@oracle/oraclejet-preact 17.1.0 → 17.1.1

package/amd/MaxLengthLiveRegion-bb956138.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './useDebounce-8b4d8cfb', './useTranslationBundle-d07d4b20', './LiveRegion-9a362373'], (function(e,n,t,i,o){"use strict";e.MaxLengthLiveRegion=function({maxLength:e,testId:a,valueLength:r=0}){const s=t.useDebounce(e-r,500),u=i.useTranslationBundle("@oracle/oraclejet-preact").formControl_maxLengthRemaining({CHARACTER_COUNT:`${s}`});return n.jsx(o.LiveRegion,{testId:a,children:u})}}));
-//# sourceMappingURL=MaxLengthLiveRegion-bb956138.js.map

package/amd/MaxLengthLiveRegion-bb956138.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MaxLengthLiveRegion-bb956138.js","sources":["../../src/UNSAFE_TextField/MaxLengthLiveRegion.tsx"],"sourcesContent":["import { useDebounce } from '../hooks/UNSAFE_useDebounce';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '../resources/nls/bundle';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\n\ntype Props = TestIdProps & {\n  maxLength: number;\n  valueLength?: number;\n};\n\nconst MAX_LENGTH_UPDATE_DELAY = 500;\n\nexport function MaxLengthLiveRegion({ maxLength, testId, valueLength = 0 }: Props) {\n  // Comment copied from InputBase.js in Big JET:\n  // Only update the aria-live div when the user has paused for more than\n  // 500 milliseconds. That way, we avoid queued up aria-live messages which\n  // would be annoying and not helpful. The 500ms was agreed upon in the\n  // accessibility review meeting.\n  const debouncedRemainingChars = useDebounce(maxLength - valueLength, MAX_LENGTH_UPDATE_DELAY);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const remainingCharsTranslatedString = translations.formControl_maxLengthRemaining({\n    CHARACTER_COUNT: `${debouncedRemainingChars}`\n  });\n\n  return <LiveRegion testId={testId}>{remainingCharsTranslatedString}</LiveRegion>;\n}\n"],"names":["maxLength","testId","valueLength","debouncedRemainingChars","useDebounce","remainingCharsTranslatedString","useTranslationBundle","formControl_maxLengthRemaining","CHARACTER_COUNT","_jsx","LiveRegion","children"],"mappings":"mLAaM,UAA8BA,UAAEA,EAASC,OAAEA,EAAMC,YAAEA,EAAc,IAMrE,MAAMC,EAA0BC,EAAWA,YAACJ,EAAYE,EAR1B,KAUxBG,EADeC,uBAAiC,4BACFC,+BAA+B,CACjFC,gBAAiB,GAAGL,MAGtB,OAAOM,EAAAA,IAACC,EAAAA,WAAW,CAAAT,OAAQA,EAAMU,SAAGN,GACtC"}

package/amd/Menu-e682ccb9.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './Floating-25e0092b', './Layer-e835aed8', './LayerHost-639b3284', 'preact/hooks', './mergeProps-bcfa6a92', './classNames-08d99695', './useUser-3ef25571', './MenuItem-44b2547b', './UNSAFE_Menu/themes/MenuStyles.css', './useTestId-b5cd4766', './UNSAFE_Menu/themes/DropdownMenuStyles.css', './useOutsideMousedown-73d5a78a', './Sheet-c6fc15b2', './Modal-2b6ce101', './UNSAFE_Menu/themes/SheetMenuStyles.css'], (function(e,s,t,n,r,o,a,u,l,c,i,d,m,f,b,h,p,y){"use strict";const M=({children:e,"aria-label":t,currentFocus:n="menu",display:r,closeSubmenu:o,menuId:f,menuLevel:b,anchorRef:h})=>{const{onClose:p,testId:y}=i.useMenuContext(),{direction:M}=c.useUser(),x=a.useRef(null),g=a.useRef({wasMouseMoved:!1,lastMouseLeaveMenuItemdRelatedTarget:null}),[k,S]=a.useState(),[C,j]=a.useState(!1),[w,E]=a.useState(!1),F=a.useCallback((e=>{S(e.key),"keyboard"===e.reason?j(!0):j(!1)}),[]),L=a.useCallback((()=>{const e=s=>{const t=i.keyElemExtractor(s.target),n=t?.key,r=t?.elem;if(n&&r){g.current.wasMouseMoved=!0;const s=new MouseEvent("mouseenter");r.dispatchEvent(s),x.current?.removeEventListener("mousemove",e)}};x.current?.addEventListener("mousemove",e)}),[]),{currentKeyProps:R}=function(e,s,t,n,r){const o=a.useMemo((()=>({ArrowDown:s,ArrowUp:e,Home:t,End:n})),[s,e,t,n]),u=a.useCallback((e=>{if(r){const s=o[e.key];if(s&&!e.shiftKey){const t=s();t&&r({key:t,reason:"keyboard"}),e.preventDefault()}}}),[r,o]);return{currentKeyProps:null==r?{}:{onKeyDown:u}}}(i.getPrevNext(x.current,!0,k),i.getPrevNext(x.current,!1,k),(()=>i.getNVisible(x.current,0)),(()=>i.getLastVisible(x.current)),F);a.useEffect((()=>{const e=x.current;let s;if("none"!==n&&e)if("menu"===n){F({key:void 0,reason:"click"});const t=()=>{e.focus()};"sheet"===r?t():s=setTimeout((()=>{t()}),v)}else if("firstItem"===n){const e=i.getNVisible(x.current,0);e&&F({key:e,reason:"keyboard"})}else if("secondItem"===n){const e=i.getNVisible(x.current,1);e&&F({key:e,reason:"keyboard"})}return()=>{clearTimeout(s)}}),[F,n,b,r,h]),a.useEffect((()=>{L()}),[L]);const I=m.useTestId(y);return s.jsx("div",{...f&&{id:f},ref:x,tabIndex:k||"main"!==b&&"sheet"!==r?-1:0,role:"menu","aria-label":t,class:l.classNames([d.menuStyles.menuContainerStyle,d.menuStyles[`${r}MenuContainerStyle`]]),...u.mergeProps(R,i.getKeyboardCloseProps(p,b),i.getCloseSubmenuEvent(M,o),i.getMenuContainerFocusMethods((()=>{x.current?.contains(document.activeElement)||(j(!1),E(!1))}),(()=>{E(!0)})),i.getMenuContainerMouseLeave((e=>{e.relatedTarget&&e.relatedTarget.isEqualNode(g.current.lastMouseLeaveMenuItemdRelatedTarget)||(F({key:void 0,reason:"mouseEnter"}),x.current?.focus())})),i.getMenuPointerDown()),...I,children:s.jsx(i.MenuContainerContext.Provider,{value:{menuContainerRef:x,currentKey:k,showFocusRing:C,changeKey:F,menuContainerGeneralInformation:g,isContainerFocused:w},children:e})})},v=0,x=t.forwardRef((({anchorRef:e,defaultPlacement:o,offsetValue:a,closeSubmenu:u,children:l,"aria-label":c,currentFocus:d,menuId:m,menuLevel:h,flipOptions:p,isOpen:y},v)=>{const x=t.useRef(null),{onClose:k}=i.useMenuContext(),S=t.useCallback((e=>{if("sub"===h)return;const s=i.keyElemExtractor(e.target)?.key;s||k?.({reason:"outsideClick",target:e.target})}),[k,h]);return b.useOutsideMousedown({ref:[x],handler:S,isDisabled:!y}),s.jsx(s.Fragment,{children:y?s.jsx(r.Layer,{logicalParentRef:e,children:s.jsx(n.Floating,{ref:x,class:f.dropdownMenuStyles.base,anchorRef:e,flipOptions:p,shiftOptions:{mainAxis:!1,crossAxis:!1},sizeOptions:{isMaxHeightAdjusted:!0,isMaxWidthAdjusted:!0},boundaryOptions:{padding:0},placement:o,offsetValue:a,children:s.jsx("div",{style:{minWidth:g},ref:v,children:s.jsx(M,{menuLevel:h,closeSubmenu:u,"aria-label":c,currentFocus:d,menuId:m,display:"dropdown",anchorRef:e,children:l})})})}):null})})),g=200,k=({children:e})=>s.jsx("div",{class:y.sheetMenuStyles.modalWrapper,children:e}),S=t.forwardRef((({children:e},t)=>s.jsx("div",{class:y.sheetMenuStyles.modalContainer,ref:t,children:e}))),C=({backdropVisible:e=!1})=>s.jsx("div",{class:l.classNames([y.sheetMenuStyles.modalBackdrop,e&&y.sheetMenuStyles.modalBackdropVisible])}),j=({children:e,"aria-label":t,currentFocus:n,anchorRef:o,closeSubmenu:u,menuLevel:l})=>{const{onClose:c}=i.useMenuContext();a.useEffect((()=>{const e=document.body.style.overflow;return document.body.style.overflow="hidden",()=>{document.body.style.overflow=e}}),[]);const d=a.useCallback((()=>{c?.({reason:"dismissed"})}),[c]),{backdropRef:m}=p.useModal({isOpen:!0,onBackdropClick:d}),{swipeProps:f}=h.useSheetSwipe(d);return s.jsx(r.Layer,{logicalParentRef:o,children:s.jsxs(k,{children:[s.jsx(C,{backdropVisible:"main"===l}),s.jsx(S,{ref:m,children:s.jsx("div",{class:y.sheetMenuStyles.sheetMenuContainerWrapper,...f,children:s.jsx(M,{"aria-label":t,currentFocus:n,display:"sheet",closeSubmenu:u,menuLevel:l,children:e})})})]})})},w=i.getIsMobile();e.DropdownMenu=x,e.Menu=({onClose:e,isOpen:t,testId:n,initialFocus:r="menu",placement:o="bottom-start",offsetValue:a=4,...u})=>s.jsx(i.MenuContext.Provider,{value:{onClose:e,isMobile:w,testId:n},children:s.jsx(s.Fragment,{children:w?s.jsx(s.Fragment,{children:t?s.jsx(j,{...u,currentFocus:r,menuLevel:"main"}):null}):s.jsx(x,{...u,isOpen:t,currentFocus:r,menuLevel:"main",defaultPlacement:o,offsetValue:a,flipOptions:{crossAxis:!0,mainAxis:!0,fallbackPlacements:["bottom-start","bottom-end","top-start","top-end","end-top","start-top","end-bottom","start-bottom"]}})})}),e.SheetMenu=j}));
-//# sourceMappingURL=Menu-e682ccb9.js.map

