{/* 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'

<Meta
  title='ChangeLog/v4/4.16'
  parameters={{
    viewMode: 'docs',
    previewTabs: {
      canvas: { hidden: true },
    },
  }}
/>

{/* Include date, version & the change and it's functional effects */}

**05-MAY-2025**

### 4.16.77

- Added helper function `replaceDelimiter`

[replaceDelimiter](/docs/helper-functions-replacedelimiter--docs)

---

**02-MAY-2025**

### 4.16.76

- Added styling for selected month and year
- Removed extra month selector in DatePicker

[DatePicker- range](/story/components-datepicker--range-basic)

### 4.16.75

- Fixed the font override issue for breadcrumbs (Trim Text)

### 4.16.74

- Added optional prop in MediaViewer `hideInformationSection` which will hide the Information Section.

[MediaViewer](/story/components-mediaviewer--hide-information-section)

---

**01-MAY-2025**

### 4.16.73

- The placeholder text color for `TextInput`, `TagInput`, and `MultiSelect` components has been updated to `dark-purple`.
- `MultiSelect` selected text is also updated to `dark-purple`.

[TextInput](/docs/components-form-textinput--docs)

[TagInput](/docs/components-form-taginput--docs)

[MultiSelect](/docs/components-form-multiselect--docs)

### 4.16.72

- The placeholder and selected option text color for `Select` component have been updated to `dark-purple`.

[Select](/docs/components-form-select--docs)

---

**30-APRIL-2025**

### 4.16.71

- Added `fullWidth` prop to `SideDrawer` to allow for full width drawers.
- Added `size` prop to `Modal` to allow for different sizes of modals.

[SideDrawer](/docs/components-sidedrawer--docs)

[Modal](/docs/components-modal--docs)

### 4.16.70

- Added generic `FilterType` to `ExposedFilter` to be more flexible.

[ExposedFilter](/docs/components-exposedfilter-exposedfilter--docs)

---

**29-APRIL-2025**

### 4.16.69

- Fixing some of the `pat-` prefix classes that were not being applied correctly.

### 4.16.68

- Bug fix : Cursor updated for calendar icon in disabled DatePicker variation
- Outside days styling bux fixed.

[DatePicker - disabled](/story/components-datepicker--single-disabled-without-exposed)
[DatePicker - range with restrictions](/story/components-datepicker--with-date-restrictions-range)

### 4.16.67

- Updated the `DesktopTable` for `Standardtable` to make entire CELL that is holding the Checkbox to be clickable.

[Standardtable with checkbox](/story/components-tables-standardtable--checkbox-table)

[Standardtable with checkbox with select option](/story/components-tables-standardtable--checkbox-table-with-select-options)

### 4.16.66

- Added hover effect to `Checkbox` component and changed default color to `purple` and hovered color to `dark-purple`

[Checkbox](/story/components-formcomponents-checkbox--standard)

### 4.16.65

- Updated range selection behaviour when already a range is selected.
- Updated styles of disabled and restricted month and year view.

[DatePicker - range with restrictions](/story/components-datepicker--with-date-restrictions-range)
[DatePicker - default last week selection](/story/components-datepicker--range-with-default-date-range)

---

**28-APRIL-2025**

### 4.16.64

- Added more `Foundation Colors` to the `Style Guide`

[Foundation Colors](/story/general-style-guide-colors-foundation--page)

### 4.16.63

- Updated tooltip behavior for `IconButton` and `ButtonGroup` action buttons to automatically close tooltips on click

[ButtonGroup](/docs/wip-buttons-buttongroup--docs)

### 4.16.62

- Removed `SpreadsheetNew` and `SpreadsheetContainerNew` from module ts

### 4.16.61

- Updated icon color based on disabled state for `DatePicker`

[DatePicker](/story/components-datepicker--single-disabled-without-exposed)

---

**25-APRIL-2025**

### 4.16.60

- Add more pat- prefixes for the Tailwind groundwork.

---

### 4.16.59

- Added a `disabled` prop to the `DatePicker` to disable the input in case of a single, non-exposed type.

[DatePicker](/story/components-datepicker--single-disabled-without-exposed)

