{/* 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 { Canvas, Meta, Story } from '@storybook/addon-docs/blocks'

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

{/* INSERT NEW UPDATE HERE */}

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

**20-Nov-2023**

### 3.36.43

Added a general prop (`disableFilterButton`) that allows to disable filter button.
[Filter](/story/components-filter--disabled-filter)

---

**17-Nov-2023**

### 3.36.42

Added `onFocus` prop to SearchBar and TextInput to allow for custom focus behavior.

---

**09-Nov-2023**

### 3.36.41

Changed the `body` prop for the body of our confirmations to be a `ReactNode` instead of a `string`. This will allow for more flexibility when creating confirmations.

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

---

**07-Nov-2023**

### 3.36.40

Added an optional prop `selectedDatesCallout` as part of `alertProps` in `TimeframeFilterBody` to provide the selected values even before apply button is clicked. This is useful in case the alert message depends on the selection made by the user.

[TimeframeFilterBody](/story/components-timeframe-timeframefilterbody--timeframe-filter-body-with-alert)

---

**02-Nov-2023**

### 3.36.39

Added the alertProps prop to `TimeframeFilterBody` to provide an alert inside the custom selection drawer.

[TimeframeFilterBody](/story/components-timeframe-timeframefilterbody--timeframe-filter-body-with-alert)

---

**27-Oct-2023**

### 3.36.38

Added a boolean prop (`trailingTimeframe`) that enabled trailing timeframe options in global filter.

---

**25-Oct-2023**

### 3.36.37

Added a general prop (`cdpSideDrawerProps`) that allows optional SideDrawer props to be passed
to the `ComparisonDatePicker` `SideDrawer` prop.

This was needed so that the size of the SideDrawer could be adjusted when the underlying
SideDrawer (of the Global Filter) was increased, the ComparisonDatePicker SideDrawer size
could also be increased. However, any optional SideDrawer props may be passed if needed.

---

**24-Oct-2023**

### 3.36.36

Adding a loading experience for `MultipleSelection`. Showing `ListLoading` when the `loading` boolean is set to true.

[MultipleSelection](/story/components-formcomponents-multipleselection-exposed--loading)

---

**19-Oct-2023**

### 3.36.35

Updated `CsvExport` to utilize `ActionList`.

[CsvExport](/story/components-csv-csvexport--multiple-csv-data-download)

---

**18-Oct-2023**

### 3.36.34

Removed the `popover` option from `MenuButton` type `mainButtonAction`. This is a deprecated experience.

[MenuButton](/docs/components-buttons-menubutton--docs)

---

**17-Oct-2023**

### 3.36.33

Refactored `PrimaryActionButton` props to utilize default props for `Button` and `MenuButton`.

[PrimaryActionButton](/docs/components-buttons-primaryactionbutton--docs)

### 3.36.32

Added the ability to have `actions` (`ActionList`) for the `IconButton`.

[IconButton](/story/components-buttons-iconbutton--actions-button)
[IconButton - Disabled](/story/components-buttons-iconbutton--actions-button-disabled)

---

**13-Oct-2023**

### 3.36.31

Fixed spelling in type for `InformationPane`.

---

**12-Oct-2023**

### 3.36.30

Updated types for `InformationPane` to restrict passing in overriding classes.

---

### 3.36.29

Restructured props for `IconButton` to enforce using the `confirmation` confirm callout instead of the inherited `onClick`.

---

**11-Oct-2023**

### 3.36.28

Removed `PopoverWithConfirmation` component.

### 3.36.27

Removed `BulkActions` component.

---

**10-Oct-2023**

### 3.36.26

Removed `options` from `PopoverWithConfirmation` and made `confirmation` required.

[Button - Confirmation](/story/components-buttons-button--with-confirmation)

### 3.36.25

Updating `IconButtons` to allow for an optional `confirmation` prop. This will allow for a confirmation popover to appear when the button is clicked.

[IconButtons - Confirmation](/story/components-buttons-iconbutton--right-button-confirmation)

---

**9-Oct-2023**

### 3.36.24

Updating `FormButtons` to utilize the new `confirmation` prop from `Button`.

[FormButtons - Save Confirmation](/story/components-formcomponents-formbuttons--save-confirmation)

### 3.36.23

Updating `PrimaryActionButton` to utilize the new `confirmation` prop from `Button`.

[PrimaryActionButton - Button as Confirmation](/story/components-buttons-primaryactionbutton--button-as-confirmation)

### 3.36.22

Added the `confirmation` prop to `Button` and adding `confirmation` as an option for our `as` prop. This is meant to replace all external uses of `PopoverWithConfirmation` completely.

[Button - With Confirmation](/story/components-buttons-button--with-confirmation)

### 3.36.21

