@oracle/oraclejet-preact 19.0.1 → 19.0.2

package/amd/NavigationListItem-3cc88fb4.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationListItem-3cc88fb4.js","sources":["../../src/UNSAFE_NavigationList/useNavigationList.ts","../../src/UNSAFE_NavigationList/NavigationList.tsx","../../src/UNSAFE_NavigationList/NavigationListItem.tsx"],"sourcesContent":["import { ComponentChildren, ComponentProps } from 'preact';\nimport { useState, useCallback, MutableRef, useRef, useEffect, useId } from 'preact/hooks';\nimport {\n  keyExtractor,\n  getFirstVisibleKey,\n  getKey,\n  getPrevNextKeyUsingRef,\n  findElementByKey\n} from '../utils/PRIVATE_collectionUtils';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { useCollectionFocusRing } from '../hooks/PRIVATE_useCollectionFocusRing';\nimport { useCurrentKey } from '../hooks/PRIVATE_useCurrentKey';\nimport { MenuProps } from '../hooks/PRIVATE_useVisContextMenu/util';\nimport { useContextMenuGesture } from '../hooks/UNSAFE_useContextMenuGesture';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { Menu } from '../UNSAFE_Menu';\nimport { getDefaultContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport { TabBarContextMenuConfig, TabBarItemContextMenuContext } from '../UNSAFE_TabBarCommon';\nimport { NavigationListContextProps } from '../UNSAFE_NavigationListCommon';\n\nconst ITEM_SELECTOR = '[role=\"tab\"]';\nexport const REMOVE_ICON_SELECTOR = '[data-oj-navigationlist-item-remove-icon]';\nconst TOUCH_OFFSET_VALUE = 40;\nconst menuPropGestureStates: Record<\n  'mouse' | 'keyboard' | 'touch',\n  Omit<Required<MenuProps>, 'anchorRef' | 'isOpen'>\n> = {\n  mouse: {\n    initialFocus: 'menu',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  keyboard: {\n    initialFocus: 'firstItem',\n    placement: 'bottom-start',\n    offsetValue: 0\n  },\n  touch: {\n    initialFocus: 'menu',\n    placement: 'end',\n    offsetValue: TOUCH_OFFSET_VALUE\n  }\n};\n\n/**\n * type for payload of current key change event handler\n */\ntype CurrentKeyDetail<K> = {\n  value: K;\n};\n/**\n * type for payload of selection change event handler\n */\ntype SelectionDetail<K> = {\n  value: K;\n  reason: 'pointer' | 'keyboard';\n};\n/**\n * type for payload of remove event handler\n */\ntype RemoveDetail<K> = {\n  value: K;\n};\n\nconst initialMenuProps: MenuProps = {\n  isOpen: false,\n  initialFocus: 'menu',\n  placement: 'bottom-start',\n  offsetValue: 0,\n  anchorRef: { current: null }\n};\n\n/*TODO: JET-58534. Create a hook to share some logic between navlist and tabbar. Hook will be used inside this one. */\nexport function useNavigationList<K extends string | number>({\n  containerRef,\n  selection,\n  onRemove,\n  onSelectionChange,\n  children,\n  contextMenuConfig\n}: {\n  containerRef: MutableRef<HTMLDivElement>;\n  selection?: K;\n  onRemove?: <K extends string | number>(detail: RemoveDetail<K>) => void;\n  onSelectionChange?: <K extends string | number>(detail: SelectionDetail<K>) => void;\n  children: ComponentChildren;\n  contextMenuConfig?: TabBarContextMenuConfig<K>;\n}) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const [currentKey, setCurrentKey] = useState<K | undefined>(selection);\n\n  const onCurrentKeyChange = useCallback((detail: CurrentKeyDetail<K | undefined>) => {\n    setCurrentKey(detail.value);\n  }, []) as NavigationListContextProps<K>['onCurrentKeyChange'];\n\n  const { currentKeyProps } = useCurrentKey(\n    (element) =>\n      onRemove\n        ? (extractOnlyItemKey(element, ITEM_SELECTOR, REMOVE_ICON_SELECTOR) as K)\n        : keyExtractor(element, ITEM_SELECTOR),\n    false,\n    getPrevNextKeyUsingRef(containerRef, currentKey, true, ITEM_SELECTOR),\n    getPrevNextKeyUsingRef(containerRef, currentKey, false, ITEM_SELECTOR),\n    undefined,\n    undefined,\n    currentKey,\n    onCurrentKeyChange\n  );\n\n  const [showFocusRing, focusRingProps] = useCollectionFocusRing(containerRef, [\n    'Home',\n    'End',\n    'ArrowUp',\n    'ArrowDown'\n  ]);\n\n  const onFocus = useCallback(() => {\n    if (containerRef.current && currentKey === undefined) {\n      const key = getFirstVisibleKey(containerRef.current, ITEM_SELECTOR);\n      if (key) {\n        setCurrentKey(key as K);\n      }\n    }\n  }, [currentKey, containerRef]);\n\n  const onFocusProps = { onFocus };\n  const prevNavItems = useRef<K[]>();\n\n  useEffect(() => {\n    if (containerRef.current) {\n      const navListItemKeys = Array.from(\n        containerRef.current.querySelectorAll(ITEM_SELECTOR),\n        (elem) => getKey(elem as HTMLElement) as K\n      );\n      if (currentKey != null && navListItemKeys.indexOf(currentKey) !== -1) {\n        const navListItem = findElementByKey(\n          containerRef.current,\n          currentKey,\n          ITEM_SELECTOR\n        ) as any;\n        if (navListItem.scrollIntoViewIfNeeded) {\n          // for some browsers, we'll need the non-standard scrollIntoViewIfNeeded\n          navListItem.scrollIntoViewIfNeeded();\n        } else {\n          navListItem.scrollIntoView({ block: 'nearest' });\n        }\n      } else {\n        if (currentKey && navListItemKeys.indexOf(currentKey) === -1) {\n          prevNavItems.current\n            ? setCurrentKey(findNextCurrentKey(currentKey, navListItemKeys, prevNavItems.current))\n            : setCurrentKey(navListItemKeys[0] as K);\n        }\n        prevNavItems.current = navListItemKeys;\n      }\n    }\n  }, [children, currentKey, containerRef]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if ((event.key === 'Home' || event.key === 'End') && containerRef.current && currentKey) {\n        const navListItemKey = Array.from(\n          containerRef.current.querySelectorAll(ITEM_SELECTOR),\n          (elem) => getKey(elem as HTMLElement) as K\n        );\n        onCurrentKeyChange?.({\n          value: navListItemKey[event.key === 'Home' ? 0 : navListItemKey.length - 1] as K\n        });\n      }\n      if (currentKey && (event.key === 'Enter' || event.key === ' ')) {\n        onSelectionChange?.({\n          value: currentKey as K,\n          reason: 'keyboard'\n        });\n      }\n      if (currentKey && event.key === 'Delete') {\n        onRemove?.({ value: currentKey as K });\n      }\n    },\n    [currentKey, onSelectionChange, onRemove, onCurrentKeyChange, containerRef]\n  );\n\n  const [contextMenuContext, setContextMenuContext] = useState<TabBarItemContextMenuContext<K>>();\n\n  const [menuProps, setMenuProps] = useState<MenuProps>(initialMenuProps);\n  const [accStatusInfo, setAccStatusInfo] = useState<string>();\n\n  const { triggerProps } = useContextMenuGesture(\n    ({ gesture, anchor, target }) => {\n      let anchorBasedOnGesture = anchor;\n      let itemKey = currentKey as K;\n      if (gesture === 'keyboard') {\n        //We find the element where the position of the menu is going to be based of\n        const elem = findElementByKey(\n          containerRef.current as HTMLElement,\n          currentKey as K,\n          ITEM_SELECTOR\n        );\n        //We set the correct anchor\n        anchorBasedOnGesture = elem ? elem : anchor;\n      } else {\n        //We search for the key using the target of the event\n        const key = keyExtractor(target as HTMLElement, ITEM_SELECTOR);\n\n        //On touch devices, the keyExtractor returns null because target of touch event is the entire tabbar. Hence we make use of currentkey since the context menu is always launched from selected item and its key is currentKey\n        itemKey = key != null ? (key as K) : (currentKey as K);\n      }\n      let isRemovable = false;\n      if (containerRef.current) {\n        isRemovable = getItemAttribute(itemKey, containerRef.current, REMOVE_ICON_SELECTOR) != null;\n      }\n      const defaultContext = getDefaultContextMenu<K>({\n        // For default menu items the existence of REMOVE_ICON_SELECTOR is the indicator that it is removable because we render the default menu in touch devices not the application.\n        // Furthermore in corepack due to delegations onRemove is always defined as it is a even handler hence not a good check for isRemovable.\n        isRemovable: isRemovable,\n        handleRemove: onRemove,\n        handleReorder: undefined,\n        itemKey: itemKey,\n        tabKeys: undefined,\n        // As direction is only needed for reorder to switch the labels\n        direction: undefined,\n        itemLabels: {\n          labelRemove: isRemovable ? translations.tabbar_labelRemove() : undefined\n        },\n        handleAccStatus: (detail) => {\n          const removeItemLabel = getItemLabel(detail.removedKey!, containerRef.current!) as string;\n          const removeStatus =\n            isRemovable && detail.removedKey ? ` Removed ${removeItemLabel}` : '';\n\n          setAccStatusInfo(removeStatus);\n        }\n      });\n      setContextMenuContext(defaultContext);\n\n      setMenuProps({\n        ...menuPropGestureStates[gesture],\n        anchorRef: { current: anchorBasedOnGesture },\n        // This is set so that when no contextMenuConfig and when items is not removable we need not open it.\n        isOpen: contextMenuConfig != null\n      });\n    },\n    {\n      isDisabled: !contextMenuConfig //If there is no a context menu renderer we disable the hook\n    }\n  );\n\n  const handleCloseContextMenu = useCallback<Required<ComponentProps<typeof Menu>>['onClose']>(\n    (detail) => {\n      //Focus has to be set on the current target that was obtained\n      //during context menu gesture when menu is dismissed or item is \"selected\"\n      if (detail.reason === 'dismissed' || detail.reason === 'itemAction') {\n        setCurrentKey(contextMenuContext?.itemKey);\n        containerRef.current?.focus();\n      }\n      // We close the menu.The only prop that matters here is isOpen\n      setMenuProps({ ...initialMenuProps });\n    },\n    [containerRef, contextMenuContext?.itemKey]\n  );\n\n  const contextMenuDescriptionId = 'contextMenu_' + useId();\n  const contextMenuDescription = translations.tabbar_labelContextMenu();\n\n  return {\n    showFocusRing,\n    currentKey,\n    onCurrentKeyChange,\n    onKeyDown,\n    menuProps: { ...menuProps, onClose: handleCloseContextMenu },\n    contextMenuContext,\n    contextMenuDescription,\n    contextMenuDescriptionId,\n    accStatusInfo,\n    containerHandlers: mergeProps(focusRingProps, currentKeyProps, onFocusProps, triggerProps)\n  };\n}\n// Utility that returns the value for a attribute related to the role=\"tab\" item.\nexport const getItemAttribute = <K extends string | number>(\n  itemKey: K,\n  root: HTMLElement,\n  attribute: string\n) => {\n  const navItem = findElementByKey(root, itemKey as K, ITEM_SELECTOR) as HTMLElement;\n  if (navItem) {\n    const tabBarItemAttribute = navItem.querySelector(attribute);\n    return tabBarItemAttribute;\n  }\n  return;\n};\n\n// Utility that returns the visible inner text inside the role=\"tab\" item.\nconst getItemLabel = <K extends string | number>(itemKey: K, root: HTMLElement) => {\n  const tabBarItem = findElementByKey(root, itemKey as K, ITEM_SELECTOR) as HTMLElement;\n  if (tabBarItem) {\n    return tabBarItem.innerText;\n  }\n  return;\n};\n\nconst extractOnlyItemKey = (element: HTMLElement, itemSelector: string, itemEliminator: string) => {\n  const navigationListItem = element.closest(itemSelector);\n  const removeButton = element.closest(itemEliminator);\n  return navigationListItem?.contains(removeButton) ? null : keyExtractor(element, itemSelector);\n};\n\nconst findNextCurrentKey = <K>(currentKey: K, currNavs: K[], prevNavs: K[]) => {\n  const index = prevNavs.indexOf(currentKey);\n  if (index > 0) {\n    const nextIndex = index === prevNavs.length - 1 ? index - 1 : index + 1;\n    const nextKey = prevNavs[nextIndex];\n    if (currNavs.indexOf(nextKey) !== -1) {\n      return nextKey;\n    }\n  }\n  // update current key to be the first one if we can't find a suitable next key\n  return currNavs[0];\n};\n","import { Ref } from 'preact';\nimport { MutableRef, useMemo, useRef } from 'preact/hooks';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { isMobile } from '#utils/UNSAFE_clientUtils';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { navigationListStyles } from './themes/NavigationListStyles.css';\nimport { getItemAttribute, REMOVE_ICON_SELECTOR, useNavigationList } from './useNavigationList';\nimport { forwardRef, useImperativeHandle } from 'preact/compat';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { NavigationListProps, NavigationListContext } from '../UNSAFE_NavigationListCommon';\nimport { TabBarContextMenu } from '../UNSAFE_TabBar/TabBarContextMenu';\nimport type { TabBarContextMenuConfig as NavigationListContextMenuConfig } from '../UNSAFE_TabBarCommon';\nexport {\n  RemovableNavigationListItem,\n  NavigationListLinkItem\n} from '../UNSAFE_NavigationListCommon';\n\nexport type FocusableHandle = {\n  focus: () => void;\n  blur: () => void;\n};\n\nexport const NavigationList = forwardRef(\n  <K extends string | number>(\n    {\n      children,\n      selection,\n      onSelectionChange,\n      onRemove,\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelLedBy,\n      testId\n    }: NavigationListProps<K> & TestIdProps,\n    ref?: Ref<FocusableHandle>\n  ) => {\n    const containerRef = useRef<HTMLDivElement>(null);\n\n    const isMobileDevice = isMobile();\n    const defaultContextMenuConfig = useMemo<\n      NavigationListContextMenuConfig<string | number>\n    >(() => {\n      return {\n        itemsRenderer: (context) => {\n          //Only if context is available, it is a mobile device and it is removable item, we will return remove context menu item\n          if (context) {\n            const isRemovableItem =\n              getItemAttribute(context.itemKey, containerRef.current!, REMOVE_ICON_SELECTOR) !=\n              null;\n            if (isRemovableItem && isMobileDevice) {\n              const defaultItems = context.defaultMenuItems;\n              return <>{defaultItems}</>;\n            }\n          }\n          return null;\n        }\n      };\n    }, []);\n\n    const {\n      showFocusRing,\n      currentKey,\n      onCurrentKeyChange,\n      containerHandlers,\n      onKeyDown,\n      contextMenuContext,\n      menuProps,\n      contextMenuDescription,\n      contextMenuDescriptionId,\n      accStatusInfo\n    } = useNavigationList({\n      containerRef: containerRef as MutableRef<HTMLDivElement>,\n      selection,\n      onRemove,\n      onSelectionChange,\n      children,\n      contextMenuConfig: defaultContextMenuConfig\n    });\n\n    const isContextMenuAvailable = defaultContextMenuConfig != null && isMobileDevice;\n\n    const eventProps = { onKeyDown };\n    const navigationListClass = classNames([navigationListStyles.uListStyle]);\n    const navigationListItemPrefix = useId() + '_';\n    const testIdProps = useTestId(testId);\n\n    //Allows to call focus on rootRef without having to expose it\n    useImperativeHandle(ref!, () => ({\n      focus: () => {\n        if (containerRef.current) {\n          containerRef.current.focus();\n        }\n      },\n      blur: () => {\n        if (containerRef.current) {\n          containerRef.current.focus();\n        }\n      }\n    }));\n\n    return (\n      <>\n        <div\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelLedBy}\n          role=\"tablist\"\n          ref={containerRef}\n          aria-orientation={'vertical'}\n          tabIndex={0}\n          aria-activedescendant={currentKey ? navigationListItemPrefix + currentKey : ''}\n          {...mergeProps(eventProps, containerHandlers)}\n          {...testIdProps}\n          class={navigationListClass}>\n          <NavigationListContext.Provider\n            value={{\n              selection,\n              onSelectionChange,\n              onCurrentKeyChange,\n              currentKey,\n              showFocusRing,\n              navigationListItemPrefix,\n              onRemove\n            }}>\n            {children}\n          </NavigationListContext.Provider>\n        </div>\n        {isContextMenuAvailable && contextMenuDescriptionId && contextMenuDescription && (\n          <span id={contextMenuDescriptionId}>\n            <HiddenAccessible>{contextMenuDescription}</HiddenAccessible>\n          </span>\n        )}\n        {isContextMenuAvailable && accStatusInfo && <LiveRegion>{accStatusInfo}</LiveRegion>}\n        {isContextMenuAvailable && (\n          <TabBarContextMenu\n            {...menuProps}\n            contextMenuConfig={defaultContextMenuConfig}\n            contextMenuContext={contextMenuContext!}\n          />\n        )}\n      </>\n    );\n  }\n);\n","import {\n  BaseNavigationListItem,\n  BaseNavigationListItemProps\n} from '../UNSAFE_NavigationListCommon/BaseNavigationListItem';\n\nexport type NavigationListItemProps<K extends string | number> = Omit<\n  BaseNavigationListItemProps<K>,\n  'removeIcon'\n>;\n\nexport function NavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity\n}: NavigationListItemProps<K>) {\n  return (\n    <BaseNavigationListItem\n      itemKey={itemKey}\n      label={label}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n    />\n  );\n}\n"],"names":["ITEM_SELECTOR","REMOVE_ICON_SELECTOR","menuPropGestureStates","mouse","initialFocus","placement","offsetValue","keyboard","touch","initialMenuProps","isOpen","anchorRef","current","getItemAttribute","itemKey","root","attribute","navItem","findElementByKey","querySelector","getItemLabel","tabBarItem","innerText","extractOnlyItemKey","element","itemSelector","itemEliminator","navigationListItem","closest","removeButton","contains","keyExtractor","findNextCurrentKey","currentKey","currNavs","prevNavs","index","indexOf","nextKey","length","NavigationList","forwardRef","children","selection","onSelectionChange","onRemove","ariaLabel","ariaLabelLedBy","testId","ref","containerRef","useRef","isMobileDevice","isMobile","defaultContextMenuConfig","useMemo","itemsRenderer","context","defaultItems","defaultMenuItems","_jsx","jsx","_Fragment","Fragment","showFocusRing","onCurrentKeyChange","containerHandlers","onKeyDown","contextMenuContext","menuProps","contextMenuDescription","contextMenuDescriptionId","accStatusInfo","contextMenuConfig","translations","useTranslationBundle","setCurrentKey","useState","useCallback","detail","value","currentKeyProps","useCurrentKey","getPrevNextKeyUsingRef","undefined","focusRingProps","useCollectionFocusRing","onFocusProps","onFocus","key","getFirstVisibleKey","prevNavItems","useEffect","navListItemKeys","Array","from","querySelectorAll","elem","getKey","navListItem","scrollIntoViewIfNeeded","scrollIntoView","block","event","navListItemKey","reason","setContextMenuContext","setMenuProps","setAccStatusInfo","triggerProps","useContextMenuGesture","gesture","anchor","target","anchorBasedOnGesture","isRemovable","defaultContext","getDefaultContextMenu","handleRemove","handleReorder","tabKeys","direction","itemLabels","labelRemove","tabbar_labelRemove","handleAccStatus","removeItemLabel","removedKey","removeStatus","isDisabled","handleCloseContextMenu","focus","useId","tabbar_labelContextMenu","onClose","mergeProps","useNavigationList","isContextMenuAvailable","eventProps","navigationListClass","classNames","navigationListStyles","uListStyle","navigationListItemPrefix","testIdProps","useTestId","useImperativeHandle","blur","_jsxs","role","tabIndex","class","NavigationListContext","Provider","id","HiddenAccessible","LiveRegion","TabBarContextMenu","label","badge","metadata","severity","BaseNavigationListItem"],"mappings":"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"}

package/amd/NavigationListLinkItem-8ca44347.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './BaseNavigationListItem-cb5c260b', './Close-7a1f81d8', './EmbeddedIconButton-cb74290f', 'preact/hooks', './useHover-8b8a1496', './useTranslationBundle-8e42d505'], (function(e,t,a,i,o,n,s,r){"use strict";e.NavigationListLinkItem=function({itemKey:e,badge:i,metadata:o,severity:n,href:s,label:r,"aria-controls":l}){return t.jsx(a.BaseNavigationListItem,{"aria-controls":l,itemKey:e,label:r,badge:i,metadata:o,severity:n,href:s})},e.RemovableNavigationListItem=function({itemKey:e,label:l,badge:c,metadata:d,severity:v}){const{selection:m,currentKey:u,onRemove:b}=a.useNavigationListContext(),g=m===e,x=u===e,j=n.useCallback((()=>{b?.({value:e})}),[b,e]),{hoverProps:y,isHover:f}=s.useHover({}),B=r.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{...y,children:t.jsx(a.BaseNavigationListItem,{itemKey:e,label:l,badge:c,metadata:d,severity:v,removeIcon:t.jsx("span",{"data-oj-navigationlist-item-remove-icon":!0,children:t.jsx(o.EmbeddedIconButton,{"aria-label":B.tabBarNavigationList_removeCueText(),size:"xs",onAction:j,children:(f||g||x)&&t.jsx(i.SvgClose,{})})})})})}}));
-//# sourceMappingURL=NavigationListLinkItem-8ca44347.js.map

package/amd/NavigationListLinkItem-8ca44347.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationListLinkItem-8ca44347.js","sources":["../../src/UNSAFE_NavigationListCommon/NavigationListLinkItem.tsx","../../src/UNSAFE_NavigationListCommon/RemovableNavigationListItem.tsx"],"sourcesContent":["import { BaseNavigationListItem, BaseNavigationListItemProps } from './BaseNavigationListItem';\n\ntype Link = {\n  /**\n   * Sets the URL that the hyperlink points to. If there is no valid URL do not use NavigationListLinkItem, use other types of NavigationListItem instead.\n   */\n  href: string;\n};\nexport type NavigationListLinkItemProps<K extends string | number> = Link &\n  Pick<\n    BaseNavigationListItemProps<K>,\n    'label' | 'itemKey' | 'badge' | 'metadata' | 'severity' | 'aria-controls'\n  >;\n/**\n * NavigationListLinkItem is used to render links in a NavigationList. It allows to view the browser's built in link context menu to open the link in new browser tab.\n */\nexport function NavigationListLinkItem<K extends string | number>({\n  itemKey,\n  badge,\n  metadata,\n  severity,\n  href,\n  label,\n  'aria-controls': ariaControls\n}: NavigationListLinkItemProps<K>) {\n  return (\n    <BaseNavigationListItem\n      aria-controls={ariaControls}\n      itemKey={itemKey}\n      label={label}\n      badge={badge}\n      metadata={metadata}\n      severity={severity}\n      href={href}></BaseNavigationListItem>\n  );\n}\n","import { BaseNavigationListItem, BaseNavigationListItemProps } from './BaseNavigationListItem';\nimport { useNavigationListContext } from './useNavigationListContext';\nimport { Close } from '../UNSAFE_RedwoodIcons/Close';\nimport { EmbeddedIconButton } from '../PRIVATE_EmbeddedIconButton';\nimport { useCallback } from 'preact/hooks';\nimport { useHover } from '#hooks/UNSAFE_useHover';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\n\ntype RemovableNavigationListItemProps<K extends string | number> = Omit<\n  BaseNavigationListItemProps<K>,\n  'removeIcon'\n>;\n\nexport function RemovableNavigationListItem<K extends string | number>({\n  itemKey,\n  label,\n  badge,\n  metadata,\n  severity\n}: RemovableNavigationListItemProps<K>) {\n  const { selection, currentKey, onRemove } = useNavigationListContext();\n  const isSelected = selection === itemKey;\n  const isCurrent = currentKey === itemKey;\n\n  const handleRemove = useCallback(() => {\n    onRemove?.({ value: itemKey as K });\n  }, [onRemove, itemKey]);\n\n  const { hoverProps, isHover } = useHover({});\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  return (\n    <div {...hoverProps}>\n      <BaseNavigationListItem\n        itemKey={itemKey}\n        label={label}\n        badge={badge}\n        metadata={metadata}\n        severity={severity}\n        removeIcon={\n          <span data-oj-navigationlist-item-remove-icon={true}>\n            <EmbeddedIconButton\n              aria-label={translations.tabBarNavigationList_removeCueText()}\n              size=\"xs\"\n              onAction={handleRemove}>\n              {(isHover || isSelected || isCurrent) && <Close />}\n            </EmbeddedIconButton>\n          </span>\n        }\n      />\n    </div>\n  );\n}\n"],"names":["itemKey","badge","metadata","severity","href","label","ariaControls","_jsx","BaseNavigationListItem","selection","currentKey","onRemove","useNavigationListContext","isSelected","isCurrent","handleRemove","useCallback","value","hoverProps","isHover","useHover","translations","useTranslationBundle","children","jsx","removeIcon","EmbeddedIconButton","tabBarNavigationList_removeCueText","size","onAction","Close","SvgClose"],"mappings":"iRAgBkEA,QAChEA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,KACRA,EAAIC,MACJA,EACA,gBAAiBC,IAEjB,OACEC,EAAAA,IAACC,EAAAA,uBAAsB,CAAA,gBACNF,EACfN,QAASA,EACTK,MAAOA,EACPJ,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVC,KAAMA,GAEZ,gCCrBgB,UAAuDJ,QACrEA,EAAOK,MACPA,EAAKJ,MACLA,EAAKC,SACLA,EAAQC,SACRA,IAEA,MAAMM,UAAEA,EAASC,WAAEA,EAAUC,SAAEA,GAAaC,EAAwBA,2BAC9DC,EAAaJ,IAAcT,EAC3Bc,EAAYJ,IAAeV,EAE3Be,EAAeC,EAAAA,aAAY,KAC/BL,IAAW,CAAEM,MAAOjB,GAAe,GAClC,CAACW,EAAUX,KAERkB,WAAEA,EAAUC,QAAEA,GAAYC,EAAQA,SAAC,CAAE,GAErCC,EAAeC,uBAAiC,4BAGtD,OACEf,MAAA,MAAA,IAASW,EAAUK,SACjBhB,EAACiB,IAAAhB,yBACC,CAAAR,QAASA,EACTK,MAAOA,EACPJ,MAAOA,EACPC,SAAUA,EACVC,SAAUA,EACVsB,WACElB,yDAA+C,EAAIgB,SACjDhB,MAACmB,EAAAA,mBACa,CAAA,aAAAL,EAAaM,qCACzBC,KAAK,KACLC,SAAUd,EACTQ,UAACJ,GAAWN,GAAcC,IAAcP,EAAAA,IAACuB,EAAKC,SAAA,WAO7D"}

package/amd/NumberInputText-fd006d16.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './useFocusableTextField-8b755b15', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useTextField-3ab0a23b', './Label-46fd3625', './PrefixSuffix-48d0a199', './usePrefixSuffix-b26030fe', './keyboardUtils-fb6219eb', './TextFieldInput-eb40adaa', 'css!./ObfuscatedTextFieldInputStyles.styles.css', './ReadonlyTextFieldInput-e5723c48', './StyledTextField-5e554e5b', './TextField-51b63f5f', './LayerHost-daf96749', 'css!./LiveRegionStyles.styles.css', './UNSAFE_TextField/themes/TextFieldStyles.css', 'css!./SkeletonStyles.styles.css', 'css!./TextFieldLoadingStyles.styles.css', 'css!./TextFieldStyles.styles.css', 'module', './UNSAFE_TextField/themes/redwood/TextFieldVariants.css', './logger-0f873e29', './TabbableModeContext-a9c97640', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-b485c235', './CompactUserAssistance-e2f42bce', './mergeProps-bcfa6a92', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'preact', 'css!./IconStyle.styles.css', './clientHints-6d361eaa', './Popup-695781d6', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'css!./HiddenAccessibleStyles.styles.css', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './useCurrentValueReducer-faded381', './ChevronDown-1d01f028', './ChevronUp-fd41f17e', './Minus-6ab20a15', './Plus-0108d400', './IconButton-b4b83d00', './useTranslationBundle-8e42d505', './Grid-d415ba8d', './useSpinning-d5dd87af', './useSelectableTextField-900d2860', './formControlUtils-de035f75'], (function(e,s,t,i,n,a,o,l,r,d,u,c,p,b,x,f,m,v,h,S,F,y,T,C,A,P,g,U,I,j,D,R,w,E,L,V,B,N,_,k,H,q,M,O,G,W,z,K,Z,J,Q,X,Y,$,ee,se,te,ie,ne,ae){"use strict";function oe({direction:e,isDisabled:t,children:i,onPointerDown:n,onPointerUp:a,onPointerOut:o,onPointerCancel:l}){const r=se.useTranslationBundle("@oracle/oraclejet-preact"),d=r.inputNumber_increase(),u=r.inputNumber_decrease(),c="increase"===e?d:u;return s.jsx(U.TabbableModeContext.Provider,{value:{isTabbable:!1},children:s.jsx("div",{"aria-hidden":"true",onPointerDown:n,onPointerUp:a,onPointerOut:o,onPointerCancel:l,children:s.jsx(ee.IconButton,{isDisabled:t,tooltip:c,variant:"ghost",size:"sm",children:i})})})}function le({children:e}){return s.jsx(te.Grid,{align:"center",gap:"1x",gridTemplateColumns:"1fr 1fr",children:e})}const re=t.forwardRef((({"aria-describedby":e,"aria-valuemax":t,"aria-valuemin":a,"aria-valuenow":p,"aria-valuetext":x,assistiveText:h,autoComplete:S="off",autoFocus:F=!1,columnSpan:y,helpSourceLink:T,helpSourceText:C,isDisabled:A,isReadonly:P,isRequired:g=!1,isRequiredShown:U,isStepDownDisabled:I,isStepUpDisabled:j,hasSteppers:D=!1,stepperVariant:L="directional",label:V,labelEdge:B,labelStartWidth:N,messages:_,placeholder:k,prefix:q,suffix:M,textAlign:O,userAssistanceDensity:G,value:W,variant:z="default",virtualKeyboard:K,onInput:Z,onCommit:ee,onSpin:se,onSpinComplete:te,onStep:re,testId:ue},ce)=>{const{currentCommitValue:pe,dispatch:be}=J.useCurrentValueReducer({value:W}),xe=i.useCallback((e=>{be({type:"input",payload:e.value}),Z?.(e)}),[Z,be]),fe=i.useCallback((e=>{be({type:"commit",payload:e.value}),ee?.(e)}),[ee,be]),{isDisabled:me,isReadonly:ve,labelEdge:he,labelStartWidth:Se,textAlign:Fe,userAssistanceDensity:ye}=o.useFormContext(),Te=A??me,Ce=P??ve,Ae=B??he,Pe=N??Se,ge=O??Fe??ae.defaultTextAlignForVariant(z),Ue=G??ye,Ie=i.useRef(null),je=i.useRef(null),{focusProps:De,isFocused:Re,methods:we}=n.useFocusableTextField({isDisabled:Te,isReadonly:Ce,enabledElementRef:Ie,readonlyElementRef:je}),{methods:Ee}=ne.useSelectableTextField(Ie);i.useImperativeHandle(ce,(()=>E.mergeProps(we,Ee)),[we,Ee]);const{baseId:Le,formFieldContext:Ve,inputProps:Be,labelProps:Ne,textFieldProps:_e,userAssistanceProps:ke}=r.useTextField({ariaDescribedBy:e,helpSourceLink:T,helpSourceText:C,isDisabled:Te,isFocused:Re,isReadonly:Ce,isRequiredShown:U,labelEdge:Ae,messages:_,styleVariant:z,userAssistanceDensity:Ue,value:W}),He=Te||I,qe=Te||j,Me=i.useCallback((e=>{Re||Ie.current?.focus(),re?.(e)}),[re,Re,Ie]),{keyboardHandlerProps:Oe,pointerIncreaseHandlerProps:Ge,pointerDecreaseHandlerProps:We}=ie.useSpinning({isStepDownDisabled:He,isStepUpDisabled:qe,onSpin:se,onSpinComplete:te,onStep:Me}),ze=D?s.jsx(oe,{direction:"decrease",isDisabled:He,...We,children:"directional"===L?s.jsx(Q.SvgChevronDown,{}):s.jsx(Y.SvgMinus,{})}):void 0,Ke=D?s.jsx(oe,{direction:"increase",isDisabled:qe,...Ge,children:"directional"===L?s.jsx(X.SvgChevronUp,{}):s.jsx($.SvgPlus,{})}):void 0,Ze=D&&"quantitative"===L?ze:void 0,Je=D?"directional"===L?s.jsxs(le,{children:[ze,Ke]}):Ke:void 0,Qe=void 0!==V&&"inside"===Ae,Xe=D&&!("ios"===H.getClientHints().platform&&"safari"===H.getClientHints().browser),{shouldRenderPrefix:Ye,shouldRenderSuffix:$e,prefixProps:es,suffixProps:ss,valuePrefixSuffix:ts,ariaLabelledBy:is}=c.usePrefixSuffix({baseId:Le,hasEndContent:void 0!==Je,hasInsideLabel:Qe,hasStartContent:void 0!==Ze,hasValue:Ve.hasValue,isDisabled:Te,isFocused:Re,labelId:Ne.id,prefix:q,suffix:M,value:W}),ns=Ye?s.jsx(u.PrefixSuffix,{...es}):void 0,as=$e?s.jsx(u.PrefixSuffix,{...ss}):void 0,os="none"!==Ae?s.jsx(d.Label,{...Ne,children:V}):void 0,ls={label:"none"!==Ae?os:void 0,labelEdge:"none"!==Ae?Ae:void 0,labelStartWidth:"none"!==Ae?Pe:void 0,labelText:"inside"!==Ae||Te?void 0:V},rs="none"===Ae?V:void 0,ds="efficient"===Ue||"reflow"===Ue?Te?"efficient"!==Ue?void 0:s.jsx(R.InlineUserAssistance,{userAssistanceDensity:Ue,...ke}):Ce?s.jsx(R.InlineUserAssistance,{fieldLabel:V,messages:_,userAssistanceDensity:Ue,...ke}):s.jsx(R.InlineUserAssistance,{assistiveText:h,fieldLabel:V,helpSourceLink:T,helpSourceText:C,messages:_,isRequiredShown:U,userAssistanceDensity:Ue,...ke}):void 0,us=i.useRef(null),cs="compact"===Ue?s.jsx(w.CompactUserAssistance,{anchorRef:us,messages:_,assistiveText:h,...ke}):void 0;if(Ce){const e=s.jsx(f.ReadonlyTextFieldInput,{"aria-describedby":Be["aria-describedby"],"aria-label":rs,"aria-labelledby":Ne.id,as:"div",autoFocus:F,elementRef:je,formVariant:z,onBlur:Be.onBlur,onFocus:Be.onFocus,textAlign:ge,value:ts,hasEmptyLabel:""===V&&"none"===Ae,hasInsideLabel:Qe});return s.jsx(l.FormFieldContext.Provider,{value:Ve,children:s.jsx(m.ReadonlyTextField,{role:"presentation",columnSpan:y,compactUserAssistance:cs,inlineUserAssistance:ds,onBlur:De.onFocusOut,onFocus:De.onFocusIn,ref:us,mainContent:e,testId:ue,...ls})})}const ps=void 0===p||p.toString()!==x?x:void 0,bs=s.jsxs(s.Fragment,{children:[ns,s.jsx(b.TextFieldInput,{"aria-labelledby":is,"aria-label":rs,"aria-valuemax":Xe?t:void 0,"aria-valuemin":Xe?a:void 0,"aria-valuenow":Xe?p:void 0,"aria-valuetext":Xe?ps:void 0,autoComplete:S,autoFocus:F,currentCommitValue:pe,hasEmptyLabel:""===V&&"none"===Ae,hasEndContent:void 0!==Je,hasInsideLabel:Qe,hasPrefix:void 0!==ns,hasStartContent:void 0!==Ze,hasSuffix:void 0!==as,inputRef:Ie,isRequired:g,placeholder:k,role:Xe?"spinbutton":void 0,textAlign:ge,type:de()?K:void 0,value:Te?ts:W,onCommit:fe,onInput:xe,...Be,...D?Oe:{}}),as]});return s.jsx(l.FormFieldContext.Provider,{value:Ve,children:s.jsx(v.TextField,{startContent:Ze,endContent:Je,columnSpan:y,compactUserAssistance:cs,inlineUserAssistance:ds,mainContent:bs,onBlur:De.onFocusOut,onFocus:De.onFocusIn,mainFieldRef:us,hasZeroStartMargin:D&&"quantitative"===L,testId:ue,..._e,...ls})})}));function de(){const e=H.getClientHints().deviceType;return"phone"===e||"tablet"===e}e.NumberInputText=re,e.stepperVariants=["directional","quantitative"]}));
-//# sourceMappingURL=NumberInputText-fd006d16.js.map

package/amd/NumberInputText-fd006d16.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NumberInputText-fd006d16.js","sources":["../../src/UNSAFE_NumberInputText/StepButton.tsx","../../src/UNSAFE_NumberInputText/Steppers.tsx","../../src/UNSAFE_NumberInputText/NumberInputText.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';\n\nimport { IconButton } from '#UNSAFE_IconButton';\nimport { BundleType } from '#resources/nls/bundle';\nimport { StepDirection } from '#hooks/UNSAFE_useSpinning';\nimport { TabbableModeContext } from '#hooks/UNSAFE_useTabbableMode';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\n\ntype Props = {\n  /**\n   * The children are Icons for the button.\n   */\n  children: ComponentChildren;\n\n  /**\n   * The direction of the step.\n   */\n  direction: StepDirection;\n\n  /**\n   * Whether the button is disabled.\n   */\n  isDisabled?: boolean;\n\n  /**\n   * Pointer event down handler\n   */\n  onPointerDown?: (event: PointerEvent) => void;\n\n  /**\n   * Pointer event up handler\n   */\n  onPointerUp?: (event: PointerEvent) => void;\n\n  /**\n   * Pointer event out handler\n   */\n  onPointerOut?: (event: PointerEvent) => void;\n\n  /**\n   * Pointer event cancel handler\n   */\n  onPointerCancel?: (event: PointerEvent) => void;\n};\n\n/**\n * A StepButton is used to request a \"step up\" or \"step down\" to a value in NumberInputText.\n * @param children The children are Icons for the button\n * @param direction The direction of the step\n * @param isDisabled Whether the button should be disabled\n * @param onPointerDown Handler called when pointer is down\n * @param onPointerUp Handler called when pointer is up\n * @param onPointerOut Handler called when pointer is out\n * @param onPointerCancel Handler called when pointer is canceled\n */\nexport function StepButton({\n  direction,\n  isDisabled,\n  children,\n  onPointerDown,\n  onPointerUp,\n  onPointerOut,\n  onPointerCancel\n}: Props) {\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const labelIncrease = translations.inputNumber_increase();\n  const labelDecrease = translations.inputNumber_decrease();\n  const label = direction === 'increase' ? labelIncrease : labelDecrease;\n\n  return (\n    <TabbableModeContext.Provider value={{ isTabbable: false }}>\n      <div\n        aria-hidden=\"true\"\n        onPointerDown={onPointerDown}\n        onPointerUp={onPointerUp}\n        onPointerOut={onPointerOut}\n        onPointerCancel={onPointerCancel}>\n        <IconButton isDisabled={isDisabled} tooltip={label} variant=\"ghost\" size=\"sm\">\n          {children}\n        </IconButton>\n      </div>\n    </TabbableModeContext.Provider>\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 */\n\nimport { ComponentChildren } from 'preact';\nimport { Grid } from '../UNSAFE_Grid';\n\nexport type Props = {\n  /**\n   *The children are StepButtons.\n   */\n  children: ComponentChildren;\n};\n\n// TODO: Replace Steppers with Buttonset when it becomes available\nexport function Steppers({ children }: Props) {\n  return (\n    <Grid align=\"center\" gap=\"1x\" gridTemplateColumns=\"1fr 1fr\">\n      {children}\n    </Grid>\n  );\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback, useImperativeHandle, useRef } from 'preact/hooks';\n\nimport { FocusableHandle, useFocusableTextField } from '#hooks/UNSAFE_useFocusableTextField';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { useTextField } from '#hooks/UNSAFE_useTextField';\nimport { Label } from '#UNSAFE_Label';\nimport { PrefixSuffix } from '#UNSAFE_PrefixSuffix';\nimport { usePrefixSuffix } from '#hooks/UNSAFE_usePrefixSuffix';\nimport {\n  ReadonlyTextField,\n  ReadonlyTextFieldInput,\n  TextField,\n  TextFieldInput\n} from '#UNSAFE_TextField';\nimport {\n  InlineUserAssistance,\n  CompactUserAssistance,\n  UserAssistanceDensityType\n} from '#UNSAFE_UserAssistance';\nimport { getClientHints } from '#utils/PRIVATE_clientHints';\nimport { Size } from '#utils/UNSAFE_size';\nimport { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport { useCurrentValueReducer } from '#hooks/UNSAFE_useCurrentValueReducer';\nimport { DecrementIcon } from '#PRIVATE_ThemedIcons/DecrementIcon';\nimport { IncrementIcon } from '#PRIVATE_ThemedIcons/IncrementIcon';\nimport { MinusIcon } from '#PRIVATE_ThemedIcons/MinusIcon';\nimport { PlusIcon } from '#PRIVATE_ThemedIcons/PlusIcon';\nimport { StepButton } from './StepButton';\nimport { Steppers } from './Steppers';\nimport { useSpinning, StepEvent } from '#hooks/UNSAFE_useSpinning';\nimport { LayoutColumnSpan } from '#utils/UNSAFE_styles/Layout';\nimport type { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { SelectableHandle, useSelectableTextField } from '#hooks/UNSAFE_useSelectableTextField';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { defaultTextAlignForVariant } from '#utils/PRIVATE_formControlUtils';\n\ntype TextFieldInputProps = ComponentProps<typeof TextFieldInput>;\n\ntype InlineUserAssistanceProps = ComponentProps<typeof InlineUserAssistance>;\n\ntype NumberInputTextProps = {\n  /**\n   * Controls whether the step down button is disabled.\n   */\n  isStepDownDisabled?: boolean;\n\n  /**\n   * Controls whether the step up button is disabled.\n   */\n  isStepUpDisabled?: boolean;\n\n  /**\n   * Called when a continuous step is requested (aka \"spin\")\n   * by holding down the arrow up or arrow down keys, or\n   * by pressing and holding down a step button.\n   */\n  onSpin?: (event: StepEvent) => void;\n\n  /**\n   * Called when spinning is complete and the user has\n   * released the arrow key or step button.\n   */\n  onSpinComplete?: () => void;\n\n  /**\n   * Called when a step is requested by clicking a step button\n   * or by pressing the arrow up or arrow down keys.\n   */\n  onStep?: (event: StepEvent) => void;\n};\n\ntype Props = NumberInputTextProps &\n  TestIdProps & {\n    /**+\n     * The ID of an element (or space separated IDs of multiple elements) that\n     * describes the input.\n     */\n    'aria-describedby'?: TextFieldInputProps['aria-describedby'];\n\n    /**\n     * The maximum allowed value when hasSteppers is true. Used for the aria-valuemax attribute.\n     * When hasSteppers is false, this is ignored because when there are no steppers, there is no role=\"spinbutton\",\n     * and aria-value* attributes are not valid without this role.\n     */\n    'aria-valuemax'?: TextFieldInputProps['aria-valuemax'];\n\n    /**\n     * The minimum allowed value when hasSteppers is true. Used for the aria-valuemin attribute.\n     * When hasSteppers is false, this is ignored because when there are no steppers, there is no role=\"spinbutton\",\n     * and aria-value* attributes are not valid without this role.\n     */\n    'aria-valuemin'?: TextFieldInputProps['aria-valuemin'];\n\n    /**\n     * The number value of the component when hasSteppers is true. Used for the aria-valuenow attribute.\n     * When hasSteppers is false, this is ignored because when there are no steppers, there is no role=\"spinbutton\",\n     * and aria-value* attributes are not valid without this role.\n     */\n    'aria-valuenow'?: TextFieldInputProps['aria-valuenow'];\n\n    /**\n     * The formatted value of the component when hasSteppers is true. Used for the aria-valueText\n     * attribute to provide a more human readable text alternative for\n     * aria-valuenow.\n     * When hasSteppers is false, this is ignored because when there are no steppers, there is no role=\"spinbutton\",\n     * and aria-value* attributes are not valid without this role.\n     */\n    'aria-valuetext'?: TextFieldInputProps['aria-valuetext'];\n\n    /**\n     * Text to provide guidance to help the user understand what data to enter.\n     */\n    assistiveText?: InlineUserAssistanceProps['assistiveText'];\n\n    /**\n     * Dictates component's autocomplete state.\n     * This attribute indicates whether the value of the control can be automatically completed by the browser.\n     * The common values are \"on\" and \"off\".\n     */\n    autoComplete?: TextFieldInputProps['autoComplete'];\n\n    /**\n     * Autofocus specifies whether the component will get focus when the page is loaded.\n     * If it is set to true then the associated component will get input focus when the page is loaded.\n     * Setting this property doesn't set the focus to the component: it tells the browser to focus\n     * to it when the element is inserted in the document.\n     */\n    autoFocus?: TextFieldInputProps['autoFocus'];\n\n    /**\n     * Specifies how many columns to span in a FormLayout with direction === 'row'\n     */\n    columnSpan?: LayoutColumnSpan;\n\n    /**\n     * Controls whether the step buttons are shown.\n     */\n    hasSteppers?: boolean;\n\n    /**\n     * Help source URL associated with the component.\n     */\n    helpSourceLink?: InlineUserAssistanceProps['helpSourceLink'];\n\n    /**\n     * Custom text to be rendered for the <code>helpSourceLink</code>.\n     */\n    helpSourceText?: InlineUserAssistanceProps['helpSourceText'];\n\n    /**\n     * Specifies whether the component is disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifies whether the component is readonly.\n     */\n    isReadonly?: boolean;\n\n    /**\n     * Specifies for accessibility purposes whether a value is required.\n     *\n     * Setting this property to <code>false</code> means that a value is not required to be\n     * committed by the user. Setting this property to <code>true</code> means that a value\n     * is required to be committed by the user.\n     */\n    isRequired?: TextFieldInputProps['isRequired'];\n\n    /**\n     * Specifies whether to show an indicator on screen that a value is required, for example\n     * before the user has committed a value.\n     */\n    isRequiredShown?: InlineUserAssistanceProps['isRequiredShown'];\n\n    /**\n     * Specifies the label associated with the field.\n     */\n    label: string;\n\n    /**\n     * Specifies where the label is positioned relative to the field.\n     */\n    labelEdge?: 'inside' | 'start' | 'top' | 'none';\n\n    /**\n     * Specifies the width of the label when <code>labelEdge</code> is <code>\"start\"</code>.\n     */\n    labelStartWidth?: Size;\n\n    /**\n     * Messages to show on screen that are associated with the component.\n     */\n    messages?: InlineUserAssistanceProps['messages'];\n\n    /**\n     * A short hint to display before the user enters a value.\n     */\n    placeholder?: TextFieldInputProps['placeholder'];\n\n    /**\n     * The prefix displays as regular text before the input text, and inline with it.\n     * The prefix is not editable or focusable.\n     */\n    prefix?: string;\n\n    /**\n     * Variant style of step buttons.\n     * @default directional\n     */\n    stepperVariant?: (typeof stepperVariants)[number];\n\n    /**\n     * The suffix displays as regular text after the input text, and inline with it.\n     * The suffix is not editable or focusable.\n     */\n    suffix?: string;\n\n    /**\n     * Specifies how to align text within the field.\n     */\n    textAlign?: TextFieldInputProps['textAlign'];\n\n    /**\n     * Specifies the density of the user assistance presentation. It can be set to:\n     * <ul>\n     * <li><code>'efficient'</code>: Show inline and reserve space to prevent layout reflow when user\n     * assistance text is displayed.</li>\n     * <li><code>'reflow'</code>: Show inline. Layout will reflow when text is displayed.</li>\n     * <li><code>'compact'</code>: Messages, help, hints, and required will not be shown inline; they will show in a mode that keeps the screen more compact, like a popup for the messages, and a required icon to indicate Required. </li>\n     * </ul>\n     */\n    userAssistanceDensity?: UserAssistanceDensityType;\n\n    /**\n     * The current possibly formatted display value of the component.\n     */\n    value?: TextFieldInputProps['value'];\n\n    /**\n     * The style variant of the component.\n     */\n    variant?: TextFieldInputProps['variant'];\n\n    /**\n     * The type of virtual keyboard to display for entering a value on mobile browsers.\n     * This property has no effect on desktop browsers.\n     */\n    virtualKeyboard?: 'auto' | 'number' | 'text';\n\n    /**\n     * Callback invoked when the user commits the entered value by either blurring or pressing Enter.\n     */\n    onCommit?: TextFieldInputProps['onCommit'];\n\n    /**\n     * Callback invoked each time the user changes the value of the field. For example, if the user\n     * types 'abcd', this callback will be called four times with the value as 'a', 'ab', 'abc' and 'abcd'\n     * respectively.\n     */\n    onInput: TextFieldInputProps['onInput'];\n  };\n\ntype FocusSelectHandle = FocusableHandle & SelectableHandle;\n\nexport const stepperVariants = ['directional', 'quantitative'] as const;\n\nexport const NumberInputText = forwardRef(\n  (\n    {\n      'aria-describedby': ariaDescribedBy,\n      'aria-valuemax': ariaValueMax,\n      'aria-valuemin': ariaValueMin,\n      'aria-valuenow': ariaValueNow,\n      'aria-valuetext': ariaValueText,\n      assistiveText,\n      autoComplete = 'off',\n      autoFocus = false,\n      columnSpan,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled: propIsDisabled,\n      isReadonly: propIsReadonly,\n      isRequired = false,\n      isRequiredShown,\n      isStepDownDisabled: propIsStepDownDisabled,\n      isStepUpDisabled: propIsStepUpDisabled,\n      hasSteppers = false,\n      stepperVariant = 'directional',\n      label,\n      labelEdge: propLabelEdge,\n      labelStartWidth: propLabelStartWidth,\n      messages,\n      placeholder,\n      prefix,\n      suffix,\n      textAlign: propTextAlign,\n      userAssistanceDensity: propUserAssistanceDensity,\n      value,\n      variant = 'default',\n      virtualKeyboard,\n      onInput,\n      onCommit,\n      onSpin,\n      onSpinComplete,\n      onStep,\n      testId\n    }: Props,\n    ref?: Ref<FocusSelectHandle>\n  ) => {\n    const { currentCommitValue, dispatch } = useCurrentValueReducer({ value });\n    const onInputAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'input', payload: detail.value });\n        onInput?.(detail);\n      },\n      [onInput, dispatch]\n    );\n    const onCommitAndDispatch = useCallback(\n      (detail: ValueUpdateDetail<string>) => {\n        dispatch({ type: 'commit', payload: detail.value });\n        onCommit?.(detail);\n      },\n      [onCommit, dispatch]\n    );\n    const {\n      isDisabled: isFormDisabled,\n      isReadonly: isFormReadonly,\n      labelEdge: formLabelEdge,\n      labelStartWidth: formLabelStartWidth,\n      textAlign: formTextAlign,\n      userAssistanceDensity: formUserAssistanceDensity\n    } = useFormContext();\n    // default to FormContext values if component properties are not specified\n    const isDisabled = propIsDisabled ?? isFormDisabled;\n    const isReadonly = propIsReadonly ?? isFormReadonly;\n    const labelEdge = propLabelEdge ?? formLabelEdge;\n    const labelStartWidth = propLabelStartWidth ?? formLabelStartWidth;\n    const textAlign = propTextAlign ?? formTextAlign ?? defaultTextAlignForVariant(variant);\n    const userAssistanceDensity = propUserAssistanceDensity ?? formUserAssistanceDensity;\n\n    const enabledElementRef = useRef<HTMLInputElement>(null);\n    const readonlyElementRef = useRef<HTMLDivElement>(null);\n\n    const {\n      focusProps,\n      isFocused,\n      methods: focusMethods\n    } = useFocusableTextField<HTMLInputElement, HTMLDivElement>({\n      isDisabled,\n      isReadonly,\n      enabledElementRef,\n      readonlyElementRef\n    });\n\n    const { methods: selectMethods } = useSelectableTextField<HTMLInputElement>(enabledElementRef);\n\n    useImperativeHandle(ref!, () => mergeProps(focusMethods, selectMethods), [\n      focusMethods,\n      selectMethods\n    ]);\n\n    const {\n      baseId,\n      formFieldContext,\n      inputProps,\n      labelProps,\n      textFieldProps,\n      userAssistanceProps\n    } = useTextField({\n      ariaDescribedBy,\n      helpSourceLink,\n      helpSourceText,\n      isDisabled,\n      isFocused,\n      isReadonly,\n      isRequiredShown,\n      labelEdge,\n      messages,\n      styleVariant: variant,\n      userAssistanceDensity,\n      value\n    });\n    // Disable the steppers if the number input is disabled.\n    const isStepDownDisabled = isDisabled || propIsStepDownDisabled;\n    const isStepUpDisabled = isDisabled || propIsStepUpDisabled;\n\n    // Set focus to the input when a step is requested by clicking/holding down a step button.\n    // For Arrow up/down, it already has focus so no action is needed.\n    // Note: for readonly there are no steppers, for disabled stepping is disabled, so this only\n    // applies to enabled case.\n    const handleStep = useCallback(\n      (e: StepEvent) => {\n        if (!isFocused) {\n          enabledElementRef.current?.focus();\n        }\n        onStep?.(e);\n      },\n      [onStep, isFocused, enabledElementRef]\n    );\n\n    // if hasSteppers, keyboardHandlerProps will be spread onto TextFieldInput to handle\n    // stepping functionality via the arrow up or down keys.\n    // also, pointerIncreaseHandlerProps and pointerDecreaseHandlerProps will be spread to\n    // the corresponding StepButton\n    const { keyboardHandlerProps, pointerIncreaseHandlerProps, pointerDecreaseHandlerProps } =\n      useSpinning({\n        isStepDownDisabled,\n        isStepUpDisabled,\n        onSpin,\n        onSpinComplete,\n        onStep: handleStep\n      });\n\n    const DecreaseButton = hasSteppers ? (\n      <StepButton\n        direction=\"decrease\"\n        isDisabled={isStepDownDisabled}\n        {...pointerDecreaseHandlerProps}>\n        {stepperVariant === 'directional' ? <DecrementIcon /> : <MinusIcon />}\n      </StepButton>\n    ) : undefined;\n\n    const IncreaseButton = hasSteppers ? (\n      <StepButton\n        direction=\"increase\"\n        isDisabled={isStepUpDisabled}\n        {...pointerIncreaseHandlerProps}>\n        {stepperVariant === 'directional' ? <IncrementIcon /> : <PlusIcon />}\n      </StepButton>\n    ) : undefined;\n\n    // when stepperVariant is quantitative, the decrease button is placed in the startContent slot\n    const startContent =\n      hasSteppers && stepperVariant === 'quantitative' ? DecreaseButton : undefined;\n\n    // when stepperVariant is directional, both buttons are wrapped in Steppers and placed in the endContent slot\n    // if it equals quantitative, only the increase button is placed in the endContent slot\n    const endContent = hasSteppers ? (\n      stepperVariant === 'directional' ? (\n        <Steppers>\n          {DecreaseButton}\n          {IncreaseButton}\n        </Steppers>\n      ) : (\n        IncreaseButton\n      )\n    ) : undefined;\n\n    const hasInsideLabel = label !== undefined && labelEdge === 'inside';\n    // if has steppers, and is not iOS or not Safari\n    // JET-64871 the workaround for the iOS Safari VoiceOver bug with spinbutton role\n    // is to not render the role or the associated wai-aria value props when iOS Safari.\n    const needsSpinbuttonRole = hasSteppers && !isIosSafari();\n\n    const {\n      shouldRenderPrefix,\n      shouldRenderSuffix,\n      prefixProps,\n      suffixProps,\n      valuePrefixSuffix,\n      ariaLabelledBy\n    } = usePrefixSuffix({\n      baseId,\n      hasEndContent: endContent !== undefined,\n      hasInsideLabel,\n      hasStartContent: startContent !== undefined,\n      hasValue: formFieldContext.hasValue,\n      isDisabled,\n      isFocused,\n      labelId: labelProps.id,\n      prefix,\n      suffix,\n      value\n    });\n\n    const renderedPrefix = shouldRenderPrefix ? <PrefixSuffix {...prefixProps} /> : undefined;\n    const renderedSuffix = shouldRenderSuffix ? <PrefixSuffix {...suffixProps} /> : undefined;\n    const labelComp = labelEdge !== 'none' ? <Label {...labelProps}>{label}</Label> : undefined;\n\n    const fieldLabelProps = {\n      label: labelEdge !== 'none' ? labelComp : undefined,\n      labelEdge: labelEdge !== 'none' ? labelEdge : undefined,\n      labelStartWidth: labelEdge !== 'none' ? labelStartWidth : undefined,\n      labelText: labelEdge === 'inside' && !isDisabled ? label : undefined\n    };\n\n    const ariaLabel = labelEdge === 'none' ? label : undefined;\n    const isInlineDensity =\n      userAssistanceDensity === 'efficient' || userAssistanceDensity === 'reflow';\n\n    const inlineUserAssistance = isInlineDensity ? (\n      isDisabled ? (\n        // save space for user assistance if density is 'efficient', even though we don't\n        // render user assistance for disabled fields\n        userAssistanceDensity !== 'efficient' ? undefined : (\n          <InlineUserAssistance\n            userAssistanceDensity={userAssistanceDensity}\n            {...userAssistanceProps}\n          />\n        )\n      ) : isReadonly ? (\n        <InlineUserAssistance\n          fieldLabel={label}\n          messages={messages}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      ) : (\n        <InlineUserAssistance\n          assistiveText={assistiveText}\n          fieldLabel={label}\n          helpSourceLink={helpSourceLink}\n          helpSourceText={helpSourceText}\n          messages={messages}\n          isRequiredShown={isRequiredShown}\n          userAssistanceDensity={userAssistanceDensity}\n          {...userAssistanceProps}\n        />\n      )\n    ) : undefined;\n\n    const anchorRef = useRef<HTMLDivElement>(null);\n\n    const compactUserAssistance =\n      userAssistanceDensity === 'compact' ? (\n        <CompactUserAssistance\n          anchorRef={anchorRef}\n          messages={messages}\n          assistiveText={assistiveText}\n          {...userAssistanceProps}\n        />\n      ) : undefined;\n\n    if (isReadonly) {\n      const mainContent = (\n        <ReadonlyTextFieldInput\n          aria-describedby={inputProps['aria-describedby']}\n          aria-label={ariaLabel}\n          aria-labelledby={labelProps.id}\n          as=\"div\"\n          autoFocus={autoFocus}\n          elementRef={readonlyElementRef}\n          formVariant={variant}\n          onBlur={inputProps.onBlur}\n          onFocus={inputProps.onFocus}\n          textAlign={textAlign}\n          value={valuePrefixSuffix}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasInsideLabel={hasInsideLabel}\n        />\n      );\n      return (\n        <FormFieldContext.Provider value={formFieldContext}>\n          <ReadonlyTextField\n            role=\"presentation\"\n            columnSpan={columnSpan}\n            compactUserAssistance={compactUserAssistance}\n            inlineUserAssistance={inlineUserAssistance}\n            onBlur={focusProps.onFocusOut}\n            onFocus={focusProps.onFocusIn}\n            ref={anchorRef}\n            mainContent={mainContent}\n            testId={testId}\n            {...fieldLabelProps}></ReadonlyTextField>\n        </FormFieldContext.Provider>\n      );\n    }\n\n    // If ariaValueText is the same as ariaValueNow.toString, no need to show it.\n    const valueText =\n      ariaValueNow === undefined\n        ? ariaValueText\n        : ariaValueNow.toString() !== ariaValueText\n        ? ariaValueText\n        : undefined;\n\n    const mainContent = (\n      <>\n        {renderedPrefix}\n        <TextFieldInput\n          aria-labelledby={ariaLabelledBy}\n          aria-label={ariaLabel}\n          aria-valuemax={needsSpinbuttonRole ? ariaValueMax : undefined}\n          aria-valuemin={needsSpinbuttonRole ? ariaValueMin : undefined}\n          aria-valuenow={needsSpinbuttonRole ? ariaValueNow : undefined}\n          aria-valuetext={needsSpinbuttonRole ? valueText : undefined}\n          autoComplete={autoComplete}\n          autoFocus={autoFocus}\n          currentCommitValue={currentCommitValue}\n          hasEmptyLabel={label === '' && labelEdge === 'none'}\n          hasEndContent={endContent !== undefined}\n          hasInsideLabel={hasInsideLabel}\n          hasPrefix={renderedPrefix !== undefined}\n          hasStartContent={startContent !== undefined}\n          hasSuffix={renderedSuffix !== undefined}\n          inputRef={enabledElementRef}\n          isRequired={isRequired}\n          placeholder={placeholder}\n          role={needsSpinbuttonRole ? 'spinbutton' : undefined}\n          textAlign={textAlign}\n          type={isMobile() ? virtualKeyboard : undefined}\n          value={isDisabled ? valuePrefixSuffix : value}\n          onCommit={onCommitAndDispatch}\n          onInput={onInputAndDispatch}\n          {...inputProps}\n          {...(hasSteppers ? keyboardHandlerProps : {})}\n        />\n        {renderedSuffix}\n      </>\n    );\n\n    return (\n      <FormFieldContext.Provider value={formFieldContext}>\n        <TextField\n          startContent={startContent}\n          endContent={endContent}\n          columnSpan={columnSpan}\n          compactUserAssistance={compactUserAssistance}\n          inlineUserAssistance={inlineUserAssistance}\n          mainContent={mainContent}\n          onBlur={focusProps.onFocusOut}\n          onFocus={focusProps.onFocusIn}\n          mainFieldRef={anchorRef}\n          hasZeroStartMargin={hasSteppers && stepperVariant === 'quantitative'}\n          testId={testId}\n          {...textFieldProps}\n          {...fieldLabelProps}\n        />\n      </FormFieldContext.Provider>\n    );\n  }\n);\n\n/**\n * Helper function to determine whether the current device is a mobile device\n * @returns true if running on a mobile device, false otherwise\n */\nfunction isMobile() {\n  const deviceType = getClientHints().deviceType;\n  return deviceType === 'phone' || deviceType === 'tablet';\n}\n/**\n * Helper function to determine if the platform is iOS and the Browser is Safari.\n * Exported for usage in local tests.\n * @returns true if the platform is iOS, false otherwise\n */\nexport function isIosSafari() {\n  return getClientHints().platform === 'ios' && getClientHints().browser === 'safari';\n}\n"],"names":["StepButton","direction","isDisabled","children","onPointerDown","onPointerUp","onPointerOut","onPointerCancel","translations","useTranslationBundle","labelIncrease","inputNumber_increase","labelDecrease","inputNumber_decrease","label","_jsx","TabbableModeContext","Provider","value","isTabbable","jsx","IconButton","tooltip","variant","size","Steppers","Grid","align","gap","gridTemplateColumns","NumberInputText","forwardRef","ariaDescribedBy","ariaValueMax","ariaValueMin","ariaValueNow","ariaValueText","assistiveText","autoComplete","autoFocus","columnSpan","helpSourceLink","helpSourceText","propIsDisabled","isReadonly","propIsReadonly","isRequired","isRequiredShown","isStepDownDisabled","propIsStepDownDisabled","isStepUpDisabled","propIsStepUpDisabled","hasSteppers","stepperVariant","labelEdge","propLabelEdge","labelStartWidth","propLabelStartWidth","messages","placeholder","prefix","suffix","textAlign","propTextAlign","userAssistanceDensity","propUserAssistanceDensity","virtualKeyboard","onInput","onCommit","onSpin","onSpinComplete","onStep","testId","ref","currentCommitValue","dispatch","useCurrentValueReducer","onInputAndDispatch","useCallback","detail","type","payload","onCommitAndDispatch","isFormDisabled","isFormReadonly","formLabelEdge","formLabelStartWidth","formTextAlign","formUserAssistanceDensity","useFormContext","defaultTextAlignForVariant","enabledElementRef","useRef","readonlyElementRef","focusProps","isFocused","methods","focusMethods","useFocusableTextField","selectMethods","useSelectableTextField","useImperativeHandle","mergeProps","baseId","formFieldContext","inputProps","labelProps","textFieldProps","userAssistanceProps","useTextField","styleVariant","handleStep","e","current","focus","keyboardHandlerProps","pointerIncreaseHandlerProps","pointerDecreaseHandlerProps","useSpinning","DecreaseButton","DecrementIcon","SvgChevronDown","MinusIcon","undefined","IncreaseButton","IncrementIcon","SvgChevronUp","PlusIcon","startContent","endContent","_jsxs","hasInsideLabel","needsSpinbuttonRole","getClientHints","platform","browser","shouldRenderPrefix","shouldRenderSuffix","prefixProps","suffixProps","valuePrefixSuffix","ariaLabelledBy","usePrefixSuffix","hasEndContent","hasStartContent","hasValue","labelId","id","renderedPrefix","PrefixSuffix","renderedSuffix","labelComp","Label","fieldLabelProps","labelText","ariaLabel","inlineUserAssistance","InlineUserAssistance","fieldLabel","anchorRef","compactUserAssistance","CompactUserAssistance","mainContent","ReadonlyTextFieldInput","as","elementRef","formVariant","onBlur","onFocus","hasEmptyLabel","FormFieldContext","ReadonlyTextField","role","onFocusOut","onFocusIn","valueText","toString","TextFieldInput","hasPrefix","hasSuffix","inputRef","isMobile","TextField","mainFieldRef","hasZeroStartMargin","deviceType"],"mappings":"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"}

package/amd/OverflowTabBar-d42149d3.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './classNames-08d99695', './TabBar-ed16a2ab', './UNSAFE_OverflowTabBar/themes/OverflowTabBarStyles.css', './useDetectHorizontalOverflow-f81f6202', './TabBarLinkItem-67ae56f5', './RemovableTabBarItem-05e7953f', './TabBarItem-5c91efc9', './OverflowTabBarItem-9404d863'], (function(e,a,t,l,r,s,i,o,n,m,c,d){"use strict";e.OverflowTabBar=function({items:e,layout:b="stretch",display:u="standard",size:f="md",edge:y="top",selection:v,truncation:I,onSelect:g,onRemove:B,"aria-label":K,"aria-labelledby":T,contextMenuConfig:h,testId:x}){const p="stacked"===u?{display:u}:{display:u,size:f},w=l.useRef(null),R=t.createRef(),[O,j]=l.useState(!1),M=l.useRef(!1),k=l.useCallback((e=>{"more"===e.value?M.current?j(!1):j(!0):g?.(e),M.current=!1}),[g]),S=l.useMemo((()=>e.map((e=>e.itemKey))),[e]),{visibleItemKeys:z,overflowItemKeys:C,maxWidths:W}=o.useDetectHorizontalOverflow({rootRef:R,keysArray:S,isTruncationDisabled:!(I&&"progressive"===I)}),A=r.classNames([i.styles.overflowTabBarBase]);return a.jsx("div",{ref:w,class:A,children:a.jsxs(s.TabBar,{ref:R,selection:v,onSelect:k,...p,layout:b,edge:y,onRemove:B,"aria-label":K,"aria-labelledby":T,testId:x,contextMenuConfig:h,children:[null!=z&&z.length>0&&e.filter((e=>z?.includes(e.itemKey))).map((e=>null!=e.href?a.jsx(n.TabBarLinkItem,{href:e.href,itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:W?.get(e.itemKey)}):e.isRemovable?a.jsx(m.RemovableTabBarItem,{itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:W?.get(e.itemKey)}):a.jsx(c.TabBarItem,{itemKey:e.itemKey,label:e.label,icon:e.icon,badge:e.badge,metadata:e.metadata,severity:e.severity,"aria-controls":e.tabPanelId,labelMaxWidth:W?.get(e.itemKey)}))),null!=C&&C.length>0&&a.jsx(d.OverflowTabBarItem,{isOpen:O,onClose:e=>{R.current&&["itemAction","dismissed"].includes(e.reason)&&R?.current?.focus(),"outsideMousedown"===e.reason&&(M.current=!0),j(!1)},overflowItemKey:"more",overflowItems:e.filter((e=>C?.includes(e.itemKey)))})]})})}}));
-//# sourceMappingURL=OverflowTabBar-d42149d3.js.map

package/amd/OverflowTabBar-d42149d3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowTabBar-d42149d3.js","sources":["../../src/UNSAFE_OverflowTabBar/OverflowTabBar.tsx"],"sourcesContent":["import { ComponentProps, createRef } from 'preact';\nimport { useCallback, useMemo, useRef, useState } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport {\n  OverflowTabBarItem,\n  RemovableTabBarItem,\n  TabBar,\n  TabBarItem,\n  TabBarLinkItem\n} from '../UNSAFE_TabBar';\nimport { CloseDetail, Item } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/OverflowTabBarStyles.css';\nimport { useDetectHorizontalOverflow } from '../hooks/PRIVATE_useDetectHorizontalOverflow';\n\ntype OverflowTabBarProps<K extends string | number> = {\n  /**\n   * An array of data to render individual tabs\n   */\n  items: Item<K>[];\n  /**\n   * The truncation configuration for tab labels.\n   * 'progressive' will restrict the width of each tab label to allow all tabs to fit if enough space is not available to display all of the tabs.\n   * Labels that are truncated are displayed with ellipses. However the width of each tab label will not be truncated below a specific threshold.\n   * 'none' tabs always take up the space needed by the labels even if enough space is not available to display all of the tabs.\n   */\n  truncation?: 'none' | 'progressive';\n} & Omit<ComponentProps<typeof TabBar>, 'children' | 'aria-describedby' | 'ref'>;\n\n/**\n * OverflowTabBar handles the rendering of overflowing tab items.\n */\nexport function OverflowTabBar<K extends string | number>({\n  items,\n  layout = 'stretch',\n  display = 'standard',\n  size = 'md',\n  edge = 'top',\n  selection,\n  truncation,\n  onSelect,\n  onRemove,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  contextMenuConfig,\n  testId\n}: OverflowTabBarProps<K> & TestIdProps) {\n  const displayStackProps = {\n    display: display\n  };\n  const displayNonStackProps = {\n    display: display,\n    size: size\n  };\n\n  const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const tabBarRef = createRef<HTMLDivElement>();\n\n  const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n  const isOutsideMouseDown = useRef<boolean>(false);\n\n  const handleClose = (e: CloseDetail) => {\n    if (tabBarRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {\n      tabBarRef?.current?.focus();\n    }\n    if (e.reason === 'outsideMousedown') {\n      isOutsideMouseDown.current = true;\n    }\n    setIsDropDownOpen(false);\n  };\n\n  const handleSelect = useCallback<Required<ComponentProps<typeof TabBar>>['onSelect']>(\n    (e: { value: string | number }) => {\n      if (e.value === 'more') {\n        //If overflow item is clicked after dropdown is open, the reason is outsideMouseDown and it needs to be closed\n        if (isOutsideMouseDown.current) {\n          setIsDropDownOpen(false);\n        } else {\n          setIsDropDownOpen(true);\n        }\n      } else {\n        onSelect?.(e);\n      }\n      isOutsideMouseDown.current = false;\n    },\n    [onSelect]\n  );\n\n  const overflowItemKey = 'more' as K;\n\n  const keysArray = useMemo(() => items.map((item) => item.itemKey) as K[], [items]);\n\n  const { visibleItemKeys, overflowItemKeys, maxWidths } = useDetectHorizontalOverflow({\n    rootRef: tabBarRef,\n    keysArray,\n    isTruncationDisabled: !(truncation && truncation === 'progressive')\n  });\n\n  const overflowTabBarClass = classNames([styles.overflowTabBarBase]);\n\n  return (\n    <div ref={rootRef} class={overflowTabBarClass}>\n      <TabBar\n        ref={tabBarRef}\n        selection={selection}\n        onSelect={handleSelect}\n        {...displayProps}\n        layout={layout}\n        edge={edge}\n        onRemove={onRemove}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        testId={testId}\n        contextMenuConfig={contextMenuConfig}>\n        {visibleItemKeys != null &&\n          visibleItemKeys.length > 0 &&\n          items\n            .filter((item) => visibleItemKeys?.includes(item.itemKey))\n            .map((item: Item<K>) =>\n              item.href != null ? (\n                <TabBarLinkItem\n                  href={item.href}\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              ) : item.isRemovable ? (\n                <RemovableTabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              ) : (\n                <TabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              )\n            )}\n        {overflowItemKeys != null && overflowItemKeys.length > 0 && (\n          <OverflowTabBarItem\n            isOpen={isDropDownOpen}\n            onClose={handleClose}\n            overflowItemKey={overflowItemKey}\n            overflowItems={items.filter((item) => overflowItemKeys?.includes(item.itemKey))}\n          />\n        )}\n      </TabBar>\n    </div>\n  );\n}\n"],"names":["items","layout","display","size","edge","selection","truncation","onSelect","onRemove","ariaLabel","ariaLabelledby","contextMenuConfig","testId","displayProps","rootRef","useRef","tabBarRef","createRef","isDropDownOpen","setIsDropDownOpen","useState","isOutsideMouseDown","handleSelect","useCallback","e","value","current","keysArray","useMemo","map","item","itemKey","visibleItemKeys","overflowItemKeys","maxWidths","useDetectHorizontalOverflow","isTruncationDisabled","overflowTabBarClass","classNames","styles","overflowTabBarBase","_jsx","ref","class","children","_jsxs","jsxs","TabBar","length","filter","includes","href","TabBarLinkItem","label","icon","badge","metadata","severity","tabPanelId","labelMaxWidth","get","isRemovable","jsx","RemovableTabBarItem","TabBarItem","OverflowTabBarItem","isOpen","onClose","reason","focus","overflowItemKey","overflowItems"],"mappings":"+YAgC0DA,MACxDA,EAAKC,OACLA,EAAS,UAASC,QAClBA,EAAU,WAAUC,KACpBA,EAAO,KAAIC,KACXA,EAAO,MAAKC,UACZA,EAASC,WACTA,EAAUC,SACVA,EAAQC,SACRA,EACA,aAAcC,EACd,kBAAmBC,EAAcC,kBACjCA,EAAiBC,OACjBA,IAEA,MAQMC,EAA2B,YAAZX,EARK,CACxBA,QAASA,GAEkB,CAC3BA,QAASA,EACTC,KAAMA,GAIFW,EAAUC,SAAuB,MACjCC,EAAYC,EAAAA,aAEXC,EAAgBC,GAAqBC,EAAQA,UAAU,GAExDC,EAAqBN,UAAgB,GAYrCO,EAAeC,eAClBC,IACiB,SAAZA,EAAEC,MAEAJ,EAAmBK,QACrBP,GAAkB,GAElBA,GAAkB,GAGpBZ,IAAWiB,GAEbH,EAAmBK,SAAU,CAAK,GAEpC,CAACnB,IAKGoB,EAAYC,EAAAA,SAAQ,IAAM5B,EAAM6B,KAAKC,GAASA,EAAKC,WAAiB,CAAC/B,KAErEgC,gBAAEA,EAAeC,iBAAEA,EAAgBC,UAAEA,GAAcC,EAAAA,4BAA4B,CACnFrB,QAASE,EACTW,YACAS,uBAAwB9B,GAA6B,gBAAfA,KAGlC+B,EAAsBC,EAAUA,WAAC,CAACC,EAAAA,OAAOC,qBAE/C,OACEC,EAAAA,IAAK,MAAA,CAAAC,IAAK5B,EAAS6B,MAAON,EAAmBO,SAC3CC,EAACC,KAAAC,EAAMA,QACLL,IAAK1B,EACLX,UAAWA,EACXE,SAAUe,KACNT,EACJZ,OAAQA,EACRG,KAAMA,EACNI,SAAUA,EACE,aAAAC,oBACKC,EACjBE,OAAQA,EACRD,kBAAmBA,EAAiBiC,SAAA,CAChB,MAAnBZ,GACCA,EAAgBgB,OAAS,GACzBhD,EACGiD,QAAQnB,GAASE,GAAiBkB,SAASpB,EAAKC,WAChDF,KAAKC,GACS,MAAbA,EAAKqB,KACHV,EAAAA,IAACW,EAAAA,eAAc,CACbD,KAAMrB,EAAKqB,KACXpB,QAASD,EAAKC,QACdsB,MAAOvB,EAAKuB,MACZC,KAAMxB,EAAKwB,KACXC,MAAOzB,EAAKyB,MACZC,SAAU1B,EAAK0B,SACfC,SAAU3B,EAAK2B,SAAQ,gBACR3B,EAAK4B,WACpBC,cAAezB,GAAW0B,IAAI9B,EAAKC,WAEnCD,EAAK+B,YACPpB,EAACqB,IAAAC,EAAmBA,oBAClB,CAAAhC,QAASD,EAAKC,QACdsB,MAAOvB,EAAKuB,MACZC,KAAMxB,EAAKwB,KACXC,MAAOzB,EAAKyB,MACZC,SAAU1B,EAAK0B,SACfC,SAAU3B,EAAK2B,SACA,gBAAA3B,EAAK4B,WACpBC,cAAezB,GAAW0B,IAAI9B,EAAKC,WAGrCU,EAAAA,IAACuB,EAAAA,WAAU,CACTjC,QAASD,EAAKC,QACdsB,MAAOvB,EAAKuB,MACZC,KAAMxB,EAAKwB,KACXC,MAAOzB,EAAKyB,MACZC,SAAU1B,EAAK0B,SACfC,SAAU3B,EAAK2B,SAAQ,gBACR3B,EAAK4B,WACpBC,cAAezB,GAAW0B,IAAI9B,EAAKC,aAIxB,MAApBE,GAA4BA,EAAiBe,OAAS,GACrDP,EAAAqB,IAACG,EAAkBA,mBAAA,CACjBC,OAAQhD,EACRiD,QAjGW3C,IACfR,EAAUU,SAAW,CAAC,aAAc,aAAawB,SAAS1B,EAAE4C,SAC9DpD,GAAWU,SAAS2C,QAEL,qBAAb7C,EAAE4C,SACJ/C,EAAmBK,SAAU,GAE/BP,GAAkB,EAAM,EA2FhBmD,gBAvEc,OAwEdC,cAAevE,EAAMiD,QAAQnB,GAASG,GAAkBiB,SAASpB,EAAKC,iBAMlF"}

package/amd/OverflowTabBarItem-9404d863.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', './useTranslationBundle-8e42d505', './clientHints-6d361eaa', './mergeInterpolations-9ede4cf7', './flexitem-5db48325', './classNames-08d99695', './Icon-865b3c78', './useTabBarContext-15a23bb6', './Dropdown-c119d072', './Sheet-c7f3fe2d', './BaseTabBarItem-cdec0e90', './UNSAFE_TabBarCommon/themes/OverflowTabBarItemStyles.css', './NavigationListItem-3cc88fb4', './NavigationListLinkItem-8ca44347'], (function(e,a,t,s,n,o,i,l,r,c,d,m,u,b,v,f,p){"use strict";const g=e=>a.jsx(c.Icon,{viewBox:"0 0 24 24",...e,children:a.jsx("g",{fill:"none",children:a.jsx("path",{d:"M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z",fill:"currentcolor"})})});const h=()=>{const{deviceType:e}=o.getClientHints();return"phone"===e};e.OverflowTabBarItem=function({overflowItemKey:e,icon:o,badge:c,overflowItems:y,isOpen:x,onClose:I}){const{selection:j,showFocusRing:B,isEdgeBottom:C,onSelect:w,onRemove:K,layout:R}=d.useTabBarContext(),T=s.useRef(!1),k=s.useRef(null),L=t.createRef(),N=s.useCallback((e=>{"pointer"===e.reason&&(T.current=!0),w?.({value:e.value}),I?.({reason:"itemAction"})}),[w,I]),O=s.useCallback((e=>{I?.({reason:e.reason})}),[I]),F=s.useCallback((()=>{I?.({reason:"dismissed"})}),[I]),S=B&&!T.current&&!h(),D=y?.find((e=>e.itemKey===j))?.tabPanelId,z=n.useTranslationBundle("@oracle/oraclejet-preact"),A=void 0!==j&&(E=j,null!=y?.find((e=>e.itemKey===E)));var E;const H=i.mergeInterpolations([...Object.values(l.flexitemInterpolations)])({flex:"stretch"===R?"1 0 auto":"0 0 auto"}),M=r.classNames([v.styles.navContainerBase]),P=s.useRef(null),U=s.useCallback((e=>{"ArrowDown"===e.key&&(e.preventDefault(),L.current?.focus())}),[L]),_=s.useCallback((()=>a.jsx("div",{onKeyDown:U,tabIndex:0,ref:P,class:M,children:a.jsx(f.NavigationList,{ref:L,selection:j,onSelectionChange:N,onRemove:K,children:y?.map((e=>null!=e.href?a.jsx(p.NavigationListLinkItem,{href:e.href,itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity}):e.isRemovable?a.jsx(p.RemovableNavigationListItem,{itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity}):a.jsx(f.NavigationListItem,{itemKey:e.itemKey,label:e.label,badge:e.badge,metadata:e.metadata,severity:e.severity})))})})),[U,M,L,j,N,K,y]);return a.jsxs(a.Fragment,{children:[y&&y.length>0&&a.jsx("div",{ref:k,style:H,children:a.jsx(b.BaseTabBarItem,{"aria-controls":D,itemKey:e,label:z.overflowItemLabel(),icon:o||a.jsx(g,{}),badge:c,showFocusRingOverride:S,selectionOverride:A,displayOverride:"icons","aria-haspopup":!0})}),h()?a.jsx(u.Sheet,{isOpen:x,onClose:F,initialFocus:"firstFocusable",children:_()}):a.jsx(m.Dropdown,{initialFocus:"firstFocusable",isOpen:x,onClose:O,placement:C?"top-end":"bottom-end",anchorRef:k,children:_()})]})}}));
-//# sourceMappingURL=OverflowTabBarItem-9404d863.js.map

package/amd/OverflowTabBarItem-9404d863.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowTabBarItem-9404d863.js","sources":["../../src/UNSAFE_RedwoodIcons/OverflowH/OverflowH.tsx","../../src/UNSAFE_TabBarCommon/OverflowTabBarItem.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates. All rights reserved.\n * https://www.oracle.com/contracts/docs/cloud_csa_online_v062223_us_eng.pdf?download=false&er=221886\n * @ignore\n */\n// DO NOT MODIFY THIS FILE MANUALLY!\n// This file is automatically generated based on the corresponding SVG image in\n// the packages/oraclejet-preact/resources/icons folder.\nimport { ComponentProps } from 'preact';\nimport { Icon } from '../../UNSAFE_Icon';\ntype Props = Omit<ComponentProps<typeof Icon>, 'viewBox' | 'children'>;\nconst SvgOverflowH = (props: Props) => (\n  <Icon viewBox=\"0 0 24 24\" {...props}>\n    <g fill=\"none\">\n      <path\n        d=\"M6 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0zm8 0a2 2 0 1 1-4 0 2 2 0 0 1 4 0z\"\n        fill=\"currentcolor\"\n      />\n    </g>\n  </Icon>\n);\nexport { SvgOverflowH as OverflowH };\n","import { ComponentChild, ComponentProps, createRef } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { getClientHints } from '../utils/PRIVATE_clientHints';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { flexitemInterpolations } from '../utils/UNSAFE_interpolations/flexitem';\nimport type { FlexitemProps } from '../utils/UNSAFE_interpolations/flexitem';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  NavigationListItem,\n  NavigationList,\n  RemovableNavigationListItem,\n  FocusableHandle,\n  NavigationListLinkItem\n} from '../UNSAFE_NavigationList';\nimport { OverflowH } from '../UNSAFE_RedwoodIcons/OverflowH';\nimport { useTabBarContext } from './useTabBarContext';\nimport { Dropdown } from '../UNSAFE_Dropdown';\nimport { Sheet } from '../UNSAFE_Sheet';\nimport { BaseTabBarItem } from './BaseTabBarItem';\nimport { styles } from './themes/OverflowTabBarItemStyles.css';\nimport { TabBarItem } from './TabBarItem';\n\nexport type OverflowSelectionDetail<K> = {\n  value: K;\n};\n\nexport type CloseDetail = {\n  /**\n   * dismissed represents dismissing the DropDown\n   */\n  reason: 'dismissed' | 'itemAction' | 'outsideMousedown';\n};\n\nexport type Item<K extends string | number> = Omit<\n  ComponentProps<typeof TabBarItem<K>>,\n  'testId' | 'aria-controls'\n> & {\n  isRemovable?: boolean;\n  /**\n   * Accepts the tabpanel element's ID associated with the tab item\n   **/\n  tabPanelId?: string;\n  /**\n   * Sets the URL that the hyperlink points to.\n   */\n  href?: string;\n};\n\nexport type OverflowTabBarItemProps<K extends string | number> = {\n  /**\n   * Key of the TabBarItem\n   */\n  overflowItemKey: K;\n  /**\n   * Whether to open the popup\n   */\n  isOpen: boolean;\n  /**\n   * Property that triggers a callback when DropDown is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * The icon of the OverflowTabBarItem\n   */\n  icon?: ComponentChild;\n  /**\n   * The content to be rendered inside the Badge component.\n   */\n  badge?: string;\n  /**\n   * An array of data used by NavigationList to render individual overflow items.\n   */\n  overflowItems?: Item<K>[];\n};\n\n/**\n * An OverflowTabBarItem renders TabBarItems in a device appropriate popup. OverflowTabBarItem is used internally in an OverflowTabBar.\n */\n\nexport function OverflowTabBarItem<K extends string | number>({\n  overflowItemKey,\n  icon,\n  badge,\n  overflowItems,\n  isOpen,\n  onClose\n}: OverflowTabBarItemProps<K>) {\n  const { selection, showFocusRing, isEdgeBottom, onSelect, onRemove, layout } = useTabBarContext();\n\n  const isPointerSelection = useRef<boolean>(false);\n\n  const overflowTabBarItemRef = useRef<HTMLDivElement>(null);\n  const navigationListRef = createRef<FocusableHandle>();\n\n  const handleSelectionChange = useCallback<\n    Required<ComponentProps<typeof NavigationList>>['onSelectionChange']\n  >(\n    (detail: { value: string | number; reason?: 'pointer' | 'keyboard' }) => {\n      if (detail.reason === 'pointer') {\n        isPointerSelection.current = true;\n      }\n      onSelect?.({ value: detail.value });\n      onClose?.({ reason: 'itemAction' });\n    },\n    [onSelect, onClose]\n  );\n\n  const handleDropdownClose = useCallback(\n    (e: CloseDetail) => {\n      onClose?.({ reason: e.reason });\n    },\n    [onClose]\n  );\n\n  const handleSheetClose = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  //When NavigationList steals focus the app resets it. Not always would it be reset to\n  //parent of OverflowTabBarItem. Though currentKey would be correct, but focusRing would would not be visible\n  //Hence we check for isPointerSelection.current\n\n  const focusRingRequirement = showFocusRing && !isPointerSelection.current && !getIsMobile();\n\n  const overflowContainsKey = (searchKey: K) => {\n    return overflowItems?.find((item) => item.itemKey === searchKey) != null;\n  };\n\n  const currentPanelId = overflowItems?.find((item) => item.itemKey === selection)?.tabPanelId;\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const isSelected = selection !== undefined && overflowContainsKey(selection as K);\n\n  //instead of specifying flex: '1 0 auto' in cssProps var\n  const styleInterpolations = mergeInterpolations<FlexitemProps>([\n    ...Object.values(flexitemInterpolations)\n  ]);\n  const flexDimensions = styleInterpolations({\n    flex: layout === 'stretch' ? '1 0 auto' : '0 0 auto'\n  });\n\n  const navContainerClasses = classNames([styles.navContainerBase]);\n\n  const navContainerRef = useRef<HTMLDivElement>(null);\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'ArrowDown') {\n        event.preventDefault();\n        navigationListRef.current?.focus();\n      }\n    },\n    [navigationListRef]\n  );\n  const getNavigationList = useCallback(() => {\n    return (\n      <div onKeyDown={handleKeyDown} tabIndex={0} ref={navContainerRef} class={navContainerClasses}>\n        <NavigationList\n          ref={navigationListRef}\n          selection={selection}\n          onSelectionChange={handleSelectionChange}\n          onRemove={onRemove}>\n          {overflowItems?.map((item) =>\n            item.href != null ? (\n              <NavigationListLinkItem\n                href={item.href}\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            ) : item.isRemovable ? (\n              <RemovableNavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            ) : (\n              <NavigationListItem\n                itemKey={item.itemKey}\n                label={item.label}\n                badge={item.badge}\n                metadata={item.metadata}\n                severity={item.severity}\n              />\n            )\n          )}\n        </NavigationList>\n      </div>\n    );\n  }, [\n    handleKeyDown,\n    navContainerClasses,\n    navigationListRef,\n    selection,\n    handleSelectionChange,\n    onRemove,\n    overflowItems\n  ]);\n\n  return (\n    <>\n      {overflowItems && overflowItems.length > 0 && (\n        <div ref={overflowTabBarItemRef} style={flexDimensions}>\n          <BaseTabBarItem\n            aria-controls={currentPanelId}\n            itemKey={overflowItemKey}\n            label={translations.overflowItemLabel()}\n            icon={icon ? icon : <OverflowH />}\n            badge={badge}\n            showFocusRingOverride={focusRingRequirement}\n            selectionOverride={isSelected}\n            displayOverride={'icons'}\n            aria-haspopup={true}\n          />\n        </div>\n      )}\n      {getIsMobile() ? (\n        <Sheet isOpen={isOpen} onClose={handleSheetClose} initialFocus=\"firstFocusable\">\n          {getNavigationList()}\n        </Sheet>\n      ) : (\n        <Dropdown\n          initialFocus=\"firstFocusable\"\n          isOpen={isOpen}\n          onClose={handleDropdownClose}\n          placement={isEdgeBottom ? 'top-end' : 'bottom-end'}\n          anchorRef={overflowTabBarItemRef}>\n          {getNavigationList()}\n        </Dropdown>\n      )}\n    </>\n  );\n}\n\nconst getIsMobile = () => {\n  const { deviceType } = getClientHints();\n  return deviceType === 'phone';\n};\n"],"names":["SvgOverflowH","props","_jsx","jsx","Icon","viewBox","children","fill","d","getIsMobile","deviceType","getClientHints","overflowItemKey","icon","badge","overflowItems","isOpen","onClose","selection","showFocusRing","isEdgeBottom","onSelect","onRemove","layout","useTabBarContext","isPointerSelection","useRef","overflowTabBarItemRef","navigationListRef","createRef","handleSelectionChange","useCallback","detail","reason","current","value","handleDropdownClose","e","handleSheetClose","focusRingRequirement","currentPanelId","find","item","itemKey","tabPanelId","translations","useTranslationBundle","isSelected","undefined","searchKey","flexDimensions","mergeInterpolations","Object","values","flexitemInterpolations","styleInterpolations","flex","navContainerClasses","classNames","styles","navContainerBase","navContainerRef","handleKeyDown","event","key","preventDefault","focus","getNavigationList","onKeyDown","tabIndex","ref","class","NavigationList","onSelectionChange","map","href","NavigationListLinkItem","label","metadata","severity","isRemovable","RemovableNavigationListItem","NavigationListItem","_jsxs","jsxs","_Fragment","Fragment","length","style","BaseTabBarItem","overflowItemLabel","OverflowH","showFocusRingOverride","selectionOverride","displayOverride","Sheet","initialFocus","Dropdown","placement","anchorRef"],"mappings":"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"}

package/amd/PictoChart-a85dfa1b.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-a4999df9', 'preact', 'preact/hooks', './UNSAFE_PictoChart/themes/PictoChartStyles.css', './classNames-08d99695', './useSelection-59251fff', './useTranslationBundle-8e42d505', './mergeProps-bcfa6a92', './themeContract.css-2e4b066d', './utils-ad4761c9', './SvgSymbol-b672024f', './accUtils-acd70e81', './useUser-12ec03f1', './layoutUtils-641af87a', './eventsUtils-5fb81c3e', './useVisHover-28319fef', './useVisDrill-b08ba7e5', './useDatatip-be0adcf0', './useItemFocus-75d6510d', './LayerHost-daf96749', 'preact/compat', './datatipUtils-6846028e', './useTestId-9afc201a', './useVisTouchResponse-88a7bb09', './stringUtils-4ffd9d59', './useContextMenu-4bd1c23a', './Menu-45a26116', './MenuItem-ff1cd14d', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', 'css!./MenuStyles.styles.css'], (function(t,e,o,n,r,i,s,c,a,l,u,d,f,m,p,h,g,x,I,S,C,b,y,w,v,M,R,E,$,F,k,P,D,T,U,V,A,N,H,j,_,B,L){"use strict";const O=n.createContext({});function W(t,e){return Math.ceil(t/e)*e}const q=(t,e,o,n,r)=>{for(let i=0;i<r;i++)for(let r=0;r<n;r++)if(t[o+i][e+r])return!1;return!0},G=(t,e,o,n,r)=>{for(let i=0;i<r;i++)for(let r=0;r<n;r++)t[o+i][e+r]=!0},z=(t,e,o,n,r,i)=>{if(i){for(let i=0;i<=n-e;i++)for(let n=0;n<=r-o;n++)if(q(t,i,n,e,o))return G(t,i,n,e,o),{col:i,row:n}}else for(let i=0;i<r-o+1;i++)for(let r=0;r<n-e+1;r++)if(q(t,r,i,e,o))return G(t,r,i,e,o),{col:r,row:i}};function K(t){const e=t.dataset.idx;if(void 0!==e)return{idx:Number(e)}}function Z(t,e,o,n,r,i,s,c,a,l,u){let d=!1;if(!n){const t=!!s&&e===s.idx,o=!!r&&e===r.idx;d=!!(t&&s?.isCurrent||o&&r?.isCurrent)}const f=function(t,e){return!e||0===e.length||new Set(e).has(t)}(t.id,c),m=function(t,e){return!(!e||0===e.length)&&new Set(e).has(t)}(t.id,i);return{isCurrent:d,isHighlighted:f,isSelected:m,hasSelection:i&&0!==i.length,isFocused:!!s&&Q(s,e),key:t.id,itemIdx:e,countIdx:o,activeId:d?a:void 0,isReadOnly:n,item:t,isVerticalLayout:l,layoutOrigin:u}}function J(t,e){return t?.idx===e?.idx}function Q(t,e){return!!t.isFocusVisible&&t.idx===e}function X(t,e,o){return`${o?.vis_labelCountWithTotal({itemCount:t.toString(),totalCount:e.toString()})}`}const Y=({context:t,markerProps:o})=>{const{supportsSelection:n}=r.useContext(O),i=function(t,e,o,n,r,i){const s="human"===t,c=o||r&&i,a="ellipse"===t||"rectangle"===t;e=""!==e?e:d.rgba(u.colorSchemeVars.palette.neutral[190],.15);const l=n?u.colorSchemeVars.textIcon.primary:c?e:"";return{markerShape:t,tx:s?70:void 0,ty:s?60:void 0,markerColor:e,borderColor:n||c?d.rgb(u.colorSchemeVars.palette.neutral[0]):e,outerBorderColor:l,markerScale:a&&!l?1:.85,setAspectRatioNone:!!a}}(o.shape,o.color,t.state.focused,t.state.selected,t.state.hovered,n);return e.jsx(f.SvgSymbol,{...i})};function tt(t,e){const{idx:o}=t;return e[o]}function et(t){return{getItem:e=>tt(e,t),getDetailFromInfo:e=>{if(!e)return{id:void 0,data:void 0};const o=tt(e,t);return{id:o?o.id:void 0,data:o}},getPrevItemInfo:t=>function(t){let e=t.idx;return e=Math.max(0,e-1),{idx:e}}(t),getNextItemInfo:e=>function(t,e){let o=t.idx;return o=Math.min(e.length-1,o+1),{idx:o}}(e,t)}}const ot=t=>{const{direction:o}=p.useUser(),n="rtl"===o,r=t.isVerticalLayout;let c=t.fractionalStart??0,a=t.fractionalEnd??1;const l=t.layoutOrigin;r?"bottomStart"!==l&&"bottomEnd"!==l||([c,a]=[1-a,1-c]):"bottomEnd"!==l&&"topEnd"!==l||([c,a]=[1-a,1-c]);const u=0!==c||1!==a?r?`polygon(0% ${100*c}%, 100% ${100*c}%, 100% ${100*a}%, 0% ${100*a}%)`:n?`polygon(${100-100*a}% 0%, ${100-100*c}% 0%, ${100-100*c}% 100%, ${100-100*a}% 100%)`:`polygon(${100*c}% 0%, ${100*a}% 0%, ${100*a}% 100%, ${100*c}% 100%)`:void 0,d=t.supportsSelection||t.supportsDrill,{dimmedItemStyle:f,interactiveItemStyle:h}=i.styles,g=s.classNames([d&&h,!t.isHighlighted&&f]),x=0===t.countIdx,I=x&&function(t,e,o,n,r,i,s,c,a){const l=r?X(t,e,r):"";return c=c||`${n?n+": ":""}${l}`,{"aria-label":m.generateAriaLabel(r,c,{isSelected:o||s?i:void 0})||void 0,role:"img",id:a}}(t.item.count||1,t.totalCount,!!t.supportsSelection,t.item.label,t.translations,t.isSelected,t.hasSelection,t.item.accessibleLabel,t.activeId)||{};return e.jsx("div",{ref:x?t.focusedItemRef:void 0,id:t.activeId,"data-idx":t.itemIdx,"data-count-idx":t.countIdx,style:{gridRow:`${t.row+1} / span ${t.item.rowSpan||1}`,gridColumn:`${t.column+1} / span ${t.item.columnSpan||1}`,clipPath:u},class:g,...I,children:t.children})};function nt({width:t,height:o,columnWidth:n,rowHeight:f,items:m,columnCount:b,rowCount:y,layout:w,layoutOrigin:$="topStart",selectionMode:F="none",highlightedIds:k=[],selectedIds:P=[],drilling:D="off",onItemDrill:T,onItemHover:U,isFlowingWidth:V,isFlowingHeight:A,onItemFocus:N,contextMenuConfig:H,...j}){const _=r.useRef(null),B=0!==m.length,L=function(t){let e=0;for(let o=0;o<t.length;o++)e+=t[o].count||1;return e}(m),O=a.useTranslationBundle("@oracle/oraclejet-preact"),q=!(!F||"none"===F),G=null!=T,Q=!q&&!G&&null===U&&null===N,Y=v.useTestId(j.testId),tt=new Map(m.map((t=>[t.id,t]))),{getItem:nt,getDetailFromInfo:rt,getPrevItemInfo:it,getNextItemInfo:st}=et(m),{touchResponse:ct,touchResponseStyle:at}=M.useVisTouchResponse({type:"touchStart"}),{hoveredItemInfo:lt,focusedItemInfo:ut,activeId:dt,eventsProps:ft,onContextMenuDismissed:mt}=function(t,e,o,n,i,s,c,a,u,d){const[f,m]=r.useState({idx:0}),[S,C]=r.useState(),b=r.useRef(),{direction:y}=p.useUser(),w="rtl"===y,v=x.useVisHover((t=>{const o=K(t.target);J(o,S)||(C(o&&{...o,isCurrent:!0}),b.current=h.getRandomId(),e&&(m({...f,isCurrent:!1}),u?.(n(o))))}),void 0,(()=>{C(void 0),b.current=void 0,e&&u?.(n())}),t),M=r.useCallback((t=>{const{id:e,data:o}=n(t);null!=e&&o&&(a?.({id:e,data:o}),b.current=h.getRandomId())}),[n,a]),R=r.useCallback((t=>{"keydown"===t.type?"on"==c&&M(f):M(K(t.target))}),[c,f,M]),E=I.useVisDrill(o,R);if(!e)return{focusedItemInfo:f,hoveredItemInfo:S,eventsProps:v};function $(t){d?.(n(t)),b.current=h.getRandomId(),m(t)}function F(t){J(t,f)||(t.isCurrent=!0,t.isFocusVisible=!0,S&&C({...S,isCurrent:!1}),$(t))}return{focusedItemInfo:f,hoveredItemInfo:S,activeId:b.current,onContextMenuDismissed:t=>{"keyboard"===t&&$({...f,isFocusVisible:!0,isCurrent:!0})},eventsProps:l.mergeProps(E,v,{onKeyUp:t=>{"Tab"===t.code&&($({...f,isCurrent:!0,isFocusVisible:!0}),g.cancelEvent(t))},onKeyDown:t=>{switch(t.key){case"Tab":return;case"ArrowDown":F(s(f)),g.cancelEvent(t);break;case"ArrowUp":F(i(f)),g.cancelEvent(t);break;case"ArrowRight":F(w?i(f):s(f)),g.cancelEvent(t);break;case"ArrowLeft":F(w?s(f):i(f)),g.cancelEvent(t)}},onBlur:()=>{(null!=S||f.isCurrent)&&d?.(n(void 0));const t={...f,isCurrent:!1,isFocusVisible:!1};m(t)}})}}(ct,!Q&&B,F,rt,it,st,D,T,U,N),{selectionContent:pt,selectionProps:ht}=c.useSelection({idExtracter:t=>{const e="keyup"===t.type?ut:K(t.target);return rt(e).id},isDrillEnabled:"off"!=D,selection:P,selectionMode:F,getDataById:t=>tt.get(t),onChange:j.onSelectionChange}),gt=n&&parseFloat(n),xt=f&&parseFloat(f),It=s.classNames([i.baseStyles]),{focusedItemRef:St}=C.useItemFocus(ut),{content:Ct,borderColor:bt}=function(t,e,o,n,r,i,s){let c;const a=r?.isCurrent;let l,f;a&&null!=t[r.idx].id&&(c=r),n&&n.isCurrent&&(c=n);let m=d.rgba(u.colorSchemeVars.palette.neutral[190],.15);const p=c&&e(c,t);if(p&&i){const t=p&&{data:p},{content:e,borderColor:n}=i(t);l=e,m=n||m,f=s?X(p.count||1,o,s):""}return{borderColor:m,content:l||c&&e(c,t)?.accessibleLabel||c&&e(c,t)?.label+": "+f||f}}(m,nt,L,ut,lt,j.datatip,O),{calcColCount:yt,calcRowCount:wt,calcColWidth:vt,calcRowHeight:Mt,gridGap:Rt}=function(t,e,o,n,r,s,c,a,l,u){let d=0,f=1,m=1,p=1/0;for(let e=0;e<t.length;e++){const o=t[e],n=o.columnSpan||1,r=o.rowSpan||1;n<=0||r<=0||(n>f&&(f=n),r>m&&(m=r),n<p&&(p=n),r<p&&(p=r),d+=n*r*(o.count||1))}if(0===d)return{};(r||s)&&(l||(l=u||i.DEFAULT_SIZE),u||(u=l)),c||a||(r||s?r?s?e?a=W(Math.sqrt(d),m):c=W(Math.sqrt(d),f):a=Math.max(Math.floor(n/(u||1)),1):c=Math.max(Math.floor(o/(l||1)),1):e?a=W(Math.sqrt(d*n/o),m):c=W(Math.sqrt(d*o/n),f)),c?a||(a=W(d/c,m)):c=W(d/(a||1),f);const h=.25*p;return r||s||(l||(l=u||Math.min(o/c,n/(a||1))),u||(u=l)),c<=0||!a||a<=0||!l||l<=0||!u||u<=0?{}:{calcColCount:c,calcRowCount:a,calcColWidth:l?l-h:l,calcRowHeight:u?u-h:u,gridGap:h}}(m,"vertical"===w,t,o,V,A,b,y,gt,xt),{datatipContent:Et,datatipProps:{"aria-describedby":$t,...Ft}}=(({touchResponse:t,content:e,borderColor:o,width:n,focusedItemRef:r,focusedItemInfo:i})=>{const{direction:s}=p.useUser(),c="rtl"===s,a=r.current?.getBoundingClientRect(),{datatipContent:l,datatipProps:u}=S.useDatatip({content:e,placement:"top-start",offset:h.calculateOffset(c,n,i.isCurrent?a:void 0),borderColor:o,anchor:i?.isCurrent?"element":"pointer",touchResponse:t});return{datatipContent:l,datatipProps:u}})({touchResponse:ct,content:Ct,width:t,borderColor:bt,focusedItemRef:St,focusedItemInfo:ut}),{contextMenuContent:kt,contextMenuProps:Pt}=(({rootRef:t,contextMenuConfig:e,focusedItemInfo:o,items:n,onContextMenuDismissed:r,getItemInfo:i})=>{const{contextMenuProps:s,contextMenuContent:c}=E.useContextMenu({onContextMenuHandler:({gesture:e,target:r})=>{if("keyboard"===e){const e=o.idx,r=t.current?.querySelector(`[data-idx="${e}"]`)||null;return{type:"element",context:{type:"item",data:n[e]},elem:r}}const s=i(r)?.idx,c=void 0!==s?n[s]:null;return c?{type:"pointer",context:{type:"item",data:c}}:{type:"pointer",context:{type:"background"}}},contextMenuOptions:{isDisabled:!e},rootRef:t,contextMenuConfig:e,onContextMenuDismissed:r});return{contextMenuContent:c,contextMenuProps:s}})({getItemInfo:K,focusedItemInfo:ut,rootRef:_,contextMenuConfig:B?H:void 0,items:m,onContextMenuDismissed:mt});if(!yt)return null;const Dt=function(t,e,o,n,r){const i=e,s=o,c="bottomStart"===(a=n)||"bottomEnd"===a;var a;const l=(t=>"topEnd"===t||"bottomEnd"===t)(n),u=[],d=new Array(i);for(let t=0;t<i;t++)d[t]=new Array(s).fill(!1);const f=!0;let m={row:-1,col:-1,count:0,direction:f,rowSpan:1,columnSpan:1};for(let e=0;e<t.length;e++){const o=t[e],n=o.rowSpan??1,a=o.columnSpan??1;let p=o.count??1;if(m.count>0&&m.count<1&&m.rowSpan===n&&m.columnSpan===a){const t=1-m.count,r=Math.min(t,p),d=c?i-m.row-n:m.row,h=l?s-m.col-a:m.col;if(u.push({row:d,col:h,countIdx:e,itemIdx:e,item:o,fractionalStart:m.count,fractionalEnd:m.count+r}),m.count+=r,p-=r,!(m.count>=1))continue;m={row:-1,col:-1,count:0,direction:f,rowSpan:n,columnSpan:a}}const h=Math.floor(p);for(let t=0;t<h;t++){const f=z(d,a,n,s,i,r);if(f){const r=c?i-f.row-n:f.row,d=l?s-f.col-a:f.col;u.push({row:r,col:d,countIdx:t,itemIdx:e,item:o,fractionalStart:0,fractionalEnd:1})}}const g=p-h;if(g>0&&g<1){const t=z(d,a,n,s,i,r);if(t){m={row:t.row,col:t.col,count:g,direction:!0,rowSpan:n,columnSpan:a};const r=c?i-t.row-n:t.row,d=l?s-t.col-a:t.col;u.push({row:r,col:d,countIdx:g,itemIdx:e,item:o,fractionalStart:0,fractionalEnd:g})}}}return u}(m,wt,yt,$,"vertical"===w),Tt=l.mergeProps(ft,Ft,ht,Pt);return e.jsxs("div",{ref:_,tabIndex:0,"aria-label":j["aria-label"],"aria-describedby":R.l([j["aria-describedby"],$t]),"aria-labelledby":j["aria-labelledby"],"aria-activedescendant":dt,role:"application",style:{width:V?"max-content":`${t}px`,height:A?"max-content":`${o}px`,gridTemplateRows:`repeat(${wt}, ${Mt}px)`,gridTemplateColumns:`repeat(${yt}, ${vt}px)`,gap:`${Rt}px`,...at},class:It,...Y,...Tt,children:[Dt.map((t=>{const o=ut.idx===t.itemIdx,n=Z(t.item,t.itemIdx,t.countIdx,Q,lt,P,ut,k,dt,"vertical"===w,$),r={data:t.item,state:{selected:n.isSelected,focused:n.isFocused,hovered:n.isCurrent}};return e.jsx(ot,{focusedItemRef:o?St:void 0,row:t.row,column:t.col,supportsSelection:q,supportsDrill:G,translations:O,totalCount:L,fractionalStart:t.fractionalStart,fractionalEnd:t.fractionalEnd,...n,children:j.children(r)})})),Et,kt,pt]})}t.PictoChart=function({width:t,height:n,...r}){const i=!(!r.selectionMode||"none"===r.selectionMode),s=void 0===t,c=void 0===n;return e.jsx(O.Provider,{value:{supportsSelection:i},children:e.jsx(o.TrackResizeContainer,{width:s?"initial":t,height:c?"initial":n,children:(t,o)=>e.jsx(nt,{width:t,height:o,isFlowingWidth:s,isFlowingHeight:c,...r})})})},t.getPictoDefaultRenderers=function(t){return{markerRenderer:o=>{const n=t(o.data);return e.jsx(Y,{context:o,markerProps:n})},datatipRenderer:e=>({borderColor:t(e.data).color})}}}));
-//# sourceMappingURL=PictoChart-a85dfa1b.js.map

