@oracle/oraclejet-preact 20.0.2 → 20.0.4

package/amd/ExpandableList-233c279e.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact', 'preact/hooks', 'preact/compat', './classNames-08d99695', './useId-c9578d26', './useTranslationBundle-e4dd341e', './keys-4755c121', './Button-e5d7c0e3', './HiddenAccessible-037ef42d', './ChevronDown-d3ecbf6e', './CollapseIcon-f0d486e7', './LiveRegion-dbefb95b', './useUser-08901aba', './collectionUtils-77dc5fa1', './GroupLoadingIndicator-b9518779', './useNavigation-4d87e7e6', './List-daac1169'], (function(e,t,n,a,s,o,i,r,d,l,c,u,p,x,g,y,m,k,f){"use strict";const v=e=>{"Enter"!==e.key&&" "!==e.key&&"ArrowLeft"!==e.key&&"ArrowRight"!==e.key||e.preventDefault()},b=(e,t,n,a,s)=>{const o=a(t);if(s&&o){const t=d.containsKey(n,o);(e&&t||!e&&!t)&&s({value:o})}},h=(e,t,n)=>{const a=t(e.target);n&&a&&(n({value:a}),"click"===e.type&&e.stopPropagation())};const C={all:!1,keys:new Set},L=s.memo((e=>{const n=o.classNames(["oj-listview-expander"]);return t.jsx("span",{class:n,role:"presentation",children:t.jsx(l.Button,{onAction:()=>{e.onToggle({value:e.itemKey})},variant:"ghost",startIcon:e.expanded?t.jsx(u.SvgChevronDown,{size:"6x"}):t.jsx(p.CollapseIcon,{size:"6x"})})})}),((e,t)=>e.itemKey===t.itemKey&&e.expanded===t.expanded&&e.onToggle===t.onToggle));e.ExpandableList=function({children:e,data:s,onSelectionChange:o,onToggle:l,onPersistCurrentItem:u,...p}){const[j,I]=a.useState(""),K=r.useTranslationBundle("@oracle/oraclejet-preact"),T=a.useRef(),A=a.useCallback((e=>{T.current=e.value,u?.(e)}),[u]),R=a.useCallback((e=>{if(l?.(e),s){const t=d.containsKey(s?.expanded,e.value);I(t?K.expandableList_groupCollapse():K.expandableList_groupExpand()),setTimeout((()=>{I("")}),1e3)}}),[l,s,K]),w=function(e,t,n){const{direction:s}=g.useUser(),o=a.useCallback((t=>{h(t,e,n)}),[e,n]),i=a.useCallback((a=>{if("Enter"===a.key||" "===a.key)h(a,e,n);else if("ArrowLeft"===a.key||"ArrowRight"===a.key){const o="rtl"===s,i="ArrowLeft"===a.key&&!o;b(i,a.target,t,e,n),a.preventDefault(),a.stopPropagation()}}),[e,n,t,s]);return n?{onClick:o,onKeyDown:v,onKeyUp:i}:{}}((e=>"treegrid"===e.getAttribute("role")?void 0===T.current?null:T.current:y.keyExtractor(e,m.GROUP_SELECTOR)),null==s?C:s.expanded,l&&R),D=i.useId(),E=a.useRef(D),S=a.useCallback((e=>{if(o&&s){const t=k.excludeGroup(s,e.value);d.isSameKey(t,e.value)?o(e):t.keys&&t.keys.size>0&&o({...e,value:t})}}),[o,s]);return t.jsxs(n.Fragment,{children:[t.jsx(f.List,{data:s,role:"treegrid",loadingIndicator:t.jsx(m.GroupLoadingIndicator,{}),onSelectionChange:S,customItemRenderer:n=>{const a=n.listItemContext.metadata.key,o=s&&l?{expanded:d.containsKey(s.expanded,a),onToggle:l}:void 0,i=((e,n)=>{const a=void 0!==n?()=>t.jsx(L,{itemKey:e.metadata.key,expanded:n.expanded,onToggle:n.onToggle}):void 0;return{...e,parentKey:e.metadata.parentKey,leaf:e.metadata.isLeaf??!0,depth:e.metadata.treeDepth??1,expander:a}})(n.listItemContext,o);return i.leaf?n.defaultListItem(i,{itemDepth:i.depth+1}):t.jsx(m.ListGroupHeader,{ariaDescribedBy:E.current,itemKey:i.metadata.key,itemIndex:i.index,itemDepth:i.depth,isFocused:n.isFocused,isFocusRingVisible:n.isFocusRingVisible,isActive:n.isActive,isGridlineVisible:!1,isExpandable:!0,expandedKeys:null==s?C:s.expanded,onToggle:l,children:e(i)},i.metadata.key)},onPersistCurrentItem:A,...p,...w,children:t=>e(t)}),l&&t.jsxs(n.Fragment,{children:[t.jsx(x.LiveRegion,{children:j}),t.jsx("span",{id:E.current,children:t.jsx(c.HiddenAccessible,{children:K.expandableList_expandCollapseInstructionText()})})]})]})}}));
+//# sourceMappingURL=ExpandableList-233c279e.js.map

package/amd/{ExpandableList-a9a86ad8.js.map → ExpandableList-233c279e.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ExpandableList-a9a86ad8.js","sources":["../../src/UNSAFE_ExpandableList/useExpandCollapse.ts","../../src/UNSAFE_ExpandableList/ExpandableList.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback } from 'preact/hooks';\nimport { ToggleDetail } from '../UNSAFE_Collection';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { containsKey, Keys } from '../utils/UNSAFE_keys';\n\n/**\n * A hook that handles mouse and keyboard gesture that toggles the expanded state.\n * @param keyExtractor\n * @param expanded\n * @param onToggle\n * @returns\n */\nexport function useExpandCollapse<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  expanded: Keys<K>,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) {\n  const { direction } = useUser();\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      handleToggle(event, keyExtractor, onToggle);\n    },\n    [keyExtractor, onToggle]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        handleToggle(event, keyExtractor, onToggle);\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isRtl = direction === 'rtl';\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        handleArrowKey(isLeftArrow, event.target as HTMLElement, expanded, keyExtractor, onToggle);\n        // arrow key might cause it to scroll horizontally\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [keyExtractor, onToggle, expanded, direction]\n  );\n\n  return onToggle ? { onClick, onKeyDown, onKeyUp } : {};\n}\n\n// prevent default (propagation) for keyDown to prevent scrolling the container\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (\n    event.key === 'Enter' ||\n    event.key === ' ' ||\n    event.key === 'ArrowLeft' ||\n    event.key === 'ArrowRight'\n  ) {\n    event.preventDefault();\n  }\n};\n\nconst handleArrowKey = <K>(\n  isLeftArrow: boolean,\n  target: HTMLElement,\n  expanded: Keys<K>,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(target);\n  if (onToggle && itemKey) {\n    const contains = containsKey(expanded, itemKey);\n    if ((isLeftArrow && contains) || (!isLeftArrow && !contains)) {\n      onToggle({ value: itemKey });\n    }\n  }\n};\n\nconst handleToggle = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onToggle && itemKey) {\n    onToggle({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n","import { ComponentChildren, Fragment } from 'preact';\nimport { useState, useCallback, useRef } from 'preact/hooks';\nimport { memo } from 'preact/compat';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  CurrentKeyDetail,\n  ListItemRendererContext,\n  SelectionDetail,\n  ToggleDetail,\n  FlattenedDataState,\n  HierarchicalItemRendererContext\n} from '../UNSAFE_Collection';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { Keys, containsKey, isSameKey } from '../utils/UNSAFE_keys';\nimport { Button } from '../UNSAFE_Button';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ExpandIcon } from '../PRIVATE_ThemedIcons/ExpandIcon';\nimport { CollapseIcon } from '../PRIVATE_ThemedIcons/CollapseIcon';\nimport {\n  List,\n  ListGroupHeader,\n  GROUP_SELECTOR,\n  excludeGroup,\n  GroupLoadingIndicator\n} from '../PRIVATE_List';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { CustomRendererContext, PublicListProps } from '../UNSAFE_ListView/List.types';\nimport { useExpandCollapse } from './useExpandCollapse';\nimport { keyExtractor } from '../utils/PRIVATE_collectionUtils';\n\n// these are the props that are different from ListView\ntype SpecificTypes<K, D> = {\n  /**\n   * A function to render an item or a group header.\n   */\n  children: (context: HierarchicalItemRendererContext<K, D>) => ComponentChildren;\n  /**\n   * A FlattenedDataState object that provides information including data and metadata to this ExpandableList.\n   * If the value is null, then ExpandableList will show loading indicator until a FlattenedDataState is set.\n   */\n  data: FlattenedDataState<K, D> | null;\n  /**\n   * A function to handle when user performs a gesture that toggles the expansion state of a group header\n   */\n  onToggle?: (detail: ToggleDetail<K>) => void;\n};\n\n/**\n * Props for the ExpandableList Component, which consist of all props from ListView\n * except some which have different signatures.\n */\ntype ExpandableListProps<K, D> = Omit<PublicListProps<K, D>, 'children' | 'data'> &\n  SpecificTypes<K, D>;\n\n/**\n * An ExpandableList shows a two-level group of items where each group header can be expand or collapse.\n */\nexport function ExpandableList<K extends string | number, D>({\n  children,\n  data,\n  onSelectionChange,\n  onToggle,\n  onPersistCurrentItem,\n  ...props\n}: ExpandableListProps<K, D>) {\n  const [statusText, setStatusText] = useState('');\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const currentKey = useRef<K>();\n  const handleOnPersistCurrentItem = useCallback(\n    (detail: CurrentKeyDetail<K>) => {\n      currentKey.current = detail.value;\n      onPersistCurrentItem?.(detail);\n    },\n    [onPersistCurrentItem]\n  );\n\n  const updateStateText = useCallback(\n    (detail: ToggleDetail<K>) => {\n      onToggle?.(detail);\n      if (data) {\n        const previouslyExpanded = containsKey(data?.expanded, detail.value);\n        setStatusText(\n          previouslyExpanded\n            ? translations.expandableList_groupCollapse()\n            : translations.expandableList_groupExpand()\n        );\n        // we need to clear the live region text otherwise screenreader\n        // won't read again if the content did not change the next time\n        setTimeout(() => {\n          setStatusText('');\n        }, 1000);\n      }\n    },\n    [onToggle, data, translations]\n  );\n  const expandCollapseProps = useExpandCollapse(\n    (element: HTMLElement) => {\n      if (element.getAttribute('role') === 'treegrid') {\n        return currentKey.current === undefined ? null : currentKey.current;\n      }\n      return keyExtractor(element, GROUP_SELECTOR) as K;\n    },\n    data == null ? (emptyKeys as Keys<K>) : data.expanded,\n    onToggle && updateStateText\n  );\n\n  const descId = useId();\n  const stableDescIdRef = useRef(descId);\n\n  const createHierarchicalContext = <K, D>(\n    context: ListItemRendererContext<K, D>,\n    options?: { expanded: boolean; onToggle: (detail: ToggleDetail<K>) => void }\n  ) => {\n    const expanderRenderer =\n      options !== undefined\n        ? () => (\n            <Expander\n              itemKey={context.metadata.key}\n              expanded={options.expanded}\n              onToggle={options.onToggle}\n            />\n          )\n        : undefined;\n\n    return {\n      ...context,\n      parentKey: context.metadata.parentKey,\n      leaf: context.metadata.isLeaf ?? true,\n      depth: context.metadata.treeDepth ?? 1,\n      expander: expanderRenderer\n    };\n  };\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange && data) {\n        const keys = excludeGroup(data, detail.value);\n        if (isSameKey(keys, detail.value)) {\n          onSelectionChange(detail);\n        } else if (keys.keys && keys.keys.size > 0) {\n          onSelectionChange({ ...detail, value: keys });\n        }\n      }\n    },\n    [onSelectionChange, data]\n  );\n\n  const customItemRenderer = (context: CustomRendererContext<K, D>) => {\n    const itemKey = context.listItemContext.metadata.key;\n    const options =\n      data && onToggle ? { expanded: containsKey(data.expanded, itemKey), onToggle } : undefined;\n    const itemContext = createHierarchicalContext(context.listItemContext, options);\n    if (itemContext.leaf) {\n      return context.defaultListItem(itemContext, { itemDepth: itemContext.depth + 1 });\n    } else {\n      return (\n        <ListGroupHeader\n          key={itemContext.metadata.key}\n          ariaDescribedBy={stableDescIdRef.current}\n          itemKey={itemContext.metadata.key}\n          itemIndex={itemContext.index}\n          itemDepth={itemContext.depth}\n          isFocused={context.isFocused}\n          isFocusRingVisible={context.isFocusRingVisible}\n          isActive={context.isActive}\n          isGridlineVisible={false}\n          isExpandable={true}\n          expandedKeys={data == null ? (emptyKeys as Keys<K>) : data.expanded}\n          onToggle={onToggle}>\n          {children(itemContext)}\n        </ListGroupHeader>\n      );\n    }\n  };\n\n  return (\n    <Fragment>\n      <List\n        data={data}\n        role=\"treegrid\"\n        loadingIndicator={<GroupLoadingIndicator />}\n        onSelectionChange={handleSelectionChange}\n        customItemRenderer={customItemRenderer}\n        onPersistCurrentItem={handleOnPersistCurrentItem}\n        {...{ ...props, ...expandCollapseProps }}>\n        {(context: ListItemRendererContext<K, D>) => {\n          return children(context as HierarchicalItemRendererContext<K, D>);\n        }}\n      </List>\n      {onToggle && (\n        <Fragment>\n          <LiveRegion>{statusText}</LiveRegion>\n          <span id={stableDescIdRef.current}>\n            <HiddenAccessible>\n              {translations.expandableList_expandCollapseInstructionText()}\n            </HiddenAccessible>\n          </span>\n        </Fragment>\n      )}\n    </Fragment>\n  );\n}\n\nconst emptyKeys = { all: false, keys: new Set() };\n\nconst Expander = memo(\n  <K,>(props: { itemKey: K; expanded: boolean; onToggle: (detail: ToggleDetail<K>) => void }) => {\n    const classes = classNames(['oj-listview-expander']);\n\n    const actionHandler = () => {\n      props.onToggle({ value: props.itemKey });\n    };\n\n    return (\n      <span class={classes} role=\"presentation\">\n        <Button\n          onAction={actionHandler}\n          variant=\"ghost\"\n          startIcon={props.expanded ? <ExpandIcon size=\"6x\" /> : <CollapseIcon size=\"6x\" />}\n        />\n      </span>\n    );\n  },\n  (prev: any, next: any) => {\n    return (\n      prev.itemKey === next.itemKey &&\n      prev.expanded === next.expanded &&\n      prev.onToggle === next.onToggle\n    );\n  }\n);\n"],"names":["onKeyDown","event","key","preventDefault","handleArrowKey","isLeftArrow","target","expanded","keyExtractor","onToggle","itemKey","contains","containsKey","value","handleToggle","type","stopPropagation","emptyKeys","all","keys","Set","Expander","memo","props","classes","classNames","_jsx","class","role","children","jsx","Button","onAction","variant","startIcon","ExpandIcon","size","CollapseIcon","prev","next","data","onSelectionChange","onPersistCurrentItem","statusText","setStatusText","useState","translations","useTranslationBundle","currentKey","useRef","handleOnPersistCurrentItem","useCallback","detail","current","updateStateText","previouslyExpanded","expandableList_groupCollapse","expandableList_groupExpand","setTimeout","expandCollapseProps","direction","useUser","onClick","onKeyUp","isRtl","useExpandCollapse","element","getAttribute","undefined","GROUP_SELECTOR","descId","useId","stableDescIdRef","handleSelectionChange","excludeGroup","isSameKey","_jsxs","jsxs","Fragment","List","loadingIndicator","GroupLoadingIndicator","customItemRenderer","context","listItemContext","metadata","options","itemContext","expanderRenderer","parentKey","leaf","isLeaf","depth","treeDepth","expander","createHierarchicalContext","defaultListItem","itemDepth","ListGroupHeader","ariaDescribedBy","itemIndex","index","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isExpandable","expandedKeys","LiveRegion","id","HiddenAccessible","expandableList_expandCollapseInstructionText"],"mappings":"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"}
+{"version":3,"file":"ExpandableList-233c279e.js","sources":["../../src/UNSAFE_ExpandableList/useExpandCollapse.ts","../../src/UNSAFE_ExpandableList/ExpandableList.tsx"],"sourcesContent":["/**\n * @license\n * Copyright (c) %FIRST_YEAR% %CURRENT_YEAR%, Oracle and/or its affiliates.\n * The Universal Permissive License (UPL), Version 1.0\n * as shown at https://oss.oracle.com/licenses/upl/\n * @ignore\n */\nimport { useCallback } from 'preact/hooks';\nimport { ToggleDetail } from '../UNSAFE_Collection';\nimport { useUser } from '../hooks/UNSAFE_useUser';\nimport { containsKey, Keys } from '../utils/UNSAFE_keys';\n\n/**\n * A hook that handles mouse and keyboard gesture that toggles the expanded state.\n * @param keyExtractor\n * @param expanded\n * @param onToggle\n * @returns\n */\nexport function useExpandCollapse<K>(\n  keyExtractor: (element: HTMLElement) => K | null,\n  expanded: Keys<K>,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) {\n  const { direction } = useUser();\n\n  const onClick = useCallback(\n    (event: MouseEvent) => {\n      handleToggle(event, keyExtractor, onToggle);\n    },\n    [keyExtractor, onToggle]\n  );\n\n  const onKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      if (event.key === 'Enter' || event.key === ' ') {\n        handleToggle(event, keyExtractor, onToggle);\n      } else if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n        const isRtl = direction === 'rtl';\n        const isLeftArrow = event.key === 'ArrowLeft' && !isRtl;\n        handleArrowKey(isLeftArrow, event.target as HTMLElement, expanded, keyExtractor, onToggle);\n        // arrow key might cause it to scroll horizontally\n        event.preventDefault();\n        event.stopPropagation();\n      }\n    },\n    [keyExtractor, onToggle, expanded, direction]\n  );\n\n  return onToggle ? { onClick, onKeyDown, onKeyUp } : {};\n}\n\n// prevent default (propagation) for keyDown to prevent scrolling the container\nconst onKeyDown = (event: KeyboardEvent) => {\n  if (\n    event.key === 'Enter' ||\n    event.key === ' ' ||\n    event.key === 'ArrowLeft' ||\n    event.key === 'ArrowRight'\n  ) {\n    event.preventDefault();\n  }\n};\n\nconst handleArrowKey = <K>(\n  isLeftArrow: boolean,\n  target: HTMLElement,\n  expanded: Keys<K>,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(target);\n  if (onToggle && itemKey) {\n    const contains = containsKey(expanded, itemKey);\n    if ((isLeftArrow && contains) || (!isLeftArrow && !contains)) {\n      onToggle({ value: itemKey });\n    }\n  }\n};\n\nconst handleToggle = <K>(\n  event: Event,\n  keyExtractor: (element: HTMLElement) => K | null,\n  onToggle?: (detail: ToggleDetail<K>) => void\n) => {\n  const itemKey = keyExtractor(event.target as HTMLElement);\n  if (onToggle && itemKey) {\n    onToggle({ value: itemKey });\n    if (event.type === 'click') {\n      event.stopPropagation();\n    }\n  }\n};\n","import { ComponentChildren, Fragment } from 'preact';\nimport { useState, useCallback, useRef } from 'preact/hooks';\nimport { memo } from 'preact/compat';\nimport { classNames } from '../utils/UNSAFE_classNames';\nimport {\n  CurrentKeyDetail,\n  ListItemRendererContext,\n  SelectionDetail,\n  ToggleDetail,\n  FlattenedDataState,\n  HierarchicalItemRendererContext\n} from '../UNSAFE_Collection';\nimport { useId } from '../hooks/UNSAFE_useId';\nimport { useTranslationBundle } from '../hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '../resources/nls/bundle';\nimport { Keys, containsKey, isSameKey } from '../utils/UNSAFE_keys';\nimport { Button } from '../UNSAFE_Button';\nimport { HiddenAccessible } from '../UNSAFE_HiddenAccessible';\nimport { ExpandIcon } from '../PRIVATE_ThemedIcons/ExpandIcon';\nimport { CollapseIcon } from '../PRIVATE_ThemedIcons/CollapseIcon';\nimport {\n  List,\n  ListGroupHeader,\n  GROUP_SELECTOR,\n  excludeGroup,\n  GroupLoadingIndicator\n} from '../PRIVATE_List';\nimport { LiveRegion } from '../UNSAFE_LiveRegion';\nimport { CustomRendererContext, PublicListProps } from '../UNSAFE_ListView/List.types';\nimport { useExpandCollapse } from './useExpandCollapse';\nimport { keyExtractor } from '../utils/PRIVATE_collectionUtils';\n\n// these are the props that are different from ListView\ntype SpecificTypes<K, D> = {\n  /**\n   * A function to render an item or a group header.\n   */\n  children: (context: HierarchicalItemRendererContext<K, D>) => ComponentChildren;\n  /**\n   * A FlattenedDataState object that provides information including data and metadata to this ExpandableList.\n   * If the value is null, then ExpandableList will show loading indicator until a FlattenedDataState is set.\n   */\n  data: FlattenedDataState<K, D> | null;\n  /**\n   * A function to handle when user performs a gesture that toggles the expansion state of a group header\n   */\n  onToggle?: (detail: ToggleDetail<K>) => void;\n};\n\n/**\n * Props for the ExpandableList Component, which consist of all props from ListView\n * except some which have different signatures.\n */\ntype ExpandableListProps<K, D> = Omit<PublicListProps<K, D>, 'children' | 'data'> &\n  SpecificTypes<K, D>;\n\n/**\n * An ExpandableList shows a two-level group of items where each group header can be expand or collapse.\n */\nexport function ExpandableList<K extends string | number, D>({\n  children,\n  data,\n  onSelectionChange,\n  onToggle,\n  onPersistCurrentItem,\n  ...props\n}: ExpandableListProps<K, D>) {\n  const [statusText, setStatusText] = useState('');\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n\n  const currentKey = useRef<K>();\n  const handleOnPersistCurrentItem = useCallback(\n    (detail: CurrentKeyDetail<K>) => {\n      currentKey.current = detail.value;\n      onPersistCurrentItem?.(detail);\n    },\n    [onPersistCurrentItem]\n  );\n\n  const updateStateText = useCallback(\n    (detail: ToggleDetail<K>) => {\n      onToggle?.(detail);\n      if (data) {\n        const previouslyExpanded = containsKey(data?.expanded, detail.value);\n        setStatusText(\n          previouslyExpanded\n            ? translations.expandableList_groupCollapse()\n            : translations.expandableList_groupExpand()\n        );\n        // we need to clear the live region text otherwise screenreader\n        // won't read again if the content did not change the next time\n        setTimeout(() => {\n          setStatusText('');\n        }, 1000);\n      }\n    },\n    [onToggle, data, translations]\n  );\n  const expandCollapseProps = useExpandCollapse(\n    (element: HTMLElement) => {\n      if (element.getAttribute('role') === 'treegrid') {\n        return currentKey.current === undefined ? null : currentKey.current;\n      }\n      return keyExtractor(element, GROUP_SELECTOR) as K;\n    },\n    data == null ? (emptyKeys as Keys<K>) : data.expanded,\n    onToggle && updateStateText\n  );\n\n  const descId = useId();\n  const stableDescIdRef = useRef(descId);\n\n  const createHierarchicalContext = <K, D>(\n    context: ListItemRendererContext<K, D>,\n    options?: { expanded: boolean; onToggle: (detail: ToggleDetail<K>) => void }\n  ) => {\n    const expanderRenderer =\n      options !== undefined\n        ? () => (\n            <Expander\n              itemKey={context.metadata.key}\n              expanded={options.expanded}\n              onToggle={options.onToggle}\n            />\n          )\n        : undefined;\n\n    return {\n      ...context,\n      parentKey: context.metadata.parentKey,\n      leaf: context.metadata.isLeaf ?? true,\n      depth: context.metadata.treeDepth ?? 1,\n      expander: expanderRenderer\n    };\n  };\n\n  const handleSelectionChange = useCallback(\n    (detail: SelectionDetail<K>) => {\n      if (onSelectionChange && data) {\n        const keys = excludeGroup(data, detail.value);\n        if (isSameKey(keys, detail.value)) {\n          onSelectionChange(detail);\n        } else if (keys.keys && keys.keys.size > 0) {\n          onSelectionChange({ ...detail, value: keys });\n        }\n      }\n    },\n    [onSelectionChange, data]\n  );\n\n  const customItemRenderer = (context: CustomRendererContext<K, D>) => {\n    const itemKey = context.listItemContext.metadata.key;\n    const options =\n      data && onToggle ? { expanded: containsKey(data.expanded, itemKey), onToggle } : undefined;\n    const itemContext = createHierarchicalContext(context.listItemContext, options);\n    if (itemContext.leaf) {\n      return context.defaultListItem(itemContext, { itemDepth: itemContext.depth + 1 });\n    } else {\n      return (\n        <ListGroupHeader\n          key={itemContext.metadata.key}\n          ariaDescribedBy={stableDescIdRef.current}\n          itemKey={itemContext.metadata.key}\n          itemIndex={itemContext.index}\n          itemDepth={itemContext.depth}\n          isFocused={context.isFocused}\n          isFocusRingVisible={context.isFocusRingVisible}\n          isActive={context.isActive}\n          isGridlineVisible={false}\n          isExpandable={true}\n          expandedKeys={data == null ? (emptyKeys as Keys<K>) : data.expanded}\n          onToggle={onToggle}>\n          {children(itemContext)}\n        </ListGroupHeader>\n      );\n    }\n  };\n\n  return (\n    <Fragment>\n      <List\n        data={data}\n        role=\"treegrid\"\n        loadingIndicator={<GroupLoadingIndicator />}\n        onSelectionChange={handleSelectionChange}\n        customItemRenderer={customItemRenderer}\n        onPersistCurrentItem={handleOnPersistCurrentItem}\n        {...{ ...props, ...expandCollapseProps }}>\n        {(context: ListItemRendererContext<K, D>) => {\n          return children(context as HierarchicalItemRendererContext<K, D>);\n        }}\n      </List>\n      {onToggle && (\n        <Fragment>\n          <LiveRegion>{statusText}</LiveRegion>\n          <span id={stableDescIdRef.current}>\n            <HiddenAccessible>\n              {translations.expandableList_expandCollapseInstructionText()}\n            </HiddenAccessible>\n          </span>\n        </Fragment>\n      )}\n    </Fragment>\n  );\n}\n\nconst emptyKeys = { all: false, keys: new Set() };\n\nconst Expander = memo(\n  <K,>(props: { itemKey: K; expanded: boolean; onToggle: (detail: ToggleDetail<K>) => void }) => {\n    const classes = classNames(['oj-listview-expander']);\n\n    const actionHandler = () => {\n      props.onToggle({ value: props.itemKey });\n    };\n\n    return (\n      <span class={classes} role=\"presentation\">\n        <Button\n          onAction={actionHandler}\n          variant=\"ghost\"\n          startIcon={props.expanded ? <ExpandIcon size=\"6x\" /> : <CollapseIcon size=\"6x\" />}\n        />\n      </span>\n    );\n  },\n  (prev: any, next: any) => {\n    return (\n      prev.itemKey === next.itemKey &&\n      prev.expanded === next.expanded &&\n      prev.onToggle === next.onToggle\n    );\n  }\n);\n"],"names":["onKeyDown","event","key","preventDefault","handleArrowKey","isLeftArrow","target","expanded","keyExtractor","onToggle","itemKey","contains","containsKey","value","handleToggle","type","stopPropagation","emptyKeys","all","keys","Set","Expander","memo","props","classes","classNames","_jsx","class","role","children","jsx","Button","onAction","variant","startIcon","ExpandIcon","size","CollapseIcon","prev","next","data","onSelectionChange","onPersistCurrentItem","statusText","setStatusText","useState","translations","useTranslationBundle","currentKey","useRef","handleOnPersistCurrentItem","useCallback","detail","current","updateStateText","previouslyExpanded","expandableList_groupCollapse","expandableList_groupExpand","setTimeout","expandCollapseProps","direction","useUser","onClick","onKeyUp","isRtl","useExpandCollapse","element","getAttribute","undefined","GROUP_SELECTOR","descId","useId","stableDescIdRef","handleSelectionChange","excludeGroup","isSameKey","_jsxs","jsxs","Fragment","List","loadingIndicator","GroupLoadingIndicator","customItemRenderer","context","listItemContext","metadata","options","itemContext","expanderRenderer","parentKey","leaf","isLeaf","depth","treeDepth","expander","createHierarchicalContext","defaultListItem","itemDepth","ListGroupHeader","ariaDescribedBy","itemIndex","index","isFocused","isFocusRingVisible","isActive","isGridlineVisible","isExpandable","expandedKeys","LiveRegion","id","HiddenAccessible","expandableList_expandCollapseInstructionText"],"mappings":"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"}