package/amd/Menu-e682ccb9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Menu-e682ccb9.js","sources":["../../src/UNSAFE_Menu/MenuContainer.tsx","../../src/UNSAFE_Menu/useMenuCurrentKey.ts","../../src/UNSAFE_Menu/DropdownMenu.tsx","../../src/UNSAFE_Menu/SheetMenu.tsx","../../src/UNSAFE_Menu/Menu.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 { useCallback, useEffect, useRef, useState } from 'preact/hooks';\n\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\n\nimport { BaseMenuProps } from './Menu';\nimport { useMenuCurrentKey } from './useMenuCurrentKey';\nimport {\n  getPrevNext,\n  keyElemExtractor,\n  getLastVisible,\n  getKeyboardCloseProps,\n  getCloseSubmenuEvent,\n  MenuCollectionItem,\n  getNVisible,\n  getMenuContainerFocusMethods,\n  getMenuContainerMouseLeave,\n  getMenuPointerDown\n} from './menuUtils';\nimport { useMenuContext } from './useMenuContext';\nimport { MenuContainerContext } from './MenuContainerContext';\nimport { menuStyles } from './themes/MenuStyles.css';\nimport { useTestId } from '../hooks/UNSAFE_useTestId';\n\ntype MenuContainerProps = Omit<\n  BaseMenuProps,\n  'isOpen' | 'defaultPlacement' | 'offsetValue' | 'anchorRef'\n> &\n  Partial<Pick<BaseMenuProps, 'anchorRef'>> & {\n    display: 'sheet' | 'dropdown';\n  };\n\n/*Component where general behavior is handled. Here we controled focus behavior, focus styling, submenu\nopening behavior and current active item behavior. */\nexport const MenuContainer = ({\n  children,\n  'aria-label': ariaLabel,\n  currentFocus = 'menu',\n  display,\n  closeSubmenu,\n  menuId,\n  menuLevel,\n  anchorRef\n}: MenuContainerProps) => {\n  const { onClose, testId } = useMenuContext();\n\n  //Important to know direction so closeSubmenu is handled properly if needed.\n  const { direction } = useUser();\n\n  const menuContainerRef = useRef<HTMLDivElement | null>(null);\n\n  /*We share same behavior as legacy menu on mouseLeave that is:\n  1. If we mouse leave a menuItem but we still on menuContainer and we are not hovering any other menuItem, we keep \n  the focus on the menuItem and hovering style.\n  2. If we mouseLeave but next target is a submenu we open a submenu. \n  3. If we mouseLeave the container and next target is not a submenu, we reset current key and set the focus on the\n  menuContainer.If we mouseLeaved a submenuItem, submenu is closed.\n  General information used by menuItems:\n  -wasMouseMoved: Used to don't allow mouseEnter callbacks being triggered if mouse was not moved already.\n  -lastMouseLeaveValidatedRelatedTarget: We use bubbling nature of events to first check/validate the related target in onMouseLeave events of \n    menuItems. For menuItems we check if the related target is the menuContainer itself or a submenu. We validate there\n    since at this level we don't have access to any submenu. Everytime mouseEnter triggers at menuContainer we have to compare if both\n    relatedTargets are the same(menuContainer and last menuItem one), if not, this means mouse is now outside of the container.\n  */\n  const menuContainerGeneralInformation = useRef<{\n    wasMouseMoved: boolean;\n    lastMouseLeaveMenuItemdRelatedTarget: HTMLElement | null;\n  }>({\n    wasMouseMoved: false,\n    lastMouseLeaveMenuItemdRelatedTarget: null\n  });\n\n  //Key of the active element on this menu container\n  const [currentKey, setCurrentKey] = useState<string | undefined>();\n\n  //State that represents if focused outline styles needs\n  const [showFocusRing, setShowFocusRing] = useState(false);\n\n  //Based on this we would include or not hovering styling. Same as legacy\n  const [isContainerFocused, setIsContainerFocused] = useState(false);\n\n  //Funtion triggered on blur. This is called since if focus is not anymore on the container we would need to do\n  //some validation\n  const blurFunction = () => {\n    if (!menuContainerRef.current?.contains(document.activeElement)) {\n      setShowFocusRing(false);\n      setIsContainerFocused(false);\n    }\n  };\n\n  const focusFunction = () => {\n    setIsContainerFocused(true);\n  };\n\n  const mouseLeaveFunction = (e: MouseEvent) => {\n    //We have to validate if new hover target was already validated correctly, if not this means mouse is now outside container\n    if (\n      !e.relatedTarget ||\n      !(e.relatedTarget as HTMLElement).isEqualNode(\n        menuContainerGeneralInformation.current.lastMouseLeaveMenuItemdRelatedTarget\n      )\n    ) {\n      //We reset current key when mouse is outside the container or any submenu. This is how legacy menu works\n      changeKey({\n        key: undefined,\n        reason: 'mouseEnter'\n      });\n      //We focus menuContainer so keyboard navigation can be still used\n      menuContainerRef.current?.focus();\n    }\n  };\n\n  //Function used to change the currentKey\n  const changeKey = useCallback((detail: MenuCollectionItem) => {\n    setCurrentKey(detail.key);\n    if (detail.reason === 'keyboard') {\n      setShowFocusRing(true);\n    } else {\n      setShowFocusRing(false);\n    }\n  }, []);\n\n  //This is used since if mouse overlaps space when menu is rendered, menuItem could trigger menuEnter,\n  // which is not desirable.Once mouse was moved inside container, we could trigger mouseEnter events normally.\n  const selfDestructiveMouseMoveEvent = useCallback(() => {\n    const handler = (e: MouseEvent) => {\n      const keyElem = keyElemExtractor(e.target as HTMLElement);\n      const key = keyElem?.key;\n      const elem = keyElem?.elem;\n      //We will trigger this event until a menuItem is found. Usually this don't take to much to happen\n      if (key && elem) {\n        menuContainerGeneralInformation.current.wasMouseMoved = true;\n        const evt = new MouseEvent('mouseenter');\n        elem.dispatchEvent(evt);\n        menuContainerRef.current?.removeEventListener('mousemove', handler);\n      }\n    };\n    menuContainerRef.current?.addEventListener('mousemove', handler);\n  }, []);\n\n  const { currentKeyProps } = useMenuCurrentKey(\n    getPrevNext(menuContainerRef.current, true, currentKey),\n    getPrevNext(menuContainerRef.current, false, currentKey),\n    () => getNVisible(menuContainerRef.current, 0),\n    () => getLastVisible(menuContainerRef.current),\n    changeKey\n  );\n\n  useEffect(() => {\n    const menuContainer = menuContainerRef.current;\n    let timer: NodeJS.Timeout | undefined;\n    /*TODO: There are some cases where is not safe to focus since \n    visibility initially is hidden at the Floating component at the initial render. Need a way to solve this in a \n    less dirty way (we are now using timeouts). More details on the descripton of JET-57353 */\n    if (currentFocus !== 'none' && menuContainer) {\n      if (currentFocus === 'menu') {\n        changeKey({ key: undefined, reason: 'click' });\n        const focusMenuContainer = () => {\n          menuContainer.focus();\n        };\n        if (display === 'sheet') {\n          focusMenuContainer();\n        } else {\n          // At this point floating has visibility set as hidden, so also menuContainer. Settimeout added so menuContainer\n          // is visible at that point and can be focused.\n          timer = setTimeout(() => {\n            focusMenuContainer();\n          }, FOCUS_SHIFT_TIMEOUT);\n        }\n      } else if (currentFocus === 'firstItem') {\n        const firstItem = getNVisible(menuContainerRef.current, 0);\n        if (firstItem) {\n          changeKey({ key: firstItem, reason: 'keyboard' });\n        }\n      } else if (currentFocus === 'secondItem') {\n        //This is just used in sheet menu, so no need to set a timeout\n        const item = getNVisible(menuContainerRef.current, 1);\n        if (item) {\n          changeKey({ key: item, reason: 'keyboard' });\n        }\n      }\n    }\n    return () => {\n      //We have to clean timers, because comp can be unmounted after finishing timeouts\n      clearTimeout(timer);\n    };\n  }, [changeKey, currentFocus, menuLevel, display, anchorRef]); // Important to notice we look for a change on the ref object, not it's current value\n\n  useEffect(() => {\n    selfDestructiveMouseMoveEvent();\n  }, [selfDestructiveMouseMoveEvent]);\n\n  const testIdProps = useTestId(testId);\n\n  return (\n    <div\n      {...(menuId && { id: menuId })}\n      ref={menuContainerRef}\n      tabIndex={!currentKey && (menuLevel === 'main' || display === 'sheet') ? 0 : -1}\n      role=\"menu\"\n      aria-label={ariaLabel}\n      class={classNames([\n        menuStyles.menuContainerStyle,\n        menuStyles[`${display}MenuContainerStyle`]\n      ])}\n      {...mergeProps(\n        currentKeyProps,\n        getKeyboardCloseProps(onClose, menuLevel),\n        getCloseSubmenuEvent(direction, closeSubmenu),\n        getMenuContainerFocusMethods(blurFunction, focusFunction),\n        getMenuContainerMouseLeave(mouseLeaveFunction),\n        getMenuPointerDown()\n      )}\n      {...testIdProps}>\n      <MenuContainerContext.Provider\n        value={{\n          /*We use this ref on dropdownSubmenu since unhover only close the menu if menuContainer ref does not include\n          the new element that receives the hovering */\n          menuContainerRef,\n          currentKey,\n          showFocusRing,\n          changeKey,\n          menuContainerGeneralInformation,\n          isContainerFocused\n        }}>\n        {children}\n      </MenuContainerContext.Provider>\n    </div>\n  );\n};\n\n//Temporal constant, will probably be removed with JET-57353\nconst FOCUS_SHIFT_TIMEOUT = 0;\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 { useCallback, useMemo } from 'preact/hooks';\n\nimport { MenuCollectionItem } from './menuUtils';\n\n/**\n * Hook for handling current key update due to user interaction including keyboard navigation.\n *\n * @param getPrev function to get the previous key based on the current key\n * @param getNext function to get the next key based on the current key\n * @param getFirstVisible function to get the key of the first available item\n * @param getLastVisible function to get the key of the last available item\n * @param onChange function to invoke if the current key has changed\n * @returns\n */\nexport function useMenuCurrentKey(\n  getPrev: () => string | null,\n  getNext: () => string | null,\n  getFirstVisible: () => string | null,\n  getLastVisible: () => string | null,\n  onChange?: (detail: MenuCollectionItem) => void\n) {\n  const keyDownKeyFunctions = useMemo(() => {\n    return {\n      ArrowDown: getNext,\n      ArrowUp: getPrev,\n      Home: getFirstVisible,\n      End: getLastVisible\n    } as Record<string, (() => string | null) | undefined>;\n  }, [getNext, getPrev, getFirstVisible, getLastVisible]);\n\n  const onKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      if (onChange) {\n        // TODO: support horizontal layout on icon menu (left/right arrow key)\n        const keyFunction = keyDownKeyFunctions[event.key];\n        if (keyFunction && !event.shiftKey) {\n          const key = keyFunction();\n          if (key) {\n            onChange({ key, reason: 'keyboard' });\n          }\n          event.preventDefault();\n        }\n      }\n    },\n    [onChange, keyDownKeyFunctions]\n  );\n\n  const currentKeyProps = onChange == null ? {} : { onKeyDown };\n  return { currentKeyProps };\n}\n","import { ComponentProps, RefObject } from 'preact';\nimport { ForwardedRef, forwardRef, useCallback, useRef } from 'preact/compat';\n\nimport { Floating } from '../UNSAFE_Floating';\nimport { Layer } from '../UNSAFE_Layer';\n\nimport { MenuContainer } from './MenuContainer';\nimport { BaseMenuProps } from './Menu';\nimport { keyElemExtractor } from './menuUtils';\nimport { useMenuContext } from './useMenuContext';\nimport { dropdownMenuStyles } from './themes/DropdownMenuStyles.css';\nimport { useOutsideMousedown } from '#hooks/PRIVATE_useOutsideMousedown';\n\ntype DropdownMenuProps = BaseMenuProps & DropdownMenuFloatingProps;\n\ntype FloatingProps = ComponentProps<typeof Floating>;\ntype DropdownMenuFloatingProps = {\n  defaultPlacement: FloatingProps['placement'];\n  offsetValue: FloatingProps['offsetValue'];\n  flipOptions: FloatingProps['flipOptions'];\n};\n\n//TODO: Start consuming PRIVATE_Dropdown. JET-53371\n/*Component used to render a dropdown menu. For now this is just rendered when device is not a phone. */\nexport const DropdownMenu = forwardRef(\n  (\n    {\n      anchorRef,\n      defaultPlacement,\n      offsetValue,\n      closeSubmenu,\n      children,\n      'aria-label': ariaLabel,\n      currentFocus,\n      menuId,\n      menuLevel,\n      flipOptions,\n      isOpen\n    }: DropdownMenuProps,\n    ref?: ForwardedRef<HTMLDivElement>\n  ) => {\n    const floatingRef = useRef<HTMLElement>(null);\n    const { onClose } = useMenuContext();\n\n    const useOutsideClickHandler = useCallback(\n      (e: MouseEvent) => {\n        if (menuLevel === 'sub') return;\n        // Outside click is not considered when menuItem was clicked\n        const menuItemKey = keyElemExtractor(e.target as HTMLElement)?.key;\n        if (!menuItemKey) {\n          onClose?.({ reason: 'outsideClick', target: e.target as Element });\n        }\n      },\n      [onClose, menuLevel]\n    );\n\n    //This will be removed once we start using dropdown comp\n    useOutsideMousedown({\n      ref: [floatingRef],\n      handler: useOutsideClickHandler,\n      isDisabled: !isOpen\n    });\n\n    // TODO - Reuse a dropdown component instead of creating floating by ourselves.\n\n    /* \n    For this comment, we could divide menus in these categories:\n    - Dropdown menus: \"Attached\" to an specific element.\n    - Context menus: \"Attached\" to coords or an specific element.\n    We are passing anchorRef as the logicalParent of the Layer used here, even if we pass coords. So we could say \n    that we are passing an incorrect logicalParentRef for context menus. But, passing coords has no impacts either on \n    accessibility or behavior since this logical parent is only used by legacy collections for dom searching to find \n    dropdown menus. More information about that here:  \n    This comment also applies for sheet menus that in this specific context(relation between logicalParentRef\n    and menu) can be considered \"dropdown menus\"\n    For now using type assertion is safe enough, but it's kind of a dirty solution. This is a point that can be included \n    in near future conversation related to semantics of menus in favor of dividing dropdown and context menu: \n      \n    */\n\n    return (\n      <>\n        {isOpen ? (\n          <Layer logicalParentRef={anchorRef as RefObject<Element>}>\n            <Floating\n              ref={floatingRef}\n              class={dropdownMenuStyles.base}\n              anchorRef={anchorRef}\n              flipOptions={flipOptions}\n              shiftOptions={{\n                mainAxis: false,\n                crossAxis: false\n              }}\n              sizeOptions={{ isMaxHeightAdjusted: true, isMaxWidthAdjusted: true }}\n              //TODO: JET-57950. Need to see how we set 24px boundary.\n              //TODO: Boundaries need to match with the dropdowns used in other comps.  Also figure out how to make it themable.\n              boundaryOptions={{ padding: 0 }}\n              placement={defaultPlacement}\n              offsetValue={offsetValue}>\n              <div\n                //TODO: JET-60745. Add minWidth prop on menu\n                style={{\n                  minWidth: MENU_MIN_WIDTH\n                }}\n                ref={ref}>\n                <MenuContainer\n                  menuLevel={menuLevel}\n                  closeSubmenu={closeSubmenu}\n                  aria-label={ariaLabel}\n                  currentFocus={currentFocus}\n                  menuId={menuId}\n                  display=\"dropdown\"\n                  anchorRef={anchorRef}>\n                  {children}\n                </MenuContainer>\n              </div>\n            </Floating>\n          </Layer>\n        ) : null}\n      </>\n    );\n  }\n);\n\nconst MENU_MIN_WIDTH = 200;\n","import { RefObject, forwardRef } from 'preact/compat';\nimport { useCallback, useEffect } from 'preact/hooks';\n\n//Once Sheet is consumed this will be removed\nimport { useSheetSwipe } from '../UNSAFE_Sheet';\nimport useModal from '../UNSAFE_Modal/hooks/useModal';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { Layer } from '../UNSAFE_Layer';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\nimport { BaseMenuProps } from './Menu';\nimport { useMenuContext } from './useMenuContext';\nimport { MenuContainer } from './MenuContainer';\nimport { sheetMenuStyles } from './themes/SheetMenuStyles.css';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\nexport type SheetMenuProps = BaseMenuProps;\n\nconst ModalWrapper = ({ children }: IntrinsicProps) => (\n  <div class={sheetMenuStyles.modalWrapper}>{children}</div>\n);\nconst ModalContainer = forwardRef<HTMLDivElement, IntrinsicProps>(({ children }, ref) => (\n  <div class={sheetMenuStyles.modalContainer} ref={ref}>\n    {children}\n  </div>\n));\n//ModalBackdrop on modal folder not setting the style on oj-c enviroment\n//Creating it here so we don't see that issue\nconst ModalBackdrop = ({ backdropVisible = false }) => (\n  <div\n    class={classNames([\n      sheetMenuStyles.modalBackdrop,\n      backdropVisible && sheetMenuStyles.modalBackdropVisible\n    ])}\n  />\n);\n\n//TODO: Start consuming PRIVATE_Sheet. JET-56072\nexport const SheetMenu = ({\n  children,\n  'aria-label': ariaLabel,\n  currentFocus,\n  anchorRef,\n  closeSubmenu,\n  menuLevel\n}: SheetMenuProps) => {\n  const { onClose } = useMenuContext();\n  useEffect(() => {\n    // We set the overflow body as hidden when mounted and revert to original overflow value when is\n    // unmounted. This is done to don't allow backgound being scrolled\n    // This will be handled by modal/popup when ready\n    const initialOverflow = document.body.style.overflow;\n    document.body.style.overflow = 'hidden';\n    return () => {\n      document.body.style.overflow = initialOverflow;\n    };\n  }, []);\n\n  const dismissHandler = useCallback(() => {\n    onClose?.({ reason: 'dismissed' });\n  }, [onClose]);\n\n  const { backdropRef } = useModal({ isOpen: true, onBackdropClick: dismissHandler });\n  //TODO: Use useSwipe when it works on components that could scroll.\n  const { swipeProps } = useSheetSwipe(dismissHandler);\n\n  // TODO: For now we are mimicking current modal but using a \"different position setting\" (using absolute positioning instead of flex).\n  // Have to use modal/popup component directly instead doing this composition when that component could satisfy our requirments.\n  return (\n    <Layer logicalParentRef={anchorRef as RefObject<Element>}>\n      <ModalWrapper>\n        <ModalBackdrop backdropVisible={menuLevel === 'main'}></ModalBackdrop>\n        <ModalContainer ref={backdropRef}>\n          <div class={sheetMenuStyles.sheetMenuContainerWrapper} {...swipeProps}>\n            <MenuContainer\n              aria-label={ariaLabel}\n              currentFocus={currentFocus}\n              display=\"sheet\"\n              closeSubmenu={closeSubmenu}\n              menuLevel={menuLevel}>\n              {children}\n            </MenuContainer>\n          </div>\n        </ModalContainer>\n      </ModalWrapper>\n    </Layer>\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, ComponentProps } from 'preact';\n\nimport { DropdownMenu } from './DropdownMenu';\nimport { SheetMenu } from './SheetMenu';\nimport { MenuContext } from './MenuContext';\nimport { getIsMobile } from './menuUtils';\nimport { Floating } from '../UNSAFE_Floating';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\n\ntype MenuProps = {\n  /**\n   * Trigger element reference\n   */\n  anchorRef: FloatingProps['anchorRef'];\n  /**\n   * Placement of the floating element relative to its reference element.\n   */\n  placement?: FloatingProps['placement'];\n  /**\n   Placement offset.\n   Offset displaces the floating element from its core placement along the specified axes. \n   */\n  offsetValue?: FloatingProps['offsetValue'];\n  /**\n   * Set of menu groups or menu items that menu will hold.Even though you could pass other type of children,\n   * is strongly recommended to use MenuItem, menu groups or components that return this type of components\n   * since passing other type of components children produces not desirable behaviors.\n   */\n  children: ComponentChildren;\n  /**\n   * Specifies if menu is opened.\n   */\n  isOpen?: boolean;\n  /**\n   * Property that triggers a callback when menu is supposed to be closed.\n   */\n  onClose?: (detail: CloseDetail) => void;\n  /**\n   * Specifies some screen reader text. Set it to create an accesible menu.\n   */\n  'aria-label'?: string;\n  /**\n   *  Determines focus behavior when the menu is opened.\n   */\n  initialFocus?: 'menu' | 'firstItem';\n};\n\ntype FloatingProps = ComponentProps<typeof Floating>;\n\ntype CloseDetail =\n  | {\n      //dismissed represents dismissing the menu using esc,tap and on mobile swiping and taping backdrop\n      reason: 'dismissed' | 'itemAction';\n    }\n  | {\n      reason: 'outsideClick';\n      target: Element;\n    };\n\n// Type only used internally by Sheet and Dropdown menu. If we want to expose both at some point we would need to\n// adjust this type.\nexport type BaseMenuProps = (MainMenu | SubMenu) &\n  Omit<MenuProps, 'onClose' | 'initialFocus'> & {\n    /*None is a valid option here since there are some use cases where a menu is opened and we don't want to focus anything\n    eg. When menu is opened due to a hover on submenuitem\n    When pasing a number, that is index of the element is going to be focused\n    eg. 1 focus the second menuitem\n    We call it currentfocus instead of initialFocus since can change when the menu is already opened. For example\n    if user hover to open a submenu and then click right key.\n    We should comeback to this since we should probably separate current focus so we have initial focus and current focus\n    as internal props of the menu container.*/\n    currentFocus?: 'menu' | 'firstItem' | 'secondItem' | 'none';\n  };\n\ntype MainMenu = {\n  menuLevel: 'main';\n  menuId?: never;\n  closeSubmenu?: never;\n};\n\ntype SubMenu = {\n  menuLevel: 'sub';\n  menuId?: string;\n  closeSubmenu?: () => void;\n};\nconst isMobile = getIsMobile();\n\n// TODO: For context menu case anchorRef is changed typically when trying to opening menu in other place\n// menu initialFocus prop should react also when anchorRef is changed not just when isOpen is changed to true.\n\n/* Component that is exposed to final user to create a menu. Important to notice that this component is just used by\nthe final user to express a main menu. It's not reused by us for submenus (we use SheetMenu and DropdownMenu directly there) */\n\nexport const Menu = ({\n  onClose,\n  isOpen,\n  testId,\n  initialFocus = 'menu',\n  placement = 'bottom-start',\n  offsetValue = 4,\n  ...menuProps\n}: MenuProps & TestIdProps) => {\n  //On close is consumed by the whole menu structure including the main menu and submenu ones.\n  return (\n    <MenuContext.Provider value={{ onClose, isMobile, testId }}>\n      <>\n        {isMobile ? (\n          <>\n            {isOpen ? (\n              <SheetMenu {...menuProps} currentFocus={initialFocus} menuLevel=\"main\"></SheetMenu>\n            ) : null}\n          </>\n        ) : (\n          <DropdownMenu\n            {...menuProps}\n            isOpen={isOpen}\n            currentFocus={initialFocus}\n            menuLevel=\"main\"\n            defaultPlacement={placement}\n            offsetValue={offsetValue}\n            flipOptions={{\n              crossAxis: true,\n              mainAxis: true,\n              fallbackPlacements: [\n                'bottom-start',\n                'bottom-end',\n                'top-start',\n                'top-end',\n                'end-top',\n                'start-top',\n                'end-bottom',\n                'start-bottom'\n              ]\n            }}></DropdownMenu>\n        )}\n      </>\n    </MenuContext.Provider>\n  );\n};\n"],"names":["MenuContainer","children","ariaLabel","currentFocus","display","closeSubmenu","menuId","menuLevel","anchorRef","onClose","testId","useMenuContext","direction","useUser","menuContainerRef","useRef","menuContainerGeneralInformation","wasMouseMoved","lastMouseLeaveMenuItemdRelatedTarget","currentKey","setCurrentKey","useState","showFocusRing","setShowFocusRing","isContainerFocused","setIsContainerFocused","changeKey","useCallback","detail","key","reason","selfDestructiveMouseMoveEvent","handler","e","keyElem","keyElemExtractor","target","elem","current","evt","MouseEvent","dispatchEvent","removeEventListener","addEventListener","currentKeyProps","getPrev","getNext","getFirstVisible","getLastVisible","onChange","keyDownKeyFunctions","useMemo","ArrowDown","ArrowUp","Home","End","onKeyDown","event","keyFunction","shiftKey","preventDefault","useMenuCurrentKey","getPrevNext","getNVisible","useEffect","menuContainer","timer","undefined","focusMenuContainer","focus","setTimeout","FOCUS_SHIFT_TIMEOUT","firstItem","item","clearTimeout","testIdProps","useTestId","_jsx","id","ref","tabIndex","role","class","classNames","menuStyles","menuContainerStyle","mergeProps","getKeyboardCloseProps","getCloseSubmenuEvent","getMenuContainerFocusMethods","contains","document","activeElement","getMenuContainerMouseLeave","relatedTarget","isEqualNode","getMenuPointerDown","MenuContainerContext","Provider","value","DropdownMenu","forwardRef","defaultPlacement","offsetValue","flipOptions","isOpen","floatingRef","useOutsideClickHandler","menuItemKey","useOutsideMousedown","isDisabled","_Fragment","Layer","logicalParentRef","Floating","dropdownMenuStyles","base","shiftOptions","mainAxis","crossAxis","sizeOptions","isMaxHeightAdjusted","isMaxWidthAdjusted","boundaryOptions","padding","placement","style","minWidth","MENU_MIN_WIDTH","ModalWrapper","sheetMenuStyles","modalWrapper","ModalContainer","jsx","modalContainer","ModalBackdrop","backdropVisible","modalBackdrop","modalBackdropVisible","SheetMenu","initialOverflow","body","overflow","dismissHandler","backdropRef","useModal","onBackdropClick","swipeProps","useSheetSwipe","_jsxs","sheetMenuContainerWrapper","isMobile","getIsMobile","initialFocus","menuProps","MenuContext","fallbackPlacements"],"mappings":"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"}

package/amd/MessageLayer-3742e608.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './Flex-3421f0df', './WindowOverlay-43c10424', './useUser-3ef25571', './Layer-e835aed8', 'preact/compat', './LayerHost-639b3284'], (function(t,e,o,s,r,i,a,n){"use strict";t.MessageLayer=({children:t,offset:a,testId:n,position:c="bottom"})=>{const l=c.split("-")[0];let p;p="number"==typeof a?{mainAxis:a,crossAxis:a}:"top"==l||"bottom"==l?{mainAxis:a?.vertical,crossAxis:a?.horizontal}:{mainAxis:a?.horizontal,crossAxis:a?.vertical};const{direction:d}=r.useUser(),m="ltr"===d;let b;switch(c){case"top-left":b=m?"top-start":"top-end";break;case"top-right":b=m?"top-end":"top-start";break;case"bottom-left":b=m?"bottom-start":"bottom-end";break;case"bottom-right":b=m?"bottom-end":"bottom-start";break;default:b=c}return e.jsx(i.Layer,{priority:"messages",level:"topLevel",children:e.jsx(s.WindowOverlay,{placement:b,offset:p,children:e.jsx("div",{"data-testid":n,children:e.jsx(o.Flex,{direction:"column",gap:"2x",children:t})})})})},t.positions=["top","top-left","top-right","top-start","top-end","bottom","bottom-left","bottom-right","bottom-start","bottom-end"]}));
-//# sourceMappingURL=MessageLayer-3742e608.js.map

package/amd/MessageLayer-3742e608.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageLayer-3742e608.js","sources":["../../src/PRIVATE_MessageLayer/MessageLayer.tsx"],"sourcesContent":["import { ComponentChildren } from 'preact';\nimport { Flex } from '../UNSAFE_Flex';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { Layer } from '../UNSAFE_Layer';\n\nconst positions = [\n  'top',\n  'top-left',\n  'top-right',\n  'top-start',\n  'top-end',\n  'bottom',\n  'bottom-left',\n  'bottom-right',\n  'bottom-start',\n  'bottom-end'\n] as const;\n\ntype Position = (typeof positions)[number];\n\ntype Offset =\n  | number\n  | {\n      horizontal?: number;\n      vertical?: number;\n    };\n\ntype Props = {\n  children: ComponentChildren;\n\n  /**\n   * Defines the fixed position where the notifications will to be placed on the screen.\n   * - top-start resolves to top-left in LTR (top-right in RTL)\n   * - top-end resolves to top-right in LTR (top-left in RTL)\n   * - bottom-start resolves to bottom-left in LTR (bottom-right in RTL)\n   * - bottom-end resolves to bottom-right in LTR (bottom-left in RTL)\n   *\n   * default bottom\n   */\n  position?: Position;\n\n  /**\n   * Defines an offset (in pixels) in the placement. Value can be supplied as a number or\n   * an object with horizontal and vertical values.\n   *\n   * default 0\n   */\n  offset?: Offset;\n\n  /**\n   * The test id which is assigned to the \"data-testid\" for the component's element.\n   * Used for test automation, it is assigned to the wrapper element rendered by the component.\n   */\n  testId?: string;\n};\n\nconst MessageLayer = ({ children, offset, testId, position = 'bottom' }: Props) => {\n  const side = position.split('-')[0];\n  let windowOverlayOffset;\n  if (typeof offset === 'number') {\n    windowOverlayOffset = { mainAxis: offset, crossAxis: offset };\n  } else if (side == 'top' || side == 'bottom') {\n    windowOverlayOffset = { mainAxis: offset?.vertical, crossAxis: offset?.horizontal };\n  } else {\n    windowOverlayOffset = { mainAxis: offset?.horizontal, crossAxis: offset?.vertical };\n  }\n\n  const { direction } = useUser();\n  const isLtr = direction === 'ltr';\n  let windowOverlayPlacement: WindowOverlayPlacement | undefined;\n  switch (position) {\n    case 'top-left':\n      windowOverlayPlacement = isLtr ? 'top-start' : 'top-end';\n      break;\n    case 'top-right':\n      windowOverlayPlacement = isLtr ? 'top-end' : 'top-start';\n      break;\n    case 'bottom-left':\n      windowOverlayPlacement = isLtr ? 'bottom-start' : 'bottom-end';\n      break;\n    case 'bottom-right':\n      windowOverlayPlacement = isLtr ? 'bottom-end' : 'bottom-start';\n      break;\n    default:\n      windowOverlayPlacement = position;\n      break;\n  }\n  return (\n    <Layer priority=\"messages\" level=\"topLevel\">\n      <WindowOverlay placement={windowOverlayPlacement} offset={windowOverlayOffset}>\n        <div data-testid={testId}>\n          <Flex direction=\"column\" gap=\"2x\">\n            {children}\n          </Flex>\n        </div>\n      </WindowOverlay>\n    </Layer>\n  );\n};\n\nexport type { Position, Offset };\nexport { MessageLayer, positions };\n"],"names":["children","offset","testId","position","side","split","windowOverlayOffset","mainAxis","crossAxis","vertical","horizontal","direction","useUser","isLtr","windowOverlayPlacement","_jsx","Layer","priority","level","WindowOverlay","placement","jsx","Flex","gap"],"mappings":"2NAyDqB,EAAGA,WAAUC,SAAQC,SAAQC,WAAW,aAC3D,MAAMC,EAAOD,EAASE,MAAM,KAAK,GACjC,IAAIC,EAEFA,EADoB,iBAAXL,EACa,CAAEM,SAAUN,EAAQO,UAAWP,GACpC,OAARG,GAAyB,UAARA,EACJ,CAAEG,SAAUN,GAAQQ,SAAUD,UAAWP,GAAQS,YAEjD,CAAEH,SAAUN,GAAQS,WAAYF,UAAWP,GAAQQ,UAG3E,MAAME,UAAEA,GAAcC,EAAAA,UAChBC,EAAsB,QAAdF,EACd,IAAIG,EACJ,OAAQX,GACN,IAAK,WACHW,EAAyBD,EAAQ,YAAc,UAC/C,MACF,IAAK,YACHC,EAAyBD,EAAQ,UAAY,YAC7C,MACF,IAAK,cACHC,EAAyBD,EAAQ,eAAiB,aAClD,MACF,IAAK,eACHC,EAAyBD,EAAQ,aAAe,eAChD,MACF,QACEC,EAAyBX,EAG7B,OACEY,EAAAA,IAACC,EAAAA,OAAMC,SAAS,WAAWC,MAAM,WAAUlB,SACzCe,EAAAA,IAACI,EAAAA,cAAa,CAACC,UAAWN,EAAwBb,OAAQK,EACxDN,SAAAe,EAAAM,IAAA,MAAA,CAAA,cAAkBnB,EAChBF,SAAAe,EAAAA,IAACO,EAAAA,KAAK,CAAAX,UAAU,SAASY,IAAI,cAC1BvB,SAKT,cA5Fc,CAChB,MACA,WACA,YACA,YACA,UACA,SACA,cACA,eACA,eACA"}

package/amd/Modal-2b6ce101.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', './Layer-e835aed8', './LayerHost-639b3284', './UNSAFE_Modal/themes/ModalStyles.css'], (function(e,t,r,n,o,s){"use strict";const a=e=>{const{isOpen:t,onBackdropClick:n}=e,o=r.useRef(null),s=r.useRef(null),a=r.useCallback((e=>{o.current===e.target&&(s.current=e.target)}),[]),l=r.useCallback((e=>{o.current===e.target&&(e.stopPropagation(),s.current===e.target&&n?.(e))}),[n]);return r.useEffect((()=>{const e=o.current;return e?(e.addEventListener("mousedown",a),e.addEventListener("click",l),()=>{e.removeEventListener("mousedown",a),e.removeEventListener("click",l)}):()=>{}}),[t,a,l]),{backdropRef:o}},l=r.forwardRef((({variant:e="scrim"},r)=>{const n=s.multiVariantStyles({backdrop:"transparent"===e?"transparent":"scrim"});return t.jsx("div",{ref:r,class:n})}));function i(e){const t=[];let r=e.previousSibling;for(;null!=r;)1===r.nodeType&&t.push(r),r=r.previousSibling;for(r=e.nextSibling;null!=r;)1===r.nodeType&&t.push(r),r=r.nextSibling;return t}function d(e){if(!e.modalRef)return[];const t=[];let r=e.modalRef.parentElement;do{if(!r)break;i(r).forEach((e=>{"script"!==e.tagName.toLowerCase()&&"true"!==e.getAttribute("aria-hidden")&&(t.push(e),e.setAttribute("aria-hidden","true"))})),r=r.parentElement}while(r&&"body"!==r.tagName.toLowerCase());return t}const u=new class{constructor(){this.modals=[],this.styleBackup=[]}push(e){if(-1===this._findModalIndex(e)&&(this.modals.push({modal:e,ariaHiddenChildren:d(e)}),1===this.modals.length)){const t=this._getOwnerDocument(e.modalRef).body,r=window.innerWidth-document.documentElement.clientWidth;if(r>1){Math.round(document.documentElement.getBoundingClientRect().left)+document.documentElement.scrollLeft?(this.styleBackup.push({property:"padding-left",value:t.style.paddingLeft}),t.style.paddingLeft=`${r}px`):(this.styleBackup.push({property:"padding-right",value:t.style.paddingRight}),t.style.paddingRight=`${r}px`)}this.styleBackup.push({property:"overflow",value:t.style.overflow}),this.styleBackup.push({property:"overflow-x",value:t.style.overflowX}),this.styleBackup.push({property:"overflow-y",value:t.style.overflowY}),t.style.overflow="hidden"}}pop(e){const t=this._findModalIndex(e);if(-1===t)return;if(t!==this.modals.length-1)return;const r=this.modals.pop();var n;if(r&&(n=r?.ariaHiddenChildren,n.forEach((e=>{e.removeAttribute("aria-hidden")}))),0===this.modals.length){const t=this._getOwnerDocument(e.modalRef).body;this.styleBackup.forEach((({property:e,value:r})=>{t.style.setProperty(e,r)}))}}isTopModal(e){return this.modals.length>0&&this.modals[this.modals.length-1]===e}_findModalIndex(e){let t=-1;return this.modals.forEach(((r,n)=>{r.modal!==e||(t=n)})),t}_getOwnerDocument(e){return e&&e.ownerDocument||document}};e.Modal=({children:e,isOpen:o,onBackdropClick:i,backdropVariant:d})=>{const c=u,{backdropRef:p}=a({isOpen:o,onBackdropClick:i}),h=r.useRef(null),f=r.useRef({}),m=()=>(f.current.modalRef=h.current,f.current);return r.useEffect((()=>{o&&h.current?c?.push(m()):f.current.modalRef&&c?.pop(m())}),[o,c]),r.useEffect((()=>{const e=f.current.modalRef;return()=>{e&&c?.pop(m())}}),[c]),o?t.jsx(n.Layer,{children:t.jsxs("div",{ref:h,class:s.baseStyle,children:[t.jsx(l,{ref:p,variant:d}),e]})}):null},e.useModal=a}));
-//# sourceMappingURL=Modal-2b6ce101.js.map