package/amd/PictoChart-a85dfa1b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PictoChart-a85dfa1b.js","sources":["../../src/UNSAFE_PictoChart/PictoChartContext.tsx","../../src/UNSAFE_PictoChart/pictoChartLayoutUtils.ts","../../src/UNSAFE_PictoChart/pictoChartUtils.tsx","../../src/UNSAFE_PictoChart/pictoChartNavUtils.ts","../../src/UNSAFE_PictoChart/usePictoChartDatatip.ts","../../src/UNSAFE_PictoChart/PictoChartElement.tsx","../../src/UNSAFE_PictoChart/PictoChartWithDimensions.tsx","../../src/UNSAFE_PictoChart/useEvents.ts","../../src/UNSAFE_PictoChart/usePictoChartContextMenu.ts","../../src/UNSAFE_PictoChart/PictoChart.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 */\n\nimport { createContext } from 'preact';\nimport { useContext } from 'preact/hooks';\n\ntype PictoChartContextValue = {\n  supportsSelection?: boolean;\n};\n\nconst PictoChartContext = createContext<PictoChartContextValue>({} as PictoChartContextValue);\nconst usePictoChartContext = () => useContext(PictoChartContext);\n\nexport { PictoChartContext, usePictoChartContext };\n","import type { PictoChartItemData } from './pictoChart.type';\nimport { DEFAULT_SIZE } from './themes/PictoChartStyles.css';\n\nconst GAP_RATIO = 0.25;\n\nfunction _ceil(a: number, b: number) {\n  return Math.ceil(a / b) * b;\n}\n\nexport function getFlowingInfo<K, D extends PictoChartItemData<K>>(\n  items: D[],\n  isVert: boolean,\n  width: number,\n  height: number,\n  isFlowingWidth: boolean,\n  isFlowingHeight: boolean,\n  colCount?: number,\n  rowCount?: number,\n  colWidth?: number,\n  rowHeight?: number\n) {\n  let numCells = 0;\n  let maxColSpan = 1;\n  let maxRowSpan = 1;\n  let minSpan = Infinity;\n\n  for (let i = 0; i < items.length; i++) {\n    const item = items[i];\n    const columnSpan = item.columnSpan || 1;\n    const rowSpan = item.rowSpan || 1;\n    if (columnSpan <= 0 || rowSpan <= 0) continue;\n\n    // Compute the maximum columnSpan and rowSpan\n    if (columnSpan > maxColSpan) maxColSpan = columnSpan;\n    if (rowSpan > maxRowSpan) maxRowSpan = rowSpan;\n\n    // Compute minimum span for gap computation\n    if (columnSpan < minSpan) minSpan = columnSpan;\n    if (rowSpan < minSpan) minSpan = rowSpan;\n\n    numCells += columnSpan * rowSpan * (item.count || 1);\n  }\n\n  if (numCells === 0) return {};\n\n  // Default colWidth and rowHeight for flowing layout\n  if (isFlowingWidth || isFlowingHeight) {\n    if (!colWidth) colWidth = rowHeight ? rowHeight : DEFAULT_SIZE;\n    if (!rowHeight) rowHeight = colWidth;\n  }\n\n  // Default colCount and rowCount for both layouts\n  // We set the default colCount (or rowCount) to be an integer multiple of the maxColSpan (or maxRowSpan) to\n  // ensure that all the items can find a spot to occupy in the mixed sizes case.\n\n  if (!colCount && !rowCount) {\n    // Try to achieve square cells, (width / colCount) = (height / rowCount)\n    if (!isFlowingWidth && !isFlowingHeight) {\n      if (isVert) rowCount = _ceil(Math.sqrt((numCells * height) / width), maxRowSpan);\n      else colCount = _ceil(Math.sqrt((numCells * width) / height), maxColSpan);\n    } else if (!isFlowingWidth) colCount = Math.max(Math.floor(width / (colWidth || 1)), 1);\n    else if (!isFlowingHeight) rowCount = Math.max(Math.floor(height / (rowHeight || 1)), 1);\n    else {\n      if (isVert) rowCount = _ceil(Math.sqrt(numCells), maxRowSpan);\n      else colCount = _ceil(Math.sqrt(numCells), maxColSpan);\n    }\n  }\n\n  // Now only either colCount or rowCount is undefined\n  if (!colCount) colCount = _ceil(numCells / (rowCount || 1), maxColSpan);\n  else if (!rowCount) rowCount = _ceil(numCells / colCount, maxRowSpan);\n\n  const gridGap = GAP_RATIO * minSpan;\n  // Default colWidth and rowHeight for fixed layout\n  if (!isFlowingWidth && !isFlowingHeight) {\n    if (!colWidth)\n      colWidth = rowHeight ? rowHeight : Math.min(width / colCount, height / (rowCount || 1));\n    if (!rowHeight) rowHeight = colWidth;\n  }\n\n  if (\n    colCount <= 0 ||\n    !rowCount ||\n    rowCount <= 0 ||\n    !colWidth ||\n    colWidth <= 0 ||\n    !rowHeight ||\n    rowHeight <= 0\n  )\n    return {};\n\n  return {\n    calcColCount: colCount,\n    calcRowCount: rowCount,\n    calcColWidth: colWidth ? colWidth - gridGap : colWidth,\n    calcRowHeight: rowHeight ? rowHeight - gridGap : rowHeight,\n    gridGap: gridGap\n  };\n}\n\n/**\n * Returns whether the pictoChart is layout from bottom to top.\n */\nconst isOriginBottom = (origin: string) => {\n  return origin === 'bottomStart' || origin === 'bottomEnd';\n};\n\n/**\n * Returns whether the pictoChart is layout from right to left.\n */\nconst isOriginRight = (origin: string) => {\n  const isEnd = origin === 'topEnd' || origin === 'bottomEnd';\n  return isEnd;\n};\n\n/**\n * Returns whether the cells are available given col, row and columnSpan, rowSpan needed.\n */\nconst areCellsAvailable = (\n  map: boolean[][],\n  col: number,\n  row: number,\n  columnSpan: number,\n  rowSpan: number\n) => {\n  for (let r = 0; r < rowSpan; r++) {\n    for (let c = 0; c < columnSpan; c++) {\n      if (map[row + r][col + c]) return false;\n    }\n  }\n  return true;\n};\n\n/**\n * Occupies the cell in the map given col, row and columnSpan, rowSpan.\n */\nconst occupyCells = (\n  map: boolean[][],\n  col: number,\n  row: number,\n  columnSpan: number,\n  rowSpan: number\n) => {\n  for (let r = 0; r < rowSpan; r++) {\n    for (let c = 0; c < columnSpan; c++) {\n      map[row + r][col + c] = true;\n    }\n  }\n};\n\n/**\n * Returns whether the cells are available given col, row and the colCount and rowCount of the pictochart.\n */\nconst findNextAvailableCell = (\n  map: boolean[][],\n  columnSpan: number,\n  rowSpan: number,\n  colCount: number,\n  rowCount: number,\n  isVert: boolean\n): { row: number; col: number } | undefined => {\n  if (isVert) {\n    for (let c = 0; c <= colCount - columnSpan; c++) {\n      for (let r = 0; r <= rowCount - rowSpan; r++) {\n        if (areCellsAvailable(map, c, r, columnSpan, rowSpan)) {\n          occupyCells(map, c, r, columnSpan, rowSpan);\n          return { col: c, row: r };\n        }\n      }\n    }\n    return;\n  }\n  \n  for (let r = 0; r < rowCount - rowSpan + 1; r++) {\n    for (let c = 0; c < colCount - columnSpan + 1; c++) {\n      if (areCellsAvailable(map, c, r, columnSpan, rowSpan)) {\n        occupyCells(map, c, r, columnSpan, rowSpan);\n        return { col: c, row: r };\n      }\n    }\n  }\n\n  return;\n};\n\n/**\n * Returns the picto items with row and col of the pictochart.\n */\nexport function generateElementCoords<K, D extends PictoChartItemData<K>>(\n  items: D[],\n  row: number,\n  column: number,\n  layoutOrigin: 'topStart' | 'topEnd' | 'bottomStart' | 'bottomEnd',\n  isVert: boolean) {\n  const rowCount = row;\n  const colCount = column;\n  const isLayoutBottom = isOriginBottom(layoutOrigin);\n  const isLayoutRight = isOriginRight(layoutOrigin);\n  const pictoItems = [];\n\n  const map: boolean[][] = new Array(rowCount);\n  for (let i = 0; i < rowCount; i++) {\n    map[i] = new Array(colCount).fill(false);\n  }\n\n  const isFractionalLeft = true;\n  let lastFractionalCell = {\n    row: -1, \n    col: -1, \n    count: 0, \n    direction: isFractionalLeft,\n    rowSpan: 1,\n    columnSpan: 1\n   };\n\n  for (let i = 0; i < items.length; i++) {\n    const currItem = items[i];\n    const rowSpan = currItem.rowSpan ?? 1;\n    const columnSpan = currItem.columnSpan ?? 1;\n    let totalCount = currItem.count ?? 1;\n\n    // fill previous fractional cell if needed\n    if (lastFractionalCell.count > 0 && lastFractionalCell.count < 1\n      && lastFractionalCell.rowSpan === rowSpan &&\n      lastFractionalCell.columnSpan === columnSpan) {\n      const amountToFill = 1 - lastFractionalCell.count;\n      const fillAmount = Math.min(amountToFill, totalCount);\n\n      const filledRow = isLayoutBottom\n        ? rowCount - lastFractionalCell.row - rowSpan\n        : lastFractionalCell.row;\n      const filledCol = isLayoutRight\n        ? colCount - lastFractionalCell.col - columnSpan\n        : lastFractionalCell.col;\n\n      pictoItems.push({\n        row: filledRow,\n        col: filledCol,\n        countIdx: i,\n        itemIdx: i,\n        item: currItem,\n        fractionalStart: lastFractionalCell.count,\n        fractionalEnd: lastFractionalCell.count + fillAmount\n      });\n\n      lastFractionalCell.count += fillAmount;\n      totalCount -= fillAmount;\n\n      if (lastFractionalCell.count >= 1) {\n        lastFractionalCell = { row: -1, col: -1, count: 0, direction: isFractionalLeft, rowSpan, columnSpan};\n      } else {\n        continue;\n      }\n    }\n\n    // fill with full units first\n    const fullUnits = Math.floor(totalCount);\n    for (let j = 0; j < fullUnits; j++) {\n      const cell = findNextAvailableCell(map, columnSpan, rowSpan, colCount, rowCount, isVert);\n      if (cell) {\n        const currRow = isLayoutBottom ? rowCount - cell.row - rowSpan : cell.row;\n        const currCol = isLayoutRight ? colCount - cell.col - columnSpan : cell.col;\n\n        pictoItems.push({\n          row: currRow,\n          col: currCol,\n          countIdx: j,\n          itemIdx: i,\n          item: currItem,\n          fractionalStart: 0,\n          fractionalEnd: 1\n        });\n      }\n    }\n\n    // fill with the current item's remaining fractional cell\n    const remainder = totalCount - fullUnits;\n    if (remainder > 0 && remainder < 1) {\n      const cell = findNextAvailableCell(map, columnSpan, rowSpan, colCount, rowCount, isVert);\n      if (cell) {\n        lastFractionalCell = {\n          row: cell.row,\n          col: cell.col,\n          count: remainder,\n          direction: true,\n          rowSpan,\n          columnSpan        \n        };\n\n        const newRow = isLayoutBottom ? rowCount - cell.row - rowSpan : cell.row;\n        const newCol = isLayoutRight ? colCount - cell.col - columnSpan : cell.col;\n\n        pictoItems.push({\n          row: newRow,\n          col: newCol,\n          countIdx: remainder,\n          itemIdx: i,\n          item: currItem,\n          fractionalStart: 0,\n          fractionalEnd: remainder\n        });\n      }\n    }\n  }\n  return pictoItems;\n}","import type { ComponentChildren, JSX } from 'preact';\nimport type {\n  ItemInfo,\n  PictoChartItemData,\n  MarkerRendererContext,\n  PictoRendererOptions,\n  DatatipContext\n} from './pictoChart.type';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { BundleType } from '#resources/nls/bundle';\nimport { MarkerShapes } from '#utils/UNSAFE_visTypes/common';\nimport { colorSchemeVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { rgb, rgba } from '#UNSAFE_Theme';\nimport { SvgSymbol } from '#PRIVATE_SvgShapes';\nimport { usePictoChartContext } from './PictoChartContext';\nimport { Property } from 'csstype';\nimport { ColorProps } from '#utils/UNSAFE_interpolations/colors';\nimport { generateAriaLabel } from '#utils/UNSAFE_visUtils/accUtils';\n\n/**\n * Checks if the item is highlighted.\n * @param id Id of the item\n * @param highlighted The set of highlighted item\n */\nexport function isItemHighlighted<K>(id: K, highlightedIds?: K[]) {\n  if (!highlightedIds || highlightedIds.length === 0) {\n    return true;\n  }\n  return new Set(highlightedIds).has(id);\n}\n\n/**\n * Checks if the item is highlighted.\n * @param id Id of the item\n * @param selectedIds The set of highlighted item\n */\nexport function isItemSelected<K>(id: K, selectedIds?: K[]) {\n  if (!selectedIds || selectedIds.length === 0) {\n    return false;\n  }\n  return new Set(selectedIds).has(id);\n}\n\n/**\n * Returns the value of the data-oj-private-item-index attribute for a given element.\n * @param element The HTML element.\n */\nexport function getItemInfo(element: HTMLElement) {\n  const itemIdx = element.dataset['idx'];\n  if (itemIdx === undefined) return;\n\n  return {\n    idx: Number(itemIdx)\n  };\n}\n\n/**\n * Returns the item props for PictoChart.\n * @param item The picto chart item.\n * @param itemIdx The item index of the item.\n * @param countIdx The item count of the item.\n * @param isReadOnly Whether the picto chart is readonly.\n * @param hoveredItem The info of the currently hovered item.\n * @param selectedIds The selected Ids\n * @param focusedItem The info of currently focused item.\n * @param highlightedIds The highlighted ids.\n * @param activeId The active Id\n */\nexport function getItemProps<K, D extends PictoChartItemData<K>>(\n  item: D,\n  itemIdx: number,\n  countIdx: number,\n  isReadOnly: boolean,\n  hoveredItem?: ItemInfo,\n  selectedIds?: Array<K>,\n  focusedItem?: ItemInfo,\n  highlightedIds?: Array<K>,\n  activeId?: string,\n  isVert?: boolean,\n  layoutOrigin?: string\n) {\n  let isCurrent = false;\n  if (!isReadOnly) {\n    const isFocusedItem = !!focusedItem && itemIdx === focusedItem.idx;\n    const isHoveredItem = !!hoveredItem && itemIdx === hoveredItem.idx;\n    isCurrent = !!(\n      (isFocusedItem && focusedItem?.isCurrent) ||\n      (isHoveredItem && hoveredItem?.isCurrent)\n    );\n  }\n  const isHighlighted = isItemHighlighted<K>(item.id, highlightedIds);\n  const isSelected = isItemSelected(item.id, selectedIds);\n  const hasSelection = selectedIds && selectedIds.length !== 0;\n\n  return {\n    isCurrent,\n    isHighlighted: isHighlighted,\n    isSelected: isSelected,\n    hasSelection,\n    isFocused: focusedItem ? hasFocusRing(focusedItem, itemIdx) : false,\n    key: item.id,\n    itemIdx,\n    countIdx,\n    activeId: isCurrent ? activeId : undefined,\n    isReadOnly,\n    item: item,\n    isVerticalLayout: isVert,\n    layoutOrigin: layoutOrigin\n  };\n}\n\n/**\n * Compares if two ItemInfo are equal\n * @param item1\n * @param item2\n * @returns\n */\nexport function isEqualItem(item1?: ItemInfo, item2?: ItemInfo) {\n  return item1?.idx === item2?.idx;\n}\n\n/**\n * Checks if the item is the currentItem and if the focus ring\n * is visible.\n * @param itemInfo ItemInfo\n * @param itemIdx Item index\n */\nexport function hasFocusRing(itemInfo: ItemInfo, itemIdx: number) {\n  if (!itemInfo.isFocusVisible) return false;\n  return itemInfo.idx === itemIdx;\n}\n\n/**\n *\n */\nexport function getCountWithTotal(itemCount: number, totalCount: number, translations: BundleType) {\n  const totalWithCountLabel = `${translations?.vis_labelCountWithTotal({\n    itemCount: itemCount.toString(),\n    totalCount: totalCount.toString()\n  })}`;\n  return totalWithCountLabel;\n}\n\n/**\n * Returns the aria properties for the picto chart.\n * @param isReadOnly { boolean } If the picto chart is readonly.\n * @param accessibleLabel { string } The aria-label set by the app.\n * @returns The aria props.\n */\nexport function getItemAriaProps(\n  itemCount: number,\n  totalCount: number,\n  supportsSelection: boolean,\n  label?: string,\n  translations?: BundleType,\n  isSelected?: boolean,\n  hasSelection?: boolean,\n  accessibleLabel?: string,\n  activeId?: string\n): {\n  'aria-label'?: UnpackSignals<JSX.AriaAttributes>['aria-label'];\n  role: UnpackSignals<JSX.HTMLAttributes['role']>;\n  id?: string;\n} {\n  const totalWithCountLabel = translations\n    ? getCountWithTotal(itemCount, totalCount, translations)\n    : '';\n\n  accessibleLabel = accessibleLabel || `${label ? label + ': ' : ''}${totalWithCountLabel}`; // TODO: use a translation string for :\n\n  return {\n    'aria-label':\n      generateAriaLabel(translations!, accessibleLabel, {\n        isSelected: !supportsSelection && !hasSelection ? undefined : isSelected\n      }) || undefined,\n    role: 'img',\n    id: activeId\n  };\n}\n\n/**\n * Returns the marker props for SVGSymbol\n */\nexport function getMarkerProps(\n  shape: MarkerShapes,\n  color?: ColorProps['color'],\n  isFocused?: boolean,\n  isSelected?: boolean,\n  isCurrent?: boolean,\n  supportsSelection?: boolean\n) {\n  const isHuman = shape === 'human';\n  const applyHover = isFocused || (isCurrent && supportsSelection);\n  const isNoneEqualSides = shape === 'ellipse' || shape === 'rectangle';\n  color = color !== '' ? color : rgba(colorSchemeVars.palette.neutral['190'], 0.15);\n  const outerBorderColor = isSelected ? colorSchemeVars.textIcon.primary : applyHover ? color : '';\n\n  return {\n    markerShape: shape,\n    tx: isHuman ? 70 : undefined,\n    ty: isHuman ? 60 : undefined,\n    markerColor: color,\n    borderColor: isSelected || applyHover ? rgb(colorSchemeVars.palette.neutral[0]) : color,\n    outerBorderColor,\n    markerScale: isNoneEqualSides && !outerBorderColor ? 1 : 0.85,\n    setAspectRatioNone: isNoneEqualSides ? true : false\n  };\n}\n\n// Creating component to read the context\nconst PictoRenderer = <K,>({\n  context,\n  markerProps\n}: {\n  context: MarkerRendererContext<K>;\n  markerProps: PictoRendererOptions;\n}) => {\n  const { supportsSelection } = usePictoChartContext();\n  const markerProp = getMarkerProps(\n    markerProps.shape,\n    markerProps.color,\n    context.state.focused,\n    context.state.selected,\n    context.state.hovered,\n    supportsSelection\n  );\n\n  return <SvgSymbol {...markerProp} />;\n};\n\n/**\n * Returns the marker renderer for SVGSymbol\n */\nexport function getPictoDefaultRenderers<\n  K,\n  D extends PictoChartItemData<K> = PictoChartItemData<K>\n>(rendererOptions: (data: D) => PictoRendererOptions) {\n  return {\n    markerRenderer: (context: MarkerRendererContext<D>) => {\n      const props = rendererOptions(context.data); // TODO: should we add default values\n      return <PictoRenderer context={context} markerProps={props} />;\n    },\n    datatipRenderer: (context: DatatipContext<D>) => {\n      const props = rendererOptions(context.data);\n      return { borderColor: props.color };\n    }\n  };\n}\n\nexport function getTotalCount<K>(items: PictoChartItemData<K>[]) {\n  let totalCount = 0;\n  for (let i = 0; i < items.length; i++) {\n    totalCount += items[i].count || 1;\n  }\n  return totalCount;\n}\n\n/**\n * Returns the text for the picto chart datatip.\n * @param items The picto chart items data.\n * @param focusedItem The item currently keyboard focused.\n * @param hoveredItem The item that is currently hovered.\n * @param datatip The datatip.\n */\nexport function getDatatipContent<K, D extends PictoChartItemData<K>>(\n  items: D[],\n  getItem: (itemInfo: ItemInfo, items: D[]) => D | undefined,\n  totalCount: number,\n  focusedItem: ItemInfo,\n  hoveredItem?: ItemInfo,\n  datatip?: (context: DatatipContext<D>) => {\n    content?: ComponentChildren;\n    borderColor?: Property.BorderColor;\n  },\n  translations?: BundleType\n) {\n  let itemInfo;\n  const isPointerActive = hoveredItem?.isCurrent;\n  if (isPointerActive && items[hoveredItem.idx].id != null) {\n    itemInfo = hoveredItem;\n  }\n  if (focusedItem && focusedItem.isCurrent) {\n    itemInfo = focusedItem;\n  }\n  let _content, countWithTotal;\n  let _borderColor: string = rgba(colorSchemeVars.palette.neutral['190'], 0.15);\n  const item = itemInfo && getItem(itemInfo, items);\n  if (item && datatip) {\n    // custom datatip\n    const datatipContext = item && { data: item };\n    const { content, borderColor } = datatip(datatipContext);\n    _content = content;\n    _borderColor = borderColor || _borderColor;\n    countWithTotal = translations\n      ? getCountWithTotal(item.count || 1, totalCount, translations)\n      : '';\n  }\n  return {\n    borderColor: _borderColor,\n    content:\n      _content ||\n      (itemInfo && getItem(itemInfo, items)?.accessibleLabel) ||\n      (itemInfo && getItem(itemInfo, items)?.label + ': ' + countWithTotal) ||\n      countWithTotal\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type {\n  ItemHoverDetail,\n  ItemFocusDetail,\n  ItemInfo,\n  PictoChartItemData\n} from './pictoChart.type';\n\n/**\n * Returns the item based on item info in a picto chart.\n * @param itemInfo\n * @param items\n * @returns\n */\nfunction getItem<K, D extends PictoChartItemData<K>>(itemInfo: ItemInfo, items: D[]) {\n  const { idx } = itemInfo;\n  return items[idx];\n}\n\n/**\n * Returns the next item's info in a picto chart.\n * @param itemInfo\n * @param items\n * @returns\n */\nfunction getNextItemInfo<K, D extends PictoChartItemData<K>>(itemInfo: ItemInfo, items: D[]) {\n  let idx = itemInfo.idx;\n\n  idx = Math.min(items.length - 1, idx + 1);\n  return { idx: idx };\n}\n\n/**\n * Returns the previous item's info in a picto chart.\n * @param itemInfo\n * @returns\n */\nfunction getPrevItemInfo(itemInfo: ItemInfo) {\n  let idx = itemInfo.idx;\n\n  idx = Math.max(0, idx - 1);\n  return { idx: idx };\n}\n\n/**\n * Returns utils functions for navigation in a picto chart.\n * @param items\n * @returns\n */\nexport function getPictoChartNavUtils<K, D extends PictoChartItemData<K>>(items: D[]) {\n  return {\n    getItem: (itemInfo: ItemInfo) => {\n      return getItem(itemInfo, items);\n    },\n    getDetailFromInfo: (itemInfo?: ItemInfo): ItemHoverDetail<K, D> | ItemFocusDetail<K, D> => {\n      if (!itemInfo) {\n        return { id: undefined, data: undefined };\n      }\n      const item = getItem(itemInfo, items);\n      return { id: item ? item.id : undefined, data: item };\n    },\n    getPrevItemInfo: (itemInfo: ItemInfo) => {\n      return getPrevItemInfo(itemInfo);\n    },\n    getNextItemInfo: (itemInfo: ItemInfo) => {\n      return getNextItemInfo(itemInfo, items);\n    }\n  };\n}\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { RefObject } from 'preact';\nimport type { ItemInfo } from './pictoChart.type';\nimport { useDatatip } from '#hooks/PRIVATE_useDatatip';\nimport { calculateOffset } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { ComponentChildren } from 'preact';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { Property } from 'csstype';\n\ntype Props = {\n  touchResponse: 'touchStart' | 'touchHold';\n  content?: ComponentChildren;\n  borderColor?: Property.BorderColor;\n  focusedItemInfo: ItemInfo;\n  width: number;\n  focusedItemRef: RefObject<HTMLDivElement>;\n};\n\n/**\n * Returns the datatip.\n * @param content The text string for the picto chart item.\n * @param focusedItemRef The ref for focused item node.\n * @param focusedItemInfo The ItemInfo for focused item node.\n * @returns\n */\nexport const usePictoChartDatatip = ({\n  touchResponse,\n  content,\n  borderColor,\n  width,\n  focusedItemRef,\n  focusedItemInfo\n}: Props) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const itemDim = focusedItemRef.current?.getBoundingClientRect();\n  const { datatipContent, datatipProps } = useDatatip({\n    content,\n    placement: 'top-start',\n    offset: calculateOffset(isRtl, width, focusedItemInfo.isCurrent ? itemDim : undefined),\n    borderColor,\n    anchor: focusedItemInfo?.isCurrent ? 'element' : 'pointer',\n    touchResponse\n  });\n  return { datatipContent: datatipContent, datatipProps: datatipProps };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { styles } from './themes/PictoChartStyles.css';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { BundleType } from '#resources/nls/bundle';\nimport { getItemAriaProps } from './pictoChartUtils';\nimport type { RefObject } from 'preact';\nimport { PictoChartItemData } from './pictoChart.type';\nimport { useUser } from '#hooks/UNSAFE_useUser';\n\nexport type PictoElementProps<K, D extends PictoChartItemData<K>> = {\n  item: D;\n  children: ComponentChildren;\n  row: number;\n  column: number;\n  totalCount: number;\n  class?: string;\n  activeId?: string;\n  isHighlighted?: boolean;\n  isSelected?: boolean;\n  hasSelection?: boolean;\n  itemIdx?: number;\n  countIdx?: number;\n  supportsSelection?: boolean;\n  supportsDrill?: boolean;\n  translations?: BundleType;\n  focusedItemRef?: RefObject<HTMLDivElement>;\n  fractionalStart?: number;\n  fractionalEnd?: number;\n  isVerticalLayout?: boolean;\n  layoutOrigin?: string;\n};\n\nconst PictoChartElement = <K, D extends PictoChartItemData<K>>(props: PictoElementProps<K, D>) => {\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n  const isVert = props.isVerticalLayout;\n  let start = props.fractionalStart ?? 0;\n  let end = props.fractionalEnd ?? 1;\n  const layoutOrigin = props.layoutOrigin;\n  if (isVert) {\n    if (layoutOrigin === 'bottomStart' || layoutOrigin === 'bottomEnd') {\n      [start, end] = [1 - end, 1 - start];\n    }  \n  }\n  else {\n    if (layoutOrigin === 'bottomEnd' || layoutOrigin === 'topEnd') {\n      [start, end] = [1 - end, 1 - start];\n    }\n  }\n  const shouldClip = start !== 0 || end !== 1;\n  const clipPolygon = shouldClip ?\n  (isVert ? \n  `polygon(0% ${start * 100}%, 100% ${start * 100}%, 100% ${end * 100}%, 0% ${end * 100}%)`\n  : isRtl\n  ? `polygon(${100 - end * 100}% 0%, ${100 - start * 100}% 0%, ${100 - start * 100}% 100%, ${100 - end * 100}% 100%)`\n  : `polygon(${start * 100}% 0%, ${end * 100}% 0%, ${end * 100}% 100%, ${start * 100}% 100%)`)\n  : undefined;\n  const isInteractive = props.supportsSelection || props.supportsDrill;\n  const { dimmedItemStyle, interactiveItemStyle } = styles;\n  const itemClasses = classNames([\n    isInteractive && interactiveItemStyle,\n    !props.isHighlighted && dimmedItemStyle\n  ]);\n  const isFirstElement = props.countIdx === 0;\n  const itemAriaProps =\n    (isFirstElement &&\n      getItemAriaProps(\n        props.item.count || 1,\n        props.totalCount,\n        !!props.supportsSelection,\n        props.item.label,\n        props.translations,\n        props.isSelected,\n        props.hasSelection,\n        props.item.accessibleLabel,\n        props.activeId\n      )) ||\n    {};\n\n  return (\n    <div\n      ref={isFirstElement ? props.focusedItemRef : undefined}\n      id={props.activeId}\n      data-idx={props.itemIdx}\n      data-count-idx={props.countIdx}\n      style={{\n        gridRow: `${props.row + 1} / span ${props.item.rowSpan || 1}`,\n        gridColumn: `${props.column + 1} / span ${props.item.columnSpan || 1}`,\n        clipPath: clipPolygon\n      }}\n      class={itemClasses}\n      {...itemAriaProps}>\n      {props.children}\n    </div>\n  );\n};\n\nexport { PictoChartElement };\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 { baseStyles } from './themes/PictoChartStyles.css';\nimport { classNames } from '#utils/UNSAFE_classNames';\nimport { generateElementCoords, getFlowingInfo } from './pictoChartLayoutUtils';\nimport { useSelection } from '#hooks/PRIVATE_useVisSelection';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { getItemInfo, getDatatipContent, getItemProps, getTotalCount } from './pictoChartUtils';\nimport { getPictoChartNavUtils } from './pictoChartNavUtils';\nimport { useEvents } from './useEvents';\nimport { usePictoChartDatatip } from './usePictoChartDatatip';\nimport { useItemFocus } from '#hooks/PRIVATE_useVisEvents';\nimport { useTestId } from '#hooks/UNSAFE_useTestId';\nimport { PictoChartProps, PictoChartItemData } from './pictoChart.type';\nimport { PictoChartElement } from './PictoChartElement';\nimport { useVisTouchResponse } from '#hooks/PRIVATE_useVisTouchResponse';\nimport { merge } from '@oracle/oraclejet-internal-utilities/stringUtils';\nimport { usePictoChartContextMenu } from './usePictoChartContextMenu';\nimport { useRef } from 'preact/hooks';\n\ntype PictoChartWithDimensionsProps<K, D> = Omit<PictoChartProps<K, D>, 'width' | 'height'> & {\n  width: number;\n  height: number;\n  isFlowingWidth: boolean;\n  isFlowingHeight: boolean;\n};\n\nexport function PictoChartWithDimensions<\n  K extends string | number,\n  D extends PictoChartItemData<K> = PictoChartItemData<K>\n>({\n  width,\n  height,\n  columnWidth,\n  rowHeight,\n  items,\n  columnCount,\n  rowCount,\n  layout,\n  layoutOrigin = 'topStart',\n  selectionMode = 'none',\n  highlightedIds = [],\n  selectedIds = [],\n  drilling = 'off',\n  onItemDrill,\n  onItemHover,\n  isFlowingWidth,\n  isFlowingHeight,\n  onItemFocus,\n  contextMenuConfig,\n  ...props\n}: PictoChartWithDimensionsProps<K, D>) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const hasData = items.length !== 0;\n  const totalCount = getTotalCount(items);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const supportsSelection = !!(selectionMode && selectionMode !== 'none');\n  const supportsDrill = onItemDrill != null;\n  const isReadOnly =\n    !supportsSelection && !supportsDrill && onItemHover === null && onItemFocus === null;\n  const testIdProps = useTestId(props.testId);\n  const idToDataMap = new Map(items.map((obj) => [obj.id, obj]));\n\n  const { getItem, getDetailFromInfo, getPrevItemInfo, getNextItemInfo } = getPictoChartNavUtils<\n    K,\n    D\n  >(items);\n\n  const { touchResponse, touchResponseStyle } = useVisTouchResponse({ type: 'touchStart' });\n\n  const { hoveredItemInfo, focusedItemInfo, activeId, eventsProps, onContextMenuDismissed } =\n    useEvents<K, D>(\n      touchResponse,\n      !isReadOnly && hasData,\n      selectionMode,\n      getDetailFromInfo,\n      getPrevItemInfo,\n      getNextItemInfo,\n      drilling,\n      onItemDrill,\n      onItemHover,\n      onItemFocus\n    );\n\n  const idExtracter = (event: Event) => {\n    // return focused item for keyboard event.\n    // eventsProps should have already updated the focused item\n    const info =\n      event.type === 'keyup' ? focusedItemInfo : getItemInfo(event.target as HTMLElement);\n    return getDetailFromInfo(info).id;\n  };\n\n  const { selectionContent, selectionProps } = useSelection<K, D>({\n    idExtracter,\n    isDrillEnabled: drilling != 'off',\n    selection: selectedIds,\n    selectionMode: selectionMode,\n    getDataById: (id) => idToDataMap.get(id),\n    onChange: props.onSelectionChange\n  });\n\n  const rectangleWidth = columnWidth && parseFloat(columnWidth);\n  const rectangleHeight = rowHeight && parseFloat(rowHeight);\n  const pictoStyleClasses = classNames([baseStyles]);\n  const { focusedItemRef } = useItemFocus(focusedItemInfo);\n  const { content, borderColor } = getDatatipContent(\n    items,\n    getItem,\n    totalCount,\n    focusedItemInfo,\n    hoveredItemInfo,\n    props.datatip,\n    translations\n  );\n  const { calcColCount, calcRowCount, calcColWidth, calcRowHeight, gridGap } = getFlowingInfo<K, D>(\n    items,\n    layout === 'vertical',\n    width,\n    height,\n    isFlowingWidth,\n    isFlowingHeight,\n    columnCount,\n    rowCount,\n    rectangleWidth,\n    rectangleHeight\n  );\n\n  const {\n    datatipContent,\n    datatipProps: { 'aria-describedby': datatipAriaDescribedby, ...datatipProps }\n  } = usePictoChartDatatip({\n    touchResponse,\n    content,\n    width,\n    borderColor,\n    focusedItemRef,\n    focusedItemInfo\n  });\n\n  const { contextMenuContent, contextMenuProps } = usePictoChartContextMenu<D>({\n    getItemInfo,\n    focusedItemInfo,\n    rootRef,\n    contextMenuConfig: hasData ? contextMenuConfig : undefined,\n    items,\n    onContextMenuDismissed\n  });\n\n  if (!calcColCount)\n    // Nothing to render.\n    return null;\n\n  const elements = generateElementCoords(\n    items,\n    calcRowCount,\n    calcColCount,\n    layoutOrigin,\n    layout === 'vertical'\n  );\n  const mergedEventProps = mergeProps(eventsProps, datatipProps, selectionProps, contextMenuProps);\n  return (\n    <div\n      ref={rootRef}\n      tabIndex={0}\n      aria-label={props['aria-label']}\n      aria-describedby={merge([props['aria-describedby'], datatipAriaDescribedby])}\n      aria-labelledby={props['aria-labelledby']}\n      aria-activedescendant={activeId}\n      role=\"application\"\n      style={{\n        width: isFlowingWidth ? 'max-content' : `${width}px`,\n        height: isFlowingHeight ? 'max-content' : `${height}px`,\n        gridTemplateRows: `repeat(${calcRowCount}, ${calcRowHeight}px)`,\n        gridTemplateColumns: `repeat(${calcColCount}, ${calcColWidth}px)`,\n        gap: `${gridGap}px`,\n        ...touchResponseStyle\n      }}\n      class={pictoStyleClasses}\n      {...testIdProps}\n      {...mergedEventProps}>\n      {elements.map((elt) => {\n        const isFocusedItem = focusedItemInfo.idx === elt.itemIdx;\n        const itemProps = getItemProps(\n          elt.item,\n          elt.itemIdx,\n          elt.countIdx,\n          isReadOnly,\n          hoveredItemInfo,\n          selectedIds,\n          focusedItemInfo,\n          highlightedIds,\n          activeId,\n          layout === 'vertical',\n          layoutOrigin\n        );\n        const context = {\n          data: elt.item,\n          state: {\n            selected: itemProps.isSelected,\n            focused: itemProps.isFocused,\n            hovered: itemProps.isCurrent\n          }\n        };\n        return (\n          <PictoChartElement<K, D>\n            focusedItemRef={isFocusedItem ? focusedItemRef : undefined}\n            row={elt.row}\n            column={elt.col}\n            supportsSelection={supportsSelection}\n            supportsDrill={supportsDrill}\n            translations={translations}\n            totalCount={totalCount}\n            fractionalStart={elt.fractionalStart}\n            fractionalEnd={elt.fractionalEnd}\n            {...itemProps}>\n            {props.children(context)}\n          </PictoChartElement>\n        );\n      })}\n      {datatipContent}\n      {contextMenuContent}\n      {selectionContent}\n    </div>\n  );\n}\n","import { useCallback, useRef, useState } from 'preact/hooks';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport type {\n  ItemHoverDetail,\n  ItemFocusDetail,\n  ItemInfo,\n  PictoChartItemData,\n  ItemDrillDetail\n} from './pictoChart.type';\nimport { getItemInfo, isEqualItem } from './pictoChartUtils';\nimport { getRandomId } from '#utils/PRIVATE_visLayoutUtils/layoutUtils';\nimport { cancelEvent } from '#utils/UNSAFE_visUtils/eventsUtils';\nimport { useVisHover } from '#hooks/PRIVATE_useVisHover';\nimport { useVisDrill } from '#hooks/PRIVATE_useVisDrill';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport { gestureTypes } from '#hooks/PRIVATE_useVisContextMenu';\n\nexport function useEvents<K, D extends PictoChartItemData<K>>(\n  touchResponse: 'touchStart' | 'touchHold',\n  isInteractive: boolean,\n  selectionMode: 'none' | 'single' | 'multiple',\n  getDetailFromInfo: (info?: ItemInfo) => ItemHoverDetail<K, D> | ItemFocusDetail<K, D>,\n  getPrevItemInfo: (info: ItemInfo) => ItemInfo,\n  getNextItemInfo: (info: ItemInfo) => ItemInfo,\n  drilling?: 'on' | 'off',\n  onItemDrill?: (detail: ItemDrillDetail<K, D>) => void,\n  onItemHover?: (detail: ItemHoverDetail<K, D>) => void,\n  onItemFocus?: (detail: ItemFocusDetail<K, D>) => void\n) {\n  const [focusedItemInfo, setfocusedItemInfo] = useState<ItemInfo>({ idx: 0 });\n  const [hoveredItemInfo, sethoveredItemInfo] = useState<ItemInfo>();\n\n  const activeId = useRef<string>();\n\n  const { direction } = useUser();\n  const isRtl = direction === 'rtl';\n\n  const onHover = (event: PointerEvent) => {\n    const itemInfo = getItemInfo(event.target as HTMLElement);\n    if (!isEqualItem(itemInfo, hoveredItemInfo)) {\n      sethoveredItemInfo(itemInfo && { ...itemInfo, isCurrent: true });\n      activeId.current = getRandomId();\n      if (isInteractive) {\n        setfocusedItemInfo({ ...focusedItemInfo, isCurrent: false });\n        onItemHover?.(getDetailFromInfo(itemInfo));\n      }\n    }\n  };\n\n  const onHoverLeave = () => {\n    sethoveredItemInfo(undefined);\n    activeId.current = undefined;\n    if (isInteractive) {\n      onItemHover?.(getDetailFromInfo());\n    }\n  };\n\n  const hoverHandlers = useVisHover(onHover, undefined, onHoverLeave, touchResponse);\n\n  const processDrill = useCallback(\n    (info?: ItemInfo) => {\n      const { id, data } = getDetailFromInfo(info);\n      if (id != null && data) {\n        onItemDrill?.({ id, data });\n        activeId.current = getRandomId();\n      }\n    },\n    [getDetailFromInfo, onItemDrill]\n  );\n\n  const onDrill = useCallback(\n    (event: Event) => {\n      if (event.type === 'keydown') {\n        if (drilling == 'on') processDrill(focusedItemInfo);\n      } else {\n        processDrill(getItemInfo(event.target as HTMLElement));\n      }\n    },\n    [drilling, focusedItemInfo, processDrill]\n  );\n\n  const drillProps = useVisDrill(selectionMode, onDrill);\n\n  if (!isInteractive) {\n    return {\n      focusedItemInfo,\n      hoveredItemInfo,\n      // include relevant hover handlers for datatip\n      eventsProps: hoverHandlers\n    };\n  }\n\n  function updatefocusedItemInfo(itemInfo: ItemInfo) {\n    onItemFocus?.(getDetailFromInfo(itemInfo));\n    activeId.current = getRandomId();\n    setfocusedItemInfo(itemInfo);\n  }\n\n  function handleKeyboardInput(item: ItemInfo) {\n    if (!isEqualItem(item, focusedItemInfo)) {\n      item.isCurrent = true;\n      item.isFocusVisible = true;\n      if (hoveredItemInfo) {\n        sethoveredItemInfo({ ...hoveredItemInfo, isCurrent: false });\n      }\n      updatefocusedItemInfo(item);\n    }\n  }\n\n  const onKeyDown = (event: KeyboardEvent) => {\n    const key = event.key;\n    switch (key) {\n      case 'Tab':\n        return;\n      case 'ArrowDown': {\n        const nextItemInfo = getNextItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowUp': {\n        const nextItemInfo = getPrevItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowRight': {\n        const nextItemInfo = isRtl\n          ? getPrevItemInfo(focusedItemInfo)\n          : getNextItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n      case 'ArrowLeft': {\n        const nextItemInfo = isRtl\n          ? getNextItemInfo(focusedItemInfo)\n          : getPrevItemInfo(focusedItemInfo);\n        handleKeyboardInput(nextItemInfo);\n        cancelEvent(event);\n        break;\n      }\n    }\n  };\n\n  const onKeyUp = (event: KeyboardEvent) => {\n    const key = event.code;\n    switch (key) {\n      case 'Tab': {\n        updatefocusedItemInfo({\n          ...focusedItemInfo,\n          isCurrent: true,\n          isFocusVisible: true\n        });\n        cancelEvent(event);\n        break;\n      }\n    }\n  };\n\n  const onBlur = () => {\n    if (hoveredItemInfo != null || focusedItemInfo.isCurrent) {\n      onItemFocus?.(getDetailFromInfo(undefined));\n    }\n    const itemInfo = { ...focusedItemInfo, isCurrent: false, isFocusVisible: false };\n    setfocusedItemInfo(itemInfo);\n  };\n\n  const onContextMenuDismissed = (gesture: gestureTypes) => {\n    if (gesture === 'keyboard') {\n      updatefocusedItemInfo({\n        ...focusedItemInfo,\n        isFocusVisible: true,\n        isCurrent: true\n      });\n    }\n  };\n  return {\n    focusedItemInfo,\n    hoveredItemInfo,\n    activeId: activeId.current,\n    onContextMenuDismissed,\n    eventsProps: mergeProps(drillProps, hoverHandlers, {\n      onKeyUp,\n      onKeyDown,\n      onBlur\n    })\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 type { RefObject } from 'preact';\nimport { type gestureTypes, useContextMenu } from '#hooks/PRIVATE_useVisContextMenu';\nimport type {\n  PictoChartContextMenuContext,\n  PictoChartContextMenuConfig,\n  ItemInfo\n} from './pictoChart.type';\n\ntype Props<D> = {\n  focusedItemInfo: ItemInfo;\n  items: D[];\n  rootRef: RefObject<HTMLDivElement>;\n  contextMenuConfig?: PictoChartContextMenuConfig<D>;\n  onContextMenuDismissed?: (gesture: gestureTypes) => void;\n  getItemInfo: (element: HTMLElement) =>\n    | {\n        idx: number;\n      }\n    | undefined;\n};\nexport const usePictoChartContextMenu = <D>({\n  rootRef,\n  contextMenuConfig,\n  focusedItemInfo,\n  items,\n  onContextMenuDismissed,\n  getItemInfo\n}: Props<D>) => {\n  const { contextMenuProps, contextMenuContent } = useContextMenu<PictoChartContextMenuContext<D>>({\n    onContextMenuHandler: ({ gesture, target }) => {\n      if (gesture === 'keyboard') {\n        const idx = focusedItemInfo.idx;\n        const elem = rootRef.current?.querySelector(`[data-idx=\"${idx}\"]`) || null;\n        const data = items[idx];\n\n        return {\n          type: 'element',\n          context: {\n            type: 'item' as const,\n            data\n          },\n          elem\n        };\n      }\n\n      const idx = getItemInfo(target as HTMLElement)?.idx;\n      const data = idx !== undefined ? items[idx] : null;\n      if (data) {\n        return {\n          type: 'pointer',\n          context: {\n            type: 'item' as const,\n            data\n          }\n        };\n      }\n\n      return {\n        type: 'pointer',\n        context: { type: 'background' as const }\n      };\n    },\n    contextMenuOptions: {\n      isDisabled: !contextMenuConfig //If there is no context menu renderer we disable the hook\n    },\n    rootRef,\n    contextMenuConfig,\n    onContextMenuDismissed\n  });\n\n  return { contextMenuContent, contextMenuProps };\n};\n","/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport type { PictoChartItemData, PictoChartProps } from './pictoChart.type';\nimport { TrackResizeContainer } from '#UNSAFE_TrackResizeContainer';\nimport { PictoChartContext } from './PictoChartContext';\nimport { PictoChartWithDimensions } from './PictoChartWithDimensions';\n\n/**\n * A picto chart displays information using icons to visualize an absolute number or the relative sizes of the different parts of a population.\n */\nexport function PictoChart<\n  K extends string | number,\n  D extends PictoChartItemData<K> = PictoChartItemData<K>\n>({ width, height, ...props }: PictoChartProps<K, D>) {\n  //  TODO: investigate if we need to handle empty items for performance reasons.\n  const supportsSelection = !!(props.selectionMode && props.selectionMode !== 'none');\n\n  const isFlowingWidth = width === undefined;\n  const isFlowingHeight = height === undefined;\n\n  return (\n    <PictoChartContext.Provider value={{ supportsSelection }}>\n      <TrackResizeContainer\n        width={isFlowingWidth ? 'initial' : width}\n        height={isFlowingHeight ? 'initial' : height}>\n        {(width, height) => (\n          <PictoChartWithDimensions\n            width={width}\n            height={height}\n            isFlowingWidth={isFlowingWidth}\n            isFlowingHeight={isFlowingHeight}\n            {...props}\n          />\n        )}\n      </TrackResizeContainer>\n    </PictoChartContext.Provider>\n  );\n}\n"],"names":["PictoChartContext","createContext","_ceil","a","b","Math","ceil","areCellsAvailable","map","col","row","columnSpan","rowSpan","r","c","occupyCells","findNextAvailableCell","colCount","rowCount","isVert","getItemInfo","element","itemIdx","dataset","undefined","idx","Number","getItemProps","item","countIdx","isReadOnly","hoveredItem","selectedIds","focusedItem","highlightedIds","activeId","layoutOrigin","isCurrent","isFocusedItem","isHoveredItem","isHighlighted","id","length","Set","has","isItemHighlighted","isSelected","isItemSelected","hasSelection","isFocused","hasFocusRing","key","isVerticalLayout","isEqualItem","item1","item2","itemInfo","isFocusVisible","getCountWithTotal","itemCount","totalCount","translations","vis_labelCountWithTotal","toString","PictoRenderer","context","markerProps","supportsSelection","useContext","markerProp","shape","color","isHuman","applyHover","isNoneEqualSides","rgba","colorSchemeVars","palette","neutral","outerBorderColor","textIcon","primary","markerShape","tx","ty","markerColor","borderColor","rgb","markerScale","setAspectRatioNone","getMarkerProps","state","focused","selected","hovered","_jsx","jsx","SvgSymbol","getItem","items","getPictoChartNavUtils","getDetailFromInfo","data","getPrevItemInfo","max","getNextItemInfo","min","PictoChartElement","props","direction","useUser","isRtl","start","fractionalStart","end","fractionalEnd","clipPolygon","isInteractive","supportsDrill","dimmedItemStyle","interactiveItemStyle","styles","itemClasses","classNames","isFirstElement","itemAriaProps","label","accessibleLabel","totalWithCountLabel","generateAriaLabel","role","getItemAriaProps","count","ref","focusedItemRef","style","gridRow","gridColumn","column","clipPath","class","children","PictoChartWithDimensions","width","height","columnWidth","rowHeight","columnCount","layout","selectionMode","drilling","onItemDrill","onItemHover","isFlowingWidth","isFlowingHeight","onItemFocus","contextMenuConfig","rootRef","useRef","hasData","i","getTotalCount","useTranslationBundle","testIdProps","useTestId","testId","idToDataMap","Map","obj","touchResponse","touchResponseStyle","useVisTouchResponse","type","hoveredItemInfo","focusedItemInfo","eventsProps","onContextMenuDismissed","setfocusedItemInfo","useState","sethoveredItemInfo","hoverHandlers","useVisHover","event","target","current","getRandomId","processDrill","useCallback","info","onDrill","drillProps","useVisDrill","updatefocusedItemInfo","handleKeyboardInput","gesture","mergeProps","onKeyUp","code","cancelEvent","onKeyDown","onBlur","useEvents","selectionContent","selectionProps","useSelection","idExtracter","isDrillEnabled","selection","getDataById","get","onChange","onSelectionChange","rectangleWidth","parseFloat","rectangleHeight","pictoStyleClasses","baseStyles","useItemFocus","content","datatip","isPointerActive","_content","countWithTotal","_borderColor","datatipContext","getDatatipContent","calcColCount","calcRowCount","calcColWidth","calcRowHeight","gridGap","colWidth","numCells","maxColSpan","maxRowSpan","minSpan","Infinity","DEFAULT_SIZE","sqrt","floor","getFlowingInfo","datatipContent","datatipProps","datatipAriaDescribedby","itemDim","getBoundingClientRect","useDatatip","placement","offset","calculateOffset","anchor","usePictoChartDatatip","contextMenuContent","contextMenuProps","useContextMenu","onContextMenuHandler","elem","querySelector","contextMenuOptions","isDisabled","usePictoChartContextMenu","elements","isLayoutBottom","origin","isLayoutRight","isOriginRight","pictoItems","Array","fill","isFractionalLeft","lastFractionalCell","currItem","amountToFill","fillAmount","filledRow","filledCol","push","fullUnits","j","cell","currRow","currCol","remainder","newRow","newCol","generateElementCoords","mergedEventProps","_jsxs","tabIndex","merge","l","gridTemplateRows","gridTemplateColumns","gap","elt","itemProps","Provider","value","TrackResizeContainer","rendererOptions","markerRenderer","datatipRenderer"],"mappings":"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"}

package/amd/ProgressButton-b317a3e5.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', './BaseButton-c02238cd', './ProgressButtonLabelLayout-0931b1d5', 'preact/compat', './useTooltip-75a63697', 'preact/hooks', './mergeProps-bcfa6a92', './logger-0f873e29', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', './buttonUtils-cbbb0130', './resources/nls/en/bundle'], (function(e,t,o,s,a,l,i,n,r,d,c,b,u,p,g,y,m){"use strict";const L=l.forwardRef((({variant:e="outlined",isLoading:l=!1,isDisabled:n=!1,size:d="md",display:c="all",type:b="button",startIcon:u,edge:p,testId:g,onAction:L,label:f="",tooltip:h,"aria-describedby":B,width:P,...T},v)=>{const{globalEventProps:A}=y.processGlobals(T),x=!n&&l,C=m.default.accButtonProgressStatus({label:f}),w=m.default.accButtonProgressComplete({label:f}),j=x&&("label"==c||!u)?h||f:h,{tooltipContent:D,tooltipProps:I}=i.useTooltip({text:j,isDisabled:n}),S=!u||"label"===c,U={type:"button",buttonType:b},k=t.jsx(a.ProgressButtonLabelLayout,{display:c,isLoadingContrast:"callToAction"===e,startIcon:u,accessibleLoadedLabel:w,accessibleLoadingLabel:C,size:d,isLoading:x,children:f}),{"aria-describedby":z,...E}=I;return t.jsxs(o.Fragment,{children:[t.jsx(s.BaseButton,{...r.mergeProps(E,A),ref:v,elementDetails:U,isDisabled:n,isReadOnly:x,size:d,width:P,edge:p,variant:e,styling:S?x?["default","hiddenLabel","noHoverActive"]:["default"]:x?["noHoverActive","min"]:["min"],onAction:L,"aria-label":f,testId:g,children:k}),D]})}));L.displayName="ProgressButton",e.ProgressButton=L}));
-//# sourceMappingURL=ProgressButton-b317a3e5.js.map

