@vibe/core 4.2.1 → 4.2.3

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

@@ -1 +1 @@
-{"version":3,"file":"Table.js","sources":["../../../../../../src/components/Table/Table/Table.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  type ReactElement,\n  type UIEventHandler,\n  useCallback,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport cx from \"classnames\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type TableHeaderProps } from \"../TableHeader/TableHeader\";\nimport { type TableBodyProps } from \"../TableBody/TableBody\";\nimport { getTableRowLayoutStyles } from \"./tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { RowHeights } from \"./TableConsts\";\nimport { type RowSizes } from \"./Table.types\";\nimport styles from \"./Table.module.scss\";\nimport { TableProvider } from \"../context/TableContext/TableContext\";\nimport { TableRowMenuProvider } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { type TableProviderValue } from \"../context/TableContext/TableContext.types\";\nimport { type TableRowMenuProviderValue } from \"../context/TableRowMenuContext/TableRowMenuContext.types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport type TableLoadingStateType = \"long-text\" | \"medium-text\" | \"circle\" | \"rectangle\";\n\ntype Width = number | `${number}%` | `${number}px` | `${number}fr`;\n\nexport interface TableColumn {\n  /**\n   * Unique identifier for the column.\n   */\n  id: string;\n  /**\n   * Column title displayed in the header.\n   */\n  title: string;\n  /**\n   * Additional information displayed as a tooltip.\n   */\n  infoContent?: string;\n  /**\n   * Column width configuration.\n   */\n  width?: Width | { min: Width; max: Width };\n  /**\n   * Icon displayed next to the column title.\n   */\n  icon?: SubIcon;\n  /**\n   * Loading state type for the column when data is being fetched.\n   */\n  loadingStateType?: TableLoadingStateType;\n}\n\nexport interface TableProps extends VibeComponentProps {\n  /**\n   * Defines the columns of the table.\n   */\n  columns: TableColumn[];\n  /**\n   * State of the data being displayed (loading or error).\n   */\n  dataState?: {\n    isLoading?: boolean;\n    isError?: boolean;\n  };\n  /**\n   * React element displayed when there is an error state.\n   */\n  errorState: ReactElement;\n  /**\n   * React element displayed when there is no data.\n   */\n  emptyState: ReactElement;\n  /**\n   * Custom styles for the table.\n   */\n  style?: React.CSSProperties;\n  /**\n   * The child components inside the table, such as `<TableHeader />` and `<TableBody />`.\n   */\n  children?:\n    | ReactElement<TableHeaderProps>\n    | ReactElement<TableBodyProps>\n    | Array<ReactElement<TableHeaderProps> | ReactElement<TableBodyProps>>;\n  /**\n   * The row size of the table.\n   */\n  size?: RowSizes;\n  /**\n   * If true, removes the table's outer border.\n   */\n  withoutBorder?: boolean;\n}\n\nconst Table = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      columns,\n      errorState,\n      emptyState,\n      dataState,\n      style,\n      children,\n      size = \"medium\",\n      withoutBorder\n    }: TableProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const tableRootRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRef(ref, tableRootRef);\n\n    const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n    const [hoveredRowRef, setHoveredRowRef] = useState<React.RefObject<HTMLDivElement>>(null);\n\n    const resetHoveredRow = useCallback(() => {\n      setIsMenuOpen(false);\n      setHoveredRowRef(null);\n    }, []);\n\n    const [isVirtualized, setIsVirtualized] = useState<boolean>(false);\n    const markTableAsVirtualized = useCallback(() => {\n      setIsVirtualized(true);\n    }, []);\n\n    const [isScrolled, setIsScrolled] = useState<boolean>(false);\n\n    const onScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n      e => {\n        resetHoveredRow();\n        if (!isVirtualized) {\n          const newLeft = (e.target as HTMLDivElement).scrollLeft;\n          const hasScroll = newLeft > 0;\n          setIsScrolled(prevScroll => (prevScroll !== hasScroll ? hasScroll : prevScroll));\n        }\n      },\n      [resetHoveredRow, isVirtualized]\n    );\n\n    const { gridTemplateColumns } = getTableRowLayoutStyles(columns);\n\n    /**\n     * The `--table-grid-template-columns` and `--table-row-size` variables will be available under each <Table /> scope\n     * and will be consumed in the stylesheets of its children (<TableHeader />, <TableRow />, <TableHeaderCell />)\n     */\n    const calculatedStyle = {\n      \"--table-grid-template-columns\": gridTemplateColumns,\n      \"--table-row-size\": `${RowHeights[size]}px`,\n      ...style\n    } as React.CSSProperties;\n\n    const tableProviderValue = useMemo<TableProviderValue>(\n      () => ({\n        columns,\n        dataState,\n        emptyState,\n        errorState,\n        size,\n        tableRootRef,\n        isVirtualized,\n        markTableAsVirtualized,\n        isScrolled,\n        setIsScrolled: (scrollLeft: boolean) => setIsScrolled(scrollLeft)\n      }),\n      [columns, dataState, emptyState, errorState, isVirtualized, markTableAsVirtualized, isScrolled, size]\n    );\n\n    const tableRowMenuProviderValue = useMemo<TableRowMenuProviderValue>(\n      () => ({\n        tableRootRef,\n        hoveredRowRef,\n        isMenuOpen,\n        resetHoveredRow,\n        setHoveredRowRef: (rowRef: React.RefObject<HTMLDivElement>) => setHoveredRowRef(rowRef),\n        setIsMenuOpen: (isOpen: boolean) => setIsMenuOpen(isOpen)\n      }),\n      [hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef]\n    );\n\n    return (\n      <TableProvider value={tableProviderValue}>\n        <TableRowMenuProvider value={tableRowMenuProviderValue}>\n          <div\n            ref={mergedRef}\n            id={id}\n            className={cx(\n              styles.table,\n              {\n                [styles.border]: !withoutBorder,\n                [styles.virtualized]: isVirtualized,\n                [styles.hasScroll]: isScrolled\n              },\n              className\n            )}\n            data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE, id)}\n            data-vibe={ComponentVibeId.TABLE}\n            role=\"table\"\n            style={calculatedStyle}\n            onScroll={onScroll}\n          >\n            {children}\n          </div>\n        </TableRowMenuProvider>\n      </TableProvider>\n    );\n  }\n);\n\nexport default Table;\n"],"names":["Table","forwardRef","_ref","ref","id","className","dataTestId","columns","errorState","emptyState","dataState","style","children","_ref$size","size","withoutBorder","tableRootRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isMenuOpen","setIsMenuOpen","_useState3","_useState4","hoveredRowRef","setHoveredRowRef","resetHoveredRow","useCallback","_useState5","_useState6","isVirtualized","setIsVirtualized","markTableAsVirtualized","_useState7","_useState8","isScrolled","setIsScrolled","onScroll","e","hasScroll","target","scrollLeft","prevScroll","_getTableRowLayoutSty","getTableRowLayoutStyles","calculatedStyle","Object","assign","gridTemplateColumns","concat","RowHeights","tableProviderValue","useMemo","tableRowMenuProviderValue","rowRef","isOpen","React","createElement","TableProvider","value","TableRowMenuProvider","cx","styles","table","_defineProperty","border","virtualized","getTestId","ComponentDefaultTestId","TABLE","ComponentVibeId","role"],"mappings":"8sBAkGMA,IAAAA,EAAQC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WACAC,EAAUP,EAAVO,WACAC,EAASR,EAATQ,UACAC,EAAKT,EAALS,MACAC,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAAab,EAAba,cAIIC,EAAeC,EAAuB,MACtCC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAAoCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAArDI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAChCI,EAA0CL,EAA0C,MAAKM,EAAAJ,EAAAG,EAAA,GAAlFE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAkBC,GAAY,WAClCN,GAAc,GACdI,EAAiB,KAClB,GAAE,IAEHG,EAA0CX,GAAkB,GAAMY,EAAAV,EAAAS,EAAA,GAA3DE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAChCG,EAAyBL,GAAY,WACzCI,GAAiB,EAClB,GAAE,IAEHE,EAAoChB,GAAkB,GAAMiB,EAAAf,EAAAc,EAAA,GAArDE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAWV,GACf,SAAAW,GAEE,GADAZ,KACKI,EAAe,CAClB,IACMS,EADWD,EAAEE,OAA0BC,WACjB,EAC5BL,GAAc,SAAAM,GAAU,OAAKA,IAAeH,EAAYA,EAAYG,CAAU,GAChF,CACF,GACA,CAAChB,EAAiBI,IAGpBa,EAAgCC,EAAwBzC,GAMlD0C,EAAkBC,OAAAC,OAAA,CACtB,gCAPyBJ,EAAnBK,oBAQN,sBAAkBC,OAAKC,EAAWxC,GAAK,OACpCH,GAGC4C,GAAqBC,GACzB,WAAA,MAAO,CACLjD,QAAAA,EACAG,UAAAA,EACAD,WAAAA,EACAD,WAAAA,EACAM,KAAAA,EACAE,aAAAA,EACAkB,cAAAA,EACAE,uBAAAA,EACAG,WAAAA,EACAC,cAAe,SAACK,GAAmB,OAAKL,EAAcK,EAAW,EAClE,GACD,CAACtC,EAASG,EAAWD,EAAYD,EAAY0B,EAAeE,EAAwBG,EAAYzB,IAG5F2C,GAA4BD,GAChC,WAAA,MAAO,CACLxC,aAAAA,EACAY,cAAAA,EACAJ,WAAAA,EACAM,gBAAAA,EACAD,iBAAkB,SAAC6B,GAAuC,OAAK7B,EAAiB6B,EAAO,EACvFjC,cAAe,SAACkC,GAAe,OAAKlC,EAAckC,EAAO,EACzD,GACF,CAAC/B,EAAeJ,EAAYM,EAAiBD,IAG/C,OACE+B,EAACC,cAAAC,EAAc,CAAAC,MAAOR,IACpBK,EAAAC,cAACG,EAAoB,CAACD,MAAON,IAC3BG,EAAAC,cAAA,MAAA,CACE1D,IAAKe,EACLd,GAAIA,EACJC,UAAW4D,EACTC,EAAOC,MAAKC,EAAAA,EAAAA,EAAA,CAAA,EAETF,EAAOG,QAAUtD,GACjBmD,EAAOI,YAAcpC,GACrBgC,EAAOvB,UAAYJ,GAEtBlC,GAEW,cAAAC,GAAciE,EAAUC,EAAuBC,MAAOrE,GAAG,YAC3DsE,EAAgBD,MAC3BE,KAAK,QACLhE,MAAOsC,EACPR,SAAUA,GAET7B,IAKX"}
+{"version":3,"file":"Table.js","sources":["../../../../../../src/components/Table/Table/Table.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  type ReactElement,\n  type UIEventHandler,\n  useCallback,\n  useMemo,\n  useRef,\n  useState\n} from \"react\";\nimport cx from \"classnames\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type TableHeaderProps } from \"../TableHeader/TableHeader\";\nimport { type TableBodyProps } from \"../TableBody/TableBody\";\nimport { getTableRowLayoutStyles } from \"./tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { RowHeights } from \"./TableConsts\";\nimport { type RowSizes } from \"./Table.types\";\nimport styles from \"./Table.module.scss\";\nimport { TableProvider } from \"../context/TableContext/TableContext\";\nimport { TableRowMenuProvider } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { type TableProviderValue } from \"../context/TableContext/TableContext.types\";\nimport { type TableRowMenuProviderValue } from \"../context/TableRowMenuContext/TableRowMenuContext.types\";\nimport { type SubIcon } from \"@vibe/icon\";\n\nexport type TableLoadingStateType = \"long-text\" | \"medium-text\" | \"circle\" | \"rectangle\";\n\ntype Width = number | `${number}%` | `${number}px` | `${number}fr`;\n\nexport interface TableColumn {\n  /**\n   * Unique identifier for the column.\n   */\n  id: string;\n  /**\n   * Column title displayed in the header.\n   */\n  title: string;\n  /**\n   * Additional information displayed as a tooltip.\n   */\n  infoContent?: string;\n  /**\n   * Column width configuration.\n   */\n  width?: Width | { min: Width; max: Width };\n  /**\n   * Icon displayed next to the column title.\n   */\n  icon?: SubIcon;\n  /**\n   * Loading state type for the column when data is being fetched.\n   */\n  loadingStateType?: TableLoadingStateType;\n}\n\nexport interface TableProps extends VibeComponentProps {\n  /**\n   * Defines the columns of the table.\n   */\n  columns: TableColumn[];\n  /**\n   * State of the data being displayed (loading or error).\n   */\n  dataState?: {\n    isLoading?: boolean;\n    isError?: boolean;\n  };\n  /**\n   * React element displayed when there is an error state.\n   */\n  errorState: ReactElement;\n  /**\n   * React element displayed when there is no data.\n   */\n  emptyState: ReactElement;\n  /**\n   * Custom styles for the table.\n   */\n  style?: React.CSSProperties;\n  /**\n   * The child components inside the table, such as `<TableHeader />` and `<TableBody />`.\n   */\n  children?:\n    | ReactElement<TableHeaderProps>\n    | ReactElement<TableBodyProps>\n    | Array<ReactElement<TableHeaderProps> | ReactElement<TableBodyProps>>;\n  /**\n   * The row size of the table.\n   */\n  size?: RowSizes;\n  /**\n   * If true, removes the table's outer border.\n   */\n  withoutBorder?: boolean;\n}\n\nconst Table = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      columns,\n      errorState,\n      emptyState,\n      dataState,\n      style,\n      children,\n      size = \"medium\",\n      withoutBorder\n    }: TableProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const tableRootRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRef(ref, tableRootRef);\n\n    const [isMenuOpen, setIsMenuOpen] = useState<boolean>(false);\n    const [hoveredRowRef, setHoveredRowRef] = useState<React.RefObject<HTMLDivElement>>(null);\n\n    const resetHoveredRow = useCallback(() => {\n      setIsMenuOpen(false);\n      setHoveredRowRef(null);\n    }, []);\n\n    const [isVirtualized, setIsVirtualized] = useState<boolean>(false);\n    const markTableAsVirtualized = useCallback(() => {\n      setIsVirtualized(true);\n    }, []);\n\n    const [isScrolled, setIsScrolled] = useState<boolean>(false);\n\n    const onScroll = useCallback<UIEventHandler<HTMLDivElement>>(\n      e => {\n        resetHoveredRow();\n        if (!isVirtualized) {\n          const newLeft = (e.target as HTMLDivElement).scrollLeft;\n          const hasScroll = newLeft > 0;\n          setIsScrolled(prevScroll => (prevScroll !== hasScroll ? hasScroll : prevScroll));\n        }\n      },\n      [resetHoveredRow, isVirtualized]\n    );\n\n    const { gridTemplateColumns } = getTableRowLayoutStyles(columns);\n\n    /**\n     * The `--table-grid-template-columns` and `--table-row-size` variables will be available under each <Table /> scope\n     * and will be consumed in the stylesheets of its children (<TableHeader />, <TableRow />, <TableHeaderCell />)\n     */\n    const calculatedStyle = {\n      \"--table-grid-template-columns\": gridTemplateColumns,\n      \"--table-row-size\": `${RowHeights[size]}px`,\n      ...style\n    } as React.CSSProperties;\n\n    const tableProviderValue = useMemo<TableProviderValue>(\n      () => ({\n        columns,\n        dataState,\n        emptyState,\n        errorState,\n        size,\n        tableRootRef,\n        isVirtualized,\n        markTableAsVirtualized,\n        isScrolled,\n        setIsScrolled: (scrollLeft: boolean) => setIsScrolled(scrollLeft)\n      }),\n      [columns, dataState, emptyState, errorState, isVirtualized, markTableAsVirtualized, isScrolled, size]\n    );\n\n    const tableRowMenuProviderValue = useMemo<TableRowMenuProviderValue>(\n      () => ({\n        tableRootRef,\n        hoveredRowRef,\n        isMenuOpen,\n        resetHoveredRow,\n        setHoveredRowRef: (rowRef: React.RefObject<HTMLDivElement>) => setHoveredRowRef(rowRef),\n        setIsMenuOpen: (isOpen: boolean) => setIsMenuOpen(isOpen)\n      }),\n      [hoveredRowRef, isMenuOpen, resetHoveredRow, setHoveredRowRef]\n    );\n\n    return (\n      <TableProvider value={tableProviderValue}>\n        <TableRowMenuProvider value={tableRowMenuProviderValue}>\n          <div\n            ref={mergedRef}\n            id={id}\n            className={cx(\n              styles.table,\n              {\n                [styles.border]: !withoutBorder,\n                [styles.virtualized]: isVirtualized,\n                [styles.hasScroll]: isScrolled\n              },\n              className\n            )}\n            data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE, id)}\n            data-vibe={ComponentVibeId.TABLE}\n            role=\"table\"\n            style={calculatedStyle}\n            onScroll={onScroll}\n          >\n            {children}\n          </div>\n        </TableRowMenuProvider>\n      </TableProvider>\n    );\n  }\n);\n\nexport default Table;\n"],"names":["Table","forwardRef","_ref","ref","id","className","dataTestId","columns","errorState","emptyState","dataState","style","children","_ref$size","size","withoutBorder","tableRootRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isMenuOpen","setIsMenuOpen","_useState3","_useState4","hoveredRowRef","setHoveredRowRef","resetHoveredRow","useCallback","_useState5","_useState6","isVirtualized","setIsVirtualized","markTableAsVirtualized","_useState7","_useState8","isScrolled","setIsScrolled","onScroll","e","hasScroll","target","scrollLeft","prevScroll","_getTableRowLayoutSty","getTableRowLayoutStyles","calculatedStyle","Object","assign","gridTemplateColumns","concat","RowHeights","tableProviderValue","useMemo","tableRowMenuProviderValue","rowRef","isOpen","React","createElement","TableProvider","value","TableRowMenuProvider","cx","styles","table","_defineProperty","border","virtualized","getTestId","ComponentDefaultTestId","TABLE","ComponentVibeId","role"],"mappings":"2sBAkGA,IAAMA,EAAQC,GACZ,SAAAC,EAcEC,GACE,IAbAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAOL,EAAPK,QACAC,EAAUN,EAAVM,WACAC,EAAUP,EAAVO,WACAC,EAASR,EAATQ,UACAC,EAAKT,EAALS,MACAC,EAAQV,EAARU,SAAQC,EAAAX,EACRY,KAAAA,OAAI,IAAAD,EAAG,SAAQA,EACfE,EAAab,EAAba,cAIIC,EAAeC,EAAuB,MACtCC,EAAYC,EAAYhB,EAAKa,GAEnCI,EAAoCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAArDI,EAAUF,EAAA,GAAEG,EAAaH,EAAA,GAChCI,EAA0CL,EAA0C,MAAKM,EAAAJ,EAAAG,EAAA,GAAlFE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAEhCG,EAAkBC,GAAY,WAClCN,GAAc,GACdI,EAAiB,KACnB,GAAG,IAEHG,EAA0CX,GAAkB,GAAMY,EAAAV,EAAAS,EAAA,GAA3DE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GAChCG,EAAyBL,GAAY,WACzCI,GAAiB,EACnB,GAAG,IAEHE,EAAoChB,GAAkB,GAAMiB,EAAAf,EAAAc,EAAA,GAArDE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAWV,GACf,SAAAW,GAEE,GADAZ,KACKI,EAAe,CAClB,IACMS,EADWD,EAAEE,OAA0BC,WACjB,EAC5BL,GAAc,SAAAM,GAAU,OAAKA,IAAeH,EAAYA,EAAYG,CAAU,GAChF,CACF,GACA,CAAChB,EAAiBI,IAGpBa,EAAgCC,EAAwBzC,GAMlD0C,EAAkBC,OAAAC,OAAA,CACtB,gCAPyBJ,EAAnBK,oBAQN,sBAAkBC,OAAKC,EAAWxC,GAAK,OACpCH,GAGC4C,GAAqBC,GACzB,WAAA,MAAO,CACLjD,QAAAA,EACAG,UAAAA,EACAD,WAAAA,EACAD,WAAAA,EACAM,KAAAA,EACAE,aAAAA,EACAkB,cAAAA,EACAE,uBAAAA,EACAG,WAAAA,EACAC,cAAe,SAACK,GAAmB,OAAKL,EAAcK,EAAW,EAClE,GACD,CAACtC,EAASG,EAAWD,EAAYD,EAAY0B,EAAeE,EAAwBG,EAAYzB,IAG5F2C,GAA4BD,GAChC,WAAA,MAAO,CACLxC,aAAAA,EACAY,cAAAA,EACAJ,WAAAA,EACAM,gBAAAA,EACAD,iBAAkB,SAAC6B,GAAuC,OAAK7B,EAAiB6B,EAAO,EACvFjC,cAAe,SAACkC,GAAe,OAAKlC,EAAckC,EAAO,EAC1D,GACD,CAAC/B,EAAeJ,EAAYM,EAAiBD,IAG/C,OACE+B,EAAAC,cAACC,EAAa,CAACC,MAAOR,IACpBK,EAAAC,cAACG,EAAoB,CAACD,MAAON,IAC3BG,EAAAC,cAAA,MAAA,CACE1D,IAAKe,EACLd,GAAIA,EACJC,UAAW4D,EACTC,EAAOC,MAAKC,EAAAA,EAAAA,EAAA,CAAA,EAETF,EAAOG,QAAUtD,GACjBmD,EAAOI,YAAcpC,GACrBgC,EAAOvB,UAAYJ,GAEtBlC,GACD,cACYC,GAAciE,EAAUC,EAAuBC,MAAOrE,GAAG,YAC3DsE,EAAgBD,MAC3BE,KAAK,QACLhE,MAAOsC,EACPR,SAAUA,GAET7B,IAKX"}

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

