@vibe/core 4.5.28-alpha-871ee.0 → 4.5.29

package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../../_virtual/_tslib.js";import r,{forwardRef as n,useCallback as o,useEffect as i,useMemo as l}from"react";import a from"../TableBody/TableBody.js";import s from"./TableVirtualizedBody.module.scss.js";import{FixedSizeList as c}from"react-window";import{useTable as d}from"../context/TableContext/TableContext.js";import m from"classnames";import{getTestId as u}from"../../../tests/testIds.js";import{ComponentDefaultTestId as f}from"../../../tests/constants.js";import{RowHeights as v}from"../Table/TableConsts.js";import p from"react-virtualized-auto-sizer";import{useTableRowMenu as b}from"../context/TableRowMenuContext/TableRowMenuContext.js";var T=r.memo((function(e){var n,o=e.style,i=(0,e.rowRenderer)(e.item),l=t(o,["width"]);return r.cloneElement(i,{style:Object.assign(Object.assign({},l),null===(n=i.props)||void 0===n?void 0:n.style)})})),h=n((function(h,E){var g=h.items,w=h.rowRenderer,y=h.onScroll,j=h.columns,R=h.headerRenderer,B=h.id,L=h.className,x=h["data-testid"],z=h.overscanCount,C=void 0===z?1:z,_=d(),I=_.size,O=_.virtualizedListRef,A=_.onVirtualizedListScroll,D=_.markTableAsVirtualized,S=_.dataState,V=b().resetHoveredRow,H=!!j&&!!R,N=(S||{}).isLoading,U=o((function(e){var t=e.target;V(),A({target:t,currentTarget:t})}),[V,A]);i((function(){var e=O.current;if(e)return e.addEventListener("scroll",U),function(){e.removeEventListener("scroll",U)}}),[U,O]);var M=o((function(e){H||null==y||y(e.scrollDirection,e.scrollOffset,e.scrollUpdateWasRequested)}),[y,H]),P=o((function(e){var t=e.index;return H&&0===t?null:r.createElement(T,{item:g[H?t-1:t],rowRenderer:w,style:e.style})}),[g,w,H]);i((function(){H||D()}),[D,H]);var Y=l((function(){return H?n((function(e,n){var o=e.children,i=t(e,["children"]);return r.createElement("div",Object.assign({ref:n},i),R(j),o)})):void 0}),[H,R,j]);return N&&H?r.createElement("div",{ref:E,id:B,className:m(s.tableBody,s.withHeader,L),"data-testid":x||u(f.TABLE_VIRTUALIZED_BODY,B)},R(j),r.createElement(a,null)):r.createElement(a,{className:m(s.tableBody,e({},s.withHeader,H),L),id:B,"data-testid":x||u(f.TABLE_VIRTUALIZED_BODY,B),ref:E},(null==g?void 0:g.length)&&r.createElement(p,null,(function(e){return r.createElement(c,{className:s.tableBodyItems,itemSize:v[I],height:e.height,itemCount:H?g.length+1:g.length,width:e.width,overscanCount:C,onScroll:M,outerRef:function(e){O.current=e},innerElementType:Y},P)})))}));export{h as default};
-//# sourceMappingURL=TableVirtualizedBody.js.map

