@oracle/oraclejet-preact 14.0.0

package/cjs/ReadonlyTextFieldInput-2eac69c6.js

@@ -0,0 +1,121 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+var tslib_es6 = require('./tslib.es6-d7adde1f.js');
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks_UNSAFE_useFormContext = require('./hooks/UNSAFE_useFormContext.js');
+var hooks_UNSAFE_useTabbableMode = require('./hooks/UNSAFE_useTabbableMode.js');
+
+require('./utils/UNSAFE_classNames.js');
+var utils_UNSAFE_interpolations_text = require('./utils/UNSAFE_interpolations/text.js');
+var utils_UNSAFE_mergeInterpolations = require('./utils/UNSAFE_mergeInterpolations.js');
+var hooks_UNSAFE_useFormFieldContext = require('./hooks/UNSAFE_useFormFieldContext.js');
+var FormControlUtils = require('./FormControlUtils-29dd821c.js');
+var classNames = require('./classNames-825d80d7.js');
+
+// and the textarea, so the the textarea's focus outline doesn't get truncated.
+// The 0.25rem is an aesthetically pleasing amount of margin to make the readonly
+// focus ring visible.
+
+const borderToTextAreaContentMargin = '0.25rem';
+const readOnlyTextFieldStyles = {
+  base: "rdmqal",
+  textareaBase: "_1fok269",
+  inEnabledFormBase: "_1gu5ze7",
+  textareaInEnabledFormBase: "_1dnwxag",
+  inEnabledFormLabelInside: "sz7707",
+  textareaInEnabledFormLabelInside: "z718av",
+  inEnabledFormNoLabelInside: "_1ifsi4m",
+  // don't apply this for textarea
+  inEnabledFormNoStartContent: "_14ohdw3"
+};
+function ReadonlyTextFieldInput(_a) {
+  var {
+    ariaDescribedBy,
+    ariaLabel,
+    ariaLabelledBy,
+    autoFocus,
+    as = 'div',
+    elementRef,
+    hasInsideLabel = false,
+    inlineUserAssistance,
+    innerReadonlyField,
+    rows,
+    type,
+    value = '',
+    variant
+  } = _a,
+      props = tslib_es6.__rest(_a, ["ariaDescribedBy", "ariaLabel", "ariaLabelledBy", "autoFocus", "as", "elementRef", "hasInsideLabel", "inlineUserAssistance", "innerReadonlyField", "rows", "type", "value", "variant"]);
+
+  const {
+    isFormLayout,
+    isReadonly: isReadonlyForm
+  } = hooks_UNSAFE_useFormContext.useFormContext();
+  const {
+    isLoading
+  } = hooks_UNSAFE_useFormFieldContext.useFormFieldContext();
+  const ariaLabelForReadonly = isLoading ? FormControlUtils.getLoadingAriaLabel() : ariaLabel; // get classes for text align
+
+  const interpolations = [...Object.values(utils_UNSAFE_interpolations_text.textInterpolations)];
+  const styleInterpolations = utils_UNSAFE_mergeInterpolations.mergeInterpolations(interpolations);
+  const {
+    class: styleInterpolationClasses
+  } = styleInterpolations(props);
+  const readonlyDivClasses = classNames.classNames([as !== 'textarea' && 'oj-c-hide-scrollbar', readOnlyTextFieldStyles.base, as === 'textarea' && readOnlyTextFieldStyles.textareaBase, isFormLayout && !isReadonlyForm && readOnlyTextFieldStyles.inEnabledFormBase, variant === 'textarea' && isFormLayout && !isReadonlyForm && readOnlyTextFieldStyles.textareaInEnabledFormBase, isFormLayout && !isReadonlyForm && (hasInsideLabel ? readOnlyTextFieldStyles.inEnabledFormLabelInside : readOnlyTextFieldStyles.inEnabledFormNoLabelInside), variant === 'textarea' && isFormLayout && !isReadonlyForm && hasInsideLabel && readOnlyTextFieldStyles.textareaInEnabledFormLabelInside, variant !== 'textarea' && // not for textarea
+  isFormLayout && !isReadonlyForm && readOnlyTextFieldStyles.inEnabledFormNoStartContent, styleInterpolationClasses]); // JET-52914 - Implement Tabbable mode API contract in InputText
+  // spread tabbableModeProps on component
+
+  const {
+    isTabbable,
+    tabbableModeProps
+  } = hooks_UNSAFE_useTabbableMode.useTabbableMode();
+
+  if (as === 'input') {
+    return jsxRuntime.jsx("input", Object.assign({
+      "aria-describedby": ariaDescribedBy,
+      "aria-label": ariaLabelForReadonly,
+      "aria-labelledby": ariaLabelledBy,
+      autofocus: autoFocus,
+      class: readonlyDivClasses,
+      readonly: true,
+      // @ts-ignore
+      ref: elementRef,
+      type: type,
+      value: value
+    }, !isTabbable && tabbableModeProps));
+  }
+
+  if (as === 'textarea') {
+    return jsxRuntime.jsx("textarea", Object.assign({
+      "aria-describedby": ariaDescribedBy,
+      "aria-label": ariaLabelForReadonly,
+      "aria-labelledby": ariaLabelledBy,
+      autofocus: autoFocus,
+      class: readonlyDivClasses,
+      readonly: true,
+      // @ts-ignore
+      ref: elementRef,
+      rows: rows
+    }, !isTabbable && tabbableModeProps, {
+      children: value
+    }));
+  }
+
+  return jsxRuntime.jsx("div", Object.assign({
+    "aria-describedby": ariaDescribedBy,
+    "aria-label": ariaLabelForReadonly,
+    "aria-labelledby": ariaLabelledBy,
+    "aria-readonly": true,
+    autofocus: autoFocus,
+    class: readonlyDivClasses,
+    // @ts-ignore
+    ref: elementRef,
+    role: "textbox"
+  }, tabbableModeProps, {
+    children: value
+  }));
+}
+
+exports.ReadonlyTextFieldInput = ReadonlyTextFieldInput;
+/*  */
+//# sourceMappingURL=ReadonlyTextFieldInput-2eac69c6.js.map

