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

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

@@ -0,0 +1,53 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var _default = require('./default.js');
+
+/**
+ * MrlSelect styles object for the inline kind
+ *
+ * @returns a styles object
+ */
+function inlineStyles() {
+  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, _default.defaultStyles()), {}, {
+    container: function container(baseStyles) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        flexGrow: 1
+      });
+    },
+    control: function control(baseStyles, state) {
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      var styles = _default.defaultStyles().control(baseStyles, state);
+      var hasError = state.selectProps['aria-invalid'];
+      var isReadOnly = state.selectProps['aria-readonly'];
+      styles.borderColor = 'transparent';
+      styles['&:hover'] = {
+        backgroundColor: 'var(--mrl-black-opacity-00)',
+        borderColor: 'transparent',
+        color: 'var(--mrl-color-text-selected)'
+      };
+      if (state.menuIsOpen) {
+        styles.backgroundColor = 'var(--mrl-black-opacity-01)';
+      }
+      if (hasError) {
+        styles.borderColor = 'rgba(var(--mrl-status-error), 1)';
+        styles.paddingLeft = 'calc(var(--mrl-spacing-02) + var(--mrl-spacing-01)) var(--mrl-spacing-03)';
+        styles['&:hover'] = {
+          backgroundColor: 'var(--mrl-black-opacity-00)',
+          borderColor: 'rgba(var(--mrl-status-error), 1)',
+          color: 'var(--mrl-color-text-selected)'
+        };
+      }
+      if (isReadOnly) {
+        styles.backgroundColor = 'var(--mrl-color-background)';
+      }
+      if (state.selectProps.isMulti) {
+        styles.paddingLeft = 0;
+      }
+      return styles;
+    }
+  });
+}
+
+exports.inlineStyles = inlineStyles;
+//# sourceMappingURL=inline.js.map

package/dist/cjs/components/form/select/styles/inline.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inline.js","sources":["../../../../../../src/components/form/select/styles/inline.ts"],"sourcesContent":["import { GroupBase, StylesConfig } from 'react-select';\nimport { defaultStyles } from './default';\n\n/**\n * MrlSelect styles object for the inline kind\n *\n * @returns a styles object\n */\nexport function inlineStyles<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(): StylesConfig<T, IsMulti, Group> {\n\treturn {\n\t\t...defaultStyles<T, IsMulti, Group>(),\n\t\tcontainer: (baseStyles) => {\n\t\t\treturn {\n\t\t\t\t...baseStyles,\n\t\t\t\tflexGrow: 1\n\t\t\t};\n\t\t},\n\t\tcontrol: (baseStyles, state) => {\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\t\tconst styles = defaultStyles<T, IsMulti, Group>().control!(baseStyles, state);\n\n\t\t\tconst hasError = state.selectProps['aria-invalid'];\n\t\t\tconst isReadOnly = state.selectProps['aria-readonly'];\n\n\t\t\tstyles.borderColor = 'transparent';\n\t\t\tstyles['&:hover'] = {\n\t\t\t\tbackgroundColor: 'var(--mrl-black-opacity-00)',\n\t\t\t\tborderColor: 'transparent',\n\t\t\t\tcolor: 'var(--mrl-color-text-selected)'\n\t\t\t};\n\n\t\t\tif (state.menuIsOpen) {\n\t\t\t\tstyles.backgroundColor = 'var(--mrl-black-opacity-01)';\n\t\t\t}\n\n\t\t\tif (hasError) {\n\t\t\t\tstyles.borderColor = 'rgba(var(--mrl-status-error), 1)';\n\t\t\t\tstyles.paddingLeft =\n\t\t\t\t\t'calc(var(--mrl-spacing-02) + var(--mrl-spacing-01)) var(--mrl-spacing-03)';\n\t\t\t\tstyles['&:hover'] = {\n\t\t\t\t\tbackgroundColor: 'var(--mrl-black-opacity-00)',\n\t\t\t\t\tborderColor: 'rgba(var(--mrl-status-error), 1)',\n\t\t\t\t\tcolor: 'var(--mrl-color-text-selected)'\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tif (isReadOnly) {\n\t\t\t\tstyles.backgroundColor = 'var(--mrl-color-background)';\n\t\t\t}\n\n\t\t\tif (state.selectProps.isMulti) {\n\t\t\t\tstyles.paddingLeft = 0;\n\t\t\t}\n\n\t\t\treturn styles;\n\t\t}\n\t};\n}\n"],"names":["inlineStyles","_objectSpread","defaultStyles","container","baseStyles","flexGrow","control","state","styles","hasError","selectProps","isReadOnly","borderColor","backgroundColor","color","menuIsOpen","paddingLeft","isMulti"],"mappings":";;;;;AAGA;AACA;AACA;AACA;AACA;AACO,SAASA,YAAYA,GAIS;AACpC,EAAA,OAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIC,sBAAa,EAAqB,CAAA,EAAA,EAAA,EAAA;AACrCC,IAAAA,SAAS,EAAE,SAAXA,SAASA,CAAGC,UAAU,EAAK;AAC1B,MAAA,OAAAH,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIG,UAAU,CAAA,EAAA,EAAA,EAAA;AACbC,QAAAA,QAAQ,EAAE;AAAC,OAAA,CAAA;IAEb,CAAC;AACDC,IAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGF,UAAU,EAAEG,KAAK,EAAK;AAC/B;MACA,IAAMC,MAAM,GAAGN,sBAAa,EAAqB,CAACI,OAAO,CAAEF,UAAU,EAAEG,KAAK,CAAC;AAE7E,MAAA,IAAME,QAAQ,GAAGF,KAAK,CAACG,WAAW,CAAC,cAAc,CAAC;AAClD,MAAA,IAAMC,UAAU,GAAGJ,KAAK,CAACG,WAAW,CAAC,eAAe,CAAC;MAErDF,MAAM,CAACI,WAAW,GAAG,aAAa;MAClCJ,MAAM,CAAC,SAAS,CAAC,GAAG;AACnBK,QAAAA,eAAe,EAAE,6BAA6B;AAC9CD,QAAAA,WAAW,EAAE,aAAa;AAC1BE,QAAAA,KAAK,EAAE;OACP;MAED,IAAIP,KAAK,CAACQ,UAAU,EAAE;QACrBP,MAAM,CAACK,eAAe,GAAG,6BAA6B;AACvD,MAAA;AAEA,MAAA,IAAIJ,QAAQ,EAAE;QACbD,MAAM,CAACI,WAAW,GAAG,kCAAkC;QACvDJ,MAAM,CAACQ,WAAW,GACjB,2EAA2E;QAC5ER,MAAM,CAAC,SAAS,CAAC,GAAG;AACnBK,UAAAA,eAAe,EAAE,6BAA6B;AAC9CD,UAAAA,WAAW,EAAE,kCAAkC;AAC/CE,UAAAA,KAAK,EAAE;SACP;AACF,MAAA;AAEA,MAAA,IAAIH,UAAU,EAAE;QACfH,MAAM,CAACK,eAAe,GAAG,6BAA6B;AACvD,MAAA;AAEA,MAAA,IAAIN,KAAK,CAACG,WAAW,CAACO,OAAO,EAAE;QAC9BT,MAAM,CAACQ,WAAW,GAAG,CAAC;AACvB,MAAA;AAEA,MAAA,OAAOR,MAAM;AACd,IAAA;AAAC,GAAA,CAAA;AAEH;;;;"}

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

@@ -0,0 +1,63 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var _default = require('./default.js');
+
+/**
+ * MrlSelect styles object for the inline-no-label kind
+ *
+ * @returns a styles object
+ */
+function inlineNoLabelStyles() {
+  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, _default.defaultStyles()), {}, {
+    container: function container(baseStyles) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        flexGrow: 1
+      });
+    },
+    control: function control(baseStyles, state) {
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      var styles = _default.defaultStyles().control(baseStyles, state);
+      var hasError = state.selectProps['aria-invalid'];
+      var isReadOnly = state.selectProps['aria-readonly'];
+      styles.borderColor = 'transparent';
+      styles.color = 'var(--mrl-color-text-label)';
+      styles.fontWeight = 'var(--mrl-font-weight-04)';
+      styles.minHeight = 'var(--mrl-spacing-06)';
+      styles.padding = 'var(--mrl-spacing-03) var(--mrl-space-inset)';
+      styles['&:hover'] = {
+        backgroundColor: 'var(--mrl-black-opacity-00)',
+        borderColor: 'transparent',
+        color: 'var(--mrl-color-text-selected)'
+      };
+      if (state.menuIsOpen) {
+        styles.backgroundColor = 'var(--mrl-black-opacity-01)';
+      }
+      if (hasError) {
+        styles.paddingLeft = 'calc(var(--mrl-spacing-02) + var(--mrl-spacing-01)) var(--mrl-spacing-03)';
+        styles.borderColor = 'rgba(var(--mrl-status-error), 1)';
+        styles['&:hover'] = {
+          backgroundColor: 'var(--mrl-black-opacity-00)',
+          borderColor: 'rgba(var(--mrl-status-error), 1)',
+          color: 'var(--mrl-color-text-selected)'
+        };
+      }
+      if (isReadOnly) {
+        styles.backgroundColor = 'var(--mrl-color-background)';
+      }
+      if (state.selectProps.isMulti) {
+        styles.paddingLeft = 0;
+      }
+      return styles;
+    },
+    valueContainer: function valueContainer(baseStyles) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        minHeight: 'var(--mrl-spacing-06)',
+        padding: 0
+      });
+    }
+  });
+}
+
+exports.inlineNoLabelStyles = inlineNoLabelStyles;
+//# sourceMappingURL=inlineNoLabel.js.map

