@oracle/oraclejet-preact 18.1.5 → 18.1.6

package/amd/MessageToast-236687bd.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MessageToast-236687bd.js","sources":["../../src/UNSAFE_MessageToast/MessageToast.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 { ComponentChildren, ComponentProps, RefObject } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'preact/hooks';\nimport { EnvironmentProvider } from '../UNSAFE_Environment';\nimport {\n  FocusableComponentHandle,\n  useMessageFocusManager\n} from '../hooks/PRIVATE_useMessagesFocusManager';\nimport { useBreakpointValues } from '../hooks/UNSAFE_useBreakpointValues';\nimport { useMessagesContext } from '../hooks/UNSAFE_useMessagesContext';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport { getRenderer, Message, MessagesManager } from '../PRIVATE_Message';\nimport { MessageLayer } from '../PRIVATE_MessageLayer';\nimport { BundleType } from '../resources/nls/bundle';\nimport { Flex } from '../UNSAFE_Flex';\nimport { FocusTrap } from '../UNSAFE_FocusTrap';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { Item, ItemMetadata } from '../utils/UNSAFE_dataProvider';\nimport { Size } from '../utils/UNSAFE_size';\nimport { useComponentTheme } from '../hooks/UNSAFE_useComponentTheme';\nimport { MessageToastRedwoodTheme } from './themes/redwood/MessageToastTheme';\nimport { type TestIdProps, useTestId } from '#hooks/UNSAFE_useTestId';\nimport { xUnits } from '#UNSAFE_Theme';\n\n// TODO: refactor types so we don't repeat them here and MessageLayer\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\n// TODO: Refactor Message Item types\n// \n\n/**\n * An object representing a single message in MessageToast component.\n */\nexport type MessageToastItem = {\n  /**\n   * Defines whether or not to include the close icon for the message\n   *\n   * @default 'on'\n   */\n  closeAffordance?: 'on' | 'off';\n\n  /**\n   * Defines the detail text of the message\n   */\n  detail?: string;\n\n  /**\n   * Defines the severity of the message\n   *\n   * @default 'error'\n   */\n  severity?: 'none' | 'error' | 'warning' | 'confirmation' | 'info';\n\n  /**\n   * Defines the sound to be played when opening the message\n   *\n   * @default 'none'\n   */\n  sound?: 'default' | 'none' | string;\n\n  /**\n   * Defines the primary text of the message\n   */\n  summary?: string;\n\n  /**\n   * Defines the time after which the message is to be closed automatically\n   *\n   * on - default of 5s\n   * off - no auto timeout, manually dismissed\n   * number - seconds in milliseconds format\n   *\n   * @default 'off'\n   */\n  autoTimeout?: 'on' | 'off' | number;\n};\n\n/**\n * Structure of data item passed to the renderers\n */\nexport type MessageToastRendererDataItem<K, D> = {\n  /**\n   * The data for the current message\n   */\n  data: D;\n\n  /**\n   * The key for the current message\n   */\n  key: K;\n\n  /**\n   * The metadata for the current message\n   */\n  metadata?: ItemMetadata<K>;\n};\n\ntype Props<Key, Data> = TestIdProps & {\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   * Data for the MessageToast component. This data is used for rendering each toast message.\n   * The key for each message will be configured using the key of the corresponding item. This way,\n   * the component will know whether a new message is being added or an existing message is being updated/removed\n   * when the new data comes in.\n   */\n  data: Item<Key, Data>[];\n\n  /**\n   * Triggered when a user tries to close a message through UI interaction. The application\n   * should listen to this event and remove the corresponding message item from the data\n   * which would then result in the message closed. If the application\n   * fails to remove the message item from the data, then no change will be done in the\n   * UI by the component and the message will stay in the UI opened.\n   */\n  onClose?: (item: Item<Key, Data>) => void;\n\n  /**\n   * Applications can use this property to provide the key of a renderer or a function that\n   * returns the key of a renderer to use for rendering the detail content.\n   *\n   * When a renderer key is provided as a value for this property, the corresponding renderer\n   * will be used for rendering the detail content for all the messages. If applications want\n   * to use a different renderer for different messages, they can provide a function that\n   * returns a renderer key instead.\n   *\n   * The provided function should accept an Item and return a key to a renderer for\n   * rendering the corresponding message's detail content. The value returned from this function\n   * should be a key to one of the renderers provided. If the returned value is not\n   * one of the keys of the provided renderers, the component will throw an Error.\n   *\n   * If the function returns undefined, the component then will perform default rendering\n   * of the detail content using the detail property of the corresponding message.\n   *\n   * If an application specifies both detail and a valid detailRendererKey, the detailRendererKey will\n   * take precedence and the corresponding renderer will be used for rendering the detail content.\n   */\n  detailRendererKey?: string | ((item: Item<Key, Data>) => string | undefined);\n\n  /**\n   * Applications can use this property to provide the key of a renderer or a function that\n   * returns the key of the renderer to use for rendering the start icon.\n   *\n   * When a renderer key is provided as a value for this property, the corresponding renderer\n   * will be used for rendering the start icon for all the messages. If applications want\n   * to use a different renderer for different messages, they can provide a function that\n   * returns a renderer key instead.\n   *\n   * The provided function should accept an Item and return a key to a renderer for\n   * rendering the corresponding message's start icon. The value returned from this function\n   * should be a key to one of the renderers provided. If the returned value is not\n   * one of the keys of the provided renderers, the component will throw an Error.\n   *\n   * If the function returns undefined, the component then will perform default rendering\n   * of the start icon using the severity property of the corresponding message.\n   *\n   * If an application specifies both severity and a valid iconRendererKey, the iconRendererKey will\n   * take precedence and the corresponding renderer will be used for rendering the start icon.\n   */\n  iconRendererKey?: string | ((item: Item<Key, Data>) => string | undefined);\n\n  /**\n   * A set of available renderers for rendering the message content. Which renderer is used\n   * for rendering which content will be decided by specific properties in the row data.\n   */\n  renderers?: Record<string, (data: MessageToastRendererDataItem<Key, Data>) => ComponentChildren>;\n};\n\n/**\n * Animation states for toast messages\n * TODO: Get this from theme context provider\n */\nconst animationStates: ComponentProps<typeof MessagesManager>['animationStates'] = {\n  entering: (node) => ({\n    from: {\n      transform: `translate(0, ${node.offsetHeight}px)`,\n      opacity: 1\n    },\n    to: {\n      transform: 'translate(0, 0)',\n      opacity: 1\n    },\n    end: {\n      transform: 'unset',\n      opacity: 1\n    },\n    options: {\n      duration: 250\n    }\n  }),\n  exiting: {\n    from: {\n      opacity: 1\n    },\n    to: {\n      opacity: 0\n    },\n    end: {\n      opacity: 0\n    },\n    options: {\n      duration: 250\n    }\n  }\n};\nconst initialAnimationStyles = {\n  opacity: 0\n} as const;\n\n/**\n * Message toasts are short, non-critical, auto-dismissible messages that communicate non-disruptive contextual messages.\n */\n\nexport function MessageToast<K extends string | number, D extends MessageToastItem>({\n  data,\n  detailRendererKey,\n  iconRendererKey,\n  renderers,\n  onClose,\n  offset,\n  position,\n  testId\n}: Props<K, D>) {\n  const testIdProps = useTestId(testId);\n  const messagesRef = useRef(new Map<K, HTMLDivElement | null>());\n  const autoFocusRef = useRef<HTMLDivElement>(null) as RefObject<HTMLDivElement | null>;\n  const containerDivRef = useRef<HTMLDivElement>(null);\n  const focusHandleRef = useRef<FocusableComponentHandle>(null);\n  const [liveRegionText, setLiveRegionText] = useState<string>();\n  const [shouldRender, setShouldRender] = useState(data.length > 0);\n  const [shouldTrapFocus, setShouldTrapFocus] = useState(false);\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const { UNSAFE_messagesLayerId } = useMessagesContext();\n\n  // We need a ref that holds the current & previous data length, as the exiting\n  // node will always call handleNextFocus with previous data.\n  // As in TransitionGroup, when an item is removed from the data, a new vnode\n  // will not be created instead previous vnode will be used. So, the new handleNextFocus\n  // will not be called when the old vnode exits. Thus, we will be using a ref\n  // to always get the correct current data length.\n  const dataLengthRef = useRef(data.length);\n  const prevDataLengthRef = useRef(0);\n  // Update the data length ref\n  dataLengthRef.current = data.length;\n\n  // Update the focusHandleRef\n  useImperativeHandle(\n    focusHandleRef,\n    () => ({\n      focus: () => {\n        // Only trigger focus if the component is rendering messages\n        if (data.length) {\n          // set the autoFocus ref to the first message and enable the focus trap\n          // this will automatically focus the first message\n          autoFocusRef.current = messagesRef.current.get(data[0].key) ?? null;\n          setShouldTrapFocus(true);\n          return true;\n        }\n        return false;\n      },\n      contains: (element: Element) => {\n        // Only invoke method if the component is rendering messages\n        if (data.length && element) {\n          return containerDivRef.current?.contains(element) ?? false;\n        }\n        return false;\n      }\n    }),\n    [data]\n  );\n\n  // Register handlers for focus management\n  const { controller, handlers } = useMessageFocusManager(\n    focusHandleRef,\n    {\n      onFocus: useCallback(() => {\n        setLiveRegionText(translations.message_navigationFromMessagesRegion());\n      }, [translations]),\n      onFocusLeave: useCallback(() => {\n        // disable trap which should revert the focus back to the last focused item\n        setShouldTrapFocus(false);\n      }, [])\n    },\n    {\n      // we do not want the focus manager to handle Esc key as we handle it using the\n      // FocusTrap here\n      handleEscapeKey: false\n    }\n  );\n\n  /**\n   * Handles focus when a message is closed and animated away from the DOM\n   * @param key The key of the message\n   * @param index The index of the message\n   */\n  const handleNextFocus = useCallback(\n    (_key: K, index: number, closedMessageNode?: Element) => {\n      const isClosedMessageFocused = closedMessageNode?.contains(document.activeElement);\n\n      // If there are no messages, do not render anything. As the old messages\n      // are still in the DOM, use the data count to determine what to do next as it\n      // represents the next state.\n      if (dataLengthRef.current === 0) {\n        setShouldRender(false);\n        setShouldTrapFocus(false);\n        // If the current message holds focus, then restore previous focus\n        if (isClosedMessageFocused) {\n          // As we have FocusTrap, trying to restore focus now will simply result in focus being pulled\n          // back again. So, we restore the focus in the next tick so that the rendering will have been\n          // done in the microtask.\n          setTimeout(() => controller.restorePriorFocus(), 0);\n        }\n        return;\n      }\n\n      // In TransitionGroup, when an item is removed from the data, a new vnode\n      // will not be created instead previous vnode will be used. So, the new handleNextFocus\n      // will not be called when the old vnode exits. Thus, all the deps will not be pointing to\n      // the current references, rather they will be pointing to the ones where this vnode\n      // last existed in the data.\n      // This means, the data will contain the closing message as well. But, all the ref objects\n      // still point to the most up-to-date values. With that in mind, we will be evaluating the\n      // following values.\n      const renderedMessagesCount = data.length;\n\n      // Now that this message is closed, focus the next message that will take this index. If no\n      // message will take this message's index, then it means that this is the last message. If\n      // that is the case, focus the message at the previous index.\n      // Use the count of the messages that are currently shown in the UI (current state including\n      // the message that will be removed). This way we can get the correct item from the data\n      // as it will contain the closing message as well.\n      const nextMessageIndexToFocus = index + 1 < renderedMessagesCount ? index + 1 : index - 1;\n\n      // if next message is available then transfer the focus to the next element\n      if (nextMessageIndexToFocus > -1 && isClosedMessageFocused) {\n        const nextMessageKey = data[nextMessageIndexToFocus].key;\n        messagesRef.current.get(nextMessageKey)?.focus();\n      }\n    },\n    [controller, data]\n  );\n\n  // We will be using a function based ref to store the refs in the Map\n  const setHTMLDivElement = useCallback(\n    // TODO: use ramda.curry here (currently it is throwing ts error when used with generics)\n    (key: K) => {\n      return (ref: HTMLDivElement | null) => messagesRef.current.set(key, ref);\n    },\n    []\n  );\n  // Prioritize this component whenever the data changes and\n  // the new data has at least one message\n  useEffect(() => {\n    const previousDataLength = prevDataLengthRef.current;\n    prevDataLengthRef.current = data.length;\n\n    // if there are messages that need to be rendered now, then do the following deeds:\n    // 1. set the shouldRender flag\n    // 2. set the live region\n    // 3. prioritize this message component to be the latest\n    if (data.length) {\n      // set state to render content whenever the data is not empty\n      setShouldRender(true);\n      if (data.length > previousDataLength) {\n        // Only when having a new message, update the aria-live area with the\n        // text to indicate how to get the focus to the new message.\n        setLiveRegionText(translations.message_navigationToMessagesRegion());\n      }\n      controller.prioritize();\n      return;\n    }\n\n    // if there were messages and now removed, then set the live region to\n    // announce this information\n    if (previousDataLength) {\n      setLiveRegionText(translations.messageToast_allMessagesClosed());\n      return;\n    }\n\n    // When there are no messages, clear the live region so that\n    // the navigation text will be read when a new message appear\n    setLiveRegionText('');\n  }, [controller, data.length, translations]);\n\n  // determine responsive max-width\n  const maxWidth = useBreakpointValues<Size>({\n    sm: `calc(100vw - ${xUnits(8)})`,\n    md: `calc(100vw - ${xUnits(12)})`,\n    lg: `calc(150 * ${xUnits(1)})`\n  });\n  // without offset, the messages will be hugging the vertical edges of the screen\n  // so we will set a default offset.vertical value (any offset from the props will be\n  // added to this).\n  const paddedOffset = useBreakpointValues<Offset>({\n    sm: {\n      horizontal: typeof offset === 'number' ? offset : offset?.horizontal ?? 0,\n      vertical: 16 + (typeof offset === 'number' ? offset : offset?.vertical ?? 0)\n    },\n    lg: {\n      horizontal: typeof offset === 'number' ? offset : offset?.horizontal ?? 0,\n      vertical: 24 + (typeof offset === 'number' ? offset : offset?.vertical ?? 0)\n    }\n  });\n\n  const { classes } = useComponentTheme(MessageToastRedwoodTheme);\n\n  // When both shouldRender flag is false and no data to render, do not render\n  // anything except the live region\n  if (!shouldRender && data.length === 0) {\n    return <LiveRegion>{liveRegionText}</LiveRegion>;\n  }\n\n  // TODO - Message Toast shouldn't always render as 'dark', it should be the inverse of the root environment context\n  // See JET-57590\n  return (\n    <EnvironmentProvider environment={{ colorScheme: 'dark' }}>\n      <MessageLayer offset={paddedOffset} position={position}>\n        <div\n          class={classes}\n          ref={containerDivRef}\n          tabIndex={-1} // Need to add tabindex to make the container receive the focus events\n          id={UNSAFE_messagesLayerId}\n          {...handlers}\n          {...testIdProps}>\n          <FocusTrap autoFocusRef={autoFocusRef} isDisabled={!shouldTrapFocus}>\n            <Flex direction=\"column\" gap=\"1x\" align=\"center\" maxWidth={maxWidth}>\n              <MessagesManager\n                animationStates={animationStates}\n                initialAnimationStyles={initialAnimationStyles}\n                data={data}\n                onMessageWillRemove={handleNextFocus}>\n                {({ item }) => (\n                  <Message\n                    messageRef={setHTMLDivElement(item.key)}\n                    item={item}\n                    detailRenderer={getRenderer(item, detailRendererKey, renderers)}\n                    iconRenderer={getRenderer(item, iconRendererKey, renderers)}\n                    key={item.key}\n                    onClose={onClose}\n                    variant=\"toast\"\n                  />\n                )}\n              </MessagesManager>\n            </Flex>\n          </FocusTrap>\n        </div>\n      </MessageLayer>\n      <LiveRegion>{liveRegionText}</LiveRegion>\n    </EnvironmentProvider>\n  );\n}\n"],"names":["animationStates","entering","node","from","transform","offsetHeight","opacity","to","end","options","duration","exiting","initialAnimationStyles","data","detailRendererKey","iconRendererKey","renderers","onClose","offset","position","testId","testIdProps","useTestId","messagesRef","useRef","Map","autoFocusRef","containerDivRef","focusHandleRef","liveRegionText","setLiveRegionText","useState","shouldRender","setShouldRender","length","shouldTrapFocus","setShouldTrapFocus","translations","useTranslationBundle","UNSAFE_messagesLayerId","useMessagesContext","dataLengthRef","prevDataLengthRef","current","useImperativeHandle","focus","get","key","contains","element","controller","handlers","useMessageFocusManager","onFocus","useCallback","message_navigationFromMessagesRegion","onFocusLeave","handleEscapeKey","handleNextFocus","_key","index","closedMessageNode","isClosedMessageFocused","document","activeElement","setTimeout","restorePriorFocus","nextMessageIndexToFocus","nextMessageKey","setHTMLDivElement","ref","set","useEffect","previousDataLength","message_navigationToMessagesRegion","prioritize","messageToast_allMessagesClosed","maxWidth","useBreakpointValues","sm","xUnits","md","lg","paddedOffset","horizontal","vertical","classes","useComponentTheme","MessageToastRedwoodTheme","_jsxs","EnvironmentProvider","environment","colorScheme","children","_jsx","MessageLayer","class","tabIndex","id","FocusTrap","isDisabled","Flex","direction","gap","align","jsx","MessagesManager","onMessageWillRemove","item","Message","messageRef","detailRenderer","getRenderer","iconRenderer","variant","LiveRegion"],"mappings":"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"}

