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

package/dist/cjs/components/filter/MrlFilterContext/MrlFilterContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlFilterContext.js","sources":["../../../../../src/components/filter/MrlFilterContext/MrlFilterContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlFilterProps } from '../MrlFilter/MrlFilter';\n\ntype MrlFilterState = {\n\tchecked: string;\n};\n\ntype MrlFilterContextValue = {\n\tstate: MrlFilterState;\n\tdispatch: React.Dispatch<MrlFilterAction>;\n};\n\n/**\n * Context for the MrlFilter component.\n *\n * This context provides the state and dispatch function for managing the filter state.\n * It is used internally by the MrlFilterContextProvider and can be accessed via the useMrlFilterContext hook.\n */\nconst MrlFilterContext = React.createContext<MrlFilterContextValue | undefined>(undefined);\n\ntype SET_CHECKED = {\n\ttype: 'SET_CHECKED';\n\tpayload: string;\n};\n\ntype MrlFilterAction = SET_CHECKED;\n\nconst mrlFilterReducer = (state: MrlFilterState, action: MrlFilterAction): MrlFilterState => {\n\tswitch (action.type) {\n\t\tcase 'SET_CHECKED': {\n\t\t\treturn {\n\t\t\t\t...state,\n\t\t\t\tchecked: action.payload\n\t\t\t};\n\t\t}\n\t\tdefault:\n\t\t\treturn state;\n\t}\n};\n\ntype MrlFilterContextProviderProps = {\n\tchildren: React.ReactNode;\n} & Pick<MrlFilterProps, 'defaultCheckedValue' | 'onFilterChange'>;\n\n/**\n * MrlFilterContextProvider component.\n *\n * @param props - The component props.\n * @returns The MrlFilterContextProvider component.\n */\nexport function MrlFilterContextProvider(props: MrlFilterContextProviderProps): JSX.Element {\n\tconst { children, defaultCheckedValue = '', onFilterChange } = props;\n\tconst isInitialRenderRef = React.useRef(true);\n\n\tconst [state, dispatch] = React.useReducer(mrlFilterReducer, {\n\t\tchecked: defaultCheckedValue\n\t});\n\n\tReact.useEffect(() => {\n\t\tif (isInitialRenderRef.current) {\n\t\t\tisInitialRenderRef.current = false;\n\t\t} else {\n\t\t\tonFilterChange?.(state.checked);\n\t\t}\n\t}, [state.checked, onFilterChange]);\n\n\treturn (\n\t\t<MrlFilterContext.Provider value={{ dispatch, state }}>{children}</MrlFilterContext.Provider>\n\t);\n}\n\n/**\n * Custom hook to use the MrlFilterContext.\n *\n * This hook provides access to the MrlFilterContext value.\n *\n * @returns The MrlFilterContext value.\n * @throws Will throw an error if used outside of a MrlFilterContextProvider.\n */\nexport const useMrlFilterContext = (): MrlFilterContextValue => {\n\tconst context = React.useContext(MrlFilterContext);\n\tif (!context) {\n\t\tthrow new Error('useMrlFilterContext must be used within a MrlFilterContextProvider');\n\t}\n\treturn context;\n};\n"],"names":["MrlFilterContext","React","createContext","undefined","mrlFilterReducer","state","action","type","_objectSpread","checked","payload","MrlFilterContextProvider","props","children","_props$defaultChecked","defaultCheckedValue","onFilterChange","isInitialRenderRef","useRef","_React$useReducer","useReducer","_React$useReducer2","_slicedToArray","dispatch","useEffect","current","createElement","Provider","value","useMrlFilterContext","context","useContext","Error"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA,IAAMA,gBAAgB,gBAAGC,gBAAK,CAACC,aAAa,CAAoCC,SAAS,CAAC;AAS1F,IAAMC,gBAAgB,GAAG,SAAnBA,gBAAgBA,CAAIC,KAAqB,EAAEC,MAAuB,EAAqB;EAC5F,QAAQA,MAAM,CAACC,IAAI;AAClB,IAAA,KAAK,aAAa;AAAE,MAAA;AACnB,QAAA,OAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACIH,KAAK,CAAA,EAAA,EAAA,EAAA;UACRI,OAAO,EAAEH,MAAM,CAACI;AAAO,SAAA,CAAA;AAEzB,MAAA;AACA,IAAA;AACC,MAAA,OAAOL,KAAK;AACd;AACD,CAAC;AAMD;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,wBAAwBA,CAACC,KAAoC,EAAe;AAC3F,EAAA,IAAQC,QAAQ,GAA+CD,KAAK,CAA5DC,QAAQ;IAAAC,qBAAA,GAA+CF,KAAK,CAAlDG,mBAAmB;AAAnBA,IAAAA,mBAAmB,GAAAD,qBAAA,KAAA,MAAA,GAAG,EAAE,GAAAA,qBAAA;IAAEE,cAAc,GAAKJ,KAAK,CAAxBI,cAAc;AAC1D,EAAA,IAAMC,kBAAkB,GAAGhB,gBAAK,CAACiB,MAAM,CAAC,IAAI,CAAC;AAE7C,EAAA,IAAAC,iBAAA,GAA0BlB,gBAAK,CAACmB,UAAU,CAAChB,gBAAgB,EAAE;AAC5DK,MAAAA,OAAO,EAAEM;AACV,KAAC,CAAC;IAAAM,kBAAA,GAAAC,uCAAA,CAAAH,iBAAA,EAAA,CAAA,CAAA;AAFKd,IAAAA,KAAK,GAAAgB,kBAAA,CAAA,CAAA,CAAA;AAAEE,IAAAA,QAAQ,GAAAF,kBAAA,CAAA,CAAA,CAAA;EAItBpB,gBAAK,CAACuB,SAAS,CAAC,YAAM;IACrB,IAAIP,kBAAkB,CAACQ,OAAO,EAAE;MAC/BR,kBAAkB,CAACQ,OAAO,GAAG,KAAK;AACnC,IAAA,CAAC,MAAM;MACNT,cAAc,KAAA,IAAA,IAAdA,cAAc,KAAA,MAAA,GAAA,MAAA,GAAdA,cAAc,CAAGX,KAAK,CAACI,OAAO,CAAC;AAChC,IAAA;EACD,CAAC,EAAE,CAACJ,KAAK,CAACI,OAAO,EAAEO,cAAc,CAAC,CAAC;AAEnC,EAAA,oBACCf,gBAAA,CAAAyB,aAAA,CAAC1B,gBAAgB,CAAC2B,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAE;AAAEL,MAAAA,QAAQ,EAARA,QAAQ;AAAElB,MAAAA,KAAK,EAALA;AAAM;AAAE,GAAA,EAAEQ,QAAoC,CAAC;AAE/F;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACagB,mBAAmB,GAAG,SAAtBA,mBAAmBA,GAAgC;AAC/D,EAAA,IAAMC,OAAO,GAAG7B,gBAAK,CAAC8B,UAAU,CAAC/B,gBAAgB,CAAC;EAClD,IAAI,CAAC8B,OAAO,EAAE;AACb,IAAA,MAAM,IAAIE,KAAK,CAAC,oEAAoE,CAAC;AACtF,EAAA;AACA,EAAA,OAAOF,OAAO;AACf;;;;;"}

