@oracle/oraclejet-preact 15.1.7 → 15.1.9

package/es/PRIVATE_ThemedIcons/ViewHideIcon.js

@@ -1,21 +1,21 @@
-/* @oracle/oraclejet-preact: 15.1.7 */
+/* @oracle/oraclejet-preact: 15.1.9 */
 import { jsx } from 'preact/jsx-runtime';
 import '../UNSAFE_Icon.js';
-import { I as Icon } from '../Icon-2c2760e6.js';
+import { I as Icon } from '../Icon-d59778f6.js';
 import 'preact';
 import '../utils/UNSAFE_size.js';
 import '../UNSAFE_Theme.js';
-import '../utils-39e887e0.js';
+import '../utils-8ac2c463.js';
 import '../Common/themes/themeContract.css.js';
 import '../hooks/UNSAFE_useTooltip.js';
 import 'preact/hooks';
 import '../hooks/UNSAFE_useId.js';
 import '../UNSAFE_Floating.js';
-import '../Floating-59d07b2d.js';
+import '../Floating-c120aaaa.js';
 import 'preact/compat';
-import '../index-d9c4b463.js';
+import '../index-95ab9ec3.js';
 import '../hooks/UNSAFE_useUser.js';
-import '../index-f5e72696.js';
+import '../index-a0bb9be1.js';
 import '../Common.js';
 import '../Common/themes.js';
 import '../Common/themes/redwood/theme.js';
@@ -25,34 +25,34 @@ import '../hooks/UNSAFE_useOutsideClick.js';
 import '../utils/UNSAFE_arrayUtils.js';
 import '../hooks/UNSAFE_useComponentTheme.js';
 import '../utils/UNSAFE_logger.js';
-import '../_curry1-f0017e84.js';
-import '../_curry2-bdaa757c.js';
+import '../_curry1-63de7965.js';
+import '../_curry2-fce9cfa5.js';
 import '../utils/UNSAFE_classNames.js';
-import '../classNames-3854610f.js';
+import '../classNames-dd63e3ef.js';
 import '../UNSAFE_Floating/themes/redwood/FloatingTheme.js';
 import '../UNSAFE_Floating/themes/FloatingStyles.css.js';
 import './../FloatingStyles.styles.css';
 import '../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js';
 import './../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css';
 import '../UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
-import '../vanilla-extract-recipes-createRuntimeFn.esm-09439f11.js';
-import '../vanilla-extract-dynamic.esm-5a9a4ab6.js';
+import '../vanilla-extract-recipes-createRuntimeFn.esm-354038e4.js';
+import '../vanilla-extract-dynamic.esm-46f9b556.js';
 import '../UNSAFE_Floating/themes/FloatingContract.css.js';
 import '../UNSAFE_Layer.js';
-import '../useThemeInterpolations-4389cbed.js';
+import '../useThemeInterpolations-a31d26d5.js';
 import '../hooks/UNSAFE_useColorScheme.js';
 import '../hooks/UNSAFE_useScale.js';
 import '../utils/UNSAFE_interpolations/theme.js';
 import '../utils/UNSAFE_mergeInterpolations.js';
-import '../_curry3-773953cc.js';
-import '../_has-c058a181.js';
+import '../_curry3-92493b53.js';
+import '../_has-16f994b9.js';
 import '../hooks/UNSAFE_useHover.js';
 import '../hooks/UNSAFE_useToggle.js';
 import '../hooks/UNSAFE_useFocus.js';
 import '../hooks/UNSAFE_useTouch.js';
 import '../utils/UNSAFE_mergeProps.js';
 import '../hooks/UNSAFE_useAnimation.js';
-import '../useAnimation-e58e6dbf.js';
+import '../useAnimation-a2a6ca1f.js';
 import '../hooks/UNSAFE_useThemeInterpolations.js';
 import '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import '../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';

package/es/PRIVATE_ThemedIcons/ViewIcon.js

@@ -1,21 +1,21 @@
-/* @oracle/oraclejet-preact: 15.1.7 */
+/* @oracle/oraclejet-preact: 15.1.9 */
 import { jsx } from 'preact/jsx-runtime';
 import '../UNSAFE_Icon.js';
-import { I as Icon } from '../Icon-2c2760e6.js';
+import { I as Icon } from '../Icon-d59778f6.js';
 import 'preact';
 import '../utils/UNSAFE_size.js';
 import '../UNSAFE_Theme.js';
-import '../utils-39e887e0.js';
+import '../utils-8ac2c463.js';
 import '../Common/themes/themeContract.css.js';
 import '../hooks/UNSAFE_useTooltip.js';
 import 'preact/hooks';
 import '../hooks/UNSAFE_useId.js';
 import '../UNSAFE_Floating.js';
