npm - @oracle/oraclejet - Versions diffs - 13.1.16 → 13.1.18 - Mend

@oracle/oraclejet 13.1.16 → 13.1.18

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

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Chip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_Chip.js","sources":["../../src/UNSAFE_Chip/Chip.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { useActionable } from '../hooks/UNSAFE_useActionable';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst cursorandFocusStyle = cssProps`${{\n cursor: 'var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n '&:focus-visible': {\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n outlineStyle: 'dotted',\n outlineWidth: '1px',\n outlineOffset: '1px'\n }\n}}`;\n\nconst styles = {\n base: cssProps`${{\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color)',\n display: 'inline-block',\n paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n boxSizing: 'border-box',\n borderTopLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n borderTopRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n borderBottomRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n borderBottomLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n height: '2rem',\n minWidth: '2rem',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height)',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight)',\n overflowX: 'hidden',\n overflowY: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n textAlign: 'center'\n }}`,\n disabled: cssProps`${{\n '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n }}`,\n info: cssProps`${{\n '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast)'\n }}`,\n infoSubtle: cssProps`${{\n '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast)'\n }}`,\n infoSubtleLighter: cssProps`${{\n '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3)',\n '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast)'\n }}`\n};\n\ntype SelectedChangeDetail = { previousValue?: boolean; value?: boolean };\n\ntype Props = {\n /\n Specifies if the chip component is selected.\n /\n isSelected?: boolean;\n /\n Disables the component.\n /\n isDisabled?: boolean;\n /\n Specifies some screen reader text.\n /\n accessibleLabel?: string;\n children: string;\n /\n Triggered when a chip is clickable, whether by keyboard, mouse, or touch events.\n */\n onToggle?: (detail: SelectedChangeDetail) => void;\n //\n};\n\nexport function Chip({ isSelected, isDisabled, accessibleLabel, children, onToggle }: Props) {\n const handleAction = useCallback(() => {\n onToggle?.({ previousValue: isSelected, value: !isSelected });\n }, [isSelected, onToggle]);\n\n const { actionableProps, isHover, isActive } = useActionable(handleAction, {\n isSuppressDup: false\n });\n\n const variant = isDisabled\n ? 'disabled'\n : isSelected \|\| isActive\n ? 'info'\n : isHover\n ? 'infoSubtle'\n : 'infoSubtleLighter';\n\n const classes = classNames([\n styles.base,\n isDisabled ? styles.disabled : `${styles.base} ${styles[variant]} ${cursorandFocusStyle}`\n ]);\n\n return isDisabled ? (\n <div class={classes}>{children}</div>\n ) : (\n <div\n {...actionableProps}\n class={classes}\n tabIndex={0}\n aria-label={accessibleLabel}\n role=\"switch\"\n aria-checked={isSelected ? 'true' : 'false'}>\n {children}\n </div>\n );\n}\n"],"names":["cursorandFocusStyle","styles","Chip","isSelected","isDisabled","accessibleLabel","children","onToggle","handleAction","useCallback","previousValue","value","isSuppressDup","isHover","base"],"mappings":";;;;;;;;;;;;;AAYA,MAAAA,mBAAA,GAAA,~~QAAA~~,CAAA;AAUA,MAAAC,MAAA,GAAA;QAAA,~~SAAA~~;YAAA,~~QAAA~~;QAAA,SAAA;cAAA,~~SAAA~~;;AAAA,CAAA,CAAA;AAwEA,SAAAC,IAAA,CAAA;EAAAC,UAAA;EAAAC,UAAA;EAAAC,eAAA;EAAAC,QAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,YAAA,GAAAC,WAAA,CAAA,MAAA;AACEF,IAAAA,QAAA,KAAA,IAAA,IAAAA,QAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAA,CAAA;AAAAG,MAAAA,aAAA,EAAAP,UAAA;AAAAQ,MAAAA,KAAA,EAAA,CAAAR,UAAAA;AAAA,KAAA,CAAA,CAAA;AACF,GAFA,EAEA,CAAAA,UAAA,EAAAI,QAAA,CAFA,CAAA,CAAA;;;;;;AAKEK,IAAAA,aAAA,EAAA,KAAA;;+BAIA,sCAEA,SACAC,OAAA,GACA,YADA;8BAKAZ,MAAA,CAAAa;;;;;;;;;;;;;;AAiBJ;;;;;;;"}
1	+ {"version":3,"file":"UNSAFE_Chip.js","sources":["../../src/UNSAFE_Chip/Chip.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { useActionable } from '../hooks/UNSAFE_useActionable';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useCallback } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst cursorandFocusStyle = cssProps`${{\n cursor: 'var( --oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable)',\n '&:focus-visible': {\n outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)',\n outlineStyle: 'dotted',\n outlineWidth: '1px',\n outlineOffset: '1px'\n }\n}}`;\n\nconst styles = {\n base: cssProps`${{\n backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color)',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-text-color)',\n display: 'inline-block',\n paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)',\n boxSizing: 'border-box',\n borderTopLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n borderTopRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n borderBottomRightRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n borderBottomLeftRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-border-radius)',\n height: '2rem',\n minWidth: '2rem',\n lineHeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-line-height)',\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-size)',\n fontWeight: 'var(--oj-c-PRIVATE-DO-NOT-USE-chip-font-weight)',\n overflowX: 'hidden',\n overflowY: 'hidden',\n whiteSpace: 'nowrap',\n textOverflow: 'ellipsis',\n textAlign: 'center'\n }}`,\n disabled: cssProps`${{\n '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-color-disabled-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n }}`,\n info: cssProps`${{\n '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color': 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-contrast)'\n }}`,\n infoSubtle: cssProps`${{\n '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-1)',\n '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast)'\n }}`,\n infoSubtleLighter: cssProps`${{\n '--oj-c-PRIVATE-DO-NOT-USE-chip-bg-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-3)',\n '--oj-c-PRIVATE-DO-NOT-USE-chip-text-color':\n 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-secondary-contrast)'\n }}`\n};\n\ntype SelectedChangeDetail = { previousValue?: boolean; value?: boolean };\n\ntype Props = {\n /\n Specifies if the chip component is selected.\n /\n isSelected?: boolean;\n /\n Disables the component.\n /\n isDisabled?: boolean;\n /\n Specifies some screen reader text.\n /\n accessibleLabel?: string;\n children: string;\n /\n Triggered when a chip is clickable, whether by keyboard, mouse, or touch events.\n */\n onToggle?: (detail: SelectedChangeDetail) => void;\n //\n};\n\nexport function Chip({ isSelected, isDisabled, accessibleLabel, children, onToggle }: Props) {\n const handleAction = useCallback(() => {\n onToggle?.({ previousValue: isSelected, value: !isSelected });\n }, [isSelected, onToggle]);\n\n const { actionableProps, isHover, isActive } = useActionable(handleAction, {\n isSuppressDup: false\n });\n\n const variant = isDisabled\n ? 'disabled'\n : isSelected \|\| isActive\n ? 'info'\n : isHover\n ? 'infoSubtle'\n : 'infoSubtleLighter';\n\n const classes = classNames([\n styles.base,\n isDisabled ? styles.disabled : `${styles.base} ${styles[variant]} ${cursorandFocusStyle}`\n ]);\n\n return isDisabled ? (\n <div class={classes}>{children}</div>\n ) : (\n <div\n {...actionableProps}\n class={classes}\n tabIndex={0}\n aria-label={accessibleLabel}\n role=\"switch\"\n aria-checked={isSelected ? 'true' : 'false'}>\n {children}\n </div>\n );\n}\n"],"names":["cursorandFocusStyle","styles","Chip","isSelected","isDisabled","accessibleLabel","children","onToggle","handleAction","useCallback","previousValue","value","isSuppressDup","isHover","base"],"mappings":";;;;;;;;;;;;;AAYA,MAAAA,mBAAA,GAAA,OAAA,CAAA;AAUA,MAAAC,MAAA,GAAA;QAAA,QAAA;YAAA,SAAA;QAAA,SAAA;cAAA,QAAA;;AAAA,CAAA,CAAA;AAwEA,SAAAC,IAAA,CAAA;EAAAC,UAAA;EAAAC,UAAA;EAAAC,eAAA;EAAAC,QAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,YAAA,GAAAC,WAAA,CAAA,MAAA;AACEF,IAAAA,QAAA,KAAA,IAAA,IAAAA,QAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAAA,QAAA,CAAA;AAAAG,MAAAA,aAAA,EAAAP,UAAA;AAAAQ,MAAAA,KAAA,EAAA,CAAAR,UAAAA;AAAA,KAAA,CAAA,CAAA;AACF,GAFA,EAEA,CAAAA,UAAA,EAAAI,QAAA,CAFA,CAAA,CAAA;;;;;;AAKEK,IAAAA,aAAA,EAAA,KAAA;;+BAIA,sCAEA,SACAC,OAAA,GACA,YADA;8BAKAZ,MAAA,CAAAa;;;;;;;;;;;;;;AAiBJ;;;;;;;"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Collapsible.css CHANGED Viewed

@@ -1,5 +1,5 @@
-.h6myls{color:var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-right:0;padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-left:0;cursor:pointer;}
-.ur498s{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
+.ekidg5{color:var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-right:0;padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);padding-left:0;cursor:pointer;}
+._sh079w{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
-.t2sqex{display:flex;align-items:center;color:var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color);background-color:transparent;border:none;cursor:pointer;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-inline-start:-8px;}
-.utlbze{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}
+._hrgrv8{display:flex;align-items:center;color:var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color);background-color:transparent;border:none;cursor:pointer;padding-top:5px;padding-right:5px;padding-bottom:5px;padding-left:5px;margin-inline-start:-8px;}
+._5ibxra{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);cursor:auto;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Collapsible.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
+/* @oracle/oraclejet-preact: 13.1.18 */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { useState, useEffect, useRef } from 'preact/hooks';
 import { useId } from './hooks/UNSAFE_useId.js';
@@ -8,17 +8,17 @@ import { Flex } from './UNSAFE_Flex.js';
 import { CollapseIcon } from './UNSAFE_ThemedIcons.js';
 import { IcoChevronDown as SvgIcoChevronDown } from './UNSAFE_Icons.js';
 import { useAnimation } from './hooks/UNSAFE_useAnimation.js';
-import './tslib.es6-d14fd8dd.js';
+import './tslib.es6-b1a80246.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_stringUtils.js';
-import './_curry1-2b9ab6b6.js';
+import './_curry1-65343615.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry2-c4496e5d.js';
-import './_has-e732e5c2.js';
+import './_curry2-f8af7750.js';
+import './_has-5806f3cb.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-67d228ce.js';
+import './keys-82f35e54.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './UNSAFE_Icon.js';
@@ -30,8 +30,8 @@ import 'preact/compat';
 import './hooks/UNSAFE_useTheme.js';
 const styles$1 = {
-  base: "t2sqex",
-  disabled: "utlbze"
+  base: "_hrgrv8",
+  disabled: "_5ibxra"
 };
 /**
  * Header icon subcomponent
@@ -60,8 +60,8 @@ const CollapsibleHeaderIcon = ({
 };
 const styles = {
-  base: "h6myls",
-  disabled: "ur498s"
+  base: "ekidg5",
+  disabled: "_sh079w"
 };
 /**
  * Header subcomponent

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Collapsible.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx","../../src/UNSAFE_Collapsible/index.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ExpandIcon, CollapseIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n contentId: string;\n isDisabled: boolean;\n headerId: string;\n isExpanded: boolean;\n onClick?: (event: Event) => void;\n};\n\nconst styles = {\n base: cssProps`${{\n display: 'flex',\n alignItems: 'center',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color)',\n backgroundColor: 'transparent',\n border: 'none',\n cursor: 'pointer',\n paddingTop: '5px',\n paddingRight: '5px',\n paddingBottom: '5px',\n paddingLeft: '5px',\n marginInlineStart: '-8px'\n }}`,\n disabled: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n cursor: 'auto'\n }}`\n};\n\n/*\n Header icon subcomponent\n /\nexport const CollapsibleHeaderIcon = ({\n contentId,\n isDisabled,\n headerId,\n isExpanded,\n onClick\n}: IconProps) => {\n const classes = classNames([styles.base, isDisabled && styles.disabled]);\n const Icon = isExpanded ? ExpandIcon : CollapseIcon;\n return (\n <button\n class={classes}\n aria-labelledby={headerId}\n aria-controls={contentId}\n aria-expanded={isExpanded}\n onClick={onClick}>\n <Icon size=\"6x\" />\n </button>\n );\n};\n","import { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' \| 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n id: string;\n contentId: string;\n isDisabled: boolean;\n isExpanded: boolean;\n toggleHandler: () => void;\n};\n\nconst styles = {\n base: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color)',\n paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n paddingRight: '0',\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n paddingLeft: '0',\n cursor: 'pointer'\n }}`,\n disabled: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n cursor: 'auto'\n }}`\n};\n\n/\n Header subcomponent\n /\nexport const CollapsibleHeader = ({\n children,\n id,\n contentId,\n isDisabled,\n isExpanded,\n toggleHandler\n}: HeaderProps) => {\n const classes = classNames([styles.base, isDisabled && styles.disabled]);\n\n return (\n <div id={id} class={classes} onClick={toggleHandler}>\n <Flex align=\"center\">\n <CollapsibleHeaderIcon\n isDisabled={isDisabled}\n headerId={id}\n contentId={contentId}\n isExpanded={isExpanded}\n />\n {children}\n </Flex>\n </div>\n );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\n\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n id: string;\n isExpanded: boolean;\n onTransitionEnd: () => void;\n};\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n const [state, setState] = useState<'mounting' \| 'mounted' \| 'unmounting' \| 'unmounted'>(\n isExpanded ? 'mounted' : 'unmounted'\n );\n\n const [prevExpanded, setPrevExpanded] = useState<boolean>(isExpanded);\n const isAnimating = isExpanded !== prevExpanded \|\| ['mounting', 'unmounting'].includes(state);\n\n useEffect(() => {\n if (isAnimating) {\n setState(isExpanded ? 'mounting' : 'unmounting');\n }\n }, [isExpanded, isAnimating]);\n\n const { nodeRef } = useAnimation<'expanded' \| 'collapsed', HTMLDivElement>(\n ['mounted', 'mounting'].includes(state) ? 'expanded' : 'collapsed',\n {\n animationStates,\n onAnimationEnd: ({ animationState }) => {\n const isExpanded = animationState === 'expanded';\n setState(isExpanded ? 'mounted' : 'unmounted');\n setPrevExpanded(isExpanded);\n onTransitionEnd?.();\n }\n }\n );\n return (\n <div ref={nodeRef} id={id} tabIndex={-1} aria-hidden={!isExpanded \|\| undefined}>\n {(isAnimating \|\| state === 'mounted') && children}\n </div>\n );\n};\n\n/\n The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n * explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n * We could check that based on node.style.maxHeight.\n \n The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n * This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n \n In some future, handling unmounting would be handled using another API agnostic to useAnimation hook. For now, this is handled by user.\n /\n\nconst animationStates: UseAnimationConfig<\n 'expanded' \| 'collapsed',\n HTMLDivElement\n>['animationStates'] = {\n expanded: (node) => {\n return {\n to: {\n maxHeight: `${node.scrollHeight}px`,\n overflowY: 'hidden'\n },\n options: {\n duration: 400\n },\n end: {\n maxHeight: 'none'\n }\n };\n },\n collapsed: (node) => {\n return {\n ...(node.style.maxHeight === 'none' && {\n from: {\n maxHeight: `${node.scrollHeight}px`\n }\n }),\n to: {\n overflowY: 'hidden',\n maxHeight: '0'\n },\n options: {\n duration: 400\n }\n };\n }\n};\n","import { ComponentChildren, JSX } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' \| 'children'>;\n\ntype Props = IntrinsicProps & {\n /\n Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n /\n header?: ComponentChildren;\n\n /\n Disables the collapsible if set to true\n /\n isDisabled?: boolean;\n\n /\n Specifies if the content is expanded\n /\n isExpanded?: boolean;\n\n /\n Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n /\n onToggle?: (details: ToggleDetail) => void;\n\n /\n Property that triggers a callback after toggle animation is done\n /\n onTransitionEnd?: (details: ToggleDetail) => void;\n};\n\nexport type ToggleDetail = {\n value: boolean;\n};\n\n/\n Controlled Collapsible component\n /\nexport const Collapsible = ({\n id,\n header,\n children,\n isDisabled = false,\n isExpanded = false,\n onToggle,\n onTransitionEnd\n}: Props) => {\n const rootRef = useRef<HTMLDivElement>(null);\n const uniqueID = useId();\n const headerId = `oj-collapsible-header-${uniqueID}`;\n const contentId = `oj-collapsible-content-${uniqueID}`;\n\n /\n Function handling toggle and invoking callback for collapsing/expanding\n /\n const toggleHandler = () => {\n if (isDisabled) {\n return;\n }\n onToggle?.({\n value: !isExpanded\n });\n };\n\n /\n Function that is triggerd when animation ends\n /\n const transitionEndHandler = () => {\n onTransitionEnd?.({\n value: isExpanded\n });\n };\n\n return (\n <div id={id} ref={rootRef}>\n <CollapsibleHeader\n id={headerId}\n contentId={contentId}\n toggleHandler={toggleHandler}\n isDisabled={isDisabled}\n isExpanded={isExpanded}>\n {header}\n </CollapsibleHeader>\n <CollapsibleContent\n id={contentId}\n isExpanded={isExpanded}\n onTransitionEnd={transitionEndHandler}>\n {children}\n </CollapsibleContent>\n </div>\n );\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nexport from './Collapsible';\n"],"names":["styles","CollapsibleHeaderIcon","contentId","isDisabled","headerId","isExpanded","onClick","classes","classNames","base","disabled","CollapsibleHeader","children","id","toggleHandler","_jsx","_jsxs"],"mappings":"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"}
1	+ {"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx","../../src/UNSAFE_Collapsible/index.ts"],"sourcesContent":["import { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { ExpandIcon, CollapseIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n contentId: string;\n isDisabled: boolean;\n headerId: string;\n isExpanded: boolean;\n onClick?: (event: Event) => void;\n};\n\nconst styles = {\n base: cssProps`${{\n display: 'flex',\n alignItems: 'center',\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-private-button-ghost-chrome-text-color)',\n backgroundColor: 'transparent',\n border: 'none',\n cursor: 'pointer',\n paddingTop: '5px',\n paddingRight: '5px',\n paddingBottom: '5px',\n paddingLeft: '5px',\n marginInlineStart: '-8px'\n }}`,\n disabled: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n cursor: 'auto'\n }}`\n};\n\n/*\n Header icon subcomponent\n /\nexport const CollapsibleHeaderIcon = ({\n contentId,\n isDisabled,\n headerId,\n isExpanded,\n onClick\n}: IconProps) => {\n const classes = classNames([styles.base, isDisabled && styles.disabled]);\n const Icon = isExpanded ? ExpandIcon : CollapseIcon;\n return (\n <button\n class={classes}\n aria-labelledby={headerId}\n aria-controls={contentId}\n aria-expanded={isExpanded}\n onClick={onClick}>\n <Icon size=\"6x\" />\n </button>\n );\n};\n","import { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' \| 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n id: string;\n contentId: string;\n isDisabled: boolean;\n isExpanded: boolean;\n toggleHandler: () => void;\n};\n\nconst styles = {\n base: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-heading-text-color)',\n paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n paddingRight: '0',\n paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)',\n paddingLeft: '0',\n cursor: 'pointer'\n }}`,\n disabled: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n cursor: 'auto'\n }}`\n};\n\n/\n Header subcomponent\n /\nexport const CollapsibleHeader = ({\n children,\n id,\n contentId,\n isDisabled,\n isExpanded,\n toggleHandler\n}: HeaderProps) => {\n const classes = classNames([styles.base, isDisabled && styles.disabled]);\n\n return (\n <div id={id} class={classes} onClick={toggleHandler}>\n <Flex align=\"center\">\n <CollapsibleHeaderIcon\n isDisabled={isDisabled}\n headerId={id}\n contentId={contentId}\n isExpanded={isExpanded}\n />\n {children}\n </Flex>\n </div>\n );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect } from 'preact/hooks';\n\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n id: string;\n isExpanded: boolean;\n onTransitionEnd: () => void;\n};\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n const [state, setState] = useState<'mounting' \| 'mounted' \| 'unmounting' \| 'unmounted'>(\n isExpanded ? 'mounted' : 'unmounted'\n );\n\n const [prevExpanded, setPrevExpanded] = useState<boolean>(isExpanded);\n const isAnimating = isExpanded !== prevExpanded \|\| ['mounting', 'unmounting'].includes(state);\n\n useEffect(() => {\n if (isAnimating) {\n setState(isExpanded ? 'mounting' : 'unmounting');\n }\n }, [isExpanded, isAnimating]);\n\n const { nodeRef } = useAnimation<'expanded' \| 'collapsed', HTMLDivElement>(\n ['mounted', 'mounting'].includes(state) ? 'expanded' : 'collapsed',\n {\n animationStates,\n onAnimationEnd: ({ animationState }) => {\n const isExpanded = animationState === 'expanded';\n setState(isExpanded ? 'mounted' : 'unmounted');\n setPrevExpanded(isExpanded);\n onTransitionEnd?.();\n }\n }\n );\n return (\n <div ref={nodeRef} id={id} tabIndex={-1} aria-hidden={!isExpanded \|\| undefined}>\n {(isAnimating \|\| state === 'mounted') && children}\n </div>\n );\n};\n\n/\n The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n * explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n * We could check that based on node.style.maxHeight.\n \n The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n * This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n \n In some future, handling unmounting would be handled using another API agnostic to useAnimation hook. For now, this is handled by user.\n /\n\nconst animationStates: UseAnimationConfig<\n 'expanded' \| 'collapsed',\n HTMLDivElement\n>['animationStates'] = {\n expanded: (node) => {\n return {\n to: {\n maxHeight: `${node.scrollHeight}px`,\n overflowY: 'hidden'\n },\n options: {\n duration: 400\n },\n end: {\n maxHeight: 'none'\n }\n };\n },\n collapsed: (node) => {\n return {\n ...(node.style.maxHeight === 'none' && {\n from: {\n maxHeight: `${node.scrollHeight}px`\n }\n }),\n to: {\n overflowY: 'hidden',\n maxHeight: '0'\n },\n options: {\n duration: 400\n }\n };\n }\n};\n","import { ComponentChildren, JSX } from 'preact';\nimport { useRef } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'id' \| 'children'>;\n\ntype Props = IntrinsicProps & {\n /\n Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n /\n header?: ComponentChildren;\n\n /\n Disables the collapsible if set to true\n /\n isDisabled?: boolean;\n\n /\n Specifies if the content is expanded\n /\n isExpanded?: boolean;\n\n /\n Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n /\n onToggle?: (details: ToggleDetail) => void;\n\n /\n Property that triggers a callback after toggle animation is done\n /\n onTransitionEnd?: (details: ToggleDetail) => void;\n};\n\nexport type ToggleDetail = {\n value: boolean;\n};\n\n/\n Controlled Collapsible component\n /\nexport const Collapsible = ({\n id,\n header,\n children,\n isDisabled = false,\n isExpanded = false,\n onToggle,\n onTransitionEnd\n}: Props) => {\n const rootRef = useRef<HTMLDivElement>(null);\n const uniqueID = useId();\n const headerId = `oj-collapsible-header-${uniqueID}`;\n const contentId = `oj-collapsible-content-${uniqueID}`;\n\n /\n Function handling toggle and invoking callback for collapsing/expanding\n /\n const toggleHandler = () => {\n if (isDisabled) {\n return;\n }\n onToggle?.({\n value: !isExpanded\n });\n };\n\n /\n Function that is triggerd when animation ends\n /\n const transitionEndHandler = () => {\n onTransitionEnd?.({\n value: isExpanded\n });\n };\n\n return (\n <div id={id} ref={rootRef}>\n <CollapsibleHeader\n id={headerId}\n contentId={contentId}\n toggleHandler={toggleHandler}\n isDisabled={isDisabled}\n isExpanded={isExpanded}>\n {header}\n </CollapsibleHeader>\n <CollapsibleContent\n id={contentId}\n isExpanded={isExpanded}\n onTransitionEnd={transitionEndHandler}>\n {children}\n </CollapsibleContent>\n </div>\n );\n};\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nexport from './Collapsible';\n"],"names":["styles","CollapsibleHeaderIcon","contentId","isDisabled","headerId","isExpanded","onClick","classes","classNames","base","disabled","CollapsibleHeader","children","id","toggleHandler","_jsx","_jsxs"],"mappings":"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"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Collection.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
+/* @oracle/oraclejet-preact: 13.1.18 */
 import { jsx } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';

package/dist/js/libs/oraclejet-preact/es/UNSAFE_ComponentMessage.css CHANGED Viewed

@@ -1,3 +1,3 @@
-._hhtcmv{overflow-x:hidden;overflow-y:hidden;}
+.c7pi76{overflow-x:hidden;overflow-y:hidden;}
-.jc30fm{box-sizing:border-box;display:flex;flex-wrap:wrap;}
+._f4fwzp{box-sizing:border-box;display:flex;flex-wrap:wrap;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_ComponentMessage.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
+/* @oracle/oraclejet-preact: 13.1.18 */
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import './UNSAFE_ComponentMessage.css';
 import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
@@ -11,17 +11,17 @@ import 'preact';
 import './UNSAFE_Layer.js';
 import 'preact/compat';
 import './UNSAFE_Flex.js';
-import './tslib.es6-d14fd8dd.js';
+import './tslib.es6-b1a80246.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_stringUtils.js';
-import './_curry1-2b9ab6b6.js';
+import './_curry1-65343615.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry2-c4496e5d.js';
-import './_has-e732e5c2.js';
+import './_curry2-f8af7750.js';
+import './_has-5806f3cb.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-67d228ce.js';
+import './keys-82f35e54.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './utils/UNSAFE_getLocale.js';
@@ -34,7 +34,7 @@ import './utils/UNSAFE_logger.js';
 import './utils/UNSAFE_soundUtils.js';
 import './UNSAFE_TransitionGroup.js';
-const baseStyles = "jc30fm";
+const baseStyles = "_f4fwzp";
 /**
  * The component that renders an individual message for inline component messaging.
  */
@@ -70,7 +70,7 @@ function ComponentMessage({
   }));
 }