package/amd/ProgressButton-b317a3e5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressButton-b317a3e5.js","sources":["../../src/UNSAFE_ProgressButton/ProgressButton.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, ComponentProps, Ref, Fragment, JSX } from 'preact';\nimport { BaseButton } from '../UNSAFE_BaseButton';\nimport { ProgressButtonLabelLayout } from '../UNSAFE_ProgressButtonLabelLayout';\nimport type { DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { forwardRef, ElementRef } from 'preact/compat';\nimport type { UnpackSignals } from '@oracle/oraclejet-internal-utilities/attributeUtils';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useTooltip } from '../hooks/UNSAFE_useTooltip';\nimport { processGlobals, ButtonIntrinsicProps } from '../utils/UNSAFE_buttonUtils';\nimport { mergeProps } from '#utils/UNSAFE_mergeProps';\nimport translations from '#resources/nls/en/bundle';\n\ntype ButtonHandle = ElementRef<typeof BaseButton>;\n\ntype IntrinsicProps = Pick<UnpackSignals<JSX.HTMLAttributes<HTMLElement>>, 'autofocus'>;\ntype WidthInterpolationProps = Pick<DimensionProps, 'width'>;\ntype BaseButtonProps = ComponentProps<typeof BaseButton>;\n\ntype Props = IntrinsicProps &\n  ButtonIntrinsicProps &\n  Pick<BaseButtonProps, 'aria-describedby'> &\n  WidthInterpolationProps &\n  TestIdProps & {\n    /**\n     * The startIcon is the button's start icon.\n     */\n    startIcon?: ComponentChildren;\n\n    /**\n     * Specifies that a quick indeterminate action is taking place, making the button read-only.\n     */\n    isLoading?: boolean;\n\n    /**\n     * Specifies that the button element should be disabled.\n     */\n    isDisabled?: boolean;\n\n    /**\n     * Specifes the button type\n     */\n    type?: 'button' | 'submit';\n\n    /**\n     * label - button label, used for accessibility if no override\n     */\n    label?: string;\n\n    /**\n     * Indicates in what states the button has chrome (background and border).\n     *     \"borderless\"': \"Borderless buttons are a more prominent variation. Borderless\n     * buttons are useful for supplemental actions that require minimal emphasis.\",\n     *     \"outlined\"': \"Outlined buttons are salient, but lighter weight than\n     * solid buttons. Outlined buttons are useful for secondary actions.\",\n     *     \"solid\"': \"Solid buttons stand out, and direct the user's attention to the\n     *  most important actions in the UI.\",\n     *     \"callToAction\"': \"A Call To Action (CTA) button guides the user to take or\n     * complete the action that is the main goal of the page or page section. There\n     * should only be one CTA button on a page at any given time.\",\n     */\n    variant?: 'borderless' | 'outlined' | 'solid' | 'callToAction';\n\n    /**\n     * The size indicates how large the button is rendered.\n     */\n    size?: 'sm' | 'md' | 'lg';\n\n    /**\n     * Edge can be used to specify that the button is intended to go at the bottom of\n     * a region, stretching from left to right.\n     */\n    edge?: ComponentProps<typeof BaseButton>['edge'];\n\n    /**\n     * Triggered when a button is clicked, whether by keyboard, mouse, or touch events.\n     */\n    onAction?: () => void | null;\n\n    /**\n     * Display indicates whether only the label or all elements should be rendered by the button.\n     */\n    display?: 'label' | 'all';\n\n    /**\n     * tooltip - overrides the aria-label for the tooltip\n     */\n    tooltip?: string;\n  };\n/**\n * A Progress button is a push button that can show progress.\n */\nexport const ProgressButton = forwardRef(\n  (\n    {\n      variant = 'outlined',\n      isLoading = false,\n      isDisabled = false,\n      size = 'md',\n      display = 'all',\n      type: buttonType = 'button',\n      startIcon,\n      edge,\n      testId,\n      onAction,\n      label = '',\n      tooltip,\n      'aria-describedby': ariaDescribedBy,\n      width,\n      ...props\n    }: Props,\n    ref: Ref<ButtonHandle>\n  ) => {\n    const { globalEventProps } = processGlobals(props);\n    const isAdjustedLoading = isDisabled ? false : isLoading;\n    const progressStatus = translations.accButtonProgressStatus({\n      label: label\n    });\n    const progressComplete = translations.accButtonProgressComplete({\n      label: label\n    });\n\n    const showTooltip = isAdjustedLoading && (display == 'label' || !startIcon);\n    const tooltipLabel = showTooltip ? (tooltip ? tooltip : label) : tooltip;\n\n    const { tooltipContent, tooltipProps } = useTooltip({\n      text: tooltipLabel,\n      isDisabled\n    });\n\n    const labelOnly = !startIcon || display === 'label';\n    const elementDetails = {\n      type: 'button' as const,\n      buttonType: buttonType\n    };\n    const content = (\n      <ProgressButtonLabelLayout\n        display={display}\n        isLoadingContrast={variant === 'callToAction'}\n        startIcon={startIcon}\n        accessibleLoadedLabel={progressComplete}\n        accessibleLoadingLabel={progressStatus}\n        size={size}\n        isLoading={isAdjustedLoading}>\n        {label}\n      </ProgressButtonLabelLayout>\n    );\n\n    /* For a11y, we use ignore aria-label during loading time */\n    const { 'aria-describedby': adb, ...ttProps } = tooltipProps;\n\n    return (\n      <Fragment>\n        <BaseButton\n          {...mergeProps(ttProps, globalEventProps)}\n          ref={ref}\n          elementDetails={elementDetails}\n          isDisabled={isDisabled}\n          isReadOnly={isAdjustedLoading}\n          size={size}\n          width={width}\n          edge={edge}\n          variant={variant}\n          styling={\n            labelOnly\n              ? isAdjustedLoading\n                ? ['default', 'hiddenLabel', 'noHoverActive']\n                : ['default']\n              : isAdjustedLoading\n              ? ['noHoverActive', 'min']\n              : ['min']\n          }\n          onAction={onAction}\n          aria-label={label}\n          testId={testId}>\n          {content}\n        </BaseButton>\n        {tooltipContent}\n      </Fragment>\n    );\n  }\n);\n\nProgressButton.displayName = 'ProgressButton';\n"],"names":["ProgressButton","forwardRef","variant","isLoading","isDisabled","size","display","type","buttonType","startIcon","edge","testId","onAction","label","tooltip","ariaDescribedBy","width","props","ref","globalEventProps","processGlobals","isAdjustedLoading","progressStatus","translations","accButtonProgressStatus","progressComplete","accButtonProgressComplete","tooltipLabel","tooltipContent","tooltipProps","useTooltip","text","labelOnly","elementDetails","content","_jsx","ProgressButtonLabelLayout","isLoadingContrast","accessibleLoadedLabel","accessibleLoadingLabel","adb","ttProps","_jsxs","Fragment","children","BaseButton","mergeProps","isReadOnly","styling","displayName"],"mappings":"2iBAkGa,MAAAA,EAAiBC,EAAAA,YAC5B,EAEIC,UAAU,WACVC,aAAY,EACZC,cAAa,EACbC,OAAO,KACPC,UAAU,MACVC,KAAMC,EAAa,SACnBC,YACAC,OACAC,SACAC,WACAC,QAAQ,GACRC,UACA,mBAAoBC,EACpBC,WACGC,GAELC,KAEA,MAAMC,iBAAEA,GAAqBC,EAAcA,eAACH,GACtCI,GAAoBjB,GAAqBD,EACzCmB,EAAiBC,EAAY,QAACC,wBAAwB,CAC1DX,MAAOA,IAEHY,EAAmBF,EAAY,QAACG,0BAA0B,CAC9Db,MAAOA,IAIHc,EADcN,IAAiC,SAAXf,IAAuBG,GAC7BK,GAAoBD,EAASC,GAE3Dc,eAAEA,EAAcC,aAAEA,GAAiBC,aAAW,CAClDC,KAAMJ,EACNvB,eAGI4B,GAAavB,GAAyB,UAAZH,EAC1B2B,EAAiB,CACrB1B,KAAM,SACNC,WAAYA,GAER0B,EACJC,EAAAA,IAACC,EAAyBA,2BACxB9B,QAASA,EACT+B,kBAA+B,iBAAZnC,EACnBO,UAAWA,EACX6B,sBAAuBb,EACvBc,uBAAwBjB,EACxBjB,KAAMA,EACNF,UAAWkB,WACVR,KAKG,mBAAoB2B,KAAQC,GAAYZ,EAEhD,OACEa,OAACC,EAAQA,SAAA,CAAAC,SAAA,CACPT,MAACU,EAAUA,WAAA,IACLC,EAAAA,WAAWL,EAAStB,GACxBD,IAAKA,EACLe,eAAgBA,EAChB7B,WAAYA,EACZ2C,WAAY1B,EACZhB,KAAMA,EACNW,MAAOA,EACPN,KAAMA,EACNR,QAASA,EACT8C,QACEhB,EACIX,EACE,CAAC,UAAW,cAAe,iBAC3B,CAAC,WACHA,EACA,CAAC,gBAAiB,OAClB,CAAC,OAEPT,SAAUA,EACE,aAAAC,EACZF,OAAQA,EACPiC,SAAAV,IAEFN,IAEH,IAIN5B,EAAeiD,YAAc"}

