@oracle/oraclejet-preact 19.0.0 → 19.0.1

package/es/Dropdown-3488ddd2.js

@@ -1,93 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx, Fragment } from 'preact/jsx-runtime';
-import { useRef, useCallback } from 'preact/hooks';
-import { F as Floating } from './Floating-eef4ae92.js';
-import { L as Layer } from './Layer-5bf232ee.js';
-import 'preact/compat';
-import './LayerHost-a54158ef.js';
-import { K as KEYS } from './keyboardUtils-986fe923.js';
-import { f as focusWithin } from './tabbableUtils-ce19b388.js';
-import { u as usePopupAnimation } from './usePopupAnimation-feb78098.js';
-import { g as getTransformOrigin } from './popupAnimationUtils-175151d9.js';
-import { C as CollectionInteractionContext } from './CollectionInteractionContext-7cf19abc.js';
-import { dropdownStyles } from './UNSAFE_Dropdown/themes/dropdownStyles.css.js';
-import { u as useOutsideMousedown } from './useOutsideMousedown-653b22ea.js';
-import { m as mergeAnimationStateObjects, D as DURATION_LARGE, b as SCALE_UP_FULL } from './animationUtils-5f409a6c.js';
-import { U as UNSAFE_DOM_ACCESS } from './unsafeDomAccess-453eb74e.js';
-
-const DEFAULT_PLACEMENT = 'bottom-start';
-const DEFAULT_OFFSET = { mainAxis: 4, crossAxis: 0 };
-const DEFAULT_SIZE_OPTIONS = { isMaxWidthAdjusted: true, isMaxHeightAdjusted: true };
-const DEFAULT_FLIP_OPTIONS = { mainAxis: true, crossAxis: true };
-const animationStates = {
-    opening: (node) => {
-        return mergeAnimationStateObjects([
-            SCALE_UP_FULL,
-            {
-                from: { transformOrigin: getTransformOrigin(node.placement, node.direction) },
-                to: { transformOrigin: getTransformOrigin(node.placement, node.direction) }
-            }
-        ], {
-            duration: DURATION_LARGE
-        });
-    }
-};
-//TODO: Add animation to dropdown. JET-62628
-//TODO: Investigate best approach to have different virtual padding depending on the position and implement it.JET-57950
-function Dropdown({ isOpen = false, anchorRef, children, id, onClose, minWidth, placement = DEFAULT_PLACEMENT, offset = DEFAULT_OFFSET, onPosition, flipOptions = DEFAULT_FLIP_OPTIONS, sizeOptions = DEFAULT_SIZE_OPTIONS, shiftOptions, initialFocus = 'none' }) {
-    const dropdownRef = useRef(null);
-    const onTransitionEnd = useCallback((isOpen) => {
-        if (isOpen && initialFocus === 'firstFocusable') {
-            const dropdownElement = dropdownRef.current;
-            if (dropdownElement) {
-                focusWithin(dropdownElement);
-            }
-        }
-    }, [initialFocus]);
-    const { status, setAnimationElementRef, onPosition: onPositionAnimated } = usePopupAnimation({
-        isOpen,
-        placement,
-        isAnimatedOnMount: true,
-        animationStates,
-        onPosition,
-        onTransitionEnd
-    });
-    const handleMousedownClose = useCallback((event) => {
-        onClose?.({ reason: 'outsideMousedown', target: event.target });
-    }, [onClose]);
-    const handleKeyDown = useCallback((event) => {
-        if (event.defaultPrevented) {
-            return;
-        }
-        switch (event.code) {
-            case KEYS.ESC:
-                onClose?.({ reason: 'dismissed' });
-                break;
-            case KEYS.TAB:
-                onClose?.({ reason: 'dismissed' });
-                break;
-        }
-    }, [onClose]);
-    // use the mousedown event to be consistent with legacy JET
-    useOutsideMousedown({
-        isDisabled: false,
-        ref: [dropdownRef],
-        handler: handleMousedownClose
-    });
-    return (jsx(Fragment, { children: status !== 'unmounted' ? (jsx(Layer, { logicalParentRef: toLogicalParentRef(anchorRef), children: jsx(Floating, { anchorRef: anchorRef, ref: setAnimationElementRef, placement: placement, flipOptions: flipOptions, shiftOptions: shiftOptions, sizeOptions: sizeOptions, offsetValue: offset, onPosition: onPositionAnimated, boundaryOptions: { padding: { top: 8, bottom: 8, left: 0, right: 0 } }, children: jsx("div", { ref: dropdownRef, id: id, class: dropdownStyles.base, style: { minWidth: `${minWidth || 0}px` }, onKeyDown: handleKeyDown, children: jsx(CollectionInteractionContext.Provider, { value: 'embedded', children: children }) }) }) })) : null }));
-}
-function toLogicalParentRef(anchorRef) {
-    const current = anchorRef.current;
-    if (current) {
-        if (current instanceof Element) {
-            return anchorRef;
-        }
-        else if (current[UNSAFE_DOM_ACCESS]) {
-            return anchorRef;
-        }
-    }
-    return null;
-}
-
-export { Dropdown as D };
-//# sourceMappingURL=Dropdown-3488ddd2.js.map

