npm - @vibe/core - Versions diffs - 4.2.2 → 4.2.3 - Mend

@vibe/core 4.2.2 → 4.2.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1121) hide show

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

	@@ -1 +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 \"@vibe/shared\";\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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"}
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 \"@vibe/shared\";\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":"q1BA2IA,IAAMA,EAAkBC,GACtB,SAAAC,EAyBEC,GACE,IAxBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,MAAAA,OAAK,IAAAD,EAAG,GAAEA,EAAAE,EAAAN,EACVO,aAAAA,OAAY,IAAAD,EAAG,SAACE,EAA2BC,EAAgBC,GAAqB,OAAKF,CAAoB,EAAAF,EAAAK,EAAAX,EACzGY,YAAAA,OAAW,IAAAD,EAAG,SAACH,EAA2BC,GAAc,OAAKD,EAAKK,MAAM,EAAAF,EAAAG,EAAAd,EACxEe,OAAAA,OAAM,IAAAD,EAAG,WAAUA,EACnBE,EAAQhB,EAARgB,SAAQC,EAAAjB,EACRkB,cAAAA,OAAa,IAAAD,EAAG,EAACA,EAAAE,EAAAnB,EACjBoB,UAAAA,OAAS,IAAAD,EAAG,SAACX,EAA2BC,GAAc,OAAKD,EAAKL,EAAE,EAAAgB,EAClEE,EAAUrB,EAAVqB,WAAUC,EAAAtB,EACVuB,eAAAA,OAAc,IAAAD,EAAG,IAAGA,EAAAE,EAAAxB,EACpByB,mBAAAA,OAAkB,IAAAD,EAAGE,EAAIF,EACzBG,EAAe3B,EAAf2B,gBAAeC,EAAA5B,EACf6B,0BAAAA,OAAyB,IAAAD,EAAG,IAAGA,EAAAE,EAAA9B,EAC/B+B,aAAAA,OAAY,IAAAD,EAAGJ,EAAII,EAAAE,EAAAhC,EACnBiC,2CAAAA,OAA0C,IAAAD,EAAG,KAAIA,EACjDE,EAAclC,EAAdkC,eACAC,EAAmBnC,EAAnBmC,oBACAC,EAAIpC,EAAJoC,KACcC,GAASrC,EAAvB,cACAsC,GAAKtC,EAALsC,MACeC,GAAUvC,EAAzB,eAKFwC,GAAoCC,EAAS,GAAEC,GAAAC,EAAAH,GAAA,GAAxCI,GAAUF,GAAA,GAAEG,GAAaH,GAAA,GAChCI,GAAkCL,EAAS,GAAEM,GAAAJ,EAAAG,GAAA,GAAtCE,GAASD,GAAA,GAAEE,GAAYF,GAAA,GAExBG,GAA4B,eAAXnC,EACjBoC,GAAmBC,GAAQ,WAC/B,OAAOF,GAAiBN,GAAaI,EACvC,GAAG,CAACE,GAAgBN,GAAYI,KAG1BK,GAAiBC,EAAYjC,GAG7BkC,GAAeC,EAAO,MACtBC,GAAgCD,EAAO,MACvCE,GAAUF,EAAO,MACjBG,GAAeH,EAAO,GACtBI,GAAmBJ,EAAO,CAC9BK,aAAa,EACbC,oBAAqB,EACrBC,kBAAmB,EACnBC,mBAAoB,IAEhBC,GAAYC,EAAYjE,EAAKsD,IAC7BY,GAAgBD,EAAYhC,EAAgBwB,IAE5CU,GAAgBR,GAAiBS,QAClCD,GAAcP,cACjBO,GAAcP,aAAc,EAC5BO,GAAcN,oBAAsB,EACpCM,GAAcL,kBAAoB,EAClCK,GAAcJ,mBAAqB,GAIrC,IAAMM,GAAaC,GACjB,SAAC/D,EAA2BgE,GAC1B,IAAM3D,EAASD,EAAYJ,EAAMgE,GAIjC,YAHeC,IAAX5D,GACF6D,QAAQC,MAAM,iCAAkCnE,GAE3CK,CACT,GACA,CAACD,IAGGgE,GAAWL,GACf,SAAC/D,EAA2BgE,GAC1B,IAAMK,EAASzD,EAAUZ,EAAMgE,GAI/B,YAHeC,IAAXI,GACFH,QAAQC,MAAM,6BAA8BnE,GAEvCqE,CACT,GACA,CAACzD,IAKG0D,GAAkB1B,GAAQ,WAC9B,OAAO2B,EAAmB1E,EAAOuE,GAAUN,GAC7C,GAAG,CAACjE,EAAOuE,GAAUN,KAEfU,GAAgB5B,GAAQ,WAC5B,OAAO6B,EAAa9B,GAAkB2B,GACxC,GAAG,CAAC3B,GAAkB2B,KAGhBI,GAAaX,GACjB,SAAAY,GAQK,IAPHC,EAAeD,EAAfC,gBACAC,EAAYF,EAAZE,aACAC,EAAwBH,EAAxBG,yBAMA3B,GAAaU,QAAUgB,EAClBC,IACHlB,GAAcN,oBAAsBuB,GAEtCrE,GAAYA,EAASoE,EAAiBC,EAAcC,EACtD,GACA,CAACtE,EAAU2C,GAAcS,KAGrBmB,GAAgBhB,GAAY,WAChCiB,uBAAsB,iBAEdC,EADMC,YAAYC,MACDvB,GAAcJ,mBAC/B4B,EAAcxB,GAAcL,kBAAoBK,GAAcN,oBAC9D+B,EAAYC,EAAeC,KAAKC,IAAI,EAAGP,EAAWlE,IAElD0E,EAAmBF,KAAKC,IAAIhB,GADbZ,GAAcN,oBAAsB8B,EAAcC,GAEvElC,GAAaU,QAAU4B,EACR,QAAfC,EAAAxC,GAAQW,eAAO,IAAA6B,GAAAA,EAAEC,SAASF,GAEX1E,EAAXkE,EACFF,MAEAnB,GAAcJ,wBAAqBS,EACnChD,GAAsBA,IAE1B,GACF,GAAG,CAACF,EAAgB6C,GAAeV,GAASsB,GAAevD,IAErD2E,GAAuB7B,GAC3B,SAAC/D,eACS6F,EAAc7F,EAAd6F,UAEJjC,GAAcJ,mBAEhBI,GAAcL,kBAAoBsC,GAKS,QAAnB,QAAtBC,EAAe,QAAfJ,EAAAxC,GAAQW,eAAO,IAAA6B,OAAA,EAAAA,EAAEK,aAAK,IAAAD,OAAA,EAAAA,EAAEjB,gBAC1BjB,GAAcN,oBAA4C,QAAtB0C,EAAe,QAAfC,EAAA/C,GAAQW,eAAO,IAAAoC,OAAA,EAAAA,EAAEF,aAAK,IAAAC,OAAA,EAAAA,EAAEnB,cAG1DjB,GAAcN,sBAAwBuC,GAM1CjC,GAAcL,kBAAoBsC,EAClCjC,GAAcJ,mBAAqB0B,YAAYC,MAC/CJ,MANE9D,GAAsBA,IAO1B,GACA,CAAC2C,GAAemB,GAAe9D,IAG3BiF,GAAcnC,GAClB,SAAAoC,GAA8D,IAA3DnC,EAAKmC,EAALnC,MAED,OAAOjE,EADMF,EAAMmE,GACOA,EAFbmC,EAALrE,MAGV,GACA,CAACjC,EAAOE,IAGJqG,GAAerC,GACnB,SAACC,GAEC,OAAOF,GADMjE,EAAMmE,GACKA,EAC1B,GACA,CAACnE,EAAOiE,KAGJuC,GAAiBtC,GACrB,SAACuC,EAAejG,GACVA,IAAW+B,IAAckE,IAAU9D,IACrC+D,YAAW,WACTlE,GAAchC,GACdoC,GAAa6D,GACb/E,EAAa+E,EAAOjG,EACtB,GAAG,EAEP,GACA,CAAC+B,GAAYI,GAAWjB,IAGpBiF,GAAoBC,GACxB,SAAAC,GACE,GAAKvF,EAAL,CACA,IAAMwF,EAAOC,EACX/G,EACAyE,GACAF,GALgBsC,EAAjBG,kBAAmCH,EAAhBI,iBAQlBnE,GACAQ,GAAaU,SAEf1C,EAAgBwF,EAVM,CAWxB,GACA,CAAEI,KAAM1F,EAA2B2F,UAAU,GAC7C,CAAC7F,EAAiBtB,EAAOyE,GAAiBF,GAAUzB,KA+BtD,OA3BAsE,GAAU,WAER,GAAIpG,GAAcgC,KAAmBhC,EAAY,CAC/C,IAAMqG,EAAeC,EAAkCtH,EAAOyE,GAAiBF,GAAUzB,IACnF3C,EAAOsE,GAAgBzD,GAC7BqG,GAAgBlH,GAAQ4F,GAAqB5F,EAC/C,CACF,GAAG,CAAC6C,GAAgBhC,EAAY+E,GAAsBtB,GAAiBzE,EAAOuE,GAAUzB,KAExFsE,GAAU,WAEJ/D,GAAQW,SACVX,GAAQW,QAAQuD,gBAAgB,EAEpC,GAAG,CAAC9C,KAEJ2C,GAAU,WAER,GAAIxF,EAA4C,CAC9C,IAAM4F,EAAYF,EAAkCtH,EAAOyE,GAAiBF,GAAUzB,IAClFM,GAA8BY,UAAYwD,IAC5CpE,GAA8BY,QAAUwD,EACxC5F,EAA2C4F,GAE/C,CACF,GAAG,CAAC5F,EAA4C5B,EAAOyE,GAAiB3B,GAAkByB,KAGxFkD,EAAAC,cAAA,MAAA,CACE9H,IAAKgE,GACL/D,UAAW8H,EAAGC,EAAOC,uBAAwBhI,GAC7CC,GAAIA,EACJiC,KAAMA,EAAI,aACEC,GAAS,cACRE,IAAc4F,EAAUC,EAAuBC,iBAAkBlI,GAC9EmC,MAAOA,IAEPwF,EAAAC,cAACO,QACE,SAAAC,GAAyD,IAAtD1H,EAAM0H,EAAN1H,OAAQiG,EAAKyB,EAALzB,MAEV,OADAD,GAAeC,EAAOjG,GAEpBiH,gBAACU,EAAI,CACHvI,IAAKkE,GACLtD,OAAQA,EACRiG,MAAOA,EACP2B,UAAWpI,EAAMqI,OACjBC,SAAU/B,GACV5F,SAAUkE,GACVnE,OAAQA,EACRG,cAAeA,EACfS,gBAAiBqF,GACjB9G,UAAWiC,GAEVuE,GAGP,IAIR"}

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

@@ -1,2 +1,2 @@
-var e={virtualizedListWrapper:"virtualizedListWrapper_25006d6786"};!function(e){const t="s_id-9250e4cf6c59_4_2_1";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_25006d6786 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={virtualizedListWrapper:"virtualizedListWrapper_562d82c71e"};!function(e){const t="s_id-9250e4cf6c59_4_2_2";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_562d82c71e {\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 CHANGED Viewed

@@ -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 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};
+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"../../../../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 CHANGED Viewed

	@@ -1 +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 \"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"}
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 \"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":"4RAQA,IAAMA,EAAOC,GACX,SAAAC,EAgBEC,GACE,IAdAC,EAAEF,EAAFE,GAAEC,EAAAH,EACFI,GAAAA,OAAE,IAAAD,EAAG,KAAIA,EACTE,EAAQL,EAARK,SACcC,EAASN,EAAvB,cACoBO,EAAeP,EAAnC,oBAAkBQ,EAAAR,EAClBS,KAAAA,OAAI,IAAAD,EAAG,UAASA,EAAAE,EAAAV,EAChBW,KAAAA,OAAI,IAAAD,EAAG,QAAOA,EACdE,EAASZ,EAATY,UAASC,EAAAb,EACTc,aAAAA,OAAY,IAAAD,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,EAAE,aACME,qBACMC,EAClBE,KAAMA,EACNE,KAAMA,EACNC,UAAWA,EACXE,aAAcA,EACdC,kBAAmBA,EACnBC,cAAeA,EAAa,cACfC,GAAcQ,EAAUC,EAAuBC,KAAMzB,GAAG,YAC1D0B,EAAgBD,MAE1BtB,EAGP"}

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

