npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.51 → 0.3.52 - Mend

@ynput/ayon-frontend-shared 0.3.51 → 0.3.52

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

Files changed (786) hide show

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleTable.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import { FC, useMemo, useRef, MouseEvent as ReactMouseEvent, useCallback, useEffect } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport {\n useReactTable,\n getCoreRowModel,\n getFilteredRowModel,\n getExpandedRowModel,\n ColumnDef,\n flexRender,\n Row,\n FilterFn,\n SortingFn,\n sortingFns,\n Table,\n RowData,\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 { 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'\nimport {\n SimpleTableProps,\n SimpleTableRow,\n SimpleTableRowContextMenuBuilder,\n} from './SimpleTable.types'\nimport { useCreateContextMenu } from '../ContextMenu'\n\nconst toMenuItems = (items: ReturnType<SimpleTableRowContextMenuBuilder>) => {\n if (!items) return []\n return Array.isArray(items) ? items.filter(Boolean) : [items]\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\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 onRename,\n renamingId,\n onSubmitRename,\n onCancelRename,\n onRowDoubleClick,\n rowContextMenuBuilders = [],\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 const [showRowContextMenu] = useCreateContextMenu()\n\n // Refs for values used inside the columns memo.\n // Assigning synchronously (not via useEffect) means the cell function always reads\n // the latest value at render time, while the columns memo itself has a minimal dep\n // array and stays as a stable reference — critical because flexRender calls\n // React.createElement with the cell function, so a new reference = remount = broken dblclick.\n const onRowDoubleClickRef = useRef(onRowDoubleClick)\n onRowDoubleClickRef.current = onRowDoubleClick\n const renamingIdRef = useRef(renamingId)\n renamingIdRef.current = renamingId\n const onSubmitRenameRef = useRef(onSubmitRename)\n onSubmitRenameRef.current = onSubmitRename\n const onCancelRenameRef = useRef(onCancelRename)\n onCancelRenameRef.current = onCancelRename\n const onRenameRef = useRef(onRename)\n onRenameRef.current = onRename\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 // write a concrete object from live state; toggleSelected()'s functional updater runs\n // against a stale rowSelection closure and drops the other selected rows\n const selection = { ...tableInstance.getState().rowSelection }\n if (selection[currentId]) {\n delete selection[currentId]\n } else {\n selection[currentId] = true\n }\n tableInstance.setRowSelection(selection)\n } else {\n // If it's already selected and it's the only one, don't update selection to avoid unnecessary re-renders\n const selection = tableInstance.getState().rowSelection\n if (!(Object.keys(selection).length === 1 && selection[currentId])) {\n tableInstance.setRowSelection({ [currentId]: true })\n }\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. Scope to this table's container: row ids are\n // entity ids that can also exist in other SimpleTables on the page (slicer),\n // so a document-wide getElementById would steal focus to a duplicate.\n requestAnimationFrame(() => {\n const container = tableContainerRef.current\n const nextRowElement = container\n ? container.querySelector(`#${CSS.escape(nextRow.id)}`)\n : 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 // handleRenameForKeydown reads from onRenameRef so it has empty deps and is\n // permanently stable — keeping handleRowKeyDown and therefore columns stable.\n const handleRenameForKeydown = useCallback(\n (e: RowKeyboardEvent, row: Row<SimpleTableRow>) => {\n if (!row.original.isDisabled) onRenameRef.current?.(row.id, row)\n },\n [], // eslint-disable-line react-hooks/exhaustive-deps\n )\n\n const { handleRowKeyDown } = useRowKeydown<SimpleTableRow>({\n handleRowSelect: handleRowSelectForKeydown,\n handleArrowNavigation,\n handleRename: handleRenameForKeydown,\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 onDoubleClick?: (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 badge: row.original.badge,\n isDisabled: row.original.isDisabled,\n disabledMessage: row.original.disabledMessage,\n isRenaming: row.id === renamingIdRef.current,\n onSubmitRename: onSubmitRenameRef.current\n ? (v) => onSubmitRenameRef.current!(row.id, v)\n : undefined,\n onCancelRename: onCancelRenameRef.current,\n ...pt?.cell,\n onClick: handleCellClick, // Added onClick handler\n onDoubleClick: (e) => onRowDoubleClickRef.current?.(row.id, row),\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 ],\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 // @ts-expect-error: updateData is not required\n meta: useMemo(\n () => ({\n isExpandable: !!isExpandable,\n isLoading: isLoading,\n children: children,\n ...meta,\n }),\n [isExpandable, isLoading, children, 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 const handleRowContextMenu = useCallback(\n (rowId: string, rowIndex: number, e: ReactMouseEvent<HTMLTableRowElement>) => {\n if (!tableRef.current) return\n const row = rows[rowIndex]\n if (!row \|\| row.original === undefined) return\n\n e.preventDefault()\n e.stopPropagation()\n\n const selectedIds = Object.keys(rowSelection)\n\n const nextSelectedRows = selectedIds.includes(rowId) ? selectedIds : [rowId]\n\n if (!selectedIds.includes(rowId)) {\n // convert array to RowSelectionState object\n const nextSelection: RowSelectionState = { [rowId]: true }\n onRowSelectionChange?.(nextSelection)\n }\n\n const menuItems = rowContextMenuBuilders.flatMap((builder) =>\n toMenuItems(\n builder(e as any, {\n rowId,\n rowIndex,\n row,\n selectedRows: nextSelectedRows,\n isSelected: nextSelectedRows.includes(rowId),\n }),\n ),\n )\n\n if (menuItems.length > 0) {\n showRowContextMenu(e as any, menuItems)\n }\n },\n [rowContextMenuBuilders, rows, rowSelection, onRowSelectionChange, showRowContextMenu],\n )\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 onContextMenu={(e) => handleRowContextMenu(row.id, virtualRow.index, e)}\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":["toMenuItems","items","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","onRename","renamingId","onSubmitRename","onCancelRename","onRowDoubleClick","rowContextMenuBuilders","children","pt","fitContent","props","rowSelection","expanded","setExpanded","onExpandedChange","onRowSelectionChange","rowPinning","onRowPinningChange","useSimpleTableContext","lastSelectedIdRef","useRef","tableRef","showRowContextMenu","useCreateContextMenu","onRowDoubleClickRef","renamingIdRef","onSubmitRenameRef","onCancelRenameRef","onRenameRef","tableData","useMemo","_","handleSelectionLogic","useCallback","tableInstance","rowId","isShift","isCtrlOrMeta","currentId","allProcessableRows","currentRow","r","lastId","rowsToToggle","newSelection","selection","handleRowSelectForKeydown","event","selectedRow","isShiftKey","isCtrlKey","handleArrowNavigation","direction","visibleRows","currentIndex","nextIndex","nextRow","container","tableContainerRef","nextCell","handleRenameForKeydown","e","handleRowKeyDown","useRowKeydown","columns","getValue","cellTableInstance","cellMeta","handleCellClick","clsx","v","jsx","SimpleTableCellTemplate","handleRowSelectionChangeCallback","updater","functionalUpdate","handleRowPinningChangeCallback","handleExpandedChange","old","newExpanded","table","useReactTable","getCoreRowModel","getFilteredRowModel","getExpandedRowModel","useEffect","handleRowContextMenu","rowIndex","selectedIds","nextSelectedRows","nextSelection","menuItems","builder","rowVirtualizer","useVirtualizer","element","measureElementRef","node","handleScroll","target","scrollTop","scrollHeight","clientHeight","handleContainerClick","jsxs","Styled.TableContainer","virtualRow","cell","flexRender","EmptyPlaceholder"],"mappings":"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"}
1	+ {"version":3,"file":"SimpleTable.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import { FC, useMemo, useRef, MouseEvent as ReactMouseEvent, useCallback, useEffect } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport {\n useReactTable,\n getCoreRowModel,\n getFilteredRowModel,\n getExpandedRowModel,\n ColumnDef,\n flexRender,\n Row,\n FilterFn,\n SortingFn,\n sortingFns,\n Table,\n RowData,\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 { 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'\nimport {\n SimpleTableProps,\n SimpleTableRow,\n SimpleTableRowContextMenuBuilder,\n} from './SimpleTable.types'\nimport { useCreateContextMenu } from '../ContextMenu'\n\nconst toMenuItems = (items: ReturnType<SimpleTableRowContextMenuBuilder>) => {\n if (!items) return []\n return Array.isArray(items) ? items.filter(Boolean) : [items]\n}\n\nconst toggleRowAndDescendants = <TData,>(row: Row<TData>, expanded: boolean) => {\n row.toggleExpanded(expanded)\n row.subRows.forEach((subRow) => toggleRowAndDescendants(subRow, expanded))\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\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 onRename,\n renamingId,\n renameInitialValue,\n onSubmitRename,\n onCancelRename,\n onRowDoubleClick,\n onRowOptionClick,\n rowContextMenuBuilders = [],\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 const [showRowContextMenu] = useCreateContextMenu()\n\n // Refs for values used inside the columns memo.\n // Assigning synchronously (not via useEffect) means the cell function always reads\n // the latest value at render time, while the columns memo itself has a minimal dep\n // array and stays as a stable reference — critical because flexRender calls\n // React.createElement with the cell function, so a new reference = remount = broken dblclick.\n const onRowDoubleClickRef = useRef(onRowDoubleClick)\n onRowDoubleClickRef.current = onRowDoubleClick\n const renamingIdRef = useRef(renamingId)\n renamingIdRef.current = renamingId\n const renameInitialValueRef = useRef(renameInitialValue)\n renameInitialValueRef.current = renameInitialValue\n const onSubmitRenameRef = useRef(onSubmitRename)\n onSubmitRenameRef.current = onSubmitRename\n const onCancelRenameRef = useRef(onCancelRename)\n onCancelRenameRef.current = onCancelRename\n const onRenameRef = useRef(onRename)\n onRenameRef.current = onRename\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 ): RowSelectionState => {\n const currentId = rowId\n const allProcessableRows = tableInstance.getFilteredRowModel().flatRows\n const currentRow = allProcessableRows.find((r) => r.id === currentId)\n\n if (!currentRow) return { ...(tableInstance.getState().rowSelection \|\| {}) }\n\n // Prevent selection of disabled rows\n if (currentRow.original.isDisabled) {\n return { ...(tableInstance.getState().rowSelection \|\| {}) }\n }\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 let nextSelection: RowSelectionState\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 nextSelection = { [currentId]: true }\n } else {\n const rowsToToggle = getRowRange(allProcessableRows, currentId, lastId)\n nextSelection = {}\n rowsToToggle.forEach((r) => (nextSelection[r.id] = true))\n }\n } else if (isMultiSelect && isCtrlOrMeta) {\n // write a concrete object from live state; toggleSelected()'s functional updater runs\n // against a stale rowSelection closure and drops the other selected rows\n nextSelection = { ...(tableInstance.getState().rowSelection \|\| {}) }\n if (nextSelection[currentId]) {\n delete nextSelection[currentId]\n } else {\n nextSelection[currentId] = true\n }\n } else {\n // If it's already selected and it's the only one, don't update selection to avoid unnecessary re-renders\n nextSelection = { ...(tableInstance.getState().rowSelection \|\| {}) }\n if (!(Object.keys(nextSelection).length === 1 && nextSelection[currentId])) {\n nextSelection = { [currentId]: true }\n }\n }\n tableInstance.setRowSelection(nextSelection)\n lastSelectedIdRef.current = currentId\n return nextSelection\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. Scope to this table's container: row ids are\n // entity ids that can also exist in other SimpleTables on the page (slicer),\n // so a document-wide getElementById would steal focus to a duplicate.\n requestAnimationFrame(() => {\n const container = tableContainerRef.current\n const nextRowElement = container\n ? container.querySelector(`#${CSS.escape(nextRow.id)}`)\n : 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 // handleRenameForKeydown reads from onRenameRef so it has empty deps and is\n // permanently stable — keeping handleRowKeyDown and therefore columns stable.\n const handleRenameForKeydown = useCallback(\n (e: RowKeyboardEvent, row: Row<SimpleTableRow>) => {\n if (!row.original.isDisabled) onRenameRef.current?.(row.id, row)\n },\n [], // eslint-disable-line react-hooks/exhaustive-deps\n )\n\n const { handleRowKeyDown } = useRowKeydown<SimpleTableRow>({\n handleRowSelect: handleRowSelectForKeydown,\n handleArrowNavigation,\n handleRename: handleRenameForKeydown,\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 // Keep an already-selected row selected for a plain option click.\n // Modifier clicks still go through the normal range/toggle selection path.\n const preserveSelection =\n event.altKey &&\n row.getIsSelected() &&\n !event.shiftKey &&\n !event.ctrlKey &&\n !event.metaKey\n const nextSelection: RowSelectionState = !preserveSelection\n ? handleSelectionLogic(\n cellTableInstance, // Pass the cell's table instance\n row.id,\n event.shiftKey,\n event.ctrlKey \|\| event.metaKey,\n )\n : cellTableInstance.getState().rowSelection \|\| {}\n if (event.altKey) {\n onRowOptionClick?.(row.original, Object.keys(nextSelection))\n }\n }\n\n const props: SimpleTableCellTemplateProps & {\n onClick?: (event: ReactMouseEvent<HTMLElement, MouseEvent>) => void\n onDoubleClick?: (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: (event?: ReactMouseEvent<HTMLElement, MouseEvent>) => {\n if (event?.altKey) {\n toggleRowAndDescendants(row, !row.getIsExpanded())\n } else {\n row.toggleExpanded()\n }\n },\n startContent: row.original.startContent,\n endContent: row.original.endContent,\n badge: row.original.badge,\n isDisabled: row.original.isDisabled,\n disabledMessage: row.original.disabledMessage,\n isRenaming: row.id === renamingIdRef.current,\n renameInitialValue:\n row.id === renamingIdRef.current ? renameInitialValueRef.current : undefined,\n onSubmitRename: onSubmitRenameRef.current\n ? (v) => onSubmitRenameRef.current!(row.id, v)\n : undefined,\n onCancelRename: onCancelRenameRef.current,\n ...pt?.cell,\n onClick: handleCellClick, // Added onClick handler\n onDoubleClick: (e) => onRowDoubleClickRef.current?.(row.id, row),\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 onRowOptionClick,\n ],\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 // @ts-expect-error: updateData is not required\n meta: useMemo(\n () => ({\n isExpandable: !!isExpandable,\n isLoading: isLoading,\n children: children,\n ...meta,\n }),\n [isExpandable, isLoading, children, 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 const handleRowContextMenu = useCallback(\n (rowId: string, rowIndex: number, e: ReactMouseEvent<HTMLTableRowElement>) => {\n if (!tableRef.current) return\n const row = rows[rowIndex]\n if (!row \|\| row.original === undefined) return\n\n e.preventDefault()\n e.stopPropagation()\n\n const selectedIds = Object.keys(rowSelection)\n\n const nextSelectedRows = selectedIds.includes(rowId) ? selectedIds : [rowId]\n\n if (!selectedIds.includes(rowId)) {\n // convert array to RowSelectionState object\n const nextSelection: RowSelectionState = { [rowId]: true }\n onRowSelectionChange?.(nextSelection)\n }\n\n const menuItems = rowContextMenuBuilders.flatMap((builder) =>\n toMenuItems(\n builder(e as any, {\n rowId,\n rowIndex,\n row,\n selectedRows: nextSelectedRows,\n selectedTableRows: nextSelectedRows\n .map((selectedRowId) => table.getRowModel().rowsById[selectedRowId])\n .filter((selectedRow): selectedRow is Row<SimpleTableRow> => !!selectedRow),\n isSelected: nextSelectedRows.includes(rowId),\n }),\n ),\n )\n\n if (menuItems.length > 0) {\n showRowContextMenu(e as any, menuItems)\n }\n },\n [rowContextMenuBuilders, rows, rowSelection, onRowSelectionChange, showRowContextMenu],\n )\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 onContextMenu={(e) => handleRowContextMenu(row.id, virtualRow.index, e)}\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":["toMenuItems","items","toggleRowAndDescendants","row","expanded","subRow","fuzzyFilter","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","onRename","renamingId","renameInitialValue","onSubmitRename","onCancelRename","onRowDoubleClick","onRowOptionClick","rowContextMenuBuilders","children","pt","fitContent","props","rowSelection","setExpanded","onExpandedChange","onRowSelectionChange","rowPinning","onRowPinningChange","useSimpleTableContext","lastSelectedIdRef","useRef","tableRef","showRowContextMenu","useCreateContextMenu","onRowDoubleClickRef","renamingIdRef","renameInitialValueRef","onSubmitRenameRef","onCancelRenameRef","onRenameRef","tableData","useMemo","_","handleSelectionLogic","useCallback","tableInstance","rowId","isShift","isCtrlOrMeta","currentId","allProcessableRows","currentRow","r","nextSelection","lastId","rowsToToggle","handleRowSelectForKeydown","event","selectedRow","isShiftKey","isCtrlKey","handleArrowNavigation","direction","visibleRows","currentIndex","nextIndex","nextRow","container","tableContainerRef","nextCell","handleRenameForKeydown","e","handleRowKeyDown","useRowKeydown","columns","getValue","cellTableInstance","cellMeta","handleCellClick","clsx","v","jsx","SimpleTableCellTemplate","handleRowSelectionChangeCallback","updater","functionalUpdate","handleRowPinningChangeCallback","handleExpandedChange","old","newExpanded","table","useReactTable","getCoreRowModel","getFilteredRowModel","getExpandedRowModel","useEffect","handleRowContextMenu","rowIndex","selectedIds","nextSelectedRows","menuItems","builder","selectedRowId","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/SimpleTableRowTemplate.cjs.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js"),E=require("react"),T=require("./SimpleTable.styled.cjs.js"),x=require("@ynput/ayon-react-components"),c=require("clsx"),q=({isRowExpandable:r,isRowExpanded:o,enableNonFolderIndent:n=!0,isTableExpandable:m,onExpandClick:u})=>r?s.jsxRuntimeExports.jsx(T.Expander,{onClick:a=>{a.stopPropagation(),u?.()},icon:o?"expand_more":"chevron_right",className:"expander",style:{cursor:"pointer"}}):m&&n&&s.jsxRuntimeExports.jsx("div",{style:{display:"inline-block",minWidth:24}}),A=E.forwardRef(({value:r,icon:o,parents:n,iconColor:m,iconFilled:u,img:a,imgShape:b="square",imgRatio:k=1,isRowExpandable:C,isRowExpanded:F,isTableExpandable:P,enableNonFolderIndent:_=!0,onExpandClick:B,startContent:R,endContent:h,badge:l,actions:p,isRenaming:i,renameInitialValue:j,onSubmitRename:I,onCancelRename:y,renamePlaceholder:K,depth:N=0,isDisabled:f,disabledMessage:L,active:M,inactive:O,style:W,pt:e,...g},$)=>{const[S,v]=E.useState(j??r);return E.useEffect(()=>{i&&v(j??r)},[r,i,j]),s.jsxRuntimeExports.jsxs(T.Cell,{...g,ref:$,className:c(g.className,{disabled:f,inactive:O||M===!1,"has-actions":!!p?.length}),style:{...W,paddingLeft:`calc(${N*1.5}rem + 4px)`},title:f?L:void 0,children:[s.jsxRuntimeExports.jsx(q,{isRowExpandable:C,isRowExpanded:F,isTableExpandable:P,onExpandClick:B,enableNonFolderIndent:_,...e?.expander}),R&&R,a&&s.jsxRuntimeExports.jsx("img",{src:a,...e?.img,alt:"",className:c("image",b,e?.img?.className),style:{aspectRatio:k.toString(),...e?.img?.style}}),o&&s.jsxRuntimeExports.jsx(x.Icon,{icon:o,className:c({filled:u},e?.icon?.className),style:{color:m,...e?.icon?.style},...e?.icon}),i?s.jsxRuntimeExports.jsx(x.InputText,{autoFocus:!0,style:{flex:1},onChange:t=>v(t.target.value),value:S,placeholder:K,onKeyDown:t=>{t.key==="Enter"&&I?.(S),t.key==="Escape"&&y?.()},onBlur:()=>{y?.()},onFocus:t=>{t.target.select()},...e?.input}):s.jsxRuntimeExports.jsxs("div",{className:"text",...e?.text,children:[n&&N===0&&s.jsxRuntimeExports.jsxs("span",{className:"path",children:[n.join(" / ")," / "]}),s.jsxRuntimeExports.jsx("span",{className:"value",children:r})]}),!i&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(x.Spacer,{className:"spacer"}),l?.toString()&&s.jsxRuntimeExports.jsx("div",{className:"badges",children:typeof l=="string"?s.jsxRuntimeExports.jsx("span",{children:l}):l}),p&&s.jsxRuntimeExports.jsx("div",{className:"actions",children:p.map((t,z)=>{const{show:w="hover",...d}=t;return w==="hidden"?null:s.jsxRuntimeExports.jsx(x.Icon,{...d,className:c(d.className,{"show-always":w==="always"})},d.icon+z.toString())})})]}),h&&h]})});exports.RowExpander=q;exports.SimpleTableCellTemplate=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("../../../../_virtual/jsx-runtime.cjs.js"),E=require("react"),T=require("./SimpleTable.styled.cjs.js"),x=require("@ynput/ayon-react-components"),c=require("clsx"),q=({isRowExpandable:r,isRowExpanded:n,enableNonFolderIndent:a=!0,isTableExpandable:m,onExpandClick:u})=>r?s.jsxRuntimeExports.jsx(T.Expander,{onClick:o=>{o.stopPropagation(),u?.(o)},icon:n?"expand_more":"chevron_right",className:"expander",style:{cursor:"pointer"}}):m&&a&&s.jsxRuntimeExports.jsx("div",{style:{display:"inline-block",minWidth:24}}),A=E.forwardRef(({value:r,icon:n,parents:a,iconColor:m,iconFilled:u,img:o,imgShape:b="square",imgRatio:k=1,isRowExpandable:C,isRowExpanded:F,isTableExpandable:P,enableNonFolderIndent:_=!0,onExpandClick:B,startContent:R,endContent:h,badge:l,actions:p,isRenaming:i,renameInitialValue:j,onSubmitRename:I,onCancelRename:y,renamePlaceholder:K,depth:N=0,isDisabled:f,disabledMessage:L,active:M,inactive:O,style:W,pt:e,...g},$)=>{const[S,v]=E.useState(j??r);return E.useEffect(()=>{i&&v(j??r)},[r,i,j]),s.jsxRuntimeExports.jsxs(T.Cell,{...g,ref:$,className:c(g.className,{disabled:f,inactive:O||M===!1,"has-actions":!!p?.length}),style:{...W,paddingLeft:`calc(${N*1.5}rem + 4px)`},title:f?L:void 0,children:[s.jsxRuntimeExports.jsx(q,{isRowExpandable:C,isRowExpanded:F,isTableExpandable:P,onExpandClick:B,enableNonFolderIndent:_,...e?.expander}),R&&R,o&&s.jsxRuntimeExports.jsx("img",{src:o,...e?.img,alt:"",className:c("image",b,e?.img?.className),style:{aspectRatio:k.toString(),...e?.img?.style}}),n&&s.jsxRuntimeExports.jsx(x.Icon,{icon:n,className:c({filled:u},e?.icon?.className),style:{color:m,...e?.icon?.style},...e?.icon}),i?s.jsxRuntimeExports.jsx(x.InputText,{autoFocus:!0,style:{flex:1},onChange:t=>v(t.target.value),value:S,placeholder:K,onKeyDown:t=>{t.key==="Enter"&&I?.(S),t.key==="Escape"&&y?.()},onBlur:()=>{y?.()},onFocus:t=>{t.target.select()},...e?.input}):s.jsxRuntimeExports.jsxs("div",{className:"text",...e?.text,children:[a&&N===0&&s.jsxRuntimeExports.jsxs("span",{className:"path",children:[a.join(" / ")," / "]}),s.jsxRuntimeExports.jsx("span",{className:"value",children:r})]}),!i&&s.jsxRuntimeExports.jsxs(s.jsxRuntimeExports.Fragment,{children:[s.jsxRuntimeExports.jsx(x.Spacer,{className:"spacer"}),l?.toString()&&s.jsxRuntimeExports.jsx("div",{className:"badges",children:typeof l=="string"?s.jsxRuntimeExports.jsx("span",{children:l}):l}),p&&s.jsxRuntimeExports.jsx("div",{className:"actions",children:p.map((t,z)=>{const{show:w="hover",...d}=t;return w==="hidden"?null:s.jsxRuntimeExports.jsx(x.Icon,{...d,className:c(d.className,{"show-always":w==="always"})},d.icon+z.toString())})})]}),h&&h]})});exports.RowExpander=q;exports.SimpleTableCellTemplate=A;
 //# sourceMappingURL=SimpleTableRowTemplate.cjs.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleTableRowTemplate.cjs.js","sources":["../../../../../src/containers/SimpleTable/SimpleTableRowTemplate.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport { Icon, IconProps, InputText, Spacer } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\nexport interface TableRowAction extends IconProps {\n show?: 'always' \| 'hover' \| 'hidden'\n}\n\nexport type RowExpanderProps = {\n isRowExpandable?: boolean\n isRowExpanded?: boolean\n enableNonFolderIndent?: boolean\n isTableExpandable?: boolean\n onExpandClick?: () => void\n}\n\nexport const RowExpander = ({\n isRowExpandable,\n isRowExpanded,\n enableNonFolderIndent = true,\n isTableExpandable,\n onExpandClick,\n}: RowExpanderProps) =>\n isRowExpandable ? (\n <Styled.Expander\n onClick={(e) => {\n e.stopPropagation()\n onExpandClick?.()\n }}\n icon={isRowExpanded ? 'expand_more' : 'chevron_right'}\n className=\"expander\"\n style={{ cursor: 'pointer' }}\n />\n ) : (\n isTableExpandable &&\n enableNonFolderIndent && <div style={{ display: 'inline-block', minWidth: 24 }} />\n )\n\nexport interface SimpleTableCellTemplateProps extends React.HTMLAttributes<HTMLDivElement> {\n value: string\n icon?: string\n parents?: string[]\n iconColor?: string\n iconFilled?: boolean\n img?: string \| null\n imgShape?: 'square' \| 'circle'\n imgRatio?: number\n isRowExpandable?: boolean\n isRowExpanded?: boolean\n isTableExpandable?: boolean\n enableNonFolderIndent?: boolean\n onExpandClick?: () => void\n // when used as a template\n startContent?: React.ReactNode\n endContent?: React.ReactNode\n badge?: string \| React.ReactNode\n actions?: TableRowAction[]\n isRenaming?: boolean\n renameInitialValue?: string\n onSubmitRename?: (value: string) => void\n onCancelRename?: () => void\n renamePlaceholder?: string\n depth?: number\n isDisabled?: boolean\n disabledMessage?: string\n active?: boolean\n inactive?: boolean\n pt?: {\n img?: Partial<React.ImgHTMLAttributes<HTMLImageElement>>\n expander?: Partial<React.ComponentProps<typeof RowExpander>>\n icon?: Partial<React.ComponentProps<typeof Icon>>\n text?: React.HTMLAttributes<HTMLDivElement>\n input?: Partial<React.ComponentProps<typeof InputText>>\n }\n}\n\nexport const SimpleTableCellTemplate = forwardRef<HTMLDivElement, SimpleTableCellTemplateProps>(\n (\n {\n value,\n icon,\n parents,\n iconColor,\n iconFilled,\n img,\n imgShape = 'square',\n imgRatio = 1,\n isRowExpandable,\n isRowExpanded,\n isTableExpandable,\n enableNonFolderIndent = true,\n onExpandClick,\n startContent,\n endContent,\n badge,\n actions,\n isRenaming,\n renameInitialValue,\n onSubmitRename,\n onCancelRename,\n renamePlaceholder,\n depth = 0,\n isDisabled,\n disabledMessage,\n active,\n inactive,\n style,\n pt,\n ...props\n },\n ref,\n ) => {\n const [renameValue, setRenameValue] = useState(renameInitialValue ?? value)\n\n useEffect(() => {\n if (isRenaming) {\n setRenameValue(renameInitialValue ?? value)\n }\n }, [value, isRenaming, renameInitialValue])\n\n return (\n <Styled.Cell\n {...props}\n ref={ref}\n className={clsx(props.className, {\n disabled: isDisabled,\n inactive: inactive \|\| active === false,\n 'has-actions': !!actions?.length,\n })}\n style={{\n ...style,\n paddingLeft: `calc(${depth * 1.5}rem + 4px)`,\n }}\n title={isDisabled ? disabledMessage : undefined}\n >\n <RowExpander\n isRowExpandable={isRowExpandable}\n isRowExpanded={isRowExpanded}\n isTableExpandable={isTableExpandable}\n onExpandClick={onExpandClick}\n enableNonFolderIndent={enableNonFolderIndent}\n {...pt?.expander}\n />\n {startContent && startContent}\n {img && (\n <img\n src={img}\n {...pt?.img}\n alt=\"\"\n className={clsx('image', imgShape, pt?.img?.className)}\n style={{\n aspectRatio: imgRatio.toString(),\n ...pt?.img?.style,\n }}\n />\n )}\n {icon && (\n <Icon\n icon={icon}\n className={clsx({ filled: iconFilled }, pt?.icon?.className)}\n style={{\n color: iconColor,\n ...pt?.icon?.style,\n }}\n {...pt?.icon}\n />\n )}\n {isRenaming ? (\n <InputText\n autoFocus\n style={{ flex: 1 }}\n onChange={(e) => setRenameValue(e.target.value)}\n value={renameValue}\n placeholder={renamePlaceholder}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n onSubmitRename?.(renameValue)\n }\n if (e.key === 'Escape') {\n onCancelRename?.()\n }\n }}\n onBlur={() => {\n onCancelRename?.()\n }}\n onFocus={(e) => {\n e.target.select()\n }}\n {...pt?.input}\n />\n ) : (\n <div className=\"text\" {...pt?.text}>\n {parents && depth === 0 && <span className=\"path\">{parents.join(' / ')} / </span>}\n <span className=\"value\">{value}</span>\n </div>\n )}\n\n {!isRenaming && (\n <>\n <Spacer className=\"spacer\" />\n {badge?.toString() && (\n <div className=\"badges\">\n {typeof badge === 'string' ? <span>{badge}</span> : badge}\n </div>\n )}\n {actions && (\n <div className=\"actions\">\n {actions.map((action, i) => {\n const { show = 'hover', ...iconProps } = action\n\n if (show === 'hidden') return null\n\n return (\n <Icon\n key={iconProps.icon + i.toString()}\n {...iconProps}\n className={clsx(iconProps.className, { 'show-always': show === 'always' })}\n />\n )\n })}\n </div>\n )}\n </>\n )}\n {endContent && endContent}\n </Styled.Cell>\n )\n },\n)\n"],"names":["RowExpander","isRowExpandable","isRowExpanded","enableNonFolderIndent","isTableExpandable","onExpandClick","jsx","Styled.Expander","e","SimpleTableCellTemplate","forwardRef","value","icon","parents","iconColor","iconFilled","img","imgShape","imgRatio","startContent","endContent","badge","actions","isRenaming","renameInitialValue","onSubmitRename","onCancelRename","renamePlaceholder","depth","isDisabled","disabledMessage","active","inactive","style","pt","props","ref","renameValue","setRenameValue","useState","useEffect","jsxs","Styled.Cell","clsx","Icon","InputText","Fragment","Spacer","action","i","show","iconProps"],"mappings":"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"}
