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

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

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, defineProperty as _defineProperty, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classnames from 'classnames';
 import { selectMenuDefaults } from '../../constants.js';
@@ -18,7 +18,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,
@@ -40,7 +40,7 @@ var MrlLegacySelectMenu = function MrlLegacySelectMenu(_ref) {
   /**
    * Position menu based on coordinates
    */
-  React.useLayoutEffect(function () {
+  React.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');
@@ -50,10 +50,14 @@ var MrlLegacySelectMenu = function MrlLegacySelectMenu(_ref) {
   var attributes = setAttributes(attrs, {
     'aria-activedescendant': !!dispatchState.selectedItem
   });
-  var allClasses = React.useCallback(function () {
-    return classnames('mrl-selectMenu', attributes.className, theRest.className, _defineProperty(_defineProperty(_defineProperty({}, styles['mrl-selectMenu'], true), styles["mrl-selectMenu--".concat(calcPosition)], true), styles["mrl-selectMenu--open"], dispatchState.open));
+  var allClasses = React.useCallback(() => {
+    return classnames('mrl-selectMenu', attributes.className, theRest.className, {
+      [styles['mrl-selectMenu']]: true,
+      [styles["mrl-selectMenu--".concat(calcPosition)]]: true,
+      [styles["mrl-selectMenu--open"]]: dispatchState.open
+    });
   }, [calcPosition, dispatchState.open, attributes.className, theRest.className]);
-  var closeSelect = React.useCallback(function (e) {
+  var closeSelect = React.useCallback(e => {
     if (e.key === 'Escape') {
       e.stopPropagation();
       e.preventDefault();
@@ -63,12 +67,12 @@ var MrlLegacySelectMenu = function MrlLegacySelectMenu(_ref) {
       });
     }
   }, [dispatch]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     var selectRefCurrent = selectRef.current;
     if (selectRefCurrent) {
       selectRefCurrent.addEventListener('keydown', closeSelect);
     }
-    return function () {
+    return () => {
       if (selectRefCurrent) {
         selectRefCurrent.removeEventListener('keydown', closeSelect);
       }
@@ -80,10 +84,10 @@ var MrlLegacySelectMenu = function MrlLegacySelectMenu(_ref) {
     "aria-labelledby": labelId,
     id: dispatchState.id,
     role: "listbox"
-  }), React.Children.map(children, function (child, index) {
+  }), React.Children.map(children, (child, index) => {
     if (/*#__PURE__*/React.isValidElement(child)) {
       return /*#__PURE__*/React.cloneElement(child, {
-        index: index
+        index
       });
     }
     return child;

package/dist/esm/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/esm/components/form/legacy-select/context/SelectContext.js

@@ -100,14 +100,14 @@ function SelectProvider(_ref) {
       disabled: selectState === 'disabled',
       focus: false,
       focusIndex: 0,
-      id: id,
+      id,
       open: selectState === 'open',
       readOnly: selectState === 'read-only'
     }),
     _React$useReducer2 = _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);
     }
@@ -115,14 +115,14 @@ function SelectProvider(_ref) {
   };
   var providedValue = {
     dispatch: dispatchWithMiddleware,
-    state: state
+    state
   };
-  React.useEffect(function () {
+  React.useEffect(() => {
     dispatch({
       type: selectState || 'default'
     });
   }, [selectState]);
-  React.useEffect(function () {
+  React.useEffect(() => {
     if (value) {
       dispatch({
         payload: value,

package/dist/esm/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/esm/components/form/legacy-select/index.js

@@ -14,7 +14,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/esm/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,cAAc,CAACD,KAAK,GAAAD,UAAA;IAC5BG,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,KAAK,GAAAR,IAAA,CAALQ,KAAK;AACFC,IAAAA,IAAI,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA;EAEP,IAAMC,WAAW,GAAGC,MAAM,CAASC,WAAW,CAAC,YAAY,CAAC,CAAC;AAC7D,EAAA,IAAMC,QAAQ,GAAGb,EAAE,IAAIU,WAAW,CAACI,OAAO;AAE1C,EAAA,oBACCC,KAAA,CAAAC,aAAA,CAACC,cAAc,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,KAAA,CAAAC,aAAA,CAACG,iBAAM,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,cAAc,CAACD,KAAK,GAAAD,UAAA;IAC5BG,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,KAAK,GAAAR,IAAA,CAALQ,KAAK;AACFC,IAAAA,IAAI,GAAAC,wBAAA,CAAAV,IAAA,EAAAW,SAAA,CAAA;EAEP,IAAMC,WAAW,GAAGC,MAAM,CAASC,WAAW,CAAC,YAAY,CAAC,CAAC;AAC7D,EAAA,IAAMC,QAAQ,GAAGb,EAAE,IAAIU,WAAW,CAACI,OAAO;AAE1C,EAAA,oBACCC,KAAA,CAAAC,aAAA,CAACC,cAAc,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,KAAA,CAAAC,aAAA,CAACG,iBAAM,EAAKZ,IAAI,EAAGF,QAAiB,CACrB,CAAC;AAEnB;;;;"}

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

@@ -1,4 +1,4 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import classnames from 'classnames';
 import styles from './MrlRadioButtonStandalone.module.scss.js';
@@ -31,7 +31,9 @@ function MrlRadioButtonStandalone(_ref) {
   return /*#__PURE__*/React.createElement("span", {
     className: classnames(styles['MrlRadioButtonStandalone'], 'mrl-u-focus-wrapper')
   }, /*#__PURE__*/React.createElement("input", _extends({}, rest, {
-    className: classnames('MrlRadioButtonStandalone-input', styles['MrlRadioButtonStandalone-input'], 'MrlRadioButtonStandalone', _defineProperty({}, styles.hasError, hasError), className),
+    className: classnames('MrlRadioButtonStandalone-input', styles['MrlRadioButtonStandalone-input'], 'MrlRadioButtonStandalone', {
+      [styles.hasError]: hasError
+    }, className),
     id: radioIdRef.current,
     ref: ref,
     name: name,

package/dist/esm/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,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA;AAEP;AACA;AACA,EAAA,IAAMC,UAAU,GAAGC,KAAK,CAACC,MAAM,CAAST,EAAE,IAAIU,WAAW,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,KAAA,CAAAK,aAAA,CAAA,MAAA,EAAA;IAAMhB,SAAS,EAAEiB,UAAU,CAACC,MAAM,CAAC,0BAA0B,CAAC,EAAE,qBAAqB;AAAE,GAAA,eACtFP,KAAA,CAAAK,aAAA,CAAA,OAAA,EAAAG,QAAA,KACKZ,IAAI,EAAA;IACRP,SAAS,EAAEiB,UAAU,CACpB,gCAAgC,EAChCC,MAAM,CAAC,gCAAgC,CAAC,EACxC,0BAA0B,EAAAE,eAAA,KAExBF,MAAM,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,KAAA,CAAAK,aAAA,CAAA,MAAA,EAAA;AAAMhB,IAAAA,SAAS,EAAC;AAAgE,GAAO,CAAC,eACxFW,KAAA,CAAAK,aAAA,CAAA,MAAA,EAAA;IACChB,SAAS,EAAEiB,UAAU,CACpBC,MAAM,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,wBAAA,CAAAT,IAAA,EAAAU,SAAA,CAAA;AAEP;AACA;AACA,EAAA,IAAMC,UAAU,GAAGC,KAAK,CAACC,MAAM,CAAST,EAAE,IAAIU,WAAW,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,KAAA,CAAAK,aAAA,CAAA,MAAA,EAAA;IAAMhB,SAAS,EAAEiB,UAAU,CAACC,MAAM,CAAC,0BAA0B,CAAC,EAAE,qBAAqB;AAAE,GAAA,eACtFP,KAAA,CAAAK,aAAA,CAAA,OAAA,EAAAG,QAAA,KACKZ,IAAI,EAAA;IACRP,SAAS,EAAEiB,UAAU,CACpB,gCAAgC,EAChCC,MAAM,CAAC,gCAAgC,CAAC,EACxC,0BAA0B,EAC1B;MACC,CAACA,MAAM,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,KAAA,CAAAK,aAAA,CAAA,MAAA,EAAA;AAAMhB,IAAAA,SAAS,EAAC;AAAgE,GAAO,CAAC,eACxFW,KAAA,CAAAK,aAAA,CAAA,MAAA,EAAA;IACChB,SAAS,EAAEiB,UAAU,CACpBC,MAAM,CAAC,qCAAqC,CAAC,EAC7C,qCACD;AAAE,GACI,CACF,CAAC;AAET;;;;"}

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

@@ -24,10 +24,10 @@ function MrlCreatableSelect(props) {
     _props$kind = props.kind,
     kind = _props$kind === void 0 ? 'default' : _props$kind,
     rest = _objectWithoutProperties(props, _excluded);
-  var defaultStyles = React.useMemo(function () {
+  var defaultStyles = React.useMemo(() => {
     return getSelectStyles(kind);
   }, [kind]);
-  var customComponents = React.useMemo(function () {
+  var customComponents = React.useMemo(() => {
     var defaults = {
       ClearIndicator: MrlSelectClearIndicator,
       DropdownIndicator: MrlSelectDropdownIndicator,
@@ -43,9 +43,7 @@ function MrlCreatableSelect(props) {
   return /*#__PURE__*/React.createElement(CreatableSelect, _extends({
     classNamePrefix: CREATABLE_SELECT_CLASS_NAME_PREFIX,
     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: _objectSpread2(_objectSpread2({}, defaultStyles), props.styles),
     components: customComponents,

package/dist/esm/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,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA;AAEjE,EAAA,IAAMC,aAAa,GAAGC,KAAK,CAACC,OAAO,CAAC,YAAM;IACzC,OAAOC,eAAe,CAAIP,IAAI,CAAC;AAChC,EAAA,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMQ,gBAAgB,GAAGH,KAAK,CAACC,OAAO,CAAC,YAAM;AAC5C,IAAA,IAAMG,QAAQ,GAAG;AAChBC,MAAAA,cAAc,EAAEC,uBAA0B;AAC1CC,MAAAA,iBAAiB,EAAEC,0BAA6B;AAChDC,MAAAA,MAAM,EAAEC,eAAkB;AAC1BC,MAAAA,eAAe,EAAEC,kBAAqB;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,KAAA,CAAAkB,aAAA,CAACC,eAAe,EAAAC,QAAA,CAAA;AACfC,IAAAA,eAAe,EAAElC,kCAAmC;AACpDmC,IAAAA,iBAAiB,EAAEA,iBAAiB,CAAClC,qCAAqC,CAAE;IAC5EmC,iBAAiB,EAAE,SAAnBA,iBAAiBA,GAAA;AAAA,MAAA,OAAA,+BAAA;AAAA,IAAA;GAAwC,EACrD3B,IAAI,EACJL,KAAK,EAAA;IACTiC,MAAM,EAAAC,cAAA,CAAAA,cAAA,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,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA;AAEjE,EAAA,IAAMC,aAAa,GAAGC,KAAK,CAACC,OAAO,CAAC,MAAM;IACzC,OAAOC,eAAe,CAAIP,IAAI,CAAC;AAChC,EAAA,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMQ,gBAAgB,GAAGH,KAAK,CAACC,OAAO,CAAC,MAAM;AAC5C,IAAA,IAAMG,QAAQ,GAAG;AAChBC,MAAAA,cAAc,EAAEC,uBAA0B;AAC1CC,MAAAA,iBAAiB,EAAEC,0BAA6B;AAChDC,MAAAA,MAAM,EAAEC,eAAkB;AAC1BC,MAAAA,eAAe,EAAEC,kBAAqB;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,KAAA,CAAAkB,aAAA,CAACC,eAAe,EAAAC,QAAA,CAAA;AACfC,IAAAA,eAAe,EAAElC,kCAAmC;AACpDmC,IAAAA,iBAAiB,EAAEA,iBAAiB,CAAClC,qCAAqC,CAAE;AAC5EmC,IAAAA,iBAAiB,EAAEA,MAAA;GAAsC,EACrD3B,IAAI,EACJL,KAAK,EAAA;IACTiC,MAAM,EAAAC,cAAA,CAAAA,cAAA,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/esm/components/form/select/MrlMultiCreatableSelect/MrlMultiCreatableSelect.js

@@ -24,10 +24,10 @@ function MrlMultiCreatableSelect(props) {
     _props$kind = props.kind,
     kind = _props$kind === void 0 ? 'default' : _props$kind,
     rest = _objectWithoutProperties(props, _excluded);
-  var defaultStyles = React.useMemo(function () {
+  var defaultStyles = React.useMemo(() => {
     return getSelectStyles(kind);
   }, [kind]);
-  var customComponents = React.useMemo(function () {
+  var customComponents = React.useMemo(() => {
     var defaults = {
       ClearIndicator: MrlSelectClearIndicator,
       DropdownIndicator: MrlSelectDropdownIndicator,
@@ -43,9 +43,7 @@ function MrlMultiCreatableSelect(props) {
   return /*#__PURE__*/React.createElement(CreatableSelect, _extends({
     classNamePrefix: MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX,
     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: _objectSpread2(_objectSpread2({}, defaultStyles), props.styles),
     components: customComponents,

package/dist/esm/components/form/select/MrlMultiCreatableSelect/MrlMultiCreatableSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlMultiCreatableSelect.js","sources":["../../../../../../src/components/form/select/MrlMultiCreatableSelect/MrlMultiCreatableSelect.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 { DefaultOption, SelectKind } from '../types';\nimport { closeMenuOnScroll } from '../utils/closeMenuOnScroll';\n\nexport interface MrlMultiCreatableSelectProps<\n\tOption,\n\tIsMulti extends boolean = true,\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 MrlMultiCreatableSelect 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 MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX = 'MrlMultiCreatableSelect';\nexport const MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME = `${MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX}__menu-list`;\n\n/**\n * MrlMultiCreatableSelect 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 MrlMultiCreatableSelect<\n\tT extends DefaultOption,\n\tIsMulti extends boolean = true,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: MrlMultiCreatableSelectProps<T, IsMulti, Group>): JSX.Element {\n\tconst { hasError, isReadOnly, kind = 'default', ...rest } = props;\n\n\tconst defaultStyles = React.useMemo(() => {\n\t\treturn getSelectStyles<T, IsMulti, Group>(kind);\n\t}, [kind]);\n\n\tconst customComponents = React.useMemo(() => {\n\t\tconst defaults = {\n\t\t\tClearIndicator: MrlSelectClearIndicator<T, IsMulti, Group>,\n\t\t\tDropdownIndicator: MrlSelectDropdownIndicator<T, IsMulti, Group>,\n\t\t\tOption: MrlSelectOption<T, IsMulti, Group>,\n\t\t\tSelectContainer: MrlSelectContainer<T, IsMulti, Group>,\n\t\t\tValueContainer: MrlSelectValueContainer<T, IsMulti, Group>\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={MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX}\n\t\t\tcloseMenuOnScroll={closeMenuOnScroll(MULTI_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={true as IsMulti}\n\t\t/>\n\t);\n}\n"],"names":["MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX","MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME","concat","MrlMultiCreatableSelect","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,wCAAwC,GAAG;IAC3CC,2CAA2C,GAAA,EAAA,CAAAC,MAAA,CAAMF,wCAAwC,EAAA,aAAA;;AAEtG;AACA;AACA;AACA;AACA;AACO,SAASG,uBAAuBA,CAIrCC,KAAsD,EAAe;AACtE,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,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA;AAEjE,EAAA,IAAMC,aAAa,GAAGC,KAAK,CAACC,OAAO,CAAC,YAAM;IACzC,OAAOC,eAAe,CAAoBP,IAAI,CAAC;AAChD,EAAA,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMQ,gBAAgB,GAAGH,KAAK,CAACC,OAAO,CAAC,YAAM;AAC5C,IAAA,IAAMG,QAAQ,GAAG;AAChBC,MAAAA,cAAc,EAAEC,uBAA0C;AAC1DC,MAAAA,iBAAiB,EAAEC,0BAA6C;AAChEC,MAAAA,MAAM,EAAEC,eAAkC;AAC1CC,MAAAA,eAAe,EAAEC,kBAAqC;AACtDC,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,KAAA,CAAAkB,aAAA,CAACC,eAAe,EAAAC,QAAA,CAAA;AACfC,IAAAA,eAAe,EAAElC,wCAAyC;AAC1DmC,IAAAA,iBAAiB,EAAEA,iBAAiB,CAAClC,2CAA2C,CAAE;IAClFmC,iBAAiB,EAAE,SAAnBA,iBAAiBA,GAAA;AAAA,MAAA,OAAA,+BAAA;AAAA,IAAA;GAAwC,EACrD3B,IAAI,EACJL,KAAK,EAAA;IACTiC,MAAM,EAAAC,cAAA,CAAAA,cAAA,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;AAAgB,GAAA,CACzB,CAAC;AAEJ;;;;"}
+{"version":3,"file":"MrlMultiCreatableSelect.js","sources":["../../../../../../src/components/form/select/MrlMultiCreatableSelect/MrlMultiCreatableSelect.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 { DefaultOption, SelectKind } from '../types';\nimport { closeMenuOnScroll } from '../utils/closeMenuOnScroll';\n\nexport interface MrlMultiCreatableSelectProps<\n\tOption,\n\tIsMulti extends boolean = true,\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 MrlMultiCreatableSelect 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 MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX = 'MrlMultiCreatableSelect';\nexport const MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME = `${MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX}__menu-list`;\n\n/**\n * MrlMultiCreatableSelect 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 MrlMultiCreatableSelect<\n\tT extends DefaultOption,\n\tIsMulti extends boolean = true,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: MrlMultiCreatableSelectProps<T, IsMulti, Group>): JSX.Element {\n\tconst { hasError, isReadOnly, kind = 'default', ...rest } = props;\n\n\tconst defaultStyles = React.useMemo(() => {\n\t\treturn getSelectStyles<T, IsMulti, Group>(kind);\n\t}, [kind]);\n\n\tconst customComponents = React.useMemo(() => {\n\t\tconst defaults = {\n\t\t\tClearIndicator: MrlSelectClearIndicator<T, IsMulti, Group>,\n\t\t\tDropdownIndicator: MrlSelectDropdownIndicator<T, IsMulti, Group>,\n\t\t\tOption: MrlSelectOption<T, IsMulti, Group>,\n\t\t\tSelectContainer: MrlSelectContainer<T, IsMulti, Group>,\n\t\t\tValueContainer: MrlSelectValueContainer<T, IsMulti, Group>\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={MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX}\n\t\t\tcloseMenuOnScroll={closeMenuOnScroll(MULTI_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={true as IsMulti}\n\t\t/>\n\t);\n}\n"],"names":["MULTI_CREATABLE_SELECT_CLASS_NAME_PREFIX","MULTI_CREATABLE_SELECT_MENU_LIST_CLASS_NAME","concat","MrlMultiCreatableSelect","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,wCAAwC,GAAG;IAC3CC,2CAA2C,GAAA,EAAA,CAAAC,MAAA,CAAMF,wCAAwC,EAAA,aAAA;;AAEtG;AACA;AACA;AACA;AACA;AACO,SAASG,uBAAuBA,CAIrCC,KAAsD,EAAe;AACtE,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,wBAAA,CAAKN,KAAK,EAAAO,SAAA,CAAA;AAEjE,EAAA,IAAMC,aAAa,GAAGC,KAAK,CAACC,OAAO,CAAC,MAAM;IACzC,OAAOC,eAAe,CAAoBP,IAAI,CAAC;AAChD,EAAA,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMQ,gBAAgB,GAAGH,KAAK,CAACC,OAAO,CAAC,MAAM;AAC5C,IAAA,IAAMG,QAAQ,GAAG;AAChBC,MAAAA,cAAc,EAAEC,uBAA0C;AAC1DC,MAAAA,iBAAiB,EAAEC,0BAA6C;AAChEC,MAAAA,MAAM,EAAEC,eAAkC;AAC1CC,MAAAA,eAAe,EAAEC,kBAAqC;AACtDC,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,KAAA,CAAAkB,aAAA,CAACC,eAAe,EAAAC,QAAA,CAAA;AACfC,IAAAA,eAAe,EAAElC,wCAAyC;AAC1DmC,IAAAA,iBAAiB,EAAEA,iBAAiB,CAAClC,2CAA2C,CAAE;AAClFmC,IAAAA,iBAAiB,EAAEA,MAAA;GAAsC,EACrD3B,IAAI,EACJL,KAAK,EAAA;IACTiC,MAAM,EAAAC,cAAA,CAAAA,cAAA,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;AAAgB,GAAA,CACzB,CAAC;AAEJ;;;;"}

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

@@ -29,11 +29,11 @@ function MrlMultiSelect(props) {
     _props$kind = props.kind,
     kind = _props$kind === void 0 ? 'default' : _props$kind,
     rest = _objectWithoutProperties(props, _excluded);
-  var defaultStyles = React.useMemo(function () {
+  var defaultStyles = React.useMemo(() => {
     var styles = getSelectStyles(kind);
     return styles;
   }, [kind]);
-  var customComponents = React.useMemo(function () {
+  var customComponents = React.useMemo(() => {
     var defaults = {
       DropdownIndicator: MrlSelectDropdownIndicator,
       MultiValue: MrlSelectMultiValue,

package/dist/esm/components/form/select/MrlMultiSelect/MrlMultiSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlMultiSelect.js","sources":["../../../../../../src/components/form/select/MrlMultiSelect/MrlMultiSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport Select, { GroupBase, Props } from 'react-select';\nimport { getSelectStyles } from '../styles';\nimport {\n\tMrlSelectDropdownIndicator,\n\tMrlSelectOption,\n\tMrlSelectMultiValueRemove,\n\tMrlSelectMultiValue,\n\tMrlSelectContainer,\n\tMrlSelectValueContainer\n} from '../components';\nimport { DefaultOption, SelectKind } from '../types';\nimport { closeMenuOnScroll } from '../utils/closeMenuOnScroll';\n\nexport interface MrlMultiSelectProps<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n> extends Omit<Props<T, IsMulti, Group>, 'isMulti' | 'hideSelectedOptions'> {\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 MrlMultiSelect 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}\n\nexport const MULTI_SELECT_CLASS_NAME_PREFIX = 'MrlMultiSelect';\nexport const MULTI_SELECT_MENU_LIST_CLASS_NAME = `${MULTI_SELECT_CLASS_NAME_PREFIX}__menu-list`;\n\n/**\n * MrlSelect component\n * @param props - the component props\n * @returns the select component\n */\nexport function MrlMultiSelect<\n\tT extends DefaultOption,\n\tIsMulti extends boolean,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: MrlMultiSelectProps<T, IsMulti, Group>): JSX.Element {\n\tconst {\n\t\thasError,\n\t\tisReadOnly,\n\t\tisSearchable = false,\n\t\tcloseMenuOnSelect = false,\n\t\tkind = 'default',\n\t\t...rest\n\t} = props;\n\n\tconst defaultStyles = React.useMemo(() => {\n\t\tconst styles = getSelectStyles<T, IsMulti, Group>(kind);\n\n\t\treturn styles;\n\t}, [kind]);\n\n\tconst customComponents = React.useMemo(() => {\n\t\tconst defaults = {\n\t\t\tDropdownIndicator: MrlSelectDropdownIndicator<T, IsMulti, Group>,\n\t\t\tMultiValue: MrlSelectMultiValue<T, IsMulti, Group>,\n\t\t\tMultiValueRemove: MrlSelectMultiValueRemove<T, IsMulti, Group>,\n\t\t\tOption: MrlSelectOption<T, IsMulti, Group>,\n\t\t\tSelectContainer: MrlSelectContainer<T, IsMulti, Group>,\n\t\t\tValueContainer: MrlSelectValueContainer<T, IsMulti, Group>\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<Select\n\t\t\tclassNamePrefix={MULTI_SELECT_CLASS_NAME_PREFIX}\n\t\t\tcloseMenuOnScroll={closeMenuOnScroll(MULTI_SELECT_MENU_LIST_CLASS_NAME)}\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\tisSearchable={isSearchable && !isReadOnly}\n\t\t\tisMulti={true as IsMulti}\n\t\t\thideSelectedOptions={true}\n\t\t\tcloseMenuOnSelect={closeMenuOnSelect}\n\t\t/>\n\t);\n}\n"],"names":["MULTI_SELECT_CLASS_NAME_PREFIX","MULTI_SELECT_MENU_LIST_CLASS_NAME","concat","MrlMultiSelect","props","hasError","isReadOnly","_props$isSearchable","isSearchable","_props$closeMenuOnSel","closeMenuOnSelect","_props$kind","kind","rest","_objectWithoutProperties","_excluded","defaultStyles","React","useMemo","styles","getSelectStyles","customComponents","defaults","DropdownIndicator","MrlSelectDropdownIndicator","MultiValue","MrlSelectMultiValue","MultiValueRemove","MrlSelectMultiValueRemove","Option","MrlSelectOption","SelectContainer","MrlSelectContainer","ValueContainer","MrlSelectValueContainer","components","Object","assign","createElement","Select","_extends","classNamePrefix","closeMenuOnScroll","_objectSpread","menuIsOpen","backspaceRemovesValue","isMulti","hideSelectedOptions"],"mappings":";;;;;;;;;;;;;AAgCO,IAAMA,8BAA8B,GAAG;IACjCC,iCAAiC,GAAA,EAAA,CAAAC,MAAA,CAAMF,8BAA8B,EAAA,aAAA;;AAElF;AACA;AACA;AACA;AACA;AACO,SAASG,cAAcA,CAI5BC,KAA6C,EAAe;AAC7D,EAAA,IACCC,QAAQ,GAMLD,KAAK,CANRC,QAAQ;IACRC,UAAU,GAKPF,KAAK,CALRE,UAAU;IAAAC,mBAAA,GAKPH,KAAK,CAJRI,YAAY;AAAZA,IAAAA,YAAY,GAAAD,mBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,mBAAA;IAAAE,qBAAA,GAIjBL,KAAK,CAHRM,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IAAAE,WAAA,GAGtBP,KAAK,CAFRQ,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;AACbE,IAAAA,IAAI,GAAAC,wBAAA,CACJV,KAAK,EAAAW,SAAA,CAAA;AAET,EAAA,IAAMC,aAAa,GAAGC,KAAK,CAACC,OAAO,CAAC,YAAM;AACzC,IAAA,IAAMC,MAAM,GAAGC,eAAe,CAAoBR,IAAI,CAAC;AAEvD,IAAA,OAAOO,MAAM;AACd,EAAA,CAAC,EAAE,CAACP,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMS,gBAAgB,GAAGJ,KAAK,CAACC,OAAO,CAAC,YAAM;AAC5C,IAAA,IAAMI,QAAQ,GAAG;AAChBC,MAAAA,iBAAiB,EAAEC,0BAA6C;AAChEC,MAAAA,UAAU,EAAEC,mBAAsC;AAClDC,MAAAA,gBAAgB,EAAEC,yBAA4C;AAC9DC,MAAAA,MAAM,EAAEC,eAAkC;AAC1CC,MAAAA,eAAe,EAAEC,kBAAqC;AACtDC,MAAAA,cAAc,EAAEC;KAChB;IAED,IAAI9B,KAAK,CAAC+B,UAAU,EAAE;MACrBC,MAAM,CAACC,MAAM,CAACf,QAAQ,EAAElB,KAAK,CAAC+B,UAAU,CAAC;AAC1C,IAAA;AAEA,IAAA,OAAOb,QAAQ;AAChB,EAAA,CAAC,EAAE,CAAClB,KAAK,CAAC+B,UAAU,CAAC,CAAC;AAEtB,EAAA,oBACClB,KAAA,CAAAqB,aAAA,CAACC,MAAM,EAAAC,QAAA,CAAA;AACNC,IAAAA,eAAe,EAAEzC,8BAA+B;IAChD0C,iBAAiB,EAAEA,iBAAiB,CAACzC,iCAAiC;GAAE,EACpEY,IAAI,EACJT,KAAK,EAAA;IACTe,MAAM,EAAAwB,cAAA,CAAAA,cAAA,CAAA,EAAA,EACF3B,aAAa,CAAA,EACbZ,KAAK,CAACe,MAAM,CACd;AACFgB,IAAAA,UAAU,EAAEd,gBAAiB;AAC7B,IAAA,cAAA,EAAchB,QAAS;AACvB,IAAA,eAAA,EAAeC,UAAW;AAC1BsC,IAAAA,UAAU,EAAEtC,UAAU,GAAG,KAAK,GAAGF,KAAK,CAACwC,UAAW;IAClDC,qBAAqB,EAAE,CAACvC,UAAW;AACnCE,IAAAA,YAAY,EAAEA,YAAY,IAAI,CAACF,UAAW;AAC1CwC,IAAAA,OAAO,EAAE,IAAgB;AACzBC,IAAAA,mBAAmB,EAAE,IAAK;AAC1BrC,IAAAA,iBAAiB,EAAEA;AAAkB,GAAA,CACrC,CAAC;AAEJ;;;;"}
+{"version":3,"file":"MrlMultiSelect.js","sources":["../../../../../../src/components/form/select/MrlMultiSelect/MrlMultiSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport Select, { GroupBase, Props } from 'react-select';\nimport { getSelectStyles } from '../styles';\nimport {\n\tMrlSelectDropdownIndicator,\n\tMrlSelectOption,\n\tMrlSelectMultiValueRemove,\n\tMrlSelectMultiValue,\n\tMrlSelectContainer,\n\tMrlSelectValueContainer\n} from '../components';\nimport { DefaultOption, SelectKind } from '../types';\nimport { closeMenuOnScroll } from '../utils/closeMenuOnScroll';\n\nexport interface MrlMultiSelectProps<\n\tT,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n> extends Omit<Props<T, IsMulti, Group>, 'isMulti' | 'hideSelectedOptions'> {\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 MrlMultiSelect 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}\n\nexport const MULTI_SELECT_CLASS_NAME_PREFIX = 'MrlMultiSelect';\nexport const MULTI_SELECT_MENU_LIST_CLASS_NAME = `${MULTI_SELECT_CLASS_NAME_PREFIX}__menu-list`;\n\n/**\n * MrlSelect component\n * @param props - the component props\n * @returns the select component\n */\nexport function MrlMultiSelect<\n\tT extends DefaultOption,\n\tIsMulti extends boolean,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: MrlMultiSelectProps<T, IsMulti, Group>): JSX.Element {\n\tconst {\n\t\thasError,\n\t\tisReadOnly,\n\t\tisSearchable = false,\n\t\tcloseMenuOnSelect = false,\n\t\tkind = 'default',\n\t\t...rest\n\t} = props;\n\n\tconst defaultStyles = React.useMemo(() => {\n\t\tconst styles = getSelectStyles<T, IsMulti, Group>(kind);\n\n\t\treturn styles;\n\t}, [kind]);\n\n\tconst customComponents = React.useMemo(() => {\n\t\tconst defaults = {\n\t\t\tDropdownIndicator: MrlSelectDropdownIndicator<T, IsMulti, Group>,\n\t\t\tMultiValue: MrlSelectMultiValue<T, IsMulti, Group>,\n\t\t\tMultiValueRemove: MrlSelectMultiValueRemove<T, IsMulti, Group>,\n\t\t\tOption: MrlSelectOption<T, IsMulti, Group>,\n\t\t\tSelectContainer: MrlSelectContainer<T, IsMulti, Group>,\n\t\t\tValueContainer: MrlSelectValueContainer<T, IsMulti, Group>\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<Select\n\t\t\tclassNamePrefix={MULTI_SELECT_CLASS_NAME_PREFIX}\n\t\t\tcloseMenuOnScroll={closeMenuOnScroll(MULTI_SELECT_MENU_LIST_CLASS_NAME)}\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\tisSearchable={isSearchable && !isReadOnly}\n\t\t\tisMulti={true as IsMulti}\n\t\t\thideSelectedOptions={true}\n\t\t\tcloseMenuOnSelect={closeMenuOnSelect}\n\t\t/>\n\t);\n}\n"],"names":["MULTI_SELECT_CLASS_NAME_PREFIX","MULTI_SELECT_MENU_LIST_CLASS_NAME","concat","MrlMultiSelect","props","hasError","isReadOnly","_props$isSearchable","isSearchable","_props$closeMenuOnSel","closeMenuOnSelect","_props$kind","kind","rest","_objectWithoutProperties","_excluded","defaultStyles","React","useMemo","styles","getSelectStyles","customComponents","defaults","DropdownIndicator","MrlSelectDropdownIndicator","MultiValue","MrlSelectMultiValue","MultiValueRemove","MrlSelectMultiValueRemove","Option","MrlSelectOption","SelectContainer","MrlSelectContainer","ValueContainer","MrlSelectValueContainer","components","Object","assign","createElement","Select","_extends","classNamePrefix","closeMenuOnScroll","_objectSpread","menuIsOpen","backspaceRemovesValue","isMulti","hideSelectedOptions"],"mappings":";;;;;;;;;;;;;AAgCO,IAAMA,8BAA8B,GAAG;IACjCC,iCAAiC,GAAA,EAAA,CAAAC,MAAA,CAAMF,8BAA8B,EAAA,aAAA;;AAElF;AACA;AACA;AACA;AACA;AACO,SAASG,cAAcA,CAI5BC,KAA6C,EAAe;AAC7D,EAAA,IACCC,QAAQ,GAMLD,KAAK,CANRC,QAAQ;IACRC,UAAU,GAKPF,KAAK,CALRE,UAAU;IAAAC,mBAAA,GAKPH,KAAK,CAJRI,YAAY;AAAZA,IAAAA,YAAY,GAAAD,mBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,mBAAA;IAAAE,qBAAA,GAIjBL,KAAK,CAHRM,iBAAiB;AAAjBA,IAAAA,iBAAiB,GAAAD,qBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,qBAAA;IAAAE,WAAA,GAGtBP,KAAK,CAFRQ,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;AACbE,IAAAA,IAAI,GAAAC,wBAAA,CACJV,KAAK,EAAAW,SAAA,CAAA;AAET,EAAA,IAAMC,aAAa,GAAGC,KAAK,CAACC,OAAO,CAAC,MAAM;AACzC,IAAA,IAAMC,MAAM,GAAGC,eAAe,CAAoBR,IAAI,CAAC;AAEvD,IAAA,OAAOO,MAAM;AACd,EAAA,CAAC,EAAE,CAACP,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMS,gBAAgB,GAAGJ,KAAK,CAACC,OAAO,CAAC,MAAM;AAC5C,IAAA,IAAMI,QAAQ,GAAG;AAChBC,MAAAA,iBAAiB,EAAEC,0BAA6C;AAChEC,MAAAA,UAAU,EAAEC,mBAAsC;AAClDC,MAAAA,gBAAgB,EAAEC,yBAA4C;AAC9DC,MAAAA,MAAM,EAAEC,eAAkC;AAC1CC,MAAAA,eAAe,EAAEC,kBAAqC;AACtDC,MAAAA,cAAc,EAAEC;KAChB;IAED,IAAI9B,KAAK,CAAC+B,UAAU,EAAE;MACrBC,MAAM,CAACC,MAAM,CAACf,QAAQ,EAAElB,KAAK,CAAC+B,UAAU,CAAC;AAC1C,IAAA;AAEA,IAAA,OAAOb,QAAQ;AAChB,EAAA,CAAC,EAAE,CAAClB,KAAK,CAAC+B,UAAU,CAAC,CAAC;AAEtB,EAAA,oBACClB,KAAA,CAAAqB,aAAA,CAACC,MAAM,EAAAC,QAAA,CAAA;AACNC,IAAAA,eAAe,EAAEzC,8BAA+B;IAChD0C,iBAAiB,EAAEA,iBAAiB,CAACzC,iCAAiC;GAAE,EACpEY,IAAI,EACJT,KAAK,EAAA;IACTe,MAAM,EAAAwB,cAAA,CAAAA,cAAA,CAAA,EAAA,EACF3B,aAAa,CAAA,EACbZ,KAAK,CAACe,MAAM,CACd;AACFgB,IAAAA,UAAU,EAAEd,gBAAiB;AAC7B,IAAA,cAAA,EAAchB,QAAS;AACvB,IAAA,eAAA,EAAeC,UAAW;AAC1BsC,IAAAA,UAAU,EAAEtC,UAAU,GAAG,KAAK,GAAGF,KAAK,CAACwC,UAAW;IAClDC,qBAAqB,EAAE,CAACvC,UAAW;AACnCE,IAAAA,YAAY,EAAEA,YAAY,IAAI,CAACF,UAAW;AAC1CwC,IAAAA,OAAO,EAAE,IAAgB;AACzBC,IAAAA,mBAAmB,EAAE,IAAK;AAC1BrC,IAAAA,iBAAiB,EAAEA;AAAkB,GAAA,CACrC,CAAC;AAEJ;;;;"}

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

@@ -25,10 +25,10 @@ function MrlSelect(props) {
     _props$isSearchable = props.isSearchable,
     isSearchable = _props$isSearchable === void 0 ? false : _props$isSearchable,
     rest = _objectWithoutProperties(props, _excluded);
-  var defaultStyles = React.useMemo(function () {
+  var defaultStyles = React.useMemo(() => {
     return getSelectStyles(kind);
   }, [kind]);
-  var customComponents = React.useMemo(function () {
+  var customComponents = React.useMemo(() => {
     var defaults = {
       DropdownIndicator: MrlSelectDropdownIndicator,
       Option: MrlSelectOption,

package/dist/esm/components/form/select/MrlSelect/MrlSelect.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSelect.js","sources":["../../../../../../src/components/form/select/MrlSelect/MrlSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport Select, { GroupBase, Props } from 'react-select';\nimport { getSelectStyles } from '../styles';\nimport {\n\tMrlSelectDropdownIndicator,\n\tMrlSelectOption,\n\tMrlSelectContainer,\n\tMrlSelectValueContainer\n} from '../components';\nimport { SelectKind } from '../types';\nimport { closeMenuOnScroll } from '../utils/closeMenuOnScroll';\n\nexport interface MrlSelectProps<\n\tOption,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<Option> = GroupBase<Option>\n> extends Props<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 MrlSelect 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}\n\nexport const SELECT_CLASS_NAME_PREFIX = 'MrlSelect';\nexport const SELECT_MENU_LIST_CLASS_NAME = `${SELECT_CLASS_NAME_PREFIX}__menu-list`;\n\n/**\n * MrlSelect component\n * @param props - the component props\n * @returns the select component\n */\nexport function MrlSelect<T>(props: MrlSelectProps<T>): JSX.Element {\n\tconst { hasError, isReadOnly, kind = 'default', isSearchable = false, ...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\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<Select\n\t\t\tclassNamePrefix={SELECT_CLASS_NAME_PREFIX}\n\t\t\tcloseMenuOnScroll={closeMenuOnScroll(SELECT_MENU_LIST_CLASS_NAME)}\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\tisSearchable={isSearchable && !isReadOnly}\n\t\t\tisMulti={false}\n\t\t/>\n\t);\n}\n"],"names":["SELECT_CLASS_NAME_PREFIX","SELECT_MENU_LIST_CLASS_NAME","concat","MrlSelect","props","hasError","isReadOnly","_props$kind","kind","_props$isSearchable","isSearchable","rest","_objectWithoutProperties","_excluded","defaultStyles","React","useMemo","getSelectStyles","customComponents","defaults","DropdownIndicator","MrlSelectDropdownIndicator","Option","MrlSelectOption","SelectContainer","MrlSelectContainer","ValueContainer","MrlSelectValueContainer","components","Object","assign","createElement","Select","_extends","classNamePrefix","closeMenuOnScroll","styles","_objectSpread","menuIsOpen","backspaceRemovesValue","isMulti"],"mappings":";;;;;;;;;;;AA8BO,IAAMA,wBAAwB,GAAG;IAC3BC,2BAA2B,GAAA,EAAA,CAAAC,MAAA,CAAMF,wBAAwB,EAAA,aAAA;;AAEtE;AACA;AACA;AACA;AACA;AACO,SAASG,SAASA,CAAIC,KAAwB,EAAe;AACnE,EAAA,IAAQC,QAAQ,GAAkED,KAAK,CAA/EC,QAAQ;IAAEC,UAAU,GAAsDF,KAAK,CAArEE,UAAU;IAAAC,WAAA,GAAsDH,KAAK,CAAzDI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;IAAAE,mBAAA,GAAoCL,KAAK,CAAvCM,YAAY;AAAZA,IAAAA,YAAY,GAAAD,mBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,mBAAA;AAAKE,IAAAA,IAAI,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA;AAEvF,EAAA,IAAMC,aAAa,GAAGC,KAAK,CAACC,OAAO,CAAC,YAAM;IACzC,OAAOC,eAAe,CAAIT,IAAI,CAAC;AAChC,EAAA,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMU,gBAAgB,GAAGH,KAAK,CAACC,OAAO,CAAC,YAAM;AAC5C,IAAA,IAAMG,QAAQ,GAAG;AAChBC,MAAAA,iBAAiB,EAAEC,0BAA6B;AAChDC,MAAAA,MAAM,EAAEC,eAAkB;AAC1BC,MAAAA,eAAe,EAAEC,kBAAqB;AACtCC,MAAAA,cAAc,EAAEC;KAChB;IAED,IAAIvB,KAAK,CAACwB,UAAU,EAAE;MACrBC,MAAM,CAACC,MAAM,CAACX,QAAQ,EAAEf,KAAK,CAACwB,UAAU,CAAC;AAC1C,IAAA;AAEA,IAAA,OAAOT,QAAQ;AAChB,EAAA,CAAC,EAAE,CAACf,KAAK,CAACwB,UAAU,CAAC,CAAC;AAEtB,EAAA,oBACCb,KAAA,CAAAgB,aAAA,CAACC,MAAM,EAAAC,QAAA,CAAA;AACNC,IAAAA,eAAe,EAAElC,wBAAyB;IAC1CmC,iBAAiB,EAAEA,iBAAiB,CAAClC,2BAA2B;GAAE,EAC9DU,IAAI,EACJP,KAAK,EAAA;IACTgC,MAAM,EAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACFvB,aAAa,CAAA,EACbV,KAAK,CAACgC,MAAM,CACd;AACFR,IAAAA,UAAU,EAAEV,gBAAiB;AAC7B,IAAA,cAAA,EAAcb,QAAS;AACvB,IAAA,eAAA,EAAeC,UAAW;AAC1BgC,IAAAA,UAAU,EAAEhC,UAAU,GAAG,KAAK,GAAGF,KAAK,CAACkC,UAAW;IAClDC,qBAAqB,EAAE,CAACjC,UAAW;AACnCI,IAAAA,YAAY,EAAEA,YAAY,IAAI,CAACJ,UAAW;AAC1CkC,IAAAA,OAAO,EAAE;AAAM,GAAA,CACf,CAAC;AAEJ;;;;"}
+{"version":3,"file":"MrlSelect.js","sources":["../../../../../../src/components/form/select/MrlSelect/MrlSelect.tsx"],"sourcesContent":["import * as React from 'react';\nimport Select, { GroupBase, Props } from 'react-select';\nimport { getSelectStyles } from '../styles';\nimport {\n\tMrlSelectDropdownIndicator,\n\tMrlSelectOption,\n\tMrlSelectContainer,\n\tMrlSelectValueContainer\n} from '../components';\nimport { SelectKind } from '../types';\nimport { closeMenuOnScroll } from '../utils/closeMenuOnScroll';\n\nexport interface MrlSelectProps<\n\tOption,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<Option> = GroupBase<Option>\n> extends Props<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 MrlSelect 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}\n\nexport const SELECT_CLASS_NAME_PREFIX = 'MrlSelect';\nexport const SELECT_MENU_LIST_CLASS_NAME = `${SELECT_CLASS_NAME_PREFIX}__menu-list`;\n\n/**\n * MrlSelect component\n * @param props - the component props\n * @returns the select component\n */\nexport function MrlSelect<T>(props: MrlSelectProps<T>): JSX.Element {\n\tconst { hasError, isReadOnly, kind = 'default', isSearchable = false, ...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\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<Select\n\t\t\tclassNamePrefix={SELECT_CLASS_NAME_PREFIX}\n\t\t\tcloseMenuOnScroll={closeMenuOnScroll(SELECT_MENU_LIST_CLASS_NAME)}\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\tisSearchable={isSearchable && !isReadOnly}\n\t\t\tisMulti={false}\n\t\t/>\n\t);\n}\n"],"names":["SELECT_CLASS_NAME_PREFIX","SELECT_MENU_LIST_CLASS_NAME","concat","MrlSelect","props","hasError","isReadOnly","_props$kind","kind","_props$isSearchable","isSearchable","rest","_objectWithoutProperties","_excluded","defaultStyles","React","useMemo","getSelectStyles","customComponents","defaults","DropdownIndicator","MrlSelectDropdownIndicator","Option","MrlSelectOption","SelectContainer","MrlSelectContainer","ValueContainer","MrlSelectValueContainer","components","Object","assign","createElement","Select","_extends","classNamePrefix","closeMenuOnScroll","styles","_objectSpread","menuIsOpen","backspaceRemovesValue","isMulti"],"mappings":";;;;;;;;;;;AA8BO,IAAMA,wBAAwB,GAAG;IAC3BC,2BAA2B,GAAA,EAAA,CAAAC,MAAA,CAAMF,wBAAwB,EAAA,aAAA;;AAEtE;AACA;AACA;AACA;AACA;AACO,SAASG,SAASA,CAAIC,KAAwB,EAAe;AACnE,EAAA,IAAQC,QAAQ,GAAkED,KAAK,CAA/EC,QAAQ;IAAEC,UAAU,GAAsDF,KAAK,CAArEE,UAAU;IAAAC,WAAA,GAAsDH,KAAK,CAAzDI,IAAI;AAAJA,IAAAA,IAAI,GAAAD,WAAA,KAAA,MAAA,GAAG,SAAS,GAAAA,WAAA;IAAAE,mBAAA,GAAoCL,KAAK,CAAvCM,YAAY;AAAZA,IAAAA,YAAY,GAAAD,mBAAA,KAAA,MAAA,GAAG,KAAK,GAAAA,mBAAA;AAAKE,IAAAA,IAAI,GAAAC,wBAAA,CAAKR,KAAK,EAAAS,SAAA,CAAA;AAEvF,EAAA,IAAMC,aAAa,GAAGC,KAAK,CAACC,OAAO,CAAC,MAAM;IACzC,OAAOC,eAAe,CAAIT,IAAI,CAAC;AAChC,EAAA,CAAC,EAAE,CAACA,IAAI,CAAC,CAAC;AAEV,EAAA,IAAMU,gBAAgB,GAAGH,KAAK,CAACC,OAAO,CAAC,MAAM;AAC5C,IAAA,IAAMG,QAAQ,GAAG;AAChBC,MAAAA,iBAAiB,EAAEC,0BAA6B;AAChDC,MAAAA,MAAM,EAAEC,eAAkB;AAC1BC,MAAAA,eAAe,EAAEC,kBAAqB;AACtCC,MAAAA,cAAc,EAAEC;KAChB;IAED,IAAIvB,KAAK,CAACwB,UAAU,EAAE;MACrBC,MAAM,CAACC,MAAM,CAACX,QAAQ,EAAEf,KAAK,CAACwB,UAAU,CAAC;AAC1C,IAAA;AAEA,IAAA,OAAOT,QAAQ;AAChB,EAAA,CAAC,EAAE,CAACf,KAAK,CAACwB,UAAU,CAAC,CAAC;AAEtB,EAAA,oBACCb,KAAA,CAAAgB,aAAA,CAACC,MAAM,EAAAC,QAAA,CAAA;AACNC,IAAAA,eAAe,EAAElC,wBAAyB;IAC1CmC,iBAAiB,EAAEA,iBAAiB,CAAClC,2BAA2B;GAAE,EAC9DU,IAAI,EACJP,KAAK,EAAA;IACTgC,MAAM,EAAAC,cAAA,CAAAA,cAAA,CAAA,EAAA,EACFvB,aAAa,CAAA,EACbV,KAAK,CAACgC,MAAM,CACd;AACFR,IAAAA,UAAU,EAAEV,gBAAiB;AAC7B,IAAA,cAAA,EAAcb,QAAS;AACvB,IAAA,eAAA,EAAeC,UAAW;AAC1BgC,IAAAA,UAAU,EAAEhC,UAAU,GAAG,KAAK,GAAGF,KAAK,CAACkC,UAAW;IAClDC,qBAAqB,EAAE,CAACjC,UAAW;AACnCI,IAAAA,YAAY,EAAEA,YAAY,IAAI,CAACJ,UAAW;AAC1CkC,IAAAA,OAAO,EAAE;AAAM,GAAA,CACf,CAAC;AAEJ;;;;"}

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

@@ -1,4 +1,4 @@
-import { defineProperty as _defineProperty, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
 import * as React from 'react';
 import { components } from 'react-select';
 import classnames from 'classnames';
@@ -22,7 +22,9 @@ function MrlSelectMultiValue(props) {
       "aria-label": "".concat(data.label)
     }, children, !isLastOption && ', ');
   }
-  var classes = classnames(styles['MrlSelectMultiValue'], 'MrlSelectMultiValue', _defineProperty({}, styles['MrlSelectMultiValue--is-focused'], props.isFocused));
+  var classes = classnames(styles['MrlSelectMultiValue'], 'MrlSelectMultiValue', {
+    [styles['MrlSelectMultiValue--is-focused']]: props.isFocused
+  });
   return /*#__PURE__*/React.createElement(components.MultiValue, _extends({}, props, {
     className: classes
   }), children);

package/dist/esm/components/form/select/components/MrlSelectMultiValue.js.map

@@ -1 +1 @@
-{"version":3,"file":"MrlSelectMultiValue.js","sources":["../../../../../../src/components/form/select/components/MrlSelectMultiValue.tsx"],"sourcesContent":["import * as React from 'react';\nimport { GroupBase, MultiValueProps, components } from 'react-select';\nimport { DefaultOption } from '../types';\nimport classnames from 'classnames';\nimport styles from './MrlSelectMultiValue.module.scss';\n\n/**\n * MrlSelectMultiValue component\n *\n * @param props - the react-select multi value props\n * @returns a multi value component\n */\nexport function MrlSelectMultiValue<\n\tT extends DefaultOption,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: MultiValueProps<T, IsMulti, Group>): JSX.Element {\n\tconst { children, selectProps, data } = props;\n\tconst isReadOnly = selectProps['aria-readonly'];\n\n\tif (isReadOnly) {\n\t\tconst selectedOptions = props.getValue();\n\t\tconst isLastOption = selectedOptions[selectedOptions.length - 1].value === data.value;\n\t\treturn (\n\t\t\t<div aria-label={`${data.label}`}>\n\t\t\t\t{children}\n\t\t\t\t{!isLastOption && ', '}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst classes = classnames(styles['MrlSelectMultiValue'], 'MrlSelectMultiValue', {\n\t\t[styles['MrlSelectMultiValue--is-focused']]: props.isFocused\n\t});\n\n\treturn (\n\t\t<components.MultiValue {...props} className={classes}>\n\t\t\t{children}\n\t\t</components.MultiValue>\n\t);\n}\n"],"names":["MrlSelectMultiValue","props","children","selectProps","data","isReadOnly","selectedOptions","getValue","isLastOption","length","value","React","createElement","concat","label","classes","classnames","styles","_defineProperty","isFocused","components","MultiValue","_extends","className"],"mappings":";;;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAIjCC,KAAyC,EAAe;AACzD,EAAA,IAAQC,QAAQ,GAAwBD,KAAK,CAArCC,QAAQ;IAAEC,WAAW,GAAWF,KAAK,CAA3BE,WAAW;IAAEC,IAAI,GAAKH,KAAK,CAAdG,IAAI;AACnC,EAAA,IAAMC,UAAU,GAAGF,WAAW,CAAC,eAAe,CAAC;AAE/C,EAAA,IAAIE,UAAU,EAAE;AACf,IAAA,IAAMC,eAAe,GAAGL,KAAK,CAACM,QAAQ,EAAE;AACxC,IAAA,IAAMC,YAAY,GAAGF,eAAe,CAACA,eAAe,CAACG,MAAM,GAAG,CAAC,CAAC,CAACC,KAAK,KAAKN,IAAI,CAACM,KAAK;IACrF,oBACCC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,YAAA,EAAA,EAAA,CAAAC,MAAA,CAAeT,IAAI,CAACU,KAAK;AAAG,KAAA,EAC/BZ,QAAQ,EACR,CAACM,YAAY,IAAI,IACd,CAAC;AAER,EAAA;EAEA,IAAMO,OAAO,GAAGC,UAAU,CAACC,MAAM,CAAC,qBAAqB,CAAC,EAAE,qBAAqB,EAAAC,eAAA,CAAA,EAAA,EAC7ED,MAAM,CAAC,iCAAiC,CAAC,EAAGhB,KAAK,CAACkB,SAAS,CAC5D,CAAC;EAEF,oBACCR,KAAA,CAAAC,aAAA,CAACQ,UAAU,CAACC,UAAU,EAAAC,QAAA,CAAA,EAAA,EAAKrB,KAAK,EAAA;AAAEsB,IAAAA,SAAS,EAAER;AAAQ,GAAA,CAAA,EACnDb,QACqB,CAAC;AAE1B;;;;"}
+{"version":3,"file":"MrlSelectMultiValue.js","sources":["../../../../../../src/components/form/select/components/MrlSelectMultiValue.tsx"],"sourcesContent":["import * as React from 'react';\nimport { GroupBase, MultiValueProps, components } from 'react-select';\nimport { DefaultOption } from '../types';\nimport classnames from 'classnames';\nimport styles from './MrlSelectMultiValue.module.scss';\n\n/**\n * MrlSelectMultiValue component\n *\n * @param props - the react-select multi value props\n * @returns a multi value component\n */\nexport function MrlSelectMultiValue<\n\tT extends DefaultOption,\n\tIsMulti extends boolean = false,\n\tGroup extends GroupBase<T> = GroupBase<T>\n>(props: MultiValueProps<T, IsMulti, Group>): JSX.Element {\n\tconst { children, selectProps, data } = props;\n\tconst isReadOnly = selectProps['aria-readonly'];\n\n\tif (isReadOnly) {\n\t\tconst selectedOptions = props.getValue();\n\t\tconst isLastOption = selectedOptions[selectedOptions.length - 1].value === data.value;\n\t\treturn (\n\t\t\t<div aria-label={`${data.label}`}>\n\t\t\t\t{children}\n\t\t\t\t{!isLastOption && ', '}\n\t\t\t</div>\n\t\t);\n\t}\n\n\tconst classes = classnames(styles['MrlSelectMultiValue'], 'MrlSelectMultiValue', {\n\t\t[styles['MrlSelectMultiValue--is-focused']]: props.isFocused\n\t});\n\n\treturn (\n\t\t<components.MultiValue {...props} className={classes}>\n\t\t\t{children}\n\t\t</components.MultiValue>\n\t);\n}\n"],"names":["MrlSelectMultiValue","props","children","selectProps","data","isReadOnly","selectedOptions","getValue","isLastOption","length","value","React","createElement","concat","label","classes","classnames","styles","isFocused","components","MultiValue","_extends","className"],"mappings":";;;;;;AAMA;AACA;AACA;AACA;AACA;AACA;AACO,SAASA,mBAAmBA,CAIjCC,KAAyC,EAAe;AACzD,EAAA,IAAQC,QAAQ,GAAwBD,KAAK,CAArCC,QAAQ;IAAEC,WAAW,GAAWF,KAAK,CAA3BE,WAAW;IAAEC,IAAI,GAAKH,KAAK,CAAdG,IAAI;AACnC,EAAA,IAAMC,UAAU,GAAGF,WAAW,CAAC,eAAe,CAAC;AAE/C,EAAA,IAAIE,UAAU,EAAE;AACf,IAAA,IAAMC,eAAe,GAAGL,KAAK,CAACM,QAAQ,EAAE;AACxC,IAAA,IAAMC,YAAY,GAAGF,eAAe,CAACA,eAAe,CAACG,MAAM,GAAG,CAAC,CAAC,CAACC,KAAK,KAAKN,IAAI,CAACM,KAAK;IACrF,oBACCC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAK,MAAA,YAAA,EAAA,EAAA,CAAAC,MAAA,CAAeT,IAAI,CAACU,KAAK;AAAG,KAAA,EAC/BZ,QAAQ,EACR,CAACM,YAAY,IAAI,IACd,CAAC;AAER,EAAA;EAEA,IAAMO,OAAO,GAAGC,UAAU,CAACC,MAAM,CAAC,qBAAqB,CAAC,EAAE,qBAAqB,EAAE;AAChF,IAAA,CAACA,MAAM,CAAC,iCAAiC,CAAC,GAAGhB,KAAK,CAACiB;AACpD,GAAC,CAAC;EAEF,oBACCP,KAAA,CAAAC,aAAA,CAACO,UAAU,CAACC,UAAU,EAAAC,QAAA,CAAA,EAAA,EAAKpB,KAAK,EAAA;AAAEqB,IAAAA,SAAS,EAAEP;AAAQ,GAAA,CAAA,EACnDb,QACqB,CAAC;AAE1B;;;;"}