@@ -1,2 +1,2 @@
-var e={list:"list_597b563e79"};!function(e){const t="s_id-39e4d9ed645a_4_2_1";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_597b563e79 {\n  margin: 0;\n  padding: 0;\n  list-style: none;\n}");export{e as default};
+var e={list:"list_6c50112848"};!function(e){const t="s_id-39e4d9ed645a_4_2_2";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_6c50112848 {\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/ListItem/ListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/next/List/ListItem/ListItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport BaseItem from \"../../../BaseItem/BaseItem\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { type ListItemProps } from \"./ListItem.types\";\n\nconst ListItem = forwardRef(\n (\n {\n className,\n id,\n label,\n value,\n selected = false,\n disabled = false,\n readOnly = false,\n dir,\n role,\n startElement,\n endElement,\n tooltipProps,\n onClick,\n onHover,\n \"data-testid\": dataTestId\n }: ListItemProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const item: BaseItemData = useMemo(\n () => ({\n label,\n value: value ?? label,\n disabled,\n startElement,\n endElement,\n tooltipProps\n }),\n [label, value, disabled, startElement, endElement, tooltipProps]\n );\n\n const handleClick = useCallback(\n (event: React.MouseEvent \| React.KeyboardEvent) => {\n if (!disabled && onClick) {\n onClick(event);\n }\n },\n [disabled, onClick]\n );\n\n const handleHover = useCallback(\n (event: React.MouseEvent \| React.FocusEvent) => {\n if (!disabled && onHover) {\n onHover(event);\n }\n },\n [disabled, onHover]\n );\n\n const itemProps = useMemo(\n () => ({\n onClick: handleClick,\n onMouseEnter: handleHover,\n onFocus: handleHover,\n \"data-testid\": dataTestId\n }),\n [handleClick, handleHover, dataTestId]\n );\n\n return (\n <BaseItem\n ref={ref}\n className={className}\n id={id}\n item={item}\n selected={selected}\n highlighted={false}\n readOnly={readOnly}\n dir={dir}\n role={role}\n itemProps={itemProps}\n />\n );\n }\n);\n\nexport default ListItem;\n"],"names":["ListItem","forwardRef","_ref","ref","className","id","label","value","_ref$selected","selected","_ref$disabled","disabled","_ref$readOnly","readOnly","dir","role","startElement","endElement","tooltipProps","onClick","onHover","dataTestId","item","useMemo","handleClick","useCallback","event","handleHover","itemProps","onMouseEnter","onFocus","React","BaseItem","highlighted"],"mappings":"~~iHAKMA~~,~~IAAAA~~,EAAWC,GACf,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACAC,EAAKJ,EAALI,MACAC,EAAKL,EAALK,MAAKC,EAAAN,EACLO,SAAAA,~~OAAW~~,~~IAAHD~~,GAAQA,EAAAE,EAAAR,EAChBS,SAAAA,~~OAAW~~,~~IAAHD~~,GAAQA,EAAAE,EAAAV,EAChBW,SAAAA,~~OAAW~~,~~IAAHD~~,GAAQA,EAChBE,EAAGZ,EAAHY,IACAC,EAAIb,EAAJa,KACAC,EAAYd,EAAZc,aACAC,EAAUf,EAAVe,WACAC,EAAYhB,EAAZgB,aACAC,EAAOjB,EAAPiB,QACAC,EAAOlB,EAAPkB,QACeC,EAAUnB,EAAzB,eAIIoB,EAAqBC,GACzB,WAAA,MAAO,CACLjB,MAAAA,EACAC,MAAOA,QAAAA,EAASD,EAChBK,SAAAA,EACAK,aAAAA,EACAC,WAAAA,EACAC,aAAAA,EACD,GACD,CAACZ,EAAOC,EAAOI,EAAUK,EAAcC,EAAYC,IAG/CM,EAAcC,GAClB,SAACC,IACMf,GAAYQ,GACfA,EAAQO,EAEZ,GACA,CAACf,EAAUQ,IAGPQ,EAAcF,GAClB,SAACC,IACMf,GAAYS,GACfA,EAAQM,EAEZ,GACA,CAACf,EAAUS,IAGPQ,EAAYL,GAChB,WAAA,MAAO,CACLJ,QAASK,EACTK,aAAcF,EACdG,QAASH,EACT,cAAeN,~~EACf~~,~~GACF~~,CAACG,EAAaG,EAAaN,IAG7B,OACEU,gBAACC,EAAQ,CACP7B,IAAKA,EACLC,UAAWA,EACXC,GAAIA,EACJiB,KAAMA,EACNb,SAAUA,EACVwB,aAAa,EACbpB,SAAUA,EACVC,IAAKA,EACLC,KAAMA,EACNa,UAAWA,GAGjB"}
1	+ {"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/next/List/ListItem/ListItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport BaseItem from \"../../../BaseItem/BaseItem\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport { type ListItemProps } from \"./ListItem.types\";\n\nconst ListItem = forwardRef(\n (\n {\n className,\n id,\n label,\n value,\n selected = false,\n disabled = false,\n readOnly = false,\n dir,\n role,\n startElement,\n endElement,\n tooltipProps,\n onClick,\n onHover,\n \"data-testid\": dataTestId\n }: ListItemProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const item: BaseItemData = useMemo(\n () => ({\n label,\n value: value ?? label,\n disabled,\n startElement,\n endElement,\n tooltipProps\n }),\n [label, value, disabled, startElement, endElement, tooltipProps]\n );\n\n const handleClick = useCallback(\n (event: React.MouseEvent \| React.KeyboardEvent) => {\n if (!disabled && onClick) {\n onClick(event);\n }\n },\n [disabled, onClick]\n );\n\n const handleHover = useCallback(\n (event: React.MouseEvent \| React.FocusEvent) => {\n if (!disabled && onHover) {\n onHover(event);\n }\n },\n [disabled, onHover]\n );\n\n const itemProps = useMemo(\n () => ({\n onClick: handleClick,\n onMouseEnter: handleHover,\n onFocus: handleHover,\n \"data-testid\": dataTestId\n }),\n [handleClick, handleHover, dataTestId]\n );\n\n return (\n <BaseItem\n ref={ref}\n className={className}\n id={id}\n item={item}\n selected={selected}\n highlighted={false}\n readOnly={readOnly}\n dir={dir}\n role={role}\n itemProps={itemProps}\n />\n );\n }\n);\n\nexport default ListItem;\n"],"names":["ListItem","forwardRef","_ref","ref","className","id","label","value","_ref$selected","selected","_ref$disabled","disabled","_ref$readOnly","readOnly","dir","role","startElement","endElement","tooltipProps","onClick","onHover","dataTestId","item","useMemo","handleClick","useCallback","event","handleHover","itemProps","onMouseEnter","onFocus","React","BaseItem","highlighted"],"mappings":"iHAKA,IAAMA,EAAWC,GACf,SAAAC,EAkBEC,GACE,IAjBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GACAC,EAAKJ,EAALI,MACAC,EAAKL,EAALK,MAAKC,EAAAN,EACLO,SAAAA,OAAQ,IAAAD,GAAQA,EAAAE,EAAAR,EAChBS,SAAAA,OAAQ,IAAAD,GAAQA,EAAAE,EAAAV,EAChBW,SAAAA,OAAQ,IAAAD,GAAQA,EAChBE,EAAGZ,EAAHY,IACAC,EAAIb,EAAJa,KACAC,EAAYd,EAAZc,aACAC,EAAUf,EAAVe,WACAC,EAAYhB,EAAZgB,aACAC,EAAOjB,EAAPiB,QACAC,EAAOlB,EAAPkB,QACeC,EAAUnB,EAAzB,eAIIoB,EAAqBC,GACzB,WAAA,MAAO,CACLjB,MAAAA,EACAC,MAAOA,QAAAA,EAASD,EAChBK,SAAAA,EACAK,aAAAA,EACAC,WAAAA,EACAC,aAAAA,EACD,GACD,CAACZ,EAAOC,EAAOI,EAAUK,EAAcC,EAAYC,IAG/CM,EAAcC,GAClB,SAACC,IACMf,GAAYQ,GACfA,EAAQO,EAEZ,GACA,CAACf,EAAUQ,IAGPQ,EAAcF,GAClB,SAACC,IACMf,GAAYS,GACfA,EAAQM,EAEZ,GACA,CAACf,EAAUS,IAGPQ,EAAYL,GAChB,WAAA,MAAO,CACLJ,QAASK,EACTK,aAAcF,EACdG,QAASH,EACT,cAAeN,EAChB,GACD,CAACG,EAAaG,EAAaN,IAG7B,OACEU,gBAACC,EAAQ,CACP7B,IAAKA,EACLC,UAAWA,EACXC,GAAIA,EACJiB,KAAMA,EACNb,SAAUA,EACVwB,aAAa,EACbpB,SAAUA,EACVC,IAAKA,EACLC,KAAMA,EACNa,UAAWA,GAGjB"}

package/dist/src/components/next/List/ListTitle/ListTitle.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as s}from"react";import i from"classnames";import{getTestId as r,ComponentDefaultTestId as o}from"../../../../tests/testIds.js";import{ComponentVibeId as a}from"../../../../tests/constants.js";import{useBaseList as l}from"../../../BaseList/context/BaseListContext.js";import m from"./ListTitle.module.scss.js";import n from"../../../../../components/typography/dist/Text/Text.js";var d=s((function(s,d){var p,c=s.className,f=s.id,u=s.children,T=s.size,v=s.sticky,L=void 0!==v&&v,j=s["data-testid"],x=l(),y=null!==(p=null!=T?T:x.size)&&void 0!==p?p:"small";return e.createElement(n,{element:"li",ref:d,id:f,type:"text1",weight:"medium",role:"heading","aria-level":3,className:i(m.listTitle,m[y],t({},m.sticky,L),c),"data-testid":j||r(o.LIST_TITLE,f),"data-vibe":a.LIST_TITLE},u)}));export{d as default};
+import{defineProperty as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import e,{forwardRef as s}from"react";import i from"classnames";import{getTestId as r,ComponentDefaultTestId as o}from"../../../../../testIds.js";import{ComponentVibeId as a}from"../../../../tests/constants.js";import{useBaseList as l}from"../../../BaseList/context/BaseListContext.js";import m from"./ListTitle.module.scss.js";import n from"../../../../../components/typography/dist/Text/Text.js";var d=s((function(s,d){var p,c=s.className,f=s.id,u=s.children,T=s.size,v=s.sticky,L=void 0!==v&&v,j=s["data-testid"],x=l(),y=null!==(p=null!=T?T:x.size)&&void 0!==p?p:"small";return e.createElement(n,{element:"li",ref:d,id:f,type:"text1",weight:"medium",role:"heading","aria-level":3,className:i(m.listTitle,m[y],t({},m.sticky,L),c),"data-testid":j||r(o.LIST_TITLE,f),"data-vibe":a.LIST_TITLE},u)}));export{d as default};
 //# sourceMappingURL=ListTitle.js.map

package/dist/src/components/next/List/ListTitle/ListTitle.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListTitle.js","sources":["../../../../../../src/components/next/List/ListTitle/ListTitle.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentVibeId } from \"../../../../tests/constants\";\nimport { useBaseList } from \"../../../BaseList/context/BaseListContext\";\nimport { type ListTitleProps } from \"./ListTitle.types\";\nimport styles from \"./ListTitle.module.scss\";\n\nconst ListTitle = forwardRef(\n (\n { className, id, children, size: sizeProp, sticky = false, \"data-testid\": dataTestId }: ListTitleProps,\n ref: React.ForwardedRef<HTMLLIElement>\n ) => {\n const { size: contextSize } = useBaseList();\n const size = sizeProp ?? contextSize ?? \"small\";\n\n return (\n <Text\n element=\"li\"\n ref={ref}\n id={id}\n type=\"text1\"\n weight=\"medium\"\n role=\"heading\"\n aria-level={3}\n className={cx(\n styles.listTitle,\n styles[size],\n {\n [styles.sticky]: sticky\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LIST_TITLE, id)}\n data-vibe={ComponentVibeId.LIST_TITLE}\n >\n {children}\n </Text>\n );\n }\n);\n\nexport default ListTitle;\n"],"names":["ListTitle","forwardRef","_ref","ref","className","id","children","sizeProp","size","_ref$sticky","sticky","dataTestId","_useBaseList","useBaseList","_a","React","createElement","Text","element","type","weight","role","cx","styles","listTitle","_defineProperty","getTestId","ComponentDefaultTestId","LIST_TITLE","ComponentVibeId"],"mappings":"~~ueASMA~~,~~IAAAA~~,EAAYC,GAChB,SAAAC,EAEEC,GACE,MAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAQJ,EAARI,SAAgBC,EAAQL,EAAdM,KAAIC,EAAAP,EAAYQ,OAAAA,~~OAAS~~,~~IAAHD~~,GAAQA,EAAiBE,EAAUT,EAAzB,eAG3DU,EAA8BC,IACxBL,~~EAAkC~~,~~QAA3BM~~,EAAAP,QAAAA,EADYK,EAAjBJ,~~YACgC~~,IAAAM,EAAAA,~~EAAA~~,QAExC,OACEC,~~EAACC~~,~~cAAAC~~,GACCC,QAAQ,KACRf,IAAKA,EACLE,GAAIA,EACJc,KAAK,QACLC,OAAO,SACPC,KAAK,~~UACO~~,~~aAAA~~,EACZjB,UAAWkB,EACTC,EAAOC,UACPD,EAAOf,GAAKiB,KAETF,EAAOb,OAASA,GAEnBN,~~GAEW~~,~~cAAAO~~,GAAce,EAAUC,EAAuBC,WAAYvB,eAC7DwB,EAAgBD,YAE1BtB,EAGP"}
1	+ {"version":3,"file":"ListTitle.js","sources":["../../../../../../src/components/next/List/ListTitle/ListTitle.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Text } from \"@vibe/typography\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentVibeId } from \"../../../../tests/constants\";\nimport { useBaseList } from \"../../../BaseList/context/BaseListContext\";\nimport { type ListTitleProps } from \"./ListTitle.types\";\nimport styles from \"./ListTitle.module.scss\";\n\nconst ListTitle = forwardRef(\n (\n { className, id, children, size: sizeProp, sticky = false, \"data-testid\": dataTestId }: ListTitleProps,\n ref: React.ForwardedRef<HTMLLIElement>\n ) => {\n const { size: contextSize } = useBaseList();\n const size = sizeProp ?? contextSize ?? \"small\";\n\n return (\n <Text\n element=\"li\"\n ref={ref}\n id={id}\n type=\"text1\"\n weight=\"medium\"\n role=\"heading\"\n aria-level={3}\n className={cx(\n styles.listTitle,\n styles[size],\n {\n [styles.sticky]: sticky\n },\n className\n )}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.LIST_TITLE, id)}\n data-vibe={ComponentVibeId.LIST_TITLE}\n >\n {children}\n </Text>\n );\n }\n);\n\nexport default ListTitle;\n"],"names":["ListTitle","forwardRef","_ref","ref","className","id","children","sizeProp","size","_ref$sticky","sticky","dataTestId","_useBaseList","useBaseList","_a","React","createElement","Text","element","type","weight","role","cx","styles","listTitle","_defineProperty","getTestId","ComponentDefaultTestId","LIST_TITLE","ComponentVibeId"],"mappings":"oeASA,IAAMA,EAAYC,GAChB,SAAAC,EAEEC,GACE,MAFAC,EAASF,EAATE,UAAWC,EAAEH,EAAFG,GAAIC,EAAQJ,EAARI,SAAgBC,EAAQL,EAAdM,KAAIC,EAAAP,EAAYQ,OAAAA,OAAM,IAAAD,GAAQA,EAAiBE,EAAUT,EAAzB,eAG3DU,EAA8BC,IACxBL,EAA8B,QAAvBM,EAAAP,QAAAA,EADYK,EAAjBJ,YAC4B,IAAAM,EAAAA,EAAI,QAExC,OACEC,EAAAC,cAACC,GACCC,QAAQ,KACRf,IAAKA,EACLE,GAAIA,EACJc,KAAK,QACLC,OAAO,SACPC,KAAK,UAAS,aACF,EACZjB,UAAWkB,EACTC,EAAOC,UACPD,EAAOf,GAAKiB,KAETF,EAAOb,OAASA,GAEnBN,GACD,cACYO,GAAce,EAAUC,EAAuBC,WAAYvB,eAC7DwB,EAAgBD,YAE1BtB,EAGP"}

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