package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableVirtualizedBody.js","sources":["../../../../../src/components/Table/TableVirtualizedBody/TableVirtualizedBody.tsx"],"sourcesContent":["import React, { type ComponentType, forwardRef, useCallback, useEffect, useMemo } from \"react\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport TableBody from \"../TableBody/TableBody\";\nimport styles from \"./TableVirtualizedBody.module.scss\";\nimport { FixedSizeList as List, type ListChildComponentProps, type ScrollDirection } from \"react-window\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { RowHeights } from \"../Table/TableConsts\";\nimport AutoSizer, { type Size as AutoSizerSize } from \"react-virtualized-auto-sizer\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport { type TableColumn } from \"../Table/Table\";\n\nexport type TableVirtualizedRow = Record<string, unknown> & { id: string };\n\nexport interface TableVirtualizedBodyProps<T extends TableVirtualizedRow = TableVirtualizedRow>\n  extends VibeComponentProps {\n  /**\n   * The list of items to render in the virtualized table.\n   */\n  items: T[];\n  /**\n   * Function to render a row in the table.\n   */\n  rowRenderer: (item: T) => JSX.Element;\n  /**\n   * Callback function triggered on scroll.\n   */\n  onScroll?: (horizontalScrollDirection: ScrollDirection, scrollTop: number, scrollUpdateWasRequested: boolean) => void;\n  /**\n   * The columns configuration for the table.\n   */\n  columns?: TableColumn[];\n  /**\n   * Function to render the table header.\n   */\n  headerRenderer?: (columns: TableColumn[]) => JSX.Element;\n  /**\n   * Number of rows to render above/below the visible area.\n   */\n  overscanCount?: number;\n}\n\nconst MemoizedRow = React.memo(\n  <T extends TableVirtualizedRow>({\n    item,\n    rowRenderer,\n    style\n  }: {\n    item: T;\n    rowRenderer: (item: T) => JSX.Element;\n    style: React.CSSProperties;\n  }) => {\n    const element = rowRenderer(item);\n    const { width: _width, ...styleWithoutWidth } = style;\n    return React.cloneElement(element, {\n      style: { ...styleWithoutWidth, ...element.props?.style }\n    });\n  }\n);\n\nconst TableVirtualizedBody = forwardRef(\n  <T extends TableVirtualizedRow = TableVirtualizedRow>(\n    {\n      items,\n      rowRenderer,\n      onScroll,\n      columns,\n      headerRenderer,\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      overscanCount = 1\n    }: TableVirtualizedBodyProps<T>,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { size, virtualizedListRef, onVirtualizedListScroll, markTableAsVirtualized, dataState } = useTable();\n    const { resetHoveredRow } = useTableRowMenu();\n    const virtualizedWithHeader = !!columns && !!headerRenderer;\n    const { isLoading } = dataState || {};\n\n    const handleOuterScroll = useCallback(\n      (e: Event) => {\n        const target = e.target as HTMLDivElement;\n        resetHoveredRow();\n        onVirtualizedListScroll({\n          target,\n          currentTarget: target\n        } as unknown as React.UIEvent<HTMLDivElement>);\n      },\n      [resetHoveredRow, onVirtualizedListScroll]\n    );\n\n    useEffect(() => {\n      const scrollElement = virtualizedListRef.current;\n      if (!scrollElement) return;\n\n      scrollElement.addEventListener(\"scroll\", handleOuterScroll);\n\n      return () => {\n        scrollElement.removeEventListener(\"scroll\", handleOuterScroll);\n      };\n    }, [handleOuterScroll, virtualizedListRef]);\n\n    const handleVirtualizedVerticalScroll = useCallback(\n      ({\n        scrollDirection,\n        scrollOffset,\n        scrollUpdateWasRequested\n      }: {\n        scrollDirection: ScrollDirection;\n        scrollOffset: number;\n        scrollUpdateWasRequested: boolean;\n      }) => {\n        if (virtualizedWithHeader) return;\n        onScroll?.(scrollDirection, scrollOffset, scrollUpdateWasRequested);\n      },\n      [onScroll, virtualizedWithHeader]\n    );\n\n    const itemRenderer = useCallback<ComponentType<ListChildComponentProps<T>>>(\n      ({ index, style }) => {\n        if (virtualizedWithHeader && index === 0) {\n          return null; //placeholder for virtualized with header\n        }\n        const currentIndex = virtualizedWithHeader ? index - 1 : index;\n        const currentItem = items[currentIndex];\n\n        return <MemoizedRow item={currentItem} rowRenderer={rowRenderer} style={style} />;\n      },\n      [items, rowRenderer, virtualizedWithHeader]\n    );\n\n    useEffect(() => {\n      if (!virtualizedWithHeader) markTableAsVirtualized();\n    }, [markTableAsVirtualized, virtualizedWithHeader]);\n\n    const memoizedInnerElementType = useMemo(\n      () =>\n        virtualizedWithHeader\n          ? forwardRef(({ children, ...rest }: any, ref: React.Ref<HTMLDivElement>) => (\n              <div ref={ref} {...rest}>\n                {headerRenderer!(columns!)}\n                {children}\n              </div>\n            ))\n          : undefined,\n      [virtualizedWithHeader, headerRenderer, columns]\n    );\n\n    // When in loading state and we have a header renderer, render header separately\n    if (isLoading && virtualizedWithHeader) {\n      return (\n        <div\n          ref={ref}\n          id={id}\n          className={cx(styles.tableBody, styles.withHeader, className)}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_VIRTUALIZED_BODY, id)}\n        >\n          {headerRenderer!(columns!)}\n          <TableBody />\n        </div>\n      );\n    }\n\n    return (\n      <TableBody\n        className={cx(\n          styles.tableBody,\n          {\n            [styles.withHeader]: virtualizedWithHeader\n          },\n          className\n        )}\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_VIRTUALIZED_BODY, id)}\n        ref={ref}\n      >\n        {items?.length && (\n          <AutoSizer>\n            {({ height, width }: AutoSizerSize) => (\n              <List\n                className={styles.tableBodyItems}\n                itemSize={RowHeights[size]}\n                height={height}\n                itemCount={virtualizedWithHeader ? items.length + 1 : items.length}\n                width={width}\n                overscanCount={overscanCount}\n                onScroll={handleVirtualizedVerticalScroll}\n                outerRef={element => {\n                  virtualizedListRef.current = element;\n                }}\n                innerElementType={memoizedInnerElementType}\n              >\n                {itemRenderer}\n              </List>\n            )}\n          </AutoSizer>\n        )}\n      </TableBody>\n    );\n  }\n);\n\nexport default TableVirtualizedBody;\n"],"names":["MemoizedRow","React","memo","_ref","style","element","rowRenderer","item","styleWithoutWidth","__rest","cloneElement","Object","assign","_a","props","TableVirtualizedBody","forwardRef","_ref2","ref","items","onScroll","columns","headerRenderer","id","className","dataTestId","_ref2$overscanCount","overscanCount","_useTable","useTable","size","virtualizedListRef","onVirtualizedListScroll","markTableAsVirtualized","dataState","resetHoveredRow","useTableRowMenu","virtualizedWithHeader","isLoading","handleOuterScroll","useCallback","e","target","currentTarget","useEffect","scrollElement","current","addEventListener","removeEventListener","handleVirtualizedVerticalScroll","_ref4","scrollDirection","scrollOffset","scrollUpdateWasRequested","itemRenderer","_ref5","index","createElement","memoizedInnerElementType","useMemo","children","rest","undefined","cx","styles","tableBody","withHeader","getTestId","ComponentDefaultTestId","TABLE_VIRTUALIZED_BODY","TableBody","_defineProperty","length","AutoSizer","_ref6","List","tableBodyItems","itemSize","RowHeights","height","itemCount","width","outerRef","innerElementType"],"mappings":"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"}