package/dist/cjs/components/form/select/styles/inlineNoLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inlineNoLabel.js","sources":["../../../../../../src/components/form/select/styles/inlineNoLabel.ts"],"sourcesContent":["import { GroupBase, StylesConfig } from 'react-select';\nimport { defaultStyles } from './default';\n\n/**\n * MrlSelect styles object for the inline-no-label kind\n *\n * @returns a styles object\n */\nexport function inlineNoLabelStyles<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(): StylesConfig<T, IsMulti, Group> {\n\treturn {\n\t\t...defaultStyles<T, IsMulti, Group>(),\n\t\tcontainer: (baseStyles) => {\n\t\t\treturn {\n\t\t\t\t...baseStyles,\n\t\t\t\tflexGrow: 1\n\t\t\t};\n\t\t},\n\t\tcontrol: (baseStyles, state) => {\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\t\tconst styles = defaultStyles<T, IsMulti, Group>().control!(baseStyles, state);\n\n\t\t\tconst hasError = state.selectProps['aria-invalid'];\n\t\t\tconst isReadOnly = state.selectProps['aria-readonly'];\n\n\t\t\tstyles.borderColor = 'transparent';\n\t\t\tstyles.color = 'var(--mrl-color-text-label)';\n\t\t\tstyles.fontWeight = 'var(--mrl-font-weight-04)';\n\t\t\tstyles.minHeight = 'var(--mrl-spacing-06)';\n\t\t\tstyles.padding = 'var(--mrl-spacing-03) var(--mrl-space-inset)';\n\t\t\tstyles['&:hover'] = {\n\t\t\t\tbackgroundColor: 'var(--mrl-black-opacity-00)',\n\t\t\t\tborderColor: 'transparent',\n\t\t\t\tcolor: 'var(--mrl-color-text-selected)'\n\t\t\t};\n\n\t\t\tif (state.menuIsOpen) {\n\t\t\t\tstyles.backgroundColor = 'var(--mrl-black-opacity-01)';\n\t\t\t}\n\n\t\t\tif (hasError) {\n\t\t\t\tstyles.paddingLeft =\n\t\t\t\t\t'calc(var(--mrl-spacing-02) + var(--mrl-spacing-01)) var(--mrl-spacing-03)';\n\t\t\t\tstyles.borderColor = 'rgba(var(--mrl-status-error), 1)';\n\t\t\t\tstyles['&:hover'] = {\n\t\t\t\t\tbackgroundColor: 'var(--mrl-black-opacity-00)',\n\t\t\t\t\tborderColor: 'rgba(var(--mrl-status-error), 1)',\n\t\t\t\t\tcolor: 'var(--mrl-color-text-selected)'\n\t\t\t\t};\n\t\t\t}\n\n\t\t\tif (isReadOnly) {\n\t\t\t\tstyles.backgroundColor = 'var(--mrl-color-background)';\n\t\t\t}\n\n\t\t\tif (state.selectProps.isMulti) {\n\t\t\t\tstyles.paddingLeft = 0;\n\t\t\t}\n\n\t\t\treturn styles;\n\t\t},\n\t\tvalueContainer: (baseStyles) => {\n\t\t\treturn {\n\t\t\t\t...baseStyles,\n\t\t\t\tminHeight: 'var(--mrl-spacing-06)',\n\t\t\t\tpadding: 0\n\t\t\t};\n\t\t}\n\t};\n}\n"],"names":["inlineNoLabelStyles","_objectSpread","defaultStyles","container","baseStyles","flexGrow","control","state","styles","hasError","selectProps","isReadOnly","borderColor","color","fontWeight","minHeight","padding","backgroundColor","menuIsOpen","paddingLeft","isMulti","valueContainer"],"mappings":";;;;;AAGA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,GAIE;AACpC,EAAA,OAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIC,sBAAa,EAAqB,CAAA,EAAA,EAAA,EAAA;AACrCC,IAAAA,SAAS,EAAE,SAAXA,SAASA,CAAGC,UAAU,EAAK;AAC1B,MAAA,OAAAH,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIG,UAAU,CAAA,EAAA,EAAA,EAAA;AACbC,QAAAA,QAAQ,EAAE;AAAC,OAAA,CAAA;IAEb,CAAC;AACDC,IAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGF,UAAU,EAAEG,KAAK,EAAK;AAC/B;MACA,IAAMC,MAAM,GAAGN,sBAAa,EAAqB,CAACI,OAAO,CAAEF,UAAU,EAAEG,KAAK,CAAC;AAE7E,MAAA,IAAME,QAAQ,GAAGF,KAAK,CAACG,WAAW,CAAC,cAAc,CAAC;AAClD,MAAA,IAAMC,UAAU,GAAGJ,KAAK,CAACG,WAAW,CAAC,eAAe,CAAC;MAErDF,MAAM,CAACI,WAAW,GAAG,aAAa;MAClCJ,MAAM,CAACK,KAAK,GAAG,6BAA6B;MAC5CL,MAAM,CAACM,UAAU,GAAG,2BAA2B;MAC/CN,MAAM,CAACO,SAAS,GAAG,uBAAuB;MAC1CP,MAAM,CAACQ,OAAO,GAAG,8CAA8C;MAC/DR,MAAM,CAAC,SAAS,CAAC,GAAG;AACnBS,QAAAA,eAAe,EAAE,6BAA6B;AAC9CL,QAAAA,WAAW,EAAE,aAAa;AAC1BC,QAAAA,KAAK,EAAE;OACP;MAED,IAAIN,KAAK,CAACW,UAAU,EAAE;QACrBV,MAAM,CAACS,eAAe,GAAG,6BAA6B;AACvD,MAAA;AAEA,MAAA,IAAIR,QAAQ,EAAE;QACbD,MAAM,CAACW,WAAW,GACjB,2EAA2E;QAC5EX,MAAM,CAACI,WAAW,GAAG,kCAAkC;QACvDJ,MAAM,CAAC,SAAS,CAAC,GAAG;AACnBS,UAAAA,eAAe,EAAE,6BAA6B;AAC9CL,UAAAA,WAAW,EAAE,kCAAkC;AAC/CC,UAAAA,KAAK,EAAE;SACP;AACF,MAAA;AAEA,MAAA,IAAIF,UAAU,EAAE;QACfH,MAAM,CAACS,eAAe,GAAG,6BAA6B;AACvD,MAAA;AAEA,MAAA,IAAIV,KAAK,CAACG,WAAW,CAACU,OAAO,EAAE;QAC9BZ,MAAM,CAACW,WAAW,GAAG,CAAC;AACvB,MAAA;AAEA,MAAA,OAAOX,MAAM;IACd,CAAC;AACDa,IAAAA,cAAc,EAAE,SAAhBA,cAAcA,CAAGjB,UAAU,EAAK;AAC/B,MAAA,OAAAH,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIG,UAAU,CAAA,EAAA,EAAA,EAAA;AACbW,QAAAA,SAAS,EAAE,uBAAuB;AAClCC,QAAAA,OAAO,EAAE;AAAC,OAAA,CAAA;AAEZ,IAAA;AAAC,GAAA,CAAA;AAEH;;;;"}

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