@@ -1,2 +1,2 @@
-var e={listTitle:"listTitle_f162693aa6",small:"small_56289b00fb",medium:"medium_b39a2804ce",large:"large_b39a2804ce",sticky:"sticky_d5f1021549"};!function(e){const n="s_id-7bd0f1d1374d_4_2_1";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_f162693aa6 {\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_56289b00fb {\n  padding: var(--space-16) var(--space-8) var(--space-8);\n}\n.medium_b39a2804ce {\n  padding: var(--space-16) 12px var(--space-8);\n}\n.large_b39a2804ce {\n  padding: var(--space-16) 12px var(--space-8);\n}\n.sticky_d5f1021549 {\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_d5fcb62c38",small:"small_b6500343b3",medium:"medium_345cb0f684",large:"large_345cb0f684",sticky:"sticky_013947cc21"};!function(e){const n="s_id-7bd0f1d1374d_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.listTitle_d5fcb62c38 {\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_b6500343b3 {\n  padding: var(--space-16) var(--space-8) var(--space-8);\n}\n.medium_345cb0f684 {\n  padding: var(--space-16) 12px var(--space-8);\n}\n.large_345cb0f684 {\n  padding: var(--space-16) 12px var(--space-8);\n}\n.sticky_013947cc21 {\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/constants/sizes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"sizes.js","sources":["../../../src/constants/sizes.ts"],"sourcesContent":["export const BASE_SIZES = {\n SMALL: \"small\",\n MEDIUM: \"medium\",\n LARGE: \"large\"\n} as const;\n\nexport const SIZES = { XXS: \"xxs\", XS: \"xs\", ...BASE_SIZES } as const;\n\nexport enum BaseSizes {\n SMALL = \"small\",\n MEDIUM = \"medium\",\n LARGE = \"large\"\n}\n\nexport enum Sizes {\n XXS = \"xxs\",\n XS = \"xs\",\n SMALL = \"small\",\n MEDIUM = \"medium\",\n LARGE = \"large\"\n}\n\nexport type SIZES_VALUES = (typeof SIZES)[keyof typeof SIZES];\n"],"names":["BaseSizes","Sizes","BASE_SIZES","SMALL","MEDIUM","LARGE","SIZES","Object","XXS","XS"],"mappings":"AAAO,IAQKA,EAMAC,EAdCC,EAAa,CACxBC,MAAO,QACPC,OAAQ,SACRC,MAAO,SAGIC,EAAQC,eAAEC,IAAK,MAAOC,GAAI,MAASP,IAEhD,SAAYF,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,~~EAIX~~,CAAA,~~IAED~~,SAAYC,GACVA,EAAA,IAAA,MACAA,EAAA,GAAA,KACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAND,CAAYA,IAAAA,~~EAMX~~,CAAA"}
1	+ {"version":3,"file":"sizes.js","sources":["../../../src/constants/sizes.ts"],"sourcesContent":["export const BASE_SIZES = {\n SMALL: \"small\",\n MEDIUM: \"medium\",\n LARGE: \"large\"\n} as const;\n\nexport const SIZES = { XXS: \"xxs\", XS: \"xs\", ...BASE_SIZES } as const;\n\nexport enum BaseSizes {\n SMALL = \"small\",\n MEDIUM = \"medium\",\n LARGE = \"large\"\n}\n\nexport enum Sizes {\n XXS = \"xxs\",\n XS = \"xs\",\n SMALL = \"small\",\n MEDIUM = \"medium\",\n LARGE = \"large\"\n}\n\nexport type SIZES_VALUES = (typeof SIZES)[keyof typeof SIZES];\n"],"names":["BaseSizes","Sizes","BASE_SIZES","SMALL","MEDIUM","LARGE","SIZES","Object","XXS","XS"],"mappings":"AAAO,IAQKA,EAMAC,EAdCC,EAAa,CACxBC,MAAO,QACPC,OAAQ,SACRC,MAAO,SAGIC,EAAQC,eAAEC,IAAK,MAAOC,GAAI,MAASP,IAEhD,SAAYF,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAAS,CAAA,IAMrB,SAAYC,GACVA,EAAA,IAAA,MACAA,EAAA,GAAA,KACAA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAND,CAAYA,IAAAA,EAAK,CAAA"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"textManipulations.js","sources":["../../../src/helpers/textManipulations.ts"],"sourcesContent":["import { convertToArray } from \"@vibe/shared\";\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":"2EAEA,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,CACrB,CAEA,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"}
1	+ {"version":3,"file":"textManipulations.js","sources":["../../../src/helpers/textManipulations.ts"],"sourcesContent":["import { convertToArray } from \"@vibe/shared\";\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":"2EAEA,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,CAAA,EAAEG,EAAAJ,EAHlFK,MAAAA,OAAK,IAAAD,EAAGV,EAAaU,EAAAE,EAAAN,EACrBO,UAAAA,OAAS,IAAAD,GAAOA,EAAAE,EAAAR,EAChBS,UAAAA,OAAS,IAAAD,EAAG,EAACA,EAGf,GAAIT,QAAJ,CACA,IAAMW,EAjCR,SAAgCL,GAC9B,IAAIK,EACJ,IAEEA,IAAqBC,KAAKC,aAAaC,mBAAmBC,EAAeT,GADzD,CAAEU,cAAe,WACyDb,MAC5F,CAAE,MAAOc,GACPN,GAAmB,CACrB,CAEA,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,YAAY,CACzCC,sBAAuBJ,KACtBK,OAAOxB,EAPiC,CAQ7C"}

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

	@@ -1 +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 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"}
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 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,OAAgB,IAAAD,GAAQA,EAAAE,EAAAZ,EACxBa,6BAAAA,OAA4B,IAAAD,GAAQA,EAAAE,EAAAd,EACpCe,0BAAAA,OAAyB,IAAAD,GAAQA,EAAAE,EAAAhB,EACjCiB,uBAAAA,OAAsB,IAAAD,GAAQA,EAaxBE,OAlBsB,IAAAb,GAAQA,EAkB+B,GAAI,EACjEc,EAAajB,EAASkB,OAC5BC,EAAwDC,MAAoBC,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,EAErB,GAAG,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,GAAY,GAAMA,IAAcf,GAClCC,EAAwBc,EAE5B,GACA,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,EAAI,CAAA,IA+GTC,EAA6BiD,MAAQlD"}

package/dist/src/hooks/useActiveDescendantListFocus/useActiveDescendantListFocusHooks.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{useCallback as e,useMemo as t,useEffect as n,useRef as s}from"react";import i from"../usePrevious/index.js";import{getNextSelectableIndex as o,getPreviousSelectableIndex as u}from"./useActiveDescendantListFocusHelpers.js";import c from"../useListenFocusTriggers/index.js";import{useKeyEvent as r}from"../../../shared/dist/hooks/useKeyEvent.js";import{useEventListener as l}from"../../../shared/dist/hooks/useEventListener.js";var a;!function(e){e.UP="ArrowUp",e.DOWN="ArrowDown",e.RIGHT="ArrowRight",e.LEFT="ArrowLeft"}(a||(a={}));var m="Enter";function d(t){var n=t.itemsCount,s=t.focusedElementRef,i=t.visualFocusItemIndex,c=t.setVisualFocusItemIndex,l=t.isHorizontalList,m=t.isItemSelectable,d=t.listenerOptions,I=t.triggeredByKeyboard,f=l?a.RIGHT:a.DOWN,v=l?a.LEFT:a.UP,F=e((function(e){var t;document.activeElement===s.current&&(!I.current&&(I.current=!0,i>-1)||(e===f?t=o({isItemSelectable:m,visualFocusItemIndex:i,itemsCount:n}):e===v&&(t=u({isItemSelectable:m,visualFocusItemIndex:i,itemsCount:n})),t>-1&&t!==i&&c(t)))}),[s,I,f,v,i,c,m,n]),b=e((function(){F(v)}),[v,F]),x=e((function(){F(f)}),[f,F]);r(Object.assign({keys:[f],callback:x},d)),r(Object.assign({keys:[v],callback:b},d))}function I(n){var s=n.visualFocusItemIndex,i=n.focusedElementRef,o=n.itemsCount,u=n.setVisualFocusItemIndex,c=n.onItemClick,l=n.isItemSelectable,a=n.listenerOptions,d=void 0===a?void 0:a,I=n.isIgnoreSpaceAsItemSelection,f=void 0!==I&&I,v=t((function(){return f?[m]:[m," "]}),[f]),F=e((function(e,t){c&&(t>=0&&o>t)&&l(t)&&(s!==t&&u(t),c(e,t))}),[o,c,l,s,u]),b=e((function(e){i.current.contains(document.activeElement)&&F(e,s)}),[F,i,s]);r(Object.assign({keys:v,callback:b},d))}function f(t){var s=t.focusedElementRef,o=t.visualFocusItemIndex,u=t.setVisualFocusItemIndex,c=i(s),r=e((function(){-1!==o&&u(-1)}),[u,o]);n((function(){null===(null==s?void 0:s.current)&&null!==(null==c?void 0:c.current)&&r()}),[s.current,c,r]),l({eventName:"blur",ref:s,callback:r})}function v(t){var n=t.focusedElementRef,i=t.isItemSelectable,u=t.visualFocusItemIndex,r=t.setVisualFocusItemIndex,l=t.itemsCount,a=t.defaultVisualFocusItemIndex,m=void 0===a?-1:a,d=s(!1),I=e((function(){var e;(d.current=!0,u!==m)&&(e=i(m)?m:o({isItemSelectable:i,itemsCount:l,visualFocusItemIndex:m}),r(e))}),[m,i,l,r,d,u]),f=e((function(){d.current=!1}),[d]);return c({ref:n,onFocusByKeyboard:I,onFocusByMouse:f}),{triggeredByKeyboard:d}}function F(e){var t=e.visualFocusItemIndex,s=e.itemsIds,u=e.isItemSelectable,c=e.setVisualFocusItemIndex,r=i(s);n((function(){var e;void 0!==r&&r!==s&&void 0!==r&&-1!==t?e=s.indexOf(r[t]):e=t;if(e!==t)if(u(e))c(e);else{var n=o({isItemSelectable:u,visualFocusItemIndex:e,itemsCount:s.length});c(n)}}),[t,s,u,c,r])}export{f as useCleanVisualFocusOnBlur,F as useKeepFocusOnItemWhenListChanged,v as useSetDefaultItemOnFocusEvent,d as useSupportArrowsKeyboardNavigation,I as useSupportPressItemKeyboardNavigation};
+import{useRef as e,useCallback as t,useMemo as n,useEffect as s}from"react";import i from"../usePrevious/index.js";import{getNextSelectableIndex as o,getPreviousSelectableIndex as u}from"./useActiveDescendantListFocusHelpers.js";import c from"../useListenFocusTriggers/index.js";import{useKeyEvent as r}from"../../../shared/dist/hooks/useKeyEvent.js";import{useEventListener as l}from"../../../shared/dist/hooks/useEventListener.js";var a;!function(e){e.UP="ArrowUp",e.DOWN="ArrowDown",e.RIGHT="ArrowRight",e.LEFT="ArrowLeft"}(a||(a={}));var m="Enter";function d(e){var n=e.itemsCount,s=e.focusedElementRef,i=e.visualFocusItemIndex,c=e.setVisualFocusItemIndex,l=e.isHorizontalList,m=e.isItemSelectable,d=e.listenerOptions,I=e.triggeredByKeyboard,f=l?a.RIGHT:a.DOWN,v=l?a.LEFT:a.UP,F=t((function(e){var t;document.activeElement===s.current&&(!I.current&&(I.current=!0,i>-1)||(e===f?t=o({isItemSelectable:m,visualFocusItemIndex:i,itemsCount:n}):e===v&&(t=u({isItemSelectable:m,visualFocusItemIndex:i,itemsCount:n})),t>-1&&t!==i&&c(t)))}),[s,I,f,v,i,c,m,n]),b=t((function(){F(v)}),[v,F]),x=t((function(){F(f)}),[f,F]);r(Object.assign({keys:[f],callback:x},d)),r(Object.assign({keys:[v],callback:b},d))}function I(e){var s=e.visualFocusItemIndex,i=e.focusedElementRef,o=e.itemsCount,u=e.setVisualFocusItemIndex,c=e.onItemClick,l=e.isItemSelectable,a=e.listenerOptions,d=void 0===a?void 0:a,I=e.isIgnoreSpaceAsItemSelection,f=void 0!==I&&I,v=n((function(){return f?[m]:[m," "]}),[f]),F=t((function(e,t){c&&(t>=0&&o>t)&&l(t)&&(s!==t&&u(t),c(e,t))}),[o,c,l,s,u]),b=t((function(e){i.current.contains(document.activeElement)&&F(e,s)}),[F,i,s]);r(Object.assign({keys:v,callback:b},d))}function f(e){var n=e.focusedElementRef,o=e.visualFocusItemIndex,u=e.setVisualFocusItemIndex,c=i(n),r=t((function(){-1!==o&&u(-1)}),[u,o]);s((function(){null===(null==n?void 0:n.current)&&null!==(null==c?void 0:c.current)&&r()}),[n.current,c,r]),l({eventName:"blur",ref:n,callback:r})}function v(n){var s=n.focusedElementRef,i=n.isItemSelectable,u=n.visualFocusItemIndex,r=n.setVisualFocusItemIndex,l=n.itemsCount,a=n.defaultVisualFocusItemIndex,m=void 0===a?-1:a,d=e(!1),I=t((function(){var e;(d.current=!0,u!==m)&&(e=i(m)?m:o({isItemSelectable:i,itemsCount:l,visualFocusItemIndex:m}),r(e))}),[m,i,l,r,d,u]),f=t((function(){d.current=!1}),[d]);return c({ref:s,onFocusByKeyboard:I,onFocusByMouse:f}),{triggeredByKeyboard:d}}function F(e){var t=e.visualFocusItemIndex,n=e.itemsIds,u=e.isItemSelectable,c=e.setVisualFocusItemIndex,r=i(n);s((function(){var e;void 0!==r&&r!==n&&void 0!==r&&-1!==t?e=n.indexOf(r[t]):e=t;if(e!==t)if(u(e))c(e);else{var s=o({isItemSelectable:u,visualFocusItemIndex:e,itemsCount:n.length});c(s)}}),[t,n,u,c,r])}export{f as useCleanVisualFocusOnBlur,F as useKeepFocusOnItemWhenListChanged,v as useSetDefaultItemOnFocusEvent,d as useSupportArrowsKeyboardNavigation,I as useSupportPressItemKeyboardNavigation};
 //# sourceMappingURL=useActiveDescendantListFocusHooks.js.map

package/dist/src/hooks/useActiveDescendantListFocus/useActiveDescendantListFocusHooks.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useActiveDescendantListFocusHooks.js","sources":["../../../../src/hooks/useActiveDescendantListFocus/useActiveDescendantListFocusHooks.ts"],"sourcesContent":["import { type MutableRefObject } from \"react\";\nimport type React from \"react\";\nimport { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport useKeyEvent, { type UseKeyEventArgs } from \"../useKeyEvent\";\nimport useEventListener from \"../useEventListener\";\nimport usePrevious from \"../usePrevious\";\nimport { getNextSelectableIndex, getPreviousSelectableIndex } from \"./useActiveDescendantListFocusHelpers\";\nimport useListenFocusTriggers from \"../useListenFocusTriggers\";\n\nenum ArrowDirection {\n UP = \"ArrowUp\",\n DOWN = \"ArrowDown\",\n RIGHT = \"ArrowRight\",\n LEFT = \"ArrowLeft\"\n}\n\nconst ENTER_KEY = \"Enter\";\nconst SPACE_KEY = \" \";\n\nexport function useSupportArrowsKeyboardNavigation({\n itemsCount,\n focusedElementRef,\n visualFocusItemIndex,\n setVisualFocusItemIndex,\n isHorizontalList,\n isItemSelectable,\n listenerOptions,\n triggeredByKeyboard\n}: {\n itemsCount: number;\n focusedElementRef: MutableRefObject<HTMLElement>;\n visualFocusItemIndex: number;\n setVisualFocusItemIndex: (index: number) => void;\n isHorizontalList: boolean;\n isItemSelectable: (index: number) => boolean;\n triggeredByKeyboard: MutableRefObject<boolean>;\n listenerOptions: Omit<UseKeyEventArgs, \"keys\" \| \"callback\">;\n}) {\n const nextArrow = isHorizontalList ? ArrowDirection.RIGHT : ArrowDirection.DOWN;\n const backArrow = isHorizontalList ? ArrowDirection.LEFT : ArrowDirection.UP;\n\n const onArrowKeyEvent = useCallback(\n (direction: ArrowDirection) => {\n // we desire to change the visual focus item only if the user pressed on the keyboard arrows keys while\n // the focusedElementRef is naturally focus\n if (document.activeElement !== focusedElementRef.current) {\n return;\n }\n\n // If the focusedElementRef is naturally focus but this is the first keyboard interaction of the user, we will mark future user interactions as trigger by keyboard (until the next mouse interaction)\n // that from now on the interactions are trigger by keyboard (until the next mouse interaction)\n if (!triggeredByKeyboard.current) {\n triggeredByKeyboard.current = true;\n\n // If the focusedElementRef is naturally focus but this is the first keyboard interaction of the user, we want only to display the item\n // which right now visually focus without changing it.\n if (visualFocusItemIndex > -1) {\n return;\n }\n }\n\n let newIndex;\n\n // We will change the visual focused item index according to the direction of the pressed arrow\n if (direction === nextArrow) {\n newIndex = getNextSelectableIndex({ isItemSelectable, visualFocusItemIndex, itemsCount });\n } else if (direction === backArrow) {\n newIndex = getPreviousSelectableIndex({ isItemSelectable, visualFocusItemIndex, itemsCount });\n }\n\n if (newIndex > -1 && newIndex !== visualFocusItemIndex) setVisualFocusItemIndex(newIndex);\n },\n [\n focusedElementRef,\n triggeredByKeyboard,\n nextArrow,\n backArrow,\n visualFocusItemIndex,\n setVisualFocusItemIndex,\n isItemSelectable,\n itemsCount\n ]\n );\n const onArrowBack = useCallback(() => {\n onArrowKeyEvent(backArrow);\n }, [backArrow, onArrowKeyEvent]);\n\n const onArrowNext = useCallback(() => {\n onArrowKeyEvent(nextArrow);\n }, [nextArrow, onArrowKeyEvent]);\n\n useKeyEvent({\n keys: [nextArrow],\n callback: onArrowNext,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: [backArrow],\n callback: onArrowBack,\n ...listenerOptions\n });\n}\n\nexport function useSupportPressItemKeyboardNavigation({\n visualFocusItemIndex,\n focusedElementRef,\n itemsCount,\n setVisualFocusItemIndex,\n onItemClick,\n isItemSelectable,\n listenerOptions = undefined,\n isIgnoreSpaceAsItemSelection = false\n}: {\n visualFocusItemIndex: number;\n focusedElementRef: MutableRefObject<HTMLElement>;\n itemsCount: number;\n setVisualFocusItemIndex: (index: number) => void;\n onItemClick: (event: React.MouseEvent \| React.KeyboardEvent, index: number) => void;\n isItemSelectable: (index: number) => boolean;\n listenerOptions: Omit<UseKeyEventArgs, \"keys\" \| \"callback\">;\n isIgnoreSpaceAsItemSelection: boolean;\n}) {\n const pressKeys = useMemo(\n () => (isIgnoreSpaceAsItemSelection ? [ENTER_KEY] : [ENTER_KEY, SPACE_KEY]),\n [isIgnoreSpaceAsItemSelection]\n );\n\n const baseOnClickCallback = useCallback(\n (event: React.KeyboardEvent, itemIndex: number) => {\n const hasValidIndex = itemIndex >= 0 && itemIndex < itemsCount;\n if (!onItemClick \|\| !hasValidIndex \|\| !isItemSelectable(itemIndex)) return;\n if (visualFocusItemIndex !== itemIndex) setVisualFocusItemIndex(itemIndex);\n onItemClick(event, itemIndex);\n },\n [itemsCount, onItemClick, isItemSelectable, visualFocusItemIndex, setVisualFocusItemIndex]\n );\n\n const keyboardOnSelectCallback = useCallback(\n (event: React.KeyboardEvent) => {\n // we desire to change the trigger the active item on click callback only if the user pressed on the keyboard arrows keys while\n // the focusedElementRef is naturally focus\n if (focusedElementRef.current.contains(document.activeElement)) {\n baseOnClickCallback(event, visualFocusItemIndex);\n }\n },\n [baseOnClickCallback, focusedElementRef, visualFocusItemIndex]\n );\n\n useKeyEvent({\n keys: pressKeys,\n callback: keyboardOnSelectCallback,\n ...listenerOptions\n });\n}\n\nexport function useCleanVisualFocusOnBlur({\n focusedElementRef,\n visualFocusItemIndex,\n setVisualFocusItemIndex\n}: {\n focusedElementRef: MutableRefObject<HTMLElement>;\n visualFocusItemIndex: number;\n setVisualFocusItemIndex: (index: number) => void;\n}) {\n const previousFocusedElementRef = usePrevious(focusedElementRef);\n\n const onBlurCallback = useCallback(() => {\n if (visualFocusItemIndex !== -1) {\n setVisualFocusItemIndex(-1);\n }\n }, [setVisualFocusItemIndex, visualFocusItemIndex]);\n\n // if element unmount act like element got blur event\n useEffect(() => {\n // if element unmount\n if (focusedElementRef?.current === null && previousFocusedElementRef?.current !== null) {\n onBlurCallback();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [focusedElementRef.current, previousFocusedElementRef, onBlurCallback]);\n\n useEventListener({\n eventName: \"blur\",\n ref: focusedElementRef,\n callback: onBlurCallback\n });\n}\n\nexport function useSetDefaultItemOnFocusEvent({\n focusedElementRef,\n isItemSelectable,\n visualFocusItemIndex,\n setVisualFocusItemIndex,\n itemsCount,\n defaultVisualFocusItemIndex = -1\n}: {\n focusedElementRef: MutableRefObject<HTMLElement>;\n isItemSelectable: (index: number) => boolean;\n visualFocusItemIndex: number;\n setVisualFocusItemIndex: (index: number) => void;\n itemsCount: number;\n defaultVisualFocusItemIndex: number;\n}) {\n const triggeredByKeyboard = useRef(false);\n\n const onFocusByKeyboard = useCallback(() => {\n triggeredByKeyboard.current = true;\n if (visualFocusItemIndex !== defaultVisualFocusItemIndex) {\n let newVisualFocusIndex;\n if (isItemSelectable(defaultVisualFocusItemIndex)) {\n newVisualFocusIndex = defaultVisualFocusItemIndex;\n } else {\n newVisualFocusIndex = getNextSelectableIndex({\n isItemSelectable,\n itemsCount,\n visualFocusItemIndex: defaultVisualFocusItemIndex\n });\n }\n setVisualFocusItemIndex(newVisualFocusIndex);\n }\n }, [\n defaultVisualFocusItemIndex,\n isItemSelectable,\n itemsCount,\n setVisualFocusItemIndex,\n triggeredByKeyboard,\n visualFocusItemIndex\n ]);\n const onFocusByMouse = useCallback(() => {\n triggeredByKeyboard.current = false;\n }, [triggeredByKeyboard]);\n useListenFocusTriggers({ ref: focusedElementRef, onFocusByKeyboard, onFocusByMouse });\n\n return { triggeredByKeyboard };\n}\n\nexport function useKeepFocusOnItemWhenListChanged({\n visualFocusItemIndex,\n itemsIds,\n isItemSelectable,\n setVisualFocusItemIndex\n}: {\n visualFocusItemIndex: number;\n itemsIds: string[];\n isItemSelectable: (index: number) => boolean;\n setVisualFocusItemIndex: (index: number) => void;\n}) {\n const prevItemIds = usePrevious(itemsIds);\n\n // When item list changed, keep the focus on the same item\n useEffect(() => {\n // When the list is changing the index of the focused item is point to a different item then before and\n // this is why we want to search for the new index of the item and change the index to point to it.\n let overrideIndexAfterListChanged;\n const isListChanged = prevItemIds !== undefined && prevItemIds !== itemsIds;\n if (isListChanged && prevItemIds !== undefined && visualFocusItemIndex !== -1) {\n const focusedItemId = prevItemIds[visualFocusItemIndex];\n overrideIndexAfterListChanged = itemsIds.indexOf(focusedItemId);\n } else {\n overrideIndexAfterListChanged = visualFocusItemIndex;\n }\n\n if (overrideIndexAfterListChanged !== visualFocusItemIndex) {\n if (isItemSelectable(overrideIndexAfterListChanged)) {\n setVisualFocusItemIndex(overrideIndexAfterListChanged);\n } else {\n const closestSelectableIndex = getNextSelectableIndex({\n isItemSelectable,\n visualFocusItemIndex: overrideIndexAfterListChanged,\n itemsCount: itemsIds.length\n });\n setVisualFocusItemIndex(closestSelectableIndex);\n }\n }\n }, [visualFocusItemIndex, itemsIds, isItemSelectable, setVisualFocusItemIndex, prevItemIds]);\n}\n"],"names":["ArrowDirection","ENTER_KEY","useSupportArrowsKeyboardNavigation","_ref","itemsCount","focusedElementRef","visualFocusItemIndex","setVisualFocusItemIndex","isHorizontalList","isItemSelectable","listenerOptions","triggeredByKeyboard","nextArrow","RIGHT","DOWN","backArrow","LEFT","UP","onArrowKeyEvent","useCallback","direction","newIndex","document","activeElement","current","getNextSelectableIndex","getPreviousSelectableIndex","onArrowBack","onArrowNext","useKeyEvent","Object","assign","keys","callback","useSupportPressItemKeyboardNavigation","_ref2","onItemClick","_ref2$listenerOptions","undefined","_ref2$isIgnoreSpaceAs","isIgnoreSpaceAsItemSelection","pressKeys","useMemo","baseOnClickCallback","event","itemIndex","keyboardOnSelectCallback","contains","useCleanVisualFocusOnBlur","_ref3","previousFocusedElementRef","usePrevious","onBlurCallback","useEffect","useEventListener","eventName","ref","useSetDefaultItemOnFocusEvent","_ref4","_ref4$defaultVisualFo","defaultVisualFocusItemIndex","useRef","onFocusByKeyboard","newVisualFocusIndex","onFocusByMouse","useListenFocusTriggers","useKeepFocusOnItemWhenListChanged","_ref5","itemsIds","prevItemIds","overrideIndexAfterListChanged","indexOf","closestSelectableIndex","length"],"mappings":"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"}
1	+ {"version":3,"file":"useActiveDescendantListFocusHooks.js","sources":["../../../../src/hooks/useActiveDescendantListFocus/useActiveDescendantListFocusHooks.ts"],"sourcesContent":["import { type MutableRefObject } from \"react\";\nimport type React from \"react\";\nimport { useCallback, useEffect, useMemo, useRef } from \"react\";\nimport useKeyEvent, { type UseKeyEventArgs } from \"../useKeyEvent\";\nimport useEventListener from \"../useEventListener\";\nimport usePrevious from \"../usePrevious\";\nimport { getNextSelectableIndex, getPreviousSelectableIndex } from \"./useActiveDescendantListFocusHelpers\";\nimport useListenFocusTriggers from \"../useListenFocusTriggers\";\n\nenum ArrowDirection {\n UP = \"ArrowUp\",\n DOWN = \"ArrowDown\",\n RIGHT = \"ArrowRight\",\n LEFT = \"ArrowLeft\"\n}\n\nconst ENTER_KEY = \"Enter\";\nconst SPACE_KEY = \" \";\n\nexport function useSupportArrowsKeyboardNavigation({\n itemsCount,\n focusedElementRef,\n visualFocusItemIndex,\n setVisualFocusItemIndex,\n isHorizontalList,\n isItemSelectable,\n listenerOptions,\n triggeredByKeyboard\n}: {\n itemsCount: number;\n focusedElementRef: MutableRefObject<HTMLElement>;\n visualFocusItemIndex: number;\n setVisualFocusItemIndex: (index: number) => void;\n isHorizontalList: boolean;\n isItemSelectable: (index: number) => boolean;\n triggeredByKeyboard: MutableRefObject<boolean>;\n listenerOptions: Omit<UseKeyEventArgs, \"keys\" \| \"callback\">;\n}) {\n const nextArrow = isHorizontalList ? ArrowDirection.RIGHT : ArrowDirection.DOWN;\n const backArrow = isHorizontalList ? ArrowDirection.LEFT : ArrowDirection.UP;\n\n const onArrowKeyEvent = useCallback(\n (direction: ArrowDirection) => {\n // we desire to change the visual focus item only if the user pressed on the keyboard arrows keys while\n // the focusedElementRef is naturally focus\n if (document.activeElement !== focusedElementRef.current) {\n return;\n }\n\n // If the focusedElementRef is naturally focus but this is the first keyboard interaction of the user, we will mark future user interactions as trigger by keyboard (until the next mouse interaction)\n // that from now on the interactions are trigger by keyboard (until the next mouse interaction)\n if (!triggeredByKeyboard.current) {\n triggeredByKeyboard.current = true;\n\n // If the focusedElementRef is naturally focus but this is the first keyboard interaction of the user, we want only to display the item\n // which right now visually focus without changing it.\n if (visualFocusItemIndex > -1) {\n return;\n }\n }\n\n let newIndex;\n\n // We will change the visual focused item index according to the direction of the pressed arrow\n if (direction === nextArrow) {\n newIndex = getNextSelectableIndex({ isItemSelectable, visualFocusItemIndex, itemsCount });\n } else if (direction === backArrow) {\n newIndex = getPreviousSelectableIndex({ isItemSelectable, visualFocusItemIndex, itemsCount });\n }\n\n if (newIndex > -1 && newIndex !== visualFocusItemIndex) setVisualFocusItemIndex(newIndex);\n },\n [\n focusedElementRef,\n triggeredByKeyboard,\n nextArrow,\n backArrow,\n visualFocusItemIndex,\n setVisualFocusItemIndex,\n isItemSelectable,\n itemsCount\n ]\n );\n const onArrowBack = useCallback(() => {\n onArrowKeyEvent(backArrow);\n }, [backArrow, onArrowKeyEvent]);\n\n const onArrowNext = useCallback(() => {\n onArrowKeyEvent(nextArrow);\n }, [nextArrow, onArrowKeyEvent]);\n\n useKeyEvent({\n keys: [nextArrow],\n callback: onArrowNext,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: [backArrow],\n callback: onArrowBack,\n ...listenerOptions\n });\n}\n\nexport function useSupportPressItemKeyboardNavigation({\n visualFocusItemIndex,\n focusedElementRef,\n itemsCount,\n setVisualFocusItemIndex,\n onItemClick,\n isItemSelectable,\n listenerOptions = undefined,\n isIgnoreSpaceAsItemSelection = false\n}: {\n visualFocusItemIndex: number;\n focusedElementRef: MutableRefObject<HTMLElement>;\n itemsCount: number;\n setVisualFocusItemIndex: (index: number) => void;\n onItemClick: (event: React.MouseEvent \| React.KeyboardEvent, index: number) => void;\n isItemSelectable: (index: number) => boolean;\n listenerOptions: Omit<UseKeyEventArgs, \"keys\" \| \"callback\">;\n isIgnoreSpaceAsItemSelection: boolean;\n}) {\n const pressKeys = useMemo(\n () => (isIgnoreSpaceAsItemSelection ? [ENTER_KEY] : [ENTER_KEY, SPACE_KEY]),\n [isIgnoreSpaceAsItemSelection]\n );\n\n const baseOnClickCallback = useCallback(\n (event: React.KeyboardEvent, itemIndex: number) => {\n const hasValidIndex = itemIndex >= 0 && itemIndex < itemsCount;\n if (!onItemClick \|\| !hasValidIndex \|\| !isItemSelectable(itemIndex)) return;\n if (visualFocusItemIndex !== itemIndex) setVisualFocusItemIndex(itemIndex);\n onItemClick(event, itemIndex);\n },\n [itemsCount, onItemClick, isItemSelectable, visualFocusItemIndex, setVisualFocusItemIndex]\n );\n\n const keyboardOnSelectCallback = useCallback(\n (event: React.KeyboardEvent) => {\n // we desire to change the trigger the active item on click callback only if the user pressed on the keyboard arrows keys while\n // the focusedElementRef is naturally focus\n if (focusedElementRef.current.contains(document.activeElement)) {\n baseOnClickCallback(event, visualFocusItemIndex);\n }\n },\n [baseOnClickCallback, focusedElementRef, visualFocusItemIndex]\n );\n\n useKeyEvent({\n keys: pressKeys,\n callback: keyboardOnSelectCallback,\n ...listenerOptions\n });\n}\n\nexport function useCleanVisualFocusOnBlur({\n focusedElementRef,\n visualFocusItemIndex,\n setVisualFocusItemIndex\n}: {\n focusedElementRef: MutableRefObject<HTMLElement>;\n visualFocusItemIndex: number;\n setVisualFocusItemIndex: (index: number) => void;\n}) {\n const previousFocusedElementRef = usePrevious(focusedElementRef);\n\n const onBlurCallback = useCallback(() => {\n if (visualFocusItemIndex !== -1) {\n setVisualFocusItemIndex(-1);\n }\n }, [setVisualFocusItemIndex, visualFocusItemIndex]);\n\n // if element unmount act like element got blur event\n useEffect(() => {\n // if element unmount\n if (focusedElementRef?.current === null && previousFocusedElementRef?.current !== null) {\n onBlurCallback();\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [focusedElementRef.current, previousFocusedElementRef, onBlurCallback]);\n\n useEventListener({\n eventName: \"blur\",\n ref: focusedElementRef,\n callback: onBlurCallback\n });\n}\n\nexport function useSetDefaultItemOnFocusEvent({\n focusedElementRef,\n isItemSelectable,\n visualFocusItemIndex,\n setVisualFocusItemIndex,\n itemsCount,\n defaultVisualFocusItemIndex = -1\n}: {\n focusedElementRef: MutableRefObject<HTMLElement>;\n isItemSelectable: (index: number) => boolean;\n visualFocusItemIndex: number;\n setVisualFocusItemIndex: (index: number) => void;\n itemsCount: number;\n defaultVisualFocusItemIndex: number;\n}) {\n const triggeredByKeyboard = useRef(false);\n\n const onFocusByKeyboard = useCallback(() => {\n triggeredByKeyboard.current = true;\n if (visualFocusItemIndex !== defaultVisualFocusItemIndex) {\n let newVisualFocusIndex;\n if (isItemSelectable(defaultVisualFocusItemIndex)) {\n newVisualFocusIndex = defaultVisualFocusItemIndex;\n } else {\n newVisualFocusIndex = getNextSelectableIndex({\n isItemSelectable,\n itemsCount,\n visualFocusItemIndex: defaultVisualFocusItemIndex\n });\n }\n setVisualFocusItemIndex(newVisualFocusIndex);\n }\n }, [\n defaultVisualFocusItemIndex,\n isItemSelectable,\n itemsCount,\n setVisualFocusItemIndex,\n triggeredByKeyboard,\n visualFocusItemIndex\n ]);\n const onFocusByMouse = useCallback(() => {\n triggeredByKeyboard.current = false;\n }, [triggeredByKeyboard]);\n useListenFocusTriggers({ ref: focusedElementRef, onFocusByKeyboard, onFocusByMouse });\n\n return { triggeredByKeyboard };\n}\n\nexport function useKeepFocusOnItemWhenListChanged({\n visualFocusItemIndex,\n itemsIds,\n isItemSelectable,\n setVisualFocusItemIndex\n}: {\n visualFocusItemIndex: number;\n itemsIds: string[];\n isItemSelectable: (index: number) => boolean;\n setVisualFocusItemIndex: (index: number) => void;\n}) {\n const prevItemIds = usePrevious(itemsIds);\n\n // When item list changed, keep the focus on the same item\n useEffect(() => {\n // When the list is changing the index of the focused item is point to a different item then before and\n // this is why we want to search for the new index of the item and change the index to point to it.\n let overrideIndexAfterListChanged;\n const isListChanged = prevItemIds !== undefined && prevItemIds !== itemsIds;\n if (isListChanged && prevItemIds !== undefined && visualFocusItemIndex !== -1) {\n const focusedItemId = prevItemIds[visualFocusItemIndex];\n overrideIndexAfterListChanged = itemsIds.indexOf(focusedItemId);\n } else {\n overrideIndexAfterListChanged = visualFocusItemIndex;\n }\n\n if (overrideIndexAfterListChanged !== visualFocusItemIndex) {\n if (isItemSelectable(overrideIndexAfterListChanged)) {\n setVisualFocusItemIndex(overrideIndexAfterListChanged);\n } else {\n const closestSelectableIndex = getNextSelectableIndex({\n isItemSelectable,\n visualFocusItemIndex: overrideIndexAfterListChanged,\n itemsCount: itemsIds.length\n });\n setVisualFocusItemIndex(closestSelectableIndex);\n }\n }\n }, [visualFocusItemIndex, itemsIds, isItemSelectable, setVisualFocusItemIndex, prevItemIds]);\n}\n"],"names":["ArrowDirection","ENTER_KEY","useSupportArrowsKeyboardNavigation","_ref","itemsCount","focusedElementRef","visualFocusItemIndex","setVisualFocusItemIndex","isHorizontalList","isItemSelectable","listenerOptions","triggeredByKeyboard","nextArrow","RIGHT","DOWN","backArrow","LEFT","UP","onArrowKeyEvent","useCallback","direction","newIndex","document","activeElement","current","getNextSelectableIndex","getPreviousSelectableIndex","onArrowBack","onArrowNext","useKeyEvent","Object","assign","keys","callback","useSupportPressItemKeyboardNavigation","_ref2","onItemClick","_ref2$listenerOptions","undefined","_ref2$isIgnoreSpaceAs","isIgnoreSpaceAsItemSelection","pressKeys","useMemo","baseOnClickCallback","event","itemIndex","keyboardOnSelectCallback","contains","useCleanVisualFocusOnBlur","_ref3","previousFocusedElementRef","usePrevious","onBlurCallback","useEffect","useEventListener","eventName","ref","useSetDefaultItemOnFocusEvent","_ref4","_ref4$defaultVisualFo","defaultVisualFocusItemIndex","useRef","onFocusByKeyboard","newVisualFocusIndex","onFocusByMouse","useListenFocusTriggers","useKeepFocusOnItemWhenListChanged","_ref5","itemsIds","prevItemIds","overrideIndexAfterListChanged","indexOf","closestSelectableIndex","length"],"mappings":"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"}

package/dist/src/hooks/useAfterFirstRender/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/hooks/useAfterFirstRender/index.ts"],"sourcesContent":["import { type RefObject, useEffect, useRef } from \"react\";\n\nexport default function useAfterFirstRender(): RefObject<boolean> {\n const isAfterFirstRender = useRef(false);\n\n useEffect(() => {\n const timer = setTimeout(() => {\n isAfterFirstRender.current = true;\n }, 0);\n return () => clearTimeout(timer);\n }, []);\n\n return isAfterFirstRender;\n}\n"],"names":["useAfterFirstRender","isAfterFirstRender","useRef","useEffect","timer","setTimeout","current","clearTimeout"],"mappings":"8CAEc,SAAUA,IACtB,IAAMC,EAAqBC,GAAO,GASlC,OAPAC,GAAU,WACR,IAAMC,EAAQC,YAAW,WACvBJ,EAAmBK,SAAU,~~CAC9B~~,~~GAAE~~,GACH,OAAO,WAAA,OAAMC,aAAaH,EAAM,~~CACjC~~,~~GAAE~~,IAEIH,CACT"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/hooks/useAfterFirstRender/index.ts"],"sourcesContent":["import { type RefObject, useEffect, useRef } from \"react\";\n\nexport default function useAfterFirstRender(): RefObject<boolean> {\n const isAfterFirstRender = useRef(false);\n\n useEffect(() => {\n const timer = setTimeout(() => {\n isAfterFirstRender.current = true;\n }, 0);\n return () => clearTimeout(timer);\n }, []);\n\n return isAfterFirstRender;\n}\n"],"names":["useAfterFirstRender","isAfterFirstRender","useRef","useEffect","timer","setTimeout","current","clearTimeout"],"mappings":"8CAEc,SAAUA,IACtB,IAAMC,EAAqBC,GAAO,GASlC,OAPAC,GAAU,WACR,IAAMC,EAAQC,YAAW,WACvBJ,EAAmBK,SAAU,CAC/B,GAAG,GACH,OAAO,WAAA,OAAMC,aAAaH,EAAM,CAClC,GAAG,IAEIH,CACT"}

package/dist/src/hooks/useDebounceEvent/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","sources":["../../../../src/hooks/useDebounceEvent/index.ts"],"sourcesContent":["import {\n useMemo,\n useCallback,\n useState,\n useRef,\n useEffect,\n type ChangeEvent,\n type Dispatch,\n type SetStateAction\n} from \"react\";\nimport { debounce } from \"es-toolkit\";\nimport { noop } from \"es-toolkit\";\n\nexport type UseDebounceResult = {\n inputValue: string;\n onEventChanged: (event: ChangeEvent<Partial<HTMLInputElement> \| Partial<HTMLTextAreaElement>>) => void;\n clearValue: () => void;\n updateValue: Dispatch<SetStateAction<string>>;\n};\n\nexport default function useDebounceEvent({\n delay = 0,\n onChange,\n initialStateValue = \"\",\n trim\n}: {\n onChange: (value: string) => void;\n initialStateValue?: string;\n delay?: number;\n trim?: boolean;\n}) {\n const [inputValue, setValue] = useState<string>(initialStateValue);\n const previousValue = useRef<string>(null);\n\n useEffect(() => {\n previousValue.current = initialStateValue;\n });\n\n const debounceCallback = useMemo(() => {\n if (!delay) {\n return onChange;\n }\n\n if (!onChange) {\n return noop;\n }\n\n return debounce(onChange, delay);\n }, [onChange, delay]);\n\n const onEventChanged = useCallback(\n (event: ChangeEvent<Partial<HTMLInputElement> \| Partial<HTMLTextAreaElement>>) => {\n const { value } = event.target;\n const finalValue = trim ? value.trim() : value;\n setValue(finalValue);\n debounceCallback(finalValue);\n },\n [debounceCallback, setValue, trim]\n );\n\n const clearValue = useCallback(() => {\n setValue(\"\");\n if (onChange) {\n onChange(\"\");\n }\n }, [setValue, onChange]);\n\n if (initialStateValue !== previousValue.current && initialStateValue !== inputValue) {\n setValue(initialStateValue);\n }\n\n return { inputValue, onEventChanged, clearValue, updateValue: setValue };\n}\n"],"names":["useDebounceEvent","_ref","_ref$delay","delay","onChange","_ref$initialStateValu","initialStateValue","trim","_useState","useState","_useState2","_slicedToArray","inputValue","setValue","previousValue","useRef","useEffect","current","debounceCallback","useMemo","debounce","noop","onEventChanged","useCallback","event","value","target","finalValue","clearValue","updateValue"],"mappings":"yNAoBc,SAAUA,EAAgBC,GAUvC,IAAAC,EAAAD,EATCE,MAAAA,~~OAAQ~~,~~IAAHD~~,EAAG,EAACA,EACTE,EAAQH,EAARG,SAAQC,EAAAJ,EACRK,kBAAAA,~~OAAoB~~,~~IAAHD~~,EAAG,GAAEA,EACtBE,EAAIN,EAAJM,KAOAC,EAA+BC,EAAiBH,GAAkBI,EAAAC,EAAAH,EAAA,GAA3DI,EAAUF,EAAA,GAAEG,EAAQH,EAAA,GACrBI,EAAgBC,EAAe,MAErCC,GAAU,WACRF,EAAcG,QAAUX,CAC1B,IAEA,IAAMY,EAAmBC,GAAQ,WAC/B,OAAKhB,EAIAC,EAIEgB,EAAShB,EAAUD,GAHjBkB,EAJAjB,CAQX,GAAG,CAACA,EAAUD,IAERmB,EAAiBC,GACrB,SAACC,GACC,IAAQC,EAAUD,EAAME,OAAhBD,MACFE,EAAapB,EAAOkB,EAAMlB,OAASkB,EACzCZ,EAASc,GACTT,EAAiBS,~~EAClB~~,~~GACD~~,CAACT,EAAkBL,EAAUN,IAGzBqB,EAAaL,GAAY,WAC7BV,EAAS,IACLT,GACFA,EAAS,GAEb,GAAG,CAACS,EAAUT,IAMd,OAJIE,IAAsBQ,EAAcG,SAAWX,IAAsBM,GACvEC,EAASP,GAGJ,CAAEM,WAAAA,EAAYU,eAAAA,EAAgBM,WAAAA,EAAYC,YAAahB,EAChE"}
1	+ {"version":3,"file":"index.js","sources":["../../../../src/hooks/useDebounceEvent/index.ts"],"sourcesContent":["import {\n useMemo,\n useCallback,\n useState,\n useRef,\n useEffect,\n type ChangeEvent,\n type Dispatch,\n type SetStateAction\n} from \"react\";\nimport { debounce } from \"es-toolkit\";\nimport { noop } from \"es-toolkit\";\n\nexport type UseDebounceResult = {\n inputValue: string;\n onEventChanged: (event: ChangeEvent<Partial<HTMLInputElement> \| Partial<HTMLTextAreaElement>>) => void;\n clearValue: () => void;\n updateValue: Dispatch<SetStateAction<string>>;\n};\n\nexport default function useDebounceEvent({\n delay = 0,\n onChange,\n initialStateValue = \"\",\n trim\n}: {\n onChange: (value: string) => void;\n initialStateValue?: string;\n delay?: number;\n trim?: boolean;\n}) {\n const [inputValue, setValue] = useState<string>(initialStateValue);\n const previousValue = useRef<string>(null);\n\n useEffect(() => {\n previousValue.current = initialStateValue;\n });\n\n const debounceCallback = useMemo(() => {\n if (!delay) {\n return onChange;\n }\n\n if (!onChange) {\n return noop;\n }\n\n return debounce(onChange, delay);\n }, [onChange, delay]);\n\n const onEventChanged = useCallback(\n (event: ChangeEvent<Partial<HTMLInputElement> \| Partial<HTMLTextAreaElement>>) => {\n const { value } = event.target;\n const finalValue = trim ? value.trim() : value;\n setValue(finalValue);\n debounceCallback(finalValue);\n },\n [debounceCallback, setValue, trim]\n );\n\n const clearValue = useCallback(() => {\n setValue(\"\");\n if (onChange) {\n onChange(\"\");\n }\n }, [setValue, onChange]);\n\n if (initialStateValue !== previousValue.current && initialStateValue !== inputValue) {\n setValue(initialStateValue);\n }\n\n return { inputValue, onEventChanged, clearValue, updateValue: setValue };\n}\n"],"names":["useDebounceEvent","_ref","_ref$delay","delay","onChange","_ref$initialStateValu","initialStateValue","trim","_useState","useState","_useState2","_slicedToArray","inputValue","setValue","previousValue","useRef","useEffect","current","debounceCallback","useMemo","debounce","noop","onEventChanged","useCallback","event","value","target","finalValue","clearValue","updateValue"],"mappings":"yNAoBc,SAAUA,EAAgBC,GAUvC,IAAAC,EAAAD,EATCE,MAAAA,OAAK,IAAAD,EAAG,EAACA,EACTE,EAAQH,EAARG,SAAQC,EAAAJ,EACRK,kBAAAA,OAAiB,IAAAD,EAAG,GAAEA,EACtBE,EAAIN,EAAJM,KAOAC,EAA+BC,EAAiBH,GAAkBI,EAAAC,EAAAH,EAAA,GAA3DI,EAAUF,EAAA,GAAEG,EAAQH,EAAA,GACrBI,EAAgBC,EAAe,MAErCC,GAAU,WACRF,EAAcG,QAAUX,CAC1B,IAEA,IAAMY,EAAmBC,GAAQ,WAC/B,OAAKhB,EAIAC,EAIEgB,EAAShB,EAAUD,GAHjBkB,EAJAjB,CAQX,GAAG,CAACA,EAAUD,IAERmB,EAAiBC,GACrB,SAACC,GACC,IAAQC,EAAUD,EAAME,OAAhBD,MACFE,EAAapB,EAAOkB,EAAMlB,OAASkB,EACzCZ,EAASc,GACTT,EAAiBS,EACnB,GACA,CAACT,EAAkBL,EAAUN,IAGzBqB,EAAaL,GAAY,WAC7BV,EAAS,IACLT,GACFA,EAAS,GAEb,GAAG,CAACS,EAAUT,IAMd,OAJIE,IAAsBQ,EAAcG,SAAWX,IAAsBM,GACvEC,EAASP,GAGJ,CAAEM,WAAAA,EAAYU,eAAAA,EAAgBM,WAAAA,EAAYC,YAAahB,EAChE"}