package/es/Dropdown-3488ddd2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Dropdown-3488ddd2.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 } 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';\nimport { CollectionInteractionContext } from '#hooks/UNSAFE_useCollectionInteractionContext';\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\nimport { UnsafeDomHandle, UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\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   * @default false\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   * @default 'none'\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 onTransitionEnd = useCallback(\n    (isOpen: boolean) => {\n      if (isOpen && initialFocus === 'firstFocusable') {\n        const dropdownElement = dropdownRef.current;\n        if (dropdownElement) {\n          focusWithin(dropdownElement);\n        }\n      }\n    },\n    [initialFocus]\n  );\n\n  const {\n    status,\n    setAnimationElementRef,\n    onPosition: onPositionAnimated\n  } = usePopupAnimation({\n    isOpen,\n    placement,\n    isAnimatedOnMount: true,\n    animationStates,\n    onPosition,\n    onTransitionEnd\n  });\n\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={toLogicalParentRef(anchorRef)}>\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              <CollectionInteractionContext.Provider value={'embedded'}>\n                {children}\n              </CollectionInteractionContext.Provider>\n            </div>\n          </Floating>\n        </Layer>\n      ) : null}\n    </>\n  );\n}\n\nfunction toLogicalParentRef(anchorRef: FloatingProps['anchorRef']) {\n  const current = anchorRef.current;\n\n  if (current) {\n    if (current instanceof Element) {\n      return anchorRef as RefObject<Element>;\n    } else if ((current as UnsafeDomHandle<Element>)[UNSAFE_DOM_ACCESS]) {\n      return anchorRef as RefObject<UnsafeDomHandle<Element>>;\n    }\n  }\n\n  return null;\n}\n"],"names":["_jsx","_Fragment"],"mappings":"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"}

package/es/EmbeddedIconButton-3734542e.js

@@ -1,11 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { B as BaseButton } from './BaseButton-c9db8d61.js';
-import { B as ButtonLabelLayout } from './ButtonLabelLayout-d449261a.js';
-
-const EmbeddedIconButton = ({ isDisabled = false, size = 'sm', onAction, 'aria-label': accessibleLabel, 'aria-describedby': ariaDescribedBy, 'aria-hidden': ariaHidden = false, ...props }) => {
-    return (jsx(BaseButton, { elementDetails: { type: 'span', isFocusable: false }, isDisabled: isDisabled, size: size, variant: 'ghost', styling: ['min'], onAction: onAction, "aria-describedby": ariaDescribedBy, "aria-hidden": ariaHidden, "aria-label": accessibleLabel, children: jsx(ButtonLabelLayout, { display: 'icons', startIcon: props.children, size: size }) }));
-};
-
-export { EmbeddedIconButton as E };
-//# sourceMappingURL=EmbeddedIconButton-3734542e.js.map

