@muraldevkit/ui-toolkit 4.68.0-dev-NFbt.1 → 4.68.0-dev-nPeA.1

package/dist/cjs/components/form/select/MrlMultiCreatableSelect/MrlMultiCreatableSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlMultiCreatableSelect.js","sources":["../../../../../../src/components/form/select/MrlMultiCreatableSelect/MrlMultiCreatableSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport CreatableSelect, { CreatableProps } from 'react-select/creatable';\nimport { GroupBase } from 'react-select';\nimport { getSelectStyles } from '../styles';\nimport {\n\tMrlSelectDropdownIndicator,\n\tMrlSelectOption,\n\tMrlSelectContainer,\n\tMrlSelectValueContainer,\n\tMrlSelectClearIndicator\n} from '../components';\nimport { DefaultOption, SelectKind } from '../types';\nimport { closeMenuOnScroll } from '../utils/closeMenuOnScroll';\n\nexport interface MrlMultiCreatableSelectProps<\n\tOption,\n\tIsMulti extends boolean = true,\n\tGroup extends GroupBase<Option> = GroupBase<Option>\n> extends CreatableProps<Option, IsMulti, Group> {\n\thasError?: boolean;\n\tisReadOnly?: boolean;\n\tkind?: SelectKind;\n\t/**\n\t * The data-qa prefix, it will be used to add data-qa attributes to different sub components of the MrlMultiCreatableSelect component.\n\t *\n\t * Available subcomponents:\n\t * - container, <data-qa-prefix>-container\n\t * - value-container, <data-qa-prefix>-value-container\n\t */\n\t['data-qa']?: string;\n\tshowClearIndicatorIcon?: boolean;\n}\n\nexport const MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX = 'MrlMultiCreatableSelect';\nexport const MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME = `${MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX}__menu-list`;\n\n/**\n * MrlMultiCreatableSelect component that supports creating extra options with user input. Option creating could be async too.\n * @param props - the component props\n * @returns the select component\n */\nexport function MrlMultiCreatableSelect<\n\tT extends DefaultOption,\n\tIsMulti extends boolean = true,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: MrlMultiCreatableSelectProps<T, IsMulti, Group>): JSX.Element {\n\tconst { hasError, isReadOnly, kind = 'default', ...rest } = props;\n\n\tconst defaultStyles = React.useMemo(() => {\n\t\treturn getSelectStyles<T, IsMulti, Group>(kind);\n\t}, [kind]);\n\n\tconst customComponents = React.useMemo(() => {\n\t\tconst defaults = {\n\t\t\tClearIndicator: MrlSelectClearIndicator<T, IsMulti, Group>,\n\t\t\tDropdownIndicator: MrlSelectDropdownIndicator<T, IsMulti, Group>,\n\t\t\tOption: MrlSelectOption<T, IsMulti, Group>,\n\t\t\tSelectContainer: MrlSelectContainer<T, IsMulti, Group>,\n\t\t\tValueContainer: MrlSelectValueContainer<T, IsMulti, Group>\n\t\t};\n\n\t\tif (props.components) {\n\t\t\tObject.assign(defaults, props.components);\n\t\t}\n\n\t\treturn defaults;\n\t}, [props.components]);\n\n\treturn (\n\t\t<CreatableSelect\n\t\t\tclassNamePrefix={MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX}\n\t\t\tcloseMenuOnScroll={closeMenuOnScroll(MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME)}\n\t\t\tformatCreateLabel={() => `Press enter to add new option`}\n\t\t\t{...rest}\n\t\t\t{...props}\n\t\t\tstyles={{\n\t\t\t\t...defaultStyles,\n\t\t\t\t...props.styles\n\t\t\t}}\n\t\t\tcomponents={customComponents}\n\t\t\taria-invalid={hasError}\n\t\t\taria-readonly={isReadOnly}\n\t\t\tmenuIsOpen={isReadOnly ? false : props.menuIsOpen}\n\t\t\tbackspaceRemovesValue={!isReadOnly}\n\t\t\tisMulti={true as IsMulti}\n\t\t/>\n\t);\n}\n"],"names":["MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX","MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME","concat","MrlMultiCreatableSelect","props","hasError","isReadOnly","_props$kind","kind","rest","_objectWithoutProperties","_excluded","defaultStyles","React","useMemo","getSelectStyles","customComponents","defaults","ClearIndicator","MrlSelectClearIndicator","DropdownIndicator","MrlSelectDropdownIndicator","Option","MrlSelectOption","SelectContainer","MrlSelectContainer","ValueContainer","MrlSelectValueContainer","components","Object","assign","createElement","CreatableSelect","_extends","classNamePrefix","closeMenuOnScroll","formatCreateLabel","styles","_objectSpread","menuIsOpen","backspaceRemovesValue","isMulti"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCO,IAAMA,wCAAwC,GAAG;IAC3CC,2CAA2C,GAAA,EAAA,CAAAC,MAAA,CAAMF,wCAAwC,EAAA,aAAA;;AAEtG;AACA;AACA;AACA;AACA;AACO,SAASG,uBAAuBA,CAIrCC,KAAsD,EAAe;AACtE,EAAA,IAAQC,QAAQ,GAA4CD,KAAK,CAAzDC,QAAQ;IAAEC,UAAU,GAAgCF,KAAK,CAA/CE,UAAU;IAAAC,WAAA,GAAgCH,KAAK,CAAnCI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;AAAKE,IAAAA,IAAI,GAAAC,iDAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA;AAEjE,EAAA,IAAMC,aAAa,GAAGC,gBAAK,CAACC,OAAO,CAAC,YAAM;IACzC,OAAOC,qBAAe,CAAoBP,IAAI,CAAC;AAChD,EAAA,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMQ,gBAAgB,GAAGH,gBAAK,CAACC,OAAO,CAAC,YAAM;AAC5C,IAAA,IAAMG,QAAQ,GAAG;AAChBC,MAAAA,cAAc,EAAEC,+CAA0C;AAC1DC,MAAAA,iBAAiB,EAAEC,qDAA6C;AAChEC,MAAAA,MAAM,EAAEC,+BAAkC;AAC1CC,MAAAA,eAAe,EAAEC,qCAAqC;AACtDC,MAAAA,cAAc,EAAEC;KAChB;IAED,IAAIvB,KAAK,CAACwB,UAAU,EAAE;MACrBC,MAAM,CAACC,MAAM,CAACb,QAAQ,EAAEb,KAAK,CAACwB,UAAU,CAAC;AAC1C,IAAA;AAEA,IAAA,OAAOX,QAAQ;AAChB,EAAA,CAAC,EAAE,CAACb,KAAK,CAACwB,UAAU,CAAC,CAAC;AAEtB,EAAA,oBACCf,gBAAA,CAAAkB,aAAA,CAACC,eAAe,EAAAC,iCAAA,CAAA;AACfC,IAAAA,eAAe,EAAElC,wCAAyC;AAC1DmC,IAAAA,iBAAiB,EAAEA,mCAAiB,CAAClC,2CAA2C,CAAE;IAClFmC,iBAAiB,EAAE,SAAnBA,iBAAiBA,GAAA;AAAA,MAAA,OAAA,+BAAA;AAAA,IAAA;GAAwC,EACrD3B,IAAI,EACJL,KAAK,EAAA;IACTiC,MAAM,EAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACF1B,aAAa,CAAA,EACbR,KAAK,CAACiC,MAAM,CACd;AACFT,IAAAA,UAAU,EAAEZ,gBAAiB;AAC7B,IAAA,cAAA,EAAcX,QAAS;AACvB,IAAA,eAAA,EAAeC,UAAW;AAC1BiC,IAAAA,UAAU,EAAEjC,UAAU,GAAG,KAAK,GAAGF,KAAK,CAACmC,UAAW;IAClDC,qBAAqB,EAAE,CAAClC,UAAW;AACnCmC,IAAAA,OAAO,EAAE;AAAgB,GAAA,CACzB,CAAC;AAEJ;;;;;;"}
+{"version":3,"file":"MrlMultiCreatableSelect.js","sources":["../../../../../../src/components/form/select/MrlMultiCreatableSelect/MrlMultiCreatableSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport CreatableSelect, { CreatableProps } from 'react-select/creatable';\nimport { GroupBase } from 'react-select';\nimport { getSelectStyles } from '../styles';\nimport {\n\tMrlSelectDropdownIndicator,\n\tMrlSelectOption,\n\tMrlSelectContainer,\n\tMrlSelectValueContainer,\n\tMrlSelectClearIndicator\n} from '../components';\nimport { DefaultOption, SelectKind } from '../types';\nimport { closeMenuOnScroll } from '../utils/closeMenuOnScroll';\n\nexport interface MrlMultiCreatableSelectProps<\n\tOption,\n\tIsMulti extends boolean = true,\n\tGroup extends GroupBase<Option> = GroupBase<Option>\n> extends CreatableProps<Option, IsMulti, Group> {\n\thasError?: boolean;\n\tisReadOnly?: boolean;\n\tkind?: SelectKind;\n\t/**\n\t * The data-qa prefix, it will be used to add data-qa attributes to different sub components of the MrlMultiCreatableSelect component.\n\t *\n\t * Available subcomponents:\n\t * - container, <data-qa-prefix>-container\n\t * - value-container, <data-qa-prefix>-value-container\n\t */\n\t['data-qa']?: string;\n\tshowClearIndicatorIcon?: boolean;\n}\n\nexport const MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX = 'MrlMultiCreatableSelect';\nexport const MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME = `${MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX}__menu-list`;\n\n/**\n * MrlMultiCreatableSelect component that supports creating extra options with user input. Option creating could be async too.\n * @param props - the component props\n * @returns the select component\n */\nexport function MrlMultiCreatableSelect<\n\tT extends DefaultOption,\n\tIsMulti extends boolean = true,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: MrlMultiCreatableSelectProps<T, IsMulti, Group>): JSX.Element {\n\tconst { hasError, isReadOnly, kind = 'default', ...rest } = props;\n\n\tconst defaultStyles = React.useMemo(() => {\n\t\treturn getSelectStyles<T, IsMulti, Group>(kind);\n\t}, [kind]);\n\n\tconst customComponents = React.useMemo(() => {\n\t\tconst defaults = {\n\t\t\tClearIndicator: MrlSelectClearIndicator<T, IsMulti, Group>,\n\t\t\tDropdownIndicator: MrlSelectDropdownIndicator<T, IsMulti, Group>,\n\t\t\tOption: MrlSelectOption<T, IsMulti, Group>,\n\t\t\tSelectContainer: MrlSelectContainer<T, IsMulti, Group>,\n\t\t\tValueContainer: MrlSelectValueContainer<T, IsMulti, Group>\n\t\t};\n\n\t\tif (props.components) {\n\t\t\tObject.assign(defaults, props.components);\n\t\t}\n\n\t\treturn defaults;\n\t}, [props.components]);\n\n\treturn (\n\t\t<CreatableSelect\n\t\t\tclassNamePrefix={MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX}\n\t\t\tcloseMenuOnScroll={closeMenuOnScroll(MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME)}\n\t\t\tformatCreateLabel={() => `Press enter to add new option`}\n\t\t\t{...rest}\n\t\t\t{...props}\n\t\t\tstyles={{\n\t\t\t\t...defaultStyles,\n\t\t\t\t...props.styles\n\t\t\t}}\n\t\t\tcomponents={customComponents}\n\t\t\taria-invalid={hasError}\n\t\t\taria-readonly={isReadOnly}\n\t\t\tmenuIsOpen={isReadOnly ? false : props.menuIsOpen}\n\t\t\tbackspaceRemovesValue={!isReadOnly}\n\t\t\tisMulti={true as IsMulti}\n\t\t/>\n\t);\n}\n"],"names":["MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX","MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME","concat","MrlMultiCreatableSelect","props","hasError","isReadOnly","_props$kind","kind","rest","_objectWithoutProperties","_excluded","defaultStyles","React","useMemo","getSelectStyles","customComponents","defaults","ClearIndicator","MrlSelectClearIndicator","DropdownIndicator","MrlSelectDropdownIndicator","Option","MrlSelectOption","SelectContainer","MrlSelectContainer","ValueContainer","MrlSelectValueContainer","components","Object","assign","createElement","CreatableSelect","_extends","classNamePrefix","closeMenuOnScroll","formatCreateLabel","styles","_objectSpread","menuIsOpen","backspaceRemovesValue","isMulti"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCO,IAAMA,wCAAwC,GAAG;IAC3CC,2CAA2C,GAAA,EAAA,CAAAC,MAAA,CAAMF,wCAAwC,EAAA,aAAA;;AAEtG;AACA;AACA;AACA;AACA;AACO,SAASG,uBAAuBA,CAIrCC,KAAsD,EAAe;AACtE,EAAA,IAAQC,QAAQ,GAA4CD,KAAK,CAAzDC,QAAQ;IAAEC,UAAU,GAAgCF,KAAK,CAA/CE,UAAU;IAAAC,WAAA,GAAgCH,KAAK,CAAnCI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;AAAKE,IAAAA,IAAI,GAAAC,iDAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA;AAEjE,EAAA,IAAMC,aAAa,GAAGC,gBAAK,CAACC,OAAO,CAAC,MAAM;IACzC,OAAOC,qBAAe,CAAoBP,IAAI,CAAC;AAChD,EAAA,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMQ,gBAAgB,GAAGH,gBAAK,CAACC,OAAO,CAAC,MAAM;AAC5C,IAAA,IAAMG,QAAQ,GAAG;AAChBC,MAAAA,cAAc,EAAEC,+CAA0C;AAC1DC,MAAAA,iBAAiB,EAAEC,qDAA6C;AAChEC,MAAAA,MAAM,EAAEC,+BAAkC;AAC1CC,MAAAA,eAAe,EAAEC,qCAAqC;AACtDC,MAAAA,cAAc,EAAEC;KAChB;IAED,IAAIvB,KAAK,CAACwB,UAAU,EAAE;MACrBC,MAAM,CAACC,MAAM,CAACb,QAAQ,EAAEb,KAAK,CAACwB,UAAU,CAAC;AAC1C,IAAA;AAEA,IAAA,OAAOX,QAAQ;AAChB,EAAA,CAAC,EAAE,CAACb,KAAK,CAACwB,UAAU,CAAC,CAAC;AAEtB,EAAA,oBACCf,gBAAA,CAAAkB,aAAA,CAACC,gCAAe,EAAAC,iCAAA,CAAA;AACfC,IAAAA,eAAe,EAAElC,wCAAyC;AAC1DmC,IAAAA,iBAAiB,EAAEA,mCAAiB,CAAClC,2CAA2C,CAAE;AAClFmC,IAAAA,iBAAiB,EAAEA,MAAA;GAAsC,EACrD3B,IAAI,EACJL,KAAK,EAAA;IACTiC,MAAM,EAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACF1B,aAAa,CAAA,EACbR,KAAK,CAACiC,MAAM,CACd;AACFT,IAAAA,UAAU,EAAEZ,gBAAiB;AAC7B,IAAA,cAAA,EAAcX,QAAS;AACvB,IAAA,eAAA,EAAeC,UAAW;AAC1BiC,IAAAA,UAAU,EAAEjC,UAAU,GAAG,KAAK,GAAGF,KAAK,CAACmC,UAAW;IAClDC,qBAAqB,EAAE,CAAClC,UAAW;AACnCmC,IAAAA,OAAO,EAAE;AAAgB,GAAA,CACzB,CAAC;AAEJ;;;;;;"}

package/dist/cjs/components/form/select/MrlMultiSelect/MrlMultiSelect.js

@@ -12,7 +12,10 @@ var MrlSelectMultiValueRemove = require('../components/MrlSelectMultiValueRemove
 var MrlSelectMultiValue = require('../components/MrlSelectMultiValue.js');
 var MrlSelectDropdownIndicator = require('../components/MrlSelectDropdownIndicator.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -29,7 +32,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var Select__default = /*#__PURE__*/_interopDefault(Select);
 
 var _excluded = ["hasError", "isReadOnly", "isSearchable", "closeMenuOnSelect", "kind"];
 var MULTI_SELECT_CLASS_NAME_PREFIX = 'MrlMultiSelect';
@@ -50,11 +54,11 @@ function MrlMultiSelect(props) {
     _props$kind = props.kind,
     kind = _props$kind === void 0 ? 'default' : _props$kind,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-  var defaultStyles = React__namespace.useMemo(function () {
+  var defaultStyles = React__namespace.useMemo(() => {
     var styles = index.getSelectStyles(kind);
     return styles;
   }, [kind]);
-  var customComponents = React__namespace.useMemo(function () {
+  var customComponents = React__namespace.useMemo(() => {
     var defaults = {
       DropdownIndicator: MrlSelectDropdownIndicator.MrlSelectDropdownIndicator,
       MultiValue: MrlSelectMultiValue.MrlSelectMultiValue,
@@ -68,7 +72,7 @@ function MrlMultiSelect(props) {
     }
     return defaults;
   }, [props.components]);
-  return /*#__PURE__*/React__namespace.createElement(Select, _rollupPluginBabelHelpers.extends({
+  return /*#__PURE__*/React__namespace.createElement(Select__default.default, _rollupPluginBabelHelpers.extends({
     classNamePrefix: MULTI_SELECT_CLASS_NAME_PREFIX,
     closeMenuOnScroll: closeMenuOnScroll.closeMenuOnScroll(MULTI_SELECT_MENU_LIST_CLASS_NAME)
   }, rest, props, {

package/dist/cjs/components/form/select/MrlMultiSelect/MrlMultiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlMultiSelect.js","sources":["../../../../../../src/components/form/select/MrlMultiSelect/MrlMultiSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport Select, { GroupBase, Props } from 'react-select';\nimport { getSelectStyles } from '../styles';\nimport {\n\tMrlSelectDropdownIndicator,\n\tMrlSelectOption,\n\tMrlSelectMultiValueRemove,\n\tMrlSelectMultiValue,\n\tMrlSelectContainer,\n\tMrlSelectValueContainer\n} from '../components';\nimport { DefaultOption, SelectKind } from '../types';\nimport { closeMenuOnScroll } from '../utils/closeMenuOnScroll';\n\nexport interface MrlMultiSelectProps<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n> extends Omit<Props<T, IsMulti, Group>, 'isMulti' | 'hideSelectedOptions'> {\n\thasError?: boolean;\n\tisReadOnly?: boolean;\n\tkind?: SelectKind;\n\t/**\n\t * The data-qa prefix, it will be used to add data-qa attributes to different sub components of the MrlMultiSelect component.\n\t *\n\t * Available subcomponents:\n\t * - container, <data-qa-prefix>-container\n\t * - value-container, <data-qa-prefix>-value-container\n\t */\n\t['data-qa']?: string;\n}\n\nexport const MULTI_SELECT_CLASS_NAME_PREFIX = 'MrlMultiSelect';\nexport const MULTI_SELECT_MENU_LIST_CLASS_NAME = `${MULTI_SELECT_CLASS_NAME_PREFIX}__menu-list`;\n\n/**\n * MrlSelect component\n * @param props - the component props\n * @returns the select component\n */\nexport function MrlMultiSelect<\n\tT extends DefaultOption,\n\tIsMulti extends boolean,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: MrlMultiSelectProps<T, IsMulti, Group>): JSX.Element {\n\tconst {\n\t\thasError,\n\t\tisReadOnly,\n\t\tisSearchable = false,\n\t\tcloseMenuOnSelect = false,\n\t\tkind = 'default',\n\t\t...rest\n\t} = props;\n\n\tconst defaultStyles = React.useMemo(() => {\n\t\tconst styles = getSelectStyles<T, IsMulti, Group>(kind);\n\n\t\treturn styles;\n\t}, [kind]);\n\n\tconst customComponents = React.useMemo(() => {\n\t\tconst defaults = {\n\t\t\tDropdownIndicator: MrlSelectDropdownIndicator<T, IsMulti, Group>,\n\t\t\tMultiValue: MrlSelectMultiValue<T, IsMulti, Group>,\n\t\t\tMultiValueRemove: MrlSelectMultiValueRemove<T, IsMulti, Group>,\n\t\t\tOption: MrlSelectOption<T, IsMulti, Group>,\n\t\t\tSelectContainer: MrlSelectContainer<T, IsMulti, Group>,\n\t\t\tValueContainer: MrlSelectValueContainer<T, IsMulti, Group>\n\t\t};\n\n\t\tif (props.components) {\n\t\t\tObject.assign(defaults, props.components);\n\t\t}\n\n\t\treturn defaults;\n\t}, [props.components]);\n\n\treturn (\n\t\t<Select\n\t\t\tclassNamePrefix={MULTI_SELECT_CLASS_NAME_PREFIX}\n\t\t\tcloseMenuOnScroll={closeMenuOnScroll(MULTI_SELECT_MENU_LIST_CLASS_NAME)}\n\t\t\t{...rest}\n\t\t\t{...props}\n\t\t\tstyles={{\n\t\t\t\t...defaultStyles,\n\t\t\t\t...props.styles\n\t\t\t}}\n\t\t\tcomponents={customComponents}\n\t\t\taria-invalid={hasError}\n\t\t\taria-readonly={isReadOnly}\n\t\t\tmenuIsOpen={isReadOnly ? false : props.menuIsOpen}\n\t\t\tbackspaceRemovesValue={!isReadOnly}\n\t\t\tisSearchable={isSearchable && !isReadOnly}\n\t\t\tisMulti={true as IsMulti}\n\t\t\thideSelectedOptions={true}\n\t\t\tcloseMenuOnSelect={closeMenuOnSelect}\n\t\t/>\n\t);\n}\n"],"names":["MULTI_SELECT_CLASS_NAME_PREFIX","MULTI_SELECT_MENU_LIST_CLASS_NAME","concat","MrlMultiSelect","props","hasError","isReadOnly","_props$isSearchable","isSearchable","_props$closeMenuOnSel","closeMenuOnSelect","_props$kind","kind","rest","_objectWithoutProperties","_excluded","defaultStyles","React","useMemo","styles","getSelectStyles","customComponents","defaults","DropdownIndicator","MrlSelectDropdownIndicator","MultiValue","MrlSelectMultiValue","MultiValueRemove","MrlSelectMultiValueRemove","Option","MrlSelectOption","SelectContainer","MrlSelectContainer","ValueContainer","MrlSelectValueContainer","components","Object","assign","createElement","Select","_extends","classNamePrefix","closeMenuOnScroll","_objectSpread","menuIsOpen","backspaceRemovesValue","isMulti","hideSelectedOptions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO,IAAMA,8BAA8B,GAAG;IACjCC,iCAAiC,GAAA,EAAA,CAAAC,MAAA,CAAMF,8BAA8B,EAAA,aAAA;;AAElF;AACA;AACA;AACA;AACA;AACO,SAASG,cAAcA,CAI5BC,KAA6C,EAAe;AAC7D,EAAA,IACCC,QAAQ,GAMLD,KAAK,CANRC,QAAQ;IACRC,UAAU,GAKPF,KAAK,CALRE,UAAU;IAAAC,mBAAA,GAKPH,KAAK,CAJRI,YAAY;AAAZA,IAAAA,YAAY,GAAAD,mBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,mBAAA;IAAAE,qBAAA,GAIjBL,KAAK,CAHRM,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IAAAE,WAAA,GAGtBP,KAAK,CAFRQ,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;AACbE,IAAAA,IAAI,GAAAC,iDAAA,CACJV,KAAK,EAAAW,SAAA,CAAA;AAET,EAAA,IAAMC,aAAa,GAAGC,gBAAK,CAACC,OAAO,CAAC,YAAM;AACzC,IAAA,IAAMC,MAAM,GAAGC,qBAAe,CAAoBR,IAAI,CAAC;AAEvD,IAAA,OAAOO,MAAM;AACd,EAAA,CAAC,EAAE,CAACP,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMS,gBAAgB,GAAGJ,gBAAK,CAACC,OAAO,CAAC,YAAM;AAC5C,IAAA,IAAMI,QAAQ,GAAG;AAChBC,MAAAA,iBAAiB,EAAEC,qDAA6C;AAChEC,MAAAA,UAAU,EAAEC,uCAAsC;AAClDC,MAAAA,gBAAgB,EAAEC,mDAA4C;AAC9DC,MAAAA,MAAM,EAAEC,+BAAkC;AAC1CC,MAAAA,eAAe,EAAEC,qCAAqC;AACtDC,MAAAA,cAAc,EAAEC;KAChB;IAED,IAAI9B,KAAK,CAAC+B,UAAU,EAAE;MACrBC,MAAM,CAACC,MAAM,CAACf,QAAQ,EAAElB,KAAK,CAAC+B,UAAU,CAAC;AAC1C,IAAA;AAEA,IAAA,OAAOb,QAAQ;AAChB,EAAA,CAAC,EAAE,CAAClB,KAAK,CAAC+B,UAAU,CAAC,CAAC;AAEtB,EAAA,oBACClB,gBAAA,CAAAqB,aAAA,CAACC,MAAM,EAAAC,iCAAA,CAAA;AACNC,IAAAA,eAAe,EAAEzC,8BAA+B;IAChD0C,iBAAiB,EAAEA,mCAAiB,CAACzC,iCAAiC;GAAE,EACpEY,IAAI,EACJT,KAAK,EAAA;IACTe,MAAM,EAAAwB,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACF3B,aAAa,CAAA,EACbZ,KAAK,CAACe,MAAM,CACd;AACFgB,IAAAA,UAAU,EAAEd,gBAAiB;AAC7B,IAAA,cAAA,EAAchB,QAAS;AACvB,IAAA,eAAA,EAAeC,UAAW;AAC1BsC,IAAAA,UAAU,EAAEtC,UAAU,GAAG,KAAK,GAAGF,KAAK,CAACwC,UAAW;IAClDC,qBAAqB,EAAE,CAACvC,UAAW;AACnCE,IAAAA,YAAY,EAAEA,YAAY,IAAI,CAACF,UAAW;AAC1CwC,IAAAA,OAAO,EAAE,IAAgB;AACzBC,IAAAA,mBAAmB,EAAE,IAAK;AAC1BrC,IAAAA,iBAAiB,EAAEA;AAAkB,GAAA,CACrC,CAAC;AAEJ;;;;;;"}
+{"version":3,"file":"MrlMultiSelect.js","sources":["../../../../../../src/components/form/select/MrlMultiSelect/MrlMultiSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport Select, { GroupBase, Props } from 'react-select';\nimport { getSelectStyles } from '../styles';\nimport {\n\tMrlSelectDropdownIndicator,\n\tMrlSelectOption,\n\tMrlSelectMultiValueRemove,\n\tMrlSelectMultiValue,\n\tMrlSelectContainer,\n\tMrlSelectValueContainer\n} from '../components';\nimport { DefaultOption, SelectKind } from '../types';\nimport { closeMenuOnScroll } from '../utils/closeMenuOnScroll';\n\nexport interface MrlMultiSelectProps<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n> extends Omit<Props<T, IsMulti, Group>, 'isMulti' | 'hideSelectedOptions'> {\n\thasError?: boolean;\n\tisReadOnly?: boolean;\n\tkind?: SelectKind;\n\t/**\n\t * The data-qa prefix, it will be used to add data-qa attributes to different sub components of the MrlMultiSelect component.\n\t *\n\t * Available subcomponents:\n\t * - container, <data-qa-prefix>-container\n\t * - value-container, <data-qa-prefix>-value-container\n\t */\n\t['data-qa']?: string;\n}\n\nexport const MULTI_SELECT_CLASS_NAME_PREFIX = 'MrlMultiSelect';\nexport const MULTI_SELECT_MENU_LIST_CLASS_NAME = `${MULTI_SELECT_CLASS_NAME_PREFIX}__menu-list`;\n\n/**\n * MrlSelect component\n * @param props - the component props\n * @returns the select component\n */\nexport function MrlMultiSelect<\n\tT extends DefaultOption,\n\tIsMulti extends boolean,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: MrlMultiSelectProps<T, IsMulti, Group>): JSX.Element {\n\tconst {\n\t\thasError,\n\t\tisReadOnly,\n\t\tisSearchable = false,\n\t\tcloseMenuOnSelect = false,\n\t\tkind = 'default',\n\t\t...rest\n\t} = props;\n\n\tconst defaultStyles = React.useMemo(() => {\n\t\tconst styles = getSelectStyles<T, IsMulti, Group>(kind);\n\n\t\treturn styles;\n\t}, [kind]);\n\n\tconst customComponents = React.useMemo(() => {\n\t\tconst defaults = {\n\t\t\tDropdownIndicator: MrlSelectDropdownIndicator<T, IsMulti, Group>,\n\t\t\tMultiValue: MrlSelectMultiValue<T, IsMulti, Group>,\n\t\t\tMultiValueRemove: MrlSelectMultiValueRemove<T, IsMulti, Group>,\n\t\t\tOption: MrlSelectOption<T, IsMulti, Group>,\n\t\t\tSelectContainer: MrlSelectContainer<T, IsMulti, Group>,\n\t\t\tValueContainer: MrlSelectValueContainer<T, IsMulti, Group>\n\t\t};\n\n\t\tif (props.components) {\n\t\t\tObject.assign(defaults, props.components);\n\t\t}\n\n\t\treturn defaults;\n\t}, [props.components]);\n\n\treturn (\n\t\t<Select\n\t\t\tclassNamePrefix={MULTI_SELECT_CLASS_NAME_PREFIX}\n\t\t\tcloseMenuOnScroll={closeMenuOnScroll(MULTI_SELECT_MENU_LIST_CLASS_NAME)}\n\t\t\t{...rest}\n\t\t\t{...props}\n\t\t\tstyles={{\n\t\t\t\t...defaultStyles,\n\t\t\t\t...props.styles\n\t\t\t}}\n\t\t\tcomponents={customComponents}\n\t\t\taria-invalid={hasError}\n\t\t\taria-readonly={isReadOnly}\n\t\t\tmenuIsOpen={isReadOnly ? false : props.menuIsOpen}\n\t\t\tbackspaceRemovesValue={!isReadOnly}\n\t\t\tisSearchable={isSearchable && !isReadOnly}\n\t\t\tisMulti={true as IsMulti}\n\t\t\thideSelectedOptions={true}\n\t\t\tcloseMenuOnSelect={closeMenuOnSelect}\n\t\t/>\n\t);\n}\n"],"names":["MULTI_SELECT_CLASS_NAME_PREFIX","MULTI_SELECT_MENU_LIST_CLASS_NAME","concat","MrlMultiSelect","props","hasError","isReadOnly","_props$isSearchable","isSearchable","_props$closeMenuOnSel","closeMenuOnSelect","_props$kind","kind","rest","_objectWithoutProperties","_excluded","defaultStyles","React","useMemo","styles","getSelectStyles","customComponents","defaults","DropdownIndicator","MrlSelectDropdownIndicator","MultiValue","MrlSelectMultiValue","MultiValueRemove","MrlSelectMultiValueRemove","Option","MrlSelectOption","SelectContainer","MrlSelectContainer","ValueContainer","MrlSelectValueContainer","components","Object","assign","createElement","Select","_extends","classNamePrefix","closeMenuOnScroll","_objectSpread","menuIsOpen","backspaceRemovesValue","isMulti","hideSelectedOptions"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCO,IAAMA,8BAA8B,GAAG;IACjCC,iCAAiC,GAAA,EAAA,CAAAC,MAAA,CAAMF,8BAA8B,EAAA,aAAA;;AAElF;AACA;AACA;AACA;AACA;AACO,SAASG,cAAcA,CAI5BC,KAA6C,EAAe;AAC7D,EAAA,IACCC,QAAQ,GAMLD,KAAK,CANRC,QAAQ;IACRC,UAAU,GAKPF,KAAK,CALRE,UAAU;IAAAC,mBAAA,GAKPH,KAAK,CAJRI,YAAY;AAAZA,IAAAA,YAAY,GAAAD,mBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,mBAAA;IAAAE,qBAAA,GAIjBL,KAAK,CAHRM,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IAAAE,WAAA,GAGtBP,KAAK,CAFRQ,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;AACbE,IAAAA,IAAI,GAAAC,iDAAA,CACJV,KAAK,EAAAW,SAAA,CAAA;AAET,EAAA,IAAMC,aAAa,GAAGC,gBAAK,CAACC,OAAO,CAAC,MAAM;AACzC,IAAA,IAAMC,MAAM,GAAGC,qBAAe,CAAoBR,IAAI,CAAC;AAEvD,IAAA,OAAOO,MAAM;AACd,EAAA,CAAC,EAAE,CAACP,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMS,gBAAgB,GAAGJ,gBAAK,CAACC,OAAO,CAAC,MAAM;AAC5C,IAAA,IAAMI,QAAQ,GAAG;AAChBC,MAAAA,iBAAiB,EAAEC,qDAA6C;AAChEC,MAAAA,UAAU,EAAEC,uCAAsC;AAClDC,MAAAA,gBAAgB,EAAEC,mDAA4C;AAC9DC,MAAAA,MAAM,EAAEC,+BAAkC;AAC1CC,MAAAA,eAAe,EAAEC,qCAAqC;AACtDC,MAAAA,cAAc,EAAEC;KAChB;IAED,IAAI9B,KAAK,CAAC+B,UAAU,EAAE;MACrBC,MAAM,CAACC,MAAM,CAACf,QAAQ,EAAElB,KAAK,CAAC+B,UAAU,CAAC;AAC1C,IAAA;AAEA,IAAA,OAAOb,QAAQ;AAChB,EAAA,CAAC,EAAE,CAAClB,KAAK,CAAC+B,UAAU,CAAC,CAAC;AAEtB,EAAA,oBACClB,gBAAA,CAAAqB,aAAA,CAACC,uBAAM,EAAAC,iCAAA,CAAA;AACNC,IAAAA,eAAe,EAAEzC,8BAA+B;IAChD0C,iBAAiB,EAAEA,mCAAiB,CAACzC,iCAAiC;GAAE,EACpEY,IAAI,EACJT,KAAK,EAAA;IACTe,MAAM,EAAAwB,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACF3B,aAAa,CAAA,EACbZ,KAAK,CAACe,MAAM,CACd;AACFgB,IAAAA,UAAU,EAAEd,gBAAiB;AAC7B,IAAA,cAAA,EAAchB,QAAS;AACvB,IAAA,eAAA,EAAeC,UAAW;AAC1BsC,IAAAA,UAAU,EAAEtC,UAAU,GAAG,KAAK,GAAGF,KAAK,CAACwC,UAAW;IAClDC,qBAAqB,EAAE,CAACvC,UAAW;AACnCE,IAAAA,YAAY,EAAEA,YAAY,IAAI,CAACF,UAAW;AAC1CwC,IAAAA,OAAO,EAAE,IAAgB;AACzBC,IAAAA,mBAAmB,EAAE,IAAK;AAC1BrC,IAAAA,iBAAiB,EAAEA;AAAkB,GAAA,CACrC,CAAC;AAEJ;;;;;;"}

package/dist/cjs/components/form/select/MrlSelect/MrlSelect.js

@@ -10,7 +10,10 @@ var MrlSelectContainer = require('../components/MrlSelectContainer.js');
 var MrlSelectOption = require('../components/MrlSelectOption.js');
 var MrlSelectDropdownIndicator = require('../components/MrlSelectDropdownIndicator.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -27,7 +30,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var Select__default = /*#__PURE__*/_interopDefault(Select);
 
 var _excluded = ["hasError", "isReadOnly", "kind", "isSearchable"];
 var SELECT_CLASS_NAME_PREFIX = 'MrlSelect';
@@ -46,10 +50,10 @@ function MrlSelect(props) {
     _props$isSearchable = props.isSearchable,
     isSearchable = _props$isSearchable === void 0 ? false : _props$isSearchable,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-  var defaultStyles = React__namespace.useMemo(function () {
+  var defaultStyles = React__namespace.useMemo(() => {
     return index.getSelectStyles(kind);
   }, [kind]);
-  var customComponents = React__namespace.useMemo(function () {
+  var customComponents = React__namespace.useMemo(() => {
     var defaults = {
       DropdownIndicator: MrlSelectDropdownIndicator.MrlSelectDropdownIndicator,
       Option: MrlSelectOption.MrlSelectOption,
@@ -61,7 +65,7 @@ function MrlSelect(props) {
     }
     return defaults;
   }, [props.components]);
-  return /*#__PURE__*/React__namespace.createElement(Select, _rollupPluginBabelHelpers.extends({
+  return /*#__PURE__*/React__namespace.createElement(Select__default.default, _rollupPluginBabelHelpers.extends({
     classNamePrefix: SELECT_CLASS_NAME_PREFIX,
     closeMenuOnScroll: closeMenuOnScroll.closeMenuOnScroll(SELECT_MENU_LIST_CLASS_NAME)
   }, rest, props, {

package/dist/cjs/components/form/select/MrlSelect/MrlSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSelect.js","sources":["../../../../../../src/components/form/select/MrlSelect/MrlSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport Select, { GroupBase, Props } from 'react-select';\nimport { getSelectStyles } from '../styles';\nimport {\n\tMrlSelectDropdownIndicator,\n\tMrlSelectOption,\n\tMrlSelectContainer,\n\tMrlSelectValueContainer\n} from '../components';\nimport { SelectKind } from '../types';\nimport { closeMenuOnScroll } from '../utils/closeMenuOnScroll';\n\nexport interface MrlSelectProps<\n\tOption,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<Option> = GroupBase<Option>\n> extends Props<Option, IsMulti, Group> {\n\thasError?: boolean;\n\tisReadOnly?: boolean;\n\tkind?: SelectKind;\n\t/**\n\t * The data-qa prefix, it will be used to add data-qa attributes to different sub components of the MrlSelect component.\n\t *\n\t * Available subcomponents:\n\t * - container, <data-qa-prefix>-container\n\t * - value-container, <data-qa-prefix>-value-container\n\t */\n\t['data-qa']?: string;\n}\n\nexport const SELECT_CLASS_NAME_PREFIX = 'MrlSelect';\nexport const SELECT_MENU_LIST_CLASS_NAME = `${SELECT_CLASS_NAME_PREFIX}__menu-list`;\n\n/**\n * MrlSelect component\n * @param props - the component props\n * @returns the select component\n */\nexport function MrlSelect<T>(props: MrlSelectProps<T>): JSX.Element {\n\tconst { hasError, isReadOnly, kind = 'default', isSearchable = false, ...rest } = props;\n\n\tconst defaultStyles = React.useMemo(() => {\n\t\treturn getSelectStyles<T>(kind);\n\t}, [kind]);\n\n\tconst customComponents = React.useMemo(() => {\n\t\tconst defaults = {\n\t\t\tDropdownIndicator: MrlSelectDropdownIndicator<T>,\n\t\t\tOption: MrlSelectOption<T>,\n\t\t\tSelectContainer: MrlSelectContainer<T>,\n\t\t\tValueContainer: MrlSelectValueContainer<T>\n\t\t};\n\n\t\tif (props.components) {\n\t\t\tObject.assign(defaults, props.components);\n\t\t}\n\n\t\treturn defaults;\n\t}, [props.components]);\n\n\treturn (\n\t\t<Select\n\t\t\tclassNamePrefix={SELECT_CLASS_NAME_PREFIX}\n\t\t\tcloseMenuOnScroll={closeMenuOnScroll(SELECT_MENU_LIST_CLASS_NAME)}\n\t\t\t{...rest}\n\t\t\t{...props}\n\t\t\tstyles={{\n\t\t\t\t...defaultStyles,\n\t\t\t\t...props.styles\n\t\t\t}}\n\t\t\tcomponents={customComponents}\n\t\t\taria-invalid={hasError}\n\t\t\taria-readonly={isReadOnly}\n\t\t\tmenuIsOpen={isReadOnly ? false : props.menuIsOpen}\n\t\t\tbackspaceRemovesValue={!isReadOnly}\n\t\t\tisSearchable={isSearchable && !isReadOnly}\n\t\t\tisMulti={false}\n\t\t/>\n\t);\n}\n"],"names":["SELECT_CLASS_NAME_PREFIX","SELECT_MENU_LIST_CLASS_NAME","concat","MrlSelect","props","hasError","isReadOnly","_props$kind","kind","_props$isSearchable","isSearchable","rest","_objectWithoutProperties","_excluded","defaultStyles","React","useMemo","getSelectStyles","customComponents","defaults","DropdownIndicator","MrlSelectDropdownIndicator","Option","MrlSelectOption","SelectContainer","MrlSelectContainer","ValueContainer","MrlSelectValueContainer","components","Object","assign","createElement","Select","_extends","classNamePrefix","closeMenuOnScroll","styles","_objectSpread","menuIsOpen","backspaceRemovesValue","isMulti"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BO,IAAMA,wBAAwB,GAAG;IAC3BC,2BAA2B,GAAA,EAAA,CAAAC,MAAA,CAAMF,wBAAwB,EAAA,aAAA;;AAEtE;AACA;AACA;AACA;AACA;AACO,SAASG,SAASA,CAAIC,KAAwB,EAAe;AACnE,EAAA,IAAQC,QAAQ,GAAkED,KAAK,CAA/EC,QAAQ;IAAEC,UAAU,GAAsDF,KAAK,CAArEE,UAAU;IAAAC,WAAA,GAAsDH,KAAK,CAAzDI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;IAAAE,mBAAA,GAAoCL,KAAK,CAAvCM,YAAY;AAAZA,IAAAA,YAAY,GAAAD,mBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,mBAAA;AAAKE,IAAAA,IAAI,GAAAC,iDAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA;AAEvF,EAAA,IAAMC,aAAa,GAAGC,gBAAK,CAACC,OAAO,CAAC,YAAM;IACzC,OAAOC,qBAAe,CAAIT,IAAI,CAAC;AAChC,EAAA,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMU,gBAAgB,GAAGH,gBAAK,CAACC,OAAO,CAAC,YAAM;AAC5C,IAAA,IAAMG,QAAQ,GAAG;AAChBC,MAAAA,iBAAiB,EAAEC,qDAA6B;AAChDC,MAAAA,MAAM,EAAEC,+BAAkB;AAC1BC,MAAAA,eAAe,EAAEC,qCAAqB;AACtCC,MAAAA,cAAc,EAAEC;KAChB;IAED,IAAIvB,KAAK,CAACwB,UAAU,EAAE;MACrBC,MAAM,CAACC,MAAM,CAACX,QAAQ,EAAEf,KAAK,CAACwB,UAAU,CAAC;AAC1C,IAAA;AAEA,IAAA,OAAOT,QAAQ;AAChB,EAAA,CAAC,EAAE,CAACf,KAAK,CAACwB,UAAU,CAAC,CAAC;AAEtB,EAAA,oBACCb,gBAAA,CAAAgB,aAAA,CAACC,MAAM,EAAAC,iCAAA,CAAA;AACNC,IAAAA,eAAe,EAAElC,wBAAyB;IAC1CmC,iBAAiB,EAAEA,mCAAiB,CAAClC,2BAA2B;GAAE,EAC9DU,IAAI,EACJP,KAAK,EAAA;IACTgC,MAAM,EAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACFvB,aAAa,CAAA,EACbV,KAAK,CAACgC,MAAM,CACd;AACFR,IAAAA,UAAU,EAAEV,gBAAiB;AAC7B,IAAA,cAAA,EAAcb,QAAS;AACvB,IAAA,eAAA,EAAeC,UAAW;AAC1BgC,IAAAA,UAAU,EAAEhC,UAAU,GAAG,KAAK,GAAGF,KAAK,CAACkC,UAAW;IAClDC,qBAAqB,EAAE,CAACjC,UAAW;AACnCI,IAAAA,YAAY,EAAEA,YAAY,IAAI,CAACJ,UAAW;AAC1CkC,IAAAA,OAAO,EAAE;AAAM,GAAA,CACf,CAAC;AAEJ;;;;;;"}
+{"version":3,"file":"MrlSelect.js","sources":["../../../../../../src/components/form/select/MrlSelect/MrlSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport Select, { GroupBase, Props } from 'react-select';\nimport { getSelectStyles } from '../styles';\nimport {\n\tMrlSelectDropdownIndicator,\n\tMrlSelectOption,\n\tMrlSelectContainer,\n\tMrlSelectValueContainer\n} from '../components';\nimport { SelectKind } from '../types';\nimport { closeMenuOnScroll } from '../utils/closeMenuOnScroll';\n\nexport interface MrlSelectProps<\n\tOption,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<Option> = GroupBase<Option>\n> extends Props<Option, IsMulti, Group> {\n\thasError?: boolean;\n\tisReadOnly?: boolean;\n\tkind?: SelectKind;\n\t/**\n\t * The data-qa prefix, it will be used to add data-qa attributes to different sub components of the MrlSelect component.\n\t *\n\t * Available subcomponents:\n\t * - container, <data-qa-prefix>-container\n\t * - value-container, <data-qa-prefix>-value-container\n\t */\n\t['data-qa']?: string;\n}\n\nexport const SELECT_CLASS_NAME_PREFIX = 'MrlSelect';\nexport const SELECT_MENU_LIST_CLASS_NAME = `${SELECT_CLASS_NAME_PREFIX}__menu-list`;\n\n/**\n * MrlSelect component\n * @param props - the component props\n * @returns the select component\n */\nexport function MrlSelect<T>(props: MrlSelectProps<T>): JSX.Element {\n\tconst { hasError, isReadOnly, kind = 'default', isSearchable = false, ...rest } = props;\n\n\tconst defaultStyles = React.useMemo(() => {\n\t\treturn getSelectStyles<T>(kind);\n\t}, [kind]);\n\n\tconst customComponents = React.useMemo(() => {\n\t\tconst defaults = {\n\t\t\tDropdownIndicator: MrlSelectDropdownIndicator<T>,\n\t\t\tOption: MrlSelectOption<T>,\n\t\t\tSelectContainer: MrlSelectContainer<T>,\n\t\t\tValueContainer: MrlSelectValueContainer<T>\n\t\t};\n\n\t\tif (props.components) {\n\t\t\tObject.assign(defaults, props.components);\n\t\t}\n\n\t\treturn defaults;\n\t}, [props.components]);\n\n\treturn (\n\t\t<Select\n\t\t\tclassNamePrefix={SELECT_CLASS_NAME_PREFIX}\n\t\t\tcloseMenuOnScroll={closeMenuOnScroll(SELECT_MENU_LIST_CLASS_NAME)}\n\t\t\t{...rest}\n\t\t\t{...props}\n\t\t\tstyles={{\n\t\t\t\t...defaultStyles,\n\t\t\t\t...props.styles\n\t\t\t}}\n\t\t\tcomponents={customComponents}\n\t\t\taria-invalid={hasError}\n\t\t\taria-readonly={isReadOnly}\n\t\t\tmenuIsOpen={isReadOnly ? false : props.menuIsOpen}\n\t\t\tbackspaceRemovesValue={!isReadOnly}\n\t\t\tisSearchable={isSearchable && !isReadOnly}\n\t\t\tisMulti={false}\n\t\t/>\n\t);\n}\n"],"names":["SELECT_CLASS_NAME_PREFIX","SELECT_MENU_LIST_CLASS_NAME","concat","MrlSelect","props","hasError","isReadOnly","_props$kind","kind","_props$isSearchable","isSearchable","rest","_objectWithoutProperties","_excluded","defaultStyles","React","useMemo","getSelectStyles","customComponents","defaults","DropdownIndicator","MrlSelectDropdownIndicator","Option","MrlSelectOption","SelectContainer","MrlSelectContainer","ValueContainer","MrlSelectValueContainer","components","Object","assign","createElement","Select","_extends","classNamePrefix","closeMenuOnScroll","styles","_objectSpread","menuIsOpen","backspaceRemovesValue","isMulti"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA8BO,IAAMA,wBAAwB,GAAG;IAC3BC,2BAA2B,GAAA,EAAA,CAAAC,MAAA,CAAMF,wBAAwB,EAAA,aAAA;;AAEtE;AACA;AACA;AACA;AACA;AACO,SAASG,SAASA,CAAIC,KAAwB,EAAe;AACnE,EAAA,IAAQC,QAAQ,GAAkED,KAAK,CAA/EC,QAAQ;IAAEC,UAAU,GAAsDF,KAAK,CAArEE,UAAU;IAAAC,WAAA,GAAsDH,KAAK,CAAzDI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;IAAAE,mBAAA,GAAoCL,KAAK,CAAvCM,YAAY;AAAZA,IAAAA,YAAY,GAAAD,mBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,mBAAA;AAAKE,IAAAA,IAAI,GAAAC,iDAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA;AAEvF,EAAA,IAAMC,aAAa,GAAGC,gBAAK,CAACC,OAAO,CAAC,MAAM;IACzC,OAAOC,qBAAe,CAAIT,IAAI,CAAC;AAChC,EAAA,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMU,gBAAgB,GAAGH,gBAAK,CAACC,OAAO,CAAC,MAAM;AAC5C,IAAA,IAAMG,QAAQ,GAAG;AAChBC,MAAAA,iBAAiB,EAAEC,qDAA6B;AAChDC,MAAAA,MAAM,EAAEC,+BAAkB;AAC1BC,MAAAA,eAAe,EAAEC,qCAAqB;AACtCC,MAAAA,cAAc,EAAEC;KAChB;IAED,IAAIvB,KAAK,CAACwB,UAAU,EAAE;MACrBC,MAAM,CAACC,MAAM,CAACX,QAAQ,EAAEf,KAAK,CAACwB,UAAU,CAAC;AAC1C,IAAA;AAEA,IAAA,OAAOT,QAAQ;AAChB,EAAA,CAAC,EAAE,CAACf,KAAK,CAACwB,UAAU,CAAC,CAAC;AAEtB,EAAA,oBACCb,gBAAA,CAAAgB,aAAA,CAACC,uBAAM,EAAAC,iCAAA,CAAA;AACNC,IAAAA,eAAe,EAAElC,wBAAyB;IAC1CmC,iBAAiB,EAAEA,mCAAiB,CAAClC,2BAA2B;GAAE,EAC9DU,IAAI,EACJP,KAAK,EAAA;IACTgC,MAAM,EAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACFvB,aAAa,CAAA,EACbV,KAAK,CAACgC,MAAM,CACd;AACFR,IAAAA,UAAU,EAAEV,gBAAiB;AAC7B,IAAA,cAAA,EAAcb,QAAS;AACvB,IAAA,eAAA,EAAeC,UAAW;AAC1BgC,IAAAA,UAAU,EAAEhC,UAAU,GAAG,KAAK,GAAGF,KAAK,CAACkC,UAAW;IAClDC,qBAAqB,EAAE,CAACjC,UAAW;AACnCI,IAAAA,YAAY,EAAEA,YAAY,IAAI,CAACJ,UAAW;AAC1CkC,IAAAA,OAAO,EAAE;AAAM,GAAA,CACf,CAAC;AAEJ;;;;;;"}

package/dist/cjs/components/form/select/components/MrlSelectClearIndicator.js

@@ -5,7 +5,8 @@ var dsIcons = require('@muraldevkit/ds-icons');
 var Select = require('react-select');
 var MrlSvg = require('../../../svg/MrlSvg/MrlSvg.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -22,7 +23,7 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 /**
  * MrlSelectClearIndicator component

package/dist/cjs/components/form/select/components/MrlSelectClearIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSelectClearIndicator.js","sources":["../../../../../../src/components/form/select/components/MrlSelectClearIndicator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlSvg } from '../../../svg/MrlSvg';\nimport { closeAlt } from '@muraldevkit/ds-icons';\nimport { ClearIndicatorProps, GroupBase, components } from 'react-select';\n\n/**\n * MrlSelectClearIndicator component\n * @param props the react-select clear indicator props\n * @returns the select clear indicator\n */\nexport function MrlSelectClearIndicator<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: ClearIndicatorProps<T, IsMulti, Group>): JSX.Element {\n\treturn (\n\t\t<components.ClearIndicator {...props}>\n\t\t\t<MrlSvg svg={closeAlt} size=\"small\" />\n\t\t</components.ClearIndicator>\n\t);\n}\n"],"names":["MrlSelectClearIndicator","props","React","createElement","components","ClearIndicator","MrlSvg","svg","closeAlt","size"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;AACA;AACA;AACA;AACA;AACO,SAASA,uBAAuBA,CAIrCC,KAA6C,EAAe;AAC7D,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAACC,iBAAU,CAACC,cAAc,EAAKJ,KAAK,eACnCC,gBAAA,CAAAC,aAAA,CAACG,aAAM,EAAA;AAACC,IAAAA,GAAG,EAAEC,gBAAS;AAACC,IAAAA,IAAI,EAAC;AAAO,GAAE,CACX,CAAC;AAE9B;;;;"}
+{"version":3,"file":"MrlSelectClearIndicator.js","sources":["../../../../../../src/components/form/select/components/MrlSelectClearIndicator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlSvg } from '../../../svg/MrlSvg';\nimport { closeAlt } from '@muraldevkit/ds-icons';\nimport { ClearIndicatorProps, GroupBase, components } from 'react-select';\n\n/**\n * MrlSelectClearIndicator component\n * @param props the react-select clear indicator props\n * @returns the select clear indicator\n */\nexport function MrlSelectClearIndicator<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: ClearIndicatorProps<T, IsMulti, Group>): JSX.Element {\n\treturn (\n\t\t<components.ClearIndicator {...props}>\n\t\t\t<MrlSvg svg={closeAlt} size=\"small\" />\n\t\t</components.ClearIndicator>\n\t);\n}\n"],"names":["MrlSelectClearIndicator","props","React","createElement","components","ClearIndicator","MrlSvg","svg","closeAlt","size"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;AACA;AACA;AACA;AACA;AACO,SAASA,uBAAuBA,CAIrCC,KAA6C,EAAe;AAC7D,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAACC,iBAAU,CAACC,cAAc,EAAKJ,KAAK,eACnCC,gBAAA,CAAAC,aAAA,CAACG,aAAM,EAAA;AAACC,IAAAA,GAAG,EAAEC,gBAAS;AAACC,IAAAA,IAAI,EAAC;AAAO,GAAE,CACX,CAAC;AAE9B;;;;"}

package/dist/cjs/components/form/select/components/MrlSelectContainer.js

@@ -4,7 +4,8 @@ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabel
 var React = require('react');
 var Select = require('react-select');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -21,7 +22,7 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 /**
  * MrlSelectContainer component

package/dist/cjs/components/form/select/components/MrlSelectContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSelectContainer.js","sources":["../../../../../../src/components/form/select/components/MrlSelectContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { GroupBase, components, ContainerProps } from 'react-select';\n\n/**\n * MrlSelectContainer component\n *\n * @param props - the react-select container props\n * @returns a select container\n */\nexport function MrlSelectContainer<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: ContainerProps<T, IsMulti, Group>): JSX.Element {\n\tconst dataQa = props.selectProps['data-qa'];\n\treturn (\n\t\t<components.SelectContainer\n\t\t\t{...props}\n\t\t\tinnerProps={{\n\t\t\t\t...props.innerProps,\n\t\t\t\t...(dataQa && { 'data-qa': `${dataQa}-container` })\n\t\t\t}}\n\t\t/>\n\t);\n}\n"],"names":["MrlSelectContainer","props","dataQa","selectProps","React","createElement","components","SelectContainer","_extends","innerProps","_objectSpread","concat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,kBAAkBA,CAIhCC,KAAwC,EAAe;AACxD,EAAA,IAAMC,MAAM,GAAGD,KAAK,CAACE,WAAW,CAAC,SAAS,CAAC;EAC3C,oBACCC,gBAAA,CAAAC,aAAA,CAACC,iBAAU,CAACC,eAAe,EAAAC,iCAAA,CAAA,EAAA,EACtBP,KAAK,EAAA;IACTQ,UAAU,EAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACNT,KAAK,CAACQ,UAAU,CAAA,EACfP,MAAM,IAAI;MAAE,SAAS,EAAA,EAAA,CAAAS,MAAA,CAAKT,MAAM,EAAA,YAAA;KAAc;AACjD,GAAA,CACF,CAAC;AAEJ;;;;"}
+{"version":3,"file":"MrlSelectContainer.js","sources":["../../../../../../src/components/form/select/components/MrlSelectContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { GroupBase, components, ContainerProps } from 'react-select';\n\n/**\n * MrlSelectContainer component\n *\n * @param props - the react-select container props\n * @returns a select container\n */\nexport function MrlSelectContainer<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: ContainerProps<T, IsMulti, Group>): JSX.Element {\n\tconst dataQa = props.selectProps['data-qa'];\n\treturn (\n\t\t<components.SelectContainer\n\t\t\t{...props}\n\t\t\tinnerProps={{\n\t\t\t\t...props.innerProps,\n\t\t\t\t...(dataQa && { 'data-qa': `${dataQa}-container` })\n\t\t\t}}\n\t\t/>\n\t);\n}\n"],"names":["MrlSelectContainer","props","dataQa","selectProps","React","createElement","components","SelectContainer","_extends","innerProps","_objectSpread","concat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,kBAAkBA,CAIhCC,KAAwC,EAAe;AACxD,EAAA,IAAMC,MAAM,GAAGD,KAAK,CAACE,WAAW,CAAC,SAAS,CAAC;EAC3C,oBACCC,gBAAA,CAAAC,aAAA,CAACC,iBAAU,CAACC,eAAe,EAAAC,iCAAA,CAAA,EAAA,EACtBP,KAAK,EAAA;IACTQ,UAAU,EAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACNT,KAAK,CAACQ,UAAU,CAAA,EACfP,MAAM,IAAI;MAAE,SAAS,EAAA,EAAA,CAAAS,MAAA,CAAKT,MAAM,EAAA,YAAA;KAAc;AACjD,GAAA,CACF,CAAC;AAEJ;;;;"}

package/dist/cjs/components/form/select/components/MrlSelectDropdownIndicator.js

@@ -4,7 +4,8 @@ var React = require('react');
 var dsIcons = require('@muraldevkit/ds-icons');
 var MrlSvg = require('../../../svg/MrlSvg/MrlSvg.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -21,7 +22,7 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 /**
  * MrlSelectDropdownIndicator component

package/dist/cjs/components/form/select/components/MrlSelectDropdownIndicator.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSelectDropdownIndicator.js","sources":["../../../../../../src/components/form/select/components/MrlSelectDropdownIndicator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DropdownIndicatorProps, GroupBase } from 'react-select';\nimport { MrlSvg } from '../../../svg/MrlSvg';\nimport { chevronDownFilled, chevronUpFilled } from '@muraldevkit/ds-icons';\n\n/**\n * MrlSelectDropdownIndicator component\n *\n * @param props - the react-select dropdown indicator props\n * @returns the select dropdown indicator\n */\nexport function MrlSelectDropdownIndicator<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: DropdownIndicatorProps<T, IsMulti, Group>): JSX.Element {\n\treturn (\n\t\t<MrlSvg\n\t\t\t// eslint-disable-next-line react/prop-types\n\t\t\tsvg={!props.selectProps.menuIsOpen ? chevronDownFilled : chevronUpFilled}\n\t\t\tsize=\"small\"\n\t\t/>\n\t);\n}\n"],"names":["MrlSelectDropdownIndicator","props","React","createElement","MrlSvg","svg","selectProps","menuIsOpen","chevronDownFilled","chevronUpFilled","size"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,0BAA0BA,CAIxCC,KAAgD,EAAe;EAChE,oBACCC,gBAAA,CAAAC,aAAA,CAACC;AACA;AAAA,IAAA;IACAC,GAAG,EAAE,CAACJ,KAAK,CAACK,WAAW,CAACC,UAAU,GAAGC,yBAAiB,GAAGC,uBAAgB;AACzEC,IAAAA,IAAI,EAAC;AAAO,GACZ,CAAC;AAEJ;;;;"}
+{"version":3,"file":"MrlSelectDropdownIndicator.js","sources":["../../../../../../src/components/form/select/components/MrlSelectDropdownIndicator.tsx"],"sourcesContent":["import * as React from 'react';\nimport { DropdownIndicatorProps, GroupBase } from 'react-select';\nimport { MrlSvg } from '../../../svg/MrlSvg';\nimport { chevronDownFilled, chevronUpFilled } from '@muraldevkit/ds-icons';\n\n/**\n * MrlSelectDropdownIndicator component\n *\n * @param props - the react-select dropdown indicator props\n * @returns the select dropdown indicator\n */\nexport function MrlSelectDropdownIndicator<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: DropdownIndicatorProps<T, IsMulti, Group>): JSX.Element {\n\treturn (\n\t\t<MrlSvg\n\t\t\t// eslint-disable-next-line react/prop-types\n\t\t\tsvg={!props.selectProps.menuIsOpen ? chevronDownFilled : chevronUpFilled}\n\t\t\tsize=\"small\"\n\t\t/>\n\t);\n}\n"],"names":["MrlSelectDropdownIndicator","props","React","createElement","MrlSvg","svg","selectProps","menuIsOpen","chevronDownFilled","chevronUpFilled","size"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,0BAA0BA,CAIxCC,KAAgD,EAAe;EAChE,oBACCC,gBAAA,CAAAC,aAAA,CAACC;AACA;AAAA,IAAA;IACAC,GAAG,EAAE,CAACJ,KAAK,CAACK,WAAW,CAACC,UAAU,GAAGC,yBAAiB,GAAGC,uBAAgB;AACzEC,IAAAA,IAAI,EAAC;AAAO,GACZ,CAAC;AAEJ;;;;"}

package/dist/cjs/components/form/select/components/MrlSelectMultiValue.js

@@ -6,7 +6,10 @@ var Select = require('react-select');
 var classnames = require('classnames');
 var MrlSelectMultiValue_module = require('./MrlSelectMultiValue.module.scss.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -23,7 +26,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 /**
  * MrlSelectMultiValue component
@@ -43,7 +47,9 @@ function MrlSelectMultiValue(props) {
       "aria-label": "".concat(data.label)
     }, children, !isLastOption && ', ');
   }
-  var classes = classnames(MrlSelectMultiValue_module.default['MrlSelectMultiValue'], 'MrlSelectMultiValue', _rollupPluginBabelHelpers.defineProperty({}, MrlSelectMultiValue_module.default['MrlSelectMultiValue--is-focused'], props.isFocused));
+  var classes = classnames__default.default(MrlSelectMultiValue_module.default['MrlSelectMultiValue'], 'MrlSelectMultiValue', {
+    [MrlSelectMultiValue_module.default['MrlSelectMultiValue--is-focused']]: props.isFocused
+  });
   return /*#__PURE__*/React__namespace.createElement(Select.components.MultiValue, _rollupPluginBabelHelpers.extends({}, props, {
     className: classes
   }), children);

package/dist/cjs/components/form/select/components/MrlSelectMultiValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSelectMultiValue.js","sources":["../../../../../../src/components/form/select/components/MrlSelectMultiValue.tsx"],"sourcesContent":["import * as React from 'react';\nimport { GroupBase, MultiValueProps, components } from 'react-select';\nimport { DefaultOption } from '../types';\nimport classnames from 'classnames';\nimport styles from './MrlSelectMultiValue.module.scss';\n\n/**\n * MrlSelectMultiValue component\n *\n * @param props - the react-select multi value props\n * @returns a multi value component\n */\nexport function MrlSelectMultiValue<\n\tT extends DefaultOption,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: MultiValueProps<T, IsMulti, Group>): JSX.Element {\n\tconst { children, selectProps, data } = props;\n\tconst isReadOnly = selectProps['aria-readonly'];\n\n\tif (isReadOnly) {\n\t\tconst selectedOptions = props.getValue();\n\t\tconst isLastOption = selectedOptions[selectedOptions.length - 1].value === data.value;\n\t\treturn (\n\t\t\t<div aria-label={`${data.label}`}>\n\t\t\t\t{children}\n\t\t\t\t{!isLastOption && ', '}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst classes = classnames(styles['MrlSelectMultiValue'], 'MrlSelectMultiValue', {\n\t\t[styles['MrlSelectMultiValue--is-focused']]: props.isFocused\n\t});\n\n\treturn (\n\t\t<components.MultiValue {...props} className={classes}>\n\t\t\t{children}\n\t\t</components.MultiValue>\n\t);\n}\n"],"names":["MrlSelectMultiValue","props","children","selectProps","data","isReadOnly","selectedOptions","getValue","isLastOption","length","value","React","createElement","concat","label","classes","classnames","styles","_defineProperty","isFocused","components","MultiValue","_extends","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAIjCC,KAAyC,EAAe;AACzD,EAAA,IAAQC,QAAQ,GAAwBD,KAAK,CAArCC,QAAQ;IAAEC,WAAW,GAAWF,KAAK,CAA3BE,WAAW;IAAEC,IAAI,GAAKH,KAAK,CAAdG,IAAI;AACnC,EAAA,IAAMC,UAAU,GAAGF,WAAW,CAAC,eAAe,CAAC;AAE/C,EAAA,IAAIE,UAAU,EAAE;AACf,IAAA,IAAMC,eAAe,GAAGL,KAAK,CAACM,QAAQ,EAAE;AACxC,IAAA,IAAMC,YAAY,GAAGF,eAAe,CAACA,eAAe,CAACG,MAAM,GAAG,CAAC,CAAC,CAACC,KAAK,KAAKN,IAAI,CAACM,KAAK;IACrF,oBACCC,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,YAAA,EAAA,EAAA,CAAAC,MAAA,CAAeT,IAAI,CAACU,KAAK;AAAG,KAAA,EAC/BZ,QAAQ,EACR,CAACM,YAAY,IAAI,IACd,CAAC;AAER,EAAA;EAEA,IAAMO,OAAO,GAAGC,UAAU,CAACC,kCAAM,CAAC,qBAAqB,CAAC,EAAE,qBAAqB,EAAAC,wCAAA,CAAA,EAAA,EAC7ED,kCAAM,CAAC,iCAAiC,CAAC,EAAGhB,KAAK,CAACkB,SAAS,CAC5D,CAAC;EAEF,oBACCR,gBAAA,CAAAC,aAAA,CAACQ,iBAAU,CAACC,UAAU,EAAAC,iCAAA,CAAA,EAAA,EAAKrB,KAAK,EAAA;AAAEsB,IAAAA,SAAS,EAAER;AAAQ,GAAA,CAAA,EACnDb,QACqB,CAAC;AAE1B;;;;"}
+{"version":3,"file":"MrlSelectMultiValue.js","sources":["../../../../../../src/components/form/select/components/MrlSelectMultiValue.tsx"],"sourcesContent":["import * as React from 'react';\nimport { GroupBase, MultiValueProps, components } from 'react-select';\nimport { DefaultOption } from '../types';\nimport classnames from 'classnames';\nimport styles from './MrlSelectMultiValue.module.scss';\n\n/**\n * MrlSelectMultiValue component\n *\n * @param props - the react-select multi value props\n * @returns a multi value component\n */\nexport function MrlSelectMultiValue<\n\tT extends DefaultOption,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: MultiValueProps<T, IsMulti, Group>): JSX.Element {\n\tconst { children, selectProps, data } = props;\n\tconst isReadOnly = selectProps['aria-readonly'];\n\n\tif (isReadOnly) {\n\t\tconst selectedOptions = props.getValue();\n\t\tconst isLastOption = selectedOptions[selectedOptions.length - 1].value === data.value;\n\t\treturn (\n\t\t\t<div aria-label={`${data.label}`}>\n\t\t\t\t{children}\n\t\t\t\t{!isLastOption && ', '}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst classes = classnames(styles['MrlSelectMultiValue'], 'MrlSelectMultiValue', {\n\t\t[styles['MrlSelectMultiValue--is-focused']]: props.isFocused\n\t});\n\n\treturn (\n\t\t<components.MultiValue {...props} className={classes}>\n\t\t\t{children}\n\t\t</components.MultiValue>\n\t);\n}\n"],"names":["MrlSelectMultiValue","props","children","selectProps","data","isReadOnly","selectedOptions","getValue","isLastOption","length","value","React","createElement","concat","label","classes","classnames","styles","isFocused","components","MultiValue","_extends","className"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAIjCC,KAAyC,EAAe;AACzD,EAAA,IAAQC,QAAQ,GAAwBD,KAAK,CAArCC,QAAQ;IAAEC,WAAW,GAAWF,KAAK,CAA3BE,WAAW;IAAEC,IAAI,GAAKH,KAAK,CAAdG,IAAI;AACnC,EAAA,IAAMC,UAAU,GAAGF,WAAW,CAAC,eAAe,CAAC;AAE/C,EAAA,IAAIE,UAAU,EAAE;AACf,IAAA,IAAMC,eAAe,GAAGL,KAAK,CAACM,QAAQ,EAAE;AACxC,IAAA,IAAMC,YAAY,GAAGF,eAAe,CAACA,eAAe,CAACG,MAAM,GAAG,CAAC,CAAC,CAACC,KAAK,KAAKN,IAAI,CAACM,KAAK;IACrF,oBACCC,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,YAAA,EAAA,EAAA,CAAAC,MAAA,CAAeT,IAAI,CAACU,KAAK;AAAG,KAAA,EAC/BZ,QAAQ,EACR,CAACM,YAAY,IAAI,IACd,CAAC;AAER,EAAA;EAEA,IAAMO,OAAO,GAAGC,2BAAU,CAACC,kCAAM,CAAC,qBAAqB,CAAC,EAAE,qBAAqB,EAAE;AAChF,IAAA,CAACA,kCAAM,CAAC,iCAAiC,CAAC,GAAGhB,KAAK,CAACiB;AACpD,GAAC,CAAC;EAEF,oBACCP,gBAAA,CAAAC,aAAA,CAACO,iBAAU,CAACC,UAAU,EAAAC,iCAAA,CAAA,EAAA,EAAKpB,KAAK,EAAA;AAAEqB,IAAAA,SAAS,EAAEP;AAAQ,GAAA,CAAA,EACnDb,QACqB,CAAC;AAE1B;;;;"}

package/dist/cjs/components/form/select/components/MrlSelectMultiValueRemove.js

@@ -5,7 +5,8 @@ var Select = require('react-select');
 var dsIcons = require('@muraldevkit/ds-icons');
 var MrlSvg = require('../../../svg/MrlSvg/MrlSvg.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -22,7 +23,7 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 /**
  * MrlSelectMultiValueRemove component

package/dist/cjs/components/form/select/components/MrlSelectMultiValueRemove.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSelectMultiValueRemove.js","sources":["../../../../../../src/components/form/select/components/MrlSelectMultiValueRemove.tsx"],"sourcesContent":["import * as React from 'react';\nimport { GroupBase, MultiValueRemoveProps, components } from 'react-select';\nimport { MrlSvg } from '../../../svg/MrlSvg';\nimport { close } from '@muraldevkit/ds-icons';\n\n/**\n * MrlSelectMultiValueRemove component\n *\n * @param props - the react-select multi value remove props\n * @returns a multi value remove component\n */\nexport function MrlSelectMultiValueRemove<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: MultiValueRemoveProps<T, IsMulti, Group>): JSX.Element {\n\treturn (\n\t\t<components.MultiValueRemove {...props}>\n\t\t\t<MrlSvg svg={close} size=\"auto\" />\n\t\t</components.MultiValueRemove>\n\t);\n}\n"],"names":["MrlSelectMultiValueRemove","props","React","createElement","components","MultiValueRemove","MrlSvg","svg","close","size"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,yBAAyBA,CAIvCC,KAA+C,EAAe;AAC/D,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAACC,iBAAU,CAACC,gBAAgB,EAAKJ,KAAK,eACrCC,gBAAA,CAAAC,aAAA,CAACG,aAAM,EAAA;AAACC,IAAAA,GAAG,EAAEC,aAAM;AAACC,IAAAA,IAAI,EAAC;AAAM,GAAE,CACL,CAAC;AAEhC;;;;"}
+{"version":3,"file":"MrlSelectMultiValueRemove.js","sources":["../../../../../../src/components/form/select/components/MrlSelectMultiValueRemove.tsx"],"sourcesContent":["import * as React from 'react';\nimport { GroupBase, MultiValueRemoveProps, components } from 'react-select';\nimport { MrlSvg } from '../../../svg/MrlSvg';\nimport { close } from '@muraldevkit/ds-icons';\n\n/**\n * MrlSelectMultiValueRemove component\n *\n * @param props - the react-select multi value remove props\n * @returns a multi value remove component\n */\nexport function MrlSelectMultiValueRemove<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: MultiValueRemoveProps<T, IsMulti, Group>): JSX.Element {\n\treturn (\n\t\t<components.MultiValueRemove {...props}>\n\t\t\t<MrlSvg svg={close} size=\"auto\" />\n\t\t</components.MultiValueRemove>\n\t);\n}\n"],"names":["MrlSelectMultiValueRemove","props","React","createElement","components","MultiValueRemove","MrlSvg","svg","close","size"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,yBAAyBA,CAIvCC,KAA+C,EAAe;AAC/D,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAACC,iBAAU,CAACC,gBAAgB,EAAKJ,KAAK,eACrCC,gBAAA,CAAAC,aAAA,CAACG,aAAM,EAAA;AAACC,IAAAA,GAAG,EAAEC,aAAM;AAACC,IAAAA,IAAI,EAAC;AAAM,GAAE,CACL,CAAC;AAEhC;;;;"}

package/dist/cjs/components/form/select/components/MrlSelectOption.js

@@ -5,7 +5,8 @@ var Select = require('react-select');
 var dsIcons = require('@muraldevkit/ds-icons');
 var MrlSvg = require('../../../svg/MrlSvg/MrlSvg.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -22,7 +23,7 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 /**
  * MrlSelectOption component

package/dist/cjs/components/form/select/components/MrlSelectOption.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSelectOption.js","sources":["../../../../../../src/components/form/select/components/MrlSelectOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { GroupBase, OptionProps, components } from 'react-select';\nimport { MrlSvg } from '../../../svg/MrlSvg';\nimport { check } from '@muraldevkit/ds-icons';\n\n/**\n * MrlSelectOption component\n *\n * @param props - the react-select option props\n * @returns a select option\n */\nexport function MrlSelectOption<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: OptionProps<T, IsMulti, Group>): JSX.Element {\n\tconst { isSelected, children } = props;\n\n\treturn (\n\t\t<components.Option {...props}>\n\t\t\t{children}\n\t\t\t{isSelected && (\n\t\t\t\t<MrlSvg\n\t\t\t\t\tsvg={check}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: 'var(--mrl-spacing-05)',\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tright: 'var(--mrl-space-inset)',\n\t\t\t\t\t\ttop: 'var(--mrl-space-inset)',\n\t\t\t\t\t\twidth: 'var(--mrl-spacing-05)'\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</components.Option>\n\t);\n}\n"],"names":["MrlSelectOption","props","isSelected","children","React","createElement","components","Option","MrlSvg","svg","check","size","style","height","position","right","top","width"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,eAAeA,CAI7BC,KAAqC,EAAe;AACrD,EAAA,IAAQC,UAAU,GAAeD,KAAK,CAA9BC,UAAU;IAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ;AAE5B,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAACC,iBAAU,CAACC,MAAM,EAAKN,KAAK,EAC1BE,QAAQ,EACRD,UAAU,iBACVE,gBAAA,CAAAC,aAAA,CAACG,aAAM,EAAA;AACNC,IAAAA,GAAG,EAAEC,aAAM;AACXC,IAAAA,IAAI,EAAC,OAAO;AACZC,IAAAA,KAAK,EAAE;AACNC,MAAAA,MAAM,EAAE,uBAAuB;AAC/BC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,KAAK,EAAE,wBAAwB;AAC/BC,MAAAA,GAAG,EAAE,wBAAwB;AAC7BC,MAAAA,KAAK,EAAE;AACR;AAAE,GACF,CAEgB,CAAC;AAEtB;;;;"}
+{"version":3,"file":"MrlSelectOption.js","sources":["../../../../../../src/components/form/select/components/MrlSelectOption.tsx"],"sourcesContent":["import * as React from 'react';\nimport { GroupBase, OptionProps, components } from 'react-select';\nimport { MrlSvg } from '../../../svg/MrlSvg';\nimport { check } from '@muraldevkit/ds-icons';\n\n/**\n * MrlSelectOption component\n *\n * @param props - the react-select option props\n * @returns a select option\n */\nexport function MrlSelectOption<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: OptionProps<T, IsMulti, Group>): JSX.Element {\n\tconst { isSelected, children } = props;\n\n\treturn (\n\t\t<components.Option {...props}>\n\t\t\t{children}\n\t\t\t{isSelected && (\n\t\t\t\t<MrlSvg\n\t\t\t\t\tsvg={check}\n\t\t\t\t\tsize=\"small\"\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\theight: 'var(--mrl-spacing-05)',\n\t\t\t\t\t\tposition: 'absolute',\n\t\t\t\t\t\tright: 'var(--mrl-space-inset)',\n\t\t\t\t\t\ttop: 'var(--mrl-space-inset)',\n\t\t\t\t\t\twidth: 'var(--mrl-spacing-05)'\n\t\t\t\t\t}}\n\t\t\t\t/>\n\t\t\t)}\n\t\t</components.Option>\n\t);\n}\n"],"names":["MrlSelectOption","props","isSelected","children","React","createElement","components","Option","MrlSvg","svg","check","size","style","height","position","right","top","width"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,eAAeA,CAI7BC,KAAqC,EAAe;AACrD,EAAA,IAAQC,UAAU,GAAeD,KAAK,CAA9BC,UAAU;IAAEC,QAAQ,GAAKF,KAAK,CAAlBE,QAAQ;AAE5B,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAACC,iBAAU,CAACC,MAAM,EAAKN,KAAK,EAC1BE,QAAQ,EACRD,UAAU,iBACVE,gBAAA,CAAAC,aAAA,CAACG,aAAM,EAAA;AACNC,IAAAA,GAAG,EAAEC,aAAM;AACXC,IAAAA,IAAI,EAAC,OAAO;AACZC,IAAAA,KAAK,EAAE;AACNC,MAAAA,MAAM,EAAE,uBAAuB;AAC/BC,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,KAAK,EAAE,wBAAwB;AAC/BC,MAAAA,GAAG,EAAE,wBAAwB;AAC7BC,MAAAA,KAAK,EAAE;AACR;AAAE,GACF,CAEgB,CAAC;AAEtB;;;;"}

package/dist/cjs/components/form/select/components/MrlSelectValueContainer.js

@@ -4,7 +4,8 @@ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabel
 var React = require('react');
 var Select = require('react-select');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -21,7 +22,7 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 /**
  * MrlSelectValueContainer component

package/dist/cjs/components/form/select/components/MrlSelectValueContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSelectValueContainer.js","sources":["../../../../../../src/components/form/select/components/MrlSelectValueContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { GroupBase, components, ValueContainerProps } from 'react-select';\n\n/**\n * MrlSelectValueContainer component\n *\n * @param props - the react-select value container props\n * @returns a value container component\n */\nexport function MrlSelectValueContainer<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: ValueContainerProps<T, IsMulti, Group>): JSX.Element {\n\tconst dataQa = props.selectProps['data-qa'];\n\treturn (\n\t\t<components.ValueContainer\n\t\t\t{...props}\n\t\t\tinnerProps={{\n\t\t\t\t...props.innerProps,\n\t\t\t\t...(dataQa && { 'data-qa': `${dataQa}-value-container` })\n\t\t\t}}\n\t\t/>\n\t);\n}\n"],"names":["MrlSelectValueContainer","props","dataQa","selectProps","React","createElement","components","ValueContainer","_extends","innerProps","_objectSpread","concat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,uBAAuBA,CAIrCC,KAA6C,EAAe;AAC7D,EAAA,IAAMC,MAAM,GAAGD,KAAK,CAACE,WAAW,CAAC,SAAS,CAAC;EAC3C,oBACCC,gBAAA,CAAAC,aAAA,CAACC,iBAAU,CAACC,cAAc,EAAAC,iCAAA,CAAA,EAAA,EACrBP,KAAK,EAAA;IACTQ,UAAU,EAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACNT,KAAK,CAACQ,UAAU,CAAA,EACfP,MAAM,IAAI;MAAE,SAAS,EAAA,EAAA,CAAAS,MAAA,CAAKT,MAAM,EAAA,kBAAA;KAAoB;AACvD,GAAA,CACF,CAAC;AAEJ;;;;"}
+{"version":3,"file":"MrlSelectValueContainer.js","sources":["../../../../../../src/components/form/select/components/MrlSelectValueContainer.tsx"],"sourcesContent":["import * as React from 'react';\nimport { GroupBase, components, ValueContainerProps } from 'react-select';\n\n/**\n * MrlSelectValueContainer component\n *\n * @param props - the react-select value container props\n * @returns a value container component\n */\nexport function MrlSelectValueContainer<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: ValueContainerProps<T, IsMulti, Group>): JSX.Element {\n\tconst dataQa = props.selectProps['data-qa'];\n\treturn (\n\t\t<components.ValueContainer\n\t\t\t{...props}\n\t\t\tinnerProps={{\n\t\t\t\t...props.innerProps,\n\t\t\t\t...(dataQa && { 'data-qa': `${dataQa}-value-container` })\n\t\t\t}}\n\t\t/>\n\t);\n}\n"],"names":["MrlSelectValueContainer","props","dataQa","selectProps","React","createElement","components","ValueContainer","_extends","innerProps","_objectSpread","concat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,uBAAuBA,CAIrCC,KAA6C,EAAe;AAC7D,EAAA,IAAMC,MAAM,GAAGD,KAAK,CAACE,WAAW,CAAC,SAAS,CAAC;EAC3C,oBACCC,gBAAA,CAAAC,aAAA,CAACC,iBAAU,CAACC,cAAc,EAAAC,iCAAA,CAAA,EAAA,EACrBP,KAAK,EAAA;IACTQ,UAAU,EAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACNT,KAAK,CAACQ,UAAU,CAAA,EACfP,MAAM,IAAI;MAAE,SAAS,EAAA,EAAA,CAAAS,MAAA,CAAKT,MAAM,EAAA,kBAAA;KAAoB;AACvD,GAAA,CACF,CAAC;AAEJ;;;;"}

package/dist/cjs/components/form/select/styles/default.js

@@ -23,7 +23,7 @@ function defaultStyles() {
     }
   });
   return {
-    control: function control(baseStyles, state) {
+    control: (baseStyles, state) => {
       var hasError = state.selectProps['aria-invalid'];
       var isReadOnly = state.selectProps['aria-readonly'];
       var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
@@ -97,7 +97,7 @@ function defaultStyles() {
       }
       return styles;
     },
-    clearIndicator: function clearIndicator(baseStyles, props) {
+    clearIndicator: (baseStyles, props) => {
       if (props.selectProps.showClearIndicatorIcon) {
         return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
           color: 'var(--mrl-color-text-selected)',
@@ -114,19 +114,19 @@ function defaultStyles() {
         display: 'none'
       });
     },
-    valueContainer: function valueContainer(baseStyles) {
+    valueContainer: baseStyles => {
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
         padding: 0,
         minHeight: 'var(--mrl-spacing-07)',
         gap: 'var(--mrl-spacing-01)'
       });
     },
-    indicatorSeparator: function indicatorSeparator() {
+    indicatorSeparator: () => {
       return {
         display: 'none'
       };
     },
-    indicatorsContainer: function indicatorsContainer(baseStyles, state) {
+    indicatorsContainer: (baseStyles, state) => {
       var isReadOnly = state.selectProps['aria-readonly'];
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), isReadOnly && {
         display: 'none'
@@ -134,19 +134,19 @@ function defaultStyles() {
         height: 'auto'
       });
     },
-    input: function input(baseStyles) {
+    input: baseStyles => {
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
         padding: 0,
         margin: 0
       });
     },
-    menuList: function menuList(baseStyles) {
+    menuList: baseStyles => {
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
         padding: 'var(--mrl-space-inset)',
         margin: 0
       });
     },
-    menu: function menu(baseStyles) {
+    menu: baseStyles => {
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
         marginTop: 'calc(-1 * var(--mrl-spacing-02))',
         marginBottom: 'calc(-1 * var(--mrl-spacing-02))',
@@ -155,7 +155,7 @@ function defaultStyles() {
         boxShadow: 'var(--mrl-shadow-01)'
       });
     },
-    option: function option(baseStyles, state) {
+    option: (baseStyles, state) => {
       var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
         backgroundColor: 'var(--mrl-color-background-input)',
         position: 'relative',
@@ -202,7 +202,7 @@ function defaultStyles() {
       }
       return styles;
     },
-    placeholder: function placeholder(baseStyles, state) {
+    placeholder: (baseStyles, state) => {
       var isMulti = state.isMulti;
       var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
         color: 'inherit',
@@ -215,13 +215,13 @@ function defaultStyles() {
       }
       return styles;
     },
-    singleValue: function singleValue(baseStyles) {
+    singleValue: baseStyles => {
       var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
         color: 'inherit'
       });
       return styles;
     },
-    multiValue: function multiValue(baseStyles) {
+    multiValue: baseStyles => {
       var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
         margin: 0,
         padding: 0,
@@ -237,7 +237,7 @@ function defaultStyles() {
       });
       return styles;
     },
-    multiValueLabel: function multiValueLabel(baseStyles) {
+    multiValueLabel: baseStyles => {
       var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
         padding: 'var(--mrl-spacing-01)',
         paddingLeft: 'calc(var(--mrl-spacing-02) + var(--mrl-spacing-01))',
@@ -248,7 +248,7 @@ function defaultStyles() {
       });
       return styles;
     },
-    multiValueRemove: function multiValueRemove(baseStyles) {
+    multiValueRemove: baseStyles => {
       var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
         padding: 0,
         margin: 0,
@@ -265,7 +265,7 @@ function defaultStyles() {
       });
       return styles;
     },
-    noOptionsMessage: function noOptionsMessage(baseStyles) {
+    noOptionsMessage: baseStyles => {
       var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
         color: 'var(--mrl-color-text-secondary)',
         fontSize: 'var(--mrl-type-size-text-small)',
@@ -273,21 +273,21 @@ function defaultStyles() {
       });
       return styles;
     },
-    loadingMessage: function loadingMessage(baseStyles) {
+    loadingMessage: baseStyles => {
       return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
         color: 'var(--mrl-color-text-secondary)',
         fontSize: 'var(--mrl-type-size-text-small)',
         padding: 0
       });
     },
-    group: function group(baseStyles) {
+    group: baseStyles => {
       var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
         paddingTop: 0,
         paddingBottom: 'var(--mrl-spacing-01)'
       });
       return styles;
     },
-    groupHeading: function groupHeading(baseStyles) {
+    groupHeading: baseStyles => {
       var styles = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
         paddingLeft: 0,
         textTransform: 'capitalize',