v2.0.4

Change Log

🛠 Misc

• Remove hook useIsBrowserMS.ts and replace with function that is called inline in styled-component. Also, now limit the regex to just test for IE (no longer need to test for Edge).
• data-testid attributes only added in test environment.

v2.0.3

Change Log

🛠 Misc

• Performance optimization. In hook useMenuOptions.ts - when initializing function getFilterOptionString2 in the effect - added type check on option.label and if typeof option.label === 'string' just return option.label directly and avoid new string allocation every time. option.label is typed as ReactText, so previously option.label was wrapped in String() to get consistent string return type for function.

v2.02

Change Log

🐞 Bugfix

• Fixed an IE browser-specific styling issue for SingleValue and Placeholder displays in the Value.tsx component - was not displaying with correct vertical alignment (all other browsers appeared fine, however. SingleValue and Placeholder styled-components received the additional CSS of:

  top: 50%;
  transform: translateY(-50%);

v2.0.1

Change Log

🐞 Bugfix

• Custom hook useUpdateEffect.ts needs to explicitly return the forwarded effect() in order to properly execute the cleanup function (if one exists).

🛠 Misc

• Replaced regex + string.replace() with native trim() method in utility function trimAndFormatFilterStr.
• Bumped @storybook/react, @storybook/addon-storysource, @storybook/addons packages to v5.3.0 and update configuration files in directory ".storybook" to utilize the new recommended config setup (using main.js, manager.js, and preview.js files).

v2.0.0

Change Log

🚀 Feature

• Added css property of type string | FlattenSimpleInterpolation | undefined (default value is undefined) to various nested objects of the themeConfig object. This property can be used to pass raw CSS styles as a string or wrapped in styled-components exported css function. Those objects are: select, control, icon, menu, noOptions, multiValue, and input.

Note there is a potential breaking change as a result of this update.
the select object no longer has the fontSize property, nor is it's color updated by the color.textColor property. Now, you would need to make an update to themeConfig like:

{
  select: {
    css: 'font-size: 1rem; color: #000;'
  }
}

🛠 Misc

• Bump some dev dependencies
• Micro-optimization to store result of testing for IE browser in a ref (and testing just once, rather than on every render of AutosizeInput.tsx component). Logic for this abstracted out to new hook: useIsBrowserMS.ts.