@commercetools-uikit/creatable-select-input 16.0.0 → 16.1.1

package/dist/commercetools-uikit-creatable-select-input.cjs.dev.js

@@ -19,7 +19,6 @@ var CreatableSelect = require('react-select/creatable');
 var Constraints = require('@commercetools-uikit/constraints');
 var utils = require('@commercetools-uikit/utils');
 var selectUtils = require('@commercetools-uikit/select-utils');
-var designSystem = require('@commercetools-uikit/design-system');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -38,7 +37,6 @@ var CreatableSelect__default = /*#__PURE__*/_interopDefault(CreatableSelect);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 const customizedComponents = {
   DropdownIndicator: selectUtils.DropdownIndicator,
@@ -58,17 +56,11 @@ const defaultProps = {
   isSearchable: true,
   menuPortalZIndex: 1
 };
-
 const CreatableSelectInput = props => {
   const intl = reactIntl.useIntl();
-
-  const _useTheme = designSystem.useTheme(),
-        isNewTheme = _useTheme.isNewTheme;
-
   if (!props.isReadOnly) {
     process.env.NODE_ENV !== "production" ? utils.warning(typeof props.onChange === 'function', 'CreatableSelectInput: `onChange` is required when input is not read only.') : void 0;
   }
-
   const placeholder = props.placeholder || intl.formatMessage(selectUtils.messages.placeholder);
   return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
     max: props.horizontalConstraint,
@@ -95,10 +87,10 @@ const CreatableSelectInput = props => {
           isReadOnly: props.isReadOnly,
           iconLeft: props.iconLeft,
           isMulti: props.isMulti,
-          hasValue: !isEmpty__default["default"](props.value),
-          isNewTheme
+          hasValue: !isEmpty__default["default"](props.value)
         }),
-        filterOption: props.filterOption // react-select uses "id" (for the container) and "inputId" (for the input),
+        filterOption: props.filterOption
+        // react-select uses "id" (for the container) and "inputId" (for the input),
         // but we use "id" (for the input) and "containerId" (for the container)
         // instead.
         // This makes it easier to less confusing to use with <label />s.
@@ -127,11 +119,11 @@ const CreatableSelectInput = props => {
             target: {
               id: props.id,
               name: (() => {
-                if (!props.isMulti) return props.name; // We append the ".0" to make Formik set the touched
+                if (!props.isMulti) return props.name;
+                // We append the ".0" to make Formik set the touched
                 // state as an array instead of a boolean only.
                 // Otherwise the shapes would clash on submission, as
                 // Formik will create an array on submission anyways.
-
                 return props.name ? "".concat(props.name, ".0") : undefined;
               })()
             },
@@ -141,15 +133,13 @@ const CreatableSelectInput = props => {
         } : undefined,
         onChange: (value, info) => {
           var _props$onChange;
-
           // selectedOptions is either an array, or a single option, or null
           // depending on whether we're in multi-mode or not (isMulti)
-          let newValue = value;
 
+          let newValue = value;
           if (props.isMulti && !newValue) {
             newValue = [];
           }
-
           (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, {
             target: {
               id: props.id,
@@ -165,7 +155,8 @@ const CreatableSelectInput = props => {
         placeholder: placeholder,
         tabIndex: props.tabIndex,
         tabSelectsValue: props.tabSelectsValue,
-        value: props.value // Creatable props
+        value: props.value
+        // Creatable props
         ,
         allowCreateWhileLoading: props.allowCreateWhileLoading,
         formatCreateLabel: props.formatCreateLabel || (inputValue => intl.formatMessage(selectUtils.messages.createLabel, {
@@ -174,14 +165,14 @@ const CreatableSelectInput = props => {
         isValidNewOption: props.isValidNewOption,
         getNewOptionData: props.getNewOptionData,
         onCreateOption: props.onCreateOption,
-        createOptionPosition: props.createOptionPosition //@ts-ignore
+        createOptionPosition: props.createOptionPosition
+        //@ts-ignore
         ,
         iconLeft: props.iconLeft
       })
     }))
   });
 };
-
 CreatableSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
   horizontalConstraint: _pt__default["default"].oneOf([3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
   hasError: _pt__default["default"].bool,
@@ -205,24 +196,25 @@ CreatableSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 CreatableSelectInput.displayName = 'CreatableSelectInput';
 CreatableSelectInput.defaultProps = defaultProps;
+
 /**
  * Expose static helper methods.
  */
+
 // Both "true" and an empty array [] represent a touched state. The Boolean
 // conveniently handles both cases
-
 CreatableSelectInput.isTouched = touched => Boolean(touched);
+
 /**
  * Expose react-select components for customization purposes.
  */
-// custom
-
 
+// custom
 CreatableSelectInput.ClearIndicator = customizedComponents.ClearIndicator;
 CreatableSelectInput.Control = reactSelect.components.Control;
 CreatableSelectInput.CrossIcon = reactSelect.components.CrossIcon;
-CreatableSelectInput.DownChevron = reactSelect.components.DownChevron; // custom
-
+CreatableSelectInput.DownChevron = reactSelect.components.DownChevron;
+// custom
 CreatableSelectInput.DropdownIndicator = customizedComponents.DropdownIndicator;
 CreatableSelectInput.Group = reactSelect.components.Group;
 CreatableSelectInput.GroupHeading = reactSelect.components.GroupHeading;
@@ -236,8 +228,8 @@ CreatableSelectInput.MenuList = reactSelect.components.MenuList;
 CreatableSelectInput.MenuPortal = reactSelect.components.MenuPortal;
 CreatableSelectInput.MultiValue = reactSelect.components.MultiValue;
 CreatableSelectInput.MultiValueContainer = reactSelect.components.MultiValueContainer;
-CreatableSelectInput.MultiValueLabel = reactSelect.components.MultiValueLabel; // custom
-
+CreatableSelectInput.MultiValueLabel = reactSelect.components.MultiValueLabel;
+// custom
 CreatableSelectInput.MultiValueRemove = customizedComponents.MultiValueRemove;
 CreatableSelectInput.NoOptionsMessage = reactSelect.components.NoOptionsMessage;
 CreatableSelectInput.Option = reactSelect.components.Option;
@@ -248,7 +240,7 @@ CreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer;
 var CreatableSelectInput$1 = CreatableSelectInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.0.0";
+var version = "16.1.1";
 
 exports["default"] = CreatableSelectInput$1;
 exports.version = version;

package/dist/commercetools-uikit-creatable-select-input.cjs.prod.js

@@ -19,7 +19,6 @@ var CreatableSelect = require('react-select/creatable');
 var Constraints = require('@commercetools-uikit/constraints');
 var utils = require('@commercetools-uikit/utils');
 var selectUtils = require('@commercetools-uikit/select-utils');
-var designSystem = require('@commercetools-uikit/design-system');
 var jsxRuntime = require('@emotion/react/jsx-runtime');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
@@ -37,7 +36,6 @@ var CreatableSelect__default = /*#__PURE__*/_interopDefault(CreatableSelect);
 var Constraints__default = /*#__PURE__*/_interopDefault(Constraints);
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys__default["default"](object); if (_Object$getOwnPropertySymbols__default["default"]) { var symbols = _Object$getOwnPropertySymbols__default["default"](object); enumerableOnly && (symbols = _filterInstanceProperty__default["default"](symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor__default["default"](object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty__default["default"](_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors__default["default"] ? _Object$defineProperties__default["default"](target, _Object$getOwnPropertyDescriptors__default["default"](source)) : _forEachInstanceProperty__default["default"](_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty__default["default"](target, key, _Object$getOwnPropertyDescriptor__default["default"](source, key)); }); } return target; }
 const customizedComponents = {
   DropdownIndicator: selectUtils.DropdownIndicator,
@@ -57,15 +55,9 @@ const defaultProps = {
   isSearchable: true,
   menuPortalZIndex: 1
 };
-
 const CreatableSelectInput = props => {
   const intl = reactIntl.useIntl();
-
-  const _useTheme = designSystem.useTheme(),
-        isNewTheme = _useTheme.isNewTheme;
-
   if (!props.isReadOnly) ;
-
   const placeholder = props.placeholder || intl.formatMessage(selectUtils.messages.placeholder);
   return jsxRuntime.jsx(Constraints__default["default"].Horizontal, {
     max: props.horizontalConstraint,
@@ -92,10 +84,10 @@ const CreatableSelectInput = props => {
           isReadOnly: props.isReadOnly,
           iconLeft: props.iconLeft,
           isMulti: props.isMulti,
-          hasValue: !isEmpty__default["default"](props.value),
-          isNewTheme
+          hasValue: !isEmpty__default["default"](props.value)
         }),
-        filterOption: props.filterOption // react-select uses "id" (for the container) and "inputId" (for the input),
+        filterOption: props.filterOption
+        // react-select uses "id" (for the container) and "inputId" (for the input),
         // but we use "id" (for the input) and "containerId" (for the container)
         // instead.
         // This makes it easier to less confusing to use with <label />s.
@@ -124,11 +116,11 @@ const CreatableSelectInput = props => {
             target: {
               id: props.id,
               name: (() => {
-                if (!props.isMulti) return props.name; // We append the ".0" to make Formik set the touched
+                if (!props.isMulti) return props.name;
+                // We append the ".0" to make Formik set the touched
                 // state as an array instead of a boolean only.
                 // Otherwise the shapes would clash on submission, as
                 // Formik will create an array on submission anyways.
-
                 return props.name ? "".concat(props.name, ".0") : undefined;
               })()
             },
@@ -138,15 +130,13 @@ const CreatableSelectInput = props => {
         } : undefined,
         onChange: (value, info) => {
           var _props$onChange;
-
           // selectedOptions is either an array, or a single option, or null
           // depending on whether we're in multi-mode or not (isMulti)
-          let newValue = value;
 
+          let newValue = value;
           if (props.isMulti && !newValue) {
             newValue = [];
           }
-
           (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, {
             target: {
               id: props.id,
@@ -162,7 +152,8 @@ const CreatableSelectInput = props => {
         placeholder: placeholder,
         tabIndex: props.tabIndex,
         tabSelectsValue: props.tabSelectsValue,
-        value: props.value // Creatable props
+        value: props.value
+        // Creatable props
         ,
         allowCreateWhileLoading: props.allowCreateWhileLoading,
         formatCreateLabel: props.formatCreateLabel || (inputValue => intl.formatMessage(selectUtils.messages.createLabel, {
@@ -171,35 +162,36 @@ const CreatableSelectInput = props => {
         isValidNewOption: props.isValidNewOption,
         getNewOptionData: props.getNewOptionData,
         onCreateOption: props.onCreateOption,
-        createOptionPosition: props.createOptionPosition //@ts-ignore
+        createOptionPosition: props.createOptionPosition
+        //@ts-ignore
         ,
         iconLeft: props.iconLeft
       })
     }))
   });
 };
-
 CreatableSelectInput.propTypes = {};
 CreatableSelectInput.displayName = 'CreatableSelectInput';
 CreatableSelectInput.defaultProps = defaultProps;
+
 /**
  * Expose static helper methods.
  */
+
 // Both "true" and an empty array [] represent a touched state. The Boolean
 // conveniently handles both cases
-
 CreatableSelectInput.isTouched = touched => Boolean(touched);
+
 /**
  * Expose react-select components for customization purposes.
  */
-// custom
-
 
+// custom
 CreatableSelectInput.ClearIndicator = customizedComponents.ClearIndicator;
 CreatableSelectInput.Control = reactSelect.components.Control;
 CreatableSelectInput.CrossIcon = reactSelect.components.CrossIcon;
-CreatableSelectInput.DownChevron = reactSelect.components.DownChevron; // custom
-
+CreatableSelectInput.DownChevron = reactSelect.components.DownChevron;
+// custom
 CreatableSelectInput.DropdownIndicator = customizedComponents.DropdownIndicator;
 CreatableSelectInput.Group = reactSelect.components.Group;
 CreatableSelectInput.GroupHeading = reactSelect.components.GroupHeading;
@@ -213,8 +205,8 @@ CreatableSelectInput.MenuList = reactSelect.components.MenuList;
 CreatableSelectInput.MenuPortal = reactSelect.components.MenuPortal;
 CreatableSelectInput.MultiValue = reactSelect.components.MultiValue;
 CreatableSelectInput.MultiValueContainer = reactSelect.components.MultiValueContainer;
-CreatableSelectInput.MultiValueLabel = reactSelect.components.MultiValueLabel; // custom
-
+CreatableSelectInput.MultiValueLabel = reactSelect.components.MultiValueLabel;
+// custom
 CreatableSelectInput.MultiValueRemove = customizedComponents.MultiValueRemove;
 CreatableSelectInput.NoOptionsMessage = reactSelect.components.NoOptionsMessage;
 CreatableSelectInput.Option = reactSelect.components.Option;
@@ -225,7 +217,7 @@ CreatableSelectInput.ValueContainer = reactSelect.components.ValueContainer;
 var CreatableSelectInput$1 = CreatableSelectInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.0.0";
+var version = "16.1.1";
 
 exports["default"] = CreatableSelectInput$1;
 exports.version = version;

package/dist/commercetools-uikit-creatable-select-input.esm.js

@@ -15,11 +15,9 @@ import CreatableSelect from 'react-select/creatable';
 import Constraints from '@commercetools-uikit/constraints';
 import { warning, filterDataAttributes } from '@commercetools-uikit/utils';
 import { messages, customComponentsWithIcons, createSelectStyles, DropdownIndicator, ClearIndicator, TagRemove } from '@commercetools-uikit/select-utils';
-import { useTheme } from '@commercetools-uikit/design-system';
 import { jsx } from '@emotion/react/jsx-runtime';
 
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 const customizedComponents = {
   DropdownIndicator,
@@ -39,17 +37,11 @@ const defaultProps = {
   isSearchable: true,
   menuPortalZIndex: 1
 };
-
 const CreatableSelectInput = props => {
   const intl = useIntl();
-
-  const _useTheme = useTheme(),
-        isNewTheme = _useTheme.isNewTheme;
-
   if (!props.isReadOnly) {
     process.env.NODE_ENV !== "production" ? warning(typeof props.onChange === 'function', 'CreatableSelectInput: `onChange` is required when input is not read only.') : void 0;
   }
-
   const placeholder = props.placeholder || intl.formatMessage(messages.placeholder);
   return jsx(Constraints.Horizontal, {
     max: props.horizontalConstraint,
@@ -76,10 +68,10 @@ const CreatableSelectInput = props => {
           isReadOnly: props.isReadOnly,
           iconLeft: props.iconLeft,
           isMulti: props.isMulti,
-          hasValue: !isEmpty(props.value),
-          isNewTheme
+          hasValue: !isEmpty(props.value)
         }),
-        filterOption: props.filterOption // react-select uses "id" (for the container) and "inputId" (for the input),
+        filterOption: props.filterOption
+        // react-select uses "id" (for the container) and "inputId" (for the input),
         // but we use "id" (for the input) and "containerId" (for the container)
         // instead.
         // This makes it easier to less confusing to use with <label />s.
@@ -108,11 +100,11 @@ const CreatableSelectInput = props => {
             target: {
               id: props.id,
               name: (() => {
-                if (!props.isMulti) return props.name; // We append the ".0" to make Formik set the touched
+                if (!props.isMulti) return props.name;
+                // We append the ".0" to make Formik set the touched
                 // state as an array instead of a boolean only.
                 // Otherwise the shapes would clash on submission, as
                 // Formik will create an array on submission anyways.
-
                 return props.name ? "".concat(props.name, ".0") : undefined;
               })()
             },
@@ -122,15 +114,13 @@ const CreatableSelectInput = props => {
         } : undefined,
         onChange: (value, info) => {
           var _props$onChange;
-
           // selectedOptions is either an array, or a single option, or null
           // depending on whether we're in multi-mode or not (isMulti)
-          let newValue = value;
 
+          let newValue = value;
           if (props.isMulti && !newValue) {
             newValue = [];
           }
-
           (_props$onChange = props.onChange) === null || _props$onChange === void 0 ? void 0 : _props$onChange.call(props, {
             target: {
               id: props.id,
@@ -146,7 +136,8 @@ const CreatableSelectInput = props => {
         placeholder: placeholder,
         tabIndex: props.tabIndex,
         tabSelectsValue: props.tabSelectsValue,
-        value: props.value // Creatable props
+        value: props.value
+        // Creatable props
         ,
         allowCreateWhileLoading: props.allowCreateWhileLoading,
         formatCreateLabel: props.formatCreateLabel || (inputValue => intl.formatMessage(messages.createLabel, {
@@ -155,14 +146,14 @@ const CreatableSelectInput = props => {
         isValidNewOption: props.isValidNewOption,
         getNewOptionData: props.getNewOptionData,
         onCreateOption: props.onCreateOption,
-        createOptionPosition: props.createOptionPosition //@ts-ignore
+        createOptionPosition: props.createOptionPosition
+        //@ts-ignore
         ,
         iconLeft: props.iconLeft
       })
     }))
   });
 };
-
 CreatableSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
   horizontalConstraint: _pt.oneOf([3, 4, 5, 6, 7, 8, 9, 10, 11, 12, 13, 14, 15, 16, 'scale', 'auto']),
   hasError: _pt.bool,
@@ -186,24 +177,25 @@ CreatableSelectInput.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 CreatableSelectInput.displayName = 'CreatableSelectInput';
 CreatableSelectInput.defaultProps = defaultProps;
+
 /**
  * Expose static helper methods.
  */
+
 // Both "true" and an empty array [] represent a touched state. The Boolean
 // conveniently handles both cases
-
 CreatableSelectInput.isTouched = touched => Boolean(touched);
+
 /**
  * Expose react-select components for customization purposes.
  */
-// custom
-
 
+// custom
 CreatableSelectInput.ClearIndicator = customizedComponents.ClearIndicator;
 CreatableSelectInput.Control = components.Control;
 CreatableSelectInput.CrossIcon = components.CrossIcon;
-CreatableSelectInput.DownChevron = components.DownChevron; // custom
-
+CreatableSelectInput.DownChevron = components.DownChevron;
+// custom
 CreatableSelectInput.DropdownIndicator = customizedComponents.DropdownIndicator;
 CreatableSelectInput.Group = components.Group;
 CreatableSelectInput.GroupHeading = components.GroupHeading;
@@ -217,8 +209,8 @@ CreatableSelectInput.MenuList = components.MenuList;
 CreatableSelectInput.MenuPortal = components.MenuPortal;
 CreatableSelectInput.MultiValue = components.MultiValue;
 CreatableSelectInput.MultiValueContainer = components.MultiValueContainer;
-CreatableSelectInput.MultiValueLabel = components.MultiValueLabel; // custom
-
+CreatableSelectInput.MultiValueLabel = components.MultiValueLabel;
+// custom
 CreatableSelectInput.MultiValueRemove = customizedComponents.MultiValueRemove;
 CreatableSelectInput.NoOptionsMessage = components.NoOptionsMessage;
 CreatableSelectInput.Option = components.Option;
@@ -229,6 +221,6 @@ CreatableSelectInput.ValueContainer = components.ValueContainer;
 var CreatableSelectInput$1 = CreatableSelectInput;
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "16.0.0";
+var version = "16.1.1";
 
 export { CreatableSelectInput$1 as default, version };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@commercetools-uikit/creatable-select-input",
   "description": "An input component getting a selection from the user, and where options can also be created by the user.",
-  "version": "16.0.0",
+  "version": "16.1.1",
   "bugs": "https://github.com/commercetools/ui-kit/issues",
   "repository": {
     "type": "git",
@@ -21,18 +21,18 @@
   "dependencies": {
     "@babel/runtime": "^7.20.13",
     "@babel/runtime-corejs3": "^7.20.13",
-    "@commercetools-uikit/constraints": "16.0.0",
-    "@commercetools-uikit/design-system": "16.0.0",
-    "@commercetools-uikit/icons": "16.0.0",
-    "@commercetools-uikit/select-utils": "16.0.0",
-    "@commercetools-uikit/spacings": "16.0.0",
-    "@commercetools-uikit/text": "16.0.0",
-    "@commercetools-uikit/utils": "16.0.0",
+    "@commercetools-uikit/constraints": "16.1.1",
+    "@commercetools-uikit/design-system": "16.1.1",
+    "@commercetools-uikit/icons": "16.1.1",
+    "@commercetools-uikit/select-utils": "16.1.1",
+    "@commercetools-uikit/spacings": "16.1.1",
+    "@commercetools-uikit/text": "16.1.1",
+    "@commercetools-uikit/utils": "16.1.1",
     "@emotion/react": "^11.10.5",
     "@emotion/styled": "^11.10.5",
     "lodash": "4.17.21",
     "prop-types": "15.8.1",
-    "react-select": "5.7.2"
+    "react-select": "5.7.3"
   },
   "devDependencies": {
     "react": "17.0.2",