@oracle/oraclejet-preact 15.0.4 → 15.1.0

package/amd/Collapsible-0912569f.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collapsible-0912569f.js","sources":["../../src/UNSAFE_Collapsible/CollapsibleHeaderIcon.tsx","../../src/UNSAFE_Collapsible/CollapsibleHeader.tsx","../../src/UNSAFE_Collapsible/CollapsibleContent.tsx","../../src/UNSAFE_Collapsible/Collapsible.tsx"],"sourcesContent":["import { ExpandIcon } from '../PRIVATE_ThemedIcons/ExpandIcon';\nimport { CollapseIcon } from '../PRIVATE_ThemedIcons/CollapseIcon';\nimport { CollapseUpIcon } from '../PRIVATE_ThemedIcons/CollapseUpIcon';\n\ntype IconProps = {\n  isExpanded: boolean;\n  isDisabled?: boolean;\n  iconPosition?: 'start' | 'end';\n};\n\n/**\n * Header icon subcomponent\n */\nexport const CollapsibleHeaderIcon = ({ isExpanded, isDisabled, iconPosition }: IconProps) => {\n  const color = isDisabled ? 'disabled' : 'primary';\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\" color={color} />;\n};\n","import { Fragment } from 'preact';\nimport { useCallback, useState, useRef } from 'preact/hooks';\n\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { CollapsibleVariantOptions, CollapsibleStyles } from './themes/CollapsibleStyles.css';\n\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';\nimport { CollapsibleRedwoodTheme } from './themes/redwood/CollapsibleTheme';\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  accessibleLabel?: string;\n  accessibleLabelId?: string;\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  accessibleLabel,\n  accessibleLabelId\n}: HeaderProps) => {\n  const [hasFocus, setFocus] = useState<boolean>(false);\n  const isMouseDown = useRef<boolean>(false);\n\n  const { classes, styles } = useComponentTheme<CollapsibleVariantOptions, CollapsibleStyles>(\n    CollapsibleRedwoodTheme,\n    {\n      disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n      divider: variant === 'horizontal-rule' ? 'hasDivider' : 'noDivider',\n      focused: hasFocus ? 'isFocused' : 'notFocused'\n    }\n  );\n\n  const childrenClasses = classNames([\n    styles.headerChildrenStyle,\n    iconPosition === 'end' && styles.iconEndStyle,\n    iconPosition === 'start' && styles.iconStartStyle\n  ]);\n\n  const pressHandler = useCallback(\n    (event: Event) => {\n      toggleHandler(event.target);\n      // if the header has focus highlight and the toggle was caused by a pointer action,\n      // remove focus highlight from the header div\n      // the test environment may not support PointerEvent, make sure it is supported\n      if (hasFocus) {\n        const hasPointerEvent = window && 'PointerEvent' in window;\n        if ((hasPointerEvent && event instanceof PointerEvent) || event instanceof MouseEvent) {\n          setFocus(false);\n        }\n      }\n    },\n    [toggleHandler]\n  );\n\n  const { pressProps } = usePress(pressHandler, {\n    isDisabled,\n    isRepeat: false\n  });\n\n  // if focused, we want to render the focus highlight on the collapsible header div\n  const onFocus = useCallback((event: Event) => {\n    if (event.type === 'focusin' && !isMouseDown.current) {\n      setFocus(true);\n    } else {\n      setFocus(false);\n    }\n  }, []);\n\n  const mouseDownHandler = () => {\n    isMouseDown.current = true;\n  };\n\n  const mouseUpHandler = () => {\n    isMouseDown.current = false;\n  };\n\n  // Resolve accessible label. By default, the expand button is labelled by the header content.\n  // If accessibleLabel or accessibleLabeleId is specified, they get used instead.\n  const ariaLabelProp = accessibleLabel\n    ? { 'aria-label': accessibleLabel }\n    : accessibleLabelId\n    ? { 'aria-labelledby': accessibleLabelId }\n    : { 'aria-labelledby': id };\n\n  const getHeader = () => (\n    <Fragment>\n      {iconPosition === 'end' && <div className={childrenClasses}>{children}</div>}\n      <div\n        tabIndex={0}\n        role={'button'}\n        aria-controls={contentId}\n        aria-expanded={isExpanded}\n        onFocus={onFocus}\n        onBlur={onFocus}\n        onMouseDown={mouseDownHandler}\n        onMouseUp={mouseUpHandler}\n        className={styles.chevronStyle}\n        {...ariaLabelProp}>\n        <CollapsibleHeaderIcon\n          iconPosition={iconPosition}\n          isExpanded={isExpanded}\n          isDisabled={isDisabled}\n        />\n      </div>\n      {iconPosition === 'start' && <div className={childrenClasses}>{children}</div>}\n    </Fragment>\n  );\n\n  return (\n    <>\n      <div id={id} className={classes} {...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 { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { CollapsibleStyles } from './themes/CollapsibleStyles.css';\n\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { CollapsibleRedwoodTheme } from './themes/redwood/CollapsibleTheme';\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\nexport const CollapsibleContent = ({ children, id, isExpanded, onTransitionEnd }: ContentProps) => {\n  const [state, setState] = useState<Status>(isExpanded ? 'expanding' : 'unmounted');\n\n  const { styles } = useComponentTheme<never, CollapsibleStyles>(CollapsibleRedwoodTheme);\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.contentChildrenStyle}\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 { useCallback } from 'preact/hooks';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { CollapsibleHeader } from './CollapsibleHeader';\nimport { CollapsibleContent } from './CollapsibleContent';\n\ntype Props = {\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  /**\n   * An alternative accessible label. By default, the header content is used as Collapsible's accessible label.\n   * If required, the user can set a custom 'accessibleLabel' value.\n   */\n  'aria-label'?: string;\n\n  /**\n   * An alternative accessible label id. By default, the header content is used as Collapsible's accessible label.\n   * If required, the user can specify an element id within the header to be used as the accessible label.\n   * If both 'accessibleLabel' and 'accessibilityId' are specified, the 'accessibleLabelId' is ignored.\n   */\n  'aria-labelledby'?: string;\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  header,\n  children,\n  isDisabled = false,\n  isExpanded = false,\n  iconPosition = 'start',\n  variant = 'basic',\n  onToggle,\n  onTransitionEnd,\n  'aria-label': accessibleLabel,\n  'aria-labelledby': accessibleLabelId\n}: Props) => {\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    <>\n      <CollapsibleHeader\n        id={headerId}\n        contentId={contentId}\n        toggleHandler={toggleHandler}\n        isDisabled={isDisabled}\n        isExpanded={isExpanded}\n        iconPosition={iconPosition}\n        variant={variant}\n        accessibleLabel={accessibleLabel}\n        accessibleLabelId={accessibleLabelId}>\n        {header}\n      </CollapsibleHeader>\n      <CollapsibleContent\n        id={contentId}\n        isExpanded={isExpanded}\n        onTransitionEnd={transitionEndHandler}>\n        {children}\n      </CollapsibleContent>\n    </>\n  );\n};\n"],"names":["CollapsibleHeaderIcon","isExpanded","isDisabled","iconPosition","color","startIcon","ExpandIcon","CollapseIcon","endIcon","CollapseUpIcon","Icon","_jsx","size","CollapsibleHeader","children","id","contentId","variant","toggleHandler","accessibleLabel","accessibleLabelId","hasFocus","setFocus","useState","isMouseDown","useRef","classes","styles","useComponentTheme","CollapsibleRedwoodTheme","disabled","divider","focused","childrenClasses","classNames","headerChildrenStyle","iconEndStyle","iconStartStyle","pressHandler","useCallback","event","target","window","PointerEvent","MouseEvent","pressProps","usePress","isRepeat","onFocus","type","current","mouseDownHandler","mouseUpHandler","ariaLabelProp","_jsxs","jsx","className","Flex","align","justify","Fragment","tabIndex","role","onBlur","onMouseDown","onMouseUp","chevronStyle","Divider","CollapsibleContent","onTransitionEnd","state","setState","contentInitialStyle","overflowY","maxHeight","useEffect","nodeRef","useAnimation","animationStates","onAnimationEnd","animationState","contentChildrenStyle","ref","style","undefined","expanding","node","to","scrollHeight","options","duration","end","collapsing","from","header","onToggle","uniqueID","useId","headerId","value","transitionEndHandler","jsxs","_Fragment"],"mappings":"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"}

package/amd/Collection-20e496d4.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact'], (function(e,t,n){"use strict";e.Collection=function({items:e,children:i}){return t.jsx(n.Fragment,{children:e.map(((e,t)=>i({index:t,data:e})))})}}));
-//# sourceMappingURL=Collection-20e496d4.js.map

package/amd/Collection-20e496d4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collection-20e496d4.js","sources":["../../src/PRIVATE_Collection/Collection.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 { ComponentChildren, Fragment } from 'preact';\nimport { ItemContext } from '../UNSAFE_Collection';\n\n/**\n * Props for the Collection Component\n */\nexport type Props<D> = {\n  /**\n   * An array of data\n   */\n  items: D[];\n  /**\n   * A function to render each item\n   */\n  children: (context: ItemContext<D>) => ComponentChildren;\n};\n\n/**\n * Component that renders an array of data.\n */\nexport function Collection<D>({ items, children }: Props<D>) {\n  return (\n    <Fragment>\n      {items.map((data: D, index: number) => {\n        const ctx = { index, data };\n        return children(ctx);\n      })}\n    </Fragment>\n  );\n}\n"],"names":["items","children","_jsx","jsx","Fragment","map","data","index"],"mappings":"sGA2B8BA,MAAEA,EAAKC,SAAEA,IACrC,OACEC,EAAAC,IAACC,EAAQA,SAAA,CAAAH,SACND,EAAMK,KAAI,CAACC,EAASC,IAEZN,EADK,CAAEM,QAAOD,YAK7B"}

package/amd/ColorUtils-969f12aa.js

@@ -1,2 +0,0 @@
-define(['exports'], (function(e){"use strict";function f(e){let f=e;const a=d(f);a&&(f=a);const r=f.indexOf("(");let n;return r<0?(n=[],f.length>7?(n[0]=parseInt(f.substr(3,2),16),n[1]=parseInt(f.substr(5,2),16),n[2]=parseInt(f.substr(7,2),16),n[3]=parseInt(f.substr(1,2),16)/255):(n[0]=parseInt(f.substr(1,2),16),n[1]=parseInt(f.substr(3,2),16),n[2]=parseInt(f.substr(5,2),16),n[3]=1)):n=f.substring(r+1).match(/[^,|)]+/gm)?.map((e=>parseFloat(e))),n}function a(e,f){const a=e+.05,r=f+.05;return a>r?a/r:r/a}function r(e){const a=function(e){const f=e/255;return f<.03928?f/12.92:Math.pow((f+.055)/1.055,2.4)},r=f(e),n=r?.[0],d=r?.[1],t=r?.[2];return.2126*a(n)+.7152*a(d)+.0722*a(t)}const n={};function d(e){return n[e.toLowerCase()]}n.aliceblue="#f0f8ff",n.antiquewhite="#faEbd7",n.aqua="#00ffff",n.aquamarine="#7fffd4",n.azure="#f0ffff",n.beige="#f5f5dc",n.bisque="#ffE4c4",n.black="#000000",n.blanchedalmond="#ffEbcd",n.blue="#0000ff",n.blueviolet="#8a2bE2",n.brown="#a52a2a",n.burlywood="#dEb887",n.cadetblue="#5f9Ea0",n.chartreuse="#7fff00",n.chocolate="#d2691E",n.coral="#ff7f50",n.cornflowerblue="#6495Ed",n.cornsilk="#fff8dc",n.crimson="#dc143c",n.cyan="#00ffff",n.darkblue="#00008b",n.darkcyan="#008b8b",n.darkgoldenrod="#b8860b",n.darkgray="#a9a9a9",n.darkgreen="#006400",n.darkkhaki="#bdb76b",n.darkmagenta="#8b008b",n.darkolivegreen="#556b2f",n.darkorange="#ff8c00",n.darkorchid="#9932cc",n.darkred="#8b0000",n.darksalmon="#E9967a",n.darkseagreen="#8fbc8f",n.darkslateblue="#483d8b",n.darkslategray="#2f4f4f",n.darkturquoise="#00cEd1",n.darkviolet="#9400d3",n.deeppink="#ff1493",n.deepskyblue="#00bfff",n.dimgray="#696969",n.dodgerblue="#1E90ff",n.firebrick="#b22222",n.floralwhite="#fffaf0",n.forestgreen="#228b22",n.fuchsia="#ff00ff",n.gainsboro="#dcdcdc",n.ghostwhite="#f8f8ff",n.gold="#ffd700",n.goldenrod="#daa520",n.gray="#808080",n.green="#008000",n.greenyellow="#adff2f",n.honeydew="#f0fff0",n.hotpink="#ff69b4",n["indianred "]="#cd5c5c",n["indigo "]="#4b0082",n.ivory="#fffff0",n.khaki="#f0E68c",n.lavender="#E6E6fa",n.lavenderblush="#fff0f5",n.lawngreen="#7cfc00",n.lemonchiffon="#fffacd",n.lightblue="#add8E6",n.lightcoral="#f08080",n.lightcyan="#E0ffff",n.lightgoldenrodyellow="#fafad2",n.lightgray="#d3d3d3",n.lightgreen="#90EE90",n.lightpink="#ffb6c1",n.lightsalmon="#ffa07a",n.lightseagreen="#20b2aa",n.lightskyblue="#87cEfa",n.lightslategray="#778899",n.lightsteelblue="#b0c4dE",n.lightyellow="#ffffE0",n.lime="#00ff00",n.limegreen="#32cd32",n.linen="#faf0E6",n.magenta="#ff00ff",n.maroon="#800000",n.mediumaquamarine="#66cdaa",n.mediumblue="#0000cd",n.mediumorchid="#ba55d3",n.mediumpurple="#9370db",n.mediumseagreen="#3cb371",n.mediumslateblue="#7b68EE",n.mediumspringgreen="#00fa9a",n.mediumturquoise="#48d1cc",n.mediumvioletred="#c71585",n.midnightblue="#191970",n.mintcream="#f5fffa",n.mistyrose="#ffE4E1",n.moccasin="#ffE4b5",n.navajowhite="#ffdEad",n.navy="#000080",n.oldlace="#fdf5E6",n.olive="#808000",n.olivedrab="#6b8E23",n.orange="#ffa500",n.orangered="#ff4500",n.orchid="#da70d6",n.palegoldenrod="#EEE8aa",n.palegreen="#98fb98",n.paleturquoise="#afEEEE",n.palevioletred="#db7093",n.papayawhip="#ffEfd5",n.peachpuff="#ffdab9",n.peru="#cd853f",n.pink="#ffc0cb",n.plum="#dda0dd",n.powderblue="#b0E0E6",n.purple="#800080",n.rebeccapurple="#663399",n.red="#ff0000",n.rosybrown="#bc8f8f",n.royalblue="#4169E1",n.saddlebrown="#8b4513",n.salmon="#fa8072",n.sandybrown="#f4a460",n.seagreen="#2E8b57",n.seashell="#fff5EE",n.sienna="#a0522d",n.silver="#c0c0c0",n.skyblue="#87cEEb",n.slateblue="#6a5acd",n.slategray="#708090",n.snow="#fffafa",n.springgreen="#00ff7f",n.steelblue="#4682b4",n.tan="#d2b48c",n.teal="#008080",n.thistle="#d8bfd8",n.tomato="#ff6347",n.turquoise="#40E0d0",n.violet="#EE82EE",n.wheat="#f5dEb3",n.white="#ffffff",n.whitesmoke="#f5f5f5",n.yellow="#ffff00",n.yellowgreen="#9acd32",n.transparent="rgba(255,255,255,0)",e._lightenColor=function(e,a){const r=f(e);if(r){const e=255*(1-a)+a*r[0],f=255*(1-a)+a*r[1],n=255*(1-a)+a*r[2];return"rgb("+Math.floor(e)+","+Math.floor(f)+","+Math.floor(n)+")"}return""},e.getColorFromName=d,e.getContrastRatioByLuminance=a,e.getContrastingTextColor=function(e){const f=r(e);return a(f,1)>a(f,0)?"#FFFFFF":"#000000"},e.getLuminance=r,e.getRGBA=f}));
-//# sourceMappingURL=ColorUtils-969f12aa.js.map