-import '../Floating-59d07b2d.js';
+import '../Floating-c120aaaa.js';
 import 'preact/compat';
-import '../index-d9c4b463.js';
+import '../index-95ab9ec3.js';
 import '../hooks/UNSAFE_useUser.js';
-import '../index-f5e72696.js';
+import '../index-a0bb9be1.js';
 import '../Common.js';
 import '../Common/themes.js';
 import '../Common/themes/redwood/theme.js';
@@ -25,34 +25,34 @@ import '../hooks/UNSAFE_useOutsideClick.js';
 import '../utils/UNSAFE_arrayUtils.js';
 import '../hooks/UNSAFE_useComponentTheme.js';
 import '../utils/UNSAFE_logger.js';
-import '../_curry1-f0017e84.js';
-import '../_curry2-bdaa757c.js';
+import '../_curry1-63de7965.js';
+import '../_curry2-fce9cfa5.js';
 import '../utils/UNSAFE_classNames.js';
-import '../classNames-3854610f.js';
+import '../classNames-dd63e3ef.js';
 import '../UNSAFE_Floating/themes/redwood/FloatingTheme.js';
 import '../UNSAFE_Floating/themes/FloatingStyles.css.js';
 import './../FloatingStyles.styles.css';
 import '../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.css.js';
 import './../UNSAFE_Floating/themes/redwood/FloatingBaseTheme.styles.css';
 import '../UNSAFE_Floating/themes/redwood/FloatingVariants.css.js';
-import '../vanilla-extract-recipes-createRuntimeFn.esm-09439f11.js';
-import '../vanilla-extract-dynamic.esm-5a9a4ab6.js';
+import '../vanilla-extract-recipes-createRuntimeFn.esm-354038e4.js';
+import '../vanilla-extract-dynamic.esm-46f9b556.js';
 import '../UNSAFE_Floating/themes/FloatingContract.css.js';
 import '../UNSAFE_Layer.js';
-import '../useThemeInterpolations-4389cbed.js';
+import '../useThemeInterpolations-a31d26d5.js';
 import '../hooks/UNSAFE_useColorScheme.js';
 import '../hooks/UNSAFE_useScale.js';
 import '../utils/UNSAFE_interpolations/theme.js';
 import '../utils/UNSAFE_mergeInterpolations.js';
-import '../_curry3-773953cc.js';
-import '../_has-c058a181.js';
+import '../_curry3-92493b53.js';
+import '../_has-16f994b9.js';
 import '../hooks/UNSAFE_useHover.js';
 import '../hooks/UNSAFE_useToggle.js';
 import '../hooks/UNSAFE_useFocus.js';
 import '../hooks/UNSAFE_useTouch.js';
 import '../utils/UNSAFE_mergeProps.js';
 import '../hooks/UNSAFE_useAnimation.js';
-import '../useAnimation-e58e6dbf.js';
+import '../useAnimation-a2a6ca1f.js';
 import '../hooks/UNSAFE_useThemeInterpolations.js';
 import '../hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentTheme.js';
 import '../hooks/UNSAFE_useTooltip/themes/TooltipContentStyles.css.js';

package/es/PRIVATE_TrackResizeContainer.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.7 */
+/* @oracle/oraclejet-preact: 15.1.9 */
 import { jsx } from 'preact/jsx-runtime';
 import { useRef } from 'preact/hooks';
 import { useSize } from './hooks/PRIVATE_useSize.js';

package/es/PRIVATE_TransitionGroup.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 15.1.7 */
+/* @oracle/oraclejet-preact: 15.1.9 */
 import { jsx } from 'preact/jsx-runtime';
 import { cloneElement, Component } from 'preact';
 

package/es/PRIVATE_VirtualizedCollection.js

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 15.1.7 */
-export { P as PLACEHOLDER_STYLE_CLASS, V as VirtualizedCollection, g as getVirtualizedRangeExtractor } from './VirtualizedCollection-bf375e0c.js';
+/* @oracle/oraclejet-preact: 15.1.9 */
+export { P as PLACEHOLDER_STYLE_CLASS, V as VirtualizedCollection, g as getVirtualizedRangeExtractor } from './VirtualizedCollection-0ce0ac88.js';
 import 'preact/jsx-runtime';
 import 'preact/hooks';
 import './PRIVATE_Collection.js';
-import './Collection-9e3f50a3.js';
+import './Collection-fac16af5.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__1nfhaj90 {
+.ProgressBarVariants_multiVariantStyles_edge_none__5ab1t30 {
   border-radius: var(--borderRadius__irxz4j1);
 }

package/es/ProgressBarVariants.styles2.css

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

package/es/RadioGroup-2ebc89cc.js