@@ -0,0 +1,37 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var _default = require('./default.js');
+var inline = require('./inline.js');
+
+/**
+ * MrlSelect styles object for the inline-stacked kind
+ *
+ * @returns a styles object
+ */
+function inlineStackedStyles() {
+  return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, _default.defaultStyles()), {}, {
+    control: function control(baseStyles, state) {
+      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+      var styles = inline.inlineStyles().control(baseStyles, state);
+      var hasError = state.selectProps['aria-invalid'];
+      styles.paddingLeft = 0;
+      styles.transition = 'background-color var(--mrl-duration-03) var(--mrl-timing-m2), padding-left var(--mrl-duration-03) var(--mrl-timing-m2)';
+      styles['&:hover'] = _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, styles['&:hover']), {}, {
+        paddingLeft: 'var(--mrl-space-inset-control-small)'
+      });
+      if (hasError || state.isFocused || state.menuIsOpen) {
+        styles.paddingLeft = 'var(--mrl-space-inset-control-small)';
+      }
+      return styles;
+    },
+    placeholder: function placeholder(baseStyles) {
+      return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, baseStyles), {}, {
+        marginLeft: 0
+      });
+    }
+  });
+}
+
+exports.inlineStackedStyles = inlineStackedStyles;
+//# sourceMappingURL=inlineStacked.js.map

