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

package/dist/cjs/components/form/legacy-select/MrlLegacySelectMenu/MrlLegacySelectMenu.js

@@ -0,0 +1,115 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var constants = require('../../constants.js');
+var SelectContext = require('../context/SelectContext.js');
+var MrlLegacySelectMenu_module = require('./MrlLegacySelectMenu.module.scss.js');
+var index = require('../../../../hooks/useCoordinate/index.js');
+var setAttributes = require('../../../../utils/setAttributes/setAttributes.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", "children", "labelId", "position"];
+/**
+ * Creating and exporting component class for Mural Select Menu
+ * Note, this component doesn't doesn't handle any functionality
+ * For accessibility and keyboard support, all functionality is
+ * controlled by the wrapping mrl-select but we need this component
+ * within our HTML structure for valid aria usage.
+ *
+ * @param {MrlLegacySelectMenuProptypes} props MrlLegacySelectMenuProptypes
+ * @returns {React.ReactElement} returns a MrlLegacySelectMenu
+ */
+var MrlLegacySelectMenu = function MrlLegacySelectMenu(_ref) {
+  var _ref$attrs = _ref.attrs,
+    attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
+    children = _ref.children,
+    labelId = _ref.labelId,
+    _ref$position = _ref.position,
+    position = _ref$position === void 0 ? constants.selectMenuDefaults.position : _ref$position,
+    theRest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var _React$useState = React__namespace.useState(position),
+    _React$useState2 = _rollupPluginBabelHelpers.slicedToArray(_React$useState, 2),
+    calcPosition = _React$useState2[0],
+    setCalcPosition = _React$useState2[1];
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  var _useSelect = SelectContext.useSelect(),
+    dispatch = _useSelect.dispatch,
+    dispatchState = _useSelect.state;
+  var selectRef = React__namespace.useRef(null);
+  var coords = index.useCoordinate(selectRef.current, true, dispatchState.open);
+
+  /**
+   * Position menu based on coordinates
+   */
+  React__namespace.useLayoutEffect(function () {
+    var isInView = coords && coords.top >= 0 && coords.left >= 0 && coords.bottom <= (window.innerHeight || document.documentElement.clientHeight) && coords.right <= (window.innerWidth || document.documentElement.clientWidth);
+    if (!isInView) {
+      setCalcPosition(position === 'bottom' ? 'top' : 'bottom');
+    }
+    setCalcPosition(position);
+  }, [position, coords, dispatchState.open]);
+  var attributes = setAttributes.setAttributes(attrs, {
+    'aria-activedescendant': !!dispatchState.selectedItem
+  });
+  var allClasses = React__namespace.useCallback(function () {
+    return classnames('mrl-selectMenu', attributes.className, theRest.className, _rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty(_rollupPluginBabelHelpers.defineProperty({}, MrlLegacySelectMenu_module.default['mrl-selectMenu'], true), MrlLegacySelectMenu_module.default["mrl-selectMenu--".concat(calcPosition)], true), MrlLegacySelectMenu_module.default["mrl-selectMenu--open"], dispatchState.open));
+  }, [calcPosition, dispatchState.open, attributes.className, theRest.className]);
+  var closeSelect = React__namespace.useCallback(function (e) {
+    if (e.key === 'Escape') {
+      e.stopPropagation();
+      e.preventDefault();
+      dispatch({
+        payload: 'keyboard',
+        type: 'close'
+      });
+    }
+  }, [dispatch]);
+  React__namespace.useEffect(function () {
+    var selectRefCurrent = selectRef.current;
+    if (selectRefCurrent) {
+      selectRefCurrent.addEventListener('keydown', closeSelect);
+    }
+    return function () {
+      if (selectRefCurrent) {
+        selectRefCurrent.removeEventListener('keydown', closeSelect);
+      }
+    };
+  }, [closeSelect, selectRef]);
+  return /*#__PURE__*/React__namespace.createElement("div", _rollupPluginBabelHelpers.extends({}, attributes, theRest, {
+    className: allClasses(),
+    ref: selectRef,
+    "aria-labelledby": labelId,
+    id: dispatchState.id,
+    role: "listbox"
+  }), React__namespace.Children.map(children, function (child, index) {
+    if (/*#__PURE__*/React__namespace.isValidElement(child)) {
+      return /*#__PURE__*/React__namespace.cloneElement(child, {
+        index: index
+      });
+    }
+    return child;
+  }));
+};
+
+exports.MrlLegacySelectMenu = MrlLegacySelectMenu;
+//# sourceMappingURL=MrlLegacySelectMenu.js.map