package/amd/ColorUtils-969f12aa.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ColorUtils-969f12aa.js","sources":["../../src/utils/PRIVATE_visColorUtils/ColorUtils.ts"],"sourcesContent":["/**\n *  Returns a specifed channel value from a css color specification (#, rgb(), rgba()).\n *  If an alpha channel is requested and a # or rgb string is supplied,\n *  an implied value of 1 is returned.\n *  @private\n *  @param  {String} colorString  The color string.\n *  @return The channel value as a decimal number (between 0 and 255).\n */\nexport function getRGBA(colorString: string) {\n  let clr = colorString;\n\n  // If clr is a named color, then convert into usable format\n  const namedColor = getColorFromName(clr);\n  if (namedColor) clr = namedColor;\n\n  // Alpha support\n  // if (clr.charAt(0) === '#') return clr.length > 7 ? parseInt(clr.substring(1, 3), 16) / 255 : 1;\n\n  const x1 = clr.indexOf('(');\n  let ar;\n  if (x1 < 0) {\n    ar = [];\n    //: parse channels for different # formats\n    if (clr.length > 7) {\n      //  #aarrggbb format\n      ar[0] = parseInt(clr.substr(3, 2), 16);\n      ar[1] = parseInt(clr.substr(5, 2), 16);\n      ar[2] = parseInt(clr.substr(7, 2), 16);\n      ar[3] = parseInt(clr.substr(1, 2), 16) / 255;\n    } else {\n      //  #rrggbb format\n      ar[0] = parseInt(clr.substr(1, 2), 16);\n      ar[1] = parseInt(clr.substr(3, 2), 16);\n      ar[2] = parseInt(clr.substr(5, 2), 16);\n      ar[3] = 1;\n    }\n  } else {\n    //  rgb() or rgba() format\n    ar = clr\n      .substring(x1 + 1)\n      .match(/[^,|)]+/gm)\n      ?.map((x) => parseFloat(x));\n  }\n\n  return ar;\n}\n\n/**\n * Returns the contrast ratio between two relative luminance values. The ratio can range from 1 to 21.\n * Follows the formula in www.w3.org/TR/WCAG20/#contrast-ratiodef\n * @param {number} luminance1\n * @param {number} luminance2\n * @return {number} The contrast ratio.\n */\nexport function getContrastRatioByLuminance(luminance1: number, luminance2: number) {\n  const l1 = luminance1 + 0.05;\n  const l2 = luminance2 + 0.05;\n  return l1 > l2 ? l1 / l2 : l2 / l1;\n}\n\n/**\n * Returns the relative brightness of any point in a colorspace, normalized to 0 for darkest black and 1 for lightest white.\n * Follows the formula in www.w3.org/TR/WCAG20/#relativeluminancedef\n * @param {string} color\n * @return {number} The relative luminance of the provided color.\n */\nexport function getLuminance(color: string) {\n  const transform = function (c: any) {\n    const cs = c / 255;\n    return cs < 0.03928 ? cs / 12.92 : Math.pow((cs + 0.055) / 1.055, 2.4);\n  };\n\n  const rgba = getRGBA(color);\n  const r = rgba?.[0];\n  const g = rgba?.[1];\n  const b = rgba?.[2];\n  return 0.2126 * transform(r) + 0.7152 * transform(g) + 0.0722 * transform(b);\n}\n\n/**\n * Returns a contrasting text color for the specified background color.\n * @param {string} backgroundColor The background color.\n * @return {string} A constrasting color for use on text.\n */\nexport function getContrastingTextColor(backgroundColor: string) {\n  // TODO: Retrieve from cache if it has been computed before\n  const luminance = getLuminance(backgroundColor);\n  const whiteContrast = getContrastRatioByLuminance(luminance, 1);\n  const blackContrast = getContrastRatioByLuminance(luminance, 0);\n  const textColor = whiteContrast > blackContrast ? '#FFFFFF' : '#000000';\n  return textColor;\n}\n\n/**\n * Helper function to lighten a color by blending in white\n * @param {string} color The color to lighten\n * @param {number} opacity The decimal amount of white to blend into the color from 0-1\n * @return {string}\n * @private\n */\nexport function _lightenColor(color: string, opacity: number) {\n  const rgba = getRGBA(color);\n  if (rgba) {\n    const r = rgba[0];\n    const g = rgba[1];\n    const b = rgba[2];\n    const lighterR = (1 - opacity) * 255 + opacity * r;\n    const lighterG = (1 - opacity) * 255 + opacity * g;\n    const lighterB = (1 - opacity) * 255 + opacity * b;\n    return (\n      'rgb(' + Math.floor(lighterR) + ',' + Math.floor(lighterG) + ',' + Math.floor(lighterB) + ')'\n    );\n  }\n  return '';\n}\n\n/**\n * colormap const\n */\nconst colorMap: { [key: string]: string } = {};\ncolorMap['aliceblue'] = '#f0f8ff';\ncolorMap['antiquewhite'] = '#faEbd7';\ncolorMap['aqua'] = '#00ffff';\ncolorMap['aquamarine'] = '#7fffd4';\ncolorMap['azure'] = '#f0ffff';\ncolorMap['beige'] = '#f5f5dc';\ncolorMap['bisque'] = '#ffE4c4';\ncolorMap['black'] = '#000000';\ncolorMap['blanchedalmond'] = '#ffEbcd';\ncolorMap['blue'] = '#0000ff';\ncolorMap['blueviolet'] = '#8a2bE2';\ncolorMap['brown'] = '#a52a2a';\ncolorMap['burlywood'] = '#dEb887';\ncolorMap['cadetblue'] = '#5f9Ea0';\ncolorMap['chartreuse'] = '#7fff00';\ncolorMap['chocolate'] = '#d2691E';\ncolorMap['coral'] = '#ff7f50';\ncolorMap['cornflowerblue'] = '#6495Ed';\ncolorMap['cornsilk'] = '#fff8dc';\ncolorMap['crimson'] = '#dc143c';\ncolorMap['cyan'] = '#00ffff';\ncolorMap['darkblue'] = '#00008b';\ncolorMap['darkcyan'] = '#008b8b';\ncolorMap['darkgoldenrod'] = '#b8860b';\ncolorMap['darkgray'] = '#a9a9a9';\ncolorMap['darkgreen'] = '#006400';\ncolorMap['darkkhaki'] = '#bdb76b';\ncolorMap['darkmagenta'] = '#8b008b';\ncolorMap['darkolivegreen'] = '#556b2f';\ncolorMap['darkorange'] = '#ff8c00';\ncolorMap['darkorchid'] = '#9932cc';\ncolorMap['darkred'] = '#8b0000';\ncolorMap['darksalmon'] = '#E9967a';\ncolorMap['darkseagreen'] = '#8fbc8f';\ncolorMap['darkslateblue'] = '#483d8b';\ncolorMap['darkslategray'] = '#2f4f4f';\ncolorMap['darkturquoise'] = '#00cEd1';\ncolorMap['darkviolet'] = '#9400d3';\ncolorMap['deeppink'] = '#ff1493';\ncolorMap['deepskyblue'] = '#00bfff';\ncolorMap['dimgray'] = '#696969';\ncolorMap['dodgerblue'] = '#1E90ff';\ncolorMap['firebrick'] = '#b22222';\ncolorMap['floralwhite'] = '#fffaf0';\ncolorMap['forestgreen'] = '#228b22';\ncolorMap['fuchsia'] = '#ff00ff';\ncolorMap['gainsboro'] = '#dcdcdc';\ncolorMap['ghostwhite'] = '#f8f8ff';\ncolorMap['gold'] = '#ffd700';\ncolorMap['goldenrod'] = '#daa520';\ncolorMap['gray'] = '#808080';\ncolorMap['green'] = '#008000';\ncolorMap['greenyellow'] = '#adff2f';\ncolorMap['honeydew'] = '#f0fff0';\ncolorMap['hotpink'] = '#ff69b4';\ncolorMap['indianred '] = '#cd5c5c';\ncolorMap['indigo '] = '#4b0082';\ncolorMap['ivory'] = '#fffff0';\ncolorMap['khaki'] = '#f0E68c';\ncolorMap['lavender'] = '#E6E6fa';\ncolorMap['lavenderblush'] = '#fff0f5';\ncolorMap['lawngreen'] = '#7cfc00';\ncolorMap['lemonchiffon'] = '#fffacd';\ncolorMap['lightblue'] = '#add8E6';\ncolorMap['lightcoral'] = '#f08080';\ncolorMap['lightcyan'] = '#E0ffff';\ncolorMap['lightgoldenrodyellow'] = '#fafad2';\ncolorMap['lightgray'] = '#d3d3d3';\ncolorMap['lightgreen'] = '#90EE90';\ncolorMap['lightpink'] = '#ffb6c1';\ncolorMap['lightsalmon'] = '#ffa07a';\ncolorMap['lightseagreen'] = '#20b2aa';\ncolorMap['lightskyblue'] = '#87cEfa';\ncolorMap['lightslategray'] = '#778899';\ncolorMap['lightsteelblue'] = '#b0c4dE';\ncolorMap['lightyellow'] = '#ffffE0';\ncolorMap['lime'] = '#00ff00';\ncolorMap['limegreen'] = '#32cd32';\ncolorMap['linen'] = '#faf0E6';\ncolorMap['magenta'] = '#ff00ff';\ncolorMap['maroon'] = '#800000';\ncolorMap['mediumaquamarine'] = '#66cdaa';\ncolorMap['mediumblue'] = '#0000cd';\ncolorMap['mediumorchid'] = '#ba55d3';\ncolorMap['mediumpurple'] = '#9370db';\ncolorMap['mediumseagreen'] = '#3cb371';\ncolorMap['mediumslateblue'] = '#7b68EE';\ncolorMap['mediumspringgreen'] = '#00fa9a';\ncolorMap['mediumturquoise'] = '#48d1cc';\ncolorMap['mediumvioletred'] = '#c71585';\ncolorMap['midnightblue'] = '#191970';\ncolorMap['mintcream'] = '#f5fffa';\ncolorMap['mistyrose'] = '#ffE4E1';\ncolorMap['moccasin'] = '#ffE4b5';\ncolorMap['navajowhite'] = '#ffdEad';\ncolorMap['navy'] = '#000080';\ncolorMap['oldlace'] = '#fdf5E6';\ncolorMap['olive'] = '#808000';\ncolorMap['olivedrab'] = '#6b8E23';\ncolorMap['orange'] = '#ffa500';\ncolorMap['orangered'] = '#ff4500';\ncolorMap['orchid'] = '#da70d6';\ncolorMap['palegoldenrod'] = '#EEE8aa';\ncolorMap['palegreen'] = '#98fb98';\ncolorMap['paleturquoise'] = '#afEEEE';\ncolorMap['palevioletred'] = '#db7093';\ncolorMap['papayawhip'] = '#ffEfd5';\ncolorMap['peachpuff'] = '#ffdab9';\ncolorMap['peru'] = '#cd853f';\ncolorMap['pink'] = '#ffc0cb';\ncolorMap['plum'] = '#dda0dd';\ncolorMap['powderblue'] = '#b0E0E6';\ncolorMap['purple'] = '#800080';\ncolorMap['rebeccapurple'] = '#663399';\ncolorMap['red'] = '#ff0000';\ncolorMap['rosybrown'] = '#bc8f8f';\ncolorMap['royalblue'] = '#4169E1';\ncolorMap['saddlebrown'] = '#8b4513';\ncolorMap['salmon'] = '#fa8072';\ncolorMap['sandybrown'] = '#f4a460';\ncolorMap['seagreen'] = '#2E8b57';\ncolorMap['seashell'] = '#fff5EE';\ncolorMap['sienna'] = '#a0522d';\ncolorMap['silver'] = '#c0c0c0';\ncolorMap['skyblue'] = '#87cEEb';\ncolorMap['slateblue'] = '#6a5acd';\ncolorMap['slategray'] = '#708090';\ncolorMap['snow'] = '#fffafa';\ncolorMap['springgreen'] = '#00ff7f';\ncolorMap['steelblue'] = '#4682b4';\ncolorMap['tan'] = '#d2b48c';\ncolorMap['teal'] = '#008080';\ncolorMap['thistle'] = '#d8bfd8';\ncolorMap['tomato'] = '#ff6347';\ncolorMap['turquoise'] = '#40E0d0';\ncolorMap['violet'] = '#EE82EE';\ncolorMap['wheat'] = '#f5dEb3';\ncolorMap['white'] = '#ffffff';\ncolorMap['whitesmoke'] = '#f5f5f5';\ncolorMap['yellow'] = '#ffff00';\ncolorMap['yellowgreen'] = '#9acd32';\ncolorMap['transparent'] = 'rgba(255,255,255,0)';\n\n/**\n * Returns a color definition string from the named color.\n * @param {String}  name  The color name.\n * @type {String}\n * @return  An #rrggbb color string.\n */\nexport function getColorFromName(name: string) {\n  return colorMap[name.toLowerCase()];\n}\n"],"names":["getRGBA","colorString","clr","namedColor","getColorFromName","x1","indexOf","ar","length","parseInt","substr","substring","match","map","x","parseFloat","getContrastRatioByLuminance","luminance1","luminance2","l1","l2","getLuminance","color","transform","c","cs","Math","pow","rgba","r","g","b","colorMap","name","toLowerCase","opacity","lighterR","lighterG","lighterB","floor","backgroundColor","luminance"],"mappings":"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"}

package/amd/CompactHelpSource-dc9e03e8.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useTranslationBundle', './utils/UNSAFE_classNames', './PRIVATE_ThemedIcons/HelpIcon', './UNSAFE_Popup', './hooks/UNSAFE_useFocusWithin', './useFocusWithin-446161c3', './UNSAFE_UserAssistance/themes/UserAssistanceStyles.css', './hooks/UNSAFE_useComponentTheme', './UNSAFE_Label/themes/redwood/LabelTheme', './classNames-9bbd55a1'], (function(e,s,o,n,u,t,c,r,a,i,l,p,d,h){"use strict";function f(){const e=o.useRef(null),{focusProps:s,isFocused:n}=i.useFocusWithin();return{isFocused:n,popupProps:{onTransitionEnd:o.useCallback((o=>{o?(s.onfocusin&&e.current?.addEventListener("focusin",s.onfocusin,!1),s.onfocusout&&e.current?.addEventListener("focusout",s.onfocusout,!1)):(s.onfocusin&&e.current?.removeEventListener("focusin",s.onfocusin,!1),s.onfocusout&&e.current?.removeEventListener("focusout",s.onfocusout,!1))}),[s.onfocusin,s.onfocusout,e]),ref:e}}}e.CompactHelpSource=function({children:e,id:t,labelEdge:a,source:i}){const[b,m]=o.useState(!1),E=u.useTranslationBundle("@oracle/oraclejet-preact").userAssistance_learnMore(),{isTabbable:F,tabbableModeProps:A}=n.useTabbableMode(),S=o.useRef(null),T=e??E,{baseTheme:N}=p.useComponentTheme(d.LabelRedwoodTheme),_=h.classNames([N,l.helpIconBase,"start"===a&&l.helpIconLabelEdgeStart]),{isFocused:x,popupProps:U}=f(),L=!0===b||!0===x;return s.jsxs(s.Fragment,{children:[s.jsx("a",{target:"_blank",...i&&{href:i},"aria-label":T,class:_,id:t,ref:S,role:"link",onMouseEnter:()=>m(!0),onMouseLeave:()=>m(!1),onFocus:()=>m(!0),onBlur:()=>m(!1),...F?{tabIndex:0}:A,children:s.jsx(c.HelpIcon,{})}),s.jsx(r.Popup,{...U,placement:"end-top-corner",isOpen:L,anchorRef:S,flipOptions:{mainAxis:!0,crossAxis:!1},children:s.jsx("div",{class:l.helpContentStyles,children:T})})]})},e.usePopupFocusWithin=f}));
-//# sourceMappingURL=CompactHelpSource-dc9e03e8.js.map

package/amd/CompactHelpSource-dc9e03e8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CompactHelpSource-dc9e03e8.js","sources":["../../src/UNSAFE_UserAssistance/usePopupFocusWithin.ts","../../src/UNSAFE_UserAssistance/CompactHelpSource.tsx"],"sourcesContent":["import { useCallback, useRef } from 'preact/hooks';\n\nimport { useFocusWithin } from '../hooks/UNSAFE_useFocusWithin';\n\nexport function usePopupFocusWithin() {\n  const ref = useRef<HTMLElement | null>(null);\n  const { focusProps, isFocused } = useFocusWithin();\n\n  const onTransitionEnd = useCallback(\n    (isAfterOpen?: boolean) => {\n      if (isAfterOpen) {\n        if (focusProps.onfocusin) {\n          ref.current?.addEventListener('focusin', focusProps.onfocusin, false);\n        }\n        if (focusProps.onfocusout) {\n          ref.current?.addEventListener('focusout', focusProps.onfocusout, false);\n        }\n      } else {\n        if (focusProps.onfocusin) {\n          ref.current?.removeEventListener('focusin', focusProps.onfocusin, false);\n        }\n        if (focusProps.onfocusout) {\n          ref.current?.removeEventListener('focusout', focusProps.onfocusout, false);\n        }\n      }\n    },\n    [focusProps.onfocusin, focusProps.onfocusout, ref]\n  );\n\n  return {\n    isFocused,\n    popupProps: {\n      onTransitionEnd,\n      ref\n    }\n  };\n}\n","import { useState, useRef } from 'preact/hooks';\n\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { HelpIcon } from '../PRIVATE_ThemedIcons/HelpIcon';\nimport { Popup } from '../UNSAFE_Popup';\nimport { usePopupFocusWithin } from './usePopupFocusWithin';\nimport {\n  helpIconBase,\n  helpIconLabelEdgeStart,\n  helpContentStyles\n} from './themes/UserAssistanceStyles.css';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { LabelRedwoodTheme } from '../UNSAFE_Label/themes/redwood/LabelTheme';\n\ntype Props = {\n  children?: string;\n  id?: string;\n  labelEdge?: 'inside' | 'start' | 'top';\n  source?: string;\n};\n\nexport function CompactHelpSource({ children, id, labelEdge, source }: Props) {\n  const [isOver, setOver] = useState(false);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const userAssistance_learnMoreStr = translations.userAssistance_learnMore();\n  const { isTabbable, tabbableModeProps } = useTabbableMode();\n  const flip = { mainAxis: true, crossAxis: false };\n  // TODO: Implement and use a preact Link component instead of using an anchor tag\n  const anchorRef = useRef<HTMLAnchorElement>(null);\n\n  const text = children ?? userAssistance_learnMoreStr;\n\n  // helpIconBase references 'Label' vars, so we need to get the baseTheme for 'Label' and include it in the class list\n  // so that we pick up the definitions for the labelVars we are using.\n  const { baseTheme: labelBaseTheme } = useComponentTheme(LabelRedwoodTheme);\n\n  const styles = classNames([\n    labelBaseTheme,\n    helpIconBase,\n    labelEdge === 'start' && helpIconLabelEdgeStart\n  ]);\n\n  const { isFocused: isPopupFocused, popupProps } = usePopupFocusWithin();\n\n  const isOpen = isOver === true || isPopupFocused === true;\n\n  return (\n    <>\n      <a\n        target=\"_blank\"\n        {...(source && { href: source })}\n        aria-label={text}\n        class={styles}\n        id={id}\n        ref={anchorRef}\n        role=\"link\"\n        onMouseEnter={() => setOver(true)}\n        onMouseLeave={() => setOver(false)}\n        onFocus={() => setOver(true)}\n        onBlur={() => setOver(false)}\n        {...(!isTabbable ? tabbableModeProps : { tabIndex: 0 })}>\n        <HelpIcon />\n      </a>\n      <Popup\n        {...popupProps}\n        placement=\"end-top-corner\"\n        isOpen={isOpen}\n        anchorRef={anchorRef}\n        flipOptions={flip}>\n        <div class={helpContentStyles}>{text}</div>\n      </Popup>\n    </>\n  );\n}\n"],"names":["usePopupFocusWithin","ref","useRef","focusProps","isFocused","useFocusWithin","popupProps","onTransitionEnd","useCallback","isAfterOpen","onfocusin","current","addEventListener","onfocusout","removeEventListener","children","id","labelEdge","source","isOver","setOver","useState","userAssistance_learnMoreStr","useTranslationBundle","userAssistance_learnMore","isTabbable","tabbableModeProps","useTabbableMode","anchorRef","text","baseTheme","labelBaseTheme","useComponentTheme","LabelRedwoodTheme","styles","classNames","helpIconBase","helpIconLabelEdgeStart","isPopupFocused","isOpen","_jsxs","_Fragment","_jsx","target","href","class","role","onMouseEnter","onMouseLeave","onFocus","onBlur","tabIndex","jsx","HelpIcon","Popup","placement","flipOptions","mainAxis","crossAxis","helpContentStyles"],"mappings":"qeAIgBA,IACd,MAAMC,EAAMC,SAA2B,OACjCC,WAAEA,EAAUC,UAAEA,GAAcC,EAAcA,iBAuBhD,MAAO,CACLD,YACAE,WAAY,CACVC,gBAxBoBC,eACrBC,IACKA,GACEN,EAAWO,WACbT,EAAIU,SAASC,iBAAiB,UAAWT,EAAWO,WAAW,GAE7DP,EAAWU,YACbZ,EAAIU,SAASC,iBAAiB,WAAYT,EAAWU,YAAY,KAG/DV,EAAWO,WACbT,EAAIU,SAASG,oBAAoB,UAAWX,EAAWO,WAAW,GAEhEP,EAAWU,YACbZ,EAAIU,SAASG,oBAAoB,WAAYX,EAAWU,YAAY,GAEvE,GAEH,CAACV,EAAWO,UAAWP,EAAWU,WAAYZ,IAO5CA,OAGN,qBCZM,UAA4Bc,SAAEA,EAAQC,GAAEA,EAAEC,UAAEA,EAASC,OAAEA,IAC3D,MAAOC,EAAQC,GAAWC,EAAQA,UAAC,GAE7BC,EADeC,uBAAiC,4BACLC,4BAC3CC,WAAEA,EAAUC,kBAAEA,GAAsBC,EAAeA,kBAGnDC,EAAY1B,SAA0B,MAEtC2B,EAAOd,GAAYO,GAIjBQ,UAAWC,GAAmBC,EAAiBA,kBAACC,EAAiBA,mBAEnEC,EAASC,EAAAA,WAAW,CACxBJ,EACAK,EAAYA,aACE,UAAdnB,GAAyBoB,EAAsBA,0BAGzCjC,UAAWkC,EAAchC,WAAEA,GAAeN,IAE5CuC,GAAoB,IAAXpB,IAAsC,IAAnBmB,EAElC,OACEE,EAAAA,KAAAC,EAAAA,SAAA,CAAA1B,SAAA,CACE2B,MACE,IAAA,CAAAC,OAAO,YACFzB,GAAU,CAAE0B,KAAM1B,GACX,aAAAW,EACZgB,MAAOX,EACPlB,GAAIA,EACJf,IAAK2B,EACLkB,KAAK,OACLC,aAAc,IAAM3B,GAAQ,GAC5B4B,aAAc,IAAM5B,GAAQ,GAC5B6B,QAAS,IAAM7B,GAAQ,GACvB8B,OAAQ,IAAM9B,GAAQ,MAChBK,EAAiC,CAAE0B,SAAU,GAAhCzB,EAAoCX,SACvD2B,EAACU,IAAAC,EAAQA,eAEXX,MAACY,EAAAA,MACK,IAAAhD,EACJiD,UAAU,iBACVhB,OAAQA,EACRX,UAAWA,EACX4B,YA1CO,CAAEC,UAAU,EAAMC,WAAW,GA2CpC3C,SAAA2B,EAAAA,IAAA,MAAA,CAAKG,MAAOc,EAAAA,kBAAiB5C,SAAGc,QAIxC"}

package/amd/ComponentMessage-0a124b03.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './hooks/UNSAFE_useComponentTheme', './hooks/UNSAFE_useTranslationBundle', './PRIVATE_Message', './UNSAFE_HiddenAccessible', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageTheme', './HiddenAccessible-5a8bbd31', './MessageUtils-45b46e1c', './MessageStartIcon-ee51f157', './MessageSummary-0c4e1ac7'], (function(e,s,n,o,a,r,t,i,c,l,d){"use strict";e.ComponentMessage=function({detail:e,fieldLabel:a,severity:r="error"}){const{classes:m}=n.useComponentTheme(t.ComponentMessageRedwoodTheme,{severity:r??"none"}),u=o.useTranslationBundle("@oracle/oraclejet-preact"),g={confirmation:u.confirmation(),error:u.error(),info:u.info(),warning:u.warn()};return s.jsxs("div",{class:m,role:"alert","aria-atomic":"true",children:[a&&s.jsx(i.HiddenAccessible,{children:a}),c.isSeverityIconNeeded(r)&&s.jsx(l.MessageStartIcon,{variant:"inline",severity:r,translations:g}),s.jsx(d.MessageSummary,{variant:"inline",text:e})]})}}));
-//# sourceMappingURL=ComponentMessage-0a124b03.js.map

package/amd/ComponentMessage-0a124b03.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentMessage-0a124b03.js","sources":["../../src/UNSAFE_ComponentMessage/ComponentMessage.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { isSeverityIconNeeded, MessageStartIcon, MessageSummary } from '../PRIVATE_Message';\nimport { BundleType } from '../resources/nls/bundle';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ComponentMessageVariantOptions } from './themes/ComponentMessageStyles.css';\nimport { ComponentMessageRedwoodTheme } from './themes/redwood/ComponentMessageTheme';\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 } = useComponentTheme<ComponentMessageVariantOptions>(\n    ComponentMessageRedwoodTheme,\n    {\n      severity: severity ?? 'none'\n    }\n  );\n\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"],"names":["detail","fieldLabel","severity","classes","useComponentTheme","ComponentMessageRedwoodTheme","translations","useTranslationBundle","severityTranslations","confirmation","error","info","warning","warn","_jsxs","jsxs","class","role","children","_jsx","jsx","HiddenAccessible","isSeverityIconNeeded","MessageStartIcon","variant","MessageSummary","text"],"mappings":"qZAgDM,UAA2BA,OAAEA,EAAMC,WAAEA,EAAUC,SAAEA,EAAW,UAChE,MAAMC,QAAEA,GAAYC,EAAiBA,kBACnCC,+BACA,CACEH,SAAUA,GAAY,SAIpBI,EAAeC,uBAAiC,4BAChDC,EAAuB,CAC3BC,aAAcH,EAAaG,eAC3BC,MAAOJ,EAAaI,QACpBC,KAAML,EAAaK,OACnBC,QAASN,EAAaO,QAGxB,OACEC,EAAKC,KAAA,MAAA,CAAAC,MAAOb,EAASc,KAAK,QAAoB,cAAA,OAC3CC,SAAA,CAAAjB,GAAckB,EAACC,IAAAC,mBAAkB,CAAAH,SAAAjB,IACjCqB,EAAAA,qBAAqBpB,IACpBiB,EAAAA,IAACI,EAAgBA,kBACfC,QAAQ,SACRtB,SAAUA,EACVI,aAAcE,IAIlBW,EAAAA,IAACM,EAAcA,eAAA,CAACD,QAAQ,SAASE,KAAM1B,MAG7C"}