package/dist/cjs/components/form/select/styles/inlineStacked.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"inlineStacked.js","sources":["../../../../../../src/components/form/select/styles/inlineStacked.ts"],"sourcesContent":["import { CSSObjectWithLabel, GroupBase, StylesConfig } from 'react-select';\nimport { defaultStyles } from './default';\nimport { inlineStyles } from './inline';\n\n/**\n * MrlSelect styles object for the inline-stacked kind\n *\n * @returns a styles object\n */\nexport function inlineStackedStyles<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(): StylesConfig<T, IsMulti, Group> {\n\treturn {\n\t\t...defaultStyles<T, IsMulti, Group>(),\n\t\tcontrol: (baseStyles, state) => {\n\t\t\t// eslint-disable-next-line @typescript-eslint/no-non-null-assertion\n\t\t\tconst styles = inlineStyles<T, IsMulti, Group>().control!(baseStyles, state);\n\t\t\tconst hasError = state.selectProps['aria-invalid'];\n\n\t\t\tstyles.paddingLeft = 0;\n\t\t\tstyles.transition =\n\t\t\t\t'background-color var(--mrl-duration-03) var(--mrl-timing-m2), padding-left var(--mrl-duration-03) var(--mrl-timing-m2)';\n\t\t\tstyles['&:hover'] = {\n\t\t\t\t...(styles['&:hover'] as CSSObjectWithLabel),\n\t\t\t\tpaddingLeft: 'var(--mrl-space-inset-control-small)'\n\t\t\t};\n\n\t\t\tif (hasError || state.isFocused || state.menuIsOpen) {\n\t\t\t\tstyles.paddingLeft = 'var(--mrl-space-inset-control-small)';\n\t\t\t}\n\n\t\t\treturn styles;\n\t\t},\n\t\tplaceholder: (baseStyles) => {\n\t\t\treturn {\n\t\t\t\t...baseStyles,\n\t\t\t\tmarginLeft: 0\n\t\t\t};\n\t\t}\n\t};\n}\n"],"names":["inlineStackedStyles","_objectSpread","defaultStyles","control","baseStyles","state","styles","inlineStyles","hasError","selectProps","paddingLeft","transition","isFocused","menuIsOpen","placeholder","marginLeft"],"mappings":";;;;;;AAIA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,GAIE;AACpC,EAAA,OAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIC,sBAAa,EAAqB,CAAA,EAAA,EAAA,EAAA;AACrCC,IAAAA,OAAO,EAAE,SAATA,OAAOA,CAAGC,UAAU,EAAEC,KAAK,EAAK;AAC/B;MACA,IAAMC,MAAM,GAAGC,mBAAY,EAAqB,CAACJ,OAAO,CAAEC,UAAU,EAAEC,KAAK,CAAC;AAC5E,MAAA,IAAMG,QAAQ,GAAGH,KAAK,CAACI,WAAW,CAAC,cAAc,CAAC;MAElDH,MAAM,CAACI,WAAW,GAAG,CAAC;MACtBJ,MAAM,CAACK,UAAU,GAChB,wHAAwH;MACzHL,MAAM,CAAC,SAAS,CAAC,GAAAL,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACZK,MAAM,CAAC,SAAS,CAAC,CAAA,EAAA,EAAA,EAAA;AACrBI,QAAAA,WAAW,EAAE;OAAsC,CACnD;MAED,IAAIF,QAAQ,IAAIH,KAAK,CAACO,SAAS,IAAIP,KAAK,CAACQ,UAAU,EAAE;QACpDP,MAAM,CAACI,WAAW,GAAG,sCAAsC;AAC5D,MAAA;AAEA,MAAA,OAAOJ,MAAM;IACd,CAAC;AACDQ,IAAAA,WAAW,EAAE,SAAbA,WAAWA,CAAGV,UAAU,EAAK;AAC5B,MAAA,OAAAH,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIG,UAAU,CAAA,EAAA,EAAA,EAAA;AACbW,QAAAA,UAAU,EAAE;AAAC,OAAA,CAAA;AAEf,IAAA;AAAC,GAAA,CAAA;AAEH;;;;"}

package/dist/cjs/components/form/select/utils/closeMenuOnScroll.js

@@ -0,0 +1,24 @@
+'use strict';
+
+/**
+ * Evaluates the scroll event target with a given class name to prevent closing the select menu when
+ * it renders inside a scrollable container.
+ * if the scroll event target contains the provided class, the function return `false` to keep the menu open.
+ * In most scenarios, `className` will be the class name of the select menu list.
+ *
+ * @param  className - The class name to check against the target element's class list.
+ * @returns An event handler function that takes an event as an argument
+ */
+function closeMenuOnScroll(className) {
+  return function (e) {
+    e.stopPropagation();
+    var el = e.target;
+    if (el && el.classList && typeof el.classList.contains === 'function') {
+      return !el.classList.contains(className);
+    }
+    return true;
+  };
+}
+
+exports.closeMenuOnScroll = closeMenuOnScroll;
+//# sourceMappingURL=closeMenuOnScroll.js.map

package/dist/cjs/components/form/select/utils/closeMenuOnScroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"closeMenuOnScroll.js","sources":["../../../../../../src/components/form/select/utils/closeMenuOnScroll.ts"],"sourcesContent":["/**\n * Evaluates the scroll event target with a given class name to prevent closing the select menu when\n * it renders inside a scrollable container.\n * if the scroll event target contains the provided class, the function return `false` to keep the menu open.\n * In most scenarios, `className` will be the class name of the select menu list.\n *\n * @param  className - The class name to check against the target element's class list.\n * @returns An event handler function that takes an event as an argument\n */\nexport function closeMenuOnScroll(className: string): (e: Event) => boolean {\n\treturn function (e: Event): boolean {\n\t\te.stopPropagation();\n\t\tconst el = e.target as HTMLElement;\n\t\tif (el && el.classList && typeof el.classList.contains === 'function') {\n\t\t\treturn !el.classList.contains(className);\n\t\t}\n\t\treturn true;\n\t};\n}\n"],"names":["closeMenuOnScroll","className","e","stopPropagation","el","target","classList","contains"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,iBAAiBA,CAACC,SAAiB,EAAyB;EAC3E,OAAO,UAAUC,CAAQ,EAAW;IACnCA,CAAC,CAACC,eAAe,EAAE;AACnB,IAAA,IAAMC,EAAE,GAAGF,CAAC,CAACG,MAAqB;AAClC,IAAA,IAAID,EAAE,IAAIA,EAAE,CAACE,SAAS,IAAI,OAAOF,EAAE,CAACE,SAAS,CAACC,QAAQ,KAAK,UAAU,EAAE;MACtE,OAAO,CAACH,EAAE,CAACE,SAAS,CAACC,QAAQ,CAACN,SAAS,CAAC;AACzC,IAAA;AACA,IAAA,OAAO,IAAI;EACZ,CAAC;AACF;;;;"}

package/dist/cjs/components/form/switch/MrlSwitch/MrlSwitch.js

@@ -0,0 +1,57 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var MrlSwitch_module = require('./MrlSwitch.module.scss.js');
+var setAttributes = require('../../../../utils/setAttributes/setAttributes.js');
+var MrlSwitchStandalone = require('../MrlSwitchStandalone/MrlSwitchStandalone.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", "disabled", "id", "label", "onChange", "selected"];
+var MrlSwitch = /*#__PURE__*/React.memo(function (_ref) {
+  var className = _ref.className,
+    disabled = _ref.disabled,
+    _ref$id = _ref.id,
+    id = _ref$id === void 0 ? undefined : _ref$id,
+    label = _ref.label,
+    onChange = _ref.onChange,
+    _ref$selected = _ref.selected,
+    selected = _ref$selected === void 0 ? false : _ref$selected,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var inputId = React.useMemo(function () {
+    return id || setAttributes.getUniqueId('mrl-toggle-');
+  }, [id]);
+  var textOnlyLabel = typeof label === 'string';
+  var containerClasses = classnames('MrlSwitch', MrlSwitch_module.default['MrlSwitch'], className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, 'mrl-label', textOnlyLabel), MrlSwitch_module.default['MrlLabel'], textOnlyLabel), 'MrlSwitch-disabled', disabled), MrlSwitch_module.default['MrlSwitch-disabled'], disabled));
+  return /*#__PURE__*/React__namespace.createElement("label", {
+    className: containerClasses
+  }, label, /*#__PURE__*/React__namespace.createElement(MrlSwitchStandalone.MrlSwitchStandalone, _rollupPluginBabelHelpers.extends({}, rest, {
+    disabled: disabled,
+    id: inputId,
+    onChange: onChange,
+    selected: selected
+  })));
+});
+MrlSwitch.displayName = 'MrlSwitch';
+
+exports.MrlSwitch = MrlSwitch;
+//# sourceMappingURL=MrlSwitch.js.map

