@muraldevkit/ui-toolkit 4.67.0 → 4.68.0-dev-5W5E.1

package/dist/esm/components/form/radio/MrlRadioButton/MrlRadioButton.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlRadioButton":"MrlRadioButton--w8iVK"};
+
+export { styles as default };
+//# sourceMappingURL=MrlRadioButton.module.scss.js.map

package/dist/esm/components/form/radio/MrlRadioButton/MrlRadioButton.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlRadioButton.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.js

@@ -0,0 +1,51 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import classnames from 'classnames';
+import styles from './MrlRadioButtonStandalone.module.scss.js';
+import { getUniqueId } from '../../../../utils/setAttributes/setAttributes.js';
+
+var _excluded = ["className", "disabled", "hasError", "id", "name", "ref", "value"];
+/**
+ * Input that allows the user to select one options from a provided radio group.
+ * Note, this component does not provide out of the box accessibility for ensuring
+ * an associated label and must be manually setup during adoption.
+ *
+ * @param {MrlRadioButtonStandaloneProps} props - the component props
+ * @returns an input element with type="radio"
+ */
+function MrlRadioButtonStandalone(_ref) {
+  var className = _ref.className,
+    disabled = _ref.disabled,
+    hasError = _ref.hasError,
+    id = _ref.id,
+    name = _ref.name,
+    ref = _ref.ref,
+    value = _ref.value,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  // Use id if the developer passes in a custom id
+  // but we need to ensure one exists for accessibility
+  var radioIdRef = React.useRef(id || getUniqueId('mrl-radio'));
+  if (!(id || rest['aria-labelledby'])) {
+    console.warn('Warning: MrlRadioButtonStandalone must have either an id or' + ' aria-labelledby attribute for proper accessibility.');
+  }
+  return /*#__PURE__*/React.createElement("span", {
+    className: classnames(styles['MrlRadioButtonStandalone'], 'mrl-u-focus-wrapper')
+  }, /*#__PURE__*/React.createElement("input", _extends({}, rest, {
+    className: classnames('MrlRadioButtonStandalone-input', styles['MrlRadioButtonStandalone-input'], 'MrlRadioButtonStandalone', {
+      [styles.hasError]: hasError
+    }, className),
+    id: radioIdRef.current,
+    ref: ref,
+    name: name,
+    value: value,
+    disabled: disabled,
+    type: "radio"
+  })), /*#__PURE__*/React.createElement("span", {
+    className: "mrl-u-focus-indicator MrlRadioButtonStandalone-focus-indicator"
+  }), /*#__PURE__*/React.createElement("span", {
+    className: classnames(styles['MrlRadioButtonStandalone-faux-input'], 'MrlRadioButtonStandalone-faux-input')
+  }));
+}
+
+export { MrlRadioButtonStandalone };
+//# sourceMappingURL=MrlRadioButtonStandalone.js.map

