@oracle/oraclejet-preact 14.1.10 → 14.1.11

package/es/UNSAFE_Collapsible.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx","../../src/UNSAFE_Collapsible/index.ts"],"sourcesContent":["import { ExpandIcon, CollapseIcon, CollapseUpIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n  isExpanded: boolean;\n  iconPosition?: 'start' | 'end';\n};\n\n/**\n * Header icon subcomponent\n */\nexport const CollapsibleHeaderIcon = ({ isExpanded, iconPosition }: IconProps) => {\n  const startIcon = iconPosition === 'start' && isExpanded ? ExpandIcon : CollapseIcon;\n  const endIcon = iconPosition === 'end' && isExpanded ? CollapseUpIcon : ExpandIcon;\n  const Icon = iconPosition === 'start' ? startIcon : endIcon;\n\n  return <Icon size=\"6x\" />;\n};\n","import { Fragment } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Divider } from '../UNSAFE_Divider';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { usePress } from '../hooks/UNSAFE_usePress';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'id' | 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n  id: string;\n  contentId: string;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  iconPosition?: 'start' | 'end';\n  variant?: 'basic' | 'horizontal-rule';\n  toggleHandler: (target: EventTarget | null) => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    cursor: 'pointer',\n    '&:focus-visible': {\n      outlineStyle: 'dotted',\n      outlineOffset: '1px',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n    }\n  }}`,\n  expanded: cssProps`${{\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`,\n  divider: cssProps`${{\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`\n};\n\nconst childrenStylesBase = {\n  base: cssProps`${{\n    flexGrow: 1,\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`,\n  iconStart: cssProps`${{\n    paddingInlineStart: '16px'\n  }}`,\n  iconEnd: cssProps`${{\n    paddingInlineEnd: '16px'\n  }}`\n};\n\n/**\n * Header subcomponent\n */\n\nexport const CollapsibleHeader = ({\n  children,\n  id,\n  contentId,\n  isDisabled,\n  isExpanded,\n  iconPosition,\n  variant = 'basic',\n  toggleHandler\n}: HeaderProps) => {\n  const classes = classNames([\n    styles.base,\n    variant === 'horizontal-rule' && styles.divider,\n    isExpanded && variant !== 'horizontal-rule' && styles.expanded,\n    isDisabled && styles.disabled\n  ]);\n\n  const childrenClasses = classNames([\n    childrenStylesBase.base,\n    iconPosition === 'end' && childrenStylesBase.iconEnd,\n    iconPosition === 'start' && childrenStylesBase.iconStart\n  ]);\n\n  const pressHandler = useCallback(\n    (event: Event) => {\n      toggleHandler(event.target);\n    },\n    [toggleHandler]\n  );\n\n  const { pressProps } = usePress(pressHandler, {\n    isDisabled,\n    isRepeat: false\n  });\n\n  const getHeader = () => (\n    <Fragment>\n      {iconPosition === 'end' && <div className={childrenClasses}>{children}</div>}\n      <CollapsibleHeaderIcon iconPosition={iconPosition} isExpanded={isExpanded} />\n      {iconPosition === 'start' && <div className={childrenClasses}>{children}</div>}\n    </Fragment>\n  );\n\n  return (\n    <>\n      <div\n        role={'button'}\n        aria-controls={contentId}\n        aria-expanded={isExpanded}\n        id={id}\n        tabIndex={0}\n        className={classes}\n        {...pressProps}>\n        <Flex align=\"center\" justify={iconPosition === 'start' ? 'start' : 'between'}>\n          {getHeader()}\n        </Flex>\n      </div>\n      {variant === 'horizontal-rule' && <Divider />}\n    </>\n  );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isExpanded: boolean;\n  onTransitionEnd: () => void;\n};\n\n/**\n * The 'collapsing' and 'expanding' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Collapsible content is completely removed\n * from the DOM. The 'unmounted' state is set either as an initial state or when collapsing\n * animation ends.\n */\ntype Status = 'collapsing' | 'expanding' | 'unmounted';\n\nconst styles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n  const [state, setState] = useState<Status>(isExpanded ? 'expanding' : 'unmounted');\n\n  /**\n   * 1. On initial render, Preact sets style.maxHeight field to 0 or 'none'.\n   * 2. During expanding animation, useAnimation hook uses WAAPI to animate the maxHeight out\n   *    to the expanded value.\n   * 3. On subsequent re-renders, Preact does never updates the style.maxHeight value\n   *    because even though we are telling Preact that maxHeight should be 0 or 'none', Preact\n   *    considers the maxHeight value is 0 or 'none' as it is not aware that we changed this value\n   *    in step 2. So from Preact's perspective there is no difference.\n   */\n  const contentInitialStyle = useRef<JSX.CSSProperties>({\n    overflowY: 'hidden',\n    maxHeight: isExpanded ? 'none' : '0'\n  });\n\n  useEffect(() => {\n    // Ignore state update on initial render\n    if (state === 'unmounted' && !isExpanded) {\n      return;\n    }\n    setState(isExpanded ? 'expanding' : 'collapsing');\n  }, [isExpanded, state]);\n\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(state, {\n    animationStates,\n    onAnimationEnd: ({ animationState }) => {\n      if (animationState === 'collapsing') {\n        setState('unmounted');\n      }\n      onTransitionEnd?.();\n    }\n  });\n\n  return (\n    <div\n      className={styles}\n      ref={nodeRef}\n      id={id}\n      tabIndex={-1}\n      style={contentInitialStyle.current}\n      aria-hidden={!isExpanded || undefined}>\n      {state !== 'unmounted' && children}\n    </div>\n  );\n};\n\n/**\n * The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n *    explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n *    We could check that based on node.style.maxHeight.\n *\n * The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n *    This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n */\nconst animationStates: UseAnimationConfig<Status, HTMLDivElement>['animationStates'] = {\n  expanding: (node) => ({\n    to: {\n      maxHeight: `${node.scrollHeight}px`\n    },\n    options: {\n      duration: 400\n    },\n    end: {\n      maxHeight: 'none'\n    }\n  }),\n  collapsing: (node) => ({\n    ...(node.style.maxHeight === 'none' && {\n      from: {\n        maxHeight: `${node.scrollHeight}px`\n      }\n    }),\n    to: {\n      maxHeight: '0'\n    },\n    options: {\n      duration: 400\n    }\n  })\n};\n","import { ComponentChildren } from 'preact';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype Props = {\n  /**\n   * Id of the component\n   */\n  id?: string;\n\n  /**\n   * Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * The content node to be collapsed\n   */\n  children?: ComponentChildren;\n\n  /**\n   * Disables the collapsible if set to true\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if the content is expanded\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Changes chevron icon placement at the end of the collapsible header\n   */\n  iconPosition?: 'start' | 'end';\n\n  /**\n   * Controls the header display which con include a divider below the collapsible header\n   */\n  variant?: 'basic' | 'horizontal-rule';\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggle?: (details: ToggleDetail) => void;\n\n  /**\n   * Property that triggers a callback after toggle animation is done\n   */\n  onTransitionEnd?: (details: TransitionEnd) => void;\n};\n\ntype ToggleDetail = TransitionEnd & {\n  target: EventTarget | null;\n};\n\ntype TransitionEnd = {\n  value: boolean;\n};\n\n/**\n * A collapsible displays a header that can be expanded to show its content.\n */\n\nexport const Collapsible = ({\n  id,\n  header,\n  children,\n  isDisabled = false,\n  isExpanded = false,\n  iconPosition = 'start',\n  variant = 'basic',\n  onToggle,\n  onTransitionEnd\n}: Props) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const uniqueID = useId();\n  const headerId = `oj-collapsible-header-${uniqueID}`;\n  const contentId = `oj-collapsible-content-${uniqueID}`;\n\n  /**\n   * Function handling toggle and invoking callback for collapsing/expanding\n   */\n  const toggleHandler = useCallback(\n    (target: EventTarget | null) => {\n      if (isDisabled) {\n        return;\n      }\n      onToggle?.({\n        value: !isExpanded,\n        target\n      });\n    },\n    [isDisabled, onToggle, isExpanded]\n  );\n\n  /**\n   * Function that is triggerd when animation ends\n   */\n  const transitionEndHandler = useCallback(() => {\n    onTransitionEnd?.({\n      value: isExpanded\n    });\n  }, [onTransitionEnd, isExpanded]);\n\n  return (\n    <div id={id} ref={rootRef}>\n      <CollapsibleHeader\n        id={headerId}\n        contentId={contentId}\n        toggleHandler={toggleHandler}\n        isDisabled={isDisabled}\n        isExpanded={isExpanded}\n        iconPosition={iconPosition}\n        variant={variant}>\n        {header}\n      </CollapsibleHeader>\n      <CollapsibleContent\n        id={contentId}\n        isExpanded={isExpanded}\n        onTransitionEnd={transitionEndHandler}>\n        {children}\n      </CollapsibleContent>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { Collapsible } from './Collapsible';\n"],"names":["ExpandIcon","CollapseUpIcon","_jsx","styles","childrenStylesBase","CollapsibleHeader","children","id","contentId","isDisabled","isExpanded","iconPosition","variant","toggleHandler","base","divider","expanded","iconEnd","iconStart","pressHandler","useCallback","event","target","pressProps","usePress","isRepeat","_jsxs","_Fragment","Object","assign","role","tabIndex","className","classes","Flex","align","justify","getHeader","Divider","CollapsibleContent","onTransitionEnd","state","setState","useState","overflowY","nodeRef","useAnimation","onAnimationEnd","animationState","ref","style","contentInitialStyle","current","undefined","animationStates","expanding","node","to","maxHeight","scrollHeight","options","duration","end","collapsing","from"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_Collapsible.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx","../../src/UNSAFE_Collapsible/index.ts"],"sourcesContent":["import { ExpandIcon, CollapseIcon, CollapseUpIcon } from '../UNSAFE_ThemedIcons';\n\ntype IconProps = {\n  isExpanded: boolean;\n  iconPosition?: 'start' | 'end';\n};\n\n/**\n * Header icon subcomponent\n */\nexport const CollapsibleHeaderIcon = ({ isExpanded, iconPosition }: IconProps) => {\n  const startIcon = iconPosition === 'start' && isExpanded ? ExpandIcon : CollapseIcon;\n  const endIcon = iconPosition === 'end' && isExpanded ? CollapseUpIcon : ExpandIcon;\n  const Icon = iconPosition === 'start' ? startIcon : endIcon;\n\n  return <Icon size=\"6x\" />;\n};\n","import { Fragment } from 'preact';\nimport { useCallback } from 'preact/hooks';\n\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { Flex } from '../UNSAFE_Flex';\nimport { Divider } from '../UNSAFE_Divider';\nimport { CollapsibleHeaderIcon } from './CollapsibleHeaderIcon';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { usePress } from '../hooks/UNSAFE_usePress';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'id' | 'children'>;\n\ntype HeaderProps = IntrinsicProps & {\n  id: string;\n  contentId: string;\n  isDisabled: boolean;\n  isExpanded: boolean;\n  iconPosition?: 'start' | 'end';\n  variant?: 'basic' | 'horizontal-rule';\n  toggleHandler: (target: EventTarget | null) => void;\n};\n\nconst styles = {\n  base: cssProps`${{\n    cursor: 'pointer',\n    '&:focus-visible': {\n      outlineStyle: 'dotted',\n      outlineOffset: '1px',\n      outlineWidth: '1px',\n      outlineColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-focus-border-color)'\n    }\n  }}`,\n  expanded: cssProps`${{\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-1x)'\n  }}`,\n  disabled: cssProps`${{\n    color: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-text-color-disabled)',\n    cursor: 'auto'\n  }}`,\n  divider: cssProps`${{\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-spacing-2x)'\n  }}`\n};\n\nconst childrenStylesBase = {\n  base: cssProps`${{\n    flexGrow: 1,\n    /* @ts-ignore */\n    '& > *': {\n      marginTop: '0 !important',\n      marginBottom: '0 !important',\n      marginLeft: '0 !important',\n      marginRight: '0 !important'\n    }\n  }}`,\n  iconStart: cssProps`${{\n    paddingInlineStart: '16px'\n  }}`,\n  iconEnd: cssProps`${{\n    paddingInlineEnd: '16px'\n  }}`\n};\n\n/**\n * Header subcomponent\n */\n\nexport const CollapsibleHeader = ({\n  children,\n  id,\n  contentId,\n  isDisabled,\n  isExpanded,\n  iconPosition,\n  variant = 'basic',\n  toggleHandler\n}: HeaderProps) => {\n  const classes = classNames([\n    styles.base,\n    variant === 'horizontal-rule' && styles.divider,\n    isExpanded && variant !== 'horizontal-rule' && styles.expanded,\n    isDisabled && styles.disabled\n  ]);\n\n  const childrenClasses = classNames([\n    childrenStylesBase.base,\n    iconPosition === 'end' && childrenStylesBase.iconEnd,\n    iconPosition === 'start' && childrenStylesBase.iconStart\n  ]);\n\n  const pressHandler = useCallback(\n    (event: Event) => {\n      toggleHandler(event.target);\n    },\n    [toggleHandler]\n  );\n\n  const { pressProps } = usePress(pressHandler, {\n    isDisabled,\n    isRepeat: false\n  });\n\n  const getHeader = () => (\n    <Fragment>\n      {iconPosition === 'end' && <div className={childrenClasses}>{children}</div>}\n      <CollapsibleHeaderIcon iconPosition={iconPosition} isExpanded={isExpanded} />\n      {iconPosition === 'start' && <div className={childrenClasses}>{children}</div>}\n    </Fragment>\n  );\n\n  return (\n    <>\n      <div\n        role={'button'}\n        aria-controls={contentId}\n        aria-expanded={isExpanded}\n        id={id}\n        tabIndex={0}\n        className={classes}\n        {...pressProps}>\n        <Flex align=\"center\" justify={iconPosition === 'start' ? 'start' : 'between'}>\n          {getHeader()}\n        </Flex>\n      </div>\n      {variant === 'horizontal-rule' && <Divider />}\n    </>\n  );\n};\n","import { JSX } from 'preact';\nimport { useState, useEffect, useRef } from 'preact/hooks';\nimport { useAnimation, UseAnimationConfig } from '../hooks/UNSAFE_useAnimation';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype ContentProps = IntrinsicProps & {\n  id: string;\n  isExpanded: boolean;\n  onTransitionEnd: () => void;\n};\n\n/**\n * The 'collapsing' and 'expanding' states are related to the animation. The 'unmounted' state\n * is used for conditional rendering. In this state, the Collapsible content is completely removed\n * from the DOM. The 'unmounted' state is set either as an initial state or when collapsing\n * animation ends.\n */\ntype Status = 'collapsing' | 'expanding' | 'unmounted';\n\nconst styles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n  const [state, setState] = useState<Status>(isExpanded ? 'expanding' : 'unmounted');\n\n  /**\n   * 1. On initial render, Preact sets style.maxHeight field to 0 or 'none'.\n   * 2. During expanding animation, useAnimation hook uses WAAPI to animate the maxHeight out\n   *    to the expanded value.\n   * 3. On subsequent re-renders, Preact does never updates the style.maxHeight value\n   *    because even though we are telling Preact that maxHeight should be 0 or 'none', Preact\n   *    considers the maxHeight value is 0 or 'none' as it is not aware that we changed this value\n   *    in step 2. So from Preact's perspective there is no difference.\n   */\n  const contentInitialStyle = useRef<JSX.CSSProperties>({\n    overflowY: 'hidden',\n    maxHeight: isExpanded ? 'none' : '0'\n  });\n\n  useEffect(() => {\n    // Ignore state update on initial render\n    if (state === 'unmounted' && !isExpanded) {\n      return;\n    }\n    setState(isExpanded ? 'expanding' : 'collapsing');\n  }, [isExpanded, state]);\n\n  const { nodeRef } = useAnimation<Status, HTMLDivElement>(state, {\n    animationStates,\n    onAnimationEnd: ({ animationState }) => {\n      if (animationState === 'collapsing') {\n        setState('unmounted');\n      }\n      onTransitionEnd?.();\n    }\n  });\n\n  return (\n    <div\n      className={styles}\n      ref={nodeRef}\n      id={id}\n      tabIndex={-1}\n      style={contentInitialStyle.current}\n      aria-hidden={!isExpanded || undefined}>\n      {state !== 'unmounted' && children}\n    </div>\n  );\n};\n\n/**\n * The transition from collapsed to expanded works as follows:\n * 1. When the component is initially rendered in the collapsed state, we\n *    explicitly set maxHeight and overflowY from \"to\" configuration.\n * 2. When the expanded prop changes from false to true, we first mount the content children.\n * 3. Once this is mounted we trigger an animation updating animationState value of useAnimationHook.\n * 4. Configuration is represented inside hook. Passed config depends if previous animation was completed or not.\n *    We could check that based on node.style.maxHeight.\n *\n * The transition from expanded to collapsed is similar:\n * 1. We trigger an animation updating animationState value of useAnimationHook.\n * 2. Once animation is completed, with the help of end config,we set max-Height as 'none'.\n *    This will allow us to keep adding content.\n * 3. Once this is done, onAnimationEnd is called(as 'from collapsed to expanded\"). Here, content children are unmouunted.\n */\nconst animationStates: UseAnimationConfig<Status, HTMLDivElement>['animationStates'] = {\n  expanding: (node) => ({\n    to: {\n      maxHeight: `${node.scrollHeight}px`\n    },\n    options: {\n      duration: 400\n    },\n    end: {\n      maxHeight: 'none'\n    }\n  }),\n  collapsing: (node) => ({\n    ...(node.style.maxHeight === 'none' && {\n      from: {\n        maxHeight: `${node.scrollHeight}px`\n      }\n    }),\n    to: {\n      maxHeight: '0'\n    },\n    options: {\n      duration: 400\n    }\n  })\n};\n","import { ComponentChildren } from 'preact';\nimport { useRef, useCallback } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype Props = {\n  /**\n   * Id of the component\n   */\n  id?: string;\n\n  /**\n   * Collapsible's header. If not specified, the header contains only an open/close icon. Note that the header text is required for JET collapsible for accessibility purposes.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * The content node to be collapsed\n   */\n  children?: ComponentChildren;\n\n  /**\n   * Disables the collapsible if set to true\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Specifies if the content is expanded\n   */\n  isExpanded?: boolean;\n\n  /**\n   * Changes chevron icon placement at the end of the collapsible header\n   */\n  iconPosition?: 'start' | 'end';\n\n  /**\n   * Controls the header display which con include a divider below the collapsible header\n   */\n  variant?: 'basic' | 'horizontal-rule';\n\n  /**\n   * Property that triggers a callback immediately when toggle happens and value of expanded property should be updated\n   */\n  onToggle?: (details: ToggleDetail) => void;\n\n  /**\n   * Property that triggers a callback after toggle animation is done\n   */\n  onTransitionEnd?: (details: TransitionEnd) => void;\n};\n\ntype ToggleDetail = TransitionEnd & {\n  target: EventTarget | null;\n};\n\ntype TransitionEnd = {\n  value: boolean;\n};\n\n/**\n * A collapsible displays a header that can be expanded to show its content.\n */\n\nexport const Collapsible = ({\n  id,\n  header,\n  children,\n  isDisabled = false,\n  isExpanded = false,\n  iconPosition = 'start',\n  variant = 'basic',\n  onToggle,\n  onTransitionEnd\n}: Props) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const uniqueID = useId();\n  const headerId = `oj-collapsible-header-${uniqueID}`;\n  const contentId = `oj-collapsible-content-${uniqueID}`;\n\n  /**\n   * Function handling toggle and invoking callback for collapsing/expanding\n   */\n  const toggleHandler = useCallback(\n    (target: EventTarget | null) => {\n      if (isDisabled) {\n        return;\n      }\n      onToggle?.({\n        value: !isExpanded,\n        target\n      });\n    },\n    [isDisabled, onToggle, isExpanded]\n  );\n\n  /**\n   * Function that is triggerd when animation ends\n   */\n  const transitionEndHandler = useCallback(() => {\n    onTransitionEnd?.({\n      value: isExpanded\n    });\n  }, [onTransitionEnd, isExpanded]);\n\n  return (\n    <div id={id} ref={rootRef}>\n      <CollapsibleHeader\n        id={headerId}\n        contentId={contentId}\n        toggleHandler={toggleHandler}\n        isDisabled={isDisabled}\n        isExpanded={isExpanded}\n        iconPosition={iconPosition}\n        variant={variant}>\n        {header}\n      </CollapsibleHeader>\n      <CollapsibleContent\n        id={contentId}\n        isExpanded={isExpanded}\n        onTransitionEnd={transitionEndHandler}>\n        {children}\n      </CollapsibleContent>\n    </div>\n  );\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nexport { Collapsible } from './Collapsible';\n"],"names":["ExpandIcon","CollapseUpIcon","_jsx","styles","childrenStylesBase","CollapsibleHeader","children","id","contentId","isDisabled","isExpanded","iconPosition","variant","toggleHandler","base","divider","expanded","iconEnd","iconStart","pressHandler","useCallback","event","target","pressProps","usePress","isRepeat","_jsxs","_Fragment","Object","assign","role","tabIndex","className","classes","Flex","align","justify","getHeader","Divider","CollapsibleContent","onTransitionEnd","state","setState","useState","overflowY","nodeRef","useAnimation","onAnimationEnd","animationState","ref","style","contentInitialStyle","current","undefined","animationStates","expanding","node","to","maxHeight","scrollHeight","options","duration","end","collapsing","from"],"mappings":"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"}