package/amd/Modal-2b6ce101.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal-2b6ce101.js","sources":["../../src/UNSAFE_Modal/hooks/useModal.ts","../../src/UNSAFE_Modal/ModalBackdrop.tsx","../../src/UNSAFE_Modal/ModalManager.ts","../../src/UNSAFE_Modal/Modal.tsx"],"sourcesContent":["import { useRef, useCallback, useEffect } from 'preact/compat';\n\nexport type UseModalProps = Readonly<{\n  /**\n   * Determines whether the Modal is open.\n   */\n  isOpen: boolean;\n  /**\n   * On backdrop click callback.\n   */\n  onBackdropClick?: (event: MouseEvent) => void;\n}>;\n\n/**\n *\n * @param props\n */\nexport const useModal = (props: UseModalProps) => {\n  const { isOpen, onBackdropClick: onBackdropClickProp } = props;\n\n  const backdropRef = useRef<HTMLDivElement>(null);\n\n  const mouseDownTarget = useRef<EventTarget | null>(null);\n\n  const onMouseDown = useCallback((event: MouseEvent) => {\n    if (backdropRef.current === event.target) {\n      mouseDownTarget.current = event.target;\n    }\n  }, []);\n\n  const onBackdropClick = useCallback(\n    (event: MouseEvent) => {\n      if (backdropRef.current === event.target) {\n        event.stopPropagation();\n        // event should originate on the same target\n        if (mouseDownTarget.current === event.target) {\n          onBackdropClickProp?.(event);\n        }\n      }\n    },\n    [onBackdropClickProp]\n  );\n\n  useEffect(() => {\n    const modal = backdropRef.current;\n\n    if (modal) {\n      modal.addEventListener('mousedown', onMouseDown);\n      modal.addEventListener('click', onBackdropClick);\n\n      return () => {\n        modal.removeEventListener('mousedown', onMouseDown);\n        modal.removeEventListener('click', onBackdropClick);\n      };\n    }\n\n    return () => {};\n  }, [isOpen, onMouseDown, onBackdropClick]);\n\n  return {\n    backdropRef\n  };\n};\n\nexport default useModal;\n","import { forwardRef, ForwardedRef } from 'preact/compat';\nimport { multiVariantStyles } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\n\ntype Props = IntrinsicProps & {\n  /**\n   * Specifies the backdrop is visible or transparent. Default is 'scrim' (visible).\n   */\n  variant?: 'scrim' | 'transparent';\n};\n\nconst ModalBackdrop = forwardRef<HTMLDivElement, Props>(\n  ({ variant = 'scrim' }, ref: ForwardedRef<HTMLDivElement | null>) => {\n    const variantClasses = multiVariantStyles({\n      backdrop: variant === 'transparent' ? 'transparent' : 'scrim'\n    });\n\n    return <div ref={ref} class={variantClasses} />;\n  }\n);\n\nexport default ModalBackdrop;\n","interface Modal {\n  modalRef?: HTMLDivElement | null;\n}\n\n/**\n * CSS property backup type.\n */\ntype StyleBackup = Array<{\n  property: string;\n  value: string;\n}>;\n\n/**\n * ModalDescriptor. Associates an open Modal with overlayed aria-hidden children.\n */\ntype ModalDescriptor = {\n  modal: Modal;\n  ariaHiddenChildren: Element[];\n};\n\n/**\n * Returns an array of element's siblings.\n *\n * @param elem\n * @returns\n */\nfunction getSiblings(elem: Element): Element[] {\n  const siblings: Element[] = [];\n  let sibling = elem.previousSibling;\n  while (sibling != null) {\n    if (sibling.nodeType === 1) {\n      siblings.push(sibling as Element);\n    }\n    sibling = sibling.previousSibling;\n  }\n  sibling = elem.nextSibling;\n  while (sibling != null) {\n    if (sibling.nodeType === 1) {\n      siblings.push(sibling as Element);\n    }\n    sibling = sibling.nextSibling;\n  }\n  return siblings;\n}\n\n/**\n * Sets aria-hidden=true on Modal ancestors and siblings.\n *\n * @param modal\n * @returns An array of modified elements.\n */\nfunction setAriaHiddenOnBackgroundElements(modal: Modal) {\n  if (!modal.modalRef) {\n    return [];\n  }\n  const ariaHiddenElements: Element[] = [];\n  let node: Element | null = modal.modalRef.parentElement as Element;\n\n  do {\n    if (!node) {\n      break;\n    }\n    const siblings = getSiblings(node);\n    siblings.forEach((elem: Element) => {\n      if (elem.tagName.toLowerCase() !== 'script' && elem.getAttribute('aria-hidden') !== 'true') {\n        ariaHiddenElements.push(elem);\n        elem.setAttribute('aria-hidden', 'true');\n      }\n    });\n    node = node.parentElement;\n  } while (node && node.tagName.toLowerCase() !== 'body');\n\n  return ariaHiddenElements;\n}\n\n/**\n * Resets the aria-hidden state on previously aria-hidden elements.\n *\n * @param elements\n */\nfunction resetAriaHiddenOnBackgroundElements(elements: Element[]) {\n  elements.forEach((elem) => {\n    elem.removeAttribute('aria-hidden');\n  });\n}\n\nexport default class ModalManager {\n  /**\n   * Array of ModalDescriptors managed by ModalManager\n   */\n  private modals: ModalDescriptor[];\n  /**\n   * Backup of the main container's (body) CSS props potentially altered by Modal.\n   */\n  private styleBackup: StyleBackup;\n\n  constructor() {\n    this.modals = [];\n    this.styleBackup = [];\n  }\n\n  /**\n   * Registers a modal with ModalManager\n   *\n   * @param modal\n   * @returns\n   */\n  push(modal: Modal) {\n    const modalIndex = this._findModalIndex(modal);\n\n    if (modalIndex !== -1) {\n      // Do not try to register the same modal multiple times\n      return;\n    }\n\n    this.modals.push({\n      modal: modal,\n      ariaHiddenChildren: setAriaHiddenOnBackgroundElements(modal)\n    });\n\n    // if this is the first modal in the container, block container scrolling\n    if (this.modals.length === 1) {\n      const ownerDocument = this._getOwnerDocument(modal.modalRef);\n      const scrollContainer = ownerDocument.body;\n\n      const scrollBarWidth = window.innerWidth - document.documentElement.clientWidth;\n      if (scrollBarWidth > 1) {\n        // in RTL, scrollbar is on the left\n        const scrollBarLeft =\n          Math.round(document.documentElement.getBoundingClientRect().left) +\n          document.documentElement.scrollLeft;\n\n        if (scrollBarLeft) {\n          this.styleBackup.push({\n            property: 'padding-left',\n            value: scrollContainer.style.paddingLeft\n          });\n          scrollContainer.style.paddingLeft = `${scrollBarWidth}px`;\n        } else {\n          this.styleBackup.push({\n            property: 'padding-right',\n            value: scrollContainer.style.paddingRight\n          });\n          scrollContainer.style.paddingRight = `${scrollBarWidth}px`;\n        }\n      }\n\n      this.styleBackup.push({ property: 'overflow', value: scrollContainer.style.overflow });\n      this.styleBackup.push({ property: 'overflow-x', value: scrollContainer.style.overflowX });\n      this.styleBackup.push({ property: 'overflow-y', value: scrollContainer.style.overflowY });\n\n      scrollContainer.style.overflow = 'hidden';\n    }\n  }\n\n  /**\n   * Unegisters a modal from ModalManager\n   *\n   * @param modal\n   * @returns\n   */\n  pop(modal: Modal) {\n    const modalIndex = this._findModalIndex(modal);\n\n    if (modalIndex === -1) {\n      // modal to be removed not found!'\n      return;\n    }\n\n    if (modalIndex !== this.modals.length - 1) {\n      // trying to remove modal out of order!\n      return;\n    }\n\n    const modalDescriptor = this.modals.pop();\n\n    if (modalDescriptor) {\n      resetAriaHiddenOnBackgroundElements(modalDescriptor?.ariaHiddenChildren);\n    }\n\n    // if this was the last modal in the container, restore its overflow props\n    if (this.modals.length === 0) {\n      const ownerDocument = this._getOwnerDocument(modal.modalRef);\n      const scrollContainer = ownerDocument.body;\n\n      this.styleBackup.forEach(({ property, value }) => {\n        scrollContainer.style.setProperty(property, value);\n      });\n    }\n  }\n\n  isTopModal(modal: Modal): boolean {\n    return this.modals.length > 0 && this.modals[this.modals.length - 1] === modal;\n  }\n\n  private _findModalIndex(modal: Modal): number {\n    let index = -1;\n    this.modals.forEach((elem, idx) => {\n      if (elem.modal === modal) {\n        index = idx;\n        return;\n      }\n    });\n    return index;\n  }\n\n  private _getOwnerDocument(node: Node | null | undefined): Document {\n    return (node && node.ownerDocument) || document;\n  }\n}\n","import { useEffect, useRef } from 'preact/compat';\nimport { useModal } from './hooks/useModal';\nimport { Layer } from '../UNSAFE_Layer';\nimport ModalBackdrop from './ModalBackdrop';\nimport ModalManager from './ModalManager';\nimport { baseStyle } from './themes/ModalStyles.css';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\n\n// Global ModalManager singleton instance\nconst globalModalManager = new ModalManager();\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'children'>;\ntype UseModalProps = Parameters<typeof useModal>[0];\ntype Props = UseModalProps &\n  IntrinsicProps & {\n    /**\n     * Determines if the modal is active.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies if modal backdrop is visible or transparent. Default is 'scrim' (visible).\n     */\n    backdropVariant?: 'scrim' | 'transparent';\n    /**\n     * A callback to be invoked when a click on the modal backdrop occurs.\n     */\n    onBackdropClick?: (event: MouseEvent) => void;\n  };\n\n/**\n * Modal is a low-level component that provides the 'modality' feature with built-in overlay (scrim).\n * It is typically used for building higher-level components (such as 'Dialog' or 'Popup') that need\n * to support modal behavior preventing interaction with the rest of the page while the modal is open.\n */\nconst Modal = ({ children, isOpen, onBackdropClick, backdropVariant }: Props) => {\n  // get the global ModalContext instance\n  const modalManager = globalModalManager;\n\n  const { backdropRef } = useModal({ isOpen, onBackdropClick });\n  // main modal element ref\n  const modalRef = useRef<HTMLDivElement>(null);\n\n  // modal ref cache, required to lookup the item in modal manger when the actual ref is unmounted\n  const modal = useRef<{\n    modalRef?: typeof modalRef.current;\n  }>({});\n\n  // populates and returns the modal ref cache\n  const getModal = () => {\n    modal.current.modalRef = modalRef.current;\n    return modal.current;\n  };\n\n  useEffect(() => {\n    if (isOpen && modalRef.current) {\n      modalManager?.push(getModal());\n    } else {\n      if (modal.current.modalRef) {\n        modalManager?.pop(getModal());\n      }\n    }\n  }, [isOpen, modalManager]);\n\n  useEffect(() => {\n    const modalRef = modal.current.modalRef;\n    return () => {\n      if (modalRef) {\n        modalManager?.pop(getModal());\n      }\n    };\n  }, [modalManager]);\n\n  return isOpen ? (\n    <Layer>\n      <div ref={modalRef} class={baseStyle}>\n        <ModalBackdrop ref={backdropRef} variant={backdropVariant} />\n        {children}\n      </div>\n    </Layer>\n  ) : null;\n};\n\nexport default Modal;\n"],"names":["useModal","props","isOpen","onBackdropClick","onBackdropClickProp","backdropRef","useRef","mouseDownTarget","onMouseDown","useCallback","event","current","target","stopPropagation","useEffect","modal","addEventListener","removeEventListener","ModalBackdrop","forwardRef","variant","ref","variantClasses","multiVariantStyles","backdrop","_jsx","class","getSiblings","elem","siblings","sibling","previousSibling","nodeType","push","nextSibling","setAriaHiddenOnBackgroundElements","modalRef","ariaHiddenElements","node","parentElement","forEach","tagName","toLowerCase","getAttribute","setAttribute","globalModalManager","constructor","this","modals","styleBackup","_findModalIndex","ariaHiddenChildren","length","scrollContainer","_getOwnerDocument","body","scrollBarWidth","window","innerWidth","document","documentElement","clientWidth","Math","round","getBoundingClientRect","left","scrollLeft","property","value","style","paddingLeft","paddingRight","overflow","overflowX","overflowY","pop","modalIndex","modalDescriptor","elements","removeAttribute","setProperty","isTopModal","index","idx","ownerDocument","children","backdropVariant","modalManager","getModal","Layer","_jsxs","baseStyle"],"mappings":"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"}

package/amd/MonthView-8a1fde80.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './dayUtils-4b65f33f', './getFormatParse-c1655d39', './logger-0f873e29', './calendarDateUtils-ee8bb928', './StyledDatePickerButton-e01ce5fc', './useUser-3ef25571', 'preact/compat', './useTranslationBundle-d07d4b20', './useCellNavigation-1feec094', './PRIVATE_MonthView/themes/DayCellStyles.css', './Grid-8911aa0f', './PRIVATE_MonthView/themes/redwood/MonthViewTheme', './useComponentTheme-5aa41a8f', './PRIVATE_MonthView/themes/MonthViewContract.css', './PRIVATE_MonthView/themes/WeekNumberCellStyle.css'], (function(e,t,a,s,o,n,r,i,l,d,c,u,h,m,y,g,p){"use strict";const D=()=>({state:"enabled"}),f=e=>{const{buttonProps:a}=(({date:e,dayFormatter:t=D,isAdjacentMonth:a,isDisabled:s,isFocusable:o,isFocused:r,isHidden:u,isReadonly:h,isSelected:m,isToday:y,onAction:g,onNavigation:p})=>{const{locale:f}=i.useUser(),{state:b}=t(e),w="disabled"===b,T="restricted"===b,C=c.useFocusableCell({isFocusable:o,isFocused:r}),k=l.useCallback((e=>{s||h||w||T||g(e)}),[s,w,h,T,g]),x=c.useCellNavigation({navigationMap:{ArrowLeft:{ltr:"previousDay",rtl:"nextDay"},ArrowRight:{ltr:"nextDay",rtl:"previousDay"},ArrowDown:"nextWeek",ArrowUp:"previousWeek",PageDown:"nextMonth",PageUp:"previousMonth",Home:"firstDayOfMonth",End:"lastDayOfMonth",ShiftPageDown:"nextYear",ShiftPageUp:"previousYear",CtrlAltT:"today"},payload:{date:e},onAction:k,onNavigation:p}),M=d.useTranslationBundle("@oracle/oraclejet-preact"),S=M.datePicker_today(),v=M.datePicker_selected(),j=M.datePicker_restricted(),V=n.formatFullCalendarDate(f,e,"day");let A=y?`${S}, ${V}`:V;A=T?`${A}, ${j}`:A,A=m?`${A}, ${v}`:A;const P=n.toJSDate(e.year,e.month,e.day).getDate().toString();return{buttonProps:{"aria-label":A,...(u||s||w||T)&&{"aria-disabled":!0},isActivable:!(s||h||w||T),isAdjacentMonth:a,isDimmed:s||w,isHidden:u,isHoverable:!(s||h||w||T),isReadonly:h,isSelected:m,isRestricted:T,isToday:y,label:P,...C,...x}}})(e);return t.jsx("div",{role:"gridcell",class:u.dayCellStyles,children:t.jsx(r.StyledDatePickerButton,{...a})})},b=({startDateOfWeek:e})=>{const a=(e=>{const t=n.toJSDate(e.year,e.month,e.day),a=t.getUTCDay();1!==a&&t.setUTCDate(t.getUTCDate()+(0===a?1:2)),t.setUTCDate(t.getUTCDate()+3);const s=n.toJSDate(t.getUTCFullYear(),1,1);return Math.floor(Math.round((t.getTime()-s.getTime())/864e5)/7)+1})(e),s=d.useTranslationBundle("@oracle/oraclejet-preact");return t.jsx("div",{"aria-label":s.datePicker_weekNum({NUM:String(a)}),class:p.weekNumberCellStyles,role:"rowheader",children:t.jsx("span",{class:p.weekNumberStyles,children:a})})};function w(e,t){return e.year===t.year&&e.month===t.month&&e.day===t.day}e.MonthView=({dayFormatter:e,daysOutsideMonth:s="hidden",isReadonly:o=!1,max:r,min:l,onAction:d,onNavigation:c,selectedDate:u,focusableDate:p,isFocused:D=!1,testId:T,todaysDate:C,weekDisplay:k="none"})=>{const{locale:x}=i.useUser(),M=a.getWeeksInMonth(p.year,p.month,x),{baseTheme:S,styles:v}=y.useComponentTheme(m.MonthViewRedwoodTheme,{}),j="number"===k,V=`repeat(${j?8:7}, 1fr)`,A=n.formatFullCalendarDate(x,p,"month");return t.jsx("div",{class:S,children:t.jsxs(h.Grid,{gap:g.monthViewScaleVars.rowGap,"aria-label":A,role:"grid",testId:T,children:[(()=>{const e=a.getDaysOfWeekNames(x,"short");return t.jsxs(h.Grid,{role:"row","aria-hidden":"true",gridTemplateColumns:V,gap:g.monthViewScaleVars.columnGap,children:[j&&t.jsx("div",{role:"presentation"}),e.map((e=>t.jsx("div",{role:"columnheader",class:v.dayOfTheWeek,children:t.jsx("span",{children:e})})))]})})(),(()=>{const i=[];for(let m=0;m<M;m++){const y=a.getStartOfWeek(p.year,p.month,1,x),T=a.getDatesInWeek(m,y.year,y.month,y.day),k=T.map((a=>{const i=n.isDateOutOfRange(a,l,r),h=!!u&&w(a,u),m=w(a,C),y=w(a,p),g=(b=p,a.month!==b.month);var b;const T=g&&"hidden"===s;return t.jsx(f,{date:a,dayFormatter:e,isAdjacentMonth:g,isDisabled:i,isFocusable:y,isFocused:y&&D,isHidden:T,isReadonly:o,isSelected:h,isToday:m,onAction:d,onNavigation:c},`${a.year}-${a.month}-${a.day}`)}));i.push(t.jsxs(h.Grid,{role:"row",gridTemplateColumns:V,gap:g.monthViewScaleVars.columnGap,children:[j&&t.jsx(b,{startDateOfWeek:T[0]}),k]},m))}return i})()]})})}}));
-//# sourceMappingURL=MonthView-8a1fde80.js.map

package/amd/MonthView-8a1fde80.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MonthView-8a1fde80.js","sources":["../../src/PRIVATE_MonthView/useDayCell.ts","../../src/PRIVATE_MonthView/DayCell.tsx","../../src/PRIVATE_MonthView/WeekNumberCell.tsx","../../src/PRIVATE_MonthView/MonthView.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport type { CalendarDateRequired } from '#utils/UNSAFE_calendarDateUtils';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { formatFullCalendarDate, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { ComponentProps, useCallback } from 'preact/compat';\n\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { useFocusableCell } from '#UNSAFE_DatePicker/useFocusableCell';\nimport { useCellNavigation } from '#UNSAFE_DatePicker/useCellNavigation';\nimport { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\n\ntype NavigationDirections =\n  | 'previousDay'\n  | 'nextDay'\n  | 'previousWeek'\n  | 'nextWeek'\n  | 'previousMonth'\n  | 'nextMonth'\n  | 'previousYear'\n  | 'nextYear'\n  | 'firstDayOfMonth'\n  | 'lastDayOfMonth'\n  | 'today';\n\nexport type DayFormatOptions = {\n  state: 'enabled' | 'disabled' | 'restricted';\n};\n\n// These are the properties the useDayCell hook takes.\nexport type UseDayCellProps = {\n  /**\n   * Date of the day cell. This will be formatted as a full date and put in the aria-label.\n   */\n  date: CalendarDateRequired;\n  /**\n   * A function that receives a date and returns an object specifying how to format the provided date.\n   * This function is called for each date that is rendered and this can be used to control how individual\n   * dates are rendered - disabled, restricted, or enabled.\n   * @param date The date to format\n   * @returns The format options\n   */\n  dayFormatter?: (date: CalendarDateRequired) => DayFormatOptions;\n  /**\n   * Whether the day cell is in an adjacent month, not the current month.\n   */\n  isAdjacentMonth: boolean;\n  /**\n   * Whether the day cell is disabled, like if it is out of the min/max range.\n   */\n  isDisabled?: boolean;\n  /**\n   * Whether the day cell is focusable, meaning it will have tabIndex 0.\n   */\n  isFocusable: boolean;\n  /**\n   * Whether the day cell has focus.\n   */\n  isFocused: boolean;\n  /**\n   * Whether the day cell is hidden. For example, days outside of the current month are hidden by default.\n   */\n  isHidden: boolean;\n  /**\n   * Whether the day cell is readonly. It is not activeable.\n   */\n  isReadonly: boolean;\n  /**\n   * Whether the day cell looks selected.\n   */\n  isSelected: boolean;\n  /**\n   * Whether the day cell's date is today.\n   */\n  isToday: boolean;\n  /**\n   * A callback that will be invoked when the user selects the date by clicking on a day cell or selecting the enter or space key on a day cell.\n   * @param payload The payload containing the date represented by this cell.\n   */\n  onAction: (payload: { date: CalendarDateRequired }) => void;\n  /**\n   * A callback that will be invoked when the user navigates.\n   */\n  onNavigation: (detail: { direction: NavigationDirections; date: CalendarDateRequired }) => void;\n};\n\n/**\n * The useDayCell hook returns properties for an individual DayCell. The properties returned should be spread on the StyledDatePickerButton.\n * These include the event handlers for keydown and click.\n */\nexport const useDayCell = ({\n  date,\n  dayFormatter = defaultDayFormatter,\n  isAdjacentMonth,\n  isDisabled,\n  isFocusable,\n  isFocused,\n  isHidden,\n  isReadonly,\n  isSelected,\n  isToday,\n  onAction,\n  onNavigation\n}: UseDayCellProps) => {\n  const { locale } = useUser();\n\n  // apply day formatting\n  const { state } = dayFormatter(date);\n  const isDisabledFormat = state === 'disabled';\n  const isRestrictedFormat = state === 'restricted';\n\n  // Focus the day cell with isFocused true when the state updates.\n  const buttonProps = useFocusableCell({ isFocusable, isFocused });\n  // Override onAction to not call it if disabled, readonly or restricted\n  const handleAction: UseDayCellProps['onAction'] = useCallback(\n    (payload) => {\n      if (isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat) return;\n      onAction(payload);\n    },\n    [isDisabled, isDisabledFormat, isReadonly, isRestrictedFormat, onAction]\n  );\n  const buttonEventHandlers = useCellNavigation({\n    navigationMap: {\n      ArrowLeft: { ltr: 'previousDay', rtl: 'nextDay' },\n      ArrowRight: { ltr: 'nextDay', rtl: 'previousDay' },\n      ArrowDown: 'nextWeek',\n      ArrowUp: 'previousWeek',\n      PageDown: 'nextMonth',\n      PageUp: 'previousMonth',\n      Home: 'firstDayOfMonth',\n      End: 'lastDayOfMonth',\n      ShiftPageDown: 'nextYear',\n      ShiftPageUp: 'previousYear',\n      CtrlAltT: 'today'\n    },\n    payload: { date },\n    onAction: handleAction,\n    onNavigation\n  });\n\n  // For accessibility, we want a full date.\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const today = translations.datePicker_today();\n  const selected = translations.datePicker_selected();\n  const restricted = translations.datePicker_restricted();\n\n  const formattedDate = formatFullCalendarDate(locale, date, 'day');\n  let ariaLabel = isToday ? `${today}, ${formattedDate}` : formattedDate;\n  ariaLabel = isRestrictedFormat ? `${ariaLabel}, ${restricted}` : ariaLabel;\n  ariaLabel = isSelected ? `${ariaLabel}, ${selected}` : ariaLabel;\n  const dayOfMonth = toJSDate(date.year, date.month, date.day).getDate().toString();\n\n  return {\n    buttonProps: {\n      'aria-label': ariaLabel,\n      ...((isHidden || isDisabled || isDisabledFormat || isRestrictedFormat) && {\n        'aria-disabled': true\n      }),\n      isActivable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),\n      isAdjacentMonth,\n      isDimmed: isDisabled || isDisabledFormat,\n      isHidden,\n      isHoverable: !(isDisabled || isReadonly || isDisabledFormat || isRestrictedFormat),\n      isReadonly,\n      isSelected,\n      isRestricted: isRestrictedFormat,\n      isToday,\n      label: dayOfMonth,\n      ...buttonProps,\n      ...buttonEventHandlers\n    } as ComponentProps<typeof StyledDatePickerButton>\n  };\n};\n\n/**\n * A default day formatter that always formats as enabled state.\n */\nconst defaultDayFormatter = () => ({ state: 'enabled' }) as DayFormatOptions;\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 { StyledDatePickerButton } from '#PRIVATE_StyledDatePickerButton';\nimport { UseDayCellProps, useDayCell } from './useDayCell';\nimport { dayCellStyles } from './themes/DayCellStyles.css';\n\ntype PickedUseDayCellProps = Pick<\n  UseDayCellProps,\n  | 'date'\n  | 'dayFormatter'\n  | 'isAdjacentMonth'\n  | 'isDisabled'\n  | 'isFocusable'\n  | 'isFocused'\n  | 'isHidden'\n  | 'isReadonly'\n  | 'isSelected'\n  | 'isToday'\n  | 'onAction'\n  | 'onNavigation'\n>;\n\ntype DayCellProps = PickedUseDayCellProps;\n\n/**\n * The DayCell is the cell within the DatePicker's month view that contains the day in the month view.\n * This component will format the date for the aria-label.\n * The DayCell components uses the useDayCell hook to handle the user interactions with the day cell.\n */\nexport const DayCell = (props: DayCellProps) => {\n  const { buttonProps } = useDayCell(props);\n  // buttonProps, e.g., tabIndex, aria-label, onclick, onkeydown and visual states\n  return (\n    <div role=\"gridcell\" class={dayCellStyles}>\n      <StyledDatePickerButton {...buttonProps} />\n    </div>\n  );\n};\n","import { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport { BundleType } from '#resources/nls/bundle';\nimport { CalendarDateRequired, toJSDate } from '#utils/UNSAFE_calendarDateUtils';\nimport { weekNumberCellStyles, weekNumberStyles } from './themes/WeekNumberCellStyle.css'; \n\ntype Props = {\n  /**\n   * startDateOfWeek is the first date of the week row\n   */\n  startDateOfWeek: CalendarDateRequired;\n};\n\n/**\n * The ISO 8601 definition for week 01 is the week with the first Thursday of the Gregorian year (i.e. of January) in it.\n * https://en.wikipedia.org/wiki/ISO_week_date\n * @param date The first date of the week row to be used to calculate the week number\n * @returns the number of week in the year\n */\nconst calculateWeekNumber = (date: CalendarDateRequired) => {\n  const checkDate = toJSDate(date.year, date.month, date.day);\n  const dayNumber = checkDate.getUTCDay();\n\n  // For ISO week, we set the start of the week to Monday\n  if (dayNumber !== 1) {\n    checkDate.setUTCDate(checkDate.getUTCDate() + (dayNumber === 0 ? 1 : 2));\n  }\n\n  // Find Thursday (day value of 4) of this week\n  checkDate.setUTCDate(checkDate.getUTCDate() + 3);\n\n  // Create the start of the year date\n  const janFirst = toJSDate(checkDate.getUTCFullYear(), 1, 1);\n\n  return Math.floor(Math.round((checkDate.getTime() - janFirst.getTime()) / 86400000) / 7) + 1;\n};\n\n/**\n * The WeekNumberCell is the cell at the start of a week's row within the DatePicker's\n * month view that contains the week's number within the year. This displays when\n * the DatePicker's 'weekDisplay' prop is set to 'number'.\n * This component will format the week number for the aria-label.\n */\nconst WeekNumberCell = ({ startDateOfWeek }: Props) => {\n  const weekNumber = calculateWeekNumber(startDateOfWeek);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  return (\n    <div\n      aria-label={translations.datePicker_weekNum({ NUM: String(weekNumber) })}\n      class={weekNumberCellStyles}\n      role=\"rowheader\">\n      <span class={weekNumberStyles}>{weekNumber}</span>\n    </div>\n  );\n};\n\nexport { WeekNumberCell };\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 {\n  getWeeksInMonth,\n  getDatesInWeek,\n  getStartOfWeek,\n  getDaysOfWeekNames,\n  WeekInMonthIndex\n} from '#utils/PRIVATE_dayUtils';\nimport { ComponentProps } from 'preact/compat';\nimport {\n  CalendarDateRequired,\n  formatFullCalendarDate,\n  isDateOutOfRange\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { DayCell } from './DayCell';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { TestIdProps } from '#hooks/UNSAFE_useTestId';\nimport { Grid } from '#UNSAFE_Grid';\nimport {\n  MonthViewStyles,\n  MonthViewVariantOptions\n} from '#PRIVATE_MonthView/themes/MonthViewStyles.css';\nimport { MonthViewRedwoodTheme } from '#PRIVATE_MonthView/themes/redwood/MonthViewTheme';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { monthViewScaleVars } from '#PRIVATE_MonthView/themes/MonthViewContract.css';\nimport { WeekNumberCell } from './WeekNumberCell';\n\ntype PickedDayCellProps = Pick<\n  ComponentProps<typeof DayCell>,\n  'dayFormatter' | 'onAction' | 'onNavigation'\n>;\n\ntype MonthViewProps = TestIdProps &\n  PickedDayCellProps & {\n    /**\n     * The daysOutsideMonth property affects the day cells that are outside of the current month.\n     * If set to 'hidden', then the days outside of the current month will be hidden.\n     * If set to 'selectable', then the days outside of the current month will be visible and selectable.\n     * This defaults to 'hidden'.\n     */\n    daysOutsideMonth?: 'hidden' | 'selectable';\n    /**\n     * The MonthView renders with the month of the focusableDate.\n     * The focusableDate is the only day in the MonthView that has tabIndex: 0 on it.\n     * The focusableDate doesn't have focus until the user tabs in to the Month View.\n     * The focusableDate is never undefined.\n     */\n    focusableDate: CalendarDateRequired;\n    /**\n     * If set to true, the focusableDate will be focused and you will see the focus ring. It will be\n     * false when no date has focus.\n     * @default false\n     */\n    isFocused?: boolean;\n    /**\n     * Specifies whether the component is readonly.\n     */\n    isReadonly?: boolean;\n    /**\n     * The maximum selectable date. The max must be greater than the min if they are both specified.\n     */\n    max?: CalendarDateRequired;\n    /**\n     * The minimum selectable date. The min must be less than the max if they are both specified.\n     */\n    min?: CalendarDateRequired;\n    /**\n     * The selected date of the MonthView, or undefined is there is no selected date. This\n     * is used to highlight the selected day cell if it is within the min/max range.\n     */\n    selectedDate?: CalendarDateRequired;\n    /**\n     * Today's date. This is used to highlight the Today day cell.\n     */\n    todaysDate: CalendarDateRequired;\n    /**\n     * Whether week of the year will be shown in the DatePicker. The default calculation follows the\n     * ISO 8601 definition: the first week of the year contains the first Thursday of the year.\n     * This means that some days from one year may be placed into weeks 'belonging' to another year.\n     */\n    weekDisplay?: 'none' | 'number';\n  };\n\n/**\n * A MonthView is a month interface that allows users to select a single date. The MonthView is the week day header\n * abbreviations and the days of the month. A MonthView is used inside of a DatePicker\n * along with the DatePickerHeader and the MonthGridView and YearGridView.\n */\nexport const MonthView = ({\n  dayFormatter,\n  daysOutsideMonth = 'hidden',\n  isReadonly = false,\n  max,\n  min,\n  onAction,\n  onNavigation,\n  selectedDate,\n  focusableDate,\n  isFocused = false,\n  testId,\n  todaysDate,\n  weekDisplay = 'none'\n}: MonthViewProps) => {\n  const { locale } = useUser();\n  const weeksInMonth = getWeeksInMonth(focusableDate.year, focusableDate.month, locale);\n  const { baseTheme, styles } = useComponentTheme<MonthViewVariantOptions, MonthViewStyles>(\n    MonthViewRedwoodTheme,\n    {}\n  );\n  const isWeekNumberDisplayed = weekDisplay === 'number';\n  const gridTemplateColumns = `repeat(${isWeekNumberDisplayed ? 8 : 7}, 1fr)`;\n\n  const renderMonthViewHeaderRow = () => {\n    const weekDays = getDaysOfWeekNames(locale, 'short');\n\n    return (\n      <Grid\n        role=\"row\"\n        aria-hidden=\"true\"\n        gridTemplateColumns={gridTemplateColumns}\n        gap={monthViewScaleVars.columnGap}>\n        {isWeekNumberDisplayed && <div role=\"presentation\" />}\n        {weekDays.map((day) => (\n          <div role=\"columnheader\" class={styles.dayOfTheWeek}>\n            <span>{day}</span>\n          </div>\n        ))}\n      </Grid>\n    );\n  };\n\n  const renderMonthView = () => {\n    const calendarGrid: JSX.Element[] = [];\n\n    for (let weekIndex = 0; weekIndex < weeksInMonth; weekIndex++) {\n      const startDateOfWeek = getStartOfWeek(focusableDate.year, focusableDate.month, 1, locale);\n\n      const weekDates = getDatesInWeek(\n        weekIndex as WeekInMonthIndex,\n        startDateOfWeek.year,\n        startDateOfWeek.month,\n        startDateOfWeek.day\n      );\n\n      const weekCells = weekDates.map((dayCellDate) => {\n        // This figures out the visual state of the DayCell.\n        const isDisabled = isDateOutOfRange(dayCellDate, min, max);\n\n        // Even if the selected date is out of range, the UX design shows it as selected.\n        const isSelected = selectedDate ? isSameDate(dayCellDate, selectedDate) : false;\n        const isToday = isSameDate(dayCellDate, todaysDate);\n        const isFocusable = isSameDate(dayCellDate, focusableDate);\n        const isAdjacentMonth = isOutOfMonth(dayCellDate, focusableDate);\n        const isHidden = isAdjacentMonth && daysOutsideMonth === 'hidden';\n\n        return (\n          <DayCell\n            key={`${dayCellDate.year}-${dayCellDate.month}-${dayCellDate.day}`}\n            date={dayCellDate}\n            dayFormatter={dayFormatter}\n            isAdjacentMonth={isAdjacentMonth}\n            isDisabled={isDisabled}\n            isFocusable={isFocusable}\n            isFocused={isFocusable && isFocused}\n            isHidden={isHidden}\n            isReadonly={isReadonly}\n            isSelected={isSelected}\n            isToday={isToday}\n            onAction={onAction}\n            onNavigation={onNavigation}></DayCell>\n        );\n      });\n\n      calendarGrid.push(\n        <Grid\n          key={weekIndex}\n          role=\"row\"\n          gridTemplateColumns={gridTemplateColumns}\n          gap={monthViewScaleVars.columnGap}>\n          {isWeekNumberDisplayed && <WeekNumberCell startDateOfWeek={weekDates[0]} />}\n          {weekCells}\n        </Grid>\n      );\n    }\n\n    return calendarGrid;\n  };\n\n  const monthViewAriaLabel = formatFullCalendarDate(locale, focusableDate, 'month');\n  return (\n    <div class={baseTheme}>\n      <Grid\n        gap={monthViewScaleVars.rowGap}\n        aria-label={monthViewAriaLabel}\n        role=\"grid\"\n        testId={testId}>\n        {renderMonthViewHeaderRow()}\n        {renderMonthView()}\n      </Grid>\n    </div>\n  );\n};\n\nfunction isSameDate(date1: CalendarDateRequired, date2: CalendarDateRequired) {\n  return date1.year === date2.year && date1.month === date2.month && date1.day === date2.day;\n}\n\nfunction isOutOfMonth(date1: CalendarDateRequired, currentMonthDate: CalendarDateRequired) {\n  return date1.month !== currentMonthDate.month;\n}\n"],"names":["defaultDayFormatter","state","DayCell","props","buttonProps","date","dayFormatter","isAdjacentMonth","isDisabled","isFocusable","isFocused","isHidden","isReadonly","isSelected","isToday","onAction","onNavigation","locale","useUser","isDisabledFormat","isRestrictedFormat","useFocusableCell","handleAction","useCallback","payload","buttonEventHandlers","useCellNavigation","navigationMap","ArrowLeft","ltr","rtl","ArrowRight","ArrowDown","ArrowUp","PageDown","PageUp","Home","End","ShiftPageDown","ShiftPageUp","CtrlAltT","translations","useTranslationBundle","today","datePicker_today","selected","datePicker_selected","restricted","datePicker_restricted","formattedDate","formatFullCalendarDate","ariaLabel","dayOfMonth","toJSDate","year","month","day","getDate","toString","isActivable","isDimmed","isHoverable","isRestricted","label","useDayCell","_jsx","jsx","role","class","dayCellStyles","children","StyledDatePickerButton","WeekNumberCell","startDateOfWeek","weekNumber","checkDate","dayNumber","getUTCDay","setUTCDate","getUTCDate","janFirst","getUTCFullYear","Math","floor","round","getTime","calculateWeekNumber","datePicker_weekNum","NUM","String","weekNumberCellStyles","weekNumberStyles","isSameDate","date1","date2","daysOutsideMonth","max","min","selectedDate","focusableDate","testId","todaysDate","weekDisplay","weeksInMonth","getWeeksInMonth","baseTheme","styles","useComponentTheme","MonthViewRedwoodTheme","isWeekNumberDisplayed","gridTemplateColumns","monthViewAriaLabel","_jsxs","jsxs","Grid","gap","monthViewScaleVars","rowGap","weekDays","getDaysOfWeekNames","columnGap","map","dayOfTheWeek","renderMonthViewHeaderRow","calendarGrid","weekIndex","getStartOfWeek","weekDates","getDatesInWeek","weekCells","dayCellDate","isDateOutOfRange","currentMonthDate","push","renderMonthView"],"mappings":"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"}

package/amd/PieChart-45cc3798.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './UNSAFE_PieChart/themes/PieChartStyles.css', './TrackResizeContainer-74ef32df', './pathUtils-ec75f879', './layoutUtils-ac40a238', './classNames-08d99695', './usePieChartNav-db1fd7a7', './useDatatip-748e233f', './util-5bb1f200', './mergeProps-bcfa6a92', './VisTabularDatatip-55bbd19f', './colorUtils-a785c4c4', './accUtils-1557920a', './useUser-3ef25571', './useTestId-b5cd4766', './useVisTouchResponse-36416652', 'preact/hooks', './stringUtils-0ae982c2'], (function(e,t,a,s,i,n,o,r,l,c,d,h,u,b,f,m,x,g,p){"use strict";const M=.45,v=.38,I=3,y=1.5,T=90;function j(e){return e*(Math.PI/180)}function w(e,t,a,s){const i=Math.atan2(s,a)-Math.atan2(t,e);return i<0?i+2*Math.PI:i}function C(e,t,a,s,n,o,r,l,c){const d=Math.max(s-e,0),h=Math.max(n-e,0),u=360==r||d<e?0:l+2*e,b=o?o+e:0,f=j(360==r?359.99:r),m=j(c),x=u/2,g=x<d?Math.asin(x/d):0,p=-f/2-m,M=Math.min(5*x,f>0?Math.abs(x/Math.sin(f/2)):0),v=0==d?M:M*h/d,I=t+Math.cos(p)*M,y=a+Math.sin(p)*v,T=t+Math.cos(-g-m)*d,C=a+Math.sin(-g-m)*h,R=t+Math.cos(-m-f+g)*d,P=a+Math.sin(-m-f+g)*h;let L,V=w(R-t,P-a,T-t,C-a);if(V=Math.min(V,f),b>0){const e=x<b?Math.asin(x/b):0,s=t+Math.cos(-e-m)*b,n=a+Math.sin(-e-m)*b,o=t+Math.cos(-m-f+e)*b,l=a+Math.sin(-m-f+e)*b;let c=w(o-t,l-a,s-t,n-a);c=Math.min(c,V,f),360==r?(L=i.moveTo(R,P),L+=i.arcTo(d,h,f,1,T,C),L+=i.lineTo(R,P),L+=i.moveTo(s,n),L+=i.arcTo(b,b,f,0,o,l)):(L=i.moveTo(o,l),L+=i.lineTo(R,P),L+=i.arcTo(d,h,V,1,T,C),L+=i.lineTo(s,n),L+=i.arcTo(b,b,c,0,o,l))}else 360==r?(L=i.moveTo(R,P),L+=i.arcTo(d,h,f,1,T,C)):(L=i.moveTo(I,y),L+=i.lineTo(R,P),L+=i.arcTo(d,h,V,1,T,C));return L+=i.closePath(),L}function R(e,t,a){return{innerBounds:{width:Math.sqrt(2)*a,height:Math.sqrt(2)*a,x:e-a/Math.sqrt(2),y:t-a/Math.sqrt(2)},outerBounds:{width:2*a,height:2*a,x:e-a,y:t-a}}}function P(e,t,a,s,i,n){return n?function(e,t,a,s,i,n){const o=(e+t/2)/180*Math.PI,r=(i+n)/2;return{x:a+r*Math.cos(o),y:s-r*Math.sin(o),width:0,height:0}}(e[n.itemIndex].startAngle,e[n.itemIndex].angleExtent,t,a,s,i):void 0}function L(e,t,a){return a?.color||null!=t?.itemIndex?e[t.itemIndex]:void 0}function V({cx:e,cy:s,r:i,startAngle:n,angleExtent:r,gap:l,innerRadius:c,color:d,id:h,itemIndex:u,isFocused:b=!1,isHovered:f=!1,...m}){const x=C(0,e,s,i,i,c,r,l,n);let g;return b?(g=C(2,e,s,i,i,c,r,l,n),t.jsxs("g",{id:h,role:m.accessibleLabel?"img":void 0,"data-oj-item-index":u,"data-oj-object":"pieSlice","aria-label":m.accessibleLabel,children:[t.jsx("path",{d:x,fill:d,stroke:d,className:a.styles.innerShapes}),t.jsx("path",{d:g,fill:d,className:o.classNames([a.styles.contrastBorder,a.styles.innerShapes])})]})):t.jsx("path",{role:m.accessibleLabel?"img":void 0,"aria-label":m.accessibleLabel,d:x,"data-oj-object":"pieSlice",fill:d,id:h,"data-oj-item-index":u})}const A=100;function N({width:e,height:s,testId:i,innerRadius:o=0,...b}){const j=g.useRef(null),w=u.getColorRamp(),{totalValue:C,isLabelOutside:N}=b.data.reduce((({totalValue:e,isLabelOutside:t},a)=>({totalValue:e+a.value,isLabelOutside:t})),{totalValue:0,isLabelOutside:!1});const S=function(e,t){let a,s=T;const i=[];for(let n=0;n<e.length;n++){const o=e[n],r=o.value;a=r===t?100:0===t?0:Math.min(r/t*100,99.99);const l=3.6*a;let c=s-l;c<0&&(c+=360),i.push({index:n,startAngle:c,angleExtent:l,...o}),s=c}return i}(b.data,C),U=function(e){return I*e}(.5),D=b.data.length>A,{direction:E}=f.useUser(),F=m.useTestId(i),k=n.getAvailSpace(e,s),{cx:O,cy:q}=function(e){return{cx:e.x+Math.floor(e.width/2),cy:e.y+Math.floor(e.height/2)}}(k),B=function(e,t){const a=t?v:M;return Math.floor(Math.min(e.width,e.height)*a)}(k,N),z=o*B,H=function(e,t,a){if(!t)return e;const s=2*Math.PI*a;let i=0;return e.filter((({startAngle:e,angleExtent:t})=>{const a=(t+e)/360*s;return!(t/360*s<y&&Math.abs(i-a)<y||(i=a,0))}))}(S,D,B),G=(_=H,J="rtl"===E,({itemIndex:e},t)=>{let a=e;return a=J&&("ArrowRight"===t||"ArrowUp"===t)||!J&&("ArrowLeft"===t||"ArrowDown"===t)?e-1:e+1,{itemIndex:(a%_.length+_.length)%_.length}});var _,J;const{touchResponse:K,touchResponseStyle:Q}=x.useVisTouchResponse({type:"auto",supportsTouchDragGestures:!1,rootRef:j}),{activeId:W,navProps:X,focusedItemInfo:Y,hoveredItemInfo:Z}=r.usePieChartNav({touchResponse:K,getNextChartItem:G}),$=Y.isFocusVisible?Y:Z,ee=$?b.data[H[$.itemIndex].index]:void 0,{content:te,borderColor:ae}=ee&&b.datatip?b.datatip({data:ee}):((e,a)=>e?e.accessibleLabel?{content:e.accessibleLabel,borderColor:L(w,a,e)}:{content:t.jsx(h.VisTabularDatatip,{tableData:[{key:"Value",value:e.value}]}),borderColor:L(w,a,e)}:{content:void 0,borderColor:void 0})(ee,$),se=Y.isFocusVisible?"element":"pointer",ie=$?.isFocusVisible?P(H,O,q,z,B,$):void 0,{datatipContent:ne,datatipProps:oe}=l.useDatatip({content:te,offset:c.calculateOffset("rtl"===E,e,ie),anchor:se,placement:"top-start",borderColor:ae,touchResponse:K});oe["aria-describedby"]=p.merge([b["aria-describedby"],oe["aria-describedby"]]);const re=d.mergeProps(X,oe);return t.jsxs("div",{ref:j,tabIndex:0,"aria-label":b["aria-label"],"aria-labelledby":b["aria-labelledby"],"aria-activedescendant":W,role:"application",...re,...F,className:a.styles.chart,style:{width:e,height:s,...Q},children:[H.length>0&&t.jsx("svg",{className:a.styles.svg,children:H.map(((e,a)=>t.jsx(V,{cx:O,cy:q,itemIndex:a,id:$?.itemIndex===a?W:void 0,isFocused:Y?.itemIndex===a&&Y?.isFocusVisible,isHovered:Z?.itemIndex===a,r:B,startAngle:e.startAngle,gap:U,innerRadius:z,angleExtent:e.angleExtent,color:e.color||w[a%w.length],accessibleLabel:e.accessibleLabel},e.id)))}),b.children?.(R(O,q,z)),ne]})}e.PieChart=function({width:e,height:i,...n}){return t.jsx(s.TrackResizeContainer,{width:e,height:i,class:a.dimensionStyle,children:(e,a)=>t.jsx(N,{width:e,height:a,...n})})}}));
-//# sourceMappingURL=PieChart-45cc3798.js.map

package/amd/PieChart-45cc3798.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PieChart-45cc3798.js","sources":["../../src/UNSAFE_PieChart/utils.ts","../../src/UNSAFE_PieChart/PieSlice.tsx","../../src/UNSAFE_PieChart/PieChartWithDimensions.tsx","../../src/UNSAFE_PieChart/pieNavUtils.ts","../../src/UNSAFE_PieChart/PieChart.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 type { ItemInfo } from '../hooks/PRIVATE_usePieChartNav';\nimport { arcTo, closePath, lineTo, moveTo } from '../utils/PRIVATE_visSVGUtils';\nimport type { PieChartItemData, PieSliceInfo } from './pieChart.types';\n\ntype Bounds = {\n  x: number;\n  y: number;\n  width: number;\n  height: number;\n};\n\nconst RADIUS_RATIO = 0.45;\nconst RADIUS_RATIO_WITH_LABELS = 0.38;\nconst SLICE_GAP_RATIO = 3;\nconst MIN_ARC_LENGTH = 1.5;\nconst START_ANGLE = 90;\n\n/**\n * Converts the angle from degrees to radians.\n * @param degree The angle in degrees\n * @returns\n */\nexport function degreesToRads(degree: number) {\n  return degree * (Math.PI / 180);\n}\n\n/**\n * Calculates the angle between two vectors.\n * @param vector1X The x component of first vector.\n * @param vector1Y The y component of first vector.\n * @param vector2X The x component of second vector.\n * @param vector2Y The y component of second vector.\n * @returns\n */\nexport function calculateAngleBetweenTwoVectors(\n  vector1X: number,\n  vector1Y: number,\n  vector2X: number,\n  vector2Y: number\n) {\n  const angle = Math.atan2(vector2Y, vector2X) - Math.atan2(vector1Y, vector1X);\n  return angle < 0 ? angle + 2 * Math.PI : angle;\n}\n\n/**\n * Get the center coord of the pie chart.\n * @param availSpace The available space.\n * @returns\n */\nexport function getPieCenter(availSpace: Bounds) {\n  return {\n    cx: availSpace.x + Math.floor(availSpace.width / 2),\n    cy: availSpace.y + Math.floor(availSpace.height / 2)\n  };\n}\n\n/**\n * Returns the radius of the pie chart.\n * @param availSpace The available space.\n * @param labelPosition The position of labels.\n * @returns\n */\nexport function getRadius(availSpace: Bounds, isLabelOutside: boolean) {\n  const radiusScale = isLabelOutside ? RADIUS_RATIO_WITH_LABELS : RADIUS_RATIO;\n  return Math.floor(Math.min(availSpace.width, availSpace.height) * radiusScale);\n}\n\n/**\n * Returns the total value of the pie chart.\n * @param items\n */\nexport function getPieChartInfo(items: PieChartItemData[]) {\n  return items.reduce(\n    ({ totalValue, isLabelOutside }, item) => {\n      return {\n        totalValue: totalValue + item.value,\n        isLabelOutside\n      };\n    },\n    { totalValue: 0, isLabelOutside: false }\n  );\n}\n\n/**\n * Returns the startAngle and angleOffset for the rendered items.\n * @param items\n * @param totalValue\n */\nexport function getSliceInfo(items: PieChartItemData[], totalValue: number) {\n  let anchorOffset = START_ANGLE;\n  let percentage;\n  const sliceInfo = [];\n  for (let i = 0; i < items.length; i++) {\n    const item = items[i];\n    const value = item.value;\n    if (value === totalValue) {\n      percentage = 100;\n    } else if (totalValue === 0) {\n      percentage = 0;\n    } else {\n      // if value is not 100%, cap it at 99.99%\n      percentage = Math.min((value / totalValue) * 100, 99.99);\n    }\n    const arc = percentage * 3.6;\n    let angle = anchorOffset - arc;\n    if (angle < 0) angle += 360;\n    sliceInfo.push({\n      index: i,\n      startAngle: angle,\n      angleExtent: arc,\n      ...item\n    });\n\n    anchorOffset = angle;\n  }\n  return sliceInfo;\n}\n\n/**\n * Returns the pie slice gaps.\n * @param  pieSliceGap The ratio of maximum supported pie slice gap.\n * @returns\n */\nexport function getPieSliceGap(pieSliceGap: number) {\n  return SLICE_GAP_RATIO * pieSliceGap;\n}\n\n/**\n * Returns the array of layouts to render without skipping.\n * @param layouts\n * @param hasLargeItemCount\n * @param radius\n * @returns\n */\nexport function getRenderedSlices(\n  itemInfo: PieSliceInfo[],\n  hasLargeItemCount: boolean,\n  radius: number\n): PieSliceInfo[] {\n  if (!hasLargeItemCount) {\n    return itemInfo;\n  }\n\n  const perimeter = 2 * Math.PI * radius;\n  let prevEndCoord = 0;\n\n  return itemInfo.filter(({ startAngle, angleExtent }) => {\n    const arcLength = (angleExtent / 360) * perimeter;\n    const endCoord = ((angleExtent + startAngle) / 360) * perimeter;\n    if (arcLength < MIN_ARC_LENGTH && Math.abs(prevEndCoord - endCoord) < MIN_ARC_LENGTH) {\n      return false;\n    } else {\n      prevEndCoord = endCoord;\n      return true;\n    }\n  });\n}\n\n/**\n * Returns the path of the pie slice wedge.\n * @param inset The inset.\n * @param cx The x coordinate of the center of the pie chart.\n * @param cy The y coordinate of the center of the pie chart.\n * @param radiusX The x radius of the slice.\n * @param radiusY The y radius of the slice.\n * @param innerRadius The inner radius.\n * @param angleExtent The angle extent.\n * @param wedgeGap The gap beteen the pie slices.\n * @param startAngle The start angle of the pie slice.\n * @returns\n */\nexport function makeWedgePath(\n  inset: number,\n  cx: number,\n  cy: number,\n  radiusX: number,\n  radiusY: number,\n  innerRadius: number,\n  angleExtent: number,\n  wedgeGap: number,\n  startAngle: number\n) {\n  const rx = Math.max(radiusX - inset, 0);\n  const ry = Math.max(radiusY - inset, 0);\n  const gap = angleExtent == 360 || rx < inset ? 0 : wedgeGap + 2 * inset;\n\n  const ir = innerRadius ? innerRadius + inset : 0;\n  // if angle extent is not 360, cap it  at 359.99\n  const angleExtentRads = angleExtent == 360 ? degreesToRads(359.99) : degreesToRads(angleExtent);\n\n  const startAngleRads = degreesToRads(startAngle);\n  const dataItemGaps = gap / 2;\n\n  const gapAngle = dataItemGaps < rx ? Math.asin(dataItemGaps / rx) : 0;\n  const centerLineAngle = -angleExtentRads / 2 - startAngleRads;\n\n  // cap at 5* dataItemsGap. logic from legacy dvt toolkit\n  const distanceToStartPointX = Math.min(\n    dataItemGaps * 5,\n    angleExtentRads > 0 ? Math.abs(dataItemGaps / Math.sin(angleExtentRads / 2)) : 0\n  );\n  const distanceToStartPointY = rx == 0 ? distanceToStartPointX : (distanceToStartPointX * ry) / rx;\n\n  const startPointX = cx + Math.cos(centerLineAngle) * distanceToStartPointX;\n  const startPointY = cy + Math.sin(centerLineAngle) * distanceToStartPointY;\n\n  const arcPointX = cx + Math.cos(-gapAngle - startAngleRads) * rx;\n  const arcPointY = cy + Math.sin(-gapAngle - startAngleRads) * ry;\n\n  const arcPoint2X = cx + Math.cos(-startAngleRads - angleExtentRads + gapAngle) * rx;\n  const arcPoint2Y = cy + Math.sin(-startAngleRads - angleExtentRads + gapAngle) * ry;\n\n  let outerAngle = calculateAngleBetweenTwoVectors(\n    arcPoint2X - cx,\n    arcPoint2Y - cy,\n    arcPointX - cx,\n    arcPointY - cy\n  );\n  outerAngle = Math.min(outerAngle, angleExtentRads);\n  let pathCommands: string;\n  if (ir > 0) {\n    const innerGapAngle = dataItemGaps < ir ? Math.asin(dataItemGaps / ir) : 0;\n    const innerPointX = cx + Math.cos(-innerGapAngle - startAngleRads) * ir;\n    const innerPointY = cy + Math.sin(-innerGapAngle - startAngleRads) * ir;\n\n    const innerPoint2X = cx + Math.cos(-startAngleRads - angleExtentRads + innerGapAngle) * ir;\n    const innerPoint2Y = cy + Math.sin(-startAngleRads - angleExtentRads + innerGapAngle) * ir;\n\n    let innerAngle = calculateAngleBetweenTwoVectors(\n      innerPoint2X - cx,\n      innerPoint2Y - cy,\n      innerPointX - cx,\n      innerPointY - cy\n    );\n    innerAngle = Math.min(innerAngle, outerAngle, angleExtentRads);\n\n    if (angleExtent == 360) {\n      pathCommands = moveTo(arcPoint2X, arcPoint2Y);\n      pathCommands += arcTo(rx, ry, angleExtentRads, 1, arcPointX, arcPointY);\n      pathCommands += lineTo(arcPoint2X, arcPoint2Y);\n      pathCommands += moveTo(innerPointX, innerPointY);\n      pathCommands += arcTo(ir, ir, angleExtentRads, 0, innerPoint2X, innerPoint2Y);\n    } else {\n      pathCommands = moveTo(innerPoint2X, innerPoint2Y);\n      pathCommands += lineTo(arcPoint2X, arcPoint2Y);\n      pathCommands += arcTo(rx, ry, outerAngle, 1, arcPointX, arcPointY);\n      pathCommands += lineTo(innerPointX, innerPointY);\n      pathCommands += arcTo(ir, ir, innerAngle, 0, innerPoint2X, innerPoint2Y);\n    }\n  } else {\n    if (angleExtent == 360) {\n      pathCommands = moveTo(arcPoint2X, arcPoint2Y);\n      pathCommands += arcTo(rx, ry, angleExtentRads, 1, arcPointX, arcPointY);\n    } else {\n      pathCommands = moveTo(startPointX, startPointY);\n      pathCommands += lineTo(arcPoint2X, arcPoint2Y);\n      pathCommands += arcTo(rx, ry, outerAngle, 1, arcPointX, arcPointY);\n    }\n  }\n\n  pathCommands += closePath();\n  return pathCommands;\n}\n\n/**\n * Returns the pie chart center context.\n * @param cx The x coordinate of the center of the pie chart.\n * @param cy The y coordinate of the center of the pie chart.\n * @param innerRadius The inner radius of the pie chart.\n * @returns\n */\nexport function getCenterContext(cx: number, cy: number, innerRadius: number) {\n  return {\n    innerBounds: {\n      width: Math.sqrt(2) * innerRadius,\n      height: Math.sqrt(2) * innerRadius,\n      x: cx - innerRadius / Math.sqrt(2),\n      y: cy - innerRadius / Math.sqrt(2)\n    },\n    outerBounds: {\n      width: 2 * innerRadius,\n      height: 2 * innerRadius,\n      x: cx - innerRadius,\n      y: cy - innerRadius\n    }\n  };\n}\n\n/**\n * Returns the position of the datatip for a given slice.\n * @param startAngle The start angle of the pie slice.\n * @param angleExtent The angle extent of the pie slice.\n * @param cx The x coordinate of the center of the pie slice.\n * @param cy The y coordinate of the center of the pie slice.\n * @param innerRadius The inner radius.\n * @param radius The radius of the pie slice.\n * @returns\n */\nexport function getPieItemCenterCoord(\n  startAngle: number,\n  angleExtent: number,\n  cx: number,\n  cy: number,\n  innerRadius: number,\n  radius: number\n) {\n  const angle = startAngle + angleExtent / 2;\n  const theta = (angle / 180) * Math.PI;\n  const r = (innerRadius + radius) / 2;\n\n  return {\n    x: cx + r * Math.cos(theta),\n    y: cy - r * Math.sin(theta),\n    width: 0,\n    height: 0\n  };\n}\n\n/**\n * Returns the element bound for active item.\n * @param renderedSlices The array of info for rendered slices.\n * @param cx The x coordinate of pie chart center.\n * @param cy The y coordinate of pie chart center.\n * @param ir The inner radius of the pie chart.\n * @param radius The radius of the pie chart.\n * @param activeItem The active item.\n * @returns\n */\nexport function getElementBounds(\n  renderedSlices: PieSliceInfo[],\n  cx: number,\n  cy: number,\n  ir: number,\n  radius: number,\n  activeItem?: ItemInfo\n) {\n  return activeItem\n    ? getPieItemCenterCoord(\n        renderedSlices[activeItem.itemIndex].startAngle,\n        renderedSlices[activeItem.itemIndex].angleExtent,\n        cx,\n        cy,\n        ir,\n        radius\n      )\n    : undefined;\n}\n\n/**\n * Returns default border color for datatip.\n * @param colors The color ramp.\n * @param activeItem The active item info.\n * @param activeData The active pie chart data item.\n * @returns\n */\nexport function getDefaultBorderColor(\n  colors: string[],\n  activeItem?: ItemInfo,\n  activeData?: PieChartItemData\n) {\n  return activeData?.color || activeItem?.itemIndex != undefined\n    ? colors[activeItem!.itemIndex]\n    : undefined;\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 { ColorProps } from '../utils/UNSAFE_interpolations/colors';\nimport { makeWedgePath } from './utils';\nimport { styles } from './themes/PieChartStyles.css';\nimport { classNames } from '../utils/UNSAFE_classNames';\n\n/**\n * The props for pie slice.\n */\ntype PieSliceProps = {\n  /**\n   * The x coordinate of the center of the slice.\n   */\n  cx: number;\n\n  /**\n   * The y coordinate of the center of the slice.\n   */\n  cy: number;\n\n  /**\n   * The radius of the pie slice.\n   */\n  r: number;\n\n  /**\n   * The start angle of the pie slice.\n   */\n  startAngle: number;\n\n  /**\n   * The angle extent of the pie slice.\n   */\n  angleExtent: number;\n\n  /**\n   * The gaps to keep between the pie slice items.\n   */\n  gap: number;\n\n  /**\n   * The inner radius of the pie slice.\n   */\n  innerRadius: number;\n\n  /**\n   * The color of the pie slice.\n   */\n  color: ColorProps['color'];\n\n  /**\n   * Whether the slice is focused.\n   */\n  isFocused?: boolean;\n\n  /**\n   * Whether the slice is hovered.\n   */\n  isHovered?: boolean;\n\n  /**\n   * The id of the pie slice.\n   */\n  id?: string;\n\n  /**\n   * The index of the item among rendered series.\n   */\n  itemIndex: number;\n\n  /**\n   * The aria label of the pie slice.\n   */\n  accessibleLabel?: string;\n};\n\n/**\n * The Pie Slice component.\n */\nexport function PieSlice({\n  cx,\n  cy,\n  r,\n  startAngle,\n  angleExtent,\n  gap,\n  innerRadius,\n  color,\n  id,\n  itemIndex,\n  isFocused = false,\n  isHovered = false,\n  ...props\n}: PieSliceProps) {\n  const path = makeWedgePath(0, cx, cy, r, r, innerRadius, angleExtent, gap, startAngle);\n  let innerPath;\n  if (isFocused) {\n    innerPath = makeWedgePath(2, cx, cy, r, r, innerRadius, angleExtent, gap, startAngle);\n    return (\n      <g\n        id={id}\n        role={props.accessibleLabel ? 'img' : undefined}\n        data-oj-item-index={itemIndex}\n        data-oj-object=\"pieSlice\"\n        aria-label={props.accessibleLabel}>\n        <path d={path} fill={color} stroke={color} className={styles.innerShapes} />\n        <path\n          d={innerPath}\n          fill={color}\n          className={classNames([styles.contrastBorder, styles.innerShapes])}\n        />\n      </g>\n    );\n  }\n  return (\n    <path\n      role={props.accessibleLabel ? 'img' : undefined}\n      aria-label={props.accessibleLabel}\n      d={path}\n      data-oj-object=\"pieSlice\"\n      fill={color}\n      id={id}\n      data-oj-item-index={itemIndex}\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 */\n\nimport { styles } from './themes/PieChartStyles.css';\nimport {\n  getDefaultBorderColor,\n  getElementBounds,\n  getPieCenter,\n  getRadius,\n  getRenderedSlices,\n  getPieChartInfo,\n  getPieSliceGap,\n  getSliceInfo\n} from './utils';\nimport { getAvailSpace } from '../utils/PRIVATE_chartUtils/layoutUtils';\nimport { PieSlice } from './PieSlice';\nimport { getCenterContext } from './utils';\nimport { getPieChartNavUtils } from './pieNavUtils';\nimport { ItemInfo, usePieChartNav } from '../hooks/PRIVATE_usePieChartNav';\nimport { calculateOffset, useDatatip } from '../hooks/PRIVATE_useDatatip';\nimport { mergeProps } from '../utils/UNSAFE_mergeProps';\nimport { VisTabularDatatip } from '../PRIVATE_VisTabularDatatip';\nimport type { PieChartProps, PieChartItemData } from './pieChart.types';\nimport { getColorRamp } from '../utils/UNSAFE_visUtils';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTestId } from '../hooks/UNSAFE_useTestId';\nimport { useVisTouchResponse } from '#hooks/PRIVATE_useVisTouchResponse';\nimport { useRef } from 'preact/hooks';\nimport { merge } from '#utils/UNSAFE_stringUtils';\n\ntype PieChartWithDimensionsProps = Omit<PieChartProps, 'width' | 'height'> & {\n  width: number;\n  height: number;\n  data: PieChartItemData[];\n};\n\nconst NUM_PIE_SLICE_THRESHOLD = 100;\nexport function PieChartWithDimensions({\n  width,\n  height,\n  testId,\n  innerRadius = 0,\n  ...props\n}: PieChartWithDimensionsProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const colors = getColorRamp();\n  const { totalValue, isLabelOutside } = getPieChartInfo(props.data);\n  const sliceInfos = getSliceInfo(props.data, totalValue);\n\n  // default data item gaps is 0.5. TODO: replace 0.5 with pie dataItemGaps/pieSliceGaps\n  const pieSliceGap = getPieSliceGap(0.5);\n  const hasLargeSeriesCount = props.data.length > NUM_PIE_SLICE_THRESHOLD;\n  const { direction } = useUser();\n  const testIdProps = useTestId(testId);\n  const availSpace = getAvailSpace(width, height);\n  const { cx, cy } = getPieCenter(availSpace);\n  const radius = getRadius(availSpace, isLabelOutside);\n  const ir = innerRadius * radius;\n  const renderedSlices = getRenderedSlices(sliceInfos, hasLargeSeriesCount, radius);\n  const getNextChartItem = getPieChartNavUtils(renderedSlices, direction === 'rtl');\n\n  const { touchResponse, touchResponseStyle } = useVisTouchResponse({\n    type: 'auto',\n    supportsTouchDragGestures: false,\n    rootRef\n  });\n  const { activeId, navProps, focusedItemInfo, hoveredItemInfo } = usePieChartNav({\n    touchResponse,\n    getNextChartItem\n  });\n  const activeItem = focusedItemInfo.isFocusVisible ? focusedItemInfo : hoveredItemInfo;\n  const activeData = activeItem\n    ? props.data[renderedSlices[activeItem.itemIndex].index]\n    : undefined;\n\n  const defaultDatatip = (activeData?: PieChartItemData, activeItem?: ItemInfo) => {\n    if (!activeData) {\n      return {\n        content: undefined,\n        borderColor: undefined\n      };\n    }\n    if (activeData.accessibleLabel) {\n      return {\n        content: activeData.accessibleLabel,\n        borderColor: getDefaultBorderColor(colors, activeItem, activeData)\n      };\n    }\n    return {\n      content: (\n        <VisTabularDatatip\n          tableData={[\n            {\n              key: 'Value',\n              value: activeData.value\n            }\n          ]}\n        />\n      ),\n      borderColor: getDefaultBorderColor(colors, activeItem, activeData)\n    };\n  };\n\n  const { content: datatipString, borderColor } =\n    activeData && props.datatip\n      ? props.datatip({ data: activeData })\n      : defaultDatatip(activeData, activeItem);\n\n  const anchor = focusedItemInfo.isFocusVisible ? 'element' : 'pointer';\n  const elementBounds = activeItem?.isFocusVisible\n    ? getElementBounds(renderedSlices, cx, cy, ir, radius, activeItem)\n    : undefined;\n  const { datatipContent, datatipProps } = useDatatip({\n    content: datatipString,\n    offset: calculateOffset(direction === 'rtl', width, elementBounds),\n    anchor,\n    placement: 'top-start',\n    borderColor,\n    touchResponse\n  });\n\n  datatipProps['aria-describedby'] = merge([\n    props['aria-describedby'],\n    datatipProps['aria-describedby']\n  ]);\n\n  const mergedProps = mergeProps(navProps, datatipProps);\n  return (\n    <div\n      ref={rootRef}\n      tabIndex={0}\n      aria-label={props['aria-label']}\n      aria-labelledby={props['aria-labelledby']}\n      aria-activedescendant={activeId}\n      role=\"application\"\n      {...mergedProps}\n      {...testIdProps}\n      className={styles.chart}\n      style={{\n        width,\n        height,\n        ...touchResponseStyle\n      }}>\n      {renderedSlices.length > 0 && (\n        <svg className={styles.svg}>\n          {renderedSlices.map((item, index: number) => {\n            return (\n              <PieSlice\n                cx={cx}\n                cy={cy}\n                itemIndex={index}\n                id={activeItem?.itemIndex === index ? activeId : undefined}\n                isFocused={focusedItemInfo?.itemIndex === index && focusedItemInfo?.isFocusVisible}\n                isHovered={hoveredItemInfo?.itemIndex === index}\n                r={radius}\n                startAngle={item.startAngle}\n                gap={pieSliceGap}\n                innerRadius={ir}\n                angleExtent={item.angleExtent}\n                color={item.color || colors[index % colors.length]}\n                key={item.id}\n                accessibleLabel={item.accessibleLabel}\n              />\n            );\n          })}\n        </svg>\n      )}\n      {props.children?.(getCenterContext(cx, cy, ir))}\n      {datatipContent}\n    </div>\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 type { PieChartItemData } from './pieChart.types';\n\n/**\n * Returns the nav util for pie chart.\n * @param data\n * @param isRtl\n * @returns\n */\nexport function getPieChartNavUtils(data: PieChartItemData[], isRtl: boolean) {\n  const getNextChartItem = (\n    { itemIndex }: { itemIndex: number },\n    arrow: 'ArrowLeft' | 'ArrowRight' | 'ArrowDown' | 'ArrowUp'\n  ): { itemIndex: number } => {\n    let newItemIndex = itemIndex;\n\n    if (\n      (isRtl && (arrow === 'ArrowRight' || arrow === 'ArrowUp')) ||\n      (!isRtl && (arrow === 'ArrowLeft' || arrow === 'ArrowDown'))\n    ) {\n      newItemIndex = itemIndex - 1;\n    } else {\n      newItemIndex = itemIndex + 1;\n    }\n    return {\n      itemIndex: ((newItemIndex % data.length) + data.length) % data.length\n    };\n  };\n\n  return getNextChartItem;\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 { dimensionStyle } from './themes/PieChartStyles.css';\nimport { TrackResizeContainer } from '../PRIVATE_TrackResizeContainer';\nimport { PieChartWithDimensions } from './PieChartWithDimensions';\nimport type { PieChartProps } from './pieChart.types';\n\n/**\n * Pie charts are useful for visualizing parts of a whole, but do not display zero or negative values so they are not recommended for data sets that may have negative or null data\n */\nexport function PieChart({ width, height, ...props }: PieChartProps) {\n  return (\n    <TrackResizeContainer width={width} height={height} class={dimensionStyle}>\n      {(width, height) => <PieChartWithDimensions width={width} height={height} {...props} />}\n    </TrackResizeContainer>\n  );\n}\n"],"names":["RADIUS_RATIO","RADIUS_RATIO_WITH_LABELS","SLICE_GAP_RATIO","MIN_ARC_LENGTH","START_ANGLE","degreesToRads","degree","Math","PI","calculateAngleBetweenTwoVectors","vector1X","vector1Y","vector2X","vector2Y","angle","atan2","makeWedgePath","inset","cx","cy","radiusX","radiusY","innerRadius","angleExtent","wedgeGap","startAngle","rx","max","ry","gap","ir","angleExtentRads","startAngleRads","dataItemGaps","gapAngle","asin","centerLineAngle","distanceToStartPointX","min","abs","sin","distanceToStartPointY","startPointX","cos","startPointY","arcPointX","arcPointY","arcPoint2X","arcPoint2Y","pathCommands","outerAngle","innerGapAngle","innerPointX","innerPointY","innerPoint2X","innerPoint2Y","innerAngle","moveTo","arcTo","lineTo","closePath","getCenterContext","innerBounds","width","sqrt","height","x","y","outerBounds","getElementBounds","renderedSlices","radius","activeItem","theta","r","getPieItemCenterCoord","itemIndex","undefined","getDefaultBorderColor","colors","activeData","color","PieSlice","id","isFocused","isHovered","props","path","innerPath","_jsxs","role","accessibleLabel","children","_jsx","d","fill","stroke","className","styles","innerShapes","classNames","contrastBorder","jsx","NUM_PIE_SLICE_THRESHOLD","PieChartWithDimensions","testId","rootRef","useRef","getColorRamp","totalValue","isLabelOutside","data","reduce","item","value","sliceInfos","items","percentage","anchorOffset","sliceInfo","i","length","arc","push","index","getSliceInfo","pieSliceGap","getPieSliceGap","hasLargeSeriesCount","direction","useUser","testIdProps","useTestId","availSpace","getAvailSpace","floor","getPieCenter","radiusScale","getRadius","itemInfo","hasLargeItemCount","perimeter","prevEndCoord","filter","endCoord","getRenderedSlices","getNextChartItem","isRtl","arrow","newItemIndex","touchResponse","touchResponseStyle","useVisTouchResponse","type","supportsTouchDragGestures","activeId","navProps","focusedItemInfo","hoveredItemInfo","usePieChartNav","isFocusVisible","content","datatipString","borderColor","datatip","VisTabularDatatip","tableData","key","defaultDatatip","anchor","elementBounds","datatipContent","datatipProps","useDatatip","offset","calculateOffset","placement","merge","mergedProps","mergeProps","ref","tabIndex","chart","style","svg","map","TrackResizeContainer","class","dimensionStyle"],"mappings":"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"}

package/amd/Popup-059eb48a.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Floating-25e0092b', './tabbableUtils-3f80fcf5', './refUtils-d354a169', './FocusTrap-eb7cc3d2', './Layer-e835aed8', 'preact/compat', './LayerHost-639b3284', './Modal-2b6ce101', './WindowOverlay-43c10424', './usePopupAnimation-6445a247', './useTestId-b5cd4766', './useOutsideClick-476e0577', './useComponentTheme-5aa41a8f', './UNSAFE_Popup/themes/PopupContract.css', './stringUtils-0ae982c2', './classNames-08d99695', './UNSAFE_Popup/themes/redwood/PopupTheme', './dimensions-60420dbb', './mergeInterpolations-9ede4cf7'], (function(e,n,t,s,o,r,i,a,c,u,l,d,p,m,f,b,h,y,A,g,x,E){"use strict";const O=c.forwardRef((({anchorRef:e,launcherRef:c,children:u,isOpen:O=!1,modality:v="modeless",offset:F={mainAxis:0,crossAxis:0},flipOptions:P={mainAxis:!0,crossAxis:!0},shiftOptions:C={mainAxis:!1,crossAxis:!1},onClickOutside:T,onClose:k,initialFocus:R="auto",placement:j=(e?"top":"center"),tail:w="none",onTransitionEnd:I,onFocusSet:L,role:N=("modeless"===v?"tooltip":"dialog"),"aria-label":S,"aria-labelledby":U,"aria-describedby":D,testId:M,...V},W)=>{const K=t.useRef(null),[_,H]=t.useState(),q=t.useRef(null),z=m.useTestId(M);function B(e){K.current===o.getActiveElement()&&"F6"===e.code&&"modeless"===v&&(e.preventDefault(),e.stopPropagation(),o.focusWithin(q.current),L?.())}f.useOutsideClick({isDisabled:!(O&&q.current),ref:q,handler:e=>{T?.(e)}});const{setAnimationElementRef:G,status:J,onPosition:Q}=p.usePopupAnimation({isOpen:O,isAnimatedOnMount:!0,onTransitionEnd:e=>{e?(Z(),I?.(!0)):I?.(!1)},placement:j}),X=t.useMemo((()=>r.mergeRefs(G,W)),[G,W]),Y=t.useCallback((()=>{const n=K.current,t=e?.current;n?o.focusOn(n):t&&t instanceof Element&&o.focusOn(t)}),[K,e?.current]);t.useEffect((()=>{O||"opening"!==J||q.current?.contains(o.getActiveElement())&&Y()}),[O,J,Y]),t.useEffect((()=>(O&&(c?.current&&c.current instanceof Element?K.current=document.body.contains(c.current)?c.current:o.getActiveElement():K.current=o.getActiveElement(),K.current?.addEventListener("keydown",B)),()=>{K.current?.removeEventListener("keydown",B)})),[O,c]);const Z=()=>{let e=R;"auto"===R&&(e="modal"===v?"firstFocusable":"none"),"popup"===e&&(o.focusOn(q.current),L?.(),I?.(!1)),"firstFocusable"===e&&(o.focusWithin(q.current),L?.())},$={mainAxis:(e=>{let n=0;return e&&(n="number"==typeof e?e:e.mainAxis||0,"simple"===w&&(n+=5)),n})(F),crossAxis:(e=>e?"number"==typeof e?0:e.crossAxis||0:0)(F)},ee=e=>{const n=o.getActiveElement(),t=q.current,s=K.current;if(t===n||t?.contains(n))switch(e.code){case"Escape":k?.({reason:"escapeKey"});break;case"F6":e.preventDefault(),e.stopPropagation(),s&&"modeless"===v&&o.focusOn(s)}};t.useLayoutEffect((()=>{if("unmounted"===J||null==q.current||null!=_||"none"===w)return;const e=y.getVarName(h.popupVars.backgroundColor),n=getComputedStyle(q.current);H(n.getPropertyValue(e))}),[J,q,_,w]);const{baseTheme:ne,classes:te}=b.useComponentTheme(g.PopupRedwoodTheme),se="unmounted"!==J,oe=[...Object.values(x.dimensionInterpolations)],re=E.mergeInterpolations(oe),{...ie}=re(V),ae=()=>n.jsx("div",{ref:q,tabIndex:-1,role:N,className:A.classNames([ne,te]),style:ie,onKeyDown:ee,"aria-label":S,"aria-labelledby":U,"aria-describedby":D,...z,children:n.jsx(i.FocusTrap,{restoreFocusRef:!1,children:u})}),ce=()=>e&&e.current?n.jsx(s.Floating,{ref:X,backgroundColor:_,anchorRef:e,placement:j,offsetValue:$,flipOptions:P,shiftOptions:C,tail:w,onPosition:Q,children:ae()}):n.jsx(d.WindowOverlay,{placement:j,offset:$,children:n.jsx("div",{ref:X,children:ae()})});return se?"modal"===v?n.jsx(l.Modal,{isOpen:se,children:ce()}):n.jsx(a.Layer,{children:ce()}):null}));e.Popup=O}));
-//# sourceMappingURL=Popup-059eb48a.js.map

package/amd/Popup-059eb48a.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popup-059eb48a.js","sources":["../../src/UNSAFE_Popup/Popup.tsx"],"sourcesContent":["import { JSX, RefObject } from 'preact';\nimport { useState, useEffect, useLayoutEffect, useMemo, useRef, useCallback } from 'preact/hooks';\nimport { Floating, Offset, Placement, Coords, FlipOptions, ShiftOptions } from '../UNSAFE_Floating';\nimport {\n  FocusableElement,\n  focusOn,\n  focusWithin,\n  getActiveElement\n} from '../utils/PRIVATE_tabbableUtils';\nimport { mergeRefs } from '../utils/PRIVATE_refUtils';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { Layer } from '../UNSAFE_Layer';\nimport { Modal } from '../UNSAFE_Modal';\nimport { WindowOverlay, WindowOverlayPlacement } from '../UNSAFE_WindowOverlay';\nimport { forwardRef, ForwardedRef } from 'preact/compat';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { usePopupAnimation } from './usePopupAnimation';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { useOutsideClick } from '../hooks/UNSAFE_useOutsideClick';\n\n// Style imports\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { popupVars } from './themes/PopupContract.css';\nimport { getVarName } from '../utils/UNSAFE_stringUtils';\nimport { Property } from 'csstype';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { PopupRedwoodTheme } from './themes/redwood/PopupTheme';\nimport { dimensionInterpolations, DimensionProps } from '../utils/UNSAFE_interpolations/dimensions';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\n\ntype IntrinsicProps = Pick<JSX.HTMLAttributes<HTMLDivElement>, 'children'>;\n\nexport type PopupPlacement = Placement | WindowOverlayPlacement;\nexport type OnCloseDetail = {\n  reason: 'escapeKey';\n};\nexport type InitialFocus = 'auto' | 'none' | 'popup' | 'firstFocusable';\nexport type Tail = 'none' | 'simple';\nexport type Modality = 'modal' | 'modeless';\n\ntype Props = IntrinsicProps &\n  DimensionProps &\n  TestIdProps & {\n    /**\n     * Specifies whether the Popup is open.\n     */\n    isOpen: boolean;\n    /**\n     * Specifies Popup's anchor. Popup is placed relatively to its anchor.\n     */\n    anchorRef?: RefObject<Element | Coords>;\n    /**\n     * Specifies Popup's launcher. After Popup closes, it returns focus to the launcher.\n     */\n    launcherRef?: RefObject<HTMLElement>;\n    /**\n     * Specifies placement of the Popup relative to the anchor.\n     */\n    placement?: PopupPlacement;\n    /**\n     * Specifies displacement of the Popup from the anchor element placement along the specified axes.\n     * The offset object consists of mainAxis and crossAxis properties. The direction in which these properties\n     * are applied depends on the current value of the position property.\n     *\n     * The <code>mainAxis</code> property represents the distance between the Popup and the anchor.\n     * The <code>crossAxis</code> property represents the deviation in the opposite axis to the main axis - the skidding between the Popup and the anchor.\n     */\n    offset?: Offset;\n    /**\n     * Specifies modality of the Popup.\n     */\n    modality?: Modality;\n    /**\n     * Specifies whether a floating Popup changes placement to the opposite side to be kept in view when a collision is detected.\n     *\n     * The flipOptions object consists of mainAxis and crossAxis properties.\n     * The <code>mainAxis</code> runs along the side of the Popup element.\n     * The <code>crossAxis</code> runs along the alignment of the Popup element.\n     */\n    flipOptions?: FlipOptions;\n    /**\n     * Specifies whether a floating Popup shifts along axis to be kept in view when a collision is detected.\n     * Note that if both 'flip' and 'shift' are enabled on respective axis, the flip will take precedence.\n     *\n     * The shiftOptions object consists of mainAxis and crossAxis properties.\n     * The <code>mainAxis</code> runs along the side of the Popup element.\n     * The <code>crossAxis</code> runs along the alignment of the Popup element.\n     */\n    shiftOptions?: ShiftOptions;\n    /**\n     * Specifies if the Popup sets focus to its content when initially open.\n     * A value of none prevents the popup from setting focus when open.\n     *\n     * <code>auto</code> in modeless mode resolves to none.\n     * <code>none</code> prevents the popup from setting focus when open.\n     * <code>popup</code> sets focus to the root popup container (good choice for touch platforms).\n     * <code>firstFocusable</code> defines that a popup should set focus to the first focusable element within the popup's content.\n     */\n    initialFocus?: InitialFocus;\n    /**\n     * Specifies callback triggered when a user clicks outside Popup.\n     */\n    onClickOutside?: (event: MouseEvent) => void;\n    /**\n     * Specifies callback triggered when a user tries to close a Popup through UI interaction.\n     * The parent should listen to this event and close the Popup. If the parent fails to remove\n     * the Popup, then no change will be done in the UI by the component.\n     */\n    onClose?: (detail: OnCloseDetail) => void;\n    /**\n     * Specifies callback triggered when initial focus is set or when Popup receives it via F6 key.\n     */\n    onFocusSet?: () => void;\n    /**\n     * Specifies Popup's tail. Simple tail is an arrow pointing to Popup's anchor.\n     */\n    tail?: Tail;\n    /**\n     * Specifies callback triggered after the animation ends.\n     */\n    onTransitionEnd?: (value: boolean) => void;\n    /**\n     * Specifies the ARIA role type. Depending on how the popup is used in the page, the page developer should choose from the following:\n     * <code>tooltip</code> defines contextual popup that displays a description for an element. This is added automatically if not already specified.\n     * <code>dialog</code> defines an application window that is designed to interrupt the current processing of an application in order to prompt the user to enter information or require a response.\n     * <code>alertdialog</code> defines type of dialog that contains an alert message, where initial focus goes to an element within the dialog.\n     */\n    role?: HTMLAttributesSignalExcluded['role'];\n    /**\n     * Specifies guidance for screen readers.\n     */\n    'aria-label'?: string;\n    /**\n     * Specifies ID of an element used for guidance for screen readers.\n     */\n    'aria-labelledby'?: string;\n    /**\n     * Specifies ID of an element (or space separated IDs of multiple elements) that\n     * describes the Drawer.\n     */\n    'aria-describedby'?: string;\n  };\n\n/**\n * A popup temporarily 'pops up' content in the foreground.\n */\nexport const Popup = forwardRef(\n  (\n    {\n      anchorRef,\n      launcherRef,\n      children,\n      isOpen = false,\n      modality = 'modeless',\n      offset = { mainAxis: 0, crossAxis: 0 },\n      flipOptions = { mainAxis: true, crossAxis: true },\n      shiftOptions = { mainAxis: false, crossAxis: false },\n      onClickOutside,\n      onClose,\n      initialFocus = 'auto',\n      placement = anchorRef ? 'top' : 'center',\n      tail = 'none',\n      onTransitionEnd,\n      onFocusSet,\n      role = modality === 'modeless' ? 'tooltip' : 'dialog',\n      'aria-label': ariaLabel,\n      'aria-labelledby': ariaLabelledBy,\n      'aria-describedby': ariaDescribedBy,\n      testId,\n      ...props\n    }: Props,\n    ref: ForwardedRef<HTMLElement | null>\n  ) => {\n    const localLauncherRef = useRef<HTMLElement | null>(null);\n    const [popupBgColor, setPopupBgColor] = useState<Property.BackgroundColor>();\n\n    const contentWrapperRef = useRef<HTMLDivElement | null>(null);\n\n    // testId support\n    const testIdProps = useTestId(testId);\n\n    // We can not merge outsideClick to onClose event with {reason: 'outsideClick'} payload\n    // The reason is that we allow outsideClick/autodismiss in modeless mode and\n    // we need to detect outsideClick which is\n    useOutsideClick({\n      isDisabled: !(isOpen && contentWrapperRef.current),\n      ref: contentWrapperRef,\n      handler: (event) => {\n        onClickOutside?.(event);\n      }\n    });\n\n    function launcherKeyDownCallback(event: KeyboardEvent): void {\n      if (\n        localLauncherRef.current === getActiveElement() &&\n        event.code === 'F6' &&\n        modality === 'modeless'\n      ) {\n        // Prevent default F6 handlers.\n        // F6 is a standard Chrome address bar shortcut on Windows.\n        event.preventDefault();\n        event.stopPropagation();\n\n        focusWithin(contentWrapperRef.current as HTMLElement);\n        onFocusSet?.();\n      }\n    }\n\n    const _onTransitionEnd = (isOpen: boolean) => {\n      if (isOpen) {\n        setInitialFocus();\n        onTransitionEnd?.(true);\n      } else {\n        onTransitionEnd?.(false);\n      }\n    };\n\n    // Animation\n    const { setAnimationElementRef, status, onPosition } = usePopupAnimation({\n      isOpen,\n      isAnimatedOnMount: true,\n      onTransitionEnd: _onTransitionEnd,\n      placement: placement\n    });\n    const stableRef = useMemo(\n      () => mergeRefs(setAnimationElementRef, ref),\n      [setAnimationElementRef, ref]\n    );\n\n    const returnFocus = useCallback((): void => {\n      // Try to return focus to 1.launcher or 2.anchor\n      const launcherEl = localLauncherRef.current;\n      const anchorEl = anchorRef?.current;\n\n      if (launcherEl) {\n        focusOn(launcherEl);\n        // Checking instanceof to avoid Coords type that can not be focused\n      } else if (anchorEl && anchorEl instanceof Element) {\n        focusOn(anchorEl as FocusableElement);\n      }\n    }, [localLauncherRef, anchorRef?.current]);\n\n    useEffect(() => {\n      // Init closing\n      if (!isOpen && status === 'opening') {\n        // Only actively return focus to the launcher or anchor if the popup contained focus.\n        // Otherwise, focus is already elsewhere on the page and should not be forced back\n        // because that could reopen the popup again, which essentially prevents the user from\n        // moving focus out of the launcher.\n        if (contentWrapperRef.current?.contains(getActiveElement())) {\n          returnFocus();\n        }\n      }\n    }, [isOpen, status, returnFocus]);\n\n    // Initialize launcher\n    useEffect(() => {\n      if (isOpen) {\n        if (!launcherRef?.current) {\n          // 1. If launcher is not defined, most frequent scenario is,\n          // that element, that has focus before opening a popup is considered launcher\n          localLauncherRef.current = getActiveElement() as HTMLElement;\n        } else if (launcherRef.current instanceof Element) {\n          // 2. launcherRef element was provided.\n          // Verify, if it exists in DOM, otherwise use the last active element\n          localLauncherRef.current = document.body.contains(launcherRef.current)\n            ? launcherRef.current\n            : (getActiveElement() as HTMLElement);\n        } else {\n          localLauncherRef.current = getActiveElement() as HTMLElement;\n        }\n        // Register F6 key handler to enter the Popup\n        localLauncherRef.current?.addEventListener('keydown', launcherKeyDownCallback);\n      }\n      return () => {\n        // Deregister F6 key handler\n        localLauncherRef.current?.removeEventListener('keydown', launcherKeyDownCallback);\n      };\n    }, [isOpen, launcherRef]);\n    // Note: unlike oj-c-popup we do not default anchorRef to launcherRef in Preact Popup\n    // If anchorRef is undefined, we use WindowOverlay as anchor\n\n    const setInitialFocus = () => {\n      let derivedInitialFocus = initialFocus;\n      if (initialFocus === 'auto') {\n        if (modality === 'modal') {\n          // modal mode - set focus to first focusable\n          derivedInitialFocus = 'firstFocusable';\n        } else {\n          // modeless mode - do not steal focus by default\n          derivedInitialFocus = 'none';\n        }\n      }\n\n      // Case: 'popup'\n      // Focus on Popup container\n      if (derivedInitialFocus === 'popup') {\n        focusOn(contentWrapperRef.current as HTMLElement);\n        onFocusSet?.();\n        onTransitionEnd?.(false);\n      }\n\n      // Case: 'firstFocusable'\n      // Focus on first tabbable in the Popup container or container itself if there is none\n      if (derivedInitialFocus === 'firstFocusable') {\n        focusWithin(contentWrapperRef.current as HTMLElement);\n        onFocusSet?.();\n      }\n    };\n\n    const getMainAxisOffset = (offset?: Offset) => {\n      let calcOffset = 0;\n      if (offset) {\n        // @ts-ignore as OffsetFunction is going to be removed\n        // Property 'mainAxis' does not exist on type 'OffsetFunction'.\n        calcOffset = typeof offset === 'number' ? offset : offset.mainAxis || 0;\n        if (tail === 'simple') {\n          calcOffset += 5;\n        }\n      }\n      return calcOffset;\n    };\n\n    const getCrossAxisOffset = (offset?: Offset) => {\n      if (!offset) {\n        return 0;\n      } else {\n        // @ts-ignore as OffsetFunction is going to be removed\n        // Property 'crossAxis' does not exist on type 'OffsetFunction'.\n        return typeof offset === 'number' ? 0 : offset.crossAxis || 0;\n      }\n    };\n\n    const finalOffset = {\n      mainAxis: getMainAxisOffset(offset),\n      crossAxis: getCrossAxisOffset(offset)\n    };\n\n    const handlePopupKeyDown = (event: KeyboardEvent) => {\n      const currentlyFocusedEl = getActiveElement();\n      const wrapperEl = contentWrapperRef.current;\n      const launcherEl = localLauncherRef.current;\n      if (wrapperEl === currentlyFocusedEl || wrapperEl?.contains(currentlyFocusedEl)) {\n        switch (event.code) {\n          case 'Escape': {\n            // Trigger onClose event with outside click detail\n            onClose?.({ reason: 'escapeKey' });\n            break;\n          }\n          case 'F6':\n            // Prevent default F6 handlers.\n            // F6 is a standard Chrome address bar shortcut on Windows.\n            event.preventDefault();\n            event.stopPropagation();\n\n            // Focus launcher\n            if (launcherEl && modality === 'modeless') {\n              focusOn(launcherEl);\n            }\n            break;\n        }\n      }\n    };\n\n    useLayoutEffect(() => {\n      if (\n        status === 'unmounted' ||\n        contentWrapperRef.current == null ||\n        popupBgColor != null ||\n        tail === 'none'\n      )\n        return;\n\n      const backgroundColorVar = getVarName(popupVars.backgroundColor);\n      const computedStyle = getComputedStyle(contentWrapperRef.current!);\n      setPopupBgColor(computedStyle.getPropertyValue(backgroundColorVar));\n    }, [status, contentWrapperRef, popupBgColor, tail]);\n\n    // Styles\n    const { baseTheme, classes } = useComponentTheme(PopupRedwoodTheme);\n    const isMounted = status !== 'unmounted';\n\n    const interpolations = [...Object.values(dimensionInterpolations)];\n    const styleInterpolations = mergeInterpolations<DimensionProps>(interpolations);\n    const { ...styles } = styleInterpolations(props);\n\n    const renderPopup = () => {\n      return (\n        <div\n          ref={contentWrapperRef}\n          tabIndex={-1}\n          role={role}\n          className={classNames([baseTheme, classes])}\n          style={styles}\n          onKeyDown={handlePopupKeyDown}\n          aria-label={ariaLabel}\n          aria-labelledby={ariaLabelledBy}\n          aria-describedby={ariaDescribedBy}\n          {...testIdProps}>\n          {/*Setting restoreFocusRef to false because otherwise FocusTrap is stealing the focus back when :*/}\n          {/*we click outside of modeless Popup (that keeps being open).*/}\n          <FocusTrap restoreFocusRef={false}>{children}</FocusTrap>\n        </div>\n      );\n    };\n\n    const renderFloatingOrOverlayPopup = () => {\n      if (!anchorRef || !anchorRef.current) {\n        return (\n          <WindowOverlay placement={placement as WindowOverlayPlacement} offset={finalOffset}>\n            <div ref={stableRef}>{renderPopup()}</div>\n          </WindowOverlay>\n        );\n      } else {\n        return (\n          <Floating\n            ref={stableRef}\n            backgroundColor={popupBgColor}\n            anchorRef={anchorRef}\n            placement={placement as Placement}\n            offsetValue={finalOffset}\n            flipOptions={flipOptions}\n            shiftOptions={shiftOptions}\n            tail={tail}\n            onPosition={onPosition}>\n            {renderPopup()}\n          </Floating>\n        );\n      }\n    };\n\n    if (isMounted) {\n      if (modality === 'modal') {\n        return <Modal isOpen={isMounted}>{renderFloatingOrOverlayPopup()}</Modal>;\n      } else {\n        return <Layer>{renderFloatingOrOverlayPopup()}</Layer>;\n      }\n    } else return null;\n  }\n);\n"],"names":["Popup","forwardRef","anchorRef","launcherRef","children","isOpen","modality","offset","mainAxis","crossAxis","flipOptions","shiftOptions","onClickOutside","onClose","initialFocus","placement","tail","onTransitionEnd","onFocusSet","role","ariaLabel","ariaLabelledBy","ariaDescribedBy","testId","props","ref","localLauncherRef","useRef","popupBgColor","setPopupBgColor","useState","contentWrapperRef","testIdProps","useTestId","launcherKeyDownCallback","event","current","getActiveElement","code","preventDefault","stopPropagation","focusWithin","useOutsideClick","isDisabled","handler","setAnimationElementRef","status","onPosition","usePopupAnimation","isAnimatedOnMount","setInitialFocus","stableRef","useMemo","mergeRefs","returnFocus","useCallback","launcherEl","anchorEl","focusOn","Element","useEffect","contains","document","body","addEventListener","removeEventListener","derivedInitialFocus","finalOffset","calcOffset","getMainAxisOffset","getCrossAxisOffset","handlePopupKeyDown","currentlyFocusedEl","wrapperEl","reason","useLayoutEffect","backgroundColorVar","getVarName","popupVars","backgroundColor","computedStyle","getComputedStyle","getPropertyValue","baseTheme","classes","useComponentTheme","PopupRedwoodTheme","isMounted","interpolations","Object","values","dimensionInterpolations","styleInterpolations","mergeInterpolations","styles","renderPopup","_jsx","tabIndex","className","classNames","style","onKeyDown","FocusTrap","restoreFocusRef","renderFloatingOrOverlayPopup","Floating","offsetValue","WindowOverlay","jsx","Modal","Layer"],"mappings":"knBAkJa,MAAAA,EAAQC,EAAAA,YACnB,EAEIC,YACAC,cACAC,WACAC,UAAS,EACTC,WAAW,WACXC,SAAS,CAAEC,SAAU,EAAGC,UAAW,GACnCC,cAAc,CAAEF,UAAU,EAAMC,WAAW,GAC3CE,eAAe,CAAEH,UAAU,EAAOC,WAAW,GAC7CG,iBACAC,UACAC,eAAe,OACfC,aAAYb,EAAY,MAAQ,UAChCc,OAAO,OACPC,kBACAC,aACAC,QAAoB,aAAbb,EAA0B,UAAY,UAC7C,aAAcc,EACd,kBAAmBC,EACnB,mBAAoBC,EACpBC,YACGC,GAELC,KAEA,MAAMC,EAAmBC,SAA2B,OAC7CC,EAAcC,GAAmBC,EAAQA,WAE1CC,EAAoBJ,SAA8B,MAGlDK,EAAcC,YAAUV,GAa9B,SAASW,EAAwBC,GAE7BT,EAAiBU,UAAYC,sBACd,OAAfF,EAAMG,MACO,aAAbhC,IAIA6B,EAAMI,iBACNJ,EAAMK,kBAENC,cAAYV,EAAkBK,SAC9BlB,MAEH,CAtBDwB,kBAAgB,CACdC,aAActC,GAAU0B,EAAkBK,SAC1CX,IAAKM,EACLa,QAAUT,IACRvB,IAAiBuB,EAAM,IAoB3B,MAUMU,uBAAEA,EAAsBC,OAAEA,EAAMC,WAAEA,GAAeC,EAAAA,kBAAkB,CACvE3C,SACA4C,mBAAmB,EACnBhC,gBAbwBZ,IACpBA,GACF6C,IACAjC,KAAkB,IAElBA,KAAkB,EACnB,EAQDF,UAAWA,IAEPoC,EAAYC,WAChB,IAAMC,YAAUR,EAAwBpB,IACxC,CAACoB,EAAwBpB,IAGrB6B,EAAcC,EAAAA,aAAY,KAE9B,MAAMC,EAAa9B,EAAiBU,QAC9BqB,EAAWvD,GAAWkC,QAExBoB,EACFE,EAAOA,QAACF,GAECC,GAAYA,aAAoBE,SACzCD,EAAOA,QAACD,EACT,GACA,CAAC/B,EAAkBxB,GAAWkC,UAEjCwB,EAAAA,WAAU,KAEHvD,GAAqB,YAAXyC,GAKTf,EAAkBK,SAASyB,SAASxB,EAAAA,qBACtCiB,GAEH,GACA,CAACjD,EAAQyC,EAAQQ,IAGpBM,EAAAA,WAAU,KACJvD,IACGF,GAAaiC,SAIPjC,EAAYiC,mBAAmBuB,QAGxCjC,EAAiBU,QAAU0B,SAASC,KAAKF,SAAS1D,EAAYiC,SAC1DjC,EAAYiC,QACXC,EAAAA,mBANLX,EAAiBU,QAAUC,EAAAA,mBAW7BX,EAAiBU,SAAS4B,iBAAiB,UAAW9B,IAEjD,KAELR,EAAiBU,SAAS6B,oBAAoB,UAAW/B,EAAwB,IAElF,CAAC7B,EAAQF,IAIZ,MAAM+C,EAAkB,KACtB,IAAIgB,EAAsBpD,EACL,SAAjBA,IAGAoD,EAFe,UAAb5D,EAEoB,iBAGA,QAME,UAAxB4D,IACFR,UAAQ3B,EAAkBK,SAC1BlB,MACAD,KAAkB,IAKQ,mBAAxBiD,IACFzB,cAAYV,EAAkBK,SAC9BlB,MACD,EA0BGiD,EAAc,CAClB3D,SAxBwB,CAACD,IACzB,IAAI6D,EAAa,EASjB,OARI7D,IAGF6D,EAA+B,iBAAX7D,EAAsBA,EAASA,EAAOC,UAAY,EACzD,WAATQ,IACFoD,GAAc,IAGXA,CAAU,EAcPC,CAAkB9D,GAC5BE,UAZyB,CAACF,GACrBA,EAKsB,iBAAXA,EAAsB,EAAIA,EAAOE,WAAa,EAJrD,EAUE6D,CAAmB/D,IAG1BgE,GAAsBpC,IAC1B,MAAMqC,EAAqBnC,EAAAA,mBACrBoC,EAAY1C,EAAkBK,QAC9BoB,EAAa9B,EAAiBU,QACpC,GAAIqC,IAAcD,GAAsBC,GAAWZ,SAASW,GAC1D,OAAQrC,EAAMG,MACZ,IAAK,SAEHzB,IAAU,CAAE6D,OAAQ,cACpB,MAEF,IAAK,KAGHvC,EAAMI,iBACNJ,EAAMK,kBAGFgB,GAA2B,aAAblD,GAChBoD,EAAOA,QAACF,GAIf,EAGHmB,EAAAA,iBAAgB,KACd,GACa,cAAX7B,GAC6B,MAA7Bf,EAAkBK,SACF,MAAhBR,GACS,SAATZ,EAEA,OAEF,MAAM4D,EAAqBC,EAAAA,WAAWC,EAASA,UAACC,iBAC1CC,EAAgBC,iBAAiBlD,EAAkBK,SACzDP,EAAgBmD,EAAcE,iBAAiBN,GAAoB,GAClE,CAAC9B,EAAQf,EAAmBH,EAAcZ,IAG7C,MAAMmE,UAAEA,GAASC,QAAEA,IAAYC,EAAiBA,kBAACC,EAAiBA,mBAC5DC,GAAuB,cAAXzC,EAEZ0C,GAAiB,IAAIC,OAAOC,OAAOC,EAAAA,0BACnCC,GAAsBC,sBAAoCL,QACrDM,IAAWF,GAAoBpE,GAEpCuE,GAAc,IAEhBC,EAAAA,IACE,MAAA,CAAAvE,IAAKM,EACLkE,UAAW,EACX9E,KAAMA,EACN+E,UAAWC,EAAAA,WAAW,CAAChB,GAAWC,KAClCgB,MAAON,GACPO,UAAW9B,gBACCnD,EAAS,kBACJC,EAAc,mBACbC,KACdU,EAGJ5B,SAAA4F,EAAAA,IAACM,EAAAA,UAAS,CAACC,iBAAiB,EAAKnG,SAAGA,MAKpCoG,GAA+B,IAC9BtG,GAAcA,EAAUkC,QAQzB4D,MAACS,EAAAA,SAAQ,CACPhF,IAAK0B,EACL4B,gBAAiBnD,EACjB1B,UAAWA,EACXa,UAAWA,EACX2F,YAAavC,EACbzD,YAAaA,EACbC,aAAcA,EACdK,KAAMA,EACN+B,WAAYA,EAAU3C,SACrB2F,OAhBHC,EAAAA,IAACW,EAAAA,cAAa,CAAC5F,UAAWA,EAAqCR,OAAQ4D,WACrE6B,EAAKY,IAAA,MAAA,CAAAnF,IAAK0B,EAAS/C,SAAG2F,SAqB9B,OAAIR,GACe,UAAbjF,EACK0F,EAAAY,IAACC,EAAKA,MAAA,CAACxG,OAAQkF,GAAYnF,SAAAoG,OAE3BR,EAAAA,IAACc,EAAAA,MAAK,CAAA1G,SAAEoG,OAEL,IAAI"}

package/amd/ProgressBar-479b35e5.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './useUser-3ef25571', './useTranslationBundle-d07d4b20', './useComponentTheme-5aa41a8f', './UNSAFE_ProgressBar/themes/redwood/ProgressBarTheme', './LinearMeter-d1e744c1'], (function(e,a,r,s,o,n,t,l){"use strict";const i=({id:e,width:i,edge:d="none",...c})=>{const{classes:u,styles:{valueStyle:m,indeterminate:g,animationStyleLTR:h,animationStyleRTL:v,highContrastValueStyle:x,trackBorderEdgeNone:B,trackBorderEdgeTop:T}}=n.useComponentTheme(t.ProgressBarRedwoodTheme,{edge:"none"===d?d:void 0}),{direction:p,forcedColors:j}=s.useUser(),y=r.classNames([m,g,"rtl"===p?v:h,"active"===j?x:""]),N=o.useTranslationBundle("@oracle/oraclejet-preact"),f={"aria-valuetext":c["aria-valuetext"]||N.progressIndeterminate(),role:"progressbar"},C="active"===j?void 0:"none"===d?B:T;return a.jsx(l.BarTrack,{id:e,ariaProps:f,class:r.classNames([u,C]),length:i,children:a.jsx(l.BarValue,{class:y})})},d=({value:e=0,max:o=100,id:i,width:d,edge:c="none"})=>{const{forcedColors:u}=s.useUser(),{classes:m,styles:{valueStyle:g,highContrastValueStyle:h,trackBorderEdgeNone:v,trackBorderEdgeTop:x}}=n.useComponentTheme(t.ProgressBarRedwoodTheme,{edge:"none"===c?c:void 0}),B=r.classNames([g,"active"===u?h:""]),T=100*Math.min(Math.max(0,e/o),1)+"%",p={};return p["aria-valuemin"]=null!=e?0:void 0,p["aria-valuemax"]=null!=e?o:void 0,p["aria-valuenow"]=null!=e?e:void 0,p.role="progressbar",a.jsx(l.BarTrack,{ariaProps:p,id:i,length:d,class:r.classNames([m,"none"===c?v:x]),children:a.jsx(l.BarValue,{class:B,length:T})})};e.ProgressBar=function({value:e,max:r,...s}){return"indeterminate"===e?a.jsx(i,{...s}):a.jsx(d,{value:e,max:r,...s})}}));
-//# sourceMappingURL=ProgressBar-479b35e5.js.map

package/amd/ProgressBar-479b35e5.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressBar-479b35e5.js","sources":["../../src/UNSAFE_ProgressBar/ProgressBar.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 { ComponentProps } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { BarTrack, BarValue } from '../PRIVATE_Meter';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { ProgressBarStyles, ProgressBarVariantOptions } from './themes/ProgressBarStyles.css';\nimport { ProgressBarRedwoodTheme } from './themes/redwood/ProgressBarTheme';\n\ntype ariaPropsType = ComponentProps<typeof BarTrack>['ariaProps'];\n\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\n\ntype ProgressBarProps = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress bar.  If the progress bar is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressBar\n   */\n  id?: HTMLAttributesSignalExcluded<HTMLDivElement>['id'];\n  /**\n   * The value of the progress bar.  If the value is 'indeterminate', an indeterminate progress bar will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * Whether the progress bar is positioned at the top edge of a container or not.\n   * If set to 'top', the curved borders will be removed.\n   */\n  edge?: 'none' | 'top';\n\n  /**\n   * The maximum value of the progress bar.\n   */\n  max?: number;\n  /**\n   * The width of the progress bar.  This will use the CSS lengths styling.\n   */\n  // TODO: use the dimensions work the Jeanne is doing JET-49961\n  width?: string;\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n   */\n  'aria-valuetext'?: string;\n};\n/**\n * A progress bar allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressBar({ value, max, ...otherProps }: ProgressBarProps) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressBar {...otherProps} />\n  ) : (\n    <DeterminateProgressBar value={value} max={max} {...otherProps} />\n  );\n}\n\ntype IndeterminateProps = Omit<ProgressBarProps, 'value' | 'max'>;\n\nconst IndeterminateProgressBar = ({ id, width, edge = 'none', ...props }: IndeterminateProps) => {\n  const {\n    classes,\n    styles: {\n      valueStyle,\n      indeterminate,\n      animationStyleLTR,\n      animationStyleRTL,\n      highContrastValueStyle,\n      trackBorderEdgeNone,\n      trackBorderEdgeTop\n    }\n  } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n    edge: edge === 'none' ? edge : undefined\n  });\n\n  const { direction, forcedColors } = useUser();\n  const barValueClasses = classNames([\n    valueStyle,\n    indeterminate,\n    direction === 'rtl' ? animationStyleRTL : animationStyleLTR,\n    forcedColors === 'active' ? highContrastValueStyle : ''\n  ]);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': props['aria-valuetext'] || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  const trackBorderClass =\n    forcedColors === 'active'\n      ? undefined\n      : edge === 'none'\n      ? trackBorderEdgeNone\n      : trackBorderEdgeTop;\n  return (\n    <BarTrack\n      id={id}\n      ariaProps={ariaProps}\n      class={classNames([classes, trackBorderClass])}\n      length={width}>\n      <BarValue class={barValueClasses} />\n    </BarTrack>\n  );\n};\n\ntype DeterminateProps = Omit<ProgressBarProps, 'aria-valuetext'> & {\n  value?: number;\n};\n\nconst DeterminateProgressBar = ({\n  value = 0,\n  max = 100,\n  id,\n  width,\n  edge = 'none'\n}: DeterminateProps) => {\n  const { forcedColors } = useUser();\n  const {\n    classes,\n    styles: { valueStyle, highContrastValueStyle, trackBorderEdgeNone, trackBorderEdgeTop }\n  } = useComponentTheme<ProgressBarVariantOptions, ProgressBarStyles>(ProgressBarRedwoodTheme, {\n    edge: edge === 'none' ? edge : undefined\n  });\n\n  const barValueClasses = classNames([\n    valueStyle,\n    forcedColors === 'active' ? highContrastValueStyle : ''\n  ]);\n\n  const percentage = `${Math.min(Math.max(0, value / max), 1) * 100}%`;\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n  ariaProps['aria-valuemax'] = value != null ? max : undefined;\n  ariaProps['aria-valuenow'] = value != null ? value : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <BarTrack\n      ariaProps={ariaProps}\n      id={id}\n      length={width}\n      class={classNames([classes, edge === 'none' ? trackBorderEdgeNone : trackBorderEdgeTop])}>\n      <BarValue class={barValueClasses} length={percentage} />\n    </BarTrack>\n  );\n};\n"],"names":["IndeterminateProgressBar","id","width","edge","props","classes","styles","valueStyle","indeterminate","animationStyleLTR","animationStyleRTL","highContrastValueStyle","trackBorderEdgeNone","trackBorderEdgeTop","useComponentTheme","ProgressBarRedwoodTheme","undefined","direction","forcedColors","useUser","barValueClasses","classNames","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","trackBorderClass","_jsx","jsx","BarTrack","class","length","children","BarValue","DeterminateProgressBar","value","max","percentage","Math","min","otherProps"],"mappings":"8QAmEA,MAAMA,EAA2B,EAAGC,KAAIC,QAAOC,OAAO,UAAWC,MAC/D,MAAMC,QACJA,EACAC,QAAQC,WACNA,EAAUC,cACVA,EAAaC,kBACbA,EAAiBC,kBACjBA,EAAiBC,uBACjBA,EAAsBC,oBACtBA,EAAmBC,mBACnBA,IAEAC,EAAAA,kBAAgEC,EAAAA,wBAAyB,CAC3FZ,KAAe,SAATA,EAAkBA,OAAOa,KAG3BC,UAAEA,EAASC,aAAEA,GAAiBC,EAAOA,UACrCC,EAAkBC,EAAAA,WAAW,CACjCd,EACAC,EACc,QAAdS,EAAsBP,EAAoBD,EACzB,WAAjBS,EAA4BP,EAAyB,KAEjDW,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBpB,EAAM,mBAAqBkB,EAAaG,wBAC1DC,KAAM,eAEFC,EACa,WAAjBT,OACIF,EACS,SAATb,EACAS,EACAC,EACN,OACEe,EAACC,IAAAC,WACC,CAAA7B,GAAIA,EACJuB,UAAWA,EACXO,MAAOV,EAAUA,WAAC,CAAChB,EAASsB,IAC5BK,OAAQ9B,EACR+B,SAAAL,EAAAC,IAACK,WAAQ,CAACH,MAAOX,KAEnB,EAOEe,EAAyB,EAC7BC,QAAQ,EACRC,MAAM,IACNpC,KACAC,QACAC,OAAO,WAEP,MAAMe,aAAEA,GAAiBC,EAAAA,WACnBd,QACJA,EACAC,QAAQC,WAAEA,EAAUI,uBAAEA,EAAsBC,oBAAEA,EAAmBC,mBAAEA,IACjEC,EAAiBA,kBAA+CC,0BAAyB,CAC3FZ,KAAe,SAATA,EAAkBA,OAAOa,IAG3BI,EAAkBC,EAAAA,WAAW,CACjCd,EACiB,WAAjBW,EAA4BP,EAAyB,KAGjD2B,EAAwD,IAAxCC,KAAKC,IAAID,KAAKF,IAAI,EAAGD,EAAQC,GAAM,GAAtC,IACbb,EAA2B,CAAA,EAKjC,OAJAA,EAAU,iBAA4B,MAATY,EAAgB,OAAIpB,EACjDQ,EAAU,iBAA4B,MAATY,EAAgBC,OAAMrB,EACnDQ,EAAU,iBAA4B,MAATY,EAAgBA,OAAQpB,EACrDQ,EAAgB,KAAI,cAElBI,MAACE,EAAQA,SAAA,CACPN,UAAWA,EACXvB,GAAIA,EACJ+B,OAAQ9B,EACR6B,MAAOV,EAAUA,WAAC,CAAChB,EAAkB,SAATF,EAAkBS,EAAsBC,IACpEoB,SAAAL,EAAAA,IAACM,EAAAA,SAAS,CAAAH,MAAOX,EAAiBY,OAAQM,KAE5C,gBA7FE,UAAsBF,MAAEA,EAAKC,IAAEA,KAAQI,IAC3C,MAAiB,kBAAVL,EACLR,EAAAC,IAAC7B,EAAwB,IAAKyC,IAE9Bb,EAAAA,IAACO,EAAuB,CAAAC,MAAOA,EAAOC,IAAKA,KAASI,GAExD"}

package/amd/ProgressCircle-365c4568.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './meterUtils-9d026b15', './circleUtils-1886e5b4', './useTranslationBundle-d07d4b20', './useComponentTheme-5aa41a8f', './UNSAFE_ProgressCircle/themes/redwood/ProgressCircleTheme', './CircularMeter-b754580a'], (function(e,s,r,a,l,i,t,n,o){"use strict";const c=({id:e,size:r,...a})=>{const{classes:l,styles:{indeterminate:c}}=t.useComponentTheme(n.ProgressCircleRedwoodTheme,{size:r,type:"indeterminate"}),d=i.useTranslationBundle("@oracle/oraclejet-preact"),m={"aria-valuetext":a["aria-valuetext"]||d.progressIndeterminate(),role:"progressbar"};return s.jsx(o.CircleWrapper,{id:e,ariaProps:m,class:l,children:s.jsx(o.CircleInner,{class:c})})},d=({value:e=0,max:a=100,id:i,size:c})=>{const{classes:d,styles:{determinate:m,track:u,valueStyle:p}}=t.useComponentTheme(n.ProgressCircleRedwoodTheme,{size:c}),x=Math.min(Math.max(0,e/a),1),C=l.getProgressClipPath(x),h={};return h["aria-valuemin"]=null!=e?0:void 0,h["aria-valuemax"]=null!=e?a:void 0,h["aria-valuenow"]=null!=e?e:void 0,h.role="progressbar",s.jsxs(o.CircleWrapper,{id:i,ariaProps:h,class:d,children:[s.jsx(o.CircleInner,{class:r.classNames([m,u])}),s.jsx(o.CircleInner,{class:r.classNames([m,p]),clipPath:C})]})};e.ProgressCircle=function({value:e,max:r,...a}){return"indeterminate"===e?s.jsx(c,{...a}):s.jsx(d,{value:e,max:r,...a})}}));
-//# sourceMappingURL=ProgressCircle-365c4568.js.map

package/amd/ProgressCircle-365c4568.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ProgressCircle-365c4568.js","sources":["../../src/UNSAFE_ProgressCircle/ProgressCircle.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 } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { CircleWrapper, CircleInner } from '../PRIVATE_Meter';\nimport { getProgressClipPath } from '../utils/PRIVATE_meterUtils';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { HTMLAttributesSignalExcluded } from '../utils/UNSAFE_attributeUtils';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport {\n  ProgressCircleStyles,\n  ProgressCircleVariantOptions\n} from './themes/ProgressCircleStyles.css';\nimport { ProgressCircleRedwoodTheme } from './themes/redwood/ProgressCircleTheme';\ntype ariaPropsType = ComponentProps<typeof CircleWrapper>['ariaProps'];\ntype IntrinsicProps = Pick<HTMLAttributesSignalExcluded<HTMLDivElement>, 'class'>;\n\ntype ProgressCircleProps = IntrinsicProps & {\n  /**\n   * Specifies the id of the progress circle.  If the progress circle is being used to describe the loading process of a particular region\n   * of the page, then the aria-describedby attribute of the region must point to the id of the ProgressCircle\n   */\n  id?: HTMLAttributesSignalExcluded<HTMLDivElement>['id'];\n  /**\n   * The value of the progress circle.  If the value is 'indeterminate', an indeterminate progress circle will be shown.\n   */\n  value?: 'indeterminate' | number;\n\n  /**\n   * The maximum value of the progress circle.\n   */\n  max?: number;\n  /**\n   * The size of the progress circle. The default value of this property is theme driven.\n   */\n  size?: 'sm' | 'md' | 'lg';\n\n  /**\n   * A label to be used for accessibility purposes when value is set to 'indeterminate'. This will be used for the aria-valuetext of the DOM element.\n   */\n  'aria-valuetext'?: string;\n  /**\n   * Specifies the children.\n   */\n  children?: ComponentChildren;\n};\n/**\n * A progress circle allows the user to visualize the progression of an extended computer operation.\n */\nexport function ProgressCircle({ value, max, ...otherProps }: ProgressCircleProps) {\n  return value === 'indeterminate' ? (\n    <IndeterminateProgressCircle {...otherProps}></IndeterminateProgressCircle>\n  ) : (\n    <DeterminateProgressCircle value={value} max={max} {...otherProps}></DeterminateProgressCircle>\n  );\n}\n\ntype IndeterminateProps = Omit<ProgressCircleProps, 'value' | 'max'>;\n\nconst IndeterminateProgressCircle = ({ id, size, ...props }: IndeterminateProps) => {\n  const {\n    classes,\n    styles: { indeterminate }\n  } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n    ProgressCircleRedwoodTheme,\n    {\n      size,\n      type: 'indeterminate'\n    }\n  );\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const ariaProps: ariaPropsType = {\n    'aria-valuetext': props['aria-valuetext'] || translations.progressIndeterminate(),\n    role: 'progressbar'\n  };\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n      <CircleInner class={indeterminate} />\n    </CircleWrapper>\n  );\n};\n\ntype DeterminateProps = Omit<ProgressCircleProps, 'aria-valuetext'> & {\n  value?: number;\n};\n\nconst DeterminateProgressCircle = ({ value = 0, max = 100, id, size }: DeterminateProps) => {\n  const {\n    classes,\n    styles: { determinate, track, valueStyle }\n  } = useComponentTheme<ProgressCircleVariantOptions, ProgressCircleStyles>(\n    ProgressCircleRedwoodTheme,\n    {\n      size\n    }\n  );\n\n  const percentage = Math.min(Math.max(0, value / max), 1);\n  const clipPath = getProgressClipPath(percentage);\n\n  const ariaProps: ariaPropsType = {};\n  ariaProps['aria-valuemin'] = value != null ? 0 : undefined;\n  ariaProps['aria-valuemax'] = value != null ? max : undefined;\n  ariaProps['aria-valuenow'] = value != null ? value : undefined;\n  ariaProps['role'] = 'progressbar';\n  return (\n    <CircleWrapper id={id} ariaProps={ariaProps} class={classes}>\n      <CircleInner class={classNames([determinate, track])} />\n      <CircleInner class={classNames([determinate, valueStyle])} clipPath={clipPath} />\n    </CircleWrapper>\n  );\n};\n"],"names":["IndeterminateProgressCircle","id","size","props","classes","styles","indeterminate","useComponentTheme","ProgressCircleRedwoodTheme","type","translations","useTranslationBundle","ariaProps","progressIndeterminate","role","_jsx","CircleWrapper","class","children","jsx","CircleInner","DeterminateProgressCircle","value","max","determinate","track","valueStyle","percentage","Math","min","clipPath","getProgressClipPath","undefined","_jsxs","classNames","otherProps"],"mappings":"oTAiEA,MAAMA,EAA8B,EAAGC,KAAIC,UAASC,MAClD,MAAMC,QACJA,EACAC,QAAQC,cAAEA,IACRC,EAAiBA,kBACnBC,6BACA,CACEN,OACAO,KAAM,kBAIJC,EAAeC,uBAAiC,4BAChDC,EAA2B,CAC/B,iBAAkBT,EAAM,mBAAqBO,EAAaG,wBAC1DC,KAAM,eAER,OACEC,EAAAA,IAACC,EAAAA,cAAc,CAAAf,GAAIA,EAAIW,UAAWA,EAAWK,MAAOb,EAClDc,SAAAH,EAAAI,IAACC,cAAW,CAACH,MAAOX,KAEtB,EAOEe,EAA4B,EAAGC,QAAQ,EAAGC,MAAM,IAAKtB,KAAIC,WAC7D,MAAME,QACJA,EACAC,QAAQmB,YAAEA,EAAWC,MAAEA,EAAKC,WAAEA,IAC5BnB,EAAiBA,kBACnBC,6BACA,CACEN,SAIEyB,EAAaC,KAAKC,IAAID,KAAKL,IAAI,EAAGD,EAAQC,GAAM,GAChDO,EAAWC,sBAAoBJ,GAE/Bf,EAA2B,CAAA,EAKjC,OAJAA,EAAU,iBAA4B,MAATU,EAAgB,OAAIU,EACjDpB,EAAU,iBAA4B,MAATU,EAAgBC,OAAMS,EACnDpB,EAAU,iBAA4B,MAATU,EAAgBA,OAAQU,EACrDpB,EAAgB,KAAI,cAElBqB,EAAAA,KAACjB,EAAAA,cAAa,CAACf,GAAIA,EAAIW,UAAWA,EAAWK,MAAOb,EAAOc,SAAA,CACzDH,EAAAA,IAACK,EAAAA,aAAYH,MAAOiB,aAAW,CAACV,EAAaC,MAC7CV,EAAAI,IAACC,EAAWA,YAAC,CAAAH,MAAOiB,EAAUA,WAAC,CAACV,EAAaE,IAAcI,SAAUA,MAEvE,mBA9DE,UAAyBR,MAAEA,EAAKC,IAAEA,KAAQY,IAC9C,MAAiB,kBAAVb,EACLP,EAAAI,IAACnB,EAA2B,IAAKmC,IAEjCpB,EAAAA,IAACM,EAA0B,CAAAC,MAAOA,EAAOC,IAAKA,KAASY,GAE3D"}