---

**24-APRIL-2025**

### 4.16.58

- Added `pat-` prefix to more custom classes that will conflict with Tailwind.

### 4.16.57

- Removed deprecated `SpreadSheet` and `SpreadSheetContainer` components.

### 4.16.56

- Deprecated `PopoverAndMobileDrawer` in `AccountPopover`.

[AccountPopover](/story/components-leftnav--basic)

---

**23-APRIL-2025**

### 4.16.55

- Added optional `isLoading` prop to `Card` component to support loading states
- Implemented loading experience for Card component using `Skeleton`

[Card](/story/components-card--loading-with-footer)

### 4.16.54

- Added `pat-` prefix to all custom classes that will conflict with Tailwind.

### 4.16.53

-Deprecated `PopoverAndMobileDrawer` in `SortColumn`.

[SortColumn](/story/components-tables-standardtable--table-header)

---

**22-APRIL-2025**

### 4.16.52

- Fixed styling issue of restricted dates in DatePicker.
- Updated date range selection if dates are restricted.

[DatePicker with restrictions - Range](/story/components-datepicker--with-date-restrictions-range)

### 4.16.51

- Deprecated `PopoverAndMobileDrawer` in `Sparkline`, `ComparisonDatePickerPopup` and `TimeframeFilter`.

[Sparkline](/story/components-charts-sparkline-with-tooltip--default)

[ComparisonDatePickerPopup](/docs/deprecated-components-datepicker-comparisondatepickerpopup--docs)

[TimeframeFilter](/docs/components-timeframe-timeframefilter--docs)

[Timeframe](/story/components-timeframe-timeframe--basic)

---

**21-APRIL-2025**

### 4.16.50

- Making the toast width responsive to the content of the toast.

[Toast](/story/components-buttons-buttongroup--action-button-with-tooltip)

### 4.16.49

- Update `Tooltip` behavior to close on Action button click

[ButtonGroup](/docs/components-toast--docs)

---

**18-APRIL-2025**

### 4.16.48

- Fixed a bug in SortColumn that was unintentionally triggering a useEffect.

### 4.16.47

- Fixed `ExposedFilter` so that when labelName is too long and no tags fit, then show +X indicator

[ExposedFilter](/docs/components-exposedfilter-exposedfilter--docs)

---

**17-APRIL-2025**

### 4.16.46

- Added `overflow: hidden` to `PageHeader` to prevent gaps in the border.

### 4.16.45

- Added `Floating Action Bar` component

### 4.16.44

- Added support to include `SearchBar` in `ExposedFilter`

[ExposedFilterGroup - Select](/docs/components-exposedfilter-exposedfiltergroup--with-search-bar)

### 4.16.43

- Removed the `id` from actual label text in `SelectDisplay` and added the option name as the `id` for the label button displayed within the same component.

---

**16-APRIL-2025**

### 4.16.42

- Added option name as id for the label displayed in `SelectDisplay`

---

**15-APRIL-2025**

### 4.16.42

- Popover in single DatePicker will now close after selecting date.
- Added optional prop `disableAutoClose` to disable the auto closing of popover.
- Removed the property of reseting date selection in DatePicker.

[DatePicker - Single](/story/components-datepicker--basic)
[DatePicker - Range](/story/components-datepicker--range-basic)
[DatePicker - Disable Auto Close](/story/components-datepicker--disable-auto-close)

---

**15-APRIL-2025**

### 4.16.41

- Renamed `readOnly` prop to `disabled` in `LeftNav` component for better semantic meaning and consistency with other components
- Fixed icon alignment in `AccountPopover` by adjusting padding to properly center the 20px icon in the 64px LeftNav space

[LeftNav](/story/components-leftnav--disabled-account)

### 4.16.40

- Added optional `tooltip` prop to `SaveButtonProps` in `FormFooter` to display tooltip when the save button is `disabled`

[FormFooter](/story/components-formcomponents-formfooter--disable-save-button)

---

### 4.16.39

- Made selectedOption as an optional for single select in order to reset selection

[ExposedFilter - Select](/docs/components-exposedfilter-exposedfilter--select)

