@muraldevkit/ui-toolkit 4.66.0-dev-7XJy.1 → 4.66.0-dev-avUr.1

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

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MrlRadioGroup = void 0;
+const React = __importStar(require("react"));
+const __1 = require("../../../");
+/**
+ * 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(_a) {
+    var { className, children, label, hasError } = _a, rest = __rest(_a, ["className", "children", "label", "hasError"]);
+    return (React.createElement(__1.MrlFieldset, Object.assign({}, rest, { label: label, className: className, attrs: {
+            'aria-describedby': rest['aria-describedby'],
+            'aria-invalid': hasError,
+            'aria-required': hasError,
+            role: 'radiogroup'
+        } }), children));
+}
+exports.MrlRadioGroup = MrlRadioGroup;

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MrlRadioGroup"), exports);

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

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MrlCreatableSelect = exports.CREATABLE_SELECT_MENU_LIST_CLASS_NAME = exports.CREATABLE_SELECT_CLASS_NAME_PREFIX = void 0;
+const React = __importStar(require("react"));
+const creatable_1 = __importDefault(require("react-select/creatable"));
+const styles_1 = require("../styles");
+const components_1 = require("../components");
+const closeMenuOnScroll_1 = require("../utils/closeMenuOnScroll");
+exports.CREATABLE_SELECT_CLASS_NAME_PREFIX = 'MrlCreatableSelect';
+exports.CREATABLE_SELECT_MENU_LIST_CLASS_NAME = `${exports.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) {
+    const { hasError, isReadOnly, kind = 'default' } = props, rest = __rest(props, ["hasError", "isReadOnly", "kind"]);
+    const defaultStyles = React.useMemo(() => {
+        return (0, styles_1.getSelectStyles)(kind);
+    }, [kind]);
+    const customComponents = React.useMemo(() => {
+        const defaults = {
+            ClearIndicator: (components_1.MrlSelectClearIndicator),
+            DropdownIndicator: (components_1.MrlSelectDropdownIndicator),
+            Option: (components_1.MrlSelectOption),
+            SelectContainer: (components_1.MrlSelectContainer),
+            ValueContainer: (components_1.MrlSelectValueContainer)
+        };
+        if (props.components) {
+            Object.assign(defaults, props.components);
+        }
+        return defaults;
+    }, [props.components]);
+    return (React.createElement(creatable_1.default, Object.assign({ classNamePrefix: exports.CREATABLE_SELECT_CLASS_NAME_PREFIX, closeMenuOnScroll: (0, closeMenuOnScroll_1.closeMenuOnScroll)(exports.CREATABLE_SELECT_MENU_LIST_CLASS_NAME), formatCreateLabel: () => `Press enter to add new option` }, rest, props, { styles: Object.assign(Object.assign({}, defaultStyles), props.styles), components: customComponents, "aria-invalid": hasError, "aria-readonly": isReadOnly, menuIsOpen: isReadOnly ? false : props.menuIsOpen, backspaceRemovesValue: !isReadOnly, isMulti: false })));
+}
+exports.MrlCreatableSelect = MrlCreatableSelect;

package/dist/cjs/components/form/select/MrlCreatableSelect/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MrlCreatableSelect"), exports);

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

@@ -0,0 +1,73 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MrlMultiCreatableSelect = exports.MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME = exports.MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX = void 0;
+const React = __importStar(require("react"));
+const creatable_1 = __importDefault(require("react-select/creatable"));
+const styles_1 = require("../styles");
+const components_1 = require("../components");
+const closeMenuOnScroll_1 = require("../utils/closeMenuOnScroll");
+exports.MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX = 'MrlMultiCreatableSelect';
+exports.MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME = `${exports.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) {
+    const { hasError, isReadOnly, kind = 'default' } = props, rest = __rest(props, ["hasError", "isReadOnly", "kind"]);
+    const defaultStyles = React.useMemo(() => {
+        return (0, styles_1.getSelectStyles)(kind);
+    }, [kind]);
+    const customComponents = React.useMemo(() => {
+        const defaults = {
+            ClearIndicator: (components_1.MrlSelectClearIndicator),
+            DropdownIndicator: (components_1.MrlSelectDropdownIndicator),
+            Option: (components_1.MrlSelectOption),
+            SelectContainer: (components_1.MrlSelectContainer),
+            ValueContainer: (components_1.MrlSelectValueContainer)
+        };
+        if (props.components) {
+            Object.assign(defaults, props.components);
+        }
+        return defaults;
+    }, [props.components]);
+    return (React.createElement(creatable_1.default, Object.assign({ classNamePrefix: exports.MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX, closeMenuOnScroll: (0, closeMenuOnScroll_1.closeMenuOnScroll)(exports.MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME), formatCreateLabel: () => `Press enter to add new option` }, rest, props, { styles: Object.assign(Object.assign({}, defaultStyles), props.styles), components: customComponents, "aria-invalid": hasError, "aria-readonly": isReadOnly, menuIsOpen: isReadOnly ? false : props.menuIsOpen, backspaceRemovesValue: !isReadOnly, isMulti: true })));
+}
+exports.MrlMultiCreatableSelect = MrlMultiCreatableSelect;

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MrlMultiCreatableSelect"), exports);

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

@@ -0,0 +1,75 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MrlMultiSelect = exports.MULTI_SELECT_MENU_LIST_CLASS_NAME = exports.MULTI_SELECT_CLASS_NAME_PREFIX = void 0;
+const React = __importStar(require("react"));
+const react_select_1 = __importDefault(require("react-select"));
+const styles_1 = require("../styles");
+const components_1 = require("../components");
+const closeMenuOnScroll_1 = require("../utils/closeMenuOnScroll");
+exports.MULTI_SELECT_CLASS_NAME_PREFIX = 'MrlMultiSelect';
+exports.MULTI_SELECT_MENU_LIST_CLASS_NAME = `${exports.MULTI_SELECT_CLASS_NAME_PREFIX}__menu-list`;
+/**
+ * MrlSelect component
+ * @param props - the component props
+ * @returns the select component
+ */
+function MrlMultiSelect(props) {
+    const { hasError, isReadOnly, isSearchable = false, closeMenuOnSelect = false, kind = 'default' } = props, rest = __rest(props, ["hasError", "isReadOnly", "isSearchable", "closeMenuOnSelect", "kind"]);
+    const defaultStyles = React.useMemo(() => {
+        const styles = (0, styles_1.getSelectStyles)(kind);
+        return styles;
+    }, [kind]);
+    const customComponents = React.useMemo(() => {
+        const defaults = {
+            DropdownIndicator: (components_1.MrlSelectDropdownIndicator),
+            MultiValue: (components_1.MrlSelectMultiValue),
+            MultiValueRemove: (components_1.MrlSelectMultiValueRemove),
+            Option: (components_1.MrlSelectOption),
+            SelectContainer: (components_1.MrlSelectContainer),
+            ValueContainer: (components_1.MrlSelectValueContainer)
+        };
+        if (props.components) {
+            Object.assign(defaults, props.components);
+        }
+        return defaults;
+    }, [props.components]);
+    return (React.createElement(react_select_1.default, Object.assign({ classNamePrefix: exports.MULTI_SELECT_CLASS_NAME_PREFIX, closeMenuOnScroll: (0, closeMenuOnScroll_1.closeMenuOnScroll)(exports.MULTI_SELECT_MENU_LIST_CLASS_NAME) }, rest, props, { styles: Object.assign(Object.assign({}, 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.MrlMultiSelect = MrlMultiSelect;

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MrlMultiSelect"), exports);

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

@@ -0,0 +1,72 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MrlSelect = exports.SELECT_MENU_LIST_CLASS_NAME = exports.SELECT_CLASS_NAME_PREFIX = void 0;
+const React = __importStar(require("react"));
+const react_select_1 = __importDefault(require("react-select"));
+const styles_1 = require("../styles");
+const components_1 = require("../components");
+const closeMenuOnScroll_1 = require("../utils/closeMenuOnScroll");
+exports.SELECT_CLASS_NAME_PREFIX = 'MrlSelect';
+exports.SELECT_MENU_LIST_CLASS_NAME = `${exports.SELECT_CLASS_NAME_PREFIX}__menu-list`;
+/**
+ * MrlSelect component
+ * @param props - the component props
+ * @returns the select component
+ */
+function MrlSelect(props) {
+    const { hasError, isReadOnly, kind = 'default', isSearchable = false } = props, rest = __rest(props, ["hasError", "isReadOnly", "kind", "isSearchable"]);
+    const defaultStyles = React.useMemo(() => {
+        return (0, styles_1.getSelectStyles)(kind);
+    }, [kind]);
+    const customComponents = React.useMemo(() => {
+        const defaults = {
+            DropdownIndicator: (components_1.MrlSelectDropdownIndicator),
+            Option: (components_1.MrlSelectOption),
+            SelectContainer: (components_1.MrlSelectContainer),
+            ValueContainer: (components_1.MrlSelectValueContainer)
+        };
+        if (props.components) {
+            Object.assign(defaults, props.components);
+        }
+        return defaults;
+    }, [props.components]);
+    return (React.createElement(react_select_1.default, Object.assign({ classNamePrefix: exports.SELECT_CLASS_NAME_PREFIX, closeMenuOnScroll: (0, closeMenuOnScroll_1.closeMenuOnScroll)(exports.SELECT_MENU_LIST_CLASS_NAME) }, rest, props, { styles: Object.assign(Object.assign({}, 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;

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

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./MrlSelect"), exports);

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

@@ -0,0 +1,40 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MrlSelectClearIndicator = void 0;
+const React = __importStar(require("react"));
+const MrlSvg_1 = require("../../../svg/MrlSvg");
+const ds_icons_1 = require("@muraldevkit/ds-icons");
+const react_select_1 = require("react-select");
+/**
+ * MrlSelectClearIndicator component
+ * @param props the react-select clear indicator props
+ * @returns the select clear indicator
+ */
+function MrlSelectClearIndicator(props) {
+    return (React.createElement(react_select_1.components.ClearIndicator, Object.assign({}, props),
+        React.createElement(MrlSvg_1.MrlSvg, { svg: ds_icons_1.closeAlt, size: "small" })));
+}
+exports.MrlSelectClearIndicator = MrlSelectClearIndicator;

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

@@ -0,0 +1,39 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MrlSelectContainer = void 0;
+const React = __importStar(require("react"));
+const react_select_1 = require("react-select");
+/**
+ * MrlSelectContainer component
+ *
+ * @param props - the react-select container props
+ * @returns a select container
+ */
+function MrlSelectContainer(props) {
+    const dataQa = props.selectProps['data-qa'];
+    return (React.createElement(react_select_1.components.SelectContainer, Object.assign({}, props, { innerProps: Object.assign(Object.assign({}, props.innerProps), (dataQa && { 'data-qa': `${dataQa}-container` })) })));
+}
+exports.MrlSelectContainer = MrlSelectContainer;

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

@@ -0,0 +1,43 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MrlSelectDropdownIndicator = void 0;
+const React = __importStar(require("react"));
+const MrlSvg_1 = require("../../../svg/MrlSvg");
+const ds_icons_1 = require("@muraldevkit/ds-icons");
+/**
+ * MrlSelectDropdownIndicator component
+ *
+ * @param props - the react-select dropdown indicator props
+ * @returns the select dropdown indicator
+ */
+function MrlSelectDropdownIndicator(props) {
+    return (React.createElement(MrlSvg_1.MrlSvg
+    // eslint-disable-next-line react/prop-types
+    , { 
+        // eslint-disable-next-line react/prop-types
+        svg: !props.selectProps.menuIsOpen ? ds_icons_1.chevronDownFilled : ds_icons_1.chevronUpFilled, size: "small" }));
+}
+exports.MrlSelectDropdownIndicator = MrlSelectDropdownIndicator;

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

@@ -0,0 +1,55 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MrlSelectMultiValue = void 0;
+const React = __importStar(require("react"));
+const react_select_1 = require("react-select");
+const classnames_1 = __importDefault(require("classnames"));
+const MrlSelectMultiValue_module_scss_1 = __importDefault(require("./MrlSelectMultiValue.module.scss.js"));
+/**
+ * MrlSelectMultiValue component
+ *
+ * @param props - the react-select multi value props
+ * @returns a multi value component
+ */
+function MrlSelectMultiValue(props) {
+    const { children, selectProps, data } = props;
+    const isReadOnly = selectProps['aria-readonly'];
+    if (isReadOnly) {
+        const selectedOptions = props.getValue();
+        const isLastOption = selectedOptions[selectedOptions.length - 1].value === data.value;
+        return (React.createElement("div", { "aria-label": `${data.label}` },
+            children,
+            !isLastOption && ', '));
+    }
+    const classes = (0, classnames_1.default)(MrlSelectMultiValue_module_scss_1.default['MrlSelectMultiValue'], 'MrlSelectMultiValue', {
+        [MrlSelectMultiValue_module_scss_1.default['MrlSelectMultiValue--is-focused']]: props.isFocused
+    });
+    return (React.createElement(react_select_1.components.MultiValue, Object.assign({}, props, { className: classes }), children));
+}
+exports.MrlSelectMultiValue = MrlSelectMultiValue;

package/dist/cjs/components/form/select/components/MrlSelectMultiValue.module.css

@@ -0,0 +1,4 @@
+.MrlSelectMultiValue--UkyhJ.MrlSelectMultiValue--is-focused--MIYam .MrlSvgContainer {
+  border-radius: var(--mrl-radii-02);
+  outline: var(--mrl-line-width-focus) solid var(--mrl-color-focus);
+}

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

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+require("./MrlSelectMultiValue.module.css");
+exports.default = {
+	"MrlSelectMultiValue": "MrlSelectMultiValue--UkyhJ",
+	"MrlSelectMultiValue--is-focused": "MrlSelectMultiValue--is-focused--MIYam"
+};