{/* 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.35'
  parameters={{
    viewMode: 'docs',
    previewTabs: {
      canvas: { hidden: true },
    },
  }}
/>

{/* INSERT NEW UPDATE HERE */}

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

**7-Sept-2023**

### 3.35.14

Added the ability to have an `ActionList` item be a link.

[ActionList - Link](/story/components-popover-actionlist--as-link)

---

**1-Sept-2023**

### 3.35.13

Added some helper variables to quickly get the environment name and color. Those are now exported from `module`.

### 3.35.12

Adding an `environment` prop to `Sidebar` to allow the sidebar to have different colors in different environments. This will allow the sidebar to be used as a visual indicator to the user that they are viewing Prod, Stage, Dev, or Demo.

[Sidebar - Environment](/story/components-sidebar--environment)

---

**31-Aug-2023**

### 3.35.11

Old `Sidebar` code cleanup. Renamed `SidebarNew` to `Sidebar`.

[Sidebar](/docs/components-sidebar--docs)

---

**29-Aug-2023**

### 3.35.10

Updated types for the `compareWith` props in HeaderMetric and getComparisonDates.
The options are now explicitly defined.

[GetComparisonDates](/docs/helper-functions-getcomparisondates--docs)
[HeaderMetric](/story/components-headermetrics-headermetric--comparison-tooltip-with-comparison-period)

---

**28-Aug-2023**

### 3.35.9

Added getComparisonDates to new DateHelpers.ts file. This will allow our
apps to use the same logic for getting comparison dates. This also handles
dates for previous year vs previous period logic.

[GetComparisonDates](/docs/helper-functions-getcomparisondates--docs)

---

**24-Aug-2023**

### 3.35.8

Added `Previous` timeframe with below options.

- `Day` - Yesterday

- `Week` - Last business week ( Sun -Sat previous week)

- `Month` - Whole last calendar month

- `Year` - Whole last calendar year

[Timeframe Filter Body](/story/components-timeframe-timeframefilterbody--timeframe-filter-body)

---

**23-Aug-2023**

### 3.35.7

Added the props `actions` and `mainButtonActions` to `MenuButton` to allow the `ActionList` to be used with `MenuButton`. Also, the `ActionList` component was updated to handle a tooltip option if an action is disabled.

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

[ActionList](/story/components-popover-actionlist--has-disabled-options-with-tooltip)

### 3.35.6

Added optional prop `error` to `ToggleOptions` to show the error state.

Updated label styles for `Select` component for error state.

[ToggleOptions](/story/components-formcomponents-toggleoptions--with-error)

[Select with error](/story/components-formcomponents-select--with-error)

---

**22-Aug-2023**

### 3.35.5

Created `useTouchDeviceDetection` hook to detect if the user is on a touch device. This can be used to determine different types of interactions for the user experience.

[useTouchDeviceDetection](/story/components-popover-actionlist--with-csv)

### 3.35.4

Restructured some props for `ActionList`. We want to make sure that we do not pass in an `icon` when `csv` is being used since the `csv` comes with the `download` icon by default.

[ActionList](/story/components-popover-actionlist--with-csv)

### 3.35.3

Added optional prop `sideDrawerLayerPosition` in `ComparisonDatePickerPopup` to add a layer position to the drawer to allow layered drawers. The number here will be the position in the stack of SideDrawer layers if there are multiple SideDrawers that need to be displayed.

[Layer position for multiple drawers](/story/components-datepicker-comparisondatepickerpopup--comparison-date-picker-story)

---

**21-Aug-2023**

### 3.35.2

Adding `ActionListCsvRow` for the actions that require a CSV download. Also, temporarily adding in `newActions` prop to `PrimaryActionButton` to handle the new `ActionList` component.

[PrimaryActionButton](/story/components-buttons-primaryactionbutton-popoverwithconfirmation--menu-button-as-confirmation)

---

**16-Aug-2023**

### 3.35.1

Added optional prop `sideDrawerHeader` to show custom header content on `SideDrawer` for mobile view. Only applicable in case of `useSideDrawerForMobile` is set to true.

[Header Content for Tooltip SideDrawer for mobile](/story/components-tooltips-tooltip--sidedrawer-custom-header)

---

**15-Aug-2023**

### 3.35.0

Added `csv` to the `ActionList`. Also, restructured / refactored the `ActionList` component to be more maintainable.

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

Created the `ActionList` component. This is to be used whenever action items are needed inside of a popover. Use cases for this will be in the popover section of `MenuButton` and `PrimaryActionButton` (those updates will happen in the future, they are not ready with this release).

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