@oracle/oraclejet-preact 14.0.6 → 14.1.0

package/cjs/ReadonlyTextFieldInput-90c37b56.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ReadonlyTextFieldInput-90c37b56.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":";;;;;;;;;;;;;;;AAiDA;AACA;AACA;;AACA,MAAAA,6BAAA,GAAA,SAAA,CAAA;AAEA,MAAAC,uBAAA,GAAA;QAAA,UAAA;gBAAA,QAAA;qBAAA,SAAA;6BAAA,SAAA;4BAAA,QAAA;oCAAA,UAAA;8BAAA,UAAA;;;AAAA,CAAA,CAAA;AA2FA,SAAAC,sBAAA,CAAAC,EAAA,EAAA;EAAuC,IAAA;IAAAC,eAAA;IAAAC,SAAA;IAAAC,cAAA;IAAAC,SAAA;AAAAC,IAAAA,EAAA,GAAA,KAAA;IAAAC,UAAA;AAAAC,IAAAA,cAAA,GAAA,KAAA;IAAAC,oBAAA;IAAAC,kBAAA;IAAAC,IAAA;IAAAC,IAAA;AAAAC,IAAAA,KAAA,GAAA,EAAA;AAAAC,IAAAA,OAAAA;AAAA,GAAA,GAAAb,EAAA;AAAA,MAAAc,KAAA,GAAAC,gBAAA,CAAAf,EAAA,EAAA,CAAA,iBAAA,EAAA,WAAA,EAAA,gBAAA,EAAA,WAAA,EAAA,IAAA,EAAA,YAAA,EAAA,gBAAA,EAAA,sBAAA,EAAA,oBAAA,EAAA,MAAA,EAAA,MAAA,EAAA,OAAA,EAAA,SAAA,CAAA,CAAA,CAAA;;;;;;EAiBrC,MAAA;AAAAgB,IAAAA,SAAAA;AAAA,GAAA,GAAAC,oDAAA,EAAA,CAAA;EACA,MAAAC,oBAAA,GAAAF,SAAA,GAAAG,oCAAA,EAAA,GAAAjB,SAAA,CAlBF;;;AAsBE,EAAA,MAAAkB,mBAAA,GAAAC,oDAAA,CAAAC,cAAA,CAAA,CAAA;;;;gGAKExB,uBAAA,CAAAyB,MACAlB,EAAA,KAAA,UAAA,IAAAP,uBAAA,CAAA0B,cACAC,YAAA,IAAA,CAAAC,cAAA,IAAA5B,uBAAA,CAAA6B,mBACAd,OAAA,KAAA,UAAA,gBAAA,IAEE,CAAAa,cAFF,IAGE5B,uBAAA,CAAA8B,2CAEA,CAAAF,mBACAnB,cAAA,mDAAA,GAEET,uBAAA,CAAA+B,6BACJhB,OAAA,KAAA,UAAA,gBAAA,IAEE,CAAAa,cAFF,kBAAA,IAIE5B,uBAAA,CAAAgC;kBAGA,CAAAJ,kBACA5B,uBAAA,CAAAiC,yDA/CN;;;;;;;;;AAwDI,IAAA,OAAAC,cAAA,CAAA,OAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAA,MAAA,kBAAA,EAAAjC,eAAA;AAAA,MAAA,YAAA,EAAAiB,oBAAA;AAAA,MAAA,iBAAA,EAAAf,cAAA;AAAAgC,MAAAA,SAAA,EAAA/B,SAAA;AAAAgC,MAAAA,KAAA,EAAAC,kBAAA;AAAAC,MAAAA,QAAA,EAAA,IAAA;;AASIC,MAAAA,GAAA,EAAAjC,UATJ;AASIK,MAAAA,IAAA,EAAAA,IATJ;AASIC,MAAAA,KAAA,EAAAA,KAAAA;AATJ,KAAA,EASI,CAAA4B,UAAA,IAAAC,iBATJ,CAAA,CAAA,CAAA;AAeD,GAAA;;;AAEC,IAAA,OAAAT,cAAA,CAAA,UAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAA,MAAA,kBAAA,EAAAjC,eAAA;AAAA,MAAA,YAAA,EAAAiB,oBAAA;AAAA,MAAA,iBAAA,EAAAf,cAAA;AAAAgC,MAAAA,SAAA,EAAA/B,SAAA;AAAAgC,MAAAA,KAAA,EAAAC,kBAAA;AAAAC,MAAAA,QAAA,EAAA,IAAA;;AASIC,MAAAA,GAAA,EAAAjC,UATJ;AASII,MAAAA,IAAA,EAAAA,IAAAA;AATJ,KAAA,EASI,CAAA8B,UAAA,IAAAC,iBATJ,EASI;AAAAC,MAAAA,QAAA,EAAA9B,KAAAA;AAAA,KATJ,CAAA,CAAA,CAAA;AAeD,GAAA;;AACD,EAAA,OAAAoB,cAAA,CAAA,KAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAA,IAAA,kBAAA,EAAAjC,eAAA;AAAA,IAAA,YAAA,EAAAiB,oBAAA;AAAA,IAAA,iBAAA,EAAAf,cAAA;AAAA,IAAA,eAAA,EAAA,IAAA;AAAAgC,IAAAA,SAAA,EAAA/B,SAAA;AAAAgC,IAAAA,KAAA,EAAAC,kBAAA;;AASIE,IAAAA,GAAA,EAAAjC,UATJ;AASIqC,IAAAA,IAAA,EAAA,SAAA;GATJ,EASIF,iBATJ,EASI;AAAAC,IAAAA,QAAA,EAAA9B,KAAAA;AAAA,GATJ,CAAA,CAAA,CAAA;AAeF;;;;;;;"}