@@ -1,2 +1,2 @@
-var r={table:"table",border:"border",virtualized:"virtualized",hasScroll:"hasScroll"};!function(r){const e="s_id-a9ed4419fbb6_4_2_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const l=document.createElement("style");l.id=e,o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}("/* stylelint-disable */\n/* stylelint-enable */\n.table {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table.border {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table.virtualized {\n  overflow: hidden;\n}\n.table.hasScroll {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
+var r={table:"table",border:"border",virtualized:"virtualized",hasScroll:"hasScroll"};!function(r){const e="s_id-a9ed4419fbb6_4_2_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const l=document.createElement("style");l.id=e,o.firstChild?o.insertBefore(l,o.firstChild):o.appendChild(l),l.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}("/* stylelint-disable */\n/* stylelint-enable */\n.table {\n  --sticky-cell-hover-background: linear-gradient(\n      to right,\n      var(--primary-background-hover-color),\n      var(--primary-background-hover-color)\n    ),\n    linear-gradient(to right, var(--primary-background-color), var(--primary-background-color));\n  background-color: var(--primary-background-color);\n  overflow: auto;\n  width: 100%;\n  height: 100%;\n}\n.table::-webkit-scrollbar {\n  width: 6px;\n  height: 6px;\n}\n.table::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.table.border {\n  border: 1px solid var(--layout-border-color);\n  border-radius: var(--border-radius-small);\n}\n.table [role=rowgroup] [role=row] > [role=cell] {\n  border-bottom: 1px solid var(--layout-border-color);\n}\n.table [role=rowgroup] > [role=row]:last-of-type > [role=cell] {\n  border-bottom: none;\n}\n.table.virtualized {\n  overflow: hidden;\n}\n.table.hasScroll {\n  --sticky-cell-box-shadow: 3px 0 4px rgba(0, 0, 0, 0.1);\n}");export{r as default};
 //# sourceMappingURL=Table.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/Table/TableConsts.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableConsts.js","sources":["../../../../../../src/components/Table/Table/TableConsts.ts"],"sourcesContent":["export const SKELETON_ROWS_AMOUNT = 5;\n\n/**\n * @deprecated\n */\nexport enum RowSizes {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\"\n}\n\nexport const RowHeights = {\n  [RowSizes.SMALL]: 32,\n  [RowSizes.MEDIUM]: 40,\n  [RowSizes.LARGE]: 48\n};\n"],"names":["RowSizes","SKELETON_ROWS_AMOUNT","RowHeights","_defineProperty","SMALL","MEDIUM","LARGE"],"mappings":"mFAAO,IAKKA,EALCC,EAAuB,GAKpC,SAAYD,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAEM,IAAME,EAAUC,EAAAA,EAAAA,EAAA,CAAA,EACpBH,EAASI,MAAQ,IACjBJ,EAASK,OAAS,IAClBL,EAASM,MAAQ"}
+{"version":3,"file":"TableConsts.js","sources":["../../../../../../src/components/Table/Table/TableConsts.ts"],"sourcesContent":["export const SKELETON_ROWS_AMOUNT = 5;\n\n/**\n * @deprecated\n */\nexport enum RowSizes {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\"\n}\n\nexport const RowHeights = {\n  [RowSizes.SMALL]: 32,\n  [RowSizes.MEDIUM]: 40,\n  [RowSizes.LARGE]: 48\n};\n"],"names":["RowSizes","SKELETON_ROWS_AMOUNT","RowHeights","_defineProperty","SMALL","MEDIUM","LARGE"],"mappings":"mFAAO,IAKKA,EALCC,EAAuB,GAKpC,SAAYD,GACVA,EAAA,MAAA,QACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAAQ,CAAA,IAMb,IAAME,EAAUC,EAAAA,EAAAA,EAAA,CAAA,EACpBH,EAASI,MAAQ,IACjBJ,EAASK,OAAS,IAClBL,EAASM,MAAQ"}

package/dist/mocked_classnames/src/components/Table/Table/tableHelpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"tableHelpers.js","sources":["../../../../../../src/components/Table/Table/tableHelpers.ts"],"sourcesContent":["import { type AriaAttributes } from \"react\";\nimport type React from \"react\";\nimport { type TableColumn, type TableLoadingStateType } from \"./Table\";\nimport { Sort } from \"@vibe/icons\";\nimport { type TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport { SortAscending, SortDescending } from \"@vibe/icons\";\nimport { type SkeletonType } from \"../../../components/Skeleton/Skelton.types\";\nexport function generateWidth(width: TableColumn[\"width\"]): string {\n  if (typeof width === \"number\") {\n    return `${width}px`;\n  } else if (typeof width === \"string\") {\n    return /%|px|fr$/.test(width) ? width : `${width}px`;\n  } else if (width?.min && width?.max) {\n    return `minmax(${generateWidth(width.min)}, ${generateWidth(width.max)})`;\n  } else {\n    return \"minmax(112px, 1fr)\";\n  }\n}\n\nexport function getTableRowLayoutStyles(columns: TableColumn[], style: React.CSSProperties = {}): React.CSSProperties {\n  return {\n    ...style,\n    display: \"grid\",\n    gridTemplateColumns: columns.map(cell => generateWidth(cell.width)).join(\" \")\n  };\n}\n\nexport function getSortIcon(sortState: TableHeaderCellProps[\"sortState\"]) {\n  if (sortState === \"asc\") {\n    return SortAscending;\n  } else if (sortState === \"desc\") {\n    return SortDescending;\n  } else {\n    return Sort;\n  }\n}\n\nexport function getNextSortState(sortState: TableHeaderCellProps[\"sortState\"]): TableHeaderCellProps[\"sortState\"] {\n  if (sortState === \"asc\") {\n    return \"desc\";\n  } else if (sortState === \"desc\") {\n    return \"none\";\n  } else {\n    return \"asc\";\n  }\n}\n\nexport function getAriaSort(sortState: TableHeaderCellProps[\"sortState\"]): AriaAttributes[\"aria-sort\"] {\n  if (sortState === \"asc\") {\n    return \"ascending\";\n  }\n  if (sortState === \"desc\") {\n    return \"descending\";\n  }\n  return \"none\";\n}\n\nexport function getSkeletonType(loadingStateType: TableLoadingStateType): SkeletonType {\n  if (loadingStateType === \"circle\") {\n    return \"circle\";\n  }\n  if (loadingStateType === \"rectangle\") {\n    return \"rectangle\";\n  }\n  return \"text\";\n}\n\nexport function getLoadingTypeForCell(\n  loadingStateType: TableLoadingStateType,\n  rowIndex: number\n): TableLoadingStateType {\n  return loadingStateType === \"long-text\"\n    ? ([\"long-text\", \"medium-text\"] as TableLoadingStateType[])[rowIndex % 2]\n    : loadingStateType;\n}\n"],"names":["generateWidth","width","concat","test","min","max","getTableRowLayoutStyles","columns","Object","assign","display","gridTemplateColumns","map","cell","join","getSortIcon","sortState","SortAscending","SortDescending","Sort","getNextSortState","getAriaSort","getSkeletonType","loadingStateType","getLoadingTypeForCell","rowIndex"],"mappings":"0EAOM,SAAUA,EAAcC,GAC5B,MAAqB,iBAAVA,EACTC,GAAAA,OAAUD,EAAK,MACW,iBAAVA,EACT,WAAWE,KAAKF,GAASA,EAAKC,GAAAA,OAAMD,EAAS,OAC3CA,aAAA,EAAAA,EAAOG,OAAOH,aAAA,EAAAA,EAAOI,KAC9B,UAAAH,OAAiBF,EAAcC,EAAMG,KAAIF,MAAAA,OAAKF,EAAcC,EAAMI,KAAI,KAE/D,oBAEX,UAEgBC,EAAwBC,GACtC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,yDAD2F,CAAA,GAEjF,CACRC,QAAS,OACTC,oBAAqBJ,EAAQK,KAAI,SAAAC,GAAI,OAAIb,EAAca,EAAKZ,UAAQa,KAAK,MAE7E,CAEM,SAAUC,EAAYC,GAC1B,MAAkB,QAAdA,EACKC,EACgB,SAAdD,EACFE,EAEAC,CAEX,CAEM,SAAUC,EAAiBJ,GAC/B,MAAkB,QAAdA,EACK,OACgB,SAAdA,EACF,OAEA,KAEX,CAEM,SAAUK,EAAYL,GAC1B,MAAkB,QAAdA,EACK,YAES,SAAdA,EACK,aAEF,MACT,CAEM,SAAUM,EAAgBC,GAC9B,MAAyB,WAArBA,EACK,SAEgB,cAArBA,EACK,YAEF,MACT,CAEgB,SAAAC,EACdD,EACAE,GAEA,MAA4B,cAArBF,EACF,CAAC,YAAa,eAA2CE,EAAW,GACrEF,CACN"}
+{"version":3,"file":"tableHelpers.js","sources":["../../../../../../src/components/Table/Table/tableHelpers.ts"],"sourcesContent":["import { type AriaAttributes } from \"react\";\nimport type React from \"react\";\nimport { type TableColumn, type TableLoadingStateType } from \"./Table\";\nimport { Sort } from \"@vibe/icons\";\nimport { type TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport { SortAscending, SortDescending } from \"@vibe/icons\";\nimport { type SkeletonType } from \"../../../components/Skeleton/Skelton.types\";\nexport function generateWidth(width: TableColumn[\"width\"]): string {\n  if (typeof width === \"number\") {\n    return `${width}px`;\n  } else if (typeof width === \"string\") {\n    return /%|px|fr$/.test(width) ? width : `${width}px`;\n  } else if (width?.min && width?.max) {\n    return `minmax(${generateWidth(width.min)}, ${generateWidth(width.max)})`;\n  } else {\n    return \"minmax(112px, 1fr)\";\n  }\n}\n\nexport function getTableRowLayoutStyles(columns: TableColumn[], style: React.CSSProperties = {}): React.CSSProperties {\n  return {\n    ...style,\n    display: \"grid\",\n    gridTemplateColumns: columns.map(cell => generateWidth(cell.width)).join(\" \")\n  };\n}\n\nexport function getSortIcon(sortState: TableHeaderCellProps[\"sortState\"]) {\n  if (sortState === \"asc\") {\n    return SortAscending;\n  } else if (sortState === \"desc\") {\n    return SortDescending;\n  } else {\n    return Sort;\n  }\n}\n\nexport function getNextSortState(sortState: TableHeaderCellProps[\"sortState\"]): TableHeaderCellProps[\"sortState\"] {\n  if (sortState === \"asc\") {\n    return \"desc\";\n  } else if (sortState === \"desc\") {\n    return \"none\";\n  } else {\n    return \"asc\";\n  }\n}\n\nexport function getAriaSort(sortState: TableHeaderCellProps[\"sortState\"]): AriaAttributes[\"aria-sort\"] {\n  if (sortState === \"asc\") {\n    return \"ascending\";\n  }\n  if (sortState === \"desc\") {\n    return \"descending\";\n  }\n  return \"none\";\n}\n\nexport function getSkeletonType(loadingStateType: TableLoadingStateType): SkeletonType {\n  if (loadingStateType === \"circle\") {\n    return \"circle\";\n  }\n  if (loadingStateType === \"rectangle\") {\n    return \"rectangle\";\n  }\n  return \"text\";\n}\n\nexport function getLoadingTypeForCell(\n  loadingStateType: TableLoadingStateType,\n  rowIndex: number\n): TableLoadingStateType {\n  return loadingStateType === \"long-text\"\n    ? ([\"long-text\", \"medium-text\"] as TableLoadingStateType[])[rowIndex % 2]\n    : loadingStateType;\n}\n"],"names":["generateWidth","width","concat","test","min","max","getTableRowLayoutStyles","columns","Object","assign","display","gridTemplateColumns","map","cell","join","getSortIcon","sortState","SortAscending","SortDescending","Sort","getNextSortState","getAriaSort","getSkeletonType","loadingStateType","getLoadingTypeForCell","rowIndex"],"mappings":"0EAOM,SAAUA,EAAcC,GAC5B,MAAqB,iBAAVA,EACT,GAAAC,OAAUD,EAAK,MACW,iBAAVA,EACT,WAAWE,KAAKF,GAASA,EAAK,GAAAC,OAAMD,EAAK,OACvCA,aAAK,EAALA,EAAOG,OAAOH,aAAK,EAALA,EAAOI,KAC9B,UAAAH,OAAiBF,EAAcC,EAAMG,KAAI,MAAAF,OAAKF,EAAcC,EAAMI,KAAI,KAE/D,oBAEX,UAEgBC,EAAwBC,GACtC,OAAAC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,yDAD2F,CAAA,GAEjF,CACRC,QAAS,OACTC,oBAAqBJ,EAAQK,KAAI,SAAAC,GAAI,OAAIb,EAAca,EAAKZ,MAAM,IAAEa,KAAK,MAE7E,CAEM,SAAUC,EAAYC,GAC1B,MAAkB,QAAdA,EACKC,EACgB,SAAdD,EACFE,EAEAC,CAEX,CAEM,SAAUC,EAAiBJ,GAC/B,MAAkB,QAAdA,EACK,OACgB,SAAdA,EACF,OAEA,KAEX,CAEM,SAAUK,EAAYL,GAC1B,MAAkB,QAAdA,EACK,YAES,SAAdA,EACK,aAEF,MACT,CAEM,SAAUM,EAAgBC,GAC9B,MAAyB,WAArBA,EACK,SAEgB,cAArBA,EACK,YAEF,MACT,CAEM,SAAUC,EACdD,EACAE,GAEA,MAA4B,cAArBF,EACF,CAAC,YAAa,eAA2CE,EAAW,GACrEF,CACN"}

package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.js

@@ -1,2 +1,2 @@
-import{toConsumableArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as r}from"react";import a from"classnames";import o from"../TableRow/TableRow.js";import s from"./TableBody.module.scss.js";import{useTable as l}from"../context/TableContext/TableContext.js";import m from"../TableCellSkeleton/TableCellSkeleton.js";import{SKELETON_ROWS_AMOUNT as n}from"../Table/TableConsts.js";import{getLoadingTypeForCell as i}from"../Table/tableHelpers.js";import{getTestId as p}from"../../../tests/testIds.js";import{ComponentDefaultTestId as c}from"../../../tests/constants.js";var d=r((function(r,d){var f=r.id,b=r.className,u=r["data-testid"],T=r.children,y=l(),j=y.emptyState,C=y.errorState,S=y.columns,g=y.dataState||{},v=g.isLoading,A=g.isError,B=e(Array(n)).map((function(e,r){return t.createElement(o,{key:r},S.map((function(e,a){var o=e.loadingStateType;return t.createElement(m,{key:"".concat(r,"-").concat(a),type:i(o,r)})})))}));return t.createElement("div",{ref:d,id:f,className:a(s.tableBody,b),"data-testid":u||p(c.TABLE_BODY,f),role:"rowgroup"},v?B:A?C:!T||Array.isArray(T)&&0===T.length?j:T)}));export{d as default};
+import{toConsumableArray as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as r}from"react";import a from"classnames";import o from"../TableRow/TableRow.js";import l from"./TableBody.module.scss.js";import{useTable as s}from"../context/TableContext/TableContext.js";import m from"../TableCellSkeleton/TableCellSkeleton.js";import{SKELETON_ROWS_AMOUNT as n}from"../Table/TableConsts.js";import{getLoadingTypeForCell as i}from"../Table/tableHelpers.js";import{getTestId as p}from"../../../../testIds.js";import{ComponentDefaultTestId as c}from"../../../tests/constants.js";var d=r((function(r,d){var f=r.id,b=r.className,u=r["data-testid"],T=r.children,y=s(),j=y.emptyState,C=y.errorState,S=y.columns,g=y.dataState||{},v=g.isLoading,A=g.isError,B=e(Array(n)).map((function(e,r){return t.createElement(o,{key:r},S.map((function(e,a){var o=e.loadingStateType;return t.createElement(m,{key:"".concat(r,"-").concat(a),type:i(o,r)})})))}));return t.createElement("div",{ref:d,id:f,className:a(l.tableBody,b),"data-testid":u||p(c.TABLE_BODY,f),role:"rowgroup"},v?B:A?C:!T||Array.isArray(T)&&0===T.length?j:T)}));export{d as default};
 //# sourceMappingURL=TableBody.js.map

package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableBody.js","sources":["../../../../../../src/components/Table/TableBody/TableBody.tsx"],"sourcesContent":["import React, { type ReactElement, type ComponentProps, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport TableRow, { type TableRowProps } from \"../TableRow/TableRow\";\nimport type VirtualizedList from \"../../VirtualizedList/VirtualizedList\";\nimport styles from \"./TableBody.module.scss\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport TableCellSkeleton from \"../TableCellSkeleton/TableCellSkeleton\";\nimport { SKELETON_ROWS_AMOUNT } from \"../Table/TableConsts\";\nimport { getLoadingTypeForCell } from \"../Table/tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nexport interface TableBodyProps extends VibeComponentProps {\n  /**\n   * The child components inside the table body, such as `<TableRow />` elements.\n   */\n  children?:\n    | ReactElement<TableRowProps>\n    | ReactElement<TableRowProps>[]\n    | ReactElement<ComponentProps<typeof VirtualizedList>>;\n}\n\nconst TableBody = forwardRef(\n  ({ id, className, \"data-testid\": dataTestId, children }: TableBodyProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n    const { dataState, emptyState, errorState, columns } = useTable();\n    const { isLoading, isError } = dataState || {};\n\n    const skeletonRender = [...new Array(SKELETON_ROWS_AMOUNT)].map((_, rowIndex) => (\n      <TableRow key={rowIndex}>\n        {columns.map(({ loadingStateType }, columnIndex) => (\n          <TableCellSkeleton\n            key={`${rowIndex}-${columnIndex}`}\n            type={getLoadingTypeForCell(loadingStateType, rowIndex)}\n          />\n        ))}\n      </TableRow>\n    ));\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={cx(styles.tableBody, className)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_BODY, id)}\n        role=\"rowgroup\"\n      >\n        {isLoading\n          ? skeletonRender\n          : isError\n          ? errorState\n          : !children || (Array.isArray(children) && children.length === 0)\n          ? emptyState\n          : children}\n      </div>\n    );\n  }\n);\n\nexport default TableBody;\n"],"names":["TableBody","forwardRef","_ref","ref","id","className","dataTestId","children","_useTable","useTable","emptyState","errorState","columns","_ref2","dataState","isLoading","isError","skeletonRender","_toConsumableArray","Array","SKELETON_ROWS_AMOUNT","map","_","rowIndex","React","TableRow","key","_ref3","columnIndex","loadingStateType","createElement","TableCellSkeleton","concat","type","getLoadingTypeForCell","cx","styles","tableBody","getTestId","ComponentDefaultTestId","TABLE_BODY","role","isArray","length"],"mappings":"8lBAuBMA,IAAAA,EAAYC,GAChB,SAAAC,EAAyEC,GAA2C,IAAjHC,EAAEF,EAAFE,GAAIC,EAASH,EAATG,UAA0BC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SAC3CC,EAAuDC,IAApCC,EAAUF,EAAVE,WAAYC,EAAUH,EAAVG,WAAYC,EAAOJ,EAAPI,QAC3CC,EADiBL,EAATM,WACoC,CAAE,EAAtCC,EAASF,EAATE,UAAWC,EAAOH,EAAPG,QAEbC,EAAiBC,EAAQC,MAAMC,IAAuBC,KAAI,SAACC,EAAGC,GAAQ,OAC1EC,gBAACC,EAAQ,CAACC,IAAKH,GACZX,EAAQS,KAAI,SAAAM,EAAuBC,GAAW,IAA/BC,EAAgBF,EAAhBE,iBAAgB,OAC9BL,EAACM,cAAAC,EACC,CAAAL,IAAG,GAAAM,OAAKT,OAAQS,OAAIJ,GACpBK,KAAMC,EAAsBL,EAAkBN,IAEjD,IACQ,IAGb,OACEC,EACEM,cAAA,MAAA,CAAA3B,IAAKA,EACLC,GAAIA,EACJC,UAAW8B,EAAGC,EAAOC,UAAWhC,iBACnBC,GAAcgC,EAAUC,EAAuBC,WAAYpC,GACxEqC,KAAK,YAEJ1B,EACGE,EACAD,EACAL,GACCJ,GAAaY,MAAMuB,QAAQnC,IAAiC,IAApBA,EAASoC,OAClDjC,EACAH,EAGV"}
+{"version":3,"file":"TableBody.js","sources":["../../../../../../src/components/Table/TableBody/TableBody.tsx"],"sourcesContent":["import React, { type ReactElement, type ComponentProps, forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport TableRow, { type TableRowProps } from \"../TableRow/TableRow\";\nimport type VirtualizedList from \"../../VirtualizedList/VirtualizedList\";\nimport styles from \"./TableBody.module.scss\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport TableCellSkeleton from \"../TableCellSkeleton/TableCellSkeleton\";\nimport { SKELETON_ROWS_AMOUNT } from \"../Table/TableConsts\";\nimport { getLoadingTypeForCell } from \"../Table/tableHelpers\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nexport interface TableBodyProps extends VibeComponentProps {\n  /**\n   * The child components inside the table body, such as `<TableRow />` elements.\n   */\n  children?:\n    | ReactElement<TableRowProps>\n    | ReactElement<TableRowProps>[]\n    | ReactElement<ComponentProps<typeof VirtualizedList>>;\n}\n\nconst TableBody = forwardRef(\n  ({ id, className, \"data-testid\": dataTestId, children }: TableBodyProps, ref: React.ForwardedRef<HTMLDivElement>) => {\n    const { dataState, emptyState, errorState, columns } = useTable();\n    const { isLoading, isError } = dataState || {};\n\n    const skeletonRender = [...new Array(SKELETON_ROWS_AMOUNT)].map((_, rowIndex) => (\n      <TableRow key={rowIndex}>\n        {columns.map(({ loadingStateType }, columnIndex) => (\n          <TableCellSkeleton\n            key={`${rowIndex}-${columnIndex}`}\n            type={getLoadingTypeForCell(loadingStateType, rowIndex)}\n          />\n        ))}\n      </TableRow>\n    ));\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={cx(styles.tableBody, className)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_BODY, id)}\n        role=\"rowgroup\"\n      >\n        {isLoading\n          ? skeletonRender\n          : isError\n          ? errorState\n          : !children || (Array.isArray(children) && children.length === 0)\n          ? emptyState\n          : children}\n      </div>\n    );\n  }\n);\n\nexport default TableBody;\n"],"names":["TableBody","forwardRef","_ref","ref","id","className","dataTestId","children","_useTable","useTable","emptyState","errorState","columns","_ref2","dataState","isLoading","isError","skeletonRender","_toConsumableArray","Array","SKELETON_ROWS_AMOUNT","map","_","rowIndex","React","TableRow","key","_ref3","columnIndex","loadingStateType","createElement","TableCellSkeleton","concat","type","getLoadingTypeForCell","cx","styles","tableBody","getTestId","ComponentDefaultTestId","TABLE_BODY","role","isArray","length"],"mappings":"2lBAuBA,IAAMA,EAAYC,GAChB,SAAAC,EAAyEC,GAA2C,IAAjHC,EAAEF,EAAFE,GAAIC,EAASH,EAATG,UAA0BC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SAC3CC,EAAuDC,IAApCC,EAAUF,EAAVE,WAAYC,EAAUH,EAAVG,WAAYC,EAAOJ,EAAPI,QAC3CC,EADiBL,EAATM,WACoC,CAAA,EAApCC,EAASF,EAATE,UAAWC,EAAOH,EAAPG,QAEbC,EAAiBC,EAAQC,MAAMC,IAAuBC,KAAI,SAACC,EAAGC,GAAQ,OAC1EC,gBAACC,EAAQ,CAACC,IAAKH,GACZX,EAAQS,KAAI,SAAAM,EAAuBC,GAAW,IAA/BC,EAAgBF,EAAhBE,iBAAgB,OAC9BL,EAAAM,cAACC,EAAiB,CAChBL,IAAG,GAAAM,OAAKT,OAAQS,OAAIJ,GACpBK,KAAMC,EAAsBL,EAAkBN,IAC9C,IAEK,IAGb,OACEC,EAAAM,cAAA,MAAA,CACE3B,IAAKA,EACLC,GAAIA,EACJC,UAAW8B,EAAGC,EAAOC,UAAWhC,iBACnBC,GAAcgC,EAAUC,EAAuBC,WAAYpC,GACxEqC,KAAK,YAEJ1B,EACGE,EACAD,EACAL,GACCJ,GAAaY,MAAMuB,QAAQnC,IAAiC,IAApBA,EAASoC,OAClDjC,EACAH,EAGV"}

package/dist/mocked_classnames/src/components/Table/TableBody/TableBody.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableBody:"tableBody"};!function(e){const t="s_id-afed3a5f5737_4_2_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody {\n  height: 100%;\n}");export{e as default};
+var e={tableBody:"tableBody"};!function(e){const t="s_id-afed3a5f5737_4_2_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableBody {\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableBody.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.js

@@ -1,2 +1,2 @@
-import{typeof as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as s}from"react";import{Text as a}from"@vibe/typography/mockedClassNames";import o from"./TableCell.module.scss.js";import l from"classnames";import{getTestId as i}from"../../../tests/testIds.js";import{ComponentDefaultTestId as m}from"../../../tests/constants.js";var c=s((function(s,c){var n=s.sticky,p=s.id,d=s.className,f=s["data-testid"],u=s.children,y=1===r.Children.count(u),C=e(r.Children.toArray(u)[0]),b="string"===C||"number"===C;return r.createElement("div",{ref:c,id:p,className:l(o.tableCell,t({},o.sticky,n),d),"data-testid":f||i(m.TABLE_CELL,p),role:"cell"},y&&b?r.createElement(a,{type:"text2",color:"primary"},u):u)}));export{c as default};
+import{typeof as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as s}from"react";import{Text as a}from"@vibe/typography/mockedClassNames";import o from"./TableCell.module.scss.js";import l from"classnames";import{getTestId as i}from"../../../../testIds.js";import{ComponentDefaultTestId as m}from"../../../tests/constants.js";var c=s((function(s,c){var n=s.sticky,p=s.id,d=s.className,f=s["data-testid"],u=s.children,y=1===r.Children.count(u),C=e(r.Children.toArray(u)[0]),b="string"===C||"number"===C;return r.createElement("div",{ref:c,id:p,className:l(o.tableCell,t({},o.sticky,n),d),"data-testid":f||i(m.TABLE_CELL,p),role:"cell"},y&&b?r.createElement(a,{type:"text2",color:"primary"},u):u)}));export{c as default};
 //# sourceMappingURL=TableCell.js.map

package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCell.js","sources":["../../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./TableCell.module.scss\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nexport interface TableCellProps extends VibeComponentProps {\n  /**\n   * The content inside the table cell.\n   */\n  children?: React.ReactNode;\n  /**\n   * If true, makes the cell sticky (typically used for frozen columns).\n   */\n  sticky?: boolean;\n}\n\nconst TableCell = forwardRef(\n  (\n    { sticky, id, className, \"data-testid\": dataTestId, children }: TableCellProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const isSingleChild = React.Children.count(children) === 1;\n    const typeOfFirstChild = typeof React.Children.toArray(children)[0];\n    const isFirstChildString = typeOfFirstChild === \"string\" || typeOfFirstChild === \"number\";\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={cx(styles.tableCell, { [styles.sticky]: sticky }, className)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_CELL, id)}\n        role=\"cell\"\n      >\n        {isSingleChild && isFirstChildString ? (\n          <Text type=\"text2\" color=\"primary\">\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    );\n  }\n);\n\nexport default TableCell;\n"],"names":["TableCell","forwardRef","_ref","ref","sticky","id","className","dataTestId","children","isSingleChild","React","Children","count","typeOfFirstChild","_typeof","toArray","isFirstChildString","createElement","cx","styles","tableCell","_defineProperty","getTestId","ComponentDefaultTestId","TABLE_CELL","role","Text","type","color"],"mappings":"6XAmBMA,IAAAA,EAAYC,GAChB,SAAAC,EAEEC,GACE,IAFAC,EAAMF,EAANE,OAAQC,EAAEH,EAAFG,GAAIC,EAASJ,EAATI,UAA0BC,EAAUL,EAAzB,eAA2BM,EAAQN,EAARM,SAG9CC,EAAmD,IAAnCC,EAAMC,SAASC,MAAMJ,GACrCK,EAAgBC,EAAUJ,EAAMC,SAASI,QAAQP,GAAU,IAC3DQ,EAA0C,WAArBH,GAAsD,WAArBA,EAE5D,OACEH,EAAAO,cAAA,MAAA,CACEd,IAAKA,EACLE,GAAIA,EACJC,UAAWY,EAAGC,EAAOC,UAASC,EAAKF,GAAAA,EAAOf,OAASA,GAAUE,GAChD,cAAAC,GAAce,EAAUC,EAAuBC,WAAYnB,GACxEoB,KAAK,QAEJhB,GAAiBO,EAChBN,EAAAO,cAACS,EAAK,CAAAC,KAAK,QAAQC,MAAM,WACtBpB,GAGHA,EAIR"}
+{"version":3,"file":"TableCell.js","sources":["../../../../../../src/components/Table/TableCell/TableCell.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { Text } from \"@vibe/typography\";\nimport styles from \"./TableCell.module.scss\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\n\nexport interface TableCellProps extends VibeComponentProps {\n  /**\n   * The content inside the table cell.\n   */\n  children?: React.ReactNode;\n  /**\n   * If true, makes the cell sticky (typically used for frozen columns).\n   */\n  sticky?: boolean;\n}\n\nconst TableCell = forwardRef(\n  (\n    { sticky, id, className, \"data-testid\": dataTestId, children }: TableCellProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const isSingleChild = React.Children.count(children) === 1;\n    const typeOfFirstChild = typeof React.Children.toArray(children)[0];\n    const isFirstChildString = typeOfFirstChild === \"string\" || typeOfFirstChild === \"number\";\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={cx(styles.tableCell, { [styles.sticky]: sticky }, className)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_CELL, id)}\n        role=\"cell\"\n      >\n        {isSingleChild && isFirstChildString ? (\n          <Text type=\"text2\" color=\"primary\">\n            {children}\n          </Text>\n        ) : (\n          children\n        )}\n      </div>\n    );\n  }\n);\n\nexport default TableCell;\n"],"names":["TableCell","forwardRef","_ref","ref","sticky","id","className","dataTestId","children","isSingleChild","React","Children","count","typeOfFirstChild","_typeof","toArray","isFirstChildString","createElement","cx","styles","tableCell","_defineProperty","getTestId","ComponentDefaultTestId","TABLE_CELL","role","Text","type","color"],"mappings":"0XAmBA,IAAMA,EAAYC,GAChB,SAAAC,EAEEC,GACE,IAFAC,EAAMF,EAANE,OAAQC,EAAEH,EAAFG,GAAIC,EAASJ,EAATI,UAA0BC,EAAUL,EAAzB,eAA2BM,EAAQN,EAARM,SAG9CC,EAAmD,IAAnCC,EAAMC,SAASC,MAAMJ,GACrCK,EAAgBC,EAAUJ,EAAMC,SAASI,QAAQP,GAAU,IAC3DQ,EAA0C,WAArBH,GAAsD,WAArBA,EAE5D,OACEH,EAAAO,cAAA,MAAA,CACEd,IAAKA,EACLE,GAAIA,EACJC,UAAWY,EAAGC,EAAOC,UAASC,EAAA,GAAKF,EAAOf,OAASA,GAAUE,GAAU,cAC1DC,GAAce,EAAUC,EAAuBC,WAAYnB,GACxEoB,KAAK,QAEJhB,GAAiBO,EAChBN,EAAAO,cAACS,EAAI,CAACC,KAAK,QAAQC,MAAM,WACtBpB,GAGHA,EAIR"}

package/dist/mocked_classnames/src/components/Table/TableCell/TableCell.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableCell:"tableCell",sticky:"sticky"};!function(e){const t="s_id-391f4300ac17_4_2_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell.sticky {\n  z-index: 1;\n  position: sticky;\n  inset-inline-start: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
+var e={tableCell:"tableCell",sticky:"sticky"};!function(e){const t="s_id-391f4300ac17_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const l=document.createElement("style");l.id=t,n.firstChild?n.insertBefore(l,n.firstChild):n.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableCell {\n  padding: 9px 16px;\n  overflow: hidden;\n  display: flex;\n  align-items: center;\n}\n.tableCell.sticky {\n  z-index: 1;\n  position: sticky;\n  inset-inline-start: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}");export{e as default};
 //# sourceMappingURL=TableCell.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableCellSkeleton.js","sources":["../../../../../../src/components/Table/TableCellSkeleton/TableCellSkeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport TableCell from \"../TableCell/TableCell\";\nimport Skeleton from \"../../Skeleton/Skeleton\";\nimport styles from \"./TableCellSkeleton.module.scss\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type TableLoadingStateType } from \"../Table/Table\";\nimport { getSkeletonType } from \"../Table/tableHelpers\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface TableCellSkeletonProps extends VibeComponentProps {\n  /**\n   * The type of loading state for the skeleton.\n   */\n  type?: TableLoadingStateType;\n  /**\n   * If true, renders a shorter skeleton for text-based loading states.\n   */\n  short?: boolean;\n}\n\nconst TableCellSkeleton: React.FC<TableCellSkeletonProps> = ({ type = \"long-text\" }) => {\n  const isText = [\"long-text\", \"medium-text\"].includes(type);\n  return (\n    <TableCell>\n      <Skeleton\n        type={getSkeletonType(type)}\n        wrapperClassName={cx(styles.tableCellSkeletonWrapper, getStyle(styles, camelCase(type)))}\n        className={cx(styles.tableCellSkeleton, { [getStyle(styles, camelCase(type))]: !isText })}\n        fullWidth\n      />\n    </TableCell>\n  );\n};\n\nexport default TableCellSkeleton;\n"],"names":["TableCellSkeleton","_ref","_ref$type","type","isText","includes","React","TableCell","createElement","Skeleton","getSkeletonType","wrapperClassName","cx","styles","tableCellSkeletonWrapper","getStyle","camelCase","className","tableCellSkeleton","_defineProperty","fullWidth"],"mappings":"iZAsBA,IAAMA,EAAsD,SAArCC,GAAgE,IAAAC,EAAAD,EAAxBE,KAAAA,OAAO,IAAHD,EAAG,YAAWA,EACzEE,EAAS,CAAC,YAAa,eAAeC,SAASF,GACrD,OACEG,gBAACC,EAAS,KACRD,EAACE,cAAAC,EACC,CAAAN,KAAMO,EAAgBP,GACtBQ,iBAAkBC,EAAGC,EAAOC,yBAA0BC,EAASF,EAAQG,EAAUb,KACjFc,UAAWL,EAAGC,EAAOK,kBAAiBC,EAAA,CAAA,EAAKJ,EAASF,EAAQG,EAAUb,KAAUC,IAChFgB,WAAS,IAIjB"}
+{"version":3,"file":"TableCellSkeleton.js","sources":["../../../../../../src/components/Table/TableCellSkeleton/TableCellSkeleton.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport TableCell from \"../TableCell/TableCell\";\nimport Skeleton from \"../../Skeleton/Skeleton\";\nimport styles from \"./TableCellSkeleton.module.scss\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { getStyle } from \"@vibe/shared\";\nimport { type TableLoadingStateType } from \"../Table/Table\";\nimport { getSkeletonType } from \"../Table/tableHelpers\";\nimport { camelCase } from \"es-toolkit\";\n\nexport interface TableCellSkeletonProps extends VibeComponentProps {\n  /**\n   * The type of loading state for the skeleton.\n   */\n  type?: TableLoadingStateType;\n  /**\n   * If true, renders a shorter skeleton for text-based loading states.\n   */\n  short?: boolean;\n}\n\nconst TableCellSkeleton: React.FC<TableCellSkeletonProps> = ({ type = \"long-text\" }) => {\n  const isText = [\"long-text\", \"medium-text\"].includes(type);\n  return (\n    <TableCell>\n      <Skeleton\n        type={getSkeletonType(type)}\n        wrapperClassName={cx(styles.tableCellSkeletonWrapper, getStyle(styles, camelCase(type)))}\n        className={cx(styles.tableCellSkeleton, { [getStyle(styles, camelCase(type))]: !isText })}\n        fullWidth\n      />\n    </TableCell>\n  );\n};\n\nexport default TableCellSkeleton;\n"],"names":["TableCellSkeleton","_ref","_ref$type","type","isText","includes","React","TableCell","createElement","Skeleton","getSkeletonType","wrapperClassName","cx","styles","tableCellSkeletonWrapper","getStyle","camelCase","className","tableCellSkeleton","_defineProperty","fullWidth"],"mappings":"iZAsBA,IAAMA,EAAsD,SAArCC,GAAgE,IAAAC,EAAAD,EAAxBE,KAAAA,OAAI,IAAAD,EAAG,YAAWA,EACzEE,EAAS,CAAC,YAAa,eAAeC,SAASF,GACrD,OACEG,gBAACC,EAAS,KACRD,EAAAE,cAACC,EAAQ,CACPN,KAAMO,EAAgBP,GACtBQ,iBAAkBC,EAAGC,EAAOC,yBAA0BC,EAASF,EAAQG,EAAUb,KACjFc,UAAWL,EAAGC,EAAOK,kBAAiBC,EAAA,CAAA,EAAKJ,EAASF,EAAQG,EAAUb,KAAUC,IAChFgB,WAAS,IAIjB"}

package/dist/mocked_classnames/src/components/Table/TableCellSkeleton/TableCellSkeleton.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper",longText:"longText",mediumText:"mediumText",tableCellSkeleton:"tableCellSkeleton",circle:"circle",rectangle:"rectangle"};!function(e){const l="s_id-b9f641959683_4_2_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper {\n  height: 100%;\n}\n.tableCellSkeletonWrapper.longText {\n  padding-inline-end: var(--space-24);\n}\n.tableCellSkeletonWrapper.mediumText {\n  padding-inline-end: var(--space-64);\n}\n.tableCellSkeletonWrapper .tableCellSkeleton {\n  height: 100%;\n}\n.tableCellSkeletonWrapper .tableCellSkeleton.circle, .tableCellSkeletonWrapper .tableCellSkeleton.rectangle {\n  width: auto;\n  aspect-ratio: 1/1;\n}");export{e as default};
+var e={tableCellSkeletonWrapper:"tableCellSkeletonWrapper",longText:"longText",mediumText:"mediumText",tableCellSkeleton:"tableCellSkeleton",circle:"circle",rectangle:"rectangle"};!function(e){const l="s_id-b9f641959683_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+l))return;const n=document.createElement("style");n.id=l,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}(".tableCellSkeletonWrapper {\n  height: 100%;\n}\n.tableCellSkeletonWrapper.longText {\n  padding-inline-end: var(--space-24);\n}\n.tableCellSkeletonWrapper.mediumText {\n  padding-inline-end: var(--space-64);\n}\n.tableCellSkeletonWrapper .tableCellSkeleton {\n  height: 100%;\n}\n.tableCellSkeletonWrapper .tableCellSkeleton.circle, .tableCellSkeletonWrapper .tableCellSkeleton.rectangle {\n  width: auto;\n  aspect-ratio: 1/1;\n}");export{e as default};
 //# sourceMappingURL=TableCellSkeleton.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.js

@@ -1,2 +1,2 @@
-import e,{forwardRef as t,useRef as a}from"react";import{TableContainerProvider as r}from"../context/TableContainerContext/TableContainerContext.js";import{getTestId as s}from"../../../tests/testIds.js";import{ComponentDefaultTestId as n}from"../../../tests/constants.js";import o from"classnames";import m from"./TableContainer.module.scss.js";var i=t((function(t,i){var l=t.id,c=t.className,d=t["data-testid"],f=t.style,C=t.children,u=a(null);return e.createElement(r,{value:{menuContainerRef:u}},e.createElement("div",{ref:i,id:l,className:o(m.tableContainer,c),"data-testid":d||s(n.TABLE_CONTAINER,l),style:f},e.createElement("div",{ref:u,className:m.menuContainer}),C))}));export{i as default};
+import e,{forwardRef as t,useRef as a}from"react";import{TableContainerProvider as r}from"../context/TableContainerContext/TableContainerContext.js";import{getTestId as n}from"../../../../testIds.js";import{ComponentDefaultTestId as s}from"../../../tests/constants.js";import o from"classnames";import m from"./TableContainer.module.scss.js";var i=t((function(t,i){var l=t.id,c=t.className,d=t["data-testid"],f=t.style,C=t.children,u=a(null);return e.createElement(r,{value:{menuContainerRef:u}},e.createElement("div",{ref:i,id:l,className:o(m.tableContainer,c),"data-testid":d||n(s.TABLE_CONTAINER,l),style:f},e.createElement("div",{ref:u,className:m.menuContainer}),C))}));export{i as default};
 //# sourceMappingURL=TableContainer.js.map

package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableContainer.js","sources":["../../../../../../src/components/Table/TableContainer/TableContainer.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { TableContainerProvider } from \"../context/TableContainerContext/TableContainerContext\";\nimport { type TableContainerProps } from \"./TableContainer.types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport cx from \"classnames\";\nimport styles from \"./TableContainer.module.scss\";\n\nconst TableContainer = forwardRef(\n  (\n    { id, className, \"data-testid\": dataTestId, style, children }: TableContainerProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const menuContainerRef = useRef<HTMLDivElement>(null);\n\n    return (\n      <TableContainerProvider value={{ menuContainerRef }}>\n        <div\n          ref={ref}\n          id={id}\n          className={cx(styles.tableContainer, className)}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_CONTAINER, id)}\n          style={style}\n        >\n          <div ref={menuContainerRef} className={styles.menuContainer} />\n          {children}\n        </div>\n      </TableContainerProvider>\n    );\n  }\n);\n\nexport default TableContainer;\n"],"names":["TableContainer","forwardRef","_ref","ref","id","className","dataTestId","style","children","menuContainerRef","useRef","React","TableContainerProvider","value","createElement","cx","styles","tableContainer","getTestId","ComponentDefaultTestId","TABLE_CONTAINER","menuContainer"],"mappings":"yVAQMA,IAAAA,EAAiBC,GACrB,SAAAC,EAEEC,GACE,IAFAC,EAAEF,EAAFE,GAAIC,EAASH,EAATG,UAA0BC,EAAUJ,EAAzB,eAA2BK,EAAKL,EAALK,MAAOC,EAAQN,EAARM,SAG7CC,EAAmBC,EAAuB,MAEhD,OACEC,gBAACC,EAAsB,CAACC,MAAO,CAAEJ,iBAAAA,IAC/BE,EAAAG,cAAA,MAAA,CACEX,IAAKA,EACLC,GAAIA,EACJC,UAAWU,EAAGC,EAAOC,eAAgBZ,GACxB,cAAAC,GAAcY,EAAUC,EAAuBC,gBAAiBhB,GAC7EG,MAAOA,GAEPI,EAAKG,cAAA,MAAA,CAAAX,IAAKM,EAAkBJ,UAAWW,EAAOK,gBAC7Cb,GAIT"}
+{"version":3,"file":"TableContainer.js","sources":["../../../../../../src/components/Table/TableContainer/TableContainer.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { TableContainerProvider } from \"../context/TableContainerContext/TableContainerContext\";\nimport { type TableContainerProps } from \"./TableContainer.types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport cx from \"classnames\";\nimport styles from \"./TableContainer.module.scss\";\n\nconst TableContainer = forwardRef(\n  (\n    { id, className, \"data-testid\": dataTestId, style, children }: TableContainerProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const menuContainerRef = useRef<HTMLDivElement>(null);\n\n    return (\n      <TableContainerProvider value={{ menuContainerRef }}>\n        <div\n          ref={ref}\n          id={id}\n          className={cx(styles.tableContainer, className)}\n          data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_CONTAINER, id)}\n          style={style}\n        >\n          <div ref={menuContainerRef} className={styles.menuContainer} />\n          {children}\n        </div>\n      </TableContainerProvider>\n    );\n  }\n);\n\nexport default TableContainer;\n"],"names":["TableContainer","forwardRef","_ref","ref","id","className","dataTestId","style","children","menuContainerRef","useRef","React","TableContainerProvider","value","createElement","cx","styles","tableContainer","getTestId","ComponentDefaultTestId","TABLE_CONTAINER","menuContainer"],"mappings":"sVAQA,IAAMA,EAAiBC,GACrB,SAAAC,EAEEC,GACE,IAFAC,EAAEF,EAAFE,GAAIC,EAASH,EAATG,UAA0BC,EAAUJ,EAAzB,eAA2BK,EAAKL,EAALK,MAAOC,EAAQN,EAARM,SAG7CC,EAAmBC,EAAuB,MAEhD,OACEC,gBAACC,EAAsB,CAACC,MAAO,CAAEJ,iBAAAA,IAC/BE,EAAAG,cAAA,MAAA,CACEX,IAAKA,EACLC,GAAIA,EACJC,UAAWU,EAAGC,EAAOC,eAAgBZ,GAAU,cAClCC,GAAcY,EAAUC,EAAuBC,gBAAiBhB,GAC7EG,MAAOA,GAEPI,EAAAG,cAAA,MAAA,CAAKX,IAAKM,EAAkBJ,UAAWW,EAAOK,gBAC7Cb,GAIT"}

package/dist/mocked_classnames/src/components/Table/TableContainer/TableContainer.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableContainer:"tableContainer",menuContainer:"menuContainer"};!function(e){const n="s_id-a0ba3cbb8774_4_2_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer .menuContainer {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  inset-inline-start: calc(1px - var(--cell-width));\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
+var e={tableContainer:"tableContainer",menuContainer:"menuContainer"};!function(e){const n="s_id-a0ba3cbb8774_4_2_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".tableContainer {\n  width: 100%;\n  height: 100%;\n  position: relative;\n}\n.tableContainer .menuContainer {\n  --cell-width: 40px;\n  position: absolute;\n  overflow: hidden;\n  inset-inline-start: calc(1px - var(--cell-width));\n  width: var(--cell-width);\n  height: 100%;\n}");export{e as default};
 //# sourceMappingURL=TableContainer.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.js

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as t}from"react";import o from"./TableHeader.module.scss.js";import a from"classnames";import{getTestId as s}from"../../../tests/testIds.js";import{ComponentDefaultTestId as i}from"../../../tests/constants.js";import{useTable as l}from"../context/TableContext/TableContext.js";import{useMergeRef as m}from"@vibe/shared";var d=t((function(t,d){var n=t.id,f=t.className,p=t["data-testid"],c=t.children,u=l(),b=u.onHeadScroll,v=u.isVirtualized,j=m(u.headRef,d);return r.createElement("div",{ref:j,id:n,className:a(o.tableHeader,e({},o.virtualized,v),f),"data-testid":p||s(i.TABLE_HEADER,n),role:"rowgroup",onScroll:b},c)}));export{d as default};
+import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import r,{forwardRef as t}from"react";import o from"./TableHeader.module.scss.js";import a from"classnames";import{getTestId as s}from"../../../../testIds.js";import{ComponentDefaultTestId as i}from"../../../tests/constants.js";import{useTable as l}from"../context/TableContext/TableContext.js";import{useMergeRef as m}from"@vibe/shared";var d=t((function(t,d){var n=t.id,f=t.className,p=t["data-testid"],c=t.children,u=l(),b=u.onHeadScroll,v=u.isVirtualized,j=m(u.headRef,d);return r.createElement("div",{ref:j,id:n,className:a(o.tableHeader,e({},o.virtualized,v),f),"data-testid":p||s(i.TABLE_HEADER,n),role:"rowgroup",onScroll:b},c)}));export{d as default};
 //# sourceMappingURL=TableHeader.js.map

package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeader.js","sources":["../../../../../../src/components/Table/TableHeader/TableHeader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./TableHeader.module.scss\";\nimport { type TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport { useMergeRef } from \"@vibe/shared\";\n\nexport interface TableHeaderProps extends VibeComponentProps {\n  /**\n   * The child elements inside the table header, typically `<TableHeaderCell />` components.\n   */\n  children?: React.ReactElement<TableHeaderCellProps> | React.ReactElement<TableHeaderCellProps>[];\n}\n\nconst TableHeader = forwardRef(\n  (\n    { id, className, \"data-testid\": dataTestId, children }: TableHeaderProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { headRef, onHeadScroll, isVirtualized } = useTable();\n    const mergedRef = useMergeRef(headRef, ref);\n\n    return (\n      <div\n        ref={mergedRef}\n        id={id}\n        className={cx(styles.tableHeader, { [styles.virtualized]: isVirtualized }, className)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_HEADER, id)}\n        role=\"rowgroup\"\n        onScroll={onHeadScroll}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default TableHeader;\n"],"names":["TableHeader","forwardRef","_ref","ref","id","className","dataTestId","children","_useTable","useTable","onHeadScroll","isVirtualized","mergedRef","useMergeRef","headRef","React","createElement","cx","styles","tableHeader","_defineProperty","virtualized","getTestId","ComponentDefaultTestId","TABLE_HEADER","role","onScroll"],"mappings":"waAiBMA,IAAAA,EAAcC,GAClB,SAAAC,EAEEC,GACE,IAFAC,EAAEF,EAAFE,GAAIC,EAASH,EAATG,UAA0BC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SAG5CC,EAAiDC,IAAhCC,EAAYF,EAAZE,aAAcC,EAAaH,EAAbG,cACzBC,EAAYC,EADHL,EAAPM,QAC+BX,GAEvC,OACEY,EACEC,cAAA,MAAA,CAAAb,IAAKS,EACLR,GAAIA,EACJC,UAAWY,EAAGC,EAAOC,YAAWC,EAAKF,GAAAA,EAAOG,YAAcV,GAAiBN,GAAU,cACxEC,GAAcgB,EAAUC,EAAuBC,aAAcpB,GAC1EqB,KAAK,WACLC,SAAUhB,GAETH,EAGP"}
+{"version":3,"file":"TableHeader.js","sources":["../../../../../../src/components/Table/TableHeader/TableHeader.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./TableHeader.module.scss\";\nimport { type TableHeaderCellProps } from \"../TableHeaderCell/TableHeaderCell\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport { useMergeRef } from \"@vibe/shared\";\n\nexport interface TableHeaderProps extends VibeComponentProps {\n  /**\n   * The child elements inside the table header, typically `<TableHeaderCell />` components.\n   */\n  children?: React.ReactElement<TableHeaderCellProps> | React.ReactElement<TableHeaderCellProps>[];\n}\n\nconst TableHeader = forwardRef(\n  (\n    { id, className, \"data-testid\": dataTestId, children }: TableHeaderProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { headRef, onHeadScroll, isVirtualized } = useTable();\n    const mergedRef = useMergeRef(headRef, ref);\n\n    return (\n      <div\n        ref={mergedRef}\n        id={id}\n        className={cx(styles.tableHeader, { [styles.virtualized]: isVirtualized }, className)}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_HEADER, id)}\n        role=\"rowgroup\"\n        onScroll={onHeadScroll}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default TableHeader;\n"],"names":["TableHeader","forwardRef","_ref","ref","id","className","dataTestId","children","_useTable","useTable","onHeadScroll","isVirtualized","mergedRef","useMergeRef","headRef","React","createElement","cx","styles","tableHeader","_defineProperty","virtualized","getTestId","ComponentDefaultTestId","TABLE_HEADER","role","onScroll"],"mappings":"qaAiBA,IAAMA,EAAcC,GAClB,SAAAC,EAEEC,GACE,IAFAC,EAAEF,EAAFE,GAAIC,EAASH,EAATG,UAA0BC,EAAUJ,EAAzB,eAA2BK,EAAQL,EAARK,SAG5CC,EAAiDC,IAAhCC,EAAYF,EAAZE,aAAcC,EAAaH,EAAbG,cACzBC,EAAYC,EADHL,EAAPM,QAC+BX,GAEvC,OACEY,EAAAC,cAAA,MAAA,CACEb,IAAKS,EACLR,GAAIA,EACJC,UAAWY,EAAGC,EAAOC,YAAWC,EAAA,GAAKF,EAAOG,YAAcV,GAAiBN,GAAU,cACxEC,GAAcgB,EAAUC,EAAuBC,aAAcpB,GAC1EqB,KAAK,WACLC,SAAUhB,GAETH,EAGP"}

package/dist/mocked_classnames/src/components/Table/TableHeader/TableHeader.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableHeader:"tableHeader",virtualized:"virtualized"};!function(e){const t="s_id-8e924ee64aa4_4_2_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableHeader {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: var(--primary-background-color);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader.virtualized {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader.virtualized::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
+var e={tableHeader:"tableHeader",virtualized:"virtualized"};!function(e){const t="s_id-8e924ee64aa4_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".tableHeader {\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  position: sticky;\n  top: 0;\n  z-index: 2;\n  background-color: var(--primary-background-color);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableHeader > [role=columnheader] {\n  background-color: inherit;\n}\n.tableHeader.virtualized {\n  overflow: auto;\n  width: auto;\n  scrollbar-width: none;\n}\n.tableHeader.virtualized::-webkit-scrollbar {\n  display: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeader.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.js

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useState as a}from"react";import i from"classnames";import n from"./TableHeaderCell.module.scss.js";import{Icon as s}from"@vibe/icon/mockedClassNames";import{IconButton as l}from"@vibe/icon-button/mockedClassNames";import{Info as m}from"@vibe/icons";import{Text as c}from"@vibe/typography/mockedClassNames";import{Flex as d}from"@vibe/layout/mockedClassNames";import{getSortIcon as p,getNextSortState as f,getAriaSort as u}from"../Table/tableHelpers.js";import{Tooltip as b}from"@vibe/tooltip/mockedClassNames";import{getTestId as v}from"../../../tests/testIds.js";import{ComponentDefaultTestId as C}from"../../../tests/constants.js";import{getStyle as E}from"@vibe/shared";var N=r((function(r,N){var y=r.id,k=r.className,g=r["data-testid"],H=r.title,h=r.onSortClicked,j=r.infoContent,x=r.icon,A=r.sortState,L=void 0===A?"none":A,T=r.sortButtonAriaLabel,w=void 0===T?"Sort":T,B=r.sticky,S=a(!1),_=e(S,2),I=_[0],M=_[1],P=u(L),z="none"!==P||I;return o.createElement("div",{ref:N,id:y,className:i(n.tableHeaderCell,t(t({},n.sortActive,h&&"none"!==P),n.sticky,B),k),"data-testid":g||v(C.TABLE_HEADER_CELL,y),role:"columnheader",onMouseOver:function(){return M(!0)},onMouseLeave:function(){return M(!1)},onFocus:function(){return M(!0)},onBlur:function(){return M(!1)},"aria-sort":h?P:void 0,tabIndex:h?0:void 0},o.createElement(d,{direction:"row",align:"center",className:n.tableHeaderCellContent,gap:"xs"},x&&o.createElement(s,{icon:x,className:n.icon}),"string"==typeof H?o.createElement(c,{type:"text2",weight:"medium",color:"secondary"},H):H,j&&o.createElement(b,{content:j,referenceWrapperClassName:n.infoTooltip},o.createElement(s,{icon:m,label:j}))),h&&o.createElement(d,{direction:"row",align:"center",className:n.tableHeaderCellSort},o.createElement(l,{icon:p(L),kind:"tertiary",size:"xs","aria-label":w,"aria-hidden":!z,className:i(n.sort,E(n,L),t({},n.show,z)),onClick:function(){return h(f(L))}})))}));export{N as default};
+import{slicedToArray as e,defineProperty as t}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as r,useState as a}from"react";import i from"classnames";import n from"./TableHeaderCell.module.scss.js";import{Icon as s}from"@vibe/icon/mockedClassNames";import{IconButton as l}from"@vibe/icon-button/mockedClassNames";import{Info as m}from"@vibe/icons";import{Text as c}from"@vibe/typography/mockedClassNames";import{Flex as d}from"@vibe/layout/mockedClassNames";import{getNextSortState as p,getSortIcon as f,getAriaSort as u}from"../Table/tableHelpers.js";import{Tooltip as b}from"@vibe/tooltip/mockedClassNames";import{getTestId as v}from"../../../../testIds.js";import{ComponentDefaultTestId as C}from"../../../tests/constants.js";import{getStyle as E}from"@vibe/shared";var N=r((function(r,N){var y=r.id,k=r.className,g=r["data-testid"],H=r.title,h=r.onSortClicked,j=r.infoContent,x=r.icon,A=r.sortState,L=void 0===A?"none":A,T=r.sortButtonAriaLabel,w=void 0===T?"Sort":T,B=r.sticky,S=a(!1),_=e(S,2),I=_[0],M=_[1],P=u(L),z="none"!==P||I;return o.createElement("div",{ref:N,id:y,className:i(n.tableHeaderCell,t(t({},n.sortActive,h&&"none"!==P),n.sticky,B),k),"data-testid":g||v(C.TABLE_HEADER_CELL,y),role:"columnheader",onMouseOver:function(){return M(!0)},onMouseLeave:function(){return M(!1)},onFocus:function(){return M(!0)},onBlur:function(){return M(!1)},"aria-sort":h?P:void 0,tabIndex:h?0:void 0},o.createElement(d,{direction:"row",align:"center",className:n.tableHeaderCellContent,gap:"xs"},x&&o.createElement(s,{icon:x,className:n.icon}),"string"==typeof H?o.createElement(c,{type:"text2",weight:"medium",color:"secondary"},H):H,j&&o.createElement(b,{content:j,referenceWrapperClassName:n.infoTooltip},o.createElement(s,{icon:m,label:j}))),h&&o.createElement(d,{direction:"row",align:"center",className:n.tableHeaderCellSort},o.createElement(l,{icon:f(L),kind:"tertiary",size:"xs","aria-label":w,"aria-hidden":!z,className:i(n.sort,E(n,L),t({},n.show,z)),onClick:function(){return h(p(L))}})))}));export{N as default};
 //# sourceMappingURL=TableHeaderCell.js.map

package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableHeaderCell.js","sources":["../../../../../../src/components/Table/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import React, { forwardRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./TableHeaderCell.module.scss\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Info } from \"@vibe/icons\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport { getAriaSort, getNextSortState, getSortIcon } from \"../Table/tableHelpers\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getStyle } from \"@vibe/shared\";\n\nexport interface TableHeaderCellProps extends VibeComponentProps {\n  /**\n   * The title of the column, displayed inside the header cell.\n   */\n  title: string | React.ReactNode;\n  /**\n   * Icon displayed next to the column title.\n   */\n  icon?: SubIcon;\n  /**\n   * Tooltip content for additional information about the column.\n   */\n  infoContent?: string;\n  /**\n   * Current sorting state of the column.\n   */\n  sortState?: \"asc\" | \"desc\" | \"none\";\n  /**\n   * Callback fired when the column header is clicked to change sorting.\n   */\n  onSortClicked?: (direction: \"asc\" | \"desc\" | \"none\") => void;\n  /**\n   * ARIA label for the sort button.\n   */\n  sortButtonAriaLabel?: string;\n  /**\n   * If true, the header cell remains visible while scrolling horizontally.\n   */\n  sticky?: boolean;\n}\n\nconst TableHeaderCell = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      title,\n      onSortClicked,\n      infoContent,\n      icon,\n      sortState = \"none\",\n      sortButtonAriaLabel = \"Sort\",\n      sticky\n    }: TableHeaderCellProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const [isHovered, setIsHovered] = useState<boolean>(false);\n    const ariaSort = getAriaSort(sortState);\n    const isSortActive = onSortClicked && ariaSort !== \"none\";\n    const shouldShowSortIcon = ariaSort !== \"none\" || isHovered;\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={cx(\n          styles.tableHeaderCell,\n          { [styles.sortActive]: isSortActive, [styles.sticky]: sticky },\n          className\n        )}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_HEADER_CELL, id)}\n        role=\"columnheader\"\n        onMouseOver={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        onFocus={() => setIsHovered(true)}\n        onBlur={() => setIsHovered(false)}\n        aria-sort={onSortClicked ? ariaSort : undefined}\n        tabIndex={onSortClicked ? 0 : undefined}\n      >\n        <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellContent} gap=\"xs\">\n          {icon && <Icon icon={icon} className={styles.icon} />}\n          {typeof title === \"string\" ? (\n            <Text type=\"text2\" weight=\"medium\" color=\"secondary\">\n              {title}\n            </Text>\n          ) : (\n            title\n          )}\n          {infoContent && (\n            <Tooltip content={infoContent} referenceWrapperClassName={styles.infoTooltip}>\n              <Icon icon={Info} label={infoContent} />\n            </Tooltip>\n          )}\n        </Flex>\n        {onSortClicked && (\n          <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellSort}>\n            <IconButton\n              icon={getSortIcon(sortState)}\n              kind=\"tertiary\"\n              size=\"xs\"\n              aria-label={sortButtonAriaLabel}\n              aria-hidden={!shouldShowSortIcon}\n              className={cx(styles.sort, getStyle(styles, sortState), {\n                [styles.show]: shouldShowSortIcon\n              })}\n              onClick={() => onSortClicked(getNextSortState(sortState))}\n            />\n          </Flex>\n        )}\n      </div>\n    );\n  }\n);\n\nexport default TableHeaderCell;\n"],"names":["TableHeaderCell","forwardRef","_ref","ref","id","className","dataTestId","title","onSortClicked","infoContent","icon","_ref$sortState","sortState","_ref$sortButtonAriaLa","sortButtonAriaLabel","sticky","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","ariaSort","getAriaSort","shouldShowSortIcon","React","createElement","cx","styles","tableHeaderCell","_defineProperty","sortActive","getTestId","ComponentDefaultTestId","TABLE_HEADER_CELL","role","onMouseOver","onMouseLeave","onFocus","onBlur","undefined","tabIndex","Flex","direction","align","tableHeaderCellContent","gap","Icon","Text","type","weight","color","Tooltip","content","referenceWrapperClassName","infoTooltip","Info","label","tableHeaderCellSort","IconButton","getSortIcon","kind","size","sort","getStyle","show","onClick","getNextSortState"],"mappings":"kyBA8CMA,IAAAA,EAAkBC,GACtB,SAAAC,EAaEC,GACE,IAZAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAaN,EAAbM,cACAC,EAAWP,EAAXO,YACAC,EAAIR,EAAJQ,KAAIC,EAAAT,EACJU,UAAAA,OAAY,IAAHD,EAAG,OAAMA,EAAAE,EAAAX,EAClBY,oBAAAA,OAAsB,IAAHD,EAAG,OAAMA,EAC5BE,EAAMb,EAANa,OAIFC,EAAkCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAnDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAWC,EAAYX,GAEvBY,EAAkC,SAAbF,GAAuBF,EAElD,OACEK,EACEC,cAAA,MAAA,CAAAvB,IAAKA,EACLC,GAAIA,EACJC,UAAWsB,EACTC,EAAOC,gBAAeC,EAAAA,EACnBF,CAAAA,EAAAA,EAAOG,WATKvB,GAA8B,SAAbc,GASMM,EAAOb,OAASA,GACtDV,GAEW,cAAAC,GAAc0B,EAAUC,EAAuBC,kBAAmB9B,GAC/E+B,KAAK,eACLC,YAAa,WAAA,OAAMf,GAAa,EAAK,EACrCgB,aAAc,WAAA,OAAMhB,GAAa,EAAM,EACvCiB,QAAS,WAAA,OAAMjB,GAAa,EAAK,EACjCkB,OAAQ,WAAA,OAAMlB,GAAa,EAAM,EACtB,YAAAb,EAAgBc,OAAWkB,EACtCC,SAAUjC,EAAgB,OAAIgC,GAE9Bf,EAAAC,cAACgB,EAAK,CAAAC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAOiB,uBAAwBC,IAAI,MAChFpC,GAAQe,EAAAC,cAACqB,EAAI,CAACrC,KAAMA,EAAML,UAAWuB,EAAOlB,OAC3B,iBAAVH,EACNkB,EAAAC,cAACsB,EAAI,CAACC,KAAK,QAAQC,OAAO,SAASC,MAAM,aACtC5C,GAGHA,EAEDE,GACCgB,EAACC,cAAA0B,EAAQ,CAAAC,QAAS5C,EAAa6C,0BAA2B1B,EAAO2B,aAC/D9B,EAAAC,cAACqB,EAAI,CAACrC,KAAM8C,EAAMC,MAAOhD,MAI9BD,GACCiB,EAAAC,cAACgB,EAAI,CAACC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAO8B,qBACrDjC,EAAAC,cAACiC,EACC,CAAAjD,KAAMkD,EAAYhD,GAClBiD,KAAK,WACLC,KAAK,KACO,aAAAhD,EACC,eAACU,EACdnB,UAAWsB,EAAGC,EAAOmC,KAAMC,EAASpC,EAAQhB,GAAUkB,EACnDF,CAAAA,EAAAA,EAAOqC,KAAOzC,IAEjB0C,QAAS,WAAA,OAAM1D,EAAc2D,EAAiBvD,GAAW,KAMrE"}
+{"version":3,"file":"TableHeaderCell.js","sources":["../../../../../../src/components/Table/TableHeaderCell/TableHeaderCell.tsx"],"sourcesContent":["import React, { forwardRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./TableHeaderCell.module.scss\";\nimport { Icon, type SubIcon } from \"@vibe/icon\";\nimport { IconButton } from \"@vibe/icon-button\";\nimport { Info } from \"@vibe/icons\";\nimport { Text } from \"@vibe/typography\";\nimport { Flex } from \"@vibe/layout\";\nimport { getAriaSort, getNextSortState, getSortIcon } from \"../Table/tableHelpers\";\nimport { Tooltip } from \"@vibe/tooltip\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getStyle } from \"@vibe/shared\";\n\nexport interface TableHeaderCellProps extends VibeComponentProps {\n  /**\n   * The title of the column, displayed inside the header cell.\n   */\n  title: string | React.ReactNode;\n  /**\n   * Icon displayed next to the column title.\n   */\n  icon?: SubIcon;\n  /**\n   * Tooltip content for additional information about the column.\n   */\n  infoContent?: string;\n  /**\n   * Current sorting state of the column.\n   */\n  sortState?: \"asc\" | \"desc\" | \"none\";\n  /**\n   * Callback fired when the column header is clicked to change sorting.\n   */\n  onSortClicked?: (direction: \"asc\" | \"desc\" | \"none\") => void;\n  /**\n   * ARIA label for the sort button.\n   */\n  sortButtonAriaLabel?: string;\n  /**\n   * If true, the header cell remains visible while scrolling horizontally.\n   */\n  sticky?: boolean;\n}\n\nconst TableHeaderCell = forwardRef(\n  (\n    {\n      id,\n      className,\n      \"data-testid\": dataTestId,\n      title,\n      onSortClicked,\n      infoContent,\n      icon,\n      sortState = \"none\",\n      sortButtonAriaLabel = \"Sort\",\n      sticky\n    }: TableHeaderCellProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const [isHovered, setIsHovered] = useState<boolean>(false);\n    const ariaSort = getAriaSort(sortState);\n    const isSortActive = onSortClicked && ariaSort !== \"none\";\n    const shouldShowSortIcon = ariaSort !== \"none\" || isHovered;\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={cx(\n          styles.tableHeaderCell,\n          { [styles.sortActive]: isSortActive, [styles.sticky]: sticky },\n          className\n        )}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_HEADER_CELL, id)}\n        role=\"columnheader\"\n        onMouseOver={() => setIsHovered(true)}\n        onMouseLeave={() => setIsHovered(false)}\n        onFocus={() => setIsHovered(true)}\n        onBlur={() => setIsHovered(false)}\n        aria-sort={onSortClicked ? ariaSort : undefined}\n        tabIndex={onSortClicked ? 0 : undefined}\n      >\n        <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellContent} gap=\"xs\">\n          {icon && <Icon icon={icon} className={styles.icon} />}\n          {typeof title === \"string\" ? (\n            <Text type=\"text2\" weight=\"medium\" color=\"secondary\">\n              {title}\n            </Text>\n          ) : (\n            title\n          )}\n          {infoContent && (\n            <Tooltip content={infoContent} referenceWrapperClassName={styles.infoTooltip}>\n              <Icon icon={Info} label={infoContent} />\n            </Tooltip>\n          )}\n        </Flex>\n        {onSortClicked && (\n          <Flex direction=\"row\" align=\"center\" className={styles.tableHeaderCellSort}>\n            <IconButton\n              icon={getSortIcon(sortState)}\n              kind=\"tertiary\"\n              size=\"xs\"\n              aria-label={sortButtonAriaLabel}\n              aria-hidden={!shouldShowSortIcon}\n              className={cx(styles.sort, getStyle(styles, sortState), {\n                [styles.show]: shouldShowSortIcon\n              })}\n              onClick={() => onSortClicked(getNextSortState(sortState))}\n            />\n          </Flex>\n        )}\n      </div>\n    );\n  }\n);\n\nexport default TableHeaderCell;\n"],"names":["TableHeaderCell","forwardRef","_ref","ref","id","className","dataTestId","title","onSortClicked","infoContent","icon","_ref$sortState","sortState","_ref$sortButtonAriaLa","sortButtonAriaLabel","sticky","_useState","useState","_useState2","_slicedToArray","isHovered","setIsHovered","ariaSort","getAriaSort","shouldShowSortIcon","React","createElement","cx","styles","tableHeaderCell","_defineProperty","sortActive","getTestId","ComponentDefaultTestId","TABLE_HEADER_CELL","role","onMouseOver","onMouseLeave","onFocus","onBlur","undefined","tabIndex","Flex","direction","align","tableHeaderCellContent","gap","Icon","Text","type","weight","color","Tooltip","content","referenceWrapperClassName","infoTooltip","Info","label","tableHeaderCellSort","IconButton","getSortIcon","kind","size","sort","getStyle","show","onClick","getNextSortState"],"mappings":"+xBA8CA,IAAMA,EAAkBC,GACtB,SAAAC,EAaEC,GACE,IAZAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAaN,EAAbM,cACAC,EAAWP,EAAXO,YACAC,EAAIR,EAAJQ,KAAIC,EAAAT,EACJU,UAAAA,OAAS,IAAAD,EAAG,OAAMA,EAAAE,EAAAX,EAClBY,oBAAAA,OAAmB,IAAAD,EAAG,OAAMA,EAC5BE,EAAMb,EAANa,OAIFC,EAAkCC,GAAkB,GAAMC,EAAAC,EAAAH,EAAA,GAAnDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GACxBI,EAAWC,EAAYX,GAEvBY,EAAkC,SAAbF,GAAuBF,EAElD,OACEK,EAAAC,cAAA,MAAA,CACEvB,IAAKA,EACLC,GAAIA,EACJC,UAAWsB,EACTC,EAAOC,gBAAeC,EAAAA,EAAA,CAAA,EACnBF,EAAOG,WATKvB,GAA8B,SAAbc,GASMM,EAAOb,OAASA,GACtDV,GACD,cACYC,GAAc0B,EAAUC,EAAuBC,kBAAmB9B,GAC/E+B,KAAK,eACLC,YAAa,WAAA,OAAMf,GAAa,EAAK,EACrCgB,aAAc,WAAA,OAAMhB,GAAa,EAAM,EACvCiB,QAAS,WAAA,OAAMjB,GAAa,EAAK,EACjCkB,OAAQ,WAAA,OAAMlB,GAAa,EAAM,EAAA,YACtBb,EAAgBc,OAAWkB,EACtCC,SAAUjC,EAAgB,OAAIgC,GAE9Bf,EAAAC,cAACgB,EAAI,CAACC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAOiB,uBAAwBC,IAAI,MAChFpC,GAAQe,EAAAC,cAACqB,EAAI,CAACrC,KAAMA,EAAML,UAAWuB,EAAOlB,OAC3B,iBAAVH,EACNkB,EAAAC,cAACsB,EAAI,CAACC,KAAK,QAAQC,OAAO,SAASC,MAAM,aACtC5C,GAGHA,EAEDE,GACCgB,EAAAC,cAAC0B,EAAO,CAACC,QAAS5C,EAAa6C,0BAA2B1B,EAAO2B,aAC/D9B,EAAAC,cAACqB,EAAI,CAACrC,KAAM8C,EAAMC,MAAOhD,MAI9BD,GACCiB,EAAAC,cAACgB,EAAI,CAACC,UAAU,MAAMC,MAAM,SAASvC,UAAWuB,EAAO8B,qBACrDjC,EAAAC,cAACiC,EAAU,CACTjD,KAAMkD,EAAYhD,GAClBiD,KAAK,WACLC,KAAK,KAAI,aACGhD,EAAmB,eACjBU,EACdnB,UAAWsB,EAAGC,EAAOmC,KAAMC,EAASpC,EAAQhB,GAAUkB,EAAA,CAAA,EACnDF,EAAOqC,KAAOzC,IAEjB0C,QAAS,WAAA,OAAM1D,EAAc2D,EAAiBvD,GAAW,KAMrE"}