package/dist/cjs/components/form/legacy-select/MrlLegacySelectMenu/MrlLegacySelectMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlLegacySelectMenu.js","sources":["../../../../../../src/components/form/legacy-select/MrlLegacySelectMenu/MrlLegacySelectMenu.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { ReactElement } from 'react';\nimport { SelectMenuPositions, selectMenuDefaults } from '../../constants';\nimport { AttrsObject, setAttributes } from '../../../../utils';\nimport { useSelect } from '../context/SelectContext';\n\nimport styles from './MrlLegacySelectMenu.module.scss';\nimport { useCoordinate } from '../../../../hooks';\n\nexport interface MrlLegacySelectMenuProptypes extends React.HTMLAttributes<HTMLDivElement> {\n\t/** The placement of the menu in relation to its trigger */\n\tposition?: SelectMenuPositions;\n\n\t/** Current value of the select input */\n\tvalue?: string;\n\n\t/**\n\t * Allows the select component to pass through which item should be focused;\n\t * Set it to the index of the focused item\n\t */\n\tfocused?: number;\n\n\t/**\n\t * Applies additional HTML attributes to the `mrl-select-menu` elements\n\t * It is recommended only to use when overwriting an attribute\n\t * assigned internally by the design system.\n\t * When using in a framework wrapper (e.g., React), treat it as an object and don't stringify.\n\t * Otherwise, the value object needs to be stringified to not receive `\"[Object object]\"`.\n\t * Example: `attrs='{ \"tabindex\": \"0\" }'`\n\t */\n\tattrs?: AttrsObject;\n\n\t/**\n\t * menu - list of options for the user to chose from; expects an `MrlLegacySelectMenu` component\n\t */\n\tchildren?: React.ReactNode;\n\n\t/**\n\t * label element needs to have an id and then we reference via the select with aria\n\t */\n\tlabelId: string;\n}\n\n/**\n * Creating and exporting component class for Mural Select Menu\n * Note, this component doesn't doesn't handle any functionality\n * For accessibility and keyboard support, all functionality is\n * controlled by the wrapping mrl-select but we need this component\n * within our HTML structure for valid aria usage.\n *\n * @param {MrlLegacySelectMenuProptypes} props MrlLegacySelectMenuProptypes\n * @returns {React.ReactElement} returns a MrlLegacySelectMenu\n */\nexport const MrlLegacySelectMenu = ({\n\tattrs = {},\n\tchildren,\n\tlabelId,\n\tposition = selectMenuDefaults.position,\n\t...theRest\n}: MrlLegacySelectMenuProptypes): React.ReactElement => {\n\tconst [calcPosition, setCalcPosition] = React.useState(position);\n\t// eslint-disable-next-line @typescript-eslint/no-unused-vars\n\tconst { dispatch, state: dispatchState } = useSelect();\n\tconst selectRef = React.useRef<HTMLDivElement>(null);\n\tconst coords = useCoordinate<HTMLDivElement | null>(selectRef.current, true, dispatchState.open);\n\n\t/**\n\t * Position menu based on coordinates\n\t */\n\tReact.useLayoutEffect(() => {\n\t\tconst isInView =\n\t\t\tcoords &&\n\t\t\tcoords.top >= 0 &&\n\t\t\tcoords.left >= 0 &&\n\t\t\tcoords.bottom <= (window.innerHeight || document.documentElement.clientHeight) &&\n\t\t\tcoords.right <= (window.innerWidth || document.documentElement.clientWidth);\n\n\t\tif (!isInView) {\n\t\t\tsetCalcPosition(position === 'bottom' ? 'top' : 'bottom');\n\t\t}\n\n\t\tsetCalcPosition(position);\n\t}, [position, coords, dispatchState.open]);\n\n\tconst attributes = setAttributes(attrs, {\n\t\t'aria-activedescendant': !!dispatchState.selectedItem\n\t});\n\n\tconst allClasses = React.useCallback(() => {\n\t\treturn classnames('mrl-selectMenu', attributes.className, theRest.className, {\n\t\t\t[styles['mrl-selectMenu']]: true,\n\t\t\t[styles[`mrl-selectMenu--${calcPosition}`]]: true,\n\t\t\t[styles[`mrl-selectMenu--open`]]: dispatchState.open\n\t\t});\n\t}, [calcPosition, dispatchState.open, attributes.className, theRest.className]);\n\n\tconst closeSelect = React.useCallback(\n\t\t(e: KeyboardEvent) => {\n\t\t\tif (e.key === 'Escape') {\n\t\t\t\te.stopPropagation();\n\t\t\t\te.preventDefault();\n\t\t\t\tdispatch({ payload: 'keyboard', type: 'close' });\n\t\t\t}\n\t\t},\n\t\t[dispatch]\n\t);\n\n\tReact.useEffect(() => {\n\t\tconst selectRefCurrent = selectRef.current;\n\n\t\tif (selectRefCurrent) {\n\t\t\tselectRefCurrent.addEventListener('keydown', closeSelect);\n\t\t}\n\n\t\treturn () => {\n\t\t\tif (selectRefCurrent) {\n\t\t\t\tselectRefCurrent.removeEventListener('keydown', closeSelect);\n\t\t\t}\n\t\t};\n\t}, [closeSelect, selectRef]);\n\n\treturn (\n\t\t<div\n\t\t\t{...attributes}\n\t\t\t{...theRest}\n\t\t\tclassName={allClasses()}\n\t\t\tref={selectRef}\n\t\t\taria-labelledby={labelId}\n\t\t\tid={dispatchState.id}\n\t\t\trole=\"listbox\"\n\t\t>\n\t\t\t{React.Children.map(children, (child, index) => {\n\t\t\t\tif (React.isValidElement(child)) {\n\t\t\t\t\treturn React.cloneElement(child as ReactElement, { index });\n\t\t\t\t}\n\t\t\t\treturn child;\n\t\t\t})}\n\t\t</div>\n\t);\n};\n"],"names":["MrlLegacySelectMenu","_ref","_ref$attrs","attrs","children","labelId","_ref$position","position","selectMenuDefaults","theRest","_objectWithoutProperties","_excluded","_React$useState","React","useState","_React$useState2","_slicedToArray","calcPosition","setCalcPosition","_useSelect","useSelect","dispatch","dispatchState","state","selectRef","useRef","coords","useCoordinate","current","open","useLayoutEffect","isInView","top","left","bottom","window","innerHeight","document","documentElement","clientHeight","right","innerWidth","clientWidth","attributes","setAttributes","selectedItem","allClasses","useCallback","classnames","className","_defineProperty","styles","concat","closeSelect","e","key","stopPropagation","preventDefault","payload","type","useEffect","selectRefCurrent","addEventListener","removeEventListener","createElement","_extends","ref","id","role","Children","map","child","index","isValidElement","cloneElement"],"mappings":"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"}

package/dist/cjs/components/form/legacy-select/MrlLegacySelectMenu/MrlLegacySelectMenu.module.scss.js

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"mrl-selectMenu":"mrl-selectMenu--xk6Fy","mrl-selectMenu--bottom":"mrl-selectMenu--bottom--V44w6","mrl-selectMenu-bottom--top":"mrl-selectMenu-bottom--top--MKbVs","mrl-selectMenu--open":"mrl-selectMenu--open--nuWVa"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlLegacySelectMenu.module.scss.js.map

package/dist/cjs/components/form/legacy-select/MrlLegacySelectMenu/MrlLegacySelectMenu.module.scss.js.map

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

package/dist/cjs/components/form/legacy-select/context/SelectContext.js

@@ -0,0 +1,174 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+
+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 SelectStateContext = /*#__PURE__*/React__namespace.createContext(undefined);
+function selectReducer(state, action) {
+  switch (action.type) {
+    case 'open':
+      {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, state), {}, {
+          focus: true,
+          open: true
+        });
+      }
+    case 'close':
+      {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, state), {}, {
+          actionType: action.payload,
+          focus: false,
+          open: false
+        });
+      }
+    case 'disabled':
+      {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, state), {}, {
+          disabled: true,
+          focus: false,
+          open: false
+        });
+      }
+    case 'read-only':
+      {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, state), {}, {
+          disabled: false,
+          focus: false,
+          open: false
+        });
+      }
+    case 'select':
+      {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, state), {}, {
+          selectedItem: action.payload
+        });
+      }
+    case 'selectedText':
+      {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, state), {}, {
+          selectedText: action.payload
+        });
+      }
+    case 'default':
+      {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, state), {}, {
+          disabled: false,
+          focus: false,
+          open: false
+        });
+      }
+    case 'defaultValue':
+      {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, state), {}, {
+          defaultValue: action.payload
+        });
+      }
+    case 'focus':
+      {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, state), {}, {
+          focus: true,
+          focusIndex: action.payload
+        });
+      }
+    case 'controlledValue':
+      {
+        return _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, state), {}, {
+          controlledValue: action.payload
+        });
+      }
+    default:
+      {
+        throw new Error("Unhandled action type: ".concat(action));
+      }
+  }
+}
+
+/**
+ * Select provider
+ *
+ * @param {SelectProviderProps} props SelectProvider props
+ * @returns {React.ReactElement} returns a booted select provider.
+ */
+function SelectProvider(_ref) {
+  var children = _ref.children,
+    hookChange = _ref.hookChange,
+    id = _ref.id,
+    defaultValue = _ref.defaultValue,
+    selectState = _ref.selectState,
+    value = _ref.value;
+  var _React$useReducer = React__namespace.useReducer(selectReducer, {
+      controlledValue: value,
+      defaultValue: defaultValue,
+      disabled: selectState === 'disabled',
+      focus: false,
+      focusIndex: 0,
+      id: id,
+      open: selectState === 'open',
+      readOnly: selectState === 'read-only'
+    }),
+    _React$useReducer2 = _rollupPluginBabelHelpers.slicedToArray(_React$useReducer, 2),
+    state = _React$useReducer2[0],
+    dispatch = _React$useReducer2[1];
+  var dispatchWithMiddleware = function dispatchWithMiddleware(action) {
+    if (action.type === 'select' && state.selectedItem !== action.payload && state.open) {
+      hookChange === null || hookChange === void 0 ? void 0 : hookChange(action.payload);
+    }
+    dispatch(action);
+  };
+  var providedValue = {
+    dispatch: dispatchWithMiddleware,
+    state: state
+  };
+  React__namespace.useEffect(function () {
+    dispatch({
+      type: selectState || 'default'
+    });
+  }, [selectState]);
+  React__namespace.useEffect(function () {
+    if (value) {
+      dispatch({
+        payload: value,
+        type: 'controlledValue'
+      });
+    }
+  }, [value]);
+  return /*#__PURE__*/React__namespace.createElement(SelectStateContext.Provider, {
+    value: providedValue
+  }, children);
+}
+
+/**
+ * useSelect hook
+ *
+ * @returns returns hook for the select provider.
+ */
+function useSelect() {
+  var context = React__namespace.useContext(SelectStateContext);
+  if (context === undefined) {
+    throw new Error('looks like you are using MrlLegacySelect components outside of a MrlLegacySelect. Either wrap the components in a MrlLegacySelect or a SelectProvider');
+  }
+  return context;
+}
+
+exports.SelectProvider = SelectProvider;
+exports.useSelect = useSelect;
+//# sourceMappingURL=SelectContext.js.map

