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

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

@@ -0,0 +1,51 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var MrlFieldset = require('../../fieldset/MrlFieldset/MrlFieldset.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+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 = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__namespace.createElement(MrlFieldset.MrlFieldset, _rollupPluginBabelHelpers.extends({}, rest, {
+    label: label,
+    className: className,
+    attrs: {
+      'aria-describedby': rest['aria-describedby'],
+      'aria-invalid': hasError,
+      'aria-required': hasError,
+      role: 'radiogroup'
+    }
+  }), children);
+}
+
+exports.MrlRadioGroup = MrlRadioGroup;
+//# sourceMappingURL=MrlRadioGroup.js.map

package/dist/cjs/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,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;EAEP,oBACCC,gBAAA,CAAAC,aAAA,CAACC,uBAAW,EAAAC,iCAAA,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/cjs/components/form/select/MrlCreatableSelect/MrlCreatableSelect.js

@@ -0,0 +1,84 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var CreatableSelect = require('react-select/creatable');
+var index = require('../styles/index.js');
+var closeMenuOnScroll = require('../utils/closeMenuOnScroll.js');
+var MrlSelectValueContainer = require('../components/MrlSelectValueContainer.js');
+var MrlSelectContainer = require('../components/MrlSelectContainer.js');
+var MrlSelectOption = require('../components/MrlSelectOption.js');
+var MrlSelectDropdownIndicator = require('../components/MrlSelectDropdownIndicator.js');
+var MrlSelectClearIndicator = require('../components/MrlSelectClearIndicator.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+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 = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+  var defaultStyles = React__namespace.useMemo(function () {
+    return index.getSelectStyles(kind);
+  }, [kind]);
+  var customComponents = React__namespace.useMemo(function () {
+    var defaults = {
+      ClearIndicator: MrlSelectClearIndicator.MrlSelectClearIndicator,
+      DropdownIndicator: MrlSelectDropdownIndicator.MrlSelectDropdownIndicator,
+      Option: MrlSelectOption.MrlSelectOption,
+      SelectContainer: MrlSelectContainer.MrlSelectContainer,
+      ValueContainer: MrlSelectValueContainer.MrlSelectValueContainer
+    };
+    if (props.components) {
+      Object.assign(defaults, props.components);
+    }
+    return defaults;
+  }, [props.components]);
+  return /*#__PURE__*/React__namespace.createElement(CreatableSelect, _rollupPluginBabelHelpers.extends({
+    classNamePrefix: CREATABLE_SELECT_CLASS_NAME_PREFIX,
+    closeMenuOnScroll: closeMenuOnScroll.closeMenuOnScroll(CREATABLE_SELECT_MENU_LIST_CLASS_NAME),
+    formatCreateLabel: function formatCreateLabel() {
+      return "Press enter to add new option";
+    }
+  }, rest, props, {
+    styles: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultStyles), props.styles),
+    components: customComponents,
+    "aria-invalid": hasError,
+    "aria-readonly": isReadOnly,
+    menuIsOpen: isReadOnly ? false : props.menuIsOpen,
+    backspaceRemovesValue: !isReadOnly,
+    isMulti: false
+  }));
+}
+
+exports.CREATABLE_SELECT_CLASS_NAME_PREFIX = CREATABLE_SELECT_CLASS_NAME_PREFIX;
+exports.CREATABLE_SELECT_MENU_LIST_CLASS_NAME = CREATABLE_SELECT_MENU_LIST_CLASS_NAME;
+exports.MrlCreatableSelect = MrlCreatableSelect;
+//# sourceMappingURL=MrlCreatableSelect.js.map

package/dist/cjs/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,iDAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA;AAEjE,EAAA,IAAMC,aAAa,GAAGC,gBAAK,CAACC,OAAO,CAAC,YAAM;IACzC,OAAOC,qBAAe,CAAIP,IAAI,CAAC;AAChC,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,+CAA0B;AAC1CC,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,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,kCAAmC;AACpDmC,IAAAA,iBAAiB,EAAEA,mCAAiB,CAAClC,qCAAqC,CAAE;IAC5EmC,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;AAAM,GAAA,CACf,CAAC;AAEJ;;;;;;"}

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

