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

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

**16-JULY-2024**

### 4.2.24

Mobile styles being added to `PageHeader` and `TableHeader`.

[PageHeader](/docs/components-pageheader--docs)

[TableHeader](/docs/components-tables-components-tableheader--docs)

### 4.2.23

(Hot fix) Updated condition for Pill in `Tabs` for showing `Pill` only when the value of the `tag` prop is present and not 0.

[Tabs](/story/components-tabs-tabs--sub-tabs-with-pill)

---

**15-JULY-2024**

### 4.2.22

Updated alignment and spacing for the `ChartTooltip` component.

[ChartTooltip](/docs/components-charts-charttooltip--docs)

---

**12-JULY-2024**

### 4.2.21

- Removed unused `footer` prop from the `ChartTooltip` component.
- Documentation for `BubbleChart`, `WinnabilityTooltip`, `TreeListBox`, `SparkLineWithTooltip` and `SparkLine` stories.

### 4.2.20

- Removed `MekkoBarChart` as it is not in use.
- Moved `BubbleChart`, `WinnabilityTooltip`, `TreeListBox`, and `SparkLine` stories out of the WIP state since those have been released and are currently being used in production.

---

**8-JULY-2024**

### 4.2.19

Added `appendToBody` prop to `DatePickerNew` that will show the calendar in the body as opposed to next to the input.
Added `openDirection` to control the direction in which the calendar opens (up or down).
Added `anchorDirection` to control the direction of where the calendar is anchored.

---

**5-JULY-2024**

### 4.2.18

Added one prop in SpreadSheetCell `isOptional` using which the warning icon can be changed to Mdash whenever this prop is passed.

### 4.2.17

Updated `Pagination` Component for small devices. It will show dropdown for page selection on smaller screens.

---

**4-JULY-2024**

### 4.2.16

Added `onHeaderCellClick` to `Spreadsheet` & `SideDrawer` integration in `ColumnHeaderNew`.

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

### 4.2.15

Added `checkboxProps` to `MediaViewer`

[MediaViewer](/docs/components-mediaviewer--docs)

---

**3-JULY-2024**

### 4.2.14

Deprecating the `Select` component. This component is no longer being used in our applications and will be removed in a future release.

### 4.2.13

Removed List Component(Deprecated)

### 4.2.12

Added `confirmButtonText` optional property in `isLastRowDeleted` prop for both `Spreadsheet` and `SpreadsheetNew` component.

[Spreadsheet](/story/components-spreadsheet-spreadsheet--last-row-delete-with-custom-text)
[SpreadsheetNew](/story/wip-spreadsheet-spreadsheetnew--last-row-delete-with-custom-text)

---

**2-JULY-2024**

### 4.2.11

Replaced `React-Player` with `Video-React` in `MediaViewer`

[MediaViewer](/story/components-mediaviewer--with-video)

---

**26-JUNE-2024**

### 4.2.10

Exporting types for `MediaViewer`.

---

**25-JUNE-2024**

### 4.2.9

Exporting types for Translations.

### 4.2.8

Added `customInformationSection` prop to `MediaViewer`

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

---

**20-JUNE-2024**

### 4.2.7

Added the `language` icon to our IconList. It is being used in our `LanguageSelector` and can be viewed in use with the `LeftNav` component.

[LeftNav - Language Selector](/story/components-leftnav--language-selector)

### 4.2.6

Removed `ToggleOptions` from module.ts and replaced with `Picker`

---

**19-JUNE-2024**

### 4.2.5

Adding `LanguageSelector` to the `LeftNav` by adding the optional `languageConfig` prop. This opt-in experience will allow users to see the current language and easily select a different language translation. This feature is not available for all applications yet.

[LeftNav - Language Selector](/story/components-leftnav--language-selector)

Also, removing the old `hasDivider` prop from the `LeftNav` since we no longer need that experience.

### 4.2.4

Adding the fallback string in for `viewItemText` in the `Select` component. This was causing errors in `Select` implementations.

---

**18-JUNE-2024**

### 4.2.3

Allowing the `rightSection` prop to be optional. Now `PageFooter` will require that either `leftSection`, `rightSection`, or both sections are defined. This gives more flexibility on when to use the left or right sections.

[PageFooter](/story/components-pagefooter--no-right-section)

---

**12-JUNE-2024**

### 4.2.2

Translations: interpolation support

### 4.2.1

Adding `noPadding` property to the `Popover` component. The Popover has default padding applied to it, and this property gets rid of that padding.

---

**10-JUNE-2024**

### 4.2.0

Releasing the `CsvUploader` component. This component allows users to upload a CSV file and display the data in a table. The component also allows users to download the data as a CSV file.

[CsvUploader](/docs/components-csv-csvuploader--docs)