npm - @oracle/oraclejet-preact - Versions diffs - 18.0.2 → 18.0.4 - Mend

@oracle/oraclejet-preact 18.0.2 → 18.0.4

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

Files changed (1034) hide show

package/es/ProgressButtonLabelLayout-bfc7c805.js CHANGED Viewed

@@ -2,10 +2,10 @@
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { u as useProgressButtonLabelLayoutTheme } from './useProgressButtonLabelLayoutTheme-7ce1cf07.js';
 import { c as classNames } from './classNames-4e12b00d.js';
-import { P as ProgressCircle } from './ProgressCircle-2d3833fa.js';
+import { P as ProgressCircle } from './ProgressCircle-93c309cb.js';
 import { w as withThemeProps } from './withThemeProps-6545df54.js';
-import { V as View } from './View-a8a64eb1.js';
-import { u as useColorScheme } from './useColorScheme-f69d53b5.js';
+import { V as View } from './View-63980a9b.js';
+import { u as useColorScheme } from './useColorScheme-d8a80e2b.js';
 import { useState } from 'preact/hooks';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';

package/es/{ProgressCircle-2d3833fa.js → ProgressCircle-93c309cb.js} RENAMED Viewed

@@ -3,7 +3,7 @@ import { jsx, jsxs } from 'preact/jsx-runtime';
 import { c as classNames } from './classNames-4e12b00d.js';
 import './meterUtils-a917450b.js';
 import { g as getProgressClipPath } from './circleUtils-90dae0a2.js';
-import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-98df6291.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { ProgressCircleRedwoodTheme } from './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleTheme.js';
 import { C as CircleWrapper, a as CircleInner } from './CircularMeter-f2c0ae34.js';
@@ -45,4 +45,4 @@ const DeterminateProgressCircle = ({ value = 0, max = 100, id, size, ...props })
 };
 export { ProgressCircle as P };
-//# sourceMappingURL=ProgressCircle-2d3833fa.js.map
+//# sourceMappingURL=ProgressCircle-93c309cb.js.map

