npm - @oracle/oraclejet-preact - Versions diffs - 17.1.4 → 17.1.5 - Mend

@oracle/oraclejet-preact 17.1.4 → 17.1.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 (1104) hide show

package/es/{Dialog-5e92dcd1.js → Dialog-cf69547f.js} RENAMED Viewed

@@ -1,15 +1,15 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, jsxs } from 'preact/jsx-runtime';
 import { forwardRef } from 'preact/compat';
-import { W as WindowOverlay } from './WindowOverlay-9b43e658.js';
-import { u as useTestId } from './useTestId-3bc3958c.js';
+import { W as WindowOverlay } from './WindowOverlay-de5d0819.js';
+import { u as useTestId } from './useTestId-af32a9eb.js';
 import { u as useAnimation } from './useAnimation-fe9990dc.js';
 import { useState, useEffect } from 'preact/hooks';
 import { DialogRedwoodTheme } from './UNSAFE_Dialog/themes/redwood/DialogTheme.js';
 import { F as FocusTrap } from './FocusTrap-552ebe63.js';
-import { L as Layer } from './Layer-71fc666f.js';
-import './LayerHost-15b42a3e.js';
-import { M as Modal } from './Modal-3fd86d5a.js';
+import { L as Layer } from './Layer-915d986a.js';
+import './LayerHost-7a2149f5.js';
+import { M as Modal } from './Modal-862b8167.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { g as globalImages } from './ImageVars.css-7b3180c8.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
@@ -116,4 +116,4 @@ const animationStates = {
 };
 export { Dialog as D };
-//# sourceMappingURL=Dialog-5e92dcd1.js.map
+//# sourceMappingURL=Dialog-cf69547f.js.map