package/dist/cjs/components/filter/MrlFilterItem/MrlFilterItem.js

@@ -0,0 +1,76 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var MrlFilterItem_module = require('./MrlFilterItem.module.scss.js');
+var MrlFilterContext = require('../MrlFilterContext/MrlFilterContext.js');
+var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
+var MrlBadge = require('../../badge/MrlBadge/MrlBadge.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 = ["data-qa", "id", "children", "className", "value", "count"];
+/**
+ * MrlFilterItem component.
+ *
+ * @param props - The component props.
+ * @returns The MrlFilterItem component.
+ */
+function MrlFilterItem(props) {
+  var dataQa = props['data-qa'],
+    id = props.id,
+    children = props.children,
+    className = props.className,
+    value = props.value,
+    count = props.count,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
+  var _useMrlFilterContext = MrlFilterContext.useMrlFilterContext(),
+    state = _useMrlFilterContext.state,
+    dispatch = _useMrlFilterContext.dispatch;
+  function handleFilterChange() {
+    dispatch({
+      payload: value,
+      type: 'SET_CHECKED'
+    });
+  }
+  var filterItemIdRef = React__namespace.useRef(id || setAttributes.getUniqueId('mrl-filter-item'));
+  var isChecked = state.checked === value;
+  return (
+    /*#__PURE__*/
+    // eslint-disable-next-line jsx-a11y/interactive-supports-focus, jsx-a11y/click-events-have-key-events
+    React__namespace.createElement("span", _rollupPluginBabelHelpers.extends({}, rest, {
+      "data-qa": dataQa,
+      "data-roving": "true",
+      onClick: handleFilterChange,
+      onFocus: handleFilterChange,
+      "aria-checked": isChecked,
+      role: "radio",
+      id: filterItemIdRef.current,
+      className: classnames(MrlFilterItem_module.default['MrlFilterItem'], 'MrlFilterItem', _rollupPluginBabelHelpers.defineProperty({}, MrlFilterItem_module.default['MrlFilterItem-has-count'], typeof count !== 'undefined'), className)
+    }), children, typeof count !== 'undefined' && /*#__PURE__*/React__namespace.createElement(MrlBadge.MrlBadge, {
+      text: String(count),
+      "aria-label": ", ".concat(count, " items")
+    }))
+  );
+}
+
+exports.MrlFilterItem = MrlFilterItem;
+//# sourceMappingURL=MrlFilterItem.js.map

package/dist/cjs/components/filter/MrlFilterItem/MrlFilterItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlFilterItem.js","sources":["../../../../../src/components/filter/MrlFilterItem/MrlFilterItem.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport styles from './MrlFilterItem.module.scss';\nimport { DataQa } from '../../../utils/dataQa';\nimport { getUniqueId } from '../../../utils';\nimport { useMrlFilterContext } from '../MrlFilterContext';\nimport { MrlBadge } from '../../badge';\n\nexport type MrlFilterItemProps = {\n\t/**\n\t * The filter item's value.\n\t */\n\tvalue: string;\n\t/**\n\t * The content to be displayed within the filter item.\n\t */\n\tchildren?: React.ReactNode;\n\t/**\n\t * The count of items for this filter option.\n\t */\n\tcount?: number;\n} & React.ComponentPropsWithoutRef<'span'> &\n\tDataQa;\n\n/**\n * MrlFilterItem component.\n *\n * @param props - The component props.\n * @returns The MrlFilterItem component.\n */\nexport function MrlFilterItem(props: MrlFilterItemProps): React.ReactElement {\n\tconst { ['data-qa']: dataQa, id, children, className, value, count, ...rest } = props;\n\n\tconst { state, dispatch } = useMrlFilterContext();\n\n\tfunction handleFilterChange() {\n\t\tdispatch({\n\t\t\tpayload: value,\n\t\t\ttype: 'SET_CHECKED'\n\t\t});\n\t}\n\n\tconst filterItemIdRef = React.useRef<string>(id || getUniqueId('mrl-filter-item'));\n\tconst isChecked = state.checked === value;\n\n\treturn (\n\t\t// eslint-disable-next-line jsx-a11y/interactive-supports-focus, jsx-a11y/click-events-have-key-events\n\t\t<span\n\t\t\t{...rest}\n\t\t\tdata-qa={dataQa}\n\t\t\tdata-roving=\"true\"\n\t\t\tonClick={handleFilterChange}\n\t\t\tonFocus={handleFilterChange}\n\t\t\taria-checked={isChecked}\n\t\t\trole=\"radio\"\n\t\t\tid={filterItemIdRef.current}\n\t\t\tclassName={classnames(\n\t\t\t\tstyles['MrlFilterItem'],\n\t\t\t\t'MrlFilterItem',\n\t\t\t\t{\n\t\t\t\t\t[styles['MrlFilterItem-has-count']]: typeof count !== 'undefined'\n\t\t\t\t},\n\t\t\t\tclassName\n\t\t\t)}\n\t\t>\n\t\t\t{children}\n\t\t\t{typeof count !== 'undefined' && (\n\t\t\t\t<MrlBadge text={String(count)} aria-label={`, ${count} items`} />\n\t\t\t)}\n\t\t</span>\n\t);\n}\n"],"names":["MrlFilterItem","props","dataQa","id","children","className","value","count","rest","_objectWithoutProperties","_excluded","_useMrlFilterContext","useMrlFilterContext","state","dispatch","handleFilterChange","payload","type","filterItemIdRef","React","useRef","getUniqueId","isChecked","checked","createElement","_extends","onClick","onFocus","role","current","classnames","styles","_defineProperty","MrlBadge","text","String","concat"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAACC,KAAyB,EAAsB;AAC5E,EAAA,IAAqBC,MAAM,GAAqDD,KAAK,CAA5E,SAAS,CAAA;IAAWE,EAAE,GAAiDF,KAAK,CAAxDE,EAAE;IAAEC,QAAQ,GAAuCH,KAAK,CAApDG,QAAQ;IAAEC,SAAS,GAA4BJ,KAAK,CAA1CI,SAAS;IAAEC,KAAK,GAAqBL,KAAK,CAA/BK,KAAK;IAAEC,KAAK,GAAcN,KAAK,CAAxBM,KAAK;AAAKC,IAAAA,IAAI,GAAAC,iDAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA;AAErF,EAAA,IAAAC,oBAAA,GAA4BC,oCAAmB,EAAE;IAAzCC,KAAK,GAAAF,oBAAA,CAALE,KAAK;IAAEC,QAAQ,GAAAH,oBAAA,CAARG,QAAQ;EAEvB,SAASC,kBAAkBA,GAAG;AAC7BD,IAAAA,QAAQ,CAAC;AACRE,MAAAA,OAAO,EAAEV,KAAK;AACdW,MAAAA,IAAI,EAAE;AACP,KAAC,CAAC;AACH,EAAA;AAEA,EAAA,IAAMC,eAAe,GAAGC,gBAAK,CAACC,MAAM,CAASjB,EAAE,IAAIkB,yBAAW,CAAC,iBAAiB,CAAC,CAAC;AAClF,EAAA,IAAMC,SAAS,GAAGT,KAAK,CAACU,OAAO,KAAKjB,KAAK;AAEzC,EAAA;AAAA;AACC;AACAa,IAAAA,gBAAA,CAAAK,aAAA,CAAA,MAAA,EAAAC,iCAAA,KACKjB,IAAI,EAAA;AACR,MAAA,SAAA,EAASN,MAAO;AAChB,MAAA,aAAA,EAAY,MAAM;AAClBwB,MAAAA,OAAO,EAAEX,kBAAmB;AAC5BY,MAAAA,OAAO,EAAEZ,kBAAmB;AAC5B,MAAA,cAAA,EAAcO,SAAU;AACxBM,MAAAA,IAAI,EAAC,OAAO;MACZzB,EAAE,EAAEe,eAAe,CAACW,OAAQ;MAC5BxB,SAAS,EAAEyB,UAAU,CACpBC,4BAAM,CAAC,eAAe,CAAC,EACvB,eAAe,EAAAC,wCAAA,KAEbD,4BAAM,CAAC,yBAAyB,CAAC,EAAG,OAAOxB,KAAK,KAAK,WAAW,CAAA,EAElEF,SACD;KAAE,CAAA,EAEDD,QAAQ,EACR,OAAOG,KAAK,KAAK,WAAW,iBAC5BY,gBAAA,CAAAK,aAAA,CAACS,iBAAQ,EAAA;AAACC,MAAAA,IAAI,EAAEC,MAAM,CAAC5B,KAAK,CAAE;MAAC,YAAA,EAAA,IAAA,CAAA6B,MAAA,CAAiB7B,KAAK,EAAA,QAAA;AAAS,KAAE,CAE5D;AAAC;AAET;;;;"}

package/dist/cjs/components/filter/MrlFilterItem/MrlFilterItem.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlFilterItem":"MrlFilterItem--qYLqp","MrlFilterItem-has-count":"MrlFilterItem-has-count--sHcsy"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlFilterItem.module.scss.js.map

package/dist/cjs/components/filter/MrlFilterItem/MrlFilterItem.module.scss.js.map

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

package/dist/cjs/components/focus-trap/MrlFocusTrap/MrlFocusTrap.js

@@ -0,0 +1,61 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var index = require('../../../utils/trapFocus/index.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 = ["children", "disabled", "disableAutofocus", "containerRef"];
+/**
+ * Focus Trap React Component
+ * @param {object} props - The component props.
+ * @param {React.ReactElement} props.children - A function that returns the component's child element and receives a ref to the container.
+ * @param {boolean} [props.disabled] - Specifies whether the focus trap should be disabled.
+ * @param { React.RefObject<HTMLElement>} props.containerRef - Focus trap container reference
+ * @returns {React.ReactElement} - The rendered FocusTrap component.
+ */
+var MrlFocusTrap = function MrlFocusTrap(_ref) {
+  var children = _ref.children,
+    disabled = _ref.disabled,
+    _ref$disableAutofocus = _ref.disableAutofocus,
+    disableAutofocus = _ref$disableAutofocus === void 0 ? false : _ref$disableAutofocus,
+    containerRef = _ref.containerRef,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var focusTrapRef = React__namespace.useRef(null);
+  React__namespace.useEffect(function () {
+    // eslint-disable-next-line @typescript-eslint/no-empty-function
+    var cleanupFn = function cleanupFn() {};
+    var containerElement = (containerRef === null || containerRef === void 0 ? void 0 : containerRef.current) || focusTrapRef.current;
+    if (containerElement && !disabled) {
+      cleanupFn = index.trapFocus(containerElement, disableAutofocus);
+    }
+    return cleanupFn;
+  }, [containerRef, disabled, disableAutofocus]);
+  if (typeof children === 'function') {
+    return children(focusTrapRef);
+  }
+  return containerRef ? /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, " ", children, " ") : /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
+    ref: focusTrapRef
+  }), children);
+};
+
+exports.MrlFocusTrap = MrlFocusTrap;
+//# sourceMappingURL=MrlFocusTrap.js.map

