@epignosis_llc/gnosis 5.2.3 → 5.3.0

package/dist/esm/src/components/Drawer/components/Body.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/components/Footer.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/components/Header.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/components/Mask.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/components/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Drawer/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Dropdown/Dropdown.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Dropdown/helpers.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/Dropdown/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/CheckboxGroup/Checkbox.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/CheckboxGroup/CheckboxGroup.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/CheckboxGroup/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/FormError/FormError.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/FormError/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Input/Input.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Input/SearchInput.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Input/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/InputError/InputError.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/InputError/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Label/Label.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Label/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioButtonGroup/RadioButton.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioButtonGroup/RadioButtonGroup.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioButtonGroup/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioGroup/Radio.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioGroup/RadioGroup.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioGroup/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Select/Select.js

@@ -2,43 +2,31 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.2.2
+   * @epignosis_llc/gnosis.js v5.2.4
    * Released under the MIT license.
    */
 
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, objectSpread2 as _objectSpread2, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import { forwardRef, useRef, useState } from 'react';
 import StateManagedSelect$1 from '../../../../node_modules/react-select/dist/react-select.esm.js';
+import CreatableSelect$1 from '../../../../node_modules/react-select/creatable/dist/react-select-creatable.esm.js';
 import useClickAway from '../../../../node_modules/ahooks/es/useClickAway/index.js';
-import classNames from '../../../../node_modules/classnames/index.js';
 import Label from '../Label/Label.js';
-import { inputHeight } from '../styles.js';
+import Tooltip from '../../Tooltip/Tooltip.js';
+import SvgAddOperator from '../../../icons/add_operator.svg.js';
 import CustomValueContainer from './components/CustomValueContainer.js';
-import { selectContainer } from './styles.js';
+import { selectContainer, resolveStyles } from './styles.js';
 import CustomMenuList from './components/CustomMenuList.js';