package/amd/ComponentMessageContainer-b3ccfd87.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './PRIVATE_Message', './ComponentMessage-0a124b03', './UNSAFE_ComponentMessage/themes/ComponentMessageStyles.css', './MessagesManager-6aa065fa'], (function(e,s,a,t,n,i){"use strict";function o(e){return e.map(((e,s)=>({key:s,data:{closeAffordance:"off",severity:e.severity||"error",detail:e.detail}})))}e.ComponentMessageContainer=function({fieldLabel:e,messages:a=[]}){return s.jsx("div",{class:n.componentMessageContainerBase,children:s.jsx(i.MessagesManager,{data:o(a),children:({item:a})=>s.jsx(t.ComponentMessage,{detail:a.data.detail,fieldLabel:e,severity:a.data.severity},a.key)})})}}));
-//# sourceMappingURL=ComponentMessageContainer-b3ccfd87.js.map

package/amd/ComponentMessageContainer-b3ccfd87.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ComponentMessageContainer-b3ccfd87.js","sources":["../../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 */\n\nimport { MessagesManager } from '../PRIVATE_Message';\nimport { Item } from '../utils/UNSAFE_dataProvider';\nimport { ComponentMessage, ComponentMessageItem } from './ComponentMessage';\nimport { componentMessageContainerBase } from './themes/ComponentMessageStyles.css';\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={componentMessageContainerBase}>\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":["generateMessagesData","messages","map","message","index","key","data","closeAffordance","severity","detail","fieldLabel","_jsx","class","componentMessageContainerBase","MessagesManager","children","item","jsx","ComponentMessage"],"mappings":"yNAmBA,SAASA,EAAqBC,GAC5B,OAAOA,EAASC,KAAwC,CAACC,EAASC,KACzD,CACLC,IAAKD,EACLE,KAAM,CACJC,gBAAiB,MACjBC,SAAUL,EAAQK,UAAY,QAC9BC,OAAQN,EAAQM,WAIxB,6BAiBM,UAAoCC,WAAEA,EAAUT,SAAEA,EAAW,KACjE,OACEU,EAAAA,IAAK,MAAA,CAAAC,MAAOC,EAA6BA,uCACvCF,MAACG,EAAAA,gBAAgB,CAAAR,KAAMN,EAAqBC,GACzCc,SAAA,EAAGC,UACFL,EAAAM,IAACC,EAAgBA,iBAAA,CAEfT,OAAQO,EAAKV,KAAKG,OAClBC,WAAYA,EACZF,SAAUQ,EAAKV,KAAKE,UAHfQ,EAAKX,QAStB"}

package/amd/Divider-7fa72dc8.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_classNames', './UNSAFE_Divider/themes/DividerStyles.css', './classNames-9bbd55a1'], (function(s,e,i,t,a){"use strict";s.Divider=function({orientation:s="horizontal"}){const i=t.multiVariantStyles({orientation:s}),r=a.classNames([i,t.styles.dividerBase]);return e.jsx("span",{class:r,role:"separator","aria-orientation":s})}}));
-//# sourceMappingURL=Divider-7fa72dc8.js.map

package/amd/Divider-7fa72dc8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider-7fa72dc8.js","sources":["../../src/UNSAFE_Divider/Divider.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 { classNames } from '../utils/UNSAFE_classNames';\nimport { multiVariantStyles, styles } from './themes/DividerStyles.css';\n\n// TODO -  Expose props once vertical orientation is supported\ntype DividerProps = {\n  /**\n   * Divider's orientation.\n   */\n  orientation?: 'horizontal';\n};\n\n// TODO - Support vertical orientation\nexport function Divider({ orientation = 'horizontal' }: DividerProps) {\n  const variantClasses = multiVariantStyles({\n    orientation: orientation\n  });\n  const classes = classNames([variantClasses, styles.dividerBase]);\n  // TODO - Check  with archs if this should be a polymorphic component and if the answer is yes, implement it\n  return <span class={classes} role=\"separator\" aria-orientation={orientation}></span>;\n}\n"],"names":["orientation","variantClasses","multiVariantStyles","classes","classNames","styles","dividerBase","_jsx","jsx","class","role"],"mappings":"8LAmBwBA,YAAEA,EAAc,eACtC,MAAMC,EAAiBC,EAAAA,mBAAmB,CACxCF,YAAaA,IAETG,EAAUC,EAAAA,WAAW,CAACH,EAAgBI,EAAMA,OAACC,cAEnD,OAAOC,EAAAC,IAAA,OAAA,CAAMC,MAAON,EAASO,KAAK,YAAW,mBAAmBV,GAClE"}