package/cjs/ReadonlyTextFieldInput-2eac69c6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadonlyTextFieldInput-2eac69c6.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextFieldInput.tsx"],"sourcesContent":["import { ComponentChildren, Ref } from 'preact';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { textInterpolations } from '../utils/UNSAFE_interpolations/text';\nimport type { TextProps } from '../utils/UNSAFE_interpolations/text';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { getLoadingAriaLabel } from './FormControlUtils';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype AutoFocusProp = HTMLAttributesSignalExcluded<HTMLInputElement>['autofocus'];\n\ntype ReadonlyAsInputProps = {\n  as: 'input';\n  type: HTMLAttributesSignalExcluded<HTMLInputElement>['type'];\n  elementRef?: Ref<HTMLInputElement>;\n  rows?: never;\n};\n\ntype ReadonlyAsTextAreaProps = {\n  as: 'textarea';\n  elementRef?: Ref<HTMLTextAreaElement | HTMLDivElement>;\n  type?: never;\n  rows?: number;\n};\n\ntype ReadonlyAsDivProps = {\n  as?: 'div';\n  elementRef?: Ref<HTMLTextAreaElement | HTMLDivElement>;\n  type?: never;\n  rows?: never;\n};\n\ntype Props = TextProps &\n  (ReadonlyAsDivProps | ReadonlyAsInputProps | ReadonlyAsTextAreaProps) & {\n    ariaDescribedBy?: string;\n    ariaLabel?: string;\n    ariaLabelledBy?: string;\n    autoFocus?: AutoFocusProp;\n    hasInsideLabel?: boolean;\n    inlineUserAssistance?: ComponentChildren;\n    innerReadonlyField?: ComponentChildren;\n    value?: string;\n    variant?: 'textarea';\n  };\n\n// In readonly textarea, we need some margin between the border container element\n// and the textarea, so the the textarea's focus outline doesn't get truncated.\n// The 0.25rem is an aesthetically pleasing amount of margin to make the readonly\n// focus ring visible.\nconst borderToTextAreaContentMargin = '0.25rem';\n\nconst readOnlyTextFieldStyles = {\n  base: cssProps`${{\n    minHeight:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size))',\n    // TODO: Use Text component instead of CSS\n    wordBreak: 'break-word',\n    whiteSpace: 'pre-wrap',\n    // TODO: Cleanup the border and background CSS\n    backgroundColor: 'transparent',\n    borderColor: 'transparent',\n    borderWidth: '0',\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)',\n    boxSizing: 'border-box',\n    // TODO: Use the Flex component instead of CSS\n    display: 'flex',\n    flexDirection: 'column',\n    width: '100%',\n    fontFamily: 'inherit',\n    fontSize: '100%',\n    fontWeight: 'inherit',\n    lineHeight: 'inherit',\n    outlineWidth: '0',\n\n    '&:focus': {\n      outlineStyle: 'dotted',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n      outlineOffset: '1px'\n    }\n  }}`,\n  textareaBase: cssProps`${{\n    resize: 'none',\n    paddingBlockStart: '0',\n    paddingInlineStart: '0'\n  }}`,\n  inEnabledFormBase: cssProps`${{\n    whiteSpace: 'nowrap',\n    overflowX: 'scroll',\n    overflowY: 'hidden',\n    scrollbarWidth: 'none'\n  }}`,\n\n  textareaInEnabledFormBase: cssProps`${{\n    marginTop:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    marginBottom:\n      'calc((var(--oj-c-PRIVATE-DO-NOT-USE-text-field-height) - 1rem * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height))/ 2 - 1px)',\n    marginLeft: borderToTextAreaContentMargin,\n    marginRight: borderToTextAreaContentMargin,\n    paddingLeft: `calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding) - ${borderToTextAreaContentMargin})`,\n    paddingRight: '0',\n    overflowX: 'auto',\n    overflowY: 'auto',\n    whiteSpace: 'pre-wrap'\n  }}`,\n\n  inEnabledFormLabelInside: cssProps`${{\n    // TODO: Look into why we need this hacky CSS\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-text-field-inside-edge-padding-top) + 0.1875rem)',\n    paddingTop: '0',\n    minHeight:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-line-height) * var(--oj-c-PRIVATE-DO-NOT-USE-typography-body-md-font-size))'\n  }}`,\n\n  textareaInEnabledFormLabelInside: cssProps`${{\n    paddingTop: 0,\n    paddingBottom: 0,\n    // We are using a transparent border here instead of padding, due to how textarea scrolls the padding off the screen\n    // and the text content will clash with the inside label.\n    borderColor: 'transparent',\n    borderStyle: 'solid',\n    marginTop:\n      'calc(var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-font-size) * var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-line-height) + var(--oj-c-PRIVATE-DO-NOT-USE-label-inside-edge-position-top))',\n    marginBottom: borderToTextAreaContentMargin\n  }}`,\n\n  inEnabledFormNoLabelInside: cssProps`${{\n    // TODO: Remove if this is not needed.\n    justifyContent: 'center'\n  }}`,\n\n  // don't apply this for textarea\n  inEnabledFormNoStartContent: cssProps`${{\n    marginLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    marginRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-text-field-text-to-edge-padding)',\n    paddingLeft: '0',\n    paddingRight: '0'\n  }}`\n};\n\nexport function ReadonlyTextFieldInput({\n  ariaDescribedBy,\n  ariaLabel,\n  ariaLabelledBy,\n  autoFocus,\n  as = 'div',\n  elementRef,\n  hasInsideLabel = false,\n  inlineUserAssistance,\n  innerReadonlyField,\n  rows,\n  type,\n  value = '',\n  variant,\n  ...props\n}: Props) {\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const ariaLabelForReadonly = isLoading ? getLoadingAriaLabel() : ariaLabel;\n\n  // get classes for text align\n  const interpolations = [...Object.values(textInterpolations)];\n  const styleInterpolations = mergeInterpolations<Props>(interpolations);\n  const { class: styleInterpolationClasses } = styleInterpolations(props);\n\n  const readonlyDivClasses = classNames([\n    as !== 'textarea' && 'oj-c-hide-scrollbar', // TODO: Temp workaround for using --webkit-scrollbar to hide the scrollbar\n    readOnlyTextFieldStyles.base,\n    as === 'textarea' && readOnlyTextFieldStyles.textareaBase,\n    isFormLayout && !isReadonlyForm && readOnlyTextFieldStyles.inEnabledFormBase,\n    variant === 'textarea' &&\n      isFormLayout &&\n      !isReadonlyForm &&\n      readOnlyTextFieldStyles.textareaInEnabledFormBase,\n    isFormLayout &&\n      !isReadonlyForm &&\n      (hasInsideLabel\n        ? readOnlyTextFieldStyles.inEnabledFormLabelInside\n        : readOnlyTextFieldStyles.inEnabledFormNoLabelInside),\n    variant === 'textarea' &&\n      isFormLayout &&\n      !isReadonlyForm &&\n      hasInsideLabel &&\n      readOnlyTextFieldStyles.textareaInEnabledFormLabelInside,\n    variant !== 'textarea' && // not for textarea\n      isFormLayout &&\n      !isReadonlyForm &&\n      readOnlyTextFieldStyles.inEnabledFormNoStartContent,\n    styleInterpolationClasses\n  ]);\n\n  // JET-52914 - Implement Tabbable mode API contract in InputText\n  // spread tabbableModeProps on component\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\n\n  if (as === 'input') {\n    return (\n      <input\n        aria-describedby={ariaDescribedBy}\n        aria-label={ariaLabelForReadonly}\n        aria-labelledby={ariaLabelledBy}\n        autofocus={autoFocus}\n        class={readonlyDivClasses}\n        readonly={true}\n        // @ts-ignore\n        ref={elementRef}\n        type={type}\n        value={value}\n        {...(!isTabbable && tabbableModeProps)}\n      />\n    );\n  }\n  if (as === 'textarea') {\n    return (\n      <textarea\n        aria-describedby={ariaDescribedBy}\n        aria-label={ariaLabelForReadonly}\n        aria-labelledby={ariaLabelledBy}\n        autofocus={autoFocus}\n        class={readonlyDivClasses}\n        readonly={true}\n        // @ts-ignore\n        ref={elementRef}\n        rows={rows}\n        {...(!isTabbable && tabbableModeProps)}>\n        {value}\n      </textarea>\n    );\n  }\n  return (\n    <div\n      aria-describedby={ariaDescribedBy}\n      aria-label={ariaLabelForReadonly}\n      aria-labelledby={ariaLabelledBy}\n      aria-readonly={true}\n      autofocus={autoFocus}\n      class={readonlyDivClasses}\n      // @ts-ignore\n      ref={elementRef}\n      role=\"textbox\"\n      {...tabbableModeProps}>\n      {value}\n    </div>\n  );\n}\n"],"names":["borderToTextAreaContentMargin","readOnlyTextFieldStyles","ReadonlyTextFieldInput","_a","ariaDescribedBy","ariaLabel","ariaLabelledBy","autoFocus","as","elementRef","hasInsideLabel","inlineUserAssistance","innerReadonlyField","rows","type","value","variant","props","__rest","isLoading","useFormFieldContext","ariaLabelForReadonly","getLoadingAriaLabel","styleInterpolations","mergeInterpolations","interpolations","base","textareaBase","isFormLayout","isReadonlyForm","inEnabledFormBase","textareaInEnabledFormBase","inEnabledFormNoLabelInside","textareaInEnabledFormLabelInside","inEnabledFormNoStartContent","_jsx","Object","assign","autofocus","class","readonlyDivClasses","readonly","ref","isTabbable","tabbableModeProps","children","role"],"mappings":"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"}

