@oracle/oraclejet-preact 18.1.6 → 18.1.8

package/es/{Card-31dc8dc2.js → Card-f3b7c723.js}

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { S as StyledCard } from './StyledCard-c8d9836f.js';
+import { S as StyledCard } from './StyledCard-362bd74b.js';
 
 /**
  * A card is a simple container that renders a group of related information in a styled rectangular area.
@@ -12,4 +12,4 @@ const Card = ({ children, ...rest }) => {
 };
 
 export { Card as C };
-//# sourceMappingURL=Card-31dc8dc2.js.map
+//# sourceMappingURL=Card-f3b7c723.js.map

package/es/{Card-31dc8dc2.js.map → Card-f3b7c723.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Card-31dc8dc2.js","sources":["../../src/UNSAFE_Card/Card.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 AriaProps } from '#utils/UNSAFE_interpolations/aria';\nimport { type DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { type PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\ntype Props = TestIdProps &\n  StyleProps & {\n    children?: ComponentChildren;\n  };\n\n/**\n * A card is a simple container that renders a group of related information in a styled rectangular area.\n * Width, height, padding, and background color are set through props.\n * The aria role for card is normally \"group\" but this changes to \"button\" for action cards.\n */\n\nexport const Card = ({ children, ...rest }: Props) => {\n  return (\n    <StyledCard role=\"group\" parentComponentVariant=\"default\" {...rest}>\n      {children}\n    </StyledCard>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;AAyBA;;;;AAIG;AAEI,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAS,KAAI;AACnD,IAAA,QACEA,GAAC,CAAA,UAAU,EAAC,EAAA,IAAI,EAAC,OAAO,EAAC,sBAAsB,EAAC,SAAS,EAAK,GAAA,IAAI,YAC/D,QAAQ,EAAA,CACE,EACb;AACJ;;;;"}
+{"version":3,"file":"Card-f3b7c723.js","sources":["../../src/UNSAFE_Card/Card.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 AriaProps } from '#utils/UNSAFE_interpolations/aria';\nimport { type DimensionProps } from '#utils/UNSAFE_interpolations/dimensions';\nimport { type PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { type TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\ntype Props = TestIdProps &\n  StyleProps & {\n    children?: ComponentChildren;\n  };\n\n/**\n * A card is a simple container that renders a group of related information in a styled rectangular area.\n * Width, height, padding, and background color are set through props.\n * The aria role for card is normally \"group\" but this changes to \"button\" for action cards.\n */\n\nexport const Card = ({ children, ...rest }: Props) => {\n  return (\n    <StyledCard role=\"group\" parentComponentVariant=\"default\" {...rest}>\n      {children}\n    </StyledCard>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;AAyBA;;;;AAIG;AAEI,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAS,KAAI;AACnD,IAAA,QACEA,GAAC,CAAA,UAAU,EAAC,EAAA,IAAI,EAAC,OAAO,EAAC,sBAAsB,EAAC,SAAS,EAAK,GAAA,IAAI,YAC/D,QAAQ,EAAA,CACE,EACb;AACJ;;;;"}

package/es/{Center-2be68188.js → Center-76b761ea.js}

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { F as Flex } from './Flex-2d9ebee9.js';
+import { F as Flex } from './Flex-ce31b351.js';
 
 /**
  * Center is a convenience component that creates a flexbox
@@ -13,4 +13,4 @@ function Center({ children, width = '100%', height = '100%', ...props }) {
 }
 
 export { Center as C };
-//# sourceMappingURL=Center-2be68188.js.map
+//# sourceMappingURL=Center-76b761ea.js.map

package/es/{Center-2be68188.js.map → Center-76b761ea.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Center-2be68188.js","sources":["../../src/UNSAFE_Center/Center.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { Flex } from '../UNSAFE_Flex';\n\ntype Props = DimensionProps & {\n  children?: ComponentChildren;\n};\n\n/**\n * Center is a convenience component that creates a flexbox\n * with justifyContent: center and alignItems: center.\n *\n */\n// TODO: How do I add background-color, border, etc?\nfunction Center({ children, width = '100%', height = '100%', ...props }: Props) {\n  return (\n    <Flex {...props} justify=\"center\" align=\"center\" width={width} height={height}>\n      {children}\n    </Flex>\n  );\n}\n\nexport { Center };\n"],"names":["_jsx"],"mappings":";;;;AAQA;;;;AAIG;AACH;AACA,SAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,EAAS,EAAA;IAC5E,QACEA,GAAC,CAAA,IAAI,EAAK,EAAA,GAAA,KAAK,EAAE,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAC1E,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ;;;;"}
+{"version":3,"file":"Center-76b761ea.js","sources":["../../src/UNSAFE_Center/Center.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { Flex } from '../UNSAFE_Flex';\n\ntype Props = DimensionProps & {\n  children?: ComponentChildren;\n};\n\n/**\n * Center is a convenience component that creates a flexbox\n * with justifyContent: center and alignItems: center.\n *\n */\n// TODO: How do I add background-color, border, etc?\nfunction Center({ children, width = '100%', height = '100%', ...props }: Props) {\n  return (\n    <Flex {...props} justify=\"center\" align=\"center\" width={width} height={height}>\n      {children}\n    </Flex>\n  );\n}\n\nexport { Center };\n"],"names":["_jsx"],"mappings":";;;;AAQA;;;;AAIG;AACH;AACA,SAAS,MAAM,CAAC,EAAE,QAAQ,EAAE,KAAK,GAAG,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,KAAK,EAAS,EAAA;IAC5E,QACEA,GAAC,CAAA,IAAI,EAAK,EAAA,GAAA,KAAK,EAAE,OAAO,EAAC,QAAQ,EAAC,KAAK,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,EAC1E,QAAA,EAAA,QAAQ,EACJ,CAAA,EACP;AACJ;;;;"}

package/es/Chart-4ec13697.js

@@ -3,32 +3,32 @@ import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
 import { styles as styles$1, dimensionStyle } from './PRIVATE_Chart/themes/ChartStyles.css.js';
 import { T as TrackResizeContainer } from './TrackResizeContainer-04a2c642.js';
 import { u as useTextDimensions } from './useTextDimensions-e08928cc.js';
-import { u as useCssVars } from './useCssVars-608cb842.js';
+import { u as useCssVars } from './useCssVars-d72a8439.js';
 import { useState, useRef, useMemo } from 'preact/hooks';
-import { G as Gridlines, P as PlotArea } from './Gridlines-d37f55d2.js';
+import { G as Gridlines, P as PlotArea } from './Gridlines-6098cb5b.js';
 import { u as useId } from './useId-03dbfdf0.js';
 import { A as Axis } from './Axis-9e78ee61.js';
 import { u as useChartViewport } from './useChartViewport-1e396126.js';
 import { u as updateViewportFromOverview, a as getAxesPosition, b as getScrollBarSpace, c as getLayoutInfo, d as updateScrollBarSpace, e as getAvailSpace, f as getOuterGaps } from './layoutUtils-5d62f2b4.js';
 import { u as useChartNav } from './useChartNav-19d0b379.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
-import { a as useSelectDrill, u as useChartDatatipAndCursor } from './useSelectDrill-5525e5a3.js';
-import { u as useUser } from './useUser-6b2e271a.js';
-import { u as useTestId } from './useTestId-474ac6ca.js';
+import { a as useSelectDrill, u as useChartDatatipAndCursor } from './useSelectDrill-f4781439.js';
+import { u as useUser } from './useUser-1cd223a9.js';
+import { u as useTestId } from './useTestId-9b504481.js';
 import { g as getChartVars } from './cssUtils-71c7d7b0.js';
 import { u as useChartContextMenu } from './useChartContextMenu-61fe46b8.js';
 import { u as useChartDnd } from './useChartDnd-fc7ba21c.js';
 import { a as getElementData } from './eventsUtils-e5fc62d5.js';
 import './accUtils-ce2d6588.js';
 import { c as calculateOffset } from './layoutUtils-d7613d0c.js';
-import { u as useTooltip } from './useTooltip-138c94ee.js';
+import { u as useTooltip } from './useTooltip-89ca3f3e.js';
 import './logger-c92f309c.js';
-import './LayerHost-8b98d97d.js';
+import './LayerHost-e6402730.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-35655bd6.js';
+import './tooltipUtils-768450a7.js';
 import { u as useChartMarquee } from './useChartMarquee-7cd47205.js';
 import { u as useVisTouchResponse } from './useVisTouchResponse-a59ab166.js';
 import { m as merge } from './stringUtils-16f617bc.js';

package/es/Checkbox-74259575.js

@@ -5,12 +5,12 @@ import './logger-c92f309c.js';
 import './TabbableModeContext-7d8ad946.js';
 import 'preact/hooks';
 import { u as useId } from './useId-03dbfdf0.js';
-import './LayerHost-8b98d97d.js';
+import './LayerHost-e6402730.js';
 import './UserAssistanceStyles.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
 import { a as InlineUserAssistance } from './InlineUserAssistance-65ca8810.js';
-import './Flex-2d9ebee9.js';
+import './Flex-ce31b351.js';
 import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
@@ -18,7 +18,7 @@ import 'preact';
 import './TooltipContentStyles.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentBaseTheme.styles.css';
 import './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css.js';
-import './tooltipUtils-35655bd6.js';
+import './tooltipUtils-768450a7.js';
 import './IconStyle.styles.css';
 import './IconButton-19fcf0a8.js';
 import './MessageStyles.styles.css';
@@ -30,7 +30,7 @@ import './ComponentMessageStyles.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
 import './FormFieldContext-68eb5946.js';
-import './Popup-f6774b40.js';
+import './Popup-d8bf7f4d.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './LabelStyles.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';

package/es/CheckboxControl-c3c34028.js

@@ -8,22 +8,22 @@ import { u as useFocus } from './useFocus-38c95977.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
-import { u as useTranslationBundle } from './useTranslationBundle-2df40edf.js';
+import { u as useTranslationBundle } from './useTranslationBundle-09302c20.js';
 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-2d9ebee9.js';
+import './Flex-ce31b351.js';
 import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
 import 'preact';
 import { u as useId } from './useId-03dbfdf0.js';
-import './LayerHost-8b98d97d.js';
+import './LayerHost-e6402730.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-35655bd6.js';
+import './tooltipUtils-768450a7.js';
 import './IconStyle.styles.css';
 import './IconButton-19fcf0a8.js';
 import './MessageStyles.styles.css';
@@ -37,13 +37,13 @@ import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js
 import './FormContext-4d71f9c7.js';
 import './FormFieldContext-68eb5946.js';
 import './InputGroupContext-20bdbd6e.js';
-import './Popup-f6774b40.js';
+import './Popup-d8bf7f4d.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import { u as useFocusWithin } from './useFocusWithin-30b1e2d8.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-d9bc82d4.js';
+import { I as IconUserAssistance } from './IconUserAssistance-92be9618.js';
 import { S as StyledCheckbox } from './StyledCheckbox-4451bc4a.js';
 import { CheckboxRedwoodTheme } from './UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js';
 import { u as useActive } from './useActive-fb6d4d52.js';

package/es/CheckboxRadioField-294463ba.js

@@ -2,8 +2,8 @@
 import { jsx, jsxs, Fragment } from 'preact/jsx-runtime';
 import { forwardRef, useRef, useImperativeHandle } from 'preact/compat';
 import { u as useCollectionFocusRing } from './useCollectionFocusRing-de20f4fc.js';
-import { u as useTranslationBundle } from './useTranslationBundle-2df40edf.js';
-import { F as Flex } from './Flex-2d9ebee9.js';
+import { u as useTranslationBundle } from './useTranslationBundle-09302c20.js';
+import { F as Flex } from './Flex-ce31b351.js';
 import { L as Label } from './Label-25eba25e.js';
 import { I as InlineHelp } from './InlineHelp-da344cfa.js';
 import './logger-c92f309c.js';
@@ -18,12 +18,12 @@ import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css'
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
 import 'preact';
 import { x as xUnits } from './utils-a4102e03.js';
-import { u as useTestId } from './useTestId-474ac6ca.js';
-import './LayerHost-8b98d97d.js';
+import { u as useTestId } from './useTestId-9b504481.js';
+import './LayerHost-e6402730.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-35655bd6.js';
+import './tooltipUtils-768450a7.js';
 import './IconStyle.styles.css';
 import './IconButton-19fcf0a8.js';
 import './MessageStyles.styles.css';
@@ -35,7 +35,7 @@ import './ComponentMessageStyles.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageBaseTheme.styles.css';
 import './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css.js';
 import './FormFieldContext-68eb5946.js';
-import './Popup-f6774b40.js';
+import './Popup-d8bf7f4d.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
 import './LabelStyles.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
@@ -55,7 +55,7 @@ import { RadioRedwoodTheme } from './UNSAFE_RadioItem/themes/redwood/RadioTheme.
 import { LabelRedwoodTheme } from './UNSAFE_Label/themes/redwood/LabelTheme.js';
 import { FormLayoutRedwoodTheme } from './UNSAFE_TextField/themes/redwood/FormLayoutTheme.js';
 import { CheckboxRedwoodTheme } from './UNSAFE_Checkbox/themes/redwood/CheckboxTheme.js';
-import { l as labelSlotStyles, a as labelInnerStyles, S as StyledLabelValueLayout } from './StyledLabelValueLayout-5b9a731a.js';
+import { l as labelSlotStyles, a as labelInnerStyles, S as StyledLabelValueLayout } from './StyledLabelValueLayout-d4881d3b.js';
 import './CheckboxRadioLabelValueLayoutStyles.styles.css';
 
 var checkboxRadioLabelInnerStyles = {startRadioSetWithoutTopUA:'CheckboxRadioLabelValueLayoutStyles_checkboxRadioLabelInnerStyles_startRadioSetWithoutTopUA__6098ei0',insideRadioSet:'CheckboxRadioLabelValueLayoutStyles_checkboxRadioLabelInnerStyles_insideRadioSet__6098ei1',startCheckboxSetWithoutTopUA:'CheckboxRadioLabelValueLayoutStyles_checkboxRadioLabelInnerStyles_startCheckboxSetWithoutTopUA__6098ei2',insideCheckboxSet:'CheckboxRadioLabelValueLayoutStyles_checkboxRadioLabelInnerStyles_insideCheckboxSet__6098ei3'};

package/es/CheckboxSet-140804f2.js

@@ -0,0 +1,49 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx } from 'preact/jsx-runtime';
+import { createContext, toChildArray } from 'preact';
+import { useContext, useMemo } from 'preact/hooks';
+import { forwardRef } from 'preact/compat';
+import './FormContext-4d71f9c7.js';
+import { u as useFormContext } from './useFormContext-875cacd7.js';
+import { F as FormFieldContext } from './FormFieldContext-68eb5946.js';
+import { u as useFormFieldContextProps } from './useFormFieldContextProps-d07cd618.js';
+import './CheckboxSetStyles.styles.css';
+import { u as useId } from './useId-03dbfdf0.js';
+import { C as CheckboxRadioField } from './CheckboxRadioField-294463ba.js';
+
+const CheckboxSetContext = createContext({});
+const useCheckboxSetContext = () => useContext(CheckboxSetContext);
+
+var styles = {ul:'CheckboxSetStyles_styles_ul__68p6630'};
+
+/**
+ * A CheckboxSet allows the user to select one or more options from a set.
+ */
+const CheckboxSet = forwardRef(({ 'aria-describedby': ariaDescribedBy, assistiveText, columnSpan, direction = 'column', helpSourceLink, helpSourceText, isDisabled: propIsDisabled, isReadonly: propIsReadonly, isRequired = false, label, labelEdge: propLabelEdge, labelStartWidth: propLabelStartWidth, messages, onCommit, userAssistanceDensity: propUserAssistanceDensity, value, children, testId }, ref) => {
+    const hasValue = value !== undefined ? value.size > 0 : false;
+    const baseId = useId();
+    const { isDisabled: isFormDisabled, 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
+    });
+    const checkboxSetContext = useMemo(() => ({
+        name: baseId,
+        value,
+        onCommit
+    }), [baseId, onCommit, value]);
+    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>
+    const childrenArray = toChildArray(children).filter(Boolean);
+    const wrappedChildren = childrenArray.map((item) => jsx("li", { children: item }));
+    return (jsx(FormFieldContext.Provider, { value: formFieldContext, children: jsx(CheckboxRadioField, { "aria-describedby": ariaDescribedBy, assistiveText: assistiveText, baseId: baseId, columnSpan: columnSpan, direction: direction, helpSourceLink: helpSourceLink, helpSourceText: helpSourceText, isDisabled: isDisabled, isReadonly: isReadonly, isRequired: isRequired, label: label, labelEdge: labelEdge, labelStartWidth: labelStartWidth, parentComponentVariant: "checkboxSet", messages: messages, userAssistanceDensity: userAssistanceDensity, hasValue: hasValue, role: "group", testId: testId, ref: ref, children: jsx(CheckboxSetContext.Provider, { value: checkboxSetContext, children: jsx("ul", { className: styles.ul, children: wrappedChildren }) }) }) }));
+});
+
+export { CheckboxSet as C, CheckboxSetContext as a, useCheckboxSetContext as u };
+//# sourceMappingURL=CheckboxSet-140804f2.js.map

