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

{/* INSERT NEW UPDATE HERE */}

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

**20-DEC-2023**

### 3.37.18

Updated comments and documentation for `Spreadsheet` components.

[SpreadsheetContainer](/story/components-spreadsheet-spreadsheetcontainer--custom-columns)

---

**20-DEC-2023**

### 3.37.17

Added `loading` and `noOptionsMessage` props to `NewSelect` to allow for a loading state and for overriding the no options message.

[NewSelect](/story/components-formcomponents-newselect--loading)

### 3.37.16

Changing the hook `useSearchBarFocus` to a more generic `useFocus` hook. This hook can be used to focus any element.

[useFocus](/docs/hooks-usefocus--docs)

---

**19-DEC-2023**

### 3.37.15

Exporting `SpreadsheetCell` component to be used when needed to override specific `Spreadsheet` cells. This component has the necessary base styles to match the `Spreadsheet` component UI.

[Spreadsheet](/story/wip-spreadsheet-spreadsheetcontainer--custom-columns)

Adding the `onReturnCallout` prop to `TextInput` to allow for a callout to be displayed when the user presses the return key.

[TextInput](/story/components-formcomponents-textinput--return-callout)

---

**14-DEC-2023**

### 3.37.14

Adding `optionKeyName` prop to `NewSelect` to allow for custom key names in the options array.

Also added `labelKeyName` prop to choose which key to use for the label.

Also added groups functionality to `NewSelect` to allow for grouping of options. This is done by changing the
`options` prop to an array of objects with keys: label and options. The options key is a normal options array.

[NewSelect](/story/components-formcomponents-newselect--with-groups)

---

**13-DEC-2023**

### 3.37.13

Added `popoverRef` prop to NewSelect to prevent closing of popover when clicking on the select.

[NewSelect](/story/components-formcomponents-newselect--inside-popover)

---

**12-DEC-2023**

### 3.37.12

Exporting the `Spreadsheet` component.

[Spreadsheet](/story/wip-spreadsheet-spreadsheet--basic)

---

**11-DEC-2023**

### 3.37.11

Added option to add a beta tag to `HeaderMetric` component and table headers.

[HeaderMetric](/story/components-headermetrics-headermetric--with-beta-tag)
[StandardTable](/story/components-tables-standardtable--basic-table)

---

**07-DEC-2023**

### 3.37.10

Added the `disabledOptions` prop to the `MultipleSelection` component. This prop allows for the disabling of specific options.

[MultipleSelection - Standard](/story/components-formcomponents-multipleselection--disabled-options)

[MultipleSelection - Exposed](/story/components-formcomponents-multipleselection-exposed--disabled-options)

### 3.37.9

Updated the `subHeader` prop as optional in the `SpreadsheetPane` Component

[SpreadsheetPane](/story/components-spreadsheet-spreadsheetpane--without-sub-header)

---

**05-DEC-2023**

### 3.37.8

Fixed NewSelect types for onChange, removed id prop

[NewSelect](/story/components-formcomponents-newselect--docs)

---

**01-DEC-2023**

### 3.37.7

Added customClass prop to PageFooter component

[PageFooter](/story/components-pagefooter--basic)

### 3.37.6

Removed deprecated `Popover` component.

---

**30-Nov-2023**

### 3.37.5

Added 'yellow', 'blue', and 'green' color options in the `GroupColorType` type for `StandardTable`'s `Groups` prop

[StandardTable](/story/components-tables-standardtable--group-color-variation)

### 3.37.4

Replaced `Popover` instance in `Autocomplete` with `Tippy` and remove unused props.

[Autocomplete](/story/components-autocomplete--basic-option-with-header)

### 3.37.3

Removed deprecated `MultiSelect` component.

---

**29-Nov-2023**

### 3.37.2

Updated the `SpreadsheetPane` to allow the `tooltipInfo` prop to be optional.

[SpreadsheetPane](/story/components-headermetrics-headermetricgroup--basic)

---

**27-Nov-2023**

### 3.37.1

Added `actionButton` prop to `HeaderMetric` to allow for an element to be passed in on the right side of the display. Mutually exclusive with the `linkTo` prop.

[HeaderMetric](/story/components-headermetrics-headermetric--with-action-button)

[HeaderMetricGroup](/story/components-headermetrics-headermetricgroup--basic)

### 3.37.0

Releasing `PageFooter`, `Pagination`, `SpreadsheetPane`, and `SpreadsheetContainer`. These components are being released to start testing with Amplifi. They are not 100% ready for production use, but will be shortly.

Also releasing `NewSelect` to begin work on replacing our current select component.

[PageFooter](/story/components-pagefooter--basic)

[Pagination](/docs/components-pagination--docs)

[SpreadsheetPane](/docs/components-spreadsheet-spreadsheetpane--docs)

[SpreadsheetContainer - WIP](/story/wip-spreadsheet-spreadsheetcontainer--with-spreadsheet-pane)

[NewSelect](/story/components-formcomponents-newselect--basic)