package/es/UNSAFE_Collection.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.10 */
+/* @oracle/oraclejet-preact: 14.1.11 */
 /**
  * @license
  * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.

package/es/UNSAFE_ComponentMessage.css

@@ -1,3 +1,3 @@
-.j159e1{box-sizing:border-box;display:flex;flex-wrap:wrap;}
+._142negf{box-sizing:border-box;display:flex;flex-wrap:wrap;}
 
-._1h5opew{overflow-x:hidden;overflow-y:hidden;}
+.ie1tyz{overflow-x:hidden;overflow-y:hidden;}

package/es/UNSAFE_ComponentMessage.js

@@ -1,4 +1,4 @@
-/* @oracle/oraclejet-preact: 14.1.10 */
+/* @oracle/oraclejet-preact: 14.1.11 */
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import "./UNSAFE_ComponentMessage.css";
 import { useTranslationBundle } from './hooks/UNSAFE_useTranslationBundle.js';
@@ -11,17 +11,17 @@ import 'preact';
 import './UNSAFE_Layer.js';
 import 'preact/compat';
 import './UNSAFE_Flex.js';
-import './tslib.es6-c66fc3f0.js';
+import './tslib.es6-df31130b.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
-import './_curry1-4002d580.js';
+import './_curry1-838522fe.js';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry3-a3409375.js';
-import './_curry2-ad597af0.js';
-import './_has-19e9364e.js';
+import './_curry3-cc5134f9.js';
+import './_curry2-60b9ceaa.js';
+import './_has-88fdf057.js';
 import './utils/UNSAFE_interpolations/boxalignment.js';
-import './keys-c87b7c09.js';
+import './keys-a9432abc.js';
 import './utils/UNSAFE_interpolations/flexbox.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
 import './utils/PRIVATE_timer.js';
@@ -40,7 +40,7 @@ import './UNSAFE_Icon.js';
 import './hooks/UNSAFE_useTooltip.js';
 import './hooks/UNSAFE_useId.js';
 import './UNSAFE_Floating.js';
