@economic/taco 10.0.1-improve-publish-scripts.0 → 10.0.1-react-19.0

package/dist/utils/tailwind.js.map

@@ -1 +1 @@
-{"version":3,"file":"tailwind.js","sources":["../../src/utils/tailwind.ts"],"sourcesContent":["import { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = [\n    'green',\n    'yellow',\n    'red',\n    'blue',\n    'purple',\n    'brown',\n    'pink',\n    'orange',\n    'grey',\n    'transparent',\n] as const;\n\nexport const getColorByState = (state: State | undefined): Color => {\n    switch (state) {\n        case 'information':\n            return 'blue';\n        case 'warning':\n            return 'yellow';\n        case 'error':\n            return 'red';\n        case 'experiment':\n            return 'purple';\n        case 'success':\n            return 'green';\n        default:\n            return 'grey';\n    }\n};\n\nexport const getOutlineColorShadeClasses = (state: Color | undefined): string => {\n    switch (state) {\n        case 'green':\n            return 'border-green-500 text-green-500';\n        case 'yellow':\n            return 'border-yellow-500 text-yellow-500';\n        case 'red':\n            return 'border-red-500 text-red-500';\n        case 'blue':\n            return 'border-blue-500 text-blue-500';\n        case 'purple':\n            return 'border-purple-500 text-purple-500';\n        case 'brown':\n            return 'border-brown-500 text-brown-500';\n        case 'pink':\n            return 'border-pink-500 text-pink-500';\n        case 'orange':\n            return 'border-orange-500 text-orange-500';\n\n        default:\n            return 'border-gray-500 text-gray-500';\n    }\n};\n\nexport const getSubtleColorShadeClasses = (value: Color | undefined): string => {\n    switch (value) {\n        case 'green':\n            return 'bg-green-100 text-green-700';\n        case 'yellow':\n            return 'bg-yellow-100 text-yellow-700';\n        case 'red':\n            return 'bg-red-100 text-red-700';\n        case 'blue':\n            return 'bg-blue-100 text-blue-700';\n        case 'purple':\n            return 'bg-purple-100 text-purple-700';\n        case 'brown':\n            return 'bg-brown-100 text-brown-700';\n        case 'pink':\n            return 'bg-pink-100 text-pink-700';\n        case 'orange':\n            return 'bg-orange-100 text-orange-700';\n        case 'transparent':\n            return 'wcag-transparent';\n\n        default:\n            return 'bg-gray-100 text-black';\n    }\n};\n\nexport const getColorShadeClasses = (value: Color | undefined): string => {\n    switch (value) {\n        case 'green':\n            return 'bg-green-500 text-white';\n        case 'yellow':\n            return 'bg-yellow-200 text-black';\n        case 'red':\n            return 'bg-red-500 text-white';\n        case 'blue':\n            return 'bg-blue-500 text-white';\n        case 'purple':\n            return 'bg-purple-500 text-white';\n        case 'brown':\n            return 'bg-brown-700 text-white';\n        case 'pink':\n            return 'bg-pink-500 text-white';\n        case 'orange':\n            return 'bg-orange-700 text-orange-900';\n        case 'transparent':\n            return 'bg-black-subtle text-black';\n\n        default:\n            return 'bg-gray-500 text-white';\n    }\n};\n"],"names":[],"mappings":"AAEO,MAAM,mBAAmB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEa,MAAA,kBAAkB,CAAC,UAAoC;AAChE,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,8BAA8B,CAAC,UAAqC;AAC7E,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,6BAA6B,CAAC,UAAqC;AAC5E,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;AAEa,MAAA,uBAAuB,CAAC,UAAqC;AACtE,UAAQ,OAAO;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IACX,KAAK;AACM,aAAA;AAAA,IAEX;AACW,aAAA;AAAA,EAAA;AAEnB;"}
+{"version":3,"file":"tailwind.js","sources":["../../src/utils/tailwind.ts"],"sourcesContent":["import { Color, State } from '../types';\n\nexport const AVAILABLE_COLORS = [\n    'green',\n    'yellow',\n    'red',\n    'blue',\n    'purple',\n    'brown',\n    'pink',\n    'orange',\n    'grey',\n    'transparent',\n] as const;\n\nexport const COLOR_BY_STATE: Record<State, Color> = {\n    information: 'blue',\n    warning: 'yellow',\n    error: 'red',\n    experiment: 'purple',\n    success: 'green',\n    default: 'grey',\n};\n\nexport const OUTLINE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'border-green-500 text-green-500',\n    yellow: 'border-yellow-500 text-yellow-500',\n    red: 'border-red-500 text-red-500',\n    blue: 'border-blue-500 text-blue-500',\n    purple: 'border-purple-500 text-purple-500',\n    brown: 'border-brown-500 text-brown-500',\n    pink: 'border-pink-500 text-pink-500',\n    orange: 'border-orange-500 text-orange-500',\n    grey: 'border-gray-500 text-gray-500',\n    transparent: 'border-gray-500 text-gray-500',\n};\n\nexport const SUBTLE_COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-100 text-green-700',\n    yellow: 'bg-yellow-100 text-yellow-700',\n    red: 'bg-red-100 text-red-700',\n    blue: 'bg-blue-100 text-blue-700',\n    purple: 'bg-purple-100 text-purple-700',\n    brown: 'bg-brown-100 text-brown-700',\n    pink: 'bg-pink-100 text-pink-700',\n    orange: 'bg-orange-100 text-orange-700',\n    grey: 'bg-gray-100 text-black',\n    transparent: 'wcag-transparent',\n};\n\nexport const COLOR_SHADE_CLASSNAME: Record<Color, string> = {\n    green: 'bg-green-500 text-white',\n    yellow: 'bg-yellow-200 text-black',\n    red: 'bg-red-500 text-white',\n    blue: 'bg-blue-500 text-white',\n    purple: 'bg-purple-500 text-white',\n    brown: 'bg-brown-700 text-white',\n    pink: 'bg-pink-500 text-white',\n    orange: 'bg-orange-700 text-orange-900',\n    grey: 'bg-gray-500 text-white',\n    transparent: 'bg-black-subtle text-black',\n};\n"],"names":[],"mappings":"AAEO,MAAM,mBAAmB;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACJ;AAEO,MAAM,iBAAuC;AAAA,EAChD,aAAa;AAAA,EACb,SAAS;AAAA,EACT,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,SAAS;AAAA,EACT,SAAS;AACb;AAEO,MAAM,gCAAuD;AAAA,EAChE,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,+BAAsD;AAAA,EAC/D,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AACjB;AAEO,MAAM,wBAA+C;AAAA,EACxD,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,aAAa;AACjB;"}

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@economic/taco",
-    "version": "10.0.1-improve-publish-scripts.0",
+    "version": "10.0.1-react-19.0",
     "license": "MIT",
     "type": "module",
     "main": "./dist/index.cjs",