package/es/{ProgressCircle-2d3833fa.js.map → ProgressCircle-93c309cb.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProgressCircle-~~2d3833fa~~.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.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 /\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { CircleWrapper, CircleInner } from '#PRIVATE_Meter';\nimport { getProgressClipPath } from '#utils/PRIVATE_meterUtils';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport {\n ProgressCircleStyles,\n ProgressCircleVariantOptions\n} from './themes/ProgressCircleStyles.css';\nimport { ProgressCircleRedwoodTheme } from './themes/redwood/ProgressCircleTheme';\ntype ariaPropsType = ComponentProps<typeof CircleWrapper>['ariaProps'];\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\n\ntype ProgressCircleProps = IntrinsicProps & {\n /\n Specifies the id of the progress circle. If the progress circle is being used to describe the loading process of a particular region\n * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n /\n id?: HTMLAttributesSignalExcluded<HTMLDivElement>['id'];\n /\n The value of the progress circle. If the value is 'indeterminate', an indeterminate progress circle will be shown.\n /\n value?: 'indeterminate' \| number;\n\n /\n The maximum value of the progress circle.\n /\n max?: number;\n /\n The size of the progress circle. The default value of this property is theme driven.\n /\n size?: 'sm' \| 'md' \| 'lg';\n\n /\n A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n /\n 'aria-valuetext'?: string;\n /\n Specifies the children.\n /\n children?: ComponentChildren;\n /\n A label to be used for accessibility purposes. This will be used for the aria-label of the DOM element.\n /\n 'aria-label'?: string;\n\n /\n One or more ids (separated by spaces) of elements that label the progress bar. This will be used for the aria-labelledby of the DOM element.\n /\n 'aria-labelledby'?: string;\n};\n/\n A progress circle allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressCircle({ value, max, ...otherProps }: ProgressCircleProps) {\n return value === 'indeterminate' ? (\n <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n ) : (\n <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n );\n}\n\ntype IndeterminateProps = Omit<ProgressCircleProps, 'value' \| 'max'>;\n\nconst IndeterminateProgressCircle = ({ id, size, ...props }: IndeterminateProps) => {\n const {\n classes,\n styles: { indeterminate }\n } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n ProgressCircleRedwoodTheme,\n {\n size,\n type: 'indeterminate'\n }\n );\n\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const ariaProps: ariaPropsType = {\n 'aria-valuetext': props['aria-valuetext'] \|\| translations.progressIndeterminate(),\n 'aria-label': props['aria-label'],\n 'aria-labelledby': props['aria-labelledby'],\n role: 'progressbar'\n };\n return (\n <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n <CircleInner class={indeterminate} />\n </CircleWrapper>\n );\n};\n\ntype DeterminateProps = Omit<ProgressCircleProps, 'aria-valuetext'> & {\n value?: number;\n};\n\nconst DeterminateProgressCircle = ({\n value = 0,\n max = 100,\n id,\n size,\n ...props\n}: DeterminateProps) => {\n const {\n classes,\n styles: { determinate, track, valueStyle }\n } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n ProgressCircleRedwoodTheme,\n {\n size\n }\n );\n\n const percentage = Math.min(Math.max(0, value / max), 1);\n const clipPath = getProgressClipPath(percentage);\n\n const ariaProps: ariaPropsType = {};\n ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n ariaProps['aria-valuemax'] = value != null ? max : undefined;\n ariaProps['aria-valuenow'] = value != null ? value : undefined;\n ariaProps['role'] = 'progressbar';\n (ariaProps['aria-label'] = props['aria-label']),\n (ariaProps['aria-labelledby'] = props['aria-labelledby']);\n return (\n <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n <CircleInner class={classNames([determinate, track])} />\n <CircleInner class={classNames([determinate, valueStyle])} clipPath={clipPath} />\n </CircleWrapper>\n );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;AA6DA;;AAEG;AACG,SAAU,cAAc,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,UAAU,EAAuB,EAAA;AAC/E,IAAA,OAAO,KAAK,KAAK,eAAe,IAC9BA,GAAA,CAAC,2BAA2B,EAAA,EAAA,GAAK,UAAU,EAAA,CAAgC,KAE3EA,GAAC,CAAA,yBAAyB,EAAC,EAAA,KAAK,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,EAAA,GAAM,UAAU,EAAA,CAA8B,CAChG,CAAC;AACJ,CAAC;AAID,MAAM,2BAA2B,GAAG,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,GAAG,KAAK,EAAsB,KAAI;AACjF,IAAA,MAAM,EACJ,OAAO,EACP,MAAM,EAAE,EAAE,aAAa,EAAE,EAC1B,GAAG,iBAAiB,CACnB,0BAA0B,EAC1B;QACE,IAAI;AACJ,QAAA,IAAI,EAAE,eAAe;AACtB,KAAA,CACF,CAAC;AAEF,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,SAAS,GAAkB;QAC/B,gBAAgB,EAAE,KAAK,CAAC,gBAAgB,CAAC,IAAI,YAAY,CAAC,qBAAqB,EAAE;AACjF,QAAA,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC;AACjC,QAAA,iBAAiB,EAAE,KAAK,CAAC,iBAAiB,CAAC;AAC3C,QAAA,IAAI,EAAE,aAAa;KACpB,CAAC;IACF,QACEA,GAAC,CAAA,aAAa,EAAC,EAAA,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EACzD,QAAA,EAAAA,GAAA,CAAC,WAAW,EAAA,EAAC,KAAK,EAAE,aAAa,EAAA,CAAI,EACvB,CAAA,EAChB;AACJ,CAAC,CAAC;AAMF,MAAM,yBAAyB,GAAG,CAAC,EACjC,KAAK,GAAG,CAAC,EACT,GAAG,GAAG,GAAG,EACT,EAAE,EACF,IAAI,EACJ,GAAG,KAAK,EACS,KAAI;AACrB,IAAA,MAAM,EACJ,OAAO,EACP,MAAM,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,UAAU,EAAE,EAC3C,GAAG,iBAAiB,CACnB,0BAA0B,EAC1B;QACE,IAAI;AACL,KAAA,CACF,CAAC;AAEF,IAAA,MAAM,UAAU,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AACzD,IAAA,MAAM,QAAQ,GAAG,mBAAmB,CAAC,UAAU,CAAC,CAAC;IAEjD,MAAM,SAAS,GAAkB,EAAE,CAAC;AACpC,IAAA,SAAS,CAAC,eAAe,CAAC,GAAG,KAAK,IAAI,IAAI,GAAG,CAAC,GAAG,SAAS,CAAC;AAC3D,IAAA,SAAS,CAAC,eAAe,CAAC,GAAG,KAAK,IAAI,IAAI,GAAG,GAAG,GAAG,SAAS,CAAC;AAC7D,IAAA,SAAS,CAAC,eAAe,CAAC,GAAG,KAAK,IAAI,IAAI,GAAG,KAAK,GAAG,SAAS,CAAC;AAC/D,IAAA,SAAS,CAAC,MAAM,CAAC,GAAG,aAAa,CAAC;IAClC,CAAC,SAAS,CAAC,YAAY,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC;SAC3C,SAAS,CAAC,iBAAiB,CAAC,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC,CAAC;IAC5D,QACEC,KAAC,aAAa,EAAA,EAAC,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAA,QAAA,EAAA,CACzDD,GAAC,CAAA,WAAW,IAAC,KAAK,EAAE,UAAU,CAAC,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC,EAAA,CAAI,EACxDA,GAAA,CAAC,WAAW,EAAC,EAAA,KAAK,EAAE,UAAU,CAAC,CAAC,WAAW,EAAE,UAAU,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAA,CAAI,CACnE,EAAA,CAAA,EAChB;AACJ,CAAC;;;;"}
1	+ {"version":3,"file":"ProgressCircle-93c309cb.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.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 /\nimport { ComponentChildren, ComponentProps } from 'preact';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { CircleWrapper, CircleInner } from '#PRIVATE_Meter';\nimport { getProgressClipPath } from '#utils/PRIVATE_meterUtils';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport {\n ProgressCircleStyles,\n ProgressCircleVariantOptions\n} from './themes/ProgressCircleStyles.css';\nimport { ProgressCircleRedwoodTheme } from './themes/redwood/ProgressCircleTheme';\ntype ariaPropsType = ComponentProps<typeof CircleWrapper>['ariaProps'];\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\n\ntype ProgressCircleProps = IntrinsicProps & {\n /\n Specifies the id of the progress circle. If the progress circle is being used to describe the loading process of a particular region\n * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n /\n id?: HTMLAttributesSignalExcluded<HTMLDivElement>['id'];\n /\n The value of the progress circle. If the value is 'indeterminate', an indeterminate progress circle will be shown.\n /\n value?: 'indeterminate' \| number;\n\n /\n The maximum value of the progress circle.\n /\n max?: number;\n /\n The size of the progress circle. The default value of this property is theme driven.\n /\n size?: 'sm' \| 'md' \| 'lg';\n\n /\n A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n /\n 'aria-valuetext'?: string;\n /\n Specifies the children.\n /\n children?: ComponentChildren;\n /\n A label to be used for accessibility purposes. This will be used for the aria-label of the DOM element.\n /\n 'aria-label'?: string;\n\n /\n One or more ids (separated by spaces) of elements that label the progress bar. This will be used for the aria-labelledby of the DOM element.\n /\n 'aria-labelledby'?: string;\n};\n/\n A progress circle allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressCircle({ value, max, ...otherProps }: ProgressCircleProps) {\n return value === 'indeterminate' ? (\n <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n ) : (\n <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n );\n}\n\ntype IndeterminateProps = Omit<ProgressCircleProps, 'value' \| 'max'>;\n\nconst IndeterminateProgressCircle = ({ id, size, ...props }: IndeterminateProps) => {\n const {\n classes,\n styles: { indeterminate }\n } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n ProgressCircleRedwoodTheme,\n {\n size,\n type: 'indeterminate'\n }\n );\n\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const ariaProps: ariaPropsType = {\n 'aria-valuetext': props['aria-valuetext'] \|\| translations.progressIndeterminate(),\n 'aria-label': props['aria-label'],\n 'aria-labelledby': props['aria-labelledby'],\n role: 'progressbar'\n };\n return (\n <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n <CircleInner class={indeterminate} />\n </CircleWrapper>\n );\n};\n\ntype DeterminateProps = Omit<ProgressCircleProps, 'aria-valuetext'> & {\n value?: number;\n};\n\nconst DeterminateProgressCircle = ({\n value = 0,\n max = 100,\n id,\n size,\n ...props\n}: DeterminateProps) => {\n const {\n classes,\n styles: { determinate, track, valueStyle }\n } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n ProgressCircleRedwoodTheme,\n {\n size\n }\n );\n\n const percentage = Math.min(Math.max(0, value / max), 1);\n const clipPath = getProgressClipPath(percentage);\n\n const ariaProps: ariaPropsType = {};\n ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n ariaProps['aria-valuemax'] = value != null ? max : undefined;\n ariaProps['aria-valuenow'] = value != null ? value : undefined;\n ariaProps['role'] = 'progressbar';\n (ariaProps['aria-label'] = props['aria-label']),\n (ariaProps['aria-labelledby'] = props['aria-labelledby']);\n return (\n <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n <CircleInner class={classNames([determinate, track])} />\n <CircleInner class={classNames([determinate, valueStyle])} clipPath={clipPath} />\n </CircleWrapper>\n );\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/es/RadioItem-35f68420.js CHANGED Viewed

@@ -11,7 +11,7 @@ import { u as useId } from './useId-03dbfdf0.js';
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
 import { u as useInteractionStyle } from './useInteractionStyle-1faefed7.js';
-import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-98df6291.js';
 import { u as useCheckboxRadioContext } from './CheckboxRadioContext-fe425383.js';
 import { S as SvgCheck } from './Check-3e89eccd.js';
 import { S as SvgRadioButtonOff } from './RadioButtonOff-46ae4593.js';
@@ -22,16 +22,16 @@ import './UserAssistanceStyles.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
 import 'preact/hooks';
-import './Flex-2d51e914.js';
+import './Flex-8696b27b.js';
 import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
 import 'preact';
-import './LayerHost-7a2149f5.js';
+import './LayerHost-15b42a3e.js';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-fcfd7dbb.js';
+import './tooltipUtils-38192add.js';
 import './IconStyle.styles.css';
 import './IconButton-62cd1cf9.js';
 import './MessageStyles.styles.css';
@@ -43,12 +43,12 @@ import './ComponentMessageStyles.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
 import './InputGroupContext-20bdbd6e.js';
-import './Popup-a4be2769.js';
+import './Popup-6c3f0839.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './LabelStyles.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
-import { I as IconUserAssistance } from './IconUserAssistance-2b494a2e.js';
+import { I as IconUserAssistance } from './IconUserAssistance-627f9d18.js';
 import { radioIconVars } from './UNSAFE_RadioItem/themes/RadioIconContract.css.js';
 import { RadioIconRedwoodTheme } from './UNSAFE_RadioItem/themes/redwood/RadioIconTheme.js';
 import { RadioRedwoodTheme } from './UNSAFE_RadioItem/themes/redwood/RadioTheme.js';

package/es/RatingGauge-5346d0bf.js CHANGED Viewed

@@ -5,23 +5,23 @@ import { useRef, useState, useEffect } from 'preact/hooks';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { ratingGaugeVars } from './UNSAFE_RatingGauge/themes/RatingGaugeContract.css.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
-import { u as useUser } from './useUser-bca8cf2d.js';
+import { u as useUser } from './useUser-a15426fc.js';
 import { a as assignInlineVars } from './vanilla-extract-dynamic.esm-2955d60a.js';
 import { RatingGaugeRedwoodTheme } from './UNSAFE_RatingGauge/themes/redwood/RatingGaugeTheme.js';
-import { u as useKeyboardEvents } from './useKeyboardEvents-b02e5fda.js';
+import { u as useKeyboardEvents } from './useKeyboardEvents-5c311766.js';
 import 'preact/compat';
-import './LayerHost-7a2149f5.js';
+import './LayerHost-15b42a3e.js';
 import './LayerStyles.styles.css';
-import './Floating-c13f9f62.js';
+import './Floating-9bf456f9.js';
 import './useDatatip.styles.css';
 import './datatipUtils-0a7ff780.js';
 import { f as findThreshold, v as validateRange, g as getMeterAriaProps, d as getThresholdColorFromValue } from './meterUtils-a917450b.js';
-import { u as useDatatip } from './useDatatip-40475371.js';
-import { u as useTooltipControlled } from './useTooltipControlled-97142fd1.js';
+import { u as useDatatip } from './useDatatip-bce558e2.js';
+import { u as useTooltipControlled } from './useTooltipControlled-b565c75b.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
-import { u as useTestId } from './useTestId-af32a9eb.js';
+import { u as useTestId } from './useTestId-3bc3958c.js';
 function getValue(pageX, max, step, dimensionsRef, isRtl) {
     const dimensions = dimensionsRef.current;

package/es/ReadonlyTextFieldInput-a15badb6.js CHANGED Viewed

@@ -12,7 +12,7 @@ import './FormFieldContext-68eb5946.js';
 import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { ReadonlyTextFieldInputRedwoodTheme } from './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputTheme.js';
-import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-98df6291.js';
 /**
  * Merge multiple ids into a space-separated list

package/es/RemovableNavigationListItem-29fdaddc.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { u as useNavigationListContext, B as BaseNavigationListItem } from './Ba
 import { S as SvgClose } from './Close-d6f419e5.js';
 import { useCallback } from 'preact/hooks';
 import { u as useHover } from './useHover-19340c22.js';
-import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-98df6291.js';
 import { E as EmbeddedIconButton } from './EmbeddedIconButton-10f5fb5b.js';
 function RemovableNavigationListItem({ itemKey, label, badge, metadata, severity }) {

package/es/RemovableTabBarItem-1cc7a0ca.js CHANGED Viewed

@@ -3,12 +3,12 @@ import { jsx } from 'preact/jsx-runtime';
 import { useCallback } from 'preact/hooks';
 import { u as useHover } from './useHover-19340c22.js';
 import { S as SvgClose } from './Close-d6f419e5.js';
-import { F as Flex } from './Flex-2d51e914.js';
+import { F as Flex } from './Flex-8696b27b.js';
 import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
 import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
 import { u as useTabBarContext } from './useTabBarContext-0071d2a7.js';
 import { B as BaseTabBarItem } from './TabBarItem-252cba76.js';
-import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-98df6291.js';
 import { E as EmbeddedIconButton } from './EmbeddedIconButton-10f5fb5b.js';
 function RemovableTabBarItem({ itemKey, label, icon, badge, metadata, severity, labelMaxWidth, 'aria-controls': ariaControls }) {

package/es/ReorderableTabBar-b9019d0a.js CHANGED Viewed

@@ -4,13 +4,13 @@ import { toChildArray } from 'preact';
 import { forwardRef } from 'preact/compat';
 import { useRef, useCallback, useState } from 'preact/hooks';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
-import { L as LiveRegion } from './LiveRegion-5302331c.js';
+import { L as LiveRegion } from './LiveRegion-cb4f8a54.js';
 import { T as TabBar } from './TabBar-fb7f97d2.js';
 import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
 import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
 import { a as getKey } from './collectionUtils-ccfce5b4.js';
-import './LayerHost-7a2149f5.js';
-import { a as useReorderableItem, u as useReorderable } from './useReorderableItem-7f7c13b5.js';
+import './LayerHost-15b42a3e.js';
+import { a as useReorderableItem, u as useReorderable } from './useReorderableItem-96616318.js';
 import { R as ReorderableContext } from './ReorderableContext-0daeea89.js';
 import { styles } from './UNSAFE_ReorderableTabBar/themes/ReorderableTabBarItemStyles.css.js';
 import { i as isKeyDefined } from './keys-49c92dbb.js';

package/es/RevealToggleIcon-51514e37.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import { jsx } from 'preact/jsx-runtime';
 import { S as SvgViewHide } from './ViewHide-5c1ab3f8.js';
 import { S as SvgView } from './View-34d1747d.js';
-import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
+import { u as useTranslationBundle } from './useTranslationBundle-98df6291.js';
 import { I as IconSwitchButton } from './IconSwitchButton-a92911d0.js';
 /**

package/es/{ScatterChart-4bfeca5d.js → ScatterChart-0cbabd0f.js} RENAMED Viewed

@@ -2,9 +2,9 @@
 import { jsx, Fragment, jsxs } from 'preact/jsx-runtime';
 import { h as findNearestDataPoint } from './layoutUtils-3bbcb977.js';
 import { a as getSeriesData, b as getLineAreaSegments, g as getMarkers } from './useChartDnd-9cf28aba.js';
-import { L as LineSeries, M as MarkersWithLabel } from './LineSeries-00fa2ab7.js';
+import { L as LineSeries, M as MarkersWithLabel } from './LineSeries-ca5836e7.js';
 import { f as getLineAreaChartNavUtil, d as getItemColor, h as getMarkerType } from './dataStyleUtils-718fe00a.js';
-import { u as useUser } from './useUser-bca8cf2d.js';
+import { u as useUser } from './useUser-a15426fc.js';
 import { g as getColorRamp } from './colorUtils-c462ff3b.js';
 import './accUtils-60925ab1.js';
 import { C as Chart } from './Chart-b046fb6a.js';
@@ -100,4 +100,4 @@ function ScatterChart({ width, height, selectedIds = [], hiddenIds = [], highlig
 }
 export { ScatterChart as S };
-//# sourceMappingURL=ScatterChart-4bfeca5d.js.map
+//# sourceMappingURL=ScatterChart-0cbabd0f.js.map

package/es/{ScatterChart-4bfeca5d.js.map → ScatterChart-0cbabd0f.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ScatterChart-4bfeca5d.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.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 { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\n\nconst AXIS_OFFSET = 0.2;\n\n/\n Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n /\nexport function ScatterChart<K extends string \| number, D extends ScatterItem<K>>({\n width,\n height,\n selectedIds = [],\n hiddenIds = [],\n highlightedIds,\n hideAndShowBehavior = 'none',\n orientation = 'vertical',\n yAxis,\n series,\n groups,\n getDataItem,\n selectionMode = 'none',\n drilling = 'off',\n dataLabelEffect = 'outline',\n lineType = 'none',\n ...props\n}: ScatterChartProps<K, D>) {\n const { direction, forcedColors } = useUser();\n const isHighContrast = forcedColors === 'active';\n const isTestEnv = props.testId !== undefined;\n const isRtl = direction === 'rtl';\n const isLog = yAxis?.scale === 'log';\n const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n const hiddenSet = new Set(hiddenIds);\n const selectedSet = new Set(selectedIds);\n const highlightedSet = new Set(highlightedIds);\n const isHoriz = orientation === 'horizontal';\n const colors = getColorRamp();\n const renderedSeries = getSeriesData<K, D>(\n series?.length,\n groups?.length,\n getDataItem,\n hiddenSet,\n isLog\n );\n\n const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D \| undefined =>\n getDataItem(seriesIndex, groupIndex);\n\n const getGapRatio = () => {\n return 1;\n };\n\n const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n // TODO: JET-71301\n return getLineAreaChartNavUtil<D>(\n getDataItem,\n series.length,\n startIndex,\n endIndex,\n false,\n isRtl,\n isHoriz\n );\n };\n\n const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n return (seriesIndex: number, groupIndex: number) => {\n // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n // TODO: JET-71332\n const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n if (item?.x == null && item?.y) {\n return;\n }\n const x = xScale.transform(item?.x!);\n const y = yScale.transform(item?.y!);\n return { x, y, height: 0, width: 0 };\n };\n };\n\n const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n return {\n color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n };\n };\n\n const findNearest = (xScale: Scale, yScale: Scale) => {\n const getSeriesDataInfo = () => {\n return {\n offset: 0,\n dataWidth: 0\n };\n };\n\n const getYCoord = (value: number, yScale: Scale) => {\n return yScale.transform(value);\n };\n\n return findNearestDataPoint<K, D>(\n series,\n groups,\n xScale,\n yScale,\n renderedGetDataItem,\n false,\n getSeriesDataInfo,\n getYCoord,\n isLog,\n 0,\n hiddenSet,\n timeAxisType\n );\n };\n const markers = getMarkers();\n return (\n <Chart\n width={width}\n height={height}\n selectedIds={selectedSet}\n hiddenIds={hiddenIds}\n hideAndShowBehavior={hideAndShowBehavior}\n orientation={orientation}\n yAxis={yAxis}\n series={series}\n groups={groups}\n overview=\"off\"\n defaultOverviewContentRenderer={() => null}\n selectionMode={selectionMode}\n drilling={drilling}\n getDataItem={getDataItem}\n findNearest={findNearest}\n getDataItemPos={getDataItemPos}\n getMarkerInfo={getMarkerColorAndType}\n renderGridLinesInFront={true}\n isDataXAxis={true}\n getNavUtil={getNextChartItemFunc}\n getGapRatio={getGapRatio}\n offset={AXIS_OFFSET}\n isRtl={isRtl}\n {...props}>\n {({\n xStartIndex,\n xEndIndex,\n xScale,\n yScale,\n activeId,\n focusedItemInfo,\n hoveredItemInfo,\n isPointInsideMarquee,\n defaultFontSize,\n getTextDimensions\n }) => {\n return (\n <>\n {renderedSeries.map((lineAreaSeries, index) => {\n if (lineAreaSeries.length === 0) {\n / TODO: need a better way to handle when a series is hidden. /\n return;\n }\n const seriesItem = series[index];\n const isLineRendered = lineType !== 'none';\n const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n yScale,\n xScale,\n lineAreaSeries,\n xStartIndex,\n xEndIndex,\n isHoriz,\n isLog,\n groups,\n index,\n renderedGetDataItem,\n timeAxisType,\n true\n );\n\n const isHighlighted =\n highlightedIds === undefined \|\|\n highlightedIds.length === 0 \|\|\n highlightedSet.has(seriesItem.id);\n\n return (\n <>\n {isLineRendered && (\n <LineSeries\n lineType={lineType}\n / TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n It's always white in legacy./\n lineColor={seriesItem.lineColor}\n / The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n generates this curve.\n /\n lineWidth={seriesItem.lineWidth}\n lineStyle={seriesItem.lineStyle}\n color={seriesItem.lineColor \|\| colors[index % colors.length]}\n lineSegmentCoords={lineSegmentCoords}\n isHorizontal={isHoriz}\n isHighlighted={isHighlighted}\n seriesIndex={index}\n />\n )}\n <MarkersWithLabel\n yScale={yScale}\n xScale={xScale}\n groups={groups}\n series={seriesItem}\n timeAxisType={timeAxisType}\n color={\n seriesItem.lineColor \|\|\n colors[\n index % colors.length\n ] / TODO : make this use getItemColor function from dataStyleUtils. */\n }\n seriesIndex={index}\n startIndex={xStartIndex}\n endIndex={xEndIndex}\n markerType={markers[index % markers.length]}\n orientation={orientation}\n isLog={isLog}\n activeId={activeId}\n getDataItem={getDataItem}\n isPointInsideMarquee={isPointInsideMarquee}\n selectedIds={selectedSet}\n highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n focusedItemIndex={\n focusedItemInfo.seriesIndex === index &&\n focusedItemInfo.isFocusVisible &&\n !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n ? focusedItemInfo.groupIndex\n : undefined\n }\n hoveredItemIndex={\n hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n ? hoveredItemInfo.groupIndex\n : undefined\n }\n isSelectionEnabled={selectionMode === 'single' \|\| selectionMode === 'multiple'}\n isDrillEnabled={drilling === 'on'}\n defaultFontSize={defaultFontSize}\n dataLabelEffect={dataLabelEffect}\n isHighContrast={isHighContrast}\n isTestEnv={isTestEnv}\n isDataXAxis={true}\n getTextDimensions={getTextDimensions}\n />\n </>\n );\n })}\n </>\n );\n }}\n </Chart>\n );\n}\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}
1	+ {"version":3,"file":"ScatterChart-0cbabd0f.js","sources":["../../src/UNSAFE_ScatterChart/ScatterChart.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 { ScatterChartProps, ScatterItem } from './scatterChart.types';\nimport { findNearestDataPoint } from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\n\nconst AXIS_OFFSET = 0.2;\n\n/\n Scatter charts define data items using x and y values, making them useful for viewing relationships between 2 dimensions.\n /\nexport function ScatterChart<K extends string \| number, D extends ScatterItem<K>>({\n width,\n height,\n selectedIds = [],\n hiddenIds = [],\n highlightedIds,\n hideAndShowBehavior = 'none',\n orientation = 'vertical',\n yAxis,\n series,\n groups,\n getDataItem,\n selectionMode = 'none',\n drilling = 'off',\n dataLabelEffect = 'outline',\n lineType = 'none',\n ...props\n}: ScatterChartProps<K, D>) {\n const { direction, forcedColors } = useUser();\n const isHighContrast = forcedColors === 'active';\n const isTestEnv = props.testId !== undefined;\n const isRtl = direction === 'rtl';\n const isLog = yAxis?.scale === 'log';\n const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n const hiddenSet = new Set(hiddenIds);\n const selectedSet = new Set(selectedIds);\n const highlightedSet = new Set(highlightedIds);\n const isHoriz = orientation === 'horizontal';\n const colors = getColorRamp();\n const renderedSeries = getSeriesData<K, D>(\n series?.length,\n groups?.length,\n getDataItem,\n hiddenSet,\n isLog\n );\n\n const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D \| undefined =>\n getDataItem(seriesIndex, groupIndex);\n\n const getGapRatio = () => {\n return 1;\n };\n\n const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n // TODO: JET-71301\n return getLineAreaChartNavUtil<D>(\n getDataItem,\n series.length,\n startIndex,\n endIndex,\n false,\n isRtl,\n isHoriz\n );\n };\n\n const getDataItemPos = (xScale: Scale, yScale: Scale) => {\n return (seriesIndex: number, groupIndex: number) => {\n // Scatter shouldn't create renderedSeries. Can filter for hidden item here.\n // TODO: JET-71332\n const item = renderedSeries[seriesIndex][groupIndex] as { x: number; y: number };\n if (item?.x == null && item?.y) {\n return;\n }\n const x = xScale.transform(item?.x!);\n const y = yScale.transform(item?.y!);\n return { x, y, height: 0, width: 0 };\n };\n };\n\n const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n return {\n color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n };\n };\n\n const findNearest = (xScale: Scale, yScale: Scale) => {\n const getSeriesDataInfo = () => {\n return {\n offset: 0,\n dataWidth: 0\n };\n };\n\n const getYCoord = (value: number, yScale: Scale) => {\n return yScale.transform(value);\n };\n\n return findNearestDataPoint<K, D>(\n series,\n groups,\n xScale,\n yScale,\n renderedGetDataItem,\n false,\n getSeriesDataInfo,\n getYCoord,\n isLog,\n 0,\n hiddenSet,\n timeAxisType\n );\n };\n const markers = getMarkers();\n return (\n <Chart\n width={width}\n height={height}\n selectedIds={selectedSet}\n hiddenIds={hiddenIds}\n hideAndShowBehavior={hideAndShowBehavior}\n orientation={orientation}\n yAxis={yAxis}\n series={series}\n groups={groups}\n overview=\"off\"\n defaultOverviewContentRenderer={() => null}\n selectionMode={selectionMode}\n drilling={drilling}\n getDataItem={getDataItem}\n findNearest={findNearest}\n getDataItemPos={getDataItemPos}\n getMarkerInfo={getMarkerColorAndType}\n renderGridLinesInFront={true}\n isDataXAxis={true}\n getNavUtil={getNextChartItemFunc}\n getGapRatio={getGapRatio}\n offset={AXIS_OFFSET}\n isRtl={isRtl}\n {...props}>\n {({\n xStartIndex,\n xEndIndex,\n xScale,\n yScale,\n activeId,\n focusedItemInfo,\n hoveredItemInfo,\n isPointInsideMarquee,\n defaultFontSize,\n getTextDimensions\n }) => {\n return (\n <>\n {renderedSeries.map((lineAreaSeries, index) => {\n if (lineAreaSeries.length === 0) {\n / TODO: need a better way to handle when a series is hidden. /\n return;\n }\n const seriesItem = series[index];\n const isLineRendered = lineType !== 'none';\n const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n yScale,\n xScale,\n lineAreaSeries,\n xStartIndex,\n xEndIndex,\n isHoriz,\n isLog,\n groups,\n index,\n renderedGetDataItem,\n timeAxisType,\n true\n );\n\n const isHighlighted =\n highlightedIds === undefined \|\|\n highlightedIds.length === 0 \|\|\n highlightedSet.has(seriesItem.id);\n\n return (\n <>\n {isLineRendered && (\n <LineSeries\n lineType={lineType}\n / TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n It's always white in legacy./\n lineColor={seriesItem.lineColor}\n / The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n generates this curve.\n /\n lineWidth={seriesItem.lineWidth}\n lineStyle={seriesItem.lineStyle}\n color={seriesItem.lineColor \|\| colors[index % colors.length]}\n lineSegmentCoords={lineSegmentCoords}\n isHorizontal={isHoriz}\n isHighlighted={isHighlighted}\n seriesIndex={index}\n />\n )}\n <MarkersWithLabel\n yScale={yScale}\n xScale={xScale}\n groups={groups}\n series={seriesItem}\n timeAxisType={timeAxisType}\n color={\n seriesItem.lineColor \|\|\n colors[\n index % colors.length\n ] / TODO : make this use getItemColor function from dataStyleUtils. */\n }\n seriesIndex={index}\n startIndex={xStartIndex}\n endIndex={xEndIndex}\n markerType={markers[index % markers.length]}\n orientation={orientation}\n isLog={isLog}\n activeId={activeId}\n getDataItem={getDataItem}\n isPointInsideMarquee={isPointInsideMarquee}\n selectedIds={selectedSet}\n highlightedIds={highlightedIds !== undefined ? highlightedSet : undefined}\n focusedItemIndex={\n focusedItemInfo.seriesIndex === index &&\n focusedItemInfo.isFocusVisible &&\n !(props.isDataCursorEnabled && props.dataCursorStyle?.isMarkerDisplayed)\n ? focusedItemInfo.groupIndex\n : undefined\n }\n hoveredItemIndex={\n hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n ? hoveredItemInfo.groupIndex\n : undefined\n }\n isSelectionEnabled={selectionMode === 'single' \|\| selectionMode === 'multiple'}\n isDrillEnabled={drilling === 'on'}\n defaultFontSize={defaultFontSize}\n dataLabelEffect={dataLabelEffect}\n isHighContrast={isHighContrast}\n isTestEnv={isTestEnv}\n isDataXAxis={true}\n getTextDimensions={getTextDimensions}\n />\n </>\n );\n })}\n </>\n );\n }}\n </Chart>\n );\n}\n"],"names":["_jsx","_Fragment","_jsxs"],"mappings":"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"}