-import './index-3daa5ed2.js';
+import './index-e3b0e042.js';
 import './hooks/UNSAFE_useUser.js';
 import './utils/PRIVATE_floatingUtils.js';
 import './utils/PRIVATE_refUtils.js';
@@ -56,7 +56,7 @@ import './utils/UNSAFE_soundUtils.js';
 import './PRIVATE_TransitionGroup.js';
 import './hooks/UNSAFE_useMessagesContext.js';
 
-const baseStyles = "j159e1";
+const baseStyles = "_142negf";
 /**
  * The component that renders an individual message for inline component messaging.
  */
@@ -92,7 +92,7 @@ function ComponentMessage({
   }));
 }
 
-const rootStyles = "_1h5opew";
+const rootStyles = "ie1tyz";
 /**
  * Converts the messages data into Item
  *

package/es/UNSAFE_ComponentMessage.js.map

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

package/es/UNSAFE_Divider.css

@@ -1 +1 @@
-.w7i7qj{display:block;width:100%;height:0;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-style:solid;border-width:1px 0 0 0;font-size:0;line-height:0;}
+.otpsn6{display:block;width:100%;height:0;border-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-divider-color);border-style:solid;border-width:1px 0 0 0;font-size:0;line-height:0;}

package/es/UNSAFE_Divider.js

@@ -1,16 +1,16 @@
-/* @oracle/oraclejet-preact: 14.1.10 */
+/* @oracle/oraclejet-preact: 14.1.11 */
 import { jsx } from 'preact/jsx-runtime';
 import "./UNSAFE_Divider.css";
 import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
 import './utils/UNSAFE_classNames.js';
-import './_curry1-4002d580.js';
-import './_curry3-a3409375.js';
-import './_curry2-ad597af0.js';
-import './_has-19e9364e.js';
+import './_curry1-838522fe.js';
+import './_curry3-cc5134f9.js';
+import './_curry2-60b9ceaa.js';
+import './_has-88fdf057.js';
 
 const styles = {
   orientation: {
-    horizontal: "w7i7qj"
+    horizontal: "otpsn6"
   }
 };
 const interpolations = [({

package/es/UNSAFE_EmptyList.js

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

package/es/UNSAFE_Environment.js

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

package/es/UNSAFE_FilePicker.css

@@ -1,6 +1,6 @@
-._1h1eppv{display:block;height:100%;width:100%;}
-._17nzt8{max-width:400px;}
-.l804ft{justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-radius);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);height:100%;border-style:dashed;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-width);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-color);}.l804ft:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);}
-.nz9f6b:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}
-@media(hover:hover){._1124a0z:hover:enabled:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}}
-._10vj50z > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+.jdm30y{display:block;height:100%;width:100%;}
+._11rf0dk{max-width:400px;}
+._1hkdfi1{justify-content:space-between;align-items:center;box-sizing:border-box;border-radius:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-radius);padding-top:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-right:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-left:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);padding-bottom:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding);height:100%;border-style:dashed;border-width:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-width);background-color:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-bg-color);border-color:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-color);}._1hkdfi1:active{background-color:var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active);}
+._1zim6b:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}
+@media(hover:hover){.xfboh3:hover:enabled:not(:active){cursor:var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor);}}
+.vj739p > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/es/UNSAFE_FilePicker.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.1.10 */
-import { _ as __rest } from './tslib.es6-c66fc3f0.js';
+/* @oracle/oraclejet-preact: 14.1.11 */
+import { _ as __rest } from './tslib.es6-df31130b.js';
 import { jsx } from 'preact/jsx-runtime';
 import { mergeProps } from './utils/UNSAFE_mergeProps.js';
 import { classNames } from './utils/UNSAFE_classNames.js';
@@ -20,14 +20,14 @@ import 'preact';
 import './UNSAFE_Layer.js';
 import 'preact/compat';
 import './utils/UNSAFE_mergeInterpolations.js';
-import './_curry1-4002d580.js';
-import './_curry3-a3409375.js';
-import './_curry2-ad597af0.js';
-import './_has-19e9364e.js';
+import './_curry1-838522fe.js';
+import './_curry3-cc5134f9.js';
+import './_curry2-60b9ceaa.js';
+import './_has-88fdf057.js';
 import './utils/UNSAFE_interpolations/dimensions.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_interpolations/flexitem.js';
-import './keys-c87b7c09.js';
+import './keys-a9432abc.js';
 import './hooks/UNSAFE_useToggle.js';
 
 /**
@@ -588,13 +588,13 @@ const useSetupTestRef = (dragAndDropProps, validation, testHandlersRef) => {
 };
 
 const styles = {
-  base: "_1h1eppv",
-  maxWidth: "_17nzt8",
-  inner: "l804ft",
-  hover: "nz9f6b",
-  pseudohover: "_1124a0z"
+  base: "jdm30y",
+  maxWidth: "_11rf0dk",
+  inner: "_1hkdfi1",
+  hover: "_1zim6b",
+  pseudohover: "xfboh3"
 };
-const childrenStyles = "_10vj50z";
+const childrenStyles = "vj739p";
 
 export { FilePicker };
 /*  */

