npm - @ynput/ayon-frontend-shared - Versions diffs - 0.2.26 → 0.2.28 - Mend

@ynput/ayon-frontend-shared 0.2.26 → 0.2.28

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

Files changed (367) hide show

package/dist/shared/src/containers/SimpleTable/SimpleTable.es.js CHANGED Viewed

@@ -1,16 +1,16 @@
 import { j as R } from "../../../../_virtual/jsx-runtime.es.js";
-import { useRef as $, useMemo as B, useCallback as h, useEffect as tt } from "react";
-import { TableContainer as ot } from "./SimpleTable.styled.es.js";
-import { functionalUpdate as I, useReactTable as it, getExpandedRowModel as rt, getFilteredRowModel as et, getCoreRowModel as mt, flexRender as nt, sortingFns as pt } from "@tanstack/react-table";
-import { useVirtualizer as lt } from "@tanstack/react-virtual";
-import O from "clsx";
-import at from "./hooks/useRowKeydown.es.js";
-import { compareItems as st, rankItem as ct } from "@tanstack/match-sorter-utils";
-import { useSimpleTableContext as dt } from "./context/SimpleTableContext.es.js";
-import { SimpleTableCellTemplate as ut } from "./SimpleTableRowTemplate.es.js";
+import { useRef as D, useMemo as O, useCallback as h, useEffect as ot } from "react";
+import { TableContainer as it } from "./SimpleTable.styled.es.js";
+import { functionalUpdate as V, useReactTable as rt, getExpandedRowModel as et, getFilteredRowModel as mt, getCoreRowModel as nt, flexRender as pt, sortingFns as lt } from "@tanstack/react-table";
+import { useVirtualizer as at } from "@tanstack/react-virtual";
+import Y from "clsx";
+import st from "./hooks/useRowKeydown.es.js";
+import { compareItems as ct, rankItem as dt } from "@tanstack/match-sorter-utils";
+import { useSimpleTableContext as ut } from "./context/SimpleTableContext.es.js";
+import { SimpleTableCellTemplate as ft } from "./SimpleTableRowTemplate.es.js";
 import "@ynput/ayon-react-components";
 import "../../components/ThumbnailSimple/ThumbnailSimple.es.js";
-import { EmptyPlaceholder as ft } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import { EmptyPlaceholder as gt } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "react-toastify";
 import "../../api/base/client.es.js";
@@ -201,6 +201,7 @@ import "../../components/Powerpack/PowerpackButton.es.js";
 import "../../components/Powerpack/PricingLink.es.js";
 import "../../components/Powerpack/PowerpackDialog.styled.es.js";
 import "../../components/Powerpack/CTAButton.es.js";
+import "../../components/Powerpack/RequiredPowerpackVersion.es.js";
 import "../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../components/AttributeEditor/components/MinMaxField.es.js";
@@ -214,58 +215,61 @@ import "../../components/Feedback/SupportBubble.es.js";
 import "../../components/Chips/Chips.es.js";
 import "../../components/LinksManager/LinksManager.styled.es.js";
 import "../EntityPickerDialog/EntityPickerDialog.es.js";
