npm - @dartcom/ui-kit - Versions diffs - 3.0.0 → 3.1.0 - Mend

@dartcom/ui-kit 3.0.0 → 3.1.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1323) hide show

package/dist/cjs/node_modules/@mui/material/esm/Select/SelectInput.js CHANGED Viewed

@@ -4,8 +4,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
-var index = require('../../../../../_virtual/index.js');
-var index$1 = require('../../../../../_virtual/index5.js');
+var index = require('../../../../../_virtual/index2.js');
+var index$1 = require('../../../../../_virtual/index.js');
 var clsx = require('../../../../clsx/dist/clsx.js');
 var Menu = require('../Menu/Menu.js');
 var NativeSelectInput = require('../NativeSelect/NativeSelectInput.js');
@@ -13,18 +13,17 @@ var utils = require('../InputBase/utils.js');
 var slotShouldForwardProp = require('../styles/slotShouldForwardProp.js');
 var selectClasses = require('./selectClasses.js');
 var jsxRuntime = require('react/jsx-runtime');
-var styled = require('../styles/styled.js');
+var useControlled = require('../../../utils/esm/useControlled/useControlled.js');
+var useForkRef = require('../../../utils/esm/useForkRef/useForkRef.js');
 var ownerDocument = require('../../../utils/esm/ownerDocument/ownerDocument.js');
 var formatMuiErrorMessage = require('../../../utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js');
 var useId = require('../../../utils/esm/useId/useId.js');
-var refType = require('../../../utils/esm/refType/refType.js');
-var composeClasses = require('../../../utils/esm/composeClasses/composeClasses.js');
+var styled = require('../styles/styled.js');
 var capitalize = require('../../../utils/esm/capitalize/capitalize.js');
