@vibe/core 3.87.0 → 4.0.0-alpha.1

package/dist/src/components/VirtualizedGrid/VirtualizedGrid.js

@@ -1,2 +1,2 @@
-import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as t,useState as o,useRef as n,useCallback as i,useMemo as l,useEffect as u}from"react";import s from"classnames";import{VariableSizeGrid as c}from"react-window";import a from"react-virtualized-auto-sizer";import{getNormalizedItems as d,getOnItemsRenderedData as m,isLayoutDirectionScrollbarVisible as f}from"../../services/virtualized-service.js";import v from"../../hooks/usePrevious/index.js";import h from"../../hooks/useThrottledCallback.js";import I from"../../hooks/useMergeRef.js";import{NOOP as p}from"../../utils/function-utils.js";import{getTestId as g,ComponentDefaultTestId as w}from"../../tests/testIds.js";import R from"./VirtualizedGrid.module.scss.js";var x=t((function(t,x){var T=t.className,S=t.id,b=t.items,j=void 0===b?[]:b,C=t.itemRenderer,z=void 0===C?function(r,e,t){return r}:C,N=t.getRowHeight,M=void 0===N?function(){return 50}:N,k=t.getColumnWidth,E=void 0===k?function(){return 100}:k,V=t.getItemId,W=void 0===V?function(r,e){return r.id}:V,y=t.onScroll,A=t.scrollToId,D=void 0===A?null:A,G=t.onScrollToFinished,H=void 0===G?p:G,O=t.onItemsRendered,U=void 0===O?null:O,_=t.onItemsRenderedThrottleMs,F=void 0===_?200:_,P=t.onSizeUpdate,q=void 0===P?p:P,B=t.onVerticalScrollbarVisiblityChange,L=void 0===B?null:B,Z=t.scrollableClassName,J=t["data-testid"],K=o(0),Q=r(K,2),X=Q[0],Y=Q[1],$=o(0),rr=r($,2),er=rr[0],tr=rr[1],or=v(D),nr=n(null),ir=n(null),lr=n(null),ur=n(0),sr=n({scrollOffsetInitial:0,scrollOffsetFinal:0,animationStartTime:0}),cr=I(x,nr),ar=sr.current,dr=i((function(r){var e=M();return e&&!Number.isNaN(e)||console.error("Couldn't get height for item: ",r),e}),[M]),mr=i((function(r,e){var t=W(r,e);return void 0===t&&console.error("Couldn't get id for item: ",r),t}),[W]),fr=l((function(){return d(j,mr,dr)}),[j,mr,dr]),vr=l((function(){return Math.min(j.length,Math.floor(er/E()))}),[j,er,E]),hr=l((function(){return vr>0?Math.ceil(j.length/vr):0}),[j,vr]),Ir=l((function(){return D%vr}),[D,vr]),pr=l((function(){return Math.floor(D/vr)}),[D,vr]),gr=i((function(r){var e=r.horizontalScrollDirection,t=r.scrollTop,o=r.scrollUpdateWasRequested;ur.current=t,o||(ar.scrollOffsetInitial=t),y&&y(e,t,o)}),[y,ur,ar]),wr=i((function(r){var e=r.rowIndex*vr+r.columnIndex;return z(j[e],e,r.style)}),[j,z,vr]),Rr=i((function(r,e){e===X&&r===er||setTimeout((function(){Y(e),tr(r),q(r,e)}),0)}),[X,er,q]),xr=h((function(r){if(U){var e=m(j,fr,mr,r.visibleRowStartIndex,r.visibleRowStopIndex,X,ur.current);U(e)}}),{wait:F,trailing:!0},[U,j,fr,mr,X]);return u((function(){D&&or!==D&&(lr.current.scrollToItem({align:"center",columnIndex:Ir,rowIndex:pr}),H())}),[D,or,lr,Ir,pr,H]),u((function(){lr.current&&lr.current.resetAfterIndices({columnIndex:0,rowIndex:0})}),[fr]),u((function(){if(L){var r=f(j,fr,mr,X);ir.current!==r&&(ir.current=r,L(r))}}),[L,j,fr,X,mr]),e.createElement("div",{ref:cr,className:s(R.virtualizedGridWrapper,T),id:S,"data-testid":J||g(w.VIRTUALIZED_GRID,S)},e.createElement(a,null,(function(r){var t=r.height,o=r.width;return Rr(o,t),e.createElement(c,{ref:lr,height:t,width:o,columnWidth:E,columnCount:vr,rowHeight:M,rowCount:hr,onScroll:gr,onItemsRendered:xr,className:Z},wr)})))}));export{x as default};
+import{slicedToArray as r}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as t,useState as o,useRef as n,useCallback as i,useMemo as l,useEffect as u}from"react";import s from"classnames";import{VariableSizeGrid as c}from"react-window";import a from"react-virtualized-auto-sizer";import{getNormalizedItems as d,getOnItemsRenderedData as m,isLayoutDirectionScrollbarVisible as f}from"../../services/virtualized-service.js";import v from"../../hooks/usePrevious/index.js";import h from"../../hooks/useThrottledCallback.js";import I from"../../hooks/useMergeRef.js";import{NOOP as p}from"../../utils/function-utils.js";import{getTestId as g,ComponentDefaultTestId as w}from"../../tests/testIds.js";import R from"./VirtualizedGrid.module.scss.js";var x=t((function(t,x){var T=t.className,S=t.id,b=t.items,j=void 0===b?[]:b,C=t.itemRenderer,z=t.getRowHeight,N=void 0===z?function(){return 50}:z,M=t.getColumnWidth,k=void 0===M?function(){return 100}:M,E=t.getItemId,V=void 0===E?function(r,e){return r.id}:E,W=t.onScroll,y=t.scrollToId,A=void 0===y?null:y,D=t.onScrollToFinished,G=void 0===D?p:D,H=t.onItemsRendered,O=void 0===H?null:H,U=t.onItemsRenderedThrottleMs,_=void 0===U?200:U,F=t.onSizeUpdate,P=void 0===F?p:F,q=t.onVerticalScrollbarVisiblityChange,B=void 0===q?null:q,L=t.scrollableClassName,Z=t["data-testid"],J=o(0),K=r(J,2),Q=K[0],X=K[1],Y=o(0),$=r(Y,2),rr=$[0],er=$[1],tr=v(A),or=n(null),nr=n(null),ir=n(null),lr=n(0),ur=n({scrollOffsetInitial:0,scrollOffsetFinal:0,animationStartTime:0}),sr=I(x,or),cr=ur.current,ar=i((function(r){var e=N();return e&&!Number.isNaN(e)||console.error("Couldn't get height for item: ",r),e}),[N]),dr=i((function(r,e){var t=V(r,e);return void 0===t&&console.error("Couldn't get id for item: ",r),t}),[V]),mr=l((function(){return d(j,dr,ar)}),[j,dr,ar]),fr=l((function(){return Math.min(j.length,Math.floor(rr/k()))}),[j,rr,k]),vr=l((function(){return fr>0?Math.ceil(j.length/fr):0}),[j,fr]),hr=l((function(){return A%fr}),[A,fr]),Ir=l((function(){return Math.floor(A/fr)}),[A,fr]),pr=i((function(r){var e=r.horizontalScrollDirection,t=r.scrollTop,o=r.scrollUpdateWasRequested;lr.current=t,o||(cr.scrollOffsetInitial=t),W&&W(e,t,o)}),[W,lr,cr]),gr=i((function(r){var e=r.rowIndex*fr+r.columnIndex;return C(j[e],e,r.style)}),[j,C,fr]),wr=i((function(r,e){e===Q&&r===rr||setTimeout((function(){X(e),er(r),P(r,e)}),0)}),[Q,rr,P]),Rr=h((function(r){if(O){var e=m(j,mr,dr,r.visibleRowStartIndex,r.visibleRowStopIndex,Q,lr.current);O(e)}}),{wait:_,trailing:!0},[O,j,mr,dr,Q]);return u((function(){A&&tr!==A&&(ir.current.scrollToItem({align:"center",columnIndex:hr,rowIndex:Ir}),G())}),[A,tr,ir,hr,Ir,G]),u((function(){ir.current&&ir.current.resetAfterIndices({columnIndex:0,rowIndex:0})}),[mr]),u((function(){if(B){var r=f(j,mr,dr,Q);nr.current!==r&&(nr.current=r,B(r))}}),[B,j,mr,Q,dr]),e.createElement("div",{ref:sr,className:s(R.virtualizedGridWrapper,T),id:S,"data-testid":Z||g(w.VIRTUALIZED_GRID,S)},e.createElement(a,null,(function(r){var t=r.height,o=r.width;return wr(o,t),e.createElement(c,{ref:ir,height:t,width:o,columnWidth:k,columnCount:fr,rowHeight:N,rowCount:vr,onScroll:pr,onItemsRendered:Rr,className:L},gr)})))}));export{x as default};
 //# sourceMappingURL=VirtualizedGrid.js.map

package/dist/src/components/VirtualizedGrid/VirtualizedGrid.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedGrid.js","sources":["../../../../src/components/VirtualizedGrid/VirtualizedGrid.tsx"],"sourcesContent":["import React, { type CSSProperties, forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport {\n  type GridChildComponentProps,\n  type GridOnScrollProps,\n  type ScrollDirection,\n  VariableSizeGrid as Grid,\n  type GridOnItemsRenderedProps\n} from \"react-window\";\nimport AutoSizer from \"react-virtualized-auto-sizer\";\nimport {\n  getNormalizedItems,\n  getOnItemsRenderedData,\n  isLayoutDirectionScrollbarVisible\n} from \"../../services/virtualized-service\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useThrottledCallback from \"../../hooks/useThrottledCallback\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponent, type VibeComponentProps } from \"../../types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./VirtualizedGrid.module.scss\";\nimport { type VirtualizedGridItemType as ItemType } from \"./VirtualizedGrid.types\";\n\nexport interface VirtualizedGridProps extends VibeComponentProps {\n  /**\n   * The list of items to be rendered in the grid.\n   */\n  items: ItemType[];\n  /**\n   * Function that renders each item in the grid.\n   */\n  itemRenderer: (item: ItemType, index: number, style: CSSProperties) => ItemType | GridChildComponentProps<ItemType>;\n  /**\n   * Function that returns the row height.\n   */\n  getRowHeight: () => number;\n  /**\n   * Function that returns the column width.\n   */\n  getColumnWidth: () => number;\n  /**\n   * Function that returns the unique ID of an item.\n   */\n  getItemId?: (item: ItemType, index: number) => string;\n  /**\n   * The index of the item to scroll to.\n   */\n  scrollToId?: number;\n  /**\n   * Callback fired when the grid is scrolled.\n   */\n  onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;\n  /**\n   * Callback fired when scrolling has finished.\n   */\n  onScrollToFinished?: () => void;\n  /**\n   * Callback fired when items are rendered in the grid.\n   */\n  onItemsRendered?: ({\n    firstItemId,\n    secondItemId,\n    lastItemId,\n    centerItemId,\n    firstItemOffsetEnd,\n    currentOffsetTop\n  }: {\n    firstItemId: string;\n    secondItemId: string;\n    lastItemId: string;\n    centerItemId: string;\n    firstItemOffsetEnd: number;\n    currentOffsetTop: number;\n  }) => void;\n  /**\n   * The delay (in ms) for throttling the `onItemsRendered` callback.\n   */\n  onItemsRenderedThrottleMs?: number;\n  /**\n   * Callback fired when the grid size is updated.\n   */\n  onSizeUpdate?: (width: number, height: number) => void;\n  /**\n   * Callback fired when the vertical scrollbar visibility changes.\n   */\n  onVerticalScrollbarVisiblityChange?: (value: boolean) => void;\n  /**\n   * Class name applied to the scrollable container.\n   */\n  scrollableClassName?: string;\n}\n\nconst VirtualizedGrid = forwardRef(\n  (\n    {\n      className,\n      id,\n      items = [],\n      itemRenderer = (item: ItemType, _index: number, _style: CSSProperties) => item,\n      getRowHeight = () => 50,\n      getColumnWidth = () => 100,\n      getItemId = (item: ItemType, _index: number) => item.id,\n      onScroll,\n      scrollToId = null,\n      onScrollToFinished = NOOP,\n      onItemsRendered = null,\n      onItemsRenderedThrottleMs = 200,\n      onSizeUpdate = NOOP,\n      onVerticalScrollbarVisiblityChange = null,\n      scrollableClassName,\n      \"data-testid\": dataTestId\n    }: VirtualizedGridProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    // states\n    const [gridHeight, setGridHeight] = useState(0);\n    const [gridWidth, setGridWidth] = useState(0);\n\n    // prevs\n    const prevScrollToId = usePrevious(scrollToId);\n\n    // Refs\n    const componentRef = useRef(null);\n    const isVerticalScrollbarVisibleRef = useRef(null);\n    const gridRef = useRef(null);\n    const scrollTopRef = useRef(0);\n    const animationDataRef = useRef({\n      scrollOffsetInitial: 0,\n      scrollOffsetFinal: 0,\n      animationStartTime: 0\n    });\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const animationData = animationDataRef.current;\n\n    // Callbacks\n    const heightGetter = useCallback(\n      (item: ItemType) => {\n        const height = getRowHeight();\n        if (!height || Number.isNaN(height)) {\n          console.error(\"Couldn't get height for item: \", item);\n        }\n        return height;\n      },\n      [getRowHeight]\n    );\n\n    const idGetter = useCallback(\n      (item: ItemType, index: number) => {\n        const itemId = getItemId(item, index);\n        if (itemId === undefined) {\n          console.error(\"Couldn't get id for item: \", item);\n        }\n        return itemId;\n      },\n      [getItemId]\n    );\n\n    // Memos\n    // Creates object of itemId => { item, index, height, offsetTop}\n    const normalizedItems = useMemo(() => {\n      return getNormalizedItems(items, idGetter, heightGetter);\n    }, [items, idGetter, heightGetter]);\n\n    const calcColumnCount = useMemo(() => {\n      return Math.min(items.length, Math.floor(gridWidth / getColumnWidth()));\n    }, [items, gridWidth, getColumnWidth]);\n\n    const calcRowCount = useMemo(() => {\n      return calcColumnCount > 0 ? Math.ceil(items.length / calcColumnCount) : 0;\n    }, [items, calcColumnCount]);\n\n    const scrollToColumnIndex = useMemo(() => {\n      return scrollToId % calcColumnCount;\n    }, [scrollToId, calcColumnCount]);\n\n    const scrollToRowIndex = useMemo(() => {\n      return Math.floor(scrollToId / calcColumnCount);\n    }, [scrollToId, calcColumnCount]);\n\n    // Callbacks\n    const onScrollCB = useCallback(\n      ({ horizontalScrollDirection, scrollTop, scrollUpdateWasRequested }: GridOnScrollProps) => {\n        scrollTopRef.current = scrollTop;\n        if (!scrollUpdateWasRequested) {\n          animationData.scrollOffsetInitial = scrollTop;\n        }\n        onScroll && onScroll(horizontalScrollDirection, scrollTop, scrollUpdateWasRequested);\n      },\n      [onScroll, scrollTopRef, animationData]\n    );\n\n    const cellRenderer = useCallback(\n      ({ columnIndex, rowIndex, style }: { columnIndex: number; rowIndex: number; style: CSSProperties }) => {\n        const index = rowIndex * calcColumnCount + columnIndex;\n        const item = items[index];\n        return itemRenderer(item, index, style);\n      },\n      [items, itemRenderer, calcColumnCount]\n    );\n\n    const updateGridSize = useCallback(\n      (width: number, height: number) => {\n        if (height !== gridHeight || width !== gridWidth) {\n          setTimeout(() => {\n            setGridHeight(height);\n            setGridWidth(width);\n            onSizeUpdate(width, height);\n          }, 0);\n        }\n      },\n      [gridHeight, gridWidth, onSizeUpdate]\n    );\n\n    const onItemsRenderedCB = useThrottledCallback(\n      ({ visibleRowStartIndex, visibleRowStopIndex }: GridOnItemsRenderedProps) => {\n        if (!onItemsRendered) return;\n        const data = getOnItemsRenderedData(\n          items,\n          normalizedItems,\n          idGetter,\n          visibleRowStartIndex,\n          visibleRowStopIndex,\n          gridHeight,\n          scrollTopRef.current\n        );\n        onItemsRendered(data);\n      },\n      { wait: onItemsRenderedThrottleMs, trailing: true },\n      [onItemsRendered, items, normalizedItems, idGetter, gridHeight]\n    );\n\n    // Effects\n    useEffect(() => {\n      // scroll to specific item\n      if (scrollToId && prevScrollToId !== scrollToId) {\n        gridRef.current.scrollToItem({\n          align: \"center\",\n          columnIndex: scrollToColumnIndex,\n          rowIndex: scrollToRowIndex\n        });\n        onScrollToFinished();\n      }\n    }, [scrollToId, prevScrollToId, gridRef, scrollToColumnIndex, scrollToRowIndex, onScrollToFinished]);\n\n    useEffect(() => {\n      // recalculate row heights\n      if (gridRef.current) {\n        gridRef.current.resetAfterIndices({ columnIndex: 0, rowIndex: 0 });\n      }\n    }, [normalizedItems]);\n\n    useEffect(() => {\n      // update vertical scrollbar visibility\n      if (onVerticalScrollbarVisiblityChange) {\n        const isVisible = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, gridHeight);\n        if (isVerticalScrollbarVisibleRef.current !== isVisible) {\n          isVerticalScrollbarVisibleRef.current = isVisible;\n          onVerticalScrollbarVisiblityChange(isVisible);\n        }\n      }\n    }, [onVerticalScrollbarVisiblityChange, items, normalizedItems, gridHeight, idGetter]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.virtualizedGridWrapper, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.VIRTUALIZED_GRID, id)}\n      >\n        <AutoSizer>\n          {({ height, width }: { height: number; width: number }) => {\n            updateGridSize(width, height);\n            return (\n              <Grid\n                ref={gridRef}\n                height={height}\n                width={width}\n                columnWidth={getColumnWidth}\n                columnCount={calcColumnCount}\n                rowHeight={getRowHeight}\n                rowCount={calcRowCount}\n                onScroll={onScrollCB}\n                onItemsRendered={onItemsRenderedCB}\n                className={scrollableClassName}\n              >\n                {cellRenderer as unknown as VibeComponent<GridChildComponentProps>}\n              </Grid>\n            );\n          }}\n        </AutoSizer>\n      </div>\n    );\n  }\n);\n\nexport default VirtualizedGrid;\n"],"names":["VirtualizedGrid","forwardRef","_ref","ref","className","id","_ref$items","items","_ref$itemRenderer","itemRenderer","item","_index","_style","_ref$getRowHeight","getRowHeight","_ref$getColumnWidth","getColumnWidth","_ref$getItemId","getItemId","onScroll","_ref$scrollToId","scrollToId","_ref$onScrollToFinish","onScrollToFinished","NOOP","_ref$onItemsRendered","onItemsRendered","_ref$onItemsRenderedT","onItemsRenderedThrottleMs","_ref$onSizeUpdate","onSizeUpdate","_ref$onVerticalScroll","onVerticalScrollbarVisiblityChange","scrollableClassName","dataTestId","_useState","useState","_useState2","_slicedToArray","gridHeight","setGridHeight","_useState3","_useState4","gridWidth","setGridWidth","prevScrollToId","usePrevious","componentRef","useRef","isVerticalScrollbarVisibleRef","gridRef","scrollTopRef","animationDataRef","scrollOffsetInitial","scrollOffsetFinal","animationStartTime","mergedRef","useMergeRef","animationData","current","heightGetter","useCallback","height","Number","isNaN","console","error","idGetter","index","itemId","undefined","normalizedItems","useMemo","getNormalizedItems","calcColumnCount","Math","min","length","floor","calcRowCount","ceil","scrollToColumnIndex","scrollToRowIndex","onScrollCB","_ref2","horizontalScrollDirection","scrollTop","scrollUpdateWasRequested","cellRenderer","_ref3","rowIndex","columnIndex","style","updateGridSize","width","setTimeout","onItemsRenderedCB","useThrottledCallback","_ref4","data","getOnItemsRenderedData","visibleRowStartIndex","visibleRowStopIndex","wait","trailing","useEffect","scrollToItem","align","resetAfterIndices","isVisible","isLayoutDirectionScrollbarVisible","React","createElement","cx","styles","virtualizedGridWrapper","getTestId","ComponentDefaultTestId","VIRTUALIZED_GRID","AutoSizer","_ref5","Grid","columnWidth","columnCount","rowHeight","rowCount"],"mappings":"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"}
+{"version":3,"file":"VirtualizedGrid.js","sources":["../../../../src/components/VirtualizedGrid/VirtualizedGrid.tsx"],"sourcesContent":["import React, {\n  type CSSProperties,\n  type ReactElement,\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport cx from \"classnames\";\nimport {\n  type GridChildComponentProps,\n  type GridOnScrollProps,\n  type ScrollDirection,\n  VariableSizeGrid as Grid,\n  type GridOnItemsRenderedProps\n} from \"react-window\";\nimport AutoSizer from \"react-virtualized-auto-sizer\";\nimport {\n  getNormalizedItems,\n  getOnItemsRenderedData,\n  isLayoutDirectionScrollbarVisible\n} from \"../../services/virtualized-service\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useThrottledCallback from \"../../hooks/useThrottledCallback\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../types\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./VirtualizedGrid.module.scss\";\nimport { type VirtualizedGridItemType as ItemType } from \"./VirtualizedGrid.types\";\n\nexport interface VirtualizedGridProps extends VibeComponentProps {\n  /**\n   * The list of items to be rendered in the grid.\n   */\n  items: ItemType[];\n  /**\n   * Function that renders each item in the grid.\n   */\n  itemRenderer: (item: ItemType, index: number, style: CSSProperties) => ReactElement;\n  /**\n   * Function that returns the row height.\n   */\n  getRowHeight: () => number;\n  /**\n   * Function that returns the column width.\n   */\n  getColumnWidth: () => number;\n  /**\n   * Function that returns the unique ID of an item.\n   */\n  getItemId?: (item: ItemType, index: number) => string;\n  /**\n   * The index of the item to scroll to.\n   */\n  scrollToId?: number;\n  /**\n   * Callback fired when the grid is scrolled.\n   */\n  onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;\n  /**\n   * Callback fired when scrolling has finished.\n   */\n  onScrollToFinished?: () => void;\n  /**\n   * Callback fired when items are rendered in the grid.\n   */\n  onItemsRendered?: ({\n    firstItemId,\n    secondItemId,\n    lastItemId,\n    centerItemId,\n    firstItemOffsetEnd,\n    currentOffsetTop\n  }: {\n    firstItemId: string;\n    secondItemId: string;\n    lastItemId: string;\n    centerItemId: string;\n    firstItemOffsetEnd: number;\n    currentOffsetTop: number;\n  }) => void;\n  /**\n   * The delay (in ms) for throttling the `onItemsRendered` callback.\n   */\n  onItemsRenderedThrottleMs?: number;\n  /**\n   * Callback fired when the grid size is updated.\n   */\n  onSizeUpdate?: (width: number, height: number) => void;\n  /**\n   * Callback fired when the vertical scrollbar visibility changes.\n   */\n  onVerticalScrollbarVisiblityChange?: (value: boolean) => void;\n  /**\n   * Class name applied to the scrollable container.\n   */\n  scrollableClassName?: string;\n}\n\nconst VirtualizedGrid = forwardRef(\n  (\n    {\n      className,\n      id,\n      items = [],\n      itemRenderer,\n      getRowHeight = () => 50,\n      getColumnWidth = () => 100,\n      getItemId = (item: ItemType, _index: number) => item.id,\n      onScroll,\n      scrollToId = null,\n      onScrollToFinished = NOOP,\n      onItemsRendered = null,\n      onItemsRenderedThrottleMs = 200,\n      onSizeUpdate = NOOP,\n      onVerticalScrollbarVisiblityChange = null,\n      scrollableClassName,\n      \"data-testid\": dataTestId\n    }: VirtualizedGridProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    // states\n    const [gridHeight, setGridHeight] = useState(0);\n    const [gridWidth, setGridWidth] = useState(0);\n\n    // prevs\n    const prevScrollToId = usePrevious(scrollToId);\n\n    // Refs\n    const componentRef = useRef(null);\n    const isVerticalScrollbarVisibleRef = useRef(null);\n    const gridRef = useRef(null);\n    const scrollTopRef = useRef(0);\n    const animationDataRef = useRef({\n      scrollOffsetInitial: 0,\n      scrollOffsetFinal: 0,\n      animationStartTime: 0\n    });\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const animationData = animationDataRef.current;\n\n    // Callbacks\n    const heightGetter = useCallback(\n      (item: ItemType) => {\n        const height = getRowHeight();\n        if (!height || Number.isNaN(height)) {\n          console.error(\"Couldn't get height for item: \", item);\n        }\n        return height;\n      },\n      [getRowHeight]\n    );\n\n    const idGetter = useCallback(\n      (item: ItemType, index: number) => {\n        const itemId = getItemId(item, index);\n        if (itemId === undefined) {\n          console.error(\"Couldn't get id for item: \", item);\n        }\n        return itemId;\n      },\n      [getItemId]\n    );\n\n    // Memos\n    // Creates object of itemId => { item, index, height, offsetTop}\n    const normalizedItems = useMemo(() => {\n      return getNormalizedItems(items, idGetter, heightGetter);\n    }, [items, idGetter, heightGetter]);\n\n    const calcColumnCount = useMemo(() => {\n      return Math.min(items.length, Math.floor(gridWidth / getColumnWidth()));\n    }, [items, gridWidth, getColumnWidth]);\n\n    const calcRowCount = useMemo(() => {\n      return calcColumnCount > 0 ? Math.ceil(items.length / calcColumnCount) : 0;\n    }, [items, calcColumnCount]);\n\n    const scrollToColumnIndex = useMemo(() => {\n      return scrollToId % calcColumnCount;\n    }, [scrollToId, calcColumnCount]);\n\n    const scrollToRowIndex = useMemo(() => {\n      return Math.floor(scrollToId / calcColumnCount);\n    }, [scrollToId, calcColumnCount]);\n\n    // Callbacks\n    const onScrollCB = useCallback(\n      ({ horizontalScrollDirection, scrollTop, scrollUpdateWasRequested }: GridOnScrollProps) => {\n        scrollTopRef.current = scrollTop;\n        if (!scrollUpdateWasRequested) {\n          animationData.scrollOffsetInitial = scrollTop;\n        }\n        onScroll && onScroll(horizontalScrollDirection, scrollTop, scrollUpdateWasRequested);\n      },\n      [onScroll, scrollTopRef, animationData]\n    );\n\n    const cellRenderer = useCallback(\n      ({ columnIndex, rowIndex, style }: { columnIndex: number; rowIndex: number; style: CSSProperties }) => {\n        const index = rowIndex * calcColumnCount + columnIndex;\n        const item = items[index];\n        return itemRenderer(item, index, style);\n      },\n      [items, itemRenderer, calcColumnCount]\n    );\n\n    const updateGridSize = useCallback(\n      (width: number, height: number) => {\n        if (height !== gridHeight || width !== gridWidth) {\n          setTimeout(() => {\n            setGridHeight(height);\n            setGridWidth(width);\n            onSizeUpdate(width, height);\n          }, 0);\n        }\n      },\n      [gridHeight, gridWidth, onSizeUpdate]\n    );\n\n    const onItemsRenderedCB = useThrottledCallback(\n      ({ visibleRowStartIndex, visibleRowStopIndex }: GridOnItemsRenderedProps) => {\n        if (!onItemsRendered) return;\n        const data = getOnItemsRenderedData(\n          items,\n          normalizedItems,\n          idGetter,\n          visibleRowStartIndex,\n          visibleRowStopIndex,\n          gridHeight,\n          scrollTopRef.current\n        );\n        onItemsRendered(data);\n      },\n      { wait: onItemsRenderedThrottleMs, trailing: true },\n      [onItemsRendered, items, normalizedItems, idGetter, gridHeight]\n    );\n\n    // Effects\n    useEffect(() => {\n      // scroll to specific item\n      if (scrollToId && prevScrollToId !== scrollToId) {\n        gridRef.current.scrollToItem({\n          align: \"center\",\n          columnIndex: scrollToColumnIndex,\n          rowIndex: scrollToRowIndex\n        });\n        onScrollToFinished();\n      }\n    }, [scrollToId, prevScrollToId, gridRef, scrollToColumnIndex, scrollToRowIndex, onScrollToFinished]);\n\n    useEffect(() => {\n      // recalculate row heights\n      if (gridRef.current) {\n        gridRef.current.resetAfterIndices({ columnIndex: 0, rowIndex: 0 });\n      }\n    }, [normalizedItems]);\n\n    useEffect(() => {\n      // update vertical scrollbar visibility\n      if (onVerticalScrollbarVisiblityChange) {\n        const isVisible = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, gridHeight);\n        if (isVerticalScrollbarVisibleRef.current !== isVisible) {\n          isVerticalScrollbarVisibleRef.current = isVisible;\n          onVerticalScrollbarVisiblityChange(isVisible);\n        }\n      }\n    }, [onVerticalScrollbarVisiblityChange, items, normalizedItems, gridHeight, idGetter]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.virtualizedGridWrapper, className)}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.VIRTUALIZED_GRID, id)}\n      >\n        <AutoSizer>\n          {({ height, width }: { height: number; width: number }) => {\n            updateGridSize(width, height);\n            return (\n              <Grid\n                ref={gridRef}\n                height={height}\n                width={width}\n                columnWidth={getColumnWidth}\n                columnCount={calcColumnCount}\n                rowHeight={getRowHeight}\n                rowCount={calcRowCount}\n                onScroll={onScrollCB}\n                onItemsRendered={onItemsRenderedCB}\n                className={scrollableClassName}\n              >\n                {cellRenderer as unknown as React.ComponentType<GridChildComponentProps>}\n              </Grid>\n            );\n          }}\n        </AutoSizer>\n      </div>\n    );\n  }\n);\n\nexport default VirtualizedGrid;\n"],"names":["VirtualizedGrid","forwardRef","_ref","ref","className","id","_ref$items","items","itemRenderer","_ref$getRowHeight","getRowHeight","_ref$getColumnWidth","getColumnWidth","_ref$getItemId","getItemId","item","_index","onScroll","_ref$scrollToId","scrollToId","_ref$onScrollToFinish","onScrollToFinished","NOOP","_ref$onItemsRendered","onItemsRendered","_ref$onItemsRenderedT","onItemsRenderedThrottleMs","_ref$onSizeUpdate","onSizeUpdate","_ref$onVerticalScroll","onVerticalScrollbarVisiblityChange","scrollableClassName","dataTestId","_useState","useState","_useState2","_slicedToArray","gridHeight","setGridHeight","_useState3","_useState4","gridWidth","setGridWidth","prevScrollToId","usePrevious","componentRef","useRef","isVerticalScrollbarVisibleRef","gridRef","scrollTopRef","animationDataRef","scrollOffsetInitial","scrollOffsetFinal","animationStartTime","mergedRef","useMergeRef","animationData","current","heightGetter","useCallback","height","Number","isNaN","console","error","idGetter","index","itemId","undefined","normalizedItems","useMemo","getNormalizedItems","calcColumnCount","Math","min","length","floor","calcRowCount","ceil","scrollToColumnIndex","scrollToRowIndex","onScrollCB","_ref2","horizontalScrollDirection","scrollTop","scrollUpdateWasRequested","cellRenderer","_ref3","rowIndex","columnIndex","style","updateGridSize","width","setTimeout","onItemsRenderedCB","useThrottledCallback","_ref4","data","getOnItemsRenderedData","visibleRowStartIndex","visibleRowStopIndex","wait","trailing","useEffect","scrollToItem","align","resetAfterIndices","isVisible","isLayoutDirectionScrollbarVisible","React","createElement","cx","styles","virtualizedGridWrapper","getTestId","ComponentDefaultTestId","VIRTUALIZED_GRID","AutoSizer","_ref5","Grid","columnWidth","columnCount","rowHeight","rowCount"],"mappings":"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"}