package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js

@@ -1,2 +0,0 @@
-var e={tableBody:"tableBody_3398d6ae4e",tableBodyItems:"tableBodyItems_770c27a017",withHeader:"withHeader_a107dd381c"};!function(e){const t="s_id-e63e6a70f113_4_5_27";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableBody_3398d6ae4e {\n  height: calc(100% - var(--table-row-size));\n}\n.tableBody_3398d6ae4e .tableBodyItems_770c27a017::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.tableBody_3398d6ae4e .tableBodyItems_770c27a017::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.tableBody_3398d6ae4e.withHeader_a107dd381c {\n  height: 100%;\n  overflow: hidden;\n}");export{e as default};
-//# sourceMappingURL=TableVirtualizedBody.module.scss.js.map

package/dist/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableVirtualizedBody.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Table/context/TableContainerContext/TableContainerContext.js

@@ -1,2 +0,0 @@
-import r,{useContext as e,createContext as t}from"react";var n=t(void 0),i=function(e){return r.createElement(n.Provider,{value:e.value},e.children)},o=function(){var r=e(n);if(!r)throw Error("useTableContainer must be used within a TableContainerProvider");return r};export{i as TableContainerProvider,o as useTableContainer};
-//# sourceMappingURL=TableContainerContext.js.map

package/dist/src/components/Table/context/TableContainerContext/TableContainerContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableContainerContext.js","sources":["../../../../../../src/components/Table/context/TableContainerContext/TableContainerContext.tsx"],"sourcesContent":["import React, { createContext, useContext } from \"react\";\nimport {\n  type TableContainerContext as ITableContainerContext,\n  type TableContainerProviderProps\n} from \"./TableContainerContext.types\";\n\nconst TableContainerContext = createContext<ITableContainerContext | undefined>(undefined);\n\nexport const TableContainerProvider = ({ value, children }: TableContainerProviderProps) => {\n  return <TableContainerContext.Provider value={value}>{children}</TableContainerContext.Provider>;\n};\n\nexport const useTableContainer = () => {\n  const context = useContext(TableContainerContext);\n  if (!context) {\n    throw new Error(\"useTableContainer must be used within a TableContainerProvider\");\n  }\n  return context;\n};\n"],"names":["TableContainerContext","createContext","undefined","TableContainerProvider","_ref","React","createElement","Provider","value","children","useTableContainer","context","useContext","Error"],"mappings":"yDAMA,IAAMA,EAAwBC,OAAkDC,GAEnEC,EAAyB,SAAHC,GACjC,OAAOC,EAAAC,cAACN,EAAsBO,SAAQ,CAACC,MADKJ,EAALI,OAAeJ,EAARK,SAEhD,EAEaC,EAAoB,WAC/B,IAAMC,EAAUC,EAAWZ,GAC3B,IAAKW,EACH,MAAUE,MAAM,kEAElB,OAAOF,CACT"}

package/dist/src/components/Table/context/TableContext/TableContext.js

@@ -1,2 +0,0 @@
-import r,{useRef as e,useCallback as t,useMemo as n,useContext as o,createContext as l}from"react";var u=l(void 0),c=function(o){var l=o.value,c=o.children,i=l.setIsScrolled,a=e(null),f=e(null),d=e(0),s=t((function(r,e){if(r!==d.current){"body"===e&&a.current&&(a.current.scrollLeft=r),"head"===e&&f.current&&(f.current.scrollLeft=r);var t=r>0;i((function(r){return r!==t?t:r})),d.current=r}}),[i]),v=t((function(r){s(r.target.scrollLeft,"head")}),[s]),b=t((function(r){s(r.target.scrollLeft,"body")}),[s]),h=n((function(){return Object.assign(Object.assign({},l),{headRef:a,onHeadScroll:v,virtualizedListRef:f,onVirtualizedListScroll:b})}),[l,v,b]);return r.createElement(u.Provider,{value:h},c)},i=function(){var r=o(u);if(void 0===r)throw Error("useTable must be used within a TableProvider");return r};export{c as TableProvider,i as useTable};
-//# sourceMappingURL=TableContext.js.map