package/es/CheckboxSet-140804f2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckboxSet-140804f2.js","sources":["../../src/UNSAFE_CheckboxSet/CheckboxSetContext.ts","../../src/UNSAFE_CheckboxSet/CheckboxSet.tsx"],"sourcesContent":["import { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\nimport { ValueUpdateDetail } from '../utils/UNSAFE_valueUpdateDetail';\n\ntype CheckboxSetContextValue = {\n  name: string;\n  value?: Set<string | number>;\n  onCommit?: (detail: ValueUpdateDetail<Set<string | number>>) => void;\n};\n\nconst CheckboxSetContext = createContext<CheckboxSetContextValue>({} as CheckboxSetContextValue);\nconst useCheckboxSetContext = () => useContext(CheckboxSetContext);\n\nexport { CheckboxSetContext, useCheckboxSetContext };\n","import { ComponentChildren, ComponentProps, Ref, toChildArray } from 'preact';\nimport { useMemo } from 'preact/hooks';\nimport { forwardRef } from 'preact/compat';\n\nimport { CheckboxSetContext } from './CheckboxSetContext';\nimport { CheckboxRadioField } from '#PRIVATE_CheckboxRadioField';\nimport { InlineUserAssistance, UserAssistanceDensityType } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useFormFieldContextProps } from '#hooks/UNSAFE_useFormFieldContextProps';\nimport { FlexboxProps } from '#utils/UNSAFE_interpolations/flexbox';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { FocusableHandle } from '#hooks/UNSAFE_useFocusableTextField';\nimport { styles } from './CheckboxSetStyles.css';\nimport { AriaAttributesSignalExcluded } from '#utils/UNSAFE_attributeUtils';\nimport { useId } from '#hooks/UNSAFE_useId';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\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'?: AriaAttributesSignalExcluded['aria-describedby'];\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: InlineUserAssistanceProps['assistiveText'];\n  /**\n   * set of CheckboxItems\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies how many columns to span in a FormLayout with direction === 'row'\n   */\n  columnSpan?: LayoutColumnSpan;\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 checkbox set requires a selection to be made.\n   */\n  isRequired?: boolean;\n  /**\n   * Specifies if the checkbox set is read-only.\n   */\n  isReadonly?: boolean;\n  /**\n   * Specifies if the checkbox set is disabled.\n   */\n  isDisabled?: boolean;\n  /**\n   * Label text for the group of checkbox items.\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<Set<string | number>>) => void;\n  /**\n   * Specifies the density of the user assistance presentation.  It can be set to:\n   * <ul>\n   * <li><code>'reflow'</code>: Show inline.  Layout will reflow when text is displayed.</li>\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>'compact'</code>: Show inline and reserve space to prevent layout reflow when user\n   * assistance text is displayed.</li>\n   * </ul>\n   */\n  userAssistanceDensity?: UserAssistanceDensityType;\n  /**\n   * Value of the selected checkbox option.\n   */\n  value?: Set<string | number>;\n} & TestIdProps;\n/**\n * A CheckboxSet allows the user to select one or more options from a set.\n */\nexport const CheckboxSet = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      assistiveText,\n      columnSpan,\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      children,\n      testId\n    }: Props,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const hasValue = value !== undefined ? value.size > 0 : false;\n    const baseId = useId();\n\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n\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    });\n\n    const checkboxSetContext = useMemo(\n      () => ({\n        name: baseId,\n        value,\n        onCommit\n      }),\n      [baseId, onCommit, value]\n    );\n\n    // wrap each CheckboxItem in an <li> tag and the entire set with <ul>\n    const childrenArray = toChildArray(children).filter(Boolean);\n    const wrappedChildren = childrenArray.map((item) => <li>{item}</li>);\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <CheckboxRadioField\n          aria-describedby={ariaDescribedBy}\n          assistiveText={assistiveText}\n          baseId={baseId}\n          columnSpan={columnSpan}\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=\"checkboxSet\"\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          hasValue={hasValue}\n          role=\"group\"\n          testId={testId}\n          ref={ref}>\n          <CheckboxSetContext.Provider value={checkboxSetContext}>\n            <ul className={styles.ul}>{wrappedChildren}</ul>\n          </CheckboxSetContext.Provider>\n        </CheckboxRadioField>\n      </FormFieldContext.Provider>\n    );\n  }\n);\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;AAWA,MAAM,kBAAkB,GAAG,aAAa,CAA0B,EAA6B,EAAE;AAC3F,MAAA,qBAAqB,GAAG,MAAM,UAAU,CAAC,kBAAkB;;;;ACwFjE;;AAEG;AACI,MAAM,WAAW,GAAG,UAAU,CACnC,CACE,EACE,kBAAkB,EAAE,eAAe,EACnC,aAAa,EACb,UAAU,EACV,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,EACL,QAAQ,EACR,MAAM,EACA,EACR,GAA0B,KACxB;AACF,IAAA,MAAM,QAAQ,GAAG,KAAK,KAAK,SAAS,GAAG,KAAK,CAAC,IAAI,GAAG,CAAC,GAAG,KAAK,CAAC;AAC9D,IAAA,MAAM,MAAM,GAAG,KAAK,EAAE,CAAC;IAEvB,MAAM,EACJ,UAAU,EAAE,cAAc,EAC1B,UAAU,EAAE,cAAc,EAC1B,SAAS,EAAE,aAAa,EACxB,eAAe,EAAE,mBAAmB,EACpC,qBAAqB,EAAE,yBAAyB,EACjD,GAAG,cAAc,EAAE,CAAC;;AAGrB,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;AACX,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,kBAAkB,GAAG,OAAO,CAChC,OAAO;AACL,QAAA,IAAI,EAAE,MAAM;QACZ,KAAK;QACL,QAAQ;KACT,CAAC,EACF,CAAC,MAAM,EAAE,QAAQ,EAAE,KAAK,CAAC,CAC1B,CAAC;;IAGF,MAAM,aAAa,GAAG,YAAY,CAAC,QAAQ,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;AAC7D,IAAA,MAAM,eAAe,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,KAAKA,GAAA,CAAA,IAAA,EAAA,EAAA,QAAA,EAAK,IAAI,EAAA,CAAM,CAAC,CAAC;IAErE,QACEA,GAAC,CAAA,gBAAgB,CAAC,QAAQ,IAAC,KAAK,EAAE,gBAAgB,EAAA,QAAA,EAChDA,GAAC,CAAA,kBAAkB,wBACC,eAAe,EACjC,aAAa,EAAE,aAAa,EAC5B,MAAM,EAAE,MAAM,EACd,UAAU,EAAE,UAAU,EACtB,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,aAAa,EACpC,QAAQ,EAAE,QAAQ,EAClB,qBAAqB,EAAE,qBAAqB,EAC5C,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAC,OAAO,EACZ,MAAM,EAAE,MAAM,EACd,GAAG,EAAE,GAAG,EACR,QAAA,EAAAA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,kBAAkB,EAAA,QAAA,EACpDA,YAAI,SAAS,EAAE,MAAM,CAAC,EAAE,EAAA,QAAA,EAAG,eAAe,EAAA,CAAM,EACpB,CAAA,EAAA,CACX,EACK,CAAA,EAC5B;AACJ,CAAC;;;;"}

