@ynput/ayon-frontend-shared 0.3.8 → 0.3.10

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import { FC, useMemo, useRef, MouseEvent as ReactMouseEvent, useCallback, useEffect } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getExpandedRowModel,\n  ColumnDef,\n  flexRender,\n  Row,\n  FilterFn,\n  SortingFn,\n  sortingFns,\n  RowData,\n  Table,\n  OnChangeFn,\n  RowSelectionState,\n  functionalUpdate,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nimport clsx from 'clsx'\nimport useRowKeydown, { RowKeyboardEvent } from './hooks/useRowKeydown'\n\nimport { RankingInfo, rankItem, compareItems } from '@tanstack/match-sorter-utils'\nimport { useSimpleTableContext } from './context/SimpleTableContext'\nimport { SimpleTableCellTemplate, SimpleTableCellTemplateProps } from './SimpleTableRowTemplate'\nimport { EmptyPlaceholder } from '@shared/components'\nimport { RowPinningState } from '@tanstack/react-table'\n\ndeclare module '@tanstack/react-table' {\n  //add fuzzy filter to the filterFns\n  interface FilterFns {\n    fuzzy: FilterFn<unknown>\n  }\n  interface FilterMeta {\n    itemRank: RankingInfo\n  }\n\n  interface TableMeta<TData extends RowData> {\n    isExpandable?: boolean\n    isLoading?: boolean\n    children?: (\n      props: SimpleTableCellTemplateProps,\n      row: Row<TData>,\n      table: Table<SimpleTableRow>,\n    ) => JSX.Element\n    [key: string]: any\n  }\n}\n\n// Define a custom fuzzy filter function that will apply ranking info to rows (using match-sorter utils)\nconst fuzzyFilter: FilterFn<any> = (row, columnId, searchValue, addMeta) => {\n  const cellValue = row.getValue(columnId)\n  // convert non-string cell values to string\n  let searchString =\n    typeof cellValue === 'string'\n      ? cellValue\n      : Array.isArray(cellValue)\n      ? cellValue.join(' ')\n      : JSON.stringify(cellValue)\n\n  // combine label and parents into a single string for searching if columnId is 'label'\n  if (columnId === 'label') {\n    searchString = [row.original.label, row.original.name, ...(row.original.parents || [])].join(\n      ' ',\n    )\n  }\n\n  // Rank the item\n  const itemRank = rankItem(searchString, searchValue)\n\n  // Store the itemRank info\n  addMeta({\n    itemRank,\n  })\n\n  // Return if the item should be filtered in/out\n  return itemRank.passed\n}\n\n// Define a custom fuzzy sort function that will sort by rank if the row has ranking information\nconst fuzzySort: SortingFn<any> = (rowA, rowB, columnId) => {\n  let dir = 0\n\n  // Only sort by rank if the column has ranking information\n  if (rowA.columnFiltersMeta[columnId]) {\n    dir = compareItems(\n      rowA.columnFiltersMeta[columnId]?.itemRank!,\n      rowB.columnFiltersMeta[columnId]?.itemRank!,\n    )\n  }\n\n  // Provide an alphanumeric fallback for when the item ranks are equal\n  return dir === 0 ? sortingFns.alphanumeric(rowA, rowB, columnId) : dir\n}\n\nexport type RowItemData = {\n  id: string\n  name?: string | null\n  label?: string | null\n  subType?: string | null\n  [key: string]: any\n}\n\nexport type SimpleTableRow = {\n  id: string\n  parentId?: string\n  name: string\n  label: string\n  parents?: string[]\n  icon?: string | null\n  iconColor?: string\n  iconFilled?: boolean\n  img?: string | null\n  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 {\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  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}) => {\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      className={clsx({ isLoading })}\n      onScroll={handleScroll}\n      onClick={handleContainerClick}\n    >\n      {!error && (\n        <table>\n          <tbody\n            style={{\n              height: `${rowVirtualizer?.getTotalSize()}px`, //tells scrollbar how big the table is\n            }}\n          >\n            {rowVirtualizer?.getVirtualItems().map((virtualRow) => {\n              const row = rows[virtualRow.index] as Row<SimpleTableRow>\n              return (\n                <tr\n                  data-index={virtualRow.index} //needed for dynamic row height measurement\n                  ref={measureElementRef} //measure dynamic row height\n                  key={row.id}\n                  id={row.id}\n                  {...pt?.row}\n                  style={{\n                    transform: `translateY(${virtualRow.start}px)`, //this should always be a `style` as it changes on scroll\n                    ...pt?.row?.style, // custom styles to be passed\n                  }}\n                >\n                  {row.getVisibleCells().map((cell) => {\n                    return (\n                      <td key={cell.id}>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                      </td>\n                    )\n                  })}\n                </tr>\n              )\n            })}\n          </tbody>\n        </table>\n      )}\n      {!!error && <EmptyPlaceholder error={error} />}\n    </Styled.TableContainer>\n  )\n}\n\nexport default SimpleTable\n"],"names":["fuzzyFilter","row","columnId","searchValue","addMeta","cellValue","searchString","itemRank","rankItem","fuzzySort","rowA","rowB","dir","compareItems","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","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","props","clsx","e","jsx","SimpleTableCellTemplate","handleRowSelectionChangeCallback","updater","functionalUpdate","handleRowPinningChangeCallback","handleExpandedChange","old","newExpanded","table","useReactTable","getCoreRowModel","getFilteredRowModel","getExpandedRowModel","useEffect","tableContainerRef","rowVirtualizer","useVirtualizer","element","measureElementRef","node","handleScroll","target","scrollTop","scrollHeight","clientHeight","handleContainerClick","jsxs","Styled.TableContainer","virtualRow","cell","flexRender","EmptyPlaceholder"],"mappings":"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"}
+{"version":3,"file":"SimpleTable.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.tsx"],"sourcesContent":["import { FC, useMemo, useRef, MouseEvent as ReactMouseEvent, useCallback, useEffect } from 'react'\nimport * as Styled from './SimpleTable.styled'\nimport {\n  useReactTable,\n  getCoreRowModel,\n  getFilteredRowModel,\n  getExpandedRowModel,\n  ColumnDef,\n  flexRender,\n  Row,\n  FilterFn,\n  SortingFn,\n  sortingFns,\n  RowData,\n  Table,\n  OnChangeFn,\n  RowSelectionState,\n  functionalUpdate,\n} from '@tanstack/react-table'\nimport { useVirtualizer } from '@tanstack/react-virtual'\n\nimport clsx from 'clsx'\nimport useRowKeydown, { RowKeyboardEvent } from './hooks/useRowKeydown'\n\nimport { RankingInfo, rankItem, compareItems, rankings } from '@tanstack/match-sorter-utils'\nimport { useSimpleTableContext } from './context/SimpleTableContext'\nimport { SimpleTableCellTemplate, SimpleTableCellTemplateProps } from './SimpleTableRowTemplate'\nimport { EmptyPlaceholder } from '@shared/components'\nimport { RowPinningState } from '@tanstack/react-table'\n\ndeclare module '@tanstack/react-table' {\n  //add fuzzy filter to the filterFns\n  interface FilterFns {\n    fuzzy: FilterFn<unknown>\n  }\n  interface FilterMeta {\n    itemRank: RankingInfo\n  }\n\n  interface TableMeta<TData extends RowData> {\n    isExpandable?: boolean\n    isLoading?: boolean\n    children?: (\n      props: SimpleTableCellTemplateProps,\n      row: Row<TData>,\n      table: Table<SimpleTableRow>,\n    ) => JSX.Element\n    [key: string]: any\n  }\n}\n\n// Define a custom fuzzy filter function that will apply ranking info to rows (using match-sorter utils)\nconst fuzzyFilter: FilterFn<any> = (row, columnId, searchValue, addMeta) => {\n  const cellValue = row.getValue(columnId)\n  // convert non-string cell values to string\n  let searchString =\n    typeof cellValue === 'string'\n      ? cellValue\n      : Array.isArray(cellValue)\n      ? cellValue.join(' ')\n      : JSON.stringify(cellValue)\n\n  // combine label and parents into a single string for searching if columnId is 'label'\n  if (columnId === 'label') {\n    searchString = [row.original.label, row.original.name, ...(row.original.parents || [])].join(\n      ' ',\n    )\n  }\n\n  // Rank the item with CONTAINS threshold to avoid overly permissive fuzzy matches\n  // This ensures the search term must be a substring, not just scattered characters\n  const itemRank = rankItem(searchString, searchValue, { threshold: rankings.CONTAINS })\n\n  // Store the itemRank info\n  addMeta({\n    itemRank,\n  })\n\n  // Return if the item should be filtered in/out\n  return itemRank.passed\n}\n\n// Define a custom fuzzy sort function that will sort by rank if the row has ranking information\nconst fuzzySort: SortingFn<any> = (rowA, rowB, columnId) => {\n  let dir = 0\n\n  // Only sort by rank if the column has ranking information\n  if (rowA.columnFiltersMeta[columnId]) {\n    dir = compareItems(\n      rowA.columnFiltersMeta[columnId]?.itemRank!,\n      rowB.columnFiltersMeta[columnId]?.itemRank!,\n    )\n  }\n\n  // Provide an alphanumeric fallback for when the item ranks are equal\n  return dir === 0 ? sortingFns.alphanumeric(rowA, rowB, columnId) : dir\n}\n\nexport type RowItemData = {\n  id: string\n  name?: string | null\n  label?: string | null\n  subType?: string | null\n  [key: string]: any\n}\n\nexport type SimpleTableRow = {\n  id: string\n  parentId?: string\n  name: string\n  label: string\n  parents?: string[]\n  icon?: string | null\n  iconColor?: string\n  iconFilled?: boolean\n  img?: string | null\n  imgShape?: 'square' | 'circle'\n  startContent?: JSX.Element\n  endContent?: JSX.Element\n  subRows: SimpleTableRow[]\n  data: RowItemData\n  isDisabled?: boolean\n  disabledMessage?: string\n  inactive?: boolean\n}\n\nexport interface SimpleTableProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'children'> {\n  data: SimpleTableRow[]\n  isLoading: boolean\n  error?: string\n  isExpandable?: boolean // show expand/collapse icons\n  isMultiSelect?: boolean // enable multi-select with shift+click and ctrl/cmd+click\n  enableClickToDeselect?: boolean // allow deselecting a single selected row by clicking it again & clicking outside clears selection\n  enableNonFolderIndent?: boolean // indent non-folder rows to align with folder rows\n  forceUpdateTable?: any\n  globalFilter?: string\n  meta?: Record<string, any>\n  rowHeight?: number // height of each row, used for virtual scrolling\n  imgRatio?: number\n  onScrollBottom?: () => void // callback fired when scrolled to the bottom of the table\n  fitContent?: boolean\n  children?: (\n    props: SimpleTableCellTemplateProps,\n    row: Row<SimpleTableRow>,\n    table: Table<SimpleTableRow>,\n  ) => JSX.Element\n  pt?: {\n    cell?: Partial<SimpleTableCellTemplateProps>\n    row?: Partial<React.HTMLAttributes<HTMLTableRowElement>>\n  }\n}\n\n// Helper function to get row range for shift-selection\n// Operates on the provided list of rows (e.g., filtered and sorted rows)\nfunction getRowRange<TData extends RowData>(\n  rows: Array<Row<TData>>,\n  idA: string,\n  idB: string,\n): Array<Row<TData>> {\n  const range: Array<Row<TData>> = []\n  // If idA and idB are the same, or one is not found, handle appropriately\n  if (idA === idB) {\n    const singleRow = rows.find((row) => row.id === idA)\n    return singleRow ? [singleRow] : []\n  }\n\n  let indexA = -1\n  let indexB = -1\n\n  for (let i = 0; i < rows.length; i++) {\n    if (rows[i].id === idA) indexA = i\n    if (rows[i].id === idB) indexB = i\n    if (indexA !== -1 && indexB !== -1) break\n  }\n\n  if (indexA === -1 || indexB === -1) return [] // One or both IDs not found\n\n  const start = Math.min(indexA, indexB)\n  const end = Math.max(indexA, indexB)\n\n  for (let i = start; i <= end; i++) {\n    range.push(rows[i])\n  }\n  return range\n}\n\nconst SimpleTable: FC<SimpleTableProps> = ({\n  data = [],\n  isLoading,\n  error,\n  isExpandable,\n  isMultiSelect = true,\n  enableClickToDeselect = true,\n  enableNonFolderIndent = true,\n  forceUpdateTable,\n  globalFilter,\n  meta,\n  rowHeight,\n  imgRatio,\n  onScrollBottom,\n  children,\n  pt,\n  fitContent,\n  ...props\n}) => {\n  const {\n    rowSelection,\n    expanded,\n    setExpanded,\n    onExpandedChange,\n    onRowSelectionChange,\n    rowPinning,\n    onRowPinningChange,\n  } = useSimpleTableContext()\n  const lastSelectedIdRef = useRef<string | null>(null)\n  const tableRef = useRef<Table<SimpleTableRow> | null>(null)\n\n  // stable data reference\n  const tableData = useMemo(() => {\n    if (!isLoading) return data\n\n    // show loading placeholders\n    return Array.from({ length: 10 }, (_, i) => ({\n      id: `placeholder-${i}`,\n      name: `placeholder-${i}`,\n      label: `placeholder-${i}`,\n      icon: null,\n      img: null,\n      subRows: [],\n      data: {\n        id: `placeholder-${i}`,\n      },\n    }))\n  }, [isLoading, data, forceUpdateTable])\n\n  // Define the core selection logic using useCallback for stability\n  const handleSelectionLogic = useCallback(\n    (\n      tableInstance: Table<SimpleTableRow>,\n      rowId: string,\n      isShift: boolean,\n      isCtrlOrMeta: boolean,\n    ) => {\n      const currentId = rowId\n      const allProcessableRows = tableInstance.getFilteredRowModel().flatRows\n      const currentRow = allProcessableRows.find((r) => r.id === currentId)\n\n      if (!currentRow) return\n\n      // Prevent selection of disabled rows\n      if (currentRow.original.isDisabled) return\n\n      // If click-to-deselect is enabled and only one row is selected and it's the current row\n      if (\n        enableClickToDeselect &&\n        !isShift &&\n        !isCtrlOrMeta &&\n        Object.keys(tableInstance.getState().rowSelection).length === 1 &&\n        tableInstance.getState().rowSelection[currentId]\n      ) {\n        tableInstance.setRowSelection({})\n        lastSelectedIdRef.current = null\n        return\n      }\n\n      if (isMultiSelect && isShift && lastSelectedIdRef.current) {\n        const lastId = lastSelectedIdRef.current\n        const anchorRow = allProcessableRows.find((r) => r.id === lastId)\n\n        if (!anchorRow) {\n          tableInstance.setRowSelection({ [currentId]: true })\n        } else {\n          const rowsToToggle = getRowRange(allProcessableRows, currentId, lastId)\n          const newSelection: RowSelectionState = {}\n          rowsToToggle.forEach((r) => (newSelection[r.id] = true))\n          tableInstance.setRowSelection(newSelection)\n        }\n      } else if (isMultiSelect && isCtrlOrMeta) {\n        currentRow.toggleSelected()\n      } else {\n        tableInstance.setRowSelection({ [currentId]: true })\n      }\n      lastSelectedIdRef.current = currentId\n    },\n    [isMultiSelect, enableClickToDeselect],\n  )\n\n  // Callback for useRowKeydown's handleRowSelect prop\n  // Uses tableRef to access the table instance, avoiding direct dependency on 'table' variable at definition time\n  const handleRowSelectForKeydown = useCallback(\n    (\n      event: RowKeyboardEvent, // Use the specific keyboard event type from the hook\n      selectedRow: Row<SimpleTableRow>,\n    ) => {\n      if (!tableRef.current) {\n        console.warn('tableRef not yet available in handleRowSelectForKeydown')\n        return\n      }\n\n      // Extract modifier keys from the event\n      const isShiftKey = event.shiftKey\n      const isCtrlKey = event.ctrlKey || event.metaKey\n\n      handleSelectionLogic(\n        tableRef.current, // Pass the main table instance\n        selectedRow.id,\n        isShiftKey,\n        isCtrlKey,\n      )\n    },\n    [handleSelectionLogic], // Depends only on handleSelectionLogic\n  )\n\n  // Handle arrow key navigation\n  const handleArrowNavigation = useCallback(\n    (direction: 'up' | 'down', currentRow: Row<SimpleTableRow>, event: RowKeyboardEvent) => {\n      if (!tableRef.current) return\n\n      // Use the row model which respects expanded state, not filtered model\n      const visibleRows = tableRef.current.getRowModel().rows\n      const currentIndex = visibleRows.findIndex((r) => r.id === currentRow.id)\n\n      if (currentIndex === -1) return\n\n      let nextIndex = direction === 'down' ? currentIndex + 1 : currentIndex - 1\n\n      // Check bounds\n      if (nextIndex < 0 || nextIndex >= visibleRows.length) return\n\n      // Skip disabled rows\n      while (nextIndex >= 0 && nextIndex < visibleRows.length) {\n        const nextRow = visibleRows[nextIndex]\n        if (!nextRow.original.isDisabled) {\n          // Found a valid row\n          // Select the next row\n          handleSelectionLogic(\n            tableRef.current,\n            nextRow.id,\n            event.shiftKey,\n            event.ctrlKey || event.metaKey,\n          )\n\n          // Focus the next row's cell\n          requestAnimationFrame(() => {\n            const nextRowElement = document.getElementById(nextRow.id)\n            const nextCell = nextRowElement?.querySelector('[tabindex=\"0\"]') as HTMLElement\n            if (nextCell) {\n              nextCell.focus()\n              nextCell.scrollIntoView({ block: 'nearest', behavior: 'smooth' })\n            }\n          })\n          return\n        }\n        // Move to next row if current is disabled\n        nextIndex = direction === 'down' ? nextIndex + 1 : nextIndex - 1\n      }\n    },\n    [handleSelectionLogic],\n  )\n\n  const { handleRowKeyDown } = useRowKeydown<SimpleTableRow>({\n    handleRowSelect: handleRowSelectForKeydown,\n    handleArrowNavigation,\n  })\n\n  const columns = useMemo<ColumnDef<SimpleTableRow>[]>(\n    () => [\n      {\n        accessorKey: 'label',\n        header: undefined,\n        filterFn: 'fuzzy',\n        sortingFn: fuzzySort, //sort by fuzzy rank (falls back to alphanumeric)\n        cell: ({ row, getValue, table: cellTableInstance }) => {\n          const cellMeta = cellTableInstance.options.meta\n\n          const handleCellClick = (event: ReactMouseEvent<HTMLElement, MouseEvent>) => {\n            // Prevent row selection if clicking on an interactive element within the cell\n            if (\n              event.target instanceof HTMLInputElement ||\n              event.target instanceof HTMLButtonElement ||\n              event.target instanceof HTMLTextAreaElement ||\n              event.target instanceof HTMLSelectElement ||\n              event.target instanceof HTMLAnchorElement ||\n              (event.target as HTMLElement).closest('button, a, input, textarea, select')\n            ) {\n              return\n            }\n            handleSelectionLogic(\n              cellTableInstance, // Pass the cell's table instance\n              row.id,\n              event.shiftKey,\n              event.ctrlKey || event.metaKey,\n            )\n          }\n\n          const props: SimpleTableCellTemplateProps & {\n            onClick?: (event: ReactMouseEvent<HTMLElement, MouseEvent>) => void\n          } = {\n            className: clsx({\n              selected: row.getIsSelected(),\n              loading: cellMeta?.isLoading,\n              disabled: row.original.isDisabled, // you can't select disabled rows\n              inactive: row.original.inactive, // false: archived items but still selectable\n            }),\n            onKeyDown: (e) => {\n              if (e.target instanceof HTMLInputElement) return\n              // Corrected typo: handleRowKeydown -> handleRowKeyDown\n              handleRowKeyDown(e, row)\n            },\n            depth: row.depth,\n            tabIndex: 0,\n            value: getValue<string>(),\n            parents: row.original.parents,\n            icon: row.original.icon || undefined,\n            iconColor: row.original.iconColor,\n            iconFilled: row.original.iconFilled,\n            img: row.original.img,\n            imgShape: row.original.imgShape,\n            imgRatio: imgRatio,\n            isRowExpandable: row.getCanExpand(),\n            enableNonFolderIndent,\n            isRowExpanded: row.getIsExpanded(),\n            isTableExpandable: cellMeta?.isExpandable,\n            onExpandClick: row.getToggleExpandedHandler(),\n            startContent: row.original.startContent,\n            endContent: row.original.endContent,\n            isDisabled: row.original.isDisabled,\n            disabledMessage: row.original.disabledMessage,\n            ...pt?.cell,\n            onClick: handleCellClick, // Added onClick handler\n          }\n\n          // Use children function if provided, otherwise default to SimpleTableCellTemplate\n          return cellMeta?.children ? (\n            cellMeta.children(props, row, cellTableInstance)\n          ) : (\n            <SimpleTableCellTemplate {...props} {...pt?.cell} />\n          )\n        },\n      },\n    ],\n    [\n      forceUpdateTable,\n      handleSelectionLogic,\n      handleRowKeyDown,\n      enableClickToDeselect,\n      enableNonFolderIndent,\n      imgRatio,\n    ], // include enableClickToDeselect for completeness\n  )\n\n  const handleRowSelectionChangeCallback: OnChangeFn<RowSelectionState> = useCallback(\n    (updater) => {\n      onRowSelectionChange(functionalUpdate(updater, rowSelection))\n    },\n    [onRowSelectionChange],\n  )\n\n  const handleRowPinningChangeCallback: OnChangeFn<RowPinningState> = useCallback(\n    (updater) => {\n      onRowPinningChange?.(functionalUpdate(updater, rowPinning || {}))\n    },\n    [onRowPinningChange],\n  )\n\n  const handleExpandedChange = useCallback(\n    (updater: any) => {\n      setExpanded?.((old) => {\n        const newExpanded = updater instanceof Function ? updater(old) : updater\n        onExpandedChange?.(newExpanded)\n        return newExpanded\n      })\n    },\n    [setExpanded],\n  )\n\n  const table = useReactTable({\n    data: tableData,\n    columns,\n    state: {\n      expanded,\n      rowSelection,\n      globalFilter,\n      rowPinning,\n    },\n    onRowSelectionChange: handleRowSelectionChangeCallback,\n    onRowPinningChange: handleRowPinningChangeCallback,\n    filterFns: {\n      fuzzy: fuzzyFilter,\n    },\n    globalFilterFn: 'fuzzy',\n    enableRowSelection: true, //enable row selection for all rows\n    enableRowPinning: !!onRowPinningChange,\n    getRowId: (row) => row.id,\n    enableSubRowSelection: false, //disable sub row selection\n    onExpandedChange: handleExpandedChange,\n    getSubRows: (row) => row.subRows,\n    getCoreRowModel: getCoreRowModel(),\n    getFilteredRowModel: getFilteredRowModel(),\n    getExpandedRowModel: getExpandedRowModel(),\n    filterFromLeafRows: true,\n    // debugTable: true,\n    meta: {\n      isExpandable: !!isExpandable,\n      isLoading: isLoading,\n      children: children,\n      ...meta,\n    },\n  })\n\n  // Update tableRef whenever the table instance changes.\n  // This ensures handleRowSelectForKeydown uses the current table instance.\n  useEffect(() => {\n    tableRef.current = table\n  }, [table])\n\n  const { rows } = table.getRowModel()\n\n  //The virtualizer needs to know the scrollable container element\n  const tableContainerRef = useRef<HTMLDivElement>(null)\n\n  const rowVirtualizer = useVirtualizer({\n    count: rows.length,\n    estimateSize: () => rowHeight || 34, //estimate row height for accurate scrollbar dragging\n    getScrollElement: () => tableContainerRef.current,\n    //measure dynamic row height, except in firefox because it measures table border height incorrectly\n    measureElement: rowHeight\n      ? () => rowHeight\n      : typeof window !== 'undefined' && navigator.userAgent.indexOf('Firefox') === -1\n      ? (element) => element?.getBoundingClientRect().height\n      : undefined,\n    overscan: 5,\n  })\n\n  // Memoize the ref callback to prevent infinite re-renders\n  const measureElementRef = useCallback(\n    (node: HTMLElement | null) => {\n      if (node) {\n        rowVirtualizer.measureElement(node)\n      }\n    },\n    [rowVirtualizer],\n  )\n\n  // Handle scroll to bottom detection\n  const handleScroll = useCallback(\n    (event: React.UIEvent<HTMLDivElement>) => {\n      if (!onScrollBottom) return\n\n      const target = event.currentTarget\n      const { scrollTop, scrollHeight, clientHeight } = target\n\n      // Check if we're near the bottom (within 100px)\n      const isNearBottom = scrollHeight - scrollTop - clientHeight < 100\n\n      if (isNearBottom && !isLoading) {\n        onScrollBottom()\n      }\n    },\n    [onScrollBottom, isLoading],\n  )\n\n  const handleContainerClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    // if the click is outside of any row, clear selection\n    if (enableClickToDeselect && !(e.target as HTMLElement).closest('tr')) {\n      table.setRowSelection({})\n      lastSelectedIdRef.current = null\n    }\n  }\n\n  return (\n    <Styled.TableContainer\n      ref={tableContainerRef}\n      onScroll={handleScroll}\n      onClick={handleContainerClick}\n      {...props}\n      className={clsx(props.className, { isLoading, fitContent })}\n    >\n      {!error && (\n        <table>\n          <tbody\n            style={{\n              height: `${rowVirtualizer?.getTotalSize()}px`, //tells scrollbar how big the table is\n            }}\n          >\n            {rowVirtualizer?.getVirtualItems().map((virtualRow) => {\n              const row = rows[virtualRow.index] as Row<SimpleTableRow>\n              return (\n                <tr\n                  data-index={virtualRow.index} //needed for dynamic row height measurement\n                  ref={measureElementRef} //measure dynamic row height\n                  key={row.id}\n                  id={row.id}\n                  {...pt?.row}\n                  style={{\n                    transform: `translateY(${virtualRow.start}px)`, //this should always be a `style` as it changes on scroll\n                    ...pt?.row?.style, // custom styles to be passed\n                  }}\n                >\n                  {row.getVisibleCells().map((cell) => {\n                    return (\n                      <td key={cell.id}>\n                        {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                      </td>\n                    )\n                  })}\n                </tr>\n              )\n            })}\n          </tbody>\n        </table>\n      )}\n      {!!error && <EmptyPlaceholder error={error} />}\n    </Styled.TableContainer>\n  )\n}\n\nexport default SimpleTable\n"],"names":["fuzzyFilter","row","columnId","searchValue","addMeta","cellValue","searchString","itemRank","rankItem","rankings","fuzzySort","rowA","rowB","dir","compareItems","sortingFns","getRowRange","rows","idA","idB","range","singleRow","indexA","indexB","i","start","end","SimpleTable","data","isLoading","error","isExpandable","isMultiSelect","enableClickToDeselect","enableNonFolderIndent","forceUpdateTable","globalFilter","meta","rowHeight","imgRatio","onScrollBottom","children","pt","fitContent","props","rowSelection","expanded","setExpanded","onExpandedChange","onRowSelectionChange","rowPinning","onRowPinningChange","useSimpleTableContext","lastSelectedIdRef","useRef","tableRef","tableData","useMemo","_","handleSelectionLogic","useCallback","tableInstance","rowId","isShift","isCtrlOrMeta","currentId","allProcessableRows","currentRow","r","lastId","rowsToToggle","newSelection","handleRowSelectForKeydown","event","selectedRow","isShiftKey","isCtrlKey","handleArrowNavigation","direction","visibleRows","currentIndex","nextIndex","nextRow","nextCell","handleRowKeyDown","useRowKeydown","columns","getValue","cellTableInstance","cellMeta","handleCellClick","clsx","e","jsx","SimpleTableCellTemplate","handleRowSelectionChangeCallback","updater","functionalUpdate","handleRowPinningChangeCallback","handleExpandedChange","old","newExpanded","table","useReactTable","getCoreRowModel","getFilteredRowModel","getExpandedRowModel","useEffect","tableContainerRef","rowVirtualizer","useVirtualizer","element","measureElementRef","node","handleScroll","target","scrollTop","scrollHeight","clientHeight","handleContainerClick","jsxs","Styled.TableContainer","virtualRow","cell","flexRender","EmptyPlaceholder"],"mappings":"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"}

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