package/dist/src/components/Table/context/TableContext/TableContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableContext.js","sources":["../../../../../../src/components/Table/context/TableContext/TableContext.tsx"],"sourcesContent":["import React, { createContext, type UIEventHandler, useCallback, useContext, useMemo, useRef } from \"react\";\nimport { type TableContext as ITableContext, type TableProviderProps } from \"./TableContext.types\";\n\nconst TableContext = createContext<ITableContext | undefined>(undefined);\n\nexport const TableProvider = ({ value, children }: TableProviderProps) => {\n  const { setIsScrolled } = value;\n  const headRef = useRef<HTMLDivElement>(null);\n  const virtualizedListRef = useRef<HTMLDivElement>(null);\n  const lastScrollLeft = useRef<number>(0);\n\n  const syncScroll = useCallback(\n    (newScrollLeft: number, source: \"head\" | \"body\") => {\n      if (newScrollLeft === lastScrollLeft.current) return;\n\n      if (source === \"body\" && headRef.current) {\n        headRef.current.scrollLeft = newScrollLeft;\n      }\n      if (source === \"head\" && virtualizedListRef.current) {\n        virtualizedListRef.current.scrollLeft = newScrollLeft;\n      }\n\n      const hasScroll = newScrollLeft > 0;\n      setIsScrolled(prevScroll => (prevScroll !== hasScroll ? hasScroll : prevScroll));\n\n      lastScrollLeft.current = newScrollLeft;\n    },\n    [setIsScrolled]\n  );\n\n  const onHeadScroll: UIEventHandler<HTMLDivElement> = useCallback(\n    e => {\n      const newLeft = (e.target as HTMLDivElement).scrollLeft;\n      syncScroll(newLeft, \"head\");\n    },\n    [syncScroll]\n  );\n\n  const onVirtualizedListScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n    e => {\n      const newLeft = (e.target as HTMLDivElement).scrollLeft;\n      syncScroll(newLeft, \"body\");\n    },\n    [syncScroll]\n  );\n\n  const contextValue = useMemo<ITableContext>(\n    () => ({\n      ...value,\n      headRef,\n      onHeadScroll,\n      virtualizedListRef,\n      onVirtualizedListScroll\n    }),\n    [value, onHeadScroll, onVirtualizedListScroll]\n  );\n\n  return <TableContext.Provider value={contextValue}>{children}</TableContext.Provider>;\n};\n\nexport const useTable = () => {\n  const context = useContext(TableContext);\n  if (context === undefined) {\n    throw new Error(\"useTable must be used within a TableProvider\");\n  }\n  return context;\n};\n"],"names":["TableContext","createContext","undefined","TableProvider","_ref","value","children","setIsScrolled","headRef","useRef","virtualizedListRef","lastScrollLeft","syncScroll","useCallback","newScrollLeft","source","current","scrollLeft","hasScroll","prevScroll","onHeadScroll","e","target","onVirtualizedListScroll","contextValue","useMemo","Object","assign","React","createElement","Provider","useTable","context","useContext","Error"],"mappings":"mGAGA,IAAMA,EAAeC,OAAyCC,GAEjDC,EAAgB,SAAHC,GAA+C,IAAzCC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SAC7BC,EAAkBF,EAAlBE,cACFC,EAAUC,EAAuB,MACjCC,EAAqBD,EAAuB,MAC5CE,EAAiBF,EAAe,GAEhCG,EAAaC,GACjB,SAACC,EAAuBC,GACtB,GAAID,IAAkBH,EAAeK,QAArC,CAEe,SAAXD,GAAqBP,EAAQQ,UAC/BR,EAAQQ,QAAQC,WAAaH,GAEhB,SAAXC,GAAqBL,EAAmBM,UAC1CN,EAAmBM,QAAQC,WAAaH,GAG1C,IAAMI,EAAYJ,EAAgB,EAClCP,GAAc,SAAAY,GAAU,OAAKA,IAAeD,EAAYA,EAAYC,CAAU,IAE9ER,EAAeK,QAAUF,CAZqB,CAahD,GACA,CAACP,IAGGa,EAA+CP,GACnD,SAAAQ,GAEET,EADiBS,EAAEC,OAA0BL,WACzB,OACtB,GACA,CAACL,IAGGW,EAA0BV,GAC9B,SAAAQ,GAEET,EADiBS,EAAEC,OAA0BL,WACzB,OACtB,GACA,CAACL,IAGGY,EAAeC,GACnB,WAAA,OAAMC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EACDtB,GAAK,CACRG,QAAAA,EACAY,aAAAA,EACAV,mBAAAA,EACAa,wBAAAA,GACA,GACF,CAAClB,EAAOe,EAAcG,IAGxB,OAAOK,EAAAC,cAAC7B,EAAa8B,SAAQ,CAACzB,MAAOmB,GAAelB,EACtD,EAEayB,EAAW,WACtB,IAAMC,EAAUC,EAAWjC,GAC3B,QAAgBE,IAAZ8B,EACF,MAAUE,MAAM,gDAElB,OAAOF,CACT"}

package/dist/src/components/Table/context/TableRowMenuContext/TableRowMenuContext.js