package/dist/src/components/VirtualizedGrid/VirtualizedGrid.module.scss.js

@@ -1,2 +1,2 @@
-var e={virtualizedGridWrapper:"virtualizedGridWrapper_992200bbef"};!function(e){const t="s_id-03a8eed790d8_3_86_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.virtualizedGridWrapper_992200bbef {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedGridWrapper:"virtualizedGridWrapper_5d58fecb54"};!function(e){const t="s_id-03a8eed790d8_4_0_0-alpha_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.virtualizedGridWrapper_5d58fecb54 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedGrid.module.scss.js.map

package/dist/src/components/VirtualizedList/VirtualizedList.js

@@ -1,2 +1,2 @@
-import{slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import i from"classnames";import e,{forwardRef as r,useState as o,useMemo as n,useRef as l,useCallback as a,useEffect as s}from"react";import{noop as c}from"es-toolkit";import{VariableSizeList as u}from"react-window";import f from"react-virtualized-auto-sizer";import d from"../../hooks/usePrevious/index.js";import m from"../../hooks/useThrottledCallback.js";import v from"../../hooks/useMergeRef.js";import{getNormalizedItems as p,getMaxOffset as h,easeInOutQuint as I,getOnItemsRenderedData as S,isLayoutDirectionScrollbarVisible as g}from"../../services/virtualized-service.js";import{getTestId as T}from"../../tests/testIds.js";import{ComponentDefaultTestId as O}from"../../tests/constants.js";import z from"./VirtualizedList.module.scss.js";var b=r((function(r,b){var y=r.className,C=r.id,j=r.items,R=void 0===j?[]:j,w=r.itemRenderer,F=void 0===w?function(t,i,e){return t}:w,L=r.getItemHeight,x=void 0===L?function(t,i){return t.height}:L,k=r.getItemSize,V=void 0===k?null:k,A=r.layout,D=void 0===A?"vertical":A,E=r.onScroll,M=r.overscanCount,N=void 0===M?0:M,U=r.getItemId,_=void 0===U?function(t,i){return t.id}:U,q=r.scrollToId,H=r.scrollDuration,P=void 0===H?200:H,W=r.onScrollToFinished,B=void 0===W?c:W,Z=r.onItemsRendered,G=r.onItemsRenderedThrottleMs,J=void 0===G?200:G,K=r.onSizeUpdate,Q=void 0===K?c:K,X=r.onVerticalScrollbarVisiblityChange,Y=void 0===X?null:X,$=r.onLayoutDirectionScrollbarVisibilityChange,tt=void 0===$?null:$,it=r.virtualListRef,et=r.scrollableClassName,rt=r.role,ot=r.ariaLabel,nt=r.style,lt=r["data-testid"],at=o(0),st=t(at,2),ct=st[0],ut=st[1],ft=o(0),dt=t(ft,2),mt=dt[0],vt=dt[1],pt="horizontal"!==D,ht=n((function(){return pt?ct:mt}),[pt,ct,mt]),It=d(q),St=l(null),gt=l(null),Tt=l(null),Ot=l(0),zt=l({initialized:!1,scrollOffsetInitial:0,scrollOffsetFinal:0,animationStartTime:0}),bt=v(b,St),yt=v(it,Tt),Ct=zt.current;Ct.initialized||(Ct.initialized=!0,Ct.scrollOffsetInitial=0,Ct.scrollOffsetFinal=0,Ct.animationStartTime=0);var jt=a((function(t,i){var e=(V||x)(t,i);return void 0===e&&console.error("Couldn't get height for item: ",t),e}),[x,V]),Rt=a((function(t,i){var e=_(t,i);return void 0===e&&console.error("Couldn't get id for item: ",t),e}),[_]),wt=n((function(){return p(R,Rt,jt)}),[R,Rt,jt]),Ft=n((function(){return h(ht,wt)}),[ht,wt]),Lt=a((function(t){var i=t.scrollDirection,e=t.scrollOffset,r=t.scrollUpdateWasRequested;Ot.current=e,r||(Ct.scrollOffsetInitial=e),E&&E(i,e,r)}),[E,Ot,Ct]),xt=a((function(){requestAnimationFrame((function(){var t,i=performance.now()-Ct.animationStartTime,e=Ct.scrollOffsetFinal-Ct.scrollOffsetInitial,r=I(Math.min(1,i/P)),o=Math.min(Ft,Ct.scrollOffsetInitial+e*r);Ot.current=o,null===(t=Tt.current)||void 0===t||t.scrollTo(o),P>i?xt():(Ct.animationStartTime=void 0,B&&B())}))}),[P,Ct,Tt,Ft,B]),kt=a((function(t){var i,e,r,o,n=t.offsetTop;Ct.animationStartTime?Ct.scrollOffsetFinal=n:(null!==(null===(e=null===(i=Tt.current)||void 0===i?void 0:i.state)||void 0===e?void 0:e.scrollOffset)&&(Ct.scrollOffsetInitial=null===(o=null===(r=Tt.current)||void 0===r?void 0:r.state)||void 0===o?void 0:o.scrollOffset),Ct.scrollOffsetInitial!==n?(Ct.scrollOffsetFinal=n,Ct.animationStartTime=performance.now(),xt()):B&&B())}),[Ct,xt,B]),Vt=a((function(t){var i=t.index;return F(R[i],i,t.style)}),[R,F]),At=a((function(t){return jt(R[t],t)}),[R,jt]),Dt=a((function(t,i){i===ct&&t===mt||setTimeout((function(){ut(i),vt(t),Q(t,i)}),0)}),[ct,mt,Q]),Et=m((function(t){if(Z){var i=S(R,wt,Rt,t.visibleStartIndex,t.visibleStopIndex,ht,Ot.current);Z(i)}}),{wait:J,trailing:!0},[Z,R,wt,Rt,ht]);return s((function(){if(q&&It!==q){var t=g(R,wt,Rt,ht),i=wt[q];t&&i&&kt(i)}}),[It,q,kt,wt,R,Rt,ht]),s((function(){Tt.current&&Tt.current.resetAfterIndex(0)}),[wt]),s((function(){var t=tt||Y;if(t){var i=g(R,wt,Rt,ht);gt.current!==i&&(gt.current=i,t(i))}}),[tt,Y,R,wt,ht,Rt]),e.createElement("div",{ref:bt,className:i(z.virtualizedListWrapper,y),id:C,role:rt,"aria-label":ot,"data-testid":lt||T(O.VIRTUALIZED_LIST,C),style:nt},e.createElement(f,null,(function(t){var i=t.height,r=t.width;return Dt(r,i),e.createElement(u,{ref:yt,height:i,width:r,itemCount:R.length,itemSize:At,onScroll:Lt,layout:D,overscanCount:N,onItemsRendered:Et,className:et},Vt)})))}));export{b as default};
+import{slicedToArray as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import e from"classnames";import i,{forwardRef as r,useState as o,useMemo as n,useRef as l,useCallback as a,useEffect as s}from"react";import{noop as c}from"es-toolkit";import{VariableSizeList as u}from"react-window";import f from"react-virtualized-auto-sizer";import d from"../../hooks/usePrevious/index.js";import m from"../../hooks/useThrottledCallback.js";import v from"../../hooks/useMergeRef.js";import{getNormalizedItems as p,getMaxOffset as h,getOnItemsRenderedData as I,isLayoutDirectionScrollbarVisible as S,easeInOutQuint as T}from"../../services/virtualized-service.js";import{getTestId as O}from"../../tests/testIds.js";import{ComponentDefaultTestId as g}from"../../tests/constants.js";import z from"./VirtualizedList.module.scss.js";var b=r((function(r,b){var j=r.className,y=r.id,C=r.items,R=void 0===C?[]:C,w=r.itemRenderer,F=void 0===w?function(t,e,i){return t}:w,x=r.getItemSize,L=void 0===x?function(t,e){return t.height}:x,k=r.layout,A=void 0===k?"vertical":k,D=r.onScroll,E=r.overscanCount,M=void 0===E?0:E,N=r.getItemId,U=void 0===N?function(t,e){return t.id}:N,V=r.scrollToId,_=r.scrollDuration,q=void 0===_?200:_,P=r.onScrollToFinished,W=void 0===P?c:P,B=r.onItemsRendered,H=r.onItemsRenderedThrottleMs,Z=void 0===H?200:H,G=r.onSizeUpdate,J=void 0===G?c:G,K=r.onLayoutDirectionScrollbarVisibilityChange,Q=void 0===K?null:K,X=r.virtualListRef,Y=r.scrollableClassName,$=r.role,tt=r["aria-label"],et=r.style,it=r["data-testid"],rt=o(0),ot=t(rt,2),nt=ot[0],lt=ot[1],at=o(0),st=t(at,2),ct=st[0],ut=st[1],ft="horizontal"!==A,dt=n((function(){return ft?nt:ct}),[ft,nt,ct]),mt=d(V),vt=l(null),pt=l(null),ht=l(null),It=l(0),St=l({initialized:!1,scrollOffsetInitial:0,scrollOffsetFinal:0,animationStartTime:0}),Tt=v(b,vt),Ot=v(X,ht),gt=St.current;gt.initialized||(gt.initialized=!0,gt.scrollOffsetInitial=0,gt.scrollOffsetFinal=0,gt.animationStartTime=0);var zt=a((function(t,e){var i=L(t,e);return void 0===i&&console.error("Couldn't get height for item: ",t),i}),[L]),bt=a((function(t,e){var i=U(t,e);return void 0===i&&console.error("Couldn't get id for item: ",t),i}),[U]),jt=n((function(){return p(R,bt,zt)}),[R,bt,zt]),yt=n((function(){return h(dt,jt)}),[dt,jt]),Ct=a((function(t){var e=t.scrollDirection,i=t.scrollOffset,r=t.scrollUpdateWasRequested;It.current=i,r||(gt.scrollOffsetInitial=i),D&&D(e,i,r)}),[D,It,gt]),Rt=a((function(){requestAnimationFrame((function(){var t,e=performance.now()-gt.animationStartTime,i=gt.scrollOffsetFinal-gt.scrollOffsetInitial,r=T(Math.min(1,e/q)),o=Math.min(yt,gt.scrollOffsetInitial+i*r);It.current=o,null===(t=ht.current)||void 0===t||t.scrollTo(o),q>e?Rt():(gt.animationStartTime=void 0,W&&W())}))}),[q,gt,ht,yt,W]),wt=a((function(t){var e,i,r,o,n=t.offsetTop;gt.animationStartTime?gt.scrollOffsetFinal=n:(null!==(null===(i=null===(e=ht.current)||void 0===e?void 0:e.state)||void 0===i?void 0:i.scrollOffset)&&(gt.scrollOffsetInitial=null===(o=null===(r=ht.current)||void 0===r?void 0:r.state)||void 0===o?void 0:o.scrollOffset),gt.scrollOffsetInitial!==n?(gt.scrollOffsetFinal=n,gt.animationStartTime=performance.now(),Rt()):W&&W())}),[gt,Rt,W]),Ft=a((function(t){var e=t.index;return F(R[e],e,t.style)}),[R,F]),xt=a((function(t){return zt(R[t],t)}),[R,zt]),Lt=a((function(t,e){e===nt&&t===ct||setTimeout((function(){lt(e),ut(t),J(t,e)}),0)}),[nt,ct,J]),kt=m((function(t){if(B){var e=I(R,jt,bt,t.visibleStartIndex,t.visibleStopIndex,dt,It.current);B(e)}}),{wait:Z,trailing:!0},[B,R,jt,bt,dt]);return s((function(){if(V&&mt!==V){var t=S(R,jt,bt,dt),e=jt[V];t&&e&&wt(e)}}),[mt,V,wt,jt,R,bt,dt]),s((function(){ht.current&&ht.current.resetAfterIndex(0)}),[jt]),s((function(){if(Q){var t=S(R,jt,bt,dt);pt.current!==t&&(pt.current=t,Q(t))}}),[Q,R,jt,dt,bt]),i.createElement("div",{ref:Tt,className:e(z.virtualizedListWrapper,j),id:y,role:$,"aria-label":tt,"data-testid":it||O(g.VIRTUALIZED_LIST,y),style:et},i.createElement(f,null,(function(t){var e=t.height,r=t.width;return Lt(r,e),i.createElement(u,{ref:Ot,height:e,width:r,itemCount:R.length,itemSize:xt,onScroll:Ct,layout:A,overscanCount:M,onItemsRendered:kt,className:Y},Ft)})))}));export{b as default};
 //# sourceMappingURL=VirtualizedList.js.map

package/dist/src/components/VirtualizedList/VirtualizedList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualizedList.js","sources":["../../../../src/components/VirtualizedList/VirtualizedList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  type CSSProperties,\n  type ForwardedRef,\n  forwardRef,\n  type LegacyRef,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport {\n  type ScrollDirection,\n  VariableSizeList as List,\n  type ListOnItemsRenderedProps,\n  type ListChildComponentProps,\n  type VariableSizeList\n} from \"react-window\";\nimport AutoSizer from \"react-virtualized-auto-sizer\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useThrottledCallback from \"../../hooks/useThrottledCallback\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport {\n  easeInOutQuint,\n  getMaxOffset,\n  getNormalizedItems,\n  getOnItemsRenderedData,\n  isLayoutDirectionScrollbarVisible\n} from \"../../services/virtualized-service\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { type VibeComponent, type VibeComponentProps } from \"../../types\";\nimport styles from \"./VirtualizedList.module.scss\";\nimport {\n  type VirtualizedListItem,\n  type VirtualizedListLayout,\n  type VirtualizedListScrollDirection\n} from \"./VirtualizedList.types\";\n\nexport interface VirtualizedListProps extends VibeComponentProps {\n  /**\n   * Class name applied to the scrollable container.\n   */\n  scrollableClassName?: string;\n  /**\n   * The orientation of the list.\n   */\n  layout?: VirtualizedListLayout;\n  /**\n   * The list of items to be rendered.\n   */\n  items: VirtualizedListItem[];\n  /**\n   * Function to render each item in the list.\n   */\n  itemRenderer: (item: VirtualizedListItem, index: number, style: CSSProperties) => ReactElement | JSX.Element;\n  /**\n   * @deprecated - use `getItemSize`.\n   */\n  getItemHeight?: (item: VirtualizedListItem, index: number) => number;\n  /**\n   * Function to get the size (height/width) of each item, based on layout.\n   */\n  getItemSize?: (item: VirtualizedListItem, index: number) => number;\n  /**\n   * Function to get the unique ID of an item.\n   */\n  getItemId?: (item: VirtualizedListItem, index: number) => string;\n  /**\n   * Callback fired when the scroll animation is finished.\n   */\n  onScrollToFinished?: () => void;\n  /**\n   * Number of items to render above and below the visible portion.\n   */\n  overscanCount?: number;\n  /**\n   * The duration of the scroll animation in milliseconds.\n   */\n  scrollDuration?: number;\n  /**\n   * Callback fired when items are rendered.\n   */\n  onItemsRendered?: ({\n    firstItemId,\n    secondItemId,\n    lastItemId,\n    centerItemId,\n    firstItemOffsetEnd,\n    currentOffsetTop\n  }: {\n    firstItemId: string;\n    secondItemId: string;\n    lastItemId: string;\n    centerItemId: string;\n    firstItemOffsetEnd: number;\n    currentOffsetTop: number;\n  }) => void;\n  /**\n   * The delay (in ms) for throttling the `onItemsRendered` callback.\n   */\n  onItemsRenderedThrottleMs?: number;\n  /**\n   * Callback fired when the list size changes.\n   */\n  onSizeUpdate?: (width: number, height: number) => void;\n  /**\n   * @deprecated - use `onLayoutDirectionScrollbarVisibilityChange`.\n   */\n  onVerticalScrollbarVisiblityChange?: (value: boolean) => void;\n  /**\n   * Callback fired when the vertical or horizontal scrollbar visibility changes.\n   */\n  onLayoutDirectionScrollbarVisibilityChange?: (value: boolean) => void;\n  /**\n   * The ARIA role attribute applied to the list.\n   */\n  role?: string;\n  /**\n   * The ARIA label for the list.\n   */\n  ariaLabel?: string;\n  /**\n   * Custom inline styles applied to the list.\n   */\n  style?: CSSProperties;\n  /**\n   * The ID of the item to scroll to.\n   */\n  scrollToId?: string;\n  /**\n   * Reference to the virtualized list component.\n   */\n  virtualListRef?: ForwardedRef<HTMLElement>;\n  /**\n   * Callback fired when the list is scrolled.\n   */\n  onScroll?: (\n    horizontalScrollDirection: VirtualizedListScrollDirection,\n    scrollTop: number,\n    scrollUpdateWasRequested: boolean\n  ) => void;\n}\n\nconst VirtualizedList = forwardRef(\n  (\n    {\n      className,\n      id,\n      items = [],\n      itemRenderer = (item: VirtualizedListItem, _index: number, _style: CSSProperties) => item as ReactElement,\n      getItemHeight = (item: VirtualizedListItem, _index: number) => item.height,\n      getItemSize = null, // must be null for backward compatibility\n      layout = \"vertical\",\n      onScroll,\n      overscanCount = 0,\n      getItemId = (item: VirtualizedListItem, _index: number) => item.id,\n      scrollToId,\n      scrollDuration = 200,\n      onScrollToFinished = NOOP,\n      onItemsRendered,\n      onItemsRenderedThrottleMs = 200,\n      onSizeUpdate = NOOP,\n      onVerticalScrollbarVisiblityChange = null,\n      onLayoutDirectionScrollbarVisibilityChange = null,\n      virtualListRef,\n      scrollableClassName,\n      role,\n      ariaLabel,\n      style,\n      \"data-testid\": dataTestId\n    }: VirtualizedListProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    // states\n    const [listHeight, setListHeight] = useState(0);\n    const [listWidth, setListWidth] = useState(0);\n\n    const isVerticalList = layout !== \"horizontal\";\n    const listSizeByLayout = useMemo(() => {\n      return isVerticalList ? listHeight : listWidth;\n    }, [isVerticalList, listHeight, listWidth]);\n\n    // prevs\n    const prevScrollToId = usePrevious(scrollToId);\n\n    // Refs\n    const componentRef = useRef(null);\n    const isVerticalScrollbarVisibleRef = useRef(null);\n    const listRef = useRef(null);\n    const scrollTopRef = useRef(0);\n    const animationDataRef = useRef({\n      initialized: false,\n      scrollOffsetInitial: 0,\n      scrollOffsetFinal: 0,\n      animationStartTime: 0\n    });\n    const mergedRef = useMergeRef(ref, componentRef);\n    const mergedListRef = useMergeRef(virtualListRef, listRef);\n\n    const animationData = animationDataRef.current;\n    if (!animationData.initialized) {\n      animationData.initialized = true;\n      animationData.scrollOffsetInitial = 0;\n      animationData.scrollOffsetFinal = 0;\n      animationData.animationStartTime = 0;\n    }\n\n    // Callbacks\n    const sizeGetter = useCallback(\n      (item: VirtualizedListItem, index: number) => {\n        const getSize = getItemSize || getItemHeight;\n        const height = getSize(item, index);\n        if (height === undefined) {\n          console.error(\"Couldn't get height for item: \", item);\n        }\n        return height;\n      },\n      [getItemHeight, getItemSize]\n    );\n\n    const idGetter = useCallback(\n      (item: VirtualizedListItem, index: number) => {\n        const itemId = getItemId(item, index);\n        if (itemId === undefined) {\n          console.error(\"Couldn't get id for item: \", item);\n        }\n        return itemId;\n      },\n      [getItemId]\n    );\n\n    // Memos\n    // Creates object of itemId => { item, index, size, offsetTop}\n    const normalizedItems = useMemo(() => {\n      return getNormalizedItems(items, idGetter, sizeGetter);\n    }, [items, idGetter, sizeGetter]);\n\n    const maxListOffset = useMemo(() => {\n      return getMaxOffset(listSizeByLayout, normalizedItems);\n    }, [listSizeByLayout, normalizedItems]);\n\n    // Callbacks\n    const onScrollCB = useCallback(\n      ({\n        scrollDirection,\n        scrollOffset,\n        scrollUpdateWasRequested\n      }: {\n        scrollDirection: ScrollDirection;\n        scrollOffset: number;\n        scrollUpdateWasRequested: boolean;\n      }) => {\n        scrollTopRef.current = scrollOffset;\n        if (!scrollUpdateWasRequested) {\n          animationData.scrollOffsetInitial = scrollOffset;\n        }\n        onScroll && onScroll(scrollDirection, scrollOffset, scrollUpdateWasRequested);\n      },\n      [onScroll, scrollTopRef, animationData]\n    );\n\n    const animateScroll = useCallback(() => {\n      requestAnimationFrame(() => {\n        const now = performance.now();\n        const ellapsed = now - animationData.animationStartTime;\n        const scrollDelta = animationData.scrollOffsetFinal - animationData.scrollOffsetInitial;\n        const easedTime = easeInOutQuint(Math.min(1, ellapsed / scrollDuration));\n        const scrollOffset = animationData.scrollOffsetInitial + scrollDelta * easedTime;\n        const finalOffsetValue = Math.min(maxListOffset, scrollOffset);\n        scrollTopRef.current = finalOffsetValue;\n        listRef.current?.scrollTo(finalOffsetValue);\n\n        if (ellapsed < scrollDuration) {\n          animateScroll();\n        } else {\n          animationData.animationStartTime = undefined;\n          onScrollToFinished && onScrollToFinished();\n        }\n      });\n    }, [scrollDuration, animationData, listRef, maxListOffset, onScrollToFinished]);\n\n    const startScrollAnimation = useCallback(\n      (item: VirtualizedListItem) => {\n        const { offsetTop } = item;\n\n        if (animationData.animationStartTime) {\n          // animation already in progress\n          animationData.scrollOffsetFinal = offsetTop;\n          return;\n        }\n\n        // Update the initial scroll offset with the current scroll position for react 18 batching behavior\n        if (listRef.current?.state?.scrollOffset !== null) {\n          animationData.scrollOffsetInitial = listRef.current?.state?.scrollOffset;\n        }\n\n        if (animationData.scrollOffsetInitial === offsetTop) {\n          // offset already equals to item offset\n          onScrollToFinished && onScrollToFinished();\n          return;\n        }\n\n        animationData.scrollOffsetFinal = offsetTop;\n        animationData.animationStartTime = performance.now();\n        animateScroll();\n      },\n      [animationData, animateScroll, onScrollToFinished]\n    );\n\n    const rowRenderer = useCallback(\n      ({ index, style }: { index: number; style: CSSProperties }) => {\n        const item = items[index];\n        return itemRenderer(item, index, style);\n      },\n      [items, itemRenderer]\n    );\n\n    const calcItemSize = useCallback(\n      (index: number) => {\n        const item = items[index];\n        return sizeGetter(item, index);\n      },\n      [items, sizeGetter]\n    );\n\n    const updateListSize = useCallback(\n      (width: number, height: number) => {\n        if (height !== listHeight || width !== listWidth) {\n          setTimeout(() => {\n            setListHeight(height);\n            setListWidth(width);\n            onSizeUpdate(width, height);\n          }, 0);\n        }\n      },\n      [listHeight, listWidth, onSizeUpdate]\n    );\n\n    const onItemsRenderedCB = useThrottledCallback(\n      ({ visibleStartIndex, visibleStopIndex }: ListOnItemsRenderedProps) => {\n        if (!onItemsRendered) return;\n        const data = getOnItemsRenderedData(\n          items,\n          normalizedItems,\n          idGetter,\n          visibleStartIndex,\n          visibleStopIndex,\n          listSizeByLayout,\n          scrollTopRef.current\n        );\n        onItemsRendered(data);\n      },\n      { wait: onItemsRenderedThrottleMs, trailing: true },\n      [onItemsRendered, items, normalizedItems, idGetter, listSizeByLayout]\n    );\n\n    // Effects\n    useEffect(() => {\n      // scroll to specific item\n      if (scrollToId && prevScrollToId !== scrollToId) {\n        const hasScrollbar = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, listSizeByLayout);\n        const item = normalizedItems[scrollToId as keyof typeof normalizedItems];\n        hasScrollbar && item && startScrollAnimation(item);\n      }\n    }, [prevScrollToId, scrollToId, startScrollAnimation, normalizedItems, items, idGetter, listSizeByLayout]);\n\n    useEffect(() => {\n      // recalculate row heights\n      if (listRef.current) {\n        listRef.current.resetAfterIndex(0);\n      }\n    }, [normalizedItems]);\n\n    useEffect(() => {\n      // update vertical scrollbar visibility\n      const callback = onLayoutDirectionScrollbarVisibilityChange || onVerticalScrollbarVisiblityChange;\n      if (callback) {\n        const isVisible = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, listSizeByLayout);\n        if (isVerticalScrollbarVisibleRef.current !== isVisible) {\n          isVerticalScrollbarVisibleRef.current = isVisible;\n          callback(isVisible);\n        }\n      }\n    }, [\n      onLayoutDirectionScrollbarVisibilityChange,\n      onVerticalScrollbarVisiblityChange,\n      items,\n      normalizedItems,\n      listSizeByLayout,\n      idGetter\n    ]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.virtualizedListWrapper, className)}\n        id={id}\n        role={role}\n        aria-label={ariaLabel}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.VIRTUALIZED_LIST, id)}\n        style={style}\n      >\n        <AutoSizer>\n          {({ height, width }: { height: number; width: number }) => {\n            updateListSize(width, height);\n            return (\n              <List\n                ref={mergedListRef as unknown as LegacyRef<VariableSizeList<unknown>>}\n                height={height}\n                width={width}\n                itemCount={items.length}\n                itemSize={calcItemSize}\n                onScroll={onScrollCB}\n                layout={layout}\n                overscanCount={overscanCount}\n                onItemsRendered={onItemsRenderedCB}\n                className={scrollableClassName}\n              >\n                {rowRenderer as VibeComponent<ListChildComponentProps>}\n              </List>\n            );\n          }}\n        </AutoSizer>\n      </div>\n    );\n  }\n);\n\nexport default VirtualizedList;\n"],"names":["VirtualizedList","forwardRef","_ref","ref","className","id","_ref$items","items","_ref$itemRenderer","itemRenderer","item","_index","_style","_ref$getItemHeight","getItemHeight","height","_ref$getItemSize","getItemSize","_ref$layout","layout","onScroll","_ref$overscanCount","overscanCount","_ref$getItemId","getItemId","scrollToId","_ref$scrollDuration","scrollDuration","_ref$onScrollToFinish","onScrollToFinished","NOOP","onItemsRendered","_ref$onItemsRenderedT","onItemsRenderedThrottleMs","_ref$onSizeUpdate","onSizeUpdate","_ref$onVerticalScroll","onVerticalScrollbarVisiblityChange","_ref$onLayoutDirectio","onLayoutDirectionScrollbarVisibilityChange","virtualListRef","scrollableClassName","role","ariaLabel","style","dataTestId","_useState","useState","_useState2","_slicedToArray","listHeight","setListHeight","_useState3","_useState4","listWidth","setListWidth","isVerticalList","listSizeByLayout","useMemo","prevScrollToId","usePrevious","componentRef","useRef","isVerticalScrollbarVisibleRef","listRef","scrollTopRef","animationDataRef","initialized","scrollOffsetInitial","scrollOffsetFinal","animationStartTime","mergedRef","useMergeRef","mergedListRef","animationData","current","sizeGetter","useCallback","index","undefined","console","error","idGetter","itemId","normalizedItems","getNormalizedItems","maxListOffset","getMaxOffset","onScrollCB","_ref2","scrollDirection","scrollOffset","scrollUpdateWasRequested","animateScroll","requestAnimationFrame","ellapsed","performance","now","scrollDelta","easedTime","easeInOutQuint","Math","min","finalOffsetValue","_a","scrollTo","startScrollAnimation","offsetTop","_b","state","_d","_c","rowRenderer","_ref3","calcItemSize","updateListSize","width","setTimeout","onItemsRenderedCB","useThrottledCallback","_ref4","data","getOnItemsRenderedData","visibleStartIndex","visibleStopIndex","wait","trailing","useEffect","hasScrollbar","isLayoutDirectionScrollbarVisible","resetAfterIndex","callback","isVisible","React","createElement","cx","styles","virtualizedListWrapper","getTestId","ComponentDefaultTestId","VIRTUALIZED_LIST","AutoSizer","_ref5","List","itemCount","length","itemSize"],"mappings":"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"}
+{"version":3,"file":"VirtualizedList.js","sources":["../../../../src/components/VirtualizedList/VirtualizedList.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, {\n  type CSSProperties,\n  type ForwardedRef,\n  forwardRef,\n  type LegacyRef,\n  type ReactElement,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport { noop as NOOP } from \"es-toolkit\";\nimport {\n  type ScrollDirection,\n  VariableSizeList as List,\n  type ListOnItemsRenderedProps,\n  type ListChildComponentProps,\n  type VariableSizeList\n} from \"react-window\";\nimport AutoSizer from \"react-virtualized-auto-sizer\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useThrottledCallback from \"../../hooks/useThrottledCallback\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport {\n  easeInOutQuint,\n  getMaxOffset,\n  getNormalizedItems,\n  getOnItemsRenderedData,\n  isLayoutDirectionScrollbarVisible\n} from \"../../services/virtualized-service\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./VirtualizedList.module.scss\";\nimport {\n  type VirtualizedListItem,\n  type VirtualizedListLayout,\n  type VirtualizedListScrollDirection\n} from \"./VirtualizedList.types\";\n\nexport interface VirtualizedListProps extends VibeComponentProps {\n  /**\n   * Class name applied to the scrollable container.\n   */\n  scrollableClassName?: string;\n  /**\n   * The orientation of the list.\n   */\n  layout?: VirtualizedListLayout;\n  /**\n   * The list of items to be rendered.\n   */\n  items: VirtualizedListItem[];\n  /**\n   * Function to render each item in the list.\n   */\n  itemRenderer: (item: VirtualizedListItem, index: number, style: CSSProperties) => ReactElement | JSX.Element;\n  /**\n   * Function to get the size (height/width) of each item, based on layout.\n   */\n  getItemSize?: (item: VirtualizedListItem, index: number) => number;\n  /**\n   * Function to get the unique ID of an item.\n   */\n  getItemId?: (item: VirtualizedListItem, index: number) => string;\n  /**\n   * Callback fired when the scroll animation is finished.\n   */\n  onScrollToFinished?: () => void;\n  /**\n   * Number of items to render above and below the visible portion.\n   */\n  overscanCount?: number;\n  /**\n   * The duration of the scroll animation in milliseconds.\n   */\n  scrollDuration?: number;\n  /**\n   * Callback fired when items are rendered.\n   */\n  onItemsRendered?: ({\n    firstItemId,\n    secondItemId,\n    lastItemId,\n    centerItemId,\n    firstItemOffsetEnd,\n    currentOffsetTop\n  }: {\n    firstItemId: string;\n    secondItemId: string;\n    lastItemId: string;\n    centerItemId: string;\n    firstItemOffsetEnd: number;\n    currentOffsetTop: number;\n  }) => void;\n  /**\n   * The delay (in ms) for throttling the `onItemsRendered` callback.\n   */\n  onItemsRenderedThrottleMs?: number;\n  /**\n   * Callback fired when the list size changes.\n   */\n  onSizeUpdate?: (width: number, height: number) => void;\n  /**\n   * Callback fired when the vertical or horizontal scrollbar visibility changes.\n   */\n  onLayoutDirectionScrollbarVisibilityChange?: (value: boolean) => void;\n  /**\n   * The ARIA role attribute applied to the list.\n   */\n  role?: string;\n  /**\n   * The ARIA label for the list.\n   */\n  \"aria-label\"?: string;\n  /**\n   * Custom inline styles applied to the list.\n   */\n  style?: CSSProperties;\n  /**\n   * The ID of the item to scroll to.\n   */\n  scrollToId?: string;\n  /**\n   * Reference to the virtualized list component.\n   */\n  virtualListRef?: ForwardedRef<HTMLElement>;\n  /**\n   * Callback fired when the list is scrolled.\n   */\n  onScroll?: (\n    horizontalScrollDirection: VirtualizedListScrollDirection,\n    scrollTop: number,\n    scrollUpdateWasRequested: boolean\n  ) => void;\n}\n\nconst VirtualizedList = forwardRef(\n  (\n    {\n      className,\n      id,\n      items = [],\n      itemRenderer = (item: VirtualizedListItem, _index: number, _style: CSSProperties) => item as ReactElement,\n      getItemSize = (item: VirtualizedListItem, _index: number) => item.height,\n      layout = \"vertical\",\n      onScroll,\n      overscanCount = 0,\n      getItemId = (item: VirtualizedListItem, _index: number) => item.id,\n      scrollToId,\n      scrollDuration = 200,\n      onScrollToFinished = NOOP,\n      onItemsRendered,\n      onItemsRenderedThrottleMs = 200,\n      onSizeUpdate = NOOP,\n      onLayoutDirectionScrollbarVisibilityChange = null,\n      virtualListRef,\n      scrollableClassName,\n      role,\n      \"aria-label\": ariaLabel,\n      style,\n      \"data-testid\": dataTestId\n    }: VirtualizedListProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    // states\n    const [listHeight, setListHeight] = useState(0);\n    const [listWidth, setListWidth] = useState(0);\n\n    const isVerticalList = layout !== \"horizontal\";\n    const listSizeByLayout = useMemo(() => {\n      return isVerticalList ? listHeight : listWidth;\n    }, [isVerticalList, listHeight, listWidth]);\n\n    // prevs\n    const prevScrollToId = usePrevious(scrollToId);\n\n    // Refs\n    const componentRef = useRef(null);\n    const isVerticalScrollbarVisibleRef = useRef(null);\n    const listRef = useRef(null);\n    const scrollTopRef = useRef(0);\n    const animationDataRef = useRef({\n      initialized: false,\n      scrollOffsetInitial: 0,\n      scrollOffsetFinal: 0,\n      animationStartTime: 0\n    });\n    const mergedRef = useMergeRef(ref, componentRef);\n    const mergedListRef = useMergeRef(virtualListRef, listRef);\n\n    const animationData = animationDataRef.current;\n    if (!animationData.initialized) {\n      animationData.initialized = true;\n      animationData.scrollOffsetInitial = 0;\n      animationData.scrollOffsetFinal = 0;\n      animationData.animationStartTime = 0;\n    }\n\n    // Callbacks\n    const sizeGetter = useCallback(\n      (item: VirtualizedListItem, index: number) => {\n        const height = getItemSize(item, index);\n        if (height === undefined) {\n          console.error(\"Couldn't get height for item: \", item);\n        }\n        return height;\n      },\n      [getItemSize]\n    );\n\n    const idGetter = useCallback(\n      (item: VirtualizedListItem, index: number) => {\n        const itemId = getItemId(item, index);\n        if (itemId === undefined) {\n          console.error(\"Couldn't get id for item: \", item);\n        }\n        return itemId;\n      },\n      [getItemId]\n    );\n\n    // Memos\n    // Creates object of itemId => { item, index, size, offsetTop}\n    const normalizedItems = useMemo(() => {\n      return getNormalizedItems(items, idGetter, sizeGetter);\n    }, [items, idGetter, sizeGetter]);\n\n    const maxListOffset = useMemo(() => {\n      return getMaxOffset(listSizeByLayout, normalizedItems);\n    }, [listSizeByLayout, normalizedItems]);\n\n    // Callbacks\n    const onScrollCB = useCallback(\n      ({\n        scrollDirection,\n        scrollOffset,\n        scrollUpdateWasRequested\n      }: {\n        scrollDirection: ScrollDirection;\n        scrollOffset: number;\n        scrollUpdateWasRequested: boolean;\n      }) => {\n        scrollTopRef.current = scrollOffset;\n        if (!scrollUpdateWasRequested) {\n          animationData.scrollOffsetInitial = scrollOffset;\n        }\n        onScroll && onScroll(scrollDirection, scrollOffset, scrollUpdateWasRequested);\n      },\n      [onScroll, scrollTopRef, animationData]\n    );\n\n    const animateScroll = useCallback(() => {\n      requestAnimationFrame(() => {\n        const now = performance.now();\n        const ellapsed = now - animationData.animationStartTime;\n        const scrollDelta = animationData.scrollOffsetFinal - animationData.scrollOffsetInitial;\n        const easedTime = easeInOutQuint(Math.min(1, ellapsed / scrollDuration));\n        const scrollOffset = animationData.scrollOffsetInitial + scrollDelta * easedTime;\n        const finalOffsetValue = Math.min(maxListOffset, scrollOffset);\n        scrollTopRef.current = finalOffsetValue;\n        listRef.current?.scrollTo(finalOffsetValue);\n\n        if (ellapsed < scrollDuration) {\n          animateScroll();\n        } else {\n          animationData.animationStartTime = undefined;\n          onScrollToFinished && onScrollToFinished();\n        }\n      });\n    }, [scrollDuration, animationData, listRef, maxListOffset, onScrollToFinished]);\n\n    const startScrollAnimation = useCallback(\n      (item: VirtualizedListItem) => {\n        const { offsetTop } = item;\n\n        if (animationData.animationStartTime) {\n          // animation already in progress\n          animationData.scrollOffsetFinal = offsetTop;\n          return;\n        }\n\n        // Update the initial scroll offset with the current scroll position for react 18 batching behavior\n        if (listRef.current?.state?.scrollOffset !== null) {\n          animationData.scrollOffsetInitial = listRef.current?.state?.scrollOffset;\n        }\n\n        if (animationData.scrollOffsetInitial === offsetTop) {\n          // offset already equals to item offset\n          onScrollToFinished && onScrollToFinished();\n          return;\n        }\n\n        animationData.scrollOffsetFinal = offsetTop;\n        animationData.animationStartTime = performance.now();\n        animateScroll();\n      },\n      [animationData, animateScroll, onScrollToFinished]\n    );\n\n    const rowRenderer = useCallback(\n      ({ index, style }: { index: number; style: CSSProperties }) => {\n        const item = items[index];\n        return itemRenderer(item, index, style);\n      },\n      [items, itemRenderer]\n    );\n\n    const calcItemSize = useCallback(\n      (index: number) => {\n        const item = items[index];\n        return sizeGetter(item, index);\n      },\n      [items, sizeGetter]\n    );\n\n    const updateListSize = useCallback(\n      (width: number, height: number) => {\n        if (height !== listHeight || width !== listWidth) {\n          setTimeout(() => {\n            setListHeight(height);\n            setListWidth(width);\n            onSizeUpdate(width, height);\n          }, 0);\n        }\n      },\n      [listHeight, listWidth, onSizeUpdate]\n    );\n\n    const onItemsRenderedCB = useThrottledCallback(\n      ({ visibleStartIndex, visibleStopIndex }: ListOnItemsRenderedProps) => {\n        if (!onItemsRendered) return;\n        const data = getOnItemsRenderedData(\n          items,\n          normalizedItems,\n          idGetter,\n          visibleStartIndex,\n          visibleStopIndex,\n          listSizeByLayout,\n          scrollTopRef.current\n        );\n        onItemsRendered(data);\n      },\n      { wait: onItemsRenderedThrottleMs, trailing: true },\n      [onItemsRendered, items, normalizedItems, idGetter, listSizeByLayout]\n    );\n\n    // Effects\n    useEffect(() => {\n      // scroll to specific item\n      if (scrollToId && prevScrollToId !== scrollToId) {\n        const hasScrollbar = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, listSizeByLayout);\n        const item = normalizedItems[scrollToId as keyof typeof normalizedItems];\n        hasScrollbar && item && startScrollAnimation(item);\n      }\n    }, [prevScrollToId, scrollToId, startScrollAnimation, normalizedItems, items, idGetter, listSizeByLayout]);\n\n    useEffect(() => {\n      // recalculate row heights\n      if (listRef.current) {\n        listRef.current.resetAfterIndex(0);\n      }\n    }, [normalizedItems]);\n\n    useEffect(() => {\n      // update vertical scrollbar visibility\n      if (onLayoutDirectionScrollbarVisibilityChange) {\n        const isVisible = isLayoutDirectionScrollbarVisible(items, normalizedItems, idGetter, listSizeByLayout);\n        if (isVerticalScrollbarVisibleRef.current !== isVisible) {\n          isVerticalScrollbarVisibleRef.current = isVisible;\n          onLayoutDirectionScrollbarVisibilityChange(isVisible);\n        }\n      }\n    }, [onLayoutDirectionScrollbarVisibilityChange, items, normalizedItems, listSizeByLayout, idGetter]);\n\n    return (\n      <div\n        ref={mergedRef}\n        className={cx(styles.virtualizedListWrapper, className)}\n        id={id}\n        role={role}\n        aria-label={ariaLabel}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.VIRTUALIZED_LIST, id)}\n        style={style}\n      >\n        <AutoSizer>\n          {({ height, width }: { height: number; width: number }) => {\n            updateListSize(width, height);\n            return (\n              <List\n                ref={mergedListRef as unknown as LegacyRef<VariableSizeList<unknown>>}\n                height={height}\n                width={width}\n                itemCount={items.length}\n                itemSize={calcItemSize}\n                onScroll={onScrollCB}\n                layout={layout}\n                overscanCount={overscanCount}\n                onItemsRendered={onItemsRenderedCB}\n                className={scrollableClassName}\n              >\n                {rowRenderer as React.ComponentType<ListChildComponentProps>}\n              </List>\n            );\n          }}\n        </AutoSizer>\n      </div>\n    );\n  }\n);\n\nexport default VirtualizedList;\n"],"names":["VirtualizedList","forwardRef","_ref","ref","className","id","_ref$items","items","_ref$itemRenderer","itemRenderer","item","_index","_style","_ref$getItemSize","getItemSize","height","_ref$layout","layout","onScroll","_ref$overscanCount","overscanCount","_ref$getItemId","getItemId","scrollToId","_ref$scrollDuration","scrollDuration","_ref$onScrollToFinish","onScrollToFinished","NOOP","onItemsRendered","_ref$onItemsRenderedT","onItemsRenderedThrottleMs","_ref$onSizeUpdate","onSizeUpdate","_ref$onLayoutDirectio","onLayoutDirectionScrollbarVisibilityChange","virtualListRef","scrollableClassName","role","ariaLabel","style","dataTestId","_useState","useState","_useState2","_slicedToArray","listHeight","setListHeight","_useState3","_useState4","listWidth","setListWidth","isVerticalList","listSizeByLayout","useMemo","prevScrollToId","usePrevious","componentRef","useRef","isVerticalScrollbarVisibleRef","listRef","scrollTopRef","animationDataRef","initialized","scrollOffsetInitial","scrollOffsetFinal","animationStartTime","mergedRef","useMergeRef","mergedListRef","animationData","current","sizeGetter","useCallback","index","undefined","console","error","idGetter","itemId","normalizedItems","getNormalizedItems","maxListOffset","getMaxOffset","onScrollCB","_ref2","scrollDirection","scrollOffset","scrollUpdateWasRequested","animateScroll","requestAnimationFrame","ellapsed","performance","now","scrollDelta","easedTime","easeInOutQuint","Math","min","finalOffsetValue","_a","scrollTo","startScrollAnimation","offsetTop","_b","state","_d","_c","rowRenderer","_ref3","calcItemSize","updateListSize","width","setTimeout","onItemsRenderedCB","useThrottledCallback","_ref4","data","getOnItemsRenderedData","visibleStartIndex","visibleStopIndex","wait","trailing","useEffect","hasScrollbar","isLayoutDirectionScrollbarVisible","resetAfterIndex","isVisible","React","createElement","cx","styles","virtualizedListWrapper","getTestId","ComponentDefaultTestId","VIRTUALIZED_LIST","AutoSizer","_ref5","List","itemCount","length","itemSize"],"mappings":"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"}

package/dist/src/components/VirtualizedList/VirtualizedList.module.scss.js

@@ -1,2 +1,2 @@
-var e={virtualizedListWrapper:"virtualizedListWrapper_992200bbef"};!function(e){const t="s_id-9250e4cf6c59_3_86_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.virtualizedListWrapper_992200bbef {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedListWrapper:"virtualizedListWrapper_5d58fecb54"};!function(e){const t="s_id-9250e4cf6c59_4_0_0-alpha_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.virtualizedListWrapper_5d58fecb54 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedList.module.scss.js.map

package/dist/src/components/next/List/List.js

@@ -1,2 +1,2 @@
-import s,{forwardRef as a}from"react";import e from"classnames";import t from"../../BaseList/BaseList.js";import{getTestId as o,ComponentDefaultTestId as i}from"../../../tests/testIds.js";import{ComponentVibeId as r}from"../../../tests/constants.js";import d from"./List.module.scss.js";var m=a((function(a,m){var l=a.id,n=a.as,c=void 0===n?"ul":n,u=a.children,f=a.ariaLabel,p=a.ariaDescribedBy,v=a.role,L=void 0===v?"listbox":v,b=a.size,x=void 0===b?"small":b,h=a.maxHeight,I=a.focusOnMount,g=void 0!==I&&I,j=a.defaultFocusIndex,B=a.onFocusChange,F=a["data-testid"];return s.createElement(t,{ref:m,id:l,className:e(d.list,a.className),as:c,ariaLabel:f,ariaDescribedBy:p,role:L,size:x,maxHeight:h,focusOnMount:g,defaultFocusIndex:j,onFocusChange:B,"data-testid":F||o(i.LIST,l),"data-vibe":r.LIST},u)}));export{m as default};
+import s,{forwardRef as a}from"react";import e from"classnames";import t from"../../BaseList/BaseList.js";import{getTestId as o,ComponentDefaultTestId as i}from"../../../tests/testIds.js";import{ComponentVibeId as r}from"../../../tests/constants.js";import d from"./List.module.scss.js";var l=a((function(a,l){var m=a.id,n=a.as,c=void 0===n?"ul":n,u=a.children,f=a["aria-label"],b=a["aria-describedby"],p=a.role,v=void 0===p?"listbox":p,x=a.size,h=void 0===x?"small":x,I=a.maxHeight,L=a.focusOnMount,g=void 0!==L&&L,j=a.defaultFocusIndex,F=a.onFocusChange,y=a["data-testid"];return s.createElement(t,{ref:l,id:m,className:e(d.list,a.className),as:c,"aria-label":f,"aria-describedby":b,role:v,size:h,maxHeight:I,focusOnMount:g,defaultFocusIndex:j,onFocusChange:F,"data-testid":y||o(i.LIST,m),"data-vibe":r.LIST},u)}));export{l as default};
 //# sourceMappingURL=List.js.map

package/dist/src/components/next/List/List.js.map

@@ -1 +1 @@
-{"version":3,"file":"List.js","sources":["../../../../../src/components/next/List/List.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport BaseList from \"../../BaseList/BaseList\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\nimport { type ListProps } from \"./List.types\";\nimport styles from \"./List.module.scss\";\n\nconst List = forwardRef(\n  (\n    {\n      className,\n      id,\n      as = \"ul\",\n      children,\n      ariaLabel,\n      ariaDescribedBy,\n      role = \"listbox\",\n      size = \"small\",\n      maxHeight,\n      focusOnMount = false,\n      defaultFocusIndex,\n      onFocusChange,\n      \"data-testid\": dataTestId\n    }: ListProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    return (\n      <BaseList\n        ref={ref}\n        id={id}\n        className={cx(styles.list, className)}\n        as={as}\n        ariaLabel={ariaLabel}\n        ariaDescribedBy={ariaDescribedBy}\n        role={role}\n        size={size}\n        maxHeight={maxHeight}\n        focusOnMount={focusOnMount}\n        defaultFocusIndex={defaultFocusIndex}\n        onFocusChange={onFocusChange}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.LIST, id)}\n        data-vibe={ComponentVibeId.LIST}\n      >\n        {children}\n      </BaseList>\n    );\n  }\n);\n\nexport default List;\n"],"names":["List","forwardRef","_ref","ref","id","_ref$as","as","children","ariaLabel","ariaDescribedBy","_ref$role","role","_ref$size","size","maxHeight","_ref$focusOnMount","focusOnMount","defaultFocusIndex","onFocusChange","dataTestId","React","createElement","BaseList","className","cx","styles","list","getTestId","ComponentDefaultTestId","LIST","ComponentVibeId"],"mappings":"+RAQMA,IAAAA,EAAOC,GACX,SAAAC,EAgBEC,GACE,IAdAC,EAAEF,EAAFE,GAAEC,EAAAH,EACFI,GAAAA,OAAK,IAAHD,EAAG,KAAIA,EACTE,EAAQL,EAARK,SACAC,EAASN,EAATM,UACAC,EAAeP,EAAfO,gBAAeC,EAAAR,EACfS,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAV,EAChBW,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAASZ,EAATY,UAASC,EAAAb,EACTc,aAAAA,OAAe,IAAHD,GAAQA,EACpBE,EAAiBf,EAAjBe,kBACAC,EAAahB,EAAbgB,cACeC,EAAUjB,EAAzB,eAIF,OACEkB,EAACC,cAAAC,EACC,CAAAnB,IAAKA,EACLC,GAAIA,EACJmB,UAAWC,EAAGC,EAAOC,KApBdxB,EAATqB,WAqBEjB,GAAIA,EACJE,UAAWA,EACXC,gBAAiBA,EACjBE,KAAMA,EACNE,KAAMA,EACNC,UAAWA,EACXE,aAAcA,EACdC,kBAAmBA,EACnBC,cAAeA,EACF,cAAAC,GAAcQ,EAAUC,EAAuBC,KAAMzB,GAAG,YAC1D0B,EAAgBD,MAE1BtB,EAGP"}
+{"version":3,"file":"List.js","sources":["../../../../../src/components/next/List/List.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport BaseList from \"../../BaseList/BaseList\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\nimport { type ListProps } from \"./List.types\";\nimport styles from \"./List.module.scss\";\n\nconst List = forwardRef(\n  (\n    {\n      className,\n      id,\n      as = \"ul\",\n      children,\n      \"aria-label\": ariaLabel,\n      \"aria-describedby\": ariaDescribedBy,\n      role = \"listbox\",\n      size = \"small\",\n      maxHeight,\n      focusOnMount = false,\n      defaultFocusIndex,\n      onFocusChange,\n      \"data-testid\": dataTestId\n    }: ListProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    return (\n      <BaseList\n        ref={ref}\n        id={id}\n        className={cx(styles.list, className)}\n        as={as}\n        aria-label={ariaLabel}\n        aria-describedby={ariaDescribedBy}\n        role={role}\n        size={size}\n        maxHeight={maxHeight}\n        focusOnMount={focusOnMount}\n        defaultFocusIndex={defaultFocusIndex}\n        onFocusChange={onFocusChange}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.LIST, id)}\n        data-vibe={ComponentVibeId.LIST}\n      >\n        {children}\n      </BaseList>\n    );\n  }\n);\n\nexport default List;\n"],"names":["List","forwardRef","_ref","ref","id","_ref$as","as","children","ariaLabel","ariaDescribedBy","_ref$role","role","_ref$size","size","maxHeight","_ref$focusOnMount","focusOnMount","defaultFocusIndex","onFocusChange","dataTestId","React","createElement","BaseList","className","cx","styles","list","getTestId","ComponentDefaultTestId","LIST","ComponentVibeId"],"mappings":"+RAQMA,IAAAA,EAAOC,GACX,SAAAC,EAgBEC,GACE,IAdAC,EAAEF,EAAFE,GAAEC,EAAAH,EACFI,GAAAA,OAAK,IAAHD,EAAG,KAAIA,EACTE,EAAQL,EAARK,SACcC,EAASN,EAAvB,cACoBO,EAAeP,EAAnC,oBAAkBQ,EAAAR,EAClBS,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAV,EAChBW,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAASZ,EAATY,UAASC,EAAAb,EACTc,aAAAA,OAAe,IAAHD,GAAQA,EACpBE,EAAiBf,EAAjBe,kBACAC,EAAahB,EAAbgB,cACeC,EAAUjB,EAAzB,eAIF,OACEkB,EAAAC,cAACC,EAAQ,CACPnB,IAAKA,EACLC,GAAIA,EACJmB,UAAWC,EAAGC,EAAOC,KApBdxB,EAATqB,WAqBEjB,GAAIA,EACQ,aAAAE,qBACMC,EAClBE,KAAMA,EACNE,KAAMA,EACNC,UAAWA,EACXE,aAAcA,EACdC,kBAAmBA,EACnBC,cAAeA,EAAa,cACfC,GAAcQ,EAAUC,EAAuBC,KAAMzB,GACvD,YAAA0B,EAAgBD,MAE1BtB,EAGP"}

package/dist/src/components/next/List/List.module.scss.js

@@ -1,2 +1,2 @@
-var e={list:"list_37f451b3a9"};!function(e){const t="s_id-39e4d9ed645a_3_86_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".list_37f451b3a9 {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}");export{e as default};
+var e={list:"list_65e6d40f91"};!function(e){const t="s_id-39e4d9ed645a_4_0_0-alpha_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".list_65e6d40f91 {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}");export{e as default};
 //# sourceMappingURL=List.module.scss.js.map

package/dist/src/components/next/List/ListTitle/ListTitle.module.scss.js

@@ -1,2 +1,2 @@
-var e={listTitle:"listTitle_89e74cfbce",small:"small_c26b39e1f9",medium:"medium_47e78ecf20",large:"large_47e78ecf20",sticky:"sticky_3715db2558"};!function(e){const n="s_id-93ad846a21a6_3_86_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,i.firstChild?i.insertBefore(a,i.firstChild):i.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listTitle_89e74cfbce {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  border-radius: var(--border-radius-small);\n}\n.small_c26b39e1f9 {\n  padding: var(--spacing-medium) var(--spacing-small) var(--spacing-small);\n}\n.medium_47e78ecf20 {\n  padding: var(--spacing-medium) 12px var(--spacing-small);\n}\n.large_47e78ecf20 {\n  padding: var(--spacing-medium) 12px var(--spacing-small);\n}\n.sticky_3715db2558 {\n  position: sticky;\n  inset-block-start: 0;\n  background-color: var(--primary-background-color);\n  z-index: 1;\n}");export{e as default};
+var e={listTitle:"listTitle_7694bf7e18",small:"small_f91869f6c0",medium:"medium_0979fa1e19",large:"large_0979fa1e19",sticky:"sticky_1fca55898e"};!function(e){const n="s_id-7bd0f1d1374d_4_0_0-alpha_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listTitle_7694bf7e18 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  border-radius: var(--border-radius-small);\n}\n.small_f91869f6c0 {\n  padding: var(--space-16) var(--space-8) var(--space-8);\n}\n.medium_0979fa1e19 {\n  padding: var(--space-16) 12px var(--space-8);\n}\n.large_0979fa1e19 {\n  padding: var(--space-16) 12px var(--space-8);\n}\n.sticky_1fca55898e {\n  position: sticky;\n  inset-block-start: 0;\n  background-color: var(--primary-background-color);\n  z-index: 1;\n}");export{e as default};
 //# sourceMappingURL=ListTitle.module.scss.js.map

package/dist/src/components/next.js

@@ -1,2 +1,2 @@
-export{default as AttentionBox}from"./next/AttentionBox/AttentionBox.js";export{default as Dropdown}from"./next/Dropdown/Dropdown.js";export{default as DatePicker}from"./next/DatePicker/DatePicker.js";export{default as List}from"./next/List/List.js";export{default as ListItem}from"./next/List/ListItem/ListItem.js";export{default as ListTitle}from"./next/List/ListTitle/ListTitle.js";export{default as ModalFooter}from"./Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./Modal/Modal/Modal.js";export{default as ModalHeader}from"./Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./Modal/ModalMedia/ModalMedia.js";export{default as Dialog}from"./next/Dialog/Dialog.js";
+export{default as List}from"./next/List/List.js";export{default as ListItem}from"./next/List/ListItem/ListItem.js";export{default as ListTitle}from"./next/List/ListTitle/ListTitle.js";
 //# sourceMappingURL=next.js.map

package/dist/src/constants/keyCodes.js.map

@@ -1 +1 @@
-{"version":3,"file":"keyCodes.js","sources":["../../../src/constants/keyCodes.js"],"sourcesContent":["export const keyCodes = {\n  ENTER: \"Enter\",\n  SPACE: \" \",\n  ESCAPE: \"Escape\",\n  DOWN_ARROW: \"ArrowDown\",\n  UP_ARROW: \"ArrowUp\",\n  LEFT_ARROW: \"ArrowLeft\",\n  RIGHT_ARROW: \"ArrowRight\",\n  TAB: \"Tab\",\n  HOME: \"Home\",\n  END: \"End\",\n  PAGE_UP: \"PageUp\",\n  PAGE_DOWN: \"PageDown\"\n};\n\nexport const SELECTION_KEYS = [keyCodes.ENTER, keyCodes.SPACE];\nexport const UP_DOWN_ARROWS = [keyCodes.UP_ARROW, keyCodes.DOWN_ARROW];\n"],"names":["keyCodes","ENTER","SPACE","ESCAPE","DOWN_ARROW","UP_ARROW","LEFT_ARROW","RIGHT_ARROW","TAB","HOME","END","PAGE_UP","PAGE_DOWN","SELECTION_KEYS","UP_DOWN_ARROWS"],"mappings":"AAAO,IAAMA,EAAW,CACtBC,MAAO,QACPC,MAAO,IACPC,OAAQ,SACRC,WAAY,YACZC,SAAU,UACVC,WAAY,YACZC,YAAa,aACbC,IAAK,MACLC,KAAM,OACNC,IAAK,MACLC,QAAS,SACTC,UAAW,YAGAC,EAAiB,CAACb,QAAgBA,KAClCc,EAAiB,CAACd,UAAmBA"}
+{"version":3,"file":"keyCodes.js","sources":["../../../src/constants/keyCodes.ts"],"sourcesContent":["export const keyCodes = {\n  ENTER: \"Enter\",\n  SPACE: \" \",\n  ESCAPE: \"Escape\",\n  DOWN_ARROW: \"ArrowDown\",\n  UP_ARROW: \"ArrowUp\",\n  LEFT_ARROW: \"ArrowLeft\",\n  RIGHT_ARROW: \"ArrowRight\",\n  TAB: \"Tab\",\n  HOME: \"Home\",\n  END: \"End\",\n  PAGE_UP: \"PageUp\",\n  PAGE_DOWN: \"PageDown\"\n};\n\nexport const SELECTION_KEYS = [keyCodes.ENTER, keyCodes.SPACE];\nexport const UP_DOWN_ARROWS = [keyCodes.UP_ARROW, keyCodes.DOWN_ARROW];\n"],"names":["keyCodes","ENTER","SPACE","ESCAPE","DOWN_ARROW","UP_ARROW","LEFT_ARROW","RIGHT_ARROW","TAB","HOME","END","PAGE_UP","PAGE_DOWN","SELECTION_KEYS","UP_DOWN_ARROWS"],"mappings":"AAAO,IAAMA,EAAW,CACtBC,MAAO,QACPC,MAAO,IACPC,OAAQ,SACRC,WAAY,YACZC,SAAU,UACVC,WAAY,YACZC,YAAa,aACbC,IAAK,MACLC,KAAM,OACNC,IAAK,MACLC,QAAS,SACTC,UAAW,YAGAC,EAAiB,CAACb,QAAgBA,KAClCc,EAAiB,CAACd,UAAmBA"}

package/dist/src/helpers/textManipulations.js.map

@@ -1 +1 @@
-{"version":3,"file":"textManipulations.js","sources":["../../../src/helpers/textManipulations.ts"],"sourcesContent":["import { convertToArray } from \"../utils/function-utils\";\n\nconst MIN_PRECISION = 0;\nconst MAX_PRECISION = 20;\nconst DEFAULT_LOCAL = \"en-US\";\n\nfunction validateLocalSupported(local: string) {\n  let isLocalSupported;\n  try {\n    const options = { localeMatcher: \"lookup\" };\n    isLocalSupported = !!Intl.NumberFormat.supportedLocalesOf(convertToArray(local), options).length;\n  } catch (err) {\n    isLocalSupported = false;\n  }\n\n  return isLocalSupported;\n}\n\nfunction validatePrecision(precision: number) {\n  if (precision < MIN_PRECISION) return MIN_PRECISION;\n  if (precision > MAX_PRECISION) return MAX_PRECISION;\n  return precision;\n}\n\nexport const formatNumberConsts = Object.freeze({\n  MIN_PRECISION,\n  MAX_PRECISION,\n  DEFAULT_LOCAL\n});\n\nexport function formatNumber(\n  value: number,\n  {\n    local = DEFAULT_LOCAL,\n    isCompact = true,\n    precision = 2\n  }: { local?: Intl.Locale[\"language\"]; isCompact?: boolean; precision?: number } = {}\n) {\n  if (value === undefined || value === null) return;\n  const isLocalSupported = validateLocalSupported(local);\n  const normalizedPrecision = validatePrecision(precision);\n  const selectedLocal = isLocalSupported ? local : DEFAULT_LOCAL;\n  return new Intl.NumberFormat(selectedLocal, {\n    ...(isCompact && { notation: \"compact\" }),\n    maximumFractionDigits: normalizedPrecision\n  }).format(value);\n}\n"],"names":["MIN_PRECISION","MAX_PRECISION","DEFAULT_LOCAL","formatNumberConsts","Object","freeze","formatNumber","value","_ref","arguments","length","undefined","_ref$local","local","_ref$isCompact","isCompact","_ref$precision","precision","isLocalSupported","Intl","NumberFormat","supportedLocalesOf","convertToArray","localeMatcher","err","validateLocalSupported","normalizedPrecision","validatePrecision","assign","notation","maximumFractionDigits","format"],"mappings":"4DAEA,IAAMA,EAAgB,EAChBC,EAAgB,GAChBC,EAAgB,YAoBTC,EAAqBC,OAAOC,OAAO,CAC9CL,cAAAA,EACAC,cAAAA,EACAC,cAAAA,aAGcI,EACdC,GAKoF,IAAAC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAF,CAAE,EAAAG,EAAAJ,EAHlFK,MAAAA,OAAQX,IAAHU,EAAGV,EAAaU,EAAAE,EAAAN,EACrBO,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAAAR,EAChBS,UAAAA,OAAY,IAAHD,EAAG,EAACA,EAGf,GAAIT,QAAJ,CACA,IAAMW,EAjCR,SAAgCL,GAC9B,IAAIK,EACJ,IAEEA,IAAqBC,KAAKC,aAAaC,mBAAmBC,EAAeT,GADzD,CAAEU,cAAe,WACyDb,MAC3F,CAAC,MAAOc,GACPN,GAAmB,CACpB,CAED,OAAOA,CACT,CAuB2BO,CAAuBZ,GAC1Ca,EAtBR,SAA2BT,GACzB,OAAgBjB,EAAZiB,EAAkCjB,EAClCiB,EAAYhB,EAAsBA,EAC/BgB,CACT,CAkB8BU,CAAkBV,GAE9C,OAAO,IAAIE,KAAKC,aADMF,EAAmBL,EAAQX,EACPE,OAAAwB,OAAAxB,OAAAwB,OAAA,CAAA,EACpCb,GAAa,CAAEc,SAAU,YAC7B,CAAAC,sBAAuBJ,KACtBK,OAAOxB,EAPiC,CAQ7C"}
+{"version":3,"file":"textManipulations.js","sources":["../../../src/helpers/textManipulations.ts"],"sourcesContent":["import { convertToArray } from \"../utils/function-utils\";\n\nconst MIN_PRECISION = 0;\nconst MAX_PRECISION = 20;\nconst DEFAULT_LOCAL = \"en-US\";\n\nfunction validateLocalSupported(local: string) {\n  let isLocalSupported;\n  try {\n    const options = { localeMatcher: \"lookup\" as const };\n    isLocalSupported = !!Intl.NumberFormat.supportedLocalesOf(convertToArray(local), options).length;\n  } catch (err) {\n    isLocalSupported = false;\n  }\n\n  return isLocalSupported;\n}\n\nfunction validatePrecision(precision: number) {\n  if (precision < MIN_PRECISION) return MIN_PRECISION;\n  if (precision > MAX_PRECISION) return MAX_PRECISION;\n  return precision;\n}\n\nexport const formatNumberConsts = Object.freeze({\n  MIN_PRECISION,\n  MAX_PRECISION,\n  DEFAULT_LOCAL\n});\n\nexport function formatNumber(\n  value: number,\n  {\n    local = DEFAULT_LOCAL,\n    isCompact = true,\n    precision = 2\n  }: { local?: Intl.Locale[\"language\"]; isCompact?: boolean; precision?: number } = {}\n) {\n  if (value === undefined || value === null) return;\n  const isLocalSupported = validateLocalSupported(local);\n  const normalizedPrecision = validatePrecision(precision);\n  const selectedLocal = isLocalSupported ? local : DEFAULT_LOCAL;\n  return new Intl.NumberFormat(selectedLocal, {\n    ...(isCompact && { notation: \"compact\" }),\n    maximumFractionDigits: normalizedPrecision\n  }).format(value);\n}\n"],"names":["MIN_PRECISION","MAX_PRECISION","DEFAULT_LOCAL","formatNumberConsts","Object","freeze","formatNumber","value","_ref","arguments","length","undefined","_ref$local","local","_ref$isCompact","isCompact","_ref$precision","precision","isLocalSupported","Intl","NumberFormat","supportedLocalesOf","convertToArray","localeMatcher","err","validateLocalSupported","normalizedPrecision","validatePrecision","assign","notation","maximumFractionDigits","format"],"mappings":"4DAEA,IAAMA,EAAgB,EAChBC,EAAgB,GAChBC,EAAgB,YAoBTC,EAAqBC,OAAOC,OAAO,CAC9CL,cAAAA,EACAC,cAAAA,EACAC,cAAAA,aAGcI,EACdC,GAKoF,IAAAC,EAAAC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAF,CAAE,EAAAG,EAAAJ,EAHlFK,MAAAA,OAAQX,IAAHU,EAAGV,EAAaU,EAAAE,EAAAN,EACrBO,UAAAA,OAAY,IAAHD,GAAOA,EAAAE,EAAAR,EAChBS,UAAAA,OAAY,IAAHD,EAAG,EAACA,EAGf,GAAIT,QAAJ,CACA,IAAMW,EAjCR,SAAgCL,GAC9B,IAAIK,EACJ,IAEEA,IAAqBC,KAAKC,aAAaC,mBAAmBC,EAAeT,GADzD,CAAEU,cAAe,WACyDb,MAC3F,CAAC,MAAOc,GACPN,GAAmB,CACpB,CAED,OAAOA,CACT,CAuB2BO,CAAuBZ,GAC1Ca,EAtBR,SAA2BT,GACzB,OAAgBjB,EAAZiB,EAAkCjB,EAClCiB,EAAYhB,EAAsBA,EAC/BgB,CACT,CAkB8BU,CAAkBV,GAE9C,OAAO,IAAIE,KAAKC,aADMF,EAAmBL,EAAQX,EACPE,OAAAwB,OAAAxB,OAAAwB,OAAA,CAAA,EACpCb,GAAa,CAAEc,SAAU,YAC7B,CAAAC,sBAAuBJ,KACtBK,OAAOxB,EAPiC,CAQ7C"}

package/dist/src/hooks/useActiveDescendantListFocus/index.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as t,useMemo as o,useCallback as s}from"react";import{useSetDefaultItemOnFocusEvent as i,useSupportArrowsKeyboardNavigation as n,useSupportPressItemKeyboardNavigation as u,useKeepFocusOnItemWhenListChanged as l,useCleanVisualFocusOnBlur as c}from"./useActiveDescendantListFocusHooks.js";var a;function r(r){var m=r.focusedElementRef,I=r.itemsIds,d=r.isItemSelectable,f=r.onItemClick,v=r.defaultVisualFocusFirstIndex,F=r.focusedElementRole,p=void 0===F?a.GROUP:F,x=r.isHorizontalList,b=void 0!==x&&x,O=r.isIgnoreSpaceAsItemSelection,g=void 0!==O&&O,C=r.useDocumentEventListeners,E=void 0!==C&&C,S=r.ignoreDocumentFallback,k=void 0!==S&&S,P=void 0!==v&&v?0:-1,R=I.length,V=t(-1),A=e(V,2),B=A[0],y=A[1],D=I[B],L=o((function(){return E?k?{ignoreDocumentFallback:k}:void 0:{ref:m,preventDefault:!0,stopPropagation:!0}}),[E,m,k]),T=i({focusedElementRef:m,isItemSelectable:d,visualFocusItemIndex:B,setVisualFocusItemIndex:y,itemsCount:R,defaultVisualFocusItemIndex:P}).triggeredByKeyboard,H=s((function(e,t){T.current=t;var o=I.indexOf(e);o>-1&&o!==B&&y(o)}),[I,T,B]);n({itemsCount:R,focusedElementRef:m,visualFocusItemIndex:B,setVisualFocusItemIndex:y,triggeredByKeyboard:T,isHorizontalList:b,isItemSelectable:d,listenerOptions:L}),u({visualFocusItemIndex:B,itemsCount:R,focusedElementRef:m,setVisualFocusItemIndex:y,onItemClick:f,isItemSelectable:d,listenerOptions:L,isIgnoreSpaceAsItemSelection:g}),l({visualFocusItemIndex:B,itemsIds:I,isItemSelectable:d,setVisualFocusItemIndex:y}),c({focusedElementRef:m,visualFocusItemIndex:B,setVisualFocusItemIndex:y});var M=s((function(e){return function(t){return f(t,e)}}),[f]);return{visualFocusItemIndex:T.current?B:void 0,visualFocusItemId:T.current?D:void 0,focusedElementProps:{"aria-activedescendant":T.current?D:void 0,role:p},onItemClickCallback:f,createOnItemClickCallback:M,setVisualFocusItemId:H}}!function(e){e.APPLICATION="application",e.COMBOBOX="combobox",e.COMPOSITE="composite",e.GROUP="group",e.TEXTBOX="textbox",e.MENU="menu"}(a||(a={})),r.roles=a;export{r as default};
+import{slicedToArray as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{useState as t,useMemo as s,useCallback as o}from"react";import{useSetDefaultItemOnFocusEvent as i,useSupportArrowsKeyboardNavigation as n,useSupportPressItemKeyboardNavigation as u,useKeepFocusOnItemWhenListChanged as l,useCleanVisualFocusOnBlur as c}from"./useActiveDescendantListFocusHooks.js";var a;function r(r){var m=r.focusedElementRef,d=r.itemsIds,I=r.isItemSelectable,f=r.onItemClick,v=r.defaultVisualFocusFirstIndex,F=r.focusedElementRole,p=void 0===F?a.GROUP:F,x=r.isHorizontalList,b=void 0!==x&&x,g=r.isIgnoreSpaceAsItemSelection,O=void 0!==g&&g,E=r.useDocumentEventListeners,S=void 0!==E&&E,C=r.ignoreDocumentFallback,P=void 0!==C&&C,R=void 0!==v&&v?0:-1,V=d.length,A=t(-1),B=e(A,2),k=B[0],y=B[1],D=d[k],L=s((function(){return S?P?{ignoreDocumentFallback:P}:void 0:{ref:m,preventDefault:!0,stopPropagation:!0}}),[S,m,P]),T=i({focusedElementRef:m,isItemSelectable:I,visualFocusItemIndex:k,setVisualFocusItemIndex:y,itemsCount:V,defaultVisualFocusItemIndex:R}).triggeredByKeyboard,H=o((function(e,t){T.current=t;var s=d.indexOf(e);s>-1&&s!==k&&y(s)}),[d,T,k]);return n({itemsCount:V,focusedElementRef:m,visualFocusItemIndex:k,setVisualFocusItemIndex:y,triggeredByKeyboard:T,isHorizontalList:b,isItemSelectable:I,listenerOptions:L}),u({visualFocusItemIndex:k,itemsCount:V,focusedElementRef:m,setVisualFocusItemIndex:y,onItemClick:f,isItemSelectable:I,listenerOptions:L,isIgnoreSpaceAsItemSelection:O}),l({visualFocusItemIndex:k,itemsIds:d,isItemSelectable:I,setVisualFocusItemIndex:y}),c({focusedElementRef:m,visualFocusItemIndex:k,setVisualFocusItemIndex:y}),{visualFocusItemIndex:T.current?k:void 0,visualFocusItemId:T.current?D:void 0,focusedElementProps:{"aria-activedescendant":T.current?D:void 0,role:p},setVisualFocusItemId:H}}!function(e){e.APPLICATION="application",e.COMBOBOX="combobox",e.COMPOSITE="composite",e.GROUP="group",e.TEXTBOX="textbox",e.MENU="menu"}(a||(a={})),r.roles=a;export{r as default};
 //# sourceMappingURL=index.js.map

package/dist/src/hooks/useActiveDescendantListFocus/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/hooks/useActiveDescendantListFocus/index.ts"],"sourcesContent":["import { type MutableRefObject } from \"react\";\nimport type React from \"react\";\nimport { useMemo, useState, useCallback } from \"react\";\nimport {\n  useSupportArrowsKeyboardNavigation,\n  useSupportPressItemKeyboardNavigation,\n  useSetDefaultItemOnFocusEvent,\n  useKeepFocusOnItemWhenListChanged,\n  useCleanVisualFocusOnBlur\n} from \"./useActiveDescendantListFocusHooks\";\n\nenum Role {\n  APPLICATION = \"application\",\n  COMBOBOX = \"combobox\",\n  COMPOSITE = \"composite\",\n  GROUP = \"group\",\n  TEXTBOX = \"textbox\",\n  MENU = \"menu\"\n}\n\nfunction useActiveDescendantListFocus({\n  focusedElementRef, // the reference for the component that listens to keyboard\n  itemsIds,\n  isItemSelectable,\n  onItemClick,\n  defaultVisualFocusFirstIndex = false,\n  focusedElementRole = Role.GROUP,\n  isHorizontalList = false,\n  isIgnoreSpaceAsItemSelection = false,\n  useDocumentEventListeners = false,\n  ignoreDocumentFallback = false\n}: {\n  focusedElementRef: MutableRefObject<HTMLElement>;\n  itemsIds: string[];\n  isItemSelectable: (index: number) => boolean;\n  onItemClick: (event: React.KeyboardEvent | React.MouseEvent, index: number) => void;\n  defaultVisualFocusFirstIndex?: boolean;\n  focusedElementRole?: Role;\n  isHorizontalList?: boolean;\n  isIgnoreSpaceAsItemSelection?: boolean;\n  useDocumentEventListeners?: boolean;\n  ignoreDocumentFallback?: boolean;\n}) {\n  const defaultVisualFocusItemIndex = defaultVisualFocusFirstIndex ? 0 : -1;\n  const itemsCount = itemsIds.length;\n  const [visualFocusItemIndex, setVisualFocusItemIndex] = useState<number>(-1);\n  const visualFocusItemId = itemsIds[visualFocusItemIndex];\n\n  const listenerOptions = useMemo(() => {\n    if (useDocumentEventListeners) {\n      return ignoreDocumentFallback ? { ignoreDocumentFallback } : undefined;\n    }\n\n    return {\n      ref: focusedElementRef,\n      preventDefault: true,\n      stopPropagation: true\n    };\n  }, [useDocumentEventListeners, focusedElementRef, ignoreDocumentFallback]);\n\n  const { triggeredByKeyboard } = useSetDefaultItemOnFocusEvent({\n    focusedElementRef,\n    isItemSelectable,\n    visualFocusItemIndex,\n    setVisualFocusItemIndex,\n    itemsCount,\n    defaultVisualFocusItemIndex\n  });\n\n  const setVisualFocusItemId = useCallback(\n    (visualFocusItemId: string, isTriggeredByKeyboard: boolean) => {\n      triggeredByKeyboard.current = isTriggeredByKeyboard;\n      const itemIndex = itemsIds.indexOf(visualFocusItemId);\n      if (itemIndex > -1 && itemIndex !== visualFocusItemIndex) {\n        setVisualFocusItemIndex(itemIndex);\n      }\n    },\n    [itemsIds, triggeredByKeyboard, visualFocusItemIndex]\n  );\n\n  useSupportArrowsKeyboardNavigation({\n    itemsCount,\n    focusedElementRef,\n    visualFocusItemIndex,\n    setVisualFocusItemIndex,\n    triggeredByKeyboard,\n    isHorizontalList,\n    isItemSelectable,\n    listenerOptions\n  });\n\n  useSupportPressItemKeyboardNavigation({\n    visualFocusItemIndex,\n    itemsCount,\n    focusedElementRef,\n    setVisualFocusItemIndex,\n    onItemClick,\n    isItemSelectable,\n    listenerOptions,\n    isIgnoreSpaceAsItemSelection\n  });\n\n  useKeepFocusOnItemWhenListChanged({\n    visualFocusItemIndex,\n    itemsIds,\n    isItemSelectable,\n    setVisualFocusItemIndex\n  });\n\n  useCleanVisualFocusOnBlur({ focusedElementRef, visualFocusItemIndex, setVisualFocusItemIndex });\n\n  // this callback function is not needed anymore (the developer does not need to replace  the element's on click with this callback).\n  // TODO: [breaking] remove backward compatibility support\n  const backwardCompatibilityCreateOnClickCallback = useCallback(\n    (itemIndex: number) => (event: React.KeyboardEvent | React.MouseEvent) => onItemClick(event, itemIndex),\n    [onItemClick]\n  );\n  return {\n    visualFocusItemIndex: triggeredByKeyboard.current ? visualFocusItemIndex : undefined,\n    visualFocusItemId: triggeredByKeyboard.current ? visualFocusItemId : undefined,\n    focusedElementProps: {\n      \"aria-activedescendant\": triggeredByKeyboard.current ? visualFocusItemId : undefined,\n      role: focusedElementRole\n    },\n    // this callback function is not needed anymore (the developer does not need to replace  the element's on click with this callback).\n    // TODO: [breaking] remove backward compatibility support\n    onItemClickCallback: onItemClick,\n    createOnItemClickCallback: backwardCompatibilityCreateOnClickCallback,\n    setVisualFocusItemId\n  };\n}\n\nuseActiveDescendantListFocus.roles = Role;\n\nexport default useActiveDescendantListFocus;\n"],"names":["Role","useActiveDescendantListFocus","_ref","focusedElementRef","itemsIds","isItemSelectable","onItemClick","_ref$defaultVisualFoc","defaultVisualFocusFirstIndex","_ref$focusedElementRo","focusedElementRole","GROUP","_ref$isHorizontalList","isHorizontalList","_ref$isIgnoreSpaceAsI","isIgnoreSpaceAsItemSelection","_ref$useDocumentEvent","useDocumentEventListeners","_ref$ignoreDocumentFa","ignoreDocumentFallback","defaultVisualFocusItemIndex","itemsCount","length","_useState","useState","_useState2","_slicedToArray","visualFocusItemIndex","setVisualFocusItemIndex","visualFocusItemId","listenerOptions","useMemo","undefined","ref","preventDefault","stopPropagation","triggeredByKeyboard","useSetDefaultItemOnFocusEvent","setVisualFocusItemId","useCallback","isTriggeredByKeyboard","current","itemIndex","indexOf","useSupportArrowsKeyboardNavigation","useSupportPressItemKeyboardNavigation","useKeepFocusOnItemWhenListChanged","useCleanVisualFocusOnBlur","backwardCompatibilityCreateOnClickCallback","event","focusedElementProps","role","onItemClickCallback","createOnItemClickCallback","roles"],"mappings":"8XAWA,IAAKA,EASL,SAASC,EAA4BC,GAsBpC,IArBCC,EAAiBD,EAAjBC,kBACAC,EAAQF,EAARE,SACAC,EAAgBH,EAAhBG,iBACAC,EAAWJ,EAAXI,YAAWC,EAAAL,EACXM,6BAAoCC,EAAAP,EACpCQ,mBAAAA,OAAkB,IAAAD,EAAGT,EAAKW,MAAKF,EAAAG,EAAAV,EAC/BW,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAZ,EACxBa,6BAAAA,OAA+B,IAAHD,GAAQA,EAAAE,EAAAd,EACpCe,0BAAAA,OAA4B,IAAHD,GAAQA,EAAAE,EAAAhB,EACjCiB,uBAAAA,OAAyB,IAAHD,GAAQA,EAaxBE,OAlByB,IAAHb,GAAQA,EAkB+B,GAAK,EAClEc,EAAajB,EAASkB,OAC5BC,EAAwDC,GAAkB,GAAEC,EAAAC,EAAAH,EAAA,GAArEI,EAAoBF,EAAA,GAAEG,EAAuBH,EAAA,GAC9CI,EAAoBzB,EAASuB,GAE7BG,EAAkBC,GAAQ,WAC9B,OAAId,EACKE,EAAyB,CAAEA,uBAAAA,QAA2Ba,EAGxD,CACLC,IAAK9B,EACL+B,gBAAgB,EAChBC,iBAAiB,EAEpB,GAAE,CAAClB,EAA2Bd,EAAmBgB,IAE1CiB,EAAwBC,EAA8B,CAC5DlC,kBAAAA,EACAE,iBAAAA,EACAsB,qBAAAA,EACAC,wBAAAA,EACAP,WAAAA,EACAD,4BAAAA,IANMgB,oBASFE,EAAuBC,GAC3B,SAACV,EAA2BW,GAC1BJ,EAAoBK,QAAUD,EAC9B,IAAME,EAAYtC,EAASuC,QAAQd,GAC/Ba,GAAa,GAAKA,IAAcf,GAClCC,EAAwBc,EAE3B,GACD,CAACtC,EAAUgC,EAAqBT,IAGlCiB,EAAmC,CACjCvB,WAAAA,EACAlB,kBAAAA,EACAwB,qBAAAA,EACAC,wBAAAA,EACAQ,oBAAAA,EACAvB,iBAAAA,EACAR,iBAAAA,EACAyB,gBAAAA,IAGFe,EAAsC,CACpClB,qBAAAA,EACAN,WAAAA,EACAlB,kBAAAA,EACAyB,wBAAAA,EACAtB,YAAAA,EACAD,iBAAAA,EACAyB,gBAAAA,EACAf,6BAAAA,IAGF+B,EAAkC,CAChCnB,qBAAAA,EACAvB,SAAAA,EACAC,iBAAAA,EACAuB,wBAAAA,IAGFmB,EAA0B,CAAE5C,kBAAAA,EAAmBwB,qBAAAA,EAAsBC,wBAAAA,IAIrE,IAAMoB,EAA6CT,GACjD,SAACG,GAAiB,OAAK,SAACO,GAA6C,OAAK3C,EAAY2C,EAAOP,EAAU,IACvG,CAACpC,IAEH,MAAO,CACLqB,qBAAsBS,EAAoBK,QAAUd,OAAuBK,EAC3EH,kBAAmBO,EAAoBK,QAAUZ,OAAoBG,EACrEkB,oBAAqB,CACnB,wBAAyBd,EAAoBK,QAAUZ,OAAoBG,EAC3EmB,KAAMzC,GAIR0C,oBAAqB9C,EACrB+C,0BAA2BL,EAC3BV,qBAAAA,EAEJ,EAvHA,SAAKtC,GACHA,EAAA,YAAA,cACAA,EAAA,SAAA,WACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,KAAA,MACD,CAPD,CAAKA,IAAAA,EAOJ,CAAA,IAkHDC,EAA6BqD,MAAQtD"}
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useActiveDescendantListFocus/index.ts"],"sourcesContent":["import { type MutableRefObject } from \"react\";\nimport type React from \"react\";\nimport { useMemo, useState, useCallback } from \"react\";\nimport {\n  useSupportArrowsKeyboardNavigation,\n  useSupportPressItemKeyboardNavigation,\n  useSetDefaultItemOnFocusEvent,\n  useKeepFocusOnItemWhenListChanged,\n  useCleanVisualFocusOnBlur\n} from \"./useActiveDescendantListFocusHooks\";\n\nenum Role {\n  APPLICATION = \"application\",\n  COMBOBOX = \"combobox\",\n  COMPOSITE = \"composite\",\n  GROUP = \"group\",\n  TEXTBOX = \"textbox\",\n  MENU = \"menu\"\n}\n\nfunction useActiveDescendantListFocus({\n  focusedElementRef, // the reference for the component that listens to keyboard\n  itemsIds,\n  isItemSelectable,\n  onItemClick,\n  defaultVisualFocusFirstIndex = false,\n  focusedElementRole = Role.GROUP,\n  isHorizontalList = false,\n  isIgnoreSpaceAsItemSelection = false,\n  useDocumentEventListeners = false,\n  ignoreDocumentFallback = false\n}: {\n  focusedElementRef: MutableRefObject<HTMLElement>;\n  itemsIds: string[];\n  isItemSelectable: (index: number) => boolean;\n  onItemClick: (event: React.KeyboardEvent | React.MouseEvent, index: number) => void;\n  defaultVisualFocusFirstIndex?: boolean;\n  focusedElementRole?: Role;\n  isHorizontalList?: boolean;\n  isIgnoreSpaceAsItemSelection?: boolean;\n  useDocumentEventListeners?: boolean;\n  ignoreDocumentFallback?: boolean;\n}) {\n  const defaultVisualFocusItemIndex = defaultVisualFocusFirstIndex ? 0 : -1;\n  const itemsCount = itemsIds.length;\n  const [visualFocusItemIndex, setVisualFocusItemIndex] = useState<number>(-1);\n  const visualFocusItemId = itemsIds[visualFocusItemIndex];\n\n  const listenerOptions = useMemo(() => {\n    if (useDocumentEventListeners) {\n      return ignoreDocumentFallback ? { ignoreDocumentFallback } : undefined;\n    }\n\n    return {\n      ref: focusedElementRef,\n      preventDefault: true,\n      stopPropagation: true\n    };\n  }, [useDocumentEventListeners, focusedElementRef, ignoreDocumentFallback]);\n\n  const { triggeredByKeyboard } = useSetDefaultItemOnFocusEvent({\n    focusedElementRef,\n    isItemSelectable,\n    visualFocusItemIndex,\n    setVisualFocusItemIndex,\n    itemsCount,\n    defaultVisualFocusItemIndex\n  });\n\n  const setVisualFocusItemId = useCallback(\n    (visualFocusItemId: string, isTriggeredByKeyboard: boolean) => {\n      triggeredByKeyboard.current = isTriggeredByKeyboard;\n      const itemIndex = itemsIds.indexOf(visualFocusItemId);\n      if (itemIndex > -1 && itemIndex !== visualFocusItemIndex) {\n        setVisualFocusItemIndex(itemIndex);\n      }\n    },\n    [itemsIds, triggeredByKeyboard, visualFocusItemIndex]\n  );\n\n  useSupportArrowsKeyboardNavigation({\n    itemsCount,\n    focusedElementRef,\n    visualFocusItemIndex,\n    setVisualFocusItemIndex,\n    triggeredByKeyboard,\n    isHorizontalList,\n    isItemSelectable,\n    listenerOptions\n  });\n\n  useSupportPressItemKeyboardNavigation({\n    visualFocusItemIndex,\n    itemsCount,\n    focusedElementRef,\n    setVisualFocusItemIndex,\n    onItemClick,\n    isItemSelectable,\n    listenerOptions,\n    isIgnoreSpaceAsItemSelection\n  });\n\n  useKeepFocusOnItemWhenListChanged({\n    visualFocusItemIndex,\n    itemsIds,\n    isItemSelectable,\n    setVisualFocusItemIndex\n  });\n\n  useCleanVisualFocusOnBlur({ focusedElementRef, visualFocusItemIndex, setVisualFocusItemIndex });\n\n  return {\n    visualFocusItemIndex: triggeredByKeyboard.current ? visualFocusItemIndex : undefined,\n    visualFocusItemId: triggeredByKeyboard.current ? visualFocusItemId : undefined,\n    focusedElementProps: {\n      \"aria-activedescendant\": triggeredByKeyboard.current ? visualFocusItemId : undefined,\n      role: focusedElementRole\n    },\n    setVisualFocusItemId\n  };\n}\n\nuseActiveDescendantListFocus.roles = Role;\n\nexport default useActiveDescendantListFocus;\n"],"names":["Role","useActiveDescendantListFocus","_ref","focusedElementRef","itemsIds","isItemSelectable","onItemClick","_ref$defaultVisualFoc","defaultVisualFocusFirstIndex","_ref$focusedElementRo","focusedElementRole","GROUP","_ref$isHorizontalList","isHorizontalList","_ref$isIgnoreSpaceAsI","isIgnoreSpaceAsItemSelection","_ref$useDocumentEvent","useDocumentEventListeners","_ref$ignoreDocumentFa","ignoreDocumentFallback","defaultVisualFocusItemIndex","itemsCount","length","_useState","useState","_useState2","_slicedToArray","visualFocusItemIndex","setVisualFocusItemIndex","visualFocusItemId","listenerOptions","useMemo","undefined","ref","preventDefault","stopPropagation","triggeredByKeyboard","useSetDefaultItemOnFocusEvent","setVisualFocusItemId","useCallback","isTriggeredByKeyboard","current","itemIndex","indexOf","useSupportArrowsKeyboardNavigation","useSupportPressItemKeyboardNavigation","useKeepFocusOnItemWhenListChanged","useCleanVisualFocusOnBlur","focusedElementProps","role","roles"],"mappings":"8XAWA,IAAKA,EASL,SAASC,EAA4BC,GAsBpC,IArBCC,EAAiBD,EAAjBC,kBACAC,EAAQF,EAARE,SACAC,EAAgBH,EAAhBG,iBACAC,EAAWJ,EAAXI,YAAWC,EAAAL,EACXM,6BAAoCC,EAAAP,EACpCQ,mBAAAA,OAAkB,IAAAD,EAAGT,EAAKW,MAAKF,EAAAG,EAAAV,EAC/BW,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAZ,EACxBa,6BAAAA,OAA+B,IAAHD,GAAQA,EAAAE,EAAAd,EACpCe,0BAAAA,OAA4B,IAAHD,GAAQA,EAAAE,EAAAhB,EACjCiB,uBAAAA,OAAyB,IAAHD,GAAQA,EAaxBE,OAlByB,IAAHb,GAAQA,EAkB+B,GAAK,EAClEc,EAAajB,EAASkB,OAC5BC,EAAwDC,GAAkB,GAAEC,EAAAC,EAAAH,EAAA,GAArEI,EAAoBF,EAAA,GAAEG,EAAuBH,EAAA,GAC9CI,EAAoBzB,EAASuB,GAE7BG,EAAkBC,GAAQ,WAC9B,OAAId,EACKE,EAAyB,CAAEA,uBAAAA,QAA2Ba,EAGxD,CACLC,IAAK9B,EACL+B,gBAAgB,EAChBC,iBAAiB,EAEpB,GAAE,CAAClB,EAA2Bd,EAAmBgB,IAE1CiB,EAAwBC,EAA8B,CAC5DlC,kBAAAA,EACAE,iBAAAA,EACAsB,qBAAAA,EACAC,wBAAAA,EACAP,WAAAA,EACAD,4BAAAA,IANMgB,oBASFE,EAAuBC,GAC3B,SAACV,EAA2BW,GAC1BJ,EAAoBK,QAAUD,EAC9B,IAAME,EAAYtC,EAASuC,QAAQd,GAC/Ba,GAAa,GAAKA,IAAcf,GAClCC,EAAwBc,EAE3B,GACD,CAACtC,EAAUgC,EAAqBT,IAkClC,OA/BAiB,EAAmC,CACjCvB,WAAAA,EACAlB,kBAAAA,EACAwB,qBAAAA,EACAC,wBAAAA,EACAQ,oBAAAA,EACAvB,iBAAAA,EACAR,iBAAAA,EACAyB,gBAAAA,IAGFe,EAAsC,CACpClB,qBAAAA,EACAN,WAAAA,EACAlB,kBAAAA,EACAyB,wBAAAA,EACAtB,YAAAA,EACAD,iBAAAA,EACAyB,gBAAAA,EACAf,6BAAAA,IAGF+B,EAAkC,CAChCnB,qBAAAA,EACAvB,SAAAA,EACAC,iBAAAA,EACAuB,wBAAAA,IAGFmB,EAA0B,CAAE5C,kBAAAA,EAAmBwB,qBAAAA,EAAsBC,wBAAAA,IAE9D,CACLD,qBAAsBS,EAAoBK,QAAUd,OAAuBK,EAC3EH,kBAAmBO,EAAoBK,QAAUZ,OAAoBG,EACrEgB,oBAAqB,CACnB,wBAAyBZ,EAAoBK,QAAUZ,OAAoBG,EAC3EiB,KAAMvC,GAER4B,qBAAAA,EAEJ,EA7GA,SAAKtC,GACHA,EAAA,YAAA,cACAA,EAAA,SAAA,WACAA,EAAA,UAAA,YACAA,EAAA,MAAA,QACAA,EAAA,QAAA,UACAA,EAAA,KAAA,MACD,CAPD,CAAKA,IAAAA,EAOJ,CAAA,IAwGDC,EAA6BiD,MAAQlD"}

