npm - @oracle/oraclejet-preact - Versions diffs - 19.0.3 → 19.0.5 - Mend

@oracle/oraclejet-preact 19.0.3 → 19.0.5

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 (618) hide show

package/es/GroupLoadingIndicator-28cb2b95.js CHANGED Viewed

@@ -12,7 +12,7 @@ import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
 import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
 import { listGroupHeaderMultiVariantStyles } from './PRIVATE_List/themes/ListStyles.css.js';
 import { GroupedListRedwoodTheme } from './UNSAFE_GroupedList/themes/redwood/GroupedListTheme.js';
-import { F as Flex } from './Flex-97b023db.js';
+import { F as Flex } from './Flex-5befe411.js';
 import { S as Skeleton } from './Skeleton-a06f4f74.js';
 import { S as SkeletonContainer } from './List-ec8a9e41.js';

package/es/{HighlightText-cc8d5737.js → HighlightText-d8012ba6.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
 import './HighlightTextStyles.styles.css';
-import { u as useTestId } from './useTestId-7f8e69e7.js';
+import { u as useTestId } from './useTestId-e5d44ab1.js';
 var highlightStyles = 'HighlightTextStyles_highlightStyles__6s5c4p0';
@@ -28,4 +28,4 @@ function escapeRegExp(str) {
 }
 export { HighlightText as H };
-//# sourceMappingURL=HighlightText-cc8d5737.js.map
+//# sourceMappingURL=HighlightText-d8012ba6.js.map

package/es/{HighlightText-cc8d5737.js.map → HighlightText-d8012ba6.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HighlightText-~~cc8d5737~~.js","sources":["../../src/UNSAFE_HighlightText/HighlightText.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 { highlightStyles } from './HighlightTextStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n /\n The text string to apply highlighting to.\n /\n children?: string;\n /\n The text string to match.\n /\n matchText?: string;\n};\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\n/\n Renders a text string with highlighting applied to the given text to match.\n /\nexport function HighlightText({ children = '', matchText = '', testId }: Props) {\n const testIdProps = useTestId(testId);\n if (matchText.length > 0 && children.length > 0) {\n const escapedMatchText = escapeRegExp(matchText);\n const highlightedText = children.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);\n const tokens = highlightedText.split(HIGHLIGHT_TOKEN);\n const nodes = tokens.map((current, index) =>\n index % 2 == 0 ? current : <span class={highlightStyles}>{current}</span>\n );\n\n return <span {...testIdProps}>{nodes}</span>;\n }\n return <span {...testIdProps}>{children}</span>;\n}\n\nfunction escapeRegExp(str: string) {\n // copied from:\n // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n return str.replace(/[.+\\-?^${}()\|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n}\n"],"names":["_jsx"],"mappings":";;;;;;;AAsBA,MAAM,eAAe,GAAG,QAAQ,CAAC;AACjC,MAAM,iBAAiB,GAAG,CAAA,EAAG,eAAe,CAAK,EAAA,EAAA,eAAe,EAAE,CAAC;AAEnE;;AAEG;AACa,SAAA,aAAa,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAS,EAAA;AAC5E,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AAC/C,QAAA,MAAM,gBAAgB,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;AACjD,QAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,EAAE,iBAAiB,CAAC,CAAC;QAChG,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AACtD,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,KACtC,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,OAAO,GAAGA,GAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,eAAe,EAAA,QAAA,EAAG,OAAO,EAAA,CAAQ,CAC1E,CAAC;AAEF,QAAA,OAAOA,GAAU,CAAA,MAAA,EAAA,EAAA,GAAA,WAAW,EAAG,QAAA,EAAA,KAAK,GAAQ,CAAC;KAC9C;AACD,IAAA,OAAOA,GAAU,CAAA,MAAA,EAAA,EAAA,GAAA,WAAW,EAAG,QAAA,EAAA,QAAQ,GAAQ,CAAC;AAClD,CAAC;AAED,SAAS,YAAY,CAAC,GAAW,EAAA;;;IAG/B,OAAO,GAAG,CAAC,OAAO,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;AACtD;;;;"}
1	+ {"version":3,"file":"HighlightText-d8012ba6.js","sources":["../../src/UNSAFE_HighlightText/HighlightText.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 { highlightStyles } from './HighlightTextStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n /\n The text string to apply highlighting to.\n /\n children?: string;\n /\n The text string to match.\n /\n matchText?: string;\n};\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\n/\n Renders a text string with highlighting applied to the given text to match.\n /\nexport function HighlightText({ children = '', matchText = '', testId }: Props) {\n const testIdProps = useTestId(testId);\n if (matchText.length > 0 && children.length > 0) {\n const escapedMatchText = escapeRegExp(matchText);\n const highlightedText = children.replace(new RegExp(escapedMatchText, 'gi'), HIGHLIGHT_PATTERN);\n const tokens = highlightedText.split(HIGHLIGHT_TOKEN);\n const nodes = tokens.map((current, index) =>\n index % 2 == 0 ? current : <span class={highlightStyles}>{current}</span>\n );\n\n return <span {...testIdProps}>{nodes}</span>;\n }\n return <span {...testIdProps}>{children}</span>;\n}\n\nfunction escapeRegExp(str: string) {\n // copied from:\n // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n return str.replace(/[.+\\-?^${}()\|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n}\n"],"names":["_jsx"],"mappings":";;;;;;;AAsBA,MAAM,eAAe,GAAG,QAAQ,CAAC;AACjC,MAAM,iBAAiB,GAAG,CAAA,EAAG,eAAe,CAAK,EAAA,EAAA,eAAe,EAAE,CAAC;AAEnE;;AAEG;AACa,SAAA,aAAa,CAAC,EAAE,QAAQ,GAAG,EAAE,EAAE,SAAS,GAAG,EAAE,EAAE,MAAM,EAAS,EAAA;AAC5E,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,IAAI,SAAS,CAAC,MAAM,GAAG,CAAC,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,EAAE;AAC/C,QAAA,MAAM,gBAAgB,GAAG,YAAY,CAAC,SAAS,CAAC,CAAC;AACjD,QAAA,MAAM,eAAe,GAAG,QAAQ,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,gBAAgB,EAAE,IAAI,CAAC,EAAE,iBAAiB,CAAC,CAAC;QAChG,MAAM,MAAM,GAAG,eAAe,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;AACtD,QAAA,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,KACtC,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,OAAO,GAAGA,GAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,eAAe,EAAA,QAAA,EAAG,OAAO,EAAA,CAAQ,CAC1E,CAAC;AAEF,QAAA,OAAOA,GAAU,CAAA,MAAA,EAAA,EAAA,GAAA,WAAW,EAAG,QAAA,EAAA,KAAK,GAAQ,CAAC;KAC9C;AACD,IAAA,OAAOA,GAAU,CAAA,MAAA,EAAA,EAAA,GAAA,WAAW,EAAG,QAAA,EAAA,QAAQ,GAAQ,CAAC;AAClD,CAAC;AAED,SAAS,YAAY,CAAC,GAAW,EAAA;;;IAG/B,OAAO,GAAG,CAAC,OAAO,CAAC,uBAAuB,EAAE,MAAM,CAAC,CAAC;AACtD;;;;"}

package/es/Icon-ef2ac069.js CHANGED Viewed

@@ -2,15 +2,15 @@
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { s as sizeToCSS } from './size-a3d3aeaf.js';
-import { u as useTooltip } from './useTooltip-4c8e3803.js';
+import { u as useTooltip } from './useTooltip-f442fedb.js';
 import 'preact/hooks';
 import './logger-c92f309c.js';
-import './LayerHost-a54158ef.js';
+import './LayerHost-12489cef.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-a4b02dcc.js';
+import './tooltipUtils-466c63c4.js';
 import { styles } from './UNSAFE_Icon/themes/IconStyle.css.js';
 import { g as getClientHints } from './clientHints-a42b510c.js';

package/es/IconButton-e7787aeb.js CHANGED Viewed

@@ -1,18 +1,18 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
-import { B as BaseButton } from './BaseButton-93d2f16c.js';
+import { B as BaseButton } from './BaseButton-32b49810.js';
 import { B as ButtonLabelLayout } from './ButtonLabelLayout-d449261a.js';
 import { forwardRef } from 'preact/compat';
-import { u as useTooltip } from './useTooltip-4c8e3803.js';
+import { u as useTooltip } from './useTooltip-f442fedb.js';
 import 'preact/hooks';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import './logger-c92f309c.js';
-import './LayerHost-a54158ef.js';
+import './LayerHost-12489cef.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-a4b02dcc.js';
+import './tooltipUtils-466c63c4.js';
 import { p as processGlobals } from './buttonUtils-55fb1df7.js';
 /**

package/es/IconSwitchButton-2b69f5c2.js CHANGED Viewed

@@ -2,18 +2,18 @@
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { forwardRef } from 'preact/compat';
-import { B as BaseButton } from './BaseButton-93d2f16c.js';
+import { B as BaseButton } from './BaseButton-32b49810.js';
 import { u as useToggleAction } from './useToggleAction-fc0f5399.js';
-import { u as useTooltip } from './useTooltip-4c8e3803.js';
+import { u as useTooltip } from './useTooltip-f442fedb.js';
 import 'preact/hooks';
 import { u as useId } from './useId-03dbfdf0.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import './logger-c92f309c.js';
-import './LayerHost-a54158ef.js';
+import './LayerHost-12489cef.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-a4b02dcc.js';
+import './tooltipUtils-466c63c4.js';
 import { a as toggleStyling } from './toggleButtonUtils-75e3d781.js';
 import { T as ToggleButtonLabel } from './ToggleButtonLabel-802339c7.js';

package/es/IconToggleButton-f2a9d54a.js CHANGED Viewed

@@ -2,17 +2,17 @@
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import { forwardRef } from 'preact/compat';
-import { B as BaseButton } from './BaseButton-93d2f16c.js';
+import { B as BaseButton } from './BaseButton-32b49810.js';
 import { u as useToggleAction } from './useToggleAction-fc0f5399.js';
-import { u as useTooltip } from './useTooltip-4c8e3803.js';
+import { u as useTooltip } from './useTooltip-f442fedb.js';
 import 'preact/hooks';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import './logger-c92f309c.js';
-import './LayerHost-a54158ef.js';
+import './LayerHost-12489cef.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-a4b02dcc.js';
+import './tooltipUtils-466c63c4.js';
 import { a as toggleStyling } from './toggleButtonUtils-75e3d781.js';
 import { p as processGlobals } from './buttonUtils-55fb1df7.js';
 import { T as ToggleButtonLabel } from './ToggleButtonLabel-802339c7.js';

package/es/{IconUserAssistance-90369a96.js → IconUserAssistance-b3b8ed0f.js} RENAMED Viewed

@@ -1,9 +1,9 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
 import { useRef, useCallback } from 'preact/hooks';
-import { u as useTranslationBundle } from './useTranslationBundle-38db1e3c.js';
+import { u as useTranslationBundle } from './useTranslationBundle-25469f1c.js';
 import { S as SvgHelp } from './Help-2b3a3ccf.js';
-import { P as Popup } from './Popup-8962c960.js';
+import { P as Popup } from './Popup-0f026f03.js';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
 import { I as InlineHelp } from './InlineHelp-8293a502.js';
 import { iconUserAssistancePopupFocus, iconUserAssistanceIcon } from './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css.js';
@@ -70,4 +70,4 @@ const IconUserAssistance = ({ assistiveText, helpSourceLink, helpSourceText, isT
 };
 export { IconUserAssistance as I };
-//# sourceMappingURL=IconUserAssistance-90369a96.js.map
+//# sourceMappingURL=IconUserAssistance-b3b8ed0f.js.map

package/es/{IconUserAssistance-90369a96.js.map → IconUserAssistance-b3b8ed0f.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconUserAssistance-~~90369a96~~.js","sources":["../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\n\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { InlineHelp } from './InlineHelp';\nimport {\n iconUserAssistanceIcon,\n iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '#UNSAFE_Popup/themes/redwood/PopupTheme';\nimport { useToggle } from '#hooks/UNSAFE_useToggle';\n\ntype Props = {\n /*\n Text to provide guidance to help the user understand what data to enter.\n /\n assistiveText?: string;\n /\n Help source URL associated with the component.\n /\n helpSourceLink?: string;\n /\n Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n /\n helpSourceText?: string;\n /\n Whether the trigger element is in tab sequence\n /\n isTabbable?: boolean;\n /\n ID of the pop up content that can be used for aria-describedby\n /\n id?: string;\n};\n\n/\n Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n assistiveText,\n helpSourceLink,\n helpSourceText,\n isTabbable = true,\n id\n}: Props) => {\n const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle(false);\n\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n const sourceText = helpSourceLink && (helpSourceText \|\| userAssistance_learnMoreStr);\n const helpForRadioString = translations.radio_helpForRadio();\n const helpStringId = `${id}-help-string`;\n const anchorRef = useRef<HTMLSpanElement>(null);\n\n const handleOutsideClick = useCallback(\n (event: MouseEvent) => {\n const target = event?.target;\n // We need to filter out anchor click events, because anchor is responsible for the toggling\n if (\n (target instanceof Element \|\| target instanceof Document) &&\n !anchorRef.current?.contains(target) &&\n isOpen\n ) {\n setIsOpenFalse();\n }\n },\n [isOpen, setIsOpenFalse]\n );\n\n const handleLinkEvent = useCallback(\n (e: Event) => {\n // if it's a key event that is not \"enter\", return early\n const { key } = e as KeyboardEvent;\n if (key && key !== 'Enter') {\n return;\n }\n\n // We want to close the pop up if a link is triggered with mouse or keyboard\n const { tagName } = e.target as Element;\n\n if (tagName?.toLowerCase() === 'a') {\n setIsOpenFalse();\n\n // we want to refocus to the help icon after the browser has launched the link\n // prematurely doing so prevents keyboard events from firing\n setTimeout(() => anchorRef.current?.focus());\n }\n },\n [setIsOpenFalse]\n );\n\n const handleOnKeyDown = useCallback(\n (e: KeyboardEvent) => {\n // allow user to close popup without having to focus it\n if (['Tab', 'Escape'].includes(e.code) && isOpen) {\n setIsOpenFalse();\n }\n\n // toggle and prevent scroll jump\n if (['Space', 'Enter'].includes(e.code)) {\n e.preventDefault();\n toggle();\n }\n },\n [isOpen, setIsOpenFalse, toggle]\n );\n\n const onClickHandler = useCallback(\n (e: Event) => {\n e.preventDefault();\n toggle();\n },\n [toggle]\n );\n\n // We are referencing popup vars, so we need to bring in the baseTheme for popup\n const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);\n\n return helpSourceLink \|\| assistiveText ? (\n <>\n <span\n onKeyDown={handleOnKeyDown}\n onClick={onClickHandler}\n role=\"link\"\n aria-describedby={helpStringId}\n aria-haspopup=\"dialog\"\n ref={anchorRef}\n tabIndex={isTabbable ? 0 : -1}\n class={iconUserAssistanceIcon}\n id={`${id}-help-icon`}>\n <HelpIcon />\n </span>\n <HiddenAccessible id={helpStringId} isHidden={true}>\n {helpForRadioString}\n </HiddenAccessible>\n <Popup\n placement=\"top\"\n isOpen={isOpen}\n anchorRef={anchorRef}\n onClose={setIsOpenFalse}\n onClickOutside={handleOutsideClick}\n shiftOptions={{ mainAxis: true, crossAxis: false }}\n role=\"tooltip\"\n maxWidth={'296px'}>\n <div\n id={id}\n tabIndex={0}\n class={iconUserAssistanceClasses}\n onMouseUp={handleLinkEvent}\n onKeyDown={handleLinkEvent}>\n <InlineHelp\n assistiveText={assistiveText}\n sourceLink={helpSourceLink}\n sourceText={sourceText}\n />\n </div>\n </Popup>\n </>\n ) : null;\n};\n\nexport { IconUserAssistance };\n"],"names":["_jsxs","_Fragment","_jsx","HelpIcon"],"mappings":"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"}
1	+ {"version":3,"file":"IconUserAssistance-b3b8ed0f.js","sources":["../../src/UNSAFE_UserAssistance/IconUserAssistance.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\n\nimport { HelpIcon } from '#PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '#UNSAFE_Popup';\nimport { HiddenAccessible } from '#UNSAFE_HiddenAccessible';\nimport { InlineHelp } from './InlineHelp';\nimport {\n iconUserAssistanceIcon,\n iconUserAssistancePopupFocus\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '#hooks/UNSAFE_useComponentTheme';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from '#UNSAFE_Popup/themes/redwood/PopupTheme';\nimport { useToggle } from '#hooks/UNSAFE_useToggle';\n\ntype Props = {\n /*\n Text to provide guidance to help the user understand what data to enter.\n /\n assistiveText?: string;\n /\n Help source URL associated with the component.\n /\n helpSourceLink?: string;\n /\n Custom text to be rendered for the `helpSourceLink`. \"Learn more\" will be used if no custom text is provided.\n /\n helpSourceText?: string;\n /\n Whether the trigger element is in tab sequence\n /\n isTabbable?: boolean;\n /\n ID of the pop up content that can be used for aria-describedby\n /\n id?: string;\n};\n\n/\n Created to match icon user assistance spec for use with radio option, pending design review\n * of inline UA assistance.\n */\nconst IconUserAssistance = ({\n assistiveText,\n helpSourceLink,\n helpSourceText,\n isTabbable = true,\n id\n}: Props) => {\n const { bool: isOpen, setFalse: setIsOpenFalse, toggle } = useToggle(false);\n\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n const sourceText = helpSourceLink && (helpSourceText \|\| userAssistance_learnMoreStr);\n const helpForRadioString = translations.radio_helpForRadio();\n const helpStringId = `${id}-help-string`;\n const anchorRef = useRef<HTMLSpanElement>(null);\n\n const handleOutsideClick = useCallback(\n (event: MouseEvent) => {\n const target = event?.target;\n // We need to filter out anchor click events, because anchor is responsible for the toggling\n if (\n (target instanceof Element \|\| target instanceof Document) &&\n !anchorRef.current?.contains(target) &&\n isOpen\n ) {\n setIsOpenFalse();\n }\n },\n [isOpen, setIsOpenFalse]\n );\n\n const handleLinkEvent = useCallback(\n (e: Event) => {\n // if it's a key event that is not \"enter\", return early\n const { key } = e as KeyboardEvent;\n if (key && key !== 'Enter') {\n return;\n }\n\n // We want to close the pop up if a link is triggered with mouse or keyboard\n const { tagName } = e.target as Element;\n\n if (tagName?.toLowerCase() === 'a') {\n setIsOpenFalse();\n\n // we want to refocus to the help icon after the browser has launched the link\n // prematurely doing so prevents keyboard events from firing\n setTimeout(() => anchorRef.current?.focus());\n }\n },\n [setIsOpenFalse]\n );\n\n const handleOnKeyDown = useCallback(\n (e: KeyboardEvent) => {\n // allow user to close popup without having to focus it\n if (['Tab', 'Escape'].includes(e.code) && isOpen) {\n setIsOpenFalse();\n }\n\n // toggle and prevent scroll jump\n if (['Space', 'Enter'].includes(e.code)) {\n e.preventDefault();\n toggle();\n }\n },\n [isOpen, setIsOpenFalse, toggle]\n );\n\n const onClickHandler = useCallback(\n (e: Event) => {\n e.preventDefault();\n toggle();\n },\n [toggle]\n );\n\n // We are referencing popup vars, so we need to bring in the baseTheme for popup\n const { baseTheme: popupBaseTheme } = useComponentTheme(PopupRedwoodTheme);\n const iconUserAssistanceClasses = classNames([popupBaseTheme, iconUserAssistancePopupFocus]);\n\n return helpSourceLink \|\| assistiveText ? (\n <>\n <span\n onKeyDown={handleOnKeyDown}\n onClick={onClickHandler}\n role=\"link\"\n aria-describedby={helpStringId}\n aria-haspopup=\"dialog\"\n ref={anchorRef}\n tabIndex={isTabbable ? 0 : -1}\n class={iconUserAssistanceIcon}\n id={`${id}-help-icon`}>\n <HelpIcon />\n </span>\n <HiddenAccessible id={helpStringId} isHidden={true}>\n {helpForRadioString}\n </HiddenAccessible>\n <Popup\n placement=\"top\"\n isOpen={isOpen}\n anchorRef={anchorRef}\n onClose={setIsOpenFalse}\n onClickOutside={handleOutsideClick}\n shiftOptions={{ mainAxis: true, crossAxis: false }}\n role=\"tooltip\"\n maxWidth={'296px'}>\n <div\n id={id}\n tabIndex={0}\n class={iconUserAssistanceClasses}\n onMouseUp={handleLinkEvent}\n onKeyDown={handleLinkEvent}>\n <InlineHelp\n assistiveText={assistiveText}\n sourceLink={helpSourceLink}\n sourceText={sourceText}\n />\n </div>\n </Popup>\n </>\n ) : null;\n};\n\nexport { IconUserAssistance };\n"],"names":["_jsxs","_Fragment","_jsx","HelpIcon"],"mappings":"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"}

package/es/InlineHelp-8293a502.js CHANGED Viewed

@@ -4,7 +4,7 @@ import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-a2fdbb06.js';
-import { u as useTranslationBundle } from './useTranslationBundle-38db1e3c.js';
+import { u as useTranslationBundle } from './useTranslationBundle-25469f1c.js';
 import { UserAssistanceRedwoodTheme } from './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
 function InlineHelpSource({ children, source }) {

package/es/InlineUserAssistance-af01b717.js CHANGED Viewed

@@ -2,17 +2,17 @@
 import { jsx } from 'preact/jsx-runtime';
 import './logger-c92f309c.js';
 import 'preact/hooks';
-import './Flex-97b023db.js';
+import './Flex-5befe411.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-a54158ef.js';
+import './LayerHost-12489cef.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-a4b02dcc.js';
+import './tooltipUtils-466c63c4.js';
 import './IconStyle.styles.css';
 import './IconButton-e7787aeb.js';
 import './MessageStyles.styles.css';
@@ -32,13 +32,13 @@ import { u as useFormContext } from './useFormContext-bb9dc478.js';
 import './FormFieldContext-47ca0c20.js';
 import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
 import { I as InlineHelp } from './InlineHelp-8293a502.js';
-import { u as useTranslationBundle } from './useTranslationBundle-38db1e3c.js';
+import { u as useTranslationBundle } from './useTranslationBundle-25469f1c.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { UserAssistanceRedwoodTheme } from './UNSAFE_UserAssistance/themes/redwood/UserAssistanceTheme.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import './InputGroupContext-20bdbd6e.js';
 import { u as useInputGroupContext } from './useInputGroupContext-1d19411e.js';
-import { u as useTestId } from './useTestId-7f8e69e7.js';
+import { u as useTestId } from './useTestId-e5d44ab1.js';
 function InlineRequired({ align = 'end', hasHelp = false, hasMessages = false }) {
     const { classes } = useComponentTheme(UserAssistanceRedwoodTheme, {

package/es/InputDateMask-840db1a2.js CHANGED Viewed

@@ -8,9 +8,9 @@ import { R as ReadonlyTextField } from './StyledTextField-9c60efac.js';
 import './ObfuscatedTextFieldInputStyles.styles.css';
 import { R as ReadonlyTextFieldInput } from './ReadonlyTextFieldInput-7bfb1cad.js';
 import { T as TextField } from './TextField-2643ae3c.js';
-import { u as useTranslationBundle } from './useTranslationBundle-38db1e3c.js';
+import { u as useTranslationBundle } from './useTranslationBundle-25469f1c.js';
 import './LiveRegionStyles.styles.css';
-import './LayerHost-a54158ef.js';
+import './LayerHost-12489cef.js';
 import './UNSAFE_TextField/themes/TextFieldStyles.css.js';
 import './SkeletonStyles.styles.css';
 import './TextFieldLoadingStyles.styles.css';
@@ -27,10 +27,10 @@ import { C as CompactUserAssistance } from './CompactUserAssistance-308c2ad3.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-a4b02dcc.js';
+import './tooltipUtils-466c63c4.js';
 import { createContext } from 'preact';
 import './IconStyle.styles.css';
-import './Popup-8962c960.js';
+import './Popup-0f026f03.js';
 import './LabelStyles.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelBaseTheme.styles.css';
 import './UNSAFE_Label/themes/redwood/LabelVariants.css.js';
@@ -43,16 +43,16 @@ import './FormContext-55fb8000.js';
 import { u as useFormContext } from './useFormContext-bb9dc478.js';
 import { F as FormFieldContext } from './FormFieldContext-47ca0c20.js';
 import { u as useTextField } from './useTextField-eb9db737.js';
-import { u as useUser } from './useUser-2decb9ed.js';
+import { u as useUser } from './useUser-df8ae011.js';
 import { b as isLeapYear } from './getFormatParse-6e71bd79.js';
 import { M as MAX_ISO_YEAR, q as getMonthsInYear, m as getDaysInMonth, r as MIN_ISO_DAY, s as MIN_ISO_YEAR, u as MIN_ISO_MONTH, f as formatFullCalendarDate, v as getDatePlaceholderMasks, w as formatShortCalendarDate } from './calendarDateUtils-52ee4867.js';
 import { i as isNumberOnlyString, g as getMonthName, a as getTodayAsCalendarDate, c as calendarDatesAreDifferent, t as translateCustomMasks } from './maskUtils-ad8f1f9b.js';
 import { l } from './stringUtils-0fe25200.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
-import { F as Flex } from './Flex-97b023db.js';
+import { F as Flex } from './Flex-5befe411.js';
 import { H as HiddenAccessible } from './HiddenAccessible-61197e7c.js';
-import { L as LiveRegion } from './LiveRegion-792f6c64.js';
+import { L as LiveRegion } from './LiveRegion-79ffc814.js';
 import { TextFieldInputRedwoodTheme } from './UNSAFE_TextField/themes/redwood/TextFieldInputTheme.js';
 import { i as isEmbeddedVariant } from './formControlUtils-84e2af0e.js';
 import { c as classNames } from './classNames-4e12b00d.js';

package/es/Label-17e1d221.js CHANGED Viewed

@@ -8,23 +8,23 @@ import './FormContext-55fb8000.js';
 import { u as useFormContext } from './useFormContext-bb9dc478.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import './TabbableModeContext-7d8ad946.js';
-import './LayerHost-a54158ef.js';
+import './LayerHost-12489cef.js';
 import 'preact/compat';
 import './UserAssistanceStyles.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceBaseTheme.styles.css';
 import './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css.js';
-import './Flex-97b023db.js';
+import './Flex-5befe411.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 useTooltip } from './useTooltip-4c8e3803.js';
-import { u as useScale } from './useScale-97db3e53.js';
-import { u as useDensity } from './useDensity-c6a5a6c7.js';
+import { u as useTooltip } from './useTooltip-f442fedb.js';
+import { u as useScale } from './useScale-0ebe15ed.js';
+import { u as useDensity } from './useDensity-d06ae84a.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-a4b02dcc.js';
+import './tooltipUtils-466c63c4.js';
 import './IconStyle.styles.css';
 import { g as getClientHints } from './clientHints-a42b510c.js';
 import './IconButton-e7787aeb.js';
@@ -38,9 +38,9 @@ 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-8962c960.js';
+import './Popup-0f026f03.js';
 import './UNSAFE_Separator/themes/SeparatorStyles.css.js';
-import { C as CompactLabelAssistance } from './CompactLabelAssistance-89c305c6.js';
+import { C as CompactLabelAssistance } from './CompactLabelAssistance-1082f67f.js';
 import './UNSAFE_Popup/themes/redwood/PopupBaseTheme.styles.css';
 import './UNSAFE_Popup/themes/redwood/PopupVariants.css.js';
 import { d as detectTruncation } from './truncationUtils-e37f95ee.js';

package/es/LabelValueLayout-d7a71947.js CHANGED Viewed

@@ -5,7 +5,7 @@ import './FormContext-55fb8000.js';
 import { u as useFormContext } from './useFormContext-bb9dc478.js';
 import './FormFieldContext-47ca0c20.js';
 import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
-import { l as labelSlotStyles, a as labelInnerStyles, S as StyledLabelValueLayout } from './StyledLabelValueLayout-24b10baa.js';
+import { l as labelSlotStyles, a as labelInnerStyles, S as StyledLabelValueLayout } from './StyledLabelValueLayout-32bdf9d1.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { TextFieldRedwoodTheme } from './UNSAFE_TextField/themes/redwood/TextFieldTheme.js';
 import { LabelRedwoodTheme } from './UNSAFE_Label/themes/redwood/LabelTheme.js';

package/es/{Layer-5bf232ee.js → Layer-7d3dc8c7.js} RENAMED Viewed

@@ -1,10 +1,10 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
 import { useState, useRef, useContext, useLayoutEffect, useCallback, useMemo, createPortal } from 'preact/compat';
-import { L as LayerContext } from './LayerHost-a54158ef.js';
+import { L as LayerContext } from './LayerHost-12489cef.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { styles, baseStyle } from './UNSAFE_Layer/themes/LayerStyles.css.js';
-import { u as useThemeInterpolations, t as toUnsafeDomElement } from './useThemeInterpolations-f5b476d4.js';
+import { u as useThemeInterpolations, t as toUnsafeDomElement } from './useThemeInterpolations-4b48d878.js';
 const LOGICAL_PARENT = Symbol.for('oj-logical-parent');
 const Layer = ({ children, logicalParentRef, isModal = false, priority = 'popup', level = 'nearestAncestor' }) => {
@@ -88,4 +88,4 @@ const Layer = ({ children, logicalParentRef, isModal = false, priority = 'popup'
 };
 export { Layer as L, LOGICAL_PARENT as a };
-//# sourceMappingURL=Layer-5bf232ee.js.map
+//# sourceMappingURL=Layer-7d3dc8c7.js.map

package/es/{Layer-5bf232ee.js.map → Layer-7d3dc8c7.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Layer-~~5bf232ee~~.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, type RefObject } from 'preact';\nimport {\n createPortal,\n useContext,\n useLayoutEffect,\n useState,\n useRef,\n useMemo,\n useCallback\n} from 'preact/compat';\nimport { LayerContext, LayerContextProps, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\nimport { toUnsafeDomElement } from '#utils/PRIVATE_unsafeDomRefUtils/unsafeDomRefUtils';\nimport { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n /*\n The content to be re-parented using Portal\n /\n children: VNode;\n /\n Logical parent of the re-parented content. Typically the 'launcher' associated\n * with the popup.\n /\n logicalParentRef?: RefObject<Element> \| RefObject<UnsafeDomHandle<Element>> \| null;\n /\n Determines if this layer contains a Modal.\n /\n isModal?: boolean;\n /\n Determines Layer's stacking context. Components that always need to render on top of other popup\n * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n /\n priority?: LayerPriority;\n /\n Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n * a new nesting context as(topLevel).\n */\n level?: LayerLevel;\n};\n\nexport type LayerElement = HTMLElement & {\n [LOGICAL_PARENT]?: Element \| null;\n};\n\nconst Layer = ({\n children,\n logicalParentRef,\n isModal = false,\n priority = 'popup',\n level = 'nearestAncestor'\n}: Props) => {\n const [layerContainer, _setLayerContainer] = useState<Element \| null>(null);\n const layerContainerRef = useRef<Element \| null>(null);\n\n const context = useContext(LayerContext);\n\n const setLayerContainer = (elem: Element \| null) => {\n layerContainerRef.current = elem;\n _setLayerContainer(elem);\n };\n\n // because the children are being rendered into a portal that is out of the flow of parent dom,\n // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n const themeClasses = useThemeInterpolations(logicalParentRef);\n\n let priorityStyle = styles.popupPriorityStyle;\n\n switch (priority) {\n case 'dialog': {\n priorityStyle = styles.dialogPriorityStyle;\n break;\n }\n case 'messages': {\n priorityStyle = styles.messagesPriorityStyle;\n break;\n }\n case 'tooltip': {\n priorityStyle = styles.tooltipPriorityStyle;\n break;\n }\n default: {\n priorityStyle = styles.popupPriorityStyle;\n break;\n }\n }\n\n const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n // content does not get re-rendered with valid ref's\n useLayoutEffect(() => {\n const host =\n level === 'topLevel'\n ? context.getRootLayerHost?.(priority)\n : context.getLayerHost?.(priority);\n\n if (!host) return;\n const doc = host.ownerDocument ?? document;\n const layer: LayerElement = doc.createElement('div');\n\n layer.setAttribute('data-oj-layer', isModal ? 'modal' : 'modeless');\n\n if (logicalParentRef) {\n layer[LOGICAL_PARENT] = toUnsafeDomElement(logicalParentRef);\n }\n host.appendChild(layer);\n setLayerContainer(layer);\n\n return () => {\n if (host && layer && host.contains(layer)) {\n delete layer[LOGICAL_PARENT];\n host.removeChild(layer);\n }\n if (context.onLayerUnmount) {\n context.onLayerUnmount(layer);\n }\n setLayerContainer(null);\n };\n }, [logicalParentRef, context, level, priority, isModal]);\n\n // add the colorScheme and scale classes if there is a layerContainer\n if (layerContainer) {\n // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n layerContainer.className = classes;\n }\n\n const getLayerHost = useCallback(() => {\n return layerContainer;\n }, [layerContainer]);\n\n const newLayerContext = useMemo(() => {\n if (context.getLayerHost) {\n return {\n getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n getLayerHost: getLayerHost.bind(null)\n };\n } else {\n return {};\n }\n }, [context.getLayerHost, context.getRootLayerHost, getLayerHost, priority]);\n\n return (\n <LayerContext.Provider value={newLayerContext as LayerContextProps}>\n {layerContainer && createPortal(children, layerContainer)}\n </LayerContext.Provider>\n );\n};\n\nexport default Layer;\n"],"names":["_jsx"],"mappings":"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"}
1	+ {"version":3,"file":"Layer-7d3dc8c7.js","sources":["../../src/UNSAFE_Layer/Layer.tsx"],"sourcesContent":["import { VNode, type RefObject } from 'preact';\nimport {\n createPortal,\n useContext,\n useLayoutEffect,\n useState,\n useRef,\n useMemo,\n useCallback\n} from 'preact/compat';\nimport { LayerContext, LayerContextProps, LayerLevel, LayerPriority } from './LayerContext';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { baseStyle, styles } from './themes/LayerStyles.css';\nimport { useThemeInterpolations } from '../hooks/UNSAFE_useThemeInterpolations/useThemeInterpolations';\nimport { toUnsafeDomElement } from '#utils/PRIVATE_unsafeDomRefUtils/unsafeDomRefUtils';\nimport { UnsafeDomHandle } from '#utils/UNSAFE_unsafeDomAccess';\n\nexport const LOGICAL_PARENT = Symbol.for('oj-logical-parent');\n\ntype Props = {\n /*\n The content to be re-parented using Portal\n /\n children: VNode;\n /\n Logical parent of the re-parented content. Typically the 'launcher' associated\n * with the popup.\n /\n logicalParentRef?: RefObject<Element> \| RefObject<UnsafeDomHandle<Element>> \| null;\n /\n Determines if this layer contains a Modal.\n /\n isModal?: boolean;\n /\n Determines Layer's stacking context. Components that always need to render on top of other popup\n * elements (such as Messages) should use respective priority value. The default priority level is 'popup'.\n /\n priority?: LayerPriority;\n /\n Determines Layer's nesting context. By default, new layers will render in the context of a parent Layer,\n * if it exists (nearestAncestor)). Some popup components (such as Dialog and Message) may need to set up\n * a new nesting context as(topLevel).\n */\n level?: LayerLevel;\n};\n\nexport type LayerElement = HTMLElement & {\n [LOGICAL_PARENT]?: Element \| null;\n};\n\nconst Layer = ({\n children,\n logicalParentRef,\n isModal = false,\n priority = 'popup',\n level = 'nearestAncestor'\n}: Props) => {\n const [layerContainer, _setLayerContainer] = useState<Element \| null>(null);\n const layerContainerRef = useRef<Element \| null>(null);\n\n const context = useContext(LayerContext);\n\n const setLayerContainer = (elem: Element \| null) => {\n layerContainerRef.current = elem;\n _setLayerContainer(elem);\n };\n\n // because the children are being rendered into a portal that is out of the flow of parent dom,\n // we need to specify the colorScheme and scale class names here to pick up the correct CSS styles.\n const themeClasses = useThemeInterpolations(logicalParentRef);\n\n let priorityStyle = styles.popupPriorityStyle;\n\n switch (priority) {\n case 'dialog': {\n priorityStyle = styles.dialogPriorityStyle;\n break;\n }\n case 'messages': {\n priorityStyle = styles.messagesPriorityStyle;\n break;\n }\n case 'tooltip': {\n priorityStyle = styles.tooltipPriorityStyle;\n break;\n }\n default: {\n priorityStyle = styles.popupPriorityStyle;\n break;\n }\n }\n\n const classes = classNames([themeClasses, baseStyle, priorityStyle]);\n\n // Really need useLayoutEffect instead of useEffect here. Otherwise the re-parented\n // content does not get re-rendered with valid ref's\n useLayoutEffect(() => {\n const host =\n level === 'topLevel'\n ? context.getRootLayerHost?.(priority)\n : context.getLayerHost?.(priority);\n\n if (!host) return;\n const doc = host.ownerDocument ?? document;\n const layer: LayerElement = doc.createElement('div');\n\n layer.setAttribute('data-oj-layer', isModal ? 'modal' : 'modeless');\n\n if (logicalParentRef) {\n layer[LOGICAL_PARENT] = toUnsafeDomElement(logicalParentRef);\n }\n host.appendChild(layer);\n setLayerContainer(layer);\n\n return () => {\n if (host && layer && host.contains(layer)) {\n delete layer[LOGICAL_PARENT];\n host.removeChild(layer);\n }\n if (context.onLayerUnmount) {\n context.onLayerUnmount(layer);\n }\n setLayerContainer(null);\n };\n }, [logicalParentRef, context, level, priority, isModal]);\n\n // add the colorScheme and scale classes if there is a layerContainer\n if (layerContainer) {\n // use the theme interpolations to set the appropriate style classes for colorScheme and scale\n layerContainer.className = classes;\n }\n\n const getLayerHost = useCallback(() => {\n return layerContainer;\n }, [layerContainer]);\n\n const newLayerContext = useMemo(() => {\n if (context.getLayerHost) {\n return {\n getRootLayerHost: context.getRootLayerHost?.bind(null, priority),\n getLayerHost: getLayerHost.bind(null)\n };\n } else {\n return {};\n }\n }, [context.getLayerHost, context.getRootLayerHost, getLayerHost, priority]);\n\n return (\n <LayerContext.Provider value={newLayerContext as LayerContextProps}>\n {layerContainer && createPortal(children, layerContainer)}\n </LayerContext.Provider>\n );\n};\n\nexport default Layer;\n"],"names":["_jsx"],"mappings":"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"}

package/es/{LayerHost-a54158ef.js → LayerHost-12489cef.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
-import { createContext } from 'preact';
 import { t } from './index-3e2e69c4.js';
+import { createContext } from 'preact';
 import { jsx } from 'preact/jsx-runtime';
 import { forwardRef } from 'preact/compat';
 import { baseStyle } from './UNSAFE_Layer/themes/LayerHostStyles.css.js';
@@ -38,4 +38,4 @@ const LayerHost = forwardRef((_props, ref) => {
 LayerHost.displayName = 'Forwarded<LayerHost>';
 export { DefaultEnvironment as D, EnvironmentContext as E, LayerContext as L, LayerHost as a };
-//# sourceMappingURL=LayerHost-a54158ef.js.map
+//# sourceMappingURL=LayerHost-12489cef.js.map

package/es/{LayerHost-a54158ef.js.map → LayerHost-12489cef.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LayerHost-~~a54158ef~~.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/LayerHost.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 { Theme, ThemeModifiers } from '../UNSAFE_Theme';\n\nimport { Redwood } from '../Common';\nimport { createContext } from 'preact';\n\n/\n Defines user specific environment\n /\ntype User = {\n locale: string;\n direction: 'rtl' \| 'ltr';\n forcedColors: 'none' \| 'active';\n};\n\n/\n Defines translation bundle type.\n /\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/\n Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n \n Translation bundle example:\n * const bundle = {\n * @oracle/oracle-preact-bundle: {\n * welcome: () => 'bienvenido',\n * success: () => 'éxito'\n * }\n * }\n /\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/\n Defines the mode in which the application is running. For \"test\" mode, UNSAFE_useTestId hook will\n * return a set of attributes to be rendered on the component DOM for testing purposes. Default is\n * \"production\"\n /\ntype Mode = 'test' \| 'production';\n\n/\n Environment specified at the root level\n /\nexport type RootEnvironment = Partial<ThemeModifiers> & {\n /\n user - supports user preferences\n /\n user?: Partial<User>;\n /\n theme - supports theme settings\n /\n theme?: Theme;\n /\n translations - supports translation bundles\n /\n translations?: Translations;\n /\n mode - the application's configured mode\n /\n mode?: Mode;\n};\n\n/\n Environment specified at the component level\n /\nexport type Environment = Partial<ThemeModifiers> & {\n translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = ThemeModifiers & {\n user: User;\n theme: Theme;\n translations?: Translations;\n mode: Mode;\n};\n\n/\n Default environment created for the application\n /\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n user: {\n locale: document.documentElement.getAttribute('lang') \|\| 'en',\n direction:\n document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',\n forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n },\n theme: Redwood,\n colorScheme: 'light',\n scale: 'lg',\n currentBgColor: undefined,\n mode: 'production',\n density: 'standard'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","import { createContext } from 'preact';\n\nexport type LayerLevel = 'nearestAncestor' \| 'topLevel';\nexport type LayerPriority = 'popup' \| 'dialog' \| 'messages' \| 'tooltip';\n\nexport type LayerContextProps = {\n getRootLayerHost?: (priority?: LayerPriority) => Element;\n getLayerHost?: (priority?: LayerPriority) => Element;\n onLayerUnmount?: (element: HTMLElement) => void;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","/\n The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\nimport { baseStyle } from './themes/LayerHostStyles.css';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n return <div id=\"__root_layer_host\" role=\"presentation\" ref={ref} class={baseStyle} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n"],"names":["Redwood","_jsx"],"mappings":";;;;;;;AAAA;;;;;;AAMG;AA+EH;;AAEG;AACU,MAAA,kBAAkB,GAA4B;AACzD,IAAA,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,IAAI;QAC7D,SAAS,EACP,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,KAAK,KAAK,GAAG,KAAK,GAAG,KAAK;AACvF,QAAA,YAAY,EAAE,MAAM,CAAC,UAAU,GAAG,yBAAyB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM;AAC1F,KAAA;AACD,IAAA,KAAK,EAAEA,CAAO;AACd,IAAA,WAAW,EAAE,OAAO;AACpB,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,UAAU;EACnB;MAEW,kBAAkB,GAAG,aAAa,CAA0B,kBAAkB;;MC5F9E,YAAY,GAAG,aAAa,CAAoB,EAAE;;ACJzD,MAAA,SAAS,GAAG,UAAU,CAAiB,CAAC,MAAM,EAAE,GAAG,KAAI;AAC3D,IAAA,OAAOC,aAAK,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,GAAI,CAAC;AACxF,CAAC,EAAE;AAEH,SAAS,CAAC,WAAW,GAAG,sBAAsB;;;;"}
1	+ {"version":3,"file":"LayerHost-12489cef.js","sources":["../../src/UNSAFE_Environment/EnvironmentContext.tsx","../../src/UNSAFE_Layer/LayerContext.ts","../../src/UNSAFE_Layer/LayerHost.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 { Theme, ThemeModifiers } from '../UNSAFE_Theme';\n\nimport { Redwood } from '../Common';\nimport { createContext } from 'preact';\n\n/\n Defines user specific environment\n /\ntype User = {\n locale: string;\n direction: 'rtl' \| 'ltr';\n forcedColors: 'none' \| 'active';\n};\n\n/\n Defines translation bundle type.\n /\nexport type TranslationBundle = Record<string, (...args: any[]) => string>;\n\n/\n Defines a type for translation property which is an object where\n * - key - string - bundle id\n * - value - object - strings to functions of the type (options?: object)=>string\n \n Translation bundle example:\n * const bundle = {\n * @oracle/oracle-preact-bundle: {\n * welcome: () => 'bienvenido',\n * success: () => 'éxito'\n * }\n * }\n /\ntype Translations = { [bundleId: string]: TranslationBundle };\n\n/\n Defines the mode in which the application is running. For \"test\" mode, UNSAFE_useTestId hook will\n * return a set of attributes to be rendered on the component DOM for testing purposes. Default is\n * \"production\"\n /\ntype Mode = 'test' \| 'production';\n\n/\n Environment specified at the root level\n /\nexport type RootEnvironment = Partial<ThemeModifiers> & {\n /\n user - supports user preferences\n /\n user?: Partial<User>;\n /\n theme - supports theme settings\n /\n theme?: Theme;\n /\n translations - supports translation bundles\n /\n translations?: Translations;\n /\n mode - the application's configured mode\n /\n mode?: Mode;\n};\n\n/\n Environment specified at the component level\n /\nexport type Environment = Partial<ThemeModifiers> & {\n translations?: Translations;\n};\n\nexport type CompleteEnvironmentType = ThemeModifiers & {\n user: User;\n theme: Theme;\n translations?: Translations;\n mode: Mode;\n};\n\n/\n Default environment created for the application\n /\nexport const DefaultEnvironment: CompleteEnvironmentType = {\n user: {\n locale: document.documentElement.getAttribute('lang') \|\| 'en',\n direction:\n document.documentElement.getAttribute('dir')?.toLowerCase() === 'rtl' ? 'rtl' : 'ltr',\n forcedColors: window.matchMedia?.('(forced-colors: active)')?.matches ? 'active' : 'none'\n },\n theme: Redwood,\n colorScheme: 'light',\n scale: 'lg',\n currentBgColor: undefined,\n mode: 'production',\n density: 'standard'\n};\n\nexport const EnvironmentContext = createContext<CompleteEnvironmentType>(DefaultEnvironment);\n","import { createContext } from 'preact';\n\nexport type LayerLevel = 'nearestAncestor' \| 'topLevel';\nexport type LayerPriority = 'popup' \| 'dialog' \| 'messages' \| 'tooltip';\n\nexport type LayerContextProps = {\n getRootLayerHost?: (priority?: LayerPriority) => Element;\n getLayerHost?: (priority?: LayerPriority) => Element;\n onLayerUnmount?: (element: HTMLElement) => void;\n};\n\nexport const LayerContext = createContext<LayerContextProps>({});\n","/\n The LayerHost is a div which is created in place\n * where you want to \"house\" a portaled content\n */\nimport { forwardRef } from 'preact/compat';\nimport { baseStyle } from './themes/LayerHostStyles.css';\n\nconst LayerHost = forwardRef<HTMLDivElement>((_props, ref) => {\n return <div id=\"__root_layer_host\" role=\"presentation\" ref={ref} class={baseStyle} />;\n});\n\nLayerHost.displayName = 'Forwarded<LayerHost>';\n\nexport default LayerHost;\n"],"names":["Redwood","_jsx"],"mappings":";;;;;;;AAAA;;;;;;AAMG;AA+EH;;AAEG;AACU,MAAA,kBAAkB,GAA4B;AACzD,IAAA,IAAI,EAAE;QACJ,MAAM,EAAE,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,IAAI;QAC7D,SAAS,EACP,QAAQ,CAAC,eAAe,CAAC,YAAY,CAAC,KAAK,CAAC,EAAE,WAAW,EAAE,KAAK,KAAK,GAAG,KAAK,GAAG,KAAK;AACvF,QAAA,YAAY,EAAE,MAAM,CAAC,UAAU,GAAG,yBAAyB,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,MAAM;AAC1F,KAAA;AACD,IAAA,KAAK,EAAEA,CAAO;AACd,IAAA,WAAW,EAAE,OAAO;AACpB,IAAA,KAAK,EAAE,IAAI;AACX,IAAA,cAAc,EAAE,SAAS;AACzB,IAAA,IAAI,EAAE,YAAY;AAClB,IAAA,OAAO,EAAE,UAAU;EACnB;MAEW,kBAAkB,GAAG,aAAa,CAA0B,kBAAkB;;MC5F9E,YAAY,GAAG,aAAa,CAAoB,EAAE;;ACJzD,MAAA,SAAS,GAAG,UAAU,CAAiB,CAAC,MAAM,EAAE,GAAG,KAAI;AAC3D,IAAA,OAAOC,aAAK,EAAE,EAAC,mBAAmB,EAAC,IAAI,EAAC,cAAc,EAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,SAAS,GAAI,CAAC;AACxF,CAAC,EAAE;AAEH,SAAS,CAAC,WAAW,GAAG,sBAAsB;;;;"}

package/es/{LayerManager-08585f39.js → LayerManager-a62e619b.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useState, useCallback } from 'preact/compat';
-import { L as LayerContext, a as LayerHost } from './LayerHost-a54158ef.js';
+import { L as LayerContext, a as LayerHost } from './LayerHost-12489cef.js';
 function LayerManager({ children }) {
     const [defaultHost, setDefaultHost] = useState();
@@ -31,4 +31,4 @@ function LayerManager({ children }) {
 }
 export { LayerManager as L };
-//# sourceMappingURL=LayerManager-08585f39.js.map
+//# sourceMappingURL=LayerManager-a62e619b.js.map

package/es/{LayerManager-08585f39.js.map → LayerManager-a62e619b.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LayerManager-~~08585f39~~.js","sources":["../../src/UNSAFE_Layer/LayerManager.tsx"],"sourcesContent":["/*\n The LayerManager wraps your application and creates two adjacent divs for\n * rendering your application and housing Layers.\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback, useState } from 'preact/compat';\nimport { LayerContext, LayerContextProps } from './LayerContext';\nimport LayerHost from './LayerHost';\n\ntype LayerManagerProps = {\n children?: ComponentChildren;\n};\n\nexport function LayerManager({ children }: LayerManagerProps) {\n const [defaultHost, setDefaultHost] = useState<Element>();\n //const context = useContext(LayerContext);\n const defaultHostRef = useCallback((el: Element \| null) => {\n // ref callbacks fire after the component has been unnmounted so we do not\n // want to set state in this use-case\n if (el !== null) {\n setDefaultHost(el);\n }\n }, []);\n\n return (\n <LayerContext.Consumer>\n {(value: LayerContextProps) => {\n let defaultHostContext = {};\n if (defaultHost) {\n defaultHostContext = {\n getRootLayerHost: () => {\n return defaultHost;\n },\n getLayerHost: () => {\n return defaultHost;\n }\n };\n }\n const layerContext = value.getLayerHost ? value : defaultHostContext;\n return (\n <LayerContext.Provider value={layerContext}>\n {children}\n {!value.getLayerHost && <LayerHost ref={defaultHostRef} />}\n </LayerContext.Provider>\n );\n }}\n </LayerContext.Consumer>\n );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAagB,SAAA,YAAY,CAAC,EAAE,QAAQ,EAAqB,EAAA;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAW,CAAC;;AAE1D,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,EAAkB,KAAI;;;AAGxD,QAAA,IAAI,EAAE,KAAK,IAAI,EAAE;YACf,cAAc,CAAC,EAAE,CAAC,CAAC;SACpB;KACF,EAAE,EAAE,CAAC,CAAC;IAEP,QACEA,IAAC,YAAY,CAAC,QAAQ,EACnB,EAAA,QAAA,EAAA,CAAC,KAAwB,KAAI;YAC5B,IAAI,kBAAkB,GAAG,EAAE,CAAC;YAC5B,IAAI,WAAW,EAAE;AACf,gBAAA,kBAAkB,GAAG;oBACnB,gBAAgB,EAAE,MAAK;AACrB,wBAAA,OAAO,WAAW,CAAC;qBACpB;oBACD,YAAY,EAAE,MAAK;AACjB,wBAAA,OAAO,WAAW,CAAC;qBACpB;iBACF,CAAC;aACH;AACD,YAAA,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,GAAG,kBAAkB,CAAC;YACrE,QACEC,IAAC,CAAA,YAAY,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EACvC,QAAA,EAAA,CAAA,QAAQ,EACR,CAAC,KAAK,CAAC,YAAY,IAAID,GAAA,CAAC,SAAS,EAAA,EAAC,GAAG,EAAE,cAAc,EAAA,CAAI,CACpC,EAAA,CAAA,EACxB;SACH,EAAA,CACqB,EACxB;AACJ;;;;"}
1	+ {"version":3,"file":"LayerManager-a62e619b.js","sources":["../../src/UNSAFE_Layer/LayerManager.tsx"],"sourcesContent":["/*\n The LayerManager wraps your application and creates two adjacent divs for\n * rendering your application and housing Layers.\n */\nimport { ComponentChildren } from 'preact';\nimport { useCallback, useState } from 'preact/compat';\nimport { LayerContext, LayerContextProps } from './LayerContext';\nimport LayerHost from './LayerHost';\n\ntype LayerManagerProps = {\n children?: ComponentChildren;\n};\n\nexport function LayerManager({ children }: LayerManagerProps) {\n const [defaultHost, setDefaultHost] = useState<Element>();\n //const context = useContext(LayerContext);\n const defaultHostRef = useCallback((el: Element \| null) => {\n // ref callbacks fire after the component has been unnmounted so we do not\n // want to set state in this use-case\n if (el !== null) {\n setDefaultHost(el);\n }\n }, []);\n\n return (\n <LayerContext.Consumer>\n {(value: LayerContextProps) => {\n let defaultHostContext = {};\n if (defaultHost) {\n defaultHostContext = {\n getRootLayerHost: () => {\n return defaultHost;\n },\n getLayerHost: () => {\n return defaultHost;\n }\n };\n }\n const layerContext = value.getLayerHost ? value : defaultHostContext;\n return (\n <LayerContext.Provider value={layerContext}>\n {children}\n {!value.getLayerHost && <LayerHost ref={defaultHostRef} />}\n </LayerContext.Provider>\n );\n }}\n </LayerContext.Consumer>\n );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;AAagB,SAAA,YAAY,CAAC,EAAE,QAAQ,EAAqB,EAAA;IAC1D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,EAAW,CAAC;;AAE1D,IAAA,MAAM,cAAc,GAAG,WAAW,CAAC,CAAC,EAAkB,KAAI;;;AAGxD,QAAA,IAAI,EAAE,KAAK,IAAI,EAAE;YACf,cAAc,CAAC,EAAE,CAAC,CAAC;SACpB;KACF,EAAE,EAAE,CAAC,CAAC;IAEP,QACEA,IAAC,YAAY,CAAC,QAAQ,EACnB,EAAA,QAAA,EAAA,CAAC,KAAwB,KAAI;YAC5B,IAAI,kBAAkB,GAAG,EAAE,CAAC;YAC5B,IAAI,WAAW,EAAE;AACf,gBAAA,kBAAkB,GAAG;oBACnB,gBAAgB,EAAE,MAAK;AACrB,wBAAA,OAAO,WAAW,CAAC;qBACpB;oBACD,YAAY,EAAE,MAAK;AACjB,wBAAA,OAAO,WAAW,CAAC;qBACpB;iBACF,CAAC;aACH;AACD,YAAA,MAAM,YAAY,GAAG,KAAK,CAAC,YAAY,GAAG,KAAK,GAAG,kBAAkB,CAAC;YACrE,QACEC,IAAC,CAAA,YAAY,CAAC,QAAQ,EAAC,EAAA,KAAK,EAAE,YAAY,EACvC,QAAA,EAAA,CAAA,QAAQ,EACR,CAAC,KAAK,CAAC,YAAY,IAAID,GAAA,CAAC,SAAS,EAAA,EAAC,GAAG,EAAE,cAAc,EAAA,CAAI,CACpC,EAAA,CAAA,EACxB;SACH,EAAA,CACqB,EACxB;AACJ;;;;"}

package/es/Link-d7ad7267.js CHANGED Viewed

@@ -7,7 +7,7 @@ import { u as useInteractionStyle } from './useInteractionStyle-99e32c23.js';
 import { LinkRedwoodTheme } from './UNSAFE_Link/themes/redwood/LinkTheme.js';
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-a2fdbb06.js';
-import { u as useTestId } from './useTestId-7f8e69e7.js';
+import { u as useTestId } from './useTestId-e5d44ab1.js';
 const noop = () => { };
 /**

package/es/List-ec8a9e41.js CHANGED Viewed

@@ -17,17 +17,17 @@ import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
 import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
 import { listItemMultiVariantStyles, paddingStyles, listItemStyles, skeletonStyles, sparkleStyles, listStyles } from './PRIVATE_List/themes/ListStyles.css.js';
 import { S as Skeleton } from './Skeleton-a06f4f74.js';
-import { F as Flex } from './Flex-97b023db.js';
+import { F as Flex } from './Flex-5befe411.js';
 import { S as Selector } from './Selector-1ceeaf0a.js';
 import { g as globalImages } from './ImageVars.css-7b3180c8.js';
-import { u as useTheme } from './useTheme-9172bf84.js';
-import { u as useTestId } from './useTestId-7f8e69e7.js';
+import { u as useTheme } from './useTheme-d30637db.js';
+import { u as useTestId } from './useTestId-e5d44ab1.js';
 import './ReorderableContext-0daeea89.js';
-import './LayerHost-a54158ef.js';
+import './LayerHost-12489cef.js';
 import './CollectionInteractionContext-7cf19abc.js';
 import { u as useCollectionInteractionContext } from './useCollectionInteractionContext-3895c632.js';
 import 'preact';
-import { u as useSelection } from './useSelection-5a661630.js';
+import { u as useSelection } from './useSelection-c405739d.js';
 import { u as useAdditiveSelection } from './useAdditiveSelection-dc54508b.js';
 import { u as useItemAction } from './useItemAction-f256a7af.js';
 import { I as Inset } from './Inset-f310ac0b.js';

package/es/{LiveRegion-792f6c64.js → LiveRegion-79ffc814.js} RENAMED Viewed

@@ -2,7 +2,7 @@
 import { jsx } from 'preact/jsx-runtime';
 import { useState, useCallback, useEffect } from 'preact/hooks';
 import './LiveRegionStyles.styles.css';
-import { u as useTestId } from './useTestId-7f8e69e7.js';
+import { u as useTestId } from './useTestId-e5d44ab1.js';
 var offScreenStyle = 'LiveRegionStyles_offScreenStyle__1uvpdtw0';
@@ -36,4 +36,4 @@ function useLiveText(text, timeout) {
 }
 export { LiveRegion as L };
-//# sourceMappingURL=LiveRegion-792f6c64.js.map
+//# sourceMappingURL=LiveRegion-79ffc814.js.map

package/es/{LiveRegion-792f6c64.js.map → LiveRegion-79ffc814.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LiveRegion-~~792f6c64~~.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'preact/hooks';\nimport { offScreenStyle } from './LiveRegionStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n /*\n Whether this live region is atomic\n /\n atomic?: 'true' \| 'false';\n\n /\n The text to be read out in the live region\n /\n children?: string;\n\n /\n Timeout for updating the text\n /\n timeout?: number;\n\n /\n The value for the aria-live attribute\n /\n type?: 'assertive' \| 'polite' \| 'off';\n};\n\n/\n A helper component that renders an aria-live region\n \n TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n /\nfunction LiveRegion({\n testId,\n atomic = 'false',\n children = '',\n timeout = 100,\n type = 'polite'\n}: Props) {\n const ariaLiveText = useLiveText(children, timeout);\n const testIdProps = useTestId(testId);\n\n return (\n <span aria-live={type} aria-atomic={atomic} class={offScreenStyle} {...testIdProps}>\n {ariaLiveText}\n </span>\n );\n}\n\n/\n A custom hook for handling the aria-live region\n \n @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n const [liveText, setLiveText] = useState('');\n const updateText = useCallback(() => setLiveText(text), [text]);\n const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n useEffect(() => {\n const timeoutId = updateTextAsync();\n\n return () => clearTimeout(timeoutId);\n }, [updateTextAsync]);\n\n return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["_jsx"],"mappings":";;;;;;;;AA0BA;;;;;AAKG;AACH,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,MAAM,GAAG,OAAO,EAChB,QAAQ,GAAG,EAAE,EACb,OAAO,GAAG,GAAG,EACb,IAAI,GAAG,QAAQ,EACT,EAAA;IACN,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACpD,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EAAiB,IAAI,EAAA,aAAA,EAAe,MAAM,EAAE,KAAK,EAAE,cAAc,KAAM,WAAW,EAAA,QAAA,EAC/E,YAAY,EAAA,CACR,EACP;AACJ,CAAC;AAED;;;;;;AAMG;AACH,SAAS,WAAW,CAAC,IAAY,EAAE,OAAe,EAAA;IAChD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAChE,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAElG,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;AAEpC,QAAA,OAAO,MAAM,YAAY,CAAC,SAAS,CAAC,CAAC;AACvC,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AAEtB,IAAA,OAAO,QAAQ,CAAC;AAClB;;;;"}
1	+ {"version":3,"file":"LiveRegion-79ffc814.js","sources":["../../src/UNSAFE_LiveRegion/LiveRegion.tsx"],"sourcesContent":["import { useCallback, useEffect, useState } from 'preact/hooks';\nimport { offScreenStyle } from './LiveRegionStyles.css';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n /*\n Whether this live region is atomic\n /\n atomic?: 'true' \| 'false';\n\n /\n The text to be read out in the live region\n /\n children?: string;\n\n /\n Timeout for updating the text\n /\n timeout?: number;\n\n /\n The value for the aria-live attribute\n /\n type?: 'assertive' \| 'polite' \| 'off';\n};\n\n/\n A helper component that renders an aria-live region\n \n TODO: Create a more centralized component that can handle aria-live region for\n * the whole application and use context api to communicate\n /\nfunction LiveRegion({\n testId,\n atomic = 'false',\n children = '',\n timeout = 100,\n type = 'polite'\n}: Props) {\n const ariaLiveText = useLiveText(children, timeout);\n const testIdProps = useTestId(testId);\n\n return (\n <span aria-live={type} aria-atomic={atomic} class={offScreenStyle} {...testIdProps}>\n {ariaLiveText}\n </span>\n );\n}\n\n/\n A custom hook for handling the aria-live region\n \n @param text The aria-live text to use\n * @param timeout The timeout for setting the aria-live text async\n * @returns The aria-live text\n */\nfunction useLiveText(text: string, timeout: number) {\n const [liveText, setLiveText] = useState('');\n const updateText = useCallback(() => setLiveText(text), [text]);\n const updateTextAsync = useCallback(() => setTimeout(updateText, timeout), [updateText, timeout]);\n\n useEffect(() => {\n const timeoutId = updateTextAsync();\n\n return () => clearTimeout(timeoutId);\n }, [updateTextAsync]);\n\n return liveText;\n}\n\nexport { LiveRegion };\n"],"names":["_jsx"],"mappings":";;;;;;;;AA0BA;;;;;AAKG;AACH,SAAS,UAAU,CAAC,EAClB,MAAM,EACN,MAAM,GAAG,OAAO,EAChB,QAAQ,GAAG,EAAE,EACb,OAAO,GAAG,GAAG,EACb,IAAI,GAAG,QAAQ,EACT,EAAA;IACN,MAAM,YAAY,GAAG,WAAW,CAAC,QAAQ,EAAE,OAAO,CAAC,CAAC;AACpD,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AAEtC,IAAA,QACEA,GAAA,CAAA,MAAA,EAAA,EAAA,WAAA,EAAiB,IAAI,EAAA,aAAA,EAAe,MAAM,EAAE,KAAK,EAAE,cAAc,KAAM,WAAW,EAAA,QAAA,EAC/E,YAAY,EAAA,CACR,EACP;AACJ,CAAC;AAED;;;;;;AAMG;AACH,SAAS,WAAW,CAAC,IAAY,EAAE,OAAe,EAAA;IAChD,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;AAC7C,IAAA,MAAM,UAAU,GAAG,WAAW,CAAC,MAAM,WAAW,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAChE,MAAM,eAAe,GAAG,WAAW,CAAC,MAAM,UAAU,CAAC,UAAU,EAAE,OAAO,CAAC,EAAE,CAAC,UAAU,EAAE,OAAO,CAAC,CAAC,CAAC;IAElG,SAAS,CAAC,MAAK;AACb,QAAA,MAAM,SAAS,GAAG,eAAe,EAAE,CAAC;AAEpC,QAAA,OAAO,MAAM,YAAY,CAAC,SAAS,CAAC,CAAC;AACvC,KAAC,EAAE,CAAC,eAAe,CAAC,CAAC,CAAC;AAEtB,IAAA,OAAO,QAAQ,CAAC;AAClB;;;;"}

package/es/MaxLengthCounter-d622f964.js ADDED Viewed

@@ -0,0 +1,25 @@
+/* @oracle/oraclejet-preact: undefined */
+import { jsx, jsxs } from 'preact/jsx-runtime';
+import { useCallback } from 'preact/hooks';
+import { c as classNames } from './classNames-4e12b00d.js';
+import { u as usePress } from './usePress-051f5adb.js';
+import './FormFieldContext-47ca0c20.js';
+import { u as useFormFieldContext } from './useFormFieldContext-daf7a676.js';
+import './MaxLengthCounterStyles.styles.css';
+var hide = 'MaxLengthCounterStyles_hide__7dy9j71';
+var maxLengthCounterBase = 'MaxLengthCounterStyles_maxLengthCounterBase__7dy9j70';
+var spanStyles = 'MaxLengthCounterStyles_spanStyles__7dy9j72';
+const noop = () => { };
+function MaxLengthCounter({ maxLength, valueLength = 0, onClick }) {
+    const { isFocused } = useFormFieldContext();
+    // We don't want mousedown on this component to do anything, so prevent the default behavior.
+    const killEvent = useCallback((event) => event.preventDefault(), []);
+    const textClasses = classNames([!isFocused && hide]);
+    const { pressProps } = usePress(onClick ?? noop);
+    return (jsx("div", { class: maxLengthCounterBase, onMouseDown: killEvent, ...pressProps, children: jsxs("span", { class: textClasses, children: [jsx("span", { class: spanStyles, children: valueLength }), jsx("span", { class: spanStyles, children: "/" }), jsx("span", { class: spanStyles, children: maxLength })] }) }));
+}
+export { MaxLengthCounter as M };
+//# sourceMappingURL=MaxLengthCounter-d622f964.js.map

package/es/MaxLengthCounter-d622f964.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"MaxLengthCounter-d622f964.js","sources":["../../src/UNSAFE_TextArea/MaxLengthCounter.tsx"],"sourcesContent":["import { useCallback } from 'preact/hooks';\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { hide, maxLengthCounterBase, spanStyles } from './MaxLengthCounterStyles.css';\n\ntype Props = {\n maxLength: number;\n valueLength?: number;\n onClick?: () => void; // the calling component should focus on the appropriate element when clicked.\n};\n\nconst noop = () => {};\n\nexport function MaxLengthCounter({ maxLength, valueLength = 0, onClick }: Props) {\n const { isFocused } = useFormFieldContext();\n // We don't want mousedown on this component to do anything, so prevent the default behavior.\n const killEvent = useCallback((event: Event) => event.preventDefault(), []);\n const textClasses = classNames([!isFocused && hide]);\n const { pressProps } = usePress(onClick ?? noop);\n return (\n <div class={maxLengthCounterBase} onMouseDown={killEvent} {...pressProps}>\n <span class={textClasses}>\n <span class={spanStyles}>{valueLength}</span>\n <span class={spanStyles}>/</span>\n <span class={spanStyles}>{maxLength}</span>\n </span>\n </div>\n );\n}\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;AAaA,MAAM,IAAI,GAAG,MAAK,GAAG,CAAC;AAEhB,SAAU,gBAAgB,CAAC,EAAE,SAAS,EAAE,WAAW,GAAG,CAAC,EAAE,OAAO,EAAS,EAAA;AAC7E,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,mBAAmB,EAAE,CAAC;;AAE5C,IAAA,MAAM,SAAS,GAAG,WAAW,CAAC,CAAC,KAAY,KAAK,KAAK,CAAC,cAAc,EAAE,EAAE,EAAE,CAAC,CAAC;IAC5E,MAAM,WAAW,GAAG,UAAU,CAAC,CAAC,CAAC,SAAS,IAAI,IAAI,CAAC,CAAC,CAAC;IACrD,MAAM,EAAE,UAAU,EAAE,GAAG,QAAQ,CAAC,OAAO,IAAI,IAAI,CAAC,CAAC;AACjD,IAAA,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,oBAAoB,EAAE,WAAW,EAAE,SAAS,EAAM,GAAA,UAAU,YACtEC,IAAM,CAAA,MAAA,EAAA,EAAA,KAAK,EAAE,WAAW,EAAA,QAAA,EAAA,CACtBD,cAAM,KAAK,EAAE,UAAU,EAAA,QAAA,EAAG,WAAW,EAAQ,CAAA,EAC7CA,cAAM,KAAK,EAAE,UAAU,EAAU,QAAA,EAAA,GAAA,EAAA,CAAA,EACjCA,cAAM,KAAK,EAAE,UAAU,EAAG,QAAA,EAAA,SAAS,GAAQ,CACtC,EAAA,CAAA,EAAA,CACH,EACN;AACJ;;;;"}

package/es/{MaxLengthLiveRegion-e23bcdb2.js → MaxLengthLiveRegion-7a81593c.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
 import { u as useDebounce } from './useDebounce-fa5a80e9.js';
-import { u as useTranslationBundle } from './useTranslationBundle-38db1e3c.js';
-import { L as LiveRegion } from './LiveRegion-792f6c64.js';
+import { u as useTranslationBundle } from './useTranslationBundle-25469f1c.js';
+import { L as LiveRegion } from './LiveRegion-79ffc814.js';
 const MAX_LENGTH_UPDATE_DELAY = 500;
 function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, testId, valueLength = 0 }) {
@@ -23,4 +23,4 @@ function MaxLengthLiveRegion({ isMaxLengthExceeded, maxLength, testId, valueLeng
 }
 export { MaxLengthLiveRegion as M };
-//# sourceMappingURL=MaxLengthLiveRegion-e23bcdb2.js.map
+//# sourceMappingURL=MaxLengthLiveRegion-7a81593c.js.map