@@ -46,60 +46,53 @@
         "@dnd-kit/modifiers": "^7.0.0",
         "@dnd-kit/sortable": "^7.0.2",
         "@dnd-kit/utilities": "^3.2.2",
-        "@economic/taco-tokens": "^3.0.0",
+        "@economic/taco-tokens": "3.0.1-react-19.0",
         "@radix-ui/react-scroll-area": "1.2.10",
         "@react-aria/focus": "^3.19.0",
         "@react-aria/interactions": "^3.12.0",
         "@tanstack/react-table": "^8.21.3",
-        "@tanstack/react-virtual": "3.14.5",
+        "@tanstack/react-virtual": "3.14.6",
         "clsx": "^2.1.1",
         "date-fns": "^3.6.0",
-        "framer-motion": "12.42.2",
-        "lodash": "^4.17.21",
+        "lodash": "^4.18.1",
+        "motion": "12.42.2",
         "nanoid": "^5.1.16",
         "react-aria-components": "^1.7.1",
-        "react-day-picker": "^9.11.0",
-        "react-intersection-observer": "^9.4.0",
-        "react-joyride": "^3.1.0",
-        "react-table": "^7.8.0",
-        "react-window": "^1.8.11",
-        "react-window-infinite-loader": "^1.0.10",
-        "recharts": "^2.13.3",
-        "typeface-open-sans": "^1.1.13"
+        "react-day-picker": "^9.14.0",
+        "react-intersection-observer": "^9.16.0",
+        "react-joyride": "^3.2.0",
+        "recharts": "^2.15.4"
     },
     "peerDependencies": {
-        "react": "^18.3.1",
-        "react-dom": "^18.3.1",
+        "react": "^18.3.1 || ^19.0.0",
+        "react-dom": "^18.3.1 || ^19.0.0",
         "tailwindcss": ">=3.4.19"
     },
     "devDependencies": {
         "@oxlint/plugins": "^1.72.0",
         "@svgr/cli": "^5.5.0",
-        "@testing-library/jest-dom": "6.9.1",
-        "@testing-library/react": "16.3.2",
-        "@testing-library/user-event": "14.6.1",
+        "@testing-library/jest-dom": "^6.9.1",
+        "@testing-library/react": "^16.3.2",
+        "@testing-library/user-event": "^14.6.1",
         "@types/lodash": "^4.17.24",
-        "@types/node": "^22.20.0",
-        "@types/react": "18.3.31",
-        "@types/react-dom": "18.3.7",
-        "@types/react-table": "^7.7.20",
-        "@types/react-window": "^1.8.8",
-        "@types/react-window-infinite-loader": "^1.0.9",
+        "@types/node": "^22.20.1",
+        "@types/react": "^19.0.0",
+        "@types/react-dom": "^19.0.0",
         "fast-sort": "^2.2.0",
-        "jsdom": "^26.1.0",
+        "jsdom": "^29.1.1",
         "resize-observer-polyfill": "^1.5.1",
-        "rimraf": "^3.0.2",
+        "rimraf": "^6.1.3",
         "stylelint": "^17.14.0",
         "svgo": "^1.3.2",
         "tailwindcss": "^3.4.19",
         "typescript": "^5.9.3",
-        "vite": "^6.4.3",
-        "vite-plugin-dts": "^4.5.4",
+        "vite": "^7.3.6",
+        "vite-plugin-dts": "^5.0.3",
         "vite-plugin-externalize-deps": "^0.10.0",
-        "vitest": "^3.2.6"
+        "vitest": "^4.1.10"
     },
     "optionalDependencies": {
         "@rollup/rollup-linux-x64-gnu": "^4.62.2"
     },
-    "gitHead": "e701a865199e65cf90006a2e2cc3930dd53cbc90"
+    "gitHead": "8ee4b8e20041547001785a22b2f4a80f8b223c5a"
 }

package/dist/components/Table/Table.d.ts

@@ -1,14 +0,0 @@
-export * from './components/Table';
-export * from './components/PaginatedTable';
-export * from './components/WindowedTable';
-export type { PaginationHandler, Row, RowIndexPath, RowClickHandler, RowDragHandler, RowCreateHandler, RowCopyHandler, RowDeleteHandler, RowActionHandler, SelectedRowsHandler, SelectedRowsState, SortDirection, SortHandler, SortRule, SortTypes, LegacyTableCell, LegacyTableColumnProps, LegacyTableGroupProps, LegacyTableProps, LegacyTableRow, LegacyTableRef, } from './types';
-export * from './util/rowIndexPath';
-export * from './hooks/useRowCreation';
-export type LegacyTableTexts = {
-    actions: string;
-    edit: string;
-    copy: string;
-    del: string;
-    newSubRow: string;
-    loading: string;
-};

package/dist/components/Table/components/BaseTable.cjs

@@ -1,30 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const cn = require("clsx");
-const useMergedRef = require("../../../hooks/useMergedRef.cjs");
-;/* empty css            */
-const renderColumn = require("../util/renderColumn.cjs");
-const DefaultEmptyState = () => null;
-const BaseTable = React.forwardRef(function BaseTable2(props, ref) {
-  const tableRef = useMergedRef.useMergedRef(ref);
-  const { autoFocus, children, disableSorting: _, headerGroups, headerRef, bodyRef, ...otherProps } = props;
-  React.useEffect(() => {
-    if (autoFocus && tableRef.current) {
-      tableRef.current.focus();
-    }
-  }, []);
-  const className = cn("yt-table flex flex-col focus:yt-focus focus:rounded-sm", props.className);
-  return /* @__PURE__ */ React.createElement("div", { ...otherProps, role: "table", className, ref: tableRef }, /* @__PURE__ */ React.createElement("div", { role: "rowgroup", className: "yt-table__head", ref: headerRef }, headerGroups == null ? void 0 : headerGroups.map((headerGroup, index) => /* @__PURE__ */ React.createElement(
-    "div",
-    {
-      key: index,
-      role: "row",
-      className: "flex h-auto min-h-[2.5rem] w-full select-none border-b-2 border-t-0 border-gray-100 font-bold"
-    },
-    headerGroup.headers.map((cell, index2) => /* @__PURE__ */ React.createElement(renderColumn.Column, { key: index2, index: index2, cell }))
-  ))), /* @__PURE__ */ React.createElement("div", { role: "rowgroup", className: "yt-table__body", ref: bodyRef }, children));
-});
-exports.BaseTable = BaseTable;
-exports.DefaultEmptyState = DefaultEmptyState;
-//# sourceMappingURL=BaseTable.cjs.map