package/amd/RadioItem-e0bf1ae8.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './useComponentTheme-5aa41a8f', './useFocus-4194fc59', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', './useFormFieldContext-9260f081', './useId-c9578d26', './TabbableModeContext-a9c97640', './useTabbableMode-df433329', './useInteractionStyle-15a2bdd0', './useTranslationBundle-8e42d505', './CheckboxRadioContext-6a0fead0', './Check-7fed684d', './RadioButtonOff-6f07a04e', './RadioButtonOn-90743fd5', './HiddenAccessible-037ef42d', './RadioItemContext-70878de8', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', 'preact/hooks', './Flex-07d2aa5b', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', './LayerHost-daf96749', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-ae57629b', 'css!./IconStyle.styles.css', './IconButton-b4b83d00', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './logger-0f873e29', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './InputGroupContext-372087af', './Popup-695781d6', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './IconUserAssistance-0c55d53f', './UNSAFE_RadioItem/themes/RadioIconContract.css', './UNSAFE_RadioItem/themes/redwood/RadioIconTheme', './UNSAFE_RadioItem/themes/redwood/RadioTheme'], (function(e,s,o,t,a,n,d,i,l,c,r,u,b,m,h,p,S,y,C,x,f,F,A,R,T,g,U,v,I,B,w,E,M,_,N,j,k,L,V,D,H,O,P,z,G,$,q,J,K,Q,W,X,Y,Z){"use strict";e.RadioItem=({value:e,children:n,...i})=>{const{isReadonly:r,isDisabled:f}=d.useFormContext(),{isDisabled:F,isReadonly:A}=l.useFormFieldContext(),{name:R,value:T,onCommit:g}=x.useRadioSetContext(),{isFocusRingShown:U}=h.useCheckboxRadioContext(),{index:v}=x.useRadioItemContext(),{isTabbable:I}=u.useTabbableMode(),B=c.useId(),{isFocus:w,focusProps:E}=a.useFocus(),M=o.createRef(),_=T===e,N=F??f,j=A??r,{interactionProps:k,applyActiveStyle:L}=b.useInteractionStyle(),{classes:V,styles:{valueLabelStyle:D}}=t.useComponentTheme(Z.RadioRedwoodTheme,{disabled:N?"isDisabled":"notDisabled",focused:w&&U?"isFocused":""}),{classes:H}=t.useComponentTheme(Y.RadioIconRedwoodTheme,{disabled:N?"isDisabled":"notDisabled",selected:_?"isSelected":"notSelected",readonly:j?"isReadonly":"notReadonly",active:L?"isActive":"notActive"}),O=o.useRef(null);o.useEffect((()=>{!(document.activeElement===O?.current)&&w&&U&&M?.current?.scrollIntoView({block:"nearest"})}),[w,U,M]);const{assistiveText:P,helpSourceLink:z}=i,G=!(N||j||!P&&!z),$=G?`${B}-help-available`:void 0,q=G?`${B}-icon-ua`:void 0,J=m.useTranslationBundle("@oracle/oraclejet-preact").formControl_helpAvailable(),K=j?_?p.SvgCheck:S.SvgRadioButtonOff:_?y.SvgRadioButtonOn:S.SvgRadioButtonOff,Q=!1!==I&&(0===v&&!T||_)?0:-1;return s.jsx("div",{children:s.jsxs("label",{class:V,ref:M,children:[s.jsxs(C.HiddenAccessible,{children:[s.jsx("input",{type:"radio",name:R,id:B,ref:O,value:e,...!j&&!N&&{onChange:s=>{s.stopPropagation(),g?.({previousValue:T,value:e})}},checked:_,disabled:N,"aria-describedby":$,tabIndex:Q,...E}),G&&s.jsx(C.HiddenAccessible,{id:$,isHidden:!0,children:J})]}),s.jsx("span",{"aria-hidden":"true",class:H,...k,children:s.jsx(K,{size:X.radioIconVars.iconSize,color:"currentColor"})}),s.jsxs("span",{class:D,children:[s.jsx("span",{...k,children:n}),G&&s.jsx(W.IconUserAssistance,{...i,isTabbable:I&&w,id:q})]})]})})}}));
-//# sourceMappingURL=RadioItem-e0bf1ae8.js.map