@@ -1,2 +0,0 @@
-import{slicedToArray as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import n,{useState as o,useRef as r,useCallback as t,useMemo as u,useContext as i,createContext as l}from"react";var v=l(void 0),c=function(i){var l=i.value,c=i.children,a=l.tableRootRef,d=l.hoveredRowRef,s=l.isMenuOpen,R=l.resetHoveredRow,f=l.setHoveredRowRef,w=l.setIsMenuOpen,M=o(0),p=e(M,2),b=p[0],m=p[1],h=r(!1),g=t((function(e){if(!s){f(e);var n=a.current.getBoundingClientRect().top,o=e.current.getBoundingClientRect().top;m(o-n)}}),[s,f,a]),H=t((function(){s||h.current||f(null)}),[s,f]),T=t((function(){h.current=!0}),[]),B=t((function(){h.current=!1,s||(null==d?void 0:d.current)||f(null)}),[s,d,f]),O=t((function(){w(!0)}),[w]),P=t((function(){w(!1)}),[w]),C=u((function(){var e;return{hoveredRowId:null===(e=null==d?void 0:d.current)||void 0===e?void 0:e.id,resetHoveredRow:R,menuButtonPosition:b,onMouseOverRow:g,onMouseLeaveRow:H,onMouseOverRowMenu:T,onMouseLeaveRowMenu:B,setTableMenuShown:O,setTableMenuHidden:P}}),[d,R,b,H,B,g,T,O,P]);return n.createElement(v.Provider,{value:C},c)},a=function(){var e=i(v);if(!e)throw Error("useTableRowMenuContext must be used within a TableRowMenuProvider");return e};export{c as TableRowMenuProvider,a as useTableRowMenu};
-//# sourceMappingURL=TableRowMenuContext.js.map

package/dist/src/components/Table/context/TableRowMenuContext/TableRowMenuContext.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"TableRowMenuContext.js","sources":["../../../../../../src/components/Table/context/TableRowMenuContext/TableRowMenuContext.tsx"],"sourcesContent":["import React, { createContext, useCallback, useContext, useMemo, useRef, useState } from \"react\";\nimport {\n  type TableRowMenuContext as ITableRowMenuContext,\n  type TableRowMenuProviderProps\n} from \"./TableRowMenuContext.types\";\n\nconst TableRowMenuContext = createContext<ITableRowMenuContext | undefined>(undefined);\n\nexport const TableRowMenuProvider = ({ value, children }: TableRowMenuProviderProps) => {\n  const { tableRootRef, hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef, setIsMenuOpen } = value;\n  const [menuButtonPosition, setMenuButtonPosition] = useState(0);\n  const isMenuHovered = useRef(false);\n\n  const onMouseOverRow = useCallback(\n    (rowRef: React.RefObject<HTMLDivElement>) => {\n      if (isMenuOpen) return;\n\n      setHoveredRowRef(rowRef);\n      const tableRootTop = tableRootRef.current.getBoundingClientRect().top;\n      const rowTop = rowRef.current.getBoundingClientRect().top;\n      setMenuButtonPosition(rowTop - tableRootTop);\n    },\n    [isMenuOpen, setHoveredRowRef, tableRootRef]\n  );\n\n  const onMouseLeaveRow = useCallback(() => {\n    if (isMenuOpen || isMenuHovered.current) return;\n    setHoveredRowRef(null);\n  }, [isMenuOpen, setHoveredRowRef]);\n\n  const onMouseOverRowMenu = useCallback(() => {\n    isMenuHovered.current = true;\n  }, []);\n\n  const onMouseLeaveRowMenu = useCallback(() => {\n    isMenuHovered.current = false;\n    if (isMenuOpen) return;\n\n    if (!hoveredRowRef?.current) {\n      setHoveredRowRef(null);\n    }\n  }, [isMenuOpen, hoveredRowRef, setHoveredRowRef]);\n\n  const setTableMenuShown = useCallback(() => {\n    setIsMenuOpen(true);\n  }, [setIsMenuOpen]);\n\n  const setTableMenuHidden = useCallback(() => {\n    setIsMenuOpen(false);\n  }, [setIsMenuOpen]);\n\n  const contextValue = useMemo<ITableRowMenuContext>(\n    () => ({\n      hoveredRowId: hoveredRowRef?.current?.id,\n      resetHoveredRow,\n      menuButtonPosition,\n      onMouseOverRow,\n      onMouseLeaveRow,\n      onMouseOverRowMenu,\n      onMouseLeaveRowMenu,\n      setTableMenuShown,\n      setTableMenuHidden\n    }),\n    [\n      hoveredRowRef,\n      resetHoveredRow,\n      menuButtonPosition,\n      onMouseLeaveRow,\n      onMouseLeaveRowMenu,\n      onMouseOverRow,\n      onMouseOverRowMenu,\n      setTableMenuShown,\n      setTableMenuHidden\n    ]\n  );\n\n  return <TableRowMenuContext.Provider value={contextValue}>{children}</TableRowMenuContext.Provider>;\n};\n\nexport const useTableRowMenu = () => {\n  const context = useContext(TableRowMenuContext);\n  if (!context) {\n    throw new Error(\"useTableRowMenuContext must be used within a TableRowMenuProvider\");\n  }\n  return context;\n};\n"],"names":["TableRowMenuContext","createContext","undefined","TableRowMenuProvider","_ref","value","children","tableRootRef","hoveredRowRef","isMenuOpen","resetHoveredRow","setHoveredRowRef","setIsMenuOpen","_useState","useState","_useState2","_slicedToArray","menuButtonPosition","setMenuButtonPosition","isMenuHovered","useRef","onMouseOverRow","useCallback","rowRef","tableRootTop","current","getBoundingClientRect","top","rowTop","onMouseLeaveRow","onMouseOverRowMenu","onMouseLeaveRowMenu","setTableMenuShown","setTableMenuHidden","contextValue","useMemo","hoveredRowId","_a","id","React","createElement","Provider","useTableRowMenu","context","useContext","Error"],"mappings":"sMAMA,IAAMA,EAAsBC,OAAgDC,GAE/DC,EAAuB,SAAHC,GAAsD,IAAhDC,EAAKD,EAALC,MAAOC,EAAQF,EAARE,SACpCC,EAA8FF,EAA9FE,aAAcC,EAAgFH,EAAhFG,cAAeC,EAAiEJ,EAAjEI,WAAYC,EAAqDL,EAArDK,gBAAiBC,EAAoCN,EAApCM,iBAAkBC,EAAkBP,EAAlBO,cACpFC,EAAoDC,EAAS,GAAEC,EAAAC,EAAAH,EAAA,GAAxDI,EAAkBF,EAAA,GAAEG,EAAqBH,EAAA,GAC1CI,EAAgBC,GAAO,GAEvBC,EAAiBC,GACrB,SAACC,GACC,IAAId,EAAJ,CAEAE,EAAiBY,GACjB,IAAMC,EAAejB,EAAakB,QAAQC,wBAAwBC,IAC5DC,EAASL,EAAOE,QAAQC,wBAAwBC,IACtDT,EAAsBU,EAASJ,EALf,CAMjB,GACD,CAACf,EAAYE,EAAkBJ,IAG3BsB,EAAkBP,GAAY,WAC9Bb,GAAcU,EAAcM,SAChCd,EAAiB,KACnB,GAAG,CAACF,EAAYE,IAEVmB,EAAqBR,GAAY,WACrCH,EAAcM,SAAU,CACzB,GAAE,IAEGM,EAAsBT,GAAY,WACtCH,EAAcM,SAAU,EACpBhB,IAECD,aAAA,EAAAA,EAAeiB,UAClBd,EAAiB,KAEpB,GAAE,CAACF,EAAYD,EAAeG,IAEzBqB,EAAoBV,GAAY,WACpCV,GAAc,EAChB,GAAG,CAACA,IAEEqB,EAAqBX,GAAY,WACrCV,GAAc,EAChB,GAAG,CAACA,IAEEsB,EAAeC,GACnB,iBAAM,MAAC,CACLC,aAAoC,QAAtBC,EAAA7B,eAAAA,EAAeiB,eAAO,IAAAY,OAAA,EAAAA,EAAEC,GACtC5B,gBAAAA,EACAO,mBAAAA,EACAI,eAAAA,EACAQ,gBAAAA,EACAC,mBAAAA,EACAC,oBAAAA,EACAC,kBAAAA,EACAC,mBAAAA,EACA,GACF,CACEzB,EACAE,EACAO,EACAY,EACAE,EACAV,EACAS,EACAE,EACAC,IAIJ,OAAOM,EAAAC,cAACxC,EAAoByC,SAAQ,CAACpC,MAAO6B,GAAe5B,EAC7D,EAEaoC,EAAkB,WAC7B,IAAMC,EAAUC,EAAW5C,GAC3B,IAAK2C,EACH,MAAUE,MAAM,qEAElB,OAAOF,CACT"}

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

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

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