package/es/SectionalLegend-c71d48a3.js CHANGED Viewed

@@ -2,17 +2,17 @@
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { forwardRef } from 'preact/compat';
 import { useRef, useState, useImperativeHandle } from 'preact/hooks';
-import { u as useVisEvent } from './useVisEvents-37c78cfe.js';
+import { u as useVisEvent } from './useVisEvents-7d4753c4.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { g as getRandomId } from './layoutUtils-6725789c.js';
 import { m as getSectionGridNums, g as getLegendTextStyle, b as getDatatipText, c as getAriaProps, u as useLegendDnd, l as legendVars, a as getItemInfo, i as isEqualItem, f as getKeyUpHandler, e as getIsLegendItemActionable } from './useLegendDnd-0cb3d38d.js';
 import { u as useLegendDatatip, b as useSectionalLegendContextMenu, L as LegendText, B as BaseLegend } from './useLegendContextMenu-1043d63c.js';
 import { u as useItemFocus } from './useItemFocus-c12e2756.js';
-import { F as Flex } from './Flex-2d51e914.js';
+import { F as Flex } from './Flex-8696b27b.js';
 import { styles } from './PRIVATE_BaseLegend/themes/LegendStyles.css.js';
-import { u as useCssVars } from './useCssVars-48595cd2.js';
+import { u as useCssVars } from './useCssVars-8e6932f8.js';
 import { c as classNames } from './classNames-4e12b00d.js';