package/dist/src/hooks/useElementsOverflowingIndex.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useElementsOverflowingIndex.js","sources":["../../../src/hooks/useElementsOverflowingIndex.ts"],"sourcesContent":["import { type ReactNode, type RefObject, useCallback, useEffect, useState } from \"react\";\nimport { last } from \"es-toolkit\";\nimport { useResizeObserver } from \"@vibe/hooks\";\n\n// Use this hook when you want to get the index of the child which should be hidden from\ntype AggregatedChildResult = { childLength: number; totalLength: number };\n\nfunction useElementsOverflowingIndex({\n ref,\n children,\n paddingSize,\n resizeDebounceTime,\n ignoreLast\n}: {\n ref: RefObject<HTMLElement>;\n children: ReactNode;\n paddingSize: number;\n resizeDebounceTime: number;\n ignoreLast: boolean;\n}) {\n const [size, setSize] = useState<number>(null);\n\n const onResize = useCallback(\n ({ borderBoxSize }: { borderBoxSize: ResizeObserverSize }) => {\n setSize(borderBoxSize.inlineSize);\n },\n [setSize]\n );\n useResizeObserver({\n ref,\n callback: onResize,\n debounceTime: resizeDebounceTime\n });\n\n const [aggregatedChildLengths, setAggregatedChildLengths] = useState<Array<AggregatedChildResult>>([]);\n const [indexToSplit, setIndexToSplit] = useState<number \| null>(null);\n\n useEffect(() => {\n if (ignoreLast) {\n const withoutLast = aggregatedChildLengths.slice(0, -1);\n const allInWithoutLast = !withoutLast.find(({ totalLength }) => totalLength > size - paddingSize);\n if (allInWithoutLast) {\n setIndexToSplit(-1);\n } else {\n const lastSize = aggregatedChildLengths.length > 0 ? last(aggregatedChildLengths).childLength : 0;\n setIndexToSplit(\n aggregatedChildLengths.findIndex(({ totalLength }) => totalLength > size - paddingSize - lastSize)\n );\n }\n } else {\n setIndexToSplit(aggregatedChildLengths.findIndex(({ totalLength }) => totalLength > size - paddingSize));\n }\n }, [aggregatedChildLengths, size, setIndexToSplit, paddingSize, ignoreLast]);\n\n useEffect(() => {\n if (!ref.current) return;\n const childLengthsArray: Array<AggregatedChildResult> = [];\n let totalLength = 0;\n ref.current.childNodes.forEach((node: HTMLElement) => {\n const childLength = node.clientWidth;\n totalLength += childLength;\n childLengthsArray.push({ childLength, totalLength });\n });\n setAggregatedChildLengths(childLengthsArray);\n }, [children, ref, setAggregatedChildLengths]);\n\n return indexToSplit;\n}\n\nexport default useElementsOverflowingIndex;\n"],"names":["useElementsOverflowingIndex","_ref","ref","children","paddingSize","resizeDebounceTime","ignoreLast","_useState","useState","_useState2","_slicedToArray","size","setSize","onResize","useCallback","_ref2","borderBoxSize","inlineSize","useResizeObserver","callback","debounceTime","_useState3","_useState4","aggregatedChildLengths","setAggregatedChildLengths","_useState5","_useState6","indexToSplit","setIndexToSplit","useEffect","slice","find","_ref3","totalLength","lastSize","length","last","childLength","findIndex","_ref4","_ref5","current","childLengthsArray","childNodes","forEach","node","clientWidth","push"],"mappings":"0OAOA,SAASA,EAA2BC,GAYnC,IAXCC,EAAGD,EAAHC,IACAC,EAAQF,EAARE,SACAC,EAAWH,EAAXG,YACAC,EAAkBJ,EAAlBI,mBACAC,EAAUL,EAAVK,WAQAC,EAAwBC,EAAiB,MAAKC,EAAAC,EAAAH,EAAA,GAAvCI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAEdI,EAAWC,GACf,SAAAC,GACEH,EADcG,EAAbC,cACqBC,WACxB,GACA,CAACL,IAEHM,EAAkB,CAChBhB,IAAAA,EACAiB,SAAUN,EACVO,aAAcf,IAGhB,IAAAgB,EAA4Db,EAAuC,IAAGc,EAAAZ,EAAAW,EAAA,GAA/FE,EAAsBD,EAAA,GAAEE,EAAyBF,EAAA,GACxDG,EAAwCjB,EAAwB,MAAKkB,EAAAhB,EAAAe,EAAA,GAA9DE,EAAYD,EAAA,GAAEE,EAAeF,EAAA,GA+BpC,OA7BAG,GAAU,WACR,GAAIvB,EAGF,IAFoBiB,EAAuBO,MAAM,~~GAAI~~,~~GACfC~~,MAAK,SAAAC,GAAc,OAAAA,EAAXC,YAAgCtB,EAAOP,~~KAEnFwB~~,~~GAAiB~~,~~OACZ~~,CACL,IAAMM,EAAWX,EAAuBY,OAAS,EAAIC,EAAKb,GAAwBc,YAAc,EAChGT,EACEL,EAAuBe,WAAU,SAAAC,GAAc,OAAAA,EAAXN,YAAgCtB,EAAOP,EAAc8B,CAAQ,IAErG,MAEAN,EAAgBL,EAAuBe,WAAU,SAAAE,GAAc,OAAAA,EAAXP,YAAgCtB,EAAOP,CAAW,IAE1G,GAAG,CAACmB,EAAwBZ,EAAMiB,EAAiBxB,EAAaE,IAEhEuB,GAAU,WACR,GAAK3B,EAAIuC,QAAT,CACA,IAAMC,EAAkD,GACpDT,EAAc,EAClB/B,EAAIuC,QAAQE,WAAWC,SAAQ,SAACC,GAC9B,IAAMR,EAAcQ,EAAKC,YAEzBJ,EAAkBK,KAAK,CAAEV,YAAAA,EAAaJ,YADtCA,GAAeI,GAEjB,IACAb,EAA0BkB,EARR,~~CASnB~~,~~GAAE~~,CAACvC,EAAUD,EAAKsB,IAEZG,CACT"}
1	+ {"version":3,"file":"useElementsOverflowingIndex.js","sources":["../../../src/hooks/useElementsOverflowingIndex.ts"],"sourcesContent":["import { type ReactNode, type RefObject, useCallback, useEffect, useState } from \"react\";\nimport { last } from \"es-toolkit\";\nimport { useResizeObserver } from \"@vibe/hooks\";\n\n// Use this hook when you want to get the index of the child which should be hidden from\ntype AggregatedChildResult = { childLength: number; totalLength: number };\n\nfunction useElementsOverflowingIndex({\n ref,\n children,\n paddingSize,\n resizeDebounceTime,\n ignoreLast\n}: {\n ref: RefObject<HTMLElement>;\n children: ReactNode;\n paddingSize: number;\n resizeDebounceTime: number;\n ignoreLast: boolean;\n}) {\n const [size, setSize] = useState<number>(null);\n\n const onResize = useCallback(\n ({ borderBoxSize }: { borderBoxSize: ResizeObserverSize }) => {\n setSize(borderBoxSize.inlineSize);\n },\n [setSize]\n );\n useResizeObserver({\n ref,\n callback: onResize,\n debounceTime: resizeDebounceTime\n });\n\n const [aggregatedChildLengths, setAggregatedChildLengths] = useState<Array<AggregatedChildResult>>([]);\n const [indexToSplit, setIndexToSplit] = useState<number \| null>(null);\n\n useEffect(() => {\n if (ignoreLast) {\n const withoutLast = aggregatedChildLengths.slice(0, -1);\n const allInWithoutLast = !withoutLast.find(({ totalLength }) => totalLength > size - paddingSize);\n if (allInWithoutLast) {\n setIndexToSplit(-1);\n } else {\n const lastSize = aggregatedChildLengths.length > 0 ? last(aggregatedChildLengths).childLength : 0;\n setIndexToSplit(\n aggregatedChildLengths.findIndex(({ totalLength }) => totalLength > size - paddingSize - lastSize)\n );\n }\n } else {\n setIndexToSplit(aggregatedChildLengths.findIndex(({ totalLength }) => totalLength > size - paddingSize));\n }\n }, [aggregatedChildLengths, size, setIndexToSplit, paddingSize, ignoreLast]);\n\n useEffect(() => {\n if (!ref.current) return;\n const childLengthsArray: Array<AggregatedChildResult> = [];\n let totalLength = 0;\n ref.current.childNodes.forEach((node: HTMLElement) => {\n const childLength = node.clientWidth;\n totalLength += childLength;\n childLengthsArray.push({ childLength, totalLength });\n });\n setAggregatedChildLengths(childLengthsArray);\n }, [children, ref, setAggregatedChildLengths]);\n\n return indexToSplit;\n}\n\nexport default useElementsOverflowingIndex;\n"],"names":["useElementsOverflowingIndex","_ref","ref","children","paddingSize","resizeDebounceTime","ignoreLast","_useState","useState","_useState2","_slicedToArray","size","setSize","onResize","useCallback","_ref2","borderBoxSize","inlineSize","useResizeObserver","callback","debounceTime","_useState3","_useState4","aggregatedChildLengths","setAggregatedChildLengths","_useState5","_useState6","indexToSplit","setIndexToSplit","useEffect","slice","find","_ref3","totalLength","lastSize","length","last","childLength","findIndex","_ref4","_ref5","current","childLengthsArray","childNodes","forEach","node","clientWidth","push"],"mappings":"0OAOA,SAASA,EAA2BC,GAYnC,IAXCC,EAAGD,EAAHC,IACAC,EAAQF,EAARE,SACAC,EAAWH,EAAXG,YACAC,EAAkBJ,EAAlBI,mBACAC,EAAUL,EAAVK,WAQAC,EAAwBC,EAAiB,MAAKC,EAAAC,EAAAH,EAAA,GAAvCI,EAAIF,EAAA,GAAEG,EAAOH,EAAA,GAEdI,EAAWC,GACf,SAAAC,GACEH,EADcG,EAAbC,cACqBC,WACxB,GACA,CAACL,IAEHM,EAAkB,CAChBhB,IAAAA,EACAiB,SAAUN,EACVO,aAAcf,IAGhB,IAAAgB,EAA4Db,EAAuC,IAAGc,EAAAZ,EAAAW,EAAA,GAA/FE,EAAsBD,EAAA,GAAEE,EAAyBF,EAAA,GACxDG,EAAwCjB,EAAwB,MAAKkB,EAAAhB,EAAAe,EAAA,GAA9DE,EAAYD,EAAA,GAAEE,EAAeF,EAAA,GA+BpC,OA7BAG,GAAU,WACR,GAAIvB,EAGF,IAFoBiB,EAAuBO,MAAM,GAAG,GACdC,MAAK,SAAAC,GAAc,OAAAA,EAAXC,YAAgCtB,EAAOP,CAAW,IAE9FwB,GAAgB,OACX,CACL,IAAMM,EAAWX,EAAuBY,OAAS,EAAIC,EAAKb,GAAwBc,YAAc,EAChGT,EACEL,EAAuBe,WAAU,SAAAC,GAAc,OAAAA,EAAXN,YAAgCtB,EAAOP,EAAc8B,CAAQ,IAErG,MAEAN,EAAgBL,EAAuBe,WAAU,SAAAE,GAAc,OAAAA,EAAXP,YAAgCtB,EAAOP,CAAW,IAE1G,GAAG,CAACmB,EAAwBZ,EAAMiB,EAAiBxB,EAAaE,IAEhEuB,GAAU,WACR,GAAK3B,EAAIuC,QAAT,CACA,IAAMC,EAAkD,GACpDT,EAAc,EAClB/B,EAAIuC,QAAQE,WAAWC,SAAQ,SAACC,GAC9B,IAAMR,EAAcQ,EAAKC,YAEzBJ,EAAkBK,KAAK,CAAEV,YAAAA,EAAaJ,YADtCA,GAAeI,GAEjB,IACAb,EAA0BkB,EARR,CASpB,GAAG,CAACvC,EAAUD,EAAKsB,IAEZG,CACT"}

