@ynput/ayon-frontend-shared 0.3.31 → 0.3.33

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, rankings } 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 with CONTAINS threshold to avoid overly permissive fuzzy matches\n  // This ensures the search term must be a substring, not just scattered characters\n  const itemRank = rankItem(searchString, searchValue, { threshold: rankings.CONTAINS })\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  imgShape?: 'square' | 'circle'\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 extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\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  imgRatio?: number\n  onScrollBottom?: () => void // callback fired when scrolled to the bottom of the table\n  fitContent?: boolean\n  children?: (\n    props: SimpleTableCellTemplateProps,\n    row: Row<SimpleTableRow>,\n    table: Table<SimpleTableRow>,\n  ) => JSX.Element\n  pt?: {\n    cell?: Partial<SimpleTableCellTemplateProps>\n    row?: Partial<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  imgRatio,\n  onScrollBottom,\n  children,\n  pt,\n  fitContent,\n  ...props\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  // Handle arrow key navigation\n  const handleArrowNavigation = useCallback(\n    (direction: 'up' | 'down', currentRow: Row<SimpleTableRow>, event: RowKeyboardEvent) => {\n      if (!tableRef.current) return\n\n      // Use the row model which respects expanded state, not filtered model\n      const visibleRows = tableRef.current.getRowModel().rows\n      const currentIndex = visibleRows.findIndex((r) => r.id === currentRow.id)\n\n      if (currentIndex === -1) return\n\n      let nextIndex = direction === 'down' ? currentIndex + 1 : currentIndex - 1\n\n      // Check bounds\n      if (nextIndex < 0 || nextIndex >= visibleRows.length) return\n\n      // Skip disabled rows\n      while (nextIndex >= 0 && nextIndex < visibleRows.length) {\n        const nextRow = visibleRows[nextIndex]\n        if (!nextRow.original.isDisabled) {\n          // Found a valid row\n          // Select the next row\n          handleSelectionLogic(\n            tableRef.current,\n            nextRow.id,\n            event.shiftKey,\n            event.ctrlKey || event.metaKey,\n          )\n\n          // Focus the next row's cell\n          requestAnimationFrame(() => {\n            const nextRowElement = document.getElementById(nextRow.id)\n            const nextCell = nextRowElement?.querySelector('[tabindex=\"0\"]') as HTMLElement\n            if (nextCell) {\n              nextCell.focus()\n              nextCell.scrollIntoView({ block: 'nearest', behavior: 'smooth' })\n            }\n          })\n          return\n        }\n        // Move to next row if current is disabled\n        nextIndex = direction === 'down' ? nextIndex + 1 : nextIndex - 1\n      }\n    },\n    [handleSelectionLogic],\n  )\n\n  const { handleRowKeyDown } = useRowKeydown<SimpleTableRow>({\n    handleRowSelect: handleRowSelectForKeydown,\n    handleArrowNavigation,\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            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            img: row.original.img,\n            imgShape: row.original.imgShape,\n            imgRatio: imgRatio,\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            ...pt?.cell,\n            onClick: handleCellClick, // Added onClick handler\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      imgRatio,\n    ], // include enableClickToDeselect for completeness\n  )\n\n  const handleRowSelectionChangeCallback: OnChangeFn<RowSelectionState> = useCallback(\n    (updater) => {\n      onRowSelectionChange(functionalUpdate(updater, rowSelection))\n    },\n    [onRowSelectionChange],\n  )\n\n  const handleRowPinningChangeCallback: OnChangeFn<RowPinningState> = useCallback(\n    (updater) => {\n      onRowPinningChange?.(functionalUpdate(updater, rowPinning || {}))\n    },\n    [onRowPinningChange],\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],\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      onScroll={handleScroll}\n      onClick={handleContainerClick}\n      {...props}\n      className={clsx(props.className, { isLoading, fitContent })}\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","rankings","fuzzySort","rowA","rowB","dir","compareItems","sortingFns","getRowRange","rows","idA","idB","range","singleRow","indexA","indexB","i","start","end","SimpleTable","data","isLoading","error","isExpandable","isMultiSelect","enableClickToDeselect","enableNonFolderIndent","forceUpdateTable","globalFilter","meta","rowHeight","imgRatio","onScrollBottom","children","pt","fitContent","props","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","handleArrowNavigation","direction","visibleRows","currentIndex","nextIndex","nextRow","nextCell","handleRowKeyDown","useRowKeydown","columns","getValue","cellTableInstance","cellMeta","handleCellClick","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":"ohgBAoDA,MAAMA,GAA6B,CAACC,EAAKC,EAAUC,EAAaC,IAAY,CAC1E,MAAMC,EAAYJ,EAAI,SAASC,CAAQ,EAEvC,IAAII,EACF,OAAOD,GAAc,SACjBA,EACA,MAAM,QAAQA,CAAS,EACvBA,EAAU,KAAK,GAAG,EAClB,KAAK,UAAUA,CAAS,EAG1BH,IAAa,UACfI,EAAe,CAACL,EAAI,SAAS,MAAOA,EAAI,SAAS,KAAM,GAAIA,EAAI,SAAS,SAAW,CAAA,CAAG,EAAE,KACtF,GAAA,GAMJ,MAAMM,EAAWC,EAAAA,SAASF,EAAcH,EAAa,CAAE,UAAWM,EAAAA,SAAS,SAAU,EAGrF,OAAAL,EAAQ,CACN,SAAAG,CAAA,CACD,EAGMA,EAAS,MAClB,EAGMG,GAA4B,CAACC,EAAMC,EAAMV,IAAa,CAC1D,IAAIW,EAAM,EAGV,OAAIF,EAAK,kBAAkBT,CAAQ,IACjCW,EAAMC,EAAAA,aACJH,EAAK,kBAAkBT,CAAQ,GAAG,SAClCU,EAAK,kBAAkBV,CAAQ,GAAG,QAAA,GAK/BW,IAAQ,EAAIE,aAAW,aAAaJ,EAAMC,EAAMV,CAAQ,EAAIW,CACrE,EA0DA,SAASG,GACPC,EACAC,EACAC,EACmB,CACnB,MAAMC,EAA2B,CAAA,EAEjC,GAAIF,IAAQC,EAAK,CACf,MAAME,EAAYJ,EAAK,KAAMhB,GAAQA,EAAI,KAAOiB,CAAG,EACnD,OAAOG,EAAY,CAACA,CAAS,EAAI,CAAA,CACnC,CAEA,IAAIC,EAAS,GACTC,EAAS,GAEb,QAASC,EAAI,EAAGA,EAAIP,EAAK,SACnBA,EAAKO,CAAC,EAAE,KAAON,IAAKI,EAASE,GAC7BP,EAAKO,CAAC,EAAE,KAAOL,IAAKI,EAASC,GAC7B,EAAAF,IAAW,IAAMC,IAAW,KAHDC,IAG/B,CAGF,GAAIF,IAAW,IAAMC,IAAW,SAAW,CAAA,EAE3C,MAAME,EAAQ,KAAK,IAAIH,EAAQC,CAAM,EAC/BG,EAAM,KAAK,IAAIJ,EAAQC,CAAM,EAEnC,QAASC,EAAIC,EAAOD,GAAKE,EAAKF,IAC5BJ,EAAM,KAAKH,EAAKO,CAAC,CAAC,EAEpB,OAAOJ,CACT,CAEA,MAAMO,GAAoC,CAAC,CACzC,KAAAC,EAAO,CAAA,EACP,UAAAC,EACA,MAAAC,EACA,aAAAC,EACA,cAAAC,EAAgB,GAChB,sBAAAC,EAAwB,GACxB,sBAAAC,EAAwB,GACxB,iBAAAC,EACA,aAAAC,EACA,KAAAC,EACA,UAAAC,EACA,SAAAC,EACA,eAAAC,EACA,SAAAC,EACA,GAAAC,EACA,WAAAC,EACA,GAAGC,CACL,IAAM,CACJ,KAAM,CACJ,aAAAC,EACA,SAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,qBAAAC,EACA,WAAAC,EACA,mBAAAC,CAAA,EACEC,yBAAA,EACEC,EAAoBC,EAAAA,OAAsB,IAAI,EAC9CC,EAAWD,EAAAA,OAAqC,IAAI,EAGpDE,EAAYC,EAAAA,QAAQ,IACnB5B,EAGE,MAAM,KAAK,CAAE,OAAQ,IAAM,CAAC6B,EAAGlC,KAAO,CAC3C,GAAI,eAAeA,CAAC,GACpB,KAAM,eAAeA,CAAC,GACtB,MAAO,eAAeA,CAAC,GACvB,KAAM,KACN,IAAK,KACL,QAAS,CAAA,EACT,KAAM,CACJ,GAAI,eAAeA,CAAC,EAAA,CACtB,EACA,EAbqBI,EActB,CAACC,EAAWD,EAAMO,CAAgB,CAAC,EAGhCwB,EAAuBC,EAAAA,YAC3B,CACEC,EACAC,EACAC,EACAC,IACG,CACH,MAAMC,EAAYH,EACZI,EAAqBL,EAAc,oBAAA,EAAsB,SACzDM,EAAaD,EAAmB,KAAME,GAAMA,EAAE,KAAOH,CAAS,EAEpE,GAAKE,GAGD,CAAAA,EAAW,SAAS,WAGxB,IACElC,GACA,CAAC8B,GACD,CAACC,GACD,OAAO,KAAKH,EAAc,SAAA,EAAW,YAAY,EAAE,SAAW,GAC9DA,EAAc,WAAW,aAAaI,CAAS,EAC/C,CACAJ,EAAc,gBAAgB,EAAE,EAChCR,EAAkB,QAAU,KAC5B,MACF,CAEA,GAAIrB,GAAiB+B,GAAWV,EAAkB,QAAS,CACzD,MAAMgB,EAAShB,EAAkB,QAGjC,GAAI,CAFca,EAAmB,KAAME,GAAMA,EAAE,KAAOC,CAAM,EAG9DR,EAAc,gBAAgB,CAAE,CAACI,CAAS,EAAG,GAAM,MAC9C,CACL,MAAMK,EAAetD,GAAYkD,EAAoBD,EAAWI,CAAM,EAChEE,EAAkC,CAAA,EACxCD,EAAa,QAASF,IAAOG,EAAaH,GAAE,EAAE,EAAI,EAAK,EACvDP,EAAc,gBAAgBU,CAAY,CAC5C,CACF,MAAWvC,GAAiBgC,EAC1BG,EAAW,eAAA,EAEXN,EAAc,gBAAgB,CAAE,CAACI,CAAS,EAAG,GAAM,EAErDZ,EAAkB,QAAUY,EAC9B,EACA,CAACjC,EAAeC,CAAqB,CAAA,EAKjCuC,EAA4BZ,EAAAA,YAChC,CACEa,EACAC,IACG,CACH,GAAI,CAACnB,EAAS,QAAS,CACrB,QAAQ,KAAK,yDAAyD,EACtE,MACF,CAGA,MAAMoB,EAAaF,EAAM,SACnBG,EAAYH,EAAM,SAAWA,EAAM,QAEzCd,EACEJ,EAAS,QACTmB,EAAY,GACZC,EACAC,CAAA,CAEJ,EACA,CAACjB,CAAoB,CAAA,EAIjBkB,EAAwBjB,EAAAA,YAC5B,CAACkB,EAA0BX,EAAiCM,IAA4B,CACtF,GAAI,CAAClB,EAAS,QAAS,OAGvB,MAAMwB,EAAcxB,EAAS,QAAQ,YAAA,EAAc,KAC7CyB,EAAeD,EAAY,UAAW,GAAM,EAAE,KAAOZ,EAAW,EAAE,EAExE,GAAIa,IAAiB,GAAI,OAEzB,IAAIC,EAAYH,IAAc,OAASE,EAAe,EAAIA,EAAe,EAGzE,GAAI,EAAAC,EAAY,GAAKA,GAAaF,EAAY,QAG9C,KAAOE,GAAa,GAAKA,EAAYF,EAAY,QAAQ,CACvD,MAAMG,EAAUH,EAAYE,CAAS,EACrC,GAAI,CAACC,EAAQ,SAAS,WAAY,CAGhCvB,EACEJ,EAAS,QACT2B,EAAQ,GACRT,EAAM,SACNA,EAAM,SAAWA,EAAM,OAAA,EAIzB,sBAAsB,IAAM,CAE1B,MAAMU,EADiB,SAAS,eAAeD,EAAQ,EAAE,GACxB,cAAc,gBAAgB,EAC3DC,IACFA,EAAS,MAAA,EACTA,EAAS,eAAe,CAAE,MAAO,UAAW,SAAU,SAAU,EAEpE,CAAC,EACD,MACF,CAEAF,EAAYH,IAAc,OAASG,EAAY,EAAIA,EAAY,CACjE,CACF,EACA,CAACtB,CAAoB,CAAA,EAGjB,CAAE,iBAAAyB,CAAA,EAAqBC,GAA8B,CACzD,gBAAiBb,EACjB,sBAAAK,CAAA,CACD,EAEKS,EAAU7B,EAAAA,QACd,IAAM,CACJ,CACE,YAAa,QACb,OAAQ,OACR,SAAU,QACV,UAAW/C,GACX,KAAM,CAAC,CAAE,IAAAT,EAAK,SAAAsF,EAAU,MAAOC,KAAwB,CACrD,MAAMC,EAAWD,EAAkB,QAAQ,KAErCE,EAAmBjB,GAAoD,CAGzEA,EAAM,kBAAkB,kBACxBA,EAAM,kBAAkB,mBACxBA,EAAM,kBAAkB,qBACxBA,EAAM,kBAAkB,mBACxBA,EAAM,kBAAkB,mBACvBA,EAAM,OAAuB,QAAQ,oCAAoC,GAI5Ed,EACE6B,EACAvF,EAAI,GACJwE,EAAM,SACNA,EAAM,SAAWA,EAAM,OAAA,CAE3B,EAEM7B,EAEF,CACF,UAAW+C,EAAK,CACd,SAAU1F,EAAI,cAAA,EACd,QAASwF,GAAU,UACnB,SAAUxF,EAAI,SAAS,WACvB,SAAUA,EAAI,SAAS,QAAA,CACxB,EACD,UAAY2F,GAAM,CACZA,EAAE,kBAAkB,kBAExBR,EAAiBQ,EAAG3F,CAAG,CACzB,EACA,MAAOA,EAAI,MACX,SAAU,EACV,MAAOsF,EAAA,EACP,QAAStF,EAAI,SAAS,QACtB,KAAMA,EAAI,SAAS,MAAQ,OAC3B,UAAWA,EAAI,SAAS,UACxB,WAAYA,EAAI,SAAS,WACzB,IAAKA,EAAI,SAAS,IAClB,SAAUA,EAAI,SAAS,SACvB,SAAAsC,EACA,gBAAiBtC,EAAI,aAAA,EACrB,sBAAAiC,EACA,cAAejC,EAAI,cAAA,EACnB,kBAAmBwF,GAAU,aAC7B,cAAexF,EAAI,yBAAA,EACnB,aAAcA,EAAI,SAAS,aAC3B,WAAYA,EAAI,SAAS,WACzB,WAAYA,EAAI,SAAS,WACzB,gBAAiBA,EAAI,SAAS,gBAC9B,GAAGyC,GAAI,KACP,QAASgD,CAAA,EAIX,OAAOD,GAAU,SACfA,EAAS,SAAS7C,EAAO3C,EAAKuF,CAAiB,EAE/CK,EAAAA,kBAAAA,IAACC,GAAAA,wBAAA,CAAyB,GAAGlD,EAAQ,GAAGF,GAAI,KAAM,CAEtD,CAAA,CACF,EAEF,CACEP,EACAwB,EACAyB,EACAnD,EACAC,EACAK,CAAA,CACF,EAGIwD,EAAkEnC,EAAAA,YACrEoC,GAAY,CACX/C,EAAqBgD,EAAAA,iBAAiBD,EAASnD,CAAY,CAAC,CAC9D,EACA,CAACI,CAAoB,CAAA,EAGjBiD,EAA8DtC,EAAAA,YACjEoC,GAAY,CACX7C,IAAqB8C,EAAAA,iBAAiBD,EAAS9C,GAAc,CAAA,CAAE,CAAC,CAClE,EACA,CAACC,CAAkB,CAAA,EAGfgD,GAAuBvC,EAAAA,YAC1BoC,GAAiB,CAChBjD,IAAeqD,GAAQ,CACrB,MAAMC,EAAcL,aAAmB,SAAWA,EAAQI,CAAG,EAAIJ,EACjE,OAAAhD,IAAmBqD,CAAW,EACvBA,CACT,CAAC,CACH,EACA,CAACtD,CAAW,CAAA,EAGRuD,EAAQC,EAAAA,cAAc,CAC1B,KAAM/C,EACN,QAAA8B,EACA,MAAO,CACL,SAAAxC,EACA,aAAAD,EACA,aAAAT,EACA,WAAAc,CAAA,EAEF,qBAAsB6C,EACtB,mBAAoBG,EACpB,UAAW,CACT,MAAOlG,EAAA,EAET,eAAgB,QAChB,mBAAoB,GACpB,iBAAkB,CAAC,CAACmD,EACpB,SAAWlD,GAAQA,EAAI,GACvB,sBAAuB,GACvB,iBAAkBkG,GAClB,WAAalG,GAAQA,EAAI,QACzB,gBAAiBuG,EAAAA,gBAAA,EACjB,oBAAqBC,EAAAA,oBAAA,EACrB,oBAAqBC,EAAAA,oBAAA,EACrB,mBAAoB,GAEpB,KAAM,CACJ,aAAc,CAAC,CAAC3E,EAChB,UAAAF,EACA,SAAAY,EACA,GAAGJ,CAAA,CACL,CACD,EAIDsE,EAAAA,UAAU,IAAM,CACdpD,EAAS,QAAU+C,CACrB,EAAG,CAACA,CAAK,CAAC,EAEV,KAAM,CAAE,KAAArF,CAAA,EAASqF,EAAM,YAAA,EAGjBM,EAAoBtD,EAAAA,OAAuB,IAAI,EAE/CuD,EAAiBC,GAAAA,eAAe,CACpC,MAAO7F,EAAK,OACZ,aAAc,IAAMqB,GAAa,GACjC,iBAAkB,IAAMsE,EAAkB,QAE1C,eAAgBtE,EACZ,IAAMA,EACN,OAAO,OAAW,KAAe,UAAU,UAAU,QAAQ,SAAS,IAAM,GAC3EyE,GAAYA,GAAS,sBAAA,EAAwB,OAC9C,OACJ,SAAU,CAAA,CACX,EAGKC,GAAoBpD,EAAAA,YACvBqD,GAA6B,CACxBA,GACFJ,EAAe,eAAeI,CAAI,CAEtC,EACA,CAACJ,CAAc,CAAA,EAIXK,GAAetD,EAAAA,YAClBa,GAAyC,CACxC,GAAI,CAACjC,EAAgB,OAErB,MAAM2E,EAAS1C,EAAM,cACf,CAAE,UAAA2C,EAAW,aAAAC,EAAc,aAAAC,CAAA,EAAiBH,EAG7BE,EAAeD,EAAYE,EAAe,KAE3C,CAACzF,GACnBW,EAAA,CAEJ,EACA,CAACA,EAAgBX,CAAS,CAAA,EAGtB0F,GAAwB,GAAwC,CAEhEtF,GAAyB,CAAE,EAAE,OAAuB,QAAQ,IAAI,IAClEqE,EAAM,gBAAgB,EAAE,EACxBjD,EAAkB,QAAU,KAEhC,EAEA,OACEmE,EAAAA,kBAAAA,KAACC,GAAAA,eAAA,CACC,IAAKb,EACL,SAAUM,GACV,QAASK,GACR,GAAG3E,EACJ,UAAW+C,EAAK/C,EAAM,UAAW,CAAE,UAAAf,EAAW,WAAAc,EAAY,EAEzD,SAAA,CAAA,CAACb,2BACC,QAAA,CACC,SAAA+D,EAAAA,kBAAAA,IAAC,QAAA,CACC,MAAO,CACL,OAAQ,GAAGgB,GAAgB,aAAA,CAAc,IAAA,EAG1C,SAAAA,GAAgB,gBAAA,EAAkB,IAAKa,GAAe,CACrD,MAAMzH,EAAMgB,EAAKyG,EAAW,KAAK,EACjC,OACE7B,EAAAA,kBAAAA,IAAC,KAAA,CACC,aAAY6B,EAAW,MACvB,IAAKV,GAEL,GAAI/G,EAAI,GACP,GAAGyC,GAAI,IACR,MAAO,CACL,UAAW,cAAcgF,EAAW,KAAK,MACzC,GAAGhF,GAAI,KAAK,KAAA,EAGb,SAAAzC,EAAI,gBAAA,EAAkB,IAAK0H,GAExB9B,EAAAA,kBAAAA,IAAC,KAAA,CACE,SAAA+B,EAAAA,WAAWD,EAAK,OAAO,UAAU,KAAMA,EAAK,WAAA,CAAY,CAAA,EADlDA,EAAK,EAEd,CAEH,CAAA,EAdI1H,EAAI,EAAA,CAiBf,CAAC,CAAA,CAAA,EAEL,EAED,CAAC,CAAC6B,GAAS+D,EAAAA,kBAAAA,IAACgC,GAAAA,kBAAiB,MAAA/F,CAAA,CAAc,CAAA,CAAA,CAAA,CAGlD"}
+{"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, rankings } 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 with CONTAINS threshold to avoid overly permissive fuzzy matches\n  // This ensures the search term must be a substring, not just scattered characters\n  const itemRank = rankItem(searchString, searchValue, { threshold: rankings.CONTAINS })\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  imgShape?: 'square' | 'circle'\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 extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\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  imgRatio?: number\n  onScrollBottom?: () => void // callback fired when scrolled to the bottom of the table\n  fitContent?: boolean\n  children?: (\n    props: SimpleTableCellTemplateProps,\n    row: Row<SimpleTableRow>,\n    table: Table<SimpleTableRow>,\n  ) => JSX.Element\n  pt?: {\n    cell?: Partial<SimpleTableCellTemplateProps>\n    row?: Partial<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  imgRatio,\n  onScrollBottom,\n  children,\n  pt,\n  fitContent,\n  ...props\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  // Handle arrow key navigation\n  const handleArrowNavigation = useCallback(\n    (direction: 'up' | 'down', currentRow: Row<SimpleTableRow>, event: RowKeyboardEvent) => {\n      if (!tableRef.current) return\n\n      // Use the row model which respects expanded state, not filtered model\n      const visibleRows = tableRef.current.getRowModel().rows\n      const currentIndex = visibleRows.findIndex((r) => r.id === currentRow.id)\n\n      if (currentIndex === -1) return\n\n      let nextIndex = direction === 'down' ? currentIndex + 1 : currentIndex - 1\n\n      // Check bounds\n      if (nextIndex < 0 || nextIndex >= visibleRows.length) return\n\n      // Skip disabled rows\n      while (nextIndex >= 0 && nextIndex < visibleRows.length) {\n        const nextRow = visibleRows[nextIndex]\n        if (!nextRow.original.isDisabled) {\n          // Found a valid row\n          // Select the next row\n          handleSelectionLogic(\n            tableRef.current,\n            nextRow.id,\n            event.shiftKey,\n            event.ctrlKey || event.metaKey,\n          )\n\n          // Focus the next row's cell\n          requestAnimationFrame(() => {\n            const nextRowElement = document.getElementById(nextRow.id)\n            const nextCell = nextRowElement?.querySelector('[tabindex=\"0\"]') as HTMLElement\n            if (nextCell) {\n              nextCell.focus()\n              nextCell.scrollIntoView({ block: 'nearest', behavior: 'smooth' })\n            }\n          })\n          return\n        }\n        // Move to next row if current is disabled\n        nextIndex = direction === 'down' ? nextIndex + 1 : nextIndex - 1\n      }\n    },\n    [handleSelectionLogic],\n  )\n\n  const { handleRowKeyDown } = useRowKeydown<SimpleTableRow>({\n    handleRowSelect: handleRowSelectForKeydown,\n    handleArrowNavigation,\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            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            img: row.original.img,\n            imgShape: row.original.imgShape,\n            imgRatio: imgRatio,\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            ...pt?.cell,\n            onClick: handleCellClick, // Added onClick handler\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      imgRatio,\n    ], // include enableClickToDeselect for completeness\n  )\n\n  const handleRowSelectionChangeCallback: OnChangeFn<RowSelectionState> = useCallback(\n    (updater) => {\n      onRowSelectionChange(functionalUpdate(updater, rowSelection))\n    },\n    [onRowSelectionChange],\n  )\n\n  const handleRowPinningChangeCallback: OnChangeFn<RowPinningState> = useCallback(\n    (updater) => {\n      onRowPinningChange?.(functionalUpdate(updater, rowPinning || {}))\n    },\n    [onRowPinningChange],\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],\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      onScroll={handleScroll}\n      onClick={handleContainerClick}\n      {...props}\n      className={clsx(props.className, { isLoading, fitContent })}\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","rankings","fuzzySort","rowA","rowB","dir","compareItems","sortingFns","getRowRange","rows","idA","idB","range","singleRow","indexA","indexB","i","start","end","SimpleTable","data","isLoading","error","isExpandable","isMultiSelect","enableClickToDeselect","enableNonFolderIndent","forceUpdateTable","globalFilter","meta","rowHeight","imgRatio","onScrollBottom","children","pt","fitContent","props","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","handleArrowNavigation","direction","visibleRows","currentIndex","nextIndex","nextRow","nextCell","handleRowKeyDown","useRowKeydown","columns","getValue","cellTableInstance","cellMeta","handleCellClick","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

@@ -74,6 +74,7 @@ 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/columnStats/metricTargets.es.js";
 import "../../api/queries/config/getConfig.es.js";
 import "../../api/queries/config/updateConfig.es.js";
 import "../../api/queries/entities/getEntity.es.js";
@@ -86,6 +87,7 @@ 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/listItemsColumnStats.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/entityLists/listFolders.es.js";
 import "../../api/queries/folders/getFolders.es.js";
@@ -193,10 +195,11 @@ import "../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.j
 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 "../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
+import "../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
 import "../Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
 import "../Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
+import "../Feed/Feed.styled.es.js";
+import "../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
 import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../ProjectTreeTable/widgets/DateWidget.es.js";
 import "../ProjectTreeTable/widgets/EnumWidget.es.js";
@@ -228,6 +231,7 @@ import "../ProjectTreeTable/components/SelectionCell.es.js";
 import "../ProjectTreeTable/components/RowSelectionHeader.es.js";
 import "../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 import "../ProjectTreeTable/components/HeaderActionButton.es.js";
+import "../ProjectTreeTable/components/TableFooterRow.es.js";
 import "../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../Slicer/components/Slicer.es.js";
 import "../Slicer/context/SlicerContext.es.js";
@@ -317,7 +321,7 @@ function Et(e, m, c) {
     g.push(e[a]);
   return g;
 }
-const Bm = ({
+const Gm = ({
   data: e = [],
   isLoading: m,
   error: c,
@@ -608,6 +612,6 @@ const Bm = ({
   );
 };
 export {
-  Bm as default
+  Gm as default
 };
 //# sourceMappingURL=SimpleTable.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import { FC, useMemo, useRef, MouseEvent as ReactMouseEvent, useCallback, useEffect } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getExpandedRowModel,\n  ColumnDef,\n  flexRender,\n  Row,\n  FilterFn,\n  SortingFn,\n  sortingFns,\n  RowData,\n  Table,\n  OnChangeFn,\n  RowSelectionState,\n  functionalUpdate,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nimport clsx from 'clsx'\nimport useRowKeydown, { RowKeyboardEvent } from './hooks/useRowKeydown'\n\nimport { RankingInfo, rankItem, compareItems, rankings } 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 with CONTAINS threshold to avoid overly permissive fuzzy matches\n  // This ensures the search term must be a substring, not just scattered characters\n  const itemRank = rankItem(searchString, searchValue, { threshold: rankings.CONTAINS })\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  imgShape?: 'square' | 'circle'\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 extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\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  imgRatio?: number\n  onScrollBottom?: () => void // callback fired when scrolled to the bottom of the table\n  fitContent?: boolean\n  children?: (\n    props: SimpleTableCellTemplateProps,\n    row: Row<SimpleTableRow>,\n    table: Table<SimpleTableRow>,\n  ) => JSX.Element\n  pt?: {\n    cell?: Partial<SimpleTableCellTemplateProps>\n    row?: Partial<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  imgRatio,\n  onScrollBottom,\n  children,\n  pt,\n  fitContent,\n  ...props\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  // Handle arrow key navigation\n  const handleArrowNavigation = useCallback(\n    (direction: 'up' | 'down', currentRow: Row<SimpleTableRow>, event: RowKeyboardEvent) => {\n      if (!tableRef.current) return\n\n      // Use the row model which respects expanded state, not filtered model\n      const visibleRows = tableRef.current.getRowModel().rows\n      const currentIndex = visibleRows.findIndex((r) => r.id === currentRow.id)\n\n      if (currentIndex === -1) return\n\n      let nextIndex = direction === 'down' ? currentIndex + 1 : currentIndex - 1\n\n      // Check bounds\n      if (nextIndex < 0 || nextIndex >= visibleRows.length) return\n\n      // Skip disabled rows\n      while (nextIndex >= 0 && nextIndex < visibleRows.length) {\n        const nextRow = visibleRows[nextIndex]\n        if (!nextRow.original.isDisabled) {\n          // Found a valid row\n          // Select the next row\n          handleSelectionLogic(\n            tableRef.current,\n            nextRow.id,\n            event.shiftKey,\n            event.ctrlKey || event.metaKey,\n          )\n\n          // Focus the next row's cell\n          requestAnimationFrame(() => {\n            const nextRowElement = document.getElementById(nextRow.id)\n            const nextCell = nextRowElement?.querySelector('[tabindex=\"0\"]') as HTMLElement\n            if (nextCell) {\n              nextCell.focus()\n              nextCell.scrollIntoView({ block: 'nearest', behavior: 'smooth' })\n            }\n          })\n          return\n        }\n        // Move to next row if current is disabled\n        nextIndex = direction === 'down' ? nextIndex + 1 : nextIndex - 1\n      }\n    },\n    [handleSelectionLogic],\n  )\n\n  const { handleRowKeyDown } = useRowKeydown<SimpleTableRow>({\n    handleRowSelect: handleRowSelectForKeydown,\n    handleArrowNavigation,\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            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            img: row.original.img,\n            imgShape: row.original.imgShape,\n            imgRatio: imgRatio,\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            ...pt?.cell,\n            onClick: handleCellClick, // Added onClick handler\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      imgRatio,\n    ], // include enableClickToDeselect for completeness\n  )\n\n  const handleRowSelectionChangeCallback: OnChangeFn<RowSelectionState> = useCallback(\n    (updater) => {\n      onRowSelectionChange(functionalUpdate(updater, rowSelection))\n    },\n    [onRowSelectionChange],\n  )\n\n  const handleRowPinningChangeCallback: OnChangeFn<RowPinningState> = useCallback(\n    (updater) => {\n      onRowPinningChange?.(functionalUpdate(updater, rowPinning || {}))\n    },\n    [onRowPinningChange],\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],\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      onScroll={handleScroll}\n      onClick={handleContainerClick}\n      {...props}\n      className={clsx(props.className, { isLoading, fitContent })}\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","rankings","fuzzySort","rowA","rowB","dir","compareItems","sortingFns","getRowRange","rows","idA","idB","range","singleRow","indexA","indexB","i","start","end","SimpleTable","data","isLoading","error","isExpandable","isMultiSelect","enableClickToDeselect","enableNonFolderIndent","forceUpdateTable","globalFilter","meta","rowHeight","imgRatio","onScrollBottom","children","pt","fitContent","props","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","handleArrowNavigation","direction","visibleRows","currentIndex","nextIndex","nextRow","nextCell","handleRowKeyDown","useRowKeydown","columns","getValue","cellTableInstance","cellMeta","handleCellClick","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.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import { FC, useMemo, useRef, MouseEvent as ReactMouseEvent, useCallback, useEffect } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getExpandedRowModel,\n  ColumnDef,\n  flexRender,\n  Row,\n  FilterFn,\n  SortingFn,\n  sortingFns,\n  RowData,\n  Table,\n  OnChangeFn,\n  RowSelectionState,\n  functionalUpdate,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nimport clsx from 'clsx'\nimport useRowKeydown, { RowKeyboardEvent } from './hooks/useRowKeydown'\n\nimport { RankingInfo, rankItem, compareItems, rankings } 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 with CONTAINS threshold to avoid overly permissive fuzzy matches\n  // This ensures the search term must be a substring, not just scattered characters\n  const itemRank = rankItem(searchString, searchValue, { threshold: rankings.CONTAINS })\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  imgShape?: 'square' | 'circle'\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 extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\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  imgRatio?: number\n  onScrollBottom?: () => void // callback fired when scrolled to the bottom of the table\n  fitContent?: boolean\n  children?: (\n    props: SimpleTableCellTemplateProps,\n    row: Row<SimpleTableRow>,\n    table: Table<SimpleTableRow>,\n  ) => JSX.Element\n  pt?: {\n    cell?: Partial<SimpleTableCellTemplateProps>\n    row?: Partial<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  imgRatio,\n  onScrollBottom,\n  children,\n  pt,\n  fitContent,\n  ...props\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  // Handle arrow key navigation\n  const handleArrowNavigation = useCallback(\n    (direction: 'up' | 'down', currentRow: Row<SimpleTableRow>, event: RowKeyboardEvent) => {\n      if (!tableRef.current) return\n\n      // Use the row model which respects expanded state, not filtered model\n      const visibleRows = tableRef.current.getRowModel().rows\n      const currentIndex = visibleRows.findIndex((r) => r.id === currentRow.id)\n\n      if (currentIndex === -1) return\n\n      let nextIndex = direction === 'down' ? currentIndex + 1 : currentIndex - 1\n\n      // Check bounds\n      if (nextIndex < 0 || nextIndex >= visibleRows.length) return\n\n      // Skip disabled rows\n      while (nextIndex >= 0 && nextIndex < visibleRows.length) {\n        const nextRow = visibleRows[nextIndex]\n        if (!nextRow.original.isDisabled) {\n          // Found a valid row\n          // Select the next row\n          handleSelectionLogic(\n            tableRef.current,\n            nextRow.id,\n            event.shiftKey,\n            event.ctrlKey || event.metaKey,\n          )\n\n          // Focus the next row's cell\n          requestAnimationFrame(() => {\n            const nextRowElement = document.getElementById(nextRow.id)\n            const nextCell = nextRowElement?.querySelector('[tabindex=\"0\"]') as HTMLElement\n            if (nextCell) {\n              nextCell.focus()\n              nextCell.scrollIntoView({ block: 'nearest', behavior: 'smooth' })\n            }\n          })\n          return\n        }\n        // Move to next row if current is disabled\n        nextIndex = direction === 'down' ? nextIndex + 1 : nextIndex - 1\n      }\n    },\n    [handleSelectionLogic],\n  )\n\n  const { handleRowKeyDown } = useRowKeydown<SimpleTableRow>({\n    handleRowSelect: handleRowSelectForKeydown,\n    handleArrowNavigation,\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            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            img: row.original.img,\n            imgShape: row.original.imgShape,\n            imgRatio: imgRatio,\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            ...pt?.cell,\n            onClick: handleCellClick, // Added onClick handler\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      imgRatio,\n    ], // include enableClickToDeselect for completeness\n  )\n\n  const handleRowSelectionChangeCallback: OnChangeFn<RowSelectionState> = useCallback(\n    (updater) => {\n      onRowSelectionChange(functionalUpdate(updater, rowSelection))\n    },\n    [onRowSelectionChange],\n  )\n\n  const handleRowPinningChangeCallback: OnChangeFn<RowPinningState> = useCallback(\n    (updater) => {\n      onRowPinningChange?.(functionalUpdate(updater, rowPinning || {}))\n    },\n    [onRowPinningChange],\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],\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      onScroll={handleScroll}\n      onClick={handleContainerClick}\n      {...props}\n      className={clsx(props.className, { isLoading, fitContent })}\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","rankings","fuzzySort","rowA","rowB","dir","compareItems","sortingFns","getRowRange","rows","idA","idB","range","singleRow","indexA","indexB","i","start","end","SimpleTable","data","isLoading","error","isExpandable","isMultiSelect","enableClickToDeselect","enableNonFolderIndent","forceUpdateTable","globalFilter","meta","rowHeight","imgRatio","onScrollBottom","children","pt","fitContent","props","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","handleArrowNavigation","direction","visibleRows","currentIndex","nextIndex","nextRow","nextCell","handleRowKeyDown","useRowKeydown","columns","getValue","cellTableInstance","cellMeta","handleCellClick","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/Slicer/components/Slicer.cjs.js

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../_virtual/jsx-runtime.cjs.js"),i=require("react"),w=require("../../SimpleTable/SimpleTable.cjs.js"),D=require("../../SimpleTable/context/SimpleTableContext.cjs.js"),p=require("../../SimpleTable/SimpleTable.styled.cjs.js");require("../../SimpleTable/SimpleTableRowTemplate.cjs.js");const M=require("../hooks/useTableDataBySlice.cjs.js"),k=require("./SlicerSearch.cjs.js"),L=require("clsx"),O=require("../context/SlicerContext.cjs.js"),P=require("styled-components"),z=P.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../../_virtual/jsx-runtime.cjs.js"),i=require("react"),w=require("../../SimpleTable/SimpleTable.cjs.js"),D=require("../../SimpleTable/context/SimpleTableContext.cjs.js"),b=require("../../SimpleTable/SimpleTable.styled.cjs.js");require("../../SimpleTable/SimpleTableRowTemplate.cjs.js");const k=require("../hooks/useTableDataBySlice.cjs.js"),M=require("./SlicerSearch.cjs.js"),O=require("clsx"),L=require("../context/SlicerContext.cjs.js"),P=require("styled-components"),z=P.div`
   height: 28px;
   border-radius: 4px;
   background: var(--md-sys-color-surface-container);
   width: 100px;
-`,A=({sliceFields:n=[],entityTypes:l=["task"],persistFieldId:c})=>{const[u,S]=i.useState(""),{SlicerDropdown:m,rowSelection:b,setRowSelection:g,onRowSelectionChange:h,expanded:j,setExpanded:T,onExpandedChange:y,isViewSyncPending:o}=O.useSlicerContext(),E=i.useMemo(()=>n,[n]),R=i.useMemo(()=>l,[l]),{sliceOptions:a,sliceType:s,handleSliceTypeChange:d,table:{data:q,isExpandable:C},sliceMap:x,isLoading:f}=M.default({sliceFields:E,entityTypes:R}),v=e=>{g(e),h?.(e,x)};return i.useEffect(()=>{if(o)return;const e=s.startsWith("attrib.");!n.some(r=>r.value===s)&&!(e&&n.some(r=>r.value==="attributes"))&&d(n[0].value,!1,!1)},[o]),t.jsxRuntimeExports.jsxs(p.Container,{children:[t.jsxRuntimeExports.jsxs(p.Header,{children:[o?t.jsxRuntimeExports.jsx(z,{}):t.jsxRuntimeExports.jsx(m,{options:a||[],value:[s],sliceTypes:n.map(e=>e.value),onChange:e=>d(e[0],c===s,c===e[0]),className:L("slicer-dropdown",{"single-option":a.length===1}),disableOpen:a.length===1}),t.jsxRuntimeExports.jsx(k,{value:u,onChange:S})]}),t.jsxRuntimeExports.jsx(D.SimpleTableProvider,{rowSelection:b,onRowSelectionChange:v,expanded:j,setExpanded:T,onExpandedChange:y,data:x,children:t.jsxRuntimeExports.jsx(w,{data:q,isExpandable:C,isLoading:f||o,forceUpdateTable:s,globalFilter:u})})]})};exports.Slicer=A;
+`,A=({sliceFields:n=[],entityTypes:d=["task"],persistFieldId:x})=>{const[p,g]=i.useState(""),{SlicerDropdown:h,rowSelection:r,setRowSelection:j,onRowSelectionChange:m,expanded:f,setExpanded:y,onExpandedChange:E,isViewSyncPending:s}=L.useSlicerContext(),T=i.useMemo(()=>n,[n]),R=i.useMemo(()=>d,[d]),{sliceOptions:l,sliceType:o,handleSliceTypeChange:S,table:{data:q,isExpandable:C},sliceMap:a,isLoading:c}=k.default({sliceFields:T,entityTypes:R}),v=e=>{j(e),m?.(e,a)};return i.useEffect(()=>{s||c||Object.keys(r).some(e=>r[e])&&m?.(r,a)},[a,s,c]),i.useEffect(()=>{if(s)return;const e=o.startsWith("attrib.");!n.some(u=>u.value===o)&&!(e&&n.some(u=>u.value==="attributes"))&&S(n[0].value,!1,!1)},[s]),t.jsxRuntimeExports.jsxs(b.Container,{children:[t.jsxRuntimeExports.jsxs(b.Header,{children:[s?t.jsxRuntimeExports.jsx(z,{}):t.jsxRuntimeExports.jsx(h,{options:l||[],value:[o],sliceTypes:n.map(e=>e.value),onChange:e=>S(e[0],x===o,x===e[0]),className:O("slicer-dropdown",{"single-option":l.length===1}),disableOpen:l.length===1}),t.jsxRuntimeExports.jsx(M,{value:p,onChange:g})]}),t.jsxRuntimeExports.jsx(D.SimpleTableProvider,{rowSelection:r,onRowSelectionChange:v,expanded:f,setExpanded:y,onExpandedChange:E,data:a,children:t.jsxRuntimeExports.jsx(w,{data:q,isExpandable:C,isLoading:c||s,forceUpdateTable:o,globalFilter:p})})]})};exports.Slicer=A;
 //# sourceMappingURL=Slicer.cjs.js.map

package/dist/shared/src/containers/Slicer/components/Slicer.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slicer.cjs.js","sources":["../../../../../../src/containers/Slicer/components/Slicer.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useState } from 'react'\nimport SimpleTable, { Container, Header } from '@shared/containers/SimpleTable'\n\nimport useTableDataBySlice from '../hooks/useTableDataBySlice'\nimport SlicerSearch from './SlicerSearch'\nimport clsx from 'clsx'\nimport { SliceType } from '@shared/containers/Slicer'\nimport { SimpleTableProvider } from '@shared/containers/SimpleTable'\nimport { RowSelectionState } from '@tanstack/react-table'\nimport { SliceTypeField } from '../types'\nimport { useSlicerContext } from '../context/SlicerContext'\nimport styled from 'styled-components'\n\nconst DropdownSkeleton = styled.div`\n  height: 28px;\n  border-radius: 4px;\n  background: var(--md-sys-color-surface-container);\n  width: 100px;\n`\n\nexport interface SlicerProps {\n  sliceFields: SliceTypeField[]\n  entityTypes?: string[] // entity types\n  persistFieldId?: SliceType // when changing slice type, leavePersistentSlice the selected field\n}\n\nexport const Slicer: FC<SlicerProps> = ({\n  sliceFields = [],\n  entityTypes = ['task'],\n  persistFieldId,\n}) => {\n  const [globalFilter, setGlobalFilter] = useState('')\n  const {\n    SlicerDropdown,\n    rowSelection,\n    setRowSelection,\n    onRowSelectionChange,\n    expanded,\n    setExpanded,\n    onExpandedChange,\n    isViewSyncPending,\n  } = useSlicerContext()\n\n  // Memoize props to prevent recreating dependency arrays on every render\n  const memoizedSliceFields = useMemo(() => sliceFields, [sliceFields])\n  const memoizedEntityTypes = useMemo(() => entityTypes, [entityTypes])\n\n  const {\n    sliceOptions,\n    sliceType,\n    handleSliceTypeChange,\n    table: { data: sliceTableData, isExpandable },\n    sliceMap,\n    isLoading: isLoadingSliceTableData,\n  } = useTableDataBySlice({ sliceFields: memoizedSliceFields, entityTypes: memoizedEntityTypes })\n\n  const handleSelectionChange = (s: RowSelectionState) => {\n    setRowSelection(s)\n    onRowSelectionChange?.(s, sliceMap)\n  }\n\n  // on first mount, check that current sliceType is in sliceFields, if not, change to first option\n  // Skip if view sync is pending — the view will set the correct type once loaded\n  useEffect(() => {\n    if (isViewSyncPending) return\n    const isAttribute = sliceType.startsWith('attrib.')\n    if (\n      !sliceFields.some((field) => field.value === sliceType) &&\n      !(isAttribute && sliceFields.some((field) => field.value === 'attributes'))\n    ) {\n      handleSliceTypeChange(sliceFields[0].value, false, false)\n    }\n  }, [isViewSyncPending])\n\n  return (\n    <Container>\n      <Header>\n        {isViewSyncPending ? (\n          <DropdownSkeleton />\n        ) : (\n          <SlicerDropdown\n            options={sliceOptions || []}\n            value={[sliceType]}\n            sliceTypes={sliceFields.map((field) => field.value)}\n            onChange={(value: any) =>\n              handleSliceTypeChange(\n                value[0] as SliceType,\n                persistFieldId === sliceType,\n                persistFieldId === value[0],\n              )\n            }\n            className={clsx('slicer-dropdown', { 'single-option': sliceOptions.length === 1 })}\n            disableOpen={sliceOptions.length === 1}\n          />\n        )}\n        <SlicerSearch value={globalFilter} onChange={setGlobalFilter} />\n      </Header>\n      <SimpleTableProvider\n        {...{\n          rowSelection,\n          onRowSelectionChange: handleSelectionChange,\n          expanded,\n          setExpanded,\n          onExpandedChange,\n          data: sliceMap,\n        }}\n      >\n        <SimpleTable\n          data={sliceTableData}\n          isExpandable={isExpandable}\n          isLoading={isLoadingSliceTableData || isViewSyncPending}\n          forceUpdateTable={sliceType}\n          globalFilter={globalFilter}\n        />\n      </SimpleTableProvider>\n    </Container>\n  )\n}\n"],"names":["DropdownSkeleton","styled","Slicer","sliceFields","entityTypes","persistFieldId","globalFilter","setGlobalFilter","useState","SlicerDropdown","rowSelection","setRowSelection","onRowSelectionChange","expanded","setExpanded","onExpandedChange","isViewSyncPending","useSlicerContext","memoizedSliceFields","useMemo","memoizedEntityTypes","sliceOptions","sliceType","handleSliceTypeChange","sliceTableData","isExpandable","sliceMap","isLoadingSliceTableData","useTableDataBySlice","handleSelectionChange","s","useEffect","isAttribute","field","Container","jsxs","Header","jsx","value","clsx","SlicerSearch","SimpleTableProvider","SimpleTable"],"mappings":"gkBAaMA,EAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAanBC,EAA0B,CAAC,CACtC,YAAAC,EAAc,CAAA,EACd,YAAAC,EAAc,CAAC,MAAM,EACrB,eAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAS,EAAE,EAC7C,CACJ,eAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,qBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,kBAAAC,CAAA,EACEC,mBAAA,EAGEC,EAAsBC,EAAAA,QAAQ,IAAMhB,EAAa,CAACA,CAAW,CAAC,EAC9DiB,EAAsBD,EAAAA,QAAQ,IAAMf,EAAa,CAACA,CAAW,CAAC,EAE9D,CACJ,aAAAiB,EACA,UAAAC,EACA,sBAAAC,EACA,MAAO,CAAE,KAAMC,EAAgB,aAAAC,CAAA,EAC/B,SAAAC,EACA,UAAWC,CAAA,EACTC,EAAAA,QAAoB,CAAE,YAAaV,EAAqB,YAAaE,EAAqB,EAExFS,EAAyBC,GAAyB,CACtDnB,EAAgBmB,CAAC,EACjBlB,IAAuBkB,EAAGJ,CAAQ,CACpC,EAIAK,OAAAA,EAAAA,UAAU,IAAM,CACd,GAAIf,EAAmB,OACvB,MAAMgB,EAAcV,EAAU,WAAW,SAAS,EAEhD,CAACnB,EAAY,KAAM8B,GAAUA,EAAM,QAAUX,CAAS,GACtD,EAAEU,GAAe7B,EAAY,KAAM8B,GAAUA,EAAM,QAAU,YAAY,IAEzEV,EAAsBpB,EAAY,CAAC,EAAE,MAAO,GAAO,EAAK,CAE5D,EAAG,CAACa,CAAiB,CAAC,2BAGnBkB,YAAA,CACC,SAAA,CAAAC,yBAACC,EAAAA,OAAA,CACE,SAAA,CAAApB,EACCqB,EAAAA,kBAAAA,IAACrC,IAAiB,EAElBqC,EAAAA,kBAAAA,IAAC5B,EAAA,CACC,QAASY,GAAgB,CAAA,EACzB,MAAO,CAACC,CAAS,EACjB,WAAYnB,EAAY,IAAK8B,GAAUA,EAAM,KAAK,EAClD,SAAWK,GACTf,EACEe,EAAM,CAAC,EACPjC,IAAmBiB,EACnBjB,IAAmBiC,EAAM,CAAC,CAAA,EAG9B,UAAWC,EAAK,kBAAmB,CAAE,gBAAiBlB,EAAa,SAAW,EAAG,EACjF,YAAaA,EAAa,SAAW,CAAA,CAAA,EAGzCgB,EAAAA,kBAAAA,IAACG,EAAA,CAAa,MAAOlC,EAAc,SAAUC,CAAA,CAAiB,CAAA,EAChE,EACA8B,EAAAA,kBAAAA,IAACI,EAAAA,oBAAA,CAEG,aAAA/B,EACA,qBAAsBmB,EACtB,SAAAhB,EACA,YAAAC,EACA,iBAAAC,EACA,KAAMW,EAGR,SAAAW,EAAAA,kBAAAA,IAACK,EAAA,CACC,KAAMlB,EACN,aAAAC,EACA,UAAWE,GAA2BX,EACtC,iBAAkBM,EAClB,aAAAhB,CAAA,CAAA,CACF,CAAA,CACF,EACF,CAEJ"}
+{"version":3,"file":"Slicer.cjs.js","sources":["../../../../../../src/containers/Slicer/components/Slicer.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useState } from 'react'\nimport SimpleTable, { Container, Header } from '@shared/containers/SimpleTable'\n\nimport useTableDataBySlice from '../hooks/useTableDataBySlice'\nimport SlicerSearch from './SlicerSearch'\nimport clsx from 'clsx'\nimport { SliceType } from '@shared/containers/Slicer'\nimport { SimpleTableProvider } from '@shared/containers/SimpleTable'\nimport { RowSelectionState } from '@tanstack/react-table'\nimport { SliceTypeField } from '../types'\nimport { useSlicerContext } from '../context/SlicerContext'\nimport styled from 'styled-components'\n\nconst DropdownSkeleton = styled.div`\n  height: 28px;\n  border-radius: 4px;\n  background: var(--md-sys-color-surface-container);\n  width: 100px;\n`\n\nexport interface SlicerProps {\n  sliceFields: SliceTypeField[]\n  entityTypes?: string[] // entity types\n  persistFieldId?: SliceType // when changing slice type, leavePersistentSlice the selected field\n}\n\nexport const Slicer: FC<SlicerProps> = ({\n  sliceFields = [],\n  entityTypes = ['task'],\n  persistFieldId,\n}) => {\n  const [globalFilter, setGlobalFilter] = useState('')\n  const {\n    SlicerDropdown,\n    rowSelection,\n    setRowSelection,\n    onRowSelectionChange,\n    expanded,\n    setExpanded,\n    onExpandedChange,\n    isViewSyncPending,\n  } = useSlicerContext()\n\n  // Memoize props to prevent recreating dependency arrays on every render\n  const memoizedSliceFields = useMemo(() => sliceFields, [sliceFields])\n  const memoizedEntityTypes = useMemo(() => entityTypes, [entityTypes])\n\n  const {\n    sliceOptions,\n    sliceType,\n    handleSliceTypeChange,\n    table: { data: sliceTableData, isExpandable },\n    sliceMap,\n    isLoading: isLoadingSliceTableData,\n  } = useTableDataBySlice({ sliceFields: memoizedSliceFields, entityTypes: memoizedEntityTypes })\n\n  const handleSelectionChange = (s: RowSelectionState) => {\n    setRowSelection(s)\n    onRowSelectionChange?.(s, sliceMap)\n  }\n\n  // selection ids are persisted, selection data is not — rebuild it once slice rows are loaded\n  // keyed on sliceMap so it only fires when loaded rows actually match the current slice type\n  useEffect(() => {\n    if (isViewSyncPending || isLoadingSliceTableData) return\n    if (!Object.keys(rowSelection).some((id) => rowSelection[id])) return\n    onRowSelectionChange?.(rowSelection, sliceMap)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [sliceMap, isViewSyncPending, isLoadingSliceTableData])\n\n  // on first mount, check that current sliceType is in sliceFields, if not, change to first option\n  // Skip if view sync is pending — the view will set the correct type once loaded\n  useEffect(() => {\n    if (isViewSyncPending) return\n    const isAttribute = sliceType.startsWith('attrib.')\n    if (\n      !sliceFields.some((field) => field.value === sliceType) &&\n      !(isAttribute && sliceFields.some((field) => field.value === 'attributes'))\n    ) {\n      handleSliceTypeChange(sliceFields[0].value, false, false)\n    }\n  }, [isViewSyncPending])\n\n  return (\n    <Container>\n      <Header>\n        {isViewSyncPending ? (\n          <DropdownSkeleton />\n        ) : (\n          <SlicerDropdown\n            options={sliceOptions || []}\n            value={[sliceType]}\n            sliceTypes={sliceFields.map((field) => field.value)}\n            onChange={(value: any) =>\n              handleSliceTypeChange(\n                value[0] as SliceType,\n                persistFieldId === sliceType,\n                persistFieldId === value[0],\n              )\n            }\n            className={clsx('slicer-dropdown', { 'single-option': sliceOptions.length === 1 })}\n            disableOpen={sliceOptions.length === 1}\n          />\n        )}\n        <SlicerSearch value={globalFilter} onChange={setGlobalFilter} />\n      </Header>\n      <SimpleTableProvider\n        {...{\n          rowSelection,\n          onRowSelectionChange: handleSelectionChange,\n          expanded,\n          setExpanded,\n          onExpandedChange,\n          data: sliceMap,\n        }}\n      >\n        <SimpleTable\n          data={sliceTableData}\n          isExpandable={isExpandable}\n          isLoading={isLoadingSliceTableData || isViewSyncPending}\n          forceUpdateTable={sliceType}\n          globalFilter={globalFilter}\n        />\n      </SimpleTableProvider>\n    </Container>\n  )\n}\n"],"names":["DropdownSkeleton","styled","Slicer","sliceFields","entityTypes","persistFieldId","globalFilter","setGlobalFilter","useState","SlicerDropdown","rowSelection","setRowSelection","onRowSelectionChange","expanded","setExpanded","onExpandedChange","isViewSyncPending","useSlicerContext","memoizedSliceFields","useMemo","memoizedEntityTypes","sliceOptions","sliceType","handleSliceTypeChange","sliceTableData","isExpandable","sliceMap","isLoadingSliceTableData","useTableDataBySlice","handleSelectionChange","s","useEffect","id","isAttribute","field","Container","jsxs","Header","jsx","value","clsx","SlicerSearch","SimpleTableProvider","SimpleTable"],"mappings":"gkBAaMA,EAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAanBC,EAA0B,CAAC,CACtC,YAAAC,EAAc,CAAA,EACd,YAAAC,EAAc,CAAC,MAAM,EACrB,eAAAC,CACF,IAAM,CACJ,KAAM,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAS,EAAE,EAC7C,CACJ,eAAAC,EACA,aAAAC,EACA,gBAAAC,EACA,qBAAAC,EACA,SAAAC,EACA,YAAAC,EACA,iBAAAC,EACA,kBAAAC,CAAA,EACEC,mBAAA,EAGEC,EAAsBC,EAAAA,QAAQ,IAAMhB,EAAa,CAACA,CAAW,CAAC,EAC9DiB,EAAsBD,EAAAA,QAAQ,IAAMf,EAAa,CAACA,CAAW,CAAC,EAE9D,CACJ,aAAAiB,EACA,UAAAC,EACA,sBAAAC,EACA,MAAO,CAAE,KAAMC,EAAgB,aAAAC,CAAA,EAC/B,SAAAC,EACA,UAAWC,CAAA,EACTC,EAAAA,QAAoB,CAAE,YAAaV,EAAqB,YAAaE,EAAqB,EAExFS,EAAyBC,GAAyB,CACtDnB,EAAgBmB,CAAC,EACjBlB,IAAuBkB,EAAGJ,CAAQ,CACpC,EAIAK,OAAAA,EAAAA,UAAU,IAAM,CACVf,GAAqBW,GACpB,OAAO,KAAKjB,CAAY,EAAE,KAAMsB,GAAOtB,EAAasB,CAAE,CAAC,GAC5DpB,IAAuBF,EAAcgB,CAAQ,CAE/C,EAAG,CAACA,EAAUV,EAAmBW,CAAuB,CAAC,EAIzDI,EAAAA,UAAU,IAAM,CACd,GAAIf,EAAmB,OACvB,MAAMiB,EAAcX,EAAU,WAAW,SAAS,EAEhD,CAACnB,EAAY,KAAM+B,GAAUA,EAAM,QAAUZ,CAAS,GACtD,EAAEW,GAAe9B,EAAY,KAAM+B,GAAUA,EAAM,QAAU,YAAY,IAEzEX,EAAsBpB,EAAY,CAAC,EAAE,MAAO,GAAO,EAAK,CAE5D,EAAG,CAACa,CAAiB,CAAC,2BAGnBmB,YAAA,CACC,SAAA,CAAAC,yBAACC,EAAAA,OAAA,CACE,SAAA,CAAArB,EACCsB,EAAAA,kBAAAA,IAACtC,IAAiB,EAElBsC,EAAAA,kBAAAA,IAAC7B,EAAA,CACC,QAASY,GAAgB,CAAA,EACzB,MAAO,CAACC,CAAS,EACjB,WAAYnB,EAAY,IAAK+B,GAAUA,EAAM,KAAK,EAClD,SAAWK,GACThB,EACEgB,EAAM,CAAC,EACPlC,IAAmBiB,EACnBjB,IAAmBkC,EAAM,CAAC,CAAA,EAG9B,UAAWC,EAAK,kBAAmB,CAAE,gBAAiBnB,EAAa,SAAW,EAAG,EACjF,YAAaA,EAAa,SAAW,CAAA,CAAA,EAGzCiB,EAAAA,kBAAAA,IAACG,EAAA,CAAa,MAAOnC,EAAc,SAAUC,CAAA,CAAiB,CAAA,EAChE,EACA+B,EAAAA,kBAAAA,IAACI,EAAAA,oBAAA,CAEG,aAAAhC,EACA,qBAAsBmB,EACtB,SAAAhB,EACA,YAAAC,EACA,iBAAAC,EACA,KAAMW,EAGR,SAAAY,EAAAA,kBAAAA,IAACK,EAAA,CACC,KAAMnB,EACN,aAAAC,EACA,UAAWE,GAA2BX,EACtC,iBAAkBM,EAClB,aAAAhB,CAAA,CAAA,CACF,CAAA,CACF,EACF,CAEJ"}

package/dist/shared/src/containers/Slicer/components/Slicer.es.js

@@ -1,10 +1,10 @@
 import { j as o } from "../../../../../_virtual/jsx-runtime.es.js";
-import { useState as D, useMemo as d, useEffect as R } from "react";
-import k from "../../SimpleTable/SimpleTable.es.js";
+import { useState as k, useMemo as h, useEffect as x } from "react";
+import R from "../../SimpleTable/SimpleTable.es.js";
 import { SimpleTableProvider as L } from "../../SimpleTable/context/SimpleTableContext.es.js";
-import { Container as z, Header as M } from "../../SimpleTable/SimpleTable.styled.es.js";
+import { Container as O, Header as z } from "../../SimpleTable/SimpleTable.styled.es.js";
 import "../../SimpleTable/SimpleTableRowTemplate.es.js";
-import O from "../hooks/useTableDataBySlice.es.js";
+import M from "../hooks/useTableDataBySlice.es.js";
 import P from "./SlicerSearch.es.js";
 import A from "clsx";
 import { useSlicerContext as B } from "../context/SlicerContext.es.js";
@@ -16,68 +16,70 @@ const H = G.div`
   width: 100px;
 `, _ = ({
   sliceFields: t = [],
-  entityTypes: s = ["task"],
-  persistFieldId: l
+  entityTypes: m = ["task"],
+  persistFieldId: p
 }) => {
-  const [c, h] = D(""), {
-    SlicerDropdown: x,
-    rowSelection: S,
-    setRowSelection: f,
-    onRowSelectionChange: u,
-    expanded: g,
-    setExpanded: b,
+  const [d, S] = k(""), {
+    SlicerDropdown: b,
+    rowSelection: i,
+    setRowSelection: g,
+    onRowSelectionChange: f,
+    expanded: j,
+    setExpanded: y,
     onExpandedChange: T,
-    isViewSyncPending: n
-  } = B(), j = d(() => t, [t]), w = d(() => s, [s]), {
-    sliceOptions: i,
-    sliceType: a,
-    handleSliceTypeChange: p,
-    table: { data: y, isExpandable: C },
-    sliceMap: m,
-    isLoading: v
-  } = O({ sliceFields: j, entityTypes: w }), E = (e) => {
-    f(e), u?.(e, m);
+    isViewSyncPending: a
+  } = B(), w = h(() => t, [t]), C = h(() => m, [m]), {
+    sliceOptions: s,
+    sliceType: n,
+    handleSliceTypeChange: u,
+    table: { data: v, isExpandable: E },
+    sliceMap: r,
+    isLoading: l
+  } = M({ sliceFields: w, entityTypes: C }), D = (e) => {
+    g(e), f?.(e, r);
   };
-  return R(() => {
-    if (n) return;
-    const e = a.startsWith("attrib.");
-    !t.some((r) => r.value === a) && !(e && t.some((r) => r.value === "attributes")) && p(t[0].value, !1, !1);
-  }, [n]), /* @__PURE__ */ o.jsxs(z, { children: [
-    /* @__PURE__ */ o.jsxs(M, { children: [
-      n ? /* @__PURE__ */ o.jsx(H, {}) : /* @__PURE__ */ o.jsx(
-        x,
+  return x(() => {
+    a || l || Object.keys(i).some((e) => i[e]) && f?.(i, r);
+  }, [r, a, l]), x(() => {
+    if (a) return;
+    const e = n.startsWith("attrib.");
+    !t.some((c) => c.value === n) && !(e && t.some((c) => c.value === "attributes")) && u(t[0].value, !1, !1);
+  }, [a]), /* @__PURE__ */ o.jsxs(O, { children: [
+    /* @__PURE__ */ o.jsxs(z, { children: [
+      a ? /* @__PURE__ */ o.jsx(H, {}) : /* @__PURE__ */ o.jsx(
+        b,
         {
-          options: i || [],
-          value: [a],
+          options: s || [],
+          value: [n],
           sliceTypes: t.map((e) => e.value),
-          onChange: (e) => p(
+          onChange: (e) => u(
             e[0],
-            l === a,
-            l === e[0]
+            p === n,
+            p === e[0]
           ),
-          className: A("slicer-dropdown", { "single-option": i.length === 1 }),
-          disableOpen: i.length === 1
+          className: A("slicer-dropdown", { "single-option": s.length === 1 }),
+          disableOpen: s.length === 1
         }
       ),
-      /* @__PURE__ */ o.jsx(P, { value: c, onChange: h })
+      /* @__PURE__ */ o.jsx(P, { value: d, onChange: S })
     ] }),
     /* @__PURE__ */ o.jsx(
       L,
       {
-        rowSelection: S,
-        onRowSelectionChange: E,
-        expanded: g,
-        setExpanded: b,
+        rowSelection: i,
+        onRowSelectionChange: D,
+        expanded: j,
+        setExpanded: y,
         onExpandedChange: T,
-        data: m,
+        data: r,
         children: /* @__PURE__ */ o.jsx(
-          k,
+          R,
           {
-            data: y,
-            isExpandable: C,
-            isLoading: v || n,
-            forceUpdateTable: a,
-            globalFilter: c
+            data: v,
+            isExpandable: E,
+            isLoading: l || a,
+            forceUpdateTable: n,
+            globalFilter: d
           }
         )
       }

package/dist/shared/src/containers/Slicer/components/Slicer.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"Slicer.es.js","sources":["../../../../../../src/containers/Slicer/components/Slicer.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useState } from 'react'\nimport SimpleTable, { Container, Header } from '@shared/containers/SimpleTable'\n\nimport useTableDataBySlice from '../hooks/useTableDataBySlice'\nimport SlicerSearch from './SlicerSearch'\nimport clsx from 'clsx'\nimport { SliceType } from '@shared/containers/Slicer'\nimport { SimpleTableProvider } from '@shared/containers/SimpleTable'\nimport { RowSelectionState } from '@tanstack/react-table'\nimport { SliceTypeField } from '../types'\nimport { useSlicerContext } from '../context/SlicerContext'\nimport styled from 'styled-components'\n\nconst DropdownSkeleton = styled.div`\n  height: 28px;\n  border-radius: 4px;\n  background: var(--md-sys-color-surface-container);\n  width: 100px;\n`\n\nexport interface SlicerProps {\n  sliceFields: SliceTypeField[]\n  entityTypes?: string[] // entity types\n  persistFieldId?: SliceType // when changing slice type, leavePersistentSlice the selected field\n}\n\nexport const Slicer: FC<SlicerProps> = ({\n  sliceFields = [],\n  entityTypes = ['task'],\n  persistFieldId,\n}) => {\n  const [globalFilter, setGlobalFilter] = useState('')\n  const {\n    SlicerDropdown,\n    rowSelection,\n    setRowSelection,\n    onRowSelectionChange,\n    expanded,\n    setExpanded,\n    onExpandedChange,\n    isViewSyncPending,\n  } = useSlicerContext()\n\n  // Memoize props to prevent recreating dependency arrays on every render\n  const memoizedSliceFields = useMemo(() => sliceFields, [sliceFields])\n  const memoizedEntityTypes = useMemo(() => entityTypes, [entityTypes])\n\n  const {\n    sliceOptions,\n    sliceType,\n    handleSliceTypeChange,\n    table: { data: sliceTableData, isExpandable },\n    sliceMap,\n    isLoading: isLoadingSliceTableData,\n  } = useTableDataBySlice({ sliceFields: memoizedSliceFields, entityTypes: memoizedEntityTypes })\n\n  const handleSelectionChange = (s: RowSelectionState) => {\n    setRowSelection(s)\n    onRowSelectionChange?.(s, sliceMap)\n  }\n\n  // on first mount, check that current sliceType is in sliceFields, if not, change to first option\n  // Skip if view sync is pending — the view will set the correct type once loaded\n  useEffect(() => {\n    if (isViewSyncPending) return\n    const isAttribute = sliceType.startsWith('attrib.')\n    if (\n      !sliceFields.some((field) => field.value === sliceType) &&\n      !(isAttribute && sliceFields.some((field) => field.value === 'attributes'))\n    ) {\n      handleSliceTypeChange(sliceFields[0].value, false, false)\n    }\n  }, [isViewSyncPending])\n\n  return (\n    <Container>\n      <Header>\n        {isViewSyncPending ? (\n          <DropdownSkeleton />\n        ) : (\n          <SlicerDropdown\n            options={sliceOptions || []}\n            value={[sliceType]}\n            sliceTypes={sliceFields.map((field) => field.value)}\n            onChange={(value: any) =>\n              handleSliceTypeChange(\n                value[0] as SliceType,\n                persistFieldId === sliceType,\n                persistFieldId === value[0],\n              )\n            }\n            className={clsx('slicer-dropdown', { 'single-option': sliceOptions.length === 1 })}\n            disableOpen={sliceOptions.length === 1}\n          />\n        )}\n        <SlicerSearch value={globalFilter} onChange={setGlobalFilter} />\n      </Header>\n      <SimpleTableProvider\n        {...{\n          rowSelection,\n          onRowSelectionChange: handleSelectionChange,\n          expanded,\n          setExpanded,\n          onExpandedChange,\n          data: sliceMap,\n        }}\n      >\n        <SimpleTable\n          data={sliceTableData}\n          isExpandable={isExpandable}\n          isLoading={isLoadingSliceTableData || isViewSyncPending}\n          forceUpdateTable={sliceType}\n          globalFilter={globalFilter}\n        />\n      </SimpleTableProvider>\n    </Container>\n  )\n}\n"],"names":["DropdownSkeleton","styled","Slicer","sliceFields","entityTypes","persistFieldId","globalFilter","setGlobalFilter","useState","SlicerDropdown","rowSelection","setRowSelection","onRowSelectionChange","expanded","setExpanded","onExpandedChange","isViewSyncPending","useSlicerContext","memoizedSliceFields","useMemo","memoizedEntityTypes","sliceOptions","sliceType","handleSliceTypeChange","sliceTableData","isExpandable","sliceMap","isLoadingSliceTableData","useTableDataBySlice","handleSelectionChange","s","useEffect","isAttribute","field","Container","jsxs","Header","jsx","value","clsx","SlicerSearch","SimpleTableProvider","SimpleTable"],"mappings":";;;;;;;;;;;AAaA,MAAMA,IAAmBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAanBC,IAA0B,CAAC;AAAA,EACtC,aAAAC,IAAc,CAAA;AAAA,EACd,aAAAC,IAAc,CAAC,MAAM;AAAA,EACrB,gBAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAcC,CAAe,IAAIC,EAAS,EAAE,GAC7C;AAAA,IACJ,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,iBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,mBAAAC;AAAA,EAAA,IACEC,EAAA,GAGEC,IAAsBC,EAAQ,MAAMhB,GAAa,CAACA,CAAW,CAAC,GAC9DiB,IAAsBD,EAAQ,MAAMf,GAAa,CAACA,CAAW,CAAC,GAE9D;AAAA,IACJ,cAAAiB;AAAA,IACA,WAAAC;AAAA,IACA,uBAAAC;AAAA,IACA,OAAO,EAAE,MAAMC,GAAgB,cAAAC,EAAA;AAAA,IAC/B,UAAAC;AAAA,IACA,WAAWC;AAAA,EAAA,IACTC,EAAoB,EAAE,aAAaV,GAAqB,aAAaE,GAAqB,GAExFS,IAAwB,CAACC,MAAyB;AACtD,IAAAnB,EAAgBmB,CAAC,GACjBlB,IAAuBkB,GAAGJ,CAAQ;AAAA,EACpC;AAIA,SAAAK,EAAU,MAAM;AACd,QAAIf,EAAmB;AACvB,UAAMgB,IAAcV,EAAU,WAAW,SAAS;AAClD,IACE,CAACnB,EAAY,KAAK,CAAC8B,MAAUA,EAAM,UAAUX,CAAS,KACtD,EAAEU,KAAe7B,EAAY,KAAK,CAAC8B,MAAUA,EAAM,UAAU,YAAY,MAEzEV,EAAsBpB,EAAY,CAAC,EAAE,OAAO,IAAO,EAAK;AAAA,EAE5D,GAAG,CAACa,CAAiB,CAAC,0BAGnBkB,GAAA,EACC,UAAA;AAAA,IAAAC,gBAAAA,OAACC,GAAA,EACE,UAAA;AAAA,MAAApB,IACCqB,gBAAAA,EAAAA,IAACrC,KAAiB,IAElBqC,gBAAAA,EAAAA;AAAAA,QAAC5B;AAAA,QAAA;AAAA,UACC,SAASY,KAAgB,CAAA;AAAA,UACzB,OAAO,CAACC,CAAS;AAAA,UACjB,YAAYnB,EAAY,IAAI,CAAC8B,MAAUA,EAAM,KAAK;AAAA,UAClD,UAAU,CAACK,MACTf;AAAA,YACEe,EAAM,CAAC;AAAA,YACPjC,MAAmBiB;AAAA,YACnBjB,MAAmBiC,EAAM,CAAC;AAAA,UAAA;AAAA,UAG9B,WAAWC,EAAK,mBAAmB,EAAE,iBAAiBlB,EAAa,WAAW,GAAG;AAAA,UACjF,aAAaA,EAAa,WAAW;AAAA,QAAA;AAAA,MAAA;AAAA,MAGzCgB,gBAAAA,EAAAA,IAACG,GAAA,EAAa,OAAOlC,GAAc,UAAUC,EAAA,CAAiB;AAAA,IAAA,GAChE;AAAA,IACA8B,gBAAAA,EAAAA;AAAAA,MAACI;AAAA,MAAA;AAAA,QAEG,cAAA/B;AAAA,QACA,sBAAsBmB;AAAA,QACtB,UAAAhB;AAAA,QACA,aAAAC;AAAA,QACA,kBAAAC;AAAA,QACA,MAAMW;AAAA,QAGR,UAAAW,gBAAAA,EAAAA;AAAAA,UAACK;AAAA,UAAA;AAAA,YACC,MAAMlB;AAAA,YACN,cAAAC;AAAA,YACA,WAAWE,KAA2BX;AAAA,YACtC,kBAAkBM;AAAA,YAClB,cAAAhB;AAAA,UAAA;AAAA,QAAA;AAAA,MACF;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"Slicer.es.js","sources":["../../../../../../src/containers/Slicer/components/Slicer.tsx"],"sourcesContent":["import { FC, useEffect, useMemo, useState } from 'react'\nimport SimpleTable, { Container, Header } from '@shared/containers/SimpleTable'\n\nimport useTableDataBySlice from '../hooks/useTableDataBySlice'\nimport SlicerSearch from './SlicerSearch'\nimport clsx from 'clsx'\nimport { SliceType } from '@shared/containers/Slicer'\nimport { SimpleTableProvider } from '@shared/containers/SimpleTable'\nimport { RowSelectionState } from '@tanstack/react-table'\nimport { SliceTypeField } from '../types'\nimport { useSlicerContext } from '../context/SlicerContext'\nimport styled from 'styled-components'\n\nconst DropdownSkeleton = styled.div`\n  height: 28px;\n  border-radius: 4px;\n  background: var(--md-sys-color-surface-container);\n  width: 100px;\n`\n\nexport interface SlicerProps {\n  sliceFields: SliceTypeField[]\n  entityTypes?: string[] // entity types\n  persistFieldId?: SliceType // when changing slice type, leavePersistentSlice the selected field\n}\n\nexport const Slicer: FC<SlicerProps> = ({\n  sliceFields = [],\n  entityTypes = ['task'],\n  persistFieldId,\n}) => {\n  const [globalFilter, setGlobalFilter] = useState('')\n  const {\n    SlicerDropdown,\n    rowSelection,\n    setRowSelection,\n    onRowSelectionChange,\n    expanded,\n    setExpanded,\n    onExpandedChange,\n    isViewSyncPending,\n  } = useSlicerContext()\n\n  // Memoize props to prevent recreating dependency arrays on every render\n  const memoizedSliceFields = useMemo(() => sliceFields, [sliceFields])\n  const memoizedEntityTypes = useMemo(() => entityTypes, [entityTypes])\n\n  const {\n    sliceOptions,\n    sliceType,\n    handleSliceTypeChange,\n    table: { data: sliceTableData, isExpandable },\n    sliceMap,\n    isLoading: isLoadingSliceTableData,\n  } = useTableDataBySlice({ sliceFields: memoizedSliceFields, entityTypes: memoizedEntityTypes })\n\n  const handleSelectionChange = (s: RowSelectionState) => {\n    setRowSelection(s)\n    onRowSelectionChange?.(s, sliceMap)\n  }\n\n  // selection ids are persisted, selection data is not — rebuild it once slice rows are loaded\n  // keyed on sliceMap so it only fires when loaded rows actually match the current slice type\n  useEffect(() => {\n    if (isViewSyncPending || isLoadingSliceTableData) return\n    if (!Object.keys(rowSelection).some((id) => rowSelection[id])) return\n    onRowSelectionChange?.(rowSelection, sliceMap)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [sliceMap, isViewSyncPending, isLoadingSliceTableData])\n\n  // on first mount, check that current sliceType is in sliceFields, if not, change to first option\n  // Skip if view sync is pending — the view will set the correct type once loaded\n  useEffect(() => {\n    if (isViewSyncPending) return\n    const isAttribute = sliceType.startsWith('attrib.')\n    if (\n      !sliceFields.some((field) => field.value === sliceType) &&\n      !(isAttribute && sliceFields.some((field) => field.value === 'attributes'))\n    ) {\n      handleSliceTypeChange(sliceFields[0].value, false, false)\n    }\n  }, [isViewSyncPending])\n\n  return (\n    <Container>\n      <Header>\n        {isViewSyncPending ? (\n          <DropdownSkeleton />\n        ) : (\n          <SlicerDropdown\n            options={sliceOptions || []}\n            value={[sliceType]}\n            sliceTypes={sliceFields.map((field) => field.value)}\n            onChange={(value: any) =>\n              handleSliceTypeChange(\n                value[0] as SliceType,\n                persistFieldId === sliceType,\n                persistFieldId === value[0],\n              )\n            }\n            className={clsx('slicer-dropdown', { 'single-option': sliceOptions.length === 1 })}\n            disableOpen={sliceOptions.length === 1}\n          />\n        )}\n        <SlicerSearch value={globalFilter} onChange={setGlobalFilter} />\n      </Header>\n      <SimpleTableProvider\n        {...{\n          rowSelection,\n          onRowSelectionChange: handleSelectionChange,\n          expanded,\n          setExpanded,\n          onExpandedChange,\n          data: sliceMap,\n        }}\n      >\n        <SimpleTable\n          data={sliceTableData}\n          isExpandable={isExpandable}\n          isLoading={isLoadingSliceTableData || isViewSyncPending}\n          forceUpdateTable={sliceType}\n          globalFilter={globalFilter}\n        />\n      </SimpleTableProvider>\n    </Container>\n  )\n}\n"],"names":["DropdownSkeleton","styled","Slicer","sliceFields","entityTypes","persistFieldId","globalFilter","setGlobalFilter","useState","SlicerDropdown","rowSelection","setRowSelection","onRowSelectionChange","expanded","setExpanded","onExpandedChange","isViewSyncPending","useSlicerContext","memoizedSliceFields","useMemo","memoizedEntityTypes","sliceOptions","sliceType","handleSliceTypeChange","sliceTableData","isExpandable","sliceMap","isLoadingSliceTableData","useTableDataBySlice","handleSelectionChange","s","useEffect","id","isAttribute","field","Container","jsxs","Header","jsx","value","clsx","SlicerSearch","SimpleTableProvider","SimpleTable"],"mappings":"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"}