package/es/UNSAFE_FilePicker.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_FilePicker.js","sources":["../../src/UNSAFE_FilePicker/FilePickerUtils.tsx","../../src/UNSAFE_FilePicker/postValidationUtils.tsx","../../src/UNSAFE_FilePicker/useFilePickerElement.tsx","../../src/UNSAFE_FilePicker/FilePicker.tsx"],"sourcesContent":["import { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { Text } from '../UNSAFE_Text';\nimport { Spacer } from '../UNSAFE_Spacer';\nimport { sizeToCSS } from '../utils/UNSAFE_size';\nimport { trim } from '../utils/UNSAFE_stringUtils';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { FilePicker } from './FilePicker';\n\nimport { JSX, ComponentProps } from 'preact';\n\ntype FilePickerProps = ComponentProps<typeof FilePicker>;\n\n/**\n * Gets the default content of the file picker\n */\nexport const getDefaultTriggerContent = (\n  isDisabled: FilePickerProps['isDisabled'],\n  primaryText: FilePickerProps['primaryText'],\n  secondaryText: FilePickerProps['secondaryText'],\n  translations: BundleType,\n  selectionMode: FilePickerProps['selectionMode']\n) => {\n  return [\n    <Text variant={isDisabled ? 'disabled' : 'primary'} weight=\"bold\" size=\"xl\">\n      {getPrimaryText(primaryText, translations)}\n    </Text>,\n    <Spacer height=\"1.5x\"></Spacer>,\n    <Text variant={isDisabled ? 'disabled' : 'secondary'} size=\"sm\">\n      {getSecondaryText(secondaryText, translations, selectionMode)}\n    </Text>\n  ];\n};\n\n/**\n * Returns the aria label\n */\ntype AriaLabelProps = {\n  accessibleLabel: FilePickerProps['accessibleLabel'];\n  isDisabled: FilePickerProps['isDisabled'];\n  translations: BundleType;\n  primaryText?: FilePickerProps['primaryText'];\n  secondaryText?: FilePickerProps['secondaryText'];\n  selectionMode?: FilePickerProps['selectionMode'];\n};\nexport const getAriaLabel = ({\n  accessibleLabel,\n  isDisabled,\n  translations,\n  primaryText,\n  secondaryText,\n  selectionMode\n}: AriaLabelProps) => {\n  return accessibleLabel\n    ? accessibleLabel\n    : `${isDisabled ? '' : translations.filePicker_addFiles() + '. '}${getPrimaryText(\n        primaryText,\n        translations\n      )}. ${getSecondaryText(secondaryText, translations, selectionMode)}`;\n};\n\n/**\n * Returns the styles of the file picker\n */\nexport const getStyles = (width: FilePickerProps['width'], height: FilePickerProps['height']) => {\n  const dimStyles: JSX.CSSProperties = {\n    width: width ? sizeToCSS(width) : undefined,\n    height: height ? sizeToCSS(height) : undefined\n  };\n  return dimStyles;\n};\n\n/**\n * Returns the primary text\n */\nconst getPrimaryText = (primaryText: FilePickerProps['primaryText'], translations: BundleType) => {\n  return primaryText ? primaryText : translations.filePicker_dropzonePrimaryText();\n};\n\n/**\n * Returns the secondary text text\n */\nconst getSecondaryText = (\n  secondaryText: FilePickerProps['secondaryText'],\n  translations: BundleType,\n  selectionMode: FilePickerProps['selectionMode']\n) => {\n  const defaultSecondaryText =\n    selectionMode === 'multiple'\n      ? translations.filePicker_dropzoneSecondaryTextMultiple()\n      : translations.filePicker_dropzoneSecondaryText();\n  return secondaryText ? secondaryText : defaultSecondaryText;\n};\n\n/**\n * Takes in a list of files and returns a list of accepted files and\n * a list of rejected files based on file type\n */\nexport const validateTypes = (\n  files: FileList,\n  accept: FilePickerProps['accept'],\n  translations: BundleType\n) => {\n  const accepted = [];\n  const rejected = [];\n  let file: File;\n  let type: string;\n  if (files) {\n    for (let i = 0; i < files.length; i++) {\n      file = files[i];\n      const name = file.name;\n      type = translations.filePicker_unknownFileTypeUploadError();\n      if (name) {\n        const nameSplit = name.split('.');\n        type = nameSplit.length > 1 ? '.' + nameSplit.pop() : type;\n      }\n      type = file.type ? file.type : type;\n      // If type isn't already in one of the lists, add it\n      if (accepted.indexOf(type) === -1 && rejected.indexOf(type) === -1) {\n        if (_acceptFile(file, accept)) {\n          accepted.push(type);\n        } else {\n          rejected.push(type);\n        }\n      }\n    }\n  }\n  return { accepted, rejected };\n};\n\n/**\n * Creates a file list\n */\nexport const createFileList = (origList: FileList | DataTransferItemList) => {\n  const descriptor: Record<string | number, PropertyDescriptor> = {\n    length: { value: origList.length },\n    item: {\n      value(index: number): File {\n        return (this as unknown as FileList)[index];\n      }\n    }\n  };\n  for (let i = 0; i < origList.length; i++) {\n    descriptor[i] = { value: origList[i], enumerable: true };\n  }\n\n  return Object.create(FileList.prototype, descriptor);\n};\n\n/**\n * Returns false if selected multiple files when in single file selection mode\n */\nexport const validateSelectionMode = (\n  files: FileList,\n  selectionMode: FilePickerProps['selectionMode']\n) => {\n  return selectionMode !== 'single' || files.length === 1;\n};\n\n/**\n * Returns the correct message if mime type validation has failed\n */\nexport const getMimeTypeValidationMessages = (\n  rejected: Array<string>,\n  translations: BundleType\n): ComponentMessageItem[] => {\n  const messages: ComponentMessageItem[] = [];\n  if (rejected.length === 1) {\n    messages.push({\n      severity: 'error',\n      summary: translations.filePicker_singleTypeUploadError({\n        fileType: rejected[0]\n      })\n    });\n  } else {\n    messages.push({\n      severity: 'error',\n      summary: translations.filePicker_multipleFileTypeUploadError({\n        fileTypes: rejected.join(translations.plural_separator())\n      })\n    });\n  }\n  return messages;\n};\n\n/**\n * Returns true if file passes mimetype validation\n */\nconst _acceptFile = (file: File, accept: FilePickerProps['accept']) => {\n  const acceptProp = accept;\n  if (!acceptProp || acceptProp.length === 0 || !file) {\n    return true;\n  }\n\n  let fileAccept;\n  for (let i = 0; i < acceptProp.length; i++) {\n    fileAccept = trim(acceptProp[i]) as string;\n    if (!fileAccept) {\n      return true;\n    } else if (fileAccept.startsWith('.', 0)) {\n      // when dragover, only MIME type is available, file name is undefined\n      // to lowerCase is to make the string comparison case insensitive\n      if (!file.name || (file.name && file.name.toLowerCase().endsWith(fileAccept.toLowerCase()))) {\n        return true;\n      }\n    } else if (!file.type) {\n      return false;\n    } else if (fileAccept === 'image/*') {\n      if (file.type.startsWith('image/', 0)) {\n        return true;\n      }\n    } else if (fileAccept === 'video/*') {\n      if (file.type.startsWith('video/', 0)) {\n        return true;\n      }\n    } else if (fileAccept === 'audio/*') {\n      if (file.type.startsWith('audio/', 0)) {\n        return true;\n      }\n    } else if (file.type === fileAccept) {\n      return true;\n    }\n  }\n  return false;\n};\n","import { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\n\nimport { createFileList } from './FilePickerUtils';\nimport { RejectDetail, CommitDetail } from './FilePicker';\n\n/**\n * Calls the onReject callback when invalid files are selected.\n * For invalid dragged files, this function will return a promise resolver that\n * should be called when the invalid files are no longer dragged over the filepicker.\n */\nexport const fireRejectAction = (\n  messages: ComponentMessageItem[],\n  isDrag: boolean,\n  onReject?: (detail: RejectDetail) => void\n) => {\n  let resolver;\n  const dragPromise = isDrag\n    ? new Promise<void>((resolve) => {\n        resolver = resolve;\n      })\n    : null;\n\n  onReject?.({\n    messages,\n    until: dragPromise\n  });\n  return resolver;\n};\n\n/**\n * Calls the onCommit callback when all files are valid.\n */\nexport const handleFilesAdded = (files: FileList, onCommit?: (detail: CommitDetail) => void) => {\n  // Bug 28503874 - filepicker: filelist cleared after the handler returns\n  // Note: the parameter \"files\" is a direct reference to the embedded Input element's property\n  // which could be reset or changed.\n  // we need to return a copy of FileList just in case apps hold on to a reference to FileList\n  const list = createFileList(files);\n  onCommit?.({\n    files: list\n  });\n};\n","import { pickFiles } from '../utils/UNSAFE_filePickerUtils';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { FilePicker, CommitDetail, RejectDetail } from './FilePicker';\nimport {\n  validateTypes,\n  getMimeTypeValidationMessages,\n  createFileList,\n  validateSelectionMode\n} from './FilePickerUtils';\nimport { fireRejectAction, handleFilesAdded } from './postValidationUtils';\n\nimport { ComponentProps } from 'preact';\nimport { useRef, Ref, StateUpdater } from 'preact/hooks';\n\ntype FilePickerProps = ComponentProps<typeof FilePicker>;\n\ntype FilePickerElementProps = FilePickerProps & {\n  translations: BundleType;\n};\n\n/**\n * The file picker helper method for non-disabled filepickers.\n */\nexport const useFilepickerElementHelper = (\n  props: FilePickerElementProps,\n  rootRef: Ref<HTMLDivElement>,\n  setValidity?: StateUpdater<'NA' | 'valid' | 'invalid'>\n) => {\n  const { callback, validation } = clickCallbackUtils(props);\n  const { pressProps } = usePress(callback);\n\n  const dragAndDropProps = useDragAndDropEvents(\n    props.accept,\n    props.selectionMode,\n    fireRejectAction,\n    handleFilesAdded,\n    rootRef,\n    props.translations,\n    props.onCommit,\n    props.onReject,\n    setValidity\n  );\n  const { hoverProps, isHover } = useHover({ isDisabled: false });\n  return {\n    validation,\n    dragAndDropProps,\n    pressProps,\n    isHover,\n    hoverProps\n  };\n};\n\ntype ClickProps = {\n  accept?: FilePickerProps['accept'];\n  capture?: FilePickerProps['capture'];\n  selectionMode?: FilePickerProps['selectionMode'];\n  onCommit?: FilePickerProps['onCommit'];\n  onReject?: FilePickerProps['onReject'];\n  translations: BundleType;\n};\n\nconst clickCallbackUtils = (props: ClickProps) => {\n  /**\n   * Callback function when the filepicker is clicked.\n   */\n  const handleSelectingFiles = (event: Event) => {\n    // Bug 27775173 - within firefox browser cannot tab past filepicker without file selector\n    // window opening\n    // only launching the file picker if click or 'Enter' was pressed\n    if (\n      event.type === 'click' ||\n      (event.type === 'keyup' && (event as KeyboardEvent).code === 'Enter')\n    ) {\n      // Bug 26907138 - form submit event is triggered when the file upload button is clicked\n      event.preventDefault();\n\n      pickFiles(_handleClickValidation, {\n        accept: props.accept,\n        selectionMode: props.selectionMode ?? 'multiple',\n        capture: props.capture ?? 'none'\n      });\n    }\n  };\n\n  /**\n   * Handles file validation from selecting files through the file dialog\n   */\n  const _handleClickValidation = (files: FileList) => {\n    if (files.length > 0) {\n      const rejected = validateTypes(files, props.accept, props.translations).rejected;\n      if (rejected.length > 0) {\n        fireRejectAction(\n          getMimeTypeValidationMessages(rejected, props.translations),\n          false,\n          props.onReject\n        );\n      } else {\n        handleFilesAdded(files, props.onCommit);\n      }\n    }\n  };\n  return {\n    callback: handleSelectingFiles,\n    validation: _handleClickValidation\n  };\n};\n\nconst useDragAndDropEvents = (\n  accept: FilePickerProps['accept'],\n  selectionMode: FilePickerProps['selectionMode'],\n  fireRejectAction: (\n    messages: ComponentMessageItem[],\n    isDrag: boolean,\n    onReject?: (detail: RejectDetail) => void\n  ) => any,\n  handleFilesAdded: (files: FileList, onCommit?: (detail: CommitDetail) => void) => void,\n  rootRef: Ref<HTMLDivElement>,\n  translations: BundleType,\n  onCommit?: (detail: CommitDetail) => void,\n  onReject?: (detail: RejectDetail) => void,\n  // setValidity not set for custom filepicker\n  setValidity?: StateUpdater<'NA' | 'valid' | 'invalid'>\n) => {\n  const inDropZone = useRef<boolean>(false);\n  const isDroppable = useRef<boolean>(false);\n  const dragPromiseResolver = useRef<() => void>();\n\n  /**\n   * Drag Enter handler called when a dragged file enter the filepicker dropzone\n   */\n  const _handleDragEnter = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  /**\n   * Drag over handler called when a file is dragged over the filepicker\n   */\n  const _handleDragOver = (event: DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (inDropZone.current) {\n      return;\n    }\n\n    const browser = getClientHints().browser;\n    inDropZone.current = true;\n    isDroppable.current = true;\n    // Safari doesn't provide the data for the files on drag over so validation cannot be done until drop\n    if (browser !== 'safari') {\n      if (!event.dataTransfer) {\n        return;\n      }\n      const files = createFileList(event.dataTransfer.items);\n      let messages = [] as ComponentMessageItem[];\n      const selectionModeValid = validateSelectionMode(files, selectionMode);\n      const droppable = validateTypes(files, accept, translations);\n      if (selectionModeValid && droppable.rejected.length === 0) {\n        // validation passes\n        setValidity?.('valid');\n      } else {\n        isDroppable.current = false;\n        if (selectionModeValid) {\n          // mimetype Validation fails\n          messages = getMimeTypeValidationMessages(droppable.rejected, translations);\n        } else {\n          // selected multiple files in single selection mode\n          messages.push({\n            severity: 'error',\n            summary: translations.filePicker_singleFileUploadError()\n          });\n        }\n        setValidity?.('invalid');\n        dragPromiseResolver.current = fireRejectAction(messages, true, onReject);\n      }\n    } else {\n      setValidity?.('valid');\n    }\n  };\n\n  /**\n   * Drag leave handler is called when the dragged file leaves the filepicker dropzone\n   */\n  const _handleDragLeave = (event: DragEvent, mimeTypeDropFail = false) => {\n    if (!inDropZone.current) {\n      return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n    if (!rootRef.current?.contains(event.relatedTarget as Node)) {\n      inDropZone.current = false;\n      setValidity?.('NA');\n      // There's only a promise if validation failed on dragover\n      if (!isDroppable.current && !mimeTypeDropFail) {\n        dragPromiseResolver.current?.();\n      }\n    }\n  };\n\n  /**\n   * Drop file handler is called when a file is dropped on the filepicker dropzone\n   */\n  const _handleFileDrop = (event: DragEvent) => {\n    if (inDropZone.current) {\n      event.preventDefault();\n      event.stopPropagation();\n      if (!event.dataTransfer) {\n        inDropZone.current = false;\n        return;\n      }\n      const files = createFileList(event.dataTransfer.files);\n      let mimeTypeDropFail = false;\n      if (isDroppable.current) {\n        let messages: ComponentMessageItem[] = [];\n        if (validateSelectionMode(files, selectionMode)) {\n          const droppable = validateTypes(files, accept, translations);\n          if (droppable.rejected.length > 0) {\n            // mimetype Validation fails\n            messages = getMimeTypeValidationMessages(droppable.rejected, translations);\n            mimeTypeDropFail = true;\n          }\n        } else {\n          messages.push({\n            severity: 'error',\n            summary: translations.filePicker_singleFileUploadError()\n          });\n        }\n        if (messages.length > 0) {\n          isDroppable.current = false;\n          fireRejectAction(messages, false, onReject);\n        }\n        if (isDroppable.current) {\n          handleFilesAdded(files, onCommit);\n        }\n      }\n      _handleDragLeave(event, mimeTypeDropFail);\n    }\n  };\n\n  return {\n    onDragEnter: _handleDragEnter,\n    onDragOver: _handleDragOver,\n    onDragLeave: _handleDragLeave,\n    onDrop: _handleFileDrop\n  };\n};\n","/**\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 { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Size } from '../utils/UNSAFE_size';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { getDefaultTriggerContent, getAriaLabel, getStyles } from './FilePickerUtils';\nimport { useFilepickerElementHelper } from './useFilePickerElement';\n\nimport { ComponentChildren } from 'preact';\nimport { useState, useRef, useImperativeHandle } from 'preact/hooks';\nimport { ForwardedRef } from 'preact/compat';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n\n// TODO: Andy's comment below JET-53230\n// The FilePicker supports two very different use cases: default and custom file pickers. Should we consider dropping the wrapper and instead exporting the two underlying components (with the appropriate property types) directly?\n// If not, perhaps we should look into defining the Props type as a discriminated union such that primaryText/secondaryText props are only valid when children is not specified?\n\ntype Props = {\n  /**\n   * An array of strings of allowed MIME types or file extensions that can be uploaded; this is unlike the accept attribute of the html &lt;input> element that accepts a simple comma-delimited string. If not specified, all file types will be accepted.\n   * <p>Note: If accept is specified, files with empty string type will be rejected if no match found in the \"accept\" value.   */\n  accept?: string[];\n\n  /**\n   * Specifies the preferred facing mode for the device's\n   * <a href=\"https://www.w3.org/TR/html-media-capture/#dom-htmlinputelement-capture\">media capture</a> mechanism;\n   * This is most often used to provide direct camera access on mobile devices.  Note that the accept attribute must\n   * be specified and have an associated capture control type (e.g.[\"image/*\"]) for the capture attribute to take effect.  Support may vary by browser.\n   *\n   */\n  capture?: 'user' | 'environment' | 'implementation' | 'none';\n\n  /**\n   * Disables the filepicker if set to <code class=\"prettyprint\">true</code>.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * The primary text for the default file picker.\n   */\n  primaryText?: string;\n\n  /**\n   * The secondary text for the default file picker.\n   */\n  secondaryText?: string;\n  /**\n   * Whether to allow single or multiple file selection.\n   */\n  selectionMode?: 'multiple' | 'single';\n\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  accessibleLabel?: string;\n\n  /**\n   * Property that triggers a callback immediately when a set of files have been committed\n   */\n  onCommit?: (detail: CommitDetail) => void;\n\n  /**\n   * Property that triggers a callback immediately when a set of files have been rejected\n   */\n  onReject?: (detail: RejectDetail) => void;\n\n  /**\n   * Width of the File Picker\n   */\n  width?: Size;\n\n  /**\n   * Height of the File Picker\n   */\n  height?: Size;\n\n  /**\n   * If the children is provided, its contents replace the default filepicker.  Filepicker will still set role and aria-label, but\n   * the application is responsible for setting the tabindex.\n   */\n  children?: ComponentChildren;\n};\n\nexport type CommitDetail = {\n  files: FileList;\n};\n\nexport type RejectDetail = {\n  /**\n   * Messages that should be displayed to the user (e.g. in an oj-messages component) describing rejected files.\n   */\n  messages: ComponentMessageItem[];\n\n  /**\n   * This property may be populated with a Promise to provide short-term feedback during a user interaction (typically drag and drop); the feedback should be cleared upon the resolution of this Promise.\n   */\n  until: Promise<void> | null;\n};\n\n/**\n * A file picker displays a clickable dropzone for selecting files from the device storage.\n */\nexport function FilePicker({\n  capture = 'none',\n  isDisabled = false,\n  selectionMode = 'multiple',\n  children,\n  ...otherProps\n}: Props) {\n  // this ref is added only for testing purposes.  Allows the test to directly\n  // call certain functions that should be tested\n  const testHandlersRef = (otherProps as any).__testHandlerSymbol;\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const props = { capture, selectionMode, translations, ...otherProps };\n  if (isDisabled) {\n    return <DisabledFilePicker {...props}>{children}</DisabledFilePicker>;\n  }\n  return children ? (\n    <CustomFilePicker testHandlersRef={testHandlersRef} {...props}>\n      {children}\n    </CustomFilePicker>\n  ) : (\n    <DefaultFilePicker testHandlersRef={testHandlersRef} {...props} />\n  );\n}\n\ntype FilePickerProps = Props & {\n  translations: BundleType;\n};\n\ntype DndProps = {\n  onDragEnter: (event: Event) => void;\n  onDragOver: (event: DragEvent) => void;\n  onDragLeave: (event: DragEvent, mimeTypeDropFail: boolean) => void;\n  onDrop: (event: DragEvent) => void;\n};\n\nexport type TestHandlersRef = ForwardedRef<\n  DndProps & {\n    onClickSelected: (files: FileList) => void;\n  }\n>;\n\ntype TestHandlerProps = {\n  // this ref is populated only in tests\n  testHandlersRef?: TestHandlersRef;\n};\n\ntype DefaultProps = Omit<FilePickerProps, 'isDisabled' | 'children'> & TestHandlerProps;\n\n/**\n * The default file picker element.\n */\nconst DefaultFilePicker = (props: DefaultProps) => {\n  const [validity, setValidity] = useState<'NA' | 'valid' | 'invalid'>('NA');\n\n  // class added to change bg/border color based on if file is valid on drag and drop\n  const validityClass =\n    validity === 'valid' ? 'oj-c-valid-drop' : validity === 'invalid' ? 'oj-c-invalid-drop' : '';\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const { validation, dragAndDropProps, pressProps, isHover, hoverProps } =\n    useFilepickerElementHelper(props, rootRef, setValidity);\n  const mergedEventProps = mergeProps(pressProps, hoverProps);\n\n  // These are backdoor handles that are used for testing purposes only\n  useSetupTestRef(dragAndDropProps, validation, props.testHandlersRef || null);\n  const classes = classNames([\n    styles.base,\n    props.width === undefined && styles.maxWidth,\n    isHover && styles.hover\n  ]);\n  const { isTabbable } = useTabbableMode();\n  const {\n    accessibleLabel,\n    primaryText,\n    secondaryText,\n    translations,\n    selectionMode,\n    width,\n    height\n  } = props;\n  return (\n    <div\n      {...mergedEventProps}\n      class={classes}\n      tabIndex={isTabbable ? 0 : -1}\n      role=\"button\"\n      aria-label={getAriaLabel({\n        accessibleLabel,\n        isDisabled: false,\n        translations,\n        primaryText,\n        secondaryText,\n        selectionMode\n      })}\n      ref={rootRef}\n      style={getStyles(width, height)}>\n      <div class={classNames([styles.inner, validityClass])} {...dragAndDropProps}>\n        {getDefaultTriggerContent(false, primaryText, secondaryText, translations, selectionMode)}\n      </div>\n    </div>\n  );\n};\n\ntype DisabledProps = Omit<\n  FilePickerProps,\n  'accept' | 'capture' | 'onCommit' | 'onReject' | 'isDisabled'\n>;\n\n/**\n * The disabled file picker element.\n */\nconst DisabledFilePicker = ({\n  children,\n  accessibleLabel,\n  primaryText,\n  secondaryText,\n  translations,\n  selectionMode,\n  width,\n  height\n}: DisabledProps) => {\n  return (\n    <div\n      class={classNames([\n        childrenStyles,\n        styles.base,\n        styles.inner,\n        width === undefined && styles.maxWidth,\n        'oj-c-filepicker-disabled'\n      ])}\n      role=\"button\"\n      aria-label={getAriaLabel({\n        accessibleLabel,\n        isDisabled: true,\n        translations,\n        primaryText,\n        secondaryText\n      })}\n      aria-hidden=\"true\"\n      style={getStyles(width, height)}>\n      {children ||\n        getDefaultTriggerContent(true, primaryText, secondaryText, translations, selectionMode)}\n    </div>\n  );\n};\n\ntype CustomProps = Omit<FilePickerProps, 'isDisabled' | 'primaryText' | 'secondaryText'> &\n  TestHandlerProps;\n\n/**\n * The custom file picker element.\n */\nconst CustomFilePicker = (props: CustomProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { validation, dragAndDropProps, pressProps, isHover, hoverProps } =\n    useFilepickerElementHelper(props, rootRef);\n  const mergedEventProps = mergeProps(pressProps, dragAndDropProps, hoverProps);\n\n  // These are backdoor handles that are used for testing purposes only\n  useSetupTestRef(dragAndDropProps, validation, props.testHandlersRef || null);\n\n  const classes = classNames([\n    styles.base,\n    props.width === undefined && styles.maxWidth,\n    isHover && styles.hover\n  ]);\n  const { accessibleLabel, translations, selectionMode } = props;\n  const { isTabbable } = useTabbableMode();\n  return (\n    <div\n      class={classNames([classes, childrenStyles])}\n      tabIndex={isTabbable ? undefined : -1}\n      role=\"button\"\n      aria-label={getAriaLabel({ accessibleLabel, isDisabled: false, translations, selectionMode })}\n      ref={rootRef}\n      style={getStyles(props.width, props.height)}\n      {...mergedEventProps}>\n      {props.children}\n    </div>\n  );\n};\n\n/**\n * Only called for testing purposes, sets up the test ref that\n * allows for backdoor access to certain methods\n */\nconst useSetupTestRef = (\n  dragAndDropProps: DndProps,\n  validation: (files: FileList) => void,\n  testHandlersRef: TestHandlersRef\n) => {\n  useImperativeHandle(testHandlersRef, () => ({\n    onDragEnter: dragAndDropProps.onDragEnter,\n    onDragOver: dragAndDropProps.onDragOver,\n    onDrop: dragAndDropProps.onDrop,\n    onDragLeave: dragAndDropProps.onDragLeave,\n    onClickSelected: validation\n  }));\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'block',\n    height: '100%',\n    width: '100%'\n  }}`,\n  maxWidth: cssProps`${{\n    maxWidth: '400px'\n  }}`,\n  inner: cssProps`${{\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    boxSizing: 'border-box',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-radius)',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding)',\n    paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding)',\n    paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding)',\n    height: '100%',\n    borderStyle: 'dashed',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-width)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-color)',\n    '&:active': { backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active)' }\n  }}`,\n  hover: cssProps`${{\n    // @ts-ignore\n    '&:not(:active)': {\n      cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor)'\n    }\n  }}`,\n\n  pseudohover: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:enabled:not(:active)': {\n        cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor)'\n      }\n    }\n  }}`\n};\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n"],"names":["_jsx","FilePicker","_a","capture","isDisabled","selectionMode","children","otherProps","__rest","testHandlersRef","__testHandlerSymbol","translations","useTranslationBundle","DisabledFilePicker","Object","assign","props","CustomFilePicker","DefaultFilePicker","rootRef","useRef","styles","base","width","undefined","maxWidth","isTabbable","useTabbableMode","accessibleLabel","primaryText","secondaryText","height","class","classNames","inner","role","getAriaLabel","style","getStyles","getDefaultTriggerContent","validation","dragAndDropProps","pressProps","isHover","hoverProps","useFilepickerElementHelper","classes","childrenStyles","tabIndex","ref","mergedEventProps","useSetupTestRef","useImperativeHandle","onClickSelected"],"mappings":"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"}
+{"version":3,"file":"UNSAFE_FilePicker.js","sources":["../../src/UNSAFE_FilePicker/FilePickerUtils.tsx","../../src/UNSAFE_FilePicker/postValidationUtils.tsx","../../src/UNSAFE_FilePicker/useFilePickerElement.tsx","../../src/UNSAFE_FilePicker/FilePicker.tsx"],"sourcesContent":["import { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { Text } from '../UNSAFE_Text';\nimport { Spacer } from '../UNSAFE_Spacer';\nimport { sizeToCSS } from '../utils/UNSAFE_size';\nimport { trim } from '../utils/UNSAFE_stringUtils';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { FilePicker } from './FilePicker';\n\nimport { JSX, ComponentProps } from 'preact';\n\ntype FilePickerProps = ComponentProps<typeof FilePicker>;\n\n/**\n * Gets the default content of the file picker\n */\nexport const getDefaultTriggerContent = (\n  isDisabled: FilePickerProps['isDisabled'],\n  primaryText: FilePickerProps['primaryText'],\n  secondaryText: FilePickerProps['secondaryText'],\n  translations: BundleType,\n  selectionMode: FilePickerProps['selectionMode']\n) => {\n  return [\n    <Text variant={isDisabled ? 'disabled' : 'primary'} weight=\"bold\" size=\"xl\">\n      {getPrimaryText(primaryText, translations)}\n    </Text>,\n    <Spacer height=\"1.5x\"></Spacer>,\n    <Text variant={isDisabled ? 'disabled' : 'secondary'} size=\"sm\">\n      {getSecondaryText(secondaryText, translations, selectionMode)}\n    </Text>\n  ];\n};\n\n/**\n * Returns the aria label\n */\ntype AriaLabelProps = {\n  accessibleLabel: FilePickerProps['accessibleLabel'];\n  isDisabled: FilePickerProps['isDisabled'];\n  translations: BundleType;\n  primaryText?: FilePickerProps['primaryText'];\n  secondaryText?: FilePickerProps['secondaryText'];\n  selectionMode?: FilePickerProps['selectionMode'];\n};\nexport const getAriaLabel = ({\n  accessibleLabel,\n  isDisabled,\n  translations,\n  primaryText,\n  secondaryText,\n  selectionMode\n}: AriaLabelProps) => {\n  return accessibleLabel\n    ? accessibleLabel\n    : `${isDisabled ? '' : translations.filePicker_addFiles() + '. '}${getPrimaryText(\n        primaryText,\n        translations\n      )}. ${getSecondaryText(secondaryText, translations, selectionMode)}`;\n};\n\n/**\n * Returns the styles of the file picker\n */\nexport const getStyles = (width: FilePickerProps['width'], height: FilePickerProps['height']) => {\n  const dimStyles: JSX.CSSProperties = {\n    width: width ? sizeToCSS(width) : undefined,\n    height: height ? sizeToCSS(height) : undefined\n  };\n  return dimStyles;\n};\n\n/**\n * Returns the primary text\n */\nconst getPrimaryText = (primaryText: FilePickerProps['primaryText'], translations: BundleType) => {\n  return primaryText ? primaryText : translations.filePicker_dropzonePrimaryText();\n};\n\n/**\n * Returns the secondary text text\n */\nconst getSecondaryText = (\n  secondaryText: FilePickerProps['secondaryText'],\n  translations: BundleType,\n  selectionMode: FilePickerProps['selectionMode']\n) => {\n  const defaultSecondaryText =\n    selectionMode === 'multiple'\n      ? translations.filePicker_dropzoneSecondaryTextMultiple()\n      : translations.filePicker_dropzoneSecondaryText();\n  return secondaryText ? secondaryText : defaultSecondaryText;\n};\n\n/**\n * Takes in a list of files and returns a list of accepted files and\n * a list of rejected files based on file type\n */\nexport const validateTypes = (\n  files: FileList,\n  accept: FilePickerProps['accept'],\n  translations: BundleType\n) => {\n  const accepted = [];\n  const rejected = [];\n  let file: File;\n  let type: string;\n  if (files) {\n    for (let i = 0; i < files.length; i++) {\n      file = files[i];\n      const name = file.name;\n      type = translations.filePicker_unknownFileTypeUploadError();\n      if (name) {\n        const nameSplit = name.split('.');\n        type = nameSplit.length > 1 ? '.' + nameSplit.pop() : type;\n      }\n      type = file.type ? file.type : type;\n      // If type isn't already in one of the lists, add it\n      if (accepted.indexOf(type) === -1 && rejected.indexOf(type) === -1) {\n        if (_acceptFile(file, accept)) {\n          accepted.push(type);\n        } else {\n          rejected.push(type);\n        }\n      }\n    }\n  }\n  return { accepted, rejected };\n};\n\n/**\n * Creates a file list\n */\nexport const createFileList = (origList: FileList | DataTransferItemList) => {\n  const descriptor: Record<string | number, PropertyDescriptor> = {\n    length: { value: origList.length },\n    item: {\n      value(index: number): File {\n        return (this as unknown as FileList)[index];\n      }\n    }\n  };\n  for (let i = 0; i < origList.length; i++) {\n    descriptor[i] = { value: origList[i], enumerable: true };\n  }\n\n  return Object.create(FileList.prototype, descriptor);\n};\n\n/**\n * Returns false if selected multiple files when in single file selection mode\n */\nexport const validateSelectionMode = (\n  files: FileList,\n  selectionMode: FilePickerProps['selectionMode']\n) => {\n  return selectionMode !== 'single' || files.length === 1;\n};\n\n/**\n * Returns the correct message if mime type validation has failed\n */\nexport const getMimeTypeValidationMessages = (\n  rejected: Array<string>,\n  translations: BundleType\n): ComponentMessageItem[] => {\n  const messages: ComponentMessageItem[] = [];\n  if (rejected.length === 1) {\n    messages.push({\n      severity: 'error',\n      summary: translations.filePicker_singleTypeUploadError({\n        fileType: rejected[0]\n      })\n    });\n  } else {\n    messages.push({\n      severity: 'error',\n      summary: translations.filePicker_multipleFileTypeUploadError({\n        fileTypes: rejected.join(translations.plural_separator())\n      })\n    });\n  }\n  return messages;\n};\n\n/**\n * Returns true if file passes mimetype validation\n */\nconst _acceptFile = (file: File, accept: FilePickerProps['accept']) => {\n  const acceptProp = accept;\n  if (!acceptProp || acceptProp.length === 0 || !file) {\n    return true;\n  }\n\n  let fileAccept;\n  for (let i = 0; i < acceptProp.length; i++) {\n    fileAccept = trim(acceptProp[i]) as string;\n    if (!fileAccept) {\n      return true;\n    } else if (fileAccept.startsWith('.', 0)) {\n      // when dragover, only MIME type is available, file name is undefined\n      // to lowerCase is to make the string comparison case insensitive\n      if (!file.name || (file.name && file.name.toLowerCase().endsWith(fileAccept.toLowerCase()))) {\n        return true;\n      }\n    } else if (!file.type) {\n      return false;\n    } else if (fileAccept === 'image/*') {\n      if (file.type.startsWith('image/', 0)) {\n        return true;\n      }\n    } else if (fileAccept === 'video/*') {\n      if (file.type.startsWith('video/', 0)) {\n        return true;\n      }\n    } else if (fileAccept === 'audio/*') {\n      if (file.type.startsWith('audio/', 0)) {\n        return true;\n      }\n    } else if (file.type === fileAccept) {\n      return true;\n    }\n  }\n  return false;\n};\n","import { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\n\nimport { createFileList } from './FilePickerUtils';\nimport { RejectDetail, CommitDetail } from './FilePicker';\n\n/**\n * Calls the onReject callback when invalid files are selected.\n * For invalid dragged files, this function will return a promise resolver that\n * should be called when the invalid files are no longer dragged over the filepicker.\n */\nexport const fireRejectAction = (\n  messages: ComponentMessageItem[],\n  isDrag: boolean,\n  onReject?: (detail: RejectDetail) => void\n) => {\n  let resolver;\n  const dragPromise = isDrag\n    ? new Promise<void>((resolve) => {\n        resolver = resolve;\n      })\n    : null;\n\n  onReject?.({\n    messages,\n    until: dragPromise\n  });\n  return resolver;\n};\n\n/**\n * Calls the onCommit callback when all files are valid.\n */\nexport const handleFilesAdded = (files: FileList, onCommit?: (detail: CommitDetail) => void) => {\n  // Bug 28503874 - filepicker: filelist cleared after the handler returns\n  // Note: the parameter \"files\" is a direct reference to the embedded Input element's property\n  // which could be reset or changed.\n  // we need to return a copy of FileList just in case apps hold on to a reference to FileList\n  const list = createFileList(files);\n  onCommit?.({\n    files: list\n  });\n};\n","import { pickFiles } from '../utils/UNSAFE_filePickerUtils';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { usePress } from '../hooks/UNSAFE_usePress';\nimport { useHover } from '../hooks/UNSAFE_useHover';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { FilePicker, CommitDetail, RejectDetail } from './FilePicker';\nimport {\n  validateTypes,\n  getMimeTypeValidationMessages,\n  createFileList,\n  validateSelectionMode\n} from './FilePickerUtils';\nimport { fireRejectAction, handleFilesAdded } from './postValidationUtils';\n\nimport { ComponentProps } from 'preact';\nimport { useRef, Ref, StateUpdater } from 'preact/hooks';\n\ntype FilePickerProps = ComponentProps<typeof FilePicker>;\n\ntype FilePickerElementProps = FilePickerProps & {\n  translations: BundleType;\n};\n\n/**\n * The file picker helper method for non-disabled filepickers.\n */\nexport const useFilepickerElementHelper = (\n  props: FilePickerElementProps,\n  rootRef: Ref<HTMLDivElement>,\n  setValidity?: StateUpdater<'NA' | 'valid' | 'invalid'>\n) => {\n  const { callback, validation } = clickCallbackUtils(props);\n  const { pressProps } = usePress(callback);\n\n  const dragAndDropProps = useDragAndDropEvents(\n    props.accept,\n    props.selectionMode,\n    fireRejectAction,\n    handleFilesAdded,\n    rootRef,\n    props.translations,\n    props.onCommit,\n    props.onReject,\n    setValidity\n  );\n  const { hoverProps, isHover } = useHover({ isDisabled: false });\n  return {\n    validation,\n    dragAndDropProps,\n    pressProps,\n    isHover,\n    hoverProps\n  };\n};\n\ntype ClickProps = {\n  accept?: FilePickerProps['accept'];\n  capture?: FilePickerProps['capture'];\n  selectionMode?: FilePickerProps['selectionMode'];\n  onCommit?: FilePickerProps['onCommit'];\n  onReject?: FilePickerProps['onReject'];\n  translations: BundleType;\n};\n\nconst clickCallbackUtils = (props: ClickProps) => {\n  /**\n   * Callback function when the filepicker is clicked.\n   */\n  const handleSelectingFiles = (event: Event) => {\n    // Bug 27775173 - within firefox browser cannot tab past filepicker without file selector\n    // window opening\n    // only launching the file picker if click or 'Enter' was pressed\n    if (\n      event.type === 'click' ||\n      (event.type === 'keyup' && (event as KeyboardEvent).code === 'Enter')\n    ) {\n      // Bug 26907138 - form submit event is triggered when the file upload button is clicked\n      event.preventDefault();\n\n      pickFiles(_handleClickValidation, {\n        accept: props.accept,\n        selectionMode: props.selectionMode ?? 'multiple',\n        capture: props.capture ?? 'none'\n      });\n    }\n  };\n\n  /**\n   * Handles file validation from selecting files through the file dialog\n   */\n  const _handleClickValidation = (files: FileList) => {\n    if (files.length > 0) {\n      const rejected = validateTypes(files, props.accept, props.translations).rejected;\n      if (rejected.length > 0) {\n        fireRejectAction(\n          getMimeTypeValidationMessages(rejected, props.translations),\n          false,\n          props.onReject\n        );\n      } else {\n        handleFilesAdded(files, props.onCommit);\n      }\n    }\n  };\n  return {\n    callback: handleSelectingFiles,\n    validation: _handleClickValidation\n  };\n};\n\nconst useDragAndDropEvents = (\n  accept: FilePickerProps['accept'],\n  selectionMode: FilePickerProps['selectionMode'],\n  fireRejectAction: (\n    messages: ComponentMessageItem[],\n    isDrag: boolean,\n    onReject?: (detail: RejectDetail) => void\n  ) => any,\n  handleFilesAdded: (files: FileList, onCommit?: (detail: CommitDetail) => void) => void,\n  rootRef: Ref<HTMLDivElement>,\n  translations: BundleType,\n  onCommit?: (detail: CommitDetail) => void,\n  onReject?: (detail: RejectDetail) => void,\n  // setValidity not set for custom filepicker\n  setValidity?: StateUpdater<'NA' | 'valid' | 'invalid'>\n) => {\n  const inDropZone = useRef<boolean>(false);\n  const isDroppable = useRef<boolean>(false);\n  const dragPromiseResolver = useRef<() => void>();\n\n  /**\n   * Drag Enter handler called when a dragged file enter the filepicker dropzone\n   */\n  const _handleDragEnter = (event: Event) => {\n    event.preventDefault();\n    event.stopPropagation();\n  };\n\n  /**\n   * Drag over handler called when a file is dragged over the filepicker\n   */\n  const _handleDragOver = (event: DragEvent) => {\n    event.preventDefault();\n    event.stopPropagation();\n    if (inDropZone.current) {\n      return;\n    }\n\n    const browser = getClientHints().browser;\n    inDropZone.current = true;\n    isDroppable.current = true;\n    // Safari doesn't provide the data for the files on drag over so validation cannot be done until drop\n    if (browser !== 'safari') {\n      if (!event.dataTransfer) {\n        return;\n      }\n      const files = createFileList(event.dataTransfer.items);\n      let messages = [] as ComponentMessageItem[];\n      const selectionModeValid = validateSelectionMode(files, selectionMode);\n      const droppable = validateTypes(files, accept, translations);\n      if (selectionModeValid && droppable.rejected.length === 0) {\n        // validation passes\n        setValidity?.('valid');\n      } else {\n        isDroppable.current = false;\n        if (selectionModeValid) {\n          // mimetype Validation fails\n          messages = getMimeTypeValidationMessages(droppable.rejected, translations);\n        } else {\n          // selected multiple files in single selection mode\n          messages.push({\n            severity: 'error',\n            summary: translations.filePicker_singleFileUploadError()\n          });\n        }\n        setValidity?.('invalid');\n        dragPromiseResolver.current = fireRejectAction(messages, true, onReject);\n      }\n    } else {\n      setValidity?.('valid');\n    }\n  };\n\n  /**\n   * Drag leave handler is called when the dragged file leaves the filepicker dropzone\n   */\n  const _handleDragLeave = (event: DragEvent, mimeTypeDropFail = false) => {\n    if (!inDropZone.current) {\n      return;\n    }\n    event.preventDefault();\n    event.stopPropagation();\n    if (!rootRef.current?.contains(event.relatedTarget as Node)) {\n      inDropZone.current = false;\n      setValidity?.('NA');\n      // There's only a promise if validation failed on dragover\n      if (!isDroppable.current && !mimeTypeDropFail) {\n        dragPromiseResolver.current?.();\n      }\n    }\n  };\n\n  /**\n   * Drop file handler is called when a file is dropped on the filepicker dropzone\n   */\n  const _handleFileDrop = (event: DragEvent) => {\n    if (inDropZone.current) {\n      event.preventDefault();\n      event.stopPropagation();\n      if (!event.dataTransfer) {\n        inDropZone.current = false;\n        return;\n      }\n      const files = createFileList(event.dataTransfer.files);\n      let mimeTypeDropFail = false;\n      if (isDroppable.current) {\n        let messages: ComponentMessageItem[] = [];\n        if (validateSelectionMode(files, selectionMode)) {\n          const droppable = validateTypes(files, accept, translations);\n          if (droppable.rejected.length > 0) {\n            // mimetype Validation fails\n            messages = getMimeTypeValidationMessages(droppable.rejected, translations);\n            mimeTypeDropFail = true;\n          }\n        } else {\n          messages.push({\n            severity: 'error',\n            summary: translations.filePicker_singleFileUploadError()\n          });\n        }\n        if (messages.length > 0) {\n          isDroppable.current = false;\n          fireRejectAction(messages, false, onReject);\n        }\n        if (isDroppable.current) {\n          handleFilesAdded(files, onCommit);\n        }\n      }\n      _handleDragLeave(event, mimeTypeDropFail);\n    }\n  };\n\n  return {\n    onDragEnter: _handleDragEnter,\n    onDragOver: _handleDragOver,\n    onDragLeave: _handleDragLeave,\n    onDrop: _handleFileDrop\n  };\n};\n","/**\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 { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { Size } from '../utils/UNSAFE_size';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { ComponentMessageItem } from '../UNSAFE_ComponentMessage';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nimport { getDefaultTriggerContent, getAriaLabel, getStyles } from './FilePickerUtils';\nimport { useFilepickerElementHelper } from './useFilePickerElement';\n\nimport { ComponentChildren } from 'preact';\nimport { useState, useRef, useImperativeHandle } from 'preact/hooks';\nimport { ForwardedRef } from 'preact/compat';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\n\n// TODO: Andy's comment below JET-53230\n// The FilePicker supports two very different use cases: default and custom file pickers. Should we consider dropping the wrapper and instead exporting the two underlying components (with the appropriate property types) directly?\n// If not, perhaps we should look into defining the Props type as a discriminated union such that primaryText/secondaryText props are only valid when children is not specified?\n\ntype Props = {\n  /**\n   * An array of strings of allowed MIME types or file extensions that can be uploaded; this is unlike the accept attribute of the html &lt;input> element that accepts a simple comma-delimited string. If not specified, all file types will be accepted.\n   * <p>Note: If accept is specified, files with empty string type will be rejected if no match found in the \"accept\" value.   */\n  accept?: string[];\n\n  /**\n   * Specifies the preferred facing mode for the device's\n   * <a href=\"https://www.w3.org/TR/html-media-capture/#dom-htmlinputelement-capture\">media capture</a> mechanism;\n   * This is most often used to provide direct camera access on mobile devices.  Note that the accept attribute must\n   * be specified and have an associated capture control type (e.g.[\"image/*\"]) for the capture attribute to take effect.  Support may vary by browser.\n   *\n   */\n  capture?: 'user' | 'environment' | 'implementation' | 'none';\n\n  /**\n   * Disables the filepicker if set to <code class=\"prettyprint\">true</code>.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * The primary text for the default file picker.\n   */\n  primaryText?: string;\n\n  /**\n   * The secondary text for the default file picker.\n   */\n  secondaryText?: string;\n  /**\n   * Whether to allow single or multiple file selection.\n   */\n  selectionMode?: 'multiple' | 'single';\n\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  accessibleLabel?: string;\n\n  /**\n   * Property that triggers a callback immediately when a set of files have been committed\n   */\n  onCommit?: (detail: CommitDetail) => void;\n\n  /**\n   * Property that triggers a callback immediately when a set of files have been rejected\n   */\n  onReject?: (detail: RejectDetail) => void;\n\n  /**\n   * Width of the File Picker\n   */\n  width?: Size;\n\n  /**\n   * Height of the File Picker\n   */\n  height?: Size;\n\n  /**\n   * If the children is provided, its contents replace the default filepicker.  Filepicker will still set role and aria-label, but\n   * the application is responsible for setting the tabindex.\n   */\n  children?: ComponentChildren;\n};\n\nexport type CommitDetail = {\n  files: FileList;\n};\n\nexport type RejectDetail = {\n  /**\n   * Messages that should be displayed to the user (e.g. in an oj-messages component) describing rejected files.\n   */\n  messages: ComponentMessageItem[];\n\n  /**\n   * This property may be populated with a Promise to provide short-term feedback during a user interaction (typically drag and drop); the feedback should be cleared upon the resolution of this Promise.\n   */\n  until: Promise<void> | null;\n};\n\n/**\n * A file picker displays a clickable dropzone for selecting files from the device storage.\n */\nexport function FilePicker({\n  capture = 'none',\n  isDisabled = false,\n  selectionMode = 'multiple',\n  children,\n  ...otherProps\n}: Props) {\n  // this ref is added only for testing purposes.  Allows the test to directly\n  // call certain functions that should be tested\n  const testHandlersRef = (otherProps as any).__testHandlerSymbol;\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const props = { capture, selectionMode, translations, ...otherProps };\n  if (isDisabled) {\n    return <DisabledFilePicker {...props}>{children}</DisabledFilePicker>;\n  }\n  return children ? (\n    <CustomFilePicker testHandlersRef={testHandlersRef} {...props}>\n      {children}\n    </CustomFilePicker>\n  ) : (\n    <DefaultFilePicker testHandlersRef={testHandlersRef} {...props} />\n  );\n}\n\ntype FilePickerProps = Props & {\n  translations: BundleType;\n};\n\ntype DndProps = {\n  onDragEnter: (event: Event) => void;\n  onDragOver: (event: DragEvent) => void;\n  onDragLeave: (event: DragEvent, mimeTypeDropFail: boolean) => void;\n  onDrop: (event: DragEvent) => void;\n};\n\nexport type TestHandlersRef = ForwardedRef<\n  DndProps & {\n    onClickSelected: (files: FileList) => void;\n  }\n>;\n\ntype TestHandlerProps = {\n  // this ref is populated only in tests\n  testHandlersRef?: TestHandlersRef;\n};\n\ntype DefaultProps = Omit<FilePickerProps, 'isDisabled' | 'children'> & TestHandlerProps;\n\n/**\n * The default file picker element.\n */\nconst DefaultFilePicker = (props: DefaultProps) => {\n  const [validity, setValidity] = useState<'NA' | 'valid' | 'invalid'>('NA');\n\n  // class added to change bg/border color based on if file is valid on drag and drop\n  const validityClass =\n    validity === 'valid' ? 'oj-c-valid-drop' : validity === 'invalid' ? 'oj-c-invalid-drop' : '';\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const { validation, dragAndDropProps, pressProps, isHover, hoverProps } =\n    useFilepickerElementHelper(props, rootRef, setValidity);\n  const mergedEventProps = mergeProps(pressProps, hoverProps);\n\n  // These are backdoor handles that are used for testing purposes only\n  useSetupTestRef(dragAndDropProps, validation, props.testHandlersRef || null);\n  const classes = classNames([\n    styles.base,\n    props.width === undefined && styles.maxWidth,\n    isHover && styles.hover\n  ]);\n  const { isTabbable } = useTabbableMode();\n  const {\n    accessibleLabel,\n    primaryText,\n    secondaryText,\n    translations,\n    selectionMode,\n    width,\n    height\n  } = props;\n  return (\n    <div\n      {...mergedEventProps}\n      class={classes}\n      tabIndex={isTabbable ? 0 : -1}\n      role=\"button\"\n      aria-label={getAriaLabel({\n        accessibleLabel,\n        isDisabled: false,\n        translations,\n        primaryText,\n        secondaryText,\n        selectionMode\n      })}\n      ref={rootRef}\n      style={getStyles(width, height)}>\n      <div class={classNames([styles.inner, validityClass])} {...dragAndDropProps}>\n        {getDefaultTriggerContent(false, primaryText, secondaryText, translations, selectionMode)}\n      </div>\n    </div>\n  );\n};\n\ntype DisabledProps = Omit<\n  FilePickerProps,\n  'accept' | 'capture' | 'onCommit' | 'onReject' | 'isDisabled'\n>;\n\n/**\n * The disabled file picker element.\n */\nconst DisabledFilePicker = ({\n  children,\n  accessibleLabel,\n  primaryText,\n  secondaryText,\n  translations,\n  selectionMode,\n  width,\n  height\n}: DisabledProps) => {\n  return (\n    <div\n      class={classNames([\n        childrenStyles,\n        styles.base,\n        styles.inner,\n        width === undefined && styles.maxWidth,\n        'oj-c-filepicker-disabled'\n      ])}\n      role=\"button\"\n      aria-label={getAriaLabel({\n        accessibleLabel,\n        isDisabled: true,\n        translations,\n        primaryText,\n        secondaryText\n      })}\n      aria-hidden=\"true\"\n      style={getStyles(width, height)}>\n      {children ||\n        getDefaultTriggerContent(true, primaryText, secondaryText, translations, selectionMode)}\n    </div>\n  );\n};\n\ntype CustomProps = Omit<FilePickerProps, 'isDisabled' | 'primaryText' | 'secondaryText'> &\n  TestHandlerProps;\n\n/**\n * The custom file picker element.\n */\nconst CustomFilePicker = (props: CustomProps) => {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { validation, dragAndDropProps, pressProps, isHover, hoverProps } =\n    useFilepickerElementHelper(props, rootRef);\n  const mergedEventProps = mergeProps(pressProps, dragAndDropProps, hoverProps);\n\n  // These are backdoor handles that are used for testing purposes only\n  useSetupTestRef(dragAndDropProps, validation, props.testHandlersRef || null);\n\n  const classes = classNames([\n    styles.base,\n    props.width === undefined && styles.maxWidth,\n    isHover && styles.hover\n  ]);\n  const { accessibleLabel, translations, selectionMode } = props;\n  const { isTabbable } = useTabbableMode();\n  return (\n    <div\n      class={classNames([classes, childrenStyles])}\n      tabIndex={isTabbable ? undefined : -1}\n      role=\"button\"\n      aria-label={getAriaLabel({ accessibleLabel, isDisabled: false, translations, selectionMode })}\n      ref={rootRef}\n      style={getStyles(props.width, props.height)}\n      {...mergedEventProps}>\n      {props.children}\n    </div>\n  );\n};\n\n/**\n * Only called for testing purposes, sets up the test ref that\n * allows for backdoor access to certain methods\n */\nconst useSetupTestRef = (\n  dragAndDropProps: DndProps,\n  validation: (files: FileList) => void,\n  testHandlersRef: TestHandlersRef\n) => {\n  useImperativeHandle(testHandlersRef, () => ({\n    onDragEnter: dragAndDropProps.onDragEnter,\n    onDragOver: dragAndDropProps.onDragOver,\n    onDrop: dragAndDropProps.onDrop,\n    onDragLeave: dragAndDropProps.onDragLeave,\n    onClickSelected: validation\n  }));\n};\n\nconst styles = {\n  base: cssProps`${{\n    display: 'block',\n    height: '100%',\n    width: '100%'\n  }}`,\n  maxWidth: cssProps`${{\n    maxWidth: '400px'\n  }}`,\n  inner: cssProps`${{\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    boxSizing: 'border-box',\n    borderRadius: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-radius)',\n    paddingTop: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding)',\n    paddingRight: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding)',\n    paddingLeft: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding)',\n    paddingBottom: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-padding)',\n    height: '100%',\n    borderStyle: 'dashed',\n    borderWidth: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-width)',\n    backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-bg-color)',\n    borderColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-border-color)',\n    '&:active': { backgroundColor: 'var(--oj-c-PRIVATE-DO-NOT-USE-core-bg-color-active)' }\n  }}`,\n  hover: cssProps`${{\n    // @ts-ignore\n    '&:not(:active)': {\n      cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor)'\n    }\n  }}`,\n\n  pseudohover: cssProps`${{\n    // @ts-ignore\n    '@media(hover: hover)': {\n      '&:hover:enabled:not(:active)': {\n        cursor: 'var(--oj-c-PRIVATE-DO-NOT-USE-file-picker-cursor)'\n      }\n    }\n  }}`\n};\nconst childrenStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\n}}`;\n"],"names":["_jsx","FilePicker","_a","capture","isDisabled","selectionMode","children","otherProps","__rest","testHandlersRef","__testHandlerSymbol","translations","useTranslationBundle","DisabledFilePicker","Object","assign","props","CustomFilePicker","DefaultFilePicker","rootRef","useRef","styles","base","width","undefined","maxWidth","isTabbable","useTabbableMode","accessibleLabel","primaryText","secondaryText","height","class","classNames","inner","role","getAriaLabel","style","getStyles","getDefaultTriggerContent","validation","dragAndDropProps","pressProps","isHover","hoverProps","useFilepickerElementHelper","classes","childrenStyles","tabIndex","ref","mergedEventProps","useSetupTestRef","useImperativeHandle","onClickSelected"],"mappings":"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"}

package/es/UNSAFE_Flex.css

@@ -1,2 +1,2 @@
-._1n27dne{display:flex;}
-._1phb6i8 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}
+._8vx3h3{display:flex;}
+._9kijh5 > *{margin-top:0 !important;margin-bottom:0 !important;margin-left:0 !important;margin-right:0 !important;}