@@ -5,11 +5,15 @@
   width: 100%;
   overflow: auto;
   padding: 4px;
-  padding-top: 8px;
 
   &.isLoading {
     overflow: hidden;
   }
+  &.fitContent {
+    height: auto;
+    overflow: visible;
+    flex: none;
+  }
 
   /* make error icon smaller */
   .empty-placeholder {
@@ -50,7 +54,7 @@
     padding: 1px 0px;
     width: 100%;
   }
-`,a=o.div`
+`,t=o.div`
   width: 100%;
   min-height: 32px;
   user-select: none;
@@ -156,7 +160,7 @@
       border-radius: 4px;
     }
   }
-`,t=o(e.Button)`
+`,i=o(e.Button)`
   &.expander {
     background-color: unset;
     padding: 2px;
@@ -165,7 +169,7 @@
       background-color: var(--md-sys-color-surface-container-high-hover);
     }
   }
-`,i=o.div`
+`,a=o.div`
   border-radius: var(--border-radius-m);
   overflow: hidden;
   background-color: var(--md-sys-color-surface-container-low);
@@ -206,5 +210,5 @@
   &.active {
     background-color: var(--md-sys-color-surface-container-hover) !important;
   }
-`;exports.Cell=a;exports.Container=i;exports.Expander=t;exports.Header=n;exports.HeaderButton=d;exports.TableContainer=r;
+`;exports.Cell=t;exports.Container=a;exports.Expander=i;exports.Header=n;exports.HeaderButton=d;exports.TableContainer=r;
 //# sourceMappingURL=SimpleTable.styled.cjs.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.styled.cjs.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const TableContainer = styled.div`\n  display: flex;\n\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  padding: 4px;\n  padding-top: 8px;\n\n  &.isLoading {\n    overflow: hidden;\n  }\n\n  /* make error icon smaller */\n  .empty-placeholder {\n    width: 100%;\n    padding: 8px;\n    max-width: 240px;\n    .icon {\n      font-size: 32px;\n    }\n    h3 {\n      ${theme.titleMedium}\n    }\n  }\n\n  table {\n    height: fit-content;\n    width: 100%;\n    display: grid;\n  }\n\n  thead {\n    display: none;\n  }\n\n  tbody {\n    position: relative;\n    display: grid;\n  }\n\n  tr {\n    position: absolute;\n    display: flex;\n    width: 100%;\n    /* transform: set on dynamically */\n  }\n\n  td {\n    padding: 1px 0px;\n    width: 100%;\n  }\n`\n\nexport const Cell = styled.div`\n  width: 100%;\n  min-height: 32px;\n  user-select: none;\n  padding: 0px 4px;\n\n  display: flex;\n  gap: var(--base-gap-small);\n  align-items: center;\n  cursor: pointer;\n\n  border-radius: var(--border-radius-m);\n\n  .text {\n    width: 100%;\n    overflow: hidden;\n    display: flex;\n  }\n\n  .value {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .path {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: fit-content;\n    margin-right: 4px;\n    flex: 1; // path ellipsis first before value\n  }\n\n  .loading {\n    pointer-events: none;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-hover);\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n\n    &,\n    .icon {\n      color: var(--md-sys-color-on-primary-container);\n    }\n\n    /* update expander styles */\n    .expander {\n      &:hover {\n        background-color: var(--md-sys-color-on-primary);\n      }\n    }\n  }\n\n  &.inactive {\n    .icon,\n    .value {\n      color: var(--md-sys-color-outline);\n    }\n  }\n\n  &.disabled {\n    opacity: 0.5;\n    cursor: not-allowed !important;\n\n    &,\n    .value,\n    .icon {\n      color: var(--md-sys-color-outline);\n    }\n\n    &:hover {\n      background-color: transparent;\n    }\n\n    .value {\n      text-decoration: line-through;\n    }\n  }\n\n  /* filled icon */\n  .icon.filled {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n\n  .image {\n    width: auto;\n    height: 24px;\n    max-height: 24px;\n    object-fit: cover;\n    aspect-ratio: 1;\n    background-color: var(--md-sys-color-surface-container-lowest);\n    margin-right: 4px;\n\n    &.circle {\n      border-radius: 50%;\n    }\n\n    &.square {\n      border-radius: 4px;\n    }\n  }\n`\n\nexport const Expander = styled(Button)`\n  &.expander {\n    background-color: unset;\n    padding: 2px;\n    cursor: pointer;\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n`\n\n// utility styles for wrapping the table\nexport const Container = styled.div`\n  border-radius: var(--border-radius-m);\n  overflow: hidden;\n  background-color: var(--md-sys-color-surface-container-low);\n  height: 100%;\n  flex: 1;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`\n\nexport const Header = styled.div`\n  padding: 2px;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n\n  display: flex;\n  gap: var(--base-gap-small);\n\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const HeaderButton = styled(Button)`\n  background-color: unset !important;\n  z-index: 110;\n  position: relative;\n\n  &.hasIcon {\n    padding: 4px;\n  }\n\n  &.open {\n    background-color: unset !important;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  }\n\n  &.active {\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  }\n`\n"],"names":["TableContainer","styled","theme","Cell","Expander","Button","Container","Header","HeaderButton"],"mappings":"+JAGaA,EAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAsB7BC,EAAAA,MAAM,WAAW;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;AAAA;AAAA;AAAA;AAAA;AAAA,EAgCZC,EAAOF,EAAO;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;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;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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4GdG,EAAWH,EAAOI,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxBC,EAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYnBM,EAASN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAahBO,EAAeP,EAAOI,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}