package/dist/cjs/components/form/legacy-select/context/SelectContext.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectContext.js","sources":["../../../../../../src/components/form/legacy-select/context/SelectContext.tsx"],"sourcesContent":["import * as React from 'react';\nimport { SelectStates } from '../../constants';\n\ntype Action =\n\t| { type: 'open' }\n\t| { type: 'close'; payload: 'mouse' | 'keyboard' | undefined }\n\t| { type: 'focus'; payload: number }\n\t| { type: 'default' }\n\t| { type: 'defaultValue'; payload: string }\n\t| { type: 'disabled' }\n\t| { type: 'read-only' }\n\t// Select action sets the mrl select item data\n\t| { type: 'select'; payload: string }\n\t// selectedText action is used to set the presentation of the item.\n\t| { type: 'selectedText'; payload: React.ReactNode }\n\t| { type: 'controlledValue'; payload: string };\ntype Dispatch = (action: Action) => void;\ntype State = {\n\tactionType?: 'mouse' | 'keyboard';\n\topen: boolean;\n\tfocus: boolean;\n\tdefaultValue?: string;\n\tdisabled: boolean;\n\tfocusIndex?: number;\n\treadOnly: boolean;\n\t//mrl select item data\n\tselectedItem?: string;\n\t// selectedText is the presentation of the item.\n\tselectedText?: React.ReactNode;\n\tid?: string;\n\tcontrolledValue?: string;\n};\ntype SelectProviderProps = {\n\tchildren: React.ReactNode;\n\thookChange?: (newValue?: string) => void | undefined;\n\tid?: string;\n\tselectState?: SelectStates;\n\tdefaultValue?: string;\n\tvalue?: string;\n};\n\nconst SelectStateContext = React.createContext<{ state: State; dispatch: Dispatch } | undefined>(\n\tundefined\n);\n\nfunction selectReducer(state: State, action: Action) {\n\tswitch (action.type) {\n\t\tcase 'open': {\n\t\t\treturn { ...state, focus: true, open: true };\n\t\t}\n\t\tcase 'close': {\n\t\t\treturn { ...state, actionType: action.payload, focus: false, open: false };\n\t\t}\n\t\tcase 'disabled': {\n\t\t\treturn { ...state, disabled: true, focus: false, open: false };\n\t\t}\n\t\tcase 'read-only': {\n\t\t\treturn { ...state, disabled: false, focus: false, open: false };\n\t\t}\n\t\tcase 'select': {\n\t\t\treturn { ...state, selectedItem: action.payload };\n\t\t}\n\t\tcase 'selectedText': {\n\t\t\treturn { ...state, selectedText: action.payload };\n\t\t}\n\t\tcase 'default': {\n\t\t\treturn { ...state, disabled: false, focus: false, open: false };\n\t\t}\n\t\tcase 'defaultValue': {\n\t\t\treturn { ...state, defaultValue: action.payload };\n\t\t}\n\t\tcase 'focus': {\n\t\t\treturn { ...state, focus: true, focusIndex: action.payload };\n\t\t}\n\t\tcase 'controlledValue': {\n\t\t\treturn { ...state, controlledValue: action.payload };\n\t\t}\n\t\tdefault: {\n\t\t\tthrow new Error(`Unhandled action type: ${action}`);\n\t\t}\n\t}\n}\n\n/**\n * Select provider\n *\n * @param {SelectProviderProps} props SelectProvider props\n * @returns {React.ReactElement} returns a booted select provider.\n */\nfunction SelectProvider({\n\tchildren,\n\thookChange,\n\tid,\n\tdefaultValue,\n\tselectState,\n\tvalue\n}: SelectProviderProps): React.ReactElement {\n\tconst [state, dispatch] = React.useReducer(selectReducer, {\n\t\tcontrolledValue: value,\n\t\tdefaultValue: defaultValue,\n\t\tdisabled: selectState === 'disabled',\n\t\tfocus: false,\n\t\tfocusIndex: 0,\n\t\tid,\n\t\topen: selectState === 'open',\n\t\treadOnly: selectState === 'read-only'\n\t});\n\n\tconst dispatchWithMiddleware = (action: Action) => {\n\t\tif (action.type === 'select' && state.selectedItem !== action.payload && state.open) {\n\t\t\thookChange?.(action.payload);\n\t\t}\n\t\tdispatch(action);\n\t};\n\n\tconst providedValue = { dispatch: dispatchWithMiddleware, state };\n\n\tReact.useEffect(() => {\n\t\tdispatch({ type: selectState || 'default' });\n\t}, [selectState]);\n\n\tReact.useEffect(() => {\n\t\tif (value) {\n\t\t\tdispatch({ payload: value, type: 'controlledValue' });\n\t\t}\n\t}, [value]);\n\n\treturn (\n\t\t<SelectStateContext.Provider value={providedValue}>{children}</SelectStateContext.Provider>\n\t);\n}\n\n/**\n * useSelect hook\n *\n * @returns returns hook for the select provider.\n */\nfunction useSelect(): {\n\tstate: State;\n\tdispatch: Dispatch;\n} {\n\tconst context = React.useContext(SelectStateContext);\n\tif (context === undefined) {\n\t\tthrow new Error(\n\t\t\t'looks like you are using MrlLegacySelect components outside of a MrlLegacySelect. Either wrap the components in a MrlLegacySelect or a SelectProvider'\n\t\t);\n\t}\n\treturn context;\n}\n\nexport { SelectProvider, useSelect };\n"],"names":["SelectStateContext","React","createContext","undefined","selectReducer","state","action","type","_objectSpread","focus","open","actionType","payload","disabled","selectedItem","selectedText","defaultValue","focusIndex","controlledValue","Error","concat","SelectProvider","_ref","children","hookChange","id","selectState","value","_React$useReducer","useReducer","readOnly","_React$useReducer2","_slicedToArray","dispatch","dispatchWithMiddleware","providedValue","useEffect","createElement","Provider","useSelect","context","useContext"],"mappings":"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"}

