@ynput/ayon-frontend-shared 0.2.28 → 0.2.30

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.cjs.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","e","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","jsxs","Styled.TableContainer","virtualRow","cell","flexRender","EmptyPlaceholder"],"mappings":"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"}
+{"version":3,"file":"SimpleTable.cjs.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, searchValue, addMeta) => {\n  const cellValue = row.getValue(columnId)\n  // convert non-string cell values to string\n  let searchString =\n    typeof cellValue === 'string'\n      ? cellValue\n      : Array.isArray(cellValue)\n      ? cellValue.join(' ')\n      : JSON.stringify(cellValue)\n\n  // combine label and parents into a single string for searching if columnId is 'label'\n  if (columnId === 'label') {\n    searchString = [row.original.label, row.original.name, ...(row.original.parents || [])].join(\n      ' ',\n    )\n  }\n\n  // Rank the item\n  const itemRank = rankItem(searchString, searchValue)\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    globalFilterFn: 'fuzzy',\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","searchValue","addMeta","cellValue","searchString","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","e","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","jsxs","Styled.TableContainer","virtualRow","cell","flexRender","EmptyPlaceholder"],"mappings":"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"}

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

@@ -1,16 +1,16 @@
-import { j as R } from "../../../../_virtual/jsx-runtime.es.js";
-import { useRef as D, useMemo as O, useCallback as h, useEffect as ot } from "react";
+import { j as h } from "../../../../_virtual/jsx-runtime.es.js";
+import { useRef as D, useMemo as V, useCallback as x, 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 { functionalUpdate as B, 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 J 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 { useSimpleTableContext as gt } 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 gt } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
+import { EmptyPlaceholder as ut } from "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
 import "react-toastify";
 import "../../api/base/client.es.js";
@@ -69,6 +69,7 @@ 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/entityLists/listFolders.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/links/updateLinks.es.js";
@@ -112,6 +113,7 @@ import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
 import "../../context/PowerpackContext.es.js";
 import "../../context/MoveEntityContext.es.js";
+import "../../context/MenuContext.es.js";
 import "../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../components/FileThumbnail/FileThumbnail.es.js";
@@ -156,9 +158,10 @@ 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 "../../components/LinksManager/CellEditingDialog.es.js";
 import "../ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../components/LinksManager/LinksManager.styled.es.js";
 import "../ProjectTreeTable/ProjectTreeTable.styled.es.js";
 import "../ProjectTreeTable/components/SelectionCell.es.js";
 import "../ProjectTreeTable/components/RowSelectionHeader.es.js";
@@ -168,12 +171,12 @@ 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 "../ProjectTreeTable/context/ProjectDataContext.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 "../ProjectTreeTable/components/HeaderActionButton.es.js";
 import "../ProjectTreeTable/components/ColumnHeaderMenu.es.js";
 import "../DetailsPanel/DetailsPanel.styled.es.js";
@@ -195,13 +198,15 @@ 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/DetailsPanelDetails/DetailsPanelDetails.es.js";
+import "../../components/DetailsPanelDetails/DetailsSection.es.js";
+import "../../components/DetailsPanelDetails/FieldLabel.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/Powerpack/RequiredPowerpackVersion.es.js";
 import "../../components/SettingsPanel/SettingsPanel.es.js";
 import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
 import "../../components/AttributeEditor/components/MinMaxField.es.js";
@@ -213,113 +218,116 @@ 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";
-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);
+import "../../components/StyledLink/StyledLink.es.js";
+const Rt = (e, m, s, c) => {
+  const i = e.getValue(m);
+  let n = typeof i == "string" ? i : Array.isArray(i) ? i.join(" ") : JSON.stringify(i);
+  m === "label" && (n = [e.original.label, e.original.name, ...e.original.parents || []].join(
+    " "
+  ));
+  const u = dt(n, s);
   return c({
-    itemRank: n
-  }), n.passed;
-}, ht = (l, m, a) => {
-  var n, s;
+    itemRank: u
+  }), u.passed;
+}, ht = (e, m, s) => {
+  var i, n;
   let c = 0;
-  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 ? lt.alphanumeric(l, m, a) : c;
+  return e.columnFiltersMeta[s] && (c = ct(
+    (i = e.columnFiltersMeta[s]) == null ? void 0 : i.itemRank,
+    (n = m.columnFiltersMeta[s]) == null ? void 0 : n.itemRank
+  )), c === 0 ? lt.alphanumeric(e, m, s) : c;
 };