package/dist/src/hooks/useFocusWithin.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFocusWithin.js","sources":["../../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import { type FocusEvent, useCallback, useMemo, useRef } from \"react\";\n\ntype Result = {\n focusWithinProps?: {\n onFocus?: (e: FocusEvent) => void;\n onBlur?: (e: FocusEvent) => void;\n };\n};\n\nexport function useFocusWithin({\n onFocusWithin,\n onFocusWithinChange,\n isDisabled,\n onBlurWithin\n}: {\n onFocusWithin?: (event: FocusEvent) => void;\n onBlurWithin?: (event: FocusEvent) => void;\n onFocusWithinChange?: (isWithinChange: boolean) => void;\n isDisabled?: boolean;\n}): Result {\n const state = useRef({\n isFocusWithin: false\n }).current;\n\n const onFocus = useCallback(\n (e: FocusEvent) => {\n if (!state.isFocusWithin) {\n if (onFocusWithin) {\n onFocusWithin(e);\n }\n\n if (onFocusWithinChange) {\n onFocusWithinChange(true);\n }\n\n state.isFocusWithin = true;\n }\n },\n [onFocusWithin, onFocusWithinChange, state]\n );\n\n const onBlur = useCallback(\n (e: FocusEvent) => {\n // We don't want to trigger onBlurWithin and then immediately onFocusWithin again\n // when moving focus inside the element. Only trigger if the currentTarget doesn't\n // include the relatedTarget (where focus is moving).\n const currentTarget = e.currentTarget;\n if (state.isFocusWithin && !currentTarget.contains(e.relatedTarget)) {\n if (onBlurWithin) {\n onBlurWithin(e);\n }\n\n if (onFocusWithinChange) {\n onFocusWithinChange(false);\n }\n\n state.isFocusWithin = false;\n }\n },\n [onBlurWithin, onFocusWithinChange, state]\n );\n\n const isDisabledReturnValue = useMemo(() => {\n if (!isDisabled) return {};\n return { focusWithinProps: {} };\n }, [isDisabled]);\n\n if (isDisabled) {\n return isDisabledReturnValue;\n }\n\n return {\n focusWithinProps: {\n onFocus: onFocus,\n onBlur: onBlur\n }\n };\n}\n"],"names":["useFocusWithin","_ref","onFocusWithin","onFocusWithinChange","isDisabled","onBlurWithin","state","useRef","isFocusWithin","current","onFocus","useCallback","e","onBlur","currentTarget","contains","relatedTarget","isDisabledReturnValue","useMemo","focusWithinProps"],"mappings":"6DASM,SAAUA,EAAcC,GAU7B,IATCC,EAAaD,EAAbC,cACAC,EAAmBF,EAAnBE,oBACAC,EAAUH,EAAVG,WACAC,EAAYJ,EAAZI,aAOMC,EAAQC,EAAO,CACnBC,eAAe,IACdC,QAEGC,EAAUC,GACd,SAACC,GACMN,EAAME,gBACLN,GACFA,EAAcU,GAGZT,GACFA,GAAoB,GAGtBG,EAAME,eAAgB,~~EAEzB~~,~~GACD~~,CAACN,EAAeC,EAAqBG,IAGjCO,EAASF,GACb,SAACC,GAKKN,EAAME,gBADYI,EAAEE,cACkBC,SAASH,EAAEI,iBAC/CX,GACFA,EAAaO,GAGXT,GACFA,GAAoB,GAGtBG,EAAME,eAAgB,~~EAEzB~~,~~GACD~~,CAACH,EAAcF,EAAqBG,IAGhCW,EAAwBC,GAAQ,WACpC,OAAKd,EACE,CAAEe,iBAAkB,CAAA,GADH,~~EAE1B~~,GAAG,CAACf,IAEJ,OAAIA,EACKa,EAGF,CACLE,iBAAkB,CAChBT,QAASA,EACTG,OAAQA,GAGd"}
1	+ {"version":3,"file":"useFocusWithin.js","sources":["../../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import { type FocusEvent, useCallback, useMemo, useRef } from \"react\";\n\ntype Result = {\n focusWithinProps?: {\n onFocus?: (e: FocusEvent) => void;\n onBlur?: (e: FocusEvent) => void;\n };\n};\n\nexport function useFocusWithin({\n onFocusWithin,\n onFocusWithinChange,\n isDisabled,\n onBlurWithin\n}: {\n onFocusWithin?: (event: FocusEvent) => void;\n onBlurWithin?: (event: FocusEvent) => void;\n onFocusWithinChange?: (isWithinChange: boolean) => void;\n isDisabled?: boolean;\n}): Result {\n const state = useRef({\n isFocusWithin: false\n }).current;\n\n const onFocus = useCallback(\n (e: FocusEvent) => {\n if (!state.isFocusWithin) {\n if (onFocusWithin) {\n onFocusWithin(e);\n }\n\n if (onFocusWithinChange) {\n onFocusWithinChange(true);\n }\n\n state.isFocusWithin = true;\n }\n },\n [onFocusWithin, onFocusWithinChange, state]\n );\n\n const onBlur = useCallback(\n (e: FocusEvent) => {\n // We don't want to trigger onBlurWithin and then immediately onFocusWithin again\n // when moving focus inside the element. Only trigger if the currentTarget doesn't\n // include the relatedTarget (where focus is moving).\n const currentTarget = e.currentTarget;\n if (state.isFocusWithin && !currentTarget.contains(e.relatedTarget)) {\n if (onBlurWithin) {\n onBlurWithin(e);\n }\n\n if (onFocusWithinChange) {\n onFocusWithinChange(false);\n }\n\n state.isFocusWithin = false;\n }\n },\n [onBlurWithin, onFocusWithinChange, state]\n );\n\n const isDisabledReturnValue = useMemo(() => {\n if (!isDisabled) return {};\n return { focusWithinProps: {} };\n }, [isDisabled]);\n\n if (isDisabled) {\n return isDisabledReturnValue;\n }\n\n return {\n focusWithinProps: {\n onFocus: onFocus,\n onBlur: onBlur\n }\n };\n}\n"],"names":["useFocusWithin","_ref","onFocusWithin","onFocusWithinChange","isDisabled","onBlurWithin","state","useRef","isFocusWithin","current","onFocus","useCallback","e","onBlur","currentTarget","contains","relatedTarget","isDisabledReturnValue","useMemo","focusWithinProps"],"mappings":"6DASM,SAAUA,EAAcC,GAU7B,IATCC,EAAaD,EAAbC,cACAC,EAAmBF,EAAnBE,oBACAC,EAAUH,EAAVG,WACAC,EAAYJ,EAAZI,aAOMC,EAAQC,EAAO,CACnBC,eAAe,IACdC,QAEGC,EAAUC,GACd,SAACC,GACMN,EAAME,gBACLN,GACFA,EAAcU,GAGZT,GACFA,GAAoB,GAGtBG,EAAME,eAAgB,EAE1B,GACA,CAACN,EAAeC,EAAqBG,IAGjCO,EAASF,GACb,SAACC,GAKKN,EAAME,gBADYI,EAAEE,cACkBC,SAASH,EAAEI,iBAC/CX,GACFA,EAAaO,GAGXT,GACFA,GAAoB,GAGtBG,EAAME,eAAgB,EAE1B,GACA,CAACH,EAAcF,EAAqBG,IAGhCW,EAAwBC,GAAQ,WACpC,OAAKd,EACE,CAAEe,iBAAkB,CAAA,GADH,CAAA,CAE1B,GAAG,CAACf,IAEJ,OAAIA,EACKa,EAGF,CACLE,iBAAkB,CAChBT,QAASA,EACTG,OAAQA,GAGd"}