package/dist/cjs/components/form/legacy-select/index.js

@@ -0,0 +1,58 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var SelectContext = require('./context/SelectContext.js');
+var constants = require('../constants.js');
+var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
+var MrlLegacySelect$1 = require('./MrlLegacySelect/MrlLegacySelect.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 = ["hookChange", "id", "defaultValue", "state", "children", "value"];
+
+/**
+ * Creates and exports component class for Mural Select
+ *
+ * @param {MrlLegacySelectProptypes} props MrlLegacySelectProptypes
+ * @returns {React.ReactElement} returns a MrlLegacySelect wrapped in a select provider.
+ */
+var MrlLegacySelect = function MrlLegacySelect(_ref) {
+  var hookChange = _ref.hookChange,
+    id = _ref.id,
+    defaultValue = _ref.defaultValue,
+    _ref$state = _ref.state,
+    state = _ref$state === void 0 ? constants.selectDefaults.state : _ref$state,
+    children = _ref.children,
+    value = _ref.value,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var selectIdRef = React.useRef(setAttributes.getUniqueId('mrl-select'));
+  var selectId = id || selectIdRef.current;
+  return /*#__PURE__*/React__namespace.createElement(SelectContext.SelectProvider, {
+    hookChange: hookChange,
+    id: selectId,
+    defaultValue: defaultValue,
+    selectState: state,
+    value: value
+  }, /*#__PURE__*/React__namespace.createElement(MrlLegacySelect$1.MrlLegacySelect, rest, children));
+};
+
+exports.MrlLegacySelect = MrlLegacySelect;
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/form/legacy-select/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/form/legacy-select/index.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useRef } from 'react';\nimport { MrlLegacySelectProptypes, MrlLegacySelect as Select } from './MrlLegacySelect';\nimport { SelectProvider } from './context/SelectContext';\nimport { getUniqueId } from '../../../utils';\nimport { selectDefaults } from '../constants';\n\n/**\n * Creates and exports component class for Mural Select\n *\n * @param {MrlLegacySelectProptypes} props MrlLegacySelectProptypes\n * @returns {React.ReactElement} returns a MrlLegacySelect wrapped in a select provider.\n */\nexport const MrlLegacySelect = ({\n\thookChange,\n\tid,\n\tdefaultValue,\n\tstate = selectDefaults.state,\n\tchildren,\n\tvalue,\n\t...rest\n}: MrlLegacySelectProptypes): React.ReactElement => {\n\tconst selectIdRef = useRef<string>(getUniqueId('mrl-select'));\n\tconst selectId = id || selectIdRef.current;\n\n\treturn (\n\t\t<SelectProvider\n\t\t\thookChange={hookChange}\n\t\t\tid={selectId}\n\t\t\tdefaultValue={defaultValue}\n\t\t\tselectState={state}\n\t\t\tvalue={value}\n\t\t>\n\t\t\t<Select {...rest}>{children}</Select>\n\t\t</SelectProvider>\n\t);\n};\n"],"names":["MrlLegacySelect","_ref","hookChange","id","defaultValue","_ref$state","state","selectDefaults","children","value","rest","_objectWithoutProperties","_excluded","selectIdRef","useRef","getUniqueId","selectId","current","React","createElement","SelectProvider","selectState","Select"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA;AACA;AACA;AACA;AACA;AACA;IACaA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAQwB;AAAA,EAAA,IAPnDC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,EAAE,GAAAF,IAAA,CAAFE,EAAE;IACFC,YAAY,GAAAH,IAAA,CAAZG,YAAY;IAAAC,UAAA,GAAAJ,IAAA,CACZK,KAAK;AAALA,IAAAA,KAAK,GAAAD,UAAA,KAAA,MAAA,GAAGE,wBAAc,CAACD,KAAK,GAAAD,UAAA;IAC5BG,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,KAAK,GAAAR,IAAA,CAALQ,KAAK;AACFC,IAAAA,IAAI,GAAAC,iDAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA;EAEP,IAAMC,WAAW,GAAGC,YAAM,CAASC,yBAAW,CAAC,YAAY,CAAC,CAAC;AAC7D,EAAA,IAAMC,QAAQ,GAAGb,EAAE,IAAIU,WAAW,CAACI,OAAO;AAE1C,EAAA,oBACCC,gBAAA,CAAAC,aAAA,CAACC,4BAAc,EAAA;AACdlB,IAAAA,UAAU,EAAEA,UAAW;AACvBC,IAAAA,EAAE,EAAEa,QAAS;AACbZ,IAAAA,YAAY,EAAEA,YAAa;AAC3BiB,IAAAA,WAAW,EAAEf,KAAM;AACnBG,IAAAA,KAAK,EAAEA;GAAM,eAEbS,gBAAA,CAAAC,aAAA,CAACG,iCAAM,EAAKZ,IAAI,EAAGF,QAAiB,CACrB,CAAC;AAEnB;;;;"}

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