@@ -0,0 +1,84 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var CreatableSelect = require('react-select/creatable');
+var index = require('../styles/index.js');
+var closeMenuOnScroll = require('../utils/closeMenuOnScroll.js');
+var MrlSelectValueContainer = require('../components/MrlSelectValueContainer.js');
+var MrlSelectContainer = require('../components/MrlSelectContainer.js');
+var MrlSelectOption = require('../components/MrlSelectOption.js');
+var MrlSelectDropdownIndicator = require('../components/MrlSelectDropdownIndicator.js');
+var MrlSelectClearIndicator = require('../components/MrlSelectClearIndicator.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+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 = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+  var defaultStyles = React__namespace.useMemo(function () {
+    return index.getSelectStyles(kind);
+  }, [kind]);
+  var customComponents = React__namespace.useMemo(function () {
+    var defaults = {
+      ClearIndicator: MrlSelectClearIndicator.MrlSelectClearIndicator,
+      DropdownIndicator: MrlSelectDropdownIndicator.MrlSelectDropdownIndicator,
+      Option: MrlSelectOption.MrlSelectOption,
+      SelectContainer: MrlSelectContainer.MrlSelectContainer,
+      ValueContainer: MrlSelectValueContainer.MrlSelectValueContainer
+    };
+    if (props.components) {
+      Object.assign(defaults, props.components);
+    }
+    return defaults;
+  }, [props.components]);
+  return /*#__PURE__*/React__namespace.createElement(CreatableSelect, _rollupPluginBabelHelpers.extends({
+    classNamePrefix: MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX,
+    closeMenuOnScroll: closeMenuOnScroll.closeMenuOnScroll(MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME),
+    formatCreateLabel: function formatCreateLabel() {
+      return "Press enter to add new option";
+    }
+  }, rest, props, {
+    styles: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultStyles), props.styles),
+    components: customComponents,
+    "aria-invalid": hasError,
+    "aria-readonly": isReadOnly,
+    menuIsOpen: isReadOnly ? false : props.menuIsOpen,
+    backspaceRemovesValue: !isReadOnly,
+    isMulti: true
+  }));
+}
+
+exports.MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX = MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX;
+exports.MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME = MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME;
+exports.MrlMultiCreatableSelect = MrlMultiCreatableSelect;
+//# sourceMappingURL=MrlMultiCreatableSelect.js.map

package/dist/cjs/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,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;;;;;;"}

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

@@ -0,0 +1,91 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var Select = require('react-select');
+var index = require('../styles/index.js');
+var closeMenuOnScroll = require('../utils/closeMenuOnScroll.js');
+var MrlSelectValueContainer = require('../components/MrlSelectValueContainer.js');
+var MrlSelectContainer = require('../components/MrlSelectContainer.js');
+var MrlSelectOption = require('../components/MrlSelectOption.js');
+var MrlSelectMultiValueRemove = require('../components/MrlSelectMultiValueRemove.js');
+var MrlSelectMultiValue = require('../components/MrlSelectMultiValue.js');
+var MrlSelectDropdownIndicator = require('../components/MrlSelectDropdownIndicator.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+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 = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+  var defaultStyles = React__namespace.useMemo(function () {
+    var styles = index.getSelectStyles(kind);
+    return styles;
+  }, [kind]);
+  var customComponents = React__namespace.useMemo(function () {
+    var defaults = {
+      DropdownIndicator: MrlSelectDropdownIndicator.MrlSelectDropdownIndicator,
+      MultiValue: MrlSelectMultiValue.MrlSelectMultiValue,
+      MultiValueRemove: MrlSelectMultiValueRemove.MrlSelectMultiValueRemove,
+      Option: MrlSelectOption.MrlSelectOption,
+      SelectContainer: MrlSelectContainer.MrlSelectContainer,
+      ValueContainer: MrlSelectValueContainer.MrlSelectValueContainer
+    };
+    if (props.components) {
+      Object.assign(defaults, props.components);
+    }
+    return defaults;
+  }, [props.components]);
+  return /*#__PURE__*/React__namespace.createElement(Select, _rollupPluginBabelHelpers.extends({
+    classNamePrefix: MULTI_SELECT_CLASS_NAME_PREFIX,
+    closeMenuOnScroll: closeMenuOnScroll.closeMenuOnScroll(MULTI_SELECT_MENU_LIST_CLASS_NAME)
+  }, rest, props, {
+    styles: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.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
+  }));
+}
+
+exports.MULTI_SELECT_CLASS_NAME_PREFIX = MULTI_SELECT_CLASS_NAME_PREFIX;
+exports.MULTI_SELECT_MENU_LIST_CLASS_NAME = MULTI_SELECT_MENU_LIST_CLASS_NAME;
+exports.MrlMultiSelect = MrlMultiSelect;
+//# sourceMappingURL=MrlMultiSelect.js.map

package/dist/cjs/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,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;;;;;;"}

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