package/dist/cjs/components/form/switch/MrlSwitch/MrlSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlSwitch.js","sources":["../../../../../../src/components/form/switch/MrlSwitch/MrlSwitch.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { memo, useMemo } from 'react';\nimport { MrlSwitchStandalone } from '../../..';\nimport { getUniqueId } from '../../../../utils';\n\nimport styles from './MrlSwitch.module.scss';\n\ninterface MrlSwitchProps extends React.ComponentPropsWithoutRef<'input'> {\n\tclassName?: string;\n\tdisabled?: boolean;\n\tid?: string;\n\t/**\n\t * The `label` is best used as a string, which will style according to MrlLabel styles.\n\t * If you need custom styles, you can use `className` or use a span that you style as `label`\n\t */\n\tlabel: string | React.ReactNode;\n\tonChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n\tselected?: boolean;\n}\n\nexport const MrlSwitch = memo(\n\t({\n\t\tclassName,\n\t\tdisabled,\n\t\tid = undefined,\n\t\tlabel,\n\t\tonChange,\n\t\tselected = false,\n\t\t...rest\n\t}: MrlSwitchProps) => {\n\t\tconst inputId = useMemo(() => id || getUniqueId('mrl-toggle-'), [id]);\n\t\tconst textOnlyLabel = typeof label === 'string';\n\t\tconst containerClasses = classnames('MrlSwitch', styles['MrlSwitch'], className, {\n\t\t\t['mrl-label']: textOnlyLabel,\n\t\t\t[styles['MrlLabel']]: textOnlyLabel,\n\t\t\t['MrlSwitch-disabled']: disabled,\n\t\t\t[styles['MrlSwitch-disabled']]: disabled\n\t\t});\n\n\t\treturn (\n\t\t\t<label className={containerClasses}>\n\t\t\t\t{label}\n\t\t\t\t<MrlSwitchStandalone\n\t\t\t\t\t{...rest}\n\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\tid={inputId}\n\t\t\t\t\tonChange={onChange}\n\t\t\t\t\tselected={selected}\n\t\t\t\t/>\n\t\t\t</label>\n\t\t);\n\t}\n);\n\nMrlSwitch.displayName = 'MrlSwitch';\n"],"names":["MrlSwitch","memo","_ref","className","disabled","_ref$id","id","undefined","label","onChange","_ref$selected","selected","rest","_objectWithoutProperties","_excluded","inputId","useMemo","getUniqueId","textOnlyLabel","containerClasses","classnames","styles","_defineProperty","React","createElement","MrlSwitchStandalone","_extends","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAqBaA,SAAS,gBAAGC,UAAI,CAC5B,UAAAC,IAAA,EAQsB;AAAA,EAAA,IAPrBC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,OAAA,GAAAH,IAAA,CACRI,EAAE;AAAFA,IAAAA,EAAE,GAAAD,OAAA,KAAA,MAAA,GAAGE,SAAS,GAAAF,OAAA;IACdG,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IAAAC,aAAA,GAAAR,IAAA,CACRS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;AACbE,IAAAA,IAAI,GAAAC,iDAAA,CAAAX,IAAA,EAAAY,SAAA,CAAA;EAEP,IAAMC,OAAO,GAAGC,aAAO,CAAC,YAAA;AAAA,IAAA,OAAMV,EAAE,IAAIW,yBAAW,CAAC,aAAa,CAAC;EAAA,CAAA,EAAE,CAACX,EAAE,CAAC,CAAC;AACrE,EAAA,IAAMY,aAAa,GAAG,OAAOV,KAAK,KAAK,QAAQ;AAC/C,EAAA,IAAMW,gBAAgB,GAAGC,UAAU,CAAC,WAAW,EAAEC,wBAAM,CAAC,WAAW,CAAC,EAAElB,SAAS,EAAAmB,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAAA,wCAAA,CAAA,EAAA,EAC7E,WAAW,EAAGJ,aAAa,GAC3BG,wBAAM,CAAC,UAAU,CAAC,EAAGH,aAAa,CAAA,EAClC,oBAAoB,EAAGd,QAAQ,CAAA,EAC/BiB,wBAAM,CAAC,oBAAoB,CAAC,EAAGjB,QAAQ,CACxC,CAAC;EAEF,oBACCmB,gBAAA,CAAAC,aAAA,CAAA,OAAA,EAAA;AAAOrB,IAAAA,SAAS,EAAEgB;GAAiB,EACjCX,KAAK,eACNe,gBAAA,CAAAC,aAAA,CAACC,uCAAmB,EAAAC,iCAAA,CAAA,EAAA,EACfd,IAAI,EAAA;AACRR,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,EAAE,EAAES,OAAQ;AACZN,IAAAA,QAAQ,EAAEA,QAAS;AACnBE,IAAAA,QAAQ,EAAEA;AAAS,GAAA,CACnB,CACK,CAAC;AAEV,CACD;AAEAX,SAAS,CAAC2B,WAAW,GAAG,WAAW;;;;"}

package/dist/cjs/components/form/switch/MrlSwitch/MrlSwitch.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlLabel":"MrlLabel--kpDDL","MrlSwitch":"MrlSwitch--XCL5G","MrlSwitch-disabled":"MrlSwitch-disabled--iS1ZX"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlSwitch.module.scss.js.map