package/amd/MonthView-c8a6ab15.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './dayUtils-619d141a', './getFormatParse-3d7186b3', './logger-0f873e29', './calendarDateUtils-5e25297c', 'preact/hooks', './StyledDatePickerButton-e886e52a', 'preact/compat', './useTranslationBundle-7c40cb58', './useCellNavigation-47060bc3', './PRIVATE_MonthView/themes/DayCellStyles.css', './useUser-797287de', './Grid-a8a51c37', './PRIVATE_MonthView/themes/redwood/MonthViewTheme', './useComponentTheme-5aa41a8f', './PRIVATE_MonthView/themes/MonthViewContract.css', './PRIVATE_MonthView/themes/WeekNumberCellStyle.css'], (function(e,t,a,s,o,r,n,i,l,d,c,u,h,m,y,p,g,D){"use strict";const w=()=>({state:"enabled"}),b=e=>{const{buttonProps:a}=(({date:e,dayFormatter:t=w,dateFormatter:a,isAdjacentMonth:s,isDisabled:o,isFocusable:n,isFocused:i,isHidden:u,isReadonly:h,isSelected:m,isToday:y,onAction:p,onNavigation:g})=>{const{state:D}=t(e),b="disabled"===D,T="restricted"===D,f=c.useFocusableCell({isFocusable:n,isFocused:i}),k=l.useCallback((e=>{o||h||b||T||p(e)}),[o,b,h,T,p]),S=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:g}),x=d.useTranslationBundle("@oracle/oraclejet-preact"),C=x.datePicker_today(),M=x.datePicker_selected(),v=x.datePicker_restricted(),j=a(r.getIsoDateStr(e.year,e.month,e.day));let P=y?`${C}, ${j}`:j;P=T?`${P}, ${v}`:P,P=m?`${P}, ${M}`:P;const V=r.toJSDate(e.year,e.month,e.day).getDate().toString();return{buttonProps:{"aria-label":P,...(u||o||b||T)&&{"aria-disabled":!0},isActivable:!(o||h||b||T),isAdjacentMonth:s,isDimmed:o||b,isHidden:u,isHoverable:!(o||h||b||T),isReadonly:h,isSelected:m,isRestricted:T,isToday:y,label:V,...f,...S}}})(e);return t.jsx("div",{role:"gridcell",class:u.dayCellStyles,children:t.jsx(i.StyledDatePickerButton,{...a})})},T=({startDateOfWeek:e})=>{const a=(e=>{const t=r.toJSDate(e.year,e.month,e.day),a=t.getUTCDay();0!==a&&1!==a&&6!==a&&o.warn("calculateWeekNumber's date property's getUTCDay() is assumed to be 0 (Sunday), 1 (Monday) or 6 (Saturday)\n      since that is the first day of the week for the locale's JET supports."),1!==a&&t.setUTCDate(t.getUTCDate()+(0===a?1:2)),t.setUTCDate(t.getUTCDate()+3);const s=r.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:D.weekNumberCellStyles,role:"rowheader",children:t.jsx("span",{class:D.weekNumberStyles,children:a})})};function f(e,t){return e.year===t.year&&e.month===t.month&&e.day===t.day}e.MonthView=({dayFormatter:e,daysOutsideMonth:o="hidden",isReadonly:i=!1,max:l,min:d,onAction:c,onNavigation:u,selectedDate:D,focusableDate:w,isFocused:k=!1,testId:S,todaysDate:x,weekDisplay:C="none"})=>{const{locale:M}=h.useUser(),v=a.getWeeksInMonth(w.year,w.month,M),{baseTheme:j,styles:P}=p.useComponentTheme(y.MonthViewRedwoodTheme,{}),V="number"===C,A=`repeat(${V?8:7}, 1fr)`,F=n.useMemo((()=>{r.checkNoCalendarExtension(M);const e={locale:M,dateStyle:"full"},{format:t}=s.getFormatParse(e);return t}),[M]),U=r.formatFullCalendarDate(M,w,"month");return t.jsx("div",{class:j,children:t.jsxs(m.Grid,{gap:g.monthViewScaleVars.rowGap,"aria-label":U,role:"grid",testId:S,children:[(()=>{const e=a.getDaysOfWeekNames(M,"short");return t.jsx("div",{class:P.sticky,children:t.jsxs(m.Grid,{role:"row","aria-hidden":"true",gridTemplateColumns:A,gap:g.monthViewScaleVars.columnGap,children:[V&&t.jsx("div",{role:"presentation"}),e.map((e=>t.jsx("div",{role:"columnheader",class:P.dayOfTheWeek,children:t.jsx("span",{children:e})})))]})})})(),(()=>{const s=[];for(let n=0;n<v;n++){const h=a.getStartOfWeek(w.year,w.month,1,M),y=a.getDatesInWeek(n,h.year,h.month,h.day),p=y.map((a=>{const s=r.isDateOutOfRange(a,d,l),n=!!D&&f(a,D),h=f(a,x),m=f(a,w),y=(p=w,a.month!==p.month);var p;const g=y&&"hidden"===o;return t.jsx(b,{date:a,dateFormatter:F,dayFormatter:e,isAdjacentMonth:y,isDisabled:s,isFocusable:m,isFocused:m&&k,isHidden:g,isReadonly:i,isSelected:n,isToday:h,onAction:c,onNavigation:u},`${a.year}-${a.month}-${a.day}`)}));s.push(t.jsxs(m.Grid,{role:"row",gridTemplateColumns:A,gap:g.monthViewScaleVars.columnGap,children:[V&&t.jsx(T,{startDateOfWeek:y[0]}),p]},n))}return s})()]})})}}));
-//# sourceMappingURL=MonthView-c8a6ab15.js.map