package/dist/src/hooks/useKeyEvent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/hooks/useKeyEvent/index.ts"],"sourcesContent":["import { type RefObject, useCallback, useRef } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { type GenericEventCallback } from \"../../types/events\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nconst CTRL_OR_META = \"ctrlOrMetaKey\";\n\nenum Modifier {\n  ALT = \"altKey\",\n  META = \"metaKey\",\n  CTRL = \"ctrlKey\",\n  SHIFT = \"shiftKey\",\n  CTRL_OR_META = \"ctrlOrMetaKey\"\n}\n\nconst checkModifierInEvent = (event: KeyboardEvent, modifier: Modifier) => {\n  if (modifier === Modifier.CTRL_OR_META) {\n    return event.ctrlKey || event.metaKey;\n  }\n\n  return event[modifier];\n};\nconst checkWithoutModifierInEvent = (event: KeyboardEvent) => {\n  return !Object.values(useKeyEvent.modifiers).some((m: Modifier) => {\n    if (m !== CTRL_OR_META) {\n      return !!event[m];\n    }\n  });\n};\n\nexport interface UseKeyEventArgs {\n  /**\n   * The list of keys that should trigger the event.\n   */\n  keys: KeyboardEvent[\"key\"][];\n  // TODO: [breaking] change to keyboard event\n  /**\n   * Callback fired when a specified key is pressed.\n   */\n  callback: GenericEventCallback;\n  /**\n   * Modifier key that must be pressed along with the specified key.\n   */\n  modifier?: Modifier;\n  /**\n   * The keyboard event type to listen for (e.g., \"keydown\", \"keyup\").\n   */\n  keyEventName?: string;\n  /**\n   * If true, ensures no modifier keys are pressed when handling the event.\n   */\n  withoutAnyModifier?: boolean;\n  /**\n   * The element reference to listen for key events on.\n   */\n  ref?: RefObject<HTMLElement | Document>;\n  /**\n   * If true, prevents fallback to listening on the document when no ref is provided.\n   */\n  ignoreDocumentFallback?: boolean;\n  /**\n   * If true, uses capture phase instead of bubbling phase for event listening.\n   */\n  capture?: boolean;\n  /**\n   * If true, calls `preventDefault` on the key event.\n   */\n  preventDefault?: boolean;\n  /**\n   * If true, calls `stopPropagation` on the key event.\n   */\n  stopPropagation?: boolean;\n}\n\nexport default function useKeyEvent({\n  keys = [],\n  callback,\n  modifier,\n  withoutAnyModifier,\n  ref,\n  ignoreDocumentFallback = false,\n  capture = false,\n  preventDefault = false,\n  stopPropagation = false,\n  keyEventName = \"keydown\" // need keydown and not keyup to prevent scrolling with prevent default, for example during menu keyboard navigation\n}: UseKeyEventArgs) {\n  const documentRef = useRef(isClient() ? document.body : null);\n  const onKeyUpPress = useCallback(\n    (event: KeyboardEvent) => {\n      const { key } = event;\n      if (!keys.includes(key)) {\n        return;\n      }\n      if (modifier && !checkModifierInEvent(event, modifier)) {\n        return;\n      }\n      if (withoutAnyModifier && !checkWithoutModifierInEvent(event)) {\n        return;\n      }\n\n      if (preventDefault) {\n        event.preventDefault();\n      }\n\n      if (stopPropagation) {\n        event.stopPropagation();\n      }\n\n      callback(event);\n    },\n    [keys, modifier, withoutAnyModifier, preventDefault, stopPropagation, callback]\n  );\n\n  let listenerRef;\n\n  if (ref) {\n    listenerRef = ref;\n  } else if (ignoreDocumentFallback) {\n    listenerRef = null;\n  } else {\n    listenerRef = documentRef;\n  }\n\n  useEventListener({\n    eventName: keyEventName,\n    callback: onKeyUpPress,\n    ref: listenerRef,\n    capture\n  });\n}\n\nuseKeyEvent.modifiers = Modifier;\n"],"names":["Modifier","useKeyEvent","_ref","_ref$keys","keys","callback","modifier","withoutAnyModifier","ref","_ref$ignoreDocumentFa","ignoreDocumentFallback","_ref$capture","capture","_ref$preventDefault","preventDefault","_ref$stopPropagation","stopPropagation","_ref$keyEventName","keyEventName","documentRef","useRef","isClient","document","body","onKeyUpPress","useCallback","event","includes","key","CTRL_OR_META","ctrlKey","metaKey","checkModifierInEvent","Object","values","modifiers","some","m","checkWithoutModifierInEvent","useEventListener","eventName"],"mappings":"gJAKA,IAEKA,GAAL,SAAKA,GACHA,EAAA,IAAA,SACAA,EAAA,KAAA,UACAA,EAAA,KAAA,UACAA,EAAA,MAAA,WACAA,EAAA,aAAA,eACD,CAND,CAAKA,IAAAA,EAMJ,CAAA,IA6Da,SAAUC,EAAWC,GAWjB,IAAAC,EAAAD,EAVhBE,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAAkBL,EAAlBK,mBACAC,EAAGN,EAAHM,IAAGC,EAAAP,EACHQ,uBAAAA,OAAyB,IAAHD,GAAQA,EAAAE,EAAAT,EAC9BU,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAX,EACfY,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAb,EACtBc,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAAf,EACvBgB,aAAAA,OAAe,IAAHD,EAAG,UAASA,EAElBE,EAAcC,EAAOC,IAAaC,SAASC,KAAO,MAClDC,EAAeC,GACnB,SAACC,GAEMtB,EAAKuB,SADMD,EAARE,OAIJtB,IA9EmB,SAACoB,EAAsBpB,GAClD,OAAIA,IAAaN,EAAS6B,aACjBH,EAAMI,SAAWJ,EAAMK,QAGzBL,EAAMpB,EACf,CAwEuB0B,CAAqBN,EAAOpB,IAGzCC,IA1E0B,SAACmB,GACnC,OAAQO,OAAOC,OAAOjC,EAAYkC,WAAWC,MAAK,SAACC,GACjD,GAnBiB,kBAmBbA,EACF,QAASX,EAAMW,EAEnB,GACF,CAoEiCC,CAA4BZ,KAInDZ,GACFY,EAAMZ,iBAGJE,GACFU,EAAMV,kBAGRX,EAASqB,IACX,GACA,CAACtB,EAAME,EAAUC,EAAoBO,EAAgBE,EAAiBX,IAaxEkC,EAAiB,CACfC,UAAWtB,EACXb,SAAUmB,EACVhB,IAXEA,IAEOE,EACK,KAEAS,GAOdP,QAAAA,GAEJ,CAEAX,EAAYkC,UAAYnC"}
+{"version":3,"file":"index.js","sources":["../../../../src/hooks/useKeyEvent/index.ts"],"sourcesContent":["import type React from \"react\";\nimport { type RefObject, useCallback, useRef } from \"react\";\nimport useEventListener from \"../useEventListener\";\nimport { isClient } from \"../../utils/ssr-utils\";\n\nconst CTRL_OR_META = \"ctrlOrMetaKey\";\n\nenum Modifier {\n  ALT = \"altKey\",\n  META = \"metaKey\",\n  CTRL = \"ctrlKey\",\n  SHIFT = \"shiftKey\",\n  CTRL_OR_META = \"ctrlOrMetaKey\"\n}\n\nconst checkModifierInEvent = (event: KeyboardEvent, modifier: Modifier) => {\n  if (modifier === Modifier.CTRL_OR_META) {\n    return event.ctrlKey || event.metaKey;\n  }\n\n  return event[modifier];\n};\nconst checkWithoutModifierInEvent = (event: KeyboardEvent) => {\n  return !Object.values(useKeyEvent.modifiers).some((m: Modifier) => {\n    if (m !== CTRL_OR_META) {\n      return !!event[m];\n    }\n  });\n};\n\nexport interface UseKeyEventArgs {\n  /**\n   * The list of keys that should trigger the event.\n   */\n  keys: KeyboardEvent[\"key\"][];\n  /**\n   * Callback fired when a specified key is pressed.\n   */\n  callback: (event: KeyboardEvent | React.KeyboardEvent) => void;\n  /**\n   * Modifier key that must be pressed along with the specified key.\n   */\n  modifier?: Modifier;\n  /**\n   * The keyboard event type to listen for (e.g., \"keydown\", \"keyup\").\n   */\n  keyEventName?: string;\n  /**\n   * If true, ensures no modifier keys are pressed when handling the event.\n   */\n  withoutAnyModifier?: boolean;\n  /**\n   * The element reference to listen for key events on.\n   */\n  ref?: RefObject<HTMLElement | Document>;\n  /**\n   * If true, prevents fallback to listening on the document when no ref is provided.\n   */\n  ignoreDocumentFallback?: boolean;\n  /**\n   * If true, uses capture phase instead of bubbling phase for event listening.\n   */\n  capture?: boolean;\n  /**\n   * If true, calls `preventDefault` on the key event.\n   */\n  preventDefault?: boolean;\n  /**\n   * If true, calls `stopPropagation` on the key event.\n   */\n  stopPropagation?: boolean;\n}\n\nexport default function useKeyEvent({\n  keys = [],\n  callback,\n  modifier,\n  withoutAnyModifier,\n  ref,\n  ignoreDocumentFallback = false,\n  capture = false,\n  preventDefault = false,\n  stopPropagation = false,\n  keyEventName = \"keydown\" // need keydown and not keyup to prevent scrolling with prevent default, for example during menu keyboard navigation\n}: UseKeyEventArgs) {\n  const documentRef = useRef(isClient() ? document.body : null);\n  const onKeyUpPress = useCallback(\n    (event: KeyboardEvent) => {\n      const { key } = event;\n      if (!keys.includes(key)) {\n        return;\n      }\n      if (modifier && !checkModifierInEvent(event, modifier)) {\n        return;\n      }\n      if (withoutAnyModifier && !checkWithoutModifierInEvent(event)) {\n        return;\n      }\n\n      if (preventDefault) {\n        event.preventDefault();\n      }\n\n      if (stopPropagation) {\n        event.stopPropagation();\n      }\n\n      callback(event);\n    },\n    [keys, modifier, withoutAnyModifier, preventDefault, stopPropagation, callback]\n  );\n\n  let listenerRef;\n\n  if (ref) {\n    listenerRef = ref;\n  } else if (ignoreDocumentFallback) {\n    listenerRef = null;\n  } else {\n    listenerRef = documentRef;\n  }\n\n  useEventListener({\n    eventName: keyEventName,\n    callback: onKeyUpPress,\n    ref: listenerRef,\n    capture\n  });\n}\n\nuseKeyEvent.modifiers = Modifier;\n"],"names":["Modifier","useKeyEvent","_ref","_ref$keys","keys","callback","modifier","withoutAnyModifier","ref","_ref$ignoreDocumentFa","ignoreDocumentFallback","_ref$capture","capture","_ref$preventDefault","preventDefault","_ref$stopPropagation","stopPropagation","_ref$keyEventName","keyEventName","documentRef","useRef","isClient","document","body","onKeyUpPress","useCallback","event","includes","key","CTRL_OR_META","ctrlKey","metaKey","checkModifierInEvent","Object","values","modifiers","some","m","checkWithoutModifierInEvent","useEventListener","eventName"],"mappings":"gJAKA,IAEKA,GAAL,SAAKA,GACHA,EAAA,IAAA,SACAA,EAAA,KAAA,UACAA,EAAA,KAAA,UACAA,EAAA,MAAA,WACAA,EAAA,aAAA,eACD,CAND,CAAKA,IAAAA,EAMJ,CAAA,IA4Da,SAAUC,EAAWC,GAWjB,IAAAC,EAAAD,EAVhBE,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAAkBL,EAAlBK,mBACAC,EAAGN,EAAHM,IAAGC,EAAAP,EACHQ,uBAAAA,OAAyB,IAAHD,GAAQA,EAAAE,EAAAT,EAC9BU,QAAAA,OAAU,IAAHD,GAAQA,EAAAE,EAAAX,EACfY,eAAAA,OAAiB,IAAHD,GAAQA,EAAAE,EAAAb,EACtBc,gBAAAA,OAAkB,IAAHD,GAAQA,EAAAE,EAAAf,EACvBgB,aAAAA,OAAe,IAAHD,EAAG,UAASA,EAElBE,EAAcC,EAAOC,IAAaC,SAASC,KAAO,MAClDC,EAAeC,GACnB,SAACC,GAEMtB,EAAKuB,SADMD,EAARE,OAIJtB,IA7EmB,SAACoB,EAAsBpB,GAClD,OAAIA,IAAaN,EAAS6B,aACjBH,EAAMI,SAAWJ,EAAMK,QAGzBL,EAAMpB,EACf,CAuEuB0B,CAAqBN,EAAOpB,IAGzCC,IAzE0B,SAACmB,GACnC,OAAQO,OAAOC,OAAOjC,EAAYkC,WAAWC,MAAK,SAACC,GACjD,GAnBiB,kBAmBbA,EACF,QAASX,EAAMW,EAEnB,GACF,CAmEiCC,CAA4BZ,KAInDZ,GACFY,EAAMZ,iBAGJE,GACFU,EAAMV,kBAGRX,EAASqB,IACX,GACA,CAACtB,EAAME,EAAUC,EAAoBO,EAAgBE,EAAiBX,IAaxEkC,EAAiB,CACfC,UAAWtB,EACXb,SAAUmB,EACVhB,IAXEA,IAEOE,EACK,KAEAS,GAOdP,QAAAA,GAEJ,CAEAX,EAAYkC,UAAYnC"}