-import '../../../theme/default/colors.js';
-import '../../../theme/default/config/button.js';
-import '../../../theme/default/config/card.js';
-import formElements from '../../../theme/default/config/formElements.js';
-import '../../../theme/default/config/table.js';
-import '../../../theme/default/config/pagination.js';
-import scrollbar from '../../../theme/default/config/scrollbar.js';
+import { MAX_MENU_HEIGHT, INNER_PLACEHOLDER, OUTER_PLACEHOLDER, MIN_WIDTH, MAX_WIDTH } from './constants.js';
+import { containerClassNames } from './heleprs.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["id", "label", "options", "size", "inline", "status", "isInlineFlex", "hasInnerSearch", "isMulti", "maxMenuHeight", "innerPlaceholder", "minWidth", "maxWidth", "placeholder", "onChange"];
-var MAX_MENU_HEIGHT = 300;
-var OUTER_PLACEHOLDER = "Select...";
-var INNER_PLACEHOLDER = "Search...";
-var MIN_WIDTH = "5rem";
-var MAX_WIDTH = "25rem";
-var containerClassNames = function containerClassNames(status, size) {
-  var _classNames;
-  return classNames((_classNames = {}, _defineProperty(_classNames, "control-".concat(size), true), _defineProperty(_classNames, "valid", status === "valid"), _defineProperty(_classNames, "error", status === "error"), _classNames));
-};
+var _excluded = ["id", "label", "options", "size", "inline", "status", "isInlineFlex", "hasInnerSearch", "isMulti", "isCreatable", "creatableTooltip", "maxMenuHeight", "innerPlaceholder", "minWidth", "maxWidth", "placeholder", "onChange"];
 var Select = function Select(props, forwardedRef) {
   var _props$id = props.id,
     id = _props$id === void 0 ? "" : _props$id,
-    label = props.label,
+    _props$label = props.label,
+    label = _props$label === void 0 ? "" : _props$label,
     _props$options = props.options,
     options = _props$options === void 0 ? [] : _props$options,
     _props$size = props.size,
@@ -53,6 +41,10 @@ var Select = function Select(props, forwardedRef) {
     hasInnerSearch = _props$hasInnerSearch === void 0 ? false : _props$hasInnerSearch,
     _props$isMulti = props.isMulti,
     isMulti = _props$isMulti === void 0 ? false : _props$isMulti,
+    _props$isCreatable = props.isCreatable,
+    isCreatable = _props$isCreatable === void 0 ? false : _props$isCreatable,
+    _props$creatableToolt = props.creatableTooltip,
+    creatableTooltip = _props$creatableToolt === void 0 ? "Create" : _props$creatableToolt,
     _props$maxMenuHeight = props.maxMenuHeight,
     maxMenuHeight = _props$maxMenuHeight === void 0 ? MAX_MENU_HEIGHT : _props$maxMenuHeight,
     _props$innerPlacehold = props.innerPlaceholder,
@@ -75,143 +67,20 @@ var Select = function Select(props, forwardedRef) {
     _useState4 = _slicedToArray(_useState3, 2),
     inputValue = _useState4[0],
     setInputValue = _useState4[1];
-  var styles = {
-    menu: function menu(base) {
-      return _objectSpread2(_objectSpread2({}, base), {}, {
-        zIndex: 1060
-      });
-    },
-    placeholder: function placeholder(base, _ref) {
-      var isDisabled = _ref.isDisabled;
-      return _objectSpread2(_objectSpread2({}, base), {}, {
-        fontStyle: "italic",
-        color: isDisabled ? formElements.input.disabledColor : formElements.input.placeholderColor
-      });
-    },
-    dropdownIndicator: function dropdownIndicator(base, _ref2) {
-      var selectProps = _ref2.selectProps;
-      return _objectSpread2(_objectSpread2({}, base), {}, {
-        transform: selectProps.menuIsOpen ? "rotate(-180deg)" : "rotate(0)",
-        transition: "all .2s ease",
-        color: selectProps.isDisabled ? base.color : formElements.input.iconColor,
-        "&:hover": {
-          color: formElements.input.iconHoverColor,
-          cursor: "pointer"
-        }
-      });
-    },
-    clearIndicator: function clearIndicator(base, _ref3) {
-      var selectProps = _ref3.selectProps;
-      return _objectSpread2(_objectSpread2({}, base), {}, {
-        color: selectProps.isDisabled ? base.color : formElements.input.iconColor,
-        "&:hover": {
-          color: formElements.input.iconHoverColor,
-          cursor: "pointer"
-        }
-      });
-    },
-    control: function control(base, _ref4) {
-      var isFocused = _ref4.isFocused,
-        isDisabled = _ref4.isDisabled;
-      var border = isDisabled ? "1px solid ".concat(formElements.input.disabledBorder) : isFocused ? "1px solid ".concat(formElements.input.borderFocusColor) : // default case, set border equal to the background color to avoid pixel shift
-      "1px solid ".concat(formElements.input.background);
-      var backgroundColor = isDisabled ? formElements.input.disabledBackground : isFocused ? formElements.input.backgroundFocus : formElements.input.background;
-      return _objectSpread2(_objectSpread2({}, base), {}, {
-        border: border,
-        backgroundColor: backgroundColor,
-        boxShadow: "none",
-        borderRadius: "5px",
-        "&:hover": {
-          border: "1px solid ".concat(formElements.input.borderHoverColor)
-        },
-        color: !isDisabled ? base.color : formElements.input.disabledColor
-      });
-    },
-    multiValueLabel: function multiValueLabel(base, _ref5) {
-      var isDisabled = _ref5.isDisabled;
-      return _objectSpread2(_objectSpread2({}, base), {}, {
-        color: !isDisabled ? base.color : formElements.input.disabledColor
-      });
-    },
-    multiValueRemove: function multiValueRemove(base) {
-      return _objectSpread2(_objectSpread2({}, base), {}, {
-        ":hover": {
-          cursor: "pointer",
-          color: formElements.input.iconHoverColor
-        }
-      });
-    },
-    option: function option(base, _ref6) {
-      var isSelected = _ref6.isSelected,
-        isFocused = _ref6.isFocused;
-      return _objectSpread2(_objectSpread2({}, base), {}, {
-        backgroundColor: isSelected ? formElements.input.borderFocus : !isFocused ? "transparent" : formElements.input.hoverColor,
-        color: isSelected ? formElements.input.textColorFocused : "inherit",
-        borderRadius: hasInnerSearch ? "5px" : "none",
-        "&:hover": {
-          color: isSelected ? formElements.input.textColorFocused : formElements.input.textColor,
-          backgroundColor: isFocused ? !isSelected ? formElements.input.hoverColor : formElements.input.borderFocus : "transparent"
-        }
-      });
-    },
-    menuList: function menuList(base) {
-      return _objectSpread2(_objectSpread2({}, base), {}, {
-        margin: "0.5rem 0",
-        padding: "0",
-        "::-webkit-scrollbar": {
-          width: "5px"
-        },
-        "::-webkit-scrollbar-track": {
-          background: scrollbar.background,
-          borderRadius: "10px"
-        },
-        "::-webkit-scrollbar-thumb": {
-          backgroundColor: scrollbar.color,
-          borderRadius: "10px"
-        }
-      });
-    },
-    indicatorsContainer: function indicatorsContainer(base) {
-      return _objectSpread2(_objectSpread2({}, base), {}, {
-        // it is important to set the indicator size to the same height as the input to avoid centering issues
-        height: "calc(".concat(inputHeight[size], " - 2px)")
-      });
-    }
+  var styles = resolveStyles(size, hasInnerSearch);
+  var formatCreateLabel = function formatCreateLabel(inputValue) {
+    return jsx("div", null, jsx(Tooltip, {
+      content: creatableTooltip
+    }, jsx("div", {
+      className: "select-create-label"
+    }, jsx("span", null, inputValue, " "), jsx("span", null, jsx(SvgAddOperator, {
+      color: "black",
+      height: 12
+    })))));
   };
-  useClickAway(function (e) {
-    // Ignore clicks on the close icon, can be one of the three following:
-    var _ref7 = e.target,
-      nodeName = _ref7.nodeName,
-      className = _ref7.className;
-    var isSvg = nodeName === "svg";
-    var isPath = nodeName === "path";
-    var isCloseIcon = className === "close-icon";
-    if (isSvg || isPath || isCloseIcon) return;
-    setIsFocused(false);
-    setInputValue("");
-  }, [containerRef]);
-  return jsx("div", {
-    css: function css(theme) {
-      return selectContainer(theme, {
-        size: size,
-        inline: inline,
-        isInlineFlex: isInlineFlex,
-        minWidth: minWidth,
-        maxWidth: maxWidth,
-        hasInnerSearch: hasInnerSearch
-      });
-    }
-  }, hasLabel && jsx(Label, {
-    htmlFor: id,
-    "aria-labelledby": id
-  }, label), jsx("div", {
-    className: "select-input-wrapper",
-    "data-testid": "custom-react-select",
-    ref: containerRef
-  }, jsx(StateManagedSelect$1, _extends({}, rest, {
-    ref: forwardedRef
-    // react-select props
-    ,
+  var customSelectProps = _objectSpread2(_objectSpread2({}, rest), {}, {
+    ref: forwardedRef,
+    styles: styles,
     blurInputOnSelect: !isMulti,
     closeMenuOnSelect: !isMulti,
     isMulti: isMulti,
@@ -234,16 +103,13 @@ var Select = function Select(props, forwardedRef) {
         }));
       }
     },
+    formatCreateLabel: formatCreateLabel,
     isSearchable: false,
     maxMenuHeight: maxMenuHeight,
     menuIsOpen: isFocused || undefined,
     options: options,
     placeholder: outerPlaceholder,
-    styles: styles,
-    inputValue: inputValue
-    // custom props
-    ,
-
+    inputValue: inputValue,
     onMenuInputFocus: function onMenuInputFocus() {
       return setIsFocused(true);
     },
@@ -252,7 +118,6 @@ var Select = function Select(props, forwardedRef) {
     },
     innerPlaceholder: innerPlaceholder,
     hasInnerSearch: hasInnerSearch,
-    // events
     onChange: function onChange(option, action) {
       setIsFocused(false);
       _onChange && _onChange(option, action);
@@ -260,7 +125,40 @@ var Select = function Select(props, forwardedRef) {
     onInputChange: function onInputChange(val) {
       return setInputValue(val);
     }
-  }))));
+  });
+  useClickAway(function (e) {
+    // Ignore clicks on the close icon, can be one of the three following:
+    var _ref = e.target,
+      nodeName = _ref.nodeName,
+      className = _ref.className;
+    var isSvg = nodeName === "svg";
+    var isPath = nodeName === "path";
+    var isCloseIcon = className === "close-icon";
+    if (isSvg || isPath || isCloseIcon) return;
+    setIsFocused(false);
+    setInputValue("");
+  }, [containerRef]);
+  return jsx("div", {
+    css: function css(theme) {
+      return selectContainer(theme, {
+        size: size,
+        inline: inline,
+        isInlineFlex: isInlineFlex,
+        minWidth: minWidth,
+        maxWidth: maxWidth,
+        hasInnerSearch: hasInnerSearch
+      });
+    }
+  }, hasLabel && jsx(Label, {
+    htmlFor: id,
+    "aria-labelledby": id
+  }, label), jsx("div", {
+    className: "select-input-wrapper",
+    "data-testid": "custom-react-select",
+    ref: containerRef
+  }, isCreatable ? jsx(CreatableSelect$1, _extends({}, customSelectProps, {
+    createOptionPosition: "first"
+  })) : jsx(StateManagedSelect$1, customSelectProps)));
 };
 var Select$1 = /*#__PURE__*/forwardRef(Select);
 

package/dist/esm/src/components/FormElements/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../../../src/components/FormElements/Select/Select.tsx"],"sourcesContent":["// Inspired by this https://codesandbox.io/embed/m75wlyx3oy\n\nimport React, { ForwardRefRenderFunction, forwardRef, useRef, useState } from \"react\";\nimport ReactSelect, {\n  CSSObjectWithLabel,\n  ClearIndicatorProps,\n  ControlProps,\n  DropdownIndicatorProps,\n  GroupBase,\n  MultiValueProps,\n  OptionProps,\n  PlaceholderProps,\n  SelectInstance,\n} from \"react-select\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { useClickAway } from \"ahooks\";\nimport classNames from \"classnames\";\nimport Label from \"../Label/Label\";\nimport { inputHeight } from \"../styles\";\nimport CustomValueContainer from \"./components/CustomValueContainer\";\nimport { selectContainer } from \"./styles\";\nimport CustomMenuList from \"./components/CustomMenuList\";\nimport { CustomOption, CustomSelectProps } from \"./types\";\nimport { formElements, scrollbar } from \"@theme/default/config\";\n\nconst MAX_MENU_HEIGHT = 300;\nconst OUTER_PLACEHOLDER = \"Select...\";\nconst INNER_PLACEHOLDER = \"Search...\";\nconst MIN_WIDTH = \"5rem\";\nconst MAX_WIDTH = \"25rem\";\n\nconst containerClassNames = (status: string, size: string) =>\n  classNames({\n    [`control-${size}`]: true,\n    valid: status === \"valid\",\n    error: status === \"error\",\n  });\n\nconst Select: ForwardRefRenderFunction<\n  SelectInstance<CustomOption>,\n  CustomSelectProps<CustomOption, boolean>\n> = (props, forwardedRef) => {\n  const {\n    id = \"\",\n    label,\n    options = [],\n    size = \"md\",\n    inline = false,\n    status = \"valid\",\n    isInlineFlex = false,\n    hasInnerSearch = false,\n    isMulti = false,\n    maxMenuHeight = MAX_MENU_HEIGHT,\n    innerPlaceholder = INNER_PLACEHOLDER,\n    minWidth = MIN_WIDTH,\n    maxWidth = MAX_WIDTH,\n    placeholder: outerPlaceholder = OUTER_PLACEHOLDER,\n    onChange,\n    ...rest\n  } = props;\n  const hasLabel = Boolean(label);\n\n  const containerRef = useRef<HTMLInputElement>(null);\n  const [isFocused, setIsFocused] = useState(false);\n  const [inputValue, setInputValue] = useState(\"\");\n\n  const styles = {\n    menu: (base: CSSObjectWithLabel) => {\n      return {\n        ...base,\n        zIndex: 1060,\n      };\n    },\n    placeholder: (\n      base: CSSObjectWithLabel,\n      { isDisabled }: PlaceholderProps<CustomOption, boolean, GroupBase<CustomOption>>,\n    ) => {\n      return {\n        ...base,\n        fontStyle: \"italic\",\n        color: isDisabled ? formElements.input.disabledColor : formElements.input.placeholderColor,\n      };\n    },\n    dropdownIndicator: (\n      base: CSSObjectWithLabel,\n      { selectProps }: DropdownIndicatorProps<CustomOption, boolean, GroupBase<CustomOption>>,\n    ) => ({\n      ...base,\n      transform: selectProps.menuIsOpen ? \"rotate(-180deg)\" : \"rotate(0)\",\n      transition: \"all .2s ease\",\n      color: selectProps.isDisabled ? base.color : formElements.input.iconColor,\n      \"&:hover\": { color: formElements.input.iconHoverColor, cursor: \"pointer\" },\n    }),\n    clearIndicator: (\n      base: CSSObjectWithLabel,\n      { selectProps }: ClearIndicatorProps<CustomOption, boolean, GroupBase<CustomOption>>,\n    ) => ({\n      ...base,\n      color: selectProps.isDisabled ? base.color : formElements.input.iconColor,\n      \"&:hover\": { color: formElements.input.iconHoverColor, cursor: \"pointer\" },\n    }),\n    control: (\n      base: CSSObjectWithLabel,\n      { isFocused, isDisabled }: ControlProps<CustomOption, boolean, GroupBase<CustomOption>>,\n    ) => {\n      const border = isDisabled\n        ? `1px solid ${formElements.input.disabledBorder}`\n        : isFocused\n        ? `1px solid ${formElements.input.borderFocusColor}`\n        : // default case, set border equal to the background color to avoid pixel shift\n          `1px solid ${formElements.input.background}`;\n      const backgroundColor = isDisabled\n        ? formElements.input.disabledBackground\n        : isFocused\n        ? formElements.input.backgroundFocus\n        : formElements.input.background;\n\n      return {\n        ...base,\n        border,\n        backgroundColor,\n        boxShadow: \"none\",\n        borderRadius: \"5px\",\n        \"&:hover\": { border: `1px solid ${formElements.input.borderHoverColor}` },\n        color: !isDisabled ? base.color : formElements.input.disabledColor,\n      };\n    },\n    multiValueLabel: (\n      base: CSSObjectWithLabel,\n      { isDisabled }: MultiValueProps<CustomOption, boolean, GroupBase<CustomOption>>,\n    ) => ({\n      ...base,\n      color: !isDisabled ? base.color : formElements.input.disabledColor,\n    }),\n\n    multiValueRemove: (base: CSSObjectWithLabel) => ({\n      ...base,\n      \":hover\": {\n        cursor: \"pointer\",\n        color: formElements.input.iconHoverColor,\n      },\n    }),\n    option: (\n      base: CSSObjectWithLabel,\n      { isSelected, isFocused }: OptionProps<CustomOption, boolean, GroupBase<CustomOption>>,\n    ) => ({\n      ...base,\n      backgroundColor: isSelected\n        ? formElements.input.borderFocus\n        : !isFocused\n        ? \"transparent\"\n        : formElements.input.hoverColor,\n      color: isSelected ? formElements.input.textColorFocused : \"inherit\",\n      borderRadius: hasInnerSearch ? \"5px\" : \"none\",\n      \"&:hover\": {\n        color: isSelected ? formElements.input.textColorFocused : formElements.input.textColor,\n        backgroundColor: isFocused\n          ? !isSelected\n            ? formElements.input.hoverColor\n            : formElements.input.borderFocus\n          : \"transparent\",\n      },\n    }),\n    menuList: (base: CSSObjectWithLabel) => ({\n      ...base,\n      margin: \"0.5rem 0\",\n      padding: \"0\",\n      \"::-webkit-scrollbar\": {\n        width: \"5px\",\n      },\n      \"::-webkit-scrollbar-track\": {\n        background: scrollbar.background,\n        borderRadius: \"10px\",\n      },\n      \"::-webkit-scrollbar-thumb\": {\n        backgroundColor: scrollbar.color,\n        borderRadius: \"10px\",\n      },\n    }),\n    indicatorsContainer: (base: CSSObjectWithLabel) => ({\n      ...base,\n      // it is important to set the indicator size to the same height as the input to avoid centering issues\n      height: `calc(${inputHeight[size]} - 2px)`,\n    }),\n  };\n\n  useClickAway(\n    (e) => {\n      // Ignore clicks on the close icon, can be one of the three following:\n      const { nodeName, className } = e.target as HTMLElement;\n      const isSvg = nodeName === \"svg\";\n      const isPath = nodeName === \"path\";\n      const isCloseIcon = className === \"close-icon\";\n\n      if (isSvg || isPath || isCloseIcon) return;\n      setIsFocused(false);\n      setInputValue(\"\");\n    },\n\n    [containerRef],\n  );\n\n  return (\n    <div\n      css={(theme): SerializedStyles =>\n        selectContainer(theme, { size, inline, isInlineFlex, minWidth, maxWidth, hasInnerSearch })\n      }\n    >\n      {hasLabel && (\n        <Label htmlFor={id} aria-labelledby={id}>\n          {label}\n        </Label>\n      )}\n      <div className=\"select-input-wrapper\" data-testid=\"custom-react-select\" ref={containerRef}>\n        <ReactSelect\n          {...rest}\n          ref={forwardedRef}\n          // react-select props\n          blurInputOnSelect={!isMulti}\n          closeMenuOnSelect={!isMulti}\n          isMulti={isMulti}\n          classNames={{\n            control: () => containerClassNames(status, size),\n            option: () => `option-${size}`,\n          }}\n          components={{\n            IndicatorSeparator: () => null,\n            MenuList: CustomMenuList,\n            ValueContainer: (props) => CustomValueContainer({ ...props, isFocused }),\n          }}\n          isSearchable={false}\n          maxMenuHeight={maxMenuHeight}\n          menuIsOpen={isFocused || undefined}\n          options={options}\n          placeholder={outerPlaceholder}\n          styles={styles}\n          inputValue={inputValue}\n          // custom props\n          {...{\n            onMenuInputFocus: () => setIsFocused(true),\n            onMouseDown: (e: MouseEvent) => e.stopPropagation(),\n            innerPlaceholder,\n            hasInnerSearch,\n          }}\n          // events\n          onChange={(option, action) => {\n            setIsFocused(false);\n            onChange && onChange(option, action);\n          }}\n          onInputChange={(val) => setInputValue(val)}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default forwardRef(Select);\n"],"names":["MAX_MENU_HEIGHT","OUTER_PLACEHOLDER","INNER_PLACEHOLDER","MIN_WIDTH","MAX_WIDTH","containerClassNames","status","size","classNames","Select","props","forwardedRef","id","label","options","inline","isInlineFlex","hasInnerSearch","isMulti","maxMenuHeight","innerPlaceholder","minWidth","maxWidth","placeholder","outerPlaceholder","onChange","rest","hasLabel","Boolean","containerRef","useRef","useState","isFocused","setIsFocused","inputValue","setInputValue","styles","menu","base","_objectSpread","zIndex","isDisabled","fontStyle","color","formElements","input","disabledColor","placeholderColor","dropdownIndicator","selectProps","transform","menuIsOpen","transition","iconColor","iconHoverColor","cursor","clearIndicator","control","border","disabledBorder","borderFocusColor","background","backgroundColor","disabledBackground","backgroundFocus","boxShadow","borderRadius","borderHoverColor","multiValueLabel","multiValueRemove","option","isSelected","borderFocus","hoverColor","textColorFocused","textColor","menuList","margin","padding","width","scrollbar","indicatorsContainer","height","inputHeight","useClickAway","e","target","nodeName","className","isSvg","isPath","isCloseIcon","___EmotionJSX","theme","selectContainer","ReactSelect","IndicatorSeparator","MenuList","CustomMenuList","ValueContainer","CustomValueContainer","undefined","onMenuInputFocus","onMouseDown","stopPropagation","action","val","forwardRef"],"mappings":"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"}
+{"version":3,"file":"Select.js","sources":["../../../../../../src/components/FormElements/Select/Select.tsx"],"sourcesContent":["// Inspired by this https://codesandbox.io/embed/m75wlyx3oy\nimport React, {\n  ForwardRefRenderFunction,\n  PropsWithChildren,\n  forwardRef,\n  useRef,\n  useState,\n} from \"react\";\nimport ReactSelect, {\n  ActionMeta,\n  GroupBase,\n  MultiValue,\n  SelectInstance,\n  SingleValue,\n  ValueContainerProps,\n} from \"react-select\";\nimport CreatableSelect from \"react-select/creatable\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { useClickAway } from \"ahooks\";\nimport Label from \"../Label/Label\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { AddOperatorSVG } from \"../../../icons\";\nimport CustomValueContainer from \"./components/CustomValueContainer\";\nimport { resolveStyles, selectContainer } from \"./styles\";\nimport CustomMenuList from \"./components/CustomMenuList\";\nimport { CustomOption, CustomSelectProps } from \"./types\";\nimport {\n  MAX_MENU_HEIGHT,\n  INNER_PLACEHOLDER,\n  MIN_WIDTH,\n  MAX_WIDTH,\n  OUTER_PLACEHOLDER,\n} from \"./constants\";\nimport { containerClassNames } from \"./heleprs\";\n\nconst Select: ForwardRefRenderFunction<\n  SelectInstance<CustomOption>,\n  CustomSelectProps<CustomOption, boolean>\n> = (props, forwardedRef) => {\n  const {\n    id = \"\",\n    label = \"\",\n    options = [],\n    size = \"md\",\n    inline = false,\n    status = \"valid\",\n    isInlineFlex = false,\n    hasInnerSearch = false,\n    isMulti = false,\n    isCreatable = false,\n    creatableTooltip = \"Create\",\n    maxMenuHeight = MAX_MENU_HEIGHT,\n    innerPlaceholder = INNER_PLACEHOLDER,\n    minWidth = MIN_WIDTH,\n    maxWidth = MAX_WIDTH,\n    placeholder: outerPlaceholder = OUTER_PLACEHOLDER,\n    onChange,\n    ...rest\n  } = props;\n  const hasLabel = Boolean(label);\n\n  const containerRef = useRef<HTMLInputElement>(null);\n  const [isFocused, setIsFocused] = useState(false);\n  const [inputValue, setInputValue] = useState(\"\");\n\n  const styles = resolveStyles(size, hasInnerSearch);\n  const formatCreateLabel = (inputValue: string) => (\n    <div>\n      <Tooltip content={creatableTooltip}>\n        <div className=\"select-create-label\">\n          <span>{inputValue} </span>\n          <span>\n            <AddOperatorSVG color=\"black\" height={12} />\n          </span>\n        </div>\n      </Tooltip>\n    </div>\n  );\n\n  const customSelectProps = {\n    ...rest,\n    ref: forwardedRef,\n    styles,\n    blurInputOnSelect: !isMulti,\n    closeMenuOnSelect: !isMulti,\n    isMulti,\n    classNames: {\n      control: () => containerClassNames(status, size),\n      option: () => `option-${size}`,\n    },\n\n    components: {\n      IndicatorSeparator: () => null,\n      MenuList: CustomMenuList,\n      ValueContainer: (\n        props: PropsWithChildren<\n          ValueContainerProps<CustomOption, boolean, GroupBase<CustomOption>>\n        >,\n      ) => CustomValueContainer({ ...props, isFocused }),\n    },\n    formatCreateLabel,\n    isSearchable: false,\n    maxMenuHeight,\n    menuIsOpen: isFocused || undefined,\n    options,\n    placeholder: outerPlaceholder,\n    inputValue: inputValue,\n    onMenuInputFocus: () => setIsFocused(true),\n    onMouseDown: (e: MouseEvent) => e.stopPropagation(),\n    innerPlaceholder,\n    hasInnerSearch,\n    onChange: (\n      option: MultiValue<CustomOption> | SingleValue<CustomOption>,\n      action: ActionMeta<CustomOption>,\n    ) => {\n      setIsFocused(false);\n      onChange && onChange(option, action);\n    },\n    onInputChange: (val: string) => setInputValue(val),\n  };\n\n  useClickAway(\n    (e) => {\n      // Ignore clicks on the close icon, can be one of the three following:\n      const { nodeName, className } = e.target as HTMLElement;\n      const isSvg = nodeName === \"svg\";\n      const isPath = nodeName === \"path\";\n      const isCloseIcon = className === \"close-icon\";\n\n      if (isSvg || isPath || isCloseIcon) return;\n      setIsFocused(false);\n      setInputValue(\"\");\n    },\n\n    [containerRef],\n  );\n\n  return (\n    <div\n      css={(theme): SerializedStyles =>\n        selectContainer(theme, {\n          size,\n          inline,\n          isInlineFlex,\n          minWidth,\n          maxWidth,\n          hasInnerSearch,\n        })\n      }\n    >\n      {hasLabel && (\n        <Label htmlFor={id} aria-labelledby={id}>\n          {label}\n        </Label>\n      )}\n      <div className=\"select-input-wrapper\" data-testid=\"custom-react-select\" ref={containerRef}>\n        {isCreatable ? (\n          <CreatableSelect {...customSelectProps} createOptionPosition=\"first\" />\n        ) : (\n          <ReactSelect {...customSelectProps} />\n        )}\n      </div>\n    </div>\n  );\n};\n\nexport default forwardRef(Select);\n"],"names":["Select","props","forwardedRef","id","label","options","size","inline","status","isInlineFlex","hasInnerSearch","isMulti","isCreatable","creatableTooltip","maxMenuHeight","MAX_MENU_HEIGHT","innerPlaceholder","INNER_PLACEHOLDER","minWidth","MIN_WIDTH","maxWidth","MAX_WIDTH","placeholder","outerPlaceholder","OUTER_PLACEHOLDER","onChange","rest","hasLabel","Boolean","containerRef","useRef","useState","isFocused","setIsFocused","inputValue","setInputValue","styles","resolveStyles","formatCreateLabel","___EmotionJSX","AddOperatorSVG","customSelectProps","ref","blurInputOnSelect","closeMenuOnSelect","classNames","control","containerClassNames","option","components","IndicatorSeparator","MenuList","CustomMenuList","ValueContainer","CustomValueContainer","isSearchable","menuIsOpen","undefined","onMenuInputFocus","onMouseDown","e","stopPropagation","action","onInputChange","val","useClickAway","target","nodeName","className","isSvg","isPath","isCloseIcon","theme","selectContainer","CreatableSelect","ReactSelect","forwardRef"],"mappings":"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"}