-var useControlled = require('../../../utils/esm/useControlled/useControlled.js');
-var useForkRef = require('../../../utils/esm/useForkRef/useForkRef.js');
+var composeClasses = require('../../../utils/esm/composeClasses/composeClasses.js');
+var refType = require('../../../utils/esm/refType/refType.js');
-function _interopNamespace(e) {
-  if (e && e.__esModule) return e;
+function _interopNamespaceDefault(e) {
   var n = Object.create(null);
   if (e) {
     Object.keys(e).forEach(function (k) {
@@ -37,14 +36,14 @@ function _interopNamespace(e) {
       }
     });
   }
-  n["default"] = e;
+  n.default = e;
   return Object.freeze(n);
 }
-var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 var _span;
-const SelectSelect = styled["default"](NativeSelectInput.StyledSelectSelect, {
+const SelectSelect = styled.default(NativeSelectInput.StyledSelectSelect, {
   name: 'MuiSelect',
   slot: 'Select',
   overridesResolver: (props, styles) => {
@@ -54,18 +53,18 @@ const SelectSelect = styled["default"](NativeSelectInput.StyledSelectSelect, {
     return [
     // Win specificity over the input base
     {
-      [`&.${selectClasses["default"].select}`]: styles.select
+      [`&.${selectClasses.default.select}`]: styles.select
     }, {
-      [`&.${selectClasses["default"].select}`]: styles[ownerState.variant]
+      [`&.${selectClasses.default.select}`]: styles[ownerState.variant]
     }, {
-      [`&.${selectClasses["default"].error}`]: styles.error
+      [`&.${selectClasses.default.error}`]: styles.error
     }, {
-      [`&.${selectClasses["default"].multiple}`]: styles.multiple
+      [`&.${selectClasses.default.multiple}`]: styles.multiple
     }];
   }
 })({
   // Win specificity over the input base
-  [`&.${selectClasses["default"].select}`]: {
+  [`&.${selectClasses.default.select}`]: {
     height: 'auto',
     // Resets for multiple select with chips
     minHeight: '1.4375em',
@@ -75,18 +74,18 @@ const SelectSelect = styled["default"](NativeSelectInput.StyledSelectSelect, {
     overflow: 'hidden'
   }
 });
-const SelectIcon = styled["default"](NativeSelectInput.StyledSelectIcon, {
+const SelectIcon = styled.default(NativeSelectInput.StyledSelectIcon, {
   name: 'MuiSelect',
   slot: 'Icon',
   overridesResolver: (props, styles) => {
     const {
       ownerState
     } = props;
-    return [styles.icon, ownerState.variant && styles[`icon${capitalize["default"](ownerState.variant)}`], ownerState.open && styles.iconOpen];
+    return [styles.icon, ownerState.variant && styles[`icon${capitalize.default(ownerState.variant)}`], ownerState.open && styles.iconOpen];
   }
 })({});
-const SelectNativeInput = styled["default"]('input', {
-  shouldForwardProp: prop => slotShouldForwardProp["default"](prop) && prop !== 'classes',
+const SelectNativeInput = styled.default('input', {
+  shouldForwardProp: prop => slotShouldForwardProp.default(prop) && prop !== 'classes',
   name: 'MuiSelect',
   slot: 'NativeInput'
 })({
@@ -120,10 +119,10 @@ const useUtilityClasses = ownerState => {
   } = ownerState;
   const slots = {
     select: ['select', variant, disabled && 'disabled', multiple && 'multiple', error && 'error'],
-    icon: ['icon', `icon${capitalize["default"](variant)}`, open && 'iconOpen', disabled && 'disabled'],
+    icon: ['icon', `icon${capitalize.default(variant)}`, open && 'iconOpen', disabled && 'disabled'],
     nativeInput: ['nativeInput']
   };
-  return composeClasses["default"](slots, selectClasses.getSelectUtilityClasses, classes);
+  return composeClasses.default(slots, selectClasses.getSelectUtilityClasses, classes);
 };
 /**
@@ -165,12 +164,12 @@ const SelectInput = /*#__PURE__*/React__namespace.forwardRef(function SelectInpu
     variant = 'standard',
     ...other
   } = props;
-  const [value, setValueState] = useControlled["default"]({
+  const [value, setValueState] = useControlled.default({
     controlled: valueProp,
     default: defaultValue,
     name: 'Select'
   });
-  const [openState, setOpenState] = useControlled["default"]({
+  const [openState, setOpenState] = useControlled.default({
     controlled: openProp,
     default: defaultOpen,
     name: 'Select'
@@ -182,7 +181,7 @@ const SelectInput = /*#__PURE__*/React__namespace.forwardRef(function SelectInpu
     current: isOpenControlled
   } = React__namespace.useRef(openProp != null);
   const [menuMinWidthState, setMenuMinWidthState] = React__namespace.useState();
-  const handleRef = useForkRef["default"](ref, inputRefProp);
+  const handleRef = useForkRef.default(ref, inputRefProp);
   const handleDisplayRef = React__namespace.useCallback(node => {
     displayRef.current = node;
     if (node) {
@@ -218,7 +217,7 @@ const SelectInput = /*#__PURE__*/React__namespace.forwardRef(function SelectInpu
     if (!labelId) {
       return undefined;
     }
-    const label = ownerDocument["default"](displayRef.current).getElementById(labelId);
+    const label = ownerDocument.default(displayRef.current).getElementById(labelId);
     if (label) {
       const handler = () => {
         if (getSelection().isCollapsed) {
@@ -371,7 +370,7 @@ const SelectInput = /*#__PURE__*/React__namespace.forwardRef(function SelectInpu
     let selected;
     if (multiple) {
       if (!Array.isArray(value)) {
-        throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: The `value` prop must be an array ' + 'when using the `Select` component with `multiple`.' : formatMuiErrorMessage["default"](2));
+        throw new Error(process.env.NODE_ENV !== "production" ? 'MUI: The `value` prop must be an array ' + 'when using the `Select` component with `multiple`.' : formatMuiErrorMessage.default(2));
       }
       selected = value.some(v => areEqualValues(v, child.props.value));
       if (selected && computeDisplay) {
@@ -463,7 +462,7 @@ const SelectInput = /*#__PURE__*/React__namespace.forwardRef(function SelectInpu
     ...MenuProps.MenuListProps,
     ...(typeof MenuProps.slotProps?.list === 'function' ? MenuProps.slotProps.list(ownerState) : MenuProps.slotProps?.list)
   };
-  const listboxId = useId["default"]();
+  const listboxId = useId.default();
   return /*#__PURE__*/jsxRuntime.jsxs(React__namespace.Fragment, {
     children: [/*#__PURE__*/jsxRuntime.jsx(SelectSelect, {
       as: "div",
@@ -513,7 +512,7 @@ const SelectInput = /*#__PURE__*/React__namespace.forwardRef(function SelectInpu
       as: IconComponent,
       className: classes.icon,
       ownerState: ownerState
-    }), /*#__PURE__*/jsxRuntime.jsx(Menu["default"], {
+    }), /*#__PURE__*/jsxRuntime.jsx(Menu.default, {
       id: `menu-${name || ''}`,
       anchorEl: anchorElement,
       open: open,
@@ -553,84 +552,84 @@ process.env.NODE_ENV !== "production" ? SelectInput.propTypes = {
   /**
    * @ignore
    */
-  'aria-describedby': index$1["default"].string,
+  'aria-describedby': index$1.default.string,
   /**
    * @ignore
    */
-  'aria-label': index$1["default"].string,
+  'aria-label': index$1.default.string,
   /**
    * @ignore
    */
-  autoFocus: index$1["default"].bool,
+  autoFocus: index$1.default.bool,
   /**
    * If `true`, the width of the popover will automatically be set according to the items inside the
    * menu, otherwise it will be at least the width of the select input.
    */
-  autoWidth: index$1["default"].bool,
+  autoWidth: index$1.default.bool,
   /**
    * The option elements to populate the select with.
    * Can be some `<MenuItem>` elements.
    */
-  children: index$1["default"].node,
+  children: index$1.default.node,
   /**
    * Override or extend the styles applied to the component.
    */
-  classes: index$1["default"].object,
+  classes: index$1.default.object,
   /**
    * The CSS class name of the select element.
    */
-  className: index$1["default"].string,
+  className: index$1.default.string,
   /**
    * If `true`, the component is toggled on mount. Use when the component open state is not controlled.
    * You can only use it when the `native` prop is `false` (default).
    */
-  defaultOpen: index$1["default"].bool,
+  defaultOpen: index$1.default.bool,
   /**
    * The default value. Use when the component is not controlled.
    */
-  defaultValue: index$1["default"].any,
+  defaultValue: index$1.default.any,
   /**
    * If `true`, the select is disabled.
    */
-  disabled: index$1["default"].bool,
+  disabled: index$1.default.bool,
   /**
    * If `true`, the selected item is displayed even if its value is empty.
    */
-  displayEmpty: index$1["default"].bool,
+  displayEmpty: index$1.default.bool,
   /**
    * If `true`, the `select input` will indicate an error.
    */
-  error: index$1["default"].bool,
+  error: index$1.default.bool,
   /**
    * The icon that displays the arrow.
    */
-  IconComponent: index$1["default"].elementType.isRequired,
+  IconComponent: index$1.default.elementType.isRequired,
   /**
    * Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`
    * Equivalent to `ref`
    */
-  inputRef: refType["default"],
+  inputRef: refType.default,
   /**
    * The ID of an element that acts as an additional label. The Select will
    * be labelled by the additional label and the selected value.
    */
-  labelId: index$1["default"].string,
+  labelId: index$1.default.string,
   /**
    * Props applied to the [`Menu`](/material-ui/api/menu/) element.
    */
-  MenuProps: index$1["default"].object,
+  MenuProps: index$1.default.object,
   /**
    * If `true`, `value` must be an array and the menu will support multiple selections.
    */
-  multiple: index$1["default"].bool,
+  multiple: index$1.default.bool,
   /**
    * Name attribute of the `select` or hidden `input` element.
    */
-  name: index$1["default"].string,
+  name: index$1.default.string,
   /**
    * @ignore
    */
-  onBlur: index$1["default"].func,
+  onBlur: index$1.default.func,
   /**
    * Callback fired when a menu item is selected.
    *
@@ -638,66 +637,65 @@ process.env.NODE_ENV !== "production" ? SelectInput.propTypes = {
    * You can pull out the new value by accessing `event.target.value` (any).
    * @param {object} [child] The react element that was selected.
    */
-  onChange: index$1["default"].func,
+  onChange: index$1.default.func,
   /**
    * Callback fired when the component requests to be closed.
    * Use in controlled mode (see open).
    *
    * @param {object} event The event source of the callback.
    */
-  onClose: index$1["default"].func,
+  onClose: index$1.default.func,
   /**
    * @ignore
    */
-  onFocus: index$1["default"].func,
+  onFocus: index$1.default.func,
   /**
    * Callback fired when the component requests to be opened.
    * Use in controlled mode (see open).
    *
    * @param {object} event The event source of the callback.
    */
-  onOpen: index$1["default"].func,
+  onOpen: index$1.default.func,
   /**
    * If `true`, the component is shown.
    */
-  open: index$1["default"].bool,
+  open: index$1.default.bool,
   /**
    * @ignore
    */
-  readOnly: index$1["default"].bool,
+  readOnly: index$1.default.bool,
   /**
    * Render the selected value.
    *
    * @param {any} value The `value` provided to the component.
    * @returns {ReactNode}
    */
-  renderValue: index$1["default"].func,
+  renderValue: index$1.default.func,
   /**
    * If `true`, the component is required.
    */
-  required: index$1["default"].bool,
+  required: index$1.default.bool,
   /**
    * Props applied to the clickable div element.
    */
-  SelectDisplayProps: index$1["default"].object,
+  SelectDisplayProps: index$1.default.object,
   /**
    * @ignore
    */
-  tabIndex: index$1["default"].oneOfType([index$1["default"].number, index$1["default"].string]),
+  tabIndex: index$1.default.oneOfType([index$1.default.number, index$1.default.string]),
   /**
    * @ignore
    */
-  type: index$1["default"].any,
+  type: index$1.default.any,
   /**
    * The input value.
    */
-  value: index$1["default"].any,
+  value: index$1.default.any,
   /**
    * The variant to use.
    */
-  variant: index$1["default"].oneOf(['standard', 'outlined', 'filled'])
+  variant: index$1.default.oneOf(['standard', 'outlined', 'filled'])
 } : void 0;
-var SelectInput$1 = SelectInput;
-exports["default"] = SelectInput$1;
+exports.default = SelectInput;
 //# sourceMappingURL=SelectInput.js.map

package/dist/cjs/node_modules/@mui/material/esm/Select/SelectInput.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectInput.js","sources":["../../../../../../../node_modules/@mui/material/esm/Select/SelectInput.js"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\nvar _span;\nimport * as React from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport useId from '@mui/utils/useId';\nimport refType from '@mui/utils/refType';\nimport ownerDocument from \"../utils/ownerDocument.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport Menu from \"../Menu/Menu.js\";\nimport { StyledSelectSelect, StyledSelectIcon } from \"../NativeSelect/NativeSelectInput.js\";\nimport { isFilled } from \"../InputBase/utils.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport slotShouldForwardProp from \"../styles/slotShouldForwardProp.js\";\nimport useForkRef from \"../utils/useForkRef.js\";\nimport useControlled from \"../utils/useControlled.js\";\nimport selectClasses, { getSelectUtilityClasses } from \"./selectClasses.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SelectSelect = styled(StyledSelectSelect, {\n name: 'MuiSelect',\n slot: 'Select',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [\n // Win specificity over the input base\n {\n [`&.${selectClasses.select}`]: styles.select\n }, {\n [`&.${selectClasses.select}`]: styles[ownerState.variant]\n }, {\n [`&.${selectClasses.error}`]: styles.error\n }, {\n [`&.${selectClasses.multiple}`]: styles.multiple\n }];\n }\n})({\n // Win specificity over the input base\n [`&.${selectClasses.select}`]: {\n height: 'auto',\n // Resets for multiple select with chips\n minHeight: '1.4375em',\n // Required for select\\text-field height consistency\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n overflow: 'hidden'\n }\n});\nconst SelectIcon = styled(StyledSelectIcon, {\n name: 'MuiSelect',\n slot: 'Icon',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.icon, ownerState.variant && styles[`icon${capitalize(ownerState.variant)}`], ownerState.open && styles.iconOpen];\n }\n})({});\nconst SelectNativeInput = styled('input', {\n shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'classes',\n name: 'MuiSelect',\n slot: 'NativeInput'\n})({\n bottom: 0,\n left: 0,\n position: 'absolute',\n opacity: 0,\n pointerEvents: 'none',\n width: '100%',\n boxSizing: 'border-box'\n});\nfunction areEqualValues(a, b) {\n if (typeof b === 'object' && b !== null) {\n return a === b;\n }\n\n // The value could be a number, the DOM will stringify it anyway.\n return String(a) === String(b);\n}\nfunction isEmpty(display) {\n return display == null \|\| typeof display === 'string' && !display.trim();\n}\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n variant,\n disabled,\n multiple,\n open,\n error\n } = ownerState;\n const slots = {\n select: ['select', variant, disabled && 'disabled', multiple && 'multiple', error && 'error'],\n icon: ['icon', `icon${capitalize(variant)}`, open && 'iconOpen', disabled && 'disabled'],\n nativeInput: ['nativeInput']\n };\n return composeClasses(slots, getSelectUtilityClasses, classes);\n};\n\n/*\n @ignore - internal component.\n /\nconst SelectInput = /#__PURE__/React.forwardRef(function SelectInput(props, ref) {\n const {\n 'aria-describedby': ariaDescribedby,\n 'aria-label': ariaLabel,\n autoFocus,\n autoWidth,\n children,\n className,\n defaultOpen,\n defaultValue,\n disabled,\n displayEmpty,\n error = false,\n IconComponent,\n inputRef: inputRefProp,\n labelId,\n MenuProps = {},\n multiple,\n name,\n onBlur,\n onChange,\n onClose,\n onFocus,\n onOpen,\n open: openProp,\n readOnly,\n renderValue,\n required,\n SelectDisplayProps = {},\n tabIndex: tabIndexProp,\n // catching `type` from Input which makes no sense for SelectInput\n type,\n value: valueProp,\n variant = 'standard',\n ...other\n } = props;\n const [value, setValueState] = useControlled({\n controlled: valueProp,\n default: defaultValue,\n name: 'Select'\n });\n const [openState, setOpenState] = useControlled({\n controlled: openProp,\n default: defaultOpen,\n name: 'Select'\n });\n const inputRef = React.useRef(null);\n const displayRef = React.useRef(null);\n const [displayNode, setDisplayNode] = React.useState(null);\n const {\n current: isOpenControlled\n } = React.useRef(openProp != null);\n const [menuMinWidthState, setMenuMinWidthState] = React.useState();\n const handleRef = useForkRef(ref, inputRefProp);\n const handleDisplayRef = React.useCallback(node => {\n displayRef.current = node;\n if (node) {\n setDisplayNode(node);\n }\n }, []);\n const anchorElement = displayNode?.parentNode;\n React.useImperativeHandle(handleRef, () => ({\n focus: () => {\n displayRef.current.focus();\n },\n node: inputRef.current,\n value\n }), [value]);\n\n // Resize menu on `defaultOpen` automatic toggle.\n React.useEffect(() => {\n if (defaultOpen && openState && displayNode && !isOpenControlled) {\n setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);\n displayRef.current.focus();\n }\n // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [displayNode, autoWidth]);\n // `isOpenControlled` is ignored because the component should never switch between controlled and uncontrolled modes.\n // `defaultOpen` and `openState` are ignored to avoid unnecessary callbacks.\n React.useEffect(() => {\n if (autoFocus) {\n displayRef.current.focus();\n }\n }, [autoFocus]);\n React.useEffect(() => {\n if (!labelId) {\n return undefined;\n }\n const label = ownerDocument(displayRef.current).getElementById(labelId);\n if (label) {\n const handler = () => {\n if (getSelection().isCollapsed) {\n displayRef.current.focus();\n }\n };\n label.addEventListener('click', handler);\n return () => {\n label.removeEventListener('click', handler);\n };\n }\n return undefined;\n }, [labelId]);\n const update = (open, event) => {\n if (open) {\n if (onOpen) {\n onOpen(event);\n }\n } else if (onClose) {\n onClose(event);\n }\n if (!isOpenControlled) {\n setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);\n setOpenState(open);\n }\n };\n const handleMouseDown = event => {\n // Ignore everything but left-click\n if (event.button !== 0) {\n return;\n }\n // Hijack the default focus behavior.\n event.preventDefault();\n displayRef.current.focus();\n update(true, event);\n };\n const handleClose = event => {\n update(false, event);\n };\n const childrenArray = React.Children.toArray(children);\n\n // Support autofill.\n const handleChange = event => {\n const child = childrenArray.find(childItem => childItem.props.value === event.target.value);\n if (child === undefined) {\n return;\n }\n setValueState(child.props.value);\n if (onChange) {\n onChange(event, child);\n }\n };\n const handleItemClick = child => event => {\n let newValue;\n\n // We use the tabindex attribute to signal the available options.\n if (!event.currentTarget.hasAttribute('tabindex')) {\n return;\n }\n if (multiple) {\n newValue = Array.isArray(value) ? value.slice() : [];\n const itemIndex = value.indexOf(child.props.value);\n if (itemIndex === -1) {\n newValue.push(child.props.value);\n } else {\n newValue.splice(itemIndex, 1);\n }\n } else {\n newValue = child.props.value;\n }\n if (child.props.onClick) {\n child.props.onClick(event);\n }\n if (value !== newValue) {\n setValueState(newValue);\n if (onChange) {\n // Redefine target to allow name and value to be read.\n // This allows seamless integration with the most popular form libraries.\n // https://github.com/mui/material-ui/issues/13485#issuecomment-676048492\n // Clone the event to not override `target` of the original event.\n const nativeEvent = event.nativeEvent \|\| event;\n const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n Object.defineProperty(clonedEvent, 'target', {\n writable: true,\n value: {\n value: newValue,\n name\n }\n });\n onChange(clonedEvent, child);\n }\n }\n if (!multiple) {\n update(false, event);\n }\n };\n const handleKeyDown = event => {\n if (!readOnly) {\n const validKeys = [' ', 'ArrowUp', 'ArrowDown',\n // The native select doesn't respond to enter on macOS, but it's recommended by\n // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/\n 'Enter'];\n if (validKeys.includes(event.key)) {\n event.preventDefault();\n update(true, event);\n }\n }\n };\n const open = displayNode !== null && openState;\n const handleBlur = event => {\n // if open event.stopImmediatePropagation\n if (!open && onBlur) {\n // Preact support, target is read only property on a native event.\n Object.defineProperty(event, 'target', {\n writable: true,\n value: {\n value,\n name\n }\n });\n onBlur(event);\n }\n };\n delete other['aria-invalid'];\n let display;\n let displaySingle;\n const displayMultiple = [];\n let computeDisplay = false;\n let foundMatch = false;\n\n // No need to display any value if the field is empty.\n if (isFilled({\n value\n }) \|\| displayEmpty) {\n if (renderValue) {\n display = renderValue(value);\n } else {\n computeDisplay = true;\n }\n }\n const items = childrenArray.map(child => {\n if (! /#__PURE__/React.isValidElement(child)) {\n return null;\n }\n if (process.env.NODE_ENV !== 'production') {\n if (isFragment(child)) {\n console.error([\"MUI: The Select component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n }\n }\n let selected;\n if (multiple) {\n if (!Array.isArray(value)) {\n throw new Error(process.env.NODE_ENV !== \"production\" ? 'MUI: The `value` prop must be an array ' + 'when using the `Select` component with `multiple`.' : _formatErrorMessage(2));\n }\n selected = value.some(v => areEqualValues(v, child.props.value));\n if (selected && computeDisplay) {\n displayMultiple.push(child.props.children);\n }\n } else {\n selected = areEqualValues(value, child.props.value);\n if (selected && computeDisplay) {\n displaySingle = child.props.children;\n }\n }\n if (selected) {\n foundMatch = true;\n }\n return /#__PURE__/React.cloneElement(child, {\n 'aria-selected': selected ? 'true' : 'false',\n onClick: handleItemClick(child),\n onKeyUp: event => {\n if (event.key === ' ') {\n // otherwise our MenuItems dispatches a click event\n // it's not behavior of the native <option> and causes\n // the select to close immediately since we open on space keydown\n event.preventDefault();\n }\n if (child.props.onKeyUp) {\n child.props.onKeyUp(event);\n }\n },\n role: 'option',\n selected,\n value: undefined,\n // The value is most likely not a valid HTML attribute.\n 'data-value': child.props.value // Instead, we provide it as a data attribute.\n });\n });\n if (process.env.NODE_ENV !== 'production') {\n // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(() => {\n if (!foundMatch && !multiple && value !== '') {\n const values = childrenArray.map(child => child.props.value);\n console.warn([`MUI: You have provided an out-of-range value \\`${value}\\` for the select ${name ? `(name=\"${name}\") ` : ''}component.`, \"Consider providing a value that matches one of the available options or ''.\", `The available values are ${values.filter(x => x != null).map(x => `\\`${x}\\``).join(', ') \|\| '\"\"'}.`].join('\\n'));\n }\n }, [foundMatch, childrenArray, multiple, name, value]);\n }\n if (computeDisplay) {\n if (multiple) {\n if (displayMultiple.length === 0) {\n display = null;\n } else {\n display = displayMultiple.reduce((output, child, index) => {\n output.push(child);\n if (index < displayMultiple.length - 1) {\n output.push(', ');\n }\n return output;\n }, []);\n }\n } else {\n display = displaySingle;\n }\n }\n\n // Avoid performing a layout computation in the render method.\n let menuMinWidth = menuMinWidthState;\n if (!autoWidth && isOpenControlled && displayNode) {\n menuMinWidth = anchorElement.clientWidth;\n }\n let tabIndex;\n if (typeof tabIndexProp !== 'undefined') {\n tabIndex = tabIndexProp;\n } else {\n tabIndex = disabled ? null : 0;\n }\n const buttonId = SelectDisplayProps.id \|\| (name ? `mui-component-select-${name}` : undefined);\n const ownerState = {\n ...props,\n variant,\n value,\n open,\n error\n };\n const classes = useUtilityClasses(ownerState);\n const paperProps = {\n ...MenuProps.PaperProps,\n ...(typeof MenuProps.slotProps?.paper === 'function' ? MenuProps.slotProps.paper(ownerState) : MenuProps.slotProps?.paper)\n };\n const listProps = {\n ...MenuProps.MenuListProps,\n ...(typeof MenuProps.slotProps?.list === 'function' ? MenuProps.slotProps.list(ownerState) : MenuProps.slotProps?.list)\n };\n const listboxId = useId();\n return /#__PURE__/_jsxs(React.Fragment, {\n children: [/#__PURE__/_jsx(SelectSelect, {\n as: \"div\",\n ref: handleDisplayRef,\n tabIndex: tabIndex,\n role: \"combobox\",\n \"aria-controls\": open ? listboxId : undefined,\n \"aria-disabled\": disabled ? 'true' : undefined,\n \"aria-expanded\": open ? 'true' : 'false',\n \"aria-haspopup\": \"listbox\",\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": [labelId, buttonId].filter(Boolean).join(' ') \|\| undefined,\n \"aria-describedby\": ariaDescribedby,\n \"aria-required\": required ? 'true' : undefined,\n \"aria-invalid\": error ? 'true' : undefined,\n onKeyDown: handleKeyDown,\n onMouseDown: disabled \|\| readOnly ? null : handleMouseDown,\n onBlur: handleBlur,\n onFocus: onFocus,\n ...SelectDisplayProps,\n ownerState: ownerState,\n className: clsx(SelectDisplayProps.className, classes.select, className)\n // The id is required for proper a11y\n ,\n id: buttonId,\n children: isEmpty(display) ? // notranslate needed while Google Translate will not fix zero-width space issue\n _span \|\| (_span = /#__PURE__/_jsx(\"span\", {\n className: \"notranslate\",\n \"aria-hidden\": true,\n children: \"\\u200B\"\n })) : display\n }), /#__PURE__/_jsx(SelectNativeInput, {\n \"aria-invalid\": error,\n value: Array.isArray(value) ? value.join(',') : value,\n name: name,\n ref: inputRef,\n \"aria-hidden\": true,\n onChange: handleChange,\n tabIndex: -1,\n disabled: disabled,\n className: classes.nativeInput,\n autoFocus: autoFocus,\n required: required,\n ...other,\n ownerState: ownerState\n }), /#__PURE__/_jsx(SelectIcon, {\n as: IconComponent,\n className: classes.icon,\n ownerState: ownerState\n }), /#__PURE__/_jsx(Menu, {\n id: `menu-${name \|\| ''}`,\n anchorEl: anchorElement,\n open: open,\n onClose: handleClose,\n anchorOrigin: {\n vertical: 'bottom',\n horizontal: 'center'\n },\n transformOrigin: {\n vertical: 'top',\n horizontal: 'center'\n },\n ...MenuProps,\n slotProps: {\n ...MenuProps.slotProps,\n list: {\n 'aria-labelledby': labelId,\n role: 'listbox',\n 'aria-multiselectable': multiple ? 'true' : undefined,\n disableListWrap: true,\n id: listboxId,\n ...listProps\n },\n paper: {\n ...paperProps,\n style: {\n minWidth: menuMinWidth,\n ...(paperProps != null ? paperProps.style : null)\n }\n }\n },\n children: items\n })]\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? SelectInput.propTypes = {\n /\n @ignore\n /\n 'aria-describedby': PropTypes.string,\n /\n @ignore\n /\n 'aria-label': PropTypes.string,\n /\n @ignore\n /\n autoFocus: PropTypes.bool,\n /\n If `true`, the width of the popover will automatically be set according to the items inside the\n * menu, otherwise it will be at least the width of the select input.\n /\n autoWidth: PropTypes.bool,\n /\n The option elements to populate the select with.\n * Can be some `<MenuItem>` elements.\n /\n children: PropTypes.node,\n /\n Override or extend the styles applied to the component.\n /\n classes: PropTypes.object,\n /\n The CSS class name of the select element.\n /\n className: PropTypes.string,\n /\n If `true`, the component is toggled on mount. Use when the component open state is not controlled.\n * You can only use it when the `native` prop is `false` (default).\n /\n defaultOpen: PropTypes.bool,\n /\n The default value. Use when the component is not controlled.\n /\n defaultValue: PropTypes.any,\n /\n If `true`, the select is disabled.\n /\n disabled: PropTypes.bool,\n /\n If `true`, the selected item is displayed even if its value is empty.\n /\n displayEmpty: PropTypes.bool,\n /\n If `true`, the `select input` will indicate an error.\n /\n error: PropTypes.bool,\n /\n The icon that displays the arrow.\n /\n IconComponent: PropTypes.elementType.isRequired,\n /\n Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`\n * Equivalent to `ref`\n /\n inputRef: refType,\n /\n The ID of an element that acts as an additional label. The Select will\n * be labelled by the additional label and the selected value.\n /\n labelId: PropTypes.string,\n /\n Props applied to the [`Menu`](/material-ui/api/menu/) element.\n /\n MenuProps: PropTypes.object,\n /\n If `true`, `value` must be an array and the menu will support multiple selections.\n /\n multiple: PropTypes.bool,\n /\n Name attribute of the `select` or hidden `input` element.\n /\n name: PropTypes.string,\n /\n @ignore\n /\n onBlur: PropTypes.func,\n /\n Callback fired when a menu item is selected.\n \n @param {object} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (any).\n * @param {object} [child] The react element that was selected.\n /\n onChange: PropTypes.func,\n /\n Callback fired when the component requests to be closed.\n * Use in controlled mode (see open).\n \n @param {object} event The event source of the callback.\n /\n onClose: PropTypes.func,\n /\n @ignore\n /\n onFocus: PropTypes.func,\n /\n Callback fired when the component requests to be opened.\n * Use in controlled mode (see open).\n \n @param {object} event The event source of the callback.\n /\n onOpen: PropTypes.func,\n /\n If `true`, the component is shown.\n /\n open: PropTypes.bool,\n /\n @ignore\n /\n readOnly: PropTypes.bool,\n /\n Render the selected value.\n \n @param {any} value The `value` provided to the component.\n * @returns {ReactNode}\n /\n renderValue: PropTypes.func,\n /\n If `true`, the component is required.\n /\n required: PropTypes.bool,\n /\n Props applied to the clickable div element.\n /\n SelectDisplayProps: PropTypes.object,\n /\n @ignore\n /\n tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n /\n @ignore\n /\n type: PropTypes.any,\n /\n The input value.\n /\n value: PropTypes.any,\n /\n The variant to use.\n */\n variant: PropTypes.oneOf(['standard', 'outlined', 'filled'])\n} : void 0;\nexport default SelectInput;"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;"}
1	+ {"version":3,"file":"SelectInput.js","sources":["../../../../../../../node_modules/@mui/material/esm/Select/SelectInput.js"],"sourcesContent":["'use client';\n\nimport _formatErrorMessage from \"@mui/utils/formatMuiErrorMessage\";\nvar _span;\nimport * as React from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport composeClasses from '@mui/utils/composeClasses';\nimport useId from '@mui/utils/useId';\nimport refType from '@mui/utils/refType';\nimport ownerDocument from \"../utils/ownerDocument.js\";\nimport capitalize from \"../utils/capitalize.js\";\nimport Menu from \"../Menu/Menu.js\";\nimport { StyledSelectSelect, StyledSelectIcon } from \"../NativeSelect/NativeSelectInput.js\";\nimport { isFilled } from \"../InputBase/utils.js\";\nimport { styled } from \"../zero-styled/index.js\";\nimport slotShouldForwardProp from \"../styles/slotShouldForwardProp.js\";\nimport useForkRef from \"../utils/useForkRef.js\";\nimport useControlled from \"../utils/useControlled.js\";\nimport selectClasses, { getSelectUtilityClasses } from \"./selectClasses.js\";\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nconst SelectSelect = styled(StyledSelectSelect, {\n name: 'MuiSelect',\n slot: 'Select',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [\n // Win specificity over the input base\n {\n [`&.${selectClasses.select}`]: styles.select\n }, {\n [`&.${selectClasses.select}`]: styles[ownerState.variant]\n }, {\n [`&.${selectClasses.error}`]: styles.error\n }, {\n [`&.${selectClasses.multiple}`]: styles.multiple\n }];\n }\n})({\n // Win specificity over the input base\n [`&.${selectClasses.select}`]: {\n height: 'auto',\n // Resets for multiple select with chips\n minHeight: '1.4375em',\n // Required for select\\text-field height consistency\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n overflow: 'hidden'\n }\n});\nconst SelectIcon = styled(StyledSelectIcon, {\n name: 'MuiSelect',\n slot: 'Icon',\n overridesResolver: (props, styles) => {\n const {\n ownerState\n } = props;\n return [styles.icon, ownerState.variant && styles[`icon${capitalize(ownerState.variant)}`], ownerState.open && styles.iconOpen];\n }\n})({});\nconst SelectNativeInput = styled('input', {\n shouldForwardProp: prop => slotShouldForwardProp(prop) && prop !== 'classes',\n name: 'MuiSelect',\n slot: 'NativeInput'\n})({\n bottom: 0,\n left: 0,\n position: 'absolute',\n opacity: 0,\n pointerEvents: 'none',\n width: '100%',\n boxSizing: 'border-box'\n});\nfunction areEqualValues(a, b) {\n if (typeof b === 'object' && b !== null) {\n return a === b;\n }\n\n // The value could be a number, the DOM will stringify it anyway.\n return String(a) === String(b);\n}\nfunction isEmpty(display) {\n return display == null \|\| typeof display === 'string' && !display.trim();\n}\nconst useUtilityClasses = ownerState => {\n const {\n classes,\n variant,\n disabled,\n multiple,\n open,\n error\n } = ownerState;\n const slots = {\n select: ['select', variant, disabled && 'disabled', multiple && 'multiple', error && 'error'],\n icon: ['icon', `icon${capitalize(variant)}`, open && 'iconOpen', disabled && 'disabled'],\n nativeInput: ['nativeInput']\n };\n return composeClasses(slots, getSelectUtilityClasses, classes);\n};\n\n/*\n @ignore - internal component.\n /\nconst SelectInput = /#__PURE__/React.forwardRef(function SelectInput(props, ref) {\n const {\n 'aria-describedby': ariaDescribedby,\n 'aria-label': ariaLabel,\n autoFocus,\n autoWidth,\n children,\n className,\n defaultOpen,\n defaultValue,\n disabled,\n displayEmpty,\n error = false,\n IconComponent,\n inputRef: inputRefProp,\n labelId,\n MenuProps = {},\n multiple,\n name,\n onBlur,\n onChange,\n onClose,\n onFocus,\n onOpen,\n open: openProp,\n readOnly,\n renderValue,\n required,\n SelectDisplayProps = {},\n tabIndex: tabIndexProp,\n // catching `type` from Input which makes no sense for SelectInput\n type,\n value: valueProp,\n variant = 'standard',\n ...other\n } = props;\n const [value, setValueState] = useControlled({\n controlled: valueProp,\n default: defaultValue,\n name: 'Select'\n });\n const [openState, setOpenState] = useControlled({\n controlled: openProp,\n default: defaultOpen,\n name: 'Select'\n });\n const inputRef = React.useRef(null);\n const displayRef = React.useRef(null);\n const [displayNode, setDisplayNode] = React.useState(null);\n const {\n current: isOpenControlled\n } = React.useRef(openProp != null);\n const [menuMinWidthState, setMenuMinWidthState] = React.useState();\n const handleRef = useForkRef(ref, inputRefProp);\n const handleDisplayRef = React.useCallback(node => {\n displayRef.current = node;\n if (node) {\n setDisplayNode(node);\n }\n }, []);\n const anchorElement = displayNode?.parentNode;\n React.useImperativeHandle(handleRef, () => ({\n focus: () => {\n displayRef.current.focus();\n },\n node: inputRef.current,\n value\n }), [value]);\n\n // Resize menu on `defaultOpen` automatic toggle.\n React.useEffect(() => {\n if (defaultOpen && openState && displayNode && !isOpenControlled) {\n setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);\n displayRef.current.focus();\n }\n // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [displayNode, autoWidth]);\n // `isOpenControlled` is ignored because the component should never switch between controlled and uncontrolled modes.\n // `defaultOpen` and `openState` are ignored to avoid unnecessary callbacks.\n React.useEffect(() => {\n if (autoFocus) {\n displayRef.current.focus();\n }\n }, [autoFocus]);\n React.useEffect(() => {\n if (!labelId) {\n return undefined;\n }\n const label = ownerDocument(displayRef.current).getElementById(labelId);\n if (label) {\n const handler = () => {\n if (getSelection().isCollapsed) {\n displayRef.current.focus();\n }\n };\n label.addEventListener('click', handler);\n return () => {\n label.removeEventListener('click', handler);\n };\n }\n return undefined;\n }, [labelId]);\n const update = (open, event) => {\n if (open) {\n if (onOpen) {\n onOpen(event);\n }\n } else if (onClose) {\n onClose(event);\n }\n if (!isOpenControlled) {\n setMenuMinWidthState(autoWidth ? null : anchorElement.clientWidth);\n setOpenState(open);\n }\n };\n const handleMouseDown = event => {\n // Ignore everything but left-click\n if (event.button !== 0) {\n return;\n }\n // Hijack the default focus behavior.\n event.preventDefault();\n displayRef.current.focus();\n update(true, event);\n };\n const handleClose = event => {\n update(false, event);\n };\n const childrenArray = React.Children.toArray(children);\n\n // Support autofill.\n const handleChange = event => {\n const child = childrenArray.find(childItem => childItem.props.value === event.target.value);\n if (child === undefined) {\n return;\n }\n setValueState(child.props.value);\n if (onChange) {\n onChange(event, child);\n }\n };\n const handleItemClick = child => event => {\n let newValue;\n\n // We use the tabindex attribute to signal the available options.\n if (!event.currentTarget.hasAttribute('tabindex')) {\n return;\n }\n if (multiple) {\n newValue = Array.isArray(value) ? value.slice() : [];\n const itemIndex = value.indexOf(child.props.value);\n if (itemIndex === -1) {\n newValue.push(child.props.value);\n } else {\n newValue.splice(itemIndex, 1);\n }\n } else {\n newValue = child.props.value;\n }\n if (child.props.onClick) {\n child.props.onClick(event);\n }\n if (value !== newValue) {\n setValueState(newValue);\n if (onChange) {\n // Redefine target to allow name and value to be read.\n // This allows seamless integration with the most popular form libraries.\n // https://github.com/mui/material-ui/issues/13485#issuecomment-676048492\n // Clone the event to not override `target` of the original event.\n const nativeEvent = event.nativeEvent \|\| event;\n const clonedEvent = new nativeEvent.constructor(nativeEvent.type, nativeEvent);\n Object.defineProperty(clonedEvent, 'target', {\n writable: true,\n value: {\n value: newValue,\n name\n }\n });\n onChange(clonedEvent, child);\n }\n }\n if (!multiple) {\n update(false, event);\n }\n };\n const handleKeyDown = event => {\n if (!readOnly) {\n const validKeys = [' ', 'ArrowUp', 'ArrowDown',\n // The native select doesn't respond to enter on macOS, but it's recommended by\n // https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/\n 'Enter'];\n if (validKeys.includes(event.key)) {\n event.preventDefault();\n update(true, event);\n }\n }\n };\n const open = displayNode !== null && openState;\n const handleBlur = event => {\n // if open event.stopImmediatePropagation\n if (!open && onBlur) {\n // Preact support, target is read only property on a native event.\n Object.defineProperty(event, 'target', {\n writable: true,\n value: {\n value,\n name\n }\n });\n onBlur(event);\n }\n };\n delete other['aria-invalid'];\n let display;\n let displaySingle;\n const displayMultiple = [];\n let computeDisplay = false;\n let foundMatch = false;\n\n // No need to display any value if the field is empty.\n if (isFilled({\n value\n }) \|\| displayEmpty) {\n if (renderValue) {\n display = renderValue(value);\n } else {\n computeDisplay = true;\n }\n }\n const items = childrenArray.map(child => {\n if (! /#__PURE__/React.isValidElement(child)) {\n return null;\n }\n if (process.env.NODE_ENV !== 'production') {\n if (isFragment(child)) {\n console.error([\"MUI: The Select component doesn't accept a Fragment as a child.\", 'Consider providing an array instead.'].join('\\n'));\n }\n }\n let selected;\n if (multiple) {\n if (!Array.isArray(value)) {\n throw new Error(process.env.NODE_ENV !== \"production\" ? 'MUI: The `value` prop must be an array ' + 'when using the `Select` component with `multiple`.' : _formatErrorMessage(2));\n }\n selected = value.some(v => areEqualValues(v, child.props.value));\n if (selected && computeDisplay) {\n displayMultiple.push(child.props.children);\n }\n } else {\n selected = areEqualValues(value, child.props.value);\n if (selected && computeDisplay) {\n displaySingle = child.props.children;\n }\n }\n if (selected) {\n foundMatch = true;\n }\n return /#__PURE__/React.cloneElement(child, {\n 'aria-selected': selected ? 'true' : 'false',\n onClick: handleItemClick(child),\n onKeyUp: event => {\n if (event.key === ' ') {\n // otherwise our MenuItems dispatches a click event\n // it's not behavior of the native <option> and causes\n // the select to close immediately since we open on space keydown\n event.preventDefault();\n }\n if (child.props.onKeyUp) {\n child.props.onKeyUp(event);\n }\n },\n role: 'option',\n selected,\n value: undefined,\n // The value is most likely not a valid HTML attribute.\n 'data-value': child.props.value // Instead, we provide it as a data attribute.\n });\n });\n if (process.env.NODE_ENV !== 'production') {\n // TODO: uncomment once we enable eslint-plugin-react-compiler // eslint-disable-next-line react-compiler/react-compiler\n // eslint-disable-next-line react-hooks/rules-of-hooks\n React.useEffect(() => {\n if (!foundMatch && !multiple && value !== '') {\n const values = childrenArray.map(child => child.props.value);\n console.warn([`MUI: You have provided an out-of-range value \\`${value}\\` for the select ${name ? `(name=\"${name}\") ` : ''}component.`, \"Consider providing a value that matches one of the available options or ''.\", `The available values are ${values.filter(x => x != null).map(x => `\\`${x}\\``).join(', ') \|\| '\"\"'}.`].join('\\n'));\n }\n }, [foundMatch, childrenArray, multiple, name, value]);\n }\n if (computeDisplay) {\n if (multiple) {\n if (displayMultiple.length === 0) {\n display = null;\n } else {\n display = displayMultiple.reduce((output, child, index) => {\n output.push(child);\n if (index < displayMultiple.length - 1) {\n output.push(', ');\n }\n return output;\n }, []);\n }\n } else {\n display = displaySingle;\n }\n }\n\n // Avoid performing a layout computation in the render method.\n let menuMinWidth = menuMinWidthState;\n if (!autoWidth && isOpenControlled && displayNode) {\n menuMinWidth = anchorElement.clientWidth;\n }\n let tabIndex;\n if (typeof tabIndexProp !== 'undefined') {\n tabIndex = tabIndexProp;\n } else {\n tabIndex = disabled ? null : 0;\n }\n const buttonId = SelectDisplayProps.id \|\| (name ? `mui-component-select-${name}` : undefined);\n const ownerState = {\n ...props,\n variant,\n value,\n open,\n error\n };\n const classes = useUtilityClasses(ownerState);\n const paperProps = {\n ...MenuProps.PaperProps,\n ...(typeof MenuProps.slotProps?.paper === 'function' ? MenuProps.slotProps.paper(ownerState) : MenuProps.slotProps?.paper)\n };\n const listProps = {\n ...MenuProps.MenuListProps,\n ...(typeof MenuProps.slotProps?.list === 'function' ? MenuProps.slotProps.list(ownerState) : MenuProps.slotProps?.list)\n };\n const listboxId = useId();\n return /#__PURE__/_jsxs(React.Fragment, {\n children: [/#__PURE__/_jsx(SelectSelect, {\n as: \"div\",\n ref: handleDisplayRef,\n tabIndex: tabIndex,\n role: \"combobox\",\n \"aria-controls\": open ? listboxId : undefined,\n \"aria-disabled\": disabled ? 'true' : undefined,\n \"aria-expanded\": open ? 'true' : 'false',\n \"aria-haspopup\": \"listbox\",\n \"aria-label\": ariaLabel,\n \"aria-labelledby\": [labelId, buttonId].filter(Boolean).join(' ') \|\| undefined,\n \"aria-describedby\": ariaDescribedby,\n \"aria-required\": required ? 'true' : undefined,\n \"aria-invalid\": error ? 'true' : undefined,\n onKeyDown: handleKeyDown,\n onMouseDown: disabled \|\| readOnly ? null : handleMouseDown,\n onBlur: handleBlur,\n onFocus: onFocus,\n ...SelectDisplayProps,\n ownerState: ownerState,\n className: clsx(SelectDisplayProps.className, classes.select, className)\n // The id is required for proper a11y\n ,\n id: buttonId,\n children: isEmpty(display) ? // notranslate needed while Google Translate will not fix zero-width space issue\n _span \|\| (_span = /#__PURE__/_jsx(\"span\", {\n className: \"notranslate\",\n \"aria-hidden\": true,\n children: \"\\u200B\"\n })) : display\n }), /#__PURE__/_jsx(SelectNativeInput, {\n \"aria-invalid\": error,\n value: Array.isArray(value) ? value.join(',') : value,\n name: name,\n ref: inputRef,\n \"aria-hidden\": true,\n onChange: handleChange,\n tabIndex: -1,\n disabled: disabled,\n className: classes.nativeInput,\n autoFocus: autoFocus,\n required: required,\n ...other,\n ownerState: ownerState\n }), /#__PURE__/_jsx(SelectIcon, {\n as: IconComponent,\n className: classes.icon,\n ownerState: ownerState\n }), /#__PURE__/_jsx(Menu, {\n id: `menu-${name \|\| ''}`,\n anchorEl: anchorElement,\n open: open,\n onClose: handleClose,\n anchorOrigin: {\n vertical: 'bottom',\n horizontal: 'center'\n },\n transformOrigin: {\n vertical: 'top',\n horizontal: 'center'\n },\n ...MenuProps,\n slotProps: {\n ...MenuProps.slotProps,\n list: {\n 'aria-labelledby': labelId,\n role: 'listbox',\n 'aria-multiselectable': multiple ? 'true' : undefined,\n disableListWrap: true,\n id: listboxId,\n ...listProps\n },\n paper: {\n ...paperProps,\n style: {\n minWidth: menuMinWidth,\n ...(paperProps != null ? paperProps.style : null)\n }\n }\n },\n children: items\n })]\n });\n});\nprocess.env.NODE_ENV !== \"production\" ? SelectInput.propTypes = {\n /\n @ignore\n /\n 'aria-describedby': PropTypes.string,\n /\n @ignore\n /\n 'aria-label': PropTypes.string,\n /\n @ignore\n /\n autoFocus: PropTypes.bool,\n /\n If `true`, the width of the popover will automatically be set according to the items inside the\n * menu, otherwise it will be at least the width of the select input.\n /\n autoWidth: PropTypes.bool,\n /\n The option elements to populate the select with.\n * Can be some `<MenuItem>` elements.\n /\n children: PropTypes.node,\n /\n Override or extend the styles applied to the component.\n /\n classes: PropTypes.object,\n /\n The CSS class name of the select element.\n /\n className: PropTypes.string,\n /\n If `true`, the component is toggled on mount. Use when the component open state is not controlled.\n * You can only use it when the `native` prop is `false` (default).\n /\n defaultOpen: PropTypes.bool,\n /\n The default value. Use when the component is not controlled.\n /\n defaultValue: PropTypes.any,\n /\n If `true`, the select is disabled.\n /\n disabled: PropTypes.bool,\n /\n If `true`, the selected item is displayed even if its value is empty.\n /\n displayEmpty: PropTypes.bool,\n /\n If `true`, the `select input` will indicate an error.\n /\n error: PropTypes.bool,\n /\n The icon that displays the arrow.\n /\n IconComponent: PropTypes.elementType.isRequired,\n /\n Imperative handle implementing `{ value: T, node: HTMLElement, focus(): void }`\n * Equivalent to `ref`\n /\n inputRef: refType,\n /\n The ID of an element that acts as an additional label. The Select will\n * be labelled by the additional label and the selected value.\n /\n labelId: PropTypes.string,\n /\n Props applied to the [`Menu`](/material-ui/api/menu/) element.\n /\n MenuProps: PropTypes.object,\n /\n If `true`, `value` must be an array and the menu will support multiple selections.\n /\n multiple: PropTypes.bool,\n /\n Name attribute of the `select` or hidden `input` element.\n /\n name: PropTypes.string,\n /\n @ignore\n /\n onBlur: PropTypes.func,\n /\n Callback fired when a menu item is selected.\n \n @param {object} event The event source of the callback.\n * You can pull out the new value by accessing `event.target.value` (any).\n * @param {object} [child] The react element that was selected.\n /\n onChange: PropTypes.func,\n /\n Callback fired when the component requests to be closed.\n * Use in controlled mode (see open).\n \n @param {object} event The event source of the callback.\n /\n onClose: PropTypes.func,\n /\n @ignore\n /\n onFocus: PropTypes.func,\n /\n Callback fired when the component requests to be opened.\n * Use in controlled mode (see open).\n \n @param {object} event The event source of the callback.\n /\n onOpen: PropTypes.func,\n /\n If `true`, the component is shown.\n /\n open: PropTypes.bool,\n /\n @ignore\n /\n readOnly: PropTypes.bool,\n /\n Render the selected value.\n \n @param {any} value The `value` provided to the component.\n * @returns {ReactNode}\n /\n renderValue: PropTypes.func,\n /\n If `true`, the component is required.\n /\n required: PropTypes.bool,\n /\n Props applied to the clickable div element.\n /\n SelectDisplayProps: PropTypes.object,\n /\n @ignore\n /\n tabIndex: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n /\n @ignore\n /\n type: PropTypes.any,\n /\n The input value.\n /\n value: PropTypes.any,\n /\n The variant to use.\n */\n variant: PropTypes.oneOf(['standard', 'outlined', 'filled'])\n} : void 0;\nexport default SelectInput;"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAGA;AAmBA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACK;AACL;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;","x_google_ignoreList":[0]}

package/dist/cjs/node_modules/@mui/material/esm/Select/selectClasses.js CHANGED Viewed

@@ -6,10 +6,10 @@ var generateUtilityClass = require('../../../utils/esm/generateUtilityClass/gene
 var generateUtilityClasses = require('../../../utils/esm/generateUtilityClasses/generateUtilityClasses.js');
 function getSelectUtilityClasses(slot) {
-  return generateUtilityClass["default"]('MuiSelect', slot);
+  return generateUtilityClass.default('MuiSelect', slot);
 }
-const selectClasses = generateUtilityClasses["default"]('MuiSelect', ['root', 'select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput', 'error']);
+const selectClasses = generateUtilityClasses.default('MuiSelect', ['root', 'select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput', 'error']);
-exports["default"] = selectClasses;
+exports.default = selectClasses;
 exports.getSelectUtilityClasses = getSelectUtilityClasses;
 //# sourceMappingURL=selectClasses.js.map

package/dist/cjs/node_modules/@mui/material/esm/Select/selectClasses.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"selectClasses.js","sources":["../../../../../../../node_modules/@mui/material/esm/Select/selectClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getSelectUtilityClasses(slot) {\n return generateUtilityClass('MuiSelect', slot);\n}\nconst selectClasses = generateUtilityClasses('MuiSelect', ['root', 'select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput', 'error']);\nexport default selectClasses;"],"names":["generateUtilityClass","generateUtilityClasses"],"mappings":";;;;;;;AAEO,SAAS,uBAAuB,CAAC,IAAI,EAAE;AAC9C,EAAE,OAAOA~~,+BAAoB~~,CAAC,WAAW,EAAE,IAAI,CAAC~~,CAAC~~;~~AACjD,CAAC~~;~~AACI~~,MAAC,aAAa,GAAGC,~~iCAAsB~~,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,CAAC;;;;;"}
1	+ {"version":3,"file":"selectClasses.js","sources":["../../../../../../../node_modules/@mui/material/esm/Select/selectClasses.js"],"sourcesContent":["import generateUtilityClasses from '@mui/utils/generateUtilityClasses';\nimport generateUtilityClass from '@mui/utils/generateUtilityClass';\nexport function getSelectUtilityClasses(slot) {\n return generateUtilityClass('MuiSelect', slot);\n}\nconst selectClasses = generateUtilityClasses('MuiSelect', ['root', 'select', 'multiple', 'filled', 'outlined', 'standard', 'disabled', 'focused', 'icon', 'iconOpen', 'iconFilled', 'iconOutlined', 'iconStandard', 'nativeInput', 'error']);\nexport default selectClasses;"],"names":["generateUtilityClass","generateUtilityClasses"],"mappings":";;;;;;;AAEO,SAAS,uBAAuB,CAAC,IAAI,EAAE;AAC9C,EAAE,OAAOA,4BAAoB,CAAC,WAAW,EAAE,IAAI,CAAC;AAChD;AACK,MAAC,aAAa,GAAGC,8BAAsB,CAAC,WAAW,EAAE,CAAC,MAAM,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,UAAU,EAAE,UAAU,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,aAAa,EAAE,OAAO,CAAC;;;;;","x_google_ignoreList":[0]}