package/amd/FilePicker-018a76cf.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_mergeProps', './utils/UNSAFE_classNames', './hooks/UNSAFE_useTranslationBundle', './utils/UNSAFE_size', './utils/UNSAFE_stringUtils', './hooks/UNSAFE_useComponentTheme', './UNSAFE_FilePicker/themes/redwood/FilePickerTheme', './stringUtils-82b3d679', './utils/UNSAFE_filePickerUtils', './utils/PRIVATE_clientHints', './hooks/UNSAFE_usePress', 'preact/hooks', './clientHints-5b4e191b', './hooks/UNSAFE_useTabbableMode', './hooks/UNSAFE_useInteractionStyle', './classNames-9bbd55a1'], (function(e,t,r,s,n,i,o,a,l,d,c,u,p,h,v,y,m,f){"use strict";const b=(e,r,s,n,i)=>{const{styles:{disabledPrimaryTextStyle:o,primaryTextStyle:d,disabledSecondaryTextStyle:c,secondaryTextStyle:u}}=a.useComponentTheme(l.FilePickerRedwoodTheme);return[t.jsx("div",{class:e?o:d,children:T(r,n)}),t.jsx("div",{class:e?c:u,children:S(s,n,i)})]},g=({ariaLabel:e,isDisabled:t,translations:r,primaryText:s,secondaryText:n,selectionMode:i})=>e||`${t?"":r.filePicker_addFiles()+". "}${T(s,r)}. ${S(n,r,i)}`,P=(e,t)=>({width:e?i.sizeToCSS(e):void 0,height:t?i.sizeToCSS(t):void 0}),T=(e,t)=>e||t.filePicker_dropzonePrimaryText(),S=(e,t,r)=>{const s="multiple"===r?t.filePicker_dropzoneSecondaryTextMultiple():t.filePicker_dropzoneSecondaryText();return e||s},x=(e,t,r)=>{const s=[],n=[];let i,o;if(e)for(let a=0;a<e.length;a++){i=e[a];const l=i.name;if(o=r.filePicker_unknownFileTypeUploadError(),l){const e=l.split(".");o=e.length>1?"."+e.pop():o}o=i.type?i.type:o,-1===s.indexOf(o)&&-1===n.indexOf(o)&&(F(i,t)?s.push(o):n.push(o))}return{accepted:s,rejected:n}},k=e=>{const t={length:{value:e.length},item:{value(e){return this[e]}}};for(let r=0;r<e.length;r++)t[r]={value:e[r],enumerable:!0};return Object.create(FileList.prototype,t)},D=(e,t)=>"single"!==t||1===e.length,H=(e,t)=>{const r=[];return 1===e.length?r.push({severity:"error",summary:t.filePicker_singleTypeUploadError({fileType:e[0]})}):r.push({severity:"error",summary:t.filePicker_multipleFileTypeUploadError({fileTypes:e.join(t.plural_separator())})}),r},F=(e,t)=>{const r=t;if(!r||0===r.length||!e)return!0;let s;for(let t=0;t<r.length;t++){if(s=d.trim(r[t]),!s)return!0;if(s.startsWith(".",0)){if(!e.name||e.name&&e.name.toLowerCase().endsWith(s.toLowerCase()))return!0}else{if(!e.type)return!1;if("image/*"===s){if(e.type.startsWith("image/",0))return!0}else if("video/*"===s){if(e.type.startsWith("video/",0))return!0}else if("audio/*"===s){if(e.type.startsWith("audio/",0))return!0}else if(e.type===s)return!0}}return!1},_=(e,t,r)=>{let s;const n=t?new Promise((e=>{s=e})):null;return r?.({messages:e,until:n}),s},E=(e,t)=>{const r=k(e);t?.({files:r})},j=(e,t,r)=>{const{callback:s,validation:n}=N(e),{pressProps:i}=p.usePress(s);return{validation:n,dragAndDropProps:U(e.accept,e.selectionMode,_,E,t,e.translations,e.onCommit,e.onReject,r),pressProps:i}},N=e=>{const t=t=>{if(t.length>0){const r=x(t,e.accept,e.translations).rejected;r.length>0?_(H(r,e.translations),!1,e.onReject):E(t,e.onCommit)}};return{callback:r=>{("click"===r.type||"keyup"===r.type&&"Enter"===r.code)&&(r.preventDefault(),c.pickFiles(t,{accept:e.accept,selectionMode:e.selectionMode??"multiple",capture:e.capture??"none"}))},validation:t}},U=(e,t,r,s,n,i,o,a,l)=>{const d=h.useRef(!1),c=h.useRef(!1),u=h.useRef(),p=(e,t=!1)=>{d.current&&(e.preventDefault(),e.stopPropagation(),n.current?.contains(e.relatedTarget)||(d.current=!1,l?.("NA"),c.current||t||u.current?.()))};return{onDragEnter:e=>{e.preventDefault(),e.stopPropagation()},onDragOver:s=>{if(s.preventDefault(),s.stopPropagation(),d.current)return;const n=v.getClientHints().browser;if(d.current=!0,c.current=!0,"safari"!==n){if(!s.dataTransfer)return;const n=k(s.dataTransfer.items);let o=[];const d=D(n,t),p=x(n,e,i);d&&0===p.rejected.length?l?.("valid"):(c.current=!1,d?o=H(p.rejected,i):o.push({severity:"error",summary:i.filePicker_singleFileUploadError()}),l?.("invalid"),u.current=r(o,!0,a))}else l?.("valid")},onDragLeave:p,onDrop:n=>{if(d.current){if(n.preventDefault(),n.stopPropagation(),!n.dataTransfer)return void(d.current=!1);const l=k(n.dataTransfer.files);let u=!1;if(c.current){let n=[];if(D(l,t)){const t=x(l,e,i);t.rejected.length>0&&(n=H(t.rejected,i),u=!0)}else n.push({severity:"error",summary:i.filePicker_singleFileUploadError()});n.length>0&&(c.current=!1,r(n,!1,a)),c.current&&s(l,o)}p(n,u)}}}};const A=e=>{const{interactionProps:s,applyActiveStyle:n,applyHoverStyle:i,applyPseudoHoverStyle:o}=m.useInteractionStyle(!1),{classes:d,styles:{maxWidth:c,inner:u,activeStyle:p,innerNeedsEventsHoverStyle:v,innerPseudoHoverStyle:T,invalidDrop:S,validDrop:x}}=a.useComponentTheme(l.FilePickerRedwoodTheme,{disabledState:"notDisabled",hoveredState:i?"isHover":"notHover",pseudoHoveredState:o?"isPseudoHover":"notPseudoHover"}),k=[n?p:"",i?v:"",o?T:""],[D,H]=h.useState("NA"),F="valid"===D?x:"invalid"===D?S:void 0,_=h.useRef(null),{validation:E,dragAndDropProps:N,pressProps:U}=j(e,_,H),A=r.mergeProps(U,s);R(N,E,e.testHandlersRef||null);const M=f.classNames([d,void 0===e.width&&c]),{isTabbable:w}=y.useTabbableMode(),{primaryText:C,secondaryText:L,translations:W,selectionMode:I,width:z,height:O}=e;return t.jsx("div",{...A,class:M,tabIndex:w?0:-1,role:"button","aria-label":g({ariaLabel:e["aria-label"],isDisabled:!1,translations:W,primaryText:C,secondaryText:L,selectionMode:I}),ref:_,style:P(z,O),children:t.jsx("div",{class:f.classNames([u,F,...k]),...N,children:b(!1,C,L,W,I)})})},M=({children:e,primaryText:r,secondaryText:s,translations:n,selectionMode:i,width:o,height:d,...c})=>{const{classes:u,styles:{maxWidth:p,inner:h,noChildrenMargin:v}}=a.useComponentTheme(l.FilePickerRedwoodTheme,{disabledState:"isDisabled",hoveredState:"notHover",pseudoHoveredState:"notPseudoHover"});return t.jsx("div",{class:f.classNames([u,h,v,void 0===o&&p]),role:"button","aria-label":g({ariaLabel:c["aria-label"],isDisabled:!0,translations:n,primaryText:r,secondaryText:s}),"aria-hidden":"true",style:P(o,d),children:e||b(!0,r,s,n,i)})},w=e=>{const{interactionProps:s,applyHoverStyle:n,applyPseudoHoverStyle:i}=m.useInteractionStyle(!1),{classes:o,styles:{maxWidth:d,noChildrenMargin:c}}=a.useComponentTheme(l.FilePickerRedwoodTheme,{disabledState:"notDisabled",hoveredState:n?"isHover":"notHover",pseudoHoveredState:i?"isPseudoHover":"notPseudoHover"}),u=h.useRef(null),{validation:p,dragAndDropProps:v,pressProps:b}=j(e,u),T=r.mergeProps(b,v,s);R(v,p,e.testHandlersRef||null);const S=f.classNames([o,c,void 0===e.width&&d]),{translations:x,selectionMode:k}=e,{isTabbable:D}=y.useTabbableMode();return t.jsx("div",{class:f.classNames([S]),tabIndex:D?void 0:-1,role:"button","aria-label":g({ariaLabel:e["aria-label"],isDisabled:!1,translations:x,selectionMode:k}),ref:u,style:P(e.width,e.height),...T,children:e.children})},R=(e,t,r)=>{h.useImperativeHandle(r,(()=>({onDragEnter:e.onDragEnter,onDragOver:e.onDragOver,onDrop:e.onDrop,onDragLeave:e.onDragLeave,onClickSelected:t})))};e.FilePicker=function({capture:e="none",isDisabled:r=!1,selectionMode:s="multiple",children:i,...o}){const a=o.__testHandlerSymbol,l={capture:e,selectionMode:s,translations:n.useTranslationBundle("@oracle/oraclejet-preact"),...o};return r?t.jsx(M,{...l,children:i}):i?t.jsx(w,{testHandlersRef:a,...l,children:i}):t.jsx(A,{testHandlersRef:a,...l})}}));
-//# sourceMappingURL=FilePicker-018a76cf.js.map

package/amd/FilePicker-018a76cf.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FilePicker-018a76cf.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 { sizeToCSS } from '../utils/UNSAFE_size';\nimport { trim } from '../utils/UNSAFE_stringUtils';\nimport { BundleType } from '../resources/nls/bundle';\nimport { FilePicker } from './FilePicker';\nimport { JSX, ComponentProps } from 'preact';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { FilePickerStyles } from './themes/FilePickerStyles.css';\nimport { FilePickerRedwoodTheme } from './themes/redwood/FilePickerTheme';\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  const {\n    styles: {\n      disabledPrimaryTextStyle,\n      primaryTextStyle,\n      disabledSecondaryTextStyle,\n      secondaryTextStyle\n    }\n  } = useComponentTheme<never, FilePickerStyles>(FilePickerRedwoodTheme);\n  return [\n    <div class={isDisabled ? disabledPrimaryTextStyle : primaryTextStyle}>\n      {getPrimaryText(primaryText, translations)}\n    </div>,\n    <div class={isDisabled ? disabledSecondaryTextStyle : secondaryTextStyle}>\n      {getSecondaryText(secondaryText, translations, selectionMode)}\n    </div>\n  ];\n};\n\n/**\n * Returns the aria label\n */\ntype AriaLabelProps = {\n  ariaLabel: FilePickerProps['aria-label'];\n  isDisabled: FilePickerProps['isDisabled'];\n  translations: BundleType;\n  primaryText?: FilePickerProps['primaryText'];\n  secondaryText?: FilePickerProps['secondaryText'];\n  selectionMode?: FilePickerProps['selectionMode'];\n};\nexport const getAriaLabel = ({\n  ariaLabel,\n  isDisabled,\n  translations,\n  primaryText,\n  secondaryText,\n  selectionMode\n}: AriaLabelProps) => {\n  return ariaLabel\n    ? ariaLabel\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 { 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  return {\n    validation,\n    dragAndDropProps,\n    pressProps\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';\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\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { FilePickerStyles, FilePickerVariantOptions } from './themes/FilePickerStyles.css';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { FilePickerRedwoodTheme } from './themes/redwood/FilePickerTheme';\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. This will be used for the aria-label of the DOM element.\n   */\n  'aria-label'?: 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 { interactionProps, applyActiveStyle, applyHoverStyle, applyPseudoHoverStyle } =\n    useInteractionStyle(false);\n  const {\n    classes,\n    styles: {\n      maxWidth,\n      inner,\n      activeStyle,\n      innerNeedsEventsHoverStyle,\n      innerPseudoHoverStyle,\n      invalidDrop,\n      validDrop\n    }\n  } = useComponentTheme<FilePickerVariantOptions, FilePickerStyles>(FilePickerRedwoodTheme, {\n    disabledState: 'notDisabled',\n    hoveredState: applyHoverStyle ? 'isHover' : 'notHover',\n    pseudoHoveredState: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover'\n  });\n  const innerInteractiveClasses = [\n    applyActiveStyle ? activeStyle : '',\n    applyHoverStyle ? innerNeedsEventsHoverStyle : '',\n    applyPseudoHoverStyle ? innerPseudoHoverStyle : ''\n  ];\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' ? validDrop : validity === 'invalid' ? invalidDrop : undefined;\n  const rootRef = useRef<HTMLDivElement>(null);\n\n  const { validation, dragAndDropProps, pressProps } = useFilepickerElementHelper(\n    props,\n    rootRef,\n    setValidity\n  );\n  const mergedEventProps = mergeProps(pressProps, interactionProps);\n\n  // These are backdoor handles that are used for testing purposes only\n  useSetupTestRef(dragAndDropProps, validation, props.testHandlersRef || null);\n  const wrapperClasses = classNames([classes, props.width === undefined && maxWidth]);\n  const { isTabbable } = useTabbableMode();\n  const { primaryText, secondaryText, translations, selectionMode, width, height } = props;\n  return (\n    <div\n      {...mergedEventProps}\n      class={wrapperClasses}\n      tabIndex={isTabbable ? 0 : -1}\n      role=\"button\"\n      aria-label={getAriaLabel({\n        ariaLabel: props['aria-label'],\n        isDisabled: false,\n        translations,\n        primaryText,\n        secondaryText,\n        selectionMode\n      })}\n      ref={rootRef}\n      style={getStyles(width, height)}>\n      <div\n        class={classNames([inner, validityClass, ...innerInteractiveClasses])}\n        {...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  primaryText,\n  secondaryText,\n  translations,\n  selectionMode,\n  width,\n  height,\n  ...props\n}: DisabledProps) => {\n  const {\n    classes,\n    styles: { maxWidth, inner, noChildrenMargin }\n  } = useComponentTheme<FilePickerVariantOptions, FilePickerStyles>(FilePickerRedwoodTheme, {\n    disabledState: 'isDisabled',\n    hoveredState: 'notHover',\n    pseudoHoveredState: 'notPseudoHover'\n  });\n  return (\n    <div\n      class={classNames([classes, inner, noChildrenMargin, width === undefined && maxWidth])}\n      role=\"button\"\n      aria-label={getAriaLabel({\n        ariaLabel: props['aria-label'],\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 { interactionProps, applyHoverStyle, applyPseudoHoverStyle } = useInteractionStyle(false);\n  const {\n    classes,\n    styles: { maxWidth, noChildrenMargin }\n  } = useComponentTheme<FilePickerVariantOptions, FilePickerStyles>(FilePickerRedwoodTheme, {\n    disabledState: 'notDisabled',\n    hoveredState: applyHoverStyle ? 'isHover' : 'notHover',\n    pseudoHoveredState: applyPseudoHoverStyle ? 'isPseudoHover' : 'notPseudoHover'\n  });\n  const rootRef = useRef<HTMLDivElement>(null);\n  const { validation, dragAndDropProps, pressProps } = useFilepickerElementHelper(props, rootRef);\n  const mergedEventProps = mergeProps(pressProps, dragAndDropProps, interactionProps);\n\n  // These are backdoor handles that are used for testing purposes only\n  useSetupTestRef(dragAndDropProps, validation, props.testHandlersRef || null);\n\n  const wrapperClasses = classNames([\n    classes,\n    noChildrenMargin,\n    props.width === undefined && maxWidth\n  ]);\n  const { translations, selectionMode } = props;\n  const { isTabbable } = useTabbableMode();\n  return (\n    <div\n      class={classNames([wrapperClasses])}\n      tabIndex={isTabbable ? undefined : -1}\n      role=\"button\"\n      aria-label={getAriaLabel({\n        ariaLabel: props['aria-label'],\n        isDisabled: false,\n        translations,\n        selectionMode\n      })}\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"],"names":["getDefaultTriggerContent","isDisabled","primaryText","secondaryText","translations","selectionMode","styles","disabledPrimaryTextStyle","primaryTextStyle","disabledSecondaryTextStyle","secondaryTextStyle","useComponentTheme","FilePickerRedwoodTheme","_jsx","class","getPrimaryText","children","getSecondaryText","getAriaLabel","ariaLabel","filePicker_addFiles","getStyles","width","height","sizeToCSS","undefined","filePicker_dropzonePrimaryText","defaultSecondaryText","filePicker_dropzoneSecondaryTextMultiple","filePicker_dropzoneSecondaryText","validateTypes","files","accept","accepted","rejected","file","type","i","length","name","filePicker_unknownFileTypeUploadError","nameSplit","split","pop","indexOf","_acceptFile","push","createFileList","origList","descriptor","value","item","index","this","enumerable","Object","create","FileList","prototype","validateSelectionMode","getMimeTypeValidationMessages","messages","severity","summary","filePicker_singleTypeUploadError","fileType","filePicker_multipleFileTypeUploadError","fileTypes","join","plural_separator","acceptProp","fileAccept","trim","startsWith","toLowerCase","endsWith","fireRejectAction","isDrag","onReject","resolver","dragPromise","Promise","resolve","until","handleFilesAdded","onCommit","list","useFilepickerElementHelper","props","rootRef","setValidity","callback","validation","clickCallbackUtils","pressProps","usePress","dragAndDropProps","useDragAndDropEvents","_handleClickValidation","event","code","preventDefault","pickFiles","capture","inDropZone","useRef","isDroppable","dragPromiseResolver","_handleDragLeave","mimeTypeDropFail","current","stopPropagation","contains","relatedTarget","onDragEnter","onDragOver","browser","getClientHints","dataTransfer","items","selectionModeValid","droppable","filePicker_singleFileUploadError","onDragLeave","onDrop","DefaultFilePicker","interactionProps","applyActiveStyle","applyHoverStyle","applyPseudoHoverStyle","useInteractionStyle","classes","maxWidth","inner","activeStyle","innerNeedsEventsHoverStyle","innerPseudoHoverStyle","invalidDrop","validDrop","disabledState","hoveredState","pseudoHoveredState","innerInteractiveClasses","validity","useState","validityClass","mergedEventProps","mergeProps","useSetupTestRef","testHandlersRef","wrapperClasses","classNames","isTabbable","useTabbableMode","tabIndex","role","ref","style","DisabledFilePicker","noChildrenMargin","CustomFilePicker","useImperativeHandle","onClickSelected","otherProps","__testHandlerSymbol","useTranslationBundle"],"mappings":"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"}

package/amd/Flex-44a43d4b.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_interpolations/dimensions', './utils/UNSAFE_mergeInterpolations', 'module', './utils/UNSAFE_interpolations/boxalignment', './utils/UNSAFE_interpolations/flexbox', './utils/UNSAFE_interpolations/flexitem', './utils/UNSAFE_classNames', './flexbox-2a8465ce', './flexitem-4184e4ca', './classNames-9bbd55a1'], (function(e,s,t,i,n,l,o,a,r,c,m,u){"use strict";const x="qqubeo",b=[...Object.values(t.dimensionInterpolations),...Object.values(c.flexboxInterpolations),...Object.values(m.flexitemInterpolations),...Object.values(l.boxAlignmentInterpolations)],p=i.mergeInterpolations(b);e.Flex=({children:e,hasZeroMargins:t=!0,...i})=>{const n=u.classNames(["bajwdm",t&&x]),{class:l,...o}=p(i);return s.jsx("div",{class:`${n} ${l}`,style:o,children:e})},e.marginZeroStyles=x}));
-//# sourceMappingURL=Flex-44a43d4b.js.map

package/amd/Flex-44a43d4b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Flex-44a43d4b.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  /**\n   * @default true\n   */\n  hasZeroMargins?: boolean;\n};\n\nconst baseStyles = cssProps`${{ display: 'flex' }}`;\n// exported for testing\n// TODO: This will be removed when converting the Flex commponent to the new theming,\n// and there the marginZeroStyles class name will be exported in the FlexStyles.css.ts file\n// and can be used for testing.\nexport const 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 = true, ...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":["marginZeroStyles","interpolations","Object","values","dimensionInterpolations","flexboxInterpolations","flexitemInterpolations","boxAlignmentInterpolations","styleInterpolations","mergeInterpolations","Flex","children","hasZeroMargins","props","flexComponentClasses","classNames","class","cls","styles","_jsx","style"],"mappings":"+YA8BA,MAKAA,EAQC,SAEDC,EAAA,IACEC,OAAAC,OAAAC,EAAAA,4BACAF,OAAAC,OAAAE,EAAAA,0BACAH,OAAAC,OAAAG,6BACAJ,OAAAC,OAAAI,EAAAA,6BAGFC,EAAAC,EAAAA,oBAAAR,UAEAS,EAAAC,WAAAC,kBAAA,KAAAC,MACE,MAAAC,EAAAC,EAAAA,WAAA,CAzByB,SAyBzBH,GAAAZ,KACAgB,MAAAC,KAAAC,GAAAV,EAAAK,GACA,OAAAM,EAAAA,IAAA,MAAA,CAAAH,MAAA,GAAAF,KAAAG,IAAAG,MAAAF,EAAAP,SAAAA,GAAA"}