package/dist/src/hooks/useFullKeyboardListeners.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useFullKeyboardListeners.js","sources":["../../../src/hooks/useFullKeyboardListeners.ts"],"sourcesContent":["import { type MutableRefObject, useCallback, useEffect, useMemo } from \"react\";\nimport { noop } from \"es-toolkit\";\nimport useKeyEvent from \"./useKeyEvent\";\nimport { type KeyboardEventCallback } from \"../types/events\";\n\nexport enum NavDirections {\n UP = \"up\",\n DOWN = \"down\",\n LEFT = \"left\",\n RIGHT = \"right\"\n}\n\nexport const ARROW_DOWN_KEYS = [\"ArrowDown\"];\nexport const ARROW_UP_KEYS = [\"ArrowUp\"];\nexport const ARROW_RIGHT_KEYS = [\"ArrowRight\"];\nexport const ARROW_LEFT_KEYS = [\"ArrowLeft\"];\nexport const SELECTION_KEYS = [\"Enter\", \" \"];\nexport const ENTER_KEYS = [\"Enter\"];\nexport const ESCAPE_KEYS = [\"Escape\"];\nexport const END_KEYS = [\"End\"];\nexport const HOME_KEYS = [\"Home\"];\n\nexport default function useFullKeyboardListeners({\n ref, // the reference for the component that listens to keyboard\n onSelectionKey = noop,\n onArrowNavigation = noop,\n onEscape = noop,\n onHome = noop,\n onEnd = noop,\n useDocumentEventListeners = false,\n focusOnMount = false\n}: {\n ref: MutableRefObject<HTMLElement>;\n onSelectionKey: KeyboardEventCallback;\n onArrowNavigation: (type: NavDirections) => void;\n onEscape: KeyboardEventCallback;\n onHome?: KeyboardEventCallback;\n onEnd?: KeyboardEventCallback;\n useDocumentEventListeners?: boolean;\n focusOnMount: boolean;\n}) {\n const listenerOptions = useMemo(() => {\n if (useDocumentEventListeners) return undefined;\n\n return {\n ref,\n preventDefault: true,\n stopPropagation: true\n };\n }, [useDocumentEventListeners, ref]);\n\n const onArrowDown = useCallback(() => onArrowNavigation(NavDirections.DOWN), [onArrowNavigation]);\n const onArrowUp = useCallback(() => onArrowNavigation(NavDirections.UP), [onArrowNavigation]);\n const onArrowRight = useCallback(() => onArrowNavigation(NavDirections.RIGHT), [onArrowNavigation]);\n const onArrowLeft = useCallback(() => onArrowNavigation(NavDirections.LEFT), [onArrowNavigation]);\n\n useKeyEvent({\n keys: ARROW_DOWN_KEYS,\n callback: onArrowDown,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ARROW_UP_KEYS,\n callback: onArrowUp,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ARROW_RIGHT_KEYS,\n callback: onArrowRight,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ARROW_LEFT_KEYS,\n callback: onArrowLeft,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: SELECTION_KEYS,\n callback: onSelectionKey,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ESCAPE_KEYS,\n callback: onEscape,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: HOME_KEYS,\n callback: onHome,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: END_KEYS,\n callback: onEnd,\n ...listenerOptions\n });\n\n useEffect(() => {\n if (!focusOnMount \|\| useDocumentEventListeners) return;\n ref?.current?.focus();\n }, [focusOnMount, ref, useDocumentEventListeners]);\n}\n"],"names":["NavDirections","ARROW_DOWN_KEYS","ARROW_UP_KEYS","ARROW_RIGHT_KEYS","ARROW_LEFT_KEYS","SELECTION_KEYS","ENTER_KEYS","ESCAPE_KEYS","END_KEYS","HOME_KEYS","useFullKeyboardListeners","_ref","ref","_ref$onSelectionKey","onSelectionKey","noop","_ref$onArrowNavigatio","onArrowNavigation","_ref$onEscape","onEscape","_ref$onHome","onHome","_ref$onEnd","onEnd","_ref$useDocumentEvent","useDocumentEventListeners","_ref$focusOnMount","focusOnMount","listenerOptions","useMemo","preventDefault","stopPropagation","onArrowDown","useCallback","DOWN","onArrowUp","UP","onArrowRight","RIGHT","onArrowLeft","LEFT","useKeyEvent","Object","assign","keys","callback","useEffect","_a","current","focus"],"mappings":"2KAKYA,GAAZ,SAAYA,GACVA,EAAA,GAAA,KACAA,EAAA,KAAA,OACAA,EAAA,KAAA,OACAA,EAAA,MAAA,OACD,CALD,CAAYA,IAAAA,~~EAKX~~,CAAA,~~IAEYC~~,~~IAAAA~~,EAAkB,CAAC,aACnBC,EAAgB,CAAC,WACjBC,EAAmB,CAAC,cACpBC,EAAkB,CAAC,aACnBC,EAAiB,CAAC,QAAS,KAC3BC,EAAa,CAAC,SACdC,EAAc,CAAC,UACfC,EAAW,CAAC,OACZC,EAAY,CAAC,~~QAEF~~,~~SAAAC~~,EAAwBC,GAkB/C,IAjBCC,EAAGD,EAAHC,IAAGC,EAAAF,EACHG,eAAAA,~~OAAiBC~~,~~IAAHF~~,EAAGE,EAAIF,EAAAG,EAAAL,EACrBM,kBAAAA,~~OAAoBF~~,~~IAAHC~~,EAAGD,EAAIC,EAAAE,EAAAP,EACxBQ,SAAAA,~~OAAWJ~~,~~IAAHG~~,EAAGH,EAAIG,EAAAE,EAAAT,EACfU,OAAAA,~~OAASN~~,~~IAAHK~~,EAAGL,EAAIK,EAAAE,EAAAX,EACbY,MAAAA,~~OAAQR~~,~~IAAHO~~,EAAGP,EAAIO,EAAAE,EAAAb,EACZc,0BAAAA,~~OAA4B~~,~~IAAHD~~,GAAQA,EAAAE,EAAAf,EACjCgB,aAAAA,~~OAAe~~,~~IAAHD~~,GAAQA,EAWdE,EAAkBC,GAAQ,WAC9B,IAAIJ,EAEJ,MAAO,CACLb,IAAAA,EACAkB,gBAAgB,EAChBC,iBAAiB,EAErB,GAAG,CAACN,EAA2Bb,IAEzBoB,EAAcC,GAAY,WAAA,OAAMhB,EAAkBjB,EAAckC,~~QAAO~~,CAACjB,IACxEkB,EAAYF,GAAY,WAAA,OAAMhB,EAAkBjB,EAAcoC,~~MAAK~~,CAACnB,IACpEoB,EAAeJ,GAAY,WAAA,OAAMhB,EAAkBjB,EAAcsC,~~SAAQ~~,CAACrB,IAC1EsB,EAAcN,GAAY,WAAA,OAAMhB,EAAkBjB,EAAcwC,~~QAAO~~,CAACvB,IAE9EwB,EAAWC,OAAAC,OAAA,CACTC,KAAM3C,EACN4C,SAAUb,GACPJ,IAGLa,EAAWC,OAAAC,OAAA,CACTC,KAAM1C,EACN2C,SAAUV,GACPP,IAGLa,EAAWC,OAAAC,OAAA,CACTC,KAAMzC,EACN0C,SAAUR,GACPT,IAGLa,EAAWC,OAAAC,OAAA,CACTC,KAAMxC,EACNyC,SAAUN,GACPX,IAGLa,EAAWC,OAAAC,OAAA,CACTC,KAAMvC,EACNwC,SAAU/B,GACPc,IAGLa,EAAWC,OAAAC,OAAA,CACTC,KAAMrC,EACNsC,SAAU1B,GACPS,IAGLa,EAAWC,OAAAC,OAAA,CACTC,KAAMnC,EACNoC,SAAUxB,GACPO,IAGLa,EAAWC,OAAAC,OAAA,CACTC,KAAMpC,EACNqC,SAAUtB,GACPK,IAGLkB,GAAU,iBACHnB,IAAgBF,IACT,QAAZsB,EAAAnC,~~aAAA~~,~~EAAAA~~,EAAKoC,eAAO,IAAAD,GAAAA,EAAEE,~~QACf~~,~~GAAE~~,CAACtB,EAAcf,EAAKa,GACzB"}
1	+ {"version":3,"file":"useFullKeyboardListeners.js","sources":["../../../src/hooks/useFullKeyboardListeners.ts"],"sourcesContent":["import { type MutableRefObject, useCallback, useEffect, useMemo } from \"react\";\nimport { noop } from \"es-toolkit\";\nimport useKeyEvent from \"./useKeyEvent\";\nimport { type KeyboardEventCallback } from \"../types/events\";\n\nexport enum NavDirections {\n UP = \"up\",\n DOWN = \"down\",\n LEFT = \"left\",\n RIGHT = \"right\"\n}\n\nexport const ARROW_DOWN_KEYS = [\"ArrowDown\"];\nexport const ARROW_UP_KEYS = [\"ArrowUp\"];\nexport const ARROW_RIGHT_KEYS = [\"ArrowRight\"];\nexport const ARROW_LEFT_KEYS = [\"ArrowLeft\"];\nexport const SELECTION_KEYS = [\"Enter\", \" \"];\nexport const ENTER_KEYS = [\"Enter\"];\nexport const ESCAPE_KEYS = [\"Escape\"];\nexport const END_KEYS = [\"End\"];\nexport const HOME_KEYS = [\"Home\"];\n\nexport default function useFullKeyboardListeners({\n ref, // the reference for the component that listens to keyboard\n onSelectionKey = noop,\n onArrowNavigation = noop,\n onEscape = noop,\n onHome = noop,\n onEnd = noop,\n useDocumentEventListeners = false,\n focusOnMount = false\n}: {\n ref: MutableRefObject<HTMLElement>;\n onSelectionKey: KeyboardEventCallback;\n onArrowNavigation: (type: NavDirections) => void;\n onEscape: KeyboardEventCallback;\n onHome?: KeyboardEventCallback;\n onEnd?: KeyboardEventCallback;\n useDocumentEventListeners?: boolean;\n focusOnMount: boolean;\n}) {\n const listenerOptions = useMemo(() => {\n if (useDocumentEventListeners) return undefined;\n\n return {\n ref,\n preventDefault: true,\n stopPropagation: true\n };\n }, [useDocumentEventListeners, ref]);\n\n const onArrowDown = useCallback(() => onArrowNavigation(NavDirections.DOWN), [onArrowNavigation]);\n const onArrowUp = useCallback(() => onArrowNavigation(NavDirections.UP), [onArrowNavigation]);\n const onArrowRight = useCallback(() => onArrowNavigation(NavDirections.RIGHT), [onArrowNavigation]);\n const onArrowLeft = useCallback(() => onArrowNavigation(NavDirections.LEFT), [onArrowNavigation]);\n\n useKeyEvent({\n keys: ARROW_DOWN_KEYS,\n callback: onArrowDown,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ARROW_UP_KEYS,\n callback: onArrowUp,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ARROW_RIGHT_KEYS,\n callback: onArrowRight,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ARROW_LEFT_KEYS,\n callback: onArrowLeft,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: SELECTION_KEYS,\n callback: onSelectionKey,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: ESCAPE_KEYS,\n callback: onEscape,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: HOME_KEYS,\n callback: onHome,\n ...listenerOptions\n });\n\n useKeyEvent({\n keys: END_KEYS,\n callback: onEnd,\n ...listenerOptions\n });\n\n useEffect(() => {\n if (!focusOnMount \|\| useDocumentEventListeners) return;\n ref?.current?.focus();\n }, [focusOnMount, ref, useDocumentEventListeners]);\n}\n"],"names":["NavDirections","ARROW_DOWN_KEYS","ARROW_UP_KEYS","ARROW_RIGHT_KEYS","ARROW_LEFT_KEYS","SELECTION_KEYS","ENTER_KEYS","ESCAPE_KEYS","END_KEYS","HOME_KEYS","useFullKeyboardListeners","_ref","ref","_ref$onSelectionKey","onSelectionKey","noop","_ref$onArrowNavigatio","onArrowNavigation","_ref$onEscape","onEscape","_ref$onHome","onHome","_ref$onEnd","onEnd","_ref$useDocumentEvent","useDocumentEventListeners","_ref$focusOnMount","focusOnMount","listenerOptions","useMemo","preventDefault","stopPropagation","onArrowDown","useCallback","DOWN","onArrowUp","UP","onArrowRight","RIGHT","onArrowLeft","LEFT","useKeyEvent","Object","assign","keys","callback","useEffect","_a","current","focus"],"mappings":"2KAKYA,GAAZ,SAAYA,GACVA,EAAA,GAAA,KACAA,EAAA,KAAA,OACAA,EAAA,KAAA,OACAA,EAAA,MAAA,OACD,CALD,CAAYA,IAAAA,EAAa,CAAA,IAOlB,IAAMC,EAAkB,CAAC,aACnBC,EAAgB,CAAC,WACjBC,EAAmB,CAAC,cACpBC,EAAkB,CAAC,aACnBC,EAAiB,CAAC,QAAS,KAC3BC,EAAa,CAAC,SACdC,EAAc,CAAC,UACfC,EAAW,CAAC,OACZC,EAAY,CAAC,QAEZ,SAAUC,EAAwBC,GAkB/C,IAjBCC,EAAGD,EAAHC,IAAGC,EAAAF,EACHG,eAAAA,OAAc,IAAAD,EAAGE,EAAIF,EAAAG,EAAAL,EACrBM,kBAAAA,OAAiB,IAAAD,EAAGD,EAAIC,EAAAE,EAAAP,EACxBQ,SAAAA,OAAQ,IAAAD,EAAGH,EAAIG,EAAAE,EAAAT,EACfU,OAAAA,OAAM,IAAAD,EAAGL,EAAIK,EAAAE,EAAAX,EACbY,MAAAA,OAAK,IAAAD,EAAGP,EAAIO,EAAAE,EAAAb,EACZc,0BAAAA,OAAyB,IAAAD,GAAQA,EAAAE,EAAAf,EACjCgB,aAAAA,OAAY,IAAAD,GAAQA,EAWdE,EAAkBC,GAAQ,WAC9B,IAAIJ,EAEJ,MAAO,CACLb,IAAAA,EACAkB,gBAAgB,EAChBC,iBAAiB,EAErB,GAAG,CAACN,EAA2Bb,IAEzBoB,EAAcC,GAAY,WAAA,OAAMhB,EAAkBjB,EAAckC,KAAK,GAAE,CAACjB,IACxEkB,EAAYF,GAAY,WAAA,OAAMhB,EAAkBjB,EAAcoC,GAAG,GAAE,CAACnB,IACpEoB,EAAeJ,GAAY,WAAA,OAAMhB,EAAkBjB,EAAcsC,MAAM,GAAE,CAACrB,IAC1EsB,EAAcN,GAAY,WAAA,OAAMhB,EAAkBjB,EAAcwC,KAAK,GAAE,CAACvB,IAE9EwB,EAAWC,OAAAC,OAAA,CACTC,KAAM3C,EACN4C,SAAUb,GACPJ,IAGLa,EAAWC,OAAAC,OAAA,CACTC,KAAM1C,EACN2C,SAAUV,GACPP,IAGLa,EAAWC,OAAAC,OAAA,CACTC,KAAMzC,EACN0C,SAAUR,GACPT,IAGLa,EAAWC,OAAAC,OAAA,CACTC,KAAMxC,EACNyC,SAAUN,GACPX,IAGLa,EAAWC,OAAAC,OAAA,CACTC,KAAMvC,EACNwC,SAAU/B,GACPc,IAGLa,EAAWC,OAAAC,OAAA,CACTC,KAAMrC,EACNsC,SAAU1B,GACPS,IAGLa,EAAWC,OAAAC,OAAA,CACTC,KAAMnC,EACNoC,SAAUxB,GACPO,IAGLa,EAAWC,OAAAC,OAAA,CACTC,KAAMpC,EACNqC,SAAUtB,GACPK,IAGLkB,GAAU,iBACHnB,IAAgBF,IACT,QAAZsB,EAAAnC,aAAG,EAAHA,EAAKoC,eAAO,IAAAD,GAAAA,EAAEE,QAChB,GAAG,CAACtB,EAAcf,EAAKa,GACzB"}