package/dist/mocked_classnames/src/components/Table/TableHeaderCell/TableHeaderCell.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableHeaderCell:"tableHeaderCell","focus-visible":"focus-visible",sticky:"sticky",sortActive:"sortActive",tableHeaderCellContent:"tableHeaderCellContent",icon:"icon",infoTooltip:"infoTooltip",tableHeaderCellSort:"tableHeaderCellSort",sort:"sort",asc:"asc",desc:"desc",show:"show"};!function(e){const l="s_id-0fa2e97aa7c9_4_2_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+l))return;const t=document.createElement("style");t.id=l,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableHeaderCell {\n  height: var(--table-row-size);\n  padding: var(--space-8);\n  padding-inline-start: var(--space-16);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell:focus-visible, .tableHeaderCell.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.tableHeaderCell:focus:not(.focus-visible) {\n  outline: none;\n}\n.tableHeaderCell.sticky {\n  z-index: 1;\n  position: sticky;\n  inset-inline-start: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell.sticky:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell:hover, .tableHeaderCell.sortActive {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell .tableHeaderCellContent {\n  min-width: 0;\n}\n.tableHeaderCell .tableHeaderCellContent .icon {\n  min-width: var(--space-16);\n}\n.tableHeaderCell .tableHeaderCellContent .infoTooltip {\n  display: inline-flex;\n}\n.tableHeaderCell .tableHeaderCellSort {\n  padding-inline-start: var(--space-8);\n}\n.tableHeaderCell .tableHeaderCellSort .sort {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell .tableHeaderCellSort .sort.asc, .tableHeaderCell .tableHeaderCellSort .sort.desc {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell .tableHeaderCellSort .sort:not(.show) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
+var e={tableHeaderCell:"tableHeaderCell","focus-visible":"focus-visible",sticky:"sticky",sortActive:"sortActive",tableHeaderCellContent:"tableHeaderCellContent",icon:"icon",infoTooltip:"infoTooltip",tableHeaderCellSort:"tableHeaderCellSort",sort:"sort",asc:"asc",desc:"desc",show:"show"};!function(e){const l="s_id-0fa2e97aa7c9_4_2_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+l))return;const t=document.createElement("style");t.id=l,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[l]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.tableHeaderCell {\n  height: var(--table-row-size);\n  padding: var(--space-8);\n  padding-inline-start: var(--space-16);\n  color: var(--secondary-text-color);\n  box-sizing: border-box;\n  text-align: initial;\n  border-bottom: 1px solid var(--layout-border-color);\n  display: flex;\n  justify-content: space-between;\n  background-color: inherit;\n}\n.tableHeaderCell:focus-visible, .tableHeaderCell.focus-visible {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.tableHeaderCell:focus:not(.focus-visible) {\n  outline: none;\n}\n.tableHeaderCell.sticky {\n  z-index: 1;\n  position: sticky;\n  inset-inline-start: 0;\n  box-shadow: var(--sticky-cell-box-shadow);\n}\n.tableHeaderCell.sticky:hover {\n  background: var(--sticky-cell-hover-background);\n}\n.tableHeaderCell:hover, .tableHeaderCell.sortActive {\n  background-color: var(--primary-background-hover-color);\n}\n.tableHeaderCell .tableHeaderCellContent {\n  min-width: 0;\n}\n.tableHeaderCell .tableHeaderCellContent .icon {\n  min-width: var(--space-16);\n}\n.tableHeaderCell .tableHeaderCellContent .infoTooltip {\n  display: inline-flex;\n}\n.tableHeaderCell .tableHeaderCellSort {\n  padding-inline-start: var(--space-8);\n}\n.tableHeaderCell .tableHeaderCellSort .sort {\n  color: var(--icon-color);\n  transition: opacity 0.1s;\n}\n.tableHeaderCell .tableHeaderCellSort .sort.asc, .tableHeaderCell .tableHeaderCellSort .sort.desc {\n  color: var(--primary-text-color);\n}\n.tableHeaderCell .tableHeaderCellSort .sort:not(.show) {\n  opacity: 0;\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=TableHeaderCell.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.js

@@ -1,2 +1,2 @@
-import e,{forwardRef as t,useRef as o,useCallback as s}from"react";import{useMergeRef as r}from"@vibe/shared";import{getTestId as a}from"../../../tests/testIds.js";import{ComponentDefaultTestId as n}from"../../../tests/constants.js";import i from"classnames";import m from"./TableRow.module.scss.js";import{useTableRowMenu as l}from"../context/TableRowMenuContext/TableRowMenuContext.js";var d=t((function(t,d){var c=t.highlighted,u=t.children,f=t.style,p=t.id,v=t.className,w=t["data-testid"],R=o(null),b=r(R,d),M=l(),h=M.onMouseOverRow,x=M.onMouseLeaveRow,j=s((function(){h(R)}),[h]);return e.createElement("div",{id:p,"data-testid":w||a(n.TABLE_ROW,p),ref:b,role:"row","aria-selected":c||!1,className:i(m.tableRow,v),style:f,onMouseEnter:j,onMouseLeave:x,tabIndex:-1},u)}));export{d as default};
+import e,{forwardRef as t,useRef as o,useCallback as s}from"react";import{useMergeRef as r}from"@vibe/shared";import{getTestId as a}from"../../../../testIds.js";import{ComponentDefaultTestId as n}from"../../../tests/constants.js";import i from"classnames";import m from"./TableRow.module.scss.js";import{useTableRowMenu as l}from"../context/TableRowMenuContext/TableRowMenuContext.js";var d=t((function(t,d){var c=t.highlighted,u=t.children,f=t.style,p=t.id,v=t.className,w=t["data-testid"],R=o(null),b=r(R,d),M=l(),h=M.onMouseOverRow,x=M.onMouseLeaveRow,j=s((function(){h(R)}),[h]);return e.createElement("div",{id:p,"data-testid":w||a(n.TABLE_ROW,p),ref:b,role:"row","aria-selected":c||!1,className:i(m.tableRow,v),style:f,onMouseEnter:j,onMouseLeave:x,tabIndex:-1},u)}));export{d as default};
 //# sourceMappingURL=TableRow.js.map

package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRow.js","sources":["../../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from \"react\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type TableCellProps } from \"../TableCell/TableCell\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport cx from \"classnames\";\nimport styles from \"./TableRow.module.scss\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\n\nexport interface TableRowProps extends VibeComponentProps {\n  /**\n   * If true, applies a highlighted style to the row.\n   */\n  highlighted?: boolean;\n  /**\n   * The child components inside the table row, typically `<TableCell />` elements.\n   */\n  children?: React.ReactElement<TableCellProps> | React.ReactElement<TableCellProps>[];\n  /**\n   * Custom styles applied to the table row.\n   */\n  style?: React.CSSProperties;\n}\n\nconst TableRow = forwardRef(\n  (\n    { highlighted, children, style, id, className, \"data-testid\": dataTestId }: TableRowProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const componentRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRef(componentRef, ref);\n    const { onMouseOverRow, onMouseLeaveRow } = useTableRowMenu();\n\n    const onMouseEnter = useCallback(() => {\n      onMouseOverRow(componentRef);\n    }, [onMouseOverRow]);\n\n    return (\n      <div\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_ROW, id)}\n        ref={mergedRef}\n        role=\"row\"\n        aria-selected={highlighted || false}\n        className={cx(styles.tableRow, className)}\n        style={style}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeaveRow}\n        tabIndex={-1}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default TableRow;\n"],"names":["TableRow","forwardRef","_ref","ref","highlighted","children","style","id","className","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useTableRowMenu","useTableRowMenu","onMouseOverRow","onMouseLeaveRow","onMouseEnter","useCallback","React","createElement","getTestId","ComponentDefaultTestId","TABLE_ROW","role","cx","styles","tableRow","onMouseLeave","tabIndex"],"mappings":"oYAyBMA,IAAAA,EAAWC,GACf,SAAAC,EAEEC,GACE,IAFAC,EAAWF,EAAXE,YAAaC,EAAQH,EAARG,SAAUC,EAAKJ,EAALI,MAAOC,EAAEL,EAAFK,GAAIC,EAASN,EAATM,UAA0BC,EAAUP,EAAzB,eAGzCQ,EAAeC,EAAuB,MACtCC,EAAYC,EAAYH,EAAcP,GAC5CW,EAA4CC,IAApCC,EAAcF,EAAdE,eAAgBC,EAAeH,EAAfG,gBAElBC,EAAeC,GAAY,WAC/BH,EAAeN,EACjB,GAAG,CAACM,IAEJ,OACEI,EAAAC,cAAA,MAAA,CACEd,GAAIA,EAAE,cACOE,GAAca,EAAUC,EAAuBC,UAAWjB,GACvEJ,IAAKS,EACLa,KAAK,MACU,gBAAArB,IAAe,EAC9BI,UAAWkB,EAAGC,EAAOC,SAAUpB,GAC/BF,MAAOA,EACPY,aAAcA,EACdW,aAAcZ,EACda,UAAW,GAEVzB,EAGP"}
+{"version":3,"file":"TableRow.js","sources":["../../../../../../src/components/Table/TableRow/TableRow.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useRef } from \"react\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport { type TableCellProps } from \"../TableCell/TableCell\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport cx from \"classnames\";\nimport styles from \"./TableRow.module.scss\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\n\nexport interface TableRowProps extends VibeComponentProps {\n  /**\n   * If true, applies a highlighted style to the row.\n   */\n  highlighted?: boolean;\n  /**\n   * The child components inside the table row, typically `<TableCell />` elements.\n   */\n  children?: React.ReactElement<TableCellProps> | React.ReactElement<TableCellProps>[];\n  /**\n   * Custom styles applied to the table row.\n   */\n  style?: React.CSSProperties;\n}\n\nconst TableRow = forwardRef(\n  (\n    { highlighted, children, style, id, className, \"data-testid\": dataTestId }: TableRowProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const componentRef = useRef<HTMLDivElement>(null);\n    const mergedRef = useMergeRef(componentRef, ref);\n    const { onMouseOverRow, onMouseLeaveRow } = useTableRowMenu();\n\n    const onMouseEnter = useCallback(() => {\n      onMouseOverRow(componentRef);\n    }, [onMouseOverRow]);\n\n    return (\n      <div\n        id={id}\n        data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_ROW, id)}\n        ref={mergedRef}\n        role=\"row\"\n        aria-selected={highlighted || false}\n        className={cx(styles.tableRow, className)}\n        style={style}\n        onMouseEnter={onMouseEnter}\n        onMouseLeave={onMouseLeaveRow}\n        tabIndex={-1}\n      >\n        {children}\n      </div>\n    );\n  }\n);\n\nexport default TableRow;\n"],"names":["TableRow","forwardRef","_ref","ref","highlighted","children","style","id","className","dataTestId","componentRef","useRef","mergedRef","useMergeRef","_useTableRowMenu","useTableRowMenu","onMouseOverRow","onMouseLeaveRow","onMouseEnter","useCallback","React","createElement","getTestId","ComponentDefaultTestId","TABLE_ROW","role","cx","styles","tableRow","onMouseLeave","tabIndex"],"mappings":"iYAyBA,IAAMA,EAAWC,GACf,SAAAC,EAEEC,GACE,IAFAC,EAAWF,EAAXE,YAAaC,EAAQH,EAARG,SAAUC,EAAKJ,EAALI,MAAOC,EAAEL,EAAFK,GAAIC,EAASN,EAATM,UAA0BC,EAAUP,EAAzB,eAGzCQ,EAAeC,EAAuB,MACtCC,EAAYC,EAAYH,EAAcP,GAC5CW,EAA4CC,IAApCC,EAAcF,EAAdE,eAAgBC,EAAeH,EAAfG,gBAElBC,EAAeC,GAAY,WAC/BH,EAAeN,EACjB,GAAG,CAACM,IAEJ,OACEI,EAAAC,cAAA,MAAA,CACEd,GAAIA,EAAE,cACOE,GAAca,EAAUC,EAAuBC,UAAWjB,GACvEJ,IAAKS,EACLa,KAAK,MAAK,gBACKrB,IAAe,EAC9BI,UAAWkB,EAAGC,EAAOC,SAAUpB,GAC/BF,MAAOA,EACPY,aAAcA,EACdW,aAAcZ,EACda,UAAU,GAETzB,EAGP"}