package/dist/cjs/components/focus-trap/MrlFocusTrap/MrlFocusTrap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlFocusTrap.js","sources":["../../../../../src/components/focus-trap/MrlFocusTrap/MrlFocusTrap.tsx"],"sourcesContent":["import * as React from 'react';\nimport { trapFocus } from '../../../utils/trapFocus';\n\ninterface PropTypes {\n\t/**\n\t * Elements to be rendered within the focus trap\n\t */\n\tchildren: React.ReactNode | ((focusTrapRef: React.RefObject<HTMLDivElement>) => JSX.Element);\n\t/**\n\t * Specifies whether the focus trap should be disabled\n\t */\n\tdisabled?: boolean;\n\n\t/**\n\t * Disable autofocus\n\t */\n\tdisableAutofocus?: boolean;\n\n\t/**\n\t * Focus trap container reference. Can be used to specify a custom container if a ref is already available\n\t */\n\tcontainerRef?: React.RefObject<HTMLElement>;\n}\n\n/**\n * Focus Trap React Component\n * @param {object} props - The component props.\n * @param {React.ReactElement} props.children - A function that returns the component's child element and receives a ref to the container.\n * @param {boolean} [props.disabled] - Specifies whether the focus trap should be disabled.\n * @param { React.RefObject<HTMLElement>} props.containerRef - Focus trap container reference\n * @returns {React.ReactElement} - The rendered FocusTrap component.\n */\nexport const MrlFocusTrap = ({\n\tchildren,\n\tdisabled,\n\tdisableAutofocus = false,\n\tcontainerRef,\n\t...rest\n}: PropTypes): JSX.Element => {\n\tconst focusTrapRef = React.useRef<HTMLDivElement>(null);\n\n\tReact.useEffect(() => {\n\t\t// eslint-disable-next-line @typescript-eslint/no-empty-function\n\t\tlet cleanupFn = () => {};\n\n\t\tconst containerElement = containerRef?.current || focusTrapRef.current;\n\n\t\tif (containerElement && !disabled) {\n\t\t\tcleanupFn = trapFocus(containerElement, disableAutofocus);\n\t\t}\n\n\t\treturn cleanupFn;\n\t}, [containerRef, disabled, disableAutofocus]);\n\n\tif (typeof children === 'function') {\n\t\treturn children(focusTrapRef);\n\t}\n\n\treturn containerRef ? (\n\t\t<> {children} </>\n\t) : (\n\t\t<div {...rest} ref={focusTrapRef}>\n\t\t\t{children}\n\t\t</div>\n\t);\n};\n"],"names":["MrlFocusTrap","_ref","children","disabled","_ref$disableAutofocus","disableAutofocus","containerRef","rest","_objectWithoutProperties","_excluded","focusTrapRef","React","useRef","useEffect","cleanupFn","containerElement","current","trapFocus","createElement","Fragment","_extends","ref"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAwBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;IACaA,YAAY,GAAG,SAAfA,YAAYA,CAAAC,IAAA,EAMK;AAAA,EAAA,IAL7BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IAAAC,qBAAA,GAAAH,IAAA,CACRI,gBAAgB;AAAhBA,IAAAA,gBAAgB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IACxBE,YAAY,GAAAL,IAAA,CAAZK,YAAY;AACTC,IAAAA,IAAI,GAAAC,iDAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA;AAEP,EAAA,IAAMC,YAAY,GAAGC,gBAAK,CAACC,MAAM,CAAiB,IAAI,CAAC;EAEvDD,gBAAK,CAACE,SAAS,CAAC,YAAM;AACrB;AACA,IAAA,IAAIC,SAAS,GAAG,SAAZA,SAASA,GAAS,CAAC,CAAC;AAExB,IAAA,IAAMC,gBAAgB,GAAG,CAAAT,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAA,MAAA,GAAA,MAAA,GAAZA,YAAY,CAAEU,OAAO,KAAIN,YAAY,CAACM,OAAO;AAEtE,IAAA,IAAID,gBAAgB,IAAI,CAACZ,QAAQ,EAAE;AAClCW,MAAAA,SAAS,GAAGG,eAAS,CAACF,gBAAgB,EAAEV,gBAAgB,CAAC;AAC1D,IAAA;AAEA,IAAA,OAAOS,SAAS;EACjB,CAAC,EAAE,CAACR,YAAY,EAAEH,QAAQ,EAAEE,gBAAgB,CAAC,CAAC;AAE9C,EAAA,IAAI,OAAOH,QAAQ,KAAK,UAAU,EAAE;IACnC,OAAOA,QAAQ,CAACQ,YAAY,CAAC;AAC9B,EAAA;EAEA,OAAOJ,YAAY,gBAClBK,gBAAA,CAAAO,aAAA,CAAAP,gBAAA,CAAAQ,QAAA,EAAA,IAAA,EAAE,GAAC,EAACjB,QAAQ,EAAC,GAAG,CAAC,gBAEjBS,gBAAA,CAAAO,aAAA,CAAA,KAAA,EAAAE,iCAAA,CAAA,EAAA,EAASb,IAAI,EAAA;AAAEc,IAAAA,GAAG,EAAEX;AAAa,GAAA,CAAA,EAC/BR,QACG,CACL;AACF;;;;"}

package/dist/cjs/components/form/checkbox/MrlCheckbox/MrlCheckbox.js

@@ -0,0 +1,86 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var constants = require('../../constants.js');
+var MrlCheckboxStandalone = require('../MrlCheckboxStandalone/MrlCheckboxStandalone.js');
+var index = require('../../../../utils/checkInvalidAttributes/index.js');
+var MrlCheckbox_module = require('./MrlCheckbox.module.scss.js');
+var utils = require('../../utils.js');
+var setAttributes = require('../../../../utils/setAttributes/setAttributes.js');
+var MrlLabelWithDescription = require('../../label/MrlLabelWithDescription/MrlLabelWithDescription.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 = ["attrs", "className", "description", "hasMultilineLabel", "state", "selected", "icon", "label"];
+/**
+ * Form element with an associated text label that allows the user to select one or more options
+ * from a provided list
+ * @param {MrlCheckboxProps} props - the component props
+ * @returns a checkbox element with an associated label
+ */
+function MrlCheckbox(_ref) {
+  var _ref$attrs = _ref.attrs,
+    attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
+    className = _ref.className,
+    description = _ref.description,
+    _ref$hasMultilineLabe = _ref.hasMultilineLabel,
+    hasMultilineLabel = _ref$hasMultilineLabe === void 0 ? false : _ref$hasMultilineLabe,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? constants.checkboxDefaults.state : _ref$state,
+    _ref$selected = _ref.selected,
+    selected = _ref$selected === void 0 ? constants.checkboxDefaults.selected : _ref$selected,
+    icon = _ref.icon,
+    label = _ref.label,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var checkboxIdRef = React__namespace.useRef(setAttributes.getUniqueId('mrl-checkbox'));
+  var descriptionId = "".concat(checkboxIdRef.current, "-description");
+  var allClasses = classnames(attrs["class"] || attrs.className, className, 'MrlCheckbox', MrlCheckbox_module.default['MrlCheckbox'], _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlCheckbox_module.default['mrl-is--disabled'], state === 'disabled'), MrlCheckbox_module.default['mrl-is--invalid'], state === 'error'), MrlCheckbox_module.default['mrl-is--selected'], selected === 'checked'), MrlCheckbox_module.default['mrl-is--indeterminate'], selected === 'indeterminate'));
+  index.checkInvalidAttributes(attrs);
+  delete attrs["class"];
+  delete attrs.className;
+  var attributes = setAttributes.setAttributes(attrs, _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, utils.getDescribedby(attrs['aria-describedby'], typeof description === 'string' ? descriptionId : undefined)), {}, {
+    id: checkboxIdRef.current
+  }));
+
+  // setAttributes always sets className="" which always triggers the warning message in the MrlCheckboxStandalone component
+  delete attributes.className;
+  return /*#__PURE__*/React__namespace.createElement("div", {
+    className: allClasses
+  }, /*#__PURE__*/React__namespace.createElement(MrlCheckboxStandalone.MrlCheckboxStandalone, _rollupPluginBabelHelpers.extends({}, rest, {
+    selected: selected,
+    state: state,
+    attrs: attributes
+  })), /*#__PURE__*/React__namespace.createElement(MrlLabelWithDescription.MrlLabelWithDescription, {
+    isDisabled: state === 'disabled',
+    isSelected: selected === 'checked',
+    isIndeterminate: selected === 'indeterminate',
+    hasMultilineLabel: hasMultilineLabel,
+    htmlFor: checkboxIdRef.current,
+    icon: icon,
+    label: label,
+    description: description,
+    descriptionId: descriptionId
+  }));
+}
+
+exports.MrlCheckbox = MrlCheckbox;
+//# sourceMappingURL=MrlCheckbox.js.map