package/amd/SectionedContent-2b89af7b.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Dropdown-b36aa071', './Flex-3421f0df', './FocusTrap-eb7cc3d2', './keyboardUtils-244467a7', './useTestId-b5cd4766', './View-bd5c7fa7'], (function(e,n,o,t,i,a,d,s,r){"use strict";const c="bottom-start";e.SectionedContent=({"aria-label":e,contentRef:t,gap:c,footer:l,hasFocusTrap:p=!1,header:u,main:x,paddingBlockEnd:g="4x",paddingBlockStart:b="4x",paddingInlineEnd:f="4x",paddingInlineStart:h="4x",role:k,testId:S})=>{const I=s.useTestId(S),j=o.useRef(null),m=t??j,w=o.useCallback((e=>{e.code===d.KEYS.TAB&&e.stopPropagation()}),[]),F=n.jsxs(i.Flex,{direction:"column",gap:c,children:[u,n.jsx(r.View,{paddingBlockEnd:g,paddingBlockStart:b,paddingInlineEnd:f,paddingInlineStart:h,children:x}),l]}),T=p?n.jsx(a.FocusTrap,{restoreFocusRef:!1,children:F}):{sections:F};return n.jsx("div",{"aria-label":e,onKeyDown:p?w:void 0,ref:m,role:k,...I,children:T})},e.StickyPositioningDropdown=({children:e,isOpen:i,onPosition:a,...d})=>{const[s,r]=o.useState(c),[l,p]=o.useState(i);l!==i&&(p(i),i||r(c));const u=o.useCallback((e=>{r(e.placement),a?.(e)}),[a,r]);return n.jsx(t.Dropdown,{isOpen:i,onPosition:u,placement:s,...d,children:e})}}));
-//# sourceMappingURL=SectionedContent-2b89af7b.js.map