package/cjs/SelectMenuItem-8ce75f85.js

@@ -1,65 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.6 */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var hooks = require('preact/hooks');
-require('./index-7d98bcb4.js');
-var MenuItem = require('./MenuItem-be81d53a.js');
-var preact = require('preact');
-var UNSAFE_Icons = require('./index-49c3372d.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-8ce75f85.js.map

package/cjs/SelectMenuItem-8ce75f85.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectMenuItem-8ce75f85.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;;;;;;;;"}

package/cjs/SelectMultiple-636bcdfc.js

@@ -1,508 +0,0 @@
-/* @oracle/oraclejet-preact: 14.0.6 */
-'use strict';
-
-var jsxRuntime = require('preact/jsx-runtime');
-var preact = require('preact');
-var compat = require('preact/compat');
-var hooks_UNSAFE_useFocusableTextField = require('./hooks/UNSAFE_useFocusableTextField.js');
-var hooks_UNSAFE_useFormContext = require('./hooks/UNSAFE_useFormContext.js');
-var hooks_UNSAFE_useFormFieldContext = require('./hooks/UNSAFE_useFormFieldContext.js');
-var hooks_UNSAFE_useLoadingIndicatorTimer = require('./hooks/UNSAFE_useLoadingIndicatorTimer.js');
-var hooks_UNSAFE_useTextField = require('./hooks/UNSAFE_useTextField.js');
-require('./UNSAFE_Flex.js');
-var UNSAFE_Label = require('./UNSAFE_Label.js');
-var UNSAFE_LiveRegion = require('./UNSAFE_LiveRegion.js');
-var UNSAFE_TextField = require('./UNSAFE_TextField.js');
-var UNSAFE_UserAssistance = require('./UNSAFE_UserAssistance.js');
-var PRIVATE_SelectCommon = require('./PRIVATE_SelectCommon.js');
-var tslib_es6 = require('./tslib.es6-d16792a7.js');
-
-require('./UNSAFE_Chip.js');
-var hooks_UNSAFE_useTranslationBundle = require('./hooks/UNSAFE_useTranslationBundle.js');
-var Chip = require('./Chip-949fdcd8.js');
-var hooks = require('preact/hooks');
-var utils_UNSAFE_mergeProps = require('./utils/UNSAFE_mergeProps.js');
-var ReadonlyTextFieldInput = require('./ReadonlyTextFieldInput-90c37b56.js');
-var TextFieldInput = require('./TextFieldInput-fb294714.js');
-var Flex = require('./Flex-3e823e4a.js');
-
-const rootStyles = "_7v2gr3"; // This component renders a badge showing the number of selected values
-
-function SelectedValuesCount(_a) {
-  var {
-    accessibleLabel,
-    count = 0,
-    onKeyDown,
-    onKeyUp,
-    onMouseDown
-  } = _a,
-      passThroughProps = tslib_es6.__rest(_a, ["accessibleLabel", "count", "onKeyDown", "onKeyUp", "onMouseDown"]);
-
-  const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-  const instructions = translations.selectMultiple_showSelectedValues();
-  const accLabel = accessibleLabel ? `${accessibleLabel}. ` : '';
-  const ninetyNinePlus = translations.selectMultiple_countPlus({
-    COUNT: `99`
-  }); // The Chip shows the number of values selected or 99+ if the number is over 99.
-
-  const chipCount = count > 99 ? `${ninetyNinePlus}` : `${count}`; // The screenreader will hear what the number of selected values is along with instructions
-  // like Click to see the full list.
-
-  const valuesSelectedText = translations.selectMultiple_valuesSelected({
-    VALUE_COUNT: `${count}`
-  });
-  const label = `${accLabel}${valuesSelectedText} ${instructions}`;
-  return jsxRuntime.jsx("div", Object.assign({
-    class: rootStyles,
-    onKeyDown: onKeyDown,
-    onKeyUp: onKeyUp,
-    onMouseDown: onMouseDown
-  }, {
-    children: jsxRuntime.jsx(Chip.Chip, Object.assign({
-      accessibleLabel: label
-    }, passThroughProps, {
-      children: chipCount
-    }))
-  }));
-}
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-function useDisplayValues(itemText, valueItems) {
-    const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    const separator = translations.plural_separator();
-    // create the text displayed in the field from the selected values
-    const concatenatedDisplayValues = hooks.useMemo(() => {
-        if (valueItems === undefined) {
-            return '';
-        }
-        const displayValues = _createDisplayValues(itemText, valueItems);
-        const concatDisplayValues = _concatDisplayValues(displayValues, separator);
-        return concatDisplayValues;
-    }, [valueItems, itemText]);
-    return concatenatedDisplayValues;
-}
-function _concatDisplayValues(displayValues, separator) {
-    return Array.from(displayValues.values()).join(separator);
-}
-function _createDisplayValues(itemText, selectedItems) {
-    const arValues = selectedItems ? [...selectedItems === null || selectedItems === void 0 ? void 0 : selectedItems.values()] : [];
-    const mapFunc = (itemContext) => PRIVATE_SelectCommon.renderItemText(itemContext, itemText);
-    const mappedArray = arValues.map(mapFunc);
-    return new Set(mappedArray);
-}
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-/**
- * Get the data to show in the dropdown for the selected-only view.
- * @param isDropdownSelectedOnlyView Whether the component is showing only selected
- * values in the dropdown: true if so, false if not.
- * @param valueItems The keys, data, and optional metadata for the selected values.
- * @returns An object with data and onLoadRange properties that can be passed on to the
- * list in the dropdown.
- */
-function useSelectedOnlyData({ isDropdownSelectedOnlyView, valueItems }) {
-    // Need to specify type of useMemo here so the return statement below doesn't show a type error
-    // related to the sizePrecision prop on DataState:
-    //   Type 'string' is not assignable to type '"exact" | "atLeast"'.
-    // Note that useMemo here only depends on isDropdownSelectedOnlyView because we only want to
-    // recalculate when that value changes.  While the selected only view is shown, we want the
-    // data set to remain static with the set of valueItems as of the time the view was changed to
-    // only show selected items so that the user can deselect and reselect items.
-    // If useMemo depended on the valueItems too, then the data set would change as the user
-    // deselected items, which means those items would disappear from the dropdown and the user
-    // could not reselect them.
-    const selectedOnlyViewDataState = hooks.useMemo(() => {
-        var _a;
-        return !isDropdownSelectedOnlyView || !valueItems || valueItems.length === 0
-            ? undefined
-            : {
-                offset: 0,
-                totalSize: (_a = valueItems === null || valueItems === void 0 ? void 0 : valueItems.length) !== null && _a !== void 0 ? _a : 0,
-                sizePrecision: 'exact',
-                data: valueItems.map((valueItem) => {
-                    var _a;
-                    return { data: valueItem.data, metadata: (_a = valueItem.metadata) !== null && _a !== void 0 ? _a : { key: valueItem.key } };
-                })
-            };
-    }, [isDropdownSelectedOnlyView]);
-    return {
-        data: selectedOnlyViewDataState,
-        onLoadRange: undefined
-    };
-}
-
-/**
- * @license
- * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.
- * The Universal Permissive License (UPL), Version 1.0
- * as shown at https://oss.oracle.com/licenses/upl/
- * @ignore
- */
-/**
- * Hook that manages SelectMultiple state and behavior.  This hook creates state variables and
- * event listeners, returning properties to apply to components internally rendered by
- * SelectMultiple, as well as state information.
- *
- * @param data Specifies data for the dropdown list.
- * @param inputRef Ref to the input element.
- * @param isDisabled Specifies whether the component is disabled.
- * @param isFocused Specifies whether the component has focus.
- * @param isReadonly Specifies whether the component is readonly.
- * @param onCommit Callback invoked when the selected values are committed.
- * @param onFilter Callback function to trigger loading data for the dropdown list,
- * which may or may not be filtered by user entered text.
- * @param onLoadRange Callback function to handle when the viewport of the dropdown list has
- * changed, including the case where the user scrolls to the end of the list and there are more
- * items to load.  The function should set a new DataState on the component for the specified
- * range.
- * @param valueItems Specifies the keys, data, and optional metadata for the selected values.
- *
- * @returns Properties to apply to internal components that SelectMultiple renders, and component
- * state.
- */
-function useSelectMultiple({ data: propData, inputRef, isDisabled, isFocused: propIsFocused, isReadonly, onCommit, onFilter, onLoadRange: propOnLoadRange, valueItems }) {
-    const [isDropdownSelectedOnlyView, setDropdownSelectedOnlyView] = hooks.useState(false);
-    const selectedValuesCount = valueItems === null || valueItems === void 0 ? void 0 : valueItems.length;
-    const hasSelectedValuesCount = (selectedValuesCount !== undefined && selectedValuesCount > 0) || isDropdownSelectedOnlyView;
-    // show only the selected values in the dropdown if isDropdownSelectedOnlyView is true,
-    // otherwise show the full data set
-    // TODO: We may need to revisit this for hierarchical data because the selected valueItems
-    // won't have any information about ancestor group nodes, and we should probably show selected
-    // items in context within the hierarchy.  Also, the order of the items in the selected-only
-    // view right now follows the order in which they were selected, not the order in which they
-    // would appear in the full data set.  This may be more of a problem for hierarchical data
-    // if items have to appear within the correct group ancestors.  We may need to move
-    // construction of the selected-only DataState out of the component to the consuming code,
-    // and take a callback that we can call as a notification that the app should provide this
-    // special DataState to us (kind of like onLoadRange).  Note that we may also need an
-    // enhancement on the DataProvider API to be able to specify a filterCriterion to filter by
-    // the selected keys through a fetchFirst call, because a regular fetchByKeys call would
-    // still return results in the order in which the keys were specified and would not return
-    // data for the ancestor group nodes.
-    const selectedOnlyDataProps = useSelectedOnlyData({
-        isDropdownSelectedOnlyView,
-        valueItems
-    });
-    const data = isDropdownSelectedOnlyView ? selectedOnlyDataProps.data : propData;
-    const onLoadRange = isDropdownSelectedOnlyView
-        ? selectedOnlyDataProps.onLoadRange
-        : propOnLoadRange;
-    const { currentRow, dropdownRef, handleDropdownArrowClick, handleDropdownAutoDismiss: baseHandleDropdownAutoDismiss, handleInput, handleMainFieldKeyDown: baseHandleMainFieldKeyDown, handleMainFieldKeyUp, handleUpDownArrowKeys, isDropdownOpen, isFocused, isUserFiltering, mainFieldRef, onCurrentKeyChange, onMouseDown, searchText, selectedKeys, setCurrentRow, setDropdownOpen, setSelectedKeys, userInput } = PRIVATE_SelectCommon.useSelectCommon({
-        data,
-        inputRef,
-        isFocused: propIsFocused,
-        onFilter
-    });
-    const removeDropdown = hooks.useCallback(() => {
-        var _a, _b;
-        (_b = (_a = dropdownRef.current) === null || _a === void 0 ? void 0 : _a.parentElement) === null || _b === void 0 ? void 0 : _b.removeChild(dropdownRef.current);
-    }, []);
-    const myHandleDropdownAutoDismiss = hooks.useCallback((event) => {
-        var _a, _b;
-        if (isDropdownOpen) {
-            if ((event === null || event === void 0 ? void 0 : event.type) === 'keydown') {
-                const keyboardEvent = event;
-                switch (keyboardEvent.code) {
-                    case PRIVATE_SelectCommon.KEYS.TAB:
-                        // Put focus on an element in the main field, but don't kill the event, so that
-                        // the browser can naturally transfer focus to the next focusable item relative
-                        // to the element in the main field.
-                        if (keyboardEvent.shiftKey || !hasSelectedValuesCount) {
-                            (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-                        }
-                        else {
-                            (_b = chipRef.current) === null || _b === void 0 ? void 0 : _b.focus();
-                        }
-                        // Remove the dropdown immediately, without waiting for a rerender based on changing
-                        // state, so that the open dropdown cannot get focus when the browser handles the
-                        // Tab key.
-                        removeDropdown();
-                        break;
-                    default:
-                        break;
-                }
-            }
-        }
-    }, [hasSelectedValuesCount, isDropdownOpen]);
-    const myHandleMainFieldKeyDown = hooks.useCallback((event) => {
-        // const target = event.target as HTMLElement;
-        // ignore control key and function key
-        if (PRIVATE_SelectCommon.isControlOrFunctionKey(event)) {
-            return;
-        }
-        switch (event.code) {
-            case PRIVATE_SelectCommon.KEYS.TAB:
-                if (isDropdownOpen && (event.shiftKey || (!hasSelectedValuesCount && !event.shiftKey))) {
-                    // Remove the dropdown immediately, without waiting for a rerender based on changing
-                    // state, so that the open dropdown cannot get focus when the browser handles the
-                    // Tab key.
-                    removeDropdown();
-                    setDropdownOpen(false);
-                }
-                // JET-53183 - core pack compat: stop propagation of handled events
-                // we don't want a parent collection component to jump focus to the next cell and skip
-                // over the selected values count chip
-                if (hasSelectedValuesCount && !event.shiftKey) {
-                    event.stopPropagation();
-                }
-                break;
-            default:
-                break;
-        }
-    }, [hasSelectedValuesCount, isDropdownOpen]);
-    // when the array of valueItems changes, pull out the new set of selectedKeys
-    hooks.useEffect(() => {
-        const keys = valueItems === null || valueItems === void 0 ? void 0 : valueItems.reduce((accumKeys, currentItem) => {
-            accumKeys.add(currentItem.key);
-            return accumKeys;
-        }, new Set());
-        setSelectedKeys(keys);
-    }, [valueItems]);
-    const chipRef = hooks.useRef(null);
-    hooks.useEffect(() => {
-        chipRef.current =
-            hasSelectedValuesCount && mainFieldRef.current
-                ? mainFieldRef.current.querySelector('[role="switch"]')
-                : null;
-    }, [hasSelectedValuesCount, isDisabled, isReadonly]);
-    const handleSelectedValuesCountKeyDown = hooks.useCallback((event) => {
-        switch (event.code) {
-            case PRIVATE_SelectCommon.KEYS.TAB:
-                if (isDropdownOpen && !event.shiftKey) {
-                    // Remove the dropdown immediately, without waiting for a rerender based on changing
-                    // state, so that the open dropdown cannot get focus when the browser handles the
-                    // Tab key.
-                    removeDropdown();
-                    setDropdownOpen(false);
-                }
-                // JET-53183 - core pack compat: stop propagation of handled events
-                // we don't want a parent collection component to jump focus to the next cell and skip
-                // over the input
-                if (event.shiftKey) {
-                    event.stopPropagation();
-                }
-                break;
-            case PRIVATE_SelectCommon.KEYS.UP:
-            case PRIVATE_SelectCommon.KEYS.DOWN:
-                // prevent the page from scrolling
-                event.preventDefault();
-                break;
-            case PRIVATE_SelectCommon.KEYS.ESC:
-                if (isDropdownOpen) {
-                    setDropdownOpen(false);
-                    event.preventDefault();
-                    // JET-53183 - core pack compat: stop propagation of handled events
-                    // we don't want a parent collection component to stop editing the row when we close
-                    // the dropdown
-                    event.stopPropagation();
-                }
-                break;
-            case PRIVATE_SelectCommon.KEYS.ENTER:
-                // JET-53183 - core pack compat: stop propagation of handled events
-                // we don't want a parent collection component to move focus to the next row when
-                // we toggle between the full and selected only list in the dropdown
-                event.stopPropagation();
-                break;
-            default:
-                break;
-        }
-    }, [isDropdownOpen]);
-    const handleSelectedValuesCountKeyUp = hooks.useCallback((event) => {
-        switch (event.code) {
-            case PRIVATE_SelectCommon.KEYS.UP:
-            case PRIVATE_SelectCommon.KEYS.DOWN:
-                handleUpDownArrowKeys(event);
-                break;
-            default:
-                break;
-        }
-    }, [handleUpDownArrowKeys]);
-    const handleSelectedValuesCountMouseDown = hooks.useCallback((event) => {
-        var _a;
-        // call preventDefault so that the dropdown doesn't open showing the full list on mousedown
-        // on the chip before switching to show only the selected values on mouseup when the click
-        // is handled
-        event.preventDefault();
-        // explicitly focus the input because it won't happen naturally due to preventDefault()
-        (_a = inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
-    }, []);
-    const handleSelectedValuesCountToggle = hooks.useCallback((detail) => {
-        var _a;
-        if (!isDropdownOpen) {
-            setDropdownOpen(true);
-        }
-        const value = (_a = detail.value) !== null && _a !== void 0 ? _a : false;
-        if (value !== isDropdownSelectedOnlyView) {
-            setDropdownSelectedOnlyView(value);
-        }
-    }, [isDropdownOpen, isDropdownSelectedOnlyView]);
-    // when the dropdown closes, automatically turn off isDropdownSelectedOnlyView
-    hooks.useEffect(() => {
-        if (!isDropdownOpen && isDropdownSelectedOnlyView) {
-            setDropdownSelectedOnlyView(false);
-        }
-    }, [isDropdownOpen, isDropdownSelectedOnlyView]);
-    const onSelectionChange = hooks.useCallback((detail) => {
-        var _a;
-        const newKeys = new Set((_a = detail.value.keys) === null || _a === void 0 ? void 0 : _a.values());
-        // update the selectedKeys so that the selection visual state of the collection
-        // updates immediately while waiting for new valueItems to be set
-        setSelectedKeys(newKeys);
-        // call the onCommit callback so that the consuming code can update the valueItems
-        onCommit === null || onCommit === void 0 ? void 0 : onCommit({ value: newKeys, previousValue: selectedKeys });
-    }, [onCommit, selectedKeys]);
-    const dropdownEventHandlers = hooks.useMemo(() => {
-        return utils_UNSAFE_mergeProps.mergeProps({ onAutoDismiss: baseHandleDropdownAutoDismiss }, { onAutoDismiss: myHandleDropdownAutoDismiss });
-    }, [baseHandleDropdownAutoDismiss, myHandleDropdownAutoDismiss]);
-    const inputEventHandlers = hooks.useMemo(() => {
-        return utils_UNSAFE_mergeProps.mergeProps({
-            onInput: handleInput,
-            onKeyDown: baseHandleMainFieldKeyDown,
-            onKeyUp: handleMainFieldKeyUp
-        }, { onKeyDown: myHandleMainFieldKeyDown });
-    }, [baseHandleMainFieldKeyDown, handleInput, handleMainFieldKeyUp, myHandleMainFieldKeyDown]);
-    hooks.useEffect(() => {
-        // clear the current item when the dropdown opens
-        if (isDropdownOpen) {
-            setCurrentRow({ rowKey: undefined });
-        }
-    }, [isDropdownOpen]);
-    return {
-        collectionProps: {
-            currentKey: currentRow.rowKey,
-            onCurrentKeyChange,
-            onSelectionChange,
-            selectedKeys
-        },
-        data,
-        dropdownArrowEventHandlers: {
-            onClick: handleDropdownArrowClick
-        },
-        dropdownEventHandlers,
-        dropdownRef,
-        hasSelectedValuesCount,
-        inputEventHandlers,
-        inputRef,
-        isDropdownOpen,
-        isDropdownSelectedOnlyView,
-        isFocused,
-        isUserFiltering,
-        mainFieldRef,
-        mouseProps: isDisabled || isReadonly ? {} : { onMouseDown },
-        onLoadRange,
-        searchText,
-        selectedValuesCountProps: {
-            onKeyDown: handleSelectedValuesCountKeyDown,
-            onKeyUp: handleSelectedValuesCountKeyUp,
-            onMouseDown: handleSelectedValuesCountMouseDown,
-            onToggle: handleSelectedValuesCountToggle
-        },
-        userInput
-    };
-}
-
-/**
- * A SelectMultiple is a dropdown list that supports multiple selection and search filtering.
- */
-const SelectMultiple = compat.forwardRef(({ ariaDescribedBy, assistiveText, data: propData, helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isLoading: propIsLoading, isReadonly: propIsReadonly, isRequired, isRequiredShown, itemText, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, messages, onCommit, onFilter, onLoadRange: propOnLoadRange, placeholder, textAlign: propTextAlign, userAssistanceDensity: propUserAssistanceDensity, valueItems, variant = 'default', virtualKeyboard }, ref) => {
-    const { isDisabled: isFormDisabled, isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, textAlign: formTextAlign, userAssistanceDensity: formUserAssistanceDensity } = hooks_UNSAFE_useFormContext.useFormContext();
-    // default to FormContext values if component properties are not specified
-    const isDisabled = propIsDisabled !== null && propIsDisabled !== void 0 ? propIsDisabled : isFormDisabled;
-    const isReadonly = propIsReadonly !== null && propIsReadonly !== void 0 ? propIsReadonly : isFormReadonly;
-    const labelEdge = propLabelEdge !== null && propLabelEdge !== void 0 ? propLabelEdge : formLabelEdge;
-    const labelStartWidth = propLabelStartWidth !== null && propLabelStartWidth !== void 0 ? propLabelStartWidth : formLabelStartWidth;
-    const textAlign = propTextAlign !== null && propTextAlign !== void 0 ? propTextAlign : formTextAlign;
-    const userAssistanceDensity = propUserAssistanceDensity !== null && propUserAssistanceDensity !== void 0 ? propUserAssistanceDensity : formUserAssistanceDensity;
-    const { enabledElementRef, focusProps, isFocused: origIsFocused, readonlyElementRef } = hooks_UNSAFE_useFocusableTextField.useFocusableTextField({ isDisabled, isReadonly, ref });
-    const { collectionProps, data, dropdownArrowEventHandlers, dropdownEventHandlers, dropdownRef, hasSelectedValuesCount, inputEventHandlers, isDropdownOpen, isDropdownSelectedOnlyView, isFocused, isUserFiltering, mainFieldRef, mouseProps, onLoadRange, searchText, selectedValuesCountProps, userInput } = useSelectMultiple({
-        data: propData,
-        inputRef: enabledElementRef,
-        isDisabled,
-        isFocused: origIsFocused,
-        isReadonly,
-        onCommit,
-        onFilter,
-        onLoadRange: propOnLoadRange,
-        valueItems
-    });
-    // The incoming propIsLoading tells us that we are in a loading state, but we don't want to
-    // show the loading indicator until after a delay, because showing it immediately could result
-    // in unwanted flashing.  The isLoading var below will be set to true by useLoadingIndicatorTimer
-    // after the delay, when the timer expires, at which point we should show the loading indicator.
-    // If propIsLoading is set to false before the timer expires, then the timer will be cancelled
-    // and no loading indicator will be shown.
-    // (ListView detects its loading state by checking data === null.  While it would be nice for
-    // us to be consistent and check valueItems === null, we need to use a separate isLoading prop.
-    // If valueItems === null triggers our loading state, then the selections in the dropdown
-    // are cleared for that period of time, which is undesirable.)
-    const isLoading = hooks_UNSAFE_useLoadingIndicatorTimer.useLoadingIndicatorTimer(propIsLoading !== null && propIsLoading !== void 0 ? propIsLoading : false);
-    const { baseId, formFieldContext, inputProps, labelProps, textFieldProps, userAssistanceProps } = hooks_UNSAFE_useTextField.useTextField({
-        ariaDescribedBy,
-        isDisabled,
-        isFocused,
-        isLoading,
-        isReadonly,
-        labelEdge,
-        messages,
-        styleVariant: variant,
-        value: valueItems !== undefined && valueItems.length > 0 ? true : undefined
-    });
-    const dropdownId = `${baseId}-dropdown`;
-    const displayValue = useDisplayValues(itemText, valueItems);
-    const labelComp = labelEdge !== 'none' ? jsxRuntime.jsx(UNSAFE_Label.Label, Object.assign({}, labelProps, { children: label })) : undefined;
-    const fieldLabelProps = {
-        label: labelEdge !== 'none' ? labelComp : undefined,
-        labelEdge: labelEdge !== 'none' ? labelEdge : undefined,
-        labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined
-    };
-    const ariaLabel = labelEdge === 'none' ? label : undefined;
-    const inlineUserAssistance = isDisabled || isReadonly ? (
-    // save space for user assistance if density is 'efficient', even though we don't
-    // render user assistance for disabled or readonly fields
-    userAssistanceDensity !== 'efficient' ? undefined : (jsxRuntime.jsx(UNSAFE_UserAssistance.InlineUserAssistance, Object.assign({ userAssistanceDensity: userAssistanceDensity }, userAssistanceProps)))) : (jsxRuntime.jsx(UNSAFE_UserAssistance.InlineUserAssistance, Object.assign({ assistiveText: assistiveText, fieldLabel: label, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, messages: messages, isRequiredShown: isRequiredShown, userAssistanceDensity: userAssistanceDensity }, userAssistanceProps)));
-    const translations = hooks_UNSAFE_useTranslationBundle.useTranslationBundle('@oracle/oraclejet-preact');
-    if (isReadonly) {
-        return (jsxRuntime.jsx(hooks_UNSAFE_useFormFieldContext.FormFieldContext.Provider, Object.assign({ value: formFieldContext }, { children: jsxRuntime.jsx(UNSAFE_TextField.ReadonlyTextField, Object.assign({ role: "presentation", inlineUserAssistance: inlineUserAssistance, onBlur: focusProps.onfocusout, onFocus: focusProps.onfocusin }, fieldLabelProps, { children: jsxRuntime.jsx(ReadonlyTextFieldInput.ReadonlyTextFieldInput, { ariaDescribedBy: ariaDescribedBy, ariaLabel: ariaLabel, ariaLabelledBy: labelProps.id, as: "div", elementRef: readonlyElementRef, hasInsideLabel: label !== undefined && labelEdge === 'inside', textAlign: textAlign, value: displayValue }) })) })));
-    }
-    const isDataFetched = data !== undefined && data !== null && !PRIVATE_SelectCommon.isBeforeDataFetch(data);
-    const hasInsideLabel = labelComp !== undefined && labelEdge === 'inside';
-    const liveRegionText = isDropdownOpen && isDataFetched
-        ? (data === null || data === void 0 ? void 0 : data.totalSize) === 0
-            ? translations.select_noMatchesFound()
-            : (data === null || data === void 0 ? void 0 : data.totalSize) === 1
-                ? translations.select_oneMatchFound()
-                : (data === null || data === void 0 ? void 0 : data.sizePrecision) === 'exact'
-                    ? translations.select_sizeMatchesFound({ TOTAL_SIZE: `${data === null || data === void 0 ? void 0 : data.totalSize}` })
-                    : translations.select_sizeOrMoreMatchesFound({ TOTAL_SIZE: `${data === null || data === void 0 ? void 0 : data.totalSize}` })
-        : '';
-    const mainContent = (jsxRuntime.jsxs(preact.Fragment, { children: [jsxRuntime.jsx(TextFieldInput.TextFieldInput, Object.assign({ ariaAutoComplete: "list", ariaControls: dropdownId, ariaExpanded: isDropdownOpen, ariaLabel: ariaLabel, autoComplete: "off", hasInsideLabel: hasInsideLabel, inputRef: enabledElementRef, isRequired: isRequired }, inputEventHandlers, { placeholder: placeholder, role: "combobox", spellcheck: false, textAlign: textAlign, type: PRIVATE_SelectCommon.isMobile() ? (virtualKeyboard === 'auto' ? 'search' : virtualKeyboard) : undefined, value: isUserFiltering ? userInput : displayValue }, inputProps)), jsxRuntime.jsx(UNSAFE_LiveRegion.LiveRegion, { children: liveRegionText })] }));
-    const dropdownArrow = (jsxRuntime.jsx(PRIVATE_SelectCommon.DropdownArrow, Object.assign({ isDisabled: isDisabled, size: hasInsideLabel ? 'md' : 'sm' }, dropdownArrowEventHandlers)));
-    const selectedValuesCount = valueItems === null || valueItems === void 0 ? void 0 : valueItems.length;
-    const endContent = isLoading ? undefined : !hasSelectedValuesCount ? (dropdownArrow) : (jsxRuntime.jsxs(Flex.Flex, Object.assign({ align: "center", justify: "center", gap: [0, '1x'] }, { children: [jsxRuntime.jsx(SelectedValuesCount, Object.assign({ accessibleLabel: label, count: selectedValuesCount, isDisabled: isDisabled, isSelected: isDropdownSelectedOnlyView }, selectedValuesCountProps)), dropdownArrow] })));
-    const dropdownInlineUserAssistance = isDropdownOpen &&
-        !isDisabled &&
-        !isReadonly &&
-        (assistiveText || helpSourceLink) &&
-        (userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow') ? (jsxRuntime.jsx(PRIVATE_SelectCommon.DropdownUserAssistance, { assistiveText: assistiveText, fieldLabel: label, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, userAssistanceDensity: userAssistanceDensity })) : undefined;
-    const isEmptyResults = isDataFetched && (data === null || data === void 0 ? void 0 : data.totalSize) === 0;
-    const dropdownListContent = isEmptyResults ? (jsxRuntime.jsx(PRIVATE_SelectCommon.EmptyResults, {})) : (jsxRuntime.jsx(PRIVATE_SelectCommon.DefaultList, Object.assign({}, collectionProps, { accessibleSummary: label !== null && label !== void 0 ? label : '', data: data, itemText: itemText, onLoadRange: onLoadRange, searchText: isDropdownSelectedOnlyView ? undefined : isUserFiltering ? searchText : undefined, selectionMode: "multiple" })));
-    return (jsxRuntime.jsxs(preact.Fragment, { children: [jsxRuntime.jsx(hooks_UNSAFE_useFormFieldContext.FormFieldContext.Provider, Object.assign({ value: formFieldContext }, { children: jsxRuntime.jsx(UNSAFE_TextField.TextField, Object.assign({ endContent: endContent, inlineUserAssistance: inlineUserAssistance, mainContent: mainContent, mainFieldRef: mainFieldRef, onBlur: focusProps === null || focusProps === void 0 ? void 0 : focusProps.onfocusout, onFocus: focusProps === null || focusProps === void 0 ? void 0 : focusProps.onfocusin }, textFieldProps, fieldLabelProps, mouseProps)) })), jsxRuntime.jsxs(PRIVATE_SelectCommon.Dropdown, Object.assign({ dropdownRef: dropdownRef, id: dropdownId, isOpen: isDropdownOpen &&
-                    data !== undefined &&
-                    (data === null || data.totalSize > 0 || PRIVATE_SelectCommon.isBeforeDataFetch(data) || isEmptyResults), anchorRef: mainFieldRef }, dropdownEventHandlers, { children: [jsxRuntime.jsx(PRIVATE_SelectCommon.DropdownList, Object.assign({ hasBottomGap: dropdownInlineUserAssistance === undefined, isLoading: data === null }, { children: dropdownListContent })), dropdownInlineUserAssistance] }))] }));
-});
-
-exports.SelectMultiple = SelectMultiple;
-/*  */
-//# sourceMappingURL=SelectMultiple-636bcdfc.js.map