@@ -0,0 +1,38 @@
+/* @oracle/oraclejet-preact: 15.1.9 */
+import { jsx } from 'preact/jsx-runtime';
+import { forwardRef } from 'preact/compat';
+import { useFormContext } from './hooks/UNSAFE_useFormContext.js';
+import { FormFieldContext } from './hooks/UNSAFE_useFormFieldContext.js';
+import { useFormFieldContextProps } from './hooks/UNSAFE_useFormFieldContextProps.js';
+import { useId } from './hooks/UNSAFE_useId.js';
+import { CheckboxRadioField } from './PRIVATE_CheckboxRadioField.js';
+import { R as RadioGroupContext } from './RadioGroupContext-409ee0a6.js';
+
+const RadioGroup = forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, direction = 'column', helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, messages, onCommit, userAssistanceDensity: propUserAssistanceDensity, value, children }, ref) => {
+    const hasValue = !!value;
+    const { isDisabled: isFormDisabled, 
+    // TODO: unused variables, are they needed?
+    // isFormLayout,
+    isReadonly: isFormReadonly, labelEdge: formLabelEdge, labelStartWidth: formLabelStartWidth, userAssistanceDensity: formUserAssistanceDensity } = useFormContext();
+    // default to FormContext values if component properties are not specified
+    const isDisabled = propIsDisabled ?? isFormDisabled;
+    const isReadonly = propIsReadonly ?? isFormReadonly;
+    const labelEdge = propLabelEdge ?? formLabelEdge;
+    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;
+    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;
+    const formFieldContext = useFormFieldContextProps({
+        hasValue,
+        isDisabled,
+        isReadonly,
+        value
+    });
+    const baseId = useId();
+    return (jsx(FormFieldContext.Provider, { value: formFieldContext, children: jsx(CheckboxRadioField, { "aria-describedby": ariaDescribedBy, assistiveText: assistiveText, baseId: baseId, direction: direction, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, isDisabled: isDisabled, isReadonly: isReadonly, isRequired: isRequired, label: label, labelEdge: labelEdge, labelStartWidth: labelStartWidth, parentComponentVariant: "radioGroup", messages: messages, userAssistanceDensity: userAssistanceDensity, hasValue: hasValue, ref: ref, role: "radiogroup", children: jsx(RadioGroupContext.Provider, { value: {
+                    name: baseId,
+                    value,
+                    onCommit
+                }, children: children }) }) }));
+});
+
+export { RadioGroup as R };
+//# sourceMappingURL=RadioGroup-2ebc89cc.js.map