package/dist/cjs/components/form/switch/MrlSwitch/MrlSwitch.module.scss.js.map

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

package/dist/cjs/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.js

@@ -0,0 +1,72 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var dsIcons = require('@muraldevkit/ds-icons');
+var React = require('react');
+var classnames = require('classnames');
+var MrlSwitchStandalone_module = require('./MrlSwitchStandalone.module.scss.js');
+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);
+
+var _excluded = ["className", "id", "labelledBy", "onChange", "selected"];
+var MrlSwitchStandalone = /*#__PURE__*/React.memo(function (_ref) {
+  var className = _ref.className,
+    id = _ref.id,
+    labelledBy = _ref.labelledBy,
+    onChange = _ref.onChange,
+    _ref$selected = _ref.selected,
+    selected = _ref$selected === void 0 ? false : _ref$selected,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _useState = React.useState(selected),
+    _useState2 = _rollupPluginBabelHelpers.slicedToArray(_useState, 2),
+    isChecked = _useState2[0],
+    setIsChecked = _useState2[1];
+  React.useEffect(function () {
+    setIsChecked(selected);
+  }, [selected]);
+  var handleChange = function handleChange(e) {
+    setIsChecked(e.target.checked);
+    onChange(e);
+  };
+  var containerClasses = classnames(className, 'MrlSwitchStandalone', MrlSwitchStandalone_module.default['MrlSwitchStandalone']);
+  return /*#__PURE__*/React__namespace.createElement("div", {
+    className: containerClasses
+  }, /*#__PURE__*/React__namespace.createElement("input", _rollupPluginBabelHelpers.extends({}, rest, {
+    "aria-labelledby": labelledBy,
+    "aria-checked": isChecked,
+    className: classnames('MrlSwitchStandalone-checkbox', MrlSwitchStandalone_module.default['MrlSwitchStandalone-checkbox']),
+    id: id,
+    onChange: handleChange,
+    type: "checkbox",
+    role: "switch"
+  })), /*#__PURE__*/React__namespace.createElement("span", {
+    className: classnames('MrlSwitchStandalone-switch', MrlSwitchStandalone_module.default['MrlSwitchStandalone-switch'])
+  }), /*#__PURE__*/React__namespace.createElement("span", {
+    className: classnames('MrlSwitchStandalone-switch-indicator', MrlSwitchStandalone_module.default['MrlSwitchStandalone-switch-indicator'])
+  }, /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+    size: "auto",
+    svg: isChecked ? dsIcons.check : dsIcons.minus
+  })));
+});
+MrlSwitchStandalone.displayName = 'MrlSwitchStandalone';
+
+exports.MrlSwitchStandalone = MrlSwitchStandalone;
+//# sourceMappingURL=MrlSwitchStandalone.js.map