@@ -0,0 +1,81 @@
+'use strict';
+
+var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
+var React = require('react');
+var classnames = require('classnames');
+var utils = require('../../utils.js');
+var MrlRadioButton_module = require('./MrlRadioButton.module.scss.js');
+var setAttributes = require('../../../../utils/setAttributes/setAttributes.js');
+var MrlRadioButtonStandalone = require('../MrlRadioButtonStandalone/MrlRadioButtonStandalone.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 = ["className", "description", "hasMultilineLabel", "name", "value", "icon", "disabled", "hasError", "label", "style"];
+/**
+ * Form element with an associated text label and description that allows the user to select one
+ * option from a provided list
+ *
+ * @param {MrlRadioButtonProps} props - the component props
+ * @returns an input with type "radio" with an associated label
+ */
+function MrlRadioButton(_ref) {
+  var className = _ref.className,
+    description = _ref.description,
+    _ref$hasMultilineLabe = _ref.hasMultilineLabel,
+    hasMultilineLabel = _ref$hasMultilineLabe === void 0 ? false : _ref$hasMultilineLabe,
+    name = _ref.name,
+    value = _ref.value,
+    icon = _ref.icon,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$hasError = _ref.hasError,
+    hasError = _ref$hasError === void 0 ? false : _ref$hasError,
+    label = _ref.label,
+    style = _ref.style,
+    rest = _rollupPluginBabelHelpers.objectWithoutProperties(_ref, _excluded);
+  var radioButtonIdRef = React__namespace.useRef(setAttributes.getUniqueId('mrl-radio-button'));
+  var descriptionId = "".concat(radioButtonIdRef.current, "-description");
+  var allClasses = classnames(className, 'MrlRadioButton', MrlRadioButton_module.default['MrlRadioButton']);
+  return /*#__PURE__*/React__namespace.createElement("div", {
+    className: allClasses,
+    style: style
+  }, /*#__PURE__*/React__namespace.createElement(MrlRadioButtonStandalone.MrlRadioButtonStandalone, _rollupPluginBabelHelpers.extends({}, rest, {
+    id: radioButtonIdRef.current,
+    className: allClasses,
+    name: name,
+    value: value,
+    disabled: disabled,
+    hasError: !disabled && hasError
+  }, utils.getDescribedby(rest['aria-describedby'], typeof description === 'string' ? descriptionId : undefined))), /*#__PURE__*/React__namespace.createElement(MrlLabelWithDescription.MrlLabelWithDescription, {
+    "data-qa": "".concat(rest['data-qa'], "-label"),
+    isDisabled: disabled,
+    isSelected: rest.defaultChecked || rest.checked,
+    hasMultilineLabel: hasMultilineLabel,
+    htmlFor: radioButtonIdRef.current,
+    icon: icon,
+    label: label,
+    description: description,
+    descriptionId: descriptionId
+  }));
+}
+
+exports.MrlRadioButton = MrlRadioButton;
+//# sourceMappingURL=MrlRadioButton.js.map

package/dist/cjs/components/form/radio/MrlRadioButton/MrlRadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MrlRadioButton.js","sources":["../../../../../../src/components/form/radio/MrlRadioButton/MrlRadioButton.tsx"],"sourcesContent":["import * as React from 'react';\nimport classnames from 'classnames';\nimport { getUniqueId } from '../../../../utils';\nimport { StaticIconConfig } from '../../constants';\nimport { MrlRadioButtonStandalone } from '../../../';\nimport { MrlLabelWithDescription } from '../../label/MrlLabelWithDescription';\nimport { getDescribedby } from '../../utils';\n\nimport styles from './MrlRadioButton.module.scss';\n\ninterface MrlRadioButtonProps extends React.ComponentPropsWithoutRef<'input'> {\n\t/** Additional class to add to the container element */\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 text to display as the radio button's label */\n\tlabel: string;\n\t/** The radio button's name that will group it with others in a radio group */\n\tname: string;\n\t/** The radio button's value */\n\tvalue: string;\n\t/** Indicates if the radio button is disabled */\n\tdisabled?: boolean;\n\t/** Indicates if the radio button has an error */\n\thasError?: boolean;\n\t/** Leading label icon */\n\ticon?: StaticIconConfig;\n\t/** Styles applied to the container element */\n\tstyle?: React.CSSProperties;\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 MrlRadioButton through \"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 *\n\t * @example\n\t * <MrlRadioButton aria-describedby={customId} description={\n\t *   <p id={customId}>description</p>\n\t * }>\n\t */\n\tdescription?: string | React.ReactNode;\n\t/** Data attribute for QA testing */\n\t['data-qa']?: string;\n}\n\n/**\n * Form element with an associated text label and description that allows the user to select one\n * option from a provided list\n *\n * @param {MrlRadioButtonProps} props - the component props\n * @returns an input with type \"radio\" with an associated label\n */\nexport function MrlRadioButton({\n\tclassName,\n\tdescription,\n\thasMultilineLabel = false,\n\tname,\n\tvalue,\n\ticon,\n\tdisabled = false,\n\thasError = false,\n\tlabel,\n\tstyle,\n\t...rest\n}: MrlRadioButtonProps): JSX.Element {\n\tconst radioButtonIdRef = React.useRef<string>(getUniqueId('mrl-radio-button'));\n\tconst descriptionId = `${radioButtonIdRef.current}-description`;\n\n\tconst allClasses = classnames(className, 'MrlRadioButton', styles['MrlRadioButton']);\n\n\treturn (\n\t\t<div className={allClasses} style={style}>\n\t\t\t<MrlRadioButtonStandalone\n\t\t\t\t{...rest}\n\t\t\t\tid={radioButtonIdRef.current}\n\t\t\t\tclassName={allClasses}\n\t\t\t\tname={name}\n\t\t\t\tvalue={value}\n\t\t\t\tdisabled={disabled}\n\t\t\t\thasError={!disabled && hasError}\n\t\t\t\t{...getDescribedby(\n\t\t\t\t\trest['aria-describedby'],\n\t\t\t\t\ttypeof description === 'string' ? descriptionId : undefined\n\t\t\t\t)}\n\t\t\t/>\n\t\t\t<MrlLabelWithDescription\n\t\t\t\tdata-qa={`${rest['data-qa']}-label`}\n\t\t\t\tisDisabled={disabled}\n\t\t\t\tisSelected={rest.defaultChecked || rest.checked}\n\t\t\t\thasMultilineLabel={hasMultilineLabel}\n\t\t\t\thtmlFor={radioButtonIdRef.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":["MrlRadioButton","_ref","className","description","_ref$hasMultilineLabe","hasMultilineLabel","name","value","icon","_ref$disabled","disabled","_ref$hasError","hasError","label","style","rest","_objectWithoutProperties","_excluded","radioButtonIdRef","React","useRef","getUniqueId","descriptionId","concat","current","allClasses","classnames","styles","createElement","MrlRadioButtonStandalone","_extends","id","getDescribedby","undefined","MrlLabelWithDescription","isDisabled","isSelected","defaultChecked","checked","htmlFor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,cAAcA,CAAAC,IAAA,EAYO;AAAA,EAAA,IAXpCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAAC,qBAAA,GAAAH,IAAA,CACXI,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IACzBE,IAAI,GAAAL,IAAA,CAAJK,IAAI;IACJC,KAAK,GAAAN,IAAA,CAALM,KAAK;IACLC,IAAI,GAAAP,IAAA,CAAJO,IAAI;IAAAC,aAAA,GAAAR,IAAA,CACJS,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAAAE,aAAA,GAAAV,IAAA,CAChBW,QAAQ;AAARA,IAAAA,QAAQ,GAAAD,aAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,aAAA;IAChBE,KAAK,GAAAZ,IAAA,CAALY,KAAK;IACLC,KAAK,GAAAb,IAAA,CAALa,KAAK;AACFC,IAAAA,IAAI,GAAAC,iDAAA,CAAAf,IAAA,EAAAgB,SAAA,CAAA;EAEP,IAAMC,gBAAgB,GAAGC,gBAAK,CAACC,MAAM,CAASC,yBAAW,CAAC,kBAAkB,CAAC,CAAC;AAC9E,EAAA,IAAMC,aAAa,GAAA,EAAA,CAAAC,MAAA,CAAML,gBAAgB,CAACM,OAAO,EAAA,cAAA,CAAc;AAE/D,EAAA,IAAMC,UAAU,GAAGC,UAAU,CAACxB,SAAS,EAAE,gBAAgB,EAAEyB,6BAAM,CAAC,gBAAgB,CAAC,CAAC;EAEpF,oBACCR,gBAAA,CAAAS,aAAA,CAAA,KAAA,EAAA;AAAK1B,IAAAA,SAAS,EAAEuB,UAAW;AAACX,IAAAA,KAAK,EAAEA;GAAM,eACxCK,gBAAA,CAAAS,aAAA,CAACC,iDAAwB,EAAAC,iCAAA,KACpBf,IAAI,EAAA;IACRgB,EAAE,EAAEb,gBAAgB,CAACM,OAAQ;AAC7BtB,IAAAA,SAAS,EAAEuB,UAAW;AACtBnB,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAEA,KAAM;AACbG,IAAAA,QAAQ,EAAEA,QAAS;IACnBE,QAAQ,EAAE,CAACF,QAAQ,IAAIE;GAAS,EAC5BoB,oBAAc,CACjBjB,IAAI,CAAC,kBAAkB,CAAC,EACxB,OAAOZ,WAAW,KAAK,QAAQ,GAAGmB,aAAa,GAAGW,SACnD,CAAC,CACD,CAAC,eACFd,gBAAA,CAAAS,aAAA,CAACM,+CAAuB,EAAA;AACvB,IAAA,SAAA,EAAA,EAAA,CAAAX,MAAA,CAAYR,IAAI,CAAC,SAAS,CAAC,EAAA,QAAA,CAAS;AACpCoB,IAAAA,UAAU,EAAEzB,QAAS;AACrB0B,IAAAA,UAAU,EAAErB,IAAI,CAACsB,cAAc,IAAItB,IAAI,CAACuB,OAAQ;AAChDjC,IAAAA,iBAAiB,EAAEA,iBAAkB;IACrCkC,OAAO,EAAErB,gBAAgB,CAACM,OAAQ;AAClChB,IAAAA,IAAI,EAAEA,IAAK;AACXK,IAAAA,KAAK,EAAEA,KAAM;AACbV,IAAAA,WAAW,EAAEA,WAAY;AACzBmB,IAAAA,aAAa,EAAEA;AAAc,GAC7B,CACG,CAAC;AAER;;;;"}

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,8 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styles = {"MrlRadioButtonStandalone-input":"MrlRadioButtonStandalone-input--dqdfP","MrlRadioButtonStandalone-faux-input":"MrlRadioButtonStandalone-faux-input--Jb_IU","hasError":"hasError--Ovy6E","MrlRadioButtonStandalone":"MrlRadioButtonStandalone--WN4ja"};
+
+exports.default = styles;
+//# sourceMappingURL=MrlRadioButtonStandalone.module.scss.js.map

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

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