-function xt(l, m, a) {
+function xt(e, m, s) {
   const c = [];
-  if (m === a) {
-    const p = l.find((M) => M.id === m);
-    return p ? [p] : [];
+  if (m === s) {
+    const a = e.find((M) => M.id === m);
+    return a ? [a] : [];
   }
-  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++)
+  let i = -1, n = -1;
+  for (let a = 0; a < e.length && (e[a].id === m && (i = a), e[a].id === s && (n = a), !(i !== -1 && n !== -1)); a++)
     ;
-  if (n === -1 || s === -1) return [];
-  const S = Math.min(n, s), C = Math.max(n, s);
-  for (let p = S; p <= C; p++)
-    c.push(l[p]);
+  if (i === -1 || n === -1) return [];
+  const u = Math.min(i, n), y = Math.max(i, n);
+  for (let a = u; a <= y; a++)
+    c.push(e[a]);
   return c;
 }
-const Ee = ({
-  data: l = [],
+const Me = ({
+  data: e = [],
   isLoading: m,
-  error: a,
+  error: s,
   isExpandable: c,
-  isMultiSelect: n = !0,
-  enableClickToDeselect: s = !0,
-  enableNonFolderIndent: S = !0,
-  forceUpdateTable: C,
-  globalFilter: p,
+  isMultiSelect: i = !0,
+  enableClickToDeselect: n = !0,
+  enableNonFolderIndent: u = !0,
+  forceUpdateTable: y,
+  globalFilter: a,
   meta: M,
   rowHeight: T,
-  onScrollBottom: k,
-  children: _,
-  pt: u
+  onScrollBottom: j,
+  children: Y,
+  pt: g
 }) => {
   const {
-    rowSelection: j,
-    expanded: q,
-    setExpanded: w,
-    onExpandedChange: y,
+    rowSelection: k,
+    expanded: _,
+    setExpanded: C,
+    onExpandedChange: E,
     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}`,
+    onRowPinningChange: b
+  } = gt(), S = D(null), H = D(null), q = V(() => m ? Array.from({ length: 10 }, (t, r) => ({
+    id: `placeholder-${r}`,
+    name: `placeholder-${r}`,
+    label: `placeholder-${r}`,
     icon: null,
     img: null,
     subRows: [],
     data: {
-      id: `placeholder-${i}`
+      id: `placeholder-${r}`
     }
-  })) : 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({}), b.current = null;
+  })) : e, [m, e, y]), w = x(
+    (t, r, p, o) => {
+      const d = r, R = t.getFilteredRowModel().flatRows, l = R.find((K) => K.id === d);
+      if (l && !l.original.isDisabled) {
+        if (n && !p && !o && Object.keys(t.getState().rowSelection).length === 1 && t.getState().rowSelection[d]) {
+          t.setRowSelection({}), S.current = null;
           return;
         }
-        if (n && r && b.current) {
-          const K = b.current;
-          if (!g.find(($) => $.id === K))
+        if (i && p && S.current) {
+          const K = S.current;
+          if (!R.find(($) => $.id === K))
             t.setRowSelection({ [d]: !0 });
           else {
-            const $ = xt(g, d, K), B = {};
-            $.forEach((tt) => B[tt.id] = !0), t.setRowSelection(B);
+            const $ = xt(R, d, K), O = {};
+            $.forEach((tt) => O[tt.id] = !0), t.setRowSelection(O);
           }
-        } else n && o ? e.toggleSelected() : t.setRowSelection({ [d]: !0 });
-        b.current = d;
+        } else i && o ? l.toggleSelected() : t.setRowSelection({ [d]: !0 });
+        S.current = d;
       }
     },
-    [n, s]
-  ), I = h(
-    (t, i) => {
+    [i, n]
+  ), G = x(
+    (t, r) => {
       if (!H.current) {
         console.warn("tableRef not yet available in handleRowSelectForKeydown");
         return;
       }
-      const r = t.shiftKey, o = t.ctrlKey || t.metaKey;
-      E(
+      const p = t.shiftKey, o = t.ctrlKey || t.metaKey;
+      w(
         H.current,
         // Pass the main table instance
-        i.id,
-        r,
+        r.id,
+        p,
         o
       );
     },
-    [E]
+    [w]
     // Depends only on handleSelectionLogic
   ), { handleRowKeyDown: L } = st({
-    handleRowSelect: I
-  }), J = O(
+    handleRowSelect: G
+  }), Q = V(
     () => [
       {
         accessorKey: "label",
@@ -327,17 +335,17 @@ const Ee = ({
         filterFn: "fuzzy",
         sortingFn: ht,
         //sort by fuzzy rank (falls back to alphanumeric)
-        cell: ({ row: t, getValue: i, table: r }) => {
-          const o = r.options.meta, d = (e) => {
-            e.target instanceof HTMLInputElement || e.target instanceof HTMLButtonElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLSelectElement || e.target instanceof HTMLAnchorElement || e.target.closest("button, a, input, textarea, select") || E(
-              r,
+        cell: ({ row: t, getValue: r, table: p }) => {
+          const o = p.options.meta, d = (l) => {
+            l.target instanceof HTMLInputElement || l.target instanceof HTMLButtonElement || l.target instanceof HTMLTextAreaElement || l.target instanceof HTMLSelectElement || l.target instanceof HTMLAnchorElement || l.target.closest("button, a, input, textarea, select") || w(
+              p,
               // Pass the cell's table instance
               t.id,
-              e.shiftKey,
-              e.ctrlKey || e.metaKey
+              l.shiftKey,
+              l.ctrlKey || l.metaKey
             );
-          }, g = {
-            className: Y({
+          }, R = {
+            className: J({
               selected: t.getIsSelected(),
               loading: o == null ? void 0 : o.isLoading,
               disabled: t.original.isDisabled,
@@ -345,20 +353,20 @@ const Ee = ({
               inactive: t.original.inactive
               // false: archived items but still selectable
             }),
-            onKeyDown: (e) => {
-              e.target instanceof HTMLInputElement || L(e, t);
+            onKeyDown: (l) => {
+              l.target instanceof HTMLInputElement || L(l, t);
             },
             onClick: d,
             // Added onClick handler
             depth: t.depth,
             tabIndex: 0,
-            value: i(),
+            value: r(),
             parents: t.original.parents,
             icon: t.original.icon || void 0,
             iconColor: t.original.iconColor,
             iconFilled: t.original.iconFilled,
             isRowExpandable: t.getCanExpand(),
-            enableNonFolderIndent: S,
+            enableNonFolderIndent: u,
             isRowExpanded: t.getIsExpanded(),
             isTableExpandable: o == null ? void 0 : o.isExpandable,
             onExpandClick: t.getToggleExpandedHandler(),
@@ -367,59 +375,60 @@ const Ee = ({
             isDisabled: t.original.isDisabled,
             disabledMessage: t.original.disabledMessage
           };
-          return o != null && o.children ? o.children(g, t, r) : /* @__PURE__ */ R.jsx(ft, { ...g, ...u == null ? void 0 : u.cell });
+          return o != null && o.children ? o.children(R, t, p) : /* @__PURE__ */ h.jsx(ft, { ...R, ...g == null ? void 0 : g.cell });
         }
       }
     ],
     [
-      C,
-      E,
+      y,
+      w,
       L,
-      s,
-      S
+      n,
+      u
     ]
     // include enableClickToDeselect for completeness
-  ), Q = h(
+  ), U = x(
     (t) => {
-      P(V(t, j));
+      P(B(t, k));
     },
-    [P, j]
+    [P, k]
     // Depends only on the stable setState function from context
-  ), U = h(
+  ), W = x(
     (t) => {
-      z && (x == null || x(V(t, z)));
+      z && (b == null || b(B(t, z)));
     },
-    [x]
+    [b]
     // Depends only on the stable setState function from context
-  ), W = h(
+  ), X = x(
     (t) => {
-      w == null || w((i) => {
-        const r = t instanceof Function ? t(i) : t;
-        return y == null || y(r), r;
+      C == null || C((r) => {
+        const p = t instanceof Function ? t(r) : t;
+        return E == null || E(p), p;
       });
     },
-    [w, y]
+    [C, E]
   ), F = rt({
-    data: G,
-    columns: J,
+    data: q,
+    columns: Q,
     state: {
-      expanded: q,
-      rowSelection: j,
-      globalFilter: p,
+      expanded: _,
+      rowSelection: k,
+      globalFilter: a,
       rowPinning: z
     },
-    onRowSelectionChange: Q,
-    onRowPinningChange: U,
+    onRowSelectionChange: U,
+    onRowPinningChange: W,
     filterFns: {
       fuzzy: Rt
     },
+    globalFilterFn: "fuzzy",
     enableRowSelection: !0,
     //enable row selection for all rows
-    enableRowPinning: !!x,
+    enableRowPinning: !!b,
     getRowId: (t) => t.id,
     enableSubRowSelection: !1,
     //disable sub row selection
-    onExpandedChange: W,
+    onExpandedChange: X,
     getSubRows: (t) => t.subRows,
     getCoreRowModel: nt(),
     getFilteredRowModel: mt(),
@@ -429,7 +438,7 @@ const Ee = ({
     meta: {
       isExpandable: !!c,
       isLoading: m,
-      children: _,
+      children: Y,
       ...M
     }
   });
@@ -444,30 +453,30 @@ const Ee = ({
     //measure dynamic row height, except in firefox because it measures table border height incorrectly
     measureElement: T ? () => T : typeof window < "u" && navigator.userAgent.indexOf("Firefox") === -1 ? (t) => t == null ? void 0 : t.getBoundingClientRect().height : void 0,
     overscan: 5
-  }), X = h(
+  }), Z = x(
     (t) => {
       t && f.measureElement(t);
     },
     [f]
-  ), Z = h(
+  ), I = x(
     (t) => {
-      if (!k) return;
-      const i = t.currentTarget, { scrollTop: r, scrollHeight: o, clientHeight: d } = i;
-      o - r - d < 100 && !m && k();
+      if (!j) return;
+      const r = t.currentTarget, { scrollTop: p, scrollHeight: o, clientHeight: d } = r;
+      o - p - d < 100 && !m && j();
     },
-    [k, m]
+    [j, m]
   ), v = (t) => {
-    s && !t.target.closest("tr") && (F.setRowSelection({}), b.current = null);
+    n && !t.target.closest("tr") && (F.setRowSelection({}), S.current = null);
   };
-  return /* @__PURE__ */ R.jsxs(
+  return /* @__PURE__ */ h.jsxs(
     it,
     {
       ref: A,
-      className: Y({ isLoading: m }),
-      onScroll: Z,
+      className: J({ isLoading: m }),
+      onScroll: I,
       onClick: v,
       children: [
-        !a && /* @__PURE__ */ R.jsx("table", { children: /* @__PURE__ */ R.jsx(
+        !s && /* @__PURE__ */ h.jsx("table", { children: /* @__PURE__ */ h.jsx(
           "tbody",
           {
             style: {
@@ -475,34 +484,34 @@ const Ee = ({
               //tells scrollbar how big the table is
             },
             children: f == null ? void 0 : f.getVirtualItems().map((t) => {
-              var r;
-              const i = N[t.index];
-              return /* @__PURE__ */ R.jsx(
+              var p;
+              const r = N[t.index];
+              return /* @__PURE__ */ h.jsx(
                 "tr",
                 {
                   "data-index": t.index,
-                  ref: X,
-                  id: i.id,
-                  ...u == null ? void 0 : u.row,
+                  ref: Z,
+                  id: r.id,
+                  ...g == null ? void 0 : g.row,
                   style: {
                     transform: `translateY(${t.start}px)`,
                     //this should always be a `style` as it changes on scroll
-                    ...(r = u == null ? void 0 : u.row) == null ? void 0 : r.style
+                    ...(p = g == null ? void 0 : g.row) == null ? void 0 : p.style
                     // custom styles to be passed
                   },
-                  children: i.getVisibleCells().map((o) => /* @__PURE__ */ R.jsx("td", { children: pt(o.column.columnDef.cell, o.getContext()) }, o.id))
+                  children: r.getVisibleCells().map((o) => /* @__PURE__ */ h.jsx("td", { children: pt(o.column.columnDef.cell, o.getContext()) }, o.id))
                 },
-                i.id
+                r.id
               );
             })
           }
         ) }),
-        !!a && /* @__PURE__ */ R.jsx(gt, { error: a })
+        !!s && /* @__PURE__ */ h.jsx(ut, { error: s })
       ]
     }
   );
 };
 export {
-  Ee as default
+  Me as default
 };
 //# sourceMappingURL=SimpleTable.es.js.map