package/amd/MonthView-c8a6ab15.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MonthView-c8a6ab15.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 { DateISOStr } from '#UNSAFE_IntlDateTime';\nimport { FormatterFunc } from '#UNSAFE_IntlFormatParse';\nimport { getIsoDateStr, 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 used to format the day cell date as a full date.\n   */\n  dateFormatter: FormatterFunc<DateISOStr>;\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  dateFormatter,\n  isAdjacentMonth,\n  isDisabled,\n  isFocusable,\n  isFocused,\n  isHidden,\n  isReadonly,\n  isSelected,\n  isToday,\n  onAction,\n  onNavigation\n}: UseDayCellProps) => {\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 dateIsoStr = getIsoDateStr(date.year, date.month, date.day);\n  const formattedDate = dateFormatter(dateIsoStr);\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  | 'dateFormatter'\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';\nimport * as Logger from '../utils/UNSAFE_logger';\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 * The date must be a Saturday, Sunday, or Monday. We assume this because the week for\n * all the locales we support start on one of these days.\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(); // 0 for Sunday, 1 for Monday, 2 for Tuesday, etc.\n\n  if (dayNumber !== 0 && dayNumber !== 1 && dayNumber !== 6) {\n    // This message is for internal JET developers. We should never see this message. In all locales the day of the\n    // week starts on Sunday, Monday or Saturday.\n    Logger.warn(`calculateWeekNumber's date property's getUTCDay() is assumed to be 0 (Sunday), 1 (Monday) or 6 (Saturday)\n      since that is the first day of the week for the locale's JET supports.`);\n  }\n\n  // For ISO week, we set the start of the week to Monday\n  if (dayNumber !== 1) {\n    // If it is already Monday, do nothing.\n    // If it is Sunday (0), add 1 to move it up to Monday.\n    // If it is Saturday (6), move it up two days to Monday.\n    checkDate.setUTCDate(checkDate.getUTCDate() + (dayNumber === 0 ? 1 : 2));\n  }\n\n  // Find Thursday (day value of 4) of this week. Since we know checkDate at this point is a Monday,\n  // we move it up 3 days.\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 { useMemo } from 'preact/hooks';\nimport {\n  CalendarDateRequired,\n  checkNoCalendarExtension,\n  formatFullCalendarDate,\n  isDateOutOfRange\n} from '#utils/UNSAFE_calendarDateUtils';\nimport { getFormatParse, NativeDateTimeOptions } from '#UNSAFE_IntlDateTime';\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 dateFormatter = useMemo(() => {\n    checkNoCalendarExtension(locale);\n    const dateFormatOptions: NativeDateTimeOptions = {\n      locale,\n      dateStyle: 'full'\n    };\n    const { format } = getFormatParse(dateFormatOptions);\n    return format;\n  }, [locale]);\n\n  const renderMonthViewHeaderRow = () => {\n    const weekDays = getDaysOfWeekNames(locale, 'short');\n\n    return (\n      <div class={styles.sticky}>\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      </div>\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            dateFormatter={dateFormatter}\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","dateFormatter","isAdjacentMonth","isDisabled","isFocusable","isFocused","isHidden","isReadonly","isSelected","isToday","onAction","onNavigation","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","getIsoDateStr","year","month","day","ariaLabel","dayOfMonth","toJSDate","getDate","toString","isActivable","isDimmed","isHoverable","isRestricted","label","useDayCell","_jsx","jsx","role","class","dayCellStyles","children","StyledDatePickerButton","WeekNumberCell","startDateOfWeek","weekNumber","checkDate","dayNumber","getUTCDay","Logger.warn","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","locale","useUser","weeksInMonth","getWeeksInMonth","baseTheme","styles","useComponentTheme","MonthViewRedwoodTheme","isWeekNumberDisplayed","gridTemplateColumns","useMemo","checkNoCalendarExtension","dateFormatOptions","dateStyle","format","getFormatParse","monthViewAriaLabel","formatFullCalendarDate","_jsxs","jsxs","Grid","gap","monthViewScaleVars","rowGap","weekDays","getDaysOfWeekNames","sticky","columnGap","map","dayOfTheWeek","renderMonthViewHeaderRow","calendarGrid","weekIndex","getStartOfWeek","weekDates","getDatesInWeek","weekCells","dayCellDate","isDateOutOfRange","currentMonthDate","push","renderMonthView"],"mappings":"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"}

package/amd/NumberInputText-91b73dcb.js

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

package/amd/NumberInputText-91b73dcb.js.map

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

package/amd/OverflowTabBar-ef21bcd3.js

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

package/amd/OverflowTabBar-ef21bcd3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OverflowTabBar-ef21bcd3.js","sources":["../../src/UNSAFE_OverflowTabBar/OverflowTabBar.tsx"],"sourcesContent":["import { ComponentProps, createRef } from 'preact';\nimport { useCallback, useMemo, useRef, useState } from 'preact/hooks';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport { TestIdProps } from '../hooks/UNSAFE_useTestId';\nimport { OverflowTabBarItem, RemovableTabBarItem, TabBar, TabBarItem } from '../UNSAFE_TabBar';\nimport { CloseDetail, Item } from '../UNSAFE_TabBarCommon';\nimport { styles } from './themes/OverflowTabBarStyles.css';\nimport { useDetectHorizontalOverflow } from '../hooks/PRIVATE_useDetectHorizontalOverflow';\n\ntype OverflowTabBarProps<K extends string | number> = {\n  /**\n   * An array of data to render individual tabs\n   */\n  items: Item<K>[];\n  /**\n   * The truncation configuration for tab labels.\n   * 'progressive' will restrict the width of each tab label to allow all tabs to fit if enough space is not available to display all of the tabs.\n   * Labels that are truncated are displayed with ellipses. However the width of each tab label will not be truncated below a specific threshold.\n   * 'none' tabs always take up the space needed by the labels even if enough space is not available to display all of the tabs.\n   */\n  truncation?: 'none' | 'progressive';\n} & Omit<ComponentProps<typeof TabBar>, 'children' | 'aria-describedby' | 'ref'>;\n\n/**\n * OverflowTabBar handles the rendering of overflowing tab items.\n */\nexport function OverflowTabBar<K extends string | number>({\n  items,\n  layout = 'stretch',\n  display = 'standard',\n  size = 'md',\n  edge = 'top',\n  selection,\n  truncation,\n  onSelect,\n  onRemove,\n  'aria-label': ariaLabel,\n  'aria-labelledby': ariaLabelledby,\n  testId\n}: OverflowTabBarProps<K> & TestIdProps) {\n  const displayStackProps = {\n    display: display\n  };\n  const displayNonStackProps = {\n    display: display,\n    size: size\n  };\n\n  const displayProps = display === 'stacked' ? displayStackProps : displayNonStackProps;\n  const rootRef = useRef<HTMLDivElement>(null);\n  const tabBarRef = createRef<HTMLDivElement>();\n\n  const [isDropDownOpen, setIsDropDownOpen] = useState<boolean>(false);\n\n  const isOutsideMouseDown = useRef<boolean>(false);\n\n  const handleClose = (e: CloseDetail) => {\n    if (tabBarRef.current && ['itemAction', 'dismissed'].includes(e.reason)) {\n      tabBarRef?.current?.focus();\n    }\n    if (e.reason === 'outsideMousedown') {\n      isOutsideMouseDown.current = true;\n    }\n    setIsDropDownOpen(false);\n  };\n\n  const handleSelect = useCallback<Required<ComponentProps<typeof TabBar>>['onSelect']>(\n    (e: { value: string | number }) => {\n      if (e.value === 'more') {\n        //If overflow item is clicked after dropdown is open, the reason is outsideMouseDown and it needs to be closed\n        if (isOutsideMouseDown.current) {\n          setIsDropDownOpen(false);\n        } else {\n          setIsDropDownOpen(true);\n        }\n      } else {\n        onSelect?.(e);\n      }\n      isOutsideMouseDown.current = false;\n    },\n    [onSelect]\n  );\n\n  const overflowItemKey = 'more' as K;\n\n  const keysArray = useMemo(() => items.map((item) => item.itemKey) as K[], [items]);\n\n  const { visibleItemKeys, overflowItemKeys, maxWidths } = useDetectHorizontalOverflow({\n    rootRef: tabBarRef,\n    keysArray,\n    isTruncationDisabled: !(truncation && truncation === 'progressive')\n  });\n\n  const overflowTabBarClass = classNames([styles.overflowTabBarBase]);\n\n  return (\n    <div ref={rootRef} class={overflowTabBarClass}>\n      <TabBar\n        ref={tabBarRef}\n        selection={selection}\n        onSelect={handleSelect}\n        {...displayProps}\n        layout={layout}\n        edge={edge}\n        onRemove={onRemove}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledby}\n        testId={testId}>\n        {visibleItemKeys != null &&\n          visibleItemKeys.length > 0 &&\n          items\n            .filter((item) => visibleItemKeys?.includes(item.itemKey))\n            .map((item: Item<K>) =>\n              item.isRemovable ? (\n                <RemovableTabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              ) : (\n                <TabBarItem\n                  itemKey={item.itemKey}\n                  label={item.label}\n                  icon={item.icon}\n                  badge={item.badge}\n                  metadata={item.metadata}\n                  severity={item.severity}\n                  aria-controls={item.tabPanelId}\n                  labelMaxWidth={maxWidths?.get(item.itemKey)}\n                />\n              )\n            )}\n        {overflowItemKeys != null && overflowItemKeys.length > 0 && (\n          <OverflowTabBarItem\n            isOpen={isDropDownOpen}\n            onClose={handleClose}\n            overflowItemKey={overflowItemKey}\n            overflowItems={items.filter((item) => overflowItemKeys?.includes(item.itemKey))}\n          />\n        )}\n      </TabBar>\n    </div>\n  );\n}\n"],"names":["items","layout","display","size","edge","selection","truncation","onSelect","onRemove","ariaLabel","ariaLabelledby","testId","displayProps","rootRef","useRef","tabBarRef","createRef","isDropDownOpen","setIsDropDownOpen","useState","isOutsideMouseDown","handleSelect","useCallback","e","value","current","keysArray","useMemo","map","item","itemKey","visibleItemKeys","overflowItemKeys","maxWidths","useDetectHorizontalOverflow","isTruncationDisabled","overflowTabBarClass","classNames","styles","overflowTabBarBase","_jsx","ref","class","children","_jsxs","TabBar","length","filter","includes","isRemovable","RemovableTabBarItem","label","icon","badge","metadata","severity","tabPanelId","labelMaxWidth","get","TabBarItem","OverflowTabBarItem","isOpen","onClose","reason","focus","overflowItemKey","overflowItems"],"mappings":"iXA0B0DA,MACxDA,EAAKC,OACLA,EAAS,UAASC,QAClBA,EAAU,WAAUC,KACpBA,EAAO,KAAIC,KACXA,EAAO,MAAKC,UACZA,EAASC,WACTA,EAAUC,SACVA,EAAQC,SACRA,EACA,aAAcC,EACd,kBAAmBC,EAAcC,OACjCA,IAEA,MAQMC,EAA2B,YAAZV,EARK,CACxBA,QAASA,GAEkB,CAC3BA,QAASA,EACTC,KAAMA,GAIFU,EAAUC,SAAuB,MACjCC,EAAYC,EAAAA,aAEXC,EAAgBC,GAAqBC,EAAQA,UAAU,GAExDC,EAAqBN,UAAgB,GAYrCO,EAAeC,eAClBC,IACiB,SAAZA,EAAEC,MAEAJ,EAAmBK,QACrBP,GAAkB,GAElBA,GAAkB,GAGpBX,IAAWgB,GAEbH,EAAmBK,SAAU,CAAK,GAEpC,CAAClB,IAKGmB,EAAYC,EAAAA,SAAQ,IAAM3B,EAAM4B,KAAKC,GAASA,EAAKC,WAAiB,CAAC9B,KAErE+B,gBAAEA,EAAeC,iBAAEA,EAAgBC,UAAEA,GAAcC,EAAAA,4BAA4B,CACnFrB,QAASE,EACTW,YACAS,uBAAwB7B,GAA6B,gBAAfA,KAGlC8B,EAAsBC,EAAUA,WAAC,CAACC,EAAAA,OAAOC,qBAE/C,OACEC,EAAAA,WAAKC,IAAK5B,EAAS6B,MAAON,EACxBO,SAAAC,EAAAA,KAACC,EAAAA,OACC,CAAAJ,IAAK1B,EACLV,UAAWA,EACXE,SAAUc,KACNT,EACJX,OAAQA,EACRG,KAAMA,EACNI,SAAUA,EACE,aAAAC,EACK,kBAAAC,EACjBC,OAAQA,EAAMgC,SAAA,CACM,MAAnBZ,GACCA,EAAgBe,OAAS,GACzB9C,EACG+C,QAAQlB,GAASE,GAAiBiB,SAASnB,EAAKC,WAChDF,KAAKC,GACJA,EAAKoB,YACHT,MAACU,EAAAA,qBACCpB,QAASD,EAAKC,QACdqB,MAAOtB,EAAKsB,MACZC,KAAMvB,EAAKuB,KACXC,MAAOxB,EAAKwB,MACZC,SAAUzB,EAAKyB,SACfC,SAAU1B,EAAK0B,SAAQ,gBACR1B,EAAK2B,WACpBC,cAAexB,GAAWyB,IAAI7B,EAAKC,WAGrCU,MAACmB,aAAU,CACT7B,QAASD,EAAKC,QACdqB,MAAOtB,EAAKsB,MACZC,KAAMvB,EAAKuB,KACXC,MAAOxB,EAAKwB,MACZC,SAAUzB,EAAKyB,SACfC,SAAU1B,EAAK0B,yBACA1B,EAAK2B,WACpBC,cAAexB,GAAWyB,IAAI7B,EAAKC,aAIxB,MAApBE,GAA4BA,EAAiBc,OAAS,GACrDN,MAACoB,EAAAA,mBACC,CAAAC,OAAQ5C,EACR6C,QApFWvC,IACfR,EAAUU,SAAW,CAAC,aAAc,aAAauB,SAASzB,EAAEwC,SAC9DhD,GAAWU,SAASuC,QAEL,qBAAbzC,EAAEwC,SACJ3C,EAAmBK,SAAU,GAE/BP,GAAkB,EAAM,EA8EhB+C,gBA1Dc,OA2DdC,cAAelE,EAAM+C,QAAQlB,GAASG,GAAkBgB,SAASnB,EAAKC,iBAMlF"}

package/amd/OverflowTabBarItem-db77f3d3.js

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

package/amd/OverflowTabBarItem-db77f3d3.js.map

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

package/amd/PictoChart-d5bedf82.js

@@ -1,2 +0,0 @@
-define(['exports', 'preact/jsx-runtime', './TrackResizeContainer-c6b5de04', 'preact', 'preact/hooks', './UNSAFE_PictoChart/themes/PictoChartStyles.css', './classNames-08d99695', './useSelection-04d131fa', './useTranslationBundle-7c40cb58', './mergeProps-bcfa6a92', './Common/themes/themeContract.css', './utils-32e81a13', './SvgSymbol-328be71d', './accUtils-93ee6f16', './useUser-797287de', './layoutUtils-ba7693df', './eventsUtils-edf8f4e5', './useVisHover-28319fef', './useVisDrill-af6f9469', './useDatatip-be9b251b', './useItemFocus-75d6510d', './LayerHost-733ade2f', 'preact/compat', './datatipUtils-72a1fe48', './useTestId-c286f212', './useVisTouchResponse-88a7bb09', './stringUtils-0ae982c2'], (function(e,t,o,n,r,i,s,a,c,l,d,u,f,m,h,p,g,I,b,C,x,v,S,w,y,R,F){"use strict";const P=n.createContext({}),k=.25;function M(e,t){return Math.ceil(e/t)*t}const D=e=>"bottomStart"===e||"bottomEnd"===e,T=e=>"topEnd"===e||"bottomEnd"===e,V=(e,t,o,n,r)=>{for(let i=0;i<r;i++)for(let r=0;r<n;r++)if(e[o+i][t+r])return!1;return!0},$=(e,t,o,n,r)=>{for(let i=0;i<r;i++)for(let r=0;r<n;r++)e[o+i][t+r]=!0},E=(e,t,o,n,r,i)=>{if(i){const i=E(e,o,t,r,n,!1);return i?{col:i.row,row:i.col}:void 0}for(let i=0;i<r-o+1;i++)for(let r=0;r<n-t+1;r++)if(V(e,r,i,t,o))return $(e,r,i,t,o),{col:r,row:i}};function U(e){const t=e.dataset.idx;if(void 0!==t)return{idx:Number(t)}}function H(e,t,o,n,r,i,s,a,c){let l=!1;if(!n){const e=!!s&&t===s.idx,o=!!r&&t===r.idx;l=!!(e&&s?.isCurrent||o&&r?.isCurrent)}const d=function(e,t){return!t||0===t.length||new Set(t).has(e)}(e.id,a),u=function(e,t){return!(!t||0===t.length)&&new Set(t).has(e)}(e.id,i);return{isCurrent:l,isHighlighted:d,isSelected:u,hasSelection:i&&0!==i.length,isFocused:!!s&&A(s,t),key:e.id,itemIdx:t,countIdx:o,activeId:l?c:void 0,isReadOnly:n,item:e}}function j(e,t){return e?.idx===t?.idx}function A(e,t){return!!e.isFocusVisible&&e.idx===t}function N(e,t,o){return`${o?.vis_labelCountWithTotal({itemCount:e.toString(),totalCount:t.toString()})}`}const B=({context:e,markerProps:o})=>{const{supportsSelection:n}=r.useContext(P),i=function(e,t,o,n,r,i){const s="human"===e,a=o||r&&i,c="ellipse"===e||"rectangle"===e;t=""!==t?t:u.rgba(d.colorSchemeVars.palette.neutral[190],.15);const l=n?d.colorSchemeVars.textIcon.primary:a?t:"";return{markerShape:e,tx:s?70:void 0,ty:s?60:void 0,markerColor:t,borderColor:n||a?u.rgb(d.colorSchemeVars.palette.neutral[0]):t,outerBorderColor:l,markerScale:c&&!l?1:.85,setAspectRatioNone:!!c}}(o.shape,o.color,e.state.focused,e.state.selected,e.state.hovered,n);return t.jsx(f.SvgSymbol,{...i})};function L(e,t){const{idx:o}=e;return t[o]}function W(e){return{getItem:t=>L(t,e),getDetailFromInfo:t=>{if(!t)return{id:void 0,data:void 0};const o=L(t,e);return{id:o?o.id:void 0,data:o}},getPrevItemInfo:e=>function(e){let t=e.idx;return t=Math.max(0,t-1),{idx:t}}(e),getNextItemInfo:t=>function(e,t){let o=e.idx;return o=Math.min(t.length-1,o+1),{idx:o}}(t,e)}}const q=({touchResponse:e,content:t,borderColor:o,width:n,focusedItemRef:r,focusedItemInfo:i})=>{const{direction:s}=h.useUser(),a="rtl"===s,c=r.current?.getBoundingClientRect(),{datatipContent:l,datatipProps:d}=C.useDatatip({content:t,placement:"top-start",offset:p.calculateOffset(a,n,i.isCurrent?c:void 0),borderColor:o,anchor:i?.isCurrent?"element":"pointer",touchResponse:e});return{datatipContent:l,datatipProps:d}},O=e=>{const o=e.supportsSelection||e.supportsDrill,{dimmedItemStyle:n,interactiveItemStyle:r}=i.styles,a=s.classNames([o&&r,!e.isHighlighted&&n]),c=0===e.countIdx,l=c&&function(e,t,o,n,r,i,s,a,c){const l=r?N(e,t,r):"";return a=a||`${n?n+": ":""}${l}`,{"aria-label":m.generateAriaLabel(r,a,{isSelected:o||s?i:void 0})||void 0,role:"img",id:c}}(e.item.count||1,e.totalCount,!!e.supportsSelection,e.item.label,e.translations,e.isSelected,e.hasSelection,e.item.accessibleLabel,e.activeId)||{};return t.jsx("div",{ref:c?e.focusedItemRef:void 0,id:e.activeId,"data-idx":e.itemIdx,"data-count-idx":e.countIdx,style:{gridRow:`${e.row+1} / span ${e.item.rowSpan||1}`,gridColumn:`${e.column+1} / span ${e.item.columnSpan||1}`},class:a,...l,children:e.children})};function _({width:e,height:o,columnWidth:n,rowHeight:f,items:m,columnCount:C,rowCount:v,layout:S,layoutOrigin:w="topStart",selectionMode:P="none",highlightedIds:V=[],selectedIds:$=[],drilling:A="off",onItemDrill:B,onItemHover:L,isFlowingWidth:_,isFlowingHeight:z,onItemFocus:G,...K}){const Z=0!==m.length,J=function(e){let t=0;for(let o=0;o<e.length;o++)t+=e[o].count||1;return t}(m),Q=c.useTranslationBundle("@oracle/oraclejet-preact"),X=!(!P||"none"===P),Y=null!=B,ee=!X&&!Y&&null===L&&null===G,te=y.useTestId(K.testId),oe=new Map(m.map((e=>[e.id,e]))),{getItem:ne,getDetailFromInfo:re,getPrevItemInfo:ie,getNextItemInfo:se}=W(m),{touchResponse:ae,touchResponseStyle:ce}=R.useVisTouchResponse({type:"touchStart"}),{hoveredItemInfo:le,focusedItemInfo:de,activeId:ue,eventsProps:fe}=function(e,t,o,n,i,s,a,c,d,u){const[f,m]=r.useState({idx:0}),[C,x]=r.useState(),v=r.useRef(),{direction:S}=h.useUser(),w="rtl"===S,y=I.useVisHover((e=>{const o=U(e.target);j(o,C)||(x(o&&{...o,isCurrent:!0}),v.current=p.getRandomId(),t&&(m({...f,isCurrent:!1}),d?.(n(o))))}),void 0,(()=>{x(void 0),v.current=void 0,t&&d?.(n())}),e),R=r.useCallback((e=>{const{id:t,data:o}=n(e);null!=t&&o&&(c?.({id:t,data:o}),v.current=p.getRandomId())}),[n,c]),F=r.useCallback((e=>{"keydown"===e.type?"on"==a&&R(f):R(U(e.target))}),[a,f,R]),P=b.useVisDrill(o,F);if(!t)return{focusedItemInfo:f,hoveredItemInfo:C,eventsProps:y};function k(e){u?.(n(e)),v.current=p.getRandomId(),m(e)}function M(e){j(e,f)||(e.isCurrent=!0,e.isFocusVisible=!0,C&&x({...C,isCurrent:!1}),k(e))}return{focusedItemInfo:f,hoveredItemInfo:C,activeId:v.current,eventsProps:l.mergeProps(P,y,{onKeyUp:e=>{"Tab"===e.code&&(k({...f,isCurrent:!0,isFocusVisible:!0}),g.cancelEvent(e))},onKeyDown:e=>{switch(e.key){case"Tab":return;case"ArrowDown":M(s(f)),g.cancelEvent(e);break;case"ArrowUp":M(i(f)),g.cancelEvent(e);break;case"ArrowRight":M(w?i(f):s(f)),g.cancelEvent(e);break;case"ArrowLeft":M(w?s(f):i(f)),g.cancelEvent(e)}},onBlur:()=>{(null!=C||f.isCurrent)&&u?.(n(void 0));const e={...f,isCurrent:!1,isFocusVisible:!1};m(e)}})}}(ae,!ee&&Z,P,re,ie,se,A,B,L,G),{selectionContent:me,selectionProps:he}=a.useSelection({idExtracter:e=>{const t="keyup"===e.type?de:U(e.target);return re(t).id},isDrillEnabled:"off"!=A,selection:$,selectionMode:P,getDataById:e=>oe.get(e),onChange:K.onSelectionChange}),pe=n&&parseFloat(n),ge=f&&parseFloat(f),Ie=s.classNames([i.baseStyles]),{focusedItemRef:be}=x.useItemFocus(de),{content:Ce,borderColor:xe}=function(e,t,o,n,r,i,s){let a;const c=r?.isCurrent;let l,f;c&&null!=e[r.idx].id&&(a=r),n&&n.isCurrent&&(a=n);let m=u.rgba(d.colorSchemeVars.palette.neutral[190],.15);const h=a&&t(a,e);if(h&&i){const e=h&&{data:h},{content:t,borderColor:n}=i(e);l=t,m=n||m,f=s?N(h.count||1,o,s):""}return{borderColor:m,content:l||a&&t(a,e)?.accessibleLabel||a&&t(a,e)?.label+": "+f||f}}(m,ne,J,de,le,K.datatip,Q),{calcColCount:ve,calcRowCount:Se,calcColWidth:we,calcRowHeight:ye,gridGap:Re}=function(e,t,o,n,r,s,a,c,l,d){let u=0,f=1,m=1,h=1/0;for(let t=0;t<e.length;t++){const o=e[t],n=o.columnSpan||1,r=o.rowSpan||1;n<=0||r<=0||(n>f&&(f=n),r>m&&(m=r),n<h&&(h=n),r<h&&(h=r),u+=n*r*(o.count||1))}if(0===u)return{};(r||s)&&(l||(l=d||i.DEFAULT_SIZE),d||(d=l)),a||c||(r||s?r?s?t?c=M(Math.sqrt(u),m):a=M(Math.sqrt(u),f):c=Math.max(Math.floor(n/(d||1)),1):a=Math.max(Math.floor(o/(l||1)),1):t?c=M(Math.sqrt(u*n/o),m):a=M(Math.sqrt(u*o/n),f)),a?c||(c=M(u/a,m)):a=M(u/(c||1),f);const p=k*h;return r||s||(l||(l=d||Math.min(o/a,n/(c||1))),d||(d=l)),a<=0||!c||c<=0||!l||l<=0||!d||d<=0?{}:{calcColCount:a,calcRowCount:c,calcColWidth:l?l-p:l,calcRowHeight:d?d-p:d,gridGap:p}}(m,"vertical"===S,e,o,_,z,C,v,pe,ge),{datatipContent:Fe,datatipProps:{"aria-describedby":Pe,...ke}}=q({touchResponse:ae,content:Ce,width:e,borderColor:xe,focusedItemRef:be,focusedItemInfo:de});if(!ve)return null;const Me=function(e,t,o,n,r){const i=t,s=o,a=D(n),c=T(n),l=[],d=new Array(i);for(let e=0;e<i;e++)d[e]=new Array(s).fill(!1);for(let t=0;t<e.length;t++){const o=e[t];let n=0;const u=o.rowSpan??1,f=o.columnSpan??1,m=o.count??1;for(;n<m;){const e=E(d,f,u,s,i,r);void 0!==e&&l.push({row:a?i-e.row-u:e.row,col:c?s-e.col-f:e.col,countIdx:n,itemIdx:t,item:o}),n+=1}}return l}(m,Se,ve,w,"vertical"===S),De=l.mergeProps(fe,ke,he);return t.jsxs("div",{tabIndex:0,"aria-label":K["aria-label"],"aria-describedby":F.merge([K["aria-describedby"],Pe]),"aria-labelledby":K["aria-labelledby"],"aria-activedescendant":ue,role:"application",style:{width:_?"max-content":`${e}px`,height:z?"max-content":`${o}px`,gridTemplateRows:`repeat(${Se}, ${ye}px)`,gridTemplateColumns:`repeat(${ve}, ${we}px)`,gap:`${Re}px`,...ce},class:Ie,...te,...De,children:[Me.map((e=>{const o=de.idx===e.itemIdx,n=H(e.item,e.itemIdx,e.countIdx,ee,le,$,de,V,ue),r={data:e.item,state:{selected:n.isSelected,focused:n.isFocused,hovered:n.isCurrent}};return t.jsx(O,{focusedItemRef:o?be:void 0,row:e.row,column:e.col,supportsSelection:X,supportsDrill:Y,translations:Q,totalCount:J,...n,children:K.children(r)})})),Fe,me]})}e.PictoChart=function({width:e,height:n,...r}){const i=!(!r.selectionMode||"none"===r.selectionMode),s=void 0===e,a=void 0===n;return t.jsx(P.Provider,{value:{supportsSelection:i},children:t.jsx(o.TrackResizeContainer,{width:s?"initial":e,height:a?"initial":n,children:(e,o)=>t.jsx(_,{width:e,height:o,isFlowingWidth:s,isFlowingHeight:a,...r})})})},e.getPictoDefaultRenderers=function(e){return{markerRenderer:o=>{const n=e(o.data);return t.jsx(B,{context:o,markerProps:n})},datatipRenderer:t=>({borderColor:e(t.data).color})}}}));
-//# sourceMappingURL=PictoChart-d5bedf82.js.map

package/amd/PictoChart-d5bedf82.js.map

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

package/amd/ProgressButton-e30c909b.js

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

package/amd/ProgressButton-e30c909b.js.map

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

package/amd/RadioItem-7ebada33.js

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