package/amd/Floating-bbae41d5.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', 'preact/compat', './index-83dffd44', './utils/PRIVATE_refUtils', './hooks/UNSAFE_useOutsideClick', './hooks/UNSAFE_useUser', './hooks/UNSAFE_useComponentTheme', './utils/UNSAFE_classNames', './utils-660e6564', './Common/themes/themeContract.css', './UNSAFE_Floating/themes/redwood/FloatingTheme', './classNames-9bbd55a1', './UNSAFE_Floating/themes/FloatingStyles.css', './vanilla-extract-dynamic.esm-d887a09a', './UNSAFE_Floating/themes/FloatingContract.css'], (function(t,e,n,s,i,o,r,a,l,c,f,u,d,m,g,h,p){"use strict";const b=7,x=6,y=5,A=5,C=s.forwardRef((({data:t,anchorRef:s,tail:i,isRtl:r,backgroundColor:a},c)=>{const{styles:g,baseTheme:h}=l.useComponentTheme(d.FloatingRedwoodTheme),{baseStyle:p}=g,C=n.useRef(null),[S,w]=n.useState({arrowStyle:{visibility:"hidden"},arrowInnerStyle:{visibility:"hidden"}});n.useLayoutEffect((()=>{if(null==C.current)return;const{isCornerVerticalPlacement:e,isCornerHorizontalPlacement:n}=function(t,e,n){if("simple"===e&&n&&n.arrow){const{centerOffset:e}=n.arrow,s=b;let i=0,o=0;const r=t.current,a=void 0===r?.x&&void 0===r?.y;a&&(i=Math.round(r.getBoundingClientRect().height),o=Math.round(t.current?.getBoundingClientRect().width));return{isCornerVerticalPlacement:a?Math.abs(e)>=i/2-s/2:["start-top-corner","start-bottom-corner","end-top-corner","end-bottom-corner"].includes(n.origPlacement),isCornerHorizontalPlacement:a?Math.abs(e)>=o/2-s/2:["top-start-corner","top-end-corner","bottom-start-corner","bottom-end-corner"].includes(n.origPlacement)}}return{isCornerVerticalPlacement:!1,isCornerHorizontalPlacement:!1}}(s,i,t);w(function(t,e,n,s,i,o){const r={visibility:"visible"},a={visibility:"visible"};if("simple"===t&&i&&i.arrow){const{x:l,y:c,centerOffset:d}=i.arrow,m=b,g=x,h=y,p=A,C=0===d,S=d>0;function w(t){const e=t?g:m;k({borderTop:`${F(e)} solid ${f.rgba(u.colorSchemeVars.palette.neutral[90],.1)}`,borderRight:j(e),borderLeft:j(e)},r);const n=t?p:h;R({borderTop:`${F(n)} solid ${o}`,borderRight:`${j(n)}`,borderLeft:`${j(n)}`},a)}function k(t,e){Object.assign(e,t)}function R(t,e){Object.assign(e,t)}function v(t){return`rotate(${45*t}deg)`}function F(t){return`${t}px`}function j(t){return`${F(t)} solid transparent`}w(n||s);switch(i.placement.split("-")[0]){case"top":E();break;case"end":e?O():M();break;case"bottom":N();break;case"start":e?M():O()}function E(){null!=l&&(s?(k({top:"",bottom:F(2-m),left:F(l+(S?5:-5)),transform:v(S?5:3)},r),P()):(k({top:"",bottom:F(-m),left:F(C?l:l+(S?1:-1)),transform:v(0)},r),$()))}function M(){null!=c&&(n?(k({top:F(c+(S?2:-2)),right:"",left:F(-m-1),transform:v(S?7:5)},r),P()):(k({top:F(C?c:c+(S?-2:2)),right:"",left:F(1.5*-m),transform:v(2)},r),$()))}function N(){null!=l&&(s?(k({top:F(3-m),bottom:"",left:F(l+(S?4:-4)),transform:v(S?2:6)},r),R({top:F(-h),left:F((S?1:-1)-h)},a)):(k({top:F(-m),bottom:"",left:F(C?l:l+(S?1:-1)),transform:v(4)},r),$()))}function O(){null!=c&&(n?(k({top:F(c+(S?2:-2)),right:F(-m-1),left:"",transform:v(S?1:3)},r),R({top:F(-h),left:F((S?-2:2)-h)},a)):(k({top:F(C?c:c+(S?-2:2)),right:F(1.5*-m),left:"",transform:v(6)},r),$()))}function P(){R({top:F(-h),left:F((S?2:-2)-h)},a)}function $(){R({top:F(-h-2),left:F(-h)},a)}}return{arrowStyle:r,arrowInnerStyle:a}}(i,r,e,n,t,a))}),[t?.placement,t?.x,t?.y,t?.offset,t?.arrow,i,r,s]);const k=n.useMemo((()=>o.mergeRefs(c,C)),[c,C]);return"simple"===i&&e.jsxs("div",{ref:k,class:m.classNames([h,p]),style:S.arrowStyle,children:[" ",e.jsx("div",{class:m.classNames([p]),style:S.arrowInnerStyle})," "]})}));const S=s.forwardRef((({children:t,backgroundColor:s,onClickOutside:l,placement:c="bottom",anchorRef:f,offsetValue:u,class:d,tail:b="none",flipOptions:x={mainAxis:!0,crossAxis:!1},shiftOptions:y={mainAxis:!0,crossAxis:!1},sizeOptions:A={isMaxHeightAdjusted:!1,isMaxWidthAdjusted:!1},boundaryOptions:S={padding:0},onPosition:w},k)=>{const R=n.useRef(null),[v,F]=n.useState(),[j,E]=n.useState(null);n.useLayoutEffect((()=>{E(f.current)}),[]),f.current!==j&&E(f.current);const{direction:M}=a.useUser(),N="rtl"===M,O=n.useCallback((t=>{F(t),w?.(t)}),[c,f,b,w]),P=[i.offset(u),i.b({mainAxis:x.mainAxis,crossAxis:x.crossAxis,fallbackPlacements:x.fallbackPlacements?.map((t=>i.logicalSide(t,M))),padding:S.padding}),i.D({mainAxis:y.mainAxis,crossAxis:y.crossAxis,limiter:i.L({mainAxis:y.mainAxis,crossAxis:y.crossAxis})}),...R.current?[i.m({element:R.current})]:[]];(A.isMaxHeightAdjusted||A.isMaxWidthAdjusted)&&P.push(i.k({apply({availableWidth:t,availableHeight:e,elements:n}){A.isMaxHeightAdjusted&&parseInt(n.floating.style.maxHeight)!==e&&Object.assign(n.floating.style,{maxHeight:`${Math.min(e,A.maxHeightCeiling||e)}px`}),A.isMaxWidthAdjusted&&parseInt(n.floating.style.maxWidth)!==t&&Object.assign(n.floating.style,{maxWidth:`${Math.min(t,A.maxWidthCeiling||t)}px`})},padding:S.padding}));const{x:$,y:H,reference:U,floating:V,refs:T,update:_}=i.useFloating({placement:c,middleware:P,onPosition:O}),[I,W]=n.useState(!1);n.useEffect((()=>{if(T.reference.current&&T.floating.current&&!0===I)return i.N(T.reference.current,T.floating.current,_)}),[T.floating,T.reference,_,I]),n.useEffect((()=>{null!=$&&null!=H&&W(!0)}),[$,H]),r.useOutsideClick({isDisabled:!1,ref:T.floating,handler:l}),n.useLayoutEffect((()=>{if(j instanceof Element){return void U(j)}const t=j,e={getBoundingClientRect:()=>({width:0,height:0,x:t.x,y:t.y,top:t.y,left:t.x,right:t.x,bottom:t.y})};t&&null!=t.x&&U(e)}),[j,U]);const L=n.useMemo((()=>o.mergeRefs(k,V)),[k,V]),z={top:H,left:$};let B={};s&&(B=h.assignInlineVars({[p.floatingVars.backgroundColor]:s}));const D=null==$&&null==H?g.floatingVisibilityStyles.hidden:g.floatingVisibilityStyles.visible,q=m.classNames([d,g.floatingStyle,D]);return e.jsxs("div",{class:q,ref:L,style:{...z,...B},children:[t,e.jsx(C,{ref:R,backgroundColor:s,data:v,anchorRef:f,tail:b,isRtl:N})]})}));t.Floating=S}));
-//# sourceMappingURL=Floating-bbae41d5.js.map