package/dist/components/Table/components/BaseTable.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseTable.cjs","sources":["../../../../src/components/Table/components/BaseTable.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { HeaderGroup } from 'react-table';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { InternalBaseTable } from '../types';\nimport './Table.css';\nimport { Column } from '../util/renderColumn';\n\nexport const DefaultEmptyState = (): React.ReactNode => null;\n\nexport const BaseTable = React.forwardRef(function BaseTable(props: InternalBaseTable, ref: React.Ref<HTMLDivElement>) {\n    const tableRef = useMergedRef<HTMLDivElement>(ref);\n    const { autoFocus, children, disableSorting: _, headerGroups, headerRef, bodyRef, ...otherProps } = props;\n\n    React.useEffect(() => {\n        if (autoFocus && tableRef.current) {\n            tableRef.current.focus();\n        }\n    }, []);\n\n    const className = cn('yt-table flex flex-col focus:yt-focus focus:rounded-sm', props.className);\n\n    return (\n        <div {...otherProps} role=\"table\" className={className} ref={tableRef}>\n            <div role=\"rowgroup\" className=\"yt-table__head\" ref={headerRef}>\n                {headerGroups?.map((headerGroup: HeaderGroup<object>, index: number) => (\n                    <div\n                        key={index}\n                        role=\"row\"\n                        className=\"flex h-auto min-h-[2.5rem] w-full select-none border-b-2 border-t-0 border-gray-100 font-bold\">\n                        {headerGroup.headers.map((cell: any, index: number) => (\n                            <Column key={index} index={index} cell={cell} />\n                        ))}\n                    </div>\n                ))}\n            </div>\n\n            <div role=\"rowgroup\" className=\"yt-table__body\" ref={bodyRef}>\n                {children}\n            </div>\n        </div>\n    );\n});\n"],"names":["BaseTable","useMergedRef","index","Column"],"mappings":";;;;;;;AAQO,MAAM,oBAAoB,MAAuB;AAEjD,MAAM,YAAY,MAAM,WAAW,SAASA,WAAU,OAA0B,KAAgC;AAC7G,QAAA,WAAWC,0BAA6B,GAAG;AAC3C,QAAA,EAAE,WAAW,UAAU,gBAAgB,GAAG,cAAc,WAAW,SAAS,GAAG,WAAA,IAAe;AAEpG,QAAM,UAAU,MAAM;AACd,QAAA,aAAa,SAAS,SAAS;AAC/B,eAAS,QAAQ,MAAM;AAAA,IAAA;AAAA,EAE/B,GAAG,EAAE;AAEL,QAAM,YAAY,GAAG,0DAA0D,MAAM,SAAS;AAG1F,SAAA,sBAAA,cAAC,SAAK,GAAG,YAAY,MAAK,SAAQ,WAAsB,KAAK,SACzD,GAAA,sBAAA,cAAC,SAAI,MAAK,YAAW,WAAU,kBAAiB,KAAK,aAChD,6CAAc,IAAI,CAAC,aAAkC,UAClD,sBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK;AAAA,MACL,MAAK;AAAA,MACL,WAAU;AAAA,IAAA;AAAA,IACT,YAAY,QAAQ,IAAI,CAAC,MAAWC,WAChC,sBAAA,cAAAC,aAAAA,QAAA,EAAO,KAAKD,QAAO,OAAOA,QAAO,MAAY,CACjD;AAAA,EAER,EACL,GAEA,sBAAA,cAAC,OAAI,EAAA,MAAK,YAAW,WAAU,kBAAiB,KAAK,QAChD,GAAA,QACL,CACJ;AAER,CAAC;;;"}

package/dist/components/Table/components/BaseTable.d.ts

@@ -1,7 +0,0 @@
-import { default as React } from 'react';
-export declare const DefaultEmptyState: () => React.ReactNode;
-export declare const BaseTable: React.ForwardRefExoticComponent<Partial<import('../types').LegacyTableProps<any>> & Partial<import('react-table').TableInstance<{}>> & {
-    children: JSX.Element;
-    headerRef?: React.MutableRefObject<HTMLDivElement | null>;
-    bodyRef?: React.MutableRefObject<HTMLDivElement | null>;
-} & React.RefAttributes<HTMLDivElement>>;

package/dist/components/Table/components/BaseTable.js

@@ -1,30 +0,0 @@
-import React__default from "react";
-import cn from "clsx";
-import { useMergedRef } from "../../../hooks/useMergedRef.js";
-/* empty css          */
-import { Column } from "../util/renderColumn.js";
-const DefaultEmptyState = () => null;
-const BaseTable = React__default.forwardRef(function BaseTable2(props, ref) {
-  const tableRef = useMergedRef(ref);
-  const { autoFocus, children, disableSorting: _, headerGroups, headerRef, bodyRef, ...otherProps } = props;
-  React__default.useEffect(() => {
-    if (autoFocus && tableRef.current) {
-      tableRef.current.focus();
-    }
-  }, []);
-  const className = cn("yt-table flex flex-col focus:yt-focus focus:rounded-sm", props.className);
-  return /* @__PURE__ */ React__default.createElement("div", { ...otherProps, role: "table", className, ref: tableRef }, /* @__PURE__ */ React__default.createElement("div", { role: "rowgroup", className: "yt-table__head", ref: headerRef }, headerGroups == null ? void 0 : headerGroups.map((headerGroup, index) => /* @__PURE__ */ React__default.createElement(
-    "div",
-    {
-      key: index,
-      role: "row",
-      className: "flex h-auto min-h-[2.5rem] w-full select-none border-b-2 border-t-0 border-gray-100 font-bold"
-    },
-    headerGroup.headers.map((cell, index2) => /* @__PURE__ */ React__default.createElement(Column, { key: index2, index: index2, cell }))
-  ))), /* @__PURE__ */ React__default.createElement("div", { role: "rowgroup", className: "yt-table__body", ref: bodyRef }, children));
-});
-export {
-  BaseTable,
-  DefaultEmptyState
-};
-//# sourceMappingURL=BaseTable.js.map

package/dist/components/Table/components/BaseTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseTable.js","sources":["../../../../src/components/Table/components/BaseTable.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { HeaderGroup } from 'react-table';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { InternalBaseTable } from '../types';\nimport './Table.css';\nimport { Column } from '../util/renderColumn';\n\nexport const DefaultEmptyState = (): React.ReactNode => null;\n\nexport const BaseTable = React.forwardRef(function BaseTable(props: InternalBaseTable, ref: React.Ref<HTMLDivElement>) {\n    const tableRef = useMergedRef<HTMLDivElement>(ref);\n    const { autoFocus, children, disableSorting: _, headerGroups, headerRef, bodyRef, ...otherProps } = props;\n\n    React.useEffect(() => {\n        if (autoFocus && tableRef.current) {\n            tableRef.current.focus();\n        }\n    }, []);\n\n    const className = cn('yt-table flex flex-col focus:yt-focus focus:rounded-sm', props.className);\n\n    return (\n        <div {...otherProps} role=\"table\" className={className} ref={tableRef}>\n            <div role=\"rowgroup\" className=\"yt-table__head\" ref={headerRef}>\n                {headerGroups?.map((headerGroup: HeaderGroup<object>, index: number) => (\n                    <div\n                        key={index}\n                        role=\"row\"\n                        className=\"flex h-auto min-h-[2.5rem] w-full select-none border-b-2 border-t-0 border-gray-100 font-bold\">\n                        {headerGroup.headers.map((cell: any, index: number) => (\n                            <Column key={index} index={index} cell={cell} />\n                        ))}\n                    </div>\n                ))}\n            </div>\n\n            <div role=\"rowgroup\" className=\"yt-table__body\" ref={bodyRef}>\n                {children}\n            </div>\n        </div>\n    );\n});\n"],"names":["React","BaseTable","index"],"mappings":";;;;;AAQO,MAAM,oBAAoB,MAAuB;AAEjD,MAAM,YAAYA,eAAM,WAAW,SAASC,WAAU,OAA0B,KAAgC;AAC7G,QAAA,WAAW,aAA6B,GAAG;AAC3C,QAAA,EAAE,WAAW,UAAU,gBAAgB,GAAG,cAAc,WAAW,SAAS,GAAG,WAAA,IAAe;AAEpGD,iBAAM,UAAU,MAAM;AACd,QAAA,aAAa,SAAS,SAAS;AAC/B,eAAS,QAAQ,MAAM;AAAA,IAAA;AAAA,EAE/B,GAAG,EAAE;AAEL,QAAM,YAAY,GAAG,0DAA0D,MAAM,SAAS;AAG1F,SAAAA,+BAAA,cAAC,SAAK,GAAG,YAAY,MAAK,SAAQ,WAAsB,KAAK,SACzD,GAAAA,+BAAA,cAAC,SAAI,MAAK,YAAW,WAAU,kBAAiB,KAAK,aAChD,6CAAc,IAAI,CAAC,aAAkC,UAClDA,+BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,KAAK;AAAA,MACL,MAAK;AAAA,MACL,WAAU;AAAA,IAAA;AAAA,IACT,YAAY,QAAQ,IAAI,CAAC,MAAWE,WAChCF,+BAAA,cAAA,QAAA,EAAO,KAAKE,QAAO,OAAOA,QAAO,MAAY,CACjD;AAAA,EAER,EACL,GAEAF,+BAAA,cAAC,OAAI,EAAA,MAAK,YAAW,WAAU,kBAAiB,KAAK,QAChD,GAAA,QACL,CACJ;AAER,CAAC;"}

package/dist/components/Table/components/PaginatedTable.cjs

@@ -1,11 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const Table = require("./Table.cjs");
-const PaginatedTable = React.forwardRef(function PaginatedTable2(props, ref) {
-  return /* @__PURE__ */ React.createElement(Table.Table, { ...props, disablePagination: false, ref });
-});
-PaginatedTable.Column = () => null;
-PaginatedTable.Group = () => null;
-exports.PaginatedTable = PaginatedTable;
-//# sourceMappingURL=PaginatedTable.cjs.map

package/dist/components/Table/components/PaginatedTable.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaginatedTable.cjs","sources":["../../../../src/components/Table/components/PaginatedTable.tsx"],"sourcesContent":["import React from 'react';\nimport { ForwardedGenericTableWithStatics, LegacyTableProps, LegacyTableRef } from '../types';\nimport { Table } from './Table';\n\nexport const PaginatedTable = React.forwardRef(function PaginatedTable<T extends object>(\n    props: LegacyTableProps<T>,\n    ref: React.Ref<LegacyTableRef>\n) {\n    return <Table {...props} disablePagination={false} ref={ref} />;\n}) as ForwardedGenericTableWithStatics;\n\nPaginatedTable.Column = () => null;\nPaginatedTable.Group = () => null;\n"],"names":["PaginatedTable","Table"],"mappings":";;;;AAIO,MAAM,iBAAiB,MAAM,WAAW,SAASA,gBACpD,OACA,KACF;AACE,6CAAQC,aAAO,EAAA,GAAG,OAAO,mBAAmB,OAAO,KAAU;AACjE,CAAC;AAED,eAAe,SAAS,MAAM;AAC9B,eAAe,QAAQ,MAAM;;"}

package/dist/components/Table/components/PaginatedTable.d.ts

@@ -1,2 +0,0 @@
-import { ForwardedGenericTableWithStatics } from '../types';
-export declare const PaginatedTable: ForwardedGenericTableWithStatics;

package/dist/components/Table/components/PaginatedTable.js

@@ -1,11 +0,0 @@
-import React__default from "react";
-import { Table } from "./Table.js";
-const PaginatedTable = React__default.forwardRef(function PaginatedTable2(props, ref) {
-  return /* @__PURE__ */ React__default.createElement(Table, { ...props, disablePagination: false, ref });
-});
-PaginatedTable.Column = () => null;
-PaginatedTable.Group = () => null;
-export {
-  PaginatedTable
-};
-//# sourceMappingURL=PaginatedTable.js.map

package/dist/components/Table/components/PaginatedTable.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PaginatedTable.js","sources":["../../../../src/components/Table/components/PaginatedTable.tsx"],"sourcesContent":["import React from 'react';\nimport { ForwardedGenericTableWithStatics, LegacyTableProps, LegacyTableRef } from '../types';\nimport { Table } from './Table';\n\nexport const PaginatedTable = React.forwardRef(function PaginatedTable<T extends object>(\n    props: LegacyTableProps<T>,\n    ref: React.Ref<LegacyTableRef>\n) {\n    return <Table {...props} disablePagination={false} ref={ref} />;\n}) as ForwardedGenericTableWithStatics;\n\nPaginatedTable.Column = () => null;\nPaginatedTable.Group = () => null;\n"],"names":["React","PaginatedTable"],"mappings":";;AAIO,MAAM,iBAAiBA,eAAM,WAAW,SAASC,gBACpD,OACA,KACF;AACE,sDAAQ,OAAO,EAAA,GAAG,OAAO,mBAAmB,OAAO,KAAU;AACjE,CAAC;AAED,eAAe,SAAS,MAAM;AAC9B,eAAe,QAAQ,MAAM;"}

package/dist/components/Table/components/Table.cjs

@@ -1,47 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const useTable = require("../hooks/useTable.cjs");
-const Pagination = require("../../Pagination/Pagination.cjs");
-const useMergedRef = require("../../../hooks/useMergedRef.cjs");
-const renderRow = require("../util/renderRow.cjs");
-const BaseTable = require("./BaseTable.cjs");
-const Table = React.forwardRef(function Table2(props, ref) {
-  const { emptyStateRenderer = BaseTable.DefaultEmptyState, ...otherProps } = props;
-  const tableRef = useMergedRef.useMergedRef(ref);
-  const { rowProps, tableProps, rows, prepareRow, pagination, instance } = useTable.useTable(otherProps, tableRef);
-  let paginationElement;
-  if (pagination) {
-    paginationElement = /* @__PURE__ */ React.createElement(
-      Pagination.Pagination,
-      {
-        className: "my-4 w-full",
-        length: pagination.length,
-        pageIndex: pagination.pageIndex,
-        pageSize: pagination.pageSize,
-        setPageIndex: pagination.setPageIndex,
-        setPageSize: pagination.setPageSize,
-        showPageControls: pagination.length > pagination.pageSize,
-        dangerouslyHijackGlobalKeyboardNavigation: props.dangerouslyHijackGlobalKeyboardNavigation
-      }
-    );
-  }
-  return /* @__PURE__ */ React.createElement(React.Fragment, null, paginationElement, /* @__PURE__ */ React.createElement(BaseTable.BaseTable, { ...tableProps, ref: tableRef }, rows.length ? rows.map((row, index) => {
-    prepareRow(row, index);
-    return /* @__PURE__ */ React.createElement(
-      renderRow.Row,
-      {
-        ...rowProps,
-        key: index,
-        index,
-        row,
-        instance,
-        headerGroups: tableProps.headerGroups
-      }
-    );
-  }) : emptyStateRenderer()), paginationElement);
-});
-Table.Column = () => null;
-Table.Group = () => null;
-exports.Table = Table;
-//# sourceMappingURL=Table.cjs.map

package/dist/components/Table/components/Table.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Table.cjs","sources":["../../../../src/components/Table/components/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { PluginHook } from 'react-table';\nimport { LegacyTableProps, InternalTableRow, ForwardedGenericTableWithStatics, LegacyTableRef } from '../types';\nimport { useTable } from '../hooks/useTable';\nimport { Pagination } from '../../Pagination/Pagination';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { Row } from '../util/renderRow';\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\n\nexport const Table = React.forwardRef(function Table<T extends object>(\n    props: LegacyTableProps<T> & { plugins: PluginHook<object>[] },\n    ref: React.Ref<LegacyTableRef>\n) {\n    const { emptyStateRenderer = DefaultEmptyState, ...otherProps } = props;\n    const tableRef: any = useMergedRef<HTMLDivElement>(ref);\n    const { rowProps, tableProps, rows, prepareRow, pagination, instance } = useTable(otherProps, tableRef);\n\n    let paginationElement;\n\n    if (pagination) {\n        paginationElement = (\n            <Pagination\n                className=\"my-4 w-full\"\n                length={pagination.length}\n                pageIndex={pagination.pageIndex}\n                pageSize={pagination.pageSize}\n                setPageIndex={pagination.setPageIndex}\n                setPageSize={pagination.setPageSize}\n                showPageControls={pagination.length > pagination.pageSize}\n                dangerouslyHijackGlobalKeyboardNavigation={props.dangerouslyHijackGlobalKeyboardNavigation}\n            />\n        );\n    }\n\n    return (\n        <>\n            {paginationElement}\n            <BaseTable {...tableProps} ref={tableRef}>\n                {rows.length\n                    ? rows.map((row: InternalTableRow, index: number) => {\n                          prepareRow(row, index);\n                          return (\n                              <Row\n                                  {...rowProps}\n                                  key={index}\n                                  index={index}\n                                  row={row}\n                                  instance={instance}\n                                  headerGroups={tableProps.headerGroups}\n                              />\n                          );\n                      })\n                    : emptyStateRenderer()}\n            </BaseTable>\n            {paginationElement}\n        </>\n    );\n}) as ForwardedGenericTableWithStatics;\n\nTable.Column = () => null;\nTable.Group = () => null;\n"],"names":["Table","DefaultEmptyState","useMergedRef","useTable","Pagination","BaseTable","Row"],"mappings":";;;;;;;;AASO,MAAM,QAAQ,MAAM,WAAW,SAASA,OAC3C,OACA,KACF;AACE,QAAM,EAAE,qBAAqBC,UAAAA,mBAAmB,GAAG,WAAe,IAAA;AAC5D,QAAA,WAAgBC,0BAA6B,GAAG;AAChD,QAAA,EAAE,UAAU,YAAY,MAAM,YAAY,YAAY,aAAaC,SAAAA,SAAS,YAAY,QAAQ;AAElG,MAAA;AAEJ,MAAI,YAAY;AAER,wBAAA,sBAAA;AAAA,MAACC,WAAA;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,QAAQ,WAAW;AAAA,QACnB,WAAW,WAAW;AAAA,QACtB,UAAU,WAAW;AAAA,QACrB,cAAc,WAAW;AAAA,QACzB,aAAa,WAAW;AAAA,QACxB,kBAAkB,WAAW,SAAS,WAAW;AAAA,QACjD,2CAA2C,MAAM;AAAA,MAAA;AAAA,IACrD;AAAA,EAAA;AAIR,SAES,sBAAA,cAAA,MAAA,UAAA,MAAA,mBACA,sBAAA,cAAAC,qBAAA,EAAW,GAAG,YAAY,KAAK,SAC3B,GAAA,KAAK,SACA,KAAK,IAAI,CAAC,KAAuB,UAAkB;AAC/C,eAAW,KAAK,KAAK;AAEjB,WAAA,sBAAA;AAAA,MAACC,UAAA;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc,WAAW;AAAA,MAAA;AAAA,IAC7B;AAAA,EAAA,CAEP,IACD,oBACV,GACC,iBACL;AAER,CAAC;AAED,MAAM,SAAS,MAAM;AACrB,MAAM,QAAQ,MAAM;;"}

package/dist/components/Table/components/Table.d.ts

@@ -1,2 +0,0 @@
-import { ForwardedGenericTableWithStatics } from '../types';
-export declare const Table: ForwardedGenericTableWithStatics;

package/dist/components/Table/components/Table.js

@@ -1,47 +0,0 @@
-import React__default from "react";
-import { useTable } from "../hooks/useTable.js";
-import { Pagination } from "../../Pagination/Pagination.js";
-import { useMergedRef } from "../../../hooks/useMergedRef.js";
-import { Row } from "../util/renderRow.js";
-import { DefaultEmptyState, BaseTable } from "./BaseTable.js";
-const Table = React__default.forwardRef(function Table2(props, ref) {
-  const { emptyStateRenderer = DefaultEmptyState, ...otherProps } = props;
-  const tableRef = useMergedRef(ref);
-  const { rowProps, tableProps, rows, prepareRow, pagination, instance } = useTable(otherProps, tableRef);
-  let paginationElement;
-  if (pagination) {
-    paginationElement = /* @__PURE__ */ React__default.createElement(
-      Pagination,
-      {
-        className: "my-4 w-full",
-        length: pagination.length,
-        pageIndex: pagination.pageIndex,
-        pageSize: pagination.pageSize,
-        setPageIndex: pagination.setPageIndex,
-        setPageSize: pagination.setPageSize,
-        showPageControls: pagination.length > pagination.pageSize,
-        dangerouslyHijackGlobalKeyboardNavigation: props.dangerouslyHijackGlobalKeyboardNavigation
-      }
-    );
-  }
-  return /* @__PURE__ */ React__default.createElement(React__default.Fragment, null, paginationElement, /* @__PURE__ */ React__default.createElement(BaseTable, { ...tableProps, ref: tableRef }, rows.length ? rows.map((row, index) => {
-    prepareRow(row, index);
-    return /* @__PURE__ */ React__default.createElement(
-      Row,
-      {
-        ...rowProps,
-        key: index,
-        index,
-        row,
-        instance,
-        headerGroups: tableProps.headerGroups
-      }
-    );
-  }) : emptyStateRenderer()), paginationElement);
-});
-Table.Column = () => null;
-Table.Group = () => null;
-export {
-  Table
-};
-//# sourceMappingURL=Table.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Table.js","sources":["../../../../src/components/Table/components/Table.tsx"],"sourcesContent":["import React from 'react';\nimport { PluginHook } from 'react-table';\nimport { LegacyTableProps, InternalTableRow, ForwardedGenericTableWithStatics, LegacyTableRef } from '../types';\nimport { useTable } from '../hooks/useTable';\nimport { Pagination } from '../../Pagination/Pagination';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { Row } from '../util/renderRow';\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\n\nexport const Table = React.forwardRef(function Table<T extends object>(\n    props: LegacyTableProps<T> & { plugins: PluginHook<object>[] },\n    ref: React.Ref<LegacyTableRef>\n) {\n    const { emptyStateRenderer = DefaultEmptyState, ...otherProps } = props;\n    const tableRef: any = useMergedRef<HTMLDivElement>(ref);\n    const { rowProps, tableProps, rows, prepareRow, pagination, instance } = useTable(otherProps, tableRef);\n\n    let paginationElement;\n\n    if (pagination) {\n        paginationElement = (\n            <Pagination\n                className=\"my-4 w-full\"\n                length={pagination.length}\n                pageIndex={pagination.pageIndex}\n                pageSize={pagination.pageSize}\n                setPageIndex={pagination.setPageIndex}\n                setPageSize={pagination.setPageSize}\n                showPageControls={pagination.length > pagination.pageSize}\n                dangerouslyHijackGlobalKeyboardNavigation={props.dangerouslyHijackGlobalKeyboardNavigation}\n            />\n        );\n    }\n\n    return (\n        <>\n            {paginationElement}\n            <BaseTable {...tableProps} ref={tableRef}>\n                {rows.length\n                    ? rows.map((row: InternalTableRow, index: number) => {\n                          prepareRow(row, index);\n                          return (\n                              <Row\n                                  {...rowProps}\n                                  key={index}\n                                  index={index}\n                                  row={row}\n                                  instance={instance}\n                                  headerGroups={tableProps.headerGroups}\n                              />\n                          );\n                      })\n                    : emptyStateRenderer()}\n            </BaseTable>\n            {paginationElement}\n        </>\n    );\n}) as ForwardedGenericTableWithStatics;\n\nTable.Column = () => null;\nTable.Group = () => null;\n"],"names":["React","Table"],"mappings":";;;;;;AASO,MAAM,QAAQA,eAAM,WAAW,SAASC,OAC3C,OACA,KACF;AACE,QAAM,EAAE,qBAAqB,mBAAmB,GAAG,WAAe,IAAA;AAC5D,QAAA,WAAgB,aAA6B,GAAG;AAChD,QAAA,EAAE,UAAU,YAAY,MAAM,YAAY,YAAY,aAAa,SAAS,YAAY,QAAQ;AAElG,MAAA;AAEJ,MAAI,YAAY;AAER,wBAAAD,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAU;AAAA,QACV,QAAQ,WAAW;AAAA,QACnB,WAAW,WAAW;AAAA,QACtB,UAAU,WAAW;AAAA,QACrB,cAAc,WAAW;AAAA,QACzB,aAAa,WAAW;AAAA,QACxB,kBAAkB,WAAW,SAAS,WAAW;AAAA,QACjD,2CAA2C,MAAM;AAAA,MAAA;AAAA,IACrD;AAAA,EAAA;AAIR,SAESA,+BAAA,cAAAA,eAAA,UAAA,MAAA,mBACAA,+BAAA,cAAA,WAAA,EAAW,GAAG,YAAY,KAAK,SAC3B,GAAA,KAAK,SACA,KAAK,IAAI,CAAC,KAAuB,UAAkB;AAC/C,eAAW,KAAK,KAAK;AAEjB,WAAAA,+BAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACI,GAAG;AAAA,QACJ,KAAK;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA,cAAc,WAAW;AAAA,MAAA;AAAA,IAC7B;AAAA,EAAA,CAEP,IACD,oBACV,GACC,iBACL;AAER,CAAC;AAED,MAAM,SAAS,MAAM;AACrB,MAAM,QAAQ,MAAM;"}

package/dist/components/Table/components/WindowedTable.cjs

@@ -1,138 +0,0 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const React = require("react");
-const cn = require("clsx");
-const reactWindow = require("react-window");
-const InfiniteLoader = require("react-window-infinite-loader");
-const useTable = require("../hooks/useTable.cjs");
-const useBoundingClientRectListener = require("../../../hooks/useBoundingClientRectListener.cjs");
-const useMergedRef = require("../../../hooks/useMergedRef.cjs");
-const renderRow = require("../util/renderRow.cjs");
-const BaseTable = require("./BaseTable.cjs");
-const Localization = require("../../Provider/Localization.cjs");
-const ROW_HEIGHT = 40;
-const VariableRow = React.memo(({ data, index, style: { height: _, ...style } }) => {
-  const { texts } = Localization.useLocalization();
-  const { rows, setRowHeight, rowProps, tableProps, instance, prepareRow, rowHeights } = data;
-  const row = rows[index];
-  const ref = React.useRef(null);
-  React.useEffect(() => {
-    if (ref == null ? void 0 : ref.current) {
-      setRowHeight(index, ref.current.getBoundingClientRect().height);
-    }
-  }, [rowHeights[index]]);
-  if (row) {
-    prepareRow(row, index);
-    return /* @__PURE__ */ React.createElement(
-      renderRow.Row,
-      {
-        ...rowProps,
-        style,
-        key: index,
-        index,
-        row,
-        instance,
-        headerGroups: tableProps.headerGroups,
-        setRowHeight,
-        ref
-      }
-    );
-  }
-  return /* @__PURE__ */ React.createElement("div", { className: "yt-table__row", role: "row", style }, /* @__PURE__ */ React.createElement("div", { className: "yt-table__cell text-gray-300" }, texts.legacyTable.loading));
-}, reactWindow.areEqual);
-const getAverageRowHeight = (rowHeights = {}) => {
-  const keys = Object.keys(rowHeights);
-  const estimatedHeight = keys.reduce((p, i) => p + rowHeights[i], 0);
-  return estimatedHeight / keys.length;
-};
-const WindowedTable = React.forwardRef(function WindowedTable2(props, ref) {
-  const tableRef = useMergedRef.useMergedRef(ref);
-  const { emptyStateRenderer = BaseTable.DefaultEmptyState, length, loadMore, ...otherProps } = props;
-  const { rowProps, tableProps, rows, prepareRow, instance, state } = useTable.useTable({ ...otherProps, windowed: true }, tableRef);
-  const headerRef = React.useRef(null);
-  const [rowsRef, setRowsRef] = React.useState(null);
-  const tableDimensions = useBoundingClientRectListener.useBoundingClientRectListener(tableRef);
-  const headerDimensions = useBoundingClientRectListener.useBoundingClientRectListener(headerRef);
-  const height = tableDimensions && headerDimensions ? tableDimensions.height - headerDimensions.height : null;
-  const estimatedRowHeight = rowProps.rowHeight || ROW_HEIGHT;
-  const rowHeights = React.useRef({});
-  const setRowHeight = React.useCallback((index, size) => {
-    if (rowHeights.current[index] !== size) {
-      rowHeights.current = {
-        ...rowHeights.current,
-        [index]: size
-      };
-      if (rowsRef) {
-        rowsRef.resetAfterIndex(0);
-      }
-    }
-  }, []);
-  const getRowHeight = React.useCallback((index) => rowHeights.current[index] || estimatedRowHeight, []);
-  React.useEffect(() => {
-    if (rowsRef && rowProps.activeIndex !== void 0) {
-      rowsRef.scrollToItem(rowProps.activeIndex, "start");
-    }
-  }, [rowsRef, rowProps.activeIndex]);
-  React.useEffect(() => {
-    rowHeights.current = {};
-    if (rowsRef) {
-      rowsRef.resetAfterIndex(0);
-    }
-  }, [rows.length]);
-  const contentHeight = estimatedRowHeight * props.data.length || 0;
-  const isScrollbarVisible = height === null ? false : contentHeight > height;
-  const className = cn(tableProps.className, "yt-table--windowed", { "table-with-scrollbar": isScrollbarVisible });
-  let list;
-  const itemData = {
-    rows,
-    setRowHeight,
-    rowProps,
-    tableProps,
-    instance,
-    prepareRow,
-    state,
-    rowHeights: rowHeights.current
-  };
-  if (height && rows.length) {
-    const listProps = {
-      height,
-      itemData,
-      estimatedItemSize: getAverageRowHeight(rowHeights.current),
-      itemSize: getRowHeight,
-      width: "100%"
-    };
-    if (loadMore && length) {
-      const isLoaded = (index) => !!rows[index];
-      list = /* @__PURE__ */ React.createElement(InfiniteLoader, { isItemLoaded: isLoaded, itemCount: length, loadMoreItems: loadMore }, ({ onItemsRendered, ref: ref2 }) => /* @__PURE__ */ React.createElement(
-        reactWindow.VariableSizeList,
-        {
-          ...listProps,
-          itemCount: length,
-          onItemsRendered,
-          ref: (list2) => {
-            ref2(list2);
-            setRowsRef(list2);
-          }
-        },
-        VariableRow
-      ));
-    } else {
-      list = /* @__PURE__ */ React.createElement(
-        reactWindow.VariableSizeList,
-        {
-          ...listProps,
-          itemCount: rows.length,
-          ref: (ref2) => {
-            setRowsRef(ref2);
-          }
-        },
-        VariableRow
-      );
-    }
-  }
-  return /* @__PURE__ */ React.createElement(BaseTable.BaseTable, { ...tableProps, className, headerRef, ref: tableRef }, list || emptyStateRenderer());
-});
-WindowedTable.Column = () => null;
-WindowedTable.Group = () => null;
-exports.WindowedTable = WindowedTable;
-//# sourceMappingURL=WindowedTable.cjs.map

package/dist/components/Table/components/WindowedTable.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"WindowedTable.cjs","sources":["../../../../src/components/Table/components/WindowedTable.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'clsx';\nimport { PluginHook } from 'react-table';\nimport { areEqual, VariableSizeList } from 'react-window';\nimport InfiniteLoader from 'react-window-infinite-loader';\nimport { LegacyTableProps, ForwardedGenericTableWithStatics, LegacyTableRef } from '../types';\nimport { useTable } from '../hooks/useTable';\nimport { useBoundingClientRectListener } from '../../../hooks/useBoundingClientRectListener';\nimport { useMergedRef } from '../../../hooks/useMergedRef';\nimport { Row } from '../util/renderRow';\nimport { DefaultEmptyState, BaseTable } from './BaseTable';\nimport { useLocalization } from '../../Provider/Localization';\n\nconst ROW_HEIGHT = 40;\n\nconst VariableRow = React.memo(({ data, index, style: { height: _, ...style } }: any) => {\n    const { texts } = useLocalization();\n    const { rows, setRowHeight, rowProps, tableProps, instance, prepareRow, rowHeights } = data;\n    const row = rows[index];\n    const ref = React.useRef<HTMLDivElement>(null);\n\n    React.useEffect(() => {\n        if (ref?.current) {\n            setRowHeight(index, ref.current.getBoundingClientRect().height);\n        }\n    }, [rowHeights[index]]);\n\n    if (row) {\n        prepareRow(row, index);\n\n        return (\n            <Row\n                {...rowProps}\n                style={style}\n                key={index}\n                index={index}\n                row={row}\n                instance={instance}\n                headerGroups={tableProps.headerGroups}\n                setRowHeight={setRowHeight}\n                ref={ref}\n            />\n        );\n    }\n\n    return (\n        <div className=\"yt-table__row\" role=\"row\" style={style}>\n            <div className=\"yt-table__cell text-gray-300\">{texts.legacyTable.loading}</div>\n        </div>\n    );\n}, areEqual);\n\nconst getAverageRowHeight = (rowHeights = {}) => {\n    const keys = Object.keys(rowHeights);\n    // @ts-expect-error\n    const estimatedHeight = keys.reduce((p, i) => p + rowHeights[i], 0);\n    return estimatedHeight / keys.length;\n};\n\nexport const WindowedTable = React.forwardRef(function WindowedTable<T extends object>(\n    props: LegacyTableProps<T> & { plugins: PluginHook<object>[] },\n    ref: React.Ref<LegacyTableRef>\n) {\n    const tableRef: any = useMergedRef<HTMLDivElement>(ref);\n    const { emptyStateRenderer = DefaultEmptyState, length, loadMore, ...otherProps } = props;\n    const { rowProps, tableProps, rows, prepareRow, instance, state } = useTable<T>({ ...otherProps, windowed: true }, tableRef);\n\n    // determine heights for windowing calculations\n    const headerRef = React.useRef<HTMLDivElement>(null);\n    const [rowsRef, setRowsRef] = React.useState<any>(null);\n    const tableDimensions = useBoundingClientRectListener(tableRef);\n    const headerDimensions = useBoundingClientRectListener(headerRef);\n    const height = tableDimensions && headerDimensions ? tableDimensions.height - headerDimensions.height : null;\n\n    // variable row height calculations\n    const estimatedRowHeight = rowProps.rowHeight || ROW_HEIGHT;\n    const rowHeights = React.useRef<Record<string, number>>({});\n    const setRowHeight = React.useCallback((index: number, size: number) => {\n        if (rowHeights.current[index] !== size) {\n            rowHeights.current = {\n                ...rowHeights.current,\n                [index]: size,\n            };\n\n            if (rowsRef) {\n                rowsRef.resetAfterIndex(0);\n            }\n        }\n    }, []);\n    const getRowHeight = React.useCallback((index: number) => rowHeights.current[index] || estimatedRowHeight, []);\n\n    React.useEffect(() => {\n        if (rowsRef && rowProps.activeIndex !== undefined) {\n            rowsRef.scrollToItem(rowProps.activeIndex, 'start');\n        }\n    }, [rowsRef, rowProps.activeIndex]);\n\n    // trigger recalculation of variable row heights if the data changes\n    React.useEffect(() => {\n        rowHeights.current = {};\n\n        if (rowsRef) {\n            rowsRef.resetAfterIndex(0);\n        }\n    }, [rows.length]);\n\n    const contentHeight = estimatedRowHeight * props.data.length || 0;\n    const isScrollbarVisible = height === null ? false : contentHeight > height;\n\n    const className = cn(tableProps.className, 'yt-table--windowed', { 'table-with-scrollbar': isScrollbarVisible });\n\n    let list;\n\n    const itemData = {\n        rows,\n        setRowHeight,\n        rowProps,\n        tableProps,\n        instance,\n        prepareRow,\n        state,\n        rowHeights: rowHeights.current,\n    };\n\n    if (height && rows.length) {\n        const listProps = {\n            height,\n            itemData,\n            estimatedItemSize: getAverageRowHeight(rowHeights.current),\n            itemSize: getRowHeight,\n            width: '100%',\n        };\n\n        if (loadMore && length) {\n            const isLoaded = (index: number) => !!rows[index];\n\n            list = (\n                <InfiniteLoader isItemLoaded={isLoaded} itemCount={length} loadMoreItems={loadMore as any}>\n                    {({ onItemsRendered, ref }: any) => (\n                        <VariableSizeList\n                            {...listProps}\n                            itemCount={length}\n                            onItemsRendered={onItemsRendered}\n                            ref={list => {\n                                ref(list);\n                                setRowsRef(list);\n                            }}>\n                            {VariableRow}\n                        </VariableSizeList>\n                    )}\n                </InfiniteLoader>\n            );\n        } else {\n            list = (\n                <VariableSizeList\n                    {...listProps}\n                    itemCount={rows.length}\n                    ref={ref => {\n                        setRowsRef(ref);\n                    }}>\n                    {VariableRow}\n                </VariableSizeList>\n            );\n        }\n    }\n\n    return (\n        <BaseTable {...tableProps} className={className} headerRef={headerRef} ref={tableRef}>\n            {list || emptyStateRenderer()}\n        </BaseTable>\n    );\n}) as ForwardedGenericTableWithStatics;\n\nWindowedTable.Column = () => null;\nWindowedTable.Group = () => null;\n"],"names":["useLocalization","Row","areEqual","WindowedTable","useMergedRef","DefaultEmptyState","useTable","useBoundingClientRectListener","ref","VariableSizeList","list","BaseTable"],"mappings":"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"}

package/dist/components/Table/components/WindowedTable.d.ts

@@ -1,2 +0,0 @@
-import { ForwardedGenericTableWithStatics } from '../types';
-export declare const WindowedTable: ForwardedGenericTableWithStatics;