package/es/UNSAFE_Flex.js

@@ -1,5 +1,5 @@
-/* @oracle/oraclejet-preact: 14.1.10 */
-import { _ as __rest } from './tslib.es6-c66fc3f0.js';
+/* @oracle/oraclejet-preact: 14.1.11 */
+import { _ as __rest } from './tslib.es6-df31130b.js';
 import { jsx } from 'preact/jsx-runtime';
 import { dimensionInterpolations } from './utils/UNSAFE_interpolations/dimensions.js';
 import { mergeInterpolations } from './utils/UNSAFE_mergeInterpolations.js';
@@ -10,14 +10,14 @@ import { flexitemInterpolations } from './utils/UNSAFE_interpolations/flexitem.j
 import { classNames } from './utils/UNSAFE_classNames.js';
 import './utils/UNSAFE_arrayUtils.js';
 import './utils/UNSAFE_size.js';
-import './_curry1-4002d580.js';
-import './_curry3-a3409375.js';
-import './_curry2-ad597af0.js';
-import './_has-19e9364e.js';
-import './keys-c87b7c09.js';
+import './_curry1-838522fe.js';
+import './_curry3-cc5134f9.js';
+import './_curry2-60b9ceaa.js';
+import './_has-88fdf057.js';
+import './keys-a9432abc.js';
 