package/amd/Floating-bbae41d5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Floating-bbae41d5.js","sources":["../../src/UNSAFE_Floating/FloatingTail.tsx","../../src/UNSAFE_Floating/Floating.tsx"],"sourcesContent":["import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { useMemo, useLayoutEffect, useRef, useState } from 'preact/hooks';\nimport { RefObject } from 'preact';\nimport { PositionData, Coords } from './Floating.types';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { FloatingStyles } from './themes/FloatingStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { Property } from 'csstype';\nimport { rgba } from '../UNSAFE_Theme/utils';\nimport { colorSchemeVars } from '../Common/themes/themeContract.css';\nimport { FloatingRedwoodTheme } from './themes/redwood/FloatingTheme';\n\ntype Props = Pick<ColorProps, 'backgroundColor'> & {\n  data?: PositionData;\n  anchorRef: RefObject<Element | Coords>;\n  tail: 'none' | 'simple';\n  isRtl: boolean;\n};\n\nconst ARROW_SIZE = 7;\nconst ARROW_SIZE_CORNER = 6;\nconst ARROW_INNER_SIZE = 5;\nconst ARROW_INNER_SIZE_CORNER = 5;\n\nconst FloatingTail = forwardRef(\n  (\n    { data, anchorRef, tail, isRtl, backgroundColor }: Props,\n    ref: ForwardedRef<HTMLDivElement | null>\n  ) => {\n    const { styles, baseTheme } = useComponentTheme<never, FloatingStyles>(FloatingRedwoodTheme);\n    const { baseStyle } = styles;\n    const arrowRef = useRef<HTMLDivElement | null>(null);\n    const [arrowStyles, setArrowStyles] = useState({\n      arrowStyle: { visibility: 'hidden' },\n      arrowInnerStyle: { visibility: 'hidden' }\n    });\n\n    useLayoutEffect(() => {\n      if (arrowRef.current == null) return;\n      const { isCornerVerticalPlacement, isCornerHorizontalPlacement } = isCorner(\n        anchorRef,\n        tail,\n        data\n      );\n      setArrowStyles(\n        setStyles(\n          tail,\n          isRtl,\n          isCornerVerticalPlacement,\n          isCornerHorizontalPlacement,\n          data,\n          backgroundColor\n        )\n      );\n    }, [data?.placement, data?.x, data?.y, data?.offset, data?.arrow, tail, isRtl, anchorRef]);\n\n    const stableRef = useMemo(() => mergeRefs(ref, arrowRef), [ref, arrowRef]);\n    return (\n      tail === 'simple' && (\n        <div\n          ref={stableRef}\n          class={classNames([baseTheme, baseStyle])}\n          style={arrowStyles.arrowStyle}>\n          {' '}\n          {/*Outer arrow - shadow*/}\n          <div class={classNames([baseStyle])} style={arrowStyles.arrowInnerStyle}></div>{' '}\n          {/*Inner arrow - body*/}\n        </div>\n      )\n    );\n  }\n);\n\nfunction isCorner(\n  anchorRef: RefObject<Element | Coords>,\n  tail: 'none' | 'simple',\n  data?: PositionData\n) {\n  if (tail === 'simple' && data && data.arrow) {\n    const { centerOffset } = data.arrow;\n    const arrowSize = ARROW_SIZE;\n    let anchorRefHeight = 0;\n    let anchorRefWidth = 0;\n    const current = anchorRef.current;\n    // @ts-ignore. Type 'Element | Coords' issues\n    // Property 'x' does not exist on type 'Element'.\n    // Property 'y' does not exist on type 'Element'.\n    const isAnchorRefElement = current?.x === undefined && current?.y === undefined;\n    if (isAnchorRefElement) {\n      // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.\n      anchorRefHeight = Math.round(current.getBoundingClientRect().height);\n      // @ts-ignore. Property 'getBoundingClientRect' does not exist on type 'Coords'.\n      anchorRefWidth = Math.round(anchorRef.current?.getBoundingClientRect().width);\n    }\n    const isCornerVerticalPlacement = isAnchorRefElement\n      ? Math.abs(centerOffset) >= anchorRefHeight / 2 - arrowSize / 2\n      : ['start-top-corner', 'start-bottom-corner', 'end-top-corner', 'end-bottom-corner'].includes(\n          data.origPlacement\n        );\n    const isCornerHorizontalPlacement = isAnchorRefElement\n      ? Math.abs(centerOffset) >= anchorRefWidth / 2 - arrowSize / 2\n      : ['top-start-corner', 'top-end-corner', 'bottom-start-corner', 'bottom-end-corner'].includes(\n          data.origPlacement\n        );\n\n    return { isCornerVerticalPlacement, isCornerHorizontalPlacement };\n  } else return { isCornerVerticalPlacement: false, isCornerHorizontalPlacement: false };\n}\n\nfunction setStyles(\n  //arrowEl: HTMLDivElement,\n  tail: 'none' | 'simple',\n  isRtl: boolean,\n  isCornerVerticalPlacement: boolean,\n  isCornerHorizontalPlacement: boolean,\n  data?: PositionData,\n  backgroundColor?: Property.BackgroundColor\n) {\n  const result = { visibility: 'visible' };\n  const innerResult = { visibility: 'visible' };\n  if (tail === 'simple' && data && data.arrow) {\n    const { x, y, centerOffset } = data.arrow;\n    const arrowSize = ARROW_SIZE;\n    const arrowSizeCorner = ARROW_SIZE_CORNER;\n    //const arrowInnerEl = arrowEl.querySelector('div') as Element;\n    const arrowInnerSize = ARROW_INNER_SIZE;\n    const arrowInnerSizeCorner = ARROW_INNER_SIZE_CORNER;\n\n    const isCenter = centerOffset === 0;\n    const isCenterOffsetPositive = centerOffset > 0;\n\n    // Set sizes of the arrow\n    setArrowSizes(isCornerVerticalPlacement || isCornerHorizontalPlacement);\n\n    // Corner vs. normal arrow\n    function setArrowSizes(isCornerPlacement?: boolean) {\n      // Outer arrow (shadow)\n      const arrowFinalSize = isCornerPlacement ? arrowSizeCorner : arrowSize;\n      setArrowStyle(\n        {\n          // Tracked: https://jira.oraclecorp.com/jira/browse/JET-58480\n          borderTop: `${getSize(arrowFinalSize)} solid ${rgba(\n            colorSchemeVars.palette.neutral[90],\n            0.1\n          )}`,\n          borderRight: getTransparentBorder(arrowFinalSize),\n          borderLeft: getTransparentBorder(arrowFinalSize)\n        },\n        result\n      );\n      // Inner arrow\n      const arrowInnerFinalSize = isCornerPlacement ? arrowInnerSizeCorner : arrowInnerSize;\n      setArrowInnerStyle(\n        {\n          // Tracked: https://jira.oraclecorp.com/jira/browse/JET-58480\n          borderTop: `${getSize(arrowInnerFinalSize)} solid ${backgroundColor}`,\n          borderRight: `${getTransparentBorder(arrowInnerFinalSize)}`,\n          borderLeft: `${getTransparentBorder(arrowInnerFinalSize)}`\n        },\n        innerResult\n      );\n    }\n\n    function setArrowStyle(style: object, result: object) {\n      Object.assign(result, style);\n    }\n\n    function setArrowInnerStyle(style: object, result: object) {\n      Object.assign(result, style);\n    }\n\n    function getTurn(eighth: number) {\n      return `rotate(${eighth * 45}deg)`;\n    }\n\n    function getSize(size: number) {\n      return `${size}px`;\n    }\n\n    function getTransparentBorder(size: number) {\n      return `${getSize(size)} solid transparent`;\n    }\n\n    const placementArr = data.placement.split('-');\n    const side = placementArr[0];\n\n    switch (side) {\n      case 'top':\n        setArrowTop();\n        break;\n      case 'end':\n        isRtl ? setArrowStart() : setArrowEnd();\n        break;\n      case 'bottom':\n        setArrowBottom();\n        break;\n      case 'start':\n        isRtl ? setArrowEnd() : setArrowStart();\n        break;\n    }\n\n    function setArrowTop() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Top corners\n          setArrowStyle(\n            {\n              top: '', // flip 'reset'\n              bottom: getSize(-arrowSize + 2),\n              left: getSize(x + (isCenterOffsetPositive ? 5 : -5)),\n              transform: getTurn(isCenterOffsetPositive ? 5 : 3)\n            },\n            result\n          );\n          setCornerArrowInner();\n        } else {\n          setArrowStyle(\n            {\n              top: '', // flip 'reset'\n              bottom: getSize(-arrowSize),\n              left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n              transform: getTurn(0)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowEnd() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // End corners\n          setArrowStyle(\n            {\n              top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n              right: '', // flip 'reset'\n              left: getSize(-arrowSize - 1),\n              transform: getTurn(isCenterOffsetPositive ? 7 : 5)\n            },\n            result\n          );\n          setCornerArrowInner();\n        } else {\n          // End\n          setArrowStyle(\n            {\n              top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),\n              right: '', // flip 'reset'\n              left: getSize(-arrowSize * 1.5),\n              transform: getTurn(2)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowBottom() {\n      if (x != undefined) {\n        if (isCornerHorizontalPlacement) {\n          // Bottom corners\n          setArrowStyle(\n            {\n              top: getSize(-arrowSize + 3),\n              bottom: '', // flip 'reset'\n              left: getSize(x + (isCenterOffsetPositive ? 4 : -4)),\n              transform: getTurn(isCenterOffsetPositive ? 2 : 6)\n            },\n            result\n          );\n          setArrowInnerStyle(\n            {\n              top: getSize(-arrowInnerSize),\n              left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 1 : -1))\n            },\n            innerResult\n          );\n        } else {\n          setArrowStyle(\n            {\n              top: getSize(-arrowSize),\n              bottom: '', // flip 'reset'\n              left: isCenter ? getSize(x) : getSize(x + (isCenterOffsetPositive ? 1 : -1)),\n              transform: getTurn(4)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setArrowStart() {\n      if (y != undefined) {\n        if (isCornerVerticalPlacement) {\n          // Start corners\n          setArrowStyle(\n            {\n              top: getSize(y + (isCenterOffsetPositive ? 2 : -2)),\n              right: getSize(-arrowSize - 1),\n              left: '', // flip 'reset'\n              transform: getTurn(isCenterOffsetPositive ? 1 : 3)\n            },\n            result\n          );\n          setArrowInnerStyle(\n            {\n              top: getSize(-arrowInnerSize),\n              left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? -2 : 2))\n            },\n            innerResult\n          );\n        } else {\n          // Start\n          setArrowStyle(\n            {\n              top: isCenter ? getSize(y) : getSize(y + (isCenterOffsetPositive ? -2 : +2)),\n              right: getSize(-arrowSize * 1.5),\n              left: '', // flip 'reset'\n              transform: getTurn(6)\n            },\n            result\n          );\n          setNonCornerArrowInner();\n        }\n      }\n    }\n\n    function setCornerArrowInner() {\n      setArrowInnerStyle(\n        {\n          top: getSize(-arrowInnerSize),\n          left: getSize(-arrowInnerSize + (isCenterOffsetPositive ? 2 : -2))\n        },\n        innerResult\n      );\n    }\n\n    function setNonCornerArrowInner() {\n      setArrowInnerStyle(\n        {\n          top: getSize(-arrowInnerSize - 2),\n          left: getSize(-arrowInnerSize)\n        },\n        innerResult\n      );\n    }\n  }\n  return { arrowStyle: result, arrowInnerStyle: innerResult };\n}\n\nexport { FloatingTail };\n","import { RefObject } from 'preact';\nimport { useLayoutEffect, useEffect, useMemo, useState, useRef, useCallback } from 'preact/hooks';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { autoUpdate, arrow } from '@floating-ui/dom';\nimport {\n  useFloating,\n  shift,\n  flip,\n  size,\n  offset,\n  limitShift,\n  VirtualElement,\n  logicalSide\n} from '../hooks/PRIVATE_useFloating';\nimport { Offset, Placement, Coords, PositionData } from './Floating.types';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { FloatingTail } from './FloatingTail';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { floatingStyle, floatingVisibilityStyles } from './themes/FloatingStyles.css';\nimport { assignInlineVars } from '@vanilla-extract/dynamic';\nimport { floatingVars } from './themes/FloatingContract.css';\nimport type { ColorProps } from '../utils/UNSAFE_interpolations/colors';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children' | 'class'>;\n/**\n * Specifies the flipping behavior along the respective axis.\n */\nexport type FlipOptions = {\n  /**\n   * If set to true, enables collision detection on the main axis,\n   * which runs along the floating placement side.\n   */\n  mainAxis?: boolean;\n  /**\n   * If set to true, enables collision detection on the cross axis,\n   * which runs along the floating placement side.\n   */\n  crossAxis?: boolean;\n  /**\n   * Specifies an array of placements to try\n   * if the preferred initial placement doesn’t fit on the axes\n   * in which collision is detected.\n   */\n  fallbackPlacements?: Array<Placement>;\n};\n\n/**\n * Specifies the shift behavior along the respective axis.\n * When true, the floating element will shift to prevent overflow.\n */\nexport type ShiftOptions = {\n  /**\n   * main axis in which shifting is applied. Default <code>true</code>.\n   */\n  mainAxis?: boolean;\n  /**\n   * cross axis in which shifting is applied. Default <code>false</code>.\n   */\n  crossAxis?: boolean;\n};\n\n/**\n * This describes the virtual padding around the collision boundary (currently the view port).\n * This could be extended in the future,\n * i.e. property to define what is a boundary ( a view port, a document, some other html element)\n */\nexport type BoundaryOptions = {\n  padding?:\n    | number\n    | {\n        top: number;\n        right: number;\n        bottom: number;\n        left: number;\n      };\n};\n/**\n * Specifies the resizing behaviour for max-height and max-width of the floating component.\n * The floating element will change the size depending on the available space.\n * isMaxHeightAdjusted/isMaxWidthAdjusted - sets the max-height/max-width of the floating to the available space till the collision.\n * maxHeightCeiling/maxWidthCeiling - this is the limit for max-height/max-width that should not be exceeded, even if there is more available space till the collision.\n */\nexport type SizeOptions = {\n  isMaxWidthAdjusted?: boolean;\n  isMaxHeightAdjusted?: boolean;\n  maxHeightCeiling?: number;\n  maxWidthCeiling?: number;\n};\n\ntype Props = IntrinsicProps &\n  Pick<ColorProps, 'backgroundColor'> & {\n    /**\n     * <p>Placement of the floating element relative to its reference element.</p>\n     * <p>Placement consists of two parts, the first part is the side, the second is the alignment.</p>\n     * <p>Possible values are:</p>\n     * <p> <code>'top' </code> <code>'top-start' </code> <code> 'top-end' </code> <code> 'top-start-corner' </code> <code> 'top-end-corner' </code>\n     * <code> 'end' </code> <code> 'end-top'  </code> <code> 'end-bottom' </code> <code> 'end-top-corner' </code> <code> 'end-bottom-corner' </code>\n     * <code> 'bottom'  </code> <code> 'bottom-start'  </code> <code> 'bottom-end' </code> <code> 'bottom-start-corner' </code> <code> 'bottom-end-corner' </code>\n     * <code> 'start' </code> <code> 'start-top'  </code> <code> 'start-bottom' </code> <code> 'start-top-corner' </code> <code> 'start-bottom-corner' </code>\n     * </p>\n     */\n    placement?: Placement;\n\n    /**\n     * Trigger element reference.\n     */\n    anchorRef: RefObject<Element | Coords>;\n\n    /**\n     * Placement offset.\n     * Offset displaces the floating element from its core placement along the specified axes.\n     * Offset could be a number or an object\n     * A number represents the distance (gutter or margin) between the floating element and the reference element.\n     * This is shorthand for mainAxis.\n     * <pre>\n     *   {\n     *     mainAxis?: number;\n     *     crossAxis?: number;\n     *   }\n     * </pre>\n     * <p><code>mainAxis</code> - represents the distance (gutter or margin) between the floating element and the reference element.</p>\n     * <p><code>crossAxis</code> - represents the shifting between the floating element and the reference element.<p>\n     */\n    offsetValue?: Offset;\n\n    /**\n     * Click outside callback.\n     */\n    onClickOutside?: (event: MouseEvent) => void;\n\n    /**\n     * FlipOptions object\n     * <pre>\n     * type FlipOptions = {\n     *     mainAxis?: boolean;\n     *     crossAxis?: boolean;\n     *     fallbackPlacements?: Array<Placement>;\n     *   }\n     * </pre>\n     * <p>Specifies the flipping behavior along the respective axis.<p>\n     * <p><code>mainAxis</code> - If set to true, enables collision detection on the main axis, which runs along the floating placement side.\n     * Default is <code>true</code>.\n     * </p>\n     * <p><code>crossAxis</code> - If set to true, enables collision detection on the cross axis, which runs along the floating placement alignment.\n     * Default is <code>false</code>.\n     * </p>\n     * <p><code>fallbackPlacements</code> - specifies an array of placements to try if the preferred initial placement doesn’t fit on the axes in which collision is detected.\n     * The fallback placements will be tried in the order they are specified in the array.\n     * The following placements are allowed as values of the array:\n     * <code>'top'</code>, <code>'top-start'</code>, <code>'top-end'</code>, <code>'start'</code>, <code>'start-top'</code>, <code>'start-bottom'</code>, <code>'bottom'</code>,\n     * <code>'bottom-start'</code>, <code>'bottom-end'</code>, <code>'end'</code>, <code>'end-top'</code>, <code>'end-bottom'</code>.\n     * <p>\n     * If not specified, the default behaviour is to flip to the side <code>opposite</code> to the one in which collision is detected\n     * </p>\n     * </p>\n     */\n    flipOptions?: FlipOptions;\n\n    /**\n     * Specifies the shift behavior along the respective axis. When true, the floating element will shift to prevent overflow.\n     * <pre>\n     * type ShiftOptions = {\n     *  mainAxis?: boolean;\n     *  crossAxis?: boolean;\n     * };\n     * </pre>\n     * <p><code>mainAxis</code> - main axis in which shifting is applied. Default <code>true</code>.</p>\n     * <p><code>crossAxis</code> - cross axis in which shifting is applied. Default <code>false</code>.</p>\n     */\n    shiftOptions?: ShiftOptions;\n\n    /**\n     *  Triggered when placement or coordinates are changed after collision is detected\n     */\n    onPosition?: (data: PositionData) => void;\n\n    /**\n     * Tail\n     */\n    tail?: 'none' | 'simple';\n\n    /**\n     * Specifies the resizing behaviour for max-height and max-width of the floating component.\n     * <pre>\n     * type SizeOptions = {\n     *    isMaxWidthAdjusted?: boolean;\n     *    isMaxHeightAdjusted?: boolean;\n     *    maxHeightCeiling?: number;\n     *    maxWidthCeiling?: number;\n     *  }\n     * </pre>\n     * <p><code>isMaxHeightAdjusted</code> and <code>isMaxWidthAdjusted</code> - sets the max-height/max-width of the floating to the available space till the collision.\n     * When either of the options isMaxHeightAdjusted, isMaxWidthAdjusted is true, the floating element will change the size depending on the available space.\n     * Default values are <code>'false'</code>.</p>\n     * <p><code>maxHeightCeiling</code> and <code>maxWidthCeiling</code> - are maximal values that could not be exceeded.\n     * Defaults are undefined and it means to use full available width/height.</p>\n     */\n    sizeOptions?: SizeOptions;\n\n    /**\n     * <p>This describes the virtual padding around the collision boundary (currently the view port).</p>\n     * <p>This could be extended in the future,\n     * i.e. property to define what is a boundary\n     * ( a view port, a document, some other html element)</p>\n     * <pre>\n     * type BoundaryOptions = {\n     *  padding?: number | {\n     *    top: number;\n     *    right: number;\n     *    bottom: number;\n     *    left: number;\n     *  };\n     * }\n     * </pre>\n     * Default value for padding is 0.\n     */\n    boundaryOptions?: BoundaryOptions;\n  };\n\nfunction isElement(value: any): value is Element {\n  return value instanceof Element;\n}\n\n/**\n * A floating component allows the user to create a floating element that is displayed relative to an anchor element or pointer coordinates\n * and at the same time on the \"top layer\" of all other elements.\n * The Floating component is a base component and is often used by such components as Popup, Tooltip, SelectMultiple, Menu and other components.\n */\nexport const Floating = forwardRef(\n  (\n    {\n      children,\n      backgroundColor,\n      onClickOutside,\n      placement = 'bottom',\n      anchorRef,\n      offsetValue,\n      class: className,\n      tail = 'none',\n      flipOptions = { mainAxis: true, crossAxis: false },\n      shiftOptions = { mainAxis: true, crossAxis: false },\n      sizeOptions = { isMaxHeightAdjusted: false, isMaxWidthAdjusted: false },\n      boundaryOptions = { padding: 0 },\n      onPosition\n    }: Props,\n    ref: ForwardedRef<HTMLElement | null>\n  ) => {\n    const arrowRef = useRef<HTMLDivElement>(null);\n    const [positionData, setPositionData] = useState<PositionData>();\n\n    const [previousAnchor, setPreviousAnchor] = useState<Element | Coords | null>(null);\n\n    // we need to be sure anchorRef.current exists in first call\n    // to be able to set the previousAnchor state\n    useLayoutEffect(() => {\n      setPreviousAnchor(anchorRef.current);\n    }, []);\n\n    // In case anchorRef.current changes and we need to update floating position\n    // when it changes, we need to have copy in the state.\n    // For example when anchorRef is Coords( virtual element)\n    if (anchorRef.current !== previousAnchor) {\n      setPreviousAnchor(anchorRef.current);\n    }\n\n    const { direction } = useUser();\n    const isRtl = direction === 'rtl';\n\n    const _onPosition = useCallback(\n      (data: PositionData) => {\n        setPositionData(data);\n        onPosition?.(data);\n      },\n      [placement, anchorRef, tail, onPosition]\n    );\n\n    const middleware = [\n      offset(offsetValue),\n      flip({\n        mainAxis: flipOptions.mainAxis,\n        crossAxis: flipOptions.crossAxis,\n        fallbackPlacements: flipOptions.fallbackPlacements?.map((placement) =>\n          logicalSide(placement, direction)\n        ),\n        padding: boundaryOptions.padding\n      }),\n      shift({\n        mainAxis: shiftOptions.mainAxis,\n        crossAxis: shiftOptions.crossAxis,\n        limiter: limitShift({\n          mainAxis: shiftOptions.mainAxis,\n          crossAxis: shiftOptions.crossAxis\n        })\n      }),\n      ...(arrowRef.current\n        ? [\n            arrow({\n              element: arrowRef.current\n            })\n          ]\n        : [])\n    ];\n    if (sizeOptions.isMaxHeightAdjusted || sizeOptions.isMaxWidthAdjusted) {\n      middleware.push(\n        size({\n          apply({ availableWidth, availableHeight, elements }) {\n            if (sizeOptions.isMaxHeightAdjusted) {\n              if (parseInt(elements.floating.style.maxHeight) !== availableHeight) {\n                Object.assign(elements.floating.style, {\n                  maxHeight: `${Math.min(\n                    availableHeight,\n                    sizeOptions.maxHeightCeiling || availableHeight\n                  )}px`\n                });\n              }\n            }\n\n            if (sizeOptions.isMaxWidthAdjusted) {\n              if (parseInt(elements.floating.style.maxWidth) !== availableWidth) {\n                Object.assign(elements.floating.style, {\n                  maxWidth: `${Math.min(\n                    availableWidth,\n                    sizeOptions.maxWidthCeiling || availableWidth\n                  )}px`\n                });\n              }\n            }\n          },\n\n          padding: boundaryOptions.padding\n        })\n      );\n    }\n\n    const { x, y, reference, floating, refs, update } = useFloating({\n      placement: placement,\n      middleware: middleware,\n      onPosition: _onPosition\n    });\n\n    // To solve \"loop limit exceeds\" problem from the ResizeObserver in autoUpdate\n    // we need to make sure that we utilize autoUpdate function\n    // after the Floating component is positioned and has x, y coordinates.\n    const [isPositioned, setIsPositioned] = useState(false);\n\n    // here autoUpdate should be called only once during the Component lifecycle,\n    // if the floating, reference, placement and middleware do not change\n    useEffect(() => {\n      if (!refs.reference.current || !refs.floating.current || isPositioned !== true) {\n        return;\n      }\n\n      return autoUpdate(refs.reference.current, refs.floating.current, update);\n    }, [refs.floating, refs.reference, update, isPositioned]);\n\n    // here we should know when the Floating is positioned\n    useEffect(() => {\n      if (x != null && y != null) {\n        setIsPositioned(true);\n      }\n    }, [x, y]);\n\n    useOutsideClick({ isDisabled: false, ref: refs.floating, handler: onClickOutside });\n\n    useLayoutEffect(() => {\n      if (isElement(previousAnchor)) {\n        const element = previousAnchor as Element;\n        reference(element);\n        return;\n      }\n      const coords = previousAnchor as Coords;\n      const virtualEl: VirtualElement = {\n        getBoundingClientRect() {\n          return {\n            width: 0,\n            height: 0,\n            x: coords!.x,\n            y: coords!.y,\n            top: coords!.y,\n            left: coords!.x,\n            right: coords!.x,\n            bottom: coords!.y\n          };\n        }\n      };\n      if (coords && coords.x != null) {\n        reference(virtualEl);\n      }\n    }, [previousAnchor, reference]);\n\n    const stableRef = useMemo(() => mergeRefs(ref, floating), [ref, floating]);\n    const positionStyle = { top: y, left: x };\n\n    let assignedVars = {}; // empty var override unless background is specified\n    if (backgroundColor) {\n      assignedVars = assignInlineVars({\n        [floatingVars.backgroundColor]: backgroundColor\n      });\n    }\n\n    const visibilityStyles =\n      x == null && y == null ? floatingVisibilityStyles.hidden : floatingVisibilityStyles.visible;\n    const floatingClasses = classNames([className, floatingStyle, visibilityStyles]);\n    const content = (\n      <div class={floatingClasses} ref={stableRef} style={{ ...positionStyle, ...assignedVars }}>\n        {children}\n        <FloatingTail\n          ref={arrowRef}\n          backgroundColor={backgroundColor}\n          data={positionData}\n          anchorRef={anchorRef}\n          tail={tail}\n          isRtl={isRtl}\n        />\n      </div>\n    );\n    return content;\n  }\n);\n"],"names":["ARROW_SIZE","ARROW_SIZE_CORNER","ARROW_INNER_SIZE","ARROW_INNER_SIZE_CORNER","FloatingTail","forwardRef","data","anchorRef","tail","isRtl","backgroundColor","ref","styles","baseTheme","useComponentTheme","FloatingRedwoodTheme","baseStyle","arrowRef","useRef","arrowStyles","setArrowStyles","useState","arrowStyle","visibility","arrowInnerStyle","useLayoutEffect","current","isCornerVerticalPlacement","isCornerHorizontalPlacement","arrow","centerOffset","arrowSize","anchorRefHeight","anchorRefWidth","isAnchorRefElement","undefined","x","y","Math","round","getBoundingClientRect","height","width","abs","includes","origPlacement","isCorner","result","innerResult","arrowSizeCorner","arrowInnerSize","arrowInnerSizeCorner","isCenter","isCenterOffsetPositive","setArrowSizes","isCornerPlacement","arrowFinalSize","setArrowStyle","borderTop","getSize","rgba","colorSchemeVars","palette","neutral","borderRight","getTransparentBorder","borderLeft","arrowInnerFinalSize","setArrowInnerStyle","style","Object","assign","getTurn","eighth","size","placement","split","setArrowTop","setArrowStart","setArrowEnd","setArrowBottom","top","bottom","left","transform","setCornerArrowInner","setNonCornerArrowInner","right","setStyles","offset","stableRef","useMemo","mergeRefs","_jsxs","class","classNames","children","_jsx","Floating","onClickOutside","offsetValue","className","flipOptions","mainAxis","crossAxis","shiftOptions","sizeOptions","isMaxHeightAdjusted","isMaxWidthAdjusted","boundaryOptions","padding","onPosition","positionData","setPositionData","previousAnchor","setPreviousAnchor","direction","useUser","_onPosition","useCallback","middleware","flip","fallbackPlacements","map","logicalSide","shift","limiter","limitShift","element","push","apply","availableWidth","availableHeight","elements","parseInt","floating","maxHeight","min","maxHeightCeiling","maxWidth","maxWidthCeiling","reference","refs","update","useFloating","isPositioned","setIsPositioned","useEffect","autoUpdate","N","useOutsideClick","isDisabled","handler","Element","coords","virtualEl","positionStyle","assignedVars","assignInlineVars","floatingVars","visibilityStyles","floatingVisibilityStyles","hidden","visible","floatingClasses","floatingStyle"],"mappings":"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"}

package/amd/FocusTrap-07a6d066.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './utils/UNSAFE_classNames', 'module', './utils/PRIVATE_tabbableUtils', './classNames-9bbd55a1'], (function(e,t,r,n,s,c,u,o){"use strict";const a="_1spb9qj",l=n.forwardRef((({onFocus:e},r)=>t.jsx("div",{class:a,onFocus:e,ref:r,tabIndex:0}))),i=e=>{e&&u.isTabbableElement(e)&&setTimeout((()=>{u.focusOn(e)}),0)},f=(e,t)=>{if(0===e.length)return!1;const r=t??u.getActiveElement(e[0]);return e.some((e=>e===r||e?.contains(r)))},p="w1xa25";e.FocusTrap=({autoFocusRef:e,children:s,isDisabled:c=!1,restoreFocusRef:a})=>{const b=n.useRef(null),d=n.useRef(null),m=n.useRef(null),F=n.useRef(null),x=o.classNames([p]),R=n.useCallback((e=>{const t=b.current;!c&&t&&e&&(e&&f([t,d.current,m.current],e)?F.current=e:F.current?u.focusOn(F.current):u.focusWithin(t))}),[c]);return n.useEffect((()=>{const t=b.current;if(!t||c)return;const r=u.getActiveElement(t);e&&e.current?u.focusOn(e.current):R(r);const n=a;return()=>{!1!==n&&i(n?.current||r)}}),[e,R,c,a]),t.jsxs(r.Fragment,{children:[!c&&t.jsx(l,{onFocus:e=>{!c&&b.current&&(u.focusOnEnd(b.current),e.stopPropagation(),e.preventDefault())},ref:d}),t.jsx("div",{onFocus:e=>{F.current=e.target},ref:b,class:x,children:s}),!c&&t.jsx(l,{onFocus:e=>{!c&&b.current&&(u.focusOnStart(b.current),e.stopPropagation(),e.preventDefault())},ref:m})]})}}));
-//# sourceMappingURL=FocusTrap-07a6d066.js.map