package/dist/esm/components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlRadioButtonStandalone.js","sources":["../../../../../../src/components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { getUniqueId } from '../../../../utils';\n\nimport styles from './MrlRadioButtonStandalone.module.scss';\nimport './MrlRadioButtonStandalone.global.scss';\n\ninterface MrlRadioButtonStandaloneProps extends React.ComponentPropsWithoutRef<'input'> {\n\t/** The radio button's name that will group it with others in a radio group */\n\tname: string;\n\t/** The radio button's value */\n\tvalue: string;\n\t/** A ref to the input element */\n\tref?: React.Ref<HTMLInputElement>;\n\t/** Indicates if the radio button is disabled */\n\tdisabled?: boolean;\n\t/** Indicates if the radio button has an error */\n\thasError?: boolean;\n\t/** Additional class to add to the label */\n\tclassName?: string;\n}\n\n/**\n * Input that allows the user to select one options from a provided radio group.\n * Note, this component does not provide out of the box accessibility for ensuring\n * an associated label and must be manually setup during adoption.\n *\n * @param {MrlRadioButtonStandaloneProps} props - the component props\n * @returns an input element with type=\"radio\"\n */\nexport function MrlRadioButtonStandalone({\n\tclassName,\n\tdisabled,\n\thasError,\n\tid,\n\tname,\n\tref,\n\tvalue,\n\t...rest\n}: MrlRadioButtonStandaloneProps): JSX.Element {\n\t// Use id if the developer passes in a custom id\n\t// but we need to ensure one exists for accessibility\n\tconst radioIdRef = React.useRef<string>(id || getUniqueId('mrl-radio'));\n\n\tif (!(id || rest['aria-labelledby'])) {\n\t\tconsole.warn(\n\t\t\t'Warning: MrlRadioButtonStandalone must have either an id or' +\n\t\t\t\t' aria-labelledby attribute for proper accessibility.'\n\t\t);\n\t}\n\n\treturn (\n\t\t<span className={classnames(styles['MrlRadioButtonStandalone'], 'mrl-u-focus-wrapper')}>\n\t\t\t<input\n\t\t\t\t{...rest}\n\t\t\t\tclassName={classnames(\n\t\t\t\t\t'MrlRadioButtonStandalone-input',\n\t\t\t\t\tstyles['MrlRadioButtonStandalone-input'],\n\t\t\t\t\t'MrlRadioButtonStandalone',\n\t\t\t\t\t{\n\t\t\t\t\t\t[styles.hasError]: hasError\n\t\t\t\t\t},\n\t\t\t\t\tclassName\n\t\t\t\t)}\n\t\t\t\tid={radioIdRef.current}\n\t\t\t\tref={ref}\n\t\t\t\tname={name}\n\t\t\t\tvalue={value}\n\t\t\t\tdisabled={disabled}\n\t\t\t\ttype=\"radio\"\n\t\t\t/>\n\t\t\t<span className=\"mrl-u-focus-indicator MrlRadioButtonStandalone-focus-indicator\"></span>\n\t\t\t<span\n\t\t\t\tclassName={classnames(\n\t\t\t\t\tstyles['MrlRadioButtonStandalone-faux-input'],\n\t\t\t\t\t'MrlRadioButtonStandalone-faux-input'\n\t\t\t\t)}\n\t\t\t></span>\n\t\t</span>\n\t);\n}\n"],"names":["MrlRadioButtonStandalone","_ref","className","disabled","hasError","id","name","ref","value","rest","_objectWithoutProperties","_excluded","radioIdRef","React","useRef","getUniqueId","console","warn","createElement","classnames","styles","_extends","current","type"],"mappings":";;;;;;;AAsBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,wBAAwBA,CAAAC,IAAA,EASO;AAAA,EAAA,IAR9CC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,EAAE,GAAAJ,IAAA,CAAFI,EAAE;IACFC,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,GAAG,GAAAN,IAAA,CAAHM,GAAG;IACHC,KAAK,GAAAP,IAAA,CAALO,KAAK;AACFC,IAAAA,IAAI,GAAAC,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA;AAEP;AACA;AACA,EAAA,IAAMC,UAAU,GAAGC,KAAK,CAACC,MAAM,CAAST,EAAE,IAAIU,WAAW,CAAC,WAAW,CAAC,CAAC;EAEvE,IAAI,EAAEV,EAAE,IAAII,IAAI,CAAC,iBAAiB,CAAC,CAAC,EAAE;AACrCO,IAAAA,OAAO,CAACC,IAAI,CACX,6DAA6D,GAC5D,sDACF,CAAC;AACF,EAAA;EAEA,oBACCJ,KAAA,CAAAK,aAAA,CAAA,MAAA,EAAA;IAAMhB,SAAS,EAAEiB,UAAU,CAACC,MAAM,CAAC,0BAA0B,CAAC,EAAE,qBAAqB;AAAE,GAAA,eACtFP,KAAA,CAAAK,aAAA,CAAA,OAAA,EAAAG,QAAA,KACKZ,IAAI,EAAA;IACRP,SAAS,EAAEiB,UAAU,CACpB,gCAAgC,EAChCC,MAAM,CAAC,gCAAgC,CAAC,EACxC,0BAA0B,EAC1B;MACC,CAACA,MAAM,CAAChB,QAAQ,GAAGA;KACnB,EACDF,SACD,CAAE;IACFG,EAAE,EAAEO,UAAU,CAACU,OAAQ;AACvBf,IAAAA,GAAG,EAAEA,GAAI;AACTD,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,KAAK,EAAEA,KAAM;AACbL,IAAAA,QAAQ,EAAEA,QAAS;AACnBoB,IAAAA,IAAI,EAAC;AAAO,GAAA,CACZ,CAAC,eACFV,KAAA,CAAAK,aAAA,CAAA,MAAA,EAAA;AAAMhB,IAAAA,SAAS,EAAC;AAAgE,GAAO,CAAC,eACxFW,KAAA,CAAAK,aAAA,CAAA,MAAA,EAAA;IACChB,SAAS,EAAEiB,UAAU,CACpBC,MAAM,CAAC,qCAAqC,CAAC,EAC7C,qCACD;AAAE,GACI,CACF,CAAC;AAET;;;;"}

package/dist/esm/components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlRadioButtonStandalone-input":"MrlRadioButtonStandalone-input--dqdfP","MrlRadioButtonStandalone-faux-input":"MrlRadioButtonStandalone-faux-input--Jb_IU","hasError":"hasError--Ovy6E","MrlRadioButtonStandalone":"MrlRadioButtonStandalone--WN4ja"};
+
+export { styles as default };
+//# sourceMappingURL=MrlRadioButtonStandalone.module.scss.js.map

package/dist/esm/components/form/radio/MrlRadioButtonStandalone/MrlRadioButtonStandalone.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlRadioButtonStandalone.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/esm/components/form/radio/MrlRadioGroup/MrlRadioGroup.js

@@ -0,0 +1,30 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import { MrlFieldset } from '../../fieldset/MrlFieldset/MrlFieldset.js';
+
+var _excluded = ["className", "children", "label", "hasError"];
+/**
+ * Radio button group that allows the user to select one option from a provided list
+ * @param {MrlRadioGroupProps} props - the component props
+ * @returns a radio group
+ */
+function MrlRadioGroup(_ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    label = _ref.label,
+    hasError = _ref.hasError,
+    rest = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(MrlFieldset, _extends({}, rest, {
+    label: label,
+    className: className,
+    attrs: {
+      'aria-describedby': rest['aria-describedby'],
+      'aria-invalid': hasError,
+      'aria-required': hasError,
+      role: 'radiogroup'
+    }
+  }), children);
+}
+
+export { MrlRadioGroup };
+//# sourceMappingURL=MrlRadioGroup.js.map

package/dist/esm/components/form/radio/MrlRadioGroup/MrlRadioGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlRadioGroup.js","sources":["../../../../../../src/components/form/radio/MrlRadioGroup/MrlRadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlFieldset } from '../../../';\n\ninterface MrlRadioGroupProps extends React.ComponentPropsWithoutRef<'fieldset'> {\n\t/** List of radio buttons */\n\tchildren: React.ReactNode;\n\t/** Additional class to add to the fieldset element */\n\tclassName?: string;\n\t/** The radio group label, text for the fieldset's legend  */\n\tlabel: string;\n\t/**\n\t * Adds the \"aria-required\" and \"aria-invalid\" attributes to the fieldset\n\t * element to announce the error state to screen readers\n\t */\n\thasError?: boolean;\n}\n\n/**\n * Radio button group that allows the user to select one option from a provided list\n * @param {MrlRadioGroupProps} props - the component props\n * @returns a radio group\n */\nexport function MrlRadioGroup({\n\tclassName,\n\tchildren,\n\tlabel,\n\thasError,\n\t...rest\n}: MrlRadioGroupProps): JSX.Element {\n\treturn (\n\t\t<MrlFieldset\n\t\t\t{...rest}\n\t\t\tlabel={label}\n\t\t\tclassName={className}\n\t\t\tattrs={{\n\t\t\t\t'aria-describedby': rest['aria-describedby'],\n\t\t\t\t'aria-invalid': hasError,\n\t\t\t\t'aria-required': hasError,\n\t\t\t\trole: 'radiogroup'\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</MrlFieldset>\n\t);\n}\n"],"names":["MrlRadioGroup","_ref","className","children","label","hasError","rest","_objectWithoutProperties","_excluded","React","createElement","MrlFieldset","_extends","attrs","role"],"mappings":";;;;;AAiBA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAAAC,IAAA,EAMO;AAAA,EAAA,IALnCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;AACLC,IAAAA,IAAI,GAAAC,wBAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;EAEP,oBACCC,KAAA,CAAAC,aAAA,CAACC,WAAW,EAAAC,QAAA,KACPN,IAAI,EAAA;AACRF,IAAAA,KAAK,EAAEA,KAAM;AACbF,IAAAA,SAAS,EAAEA,SAAU;AACrBW,IAAAA,KAAK,EAAE;AACN,MAAA,kBAAkB,EAAEP,IAAI,CAAC,kBAAkB,CAAC;AAC5C,MAAA,cAAc,EAAED,QAAQ;AACxB,MAAA,eAAe,EAAEA,QAAQ;AACzBS,MAAAA,IAAI,EAAE;AACP;AAAE,GAAA,CAAA,EAEDX,QACW,CAAC;AAEhB;;;;"}

package/dist/esm/components/form/select/MrlCreatableSelect/MrlCreatableSelect.js

@@ -0,0 +1,59 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import CreatableSelect from 'react-select/creatable';
+import { getSelectStyles } from '../styles/index.js';
+import { closeMenuOnScroll } from '../utils/closeMenuOnScroll.js';
+import { MrlSelectValueContainer } from '../components/MrlSelectValueContainer.js';
+import { MrlSelectContainer } from '../components/MrlSelectContainer.js';
+import { MrlSelectOption } from '../components/MrlSelectOption.js';
+import { MrlSelectDropdownIndicator } from '../components/MrlSelectDropdownIndicator.js';
+import { MrlSelectClearIndicator } from '../components/MrlSelectClearIndicator.js';
+
+var _excluded = ["hasError", "isReadOnly", "kind"];
+var CREATABLE_SELECT_CLASS_NAME_PREFIX = 'MrlCreatableSelect';
+var CREATABLE_SELECT_MENU_LIST_CLASS_NAME = "".concat(CREATABLE_SELECT_CLASS_NAME_PREFIX, "__menu-list");
+
+/**
+ * MrlCreatableSelect component that supports creating extra options with user input. Option creating could be async too.
+ * @param props - the component props
+ * @returns the select component
+ */
+function MrlCreatableSelect(props) {
+  var hasError = props.hasError,
+    isReadOnly = props.isReadOnly,
+    _props$kind = props.kind,
+    kind = _props$kind === void 0 ? 'default' : _props$kind,
+    rest = _objectWithoutProperties(props, _excluded);
+  var defaultStyles = React.useMemo(() => {
+    return getSelectStyles(kind);
+  }, [kind]);
+  var customComponents = React.useMemo(() => {
+    var defaults = {
+      ClearIndicator: MrlSelectClearIndicator,
+      DropdownIndicator: MrlSelectDropdownIndicator,
+      Option: MrlSelectOption,
+      SelectContainer: MrlSelectContainer,
+      ValueContainer: MrlSelectValueContainer
+    };
+    if (props.components) {
+      Object.assign(defaults, props.components);
+    }
+    return defaults;
+  }, [props.components]);
+  return /*#__PURE__*/React.createElement(CreatableSelect, _extends({
+    classNamePrefix: CREATABLE_SELECT_CLASS_NAME_PREFIX,
+    closeMenuOnScroll: closeMenuOnScroll(CREATABLE_SELECT_MENU_LIST_CLASS_NAME),
+    formatCreateLabel: () => "Press enter to add new option"
+  }, rest, props, {
+    styles: _objectSpread2(_objectSpread2({}, defaultStyles), props.styles),
+    components: customComponents,
+    "aria-invalid": hasError,
+    "aria-readonly": isReadOnly,
+    menuIsOpen: isReadOnly ? false : props.menuIsOpen,
+    backspaceRemovesValue: !isReadOnly,
+    isMulti: false
+  }));
+}
+
+export { CREATABLE_SELECT_CLASS_NAME_PREFIX, CREATABLE_SELECT_MENU_LIST_CLASS_NAME, MrlCreatableSelect };
+//# sourceMappingURL=MrlCreatableSelect.js.map

package/dist/esm/components/form/select/MrlCreatableSelect/MrlCreatableSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlCreatableSelect.js","sources":["../../../../../../src/components/form/select/MrlCreatableSelect/MrlCreatableSelect.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 { SelectKind } from '../types';\nimport { closeMenuOnScroll } from '../utils/closeMenuOnScroll';\n\nexport interface MrlCreatableSelectProps<\n\tOption,\n\tIsMulti extends boolean = false,\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 MrlCreatableSelect 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 CREATABLE_SELECT_CLASS_NAME_PREFIX = 'MrlCreatableSelect';\nexport const CREATABLE_SELECT_MENU_LIST_CLASS_NAME = `${CREATABLE_SELECT_CLASS_NAME_PREFIX}__menu-list`;\n\n/**\n * MrlCreatableSelect 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 MrlCreatableSelect<T>(props: MrlCreatableSelectProps<T>): JSX.Element {\n\tconst { hasError, isReadOnly, kind = 'default', ...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\tClearIndicator: MrlSelectClearIndicator<T>,\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<CreatableSelect\n\t\t\tclassNamePrefix={CREATABLE_SELECT_CLASS_NAME_PREFIX}\n\t\t\tcloseMenuOnScroll={closeMenuOnScroll(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={false}\n\t\t/>\n\t);\n}\n"],"names":["CREATABLE_SELECT_CLASS_NAME_PREFIX","CREATABLE_SELECT_MENU_LIST_CLASS_NAME","concat","MrlCreatableSelect","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,kCAAkC,GAAG;IACrCC,qCAAqC,GAAA,EAAA,CAAAC,MAAA,CAAMF,kCAAkC,EAAA,aAAA;;AAE1F;AACA;AACA;AACA;AACA;AACO,SAASG,kBAAkBA,CAAIC,KAAiC,EAAe;AACrF,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,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA;AAEjE,EAAA,IAAMC,aAAa,GAAGC,KAAK,CAACC,OAAO,CAAC,MAAM;IACzC,OAAOC,eAAe,CAAIP,IAAI,CAAC;AAChC,EAAA,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMQ,gBAAgB,GAAGH,KAAK,CAACC,OAAO,CAAC,MAAM;AAC5C,IAAA,IAAMG,QAAQ,GAAG;AAChBC,MAAAA,cAAc,EAAEC,uBAA0B;AAC1CC,MAAAA,iBAAiB,EAAEC,0BAA6B;AAChDC,MAAAA,MAAM,EAAEC,eAAkB;AAC1BC,MAAAA,eAAe,EAAEC,kBAAqB;AACtCC,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,KAAA,CAAAkB,aAAA,CAACC,eAAe,EAAAC,QAAA,CAAA;AACfC,IAAAA,eAAe,EAAElC,kCAAmC;AACpDmC,IAAAA,iBAAiB,EAAEA,iBAAiB,CAAClC,qCAAqC,CAAE;AAC5EmC,IAAAA,iBAAiB,EAAEA,MAAA;GAAsC,EACrD3B,IAAI,EACJL,KAAK,EAAA;IACTiC,MAAM,EAAAC,cAAA,CAAAA,cAAA,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;AAAM,GAAA,CACf,CAAC;AAEJ;;;;"}

package/dist/esm/components/form/select/MrlMultiCreatableSelect/MrlMultiCreatableSelect.js

@@ -0,0 +1,59 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import CreatableSelect from 'react-select/creatable';
+import { getSelectStyles } from '../styles/index.js';
+import { closeMenuOnScroll } from '../utils/closeMenuOnScroll.js';
+import { MrlSelectValueContainer } from '../components/MrlSelectValueContainer.js';
+import { MrlSelectContainer } from '../components/MrlSelectContainer.js';
+import { MrlSelectOption } from '../components/MrlSelectOption.js';
+import { MrlSelectDropdownIndicator } from '../components/MrlSelectDropdownIndicator.js';
+import { MrlSelectClearIndicator } from '../components/MrlSelectClearIndicator.js';
+
+var _excluded = ["hasError", "isReadOnly", "kind"];
+var MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX = 'MrlMultiCreatableSelect';
+var MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME = "".concat(MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX, "__menu-list");
+
+/**
+ * MrlMultiCreatableSelect component that supports creating extra options with user input. Option creating could be async too.
+ * @param props - the component props
+ * @returns the select component
+ */
+function MrlMultiCreatableSelect(props) {
+  var hasError = props.hasError,
+    isReadOnly = props.isReadOnly,
+    _props$kind = props.kind,
+    kind = _props$kind === void 0 ? 'default' : _props$kind,
+    rest = _objectWithoutProperties(props, _excluded);
+  var defaultStyles = React.useMemo(() => {
+    return getSelectStyles(kind);
+  }, [kind]);
+  var customComponents = React.useMemo(() => {
+    var defaults = {
+      ClearIndicator: MrlSelectClearIndicator,
+      DropdownIndicator: MrlSelectDropdownIndicator,
+      Option: MrlSelectOption,
+      SelectContainer: MrlSelectContainer,
+      ValueContainer: MrlSelectValueContainer
+    };
+    if (props.components) {
+      Object.assign(defaults, props.components);
+    }
+    return defaults;
+  }, [props.components]);
+  return /*#__PURE__*/React.createElement(CreatableSelect, _extends({
+    classNamePrefix: MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX,
+    closeMenuOnScroll: closeMenuOnScroll(MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME),
+    formatCreateLabel: () => "Press enter to add new option"
+  }, rest, props, {
+    styles: _objectSpread2(_objectSpread2({}, defaultStyles), props.styles),
+    components: customComponents,
+    "aria-invalid": hasError,
+    "aria-readonly": isReadOnly,
+    menuIsOpen: isReadOnly ? false : props.menuIsOpen,
+    backspaceRemovesValue: !isReadOnly,
+    isMulti: true
+  }));
+}
+
+export { MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX, MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME, MrlMultiCreatableSelect };
+//# sourceMappingURL=MrlMultiCreatableSelect.js.map

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

@@ -0,0 +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,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA;AAEjE,EAAA,IAAMC,aAAa,GAAGC,KAAK,CAACC,OAAO,CAAC,MAAM;IACzC,OAAOC,eAAe,CAAoBP,IAAI,CAAC;AAChD,EAAA,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMQ,gBAAgB,GAAGH,KAAK,CAACC,OAAO,CAAC,MAAM;AAC5C,IAAA,IAAMG,QAAQ,GAAG;AAChBC,MAAAA,cAAc,EAAEC,uBAA0C;AAC1DC,MAAAA,iBAAiB,EAAEC,0BAA6C;AAChEC,MAAAA,MAAM,EAAEC,eAAkC;AAC1CC,MAAAA,eAAe,EAAEC,kBAAqC;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,KAAA,CAAAkB,aAAA,CAACC,eAAe,EAAAC,QAAA,CAAA;AACfC,IAAAA,eAAe,EAAElC,wCAAyC;AAC1DmC,IAAAA,iBAAiB,EAAEA,iBAAiB,CAAClC,2CAA2C,CAAE;AAClFmC,IAAAA,iBAAiB,EAAEA,MAAA;GAAsC,EACrD3B,IAAI,EACJL,KAAK,EAAA;IACTiC,MAAM,EAAAC,cAAA,CAAAA,cAAA,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/esm/components/form/select/MrlMultiSelect/MrlMultiSelect.js

@@ -0,0 +1,68 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import Select from 'react-select';
+import { getSelectStyles } from '../styles/index.js';
+import { closeMenuOnScroll } from '../utils/closeMenuOnScroll.js';
+import { MrlSelectValueContainer } from '../components/MrlSelectValueContainer.js';
+import { MrlSelectContainer } from '../components/MrlSelectContainer.js';
+import { MrlSelectOption } from '../components/MrlSelectOption.js';
+import { MrlSelectMultiValueRemove } from '../components/MrlSelectMultiValueRemove.js';
+import { MrlSelectMultiValue } from '../components/MrlSelectMultiValue.js';
+import { MrlSelectDropdownIndicator } from '../components/MrlSelectDropdownIndicator.js';
+
+var _excluded = ["hasError", "isReadOnly", "isSearchable", "closeMenuOnSelect", "kind"];
+var MULTI_SELECT_CLASS_NAME_PREFIX = 'MrlMultiSelect';
+var MULTI_SELECT_MENU_LIST_CLASS_NAME = "".concat(MULTI_SELECT_CLASS_NAME_PREFIX, "__menu-list");
+
+/**
+ * MrlSelect component
+ * @param props - the component props
+ * @returns the select component
+ */
+function MrlMultiSelect(props) {
+  var hasError = props.hasError,
+    isReadOnly = props.isReadOnly,
+    _props$isSearchable = props.isSearchable,
+    isSearchable = _props$isSearchable === void 0 ? false : _props$isSearchable,
+    _props$closeMenuOnSel = props.closeMenuOnSelect,
+    closeMenuOnSelect = _props$closeMenuOnSel === void 0 ? false : _props$closeMenuOnSel,
+    _props$kind = props.kind,
+    kind = _props$kind === void 0 ? 'default' : _props$kind,
+    rest = _objectWithoutProperties(props, _excluded);
+  var defaultStyles = React.useMemo(() => {
+    var styles = getSelectStyles(kind);
+    return styles;
+  }, [kind]);
+  var customComponents = React.useMemo(() => {
+    var defaults = {
+      DropdownIndicator: MrlSelectDropdownIndicator,
+      MultiValue: MrlSelectMultiValue,
+      MultiValueRemove: MrlSelectMultiValueRemove,
+      Option: MrlSelectOption,
+      SelectContainer: MrlSelectContainer,
+      ValueContainer: MrlSelectValueContainer
+    };
+    if (props.components) {
+      Object.assign(defaults, props.components);
+    }
+    return defaults;
+  }, [props.components]);
+  return /*#__PURE__*/React.createElement(Select, _extends({
+    classNamePrefix: MULTI_SELECT_CLASS_NAME_PREFIX,
+    closeMenuOnScroll: closeMenuOnScroll(MULTI_SELECT_MENU_LIST_CLASS_NAME)
+  }, rest, props, {
+    styles: _objectSpread2(_objectSpread2({}, defaultStyles), props.styles),
+    components: customComponents,
+    "aria-invalid": hasError,
+    "aria-readonly": isReadOnly,
+    menuIsOpen: isReadOnly ? false : props.menuIsOpen,
+    backspaceRemovesValue: !isReadOnly,
+    isSearchable: isSearchable && !isReadOnly,
+    isMulti: true,
+    hideSelectedOptions: true,
+    closeMenuOnSelect: closeMenuOnSelect
+  }));
+}
+
+export { MULTI_SELECT_CLASS_NAME_PREFIX, MULTI_SELECT_MENU_LIST_CLASS_NAME, MrlMultiSelect };
+//# sourceMappingURL=MrlMultiSelect.js.map

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

@@ -0,0 +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,wBAAA,CACJV,KAAK,EAAAW,SAAA,CAAA;AAET,EAAA,IAAMC,aAAa,GAAGC,KAAK,CAACC,OAAO,CAAC,MAAM;AACzC,IAAA,IAAMC,MAAM,GAAGC,eAAe,CAAoBR,IAAI,CAAC;AAEvD,IAAA,OAAOO,MAAM;AACd,EAAA,CAAC,EAAE,CAACP,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMS,gBAAgB,GAAGJ,KAAK,CAACC,OAAO,CAAC,MAAM;AAC5C,IAAA,IAAMI,QAAQ,GAAG;AAChBC,MAAAA,iBAAiB,EAAEC,0BAA6C;AAChEC,MAAAA,UAAU,EAAEC,mBAAsC;AAClDC,MAAAA,gBAAgB,EAAEC,yBAA4C;AAC9DC,MAAAA,MAAM,EAAEC,eAAkC;AAC1CC,MAAAA,eAAe,EAAEC,kBAAqC;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,KAAA,CAAAqB,aAAA,CAACC,MAAM,EAAAC,QAAA,CAAA;AACNC,IAAAA,eAAe,EAAEzC,8BAA+B;IAChD0C,iBAAiB,EAAEA,iBAAiB,CAACzC,iCAAiC;GAAE,EACpEY,IAAI,EACJT,KAAK,EAAA;IACTe,MAAM,EAAAwB,cAAA,CAAAA,cAAA,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/esm/components/form/select/MrlSelect/MrlSelect.js

@@ -0,0 +1,59 @@
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import Select from 'react-select';
+import { getSelectStyles } from '../styles/index.js';
+import { closeMenuOnScroll } from '../utils/closeMenuOnScroll.js';
+import { MrlSelectValueContainer } from '../components/MrlSelectValueContainer.js';
+import { MrlSelectContainer } from '../components/MrlSelectContainer.js';
+import { MrlSelectOption } from '../components/MrlSelectOption.js';
+import { MrlSelectDropdownIndicator } from '../components/MrlSelectDropdownIndicator.js';
+
+var _excluded = ["hasError", "isReadOnly", "kind", "isSearchable"];
+var SELECT_CLASS_NAME_PREFIX = 'MrlSelect';
+var SELECT_MENU_LIST_CLASS_NAME = "".concat(SELECT_CLASS_NAME_PREFIX, "__menu-list");
+
+/**
+ * MrlSelect component
+ * @param props - the component props
+ * @returns the select component
+ */
+function MrlSelect(props) {
+  var hasError = props.hasError,
+    isReadOnly = props.isReadOnly,
+    _props$kind = props.kind,
+    kind = _props$kind === void 0 ? 'default' : _props$kind,
+    _props$isSearchable = props.isSearchable,
+    isSearchable = _props$isSearchable === void 0 ? false : _props$isSearchable,
+    rest = _objectWithoutProperties(props, _excluded);
+  var defaultStyles = React.useMemo(() => {
+    return getSelectStyles(kind);
+  }, [kind]);
+  var customComponents = React.useMemo(() => {
+    var defaults = {
+      DropdownIndicator: MrlSelectDropdownIndicator,
+      Option: MrlSelectOption,
+      SelectContainer: MrlSelectContainer,
+      ValueContainer: MrlSelectValueContainer
+    };
+    if (props.components) {
+      Object.assign(defaults, props.components);
+    }
+    return defaults;
+  }, [props.components]);
+  return /*#__PURE__*/React.createElement(Select, _extends({
+    classNamePrefix: SELECT_CLASS_NAME_PREFIX,
+    closeMenuOnScroll: closeMenuOnScroll(SELECT_MENU_LIST_CLASS_NAME)
+  }, rest, props, {
+    styles: _objectSpread2(_objectSpread2({}, defaultStyles), props.styles),
+    components: customComponents,
+    "aria-invalid": hasError,
+    "aria-readonly": isReadOnly,
+    menuIsOpen: isReadOnly ? false : props.menuIsOpen,
+    backspaceRemovesValue: !isReadOnly,
+    isSearchable: isSearchable && !isReadOnly,
+    isMulti: false
+  }));
+}
+
+export { MrlSelect, SELECT_CLASS_NAME_PREFIX, SELECT_MENU_LIST_CLASS_NAME };
+//# sourceMappingURL=MrlSelect.js.map

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

@@ -0,0 +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,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA;AAEvF,EAAA,IAAMC,aAAa,GAAGC,KAAK,CAACC,OAAO,CAAC,MAAM;IACzC,OAAOC,eAAe,CAAIT,IAAI,CAAC;AAChC,EAAA,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMU,gBAAgB,GAAGH,KAAK,CAACC,OAAO,CAAC,MAAM;AAC5C,IAAA,IAAMG,QAAQ,GAAG;AAChBC,MAAAA,iBAAiB,EAAEC,0BAA6B;AAChDC,MAAAA,MAAM,EAAEC,eAAkB;AAC1BC,MAAAA,eAAe,EAAEC,kBAAqB;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,KAAA,CAAAgB,aAAA,CAACC,MAAM,EAAAC,QAAA,CAAA;AACNC,IAAAA,eAAe,EAAElC,wBAAyB;IAC1CmC,iBAAiB,EAAEA,iBAAiB,CAAClC,2BAA2B;GAAE,EAC9DU,IAAI,EACJP,KAAK,EAAA;IACTgC,MAAM,EAAAC,cAAA,CAAAA,cAAA,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/esm/components/form/select/components/MrlSelectClearIndicator.js

@@ -0,0 +1,19 @@
+import * as React from 'react';
+import { closeAlt } from '@muraldevkit/ds-icons';
+import { components } from 'react-select';
+import { MrlSvg } from '../../../svg/MrlSvg/MrlSvg.js';
+
+/**
+ * MrlSelectClearIndicator component
+ * @param props the react-select clear indicator props
+ * @returns the select clear indicator
+ */
+function MrlSelectClearIndicator(props) {
+  return /*#__PURE__*/React.createElement(components.ClearIndicator, props, /*#__PURE__*/React.createElement(MrlSvg, {
+    svg: closeAlt,
+    size: "small"
+  }));
+}
+
+export { MrlSelectClearIndicator };
+//# sourceMappingURL=MrlSelectClearIndicator.js.map

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

@@ -0,0 +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,KAAA,CAAAC,aAAA,CAACC,UAAU,CAACC,cAAc,EAAKJ,KAAK,eACnCC,KAAA,CAAAC,aAAA,CAACG,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAEC,QAAS;AAACC,IAAAA,IAAI,EAAC;AAAO,GAAE,CACX,CAAC;AAE9B;;;;"}

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

@@ -0,0 +1,21 @@
+import { extends as _extends, objectSpread2 as _objectSpread2 } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import { components } from 'react-select';
+
+/**
+ * MrlSelectContainer component
+ *
+ * @param props - the react-select container props
+ * @returns a select container
+ */
+function MrlSelectContainer(props) {
+  var dataQa = props.selectProps['data-qa'];
+  return /*#__PURE__*/React.createElement(components.SelectContainer, _extends({}, props, {
+    innerProps: _objectSpread2(_objectSpread2({}, props.innerProps), dataQa && {
+      'data-qa': "".concat(dataQa, "-container")
+    })
+  }));
+}
+
+export { MrlSelectContainer };
+//# sourceMappingURL=MrlSelectContainer.js.map

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

@@ -0,0 +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,KAAA,CAAAC,aAAA,CAACC,UAAU,CAACC,eAAe,EAAAC,QAAA,CAAA,EAAA,EACtBP,KAAK,EAAA;IACTQ,UAAU,EAAAC,cAAA,CAAAA,cAAA,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/esm/components/form/select/components/MrlSelectDropdownIndicator.js

@@ -0,0 +1,21 @@
+import * as React from 'react';
+import { chevronDownFilled, chevronUpFilled } from '@muraldevkit/ds-icons';
+import { MrlSvg } from '../../../svg/MrlSvg/MrlSvg.js';
+
+/**
+ * MrlSelectDropdownIndicator component
+ *
+ * @param props - the react-select dropdown indicator props
+ * @returns the select dropdown indicator
+ */
+function MrlSelectDropdownIndicator(props) {
+  return /*#__PURE__*/React.createElement(MrlSvg
+  // eslint-disable-next-line react/prop-types
+  , {
+    svg: !props.selectProps.menuIsOpen ? chevronDownFilled : chevronUpFilled,
+    size: "small"
+  });
+}
+
+export { MrlSelectDropdownIndicator };
+//# sourceMappingURL=MrlSelectDropdownIndicator.js.map

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

@@ -0,0 +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,KAAA,CAAAC,aAAA,CAACC;AACA;AAAA,IAAA;IACAC,GAAG,EAAE,CAACJ,KAAK,CAACK,WAAW,CAACC,UAAU,GAAGC,iBAAiB,GAAGC,eAAgB;AACzEC,IAAAA,IAAI,EAAC;AAAO,GACZ,CAAC;AAEJ;;;;"}

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

@@ -0,0 +1,34 @@
+import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import * as React from 'react';
+import { components } from 'react-select';
+import classnames from 'classnames';
+import styles from './MrlSelectMultiValue.module.scss.js';
+
+/**
+ * MrlSelectMultiValue component
+ *
+ * @param props - the react-select multi value props
+ * @returns a multi value component
+ */
+function MrlSelectMultiValue(props) {
+  var children = props.children,
+    selectProps = props.selectProps,
+    data = props.data;
+  var isReadOnly = selectProps['aria-readonly'];
+  if (isReadOnly) {
+    var selectedOptions = props.getValue();
+    var isLastOption = selectedOptions[selectedOptions.length - 1].value === data.value;
+    return /*#__PURE__*/React.createElement("div", {
+      "aria-label": "".concat(data.label)
+    }, children, !isLastOption && ', ');
+  }
+  var classes = classnames(styles['MrlSelectMultiValue'], 'MrlSelectMultiValue', {
+    [styles['MrlSelectMultiValue--is-focused']]: props.isFocused
+  });
+  return /*#__PURE__*/React.createElement(components.MultiValue, _extends({}, props, {
+    className: classes
+  }), children);
+}
+
+export { MrlSelectMultiValue };
+//# sourceMappingURL=MrlSelectMultiValue.js.map

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

@@ -0,0 +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","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,KAAA,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,MAAM,CAAC,qBAAqB,CAAC,EAAE,qBAAqB,EAAE;AAChF,IAAA,CAACA,MAAM,CAAC,iCAAiC,CAAC,GAAGhB,KAAK,CAACiB;AACpD,GAAC,CAAC;EAEF,oBACCP,KAAA,CAAAC,aAAA,CAACO,UAAU,CAACC,UAAU,EAAAC,QAAA,CAAA,EAAA,EAAKpB,KAAK,EAAA;AAAEqB,IAAAA,SAAS,EAAEP;AAAQ,GAAA,CAAA,EACnDb,QACqB,CAAC;AAE1B;;;;"}

package/dist/esm/components/form/select/components/MrlSelectMultiValue.module.scss.js

@@ -0,0 +1,4 @@
+var styles = {"MrlSelectMultiValue":"MrlSelectMultiValue--ZCEGM","MrlSelectMultiValue--is-focused":"MrlSelectMultiValue--is-focused--J41Dw"};
+
+export { styles as default };
+//# sourceMappingURL=MrlSelectMultiValue.module.scss.js.map

package/dist/esm/components/form/select/components/MrlSelectMultiValue.module.scss.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlSelectMultiValue.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

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

@@ -0,0 +1,20 @@
+import * as React from 'react';
+import { components } from 'react-select';
+import { close } from '@muraldevkit/ds-icons';
+import { MrlSvg } from '../../../svg/MrlSvg/MrlSvg.js';
+
+/**
+ * MrlSelectMultiValueRemove component
+ *
+ * @param props - the react-select multi value remove props
+ * @returns a multi value remove component
+ */
+function MrlSelectMultiValueRemove(props) {
+  return /*#__PURE__*/React.createElement(components.MultiValueRemove, props, /*#__PURE__*/React.createElement(MrlSvg, {
+    svg: close,
+    size: "auto"
+  }));
+}
+
+export { MrlSelectMultiValueRemove };
+//# sourceMappingURL=MrlSelectMultiValueRemove.js.map

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

@@ -0,0 +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,KAAA,CAAAC,aAAA,CAACC,UAAU,CAACC,gBAAgB,EAAKJ,KAAK,eACrCC,KAAA,CAAAC,aAAA,CAACG,MAAM,EAAA;AAACC,IAAAA,GAAG,EAAEC,KAAM;AAACC,IAAAA,IAAI,EAAC;AAAM,GAAE,CACL,CAAC;AAEhC;;;;"}