npm - @ynput/ayon-frontend-shared - Versions diffs - 0.3.32 → 0.3.34 - Mend

@ynput/ayon-frontend-shared 0.3.32 → 0.3.34

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 (832) 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 RowData,\n Table,\n OnChangeFn,\n RowSelectionState,\n functionalUpdate,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nimport clsx from 'clsx'\nimport useRowKeydown, { RowKeyboardEvent } from './hooks/useRowKeydown'\n\nimport { RankingInfo, rankItem, compareItems, rankings } from '@tanstack/match-sorter-utils'\nimport { useSimpleTableContext } from './context/SimpleTableContext'\nimport { SimpleTableCellTemplate, SimpleTableCellTemplateProps } from './SimpleTableRowTemplate'\nimport { EmptyPlaceholder } from '@shared/components'\nimport { RowPinningState } from '@tanstack/react-table'\n\ndeclare module '@tanstack/react-table' {\n //add fuzzy filter to the filterFns\n interface FilterFns {\n fuzzy: FilterFn<unknown>\n }\n interface FilterMeta {\n itemRank: RankingInfo\n }\n\n interface TableMeta<TData extends RowData> {\n isExpandable?: boolean\n isLoading?: boolean\n children?: (\n props: SimpleTableCellTemplateProps,\n row: Row<TData>,\n table: Table<SimpleTableRow>,\n ) => JSX.Element\n [key: string]: any\n }\n}\n\n// Define a custom fuzzy filter function that will apply ranking info to rows (using match-sorter utils)\nconst fuzzyFilter: FilterFn<any> = (row, columnId, searchValue, addMeta) => {\n const cellValue = row.getValue(columnId)\n // convert non-string cell values to string\n let searchString =\n typeof cellValue === 'string'\n ? cellValue\n : Array.isArray(cellValue)\n ? cellValue.join(' ')\n : JSON.stringify(cellValue)\n\n // combine label and parents into a single string for searching if columnId is 'label'\n if (columnId === 'label') {\n searchString = [row.original.label, row.original.name, ...(row.original.parents \|\| [])].join(\n ' ',\n )\n }\n\n // Rank the item with CONTAINS threshold to avoid overly permissive fuzzy matches\n // This ensures the search term must be a substring, not just scattered characters\n const itemRank = rankItem(searchString, searchValue, { threshold: rankings.CONTAINS })\n\n // Store the itemRank info\n addMeta({\n itemRank,\n })\n\n // Return if the item should be filtered in/out\n return itemRank.passed\n}\n\n// Define a custom fuzzy sort function that will sort by rank if the row has ranking information\nconst fuzzySort: SortingFn<any> = (rowA, rowB, columnId) => {\n let dir = 0\n\n // Only sort by rank if the column has ranking information\n if (rowA.columnFiltersMeta[columnId]) {\n dir = compareItems(\n rowA.columnFiltersMeta[columnId]?.itemRank!,\n rowB.columnFiltersMeta[columnId]?.itemRank!,\n )\n }\n\n // Provide an alphanumeric fallback for when the item ranks are equal\n return dir === 0 ? sortingFns.alphanumeric(rowA, rowB, columnId) : dir\n}\n\nexport type RowItemData = {\n id: string\n name?: string \| null\n label?: string \| null\n subType?: string \| null\n [key: string]: any\n}\n\nexport type SimpleTableRow = {\n id: string\n parentId?: string\n name: string\n label: string\n parents?: string[]\n icon?: string \| null\n iconColor?: string\n iconFilled?: boolean\n img?: string \| null\n imgShape?: 'square' \| 'circle'\n startContent?: JSX.Element\n endContent?: JSX.Element\n subRows: SimpleTableRow[]\n data: RowItemData\n isDisabled?: boolean\n disabledMessage?: string\n inactive?: boolean\n}\n\nexport interface SimpleTableProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: SimpleTableRow[]\n isLoading: boolean\n error?: string\n isExpandable?: boolean // show expand/collapse icons\n isMultiSelect?: boolean // enable multi-select with shift+click and ctrl/cmd+click\n enableClickToDeselect?: boolean // allow deselecting a single selected row by clicking it again & clicking outside clears selection\n enableNonFolderIndent?: boolean // indent non-folder rows to align with folder rows\n forceUpdateTable?: any\n globalFilter?: string\n meta?: Record<string, any>\n rowHeight?: number // height of each row, used for virtual scrolling\n imgRatio?: number\n onScrollBottom?: () => void // callback fired when scrolled to the bottom of the table\n fitContent?: boolean\n children?: (\n props: SimpleTableCellTemplateProps,\n row: Row<SimpleTableRow>,\n table: Table<SimpleTableRow>,\n ) => JSX.Element\n pt?: {\n cell?: Partial<SimpleTableCellTemplateProps>\n row?: Partial<React.HTMLAttributes<HTMLTableRowElement>>\n }\n}\n\n// Helper function to get row range for shift-selection\n// Operates on the provided list of rows (e.g., filtered and sorted rows)\nfunction getRowRange<TData extends RowData>(\n rows: Array<Row<TData>>,\n idA: string,\n idB: string,\n): Array<Row<TData>> {\n const range: Array<Row<TData>> = []\n // If idA and idB are the same, or one is not found, handle appropriately\n if (idA === idB) {\n const singleRow = rows.find((row) => row.id === idA)\n return singleRow ? [singleRow] : []\n }\n\n let indexA = -1\n let indexB = -1\n\n for (let i = 0; i < rows.length; i++) {\n if (rows[i].id === idA) indexA = i\n if (rows[i].id === idB) indexB = i\n if (indexA !== -1 && indexB !== -1) break\n }\n\n if (indexA === -1 \|\| indexB === -1) return [] // One or both IDs not found\n\n const start = Math.min(indexA, indexB)\n const end = Math.max(indexA, indexB)\n\n for (let i = start; i <= end; i++) {\n range.push(rows[i])\n }\n return range\n}\n\nconst SimpleTable: FC<SimpleTableProps> = ({\n data = [],\n isLoading,\n error,\n isExpandable,\n isMultiSelect = true,\n enableClickToDeselect = true,\n enableNonFolderIndent = true,\n forceUpdateTable,\n globalFilter,\n meta,\n rowHeight,\n imgRatio,\n onScrollBottom,\n children,\n pt,\n fitContent,\n ...props\n}) => {\n const {\n rowSelection,\n expanded,\n setExpanded,\n onExpandedChange,\n onRowSelectionChange,\n rowPinning,\n onRowPinningChange,\n } = useSimpleTableContext()\n const lastSelectedIdRef = useRef<string \| null>(null)\n const tableRef = useRef<Table<SimpleTableRow> \| null>(null)\n\n // stable data reference\n const tableData = useMemo(() => {\n if (!isLoading) return data\n\n // show loading placeholders\n return Array.from({ length: 10 }, (_, i) => ({\n id: `placeholder-${i}`,\n name: `placeholder-${i}`,\n label: `placeholder-${i}`,\n icon: null,\n img: null,\n subRows: [],\n data: {\n id: `placeholder-${i}`,\n },\n }))\n }, [isLoading, data, forceUpdateTable])\n\n // Define the core selection logic using useCallback for stability\n const handleSelectionLogic = useCallback(\n (\n tableInstance: Table<SimpleTableRow>,\n rowId: string,\n isShift: boolean,\n isCtrlOrMeta: boolean,\n ) => {\n const currentId = rowId\n const allProcessableRows = tableInstance.getFilteredRowModel().flatRows\n const currentRow = allProcessableRows.find((r) => r.id === currentId)\n\n if (!currentRow) return\n\n // Prevent selection of disabled rows\n if (currentRow.original.isDisabled) return\n\n // If click-to-deselect is enabled and only one row is selected and it's the current row\n if (\n enableClickToDeselect &&\n !isShift &&\n !isCtrlOrMeta &&\n Object.keys(tableInstance.getState().rowSelection).length === 1 &&\n tableInstance.getState().rowSelection[currentId]\n ) {\n tableInstance.setRowSelection({})\n lastSelectedIdRef.current = null\n return\n }\n\n if (isMultiSelect && isShift && lastSelectedIdRef.current) {\n const lastId = lastSelectedIdRef.current\n const anchorRow = allProcessableRows.find((r) => r.id === lastId)\n\n if (!anchorRow) {\n tableInstance.setRowSelection({ [currentId]: true })\n } else {\n const rowsToToggle = getRowRange(allProcessableRows, currentId, lastId)\n const newSelection: RowSelectionState = {}\n rowsToToggle.forEach((r) => (newSelection[r.id] = true))\n tableInstance.setRowSelection(newSelection)\n }\n } else if (isMultiSelect && isCtrlOrMeta) {\n currentRow.toggleSelected()\n } else {\n tableInstance.setRowSelection({ [currentId]: true })\n }\n lastSelectedIdRef.current = currentId\n },\n [isMultiSelect, enableClickToDeselect],\n )\n\n // Callback for useRowKeydown's handleRowSelect prop\n // Uses tableRef to access the table instance, avoiding direct dependency on 'table' variable at definition time\n const handleRowSelectForKeydown = useCallback(\n (\n event: RowKeyboardEvent, // Use the specific keyboard event type from the hook\n selectedRow: Row<SimpleTableRow>,\n ) => {\n if (!tableRef.current) {\n console.warn('tableRef not yet available in handleRowSelectForKeydown')\n return\n }\n\n // Extract modifier keys from the event\n const isShiftKey = event.shiftKey\n const isCtrlKey = event.ctrlKey \|\| event.metaKey\n\n handleSelectionLogic(\n tableRef.current, // Pass the main table instance\n selectedRow.id,\n isShiftKey,\n isCtrlKey,\n )\n },\n [handleSelectionLogic], // Depends only on handleSelectionLogic\n )\n\n // Handle arrow key navigation\n const handleArrowNavigation = useCallback(\n (direction: 'up' \| 'down', currentRow: Row<SimpleTableRow>, event: RowKeyboardEvent) => {\n if (!tableRef.current) return\n\n // Use the row model which respects expanded state, not filtered model\n const visibleRows = tableRef.current.getRowModel().rows\n const currentIndex = visibleRows.findIndex((r) => r.id === currentRow.id)\n\n if (currentIndex === -1) return\n\n let nextIndex = direction === 'down' ? currentIndex + 1 : currentIndex - 1\n\n // Check bounds\n if (nextIndex < 0 \|\| nextIndex >= visibleRows.length) return\n\n // Skip disabled rows\n while (nextIndex >= 0 && nextIndex < visibleRows.length) {\n const nextRow = visibleRows[nextIndex]\n if (!nextRow.original.isDisabled) {\n // Found a valid row\n // Select the next row\n handleSelectionLogic(\n tableRef.current,\n nextRow.id,\n event.shiftKey,\n event.ctrlKey \|\| event.metaKey,\n )\n\n // Focus the next row's cell\n requestAnimationFrame(() => {\n const nextRowElement = document.getElementById(nextRow.id)\n const nextCell = nextRowElement?.querySelector('[tabindex=\"0\"]') as HTMLElement\n if (nextCell) {\n nextCell.focus()\n nextCell.scrollIntoView({ block: 'nearest', behavior: 'smooth' })\n }\n })\n return\n }\n // Move to next row if current is disabled\n nextIndex = direction === 'down' ? nextIndex + 1 : nextIndex - 1\n }\n },\n [handleSelectionLogic],\n )\n\n const { handleRowKeyDown } = useRowKeydown<SimpleTableRow>({\n handleRowSelect: handleRowSelectForKeydown,\n handleArrowNavigation,\n })\n\n const columns = useMemo<ColumnDef<SimpleTableRow>[]>(\n () => [\n {\n accessorKey: 'label',\n header: undefined,\n filterFn: 'fuzzy',\n sortingFn: fuzzySort, //sort by fuzzy rank (falls back to alphanumeric)\n cell: ({ row, getValue, table: cellTableInstance }) => {\n const cellMeta = cellTableInstance.options.meta\n\n const handleCellClick = (event: ReactMouseEvent<HTMLElement, MouseEvent>) => {\n // Prevent row selection if clicking on an interactive element within the cell\n if (\n event.target instanceof HTMLInputElement \|\|\n event.target instanceof HTMLButtonElement \|\|\n event.target instanceof HTMLTextAreaElement \|\|\n event.target instanceof HTMLSelectElement \|\|\n event.target instanceof HTMLAnchorElement \|\|\n (event.target as HTMLElement).closest('button, a, input, textarea, select')\n ) {\n return\n }\n handleSelectionLogic(\n cellTableInstance, // Pass the cell's table instance\n row.id,\n event.shiftKey,\n event.ctrlKey \|\| event.metaKey,\n )\n }\n\n const props: SimpleTableCellTemplateProps & {\n onClick?: (event: ReactMouseEvent<HTMLElement, MouseEvent>) => void\n } = {\n className: clsx({\n selected: row.getIsSelected(),\n loading: cellMeta?.isLoading,\n disabled: row.original.isDisabled, // you can't select disabled rows\n inactive: row.original.inactive, // false: archived items but still selectable\n }),\n onKeyDown: (e) => {\n if (e.target instanceof HTMLInputElement) return\n // Corrected typo: handleRowKeydown -> handleRowKeyDown\n handleRowKeyDown(e, row)\n },\n depth: row.depth,\n tabIndex: 0,\n value: getValue<string>(),\n parents: row.original.parents,\n icon: row.original.icon \|\| undefined,\n iconColor: row.original.iconColor,\n iconFilled: row.original.iconFilled,\n img: row.original.img,\n imgShape: row.original.imgShape,\n imgRatio: imgRatio,\n isRowExpandable: row.getCanExpand(),\n enableNonFolderIndent,\n isRowExpanded: row.getIsExpanded(),\n isTableExpandable: cellMeta?.isExpandable,\n onExpandClick: row.getToggleExpandedHandler(),\n startContent: row.original.startContent,\n endContent: row.original.endContent,\n isDisabled: row.original.isDisabled,\n disabledMessage: row.original.disabledMessage,\n ...pt?.cell,\n onClick: handleCellClick, // Added onClick handler\n }\n\n // Use children function if provided, otherwise default to SimpleTableCellTemplate\n return cellMeta?.children ? (\n cellMeta.children(props, row, cellTableInstance)\n ) : (\n <SimpleTableCellTemplate {...props} {...pt?.cell} />\n )\n },\n },\n ],\n [\n forceUpdateTable,\n handleSelectionLogic,\n handleRowKeyDown,\n enableClickToDeselect,\n enableNonFolderIndent,\n imgRatio,\n ], // include enableClickToDeselect for completeness\n )\n\n const handleRowSelectionChangeCallback: OnChangeFn<RowSelectionState> = useCallback(\n (updater) => {\n onRowSelectionChange(functionalUpdate(updater, rowSelection))\n },\n [onRowSelectionChange],\n )\n\n const handleRowPinningChangeCallback: OnChangeFn<RowPinningState> = useCallback(\n (updater) => {\n onRowPinningChange?.(functionalUpdate(updater, rowPinning \|\| {}))\n },\n [onRowPinningChange],\n )\n\n const handleExpandedChange = useCallback(\n (updater: any) => {\n setExpanded?.((old) => {\n const newExpanded = updater instanceof Function ? updater(old) : updater\n onExpandedChange?.(newExpanded)\n return newExpanded\n })\n },\n [setExpanded],\n )\n\n const table = useReactTable({\n data: tableData,\n columns,\n state: {\n expanded,\n rowSelection,\n globalFilter,\n rowPinning,\n },\n onRowSelectionChange: handleRowSelectionChangeCallback,\n onRowPinningChange: handleRowPinningChangeCallback,\n filterFns: {\n fuzzy: fuzzyFilter,\n },\n globalFilterFn: 'fuzzy',\n enableRowSelection: true, //enable row selection for all rows\n enableRowPinning: !!onRowPinningChange,\n getRowId: (row) => row.id,\n enableSubRowSelection: false, //disable sub row selection\n onExpandedChange: handleExpandedChange,\n getSubRows: (row) => row.subRows,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getExpandedRowModel: getExpandedRowModel(),\n filterFromLeafRows: true,\n // debugTable: true,\n meta: {\n isExpandable: !!isExpandable,\n isLoading: isLoading,\n children: children,\n ...meta,\n },\n })\n\n // Update tableRef whenever the table instance changes.\n // This ensures handleRowSelectForKeydown uses the current table instance.\n useEffect(() => {\n tableRef.current = table\n }, [table])\n\n const { rows } = table.getRowModel()\n\n //The virtualizer needs to know the scrollable container element\n const tableContainerRef = useRef<HTMLDivElement>(null)\n\n const rowVirtualizer = useVirtualizer({\n count: rows.length,\n estimateSize: () => rowHeight \|\| 34, //estimate row height for accurate scrollbar dragging\n getScrollElement: () => tableContainerRef.current,\n //measure dynamic row height, except in firefox because it measures table border height incorrectly\n measureElement: rowHeight\n ? () => rowHeight\n : typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1\n ? (element) => element?.getBoundingClientRect().height\n : undefined,\n overscan: 5,\n })\n\n // Memoize the ref callback to prevent infinite re-renders\n const measureElementRef = useCallback(\n (node: HTMLElement \| null) => {\n if (node) {\n rowVirtualizer.measureElement(node)\n }\n },\n [rowVirtualizer],\n )\n\n // Handle scroll to bottom detection\n const handleScroll = useCallback(\n (event: React.UIEvent<HTMLDivElement>) => {\n if (!onScrollBottom) return\n\n const target = event.currentTarget\n const { scrollTop, scrollHeight, clientHeight } = target\n\n // Check if we're near the bottom (within 100px)\n const isNearBottom = scrollHeight - scrollTop - clientHeight < 100\n\n if (isNearBottom && !isLoading) {\n onScrollBottom()\n }\n },\n [onScrollBottom, isLoading],\n )\n\n const handleContainerClick = (e: React.MouseEvent<HTMLDivElement>) => {\n // if the click is outside of any row, clear selection\n if (enableClickToDeselect && !(e.target as HTMLElement).closest('tr')) {\n table.setRowSelection({})\n lastSelectedIdRef.current = null\n }\n }\n\n return (\n <Styled.TableContainer\n ref={tableContainerRef}\n onScroll={handleScroll}\n onClick={handleContainerClick}\n {...props}\n className={clsx(props.className, { isLoading, fitContent })}\n >\n {!error && (\n <table>\n <tbody\n style={{\n height: `${rowVirtualizer?.getTotalSize()}px`, //tells scrollbar how big the table is\n }}\n >\n {rowVirtualizer?.getVirtualItems().map((virtualRow) => {\n const row = rows[virtualRow.index] as Row<SimpleTableRow>\n return (\n <tr\n data-index={virtualRow.index} //needed for dynamic row height measurement\n ref={measureElementRef} //measure dynamic row height\n key={row.id}\n id={row.id}\n {...pt?.row}\n style={{\n transform: `translateY(${virtualRow.start}px)`, //this should always be a `style` as it changes on scroll\n ...pt?.row?.style, // custom styles to be passed\n }}\n >\n {row.getVisibleCells().map((cell) => {\n return (\n <td key={cell.id}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </td>\n )\n })}\n </tr>\n )\n })}\n </tbody>\n </table>\n )}\n {!!error && <EmptyPlaceholder error={error} />}\n </Styled.TableContainer>\n )\n}\n\nexport default SimpleTable\n"],"names":["fuzzyFilter","row","columnId","searchValue","addMeta","cellValue","searchString","itemRank","rankItem","rankings","fuzzySort","rowA","rowB","dir","compareItems","sortingFns","getRowRange","rows","idA","idB","range","singleRow","indexA","indexB","i","start","end","SimpleTable","data","isLoading","error","isExpandable","isMultiSelect","enableClickToDeselect","enableNonFolderIndent","forceUpdateTable","globalFilter","meta","rowHeight","imgRatio","onScrollBottom","children","pt","fitContent","props","rowSelection","expanded","setExpanded","onExpandedChange","onRowSelectionChange","rowPinning","onRowPinningChange","useSimpleTableContext","lastSelectedIdRef","useRef","tableRef","tableData","useMemo","_","handleSelectionLogic","useCallback","tableInstance","rowId","isShift","isCtrlOrMeta","currentId","allProcessableRows","currentRow","r","lastId","rowsToToggle","newSelection","handleRowSelectForKeydown","event","selectedRow","isShiftKey","isCtrlKey","handleArrowNavigation","direction","visibleRows","currentIndex","nextIndex","nextRow","nextCell","handleRowKeyDown","useRowKeydown","columns","getValue","cellTableInstance","cellMeta","handleCellClick","clsx","e","jsx","SimpleTableCellTemplate","handleRowSelectionChangeCallback","updater","functionalUpdate","handleRowPinningChangeCallback","handleExpandedChange","old","newExpanded","table","useReactTable","getCoreRowModel","getFilteredRowModel","getExpandedRowModel","useEffect","tableContainerRef","rowVirtualizer","useVirtualizer","element","measureElementRef","node","handleScroll","target","scrollTop","scrollHeight","clientHeight","handleContainerClick","jsxs","Styled.TableContainer","virtualRow","cell","flexRender","EmptyPlaceholder"],"mappings":"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"}
1	+ {"version":3,"file":"SimpleTable.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import { FC, useMemo, useRef, MouseEvent as ReactMouseEvent, useCallback, useEffect } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport {\n useReactTable,\n getCoreRowModel,\n getFilteredRowModel,\n getExpandedRowModel,\n ColumnDef,\n flexRender,\n Row,\n FilterFn,\n SortingFn,\n sortingFns,\n RowData,\n Table,\n OnChangeFn,\n RowSelectionState,\n functionalUpdate,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nimport clsx from 'clsx'\nimport useRowKeydown, { RowKeyboardEvent } from './hooks/useRowKeydown'\n\nimport { RankingInfo, rankItem, compareItems, rankings } from '@tanstack/match-sorter-utils'\nimport { useSimpleTableContext } from './context/SimpleTableContext'\nimport { SimpleTableCellTemplate, SimpleTableCellTemplateProps } from './SimpleTableRowTemplate'\nimport { EmptyPlaceholder } from '@shared/components'\nimport { RowPinningState } from '@tanstack/react-table'\n\ndeclare module '@tanstack/react-table' {\n //add fuzzy filter to the filterFns\n interface FilterFns {\n fuzzy: FilterFn<unknown>\n }\n interface FilterMeta {\n itemRank: RankingInfo\n }\n\n interface TableMeta<TData extends RowData> {\n isExpandable?: boolean\n isLoading?: boolean\n children?: (\n props: SimpleTableCellTemplateProps,\n row: Row<TData>,\n table: Table<SimpleTableRow>,\n ) => JSX.Element\n [key: string]: any\n }\n}\n\n// Define a custom fuzzy filter function that will apply ranking info to rows (using match-sorter utils)\nconst fuzzyFilter: FilterFn<any> = (row, columnId, searchValue, addMeta) => {\n const cellValue = row.getValue(columnId)\n // convert non-string cell values to string\n let searchString =\n typeof cellValue === 'string'\n ? cellValue\n : Array.isArray(cellValue)\n ? cellValue.join(' ')\n : JSON.stringify(cellValue)\n\n // combine label and parents into a single string for searching if columnId is 'label'\n if (columnId === 'label') {\n searchString = [row.original.label, row.original.name, ...(row.original.parents \|\| [])].join(\n ' ',\n )\n }\n\n // Rank the item with CONTAINS threshold to avoid overly permissive fuzzy matches\n // This ensures the search term must be a substring, not just scattered characters\n const itemRank = rankItem(searchString, searchValue, { threshold: rankings.CONTAINS })\n\n // Store the itemRank info\n addMeta({\n itemRank,\n })\n\n // Return if the item should be filtered in/out\n return itemRank.passed\n}\n\n// Define a custom fuzzy sort function that will sort by rank if the row has ranking information\nconst fuzzySort: SortingFn<any> = (rowA, rowB, columnId) => {\n let dir = 0\n\n // Only sort by rank if the column has ranking information\n if (rowA.columnFiltersMeta[columnId]) {\n dir = compareItems(\n rowA.columnFiltersMeta[columnId]?.itemRank!,\n rowB.columnFiltersMeta[columnId]?.itemRank!,\n )\n }\n\n // Provide an alphanumeric fallback for when the item ranks are equal\n return dir === 0 ? sortingFns.alphanumeric(rowA, rowB, columnId) : dir\n}\n\nexport type RowItemData = {\n id: string\n name?: string \| null\n label?: string \| null\n subType?: string \| null\n [key: string]: any\n}\n\nexport type SimpleTableRow = {\n id: string\n parentId?: string\n name: string\n label: string\n parents?: string[]\n icon?: string \| null\n iconColor?: string\n iconFilled?: boolean\n img?: string \| null\n imgShape?: 'square' \| 'circle'\n startContent?: JSX.Element\n endContent?: JSX.Element\n subRows: SimpleTableRow[]\n data: RowItemData\n isDisabled?: boolean\n disabledMessage?: string\n inactive?: boolean\n}\n\nexport interface SimpleTableProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n data: SimpleTableRow[]\n isLoading: boolean\n error?: string\n isExpandable?: boolean // show expand/collapse icons\n isMultiSelect?: boolean // enable multi-select with shift+click and ctrl/cmd+click\n enableClickToDeselect?: boolean // allow deselecting a single selected row by clicking it again & clicking outside clears selection\n enableNonFolderIndent?: boolean // indent non-folder rows to align with folder rows\n forceUpdateTable?: any\n globalFilter?: string\n meta?: Record<string, any>\n rowHeight?: number // height of each row, used for virtual scrolling\n imgRatio?: number\n onScrollBottom?: () => void // callback fired when scrolled to the bottom of the table\n fitContent?: boolean\n children?: (\n props: SimpleTableCellTemplateProps,\n row: Row<SimpleTableRow>,\n table: Table<SimpleTableRow>,\n ) => JSX.Element\n pt?: {\n cell?: Partial<SimpleTableCellTemplateProps>\n row?: Partial<React.HTMLAttributes<HTMLTableRowElement>>\n }\n}\n\n// Helper function to get row range for shift-selection\n// Operates on the provided list of rows (e.g., filtered and sorted rows)\nfunction getRowRange<TData extends RowData>(\n rows: Array<Row<TData>>,\n idA: string,\n idB: string,\n): Array<Row<TData>> {\n const range: Array<Row<TData>> = []\n // If idA and idB are the same, or one is not found, handle appropriately\n if (idA === idB) {\n const singleRow = rows.find((row) => row.id === idA)\n return singleRow ? [singleRow] : []\n }\n\n let indexA = -1\n let indexB = -1\n\n for (let i = 0; i < rows.length; i++) {\n if (rows[i].id === idA) indexA = i\n if (rows[i].id === idB) indexB = i\n if (indexA !== -1 && indexB !== -1) break\n }\n\n if (indexA === -1 \|\| indexB === -1) return [] // One or both IDs not found\n\n const start = Math.min(indexA, indexB)\n const end = Math.max(indexA, indexB)\n\n for (let i = start; i <= end; i++) {\n range.push(rows[i])\n }\n return range\n}\n\nconst SimpleTable: FC<SimpleTableProps> = ({\n data = [],\n isLoading,\n error,\n isExpandable,\n isMultiSelect = true,\n enableClickToDeselect = true,\n enableNonFolderIndent = true,\n forceUpdateTable,\n globalFilter,\n meta,\n rowHeight,\n imgRatio,\n onScrollBottom,\n children,\n pt,\n fitContent,\n ...props\n}) => {\n const {\n rowSelection,\n expanded,\n setExpanded,\n onExpandedChange,\n onRowSelectionChange,\n rowPinning,\n onRowPinningChange,\n } = useSimpleTableContext()\n const lastSelectedIdRef = useRef<string \| null>(null)\n const tableRef = useRef<Table<SimpleTableRow> \| null>(null)\n\n // stable data reference\n const tableData = useMemo(() => {\n if (!isLoading) return data\n\n // show loading placeholders\n return Array.from({ length: 10 }, (_, i) => ({\n id: `placeholder-${i}`,\n name: `placeholder-${i}`,\n label: `placeholder-${i}`,\n icon: null,\n img: null,\n subRows: [],\n data: {\n id: `placeholder-${i}`,\n },\n }))\n }, [isLoading, data, forceUpdateTable])\n\n // Define the core selection logic using useCallback for stability\n const handleSelectionLogic = useCallback(\n (\n tableInstance: Table<SimpleTableRow>,\n rowId: string,\n isShift: boolean,\n isCtrlOrMeta: boolean,\n ) => {\n const currentId = rowId\n const allProcessableRows = tableInstance.getFilteredRowModel().flatRows\n const currentRow = allProcessableRows.find((r) => r.id === currentId)\n\n if (!currentRow) return\n\n // Prevent selection of disabled rows\n if (currentRow.original.isDisabled) return\n\n // If click-to-deselect is enabled and only one row is selected and it's the current row\n if (\n enableClickToDeselect &&\n !isShift &&\n !isCtrlOrMeta &&\n Object.keys(tableInstance.getState().rowSelection).length === 1 &&\n tableInstance.getState().rowSelection[currentId]\n ) {\n tableInstance.setRowSelection({})\n lastSelectedIdRef.current = null\n return\n }\n\n if (isMultiSelect && isShift && lastSelectedIdRef.current) {\n const lastId = lastSelectedIdRef.current\n const anchorRow = allProcessableRows.find((r) => r.id === lastId)\n\n if (!anchorRow) {\n tableInstance.setRowSelection({ [currentId]: true })\n } else {\n const rowsToToggle = getRowRange(allProcessableRows, currentId, lastId)\n const newSelection: RowSelectionState = {}\n rowsToToggle.forEach((r) => (newSelection[r.id] = true))\n tableInstance.setRowSelection(newSelection)\n }\n } else if (isMultiSelect && isCtrlOrMeta) {\n currentRow.toggleSelected()\n } else {\n tableInstance.setRowSelection({ [currentId]: true })\n }\n lastSelectedIdRef.current = currentId\n },\n [isMultiSelect, enableClickToDeselect],\n )\n\n // Callback for useRowKeydown's handleRowSelect prop\n // Uses tableRef to access the table instance, avoiding direct dependency on 'table' variable at definition time\n const handleRowSelectForKeydown = useCallback(\n (\n event: RowKeyboardEvent, // Use the specific keyboard event type from the hook\n selectedRow: Row<SimpleTableRow>,\n ) => {\n if (!tableRef.current) {\n console.warn('tableRef not yet available in handleRowSelectForKeydown')\n return\n }\n\n // Extract modifier keys from the event\n const isShiftKey = event.shiftKey\n const isCtrlKey = event.ctrlKey \|\| event.metaKey\n\n handleSelectionLogic(\n tableRef.current, // Pass the main table instance\n selectedRow.id,\n isShiftKey,\n isCtrlKey,\n )\n },\n [handleSelectionLogic], // Depends only on handleSelectionLogic\n )\n\n // Handle arrow key navigation\n const handleArrowNavigation = useCallback(\n (direction: 'up' \| 'down', currentRow: Row<SimpleTableRow>, event: RowKeyboardEvent) => {\n if (!tableRef.current) return\n\n // Use the row model which respects expanded state, not filtered model\n const visibleRows = tableRef.current.getRowModel().rows\n const currentIndex = visibleRows.findIndex((r) => r.id === currentRow.id)\n\n if (currentIndex === -1) return\n\n let nextIndex = direction === 'down' ? currentIndex + 1 : currentIndex - 1\n\n // Check bounds\n if (nextIndex < 0 \|\| nextIndex >= visibleRows.length) return\n\n // Skip disabled rows\n while (nextIndex >= 0 && nextIndex < visibleRows.length) {\n const nextRow = visibleRows[nextIndex]\n if (!nextRow.original.isDisabled) {\n // Found a valid row\n // Select the next row\n handleSelectionLogic(\n tableRef.current,\n nextRow.id,\n event.shiftKey,\n event.ctrlKey \|\| event.metaKey,\n )\n\n // Focus the next row's cell\n requestAnimationFrame(() => {\n const nextRowElement = document.getElementById(nextRow.id)\n const nextCell = nextRowElement?.querySelector('[tabindex=\"0\"]') as HTMLElement\n if (nextCell) {\n nextCell.focus()\n nextCell.scrollIntoView({ block: 'nearest', behavior: 'smooth' })\n }\n })\n return\n }\n // Move to next row if current is disabled\n nextIndex = direction === 'down' ? nextIndex + 1 : nextIndex - 1\n }\n },\n [handleSelectionLogic],\n )\n\n const { handleRowKeyDown } = useRowKeydown<SimpleTableRow>({\n handleRowSelect: handleRowSelectForKeydown,\n handleArrowNavigation,\n })\n\n const columns = useMemo<ColumnDef<SimpleTableRow>[]>(\n () => [\n {\n accessorKey: 'label',\n header: undefined,\n filterFn: 'fuzzy',\n sortingFn: fuzzySort, //sort by fuzzy rank (falls back to alphanumeric)\n cell: ({ row, getValue, table: cellTableInstance }) => {\n const cellMeta = cellTableInstance.options.meta\n\n const handleCellClick = (event: ReactMouseEvent<HTMLElement, MouseEvent>) => {\n // Prevent row selection if clicking on an interactive element within the cell\n if (\n event.target instanceof HTMLInputElement \|\|\n event.target instanceof HTMLButtonElement \|\|\n event.target instanceof HTMLTextAreaElement \|\|\n event.target instanceof HTMLSelectElement \|\|\n event.target instanceof HTMLAnchorElement \|\|\n (event.target as HTMLElement).closest('button, a, input, textarea, select')\n ) {\n return\n }\n handleSelectionLogic(\n cellTableInstance, // Pass the cell's table instance\n row.id,\n event.shiftKey,\n event.ctrlKey \|\| event.metaKey,\n )\n }\n\n const props: SimpleTableCellTemplateProps & {\n onClick?: (event: ReactMouseEvent<HTMLElement, MouseEvent>) => void\n } = {\n className: clsx({\n selected: row.getIsSelected(),\n loading: cellMeta?.isLoading,\n disabled: row.original.isDisabled, // you can't select disabled rows\n inactive: row.original.inactive, // false: archived items but still selectable\n }),\n onKeyDown: (e) => {\n if (e.target instanceof HTMLInputElement) return\n // Corrected typo: handleRowKeydown -> handleRowKeyDown\n handleRowKeyDown(e, row)\n },\n depth: row.depth,\n tabIndex: 0,\n value: getValue<string>(),\n parents: row.original.parents,\n icon: row.original.icon \|\| undefined,\n iconColor: row.original.iconColor,\n iconFilled: row.original.iconFilled,\n img: row.original.img,\n imgShape: row.original.imgShape,\n imgRatio: imgRatio,\n isRowExpandable: row.getCanExpand(),\n enableNonFolderIndent,\n isRowExpanded: row.getIsExpanded(),\n isTableExpandable: cellMeta?.isExpandable,\n onExpandClick: row.getToggleExpandedHandler(),\n startContent: row.original.startContent,\n endContent: row.original.endContent,\n isDisabled: row.original.isDisabled,\n disabledMessage: row.original.disabledMessage,\n ...pt?.cell,\n onClick: handleCellClick, // Added onClick handler\n }\n\n // Use children function if provided, otherwise default to SimpleTableCellTemplate\n return cellMeta?.children ? (\n cellMeta.children(props, row, cellTableInstance)\n ) : (\n <SimpleTableCellTemplate {...props} {...pt?.cell} />\n )\n },\n },\n ],\n [\n forceUpdateTable,\n handleSelectionLogic,\n handleRowKeyDown,\n enableClickToDeselect,\n enableNonFolderIndent,\n imgRatio,\n ], // include enableClickToDeselect for completeness\n )\n\n const handleRowSelectionChangeCallback: OnChangeFn<RowSelectionState> = useCallback(\n (updater) => {\n onRowSelectionChange(functionalUpdate(updater, rowSelection))\n },\n [onRowSelectionChange],\n )\n\n const handleRowPinningChangeCallback: OnChangeFn<RowPinningState> = useCallback(\n (updater) => {\n onRowPinningChange?.(functionalUpdate(updater, rowPinning \|\| {}))\n },\n [onRowPinningChange],\n )\n\n const handleExpandedChange = useCallback(\n (updater: any) => {\n setExpanded?.((old) => {\n const newExpanded = updater instanceof Function ? updater(old) : updater\n onExpandedChange?.(newExpanded)\n return newExpanded\n })\n },\n [setExpanded],\n )\n\n const table = useReactTable({\n data: tableData,\n columns,\n state: {\n expanded,\n rowSelection,\n globalFilter,\n rowPinning,\n },\n onRowSelectionChange: handleRowSelectionChangeCallback,\n onRowPinningChange: handleRowPinningChangeCallback,\n filterFns: {\n fuzzy: fuzzyFilter,\n },\n globalFilterFn: 'fuzzy',\n enableRowSelection: true, //enable row selection for all rows\n enableRowPinning: !!onRowPinningChange,\n getRowId: (row) => row.id,\n enableSubRowSelection: false, //disable sub row selection\n onExpandedChange: handleExpandedChange,\n getSubRows: (row) => row.subRows,\n getCoreRowModel: getCoreRowModel(),\n getFilteredRowModel: getFilteredRowModel(),\n getExpandedRowModel: getExpandedRowModel(),\n filterFromLeafRows: true,\n // debugTable: true,\n meta: {\n isExpandable: !!isExpandable,\n isLoading: isLoading,\n children: children,\n ...meta,\n },\n })\n\n // Update tableRef whenever the table instance changes.\n // This ensures handleRowSelectForKeydown uses the current table instance.\n useEffect(() => {\n tableRef.current = table\n }, [table])\n\n const { rows } = table.getRowModel()\n\n //The virtualizer needs to know the scrollable container element\n const tableContainerRef = useRef<HTMLDivElement>(null)\n\n const rowVirtualizer = useVirtualizer({\n count: rows.length,\n estimateSize: () => rowHeight \|\| 34, //estimate row height for accurate scrollbar dragging\n getScrollElement: () => tableContainerRef.current,\n //measure dynamic row height, except in firefox because it measures table border height incorrectly\n measureElement: rowHeight\n ? () => rowHeight\n : typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1\n ? (element) => element?.getBoundingClientRect().height\n : undefined,\n overscan: 5,\n })\n\n // Memoize the ref callback to prevent infinite re-renders\n const measureElementRef = useCallback(\n (node: HTMLElement \| null) => {\n if (node) {\n rowVirtualizer.measureElement(node)\n }\n },\n [rowVirtualizer],\n )\n\n // Handle scroll to bottom detection\n const handleScroll = useCallback(\n (event: React.UIEvent<HTMLDivElement>) => {\n if (!onScrollBottom) return\n\n const target = event.currentTarget\n const { scrollTop, scrollHeight, clientHeight } = target\n\n // Check if we're near the bottom (within 100px)\n const isNearBottom = scrollHeight - scrollTop - clientHeight < 100\n\n if (isNearBottom && !isLoading) {\n onScrollBottom()\n }\n },\n [onScrollBottom, isLoading],\n )\n\n const handleContainerClick = (e: React.MouseEvent<HTMLDivElement>) => {\n // if the click is outside of any row, clear selection\n if (enableClickToDeselect && !(e.target as HTMLElement).closest('tr')) {\n table.setRowSelection({})\n lastSelectedIdRef.current = null\n }\n }\n\n return (\n <Styled.TableContainer\n ref={tableContainerRef}\n onScroll={handleScroll}\n onClick={handleContainerClick}\n {...props}\n className={clsx(props.className, { isLoading, fitContent })}\n >\n {!error && (\n <table>\n <tbody\n style={{\n height: `${rowVirtualizer?.getTotalSize()}px`, //tells scrollbar how big the table is\n }}\n >\n {rowVirtualizer?.getVirtualItems().map((virtualRow) => {\n const row = rows[virtualRow.index] as Row<SimpleTableRow>\n return (\n <tr\n data-index={virtualRow.index} //needed for dynamic row height measurement\n ref={measureElementRef} //measure dynamic row height\n key={row.id}\n id={row.id}\n {...pt?.row}\n style={{\n transform: `translateY(${virtualRow.start}px)`, //this should always be a `style` as it changes on scroll\n ...pt?.row?.style, // custom styles to be passed\n }}\n >\n {row.getVisibleCells().map((cell) => {\n return (\n <td key={cell.id}>\n {flexRender(cell.column.columnDef.cell, cell.getContext())}\n </td>\n )\n })}\n </tr>\n )\n })}\n </tbody>\n </table>\n )}\n {!!error && <EmptyPlaceholder error={error} />}\n </Styled.TableContainer>\n )\n}\n\nexport default SimpleTable\n"],"names":["fuzzyFilter","row","columnId","searchValue","addMeta","cellValue","searchString","itemRank","rankItem","rankings","fuzzySort","rowA","rowB","dir","compareItems","sortingFns","getRowRange","rows","idA","idB","range","singleRow","indexA","indexB","i","start","end","SimpleTable","data","isLoading","error","isExpandable","isMultiSelect","enableClickToDeselect","enableNonFolderIndent","forceUpdateTable","globalFilter","meta","rowHeight","imgRatio","onScrollBottom","children","pt","fitContent","props","rowSelection","expanded","setExpanded","onExpandedChange","onRowSelectionChange","rowPinning","onRowPinningChange","useSimpleTableContext","lastSelectedIdRef","useRef","tableRef","tableData","useMemo","_","handleSelectionLogic","useCallback","tableInstance","rowId","isShift","isCtrlOrMeta","currentId","allProcessableRows","currentRow","r","lastId","rowsToToggle","newSelection","handleRowSelectForKeydown","event","selectedRow","isShiftKey","isCtrlKey","handleArrowNavigation","direction","visibleRows","currentIndex","nextIndex","nextRow","nextCell","handleRowKeyDown","useRowKeydown","columns","getValue","cellTableInstance","cellMeta","handleCellClick","clsx","e","jsx","SimpleTableCellTemplate","handleRowSelectionChangeCallback","updater","functionalUpdate","handleRowPinningChangeCallback","handleExpandedChange","old","newExpanded","table","useReactTable","getCoreRowModel","getFilteredRowModel","getExpandedRowModel","useEffect","tableContainerRef","rowVirtualizer","useVirtualizer","element","measureElementRef","node","handleScroll","target","scrollTop","scrollHeight","clientHeight","handleContainerClick","jsxs","Styled.TableContainer","virtualRow","cell","flexRender","EmptyPlaceholder"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoDA,MAAMA,KAA6B,CAACC,GAAKC,GAAUC,GAAaC,MAAY;AAC1E,QAAMC,IAAYJ,EAAI,SAASC,CAAQ;AAEvC,MAAII,IACF,OAAOD,KAAc,WACjBA,IACA,MAAM,QAAQA,CAAS,IACvBA,EAAU,KAAK,GAAG,IAClB,KAAK,UAAUA,CAAS;AAG9B,EAAIH,MAAa,YACfI,IAAe,CAACL,EAAI,SAAS,OAAOA,EAAI,SAAS,MAAM,GAAIA,EAAI,SAAS,WAAW,CAAA,CAAG,EAAE;AAAA,IACtF;AAAA,EAAA;AAMJ,QAAMM,IAAWC,GAASF,GAAcH,GAAa,EAAE,WAAWM,GAAS,UAAU;AAGrF,SAAAL,EAAQ;AAAA,IACN,UAAAG;AAAA,EAAA,CACD,GAGMA,EAAS;AAClB,GAGMG,KAA4B,CAACC,GAAMC,GAAMV,MAAa;AAC1D,MAAIW,IAAM;AAGV,SAAIF,EAAK,kBAAkBT,CAAQ,MACjCW,IAAMC;AAAA,IACJH,EAAK,kBAAkBT,CAAQ,GAAG;AAAA,IAClCU,EAAK,kBAAkBV,CAAQ,GAAG;AAAA,EAAA,IAK/BW,MAAQ,IAAIE,GAAW,aAAaJ,GAAMC,GAAMV,CAAQ,IAAIW;AACrE;AA0DA,SAASG,GACPC,GACAC,GACAC,GACmB;AACnB,QAAMC,IAA2B,CAAA;AAEjC,MAAIF,MAAQC,GAAK;AACf,UAAME,IAAYJ,EAAK,KAAK,CAAChB,MAAQA,EAAI,OAAOiB,CAAG;AACnD,WAAOG,IAAY,CAACA,CAAS,IAAI,CAAA;AAAA,EACnC;AAEA,MAAIC,IAAS,IACTC,IAAS;AAEb,WAASC,IAAI,GAAGA,IAAIP,EAAK,WACnBA,EAAKO,CAAC,EAAE,OAAON,MAAKI,IAASE,IAC7BP,EAAKO,CAAC,EAAE,OAAOL,MAAKI,IAASC,IAC7B,EAAAF,MAAW,MAAMC,MAAW,MAHDC;AAG/B;AAGF,MAAIF,MAAW,MAAMC,MAAW,WAAW,CAAA;AAE3C,QAAME,IAAQ,KAAK,IAAIH,GAAQC,CAAM,GAC/BG,IAAM,KAAK,IAAIJ,GAAQC,CAAM;AAEnC,WAASC,IAAIC,GAAOD,KAAKE,GAAKF;AAC5B,IAAAJ,EAAM,KAAKH,EAAKO,CAAC,CAAC;AAEpB,SAAOJ;AACT;AAEA,MAAMO,KAAoC,CAAC;AAAA,EACzC,MAAAC,IAAO,CAAA;AAAA,EACP,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,cAAAC;AAAA,EACA,eAAAC,IAAgB;AAAA,EAChB,uBAAAC,IAAwB;AAAA,EACxB,uBAAAC,IAAwB;AAAA,EACxB,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,IAAAC;AAAA,EACA,YAAAC;AAAA,EACA,GAAGC;AACL,MAAM;AACJ,QAAM;AAAA,IACJ,cAAAC;AAAA,IACA,UAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,sBAAAC;AAAA,IACA,YAAAC;AAAA,IACA,oBAAAC;AAAA,EAAA,IACEC,GAAA,GACEC,IAAoBC,EAAsB,IAAI,GAC9CC,IAAWD,EAAqC,IAAI,GAGpDE,IAAYC,EAAQ,MACnB5B,IAGE,MAAM,KAAK,EAAE,QAAQ,MAAM,CAAC6B,GAAGlC,OAAO;AAAA,IAC3C,IAAI,eAAeA,CAAC;AAAA,IACpB,MAAM,eAAeA,CAAC;AAAA,IACtB,OAAO,eAAeA,CAAC;AAAA,IACvB,MAAM;AAAA,IACN,KAAK;AAAA,IACL,SAAS,CAAA;AAAA,IACT,MAAM;AAAA,MACJ,IAAI,eAAeA,CAAC;AAAA,IAAA;AAAA,EACtB,EACA,IAbqBI,GActB,CAACC,GAAWD,GAAMO,CAAgB,CAAC,GAGhCwB,IAAuBC;AAAA,IAC3B,CACEC,GACAC,GACAC,GACAC,MACG;AACH,YAAMC,IAAYH,GACZI,IAAqBL,EAAc,oBAAA,EAAsB,UACzDM,IAAaD,EAAmB,KAAK,CAACE,MAAMA,EAAE,OAAOH,CAAS;AAEpE,UAAKE,KAGD,CAAAA,EAAW,SAAS,YAGxB;AAAA,YACElC,KACA,CAAC8B,KACD,CAACC,KACD,OAAO,KAAKH,EAAc,SAAA,EAAW,YAAY,EAAE,WAAW,KAC9DA,EAAc,WAAW,aAAaI,CAAS,GAC/C;AACA,UAAAJ,EAAc,gBAAgB,EAAE,GAChCR,EAAkB,UAAU;AAC5B;AAAA,QACF;AAEA,YAAIrB,KAAiB+B,KAAWV,EAAkB,SAAS;AACzD,gBAAMgB,IAAShB,EAAkB;AAGjC,cAAI,CAFca,EAAmB,KAAK,CAACE,MAAMA,EAAE,OAAOC,CAAM;AAG9D,YAAAR,EAAc,gBAAgB,EAAE,CAACI,CAAS,GAAG,IAAM;AAAA,eAC9C;AACL,kBAAMK,IAAetD,GAAYkD,GAAoBD,GAAWI,CAAM,GAChEE,IAAkC,CAAA;AACxC,YAAAD,EAAa,QAAQ,CAACF,OAAOG,EAAaH,GAAE,EAAE,IAAI,EAAK,GACvDP,EAAc,gBAAgBU,CAAY;AAAA,UAC5C;AAAA,QACF,MAAA,CAAWvC,KAAiBgC,IAC1BG,EAAW,eAAA,IAEXN,EAAc,gBAAgB,EAAE,CAACI,CAAS,GAAG,IAAM;AAErD,QAAAZ,EAAkB,UAAUY;AAAA;AAAA,IAC9B;AAAA,IACA,CAACjC,GAAeC,CAAqB;AAAA,EAAA,GAKjCuC,IAA4BZ;AAAA,IAChC,CACEa,GACAC,MACG;AACH,UAAI,CAACnB,EAAS,SAAS;AACrB,gBAAQ,KAAK,yDAAyD;AACtE;AAAA,MACF;AAGA,YAAMoB,IAAaF,EAAM,UACnBG,IAAYH,EAAM,WAAWA,EAAM;AAEzC,MAAAd;AAAA,QACEJ,EAAS;AAAA;AAAA,QACTmB,EAAY;AAAA,QACZC;AAAA,QACAC;AAAA,MAAA;AAAA,IAEJ;AAAA,IACA,CAACjB,CAAoB;AAAA;AAAA,EAAA,GAIjBkB,IAAwBjB;AAAA,IAC5B,CAACkB,GAA0BX,GAAiCM,MAA4B;AACtF,UAAI,CAAClB,EAAS,QAAS;AAGvB,YAAMwB,IAAcxB,EAAS,QAAQ,YAAA,EAAc,MAC7CyB,IAAeD,EAAY,UAAU,CAACX,MAAMA,EAAE,OAAOD,EAAW,EAAE;AAExE,UAAIa,MAAiB,GAAI;AAEzB,UAAIC,IAAYH,MAAc,SAASE,IAAe,IAAIA,IAAe;AAGzE,UAAI,EAAAC,IAAY,KAAKA,KAAaF,EAAY;AAG9C,eAAOE,KAAa,KAAKA,IAAYF,EAAY,UAAQ;AACvD,gBAAMG,IAAUH,EAAYE,CAAS;AACrC,cAAI,CAACC,EAAQ,SAAS,YAAY;AAGhC,YAAAvB;AAAA,cACEJ,EAAS;AAAA,cACT2B,EAAQ;AAAA,cACRT,EAAM;AAAA,cACNA,EAAM,WAAWA,EAAM;AAAA,YAAA,GAIzB,sBAAsB,MAAM;AAE1B,oBAAMU,IADiB,SAAS,eAAeD,EAAQ,EAAE,GACxB,cAAc,gBAAgB;AAC/D,cAAIC,MACFA,EAAS,MAAA,GACTA,EAAS,eAAe,EAAE,OAAO,WAAW,UAAU,UAAU;AAAA,YAEpE,CAAC;AACD;AAAA,UACF;AAEA,UAAAF,IAAYH,MAAc,SAASG,IAAY,IAAIA,IAAY;AAAA,QACjE;AAAA,IACF;AAAA,IACA,CAACtB,CAAoB;AAAA,EAAA,GAGjB,EAAE,kBAAAyB,EAAA,IAAqBC,GAA8B;AAAA,IACzD,iBAAiBb;AAAA,IACjB,uBAAAK;AAAA,EAAA,CACD,GAEKS,IAAU7B;AAAA,IACd,MAAM;AAAA,MACJ;AAAA,QACE,aAAa;AAAA,QACb,QAAQ;AAAA,QACR,UAAU;AAAA,QACV,WAAW/C;AAAA;AAAA,QACX,MAAM,CAAC,EAAE,KAAAT,GAAK,UAAAsF,GAAU,OAAOC,QAAwB;AACrD,gBAAMC,IAAWD,EAAkB,QAAQ,MAErCE,IAAkB,CAACjB,MAAoD;AAE3E,YACEA,EAAM,kBAAkB,oBACxBA,EAAM,kBAAkB,qBACxBA,EAAM,kBAAkB,uBACxBA,EAAM,kBAAkB,qBACxBA,EAAM,kBAAkB,qBACvBA,EAAM,OAAuB,QAAQ,oCAAoC,KAI5Ed;AAAA,cACE6B;AAAA;AAAA,cACAvF,EAAI;AAAA,cACJwE,EAAM;AAAA,cACNA,EAAM,WAAWA,EAAM;AAAA,YAAA;AAAA,UAE3B,GAEM7B,IAEF;AAAA,YACF,WAAW+C,EAAK;AAAA,cACd,UAAU1F,EAAI,cAAA;AAAA,cACd,SAASwF,GAAU;AAAA,cACnB,UAAUxF,EAAI,SAAS;AAAA;AAAA,cACvB,UAAUA,EAAI,SAAS;AAAA;AAAA,YAAA,CACxB;AAAA,YACD,WAAW,CAAC2F,MAAM;AAChB,cAAIA,EAAE,kBAAkB,oBAExBR,EAAiBQ,GAAG3F,CAAG;AAAA,YACzB;AAAA,YACA,OAAOA,EAAI;AAAA,YACX,UAAU;AAAA,YACV,OAAOsF,EAAA;AAAA,YACP,SAAStF,EAAI,SAAS;AAAA,YACtB,MAAMA,EAAI,SAAS,QAAQ;AAAA,YAC3B,WAAWA,EAAI,SAAS;AAAA,YACxB,YAAYA,EAAI,SAAS;AAAA,YACzB,KAAKA,EAAI,SAAS;AAAA,YAClB,UAAUA,EAAI,SAAS;AAAA,YACvB,UAAAsC;AAAA,YACA,iBAAiBtC,EAAI,aAAA;AAAA,YACrB,uBAAAiC;AAAA,YACA,eAAejC,EAAI,cAAA;AAAA,YACnB,mBAAmBwF,GAAU;AAAA,YAC7B,eAAexF,EAAI,yBAAA;AAAA,YACnB,cAAcA,EAAI,SAAS;AAAA,YAC3B,YAAYA,EAAI,SAAS;AAAA,YACzB,YAAYA,EAAI,SAAS;AAAA,YACzB,iBAAiBA,EAAI,SAAS;AAAA,YAC9B,GAAGyC,GAAI;AAAA,YACP,SAASgD;AAAA;AAAA,UAAA;AAIX,iBAAOD,GAAU,WACfA,EAAS,SAAS7C,GAAO3C,GAAKuF,CAAiB,IAE/CK,gBAAAA,EAAAA,IAACC,IAAA,EAAyB,GAAGlD,GAAQ,GAAGF,GAAI,MAAM;AAAA,QAEtD;AAAA,MAAA;AAAA,IACF;AAAA,IAEF;AAAA,MACEP;AAAA,MACAwB;AAAA,MACAyB;AAAA,MACAnD;AAAA,MACAC;AAAA,MACAK;AAAA,IAAA;AAAA;AAAA,EACF,GAGIwD,IAAkEnC;AAAA,IACtE,CAACoC,MAAY;AACX,MAAA/C,EAAqBgD,EAAiBD,GAASnD,CAAY,CAAC;AAAA,IAC9D;AAAA,IACA,CAACI,CAAoB;AAAA,EAAA,GAGjBiD,KAA8DtC;AAAA,IAClE,CAACoC,MAAY;AACX,MAAA7C,IAAqB8C,EAAiBD,GAAS9C,KAAc,CAAA,CAAE,CAAC;AAAA,IAClE;AAAA,IACA,CAACC,CAAkB;AAAA,EAAA,GAGfgD,KAAuBvC;AAAA,IAC3B,CAACoC,MAAiB;AAChB,MAAAjD,IAAc,CAACqD,MAAQ;AACrB,cAAMC,IAAcL,aAAmB,WAAWA,EAAQI,CAAG,IAAIJ;AACjE,eAAAhD,IAAmBqD,CAAW,GACvBA;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAACtD,CAAW;AAAA,EAAA,GAGRuD,IAAQC,GAAc;AAAA,IAC1B,MAAM/C;AAAA,IACN,SAAA8B;AAAA,IACA,OAAO;AAAA,MACL,UAAAxC;AAAA,MACA,cAAAD;AAAA,MACA,cAAAT;AAAA,MACA,YAAAc;AAAA,IAAA;AAAA,IAEF,sBAAsB6C;AAAA,IACtB,oBAAoBG;AAAA,IACpB,WAAW;AAAA,MACT,OAAOlG;AAAA,IAAA;AAAA,IAET,gBAAgB;AAAA,IAChB,oBAAoB;AAAA;AAAA,IACpB,kBAAkB,CAAC,CAACmD;AAAA,IACpB,UAAU,CAAClD,MAAQA,EAAI;AAAA,IACvB,uBAAuB;AAAA;AAAA,IACvB,kBAAkBkG;AAAA,IAClB,YAAY,CAAClG,MAAQA,EAAI;AAAA,IACzB,iBAAiBuG,GAAA;AAAA,IACjB,qBAAqBC,GAAA;AAAA,IACrB,qBAAqBC,GAAA;AAAA,IACrB,oBAAoB;AAAA;AAAA,IAEpB,MAAM;AAAA,MACJ,cAAc,CAAC,CAAC3E;AAAA,MAChB,WAAAF;AAAA,MACA,UAAAY;AAAA,MACA,GAAGJ;AAAA,IAAA;AAAA,EACL,CACD;AAID,EAAAsE,GAAU,MAAM;AACd,IAAApD,EAAS,UAAU+C;AAAA,EACrB,GAAG,CAACA,CAAK,CAAC;AAEV,QAAM,EAAE,MAAArF,EAAA,IAASqF,EAAM,YAAA,GAGjBM,IAAoBtD,EAAuB,IAAI,GAE/CuD,IAAiBC,GAAe;AAAA,IACpC,OAAO7F,EAAK;AAAA,IACZ,cAAc,MAAMqB,KAAa;AAAA;AAAA,IACjC,kBAAkB,MAAMsE,EAAkB;AAAA;AAAA,IAE1C,gBAAgBtE,IACZ,MAAMA,IACN,OAAO,SAAW,OAAe,UAAU,UAAU,QAAQ,SAAS,MAAM,KAC5E,CAACyE,MAAYA,GAAS,sBAAA,EAAwB,SAC9C;AAAA,IACJ,UAAU;AAAA,EAAA,CACX,GAGKC,KAAoBpD;AAAA,IACxB,CAACqD,MAA6B;AAC5B,MAAIA,KACFJ,EAAe,eAAeI,CAAI;AAAA,IAEtC;AAAA,IACA,CAACJ,CAAc;AAAA,EAAA,GAIXK,KAAetD;AAAA,IACnB,CAACa,MAAyC;AACxC,UAAI,CAACjC,EAAgB;AAErB,YAAM2E,IAAS1C,EAAM,eACf,EAAE,WAAA2C,GAAW,cAAAC,GAAc,cAAAC,EAAA,IAAiBH;AAKlD,MAFqBE,IAAeD,IAAYE,IAAe,OAE3C,CAACzF,KACnBW,EAAA;AAAA,IAEJ;AAAA,IACA,CAACA,GAAgBX,CAAS;AAAA,EAAA,GAGtB0F,KAAuB,CAAC3B,MAAwC;AAEpE,IAAI3D,KAAyB,CAAE2D,EAAE,OAAuB,QAAQ,IAAI,MAClEU,EAAM,gBAAgB,EAAE,GACxBjD,EAAkB,UAAU;AAAA,EAEhC;AAEA,SACEmE,gBAAAA,EAAAA;AAAAA,IAACC;AAAAA,IAAA;AAAA,MACC,KAAKb;AAAA,MACL,UAAUM;AAAA,MACV,SAASK;AAAA,MACR,GAAG3E;AAAA,MACJ,WAAW+C,EAAK/C,EAAM,WAAW,EAAE,WAAAf,GAAW,YAAAc,GAAY;AAAA,MAEzD,UAAA;AAAA,QAAA,CAACb,2BACC,SAAA,EACC,UAAA+D,gBAAAA,EAAAA;AAAAA,UAAC;AAAA,UAAA;AAAA,YACC,OAAO;AAAA,cACL,QAAQ,GAAGgB,GAAgB,aAAA,CAAc;AAAA;AAAA,YAAA;AAAA,YAG1C,UAAAA,GAAgB,gBAAA,EAAkB,IAAI,CAACa,MAAe;AACrD,oBAAMzH,IAAMgB,EAAKyG,EAAW,KAAK;AACjC,qBACE7B,gBAAAA,EAAAA;AAAAA,gBAAC;AAAA,gBAAA;AAAA,kBACC,cAAY6B,EAAW;AAAA,kBACvB,KAAKV;AAAA,kBAEL,IAAI/G,EAAI;AAAA,kBACP,GAAGyC,GAAI;AAAA,kBACR,OAAO;AAAA,oBACL,WAAW,cAAcgF,EAAW,KAAK;AAAA;AAAA,oBACzC,GAAGhF,GAAI,KAAK;AAAA;AAAA,kBAAA;AAAA,kBAGb,UAAAzC,EAAI,gBAAA,EAAkB,IAAI,CAAC0H,MAExB9B,gBAAAA,EAAAA,IAAC,MAAA,EACE,UAAA+B,GAAWD,EAAK,OAAO,UAAU,MAAMA,EAAK,WAAA,CAAY,EAAA,GADlDA,EAAK,EAEd,CAEH;AAAA,gBAAA;AAAA,gBAdI1H,EAAI;AAAA,cAAA;AAAA,YAiBf,CAAC;AAAA,UAAA;AAAA,QAAA,GAEL;AAAA,QAED,CAAC,CAAC6B,KAAS+D,gBAAAA,EAAAA,IAACgC,MAAiB,OAAA/F,EAAA,CAAc;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGlD;"}

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-"use strict";const n=require("../../../../../_virtual/jsx-runtime.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");const a=require("react"),c=require("../../../context/PowerpackContext.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../../../_virtual/runtime.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/updateActivities.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/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.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/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/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/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");const s=require("@ynput/ayon-react-components"),l=require("styled-components"),d=l(s.Dropdown)`
+"use strict";const n=require("../../../../../_virtual/jsx-runtime.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");const a=require("react"),c=require("../../../context/PowerpackContext.cjs.js");require("../../../context/UriContext.cjs.js");require("../../../../../_virtual/runtime.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/updateActivities.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/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.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/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/MoveEntityContext.cjs.js");require("../../../context/MenuContext.cjs.js");require("../../../context/WebsocketContext.cjs.js");require("../../../context/GlobalContext.cjs.js");require("../../../context/ProjectContext.cjs.js");require("../../../context/ProjectFoldersContext.cjs.js");const s=require("@ynput/ayon-react-components"),l=require("styled-components"),d=l(s.Dropdown)`
   height: 28px;
   .template-value {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SlicerDropdownFallback.cjs.js","sources":["../../../../../../src/containers/Slicer/components/SlicerDropdownFallback.tsx"],"sourcesContent":["import { usePowerpack } from '@shared/context'\nimport { SliceType } from '@shared/containers'\nimport { Dropdown, DropdownProps, DropdownRef } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst StyledDropdown = styled(Dropdown)`\n height: 28px;\n\n .template-value {\n border: 0;\n\n .icon:not(.control) {\n display: none;\n }\n }\n\n &.single-option {\n .control {\n display: none;\n }\n\n .button {\n .template-value {\n cursor: default;\n }\n &:hover {\n background-color: unset;\n }\n }\n }\n`\n\nexport interface SlicerDropdownFallbackProps extends DropdownProps {\n sliceTypes: SliceType[]\n}\n\nconst SlicerDropdownFallback = forwardRef<DropdownRef, SlicerDropdownFallbackProps>(\n ({ sliceTypes, ...props }, ref) => {\n const { setPowerpackDialog } = usePowerpack()\n\n const options = [...props.options].map((option) => {\n if (option.value === 'hierarchy') return option\n else\n return {\n ...option,\n icon: 'bolt',\n }\n })\n\n const handleOnChange: DropdownProps['onChange'] = (value, r) => {\n if (value[0] !== 'hierarchy') {\n setPowerpackDialog('slicer')\n }\n props?.onChange?.(['hierarchy'], r)\n }\n\n return (\n <StyledDropdown\n {...props}\n data-tooltip=\"Power feature - Slicer\"\n data-tooltip-delay={0}\n onChange={handleOnChange}\n options={options}\n ref={ref}\n />\n )\n },\n)\n\nexport default SlicerDropdownFallback\n"],"names":["StyledDropdown","styled","Dropdown","SlicerDropdownFallback","forwardRef","sliceTypes","props","ref","setPowerpackDialog","usePowerpack","options","option","handleOnChange","value","r","jsx"],"mappings":"~~gkNAMMA~~,EAAiBC,EAAOC,UAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+BhCC,EAAyBC,EAAAA,WAC7B,CAAC,CAAE,WAAAC,EAAY,GAAGC,CAAA,EAASC,IAAQ,CACjC,KAAM,CAAE,mBAAAC,CAAA,EAAuBC,eAAA,EAEzBC,EAAU,CAAC,GAAGJ,EAAM,OAAO,EAAE,IAAKK,GAClCA,EAAO,QAAU,YAAoBA,EAEhC,CACL,GAAGA,EACH,KAAM,MAAA,CAEX,EAEKC,EAA4C,CAACC,EAAOC,IAAM,CAC1DD,EAAM,CAAC,IAAM,aACfL,EAAmB,QAAQ,EAE7BF,GAAO,WAAW,CAAC,WAAW,EAAGQ,CAAC,CACpC,EAEA,OACEC,EAAAA,kBAAAA,IAACf,EAAA,CACE,GAAGM,EACJ,eAAa,yBACb,qBAAoB,EACpB,SAAUM,EACV,QAAAF,EACA,IAAAH,CAAA,CAAA,CAGN,CACF"}
1	+ {"version":3,"file":"SlicerDropdownFallback.cjs.js","sources":["../../../../../../src/containers/Slicer/components/SlicerDropdownFallback.tsx"],"sourcesContent":["import { usePowerpack } from '@shared/context'\nimport { SliceType } from '@shared/containers'\nimport { Dropdown, DropdownProps, DropdownRef } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst StyledDropdown = styled(Dropdown)`\n height: 28px;\n\n .template-value {\n border: 0;\n\n .icon:not(.control) {\n display: none;\n }\n }\n\n &.single-option {\n .control {\n display: none;\n }\n\n .button {\n .template-value {\n cursor: default;\n }\n &:hover {\n background-color: unset;\n }\n }\n }\n`\n\nexport interface SlicerDropdownFallbackProps extends DropdownProps {\n sliceTypes: SliceType[]\n}\n\nconst SlicerDropdownFallback = forwardRef<DropdownRef, SlicerDropdownFallbackProps>(\n ({ sliceTypes, ...props }, ref) => {\n const { setPowerpackDialog } = usePowerpack()\n\n const options = [...props.options].map((option) => {\n if (option.value === 'hierarchy') return option\n else\n return {\n ...option,\n icon: 'bolt',\n }\n })\n\n const handleOnChange: DropdownProps['onChange'] = (value, r) => {\n if (value[0] !== 'hierarchy') {\n setPowerpackDialog('slicer')\n }\n props?.onChange?.(['hierarchy'], r)\n }\n\n return (\n <StyledDropdown\n {...props}\n data-tooltip=\"Power feature - Slicer\"\n data-tooltip-delay={0}\n onChange={handleOnChange}\n options={options}\n ref={ref}\n />\n )\n },\n)\n\nexport default SlicerDropdownFallback\n"],"names":["StyledDropdown","styled","Dropdown","SlicerDropdownFallback","forwardRef","sliceTypes","props","ref","setPowerpackDialog","usePowerpack","options","option","handleOnChange","value","r","jsx"],"mappings":"woNAMMA,EAAiBC,EAAOC,UAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA+BhCC,EAAyBC,EAAAA,WAC7B,CAAC,CAAE,WAAAC,EAAY,GAAGC,CAAA,EAASC,IAAQ,CACjC,KAAM,CAAE,mBAAAC,CAAA,EAAuBC,eAAA,EAEzBC,EAAU,CAAC,GAAGJ,EAAM,OAAO,EAAE,IAAKK,GAClCA,EAAO,QAAU,YAAoBA,EAEhC,CACL,GAAGA,EACH,KAAM,MAAA,CAEX,EAEKC,EAA4C,CAACC,EAAOC,IAAM,CAC1DD,EAAM,CAAC,IAAM,aACfL,EAAmB,QAAQ,EAE7BF,GAAO,WAAW,CAAC,WAAW,EAAGQ,CAAC,CACpC,EAEA,OACEC,EAAAA,kBAAAA,IAACf,EAAA,CACE,GAAGM,EACJ,eAAa,yBACb,qBAAoB,EACpB,SAAUM,EACV,QAAAF,EACA,IAAAH,CAAA,CAAA,CAGN,CACF"}

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

@@ -70,6 +70,7 @@ import "../../../api/queries/entities/updateEntity.es.js";
 import "../../../api/queries/entityLists/getLists.es.js";
 import "../../../api/queries/entityLists/updateLists.es.js";
 import "../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../api/queries/entityLists/listFolders.es.js";
 import "../../../api/queries/folders/getFolders.es.js";
@@ -148,7 +149,7 @@ const d = s(c)`
       }
     }
   }
-`, Tr = a(
+`, qr = a(
   ({ sliceTypes: u, ...r }, t) => {
     const { setPowerpackDialog: i } = l(), p = [...r.options].map((o) => o.value === "hierarchy" ? o : {
       ...o,
@@ -170,6 +171,6 @@ const d = s(c)`
   }
 );
 export {
-  Tr as default
+  qr as default
 };
 //# sourceMappingURL=SlicerDropdownFallback.es.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"SlicerDropdownFallback.es.js","sources":["../../../../../../src/containers/Slicer/components/SlicerDropdownFallback.tsx"],"sourcesContent":["import { usePowerpack } from '@shared/context'\nimport { SliceType } from '@shared/containers'\nimport { Dropdown, DropdownProps, DropdownRef } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst StyledDropdown = styled(Dropdown)`\n height: 28px;\n\n .template-value {\n border: 0;\n\n .icon:not(.control) {\n display: none;\n }\n }\n\n &.single-option {\n .control {\n display: none;\n }\n\n .button {\n .template-value {\n cursor: default;\n }\n &:hover {\n background-color: unset;\n }\n }\n }\n`\n\nexport interface SlicerDropdownFallbackProps extends DropdownProps {\n sliceTypes: SliceType[]\n}\n\nconst SlicerDropdownFallback = forwardRef<DropdownRef, SlicerDropdownFallbackProps>(\n ({ sliceTypes, ...props }, ref) => {\n const { setPowerpackDialog } = usePowerpack()\n\n const options = [...props.options].map((option) => {\n if (option.value === 'hierarchy') return option\n else\n return {\n ...option,\n icon: 'bolt',\n }\n })\n\n const handleOnChange: DropdownProps['onChange'] = (value, r) => {\n if (value[0] !== 'hierarchy') {\n setPowerpackDialog('slicer')\n }\n props?.onChange?.(['hierarchy'], r)\n }\n\n return (\n <StyledDropdown\n {...props}\n data-tooltip=\"Power feature - Slicer\"\n data-tooltip-delay={0}\n onChange={handleOnChange}\n options={options}\n ref={ref}\n />\n )\n },\n)\n\nexport default SlicerDropdownFallback\n"],"names":["StyledDropdown","styled","Dropdown","SlicerDropdownFallback","forwardRef","sliceTypes","props","ref","setPowerpackDialog","usePowerpack","options","option","handleOnChange","value","r","jsx"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAMA,MAAMA,IAAiBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA+BhCC,KAAyBC;AAAA,EAC7B,CAAC,EAAE,YAAAC,GAAY,GAAGC,EAAA,GAASC,MAAQ;AACjC,UAAM,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GAEzBC,IAAU,CAAC,GAAGJ,EAAM,OAAO,EAAE,IAAI,CAACK,MAClCA,EAAO,UAAU,cAAoBA,IAEhC;AAAA,MACL,GAAGA;AAAA,MACH,MAAM;AAAA,IAAA,CAEX,GAEKC,IAA4C,CAACC,GAAOC,MAAM;AAC9D,MAAID,EAAM,CAAC,MAAM,eACfL,EAAmB,QAAQ,GAE7BF,GAAO,WAAW,CAAC,WAAW,GAAGQ,CAAC;AAAA,IACpC;AAEA,WACEC,gBAAAA,EAAAA;AAAAA,MAACf;AAAA,MAAA;AAAA,QACE,GAAGM;AAAA,QACJ,gBAAa;AAAA,QACb,sBAAoB;AAAA,QACpB,UAAUM;AAAA,QACV,SAAAF;AAAA,QACA,KAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}
1	+ {"version":3,"file":"SlicerDropdownFallback.es.js","sources":["../../../../../../src/containers/Slicer/components/SlicerDropdownFallback.tsx"],"sourcesContent":["import { usePowerpack } from '@shared/context'\nimport { SliceType } from '@shared/containers'\nimport { Dropdown, DropdownProps, DropdownRef } from '@ynput/ayon-react-components'\nimport { forwardRef } from 'react'\nimport styled from 'styled-components'\n\nconst StyledDropdown = styled(Dropdown)`\n height: 28px;\n\n .template-value {\n border: 0;\n\n .icon:not(.control) {\n display: none;\n }\n }\n\n &.single-option {\n .control {\n display: none;\n }\n\n .button {\n .template-value {\n cursor: default;\n }\n &:hover {\n background-color: unset;\n }\n }\n }\n`\n\nexport interface SlicerDropdownFallbackProps extends DropdownProps {\n sliceTypes: SliceType[]\n}\n\nconst SlicerDropdownFallback = forwardRef<DropdownRef, SlicerDropdownFallbackProps>(\n ({ sliceTypes, ...props }, ref) => {\n const { setPowerpackDialog } = usePowerpack()\n\n const options = [...props.options].map((option) => {\n if (option.value === 'hierarchy') return option\n else\n return {\n ...option,\n icon: 'bolt',\n }\n })\n\n const handleOnChange: DropdownProps['onChange'] = (value, r) => {\n if (value[0] !== 'hierarchy') {\n setPowerpackDialog('slicer')\n }\n props?.onChange?.(['hierarchy'], r)\n }\n\n return (\n <StyledDropdown\n {...props}\n data-tooltip=\"Power feature - Slicer\"\n data-tooltip-delay={0}\n onChange={handleOnChange}\n options={options}\n ref={ref}\n />\n )\n },\n)\n\nexport default SlicerDropdownFallback\n"],"names":["StyledDropdown","styled","Dropdown","SlicerDropdownFallback","forwardRef","sliceTypes","props","ref","setPowerpackDialog","usePowerpack","options","option","handleOnChange","value","r","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,IAAiBC,EAAOC,CAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA+BhCC,KAAyBC;AAAA,EAC7B,CAAC,EAAE,YAAAC,GAAY,GAAGC,EAAA,GAASC,MAAQ;AACjC,UAAM,EAAE,oBAAAC,EAAA,IAAuBC,EAAA,GAEzBC,IAAU,CAAC,GAAGJ,EAAM,OAAO,EAAE,IAAI,CAACK,MAClCA,EAAO,UAAU,cAAoBA,IAEhC;AAAA,MACL,GAAGA;AAAA,MACH,MAAM;AAAA,IAAA,CAEX,GAEKC,IAA4C,CAACC,GAAOC,MAAM;AAC9D,MAAID,EAAM,CAAC,MAAM,eACfL,EAAmB,QAAQ,GAE7BF,GAAO,WAAW,CAAC,WAAW,GAAGQ,CAAC;AAAA,IACpC;AAEA,WACEC,gBAAAA,EAAAA;AAAAA,MAACf;AAAA,MAAA;AAAA,QACE,GAAGM;AAAA,QACJ,gBAAa;AAAA,QACb,sBAAoB;AAAA,QACpB,UAAUM;AAAA,QACV,SAAAF;AAAA,QACA,KAAAH;AAAA,MAAA;AAAA,IAAA;AAAA,EAGN;AACF;"}