package/amd/SectionedContent-2b89af7b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SectionedContent-2b89af7b.js","sources":["../../src/PRIVATE_FormControls/StickyPositioningDropdown.tsx","../../src/PRIVATE_FormControls/SectionedContent.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\n\nimport { ComponentProps } from 'preact';\nimport { useCallback } from 'preact/hooks';\nimport { useState } from 'preact/hooks';\nimport { Dropdown } from '#UNSAFE_Dropdown';\nimport { PositionData } from '../UNSAFE_Floating';\n\ntype DropdownProps = ComponentProps<typeof Dropdown>;\ntype Props = Pick<\n  DropdownProps,\n  | 'anchorRef'\n  | 'children'\n  | 'flipOptions'\n  | 'id'\n  | 'initialFocus'\n  | 'isOpen'\n  | 'minWidth'\n  | 'offset'\n  | 'onClose'\n  | 'onPosition'\n  | 'sizeOptions'\n>;\n\nconst DEFAULT_PLACEMENT = 'bottom-start';\n\n/**\n * StickyPositioningDropdown is used to display content which supports conditional rendering,\n * or other cases where the size of the content can change and cause the dropdown to rerender\n * in a different placement. This component ensures the repositioning happens only once,\n * until there is a collision, instead of allowing the dropdown to keep trying to\n * move back to its default position on every render.\n */\nconst StickyPositioningDropdown = ({ children, isOpen, onPosition, ...rest }: Props) => {\n  const [placement, setPlacement] = useState<DropdownProps['placement']>(DEFAULT_PLACEMENT);\n  const [prevIsOpen, setPrevIsOpen] = useState(isOpen);\n\n  if (prevIsOpen !== isOpen) {\n    setPrevIsOpen(isOpen);\n\n    // reset the placement to the default when the dropdown closes, not opens, so that it doesn't\n    // initially open in the previous position and then move to the default position on the\n    // rerender after the state is updated\n    if (!isOpen) {\n      setPlacement(DEFAULT_PLACEMENT);\n    }\n  }\n  const handlePosition = useCallback(\n    (positionData: PositionData) => {\n      // update the placement so that the dropdown stays where it is until there is a collision,\n      // i.e. it no longer fits, instead of letting it try to move back to the default position\n      // on every render\n      setPlacement(positionData.placement);\n\n      // call the callback that was passed in through props\n      onPosition?.(positionData);\n    },\n    [onPosition, setPlacement]\n  );\n\n  return (\n    <Dropdown isOpen={isOpen} onPosition={handlePosition} placement={placement} {...rest}>\n      {children}\n    </Dropdown>\n  );\n};\n\nexport { StickyPositioningDropdown };\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 { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useRef } from 'preact/hooks';\nimport {\n  AriaAttributesSignalExcluded,\n  HTMLAttributesSignalExcluded\n} from '#utils/UNSAFE_attributeUtils';\nimport { Flex } from '#UNSAFE_Flex';\nimport { FocusTrap } from '#UNSAFE_FocusTrap';\nimport { KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { PaddingProps } from '#utils/UNSAFE_interpolations/padding';\nimport { TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { View } from '#UNSAFE_View';\n\ntype FlexProps = ComponentProps<typeof Flex>;\n\ntype Props = TestIdProps & {\n  /**\n   * An accessible label that describes the content.\n   */\n  'aria-label'?: AriaAttributesSignalExcluded['aria-label'];\n\n  /**\n   * A ref to the content container.\n   */\n  contentRef?: RefObject<HTMLDivElement>;\n\n  /**\n   * Child content in the footer section.\n   */\n  footer?: ComponentChildren;\n\n  /**\n   * The spacing between the sections.\n   */\n  gap?: FlexProps['gap'];\n\n  /**\n   * True if the tab key should cycle focus within the content.\n   * @default false\n   */\n  hasFocusTrap?: boolean;\n\n  /**\n   * Child content in the header section.\n   */\n  header?: ComponentChildren;\n\n  /**\n   * Child content in the main section.\n   */\n  main?: ComponentChildren;\n\n  /**\n   * The padding between the footer or bottom edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockEnd?: PaddingProps['paddingBlockEnd'];\n\n  /**\n   * The padding between the header or top edge and the main content.\n   * @default '4x'\n   */\n  paddingBlockStart?: PaddingProps['paddingBlockStart'];\n\n  /**\n   * The padding between the right edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineEnd?: PaddingProps['paddingInlineEnd'];\n\n  /**\n   * The padding between the left edge and the main content.\n   * @default '4x'\n   */\n  paddingInlineStart?: PaddingProps['paddingInlineStart'];\n\n  /**\n   * The aria role applied to the content container. For example, if the \"launcher\" element\n   * includes aria-haspopup=\"dialog\", then the associated content should have role \"dialog\"\n   * and an aria-label that describes it. If the launcher element has role \"combobox\", then\n   * it controls an element with a role such as listbox or grid.\n   */\n  role?: HTMLAttributesSignalExcluded['role'];\n};\n\n/**\n * The SectionedContent component has slots for header, main, and footer content.\n * It is meant to be used in a floating or modal type container and includes\n * conditional support for focus trapping, so that you can tab between components\n * and sections while the container remains open.\n */\nexport const SectionedContent = ({\n  'aria-label': ariaLabel,\n  contentRef: propRef,\n  gap,\n  footer,\n  hasFocusTrap = false,\n  header,\n  main,\n  paddingBlockEnd = '4x',\n  paddingBlockStart = '4x',\n  paddingInlineEnd = '4x',\n  paddingInlineStart = '4x',\n  role,\n  testId\n}: Props) => {\n  const testIdProps = useTestId(testId);\n\n  const cRef = useRef<HTMLDivElement>(null);\n  const contentRef = propRef ?? cRef;\n\n  const handleKeyDown = useCallback((event: KeyboardEvent) => {\n    if (event.code === KEYS.TAB) {\n      event.stopPropagation();\n    }\n  }, []);\n\n  const sections = (\n    <Flex direction=\"column\" gap={gap}>\n      {header}\n      <View\n        paddingBlockEnd={paddingBlockEnd}\n        paddingBlockStart={paddingBlockStart}\n        paddingInlineEnd={paddingInlineEnd}\n        paddingInlineStart={paddingInlineStart}>\n        {main}\n      </View>\n      {footer}\n    </Flex>\n  );\n\n  // Use a FocusTrap around the content if hasFocusTrap is true.\n  const childContent = hasFocusTrap ? (\n    <FocusTrap restoreFocusRef={false}>{sections}</FocusTrap>\n  ) : (\n    { sections }\n  );\n\n  return (\n    <div\n      aria-label={ariaLabel}\n      onKeyDown={hasFocusTrap ? handleKeyDown : undefined}\n      ref={contentRef}\n      role={role}\n      {...testIdProps}>\n      {childContent}\n    </div>\n  );\n};\n"],"names":["DEFAULT_PLACEMENT","ariaLabel","contentRef","propRef","gap","footer","hasFocusTrap","header","main","paddingBlockEnd","paddingBlockStart","paddingInlineEnd","paddingInlineStart","role","testId","testIdProps","useTestId","cRef","useRef","handleKeyDown","useCallback","event","code","KEYS","TAB","stopPropagation","sections","_jsxs","Flex","direction","children","_jsx","View","childContent","FocusTrap","restoreFocusRef","onKeyDown","undefined","ref","isOpen","onPosition","rest","placement","setPlacement","useState","prevIsOpen","setPrevIsOpen","handlePosition","positionData","Dropdown"],"mappings":"oOA8BA,MAAMA,EAAoB,kCCqEM,EAC9B,aAAcC,EACdC,WAAYC,EACZC,MACAC,SACAC,gBAAe,EACfC,SACAC,OACAC,kBAAkB,KAClBC,oBAAoB,KACpBC,mBAAmB,KACnBC,qBAAqB,KACrBC,OACAC,aAEA,MAAMC,EAAcC,YAAUF,GAExBG,EAAOC,SAAuB,MAC9BhB,EAAaC,GAAWc,EAExBE,EAAgBC,eAAaC,IAC7BA,EAAMC,OAASC,EAAIA,KAACC,KACtBH,EAAMI,iBACP,GACA,IAEGC,EACJC,OAACC,OAAI,CAACC,UAAU,SAASzB,IAAKA,EAAG0B,SAAA,CAC9BvB,EACDwB,EAAAA,IAACC,EAAAA,KACC,CAAAvB,gBAAiBA,EACjBC,kBAAmBA,EACnBC,iBAAkBA,EAClBC,mBAAoBA,WACnBJ,IAEFH,KAKC4B,EAAe3B,EACnByB,MAACG,EAAAA,UAAS,CAACC,iBAAiB,EAAQL,SAAAJ,KAElCA,YAGJ,OACEK,EAAAA,IAAA,MAAA,CAAA,aACc9B,EACZmC,UAAW9B,EAAea,OAAgBkB,EAC1CC,IAAKpC,EACLW,KAAMA,KACFE,EAAWe,SACdG,GAEH,8BDpH8B,EAAGH,WAAUS,SAAQC,gBAAeC,MACpE,MAAOC,EAAWC,GAAgBC,EAAQA,SAA6B5C,IAChE6C,EAAYC,GAAiBF,EAAQA,SAACL,GAEzCM,IAAeN,IACjBO,EAAcP,GAKTA,GACHI,EAAa3C,IAGjB,MAAM+C,EAAiB3B,eACpB4B,IAICL,EAAaK,EAAaN,WAG1BF,IAAaQ,EAAa,GAE5B,CAACR,EAAYG,IAGf,OACEZ,MAACkB,EAAQA,SAAA,CAACV,OAAQA,EAAQC,WAAYO,EAAgBL,UAAWA,KAAeD,EAC7EX,SAAAA,GAEH"}

package/amd/SelectionCard-3973de1b.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './classNames-08d99695', './dimensions-60420dbb', './padding-77507928', './colors-5f64f302', './aria-232c9168', './mergeInterpolations-9ede4cf7', './useTestId-b5cd4766', './UNSAFE_SelectionCard/themes/SelectionCardStyles.css', './useHover-7964884c'], (function(e,s,t,o,r,l,n,c,a,i,d){"use strict";const u=[...Object.values(o.dimensionInterpolations),...Object.values(l.colorInterpolations),...Object.values(n.ariaInterpolations),...Object.values(r.paddingInterpolations)],p=c.mergeInterpolations(u);e.SelectionCard=({children:e,isSelected:o=!1,testId:r,...l})=>{const{hoverProps:n,isHover:c}=d.useHover(),{class:u,...v}=p(l),S=t.classNames([i.baseStyle,u,c&&i.hoverStyle,o&&(c?i.selectedHoverStyle:i.selectedStyle)]),I=a.useTestId(r);return s.jsx("div",{role:"region",...n,class:S,style:v,...I,children:e})}}));
-//# sourceMappingURL=SelectionCard-3973de1b.js.map