package/dist/cjs/components/form/checkbox/MrlCheckbox/MrlCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlCheckbox.js","sources":["../../../../../../src/components/form/checkbox/MrlCheckbox/MrlCheckbox.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { AttrsObject, getUniqueId, setAttributes } from '../../../../utils';\nimport {\n\tcheckboxDefaults,\n\tCheckboxSelected,\n\tCheckboxStates,\n\tStaticIconConfig\n} from '../../constants';\nimport { MrlCheckboxStandalone } from '../MrlCheckboxStandalone/MrlCheckboxStandalone';\nimport { checkInvalidAttributes } from '../../../../utils/checkInvalidAttributes';\n\nimport './MrlCheckbox.global.scss';\nimport styles from './MrlCheckbox.module.scss';\nimport { MrlLabelWithDescription } from '../../label/MrlLabelWithDescription';\nimport { getDescribedby } from '../../utils';\n\ninterface MrlCheckboxProps {\n\t/** Applies additional HTML attributes to the checkbox element */\n\tattrs?: AttrsObject;\n\t/** Additional class to add to the container of the checkbox and label */\n\tclassName?: string;\n\t/** Adjusts the styles of the label, icon and description when the label is multiline */\n\thasMultilineLabel?: boolean;\n\t/** The current state of the checkbox input based on user interactions or permissions */\n\tstate?: CheckboxStates;\n\t/** Sets what selection state the checkbox is in. */\n\tselected?: CheckboxSelected;\n\t/** The text to display as the checkbox's label */\n\tlabel: string;\n\t/** Leading label icon */\n\ticon?: StaticIconConfig;\n\t/**\n\t * Description, additional context text for the user.\n\t * It can be a string or a React component for custom render.\n\t * When using a React component it's necessary to add an id to the custom element and\n\t * pass it to the MrlCheckbox through 'attrs[\"aria-describedby\"]' to make it accessible\n\t * to screen readers.\n\t * Custom description should also implement the disabled state styles\n\t * for text when the input is disabled or set color: inherit.\n\t * @example\n\t * <MrlCheckbox attrs={{ 'aria-describedby': customId }} description={\n\t *   <p id={customId}>description</p>\n\t * }>\n\t */\n\tdescription?: string | React.ReactNode;\n}\n\n/**\n * Form element with an associated text label that allows the user to select one or more options\n * from a provided list\n * @param {MrlCheckboxProps} props - the component props\n * @returns a checkbox element with an associated label\n */\nexport function MrlCheckbox({\n\tattrs = {},\n\tclassName,\n\tdescription,\n\thasMultilineLabel = false,\n\tstate = checkboxDefaults.state,\n\tselected = checkboxDefaults.selected,\n\ticon,\n\tlabel,\n\t...rest\n}: MrlCheckboxProps): JSX.Element {\n\tconst checkboxIdRef = React.useRef<string>(getUniqueId('mrl-checkbox'));\n\tconst descriptionId = `${checkboxIdRef.current}-description`;\n\n\tconst allClasses = classnames(\n\t\tattrs.class || attrs.className,\n\t\tclassName,\n\t\t'MrlCheckbox',\n\t\tstyles['MrlCheckbox'],\n\t\t{\n\t\t\t[styles['mrl-is--disabled']]: state === 'disabled',\n\t\t\t[styles['mrl-is--invalid']]: state === 'error',\n\t\t\t[styles['mrl-is--selected']]: selected === 'checked',\n\t\t\t[styles['mrl-is--indeterminate']]: selected === 'indeterminate'\n\t\t}\n\t);\n\n\tcheckInvalidAttributes(attrs);\n\tdelete attrs.class;\n\tdelete attrs.className;\n\n\tconst attributes = setAttributes(attrs, {\n\t\t...getDescribedby(\n\t\t\tattrs['aria-describedby'],\n\t\t\ttypeof description === 'string' ? descriptionId : undefined\n\t\t),\n\t\tid: checkboxIdRef.current\n\t});\n\n\t// setAttributes always sets className=\"\" which always triggers the warning message in the MrlCheckboxStandalone component\n\tdelete attributes.className;\n\n\treturn (\n\t\t<div className={allClasses}>\n\t\t\t<MrlCheckboxStandalone {...rest} selected={selected} state={state} attrs={attributes} />\n\t\t\t<MrlLabelWithDescription\n\t\t\t\tisDisabled={state === 'disabled'}\n\t\t\t\tisSelected={selected === 'checked'}\n\t\t\t\tisIndeterminate={selected === 'indeterminate'}\n\t\t\t\thasMultilineLabel={hasMultilineLabel}\n\t\t\t\thtmlFor={checkboxIdRef.current}\n\t\t\t\ticon={icon}\n\t\t\t\tlabel={label}\n\t\t\t\tdescription={description}\n\t\t\t\tdescriptionId={descriptionId}\n\t\t\t/>\n\t\t</div>\n\t);\n}\n"],"names":["MrlCheckbox","_ref","_ref$attrs","attrs","className","description","_ref$hasMultilineLabe","hasMultilineLabel","_ref$state","state","checkboxDefaults","_ref$selected","selected","icon","label","rest","_objectWithoutProperties","_excluded","checkboxIdRef","React","useRef","getUniqueId","descriptionId","concat","current","allClasses","classnames","styles","_defineProperty","checkInvalidAttributes","attributes","setAttributes","_objectSpread","getDescribedby","undefined","id","createElement","MrlCheckboxStandalone","_extends","MrlLabelWithDescription","isDisabled","isSelected","isIndeterminate","htmlFor"],"mappings":"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"}

package/dist/cjs/components/form/checkbox/MrlCheckbox/MrlCheckbox.module.scss.js

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

package/dist/cjs/components/form/checkbox/MrlCheckbox/MrlCheckbox.module.scss.js.map

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

package/dist/cjs/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.js

@@ -0,0 +1,90 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var dsIcons = require('@muraldevkit/ds-icons');
+var constants = require('../../constants.js');
+var MrlCheckboxStandalone_module = require('./MrlCheckboxStandalone.module.scss.js');
+var setAttributes = require('../../../../utils/setAttributes/setAttributes.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 = ["attrs", "state", "selected"];
+/**
+ * Input that allows the user to select one or more options from a provided list.
+ * Note, this component does not provide out of the box accessibility for ensuring
+ * an associated label and must be manually setup during adoption.
+ * @param {MrlCheckboxStandaloneProps} props - the component props
+ * @returns a checkbox element
+ */
+function MrlCheckboxStandalone(_ref) {
+  var _ref$attrs = _ref.attrs,
+    attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? constants.checkboxDefaults.state : _ref$state,
+    _ref$selected = _ref.selected,
+    selected = _ref$selected === void 0 ? constants.checkboxDefaults.selected : _ref$selected,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  // Use attrs.id if the developer passes in a custom id
+  // but we need to ensure one exists for accessibility
+  var checkboxIdRef = React__namespace.useRef(attrs.id || setAttributes.getUniqueId('mrl-checkbox'));
+  var inputRef = React__namespace.useRef(null);
+  if (!(attrs.id || attrs['aria-labelledby'])) {
+    console.warn('Warning: Mural Standalone Checkboxes must have either an id or' + ' aria-labelledby attribute for proper accessibility.');
+  }
+
+  // We need to use the ref to set indetermiant attr
+  // due to not being an intrinsic HTML attr
+  React__namespace.useEffect(function () {
+    var indeterminate = selected === 'indeterminate';
+    if (inputRef.current) {
+      inputRef.current.indeterminate = indeterminate;
+    }
+  }, [selected]);
+  delete attrs["class"];
+  delete attrs.className;
+  var attributes = setAttributes.setAttributes(attrs);
+  return /*#__PURE__*/React__namespace.createElement("div", {
+    className: classnames(MrlCheckboxStandalone_module.default['MrlCheckboxStandalone'], 'MrlCheckboxStandalone')
+  }, /*#__PURE__*/React__namespace.createElement("span", {
+    className: "mrl-u-focus-wrapper"
+  }, /*#__PURE__*/React__namespace.createElement("input", _rollupPluginBabelHelpers.extends({}, rest, attributes, {
+    "aria-invalid": state === 'error',
+    checked: selected === 'checked',
+    disabled: state === 'disabled',
+    id: checkboxIdRef.current,
+    ref: inputRef,
+    type: "checkbox",
+    className: classnames(MrlCheckboxStandalone_module.default['MrlCheckboxStandalone-input'], 'MrlCheckboxStandalone-input')
+  })), /*#__PURE__*/React__namespace.createElement("span", {
+    className: "mrl-u-focus-indicator"
+  }), /*#__PURE__*/React__namespace.createElement("span", {
+    className: classnames(MrlCheckboxStandalone_module.default['MrlCheckboxStandalone-inputDisplay'], 'MrlCheckboxStandalone-inputDisplay')
+  }, /*#__PURE__*/React__namespace.createElement(MrlSvg.MrlSvg, {
+    svg: selected !== 'indeterminate' ? dsIcons.check : dsIcons.minus,
+    size: "auto",
+    className: MrlCheckboxStandalone_module.default['MrlCheckboxStandalone-inputDisplay-icon']
+  }))));
+}
+
+exports.MrlCheckboxStandalone = MrlCheckboxStandalone;
+//# sourceMappingURL=MrlCheckboxStandalone.js.map

package/dist/cjs/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlCheckboxStandalone.js","sources":["../../../../../../src/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { AttrsObject, getUniqueId, setAttributes } from '../../../../utils';\nimport { check, minus } from '@muraldevkit/ds-icons';\nimport { checkboxDefaults, CheckboxSelected, CheckboxStates } from '../../constants';\nimport { MrlSvg } from '../../../';\n\nimport styles from './MrlCheckboxStandalone.module.scss';\nimport './MrlCheckboxStandalone.global.scss';\n\ninterface MrlCheckboxStandaloneProps {\n\t/** Applies additional HTML attributes to the checkbox element */\n\tattrs?: AttrsObject;\n\t/** The current state of the checkbox input based on user interactions or permissions */\n\tstate?: CheckboxStates;\n\t/** Sets what selection state the checkbox is in. */\n\tselected?: CheckboxSelected;\n}\n\n/**\n * Input that allows the user to select one or more options from a provided list.\n * Note, this component does not provide out of the box accessibility for ensuring\n * an associated label and must be manually setup during adoption.\n * @param {MrlCheckboxStandaloneProps} props - the component props\n * @returns a checkbox element\n */\nexport function MrlCheckboxStandalone({\n\tattrs = {},\n\tstate = checkboxDefaults.state,\n\tselected = checkboxDefaults.selected,\n\t...rest\n}: MrlCheckboxStandaloneProps): JSX.Element {\n\t// Use attrs.id if the developer passes in a custom id\n\t// but we need to ensure one exists for accessibility\n\tconst checkboxIdRef = React.useRef<string>(attrs.id || getUniqueId('mrl-checkbox'));\n\tconst inputRef = React.useRef<HTMLInputElement>(null);\n\n\tif (!(attrs.id || attrs['aria-labelledby'])) {\n\t\tconsole.warn(\n\t\t\t'Warning: Mural Standalone Checkboxes must have either an id or' +\n\t\t\t\t' aria-labelledby attribute for proper accessibility.'\n\t\t);\n\t}\n\n\t// We need to use the ref to set indetermiant attr\n\t// due to not being an intrinsic HTML attr\n\tReact.useEffect(() => {\n\t\tconst indeterminate = selected === 'indeterminate';\n\n\t\tif (inputRef.current) {\n\t\t\tinputRef.current.indeterminate = indeterminate;\n\t\t}\n\t}, [selected]);\n\n\tdelete attrs.class;\n\tdelete attrs.className;\n\n\tconst attributes = setAttributes(attrs);\n\n\treturn (\n\t\t<div className={classnames(styles['MrlCheckboxStandalone'], 'MrlCheckboxStandalone')}>\n\t\t\t<span className=\"mrl-u-focus-wrapper\">\n\t\t\t\t<input\n\t\t\t\t\t{...rest}\n\t\t\t\t\t{...attributes}\n\t\t\t\t\taria-invalid={state === 'error'}\n\t\t\t\t\tchecked={selected === 'checked'}\n\t\t\t\t\tdisabled={state === 'disabled'}\n\t\t\t\t\tid={checkboxIdRef.current}\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\ttype=\"checkbox\"\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\tstyles['MrlCheckboxStandalone-input'],\n\t\t\t\t\t\t'MrlCheckboxStandalone-input'\n\t\t\t\t\t)}\n\t\t\t\t/>\n\t\t\t\t<span className=\"mrl-u-focus-indicator\"></span>\n\t\t\t\t<span\n\t\t\t\t\tclassName={classnames(\n\t\t\t\t\t\tstyles['MrlCheckboxStandalone-inputDisplay'],\n\t\t\t\t\t\t'MrlCheckboxStandalone-inputDisplay'\n\t\t\t\t\t)}\n\t\t\t\t>\n\t\t\t\t\t<MrlSvg\n\t\t\t\t\t\tsvg={selected !== 'indeterminate' ? check : minus}\n\t\t\t\t\t\tsize=\"auto\"\n\t\t\t\t\t\tclassName={styles['MrlCheckboxStandalone-inputDisplay-icon']}\n\t\t\t\t\t/>\n\t\t\t\t</span>\n\t\t\t</span>\n\t\t</div>\n\t);\n}\n"],"names":["MrlCheckboxStandalone","_ref","_ref$attrs","attrs","_ref$state","state","checkboxDefaults","_ref$selected","selected","rest","_objectWithoutProperties","_excluded","checkboxIdRef","React","useRef","id","getUniqueId","inputRef","console","warn","useEffect","indeterminate","current","className","attributes","setAttributes","createElement","classnames","styles","_extends","checked","disabled","ref","type","MrlSvg","svg","check","minus","size"],"mappings":"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"}

package/dist/cjs/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlCheckboxStandalone-input":"MrlCheckboxStandalone-input--O6G41","MrlCheckboxStandalone-inputDisplay":"MrlCheckboxStandalone-inputDisplay--TT8t0","MrlCheckboxStandalone":"MrlCheckboxStandalone--ChU0R","MrlCheckboxStandalone-inputDisplay-icon":"MrlCheckboxStandalone-inputDisplay-icon--UlYn3"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlCheckboxStandalone.module.scss.js.map

package/dist/cjs/components/form/checkbox/MrlCheckboxStandalone/MrlCheckboxStandalone.module.scss.js.map

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

package/dist/cjs/components/form/constants.js

@@ -0,0 +1,104 @@
+'use strict';
+
+/*
+ * Shared error object for inputs
+ * ------------------------------------------------------------------
+ */
+/**
+ * This should be used to communciate error information for a specific input
+ */
+
+/*
+ * Shared input values
+ * ------------------------------------------------------------------
+ */
+
+/*
+ * Checkbox component
+ * ------------------------------------------------------------------
+ */
+var allowedCheckboxValues = {
+  selected: ['default', 'checked', 'indeterminate'],
+  states: ['default', 'disabled', 'error', 'read-only']
+};
+var checkboxDefaults = {
+  selected: 'default',
+  state: 'default'
+};
+
+/*
+ * Select component
+ * ------------------------------------------------------------------
+ */
+
+var allowedSelectItemValues = {
+  states: ['default', 'disabled', 'selected']
+};
+var selectItemDefaults = {
+  state: 'default'
+};
+var allowedSelectMenuValues = {
+  positions: ['bottom', 'top']
+};
+var selectMenuDefaults = {
+  position: 'bottom'
+};
+
+// Selects are an extension of the shared "allowedValues" object but
+// TypeScript won't let me combine the two objects.
+var allowedSelectValues = {
+  states: ['default', 'disabled', 'open', 'read-only']
+};
+var selectDefaults = {
+  kind: 'default',
+  size: 'default',
+  state: 'default'
+};
+
+/*
+ * Text Input component
+ * ------------------------------------------------------------------
+ */
+
+/*
+ * Label component
+ * ------------------------------------------------------------------
+ */
+var allowedLabelValues = {
+  kinds: ['block', 'inline'],
+  states: ['default', 'disabled']
+};
+var labelDefaults = {
+  kind: 'block',
+  state: 'default'
+};
+/**
+ * Default values for props on the Fieldset component;
+ * Shared between the component and Storybook
+ */
+var fieldsetDefault = {
+  label: "fieldset's legend label"
+};
+
+/**
+ * Default values for props on the Fieldset component which is used to group Textarea components;
+ * Shared between the component and Storybook
+ */
+var textareaDefaults = {
+  disabled: false,
+  label: 'Legend'
+};
+
+exports.allowedCheckboxValues = allowedCheckboxValues;
+exports.allowedLabelValues = allowedLabelValues;
+exports.allowedSelectItemValues = allowedSelectItemValues;
+exports.allowedSelectMenuValues = allowedSelectMenuValues;
+exports.allowedSelectValues = allowedSelectValues;
+exports.checkboxDefaults = checkboxDefaults;
+exports.fieldsetDefault = fieldsetDefault;
+exports.labelDefaults = labelDefaults;
+exports.selectDefaults = selectDefaults;
+exports.selectItemDefaults = selectItemDefaults;
+exports.selectMenuDefaults = selectMenuDefaults;
+exports.textareaDefaults = textareaDefaults;
+//# sourceMappingURL=constants.js.map

package/dist/cjs/components/form/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/form/constants.ts"],"sourcesContent":["import * as React from 'react';\nimport { DSIconType } from '../svg';\n\n/*\n * Shared error object for inputs\n * ------------------------------------------------------------------\n */\n/**\n * This should be used to communciate error information for a specific input\n */\nexport interface MrlFormInputError {\n\tmessage: string;\n}\n\n/*\n * Shared input values\n * ------------------------------------------------------------------\n */\nexport type InputStates = 'disabled' | 'error' | 'read-only';\nexport type InputKinds = 'default' | 'inline' | 'inline-label';\nexport type InputSizes = 'default' | 'large';\n\n/*\n * Checkbox component\n * ------------------------------------------------------------------\n */\nexport const allowedCheckboxValues = {\n\tselected: ['default', 'checked', 'indeterminate'] as const,\n\tstates: [\n\t\t'default',\n\t\t'disabled',\n\t\t'error',\n\t\t'read-only'\n\t] as const\n};\n\nexport type CheckboxStates = (typeof allowedCheckboxValues.states)[number];\nexport type CheckboxSelected = (typeof allowedCheckboxValues.selected)[number];\n\ninterface CheckboxDefaults {\n\tselected: CheckboxSelected;\n\tstate: CheckboxStates;\n}\n\nexport const checkboxDefaults: CheckboxDefaults = {\n\tselected: 'default',\n\tstate: 'default'\n};\n\n/*\n * Select component\n * ------------------------------------------------------------------\n */\n\nexport const allowedSelectItemValues = {\n\tstates: ['default', 'disabled', 'selected'] as const\n};\n\nexport type SelectItemStates = (typeof allowedSelectItemValues.states)[number];\n\ninterface SelectItemDefaults {\n\tstate: SelectItemStates;\n}\n\nexport const selectItemDefaults: SelectItemDefaults = {\n\tstate: 'default'\n};\n\nexport const allowedSelectMenuValues = {\n\tpositions: ['bottom', 'top'] as const\n};\n\nexport type SelectMenuPositions = (typeof allowedSelectMenuValues.positions)[number];\n\ninterface SelectMenuDefaults {\n\tposition: SelectMenuPositions;\n}\n\nexport const selectMenuDefaults: SelectMenuDefaults = {\n\tposition: 'bottom'\n};\n\n// Selects are an extension of the shared \"allowedValues\" object but\n// TypeScript won't let me combine the two objects.\nexport const allowedSelectValues = {\n\tstates: [\n\t\t'default',\n\t\t'disabled',\n\t\t'open',\n\t\t'read-only'\n\t] as const\n};\n\nexport type SelectStates = (typeof allowedSelectValues.states)[number];\n\ninterface SelectDefaults {\n\tsize: InputSizes;\n\tkind: InputKinds;\n\tstate: SelectStates;\n}\n\nexport const selectDefaults: SelectDefaults = {\n\tkind: 'default',\n\tsize: 'default',\n\tstate: 'default'\n};\n\n/*\n * Text Input component\n * ------------------------------------------------------------------\n */\nexport interface StaticIconConfig {\n\ticon: DSIconType;\n\ttheme?: string;\n}\n\nexport interface RightActionConfig extends StaticIconConfig {\n\taction: (event: React.MouseEvent | React.KeyboardEvent) => void;\n\tlabel: string;\n}\n\n/*\n * Label component\n * ------------------------------------------------------------------\n */\nexport const allowedLabelValues = {\n\tkinds: ['block', 'inline'] as const,\n\tstates: ['default', 'disabled'] as const\n};\n\nexport type LabelStates = (typeof allowedLabelValues.states)[number];\nexport type LabelKind = (typeof allowedLabelValues.kinds)[number];\n\ninterface LabelDefaults {\n\tkind: LabelKind;\n\tstate: LabelStates;\n}\n\nexport const labelDefaults: LabelDefaults = {\n\tkind: 'block',\n\tstate: 'default'\n};\n\nexport interface FormControlDefaults {\n\tdisabled: boolean;\n\tlabel: string;\n}\n\nexport interface FieldsetDefault {\n\tlabel: string;\n}\n\n/**\n * Default values for props on the Fieldset component;\n * Shared between the component and Storybook\n */\nexport const fieldsetDefault: FieldsetDefault = {\n\tlabel: \"fieldset's legend label\"\n};\n\n/**\n * Default values for props on the Fieldset component which is used to group Textarea components;\n * Shared between the component and Storybook\n */\nexport const textareaDefaults: FormControlDefaults = {\n\tdisabled: false,\n\tlabel: 'Legend'\n};\n"],"names":["allowedCheckboxValues","selected","states","checkboxDefaults","state","allowedSelectItemValues","selectItemDefaults","allowedSelectMenuValues","positions","selectMenuDefaults","position","allowedSelectValues","selectDefaults","kind","size","allowedLabelValues","kinds","labelDefaults","fieldsetDefault","label","textareaDefaults","disabled"],"mappings":";;AAGA;AACA;AACA;AACA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACA;;AAKA;AACA;AACA;AACA;AACO,IAAMA,qBAAqB,GAAG;AACpCC,EAAAA,QAAQ,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,eAAe,CAAU;EAC1DC,MAAM,EAAE,CACP,SAAS,EACT,UAAU,EACV,OAAO,EACP,WAAW;AAEb;AAUO,IAAMC,gBAAkC,GAAG;AACjDF,EAAAA,QAAQ,EAAE,SAAS;AACnBG,EAAAA,KAAK,EAAE;AACR;;AAEA;AACA;AACA;AACA;;AAEO,IAAMC,uBAAuB,GAAG;AACtCH,EAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU;AAC3C;AAQO,IAAMI,kBAAsC,GAAG;AACrDF,EAAAA,KAAK,EAAE;AACR;AAEO,IAAMG,uBAAuB,GAAG;AACtCC,EAAAA,SAAS,EAAE,CAAC,QAAQ,EAAE,KAAK;AAC5B;AAQO,IAAMC,kBAAsC,GAAG;AACrDC,EAAAA,QAAQ,EAAE;AACX;;AAEA;AACA;AACO,IAAMC,mBAAmB,GAAG;EAClCT,MAAM,EAAE,CACP,SAAS,EACT,UAAU,EACV,MAAM,EACN,WAAW;AAEb;AAUO,IAAMU,cAA8B,GAAG;AAC7CC,EAAAA,IAAI,EAAE,SAAS;AACfC,EAAAA,IAAI,EAAE,SAAS;AACfV,EAAAA,KAAK,EAAE;AACR;;AAEA;AACA;AACA;AACA;;AAWA;AACA;AACA;AACA;AACO,IAAMW,kBAAkB,GAAG;AACjCC,EAAAA,KAAK,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAU;AACnCd,EAAAA,MAAM,EAAE,CAAC,SAAS,EAAE,UAAU;AAC/B;AAUO,IAAMe,aAA4B,GAAG;AAC3CJ,EAAAA,IAAI,EAAE,OAAO;AACbT,EAAAA,KAAK,EAAE;AACR;AAWA;AACA;AACA;AACA;AACO,IAAMc,eAAgC,GAAG;AAC/CC,EAAAA,KAAK,EAAE;AACR;;AAEA;AACA;AACA;AACA;AACO,IAAMC,gBAAqC,GAAG;AACpDC,EAAAA,QAAQ,EAAE,KAAK;AACfF,EAAAA,KAAK,EAAE;AACR;;;;;;;;;;;;;;;"}