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

{/* INSERT NEW UPDATE HERE */}

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

**22-Jun-2023**

### 3.30.21

Removing `CustomDisplay` from the library.

---

**21-Jun-2023**

### 3.30.20

Cleaning up unused props in a few components. Making the `resetCallout` prop required for `Filter`.

---

**15-Jun-2023**

### 3.30.19

Added an additional prop `noPctConversion` to the `HeaderMetric` component. This optional
param will prevent the typical `pct * 100` conversion and will display the value(s) as they
were passed in.

### 3.30.18

Updated props `primaryMetricTitle` for the Comparison Tooltip on HeaderMetric component.
This prop will allow the custom title to the primary value on comparison tooltip.
If this prop is not set, it will fallback to the default title of the headermetric.

---

**13-Jun-2023**

### 3.30.17

No change here, but we needed a new npm build to fix a build issue.

---

**12-Jun-2023**

### 3.30.16

Update the prop comments for `FormLabel`.

[FormLabel](docs/components-formcomponents-formlabel--basic)

---

**10-Jun-2023**

### 3.30.15

Update the font weights across the app.

- The `light` font weight (300) has been deprecated and replaced with the `regular` font weight (400)
- The `extra-bold` font weight (800) has ben deprecated and replaced with the `bold` font weight (700)
- The `light-bold` name has been replaced with `medium`
- We now have `regular` (400), `medium` (500), `semi-bold` (600), and `bold` (700)

[Font Weight Helper Classes](/docs/css-helper-classes-fonts-font-weights--font-weights)

[Typography](/docs/style-guide-typography--typography)

---

**6-June-2023**

### 3.30.14

Removed `equalColumnWidth` from the `DesktopTable`. We no longer need this prop because it has become our new standard to use the logic behind `equalColumnWidth`.

[StandardTable](/story/components-tables-standardtable--basic-table)

---

**31-May-2023**

### 3.30.13

Updated `CheckboxTable` to allow total row functionality.
This requires two props to be passed in: the total row key and the data to be displayed.

[CheckboxTable](/story/components-tables-checkboxtable--total-row)

---

**26-May-2023**

### 3.30.12

Updated props `customDimension` for the SparklineWithTooltip similar to base SparkLine component.
This prop will only apply to base sparkline and not the tooltip sparkline.

[SparklineWithTooltip](/story/components-charts-sparkline-with-tooltip--default)

Updated the Sparkline chart to have custom height and width via customDimension object.
This is an optional prop and will fallback to a default value if not passed.

[Sparkline](/story/wip-sparkline--default)

---

**25-May-2023**

### 3.30.11

Added comparison tooltip to `HeaderMetric`

[HeaderMetric](/story/components-headermetrics--comparison-tooltip)

[HeaderMetricGroup](/story/components-headermetrics--group-with-tooltips)

---

**22-May-2023**

### 3.30.10

Converted the `SidebarLink` component to .tsx

---

**17-May-2023**

### 3.30.9

Added the `showChangeBelowMainMetric` prop to `HeaderMetric` and `HeaderMetricGroup`. It is a boolean that will determine where the change metrics should appear. By default, we will have the change metrics appear to the right of the main metric.

[HeaderMetric](/story/components-headermetrics--metric)

[HeaderMetricGroup](/story/components-headermetrics--group)

---

**16-May-2023**

### 3.30.8

Updated the base Sparkline chart to use similar params as the SparklineWithTooltip component.
The Sparkline chart is a separate component that does not have the tooltip feature. It is
just a display component. Still WIP until tested.

[Sparkline](/story/wip-sparkline--default)

Updated the mobile display for the SparklineWithTooltip component. When this component is
displayed on a mobile device it will open a sideDrawer instead of the popover component. This
will make the display more standard on mobile devices.

[SparklineWithTooltip](/story/components-charts-sparkline-with-tooltip--default)

---

**11-May-2023**

### 3.30.7

Added an `equalColumnWidth` optional prop to `StandardTable` for adding a minimum equal width across table columns.

[StandardTable](/story/components-tables-standardtable--basic-table)

---

**09-May-2023**

### 3.30.6

Added a `regularFont` prop to `TextUnderline` for non-bold options when using the component.

[TextUnderline](/story/components-textunderline--regular-font)

---

**05-May-2023**

### 3.30.5

Removing the old `TimeframeFilter` and renaming the newer `TimeframeFilterNew` to `TimeframeFilter`.

[TimeframeFilter](/story/components-timeframe-timeframefilter--default-timeframe)

---

**04-May-2023**

### 3.30.4

Add a `SecondaryDisplay` prop which is add a JSX component to the `SparklineWithTooltip` display.
If no SecondaryDisplay prop is provided then the tooltip will display only the initial graph. But
if a SecondaryDisplay prop is provided then the tooltip will display the additional component in
a side container and will dynamically adjust the size of the tooltip to accommodate the new component.
For mobile the graph and the new component will stack vertically.

[Sparkline Tooltip with Secondary Display](/docs/components-charts-sparkline-with-tooltip--secondary-display)

---

**01-May-2023**

### 3.30.3

Removed the `callout` prop from `Icon`. In an order to help with accessibility, our standards are to wrap a `Button` around an `Icon` if we need a callout for the `Icon`. This is has been adopted in more recent implementations. We are enforcing this standard with this update.

[Icon](/story/components-icon--icon)

### 3.30.2

Added a third option to the prop `size` for `InfoTooltip`. The new option, `standard`, will be the default `size`. We added this prop to help with our CSS encapsulation task.

[InfoTooltip](/story/components-tooltips-infotooltip--basic)

---

**21-April-2023**

### 3.30.1

Added an optional prop called `keyUpCallout` to `SearchBar`. This will allow an action to be taken up pressing "return" or "enter" on the keyboard.

[SearchBar](/story/components-searchbar--key-up)

---

**20-April-2023**

### 3.30.0

Created the `CustomizeTableColumns` component. This will replace the `CustomDisplay` that the tables are currently using to customize their columns. This component makes use of a `SideDrawer` and the exposed version of `MultipleSelection`. The same `customColumnProps` are being used so no changes are necessary to the current experience.

[StandardTable - Customize Columns](/story/components-tables-standardtable--customize-columns)

---