-import { u as useTestId } from './useTestId-af32a9eb.js';
+import { u as useTestId } from './useTestId-3bc3958c.js';
 import { u as useVisTouchResponse } from './useVisTouchResponse-a59ab166.js';
 import { m as merge } from './stringUtils-16f617bc.js';
 import { u as useTextDimensions } from './useTextDimensions-d73a1bf9.js';

package/es/{SectionedContent-2d0a744d.js → SectionedContent-3fd063af.js} RENAMED Viewed

@@ -1,12 +1,12 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useState, useCallback, useRef } from 'preact/hooks';
-import { D as Dropdown } from './Dropdown-f7fbfa81.js';
-import { F as Flex } from './Flex-2d51e914.js';
+import { D as Dropdown } from './Dropdown-f0cdaeae.js';
+import { F as Flex } from './Flex-8696b27b.js';
 import { F as FocusTrap } from './FocusTrap-c31d16c5.js';
 import { K as KEYS } from './keyboardUtils-40eea0a6.js';
-import { u as useTestId } from './useTestId-af32a9eb.js';
-import { V as View } from './View-a8a64eb1.js';
+import { u as useTestId } from './useTestId-3bc3958c.js';
+import { V as View } from './View-63980a9b.js';
 const DEFAULT_PLACEMENT = 'bottom-start';
 /**
@@ -61,4 +61,4 @@ const SectionedContent = ({ 'aria-label': ariaLabel, contentRef: propRef, gap, f
 };
 export { StickyPositioningDropdown as S, SectionedContent as a };
-//# sourceMappingURL=SectionedContent-2d0a744d.js.map
+//# sourceMappingURL=SectionedContent-3fd063af.js.map

package/es/{SectionedContent-2d0a744d.js.map → SectionedContent-3fd063af.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SectionedContent-~~2d0a744d~~.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.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 { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n DropdownProps,\n \| 'anchorRef'\n \| 'children'\n \| 'flipOptions'\n \| 'id'\n \| 'initialFocus'\n \| 'isOpen'\n \| 'minWidth'\n \| 'offset'\n \| 'onClose'\n \| 'onPosition'\n \| 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/\n StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n /\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n if (prevIsOpen !== isOpen) {\n setPrevIsOpen(isOpen);\n\n // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n // initially open in the previous position and then move to the default position on the\n // rerender after the state is updated\n if (!isOpen) {\n setPlacement(DEFAULT_PLACEMENT);\n }\n }\n const handlePosition = useCallback(\n (positionData: PositionData) => {\n // update the placement so that the dropdown stays where it is until there is a collision,\n // i.e. it no longer fits, instead of letting it try to move back to the default position\n // on every render\n setPlacement(positionData.placement);\n\n // call the callback that was passed in through props\n onPosition?.(positionData);\n },\n [onPosition, setPlacement]\n );\n\n return (\n <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n {children}\n </Dropdown>\n );\n};\n\nexport { StickyPositioningDropdown };\n","/\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 type { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n AriaAttributesSignalExcluded,\n HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n /\n An accessible label that describes the content.\n /\n 'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n /\n A ref to the content container.\n /\n contentRef?: RefObject<HTMLDivElement>;\n\n /\n Child content in the footer section.\n /\n footer?: ComponentChildren;\n\n /\n The spacing between the sections.\n /\n gap?: FlexProps['gap'];\n\n /\n True if the tab key should cycle focus within the content.\n * @default false\n /\n hasFocusTrap?: boolean;\n\n /\n Child content in the header section.\n /\n header?: ComponentChildren;\n\n /\n Child content in the main section.\n /\n main?: ComponentChildren;\n\n /\n The padding between the footer or bottom edge and the main content.\n * @default '4x'\n /\n paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n /\n The padding between the header or top edge and the main content.\n * @default '4x'\n /\n paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n /\n The padding between the right edge and the main content.\n * @default '4x'\n /\n paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n /\n The padding between the left edge and the main content.\n * @default '4x'\n /\n paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n /\n The aria role applied to the content container. For example, if the \"launcher\" element\n * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n * it controls an element with a role such as listbox or grid.\n /\n role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/\n The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n 'aria-label': ariaLabel,\n contentRef: propRef,\n gap,\n footer,\n hasFocusTrap = false,\n header,\n main,\n paddingBlockEnd = '4x',\n paddingBlockStart = '4x',\n paddingInlineEnd = '4x',\n paddingInlineStart = '4x',\n role,\n testId\n}: Props) => {\n const testIdProps = useTestId(testId);\n\n const cRef = useRef<HTMLDivElement>(null);\n const contentRef = propRef ?? cRef;\n\n const handleKeyDown = useCallback((event: KeyboardEvent) => {\n if (event.code === KEYS.TAB) {\n event.stopPropagation();\n }\n }, []);\n\n const sections = (\n <Flex direction=\"column\" gap={gap}>\n {header}\n <View\n paddingBlockEnd={paddingBlockEnd}\n paddingBlockStart={paddingBlockStart}\n paddingInlineEnd={paddingInlineEnd}\n paddingInlineStart={paddingInlineStart}>\n {main}\n </View>\n {footer}\n </Flex>\n );\n\n // Use a FocusTrap around the content if hasFocusTrap is true.\n const childContent = hasFocusTrap ? (\n <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n ) : (\n { sections }\n );\n\n return (\n <div\n aria-label={ariaLabel}\n onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n ref={contentRef}\n role={role}\n {...testIdProps}>\n {childContent}\n </div>\n );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;AA8BA,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAEzC;;;;;;AAMG;AACH,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAS,KAAI;IACrF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA6B,iBAAiB,CAAC,CAAC;IAC1F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;AAErD,IAAA,IAAI,UAAU,KAAK,MAAM,EAAE;QACzB,aAAa,CAAC,MAAM,CAAC,CAAC;;;;QAKtB,IAAI,CAAC,MAAM,EAAE;YACX,YAAY,CAAC,iBAAiB,CAAC,CAAC;SACjC;KACF;AACD,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,YAA0B,KAAI;;;;AAI7B,QAAA,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;;AAGrC,QAAA,UAAU,GAAG,YAAY,CAAC,CAAC;AAC7B,KAAC,EACD,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B,CAAC;IAEF,QACEA,IAAC,QAAQ,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,IAAI,EACjF,QAAA,EAAA,QAAQ,EACA,CAAA,EACX;AACJ;;ACsBA;;;;;AAKG;MACU,gBAAgB,GAAG,CAAC,EAC/B,YAAY,EAAE,SAAS,EACvB,UAAU,EAAE,OAAO,EACnB,GAAG,EACH,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,MAAM,EACN,IAAI,EACJ,eAAe,GAAG,IAAI,EACtB,iBAAiB,GAAG,IAAI,EACxB,gBAAgB,GAAG,IAAI,EACvB,kBAAkB,GAAG,IAAI,EACzB,IAAI,EACJ,MAAM,EACA,KAAI;AACV,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,MAAM,IAAI,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAC1C,IAAA,MAAM,UAAU,GAAG,OAAO,IAAI,IAAI,CAAC;AAEnC,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAoB,KAAI;QACzD,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,EAAE;YAC3B,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;KACF,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,QAAQ,IACZC,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAC9B,MAAM,EACPD,GAAA,CAAC,IAAI,EACH,EAAA,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,YACrC,IAAI,EAAA,CACA,EACN,MAAM,CAAA,EAAA,CACF,CACR,CAAC;;IAGF,MAAM,YAAY,GAAG,YAAY,IAC/BA,GAAA,CAAC,SAAS,EAAA,EAAC,eAAe,EAAE,KAAK,EAAG,QAAA,EAAA,QAAQ,EAAa,CAAA,KAEzD,EAAE,QAAQ,EAAE,CACb,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,YAAA,EACc,SAAS,EACrB,SAAS,EAAE,YAAY,GAAG,aAAa,GAAG,SAAS,EACnD,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,IAAI,EAAA,GACN,WAAW,EAAA,QAAA,EACd,YAAY,EAAA,CACT,EACN;AACJ;;;;"}
1	+ {"version":3,"file":"SectionedContent-3fd063af.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.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 { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n DropdownProps,\n \| 'anchorRef'\n \| 'children'\n \| 'flipOptions'\n \| 'id'\n \| 'initialFocus'\n \| 'isOpen'\n \| 'minWidth'\n \| 'offset'\n \| 'onClose'\n \| 'onPosition'\n \| 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/\n StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n /\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n if (prevIsOpen !== isOpen) {\n setPrevIsOpen(isOpen);\n\n // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n // initially open in the previous position and then move to the default position on the\n // rerender after the state is updated\n if (!isOpen) {\n setPlacement(DEFAULT_PLACEMENT);\n }\n }\n const handlePosition = useCallback(\n (positionData: PositionData) => {\n // update the placement so that the dropdown stays where it is until there is a collision,\n // i.e. it no longer fits, instead of letting it try to move back to the default position\n // on every render\n setPlacement(positionData.placement);\n\n // call the callback that was passed in through props\n onPosition?.(positionData);\n },\n [onPosition, setPlacement]\n );\n\n return (\n <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n {children}\n </Dropdown>\n );\n};\n\nexport { StickyPositioningDropdown };\n","/\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 type { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n AriaAttributesSignalExcluded,\n HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n /\n An accessible label that describes the content.\n /\n 'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n /\n A ref to the content container.\n /\n contentRef?: RefObject<HTMLDivElement>;\n\n /\n Child content in the footer section.\n /\n footer?: ComponentChildren;\n\n /\n The spacing between the sections.\n /\n gap?: FlexProps['gap'];\n\n /\n True if the tab key should cycle focus within the content.\n * @default false\n /\n hasFocusTrap?: boolean;\n\n /\n Child content in the header section.\n /\n header?: ComponentChildren;\n\n /\n Child content in the main section.\n /\n main?: ComponentChildren;\n\n /\n The padding between the footer or bottom edge and the main content.\n * @default '4x'\n /\n paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n /\n The padding between the header or top edge and the main content.\n * @default '4x'\n /\n paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n /\n The padding between the right edge and the main content.\n * @default '4x'\n /\n paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n /\n The padding between the left edge and the main content.\n * @default '4x'\n /\n paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n /\n The aria role applied to the content container. For example, if the \"launcher\" element\n * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n * it controls an element with a role such as listbox or grid.\n /\n role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/\n The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n 'aria-label': ariaLabel,\n contentRef: propRef,\n gap,\n footer,\n hasFocusTrap = false,\n header,\n main,\n paddingBlockEnd = '4x',\n paddingBlockStart = '4x',\n paddingInlineEnd = '4x',\n paddingInlineStart = '4x',\n role,\n testId\n}: Props) => {\n const testIdProps = useTestId(testId);\n\n const cRef = useRef<HTMLDivElement>(null);\n const contentRef = propRef ?? cRef;\n\n const handleKeyDown = useCallback((event: KeyboardEvent) => {\n if (event.code === KEYS.TAB) {\n event.stopPropagation();\n }\n }, []);\n\n const sections = (\n <Flex direction=\"column\" gap={gap}>\n {header}\n <View\n paddingBlockEnd={paddingBlockEnd}\n paddingBlockStart={paddingBlockStart}\n paddingInlineEnd={paddingInlineEnd}\n paddingInlineStart={paddingInlineStart}>\n {main}\n </View>\n {footer}\n </Flex>\n );\n\n // Use a FocusTrap around the content if hasFocusTrap is true.\n const childContent = hasFocusTrap ? (\n <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n ) : (\n { sections }\n );\n\n return (\n <div\n aria-label={ariaLabel}\n onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n ref={contentRef}\n role={role}\n {...testIdProps}>\n {childContent}\n </div>\n );\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;AA8BA,MAAM,iBAAiB,GAAG,cAAc,CAAC;AAEzC;;;;;;AAMG;AACH,MAAM,yBAAyB,GAAG,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,GAAG,IAAI,EAAS,KAAI;IACrF,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAA6B,iBAAiB,CAAC,CAAC;IAC1F,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC;AAErD,IAAA,IAAI,UAAU,KAAK,MAAM,EAAE;QACzB,aAAa,CAAC,MAAM,CAAC,CAAC;;;;QAKtB,IAAI,CAAC,MAAM,EAAE;YACX,YAAY,CAAC,iBAAiB,CAAC,CAAC;SACjC;KACF;AACD,IAAA,MAAM,cAAc,GAAG,WAAW,CAChC,CAAC,YAA0B,KAAI;;;;AAI7B,QAAA,YAAY,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC;;AAGrC,QAAA,UAAU,GAAG,YAAY,CAAC,CAAC;AAC7B,KAAC,EACD,CAAC,UAAU,EAAE,YAAY,CAAC,CAC3B,CAAC;IAEF,QACEA,IAAC,QAAQ,EAAA,EAAC,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,SAAS,EAAE,SAAS,EAAA,GAAM,IAAI,EACjF,QAAA,EAAA,QAAQ,EACA,CAAA,EACX;AACJ;;ACsBA;;;;;AAKG;MACU,gBAAgB,GAAG,CAAC,EAC/B,YAAY,EAAE,SAAS,EACvB,UAAU,EAAE,OAAO,EACnB,GAAG,EACH,MAAM,EACN,YAAY,GAAG,KAAK,EACpB,MAAM,EACN,IAAI,EACJ,eAAe,GAAG,IAAI,EACtB,iBAAiB,GAAG,IAAI,EACxB,gBAAgB,GAAG,IAAI,EACvB,kBAAkB,GAAG,IAAI,EACzB,IAAI,EACJ,MAAM,EACA,KAAI;AACV,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,MAAM,IAAI,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;AAC1C,IAAA,MAAM,UAAU,GAAG,OAAO,IAAI,IAAI,CAAC;AAEnC,IAAA,MAAM,aAAa,GAAG,WAAW,CAAC,CAAC,KAAoB,KAAI;QACzD,IAAI,KAAK,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,EAAE;YAC3B,KAAK,CAAC,eAAe,EAAE,CAAC;SACzB;KACF,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,MAAM,QAAQ,IACZC,KAAC,IAAI,EAAA,EAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,GAAG,EAAA,QAAA,EAAA,CAC9B,MAAM,EACPD,GAAA,CAAC,IAAI,EACH,EAAA,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,gBAAgB,EAAE,gBAAgB,EAClC,kBAAkB,EAAE,kBAAkB,YACrC,IAAI,EAAA,CACA,EACN,MAAM,CAAA,EAAA,CACF,CACR,CAAC;;IAGF,MAAM,YAAY,GAAG,YAAY,IAC/BA,GAAA,CAAC,SAAS,EAAA,EAAC,eAAe,EAAE,KAAK,EAAG,QAAA,EAAA,QAAQ,EAAa,CAAA,KAEzD,EAAE,QAAQ,EAAE,CACb,CAAC;AAEF,IAAA,QACEA,GAAA,CAAA,KAAA,EAAA,EAAA,YAAA,EACc,SAAS,EACrB,SAAS,EAAE,YAAY,GAAG,aAAa,GAAG,SAAS,EACnD,GAAG,EAAE,UAAU,EACf,IAAI,EAAE,IAAI,EAAA,GACN,WAAW,EAAA,QAAA,EACd,YAAY,EAAA,CACT,EACN;AACJ;;;;"}

package/es/SelectMultiple-ad8fc99a.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { T as TextFieldInput } from './TextFieldInput-3c2e920d.js';
 import './ObfuscatedTextFieldInputStyles.styles.css';
 import { R as ReadonlyTextFieldInput } from './ReadonlyTextFieldInput-a15badb6.js';
 import { R as ReadonlyTextField } from './StyledTextField-ebb5409d.js';
-import { F as Flex } from './Flex-2d51e914.js';
+import { F as Flex } from './Flex-8696b27b.js';
 import './FormContext-4d71f9c7.js';
 import { u as useFormContext } from './useFormContext-875cacd7.js';
 import { F as FormFieldContext } from './FormFieldContext-68eb5946.js';
@@ -32,8 +32,8 @@ import './CheckboxStyles.styles.css';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js';
 import './InputGroupContext-20bdbd6e.js';
-import './LayerHost-7a2149f5.js';
-import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
+import './LayerHost-15b42a3e.js';
+import { u as useTranslationBundle } from './useTranslationBundle-98df6291.js';
 import './LiveRegionStyles.styles.css';
 import { T as TabbableModeContext } from './TabbableModeContext-7d8ad946.js';
 import './UserAssistanceStyles.styles.css';
@@ -44,10 +44,10 @@ import { C as CompactUserAssistance } from './CompactUserAssistance-12950e48.js'
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-fcfd7dbb.js';
+import './tooltipUtils-38192add.js';
 import { Fragment as Fragment$1 } from 'preact';
 import './IconStyle.styles.css';
-import './Popup-a4be2769.js';
+import './Popup-6c3f0839.js';
 import './HiddenAccessibleStyles.styles.css';
 import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
 import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
@@ -66,7 +66,7 @@ import { C as Chip } from './Chip-8554d3ff.js';
 import { I as IconButton } from './IconButton-62cd1cf9.js';
 import { S as SvgNavLeft, a as SvgCancelS } from './CancelS-788bf663.js';
 import { u as useFocusWithin } from './useFocusWithin-30b1e2d8.js';
-import { u as useUser } from './useUser-bca8cf2d.js';
+import { u as useUser } from './useUser-a15426fc.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { d as dimensionInterpolations } from './dimensions-e4b8a67e.js';
 import { m as mergeInterpolations } from './mergeInterpolations-e2db2a66.js';
@@ -76,8 +76,8 @@ import { S as SvgClose } from './Close-d6f419e5.js';
 import { u as useId } from './useId-03dbfdf0.js';
 import { textTagStyles } from './UNSAFE_SelectMultiple/themes/TextTagStyles.css.js';
 import { textTagListStyles } from './UNSAFE_SelectMultiple/themes/TextTagListStyles.css.js';
-import { L as LiveRegion } from './LiveRegion-5302331c.js';
-import { V as View } from './View-a8a64eb1.js';
+import { L as LiveRegion } from './LiveRegion-cb4f8a54.js';
+import { V as View } from './View-63980a9b.js';
 import { mobileDropdownFooterStyles } from './UNSAFE_SelectMultiple/themes/MobileDropdownFooterStyles.css.js';
 import { B as Button } from './Button-94bdbda5.js';
 import { u as useEffectEvent } from './useEffectEvent-e320381e.js';

package/es/SelectSingle-abaf271c.js CHANGED Viewed

@@ -8,7 +8,7 @@ import { T as TextFieldInput } from './TextFieldInput-3c2e920d.js';
 import './ObfuscatedTextFieldInputStyles.styles.css';
 import { R as ReadonlyTextFieldInput } from './ReadonlyTextFieldInput-a15badb6.js';
 import { R as ReadonlyTextField } from './StyledTextField-ebb5409d.js';
-import './Flex-2d51e914.js';
+import './Flex-8696b27b.js';
 import './FormContext-4d71f9c7.js';
 import { u as useFormContext } from './useFormContext-875cacd7.js';
 import { F as FormFieldContext } from './FormFieldContext-68eb5946.js';
@@ -32,8 +32,8 @@ import './CheckboxStyles.styles.css';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxBaseTheme.styles.css';
 import './UNSAFE_Checkbox/themes/redwood/CheckboxVariants.css.js';
 import './InputGroupContext-20bdbd6e.js';
-import './LayerHost-7a2149f5.js';
-import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
+import './LayerHost-15b42a3e.js';
+import { u as useTranslationBundle } from './useTranslationBundle-98df6291.js';
 import './LiveRegionStyles.styles.css';
 import { T as TabbableModeContext } from './TabbableModeContext-7d8ad946.js';
 import './UserAssistanceStyles.styles.css';
@@ -44,10 +44,10 @@ import { C as CompactUserAssistance } from './CompactUserAssistance-12950e48.js'
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-fcfd7dbb.js';
+import './tooltipUtils-38192add.js';
 import { Fragment as Fragment$1 } from 'preact';
 import './IconStyle.styles.css';
-import './Popup-a4be2769.js';
+import './Popup-6c3f0839.js';
 import './HiddenAccessibleStyles.styles.css';
 import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
 import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
@@ -64,8 +64,8 @@ import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
 import './ReadonlyTextFieldInputStyles.styles.css';
 import './UNSAFE_TextField/themes/redwood/ReadonlyTextFieldInputVariants.css.js';
 import { T as TextField } from './TextField-cb494638.js';
-import { L as LiveRegion } from './LiveRegion-5302331c.js';
-import { V as View } from './View-a8a64eb1.js';
+import { L as LiveRegion } from './LiveRegion-cb4f8a54.js';
+import { V as View } from './View-63980a9b.js';
 import { u as useEffectEvent } from './useEffectEvent-e320381e.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';

package/es/{SelectionCard-792c249d.js → SelectionCard-1f8585cb.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
 import { u as useHover } from './useHover-19340c22.js';
-import { S as StyledCard } from './StyledCard-6913b45c.js';
+import { S as StyledCard } from './StyledCard-f5965d6d.js';
 /**
  * A selection card is a container element that is a part of a collection of elements, and renders a group of related information in a styled rectangular area.
@@ -13,4 +13,4 @@ const SelectionCard = ({ children, isSelected = false, testId, ...rest }) => {
 };
 export { SelectionCard as S };
-//# sourceMappingURL=SelectionCard-792c249d.js.map
+//# sourceMappingURL=SelectionCard-1f8585cb.js.map

package/es/{SelectionCard-792c249d.js.map → SelectionCard-1f8585cb.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectionCard-~~792c249d~~.js","sources":["../../src/UNSAFE_SelectionCard/SelectionCard.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 { ComponentChildren } from 'preact';\n\nimport { StyledCard } from '#PRIVATE_StyledCard';\n\nimport { type ColorProps } from '#utils/UNSAFE_interpolations/colors';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { type AriaProps } from '#utils/UNSAFE_interpolations/aria';\nimport { type DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { type PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { useHover } from '#hooks/UNSAFE_useHover';\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\ntype Props = StyleProps &\n TestIdProps & {\n children?: ComponentChildren;\n\n /\n This flag marks this card as selected within a collection.\n /\n isSelected?: boolean;\n };\n\n/\n A selection card is a container element that is a part of a collection of elements, and renders a group of related information in a styled rectangular area.\n * Width, height, and backgroundColor are set through props.\n */\nexport const SelectionCard = ({ children, isSelected = false, testId, ...rest }: Props) => {\n const { hoverProps, isHover } = useHover();\n return (\n <StyledCard\n {...hoverProps}\n display=\"inlineFlex\"\n isHover={isHover}\n isSelected={isSelected}\n parentComponentVariant=\"selectionCard\"\n testId={testId}\n {...rest}>\n {children}\n </StyledCard>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;AA+BA;;;AAGG;AACU,MAAA,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAS,KAAI;IACxF,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAC;AAC3C,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EAAA,GACL,UAAU,EACd,OAAO,EAAC,YAAY,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAC,eAAe,EACtC,MAAM,EAAE,MAAM,EAAA,GACV,IAAI,EAAA,QAAA,EACP,QAAQ,EAAA,CACE,EACb;AACJ;;;;"}
1	+ {"version":3,"file":"SelectionCard-1f8585cb.js","sources":["../../src/UNSAFE_SelectionCard/SelectionCard.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 { ComponentChildren } from 'preact';\n\nimport { StyledCard } from '#PRIVATE_StyledCard';\n\nimport { type ColorProps } from '#utils/UNSAFE_interpolations/colors';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { type AriaProps } from '#utils/UNSAFE_interpolations/aria';\nimport { type DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { type PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { useHover } from '#hooks/UNSAFE_useHover';\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\ntype Props = StyleProps &\n TestIdProps & {\n children?: ComponentChildren;\n\n /\n This flag marks this card as selected within a collection.\n /\n isSelected?: boolean;\n };\n\n/\n A selection card is a container element that is a part of a collection of elements, and renders a group of related information in a styled rectangular area.\n * Width, height, and backgroundColor are set through props.\n */\nexport const SelectionCard = ({ children, isSelected = false, testId, ...rest }: Props) => {\n const { hoverProps, isHover } = useHover();\n return (\n <StyledCard\n {...hoverProps}\n display=\"inlineFlex\"\n isHover={isHover}\n isSelected={isSelected}\n parentComponentVariant=\"selectionCard\"\n testId={testId}\n {...rest}>\n {children}\n </StyledCard>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;AA+BA;;;AAGG;AACU,MAAA,aAAa,GAAG,CAAC,EAAE,QAAQ,EAAE,UAAU,GAAG,KAAK,EAAE,MAAM,EAAE,GAAG,IAAI,EAAS,KAAI;IACxF,MAAM,EAAE,UAAU,EAAE,OAAO,EAAE,GAAG,QAAQ,EAAE,CAAC;AAC3C,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EAAA,GACL,UAAU,EACd,OAAO,EAAC,YAAY,EACpB,OAAO,EAAE,OAAO,EAChB,UAAU,EAAE,UAAU,EACtB,sBAAsB,EAAC,eAAe,EACtC,MAAM,EAAE,MAAM,EAAA,GACV,IAAI,EAAA,QAAA,EACP,QAAQ,EAAA,CACE,EACb;AACJ;;;;"}

package/es/Selector-5892544f.js CHANGED Viewed

@@ -6,7 +6,7 @@ import { styles } from './UNSAFE_Selector/themes/SelectorStyles.css.js';
 import { S as StyledCheckbox } from './StyledCheckbox-b7b4025b.js';
 import { u as useActive } from './useActive-fb6d4d52.js';
 import { u as useFocus } from './useFocus-38c95977.js';
-import { u as useTestId } from './useTestId-af32a9eb.js';
+import { u as useTestId } from './useTestId-3bc3958c.js';
 import { u as useHover } from './useHover-19340c22.js';
 /**

package/es/{SelectorAll-ab748274.js → SelectorAll-e833da6d.js} RENAMED Viewed

@@ -1,24 +1,24 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useRef } from 'preact/hooks';
-import { F as Flex } from './Flex-2d51e914.js';
+import { F as Flex } from './Flex-8696b27b.js';
 import { u as usePress } from './usePress-051f5adb.js';
 import { styles } from './UNSAFE_Selector/themes/SelectorStyles.css.js';
 import { S as StyledCheckbox } from './StyledCheckbox-b7b4025b.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { u as useActive } from './useActive-fb6d4d52.js';
 import { u as useFocus } from './useFocus-38c95977.js';
-import { u as useTestId } from './useTestId-af32a9eb.js';
-import { u as useTooltip } from './useTooltip-72f5cf2e.js';
+import { u as useTestId } from './useTestId-3bc3958c.js';
+import { u as useTooltip } from './useTooltip-98b6d3b5.js';
 import { u as useHover } from './useHover-19340c22.js';
 import './logger-c92f309c.js';
-import './LayerHost-7a2149f5.js';
+import './LayerHost-15b42a3e.js';
 import 'preact/compat';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-fcfd7dbb.js';
-import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
+import './tooltipUtils-38192add.js';
+import { u as useTranslationBundle } from './useTranslationBundle-98df6291.js';
 /**
  * The SelectorAll component renders checkboxes for select all case.
@@ -66,4 +66,4 @@ const handleKeyboardEvent = (event) => {
 };
 export { SelectorAll as S };
-//# sourceMappingURL=SelectorAll-ab748274.js.map
+//# sourceMappingURL=SelectorAll-e833da6d.js.map