---

**14-APRIL-2025**

### 4.16.38

- Fixed bug in width of DatePicker.
- Added new prop `dateRestrictions` to Optionally restrict the selection of future and past dates.
- Added prop `dataTestId` for QA to identify the component.

[DatePicker](/story/components-datepicker--with-past-dates-only)

### 4.16.37

- Added Single select filter support to ExposedFilter and ExposedFilterGroup components

[ExposedFilter - Select](/docs/components-exposedfilter-exposedfilter--select)

[ExposedFilterGroup - Select](/docs/components-exposedfilter-exposedfiltergroup--basic)

---

**11-APRIL-2025**

### 4.16.36

- increased the clickable area of the "Checkbox" in the Card component to make
  the checkbox easier to click without unintended consequences of clicking the
  main card (which also has a click handler)

### 4.16.35

- Fixed bug in width of DatePicker.
- Handled condition to select Button when date is manually selected in range-DatePicker.
- Refactor DatePicker.tsx and created helper file.
- Fixed issue in width of date input field.

[DatePicker](/story/components-datepicker--range-basic)

### 4.16.34

- Added `readOnly` prop in `AccountPopoverProps` to make the username/email read-only in the `LeftNav` component
- Added `hideLogo` prop in `LeftNav` to control logo visibility in the navigation header

[LeftNav](/docs/components-leftnav--docs)

### 4.16.33

- Deprecated `PopoverAndMobileDrawer` in `MobileColumnPicker` and `MobileRouterTabs`, and removed `MobileTabs` from library.

[MobileColumnPicker](/story/components-tables-standardtable--basic-table&globals=viewport:mobile1)

[MobileRouterTabs](/story/components-tabs-routertabs-mobile--mobile&globals=viewport:mobile1)

---

**10-APRIL-2025**

### 4.16.32

- Fixing comments for the `Menu` props

### 4.16.31

- Removing the toggle `fileuploader_upload_folders`

---

**9-APRIL-2025**

### 4.16.30

- Fixed ExposedFilter so that when Select All is selected, if no. of options is high, the +X indicator displays properly

[ExposedFilter](/docs/components-exposedfilter-exposedfilter--docs)

### 4.14.29

- Added `Receipt Dollar` icon

### 4.14.28

- Added `Receipt Refund` icon

---

**8-APRIL-2025**

### 4.16.27

- Introduced a comprehensive foundation color system with consistent scales (50-900) for:
  - Red
  - Blue
  - Green
  - Yellow
  - Orange
  - Gray
  - Black & White: Opacity scales (10% to 100%)
- All color scales maintain AA 9.01 contrast ratio for accessibility
- These new scales will gradually replace the existing color system

[Foundation Colors](/story/general-style-guide-colors-foundation--page)

### 4.16.26

- Added optional `badgeProps` prop to `HeaderMetric` allowing customization of beta badge content.

[HeaderMetric](/story/components-headermetrics-headermetric--with-beta-tag-and-beta-text)

### 4.16.25

- Renamed `_new-Icons.module.scss` to `_icons.module.scss`.
- Removed legacy icon checks from Icon component.

### 4.16.24

- Fixed ExposedFilter to exclude passing onDateChange prop when using DatePicker
- Fixed ExposedFilterGroup so that ClearAll button should be shown when default values are present

[ExposedFilter](/docs/components-exposedfilter-exposedfilter--docs)

[ExposedFilterGroup](/docs/components-exposedfilter-exposedfiltergroup--docs)

### 4.16.23

- Replaced old date-picker by new DatePicker in filers component.

[Fitler](/docs/components-filter--docs)

---

**7-APRIL-2025**

### 4.16.22

- Updating the `ButtonGroup` and `Button` with `icon` components to use the new UI.

[ButtonGroup](/docs/wip-buttons-buttongroup--docs)

[Button with Icon](/docs/wip-buttons-button-with-icon--docs)

### 4.16.21

- Adding new Icon Button styles and refactoring the `Button` component to use the new styles. (WIP)

[Button](/docs/wip-buttons-button--docs)

[Button with Icon](/docs/wip-buttons-button-with-icon--docs)