1	+ {"version":3,"file":"SimpleTableRowTemplate.cjs.js","sources":["../../../../../src/containers/SimpleTable/SimpleTableRowTemplate.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport { Icon, IconProps, InputText, Spacer } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\nexport interface TableRowAction extends IconProps {\n show?: 'always' \| 'hover' \| 'hidden'\n}\n\nexport type RowExpanderProps = {\n isRowExpandable?: boolean\n isRowExpanded?: boolean\n enableNonFolderIndent?: boolean\n isTableExpandable?: boolean\n onExpandClick?: (event: React.MouseEvent) => void\n}\n\nexport const RowExpander = ({\n isRowExpandable,\n isRowExpanded,\n enableNonFolderIndent = true,\n isTableExpandable,\n onExpandClick,\n}: RowExpanderProps) =>\n isRowExpandable ? (\n <Styled.Expander\n onClick={(e) => {\n e.stopPropagation()\n onExpandClick?.(e)\n }}\n icon={isRowExpanded ? 'expand_more' : 'chevron_right'}\n className=\"expander\"\n style={{ cursor: 'pointer' }}\n />\n ) : (\n isTableExpandable &&\n enableNonFolderIndent && <div style={{ display: 'inline-block', minWidth: 24 }} />\n )\n\nexport interface SimpleTableCellTemplateProps extends React.HTMLAttributes<HTMLDivElement> {\n value: string\n icon?: string\n parents?: string[]\n iconColor?: string\n iconFilled?: boolean\n img?: string \| null\n imgShape?: 'square' \| 'circle'\n imgRatio?: number\n isRowExpandable?: boolean\n isRowExpanded?: boolean\n isTableExpandable?: boolean\n enableNonFolderIndent?: boolean\n onExpandClick?: () => void\n // when used as a template\n startContent?: React.ReactNode\n endContent?: React.ReactNode\n badge?: string \| React.ReactNode\n actions?: TableRowAction[]\n isRenaming?: boolean\n renameInitialValue?: string\n onSubmitRename?: (value: string) => void\n onCancelRename?: () => void\n renamePlaceholder?: string\n depth?: number\n isDisabled?: boolean\n disabledMessage?: string\n active?: boolean\n inactive?: boolean\n pt?: {\n img?: Partial<React.ImgHTMLAttributes<HTMLImageElement>>\n expander?: Partial<React.ComponentProps<typeof RowExpander>>\n icon?: Partial<React.ComponentProps<typeof Icon>>\n text?: React.HTMLAttributes<HTMLDivElement>\n input?: Partial<React.ComponentProps<typeof InputText>>\n }\n}\n\nexport const SimpleTableCellTemplate = forwardRef<HTMLDivElement, SimpleTableCellTemplateProps>(\n (\n {\n value,\n icon,\n parents,\n iconColor,\n iconFilled,\n img,\n imgShape = 'square',\n imgRatio = 1,\n isRowExpandable,\n isRowExpanded,\n isTableExpandable,\n enableNonFolderIndent = true,\n onExpandClick,\n startContent,\n endContent,\n badge,\n actions,\n isRenaming,\n renameInitialValue,\n onSubmitRename,\n onCancelRename,\n renamePlaceholder,\n depth = 0,\n isDisabled,\n disabledMessage,\n active,\n inactive,\n style,\n pt,\n ...props\n },\n ref,\n ) => {\n const [renameValue, setRenameValue] = useState(renameInitialValue ?? value)\n\n useEffect(() => {\n if (isRenaming) {\n setRenameValue(renameInitialValue ?? value)\n }\n }, [value, isRenaming, renameInitialValue])\n\n return (\n <Styled.Cell\n {...props}\n ref={ref}\n className={clsx(props.className, {\n disabled: isDisabled,\n inactive: inactive \|\| active === false,\n 'has-actions': !!actions?.length,\n })}\n style={{\n ...style,\n paddingLeft: `calc(${depth * 1.5}rem + 4px)`,\n }}\n title={isDisabled ? disabledMessage : undefined}\n >\n <RowExpander\n isRowExpandable={isRowExpandable}\n isRowExpanded={isRowExpanded}\n isTableExpandable={isTableExpandable}\n onExpandClick={onExpandClick}\n enableNonFolderIndent={enableNonFolderIndent}\n {...pt?.expander}\n />\n {startContent && startContent}\n {img && (\n <img\n src={img}\n {...pt?.img}\n alt=\"\"\n className={clsx('image', imgShape, pt?.img?.className)}\n style={{\n aspectRatio: imgRatio.toString(),\n ...pt?.img?.style,\n }}\n />\n )}\n {icon && (\n <Icon\n icon={icon}\n className={clsx({ filled: iconFilled }, pt?.icon?.className)}\n style={{\n color: iconColor,\n ...pt?.icon?.style,\n }}\n {...pt?.icon}\n />\n )}\n {isRenaming ? (\n <InputText\n autoFocus\n style={{ flex: 1 }}\n onChange={(e) => setRenameValue(e.target.value)}\n value={renameValue}\n placeholder={renamePlaceholder}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n onSubmitRename?.(renameValue)\n }\n if (e.key === 'Escape') {\n onCancelRename?.()\n }\n }}\n onBlur={() => {\n onCancelRename?.()\n }}\n onFocus={(e) => {\n e.target.select()\n }}\n {...pt?.input}\n />\n ) : (\n <div className=\"text\" {...pt?.text}>\n {parents && depth === 0 && <span className=\"path\">{parents.join(' / ')} / </span>}\n <span className=\"value\">{value}</span>\n </div>\n )}\n\n {!isRenaming && (\n <>\n <Spacer className=\"spacer\" />\n {badge?.toString() && (\n <div className=\"badges\">\n {typeof badge === 'string' ? <span>{badge}</span> : badge}\n </div>\n )}\n {actions && (\n <div className=\"actions\">\n {actions.map((action, i) => {\n const { show = 'hover', ...iconProps } = action\n\n if (show === 'hidden') return null\n\n return (\n <Icon\n key={iconProps.icon + i.toString()}\n {...iconProps}\n className={clsx(iconProps.className, { 'show-always': show === 'always' })}\n />\n )\n })}\n </div>\n )}\n </>\n )}\n {endContent && endContent}\n </Styled.Cell>\n )\n },\n)\n"],"names":["RowExpander","isRowExpandable","isRowExpanded","enableNonFolderIndent","isTableExpandable","onExpandClick","jsx","Styled.Expander","e","SimpleTableCellTemplate","forwardRef","value","icon","parents","iconColor","iconFilled","img","imgShape","imgRatio","startContent","endContent","badge","actions","isRenaming","renameInitialValue","onSubmitRename","onCancelRename","renamePlaceholder","depth","isDisabled","disabledMessage","active","inactive","style","pt","props","ref","renameValue","setRenameValue","useState","useEffect","jsxs","Styled.Cell","clsx","Icon","InputText","Fragment","Spacer","action","i","show","iconProps"],"mappings":"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"}

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