@@ -0,0 +1,82 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var Select = require('react-select');
+var index = require('../styles/index.js');
+var closeMenuOnScroll = require('../utils/closeMenuOnScroll.js');
+var MrlSelectValueContainer = require('../components/MrlSelectValueContainer.js');
+var MrlSelectContainer = require('../components/MrlSelectContainer.js');
+var MrlSelectOption = require('../components/MrlSelectOption.js');
+var MrlSelectDropdownIndicator = require('../components/MrlSelectDropdownIndicator.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+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 = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+  var defaultStyles = React__namespace.useMemo(function () {
+    return index.getSelectStyles(kind);
+  }, [kind]);
+  var customComponents = React__namespace.useMemo(function () {
+    var defaults = {
+      DropdownIndicator: MrlSelectDropdownIndicator.MrlSelectDropdownIndicator,
+      Option: MrlSelectOption.MrlSelectOption,
+      SelectContainer: MrlSelectContainer.MrlSelectContainer,
+      ValueContainer: MrlSelectValueContainer.MrlSelectValueContainer
+    };
+    if (props.components) {
+      Object.assign(defaults, props.components);
+    }
+    return defaults;
+  }, [props.components]);
+  return /*#__PURE__*/React__namespace.createElement(Select, _rollupPluginBabelHelpers.extends({
+    classNamePrefix: SELECT_CLASS_NAME_PREFIX,
+    closeMenuOnScroll: closeMenuOnScroll.closeMenuOnScroll(SELECT_MENU_LIST_CLASS_NAME)
+  }, rest, props, {
+    styles: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultStyles), props.styles),
+    components: customComponents,
+    "aria-invalid": hasError,
+    "aria-readonly": isReadOnly,
+    menuIsOpen: isReadOnly ? false : props.menuIsOpen,
+    backspaceRemovesValue: !isReadOnly,
+    isSearchable: isSearchable && !isReadOnly,
+    isMulti: false
+  }));
+}
+
+exports.MrlSelect = MrlSelect;
+exports.SELECT_CLASS_NAME_PREFIX = SELECT_CLASS_NAME_PREFIX;
+exports.SELECT_MENU_LIST_CLASS_NAME = SELECT_MENU_LIST_CLASS_NAME;
+//# sourceMappingURL=MrlSelect.js.map

package/dist/cjs/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,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;;;;;;"}

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

@@ -0,0 +1,40 @@
+'use strict';
+
+var React = require('react');
+var dsIcons = require('@muraldevkit/ds-icons');
+var Select = require('react-select');
+var MrlSvg = require('../../../svg/MrlSvg/MrlSvg.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+/**
+ * MrlSelectClearIndicator component
+ * @param props the react-select clear indicator props
+ * @returns the select clear indicator
+ */
+function MrlSelectClearIndicator(props) {
+  return /*#__PURE__*/React__namespace.createElement(Select.components.ClearIndicator, props, /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+    svg: dsIcons.closeAlt,
+    size: "small"
+  }));
+}
+
+exports.MrlSelectClearIndicator = MrlSelectClearIndicator;
+//# sourceMappingURL=MrlSelectClearIndicator.js.map

package/dist/cjs/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,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

@@ -0,0 +1,42 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var Select = require('react-select');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+/**
+ * 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__namespace.createElement(Select.components.SelectContainer, _rollupPluginBabelHelpers.extends({}, props, {
+    innerProps: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, props.innerProps), dataQa && {
+      'data-qa': "".concat(dataQa, "-container")
+    })
+  }));
+}
+
+exports.MrlSelectContainer = MrlSelectContainer;
+//# sourceMappingURL=MrlSelectContainer.js.map

package/dist/cjs/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,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

@@ -0,0 +1,42 @@
+'use strict';
+
+var React = require('react');
+var dsIcons = require('@muraldevkit/ds-icons');
+var MrlSvg = require('../../../svg/MrlSvg/MrlSvg.js');
+
+function _interopNamespaceDefault(e) {
+	var n = Object.create(null);
+	if (e) {
+		Object.keys(e).forEach(function (k) {
+			if (k !== 'default') {
+				var d = Object.getOwnPropertyDescriptor(e, k);
+				Object.defineProperty(n, k, d.get ? d : {
+					enumerable: true,
+					get: function () { return e[k]; }
+				});
+			}
+		});
+	}
+	n.default = e;
+	return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+
+/**
+ * MrlSelectDropdownIndicator component
+ *
+ * @param props - the react-select dropdown indicator props
+ * @returns the select dropdown indicator
+ */
+function MrlSelectDropdownIndicator(props) {
+  return /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg
+  // eslint-disable-next-line react/prop-types
+  , {
+    svg: !props.selectProps.menuIsOpen ? dsIcons.chevronDownFilled : dsIcons.chevronUpFilled,
+    size: "small"
+  });
+}
+
+exports.MrlSelectDropdownIndicator = MrlSelectDropdownIndicator;
+//# sourceMappingURL=MrlSelectDropdownIndicator.js.map

package/dist/cjs/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,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;;;;"}