package/cjs/SelectMenuItem-708a66b4.js

@@ -0,0 +1,65 @@
+/* @oracle/oraclejet-preact: 14.0.0 */
+'use strict';
+
+var jsxRuntime = require('preact/jsx-runtime');
+var hooks = require('preact/hooks');
+require('./index-ed6e3090.js');
+var MenuItem = require('./MenuItem-e771b8f1.js');
+var preact = require('preact');
+var UNSAFE_Icons = require('./index-5304d101.js');
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+const SelectMenuGroupContext = preact.createContext({
+    isMultiple: false
+});
+
+/**
+ * @license
+ * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
+ * Licensed under The Universal Permissive License (UPL), Version 1.0
+ * as shown at https://oss.oracle.com/licenses/upl/
+ * @ignore
+ */
+/**
+ * Utility hook for consuming the MenuContext
+ *
+ * @returns The value of MenuContext provider
+ */
+function useSelectMenuGroupContext() {
+    return hooks.useContext(SelectMenuGroupContext);
+}
+
+function SelectMenuItem({ value, label, isDisabled, endIcon }) {
+    const { isMultiple, value: selectedValue, onCommit } = useSelectMenuGroupContext();
+    const { isSelected, memoizedOnCommit } = hooks.useMemo(() => {
+        if (!isMultiple) {
+            return {
+                isSelected: selectedValue === value,
+                memoizedOnCommit: () => {
+                    onCommit === null || onCommit === void 0 ? void 0 : onCommit({ value, previousValue: selectedValue });
+                }
+            };
+        }
+        return {
+            isSelected: !!(selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.includes(value)),
+            memoizedOnCommit: () => {
+                const proposedValue = isSelected
+                    ? (selectedValue === null || selectedValue === void 0 ? void 0 : selectedValue.filter((val) => val !== value)) || []
+                    : [...(selectedValue || []), value];
+                onCommit === null || onCommit === void 0 ? void 0 : onCommit({ value: proposedValue, previousValue: selectedValue });
+            }
+        };
+    }, [selectedValue, value, onCommit, isMultiple]);
+    return (jsxRuntime.jsx(MenuItem.BaseMenuItem, { role: isMultiple ? 'menuitemcheckbox' : 'menuitemradio', isChecked: isSelected, isDisabled: isDisabled, startIcon: isSelected ? jsxRuntime.jsx(UNSAFE_Icons.SvgIcoCheck, {}) : jsxRuntime.jsx("span", {}), label: label, onAction: memoizedOnCommit, endIcon: endIcon }));
+}
+
+exports.SelectMenuGroupContext = SelectMenuGroupContext;
+exports.SelectMenuItem = SelectMenuItem;
+/*  */
+//# sourceMappingURL=SelectMenuItem-708a66b4.js.map