+{"version":3,"file":"SimpleTable.styled.cjs.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const TableContainer = styled.div`\n  display: flex;\n\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  padding: 4px;\n\n  &.isLoading {\n    overflow: hidden;\n  }\n  &.fitContent {\n    height: auto;\n    overflow: visible;\n    flex: none;\n  }\n\n  /* make error icon smaller */\n  .empty-placeholder {\n    width: 100%;\n    padding: 8px;\n    max-width: 240px;\n    .icon {\n      font-size: 32px;\n    }\n    h3 {\n      ${theme.titleMedium}\n    }\n  }\n\n  table {\n    height: fit-content;\n    width: 100%;\n    display: grid;\n  }\n\n  thead {\n    display: none;\n  }\n\n  tbody {\n    position: relative;\n    display: grid;\n  }\n\n  tr {\n    position: absolute;\n    display: flex;\n    width: 100%;\n    /* transform: set on dynamically */\n  }\n\n  td {\n    padding: 1px 0px;\n    width: 100%;\n  }\n`\n\nexport const Cell = styled.div`\n  width: 100%;\n  min-height: 32px;\n  user-select: none;\n  padding: 0px 4px;\n\n  display: flex;\n  gap: var(--base-gap-small);\n  align-items: center;\n  cursor: pointer;\n\n  border-radius: var(--border-radius-m);\n\n  .text {\n    width: 100%;\n    overflow: hidden;\n    display: flex;\n  }\n\n  .value {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .path {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: fit-content;\n    margin-right: 4px;\n    flex: 1; // path ellipsis first before value\n  }\n\n  .loading {\n    pointer-events: none;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-hover);\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n\n    &,\n    .icon {\n      color: var(--md-sys-color-on-primary-container);\n    }\n\n    /* update expander styles */\n    .expander {\n      &:hover {\n        background-color: var(--md-sys-color-on-primary);\n      }\n    }\n  }\n\n  &.inactive {\n    .icon,\n    .value {\n      color: var(--md-sys-color-outline);\n    }\n  }\n\n  &.disabled {\n    opacity: 0.5;\n    cursor: not-allowed !important;\n\n    &,\n    .value,\n    .icon {\n      color: var(--md-sys-color-outline);\n    }\n\n    &:hover {\n      background-color: transparent;\n    }\n\n    .value {\n      text-decoration: line-through;\n    }\n  }\n\n  /* filled icon */\n  .icon.filled {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n\n  .image {\n    width: auto;\n    height: 24px;\n    max-height: 24px;\n    object-fit: cover;\n    aspect-ratio: 1;\n    background-color: var(--md-sys-color-surface-container-lowest);\n    margin-right: 4px;\n\n    &.circle {\n      border-radius: 50%;\n    }\n\n    &.square {\n      border-radius: 4px;\n    }\n  }\n`\n\nexport const Expander = styled(Button)`\n  &.expander {\n    background-color: unset;\n    padding: 2px;\n    cursor: pointer;\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n`\n\n// utility styles for wrapping the table\nexport const Container = styled.div`\n  border-radius: var(--border-radius-m);\n  overflow: hidden;\n  background-color: var(--md-sys-color-surface-container-low);\n  height: 100%;\n  flex: 1;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`\n\nexport const Header = styled.div`\n  padding: 2px;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n\n  display: flex;\n  gap: var(--base-gap-small);\n\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const HeaderButton = styled(Button)`\n  background-color: unset !important;\n  z-index: 110;\n  position: relative;\n\n  &.hasIcon {\n    padding: 4px;\n  }\n\n  &.open {\n    background-color: unset !important;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  }\n\n  &.active {\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  }\n`\n"],"names":["TableContainer","styled","theme","Cell","Expander","Button","Container","Header","HeaderButton"],"mappings":"+JAGaA,EAAiBC,EAAO;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;AAAA,QA0B7BC,EAAAA,MAAM,WAAW;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;AAAA;AAAA;AAAA;AAAA;AAAA,EAgCZC,EAAOF,EAAO;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;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;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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA4GdG,EAAWH,EAAOI,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYxBC,EAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYnBM,EAASN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAahBO,EAAeP,EAAOI,QAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA"}

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