-const rootStyles = "_hhtcmv";
+const rootStyles = "c7pi76";
 /**
  * Converts the messages data into Item
  *

package/dist/js/libs/oraclejet-preact/es/UNSAFE_ComponentMessage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_ComponentMessage.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.tsx","../../src/UNSAFE_ComponentMessage/ComponentMessageContainer.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 /\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport {\n isSeverityIconNeeded,\n MessageStartIcon,\n MessageSummary,\n MessageSeverity,\n severityBasedStyleClass\n} from '../UNSAFE_Message';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst baseStyles = cssProps`${{\n boxSizing: 'border-box',\n // TODO: Use Flex Component instead of CSS\n display: 'flex',\n flexWrap: 'wrap'\n}}`;\n\n/\n A type for a single component message\n /\nexport type ComponentMessageItem = {\n summary?: string;\n detail?: string;\n severity?: Exclude<MessageSeverity, 'none'>;\n};\n\n/\n Props for the Message Component\n /\ntype Props = {\n /\n The error detail text for the component message\n /\n detail?: ComponentMessageItem['detail'];\n\n /\n The label of the field which is showing this error\n /\n fieldLabel?: string;\n\n /\n The severity of the component message\n /\n severity?: ComponentMessageItem['severity'];\n};\n\n/\n The component that renders an individual message for inline component messaging.\n /\nexport function ComponentMessage({ detail, fieldLabel, severity = 'error' }: Props) {\n const classes = classNames([baseStyles, severityBasedStyleClass(severity, 'inline')]);\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const severityTranslations = {\n confirmation: translations.confirmation(),\n error: translations.error(),\n info: translations.info(),\n warning: translations.warn()\n };\n\n return (\n <div class={classes} role=\"alert\" aria-atomic=\"true\">\n {fieldLabel && <HiddenAccessible>{fieldLabel}</HiddenAccessible>}\n {isSeverityIconNeeded(severity) && (\n <MessageStartIcon\n variant=\"inline\"\n severity={severity}\n translations={severityTranslations}\n />\n )}\n {/ We will be using the MessageSummary component, as this aligns with the style required /}\n <MessageSummary variant=\"inline\" text={detail} />\n </div>\n );\n}\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { MessageAnimation, MessagesManager } from '../UNSAFE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\n\nconst rootStyles = cssProps`${{\n overflowX: 'hidden',\n overflowY: 'hidden'\n}}`;\n\n/\n Converts the messages data into Item\n \n @param messages The messages data passed down as prop\n * @returns The messages data as Item\n /\nfunction generateMessagesData(messages: ComponentMessageItem[]) {\n return messages.map<Item<number, ComponentMessageItem>>((message, index) => {\n return {\n key: index,\n data: {\n closeAffordance: 'off',\n severity: message.severity \|\| 'error',\n detail: message.detail\n }\n };\n });\n}\n\n/\n Props for the ComponentMessaging component\n /\ntype Props = {\n /\n An object of various animation effects for the transitions.\n /\n animations?: Record<string, MessageAnimation[]>;\n\n /\n The label of the field which is showing this error\n /\n fieldLabel?: string;\n\n /\n Data for the messages. This data is used for rendering each message.\n */\n messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ animations, fieldLabel, messages = [] }: Props) {\n return (\n <div class={rootStyles}>\n <MessagesManager animations={animations} data={generateMessagesData(messages)}>\n {({ item }) => (\n <ComponentMessage\n key={item.key}\n detail={item.data.detail}\n fieldLabel={fieldLabel}\n severity={item.data.severity}\n />\n )}\n </MessagesManager>\n </div>\n );\n}\n"],"names":["baseStyles","ComponentMessage","detail","fieldLabel","severity","classes","classNames","severityBasedStyleClass","translations","useTranslationBundle","severityTranslations","confirmation","error","info","warning","warn","rootStyles","generateMessagesData","messages","key","index","data","closeAffordance","message","ComponentMessageContainer","animations"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAAA,UAAA,GAAA,~~QAAA~~,CAAA;AAoCA;;AAEG;;AACH,SAAAC,gBAAA,CAAA;EAAAC,MAAA;EAAAC,UAAA;AAAAC,EAAAA,QAAA,GAAA,OAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,OAAA,GAAAC,UAAA,CAAA,CAAAN,UAAA,EAAAO,uBAAA,CAAAH,QAAA,EAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAI,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,oBAAA,GAAA;AACEC,IAAAA,YAAA,EAAAH,YAAA,CAAAG,YAAA,EADF;AAEEC,IAAAA,KAAA,EAAAJ,YAAA,CAAAI,KAAA,EAFF;AAGEC,IAAAA,IAAA,EAAAL,YAAA,CAAAK,IAAA,EAHF;IAIEC,OAAA,EAAAN,YAAA,CAAAO,IAAA,EAAA;GAJF,CAAA;;;;;;;;;;;;;;;;;AAqBF;;ACvEA,MAAAC,UAAA,GAAA,~~SAAA~~,CAAA;AAKA;;;;;AAKG;;AACH,SAAAC,oBAAA,CAAAC,QAAA,EAAA;;;AAGMC,MAAAA,GAAA,EAAAC;AACAC,MAAAA,IAAA,EAAA;AACEC,QAAAA,eAAA,EAAA,KADF;AAEElB,QAAAA,QAAA,EAAAmB,OAAA,CAAAnB,QAAA,IAAA,OAFF;;AAAA,OAAA;;AAMJ;AACF,CAAA;;AAsBA,SAAAoB,yBAAA,CAAA;EAAAC,UAAA;EAAAtB,UAAA;AAAAe,EAAAA,QAAA,GAAA,EAAA;AAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;AAeA;;;;;;;"}
1	+ {"version":3,"file":"UNSAFE_ComponentMessage.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.tsx","../../src/UNSAFE_ComponentMessage/ComponentMessageContainer.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 /\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport {\n isSeverityIconNeeded,\n MessageStartIcon,\n MessageSummary,\n MessageSeverity,\n severityBasedStyleClass\n} from '../UNSAFE_Message';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nconst baseStyles = cssProps`${{\n boxSizing: 'border-box',\n // TODO: Use Flex Component instead of CSS\n display: 'flex',\n flexWrap: 'wrap'\n}}`;\n\n/\n A type for a single component message\n /\nexport type ComponentMessageItem = {\n summary?: string;\n detail?: string;\n severity?: Exclude<MessageSeverity, 'none'>;\n};\n\n/\n Props for the Message Component\n /\ntype Props = {\n /\n The error detail text for the component message\n /\n detail?: ComponentMessageItem['detail'];\n\n /\n The label of the field which is showing this error\n /\n fieldLabel?: string;\n\n /\n The severity of the component message\n /\n severity?: ComponentMessageItem['severity'];\n};\n\n/\n The component that renders an individual message for inline component messaging.\n /\nexport function ComponentMessage({ detail, fieldLabel, severity = 'error' }: Props) {\n const classes = classNames([baseStyles, severityBasedStyleClass(severity, 'inline')]);\n const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n const severityTranslations = {\n confirmation: translations.confirmation(),\n error: translations.error(),\n info: translations.info(),\n warning: translations.warn()\n };\n\n return (\n <div class={classes} role=\"alert\" aria-atomic=\"true\">\n {fieldLabel && <HiddenAccessible>{fieldLabel}</HiddenAccessible>}\n {isSeverityIconNeeded(severity) && (\n <MessageStartIcon\n variant=\"inline\"\n severity={severity}\n translations={severityTranslations}\n />\n )}\n {/ We will be using the MessageSummary component, as this aligns with the style required /}\n <MessageSummary variant=\"inline\" text={detail} />\n </div>\n );\n}\n","/\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { MessageAnimation, MessagesManager } from '../UNSAFE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\n\nconst rootStyles = cssProps`${{\n overflowX: 'hidden',\n overflowY: 'hidden'\n}}`;\n\n/\n Converts the messages data into Item\n \n @param messages The messages data passed down as prop\n * @returns The messages data as Item\n /\nfunction generateMessagesData(messages: ComponentMessageItem[]) {\n return messages.map<Item<number, ComponentMessageItem>>((message, index) => {\n return {\n key: index,\n data: {\n closeAffordance: 'off',\n severity: message.severity \|\| 'error',\n detail: message.detail\n }\n };\n });\n}\n\n/\n Props for the ComponentMessaging component\n /\ntype Props = {\n /\n An object of various animation effects for the transitions.\n /\n animations?: Record<string, MessageAnimation[]>;\n\n /\n The label of the field which is showing this error\n /\n fieldLabel?: string;\n\n /\n Data for the messages. This data is used for rendering each message.\n */\n messages?: ComponentMessageItem[];\n};\n\nexport function ComponentMessageContainer({ animations, fieldLabel, messages = [] }: Props) {\n return (\n <div class={rootStyles}>\n <MessagesManager animations={animations} data={generateMessagesData(messages)}>\n {({ item }) => (\n <ComponentMessage\n key={item.key}\n detail={item.data.detail}\n fieldLabel={fieldLabel}\n severity={item.data.severity}\n />\n )}\n </MessagesManager>\n </div>\n );\n}\n"],"names":["baseStyles","ComponentMessage","detail","fieldLabel","severity","classes","classNames","severityBasedStyleClass","translations","useTranslationBundle","severityTranslations","confirmation","error","info","warning","warn","rootStyles","generateMessagesData","messages","key","index","data","closeAffordance","message","ComponentMessageContainer","animations"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoBA,MAAAA,UAAA,GAAA,SAAA,CAAA;AAoCA;;AAEG;;AACH,SAAAC,gBAAA,CAAA;EAAAC,MAAA;EAAAC,UAAA;AAAAC,EAAAA,QAAA,GAAA,OAAA;AAAA,CAAA,EAAA;AACE,EAAA,MAAAC,OAAA,GAAAC,UAAA,CAAA,CAAAN,UAAA,EAAAO,uBAAA,CAAAH,QAAA,EAAA,QAAA,CAAA,CAAA,CAAA,CAAA;AACA,EAAA,MAAAI,YAAA,GAAAC,oBAAA,CAAA,0BAAA,CAAA,CAAA;AACA,EAAA,MAAAC,oBAAA,GAAA;AACEC,IAAAA,YAAA,EAAAH,YAAA,CAAAG,YAAA,EADF;AAEEC,IAAAA,KAAA,EAAAJ,YAAA,CAAAI,KAAA,EAFF;AAGEC,IAAAA,IAAA,EAAAL,YAAA,CAAAK,IAAA,EAHF;IAIEC,OAAA,EAAAN,YAAA,CAAAO,IAAA,EAAA;GAJF,CAAA;;;;;;;;;;;;;;;;;AAqBF;;ACvEA,MAAAC,UAAA,GAAA,QAAA,CAAA;AAKA;;;;;AAKG;;AACH,SAAAC,oBAAA,CAAAC,QAAA,EAAA;;;AAGMC,MAAAA,GAAA,EAAAC;AACAC,MAAAA,IAAA,EAAA;AACEC,QAAAA,eAAA,EAAA,KADF;AAEElB,QAAAA,QAAA,EAAAmB,OAAA,CAAAnB,QAAA,IAAA,OAFF;;AAAA,OAAA;;AAMJ;AACF,CAAA;;AAsBA,SAAAoB,yBAAA,CAAA;EAAAC,UAAA;EAAAtB,UAAA;AAAAe,EAAAA,QAAA,GAAA,EAAA;AAAA,CAAA,EAAA;;;;;;;;;;;;;;;;;AAeA;;;;;;;"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Environment.js CHANGED Viewed

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
+/* @oracle/oraclejet-preact: 13.1.18 */
 import { createContext } from 'preact';
 import { jsx } from 'preact/jsx-runtime';
 import { useMemo } from 'preact/hooks';

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Flex.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~_h8ie28~~{display:flex;}
1	+ ._hf1cnr{display:flex;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Flex.js CHANGED Viewed

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
-import { _ as __rest } from './tslib.es6-d14fd8dd.js';
+/* @oracle/oraclejet-preact: 13.1.18 */
+import { _ as __rest } from './tslib.es6-b1a80246.js';
 import { jsx } from 'preact/jsx-runtime';
 import { dimensionInterpolations } from './utils/UNSAFE_interpolations/dimensions.js';
 import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
@@ -10,13 +10,13 @@ import { flexitemInterpolations } from './utils/UNSAFE_interpolations/flexitem.j
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_stringUtils.js';
-import './_curry1-2b9ab6b6.js';
+import './_curry1-65343615.js';
 import './utils/UNSAFE_classNames.js';
-import './_curry2-c4496e5d.js';
-import './_has-e732e5c2.js';
-import './keys-67d228ce.js';
+import './_curry2-f8af7750.js';
+import './_has-5806f3cb.js';
+import './keys-82f35e54.js';
-const baseStyles = "_h8ie28";
+const baseStyles = "_hf1cnr";
 const interpolations = [...Object.values(dimensionInterpolations), ...Object.values(flexboxInterpolations), ...Object.values(flexitemInterpolations), ...Object.values(boxAlignmentInterpolations)];
 const styleInterpolations = mergeInterpolations(interpolations);
 const Flex = _a => {

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Floating.js CHANGED Viewed

@@ -1,8 +1,8 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
+/* @oracle/oraclejet-preact: 13.1.18 */
 import { jsx } from 'preact/jsx-runtime';
 import { useLayoutEffect, useMemo } from 'preact/hooks';
 import { forwardRef } from 'preact/compat';
-import { u as useFloating, o as offset, b, D, L, N } from './index-f6c7e157.js';
+import { u as useFloating, o as offset, b, D, L, N } from './index-0b4b804f.js';
 import useOutsideClick from './hooks/UNSAFE_useOutsideClick.js';
 import './hooks/UNSAFE_useUser.js';
 import './UNSAFE_Environment.js';

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Grid.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~_9sldsk~~{display:grid;}
1	+ .nn8zlh{display:grid;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Grid.js CHANGED Viewed

@@ -1,20 +1,20 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
-import { _ as __rest } from './tslib.es6-d14fd8dd.js';
+/* @oracle/oraclejet-preact: 13.1.18 */
+import { _ as __rest } from './tslib.es6-b1a80246.js';
 import { jsx } from 'preact/jsx-runtime';
 import './UNSAFE_Grid.css';
 import { gridInterpolations } from './utils/UNSAFE_interpolations/grid.js';
 import { boxAlignmentInterpolations } from './utils/UNSAFE_interpolations/boxalignment.js';
 import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
-import './keys-67d228ce.js';
-import './_curry1-2b9ab6b6.js';
-import './_has-e732e5c2.js';
+import './keys-82f35e54.js';
+import './_curry1-65343615.js';
+import './_has-5806f3cb.js';
 import './utils/UNSAFE_size.js';
 import './utils/UNSAFE_stringUtils.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_classNames.js';
-import './_curry2-c4496e5d.js';
+import './_curry2-f8af7750.js';
-const baseStyles = "_9sldsk";
+const baseStyles = "nn8zlh";
 const interpolations = [...Object.values(gridInterpolations), ...Object.values(boxAlignmentInterpolations)];
 const styleInterpolations = mergeInterpolations(interpolations);
 /**

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Grid.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_Grid.js","sources":["../../src/UNSAFE_Grid/Grid.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { gridInterpolations } from '../utils/UNSAFE_interpolations/grid';\nimport type { GridProps } from '../utils/UNSAFE_interpolations/grid';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype Props = GridProps &\n BoxAlignmentProps & {\n /\n The children to put in the grid.\n /\n children?: ComponentChildren;\n };\n\nconst baseStyles = cssProps`${{ display: 'grid' }}`;\n\nconst interpolations = [\n ...Object.values(gridInterpolations),\n ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/\n An implicit grid. Resize your browser to see how items reflow.\n */\nexport const Grid = ({ children, ...props }: Props) => {\n const { class: cls, ...styles } = styleInterpolations(props);\n const allStyles = { ...styles };\n return (\n <div class={`${baseStyles} ${cls}`} style={allStyles}>\n {children}\n </div>\n );\n};\n"],"names":["baseStyles","interpolations","Object","values","gridInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","Grid","_a","children","props","__rest","_b","class","cls","styles","allStyles","assign","_jsx","style"],"mappings":";;;;;;;;;;;;;;;;AAuBA,MAAAA,UAAA,GAAA,~~SAAA~~,CAAA;AAEA,MAAAC,cAAA,GAAA,CACE,GAAAC,MAAA,CAAAC,MAAA,CAAAC,kBAAA,CADF,EAEE,GAAAF,MAAA,CAAAC,MAAA,CAAAE,0BAAA,CAFF,CAAA,CAAA;AAKA,MAAAC,mBAAA,GAAAC,mBAAA,CAAAN,cAAA,CAAA,CAAA;AAEA;;AAEG;;AACHO,MAAAA,IAAA,GAAAC,EAAA,IAAA;EAAqB,IAAA;AAAAC,IAAAA,QAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAE,KAAA,GAAAC,MAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;AACnB,EAAA,MAAAI,EAAA,GAAAP,mBAAA,CAAAK,KAAA,CAAA;QAAA;AAAAG,IAAAA,KAAA,EAAAC,GAAAA;AAAA,GAAA,GAAAF,EAAA;QAAAG,MAAA,GAAAJ,MAAA,CAAAC,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;EACA,MAAAI,SAAA,GAAAf,MAAA,CAAAgB,MAAA,CAAA,EAAA,EAAAF,MAAA,CAAA,CAAA;AACA,EAAA,OAAAG,GAAA,CAAA,KAAA,EAAAjB,MAAA,CAAAgB,MAAA,CAAA;AAAAJ,IAAAA,KAAA,EAAA,CAAA,EAAAd,UAAA,CAAA,CAAA,EAAAe,GAAA,CAAA,CAAA;AAAAK,IAAAA,KAAA,EAAAH,SAAAA;AAAA,GAAA,EAAA;AAAAP,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}
1	+ {"version":3,"file":"UNSAFE_Grid.js","sources":["../../src/UNSAFE_Grid/Grid.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { gridInterpolations } from '../utils/UNSAFE_interpolations/grid';\nimport type { GridProps } from '../utils/UNSAFE_interpolations/grid';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype Props = GridProps &\n BoxAlignmentProps & {\n /\n The children to put in the grid.\n /\n children?: ComponentChildren;\n };\n\nconst baseStyles = cssProps`${{ display: 'grid' }}`;\n\nconst interpolations = [\n ...Object.values(gridInterpolations),\n ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\n/\n An implicit grid. Resize your browser to see how items reflow.\n */\nexport const Grid = ({ children, ...props }: Props) => {\n const { class: cls, ...styles } = styleInterpolations(props);\n const allStyles = { ...styles };\n return (\n <div class={`${baseStyles} ${cls}`} style={allStyles}>\n {children}\n </div>\n );\n};\n"],"names":["baseStyles","interpolations","Object","values","gridInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","Grid","_a","children","props","__rest","_b","class","cls","styles","allStyles","assign","_jsx","style"],"mappings":";;;;;;;;;;;;;;;;AAuBA,MAAAA,UAAA,GAAA,QAAA,CAAA;AAEA,MAAAC,cAAA,GAAA,CACE,GAAAC,MAAA,CAAAC,MAAA,CAAAC,kBAAA,CADF,EAEE,GAAAF,MAAA,CAAAC,MAAA,CAAAE,0BAAA,CAFF,CAAA,CAAA;AAKA,MAAAC,mBAAA,GAAAC,mBAAA,CAAAN,cAAA,CAAA,CAAA;AAEA;;AAEG;;AACHO,MAAAA,IAAA,GAAAC,EAAA,IAAA;EAAqB,IAAA;AAAAC,IAAAA,QAAAA;AAAA,GAAA,GAAAD,EAAA;MAAAE,KAAA,GAAAC,MAAA,CAAAH,EAAA,EAAA,CAAA,UAAA,CAAA,CAAA,CAAA;;AACnB,EAAA,MAAAI,EAAA,GAAAP,mBAAA,CAAAK,KAAA,CAAA;QAAA;AAAAG,IAAAA,KAAA,EAAAC,GAAAA;AAAA,GAAA,GAAAF,EAAA;QAAAG,MAAA,GAAAJ,MAAA,CAAAC,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;EACA,MAAAI,SAAA,GAAAf,MAAA,CAAAgB,MAAA,CAAA,EAAA,EAAAF,MAAA,CAAA,CAAA;AACA,EAAA,OAAAG,GAAA,CAAA,KAAA,EAAAjB,MAAA,CAAAgB,MAAA,CAAA;AAAAJ,IAAAA,KAAA,EAAA,CAAA,EAAAd,UAAA,CAAA,CAAA,EAAAe,GAAA,CAAA,CAAA;AAAAK,IAAAA,KAAA,EAAAH,SAAAA;AAAA,GAAA,EAAA;AAAAP,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_HiddenAccessible.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~sehjeu~~{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}
1	+ ._m0s9s2{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow-x:hidden;overflow-y:hidden;padding-top:0;padding-right:0;padding-bottom:0;padding-left:0;width:1px;position:absolute;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_HiddenAccessible.js CHANGED Viewed

@@ -1,8 +1,8 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
+/* @oracle/oraclejet-preact: 13.1.18 */
 import { jsx } from 'preact/jsx-runtime';
 import './UNSAFE_HiddenAccessible.css';
-const hiddenAccessibleStyle = "sehjeu";
+const hiddenAccessibleStyle = "_m0s9s2";
 /**
  * HiddenAccessible is a helper component that hides its children visually,
  * but keeps them visible to screen readers.

package/dist/js/libs/oraclejet-preact/es/UNSAFE_HiddenAccessible.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_HiddenAccessible.js","sources":["../../src/UNSAFE_HiddenAccessible/HiddenAccessible.tsx","../../src/UNSAFE_HiddenAccessible/index.ts"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst hiddenAccessibleStyle = cssProps`${{\n border: 0,\n clip: 'rect(0 0 0 0)',\n height: '1px',\n margin: '-1px',\n overflowX: 'hidden',\n overflowY: 'hidden',\n paddingTop: 0,\n paddingRight: 0,\n paddingBottom: 0,\n paddingLeft: 0,\n width: '1px',\n position: 'absolute'\n}}`;\n\ntype HiddenAccessibleProps = {\n /*\n Specifies the ComponentChildren\n /\n children?: ComponentChildren;\n};\n\n/\n HiddenAccessible is a helper component that hides its children visually,\n * but keeps them visible to screen readers.\n \n /\nfunction HiddenAccessible({ children }: HiddenAccessibleProps) {\n return <span class={hiddenAccessibleStyle}>{children}</span>;\n}\n\nexport { HiddenAccessible };\n","/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { HiddenAccessible } from './HiddenAccessible';\n"],"names":["hiddenAccessibleStyle","HiddenAccessible","children","_jsx","Object","assign","class"],"mappings":";;;;AAGA,MAAAA,qBAAA,GAAA,~~QAAA~~,CAAA;AAsBA;;;;AAIG;;AACH,SAAAC,gBAAA,CAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;AACE,EAAA,OAAAC,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAN,qBAAAA;AAAA,GAAA,EAAA;AAAAE,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;AChCA;;;;;;AAMG;;;;;;;"}
1	+ {"version":3,"file":"UNSAFE_HiddenAccessible.js","sources":["../../src/UNSAFE_HiddenAccessible/HiddenAccessible.tsx","../../src/UNSAFE_HiddenAccessible/index.ts"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst hiddenAccessibleStyle = cssProps`${{\n border: 0,\n clip: 'rect(0 0 0 0)',\n height: '1px',\n margin: '-1px',\n overflowX: 'hidden',\n overflowY: 'hidden',\n paddingTop: 0,\n paddingRight: 0,\n paddingBottom: 0,\n paddingLeft: 0,\n width: '1px',\n position: 'absolute'\n}}`;\n\ntype HiddenAccessibleProps = {\n /*\n Specifies the ComponentChildren\n /\n children?: ComponentChildren;\n};\n\n/\n HiddenAccessible is a helper component that hides its children visually,\n * but keeps them visible to screen readers.\n \n /\nfunction HiddenAccessible({ children }: HiddenAccessibleProps) {\n return <span class={hiddenAccessibleStyle}>{children}</span>;\n}\n\nexport { HiddenAccessible };\n","/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { HiddenAccessible } from './HiddenAccessible';\n"],"names":["hiddenAccessibleStyle","HiddenAccessible","children","_jsx","Object","assign","class"],"mappings":";;;;AAGA,MAAAA,qBAAA,GAAA,SAAA,CAAA;AAsBA;;;;AAIG;;AACH,SAAAC,gBAAA,CAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,EAAA;AACE,EAAA,OAAAC,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,IAAAA,KAAA,EAAAN,qBAAAA;AAAA,GAAA,EAAA;AAAAE,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AACF;;AChCA;;;;;;AAMG;;;;;;;"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_HighlightText.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~_exvas~~{font-weight:700;}
1	+ ._9o2kgh{font-weight:700;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_HighlightText.js CHANGED Viewed

@@ -1,9 +1,9 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
+/* @oracle/oraclejet-preact: 13.1.18 */
 import { jsx } from 'preact/jsx-runtime';
 import { Fragment } from 'preact';
 import './UNSAFE_HighlightText.css';
-const highlightStyles = "_exvas";
+const highlightStyles = "_9o2kgh";
 /**
  * Renders a text string with highlighting applied to the given text to match.
  */

package/dist/js/libs/oraclejet-preact/es/UNSAFE_HighlightText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_HighlightText.js","sources":["../../src/UNSAFE_HighlightText/HighlightText.tsx","../../src/UNSAFE_HighlightText/index.ts"],"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 { Fragment } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst highlightStyles = cssProps`${{\n fontWeight: 700\n}}`;\n\ntype Props = {\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\n/\n Renders a text string with highlighting applied to the given text to match.\n /\nexport function HighlightText({ children = '', matchText = '' }: Props) {\n return highlighter(children, matchText);\n}\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\nfunction highlighter(unhighlightedText: string, matchText: string) {\n if (matchText.length > 0 && unhighlightedText.length > 0) {\n const escapedMatchText = escapeRegExp(matchText);\n const highlightedText = unhighlightedText.replace(\n new RegExp(escapedMatchText, 'gi'),\n HIGHLIGHT_PATTERN\n );\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 return <Fragment>{nodes}</Fragment>;\n }\n return <Fragment>{unhighlightedText}</Fragment>;\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","/*\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\nexport { HighlightText } from './HighlightText';\n"],"names":["highlightStyles","HighlightText","children","matchText","highlighter","HIGHLIGHT_TOKEN","HIGHLIGHT_PATTERN","unhighlightedText","escapedMatchText","escapeRegExp","highlightedText","replace","RegExp","nodes","tokens","map","current","index","_jsx","Object","assign","class","Fragment","str"],"mappings":";;;;;AAWA,MAAAA,eAAA,GAAA,~~QAAA~~,CAAA;AAeA;;AAEG;;AACH,SAAAC,aAAA,CAAA;AAAAC,EAAAA,QAAA,GAAA,EAAA;AAAAC,EAAAA,SAAA,GAAA,EAAA;AAAA,CAAA,EAAA;AACE,EAAA,OAAAC,WAAA,CAAAF,QAAA,EAAAC,SAAA,CAAA,CAAA;AACF,CAAA;AAEA,MAAAE,eAAA,GAAA,QAAA,CAAA;AACA,MAAAC,iBAAA,GAAA,CAAA,EAAAD,eAAA,CAAA,EAAA,EAAAA,eAAA,CAAA,CAAA,CAAA;;AAEA,SAAAD,WAAA,CAAAG,iBAAA,EAAAJ,SAAA,EAAA;;AAEI,IAAA,MAAAK,gBAAA,GAAAC,YAAA,CAAAN,SAAA,CAAA,CAAA;AACA,IAAA,MAAAO,eAAA,GAAAH,iBAAA,CAAAI,OAAA,CAAA,IAAAC,MAAA,CAAAJ,gBAAA,EAAA,IAAA,CAAA,EAAAF,iBAAA,CAAA,CAAA;;IAKA,MAAAO,KAAA,GAAAC,MAAA,CAAAC,GAAA,CAAA,CAAAC,OAAA,EAAAC,KAAA,KAAAA,KAAA,GAAA,CAAA,IAAA,CAAA,GAAAD,OAAA,GAAAE,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,MAAAA,KAAA,EAAArB,eAAAA;AAAA,KAAA,EAAA;AAAAE,MAAAA,QAAA,EAAAc,OAAAA;KAAA,CAAA,CAAA,CAAA,CAAA;IAGA,OAAAE,GAAA,CAAAI,QAAA,EAAA;AAAApB,MAAAA,QAAA,EAAAW,KAAAA;AAAA,KAAA,CAAA,CAAA;AACD,GAAA;;EACD,OAAAK,GAAA,CAAAI,QAAA,EAAA;AAAApB,IAAAA,QAAA,EAAAK,iBAAAA;AAAA,GAAA,CAAA,CAAA;AACF,CAAA;;AAEA,SAAAE,YAAA,CAAAc,GAAA,EAAA;;;sDAAA;AAIA;;ACxDA;;;;;;AAMG;;;;;;;"}
1	+ {"version":3,"file":"UNSAFE_HighlightText.js","sources":["../../src/UNSAFE_HighlightText/HighlightText.tsx","../../src/UNSAFE_HighlightText/index.ts"],"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 { Fragment } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst highlightStyles = cssProps`${{\n fontWeight: 700\n}}`;\n\ntype Props = {\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\n/\n Renders a text string with highlighting applied to the given text to match.\n /\nexport function HighlightText({ children = '', matchText = '' }: Props) {\n return highlighter(children, matchText);\n}\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\nfunction highlighter(unhighlightedText: string, matchText: string) {\n if (matchText.length > 0 && unhighlightedText.length > 0) {\n const escapedMatchText = escapeRegExp(matchText);\n const highlightedText = unhighlightedText.replace(\n new RegExp(escapedMatchText, 'gi'),\n HIGHLIGHT_PATTERN\n );\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 return <Fragment>{nodes}</Fragment>;\n }\n return <Fragment>{unhighlightedText}</Fragment>;\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","/*\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\nexport { HighlightText } from './HighlightText';\n"],"names":["highlightStyles","HighlightText","children","matchText","highlighter","HIGHLIGHT_TOKEN","HIGHLIGHT_PATTERN","unhighlightedText","escapedMatchText","escapeRegExp","highlightedText","replace","RegExp","nodes","tokens","map","current","index","_jsx","Object","assign","class","Fragment","str"],"mappings":";;;;;AAWA,MAAAA,eAAA,GAAA,SAAA,CAAA;AAeA;;AAEG;;AACH,SAAAC,aAAA,CAAA;AAAAC,EAAAA,QAAA,GAAA,EAAA;AAAAC,EAAAA,SAAA,GAAA,EAAA;AAAA,CAAA,EAAA;AACE,EAAA,OAAAC,WAAA,CAAAF,QAAA,EAAAC,SAAA,CAAA,CAAA;AACF,CAAA;AAEA,MAAAE,eAAA,GAAA,QAAA,CAAA;AACA,MAAAC,iBAAA,GAAA,CAAA,EAAAD,eAAA,CAAA,EAAA,EAAAA,eAAA,CAAA,CAAA,CAAA;;AAEA,SAAAD,WAAA,CAAAG,iBAAA,EAAAJ,SAAA,EAAA;;AAEI,IAAA,MAAAK,gBAAA,GAAAC,YAAA,CAAAN,SAAA,CAAA,CAAA;AACA,IAAA,MAAAO,eAAA,GAAAH,iBAAA,CAAAI,OAAA,CAAA,IAAAC,MAAA,CAAAJ,gBAAA,EAAA,IAAA,CAAA,EAAAF,iBAAA,CAAA,CAAA;;IAKA,MAAAO,KAAA,GAAAC,MAAA,CAAAC,GAAA,CAAA,CAAAC,OAAA,EAAAC,KAAA,KAAAA,KAAA,GAAA,CAAA,IAAA,CAAA,GAAAD,OAAA,GAAAE,GAAA,CAAA,MAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,MAAAA,KAAA,EAAArB,eAAAA;AAAA,KAAA,EAAA;AAAAE,MAAAA,QAAA,EAAAc,OAAAA;KAAA,CAAA,CAAA,CAAA,CAAA;IAGA,OAAAE,GAAA,CAAAI,QAAA,EAAA;AAAApB,MAAAA,QAAA,EAAAW,KAAAA;AAAA,KAAA,CAAA,CAAA;AACD,GAAA;;EACD,OAAAK,GAAA,CAAAI,QAAA,EAAA;AAAApB,IAAAA,QAAA,EAAAK,iBAAAA;AAAA,GAAA,CAAA,CAAA;AACF,CAAA;;AAEA,SAAAE,YAAA,CAAAc,GAAA,EAAA;;;sDAAA;AAIA;;ACxDA;;;;;;AAMG;;;;;;;"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Icon.css CHANGED Viewed

@@ -1,21 +1,21 @@
-.kxzeff{font-size:1em;}
-._3u4xls{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
-._3651m4{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
-._kqnfcf{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
-._gmtxst{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
-.jj4vg7{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
-._e0pvwl{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
-._4mh2iq{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
-._iklz64{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
-.hsy3r8{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
-._fyvlum{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
-.txxogq{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
-._i8xri{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
-._mtfhu6{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
-.nxul74{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
-._8wi137{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
-.z2h4up{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
-._5r2vly{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
-._osf971{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
-._apq0vh{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
-.mu432b{color:currentColor;}
+.eb88df{font-size:1em;}
+._agqqe3{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x);}
+._qmsqkd{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x);}
+._bzlwbu{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x);}
+.zj8k6{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x);}
+.rfatn8{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x);}
+._tdrxz{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x);}
+.qap7an{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x);}
+._of2tr4{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x);}
+._gjeu0a{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x);}
+.s7wj49{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x);}
+._b77sl{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x);}
+.ny55k6{font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x);}
+.lyhjzs{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);}
+._haj3j9{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary);}
+._6pxwag{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled);}
+._by8zvm{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3);}
+.z2z1ts{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3);}
+.acvkva{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3);}
+.lcic24{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3);}
+._45iqkl{color:currentColor;}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Icon.js CHANGED Viewed

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
-import { _ as __rest } from './tslib.es6-d14fd8dd.js';
+/* @oracle/oraclejet-preact: 13.1.18 */
+import { _ as __rest } from './tslib.es6-b1a80246.js';
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import './UNSAFE_Icon.css';
 import { classNames } from './utils/UNSAFE_classNames.js';
@@ -63,29 +63,29 @@ const SemanticSvg = _a => {
 const sizeStyles = {
-  '1em': "kxzeff",
-  '1x': "_3u4xls",
-  '2x': "_3651m4",
-  '3x': "_kqnfcf",
-  '4x': "_gmtxst",
-  '5x': "jj4vg7",
-  '6x': "_e0pvwl",
-  '7x': "_4mh2iq",
-  '8x': "_iklz64",
-  '9x': "hsy3r8",
-  '10x': "_fyvlum",
-  '11x': "txxogq",
-  '12x': "_i8xri"
+  '1em': "eb88df",
+  '1x': "_agqqe3",
+  '2x': "_qmsqkd",
+  '3x': "_bzlwbu",
+  '4x': "zj8k6",
+  '5x': "rfatn8",
+  '6x': "_tdrxz",
+  '7x': "qap7an",
+  '8x': "_of2tr4",
+  '9x': "_gjeu0a",
+  '10x': "s7wj49",
+  '11x': "_b77sl",
+  '12x': "ny55k6"
 };
 const colorStyles = {
-  primary: "_mtfhu6",
-  secondary: "nxul74",
-  disabled: "_8wi137",
-  danger: "z2h4up",
-  warning: "_5r2vly",
-  success: "_osf971",
-  info: "_apq0vh",
-  currentColor: "mu432b"
+  primary: "lyhjzs",
+  secondary: "_haj3j9",
+  disabled: "_6pxwag",
+  danger: "_by8zvm",
+  warning: "z2z1ts",
+  success: "acvkva",
+  info: "lcic24",
+  currentColor: "_45iqkl"
 };
 // Returns a component that renders one of the given icon components based on reading direction

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"UNSAFE_Icon.js","sources":["../../src/UNSAFE_Icon/Icon.tsx","../../src/UNSAFE_Icon/withDirectionIcon.tsx","../../src/UNSAFE_Icon/withThemeIcon.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype IntrinsicProps = JSX.SVGAttributes<SVGSVGElement>;\n\ntype Props = Pick<IntrinsicProps, 'viewBox' \| 'children'> & {\n /\n The size of the component. Defaults to '1em', which means the font size of the parent is used.\n /\n size?: keyof typeof sizeStyles;\n /\n The color of the component. Defaults to 'currentColor', which behaves like the CSS 'currentColor' value.\n /\n color?: keyof typeof colorStyles;\n /\n A label to be used for accessibility purposes.\n */\n accessibleLabel?: string;\n};\n\nexport const Icon = ({\n size = '1em',\n color = 'currentColor',\n accessibleLabel = '',\n viewBox = 'none',\n children\n}: Props) => (\n <Svg\n height=\"1em\"\n width=\"1em\"\n viewBox={viewBox}\n accessibleLabel={accessibleLabel}\n class={classNames([colorStyles[color], sizeStyles[size]])}>\n {children}\n </Svg>\n);\n\ntype BaseSvgProps = Pick<IntrinsicProps, 'height' \| 'width' \| 'viewBox' \| 'class' \| 'children'>;\ntype SvgProps = BaseSvgProps & {\n accessibleLabel: string;\n};\n\nconst Svg = ({ accessibleLabel, ...otherProps }: SvgProps) =>\n accessibleLabel !== '' ? (\n <SemanticSvg accessibleLabel={accessibleLabel} {...otherProps} />\n ) : (\n <DecorativeSvg {...otherProps} />\n );\n\nconst DecorativeSvg = (props: BaseSvgProps) => <svg {...props} />;\n\n// TODO: When we're able to, implement Preact tooltips instead,\n// remove the title element, and set an aria-label on the svg.\n// See JET-50716\nconst SemanticSvg = ({ accessibleLabel, children, ...props }: SvgProps) => (\n <svg role=\"img\" {...props}>\n <title>{accessibleLabel}</title>\n {children}\n </svg>\n);\n\n// TODO: Remove this and refactor as necessary to uptake\n// the dimensions type and values when they're available.\n// See JET-50717\nconst sizeStyles = {\n '1em': cssProps`${{\n fontSize: '1em'\n }}`,\n '1x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n }}`,\n '2x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n }}`,\n '3x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n }}`,\n '4x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n }}`,\n '5x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)'\n }}`,\n '6x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x)'\n }}`,\n '7x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x)'\n }}`,\n '8x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x)'\n }}`,\n '9x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x)'\n }}`,\n '10x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x)'\n }}`,\n '11x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x)'\n }}`,\n '12x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x)'\n }}`\n};\n\nconst colorStyles = {\n primary: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n }}`,\n secondary: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n }}`,\n disabled: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n }}`,\n danger: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n }}`,\n warning: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n }}`,\n success: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3)'\n }}`,\n info: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3)'\n }}`,\n currentColor: cssProps`${{\n color: 'currentColor'\n }}`\n};\n","import { ComponentProps } from 'preact';\nimport { Icon } from './Icon';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\n// Returns a component that renders one of the given icon components based on reading direction\nexport const withDirectionIcon = (LtrIcon: typeof Icon, RtlIcon: typeof Icon) => {\n const { direction } = useUser();\n return (props: Props) => {\n return direction === 'ltr' ? <LtrIcon {...props} /> : <RtlIcon {...props} />;\n };\n};\n","import { ComponentProps } from 'preact';\nimport { Icon } from './Icon';\nimport { RootTheme } from '../UNSAFE_Environment';\nimport { useTheme } from '../hooks/UNSAFE_useTheme';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\ntype ThemeIcons = Record<RootTheme['name'], typeof Icon>;\n\n// Returns a component that renders one of the given icon components based on theme\nexport const withThemeIcon = (themeIcons: ThemeIcons) => {\n const { name } = useTheme();\n return (props: Props) => {\n const Component = themeIcons[name];\n return <Component {...props} />;\n };\n};\n"],"names":["Icon","size","color","accessibleLabel","viewBox","children","_jsx","Svg","Object","assign","height","width","class","classNames","colorStyles","sizeStyles","_a","otherProps","__rest","DecorativeSvg","props","SemanticSvg","_jsxs","role"],"mappings":";;;;;;;;;;;;;AA4BA,MAAAA,IAAA,GAAA,CAAA;AAAAC,EAAAA,IAAA,GAAA,KAAA;AAAAC,EAAAA,KAAA,GAAA,cAAA;AAAAC,EAAAA,eAAA,GAAA,EAAA;AAAAC,EAAAA,OAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,KAAAC,GAAA,CAAAC,GAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,EAAAA,MAAA,EAAA,KAAA;AAAAC,EAAAA,KAAA,EAAA,KAAA;AAAAP,EAAAA,OAAA,EAAAA,OAAA;AAAAD,EAAAA,eAAA,EAAAA,eAAA;AAAAS,EAAAA,KAAA,EAAAC,UAAA,CAAA,CAAAC,WAAA,CAAAZ,KAAA,CAAA,EAAAa,UAAA,CAAAd,IAAA,CAAA,CAAA,CAAA;AAAA,CAAA,EAAA;AAAAI,EAAAA,QAAA,EAAAA,QAAAA;AAAA,CAAA,CAAA,EAAA;;AAsBA,MAAAE,GAAA,GAAAS,EAAA,IAAA;EAAa,IAAA;AAAAb,IAAAA,eAAAA;AAAA,GAAA,GAAAa,EAAA;MAAAC,UAAA,GAAAC,MAAA,CAAAF,EAAA,EAAA,CAAA,iBAAA,CAAA,CAAA,CAAA;;;;;CAAb,CAAA;;AAOA,MAAAG,aAAA,GAAAC,KAAA,IAAAd,GAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAW,KAAA,CAAA,CAAA;AAGA;AACA;;;AACA,MAAAC,WAAA,GAAAL,EAAA,IAAA;;;;;;;AAA2E,EAAA,OAAAM,IAAA,CAAA,KAAA,EAAAd,MAAA,CAAAC,MAAA,CAAA;AAAAc,IAAAA,IAAA,EAAA,KAAA;GAAA,EAAAH,KAAA,EAAA;AAAAf,IAAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,OAAA,EAAA;AAAAD,MAAAA,QAAA,EAAAF,eAAAA;KAAA,CAAA,EAAAE,QAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;CAA3E;AAQA;AACA;;;AACA,MAAAU,UAAA,GAAA;OAAA,EAAA,QAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,~~SAAA~~;MAAA,EAAA,QAAA;MAAA,EAAA,~~SAAA~~;MAAA,EAAA,~~SAAA~~;MAAA,EAAA,SAAA;MAAA,EAAA,~~QAAA~~;OAAA,EAAA,~~SAAA~~;OAAA,EAAA,QAAA;;AAAA,CAAA,CAAA;AA0CA,MAAAD,WAAA,GAAA;WAAA,~~SAAA~~;aAAA,~~QAAA~~;YAAA,SAAA;UAAA,~~QAAA~~;WAAA,~~SAAA~~;WAAA,~~SAAA~~;QAAA,~~SAAA~~;;AAAA,CAAA;;AC5GA;MACa,iBAAiB,GAAG,CAAC,OAAoB,EAAE,OAAoB,KAAI;AAC9E,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;IAChC,OAAO,CAAC,KAAY,KAAI;AACtB,QAAA,OAAO,SAAS,KAAK,KAAK,GAAGR,IAAC,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAI,CAAA,GAAGA,GAAA,CAAC,OAAO,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAI,CAAC;AAC/E,KAAC,CAAC;AACJ;;ACHA;AACa,MAAA,aAAa,GAAG,CAAC,UAAsB,KAAI;AACtD,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC5B,OAAO,CAAC,KAAY,KAAI;AACtB,QAAA,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;AACnC,QAAA,OAAOA,GAAC,CAAA,SAAS,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAI,CAAC;AAClC,KAAC,CAAC;AACJ;;;;;;;"}
1	+ {"version":3,"file":"UNSAFE_Icon.js","sources":["../../src/UNSAFE_Icon/Icon.tsx","../../src/UNSAFE_Icon/withDirectionIcon.tsx","../../src/UNSAFE_Icon/withThemeIcon.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\nimport { JSX } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype IntrinsicProps = JSX.SVGAttributes<SVGSVGElement>;\n\ntype Props = Pick<IntrinsicProps, 'viewBox' \| 'children'> & {\n /\n The size of the component. Defaults to '1em', which means the font size of the parent is used.\n /\n size?: keyof typeof sizeStyles;\n /\n The color of the component. Defaults to 'currentColor', which behaves like the CSS 'currentColor' value.\n /\n color?: keyof typeof colorStyles;\n /\n A label to be used for accessibility purposes.\n */\n accessibleLabel?: string;\n};\n\nexport const Icon = ({\n size = '1em',\n color = 'currentColor',\n accessibleLabel = '',\n viewBox = 'none',\n children\n}: Props) => (\n <Svg\n height=\"1em\"\n width=\"1em\"\n viewBox={viewBox}\n accessibleLabel={accessibleLabel}\n class={classNames([colorStyles[color], sizeStyles[size]])}>\n {children}\n </Svg>\n);\n\ntype BaseSvgProps = Pick<IntrinsicProps, 'height' \| 'width' \| 'viewBox' \| 'class' \| 'children'>;\ntype SvgProps = BaseSvgProps & {\n accessibleLabel: string;\n};\n\nconst Svg = ({ accessibleLabel, ...otherProps }: SvgProps) =>\n accessibleLabel !== '' ? (\n <SemanticSvg accessibleLabel={accessibleLabel} {...otherProps} />\n ) : (\n <DecorativeSvg {...otherProps} />\n );\n\nconst DecorativeSvg = (props: BaseSvgProps) => <svg {...props} />;\n\n// TODO: When we're able to, implement Preact tooltips instead,\n// remove the title element, and set an aria-label on the svg.\n// See JET-50716\nconst SemanticSvg = ({ accessibleLabel, children, ...props }: SvgProps) => (\n <svg role=\"img\" {...props}>\n <title>{accessibleLabel}</title>\n {children}\n </svg>\n);\n\n// TODO: Remove this and refactor as necessary to uptake\n// the dimensions type and values when they're available.\n// See JET-50717\nconst sizeStyles = {\n '1em': cssProps`${{\n fontSize: '1em'\n }}`,\n '1x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n }}`,\n '2x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n }}`,\n '3x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-3x)'\n }}`,\n '4x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-4x)'\n }}`,\n '5x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-5x)'\n }}`,\n '6x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-6x)'\n }}`,\n '7x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-7x)'\n }}`,\n '8x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-8x)'\n }}`,\n '9x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-9x)'\n }}`,\n '10x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-10x)'\n }}`,\n '11x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-11x)'\n }}`,\n '12x': cssProps`${{\n fontSize: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-12x)'\n }}`\n};\n\nconst colorStyles = {\n primary: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary)'\n }}`,\n secondary: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-secondary)'\n }}`,\n disabled: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)'\n }}`,\n danger: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-danger-3)'\n }}`,\n warning: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-warning-3)'\n }}`,\n success: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-success-3)'\n }}`,\n info: cssProps`${{\n color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-info-3)'\n }}`,\n currentColor: cssProps`${{\n color: 'currentColor'\n }}`\n};\n","import { ComponentProps } from 'preact';\nimport { Icon } from './Icon';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\n// Returns a component that renders one of the given icon components based on reading direction\nexport const withDirectionIcon = (LtrIcon: typeof Icon, RtlIcon: typeof Icon) => {\n const { direction } = useUser();\n return (props: Props) => {\n return direction === 'ltr' ? <LtrIcon {...props} /> : <RtlIcon {...props} />;\n };\n};\n","import { ComponentProps } from 'preact';\nimport { Icon } from './Icon';\nimport { RootTheme } from '../UNSAFE_Environment';\nimport { useTheme } from '../hooks/UNSAFE_useTheme';\n\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox'>;\n\ntype ThemeIcons = Record<RootTheme['name'], typeof Icon>;\n\n// Returns a component that renders one of the given icon components based on theme\nexport const withThemeIcon = (themeIcons: ThemeIcons) => {\n const { name } = useTheme();\n return (props: Props) => {\n const Component = themeIcons[name];\n return <Component {...props} />;\n };\n};\n"],"names":["Icon","size","color","accessibleLabel","viewBox","children","_jsx","Svg","Object","assign","height","width","class","classNames","colorStyles","sizeStyles","_a","otherProps","__rest","DecorativeSvg","props","SemanticSvg","_jsxs","role"],"mappings":";;;;;;;;;;;;;AA4BA,MAAAA,IAAA,GAAA,CAAA;AAAAC,EAAAA,IAAA,GAAA,KAAA;AAAAC,EAAAA,KAAA,GAAA,cAAA;AAAAC,EAAAA,eAAA,GAAA,EAAA;AAAAC,EAAAA,OAAA,GAAA,MAAA;AAAAC,EAAAA,QAAAA;AAAA,CAAA,KAAAC,GAAA,CAAAC,GAAA,EAAAC,MAAA,CAAAC,MAAA,CAAA;AAAAC,EAAAA,MAAA,EAAA,KAAA;AAAAC,EAAAA,KAAA,EAAA,KAAA;AAAAP,EAAAA,OAAA,EAAAA,OAAA;AAAAD,EAAAA,eAAA,EAAAA,eAAA;AAAAS,EAAAA,KAAA,EAAAC,UAAA,CAAA,CAAAC,WAAA,CAAAZ,KAAA,CAAA,EAAAa,UAAA,CAAAd,IAAA,CAAA,CAAA,CAAA;AAAA,CAAA,EAAA;AAAAI,EAAAA,QAAA,EAAAA,QAAAA;AAAA,CAAA,CAAA,EAAA;;AAsBA,MAAAE,GAAA,GAAAS,EAAA,IAAA;EAAa,IAAA;AAAAb,IAAAA,eAAAA;AAAA,GAAA,GAAAa,EAAA;MAAAC,UAAA,GAAAC,MAAA,CAAAF,EAAA,EAAA,CAAA,iBAAA,CAAA,CAAA,CAAA;;;;;CAAb,CAAA;;AAOA,MAAAG,aAAA,GAAAC,KAAA,IAAAd,GAAA,CAAA,KAAA,EAAAE,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAAW,KAAA,CAAA,CAAA;AAGA;AACA;;;AACA,MAAAC,WAAA,GAAAL,EAAA,IAAA;;;;;;;AAA2E,EAAA,OAAAM,IAAA,CAAA,KAAA,EAAAd,MAAA,CAAAC,MAAA,CAAA;AAAAc,IAAAA,IAAA,EAAA,KAAA;GAAA,EAAAH,KAAA,EAAA;AAAAf,IAAAA,QAAA,EAAA,CAAAC,GAAA,CAAA,OAAA,EAAA;AAAAD,MAAAA,QAAA,EAAAF,eAAAA;KAAA,CAAA,EAAAE,QAAA,CAAA;AAAA,GAAA,CAAA,CAAA,CAAA;CAA3E;AAQA;AACA;;;AACA,MAAAU,UAAA,GAAA;OAAA,EAAA,QAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;MAAA,EAAA,OAAA;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,QAAA;MAAA,EAAA,SAAA;MAAA,EAAA,SAAA;OAAA,EAAA,QAAA;OAAA,EAAA,QAAA;;AAAA,CAAA,CAAA;AA0CA,MAAAD,WAAA,GAAA;WAAA,QAAA;aAAA,SAAA;YAAA,SAAA;UAAA,SAAA;WAAA,QAAA;WAAA,QAAA;QAAA,QAAA;;AAAA,CAAA;;AC5GA;MACa,iBAAiB,GAAG,CAAC,OAAoB,EAAE,OAAoB,KAAI;AAC9E,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,OAAO,EAAE,CAAC;IAChC,OAAO,CAAC,KAAY,KAAI;AACtB,QAAA,OAAO,SAAS,KAAK,KAAK,GAAGR,IAAC,OAAO,EAAA,MAAA,CAAA,MAAA,CAAA,EAAA,EAAK,KAAK,CAAI,CAAA,GAAGA,GAAA,CAAC,OAAO,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAI,CAAC;AAC/E,KAAC,CAAC;AACJ;;ACHA;AACa,MAAA,aAAa,GAAG,CAAC,UAAsB,KAAI;AACtD,IAAA,MAAM,EAAE,IAAI,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC5B,OAAO,CAAC,KAAY,KAAI;AACtB,QAAA,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;AACnC,QAAA,OAAOA,GAAC,CAAA,SAAS,EAAK,MAAA,CAAA,MAAA,CAAA,EAAA,EAAA,KAAK,EAAI,CAAC;AAClC,KAAC,CAAC;AACJ;;;;;;;"}

package/dist/js/libs/oraclejet-preact/es/UNSAFE_Icons.js CHANGED Viewed

@@ -1,7 +1,7 @@
-/* @oracle/oraclejet-preact: 13.1.16 */
+/* @oracle/oraclejet-preact: 13.1.18 */
 import { jsx } from 'preact/jsx-runtime';
 import { Icon } from './UNSAFE_Icon.js';
-import './tslib.es6-d14fd8dd.js';
+import './tslib.es6-b1a80246.js';
 import './utils/UNSAFE_classNames.js';
 import './hooks/UNSAFE_useUser.js';

package/dist/js/libs/oraclejet-preact/es/UNSAFE_InputPassword.css CHANGED Viewed

	@@ -1 +1 @@
1	- .~~_jpd5g~~{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);border-color:transparent;background-color:transparent;width:2.75rem;height:2.75rem;line-height:2.75rem;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}.~~_jpd5g~~:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}
1	+ ._18h56p{display:inline-flex;align-items:center;justify-content:center;cursor:var(--oj-c-PRIVATE-DO-NOT-USE-core-cursor-clickable);padding-inline:0;padding-block:0;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-core-border-radius-md);color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);border-color:transparent;background-color:transparent;width:2.75rem;height:2.75rem;line-height:2.75rem;font-size:var(--oj-c-PRIVATE-DO-NOT-USE-core-icon-size-lg);}._18h56p:hover{color:var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-primary);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-hover);border-color:transparent;}