package/dist/src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"gridKeyboardNavigationHelper.js","sources":["../../../../src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.ts"],"sourcesContent":["import { NavDirections } from \"../useFullKeyboardListeners\";\n\nexport function getActiveIndexFromInboundNavigation({\n direction,\n numberOfItemsInLine,\n itemsCount\n}: {\n direction: NavDirections;\n numberOfItemsInLine: number;\n itemsCount: number;\n}) {\n const getRawIndex = () => {\n const firstLineMiddleIndex = Math.floor(numberOfItemsInLine / 2);\n if (direction === NavDirections.UP) {\n // last line, middle\n const rowCount = Math.ceil(itemsCount / numberOfItemsInLine);\n return (rowCount - 1) * numberOfItemsInLine + firstLineMiddleIndex;\n }\n if (direction === NavDirections.DOWN) {\n // first line, middle\n return firstLineMiddleIndex;\n }\n if (direction === NavDirections.LEFT) {\n // middle line, last item\n let result = numberOfItemsInLine - 1;\n const midIndex = Math.floor((itemsCount - 1) / 2);\n while (result < midIndex) {\n result += numberOfItemsInLine;\n }\n return result;\n }\n if (direction === NavDirections.RIGHT) {\n // middle line, first item\n let result = 0;\n const midIndex = Math.floor((itemsCount - 1) / 2);\n while (result + numberOfItemsInLine < midIndex) {\n result += numberOfItemsInLine;\n }\n return result;\n }\n };\n\n const rawIndex = getRawIndex();\n return Math.max(0, Math.min(rawIndex, itemsCount - 1));\n}\n\nfunction calcRawNewIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n circularNavigation = false\n}: {\n activeIndex: number;\n itemsCount: number;\n numberOfItemsInLine: number;\n direction: NavDirections;\n circularNavigation?: boolean;\n}) {\n const getIndexLine = (index: number) => Math.ceil((index + 1) / numberOfItemsInLine);\n\n const horizontalChange = (isIndexIncrease: boolean) => {\n let nextIndex = activeIndex + (isIndexIncrease ? 1 : -1);\n\n if (nextIndex < 0 \|\| nextIndex >= itemsCount) {\n if (circularNavigation) {\n if (nextIndex < 0) {\n nextIndex = itemsCount - 1;\n } else if (nextIndex >= itemsCount) {\n nextIndex = 0;\n }\n } else {\n return { isOutbound: true };\n }\n }\n\n const currentLine = getIndexLine(activeIndex);\n const nextIndexLine = getIndexLine(nextIndex);\n if (currentLine !== nextIndexLine) {\n return { isOutbound: true };\n }\n\n return { isOutbound: false, nextIndex };\n };\n\n const verticalChange = (isIndexIncrease: boolean) => {\n const nextIndex = activeIndex + numberOfItemsInLine * (isIndexIncrease ? 1 : -1);\n if (nextIndex < 0 \|\| itemsCount <= nextIndex) {\n return { isOutbound: true };\n }\n return { isOutbound: false, nextIndex };\n };\n\n switch (direction) {\n case NavDirections.RIGHT:\n return horizontalChange(true);\n case NavDirections.LEFT:\n return horizontalChange(false);\n case NavDirections.DOWN:\n return verticalChange(true);\n case NavDirections.UP:\n return verticalChange(false);\n }\n}\n\nexport function calcActiveIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n disabledIndexes = [],\n circularNavigation = false\n}: {\n activeIndex: number;\n itemsCount: number;\n numberOfItemsInLine: number;\n direction: NavDirections;\n disabledIndexes?: number[];\n circularNavigation?: boolean;\n}) {\n let result = calcRawNewIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n circularNavigation\n });\n while (!result.isOutbound && disabledIndexes.includes(result.nextIndex)) {\n result = calcRawNewIndexAfterArrowNavigation({\n activeIndex: result.nextIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n circularNavigation\n });\n }\n\n return result;\n}\n"],"names":["getActiveIndexFromInboundNavigation","_ref","direction","numberOfItemsInLine","itemsCount","rawIndex","firstLineMiddleIndex","Math","floor","NavDirections","UP","ceil","DOWN","LEFT","result","midIndex","RIGHT","getRawIndex","max","min","calcRawNewIndexAfterArrowNavigation","_ref2","activeIndex","_ref2$circularNavigat","circularNavigation","getIndexLine","index","horizontalChange","isIndexIncrease","nextIndex","isOutbound","verticalChange","calcActiveIndexAfterArrowNavigation","_ref3","_ref3$disabledIndexes","disabledIndexes","_ref3$circularNavigat","includes"],"mappings":"+DAEM,SAAUA,EAAmCC,GAQlD,IAPCC,EAASD,EAATC,UACAC,EAAmBF,EAAnBE,oBACAC,EAAUH,EAAVG,WAqCMC,EA/Bc,WAClB,IAAMC,EAAuBC,KAAKC,MAAML,EAAsB,GAC9D,GAAID,IAAcO,EAAcC,GAG9B,OADiBH,KAAKI,KAAKP,EAAaD,GACrB,GAAKA,EAAsBG,EAEhD,GAAIJ,IAAcO,EAAcG,KAE9B,OAAON,EAET,GAAIJ,IAAcO,EAAcI,KAAM,CAIpC,IAFA,IAAIC,EAASX,EAAsB,EAC7BY,EAAWR,KAAKC,OAAOJ,EAAa,GAAK,GAC/BW,EAATD,GACLA,GAAUX,EAEZ,OAAOW,CACT,CACA,GAAIZ,IAAcO,EAAcO,MAAO,CAIrC,IAFA,IAAIF,EAAS,EACPC,EAAWR,KAAKC,OAAOJ,EAAa,GAAK,GACTW,EAA/BD,EAASX,GACdW,GAAUX,EAEZ,OAAOW,CACT,~~EAGeG~~,GACjB,OAAOV,KAAKW,IAAI,EAAGX,KAAKY,IAAId,EAAUD,EAAa,GACrD,CAEA,SAASgB,EAAmCC,GAY3C,IAXCC,EAAWD,EAAXC,YACAlB,EAAUiB,EAAVjB,WACAD,EAAmBkB,EAAnBlB,oBACSoB,EAAAF,EACTG,mBAAAA,~~OAAqB~~,~~IAAHD~~,GAAQA,EAQpBE,EAAe,SAACC,GAAa,OAAKnB,KAAKI,MAAMe,EAAQ,GAAKvB,EAAoB,EAE9EwB,EAAmB,SAACC,GACxB,IAAIC,EAAYP,GAAeM,EAAkB,~~GAAK~~,~~GAEtD~~,GAAgB,EAAZC,GAAiBA,GAAazB,EAAY,CAC5C,IAAIoB,EAOF,MAAO,CAAEM,YAAY,GANL,EAAZD,EACFA,EAAYzB,EAAa,EACHA,EAAbyB,IACTA,EAAY,EAKlB,CAIA,OAFoBJ,EAAaH,KACXG,EAAaI,GAE1B,CAAEC,YAAY,GAGhB,CAAEA,YAAY,EAAOD,UAAAA,~~IAGxBE~~,EAAiB,SAACH,GACtB,IAAMC,EAAYP,EAAcnB,GAAuByB,EAAkB,~~GAAK~~,~~GAC9E~~,OAAgB,EAAZC,GAA+BA,GAAdzB,EACZ,CAAE0B,YAAY,GAEhB,CAAEA,YAAY,EAAOD,UAAAA,~~IAG9B~~,OA3CSR,EAATnB,WA4CE,KAAKO,EAAcO,MACjB,OAAOW,GAAiB,GAC1B,KAAKlB,EAAcI,KACjB,OAAOc,GAAiB,GAC1B,KAAKlB,EAAcG,KACjB,OAAOmB,GAAe,GACxB,KAAKtB,EAAcC,GACjB,OAAOqB,GAAe,GAE5B,UAEgBC,EAAmCC,GAsBjD,IARD,IAZC7B,EAAU6B,EAAV7B,WACAD,EAAmB8B,EAAnB9B,oBACAD,EAAS+B,EAAT/B,UAASgC,EAAAD,EACTE,gBAAAA,~~OAAkB~~,~~IAAHD~~,EAAG,GAAEA,EAAAE,EAAAH,EACpBT,mBAAAA,~~OAAqB~~,~~IAAHY~~,GAAQA,EAStBtB,EAASM,EAAoC,CAC/CE,YAfSW,EAAXX,YAgBElB,WAAAA,EACAD,oBAAAA,EACAD,UAAAA,EACAsB,mBAAAA,KAEMV,EAAOgB,YAAcK,EAAgBE,SAASvB,EAAOe,YAC3Df,EAASM,EAAoC,CAC3CE,YAAaR,EAAOe,UACpBzB,WAAAA,EACAD,oBAAAA,EACAD,UAAAA,EACAsB,mBAAAA,IAIJ,OAAOV,CACT"}
1	+ {"version":3,"file":"gridKeyboardNavigationHelper.js","sources":["../../../../src/hooks/useGridKeyboardNavigation/gridKeyboardNavigationHelper.ts"],"sourcesContent":["import { NavDirections } from \"../useFullKeyboardListeners\";\n\nexport function getActiveIndexFromInboundNavigation({\n direction,\n numberOfItemsInLine,\n itemsCount\n}: {\n direction: NavDirections;\n numberOfItemsInLine: number;\n itemsCount: number;\n}) {\n const getRawIndex = () => {\n const firstLineMiddleIndex = Math.floor(numberOfItemsInLine / 2);\n if (direction === NavDirections.UP) {\n // last line, middle\n const rowCount = Math.ceil(itemsCount / numberOfItemsInLine);\n return (rowCount - 1) * numberOfItemsInLine + firstLineMiddleIndex;\n }\n if (direction === NavDirections.DOWN) {\n // first line, middle\n return firstLineMiddleIndex;\n }\n if (direction === NavDirections.LEFT) {\n // middle line, last item\n let result = numberOfItemsInLine - 1;\n const midIndex = Math.floor((itemsCount - 1) / 2);\n while (result < midIndex) {\n result += numberOfItemsInLine;\n }\n return result;\n }\n if (direction === NavDirections.RIGHT) {\n // middle line, first item\n let result = 0;\n const midIndex = Math.floor((itemsCount - 1) / 2);\n while (result + numberOfItemsInLine < midIndex) {\n result += numberOfItemsInLine;\n }\n return result;\n }\n };\n\n const rawIndex = getRawIndex();\n return Math.max(0, Math.min(rawIndex, itemsCount - 1));\n}\n\nfunction calcRawNewIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n circularNavigation = false\n}: {\n activeIndex: number;\n itemsCount: number;\n numberOfItemsInLine: number;\n direction: NavDirections;\n circularNavigation?: boolean;\n}) {\n const getIndexLine = (index: number) => Math.ceil((index + 1) / numberOfItemsInLine);\n\n const horizontalChange = (isIndexIncrease: boolean) => {\n let nextIndex = activeIndex + (isIndexIncrease ? 1 : -1);\n\n if (nextIndex < 0 \|\| nextIndex >= itemsCount) {\n if (circularNavigation) {\n if (nextIndex < 0) {\n nextIndex = itemsCount - 1;\n } else if (nextIndex >= itemsCount) {\n nextIndex = 0;\n }\n } else {\n return { isOutbound: true };\n }\n }\n\n const currentLine = getIndexLine(activeIndex);\n const nextIndexLine = getIndexLine(nextIndex);\n if (currentLine !== nextIndexLine) {\n return { isOutbound: true };\n }\n\n return { isOutbound: false, nextIndex };\n };\n\n const verticalChange = (isIndexIncrease: boolean) => {\n const nextIndex = activeIndex + numberOfItemsInLine * (isIndexIncrease ? 1 : -1);\n if (nextIndex < 0 \|\| itemsCount <= nextIndex) {\n return { isOutbound: true };\n }\n return { isOutbound: false, nextIndex };\n };\n\n switch (direction) {\n case NavDirections.RIGHT:\n return horizontalChange(true);\n case NavDirections.LEFT:\n return horizontalChange(false);\n case NavDirections.DOWN:\n return verticalChange(true);\n case NavDirections.UP:\n return verticalChange(false);\n }\n}\n\nexport function calcActiveIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n disabledIndexes = [],\n circularNavigation = false\n}: {\n activeIndex: number;\n itemsCount: number;\n numberOfItemsInLine: number;\n direction: NavDirections;\n disabledIndexes?: number[];\n circularNavigation?: boolean;\n}) {\n let result = calcRawNewIndexAfterArrowNavigation({\n activeIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n circularNavigation\n });\n while (!result.isOutbound && disabledIndexes.includes(result.nextIndex)) {\n result = calcRawNewIndexAfterArrowNavigation({\n activeIndex: result.nextIndex,\n itemsCount,\n numberOfItemsInLine,\n direction,\n circularNavigation\n });\n }\n\n return result;\n}\n"],"names":["getActiveIndexFromInboundNavigation","_ref","direction","numberOfItemsInLine","itemsCount","rawIndex","firstLineMiddleIndex","Math","floor","NavDirections","UP","ceil","DOWN","LEFT","result","midIndex","RIGHT","getRawIndex","max","min","calcRawNewIndexAfterArrowNavigation","_ref2","activeIndex","_ref2$circularNavigat","circularNavigation","getIndexLine","index","horizontalChange","isIndexIncrease","nextIndex","isOutbound","verticalChange","calcActiveIndexAfterArrowNavigation","_ref3","_ref3$disabledIndexes","disabledIndexes","_ref3$circularNavigat","includes"],"mappings":"+DAEM,SAAUA,EAAmCC,GAQlD,IAPCC,EAASD,EAATC,UACAC,EAAmBF,EAAnBE,oBACAC,EAAUH,EAAVG,WAqCMC,EA/Bc,WAClB,IAAMC,EAAuBC,KAAKC,MAAML,EAAsB,GAC9D,GAAID,IAAcO,EAAcC,GAG9B,OADiBH,KAAKI,KAAKP,EAAaD,GACrB,GAAKA,EAAsBG,EAEhD,GAAIJ,IAAcO,EAAcG,KAE9B,OAAON,EAET,GAAIJ,IAAcO,EAAcI,KAAM,CAIpC,IAFA,IAAIC,EAASX,EAAsB,EAC7BY,EAAWR,KAAKC,OAAOJ,EAAa,GAAK,GAC/BW,EAATD,GACLA,GAAUX,EAEZ,OAAOW,CACT,CACA,GAAIZ,IAAcO,EAAcO,MAAO,CAIrC,IAFA,IAAIF,EAAS,EACPC,EAAWR,KAAKC,OAAOJ,EAAa,GAAK,GACTW,EAA/BD,EAASX,GACdW,GAAUX,EAEZ,OAAOW,CACT,CACF,CAEiBG,GACjB,OAAOV,KAAKW,IAAI,EAAGX,KAAKY,IAAId,EAAUD,EAAa,GACrD,CAEA,SAASgB,EAAmCC,GAY3C,IAXCC,EAAWD,EAAXC,YACAlB,EAAUiB,EAAVjB,WACAD,EAAmBkB,EAAnBlB,oBACSoB,EAAAF,EACTG,mBAAAA,OAAkB,IAAAD,GAAQA,EAQpBE,EAAe,SAACC,GAAa,OAAKnB,KAAKI,MAAMe,EAAQ,GAAKvB,EAAoB,EAE9EwB,EAAmB,SAACC,GACxB,IAAIC,EAAYP,GAAeM,EAAkB,GAAI,GAErD,GAAgB,EAAZC,GAAiBA,GAAazB,EAAY,CAC5C,IAAIoB,EAOF,MAAO,CAAEM,YAAY,GANL,EAAZD,EACFA,EAAYzB,EAAa,EACHA,EAAbyB,IACTA,EAAY,EAKlB,CAIA,OAFoBJ,EAAaH,KACXG,EAAaI,GAE1B,CAAEC,YAAY,GAGhB,CAAEA,YAAY,EAAOD,UAAAA,EAC9B,EAEME,EAAiB,SAACH,GACtB,IAAMC,EAAYP,EAAcnB,GAAuByB,EAAkB,GAAI,GAC7E,OAAgB,EAAZC,GAA+BA,GAAdzB,EACZ,CAAE0B,YAAY,GAEhB,CAAEA,YAAY,EAAOD,UAAAA,EAC9B,EAEA,OA3CSR,EAATnB,WA4CE,KAAKO,EAAcO,MACjB,OAAOW,GAAiB,GAC1B,KAAKlB,EAAcI,KACjB,OAAOc,GAAiB,GAC1B,KAAKlB,EAAcG,KACjB,OAAOmB,GAAe,GACxB,KAAKtB,EAAcC,GACjB,OAAOqB,GAAe,GAE5B,UAEgBC,EAAmCC,GAsBjD,IARD,IAZC7B,EAAU6B,EAAV7B,WACAD,EAAmB8B,EAAnB9B,oBACAD,EAAS+B,EAAT/B,UAASgC,EAAAD,EACTE,gBAAAA,OAAe,IAAAD,EAAG,GAAEA,EAAAE,EAAAH,EACpBT,mBAAAA,OAAkB,IAAAY,GAAQA,EAStBtB,EAASM,EAAoC,CAC/CE,YAfSW,EAAXX,YAgBElB,WAAAA,EACAD,oBAAAA,EACAD,UAAAA,EACAsB,mBAAAA,KAEMV,EAAOgB,YAAcK,EAAgBE,SAASvB,EAAOe,YAC3Df,EAASM,EAAoC,CAC3CE,YAAaR,EAAOe,UACpBzB,WAAAA,EACAD,oBAAAA,EACAD,UAAAA,EACAsB,mBAAAA,IAIJ,OAAOV,CACT"}