@@ -5,28 +5,28 @@ import { Icon as S, InputText as J, Spacer as M } from "@ynput/ayon-react-compon
 import n from "clsx";
 const O = ({
   isRowExpandable: l,
-  isRowExpanded: r,
-  enableNonFolderIndent: c = !0,
+  isRowExpanded: c,
+  enableNonFolderIndent: o = !0,
   isTableExpandable: m,
   onExpandClick: x
 }) => l ? /* @__PURE__ */ s.jsx(
   I,
   {
-    onClick: (o) => {
-      o.stopPropagation(), x?.();
+    onClick: (r) => {
+      r.stopPropagation(), x?.(r);
     },
-    icon: r ? "expand_more" : "chevron_right",
+    icon: c ? "expand_more" : "chevron_right",
     className: "expander",
     style: { cursor: "pointer" }
   }
-) : m && c && /* @__PURE__ */ s.jsx("div", { style: { display: "inline-block", minWidth: 24 } }), Z = A(
+) : m && o && /* @__PURE__ */ s.jsx("div", { style: { display: "inline-block", minWidth: 24 } }), Z = A(
   ({
     value: l,
-    icon: r,
-    parents: c,
+    icon: c,
+    parents: o,
     iconColor: m,
     iconFilled: x,
-    img: o,
+    img: r,
     imgShape: k = "square",
     imgRatio: F = 1,
     isRowExpandable: T,
@@ -83,10 +83,10 @@ const O = ({
             }
           ),
           j && j,
-          o && /* @__PURE__ */ s.jsx(
+          r && /* @__PURE__ */ s.jsx(
             "img",
             {
-              src: o,
+              src: r,
               ...e?.img,
               alt: "",
               className: n("image", k, e?.img?.className),
@@ -96,10 +96,10 @@ const O = ({
               }
             }
           ),
-          r && /* @__PURE__ */ s.jsx(
+          c && /* @__PURE__ */ s.jsx(
             S,
             {
-              icon: r,
+              icon: c,
               className: n({ filled: x }, e?.icon?.className),
               style: {
                 color: m,
@@ -128,8 +128,8 @@ const O = ({
               ...e?.input
             }
           ) : /* @__PURE__ */ s.jsxs("div", { className: "text", ...e?.text, children: [
-            c && y === 0 && /* @__PURE__ */ s.jsxs("span", { className: "path", children: [
-              c.join(" / "),
+            o && y === 0 && /* @__PURE__ */ s.jsxs("span", { className: "path", children: [
+              o.join(" / "),
               " / "
             ] }),
             /* @__PURE__ */ s.jsx("span", { className: "value", children: l })

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SimpleTableRowTemplate.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTableRowTemplate.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport { Icon, IconProps, InputText, Spacer } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\nexport interface TableRowAction extends IconProps {\n show?: 'always' \| 'hover' \| 'hidden'\n}\n\nexport type RowExpanderProps = {\n isRowExpandable?: boolean\n isRowExpanded?: boolean\n enableNonFolderIndent?: boolean\n isTableExpandable?: boolean\n onExpandClick?: () => void\n}\n\nexport const RowExpander = ({\n isRowExpandable,\n isRowExpanded,\n enableNonFolderIndent = true,\n isTableExpandable,\n onExpandClick,\n}: RowExpanderProps) =>\n isRowExpandable ? (\n <Styled.Expander\n onClick={(e) => {\n e.stopPropagation()\n onExpandClick?.()\n }}\n icon={isRowExpanded ? 'expand_more' : 'chevron_right'}\n className=\"expander\"\n style={{ cursor: 'pointer' }}\n />\n ) : (\n isTableExpandable &&\n enableNonFolderIndent && <div style={{ display: 'inline-block', minWidth: 24 }} />\n )\n\nexport interface SimpleTableCellTemplateProps extends React.HTMLAttributes<HTMLDivElement> {\n value: string\n icon?: string\n parents?: string[]\n iconColor?: string\n iconFilled?: boolean\n img?: string \| null\n imgShape?: 'square' \| 'circle'\n imgRatio?: number\n isRowExpandable?: boolean\n isRowExpanded?: boolean\n isTableExpandable?: boolean\n enableNonFolderIndent?: boolean\n onExpandClick?: () => void\n // when used as a template\n startContent?: React.ReactNode\n endContent?: React.ReactNode\n badge?: string \| React.ReactNode\n actions?: TableRowAction[]\n isRenaming?: boolean\n renameInitialValue?: string\n onSubmitRename?: (value: string) => void\n onCancelRename?: () => void\n renamePlaceholder?: string\n depth?: number\n isDisabled?: boolean\n disabledMessage?: string\n active?: boolean\n inactive?: boolean\n pt?: {\n img?: Partial<React.ImgHTMLAttributes<HTMLImageElement>>\n expander?: Partial<React.ComponentProps<typeof RowExpander>>\n icon?: Partial<React.ComponentProps<typeof Icon>>\n text?: React.HTMLAttributes<HTMLDivElement>\n input?: Partial<React.ComponentProps<typeof InputText>>\n }\n}\n\nexport const SimpleTableCellTemplate = forwardRef<HTMLDivElement, SimpleTableCellTemplateProps>(\n (\n {\n value,\n icon,\n parents,\n iconColor,\n iconFilled,\n img,\n imgShape = 'square',\n imgRatio = 1,\n isRowExpandable,\n isRowExpanded,\n isTableExpandable,\n enableNonFolderIndent = true,\n onExpandClick,\n startContent,\n endContent,\n badge,\n actions,\n isRenaming,\n renameInitialValue,\n onSubmitRename,\n onCancelRename,\n renamePlaceholder,\n depth = 0,\n isDisabled,\n disabledMessage,\n active,\n inactive,\n style,\n pt,\n ...props\n },\n ref,\n ) => {\n const [renameValue, setRenameValue] = useState(renameInitialValue ?? value)\n\n useEffect(() => {\n if (isRenaming) {\n setRenameValue(renameInitialValue ?? value)\n }\n }, [value, isRenaming, renameInitialValue])\n\n return (\n <Styled.Cell\n {...props}\n ref={ref}\n className={clsx(props.className, {\n disabled: isDisabled,\n inactive: inactive \|\| active === false,\n 'has-actions': !!actions?.length,\n })}\n style={{\n ...style,\n paddingLeft: `calc(${depth * 1.5}rem + 4px)`,\n }}\n title={isDisabled ? disabledMessage : undefined}\n >\n <RowExpander\n isRowExpandable={isRowExpandable}\n isRowExpanded={isRowExpanded}\n isTableExpandable={isTableExpandable}\n onExpandClick={onExpandClick}\n enableNonFolderIndent={enableNonFolderIndent}\n {...pt?.expander}\n />\n {startContent && startContent}\n {img && (\n <img\n src={img}\n {...pt?.img}\n alt=\"\"\n className={clsx('image', imgShape, pt?.img?.className)}\n style={{\n aspectRatio: imgRatio.toString(),\n ...pt?.img?.style,\n }}\n />\n )}\n {icon && (\n <Icon\n icon={icon}\n className={clsx({ filled: iconFilled }, pt?.icon?.className)}\n style={{\n color: iconColor,\n ...pt?.icon?.style,\n }}\n {...pt?.icon}\n />\n )}\n {isRenaming ? (\n <InputText\n autoFocus\n style={{ flex: 1 }}\n onChange={(e) => setRenameValue(e.target.value)}\n value={renameValue}\n placeholder={renamePlaceholder}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n onSubmitRename?.(renameValue)\n }\n if (e.key === 'Escape') {\n onCancelRename?.()\n }\n }}\n onBlur={() => {\n onCancelRename?.()\n }}\n onFocus={(e) => {\n e.target.select()\n }}\n {...pt?.input}\n />\n ) : (\n <div className=\"text\" {...pt?.text}>\n {parents && depth === 0 && <span className=\"path\">{parents.join(' / ')} / </span>}\n <span className=\"value\">{value}</span>\n </div>\n )}\n\n {!isRenaming && (\n <>\n <Spacer className=\"spacer\" />\n {badge?.toString() && (\n <div className=\"badges\">\n {typeof badge === 'string' ? <span>{badge}</span> : badge}\n </div>\n )}\n {actions && (\n <div className=\"actions\">\n {actions.map((action, i) => {\n const { show = 'hover', ...iconProps } = action\n\n if (show === 'hidden') return null\n\n return (\n <Icon\n key={iconProps.icon + i.toString()}\n {...iconProps}\n className={clsx(iconProps.className, { 'show-always': show === 'always' })}\n />\n )\n })}\n </div>\n )}\n </>\n )}\n {endContent && endContent}\n </Styled.Cell>\n )\n },\n)\n"],"names":["RowExpander","isRowExpandable","isRowExpanded","enableNonFolderIndent","isTableExpandable","onExpandClick","jsx","Styled.Expander","e","SimpleTableCellTemplate","forwardRef","value","icon","parents","iconColor","iconFilled","img","imgShape","imgRatio","startContent","endContent","badge","actions","isRenaming","renameInitialValue","onSubmitRename","onCancelRename","renamePlaceholder","depth","isDisabled","disabledMessage","active","inactive","style","pt","props","ref","renameValue","setRenameValue","useState","useEffect","jsxs","Styled.Cell","clsx","Icon","InputText","Fragment","Spacer","action","i","show","iconProps"],"mappings":"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"}
1	+ {"version":3,"file":"SimpleTableRowTemplate.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTableRowTemplate.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport { Icon, IconProps, InputText, Spacer } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\n\nexport interface TableRowAction extends IconProps {\n show?: 'always' \| 'hover' \| 'hidden'\n}\n\nexport type RowExpanderProps = {\n isRowExpandable?: boolean\n isRowExpanded?: boolean\n enableNonFolderIndent?: boolean\n isTableExpandable?: boolean\n onExpandClick?: (event: React.MouseEvent) => void\n}\n\nexport const RowExpander = ({\n isRowExpandable,\n isRowExpanded,\n enableNonFolderIndent = true,\n isTableExpandable,\n onExpandClick,\n}: RowExpanderProps) =>\n isRowExpandable ? (\n <Styled.Expander\n onClick={(e) => {\n e.stopPropagation()\n onExpandClick?.(e)\n }}\n icon={isRowExpanded ? 'expand_more' : 'chevron_right'}\n className=\"expander\"\n style={{ cursor: 'pointer' }}\n />\n ) : (\n isTableExpandable &&\n enableNonFolderIndent && <div style={{ display: 'inline-block', minWidth: 24 }} />\n )\n\nexport interface SimpleTableCellTemplateProps extends React.HTMLAttributes<HTMLDivElement> {\n value: string\n icon?: string\n parents?: string[]\n iconColor?: string\n iconFilled?: boolean\n img?: string \| null\n imgShape?: 'square' \| 'circle'\n imgRatio?: number\n isRowExpandable?: boolean\n isRowExpanded?: boolean\n isTableExpandable?: boolean\n enableNonFolderIndent?: boolean\n onExpandClick?: () => void\n // when used as a template\n startContent?: React.ReactNode\n endContent?: React.ReactNode\n badge?: string \| React.ReactNode\n actions?: TableRowAction[]\n isRenaming?: boolean\n renameInitialValue?: string\n onSubmitRename?: (value: string) => void\n onCancelRename?: () => void\n renamePlaceholder?: string\n depth?: number\n isDisabled?: boolean\n disabledMessage?: string\n active?: boolean\n inactive?: boolean\n pt?: {\n img?: Partial<React.ImgHTMLAttributes<HTMLImageElement>>\n expander?: Partial<React.ComponentProps<typeof RowExpander>>\n icon?: Partial<React.ComponentProps<typeof Icon>>\n text?: React.HTMLAttributes<HTMLDivElement>\n input?: Partial<React.ComponentProps<typeof InputText>>\n }\n}\n\nexport const SimpleTableCellTemplate = forwardRef<HTMLDivElement, SimpleTableCellTemplateProps>(\n (\n {\n value,\n icon,\n parents,\n iconColor,\n iconFilled,\n img,\n imgShape = 'square',\n imgRatio = 1,\n isRowExpandable,\n isRowExpanded,\n isTableExpandable,\n enableNonFolderIndent = true,\n onExpandClick,\n startContent,\n endContent,\n badge,\n actions,\n isRenaming,\n renameInitialValue,\n onSubmitRename,\n onCancelRename,\n renamePlaceholder,\n depth = 0,\n isDisabled,\n disabledMessage,\n active,\n inactive,\n style,\n pt,\n ...props\n },\n ref,\n ) => {\n const [renameValue, setRenameValue] = useState(renameInitialValue ?? value)\n\n useEffect(() => {\n if (isRenaming) {\n setRenameValue(renameInitialValue ?? value)\n }\n }, [value, isRenaming, renameInitialValue])\n\n return (\n <Styled.Cell\n {...props}\n ref={ref}\n className={clsx(props.className, {\n disabled: isDisabled,\n inactive: inactive \|\| active === false,\n 'has-actions': !!actions?.length,\n })}\n style={{\n ...style,\n paddingLeft: `calc(${depth * 1.5}rem + 4px)`,\n }}\n title={isDisabled ? disabledMessage : undefined}\n >\n <RowExpander\n isRowExpandable={isRowExpandable}\n isRowExpanded={isRowExpanded}\n isTableExpandable={isTableExpandable}\n onExpandClick={onExpandClick}\n enableNonFolderIndent={enableNonFolderIndent}\n {...pt?.expander}\n />\n {startContent && startContent}\n {img && (\n <img\n src={img}\n {...pt?.img}\n alt=\"\"\n className={clsx('image', imgShape, pt?.img?.className)}\n style={{\n aspectRatio: imgRatio.toString(),\n ...pt?.img?.style,\n }}\n />\n )}\n {icon && (\n <Icon\n icon={icon}\n className={clsx({ filled: iconFilled }, pt?.icon?.className)}\n style={{\n color: iconColor,\n ...pt?.icon?.style,\n }}\n {...pt?.icon}\n />\n )}\n {isRenaming ? (\n <InputText\n autoFocus\n style={{ flex: 1 }}\n onChange={(e) => setRenameValue(e.target.value)}\n value={renameValue}\n placeholder={renamePlaceholder}\n onKeyDown={(e) => {\n if (e.key === 'Enter') {\n onSubmitRename?.(renameValue)\n }\n if (e.key === 'Escape') {\n onCancelRename?.()\n }\n }}\n onBlur={() => {\n onCancelRename?.()\n }}\n onFocus={(e) => {\n e.target.select()\n }}\n {...pt?.input}\n />\n ) : (\n <div className=\"text\" {...pt?.text}>\n {parents && depth === 0 && <span className=\"path\">{parents.join(' / ')} / </span>}\n <span className=\"value\">{value}</span>\n </div>\n )}\n\n {!isRenaming && (\n <>\n <Spacer className=\"spacer\" />\n {badge?.toString() && (\n <div className=\"badges\">\n {typeof badge === 'string' ? <span>{badge}</span> : badge}\n </div>\n )}\n {actions && (\n <div className=\"actions\">\n {actions.map((action, i) => {\n const { show = 'hover', ...iconProps } = action\n\n if (show === 'hidden') return null\n\n return (\n <Icon\n key={iconProps.icon + i.toString()}\n {...iconProps}\n className={clsx(iconProps.className, { 'show-always': show === 'always' })}\n />\n )\n })}\n </div>\n )}\n </>\n )}\n {endContent && endContent}\n </Styled.Cell>\n )\n },\n)\n"],"names":["RowExpander","isRowExpandable","isRowExpanded","enableNonFolderIndent","isTableExpandable","onExpandClick","jsx","Styled.Expander","e","SimpleTableCellTemplate","forwardRef","value","icon","parents","iconColor","iconFilled","img","imgShape","imgRatio","startContent","endContent","badge","actions","isRenaming","renameInitialValue","onSubmitRename","onCancelRename","renamePlaceholder","depth","isDisabled","disabledMessage","active","inactive","style","pt","props","ref","renameValue","setRenameValue","useState","useEffect","jsxs","Styled.Cell","clsx","Icon","InputText","Fragment","Spacer","action","i","show","iconProps"],"mappings":"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"}

package/dist/shared/src/containers/Slicer/components/Slicer.cjs.js CHANGED Viewed

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),v=require("react"),D=require("../../SimpleTable/SimpleTable.cjs.js"),P=require("../../SimpleTable/context/SimpleTableContext.cjs.js"),s=require("../../SimpleTable/SimpleTable.styled.cjs.js");require("../../SimpleTable/SimpleTableRowTemplate.cjs.js");const k=require("../hooks/useTableDataBySlice.cjs.js"),B=require("../hooks/useSlicerCounts.cjs.js"),F=require("./SlicerSearch.cjs.js"),L=require("clsx"),O=require("../context/SlicerContext.cjs.js"),M=require("styled-components");require("../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("@ynput/ayon-react-components");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("react-dom");require("date-fns");require("../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../../../../../_virtual/index.cjs.js");require("../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                   */require("lodash");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("react-markdown");require("remark-gfm");require("rehype-raw");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../Feed/components/CommentInput/modules/index.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../node_modules/@module-federation/runtime/dist/index.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../context/PowerpackContextInstance.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");const N=require("../../../context/ProjectFoldersContext.cjs.js");require("../../../context/EntityUpdatesContextInstance.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("remark-emoji");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("react-router-dom");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusSecondary.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("short-uuid");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("./SlicerDropdownFallback.cjs.js");require("react-redux");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../Views/context/ViewsContextInstance.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../ListTable/ListTableRow.cjs.js");require("../../ListTable/ListTable.styled.cjs.js");require("../../../context/DeleteEntitiesContext.cjs.js");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/InfoMessage/InfoMessage.cjs.js");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");const U=require("../../../components/SyncButton/SyncButton.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.cjs.js");require("../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../components/ColumnHeaderMenuUI.cjs.js");const G=M.div`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../../_virtual/jsx-runtime.cjs.js"),t=require("react"),U=require("../../SimpleTable/SimpleTable.cjs.js"),G=require("../../SimpleTable/context/SimpleTableContext.cjs.js"),h=require("../../SimpleTable/SimpleTable.styled.cjs.js");require("../../SimpleTable/SimpleTableRowTemplate.cjs.js");const W=require("../hooks/useTableDataBySlice.cjs.js"),z=require("../hooks/useSlicerCounts.cjs.js"),J=require("./SlicerSearch.cjs.js"),K=require("clsx"),Q=require("../context/SlicerContext.cjs.js"),X=require("../hooks/useHierarchyContextMenuItems.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../../node_modules/@module-federation/runtime/dist/index.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");require("../../../context/PowerpackContextInstance.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../context/DetailsPanelContextInstance.cjs.js");require("../../../context/SubtasksModulesContextInstance.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");const Y=require("../../../context/ProjectFoldersContext.cjs.js");require("../../../context/EntityUpdatesContextInstance.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");require("@ynput/ayon-react-components");;/* empty css                                      */require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("../../../components/AttributeEditor/AttributeEditor.cjs.js");require("../../../components/AttributeEditor/attributeTypeMap.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("../../../components/DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../../../_virtual/index.cjs.js");require("../../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                   */require("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../../../components/DetailsPanelDetails/BorderedSection.cjs.js");require("../../../components/QuillListStyles/QuillListStyles.cjs.js");require("../../../components/DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../../../components/DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../Feed/components/CommentInput/modules/index.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../../components/InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Feedback/FeedbackContextInstance.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/FreeTrialLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/SearchFilter/CustomDateRangeDialog.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");const Z=require("../../../components/SyncButton/SyncButton.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.cjs.js");require("../../../components/ReviewablesSelector/ReviewablesSelector.cjs.js");require("../../../components/ColumnHeaderMenuUI.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../Feed/components/ActivityFieldChange/FieldValue.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("../../Feed/components/FeedSearchFilter.cjs.js");require("@tanstack/react-virtual");require("@tanstack/react-table");require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../ProjectTreeTable/widgets/LinksWidget.cjs.js");require("short-uuid");require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");require("../../NewEntity/components/NewEntity.cjs.js");require("../../NewEntity/context/NewEntityContextInstance.cjs.js");require("../../NewEntity/components/NewEntityForm.cjs.js");require("../../ProjectTreeTable/context/ProjectTableContextInstance.cjs.js");require("../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../Views/context/ViewsContextInstance.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");const $=require("../../MoveEntityDialog/MoveEntityDialog.cjs.js");require("../../ListTable/ListTableRow.cjs.js");require("../../ListTable/ListTable.styled.cjs.js");require("../../../context/DeleteEntitiesContext.cjs.js");require("./SlicerDropdownFallback.cjs.js");const ee=require("styled-components"),re=ee.div`
   height: 28px;
   border-radius: 4px;
   background: var(--md-sys-color-surface-container);
   width: 100px;
-`,H=({sliceFields:q=[],entityTypes:o=["task"],pinnedSliceType:c,countsSource:a})=>{const[t,l]=v.useState(""),{SlicerDropdown:d,rowSelection:x,onRowSelectionChange:p,expanded:S,onExpandedChange:h,isViewSyncPending:n}=O.useSlicerContext(),{refetch:j}=N.useProjectFoldersContext(),g=async()=>j(),{counts:m,filled:b,complete:y}=B.useSlicerCounts(a),{sliceOptions:i,sliceType:u,handleSliceTypeChange:C,table:{data:R,isExpandable:T},sliceMap:E,isLoading:w}=k.default({sliceFields:q,entityTypes:o,counts:m,filled:b,countsComplete:y}),f=r=>{p?.(r)};return e.jsxRuntimeExports.jsxs(s.Container,{children:[e.jsxRuntimeExports.jsxs(s.Header,{children:[n?e.jsxRuntimeExports.jsx(G,{}):e.jsxRuntimeExports.jsx(d,{options:i||[],value:[u],sliceTypes:q.map(r=>r.value),onChange:r=>C(r[0],c===u),className:L("slicer-dropdown",{"single-option":i.length===1}),disableOpen:i.length===1}),e.jsxRuntimeExports.jsx(F,{value:t,onChange:l}),e.jsxRuntimeExports.jsx(U.SyncButton,{topics:["entity.folder.created"],onSync:async()=>{await g()},hideWhenNoUpdates:!0})]}),e.jsxRuntimeExports.jsx(P.SimpleTableProvider,{rowSelection:x,onRowSelectionChange:f,expanded:S,setExpanded:h,data:E,children:e.jsxRuntimeExports.jsx(D,{data:R,isExpandable:T,isLoading:w||n,forceUpdateTable:u,globalFilter:t})})]})};exports.Slicer=H;
+`,ie=({sliceFields:l=[],entityTypes:S=["task"],pinnedSliceType:C,countsSource:y,onAddToList:g})=>{const[c,b]=t.useState(""),{SlicerDropdown:j,rowSelection:R,onRowSelectionChange:v,expanded:q,onExpandedChange:o,isViewSyncPending:d,onOpenViewer:E,onAddToList:T,projectName:w}=Q.useSlicerContext(),[M,p]=t.useState(null),f=t.useCallback(e=>{p("entities"in e?e:{entities:[e]})},[]),D=t.useCallback(()=>{p(null)},[]),{refetch:O,getParentFolderIds:x}=Y.useProjectFoldersContext(),k=t.useCallback(e=>{const n=[e,...x(e)];o(typeof q=="boolean"?q||Object.fromEntries(n.map(a=>[a,!0])):{...q,...Object.fromEntries(n.map(a=>[a,!0]))})},[q,x,o]),I=async()=>O(),{counts:P,filled:B,complete:L}=z.useSlicerCounts(y),{sliceOptions:s,sliceType:r,handleSliceTypeChange:F,table:{data:V,isExpandable:H},sliceMap:m,isLoading:N}=W.default({sliceFields:l,entityTypes:S,counts:P,filled:B,countsComplete:L}),u=X.useHierarchyContextMenuItems(g||T,m,E,f),_=r==="hierarchy"?u.rowContextMenuBuilders:[],A=e=>{v?.(e)};return i.jsxRuntimeExports.jsxs(h.Container,{children:[i.jsxRuntimeExports.jsxs(h.Header,{children:[d?i.jsxRuntimeExports.jsx(re,{}):i.jsxRuntimeExports.jsx(j,{options:s||[],value:[r],sliceTypes:l.map(e=>e.value),onChange:e=>F(e[0],C===r),className:K("slicer-dropdown",{"single-option":s.length===1}),disableOpen:s.length===1}),i.jsxRuntimeExports.jsx(J,{value:c,onChange:b}),i.jsxRuntimeExports.jsx(Z.SyncButton,{topics:["entity.folder.created"],onSync:async()=>{await I()},hideWhenNoUpdates:!0})]}),i.jsxRuntimeExports.jsx(G.SimpleTableProvider,{rowSelection:R,onRowSelectionChange:A,expanded:q,setExpanded:o,data:m,children:i.jsxRuntimeExports.jsx(U,{data:V,isExpandable:H,isLoading:N||d,forceUpdateTable:r,globalFilter:c,onRename:r==="hierarchy"?(e,n)=>u.onRename(n.original):void 0,renamingId:r==="hierarchy"?u.renamingRow?.id:null,renameInitialValue:r==="hierarchy"?u.renameInitialValue:void 0,onSubmitRename:r==="hierarchy"?(e,n)=>u.onSubmitRename(n):void 0,onCancelRename:r==="hierarchy"?u.onCancelRename:void 0,onRowOptionClick:r==="hierarchy"?u.onOptionClick:void 0,rowContextMenuBuilders:_})}),i.jsxRuntimeExports.jsx($.MoveEntityDialog,{projectName:w,movingEntities:M,onClose:D,onMoveComplete:k})]})};exports.Slicer=ie;
 //# sourceMappingURL=Slicer.cjs.js.map