package/es/RadioGroup-2ebc89cc.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroup-2ebc89cc.js","sources":["../../src/UNSAFE_RadioGroup/RadioGroup.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentChildren, ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\n\n// import { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '../hooks/UNSAFE_useFormFieldContextProps';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { FocusableHandle } from '../hooks/UNSAFE_useFocusableTextField';\nimport { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '../utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\nimport { InlineUserAssistance, UserAssistanceDensityType } from '../UNSAFE_UserAssistance';\n\nimport { CheckboxRadioField } from '../PRIVATE_CheckboxRadioField';\nimport { RadioGroupContext } from './RadioGroupContext';\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype Props = {\n  /**\n   * The ID of an element (or space separated IDs of multiple elements) that\n   * describes the input.\n   */\n  'aria-describedby'?: string;\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * RadioOption\n   */\n  children: ComponentChildren;\n  /**\n   * layout direction of the children elements\n   */\n  direction?: FlexboxProps['direction'];\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n  /**\n   * Custom text to be rendered for the <code>helpSourceLink</code>.\n   */\n  helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n  /**\n   * Specifies whether the radio group requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the radio group is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the radio group is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of radio buttons.\n   *\n   */\n  label: string;\n  /**\n   * Specifies where the label is positioned relative to the field.\n   */\n  labelEdge?: 'none' | 'top' | 'start' | 'inside';\n  /**\n   * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n   */\n  labelStartWidth?: Size;\n  /**\n   * Messages to show on screen that are associated with the component.\n   */\n  messages?: InlineUserAssistanceProps['messages'];\n  /**\n   * Callback invoked each time the user changes selected option.\n   */\n  onCommit: (detail: ValueUpdateDetail<string>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\n   * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the radio option.\n   */\n  value?: string;\n};\n\nexport const RadioGroup = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      direction = 'column',\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      onCommit,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n\n      children\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = !!value;\n    const {\n      isDisabled: isFormDisabled,\n      // TODO: unused variables, are they needed?\n      // isFormLayout,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const formFieldContext = useFormFieldContextProps({\n      hasValue,\n      isDisabled,\n      isReadonly,\n      value\n    });\n\n    const baseId = useId();\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          direction={direction}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          isDisabled={isDisabled}\n          isReadonly={isReadonly}\n          isRequired={isRequired}\n          label={label}\n          labelEdge={labelEdge}\n          labelStartWidth={labelStartWidth}\n          parentComponentVariant=\"radioGroup\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          ref={ref}\n          role=\"radiogroup\">\n          <RadioGroupContext.Provider\n            value={{\n              name: baseId,\n              value,\n              onCommit\n            }}>\n            {children}\n          </RadioGroupContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":";;;;;;;;;;AAuGa,MAAA,UAAU,GAAG,UAAU,CAClC,CACE,EACE,kBAAkB,EAAE,eAAe,EACnC,aAAa,EACb,SAAS,GAAG,QAAQ,EACpB,cAAc,EACd,cAAc,EACd,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,cAAc,EAC1B,UAAU,GAAG,KAAK,EAClB,KAAK,EACL,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,QAAQ,EACR,QAAQ,EACR,qBAAqB,EAAE,yBAAyB,EAChD,KAAK,EAEL,QAAQ,EACF,EACR,GAA0B,KACxB;AACF,IAAA,MAAM,QAAQ,GAAG,CAAC,CAAC,KAAK,CAAC;IACzB,MAAM,EACJ,UAAU,EAAE,cAAc;;;AAG1B,IAAA,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,qBAAqB,EAAE,yBAAyB,EACjD,GAAG,cAAc,EAAE,CAAC;;AAErB,IAAA,MAAM,UAAU,GAAG,cAAc,IAAI,cAAc,CAAC;AACpD,IAAA,MAAM,UAAU,GAAG,cAAc,IAAI,cAAc,CAAC;AACpD,IAAA,MAAM,SAAS,GAAG,aAAa,IAAI,aAAa,CAAC;AACjD,IAAA,MAAM,eAAe,GAAG,mBAAmB,IAAI,mBAAmB,CAAC;AACnE,IAAA,MAAM,qBAAqB,GAAG,yBAAyB,IAAI,yBAAyB,CAAC;IAErF,MAAM,gBAAgB,GAAG,wBAAwB,CAAC;QAChD,QAAQ;QACR,UAAU;QACV,UAAU;QACV,KAAK;AACN,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;AAEvB,IAAA,QACEA,GAAC,CAAA,gBAAgB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,gBAAgB,YAChDA,GAAC,CAAA,kBAAkB,wBACC,eAAe,EACjC,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,SAAS,EACpB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,SAAS,EAAE,SAAS,EACpB,eAAe,EAAE,eAAe,EAChC,sBAAsB,EAAC,YAAY,EACnC,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,QAAQ,EAAE,QAAQ,EAClB,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,YAAY,YACjBA,GAAC,CAAA,iBAAiB,CAAC,QAAQ,EAAA,EACzB,KAAK,EAAE;AACL,oBAAA,IAAI,EAAE,MAAM;oBACZ,KAAK;oBACL,QAAQ;AACT,iBAAA,EAAA,QAAA,EACA,QAAQ,EAAA,CACkB,EACV,CAAA,EAAA,CACK,EAC5B;AACJ,CAAC;;;;"}

package/es/RadioGroupContext-409ee0a6.js

@@ -0,0 +1,16 @@
+/* @oracle/oraclejet-preact: 15.1.9 */
+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-409ee0a6.js.map

package/es/RadioGroupContext-409ee0a6.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RadioGroupContext-409ee0a6.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__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/RadioIconVariants.styles2.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/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-8dbbe34a.js

@@ -0,0 +1,66 @@
+/* @oracle/oraclejet-preact: 15.1.9 */
+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-dd63e3ef.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-8dbbe34a.js.map

package/es/ReadonlyTextFieldInput-8dbbe34a.js.map

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

package/es/SelectMenuItem-591183b0.js

@@ -0,0 +1,63 @@
+/* @oracle/oraclejet-preact: 15.1.9 */
+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-2386dfbe.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-591183b0.js.map

package/es/SelectMenuItem-591183b0.js.map

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

package/es/SelectMultipleMenuGroup-9db01bc6.js

@@ -0,0 +1,10 @@
+/* @oracle/oraclejet-preact: 15.1.9 */
+import { jsx } from 'preact/jsx-runtime';
+import { a as SelectMenuGroupContext } from './SelectMenuItem-591183b0.js';
+
+function SelectMultipleMenuGroup({ value, onCommit, children }) {
+    return (jsx(SelectMenuGroupContext.Provider, { value: { isMultiple: true, value, onCommit }, children: children }));
+}
+
+export { SelectMultipleMenuGroup as S };
+//# sourceMappingURL=SelectMultipleMenuGroup-9db01bc6.js.map