@oracle/oraclejet-preact 15.0.1 → 15.0.3

package/es/PRIVATE_VirtualizedCollection.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 15.0.1 */
-export { P as PLACEHOLDER_STYLE_CLASS, V as VirtualizedCollection, g as getVirtualizedRangeExtractor } from './VirtualizedCollection-0825960f.js';
+/* @oracle/oraclejet-preact: 15.0.3 */
+export { P as PLACEHOLDER_STYLE_CLASS, V as VirtualizedCollection, g as getVirtualizedRangeExtractor } from './VirtualizedCollection-b651a9e1.js';
 import 'preact/jsx-runtime';
 import 'preact/hooks';
 import './PRIVATE_Collection.js';
-import './Collection-1631f8cb.js';
+import './Collection-b78f39db.js';
 import 'preact';
 import './utils/UNSAFE_arrayUtils.js';
 import './hooks/UNSAFE_useViewportIntersect.js';

package/es/ProgressBarVariants.styles.css

@@ -1,3 +1,3 @@
-.ProgressBarVariants_multiVariantStyles_edge_none__5ab1t31 {
+.ProgressBarVariants_multiVariantStyles_edge_none__1nfhaj91 {
   border-radius: var(--borderRadius__irxz4j1);
 }

package/es/ProgressBarVariants.styles2.css

@@ -1,3 +1,3 @@
-.ProgressBarVariants_multiVariantStyles_edge_none__1nfhaj91 {
+.ProgressBarVariants_multiVariantStyles_edge_none__5ab1t31 {
   border-radius: var(--borderRadius__irxz4j1);
 }

package/es/ProgressCircleVariants.styles.css

@@ -1,12 +1,12 @@
-.ProgressCircleVariants_multiVariantStyles_size_sm__18za6ef0 {
+.ProgressCircleVariants_multiVariantStyles_size_sm__8ngr9h0 {
   --size__lborgv0: var(--sizes-sm-size__lborgv2);
   --trackWidth__lborgv1: var(--sizes-sm-trackWidth__lborgv3);
 }
-.ProgressCircleVariants_multiVariantStyles_size_md__18za6ef1 {
+.ProgressCircleVariants_multiVariantStyles_size_md__8ngr9h1 {
   --size__lborgv0: var(--sizes-md-size__lborgv4);
   --trackWidth__lborgv1: var(--sizes-md-trackWidth__lborgv5);
 }
-.ProgressCircleVariants_multiVariantStyles_size_lg__18za6ef2 {
+.ProgressCircleVariants_multiVariantStyles_size_lg__8ngr9h2 {
   --size__lborgv0: var(--sizes-lg-size__lborgv6);
   --trackWidth__lborgv1: var(--sizes-lg-trackWidth__lborgv7);
 }

package/es/ProgressCircleVariants.styles2.css

@@ -1,12 +1,12 @@
-.ProgressCircleVariants_multiVariantStyles_size_sm__8ngr9h0 {
+.ProgressCircleVariants_multiVariantStyles_size_sm__18za6ef0 {
   --size__lborgv0: var(--sizes-sm-size__lborgv2);
   --trackWidth__lborgv1: var(--sizes-sm-trackWidth__lborgv3);
 }
-.ProgressCircleVariants_multiVariantStyles_size_md__8ngr9h1 {
+.ProgressCircleVariants_multiVariantStyles_size_md__18za6ef1 {
   --size__lborgv0: var(--sizes-md-size__lborgv4);
   --trackWidth__lborgv1: var(--sizes-md-trackWidth__lborgv5);
 }
-.ProgressCircleVariants_multiVariantStyles_size_lg__8ngr9h2 {
+.ProgressCircleVariants_multiVariantStyles_size_lg__18za6ef2 {
   --size__lborgv0: var(--sizes-lg-size__lborgv6);
   --trackWidth__lborgv1: var(--sizes-lg-trackWidth__lborgv7);
 }

package/es/RadioGroupContext-52ed9faa.js

@@ -0,0 +1,16 @@
+/* @oracle/oraclejet-preact: 15.0.3 */
+import { createContext } from 'preact';
+import { useContext } from 'preact/hooks';
+
+/**
+ * @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 RadioGroupContext = createContext({});
+const useRadioGroupContext = () => useContext(RadioGroupContext);
+
+export { RadioGroupContext as R, useRadioGroupContext as u };
+//# sourceMappingURL=RadioGroupContext-52ed9faa.js.map

package/es/RadioGroupContext-52ed9faa.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext-52ed9faa.js","sources":["../../src/UNSAFE_RadioGroup/RadioGroupContext.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';\nimport { useContext } from 'preact/hooks';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype RadioGroupContextValue = {\n  name: string;\n  value?: string;\n  onCommit?: (detail: ValueUpdateDetail<string>) => void;\n};\n\nconst RadioGroupContext = createContext<RadioGroupContextValue>({} as RadioGroupContextValue);\nconst useRadioGroupContext = () => useContext(RadioGroupContext);\n\nexport { RadioGroupContext, useRadioGroupContext };\n"],"names":[],"mappings":";;;;AAAA;;;;;;AAMG;AAYH,MAAM,iBAAiB,GAAG,aAAa,CAAyB,EAA4B,EAAE;AACxF,MAAA,oBAAoB,GAAG,MAAM,UAAU,CAAC,iBAAiB;;;;"}

package/es/RadioIconVariants.styles.css

@@ -1,3 +1,3 @@
-.RadioIconVariants_multiVariantStyles_iconSize_4xUnits__s3h4tg8 {
+.RadioIconVariants_multiVariantStyles_iconSize_4xUnits__1b7o90z8 {
   --iconSize__1681zg40: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
 }

package/es/RadioIconVariants.styles2.css

@@ -1,3 +1,3 @@
-.RadioIconVariants_multiVariantStyles_iconSize_4xUnits__1b7o90z8 {
+.RadioIconVariants_multiVariantStyles_iconSize_4xUnits__s3h4tg8 {
   --iconSize__1681zg40: calc(4 * var(--oj-c-EXPERIMENTAL-DO-NOT-USE-size-units, var(--oj-core-spacing-1x)));
 }

package/es/RatingGaugeVariants.styles.css

@@ -1,16 +1,16 @@
-.RatingGaugeVariants_multiVariantStyles_size_sm__lj2jeo0 {
+.RatingGaugeVariants_multiVariantStyles_size_sm__vs4x6x0 {
   --size__1kgzocsc: var(--sizes-sm__1kgzocse);
   --margin__1kgzocsd: 0px 1px;
 }
-.RatingGaugeVariants_multiVariantStyles_size_md__lj2jeo1 {
+.RatingGaugeVariants_multiVariantStyles_size_md__vs4x6x1 {
   --size__1kgzocsc: var(--sizes-md__1kgzocsf);
   --margin__1kgzocsd: 0px 1px;
 }
-.RatingGaugeVariants_multiVariantStyles_size_lg__lj2jeo2 {
+.RatingGaugeVariants_multiVariantStyles_size_lg__vs4x6x2 {
   --size__1kgzocsc: var(--sizes-lg__1kgzocsg);
   --margin__1kgzocsd: 0px 2px;
 }
-.RatingGaugeVariants_multiVariantStyles_color_gold__lj2jeo4 {
+.RatingGaugeVariants_multiVariantStyles_color_gold__vs4x6x4 {
   --colorSelected__1kgzocs0: var(--colors-gold-colorSelected__1kgzocsh);
   --borderColorSelected__1kgzocs1: var(--colors-gold-bordorColorSelected__1kgzocsi);
   --colorSelectedReadonly__1kgzocs8: var(--colors-gold-colorSelectedReadonly__1kgzocsj);
@@ -18,50 +18,50 @@
   --borderColorUnselectedReadonly__1kgzocsb: var(--colors-gold-borderColorUnselectedReadonly__1kgzocsl);
   --borderColorSelectedReadonly__1kgzocs9: var(--colors-gold-borderColorSelectedReadonly__1kgzocsm);
 }
-.RatingGaugeVariants_multiVariantStyles_color_success__lj2jeo5 {
+.RatingGaugeVariants_multiVariantStyles_color_success__vs4x6x5 {
   --colorSelected__1kgzocs0: var(--colors-success-colorSelected__1kgzocsn);
   --borderColorSelected__1kgzocs1: var(--colors-success-bordorColorSelected__1kgzocso);
   --colorSelectedReadonly__1kgzocs8: var(--colors-success-colorSelectedReadonly__1kgzocsp);
 }
-.RatingGaugeVariants_multiVariantStyles_color_warning__lj2jeo6 {
+.RatingGaugeVariants_multiVariantStyles_color_warning__vs4x6x6 {
   --colorSelected__1kgzocs0: var(--colors-warning-colorSelected__1kgzocsq);
   --borderColorSelected__1kgzocs1: var(--colors-warning-bordorColorSelected__1kgzocsr);
   --colorSelectedReadonly__1kgzocs8: var(--colors-warning-colorSelectedReadonly__1kgzocss);
 }
-.RatingGaugeVariants_multiVariantStyles_color_danger__lj2jeo7 {
+.RatingGaugeVariants_multiVariantStyles_color_danger__vs4x6x7 {
   --colorSelected__1kgzocs0: var(--colors-danger-colorSelected__1kgzocst);
   --borderColorSelected__1kgzocs1: var(--colors-danger-bordorColorSelected__1kgzocsu);
   --colorSelectedReadonly__1kgzocs8: var(--colors-danger-colorSelectedReadonly__1kgzocsv);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_0__lj2jeog {
+.RatingGaugeVariants_multiVariantStyles_compound_0__vs4x6xg {
   --colorSelected__1kgzocs0: var(--colorSelectedDisabled__1kgzocs4);
   --borderColorSelected__1kgzocs1: var(--borderColorSelectedDisabled__1kgzocs5);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_1__lj2jeoh {
+.RatingGaugeVariants_multiVariantStyles_compound_1__vs4x6xh {
   --colorSelected__1kgzocs0: var(--colorSelectedReadonly__1kgzocs8);
   --borderColorSelected__1kgzocs1: var(--borderColorSelectedReadonly__1kgzocs9);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_2__lj2jeoi {
+.RatingGaugeVariants_multiVariantStyles_compound_2__vs4x6xi {
   --colorSelected__1kgzocs0: var(--colorUnselectedDisabled__1kgzocs6);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselectedDisabled__1kgzocs7);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_3__lj2jeoj {
+.RatingGaugeVariants_multiVariantStyles_compound_3__vs4x6xj {
   --colorSelected__1kgzocs0: var(--colorUnselectedReadonly__1kgzocsa);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselectedReadonly__1kgzocsb);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_4__lj2jeok {
+.RatingGaugeVariants_multiVariantStyles_compound_4__vs4x6xk {
   --colorSelected__1kgzocs0: var(--colorUnselected__1kgzocs2);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselected__1kgzocs3);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_5__lj2jeol {
+.RatingGaugeVariants_multiVariantStyles_compound_5__vs4x6xl {
   --colorSelected__1kgzocs0: currentColor;
   --borderColorSelected__1kgzocs1: currentColor;
 }
-.RatingGaugeVariants_multiVariantStyles_compound_6__lj2jeom {
+.RatingGaugeVariants_multiVariantStyles_compound_6__vs4x6xm {
   --colorSelected__1kgzocs0: transparent;
   --borderColorSelected__1kgzocs1: currentColor;
 }
-.RatingGaugeVariants_multiVariantStyles_compound_7__lj2jeon {
+.RatingGaugeVariants_multiVariantStyles_compound_7__vs4x6xn {
   --colorSelected__1kgzocs0: transparent;
   --borderColorSelected__1kgzocs1: transparent;
 }

package/es/RatingGaugeVariants.styles2.css

@@ -1,16 +1,16 @@
-.RatingGaugeVariants_multiVariantStyles_size_sm__vs4x6x0 {
+.RatingGaugeVariants_multiVariantStyles_size_sm__lj2jeo0 {
   --size__1kgzocsc: var(--sizes-sm__1kgzocse);
   --margin__1kgzocsd: 0px 1px;
 }
-.RatingGaugeVariants_multiVariantStyles_size_md__vs4x6x1 {
+.RatingGaugeVariants_multiVariantStyles_size_md__lj2jeo1 {
   --size__1kgzocsc: var(--sizes-md__1kgzocsf);
   --margin__1kgzocsd: 0px 1px;
 }
-.RatingGaugeVariants_multiVariantStyles_size_lg__vs4x6x2 {
+.RatingGaugeVariants_multiVariantStyles_size_lg__lj2jeo2 {
   --size__1kgzocsc: var(--sizes-lg__1kgzocsg);
   --margin__1kgzocsd: 0px 2px;
 }
-.RatingGaugeVariants_multiVariantStyles_color_gold__vs4x6x4 {
+.RatingGaugeVariants_multiVariantStyles_color_gold__lj2jeo4 {
   --colorSelected__1kgzocs0: var(--colors-gold-colorSelected__1kgzocsh);
   --borderColorSelected__1kgzocs1: var(--colors-gold-bordorColorSelected__1kgzocsi);
   --colorSelectedReadonly__1kgzocs8: var(--colors-gold-colorSelectedReadonly__1kgzocsj);
@@ -18,50 +18,50 @@
   --borderColorUnselectedReadonly__1kgzocsb: var(--colors-gold-borderColorUnselectedReadonly__1kgzocsl);
   --borderColorSelectedReadonly__1kgzocs9: var(--colors-gold-borderColorSelectedReadonly__1kgzocsm);
 }
-.RatingGaugeVariants_multiVariantStyles_color_success__vs4x6x5 {
+.RatingGaugeVariants_multiVariantStyles_color_success__lj2jeo5 {
   --colorSelected__1kgzocs0: var(--colors-success-colorSelected__1kgzocsn);
   --borderColorSelected__1kgzocs1: var(--colors-success-bordorColorSelected__1kgzocso);
   --colorSelectedReadonly__1kgzocs8: var(--colors-success-colorSelectedReadonly__1kgzocsp);
 }
-.RatingGaugeVariants_multiVariantStyles_color_warning__vs4x6x6 {
+.RatingGaugeVariants_multiVariantStyles_color_warning__lj2jeo6 {
   --colorSelected__1kgzocs0: var(--colors-warning-colorSelected__1kgzocsq);
   --borderColorSelected__1kgzocs1: var(--colors-warning-bordorColorSelected__1kgzocsr);
   --colorSelectedReadonly__1kgzocs8: var(--colors-warning-colorSelectedReadonly__1kgzocss);
 }
-.RatingGaugeVariants_multiVariantStyles_color_danger__vs4x6x7 {
+.RatingGaugeVariants_multiVariantStyles_color_danger__lj2jeo7 {
   --colorSelected__1kgzocs0: var(--colors-danger-colorSelected__1kgzocst);
   --borderColorSelected__1kgzocs1: var(--colors-danger-bordorColorSelected__1kgzocsu);
   --colorSelectedReadonly__1kgzocs8: var(--colors-danger-colorSelectedReadonly__1kgzocsv);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_0__vs4x6xg {
+.RatingGaugeVariants_multiVariantStyles_compound_0__lj2jeog {
   --colorSelected__1kgzocs0: var(--colorSelectedDisabled__1kgzocs4);
   --borderColorSelected__1kgzocs1: var(--borderColorSelectedDisabled__1kgzocs5);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_1__vs4x6xh {
+.RatingGaugeVariants_multiVariantStyles_compound_1__lj2jeoh {
   --colorSelected__1kgzocs0: var(--colorSelectedReadonly__1kgzocs8);
   --borderColorSelected__1kgzocs1: var(--borderColorSelectedReadonly__1kgzocs9);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_2__vs4x6xi {
+.RatingGaugeVariants_multiVariantStyles_compound_2__lj2jeoi {
   --colorSelected__1kgzocs0: var(--colorUnselectedDisabled__1kgzocs6);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselectedDisabled__1kgzocs7);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_3__vs4x6xj {
+.RatingGaugeVariants_multiVariantStyles_compound_3__lj2jeoj {
   --colorSelected__1kgzocs0: var(--colorUnselectedReadonly__1kgzocsa);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselectedReadonly__1kgzocsb);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_4__vs4x6xk {
+.RatingGaugeVariants_multiVariantStyles_compound_4__lj2jeok {
   --colorSelected__1kgzocs0: var(--colorUnselected__1kgzocs2);
   --borderColorSelected__1kgzocs1: var(--borderColorUnselected__1kgzocs3);
 }
-.RatingGaugeVariants_multiVariantStyles_compound_5__vs4x6xl {
+.RatingGaugeVariants_multiVariantStyles_compound_5__lj2jeol {
   --colorSelected__1kgzocs0: currentColor;
   --borderColorSelected__1kgzocs1: currentColor;
 }
-.RatingGaugeVariants_multiVariantStyles_compound_6__vs4x6xm {
+.RatingGaugeVariants_multiVariantStyles_compound_6__lj2jeom {
   --colorSelected__1kgzocs0: transparent;
   --borderColorSelected__1kgzocs1: currentColor;
 }
-.RatingGaugeVariants_multiVariantStyles_compound_7__vs4x6xn {
+.RatingGaugeVariants_multiVariantStyles_compound_7__lj2jeon {
   --colorSelected__1kgzocs0: transparent;
   --borderColorSelected__1kgzocs1: transparent;
 }

package/es/ReadonlyTextFieldInput-3abb8f68.js

@@ -0,0 +1,66 @@
+/* @oracle/oraclejet-preact: 15.0.3 */
+import { jsx } from 'preact/jsx-runtime';
+import { useAccessibleContext } from './hooks/UNSAFE_useAccessibleContext.js';
+import { useFormContext } from './hooks/UNSAFE_useFormContext.js';
+import { useTabbableMode } from './hooks/UNSAFE_useTabbableMode.js';
+import './utils/UNSAFE_classNames.js';
+import { textInterpolations } from './utils/UNSAFE_interpolations/text.js';
+import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
+import { useFormFieldContext } from './hooks/UNSAFE_useFormFieldContext.js';
+import { useComponentTheme } from './hooks/UNSAFE_useComponentTheme.js';
+import { ReadonlyTextFieldInputRedwoodTheme } from './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme.js';
+import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
+import { c as classNames } from './classNames-321555b1.js';
+
+/**
+ * Merge multiple ids into a space-separated list
+ * @param ids The ids to be merged
+ * @returns The space separated string of ids
+ */
+function mergeIDs(...ids) {
+    return ids.filter(Boolean).join(' ') || undefined;
+}
+function ReadonlyTextFieldInput({ 'aria-describedby': ariaDescribedBy, 'aria-label': ariaLabel, 'aria-labelledby': inputLabelledBy, autoFocus, as = 'div', elementRef, hasEmptyLabel, hasInsideLabel = false, inlineUserAssistance, innerReadonlyField, rows, type, value = '', variant, ...props }) {
+    const translations = useTranslationBundle('@oracle/oraclejet-preact');
+    const loadingAriaLabel = translations.formControl_loading();
+    const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();
+    const { isLoading } = useFormFieldContext();
+    const ariaLabelForReadonly = isLoading ? loadingAriaLabel : ariaLabel;
+    // get classes for text align
+    const interpolations = [...Object.values(textInterpolations)];
+    const styleInterpolations = mergeInterpolations(interpolations);
+    const { class: styleInterpolationClasses } = styleInterpolations(props);
+    const { classes: themeClasses } = useComponentTheme(ReadonlyTextFieldInputRedwoodTheme, {
+        textarea: variant === 'textarea' ? 'isTextArea' : 'notTextArea',
+        formLayout: isFormLayout ? 'isFormLayout' : 'notFormLayout',
+        readonlyForm: isReadonlyForm ? 'isReadonlyForm' : 'notReadonlyForm',
+        insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel'
+    });
+    const readonlyDivClasses = classNames([themeClasses, styleInterpolationClasses]);
+    // JET-52914 - Implement Tabbable mode API contract in InputText
+    // spread tabbableModeProps on component
+    const { isTabbable, tabbableModeProps } = useTabbableMode();
+    // JET-52089: add unsafe API for specifying an external label which is added to ariaLabelledBy on the input or div,
+    // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other
+    // kinds of labels, this helps to ensure we don't override a meaningful label.
+    const { UNSAFE_ariaLabelledBy } = useAccessibleContext();
+    const ariaLabelledBy = hasEmptyLabel
+        ? mergeIDs(inputLabelledBy, UNSAFE_ariaLabelledBy)
+        : inputLabelledBy;
+    if (as === 'input') {
+        return (jsx("input", { "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 (jsx("textarea", { "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 (jsx("div", { "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 }));
+}
+
+export { ReadonlyTextFieldInput as R };
+//# sourceMappingURL=ReadonlyTextFieldInput-3abb8f68.js.map

package/es/ReadonlyTextFieldInput-3abb8f68.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReadonlyTextFieldInput-3abb8f68.js","sources":["../../src/UNSAFE_TextField/ReadonlyTextFieldInput.tsx"],"sourcesContent":["import { ComponentChildren, Ref } from 'preact';\nimport { useAccessibleContext } from '../hooks/UNSAFE_useAccessibleContext';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\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 { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport {\n  ReadonlyTextFieldInputVariantOptions,\n  ReadonlyTextFieldInputStyles\n} from './themes/ReadonlyTextFieldInputStyles.css';\nimport { ReadonlyTextFieldInputRedwoodTheme } from './themes/redwood/ReadonlyTextFieldInputTheme';\nimport { BundleType } from '../resources/nls/bundle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\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    'aria-describedby'?: string;\n    'aria-label'?: string;\n    'aria-labelledby'?: string;\n    autoFocus?: AutoFocusProp;\n    hasEmptyLabel?: boolean;\n    hasInsideLabel?: boolean;\n    inlineUserAssistance?: ComponentChildren;\n    innerReadonlyField?: ComponentChildren;\n    value?: string;\n    variant?: 'textarea';\n  };\n\n/**\n * Merge multiple ids into a space-separated list\n * @param ids The ids to be merged\n * @returns The space separated string of ids\n */\nfunction mergeIDs(...ids: (string | undefined)[]) {\n  return ids.filter(Boolean).join(' ') || undefined;\n}\n\nexport function ReadonlyTextFieldInput({\n  'aria-describedby': ariaDescribedBy,\n  'aria-label': ariaLabel,\n  'aria-labelledby': inputLabelledBy,\n  autoFocus,\n  as = 'div',\n  elementRef,\n  hasEmptyLabel,\n  hasInsideLabel = false,\n  inlineUserAssistance,\n  innerReadonlyField,\n  rows,\n  type,\n  value = '',\n  variant,\n  ...props\n}: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const loadingAriaLabel = translations.formControl_loading();\n  const { isFormLayout, isReadonly: isReadonlyForm } = useFormContext();\n  const { isLoading } = useFormFieldContext();\n  const ariaLabelForReadonly = isLoading ? loadingAriaLabel : 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  const { classes: themeClasses } = useComponentTheme<\n    ReadonlyTextFieldInputVariantOptions,\n    ReadonlyTextFieldInputStyles\n  >(ReadonlyTextFieldInputRedwoodTheme, {\n    textarea: variant === 'textarea' ? 'isTextArea' : 'notTextArea',\n    formLayout: isFormLayout ? 'isFormLayout' : 'notFormLayout',\n    readonlyForm: isReadonlyForm ? 'isReadonlyForm' : 'notReadonlyForm',\n    insideLabel: hasInsideLabel ? 'hasInsideLabel' : 'noInsideLabel'\n  });\n\n  const readonlyDivClasses = classNames([themeClasses, styleInterpolationClasses]);\n\n  // JET-52914 - Implement Tabbable mode API contract in InputText\n  // spread tabbableModeProps on component\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\n\n  // JET-52089: add unsafe API for specifying an external label which is added to ariaLabelledBy on the input or div,\n  // only when labelEdge is 'none' and label is ''. Since ariaLabelledBy takes precedence over all other\n  // kinds of labels, this helps to ensure we don't override a meaningful label.\n  const { UNSAFE_ariaLabelledBy } = useAccessibleContext();\n  const ariaLabelledBy = hasEmptyLabel\n    ? mergeIDs(inputLabelledBy, UNSAFE_ariaLabelledBy)\n    : inputLabelledBy;\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":["_jsx"],"mappings":";;;;;;;;;;;;;;AAwDA;;;;AAIG;AACH,SAAS,QAAQ,CAAC,GAAG,GAA2B,EAAA;AAC9C,IAAA,OAAO,GAAG,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,SAAS,CAAC;AACpD,CAAC;AAEK,SAAU,sBAAsB,CAAC,EACrC,kBAAkB,EAAE,eAAe,EACnC,YAAY,EAAE,SAAS,EACvB,iBAAiB,EAAE,eAAe,EAClC,SAAS,EACT,EAAE,GAAG,KAAK,EACV,UAAU,EACV,aAAa,EACb,cAAc,GAAG,KAAK,EACtB,oBAAoB,EACpB,kBAAkB,EAClB,IAAI,EACJ,IAAI,EACJ,KAAK,GAAG,EAAE,EACV,OAAO,EACP,GAAG,KAAK,EACF,EAAA;AACN,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,gBAAgB,GAAG,YAAY,CAAC,mBAAmB,EAAE,CAAC;IAC5D,MAAM,EAAE,YAAY,EAAE,UAAU,EAAE,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;AACtE,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,mBAAmB,EAAE,CAAC;IAC5C,MAAM,oBAAoB,GAAG,SAAS,GAAG,gBAAgB,GAAG,SAAS,CAAC;;IAGtE,MAAM,cAAc,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,kBAAkB,CAAC,CAAC,CAAC;AAC9D,IAAA,MAAM,mBAAmB,GAAG,mBAAmB,CAAQ,cAAc,CAAC,CAAC;IACvE,MAAM,EAAE,KAAK,EAAE,yBAAyB,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IACxE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,iBAAiB,CAGjD,kCAAkC,EAAE;QACpC,QAAQ,EAAE,OAAO,KAAK,UAAU,GAAG,YAAY,GAAG,aAAa;QAC/D,UAAU,EAAE,YAAY,GAAG,cAAc,GAAG,eAAe;QAC3D,YAAY,EAAE,cAAc,GAAG,gBAAgB,GAAG,iBAAiB;QACnE,WAAW,EAAE,cAAc,GAAG,gBAAgB,GAAG,eAAe;AACjE,KAAA,CAAC,CAAC;IAEH,MAAM,kBAAkB,GAAG,UAAU,CAAC,CAAC,YAAY,EAAE,yBAAyB,CAAC,CAAC,CAAC;;;IAIjF,MAAM,EAAE,UAAU,EAAE,iBAAiB,EAAE,GAAG,eAAe,EAAE,CAAC;;;;AAK5D,IAAA,MAAM,EAAE,qBAAqB,EAAE,GAAG,oBAAoB,EAAE,CAAC;IACzD,MAAM,cAAc,GAAG,aAAa;AAClC,UAAE,QAAQ,CAAC,eAAe,EAAE,qBAAqB,CAAC;UAChD,eAAe,CAAC;IAEpB,IAAI,EAAE,KAAK,OAAO,EAAE;AAClB,QAAA,QACEA,GACoB,CAAA,OAAA,EAAA,EAAA,kBAAA,EAAA,eAAe,gBACrB,oBAAoB,EAAA,iBAAA,EACf,cAAc,EAC/B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,IAAI;;AAEd,YAAA,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACR,IAAC,CAAC,UAAU,IAAI,iBAAiB,CAAC,EAAA,CACtC,EACF;AACH,KAAA;IACD,IAAI,EAAE,KAAK,UAAU,EAAE;AACrB,QAAA,QACEA,GACoB,CAAA,UAAA,EAAA,EAAA,kBAAA,EAAA,eAAe,gBACrB,oBAAoB,EAAA,iBAAA,EACf,cAAc,EAC/B,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,kBAAkB,EACzB,QAAQ,EAAE,IAAI;;AAEd,YAAA,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,IAAI,EACN,IAAC,CAAC,UAAU,IAAI,iBAAiB,CAAC,YACrC,KAAK,EAAA,CACG,EACX;AACH,KAAA;AACD,IAAA,QACEA,GACoB,CAAA,KAAA,EAAA,EAAA,kBAAA,EAAA,eAAe,EACrB,YAAA,EAAA,oBAAoB,qBACf,cAAc,EAAA,eAAA,EAChB,IAAI,EACnB,SAAS,EAAE,SAAS,EACpB,KAAK,EAAE,kBAAkB;;AAEzB,QAAA,GAAG,EAAE,UAAU,EACf,IAAI,EAAC,SAAS,EACV,GAAA,iBAAiB,EACpB,QAAA,EAAA,KAAK,EACF,CAAA,EACN;AACJ;;;;"}

package/es/SelectMenuItem-d66ec4b9.js

@@ -0,0 +1,63 @@
+/* @oracle/oraclejet-preact: 15.0.3 */
+import { jsx } from 'preact/jsx-runtime';
+import { useContext, useMemo } from 'preact/hooks';
+import { useId } from './hooks/UNSAFE_useId.js';
+import { CheckIcon as SvgCheck } from './PRIVATE_ThemedIcons/CheckIcon.js';
+import { B as BaseMenuItem } from './MenuItem-d89f182b.js';
+import { createContext } from 'preact';
+
+/**
+ * @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 = 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 useContext(SelectMenuGroupContext);
+}
+
+function SelectMenuItem({ value, label, isDisabled, endIcon }) {
+    const { isMultiple, value: selectedValue, onCommit } = useSelectMenuGroupContext();
+    const uniqueID = useId();
+    const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);
+    const { isSelected, memoizedOnCommit } = useMemo(() => {
+        if (!isMultiple) {
+            return {
+                isSelected: selectedValue === value,
+                memoizedOnCommit: () => {
+                    onCommit?.({ value, previousValue: selectedValue });
+                }
+            };
+        }
+        return {
+            isSelected: !!selectedValue?.includes(value),
+            memoizedOnCommit: () => {
+                const proposedValue = isSelected
+                    ? selectedValue?.filter((val) => val !== value) || []
+                    : [...(selectedValue || []), value];
+                onCommit?.({ value: proposedValue, previousValue: selectedValue });
+            }
+        };
+    }, [selectedValue, value, onCommit, isMultiple]);
+    return (jsx(BaseMenuItem, { id: id, type: "select", role: isMultiple ? 'menuitemcheckbox' : 'menuitemradio', isChecked: isSelected, isDisabled: isDisabled, startIcon: isSelected ? jsx(SvgCheck, {}) : jsx("span", {}), label: label, onAction: memoizedOnCommit, endIcon: endIcon }));
+}
+
+export { SelectMenuItem as S, SelectMenuGroupContext as a };
+//# sourceMappingURL=SelectMenuItem-d66ec4b9.js.map

package/es/SelectMenuItem-d66ec4b9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectMenuItem-d66ec4b9.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';\nimport { useId } from '../hooks/UNSAFE_useId';\n\nimport { CheckIcon } from '../PRIVATE_ThemedIcons/CheckIcon';\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  const uniqueID = useId();\n  const id = useMemo(() => `oj-menu-item-${uniqueID}`, [uniqueID]);\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      id={id}\n      type=\"select\"\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":["_jsx","CheckIcon"],"mappings":";;;;;;;;AAAA;;;;;;AAMG;AAqBG,MAAA,sBAAsB,GAAG,aAAa,CAA8B;AACxE,IAAA,UAAU,EAAE,KAAK;AAClB,CAAA;;AC7BD;;;;;;AAMG;AAKH;;;;AAIG;AACH,SAAS,yBAAyB,GAAA;AAChC,IAAA,OAAO,UAAU,CAAC,sBAAsB,CAAC,CAAC;AAC5C;;ACMM,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;AACnF,IAAA,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;AACzB,IAAA,MAAM,EAAE,GAAG,OAAO,CAAC,MAAM,CAAgB,aAAA,EAAA,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEjE,MAAM,EAAE,UAAU,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC,MAAK;QACpD,IAAI,CAAC,UAAU,EAAE;YACf,OAAO;gBACL,UAAU,EAAE,aAAa,KAAK,KAAK;gBACnC,gBAAgB,EAAE,MAAK;oBACrB,QAAQ,GAAG,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,CAAC,CAAC;iBACrD;aACF,CAAC;AACH,SAAA;QACD,OAAO;YACL,UAAU,EAAE,CAAC,CAAC,aAAa,EAAE,QAAQ,CAAC,KAAK,CAAC;YAC5C,gBAAgB,EAAE,MAAK;gBACrB,MAAM,aAAa,GAAG,UAAU;AAC9B,sBAAE,aAAa,EAAE,MAAM,CAAC,CAAC,GAAG,KAAK,GAAG,KAAK,KAAK,CAAC,IAAI,EAAE;sBACnD,CAAC,IAAI,aAAa,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,CAAC;AACtC,gBAAA,QAAQ,GAAG,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,QACEA,GAAC,CAAA,YAAY,EACX,EAAA,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,UAAU,GAAG,kBAAkB,GAAG,eAAe,EACvD,SAAS,EAAE,UAAU,EACrB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,UAAU,GAAGA,GAAA,CAACC,QAAS,EAAA,EAAA,CAAG,GAAGD,GAAA,CAAA,MAAA,EAAA,EAAA,CAAa,EACrD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,gBAAgB,EAC1B,OAAO,EAAE,OAAO,EAChB,CAAA,EACF;AACJ;;;;"}