package/es/EmbeddedIconButton-3734542e.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmbeddedIconButton-3734542e.js","sources":["../../src/PRIVATE_EmbeddedIconButton/EmbeddedIconButton.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 { ComponentChild } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ButtonLabelLayout } from '../UNSAFE_ButtonLabelLayout';\n\ntype AriaProps =\n  | {\n      /**\n       * The ID of an element (or space separated IDs of multiple elements) that\n       * describes the button.\n       */\n      'aria-describedby'?: string;\n\n      /**\n       * Whether the button should be hidden from screen readers. When true, no aria-label is required.\n       */\n      'aria-hidden'?: false;\n\n      /**\n       * accessibleLabel - the aria label\n       */\n      'aria-label': string;\n    }\n  | {\n      'aria-describedby'?: string;\n\n      'aria-hidden': true;\n\n      'aria-label'?: string;\n    };\n\ntype BaseProps = {\n  /**\n   * Specifies the icon for the button.\n   */\n  children?: ComponentChild;\n\n  /**\n   * Specifies that the button element should be disabled.\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n   */\n  onAction?: () => void | null;\n\n  /**\n   * The size indicates how large the button is rendered. Note that only the ghost variant supports the xs size.\n   * @default 'sm'\n   */\n  size?: 'xs' | 'sm';\n};\n\ntype Props = BaseProps & AriaProps;\n\nexport const EmbeddedIconButton = ({\n  isDisabled = false,\n  size = 'sm',\n  onAction,\n  'aria-label': accessibleLabel,\n  'aria-describedby': ariaDescribedBy,\n  'aria-hidden': ariaHidden = false,\n  ...props\n}: Props) => {\n  return (\n    <BaseButton\n      elementDetails={{ type: 'span', isFocusable: false }}\n      isDisabled={isDisabled}\n      size={size}\n      variant={'ghost'}\n      styling={['min']}\n      onAction={onAction}\n      aria-describedby={ariaDescribedBy}\n      aria-hidden={ariaHidden}\n      aria-label={accessibleLabel}>\n      <ButtonLabelLayout\n        display={'icons'}\n        startIcon={props.children}\n        size={size}></ButtonLabelLayout>\n    </BaseButton>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;AA+DO,MAAM,kBAAkB,GAAG,CAAC,EACjC,UAAU,GAAG,KAAK,EAClB,IAAI,GAAG,IAAI,EACX,QAAQ,EACR,YAAY,EAAE,eAAe,EAC7B,kBAAkB,EAAE,eAAe,EACnC,aAAa,EAAE,UAAU,GAAG,KAAK,EACjC,GAAG,KAAK,EACF,KAAI;AACV,IAAA,QACEA,GAAA,CAAC,UAAU,EAAA,EACT,cAAc,EAAE,EAAE,IAAI,EAAE,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,EACpD,UAAU,EAAE,UAAU,EACtB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,CAAC,KAAK,CAAC,EAChB,QAAQ,EAAE,QAAQ,EACA,kBAAA,EAAA,eAAe,EACpB,aAAA,EAAA,UAAU,EACX,YAAA,EAAA,eAAe,EAC3B,QAAA,EAAAA,GAAA,CAAC,iBAAiB,EAChB,EAAA,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,KAAK,CAAC,QAAQ,EACzB,IAAI,EAAE,IAAI,EAAsB,CAAA,EAAA,CACvB,EACb;AACJ;;;;"}

package/es/EnvironmentProvider-8792b192.js

@@ -1,58 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { E as EnvironmentContext, D as DefaultEnvironment } from './LayerHost-a54158ef.js';
-import { useMemo, useContext } from 'preact/hooks';
-import { L as LayerManager } from './LayerManager-08585f39.js';
-
-// Custom merge function
-function mergeEnvironment(env1, env2) {
-    const userValue = Object.assign({}, env1.user, env2?.user);
-    const themeValue = Object.assign({}, env1.theme, env2?.theme);
-    // Merge translation values - one level merge
-    const targetTranslations = Object.assign({}, env1.translations);
-    const sourceTranslations = env2?.translations || {};
-    Object.keys(sourceTranslations).forEach((key) => {
-        let newVal = sourceTranslations[key];
-        if (targetTranslations[key]) {
-            // merge is needed
-            newVal = Object.assign({}, targetTranslations[key], newVal);
-        }
-        targetTranslations[key] = newVal;
-    });
-    return {
-        user: userValue,
-        theme: themeValue,
-        translations: targetTranslations,
-        colorScheme: env2?.colorScheme ?? env1.colorScheme,
-        scale: env2?.scale ?? env1.scale,
-        currentBgColor: env2?.currentBgColor ?? env1.currentBgColor,
-        mode: env2?.mode ?? env1.mode,
-        density: env2?.density ?? env1.density
-    };
-}
-/**
- * The RootEnvironmentProvider component bootstraps essential services and
- * must be placed at the root of any application using components from '@oracle/oraclejet-preact'.
- * Minimally, the application must load the appropriate translation bundle for the user's locale
- * and set it on the RootEnvironmentProvider.
- */
-function RootEnvironmentProvider({ children, environment }) {
-    const mergedEnvironment = useMemo(() => mergeEnvironment(DefaultEnvironment, environment), [environment]);
-    return (jsx(EnvironmentContext.Provider, { value: mergedEnvironment, children: jsx(LayerManager, { children: children }) }));
-}
-/**
- * The EnvironmentProvider is a component that should be used by the application when there is a need to overwrite
- * environment values for a subtree.
- * The component receives an Environment object that will be merged into the values provided by the nearest ancestor Provider.
- * The new environment will be passed to the component's children.
- * Note that some environment values cannot be overwritten. See the description of the Environment type for the list of values
- * that can be replaced.
- */
-function EnvironmentProvider({ children, environment }) {
-    const consumerEnv = useContext(EnvironmentContext);
-    const mergedEnvironment = useMemo(() => mergeEnvironment(consumerEnv, environment), [consumerEnv, environment]);
-    return (jsx(EnvironmentContext.Provider, { value: mergedEnvironment, children: children }));
-}
-
-export { EnvironmentProvider as E, RootEnvironmentProvider as R };
-//# sourceMappingURL=EnvironmentProvider-8792b192.js.map

package/es/EnvironmentProvider-8792b192.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EnvironmentProvider-8792b192.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/Expander-26f2b92c.js

@@ -1,27 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { E as EmbeddedIconButton } from './EmbeddedIconButton-3734542e.js';
-import { S as SvgChevronDown } from './ChevronDown-42f09951.js';
-import { S as SvgChevronRight } from './ChevronRight-e0152ded.js';
-import { c as classNames } from './classNames-4e12b00d.js';
-
-const ITEM_SELECTOR = 'oj-collection-expander';
-/**
- * The Expander component renders expand and collapse icons in collections.
- */
-function Expander({ itemKey, expanded, onToggle }) {
-    const classes = classNames([ITEM_SELECTOR]);
-    const actionHandler = () => {
-        onToggle({ value: itemKey });
-    };
-    return (jsx("span", { class: classes, children: jsx(EmbeddedIconButton, { "aria-label": expanded ? 'collapsible' : 'expandable', onAction: actionHandler, children: expanded ? jsx(SvgChevronDown, { size: "6x" }) : jsx(SvgChevronRight, { size: "6x" }) }) }));
-}
-const isExpander = (elem) => {
-    if (elem.parentElement && elem.parentElement.classList.contains(ITEM_SELECTOR)) {
-        return true;
-    }
-    return false;
-};
-
-export { Expander as E, ITEM_SELECTOR as I, isExpander as i };
-//# sourceMappingURL=Expander-26f2b92c.js.map

package/es/Expander-26f2b92c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Expander-26f2b92c.js","sources":["../../src/PRIVATE_Expander/Expander.tsx"],"sourcesContent":["import { EmbeddedIconButton } from '#PRIVATE_EmbeddedIconButton';\nimport { ChevronDown } from '#UNSAFE_RedwoodIcons/ChevronDown';\nimport { ChevronRight } from '#UNSAFE_RedwoodIcons/ChevronRight';\nimport { ToggleDetail } from '#UNSAFE_Collection';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { classNames } from '#utils/UNSAFE_classNames';\n\nexport const ITEM_SELECTOR = 'oj-collection-expander';\n\n/**\n * Props for the Expander component\n */\ntype Props<K> = TestIdProps & {\n  /**\n   * The key of the item\n   */\n  itemKey: K;\n  /**\n   * A boolean to indicate whether the expander is expander or collapsed\n   */\n  expanded: boolean;\n  /**\n   * Callback function to invoke when the user expands or collapses the expander.\n   */\n  onToggle: (detail: ToggleDetail<K>) => void;\n};\n\n/**\n * The Expander component renders expand and collapse icons in collections.\n */\nexport function Expander<K>({ itemKey, expanded, onToggle }: Props<K>) {\n  const classes = classNames([ITEM_SELECTOR]);\n\n  const actionHandler = () => {\n    onToggle({ value: itemKey });\n  };\n\n  return (\n    <span class={classes}>\n      <EmbeddedIconButton\n        aria-label={expanded ? 'collapsible' : 'expandable'}\n        onAction={actionHandler}>\n        {expanded ? <ChevronDown size=\"6x\" /> : <ChevronRight size=\"6x\" />}\n      </EmbeddedIconButton>\n    </span>\n  );\n}\n\nexport const isExpander = (elem: HTMLElement) => {\n  if (elem.parentElement && elem.parentElement.classList.contains(ITEM_SELECTOR)) {\n    return true;\n  }\n  return false;\n};\n"],"names":["_jsx","ChevronDown","ChevronRight"],"mappings":";;;;;;;AAOO,MAAM,aAAa,GAAG,yBAAyB;AAoBtD;;AAEG;AACG,SAAU,QAAQ,CAAI,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAY,EAAA;IACnE,MAAM,OAAO,GAAG,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC;IAE5C,MAAM,aAAa,GAAG,MAAK;AACzB,QAAA,QAAQ,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,CAAC,CAAC;AAC/B,KAAC,CAAC;IAEF,QACEA,cAAM,KAAK,EAAE,OAAO,EAClB,QAAA,EAAAA,GAAA,CAAC,kBAAkB,EACL,EAAA,YAAA,EAAA,QAAQ,GAAG,aAAa,GAAG,YAAY,EACnD,QAAQ,EAAE,aAAa,EAAA,QAAA,EACtB,QAAQ,GAAGA,GAAC,CAAAC,cAAW,IAAC,IAAI,EAAC,IAAI,EAAA,CAAG,GAAGD,GAAC,CAAAE,eAAY,IAAC,IAAI,EAAC,IAAI,EAAG,CAAA,EAAA,CAC/C,EAChB,CAAA,EACP;AACJ,CAAC;AAEY,MAAA,UAAU,GAAG,CAAC,IAAiB,KAAI;AAC9C,IAAA,IAAI,IAAI,CAAC,aAAa,IAAI,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,QAAQ,CAAC,aAAa,CAAC,EAAE;AAC9E,QAAA,OAAO,IAAI,CAAC;KACb;AACD,IAAA,OAAO,KAAK,CAAC;AACf;;;;"}

package/es/Flex-97b023db.js

@@ -1,30 +0,0 @@
-/* @oracle/oraclejet-preact: undefined */
-import { jsx } from 'preact/jsx-runtime';
-import { u as useTestId } from './useTestId-7f8e69e7.js';
-import { c as classNames } from './classNames-4e12b00d.js';
-import { b as boxAlignmentInterpolations } from './boxalignment-51b42a0f.js';
-import { d as dimensionInterpolations } from './dimensions-ddde0eee.js';
-import { f as flexboxInterpolations } from './flexbox-529f25da.js';
-import { f as flexitemInterpolations } from './flexitem-7b7f7920.js';
-import { m as mergeInterpolations } from './mergeInterpolations-30cd9a69.js';
-import './FlexStyles.styles.css';
-
-var baseStyles = 'FlexStyles_baseStyles__10p93f60';
-var marginZeroStyles = 'FlexStyles_marginZeroStyles__10p93f61';
-
-const interpolations = [
-    ...Object.values(dimensionInterpolations),
-    ...Object.values(flexboxInterpolations),
-    ...Object.values(flexitemInterpolations),
-    ...Object.values(boxAlignmentInterpolations)
-];
-const styleInterpolations = mergeInterpolations(interpolations);
-const Flex = ({ children, hasZeroMargins = true, testId, ...props }) => {
-    const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);
-    const { class: cls, ...styles } = styleInterpolations(props);
-    const testIdProps = useTestId(testId);
-    return (jsx("div", { class: `${flexComponentClasses} ${cls}`, style: styles, ...testIdProps, children: children }));
-};
-
-export { Flex as F };
-//# sourceMappingURL=Flex-97b023db.js.map

package/es/Flex-97b023db.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Flex-97b023db.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;;;;"}