package/amd/SelectionCard-3973de1b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SelectionCard-3973de1b.js","sources":["../../src/UNSAFE_SelectionCard/SelectionCard.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * Licensed under The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { ComponentChildren } from 'preact';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { DimensionProps, dimensionInterpolations } from '../utils/UNSAFE_interpolations/dimensions';\nimport { PaddingProps, paddingInterpolations } from '../utils/UNSAFE_interpolations/padding';\nimport { ColorProps, colorInterpolations } from '../utils/UNSAFE_interpolations/colors';\nimport { AriaProps, ariaInterpolations } from '../utils/UNSAFE_interpolations/aria';\nimport { mergeInterpolations } from '../utils/UNSAFE_mergeInterpolations';\nimport { useTestId, TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport {\n  baseStyle,\n  hoverStyle,\n  selectedStyle,\n  selectedHoverStyle\n} from './themes/SelectionCardStyles.css';\nimport { useHover } from '../hooks/UNSAFE_useHover';\n\ntype StyleProps = DimensionProps & PaddingProps & ColorProps & AriaProps;\n\ntype Props = StyleProps &\n  TestIdProps & {\n    children?: ComponentChildren;\n\n    /**\n     * This flag marks this card as selected within a collection.\n     */\n    isSelected?: boolean;\n  };\n\nconst interpolations = [\n  ...Object.values(dimensionInterpolations),\n  ...Object.values(colorInterpolations),\n  ...Object.values(ariaInterpolations),\n  ...Object.values(paddingInterpolations)\n];\n\nconst mergedInterpolations = mergeInterpolations<Props>(interpolations);\n\n/**\n * A selection card is a container element that is a part of a collection of elements, and renders a group of related information in a styled rectangular area.\n * Width, height, and backgroundColor are set through props.\n */\nexport const SelectionCard = ({ children, isSelected = false, testId, ...rest }: Props) => {\n  const { hoverProps, isHover } = useHover();\n\n  const { class: mergedClasses, ...mergedStyles } = mergedInterpolations(rest);\n  const selectionStyles = classNames([\n    baseStyle,\n    mergedClasses,\n    isHover && hoverStyle,\n    isSelected && (isHover ? selectedHoverStyle : selectedStyle)\n  ]);\n  const testIdProps = useTestId(testId);\n  return (\n    <div\n      role=\"region\"\n      {...hoverProps}\n      class={selectionStyles}\n      style={mergedStyles}\n      {...testIdProps}>\n      {children}\n    </div>\n  );\n};\n"],"names":["interpolations","Object","values","dimensionInterpolations","colorInterpolations","ariaInterpolations","paddingInterpolations","mergedInterpolations","mergeInterpolations","children","isSelected","testId","rest","hoverProps","isHover","useHover","class","mergedClasses","mergedStyles","selectionStyles","classNames","baseStyle","hoverStyle","selectedHoverStyle","selectedStyle","testIdProps","useTestId","_jsx","role","style"],"mappings":"uUAmCA,MAAMA,EAAiB,IAClBC,OAAOC,OAAOC,8BACdF,OAAOC,OAAOE,0BACdH,OAAOC,OAAOG,yBACdJ,OAAOC,OAAOI,0BAGbC,EAAuBC,EAAAA,oBAA2BR,mBAM3B,EAAGS,WAAUC,cAAa,EAAOC,YAAWC,MACvE,MAAMC,WAAEA,EAAUC,QAAEA,GAAYC,EAAQA,YAEhCC,MAAOC,KAAkBC,GAAiBX,EAAqBK,GACjEO,EAAkBC,EAAAA,WAAW,CACjCC,EAASA,UACTJ,EACAH,GAAWQ,EAAUA,WACrBZ,IAAeI,EAAUS,EAAkBA,mBAAGC,mBAE1CC,EAAcC,YAAUf,GAC9B,OACEgB,EAAAA,WACEC,KAAK,YACDf,EACJG,MAAOG,EACPU,MAAOX,KACHO,EACHhB,SAAAA,GAEH"}

package/amd/SelectorAll-7288e923.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', 'preact/hooks', './Flex-3421f0df', './usePress-a9ed1488', './UNSAFE_Selector/themes/SelectorStyles.css', './StyledCheckbox-9006dc18', './mergeProps-bcfa6a92', './useActive-7bb6fdc1', './useFocus-4194fc59', './useTestId-b5cd4766', './useTooltip-e4089d1a', './useHover-7964884c', './logger-0f873e29', './LayerHost-639b3284', 'preact/compat', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-79293e46', './useTranslationBundle-d07d4b20'], (function(e,s,t,o,l,r,a,c,i,n,d,u,p,h,b,y,v,f,S,T,g){"use strict";const A=e=>{"Enter"==e.key&&e.stopPropagation()};e.SelectorAll=function({"aria-label":e,"aria-labelledby":h,selected:b,onChange:y,showTooltip:v="disabled",testId:f}){const S=t.useRef(null),{isActive:T,activeProps:k}=i.useActive(),{isFocus:x,focusProps:P}=n.useFocus(),{pressProps:C}=l.usePress((e=>{y?.("none"==b||"partial"==b?{value:{all:!0,deletedKeys:new Set},target:e.target}:{value:{all:!1,keys:new Set},target:e.target})})),{isHover:F,hoverProps:m}=p.useHover(),j="partial"===b||"partial-all"===b?"partial":"all"===b?"checked":"unchecked",w=d.useTestId(f),H=g.useTranslationBundle("@oracle/oraclejet-preact"),U="none"===b||"partial"===b?H.selectorAll_selectAll():H.selectorAll_deselectAll(),{tooltipContent:_,tooltipProps:E}=u.useTooltip({text:U,isDisabled:"disabled"===v}),B=e||h?void 0:U;return s.jsx("div",{class:r.styles.container,...c.mergeProps({onClick:()=>{S.current?.focus()}},C,E),...w,children:s.jsx("div",{class:r.styles.base,...k,...m,children:s.jsxs(o.Flex,{align:"center",justify:"center",children:[s.jsx(a.StyledCheckbox,{ref:S,isHover:F,isChecked:j,isActive:T,isFocusRingShown:x,"aria-label":e||B,"aria-labelledby":h,onKeyDown:A,onKeyUp:A,...P}),_]})})})}}));
-//# sourceMappingURL=SelectorAll-7288e923.js.map