@@ -1 +0,0 @@
-{"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 \"@vibe/base-list\";\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":"+TAQMA,IAAAA,EAAOC,GACX,SAAAC,EAgBEC,GACE,IAdAC,EAAEF,EAAFE,GAAEC,EAAAH,EACFI,GAAAA,OAAK,IAAHD,EAAG,KAAIA,EACTE,EAAQL,EAARK,SACcC,EAASN,EAAvB,cACoBO,EAAeP,EAAnC,oBAAkBQ,EAAAR,EAClBS,KAAAA,OAAO,IAAHD,EAAG,UAASA,EAAAE,EAAAV,EAChBW,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EACdE,EAASZ,EAATY,UAASC,EAAAb,EACTc,aAAAA,OAAe,IAAHD,GAAQA,EACpBE,EAAiBf,EAAjBe,kBACAC,EAAahB,EAAbgB,cACeC,EAAUjB,EAAzB,eAIF,OACEkB,EAAAC,cAACC,EAAQ,CACPnB,IAAKA,EACLC,GAAIA,EACJmB,UAAWC,EAAGC,EAAOC,KApBdxB,EAATqB,WAqBEjB,GAAIA,EACQ,aAAAE,qBACMC,EAClBE,KAAMA,EACNE,KAAMA,EACNC,UAAWA,EACXE,aAAcA,EACdC,kBAAmBA,EACnBC,cAAeA,EAAa,cACfC,GAAcQ,EAAUC,EAAuBC,KAAMzB,GACvD,YAAA0B,EAAgBD,MAE1BtB,EAGP"}

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