@@ -1,17 +1,21 @@
-import { theme as e, Button as r } from "@ynput/ayon-react-components";
+import { theme as r, Button as e } from "@ynput/ayon-react-components";
 import o from "styled-components";
-const t = o.div`
+const a = o.div`
   display: flex;
 
   height: 100%;
   width: 100%;
   overflow: auto;
   padding: 4px;
-  padding-top: 8px;
 
   &.isLoading {
     overflow: hidden;
   }
+  &.fitContent {
+    height: auto;
+    overflow: visible;
+    flex: none;
+  }
 
   /* make error icon smaller */
   .empty-placeholder {
@@ -22,7 +26,7 @@ const t = o.div`
       font-size: 32px;
     }
     h3 {
-      ${e.titleMedium}
+      ${r.titleMedium}
     }
   }
 
@@ -158,7 +162,7 @@ const t = o.div`
       border-radius: 4px;
     }
   }
-`, d = o(r)`
+`, d = o(e)`
   &.expander {
     background-color: unset;
     padding: 2px;
@@ -188,7 +192,7 @@ const t = o.div`
   gap: var(--base-gap-small);
 
   border-bottom: 1px solid var(--md-sys-color-outline-variant);
-`, c = o(r)`
+`, c = o(e)`
   background-color: unset !important;
   z-index: 110;
   position: relative;
@@ -215,6 +219,6 @@ export {
   d as Expander,
   s as Header,
   c as HeaderButton,
-  t as TableContainer
+  a as TableContainer
 };
 //# sourceMappingURL=SimpleTable.styled.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SimpleTable.styled.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const TableContainer = styled.div`\n  display: flex;\n\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  padding: 4px;\n  padding-top: 8px;\n\n  &.isLoading {\n    overflow: hidden;\n  }\n\n  /* make error icon smaller */\n  .empty-placeholder {\n    width: 100%;\n    padding: 8px;\n    max-width: 240px;\n    .icon {\n      font-size: 32px;\n    }\n    h3 {\n      ${theme.titleMedium}\n    }\n  }\n\n  table {\n    height: fit-content;\n    width: 100%;\n    display: grid;\n  }\n\n  thead {\n    display: none;\n  }\n\n  tbody {\n    position: relative;\n    display: grid;\n  }\n\n  tr {\n    position: absolute;\n    display: flex;\n    width: 100%;\n    /* transform: set on dynamically */\n  }\n\n  td {\n    padding: 1px 0px;\n    width: 100%;\n  }\n`\n\nexport const Cell = styled.div`\n  width: 100%;\n  min-height: 32px;\n  user-select: none;\n  padding: 0px 4px;\n\n  display: flex;\n  gap: var(--base-gap-small);\n  align-items: center;\n  cursor: pointer;\n\n  border-radius: var(--border-radius-m);\n\n  .text {\n    width: 100%;\n    overflow: hidden;\n    display: flex;\n  }\n\n  .value {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .path {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: fit-content;\n    margin-right: 4px;\n    flex: 1; // path ellipsis first before value\n  }\n\n  .loading {\n    pointer-events: none;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-hover);\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n\n    &,\n    .icon {\n      color: var(--md-sys-color-on-primary-container);\n    }\n\n    /* update expander styles */\n    .expander {\n      &:hover {\n        background-color: var(--md-sys-color-on-primary);\n      }\n    }\n  }\n\n  &.inactive {\n    .icon,\n    .value {\n      color: var(--md-sys-color-outline);\n    }\n  }\n\n  &.disabled {\n    opacity: 0.5;\n    cursor: not-allowed !important;\n\n    &,\n    .value,\n    .icon {\n      color: var(--md-sys-color-outline);\n    }\n\n    &:hover {\n      background-color: transparent;\n    }\n\n    .value {\n      text-decoration: line-through;\n    }\n  }\n\n  /* filled icon */\n  .icon.filled {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n\n  .image {\n    width: auto;\n    height: 24px;\n    max-height: 24px;\n    object-fit: cover;\n    aspect-ratio: 1;\n    background-color: var(--md-sys-color-surface-container-lowest);\n    margin-right: 4px;\n\n    &.circle {\n      border-radius: 50%;\n    }\n\n    &.square {\n      border-radius: 4px;\n    }\n  }\n`\n\nexport const Expander = styled(Button)`\n  &.expander {\n    background-color: unset;\n    padding: 2px;\n    cursor: pointer;\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n`\n\n// utility styles for wrapping the table\nexport const Container = styled.div`\n  border-radius: var(--border-radius-m);\n  overflow: hidden;\n  background-color: var(--md-sys-color-surface-container-low);\n  height: 100%;\n  flex: 1;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`\n\nexport const Header = styled.div`\n  padding: 2px;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n\n  display: flex;\n  gap: var(--base-gap-small);\n\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const HeaderButton = styled(Button)`\n  background-color: unset !important;\n  z-index: 110;\n  position: relative;\n\n  &.hasIcon {\n    padding: 4px;\n  }\n\n  &.open {\n    background-color: unset !important;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  }\n\n  &.active {\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  }\n`\n"],"names":["TableContainer","styled","theme","Cell","Expander","Button","Container","Header","HeaderButton"],"mappings":";;AAGO,MAAMA,IAAiBC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAsB7BC,EAAM,WAAW;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;AAAA;AAAA;AAAA;AAAA;AAAA,GAgCZC,IAAOF,EAAO;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;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;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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA4GdG,IAAWH,EAAOI,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYxBC,IAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYnBM,IAASN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAahBO,IAAeP,EAAOI,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"SimpleTable.styled.es.js","sources":["../../../../../src/containers/SimpleTable/SimpleTable.styled.ts"],"sourcesContent":["import { Button, theme } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nexport const TableContainer = styled.div`\n  display: flex;\n\n  height: 100%;\n  width: 100%;\n  overflow: auto;\n  padding: 4px;\n\n  &.isLoading {\n    overflow: hidden;\n  }\n  &.fitContent {\n    height: auto;\n    overflow: visible;\n    flex: none;\n  }\n\n  /* make error icon smaller */\n  .empty-placeholder {\n    width: 100%;\n    padding: 8px;\n    max-width: 240px;\n    .icon {\n      font-size: 32px;\n    }\n    h3 {\n      ${theme.titleMedium}\n    }\n  }\n\n  table {\n    height: fit-content;\n    width: 100%;\n    display: grid;\n  }\n\n  thead {\n    display: none;\n  }\n\n  tbody {\n    position: relative;\n    display: grid;\n  }\n\n  tr {\n    position: absolute;\n    display: flex;\n    width: 100%;\n    /* transform: set on dynamically */\n  }\n\n  td {\n    padding: 1px 0px;\n    width: 100%;\n  }\n`\n\nexport const Cell = styled.div`\n  width: 100%;\n  min-height: 32px;\n  user-select: none;\n  padding: 0px 4px;\n\n  display: flex;\n  gap: var(--base-gap-small);\n  align-items: center;\n  cursor: pointer;\n\n  border-radius: var(--border-radius-m);\n\n  .text {\n    width: 100%;\n    overflow: hidden;\n    display: flex;\n  }\n\n  .value {\n    white-space: nowrap;\n    overflow: hidden;\n    text-overflow: ellipsis;\n  }\n\n  .path {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n    max-width: fit-content;\n    margin-right: 4px;\n    flex: 1; // path ellipsis first before value\n  }\n\n  .loading {\n    pointer-events: none;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-hover);\n  }\n\n  &.selected {\n    background-color: var(--md-sys-color-primary-container);\n\n    &,\n    .icon {\n      color: var(--md-sys-color-on-primary-container);\n    }\n\n    /* update expander styles */\n    .expander {\n      &:hover {\n        background-color: var(--md-sys-color-on-primary);\n      }\n    }\n  }\n\n  &.inactive {\n    .icon,\n    .value {\n      color: var(--md-sys-color-outline);\n    }\n  }\n\n  &.disabled {\n    opacity: 0.5;\n    cursor: not-allowed !important;\n\n    &,\n    .value,\n    .icon {\n      color: var(--md-sys-color-outline);\n    }\n\n    &:hover {\n      background-color: transparent;\n    }\n\n    .value {\n      text-decoration: line-through;\n    }\n  }\n\n  /* filled icon */\n  .icon.filled {\n    font-variation-settings: 'FILL' 1, 'wght' 200, 'GRAD' 200, 'opsz' 20;\n  }\n\n  .image {\n    width: auto;\n    height: 24px;\n    max-height: 24px;\n    object-fit: cover;\n    aspect-ratio: 1;\n    background-color: var(--md-sys-color-surface-container-lowest);\n    margin-right: 4px;\n\n    &.circle {\n      border-radius: 50%;\n    }\n\n    &.square {\n      border-radius: 4px;\n    }\n  }\n`\n\nexport const Expander = styled(Button)`\n  &.expander {\n    background-color: unset;\n    padding: 2px;\n    cursor: pointer;\n    &:hover {\n      background-color: var(--md-sys-color-surface-container-high-hover);\n    }\n  }\n`\n\n// utility styles for wrapping the table\nexport const Container = styled.div`\n  border-radius: var(--border-radius-m);\n  overflow: hidden;\n  background-color: var(--md-sys-color-surface-container-low);\n  height: 100%;\n  flex: 1;\n\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`\n\nexport const Header = styled.div`\n  padding: 2px;\n  width: 100%;\n  justify-content: space-between;\n  align-items: center;\n  position: relative;\n\n  display: flex;\n  gap: var(--base-gap-small);\n\n  border-bottom: 1px solid var(--md-sys-color-outline-variant);\n`\n\nexport const HeaderButton = styled(Button)`\n  background-color: unset !important;\n  z-index: 110;\n  position: relative;\n\n  &.hasIcon {\n    padding: 4px;\n  }\n\n  &.open {\n    background-color: unset !important;\n  }\n\n  &:hover {\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  }\n\n  &.active {\n    background-color: var(--md-sys-color-surface-container-hover) !important;\n  }\n`\n"],"names":["TableContainer","styled","theme","Cell","Expander","Button","Container","Header","HeaderButton"],"mappings":";;AAGO,MAAMA,IAAiBC,EAAO;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;AAAA,QA0B7BC,EAAM,WAAW;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;AAAA;AAAA;AAAA;AAAA;AAAA,GAgCZC,IAAOF,EAAO;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;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;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;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;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA4GdG,IAAWH,EAAOI,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYxBC,IAAYL,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAYnBM,IAASN,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAahBO,IAAeP,EAAOI,CAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

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

@@ -1,4 +1,4 @@
-"use strict";const u=require("../../../../../_virtual/jsx-runtime.cjs.js"),c=require("react"),a=require("../../SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/react-table");require("@tanstack/react-virtual");const l=require("clsx");require("@tanstack/match-sorter-utils");require("../../SimpleTable/context/SimpleTableContext.cjs.js");require("../../SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");const p=require("@ynput/ayon-react-components");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("lodash");require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/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/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/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/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/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.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/updateTasks.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("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/SubtasksModulesContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.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");require("../../../context/UriContext.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");require("react-router-dom");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../hooks/useTableDataBySlice.cjs.js");require("../context/SlicerContext.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/context/ViewsContext.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Feedback/FeedbackContext.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/PricingLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.cjs.js");const t=require("styled-components"),x=t.div``,d=t(p.InputText)`
+"use strict";const u=require("../../../../../_virtual/jsx-runtime.cjs.js"),c=require("react"),a=require("../../SimpleTable/SimpleTable.styled.cjs.js");require("@tanstack/react-table");require("@tanstack/react-virtual");const l=require("clsx");require("@tanstack/match-sorter-utils");require("../../SimpleTable/context/SimpleTableContext.cjs.js");require("../../SimpleTable/SimpleTableRowTemplate.cjs.js");require("../../../components/AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");const p=require("@ynput/ayon-react-components");require("../../../components/AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../../../components/AccessUser/AccessUser.cjs.js");require("lodash");require("../../../components/AttributeEditor/components/MinMaxField.cjs.js");require("react-dom");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../../../components/EnumEditor/EnumEditor.styled.cjs.js");require("../../../components/Badge/Badge.cjs.js");require("../../../components/Chips/Chips.cjs.js");require("date-fns");require("../../../components/DateRangePicker/DateRangePicker.styled.cjs.js");require("../../../components/LinksManager/CellEditingDialog.cjs.js");require("react-toastify");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/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/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/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/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.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/updateTasks.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("../../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../../../components/DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("../../../components/DetailsPanelDetails/DetailsSection.cjs.js");require("../../../components/DetailsPanelDetails/FieldLabel.cjs.js");require("../../../components/DoneCheckbox/DoneCheckbox.cjs.js");require("../../../components/EarlyPreview/EarlyPreview.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../../ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                      */require("../../Feed/context/FeedContext.cjs.js");require("../../Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/SubtasksModulesContext.cjs.js");require("../../../context/ThumbnailUploaderContext.cjs.js");require("../../../context/SettingsPanelContext.cjs.js");require("../../../context/pip/PiPProvider.cjs.js");require("../../../context/pip/PiPWrapper.cjs.js");require("../../../context/AddonProjectContext.cjs.js");require("../../../context/AddonContext.cjs.js");require("../../../context/PowerpackContext.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");require("../../../context/UriContext.cjs.js");require("../../Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../Feed/components/CommentInput/CommentInput.cjs.js");require("../../Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../../Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("uuid");require("../../../util/pubsub.cjs.js");require("react-router-dom");require("../../Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../Feed/components/ActivityDate.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../Feed/Feed.styled.cjs.js");require("../../DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../../components/LinksManager/LinksManager.styled.cjs.js");require("../../ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../ProjectTreeTable/widgets/ErrorWidget.cjs.js");require("../../ProjectTreeTable/context/CellEditingContext.cjs.js");require("short-uuid");require("../../ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");require("../../ProjectTreeTable/context/ClipboardContext.cjs.js");require("../../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../ProjectTreeTable/context/ProjectDataContext.cjs.js");require("../../../../../_virtual/runtime.cjs.js");require("../../../../../_virtual/semver.cjs.js");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("../../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../ProjectTreeTable/components/SelectionCell.cjs.js");require("../../ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");require("../../ProjectTreeTable/components/HeaderActionButton.cjs.js");require("../../ProjectTreeTable/components/ColumnHeaderMenu.cjs.js");require("../../EntityPickerDialog/EntityPickerDialog.cjs.js");require("../hooks/useTableDataBySlice.cjs.js");require("../context/SlicerContext.cjs.js");require("../../DetailsPanel/DetailsPanel.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../../../components/PlayableIcon/PlayableIcon.cjs.js");require("../../DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../Actions/Actions.styled.cjs.js");require("../../Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../Actions/ActionIcon.cjs.js");require("../../Views/context/ViewsContext.cjs.js");require("../../Views/Views.styled.cjs.js");require("../../Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("../../Views/ViewsMenu/ViewsMenu.cjs.js");require("../../../components/EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../../../components/ReviewablesList/ReviewablesList.styled.cjs.js");require("../../../components/ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../../../components/EntityPath/EntityPath.styled.cjs.js");require("../../../components/EntityPath/SegmentProvider.cjs.js");require("../../../components/FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../../../components/Feedback/FeedbackContext.cjs.js");require("../../../components/Feedback/SupportBubble.cjs.js");require("../../../components/FileThumbnail/FileThumbnail.cjs.js");require("../../../components/LegacyBadge/LegacyBadge.cjs.js");require("../../../components/Powerpack/PowerpackButton.cjs.js");require("../../../components/Powerpack/PricingLink.cjs.js");require("../../../components/Powerpack/PowerpackDialog.styled.cjs.js");require("../../../components/Powerpack/CTAButton.cjs.js");require("../../../components/Powerpack/RequiredAddonVersion.cjs.js");require("../../../components/ProjectTableSettings/ProjectTableSettings.cjs.js");require("../../../components/SizeSlider/SizeSlider.cjs.js");require("../../../components/ReviewableCard/ReviewableCard.cjs.js");require("../../../components/ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../../../components/SearchFilter/filterDates.cjs.js");require("../../../components/SettingsPanel/SettingsPanel.cjs.js");require("../../../components/SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../../../components/ShareOptionIcon/ShareOptionIcon.cjs.js");require("../../../components/SimpleFormDialog/SimpleFormDialog.cjs.js");require("../../../components/SortingSetting/SortingSetting.styled.cjs.js");require("../../../components/StyledLink/StyledLink.cjs.js");require("../../../components/TableGridSwitch/TableGridSwitch.cjs.js");require("../../../components/Thumbnail/Thumbnail.styled.cjs.js");require("../../../components/Thumbnail/StackedThumbnails.cjs.js");require("../../../components/ThumbnailSimple/ThumbnailSimple.cjs.js");require("../../../components/VersionUploader/components/UploadVersionDialog.cjs.js");require("../../../components/VersionUploader/context/VersionUploadContext.cjs.js");require("../../../components/Watchers/Watchers.cjs.js");require("../../../components/Menu/Menu.styled.cjs.js");require("../../../components/Menu/MenuItem.cjs.js");const t=require("styled-components"),x=t.div``,d=t(p.InputText)`
   position: absolute;
   inset: 4px;
   top: 50%;

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

@@ -1 +1 @@
-{"version":3,"file":"SlicerSearch.cjs.js","sources":["../../../../../../src/containers/Slicer/components/SlicerSearch.tsx"],"sourcesContent":["import { HeaderButton } from '@shared/containers/SimpleTable'\nimport { InputText } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { useState } from 'react'\nimport styled from 'styled-components'\n\nconst StyledContainer = styled.div``\n\nconst StyledInput = styled(InputText)`\n  position: absolute;\n  inset: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 100;\n  height: 28px;\n  min-height: 28px;\n`\n\ntype Props = {\n  value: string\n  onChange: (value: string) => void\n}\n\nconst SlicerSearch = ({ value, onChange }: Props) => {\n  const [isOpen, setIsOpen] = useState(false)\n\n  const onToggle = () => {\n    setIsOpen(!isOpen)\n    // clear value if closing\n    if (isOpen) {\n      onChange('')\n    }\n  }\n\n  const handleInputKeydown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Escape') {\n      setIsOpen(false)\n      onChange('')\n    }\n  }\n\n  return (\n    <StyledContainer>\n      {isOpen && (\n        <StyledInput\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          placeholder=\"Search\"\n          autoFocus\n          onKeyDown={handleInputKeydown}\n        />\n      )}\n      <HeaderButton\n        icon={isOpen ? 'close' : 'search'}\n        onClick={onToggle}\n        className={clsx({ open: isOpen })}\n        data-tooltip={isOpen ? 'Close search' : 'Search folders'}\n      />\n    </StyledContainer>\n  )\n}\n\nexport default SlicerSearch\n"],"names":["StyledContainer","styled","StyledInput","InputText","SlicerSearch","value","onChange","isOpen","setIsOpen","useState","onToggle","handleInputKeydown","e","jsx","HeaderButton","clsx"],"mappings":"6heAMMA,EAAkBC,EAAO,MAEzBC,EAAcD,EAAOE,WAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAe9BC,EAAe,CAAC,CAAE,MAAAC,EAAO,SAAAC,KAAsB,CACnD,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EAEpCC,EAAW,IAAM,CACrBF,EAAU,CAACD,CAAM,EAEbA,GACFD,EAAS,EAAE,CAEf,EAEMK,EAAsBC,GAA6C,CACnEA,EAAE,MAAQ,WACZJ,EAAU,EAAK,EACfF,EAAS,EAAE,EAEf,EAEA,gCACGN,EAAA,CACE,SAAA,CAAAO,GACCM,EAAAA,kBAAAA,IAACX,EAAA,CACC,MAAAG,EACA,SAAWO,GAAMN,EAASM,EAAE,OAAO,KAAK,EACxC,YAAY,SACZ,UAAS,GACT,UAAWD,CAAA,CAAA,EAGfE,EAAAA,kBAAAA,IAACC,EAAAA,aAAA,CACC,KAAMP,EAAS,QAAU,SACzB,QAASG,EACT,UAAWK,EAAK,CAAE,KAAMR,EAAQ,EAChC,eAAcA,EAAS,eAAiB,gBAAA,CAAA,CAC1C,EACF,CAEJ"}
+{"version":3,"file":"SlicerSearch.cjs.js","sources":["../../../../../../src/containers/Slicer/components/SlicerSearch.tsx"],"sourcesContent":["import { HeaderButton } from '@shared/containers/SimpleTable'\nimport { InputText } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { useState } from 'react'\nimport styled from 'styled-components'\n\nconst StyledContainer = styled.div``\n\nconst StyledInput = styled(InputText)`\n  position: absolute;\n  inset: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 100;\n  height: 28px;\n  min-height: 28px;\n`\n\ntype Props = {\n  value: string\n  onChange: (value: string) => void\n}\n\nconst SlicerSearch = ({ value, onChange }: Props) => {\n  const [isOpen, setIsOpen] = useState(false)\n\n  const onToggle = () => {\n    setIsOpen(!isOpen)\n    // clear value if closing\n    if (isOpen) {\n      onChange('')\n    }\n  }\n\n  const handleInputKeydown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Escape') {\n      setIsOpen(false)\n      onChange('')\n    }\n  }\n\n  return (\n    <StyledContainer>\n      {isOpen && (\n        <StyledInput\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          placeholder=\"Search\"\n          autoFocus\n          onKeyDown={handleInputKeydown}\n        />\n      )}\n      <HeaderButton\n        icon={isOpen ? 'close' : 'search'}\n        onClick={onToggle}\n        className={clsx({ open: isOpen })}\n        data-tooltip={isOpen ? 'Close search' : 'Search folders'}\n      />\n    </StyledContainer>\n  )\n}\n\nexport default SlicerSearch\n"],"names":["StyledContainer","styled","StyledInput","InputText","SlicerSearch","value","onChange","isOpen","setIsOpen","useState","onToggle","handleInputKeydown","e","jsx","HeaderButton","clsx"],"mappings":"0peAMMA,EAAkBC,EAAO,MAEzBC,EAAcD,EAAOE,WAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAe9BC,EAAe,CAAC,CAAE,MAAAC,EAAO,SAAAC,KAAsB,CACnD,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EAEpCC,EAAW,IAAM,CACrBF,EAAU,CAACD,CAAM,EAEbA,GACFD,EAAS,EAAE,CAEf,EAEMK,EAAsBC,GAA6C,CACnEA,EAAE,MAAQ,WACZJ,EAAU,EAAK,EACfF,EAAS,EAAE,EAEf,EAEA,gCACGN,EAAA,CACE,SAAA,CAAAO,GACCM,EAAAA,kBAAAA,IAACX,EAAA,CACC,MAAAG,EACA,SAAWO,GAAMN,EAASM,EAAE,OAAO,KAAK,EACxC,YAAY,SACZ,UAAS,GACT,UAAWD,CAAA,CAAA,EAGfE,EAAAA,kBAAAA,IAACC,EAAAA,aAAA,CACC,KAAMP,EAAS,QAAU,SACzB,QAASG,EACT,UAAWK,EAAK,CAAE,KAAMR,EAAQ,EAChC,eAAcA,EAAS,eAAiB,gBAAA,CAAA,CAC1C,EACF,CAEJ"}

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

@@ -49,6 +49,7 @@ import "../../../api/generated/operations.es.js";
 import "../../../api/generated/products.es.js";
 import "../../../api/generated/projectDashboard.es.js";
 import "../../../api/generated/projects.es.js";
+import "../../../api/generated/projectFolders.es.js";
 import "../../../api/generated/reviewables.es.js";
 import "../../../api/generated/services.es.js";
 import "../../../api/generated/system.es.js";
@@ -96,6 +97,7 @@ import "../../../api/queries/permissions/getPermissions.es.js";
 import "../../../api/queries/products/createProduct.es.js";
 import "../../../api/queries/project/getProject.es.js";
 import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/projectFolders/projectFolders.es.js";
 import "../../../api/queries/review/getReview.es.js";
 import "../../../api/queries/review/updateReview.es.js";
 import "../../../api/queries/share/share.es.js";
@@ -265,7 +267,7 @@ const f = m.div``, u = m(d)`
   z-index: 100;
   height: 28px;
   min-height: 28px;
-`, mp = ({ value: e, onChange: o }) => {
+`, sp = ({ value: e, onChange: o }) => {
   const [t, p] = a(!1), s = () => {
     p(!t), t && o("");
   }, n = (r) => {
@@ -294,6 +296,6 @@ const f = m.div``, u = m(d)`
   ] });
 };
 export {
-  mp as default
+  sp as default
 };
 //# sourceMappingURL=SlicerSearch.es.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"SlicerSearch.es.js","sources":["../../../../../../src/containers/Slicer/components/SlicerSearch.tsx"],"sourcesContent":["import { HeaderButton } from '@shared/containers/SimpleTable'\nimport { InputText } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { useState } from 'react'\nimport styled from 'styled-components'\n\nconst StyledContainer = styled.div``\n\nconst StyledInput = styled(InputText)`\n  position: absolute;\n  inset: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 100;\n  height: 28px;\n  min-height: 28px;\n`\n\ntype Props = {\n  value: string\n  onChange: (value: string) => void\n}\n\nconst SlicerSearch = ({ value, onChange }: Props) => {\n  const [isOpen, setIsOpen] = useState(false)\n\n  const onToggle = () => {\n    setIsOpen(!isOpen)\n    // clear value if closing\n    if (isOpen) {\n      onChange('')\n    }\n  }\n\n  const handleInputKeydown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Escape') {\n      setIsOpen(false)\n      onChange('')\n    }\n  }\n\n  return (\n    <StyledContainer>\n      {isOpen && (\n        <StyledInput\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          placeholder=\"Search\"\n          autoFocus\n          onKeyDown={handleInputKeydown}\n        />\n      )}\n      <HeaderButton\n        icon={isOpen ? 'close' : 'search'}\n        onClick={onToggle}\n        className={clsx({ open: isOpen })}\n        data-tooltip={isOpen ? 'Close search' : 'Search folders'}\n      />\n    </StyledContainer>\n  )\n}\n\nexport default SlicerSearch\n"],"names":["StyledContainer","styled","StyledInput","InputText","SlicerSearch","value","onChange","isOpen","setIsOpen","useState","onToggle","handleInputKeydown","e","jsx","HeaderButton","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,IAAkBC,EAAO,OAEzBC,IAAcD,EAAOE,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAe9BC,KAAe,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAAsB;AACnD,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAW,MAAM;AACrB,IAAAF,EAAU,CAACD,CAAM,GAEbA,KACFD,EAAS,EAAE;AAAA,EAEf,GAEMK,IAAqB,CAACC,MAA6C;AACvE,IAAIA,EAAE,QAAQ,aACZJ,EAAU,EAAK,GACfF,EAAS,EAAE;AAAA,EAEf;AAEA,gCACGN,GAAA,EACE,UAAA;AAAA,IAAAO,KACCM,gBAAAA,EAAAA;AAAAA,MAACX;AAAA,MAAA;AAAA,QACC,OAAAG;AAAA,QACA,UAAU,CAACO,MAAMN,EAASM,EAAE,OAAO,KAAK;AAAA,QACxC,aAAY;AAAA,QACZ,WAAS;AAAA,QACT,WAAWD;AAAA,MAAA;AAAA,IAAA;AAAA,IAGfE,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMP,IAAS,UAAU;AAAA,QACzB,SAASG;AAAA,QACT,WAAWK,EAAK,EAAE,MAAMR,GAAQ;AAAA,QAChC,gBAAcA,IAAS,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EAC1C,GACF;AAEJ;"}
+{"version":3,"file":"SlicerSearch.es.js","sources":["../../../../../../src/containers/Slicer/components/SlicerSearch.tsx"],"sourcesContent":["import { HeaderButton } from '@shared/containers/SimpleTable'\nimport { InputText } from '@ynput/ayon-react-components'\nimport clsx from 'clsx'\nimport { useState } from 'react'\nimport styled from 'styled-components'\n\nconst StyledContainer = styled.div``\n\nconst StyledInput = styled(InputText)`\n  position: absolute;\n  inset: 4px;\n  top: 50%;\n  transform: translateY(-50%);\n  z-index: 100;\n  height: 28px;\n  min-height: 28px;\n`\n\ntype Props = {\n  value: string\n  onChange: (value: string) => void\n}\n\nconst SlicerSearch = ({ value, onChange }: Props) => {\n  const [isOpen, setIsOpen] = useState(false)\n\n  const onToggle = () => {\n    setIsOpen(!isOpen)\n    // clear value if closing\n    if (isOpen) {\n      onChange('')\n    }\n  }\n\n  const handleInputKeydown = (e: React.KeyboardEvent<HTMLInputElement>) => {\n    if (e.key === 'Escape') {\n      setIsOpen(false)\n      onChange('')\n    }\n  }\n\n  return (\n    <StyledContainer>\n      {isOpen && (\n        <StyledInput\n          value={value}\n          onChange={(e) => onChange(e.target.value)}\n          placeholder=\"Search\"\n          autoFocus\n          onKeyDown={handleInputKeydown}\n        />\n      )}\n      <HeaderButton\n        icon={isOpen ? 'close' : 'search'}\n        onClick={onToggle}\n        className={clsx({ open: isOpen })}\n        data-tooltip={isOpen ? 'Close search' : 'Search folders'}\n      />\n    </StyledContainer>\n  )\n}\n\nexport default SlicerSearch\n"],"names":["StyledContainer","styled","StyledInput","InputText","SlicerSearch","value","onChange","isOpen","setIsOpen","useState","onToggle","handleInputKeydown","e","jsx","HeaderButton","clsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,IAAkBC,EAAO,OAEzBC,IAAcD,EAAOE,CAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAe9BC,KAAe,CAAC,EAAE,OAAAC,GAAO,UAAAC,QAAsB;AACnD,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GAEpCC,IAAW,MAAM;AACrB,IAAAF,EAAU,CAACD,CAAM,GAEbA,KACFD,EAAS,EAAE;AAAA,EAEf,GAEMK,IAAqB,CAACC,MAA6C;AACvE,IAAIA,EAAE,QAAQ,aACZJ,EAAU,EAAK,GACfF,EAAS,EAAE;AAAA,EAEf;AAEA,gCACGN,GAAA,EACE,UAAA;AAAA,IAAAO,KACCM,gBAAAA,EAAAA;AAAAA,MAACX;AAAA,MAAA;AAAA,QACC,OAAAG;AAAA,QACA,UAAU,CAACO,MAAMN,EAASM,EAAE,OAAO,KAAK;AAAA,QACxC,aAAY;AAAA,QACZ,WAAS;AAAA,QACT,WAAWD;AAAA,MAAA;AAAA,IAAA;AAAA,IAGfE,gBAAAA,EAAAA;AAAAA,MAACC;AAAA,MAAA;AAAA,QACC,MAAMP,IAAS,UAAU;AAAA,QACzB,SAASG;AAAA,QACT,WAAWK,EAAK,EAAE,MAAMR,GAAQ;AAAA,QAChC,gBAAcA,IAAS,iBAAiB;AAAA,MAAA;AAAA,IAAA;AAAA,EAC1C,GACF;AAEJ;"}

package/dist/shared/src/containers/Slicer/context/SlicerContext.cjs.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("../../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),x=require("../../../hooks/useLoadModule.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/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/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/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/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/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.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/updateTasks.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("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/SubtasksModulesContext.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");const z=require("../../../context/PowerpackContext.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");require("../../../context/UriContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");const B=require("../components/SlicerDropdownFallback.cjs.js"),S=u.createContext(void 0),G=({children:t,rowSelection:n,setRowSelection:q,onRowSelectionChange:l,expanded:f,setExpanded:y,onExpandedChange:g,sliceType:R,onSliceTypeChange:w})=>{const[k,m]=u.useState({}),[C,T]=u.useState({}),[b,E]=u.useState("hierarchy"),D=n??k,c=q??m,j=f??C,P=y??T,M=R??b,[v,a]=u.useState({}),[d,p]=u.useState({}),L={progress:{fields:[{value:"hierarchy"},{value:"assignees"},{value:"status"},{value:"taskType"}]},overview:{fields:[{value:"hierarchy"},{value:"assignees"},{value:"status"},{value:"type"},{value:"taskType"},{value:"attributes"}]},versions:{fields:[{value:"hierarchy"},{value:"assignees",label:"Task assignee"},{value:"status",label:"Version status"},{value:"author",label:"Version author"},{value:"productType"},{value:"taskType"}]}},{useExtraSlices:A,SlicerDropdown:I}=H(),O=(e,i)=>Object.keys(e).filter(r=>e[r]).reduce((r,s)=>{const h=i.get(s);return h?(r[s]=h,r):(console.warn(`Row with id ${s} not found in data`),r)},{}),V=(e,i)=>{const o=O(e,i);a(o),l?.(e,i)},_=e=>{g?.(e)},F=(e,i,o)=>{c({}),w?w(e,i,o):E(e),a({}),i&&p(v),o&&(p({}),a(d),c(Object.keys(d).reduce((r,s)=>(r[s]=!0,r),{})))};return $.jsxRuntimeExports.jsx(S.Provider,{value:{rowSelection:D,setRowSelection:c,onRowSelectionChange:V,expanded:j,setExpanded:P,onExpandedChange:_,sliceType:M,onSliceTypeChange:F,rowSelectionData:v,setRowSelectionData:a,persistentRowSelectionData:d,setPersistentRowSelectionData:p,config:L,useExtraSlices:A,SlicerDropdown:I},children:t})},H=()=>{const t=()=>({formatStatuses:()=>[],formatTaskTypes:()=>[],formatTypes:()=>[],formatAssignees:()=>[],formatAttribute:()=>[],formatProductTypes:()=>[],formatAuthors:()=>[]}),{powerLicense:n}=z.usePowerpack(),[q]=x.useLoadModule({addon:"powerpack",remote:"slicer",module:"useExtraSlices",fallback:t,skip:!n}),[l]=x.useLoadModule({addon:"powerpack",remote:"slicer",module:"SlicerDropdown",fallback:B,skip:!n});return{useExtraSlices:q,SlicerDropdown:l}},J=()=>{const t=u.useContext(S);if(t===void 0)throw new Error("useSlicerContext must be used within a SlicerProvider");return t};exports.SlicerProvider=G;exports.default=S;exports.useSlicerContext=J;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const $=require("../../../../../_virtual/jsx-runtime.cjs.js"),u=require("react"),x=require("../../../hooks/useLoadModule.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/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/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/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/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/links/getEntityLinks.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/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.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/updateTasks.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("../../../context/RemoteModulesContext.cjs.js");require("../../../context/DetailsPanelContext.cjs.js");require("../../../context/SubtasksModulesContext.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");const z=require("../../../context/PowerpackContext.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");require("../../../context/UriContext.cjs.js");require("react-redux");require("custom-protocol-check");require("../../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");const B=require("../components/SlicerDropdownFallback.cjs.js"),S=u.createContext(void 0),G=({children:t,rowSelection:n,setRowSelection:q,onRowSelectionChange:l,expanded:f,setExpanded:y,onExpandedChange:g,sliceType:R,onSliceTypeChange:w})=>{const[k,m]=u.useState({}),[C,T]=u.useState({}),[b,E]=u.useState("hierarchy"),D=n??k,c=q??m,j=f??C,P=y??T,M=R??b,[v,a]=u.useState({}),[d,p]=u.useState({}),L={progress:{fields:[{value:"hierarchy"},{value:"assignees"},{value:"status"},{value:"taskType"}]},overview:{fields:[{value:"hierarchy"},{value:"assignees"},{value:"status"},{value:"type"},{value:"taskType"},{value:"attributes"}]},versions:{fields:[{value:"hierarchy"},{value:"assignees",label:"Task assignee"},{value:"status",label:"Version status"},{value:"author",label:"Version author"},{value:"productType"},{value:"taskType"}]}},{useExtraSlices:A,SlicerDropdown:I}=H(),O=(e,i)=>Object.keys(e).filter(r=>e[r]).reduce((r,s)=>{const h=i.get(s);return h?(r[s]=h,r):(console.warn(`Row with id ${s} not found in data`),r)},{}),V=(e,i)=>{const o=O(e,i);a(o),l?.(e,i)},_=e=>{g?.(e)},F=(e,i,o)=>{c({}),w?w(e,i,o):E(e),a({}),i&&p(v),o&&(p({}),a(d),c(Object.keys(d).reduce((r,s)=>(r[s]=!0,r),{})))};return $.jsxRuntimeExports.jsx(S.Provider,{value:{rowSelection:D,setRowSelection:c,onRowSelectionChange:V,expanded:j,setExpanded:P,onExpandedChange:_,sliceType:M,onSliceTypeChange:F,rowSelectionData:v,setRowSelectionData:a,persistentRowSelectionData:d,setPersistentRowSelectionData:p,config:L,useExtraSlices:A,SlicerDropdown:I},children:t})},H=()=>{const t=()=>({formatStatuses:()=>[],formatTaskTypes:()=>[],formatTypes:()=>[],formatAssignees:()=>[],formatAttribute:()=>[],formatProductTypes:()=>[],formatAuthors:()=>[]}),{powerLicense:n}=z.usePowerpack(),[q]=x.useLoadModule({addon:"powerpack",remote:"slicer",module:"useExtraSlices",fallback:t,skip:!n}),[l]=x.useLoadModule({addon:"powerpack",remote:"slicer",module:"SlicerDropdown",fallback:B,skip:!n});return{useExtraSlices:q,SlicerDropdown:l}},J=()=>{const t=u.useContext(S);if(t===void 0)throw new Error("useSlicerContext must be used within a SlicerProvider");return t};exports.SlicerProvider=G;exports.default=S;exports.useSlicerContext=J;
 //# sourceMappingURL=SlicerContext.cjs.js.map