package/amd/FocusTrap-07a6d066.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FocusTrap-07a6d066.js","sources":["../../src/UNSAFE_FocusTrap/FocusGuard.tsx","../../src/UNSAFE_FocusTrap/FocusTrap.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\ntype Props = {\n  onFocus: (event: FocusEvent) => void;\n};\n\nconst styles = {\n  guard: cssProps`${{\n    height: '0px',\n    left: 0,\n    position: 'fixed',\n    top: 0,\n    width: '1px'\n  }}`\n};\n\n/**\n * Styled FocusTrap sub-component to render non-visible focus guards\n */\nconst FocusGuard = forwardRef(({ onFocus }: Props, guardRef: ForwardedRef<HTMLDivElement>) => {\n  return <div class={styles.guard} onFocus={onFocus} ref={guardRef} tabIndex={0} />;\n});\n\nexport default FocusGuard;\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 { ComponentChildren, Fragment, RefObject } from 'preact';\nimport { useCallback, useEffect, useRef } from 'preact/compat';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\nimport {\n  focusOn,\n  focusOnEnd,\n  focusOnStart,\n  focusWithin,\n  getActiveElement,\n  isTabbableElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport FocusGuard from './FocusGuard';\n\ntype Props = {\n  children: ComponentChildren;\n  /**\n   * Optional Ref to an element to focus on when component mounts\n   * @default - undefined - behavior is to focus on first tabbableElement\n   */\n  autoFocusRef?: RefObject<HTMLElement | null>;\n\n  /**\n   * Sets whether focus is managed and whether guards are present\n   * @default false\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Why a isDisabled prop as compared to ONLY supporting conditional rendering?\n   *\n   *   1) We need an actual HTML Element for the trap, conditional rendering an element potentially breaks consumer CSS\n   *   2) Conditional rendering can short-circuit event bubbling in preact and lead to expected events not bubbling.\n   */\n\n  /**\n   * Optional Ref to element to focus on when component un-mounts, false to disable.\n   * @default - undefined - behavior is to focus on the original activeElement when focus trap was enabled\n   */\n  restoreFocusRef?: RefObject<HTMLElement> | false;\n};\n\n/**\n * Trap focus within a DOM node.  When a user hits Tab or Shift+Tab, focus remains in the focus trap.\n */\nexport const FocusTrap = ({\n  autoFocusRef,\n  children,\n  isDisabled = false,\n  restoreFocusRef\n}: Props) => {\n  const trapRef = useRef<HTMLDivElement>(null);\n  const startGuardRef = useRef<HTMLDivElement>(null);\n  const endGuardRef = useRef<HTMLDivElement>(null);\n  const lastActiveElementRef = useRef<HTMLElement | null>(null);\n\n  // classes to be set on the children wrapper\n  const classes = classNames([childrenStyles]);\n\n  /**\n   * contain focus if trap is enabled, and target is not already contained\n   *\n   * calling cases for side-effect of setting focus\n   *   - on initial mount of (enabled) trap, where target is not inside trap\n   *   - on enabling of a disabled trap, where target is not inside trap\n   *   - target of click event is outside of trap.\n   */\n  const conditionallyContainFocus = useCallback(\n    (target: HTMLElement | null) => {\n      const trap = trapRef.current;\n      //  short-circuit, if trap or target not valid\n      if (isDisabled || !trap || !target) return;\n\n      // just update ref if, target already has focus\n      if (target && hasFocus([trap, startGuardRef.current, endGuardRef.current], target)) {\n        lastActiveElementRef.current = target;\n        return;\n      }\n\n      // set focus to last active tab-stop if lastElement is defined and inside trap\n      if (lastActiveElementRef.current) {\n        focusOn(lastActiveElementRef.current);\n      } else {\n        // otherwise just contain focus within trap as target is outside enabled trap and we have no last-known tab-stop\n        focusWithin(trap);\n      }\n    },\n    [isDisabled]\n  );\n\n  // loop focus\n  const handleStartGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnEnd(trapRef.current);\n\n    // prevent scroll jump and bubbling this event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleEndGuardOnFocus = (event: FocusEvent) => {\n    if (isDisabled || !trapRef.current) return;\n    focusOnStart(trapRef.current);\n\n    // prevent scroll jump and bubbling guard event up as a focus event\n    event.stopPropagation();\n    event.preventDefault();\n  };\n\n  const handleTrapOnFocus = (event: FocusEvent) => {\n    lastActiveElementRef.current = event.target as HTMLElement;\n  };\n\n  // handle initial render or re-render as enabled\n  useEffect(() => {\n    const trap = trapRef.current;\n    if (!trap || isDisabled) return;\n\n    const originalActiveElement = getActiveElement(trap);\n\n    // init focus\n    if (autoFocusRef && autoFocusRef.current) {\n      focusOn(autoFocusRef.current);\n    } else {\n      conditionallyContainFocus(originalActiveElement);\n    }\n\n    const restoreFocusRefForCleanup = restoreFocusRef;\n\n    return () => {\n      if (restoreFocusRefForCleanup === false) return;\n      restoreFocusAfterUnmount(restoreFocusRefForCleanup?.current || originalActiveElement);\n    };\n  }, [autoFocusRef, conditionallyContainFocus, isDisabled, restoreFocusRef]);\n\n  return (\n    <Fragment>\n      {!isDisabled && <FocusGuard onFocus={handleStartGuardOnFocus} ref={startGuardRef} />}\n      <div onFocus={handleTrapOnFocus} ref={trapRef} class={classes}>\n        {children}\n      </div>\n      {!isDisabled && <FocusGuard onFocus={handleEndGuardOnFocus} ref={endGuardRef} />}\n    </Fragment>\n  );\n};\n\n// setTimeout ensures that unmount lifecycle has completed\nconst restoreFocusAfterUnmount = (element: HTMLElement | null) => {\n  if (element && isTabbableElement(element)) {\n    setTimeout(() => {\n      focusOn(element);\n    }, 0);\n  }\n};\n\n// is focus already contained?\nconst hasFocus = (elements: (HTMLElement | null)[], target: Element) => {\n  if (elements.length === 0) return false;\n  const activeElement = target ?? getActiveElement(elements[0] as Node);\n  return elements.some((el) => el === activeElement || el?.contains(activeElement));\n};\n\n// remove margins from children\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":["styles","FocusGuard","forwardRef","onFocus","guardRef","_jsx","class","ref","tabIndex","restoreFocusAfterUnmount","element","isTabbableElement","hasFocus","elements","target","length","childrenStyles","FocusTrap","autoFocusRef","children","isDisabled","restoreFocusRef","trapRef","useRef","startGuardRef","endGuardRef","lastActiveElementRef","conditionallyContainFocus","useCallback","trap","current","focusOn","originalActiveElement","getActiveElement","restoreFocusRefForCleanup","event","focusOnEnd","focusOnStart"],"mappings":"uMAeA,MAAAA,aAaAC,EAAAC,EAAAA,YAAA,EAAAC,WAAAC,IACEC,EAAAA,IAAA,MAAA,CAAAC,MAAAN,EAAAG,QAAAA,EAAAI,IAAAH,EAAAI,SAAA,MC6HFC,EAAAC,IACEA,GAAAC,oBAAAD,sCAIC,EAIHE,EAAAA,CAAAC,EAAAC,KACE,GAAA,IAAAD,EAAAE,OAA2B,OAAA,iFAM7BC,EAQC,qBA9HDC,EAAAC,eAAAC,WAAAC,cAAA,EAAAC,sBAME,MAAAC,EAAAC,SAAA,MACAC,EAAAD,SAAA,MACAE,EAAAF,SAAA,MACAG,EAAAH,SAAA,0BAaAI,EAAAC,EAAAA,aAAAd,IAEI,MAAAe,EAAAP,EAAAQ,SAEAV,GAAAS,GAAAf,IAGAA,GAAAF,EAAA,CAAAiB,EAAAL,EAAAM,QAAAL,EAAAK,SAAAhB,GACEY,EAAAI,QAAAhB,YAMAiB,UAAAL,EAAAI,0BAID,GACH,CAAAV,6BA6BA,MAAAS,EAAAP,EAAAQ,wBAGA,MAAAE,EAAAC,mBAAAJ,GAGAX,GAAAA,EAAAY,QACEC,UAAAb,EAAAY,wBAOF,MAAA,aAEErB,EAAAyB,GAAAJ,SAAAE,EAAA,CACF,gEAzCFG,KACEf,GAAAE,EAAAQ,UACAM,aAAAd,EAAAQ,+EAgBFK,IACET,EAAAI,QAAAK,EAAArB,MAAA,kDAVFqB,KACEf,GAAAE,EAAAQ,UACAO,eAAAf,EAAAQ"}

package/amd/Heading-b625e495.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './utils/UNSAFE_arrayUtils', './UNSAFE_Heading/themes/HeadingStyles.css'], (function(s,e,i,t){"use strict";const n=i.stringLiteralArray(["h1","h2","h3","h4","h5","h6"]),h={h1:"2xl",h2:"xl",h3:"lg",h4:"md",h5:"sm",h6:"xs"};s.Heading=function({children:s,as:i,size:n,id:l}){const r=i;n=n??h[r];const a=t.multiVariantStyles({size:n});return e.jsx(r,{className:a,id:l,children:s})},s.headingElementTypes=n,s.sizeOptions=["xs","sm","md","lg","xl","2xl","inherit"]}));
-//# sourceMappingURL=Heading-b625e495.js.map