### 4.16.20

- Added `shouldClose` option to text input filters that automatically closes the FilterMenu when pressing Enter/Return key
- Updated the Filter component to pass the `close` function to its children, allowing them to close the `FilterMenu` sideDrawer.

---

**6-APRIL-2025**

### 4.16.19

- [Toggle-Cleanup] sales_tooltip_title toggle has been removed.

---

**5-APRIL-2025**

### 4.16.18

- Added `useCardSelection` hook for bulk card selections with `shift+click` multi-select and `Select All` functionality

[Card](/docs/components-card--docs)
[useCardSelection](/docs/hooks-usecardselection--docs)

---

**4-APRIL-2025**

### 4.16.17

- Updating the `ConfirmationPopoverContent` component to handle the `destructive` state and updating the "primary" color to black (behind a toggle).

[ConfirmationPopoverContent](/docs/components-popover-confirmationpopovercontent--docs)

### 4.16.16

- Fixed type of onChangeCallout in ExposedFilter & ExposedFilterGroup
- Fixed display logic of selectedOptions in ExposedFilter

### 4.16.15

- reverting console.log statement.

### 4.16.14

- Added console.log statement for debugging

### 4.16.13

- change the if condition sequence for demo url

### 4.16.12

- update the hostname for predict demo url

---

**2-APRIL-2025**

### 4.16.11

- Updating the `ButtonGroup` and `FormFooter` components to handle the `destructive` states.

[ButtonGroup](/docs/components-buttons-buttongroup--docs)

[FormFooter](/docs/components-formcomponents-formfooter--docs)

### 4.16.10

- Fixed type of MultiSelectProps in ExposedFilter

---

**1-APRIL-2025**

### 4.16.9

- Added DatePicker to ExposedFilter and ExposedFilterGroup

[ExposedFilter](/story/components-exposedfilter-exposedfilter--date)

[ExposedFilterGroup](/story/components-exposedfilter-exposedfiltergroup--basic)

### 4.16.8

- Starting to simplify the `Button` component styles. Added the `primary` prop and will replace all other `primary-*` instances.
- The `ButtonGroup` and `Button` with `Icon` components have been updated to use the new `primary` prop.
- The `primary-red` styleType will be removed in favor of using a `destructive` prop. This prop will soon be available to use for the `primary`, `secondary`, and `tertiary` stylesTypes.

[Button](/docs/components-buttons-button--docs)

[Button with Icon](/docs/components-buttons-button-with-icon--docs)

[ButtonGroup](/docs/components-buttons-buttongroup--docs)

### 4.16.7

- Added tooltip support over action button in `ButtonGroup`.

[ButtonGroup](/story/components-buttons-buttongroup--action-button-with-tooltip)

**1-APRIL-2025**

### 4.16.6

- Removed deprecated helper functions that are no longer used - `sortNestedObj`, `formatWeight`, `chunk`, `dateFormatString`, `getActiveTab`.

---

**31-MARCH-2025**

### 4.16.5

- Added `type='button'` to FileUploader choose file button to prevent unintended form submission

### 4.16.4

- Text color and weight update for `EmptyState`
- `Stepper` text and arrow icon updated to be more legible
- Updating `Tabs` text color and animations

[EmptyState](/docs/components-emptystate--docs)

[Stepper](/docs/components-stepper--docs)

[Tabs](/docs/components-tabs-tabs--docs)

---

**28-MARCH-2025**

### 4.16.3

- Started the initiative to convert green and blue buttons to black. Currently, the changes are behind a toggle.

### 4.16.2

- Removed the `small` variation from `Button`

### 4.16.1

- Added 'isExposed' prop for exposed variation of DatePicker

[DatePicker](/story/components-datepicker--exposed)

[DatePicker](/story/components-datepicker--range-exposed)

### 4.16.0

- Created the `ExposedFilter` & `ExposedFilterGroup` components. Features include MultiSelect filters directly exposed on page.

[ExposedFilter](/docs/components-exposedfilter-exposedfilter--docs)

[ExposedFilterGroup](/docs/components-exposedfilter-exposedfiltergroup--docs)

---