package/es/Chip-8fd813ce.js

@@ -7,7 +7,7 @@ import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
 import { multiVariantStyles } from './UNSAFE_Chip/themes/ChipStyles.css.js';
 import { u as useInteractionStyle } from './useInteractionStyle-52222fdd.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
-import { u as useTestId } from './useTestId-474ac6ca.js';
+import { u as useTestId } from './useTestId-9b504481.js';
 
 function Chip({ isSelected, isDisabled, 'aria-label': accessibleLabel, children, testId, onToggle }) {
     const handleAction = useCallback(() => {

package/es/ClearIcon-acca9670.js

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { u as useTranslationBundle } from './useTranslationBundle-2df40edf.js';
+import { u as useTranslationBundle } from './useTranslationBundle-09302c20.js';
 import { I as IconButton } from './IconButton-19fcf0a8.js';
 import { S as SvgDeleteCircleS } from './DeleteCircleS-bef046a9.js';
 import { T as TabbableModeContext } from './TabbableModeContext-7d8ad946.js';

package/es/CollapseIcon-152e59b4.js

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
 import { S as SvgChevronLeft, a as SvgChevronRight } from './ChevronRight-ab5d3191.js';
-import { w as withDirectionIcon } from './withDirectionIcon-fe0b69a7.js';
+import { w as withDirectionIcon } from './withDirectionIcon-19a1d777.js';
 
 const CollapseIcon = (props) => {
     const Component = withDirectionIcon(SvgChevronRight, SvgChevronLeft);

package/es/Collapsible-4dddc4f7.js

@@ -7,14 +7,14 @@ import { c as classNames } from './classNames-4e12b00d.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
-import { F as Flex } from './Flex-2d9ebee9.js';
+import { F as Flex } from './Flex-ce31b351.js';
 import { S as Separator } from './Separator-93c70737.js';
 import { S as SvgChevronDown } from './ChevronDown-1b2ca616.js';
 import { C as CollapseIcon } from './CollapseIcon-152e59b4.js';
 import { S as SvgChevronUp } from './ChevronUp-cedb5c92.js';
 import { CollapsibleRedwoodTheme } from './UNSAFE_Collapsible/themes/redwood/CollapsibleTheme.js';
 import { u as useAnimation } from './useAnimation-a5eb7604.js';
-import { u as useTestId } from './useTestId-474ac6ca.js';
+import { u as useTestId } from './useTestId-9b504481.js';
 
 /**
  * Header icon subcomponent

package/es/ComboChart-d1c3e17a.js

@@ -3,9 +3,9 @@ import { jsx, Fragment, jsxs } from 'preact/jsx-runtime';
 import { h as findNearestDataPoint } from './layoutUtils-5d62f2b4.js';
 import { A as AreaSeries, g as getLineAreaChartItemPosition } from './chartUtils-088f15d9.js';
 import { a as getSeriesData, b as getLineAreaSegments, g as getMarkers } from './useChartDnd-fc7ba21c.js';
-import { L as LineSeries, M as MarkersWithLabel } from './LineSeries-139bda1a.js';
+import { L as LineSeries, M as MarkersWithLabel } from './LineSeries-fc167ea2.js';
 import { f as getLineAreaChartNavUtil, d as getItemColor, h as getMarkerType } from './dataStyleUtils-1e980302.js';
-import { u as useUser } from './useUser-6b2e271a.js';
+import { u as useUser } from './useUser-1cd223a9.js';
 import { g as getColorRamp } from './colorUtils-35e3dd2b.js';
 import './accUtils-ce2d6588.js';
 import { colorSchemeVars } from './Common/themes/themeContract.css.js';

package/es/CompactHelpSource-c3044924.js

@@ -3,10 +3,10 @@ import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
 import { useRef, useCallback, useState } from 'preact/hooks';
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
-import { u as useTranslationBundle } from './useTranslationBundle-2df40edf.js';
+import { u as useTranslationBundle } from './useTranslationBundle-09302c20.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { S as SvgHelp } from './Help-ccf80cd6.js';
-import { P as Popup } from './Popup-f6774b40.js';
+import { P as Popup } from './Popup-d8bf7f4d.js';
 import { u as useFocusWithin } from './useFocusWithin-30b1e2d8.js';
 import { helpIconBase, helpIconLabelEdgeStart, helpContentStyles } from './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';

package/es/{CompactLabelAssistance-0d70fceb.js → CompactLabelAssistance-fd3fb481.js}

@@ -1,16 +1,16 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, jsx, Fragment } from 'preact/jsx-runtime';
-import { u as useTooltip } from './useTooltip-138c94ee.js';
+import { u as useTooltip } from './useTooltip-89ca3f3e.js';
 import 'preact/hooks';
 import './logger-c92f309c.js';
-import './LayerHost-8b98d97d.js';
+import './LayerHost-e6402730.js';
 import 'preact/compat';
 import { c as classNames } from './classNames-4e12b00d.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-35655bd6.js';
-import { u as useTranslationBundle } from './useTranslationBundle-2df40edf.js';
+import './tooltipUtils-768450a7.js';
+import { u as useTranslationBundle } from './useTranslationBundle-09302c20.js';
 import { C as CompactHelpSource } from './CompactHelpSource-c3044924.js';
 import { requiredIconBase, requiredIconLabelEdgeStart } from './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
 
@@ -31,4 +31,4 @@ const CompactLabelAssistance = ({ helpIconId, helpSourceLink, helpSourceText, is
 };
 
 export { CompactLabelAssistance as C };
-//# sourceMappingURL=CompactLabelAssistance-0d70fceb.js.map
+//# sourceMappingURL=CompactLabelAssistance-fd3fb481.js.map

package/es/{CompactLabelAssistance-0d70fceb.js.map → CompactLabelAssistance-fd3fb481.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CompactLabelAssistance-0d70fceb.js","sources":["../../src/UNSAFE_UserAssistance/CompactLabelAssistance.tsx"],"sourcesContent":["import { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CompactHelpSource } from './CompactHelpSource';\nimport { requiredIconBase, requiredIconLabelEdgeStart } from './themes/UserAssistanceStyles.css';\n\ntype Props = {\n  helpIconId?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  isRequiredShown?: boolean;\n  labelEdge?: 'inside' | 'start' | 'top';\n};\n\nconst CompactLabelAssistance = ({\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  isRequiredShown,\n  labelEdge\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: requiredStr,\n    offset: { mainAxis: 8 }\n  });\n\n  const requiredStyles = classNames([\n    requiredIconBase,\n    labelEdge === 'start' && requiredIconLabelEdgeStart\n  ]);\n  const requiredIndicator = isRequiredShown && (\n    <span>\n      <span class={requiredStyles} {...tooltipProps} />\n      {tooltipContent}\n    </span>\n  );\n\n  const helpIndicator = (helpSourceLink || helpSourceText) && (\n    <CompactHelpSource id={helpIconId} labelEdge={labelEdge} source={helpSourceLink}>\n      {helpSourceText}\n    </CompactHelpSource>\n  );\n\n  return (\n    <>\n      {labelEdge !== 'start' && requiredIndicator}\n      {helpIndicator}\n      {labelEdge === 'start' && requiredIndicator}\n    </>\n  );\n};\n\nexport { CompactLabelAssistance };\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAM,sBAAsB,GAAG,CAAC,EAC9B,UAAU,EACV,cAAc,EACd,cAAc,EACd,eAAe,EACf,SAAS,EACH,KAAI;AACV,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,uBAAuB,EAAE,CAAC;AAE3D,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC;AAClD,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;AACxB,KAAA,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,gBAAgB;QAChB,SAAS,KAAK,OAAO,IAAI,0BAA0B;AACpD,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,iBAAiB,GAAG,eAAe,KACvCA,0BACEC,GAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,cAAc,KAAM,YAAY,EAAA,CAAI,EAChD,cAAc,CAAA,EAAA,CACV,CACR,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,cAAc,IAAI,cAAc,MACrDA,GAAC,CAAA,iBAAiB,EAAC,EAAA,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAC5E,QAAA,EAAA,cAAc,EACG,CAAA,CACrB,CAAC;AAEF,IAAA,QACED,IACG,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,SAAS,KAAK,OAAO,IAAI,iBAAiB,EAC1C,aAAa,EACb,SAAS,KAAK,OAAO,IAAI,iBAAiB,CAAA,EAAA,CAC1C,EACH;AACJ;;;;"}
+{"version":3,"file":"CompactLabelAssistance-fd3fb481.js","sources":["../../src/UNSAFE_UserAssistance/CompactLabelAssistance.tsx"],"sourcesContent":["import { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CompactHelpSource } from './CompactHelpSource';\nimport { requiredIconBase, requiredIconLabelEdgeStart } from './themes/UserAssistanceStyles.css';\n\ntype Props = {\n  helpIconId?: string;\n  helpSourceLink?: string;\n  helpSourceText?: string;\n  isRequiredShown?: boolean;\n  labelEdge?: 'inside' | 'start' | 'top';\n};\n\nconst CompactLabelAssistance = ({\n  helpIconId,\n  helpSourceLink,\n  helpSourceText,\n  isRequiredShown,\n  labelEdge\n}: Props) => {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const requiredStr = translations.userAssistance_required();\n\n  const { tooltipContent, tooltipProps } = useTooltip({\n    text: requiredStr,\n    offset: { mainAxis: 8 }\n  });\n\n  const requiredStyles = classNames([\n    requiredIconBase,\n    labelEdge === 'start' && requiredIconLabelEdgeStart\n  ]);\n  const requiredIndicator = isRequiredShown && (\n    <span>\n      <span class={requiredStyles} {...tooltipProps} />\n      {tooltipContent}\n    </span>\n  );\n\n  const helpIndicator = (helpSourceLink || helpSourceText) && (\n    <CompactHelpSource id={helpIconId} labelEdge={labelEdge} source={helpSourceLink}>\n      {helpSourceText}\n    </CompactHelpSource>\n  );\n\n  return (\n    <>\n      {labelEdge !== 'start' && requiredIndicator}\n      {helpIndicator}\n      {labelEdge === 'start' && requiredIndicator}\n    </>\n  );\n};\n\nexport { CompactLabelAssistance };\n"],"names":["_jsxs","_jsx","_Fragment"],"mappings":";;;;;;;;;;;;;;;;AAeA,MAAM,sBAAsB,GAAG,CAAC,EAC9B,UAAU,EACV,cAAc,EACd,cAAc,EACd,eAAe,EACf,SAAS,EACH,KAAI;AACV,IAAA,MAAM,YAAY,GAAG,oBAAoB,CAAa,0BAA0B,CAAC,CAAC;AAClF,IAAA,MAAM,WAAW,GAAG,YAAY,CAAC,uBAAuB,EAAE,CAAC;AAE3D,IAAA,MAAM,EAAE,cAAc,EAAE,YAAY,EAAE,GAAG,UAAU,CAAC;AAClD,QAAA,IAAI,EAAE,WAAW;AACjB,QAAA,MAAM,EAAE,EAAE,QAAQ,EAAE,CAAC,EAAE;AACxB,KAAA,CAAC,CAAC;IAEH,MAAM,cAAc,GAAG,UAAU,CAAC;QAChC,gBAAgB;QAChB,SAAS,KAAK,OAAO,IAAI,0BAA0B;AACpD,KAAA,CAAC,CAAC;AACH,IAAA,MAAM,iBAAiB,GAAG,eAAe,KACvCA,0BACEC,GAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,cAAc,KAAM,YAAY,EAAA,CAAI,EAChD,cAAc,CAAA,EAAA,CACV,CACR,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,cAAc,IAAI,cAAc,MACrDA,GAAC,CAAA,iBAAiB,EAAC,EAAA,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,EAC5E,QAAA,EAAA,cAAc,EACG,CAAA,CACrB,CAAC;AAEF,IAAA,QACED,IACG,CAAAE,QAAA,EAAA,EAAA,QAAA,EAAA,CAAA,SAAS,KAAK,OAAO,IAAI,iBAAiB,EAC1C,aAAa,EACb,SAAS,KAAK,OAAO,IAAI,iBAAiB,CAAA,EAAA,CAC1C,EACH;AACJ;;;;"}

package/es/CompactUserAssistance-4f0ff3fc.js

@@ -2,17 +2,17 @@
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import 'preact/hooks';
-import './Flex-2d9ebee9.js';
+import './Flex-ce31b351.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-8b98d97d.js';
+import './LayerHost-e6402730.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-35655bd6.js';
+import './tooltipUtils-768450a7.js';
 import './IconStyle.styles.css';
 import './IconButton-19fcf0a8.js';
 import './MessageStyles.styles.css';
@@ -28,7 +28,7 @@ import { UserAssistanceRedwoodTheme } from './UNSAFE_UserAssistance/themes/redwo
 import { C as ComponentMessageContainer } from './ComponentMessageContainer-13005c12.js';
 import './FormFieldContext-68eb5946.js';
 import { u as useFormFieldContext } from './useFormFieldContext-626574fd.js';
-import { P as Popup } from './Popup-f6774b40.js';
+import { P as Popup } from './Popup-d8bf7f4d.js';
 import { S as Separator } from './Separator-93c70737.js';
 import { u as usePopupFocusWithin } from './CompactHelpSource-c3044924.js';
 import { dividerStyle, assistiveStyles } from './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';

package/es/ComponentMessageContainer-13005c12.js

@@ -1,19 +1,19 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import 'preact/hooks';
-import './Flex-2d9ebee9.js';
+import './Flex-ce31b351.js';
 import './MessageBannerStyles.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerBaseTheme.styles.css';
 import './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css.js';
 import './logger-c92f309c.js';
 import 'preact';
-import { u as useTestId } from './useTestId-474ac6ca.js';
-import './LayerHost-8b98d97d.js';
+import { u as useTestId } from './useTestId-9b504481.js';
+import './LayerHost-e6402730.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-35655bd6.js';
+import './tooltipUtils-768450a7.js';
 import './IconStyle.styles.css';
 import './IconButton-19fcf0a8.js';
 import './MessageStyles.styles.css';

package/es/ConveyorBeltItem-53f383e1.js

@@ -8,10 +8,10 @@ import { S as SvgChevronUp } from './ChevronUp-cedb5c92.js';
 import { S as SvgChevronDown } from './ChevronDown-1b2ca616.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { styles } from './UNSAFE_ConveyorBelt/themes/ConveyorBeltStyles.css.js';
-import { u as useUser } from './useUser-6b2e271a.js';
+import { u as useUser } from './useUser-1cd223a9.js';
 import { g as getClientHints } from './clientHints-f850225e.js';
 import { C as ConveyorBeltContext } from './ConveyorBeltContext-76a29c59.js';
-import { u as useTestId } from './useTestId-474ac6ca.js';
+import { u as useTestId } from './useTestId-9b504481.js';
 import { forwardRef, useImperativeHandle } from 'preact/compat';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { ConveyorBeltRedwoodTheme } from './UNSAFE_ConveyorBelt/themes/redwood/ConveyorBeltTheme.js';

package/es/{DatePicker-a57b08b1.js → DatePicker-383fc43a.js}

@@ -1,9 +1,9 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs } from 'preact/jsx-runtime';
-import { F as Flex } from './Flex-2d9ebee9.js';
-import { u as useTestId } from './useTestId-474ac6ca.js';
+import { F as Flex } from './Flex-ce31b351.js';
+import { u as useTestId } from './useTestId-9b504481.js';
 import { u as useFocusWithin } from './useFocusWithin-30b1e2d8.js';
-import { u as useTranslationBundle } from './useTranslationBundle-2df40edf.js';
+import { u as useTranslationBundle } from './useTranslationBundle-09302c20.js';
 import { h as compareDates, j as addToCalendarDate, k as addToYear, l as addToMonth, m as getDaysInMonth, n as isCalendarDateBefore, o as getCalendarDateToday, p as constrainCalendarDate } from './calendarDateUtils-ee408a52.js';
 import { useReducer, useRef, useMemo, useCallback } from 'preact/compat';
 import { u as useBreakpointValues } from './useBreakpointValues-de03c6fa.js';
@@ -12,8 +12,8 @@ import { datePickerPropVars } from './UNSAFE_DatePicker/themes/DatePickerContrac
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { DatePickerRedwoodTheme } from './UNSAFE_DatePicker/themes/redwood/DatePickerTheme.js';
 import { D as DatePickerHeader } from './DatePickerHeader-8eee60aa.js';
-import { M as MonthView } from './MonthView-d60a5df7.js';
-import { M as MonthsGridView, Y as YearsGridView } from './YearsGridView-2c978d9f.js';
+import { M as MonthView } from './MonthView-21b2163a.js';
+import { M as MonthsGridView, Y as YearsGridView } from './YearsGridView-c5c58bf9.js';
 
 /**
  * @license
@@ -561,4 +561,4 @@ const DatePicker = ({ dayFormatter, daysOutsideMonth, height, isReadonly = false
 };
 
 export { DatePicker as D };
-//# sourceMappingURL=DatePicker-a57b08b1.js.map
+//# sourceMappingURL=DatePicker-383fc43a.js.map