package/amd/Heading-b625e495.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Heading-b625e495.js","sources":["../../src/UNSAFE_Heading/Heading.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { stringLiteralArray } from '../utils/UNSAFE_arrayUtils';\nimport { multiVariantStyles } from './themes/HeadingStyles.css';\n\nexport const headingElementTypes = stringLiteralArray(['h1', 'h2', 'h3', 'h4', 'h5', 'h6']);\n\ntype ElementType = typeof headingElementTypes[number];\n\ntype HeadingProps = {\n  /**\n   * Specifies the heading tag\n   */\n  as: ElementType;\n\n  /**\n   * Specifies the font size and line height. The default value of this property is theme driven.\n   */\n  size?: 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl' | 'inherit';\n\n  /**\n   * Specifies the header id\n   */\n  id?: string;\n\n  /**\n   * Specifies the children\n   */\n  children: ComponentChildren;\n};\n\nconst headingsizeMap: { [headingType in ElementType]: string } = {\n  h1: '2xl',\n  h2: 'xl',\n  h3: 'lg',\n  h4: 'md',\n  h5: 'sm',\n  h6: 'xs'\n};\n\nexport const sizeOptions = ['xs', 'sm', 'md', 'lg', 'xl', '2xl', 'inherit'];\n\nexport function Heading({ children, as, size, id }: HeadingProps) {\n  const Component = as;\n  //@ts-ignore\n  size = size ?? headingsizeMap[Component];\n  const classes = multiVariantStyles({ size });\n  return (\n    <Component className={classes} id={id}>\n      {children}\n    </Component>\n  );\n}\n"],"names":["headingElementTypes","stringLiteralArray","headingsizeMap","h1","h2","h3","h4","h5","h6","children","as","size","id","Component","classes","multiVariantStyles","_jsx","jsx","className"],"mappings":"sJAIaA,EAAsBC,EAAAA,mBAAmB,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,OA0B/EC,EAA2D,CAC/DC,GAAI,MACJC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,KACJC,GAAI,gBAKA,UAAkBC,SAAEA,EAAQC,GAAEA,EAAEC,KAAEA,EAAIC,GAAEA,IAC5C,MAAMC,EAAYH,EAElBC,EAAOA,GAAQT,EAAeW,GAC9B,MAAMC,EAAUC,EAAAA,mBAAmB,CAAEJ,SACrC,OACEK,EAAAC,IAACJ,EAAS,CAACK,UAAWJ,EAASF,GAAIA,EAAEH,SAClCA,GAGP,wCAZ2B,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,MAAO"}

package/amd/HiddenAccessible-5a8bbd31.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'module'], (function(i,n,e){"use strict";const s="wj8x3c";i.HiddenAccessible=function({children:i,id:e,isHidden:c}){return n.jsx("span",{id:e,class:s,hidden:c,children:i})}}));
-//# sourceMappingURL=HiddenAccessible-5a8bbd31.js.map

package/amd/HiddenAccessible-5a8bbd31.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HiddenAccessible-5a8bbd31.js","sources":["../../src/UNSAFE_HiddenAccessible/HiddenAccessible.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst hiddenAccessibleStyle = cssProps`${{\n  border: 0,\n  clip: 'rect(0 0 0 0)',\n  height: '1px',\n  margin: '-1px',\n  overflowX: 'hidden',\n  overflowY: 'hidden',\n  paddingTop: 0,\n  paddingRight: 0,\n  paddingBottom: 0,\n  paddingLeft: 0,\n  width: '1px',\n  position: 'absolute'\n}}`;\n\ntype HiddenAccessibleProps = {\n  /**\n   * Specifies the ComponentChildren\n   */\n  children?: ComponentChildren;\n\n  /**\n   * HTML id for the rendered element\n   */\n  id?: string;\n\n  /**\n   * Specifies whether the element is hidden to the screen readers by default.\n   * However, one can override it using aria-describedby/aria-labelledby. This is\n   * useful when the content should be read only as a description for another content\n   * and not as a content of the container.\n   */\n  isHidden?: boolean;\n};\n\n/**\n * HiddenAccessible is a helper component that hides its children visually,\n * but keeps them visible to screen readers.\n *\n */\nfunction HiddenAccessible({ children, id, isHidden }: HiddenAccessibleProps) {\n  return (\n    <span id={id} class={hiddenAccessibleStyle} hidden={isHidden}>\n      {children}\n    </span>\n  );\n}\n\nexport { HiddenAccessible };\n"],"names":["hiddenAccessibleStyle","children","id","isHidden","_jsx","class","hidden"],"mappings":"gFAGA,MAAAA,EAaC,4BA2BD,UAAAC,SAAAA,EAAAC,GAAAA,EAAAC,SAAAA,IACE,OAAAC,EAAAA,IAAA,OAAA,CAAAF,GAAAA,EAAAG,MAAAL,EAAAM,OAAAH,EAAAF,SAAAA,GAKF"}

package/amd/HighlightText-6fab2f26.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'module'], (function(e,n,t,r){"use strict";const c="_1dvygl1";const i="__@@__",s=`${i}$&${i}`;e.HighlightText=function({children:e="",matchText:r=""}){return function(e,r){if(r.length>0&&e.length>0){const l=r.replace(/[.*+\-?^${}()|[\]\\]/g,"\\$&"),a=e.replace(new RegExp(l,"gi"),s).split(i).map(((e,t)=>t%2==0?e:n.jsx("span",{class:c,children:e})));return n.jsx(t.Fragment,{children:a})}return n.jsx(t.Fragment,{children:e})}(e,r)}}));
-//# sourceMappingURL=HighlightText-6fab2f26.js.map

package/amd/HighlightText-6fab2f26.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"HighlightText-6fab2f26.js","sources":["../../src/UNSAFE_HighlightText/HighlightText.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { Fragment } from 'preact';\nimport { cssProps } from '@oracle/oraclejet-cssprops';\n\nconst highlightStyles = cssProps`${{\n  fontWeight: 700\n}}`;\n\ntype Props = {\n  /**\n   * The text string to apply highlighting to.\n   */\n  children?: string;\n  /**\n   * The text string to match.\n   */\n  matchText?: string;\n};\n\n/**\n * Renders a text string with highlighting applied to the given text to match.\n */\nexport function HighlightText({ children = '', matchText = '' }: Props) {\n  return highlighter(children, matchText);\n}\n\nconst HIGHLIGHT_TOKEN = '__@@__';\nconst HIGHLIGHT_PATTERN = `${HIGHLIGHT_TOKEN}$&${HIGHLIGHT_TOKEN}`;\n\nfunction highlighter(unhighlightedText: string, matchText: string) {\n  if (matchText.length > 0 && unhighlightedText.length > 0) {\n    const escapedMatchText = escapeRegExp(matchText);\n    const highlightedText = unhighlightedText.replace(\n      new RegExp(escapedMatchText, 'gi'),\n      HIGHLIGHT_PATTERN\n    );\n    const tokens = highlightedText.split(HIGHLIGHT_TOKEN);\n    const nodes = tokens.map((current, index) =>\n      index % 2 == 0 ? current : <span class={highlightStyles}>{current}</span>\n    );\n    return <Fragment>{nodes}</Fragment>;\n  }\n  return <Fragment>{unhighlightedText}</Fragment>;\n}\n\nfunction escapeRegExp(str: string) {\n  // copied from:\n  // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Regular_Expressions#Escaping\n  return str.replace(/[.*+\\-?^${}()|[\\]\\\\]/g, '\\\\$&'); // $& means the whole matched string\n}\n"],"names":["highlightStyles","HIGHLIGHT_TOKEN","HIGHLIGHT_PATTERN","children","matchText","unhighlightedText","escapedMatchText","nodes","replace","RegExp","map","current","index","_jsx","class","Fragment","highlighter"],"mappings":"2FAWA,MAAAA,EAEC,WAoBD,MAAAC,EAAA,SACAC,EAAA,GAAAD,MAAAA,oBALA,UAAAE,SAAAA,EAAA,GAAAC,UAAAA,EAAA,KACE,OAMF,SAAAC,EAAAD,8BAEI,MAAAE,EAAAF,0CAMAG,EALAF,EAAAG,QAAA,IAAAC,OAAAH,EAAA,MAAAJ,YAKAQ,KAAA,CAAAC,EAAAC,IAAAA,EAAA,GAAA,EAAAD,EAAAE,EAAAA,IAAA,OAAA,CAAAC,MAAAd,EAAAG,SAAAQ,MAGA,OAAAE,EAAAA,IAAAE,EAAAA,SAAA,CAAAZ,SAAAI,GACD,CACD,OAAAM,EAAAA,IAAAE,EAAAA,SAAA,CAAAZ,SAAAE,GACF,CApBEW,CAAAb,EAAAC,EACF"}

package/amd/Icon-985b1e09.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', './utils/UNSAFE_size', './hooks/UNSAFE_useTooltip', './UNSAFE_Icon/themes/IconStyle.css'], (function(e,s,o,l,t,c){"use strict";const i=({accessibleLabel:e,...o})=>e?s.jsx(r,{accessibleLabel:e,...o}):s.jsx(n,{...o}),n=e=>s.jsx("svg",{...e}),r=({accessibleLabel:e,children:l,...c})=>{const{tooltipContent:i,tooltipProps:{onFocus:n,onBlur:r,...a}}=t.useTooltip({text:e,anchor:{x:"element",y:"element"}});return s.jsxs(o.Fragment,{children:[s.jsx("svg",{role:"img",...c,...a,"aria-label":e,children:l}),i]})};e.Icon=({size:e="1em",color:o="currentColor",accessibleLabel:t="",viewBox:n="none",children:r})=>s.jsx(i,{height:"1em",width:"1em",viewBox:n,accessibleLabel:t,class:c.styles[o],style:{fontSize:"1em"===e?e:`${l.sizeToCSS(e)}`},children:r})}));
-//# sourceMappingURL=Icon-985b1e09.js.map

package/amd/Icon-985b1e09.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Icon-985b1e09.js","sources":["../../src/UNSAFE_Icon/Icon.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { JSX, Fragment } from 'preact';\nimport { Size, sizeToCSS } from '../utils/UNSAFE_size';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { styles } from './themes/IconStyle.css';\n\ntype IntrinsicProps = JSX.SVGAttributes<SVGSVGElement>;\n\ntype Props = Pick<IntrinsicProps, 'viewBox' | 'children'> & {\n  /**\n   * The size of the component. Defaults to '1em', which means the font size of the parent is used.\n   */\n  size?: Size | '1em';\n  /**\n   * The color of the component. Defaults to 'currentColor', which behaves like the CSS 'currentColor' value.\n   */\n  color?: keyof typeof styles;\n  /**\n   * A label to be used for accessibility purposes.\n   */\n  accessibleLabel?: string;\n};\n\nexport const Icon = ({\n  size = '1em',\n  color = 'currentColor',\n  accessibleLabel = '',\n  viewBox = 'none',\n  children\n}: Props) => (\n  <Svg\n    height=\"1em\"\n    width=\"1em\"\n    viewBox={viewBox}\n    accessibleLabel={accessibleLabel}\n    class={styles[color]}\n    style={{ fontSize: size === '1em' ? size : `${sizeToCSS(size)}` }}>\n    {children}\n  </Svg>\n);\n\ntype BaseSvgProps = Pick<\n  IntrinsicProps,\n  'height' | 'width' | 'viewBox' | 'class' | 'children' | 'style'\n>;\ntype SvgProps = BaseSvgProps & {\n  accessibleLabel: string;\n};\n\nconst Svg = ({ accessibleLabel, ...otherProps }: SvgProps) =>\n  accessibleLabel ? (\n    <SemanticSvg accessibleLabel={accessibleLabel} {...otherProps} />\n  ) : (\n    <DecorativeSvg {...otherProps} />\n  );\n\nconst DecorativeSvg = (props: BaseSvgProps) => <svg {...props} />;\n\nconst SemanticSvg = ({ accessibleLabel, children, ...props }: SvgProps) => {\n  // See JET-56791.\n  // We want the same effect as specifying a SVG <title> element for showing a tooltip.\n  // When <title> is used, the SVG is not keyboard focusable by default, and the tooltip only shows up\n  // on mouse hover. Typically any accessibility requirements beyond this should be handled by making the parent\n  // element accessible. This was the approved behavior by APO, and is consistent with the behavior of icons\n  // from other libraries.\n  //\n  // We need to use useTooltip for displaying the tooltip, but it appears spreading the onFocus and onBlur event\n  // handlers generated by the useTooltip hook onto the <svg> causes it to become keyboard focusable*.\n  // To fix this we need to omit spreading the onFocus and onBlur event handlers from the tooltipProps.\n  //\n  // *Most browsers implement the SVG 1.1 spec. There's also a SVG 1.2 Tiny spec that's not\n  // fully implemented in most browsers.\n  // The non-draft version of SVG 1.1 doesn't document the focus conditions and behavior AFAICT.\n  // However it appears browsers implemented the same behavior as the focusable=\"auto\" behavior as described\n  // in SVG 1.2 Tiny: https://www.w3.org/TR/SVGTiny12/interact.html#focus\n  // In particular, it states that if the SVG element has focus related event listeners registered on it, then it becomes focusable.\n  // The spec mentions focusin and focusout event handlers, but not focus event handlers. The reality is\n  // that having a focus event handler registered also causes the <svg> to become focusable (tested on Chrome), and that's\n  // probably because a focus event always precedes a focusin event.\n  // Note also setting focusable=\"false\", or setting tabindex=\"-1\" on the <svg> to prevent it from becoming focusable\n  // doesn't work based on my testing, and that's most probably because the focusable and tabindex attributes are not part\n  // of the SVG 1.1 spec.\n  const {\n    tooltipContent,\n    tooltipProps: { onFocus, onBlur, ...restTooltipProps }\n  } = useTooltip({\n    text: accessibleLabel,\n    anchor: {\n      x: 'element',\n      y: 'element'\n    }\n  });\n\n  return (\n    <Fragment>\n      <svg role=\"img\" {...props} {...restTooltipProps} aria-label={accessibleLabel}>\n        {children}\n      </svg>\n      {tooltipContent}\n    </Fragment>\n  );\n};\n"],"names":["Svg","accessibleLabel","otherProps","_jsx","SemanticSvg","jsx","DecorativeSvg","props","children","tooltipContent","tooltipProps","onFocus","onBlur","restTooltipProps","useTooltip","text","anchor","x","y","_jsxs","Fragment","role","size","color","viewBox","height","width","class","styles","style","fontSize","sizeToCSS"],"mappings":"4KA6Ba,MA0BPA,EAAM,EAAGC,qBAAoBC,KACjCD,EACEE,EAAAA,IAACC,EAAW,CAACH,gBAAiBA,KAAqBC,IAEnDC,EAACE,IAAAC,MAAkBJ,IAGjBI,EAAiBC,GAAwBJ,EAAAE,IAAA,MAAA,IAASE,IAElDH,EAAc,EAAGH,kBAAiBO,cAAaD,MAwBnD,MAAME,eACJA,EACAC,cAAcC,QAAEA,EAAOC,OAAEA,KAAWC,IAClCC,aAAW,CACbC,KAAMd,EACNe,OAAQ,CACNC,EAAG,UACHC,EAAG,aAIP,OACEC,OAACC,EAAQA,SAAA,CAAAZ,SAAA,CACPL,EAAAA,WAAKkB,KAAK,SAAUd,KAAWM,EAAgB,aAAcZ,EAC1DO,SAAAA,IAEFC,IAEH,SA7EgB,EAClBa,OAAO,MACPC,QAAQ,eACRtB,kBAAkB,GAClBuB,UAAU,OACVhB,cAEAL,EAAAE,IAACL,EAAG,CACFyB,OAAO,MACPC,MAAM,MACNF,QAASA,EACTvB,gBAAiBA,EACjB0B,MAAOC,EAAMA,OAACL,GACdM,MAAO,CAAEC,SAAmB,QAATR,EAAiBA,EAAO,GAAGS,EAAAA,UAAUT,eACvDd"}

package/amd/IconButton-093c7ef9.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', './UNSAFE_BaseButton', './UNSAFE_ButtonLayout', 'preact/compat', './hooks/UNSAFE_useTooltip', './BaseButton-d10cad22', './ButtonLayout-c5c8a33f'], (function(t,o,e,a,i,s,n,r,c){"use strict";const u=s.forwardRef((({variant:t="outlined",isDisabled:a=!1,isRepeat:i=!1,size:s="md",autofocus:u,onAction:l,tooltip:d,"aria-label":p,"aria-describedby":B,...b},f)=>{const{tooltipContent:y,tooltipProps:x}=n.useTooltip({text:d||p});return o.jsxs(e.Fragment,{children:[o.jsx(r.BaseButton,{...x,ref:f,isDisabled:a,isRepeat:i,size:s,autofocus:u,variant:t,styling:["min"],onAction:l,"aria-describedby":B,"aria-label":p??d,children:o.jsx(c.ButtonLayout,{display:"icons",startIcon:b.children,size:s})}),y]})}));t.IconButton=u}));
-//# sourceMappingURL=IconButton-093c7ef9.js.map