package/dist/cjs/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlSwitchStandalone.js","sources":["../../../../../../src/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.tsx"],"sourcesContent":["import { check, minus } from '@muraldevkit/ds-icons';\nimport * as React from 'react';\nimport classnames from 'classnames';\nimport { memo, useState, useEffect } from 'react';\nimport { MrlSvg } from '../../..';\n\nimport styles from './MrlSwitchStandalone.module.scss';\n\ninterface MrlSwitchStandaloneProps extends React.ComponentPropsWithoutRef<'input'> {\n\tclassName?: string;\n\tid: string;\n\tlabelledBy?: string;\n\tonChange: (e: React.ChangeEvent<HTMLInputElement>) => void;\n\tselected?: boolean;\n}\n\nexport const MrlSwitchStandalone = memo(\n\t({\n\t\tclassName,\n\t\tid,\n\t\tlabelledBy,\n\t\tonChange,\n\t\tselected = false,\n\t\t...rest\n\t}: MrlSwitchStandaloneProps) => {\n\t\tconst [isChecked, setIsChecked] = useState(selected);\n\n\t\tuseEffect(() => {\n\t\t\tsetIsChecked(selected);\n\t\t}, [selected]);\n\n\t\tconst handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n\t\t\tsetIsChecked(e.target.checked);\n\t\t\tonChange(e);\n\t\t};\n\n\t\tconst containerClasses = classnames(\n\t\t\tclassName,\n\t\t\t'MrlSwitchStandalone',\n\t\t\tstyles['MrlSwitchStandalone']\n\t\t);\n\n\t\treturn (\n\t\t\t<div className={containerClasses}>\n\t\t\t\t<input\n\t\t\t\t\t{...rest}\n\t\t\t\t\taria-labelledby={labelledBy}\n\t\t\t\t\taria-checked={isChecked}\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t'MrlSwitchStandalone-checkbox',\n\t\t\t\t\t\tstyles['MrlSwitchStandalone-checkbox']\n\t\t\t\t\t)}\n\t\t\t\t\tid={id}\n\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\trole=\"switch\"\n\t\t\t\t/>\n\t\t\t\t<span\n\t\t\t\t\tclassName={classnames('MrlSwitchStandalone-switch', styles['MrlSwitchStandalone-switch'])}\n\t\t\t\t/>\n\t\t\t\t<span\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\t'MrlSwitchStandalone-switch-indicator',\n\t\t\t\t\t\tstyles['MrlSwitchStandalone-switch-indicator']\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<MrlSvg size=\"auto\" svg={isChecked ? check : minus} />\n\t\t\t\t</span>\n\t\t\t</div>\n\t\t);\n\t}\n);\n\nMrlSwitchStandalone.displayName = 'MrlSwitchStandalone';\n"],"names":["MrlSwitchStandalone","memo","_ref","className","id","labelledBy","onChange","_ref$selected","selected","rest","_objectWithoutProperties","_excluded","_useState","useState","_useState2","_slicedToArray","isChecked","setIsChecked","useEffect","handleChange","e","target","checked","containerClasses","classnames","styles","React","createElement","_extends","type","role","MrlSvg","size","svg","check","minus","displayName"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAgBaA,mBAAmB,gBAAGC,UAAI,CACtC,UAAAC,IAAA,EAOgC;AAAA,EAAA,IAN/BC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,UAAU,GAAAH,IAAA,CAAVG,UAAU;IACVC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IAAAC,aAAA,GAAAL,IAAA,CACRM,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;AACbE,IAAAA,IAAI,GAAAC,iDAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA;AAEP,EAAA,IAAAC,SAAA,GAAkCC,cAAQ,CAACL,QAAQ,CAAC;IAAAM,UAAA,GAAAC,uCAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA7CI,IAAAA,SAAS,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,YAAY,GAAAH,UAAA,CAAA,CAAA,CAAA;AAE9BI,EAAAA,eAAS,CAAC,YAAM;IACfD,YAAY,CAACT,QAAQ,CAAC;AACvB,EAAA,CAAC,EAAE,CAACA,QAAQ,CAAC,CAAC;AAEd,EAAA,IAAMW,YAAY,GAAG,SAAfA,YAAYA,CAAIC,CAAsC,EAAK;AAChEH,IAAAA,YAAY,CAACG,CAAC,CAACC,MAAM,CAACC,OAAO,CAAC;IAC9BhB,QAAQ,CAACc,CAAC,CAAC;EACZ,CAAC;AAED,EAAA,IAAMG,gBAAgB,GAAGC,UAAU,CAClCrB,SAAS,EACT,qBAAqB,EACrBsB,kCAAM,CAAC,qBAAqB,CAC7B,CAAC;EAED,oBACCC,gBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKxB,IAAAA,SAAS,EAAEoB;AAAiB,GAAA,eAChCG,gBAAA,CAAAC,aAAA,CAAA,OAAA,EAAAC,iCAAA,KACKnB,IAAI,EAAA;AACR,IAAA,iBAAA,EAAiBJ,UAAW;AAC5B,IAAA,cAAA,EAAcW,SAAU;IACxBb,SAAS,EAAEqB,UAAU,CACpB,8BAA8B,EAC9BC,kCAAM,CAAC,8BAA8B,CACtC,CAAE;AACFrB,IAAAA,EAAE,EAAEA,EAAG;AACPE,IAAAA,QAAQ,EAAEa,YAAa;AACvBU,IAAAA,IAAI,EAAC,UAAU;AACfC,IAAAA,IAAI,EAAC;AAAQ,GAAA,CACb,CAAC,eACFJ,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACCxB,SAAS,EAAEqB,UAAU,CAAC,4BAA4B,EAAEC,kCAAM,CAAC,4BAA4B,CAAC;AAAE,GAC1F,CAAC,eACFC,gBAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;IACCxB,SAAS,EAAEqB,UAAU,CACpB,sCAAsC,EACtCC,kCAAM,CAAC,sCAAsC,CAC9C;AAAE,GAAA,eAEFC,gBAAA,CAAAC,aAAA,CAACI,aAAM,EAAA;AAACC,IAAAA,IAAI,EAAC,MAAM;AAACC,IAAAA,GAAG,EAAEjB,SAAS,GAAGkB,aAAK,GAAGC;GAAQ,CAChD,CACF,CAAC;AAER,CACD;AAEAnC,mBAAmB,CAACoC,WAAW,GAAG,qBAAqB;;;;"}

package/dist/cjs/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlSwitchStandalone-switch":"MrlSwitchStandalone-switch--usdmG","MrlSwitchStandalone-switch-indicator":"MrlSwitchStandalone-switch-indicator--QRM7_","MrlSwitchStandalone":"MrlSwitchStandalone--z_J5F","MrlSwitchStandalone-checkbox":"MrlSwitchStandalone-checkbox--eQlJK"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlSwitchStandalone.module.scss.js.map

package/dist/cjs/components/form/switch/MrlSwitchStandalone/MrlSwitchStandalone.module.scss.js.map

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

package/dist/cjs/components/form/text-input/MrlEditableTextInput/MrlEditableTextInput.js

@@ -0,0 +1,206 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var dsIcons = require('@muraldevkit/ds-icons');
+var MrlEditableTextInput_module = require('./MrlEditableTextInput.module.scss.js');
+var useActiveColor = require('../../hooks/useActiveColor.js');
+var useIsEditable = require('../../hooks/useIsEditable.js');
+var MrlEditableTextInputRightIcon = require('./MrlEditableTextInputRightIcon.js');
+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);
+
+var _excluded = ["inputId", "maxLength", "placeholder", "state", "value", "error", "isEditable", "setIsEditable", "showIconOnHover", "inputLabelText"];
+var MrlEditableTextInput = /*#__PURE__*/React__namespace.forwardRef(function MrlEditiableTextInput(props, ref) {
+  var inputId = props.inputId,
+    maxLength = props.maxLength,
+    placeholder = props.placeholder,
+    state = props.state,
+    value = props.value,
+    error = props.error,
+    controlledIsEditable = props.isEditable,
+    controlledIsEditableUpdate = props.setIsEditable,
+    _props$showIconOnHove = props.showIconOnHover,
+    showIconOnHover = _props$showIconOnHove === void 0 ? false : _props$showIconOnHove,
+    inputLabelText = props.inputLabelText,
+    attrs = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+  // html id to be reference by input and error description to relay the error for a specific input
+  var describedById = "".concat(inputId, "-description");
+  var textInputRef = React__namespace.useRef(null);
+  var iconRef = React__namespace.useRef(null);
+  var _useActiveColor = useActiveColor.useActiveColor(state),
+    hasActiveColor = _useActiveColor.hasActiveColor,
+    setHasActiveColor = _useActiveColor.setHasActiveColor;
+  var _useIsEditable = useIsEditable.useIsEditable({
+      changeHandler: controlledIsEditableUpdate,
+      initialValue: false,
+      state: state,
+      value: controlledIsEditable
+    }),
+    isEditable = _useIsEditable.isEditable,
+    isEditing = _useIsEditable.isEditing,
+    setIsEditable = _useIsEditable.setIsEditable,
+    setIsEditing = _useIsEditable.setIsEditing;
+  React__namespace.useImperativeHandle(ref, function () {
+    return iconRef.current;
+  });
+  var unlockInput = React__namespace.useCallback(function () {
+    setIsEditable(true);
+    setIsEditing(true);
+  }, [setIsEditable, setIsEditing]);
+  var lockInput = React__namespace.useCallback(function () {
+    setIsEditable(false);
+    setIsEditing(false);
+  }, [setIsEditable, setIsEditing]);
+  var handleOnClick = function handleOnClick(e) {
+    if (!isEditable && !isEditing) {
+      unlockInput();
+    }
+
+    /*
+     * Only to be executed if onClick is provided as a prop
+     */
+    if (typeof attrs.onClick === 'function') {
+      attrs.onClick(e);
+    }
+  };
+  var handleKeyDown = function handleKeyDown(event) {
+    var key = event.key;
+
+    // Selects the item on enter or spacebar and closes the select
+    if (key === 'Escape') {
+      var _iconRef$current;
+      event.stopPropagation();
+      event.preventDefault();
+      lockInput();
+      (_iconRef$current = iconRef.current) === null || _iconRef$current === void 0 ? void 0 : _iconRef$current.focus();
+    }
+    if (typeof attrs.onKeyDown === 'function') {
+      attrs.onKeyDown(event);
+    }
+  };
+  var handleOnBlur = React__namespace.useCallback(function (e) {
+    setHasActiveColor(false);
+    lockInput();
+    if (typeof attrs.onBlur === 'function') {
+      attrs.onBlur(e);
+    }
+  }, [attrs, setHasActiveColor, lockInput]);
+  var handleOnFocus = React__namespace.useCallback(function (e) {
+    setHasActiveColor(true);
+    if (typeof attrs.onFocus === 'function') {
+      attrs.onFocus(e);
+    }
+  }, [attrs, setHasActiveColor]);
+  var handleOnMouseEnter = React__namespace.useCallback(function (e) {
+    setHasActiveColor(true);
+    if (typeof attrs.onMouseEnter === 'function') {
+      attrs.onMouseEnter(e);
+    }
+  }, [attrs, setHasActiveColor]);
+  var handleOnMouseLeave = React__namespace.useCallback(function (e) {
+    setHasActiveColor(false);
+    if (typeof attrs.onMouseLeave === 'function') {
+      attrs.onMouseLeave(e);
+    }
+  }, [attrs, setHasActiveColor]);
+  React__namespace.useEffect(function () {
+    if (iconRef.current) {
+      if (attrs.autoFocus) {
+        iconRef.current.focus();
+      }
+    }
+
+    // it should only run on the first render
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  React__namespace.useEffect(function () {
+    // when editiable changes focus to current thingy
+    if (isEditable && textInputRef.current) {
+      textInputRef.current.focus();
+    }
+  }, [isEditable, isEditing]);
+  var inputClasses = classnames('MrlEditableTextInput', MrlEditableTextInput_module.default['MrlEditableTextInput'], MrlEditableTextInput_module.default['mrl-textInput'], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlEditableTextInput_module.default['MrlEditableTextInput-errorMessage'], state === 'error'), MrlEditableTextInput_module.default['MrlEditableTextInput-errorIcon'], state === 'error'), MrlEditableTextInput_module.default['MrlEditableTextInput--dynamicIcon'], state !== 'read-only'), MrlEditableTextInput_module.default['MrlEditableTextInput--readOnly'], state === 'read-only'), MrlEditableTextInput_module.default['MrlEditableTextInput--active'], hasActiveColor), MrlEditableTextInput_module.default['MrlEditableTextInput--allowOnClick'], typeof attrs.onClick === 'function'), attrs.className);
+  var hasCounter = typeof maxLength !== 'undefined' && Number(maxLength) > 0;
+  if (hasCounter && isNaN(Number(maxLength))) {
+    throw new Error('maxLength should have type number');
+  }
+  var hasErrorMessage = state === 'error' && (error === null || error === void 0 ? void 0 : error.message);
+
+  // do not pass class info to child elements/components
+  delete attrs.className;
+  var iconClasses = classnames('MrlEditableTextInput-right-button', MrlEditableTextInput_module.default['MrlEditableTextInput-right-button'], _rollupPluginBabelHelpers.defineProperty({}, MrlEditableTextInput_module.default['MrlEditableTextInput-hover-button'], showIconOnHover));
+  return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames(MrlEditableTextInput_module.default['MrlEditableTextInput--wrapper'], 'MrlEditableTextInput--wrapper')
+  }, /*#__PURE__*/React__namespace.createElement("input", _rollupPluginBabelHelpers.extends({
+    type: "text"
+  }, attrs, {
+    onClick: handleOnClick,
+    "aria-invalid": state === 'error',
+    "aria-describedby": hasErrorMessage ? describedById : undefined,
+    className: inputClasses,
+    disabled: state === 'disabled',
+    maxLength: hasCounter ? maxLength : undefined,
+    onBlur: handleOnBlur,
+    onFocus: handleOnFocus,
+    onMouseEnter: handleOnMouseEnter,
+    onMouseLeave: handleOnMouseLeave,
+    onKeyDown: handleKeyDown,
+    id: inputId,
+    placeholder: placeholder,
+    readOnly: state === 'read-only' || !isEditable,
+    tabIndex: !isEditable ? -1 : 0,
+    ref: textInputRef,
+    value: value
+  })), state !== 'read-only' && state !== 'disabled' && /*#__PURE__*/React__namespace.createElement("span", {
+    className: iconClasses
+  }, /*#__PURE__*/React__namespace.createElement(MrlEditableTextInputRightIcon.MrlEditableTextInputRightButton, {
+    action: unlockInput,
+    icon: dsIcons.edit,
+    label: "Edit: ".concat(inputLabelText || inputId),
+    dataQa: attrs['data-qa'] && "".concat(attrs['data-qa'], "-edit"),
+    hasActiveColor: hasActiveColor || isEditable,
+    setHasActiveColor: setHasActiveColor,
+    ref: iconRef
+  }))), hasCounter && /*#__PURE__*/React__namespace.createElement("span", {
+    className: MrlEditableTextInput_module.default['MrlForm-counter']
+  }, /*#__PURE__*/React__namespace.createElement("span", {
+    "aria-hidden": "true"
+  }, (value === null || value === void 0 ? void 0 : value.length) || 0, "/", maxLength), /*#__PURE__*/React__namespace.createElement("p", {
+    style: {
+      display: 'none'
+    },
+    id: "".concat(inputId, "-counter")
+  }, "".concat(maxLength - ((value === null || value === void 0 ? void 0 : value.length) || 0), " of ").concat(maxLength, " characters remaining"))), hasErrorMessage && /*#__PURE__*/React__namespace.createElement("span", {
+    className: MrlEditableTextInput_module.default['MrlEditableTextInput-errorMessage']
+  }, /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+    className: MrlEditableTextInput_module.default['MrlEditableTextInput-errorIcon'],
+    "aria-hidden": "true",
+    svg: dsIcons.error,
+    size: "small"
+  }), /*#__PURE__*/React__namespace.createElement("span", {
+    id: describedById
+  }, "".concat(error === null || error === void 0 ? void 0 : error.message))));
+});
+
+exports.MrlEditableTextInput = MrlEditableTextInput;
+//# sourceMappingURL=MrlEditableTextInput.js.map