package/amd/{InlineSelectSingle-7c1cc5b5.js → InlineSelectSingle-87bc8a45.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Flex-4b81b412', './Label-701506b1', './useDisplayValue-0e90bf4c', './Separator-181f7541', './logger-0f873e29', './TabbableModeContext-a9c97640', './LayerHost-0b288129', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a59440e5', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './IconButton-dc1be00e', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormFieldContext-a024b891', './Popup-6b57cc3e', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './View-35699bb2', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-3ab0a23b', './useTranslationBundle-e4dd341e', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './unsafeDomAccess-602c5dde', './useSelectCommon-a02ddf3c'], (function(e,s,t,n,o,a,r,i,l,c,d,u,b,p,h,S,m,y,x,C,g,F,v,f,w,A,T,U,E,L,k,I,K,B,R,P,M,_,j,V,N,D,O,z,Y,$,G,H,W,q,Z){"use strict";const J={isTabbable:!1};const Q=t.forwardRef((function(e,t){const{data:l,itemRenderer:d,itemText:u,label:b,onLoadRange:p,testId:S,userAssistancePosition:m="belowList"}=e,{collectionRendererContext:y,formFieldContext:x,hasUserAssistance:C,isEmptyResults:g,isUserFiltering:F,labelProps:v,listContainerProps:f,selectSingleFieldProps:w,selectFieldInputProps:A,userAssistanceProps:T}=function({"aria-describedby":e,assistiveText:s,data:t,hasBackIcon:o="never",hasClearIcon:a="never",helpSourceLink:i,helpSourceText:l,isLoading:c,itemText:d,label:u,onBackIconAction:b,onCommit:p,onFilter:h,placeholder:S,textAlign:m,valueItem:y,virtualKeyboard:x},C){const g=n.useRef(null),{textAlign:F}=z.useFormContext(),v=m??F??"start",f=null!=t&&!Z.isBeforeDataFetch(t),w=f&&0===t?.totalSize,A=n.useRef(t),T=n.useRef(y),U=n.useRef(!0),[E,L]=n.useState(void 0===y?void 0:new Set([y.key])),k=Y.useLoadingIndicatorTimer(c??!1),I=r.useDisplayValue(d,y,"InlineSelectSingle");n.useImperativeHandle(C,(()=>({focus:()=>g.current?.focus(),blur:()=>g.current?.blur(),[q.UNSAFE_DOM_ACCESS]:g.current})),[]);const{currentRowKeyRef:K,currentRowOverride:B,dropdownRef:R,isFocused:P,isUserFiltering:M,onCurrentKeyChange:_,searchText:j,setCurrentRowOverride:V,stopFiltering:N,updateFiltering:D,userInput:O}=Z.useSelectCommon({data:t,inputRef:g,isFocused:!0,onFilter:h}),{baseId:J,formFieldContext:Q,inputProps:X,labelProps:ee,userAssistanceProps:se}=$.useTextField({ariaDescribedBy:e,helpSourceLink:i,helpSourceText:l,isFocused:P,isLoading:k,value:void 0!==y||void 0}),te=`${J}-list`;Q.hasValue=c||Q.hasValue;const ne=G.useTranslationBundle("@oracle/oraclejet-preact"),oe=f?0===t?.totalSize?ne.select_noMatchesFound():1===t?.totalSize?ne.select_oneMatchFound():"exact"===t?.sizePrecision?ne.select_sizeMatchesFound({TOTAL_SIZE:`${t?.totalSize}`}):ne.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${t?.totalSize}`}):"";T.current!==y&&(T.current=y,L(void 0===y?void 0:new Set([y.key]))),A.current!==t&&(A.current=t,M&&null!=t&&0===t.offset&&t.data.length>0&&V({rowKey:Z.isSearchTextEmptyOrUndefined(j)?void 0:t.data[0].metadata.key})),U.current&&(U.current=!1,V({rowKey:[...E??[void 0]][0]}));const ae=n.useCallback(((e,s)=>{p?.({value:e,previousValue:void 0!==y?y.key:void 0,reason:s.reason})}),[p,y]),re=n.useCallback((e=>{L(new Set),ae(void 0,e)}),[ae]),ie=n.useCallback((()=>M&&""===O&&void 0!==y),[M,O,y]),le=n.useCallback((e=>{N();const s=e.context.key;L(new Set([s])),ae(s,{reason:"itemAction"})}),[ae,N]),ce=n.useCallback((({value:e})=>{D(e),h?.({searchText:e})}),[h,D]),de=n.useCallback((e=>{if(!H.isControlOrFunctionKey(e))switch(e.code){case H.KEYS.UP:case H.KEYS.DOWN:e.preventDefault();break;case H.KEYS.ENTER:case H.KEYS.TAB:{if(Z.isPhone())return;const s={reason:e.code===H.KEYS.TAB?"tabKey":"itemAction"};if(ie())return void re(s);if(null==t||0===t.data.length)return;if(N(),void 0!==K.current&&null!=t&&t.data.length>0)return L(new Set([K.current])),void ae(K.current,s);ae(y?.key??void 0,s);break}}}),[re,K,t,ie,ae,N,y]),ue=n.useCallback((e=>{if(!H.isControlOrFunctionKey(e))switch(e.code){case H.KEYS.UP:case H.KEYS.DOWN:if(null!=t&&R.current){const e=W.allTabbableElements(R.current,void 0,!0)[0];e?.focus(),void 0===B.rowKey&&V({rowKey:t.data[0]?.metadata?.key})}e.preventDefault()}}),[B,t,R,V]),be=n.useCallback((e=>{e.code===H.KEYS.TAB&&void 0!==K.current&&null!=t&&t.data.length>0&&(L(new Set([K.current])),ae(K.current,{reason:"tabKey"}))}),[K,t,ae]),pe=n.useCallback((()=>{N(),re({reason:"itemAction"}),g.current?.focus(),h?.({searchText:void 0})}),[re,h,N]),he=Z.useCollectionRenderer({currentKey:B.rowKey,searchText:j,selectedKeys:E,onCurrentKeyChange:_,onItemAction:le});return n.useEffect((()=>{const e=R.current?.querySelector('div[role="listbox"][tabindex="0"]');e?.setAttribute("tabindex","-1")})),{collectionRendererContext:he,formFieldContext:Q,hasUserAssistance:Boolean(s||i),isEmptyResults:w,isUserFiltering:M,labelProps:{...ee,children:u},listContainerProps:{id:te,dropdownListRef:R,onKeyDown:be},selectSingleFieldProps:{contentVariant:"input",hasInsideLabel:!0,isBackButtonShown:"always"===o,isClearButtonShown:"conditionally"===a&&void 0!==y,onBackButtonClick:b,onClearButtonClick:pe,styleVariant:"embedded"},selectFieldInputProps:{...X,"aria-controls":te,"aria-expanded":!0,displayValue:I,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:g,isAddToListShown:!1,isAdvancedSearchShown:!1,isRequired:!1,isUserFiltering:M,liveRegionText:oe,onInput:ce,onKeyDown:de,onKeyUp:ue,placeholder:S,textAlign:v,userInput:O,variant:"embedded",virtualKeyboard:x},userAssistanceProps:{...se,assistiveText:s,fieldLabel:u,helpSourceLink:i,helpSourceText:l}}}(e,t),U=n.useCallback((({onPersistCurrentRowKey:e,onRowAction:t,selected:n,searchText:o,currentRowKeyOverride:a})=>s.jsx(Z.DefaultList,{"aria-label":b,componentName:"InlineSelectSingle",currentItemVariant:"highlight",currentKey:a,data:l,itemRenderer:d,itemText:u,onCurrentKeyChange:e,onItemAction:t,onLoadRange:p,searchText:F?o:void 0,selectedKeys:n,selectionMode:"single"})),[l,F,d,u,b,p]),E=s.jsx(D.View,{minWidth:"100%",padding:"2x",children:s.jsx(h.InlineUserAssistance,{testId:S&&`${S}_userAssistance`,...T})});return s.jsx(o.Flex,{direction:"column",gap:"2x",maxHeight:"100%",width:"100%",children:s.jsxs(B.FormFieldContext.Provider,{value:x,children:[s.jsxs(D.View,{flex:0,children:[s.jsx(r.SelectSingleField,{...w,label:s.jsx(a.Label,{...v}),testId:S&&`${S}_selectSingleField`,children:s.jsx(r.SelectSingleFieldInput,{...A})}),"aboveList"===m&&s.jsx(i.Separator,{}),"aboveList"===m&&C&&s.jsxs(s.Fragment,{children:[E,s.jsx(i.Separator,{})]})]}),"aboveList"!==m&&s.jsx(i.Separator,{}),s.jsx(Z.DropdownList,{...f,hasBottomGap:"aboveList"===m,hasTopGap:!1,children:s.jsx(c.TabbableModeContext.Provider,{value:J,children:g?s.jsx(Z.EmptyResults,{}):U(y)})}),"belowList"===m&&C&&s.jsxs("div",{children:[s.jsx(i.Separator,{}),E]})]})})}));e.InlineSelectSingle=Q}));
-//# sourceMappingURL=InlineSelectSingle-7c1cc5b5.js.map
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './Flex-4b81b412', './Label-701506b1', './useDisplayValue-9b671893', './Separator-181f7541', './logger-0f873e29', './TabbableModeContext-a9c97640', './LayerHost-0b288129', 'css!./UserAssistanceStyles.styles.css', 'module', './UNSAFE_UserAssistance/themes/redwood/UserAssistanceVariants.css', './InlineUserAssistance-a59440e5', 'css!./MessageBannerStyles.styles.css', 'module', './UNSAFE_MessageBanner/themes/redwood/MessageBannerVariants.css', 'preact', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './IconButton-dc1be00e', 'css!./MessageStyles.styles.css', './MessageFormattingUtils-ea0be23e', './TransitionGroup-3b9d81b6', './MessagesContext-602a69a2', 'css!./HiddenAccessibleStyles.styles.css', 'css!./ComponentMessageStyles.styles.css', 'module', './UNSAFE_ComponentMessage/themes/redwood/ComponentMessageVariants.css', './FormFieldContext-a024b891', './Popup-6b57cc3e', 'css!./LabelStyles.styles.css', 'module', './UNSAFE_Label/themes/redwood/LabelVariants.css', './InputGroupContext-372087af', 'module', './UNSAFE_Popup/themes/redwood/PopupVariants.css', './View-35699bb2', './FormContext-6b0879a0', './useFormContext-b8cbbb21', './useLoadingIndicatorTimer-20a3bf5f', './useTextField-3ab0a23b', './useTranslationBundle-e4dd341e', './keyboardUtils-fb6219eb', './tabbableUtils-f95361a6', './unsafeDomAccess-602c5dde', './useSelectCommon-f33709d2'], (function(e,s,t,n,o,a,r,i,l,c,d,u,b,p,h,S,m,y,x,C,g,F,v,f,w,A,T,U,E,L,k,I,K,B,R,P,M,_,j,V,N,D,O,z,Y,$,G,H,W,q,Z){"use strict";const J={isTabbable:!1};const Q=t.forwardRef((function(e,t){const{data:l,itemRenderer:d,itemText:u,label:b,onLoadRange:p,testId:S,userAssistancePosition:m="belowList"}=e,{collectionRendererContext:y,formFieldContext:x,hasUserAssistance:C,isEmptyResults:g,isUserFiltering:F,labelProps:v,listContainerProps:f,selectSingleFieldProps:w,selectFieldInputProps:A,userAssistanceProps:T}=function({"aria-describedby":e,assistiveText:s,data:t,hasBackIcon:o="never",hasClearIcon:a="never",helpSourceLink:i,helpSourceText:l,isLoading:c,itemText:d,label:u,onBackIconAction:b,onCommit:p,onFilter:h,placeholder:S,textAlign:m,valueItem:y,virtualKeyboard:x},C){const g=n.useRef(null),{textAlign:F}=z.useFormContext(),v=m??F??"start",f=null!=t&&!Z.isBeforeDataFetch(t),w=f&&0===t?.totalSize,A=n.useRef(t),T=n.useRef(y),U=n.useRef(!0),[E,L]=n.useState(void 0===y?void 0:new Set([y.key])),k=Y.useLoadingIndicatorTimer(c??!1),I=r.useDisplayValue(d,y,"InlineSelectSingle");n.useImperativeHandle(C,(()=>({focus:()=>g.current?.focus(),blur:()=>g.current?.blur(),[q.UNSAFE_DOM_ACCESS]:g.current})),[]);const{currentRowKeyRef:K,currentRowOverride:B,dropdownRef:R,isFocused:P,isUserFiltering:M,onCurrentKeyChange:_,searchText:j,setCurrentRowOverride:V,stopFiltering:N,updateFiltering:D,userInput:O}=Z.useSelectCommon({data:t,inputRef:g,isFocused:!0,onFilter:h}),{baseId:J,formFieldContext:Q,inputProps:X,labelProps:ee,userAssistanceProps:se}=$.useTextField({ariaDescribedBy:e,helpSourceLink:i,helpSourceText:l,isFocused:P,isLoading:k,value:void 0!==y||void 0}),te=`${J}-list`;Q.hasValue=c||Q.hasValue;const ne=G.useTranslationBundle("@oracle/oraclejet-preact"),oe=f?0===t?.totalSize?ne.select_noMatchesFound():1===t?.totalSize?ne.select_oneMatchFound():"exact"===t?.sizePrecision?ne.select_sizeMatchesFound({TOTAL_SIZE:`${t?.totalSize}`}):ne.select_sizeOrMoreMatchesFound({TOTAL_SIZE:`${t?.totalSize}`}):"";T.current!==y&&(T.current=y,L(void 0===y?void 0:new Set([y.key]))),A.current!==t&&(A.current=t,M&&null!=t&&0===t.offset&&t.data.length>0&&V({rowKey:Z.isSearchTextEmptyOrUndefined(j)?void 0:t.data[0].metadata.key})),U.current&&(U.current=!1,V({rowKey:[...E??[void 0]][0]}));const ae=n.useCallback(((e,s)=>{p?.({value:e,previousValue:void 0!==y?y.key:void 0,reason:s.reason})}),[p,y]),re=n.useCallback((e=>{L(new Set),ae(void 0,e)}),[ae]),ie=n.useCallback((()=>M&&""===O&&void 0!==y),[M,O,y]),le=n.useCallback((e=>{N();const s=e.context.key;L(new Set([s])),ae(s,{reason:"itemAction"})}),[ae,N]),ce=n.useCallback((({value:e})=>{D(e),h?.({searchText:e})}),[h,D]),de=n.useCallback((e=>{if(!H.isControlOrFunctionKey(e))switch(e.code){case H.KEYS.UP:case H.KEYS.DOWN:e.preventDefault();break;case H.KEYS.ENTER:case H.KEYS.TAB:{if(Z.isPhone())return;const s={reason:e.code===H.KEYS.TAB?"tabKey":"itemAction"};if(ie())return void re(s);if(null==t||0===t.data.length)return;if(N(),void 0!==K.current&&null!=t&&t.data.length>0)return L(new Set([K.current])),void ae(K.current,s);ae(y?.key??void 0,s);break}}}),[re,K,t,ie,ae,N,y]),ue=n.useCallback((e=>{if(!H.isControlOrFunctionKey(e))switch(e.code){case H.KEYS.UP:case H.KEYS.DOWN:if(null!=t&&R.current){const e=W.allTabbableElements(R.current,void 0,!0)[0];e?.focus(),void 0===B.rowKey&&V({rowKey:t.data[0]?.metadata?.key})}e.preventDefault()}}),[B,t,R,V]),be=n.useCallback((e=>{e.code===H.KEYS.TAB&&void 0!==K.current&&null!=t&&t.data.length>0&&(L(new Set([K.current])),ae(K.current,{reason:"tabKey"}))}),[K,t,ae]),pe=n.useCallback((()=>{N(),re({reason:"itemAction"}),g.current?.focus(),h?.({searchText:void 0})}),[re,h,N]),he=Z.useCollectionRenderer({currentKey:B.rowKey,searchText:j,selectedKeys:E,onCurrentKeyChange:_,onItemAction:le});return n.useEffect((()=>{const e=R.current?.querySelector('div[role="listbox"][tabindex="0"]');e?.setAttribute("tabindex","-1")})),{collectionRendererContext:he,formFieldContext:Q,hasUserAssistance:Boolean(s||i),isEmptyResults:w,isUserFiltering:M,labelProps:{...ee,children:u},listContainerProps:{id:te,dropdownListRef:R,onKeyDown:be},selectSingleFieldProps:{contentVariant:"input",hasInsideLabel:!0,isBackButtonShown:"always"===o,isClearButtonShown:"conditionally"===a&&void 0!==y,onBackButtonClick:b,onClearButtonClick:pe,styleVariant:"embedded"},selectFieldInputProps:{...X,"aria-controls":te,"aria-expanded":!0,displayValue:I,hasEmptyLabel:!1,hasInsideLabel:!0,inputRef:g,isAddToListShown:!1,isAdvancedSearchShown:!1,isRequired:!1,isUserFiltering:M,liveRegionText:oe,onInput:ce,onKeyDown:de,onKeyUp:ue,placeholder:S,textAlign:v,userInput:O,variant:"embedded",virtualKeyboard:x},userAssistanceProps:{...se,assistiveText:s,fieldLabel:u,helpSourceLink:i,helpSourceText:l}}}(e,t),U=n.useCallback((({onPersistCurrentRowKey:e,onRowAction:t,selected:n,searchText:o,currentRowKeyOverride:a})=>s.jsx(Z.DefaultList,{"aria-label":b,componentName:"InlineSelectSingle",currentItemVariant:"highlight",currentKey:a,data:l,itemRenderer:d,itemText:u,onCurrentKeyChange:e,onItemAction:t,onLoadRange:p,searchText:F?o:void 0,selectedKeys:n,selectionMode:"single"})),[l,F,d,u,b,p]),E=s.jsx(D.View,{minWidth:"100%",padding:"2x",children:s.jsx(h.InlineUserAssistance,{testId:S&&`${S}_userAssistance`,...T})});return s.jsx(o.Flex,{direction:"column",gap:"2x",maxHeight:"100%",width:"100%",children:s.jsxs(B.FormFieldContext.Provider,{value:x,children:[s.jsxs(D.View,{flex:0,children:[s.jsx(r.SelectSingleField,{...w,label:s.jsx(a.Label,{...v}),testId:S&&`${S}_selectSingleField`,children:s.jsx(r.SelectSingleFieldInput,{...A})}),"aboveList"===m&&s.jsx(i.Separator,{}),"aboveList"===m&&C&&s.jsxs(s.Fragment,{children:[E,s.jsx(i.Separator,{})]})]}),"aboveList"!==m&&s.jsx(i.Separator,{}),s.jsx(Z.DropdownList,{...f,hasBottomGap:"aboveList"===m,hasTopGap:!1,children:s.jsx(c.TabbableModeContext.Provider,{value:J,children:g?s.jsx(Z.EmptyResults,{}):U(y)})}),"belowList"===m&&C&&s.jsxs("div",{children:[s.jsx(i.Separator,{}),E]})]})})}));e.InlineSelectSingle=Q}));
+//# sourceMappingURL=InlineSelectSingle-87bc8a45.js.map

package/amd/{InlineSelectSingle-7c1cc5b5.js.map → InlineSelectSingle-87bc8a45.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InlineSelectSingle-7c1cc5b5.js","sources":["../../src/UNSAFE_InlineSelectSingle/InlineSelectSingle.tsx","../../src/UNSAFE_InlineSelectSingle/useInlineSelectSingle.ts"],"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 { ContextType, JSX, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\n\nimport {\n  DefaultList,\n  DropdownList,\n  EmptyResults,\n  type SelectSingleCollectionRendererContext\n} from '#PRIVATE_SelectCommon';\nimport { Flex } from '#UNSAFE_Flex';\nimport { Label } from '#UNSAFE_Label';\nimport { SelectSingleField } from '#UNSAFE_SelectSingle/SelectSingleField';\nimport { SelectSingleFieldInput } from '#UNSAFE_SelectSingle/SelectSingleFieldInput';\nimport { Separator } from '#UNSAFE_Separator';\nimport { InlineUserAssistance } from '#UNSAFE_UserAssistance';\nimport { View } from '#UNSAFE_View';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { TabbableModeContext } from '#hooks/UNSAFE_useTabbableMode';\nimport type { Data, InlineSelectHandle, InlineSelectSingleProps, Key } from './types';\nimport { useInlineSelectSingle } from './useInlineSelectSingle';\n\nconst PREVENT_TABBING = { isTabbable: false } satisfies ContextType<typeof TabbableModeContext>;\n\n/**\n * A InlineSelectSingle is a text field with an inline list that supports single selection and search filtering.\n * Note: This is only meant to be used by the Spectra Smart Search component. As such, it only has limited features\n * needed for the Smart Search component.\n */\nfunction InlineSelectSingleImpl<K extends Key, D extends Data>(\n  props: InlineSelectSingleProps<K, D>,\n  ref: Ref<InlineSelectHandle>\n) {\n  const {\n    data,\n    itemRenderer,\n    itemText,\n    label,\n    onLoadRange,\n    testId,\n    userAssistancePosition = 'belowList'\n  } = props;\n  const {\n    collectionRendererContext,\n    formFieldContext,\n    hasUserAssistance,\n    isEmptyResults,\n    isUserFiltering,\n    labelProps,\n    listContainerProps,\n    selectSingleFieldProps,\n    selectFieldInputProps,\n    userAssistanceProps\n  } = useInlineSelectSingle(props, ref);\n\n  const defaultCollectionRenderer = useCallback(\n    ({\n      onPersistCurrentRowKey,\n      onRowAction,\n      selected,\n      searchText,\n      currentRowKeyOverride\n    }: SelectSingleCollectionRendererContext<K, D>) => (\n      <DefaultList\n        aria-label={label}\n        componentName=\"InlineSelectSingle\"\n        currentItemVariant=\"highlight\"\n        currentKey={currentRowKeyOverride}\n        data={data}\n        itemRenderer={itemRenderer}\n        itemText={itemText}\n        onCurrentKeyChange={onPersistCurrentRowKey}\n        onItemAction={onRowAction}\n        onLoadRange={onLoadRange}\n        searchText={isUserFiltering ? searchText : undefined}\n        selectedKeys={selected}\n        selectionMode=\"single\"\n      />\n    ),\n    [data, isUserFiltering, itemRenderer, itemText, label, onLoadRange]\n  );\n\n  const userAssistance = (\n    <View minWidth=\"100%\" padding=\"2x\">\n      <InlineUserAssistance\n        testId={testId && `${testId}_userAssistance`}\n        {...userAssistanceProps}\n      />\n    </View>\n  );\n\n  return (\n    <Flex direction=\"column\" gap=\"2x\" maxHeight=\"100%\" width=\"100%\">\n      <FormFieldContext.Provider value={formFieldContext}>\n        <View flex={0}>\n          <SelectSingleField\n            {...selectSingleFieldProps}\n            label={<Label {...labelProps} />}\n            testId={testId && `${testId}_selectSingleField`}>\n            <SelectSingleFieldInput {...selectFieldInputProps} />\n          </SelectSingleField>\n          {/* Render separator & UA without gaps when we are configured for UA between the field and the dropdown */}\n          {userAssistancePosition === 'aboveList' && <Separator />}\n          {userAssistancePosition === 'aboveList' && hasUserAssistance && (\n            <>\n              {userAssistance}\n              <Separator />\n            </>\n          )}\n        </View>\n        {/* Render separator with gaps when we are not configured for UA between the field and the dropdown */}\n        {userAssistancePosition !== 'aboveList' && <Separator />}\n        <DropdownList\n          {...listContainerProps}\n          // Add bottom gap only when we are configured to show UA above the list\n          hasBottomGap={userAssistancePosition === 'aboveList'}\n          hasTopGap={false}>\n          <TabbableModeContext.Provider value={PREVENT_TABBING}>\n            {isEmptyResults ? (\n              <EmptyResults />\n            ) : (\n              defaultCollectionRenderer(collectionRendererContext)\n            )}\n          </TabbableModeContext.Provider>\n        </DropdownList>\n        {userAssistancePosition === 'belowList' && hasUserAssistance && (\n          <div>\n            <Separator />\n            {userAssistance}\n          </div>\n        )}\n      </FormFieldContext.Provider>\n    </Flex>\n  );\n}\n\nexport const InlineSelectSingle = forwardRef(InlineSelectSingleImpl) as {\n  <K extends Key, D extends Data>(\n    props: InlineSelectSingleProps<K, D> & { ref?: Ref<InlineSelectHandle> }\n  ): JSX.Element;\n}; // forwardRef will remove generics, so we cast it explicitly to preserve generics.;\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 { ComponentProps, Ref } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'preact/hooks';\n\nimport {\n  type DropdownList,\n  isBeforeDataFetch,\n  isPhone,\n  isSearchTextEmptyOrUndefined,\n  useCollectionRenderer,\n  UseCollectionRendererSelectSingleParams,\n  useSelectCommon\n} from '#PRIVATE_SelectCommon';\nimport type { Label } from '#UNSAFE_Label';\nimport type { SelectSingleField } from '#UNSAFE_SelectSingle/SelectSingleField';\nimport type { SelectSingleFieldInput } from '#UNSAFE_SelectSingle/SelectSingleFieldInput';\nimport { useDisplayValue } from '#UNSAFE_SelectSingle/useDisplayValue';\nimport type { InlineUserAssistance } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useLoadingIndicatorTimer } from '#hooks/UNSAFE_useLoadingIndicatorTimer';\nimport { useTextField } from '#hooks/UNSAFE_useTextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { isControlOrFunctionKey, KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { allTabbableElements } from '#utils/PRIVATE_tabbableUtils';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport type {\n  CommitMetadata,\n  Data,\n  InlineSelectHandle,\n  InlineSelectSingleProps,\n  Key\n} from './types';\nimport { UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\n\ntype UseInlineSelectSingleOptions<K extends Key, D extends Data> = InlineSelectSingleProps<K, D>;\n\n/**\n * A custom hook for determining prop values for the InlineSelectSingle's child\n * components from its own props.\n * @param param0 options\n * @param ref The ref handle of the component.\n */\nexport function useInlineSelectSingle<K extends Key, D extends Data>(\n  {\n    'aria-describedby': ariaDescribedBy,\n    assistiveText,\n    data,\n    hasBackIcon = 'never',\n    hasClearIcon = 'never',\n    helpSourceLink,\n    helpSourceText,\n    isLoading: propIsLoading,\n    itemText,\n    label,\n    onBackIconAction,\n    onCommit: propOnCommit,\n    onFilter,\n    placeholder,\n    textAlign: propTextAlign,\n    valueItem,\n    virtualKeyboard\n  }: UseInlineSelectSingleOptions<K, D>,\n  ref: Ref<InlineSelectHandle>\n) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { textAlign: formTextAlign } = useFormContext();\n  const textAlign = propTextAlign ?? formTextAlign ?? 'start';\n  const isDataFetched = data != null && !isBeforeDataFetch<K, D>(data);\n  const isEmptyResults = isDataFetched && data?.totalSize === 0;\n\n  // Refs to keep track of prop changes and sync internal state\n  const prevDataRef = useRef(data);\n  const prevValueItemRef = useRef(valueItem);\n  const isInitialRender = useRef(true);\n\n  // State for holding the selected keys in the list\n  const [selectedKeys, setSelectedKeys] = useState(\n    valueItem === undefined ? undefined : new Set([valueItem.key])\n  );\n\n  // The incoming propIsLoading tells us that we are in a loading state, but we don't want to\n  // show the loading indicator until after a delay, because showing it immediately could result\n  // in unwanted flashing.  The isLoading var below will be set to true by useLoadingIndicatorTimer\n  // after the delay, when the timer expires, at which point we should show the loading indicator.\n  // If propIsLoading is set to false before the timer expires, then the timer will be cancelled\n  // and no loading indicator will be shown.\n  // (ListView detects its loading state by checking data === null.  While it would be nice for\n  // us to be consistent and check valueItems === null, we need to use a separate isLoading prop.\n  // If valueItems === null triggers our loading state, then the selections in the dropdown\n  // are cleared for that period of time, which is undesirable.)\n  const isLoading = useLoadingIndicatorTimer(propIsLoading ?? false);\n  const displayValue = useDisplayValue(itemText, valueItem, 'InlineSelectSingle');\n\n  // add methods to the ref\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => inputRef.current?.focus(),\n      blur: () => inputRef.current?.blur(),\n      [UNSAFE_DOM_ACCESS]: inputRef.current!\n    }),\n    []\n  );\n\n  const {\n    currentRowKeyRef,\n    currentRowOverride,\n    dropdownRef,\n    isFocused,\n    isUserFiltering,\n    onCurrentKeyChange,\n    searchText,\n    setCurrentRowOverride,\n    stopFiltering,\n    updateFiltering,\n    userInput\n  } = useSelectCommon<K, D>({\n    data,\n    inputRef,\n    // The component can only be in a focused visual state\n    isFocused: true,\n    onFilter\n  });\n\n  const { baseId, formFieldContext, inputProps, labelProps, userAssistanceProps } = useTextField({\n    ariaDescribedBy,\n    helpSourceLink,\n    helpSourceText,\n    isFocused,\n    isLoading,\n    value: valueItem !== undefined ? true : undefined\n  });\n  const listId = `${baseId}-list`;\n\n  // If we're waiting for the selected values to load, the component should look like it\n  // has a value in the meantime.\n  // Use the original propIsLoading instead of isLoading because we don't want to delay\n  // the inside label position by a timer like we do the progressive loading indicator.\n  formFieldContext.hasValue = propIsLoading || formFieldContext.hasValue;\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const liveRegionText = isDataFetched\n    ? data?.totalSize === 0\n      ? translations.select_noMatchesFound()\n      : data?.totalSize === 1\n      ? translations.select_oneMatchFound()\n      : data?.sizePrecision === 'exact'\n      ? translations.select_sizeMatchesFound({ TOTAL_SIZE: `${data?.totalSize}` })\n      : translations.select_sizeOrMoreMatchesFound({ TOTAL_SIZE: `${data?.totalSize}` })\n    : '';\n\n  /**\n   * Lifecycle updates\n   */\n  // When the valueItem changes, save the new selectedKeys\n  if (prevValueItemRef.current !== valueItem) {\n    prevValueItemRef.current = valueItem;\n    setSelectedKeys(valueItem === undefined ? undefined : new Set([valueItem.key]));\n  }\n\n  // When data changes, highlight the first result\n  if (prevDataRef.current !== data) {\n    prevDataRef.current = data;\n    // when filtering, set the first result of the filtered data set to be the current item\n    // (check the data offset so we don't try to highlight again if the user scrolls through\n    // the list and more data is fetched)\n    if (isUserFiltering && data != null && data.offset === 0 && data.data.length > 0) {\n      // if there are results and search text, highlight the first row, otherwise clear\n      // an existing highlight\n      setCurrentRowOverride({\n        rowKey: !isSearchTextEmptyOrUndefined(searchText) ? data.data[0].metadata.key : undefined\n      });\n    }\n  }\n\n  // During the initial render, set the current row override if we have selected values.\n  // This way pressing DOWN arrow will start the navigation from the selected row.\n  if (isInitialRender.current) {\n    isInitialRender.current = false;\n    setCurrentRowOverride({ rowKey: [...(selectedKeys ?? [undefined])][0] });\n  }\n\n  /**\n   * A helper onCommit wrapper that consumes the metadata and calls the\n   * propOnCommit with only the necessary information.\n   * (Similar to onCommit in useSelectSingle.ts)\n   */\n  const onCommit = useCallback(\n    (value: K | undefined, metadata: CommitMetadata) => {\n      propOnCommit?.({\n        value: value,\n        previousValue: valueItem !== undefined ? valueItem.key : undefined,\n        reason: metadata.reason\n      });\n    },\n    [propOnCommit, valueItem]\n  );\n\n  /**\n   * A helper function to clear the selectedKeys and commits empty value.\n   * (Similar to clearValue in useSelectSingle.ts but without dropdown related logic)\n   */\n  const clearValue = useCallback(\n    (metadata: CommitMetadata) => {\n      setSelectedKeys(new Set<K>());\n      // call the onCommit callback so that the consuming code can update the valueItem\n      onCommit(undefined, metadata);\n    },\n    [onCommit]\n  );\n\n  /**\n   * Determine if we need to clear the value because the user has deleted all the text.\n   * (Similar to isClearValueNeeded in useSelectSingle.ts)\n   */\n  const isClearValueNeeded = useCallback(() => {\n    return isUserFiltering && userInput === '' && valueItem !== undefined;\n  }, [isUserFiltering, userInput, valueItem]);\n\n  /**\n   * Handler for List.onItemAction\n   * (Similar to useSelectSingle.ts's onItemAction but without dropdown related logic)\n   * This is used for handling:\n   * - Commits value when one performs an action on the list\n   */\n  const handleItemAction = useCallback<\n    UseCollectionRendererSelectSingleParams<K, D>['onItemAction']\n  >(\n    (detail) => {\n      // after selecting a value, the user is no longer actively filtering, so update related\n      // state accordingly so that the newly selected value appears in the field\n      stopFiltering();\n\n      const newKey = detail.context.key;\n      // update the selectedKeys so that the selection visual state of the collection\n      // updates immediately while waiting for a new valueItem to be set\n      setSelectedKeys(new Set([newKey]));\n      // call the onCommit callback so that the consuming code can update the valueItem\n      onCommit(newKey, { reason: 'itemAction' });\n    },\n    [onCommit, stopFiltering]\n  );\n\n  /**\n   * Handler for SelectSingleFieldInput.onInput\n   * This is used for handling:\n   * - Typing in text in the field should filter the results (i.e. invoke onFilter with the text)\n   */\n  const handleFieldInput = useCallback(\n    ({ value }: ValueUpdateDetail<string>) => {\n      updateFiltering(value);\n      onFilter?.({ searchText: value });\n    },\n    [onFilter, updateFiltering]\n  );\n\n  /**\n   * Handler for SelectSingleFieldInput.onKeyDown\n   * This is used for handling:\n   * - Prevents default browser behavior on UP/DOWN to avoid scrolling\n   * - Clears value or selects current row on ENTER\n   * - Clears value or selects current row on TAB\n   */\n  const handleFieldKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore ctrl and fn key events\n      if (isControlOrFunctionKey(event)) return;\n\n      switch (event.code) {\n        case KEYS.UP:\n        case KEYS.DOWN:\n          // prevent the default action, since we do not want the page to scroll\n          event.preventDefault();\n          break;\n        case KEYS.ENTER:\n        case KEYS.TAB: {\n          // if this is on a mobile device (only phone and not in tablet devices), do not do anything\n          if (isPhone()) return;\n\n          // Otherwise, proceed\n          const commitMetadata: CommitMetadata = {\n            reason: event.code === KEYS.TAB ? 'tabKey' : 'itemAction'\n          };\n          // check to see if we need to clear the value\n          if (isClearValueNeeded()) {\n            // in this case, clear the value and return.\n            clearValue(commitMetadata);\n            return;\n          }\n\n          // if there is no data to select, no need to handle this event\n          if (data == null || data.data.length === 0) return;\n\n          // If we will be making a selection, the user is no longer actively filtering,\n          // so update related state accordingly so that the newly selected value appears in the field.\n          stopFiltering();\n\n          // Current design have this component in a dropdown/modal. So, pressing Tab from\n          // the main field without doing any other interaction is still considered a selection\n          // unlike SelectSingle (see JET-68215). So, we handle both Enter and Tab similarly.\n          // If there is a currentRow in the dropdown (meaning a highlighted item that would\n          // have keyboard focus if the dropdown list had physical focus, which may be different\n          // from the currently selected item), select it and commit it.\n          if (currentRowKeyRef.current !== undefined && data != null && data.data.length > 0) {\n            setSelectedKeys(new Set<K>([currentRowKeyRef.current]));\n            onCommit(currentRowKeyRef.current, commitMetadata);\n            return;\n          }\n          // Otherwise commit the currently selected value again so that a valueAction event\n          // can be fired from the core-pack side.\n          onCommit(valueItem?.key ?? undefined, commitMetadata);\n          break;\n        }\n      }\n    },\n    [clearValue, currentRowKeyRef, data, isClearValueNeeded, onCommit, stopFiltering, valueItem]\n  );\n\n  /**\n   * Handler for SelectSingleFieldInput.onKeyUp\n   * This is used for handling:\n   * - Pressing UP/DOWN from the main field should move the focus to the list\n   * - If Ctrl or Fn key is pressed, then ignore the event\n   */\n  const handleFieldKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore ctrl and fn key events\n      if (isControlOrFunctionKey(event)) return;\n\n      switch (event.code) {\n        case KEYS.UP:\n        case KEYS.DOWN:\n          // Transfer physical focus into the dropdown only if the data is present and the dropdown\n          // has rendered the data. Otherwise, keep the focus in the field.\n          if (data != null && dropdownRef.current) {\n            // get the focusable element from the dropdown.\n            // consider element with tabindex=-1 as well.\n            const firstFocusableElem = allTabbableElements(dropdownRef.current, undefined, true)[0];\n            // focus the first element if it exists\n            firstFocusableElem?.focus();\n\n            // set the first row as current row if there is no current row at the moment\n            if (currentRowOverride.rowKey === undefined) {\n              setCurrentRowOverride({ rowKey: data.data[0]?.metadata?.key });\n            }\n          }\n          // prevent the default action, since we are handling it\n          event.preventDefault();\n          break;\n      }\n    },\n    [currentRowOverride, data, dropdownRef, setCurrentRowOverride]\n  );\n\n  /**\n   * Handler for DropdownList.onKeyDown\n   * This is used for handling:\n   * - Pressing Tab when highlighted on a list item should select & commit that item as value\n   */\n  const handleListKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      switch (event.code) {\n        case KEYS.TAB:\n          // if there is a currentRow in the dropdown, select it and commit it\n          if (currentRowKeyRef.current !== undefined && data != null && data.data.length > 0) {\n            setSelectedKeys(new Set<K>([currentRowKeyRef.current]));\n            onCommit(currentRowKeyRef.current, { reason: 'tabKey' });\n          }\n          break;\n      }\n    },\n    [currentRowKeyRef, data, onCommit]\n  );\n\n  /**\n   * Handler for ClearButton.onClick\n   * This is for handling:\n   * - on clicking the clear icon, the value & selection should be cleared.\n   */\n  const handleClearButtonClick = useCallback(() => {\n    // reset the user filter and the value of the component\n    stopFiltering();\n    // clear the value\n    clearValue({ reason: 'itemAction' });\n    // set focus to the input\n    inputRef.current?.focus();\n    // call onFilter with undefined\n    onFilter?.({ searchText: undefined });\n  }, [clearValue, onFilter, stopFiltering]);\n\n  /**\n   * Create collection Renderer context. This will be used by the default\n   * collectionRenderer.\n   */\n  const collectionRendererContext = useCollectionRenderer<K, D>({\n    currentKey: currentRowOverride.rowKey,\n    searchText,\n    selectedKeys,\n    onCurrentKeyChange,\n    onItemAction: handleItemAction\n  });\n\n  // TODO: JET-73973 - ListView is not respecting TabbableMode\n  // Currently List does not respect TabbableMode, so for now explicitly set tabindex=\"-1\".\n  // When this bug is fixed, this useEffect can be removed.\n  useEffect(() => {\n    const list = dropdownRef.current?.querySelector('div[role=\"listbox\"][tabindex=\"0\"]');\n    list?.setAttribute('tabindex', '-1');\n  });\n\n  return {\n    collectionRendererContext,\n    formFieldContext,\n    hasUserAssistance: Boolean(assistiveText || helpSourceLink),\n    isEmptyResults,\n    isUserFiltering,\n    labelProps: {\n      ...labelProps,\n      children: label\n    } satisfies ComponentProps<typeof Label>,\n    listContainerProps: {\n      id: listId,\n      dropdownListRef: dropdownRef,\n      onKeyDown: handleListKeyDown\n    } satisfies ComponentProps<typeof DropdownList>,\n    selectSingleFieldProps: {\n      contentVariant: 'input',\n      // InlineSelectSingle currently only supports inside label.\n      hasInsideLabel: true,\n      isBackButtonShown: hasBackIcon === 'always',\n      isClearButtonShown: hasClearIcon === 'conditionally' && valueItem !== undefined,\n      onBackButtonClick: onBackIconAction,\n      onClearButtonClick: handleClearButtonClick,\n      styleVariant: 'embedded' as const\n    } satisfies Omit<ComponentProps<typeof SelectSingleField>, 'children'>,\n    selectFieldInputProps: {\n      ...inputProps,\n      'aria-controls': listId,\n      // InlineSelectSingle always have the list open, so it will always be in an expanded state.\n      'aria-expanded': true,\n      displayValue,\n      // InlineSelectSingle currently only supports inside label,\n      // so it is expected to always have a label.\n      hasEmptyLabel: false,\n      // InlineSelectSingle currently only supports inside label.\n      hasInsideLabel: true,\n      inputRef,\n      // InlineSelectSingle currently does not support Add to List.\n      isAddToListShown: false,\n      // InlineSelectSingle currently does not support Advanced Search.\n      isAdvancedSearchShown: false,\n      // InlineSelectSingle currently does not support Required.\n      isRequired: false,\n      isUserFiltering,\n      liveRegionText,\n      onInput: handleFieldInput,\n      onKeyDown: handleFieldKeyDown,\n      onKeyUp: handleFieldKeyUp,\n      placeholder,\n      textAlign,\n      userInput,\n      variant: 'embedded',\n      virtualKeyboard\n    } satisfies ComponentProps<typeof SelectSingleFieldInput>,\n    userAssistanceProps: {\n      ...userAssistanceProps,\n      assistiveText,\n      fieldLabel: label,\n      helpSourceLink,\n      helpSourceText\n    } satisfies ComponentProps<typeof InlineUserAssistance>\n  };\n}\n"],"names":["PREVENT_TABBING","isTabbable","InlineSelectSingle","forwardRef","props","ref","data","itemRenderer","itemText","label","onLoadRange","testId","userAssistancePosition","collectionRendererContext","formFieldContext","hasUserAssistance","isEmptyResults","isUserFiltering","labelProps","listContainerProps","selectSingleFieldProps","selectFieldInputProps","userAssistanceProps","ariaDescribedBy","assistiveText","hasBackIcon","hasClearIcon","helpSourceLink","helpSourceText","isLoading","propIsLoading","onBackIconAction","onCommit","propOnCommit","onFilter","placeholder","textAlign","propTextAlign","valueItem","virtualKeyboard","inputRef","useRef","formTextAlign","useFormContext","isDataFetched","isBeforeDataFetch","totalSize","prevDataRef","prevValueItemRef","isInitialRender","selectedKeys","setSelectedKeys","useState","undefined","Set","key","useLoadingIndicatorTimer","displayValue","useDisplayValue","useImperativeHandle","focus","current","blur","UNSAFE_DOM_ACCESS","currentRowKeyRef","currentRowOverride","dropdownRef","isFocused","onCurrentKeyChange","searchText","setCurrentRowOverride","stopFiltering","updateFiltering","userInput","useSelectCommon","baseId","inputProps","useTextField","value","listId","hasValue","translations","useTranslationBundle","liveRegionText","select_noMatchesFound","select_oneMatchFound","sizePrecision","select_sizeMatchesFound","TOTAL_SIZE","select_sizeOrMoreMatchesFound","offset","length","rowKey","isSearchTextEmptyOrUndefined","metadata","useCallback","previousValue","reason","clearValue","isClearValueNeeded","handleItemAction","detail","newKey","context","handleFieldInput","handleFieldKeyDown","event","isControlOrFunctionKey","code","KEYS","UP","DOWN","preventDefault","ENTER","TAB","isPhone","commitMetadata","handleFieldKeyUp","firstFocusableElem","allTabbableElements","handleListKeyDown","handleClearButtonClick","useCollectionRenderer","currentKey","onItemAction","useEffect","list","querySelector","setAttribute","Boolean","children","id","dropdownListRef","onKeyDown","contentVariant","hasInsideLabel","isBackButtonShown","isClearButtonShown","onBackButtonClick","onClearButtonClick","styleVariant","hasEmptyLabel","isAddToListShown","isAdvancedSearchShown","isRequired","onInput","onKeyUp","variant","fieldLabel","useInlineSelectSingle","defaultCollectionRenderer","onPersistCurrentRowKey","onRowAction","selected","currentRowKeyOverride","_jsx","DefaultList","componentName","currentItemVariant","selectionMode","userAssistance","View","minWidth","padding","jsx","InlineUserAssistance","Flex","direction","gap","maxHeight","width","_jsxs","FormFieldContext","Provider","flex","SelectSingleField","Label","SelectSingleFieldInput","Separator","DropdownList","hasBottomGap","hasTopGap","TabbableModeContext","EmptyResults","jsxs"],"mappings":"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"}
+{"version":3,"file":"InlineSelectSingle-87bc8a45.js","sources":["../../src/UNSAFE_InlineSelectSingle/InlineSelectSingle.tsx","../../src/UNSAFE_InlineSelectSingle/useInlineSelectSingle.ts"],"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 { ContextType, JSX, Ref } from 'preact';\nimport { forwardRef } from 'preact/compat';\nimport { useCallback } from 'preact/hooks';\n\nimport {\n  DefaultList,\n  DropdownList,\n  EmptyResults,\n  type SelectSingleCollectionRendererContext\n} from '#PRIVATE_SelectCommon';\nimport { Flex } from '#UNSAFE_Flex';\nimport { Label } from '#UNSAFE_Label';\nimport { SelectSingleField } from '#UNSAFE_SelectSingle/SelectSingleField';\nimport { SelectSingleFieldInput } from '#UNSAFE_SelectSingle/SelectSingleFieldInput';\nimport { Separator } from '#UNSAFE_Separator';\nimport { InlineUserAssistance } from '#UNSAFE_UserAssistance';\nimport { View } from '#UNSAFE_View';\nimport { FormFieldContext } from '#hooks/UNSAFE_useFormFieldContext';\nimport { TabbableModeContext } from '#hooks/UNSAFE_useTabbableMode';\nimport type { Data, InlineSelectHandle, InlineSelectSingleProps, Key } from './types';\nimport { useInlineSelectSingle } from './useInlineSelectSingle';\n\nconst PREVENT_TABBING = { isTabbable: false } satisfies ContextType<typeof TabbableModeContext>;\n\n/**\n * A InlineSelectSingle is a text field with an inline list that supports single selection and search filtering.\n * Note: This is only meant to be used by the Spectra Smart Search component. As such, it only has limited features\n * needed for the Smart Search component.\n */\nfunction InlineSelectSingleImpl<K extends Key, D extends Data>(\n  props: InlineSelectSingleProps<K, D>,\n  ref: Ref<InlineSelectHandle>\n) {\n  const {\n    data,\n    itemRenderer,\n    itemText,\n    label,\n    onLoadRange,\n    testId,\n    userAssistancePosition = 'belowList'\n  } = props;\n  const {\n    collectionRendererContext,\n    formFieldContext,\n    hasUserAssistance,\n    isEmptyResults,\n    isUserFiltering,\n    labelProps,\n    listContainerProps,\n    selectSingleFieldProps,\n    selectFieldInputProps,\n    userAssistanceProps\n  } = useInlineSelectSingle(props, ref);\n\n  const defaultCollectionRenderer = useCallback(\n    ({\n      onPersistCurrentRowKey,\n      onRowAction,\n      selected,\n      searchText,\n      currentRowKeyOverride\n    }: SelectSingleCollectionRendererContext<K, D>) => (\n      <DefaultList\n        aria-label={label}\n        componentName=\"InlineSelectSingle\"\n        currentItemVariant=\"highlight\"\n        currentKey={currentRowKeyOverride}\n        data={data}\n        itemRenderer={itemRenderer}\n        itemText={itemText}\n        onCurrentKeyChange={onPersistCurrentRowKey}\n        onItemAction={onRowAction}\n        onLoadRange={onLoadRange}\n        searchText={isUserFiltering ? searchText : undefined}\n        selectedKeys={selected}\n        selectionMode=\"single\"\n      />\n    ),\n    [data, isUserFiltering, itemRenderer, itemText, label, onLoadRange]\n  );\n\n  const userAssistance = (\n    <View minWidth=\"100%\" padding=\"2x\">\n      <InlineUserAssistance\n        testId={testId && `${testId}_userAssistance`}\n        {...userAssistanceProps}\n      />\n    </View>\n  );\n\n  return (\n    <Flex direction=\"column\" gap=\"2x\" maxHeight=\"100%\" width=\"100%\">\n      <FormFieldContext.Provider value={formFieldContext}>\n        <View flex={0}>\n          <SelectSingleField\n            {...selectSingleFieldProps}\n            label={<Label {...labelProps} />}\n            testId={testId && `${testId}_selectSingleField`}>\n            <SelectSingleFieldInput {...selectFieldInputProps} />\n          </SelectSingleField>\n          {/* Render separator & UA without gaps when we are configured for UA between the field and the dropdown */}\n          {userAssistancePosition === 'aboveList' && <Separator />}\n          {userAssistancePosition === 'aboveList' && hasUserAssistance && (\n            <>\n              {userAssistance}\n              <Separator />\n            </>\n          )}\n        </View>\n        {/* Render separator with gaps when we are not configured for UA between the field and the dropdown */}\n        {userAssistancePosition !== 'aboveList' && <Separator />}\n        <DropdownList\n          {...listContainerProps}\n          // Add bottom gap only when we are configured to show UA above the list\n          hasBottomGap={userAssistancePosition === 'aboveList'}\n          hasTopGap={false}>\n          <TabbableModeContext.Provider value={PREVENT_TABBING}>\n            {isEmptyResults ? (\n              <EmptyResults />\n            ) : (\n              defaultCollectionRenderer(collectionRendererContext)\n            )}\n          </TabbableModeContext.Provider>\n        </DropdownList>\n        {userAssistancePosition === 'belowList' && hasUserAssistance && (\n          <div>\n            <Separator />\n            {userAssistance}\n          </div>\n        )}\n      </FormFieldContext.Provider>\n    </Flex>\n  );\n}\n\nexport const InlineSelectSingle = forwardRef(InlineSelectSingleImpl) as {\n  <K extends Key, D extends Data>(\n    props: InlineSelectSingleProps<K, D> & { ref?: Ref<InlineSelectHandle> }\n  ): JSX.Element;\n}; // forwardRef will remove generics, so we cast it explicitly to preserve generics.;\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 { ComponentProps, Ref } from 'preact';\nimport { useCallback, useEffect, useImperativeHandle, useRef, useState } from 'preact/hooks';\n\nimport {\n  type DropdownList,\n  isBeforeDataFetch,\n  isPhone,\n  isSearchTextEmptyOrUndefined,\n  useCollectionRenderer,\n  UseCollectionRendererSelectSingleParams,\n  useSelectCommon\n} from '#PRIVATE_SelectCommon';\nimport type { Label } from '#UNSAFE_Label';\nimport type { SelectSingleField } from '#UNSAFE_SelectSingle/SelectSingleField';\nimport type { SelectSingleFieldInput } from '#UNSAFE_SelectSingle/SelectSingleFieldInput';\nimport { useDisplayValue } from '#UNSAFE_SelectSingle/useDisplayValue';\nimport type { InlineUserAssistance } from '#UNSAFE_UserAssistance';\nimport { useFormContext } from '#hooks/UNSAFE_useFormContext';\nimport { useLoadingIndicatorTimer } from '#hooks/UNSAFE_useLoadingIndicatorTimer';\nimport { useTextField } from '#hooks/UNSAFE_useTextField';\nimport { useTranslationBundle } from '#hooks/UNSAFE_useTranslationBundle';\nimport type { BundleType } from '#resources/nls/bundle';\nimport { isControlOrFunctionKey, KEYS } from '#utils/PRIVATE_keyboardUtils';\nimport { allTabbableElements } from '#utils/PRIVATE_tabbableUtils';\nimport type { ValueUpdateDetail } from '#utils/UNSAFE_valueUpdateDetail';\nimport type {\n  CommitMetadata,\n  Data,\n  InlineSelectHandle,\n  InlineSelectSingleProps,\n  Key\n} from './types';\nimport { UNSAFE_DOM_ACCESS } from '#utils/UNSAFE_unsafeDomAccess';\n\ntype UseInlineSelectSingleOptions<K extends Key, D extends Data> = InlineSelectSingleProps<K, D>;\n\n/**\n * A custom hook for determining prop values for the InlineSelectSingle's child\n * components from its own props.\n * @param param0 options\n * @param ref The ref handle of the component.\n */\nexport function useInlineSelectSingle<K extends Key, D extends Data>(\n  {\n    'aria-describedby': ariaDescribedBy,\n    assistiveText,\n    data,\n    hasBackIcon = 'never',\n    hasClearIcon = 'never',\n    helpSourceLink,\n    helpSourceText,\n    isLoading: propIsLoading,\n    itemText,\n    label,\n    onBackIconAction,\n    onCommit: propOnCommit,\n    onFilter,\n    placeholder,\n    textAlign: propTextAlign,\n    valueItem,\n    virtualKeyboard\n  }: UseInlineSelectSingleOptions<K, D>,\n  ref: Ref<InlineSelectHandle>\n) {\n  const inputRef = useRef<HTMLInputElement>(null);\n  const { textAlign: formTextAlign } = useFormContext();\n  const textAlign = propTextAlign ?? formTextAlign ?? 'start';\n  const isDataFetched = data != null && !isBeforeDataFetch<K, D>(data);\n  const isEmptyResults = isDataFetched && data?.totalSize === 0;\n\n  // Refs to keep track of prop changes and sync internal state\n  const prevDataRef = useRef(data);\n  const prevValueItemRef = useRef(valueItem);\n  const isInitialRender = useRef(true);\n\n  // State for holding the selected keys in the list\n  const [selectedKeys, setSelectedKeys] = useState(\n    valueItem === undefined ? undefined : new Set([valueItem.key])\n  );\n\n  // The incoming propIsLoading tells us that we are in a loading state, but we don't want to\n  // show the loading indicator until after a delay, because showing it immediately could result\n  // in unwanted flashing.  The isLoading var below will be set to true by useLoadingIndicatorTimer\n  // after the delay, when the timer expires, at which point we should show the loading indicator.\n  // If propIsLoading is set to false before the timer expires, then the timer will be cancelled\n  // and no loading indicator will be shown.\n  // (ListView detects its loading state by checking data === null.  While it would be nice for\n  // us to be consistent and check valueItems === null, we need to use a separate isLoading prop.\n  // If valueItems === null triggers our loading state, then the selections in the dropdown\n  // are cleared for that period of time, which is undesirable.)\n  const isLoading = useLoadingIndicatorTimer(propIsLoading ?? false);\n  const displayValue = useDisplayValue(itemText, valueItem, 'InlineSelectSingle');\n\n  // add methods to the ref\n  useImperativeHandle(\n    ref,\n    () => ({\n      focus: () => inputRef.current?.focus(),\n      blur: () => inputRef.current?.blur(),\n      [UNSAFE_DOM_ACCESS]: inputRef.current!\n    }),\n    []\n  );\n\n  const {\n    currentRowKeyRef,\n    currentRowOverride,\n    dropdownRef,\n    isFocused,\n    isUserFiltering,\n    onCurrentKeyChange,\n    searchText,\n    setCurrentRowOverride,\n    stopFiltering,\n    updateFiltering,\n    userInput\n  } = useSelectCommon<K, D>({\n    data,\n    inputRef,\n    // The component can only be in a focused visual state\n    isFocused: true,\n    onFilter\n  });\n\n  const { baseId, formFieldContext, inputProps, labelProps, userAssistanceProps } = useTextField({\n    ariaDescribedBy,\n    helpSourceLink,\n    helpSourceText,\n    isFocused,\n    isLoading,\n    value: valueItem !== undefined ? true : undefined\n  });\n  const listId = `${baseId}-list`;\n\n  // If we're waiting for the selected values to load, the component should look like it\n  // has a value in the meantime.\n  // Use the original propIsLoading instead of isLoading because we don't want to delay\n  // the inside label position by a timer like we do the progressive loading indicator.\n  formFieldContext.hasValue = propIsLoading || formFieldContext.hasValue;\n\n  const translations = useTranslationBundle<BundleType>('@oracle/oraclejet-preact');\n  const liveRegionText = isDataFetched\n    ? data?.totalSize === 0\n      ? translations.select_noMatchesFound()\n      : data?.totalSize === 1\n      ? translations.select_oneMatchFound()\n      : data?.sizePrecision === 'exact'\n      ? translations.select_sizeMatchesFound({ TOTAL_SIZE: `${data?.totalSize}` })\n      : translations.select_sizeOrMoreMatchesFound({ TOTAL_SIZE: `${data?.totalSize}` })\n    : '';\n\n  /**\n   * Lifecycle updates\n   */\n  // When the valueItem changes, save the new selectedKeys\n  if (prevValueItemRef.current !== valueItem) {\n    prevValueItemRef.current = valueItem;\n    setSelectedKeys(valueItem === undefined ? undefined : new Set([valueItem.key]));\n  }\n\n  // When data changes, highlight the first result\n  if (prevDataRef.current !== data) {\n    prevDataRef.current = data;\n    // when filtering, set the first result of the filtered data set to be the current item\n    // (check the data offset so we don't try to highlight again if the user scrolls through\n    // the list and more data is fetched)\n    if (isUserFiltering && data != null && data.offset === 0 && data.data.length > 0) {\n      // if there are results and search text, highlight the first row, otherwise clear\n      // an existing highlight\n      setCurrentRowOverride({\n        rowKey: !isSearchTextEmptyOrUndefined(searchText) ? data.data[0].metadata.key : undefined\n      });\n    }\n  }\n\n  // During the initial render, set the current row override if we have selected values.\n  // This way pressing DOWN arrow will start the navigation from the selected row.\n  if (isInitialRender.current) {\n    isInitialRender.current = false;\n    setCurrentRowOverride({ rowKey: [...(selectedKeys ?? [undefined])][0] });\n  }\n\n  /**\n   * A helper onCommit wrapper that consumes the metadata and calls the\n   * propOnCommit with only the necessary information.\n   * (Similar to onCommit in useSelectSingle.ts)\n   */\n  const onCommit = useCallback(\n    (value: K | undefined, metadata: CommitMetadata) => {\n      propOnCommit?.({\n        value: value,\n        previousValue: valueItem !== undefined ? valueItem.key : undefined,\n        reason: metadata.reason\n      });\n    },\n    [propOnCommit, valueItem]\n  );\n\n  /**\n   * A helper function to clear the selectedKeys and commits empty value.\n   * (Similar to clearValue in useSelectSingle.ts but without dropdown related logic)\n   */\n  const clearValue = useCallback(\n    (metadata: CommitMetadata) => {\n      setSelectedKeys(new Set<K>());\n      // call the onCommit callback so that the consuming code can update the valueItem\n      onCommit(undefined, metadata);\n    },\n    [onCommit]\n  );\n\n  /**\n   * Determine if we need to clear the value because the user has deleted all the text.\n   * (Similar to isClearValueNeeded in useSelectSingle.ts)\n   */\n  const isClearValueNeeded = useCallback(() => {\n    return isUserFiltering && userInput === '' && valueItem !== undefined;\n  }, [isUserFiltering, userInput, valueItem]);\n\n  /**\n   * Handler for List.onItemAction\n   * (Similar to useSelectSingle.ts's onItemAction but without dropdown related logic)\n   * This is used for handling:\n   * - Commits value when one performs an action on the list\n   */\n  const handleItemAction = useCallback<\n    UseCollectionRendererSelectSingleParams<K, D>['onItemAction']\n  >(\n    (detail) => {\n      // after selecting a value, the user is no longer actively filtering, so update related\n      // state accordingly so that the newly selected value appears in the field\n      stopFiltering();\n\n      const newKey = detail.context.key;\n      // update the selectedKeys so that the selection visual state of the collection\n      // updates immediately while waiting for a new valueItem to be set\n      setSelectedKeys(new Set([newKey]));\n      // call the onCommit callback so that the consuming code can update the valueItem\n      onCommit(newKey, { reason: 'itemAction' });\n    },\n    [onCommit, stopFiltering]\n  );\n\n  /**\n   * Handler for SelectSingleFieldInput.onInput\n   * This is used for handling:\n   * - Typing in text in the field should filter the results (i.e. invoke onFilter with the text)\n   */\n  const handleFieldInput = useCallback(\n    ({ value }: ValueUpdateDetail<string>) => {\n      updateFiltering(value);\n      onFilter?.({ searchText: value });\n    },\n    [onFilter, updateFiltering]\n  );\n\n  /**\n   * Handler for SelectSingleFieldInput.onKeyDown\n   * This is used for handling:\n   * - Prevents default browser behavior on UP/DOWN to avoid scrolling\n   * - Clears value or selects current row on ENTER\n   * - Clears value or selects current row on TAB\n   */\n  const handleFieldKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore ctrl and fn key events\n      if (isControlOrFunctionKey(event)) return;\n\n      switch (event.code) {\n        case KEYS.UP:\n        case KEYS.DOWN:\n          // prevent the default action, since we do not want the page to scroll\n          event.preventDefault();\n          break;\n        case KEYS.ENTER:\n        case KEYS.TAB: {\n          // if this is on a mobile device (only phone and not in tablet devices), do not do anything\n          if (isPhone()) return;\n\n          // Otherwise, proceed\n          const commitMetadata: CommitMetadata = {\n            reason: event.code === KEYS.TAB ? 'tabKey' : 'itemAction'\n          };\n          // check to see if we need to clear the value\n          if (isClearValueNeeded()) {\n            // in this case, clear the value and return.\n            clearValue(commitMetadata);\n            return;\n          }\n\n          // if there is no data to select, no need to handle this event\n          if (data == null || data.data.length === 0) return;\n\n          // If we will be making a selection, the user is no longer actively filtering,\n          // so update related state accordingly so that the newly selected value appears in the field.\n          stopFiltering();\n\n          // Current design have this component in a dropdown/modal. So, pressing Tab from\n          // the main field without doing any other interaction is still considered a selection\n          // unlike SelectSingle (see JET-68215). So, we handle both Enter and Tab similarly.\n          // If there is a currentRow in the dropdown (meaning a highlighted item that would\n          // have keyboard focus if the dropdown list had physical focus, which may be different\n          // from the currently selected item), select it and commit it.\n          if (currentRowKeyRef.current !== undefined && data != null && data.data.length > 0) {\n            setSelectedKeys(new Set<K>([currentRowKeyRef.current]));\n            onCommit(currentRowKeyRef.current, commitMetadata);\n            return;\n          }\n          // Otherwise commit the currently selected value again so that a valueAction event\n          // can be fired from the core-pack side.\n          onCommit(valueItem?.key ?? undefined, commitMetadata);\n          break;\n        }\n      }\n    },\n    [clearValue, currentRowKeyRef, data, isClearValueNeeded, onCommit, stopFiltering, valueItem]\n  );\n\n  /**\n   * Handler for SelectSingleFieldInput.onKeyUp\n   * This is used for handling:\n   * - Pressing UP/DOWN from the main field should move the focus to the list\n   * - If Ctrl or Fn key is pressed, then ignore the event\n   */\n  const handleFieldKeyUp = useCallback(\n    (event: KeyboardEvent) => {\n      // ignore ctrl and fn key events\n      if (isControlOrFunctionKey(event)) return;\n\n      switch (event.code) {\n        case KEYS.UP:\n        case KEYS.DOWN:\n          // Transfer physical focus into the dropdown only if the data is present and the dropdown\n          // has rendered the data. Otherwise, keep the focus in the field.\n          if (data != null && dropdownRef.current) {\n            // get the focusable element from the dropdown.\n            // consider element with tabindex=-1 as well.\n            const firstFocusableElem = allTabbableElements(dropdownRef.current, undefined, true)[0];\n            // focus the first element if it exists\n            firstFocusableElem?.focus();\n\n            // set the first row as current row if there is no current row at the moment\n            if (currentRowOverride.rowKey === undefined) {\n              setCurrentRowOverride({ rowKey: data.data[0]?.metadata?.key });\n            }\n          }\n          // prevent the default action, since we are handling it\n          event.preventDefault();\n          break;\n      }\n    },\n    [currentRowOverride, data, dropdownRef, setCurrentRowOverride]\n  );\n\n  /**\n   * Handler for DropdownList.onKeyDown\n   * This is used for handling:\n   * - Pressing Tab when highlighted on a list item should select & commit that item as value\n   */\n  const handleListKeyDown = useCallback(\n    (event: KeyboardEvent) => {\n      switch (event.code) {\n        case KEYS.TAB:\n          // if there is a currentRow in the dropdown, select it and commit it\n          if (currentRowKeyRef.current !== undefined && data != null && data.data.length > 0) {\n            setSelectedKeys(new Set<K>([currentRowKeyRef.current]));\n            onCommit(currentRowKeyRef.current, { reason: 'tabKey' });\n          }\n          break;\n      }\n    },\n    [currentRowKeyRef, data, onCommit]\n  );\n\n  /**\n   * Handler for ClearButton.onClick\n   * This is for handling:\n   * - on clicking the clear icon, the value & selection should be cleared.\n   */\n  const handleClearButtonClick = useCallback(() => {\n    // reset the user filter and the value of the component\n    stopFiltering();\n    // clear the value\n    clearValue({ reason: 'itemAction' });\n    // set focus to the input\n    inputRef.current?.focus();\n    // call onFilter with undefined\n    onFilter?.({ searchText: undefined });\n  }, [clearValue, onFilter, stopFiltering]);\n\n  /**\n   * Create collection Renderer context. This will be used by the default\n   * collectionRenderer.\n   */\n  const collectionRendererContext = useCollectionRenderer<K, D>({\n    currentKey: currentRowOverride.rowKey,\n    searchText,\n    selectedKeys,\n    onCurrentKeyChange,\n    onItemAction: handleItemAction\n  });\n\n  // TODO: JET-73973 - ListView is not respecting TabbableMode\n  // Currently List does not respect TabbableMode, so for now explicitly set tabindex=\"-1\".\n  // When this bug is fixed, this useEffect can be removed.\n  useEffect(() => {\n    const list = dropdownRef.current?.querySelector('div[role=\"listbox\"][tabindex=\"0\"]');\n    list?.setAttribute('tabindex', '-1');\n  });\n\n  return {\n    collectionRendererContext,\n    formFieldContext,\n    hasUserAssistance: Boolean(assistiveText || helpSourceLink),\n    isEmptyResults,\n    isUserFiltering,\n    labelProps: {\n      ...labelProps,\n      children: label\n    } satisfies ComponentProps<typeof Label>,\n    listContainerProps: {\n      id: listId,\n      dropdownListRef: dropdownRef,\n      onKeyDown: handleListKeyDown\n    } satisfies ComponentProps<typeof DropdownList>,\n    selectSingleFieldProps: {\n      contentVariant: 'input',\n      // InlineSelectSingle currently only supports inside label.\n      hasInsideLabel: true,\n      isBackButtonShown: hasBackIcon === 'always',\n      isClearButtonShown: hasClearIcon === 'conditionally' && valueItem !== undefined,\n      onBackButtonClick: onBackIconAction,\n      onClearButtonClick: handleClearButtonClick,\n      styleVariant: 'embedded' as const\n    } satisfies Omit<ComponentProps<typeof SelectSingleField>, 'children'>,\n    selectFieldInputProps: {\n      ...inputProps,\n      'aria-controls': listId,\n      // InlineSelectSingle always have the list open, so it will always be in an expanded state.\n      'aria-expanded': true,\n      displayValue,\n      // InlineSelectSingle currently only supports inside label,\n      // so it is expected to always have a label.\n      hasEmptyLabel: false,\n      // InlineSelectSingle currently only supports inside label.\n      hasInsideLabel: true,\n      inputRef,\n      // InlineSelectSingle currently does not support Add to List.\n      isAddToListShown: false,\n      // InlineSelectSingle currently does not support Advanced Search.\n      isAdvancedSearchShown: false,\n      // InlineSelectSingle currently does not support Required.\n      isRequired: false,\n      isUserFiltering,\n      liveRegionText,\n      onInput: handleFieldInput,\n      onKeyDown: handleFieldKeyDown,\n      onKeyUp: handleFieldKeyUp,\n      placeholder,\n      textAlign,\n      userInput,\n      variant: 'embedded',\n      virtualKeyboard\n    } satisfies ComponentProps<typeof SelectSingleFieldInput>,\n    userAssistanceProps: {\n      ...userAssistanceProps,\n      assistiveText,\n      fieldLabel: label,\n      helpSourceLink,\n      helpSourceText\n    } satisfies ComponentProps<typeof InlineUserAssistance>\n  };\n}\n"],"names":["PREVENT_TABBING","isTabbable","InlineSelectSingle","forwardRef","props","ref","data","itemRenderer","itemText","label","onLoadRange","testId","userAssistancePosition","collectionRendererContext","formFieldContext","hasUserAssistance","isEmptyResults","isUserFiltering","labelProps","listContainerProps","selectSingleFieldProps","selectFieldInputProps","userAssistanceProps","ariaDescribedBy","assistiveText","hasBackIcon","hasClearIcon","helpSourceLink","helpSourceText","isLoading","propIsLoading","onBackIconAction","onCommit","propOnCommit","onFilter","placeholder","textAlign","propTextAlign","valueItem","virtualKeyboard","inputRef","useRef","formTextAlign","useFormContext","isDataFetched","isBeforeDataFetch","totalSize","prevDataRef","prevValueItemRef","isInitialRender","selectedKeys","setSelectedKeys","useState","undefined","Set","key","useLoadingIndicatorTimer","displayValue","useDisplayValue","useImperativeHandle","focus","current","blur","UNSAFE_DOM_ACCESS","currentRowKeyRef","currentRowOverride","dropdownRef","isFocused","onCurrentKeyChange","searchText","setCurrentRowOverride","stopFiltering","updateFiltering","userInput","useSelectCommon","baseId","inputProps","useTextField","value","listId","hasValue","translations","useTranslationBundle","liveRegionText","select_noMatchesFound","select_oneMatchFound","sizePrecision","select_sizeMatchesFound","TOTAL_SIZE","select_sizeOrMoreMatchesFound","offset","length","rowKey","isSearchTextEmptyOrUndefined","metadata","useCallback","previousValue","reason","clearValue","isClearValueNeeded","handleItemAction","detail","newKey","context","handleFieldInput","handleFieldKeyDown","event","isControlOrFunctionKey","code","KEYS","UP","DOWN","preventDefault","ENTER","TAB","isPhone","commitMetadata","handleFieldKeyUp","firstFocusableElem","allTabbableElements","handleListKeyDown","handleClearButtonClick","useCollectionRenderer","currentKey","onItemAction","useEffect","list","querySelector","setAttribute","Boolean","children","id","dropdownListRef","onKeyDown","contentVariant","hasInsideLabel","isBackButtonShown","isClearButtonShown","onBackButtonClick","onClearButtonClick","styleVariant","hasEmptyLabel","isAddToListShown","isAdvancedSearchShown","isRequired","onInput","onKeyUp","variant","fieldLabel","useInlineSelectSingle","defaultCollectionRenderer","onPersistCurrentRowKey","onRowAction","selected","currentRowKeyOverride","_jsx","DefaultList","componentName","currentItemVariant","selectionMode","userAssistance","View","minWidth","padding","jsx","InlineUserAssistance","Flex","direction","gap","maxHeight","width","_jsxs","FormFieldContext","Provider","flex","SelectSingleField","Label","SelectSingleFieldInput","Separator","DropdownList","hasBottomGap","hasTopGap","TabbableModeContext","EmptyResults","jsxs"],"mappings":"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"}

package/amd/{LineAreaChart-48efb7f7.js → LineAreaChart-47fc17d2.js}

@@ -1,2 +1,2 @@
-define(['exports', 'preact/jsx-runtime', './utils-8bf50f08', './ReferenceLineArea-450530dd', './MarkersWithLabel-2960e007', './dataStyleUtils-1a157bd8', './useUser-08901aba', './colorUtils-1c8d0c00', './accUtils-7e057eef', './themeContract.css-b6ec3943', './chartUtils-2415ea65', 'preact/compat', './Chart-57965de4'], (function(e,t,i,s,n,r,a,o,d,l,g,c,h){"use strict";const p=c.forwardRef((({width:e,height:d,selectedIds:c=[],hiddenIds:p=[],highlightedIds:I,hideAndShowBehavior:u="none",orientation:m="vertical",yAxis:S,y2Axis:f,series:y,groups:v,isStacked:A=!1,getDataItem:C,selectionMode:T="none",drilling:b="off",type:L="line",overview:D="off",dataLabelEffect:k="outline",...R},E)=>{const{direction:M,forcedColors:w}=a.useUser(),U="active"===w,j=void 0!==R.testId,W="rtl"===M,P="log"===S?.scale,F=R.xAxis?.timeAxisType,z=new Set(p),H=new Set(c),N=new Set(I),O="horizontal"===m,q=o.getColorRamp();let B=A?i.getCumulativeSeries(y.length,v.length,C,z,P):i.getSeriesData(y?.length,v?.length,C,z,P);const V=(e,t)=>A?{...C(e,t),value:B[e][t]}:C(e,t),{hasCenteredSeries:Y,hasUncenteredSeries:G}=y.reduce(((e,t)=>({hasCenteredSeries:e.hasCenteredSeries||"centeredSegmented"===t.lineType||"centeredStepped"===t.lineType,hasUncenteredSeries:e.hasUncenteredSeries||"segmented"===t.lineType||"stepped"===t.lineType})),{hasCenteredSeries:!1,hasUncenteredSeries:!1}),J=i.getMarkers(),K="lineWithArea"===L?.2:1,Q="area"===L||"lineWithArea"===L,X="area"===L,Z=[];return t.jsx(h.Chart,{ref:E,width:e,height:d,selectedIds:H,hiddenIds:p,hideAndShowBehavior:u,orientation:m,yAxis:S,y2Axis:f,series:y,groups:v,selectionMode:T,drilling:b,isStacked:A,getDataItem:C,findNearest:(e,t,s)=>i.findNearestDataPoint(y,v,e,t,V,A,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),P,0,z,F,s),getDataItemPos:(e,t,i)=>(s,n)=>{const r="y2"===y[s].associatedYAxis;return g.getLineAreaChartItemPosition(s,n,B,C,v,O,e,r?i:t,F)},getMarkerInfo:(e,t)=>({color:r.getItemColor(e,t,y,C),type:r.getMarkerType(e,t,C)}),renderGridLinesInFront:Q,getNavUtil:(e,t)=>r.getLineAreaChartNavUtil(C,y.length,e,t,A,W,O),getGapRatio:()=>1,getStartAndEndAxesOffset:e=>i.getStartAndEndAxesOffset(Y,G,O,e),isRtl:W,overview:D,defaultOverviewContentRenderer:()=>t.jsx(x,{series:y,groups:v,getDataItem:C,type:L}),...R,children:({getItemAriaLabel:e,groupsInfo:r,xStartIndex:a,xEndIndex:o,xScale:d,yScale:g,y2Scale:c,activeId:h,focusedItemInfo:p,hoveredItemInfo:x,isPointInsideMarquee:u,defaultFontSize:S,getTextDimensions:f,plotAreaClipPathId:v,axisStepWidth:L})=>{const D=r.map((({item:e})=>e));return B=A?i.getCumulativeSeries(y.length,D.length,C,z,P):i.getSeriesData(y?.length,D?.length,C,z,P),t.jsxs(t.Fragment,{children:[B.map(((r,E)=>{if(0===r.length)return;const M=y[E],w="y2"===M.associatedYAxis,z=i.getLineAreaSegments(w?c:g,d,r,a,o,P,D,E,V,F);Z[E]=z[0];const Y="curved"===M.lineType&&A&&B.length>1&&E>0,G=void 0===I||0===I.length||N.has(M.id),$=A&&0!=E?Z.reduce(((e,t,i)=>i>=E?e:t.length>0?i:e),0):void 0;return t.jsxs(t.Fragment,{children:[Q&&t.jsx(s.AreaSeries,{yScale:w?c:g,lineType:M.lineType,color:M.areaColor||q[E%q.length],isHorizontal:O,areaColorOpacity:K,isBottomSegmentCurved:Y,bottomCoords:void 0!==$&&Z[$].some((e=>null!=e))?Z[$]:void 0,lineSegments:z,isLog:P,isHighlighted:G,seriesIndex:E,groupWidth:L,isRtl:W,timeAxisType:F,plotAreaClipPathId:v}),t.jsx(s.LineSeries,{lineType:M.lineType,lineColor:X?l.colorSchemeVars.dvt.contrastLine:M.lineColor,lineWidth:X?A?2.5:1.25:M.lineWidth,lineStyle:M.lineStyle,color:M.lineColor||q[E%q.length],lineSegmentCoords:z,isHorizontal:O,isHighlighted:G,seriesIndex:E,groupWidth:L,isRtl:W,timeAxisType:F,plotAreaClipPathId:v}),!A&&"stepped"!==M.lineType&&"segmented"!==M.lineType&&t.jsx(n.MarkersWithLabel,{yScale:w?c:g,xScale:d,groups:D,series:M,timeAxisType:F,color:M.lineColor||M.areaColor||q[E%q.length],seriesIndex:E,startIndex:a,endIndex:o,markerType:J[E%J.length],orientation:m,isLog:P,activeId:h,getDataItem:C,isPointInsideMarquee:u,selectedIds:H,highlightedIds:void 0!==I?N:void 0,focusedItemIndex:p.seriesIndex!==E||!p.isFocusVisible||R.isDataCursorEnabled&&R.dataCursorStyle?.isMarkerDisplayed?void 0:p.groupIndex,hoveredItemIndex:x?.isCurrent&&x.seriesIndex===E?x.groupIndex:void 0,isSelectionEnabled:"single"===T||"multiple"===T,isDrillEnabled:"on"===b,defaultFontSize:S,dataLabelEffect:k,isHighContrast:U,isTestEnv:j,getTextDimensions:f,getItemAriaLabel:e,isRtl:W})]})})),B.map(((i,s)=>{if(0===i.length)return;const r=y[s],l="y2"===r.associatedYAxis;return A||"segmented"===r.lineType||"stepped"===r.lineType?t.jsx(n.MarkersWithLabel,{yScale:l?c:g,series:y[s],xScale:d,groups:D,timeAxisType:F,color:r.lineColor||r.areaColor||q[s%q.length],seriesIndex:s,isPointInsideMarquee:u,startIndex:a,endIndex:o,markerType:J[s%J.length],orientation:m,isLog:P,activeId:h,getDataItem:V,selectedIds:H,focusedItemIndex:p.seriesIndex===s&&p.isFocusVisible?p.groupIndex:void 0,hoveredItemIndex:x?.isCurrent&&x.seriesIndex===s?x.groupIndex:void 0,isSelectionEnabled:"single"===T||"multiple"===T,isDrillEnabled:"on"===b,defaultFontSize:S,dataLabelEffect:k,isHighContrast:U,isTestEnv:j,getTextDimensions:f,getItemAriaLabel:e,isRtl:W}):void 0}))]})}})}));function x(e){return t.jsx(p,{datatip:()=>({content:""}),zoomAndScroll:"off",overview:"off",plotArea:{yMajorTick:{isRendered:!1}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},type:e.type})}e.LineAreaChart=p}));
-//# sourceMappingURL=LineAreaChart-48efb7f7.js.map
+define(['exports', 'preact/jsx-runtime', './utils-8bf50f08', './ReferenceLineArea-450530dd', './MarkersWithLabel-2960e007', './dataStyleUtils-1a157bd8', './useUser-08901aba', './colorUtils-1c8d0c00', './accUtils-7e057eef', './themeContract.css-b6ec3943', './chartUtils-2415ea65', 'preact/compat', './Chart-d9eafc7a'], (function(e,t,i,s,n,r,a,o,d,l,g,c,h){"use strict";const p=c.forwardRef((({width:e,height:d,selectedIds:c=[],hiddenIds:p=[],highlightedIds:I,hideAndShowBehavior:u="none",orientation:m="vertical",yAxis:S,y2Axis:f,series:y,groups:v,isStacked:A=!1,getDataItem:C,selectionMode:T="none",drilling:b="off",type:L="line",overview:D="off",dataLabelEffect:k="outline",...R},E)=>{const{direction:M,forcedColors:w}=a.useUser(),U="active"===w,j=void 0!==R.testId,W="rtl"===M,P="log"===S?.scale,F=R.xAxis?.timeAxisType,z=new Set(p),H=new Set(c),N=new Set(I),O="horizontal"===m,q=o.getColorRamp();let B=A?i.getCumulativeSeries(y.length,v.length,C,z,P):i.getSeriesData(y?.length,v?.length,C,z,P);const V=(e,t)=>A?{...C(e,t),value:B[e][t]}:C(e,t),{hasCenteredSeries:Y,hasUncenteredSeries:G}=y.reduce(((e,t)=>({hasCenteredSeries:e.hasCenteredSeries||"centeredSegmented"===t.lineType||"centeredStepped"===t.lineType,hasUncenteredSeries:e.hasUncenteredSeries||"segmented"===t.lineType||"stepped"===t.lineType})),{hasCenteredSeries:!1,hasUncenteredSeries:!1}),J=i.getMarkers(),K="lineWithArea"===L?.2:1,Q="area"===L||"lineWithArea"===L,X="area"===L,Z=[];return t.jsx(h.Chart,{ref:E,width:e,height:d,selectedIds:H,hiddenIds:p,hideAndShowBehavior:u,orientation:m,yAxis:S,y2Axis:f,series:y,groups:v,selectionMode:T,drilling:b,isStacked:A,getDataItem:C,findNearest:(e,t,s)=>i.findNearestDataPoint(y,v,e,t,V,A,(()=>({offset:0,dataWidth:0})),((e,t)=>t.transform(e)),P,0,z,F,s),getDataItemPos:(e,t,i)=>(s,n)=>{const r="y2"===y[s].associatedYAxis;return g.getLineAreaChartItemPosition(s,n,B,C,v,O,e,r?i:t,F)},getMarkerInfo:(e,t)=>({color:r.getItemColor(e,t,y,C),type:r.getMarkerType(e,t,C)}),renderGridLinesInFront:Q,getNavUtil:(e,t)=>r.getLineAreaChartNavUtil(C,y.length,e,t,A,W,O),getGapRatio:()=>1,getStartAndEndAxesOffset:e=>i.getStartAndEndAxesOffset(Y,G,O,e),isRtl:W,overview:D,defaultOverviewContentRenderer:()=>t.jsx(x,{series:y,groups:v,getDataItem:C,type:L}),...R,children:({getItemAriaLabel:e,groupsInfo:r,xStartIndex:a,xEndIndex:o,xScale:d,yScale:g,y2Scale:c,activeId:h,focusedItemInfo:p,hoveredItemInfo:x,isPointInsideMarquee:u,defaultFontSize:S,getTextDimensions:f,plotAreaClipPathId:v,axisStepWidth:L})=>{const D=r.map((({item:e})=>e));return B=A?i.getCumulativeSeries(y.length,D.length,C,z,P):i.getSeriesData(y?.length,D?.length,C,z,P),t.jsxs(t.Fragment,{children:[B.map(((r,E)=>{if(0===r.length)return;const M=y[E],w="y2"===M.associatedYAxis,z=i.getLineAreaSegments(w?c:g,d,r,a,o,P,D,E,V,F);Z[E]=z[0];const Y="curved"===M.lineType&&A&&B.length>1&&E>0,G=void 0===I||0===I.length||N.has(M.id),$=A&&0!=E?Z.reduce(((e,t,i)=>i>=E?e:t.length>0?i:e),0):void 0;return t.jsxs(t.Fragment,{children:[Q&&t.jsx(s.AreaSeries,{yScale:w?c:g,lineType:M.lineType,color:M.areaColor||q[E%q.length],isHorizontal:O,areaColorOpacity:K,isBottomSegmentCurved:Y,bottomCoords:void 0!==$&&Z[$].some((e=>null!=e))?Z[$]:void 0,lineSegments:z,isLog:P,isHighlighted:G,seriesIndex:E,groupWidth:L,isRtl:W,timeAxisType:F,plotAreaClipPathId:v}),t.jsx(s.LineSeries,{lineType:M.lineType,lineColor:X?l.colorSchemeVars.dvt.contrastLine:M.lineColor,lineWidth:X?A?2.5:1.25:M.lineWidth,lineStyle:M.lineStyle,color:M.lineColor||q[E%q.length],lineSegmentCoords:z,isHorizontal:O,isHighlighted:G,seriesIndex:E,groupWidth:L,isRtl:W,timeAxisType:F,plotAreaClipPathId:v}),!A&&"stepped"!==M.lineType&&"segmented"!==M.lineType&&t.jsx(n.MarkersWithLabel,{yScale:w?c:g,xScale:d,groups:D,series:M,timeAxisType:F,color:M.lineColor||M.areaColor||q[E%q.length],seriesIndex:E,startIndex:a,endIndex:o,markerType:J[E%J.length],orientation:m,isLog:P,activeId:h,getDataItem:C,isPointInsideMarquee:u,selectedIds:H,highlightedIds:void 0!==I?N:void 0,focusedItemIndex:p.seriesIndex!==E||!p.isFocusVisible||R.isDataCursorEnabled&&R.dataCursorStyle?.isMarkerDisplayed?void 0:p.groupIndex,hoveredItemIndex:x?.isCurrent&&x.seriesIndex===E?x.groupIndex:void 0,isSelectionEnabled:"single"===T||"multiple"===T,isDrillEnabled:"on"===b,defaultFontSize:S,dataLabelEffect:k,isHighContrast:U,isTestEnv:j,getTextDimensions:f,getItemAriaLabel:e,isRtl:W})]})})),B.map(((i,s)=>{if(0===i.length)return;const r=y[s],l="y2"===r.associatedYAxis;return A||"segmented"===r.lineType||"stepped"===r.lineType?t.jsx(n.MarkersWithLabel,{yScale:l?c:g,series:y[s],xScale:d,groups:D,timeAxisType:F,color:r.lineColor||r.areaColor||q[s%q.length],seriesIndex:s,isPointInsideMarquee:u,startIndex:a,endIndex:o,markerType:J[s%J.length],orientation:m,isLog:P,activeId:h,getDataItem:V,selectedIds:H,focusedItemIndex:p.seriesIndex===s&&p.isFocusVisible?p.groupIndex:void 0,hoveredItemIndex:x?.isCurrent&&x.seriesIndex===s?x.groupIndex:void 0,isSelectionEnabled:"single"===T||"multiple"===T,isDrillEnabled:"on"===b,defaultFontSize:S,dataLabelEffect:k,isHighContrast:U,isTestEnv:j,getTextDimensions:f,getItemAriaLabel:e,isRtl:W}):void 0}))]})}})}));function x(e){return t.jsx(p,{datatip:()=>({content:""}),zoomAndScroll:"off",overview:"off",plotArea:{yMajorTick:{isRendered:!1}},xAxis:{tickLabel:{autoRotate:!1,isRendered:!!e.xAxis?.timeAxisType}},series:e.series,groups:e.groups,getDataItem:e.getDataItem,yAxis:{tickLabel:{isRendered:!1}},type:e.type})}e.LineAreaChart=p}));
+//# sourceMappingURL=LineAreaChart-47fc17d2.js.map

package/amd/{LineAreaChart-48efb7f7.js.map → LineAreaChart-47fc17d2.js.map}

@@ -1 +1 @@
-{"version":3,"file":"LineAreaChart-48efb7f7.js","sources":["../../src/UNSAFE_LineAreaChart/LineAreaChart.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 { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\nimport {\n  findNearestDataPoint,\n  getStartAndEndAxesOffset\n} from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from '#PRIVATE_LineAreaComponents/AreaSeries';\nimport { getCumulativeSeries, getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps, SizeHandle } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { colorSchemeVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\nimport { forwardRef, Ref } from 'preact/compat';\nimport { VNode } from 'preact';\n\nconst LINE_WITH_AREA_OPACITY = 0.2;\nexport type ForwardRefLineAreaChart = <K extends string | number, D extends LineAreaItem<K>>(\n  props: LineAreaChartProps<K, D> & {\n    ref?: Ref<SizeHandle>;\n  }\n) => VNode | null;\n\n/**\n * The LineAreaChart displays information graphically using lines and filled areas, making relationships among the data easier to understand.\n */\nexport const LineAreaChart = forwardRef(\n  <K extends string | number, D extends LineAreaItem<K>>(\n    {\n      width,\n      height,\n      selectedIds = [],\n      hiddenIds = [],\n      highlightedIds,\n      hideAndShowBehavior = 'none',\n      orientation = 'vertical',\n      yAxis,\n      y2Axis,\n      series,\n      groups,\n      isStacked = false,\n      getDataItem,\n      selectionMode = 'none',\n      drilling = 'off',\n      type = 'line',\n      overview = 'off',\n      dataLabelEffect = 'outline',\n      ...props\n    }: LineAreaChartProps<K, D>,\n    ref: Ref<SizeHandle>\n  ) => {\n    const { direction, forcedColors } = useUser();\n    const isHighContrast = forcedColors === 'active';\n    const isTestEnv = props.testId !== undefined;\n    const isRtl = direction === 'rtl';\n    const isLog = yAxis?.scale === 'log';\n    const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n    const hiddenSet = new Set(hiddenIds);\n    const selectedSet = new Set(selectedIds);\n    const highlightedSet = new Set(highlightedIds);\n    const isHoriz = orientation === 'horizontal';\n    const colors = getColorRamp();\n    let renderedSeries = isStacked\n      ? getCumulativeSeries(series.length, groups.length, getDataItem, hiddenSet, isLog)\n      : getSeriesData(series?.length, groups?.length, getDataItem, hiddenSet, isLog);\n\n    const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined => {\n      if (!isStacked) return getDataItem(seriesIndex, groupIndex);\n      return {\n        ...getDataItem(seriesIndex, groupIndex),\n        value: renderedSeries[seriesIndex][groupIndex]\n      } as D;\n    };\n\n    const getGapRatio = () => {\n      return 1;\n    };\n\n    const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n      // TODO: JET-71332\n      //@ts-ignore\n      return getLineAreaChartNavUtil<D>(\n        getDataItem,\n        series.length,\n        startIndex,\n        endIndex,\n        isStacked,\n        isRtl,\n        isHoriz\n      );\n    };\n\n    const getDataItemPos = (xScale: Scale, yScale: Scale, y2Scale: Scale) => {\n      return (seriesIndex: number, groupIndex: number) => {\n        const isAssociatedToY2 = series[seriesIndex].associatedYAxis === 'y2';\n        return getLineAreaChartItemPosition(\n          seriesIndex,\n          groupIndex,\n          renderedSeries,\n          getDataItem,\n          groups,\n          isHoriz,\n          xScale,\n          isAssociatedToY2 ? y2Scale : yScale,\n          timeAxisType\n        );\n      };\n    };\n\n    const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n      return {\n        color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n        type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n      };\n    };\n\n    const findNearest = (xScale: Scale, yScale: Scale, y2Scale: Scale) => {\n      const getSeriesDataInfo = () => {\n        return {\n          offset: 0,\n          dataWidth: 0\n        };\n      };\n\n      const getYCoord = (value: number, yScale: Scale) => {\n        return yScale.transform(value);\n      };\n\n      return findNearestDataPoint<K, D>(\n        series,\n        groups,\n        xScale,\n        yScale,\n        renderedGetDataItem,\n        isStacked,\n        getSeriesDataInfo,\n        getYCoord,\n        isLog,\n        0,\n        hiddenSet,\n        timeAxisType,\n        y2Scale\n      );\n    };\n    const { hasCenteredSeries, hasUncenteredSeries } = series.reduce(\n      (acc, s) => {\n        return {\n          hasCenteredSeries:\n            acc.hasCenteredSeries ||\n            s.lineType === 'centeredSegmented' ||\n            s.lineType === 'centeredStepped',\n          hasUncenteredSeries:\n            acc.hasUncenteredSeries || s.lineType === 'segmented' || s.lineType === 'stepped'\n        };\n      },\n      { hasCenteredSeries: false, hasUncenteredSeries: false }\n    );\n\n    const getOffset = (groupCount: number) => {\n      return getStartAndEndAxesOffset(hasCenteredSeries, hasUncenteredSeries, isHoriz, groupCount);\n    };\n\n    const markers = getMarkers();\n    const areaOpacity = type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;\n    const isAreaRendered = type === 'area' || type === 'lineWithArea';\n    const isContrastLineNeeded = type === 'area';\n    const allLineSegmentCoords: Point[][] = [];\n\n    return (\n      <Chart\n        ref={ref}\n        width={width}\n        height={height}\n        selectedIds={selectedSet}\n        hiddenIds={hiddenIds}\n        hideAndShowBehavior={hideAndShowBehavior}\n        orientation={orientation}\n        yAxis={yAxis}\n        y2Axis={y2Axis}\n        series={series}\n        groups={groups}\n        selectionMode={selectionMode}\n        drilling={drilling}\n        isStacked={isStacked}\n        getDataItem={getDataItem}\n        findNearest={findNearest}\n        getDataItemPos={getDataItemPos}\n        getMarkerInfo={getMarkerColorAndType}\n        renderGridLinesInFront={isAreaRendered}\n        getNavUtil={getNextChartItemFunc}\n        getGapRatio={getGapRatio}\n        getStartAndEndAxesOffset={getOffset}\n        isRtl={isRtl}\n        overview={overview}\n        defaultOverviewContentRenderer={() => {\n          return (\n            <OverviewLineAreaChart\n              series={series}\n              groups={groups}\n              getDataItem={getDataItem}\n              type={type}\n            />\n          );\n        }}\n        {...props}>\n        {({\n          getItemAriaLabel,\n          groupsInfo,\n          xStartIndex,\n          xEndIndex,\n          xScale,\n          yScale,\n          y2Scale,\n          activeId,\n          focusedItemInfo,\n          hoveredItemInfo,\n          isPointInsideMarquee,\n          defaultFontSize,\n          getTextDimensions,\n          plotAreaClipPathId,\n          axisStepWidth\n        }) => {\n          const leafGroups = groupsInfo.map(({ item }) => item);\n          renderedSeries = isStacked\n            ? getCumulativeSeries(series.length, leafGroups.length, getDataItem, hiddenSet, isLog)\n            : getSeriesData(series?.length, leafGroups?.length, getDataItem, hiddenSet, isLog);\n          return (\n            <>\n              {renderedSeries.map((lineAreaSeries, index) => {\n                if (lineAreaSeries.length === 0) {\n                  /* TODO: need a better way to handle when a series is hidden. */\n                  return;\n                }\n                const seriesItem = series[index];\n                const isAssociatedToY2 = seriesItem.associatedYAxis === 'y2';\n                const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                  isAssociatedToY2 ? y2Scale : yScale,\n                  xScale,\n                  lineAreaSeries,\n                  xStartIndex,\n                  xEndIndex,\n                  isLog,\n                  leafGroups,\n                  index,\n                  renderedGetDataItem,\n                  timeAxisType\n                );\n                allLineSegmentCoords[index] = lineSegmentCoords[0];\n                const isBottomSegmentCurved =\n                  seriesItem.lineType === 'curved' &&\n                  isStacked &&\n                  renderedSeries.length > 1 &&\n                  index > 0;\n\n                const isHighlighted =\n                  highlightedIds === undefined ||\n                  highlightedIds.length === 0 ||\n                  highlightedSet.has(seriesItem.id);\n\n                const prevCoords =\n                  isStacked && index != 0\n                    ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {\n                      // find the index i such that i < index, and series i  has at least\n                      // one or more data item unhidden. Only such series will can be\n                      // used as bottomCoord for current series. Otherwise we have to use\n                      // baseline coord\n                      if (j >= index) {\n                        return prevValue;\n                      }\n                      if (newValue.length > 0) {\n                        return j;\n                      }\n                      return prevValue;\n                    }, 0)\n                    : undefined;\n\n                return (\n                  <>\n                    {isAreaRendered && (\n                      <AreaSeries\n                        yScale={isAssociatedToY2 ? y2Scale : yScale}\n                        lineType={seriesItem.lineType}\n                        color={seriesItem.areaColor || colors[index % colors.length]}\n                        isHorizontal={isHoriz}\n                        areaColorOpacity={areaOpacity}\n                        isBottomSegmentCurved={isBottomSegmentCurved}\n                        bottomCoords={\n                          prevCoords !== undefined &&\n                            allLineSegmentCoords[prevCoords].some((value) => value != null)\n                            ? allLineSegmentCoords[prevCoords]\n                            : undefined\n                        }\n                        lineSegments={lineSegmentCoords}\n                        isLog={isLog}\n                        isHighlighted={isHighlighted}\n                        seriesIndex={index}\n                        groupWidth={axisStepWidth}\n                        isRtl={isRtl}\n                        timeAxisType={timeAxisType}\n                        plotAreaClipPathId={plotAreaClipPathId}\n                      />\n                    )}\n                    <LineSeries\n                      lineType={seriesItem.lineType}\n                      /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                      lineColor={\n                        isContrastLineNeeded\n                          ? colorSchemeVars.dvt.contrastLine\n                          : seriesItem.lineColor\n                      }\n                      /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n                      generates this curve.\n                     */\n                      lineWidth={\n                        isContrastLineNeeded ? (isStacked ? 2.5 : 1.25) : seriesItem.lineWidth\n                      }\n                      lineStyle={seriesItem.lineStyle}\n                      color={seriesItem.lineColor || colors[index % colors.length]}\n                      lineSegmentCoords={lineSegmentCoords}\n                      isHorizontal={isHoriz}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                      groupWidth={axisStepWidth}\n                      isRtl={isRtl}\n                      timeAxisType={timeAxisType}\n                      plotAreaClipPathId={plotAreaClipPathId}\n                    />\n                    {\n                      /* For non stacked charts, markers should render in the order of series. Some markers might get hidden behind area but this preserves the legacy behavior.\n                      JET-75357: Segmented and stepped lines may stack markers/lines incorrectly by series order, so excluded from non-stacked charts.\n                     */\n                      !isStacked &&\n                      seriesItem.lineType !== 'stepped' &&\n                      seriesItem.lineType !== 'segmented' && (\n                        <MarkersWithLabel\n                          yScale={isAssociatedToY2 ? y2Scale : yScale}\n                          xScale={xScale}\n                          groups={leafGroups}\n                          series={seriesItem}\n                          timeAxisType={timeAxisType}\n                          color={\n                            seriesItem.lineColor ||\n                            seriesItem.areaColor ||\n                            colors[\n                            index % colors.length\n                            ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                          }\n                          seriesIndex={index}\n                          startIndex={xStartIndex}\n                          endIndex={xEndIndex}\n                          markerType={markers[index % markers.length]}\n                          orientation={orientation}\n                          isLog={isLog}\n                          activeId={activeId}\n                          getDataItem={getDataItem}\n                          isPointInsideMarquee={isPointInsideMarquee}\n                          selectedIds={selectedSet}\n                          highlightedIds={\n                            highlightedIds !== undefined ? highlightedSet : undefined\n                          }\n                          focusedItemIndex={\n                            focusedItemInfo.seriesIndex === index &&\n                              focusedItemInfo.isFocusVisible &&\n                              !(\n                                props.isDataCursorEnabled &&\n                                props.dataCursorStyle?.isMarkerDisplayed\n                              )\n                              ? focusedItemInfo.groupIndex\n                              : undefined\n                          }\n                          hoveredItemIndex={\n                            hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                              ? hoveredItemInfo.groupIndex\n                              : undefined\n                          }\n                          isSelectionEnabled={\n                            selectionMode === 'single' || selectionMode === 'multiple'\n                          }\n                          isDrillEnabled={drilling === 'on'}\n                          defaultFontSize={defaultFontSize}\n                          dataLabelEffect={dataLabelEffect}\n                          isHighContrast={isHighContrast}\n                          isTestEnv={isTestEnv}\n                          getTextDimensions={getTextDimensions}\n                          getItemAriaLabel={getItemAriaLabel}\n                          isRtl={isRtl}\n                        />\n                      )\n                    }\n                  </>\n                );\n              })}\n              {renderedSeries.map((lineAreaSeries, index) => {\n                if (lineAreaSeries.length === 0) {\n                  /* TODO: need a better way to handle when a series is hidden.*/\n                  return;\n                }\n                const seriesItem = series[index];\n                const isAssociatedToY2 = seriesItem.associatedYAxis === 'y2';\n                return isStacked ||\n                  seriesItem.lineType === 'segmented' ||\n                  seriesItem.lineType === 'stepped' ? (\n                  <MarkersWithLabel\n                    yScale={isAssociatedToY2 ? y2Scale : yScale}\n                    series={series[index]}\n                    xScale={xScale}\n                    groups={leafGroups}\n                    timeAxisType={timeAxisType}\n                    color={\n                      seriesItem.lineColor || seriesItem.areaColor || colors[index % colors.length]\n                    }\n                    seriesIndex={index}\n                    isPointInsideMarquee={isPointInsideMarquee}\n                    startIndex={xStartIndex}\n                    endIndex={xEndIndex}\n                    markerType={markers[index % markers.length]}\n                    orientation={orientation}\n                    isLog={isLog}\n                    activeId={activeId}\n                    getDataItem={renderedGetDataItem}\n                    selectedIds={selectedSet}\n                    focusedItemIndex={\n                      focusedItemInfo.seriesIndex === index && focusedItemInfo.isFocusVisible\n                        ? focusedItemInfo.groupIndex\n                        : undefined\n                    }\n                    hoveredItemIndex={\n                      hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                        ? hoveredItemInfo.groupIndex\n                        : undefined\n                    }\n                    isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n                    isDrillEnabled={drilling === 'on'}\n                    defaultFontSize={defaultFontSize}\n                    dataLabelEffect={dataLabelEffect}\n                    isHighContrast={isHighContrast}\n                    isTestEnv={isTestEnv}\n                    getTextDimensions={getTextDimensions}\n                    getItemAriaLabel={getItemAriaLabel}\n                    isRtl={isRtl}\n                  />\n                ) : undefined;\n              })}\n            </>\n          );\n        }}\n      </Chart>\n    );\n  }\n) as ForwardRefLineAreaChart;\n\nfunction OverviewLineAreaChart<K extends string | number, D extends LineAreaItem<K>>(\n  props: LineAreaChartProps<K, D>\n) {\n  return (\n    <LineAreaChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      overview=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        }\n      }}\n      xAxis={{\n        tickLabel: {\n          autoRotate: false,\n          // @ts-ignore\n          isRendered: props.xAxis?.timeAxisType ? true : false\n        }\n      }}\n      series={props.series}\n      groups={props.groups}\n      getDataItem={props.getDataItem}\n      yAxis={{\n        tickLabel: {\n          isRendered: false\n        }\n      }}\n      type={props.type}\n    />\n  );\n}\n"],"names":["LineAreaChart","forwardRef","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","y2Axis","series","groups","isStacked","getDataItem","selectionMode","drilling","type","overview","dataLabelEffect","props","ref","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getCumulativeSeries","length","getSeriesData","renderedGetDataItem","seriesIndex","groupIndex","value","hasCenteredSeries","hasUncenteredSeries","reduce","acc","s","lineType","markers","getMarkers","areaOpacity","isAreaRendered","isContrastLineNeeded","allLineSegmentCoords","_jsx","Chart","findNearest","xScale","yScale","y2Scale","findNearestDataPoint","offset","dataWidth","transform","getDataItemPos","isAssociatedToY2","associatedYAxis","getLineAreaChartItemPosition","getMarkerInfo","color","getItemColor","getMarkerType","renderGridLinesInFront","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","getStartAndEndAxesOffset","groupCount","defaultOverviewContentRenderer","OverviewLineAreaChart","children","getItemAriaLabel","groupsInfo","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","plotAreaClipPathId","axisStepWidth","leafGroups","map","item","_jsxs","jsxs","_Fragment","Fragment","lineAreaSeries","index","seriesItem","lineSegmentCoords","getLineAreaSegments","isBottomSegmentCurved","isHighlighted","has","id","prevCoords","prevValue","newValue","j","AreaSeries","areaColor","isHorizontal","areaColorOpacity","bottomCoords","some","lineSegments","groupWidth","LineSeries","lineColor","colorSchemeVars","dvt","contrastLine","lineWidth","lineStyle","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled","jsx","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","tickLabel","autoRotate"],"mappings":"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"}
+{"version":3,"file":"LineAreaChart-47fc17d2.js","sources":["../../src/UNSAFE_LineAreaChart/LineAreaChart.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 { LineAreaChartProps, LineAreaItem } from './lineAreaChart.types';\nimport {\n  findNearestDataPoint,\n  getStartAndEndAxesOffset\n} from '#utils/PRIVATE_chartUtils/layoutUtils';\nimport { AreaSeries } from '#PRIVATE_LineAreaComponents/AreaSeries';\nimport { getCumulativeSeries, getMarkers, getSeriesData } from '#utils/PRIVATE_chartUtils/utils';\nimport { MarkersWithLabel } from '#PRIVATE_Chart/MarkersWithLabel';\nimport { getLineAreaChartNavUtil } from '#utils/PRIVATE_chartUtils/navUtils';\nimport { Chart } from '#PRIVATE_Chart';\nimport { Scale, TimeAxisProps, SizeHandle } from '#utils/UNSAFE_visTypes/chart';\nimport { useUser } from '#hooks/UNSAFE_useUser';\nimport { getColorRamp } from '#utils/UNSAFE_visUtils';\nimport { LineSeries } from '#PRIVATE_LineAreaComponents/LineSeries';\nimport { Point } from '#utils/PRIVATE_visSVGUtils';\nimport { getLineAreaSegments } from '#utils/PRIVATE_chartUtils/utils';\nimport { colorSchemeVars } from '@oracle/oraclejet-internal-theme-contract/themeContract.css';\nimport { getItemColor, getMarkerType } from '#utils/PRIVATE_chartUtils/dataStyleUtils';\nimport { getLineAreaChartItemPosition } from '#PRIVATE_LineAreaComponents/utils/chartUtils';\nimport { forwardRef, Ref } from 'preact/compat';\nimport { VNode } from 'preact';\n\nconst LINE_WITH_AREA_OPACITY = 0.2;\nexport type ForwardRefLineAreaChart = <K extends string | number, D extends LineAreaItem<K>>(\n  props: LineAreaChartProps<K, D> & {\n    ref?: Ref<SizeHandle>;\n  }\n) => VNode | null;\n\n/**\n * The LineAreaChart displays information graphically using lines and filled areas, making relationships among the data easier to understand.\n */\nexport const LineAreaChart = forwardRef(\n  <K extends string | number, D extends LineAreaItem<K>>(\n    {\n      width,\n      height,\n      selectedIds = [],\n      hiddenIds = [],\n      highlightedIds,\n      hideAndShowBehavior = 'none',\n      orientation = 'vertical',\n      yAxis,\n      y2Axis,\n      series,\n      groups,\n      isStacked = false,\n      getDataItem,\n      selectionMode = 'none',\n      drilling = 'off',\n      type = 'line',\n      overview = 'off',\n      dataLabelEffect = 'outline',\n      ...props\n    }: LineAreaChartProps<K, D>,\n    ref: Ref<SizeHandle>\n  ) => {\n    const { direction, forcedColors } = useUser();\n    const isHighContrast = forcedColors === 'active';\n    const isTestEnv = props.testId !== undefined;\n    const isRtl = direction === 'rtl';\n    const isLog = yAxis?.scale === 'log';\n    const timeAxisType = (props.xAxis as TimeAxisProps)?.timeAxisType;\n    const hiddenSet = new Set(hiddenIds);\n    const selectedSet = new Set(selectedIds);\n    const highlightedSet = new Set(highlightedIds);\n    const isHoriz = orientation === 'horizontal';\n    const colors = getColorRamp();\n    let renderedSeries = isStacked\n      ? getCumulativeSeries(series.length, groups.length, getDataItem, hiddenSet, isLog)\n      : getSeriesData(series?.length, groups?.length, getDataItem, hiddenSet, isLog);\n\n    const renderedGetDataItem = (seriesIndex: number, groupIndex: number): D | undefined => {\n      if (!isStacked) return getDataItem(seriesIndex, groupIndex);\n      return {\n        ...getDataItem(seriesIndex, groupIndex),\n        value: renderedSeries[seriesIndex][groupIndex]\n      } as D;\n    };\n\n    const getGapRatio = () => {\n      return 1;\n    };\n\n    const getNextChartItemFunc = (startIndex: number, endIndex: number) => {\n      // TODO: JET-71332\n      //@ts-ignore\n      return getLineAreaChartNavUtil<D>(\n        getDataItem,\n        series.length,\n        startIndex,\n        endIndex,\n        isStacked,\n        isRtl,\n        isHoriz\n      );\n    };\n\n    const getDataItemPos = (xScale: Scale, yScale: Scale, y2Scale: Scale) => {\n      return (seriesIndex: number, groupIndex: number) => {\n        const isAssociatedToY2 = series[seriesIndex].associatedYAxis === 'y2';\n        return getLineAreaChartItemPosition(\n          seriesIndex,\n          groupIndex,\n          renderedSeries,\n          getDataItem,\n          groups,\n          isHoriz,\n          xScale,\n          isAssociatedToY2 ? y2Scale : yScale,\n          timeAxisType\n        );\n      };\n    };\n\n    const getMarkerColorAndType = (seriesIndex: number, groupIndex: number) => {\n      return {\n        color: getItemColor(seriesIndex, groupIndex, series, getDataItem),\n        type: getMarkerType(seriesIndex, groupIndex, getDataItem)\n      };\n    };\n\n    const findNearest = (xScale: Scale, yScale: Scale, y2Scale: Scale) => {\n      const getSeriesDataInfo = () => {\n        return {\n          offset: 0,\n          dataWidth: 0\n        };\n      };\n\n      const getYCoord = (value: number, yScale: Scale) => {\n        return yScale.transform(value);\n      };\n\n      return findNearestDataPoint<K, D>(\n        series,\n        groups,\n        xScale,\n        yScale,\n        renderedGetDataItem,\n        isStacked,\n        getSeriesDataInfo,\n        getYCoord,\n        isLog,\n        0,\n        hiddenSet,\n        timeAxisType,\n        y2Scale\n      );\n    };\n    const { hasCenteredSeries, hasUncenteredSeries } = series.reduce(\n      (acc, s) => {\n        return {\n          hasCenteredSeries:\n            acc.hasCenteredSeries ||\n            s.lineType === 'centeredSegmented' ||\n            s.lineType === 'centeredStepped',\n          hasUncenteredSeries:\n            acc.hasUncenteredSeries || s.lineType === 'segmented' || s.lineType === 'stepped'\n        };\n      },\n      { hasCenteredSeries: false, hasUncenteredSeries: false }\n    );\n\n    const getOffset = (groupCount: number) => {\n      return getStartAndEndAxesOffset(hasCenteredSeries, hasUncenteredSeries, isHoriz, groupCount);\n    };\n\n    const markers = getMarkers();\n    const areaOpacity = type === 'lineWithArea' ? LINE_WITH_AREA_OPACITY : 1;\n    const isAreaRendered = type === 'area' || type === 'lineWithArea';\n    const isContrastLineNeeded = type === 'area';\n    const allLineSegmentCoords: Point[][] = [];\n\n    return (\n      <Chart\n        ref={ref}\n        width={width}\n        height={height}\n        selectedIds={selectedSet}\n        hiddenIds={hiddenIds}\n        hideAndShowBehavior={hideAndShowBehavior}\n        orientation={orientation}\n        yAxis={yAxis}\n        y2Axis={y2Axis}\n        series={series}\n        groups={groups}\n        selectionMode={selectionMode}\n        drilling={drilling}\n        isStacked={isStacked}\n        getDataItem={getDataItem}\n        findNearest={findNearest}\n        getDataItemPos={getDataItemPos}\n        getMarkerInfo={getMarkerColorAndType}\n        renderGridLinesInFront={isAreaRendered}\n        getNavUtil={getNextChartItemFunc}\n        getGapRatio={getGapRatio}\n        getStartAndEndAxesOffset={getOffset}\n        isRtl={isRtl}\n        overview={overview}\n        defaultOverviewContentRenderer={() => {\n          return (\n            <OverviewLineAreaChart\n              series={series}\n              groups={groups}\n              getDataItem={getDataItem}\n              type={type}\n            />\n          );\n        }}\n        {...props}>\n        {({\n          getItemAriaLabel,\n          groupsInfo,\n          xStartIndex,\n          xEndIndex,\n          xScale,\n          yScale,\n          y2Scale,\n          activeId,\n          focusedItemInfo,\n          hoveredItemInfo,\n          isPointInsideMarquee,\n          defaultFontSize,\n          getTextDimensions,\n          plotAreaClipPathId,\n          axisStepWidth\n        }) => {\n          const leafGroups = groupsInfo.map(({ item }) => item);\n          renderedSeries = isStacked\n            ? getCumulativeSeries(series.length, leafGroups.length, getDataItem, hiddenSet, isLog)\n            : getSeriesData(series?.length, leafGroups?.length, getDataItem, hiddenSet, isLog);\n          return (\n            <>\n              {renderedSeries.map((lineAreaSeries, index) => {\n                if (lineAreaSeries.length === 0) {\n                  /* TODO: need a better way to handle when a series is hidden. */\n                  return;\n                }\n                const seriesItem = series[index];\n                const isAssociatedToY2 = seriesItem.associatedYAxis === 'y2';\n                const lineSegmentCoords: Point[][] = getLineAreaSegments<K, D>(\n                  isAssociatedToY2 ? y2Scale : yScale,\n                  xScale,\n                  lineAreaSeries,\n                  xStartIndex,\n                  xEndIndex,\n                  isLog,\n                  leafGroups,\n                  index,\n                  renderedGetDataItem,\n                  timeAxisType\n                );\n                allLineSegmentCoords[index] = lineSegmentCoords[0];\n                const isBottomSegmentCurved =\n                  seriesItem.lineType === 'curved' &&\n                  isStacked &&\n                  renderedSeries.length > 1 &&\n                  index > 0;\n\n                const isHighlighted =\n                  highlightedIds === undefined ||\n                  highlightedIds.length === 0 ||\n                  highlightedSet.has(seriesItem.id);\n\n                const prevCoords =\n                  isStacked && index != 0\n                    ? allLineSegmentCoords.reduce((prevValue, newValue, j) => {\n                      // find the index i such that i < index, and series i  has at least\n                      // one or more data item unhidden. Only such series will can be\n                      // used as bottomCoord for current series. Otherwise we have to use\n                      // baseline coord\n                      if (j >= index) {\n                        return prevValue;\n                      }\n                      if (newValue.length > 0) {\n                        return j;\n                      }\n                      return prevValue;\n                    }, 0)\n                    : undefined;\n\n                return (\n                  <>\n                    {isAreaRendered && (\n                      <AreaSeries\n                        yScale={isAssociatedToY2 ? y2Scale : yScale}\n                        lineType={seriesItem.lineType}\n                        color={seriesItem.areaColor || colors[index % colors.length]}\n                        isHorizontal={isHoriz}\n                        areaColorOpacity={areaOpacity}\n                        isBottomSegmentCurved={isBottomSegmentCurved}\n                        bottomCoords={\n                          prevCoords !== undefined &&\n                            allLineSegmentCoords[prevCoords].some((value) => value != null)\n                            ? allLineSegmentCoords[prevCoords]\n                            : undefined\n                        }\n                        lineSegments={lineSegmentCoords}\n                        isLog={isLog}\n                        isHighlighted={isHighlighted}\n                        seriesIndex={index}\n                        groupWidth={axisStepWidth}\n                        isRtl={isRtl}\n                        timeAxisType={timeAxisType}\n                        plotAreaClipPathId={plotAreaClipPathId}\n                      />\n                    )}\n                    <LineSeries\n                      lineType={seriesItem.lineType}\n                      /* TODO: confirm with UX if this is contrastLine (changes depending on dark/light mode) or always white. \n                        It's always white in legacy.*/\n                      lineColor={\n                        isContrastLineNeeded\n                          ? colorSchemeVars.dvt.contrastLine\n                          : seriesItem.lineColor\n                      }\n                      /* The area generated in legacy are bit apart and not touching when stacked. Preact areas are a bit closer than legacy when curved. \n                      Increased the contrast linewidth (to 2.5 from legacy 1.25) to give legacy visual treatment.\n                      TODO: investivage why legacy areas are not touching. maybe we want to do the same in preact svg utils that\n                      generates this curve.\n                     */\n                      lineWidth={\n                        isContrastLineNeeded ? (isStacked ? 2.5 : 1.25) : seriesItem.lineWidth\n                      }\n                      lineStyle={seriesItem.lineStyle}\n                      color={seriesItem.lineColor || colors[index % colors.length]}\n                      lineSegmentCoords={lineSegmentCoords}\n                      isHorizontal={isHoriz}\n                      isHighlighted={isHighlighted}\n                      seriesIndex={index}\n                      groupWidth={axisStepWidth}\n                      isRtl={isRtl}\n                      timeAxisType={timeAxisType}\n                      plotAreaClipPathId={plotAreaClipPathId}\n                    />\n                    {\n                      /* For non stacked charts, markers should render in the order of series. Some markers might get hidden behind area but this preserves the legacy behavior.\n                      JET-75357: Segmented and stepped lines may stack markers/lines incorrectly by series order, so excluded from non-stacked charts.\n                     */\n                      !isStacked &&\n                      seriesItem.lineType !== 'stepped' &&\n                      seriesItem.lineType !== 'segmented' && (\n                        <MarkersWithLabel\n                          yScale={isAssociatedToY2 ? y2Scale : yScale}\n                          xScale={xScale}\n                          groups={leafGroups}\n                          series={seriesItem}\n                          timeAxisType={timeAxisType}\n                          color={\n                            seriesItem.lineColor ||\n                            seriesItem.areaColor ||\n                            colors[\n                            index % colors.length\n                            ] /* TODO : make this use getItemColor function from dataStyleUtils. */\n                          }\n                          seriesIndex={index}\n                          startIndex={xStartIndex}\n                          endIndex={xEndIndex}\n                          markerType={markers[index % markers.length]}\n                          orientation={orientation}\n                          isLog={isLog}\n                          activeId={activeId}\n                          getDataItem={getDataItem}\n                          isPointInsideMarquee={isPointInsideMarquee}\n                          selectedIds={selectedSet}\n                          highlightedIds={\n                            highlightedIds !== undefined ? highlightedSet : undefined\n                          }\n                          focusedItemIndex={\n                            focusedItemInfo.seriesIndex === index &&\n                              focusedItemInfo.isFocusVisible &&\n                              !(\n                                props.isDataCursorEnabled &&\n                                props.dataCursorStyle?.isMarkerDisplayed\n                              )\n                              ? focusedItemInfo.groupIndex\n                              : undefined\n                          }\n                          hoveredItemIndex={\n                            hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                              ? hoveredItemInfo.groupIndex\n                              : undefined\n                          }\n                          isSelectionEnabled={\n                            selectionMode === 'single' || selectionMode === 'multiple'\n                          }\n                          isDrillEnabled={drilling === 'on'}\n                          defaultFontSize={defaultFontSize}\n                          dataLabelEffect={dataLabelEffect}\n                          isHighContrast={isHighContrast}\n                          isTestEnv={isTestEnv}\n                          getTextDimensions={getTextDimensions}\n                          getItemAriaLabel={getItemAriaLabel}\n                          isRtl={isRtl}\n                        />\n                      )\n                    }\n                  </>\n                );\n              })}\n              {renderedSeries.map((lineAreaSeries, index) => {\n                if (lineAreaSeries.length === 0) {\n                  /* TODO: need a better way to handle when a series is hidden.*/\n                  return;\n                }\n                const seriesItem = series[index];\n                const isAssociatedToY2 = seriesItem.associatedYAxis === 'y2';\n                return isStacked ||\n                  seriesItem.lineType === 'segmented' ||\n                  seriesItem.lineType === 'stepped' ? (\n                  <MarkersWithLabel\n                    yScale={isAssociatedToY2 ? y2Scale : yScale}\n                    series={series[index]}\n                    xScale={xScale}\n                    groups={leafGroups}\n                    timeAxisType={timeAxisType}\n                    color={\n                      seriesItem.lineColor || seriesItem.areaColor || colors[index % colors.length]\n                    }\n                    seriesIndex={index}\n                    isPointInsideMarquee={isPointInsideMarquee}\n                    startIndex={xStartIndex}\n                    endIndex={xEndIndex}\n                    markerType={markers[index % markers.length]}\n                    orientation={orientation}\n                    isLog={isLog}\n                    activeId={activeId}\n                    getDataItem={renderedGetDataItem}\n                    selectedIds={selectedSet}\n                    focusedItemIndex={\n                      focusedItemInfo.seriesIndex === index && focusedItemInfo.isFocusVisible\n                        ? focusedItemInfo.groupIndex\n                        : undefined\n                    }\n                    hoveredItemIndex={\n                      hoveredItemInfo?.isCurrent && hoveredItemInfo.seriesIndex === index\n                        ? hoveredItemInfo.groupIndex\n                        : undefined\n                    }\n                    isSelectionEnabled={selectionMode === 'single' || selectionMode === 'multiple'}\n                    isDrillEnabled={drilling === 'on'}\n                    defaultFontSize={defaultFontSize}\n                    dataLabelEffect={dataLabelEffect}\n                    isHighContrast={isHighContrast}\n                    isTestEnv={isTestEnv}\n                    getTextDimensions={getTextDimensions}\n                    getItemAriaLabel={getItemAriaLabel}\n                    isRtl={isRtl}\n                  />\n                ) : undefined;\n              })}\n            </>\n          );\n        }}\n      </Chart>\n    );\n  }\n) as ForwardRefLineAreaChart;\n\nfunction OverviewLineAreaChart<K extends string | number, D extends LineAreaItem<K>>(\n  props: LineAreaChartProps<K, D>\n) {\n  return (\n    <LineAreaChart\n      datatip={() => ({ content: '' })}\n      zoomAndScroll=\"off\"\n      overview=\"off\"\n      plotArea={{\n        yMajorTick: {\n          isRendered: false\n        }\n      }}\n      xAxis={{\n        tickLabel: {\n          autoRotate: false,\n          // @ts-ignore\n          isRendered: props.xAxis?.timeAxisType ? true : false\n        }\n      }}\n      series={props.series}\n      groups={props.groups}\n      getDataItem={props.getDataItem}\n      yAxis={{\n        tickLabel: {\n          isRendered: false\n        }\n      }}\n      type={props.type}\n    />\n  );\n}\n"],"names":["LineAreaChart","forwardRef","width","height","selectedIds","hiddenIds","highlightedIds","hideAndShowBehavior","orientation","yAxis","y2Axis","series","groups","isStacked","getDataItem","selectionMode","drilling","type","overview","dataLabelEffect","props","ref","direction","forcedColors","useUser","isHighContrast","isTestEnv","undefined","testId","isRtl","isLog","scale","timeAxisType","xAxis","hiddenSet","Set","selectedSet","highlightedSet","isHoriz","colors","getColorRamp","renderedSeries","getCumulativeSeries","length","getSeriesData","renderedGetDataItem","seriesIndex","groupIndex","value","hasCenteredSeries","hasUncenteredSeries","reduce","acc","s","lineType","markers","getMarkers","areaOpacity","isAreaRendered","isContrastLineNeeded","allLineSegmentCoords","_jsx","Chart","findNearest","xScale","yScale","y2Scale","findNearestDataPoint","offset","dataWidth","transform","getDataItemPos","isAssociatedToY2","associatedYAxis","getLineAreaChartItemPosition","getMarkerInfo","color","getItemColor","getMarkerType","renderGridLinesInFront","getNavUtil","startIndex","endIndex","getLineAreaChartNavUtil","getGapRatio","getStartAndEndAxesOffset","groupCount","defaultOverviewContentRenderer","OverviewLineAreaChart","children","getItemAriaLabel","groupsInfo","xStartIndex","xEndIndex","activeId","focusedItemInfo","hoveredItemInfo","isPointInsideMarquee","defaultFontSize","getTextDimensions","plotAreaClipPathId","axisStepWidth","leafGroups","map","item","_jsxs","jsxs","_Fragment","Fragment","lineAreaSeries","index","seriesItem","lineSegmentCoords","getLineAreaSegments","isBottomSegmentCurved","isHighlighted","has","id","prevCoords","prevValue","newValue","j","AreaSeries","areaColor","isHorizontal","areaColorOpacity","bottomCoords","some","lineSegments","groupWidth","LineSeries","lineColor","colorSchemeVars","dvt","contrastLine","lineWidth","lineStyle","MarkersWithLabel","markerType","focusedItemIndex","isFocusVisible","isDataCursorEnabled","dataCursorStyle","isMarkerDisplayed","hoveredItemIndex","isCurrent","isSelectionEnabled","isDrillEnabled","jsx","datatip","content","zoomAndScroll","plotArea","yMajorTick","isRendered","tickLabel","autoRotate"],"mappings":"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"}

package/amd/ListView-02a92d18.js

@@ -0,0 +1,2 @@
+define(['exports', 'preact/jsx-runtime', 'preact/compat', 'preact/hooks', './LayerHost-0b288129', './StyledCheckbox-368fed68', 'css!./SelectorStyles.styles.css', './CollectionInteractionContext-0b4ed98b', 'css!./DragAndDropStyles.styles.css', 'css!./ReorderableItemStyles.styles.css', './ReorderableContext-6d10a1b7', './HiddenAccessible-037ef42d', './List-daac1169', './keys-4755c121', './useReorderableItem-7b4b2c3d', './classNames-08d99695', './UNSAFE_ListView/themes/ListViewStyles.css', './useNavigation-4d87e7e6', './mergeProps-bcfa6a92', './collectionUtils-77dc5fa1', './Menu-1b8fefc5', './MenuItem-85e4ffdc', 'preact', './logger-0f873e29', 'css!./TooltipContentStyles.styles.css', 'module', './hooks/UNSAFE_useTooltip/themes/redwood/TooltipContentVariants.css', './tooltipUtils-2bb62284', 'css!./IconStyle.styles.css', './SelectMenuGroupContext-67f24a8f', './UNSAFE_Menu/themes/MenuItemStyles.css', './UNSAFE_Separator/themes/SeparatorStyles.css', 'css!./MenuSeparatorStyles.styles.css', 'module', './UNSAFE_Menu/themes/redwood/MenuSeparatorVariants.css', './menuUtils-8e42385f', 'css!./MenuStyles.styles.css', './useItemAction-3616efde', './useContextMenuGesture-750ef2c6', './LoadMoreCollection-895f1ed5'], (function(e,r,t,o,s,n,i,a,l,c,d,u,m,f,y,I,g,C,S,p,x,R,b,h,M,v,T,E,L,P,O,k,K,_,D,j,w,A,F,N){"use strict";const U=t.memo((function({children:e,dragKey:t,setDragKey:s,onReorder:n,rootRef:i,itemKey:a}){const l=o.useRef(null),c={itemOverlayFront:g.styles.reorderableItemOverlayFront,itemOverlayRear:g.styles.reorderableItemOverlayRear,itemDragger:g.styles.reorderableItemDragger},d=o.useCallback((e=>{e.dataTransfer?.setData("text/listview-items-key",JSON.stringify(a))}),[a]),{rootProps:u,isDragged:m,overlayZoneBeforeProps:S,overlayZoneAfterProps:p}=y.useReorderableItem({isDisabled:!n,dragKey:t,setDragKey:s,onReorder:n,rootRef:i,ref:l,getItem:()=>l?.current?.closest(C.LIST_ITEM_SELECTOR),setTransferData:d,itemStyles:c,itemSelector:C.LIST_ITEM_SELECTOR,isVertical:!0}),x=I.classNames([u?.class,g.styles.reorderableItemDnd]);return r.jsxs("div",{...u,class:x,children:[e,!m&&f.isKeyDefined(t)&&r.jsxs(r.Fragment,{children:[r.jsx("div",{...S}),r.jsx("div",{...p})]})]})}),((e,r)=>!(!e||!r)&&(e.children===r.children&&e.dragKey===r.dragKey)));function V({contextMenuConfig:e,testId:t,contextMenuContext:o,...s}){const n=e.accessibleLabel;let i;if(s.isOpen){if(i=e.itemsRenderer(o),j.isMenuChildrenFalsy(i))return null}else i=null;return r.jsx(x.Menu,{...s,...n&&{"aria-label":n},testId:t,children:i})}const B={mouse:{initialFocus:"menu",placement:"bottom-start",offsetValue:0},keyboard:{initialFocus:"firstItem",placement:"bottom-start",offsetValue:0},touch:{initialFocus:"firstItem",placement:"end",offsetValue:40}},H={isOpen:!1,initialFocus:"menu",placement:"bottom-start",offsetValue:0,anchorRef:{current:null}},G=t.forwardRef((({children:e,...t},s)=>{const{contextMenuConfig:n}=t,i=o.useRef(null),{currentItemOverride:a,updateCurrentItemOverride:l}=(e=>{const r=o.useRef(),t=o.useRef();t.current!==e&&(t.current=e,r.current=e);const s=o.useCallback((e=>{r.current={rowKey:e}}),[]);return{currentItemOverride:r.current,updateCurrentItemOverride:s}})(t.currentItemOverride),c=t.data?t.data.map((e=>({data:e,metadata:{key:t.getRowKey(e)}}))):null,f=t.onLoadMore?t.onLoadMore:()=>{},I=c?{offset:0,data:c,sizePrecision:t.hasMore?"atLeast":"exact",totalSize:c.length}:null;o.useImperativeHandle(s,(()=>({getScrollPosition:()=>i.current?m.getScrollPosition(i.current):{y:0},focus:()=>{i.current&&i.current.focus()}})));const g=null!=t.onReorder,{reorderProps:x,reorderItemProps:R,reorderContext:b,reorderInstructionsId:h,reorderInstructions:M}=(({onReorder:e,rootRef:r,viewportConfig:t})=>{const s=null!=e,[n,i]=o.useState(void 0),{reorderProps:a,reorderContext:l,reorderInstructionsId:c,reorderInstructions:d}=y.useReorderable({onReorder:e,rootRef:r,itemSelector:C.LIST_ITEM_SELECTOR,isDisabled:!s,columns:1}),u=o.useRef(!1);o.useEffect((()=>{if(s&&u.current){const e=r.current,o=p.findElementByKey(e,l.currentItemKey.current,C.LIST_ITEM_SELECTOR);if(o){const r=t?.scrollerRef.current||e;C.scrollToVisible(o,r,0),u.current=!1}}}));const m=o.useMemo((()=>({dragKey:n,setDragKey:i,onReorder:e,rootRef:r})),[n,e,r]);return s?{reorderProps:S.mergeProps({onKeyDown:e=>{s&&("ArrowUp"===e.key||"ArrowDown"===e.key)&&(e.metaKey||e.ctrlKey)&&e.shiftKey&&(u.current=!0,a.onKeyDown?.(e))},onDragOver:e=>{void 0!==n&&(u.current=!1,p.dragToScroll(e,void 0!==n,r.current))}}),reorderItemProps:m,reorderContext:l,reorderInstructionsId:c,reorderInstructions:d}:{reorderProps:a,reorderContext:l,reorderInstructionsId:c,reorderInstructions:d}})({onReorder:t.onReorder,rootRef:i,viewportConfig:t.viewportConfig}),{triggerProps:v,menuProps:T,contextMenuContext:E,notifyCurrentKeyChanged:L}=((e,r,t,s)=>{const[n,i]=o.useState(),[a,l]=o.useState(H),c=o.useRef(),{triggerProps:d}=F.useContextMenuGesture((({gesture:r,anchor:o,target:n})=>{let a=o;if("keyboard"===r){a=p.findElementByKey(t.current,c.current,C.LIST_ITEM_SELECTOR)||o;const r=A.findItemContext(c.current,e);i(r)}else{const r=p.keyExtractor(n,C.LIST_ITEM_SELECTOR),t=A.findItemContext(r,e);i(t),s(r)}l({...B[r],anchorRef:{current:a},isOpen:!0})}),{isDisabled:!r}),u=o.useCallback((e=>{"dismissed"!==e.reason&&"itemAction"!==e.reason||t.current?.focus({preventScroll:!0}),l({...H})}),[t]);return{menuProps:{...a,onClose:u},onClose:u,contextMenuContext:n,triggerProps:d,notifyCurrentKeyChanged:e=>{c.current=e.value}}})(I,n,i,l),P=e=>{t.onPersistCurrentItem?.(e),L(e)},O=o.useCallback((t=>r.jsx(U,{...R,itemKey:t.metadata.key,children:e(t)})),[e,R]);if(g&&R)return r.jsxs(r.Fragment,{children:[r.jsxs(d.ReorderableContext.Provider,{value:b,children:[r.jsx(m.List,{...t,"aria-describedby":h,contextMenuTriggerProps:v,reorderProps:x,onLoadRange:f,scrollerRef:i,data:I,currentItemOverride:a,onPersistCurrentItem:P,children:O}),r.jsx("span",{id:h,children:r.jsx(u.HiddenAccessible,{children:M})})]}),n&&r.jsx(V,{...T,testId:t.testId?t.testId+"-menu":void 0,contextMenuConfig:n,contextMenuContext:E})]});return r.jsxs(r.Fragment,{children:[r.jsx(m.List,{...t,loadingIndicator:t.skeletonRenderer?(k=t.skeletonRenderer,r.jsx(m.SkeletonContainer,{minimumCount:25,children:e=>k({loadingStatus:"initial",index:e})})):void 0,loadMoreIndicator:t.skeletonRenderer?(e=>r.jsx("div",{class:N.LOADMORE_STYLE_CLASS,children:r.jsx(m.SkeletonContainer,{minimumCount:3,children:r=>e({loadingStatus:"loadMore",index:r})})}))(t.skeletonRenderer):void 0,onLoadRange:f,scrollerRef:i,data:I,contextMenuTriggerProps:v,currentItemOverride:a,onPersistCurrentItem:P,children:e}),n&&r.jsx(V,{...T,contextMenuConfig:n,contextMenuContext:E,testId:t.testId?t.testId+"-menu":void 0})]});var k}));e.ListView=G}));
+//# sourceMappingURL=ListView-02a92d18.js.map