@epignosis_llc/gnosis 5.1.0 → 5.2.0

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.7
+   * @epignosis_llc/gnosis.js v5.1.0
    * 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.0.7
+   * @epignosis_llc/gnosis.js v5.1.0
    * 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.0.7
+   * @epignosis_llc/gnosis.js v5.1.0
    * 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.0.7
+   * @epignosis_llc/gnosis.js v5.1.0
    * 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.0.7
+   * @epignosis_llc/gnosis.js v5.1.0
    * 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.0.7
+   * @epignosis_llc/gnosis.js v5.1.0
    * 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.0.7
+   * @epignosis_llc/gnosis.js v5.1.0
    * 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.0.7
+   * @epignosis_llc/gnosis.js v5.1.0
    * Released under the MIT license.
    */
 

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.7
+   * @epignosis_llc/gnosis.js v5.1.0
    * Released under the MIT license.
    */
 
@@ -12,6 +12,7 @@ import StateManagedSelect$1 from '../../../../node_modules/react-select/dist/rea
 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 CustomValueContainer from './components/CustomValueContainer.js';
 import { selectContainer } from './styles.js';
 import CustomMenuList from './components/CustomMenuList.js';
@@ -20,9 +21,10 @@ 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 { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["id", "label", "options", "size", "inline", "status", "isInlineFlex", "hasInnerSearch", "maxMenuHeight", "innerPlaceholder", "minWidth", "maxWidth", "placeholder", "onChange"];
+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...";
@@ -48,6 +50,8 @@ var Select = function Select(props, forwardedRef) {
     isInlineFlex = _props$isInlineFlex === void 0 ? false : _props$isInlineFlex,
     _props$hasInnerSearch = props.hasInnerSearch,
     hasInnerSearch = _props$hasInnerSearch === void 0 ? false : _props$hasInnerSearch,
+    _props$isMulti = props.isMulti,
+    isMulti = _props$isMulti === void 0 ? false : _props$isMulti,
     _props$maxMenuHeight = props.maxMenuHeight,
     maxMenuHeight = _props$maxMenuHeight === void 0 ? MAX_MENU_HEIGHT : _props$maxMenuHeight,
     _props$innerPlacehold = props.innerPlaceholder,
@@ -73,7 +77,7 @@ var Select = function Select(props, forwardedRef) {
   var styles = {
     menu: function menu(base) {
       return _objectSpread2(_objectSpread2({}, base), {}, {
-        zIndex: 3
+        zIndex: 1060
       });
     },
     placeholder: function placeholder(base, _ref) {
@@ -140,10 +144,34 @@ var Select = function Select(props, forwardedRef) {
       var isSelected = _ref6.isSelected;
       return _objectSpread2(_objectSpread2({}, base), {}, {
         backgroundColor: isSelected ? formElements.input.borderFocus : base.color,
+        borderRadius: hasInnerSearch ? "5px" : "none",
         "&:hover": {
           backgroundColor: !isSelected ? formElements.input.hoverColor : formElements.input.borderFocus
         }
       });
+    },
+    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)")
+      });
     }
   };
   useClickAway(function (e) {
@@ -165,7 +193,8 @@ var Select = function Select(props, forwardedRef) {
         inline: inline,
         isInlineFlex: isInlineFlex,
         minWidth: minWidth,
-        maxWidth: maxWidth
+        maxWidth: maxWidth,
+        hasInnerSearch: hasInnerSearch
       });
     }
   }, hasLabel && jsx(Label, {
@@ -179,7 +208,9 @@ var Select = function Select(props, forwardedRef) {
     ref: forwardedRef
     // react-select props
     ,
-    blurInputOnSelect: true,
+    blurInputOnSelect: !isMulti,
+    closeMenuOnSelect: !isMulti,
+    isMulti: isMulti,
     classNames: {
       control: function control() {
         return containerClassNames(status, size);

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 CustomValueContainer from \"./components/CustomValueContainer\";\nimport { selectContainer } from \"./styles\";\nimport CustomMenuList from \"./components/CustomMenuList\";\nimport { CustomOption, CustomSelectProps } from \"./types\";\nimport { formElements } 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    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: 3,\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 }: OptionProps<CustomOption, boolean, GroupBase<CustomOption>>,\n    ) => ({\n      ...base,\n      backgroundColor: isSelected ? formElements.input.borderFocus : base.color,\n      \"&:hover\": {\n        backgroundColor: !isSelected\n          ? formElements.input.hoverColor\n          : formElements.input.borderFocus,\n      },\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    [containerRef],\n  );\n\n  return (\n    <div\n      css={(theme): SerializedStyles =>\n        selectContainer(theme, { size, inline, isInlineFlex, minWidth, maxWidth })\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={true}\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","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","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":";;;;;;;;;;;;;;;;;;;;;;;;;AAwBA,IAAMA,eAAe,GAAG,GAAG,CAAA;AAC3B,IAAMC,iBAAiB,GAAG,WAAW,CAAA;AACrC,IAAMC,iBAAiB,GAAG,WAAW,CAAA;AACrC,IAAMC,SAAS,GAAG,MAAM,CAAA;AACxB,IAAMC,SAAS,GAAG,OAAO,CAAA;AAEzB,IAAMC,mBAAmB,GAAG,SAAtBA,mBAAmB,CAAIC,MAAc,EAAEC,IAAY,EAAA;AAAA,EAAA,IAAA,WAAA,CAAA;AAAA,EAAA,OACvDC,UAAU,EAAA,WAAA,GAAA,EAAA,EAAA,eAAA,CAAA,WAAA,EAAA,UAAA,CAAA,MAAA,CACID,IAAI,CAAA,EAAK,IAAI,CAAA,EAAA,eAAA,CAAA,WAAA,EAAA,OAAA,EAClBD,MAAM,KAAK,OAAO,CAAA,EAAA,eAAA,CAAA,WAAA,EAAA,OAAA,EAClBA,MAAM,KAAK,OAAO,CACzB,EAAA,WAAA,EAAA,CAAA;AAAA,CAAA,CAAA;AAEJ,IAAMG,MAGL,GAAG,SAHEA,MAGL,CAAIC,KAAK,EAAEC,YAAY,EAAK;EAC3B,IAgBID,SAAAA,GAAAA,KAAK,CAfPE,EAAE;AAAFA,IAAAA,EAAE,0BAAG,EAAE,GAAA,SAAA;IACPC,KAAK,GAcHH,KAAK,CAdPG,KAAK;IAAA,cAcHH,GAAAA,KAAK,CAbPI,OAAO;AAAPA,IAAAA,OAAO,+BAAG,EAAE,GAAA,cAAA;IAAA,WAaVJ,GAAAA,KAAK,CAZPH,IAAI;AAAJA,IAAAA,IAAI,4BAAG,IAAI,GAAA,WAAA;IAAA,aAYTG,GAAAA,KAAK,CAXPK,MAAM;AAANA,IAAAA,MAAM,8BAAG,KAAK,GAAA,aAAA;IAAA,aAWZL,GAAAA,KAAK,CAVPJ,MAAM;AAANA,IAAAA,MAAM,8BAAG,OAAO,GAAA,aAAA;IAAA,mBAUdI,GAAAA,KAAK,CATPM,YAAY;AAAZA,IAAAA,YAAY,oCAAG,KAAK,GAAA,mBAAA;IAAA,qBASlBN,GAAAA,KAAK,CARPO,cAAc;AAAdA,IAAAA,cAAc,sCAAG,KAAK,GAAA,qBAAA;IAAA,oBAQpBP,GAAAA,KAAK,CAPPQ,aAAa;AAAbA,IAAAA,aAAa,qCAAGlB,eAAe,GAAA,oBAAA;IAAA,qBAO7BU,GAAAA,KAAK,CANPS,gBAAgB;AAAhBA,IAAAA,gBAAgB,sCAAGjB,iBAAiB,GAAA,qBAAA;IAAA,eAMlCQ,GAAAA,KAAK,CALPU,QAAQ;AAARA,IAAAA,QAAQ,gCAAGjB,SAAS,GAAA,eAAA;IAAA,eAKlBO,GAAAA,KAAK,CAJPW,QAAQ;AAARA,IAAAA,QAAQ,gCAAGjB,SAAS,GAAA,eAAA;IAAA,kBAIlBM,GAAAA,KAAK,CAHPY,WAAW;AAAEC,IAAAA,gBAAgB,mCAAGtB,iBAAiB,GAAA,kBAAA;IACjDuB,SAAQ,GAENd,KAAK,CAFPc,QAAQ;AACLC,IAAAA,IAAI,4BACLf,KAAK,EAAA,SAAA,CAAA,CAAA;AACT,EAAA,IAAMgB,QAAQ,GAAGC,OAAO,CAACd,KAAK,CAAC,CAAA;AAE/B,EAAA,IAAMe,YAAY,GAAGC,MAAM,CAAmB,IAAI,CAAC,CAAA;EACnD,IAAkCC,SAAAA,GAAAA,QAAQ,CAAC,KAAK,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,SAAA,EAAA,CAAA,CAAA;IAA1CC,SAAS,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,YAAY,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;EAC9B,IAAoCF,UAAAA,GAAAA,QAAQ,CAAC,EAAE,CAAC;AAAA,IAAA,UAAA,GAAA,cAAA,CAAA,UAAA,EAAA,CAAA,CAAA;IAAzCG,UAAU,GAAA,UAAA,CAAA,CAAA,CAAA;IAAEC,aAAa,GAAA,UAAA,CAAA,CAAA,CAAA,CAAA;AAEhC,EAAA,IAAMC,MAAM,GAAG;IACbC,IAAI,EAAE,SAACC,IAAAA,CAAAA,IAAwB,EAAK;AAClC,MAAA,OAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACKD,IAAI,CAAA,EAAA,EAAA,EAAA;AACPE,QAAAA,MAAM,EAAE,CAAA;AAAC,OAAA,CAAA,CAAA;KAEZ;IACDjB,WAAW,EAAE,SACXe,WAAAA,CAAAA,IAAwB,EAErB,IAAA,EAAA;MAAA,IADDG,UAAU,QAAVA,UAAU,CAAA;AAEZ,MAAA,OAAAF,cAAA,CAAAA,cAAA,CAAA,EAAA,EACKD,IAAI,CAAA,EAAA,EAAA,EAAA;AACPI,QAAAA,SAAS,EAAE,QAAQ;AACnBC,QAAAA,KAAK,EAAEF,UAAU,GAAGG,YAAY,CAACC,KAAK,CAACC,aAAa,GAAGF,YAAY,CAACC,KAAK,CAACE,gBAAAA;AAAgB,OAAA,CAAA,CAAA;KAE7F;IACDC,iBAAiB,EAAE,2BACjBV,IAAwB,EAAA,KAAA,EAAA;MAAA,IACtBW,WAAW,SAAXA,WAAW,CAAA;AAAA,MAAA,OAAAV,cAAA,CAAAA,cAAA,CAAA,EAAA,EAEVD,IAAI,CAAA,EAAA,EAAA,EAAA;AACPY,QAAAA,SAAS,EAAED,WAAW,CAACE,UAAU,GAAG,iBAAiB,GAAG,WAAW;AACnEC,QAAAA,UAAU,EAAE,cAAc;AAC1BT,QAAAA,KAAK,EAAEM,WAAW,CAACR,UAAU,GAAGH,IAAI,CAACK,KAAK,GAAGC,YAAY,CAACC,KAAK,CAACQ,SAAS;AACzE,QAAA,SAAS,EAAE;AAAEV,UAAAA,KAAK,EAAEC,YAAY,CAACC,KAAK,CAACS,cAAc;AAAEC,UAAAA,MAAM,EAAE,SAAA;AAAU,SAAA;AAAC,OAAA,CAAA,CAAA;KAC1E;IACFC,cAAc,EAAE,wBACdlB,IAAwB,EAAA,KAAA,EAAA;MAAA,IACtBW,WAAW,SAAXA,WAAW,CAAA;AAAA,MAAA,OAAAV,cAAA,CAAAA,cAAA,CAAA,EAAA,EAEVD,IAAI,CAAA,EAAA,EAAA,EAAA;AACPK,QAAAA,KAAK,EAAEM,WAAW,CAACR,UAAU,GAAGH,IAAI,CAACK,KAAK,GAAGC,YAAY,CAACC,KAAK,CAACQ,SAAS;AACzE,QAAA,SAAS,EAAE;AAAEV,UAAAA,KAAK,EAAEC,YAAY,CAACC,KAAK,CAACS,cAAc;AAAEC,UAAAA,MAAM,EAAE,SAAA;AAAU,SAAA;AAAC,OAAA,CAAA,CAAA;KAC1E;IACFE,OAAO,EAAE,SACPnB,OAAAA,CAAAA,IAAwB,EAErB,KAAA,EAAA;MAAA,IADDN,SAAS,SAATA,SAAS;AAAES,QAAAA,UAAU,SAAVA,UAAU,CAAA;AAEvB,MAAA,IAAMiB,MAAM,GAAGjB,UAAU,GACRG,YAAAA,CAAAA,MAAAA,CAAAA,YAAY,CAACC,KAAK,CAACc,cAAc,CAAA,GAC9C3B,SAAS,GACIY,YAAAA,CAAAA,MAAAA,CAAAA,YAAY,CAACC,KAAK,CAACe,gBAAgB,CAChD;AAAA,MAAA,YAAA,CAAA,MAAA,CACahB,YAAY,CAACC,KAAK,CAACgB,UAAU,CAAE,CAAA;MAChD,IAAMC,eAAe,GAAGrB,UAAU,GAC9BG,YAAY,CAACC,KAAK,CAACkB,kBAAkB,GACrC/B,SAAS,GACTY,YAAY,CAACC,KAAK,CAACmB,eAAe,GAClCpB,YAAY,CAACC,KAAK,CAACgB,UAAU,CAAA;AAEjC,MAAA,OAAAtB,cAAA,CAAAA,cAAA,CAAA,EAAA,EACKD,IAAI,CAAA,EAAA,EAAA,EAAA;AACPoB,QAAAA,MAAM,EAANA,MAAM;AACNI,QAAAA,eAAe,EAAfA,eAAe;AACfG,QAAAA,SAAS,EAAE,MAAM;AACjBC,QAAAA,YAAY,EAAE,KAAK;AACnB,QAAA,SAAS,EAAE;AAAER,UAAAA,MAAM,EAAed,YAAAA,CAAAA,MAAAA,CAAAA,YAAY,CAACC,KAAK,CAACsB,gBAAgB,CAAA;SAAI;QACzExB,KAAK,EAAE,CAACF,UAAU,GAAGH,IAAI,CAACK,KAAK,GAAGC,YAAY,CAACC,KAAK,CAACC,aAAAA;AAAa,OAAA,CAAA,CAAA;KAErE;IACDsB,eAAe,EAAE,yBACf9B,IAAwB,EAAA,KAAA,EAAA;MAAA,IACtBG,UAAU,SAAVA,UAAU,CAAA;AAAA,MAAA,OAAAF,cAAA,CAAAA,cAAA,CAAA,EAAA,EAETD,IAAI,CAAA,EAAA,EAAA,EAAA;QACPK,KAAK,EAAE,CAACF,UAAU,GAAGH,IAAI,CAACK,KAAK,GAAGC,YAAY,CAACC,KAAK,CAACC,aAAAA;AAAa,OAAA,CAAA,CAAA;KAClE;IAEFuB,gBAAgB,EAAE,0BAAC/B,IAAwB,EAAA;AAAA,MAAA,OAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACtCD,IAAI,CAAA,EAAA,EAAA,EAAA;AACP,QAAA,QAAQ,EAAE;AACRiB,UAAAA,MAAM,EAAE,SAAS;AACjBZ,UAAAA,KAAK,EAAEC,YAAY,CAACC,KAAK,CAACS,cAAAA;AAC5B,SAAA;AAAC,OAAA,CAAA,CAAA;KACD;IACFgB,MAAM,EAAE,gBACNhC,IAAwB,EAAA,KAAA,EAAA;MAAA,IACtBiC,UAAU,SAAVA,UAAU,CAAA;AAAA,MAAA,OAAAhC,cAAA,CAAAA,cAAA,CAAA,EAAA,EAETD,IAAI,CAAA,EAAA,EAAA,EAAA;QACPwB,eAAe,EAAES,UAAU,GAAG3B,YAAY,CAACC,KAAK,CAAC2B,WAAW,GAAGlC,IAAI,CAACK,KAAK;AACzE,QAAA,SAAS,EAAE;AACTmB,UAAAA,eAAe,EAAE,CAACS,UAAU,GACxB3B,YAAY,CAACC,KAAK,CAAC4B,UAAU,GAC7B7B,YAAY,CAACC,KAAK,CAAC2B,WAAAA;AACzB,SAAA;AAAC,OAAA,CAAA,CAAA;AAAA,KAAA;GAEJ,CAAA;EAEDE,YAAY,CACV,UAACC,CAAC,EAAK;AACL;IACA,IAAgCA,KAAAA,GAAAA,CAAC,CAACC,MAAM;AAAhCC,MAAAA,QAAQ,SAARA,QAAQ;AAAEC,MAAAA,SAAS,SAATA,SAAS,CAAA;AAC3B,IAAA,IAAMC,KAAK,GAAGF,QAAQ,KAAK,KAAK,CAAA;AAChC,IAAA,IAAMG,MAAM,GAAGH,QAAQ,KAAK,MAAM,CAAA;AAClC,IAAA,IAAMI,WAAW,GAAGH,SAAS,KAAK,YAAY,CAAA;AAE9C,IAAA,IAAIC,KAAK,IAAIC,MAAM,IAAIC,WAAW,EAAE,OAAA;IACpChD,YAAY,CAAC,KAAK,CAAC,CAAA;IACnBE,aAAa,CAAC,EAAE,CAAC,CAAA;AACnB,GAAC,EACD,CAACN,YAAY,CAAC,CACf,CAAA;EAED,OACEqD,GAAA,CAAA,KAAA,EAAA;IACE,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OACTC,eAAe,CAACD,KAAK,EAAE;AAAE3E,QAAAA,IAAI,EAAJA,IAAI;AAAEQ,QAAAA,MAAM,EAANA,MAAM;AAAEC,QAAAA,YAAY,EAAZA,YAAY;AAAEI,QAAAA,QAAQ,EAARA,QAAQ;AAAEC,QAAAA,QAAQ,EAARA,QAAAA;AAAS,OAAC,CAAC,CAAA;AAAA,KAAA;GAG3EK,EAAAA,QAAQ,IACPuD,GAAA,CAAC,KAAK,EAAA;AAAC,IAAA,OAAO,EAAErE,EAAG;IAAC,iBAAiBA,EAAAA,EAAAA;GAClCC,EAAAA,KAAK,CAET,EACDoE,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,sBAAsB;AAAC,IAAA,aAAA,EAAY,qBAAqB;AAAC,IAAA,GAAG,EAAErD,YAAAA;GAC3E,EAAAqD,GAAA,CAACG,oBAAW,EAAA,QAAA,CAAA,EAAA,EACN3D,IAAI,EAAA;AACR,IAAA,GAAG,EAAEd,YAAAA;AACL;AAAA;AACA,IAAA,iBAAiB,EAAE,IAAK;AACxB,IAAA,UAAU,EAAE;AACV6C,MAAAA,OAAO,EAAE,SAAA,OAAA,GAAA;AAAA,QAAA,OAAMnD,mBAAmB,CAACC,MAAM,EAAEC,IAAI,CAAC,CAAA;AAAA,OAAA;AAChD8D,MAAAA,MAAM,EAAE,SAAA,MAAA,GAAA;AAAA,QAAA,OAAA,SAAA,CAAA,MAAA,CAAgB9D,IAAI,CAAA,CAAA;AAAA,OAAA;KAC5B;AACF,IAAA,UAAU,EAAE;AACV8E,MAAAA,kBAAkB,EAAE,SAAA,kBAAA,GAAA;AAAA,QAAA,OAAM,IAAI,CAAA;AAAA,OAAA;AAC9BC,MAAAA,QAAQ,EAAEC,cAAc;MACxBC,cAAc,EAAE,wBAAC9E,KAAK,EAAA;QAAA,OAAK+E,oBAAoB,mCAAM/E,KAAK,CAAA,EAAA,EAAA,EAAA;AAAEqB,UAAAA,SAAS,EAATA,SAAAA;SAAY,CAAA,CAAA,CAAA;AAAA,OAAA;KACxE;AACF,IAAA,YAAY,EAAE,KAAM;AACpB,IAAA,aAAa,EAAEb,aAAc;IAC7B,UAAU,EAAEa,SAAS,IAAI2D,SAAU;AACnC,IAAA,OAAO,EAAE5E,OAAQ;AACjB,IAAA,WAAW,EAAES,gBAAiB;AAC9B,IAAA,MAAM,EAAEY,MAAO;AACf,IAAA,UAAU,EAAEF,UAAAA;AACZ;AAAA;;AAEE0D,IAAAA,gBAAgB,EAAE,SAAA,gBAAA,GAAA;MAAA,OAAM3D,YAAY,CAAC,IAAI,CAAC,CAAA;AAAA,KAAA;IAC1C4D,WAAW,EAAE,qBAAClB,CAAa,EAAA;MAAA,OAAKA,CAAC,CAACmB,eAAe,EAAE,CAAA;AAAA,KAAA;AACnD1E,IAAAA,gBAAgB,EAAhBA,gBAAgB;AAChBF,IAAAA,cAAc,EAAdA,cAAc;AAEhB;AACA,IAAA,QAAQ,EAAE,SAAA,QAAA,CAACoD,MAAM,EAAEyB,MAAM,EAAK;MAC5B9D,YAAY,CAAC,KAAK,CAAC,CAAA;AACnBR,MAAAA,SAAQ,IAAIA,SAAQ,CAAC6C,MAAM,EAAEyB,MAAM,CAAC,CAAA;KACpC;IACF,aAAa,EAAE,uBAACC,GAAG,EAAA;MAAA,OAAK7D,aAAa,CAAC6D,GAAG,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,CAAA,CAC3C,CACE,CACF,CAAA;AAEV,CAAC,CAAA;AAED,eAAeC,aAAAA,UAAU,CAACvF,MAAM,CAAC;;;;"}
+{"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 }: OptionProps<CustomOption, boolean, GroupBase<CustomOption>>,\n    ) => ({\n      ...base,\n      backgroundColor: isSelected ? formElements.input.borderFocus : base.color,\n      borderRadius: hasInnerSearch ? \"5px\" : \"none\",\n      \"&:hover\": {\n        backgroundColor: !isSelected\n          ? formElements.input.hoverColor\n          : formElements.input.borderFocus,\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","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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"}

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

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.7
+   * @epignosis_llc/gnosis.js v5.1.0
    * Released under the MIT license.
    */
 
@@ -31,7 +31,11 @@ var CustomMenuList = function CustomMenuList(customMenuProps) {
     "aria-labelledby": selectProps["aria-labelledby"]
   };
   return jsx("div", {
-    css: customMenuList
+    css: function css() {
+      return customMenuList({
+        hasInnerSearch: hasInnerSearch
+      });
+    }
   }, hasInnerSearch && jsx("div", {
     css: searchInputContainer,
     onMouseDown: function onMouseDown(e) {

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

@@ -1 +1 @@
-{"version":3,"file":"CustomMenuList.js","sources":["../../../../../../../src/components/FormElements/Select/components/CustomMenuList.tsx"],"sourcesContent":["import React, { FC, MouseEvent as ReactMouseEvent } from \"react\";\nimport { components } from \"react-select\";\nimport Input from \"../../Input/Input\";\nimport { searchInputContainer } from \"../../Input/styles\";\nimport { customMenuList } from \"../styles\";\nimport { CustomMenuListProps, CustomOption } from \"../types\";\n\nconst { MenuList } = components;\n\nconst CustomMenuList: FC<CustomMenuListProps<CustomOption, boolean>> = (customMenuProps) => {\n  const { selectProps, ...props } = customMenuProps;\n  const {\n    onInputChange,\n    innerPlaceholder,\n    hasInnerSearch = false,\n    inputValue,\n    onMenuInputFocus,\n  } = selectProps;\n\n  const ariaAttributes = {\n    \"aria-autocomplete\": \"list\" as const,\n    \"aria-label\": selectProps[\"aria-label\"],\n    \"aria-labelledby\": selectProps[\"aria-labelledby\"],\n  };\n\n  return (\n    <div css={customMenuList}>\n      {hasInnerSearch && (\n        <div css={searchInputContainer} onMouseDown={(e) => e.stopPropagation()}>\n          <Input\n            id=\"react-select-inner-search-input\"\n            placeholder={innerPlaceholder}\n            autoCorrect=\"off\"\n            autoComplete=\"off\"\n            spellCheck=\"false\"\n            type=\"text\"\n            value={inputValue}\n            showVerticalLine={false}\n            isClearable={true}\n            onChange={(e) => {\n              e.stopPropagation();\n              onInputChange(e.target.value, {\n                action: \"input-change\",\n                prevInputValue: inputValue,\n              });\n            }}\n            onMouseDown={(e: ReactMouseEvent<HTMLInputElement>) => {\n              e.stopPropagation();\n              const input = e.target as HTMLInputElement;\n              input.focus();\n            }}\n            onClear={() => {\n              onInputChange(\"\", {\n                action: \"input-change\",\n                prevInputValue: inputValue,\n              });\n            }}\n            onFocus={onMenuInputFocus}\n            {...ariaAttributes}\n          />\n        </div>\n      )}\n\n      <MenuList {...props} selectProps={selectProps} />\n    </div>\n  );\n};\n\nexport default CustomMenuList;\n"],"names":["MenuList","components","CustomMenuList","customMenuProps","selectProps","props","onInputChange","innerPlaceholder","hasInnerSearch","inputValue","onMenuInputFocus","ariaAttributes","___EmotionJSX","customMenuList","searchInputContainer","e","stopPropagation","target","value","action","prevInputValue","input","focus"],"mappings":";;;;;;;;;;;;;;;;;AAOA,IAAQA,QAAQ,GAAKC,UAAU,CAAvBD,QAAQ,CAAA;AAEhB,IAAME,cAA8D,GAAG,SAAjEA,cAA8D,CAAIC,eAAe,EAAK;AAC1F,EAAA,IAAQC,WAAW,GAAeD,eAAe,CAAzCC,WAAW;AAAKC,IAAAA,KAAK,4BAAKF,eAAe,EAAA,SAAA,CAAA,CAAA;AACjD,EAAA,IACEG,aAAa,GAKXF,WAAW,CALbE,aAAa;IACbC,gBAAgB,GAIdH,WAAW,CAJbG,gBAAgB;IAAA,qBAIdH,GAAAA,WAAW,CAHbI,cAAc;AAAdA,IAAAA,cAAc,sCAAG,KAAK,GAAA,qBAAA;IACtBC,UAAU,GAERL,WAAW,CAFbK,UAAU;IACVC,gBAAgB,GACdN,WAAW,CADbM,gBAAgB,CAAA;AAGlB,EAAA,IAAMC,cAAc,GAAG;AACrB,IAAA,mBAAmB,EAAE,MAAe;AACpC,IAAA,YAAY,EAAEP,WAAW,CAAC,YAAY,CAAC;IACvC,iBAAiB,EAAEA,WAAW,CAAC,iBAAiB,CAAA;GACjD,CAAA;EAED,OACEQ,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEC,cAAAA;AAAe,GAAA,EACtBL,cAAc,IACbI,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEE,oBAAqB;IAAC,WAAW,EAAE,qBAACC,CAAC,EAAA;MAAA,OAAKA,CAAC,CAACC,eAAe,EAAE,CAAA;AAAA,KAAA;AAAC,GAAA,EACtEJ,IAAC,KAAK,EAAA,QAAA,CAAA;AACJ,IAAA,EAAE,EAAC,iCAAiC;AACpC,IAAA,WAAW,EAAEL,gBAAiB;AAC9B,IAAA,WAAW,EAAC,KAAK;AACjB,IAAA,YAAY,EAAC,KAAK;AAClB,IAAA,UAAU,EAAC,OAAO;AAClB,IAAA,IAAI,EAAC,MAAM;AACX,IAAA,KAAK,EAAEE,UAAW;AAClB,IAAA,gBAAgB,EAAE,KAAM;AACxB,IAAA,WAAW,EAAE,IAAK;IAClB,QAAQ,EAAE,SAACM,QAAAA,CAAAA,CAAC,EAAK;MACfA,CAAC,CAACC,eAAe,EAAE,CAAA;AACnBV,MAAAA,aAAa,CAACS,CAAC,CAACE,MAAM,CAACC,KAAK,EAAE;AAC5BC,QAAAA,MAAM,EAAE,cAAc;AACtBC,QAAAA,cAAc,EAAEX,UAAAA;AAClB,OAAC,CAAC,CAAA;KACF;IACF,WAAW,EAAE,SAACM,WAAAA,CAAAA,CAAoC,EAAK;MACrDA,CAAC,CAACC,eAAe,EAAE,CAAA;AACnB,MAAA,IAAMK,KAAK,GAAGN,CAAC,CAACE,MAA0B,CAAA;MAC1CI,KAAK,CAACC,KAAK,EAAE,CAAA;KACb;AACF,IAAA,OAAO,EAAE,SAAM,OAAA,GAAA;MACbhB,aAAa,CAAC,EAAE,EAAE;AAChBa,QAAAA,MAAM,EAAE,cAAc;AACtBC,QAAAA,cAAc,EAAEX,UAAAA;AAClB,OAAC,CAAC,CAAA;KACF;AACF,IAAA,OAAO,EAAEC,gBAAAA;AAAiB,GAAA,EACtBC,cAAc,CAClB,CAAA,CAEL,EAEDC,GAAC,CAAA,QAAQ,eAAKP,KAAK,EAAA;AAAE,IAAA,WAAW,EAAED,WAAAA;AAAY,GAAA,CAAA,CAAG,CAC7C,CAAA;AAEV;;;;"}
+{"version":3,"file":"CustomMenuList.js","sources":["../../../../../../../src/components/FormElements/Select/components/CustomMenuList.tsx"],"sourcesContent":["import React, { FC, MouseEvent as ReactMouseEvent } from \"react\";\nimport { components } from \"react-select\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport Input from \"../../Input/Input\";\nimport { searchInputContainer } from \"../../Input/styles\";\nimport { customMenuList } from \"../styles\";\nimport { CustomMenuListProps, CustomOption } from \"../types\";\n\nconst { MenuList } = components;\n\nconst CustomMenuList: FC<CustomMenuListProps<CustomOption, boolean>> = (customMenuProps) => {\n  const { selectProps, ...props } = customMenuProps;\n  const {\n    onInputChange,\n    innerPlaceholder,\n    hasInnerSearch = false,\n    inputValue,\n    onMenuInputFocus,\n  } = selectProps;\n\n  const ariaAttributes = {\n    \"aria-autocomplete\": \"list\" as const,\n    \"aria-label\": selectProps[\"aria-label\"],\n    \"aria-labelledby\": selectProps[\"aria-labelledby\"],\n  };\n\n  return (\n    <div css={(): SerializedStyles => customMenuList({ hasInnerSearch })}>\n      {hasInnerSearch && (\n        <div css={searchInputContainer} onMouseDown={(e) => e.stopPropagation()}>\n          <Input\n            id=\"react-select-inner-search-input\"\n            placeholder={innerPlaceholder}\n            autoCorrect=\"off\"\n            autoComplete=\"off\"\n            spellCheck=\"false\"\n            type=\"text\"\n            value={inputValue}\n            showVerticalLine={false}\n            isClearable={true}\n            onChange={(e) => {\n              e.stopPropagation();\n              onInputChange(e.target.value, {\n                action: \"input-change\",\n                prevInputValue: inputValue,\n              });\n            }}\n            onMouseDown={(e: ReactMouseEvent<HTMLInputElement>) => {\n              e.stopPropagation();\n              const input = e.target as HTMLInputElement;\n              input.focus();\n            }}\n            onClear={() => {\n              onInputChange(\"\", {\n                action: \"input-change\",\n                prevInputValue: inputValue,\n              });\n            }}\n            onFocus={onMenuInputFocus}\n            {...ariaAttributes}\n          />\n        </div>\n      )}\n\n      <MenuList {...props} selectProps={selectProps} />\n    </div>\n  );\n};\n\nexport default CustomMenuList;\n"],"names":["MenuList","components","CustomMenuList","customMenuProps","selectProps","props","onInputChange","innerPlaceholder","hasInnerSearch","inputValue","onMenuInputFocus","ariaAttributes","___EmotionJSX","customMenuList","searchInputContainer","e","stopPropagation","target","value","action","prevInputValue","input","focus"],"mappings":";;;;;;;;;;;;;;;;;AAQA,IAAQA,QAAQ,GAAKC,UAAU,CAAvBD,QAAQ,CAAA;AAEhB,IAAME,cAA8D,GAAG,SAAjEA,cAA8D,CAAIC,eAAe,EAAK;AAC1F,EAAA,IAAQC,WAAW,GAAeD,eAAe,CAAzCC,WAAW;AAAKC,IAAAA,KAAK,4BAAKF,eAAe,EAAA,SAAA,CAAA,CAAA;AACjD,EAAA,IACEG,aAAa,GAKXF,WAAW,CALbE,aAAa;IACbC,gBAAgB,GAIdH,WAAW,CAJbG,gBAAgB;IAAA,qBAIdH,GAAAA,WAAW,CAHbI,cAAc;AAAdA,IAAAA,cAAc,sCAAG,KAAK,GAAA,qBAAA;IACtBC,UAAU,GAERL,WAAW,CAFbK,UAAU;IACVC,gBAAgB,GACdN,WAAW,CADbM,gBAAgB,CAAA;AAGlB,EAAA,IAAMC,cAAc,GAAG;AACrB,IAAA,mBAAmB,EAAE,MAAe;AACpC,IAAA,YAAY,EAAEP,WAAW,CAAC,YAAY,CAAC;IACvC,iBAAiB,EAAEA,WAAW,CAAC,iBAAiB,CAAA;GACjD,CAAA;EAED,OACEQ,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAE,SAAA,GAAA,GAAA;AAAA,MAAA,OAAwBC,cAAc,CAAC;AAAEL,QAAAA,cAAc,EAAdA,cAAAA;AAAe,OAAC,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EAClEA,cAAc,IACbI,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEE,oBAAqB;IAAC,WAAW,EAAE,qBAACC,CAAC,EAAA;MAAA,OAAKA,CAAC,CAACC,eAAe,EAAE,CAAA;AAAA,KAAA;AAAC,GAAA,EACtEJ,IAAC,KAAK,EAAA,QAAA,CAAA;AACJ,IAAA,EAAE,EAAC,iCAAiC;AACpC,IAAA,WAAW,EAAEL,gBAAiB;AAC9B,IAAA,WAAW,EAAC,KAAK;AACjB,IAAA,YAAY,EAAC,KAAK;AAClB,IAAA,UAAU,EAAC,OAAO;AAClB,IAAA,IAAI,EAAC,MAAM;AACX,IAAA,KAAK,EAAEE,UAAW;AAClB,IAAA,gBAAgB,EAAE,KAAM;AACxB,IAAA,WAAW,EAAE,IAAK;IAClB,QAAQ,EAAE,SAACM,QAAAA,CAAAA,CAAC,EAAK;MACfA,CAAC,CAACC,eAAe,EAAE,CAAA;AACnBV,MAAAA,aAAa,CAACS,CAAC,CAACE,MAAM,CAACC,KAAK,EAAE;AAC5BC,QAAAA,MAAM,EAAE,cAAc;AACtBC,QAAAA,cAAc,EAAEX,UAAAA;AAClB,OAAC,CAAC,CAAA;KACF;IACF,WAAW,EAAE,SAACM,WAAAA,CAAAA,CAAoC,EAAK;MACrDA,CAAC,CAACC,eAAe,EAAE,CAAA;AACnB,MAAA,IAAMK,KAAK,GAAGN,CAAC,CAACE,MAA0B,CAAA;MAC1CI,KAAK,CAACC,KAAK,EAAE,CAAA;KACb;AACF,IAAA,OAAO,EAAE,SAAM,OAAA,GAAA;MACbhB,aAAa,CAAC,EAAE,EAAE;AAChBa,QAAAA,MAAM,EAAE,cAAc;AACtBC,QAAAA,cAAc,EAAEX,UAAAA;AAClB,OAAC,CAAC,CAAA;KACF;AACF,IAAA,OAAO,EAAEC,gBAAAA;AAAiB,GAAA,EACtBC,cAAc,CAClB,CAAA,CAEL,EAEDC,GAAC,CAAA,QAAQ,eAAKP,KAAK,EAAA;AAAE,IAAA,WAAW,EAAED,WAAAA;AAAY,GAAA,CAAA,CAAG,CAC7C,CAAA;AAEV;;;;"}

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

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

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

@@ -2,43 +2,34 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.7
+   * @epignosis_llc/gnosis.js v5.1.0
    * Released under the MIT license.
    */
 
 import { css } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 import { inputHeight } from '../styles.js';
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
-var optionPadding = {
-  sm: "0.25rem 0.75rem",
-  md: "0.375rem 0.75rem",
-  lg: "0.5rem 0.75rem"
-};
-var selectContainer = function selectContainer(_ref2, _ref3) {
-  var formElements = _ref2.formElements;
-  var size = _ref3.size,
-    inline = _ref3.inline,
-    isInlineFlex = _ref3.isInlineFlex,
-    minWidth = _ref3.minWidth,
-    maxWidth = _ref3.maxWidth;
+var selectContainer = function selectContainer(_ref, _ref2) {
+  var formElements = _ref.formElements;
+  var size = _ref2.size,
+    inline = _ref2.inline,
+    isInlineFlex = _ref2.isInlineFlex,
+    minWidth = _ref2.minWidth,
+    maxWidth = _ref2.maxWidth,
+    hasInnerSearch = _ref2.hasInnerSearch;
   return (
     /*#__PURE__*/
     /*#__PURE__*/
-    css("display:", isInlineFlex ? "inline-flex" : "flex", ";flex-direction:", inline ? "row" : "column", ";gap:", inline ? "1rem" : "0.5rem", ";align-items:", inline ? "center" : "normal", ";label{margin:0;margin-inline-start:", inline ? "0" : "0.5rem", ";}.select-input-wrapper{min-width:", minWidth, ";max-width:", maxWidth, ";flex-grow:1;background-color:", formElements.input.background, ";border-radius:0.3125rem;.error{border-color:", formElements.errors.errorBorderColor, ";}.control-", size, "{min-height:", inputHeight[size], ";}.option-", size, "{padding:", optionPadding[size], ";cursor:pointer;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF5QjBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IElucHV0U2l6ZSB9IGZyb20gXCIuLi9JbnB1dC9JbnB1dFwiO1xuaW1wb3J0IHsgaW5wdXRIZWlnaHQgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5cbmNvbnN0IG9wdGlvblBhZGRpbmcgPSB7XG4gIHNtOiBcIjAuMjVyZW0gMC43NXJlbVwiLFxuICBtZDogXCIwLjM3NXJlbSAwLjc1cmVtXCIsXG4gIGxnOiBcIjAuNXJlbSAwLjc1cmVtXCIsXG59O1xuXG5leHBvcnQgY29uc3Qgc2VsZWN0Q29udGFpbmVyID0gKFxuICB7IGZvcm1FbGVtZW50cyB9OiBUaGVtZSxcbiAge1xuICAgIHNpemUsXG4gICAgaW5saW5lLFxuICAgIGlzSW5saW5lRmxleCxcbiAgICBtaW5XaWR0aCxcbiAgICBtYXhXaWR0aCxcbiAgfToge1xuICAgIHNpemU6IElucHV0U2l6ZTtcbiAgICBpbmxpbmU6IGJvb2xlYW47XG4gICAgaXNJbmxpbmVGbGV4OiBib29sZWFuO1xuICAgIG1pbldpZHRoOiBzdHJpbmc7XG4gICAgbWF4V2lkdGg6IHN0cmluZztcbiAgfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiAke2lzSW5saW5lRmxleCA/IFwiaW5saW5lLWZsZXhcIiA6IFwiZmxleFwifTtcbiAgZmxleC1kaXJlY3Rpb246ICR7aW5saW5lID8gXCJyb3dcIiA6IFwiY29sdW1uXCJ9O1xuICBnYXA6ICR7aW5saW5lID8gXCIxcmVtXCIgOiBcIjAuNXJlbVwifTtcbiAgYWxpZ24taXRlbXM6ICR7aW5saW5lID8gXCJjZW50ZXJcIiA6IFwibm9ybWFsXCJ9O1xuXG4gIGxhYmVsIHtcbiAgICBtYXJnaW46IDA7XG4gICAgbWFyZ2luLWlubGluZS1zdGFydDogJHtpbmxpbmUgPyBcIjBcIiA6IFwiMC41cmVtXCJ9O1xuICB9XG5cbiAgLnNlbGVjdC1pbnB1dC13cmFwcGVyIHtcbiAgICBtaW4td2lkdGg6ICR7bWluV2lkdGh9O1xuICAgIG1heC13aWR0aDogJHttYXhXaWR0aH07XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmJhY2tncm91bmR9O1xuICAgIGJvcmRlci1yYWRpdXM6IDAuMzEyNXJlbTtcblxuICAgIC5lcnJvciB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmVycm9ycy5lcnJvckJvcmRlckNvbG9yfTtcbiAgICB9XG5cbiAgICAuY29udHJvbC0ke3NpemV9IHtcbiAgICAgIG1pbi1oZWlnaHQ6ICR7aW5wdXRIZWlnaHRbc2l6ZV19O1xuICAgIH1cblxuICAgIC5vcHRpb24tJHtzaXplfSB7XG4gICAgICBwYWRkaW5nOiAke29wdGlvblBhZGRpbmdbc2l6ZV19O1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGN1c3RvbU1lbnVMaXN0ID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nOiAwLjc1cmVtO1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;")
+    css("display:", isInlineFlex ? "inline-flex" : "flex", ";flex-direction:", inline ? "row" : "column", ";gap:", inline ? "1rem" : "0.5rem", ";align-items:", inline ? "center" : "normal", ";label{margin:0;margin-inline-start:", inline ? "0" : "0.5rem", ";}.select-input-wrapper{min-width:", minWidth, ";max-width:", maxWidth, ";flex-grow:1;background-color:", formElements.input.background, ";border-radius:0.3125rem;.error{border-color:", formElements.errors.errorBorderColor, ";}.control-", size, "{min-height:calc(", inputHeight[size], " - 2px);}.option-", size, "{padding:0.3125rem 1rem;cursor:pointer;word-break:break-word;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-inline-end:", hasInnerSearch ? "1rem" : "0", ";padding-inline-end:", hasInnerSearch ? "0" : "1rem", ";width:auto;}}" + (process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFxQjBCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IElucHV0U2l6ZSB9IGZyb20gXCIuLi9JbnB1dC9JbnB1dFwiO1xuaW1wb3J0IHsgaW5wdXRIZWlnaHQgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RDb250YWluZXIgPSAoXG4gIHsgZm9ybUVsZW1lbnRzIH06IFRoZW1lLFxuICB7XG4gICAgc2l6ZSxcbiAgICBpbmxpbmUsXG4gICAgaXNJbmxpbmVGbGV4LFxuICAgIG1pbldpZHRoLFxuICAgIG1heFdpZHRoLFxuICAgIGhhc0lubmVyU2VhcmNoLFxuICB9OiB7XG4gICAgc2l6ZTogSW5wdXRTaXplO1xuICAgIGlubGluZTogYm9vbGVhbjtcbiAgICBpc0lubGluZUZsZXg6IGJvb2xlYW47XG4gICAgbWluV2lkdGg6IHN0cmluZztcbiAgICBtYXhXaWR0aDogc3RyaW5nO1xuICAgIGhhc0lubmVyU2VhcmNoOiBib29sZWFuO1xuICB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6ICR7aXNJbmxpbmVGbGV4ID8gXCJpbmxpbmUtZmxleFwiIDogXCJmbGV4XCJ9O1xuICBmbGV4LWRpcmVjdGlvbjogJHtpbmxpbmUgPyBcInJvd1wiIDogXCJjb2x1bW5cIn07XG4gIGdhcDogJHtpbmxpbmUgPyBcIjFyZW1cIiA6IFwiMC41cmVtXCJ9O1xuICBhbGlnbi1pdGVtczogJHtpbmxpbmUgPyBcImNlbnRlclwiIDogXCJub3JtYWxcIn07XG5cbiAgbGFiZWwge1xuICAgIG1hcmdpbjogMDtcbiAgICBtYXJnaW4taW5saW5lLXN0YXJ0OiAke2lubGluZSA/IFwiMFwiIDogXCIwLjVyZW1cIn07XG4gIH1cblxuICAuc2VsZWN0LWlucHV0LXdyYXBwZXIge1xuICAgIG1pbi13aWR0aDogJHttaW5XaWR0aH07XG4gICAgbWF4LXdpZHRoOiAke21heFdpZHRofTtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gICAgYm9yZGVyLXJhZGl1czogMC4zMTI1cmVtO1xuXG4gICAgLmVycm9yIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtmb3JtRWxlbWVudHMuZXJyb3JzLmVycm9yQm9yZGVyQ29sb3J9O1xuICAgIH1cblxuICAgIC5jb250cm9sLSR7c2l6ZX0ge1xuICAgICAgLyogbWludXMgYm9yZGVyICovXG4gICAgICBtaW4taGVpZ2h0OiBjYWxjKCR7aW5wdXRIZWlnaHRbc2l6ZV19IC0gMnB4KTtcbiAgICB9XG5cbiAgICAub3B0aW9uLSR7c2l6ZX0ge1xuICAgICAgcGFkZGluZzogMC4zMTI1cmVtIDFyZW07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgIG1hcmdpbi1pbmxpbmUtZW5kOiAke2hhc0lubmVyU2VhcmNoID8gXCIxcmVtXCIgOiBcIjBcIn07XG4gICAgICBwYWRkaW5nLWlubGluZS1lbmQ6ICR7aGFzSW5uZXJTZWFyY2ggPyBcIjBcIiA6IFwiMXJlbVwifTtcbiAgICAgIHdpZHRoOiBhdXRvO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGN1c3RvbU1lbnVMaXN0ID0gKHtcbiAgaGFzSW5uZXJTZWFyY2gsXG59OiB7XG4gIGhhc0lubmVyU2VhcmNoOiBib29sZWFuO1xufSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nOiAke2hhc0lubmVyU2VhcmNoID8gXCIwLjc1cmVtXCIgOiBcIjAuNXJlbSAwXCJ9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:selectContainer;")
   );
 };
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "a5i8l2",
-  styles: "padding:0.75rem"
-} : {
-  name: "1eo2e2f-customMenuList",
-  styles: "padding:0.75rem;label:customMenuList;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEwRHlEIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IElucHV0U2l6ZSB9IGZyb20gXCIuLi9JbnB1dC9JbnB1dFwiO1xuaW1wb3J0IHsgaW5wdXRIZWlnaHQgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5cbmNvbnN0IG9wdGlvblBhZGRpbmcgPSB7XG4gIHNtOiBcIjAuMjVyZW0gMC43NXJlbVwiLFxuICBtZDogXCIwLjM3NXJlbSAwLjc1cmVtXCIsXG4gIGxnOiBcIjAuNXJlbSAwLjc1cmVtXCIsXG59O1xuXG5leHBvcnQgY29uc3Qgc2VsZWN0Q29udGFpbmVyID0gKFxuICB7IGZvcm1FbGVtZW50cyB9OiBUaGVtZSxcbiAge1xuICAgIHNpemUsXG4gICAgaW5saW5lLFxuICAgIGlzSW5saW5lRmxleCxcbiAgICBtaW5XaWR0aCxcbiAgICBtYXhXaWR0aCxcbiAgfToge1xuICAgIHNpemU6IElucHV0U2l6ZTtcbiAgICBpbmxpbmU6IGJvb2xlYW47XG4gICAgaXNJbmxpbmVGbGV4OiBib29sZWFuO1xuICAgIG1pbldpZHRoOiBzdHJpbmc7XG4gICAgbWF4V2lkdGg6IHN0cmluZztcbiAgfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBkaXNwbGF5OiAke2lzSW5saW5lRmxleCA/IFwiaW5saW5lLWZsZXhcIiA6IFwiZmxleFwifTtcbiAgZmxleC1kaXJlY3Rpb246ICR7aW5saW5lID8gXCJyb3dcIiA6IFwiY29sdW1uXCJ9O1xuICBnYXA6ICR7aW5saW5lID8gXCIxcmVtXCIgOiBcIjAuNXJlbVwifTtcbiAgYWxpZ24taXRlbXM6ICR7aW5saW5lID8gXCJjZW50ZXJcIiA6IFwibm9ybWFsXCJ9O1xuXG4gIGxhYmVsIHtcbiAgICBtYXJnaW46IDA7XG4gICAgbWFyZ2luLWlubGluZS1zdGFydDogJHtpbmxpbmUgPyBcIjBcIiA6IFwiMC41cmVtXCJ9O1xuICB9XG5cbiAgLnNlbGVjdC1pbnB1dC13cmFwcGVyIHtcbiAgICBtaW4td2lkdGg6ICR7bWluV2lkdGh9O1xuICAgIG1heC13aWR0aDogJHttYXhXaWR0aH07XG4gICAgZmxleC1ncm93OiAxO1xuICAgIGJhY2tncm91bmQtY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmJhY2tncm91bmR9O1xuICAgIGJvcmRlci1yYWRpdXM6IDAuMzEyNXJlbTtcblxuICAgIC5lcnJvciB7XG4gICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmVycm9ycy5lcnJvckJvcmRlckNvbG9yfTtcbiAgICB9XG5cbiAgICAuY29udHJvbC0ke3NpemV9IHtcbiAgICAgIG1pbi1oZWlnaHQ6ICR7aW5wdXRIZWlnaHRbc2l6ZV19O1xuICAgIH1cblxuICAgIC5vcHRpb24tJHtzaXplfSB7XG4gICAgICBwYWRkaW5nOiAke29wdGlvblBhZGRpbmdbc2l6ZV19O1xuICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGN1c3RvbU1lbnVMaXN0ID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nOiAwLjc1cmVtO1xuYDtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-var customMenuList = function customMenuList() {
-  return _ref;
+var customMenuList = function customMenuList(_ref3) {
+  var hasInnerSearch = _ref3.hasInnerSearch;
+  return (
+    /*#__PURE__*/
+    /*#__PURE__*/
+    css("padding:", hasInnerSearch ? "0.75rem" : "0.5rem 0", ";" + (process.env.NODE_ENV === "production" ? "" : ";label:customMenuList;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrRTJCIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgU2VyaWFsaXplZFN0eWxlcywgVGhlbWUgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IElucHV0U2l6ZSB9IGZyb20gXCIuLi9JbnB1dC9JbnB1dFwiO1xuaW1wb3J0IHsgaW5wdXRIZWlnaHQgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5cbmV4cG9ydCBjb25zdCBzZWxlY3RDb250YWluZXIgPSAoXG4gIHsgZm9ybUVsZW1lbnRzIH06IFRoZW1lLFxuICB7XG4gICAgc2l6ZSxcbiAgICBpbmxpbmUsXG4gICAgaXNJbmxpbmVGbGV4LFxuICAgIG1pbldpZHRoLFxuICAgIG1heFdpZHRoLFxuICAgIGhhc0lubmVyU2VhcmNoLFxuICB9OiB7XG4gICAgc2l6ZTogSW5wdXRTaXplO1xuICAgIGlubGluZTogYm9vbGVhbjtcbiAgICBpc0lubGluZUZsZXg6IGJvb2xlYW47XG4gICAgbWluV2lkdGg6IHN0cmluZztcbiAgICBtYXhXaWR0aDogc3RyaW5nO1xuICAgIGhhc0lubmVyU2VhcmNoOiBib29sZWFuO1xuICB9LFxuKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIGRpc3BsYXk6ICR7aXNJbmxpbmVGbGV4ID8gXCJpbmxpbmUtZmxleFwiIDogXCJmbGV4XCJ9O1xuICBmbGV4LWRpcmVjdGlvbjogJHtpbmxpbmUgPyBcInJvd1wiIDogXCJjb2x1bW5cIn07XG4gIGdhcDogJHtpbmxpbmUgPyBcIjFyZW1cIiA6IFwiMC41cmVtXCJ9O1xuICBhbGlnbi1pdGVtczogJHtpbmxpbmUgPyBcImNlbnRlclwiIDogXCJub3JtYWxcIn07XG5cbiAgbGFiZWwge1xuICAgIG1hcmdpbjogMDtcbiAgICBtYXJnaW4taW5saW5lLXN0YXJ0OiAke2lubGluZSA/IFwiMFwiIDogXCIwLjVyZW1cIn07XG4gIH1cblxuICAuc2VsZWN0LWlucHV0LXdyYXBwZXIge1xuICAgIG1pbi13aWR0aDogJHttaW5XaWR0aH07XG4gICAgbWF4LXdpZHRoOiAke21heFdpZHRofTtcbiAgICBmbGV4LWdyb3c6IDE7XG4gICAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gICAgYm9yZGVyLXJhZGl1czogMC4zMTI1cmVtO1xuXG4gICAgLmVycm9yIHtcbiAgICAgIGJvcmRlci1jb2xvcjogJHtmb3JtRWxlbWVudHMuZXJyb3JzLmVycm9yQm9yZGVyQ29sb3J9O1xuICAgIH1cblxuICAgIC5jb250cm9sLSR7c2l6ZX0ge1xuICAgICAgLyogbWludXMgYm9yZGVyICovXG4gICAgICBtaW4taGVpZ2h0OiBjYWxjKCR7aW5wdXRIZWlnaHRbc2l6ZV19IC0gMnB4KTtcbiAgICB9XG5cbiAgICAub3B0aW9uLSR7c2l6ZX0ge1xuICAgICAgcGFkZGluZzogMC4zMTI1cmVtIDFyZW07XG4gICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICB3b3JkLWJyZWFrOiBicmVhay13b3JkO1xuICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcbiAgICAgIHRleHQtb3ZlcmZsb3c6IGVsbGlwc2lzO1xuICAgICAgd2hpdGUtc3BhY2U6IG5vd3JhcDtcbiAgICAgIG1hcmdpbi1pbmxpbmUtZW5kOiAke2hhc0lubmVyU2VhcmNoID8gXCIxcmVtXCIgOiBcIjBcIn07XG4gICAgICBwYWRkaW5nLWlubGluZS1lbmQ6ICR7aGFzSW5uZXJTZWFyY2ggPyBcIjBcIiA6IFwiMXJlbVwifTtcbiAgICAgIHdpZHRoOiBhdXRvO1xuICAgIH1cbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IGN1c3RvbU1lbnVMaXN0ID0gKHtcbiAgaGFzSW5uZXJTZWFyY2gsXG59OiB7XG4gIGhhc0lubmVyU2VhcmNoOiBib29sZWFuO1xufSk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwYWRkaW5nOiAke2hhc0lubmVyU2VhcmNoID8gXCIwLjc1cmVtXCIgOiBcIjAuNXJlbSAwXCJ9O1xuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:customMenuList;")
+  );
 };
 
 export { customMenuList, selectContainer };

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

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Select/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { InputSize } from \"../Input/Input\";\nimport { inputHeight } from \"../styles\";\n\nconst optionPadding = {\n  sm: \"0.25rem 0.75rem\",\n  md: \"0.375rem 0.75rem\",\n  lg: \"0.5rem 0.75rem\",\n};\n\nexport const selectContainer = (\n  { formElements }: Theme,\n  {\n    size,\n    inline,\n    isInlineFlex,\n    minWidth,\n    maxWidth,\n  }: {\n    size: InputSize;\n    inline: boolean;\n    isInlineFlex: boolean;\n    minWidth: string;\n    maxWidth: string;\n  },\n): SerializedStyles => css`\n  display: ${isInlineFlex ? \"inline-flex\" : \"flex\"};\n  flex-direction: ${inline ? \"row\" : \"column\"};\n  gap: ${inline ? \"1rem\" : \"0.5rem\"};\n  align-items: ${inline ? \"center\" : \"normal\"};\n\n  label {\n    margin: 0;\n    margin-inline-start: ${inline ? \"0\" : \"0.5rem\"};\n  }\n\n  .select-input-wrapper {\n    min-width: ${minWidth};\n    max-width: ${maxWidth};\n    flex-grow: 1;\n    background-color: ${formElements.input.background};\n    border-radius: 0.3125rem;\n\n    .error {\n      border-color: ${formElements.errors.errorBorderColor};\n    }\n\n    .control-${size} {\n      min-height: ${inputHeight[size]};\n    }\n\n    .option-${size} {\n      padding: ${optionPadding[size]};\n      cursor: pointer;\n    }\n  }\n`;\n\nexport const customMenuList = (): SerializedStyles => css`\n  padding: 0.75rem;\n`;\n"],"names":["optionPadding","sm","md","lg","selectContainer","formElements","size","inline","isInlineFlex","minWidth","maxWidth","css","input","background","errors","errorBorderColor","inputHeight","customMenuList"],"mappings":";;;;;;;;;;;;AAIA,IAAMA,aAAa,GAAG;AACpBC,EAAAA,EAAE,EAAE,iBAAiB;AACrBC,EAAAA,EAAE,EAAE,kBAAkB;AACtBC,EAAAA,EAAE,EAAE,gBAAA;AACN,CAAC,CAAA;AAEYC,IAAAA,eAAe,GAAG,SAAlBA,eAAe,CAAA,KAAA,EAAA,KAAA,EAAA;EAAA,IACxBC,YAAY,SAAZA,YAAY,CAAA;EAAA,IAEZC,IAAI,SAAJA,IAAI;AACJC,IAAAA,MAAM,SAANA,MAAM;AACNC,IAAAA,YAAY,SAAZA,YAAY;AACZC,IAAAA,QAAQ,SAARA,QAAQ;AACRC,IAAAA,QAAQ,SAARA,QAAQ,CAAA;AAAA,EAAA;AAAA;AAAA;IAQWC,GAAG,CAAA,UAAA,EACbH,YAAY,GAAG,aAAa,GAAG,MAAM,EAAA,kBAAA,EAC9BD,MAAM,GAAG,KAAK,GAAG,QAAQ,EAAA,OAAA,EACpCA,MAAM,GAAG,MAAM,GAAG,QAAQ,EAAA,eAAA,EAClBA,MAAM,GAAG,QAAQ,GAAG,QAAQ,EAAA,sCAAA,EAIlBA,MAAM,GAAG,GAAG,GAAG,QAAQ,EAAA,oCAAA,EAIjCE,QAAQ,EAAA,aAAA,EACRC,QAAQ,EAAA,gCAAA,EAEDL,YAAY,CAACO,KAAK,CAACC,UAAU,EAAA,+CAAA,EAI/BR,YAAY,CAACS,MAAM,CAACC,gBAAgB,EAAA,aAAA,EAG3CT,IAAI,EAAA,cAAA,EACCU,WAAW,CAACV,IAAI,CAAC,EAGvBA,YAAAA,EAAAA,IAAI,EACDN,WAAAA,EAAAA,aAAa,CAACM,IAAI,CAAC,EAAA,oBAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,6jEAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA;AAAA,IAAA;AAAA,EAInC;AAAC,IAAA,IAAA,GAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA;AAAA,EAAA,IAAA,EAAA,QAAA;AAAA,EAAA,MAAA,EAAA,iBAAA;AAAA,CAAA,GAAA;AAAA,EAAA,IAAA,EAAA,wBAAA;AAAA,EAAA,MAAA,EAAA,uCAAA;AAAA,EAAA,GAAA,EAAA,6jEAAA;AAAA,EAAA,QAAA,EAAA,gCAAA;AAAA,CAAA,CAAA;AAEWW,IAAAA,cAAc,GAAG,SAAjBA,cAAc,GAAA;AAAA,EAAA,OAAA,IAAA,CAAA;AAAA;;;;"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Select/styles.ts"],"sourcesContent":["import { css, SerializedStyles, Theme } from \"@emotion/react\";\nimport { InputSize } from \"../Input/Input\";\nimport { inputHeight } from \"../styles\";\n\nexport const selectContainer = (\n  { formElements }: Theme,\n  {\n    size,\n    inline,\n    isInlineFlex,\n    minWidth,\n    maxWidth,\n    hasInnerSearch,\n  }: {\n    size: InputSize;\n    inline: boolean;\n    isInlineFlex: boolean;\n    minWidth: string;\n    maxWidth: string;\n    hasInnerSearch: boolean;\n  },\n): SerializedStyles => css`\n  display: ${isInlineFlex ? \"inline-flex\" : \"flex\"};\n  flex-direction: ${inline ? \"row\" : \"column\"};\n  gap: ${inline ? \"1rem\" : \"0.5rem\"};\n  align-items: ${inline ? \"center\" : \"normal\"};\n\n  label {\n    margin: 0;\n    margin-inline-start: ${inline ? \"0\" : \"0.5rem\"};\n  }\n\n  .select-input-wrapper {\n    min-width: ${minWidth};\n    max-width: ${maxWidth};\n    flex-grow: 1;\n    background-color: ${formElements.input.background};\n    border-radius: 0.3125rem;\n\n    .error {\n      border-color: ${formElements.errors.errorBorderColor};\n    }\n\n    .control-${size} {\n      /* minus border */\n      min-height: calc(${inputHeight[size]} - 2px);\n    }\n\n    .option-${size} {\n      padding: 0.3125rem 1rem;\n      cursor: pointer;\n      word-break: break-word;\n      overflow: hidden;\n      text-overflow: ellipsis;\n      white-space: nowrap;\n      margin-inline-end: ${hasInnerSearch ? \"1rem\" : \"0\"};\n      padding-inline-end: ${hasInnerSearch ? \"0\" : \"1rem\"};\n      width: auto;\n    }\n  }\n`;\n\nexport const customMenuList = ({\n  hasInnerSearch,\n}: {\n  hasInnerSearch: boolean;\n}): SerializedStyles => css`\n  padding: ${hasInnerSearch ? \"0.75rem\" : \"0.5rem 0\"};\n`;\n"],"names":["selectContainer","formElements","size","inline","isInlineFlex","minWidth","maxWidth","hasInnerSearch","css","input","background","errors","errorBorderColor","inputHeight","customMenuList"],"mappings":";;;;;;;;;;;AAIaA,IAAAA,eAAe,GAAG,SAAlBA,eAAe,CAAA,IAAA,EAAA,KAAA,EAAA;EAAA,IACxBC,YAAY,QAAZA,YAAY,CAAA;EAAA,IAEZC,IAAI,SAAJA,IAAI;AACJC,IAAAA,MAAM,SAANA,MAAM;AACNC,IAAAA,YAAY,SAAZA,YAAY;AACZC,IAAAA,QAAQ,SAARA,QAAQ;AACRC,IAAAA,QAAQ,SAARA,QAAQ;AACRC,IAAAA,cAAc,SAAdA,cAAc,CAAA;AAAA,EAAA;AAAA;AAAA;AASKC,IAAAA,GAAG,CACbJ,UAAAA,EAAAA,YAAY,GAAG,aAAa,GAAG,MAAM,EAC9BD,kBAAAA,EAAAA,MAAM,GAAG,KAAK,GAAG,QAAQ,WACpCA,MAAM,GAAG,MAAM,GAAG,QAAQ,EAAA,eAAA,EAClBA,MAAM,GAAG,QAAQ,GAAG,QAAQ,EAIlBA,sCAAAA,EAAAA,MAAM,GAAG,GAAG,GAAG,QAAQ,wCAIjCE,QAAQ,EAAA,aAAA,EACRC,QAAQ,EAAA,gCAAA,EAEDL,YAAY,CAACQ,KAAK,CAACC,UAAU,EAAA,+CAAA,EAI/BT,YAAY,CAACU,MAAM,CAACC,gBAAgB,EAAA,aAAA,EAG3CV,IAAI,EAEMW,mBAAAA,EAAAA,WAAW,CAACX,IAAI,CAAC,EAAA,mBAAA,EAG5BA,IAAI,EAAA,2IAAA,EAOSK,cAAc,GAAG,MAAM,GAAG,GAAG,EAC5BA,sBAAAA,EAAAA,cAAc,GAAG,GAAG,GAAG,MAAM,EAAA,gBAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,i/EAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,yBAAA,CAAA;AAAA,IAAA;AAAA,EAIxD;AAEYO,IAAAA,cAAc,GAAG,SAAjBA,cAAc,CAAA,KAAA,EAAA;EAAA,IACzBP,cAAc,SAAdA,cAAc,CAAA;AAAA,EAAA;AAAA;AAAA;AAGQC,IAAAA,GAAG,CACdD,UAAAA,EAAAA,cAAc,GAAG,SAAS,GAAG,UAAU,EAAA,GAAA,IAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,wBAAA,CAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,i/EAAA,EAAA,OAAA,CAAA,GAAA,CAAA,QAAA,KAAA,YAAA,GAAA,EAAA,GAAA,wBAAA,CAAA;AAAA,IAAA;AAAA;;;;"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/src/components/Loaders/Loader.js

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

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

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

package/dist/esm/src/components/MediaPlayer/AudioPlayer/AudioPlayer.js

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

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

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

package/dist/esm/src/components/MediaPlayer/VideoPlayer/VideoPlayer.js

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

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

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

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

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

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

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

package/dist/esm/src/components/Pagination/hooks.js

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

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

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

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

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