package/dist/src/index.js

@@ -1,2 +1,2 @@
-import"../style/dist/index.min.css.js";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as AttentionBoxLink}from"./components/AttentionBox/AttentionBoxLink/AttentionBoxLink.js";export{default as Avatar}from"./components/Avatar/Avatar.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./components/Badge/Badge.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export{default as ButtonGroup}from"./components/ButtonGroup/ButtonGroup.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as Chips}from"./components/Chips/Chips.js";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as Counter}from"./components/Counter/Counter.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{default as Divider}from"./components/Divider/Divider.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as DropdownMenu}from"./components/Dropdown/components/menu/menu.js";export{default as DropdownOption}from"./components/Dropdown/components/option/option.js";export{default as DropdownSingleValue}from"./components/Dropdown/components/singleValue/singleValue.js";export{default as EditableHeading}from"./components/EditableHeading/EditableHeading.js";export{default as EditableText}from"./components/EditableText/EditableText.js";export{default as EmptyState}from"./components/EmptyState/EmptyState.js";export{default as ExpandCollapse}from"./components/ExpandCollapse/ExpandCollapse.js";export{default as FormattedNumber}from"./components/FormattedNumber/FormattedNumber.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export{default as Info}from"./components/Info/Info.js";export{default as Label}from"./components/Label/Label.js";export{default as Link}from"./components/Link/Link.js";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as NumberField}from"./components/NumberField/NumberField.js";export{default as Modal}from"./components/LegacyModal/LegacyModal.js";export{default as ModalHeader}from"./components/LegacyModal/LegacyModalHeader/LegacyModalHeader.js";export{default as ModalContent}from"./components/LegacyModal/LegacyModalContent/LegacyModalContent.js";export{default as ModalFooter}from"./components/LegacyModal/LegacyModalFooter/LegacyModalFooter.js";export{default as ModalFooterButtons}from"./components/LegacyModal/LegacyModalFooter/LegacyModalFooterButtons/LegacyModalFooterButtons.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as LinearProgressBar}from"./components/ProgressBars/LinearProgressBar/LinearProgressBar.js";export{default as RadioButton}from"./components/RadioButton/RadioButton.js";export{default as Search}from"./components/Search/Search.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as TextArea}from"./components/TextArea/TextArea.js";export{default as TextField}from"./components/TextField/TextField.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenImage}from"./components/Tipseen/TipseenImage.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{default as TransitionView}from"./components/TransitionView/TransitionView.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{default as useKeyEvent}from"./hooks/useKeyEvent/index.js";export{default as useEventListener}from"./hooks/useEventListener/index.js";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{default as useAfterFirstRender}from"./hooks/useAfterFirstRender/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as usePrevious}from"./hooks/usePrevious/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useMergeRefs}from"./hooks/useMergeRefs.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useListenFocusTriggers}from"./hooks/useListenFocusTriggers/index.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";export{withStaticProps,withStaticPropsWithoutForwardRef}from"./types/withStaticProps.js";export{getElementColor}from"./types/Colors.js";export{default as Clickable}from"../components/clickable/dist/Clickable/Clickable.js";export{default as useClickableProps}from"../components/clickable/dist/useClickableProps/useClickableProps.js";export{default as Dialog}from"../components/dialog/dist/Dialog/Dialog.js";export{default as DialogContentContainer}from"../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";export{default as Heading}from"../components/typography/dist/Heading/Heading.js";export{default as LayerProvider}from"../components/layer/dist/LayerProvider/LayerProvider.js";export{default as Text}from"../components/typography/dist/Text/Text.js";export{default as Tooltip}from"../components/tooltip/dist/Tooltip/Tooltip.js";export{default as Button}from"../components/button/dist/Button/Button.js";export{default as Flex}from"../components/layout/dist/Flex/Flex.js";export{default as Box}from"../components/layout/dist/Box/Box.js";export{default as Icon}from"../components/icon/dist/Icon/Icon.js";export{default as CustomSvgIcon}from"../components/icon/dist/Icon/CustomSvgIcon/CustomSvgIcon.js";export{default as IconButton}from"../components/icon-button/dist/IconButton/IconButton.js";export{default as Loader}from"../components/loader/dist/Loader/Loader.js";export{default as useClickOutside}from"../hooks/dist/useClickOutside/index.js";export{default as useIsOverflowing}from"../hooks/dist/useIsOverflowing/index.js";export{default as useResizeObserver}from"../hooks/dist/useResizeObserver/index.js";
+import"../style/dist/index.min.css.js";export{default as Accordion}from"./components/Accordion/Accordion/Accordion.js";export{default as AccordionItem}from"./components/Accordion/AccordionItem/AccordionItem.js";export{default as AlertBanner}from"./components/AlertBanner/AlertBanner.js";export{default as AlertBannerButton}from"./components/AlertBanner/AlertBannerButton/AlertBannerButton.js";export{default as AlertBannerLink}from"./components/AlertBanner/AlertBannerLink/AlertBannerLink.js";export{default as AlertBannerText}from"./components/AlertBanner/AlertBannerText/AlertBannerText.js";export{default as AttentionBox}from"./components/AttentionBox/AttentionBox.js";export{default as Avatar}from"./components/Avatar/Avatar.js";export{default as AvatarGroup}from"./components/AvatarGroup/AvatarGroup.js";export{default as Badge}from"./components/Badge/Badge.js";export{default as BreadcrumbsBar}from"./components/BreadcrumbsBar/BreadcrumbsBar.js";export{default as BreadcrumbItem}from"./components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js";export{default as BreadcrumbMenu}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js";export{default as BreadcrumbMenuItem}from"./components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js";export{default as ButtonGroup}from"./components/ButtonGroup/ButtonGroup.js";export{default as Checkbox}from"./components/Checkbox/Checkbox.js";export{default as Chips}from"./components/Chips/Chips.js";export{default as ColorPicker}from"./components/ColorPicker/ColorPicker.js";export{default as ColorPickerContent}from"./components/ColorPicker/components/ColorPickerContent/ColorPickerContent.js";export{default as Combobox}from"./components/Combobox/Combobox.js";export{default as Counter}from"./components/Counter/Counter.js";export{default as DatePicker}from"./components/DatePicker/DatePicker.js";export{default as Divider}from"./components/Divider/Divider.js";export{default as Dropdown}from"./components/Dropdown/Dropdown.js";export{default as EditableHeading}from"./components/EditableHeading/EditableHeading.js";export{default as EditableText}from"./components/EditableText/EditableText.js";export{default as EmptyState}from"./components/EmptyState/EmptyState.js";export{default as ExpandCollapse}from"./components/ExpandCollapse/ExpandCollapse.js";export{default as FormattedNumber}from"./components/FormattedNumber/FormattedNumber.js";export{GridKeyboardNavigationContext,useGridKeyboardNavigationContext}from"./components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js";export{default as HiddenText}from"./components/HiddenText/HiddenText.js";export{default as Info}from"./components/Info/Info.js";export{default as Label}from"./components/Label/Label.js";export{default as Link}from"./components/Link/Link.js";export{default as List}from"./components/List/List.js";export{default as ListItem}from"./components/ListItem/ListItem.js";export{default as ListItemAvatar}from"./components/ListItemAvatar/ListItemAvatar.js";export{default as ListItemIcon}from"./components/ListItemIcon/ListItemIcon.js";export{default as ListTitle}from"./components/ListTitle/ListTitle.js";export{default as Menu}from"./components/Menu/Menu/Menu.js";export{default as MenuItem}from"./components/Menu/MenuItem/MenuItem.js";export{default as MenuItemButton}from"./components/Menu/MenuItemButton/MenuItemButton.js";export{default as MenuDivider}from"./components/Menu/MenuDivider/MenuDivider.js";export{default as MenuTitle}from"./components/Menu/MenuTitle/MenuTitle.js";export{default as MenuGridItem}from"./components/Menu/MenuGridItem/MenuGridItem.js";export{default as MenuButton}from"./components/MenuButton/MenuButton.js";export{default as NumberField}from"./components/NumberField/NumberField.js";export{default as ModalFooter}from"./components/Modal/footers/ModalFooter/ModalFooter.js";export{default as ModalFooterWizard}from"./components/Modal/footers/ModalFooterWizard/ModalFooterWizard.js";export{default as ModalBasicLayout}from"./components/Modal/layouts/ModalBasicLayout/ModalBasicLayout.js";export{default as ModalMediaLayout}from"./components/Modal/layouts/ModalMediaLayout/ModalMediaLayout.js";export{default as ModalSideBySideLayout}from"./components/Modal/layouts/ModalSideBySideLayout/ModalSideBySideLayout.js";export{default as Modal}from"./components/Modal/Modal/Modal.js";export{default as ModalHeader}from"./components/Modal/ModalHeader/ModalHeader.js";export{default as ModalContent}from"./components/Modal/ModalContent/ModalContent.js";export{default as ModalMedia}from"./components/Modal/ModalMedia/ModalMedia.js";export{default as MultiStepIndicator}from"./components/MultiStepIndicator/MultiStepIndicator.js";export{default as ProgressBar}from"./components/ProgressBars/ProgressBar/ProgressBar.js";export{default as RadioButton}from"./components/RadioButton/RadioButton.js";export{default as Search}from"./components/Search/Search.js";export{default as Skeleton}from"./components/Skeleton/Skeleton.js";export{default as Slider}from"./components/Slider/Slider.js";export{default as SplitButton}from"./components/SplitButton/SplitButton.js";export{default as SplitButtonMenu}from"./components/SplitButton/SplitButtonMenu/SplitButtonMenu.js";export{default as Steps}from"./components/Steps/Steps.js";export{default as Table}from"./components/Table/Table/Table.js";export{default as TableContainer}from"./components/Table/TableContainer/TableContainer.js";export{default as TableHeader}from"./components/Table/TableHeader/TableHeader.js";export{default as TableHeaderCell}from"./components/Table/TableHeaderCell/TableHeaderCell.js";export{default as TableBody}from"./components/Table/TableBody/TableBody.js";export{default as TableVirtualizedBody}from"./components/Table/TableVirtualizedBody/TableVirtualizedBody.js";export{default as TableRow}from"./components/Table/TableRow/TableRow.js";export{default as TableRowMenu}from"./components/Table/TableRowMenu/TableRowMenu.js";export{default as TableCell}from"./components/Table/TableCell/TableCell.js";export{default as Tab}from"./components/Tabs/Tab/Tab.js";export{default as TabList}from"./components/Tabs/TabList/TabList.js";export{default as TabPanel}from"./components/Tabs/TabPanel/TabPanel.js";export{default as TabsContext}from"./components/Tabs/TabsContext/TabsContext.js";export{default as TabPanels}from"./components/Tabs/TabPanels/TabPanels.js";export{default as TextArea}from"./components/TextArea/TextArea.js";export{default as TextField}from"./components/TextField/TextField.js";export{default as TextWithHighlight}from"./components/TextWithHighlight/TextWithHighlight.js";export{default as ThemeProvider}from"./components/ThemeProvider/ThemeProvider.js";export{default as Tipseen}from"./components/Tipseen/Tipseen.js";export{default as TipseenContent}from"./components/Tipseen/TipseenContent.js";export{default as TipseenWizard}from"./components/Tipseen/TipseenWizard.js";export{default as TipseenMedia}from"./components/Tipseen/TipseenMedia/TipseenMedia.js";export{default as Toast}from"./components/Toast/Toast.js";export{default as ToastButton}from"./components/Toast/ToastButton/ToastButton.js";export{default as ToastLink}from"./components/Toast/ToastLink/ToastLink.js";export{default as Toggle}from"./components/Toggle/Toggle.js";export{default as TransitionView}from"./components/TransitionView/TransitionView.js";export{default as VirtualizedGrid}from"./components/VirtualizedGrid/VirtualizedGrid.js";export{default as VirtualizedList}from"./components/VirtualizedList/VirtualizedList.js";export{default as ColorUtils}from"./utils/colors-utils.js";export{default as useKeyEvent}from"./hooks/useKeyEvent/index.js";export{default as useEventListener}from"./hooks/useEventListener/index.js";export{default as useDebounceEvent}from"./hooks/useDebounceEvent/index.js";export{default as useAfterFirstRender}from"./hooks/useAfterFirstRender/index.js";export{default as useTimeout}from"./hooks/useTimeout/index.js";export{default as usePrevious}from"./hooks/usePrevious/index.js";export{default as useSetFocus}from"./hooks/useSetFocus/index.js";export{default as useIsMouseOver}from"./hooks/useIsMouseOver.js";export{default as useHover}from"./hooks/useHover/useHover.js";export{default as useGridKeyboardNavigation}from"./hooks/useGridKeyboardNavigation/useGridKeyboardNavigation.js";export{default as useActiveDescendantListFocus}from"./hooks/useActiveDescendantListFocus/index.js";export{useMediaQuery}from"./hooks/useMediaQuery/index.js";export{default as useVibeMediaQuery}from"./hooks/useVibeMediaQuery/index.js";export{default as useSwitch}from"./hooks/useSwitch/index.js";export{default as useElementsOverflowingIndex}from"./hooks/useElementsOverflowingIndex.js";export{default as useWizard}from"./hooks/useWizard/useWizard.js";export{getElementColor}from"./types/Colors.js";export{default as Clickable}from"../components/clickable/dist/Clickable/Clickable.js";export{default as useClickableProps}from"../components/clickable/dist/useClickableProps/useClickableProps.js";export{default as Dialog}from"../components/dialog/dist/Dialog/Dialog.js";export{default as DialogContentContainer}from"../components/dialog/dist/DialogContentContainer/DialogContentContainer.js";export{default as Heading}from"../components/typography/dist/Heading/Heading.js";export{default as LayerProvider}from"../components/layer/dist/LayerProvider/LayerProvider.js";export{default as Text}from"../components/typography/dist/Text/Text.js";export{default as Tooltip}from"../components/tooltip/dist/Tooltip/Tooltip.js";export{default as Button}from"../components/button/dist/Button/Button.js";export{default as Flex}from"../components/layout/dist/Flex/Flex.js";export{default as Box}from"../components/layout/dist/Box/Box.js";export{default as Icon}from"../components/icon/dist/Icon/Icon.js";export{default as CustomSvgIcon}from"../components/icon/dist/Icon/CustomSvgIcon/CustomSvgIcon.js";export{default as IconButton}from"../components/icon-button/dist/IconButton/IconButton.js";export{default as Loader}from"../components/loader/dist/Loader/Loader.js";export{default as useClickOutside}from"../hooks/dist/useClickOutside/index.js";export{default as useIsOverflowing}from"../hooks/dist/useIsOverflowing/index.js";export{default as useResizeObserver}from"../hooks/dist/useResizeObserver/index.js";
 //# sourceMappingURL=index.js.map