package/es/{Dialog-5e92dcd1.js.map → Dialog-cf69547f.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dialog-5e92dcd1.js","sources":["../../src/UNSAFE_Dialog/Dialog.tsx"],"sourcesContent":["import { ComponentChild, RefObject } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { Offset, WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { TestIdProps, useTestId } from '../hooks/UNSAFE_useTestId';\nimport { UseAnimationConfig, useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useEffect, useState } from 'preact/hooks';\n\nimport { DialogRedwoodTheme } from './themes/redwood/DialogTheme';\nimport { DialogStyles } from './themes/DialogStyles.css';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { globalImages } from '#/ImageVars.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\n// animation states\ntype Status = 'opening' \| 'closing' \| 'unmounted';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children' \| 'role'>;\n\ntype OnCloseDetail = {\n reason: 'escapeKey';\n};\n\ntype DialogProps = IntrinsicProps &\n DimensionProps & {\n /*\n Optional ref for an element to focus on when component mounts\n /\n autoFocusRef?: RefObject<HTMLElement>;\n\n /\n On Close callback.\n /\n onClose?: (detail: OnCloseDetail) => void;\n\n /\n On opening or closing transition end callback.\n /\n onTransitionEnd?: (value: boolean) => void;\n\n /\n Determines whether the Dialog is open.\n /\n isOpen: boolean;\n\n /\n Dialog header content. Can be a string or VNode (Component Child).\n * <p>\n * When a plain string is passed, it will be used as the dialog title. Otherwise, the prop value\n * will be used as the header content.\n * </p>\n * <p>\n * Dialog will automatically refer to the header content as the accessible label.\n * The user can override this behavior by specifying the <code>aria-labelledby</code> property\n * and setting its value as needed.\n * </p>\n /\n header?: ComponentChild;\n\n /\n Dialog footer content.\n /\n footer?: ComponentChild;\n\n /\n Determines dialog modality. Default is 'modal'.\n /\n modality?: 'modal' \| 'modeless';\n\n /\n Determines placement of the dialog relative to the viewport.\n * Supported values are:\n * <p> <code>center</code>, <code>top</code>, <code>top-start</code>, <code>top-end</code>,\n * <code>end</code>, <code>end-top</code>, <code>end-bottom</code>,\n * <code>bottom</code>, <code>bottom-start</code>, <code>bottom-end</code>,\n * <code>start</code>, <code>start-top</code>, <code>start-bottom</code>\n * </p>\n * Default is <code>center</code>.\n /\n placement?: WindowOverlayPlacement;\n\n /\n Determines the offset of the Dialog from its core placement along the specified axes.\n \n Offset could be a number or an object\n \n An object has the following type:\n * <pre>\n * {\n * mainAxis?: number;\n * crossAxis?: number;\n * }\n * </pre>\n * For the <code>center</code> placement the convention for the offset type is that mainAxis defines\n * offset from the top, crossAxis defines offset from the left side of the view port.\n \n A number is a shortcut for setting the mainAxis.\n /\n offset?: Offset;\n\n /\n Specifies the ARIA role type. Depending on how the dialog is used in the page, the developer\n * should choose from the following:\n * <ul>\n * <li><code>dialog</code> defines an application window that is designed to interrupt the current\n * processing of an application in order to prompt the user to enter information or require\n * a response.</li>\n * <li><code>alertdialog</code> defines type of dialog that contains an alert message, where initial\n * focus goes to an element within the dialog.</li>\n * </ul>\n /\n role?: 'dialog' \| 'alertdialog';\n\n /\n Optional <code>aria-labelledby</code> property referring to the content to be used as Dialog's\n * accessible <label htmlFor=\"\" className=\"\"></label>\n * If not specified, the Dialog will automatically refer to the entire header content as the accessible label.\n /\n 'aria-labelledby'?: string;\n\n /\n Optional accessible description for the dialog.\n /\n 'aria-describedby'?: string;\n } & TestIdProps;\n\n// dialog header\n\ntype DialogHeaderProps = Pick<DialogProps, 'header'> & {\n id?: string;\n};\n\nconst StyledDialogHeader = ({ header, id }: DialogHeaderProps) => {\n const { styles } = useComponentTheme<never, DialogStyles>(DialogRedwoodTheme);\n const content: ComponentChild =\n typeof header === 'string' ? (\n <h1 id={id} className={styles.dialogTitleStyle}>\n {header}\n </h1>\n ) : (\n header\n );\n\n return <div className={styles.dialogHeaderStyle}>{content}</div>;\n};\n\n// styled dialog\n\ntype MainProps = Pick<DialogProps, 'children' \| 'header' \| 'footer' \| 'role'> &\n Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'style' \| 'onKeyDown'> & {\n labelId?: string;\n ariaLabelledBy?: string;\n ariaDescribedBy?: string;\n } & TestIdProps;\n\nconst StyledDialog = forwardRef(\n (\n {\n children,\n header,\n footer,\n labelId,\n role,\n ariaLabelledBy,\n ariaDescribedBy,\n onKeyDown,\n testId,\n style\n }: MainProps,\n ref: ForwardedRef<HTMLDivElement \| null>\n ) => {\n const { classes: styleClasses, styles } = useComponentTheme<never, DialogStyles>(\n DialogRedwoodTheme\n );\n\n const testIdProps = useTestId(testId);\n\n return (\n <div\n ref={ref}\n className={classNames([styleClasses, globalImages])}\n style={Object.assign({}, { opacity: 0 }, style)}\n onKeyDown={onKeyDown}\n role={role}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n {...testIdProps}>\n <div className={styles.dialogContainerStyle}>\n <StyledDialogHeader id={labelId} header={header} />\n <div className={styles.dialogContentStyle}>\n <div className={styles.dialogBodyStyle}>{children}</div>\n </div>\n <div className={styles.dialogFooterStyle}>{footer}</div>\n </div>\n </div>\n );\n }\n);\n\n// main Dialog component\n\n/\n WAI-ARIA-compliant dialog component. A dialog is a floating window that typically contains\n * a title bar and a content area.\n * The dialog is generally placed on top of the rest of the page content. It can be either modal\n * (only the content in the dialog can be interacted with) or non-modal (it's still possible\n * to interact with content outside of the dialog).\n */\nexport const Dialog = ({\n autoFocusRef,\n children,\n isOpen,\n header = '',\n footer,\n modality = 'modal',\n placement = 'center',\n offset = 0,\n onClose,\n onTransitionEnd,\n role = 'dialog',\n 'aria-labelledby': ariaLabelledBy,\n 'aria-describedby': ariaDescribedBy,\n testId,\n ...props\n}: DialogProps) => {\n const [state, setState] = useState<Status>(isOpen ? 'opening' : 'unmounted');\n\n const uniqueId = useId();\n const labelId = ariaLabelledBy ? ariaLabelledBy : uniqueId;\n\n const interpolations = [...Object.values(dimensionInterpolations)];\n const styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n const { ...styles } = styleInterpolations(props);\n\n useEffect(() => {\n // Ignore state update on initial render\n if (state === 'unmounted' && !isOpen) {\n return;\n }\n setState(isOpen ? 'opening' : 'closing');\n }, [isOpen, state]);\n\n const { nodeRef } = useAnimation<Status, HTMLDivElement>(state, {\n animationStates,\n isAnimatedOnMount: true,\n onAnimationEnd: ({ animationState }) => {\n if (animationState === 'closing') {\n setState('unmounted');\n onTransitionEnd?.(false);\n } else {\n onTransitionEnd?.(true);\n }\n }\n });\n\n const handleKeyDown = (event: KeyboardEvent) => {\n switch (event.code) {\n case 'Escape': {\n onClose?.({ reason: 'escapeKey' });\n break;\n }\n }\n };\n\n const renderDialog = () => {\n return (\n <WindowOverlay placement={placement} offset={offset}>\n <FocusTrap autoFocusRef={autoFocusRef}>\n <StyledDialog\n ref={nodeRef}\n labelId={labelId}\n header={header}\n footer={footer}\n role={role}\n ariaLabelledBy={labelId}\n ariaDescribedBy={ariaDescribedBy}\n onKeyDown={handleKeyDown}\n testId={testId}\n style={styles}>\n {children}\n </StyledDialog>\n </FocusTrap>\n </WindowOverlay>\n );\n };\n\n if (modality === 'modal') {\n return <Modal isOpen={state !== 'unmounted'}>{renderDialog()}</Modal>;\n } else {\n return state !== 'unmounted' ? <Layer>{renderDialog()}</Layer> : null;\n }\n};\n\nconst animationStates: UseAnimationConfig<Status, HTMLElement>['animationStates'] = {\n opening: {\n from: {\n scaleX: 0,\n scaleY: 0,\n transformOrigin: 'center',\n opacity: 0\n },\n to: {\n scaleX: 1,\n scaleY: 1,\n opacity: 1\n },\n options: {\n duration: 200\n }\n },\n closing: {\n from: {\n scaleX: 1,\n scaleY: 1,\n transformOrigin: 'center',\n opacity: 1\n },\n to: {\n scaleX: 0,\n scaleY: 0,\n opacity: 0\n },\n options: {\n duration: 200\n }\n }\n};\n"],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;;;;;;;;;;;AA0IA,MAAM,kBAAkB,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAqB,KAAI;IAC/D,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,CAAsB,kBAAkB,CAAC,CAAC;AAC9E,IAAA,MAAM,OAAO,GACX,OAAO,MAAM,KAAK,QAAQ,IACxBA,GAAI,CAAA,IAAA,EAAA,EAAA,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,CAAC,gBAAgB,EAAA,QAAA,EAC3C,MAAM,EAAA,CACJ,KAEL,MAAM,CACP,CAAC;IAEJ,OAAOA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAA,QAAA,EAAG,OAAO,EAAA,CAAO,CAAC;AACnE,CAAC,CAAC;AAWF,MAAM,YAAY,GAAG,UAAU,CAC7B,CACE,EACE,QAAQ,EACR,MAAM,EACN,MAAM,EACN,OAAO,EACP,IAAI,EACJ,cAAc,EACd,eAAe,EACf,SAAS,EACT,MAAM,EACN,KAAK,EACK,EACZ,GAAwC,KACtC;AACF,IAAA,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,EAAE,GAAG,iBAAiB,CACzD,kBAAkB,CACnB,CAAC;AAEF,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;IAEtC,QACEA,aACE,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,CAAC,YAAY,EAAE,YAAY,CAAC,CAAC,EACnD,KAAK,EAAE,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,EAAE,KAAK,CAAC,EAC/C,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,qBACO,cAAc,EAAA,kBAAA,EACb,eAAe,EAAA,GAC7B,WAAW,EAAA,QAAA,EACfC,cAAK,SAAS,EAAE,MAAM,CAAC,oBAAoB,aACzCD,GAAC,CAAA,kBAAkB,IAAC,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,EAAA,CAAI,EACnDA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,kBAAkB,YACvCA,GAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAE,MAAM,CAAC,eAAe,EAAG,QAAA,EAAA,QAAQ,EAAO,CAAA,EAAA,CACpD,EACNA,GAAA,CAAA,KAAA,EAAA,EAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,EAAA,QAAA,EAAG,MAAM,EAAO,CAAA,CAAA,EAAA,CACpD,EACF,CAAA,EACN;AACJ,CAAC,CACF,CAAC;AAEF;AAEA;;;;;;AAMG;AACU,MAAA,MAAM,GAAG,CAAC,EACrB,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,MAAM,GAAG,EAAE,EACX,MAAM,EACN,QAAQ,GAAG,OAAO,EAClB,SAAS,GAAG,QAAQ,EACpB,MAAM,GAAG,CAAC,EACV,OAAO,EACP,eAAe,EACf,IAAI,GAAG,QAAQ,EACf,iBAAiB,EAAE,cAAc,EACjC,kBAAkB,EAAE,eAAe,EACnC,MAAM,EACN,GAAG,KAAK,EACI,KAAI;AAChB,IAAA,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAS,MAAM,GAAG,SAAS,GAAG,WAAW,CAAC,CAAC;AAE7E,IAAA,MAAM,QAAQ,GAAG,KAAK,EAAE,CAAC;IACzB,MAAM,OAAO,GAAG,cAAc,GAAG,cAAc,GAAG,QAAQ,CAAC;IAE3D,MAAM,cAAc,GAAG,CAAC,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,CAAC,CAAC,CAAC;AACnE,IAAA,MAAM,mBAAmB,GAAG,mBAAmB,CAAiB,cAAc,CAAC,CAAC;IAChF,MAAM,EAAE,GAAG,MAAM,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;IAEjD,SAAS,CAAC,MAAK;;AAEb,QAAA,IAAI,KAAK,KAAK,WAAW,IAAI,CAAC,MAAM,EAAE;YACpC,OAAO;SACR;QACD,QAAQ,CAAC,MAAM,GAAG,SAAS,GAAG,SAAS,CAAC,CAAC;AAC3C,KAAC,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC,CAAC;AAEpB,IAAA,MAAM,EAAE,OAAO,EAAE,GAAG,YAAY,CAAyB,KAAK,EAAE;QAC9D,eAAe;AACf,QAAA,iBAAiB,EAAE,IAAI;AACvB,QAAA,cAAc,EAAE,CAAC,EAAE,cAAc,EAAE,KAAI;AACrC,YAAA,IAAI,cAAc,KAAK,SAAS,EAAE;gBAChC,QAAQ,CAAC,WAAW,CAAC,CAAC;AACtB,gBAAA,eAAe,GAAG,KAAK,CAAC,CAAC;aAC1B;iBAAM;AACL,gBAAA,eAAe,GAAG,IAAI,CAAC,CAAC;aACzB;SACF;AACF,KAAA,CAAC,CAAC;AAEH,IAAA,MAAM,aAAa,GAAG,CAAC,KAAoB,KAAI;AAC7C,QAAA,QAAQ,KAAK,CAAC,IAAI;YAChB,KAAK,QAAQ,EAAE;gBACb,OAAO,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;gBACnC,MAAM;aACP;SACF;AACH,KAAC,CAAC;IAEF,MAAM,YAAY,GAAG,MAAK;AACxB,QAAA,QACEA,GAAA,CAAC,aAAa,EAAA,EAAC,SAAS,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAA,QAAA,EACjDA,IAAC,SAAS,EAAA,EAAC,YAAY,EAAE,YAAY,EAAA,QAAA,EACnCA,GAAC,CAAA,YAAY,IACX,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,cAAc,EAAE,OAAO,EACvB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,aAAa,EACxB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,MAAM,EAAA,QAAA,EACZ,QAAQ,EAAA,CACI,EACL,CAAA,EAAA,CACE,EAChB;AACJ,KAAC,CAAC;AAEF,IAAA,IAAI,QAAQ,KAAK,OAAO,EAAE;AACxB,QAAA,OAAOA,GAAC,CAAA,KAAK,EAAC,EAAA,MAAM,EAAE,KAAK,KAAK,WAAW,EAAG,QAAA,EAAA,YAAY,EAAE,EAAA,CAAS,CAAC;KACvE;SAAM;AACL,QAAA,OAAO,KAAK,KAAK,WAAW,GAAGA,GAAC,CAAA,KAAK,EAAE,EAAA,QAAA,EAAA,YAAY,EAAE,EAAS,CAAA,GAAG,IAAI,CAAC;KACvE;AACH,EAAE;AAEF,MAAM,eAAe,GAA+D;AAClF,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE;AACJ,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,eAAe,EAAE,QAAQ;AACzB,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,QAAQ,EAAE,GAAG;AACd,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,IAAI,EAAE;AACJ,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,eAAe,EAAE,QAAQ;AACzB,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACD,QAAA,EAAE,EAAE;AACF,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,MAAM,EAAE,CAAC;AACT,YAAA,OAAO,EAAE,CAAC;AACX,SAAA;AACD,QAAA,OAAO,EAAE;AACP,YAAA,QAAQ,EAAE,GAAG;AACd,SAAA;AACF,KAAA;CACF;;;;"}
1	+ {"version":3,"file":"Dialog-cf69547f.js","sources":["../../src/UNSAFE_Dialog/Dialog.tsx"],"sourcesContent":["import { ComponentChild, RefObject } from 'preact';\nimport { ForwardedRef, forwardRef } from 'preact/compat';\nimport { Offset, WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { TestIdProps, useTestId } from '../hooks/UNSAFE_useTestId';\nimport { UseAnimationConfig, useAnimation } from '../hooks/UNSAFE_useAnimation';\nimport { useEffect, useState } from 'preact/hooks';\n\nimport { DialogRedwoodTheme } from './themes/redwood/DialogTheme';\nimport { DialogStyles } from './themes/DialogStyles.css';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { globalImages } from '#/ImageVars.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\n// animation states\ntype Status = 'opening' \| 'closing' \| 'unmounted';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children' \| 'role'>;\n\ntype OnCloseDetail = {\n reason: 'escapeKey';\n};\n\ntype DialogProps = IntrinsicProps &\n DimensionProps & {\n /*\n Optional ref for an element to focus on when component mounts\n /\n autoFocusRef?: RefObject<HTMLElement>;\n\n /\n On Close callback.\n /\n onClose?: (detail: OnCloseDetail) => void;\n\n /\n On opening or closing transition end callback.\n /\n onTransitionEnd?: (value: boolean) => void;\n\n /\n Determines whether the Dialog is open.\n /\n isOpen: boolean;\n\n /\n Dialog header content. Can be a string or VNode (Component Child).\n * <p>\n * When a plain string is passed, it will be used as the dialog title. Otherwise, the prop value\n * will be used as the header content.\n * </p>\n * <p>\n * Dialog will automatically refer to the header content as the accessible label.\n * The user can override this behavior by specifying the <code>aria-labelledby</code> property\n * and setting its value as needed.\n * </p>\n /\n header?: ComponentChild;\n\n /\n Dialog footer content.\n /\n footer?: ComponentChild;\n\n /\n Determines dialog modality. Default is 'modal'.\n /\n modality?: 'modal' \| 'modeless';\n\n /\n Determines placement of the dialog relative to the viewport.\n * Supported values are:\n * <p> <code>center</code>, <code>top</code>, <code>top-start</code>, <code>top-end</code>,\n * <code>end</code>, <code>end-top</code>, <code>end-bottom</code>,\n * <code>bottom</code>, <code>bottom-start</code>, <code>bottom-end</code>,\n * <code>start</code>, <code>start-top</code>, <code>start-bottom</code>\n * </p>\n * Default is <code>center</code>.\n /\n placement?: WindowOverlayPlacement;\n\n /\n Determines the offset of the Dialog from its core placement along the specified axes.\n \n Offset could be a number or an object\n \n An object has the following type:\n * <pre>\n * {\n * mainAxis?: number;\n * crossAxis?: number;\n * }\n * </pre>\n * For the <code>center</code> placement the convention for the offset type is that mainAxis defines\n * offset from the top, crossAxis defines offset from the left side of the view port.\n \n A number is a shortcut for setting the mainAxis.\n /\n offset?: Offset;\n\n /\n Specifies the ARIA role type. Depending on how the dialog is used in the page, the developer\n * should choose from the following:\n * <ul>\n * <li><code>dialog</code> defines an application window that is designed to interrupt the current\n * processing of an application in order to prompt the user to enter information or require\n * a response.</li>\n * <li><code>alertdialog</code> defines type of dialog that contains an alert message, where initial\n * focus goes to an element within the dialog.</li>\n * </ul>\n /\n role?: 'dialog' \| 'alertdialog';\n\n /\n Optional <code>aria-labelledby</code> property referring to the content to be used as Dialog's\n * accessible <label htmlFor=\"\" className=\"\"></label>\n * If not specified, the Dialog will automatically refer to the entire header content as the accessible label.\n /\n 'aria-labelledby'?: string;\n\n /\n Optional accessible description for the dialog.\n /\n 'aria-describedby'?: string;\n } & TestIdProps;\n\n// dialog header\n\ntype DialogHeaderProps = Pick<DialogProps, 'header'> & {\n id?: string;\n};\n\nconst StyledDialogHeader = ({ header, id }: DialogHeaderProps) => {\n const { styles } = useComponentTheme<never, DialogStyles>(DialogRedwoodTheme);\n const content: ComponentChild =\n typeof header === 'string' ? (\n <h1 id={id} className={styles.dialogTitleStyle}>\n {header}\n </h1>\n ) : (\n header\n );\n\n return <div className={styles.dialogHeaderStyle}>{content}</div>;\n};\n\n// styled dialog\n\ntype MainProps = Pick<DialogProps, 'children' \| 'header' \| 'footer' \| 'role'> &\n Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'style' \| 'onKeyDown'> & {\n labelId?: string;\n ariaLabelledBy?: string;\n ariaDescribedBy?: string;\n } & TestIdProps;\n\nconst StyledDialog = forwardRef(\n (\n {\n children,\n header,\n footer,\n labelId,\n role,\n ariaLabelledBy,\n ariaDescribedBy,\n onKeyDown,\n testId,\n style\n }: MainProps,\n ref: ForwardedRef<HTMLDivElement \| null>\n ) => {\n const { classes: styleClasses, styles } = useComponentTheme<never, DialogStyles>(\n DialogRedwoodTheme\n );\n\n const testIdProps = useTestId(testId);\n\n return (\n <div\n ref={ref}\n className={classNames([styleClasses, globalImages])}\n style={Object.assign({}, { opacity: 0 }, style)}\n onKeyDown={onKeyDown}\n role={role}\n aria-labelledby={ariaLabelledBy}\n aria-describedby={ariaDescribedBy}\n {...testIdProps}>\n <div className={styles.dialogContainerStyle}>\n <StyledDialogHeader id={labelId} header={header} />\n <div className={styles.dialogContentStyle}>\n <div className={styles.dialogBodyStyle}>{children}</div>\n </div>\n <div className={styles.dialogFooterStyle}>{footer}</div>\n </div>\n </div>\n );\n }\n);\n\n// main Dialog component\n\n/\n WAI-ARIA-compliant dialog component. A dialog is a floating window that typically contains\n * a title bar and a content area.\n * The dialog is generally placed on top of the rest of the page content. It can be either modal\n * (only the content in the dialog can be interacted with) or non-modal (it's still possible\n * to interact with content outside of the dialog).\n */\nexport const Dialog = ({\n autoFocusRef,\n children,\n isOpen,\n header = '',\n footer,\n modality = 'modal',\n placement = 'center',\n offset = 0,\n onClose,\n onTransitionEnd,\n role = 'dialog',\n 'aria-labelledby': ariaLabelledBy,\n 'aria-describedby': ariaDescribedBy,\n testId,\n ...props\n}: DialogProps) => {\n const [state, setState] = useState<Status>(isOpen ? 'opening' : 'unmounted');\n\n const uniqueId = useId();\n const labelId = ariaLabelledBy ? ariaLabelledBy : uniqueId;\n\n const interpolations = [...Object.values(dimensionInterpolations)];\n const styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n const { ...styles } = styleInterpolations(props);\n\n useEffect(() => {\n // Ignore state update on initial render\n if (state === 'unmounted' && !isOpen) {\n return;\n }\n setState(isOpen ? 'opening' : 'closing');\n }, [isOpen, state]);\n\n const { nodeRef } = useAnimation<Status, HTMLDivElement>(state, {\n animationStates,\n isAnimatedOnMount: true,\n onAnimationEnd: ({ animationState }) => {\n if (animationState === 'closing') {\n setState('unmounted');\n onTransitionEnd?.(false);\n } else {\n onTransitionEnd?.(true);\n }\n }\n });\n\n const handleKeyDown = (event: KeyboardEvent) => {\n switch (event.code) {\n case 'Escape': {\n onClose?.({ reason: 'escapeKey' });\n break;\n }\n }\n };\n\n const renderDialog = () => {\n return (\n <WindowOverlay placement={placement} offset={offset}>\n <FocusTrap autoFocusRef={autoFocusRef}>\n <StyledDialog\n ref={nodeRef}\n labelId={labelId}\n header={header}\n footer={footer}\n role={role}\n ariaLabelledBy={labelId}\n ariaDescribedBy={ariaDescribedBy}\n onKeyDown={handleKeyDown}\n testId={testId}\n style={styles}>\n {children}\n </StyledDialog>\n </FocusTrap>\n </WindowOverlay>\n );\n };\n\n if (modality === 'modal') {\n return <Modal isOpen={state !== 'unmounted'}>{renderDialog()}</Modal>;\n } else {\n return state !== 'unmounted' ? <Layer>{renderDialog()}</Layer> : null;\n }\n};\n\nconst animationStates: UseAnimationConfig<Status, HTMLElement>['animationStates'] = {\n opening: {\n from: {\n scaleX: 0,\n scaleY: 0,\n transformOrigin: 'center',\n opacity: 0\n },\n to: {\n scaleX: 1,\n scaleY: 1,\n opacity: 1\n },\n options: {\n duration: 200\n }\n },\n closing: {\n from: {\n scaleX: 1,\n scaleY: 1,\n transformOrigin: 'center',\n opacity: 1\n },\n to: {\n scaleX: 0,\n scaleY: 0,\n opacity: 0\n },\n options: {\n duration: 200\n }\n }\n};\n"],"names":["_jsx","_jsxs"],"mappings":"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"}

package/es/DirectionalCollapseArrowIcon-20259aab.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
 import { S as SvgCaretRight, a as SvgCaretLeft } from './CaretLeft-6bbfdc44.js';
-import { w as withDirectionIcon } from './withDirectionIcon-90d7c798.js';
+import { w as withDirectionIcon } from './withDirectionIcon-389870a2.js';
 const DirectionalCollapseArrowIcon = (props) => {
     const Component = withDirectionIcon(SvgCaretLeft, SvgCaretRight);

package/es/DirectionalExpandArrowIcon-36ba273c.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
 import { a as SvgCaretLeft, S as SvgCaretRight } from './CaretLeft-6bbfdc44.js';
-import { w as withDirectionIcon } from './withDirectionIcon-90d7c798.js';
+import { w as withDirectionIcon } from './withDirectionIcon-389870a2.js';
 const DirectionalExpandArrowIcon = (props) => {
     const Component = withDirectionIcon(SvgCaretRight, SvgCaretLeft);

package/es/DragHandle-3b768189.js CHANGED Viewed

@@ -3,7 +3,7 @@ import { jsx } from 'preact/jsx-runtime';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { u as useActive } from './useActive-8aad4132.js';
-import { u as useTestId } from './useTestId-3bc3958c.js';
+import { u as useTestId } from './useTestId-af32a9eb.js';
 import { I as Icon } from './Icon-4171c0d7.js';
 import { iconStyle, activeStyle, hoverStyle } from './UNSAFE_DragHandle/themes/DragHandleStyles.css.js';

package/es/DrawerPopupVariants.styles.css CHANGED Viewed

@@ -1,26 +1,26 @@
-.DrawerPopupVariants_multiVariantStyles_placement_left__ajbar40 {
+.DrawerPopupVariants_multiVariantStyles_placement_left__idav9r0 {
   box-shadow: 0.3rem 0 1.5rem rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   top: 0;
   bottom: 0;
   left: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_placement_right__ajbar41 {
+.DrawerPopupVariants_multiVariantStyles_placement_right__idav9r1 {
   box-shadow: -0.3rem 0 1.5rem rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   top: 0;
   bottom: 0;
   right: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_placement_bottom__ajbar42 {
+.DrawerPopupVariants_multiVariantStyles_placement_bottom__idav9r2 {
   box-shadow: 0 -0.3rem 0.3rem 0 rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   bottom: 0;
   left: 0;
   right: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_overlay__ajbar45 {
+.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_overlay__idav9r5 {
   max-width: 90vw;
   min-width: 320px;
 }
-.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_fullOverlay__ajbar46 {
+.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_fullOverlay__idav9r6 {
   width: 100%;
   max-width: 100%;
 }

package/es/DrawerPopupVariants.styles2.css CHANGED Viewed

@@ -1,26 +1,26 @@
-.DrawerPopupVariants_multiVariantStyles_placement_left__idav9r0 {
+.DrawerPopupVariants_multiVariantStyles_placement_left__ajbar40 {
   box-shadow: 0.3rem 0 1.5rem rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   top: 0;
   bottom: 0;
   left: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_placement_right__idav9r1 {
+.DrawerPopupVariants_multiVariantStyles_placement_right__ajbar41 {
   box-shadow: -0.3rem 0 1.5rem rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   top: 0;
   bottom: 0;
   right: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_placement_bottom__idav9r2 {
+.DrawerPopupVariants_multiVariantStyles_placement_bottom__ajbar42 {
   box-shadow: 0 -0.3rem 0.3rem 0 rgba(var(--oj-c-EXPERIMENTAL-DO-NOT-USE-boxshadow-shadowcolor), 0.05);
   bottom: 0;
   left: 0;
   right: 0;
 }
-.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_overlay__idav9r5 {
+.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_overlay__ajbar45 {
   max-width: 90vw;
   min-width: 320px;
 }
-.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_fullOverlay__idav9r6 {
+.DrawerPopupVariants_multiVariantStyles_displayModeHorizontal_fullOverlay__ajbar46 {
   width: 100%;
   max-width: 100%;
 }

package/es/{Dropdown-f45f823c.js → Dropdown-d017dd0a.js} RENAMED Viewed

@@ -1,13 +1,13 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx, Fragment } from 'preact/jsx-runtime';
 import { useRef, useEffect, useCallback } from 'preact/hooks';
-import { F as Floating } from './Floating-f9bbd276.js';
-import { L as Layer } from './Layer-71fc666f.js';
+import { F as Floating } from './Floating-aebc0f85.js';
+import { L as Layer } from './Layer-915d986a.js';
 import 'preact/compat';
-import './LayerHost-15b42a3e.js';
+import './LayerHost-7a2149f5.js';
 import { K as KEYS } from './keyboardUtils-4db21770.js';
 import { f as focusWithin } from './tabbableUtils-7eeccfc9.js';
-import { u as usePopupAnimation } from './usePopupAnimation-340f04b6.js';
+import { u as usePopupAnimation } from './usePopupAnimation-b4577940.js';
 import { g as getTransformOrigin } from './popupAnimationUtils-d4c27cd1.js';
 import { dropdownStyles } from './UNSAFE_Dropdown/themes/dropdownStyles.css.js';
 import { u as useOutsideMousedown } from './useOutsideMousedown-7307de8b.js';
@@ -77,4 +77,4 @@ function Dropdown({ isOpen = false, anchorRef, children, id, onClose, minWidth,
 }
 export { Dropdown as D };
-//# sourceMappingURL=Dropdown-f45f823c.js.map
+//# sourceMappingURL=Dropdown-d017dd0a.js.map

package/es/{Dropdown-f45f823c.js.map → Dropdown-d017dd0a.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown-~~f45f823c~~.js","sources":["../../src/UNSAFE_Dropdown/Dropdown.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentProps, RefObject, JSX } from 'preact';\nimport { useCallback, useRef, useEffect } from 'preact/hooks';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { focusWithin } from '../utils/PRIVATE_tabbableUtils';\nimport { usePopupAnimation } from '#UNSAFE_Popup/usePopupAnimation';\nimport { getTransformOrigin } from '#utils/PRIVATE_popupAnimationUtils';\nimport { AnimationPopupElement } from '../UNSAFE_Popup/usePopupAnimation';\n\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\nimport {\n DURATION_LARGE,\n SCALE_UP_FULL,\n mergeAnimationStateObjects\n} from '#utils/PRIVATE_animationUtils';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\n//Same as Menu onClose, only difference is mouseDown instead of outside click\n//Once menu consumes dropdown is going to start using mouseDown\nexport type CloseDetail = { reason: 'dismissed' } \| { reason: 'outsideMousedown'; target: Element };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n /\n Specifies whether Dropdown is open.\n /\n isOpen?: boolean;\n /\n Trigger element reference.\n /\n anchorRef: FloatingProps['anchorRef'];\n /\n Id of the dropdown container.\n * Used usually for accesibility reasons.\n /\n id?: string;\n /\n Called when dropdown is supposed to be closed.\n * Called when user tab/esc or mouseDown outside the dropdown.\n /\n onClose?: (detail: CloseDetail) => void;\n /\n Min width represented in pixels of the dropdown container.\n /\n minWidth?: number;\n /\n Placement of the floating element relative to its reference element.\n /\n placement?: FloatingProps['placement'];\n /\n Offset displaces the floating element from its core placement along the specified axes.\n /\n offset?: FloatingProps['offsetValue'];\n /\n Triggered when placement or coordinates are changed after collision is detected.\n /\n onPosition?: FloatingProps['onPosition'];\n /\n Specifies the flipping behavior along the respective axis.\n /\n flipOptions?: FloatingProps['flipOptions'];\n /\n Specifies the resizing behaviour for max-height and max-width of the floating component.\n /\n sizeOptions?: FloatingProps['sizeOptions'];\n\n /\n Specifies the shift behavior along the respective axis\n /\n shiftOptions?: FloatingProps['shiftOptions'];\n /\n Specifies initial focus.\n */\n initialFocus?: 'none' \| 'firstFocusable';\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\nconst DEFAULT_OFFSET = { mainAxis: 4, crossAxis: 0 };\nconst DEFAULT_SIZE_OPTIONS = { isMaxWidthAdjusted: true, isMaxHeightAdjusted: true };\nconst DEFAULT_FLIP_OPTIONS = { mainAxis: true, crossAxis: true };\n\nconst animationStates: Parameters<typeof usePopupAnimation>[0]['animationStates'] = {\n opening: (node: AnimationPopupElement) => {\n return mergeAnimationStateObjects(\n [\n SCALE_UP_FULL,\n {\n from: { transformOrigin: getTransformOrigin(node.placement, node.direction) },\n to: { transformOrigin: getTransformOrigin(node.placement, node.direction) }\n }\n ],\n {\n duration: DURATION_LARGE\n }\n );\n }\n};\n\n//TODO: Add animation to dropdown. JET-62628\n//TODO: Investigate best approach to have different virtual padding depending on the position and implement it.JET-57950\nexport function Dropdown({\n isOpen = false,\n anchorRef,\n children,\n id,\n onClose,\n minWidth,\n placement = DEFAULT_PLACEMENT,\n offset = DEFAULT_OFFSET,\n onPosition,\n flipOptions = DEFAULT_FLIP_OPTIONS,\n sizeOptions = DEFAULT_SIZE_OPTIONS,\n shiftOptions,\n initialFocus = 'none'\n}: Props) {\n const dropdownRef = useRef<HTMLDivElement>(null);\n\n const {\n status,\n setAnimationElementRef,\n onPosition: onPositionAnimated\n } = usePopupAnimation({\n isOpen,\n placement,\n isAnimatedOnMount: true,\n animationStates,\n onPosition\n });\n\n useEffect(() => {\n if (status === 'opening') {\n if (initialFocus === 'firstFocusable') {\n const dropdownElement = dropdownRef.current;\n if (dropdownElement) {\n focusWithin(dropdownElement);\n }\n }\n }\n }, [status, initialFocus]);\n const handleMousedownClose = useCallback(\n (event: MouseEvent) => {\n onClose?.({ reason: 'outsideMousedown', target: event.target as Element });\n },\n [onClose]\n );\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (event.defaultPrevented) {\n return;\n }\n switch (event.code) {\n case KEYS.ESC:\n onClose?.({ reason: 'dismissed' });\n break;\n case KEYS.TAB:\n onClose?.({ reason: 'dismissed' });\n break;\n default:\n break;\n }\n },\n [onClose]\n );\n\n // use the mousedown event to be consistent with legacy JET\n useOutsideMousedown({\n isDisabled: false,\n ref: [dropdownRef],\n handler: handleMousedownClose\n });\n\n return (\n <>\n {status !== 'unmounted' ? (\n <Layer logicalParentRef={anchorRef as RefObject<Element>}>\n <Floating\n anchorRef={anchorRef}\n ref={setAnimationElementRef}\n placement={placement}\n flipOptions={flipOptions}\n shiftOptions={shiftOptions}\n sizeOptions={sizeOptions}\n offsetValue={offset}\n onPosition={onPositionAnimated}\n boundaryOptions={{ padding: { top: 8, bottom: 8, left: 0, right: 0 } }}>\n <div\n ref={dropdownRef}\n id={id}\n class={dropdownStyles.base}\n style={{ minWidth: `${minWidth \|\| 0}px` }}\n onKeyDown={handleKeyDown}>\n {children}\n </div>\n </Floating>\n </Layer>\n ) : null}\n </>\n );\n}\n"],"names":["_jsx","_Fragment"],"mappings":";;;;;;;;;;;;;;;AAyFA,MAAM,iBAAiB,GAAG,cAAc,CAAC;AACzC,MAAM,cAAc,GAAG,EAAE,QAAQ,EAAE,CAAC,EAAE,SAAS,EAAE,CAAC,EAAE,CAAC;AACrD,MAAM,oBAAoB,GAAG,EAAE,kBAAkB,EAAE,IAAI,EAAE,mBAAmB,EAAE,IAAI,EAAE,CAAC;AACrF,MAAM,oBAAoB,GAAG,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAEjE,MAAM,eAAe,GAA+D;AAClF,IAAA,OAAO,EAAE,CAAC,IAA2B,KAAI;AACvC,QAAA,OAAO,0BAA0B,CAC/B;YACE,aAAa;AACb,YAAA;AACE,gBAAA,IAAI,EAAE,EAAE,eAAe,EAAE,kBAAkB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE;AAC7E,gBAAA,EAAE,EAAE,EAAE,eAAe,EAAE,kBAAkB,CAAC,IAAI,CAAC,SAAS,EAAE,IAAI,CAAC,SAAS,CAAC,EAAE;AAC5E,aAAA;SACF,EACD;AACE,YAAA,QAAQ,EAAE,cAAc;AACzB,SAAA,CACF,CAAC;KACH;CACF,CAAC;AAEF;AACA;SACgB,QAAQ,CAAC,EACvB,MAAM,GAAG,KAAK,EACd,SAAS,EACT,QAAQ,EACR,EAAE,EACF,OAAO,EACP,QAAQ,EACR,SAAS,GAAG,iBAAiB,EAC7B,MAAM,GAAG,cAAc,EACvB,UAAU,EACV,WAAW,GAAG,oBAAoB,EAClC,WAAW,GAAG,oBAAoB,EAClC,YAAY,EACZ,YAAY,GAAG,MAAM,EACf,EAAA;AACN,IAAA,MAAM,WAAW,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAC;IAEjD,MAAM,EACJ,MAAM,EACN,sBAAsB,EACtB,UAAU,EAAE,kBAAkB,EAC/B,GAAG,iBAAiB,CAAC;QACpB,MAAM;QACN,SAAS;AACT,QAAA,iBAAiB,EAAE,IAAI;QACvB,eAAe;QACf,UAAU;AACX,KAAA,CAAC,CAAC;IAEH,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,MAAM,KAAK,SAAS,EAAE;AACxB,YAAA,IAAI,YAAY,KAAK,gBAAgB,EAAE;AACrC,gBAAA,MAAM,eAAe,GAAG,WAAW,CAAC,OAAO,CAAC;gBAC5C,IAAI,eAAe,EAAE;oBACnB,WAAW,CAAC,eAAe,CAAC,CAAC;iBAC9B;aACF;SACF;AACH,KAAC,EAAE,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;AAC3B,IAAA,MAAM,oBAAoB,GAAG,WAAW,CACtC,CAAC,KAAiB,KAAI;AACpB,QAAA,OAAO,GAAG,EAAE,MAAM,EAAE,kBAAkB,EAAE,MAAM,EAAE,KAAK,CAAC,MAAiB,EAAE,CAAC,CAAC;AAC7E,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;AAEF,IAAA,MAAM,aAAa,GAAG,WAAW,CAC/B,CAAC,KAAoB,KAAI;AACvB,QAAA,IAAI,KAAK,CAAC,gBAAgB,EAAE;YAC1B,OAAO;SACR;AACD,QAAA,QAAQ,KAAK,CAAC,IAAI;YAChB,KAAK,IAAI,CAAC,GAAG;gBACX,OAAO,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;gBACnC,MAAM;YACR,KAAK,IAAI,CAAC,GAAG;gBACX,OAAO,GAAG,EAAE,MAAM,EAAE,WAAW,EAAE,CAAC,CAAC;gBACnC,MAAM;SAGT;AACH,KAAC,EACD,CAAC,OAAO,CAAC,CACV,CAAC;;AAGF,IAAA,mBAAmB,CAAC;AAClB,QAAA,UAAU,EAAE,KAAK;QACjB,GAAG,EAAE,CAAC,WAAW,CAAC;AAClB,QAAA,OAAO,EAAE,oBAAoB;AAC9B,KAAA,CAAC,CAAC;IAEH,QACEA,GACG,CAAAC,QAAA,EAAA,EAAA,QAAA,EAAA,MAAM,KAAK,WAAW,IACrBD,GAAC,CAAA,KAAK,EAAC,EAAA,gBAAgB,EAAE,SAA+B,EAAA,QAAA,EACtDA,GAAC,CAAA,QAAQ,EACP,EAAA,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,sBAAsB,EAC3B,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,MAAM,EACnB,UAAU,EAAE,kBAAkB,EAC9B,eAAe,EAAE,EAAE,OAAO,EAAE,EAAE,GAAG,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,CAAC,EAAE,EAAE,EACtE,QAAA,EAAAA,GAAA,CAAA,KAAA,EAAA,EACE,GAAG,EAAE,WAAW,EAChB,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,cAAc,CAAC,IAAI,EAC1B,KAAK,EAAE,EAAE,QAAQ,EAAE,CAAG,EAAA,QAAQ,IAAI,CAAC,CAAI,EAAA,CAAA,EAAE,EACzC,SAAS,EAAE,aAAa,EACvB,QAAA,EAAA,QAAQ,EACL,CAAA,EAAA,CACG,EACL,CAAA,IACN,IAAI,EACP,CAAA,EACH;AACJ;;;;"}
1	+ {"version":3,"file":"Dropdown-d017dd0a.js","sources":["../../src/UNSAFE_Dropdown/Dropdown.tsx"],"sourcesContent":["/*\n @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n /\n\nimport { ComponentProps, RefObject, JSX } from 'preact';\nimport { useCallback, useRef, useEffect } from 'preact/hooks';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\nimport { KEYS } from '../utils/PRIVATE_keyboardUtils';\nimport { focusWithin } from '../utils/PRIVATE_tabbableUtils';\nimport { usePopupAnimation } from '#UNSAFE_Popup/usePopupAnimation';\nimport { getTransformOrigin } from '#utils/PRIVATE_popupAnimationUtils';\nimport { AnimationPopupElement } from '../UNSAFE_Popup/usePopupAnimation';\n\nimport { dropdownStyles } from './themes/dropdownStyles.css';\nimport { useOutsideMousedown } from '../hooks/PRIVATE_useOutsideMousedown';\nimport {\n DURATION_LARGE,\n SCALE_UP_FULL,\n mergeAnimationStateObjects\n} from '#utils/PRIVATE_animationUtils';\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\n//Same as Menu onClose, only difference is mouseDown instead of outside click\n//Once menu consumes dropdown is going to start using mouseDown\nexport type CloseDetail = { reason: 'dismissed' } \| { reason: 'outsideMousedown'; target: Element };\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n /\n Specifies whether Dropdown is open.\n /\n isOpen?: boolean;\n /\n Trigger element reference.\n /\n anchorRef: FloatingProps['anchorRef'];\n /\n Id of the dropdown container.\n * Used usually for accesibility reasons.\n /\n id?: string;\n /\n Called when dropdown is supposed to be closed.\n * Called when user tab/esc or mouseDown outside the dropdown.\n /\n onClose?: (detail: CloseDetail) => void;\n /\n Min width represented in pixels of the dropdown container.\n /\n minWidth?: number;\n /\n Placement of the floating element relative to its reference element.\n /\n placement?: FloatingProps['placement'];\n /\n Offset displaces the floating element from its core placement along the specified axes.\n /\n offset?: FloatingProps['offsetValue'];\n /\n Triggered when placement or coordinates are changed after collision is detected.\n /\n onPosition?: FloatingProps['onPosition'];\n /\n Specifies the flipping behavior along the respective axis.\n /\n flipOptions?: FloatingProps['flipOptions'];\n /\n Specifies the resizing behaviour for max-height and max-width of the floating component.\n /\n sizeOptions?: FloatingProps['sizeOptions'];\n\n /\n Specifies the shift behavior along the respective axis\n /\n shiftOptions?: FloatingProps['shiftOptions'];\n /\n Specifies initial focus.\n */\n initialFocus?: 'none' \| 'firstFocusable';\n};\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\nconst DEFAULT_OFFSET = { mainAxis: 4, crossAxis: 0 };\nconst DEFAULT_SIZE_OPTIONS = { isMaxWidthAdjusted: true, isMaxHeightAdjusted: true };\nconst DEFAULT_FLIP_OPTIONS = { mainAxis: true, crossAxis: true };\n\nconst animationStates: Parameters<typeof usePopupAnimation>[0]['animationStates'] = {\n opening: (node: AnimationPopupElement) => {\n return mergeAnimationStateObjects(\n [\n SCALE_UP_FULL,\n {\n from: { transformOrigin: getTransformOrigin(node.placement, node.direction) },\n to: { transformOrigin: getTransformOrigin(node.placement, node.direction) }\n }\n ],\n {\n duration: DURATION_LARGE\n }\n );\n }\n};\n\n//TODO: Add animation to dropdown. JET-62628\n//TODO: Investigate best approach to have different virtual padding depending on the position and implement it.JET-57950\nexport function Dropdown({\n isOpen = false,\n anchorRef,\n children,\n id,\n onClose,\n minWidth,\n placement = DEFAULT_PLACEMENT,\n offset = DEFAULT_OFFSET,\n onPosition,\n flipOptions = DEFAULT_FLIP_OPTIONS,\n sizeOptions = DEFAULT_SIZE_OPTIONS,\n shiftOptions,\n initialFocus = 'none'\n}: Props) {\n const dropdownRef = useRef<HTMLDivElement>(null);\n\n const {\n status,\n setAnimationElementRef,\n onPosition: onPositionAnimated\n } = usePopupAnimation({\n isOpen,\n placement,\n isAnimatedOnMount: true,\n animationStates,\n onPosition\n });\n\n useEffect(() => {\n if (status === 'opening') {\n if (initialFocus === 'firstFocusable') {\n const dropdownElement = dropdownRef.current;\n if (dropdownElement) {\n focusWithin(dropdownElement);\n }\n }\n }\n }, [status, initialFocus]);\n const handleMousedownClose = useCallback(\n (event: MouseEvent) => {\n onClose?.({ reason: 'outsideMousedown', target: event.target as Element });\n },\n [onClose]\n );\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent) => {\n if (event.defaultPrevented) {\n return;\n }\n switch (event.code) {\n case KEYS.ESC:\n onClose?.({ reason: 'dismissed' });\n break;\n case KEYS.TAB:\n onClose?.({ reason: 'dismissed' });\n break;\n default:\n break;\n }\n },\n [onClose]\n );\n\n // use the mousedown event to be consistent with legacy JET\n useOutsideMousedown({\n isDisabled: false,\n ref: [dropdownRef],\n handler: handleMousedownClose\n });\n\n return (\n <>\n {status !== 'unmounted' ? (\n <Layer logicalParentRef={anchorRef as RefObject<Element>}>\n <Floating\n anchorRef={anchorRef}\n ref={setAnimationElementRef}\n placement={placement}\n flipOptions={flipOptions}\n shiftOptions={shiftOptions}\n sizeOptions={sizeOptions}\n offsetValue={offset}\n onPosition={onPositionAnimated}\n boundaryOptions={{ padding: { top: 8, bottom: 8, left: 0, right: 0 } }}>\n <div\n ref={dropdownRef}\n id={id}\n class={dropdownStyles.base}\n style={{ minWidth: `${minWidth \|\| 0}px` }}\n onKeyDown={handleKeyDown}>\n {children}\n </div>\n </Floating>\n </Layer>\n ) : null}\n </>\n );\n}\n"],"names":["_jsx","_Fragment"],"mappings":"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"}

package/es/{EnvironmentProvider-0fc2fd0c.js → EnvironmentProvider-a3819bde.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { E as EnvironmentContext, D as DefaultEnvironment } from './LayerHost-15b42a3e.js';
+import { E as EnvironmentContext, D as DefaultEnvironment } from './LayerHost-7a2149f5.js';
 import { useMemo, useContext } from 'preact/hooks';
-import { L as LayerManager } from './LayerManager-af39e736.js';
+import { L as LayerManager } from './LayerManager-be34be40.js';
 // Custom merge function
 function mergeEnvironment(env1, env2) {
@@ -55,4 +55,4 @@ function EnvironmentProvider({ children, environment }) {
 }
 export { EnvironmentProvider as E, RootEnvironmentProvider as R };
-//# sourceMappingURL=EnvironmentProvider-0fc2fd0c.js.map
+//# sourceMappingURL=EnvironmentProvider-a3819bde.js.map

package/es/{EnvironmentProvider-0fc2fd0c.js.map → EnvironmentProvider-a3819bde.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EnvironmentProvider-~~0fc2fd0c~~.js","sources":["../../src/UNSAFE_Environment/EnvironmentProvider.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 {\n CompleteEnvironmentType,\n DefaultEnvironment,\n Environment,\n EnvironmentContext,\n RootEnvironment\n} from './EnvironmentContext';\nimport { useContext, useMemo } from 'preact/hooks';\n\nimport { ComponentChildren } from 'preact';\nimport { LayerManager } from '../UNSAFE_Layer/LayerManager';\n\n// EnvironmentProvider properties\nexport declare type ProviderProperties<Env extends RootEnvironment \| Environment> = {\n environment?: Env;\n children?: ComponentChildren;\n};\n\n// Custom merge function\nfunction mergeEnvironment(\n env1: CompleteEnvironmentType,\n env2: Partial<RootEnvironment> \| undefined\n) {\n const userValue = Object.assign({}, env1.user, env2?.user);\n const themeValue = Object.assign({}, env1.theme, env2?.theme);\n\n // Merge translation values - one level merge\n const targetTranslations = Object.assign({}, env1.translations);\n const sourceTranslations = env2?.translations \|\| {};\n Object.keys(sourceTranslations).forEach((key) => {\n let newVal = sourceTranslations[key];\n if (targetTranslations[key]) {\n // merge is needed\n newVal = Object.assign({}, targetTranslations[key], newVal);\n }\n targetTranslations[key] = newVal;\n });\n\n return {\n user: userValue,\n theme: themeValue,\n translations: targetTranslations,\n colorScheme: env2?.colorScheme ?? env1.colorScheme,\n scale: env2?.scale ?? env1.scale,\n currentBgColor: env2?.currentBgColor ?? env1.currentBgColor,\n mode: env2?.mode ?? env1.mode,\n density: env2?.density ?? env1.density\n };\n}\n\n/\n The RootEnvironmentProvider component bootstraps essential services and\n * must be placed at the root of any application using components from '@oracle/oraclejet-preact'.\n * Minimally, the application must load the appropriate translation bundle for the user's locale\n * and set it on the RootEnvironmentProvider.\n /\nexport function RootEnvironmentProvider({\n children,\n environment\n}: ProviderProperties<RootEnvironment>) {\n const mergedEnvironment = useMemo(\n () => mergeEnvironment(DefaultEnvironment, environment),\n [environment]\n );\n return (\n <EnvironmentContext.Provider value={mergedEnvironment}>\n <LayerManager>{children}</LayerManager>\n </EnvironmentContext.Provider>\n );\n}\n\n/\n The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite\n * environment values for a subtree.\n * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.\n * The new environment will be passed to the component's children.\n * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values\n * that can be replaced.\n */\nexport function EnvironmentProvider({ children, environment }: ProviderProperties<Environment>) {\n const consumerEnv = useContext(EnvironmentContext);\n const mergedEnvironment = useMemo(\n () => mergeEnvironment(consumerEnv, environment),\n [consumerEnv, environment]\n );\n\n return (\n <EnvironmentContext.Provider value={mergedEnvironment}>{children}</EnvironmentContext.Provider>\n );\n}\n"],"names":["_jsx"],"mappings":";;;;;;AA0BA;AACA,SAAS,gBAAgB,CACvB,IAA6B,EAC7B,IAA0C,EAAA;AAE1C,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAC3D,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;;AAG9D,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;AAChE,IAAA,MAAM,kBAAkB,GAAG,IAAI,EAAE,YAAY,IAAI,EAAE,CAAC;IACpD,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AAC9C,QAAA,IAAI,MAAM,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;AACrC,QAAA,IAAI,kBAAkB,CAAC,GAAG,CAAC,EAAE;;AAE3B,YAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;SAC7D;AACD,QAAA,kBAAkB,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AACnC,KAAC,CAAC,CAAC;IAEH,OAAO;AACL,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,YAAY,EAAE,kBAAkB;AAChC,QAAA,WAAW,EAAE,IAAI,EAAE,WAAW,IAAI,IAAI,CAAC,WAAW;AAClD,QAAA,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK;AAChC,QAAA,cAAc,EAAE,IAAI,EAAE,cAAc,IAAI,IAAI,CAAC,cAAc;AAC3D,QAAA,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI;AAC7B,QAAA,OAAO,EAAE,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC,OAAO;KACvC,CAAC;AACJ,CAAC;AAED;;;;;AAKG;SACa,uBAAuB,CAAC,EACtC,QAAQ,EACR,WAAW,EACyB,EAAA;AACpC,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAC/B,MAAM,gBAAgB,CAAC,kBAAkB,EAAE,WAAW,CAAC,EACvD,CAAC,WAAW,CAAC,CACd,CAAC;AACF,IAAA,QACEA,GAAC,CAAA,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,EAAA,QAAA,EACnDA,IAAC,YAAY,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAgB,CAAA,EAAA,CACX,EAC9B;AACJ,CAAC;AAED;;;;;;;AAOG;SACa,mBAAmB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAmC,EAAA;AAC5F,IAAA,MAAM,WAAW,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACnD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,MAAM,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,EAChD,CAAC,WAAW,EAAE,WAAW,CAAC,CAC3B,CAAC;AAEF,IAAA,QACEA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,iBAAiB,EAAA,QAAA,EAAG,QAAQ,EAAA,CAA+B,EAC/F;AACJ;;;;"}
1	+ {"version":3,"file":"EnvironmentProvider-a3819bde.js","sources":["../../src/UNSAFE_Environment/EnvironmentProvider.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 {\n CompleteEnvironmentType,\n DefaultEnvironment,\n Environment,\n EnvironmentContext,\n RootEnvironment\n} from './EnvironmentContext';\nimport { useContext, useMemo } from 'preact/hooks';\n\nimport { ComponentChildren } from 'preact';\nimport { LayerManager } from '../UNSAFE_Layer/LayerManager';\n\n// EnvironmentProvider properties\nexport declare type ProviderProperties<Env extends RootEnvironment \| Environment> = {\n environment?: Env;\n children?: ComponentChildren;\n};\n\n// Custom merge function\nfunction mergeEnvironment(\n env1: CompleteEnvironmentType,\n env2: Partial<RootEnvironment> \| undefined\n) {\n const userValue = Object.assign({}, env1.user, env2?.user);\n const themeValue = Object.assign({}, env1.theme, env2?.theme);\n\n // Merge translation values - one level merge\n const targetTranslations = Object.assign({}, env1.translations);\n const sourceTranslations = env2?.translations \|\| {};\n Object.keys(sourceTranslations).forEach((key) => {\n let newVal = sourceTranslations[key];\n if (targetTranslations[key]) {\n // merge is needed\n newVal = Object.assign({}, targetTranslations[key], newVal);\n }\n targetTranslations[key] = newVal;\n });\n\n return {\n user: userValue,\n theme: themeValue,\n translations: targetTranslations,\n colorScheme: env2?.colorScheme ?? env1.colorScheme,\n scale: env2?.scale ?? env1.scale,\n currentBgColor: env2?.currentBgColor ?? env1.currentBgColor,\n mode: env2?.mode ?? env1.mode,\n density: env2?.density ?? env1.density\n };\n}\n\n/\n The RootEnvironmentProvider component bootstraps essential services and\n * must be placed at the root of any application using components from '@oracle/oraclejet-preact'.\n * Minimally, the application must load the appropriate translation bundle for the user's locale\n * and set it on the RootEnvironmentProvider.\n /\nexport function RootEnvironmentProvider({\n children,\n environment\n}: ProviderProperties<RootEnvironment>) {\n const mergedEnvironment = useMemo(\n () => mergeEnvironment(DefaultEnvironment, environment),\n [environment]\n );\n return (\n <EnvironmentContext.Provider value={mergedEnvironment}>\n <LayerManager>{children}</LayerManager>\n </EnvironmentContext.Provider>\n );\n}\n\n/\n The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite\n * environment values for a subtree.\n * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.\n * The new environment will be passed to the component's children.\n * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values\n * that can be replaced.\n */\nexport function EnvironmentProvider({ children, environment }: ProviderProperties<Environment>) {\n const consumerEnv = useContext(EnvironmentContext);\n const mergedEnvironment = useMemo(\n () => mergeEnvironment(consumerEnv, environment),\n [consumerEnv, environment]\n );\n\n return (\n <EnvironmentContext.Provider value={mergedEnvironment}>{children}</EnvironmentContext.Provider>\n );\n}\n"],"names":["_jsx"],"mappings":";;;;;;AA0BA;AACA,SAAS,gBAAgB,CACvB,IAA6B,EAC7B,IAA0C,EAAA;AAE1C,IAAA,MAAM,SAAS,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC;AAC3D,IAAA,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,CAAC,CAAC;;AAG9D,IAAA,MAAM,kBAAkB,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;AAChE,IAAA,MAAM,kBAAkB,GAAG,IAAI,EAAE,YAAY,IAAI,EAAE,CAAC;IACpD,MAAM,CAAC,IAAI,CAAC,kBAAkB,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AAC9C,QAAA,IAAI,MAAM,GAAG,kBAAkB,CAAC,GAAG,CAAC,CAAC;AACrC,QAAA,IAAI,kBAAkB,CAAC,GAAG,CAAC,EAAE;;AAE3B,YAAA,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,kBAAkB,CAAC,GAAG,CAAC,EAAE,MAAM,CAAC,CAAC;SAC7D;AACD,QAAA,kBAAkB,CAAC,GAAG,CAAC,GAAG,MAAM,CAAC;AACnC,KAAC,CAAC,CAAC;IAEH,OAAO;AACL,QAAA,IAAI,EAAE,SAAS;AACf,QAAA,KAAK,EAAE,UAAU;AACjB,QAAA,YAAY,EAAE,kBAAkB;AAChC,QAAA,WAAW,EAAE,IAAI,EAAE,WAAW,IAAI,IAAI,CAAC,WAAW;AAClD,QAAA,KAAK,EAAE,IAAI,EAAE,KAAK,IAAI,IAAI,CAAC,KAAK;AAChC,QAAA,cAAc,EAAE,IAAI,EAAE,cAAc,IAAI,IAAI,CAAC,cAAc;AAC3D,QAAA,IAAI,EAAE,IAAI,EAAE,IAAI,IAAI,IAAI,CAAC,IAAI;AAC7B,QAAA,OAAO,EAAE,IAAI,EAAE,OAAO,IAAI,IAAI,CAAC,OAAO;KACvC,CAAC;AACJ,CAAC;AAED;;;;;AAKG;SACa,uBAAuB,CAAC,EACtC,QAAQ,EACR,WAAW,EACyB,EAAA;AACpC,IAAA,MAAM,iBAAiB,GAAG,OAAO,CAC/B,MAAM,gBAAgB,CAAC,kBAAkB,EAAE,WAAW,CAAC,EACvD,CAAC,WAAW,CAAC,CACd,CAAC;AACF,IAAA,QACEA,GAAC,CAAA,kBAAkB,CAAC,QAAQ,IAAC,KAAK,EAAE,iBAAiB,EAAA,QAAA,EACnDA,IAAC,YAAY,EAAA,EAAA,QAAA,EAAE,QAAQ,EAAgB,CAAA,EAAA,CACX,EAC9B;AACJ,CAAC;AAED;;;;;;;AAOG;SACa,mBAAmB,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAmC,EAAA;AAC5F,IAAA,MAAM,WAAW,GAAG,UAAU,CAAC,kBAAkB,CAAC,CAAC;IACnD,MAAM,iBAAiB,GAAG,OAAO,CAC/B,MAAM,gBAAgB,CAAC,WAAW,EAAE,WAAW,CAAC,EAChD,CAAC,WAAW,EAAE,WAAW,CAAC,CAC3B,CAAC;AAEF,IAAA,QACEA,GAAA,CAAC,kBAAkB,CAAC,QAAQ,EAAA,EAAC,KAAK,EAAE,iBAAiB,EAAA,QAAA,EAAG,QAAQ,EAAA,CAA+B,EAC/F;AACJ;;;;"}

package/es/FilePicker-f4582615.js CHANGED Viewed

@@ -2,7 +2,7 @@
 import { jsxs, Fragment, jsx } from 'preact/jsx-runtime';
 import { m as mergeProps } from './mergeProps-88ea8306.js';
 import { c as classNames } from './classNames-4e12b00d.js';
-import { u as useTranslationBundle } from './useTranslationBundle-98df6291.js';
+import { u as useTranslationBundle } from './useTranslationBundle-6da03e52.js';
 import { s as sizeToCSS } from './size-88f26574.js';
 import { t as trim } from './stringUtils-16f617bc.js';
 import { p as pickFiles } from './filePickerUtils-d4fe2795.js';
@@ -11,7 +11,7 @@ import { u as usePress } from './usePress-97fc1cf1.js';
 import { useRef, useState, useImperativeHandle } from 'preact/hooks';
 import './TabbableModeContext-7d8ad946.js';
 import { u as useTabbableMode } from './useTabbableMode-a3a351d0.js';
-import { u as useTestId } from './useTestId-3bc3958c.js';
+import { u as useTestId } from './useTestId-af32a9eb.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { u as useInteractionStyle } from './useInteractionStyle-3d1f9e21.js';
 import { FilePickerRedwoodTheme } from './UNSAFE_FilePicker/themes/redwood/FilePickerTheme.js';

package/es/{Flex-8696b27b.js → Flex-2d51e914.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 /* @oracle/oraclejet-preact: undefined */
 import { jsx } from 'preact/jsx-runtime';
-import { u as useTestId } from './useTestId-3bc3958c.js';
+import { u as useTestId } from './useTestId-af32a9eb.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { b as boxAlignmentInterpolations } from './boxalignment-7d41dd5e.js';
 import { d as dimensionInterpolations } from './dimensions-e4b8a67e.js';
@@ -27,4 +27,4 @@ const Flex = ({ children, hasZeroMargins = true, testId, ...props }) => {
 };
 export { Flex as F, marginZeroStyles as m };
-//# sourceMappingURL=Flex-8696b27b.js.map
+//# sourceMappingURL=Flex-2d51e914.js.map

package/es/{Flex-8696b27b.js.map → Flex-2d51e914.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Flex-~~8696b27b~~.js","sources":["../../src/UNSAFE_Flex/Flex.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 { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles, marginZeroStyles } from './FlexStyles.css';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps &\n TestIdProps & {\n children?: ComponentChildren;\n /\n @default true\n */\n hasZeroMargins?: boolean;\n };\n\nconst interpolations = [\n ...Object.values(dimensionInterpolations),\n ...Object.values(flexboxInterpolations),\n ...Object.values(flexitemInterpolations),\n ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, hasZeroMargins = true, testId, ...props }: Props) => {\n const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n const { class: cls, ...styles } = styleInterpolations(props);\n const testIdProps = useTestId(testId);\n return (\n <div class={`${flexComponentClasses} ${cls}`} style={styles} {...testIdProps}>\n {children}\n </div>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAgCA,MAAM,cAAc,GAAG;AACrB,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,CAAC;AACzC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC;AACvC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC;AACxC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,0BAA0B,CAAC;CAC7C,CAAC;AAEF,MAAM,mBAAmB,GAAG,mBAAmB,CAAQ,cAAc,CAAC,CAAC;AAE1D,MAAA,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,cAAc,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAS,KAAI;AACnF,IAAA,MAAM,oBAAoB,GAAG,UAAU,CAAC,CAAC,UAAU,EAAE,cAAc,IAAI,gBAAgB,CAAC,CAAC,CAAC;AAC1F,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAC7D,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,oBAAoB,IAAI,GAAG,CAAA,CAAE,EAAE,KAAK,EAAE,MAAM,EAAM,GAAA,WAAW,YACzE,QAAQ,EAAA,CACL,EACN;AACJ;;;;"}
1	+ {"version":3,"file":"Flex-2d51e914.js","sources":["../../src/UNSAFE_Flex/Flex.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 { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { baseStyles, marginZeroStyles } from './FlexStyles.css';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps &\n TestIdProps & {\n children?: ComponentChildren;\n /\n @default true\n */\n hasZeroMargins?: boolean;\n };\n\nconst interpolations = [\n ...Object.values(dimensionInterpolations),\n ...Object.values(flexboxInterpolations),\n ...Object.values(flexitemInterpolations),\n ...Object.values(boxAlignmentInterpolations)\n];\n\nconst styleInterpolations = mergeInterpolations<Props>(interpolations);\n\nexport const Flex = ({ children, hasZeroMargins = true, testId, ...props }: Props) => {\n const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n const { class: cls, ...styles } = styleInterpolations(props);\n const testIdProps = useTestId(testId);\n return (\n <div class={`${flexComponentClasses} ${cls}`} style={styles} {...testIdProps}>\n {children}\n </div>\n );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;AAgCA,MAAM,cAAc,GAAG;AACrB,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,uBAAuB,CAAC;AACzC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,qBAAqB,CAAC;AACvC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,sBAAsB,CAAC;AACxC,IAAA,GAAG,MAAM,CAAC,MAAM,CAAC,0BAA0B,CAAC;CAC7C,CAAC;AAEF,MAAM,mBAAmB,GAAG,mBAAmB,CAAQ,cAAc,CAAC,CAAC;AAE1D,MAAA,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,cAAc,GAAG,IAAI,EAAE,MAAM,EAAE,GAAG,KAAK,EAAS,KAAI;AACnF,IAAA,MAAM,oBAAoB,GAAG,UAAU,CAAC,CAAC,UAAU,EAAE,cAAc,IAAI,gBAAgB,CAAC,CAAC,CAAC;AAC1F,IAAA,MAAM,EAAE,KAAK,EAAE,GAAG,EAAE,GAAG,MAAM,EAAE,GAAG,mBAAmB,CAAC,KAAK,CAAC,CAAC;AAC7D,IAAA,MAAM,WAAW,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC;AACtC,IAAA,QACEA,GAAK,CAAA,KAAA,EAAA,EAAA,KAAK,EAAE,CAAG,EAAA,oBAAoB,IAAI,GAAG,CAAA,CAAE,EAAE,KAAK,EAAE,MAAM,EAAM,GAAA,WAAW,YACzE,QAAQ,EAAA,CACL,EACN;AACJ;;;;"}

package/es/{Floating-f9bbd276.js → Floating-aebc0f85.js} RENAMED Viewed

@@ -2,10 +2,10 @@
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { useRef, useState, useLayoutEffect, useMemo, useCallback, useEffect } from 'preact/hooks';
 import { forwardRef } from 'preact/compat';
-import { o as offset, f as flip, l as logicalSide, s as shift, a as limitShift, b as arrow, c as size, u as useFloating, d as autoUpdate } from './useFloating-d60cc8b4.js';
+import { o as offset, f as flip, l as logicalSide, s as shift, a as limitShift, b as arrow, c as size, u as useFloating, d as autoUpdate } from './useFloating-c9278755.js';
 import { m as mergeRefs } from './refUtils-b9d8d91a.js';
-import { u as useOutsideClick } from './useOutsideClick-725542a2.js';
-import { u as useUser } from './useUser-a15426fc.js';
+import { u as useOutsideClick } from './useOutsideClick-388c62bd.js';
+import { u as useUser } from './useUser-bca8cf2d.js';
 import { u as useComponentTheme } from './useComponentTheme-d2f9e47f.js';
 import { c as classNames } from './classNames-4e12b00d.js';
 import { r as rgba } from './utils-d65cb4fb.js';
@@ -459,4 +459,4 @@ const Floating = forwardRef(({ children, backgroundColor, onClickOutside, placem
 });
 export { Floating as F };
-//# sourceMappingURL=Floating-f9bbd276.js.map
+//# sourceMappingURL=Floating-aebc0f85.js.map