{/* ATTENTION */} {/* When updating this file, please add the newest comments at the top of the file so they are displayed first */} {/* Changes should include any functional changes made to the component and how that affects the component/function usage */} {/* or changes made to the Types (and what effect that will have for the component/function) */} import { Meta } from '@storybook/addon-docs/blocks' {/* Include date, version & the change and it's functional effects */} **09-JULY-2025** ### 4.17.130 - Fixed the console error where the `FilterMenu` didn't have a unique key for each state. [Filter](/docs/components-filter--docs) ### 4.17.129 - Removed the logic that was setting the active button type when the `DatePicker` component was mounted. [DatePicker](/docs/components-datepicker--docs) --- **08-JULY-2025** ### 4.17.128 - Fixed the defect where the disabled, selected date was not being highlighted in the `DatePicker` component. - No longer overriding a start or end date when they are outside of the date restrictions. [DatePicker](/docs/components-datepicker--docs) --- **07-JULY-2025** ### 4.17.127 - Removed the old modal UI and updated the `Modal` component to use the new UI. [Modal](/docs/components-modal--docs) ### 4.17.126 - Added `fullWidth` and `xl` size props to `Modal` component. [Modal](/docs/components-modal--docs) --- **04-JULY-2025** ### 4.17.125 - Given a maximum width of `250px` to the events section as suggested by UX. - Added an optional prop `eventSubHeader`, along with its appropriate styling, to display a sub header beneath the main header in the events section. - Changed the type of `footer` from `footer?: string` to `footer?: React.ReactNode` in order to accept JSX. [ChartTooltip](/story/components-charts-charttooltip--events) --- **03-JULY-2025** ### 4.17.124 - Allow the `DatePicker`, "date range" variation, to be highlighted when in the comparison view. - Fixed the defect where the months were shifting in a date range - Reorganized the comparison date picker experience to be in the `Timeframe` stories. - Removed the `ComparisonDatePickerPopup` and `ComparisonDatePicker` components from being exported. [DatePicker](/docs/components-datepicker--docs) [Timeframe](/story/components-timeframe--with-comparison-dates) ### 4.17.123 - Removed `MediaViewer` from react-ui. ### 4.17.122 - Added `qaTestId` for `HeaderMetric` change percentage. [HeaderMetric](/docs/components-headermetrics-headermetric--metric) --- **02-JULY-2025** ### 4.17.121 - Added `useCopyAsPlainText` hook to the library. [useCopyAsPlainText](/story/hooks-usecopyasplaintext--basic) ### 4.17.120 - Updated the placeholder color in the form components to all be `purple`. ### 4.17.119 - Added the optional prop `disableCheckAll` to the `StandardTable` component. [StandardTable](/story/components-tables-standardtable--disabled-check-all) ### 4.17.118 - Added optional prop `hideCopyright` to `LeftNav` component. [LeftNav](/story/components-leftnav--hidden-copyright) ### 4.17.117 - Added `heartExclamation` and `dollarExclamation` icons to iconography ### 4.17.116 - Added `qaTestId` and `id` for `HeaderMetric` component primary and chnage value/pct. [HeaderMetric](/docs/components-headermetrics-headermetric--metric) ### 4.17.115 - Fixed the defect where comparison date is showing default year i.e 1970 for 'quarterly' > 'yearly' timeframe on `HeaderMetric` component. [HeaderMetric](/docs/components-headermetrics-headermetric--comparison-tooltip-with-partial-period) ### 4.17.114 - Fixed the Standard Table pagination issue, which was occurring due to low visibility threshold. ### 4.17.113 - Fixed the defect where comparison date is showing default year for 'quarterly`timeframe on`HeaderMetric` component. [HeaderMetric](/docs/components-headermetrics-headermetric--comparison-tooltip-with-partial-period) --- **01-JULY-2025** ### 4.17.112 - Fixed: Calendar popover height fluctuation when changing months - now maintains consistent height regardless of month week count (5 vs 6 weeks) - Added: `position` prop to set position of `DatePicker`. [DatePicker](/story/components-datepickers-datepicker--with-date-picker-position) --- **30-JUNE-2025** ### 4.17.111 - Fixed the issue where the `Modal` header was not displaying correctly due to stacking context problems. --- **27-JUNE-2025** ### 4.17.110 - Added optional `noCheckbox` prop to Accordion component. [Accordion - Without Checkbox](/story/components-accordion--without-checkbox) ### 4.17.109 - Hide preset buttons if the date(s) associated to them are restricted. [DatePicker - Single : Past restricted](/story/components-datepicker--with-date-restrictions-before-today) [DatePicker - Single : Future restricted](/story/components-datepicker--with-date-restrictions-after-today) [DatePicker - Range : Past restricted](/story/components-datepicker--with-past-restriction-range) [DatePicker - Range : Future restricted](/story/components-datepicker--with-future-restriction-range) ### 4.17.108 - Removed deprecated tag from `ComparisonDatepicker`. [ComparisonDatepicker](/docs/components-datepickers-comparisondatepickerpopup--docs) - Moved `TimeframeFilter` to deprecated. [TimeframeFilter](/docs/deprecated-components-timeframefilter--docs) - Added new story for `Timeframe` component. [Timeframe - without comparison DatePicker](/story/components-timeframe--without-comparison-datepicker) --- **26-JUNE-2025** ### 4.17.107 - Updated the `Filter` and `FormFooter` components to use `primary-blue` as the default style type. [Filter](/story/components-filter--basic) [FormFooter](/story/components-formcomponents-formfooter--docs) ### 4.17.106 - Updated `Tabs` component UI to match with `DesktopRouterTabs` component. [Tabs](/story/components-tabs-tabs--docs) ### 4.17.105 - Updated `qaTestId` implementation in `ButtonGroup`, `PageFooter`, and `FormFooter`. --- **25-JUNE-2025** ### 4.17.104 - Added optional subRowDataKey to nestedRowProps in StandardTableProps. - Enables dynamic access to nested row data for tables with varying API structures. - Keeps the table component flexible and decoupled by allowing the frontend to specify the key for sub-rows. - Supports consistent rendering of nested rows (e.g., in BuyboxAttributionTable) without modifying core table logic. [StandardTable](/story/components-tables-standardtable--basic-table) ### 4.17.103 Added a new boolean prop called `ignoreNodeHierarchy` through which you can disable the parent-child selection propagation. Functional Effect: - When `ignoreNodeHierarchy` is set to `true`, selection or deselection of a node will no longer affect its parent (ascendant) or child (descendant) nodes. - When set to `false` (default), the component retains its hierarchical selection behavior. [TreeListBox](/story/components-formcomponents-multiselect--disabled-hierarchy) ### 4.17.102 - Added optional `getSecondaryOption` prop to CustomizeTableColumns component. [StandardTable - Customize Columns With Secondary Option](/story/components-tables-standardtable--customize-columns-with-secondary-option) --- **24-JUNE-2025** ### 4.17.101 - Fixed Partial period quarterly date text on `HeaderMetric` comparison tooltip. [HeaderMetric](/docs/components-headermetrics-headermetric--comparison-tooltip-with-partial-period) --- **23-JUNE-2025** ### 4.17.100 - Fixed display issue in `Tooltip` component. [Tooltip](/docs/components-tooltip--docs) ### 4.17.99 - Fixed Partial period row logic on `HeaderMetric` comparison tooltip. [HeaderMetric](/docs/components-headermetrics-headermetric--comparison-tooltip-with-partial-period) ### 4.17.98 - Used `DatePicker` in ComparisonDatepicker. [Comparison Datepicker ](/story/deprecated-components-datepicker-comparisondatepickerpopup--comparison-date-picker-story) --- **20-JUNE-2025** ### 4.17.97 - Added `qaTestId` prop to library components part II. --- **19-JUNE-2025** ### 4.17.96 - Remove unnecessary state from `ExposedFilter` - Add prop to disable close on scroll for `Popover` in `ExposedFilter` [ExposedFilterGroup](/docs/components-exposedfilter-exposedfiltergroup--docs) ### 4.17.95 - Added `qaTestId` prop to library components part I. ### 4.17.94 - Toggle Cleanup `replace_old_datepicker_in_react_ui` --- **18-JUNE-2025** ### 4.17.93 - exporting types for the CardContainer component ### 4.17.92 - Fixing text overlap of the icon - Not only focusing on placeholder, but all experiences in `DatePicker`. [DatePicker - with placeholder](/story/components-datepicker--range-with-placeholder&args=placeholder:This+is+a+very+long+placeholder+to+test+the+ellipsis) ### 4.17.91 - Added support for nestedConfig to `ExposedFilter` [ExposedFilter - Nested](/docs/components-exposedfilter-exposedfilter--nested) [ExposedFilterGroup](/docs/components-exposedfilter-exposedfiltergroup--docs) ### 4.17.90 - Renamed `PopoverNew` to `Popover` and removed the export of `PopoverNew`. ### 4.17.89 - Modified the `noVirtualization` prop of `Spreadsheet` component to include a `dynamicRowHeight` node optionally, which is used to automatically adjust the height of each cell in a row to match the height of the tallest cell in that row. --- **16-JUNE-2025** ### 4.17.88 - Removed the 'primary_table_cell_multiple_marketplaces_links' toggle. ### 4.17.87 - Removed the `isDropdownMenu` toggle from the `AccountPopover`, `ButtonGroup`, `CsvExport`, and `FloatingActionBar` components. ### 4.17.86 - Updated `calendar` icon color to dark blue and increased its size to 16px in the `Timeframe` filter. [Timeframe](/story/components-timeframe-timeframe) ### 4.17.85 - Removed `BubbleChart` from Library ### 4.17.84 - Autofocus `SearchBar` in `ExposedFilter` [ExposedFilterGroup](/docs/components-exposedfilter-exposedfiltergroup--docs) --- **13-JUNE-2025** ### 4.17.83 - Added `dateRestrictions` prop for replacement for old `isOutsideRangeHandler` prop in filters. [DatePicker : in filters](/story/components-filter--basic) ### 4.17.82 - Removed the deprecated `Popover` and `PopoverAndMobileDrawer` components, along with the `useTippyHide` hook. --- **11-JUNE-2025** ### 4.17.81 - Removed deprecated props from DatePicker : `showPastDates`,`showLast7DaysSelector`,`showLastMonthSelector`,`showThisMonthSelector`,`showThisQuarterSelector`,`showLastQuarterSelector`,`defaultDateRange`,`defaultDate`. [DatePicker : docs](/docs/components-datepicker--docs) ### 4.17.80 - Enhanced timeframe component for multiple language support - Updated isSelected condition for timeframe button component. [Timeframe](/docs/components-timeframe-timeframe--docs) --- **10-JUNE-2025** ### 4.17.79 - Added new icons to the `Icon` component: `databaseOff`, `fileTextSpark`, `folderOff`, `folderX`, `presentationOff`, and `reportSearch`. [Icon](/story/components-icons-icon--docs) ### 4.17.78 - Reverted addition of optioanl prop `is_leaf_node` to type `DateCheckState` in NestedCheckboxHelpers.ts ### 4.17.77 - Added optional prop `is_leaf_node` to type `DateCheckState` in NestedCheckboxHelpers.ts ### 4.17.76 - Added `layerPosition` prop for SideDrawer in DatePicker. [DatePicker in filter : ](/story/components-filter--basic) --- **09-JUNE-2025** ### 4.17.75 - Upgrading the `getEnvironmentName` and `getApiUrlPrefix` functions to be more dynamic so that when we need a custom url, it can handle it. ### 4.17.74 - Added more restrictions to the `PrimaryTableCell` component to ensure that the `marketplaces` prop is used correctly. [PrimaryTableCell](/story/components-tables-components-primarytablecell--multiple-marketplace-links) ### 4.17.73 - Enhanced the `PrimaryTableCell` to allow multiple marketplace links to be displayed. [PrimaryTableCell](/story/components-tables-components-primarytablecell--multiple-marketplace-links) --- **06-JUNE-2025** ### 4.17.72 - Fixed the issue of `AccountPopover` not being displayed correctly in `LeftNav` component. [LeftNav](/story/components-leftnav--basic) --- **05-JUNE-2025** ### 4.17.71 - Handled condition of mobile view for DatePicker component. - Added divider between clear and calendar icon. - Used SideDrawer for mobile view. [DatePicker](/story/components-datepicker--range-basic) [DatePicker : with clear button](/story/components-datepicker--single-with-clear-button) ### 4.17.70 - Removed unnecessary setState call from `ExposedFilter` - Fixed the issue of filter values not getting properly displayed if selectedOptions already present in `ExposedFilter` [ExposedFilterGroup](/docs/components-exposedfilter-exposedfiltergroup--docs) --- **04-JUNE-2025** ### 4.17.69 - Updated the `chromatic` script to use the `.env` file for the Chromatic token. - Updated the README to reflect the new Chromatic setup process. ### 4.17.68 - Added qaTestId prop to `Accordion`, `Ellipsis`, and `EmptyState`, and also added tests for these components. --- **03-JUNE-2025** ### 4.17.67 - Added `reset` button prop to DatePicker. [DatePicker with reset button](/story/components-datepicker--with-default-date) ### 4.17.66 - Bug fix in `AccountPopover` component. ### 4.17.65 - Added `qaTestId` prop to `TagInput` and `Pill`, and also added tests for both components. ### 4.17.64 - Removed the scrollIntoView logic for `TextInput` with `autoResize` prop. [TextInput](/docs/components-formcomponents-textinput--textarea-autoresize) --- **02-JUNE-2025** ### 4.17.63 - Removed `standardtable_checkbox_experience` toggle from `DesktopTable` component. ### 4.17.62 - Updated Chromatic token and removed old exposed token. --- ### 4.17.61 - Added `qaTestId` prop to `Checkbox` and `TextInput`, and also added tests for both components. ### 4.17.60 - Migrated `createMonthAgoData` JS to TS [createMonthAgoData](/docs/helper-functions-createmonthagodata--docs) --- **30-MAY-2025** ### 4.17.59 -- Added `This Quarter (To Date)`, `This Quarter`, `Last Quarter`, `Next Quarter` preset buttons to DatePicker. -- Added `This Year (To Date)`, `This Year`, `Last Year`, `Next Year` preset buttons to DatePicker. [DatePicker](/story/components-datepicker--range-basic) ### 4.17.58 - migrated debug helper function `whatHasChanged` to typescript - cleaned up unnecessary js files ### 4.17.57 - added qaTestId prop in `PopoverNew` and also added tests for `PopoverNew` ### 4.17.56 - Created separate file for `ExposedFilter` types - Allow 0 as input in `RangeFilter` [ExposedFilter](/docs/components-exposedfilter-exposedfilter--docs) [ExposedFilter - Range](/docs/components-exposedfilter-exposedfilter--range) --- **29-MAY-2025** ### 4.17.55 -- Added `This Week (To Date)`, `This Week`, `Last Week`, `Next Week` preset buttons to DatePicker. -- Added `This Month (To Date)`, `Next Month` preset buttons to DatePicker. -- Removed `Last 6 Months` preset button from DatePicker. [DatePicker](/story/components-datepicker--range-basic) ### 4.17.54 - Fixing display issue in `Button` component. ### 4.17.53 - Migrated rechart-helpers to typescript --- **28-MAY-2025** ### 4.17.52 - Removing the `enable_mobile_header_checkbox` toggle and the `add_partial_checked_state_to_checkbox` toggle. ### 4.17.51 - Added preset buttons for range DatePicker. - Updated UI to club preset buttons (day, month, quarter, week, year). - Refactored DatePicker.tsx and helper file. [DatePicker](/story/components-datepicker--range-basic) ### 4.17.50 - Fixed issue in `ExposedFilter`, where you had to click on label specifically to open `Popover` - Broke down code for `ExposedFilter` into smaller file [ExposedFilter](/docs/components-exposedfilter-exposedfilter--docs) ### 4.17.49 - Added new helper function `sortByProperty` [sortByProperty](/docs/helper-functions-sortbyproperty--docs) ### 4.17.48 - Added `noVirtualization` prop in the `Spreadsheet` component which can be used where Virtualization is not required and height of `Cell` is dynamic. ### 4.17.47 - Reverted top spacing of `InformationPane` header. [InformationPane](/docs/components-informationpane--docs) ### 4.17.46 - Upgrade the React version to 19. --- **27-MAY-2025** ### 4.17.45 - Added `popoverProps` prop to `DropdownMenu` component. - Updated all components to use `popoverProps` instead of `position` prop. - Fixed `AccountPopover` infinite loop bug. [DropdownMenu](/docs/components-dropdownmenu--docs) ### 4.17.44 - Created and added `RangeFilter` to `ExposedFilter` [ExposedFilter - Range](/docs/components-exposedfilter-exposedfilter--range) [ExposedFilterGroup](/docs/components-exposedfilter-exposedfiltergroup--docs) ### 4.17.43 - Refined empty state logic to ensure the message appears correctly when all items are selected and a non-existent item is searched. [Multiselect](/story/components-formcomponents-multiselect-exposed--basic) ### 4.17.42 - Updated the `Vitest` configuration and added tests for `Alert` ### 4.17.41 - Changed the Bad Image Url to display a broken image in `Image` component. - Changed the file name from `picture-bad` to `bad-image`. [Image](/story/components-image--bad-image-url) ### 4.17.40 - Added the code for setting the column width based on `size` passed in column configs for `Spreadsheet`. - Adjusted CSS for `InformationPane` header to take correct spacing from top when used inside sticky container. [InformationPane](/docs/components-informationpane--docs) --- **23-MAY-2025** ### 4.17.39 - Added the `DropdownMenu` component to the `FloatingActionBar` component. - Released the `DropdownMenu` component. [FloatingActionBar - with Submenus](/story/components-floatingactionbar--with-submenus) [DropdownMenu](/docs/components-dropdownmenu--docs) ### 4.17.38 - Added `position` prop to the `DropdownMenu` component. - Added the `DropdownMenu` component to the `AccountPopover` component. - Added the `DropdownMenu` component to the `ButtonGroup` component. - Added the `DropdownMenu` component to the `CsvExport` component. - Added the `DropdownMenu` component to the `Tile` component. [DropdownMenu](/docs/wip-dropdownmenu--docs) [AccountPopover](http://localhost:6006/?path=/story/components-leftnav--basic) [ButtonGroup](/docs/components-buttons-buttongroup--docs) [CsvExport](/docs/components-csvexport--docs) [Tile](/story/components-tile--basic) ### 4.17.37 - Removing the "arrow tip" or "caret" from the `Tooltip` and `Popover` containers [Tooltip](/docs/components-tooltip--docs) [Popover](/docs/components-popover-popovernew--docs) --- **22-MAY-2025** ### 4.17.36 - Adding French as a supported language. - Updating Library translations for French, Polish, and Chinese. ### 4.17.35 - Added DesktopRouterTabsNew component as a typescript converted file for DesktopRouterTabs. [DesktopRouterTabsNew](/docs/components-tabs-routertabs--docs) --- **21-MAY-2025** ### 4.17.34 - Added preset buttons for single DatePicker. [DatePicker](/story/components-datepicker--basic) ### 4.17.33 - Enhanced the search functionality of the `TreeListBox` by implementing a solution that requires a minimum of three characters, incorporates batch processing, reduces loops, and includes a loader during searches. This is behind toggle enable_new_search_logic_for_treelistbox [TreeListBox](/story/components-treelistbox--with-search-bar) ### 4.17.32 - `currencyFormat` is migrated from JavaScript to TypeScript - `currencyString` is removed from helper functions --- **20-MAY-2025** ### 4.17.31 - Added helper function `aggregateDataValues` [aggregateDataValues](/docs/helper-functions-aggregatedatavalues--docs) --- **19-MAY-2025** ### 4.17.30 -Added new `actionButtons` prop to replace old props. [DatePicker range - with old props](/story/components-datepicker--range-customize-bottom-actions) [DatePicker range - with new props](/story/components-datepicker--with-action-buttons) --- **17-MAY-2025** ### 4.17.28 -shelf hostname change for accelerate specific. **16-MAY-2025** ### 4.17.28 - New `Modal` UI design. [Modal](/docs/components-modal--docs) ### 4.17.27 - Added noSort prop for `CustomTable` [CustomTable](/story/components-tables-customtable--no-sort) ### 4.17.26 - Migrate the `errorCheck` function from JS to TS. [errorCheck](/docs/helper-functions-errorcheck--docs) ### 4.17.25 - Added clear button to to tag input and added the `maxHeight` optional prop --- **15-MAY-2025** ### 4.17.24 - Removed the `deprecate_popoverandmobiledrawer_react_ui` toggle. ### 4.17.23 - Reverted the --dark-yellow CSS variable from #ffa412 to #806512 to restore the original color styling. --- ### 4.17.22 - Updated Accelerate env name. --- ### 4.17.21 - Reverted the --dark-yellow CSS variable from #806512 back to #ffa412 to restore the original color styling. --- **14-MAY-2025** ### 4.17.20 - Move development hostname to match staging again. ### 4.17.19 - added accelerate to ToggleProviderProps ### 4.17.18 - Refactored `ExposedFilter` component to remove nesting of button components, resolving browser console warnings. - Updated styling to maintain the original UI appearance. [ExposedFilter](/docs/components-exposedfilter-exposedfilter--docs) [ExposedFilterGroup](/docs/components-exposedfilter-exposedfiltergroup--docs) ### 4.17.17 - added accelerate hostname env and url ### 4.17.16 - Removed the `react_ui_replace_popover_and_tippy_with_popovernew` toggle. ### 4.17.15 - Updated DatePicker to handle bug appeared in filters : Reset Filters were not able to handle clearing TextInput if the date was given as input. [DatePicker](/story/components-datepicker--range-basic) --- **13-MAY-2025** ### 4.17.14 - Remove the "new_button_ui" toggle. We decided not to move forward with the new button UI. This will be revisited in the future. ### 4.17.13 - Fixed issue where link button and external link button could not be disabled. [Link Button](/story/components-buttons-button--link-button&args=disabled:!true) [External Link Button](/story/components-buttons-button--external-link-button) ### 4.17.12 - Refactored the logic for applying active state to slides when handling skeleton files ### 4.17.11 - Added logic to prevent the select component from handling keyboard events when the search bar is focused [Select](/story/components-formcomponents-select--many-options) --- **12-MAY-2025** ### 4.17.10 - Added virtualization and API support to `MediaViewer`, and also added `isLoading` to `MediaViewerFileProps` [MediaViewer](/story/components-mediaviewer--with-pagination) --- **09-MAY-2025** ### 4.17.9 - `cleanUpValues` and `compareArrays` functions are now typed. - removed unused function `createFilterCount`. [cleanUpValues](/docs/helper-functions-cleanupvalues--docs) [compareArrays](/docs/helper-functions-comparearrays--docs) --- **08-MAY-2025** ### 4.17.8 - Added `customIcon` prop to ToastContent component, allowing developers to override the default icon based on toast type (error, info, warning, success) with any icon from the IconStringList. - Added `customIcon` prop to Alert component, enabling custom icons instead of the standard type-based icons for more flexible messaging. [Alert](/story/components-alert--custom-icon) [ToastContent](/story/components-toast-toastcontent--custom-icon) --- **07-MAY-2025** ### 4.17.7 - Added labelTooltip prop for DatePicker. - Added prop for handling error state externally. - Update error state styling [DatePicker - description](/story/components-datepicker--with-description) [DatePicker - description](/story/components-datepicker--with-error-text) ### 4.17.6 - Converted `GraphHelperService` to TypeScript which includes `createDataKeyLegend`, `dateRangeIncludesTodayCheck`, `getHeight`, `lineAnimationDelay`, `lineAnimationDuration` and `statColors` functions. ### 4.17.5 - Added clear button to DatePicker input filed [DatePicker : with clear button](/story/components-datepicker--single-with-clear-button) ### 4.17.4 - Resolved an issue in `Select` component where the `searchBarProps.showSearchBar` prop did not function correctly when the `options` count exceeded 10 [Select](/story/components-formcomponents-select--force-showing-search) --- **06-MAY-2025** ### 4.17.3 - `reduceAndOrAverage` function converted to TypeScript with improved type safety and edge case handling [reduceAndOrAverage](/docs/helper-functions-reduceandoraverage--docs) ### 4.17.2 - Added optional prop `showPartialPeriodDates` to `HeaderMetric` component, allowing it to display partial period dates in comparison tooltips. This adds a new row in tooltip that shows the whole date range for previous period. [HeaderMetric](/docs/components-headermetrics-headermetric--comparison-tooltip-with-partial-period) ### 4.17.1 - Added `maxHeight` to the `logo` prop for the `LeftNav` component in order to override the default max-height of 26px if necessary. [LeftNav](/docs/components-leftnav--docs) --- **05-MAY-2025** ### 4.17.0 - Released 'Floating Action Bar' component [Floating Action Bar](/docs/components-floatingactionbar--docs)