package/dist/mocked_classnames/src/components/Table/TableRow/TableRow.module.scss.js

@@ -1,2 +1,2 @@
-var e={tableRow:"tableRow"};!function(e){const t="s_id-72a799b963ca_4_2_0";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow {\n  height: var(--table-row-size);\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableRow[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
+var e={tableRow:"tableRow"};!function(e){const t="s_id-72a799b963ca_4_2_2";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+t))return;const r=document.createElement("style");r.id=t,l.firstChild?l.insertBefore(r,l.firstChild):l.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}("/* stylelint-disable selector-class-pattern */\n.tableRow {\n  height: var(--table-row-size);\n  display: grid;\n  grid-template-columns: var(--table-grid-template-columns);\n  min-width: 100%;\n  width: fit-content;\n}\n.tableRow[aria-selected=true] > [role=cell] {\n  background-color: var(--primary-selected-color);\n}\n.tableRow > [role=cell] {\n  background-color: var(--primary-background-color);\n}\n.tableRow:hover > [role=cell] {\n  background: var(--sticky-cell-hover-background);\n}\n.tableRow:hover[aria-selected=true] > [role=cell] {\n  background: var(--primary-selected-hover-color);\n}");export{e as default};
 //# sourceMappingURL=TableRow.module.scss.js.map

package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.js

@@ -1,2 +1,2 @@
-import e,{forwardRef as t,useCallback as n}from"react";import o from"classnames";import{getTestId as r}from"../../../tests/testIds.js";import{ComponentDefaultTestId as u}from"../../../tests/constants.js";import m from"./TableRowMenu.module.scss.js";import s from"../../MenuButton/MenuButton.js";import i from"../../Menu/Menu/Menu.js";import"../../Menu/MenuItem/MenuItem.js";import"../../Menu/MenuItemButton/MenuItemButton.js";import"../../Menu/MenuDivider/MenuDivider.js";import"../../Menu/MenuTitle/MenuTitle.js";import"../../Menu/MenuGridItem/MenuGridItem.js";import{createPortal as a}from"react-dom";import{useTable as M}from"../context/TableContext/TableContext.js";import{getStyle as l}from"@vibe/shared";import{useTableRowMenu as d}from"../context/TableRowMenuContext/TableRowMenuContext.js";import{useTableContainer as c}from"../context/TableContainerContext/TableContainerContext.js";var p=t((function(t,p){var f=t.rowId,j=t.className,T=t.id,b=t["data-testid"],x=t.children,v=c().menuContainerRef,w=M().size,C=d(),I=C.hoveredRowId,R=C.setTableMenuHidden,E=C.setTableMenuShown,B=C.menuButtonPosition,h=C.onMouseOverRowMenu,N=C.onMouseLeaveRowMenu,L=n((function(){R()}),[R]),z=n((function(){E()}),[E]);return v.current&&I&&I===f?e.createElement(e.Fragment,null,a(e.createElement("div",{className:o(m.rowMenuContainer,l(m,w)),style:{top:B},onMouseEnter:h,onMouseLeave:N},e.createElement(s,{id:T,ref:p,className:o(m.tableMenu,j),size:"xs",onMenuHide:L,onMenuShow:z,"data-testid":b||r(u.TABLE_ROW_MENU,T)},e.createElement(i,null,x))),v.current)):null}));export{p as default};
+import e,{forwardRef as t,useCallback as n}from"react";import o from"classnames";import{getTestId as r}from"../../../../testIds.js";import{ComponentDefaultTestId as u}from"../../../tests/constants.js";import m from"./TableRowMenu.module.scss.js";import s from"../../MenuButton/MenuButton.js";import i from"../../Menu/Menu/Menu.js";import"../../Menu/MenuItem/MenuItem.js";import"../../Menu/MenuItemButton/MenuItemButton.js";import"../../Menu/MenuDivider/MenuDivider.js";import"../../Menu/MenuTitle/MenuTitle.js";import"../../Menu/MenuGridItem/MenuGridItem.js";import{createPortal as a}from"react-dom";import{useTable as M}from"../context/TableContext/TableContext.js";import{getStyle as l}from"@vibe/shared";import{useTableRowMenu as d}from"../context/TableRowMenuContext/TableRowMenuContext.js";import{useTableContainer as c}from"../context/TableContainerContext/TableContainerContext.js";var p=t((function(t,p){var f=t.rowId,j=t.className,T=t.id,b=t["data-testid"],x=t.children,v=c().menuContainerRef,w=M().size,C=d(),I=C.hoveredRowId,R=C.setTableMenuHidden,E=C.setTableMenuShown,B=C.menuButtonPosition,h=C.onMouseOverRowMenu,N=C.onMouseLeaveRowMenu,L=n((function(){R()}),[R]),z=n((function(){E()}),[E]);return v.current&&I&&I===f?e.createElement(e.Fragment,null,a(e.createElement("div",{className:o(m.rowMenuContainer,l(m,w)),style:{top:B},onMouseEnter:h,onMouseLeave:N},e.createElement(s,{id:T,ref:p,className:o(m.tableMenu,j),size:"xs",onMenuHide:L,onMenuShow:z,"data-testid":b||r(u.TABLE_ROW_MENU,T)},e.createElement(i,null,x))),v.current)):null}));export{p as default};
 //# sourceMappingURL=TableRowMenu.js.map

package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableRowMenu.js","sources":["../../../../../../src/components/Table/TableRowMenu/TableRowMenu.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./TableRowMenu.module.scss\";\nimport MenuButton from \"../../MenuButton/MenuButton\";\nimport { Menu } from \"../../Menu\";\nimport { createPortal } from \"react-dom\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport { getStyle } from \"@vibe/shared\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport { useTableContainer } from \"../context/TableContainerContext/TableContainerContext\";\nimport { type TableMenuProps } from \"./TableRowMenu.types\";\n\nconst TableRowMenu = forwardRef(\n  (\n    { rowId, className, id, \"data-testid\": dataTestId, children }: TableMenuProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { menuContainerRef } = useTableContainer();\n    const { size } = useTable();\n    const {\n      hoveredRowId,\n      setTableMenuHidden,\n      setTableMenuShown,\n      menuButtonPosition,\n      onMouseOverRowMenu,\n      onMouseLeaveRowMenu\n    } = useTableRowMenu();\n\n    const onMenuHide = useCallback(() => {\n      setTableMenuHidden();\n    }, [setTableMenuHidden]);\n\n    const onMenuShow = useCallback(() => {\n      setTableMenuShown();\n    }, [setTableMenuShown]);\n\n    const shouldShowMenu = menuContainerRef.current && hoveredRowId && hoveredRowId === rowId;\n    if (!shouldShowMenu) return null;\n\n    return (\n      <>\n        {createPortal(\n          <div\n            className={cx(styles.rowMenuContainer, getStyle(styles, size))}\n            style={{ top: menuButtonPosition }}\n            onMouseEnter={onMouseOverRowMenu}\n            onMouseLeave={onMouseLeaveRowMenu}\n          >\n            <MenuButton\n              id={id}\n              ref={ref}\n              className={cx(styles.tableMenu, className)}\n              size=\"xs\"\n              onMenuHide={onMenuHide}\n              onMenuShow={onMenuShow}\n              data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_ROW_MENU, id)}\n            >\n              <Menu>{children}</Menu>\n            </MenuButton>\n          </div>,\n          menuContainerRef.current\n        )}\n      </>\n    );\n  }\n);\n\nexport default TableRowMenu;\n"],"names":["TableRowMenu","forwardRef","_ref","ref","rowId","className","id","dataTestId","children","menuContainerRef","useTableContainer","size","useTable","_useTableRowMenu","useTableRowMenu","hoveredRowId","setTableMenuHidden","setTableMenuShown","menuButtonPosition","onMouseOverRowMenu","onMouseLeaveRowMenu","onMenuHide","useCallback","onMenuShow","current","React","createElement","Fragment","createPortal","cx","styles","rowMenuContainer","getStyle","style","top","onMouseEnter","onMouseLeave","MenuButton","tableMenu","getTestId","ComponentDefaultTestId","TABLE_ROW_MENU","Menu"],"mappings":"43BAcMA,IAAAA,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAAKF,EAALE,MAAOC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAA2BM,EAAQN,EAARM,SAG3CC,EAAqBC,IAArBD,iBACAE,EAASC,IAATD,KACRE,EAOIC,IANFC,EAAYF,EAAZE,aACAC,EAAkBH,EAAlBG,mBACAC,EAAiBJ,EAAjBI,kBACAC,EAAkBL,EAAlBK,mBACAC,EAAkBN,EAAlBM,mBACAC,EAAmBP,EAAnBO,oBAGIC,EAAaC,GAAY,WAC7BN,GACF,GAAG,CAACA,IAEEO,EAAaD,GAAY,WAC7BL,GACF,GAAG,CAACA,IAGJ,OADuBR,EAAiBe,SAAWT,GAAgBA,IAAiBX,EAIlFqB,EAAAC,cAAAD,EAAAE,SAAA,KACGC,EACCH,uBACEpB,UAAWwB,EAAGC,EAAOC,iBAAkBC,EAASF,EAAQnB,IACxDsB,MAAO,CAAEC,IAAKhB,GACdiB,aAAchB,EACdiB,aAAchB,GAEdK,EAAAC,cAACW,EACC,CAAA/B,GAAIA,EACJH,IAAKA,EACLE,UAAWwB,EAAGC,EAAOQ,UAAWjC,GAChCM,KAAK,KACLU,WAAYA,EACZE,WAAYA,gBACChB,GAAcgC,EAAUC,EAAuBC,eAAgBnC,IAE5EmB,EAAAC,cAACgB,EAAI,KAAElC,KAGXC,EAAiBe,UAvBK,IA2B9B"}
+{"version":3,"file":"TableRowMenu.js","sources":["../../../../../../src/components/Table/TableRowMenu/TableRowMenu.tsx"],"sourcesContent":["import React, { forwardRef, useCallback } from \"react\";\nimport cx from \"classnames\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport styles from \"./TableRowMenu.module.scss\";\nimport MenuButton from \"../../MenuButton/MenuButton\";\nimport { Menu } from \"../../Menu\";\nimport { createPortal } from \"react-dom\";\nimport { useTable } from \"../context/TableContext/TableContext\";\nimport { getStyle } from \"@vibe/shared\";\nimport { useTableRowMenu } from \"../context/TableRowMenuContext/TableRowMenuContext\";\nimport { useTableContainer } from \"../context/TableContainerContext/TableContainerContext\";\nimport { type TableMenuProps } from \"./TableRowMenu.types\";\n\nconst TableRowMenu = forwardRef(\n  (\n    { rowId, className, id, \"data-testid\": dataTestId, children }: TableMenuProps,\n    ref: React.ForwardedRef<HTMLDivElement>\n  ) => {\n    const { menuContainerRef } = useTableContainer();\n    const { size } = useTable();\n    const {\n      hoveredRowId,\n      setTableMenuHidden,\n      setTableMenuShown,\n      menuButtonPosition,\n      onMouseOverRowMenu,\n      onMouseLeaveRowMenu\n    } = useTableRowMenu();\n\n    const onMenuHide = useCallback(() => {\n      setTableMenuHidden();\n    }, [setTableMenuHidden]);\n\n    const onMenuShow = useCallback(() => {\n      setTableMenuShown();\n    }, [setTableMenuShown]);\n\n    const shouldShowMenu = menuContainerRef.current && hoveredRowId && hoveredRowId === rowId;\n    if (!shouldShowMenu) return null;\n\n    return (\n      <>\n        {createPortal(\n          <div\n            className={cx(styles.rowMenuContainer, getStyle(styles, size))}\n            style={{ top: menuButtonPosition }}\n            onMouseEnter={onMouseOverRowMenu}\n            onMouseLeave={onMouseLeaveRowMenu}\n          >\n            <MenuButton\n              id={id}\n              ref={ref}\n              className={cx(styles.tableMenu, className)}\n              size=\"xs\"\n              onMenuHide={onMenuHide}\n              onMenuShow={onMenuShow}\n              data-testid={dataTestId || getTestId(ComponentDefaultTestId.TABLE_ROW_MENU, id)}\n            >\n              <Menu>{children}</Menu>\n            </MenuButton>\n          </div>,\n          menuContainerRef.current\n        )}\n      </>\n    );\n  }\n);\n\nexport default TableRowMenu;\n"],"names":["TableRowMenu","forwardRef","_ref","ref","rowId","className","id","dataTestId","children","menuContainerRef","useTableContainer","size","useTable","_useTableRowMenu","useTableRowMenu","hoveredRowId","setTableMenuHidden","setTableMenuShown","menuButtonPosition","onMouseOverRowMenu","onMouseLeaveRowMenu","onMenuHide","useCallback","onMenuShow","current","React","createElement","Fragment","createPortal","cx","styles","rowMenuContainer","getStyle","style","top","onMouseEnter","onMouseLeave","MenuButton","tableMenu","getTestId","ComponentDefaultTestId","TABLE_ROW_MENU","Menu"],"mappings":"y3BAcA,IAAMA,EAAeC,GACnB,SAAAC,EAEEC,GACE,IAFAC,EAAKF,EAALE,MAAOC,EAASH,EAATG,UAAWC,EAAEJ,EAAFI,GAAmBC,EAAUL,EAAzB,eAA2BM,EAAQN,EAARM,SAG3CC,EAAqBC,IAArBD,iBACAE,EAASC,IAATD,KACRE,EAOIC,IANFC,EAAYF,EAAZE,aACAC,EAAkBH,EAAlBG,mBACAC,EAAiBJ,EAAjBI,kBACAC,EAAkBL,EAAlBK,mBACAC,EAAkBN,EAAlBM,mBACAC,EAAmBP,EAAnBO,oBAGIC,EAAaC,GAAY,WAC7BN,GACF,GAAG,CAACA,IAEEO,EAAaD,GAAY,WAC7BL,GACF,GAAG,CAACA,IAGJ,OADuBR,EAAiBe,SAAWT,GAAgBA,IAAiBX,EAIlFqB,EAAAC,cAAAD,EAAAE,SAAA,KACGC,EACCH,uBACEpB,UAAWwB,EAAGC,EAAOC,iBAAkBC,EAASF,EAAQnB,IACxDsB,MAAO,CAAEC,IAAKhB,GACdiB,aAAchB,EACdiB,aAAchB,GAEdK,EAAAC,cAACW,EAAU,CACT/B,GAAIA,EACJH,IAAKA,EACLE,UAAWwB,EAAGC,EAAOQ,UAAWjC,GAChCM,KAAK,KACLU,WAAYA,EACZE,WAAYA,gBACChB,GAAcgC,EAAUC,EAAuBC,eAAgBnC,IAE5EmB,EAAAC,cAACgB,EAAI,KAAElC,KAGXC,EAAiBe,UAvBK,IA2B9B"}