package/amd/RadioItem-e0bf1ae8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RadioItem-e0bf1ae8.js","sources":["../../src/UNSAFE_RadioItem/RadioItem.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 { createRef, useEffect, useRef } from 'preact/compat';\n\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { useFocus } from '../hooks/UNSAFE_useFocus';\nimport { useFormContext } from '../hooks/UNSAFE_useFormContext';\nimport { useFormFieldContext } from '../hooks/UNSAFE_useFormFieldContext';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTabbableMode } from '../hooks/UNSAFE_useTabbableMode';\nimport { useInteractionStyle } from '../hooks/UNSAFE_useInteractionStyle';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { useCheckboxRadioContext } from '../PRIVATE_CheckboxRadioField/CheckboxRadioContext';\nimport { CheckIcon } from '../PRIVATE_ThemedIcons/CheckIcon';\nimport { RadioOffIcon } from '../PRIVATE_ThemedIcons/RadioOffIcon';\nimport { RadioOnIcon } from '../PRIVATE_ThemedIcons/RadioOnIcon';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { useRadioSetContext } from '../UNSAFE_RadioSet/RadioSetContext';\nimport { BundleType } from '../resources/nls/bundle';\n\nimport { IconUserAssistance } from '../UNSAFE_UserAssistance';\nimport { radioIconVars } from './themes/RadioIconContract.css';\nimport { RadioIconRedwoodTheme } from './themes/redwood/RadioIconTheme';\nimport { RadioRedwoodTheme } from './themes/redwood/RadioTheme';\nimport { useRadioItemContext } from './RadioItemContext';\n\ntype Props = {\n  /**\n   * Text to provide guidance to help the user understand what data to enter.\n   */\n  assistiveText?: string;\n  /**\n   * Text that describes the radio button value.\n   */\n  children: string;\n  /**\n   * Help source URL associated with the component.\n   */\n  helpSourceLink?: string;\n  /**\n   * Custom text to be rendered for the `helpSourceLink`.\n   */\n  helpSourceText?: string;\n  /**\n   * Value of the radio button.\n   */\n  value: string | number;\n};\n/**\n * RadioItem is an input element of type radio.\n */\nexport const RadioItem = ({ value, children, ...assistanceProps }: Props) => {\n  const { isReadonly: isFormReadonly, isDisabled: isFormDisabled } = useFormContext();\n  const { isDisabled: isFieldDisabled, isReadonly: isFieldReadonly } = useFormFieldContext();\n  const { name, value: groupValue, onCommit } = useRadioSetContext();\n  const { isFocusRingShown } = useCheckboxRadioContext();\n  const { index } = useRadioItemContext();\n  const { isTabbable } = useTabbableMode();\n  const id = useId();\n  const { isFocus, focusProps } = useFocus();\n  const labelRef = createRef<HTMLLabelElement>();\n  const isSelected = groupValue === value;\n  const isDisabled = isFieldDisabled ?? isFormDisabled;\n  const isReadonly = isFieldReadonly ?? isFormReadonly;\n  const { interactionProps, applyActiveStyle } = useInteractionStyle();\n\n  const {\n    classes: radioClasses,\n    styles: { valueLabelStyle }\n  } = useComponentTheme(RadioRedwoodTheme, {\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    focused: isFocus && isFocusRingShown ? 'isFocused' : ''\n  });\n\n  const { classes: radioIconClasses } = useComponentTheme(RadioIconRedwoodTheme, {\n    disabled: isDisabled ? 'isDisabled' : 'notDisabled',\n    selected: isSelected ? 'isSelected' : 'notSelected',\n    readonly: isReadonly ? 'isReadonly' : 'notReadonly',\n    active: applyActiveStyle ? 'isActive' : 'notActive'\n  });\n\n  const inputRef = useRef<HTMLInputElement>(null);\n\n  // JET-70100 - ensure radio button is scrolled into view when focused and focus ring is shown\n  useEffect(() => {\n    const isActiveElement = document.activeElement === inputRef?.current;\n    if (!isActiveElement && isFocus && isFocusRingShown) {\n      labelRef?.current?.scrollIntoView({ block: 'nearest' });\n    }\n  }, [isFocus, isFocusRingShown, labelRef]);\n\n  const { assistiveText, helpSourceLink } = assistanceProps;\n  const hasUserAssistive = !isDisabled && !isReadonly && !!(assistiveText || helpSourceLink);\n  const helpAvailableId = hasUserAssistive ? `${id}-help-available` : undefined;\n  const uaId = hasUserAssistive ? `${id}-icon-ua` : undefined;\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const helpAvailableString = translations.formControl_helpAvailable();\n\n  const IconComp = isReadonly\n    ? isSelected\n      ? CheckIcon\n      : RadioOffIcon\n    : isSelected\n    ? RadioOnIcon\n    : RadioOffIcon;\n\n  const tabIndex = isTabbable !== false && ((index === 0 && !groupValue) || isSelected) ? 0 : -1;\n\n  return (\n    <div>\n      <label class={radioClasses} ref={labelRef}>\n        <HiddenAccessible>\n          <input\n            type=\"radio\"\n            name={name}\n            id={id}\n            ref={inputRef}\n            value={value}\n            {...(!isReadonly &&\n              !isDisabled && {\n                onChange: (e) => {\n                  e.stopPropagation();\n                  onCommit?.({ previousValue: groupValue, value });\n                }\n              })}\n            checked={isSelected}\n            disabled={isDisabled}\n            aria-describedby={helpAvailableId}\n            tabIndex={tabIndex}\n            {...focusProps}\n          />\n          {hasUserAssistive && (\n            <HiddenAccessible id={helpAvailableId} isHidden={true}>\n              {helpAvailableString}\n            </HiddenAccessible>\n          )}\n        </HiddenAccessible>\n        <span aria-hidden=\"true\" class={radioIconClasses} {...interactionProps}>\n          <IconComp size={radioIconVars.iconSize} color=\"currentColor\" />\n        </span>\n        <span class={valueLabelStyle}>\n          <span {...interactionProps}>{children}</span>\n          {hasUserAssistive && (\n            <IconUserAssistance\n              {...assistanceProps}\n              isTabbable={isTabbable && isFocus}\n              id={uaId as string}\n            />\n          )}\n        </span>\n      </label>\n    </div>\n  );\n};\n"],"names":["value","children","assistanceProps","isReadonly","isFormReadonly","isDisabled","isFormDisabled","useFormContext","isFieldDisabled","isFieldReadonly","useFormFieldContext","name","groupValue","onCommit","useRadioSetContext","isFocusRingShown","useCheckboxRadioContext","index","useRadioItemContext","isTabbable","useTabbableMode","id","useId","isFocus","focusProps","useFocus","labelRef","createRef","isSelected","interactionProps","applyActiveStyle","useInteractionStyle","classes","radioClasses","styles","valueLabelStyle","useComponentTheme","RadioRedwoodTheme","disabled","focused","radioIconClasses","RadioIconRedwoodTheme","selected","readonly","active","inputRef","useRef","useEffect","document","activeElement","current","scrollIntoView","block","assistiveText","helpSourceLink","hasUserAssistive","helpAvailableId","undefined","uaId","helpAvailableString","useTranslationBundle","formControl_helpAvailable","IconComp","CheckIcon","SvgCheck","RadioOffIcon","SvgRadioButtonOff","RadioOnIcon","SvgRadioButtonOn","tabIndex","_jsx","jsx","_jsxs","class","ref","HiddenAccessible","type","onChange","e","stopPropagation","previousValue","checked","isHidden","size","radioIconVars","iconSize","color","IconUserAssistance"],"mappings":"8jEAwDyB,EAAGA,QAAOC,cAAaC,MAC9C,MAAQC,WAAYC,EAAgBC,WAAYC,GAAmBC,EAAAA,kBAC3DF,WAAYG,EAAiBL,WAAYM,GAAoBC,EAAAA,uBAC/DC,KAAEA,EAAMX,MAAOY,EAAUC,SAAEA,GAAaC,EAAAA,sBACxCC,iBAAEA,GAAqBC,EAAAA,2BACvBC,MAAEA,GAAUC,EAAAA,uBACZC,WAAEA,GAAeC,EAAAA,kBACjBC,EAAKC,EAAAA,SACLC,QAAEA,EAAOC,WAAEA,GAAeC,EAAQA,WAClCC,EAAWC,EAAAA,YACXC,EAAahB,IAAeZ,EAC5BK,EAAaG,GAAmBF,EAChCH,EAAaM,GAAmBL,GAChCyB,iBAAEA,EAAgBC,iBAAEA,GAAqBC,EAAmBA,uBAGhEC,QAASC,EACTC,QAAQC,gBAAEA,IACRC,EAAiBA,kBAACC,oBAAmB,CACvCC,SAAUjC,EAAa,aAAe,cACtCkC,QAAShB,GAAWR,EAAmB,YAAc,MAG/CiB,QAASQ,GAAqBJ,EAAAA,kBAAkBK,EAAAA,sBAAuB,CAC7EH,SAAUjC,EAAa,aAAe,cACtCqC,SAAUd,EAAa,aAAe,cACtCe,SAAUxC,EAAa,aAAe,cACtCyC,OAAQd,EAAmB,WAAa,cAGpCe,EAAWC,SAAyB,MAG1CC,EAAAA,WAAU,OACgBC,SAASC,gBAAkBJ,GAAUK,UACrC3B,GAAWR,GACjCW,GAAUwB,SAASC,eAAe,CAAEC,MAAO,WAC5C,GACA,CAAC7B,EAASR,EAAkBW,IAE/B,MAAM2B,cAAEA,EAAaC,eAAEA,GAAmBpD,EACpCqD,IAAoBlD,GAAeF,IAAiBkD,IAAiBC,GACrEE,EAAkBD,EAAmB,GAAGlC,wBAAsBoC,EAC9DC,EAAOH,EAAmB,GAAGlC,iBAAeoC,EAE5CE,EADeC,uBAAiC,4BACbC,4BAEnCC,EAAW3D,EACbyB,EACEmC,EAASC,SACTC,EAAYC,kBACdtC,EACAuC,EAAWC,iBACXH,oBAEEI,GAA0B,IAAflD,IAAoC,IAAVF,IAAgBL,GAAegB,GAAc,GAAK,EAE7F,OACE0C,EACEC,IAAA,MAAA,CAAAtE,SAAAuE,EAAAA,KAAA,QAAA,CAAOC,MAAOxC,EAAcyC,IAAKhD,YAC/B8C,EAAAA,KAACG,EAAAA,iBACC,CAAA1E,SAAA,CAAAqE,EAAAA,IAAA,QAAA,CACEM,KAAK,QACLjE,KAAMA,EACNU,GAAIA,EACJqD,IAAK7B,EACL7C,MAAOA,MACDG,IACHE,GAAc,CACbwE,SAAWC,IACTA,EAAEC,kBACFlE,IAAW,CAAEmE,cAAepE,EAAYZ,SAAQ,GAGtDiF,QAASrD,EACTU,SAAUjC,EACQ,mBAAAmD,EAClBa,SAAUA,KACN7C,IAEL+B,GACCe,EAAAC,IAACI,EAAgBA,iBAAC,CAAAtD,GAAImC,EAAiB0B,UAAU,WAC9CvB,OAIPW,EAAAA,0BAAkB,OAAOG,MAAOjC,KAAsBX,EACpD5B,SAAAqE,EAAAA,IAACR,EAAS,CAAAqB,KAAMC,EAAAA,cAAcC,SAAUC,MAAM,mBAEhDd,OAAA,OAAA,CAAMC,MAAOtC,YACXmC,EAAUC,IAAA,OAAA,IAAA1C,EAAmB5B,SAAAA,IAC5BsD,GACCe,MAACiB,EAAkBA,mBAAA,IACbrF,EACJiB,WAAYA,GAAcI,EAC1BF,GAAIqC,WAMd"}

package/amd/RadioSet-ab50c3fd.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact', 'preact/compat', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './FormFieldContext-a024b891', 'preact/hooks', './useFormFieldContextProps-08e673cf', './useId-c9578d26', './RadioItemContext-70878de8', './CheckboxRadioField-c014b79b'], (function(e,t,i,s,a,o,r,d,l,n,c,u){"use strict";const b=s.forwardRef((({"aria-describedby":e,assistiveText:s,columnSpan:a,direction:d="column",helpSourceLink:b,helpSourceText:m,isDisabled:x,isReadonly:h,isRequired:p=!1,label:C,labelEdge:F,labelStartWidth:R,messages:S,onCommit:v,testId:y,userAssistanceDensity:D,value:I,children:f},g)=>{const j=null!=I,{isDisabled:k,isReadonly:P,labelEdge:A,labelStartWidth:T,userAssistanceDensity:E}=o.useFormContext(),V=x??k,W=h??P,q=F??A,L=R??T,w=D??E,z=l.useFormFieldContextProps({hasValue:j,isDisabled:V,isReadonly:W}),B=n.useId();return t.jsx(r.FormFieldContext.Provider,{value:z,children:t.jsx(u.CheckboxRadioField,{"aria-describedby":e,assistiveText:s,baseId:B,columnSpan:a,direction:d,helpSourceLink:b,helpSourceText:m,isDisabled:V,isReadonly:W,isRequired:p,label:C,labelEdge:q,labelStartWidth:L,parentComponentVariant:"radioSet",messages:S,userAssistanceDensity:w,hasValue:j,ref:g,role:"radiogroup",testId:y,children:t.jsx(c.RadioSetContext.Provider,{value:{name:B,value:I,onCommit:v},children:i.toChildArray(f).map(((e,i)=>t.jsx(c.RadioItemContext.Provider,{value:{index:i},children:e})))})})})}));e.RadioSet=b}));
-//# sourceMappingURL=RadioSet-ab50c3fd.js.map