package/cjs/SelectMenuItem-708a66b4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenuItem-708a66b4.js","sources":["../../src/UNSAFE_Menu/SelectMenuGroupContext.tsx","../../src/UNSAFE_Menu/useSelectMenuGroupContext.tsx","../../src/UNSAFE_Menu/SelectMenuItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { createContext } from 'preact';\n\nimport { MenuValueUpdateDetail } from './menuUtils';\n\ntype SelectSingleMenuGroupContextProps = {\n  isMultiple: false;\n  value?: string;\n  onCommit?: (detail: MenuValueUpdateDetail<string>) => void;\n};\ntype SelectMultipleMenuGroupContextProps = {\n  isMultiple: true;\n  value?: string[];\n  onCommit?: (detail: MenuValueUpdateDetail<string[]>) => void;\n};\n\ntype SelectMenuGroupContextProps =\n  | SelectSingleMenuGroupContextProps\n  | SelectMultipleMenuGroupContextProps;\n\nconst SelectMenuGroupContext = createContext<SelectMenuGroupContextProps>({\n  isMultiple: false\n});\n\nexport { SelectMenuGroupContext, SelectMenuGroupContextProps };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useContext } from 'preact/hooks';\nimport { SelectMenuGroupContext } from './SelectMenuGroupContext';\n\n/**\n * Utility hook for consuming the MenuContext\n *\n * @returns The value of MenuContext provider\n */\nfunction useSelectMenuGroupContext() {\n  return useContext(SelectMenuGroupContext);\n}\n\nexport { useSelectMenuGroupContext };\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren } from 'preact';\nimport { useMemo } from 'preact/hooks';\n\nimport { CheckIcon } from '../UNSAFE_ThemedIcons';\n\nimport { BaseMenuItem } from './MenuItem';\nimport { useSelectMenuGroupContext } from './useSelectMenuGroupContext';\n\ntype SelectMenuItemProps = {\n  value: string;\n  label: string;\n  isDisabled?: boolean;\n  endIcon?: ComponentChildren;\n};\n\nexport function SelectMenuItem({ value, label, isDisabled, endIcon }: SelectMenuItemProps) {\n  const { isMultiple, value: selectedValue, onCommit } = useSelectMenuGroupContext();\n\n  const { isSelected, memoizedOnCommit } = useMemo(() => {\n    if (!isMultiple) {\n      return {\n        isSelected: selectedValue === value,\n        memoizedOnCommit: () => {\n          onCommit?.({ value, previousValue: selectedValue });\n        }\n      };\n    }\n    return {\n      isSelected: !!selectedValue?.includes(value),\n      memoizedOnCommit: () => {\n        const proposedValue = isSelected\n          ? selectedValue?.filter((val) => val !== value) || []\n          : [...(selectedValue || []), value];\n        onCommit?.({ value: proposedValue, previousValue: selectedValue });\n      }\n    };\n  }, [selectedValue, value, onCommit, isMultiple]);\n\n  return (\n    <BaseMenuItem\n      role={isMultiple ? 'menuitemcheckbox' : 'menuitemradio'}\n      isChecked={isSelected}\n      isDisabled={isDisabled}\n      startIcon={isSelected ? <CheckIcon /> : <span></span>}\n      label={label}\n      onAction={memoizedOnCommit}\n      endIcon={endIcon}\n    />\n  );\n}\n"],"names":["createContext","useContext","useMemo","_jsx","BaseMenuItem","CheckIcon"],"mappings":";;;;;;;;;;AAAA;;;;;;AAMG;AAqBG,MAAA,sBAAsB,GAAGA,oBAAa,CAA8B;AACxE,IAAA,UAAU,EAAE,KAAK;AAClB,CAAA;;AC7BD;;;;;;AAMG;AAKH;;;;AAIG;AACH,SAAS,yBAAyB,GAAA;AAChC,IAAA,OAAOC,gBAAU,CAAC,sBAAsB,CAAC,CAAC;AAC5C;;ACKM,SAAU,cAAc,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,UAAU,EAAE,OAAO,EAAuB,EAAA;AACvF,IAAA,MAAM,EAAE,UAAU,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,yBAAyB,EAAE,CAAC;IAEnF,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAGC,aAAO,CAAC,MAAK;QACpD,IAAI,CAAC,UAAU,EAAE;YACf,OAAO;gBACL,UAAU,EAAE,aAAa,KAAK,KAAK;gBACnC,gBAAgB,EAAE,MAAK;AACrB,oBAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,CAAG,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,CAAC;iBACrD;aACF,CAAC;AACH,SAAA;QACD,OAAO;AACL,YAAA,UAAU,EAAE,CAAC,EAAC,aAAa,KAAb,IAAA,IAAA,aAAa,KAAb,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,aAAa,CAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;YAC5C,gBAAgB,EAAE,MAAK;gBACrB,MAAM,aAAa,GAAG,UAAU;sBAC5B,CAAA,aAAa,KAAA,IAAA,IAAb,aAAa,KAAb,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,aAAa,CAAE,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,KAAK,KAAK,CAAC,KAAI,EAAE;sBACnD,CAAC,IAAI,aAAa,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;AACtC,gBAAA,QAAQ,KAAR,IAAA,IAAA,QAAQ,KAAR,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,QAAQ,CAAG,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,CAAC;aACpE;SACF,CAAC;KACH,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,QAAQ,EAAE,UAAU,CAAC,CAAC,CAAC;IAEjD,QACEC,eAACC,qBAAY,EAAA,EACX,IAAI,EAAE,UAAU,GAAG,kBAAkB,GAAG,eAAe,EACvD,SAAS,EAAE,UAAU,EACrB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,UAAU,GAAGD,cAAC,CAAAE,wBAAS,KAAG,GAAGF,cAAA,CAAA,MAAA,EAAA,EAAA,CAAa,EACrD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,OAAO,EAChB,CAAA,EACF;AACJ;;;;;;;;"}