package/dist/mocked_classnames/src/components/Table/TableRowMenu/TableRowMenu.module.scss.js

@@ -1,2 +1,2 @@
-var e={rowMenuContainer:"rowMenuContainer",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-6ebd091550ab_4_2_0";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)}(".rowMenuContainer {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--space-8);\n}\n.rowMenuContainer.small {\n  padding-block: var(--space-4);\n}\n.rowMenuContainer.medium {\n  padding-block: var(--space-8);\n}\n.rowMenuContainer.large {\n  padding-block: 12px;\n}");export{e as default};
+var e={rowMenuContainer:"rowMenuContainer",small:"small",medium:"medium",large:"large"};!function(e){const n="s_id-6ebd091550ab_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)}(".rowMenuContainer {\n  position: absolute;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding-inline: var(--space-8);\n}\n.rowMenuContainer.small {\n  padding-block: var(--space-4);\n}\n.rowMenuContainer.medium {\n  padding-block: var(--space-8);\n}\n.rowMenuContainer.large {\n  padding-block: 12px;\n}");export{e as default};
 //# sourceMappingURL=TableRowMenu.module.scss.js.map

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

@@ -1,2 +1,2 @@
-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};
+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"../../../../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/mocked_classnames/src/components/Table/TableVirtualizedBody/TableVirtualizedBody.js.map