-const baseStyles = "_1n27dne";
-const marginZeroStyles = "_1phb6i8";
+const baseStyles = "_8vx3h3";
+const marginZeroStyles = "_9kijh5";
 const interpolations = [...Object.values(dimensionInterpolations), ...Object.values(flexboxInterpolations), ...Object.values(flexitemInterpolations), ...Object.values(boxAlignmentInterpolations)];
 const styleInterpolations = mergeInterpolations(interpolations);
 const Flex = _a => {

package/es/UNSAFE_Flex.js.map

@@ -1 +1 @@
-{"version":3,"file":"UNSAFE_Flex.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 { ComponentChildren } from 'preact';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps & {\n  children?: ComponentChildren;\n  hasZeroMargins?: boolean;\n};\n\nconst baseStyles = cssProps`${{ display: 'flex' }}`;\nconst marginZeroStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\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, ...props }: Props) => {\n  const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n  const { class: cls, ...styles } = styleInterpolations(props);\n  return (\n    <div class={`${flexComponentClasses} ${cls}`} style={styles}>\n      {children}\n    </div>\n  );\n};\n"],"names":["baseStyles","marginZeroStyles","interpolations","Object","values","dimensionInterpolations","flexboxInterpolations","flexitemInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","Flex","_a","flexComponentClasses","classNames","hasZeroMargins","_b","props","class","cls","styles","__rest","_jsx","assign","style","children"],"mappings":";;;;;;;;;;;;;;;;;;AA2BA,MAAAA,UAAA,GAAA,UAAA,CAAA;AACA,MAAAC,gBAAA,GAAA,UAAA,CAAA;AAUA,MAAAC,cAAA,GAAA,CACE,GAAAC,MAAA,CAAAC,MAAA,CAAAC,uBAAA,CADF,EAEE,GAAAF,MAAA,CAAAC,MAAA,CAAAE,qBAAA,CAFF,EAGE,GAAAH,MAAA,CAAAC,MAAA,CAAAG,sBAAA,CAHF,EAIE,GAAAJ,MAAA,CAAAC,MAAA,CAAAI,0BAAA,CAJF,CAAA,CAAA;AAOA,MAAAC,mBAAA,GAAAC,mBAAA,CAAAR,cAAA,CAAA,CAAA;AAEAS,MAAAA,IAAA,GAAAC,EAAA,IAAA;;;;;;;EACE,MAAAC,oBAAA,GAAAC,UAAA,CAAA,CAAAd,UAAA,EAAAe,cAAA,IAAAd,gBAAA,CAAA,CAAA,CAAA;;AACA,EAAA,MAAAe,EAAA,GAAAP,mBAAA,CAAAQ,KAAA,CAAA;QAAA;AAAAC,IAAAA,KAAA,EAAAC,GAAAA;AAAA,GAAA,GAAAH,EAAA;QAAAI,MAAA,GAAAC,MAAA,CAAAL,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;AACA,EAAA,OAAAM,GAAA,CAAA,KAAA,EAAAnB,MAAA,CAAAoB,MAAA,CAAA;AAAAL,IAAAA,KAAA,EAAA,CAAA,EAAAL,oBAAA,CAAA,CAAA,EAAAM,GAAA,CAAA,CAAA;AAAAK,IAAAA,KAAA,EAAAJ,MAAAA;AAAA,GAAA,EAAA;AAAAK,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}
+{"version":3,"file":"UNSAFE_Flex.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 { ComponentChildren } from 'preact';\nimport { dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport { boxAlignmentInterpolations } from '../utils/UNSAFE_interpolations/boxalignment';\nimport type { BoxAlignmentProps } from '../utils/UNSAFE_interpolations/boxalignment';\nimport { flexboxInterpolations } from '../utils/UNSAFE_interpolations/flexbox';\nimport type { FlexboxProps } from '../utils/UNSAFE_interpolations/flexbox';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\ntype StyleProps = DimensionProps & FlexboxProps & FlexitemProps & BoxAlignmentProps;\n\ntype Props = StyleProps & {\n  children?: ComponentChildren;\n  hasZeroMargins?: boolean;\n};\n\nconst baseStyles = cssProps`${{ display: 'flex' }}`;\nconst marginZeroStyles = cssProps`${{\n  /* @ts-ignore */\n  '& > *': {\n    marginTop: '0 !important',\n    marginBottom: '0 !important',\n    marginLeft: '0 !important',\n    marginRight: '0 !important'\n  }\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, ...props }: Props) => {\n  const flexComponentClasses = classNames([baseStyles, hasZeroMargins && marginZeroStyles]);\n  const { class: cls, ...styles } = styleInterpolations(props);\n  return (\n    <div class={`${flexComponentClasses} ${cls}`} style={styles}>\n      {children}\n    </div>\n  );\n};\n"],"names":["baseStyles","marginZeroStyles","interpolations","Object","values","dimensionInterpolations","flexboxInterpolations","flexitemInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","Flex","_a","flexComponentClasses","classNames","hasZeroMargins","_b","props","class","cls","styles","__rest","_jsx","assign","style","children"],"mappings":";;;;;;;;;;;;;;;;;;AA2BA,MAAAA,UAAA,GAAA,SAAA,CAAA;AACA,MAAAC,gBAAA,GAAA,SAAA,CAAA;AAUA,MAAAC,cAAA,GAAA,CACE,GAAAC,MAAA,CAAAC,MAAA,CAAAC,uBAAA,CADF,EAEE,GAAAF,MAAA,CAAAC,MAAA,CAAAE,qBAAA,CAFF,EAGE,GAAAH,MAAA,CAAAC,MAAA,CAAAG,sBAAA,CAHF,EAIE,GAAAJ,MAAA,CAAAC,MAAA,CAAAI,0BAAA,CAJF,CAAA,CAAA;AAOA,MAAAC,mBAAA,GAAAC,mBAAA,CAAAR,cAAA,CAAA,CAAA;AAEAS,MAAAA,IAAA,GAAAC,EAAA,IAAA;;;;;;;EACE,MAAAC,oBAAA,GAAAC,UAAA,CAAA,CAAAd,UAAA,EAAAe,cAAA,IAAAd,gBAAA,CAAA,CAAA,CAAA;;AACA,EAAA,MAAAe,EAAA,GAAAP,mBAAA,CAAAQ,KAAA,CAAA;QAAA;AAAAC,IAAAA,KAAA,EAAAC,GAAAA;AAAA,GAAA,GAAAH,EAAA;QAAAI,MAAA,GAAAC,MAAA,CAAAL,EAAA,EAAA,CAAA,OAAA,CAAA,CAAA,CAAA;;AACA,EAAA,OAAAM,GAAA,CAAA,KAAA,EAAAnB,MAAA,CAAAoB,MAAA,CAAA;AAAAL,IAAAA,KAAA,EAAA,CAAA,EAAAL,oBAAA,CAAA,CAAA,EAAAM,GAAA,CAAA,CAAA;AAAAK,IAAAA,KAAA,EAAAJ,MAAAA;AAAA,GAAA,EAAA;AAAAK,IAAAA,QAAA,EAAAA,QAAAA;AAAA,GAAA,CAAA,CAAA,CAAA;AAKF;;;;;;;"}

package/es/UNSAFE_Floating.js

@@ -1,8 +1,8 @@
-/* @oracle/oraclejet-preact: 14.1.10 */
+/* @oracle/oraclejet-preact: 14.1.11 */
 import { jsxs, jsx } from 'preact/jsx-runtime';
 import { useRef, useState, useLayoutEffect, useCallback, useMemo } from 'preact/hooks';
 import { forwardRef } from 'preact/compat';
-import { o as offset, b, D, L, m, k, u as useFloating, N } from './index-3daa5ed2.js';
+import { o as offset, b, D, L, m, k, u as useFloating, N } from './index-e3b0e042.js';
 import { mergeRefs } from './utils/PRIVATE_refUtils.js';
 import { useOutsideClick } from './hooks/UNSAFE_useOutsideClick.js';
 import { useUser } from './hooks/UNSAFE_useUser.js';