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

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

@@ -9,7 +9,10 @@ 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) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -26,7 +29,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["attrs", "children", "labelId", "position"];
 /**
@@ -39,7 +43,7 @@ var _excluded = ["attrs", "children", "labelId", "position"];
  * @param {MrlLegacySelectMenuProptypes} props MrlLegacySelectMenuProptypes
  * @returns {React.ReactElement} returns a MrlLegacySelectMenu
  */
-var MrlLegacySelectMenu = function MrlLegacySelectMenu(_ref) {
+var MrlLegacySelectMenu = _ref => {
   var _ref$attrs = _ref.attrs,
     attrs = _ref$attrs === void 0 ? {} : _ref$attrs,
     children = _ref.children,
@@ -61,7 +65,7 @@ var MrlLegacySelectMenu = function MrlLegacySelectMenu(_ref) {
   /**
    * Position menu based on coordinates
    */
-  React__namespace.useLayoutEffect(function () {
+  React__namespace.useLayoutEffect(() => {
     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');
@@ -71,10 +75,14 @@ var MrlLegacySelectMenu = function MrlLegacySelectMenu(_ref) {
   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));
+  var allClasses = React__namespace.useCallback(() => {
+    return classnames__default.default('mrl-selectMenu', attributes.className, theRest.className, {
+      [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) {
+  var closeSelect = React__namespace.useCallback(e => {
     if (e.key === 'Escape') {
       e.stopPropagation();
       e.preventDefault();
@@ -84,12 +92,12 @@ var MrlLegacySelectMenu = function MrlLegacySelectMenu(_ref) {
       });
     }
   }, [dispatch]);
-  React__namespace.useEffect(function () {
+  React__namespace.useEffect(() => {
     var selectRefCurrent = selectRef.current;
     if (selectRefCurrent) {
       selectRefCurrent.addEventListener('keydown', closeSelect);
     }
-    return function () {
+    return () => {
       if (selectRefCurrent) {
         selectRefCurrent.removeEventListener('keydown', closeSelect);
       }
@@ -101,10 +109,10 @@ var MrlLegacySelectMenu = function MrlLegacySelectMenu(_ref) {
     "aria-labelledby": labelId,
     id: dispatchState.id,
     role: "listbox"
-  }), React__namespace.Children.map(children, function (child, index) {
+  }), React__namespace.Children.map(children, (child, index) => {
     if (/*#__PURE__*/React__namespace.isValidElement(child)) {
       return /*#__PURE__*/React__namespace.cloneElement(child, {
-        index: index
+        index
       });
     }
     return child;

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

@@ -1 +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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"}
+{"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","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/context/SelectContext.js

@@ -3,7 +3,8 @@
 var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabelHelpers.js');
 var React = require('react');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -20,7 +21,7 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var SelectStateContext = /*#__PURE__*/React__namespace.createContext(undefined);
 function selectReducer(state, action) {
@@ -121,14 +122,14 @@ function SelectProvider(_ref) {
       disabled: selectState === 'disabled',
       focus: false,
       focusIndex: 0,
-      id: 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) {
+  var dispatchWithMiddleware = action => {
     if (action.type === 'select' && state.selectedItem !== action.payload && state.open) {
       hookChange === null || hookChange === void 0 ? void 0 : hookChange(action.payload);
     }
@@ -136,14 +137,14 @@ function SelectProvider(_ref) {
   };
   var providedValue = {
     dispatch: dispatchWithMiddleware,
-    state: state
+    state
   };
-  React__namespace.useEffect(function () {
+  React__namespace.useEffect(() => {
     dispatch({
       type: selectState || 'default'
     });
   }, [selectState]);
-  React__namespace.useEffect(function () {
+  React__namespace.useEffect(() => {
     if (value) {
       dispatch({
         payload: value,

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

@@ -1 +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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"}
+{"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

@@ -7,7 +7,8 @@ var constants = require('../constants.js');
 var setAttributes = require('../../../utils/setAttributes/setAttributes.js');
 var MrlLegacySelect$1 = require('./MrlLegacySelect/MrlLegacySelect.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -24,7 +25,7 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var _excluded = ["hookChange", "id", "defaultValue", "state", "children", "value"];
 
@@ -34,7 +35,7 @@ var _excluded = ["hookChange", "id", "defaultValue", "state", "children", "value
  * @param {MrlLegacySelectProptypes} props MrlLegacySelectProptypes
  * @returns {React.ReactElement} returns a MrlLegacySelect wrapped in a select provider.
  */
-var MrlLegacySelect = function MrlLegacySelect(_ref) {
+var MrlLegacySelect = _ref => {
   var hookChange = _ref.hookChange,
     id = _ref.id,
     defaultValue = _ref.defaultValue,

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

@@ -1 +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;;;;"}
+{"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;AACO,IAAMA,eAAe,GAAGC,IAAA,IAQqB;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

@@ -9,7 +9,10 @@ var setAttributes = require('../../../../utils/setAttributes/setAttributes.js');
 var MrlRadioButtonStandalone = require('../MrlRadioButtonStandalone/MrlRadioButtonStandalone.js');
 var MrlLabelWithDescription = require('../../label/MrlLabelWithDescription/MrlLabelWithDescription.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -26,7 +29,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["className", "description", "hasMultilineLabel", "name", "value", "icon", "disabled", "hasError", "label", "style"];
 /**
@@ -53,7 +57,7 @@ function MrlRadioButton(_ref) {
     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']);
+  var allClasses = classnames__default.default(className, 'MrlRadioButton', MrlRadioButton_module.default['MrlRadioButton']);
   return /*#__PURE__*/React__namespace.createElement("div", {
     className: allClasses,
     style: style

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

@@ -1 +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;;;;"}
+{"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,2BAAU,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/MrlRadioButtonStandalone/MrlRadioButtonStandalone.js

@@ -6,7 +6,10 @@ var classnames = require('classnames');
 var MrlRadioButtonStandalone_module = require('./MrlRadioButtonStandalone.module.scss.js');
 var setAttributes = require('../../../../utils/setAttributes/setAttributes.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -23,7 +26,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classnames__default = /*#__PURE__*/_interopDefault(classnames);
 
 var _excluded = ["className", "disabled", "hasError", "id", "name", "ref", "value"];
 /**
@@ -50,9 +54,11 @@ function MrlRadioButtonStandalone(_ref) {
     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')
+    className: classnames__default.default(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),
+    className: classnames__default.default('MrlRadioButtonStandalone-input', MrlRadioButtonStandalone_module.default['MrlRadioButtonStandalone-input'], 'MrlRadioButtonStandalone', {
+      [MrlRadioButtonStandalone_module.default.hasError]: hasError
+    }, className),
     id: radioIdRef.current,
     ref: ref,
     name: name,
@@ -62,7 +68,7 @@ function MrlRadioButtonStandalone(_ref) {
   })), /*#__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')
+    className: classnames__default.default(MrlRadioButtonStandalone_module.default['MrlRadioButtonStandalone-faux-input'], 'MrlRadioButtonStandalone-faux-input')
   }));
 }
 

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

@@ -1 +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;;;;"}
+{"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","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,2BAAU,CAACC,uCAAM,CAAC,0BAA0B,CAAC,EAAE,qBAAqB;AAAE,GAAA,eACtFP,gBAAA,CAAAK,aAAA,CAAA,OAAA,EAAAG,iCAAA,KACKZ,IAAI,EAAA;IACRP,SAAS,EAAEiB,2BAAU,CACpB,gCAAgC,EAChCC,uCAAM,CAAC,gCAAgC,CAAC,EACxC,0BAA0B,EAC1B;MACC,CAACA,uCAAM,CAAChB,QAAQ,GAAGA;KACnB,EACDF,SACD,CAAE;IACFG,EAAE,EAAEO,UAAU,CAACU,OAAQ;AACvBf,IAAAA,GAAG,EAAEA,GAAI;AACTD,IAAAA,IAAI,EAAEA,IAAK;AACXE,IAAAA,KAAK,EAAEA,KAAM;AACbL,IAAAA,QAAQ,EAAEA,QAAS;AACnBoB,IAAAA,IAAI,EAAC;AAAO,GAAA,CACZ,CAAC,eACFV,gBAAA,CAAAK,aAAA,CAAA,MAAA,EAAA;AAAMhB,IAAAA,SAAS,EAAC;AAAgE,GAAO,CAAC,eACxFW,gBAAA,CAAAK,aAAA,CAAA,MAAA,EAAA;IACChB,SAAS,EAAEiB,2BAAU,CACpBC,uCAAM,CAAC,qCAAqC,CAAC,EAC7C,qCACD;AAAE,GACI,CACF,CAAC;AAET;;;;"}

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

@@ -4,7 +4,8 @@ var _rollupPluginBabelHelpers = require('../../../../_virtual/_rollupPluginBabel
 var React = require('react');
 var MrlFieldset = require('../../fieldset/MrlFieldset/MrlFieldset.js');
 
-function _interopNamespaceDefault(e) {
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -21,7 +22,7 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
 
 var _excluded = ["className", "children", "label", "hasError"];
 /**

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

@@ -1 +1 @@
-{"version":3,"file":"MrlRadioGroup.js","sources":["../../../../../../src/components/form/radio/MrlRadioGroup/MrlRadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlFieldset } from '../../../';\n\ninterface MrlRadioGroupProps extends React.ComponentPropsWithoutRef<'fieldset'> {\n\t/** List of radio buttons */\n\tchildren: React.ReactNode;\n\t/** Additional class to add to the fieldset element */\n\tclassName?: string;\n\t/** The radio group label, text for the fieldset's legend  */\n\tlabel: string;\n\t/**\n\t * Adds the \"aria-required\" and \"aria-invalid\" attributes to the fieldset\n\t * element to announce the error state to screen readers\n\t */\n\thasError?: boolean;\n}\n\n/**\n * Radio button group that allows the user to select one option from a provided list\n * @param {MrlRadioGroupProps} props - the component props\n * @returns a radio group\n */\nexport function MrlRadioGroup({\n\tclassName,\n\tchildren,\n\tlabel,\n\thasError,\n\t...rest\n}: MrlRadioGroupProps): JSX.Element {\n\treturn (\n\t\t<MrlFieldset\n\t\t\t{...rest}\n\t\t\tlabel={label}\n\t\t\tclassName={className}\n\t\t\tattrs={{\n\t\t\t\t'aria-describedby': rest['aria-describedby'],\n\t\t\t\t'aria-invalid': hasError,\n\t\t\t\t'aria-required': hasError,\n\t\t\t\trole: 'radiogroup'\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</MrlFieldset>\n\t);\n}\n"],"names":["MrlRadioGroup","_ref","className","children","label","hasError","rest","_objectWithoutProperties","_excluded","React","createElement","MrlFieldset","_extends","attrs","role"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAAAC,IAAA,EAMO;AAAA,EAAA,IALnCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;AACLC,IAAAA,IAAI,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;EAEP,oBACCC,gBAAA,CAAAC,aAAA,CAACC,uBAAW,EAAAC,iCAAA,KACPN,IAAI,EAAA;AACRF,IAAAA,KAAK,EAAEA,KAAM;AACbF,IAAAA,SAAS,EAAEA,SAAU;AACrBW,IAAAA,KAAK,EAAE;AACN,MAAA,kBAAkB,EAAEP,IAAI,CAAC,kBAAkB,CAAC;AAC5C,MAAA,cAAc,EAAED,QAAQ;AACxB,MAAA,eAAe,EAAEA,QAAQ;AACzBS,MAAAA,IAAI,EAAE;AACP;AAAE,GAAA,CAAA,EAEDX,QACW,CAAC;AAEhB;;;;"}
+{"version":3,"file":"MrlRadioGroup.js","sources":["../../../../../../src/components/form/radio/MrlRadioGroup/MrlRadioGroup.tsx"],"sourcesContent":["import * as React from 'react';\nimport { MrlFieldset } from '../../../';\n\ninterface MrlRadioGroupProps extends React.ComponentPropsWithoutRef<'fieldset'> {\n\t/** List of radio buttons */\n\tchildren: React.ReactNode;\n\t/** Additional class to add to the fieldset element */\n\tclassName?: string;\n\t/** The radio group label, text for the fieldset's legend  */\n\tlabel: string;\n\t/**\n\t * Adds the \"aria-required\" and \"aria-invalid\" attributes to the fieldset\n\t * element to announce the error state to screen readers\n\t */\n\thasError?: boolean;\n}\n\n/**\n * Radio button group that allows the user to select one option from a provided list\n * @param {MrlRadioGroupProps} props - the component props\n * @returns a radio group\n */\nexport function MrlRadioGroup({\n\tclassName,\n\tchildren,\n\tlabel,\n\thasError,\n\t...rest\n}: MrlRadioGroupProps): JSX.Element {\n\treturn (\n\t\t<MrlFieldset\n\t\t\t{...rest}\n\t\t\tlabel={label}\n\t\t\tclassName={className}\n\t\t\tattrs={{\n\t\t\t\t'aria-describedby': rest['aria-describedby'],\n\t\t\t\t'aria-invalid': hasError,\n\t\t\t\t'aria-required': hasError,\n\t\t\t\trole: 'radiogroup'\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</MrlFieldset>\n\t);\n}\n"],"names":["MrlRadioGroup","_ref","className","children","label","hasError","rest","_objectWithoutProperties","_excluded","React","createElement","MrlFieldset","_extends","attrs","role"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAiBA;AACA;AACA;AACA;AACA;AACO,SAASA,aAAaA,CAAAC,IAAA,EAMO;AAAA,EAAA,IALnCC,SAAS,GAAAD,IAAA,CAATC,SAAS;IACTC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;IACRC,KAAK,GAAAH,IAAA,CAALG,KAAK;IACLC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;AACLC,IAAAA,IAAI,GAAAC,iDAAA,CAAAN,IAAA,EAAAO,SAAA,CAAA;EAEP,oBACCC,gBAAA,CAAAC,aAAA,CAACC,uBAAW,EAAAC,iCAAA,KACPN,IAAI,EAAA;AACRF,IAAAA,KAAK,EAAEA,KAAM;AACbF,IAAAA,SAAS,EAAEA,SAAU;AACrBW,IAAAA,KAAK,EAAE;AACN,MAAA,kBAAkB,EAAEP,IAAI,CAAC,kBAAkB,CAAC;AAC5C,MAAA,cAAc,EAAED,QAAQ;AACxB,MAAA,eAAe,EAAEA,QAAQ;AACzBS,MAAAA,IAAI,EAAE;AACP;AAAE,GAAA,CAAA,EAEDX,QACW,CAAC;AAEhB;;;;"}

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

@@ -11,7 +11,10 @@ var MrlSelectOption = require('../components/MrlSelectOption.js');
 var MrlSelectDropdownIndicator = require('../components/MrlSelectDropdownIndicator.js');
 var MrlSelectClearIndicator = require('../components/MrlSelectClearIndicator.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -28,7 +31,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var CreatableSelect__default = /*#__PURE__*/_interopDefault(CreatableSelect);
 
 var _excluded = ["hasError", "isReadOnly", "kind"];
 var CREATABLE_SELECT_CLASS_NAME_PREFIX = 'MrlCreatableSelect';
@@ -45,10 +49,10 @@ function MrlCreatableSelect(props) {
     _props$kind = props.kind,
     kind = _props$kind === void 0 ? 'default' : _props$kind,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-  var defaultStyles = React__namespace.useMemo(function () {
+  var defaultStyles = React__namespace.useMemo(() => {
     return index.getSelectStyles(kind);
   }, [kind]);
-  var customComponents = React__namespace.useMemo(function () {
+  var customComponents = React__namespace.useMemo(() => {
     var defaults = {
       ClearIndicator: MrlSelectClearIndicator.MrlSelectClearIndicator,
       DropdownIndicator: MrlSelectDropdownIndicator.MrlSelectDropdownIndicator,
@@ -61,12 +65,10 @@ function MrlCreatableSelect(props) {
     }
     return defaults;
   }, [props.components]);
-  return /*#__PURE__*/React__namespace.createElement(CreatableSelect, _rollupPluginBabelHelpers.extends({
+  return /*#__PURE__*/React__namespace.createElement(CreatableSelect__default.default, _rollupPluginBabelHelpers.extends({
     classNamePrefix: CREATABLE_SELECT_CLASS_NAME_PREFIX,
     closeMenuOnScroll: closeMenuOnScroll.closeMenuOnScroll(CREATABLE_SELECT_MENU_LIST_CLASS_NAME),
-    formatCreateLabel: function formatCreateLabel() {
-      return "Press enter to add new option";
-    }
+    formatCreateLabel: () => "Press enter to add new option"
   }, rest, props, {
     styles: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultStyles), props.styles),
     components: customComponents,

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

@@ -1 +1 @@
-{"version":3,"file":"MrlCreatableSelect.js","sources":["../../../../../../src/components/form/select/MrlCreatableSelect/MrlCreatableSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport CreatableSelect, { CreatableProps } from 'react-select/creatable';\nimport { GroupBase } from 'react-select';\nimport { getSelectStyles } from '../styles';\nimport {\n\tMrlSelectDropdownIndicator,\n\tMrlSelectOption,\n\tMrlSelectContainer,\n\tMrlSelectValueContainer,\n\tMrlSelectClearIndicator\n} from '../components';\nimport { SelectKind } from '../types';\nimport { closeMenuOnScroll } from '../utils/closeMenuOnScroll';\n\nexport interface MrlCreatableSelectProps<\n\tOption,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<Option> = GroupBase<Option>\n> extends CreatableProps<Option, IsMulti, Group> {\n\thasError?: boolean;\n\tisReadOnly?: boolean;\n\tkind?: SelectKind;\n\t/**\n\t * The data-qa prefix, it will be used to add data-qa attributes to different sub components of the MrlCreatableSelect component.\n\t *\n\t * Available subcomponents:\n\t * - container, <data-qa-prefix>-container\n\t * - value-container, <data-qa-prefix>-value-container\n\t */\n\t['data-qa']?: string;\n\tshowClearIndicatorIcon?: boolean;\n}\n\nexport const CREATABLE_SELECT_CLASS_NAME_PREFIX = 'MrlCreatableSelect';\nexport const CREATABLE_SELECT_MENU_LIST_CLASS_NAME = `${CREATABLE_SELECT_CLASS_NAME_PREFIX}__menu-list`;\n\n/**\n * MrlCreatableSelect component that supports creating extra options with user input. Option creating could be async too.\n * @param props - the component props\n * @returns the select component\n */\nexport function MrlCreatableSelect<T>(props: MrlCreatableSelectProps<T>): JSX.Element {\n\tconst { hasError, isReadOnly, kind = 'default', ...rest } = props;\n\n\tconst defaultStyles = React.useMemo(() => {\n\t\treturn getSelectStyles<T>(kind);\n\t}, [kind]);\n\n\tconst customComponents = React.useMemo(() => {\n\t\tconst defaults = {\n\t\t\tClearIndicator: MrlSelectClearIndicator<T>,\n\t\t\tDropdownIndicator: MrlSelectDropdownIndicator<T>,\n\t\t\tOption: MrlSelectOption<T>,\n\t\t\tSelectContainer: MrlSelectContainer<T>,\n\t\t\tValueContainer: MrlSelectValueContainer<T>\n\t\t};\n\n\t\tif (props.components) {\n\t\t\tObject.assign(defaults, props.components);\n\t\t}\n\n\t\treturn defaults;\n\t}, [props.components]);\n\n\treturn (\n\t\t<CreatableSelect\n\t\t\tclassNamePrefix={CREATABLE_SELECT_CLASS_NAME_PREFIX}\n\t\t\tcloseMenuOnScroll={closeMenuOnScroll(CREATABLE_SELECT_MENU_LIST_CLASS_NAME)}\n\t\t\tformatCreateLabel={() => `Press enter to add new option`}\n\t\t\t{...rest}\n\t\t\t{...props}\n\t\t\tstyles={{\n\t\t\t\t...defaultStyles,\n\t\t\t\t...props.styles\n\t\t\t}}\n\t\t\tcomponents={customComponents}\n\t\t\taria-invalid={hasError}\n\t\t\taria-readonly={isReadOnly}\n\t\t\tmenuIsOpen={isReadOnly ? false : props.menuIsOpen}\n\t\t\tbackspaceRemovesValue={!isReadOnly}\n\t\t\tisMulti={false}\n\t\t/>\n\t);\n}\n"],"names":["CREATABLE_SELECT_CLASS_NAME_PREFIX","CREATABLE_SELECT_MENU_LIST_CLASS_NAME","concat","MrlCreatableSelect","props","hasError","isReadOnly","_props$kind","kind","rest","_objectWithoutProperties","_excluded","defaultStyles","React","useMemo","getSelectStyles","customComponents","defaults","ClearIndicator","MrlSelectClearIndicator","DropdownIndicator","MrlSelectDropdownIndicator","Option","MrlSelectOption","SelectContainer","MrlSelectContainer","ValueContainer","MrlSelectValueContainer","components","Object","assign","createElement","CreatableSelect","_extends","classNamePrefix","closeMenuOnScroll","formatCreateLabel","styles","_objectSpread","menuIsOpen","backspaceRemovesValue","isMulti"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCO,IAAMA,kCAAkC,GAAG;IACrCC,qCAAqC,GAAA,EAAA,CAAAC,MAAA,CAAMF,kCAAkC,EAAA,aAAA;;AAE1F;AACA;AACA;AACA;AACA;AACO,SAASG,kBAAkBA,CAAIC,KAAiC,EAAe;AACrF,EAAA,IAAQC,QAAQ,GAA4CD,KAAK,CAAzDC,QAAQ;IAAEC,UAAU,GAAgCF,KAAK,CAA/CE,UAAU;IAAAC,WAAA,GAAgCH,KAAK,CAAnCI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;AAAKE,IAAAA,IAAI,GAAAC,iDAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA;AAEjE,EAAA,IAAMC,aAAa,GAAGC,gBAAK,CAACC,OAAO,CAAC,YAAM;IACzC,OAAOC,qBAAe,CAAIP,IAAI,CAAC;AAChC,EAAA,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMQ,gBAAgB,GAAGH,gBAAK,CAACC,OAAO,CAAC,YAAM;AAC5C,IAAA,IAAMG,QAAQ,GAAG;AAChBC,MAAAA,cAAc,EAAEC,+CAA0B;AAC1CC,MAAAA,iBAAiB,EAAEC,qDAA6B;AAChDC,MAAAA,MAAM,EAAEC,+BAAkB;AAC1BC,MAAAA,eAAe,EAAEC,qCAAqB;AACtCC,MAAAA,cAAc,EAAEC;KAChB;IAED,IAAIvB,KAAK,CAACwB,UAAU,EAAE;MACrBC,MAAM,CAACC,MAAM,CAACb,QAAQ,EAAEb,KAAK,CAACwB,UAAU,CAAC;AAC1C,IAAA;AAEA,IAAA,OAAOX,QAAQ;AAChB,EAAA,CAAC,EAAE,CAACb,KAAK,CAACwB,UAAU,CAAC,CAAC;AAEtB,EAAA,oBACCf,gBAAA,CAAAkB,aAAA,CAACC,eAAe,EAAAC,iCAAA,CAAA;AACfC,IAAAA,eAAe,EAAElC,kCAAmC;AACpDmC,IAAAA,iBAAiB,EAAEA,mCAAiB,CAAClC,qCAAqC,CAAE;IAC5EmC,iBAAiB,EAAE,SAAnBA,iBAAiBA,GAAA;AAAA,MAAA,OAAA,+BAAA;AAAA,IAAA;GAAwC,EACrD3B,IAAI,EACJL,KAAK,EAAA;IACTiC,MAAM,EAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACF1B,aAAa,CAAA,EACbR,KAAK,CAACiC,MAAM,CACd;AACFT,IAAAA,UAAU,EAAEZ,gBAAiB;AAC7B,IAAA,cAAA,EAAcX,QAAS;AACvB,IAAA,eAAA,EAAeC,UAAW;AAC1BiC,IAAAA,UAAU,EAAEjC,UAAU,GAAG,KAAK,GAAGF,KAAK,CAACmC,UAAW;IAClDC,qBAAqB,EAAE,CAAClC,UAAW;AACnCmC,IAAAA,OAAO,EAAE;AAAM,GAAA,CACf,CAAC;AAEJ;;;;;;"}
+{"version":3,"file":"MrlCreatableSelect.js","sources":["../../../../../../src/components/form/select/MrlCreatableSelect/MrlCreatableSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport CreatableSelect, { CreatableProps } from 'react-select/creatable';\nimport { GroupBase } from 'react-select';\nimport { getSelectStyles } from '../styles';\nimport {\n\tMrlSelectDropdownIndicator,\n\tMrlSelectOption,\n\tMrlSelectContainer,\n\tMrlSelectValueContainer,\n\tMrlSelectClearIndicator\n} from '../components';\nimport { SelectKind } from '../types';\nimport { closeMenuOnScroll } from '../utils/closeMenuOnScroll';\n\nexport interface MrlCreatableSelectProps<\n\tOption,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<Option> = GroupBase<Option>\n> extends CreatableProps<Option, IsMulti, Group> {\n\thasError?: boolean;\n\tisReadOnly?: boolean;\n\tkind?: SelectKind;\n\t/**\n\t * The data-qa prefix, it will be used to add data-qa attributes to different sub components of the MrlCreatableSelect component.\n\t *\n\t * Available subcomponents:\n\t * - container, <data-qa-prefix>-container\n\t * - value-container, <data-qa-prefix>-value-container\n\t */\n\t['data-qa']?: string;\n\tshowClearIndicatorIcon?: boolean;\n}\n\nexport const CREATABLE_SELECT_CLASS_NAME_PREFIX = 'MrlCreatableSelect';\nexport const CREATABLE_SELECT_MENU_LIST_CLASS_NAME = `${CREATABLE_SELECT_CLASS_NAME_PREFIX}__menu-list`;\n\n/**\n * MrlCreatableSelect component that supports creating extra options with user input. Option creating could be async too.\n * @param props - the component props\n * @returns the select component\n */\nexport function MrlCreatableSelect<T>(props: MrlCreatableSelectProps<T>): JSX.Element {\n\tconst { hasError, isReadOnly, kind = 'default', ...rest } = props;\n\n\tconst defaultStyles = React.useMemo(() => {\n\t\treturn getSelectStyles<T>(kind);\n\t}, [kind]);\n\n\tconst customComponents = React.useMemo(() => {\n\t\tconst defaults = {\n\t\t\tClearIndicator: MrlSelectClearIndicator<T>,\n\t\t\tDropdownIndicator: MrlSelectDropdownIndicator<T>,\n\t\t\tOption: MrlSelectOption<T>,\n\t\t\tSelectContainer: MrlSelectContainer<T>,\n\t\t\tValueContainer: MrlSelectValueContainer<T>\n\t\t};\n\n\t\tif (props.components) {\n\t\t\tObject.assign(defaults, props.components);\n\t\t}\n\n\t\treturn defaults;\n\t}, [props.components]);\n\n\treturn (\n\t\t<CreatableSelect\n\t\t\tclassNamePrefix={CREATABLE_SELECT_CLASS_NAME_PREFIX}\n\t\t\tcloseMenuOnScroll={closeMenuOnScroll(CREATABLE_SELECT_MENU_LIST_CLASS_NAME)}\n\t\t\tformatCreateLabel={() => `Press enter to add new option`}\n\t\t\t{...rest}\n\t\t\t{...props}\n\t\t\tstyles={{\n\t\t\t\t...defaultStyles,\n\t\t\t\t...props.styles\n\t\t\t}}\n\t\t\tcomponents={customComponents}\n\t\t\taria-invalid={hasError}\n\t\t\taria-readonly={isReadOnly}\n\t\t\tmenuIsOpen={isReadOnly ? false : props.menuIsOpen}\n\t\t\tbackspaceRemovesValue={!isReadOnly}\n\t\t\tisMulti={false}\n\t\t/>\n\t);\n}\n"],"names":["CREATABLE_SELECT_CLASS_NAME_PREFIX","CREATABLE_SELECT_MENU_LIST_CLASS_NAME","concat","MrlCreatableSelect","props","hasError","isReadOnly","_props$kind","kind","rest","_objectWithoutProperties","_excluded","defaultStyles","React","useMemo","getSelectStyles","customComponents","defaults","ClearIndicator","MrlSelectClearIndicator","DropdownIndicator","MrlSelectDropdownIndicator","Option","MrlSelectOption","SelectContainer","MrlSelectContainer","ValueContainer","MrlSelectValueContainer","components","Object","assign","createElement","CreatableSelect","_extends","classNamePrefix","closeMenuOnScroll","formatCreateLabel","styles","_objectSpread","menuIsOpen","backspaceRemovesValue","isMulti"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAiCO,IAAMA,kCAAkC,GAAG;IACrCC,qCAAqC,GAAA,EAAA,CAAAC,MAAA,CAAMF,kCAAkC,EAAA,aAAA;;AAE1F;AACA;AACA;AACA;AACA;AACO,SAASG,kBAAkBA,CAAIC,KAAiC,EAAe;AACrF,EAAA,IAAQC,QAAQ,GAA4CD,KAAK,CAAzDC,QAAQ;IAAEC,UAAU,GAAgCF,KAAK,CAA/CE,UAAU;IAAAC,WAAA,GAAgCH,KAAK,CAAnCI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;AAAKE,IAAAA,IAAI,GAAAC,iDAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA;AAEjE,EAAA,IAAMC,aAAa,GAAGC,gBAAK,CAACC,OAAO,CAAC,MAAM;IACzC,OAAOC,qBAAe,CAAIP,IAAI,CAAC;AAChC,EAAA,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMQ,gBAAgB,GAAGH,gBAAK,CAACC,OAAO,CAAC,MAAM;AAC5C,IAAA,IAAMG,QAAQ,GAAG;AAChBC,MAAAA,cAAc,EAAEC,+CAA0B;AAC1CC,MAAAA,iBAAiB,EAAEC,qDAA6B;AAChDC,MAAAA,MAAM,EAAEC,+BAAkB;AAC1BC,MAAAA,eAAe,EAAEC,qCAAqB;AACtCC,MAAAA,cAAc,EAAEC;KAChB;IAED,IAAIvB,KAAK,CAACwB,UAAU,EAAE;MACrBC,MAAM,CAACC,MAAM,CAACb,QAAQ,EAAEb,KAAK,CAACwB,UAAU,CAAC;AAC1C,IAAA;AAEA,IAAA,OAAOX,QAAQ;AAChB,EAAA,CAAC,EAAE,CAACb,KAAK,CAACwB,UAAU,CAAC,CAAC;AAEtB,EAAA,oBACCf,gBAAA,CAAAkB,aAAA,CAACC,gCAAe,EAAAC,iCAAA,CAAA;AACfC,IAAAA,eAAe,EAAElC,kCAAmC;AACpDmC,IAAAA,iBAAiB,EAAEA,mCAAiB,CAAClC,qCAAqC,CAAE;AAC5EmC,IAAAA,iBAAiB,EAAEA,MAAA;GAAsC,EACrD3B,IAAI,EACJL,KAAK,EAAA;IACTiC,MAAM,EAAAC,uCAAA,CAAAA,uCAAA,CAAA,EAAA,EACF1B,aAAa,CAAA,EACbR,KAAK,CAACiC,MAAM,CACd;AACFT,IAAAA,UAAU,EAAEZ,gBAAiB;AAC7B,IAAA,cAAA,EAAcX,QAAS;AACvB,IAAA,eAAA,EAAeC,UAAW;AAC1BiC,IAAAA,UAAU,EAAEjC,UAAU,GAAG,KAAK,GAAGF,KAAK,CAACmC,UAAW;IAClDC,qBAAqB,EAAE,CAAClC,UAAW;AACnCmC,IAAAA,OAAO,EAAE;AAAM,GAAA,CACf,CAAC;AAEJ;;;;;;"}

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

@@ -11,7 +11,10 @@ var MrlSelectOption = require('../components/MrlSelectOption.js');
 var MrlSelectDropdownIndicator = require('../components/MrlSelectDropdownIndicator.js');
 var MrlSelectClearIndicator = require('../components/MrlSelectClearIndicator.js');
 
-function _interopNamespaceDefault(e) {
+function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
+
+function _interopNamespace(e) {
+	if (e && e.__esModule) return e;
 	var n = Object.create(null);
 	if (e) {
 		Object.keys(e).forEach(function (k) {
@@ -28,7 +31,8 @@ function _interopNamespaceDefault(e) {
 	return Object.freeze(n);
 }
 
-var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var CreatableSelect__default = /*#__PURE__*/_interopDefault(CreatableSelect);
 
 var _excluded = ["hasError", "isReadOnly", "kind"];
 var MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX = 'MrlMultiCreatableSelect';
@@ -45,10 +49,10 @@ function MrlMultiCreatableSelect(props) {
     _props$kind = props.kind,
     kind = _props$kind === void 0 ? 'default' : _props$kind,
     rest = _rollupPluginBabelHelpers.objectWithoutProperties(props, _excluded);
-  var defaultStyles = React__namespace.useMemo(function () {
+  var defaultStyles = React__namespace.useMemo(() => {
     return index.getSelectStyles(kind);
   }, [kind]);
-  var customComponents = React__namespace.useMemo(function () {
+  var customComponents = React__namespace.useMemo(() => {
     var defaults = {
       ClearIndicator: MrlSelectClearIndicator.MrlSelectClearIndicator,
       DropdownIndicator: MrlSelectDropdownIndicator.MrlSelectDropdownIndicator,
@@ -61,12 +65,10 @@ function MrlMultiCreatableSelect(props) {
     }
     return defaults;
   }, [props.components]);
-  return /*#__PURE__*/React__namespace.createElement(CreatableSelect, _rollupPluginBabelHelpers.extends({
+  return /*#__PURE__*/React__namespace.createElement(CreatableSelect__default.default, _rollupPluginBabelHelpers.extends({
     classNamePrefix: MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX,
     closeMenuOnScroll: closeMenuOnScroll.closeMenuOnScroll(MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME),
-    formatCreateLabel: function formatCreateLabel() {
-      return "Press enter to add new option";
-    }
+    formatCreateLabel: () => "Press enter to add new option"
   }, rest, props, {
     styles: _rollupPluginBabelHelpers.objectSpread2(_rollupPluginBabelHelpers.objectSpread2({}, defaultStyles), props.styles),
     components: customComponents,