@@ -1 +1 @@
-{"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":"0vBA4CA,IAAMA,EAAcC,EAAMC,MACxB,SAAAC,GAQK,MALHC,EAAKD,EAALC,MAMMC,GAAUC,EAPLH,EAAXG,aADIH,EAAJI,MAS0BC,EAAsBC,EAAAL,EAA1C,CAAA,UACN,OAAOH,EAAMS,aAAaL,EAAS,CACjCD,MAAKO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOJ,GAAqC,QAAfK,EAAAR,EAAQS,aAAO,IAAAD,OAAA,EAAAA,EAAAT,QAErD,IAGIW,EAAuBC,GAC3B,SAAAC,EAYEC,GACE,IAXAC,EAAKF,EAALE,MACAb,EAAWW,EAAXX,YACAc,EAAQH,EAARG,SACAC,EAAOJ,EAAPI,QACAC,EAAcL,EAAdK,eACAC,EAAEN,EAAFM,GACAC,EAASP,EAATO,UACeC,EAAUR,EAAzB,eAAaS,EAAAT,EACbU,cAAAA,OAAgB,IAAHD,EAAG,EAACA,EAInBE,EAAiGC,IAAzFC,EAAIF,EAAJE,KAAMC,EAAkBH,EAAlBG,mBAAoBC,EAAuBJ,EAAvBI,wBAAyBC,EAAsBL,EAAtBK,uBAAwBC,EAASN,EAATM,UAC3EC,EAAoBC,IAApBD,gBACFE,IAA0BhB,KAAaC,EACrCgB,GAAcJ,GAAa,CAAE,GAA7BI,UAEFC,EAAoBC,GACxB,SAACC,GACC,IAAMC,EAASD,EAAEC,OACjBP,IACAH,EAAwB,CACtBU,OAAAA,EACAC,cAAeD,GAEnB,GACA,CAACP,EAAiBH,IAGpBY,GAAU,WACR,IAAMC,EAAgBd,EAAmBe,QACzC,GAAKD,EAIL,OAFAA,EAAcE,iBAAiB,SAAUR,GAElC,WACLM,EAAcG,oBAAoB,SAAUT,GAEhD,GAAG,CAACA,EAAmBR,IAEvB,IAAMkB,EAAkCT,GACtC,SAAAU,GASMb,GACJjB,SAAAA,EATe8B,EAAfC,gBACYD,EAAZE,aACwBF,EAAxBG,yBAQF,GACA,CAACjC,EAAUiB,IAGPiB,EAAed,GACnB,SAAAe,GAAqB,IAAlBC,EAAKD,EAALC,MACD,OAAInB,GAAmC,IAAVmB,EACpB,KAKFvD,EAACwD,cAAAzD,EAAY,CAAAO,KAFAY,EADCkB,EAAwBmB,EAAQ,EAAIA,GAGlBlD,YAAaA,EAAaF,MAPpDmD,EAALnD,OAQT,GACD,CAACe,EAAOb,EAAa+B,IAGvBO,GAAU,WACHP,GAAuBJ,GAC9B,GAAG,CAACA,EAAwBI,IAE5B,IAAMqB,EAA2BC,GAC/B,WAAA,OACEtB,EACIrB,GAAW,SAACH,EAA4BK,GAA5B,IAAE0C,EAAwB/C,EAAxB+C,SAAaC,EAAIpD,EAAAI,EAAnB,cAA+D,OACzEZ,EAAKwD,cAAA,MAAA9C,OAAAC,OAAA,CAAAM,IAAKA,GAAS2C,GAChBvC,EAAgBD,GAChBuC,EAEJ,SACDE,CAAS,GACf,CAACzB,EAAuBf,EAAgBD,IAI1C,OAAIiB,GAAaD,EAEbpC,EAAAwD,cAAA,MAAA,CACEvC,IAAKA,EACLK,GAAIA,EACJC,UAAWuC,EAAGC,EAAOC,UAAWD,EAAOE,WAAY1C,GACtC,cAAAC,GAAc0C,EAAUC,EAAuBC,uBAAwB9C,IAEnFD,EAAgBD,GACjBpB,EAAAwD,cAACa,EAAS,OAMdrE,EAACwD,cAAAa,EACC,CAAA9C,UAAWuC,EACTC,EAAOC,UAASM,EAEbP,GAAAA,EAAOE,WAAa7B,GAEvBb,GAEFD,GAAIA,EAAE,cACOE,GAAc0C,EAAUC,EAAuBC,uBAAwB9C,GACpFL,IAAKA,IAEJC,eAAAA,EAAOqD,SACNvE,EAACwD,cAAAgB,EACE,MAAA,SAAAC,GAAgB,OACfzE,EAACwD,cAAAkB,EACC,CAAAnD,UAAWwC,EAAOY,eAClBC,SAAUC,EAAWhD,GACrBiD,OAJML,EAANK,OAKAC,UAAW3C,EAAwBlB,EAAMqD,OAAS,EAAIrD,EAAMqD,OAC5DS,MANaP,EAALO,MAORtD,cAAeA,EACfP,SAAU6B,EACViC,SAAU,SAAA7E,GACR0B,EAAmBe,QAAUzC,CAC9B,EACD8E,iBAAkBzB,GAEjBJ,EAEJ,IAKX"}
+{"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":"uvBA4CA,IAAMA,EAAcC,EAAMC,MACxB,SAAAC,GAQK,MALHC,EAAKD,EAALC,MAMMC,GAAUC,EAPLH,EAAXG,aADIH,EAAJI,MAS0BC,EAAiBC,EAAKL,EAA1C,CAAA,UACN,OAAOH,EAAMS,aAAaL,EAAS,CACjCD,MAAKO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAOJ,GAAmC,QAAbK,EAAAR,EAAQS,aAAK,IAAAD,OAAA,EAAAA,EAAET,QAErD,IAGIW,EAAuBC,GAC3B,SAAAC,EAYEC,GACE,IAXAC,EAAKF,EAALE,MACAb,EAAWW,EAAXX,YACAc,EAAQH,EAARG,SACAC,EAAOJ,EAAPI,QACAC,EAAcL,EAAdK,eACAC,EAAEN,EAAFM,GACAC,EAASP,EAATO,UACeC,EAAUR,EAAzB,eAAaS,EAAAT,EACbU,cAAAA,OAAa,IAAAD,EAAG,EAACA,EAInBE,EAAiGC,IAAzFC,EAAIF,EAAJE,KAAMC,EAAkBH,EAAlBG,mBAAoBC,EAAuBJ,EAAvBI,wBAAyBC,EAAsBL,EAAtBK,uBAAwBC,EAASN,EAATM,UAC3EC,EAAoBC,IAApBD,gBACFE,IAA0BhB,KAAaC,EACrCgB,GAAcJ,GAAa,CAAA,GAA3BI,UAEFC,EAAoBC,GACxB,SAACC,GACC,IAAMC,EAASD,EAAEC,OACjBP,IACAH,EAAwB,CACtBU,OAAAA,EACAC,cAAeD,GAEnB,GACA,CAACP,EAAiBH,IAGpBY,GAAU,WACR,IAAMC,EAAgBd,EAAmBe,QACzC,GAAKD,EAIL,OAFAA,EAAcE,iBAAiB,SAAUR,GAElC,WACLM,EAAcG,oBAAoB,SAAUT,EAC9C,CACF,GAAG,CAACA,EAAmBR,IAEvB,IAAMkB,EAAkCT,GACtC,SAAAU,GASMb,GACJjB,SAAAA,EATe8B,EAAfC,gBACYD,EAAZE,aACwBF,EAAxBG,yBAQF,GACA,CAACjC,EAAUiB,IAGPiB,EAAed,GACnB,SAAAe,GAAqB,IAAlBC,EAAKD,EAALC,MACD,OAAInB,GAAmC,IAAVmB,EACpB,KAKFvD,EAAAwD,cAACzD,EAAW,CAACO,KAFAY,EADCkB,EAAwBmB,EAAQ,EAAIA,GAGlBlD,YAAaA,EAAaF,MAPpDmD,EAALnD,OAQV,GACA,CAACe,EAAOb,EAAa+B,IAGvBO,GAAU,WACHP,GAAuBJ,GAC9B,GAAG,CAACA,EAAwBI,IAE5B,IAAMqB,EAA2BC,GAC/B,WAAA,OACEtB,EACIrB,GAAW,SAACH,EAA4BK,GAA5B,IAAE0C,EAAQ/C,EAAR+C,SAAaC,EAAIpD,EAAAI,EAAnB,cAA+D,OACzEZ,EAAAwD,cAAA,MAAA9C,OAAAC,OAAA,CAAKM,IAAKA,GAAS2C,GAChBvC,EAAgBD,GAChBuC,WAGLE,CAAS,GACf,CAACzB,EAAuBf,EAAgBD,IAI1C,OAAIiB,GAAaD,EAEbpC,EAAAwD,cAAA,MAAA,CACEvC,IAAKA,EACLK,GAAIA,EACJC,UAAWuC,EAAGC,EAAOC,UAAWD,EAAOE,WAAY1C,GAAU,cAChDC,GAAc0C,EAAUC,EAAuBC,uBAAwB9C,IAEnFD,EAAgBD,GACjBpB,EAAAwD,cAACa,EAAS,OAMdrE,EAAAwD,cAACa,EAAS,CACR9C,UAAWuC,EACTC,EAAOC,UAASM,EAAA,GAEbP,EAAOE,WAAa7B,GAEvBb,GAEFD,GAAIA,EAAE,cACOE,GAAc0C,EAAUC,EAAuBC,uBAAwB9C,GACpFL,IAAKA,IAEJC,eAAAA,EAAOqD,SACNvE,EAAAwD,cAACgB,EAAS,MACP,SAAAC,GAAgB,OACfzE,EAAAwD,cAACkB,EAAI,CACHnD,UAAWwC,EAAOY,eAClBC,SAAUC,EAAWhD,GACrBiD,OAJML,EAANK,OAKAC,UAAW3C,EAAwBlB,EAAMqD,OAAS,EAAIrD,EAAMqD,OAC5DS,MANaP,EAALO,MAORtD,cAAeA,EACfP,SAAU6B,EACViC,SAAU,SAAA7E,GACR0B,EAAmBe,QAAUzC,CAC/B,EACA8E,iBAAkBzB,GAEjBJ,EACI,IAMnB"}

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

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

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

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