Added the `confirmation` prop to `PopoverWithConfirmation`. This is meant to replace the `options` prop as soon as all `PopoverWithConfirmation` instances are updated. This will simplify the component since we only want to allow for a single confirmation popover to appear.

[PopoverWithConfirmation](/docs/components-popover-popoverwithconfirmation--docs)

---

**6-Oct-2023**

### 3.36.20

- Cleaned up old props for `MenuButton` and `PrimaryActionButton`
- Renamed the `newActions` prop in `PrimaryActionButton` to `actions`
- Fixing main button confirmation for `PrimaryActionButton`
- Removed the `MenuButton` version of `PopoverWithConfirmation` since `MenuButton` handles confirmations now.
- Removed `mainButtonActions` from `MenuButton`

[PrimaryActionButton - Main Button Confirmation](/story/components-buttons-primaryactionbutton--main-button-as-confirmation)

### 3.36.19

- Fixed console error for `setState` call in render logic in `ComparisonDatePicker` by adding
  the selectionStateCallout prop and only allowing children to return a ReactNode.

---

**5-Oct-2023**

### 3.36.18

Made `labelText` an optional prop in `MultipleSelection`.

[MultipleSelection - Without Label](/story/components-formcomponents-multipleselection--without-label)

---

**4-Oct-2023**

### 3.36.17

Hot fix for broken `styleType` prop in `PopoverWithConfirmation`.

### 3.36.16

- Removed the `tippyPlacement` prop from `PrimaryActionButton` since it is not needed.
- Added a `confirmation` option for the `mainButtonType` in `MenuButton`. This will allow for a confirmation popover to appear when the button is clicked.
- Removed the unused `text-red` and `text-blue` options from the `MenuButton` prop `styleType`.

[MenuButton - Confirmation](/story/components-buttons-menubutton--main-button-as-confirmation)

### 3.36.15

Updated types for the `previous` timeframe in HeaderMetricHelpers to get comparison labels.

---

**1-Oct-2023**

### 3.36.14

Add noGradient prop to `CustomTable` component to hide bottom gradient.

---

**28-Sept-2023**

### 3.36.13

Removed deprecated `StickyHeaderSort` component.

---

**26-Sept-2023**

### 3.36.12

Removed deprecated `Fab` component.

---

**21-Sept-2023**

### 3.36.11

Adding a medium size (`md`) to the `SideDrawer` component.

[SideDrawer - Medium](/story/components-sidedrawer--medium)

### 3.36.10

Updated the `groupHeader` Groups prop from StandardTable and related files.

[StandardTable with Groups](/docs/components-tables-standardtable--docs)

---

**20-Sept-2023**

### 3.36.9

Updated the `groupHeader` Groups prop from StandardTable.

[StandardTable with Groups](/docs/components-tables-standardtable--docs)

---

**20-Sept-2023**

### 3.36.8

When the `IconButton` has a destructive action, we are now forcing a confirmation popover to appear. This is to prevent users from accidentally move forward with the destructive action.

[IconButton](/story/components-buttons-iconbutton--right-button-destructive)

Adding `styleType` to `FormButtons` to allow for red, blue, or green Save buttons.

[FormButtons](/docs/components-formcomponents-formbuttons--docs)

---

**19-Sept-2023**

### 3.36.7

Omit the `children` tooltipProps prop from IconButton.

[IconButton](/docs/components-buttons-iconbutton--docs)

---

**13-Sept-2023**

### 3.36.6

Remove the `textColor` prop and added in the `destructive` prop instead. We no longer want to handle "blue" text, but instead want to handle "destructive" actions, which will only style the text and icon as "red".

[ActionList](/docs/components-popover-actionlist--docs)

---

**13-Sept-2023**

### 3.36.4 & 3.36.5

Converted TimeframeFilterBody file to typescript; no functional changes were made.
Additional types added for Shelf application.

---

**11-Sept-2023**

### 3.36.3

Fixing props for `ActionList` to disregard the `confirmation` prop `cancelCallout`. It is not needed and is causing type errors.

[ActionList](/docs/components-popover-actionlist--docs)

### 3.36.2

Added the `destructive` prop to our `IconButton` component. This will style the icon red to warn the users of a destructive action. Also added the `type: 'link'` prop to `IconButton` to allow for a link to be passed in.

[IconButton - Destructive](/story/components-buttons-iconbutton--right-button-destructive)

[IconButton - Link](/story/components-buttons-iconbutton--left-button-link)

---

**8-Sept-2023**

### 3.36.1

Updated the `ActionList` props to allow `callout` or `link`. This way, a `callout` can be used with a `link`, but is not required.

[ActionList](/docs/components-popover-actionlist--docs)

### 3.36.0

Created the new `IconButton` component. This component is a set of 1-3 buttons that are only displayed as icons.

[IconButton](/docs/components-buttons-iconbutton--docs)
