@ynput/ayon-frontend-shared 0.2.23 → 0.2.24

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

@@ -0,0 +1,529 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import { useRef, useMemo, useCallback, useEffect } from "react";
+import { TableContainer } from "./SimpleTable.styled.es.js";
+import { functionalUpdate, useReactTable, getExpandedRowModel, getFilteredRowModel, getCoreRowModel, flexRender, sortingFns } from "@tanstack/react-table";
+import { useVirtualizer } from "@tanstack/react-virtual";
+import clsx from "clsx";
+import useRowKeydown from "../../../../src/containers/Slicer/hooks/useRowKeydown.es.js";
+import { compareItems, rankItem } from "@tanstack/match-sorter-utils";
+import { useSimpleTableContext } from "./context/SimpleTableContext.es.js";
+import { SimpleTableCellTemplate } from "./SimpleTableRowTemplate.es.js";
+import "@ynput/ayon-react-components";
+import "../../components/ThumbnailSimple/ThumbnailSimple.es.js";
+import { EmptyPlaceholder } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "react-toastify";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/graphqlLinks.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+import "../../api/generated/configuration.es.js";
+import "../../api/generated/desktop.es.js";
+import "../../api/generated/entityLists.es.js";
+import "../../api/generated/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+import "../../api/generated/workfiles.es.js";
+import "../../api/generated/ynputCloud.es.js";
+import "../../api/generated/grouping.es.js";
+import "../../api/generated/views.es.js";
+import "../../api/queries/actions/getActions.es.js";
+import "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/links/updateLinks.es.js";
+import "../../api/queries/links/getLinks.es.js";
+import "../../api/queries/links/getEntityLinks.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
+import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../api/queries/users/getUsers.es.js";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../api/queries/versions/updateVersions.es.js";
+import "../../api/queries/views/getViews.es.js";
+import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
+import "@dnd-kit/core";
+import "@dnd-kit/sortable";
+import "../../components/ReviewablesList/ReviewablesList.styled.es.js";
+import "../ContextMenu/ContextMenuContext.es.js";
+/* empty css                                 */
+import "lodash";
+import "uuid";
+import "../../util/pubsub.es.js";
+import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
+import "axios";
+import "../../context/RemoteModulesContext.es.js";
+import "../../context/DetailsPanelContext.es.js";
+import "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
+import "../../context/pip/PiPProvider.es.js";
+import "react-dom";
+import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
+import "../../context/PowerpackContext.es.js";
+import "../../components/ReviewableCard/ReviewableCard.es.js";
+import "../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
+import "../../components/FileThumbnail/FileThumbnail.es.js";
+import "../../components/Thumbnail/Thumbnail.styled.es.js";
+import "../../components/Thumbnail/StackedThumbnails.es.js";
+import "../Feed/context/FeedContext.es.js";
+import "../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
+import "../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
+import "../Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
+import "../Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
+import "react-markdown";
+import "remark-emoji";
+import "remark-gfm";
+import "remark-directive";
+import "remark-directive-rehype";
+import "../Feed/components/CommentInput/CommentInput.es.js";
+import "../Feed/components/ReactionContainer/Reactions.styled.es.js";
+import "../Feed/components/FilesGrid/FilesGrid.styled.es.js";
+import "../Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
+import "../Feed/components/CommentInput/quillToMarkdown.es.js";
+import "../Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../Feed/components/ActivityDate.es.js";
+import "../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
+import "../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
+import "../Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
+import "../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
+import "../Feed/Feed.styled.es.js";
+import "date-fns";
+import "../ProjectTreeTable/ProjectTreeTable.es.js";
+import "../ProjectTreeTable/context/CellEditingContext.es.js";
+import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../ProjectTreeTable/widgets/DateWidget.es.js";
+import "../ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../ProjectTreeTable/widgets/TextWidget.es.js";
+import "../ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../ProjectTreeTable/widgets/CellWidget.es.js";
+import "../ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
+import "../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../../components/LinksManager/LinksManagerDialog.es.js";
+import "../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../ProjectTreeTable/components/SelectionCell.es.js";
+import "../ProjectTreeTable/components/RowSelectionHeader.es.js";
+import "../ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
+import "../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../ProjectTreeTable/context/ProjectTableContext.es.js";
+import "../ProjectTreeTable/context/ClipboardContext.es.js";
+import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import "../ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../DetailsPanel/DetailsPanel.styled.es.js";
+import "../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
+import "../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
+import "../../components/PlayableIcon/PlayableIcon.es.js";
+import "../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";
+import "../DetailsPanel/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
+import "../DetailsPanel/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
+import "../Actions/Actions.styled.es.js";
+import "../Actions/ActionsDropdown/ActionsDropdown.es.js";
+import "../Actions/ActionIcon.es.js";
+import "../Views/context/ViewsContext.es.js";
+import "../Views/Views.styled.es.js";
+import "../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";
+import "../../components/SimpleFormDialog/SimpleFormDialog.es.js";
+import "../../components/EntityPath/EntityPath.styled.es.js";
+import "../../components/EntityPath/SegmentProvider.es.js";
+import "../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
+import "../../components/Watchers/Watchers.es.js";
+import "../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+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/SettingsPanel/SettingsPanel.es.js";
+import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../../components/AttributeEditor/components/MinMaxField.es.js";
+import "../../components/EnumEditor/EnumEditor.styled.es.js";
+import "../../components/SearchFilter/filterDates.es.js";
+import "../../components/Badge/Badge.es.js";
+import "../../components/VersionUploader/components/UploadVersionDialog.es.js";
+import "../../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../../components/Feedback/FeedbackContext.es.js";
+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 fuzzyFilter = (row, columnId, value, addMeta) => {
+  const itemRank = rankItem(row.getValue(columnId), value);
+  addMeta({
+    itemRank
+  });
+  return itemRank.passed;
+};
+const fuzzySort = (rowA, rowB, columnId) => {
+  var _a, _b;
+  let dir = 0;
+  if (rowA.columnFiltersMeta[columnId]) {
+    dir = compareItems(
+      (_a = rowA.columnFiltersMeta[columnId]) == null ? void 0 : _a.itemRank,
+      (_b = rowB.columnFiltersMeta[columnId]) == null ? void 0 : _b.itemRank
+    );
+  }
+  return dir === 0 ? sortingFns.alphanumeric(rowA, rowB, columnId) : dir;
+};
+function getRowRange(rows, idA, idB) {
+  const range = [];
+  if (idA === idB) {
+    const singleRow = rows.find((row) => row.id === idA);
+    return singleRow ? [singleRow] : [];
+  }
+  let indexA = -1;
+  let indexB = -1;
+  for (let i = 0; i < rows.length; i++) {
+    if (rows[i].id === idA) indexA = i;
+    if (rows[i].id === idB) indexB = i;
+    if (indexA !== -1 && indexB !== -1) break;
+  }
+  if (indexA === -1 || indexB === -1) return [];
+  const start = Math.min(indexA, indexB);
+  const end = Math.max(indexA, indexB);
+  for (let i = start; i <= end; i++) {
+    range.push(rows[i]);
+  }
+  return range;
+}
+const SimpleTable = ({
+  data = [],
+  isLoading,
+  error,
+  isExpandable,
+  isMultiSelect = true,
+  forceUpdateTable,
+  globalFilter,
+  meta,
+  rowHeight,
+  onScrollBottom,
+  children,
+  pt
+}) => {
+  const {
+    rowSelection,
+    expanded,
+    setExpanded,
+    onExpandedChange,
+    onRowSelectionChange,
+    rowPinning,
+    onRowPinningChange
+  } = useSimpleTableContext();
+  const lastSelectedIdRef = useRef(null);
+  const tableRef = useRef(null);
+  const tableData = useMemo(() => {
+    if (!isLoading) return data;
+    return Array.from({ length: 10 }, (_, i) => ({
+      id: `placeholder-${i}`,
+      name: `placeholder-${i}`,
+      label: `placeholder-${i}`,
+      icon: null,
+      img: null,
+      subRows: [],
+      data: {
+        id: `placeholder-${i}`
+      }
+    }));
+  }, [isLoading, data, forceUpdateTable]);
+  const handleSelectionLogic = useCallback(
+    (tableInstance, rowId, isShift, isCtrlOrMeta) => {
+      const currentId = rowId;
+      const allProcessableRows = tableInstance.getFilteredRowModel().flatRows;
+      const currentRow = allProcessableRows.find((r) => r.id === currentId);
+      if (!currentRow) return;
+      if (isMultiSelect && isShift && lastSelectedIdRef.current) {
+        const lastId = lastSelectedIdRef.current;
+        const anchorRow = allProcessableRows.find((r) => r.id === lastId);
+        if (!anchorRow) {
+          tableInstance.setRowSelection({ [currentId]: true });
+        } else {
+          const rowsToToggle = getRowRange(allProcessableRows, currentId, lastId);
+          const newSelection = {};
+          rowsToToggle.forEach((r) => newSelection[r.id] = true);
+          tableInstance.setRowSelection(newSelection);
+        }
+      } else if (isMultiSelect && isCtrlOrMeta) {
+        currentRow.toggleSelected();
+      } else {
+        tableInstance.setRowSelection({ [currentId]: true });
+      }
+      lastSelectedIdRef.current = currentId;
+    },
+    [isMultiSelect]
+  );
+  const handleRowSelectForKeydown = useCallback(
+    (event, selectedRow) => {
+      if (!tableRef.current) {
+        console.warn("tableRef not yet available in handleRowSelectForKeydown");
+        return;
+      }
+      const isShiftKey = event.shiftKey;
+      const isCtrlKey = event.ctrlKey || event.metaKey;
+      handleSelectionLogic(
+        tableRef.current,
+        // Pass the main table instance
+        selectedRow.id,
+        isShiftKey,
+        isCtrlKey
+      );
+    },
+    [handleSelectionLogic]
+    // Depends only on handleSelectionLogic
+  );
+  const { handleRowKeyDown } = useRowKeydown({
+    handleRowSelect: handleRowSelectForKeydown
+  });
+  const columns = useMemo(
+    () => [
+      {
+        accessorKey: "label",
+        header: void 0,
+        filterFn: "fuzzy",
+        sortingFn: fuzzySort,
+        //sort by fuzzy rank (falls back to alphanumeric)
+        cell: ({ row, getValue, table: cellTableInstance }) => {
+          const cellMeta = cellTableInstance.options.meta;
+          const handleCellClick = (event) => {
+            if (event.target instanceof HTMLInputElement || event.target instanceof HTMLButtonElement || event.target instanceof HTMLTextAreaElement || event.target instanceof HTMLSelectElement || event.target instanceof HTMLAnchorElement || event.target.closest("button, a, input, textarea, select")) {
+              return;
+            }
+            handleSelectionLogic(
+              cellTableInstance,
+              // Pass the cell's table instance
+              row.id,
+              event.shiftKey,
+              event.ctrlKey || event.metaKey
+            );
+          };
+          const props = {
+            className: clsx({ selected: row.getIsSelected(), loading: cellMeta == null ? void 0 : cellMeta.isLoading }),
+            onKeyDown: (e) => {
+              if (e.target instanceof HTMLInputElement) return;
+              handleRowKeyDown(e, row);
+            },
+            onClick: handleCellClick,
+            // Added onClick handler
+            depth: row.depth,
+            tabIndex: 0,
+            value: getValue(),
+            parents: row.original.parents,
+            icon: row.original.icon || void 0,
+            iconColor: row.original.iconColor,
+            isRowExpandable: row.getCanExpand(),
+            isRowExpanded: row.getIsExpanded(),
+            isTableExpandable: cellMeta == null ? void 0 : cellMeta.isExpandable,
+            onExpandClick: row.getToggleExpandedHandler(),
+            startContent: row.original.startContent,
+            endContent: row.original.endContent
+          };
+          return (cellMeta == null ? void 0 : cellMeta.children) ? cellMeta.children(props, row, cellTableInstance) : /* @__PURE__ */ jsxRuntimeExports.jsx(SimpleTableCellTemplate, { ...props, ...pt == null ? void 0 : pt.cell });
+        }
+      }
+    ],
+    [forceUpdateTable, handleSelectionLogic, handleRowKeyDown]
+    // Added handleRowKeyDown to dependencies
+  );
+  const handleRowSelectionChangeCallback = useCallback(
+    (updater) => {
+      onRowSelectionChange(functionalUpdate(updater, rowSelection));
+    },
+    [onRowSelectionChange, rowSelection]
+    // Depends only on the stable setState function from context
+  );
+  const handleRowPinningChangeCallback = useCallback(
+    (updater) => {
+      rowPinning && (onRowPinningChange == null ? void 0 : onRowPinningChange(functionalUpdate(updater, rowPinning)));
+    },
+    [onRowPinningChange]
+    // Depends only on the stable setState function from context
+  );
+  const handleExpandedChange = useCallback(
+    (updater) => {
+      setExpanded == null ? void 0 : setExpanded((old) => {
+        const newExpanded = updater instanceof Function ? updater(old) : updater;
+        onExpandedChange == null ? void 0 : onExpandedChange(newExpanded);
+        return newExpanded;
+      });
+    },
+    [setExpanded, onExpandedChange]
+  );
+  const table = useReactTable({
+    data: tableData,
+    columns,
+    state: {
+      expanded,
+      rowSelection,
+      globalFilter,
+      rowPinning
+    },
+    onRowSelectionChange: handleRowSelectionChangeCallback,
+    onRowPinningChange: handleRowPinningChangeCallback,
+    filterFns: {
+      fuzzy: fuzzyFilter
+    },
+    enableRowSelection: true,
+    //enable row selection for all rows
+    enableRowPinning: !!onRowPinningChange,
+    getRowId: (row) => row.id,
+    enableSubRowSelection: false,
+    //disable sub row selection
+    onExpandedChange: handleExpandedChange,
+    getSubRows: (row) => row.subRows,
+    getCoreRowModel: getCoreRowModel(),
+    getFilteredRowModel: getFilteredRowModel(),
+    getExpandedRowModel: getExpandedRowModel(),
+    filterFromLeafRows: true,
+    // debugTable: true,
+    meta: {
+      isExpandable: !!isExpandable,
+      isLoading,
+      children,
+      ...meta
+    }
+  });
+  useEffect(() => {
+    tableRef.current = table;
+  }, [table]);
+  const { rows } = table.getRowModel();
+  const tableContainerRef = useRef(null);
+  const rowVirtualizer = useVirtualizer({
+    count: rows.length,
+    estimateSize: () => rowHeight || 34,
+    //estimate row height for accurate scrollbar dragging
+    getScrollElement: () => tableContainerRef.current,
+    //measure dynamic row height, except in firefox because it measures table border height incorrectly
+    measureElement: rowHeight ? () => rowHeight : typeof window !== "undefined" && navigator.userAgent.indexOf("Firefox") === -1 ? (element) => element == null ? void 0 : element.getBoundingClientRect().height : void 0,
+    overscan: 5
+  });
+  const measureElementRef = useCallback(
+    (node) => {
+      if (node) {
+        rowVirtualizer.measureElement(node);
+      }
+    },
+    [rowVirtualizer]
+  );
+  const handleScroll = useCallback(
+    (event) => {
+      if (!onScrollBottom) return;
+      const target = event.currentTarget;
+      const { scrollTop, scrollHeight, clientHeight } = target;
+      const isNearBottom = scrollHeight - scrollTop - clientHeight < 100;
+      if (isNearBottom && !isLoading) {
+        onScrollBottom();
+      }
+    },
+    [onScrollBottom, isLoading]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    TableContainer,
+    {
+      ref: tableContainerRef,
+      className: clsx({ isLoading }),
+      onScroll: handleScroll,
+      children: [
+        !error && /* @__PURE__ */ jsxRuntimeExports.jsx("table", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "tbody",
+          {
+            style: {
+              height: `${rowVirtualizer == null ? void 0 : rowVirtualizer.getTotalSize()}px`
+              //tells scrollbar how big the table is
+            },
+            children: rowVirtualizer == null ? void 0 : rowVirtualizer.getVirtualItems().map((virtualRow) => {
+              var _a;
+              const row = rows[virtualRow.index];
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "tr",
+                {
+                  "data-index": virtualRow.index,
+                  ref: measureElementRef,
+                  id: row.id,
+                  ...pt == null ? void 0 : pt.row,
+                  style: {
+                    transform: `translateY(${virtualRow.start}px)`,
+                    //this should always be a `style` as it changes on scroll
+                    ...(_a = pt == null ? void 0 : pt.row) == null ? void 0 : _a.style
+                    // custom styles to be passed
+                  },
+                  children: row.getVisibleCells().map((cell) => {
+                    return /* @__PURE__ */ jsxRuntimeExports.jsx("td", { children: flexRender(cell.column.columnDef.cell, cell.getContext()) }, cell.id);
+                  })
+                },
+                row.id
+              );
+            })
+          }
+        ) }),
+        !!error && /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyPlaceholder, { error })
+      ]
+    }
+  );
+};
+export {
+  SimpleTable as default
+};
+//# sourceMappingURL=SimpleTable.es.js.map

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

@@ -0,0 +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, {\n  RowKeyboardEvent,\n} from '../../../../src/containers/Slicer/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}\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  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  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      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],\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({ selected: row.getIsSelected(), loading: cellMeta?.isLoading }),\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          }\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], // Added handleRowKeyDown to dependencies\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  return (\n    <Styled.TableContainer\n      ref={tableContainerRef}\n      className={clsx({ isLoading })}\n      onScroll={handleScroll}\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":["jsx","jsxs","Styled.TableContainer"],"mappings":"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"}