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

{/* INSERT NEW UPDATE HERE */}

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

**20-April-2023**

### 3.29.5

Allow for graph lines to connect through null data points. The null value will not have
it's own data point on the graph but the graph line will connect existing data points
to make a continuous line graph. The graph line will start with the first valid data point
and will end with the last valid data point. Only the gaps between valid data points will
be connected.

To allow this continuous graph line use the `connectNulls` param. The default value is false.

[SparklineWithTooltip with null values](/story/components-charts-sparkline-with-tooltip--small-percent)

---

**19-April-2023**

### 3.29.4

Fixed missing right column border. The border disappeared if the custom columns options
was used with nested rows. Also, the right column border was missing on the nested rows.
This fixes both issues so that the right border will now be displayed on if both Custom
columns and nested rows are used and the right border will be continued in the nested
rows too.

**18-April-2023**

Added the label props back in to the exposed version of `MultipleSelection`. We decided that we do not want to hide the label like we initially thought.

[MultipleSelection](/story/components-formcomponents-multiselect-multipleselection-exposed--many-options)

---

### 3.29.3

`InlineMultiSelect` props updates:

- Added `exposed`, `className`, `style`, and `showGradient` to help with styling of the exposed `MultipleSelection`.

[InlineMultiSelect](/story/components-formcomponents-multiselect-inlinemultiselect--basic)

`MultipleSelection` props updates:

- Reorganized props to be more strict for our new "exposed" experience.
- Added `exposed` prop to remove the "popover" experience and show the `MultipleSelection` inline.
- Added the `maxHeight` prop to allow the exposed version of the component to adjust the height. This can be useful in a `SideDrawer`.

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

[SideDrawer w/ Exposed MultipleSelection](/story/components-sidedrawer-exposed-multipleselection--few-options)

### 3.29.2

Update `SparklineWithTooltip` to allow for the display of very small numbers/percentages.

[SparklineWithTooltip with very small numbers](/story/components-charts-sparkline-with-tooltip--small-percent)

---

**13-April-2023**

### 3.29.1

Updated header metric chart colors list.

---

**11-April-2023**

### 3.29.0

Added a new hook called `useFocus`. This will help to focus a `SeachBar` that is in a dropdown (like `MultipleSelection`) or in a `SideDrawer`.

[useFocus](/docs/hooks-usesearchbarfocus--example)

---