package/dist/src/services/themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"themes.js","sources":["../../../src/services/themes.js"],"sourcesContent":["function isThemesSupported() {\n  try {\n    if (!window.CSS || !window.CSS.supports) return false;\n    // check if browser supports basic var value usage\n    return window.CSS.supports(\"color\", \"var(--fake-var)\");\n  } catch (e) {\n    return false;\n  }\n}\n\nexport function getCSSVar(varName, fallback) {\n  const fb = fallback ? `, ${fallback}` : \"\";\n  if (isThemesSupported()) {\n    return `var(--${varName}${fb})`;\n  }\n}\n\nexport const getComputedVarColor = (elem, cssVar) => getComputedStyle(elem).getPropertyValue(`--${cssVar}`);\n\nexport function hexToRgb(hex) {\n  if (hex.startsWith(\"#\")) {\n    hex = hex.substring(1);\n  }\n  const bigint = parseInt(hex, 16);\n  const r = (bigint >> 16) & 255;\n  const g = (bigint >> 8) & 255;\n  const b = bigint & 255;\n\n  return `rgb(${r}, ${g}, ${b})`;\n}\n"],"names":["getCSSVar","varName","fallback","fb","concat","window","CSS","supports","e","isThemesSupported"],"mappings":"AAUO,SAASA,EAAUC,EAASC,GACjC,IAAMC,EAAKD,EAAQ,KAAAE,OAAQF,GAAa,GACxC,GAZF,WACE,IACE,SAAKG,OAAOC,MAAQD,OAAOC,IAAIC,WAExBF,OAAOC,IAAIC,SAAS,QAAS,kBACrC,CAAC,MAAOC,GACP,OAAO,CACT,CACF,CAIMC,GACF,MAAA,SAAAL,OAAgBH,GAAOG,OAAGD,EAAE,IAEhC"}
+{"version":3,"file":"themes.js","sources":["../../../src/services/themes.ts"],"sourcesContent":["function isThemesSupported() {\n  try {\n    if (!window.CSS || !window.CSS.supports) return false;\n    // check if browser supports basic var value usage\n    return window.CSS.supports(\"color\", \"var(--fake-var)\");\n  } catch (e) {\n    return false;\n  }\n}\n\nexport function getCSSVar(varName: string, fallback?: string) {\n  const fb = fallback ? `, ${fallback}` : \"\";\n  if (isThemesSupported()) {\n    return `var(--${varName}${fb})`;\n  }\n}\n\nexport const getComputedVarColor = (elem: Element, cssVar: string) =>\n  getComputedStyle(elem).getPropertyValue(`--${cssVar}`);\n\nexport function hexToRgb(hex: string) {\n  if (hex.startsWith(\"#\")) {\n    hex = hex.substring(1);\n  }\n  const bigint = parseInt(hex, 16);\n  const r = (bigint >> 16) & 255;\n  const g = (bigint >> 8) & 255;\n  const b = bigint & 255;\n\n  return `rgb(${r}, ${g}, ${b})`;\n}\n"],"names":["getCSSVar","varName","fallback","fb","concat","window","CSS","supports","e","isThemesSupported"],"mappings":"AAUgB,SAAAA,EAAUC,EAAiBC,GACzC,IAAMC,EAAKD,EAAQ,KAAAE,OAAQF,GAAa,GACxC,GAZF,WACE,IACE,SAAKG,OAAOC,MAAQD,OAAOC,IAAIC,WAExBF,OAAOC,IAAIC,SAAS,QAAS,kBACrC,CAAC,MAAOC,GACP,OAAO,CACR,CACH,CAIMC,GACF,MAAA,SAAAL,OAAgBH,GAAOG,OAAGD,EAAE,IAEhC"}