@@ -1,2 +0,0 @@
-var e={list:"list_3ff14939b1"};!function(e){const t="s_id-39e4d9ed645a_4_5_27";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_3ff14939b1 {\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/List.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"List.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -1,2 +0,0 @@
-import e,{forwardRef as t,useMemo as o,useCallback as n}from"react";import l from"../../../../../components/base-list/dist/BaseItem/BaseItem.js";var r=t((function(t,r){var i=t.className,a=t.id,s=t.label,d=t.value,m=t.selected,c=void 0!==m&&m,u=t.disabled,f=void 0!==u&&u,p=t.readOnly,v=void 0!==p&&p,E=t.dir,b=t.role,h=t.startElement,P=t.endElement,g=t.tooltipProps,k=t.onClick,y=t.onHover,B=t["data-testid"],C=o((function(){return{label:s,value:null!=d?d:s,disabled:f,startElement:h,endElement:P,tooltipProps:g}}),[s,d,f,h,P,g]),I=n((function(e){!f&&k&&k(e)}),[f,k]),N=n((function(e){!f&&y&&y(e)}),[f,y]),O=o((function(){return{onClick:I,onMouseEnter:N,onFocus:N,"data-testid":B}}),[I,N,B]);return e.createElement(l,{ref:r,className:i,id:a,item:C,selected:c,highlighted:!1,readOnly:v,dir:E,role:b,itemProps:O})}));export{r as default};
-//# sourceMappingURL=ListItem.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ListItem.js","sources":["../../../../../../src/components/next/List/ListItem/ListItem.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo } from \"react\";\nimport { BaseItem, type BaseItemData } from \"@vibe/base-list\";\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":"iJAIMA,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"}

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

@@ -1,2 +0,0 @@
-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 a}from"../../../../tests/testIds.js";import{ComponentVibeId as o}from"../../../../tests/constants.js";import l from"./ListTitle.module.scss.js";import{useBaseList as m}from"../../../../../components/base-list/dist/BaseList/context/BaseListContext.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,L=s.sticky,v=void 0!==L&&L,j=s["data-testid"],x=m(),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(l.listTitle,l[y],t({},l.sticky,v),c),"data-testid":j||r(a.LIST_TITLE,f),"data-vibe":o.LIST_TITLE},u)}));export{d as default};
-//# sourceMappingURL=ListTitle.js.map

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

@@ -1 +0,0 @@
-{"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 \"@vibe/base-list\";\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":"ugBASMA,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"}

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

@@ -1,2 +0,0 @@
-var e={listTitle:"listTitle_720c9097dc",small:"small_d140699282",medium:"medium_469c023fa3",large:"large_469c023fa3",sticky:"sticky_6c9bbc747b"};!function(e){const n="s_id-7bd0f1d1374d_4_5_27";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_720c9097dc {\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_d140699282 {\n  padding: var(--space-16) var(--space-8) var(--space-8);\n}\n.medium_469c023fa3 {\n  padding: var(--space-16) 12px var(--space-8);\n}\n.large_469c023fa3 {\n  padding: var(--space-16) 12px var(--space-8);\n}\n.sticky_6c9bbc747b {\n  position: sticky;\n  inset-block-start: 0;\n  background-color: var(--primary-background-color);\n  z-index: 1;\n}");export{e as default};
-//# sourceMappingURL=ListTitle.module.scss.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ListTitle.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/constants/keyCodes.js

@@ -1,2 +0,0 @@
-var r={ENTER:"Enter",SPACE:" ",ESCAPE:"Escape",DOWN_ARROW:"ArrowDown",UP_ARROW:"ArrowUp",LEFT_ARROW:"ArrowLeft",RIGHT_ARROW:"ArrowRight",TAB:"Tab",HOME:"Home",END:"End",PAGE_UP:"PageUp",PAGE_DOWN:"PageDown"},A=["Enter"," "],E=["ArrowUp","ArrowDown"];export{A as SELECTION_KEYS,E as UP_DOWN_ARROWS,r as keyCodes};
-//# sourceMappingURL=keyCodes.js.map

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

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

package/dist/src/constants/sizes.js

@@ -1,2 +0,0 @@
-var l,m,s={SMALL:"small",MEDIUM:"medium",LARGE:"large"},L=Object.assign({XXS:"xxs",XS:"xs"},s);!function(l){l.SMALL="small",l.MEDIUM="medium",l.LARGE="large"}(l||(l={})),function(l){l.XXS="xxs",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large"}(m||(m={}));export{s as BASE_SIZES,l as BaseSizes,L as SIZES,m as Sizes};
-//# sourceMappingURL=sizes.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

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

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

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

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

@@ -1,2 +0,0 @@
-function e(e){var t=e.isItemSelectable,r=e.visualFocusItemIndex,i=e.itemsCount;if(i-1>=r)for(var n=1;i>=n;n++){var u=(r+n)%i;if(t(u))return u}}function t(e){for(var t=e.isItemSelectable,r=e.visualFocusItemIndex,i=e.itemsCount,n=1;i-1>=n;n++){var u=r-n;if(0>u&&(u=i+u),t(u))return u}}export{e as getNextSelectableIndex,t as getPreviousSelectableIndex};
-//# sourceMappingURL=useActiveDescendantListFocusHelpers.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"useActiveDescendantListFocusHelpers.js","sources":["../../../../src/hooks/useActiveDescendantListFocus/useActiveDescendantListFocusHelpers.ts"],"sourcesContent":["type ActiveDependentHelper = {\n  isItemSelectable: (index: number) => boolean;\n  visualFocusItemIndex: number;\n  itemsCount: number;\n};\n\nexport function getNextSelectableIndex({ isItemSelectable, visualFocusItemIndex, itemsCount }: ActiveDependentHelper) {\n  if (visualFocusItemIndex > itemsCount - 1) return;\n  // Go over all the next items until found one which is selectable\n  for (let offset = 1; offset <= itemsCount; offset++) {\n    const nextIndex = (visualFocusItemIndex + offset) % itemsCount;\n    if (isItemSelectable(nextIndex)) {\n      return nextIndex;\n    }\n  }\n}\nexport function getPreviousSelectableIndex({\n  isItemSelectable,\n  visualFocusItemIndex,\n  itemsCount\n}: ActiveDependentHelper) {\n  for (let offset = 1; offset <= itemsCount - 1; offset++) {\n    let prevIndex = visualFocusItemIndex - offset;\n    if (prevIndex < 0) {\n      prevIndex = itemsCount + prevIndex;\n    }\n    if (isItemSelectable(prevIndex)) {\n      return prevIndex;\n    }\n  }\n}\n"],"names":["getNextSelectableIndex","_ref","isItemSelectable","visualFocusItemIndex","itemsCount","offset","nextIndex","getPreviousSelectableIndex","_ref2","prevIndex"],"mappings":"AAMM,SAAUA,EAAsBC,GAA8E,IAA3EC,EAAgBD,EAAhBC,iBAAkBC,EAAoBF,EAApBE,qBAAsBC,EAAUH,EAAVG,WAC/E,GAA2BA,EAAa,GAApCD,EAEJ,IAAK,IAAIE,EAAS,EAAaD,GAAVC,EAAsBA,IAAU,CACnD,IAAMC,GAAaH,EAAuBE,GAAUD,EACpD,GAAIF,EAAiBI,GACnB,OAAOA,CAEX,CACF,CACM,SAAUC,EAA0BC,GAKxC,IADsB,IAHtBN,EAAgBM,EAAhBN,iBACAC,EAAoBK,EAApBL,qBACAC,EAAUI,EAAVJ,WAESC,EAAS,EAAaD,EAAa,GAAvBC,EAA0BA,IAAU,CACvD,IAAII,EAAYN,EAAuBE,EAIvC,GAHgB,EAAZI,IACFA,EAAYL,EAAaK,GAEvBP,EAAiBO,GACnB,OAAOA,CAEX,CACF"}

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

@@ -1,2 +0,0 @@
-import{useCallback as e,useMemo as t,useEffect as n,useRef as s}from"react";import{getNextSelectableIndex as o,getPreviousSelectableIndex as i}from"./useActiveDescendantListFocusHelpers.js";import u from"../useListenFocusTriggers/index.js";import c from"../../../hooks/dist/usePrevious/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,u=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,u>-1)||(e===f?t=o({isItemSelectable:m,visualFocusItemIndex:u,itemsCount:n}):e===v&&(t=i({isItemSelectable:m,visualFocusItemIndex:u,itemsCount:n})),t>-1&&t!==u&&c(t)))}),[s,I,f,v,u,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,o=n.focusedElementRef,i=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&&i>t)&&l(t)&&(s!==t&&u(t),c(e,t))}),[i,c,l,s,u]),b=e((function(e){o.current.contains(document.activeElement)&&F(e,s)}),[F,o,s]);r(Object.assign({keys:v,callback:b},d))}function f(t){var s=t.focusedElementRef,o=t.visualFocusItemIndex,i=t.setVisualFocusItemIndex,u=c(s),r=e((function(){-1!==o&&i(-1)}),[i,o]);n((function(){null===(null==s?void 0:s.current)&&null!==(null==u?void 0:u.current)&&r()}),[s.current,u,r]),l({eventName:"blur",ref:s,callback:r})}function v(t){var n=t.focusedElementRef,i=t.isItemSelectable,c=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,c!==m)&&(e=i(m)?m:o({isItemSelectable:i,itemsCount:l,visualFocusItemIndex:m}),r(e))}),[m,i,l,r,d,c]),f=e((function(){d.current=!1}),[d]);return u({ref:n,onFocusByKeyboard:I,onFocusByMouse:f}),{triggeredByKeyboard:d}}function F(e){var t=e.visualFocusItemIndex,s=e.itemsIds,i=e.isItemSelectable,u=e.setVisualFocusItemIndex,r=c(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(i(e))u(e);else{var n=o({isItemSelectable:i,visualFocusItemIndex:e,itemsCount:s.length});u(n)}}),[t,s,i,u,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

@@ -1 +0,0 @@
-{"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 \"@vibe/hooks\";\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/useListenFocusTriggers/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":["../../../../src/hooks/useListenFocusTriggers/index.ts"],"sourcesContent":["import useEventListener from \"../useEventListener\";\nimport { type RefObject, useCallback, useRef } from \"react\";\n\nexport default function useListenFocusTriggers({\n  ref,\n  onFocusByKeyboard,\n  onFocusByMouse\n}: {\n  ref: RefObject<HTMLElement>;\n  onFocusByKeyboard?: (event: FocusEvent) => void;\n  onFocusByMouse?: (event: FocusEvent) => void;\n}) {\n  const isElementMouseDown = useRef(false);\n\n  const onMouseDown = useCallback(() => {\n    isElementMouseDown.current = true;\n  }, [isElementMouseDown]);\n\n  const onFocus = useCallback(\n    (e: FocusEvent) => {\n      // if focus triggered by mouse down, call onFocusByMouse\n      if (isElementMouseDown.current) {\n        onFocusByMouse?.(e);\n      } else {\n        onFocusByKeyboard?.(e);\n      }\n    },\n    [onFocusByKeyboard, onFocusByMouse]\n  );\n  const onMouseUp = useCallback(() => {\n    isElementMouseDown.current = false;\n  }, [isElementMouseDown]);\n\n  useEventListener({\n    eventName: \"mousedown\",\n    ref,\n    callback: onMouseDown\n  });\n\n  useEventListener({\n    eventName: \"focus\",\n    ref,\n    callback: onFocus\n  });\n\n  useEventListener({\n    eventName: \"mouseup\",\n    ref,\n    callback: onMouseUp\n  });\n}\n"],"names":["useListenFocusTriggers","_ref","ref","onFocusByKeyboard","onFocusByMouse","isElementMouseDown","useRef","onMouseDown","useCallback","current","onFocus","e","onMouseUp","useEventListener","eventName","callback"],"mappings":"kIAGc,SAAUA,EAAsBC,GAQ7C,IAPCC,EAAGD,EAAHC,IACAC,EAAiBF,EAAjBE,kBACAC,EAAcH,EAAdG,eAMMC,EAAqBC,GAAO,GAE5BC,EAAcC,GAAY,WAC9BH,EAAmBI,SAAU,CAC/B,GAAG,CAACJ,IAEEK,EAAUF,GACd,SAACG,GAEKN,EAAmBI,QACrBL,SAAAA,EAAiBO,GAEjBR,SAAAA,EAAoBQ,EAExB,GACA,CAACR,EAAmBC,IAEhBQ,EAAYJ,GAAY,WAC5BH,EAAmBI,SAAU,CAC/B,GAAG,CAACJ,IAEJQ,EAAiB,CACfC,UAAW,YACXZ,IAAAA,EACAa,SAAUR,IAGZM,EAAiB,CACfC,UAAW,QACXZ,IAAAA,EACAa,SAAUL,IAGZG,EAAiB,CACfC,UAAW,UACXZ,IAAAA,EACAa,SAAUH,GAEd"}