@bigbinary/neetoui
Version:
neetoUI drives the experience at all neeto products
1,187 lines (948 loc) • 63.5 kB
Markdown
<!---
------ FOLLOW THESE WHILE ADDING AN ENTRY ------
** Add BREAKING keyword in bold for changes which could potentially break the component, eg: **BREAKING**
** Represent a component name in italics, eg: _Modal_
** Enclose a prop name in double backticks, eg: `isLoading`
** Represent a version as second level heading and write the version number inside a square bracket, eg: ## [3.3.2]
--->
# Changelog
All notable changes to this project will be documented in this file.
The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
Each change is prefixed with one of these keywords::
- *Added*: Describes new features.
- *Changed*: Highlights modifications to existing functionality.
- *Deprecated*: Marks features that will be removed in the future.
- *Removed*: Indicates features that have been taken out.
- *Fixed*: Denotes bug fixes.
- *Security*: Pertains to actions taken in response to vulnerabilities.
## 8.3.10 - 2025-06-23
Adds support to display a tooltip over the options in Select dropdown.
## 8.3.9 - 2025-06-18
- Fixed: TypeError in *Toastr* component
## 8.3.8 - 2025-06-18
This PR makes changes to handle the case when the options passed to the Select component are grouped.
The `buildValueObj` method has been modified to get the deeply nested options after checking for grouping.
This change fixes issues with initial values not being displayed in the dropdown when using formik.
## 8.3.7 - 2025-06-06
- Added: `ref` support in *Radio.Item*.
## 8.3.6 - 2025-06-04
- Removed: Unused container and wrapper classes
## 8.3.5 - 2025-06-03
- Fixed: pane width on iPad viewport
Ensures the pane maintains a minimum width for better usability on iPad devices.
small
large
extraLarge
## 8.3.4 - 2025-06-02
- Replaced `100vh` with `100dvh` to fix layout issues on mobile browsers and iPads caused by dynamic browser UI elements.
## 8.3.3 - 2025-05-28
- Added: support for `precision` prop for *Input* component
## 8.3.2 - 2025-05-26
- Updated: the column resizing handle styles.
## 8.3.1 - 2025-05-20
- Updated: the duplicate email error message and style.
## 8.3.0 - 2025-05-09
Migrated to new SASS module system.
The auto-migration worked successfully and effectively transitioned the files to the new Sass module system.
## 8.2.78 - 2025-04-15
- Added: `dataTestid` prop to *Select* component.
## 8.2.77 - 2025-04-11
- Added: Dark mode support for `divide-y` utility class.
## 8.2.76 - 2025-04-11
- Fixed: icon visibility issue in the Tree component.
## 8.2.75 - 2025-04-07
- Added size `extraLarge` prop to *Pane* component.
## 8.2.73 - 2025-03-26
- Fixed height computation issue in nested panes.
## 8.2.72 - 2025-03-26
- Fixed height computation issue in *Pane* component.
## 8.2.71 - 2025-03-25
- Fixed issue with Select dropdown not opening in pane when custom styles are passed.
## 8.2.70 - 2025-03-21
- Added info icon to table columns with tooltips.
## 8.2.69 - 2025-03-21
- Fixed table sorting when array is passed to dataIndex.
## 8.2.68 - 2025-03-18
- Updated: dark mode primary color palette.
- Updated: dark mode pastel color palette.
- Updated: dark mode accent color palette.
- Updated: dark mode status color palette.
- Added: CSS `[color-scheme](https://developer.mozilla.org/en-US/docs/Web/CSS/color-scheme)`.
- Added: `font-smoothing` in dark mode.
- Updated: Modal footer background color.
### Before
<img width="1440" alt="Screenshot 2025-03-18 at 5 18 43 PM" src="https://github.com/user-attachments/assets/596c5757-144d-483b-8857-98c8b723b3ec" />
### After
<img width="1440" alt="Screenshot 2025-03-18 at 5 19 03 PM" src="https://github.com/user-attachments/assets/9819091d-0d3f-458e-8bf6-f95a6835b7c2" />
## 8.2.67 - 2025-03-18
- Fixed issue with *Table* column reordering
## 8.2.65 - 2025-03-10
Added: `data-testid` labels for *HeaderCellMenu* and *CellContent*.
## 8.2.62 - 2025-02-19
- Fixed: Pane footer cut-off issue in iOS Safari.
iPad Pro (11-inch) - Tested using Xcode
## 8.2.60 - 2025-02-11
Fixed data-testid label for *Input*.
## 8.2.59 - 2025-02-07
- Fixed TypeError in `useOverlay` hook.
## 8.2.58 - 2025-02-07
- Wrapped all localStorage operations in try-catch blocks to handle potential failures in private browsing mode or due to storage restrictions.
## 8.2.57 - 2025-02-07
- Fixed: Hex color input field auto-population issue in *ColorPicker*.
## 8.2.56 - 2025-02-06
- Added logic to show clear selection callout when all table rows are selected
## 8.2.53 - 2025-01-23
- Added: `data-testid` label for *ProgressBar*
## 8.2.52 - 2025-01-22
- Fixed TypeError in Pane component.
## 8.2.51 - 2025-01-21
- Fixed height computation issue in Pane component.
## 8.2.50 - 2025-01-21
- Fixed issue with table height computation when reorder column is enabled.
## 8.2.49 - 2025-01-10
- Added: Click functionality to the *Switch* component
## 8.2.48 - 2024-12-10
- Changed: *Table* font size unit from px to rem.
## 8.2.47 - 2024-12-10
- Shows the color palette in the color picker by default.
- Updates the color list and the onChange handler to align with the color and onChange handler of the picker.
- Refactors and cleans up the onChange handlers and the associated functions.
## 8.2.46 - 2024-12-10
- Skips over writing the saved email details with the duplicate email entered by the user.
## 8.2.45 - 2024-12-06
Changed the `data-testid` prop for *Toast* message component.
## 8.2.44 - 2024-12-06
- The MouseTrap lib by default will not fire callbacks for events inside fields like input, textarea etc.. We have to use `bindGlobal` if we want the key bindings for work for form fields as well.
> By default all keyboard events will not fire if you are inside of a textarea, input, or select to prevent undesirable things from happening.
> This means that a keyboard event bound using Mousetrap.bind will only work outside of form input fields, but using Mousetrap.bindGlobal will work in both places.
Documentation - https://craig.is/killing/mice
## 8.2.43 - 2024-12-05
- Updates the color palette to support hex values and removes the tailwind dependency.
## 8.2.41 - 2024-11-28
- Removed the logic to sanitize the value of the datepicker.
- The values are already sanitized in the onChange handler.
## 8.2.40 - 2024-11-27
- The false value of the prop `icon` was ignored in the implementations before v9.0.2.
- After 9.0.2, the [implementation](https://github.com/fkhadra/react-toastify/blob/main/src/components/Toast.tsx#L108-L117) is such that the icon is rendered as passed in the config.
- Since the `false` value was used to show the default icon set internally, replaced it with a function that returns null
which solved the problem.
- Code ref: https://github.com/fkhadra/react-toastify/blob/v8.0.1/src/components/Toast.tsx#L65-L75.
- The `if (icon === false)` statement was never success for some reason.
- PR which addressed this issue: https://github.com/fkhadra/react-toastify/pull/758
## 8.2.39 - 2024-11-27
- Updates the value and default value fixed to the allowed range only if the user has touched the fields. This will fix the values outside the allowed ranges until not properly rendered initially.
## 8.2.36 - 2024-11-12
- Removed the toastr icon by default.
## 8.2.35 - 2024-11-01
- Fixed: Added `@bigbinary/neeto-datepicker` to peer dependencies.
## 8.2.34 - 2024-11-01
- Updated NeetoDatePicker to accept `getNow` as an optional prop and replaces the `generateConfig.getNow` with the external `getNow` when availabel.
- set the `getNow` prop with value `dayjs` which will return the current time in the set timezone.
Demo: https://deepak-jose.neetorecord.com/watch/ace8d14e-ca06-42ac-aaa9-affe51287990
## 8.2.32 - 2024-10-24
- The `async` `handleSubmit` will always return a `Promise`, even if the submit handler inside doesn’t return one. This leads to unexpected bugs, as the `Promise` resolves immediately when using the `mutate` function of `useMutation` while the API call might still be in progress.
- In Formik, if a Promise is returned, it waits for it to resolve before setting isSubmitting to false. In our case, this happens immediately after the button click.
- Since we weren’t returning the result of the submit handler, it consistently returned a Promise once the handler executed, which caused this behavior.
## 8.2.31 - 2024-10-17
- Removed: Tailwind utility classes from components.
- Added: Utility classes for `text-transform`.
- Added: Utility classes for `max-width` and `min-width`.
- Added: Utility classes for `cursor`.
- Added: Utility classes for `font-size: inherit`.
## 8.2.30 - 2024-10-17
- Fixed issues with the *MultiEmailInput* component when `isCreatable` option is enabled.
## 8.2.29 - 2024-10-17
- Added: Text truncation for table column titles.
https://github.com/user-attachments/assets/f8eda9f5-56c9-46eb-90f2-96718e5137f8
@praveen-murali-ind _a
## 8.2.28 - 2024-10-16
- Changed: default vertical alignment of checkbox and radio buttons from `center` to `top`.
@praveen-murali-ind _a
## 8.2.27 - 2024-10-14
- Added caching logic in days util function.
## 8.2.26 - 2024-10-10
- Prevents calling hide tooltip if already destroyed, calling hide on a destroyed instance was throwing a warning in jest test.
- The removed props from the Dropdown component is no longer supported by Tippy, using those in the molecules was throwing warnings in the console.
## 8.2.25 - 2024-10-09
- Fixes existing jest warnings.
- Adds [`jest-fail-on-console`](https://www.npmjs.com/package/jest-fail-on-console) package to prevent checking in changes with warnings and errors in console.
## 8.2.24 - 2024-10-09
Upgraded the Rollup package to latest version(4.24.1), and its plugins as well!
## 8.2.23 - 2024-10-08
Added: `data-testid` prop to *Check* and *Close* icons in *Switch* component.
## 8.2.22 - 2024-10-07
This PR contains the following changes:
Added following improvements to the live playground:
- Added Syntax highlighting
- Changed the Editor to use light theme
- Added Default code to the Editor and removed the example code snippet
## 8.2.21 - 2024-10-07
- Fixed dayjs timezone issue with *DatePicker* and *TimePicker* components.
## 8.2.19 - 2024-10-04
- Removes the save and continue navigation functionality and replaces it with stay on the page.
## 8.2.18 - 2024-09-25
The menu was not visible in the overlay components like Pane. To fix that increased the zIndex from the 9999 which was the default value of Tippy to 99999.
## 8.2.17 - 2024-09-24
The existing implementation was ignoring the already set fixed columns. This will merge the frozen columns with the fixed columns in the columnData in the initial render.
## 8.2.16 - 2024-09-20
- Updated the handleSubmit function on the Form component from Formik to be asynchronous.
## 8.2.15 - 2024-09-19
- Implements freeze/unfreeze column feature in the Table.
## 8.2.14 - 2024-09-17
- Replaced AntdTable loader with NeetoUI Spinner.
### Before
<img width="1103" alt="Screenshot 2024-09-13 at 12 03 35 PM" src="https://github.com/user-attachments/assets/24602fa3-9cb9-487e-bcaa-e88ea73276c3">
### After
<img width="1438" alt="Screenshot 2024-09-13 at 12 58 28 PM" src="https://github.com/user-attachments/assets/ab934456-c014-4bdb-b03b-709333e98d6a">
<img width="1159" alt="Screenshot 2024-09-13 at 12 26 11 PM" src="https://github.com/user-attachments/assets/73317b59-15f5-429b-8458-359934b216de">
## 8.2.13 - 2024-09-10
Added: `data-testid` prop to *Radio* input
## 8.2.11 - 2024-09-05
https://deepak-jose.neetorecord.com/watch/ab0a7044-22de-4564-a015-0002ed390736
## 8.2.7 - 2024-08-26
Handles the case where `BlockNavigation` is used without formik.
## 8.2.6 - 2024-08-26
- Fixed: disabled prop of Dropdown not working when a customTarget is used
## 8.2.5 - 2024-08-14
## 8.2.3 - 2024-08-13
<img width="1137" alt="Screenshot 2024-08-13 at 11 49 23 AM" src="https://github.com/user-attachments/assets/957cdb75-b0da-4470-8e33-d7c21b04ba23">
<img width="1114" alt="Screenshot 2024-08-13 at 11 51 50 AM" src="https://github.com/user-attachments/assets/ea574af4-3804-4aa2-8a8b-f0eb85bbd988">
## 8.2.1 - 2024-07-29
- Fixed: Fixed the scrollTo property of tables from being undefined.
## 8.2.0 - 2024-07-27
- Added: Persist scroll position of the table during navigation.
## 8.1.6 - 2024-07-26
<img width="1020" alt="image" src="https://github.com/user-attachments/assets/298408c6-60dc-4e29-a0c7-efb1c3350a29">
Main story UI
Before
<img width="914" alt="image" src="https://github.com/user-attachments/assets/d7121a93-ad2d-4ac7-9353-6c5706ab1752">
After
<img width="1010" alt="image" src="https://github.com/user-attachments/assets/a322fb68-023c-4a3c-9ec1-d3a02238b5a6">
## 8.1.4 - 2024-07-24
- Changed: default font family to Inter on Windows.
- Removed: font family overrides in Storybook.
- Fixed: the usage of CSS font variable.
@praveen-murali-ind _a
## 8.1.0 - 2024-07-22
Updates all formik components in neetoUI to use status to show server error and reset the status when the value changes.
## 8.0.0 - 2024-07-19
- Removed: **BREAKING** *TimePickerInput* and *DateTimePicker* components.
## 7.1.0 - 2024-07-16
- Added a new TranslationProvider for initializing translations for external use of NeetoUI
## 7.0.5 - 2024-07-15
- Added support for displaying tooltips for disabled buttons in NoData component
## 7.0.4 - 2024-07-11
- Updated framer-motion to 11.2.14
## 7.0.3 - 2024-07-11
- Disabled mask format in DatePicker and TimePicker
## 7.0.2 - 2024-07-03
- Added: placeholder for TimePicker and DateTimePicker
- Added: enabled masked format
## 7.0.1 - 2024-07-01
- Fixed the scrollbar visibility issue in Tables
## 7.0.0 - 2024-06-27
### Color palette
- Updated: `--neeto-ui-black` from `#121212` to `#0c111d`.
- Updated: `--neeto-ui-gray-800` from `#1f1f1f` to `#101828`.
- Updated: `--neeto-ui-gray-700` from `#2f3941` to `#1d2939`.
- Updated: `--neeto-ui-gray-600` from `#68737d` to `#344054`.
- Updated: `--neeto-ui-gray-100` from `#f8f9f9` to `#f6f7f8`.
- Added: `--neeto-ui-gray-50` - `#fafafa`.
- Updated: `--neeto-ui-primary-800` from `#2d36d4` to `#006653`.
- Updated: `--neeto-ui-primary-600` from `#3642df` to `#007a64`.
- Updated: `--neeto-ui-primary-500` from `#4558f9` to `#008068`.
- Updated: `--neeto-ui-primary-100` from `#ebecfe` to `#e1f3ee`.
- Added: `--neeto-ui-primary-50` - `#f0f9f7`.
- Added: `--neeto-ui-accent-800` - `#095aba`.
- Added: `--neeto-ui-accent-600` - `#0d66d0`.
- Added: `--neeto-ui-accent-500` - `#1473e6`.
- Added: `--neeto-ui-accent-100` - `#e6f4ff`.
- Added: `--neeto-ui-accent-50` - `#eff8ff`.
- Updated: `--neeto-ui-success-800` from `#107154` to `#01795d`.
- Updated: `--neeto-ui-success-600` from `#12805c` to `#018d6d`.
- Updated: `--neeto-ui-success-500` from `#268e6c` to `#02a27c`.
- Updated: `--neeto-ui-success-100` from `#e1f3ee` to `#ebfffa`.
### Dark mode
- Added: `--neeto-ui-gray-50` - `#0a0a0a`.
- Updated: `--neeto-ui-primary-800` from `#39b990` to `#00f5c8`.
- Updated: `--neeto-ui-primary-600` from `#33ab84` to `#00e0b7`.
- Updated: `--neeto-ui-primary-500` from `#2d9d78` to `#00cca7`.
- Updated: `--neeto-ui-primary-100` from `#175541` to `#003d31`.
- Added: `--neeto-ui-primary-50` - `#002921`.
- Added: `--neeto-ui-accent-800` - `#8ebdf5`.
- Added: `--neeto-ui-accent-600` - `#69a7f2`.
- Added: `--neeto-ui-accent-500` - `#4390ef`.
- Added: `--neeto-ui-accent-100` - `#0a3871`.
- Added: `--neeto-ui-accent-50` - `#07254b`.
- Updated: `--neeto-ui-success-800` from `#39b990` to `#00f5c8`.
- Updated: `--neeto-ui-success-600` from `#33ab84` to `#00e0b7`.
- Updated: `--neeto-ui-success-500` from `#2d9d78` to `#00cca7`.
- Updated: `--neeto-ui-success-100` from `#175541` to `#003d31`.
- Updated: `--neeto-ui-info-800` from `#4b9cf5` to `#8ebdf5`.
- Updated: `--neeto-ui-info-600` from `#378ef0` to `#69a7f2`.
- Updated: `--neeto-ui-info-500` from `#2680eb` to `#4390ef`.
- Updated: `--neeto-ui-info-100` from `#0b4589` to `#0a3871`.
### Utility classes
- Added: Utility classes for the newly added colors.
### Box shadows
- Updated: `--neeto-ui-shadow-xs` to `rgba(0, 0, 0, 0.1) 0px 2px 1px -1px, rgba(0, 0, 0, 0.07) 0px 1px 1px 0px, rgba(0, 0, 0, 0.05) 0px 1px 3px 0px`.
- Updated: `--neeto-ui-shadow-sm` to `rgba(0, 0, 0, 0.2) 0px 3px 3px -2px, rgba(0, 0, 0, 0.14) 0px 3px 4px 0px, rgba(0, 0, 0, 0.12) 0px 1px 8px 0px`.
- Updated: `--neeto-ui-shadow-md` to `rgba(0, 0, 0, 0.2) 0px 3px 5px -1px, rgba(0, 0, 0, 0.14) 0px 6px 10px 0px, rgba(0, 0, 0, 0.12) 0px 1px 18px 0px`.
- Updated: `--neeto-ui-shadow-lg` to `rgba(0, 0, 0, 0.2) 0px 5px 5px -3px, rgba(0, 0, 0, 0.14) 0px 8px 10px 1px, rgba(0, 0, 0, 0.12) 0px 3px 14px 2px`.
### Component updates
- Updated: Button hover/focus states.
- Improved: Callout styles.
- Improved: Table styles.
- Improved: Toast bg.
- Updated: Toast button style to tertiary.
- Updated: Tab border color.
### Storybook updates
- Updated: Storybook theme to match the branding.
- Improved: Documentation readability.
## 6.8.3 - 2024-06-24
- Added option to pass data-testid to accordion
## 6.8.2 - 2024-06-19
https://navaneeth-d.neetorecord.com/watch/f777bc32-f8f1-4dd0-85bb-04be9c369c7b
## 6.8.1 - 2024-06-06
- Added: Autoscroll and autoformatting features in the *MultiEmailInput* component.
## 6.8.0 - 2024-06-04
- Changed: **BREAKING**: Added @babel/runtime, @bigbinary/neeto-hotkeys, @tippyjs/react, classnames, dayjs, linkify-react, and qs and peer dependencies.
## 6.7.5 - 2024-06-04
Adds logic to prevent multiple submissions when enter is pressed
Video: https://navaneeth-d.neetorecord.com/watch/91e0358f-dbaf-468a-a615-09bf4cfc90dc
## 6.7.4 - 2024-05-30
- Changed: status position to the bottom right.
- Changed: status size.
@praveen-murali-ind _a
## 6.7.3 - 2024-05-30
- Fixed: mobile responsiveness of the Stepper component.
## 6.7.2 - 2024-05-30
Repositions color palette to top
## 6.7.1 - 2024-05-28
- Changed: Removed react-select and framer-motion from peer dependencies.
## 6.7.0 - 2024-05-28
- Changed: Moved some dependencies to peerDependencies
## 6.6.1 - 2024-05-28
Before
<img width="724" alt="image" src="https://github.com/bigbinary/neeto-ui/assets/8749438/f9139e23-11fe-4b11-8144-464dd9077424">
After
<img width="719" alt="image" src="https://github.com/bigbinary/neeto-ui/assets/8749438/ad364385-9818-47c4-9c63-9d8ea5a0418c">
## 6.6.0 - 2024-05-24
- Added: a new component `ProgressBar`
## 6.5.20 - 2024-05-16
- Fixed: color picker dropdown height.
Before
<img width="267" alt="Screenshot 2024-05-16 at 7 56 51 PM" src="https://github.com/bigbinary/neeto-ui/assets/48869249/2c2e0a4e-6113-40cc-9b92-281bf35639e3">
After
<img width="249" alt="Screenshot 2024-05-16 at 7 55 58 PM" src="https://github.com/bigbinary/neeto-ui/assets/48869249/2c841c91-06e8-4c78-b9b1-614b2676cf6a">
## 6.5.18 - 2024-05-10
- Updated: onChange handler types of ColorPicker
## 6.5.17 - 2024-05-09
- Added: ability to reset timestamp value to null using value prop
## 6.5.16 - 2024-05-08
- Added: onBlur handler for textarea to trim leading and trailing spaces
## 6.5.15 - 2024-05-07
- Fixed: `toastId` returning `undefined` when using **Toastr.error**
## 6.5.14 - 2024-05-07
Added: Logic to return `toastId` when calling **Toastr**.
## 6.5.13 - 2024-04-16
Fixes the occasional scrollbar that appears when the input height is calculated
based on the content in the value change handler.
## 6.5.12 - 2024-04-15
- Added: Customizable border to Popover arrow.
<img width="469" alt="Screenshot 2024-04-15 at 7 25 08 PM" src="https://github.com/bigbinary/neeto-ui/assets/48869249/70358c5b-6376-476c-a366-6171f4461e0d">
<img width="567" alt="Screenshot 2024-04-15 at 7 24 56 PM" src="https://github.com/bigbinary/neeto-ui/assets/48869249/2a179dd2-0dbe-4583-9e96-c12dddb3480b">
<img width="496" alt="Screenshot 2024-04-15 at 7 27 10 PM" src="https://github.com/bigbinary/neeto-ui/assets/48869249/35a20f00-13f2-469a-b00f-5848a4c100e2">
<img width="479" alt="Screenshot 2024-04-15 at 7 25 54 PM" src="https://github.com/bigbinary/neeto-ui/assets/48869249/1c1505de-be74-4253-8721-774e33737917">
Darkmode
<img width="527" alt="Screenshot 2024-04-15 at 7 40 37 PM" src="https://github.com/bigbinary/neeto-ui/assets/48869249/297a9cd4-e56c-4582-82a3-c104a254afc0">
## 6.5.11 - 2024-04-11
Fixed: `antd` Datepicker not validating minDate and maxDate on input date changes.
## 6.5.10 - 2024-04-11
Fixed: Remove unnecessary onBlur trigger on amPm change in TimePickerInput
## 6.5.7 - 2024-03-29
Fixed: Clearing all rows by directly changing `selectedRowKeys` not working when
`bulkSelectedAllRowsProps` is passed.
## 6.5.5 - 2024-03-27
- Fixed: Table sort state persisting when the query param is removed
## 6.5.4 - 2024-03-27
Fixed: DatePicker unable to switch to different month or year.
## 6.5.3 - 2024-03-27
Added: Styles for *ActionBlock* wrapper
## 6.5.2 - 2024-03-27
- Added: tertiary variant Button.
<img width="104" alt="Screenshot 2024-03-27 at 5 44 48 PM" src="https://github.com/bigbinary/neeto-ui/assets/48869249/e02cb5cc-3633-444f-b0ce-71004dda55bb">
## 6.5.1 - 2024-03-26
- Added: `isSubmitting` prop for *ActionBlock*
## 6.5.0 - 2024-03-22
Added: `bulkSelectAllRowsProps` for tables to allow selecting all rows for multipage tables
## 6.4.0 - 2024-03-21
Added: minDateTime and maxDateTime prop.
## 6.3.10 - 2024-03-20
While changing the page for multi-paged table, the selected rows will not be
deselected.
## 6.3.9 - 2024-03-20
- Added: Support for overriding the dropdown props in the *ColorPicker*
component so that it can be further customised.
## 6.3.8 - 2024-03-13
- Added: data attribute to table triple dots.
## 6.3.7 - 2024-03-11
- Added: Additional dropdown triggers
## 6.3.6 - 2024-03-06
- Added: support for resize, suffix, prefix and sizing for textarea.
@ajmaln _a Please review.
## 6.3.5 - 2024-03-06
Fixed: Select strategy="fixed"` not scrolling to selected
## 6.3.4 - 2024-03-05
Fixed: TimpickerInput firefox ui issue
## 6.3.3 - 2024-03-05
Fixed: update sortedInfo from queryParams in table on refresh.
## 6.3.2 - 2024-02-28
Before
After
---
Before
After
## 6.3.0 - 2024-02-27
- Added: `range` prop to allow time range picking.
- Added: Selected values will be available on `onBlur`.
- Fixed: Error while string value is passed.
## 6.2.6 - 2024-02-22
- Removed sort_by query param from URL when it takes no value
## 6.2.5 - 2024-02-12
Added: `data-testid` to Tag container div.
## 6.2.4 - 2024-02-12
- Updated: Avatar theme.
<img width="1440" alt="Theme 3" src="https://github.com/bigbinary/neeto-ui/assets/48869249/b2fb1559-2e34-492d-b839-57ec32f3061d">
## 6.2.3 - 2024-02-06
Added: Support for `allowClear` prop in *DatePicker* to be `false`
## 6.2.2 - 2024-02-05
If the value prop is invalid date or date string, the value is converted to null.
## 6.2.1 - 2024-01-30
- Fixed: Icon button shrinking issue in table cell.
- Fixed: Updated table cell [link button](https://neeto-ui.neeto.com/?path=/story/components-button--styles&hash=710ee799a61abebfaa6923e81c35d2d46aa793ef) text alignment to left.
- Added: `white-space: normal` to table cell [link button](https://neeto-ui.neeto.com/?path=/story/components-button--styles&hash=710ee799a61abebfaa6923e81c35d2d46aa793ef).
## 6.2.0 - 2024-01-25
- Add ability to add more actions to the table header.
## 6.1.3 - 2024-01-17
### After
<img width="691" alt="Screenshot 2024-01-05 at 6 41 38 PM" src="https://github.com/bigbinary/neeto-ui/assets/16187886/7b1f3e2d-5f35-4089-908f-44c0db4d5601">
<img width="600" alt="Screenshot 2024-01-05 at 6 59 07 PM" src="https://github.com/bigbinary/neeto-ui/assets/16187886/0f47e403-83cc-42b2-9637-44dbe2ee5fe7">
## 6.1.2 - 2024-01-05
- Added support for disabling the create option for MultiEmailInput from the host application
## 6.1.1 - 2024-01-04
Added missing props to the DateTimePicker component.
Some of the events were not accessible within the parent component required to do some async operations.
## 6.1.0 - 2024-01-02
Added: Ability to see info about a table column
## 6.0.5 - 2023-12-22
- Fixed: Pane scroll issue.
## 6.0.3 - 2023-12-15
Added: data-testid to *Spinner*
**Reviewers**
<!---
------------- FORMAT FOR DESCRIPTION -------------
Prefix the change with one of these keywords:
- Added: for new features.
- Changed: for changes in existing functionality.
- Deprecated: for soon-to-be removed features.
- Removed: for now removed features.
- Fixed: for any bug fixes.
- Security: in case of vulnerabilities.
Points to note:
- The description shall be represented in bullet points
- Add the keyword BREAKING in bold style for changes that could potentially break the component, eg: **BREAKING**
- Represent a component name in italics, eg: *Modal*
- Enclose a prop name in double backticks, eg: `isLoading`
Example:
- Changed: **BREAKING** `isLoading` prop of *Table* to `loading`.
- Added: `hideOnTargetExit` prop to *Tooltip* component.
- Deprecated: **BREAKING** `loading` prop of *Pane*, *Modal* and *Alert* components.
- Removed: **BREAKING** `placement` prop from *Tooltip* (Use position instead).
--->
## 6.0.2 - 2023-12-14
Enhanced the responsiveness of the following components
- Alert
- Modal
- Pane
- Toastr
- NoData
- DatePicker
- Stepper
**Screenshots**
<img width="339" alt="Screenshot 2023-12-12 at 3 22 21 AM" src="https://github.com/bigbinary/neeto-ui/assets/24496302/fb641a39-ad0d-4ae9-8dd7-400a86d1229d">
<img width="339" alt="Screenshot 2023-12-12 at 3 23 48 AM" src="https://github.com/bigbinary/neeto-ui/assets/24496302/572b57f6-7c45-4405-afc6-d3ab9b47a844">
<img width="343" alt="Screenshot 2023-12-12 at 3 26 02 AM" src="https://github.com/bigbinary/neeto-ui/assets/24496302/e5c47a01-d26e-4b50-a6db-7bdbf42849fd">
<img width="341" alt="Screenshot 2023-12-12 at 3 26 22 AM" src="https://github.com/bigbinary/neeto-ui/assets/24496302/7db5d9f5-8e4f-4aa8-91a5-5f0981d3c52b">
## 6.0.0 - 2023-12-04
- Changed: Enhanced the customizability of all the components by allowing users
to easily override the default styles.
- Added: Added CSS customization storybook example for all the components.
- Changed: Updated *Typography* component to be responsive using
[RFS](https://github.com/twbs/rfs/tree/v9.0.3).
- Changed: Updated components using Ant Design to CSS-in-JS approach with
improved dark mode support.
- Removed: Removed Ant Design vendor styles in favor of CSS-in-JS approach.
- Removed: Removed unused components and styles.
- Fixed: Fixed *TimePicker* component dark mode issue.
## 5.2.46 - 2023-12-04
- Added: Logic to handle pagination when the last item from the last page is
deleted and when applying filters.
## 5.2.45 - 2023-12-01
Fixed: Loading indicator with icon issue in `Button`
## 5.2.42 - 2023-11-30
Added: DateTimePicker component
## 5.2.41 - 2023-11-24
Previously onBlur was causing a redundant onChange call. Now onChange will be
called only if the value contains leading or trailing whitespaces.
## 5.2.40 - 2023-11-23
- Updated the multi select component to not show the `Add` button when no
options are selected.
- Changed the type of the `Add` button from `primary` to `secondary`.
## 5.2.38 - 2023-11-23
- Updates the logic to calculate table height without considering the pagination
height when pagination is set to false
## 5.2.37 - 2023-11-22
Added: `hideCancelButton` prop to **Alert** component.
## 5.2.36 - 2023-11-22
- Fixed: `undefined` options issue in *Select*
## 5.2.35 - 2023-11-22
Added: data cy to close select/multiSelect icon
## 5.2.34 - 2023-11-21
This PR will migrate the package from `react-linkify` to `linkify-react`
## 5.2.33 - 2023-11-20
- Fixed: Grouped select `defaultValue` not being set issue
## 5.2.32 - 2023-11-15
- Updated pagination URL param handling in the *Table*.
- Implemented pagination URL param handling in the *Pagination* component.
## 5.2.31 - 2023-11-15
- Allowed the component to use its internal state even when the `onChange` prop
is passed.
## 5.2.29 - 2023-11-13
Added: `Add` button in *Select*
## 5.2.28 - 2023-11-08
Added: *Stepper* component.
## 5.2.27 - 2023-11-08
Changed: Updated instances of `@reach/autoid` with React `useId`
## 5.2.26 - 2023-11-08
- Changed: pagination button size from `32px` to `28px`.
- Changed: reduced pagination margin top and margin bottom values to make it
more compact.
## 5.2.24 - 2023-11-07
Added: data-testid attribute to TextArea
## 5.2.23 - 2023-11-06
Added: data-testid attributes to Select, DatePicker and Tags
## 5.2.21 - 2023-10-27
Added: `TimePickerInput` component
## 5.2.20 - 2023-10-26
Changed: Upgraded `framer-motion` and removed some unused packages. Added:
neetoCI config for CI checks
## 5.2.19 - 2023-10-25
Fixed: Trim issue in number inputs
## 5.2.18 - 2023-10-25
Added: Support for lazy loading for the `Select` component
## 5.2.17 - 2023-10-24
Added: New *TreeSelect* component.
## 5.2.15 - 2023-10-23
Add onBlur handler to `Input` component to trim leading and trailing spaces
## 5.2.13 - 2023-10-20
Fixed: scrollToErrorField not working for Select component.
## 5.2.11 - 2023-10-20
- Fixed: Memory leaks in overlay manager
## 5.2.10 - 2023-10-20
- Added: Tooltip to `Kbd` component
## 5.2.8 - 2023-10-19
- Fixed: Button click-ability when disabled
## 5.2.2 - 2023-10-05
- The bug was due to a layout shift that happens when the formik error message
is rendered. Details in
https://github.com/bigbinary/neeto-ui/issues/1810#issuecomment-1745953703.
- The issue is fixed when we prevent the default behavior on mouseDown events
for the cancel button, as suggesed by Sreerag in
https://github.com/bigbinary/neeto-ui/issues/1810#issuecomment-1746360449
## 5.2.0 - 2023-09-24
- Updated: `antd` and `dayjs` version.
## 5.1.19 - 2023-09-22
- Added: Support for overriding props to `Alert` in `BlockNavigation`
## 5.1.18 - 2023-09-21
- Added: Support for showing only the palette in `ColorPicker`
## 5.1.17 - 2023-09-19
- Fixed: Short hex code filling up the input in `ColorPicker`
## 5.1.16 - 2023-09-12
- Changed: onChange function of `ColorPicker` to output hex-alpha value if the
transparency option is turned on
## 5.1.15 - 2023-09-06
- Fixed: bug with sortable columns trying to access a `null` `headerRef ` in the
`handleHeaderClasses` function.
- Achieved the same behavior of center aligning table header content for
sortable columns, without depending on `headerRef` to do so.
## 5.1.14 - 2023-09-05
- Added: forwardRef to `Tag` component.
## 5.1.13 - 2023-09-01
- Updated the delay for calculating the height of the table header. This is to
ensure that the height of the table is not affected by the flaky animation
within the header during render process.
## 5.1.11 - 2023-08-31
Added truncating feature when more than 3 emails are shown on the MultiEmail
input.
## 5.1.9 - 2023-08-25
Fixed: scroll to error is not triggered on submitting form with enter key.
## 5.1.8 - 2023-08-24
Added `type = "button"` attribute to *Tab.Item* component
## 5.1.7 - 2023-08-21
Added: `rejectCharsRegex` prop to *Input* component.
## 5.1.6 - 2023-08-17
- Added: Mechanism to set the pagination and sorting config in URL query
parameters for `Table`.
## 5.1.5 - 2023-08-08
- Added: `initialFocusRef` prop to *Alert*
## 5.1.4 - 2023-08-04
- Fixed: Handled dot paths in *ScrollToErrorField*.
## 5.1.3 - 2023-08-02
- Fixed: Disabled click in selected option close button if select is disabled.
## 5.1.2 - 2023-08-02
- FIxed: Updated deprecated CSS property `color-adjust`
## 5.1.1 - 2023-08-02
- Fixed: issue with onClose in *Dropdown* not getting called on trigger click.
## 5.1.0 - 2023-08-02
Fixed: Duplicate onSubmit call bug while repeatedly clicking on submit button.
## 5.0.18 - 2023-08-01
- Fixed: error value output in color picker when the initial value is undefined
## 5.0.17 - 2023-07-31
Changed: Disabled auto close for error toasters.
## 5.0.15 - 2023-07-18
- Removed: default empty box image from NoData component.
## 5.0.14 - 2023-07-12
Fixed warnings in jest tests.
## 5.0.13 - 2023-06-30
- Added `neeto-commons-frontend` and `neeto-icons` to peer dependencies.
## 5.0.12 - 2023-06-29
- Changed: Default value of`scrollToErrorField` prop of formik *Form* to false.
## 5.0.11 - 2023-06-27
- Added: `hasScrollToErrorField` prop to formik *Form* component.
## 5.0.10 - 2023-06-20
- Removed: condition to disable *FormikButton* when the form is invalid.
## 5.0.9 - 2023-06-17
- Updated `ramda` version to `^0.29.0` in devDependencies.
- Updated `eslint-plugin-neeto` version to `^1.0.54` in devDependencies.
- Updated `neeto-commons-frontend` version to `^2.0.87` in devDependencies.
- Disabled `no-missing-localization` rule.
## 5.0.8 - 2023-06-16
- Removed: CSS font smoothing.
- Updated: neeto language page - added rule for "Archive vs. deactivate"
## 5.0.7 - 2023-06-11
- Fixed: Misalignment between input and prefix for large screens. Line break in
prefix when hyphens are added.
## 5.0.6 - 2023-06-06
- Fixes janky animation in *Pane* when form fields have the `autoFocus` prop.
## 5.0.5 - 2023-06-05
Added: `optionRemapping` prop to map the label and value properties of `options`
prop in *Select* component.
## 5.0.4 - 2023-05-29
- Fixed: Overrided `onChange` function to output empty array if value is null in
*DatePicker*
## 5.0.3 - 2023-05-29
- Fixed: the issue of filter invalid emails link for valid emails in
*MultiEmailInput* component
## 5.0.2 - 2023-05-23
- Added: `required` prop to *MultiEmailInput*.
## 5.0.1 - 2023-05-07
- Added: resize and reorder columns functionality to *Table* component.
## 5.0.0 - 2023-04-28
Removed following components from `neetoui`:
- `Header`
- `SubHeader`
- `MenuBar`
- `SideBar`
- `PageLoader`
- `AppSwitcher`
- `Container`
- `Scrollable`
- `Page`
## 4.4.27 - 2023-04-24
- Added: `unlmitedChars` prop to *Input* and *Textarea* and reverted the
behaviour of maxlength prop to the native one.
## 4.4.26 - 2023-04-14
- Fixed: Dropdown menu scroll issues.
## 4.4.25 - 2023-04-14
- Fixed: multi dropdown position in Safari.
## 4.4.24 - 2023-04-13
- Fixed: promise rejection in formik.
## 4.4.23 - 2023-04-05
- Removed: `@rollup/terser-plugin` from bundling.
- Added: sourcemaps for each bundle.
## 4.4.22 - 2023-04-04
Added: Support for children array in *Tooltip* component.
## 4.4.21 - 2023-03-28
- Fixed: defaulted buttons inside color picker to type `button`
## 4.4.20 - 2023-03-28
- Fixed: issue with content overflow and overlap in table cells
## 4.4.19 - 2023-03-27
Added: `children` prop for button and tag components
## 4.4.18 - 2023-03-24
- Changed: -the default row size to 30 and hidden the page size changer in the
*Table* component.
## 4.4.17 - 2023-03-22
- Fixed: weird behavior or create new option in *MultiEmailInput*.
## 4.4.16 - 2023-03-20
- Added: keyboard accessibility to color picker.
## 4.4.15 - 2023-03-17
Added terser plugin to rollup config to minimise bundle size.
## 4.4.13 - 2023-03-16
- Renamed the lib folder to src.
- Made the corresponding changes in config files.
- Updated imports with lib to use aliased imports.
- Updated the documentation.
- Ensured tests are running as expected.
## 4.4.12 - 2023-03-15
This PR adds the following changes to the *Switch* component.
- Added `forwardRef` to the *Switch* component so that it supports adding
*Tooltip* to it, as per this
[guide](https://github.com/atomiks/tippyjs-react#component-children).
## 4.4.11 - 2023-03-14
- Added: `liveChat` prop to *HelpSection* component.
- Added: data-testid to `helpLink` prop.
- Changed: label into an optional value in LinkType.
## 4.4.10 - 2023-03-14
- Updated: product title font weight in ProductSwitcher from `normal` to
`medium`.
<img width="725" alt="Group 6" src="https://user-images.githubusercontent.com/48869249/224666135-be677e88-6e79-4d1d-8cd7-b89842e55c51.png">
- Updated: Accordion border color from `--neeto-ui-gray-400` to `--neeto-ui-gray-300`.
-
- Updated: Label color from `--neeto-ui-gray-700` to `--neeto-ui-black`.
-
- Updated: Label font weight from `normal` to `medium`.
-
- Updated: Help text color from `--neeto-ui-gray-600` to `--neeto-ui-gray-700`.
-
<img width="725" alt="Group 8" src="https://user-images.githubusercontent.com/48869249/224667904-67512253-f120-4cca-9ec3-a85e6c7e1499.png">
- Fixed: Modal spacing when there is no footer.
<img width="725" alt="Group 9" src="https://user-images.githubusercontent.com/48869249/224668860-20a74fb4-2f86-4159-9d49-c6ffa0c178d2.png">
- Added: Storybook example for using Tooltip in Table header
<img width="855" alt="Screenshot 2023-03-13 at 3 33 29 PM" src="https://user-images.githubusercontent.com/48869249/224669900-6ffd52b4-b9dd-4e2f-9c33-be5053548d63.png">
- Fixed: Horizontal scroll issue in Table header
## 4.4.8 - 2023-03-10
- Fixed: Issue with overriding components in *Select* component
## 4.4.7 - 2023-03-10
- Added: entry points for TypeScript resolutions in package.json
## 4.4.6 - 2023-03-09
- Added: new fallback avatars in the *Avatar* component using `boringavatars`.
## 4.4.4 - 2023-03-07
- Added: the ability to add a custom separator text between the primary and secondary buttons using the `buttonSeparatorText` prop for the *NoData* component.
## 4.4.3 - 2023-03-07
- Changed: Exported both cjs and esm bundles.
## 4.4.2 - 2023-03-03
Fixed empty toastr message when errors or errorCodes are given null values.
## 4.4.1 - 2023-03-03
- Added feature to display string from custom message key from response , when the noticeCode is custom_message
## 4.4.0 - 2023-02-24
- Fixed: Alignment issues in Table headers when sort is enabled.
- Fixed: Made Table headers popout.
**Color contrast improvements**
- Updated: `--neeto-ui-black` from `#1b1f23` to `#121212`.
- Updated: `--neeto-ui-gray-800` from `#2f3941` to `#1f1f1f`.
- Updated: `--neeto-ui-gray-700` from `#49545c` to `#2f3941`.
<img width="532" alt="Group 2" src="https://user-images.githubusercontent.com/48869249/220600134-0e92558c-4bb5-498b-a09a-63a04725fc0b.png">
- Updated: `h1`, `h2`, `h3`, `h4`, `h5`, `h6` color to `--neeto-ui-black` (`#121212`).
<img width="898" alt="Group 3" src="https://user-images.githubusercontent.com/48869249/220602168-ab61369c-5576-4661-aaf4-e532230ad5eb.png">
- Updated: Color contrast of `secondary`, `text` and `link` variants of Button.
<img width="545" alt="Group 7" src="https://user-images.githubusercontent.com/48869249/220705083-484434cc-d345-40b9-b331-fb9d33590f40.png">
- Updated: Tags color contrast.
<img width="1002" alt="Group 9" src="https://user-images.githubusercontent.com/48869249/220823524-3f8eec49-8bf7-4391-8cdc-cf79b289a2ef.png">
- Updated: Menubar color contrast.
---
- Updated: Search icon position from right to left in AppSwitcher search input.
<img width="747" alt="Group 4" src="https://user-images.githubusercontent.com/48869249/220603160-2bb5f207-e2cc-4eb1-9d46-1f913c9d915f.png">
- Added: Borders to Table.
<img width="1440" alt="Screenshot 2023-02-22 at 4 41 14 PM" src="https://user-images.githubusercontent.com/48869249/220603744-4cdecc30-fa2d-4471-83ec-d88f5df5da63.png">
**Dropdown changes**
- Updated: `--neeto-ui-shadow-lg` to `0 8px 24px rgba(140,149,159,0.2)`.
- Updated: Dropdown shadow to `--neeto-ui-shadow-lg`.
- Updated: Select dropdown shadow to `--neeto-ui-shadow-lg`.
- Updated: Date/Time picker dropdown shadow to `--neeto-ui-shadow-lg`.
<img width="238" alt="shadow" src="https://user-images.githubusercontent.com/48869249/220604390-3c95f1d2-cf41-46e8-af63-32074ddcc60f.png">
- Updated: Dropdown `max-height` from `360px` to `480px` to accommodate more number of items without scroll.
- Updated: Select dropdown `max-height` to `480px`
<img width="407" alt="max" src="https://user-images.githubusercontent.com/48869249/220604606-976fa6ee-76b0-4928-95a0-70f714a0723a.png">
- Improved: The spacing in NoData component
- Updated: AppSwitcher selection styles.
<img width="1440" alt="Screenshot 2023-02-22 at 11 04 47 PM" src="https://user-images.githubusercontent.com/48869249/220709676-2ed9735e-1030-431d-a87e-53e78d9f5b2c.png">
## 4.3.3 - 2023-02-17
- Added: functionality to get `errorCode` or `errorCodes` from the Axios error object and displays translated string as toastr message
## 4.3.2 - 2023-02-16
- Updated: styles of preset ranges in *DatePicker*.
## 4.3.1 - 2023-02-14
- Changed: **BREAKING** Updated `neetoApps` prop in *AppSwitcher* component to include app description and url along with the app name.
- Changed: Product icons required for *AppSwitcher* component is directly picked from `neetoIcons`.
- Removed: `subdomain` and `environment` props from *AppSwitcher* component.
## 4.3.0 - 2023-02-13
- Fixed: overlay issues with Subheader Tippy dropdown
- Fixed: logo sizing in Sidebar
Before
<img width="965" alt="Screenshot 2023-02-09 at 8 26 47 AM" src="https://user-images.githubusercontent.com/48869249/217706767-1350dd62-2a23-4093-b989-a1d2ba98cb97.png">
After
<img width="968" alt="Screenshot 2023-02-09 at 8 27 04 AM" src="https://user-images.githubusercontent.com/48869249/217706816-2bc90bed-5a69-43dc-9cbd-ea4312ae73a6.png">
---
Before
<img width="73" alt="Screenshot 2023-02-09 at 8 34 16 AM" src="https://user-images.githubusercontent.com/48869249/217708196-9d60c9db-87c5-4c12-a88e-7a643a46db0a.png">
After
<img width="74" alt="Screenshot 2023-02-09 at 8 36 36 AM" src="https://user-images.githubusercontent.com/48869249/217708237-933c98b8-af0e-4647-9a92-19bdb2b7ba2b.png">
## 4.2.9 - 2023-02-08
- Changed: `Neeto` logo in the sidebar.
## 4.2.8 - 2023-02-08
- Fixed: *Modal* and *Alert* was adding a `margin-right` to the *body* when there was no scrollbar which caused the UI elements to shift right.
## 4.2.7 - 2023-02-08
- Updated: Pageloader component.
## 4.2.6 - 2023-02-08
- Fixed: Submit on enter triggered when *Form* was being submitted.
## 4.2.5 - 2023-02-07
- Updated : Table sorting UI styles
## 4.2.4 - 2023-01-31
- Updated : `neeto-icons`
## 4.2.3 - 2023-01-30
- Added: transparency control option in *ColorPicker*, controlled via `showTransparencyControl`.
## 4.2.2 - 2023-01-29
- Fixed: respecting the prop `isCreatable` if `loadOptions` prop is provided in *Select* component
## 4.2.1 - 2023-01-24
- Changed: product descriptions as per the [list](https://docs.google.com/spreadsheets/d/1xFWMyXJkUCf1YBRhrokLdlQvyBn0X3uK2M2JUZClGgw).
- Changed: product name from **Review** to **Deploy** in the app switcher.
## 4.2.0 - 2023-01-19
Fixed getToastrMessage in Toastr to accept object with the placeholder value for the translations.
## 4.1.44 - 2023-01-17
- Updated: Button keyboard focus styles
- Updated: Radio keyboard focus styles
- Updated: Checkbox keyboard focus styles
- Updated: `antd` Checkbox focus styles in Table
- Added: Switch focus styles
- Added: Tab focus styles
- Added: Accordion focus styles
- Added: Pagination focus styles
- Added: `antd` Pagination focus styles in Table
Screenshot
<img width="992" alt="Group 1 (1)" src="https://user-images.githubusercontent.com/48869249/212918441-d5c2c57c-16b1-4da7-a472-e64134b659ce.png">
## 4.1.43 - 2023-01-09
Added function in Toastr to check for notice_code in response and if it's not present then it will fall back to notice.
## 4.1.42 - 2023-01-05
- Updated: Sidebar neeto logo.
## 4.1.41 - 2023-01-05
- Fixed: Focus trap for conditionally rendered elements in *Overlay*
## 4.1.40 - 2022-12-30
- Added: word break for *Modal* body and *Tooltip* content
## 4.1.38 - 2022-12-29
- Fixed: proptypes declaration being included in production bundle (3% bundle size reduction)
- Changed: github workflow compilation environment to `production`
## 4.1.37 - 2022-12-28
- Fixed: issue with multiple links in *Sidebar* getting active at the same time.
- Changed: logic in *Select* component to respect `getOptionValue` prop.
## 4.1.35 - 2022-12-27
- Added: the ability to choose email from options in *EmailInput*.
## 4.1.34 - 2022-12-26
- Fixed: Select dropdown width when strategy fixed.
## 4.1.33 - 2022-12-25
- Fixed: Issues with `value` prop of *Select* component.
## 4.1.32 - 2022-12-25
Added: *Checkbox* and *MultiEmailInput* are wrapped with `forwardref`.
## 4.1.31 - 2022-12-21
- Fixed: issue with continue in *BlockNavigation*.
## 4.1.30 - 2022-12-21
- Added: functionality to scroll to the selected value in *Select* component
## 4.1.29 - 2022-12-21
- Fixed: pressing `enter` key in *Select* to select an option submitting the *Form*.
## 4.1.28 - 2022-12-20
- Fixed: **Form** `validateOnChange` and `validateOnBlur` is not being triggered after the form is submitted by pressing enter key and there are validation errors.
## 4.1.27 - 2022-12-19
- Updated: *Product switcher* component in neetoUI
- Updated: the icon Tooltip content from "App switcher" to "Product switcher"
## 4.1.26 - 2022-12-19
- Added: support for `neeto-ui-shadow-sm`, `neeto-ui-shadow-md` and `neeto-ui-shadow-lg`.
## 4.1.25 - 2022-12-14
Fixed: Issue with overlapping column headers for fixed columns in tables.
## 4.1.24 - 2022-12-12
Added: `labelProps` to form elements to customize `Label`.
Changed: Made `shouldDynamicallyRenderRowSize` `false` by default.
## 4.1.22 - 2022-12-07
- Added: *Popover* component
<img width="1100" alt="Screenshot 2022-12-05 at 5 42 51 PM" src="https://user-images.githubusercontent.com/24496302/205637383-afe596b8-c117-43ce-ad00-fee566fa0859.png">
## 4.1.20 - 2022-12-06
- Changed: `color` prop in *Tag* component as optional in type definition.
## 4.1.19 - 2022-12-05
- Fixed: Prevented form submission on the `enter` key for neetoEditor.
## 4.1.18 - 2022-12-02
Added: `shouldDynamicallyRenderRowSize` to calculate rows per page dynamically based on viewport height.
## 4.1.17 - 2022-12-01
Fixed: Issue with class instance producing undefined in the host application.
Added: Types for `manager`.
## 4.1.16 - 2022-12-01
Fixed: Prevents form submission when the `enter` key is pressed.
## 4.1.15 - 2022-11-28
Fixed: Form validation triggered with incorrect values from MultiEmailInput.
## 4.1.13 - 2022-11-24
- Fixed: Wrong managers bundle entry point in rollup config
- Added: `OverlayManager` which is used by all overlay components in neetoUI internally. The host application can use the methods inside the class to determine whether an Overlay is open in the product or not.
- Removed: `ModalManager` and migrate the Modal component to use `OverlayManager`.
## 4.1.12 - 2022-11-24
- Fixed: UI issues in Subheader
## 4.1.11 - 2022-11-21
- Fixed: warnings in *DatePicker* and *TimePicker* component
## 4.1.10 - 2022-11-17
- Adds formikBag to onSubmit
## 4.1.9 - 2022-11-16
- Fixed: `validateOnBlur` and `validateOnChange` getting triggered before the first submission of the *Form*.
## 4.1.8 - 2022-11-16
- Updated: Toaster styles.
- Added: POC for Toasters with minimum content and bottom left positioning
## 4.1.7 - 2022-11-14
- Changed: color-picker related dependencies to dev dependency
## 4.1.6 - 2022-11-13
- Fixed: issue with *Select* dropdown when scrolling the page.
## 4.1.5 - 2022-11-11
- Added `system-ui` to `font-family` in `_base.scss`
## 4.1.4 - 2022-11-10
- Added: `className` as props to *Form* component.
## 4.1.3 - 2022-11-10
- Removes Tags molecule from library and moved to [neeto-tags-frontend](https://github.com/bigbinary/neeto-tags-frontend)
## 4.1.2 - 2022-11-09
- Added `Form` component to `neetoui/formik`.
- Added relevant tests for `Form` component.
- Removed the usage of `Formik` and `Form` from `formik` in stories and used `Form`.
- Fixed flaky tests.
## 4.1.1 - 2022-11-03
- Added: Eyedropper to *ColorPicker*
## 4.1.0 - 2022-11-03
- Changed: **BREAKING** Name of the *EmailInput* component to *MultiEmailInput* in both components and Formik components.
## 4.0.17 - 2022-10-28
- Fixed:`ValidateDOMNesting` warning in *DatePicker* component.
- Fixed: the issue with date items looking disabled in normal state
## 4.0.16 - 2022-10-28
Changes documentations to sentence case from title casing.
## 4.0.15 - 2022-10-28
- Added: Border for menubar block and item active states.
## 4.0.14 - 2022-10-28
- Added: ability to pass custom config to Toastr.
## 4.0.13 - 2022-10-20
- Fixed: Icons grabbing away click events & onClick not being triggered when icons are replaced during a state change.
- Fixed: False positive type errors for MenuBar & Dropdown subcomponents
## 4.0.12 - 2022-10-17
- Added: tooltip to *Avatar* component
## 4.0.11 - 2022-10-10
- Fixed false positive type errors
## 4.0.10 - 2022-10-05
- Fixed: issue with week picker in `DatePicker`.
## 4.0.9 - 2022-09-29
- Fixed: warnings in `Tag` and `DatePicker` props.
- Added: neetoReview app to `AppSwitcher`.
## 4.0.8 - 2022-09-28
- Added: *Kbd* component to render keyboard keys.
## 4.0.7 - 2022-09-22
- Fixed: Clicking on neetoQuiz from the app switcher takes the user to the consumer page.
## 4.0.6 - 2