-const gt = (l, m, a, c) => {
-  const n = ct(l.getValue(m), a);
+import "../../components/DetailsMetaData/DetailsMetaData.es.js";
+import "../../components/AccessUser/AccessUser.es.js";
+const Rt = (l, m, a, c) => {
+  const n = dt(l.getValue(m), a);
   return c({
     itemRank: n
   }), n.passed;
-}, Rt = (l, m, a) => {
+}, ht = (l, m, a) => {
   var n, s;
   let c = 0;
-  return l.columnFiltersMeta[a] && (c = st(
+  return l.columnFiltersMeta[a] && (c = ct(
     (n = l.columnFiltersMeta[a]) == null ? void 0 : n.itemRank,
     (s = m.columnFiltersMeta[a]) == null ? void 0 : s.itemRank
-  )), c === 0 ? pt.alphanumeric(l, m, a) : c;
+  )), c === 0 ? lt.alphanumeric(l, m, a) : c;
 };
-function ht(l, m, a) {
+function xt(l, m, a) {
   const c = [];
   if (m === a) {
-    const p = l.find((x) => x.id === m);
+    const p = l.find((M) => M.id === m);
     return p ? [p] : [];
   }
   let n = -1, s = -1;
   for (let p = 0; p < l.length && (l[p].id === m && (n = p), l[p].id === a && (s = p), !(n !== -1 && s !== -1)); p++)
     ;
   if (n === -1 || s === -1) return [];
-  const w = Math.min(n, s), M = Math.max(n, s);
-  for (let p = w; p <= M; p++)
+  const S = Math.min(n, s), C = Math.max(n, s);
+  for (let p = S; p <= C; p++)
     c.push(l[p]);
   return c;
 }
-const Se = ({
+const Ee = ({
   data: l = [],
   isLoading: m,
   error: a,
   isExpandable: c,
   isMultiSelect: n = !0,
   enableClickToDeselect: s = !0,
-  forceUpdateTable: w,
-  globalFilter: M,
-  meta: p,
-  rowHeight: x,
-  onScrollBottom: T,
-  children: V,
+  enableNonFolderIndent: S = !0,
+  forceUpdateTable: C,
+  globalFilter: p,
+  meta: M,
+  rowHeight: T,
+  onScrollBottom: k,
+  children: _,
   pt: u
 }) => {
   const {
-    rowSelection: k,
-    expanded: Y,
-    setExpanded: C,
+    rowSelection: j,
+    expanded: q,
+    setExpanded: w,
     onExpandedChange: y,
-    onRowSelectionChange: D,
-    rowPinning: j,
-    onRowPinningChange: b
-  } = dt(), S = $(null), z = $(null), _ = B(() => m ? Array.from({ length: 10 }, (t, i) => ({
+    onRowSelectionChange: P,
+    rowPinning: z,
+    onRowPinningChange: x
+  } = ut(), b = D(null), H = D(null), G = O(() => m ? Array.from({ length: 10 }, (t, i) => ({
     id: `placeholder-${i}`,
     name: `placeholder-${i}`,
     label: `placeholder-${i}`,
@@ -275,36 +279,36 @@ const Se = ({
     data: {
       id: `placeholder-${i}`
     }
-  })) : l, [m, l, w]), E = h(
+  })) : l, [m, l, C]), E = h(
     (t, i, r, o) => {
       const d = i, g = t.getFilteredRowModel().flatRows, e = g.find((K) => K.id === d);
       if (e && !e.original.isDisabled) {
         if (s && !r && !o && Object.keys(t.getState().rowSelection).length === 1 && t.getState().rowSelection[d]) {
-          t.setRowSelection({}), S.current = null;
+          t.setRowSelection({}), b.current = null;
           return;
         }
-        if (n && r && S.current) {
-          const K = S.current;
-          if (!g.find((H) => H.id === K))
+        if (n && r && b.current) {
+          const K = b.current;
+          if (!g.find(($) => $.id === K))
             t.setRowSelection({ [d]: !0 });
           else {
-            const H = ht(g, d, K), A = {};
-            H.forEach((v) => A[v.id] = !0), t.setRowSelection(A);
+            const $ = xt(g, d, K), B = {};
+            $.forEach((tt) => B[tt.id] = !0), t.setRowSelection(B);
           }
         } else n && o ? e.toggleSelected() : t.setRowSelection({ [d]: !0 });
-        S.current = d;
+        b.current = d;
       }
     },
     [n, s]
-  ), q = h(
+  ), I = h(
     (t, i) => {
-      if (!z.current) {
+      if (!H.current) {
         console.warn("tableRef not yet available in handleRowSelectForKeydown");
         return;
       }
       const r = t.shiftKey, o = t.ctrlKey || t.metaKey;
       E(
-        z.current,
+        H.current,
         // Pass the main table instance
         i.id,
         r,
@@ -313,15 +317,15 @@ const Se = ({
     },
     [E]
     // Depends only on handleSelectionLogic
-  ), { handleRowKeyDown: P } = at({
-    handleRowSelect: q
-  }), G = B(
+  ), { handleRowKeyDown: L } = st({
+    handleRowSelect: I
+  }), J = O(
     () => [
       {
         accessorKey: "label",
         header: void 0,
         filterFn: "fuzzy",
-        sortingFn: Rt,
+        sortingFn: ht,
         //sort by fuzzy rank (falls back to alphanumeric)
         cell: ({ row: t, getValue: i, table: r }) => {
           const o = r.options.meta, d = (e) => {
@@ -333,13 +337,16 @@ const Se = ({
               e.ctrlKey || e.metaKey
             );
           }, g = {
-            className: O({
+            className: Y({
               selected: t.getIsSelected(),
               loading: o == null ? void 0 : o.isLoading,
-              disabled: t.original.isDisabled
+              disabled: t.original.isDisabled,
+              // you can't select disabled rows
+              inactive: t.original.inactive
+              // false: archived items but still selectable
             }),
             onKeyDown: (e) => {
-              e.target instanceof HTMLInputElement || P(e, t);
+              e.target instanceof HTMLInputElement || L(e, t);
             },
             onClick: d,
             // Added onClick handler
@@ -349,7 +356,9 @@ const Se = ({
             parents: t.original.parents,
             icon: t.original.icon || void 0,
             iconColor: t.original.iconColor,
+            iconFilled: t.original.iconFilled,
             isRowExpandable: t.getCanExpand(),
+            enableNonFolderIndent: S,
             isRowExpanded: t.getIsExpanded(),
             isTableExpandable: o == null ? void 0 : o.isExpandable,
             onExpandClick: t.getToggleExpandedHandler(),
@@ -358,99 +367,105 @@ const Se = ({
             isDisabled: t.original.isDisabled,
             disabledMessage: t.original.disabledMessage
           };
-          return o != null && o.children ? o.children(g, t, r) : /* @__PURE__ */ R.jsx(ut, { ...g, ...u == null ? void 0 : u.cell });
+          return o != null && o.children ? o.children(g, t, r) : /* @__PURE__ */ R.jsx(ft, { ...g, ...u == null ? void 0 : u.cell });
         }
       }
     ],
-    [w, E, P, s]
+    [
+      C,
+      E,
+      L,
+      s,
+      S
+    ]
     // include enableClickToDeselect for completeness
-  ), J = h(
+  ), Q = h(
     (t) => {
-      D(I(t, k));
+      P(V(t, j));
     },
-    [D, k]
+    [P, j]
     // Depends only on the stable setState function from context
-  ), Q = h(
+  ), U = h(
     (t) => {
-      j && (b == null || b(I(t, j)));
+      z && (x == null || x(V(t, z)));
     },
-    [b]
+    [x]
     // Depends only on the stable setState function from context
-  ), U = h(
+  ), W = h(
     (t) => {
-      C == null || C((i) => {
+      w == null || w((i) => {
         const r = t instanceof Function ? t(i) : t;
         return y == null || y(r), r;
       });
     },
-    [C, y]
-  ), F = it({
-    data: _,
-    columns: G,
+    [w, y]
+  ), F = rt({
+    data: G,
+    columns: J,
     state: {
-      expanded: Y,
-      rowSelection: k,
-      globalFilter: M,
-      rowPinning: j
+      expanded: q,
+      rowSelection: j,
+      globalFilter: p,
+      rowPinning: z
     },
-    onRowSelectionChange: J,
-    onRowPinningChange: Q,
+    onRowSelectionChange: Q,
+    onRowPinningChange: U,
     filterFns: {
-      fuzzy: gt
+      fuzzy: Rt
     },
     enableRowSelection: !0,
     //enable row selection for all rows
-    enableRowPinning: !!b,
+    enableRowPinning: !!x,
     getRowId: (t) => t.id,
     enableSubRowSelection: !1,
     //disable sub row selection
-    onExpandedChange: U,
+    onExpandedChange: W,
     getSubRows: (t) => t.subRows,
-    getCoreRowModel: mt(),
-    getFilteredRowModel: et(),
-    getExpandedRowModel: rt(),
+    getCoreRowModel: nt(),
+    getFilteredRowModel: mt(),
+    getExpandedRowModel: et(),
     filterFromLeafRows: !0,
     // debugTable: true,
     meta: {
       isExpandable: !!c,
       isLoading: m,
-      children: V,
-      ...p
+      children: _,
+      ...M
     }
   });
-  tt(() => {
-    z.current = F;
+  ot(() => {
+    H.current = F;
   }, [F]);
-  const { rows: L } = F.getRowModel(), N = $(null), f = lt({
-    count: L.length,
-    estimateSize: () => x || 34,
+  const { rows: N } = F.getRowModel(), A = D(null), f = at({
+    count: N.length,
+    estimateSize: () => T || 34,
     //estimate row height for accurate scrollbar dragging
-    getScrollElement: () => N.current,
+    getScrollElement: () => A.current,
     //measure dynamic row height, except in firefox because it measures table border height incorrectly
-    measureElement: x ? () => x : typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (t) => t == null ? void 0 : t.getBoundingClientRect().height : void 0,
+    measureElement: T ? () => T : typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (t) => t == null ? void 0 : t.getBoundingClientRect().height : void 0,
     overscan: 5
-  }), W = h(
+  }), X = h(
     (t) => {
       t && f.measureElement(t);
     },
     [f]
-  ), X = h(
+  ), Z = h(
     (t) => {
-      if (!T) return;
+      if (!k) return;
       const i = t.currentTarget, { scrollTop: r, scrollHeight: o, clientHeight: d } = i;
-      o - r - d < 100 && !m && T();
+      o - r - d < 100 && !m && k();
     },
-    [T, m]
-  ), Z = (t) => {
-    s && !t.target.closest("tr") && (F.setRowSelection({}), S.current = null);
+    [k, m]
+  ), v = (t) => {
+    s && !t.target.closest("tr") && (F.setRowSelection({}), b.current = null);
   };
   return /* @__PURE__ */ R.jsxs(
-    ot,
+    it,
     {
-      ref: N,
-      className: O({ isLoading: m }),
-      onScroll: X,
-      onClick: Z,
+      ref: A,
+      className: Y({ isLoading: m }),
+      onScroll: Z,
+      onClick: v,
       children: [
         !a && /* @__PURE__ */ R.jsx("table", { children: /* @__PURE__ */ R.jsx(
           "tbody",
@@ -461,12 +476,12 @@ const Se = ({
             },
             children: f == null ? void 0 : f.getVirtualItems().map((t) => {
               var r;
-              const i = L[t.index];
+              const i = N[t.index];
               return /* @__PURE__ */ R.jsx(
                 "tr",
                 {
                   "data-index": t.index,
-                  ref: W,
+                  ref: X,
                   id: i.id,
                   ...u == null ? void 0 : u.row,
                   style: {
@@ -475,19 +490,19 @@ const Se = ({
                     ...(r = u == null ? void 0 : u.row) == null ? void 0 : r.style
                     // custom styles to be passed
                   },
-                  children: i.getVisibleCells().map((o) => /* @__PURE__ */ R.jsx("td", { children: nt(o.column.columnDef.cell, o.getContext()) }, o.id))
+                  children: i.getVisibleCells().map((o) => /* @__PURE__ */ R.jsx("td", { children: pt(o.column.columnDef.cell, o.getContext()) }, o.id))
                 },
                 i.id
               );
             })
           }
         ) }),
-        !!a && /* @__PURE__ */ R.jsx(ft, { error: a })
+        !!a && /* @__PURE__ */ R.jsx(gt, { error: a })
       ]
     }
   );
 };
 export {
-  Se as default
+  Ee as default
 };
 //# sourceMappingURL=SimpleTable.es.js.map

package/dist/shared/src/containers/SimpleTable/SimpleTable.es.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleTable.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import { FC, useMemo, useRef, MouseEvent as ReactMouseEvent, useCallback, useEffect } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport {\n useReactTable,\n getCoreRowModel,\n getFilteredRowModel,\n getExpandedRowModel,\n ColumnDef,\n flexRender,\n Row,\n FilterFn,\n SortingFn,\n sortingFns,\n RowData,\n Table,\n OnChangeFn,\n RowSelectionState,\n functionalUpdate,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nimport clsx from 'clsx'\nimport useRowKeydown, { RowKeyboardEvent } from './hooks/useRowKeydown'\n\nimport { RankingInfo, rankItem, compareItems } from '@tanstack/match-sorter-utils'\nimport { useSimpleTableContext } from './context/SimpleTableContext'\nimport { SimpleTableCellTemplate, SimpleTableCellTemplateProps } from './SimpleTableRowTemplate'\nimport { EmptyPlaceholder } from '@shared/components'\nimport { RowPinningState } from '@tanstack/react-table'\n\ndeclare module '@tanstack/react-table' {\n //add fuzzy filter to the filterFns\n interface FilterFns {\n fuzzy: FilterFn<unknown>\n }\n interface FilterMeta {\n itemRank: RankingInfo\n }\n\n interface TableMeta<TData extends RowData> {\n isExpandable?: boolean\n isLoading?: boolean\n children?: (\n props: SimpleTableCellTemplateProps,\n row: Row<TData>,\n table: Table<SimpleTableRow>,\n ) => JSX.Element\n [key: string]: any\n }\n}\n\n// Define a custom fuzzy filter function that will apply ranking info to rows (using match-sorter utils)\nconst fuzzyFilter: FilterFn<any> = (row, columnId, value, addMeta) => {\n // Rank the item\n const itemRank = rankItem(row.getValue(columnId), value)\n\n // Store the itemRank info\n addMeta({\n itemRank,\n })\n\n // Return if the item should be filtered in/out\n return itemRank.passed\n}\n\n// Define a custom fuzzy sort function that will sort by rank if the row has ranking information\nconst fuzzySort: SortingFn<any> = (rowA, rowB, columnId) => {\n let dir = 0\n\n // Only sort by rank if the column has ranking information\n if (rowA.columnFiltersMeta[columnId]) {\n dir = compareItems(\n rowA.columnFiltersMeta[columnId]?.itemRank!,\n rowB.columnFiltersMeta[columnId]?.itemRank!,\n )\n }\n\n // Provide an alphanumeric fallback for when the item ranks are equal\n return dir === 0 ? sortingFns.alphanumeric(rowA, rowB, columnId) : dir\n}\n\nexport type RowItemData = {\n id: string\n name?: string \| null\n label?: string \| null\n subType?: string \| null\n [key: string]: any\n}\n\nexport type SimpleTableRow = {\n id: string\n parentId?: string\n name: string\n label: string\n parents?: string[]\n icon?: string \| null\n iconColor?: string\n img?: string \| null\n startContent?: JSX.Element\n endContent?: JSX.Element\n subRows: SimpleTableRow[]\n data: RowItemData\n isDisabled?: boolean\n disabledMessage?: string\n}\n\nexport interface SimpleTableProps {\n data: SimpleTableRow[]\n isLoading: boolean\n error?: string\n isExpandable?: boolean // show expand/collapse icons\n isMultiSelect?: boolean // enable multi-select with shift+click and ctrl/cmd+click\n enableClickToDeselect?: boolean // allow deselecting a single selected row by clicking it again & clicking outside clears selection\n forceUpdateTable?: any\n globalFilter?: string\n meta?: Record<string, any>\n rowHeight?: number // height of each row, used for virtual scrolling\n onScrollBottom?: () => void // callback fired when scrolled to the bottom of the table\n children?: (\n props: SimpleTableCellTemplateProps,\n row: Row<SimpleTableRow>,\n table: Table<SimpleTableRow>,\n ) => JSX.Element\n pt?: {\n cell?: SimpleTableCellTemplateProps\n row?: React.HTMLAttributes<HTMLTableRowElement>\n }\n}\n\n// Helper function to get row range for shift-selection\n// Operates on the provided list of rows (e.g., filtered and sorted rows)\nfunction getRowRange<TData extends RowData>(\n rows: Array<Row<TData>>,\n idA: string,\n idB: string,\n): Array<Row<TData>> {\n const range: Array<Row<TData>> = []\n // If idA and idB are the same, or one is not found, handle appropriately\n if (idA === idB) {\n const singleRow = rows.find((row) => row.id === idA)\n return singleRow ? [singleRow] : []\n }\n\n let indexA = -1\n let indexB = -1\n\n for (let i = 0; i < rows.length; i++) {\n if (rows[i].id === idA) indexA = i\n if (rows[i].id === idB) indexB = i\n if (indexA !== -1 && indexB !== -1) break\n }\n\n if (indexA === -1 \|\| indexB === -1) return [] // One or both IDs not found\n\n const start = Math.min(indexA, indexB)\n const end = Math.max(indexA, indexB)\n\n for (let i = start; i <= end; i++) {\n range.push(rows[i])\n }\n return range\n}\n\nconst SimpleTable: FC<SimpleTableProps> = ({\n data = [],\n isLoading,\n error,\n isExpandable,\n isMultiSelect = true,\n enableClickToDeselect = true,\n forceUpdateTable,\n globalFilter,\n meta,\n rowHeight,\n onScrollBottom,\n children,\n pt,\n}) => {\n const {\n rowSelection,\n expanded,\n setExpanded,\n onExpandedChange,\n onRowSelectionChange,\n rowPinning,\n onRowPinningChange,\n } = useSimpleTableContext()\n const lastSelectedIdRef = useRef<string \| null>(null)\n const tableRef = useRef<Table<SimpleTableRow> \| null>(null)\n\n // stable data reference\n const tableData = useMemo(() => {\n if (!isLoading) return data\n\n // show loading placeholders\n return Array.from({ length: 10 }, (_, i) => ({\n id: `placeholder-${i}`,\n name: `placeholder-${i}`,\n label: `placeholder-${i}`,\n icon: null,\n img: null,\n subRows: [],\n data: {\n id: `placeholder-${i}`,\n },\n }))\n }, [isLoading, data, forceUpdateTable])\n\n // Define the core selection logic using useCallback for stability\n const handleSelectionLogic = useCallback(\n (\n tableInstance: Table<SimpleTableRow>,\n rowId: string,\n isShift: boolean,\n isCtrlOrMeta: boolean,\n ) => {\n const currentId = rowId\n const allProcessableRows = tableInstance.getFilteredRowModel().flatRows\n const currentRow = allProcessableRows.find((r) => r.id === currentId)\n\n if (!currentRow) return\n\n // Prevent selection of disabled rows\n if (currentRow.original.isDisabled) return\n\n // If click-to-deselect is enabled and only one row is selected and it's the current row\n if (\n enableClickToDeselect &&\n !isShift &&\n !isCtrlOrMeta &&\n Object.keys(tableInstance.getState().rowSelection).length === 1 &&\n tableInstance.getState().rowSelection[currentId]\n ) {\n tableInstance.setRowSelection({})\n lastSelectedIdRef.current = null\n return\n }\n\n if (isMultiSelect && isShift && lastSelectedIdRef.current) {\n const lastId = lastSelectedIdRef.current\n const anchorRow = allProcessableRows.find((r) => r.id === lastId)\n\n if (!anchorRow) {\n tableInstance.setRowSelection({ [currentId]: true })\n } else {\n const rowsToToggle = getRowRange(allProcessableRows, currentId, lastId)\n const newSelection: RowSelectionState = {}\n rowsToToggle.forEach((r) => (newSelection[r.id] = true))\n tableInstance.setRowSelection(newSelection)\n }\n } else if (isMultiSelect && isCtrlOrMeta) {\n currentRow.toggleSelected()\n } else {\n tableInstance.setRowSelection({ [currentId]: true })\n }\n lastSelectedIdRef.current = currentId\n },\n [isMultiSelect, enableClickToDeselect],\n )\n\n // Callback for useRowKeydown's handleRowSelect prop\n // Uses tableRef to access the table instance, avoiding direct dependency on 'table' variable at definition time\n const handleRowSelectForKeydown = useCallback(\n (\n event: RowKeyboardEvent, // Use the specific keyboard event type from the hook\n selectedRow: Row<SimpleTableRow>,\n ) => {\n if (!tableRef.current) {\n console.warn('tableRef not yet available in handleRowSelectForKeydown')\n return\n }\n\n // Extract modifier keys from the event\n const isShiftKey = event.shiftKey\n const isCtrlKey = event.ctrlKey \|\| event.metaKey\n\n handleSelectionLogic(\n tableRef.current, // Pass the main table instance\n selectedRow.id,\n isShiftKey,\n isCtrlKey,\n )\n },\n [handleSelectionLogic], // Depends only on handleSelectionLogic\n )\n\n const { handleRowKeyDown } = useRowKeydown<SimpleTableRow>({\n handleRowSelect: handleRowSelectForKeydown,\n })\n\n const columns = useMemo<ColumnDef<SimpleTableRow>[]>(\n () => [\n {\n accessorKey: 'label',\n header: undefined,\n filterFn: 'fuzzy',\n sortingFn: fuzzySort, //sort by fuzzy rank (falls back to alphanumeric)\n cell: ({ row, getValue, table: cellTableInstance }) => {\n const cellMeta = cellTableInstance.options.meta\n\n const handleCellClick = (event: ReactMouseEvent<HTMLElement, MouseEvent>) => {\n // Prevent row selection if clicking on an interactive element within the cell\n if (\n event.target instanceof HTMLInputElement \|\|\n event.target instanceof HTMLButtonElement \|\|\n event.target instanceof HTMLTextAreaElement \|\|\n event.target instanceof HTMLSelectElement \|\|\n event.target instanceof HTMLAnchorElement \|\|\n (event.target as HTMLElement).closest('button, a, input, textarea, select')\n ) {\n return\n }\n handleSelectionLogic(\n cellTableInstance, // Pass the cell's table instance\n row.id,\n event.shiftKey,\n event.ctrlKey \|\| event.metaKey,\n )\n }\n\n const props: SimpleTableCellTemplateProps & {\n onClick?: (event: ReactMouseEvent<HTMLElement, MouseEvent>) => void\n } = {\n className: clsx({\n selected: row.getIsSelected(),\n loading: cellMeta?.isLoading,\n disabled: row.original.isDisabled,\n }),\n onKeyDown: (e) => {\n if (e.target instanceof HTMLInputElement) return\n // Corrected typo: handleRowKeydown -> handleRowKeyDown\n handleRowKeyDown(e, row)\n },\n onClick: handleCellClick, // Added onClick handler\n depth: row.depth,\n tabIndex: 0,\n value: getValue<string>(),\n parents: row.original.parents,\n icon: row.original.icon \|\| undefined,\n iconColor: row.original.iconColor,\n isRowExpandable: row.getCanExpand(),\n isRowExpanded: row.getIsExpanded(),\n isTableExpandable: cellMeta?.isExpandable,\n onExpandClick: row.getToggleExpandedHandler(),\n startContent: row.original.startContent,\n endContent: row.original.endContent,\n isDisabled: row.original.isDisabled,\n disabledMessage: row.original.disabledMessage,\n }\n\n // Use children function if provided, otherwise default to SimpleTableCellTemplate\n return cellMeta?.children ? (\n cellMeta.children(props, row, cellTableInstance)\n ) : (\n <SimpleTableCellTemplate {...props} {...pt?.cell} />\n )\n },\n },\n ],\n [forceUpdateTable, handleSelectionLogic, handleRowKeyDown, enableClickToDeselect], // include enableClickToDeselect for completeness\n )\n\n const handleRowSelectionChangeCallback: OnChangeFn<RowSelectionState> = useCallback(\n (updater) => {\n onRowSelectionChange(functionalUpdate(updater, rowSelection))\n },\n [onRowSelectionChange, rowSelection], // Depends only on the stable setState function from context\n )\n\n const handleRowPinningChangeCallback: OnChangeFn<RowPinningState> = useCallback(\n (updater) => {\n rowPinning && onRowPinningChange?.(functionalUpdate(updater, rowPinning))\n },\n [onRowPinningChange], // Depends only on the stable setState function from context\n )\n\n const handleExpandedChange = useCallback(\n (updater: any) => {\n setExpanded?.((old) => {\n const newExpanded = updater instanceof Function ? updater(old) : updater\n onExpandedChange?.(newExpanded)\n return newExpanded\n })\n },\n [setExpanded, onExpandedChange],\n )\n\n const table = useReactTable({\n data: tableData,\n columns,\n state: {\n expanded,\n rowSelection,\n globalFilter,\n rowPinning,\n },\n onRowSelectionChange: handleRowSelectionChangeCallback,\n onRowPinningChange: handleRowPinningChangeCallback,\n filterFns: {\n fuzzy: fuzzyFilter,\n },\n enableRowSelection: true, //enable row selection for all rows\n enableRowPinning: !!onRowPinningChange,\n getRowId: (row) => row.id,\n enableSubRowSelection: false, //disable sub row selection\n onExpandedChange: handleExpandedChange,\n getSubRows: (row) => row.subRows,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getExpandedRowModel: getExpandedRowModel(),\n filterFromLeafRows: true,\n // debugTable: true,\n meta: {\n isExpandable: !!isExpandable,\n isLoading: isLoading,\n children: children,\n ...meta,\n },\n })\n\n // Update tableRef whenever the table instance changes.\n // This ensures handleRowSelectForKeydown uses the current table instance.\n useEffect(() => {\n tableRef.current = table\n }, [table])\n\n const { rows } = table.getRowModel()\n\n //The virtualizer needs to know the scrollable container element\n const tableContainerRef = useRef<HTMLDivElement>(null)\n\n const rowVirtualizer = useVirtualizer({\n count: rows.length,\n estimateSize: () => rowHeight \|\| 34, //estimate row height for accurate scrollbar dragging\n getScrollElement: () => tableContainerRef.current,\n //measure dynamic row height, except in firefox because it measures table border height incorrectly\n measureElement: rowHeight\n ? () => rowHeight\n : typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1\n ? (element) => element?.getBoundingClientRect().height\n : undefined,\n overscan: 5,\n })\n\n // Memoize the ref callback to prevent infinite re-renders\n const measureElementRef = useCallback(\n (node: HTMLElement \| null) => {\n if (node) {\n rowVirtualizer.measureElement(node)\n }\n },\n [rowVirtualizer],\n )\n\n // Handle scroll to bottom detection\n const handleScroll = useCallback(\n (event: React.UIEvent<HTMLDivElement>) => {\n if (!onScrollBottom) return\n\n const target = event.currentTarget\n const { scrollTop, scrollHeight, clientHeight } = target\n\n // Check if we're near the bottom (within 100px)\n const isNearBottom = scrollHeight - scrollTop - clientHeight < 100\n\n if (isNearBottom && !isLoading) {\n onScrollBottom()\n }\n },\n [onScrollBottom, isLoading],\n )\n\n const handleContainerClick = (e: React.MouseEvent<HTMLDivElement>) => {\n // if the click is outside of any row, clear selection\n if (enableClickToDeselect && !(e.target as HTMLElement).closest('tr')) {\n table.setRowSelection({})\n lastSelectedIdRef.current = null\n }\n }\n\n return (\n <Styled.TableContainer\n ref={tableContainerRef}\n className={clsx({ isLoading })}\n onScroll={handleScroll}\n onClick={handleContainerClick}\n >\n {!error && (\n <table>\n <tbody\n style={{\n height: `${rowVirtualizer?.getTotalSize()}px`, //tells scrollbar how big the table is\n }}\n >\n {rowVirtualizer?.getVirtualItems().map((virtualRow) => {\n const row = rows[virtualRow.index] as Row<SimpleTableRow>\n return (\n <tr\n data-index={virtualRow.index} //needed for dynamic row height measurement\n ref={measureElementRef} //measure dynamic row height\n key={row.id}\n id={row.id}\n {...pt?.row}\n style={{\n transform: `translateY(${virtualRow.start}px)`, //this should always be a `style` as it changes on scroll\n ...pt?.row?.style, // custom styles to be passed\n }}\n >\n {row.getVisibleCells().map((cell) => {\n return (\n <td key={cell.id}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </td>\n )\n })}\n </tr>\n )\n })}\n </tbody>\n </table>\n )}\n {!!error && <EmptyPlaceholder error={error} />}\n </Styled.TableContainer>\n )\n}\n\nexport default SimpleTable\n"],"names":["fuzzyFilter","row","columnId","value","addMeta","itemRank","rankItem","fuzzySort","rowA","rowB","dir","compareItems","_a","_b","sortingFns","getRowRange","rows","idA","idB","range","singleRow","indexA","indexB","i","start","end","SimpleTable","data","isLoading","error","isExpandable","isMultiSelect","enableClickToDeselect","forceUpdateTable","globalFilter","meta","rowHeight","onScrollBottom","children","pt","rowSelection","expanded","setExpanded","onExpandedChange","onRowSelectionChange","rowPinning","onRowPinningChange","useSimpleTableContext","lastSelectedIdRef","useRef","tableRef","tableData","useMemo","_","handleSelectionLogic","useCallback","tableInstance","rowId","isShift","isCtrlOrMeta","currentId","allProcessableRows","currentRow","r","lastId","rowsToToggle","newSelection","handleRowSelectForKeydown","event","selectedRow","isShiftKey","isCtrlKey","handleRowKeyDown","useRowKeydown","columns","getValue","cellTableInstance","cellMeta","handleCellClick","props","clsx","jsx","SimpleTableCellTemplate","handleRowSelectionChangeCallback","updater","functionalUpdate","handleRowPinningChangeCallback","handleExpandedChange","old","newExpanded","table","useReactTable","getCoreRowModel","getFilteredRowModel","getExpandedRowModel","useEffect","tableContainerRef","rowVirtualizer","useVirtualizer","element","measureElementRef","node","handleScroll","target","scrollTop","scrollHeight","clientHeight","handleContainerClick","e","jsxs","Styled.TableContainer","virtualRow","cell","flexRender","EmptyPlaceholder"],"mappings":"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"}
1	+ {"version":3,"file":"SimpleTable.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import { FC, useMemo, useRef, MouseEvent as ReactMouseEvent, useCallback, useEffect } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport {\n useReactTable,\n getCoreRowModel,\n getFilteredRowModel,\n getExpandedRowModel,\n ColumnDef,\n flexRender,\n Row,\n FilterFn,\n SortingFn,\n sortingFns,\n RowData,\n Table,\n OnChangeFn,\n RowSelectionState,\n functionalUpdate,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nimport clsx from 'clsx'\nimport useRowKeydown, { RowKeyboardEvent } from './hooks/useRowKeydown'\n\nimport { RankingInfo, rankItem, compareItems } from '@tanstack/match-sorter-utils'\nimport { useSimpleTableContext } from './context/SimpleTableContext'\nimport { SimpleTableCellTemplate, SimpleTableCellTemplateProps } from './SimpleTableRowTemplate'\nimport { EmptyPlaceholder } from '@shared/components'\nimport { RowPinningState } from '@tanstack/react-table'\n\ndeclare module '@tanstack/react-table' {\n //add fuzzy filter to the filterFns\n interface FilterFns {\n fuzzy: FilterFn<unknown>\n }\n interface FilterMeta {\n itemRank: RankingInfo\n }\n\n interface TableMeta<TData extends RowData> {\n isExpandable?: boolean\n isLoading?: boolean\n children?: (\n props: SimpleTableCellTemplateProps,\n row: Row<TData>,\n table: Table<SimpleTableRow>,\n ) => JSX.Element\n [key: string]: any\n }\n}\n\n// Define a custom fuzzy filter function that will apply ranking info to rows (using match-sorter utils)\nconst fuzzyFilter: FilterFn<any> = (row, columnId, value, addMeta) => {\n // Rank the item\n const itemRank = rankItem(row.getValue(columnId), value)\n\n // Store the itemRank info\n addMeta({\n itemRank,\n })\n\n // Return if the item should be filtered in/out\n return itemRank.passed\n}\n\n// Define a custom fuzzy sort function that will sort by rank if the row has ranking information\nconst fuzzySort: SortingFn<any> = (rowA, rowB, columnId) => {\n let dir = 0\n\n // Only sort by rank if the column has ranking information\n if (rowA.columnFiltersMeta[columnId]) {\n dir = compareItems(\n rowA.columnFiltersMeta[columnId]?.itemRank!,\n rowB.columnFiltersMeta[columnId]?.itemRank!,\n )\n }\n\n // Provide an alphanumeric fallback for when the item ranks are equal\n return dir === 0 ? sortingFns.alphanumeric(rowA, rowB, columnId) : dir\n}\n\nexport type RowItemData = {\n id: string\n name?: string \| null\n label?: string \| null\n subType?: string \| null\n [key: string]: any\n}\n\nexport type SimpleTableRow = {\n id: string\n parentId?: string\n name: string\n label: string\n parents?: string[]\n icon?: string \| null\n iconColor?: string\n iconFilled?: boolean\n img?: string \| null\n startContent?: JSX.Element\n endContent?: JSX.Element\n subRows: SimpleTableRow[]\n data: RowItemData\n isDisabled?: boolean\n disabledMessage?: string\n inactive?: boolean\n}\n\nexport interface SimpleTableProps {\n data: SimpleTableRow[]\n isLoading: boolean\n error?: string\n isExpandable?: boolean // show expand/collapse icons\n isMultiSelect?: boolean // enable multi-select with shift+click and ctrl/cmd+click\n enableClickToDeselect?: boolean // allow deselecting a single selected row by clicking it again & clicking outside clears selection\n enableNonFolderIndent?: boolean // indent non-folder rows to align with folder rows\n forceUpdateTable?: any\n globalFilter?: string\n meta?: Record<string, any>\n rowHeight?: number // height of each row, used for virtual scrolling\n onScrollBottom?: () => void // callback fired when scrolled to the bottom of the table\n children?: (\n props: SimpleTableCellTemplateProps,\n row: Row<SimpleTableRow>,\n table: Table<SimpleTableRow>,\n ) => JSX.Element\n pt?: {\n cell?: SimpleTableCellTemplateProps\n row?: React.HTMLAttributes<HTMLTableRowElement>\n }\n}\n\n// Helper function to get row range for shift-selection\n// Operates on the provided list of rows (e.g., filtered and sorted rows)\nfunction getRowRange<TData extends RowData>(\n rows: Array<Row<TData>>,\n idA: string,\n idB: string,\n): Array<Row<TData>> {\n const range: Array<Row<TData>> = []\n // If idA and idB are the same, or one is not found, handle appropriately\n if (idA === idB) {\n const singleRow = rows.find((row) => row.id === idA)\n return singleRow ? [singleRow] : []\n }\n\n let indexA = -1\n let indexB = -1\n\n for (let i = 0; i < rows.length; i++) {\n if (rows[i].id === idA) indexA = i\n if (rows[i].id === idB) indexB = i\n if (indexA !== -1 && indexB !== -1) break\n }\n\n if (indexA === -1 \|\| indexB === -1) return [] // One or both IDs not found\n\n const start = Math.min(indexA, indexB)\n const end = Math.max(indexA, indexB)\n\n for (let i = start; i <= end; i++) {\n range.push(rows[i])\n }\n return range\n}\n\nconst SimpleTable: FC<SimpleTableProps> = ({\n data = [],\n isLoading,\n error,\n isExpandable,\n isMultiSelect = true,\n enableClickToDeselect = true,\n enableNonFolderIndent = true,\n forceUpdateTable,\n globalFilter,\n meta,\n rowHeight,\n onScrollBottom,\n children,\n pt,\n}) => {\n const {\n rowSelection,\n expanded,\n setExpanded,\n onExpandedChange,\n onRowSelectionChange,\n rowPinning,\n onRowPinningChange,\n } = useSimpleTableContext()\n const lastSelectedIdRef = useRef<string \| null>(null)\n const tableRef = useRef<Table<SimpleTableRow> \| null>(null)\n\n // stable data reference\n const tableData = useMemo(() => {\n if (!isLoading) return data\n\n // show loading placeholders\n return Array.from({ length: 10 }, (_, i) => ({\n id: `placeholder-${i}`,\n name: `placeholder-${i}`,\n label: `placeholder-${i}`,\n icon: null,\n img: null,\n subRows: [],\n data: {\n id: `placeholder-${i}`,\n },\n }))\n }, [isLoading, data, forceUpdateTable])\n\n // Define the core selection logic using useCallback for stability\n const handleSelectionLogic = useCallback(\n (\n tableInstance: Table<SimpleTableRow>,\n rowId: string,\n isShift: boolean,\n isCtrlOrMeta: boolean,\n ) => {\n const currentId = rowId\n const allProcessableRows = tableInstance.getFilteredRowModel().flatRows\n const currentRow = allProcessableRows.find((r) => r.id === currentId)\n\n if (!currentRow) return\n\n // Prevent selection of disabled rows\n if (currentRow.original.isDisabled) return\n\n // If click-to-deselect is enabled and only one row is selected and it's the current row\n if (\n enableClickToDeselect &&\n !isShift &&\n !isCtrlOrMeta &&\n Object.keys(tableInstance.getState().rowSelection).length === 1 &&\n tableInstance.getState().rowSelection[currentId]\n ) {\n tableInstance.setRowSelection({})\n lastSelectedIdRef.current = null\n return\n }\n\n if (isMultiSelect && isShift && lastSelectedIdRef.current) {\n const lastId = lastSelectedIdRef.current\n const anchorRow = allProcessableRows.find((r) => r.id === lastId)\n\n if (!anchorRow) {\n tableInstance.setRowSelection({ [currentId]: true })\n } else {\n const rowsToToggle = getRowRange(allProcessableRows, currentId, lastId)\n const newSelection: RowSelectionState = {}\n rowsToToggle.forEach((r) => (newSelection[r.id] = true))\n tableInstance.setRowSelection(newSelection)\n }\n } else if (isMultiSelect && isCtrlOrMeta) {\n currentRow.toggleSelected()\n } else {\n tableInstance.setRowSelection({ [currentId]: true })\n }\n lastSelectedIdRef.current = currentId\n },\n [isMultiSelect, enableClickToDeselect],\n )\n\n // Callback for useRowKeydown's handleRowSelect prop\n // Uses tableRef to access the table instance, avoiding direct dependency on 'table' variable at definition time\n const handleRowSelectForKeydown = useCallback(\n (\n event: RowKeyboardEvent, // Use the specific keyboard event type from the hook\n selectedRow: Row<SimpleTableRow>,\n ) => {\n if (!tableRef.current) {\n console.warn('tableRef not yet available in handleRowSelectForKeydown')\n return\n }\n\n // Extract modifier keys from the event\n const isShiftKey = event.shiftKey\n const isCtrlKey = event.ctrlKey \|\| event.metaKey\n\n handleSelectionLogic(\n tableRef.current, // Pass the main table instance\n selectedRow.id,\n isShiftKey,\n isCtrlKey,\n )\n },\n [handleSelectionLogic], // Depends only on handleSelectionLogic\n )\n\n const { handleRowKeyDown } = useRowKeydown<SimpleTableRow>({\n handleRowSelect: handleRowSelectForKeydown,\n })\n\n const columns = useMemo<ColumnDef<SimpleTableRow>[]>(\n () => [\n {\n accessorKey: 'label',\n header: undefined,\n filterFn: 'fuzzy',\n sortingFn: fuzzySort, //sort by fuzzy rank (falls back to alphanumeric)\n cell: ({ row, getValue, table: cellTableInstance }) => {\n const cellMeta = cellTableInstance.options.meta\n\n const handleCellClick = (event: ReactMouseEvent<HTMLElement, MouseEvent>) => {\n // Prevent row selection if clicking on an interactive element within the cell\n if (\n event.target instanceof HTMLInputElement \|\|\n event.target instanceof HTMLButtonElement \|\|\n event.target instanceof HTMLTextAreaElement \|\|\n event.target instanceof HTMLSelectElement \|\|\n event.target instanceof HTMLAnchorElement \|\|\n (event.target as HTMLElement).closest('button, a, input, textarea, select')\n ) {\n return\n }\n handleSelectionLogic(\n cellTableInstance, // Pass the cell's table instance\n row.id,\n event.shiftKey,\n event.ctrlKey \|\| event.metaKey,\n )\n }\n\n const props: SimpleTableCellTemplateProps & {\n onClick?: (event: ReactMouseEvent<HTMLElement, MouseEvent>) => void\n } = {\n className: clsx({\n selected: row.getIsSelected(),\n loading: cellMeta?.isLoading,\n disabled: row.original.isDisabled, // you can't select disabled rows\n inactive: row.original.inactive, // false: archived items but still selectable\n }),\n onKeyDown: (e) => {\n if (e.target instanceof HTMLInputElement) return\n // Corrected typo: handleRowKeydown -> handleRowKeyDown\n handleRowKeyDown(e, row)\n },\n onClick: handleCellClick, // Added onClick handler\n depth: row.depth,\n tabIndex: 0,\n value: getValue<string>(),\n parents: row.original.parents,\n icon: row.original.icon \|\| undefined,\n iconColor: row.original.iconColor,\n iconFilled: row.original.iconFilled,\n isRowExpandable: row.getCanExpand(),\n enableNonFolderIndent,\n isRowExpanded: row.getIsExpanded(),\n isTableExpandable: cellMeta?.isExpandable,\n onExpandClick: row.getToggleExpandedHandler(),\n startContent: row.original.startContent,\n endContent: row.original.endContent,\n isDisabled: row.original.isDisabled,\n disabledMessage: row.original.disabledMessage,\n }\n\n // Use children function if provided, otherwise default to SimpleTableCellTemplate\n return cellMeta?.children ? (\n cellMeta.children(props, row, cellTableInstance)\n ) : (\n <SimpleTableCellTemplate {...props} {...pt?.cell} />\n )\n },\n },\n ],\n [\n forceUpdateTable,\n handleSelectionLogic,\n handleRowKeyDown,\n enableClickToDeselect,\n enableNonFolderIndent,\n ], // include enableClickToDeselect for completeness\n )\n\n const handleRowSelectionChangeCallback: OnChangeFn<RowSelectionState> = useCallback(\n (updater) => {\n onRowSelectionChange(functionalUpdate(updater, rowSelection))\n },\n [onRowSelectionChange, rowSelection], // Depends only on the stable setState function from context\n )\n\n const handleRowPinningChangeCallback: OnChangeFn<RowPinningState> = useCallback(\n (updater) => {\n rowPinning && onRowPinningChange?.(functionalUpdate(updater, rowPinning))\n },\n [onRowPinningChange], // Depends only on the stable setState function from context\n )\n\n const handleExpandedChange = useCallback(\n (updater: any) => {\n setExpanded?.((old) => {\n const newExpanded = updater instanceof Function ? updater(old) : updater\n onExpandedChange?.(newExpanded)\n return newExpanded\n })\n },\n [setExpanded, onExpandedChange],\n )\n\n const table = useReactTable({\n data: tableData,\n columns,\n state: {\n expanded,\n rowSelection,\n globalFilter,\n rowPinning,\n },\n onRowSelectionChange: handleRowSelectionChangeCallback,\n onRowPinningChange: handleRowPinningChangeCallback,\n filterFns: {\n fuzzy: fuzzyFilter,\n },\n enableRowSelection: true, //enable row selection for all rows\n enableRowPinning: !!onRowPinningChange,\n getRowId: (row) => row.id,\n enableSubRowSelection: false, //disable sub row selection\n onExpandedChange: handleExpandedChange,\n getSubRows: (row) => row.subRows,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getExpandedRowModel: getExpandedRowModel(),\n filterFromLeafRows: true,\n // debugTable: true,\n meta: {\n isExpandable: !!isExpandable,\n isLoading: isLoading,\n children: children,\n ...meta,\n },\n })\n\n // Update tableRef whenever the table instance changes.\n // This ensures handleRowSelectForKeydown uses the current table instance.\n useEffect(() => {\n tableRef.current = table\n }, [table])\n\n const { rows } = table.getRowModel()\n\n //The virtualizer needs to know the scrollable container element\n const tableContainerRef = useRef<HTMLDivElement>(null)\n\n const rowVirtualizer = useVirtualizer({\n count: rows.length,\n estimateSize: () => rowHeight \|\| 34, //estimate row height for accurate scrollbar dragging\n getScrollElement: () => tableContainerRef.current,\n //measure dynamic row height, except in firefox because it measures table border height incorrectly\n measureElement: rowHeight\n ? () => rowHeight\n : typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1\n ? (element) => element?.getBoundingClientRect().height\n : undefined,\n overscan: 5,\n })\n\n // Memoize the ref callback to prevent infinite re-renders\n const measureElementRef = useCallback(\n (node: HTMLElement \| null) => {\n if (node) {\n rowVirtualizer.measureElement(node)\n }\n },\n [rowVirtualizer],\n )\n\n // Handle scroll to bottom detection\n const handleScroll = useCallback(\n (event: React.UIEvent<HTMLDivElement>) => {\n if (!onScrollBottom) return\n\n const target = event.currentTarget\n const { scrollTop, scrollHeight, clientHeight } = target\n\n // Check if we're near the bottom (within 100px)\n const isNearBottom = scrollHeight - scrollTop - clientHeight < 100\n\n if (isNearBottom && !isLoading) {\n onScrollBottom()\n }\n },\n [onScrollBottom, isLoading],\n )\n\n const handleContainerClick = (e: React.MouseEvent<HTMLDivElement>) => {\n // if the click is outside of any row, clear selection\n if (enableClickToDeselect && !(e.target as HTMLElement).closest('tr')) {\n table.setRowSelection({})\n lastSelectedIdRef.current = null\n }\n }\n\n return (\n <Styled.TableContainer\n ref={tableContainerRef}\n className={clsx({ isLoading })}\n onScroll={handleScroll}\n onClick={handleContainerClick}\n >\n {!error && (\n <table>\n <tbody\n style={{\n height: `${rowVirtualizer?.getTotalSize()}px`, //tells scrollbar how big the table is\n }}\n >\n {rowVirtualizer?.getVirtualItems().map((virtualRow) => {\n const row = rows[virtualRow.index] as Row<SimpleTableRow>\n return (\n <tr\n data-index={virtualRow.index} //needed for dynamic row height measurement\n ref={measureElementRef} //measure dynamic row height\n key={row.id}\n id={row.id}\n {...pt?.row}\n style={{\n transform: `translateY(${virtualRow.start}px)`, //this should always be a `style` as it changes on scroll\n ...pt?.row?.style, // custom styles to be passed\n }}\n >\n {row.getVisibleCells().map((cell) => {\n return (\n <td key={cell.id}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </td>\n )\n })}\n </tr>\n )\n })}\n </tbody>\n </table>\n )}\n {!!error && <EmptyPlaceholder error={error} />}\n </Styled.TableContainer>\n )\n}\n\nexport default SimpleTable\n"],"names":["fuzzyFilter","row","columnId","value","addMeta","itemRank","rankItem","fuzzySort","rowA","rowB","dir","compareItems","_a","_b","sortingFns","getRowRange","rows","idA","idB","range","singleRow","indexA","indexB","i","start","end","SimpleTable","data","isLoading","error","isExpandable","isMultiSelect","enableClickToDeselect","enableNonFolderIndent","forceUpdateTable","globalFilter","meta","rowHeight","onScrollBottom","children","pt","rowSelection","expanded","setExpanded","onExpandedChange","onRowSelectionChange","rowPinning","onRowPinningChange","useSimpleTableContext","lastSelectedIdRef","useRef","tableRef","tableData","useMemo","_","handleSelectionLogic","useCallback","tableInstance","rowId","isShift","isCtrlOrMeta","currentId","allProcessableRows","currentRow","r","lastId","rowsToToggle","newSelection","handleRowSelectForKeydown","event","selectedRow","isShiftKey","isCtrlKey","handleRowKeyDown","useRowKeydown","columns","getValue","cellTableInstance","cellMeta","handleCellClick","props","clsx","jsx","SimpleTableCellTemplate","handleRowSelectionChangeCallback","updater","functionalUpdate","handleRowPinningChangeCallback","handleExpandedChange","old","newExpanded","table","useReactTable","getCoreRowModel","getFilteredRowModel","getExpandedRowModel","useEffect","tableContainerRef","rowVirtualizer","useVirtualizer","element","measureElementRef","node","handleScroll","target","scrollTop","scrollHeight","clientHeight","handleContainerClick","e","jsxs","Styled.TableContainer","virtualRow","cell","flexRender","EmptyPlaceholder"],"mappings":"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"}

package/dist/shared/src/containers/SimpleTable/SimpleTable.styled.cjs.js CHANGED Viewed

@@ -92,10 +92,17 @@
     }
   }
+  &.inactive {
+    .icon,
+    .value {
+      color: var(--md-sys-color-outline);
+    }
+  }
   &.disabled {
     opacity: 0.5;
     cursor: not-allowed !important;
     &,
     .value,
     .icon {
@@ -110,7 +117,12 @@
       text-decoration: line-through;
     }
   }
-`,t=o(e.Button)`
+  /* filled icon */
+  .icon.filled {
+    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
+  }
+`,n=o(e.Button)`
   &.expander {
     background-color: unset;
     padding: 2px;
@@ -119,7 +131,7 @@
       background-color: var(--md-sys-color-surface-container-high-hover);
     }
   }
-`,n=o.div`
+`,t=o.div`
   border-radius: var(--border-radius-m);
   overflow: hidden;
   background-color: var(--md-sys-color-surface-container-low);
@@ -160,5 +172,5 @@
   &.active {
     background-color: var(--md-sys-color-surface-container-hover) !important;
   }
-`;exports.Cell=a;exports.Container=n;exports.Expander=t;exports.Header=i;exports.HeaderButton=d;exports.TableContainer=r;
+`;exports.Cell=a;exports.Container=t;exports.Expander=n;exports.Header=i;exports.HeaderButton=d;exports.TableContainer=r;
 //# sourceMappingURL=SimpleTable.styled.cjs.js.map

package/dist/shared/src/containers/SimpleTable/SimpleTable.styled.cjs.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleTable.styled.cjs.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const TableContainer = styled.div`\n display: flex;\n\n height: 100%;\n width: 100%;\n overflow: auto;\n padding: 4px;\n padding-top: 8px;\n\n &.isLoading {\n overflow: hidden;\n }\n\n /* make error icon smaller /\n .empty-placeholder {\n width: 100%;\n padding: 8px;\n max-width: 240px;\n .icon {\n font-size: 32px;\n }\n h3 {\n ${theme.titleMedium}\n }\n }\n\n table {\n height: fit-content;\n width: 100%;\n display: grid;\n }\n\n thead {\n display: none;\n }\n\n tbody {\n position: relative;\n display: grid;\n }\n\n tr {\n position: absolute;\n display: flex;\n width: 100%;\n / transform: set on dynamically */\n }\n\n td {\n padding: 1px 0px;\n width: 100%;\n }\n`\n\nexport const Cell = styled.div`\n width: 100%;\n min-height: 32px;\n user-select: none;\n padding: 0px 4px;\n\n display: flex;\n gap: var(--base-gap-small);\n align-items: center;\n cursor: pointer;\n\n border-radius: var(--border-radius-m);\n\n .value {\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .path {\n display: flex;\n gap: var(--base-gap-small);\n }\n\n .loading {\n pointer-events: none;\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-hover);\n }\n\n &.selected {\n background-color: var(--md-sys-color-primary-container);\n\n &,\n .icon {\n color: var(--md-sys-color-on-primary-container);\n }\n }\n\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed !important;\n \n &,\n .value,\n .icon {\n color: var(--md-sys-color-outline);\n }\n\n &:hover {\n background-color: transparent;\n }\n\n .value {\n text-decoration: line-through;\n }\n }\n`\n\nexport const Expander = styled(Button)`\n &.expander {\n background-color: unset;\n padding: 2px;\n cursor: pointer;\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n }\n`\n\n// utility styles for wrapping the table\nexport const Container = styled.div`\n border-radius: var(--border-radius-m);\n overflow: hidden;\n background-color: var(--md-sys-color-surface-container-low);\n height: 100%;\n flex: 1;\n\n display: flex;\n flex-direction: column;\n position: relative;\n`\n\nexport const Header = styled.div`\n padding: 2px;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n position: relative;\n\n display: flex;\n gap: var(--base-gap-small);\n\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const HeaderButton = styled(Button)`\n background-color: unset !important;\n z-index: 110;\n position: relative;\n\n &.hasIcon {\n padding: 4px;\n }\n\n &.open {\n background-color: unset !important;\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-hover) !important;\n }\n\n &.active {\n background-color: var(--md-sys-color-surface-container-hover) !important;\n }\n`\n"],"names":["TableContainer","styled","theme","Cell","Expander","Button","Container","Header","HeaderButton"],"mappings":"+JAGaA,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAsB7BC,QAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgCZC,EAAOF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,~~EA8DdG~~,EAAWH,EAAOI,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxBC,EAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYnBM,EAASN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAahBO,EAAeP,EAAOI,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
1	+ {"version":3,"file":"SimpleTable.styled.cjs.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const TableContainer = styled.div`\n display: flex;\n\n height: 100%;\n width: 100%;\n overflow: auto;\n padding: 4px;\n padding-top: 8px;\n\n &.isLoading {\n overflow: hidden;\n }\n\n /* make error icon smaller /\n .empty-placeholder {\n width: 100%;\n padding: 8px;\n max-width: 240px;\n .icon {\n font-size: 32px;\n }\n h3 {\n ${theme.titleMedium}\n }\n }\n\n table {\n height: fit-content;\n width: 100%;\n display: grid;\n }\n\n thead {\n display: none;\n }\n\n tbody {\n position: relative;\n display: grid;\n }\n\n tr {\n position: absolute;\n display: flex;\n width: 100%;\n / transform: set on dynamically /\n }\n\n td {\n padding: 1px 0px;\n width: 100%;\n }\n`\n\nexport const Cell = styled.div`\n width: 100%;\n min-height: 32px;\n user-select: none;\n padding: 0px 4px;\n\n display: flex;\n gap: var(--base-gap-small);\n align-items: center;\n cursor: pointer;\n\n border-radius: var(--border-radius-m);\n\n .value {\n width: 100%;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n }\n\n .path {\n display: flex;\n gap: var(--base-gap-small);\n }\n\n .loading {\n pointer-events: none;\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-hover);\n }\n\n &.selected {\n background-color: var(--md-sys-color-primary-container);\n\n &,\n .icon {\n color: var(--md-sys-color-on-primary-container);\n }\n }\n\n &.inactive {\n .icon,\n .value {\n color: var(--md-sys-color-outline);\n }\n }\n\n &.disabled {\n opacity: 0.5;\n cursor: not-allowed !important;\n\n &,\n .value,\n .icon {\n color: var(--md-sys-color-outline);\n }\n\n &:hover {\n background-color: transparent;\n }\n\n .value {\n text-decoration: line-through;\n }\n }\n\n / filled icon */\n .icon.filled {\n font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n }\n`\n\nexport const Expander = styled(Button)`\n &.expander {\n background-color: unset;\n padding: 2px;\n cursor: pointer;\n &:hover {\n background-color: var(--md-sys-color-surface-container-high-hover);\n }\n }\n`\n\n// utility styles for wrapping the table\nexport const Container = styled.div`\n border-radius: var(--border-radius-m);\n overflow: hidden;\n background-color: var(--md-sys-color-surface-container-low);\n height: 100%;\n flex: 1;\n\n display: flex;\n flex-direction: column;\n position: relative;\n`\n\nexport const Header = styled.div`\n padding: 2px;\n width: 100%;\n justify-content: space-between;\n align-items: center;\n position: relative;\n\n display: flex;\n gap: var(--base-gap-small);\n\n border-bottom: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const HeaderButton = styled(Button)`\n background-color: unset !important;\n z-index: 110;\n position: relative;\n\n &.hasIcon {\n padding: 4px;\n }\n\n &.open {\n background-color: unset !important;\n }\n\n &:hover {\n background-color: var(--md-sys-color-surface-container-hover) !important;\n }\n\n &.active {\n background-color: var(--md-sys-color-surface-container-hover) !important;\n }\n`\n"],"names":["TableContainer","styled","theme","Cell","Expander","Button","Container","Header","HeaderButton"],"mappings":"+JAGaA,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAsB7BC,QAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAgCZC,EAAOF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0EdG,EAAWH,EAAOI,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxBC,EAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYnBM,EAASN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAahBO,EAAeP,EAAOI,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

package/dist/shared/src/containers/SimpleTable/SimpleTable.styled.es.js CHANGED Viewed

@@ -94,10 +94,17 @@ const t = o.div`
     }
   }
+  &.inactive {
+    .icon,
+    .value {
+      color: var(--md-sys-color-outline);
+    }
+  }
   &.disabled {
     opacity: 0.5;
     cursor: not-allowed !important;
     &,
     .value,
     .icon {
@@ -112,6 +119,11 @@ const t = o.div`
       text-decoration: line-through;
     }
   }
+  /* filled icon */
+  .icon.filled {
+    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;
+  }
 `, d = o(r)`
   &.expander {
     background-color: unset;