package/dist/src/services/virtualized-service.js.map

@@ -1 +1 @@
-{"version":3,"file":"virtualized-service.js","sources":["../../../src/services/virtualized-service.js"],"sourcesContent":["const LAST_ITEM_ID = \"~~~lastItem~~~\";\nconst EMPTY_OBJECT = {};\nexport const getNormalizedItems = (items, idGetter, sizeGetter) => {\n  const normalizedItems = {};\n  let offset = 0;\n\n  const lastIndex = items.length - 1;\n  items.forEach((item, index) => {\n    const size = sizeGetter(item, index);\n    const uniqueId = idGetter(item, index);\n    // keep height/offsetTop for backward compatibility\n    normalizedItems[uniqueId] = { item, index, height: size, size, offsetTop: offset, offset };\n    if (lastIndex === index) {\n      normalizedItems[LAST_ITEM_ID] = normalizedItems[uniqueId];\n    }\n    offset += size;\n  });\n\n  return normalizedItems;\n};\n\nexport const isItemInView = (item, scrollTop, offsetHeight) => {\n  const isItemUnderTheViewableArea = item.offsetTop > scrollTop + offsetHeight;\n  const isItemAboveTheViewableArea = item.offsetTop < scrollTop;\n\n  return !isItemUnderTheViewableArea && !isItemAboveTheViewableArea;\n};\n\nexport const getMaxOffset = (offsetSize, normalizedItems) => {\n  const lastItem = normalizedItems[LAST_ITEM_ID];\n  if (!lastItem) return 0;\n  const { size, offset } = lastItem;\n  return offset + size - offsetSize; // max offset\n};\n\nexport const easeInOutQuint = time => {\n  let t = time;\n  return t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t;\n};\n\nfunction findItemAtOffset(items, normalizedItems, idGetter, fromIndex, offset) {\n  for (let i = fromIndex; i < items.length; i++) {\n    const itemId = idGetter(items[i], i);\n    const normalizedItem = normalizedItems[itemId];\n    const { height, offsetTop } = normalizedItem || EMPTY_OBJECT;\n    if (height + offsetTop > offset) {\n      return itemId;\n    }\n  }\n  return null;\n}\n\n// for vertical layout - this returns true when vertical scrollbar visible\n// for horizontal layout - this returns true when horizontal scrollbar visible\nexport const isLayoutDirectionScrollbarVisible = (items, normalizedItems, idGetter, componentSize) => {\n  if (!componentSize) return false;\n  const lastExistingItem = items[items.length - 1] || EMPTY_OBJECT;\n  const lastExistingItemId = idGetter(lastExistingItem, items.length - 1);\n  const normalizedItem = normalizedItems[lastExistingItemId];\n  if (!normalizedItem) return false;\n  const { offset: lastExistingItemIdOffset, size: lastExistingItemSize } = normalizedItems[lastExistingItemId];\n  const maxOffset = lastExistingItemIdOffset + lastExistingItemSize;\n  const isVisible = maxOffset > componentSize;\n  return isVisible;\n};\n\nfunction isEmptyObject(obj) {\n  return obj === EMPTY_OBJECT;\n}\n\nexport const getOnItemsRenderedData = (\n  items,\n  normalizedItems,\n  idGetter,\n  visibleStartIndex,\n  visibleStopIndex,\n  listSize,\n  currentOffsetTop\n) => {\n  const firstVisibleItem = items[visibleStartIndex] || EMPTY_OBJECT;\n  const secondVisibleItem = items[visibleStartIndex + 1] || EMPTY_OBJECT;\n  const lastVisibleItem = items[visibleStopIndex] || EMPTY_OBJECT;\n  const firstItemId = isEmptyObject(firstVisibleItem) ? undefined : idGetter(firstVisibleItem, visibleStartIndex);\n  const secondItemId = isEmptyObject(secondVisibleItem)\n    ? undefined\n    : idGetter(secondVisibleItem, visibleStartIndex + 1);\n  const lastItemId = isEmptyObject(lastVisibleItem) ? undefined : idGetter(lastVisibleItem, visibleStopIndex);\n  const centerOffset = currentOffsetTop + listSize / 2;\n  const { offsetTop: firstItemOffsetTop, height: firstItemHeight } = normalizedItems[firstItemId] || EMPTY_OBJECT;\n  const firstItemOffsetEnd = firstItemOffsetTop + firstItemHeight;\n  const centerItemId = findItemAtOffset(items, normalizedItems, idGetter, visibleStartIndex, centerOffset);\n\n  return {\n    firstItemId,\n    secondItemId,\n    lastItemId,\n    centerItemId,\n    firstItemOffsetEnd,\n    currentOffsetTop\n  };\n};\n"],"names":["LAST_ITEM_ID","EMPTY_OBJECT","getNormalizedItems","items","idGetter","sizeGetter","normalizedItems","offset","lastIndex","length","forEach","item","index","size","uniqueId","height","offsetTop","getMaxOffset","offsetSize","lastItem","easeInOutQuint","time","t","isLayoutDirectionScrollbarVisible","componentSize","lastExistingItemId","_normalizedItems$last","isEmptyObject","obj","getOnItemsRenderedData","visibleStartIndex","visibleStopIndex","listSize","currentOffsetTop","firstVisibleItem","secondVisibleItem","lastVisibleItem","firstItemId","undefined","secondItemId","lastItemId","_ref2","firstItemOffsetEnd","centerItemId","fromIndex","i","itemId","_ref","findItemAtOffset"],"mappings":"AAAA,IAAMA,EAAe,iBACfC,EAAe,CAAA,EACRC,EAAqB,SAACC,EAAOC,EAAUC,GAClD,IAAMC,EAAkB,CAAA,EACpBC,EAAS,EAEPC,EAAYL,EAAMM,OAAS,EAYjC,OAXAN,EAAMO,SAAQ,SAACC,EAAMC,GACnB,IAAMC,EAAOR,EAAWM,EAAMC,GACxBE,EAAWV,EAASO,EAAMC,GAEhCN,EAAgBQ,GAAY,CAAEH,KAAAA,EAAMC,MAAAA,EAAOG,OAAQF,EAAMA,KAAAA,EAAMG,UAAWT,EAAQA,OAAAA,GAC9EC,IAAcI,IAChBN,EAAgBN,GAAgBM,EAAgBQ,IAElDP,GAAUM,CACZ,IAEOP,CACT,EASaW,EAAe,SAACC,EAAYZ,GACvC,IAAMa,EAAWb,EAAgBN,GACjC,OAAKmB,EACoBA,EAAXZ,OAAWY,EAAjBN,KACeK,EAFD,CAGxB,EAEaE,EAAiB,SAAAC,GAC5B,IAAIC,EAAID,EACR,MAAW,GAAJC,EAAU,GAAKA,EAAIA,EAAIA,EAAIA,EAAIA,EAAI,EAAI,KAAOA,EAAIA,EAAIA,EAAIA,EAAIA,CACvE,EAgBaC,IAAAA,EAAoC,SAACpB,EAAOG,EAAiBF,EAAUoB,GAClF,IAAKA,EAAe,OAAO,EAC3B,IACMC,EAAqBrB,EADFD,EAAMA,EAAMM,OAAS,IAAMR,EACEE,EAAMM,OAAS,GAErE,IADuBH,EAAgBmB,GAClB,OAAO,EAC5B,IAAAC,EAAyEpB,EAAgBmB,GAGzF,OAHwCC,EAAhCnB,OAA4DmB,EAA1Bb,KAEZW,CAEhC,EAEA,SAASG,EAAcC,GACrB,OAAOA,IAAQ3B,CACjB,KAEa4B,EAAyB,SACpC1B,EACAG,EACAF,EACA0B,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAmB/B,EAAM2B,IAAsB7B,EAC/CkC,EAAoBhC,EAAM2B,EAAoB,IAAM7B,EACpDmC,EAAkBjC,EAAM4B,IAAqB9B,EAC7CoC,EAAcV,EAAcO,QAAoBI,EAAYlC,EAAS8B,EAAkBJ,GACvFS,EAAeZ,EAAcQ,QAC/BG,EACAlC,EAAS+B,EAAmBL,EAAoB,GAC9CU,EAAab,EAAcS,QAAmBE,EAAYlC,EAASgC,EAAiBL,GAE1FU,EAAmEnC,EAAgB+B,IAAgBpC,EAC7FyC,EAD+BD,EAA7BzB,UAAsDyB,EAAvB1B,OAEjC4B,EAlDR,SAA0BxC,EAAOG,EAAiBF,EAAUwC,EAAWrC,GACrE,IAAK,IAAIsC,EAAID,EAAezC,EAAMM,OAAVoC,EAAkBA,IAAK,CAC7C,IAAMC,EAAS1C,EAASD,EAAM0C,GAAIA,GAElCE,EADuBzC,EAAgBwC,IACS7C,EAChD,GADc8C,EAANhC,OAAiBgC,EAAT/B,UACST,EACvB,OAAOuC,CAEX,CACA,OAAO,IACT,CAwCuBE,CAAiB7C,EAAOG,EAAiBF,EAAU0B,EAHnDG,EAAmBD,EAAW,GAKnD,MAAO,CACLK,YAAAA,EACAE,aAAAA,EACAC,WAAAA,EACAG,aAAAA,EACAD,mBAAAA,EACAT,iBAAAA,EAEJ"}
+{"version":3,"file":"virtualized-service.js","sources":["../../../src/services/virtualized-service.ts"],"sourcesContent":["const LAST_ITEM_ID = \"~~~lastItem~~~\";\nconst EMPTY_OBJECT: Record<string, never> = {};\n\ntype NormalizedItem<T> = {\n  item: T;\n  index: number;\n  height: number;\n  size: number;\n  offsetTop: number;\n  offset: number;\n};\n\ntype NormalizedItems<T> = Record<string, NormalizedItem<T>>;\ntype IdGetter<T> = (item: T, index: number) => string;\ntype SizeGetter<T> = (item: T, index: number) => number;\n\nexport const getNormalizedItems = <T>(items: T[], idGetter: IdGetter<T>, sizeGetter: SizeGetter<T>) => {\n  const normalizedItems: NormalizedItems<T> = {};\n  let offset = 0;\n\n  const lastIndex = items.length - 1;\n  items.forEach((item, index) => {\n    const size = sizeGetter(item, index);\n    const uniqueId = idGetter(item, index);\n    // keep height/offsetTop for backward compatibility\n    normalizedItems[uniqueId] = { item, index, height: size, size, offsetTop: offset, offset };\n    if (lastIndex === index) {\n      normalizedItems[LAST_ITEM_ID] = normalizedItems[uniqueId];\n    }\n    offset += size;\n  });\n\n  return normalizedItems;\n};\n\nexport const isItemInView = (item: { offsetTop: number }, scrollTop: number, offsetHeight: number) => {\n  const isItemUnderTheViewableArea = item.offsetTop > scrollTop + offsetHeight;\n  const isItemAboveTheViewableArea = item.offsetTop < scrollTop;\n\n  return !isItemUnderTheViewableArea && !isItemAboveTheViewableArea;\n};\n\nexport const getMaxOffset = <T>(offsetSize: number, normalizedItems: NormalizedItems<T>) => {\n  const lastItem = normalizedItems[LAST_ITEM_ID];\n  if (!lastItem) return 0;\n  const { size, offset } = lastItem;\n  return offset + size - offsetSize; // max offset\n};\n\nexport const easeInOutQuint = (time: number) => {\n  let t = time;\n  return t < 0.5 ? 16 * t * t * t * t * t : 1 + 16 * --t * t * t * t * t;\n};\n\nfunction findItemAtOffset<T>(\n  items: T[],\n  normalizedItems: NormalizedItems<T>,\n  idGetter: IdGetter<T>,\n  fromIndex: number,\n  offset: number\n) {\n  for (let i = fromIndex; i < items.length; i++) {\n    const itemId = idGetter(items[i], i);\n    const normalizedItem = normalizedItems[itemId];\n    const { height, offsetTop } = normalizedItem || EMPTY_OBJECT;\n    if (height + offsetTop > offset) {\n      return itemId;\n    }\n  }\n  return null;\n}\n\n// for vertical layout - this returns true when vertical scrollbar visible\n// for horizontal layout - this returns true when horizontal scrollbar visible\nexport const isLayoutDirectionScrollbarVisible = <T>(\n  items: T[],\n  normalizedItems: NormalizedItems<T>,\n  idGetter: IdGetter<T>,\n  componentSize: number\n) => {\n  if (!componentSize) return false;\n  const lastExistingItem = items[items.length - 1] || EMPTY_OBJECT;\n  const lastExistingItemId = idGetter(lastExistingItem as T, items.length - 1);\n  const normalizedItem = normalizedItems[lastExistingItemId];\n  if (!normalizedItem) return false;\n  const { offset: lastExistingItemIdOffset, size: lastExistingItemSize } = normalizedItems[lastExistingItemId];\n  const maxOffset = lastExistingItemIdOffset + lastExistingItemSize;\n  const isVisible = maxOffset > componentSize;\n  return isVisible;\n};\n\nfunction isEmptyObject(obj: unknown) {\n  return obj === EMPTY_OBJECT;\n}\n\nexport const getOnItemsRenderedData = <T>(\n  items: T[],\n  normalizedItems: NormalizedItems<T>,\n  idGetter: IdGetter<T>,\n  visibleStartIndex: number,\n  visibleStopIndex: number,\n  listSize: number,\n  currentOffsetTop: number\n) => {\n  const firstVisibleItem = items[visibleStartIndex] || EMPTY_OBJECT;\n  const secondVisibleItem = items[visibleStartIndex + 1] || EMPTY_OBJECT;\n  const lastVisibleItem = items[visibleStopIndex] || EMPTY_OBJECT;\n  const firstItemId = isEmptyObject(firstVisibleItem) ? undefined : idGetter(firstVisibleItem as T, visibleStartIndex);\n  const secondItemId = isEmptyObject(secondVisibleItem)\n    ? undefined\n    : idGetter(secondVisibleItem as T, visibleStartIndex + 1);\n  const lastItemId = isEmptyObject(lastVisibleItem) ? undefined : idGetter(lastVisibleItem as T, visibleStopIndex);\n  const centerOffset = currentOffsetTop + listSize / 2;\n  const { offsetTop: firstItemOffsetTop, height: firstItemHeight } = normalizedItems[firstItemId!] || EMPTY_OBJECT;\n  const firstItemOffsetEnd = firstItemOffsetTop + firstItemHeight;\n  const centerItemId = findItemAtOffset(items, normalizedItems, idGetter, visibleStartIndex, centerOffset);\n\n  return {\n    firstItemId,\n    secondItemId,\n    lastItemId,\n    centerItemId,\n    firstItemOffsetEnd,\n    currentOffsetTop\n  };\n};\n"],"names":["LAST_ITEM_ID","EMPTY_OBJECT","getNormalizedItems","items","idGetter","sizeGetter","normalizedItems","offset","lastIndex","length","forEach","item","index","size","uniqueId","height","offsetTop","getMaxOffset","offsetSize","lastItem","easeInOutQuint","time","t","isLayoutDirectionScrollbarVisible","componentSize","lastExistingItemId","_normalizedItems$last","isEmptyObject","obj","getOnItemsRenderedData","visibleStartIndex","visibleStopIndex","listSize","currentOffsetTop","firstVisibleItem","secondVisibleItem","lastVisibleItem","firstItemId","undefined","secondItemId","lastItemId","_ref2","firstItemOffsetEnd","centerItemId","fromIndex","i","itemId","_ref","findItemAtOffset"],"mappings":"AAAA,IAAMA,EAAe,iBACfC,EAAsC,CAAA,EAe/BC,EAAqB,SAAIC,EAAYC,EAAuBC,GACvE,IAAMC,EAAsC,CAAA,EACxCC,EAAS,EAEPC,EAAYL,EAAMM,OAAS,EAYjC,OAXAN,EAAMO,SAAQ,SAACC,EAAMC,GACnB,IAAMC,EAAOR,EAAWM,EAAMC,GACxBE,EAAWV,EAASO,EAAMC,GAEhCN,EAAgBQ,GAAY,CAAEH,KAAAA,EAAMC,MAAAA,EAAOG,OAAQF,EAAMA,KAAAA,EAAMG,UAAWT,EAAQA,OAAAA,GAC9EC,IAAcI,IAChBN,EAAgBN,GAAgBM,EAAgBQ,IAElDP,GAAUM,CACZ,IAEOP,CACT,EASaW,EAAe,SAAIC,EAAoBZ,GAClD,IAAMa,EAAWb,EAAgBN,GACjC,OAAKmB,EACoBA,EAAXZ,OAAWY,EAAjBN,KACeK,EAFD,CAGxB,EAEaE,EAAiB,SAACC,GAC7B,IAAIC,EAAID,EACR,MAAW,GAAJC,EAAU,GAAKA,EAAIA,EAAIA,EAAIA,EAAIA,EAAI,EAAI,KAAOA,EAAIA,EAAIA,EAAIA,EAAIA,CACvE,EAsBaC,IAAAA,EAAoC,SAC/CpB,EACAG,EACAF,EACAoB,GAEA,IAAKA,EAAe,OAAO,EAC3B,IACMC,EAAqBrB,EADFD,EAAMA,EAAMM,OAAS,IAAMR,EACOE,EAAMM,OAAS,GAE1E,IADuBH,EAAgBmB,GAClB,OAAO,EAC5B,IAAAC,EAAyEpB,EAAgBmB,GAGzF,OAHwCC,EAAhCnB,OAA4DmB,EAA1Bb,KAEZW,CAEhC,EAEA,SAASG,EAAcC,GACrB,OAAOA,IAAQ3B,CACjB,KAEa4B,EAAyB,SACpC1B,EACAG,EACAF,EACA0B,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAmB/B,EAAM2B,IAAsB7B,EAC/CkC,EAAoBhC,EAAM2B,EAAoB,IAAM7B,EACpDmC,EAAkBjC,EAAM4B,IAAqB9B,EAC7CoC,EAAcV,EAAcO,QAAoBI,EAAYlC,EAAS8B,EAAuBJ,GAC5FS,EAAeZ,EAAcQ,QAC/BG,EACAlC,EAAS+B,EAAwBL,EAAoB,GACnDU,EAAab,EAAcS,QAAmBE,EAAYlC,EAASgC,EAAsBL,GAE/FU,EAAmEnC,EAAgB+B,IAAiBpC,EAC9FyC,EAD+BD,EAA7BzB,UAAsDyB,EAAvB1B,OAEjC4B,EA7DR,SACExC,EACAG,EACAF,EACAwC,EACArC,GAEA,IAAK,IAAIsC,EAAID,EAAezC,EAAMM,OAAVoC,EAAkBA,IAAK,CAC7C,IAAMC,EAAS1C,EAASD,EAAM0C,GAAIA,GAElCE,EADuBzC,EAAgBwC,IACS7C,EAChD,GADc8C,EAANhC,OAAiBgC,EAAT/B,UACST,EACvB,OAAOuC,CAEV,CACD,OAAO,IACT,CA6CuBE,CAAiB7C,EAAOG,EAAiBF,EAAU0B,EAHnDG,EAAmBD,EAAW,GAKnD,MAAO,CACLK,YAAAA,EACAE,aAAAA,EACAC,WAAAA,EACAG,aAAAA,EACAD,mBAAAA,EACAT,iBAAAA,EAEJ"}