@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

package/dist/shared/src/components/ProjectTableSettings/ColumnsSettings.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColumnsSettings.es.js","sources":["../../../../../src/components/ProjectTableSettings/ColumnsSettings.tsx"],"sourcesContent":["// React and Styling imports\nimport { FC, useEffect, useMemo, useRef, useState } from 'react'\nimport styled from 'styled-components'\nimport * as Styled from './TableSettings.styled'\nimport {\n  ColumnOrderState,\n  ColumnPinningState,\n  ColumnSizingState,\n  SortingState,\n  VisibilityState,\n} from '@tanstack/react-table'\n\n// Context and Components imports\nimport {\n  ColumnsConfig,\n  TableGroupBy,\n  useColumnSettingsContext,\n} from '@shared/containers/ProjectTreeTable/context/ColumnSettingsContext'\nimport ColumnItem from './ColumnItem'\nimport SortableColumnItem from './SortableColumnItem'\n\n// DND (Drag and Drop) imports\nimport {\n  DndContext,\n  closestCenter,\n  DragEndEvent,\n  DragStartEvent,\n  useSensor,\n  useSensors,\n  PointerSensor,\n  DragOverlay,\n  DragOverEvent,\n} from '@dnd-kit/core'\nimport { SortableContext, verticalListSortingStrategy, arrayMove } from '@dnd-kit/sortable'\n\n// Notification imports\nimport { toast } from 'react-toastify'\nimport { checkColumnVisibility } from '../../containers/ProjectTreeTable/utils'\nimport {\n  SettingsPanelItem,\n  SettingsPanelItemTemplateProps,\n} from '../SettingsPanel/SettingsPanelItemTemplate'\nimport { SettingsPanelItemTemplate } from '../SettingsPanel/SettingsPanelItemTemplate'\nimport type { SettingHighlightedId } from '@shared/context/SettingsPanelContext'\nimport { InputSwitch } from '@ynput/ayon-react-components'\n\nexport interface SettingSwitchProps\n  extends Omit<SettingsPanelItemTemplateProps, 'onChange' | 'item'> {\n  icon?: string\n  label: string\n  checked: boolean\n  onChange: (checked: boolean) => void\n  disabled?: boolean\n}\n\nexport const SettingSwitch: FC<SettingSwitchProps> = ({\n  icon,\n  label,\n  checked,\n  onChange,\n  disabled,\n  ...props\n}) => (\n  <SettingsPanelItemTemplate\n    item={{ value: label, label, icon }}\n    isDisabled={disabled}\n    style={{ paddingRight: 8 }}\n    disableHover\n    endContent={\n      <InputSwitch\n        checked={checked}\n        disabled={disabled}\n        onChange={(event) => onChange(event.currentTarget.checked)}\n      />\n    }\n    {...props}\n  />\n)\n\ninterface ColumnsSettingsProps {\n  columns: SettingsPanelItem[]\n  highlighted?: SettingHighlightedId\n  columnVisibility: VisibilityState\n  updateColumnVisibility: (visibility: VisibilityState) => void\n  columnPinning: ColumnPinningState\n  updateColumnPinning: (pinning: ColumnPinningState) => void\n  columnOrder: ColumnOrderState\n  setColumnsConfig: (config: ColumnsConfig) => void\n  columnSizing: ColumnSizingState\n  groupBy?: TableGroupBy\n  sorting: SortingState\n  rowHeight?: number\n  defaultColumnVisibility?: VisibilityState\n}\n\nexport const ColumnsSettings: FC<ColumnsSettingsProps> = ({\n  columns,\n  highlighted,\n  columnVisibility,\n  updateColumnVisibility,\n  columnPinning,\n  updateColumnPinning,\n  columnOrder,\n  setColumnsConfig,\n  columnSizing,\n  groupBy,\n  sorting,\n  rowHeight,\n  defaultColumnVisibility,\n  ...props\n}) => {\n  // State for the currently dragged column\n  const [activeId, setActiveId] = useState<string | null>(null)\n  const [isHiddenOverVisible, setIsHiddenOverVisible] = useState(false)\n  const [isDraggingOverPinned, setIsDraggingOverPinned] = useState(false)\n  const [isDraggingFromPinned, setIsDraggingFromPinned] = useState(false)\n  // Add a new state to track if we're hovering over the visible section\n  const [isHoveringVisibleSection, setIsHoveringVisibleSection] = useState(false)\n  // Add state to track if dragging over the hidden section\n  const [isDraggingOverHidden, setIsDraggingOverHidden] = useState(false)\n\n  // Setup sensors for dnd-kit\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n  )\n\n  const menuRef = useRef<HTMLUListElement | null>(null)\n\n  // if highlighted is set, scroll to the highlighted column\n  useEffect(() => {\n    if (menuRef.current && highlighted) {\n      const highlightedElement = menuRef.current.querySelector(`#column-settings-${highlighted}`)\n      if (highlightedElement) {\n        highlightedElement.scrollIntoView({\n          behavior: 'smooth',\n          block: 'center',\n        })\n      }\n    }\n  }, [highlighted])\n\n  // Separate columns into visible, hidden, and pinned\n  const { visibleColumns, hiddenColumns, pinnedColumns } = useMemo(() => {\n    // First filter columns by visibility\n    const visible = columns.filter((col) =>\n      checkColumnVisibility(columnVisibility, col.value, defaultColumnVisibility),\n    )\n    const hidden = columns.filter(\n      (col) => !checkColumnVisibility(columnVisibility, col.value, defaultColumnVisibility),\n    )\n\n    // Then separate out pinned columns from visible\n    const pinned = visible.filter((col) => columnPinning.left?.includes(col.value))\n    const unpinnedVisible = visible.filter((col) => !columnPinning.left?.includes(col.value))\n\n    return {\n      visibleColumns: unpinnedVisible,\n      hiddenColumns: hidden,\n      pinnedColumns: pinned,\n    }\n  }, [columns, columnVisibility, columnPinning, defaultColumnVisibility])\n\n  // Sort columns based on columnOrder\n  const sortedVisibleColumns = useMemo(() => {\n    // Create a copy of visible columns\n    const visibleCopy = [...visibleColumns]\n\n    // If we have a column order, use it to sort\n    if (columnOrder.length > 0) {\n      visibleCopy.sort((a, b) => {\n        const indexA = columnOrder.indexOf(a.value)\n        const indexB = columnOrder.indexOf(b.value)\n\n        // If column is not in order array, place at end\n        if (indexA === -1) return 1\n        if (indexB === -1) return -1\n\n        return indexA - indexB\n      })\n    }\n\n    return visibleCopy\n  }, [visibleColumns, columnOrder])\n\n  // Sort pinned columns based on columnOrder\n  const sortedPinnedColumns = useMemo(() => {\n    // Create a copy of pinned columns\n    const pinnedCopy = [...pinnedColumns]\n\n    // If we have a column order, use it to sort\n    if (columnOrder.length > 0) {\n      pinnedCopy.sort((a, b) => {\n        const indexA = columnOrder.indexOf(a.value)\n        const indexB = columnOrder.indexOf(b.value)\n\n        // If column is not in order array, place at end\n        if (indexA === -1) return 1\n        if (indexB === -1) return -1\n\n        return indexA - indexB\n      })\n    }\n\n    return pinnedCopy\n  }, [pinnedColumns, columnOrder])\n\n  const sortedVisibleColumnsIds = useMemo(\n    () => sortedVisibleColumns.map((col) => col.value),\n    [sortedVisibleColumns],\n  )\n\n  const sortedPinnedColumnsIds = useMemo(\n    () => sortedPinnedColumns.map((col) => col.value),\n    [sortedPinnedColumns],\n  )\n\n  // Toggle column visibility\n  const toggleVisibility = (columnId: string) => {\n    const isVisible = checkColumnVisibility(columnVisibility, columnId, defaultColumnVisibility)\n    const newState = { ...columnVisibility, [columnId]: !isVisible }\n    console.log('Toggling visibility for', columnId, 'to', !isVisible)\n    updateColumnVisibility(newState)\n  }\n\n  // Toggle column pinning\n  const togglePinning = (columnId: string) => {\n    const newState = { ...columnPinning }\n    const newVisibility = { ...columnVisibility }\n\n    // If column is currently pinned, unpin it\n    if (newState.left?.includes(columnId)) {\n      newState.left = newState.left.filter((id) => id !== columnId)\n    } else {\n      // If column is currently unpinned, pin it\n      newState.left = [...(newState.left || []), columnId]\n      // If column is hidden, show it\n      if (!checkColumnVisibility(columnVisibility, columnId, defaultColumnVisibility)) {\n        newVisibility[columnId] = true\n        updateColumnVisibility(newVisibility)\n      }\n    }\n    updateColumnPinning(newState)\n  }\n\n  // When drag starts\n  const handleDragStart = (event: DragStartEvent) => {\n    const id = event.active.id as string\n    setActiveId(id)\n    setIsDraggingFromPinned(columnPinning.left?.includes(id) || false)\n  }\n\n  // Track when dragging over different sections\n  const handleDragOver = (event: DragOverEvent) => {\n    const { active, over } = event\n\n    if (over && active.id !== over.id) {\n      // Check if we're dragging a hidden column over a visible column\n      const isActiveVisible = checkColumnVisibility(\n        columnVisibility,\n        active.id as string,\n        defaultColumnVisibility,\n      )\n      const isOverVisible = checkColumnVisibility(\n        columnVisibility,\n        over.id as string,\n        defaultColumnVisibility,\n      )\n      const isOverPinned = columnPinning.left?.includes(over.id as string) || false\n      const isOverHidden = !isOverVisible\n\n      setIsHiddenOverVisible(!isActiveVisible && isOverVisible && !isOverPinned)\n      setIsDraggingOverPinned(isOverVisible && isOverPinned)\n      setIsDraggingOverHidden(isOverHidden)\n\n      // Set if we're hovering over the visible (unpinned) section\n      setIsHoveringVisibleSection(isOverVisible && !isOverPinned)\n    } else {\n      // Reset when not over any column\n      setIsHoveringVisibleSection(false)\n      setIsDraggingOverHidden(false)\n    }\n  }\n\n  // When drag ends, reset all states\n  const handleDragEnd = (event: DragEndEvent) => {\n    // Reset states\n    setIsHiddenOverVisible(false)\n    setIsDraggingOverPinned(false)\n    setIsDraggingFromPinned(false)\n    setIsHoveringVisibleSection(false)\n    setIsDraggingOverHidden(false)\n\n    const { active, over } = event\n\n    if (over && active.id !== over.id) {\n      // Find the dragged column and target column\n      const activeColumn = [...visibleColumns, ...hiddenColumns, ...pinnedColumns].find(\n        (col) => col.value === active.id,\n      )\n      const overColumn = [...visibleColumns, ...hiddenColumns, ...pinnedColumns].find(\n        (col) => col.value === over.id,\n      )\n\n      if (activeColumn && overColumn) {\n        const activeId = active.id as string\n        const overId = over.id as string\n        const isActiveVisible = checkColumnVisibility(\n          columnVisibility,\n          activeId,\n          defaultColumnVisibility,\n        )\n        const isOverVisible = checkColumnVisibility(\n          columnVisibility,\n          overId,\n          defaultColumnVisibility,\n        )\n        const isActivePinned = columnPinning.left?.includes(activeId) || false\n        const isOverPinned = columnPinning.left?.includes(overId) || false\n        const isOverHidden = !isOverVisible\n\n        // Create a new config object that we'll update and apply at the end\n        const newConfig: ColumnsConfig = {\n          columnVisibility: { ...columnVisibility },\n          columnOrder: [...columnOrder],\n          columnPinning: { ...columnPinning },\n          columnSizing: { ...columnSizing },\n          groupBy,\n          sorting,\n          rowHeight,\n        }\n\n        // If we're moving a column between visible columns (including pinned)\n        if (isActiveVisible && isOverVisible) {\n          let newPinningLeft = [...(newConfig.columnPinning.left || [])]\n\n          // Handle pinning/unpinning based on target section\n          if (isActivePinned !== isOverPinned) {\n            if (isActivePinned && !isOverPinned) {\n              // Moving from pinned to unpinned section\n              newPinningLeft = newPinningLeft.filter((id) => id !== activeId)\n            } else if (!isActivePinned && isOverPinned) {\n              // Moving from unpinned to pinned section\n              newPinningLeft = [...newPinningLeft, activeId]\n            }\n          }\n\n          // Update order within the appropriate section\n          const allVisibleIds = [...sortedPinnedColumnsIds, ...sortedVisibleColumnsIds]\n          const oldIndex = allVisibleIds.indexOf(activeId)\n          const newIndex = allVisibleIds.indexOf(overId)\n\n          if (oldIndex === -1 || newIndex === -1) {\n            console.error('Invalid column order state')\n            toast.error('Invalid column order state')\n            return\n          }\n\n          const newOrder = arrayMove(allVisibleIds, oldIndex, newIndex)\n\n          // new pinning left should be ordered by the new order\n          const newPinningLeftOrdered = newOrder.filter((id) => newPinningLeft.includes(id))\n\n          // Update config object\n          newConfig.columnOrder = newOrder\n          newConfig.columnPinning = {\n            ...newConfig.columnPinning,\n            left: newPinningLeftOrdered,\n          }\n\n          // Apply all changes at once\n          setColumnsConfig(newConfig)\n        }\n\n        // If we're dragging from hidden to visible\n        else if (!isActiveVisible && isOverVisible) {\n          // Make the column visible\n          newConfig.columnVisibility[activeId] = true\n\n          // If dropping into pinned section, also pin the column\n          if (isOverPinned) {\n            const newPinningLeft = [...(newConfig.columnPinning.left || []), activeId]\n            newConfig.columnPinning.left = newPinningLeft\n          }\n\n          // Update order to place it near the over column\n          const allVisibleIds = [...sortedPinnedColumnsIds, ...sortedVisibleColumnsIds]\n\n          // Add the column to order if not already there\n          if (!allVisibleIds.includes(activeId)) {\n            const overIndex = allVisibleIds.indexOf(overId)\n            allVisibleIds.splice(overIndex, 0, activeId)\n          }\n\n          newConfig.columnOrder = allVisibleIds\n\n          // Apply all changes at once\n          setColumnsConfig(newConfig)\n        }\n\n        // If we're dragging from visible to hidden\n        else if (isActiveVisible && isOverHidden) {\n          // Make the active column hidden\n          newConfig.columnVisibility[activeId] = false\n\n          // If the column was pinned, remove it from pinned\n          if (isActivePinned) {\n            const newPinningLeft = (newConfig.columnPinning.left || []).filter(\n              (id) => id !== activeId,\n            )\n            newConfig.columnPinning.left = newPinningLeft\n          }\n\n          // Apply all changes at once\n          setColumnsConfig(newConfig)\n        }\n      }\n    }\n\n    setActiveId(null)\n  }\n\n  // Find the active column for the drag overlay\n  const activeColumn = activeId\n    ? [...visibleColumns, ...hiddenColumns, ...pinnedColumns].find((col) => col.value === activeId)\n    : null\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={closestCenter}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n    >\n      <ColumnsContainer>\n        {/* Pinned Columns Section */}\n        {pinnedColumns.length > 0 && (\n          <Section className={isDraggingOverPinned && !isDraggingFromPinned ? 'drop-target' : ''}>\n            <SectionTitle>Pinned Columns</SectionTitle>\n            <SortableContext\n              items={sortedPinnedColumns.map((col) => col.value)}\n              strategy={verticalListSortingStrategy}\n            >\n              <Styled.Menu>\n                {sortedPinnedColumns.map((column) => (\n                  <SortableColumnItem\n                    key={column.value}\n                    id={column.value}\n                    column={column}\n                    isPinned={true}\n                    isHidden={false}\n                    isDisabled={!!groupBy && column.value === 'name'} // Disable 'name' column if grouping is enabled\n                    isHighlighted={highlighted === column.value}\n                    onTogglePinning={togglePinning}\n                    onToggleVisibility={toggleVisibility}\n                  />\n                ))}\n              </Styled.Menu>\n            </SortableContext>\n          </Section>\n        )}\n\n        {/* Visible Columns Section */}\n        <Section\n          className={\n            isHiddenOverVisible || (isDraggingFromPinned && isHoveringVisibleSection)\n              ? 'drop-target'\n              : ''\n          }\n        >\n          <SectionTitle>Visible Columns</SectionTitle>\n          <SortableContext\n            items={sortedVisibleColumns.map((col) => col.value)}\n            strategy={verticalListSortingStrategy}\n          >\n            <Styled.Menu>\n              {sortedVisibleColumns.map((column) => (\n                <SortableColumnItem\n                  key={column.value}\n                  id={column.value}\n                  column={column}\n                  isPinned={false}\n                  isHidden={false}\n                  isHighlighted={highlighted === column.value}\n                  isDisabled={!!groupBy && column.value === 'name'} // Disable 'name' column if grouping is enabled\n                  onTogglePinning={togglePinning}\n                  onToggleVisibility={toggleVisibility}\n                />\n              ))}\n            </Styled.Menu>\n          </SortableContext>\n        </Section>\n\n        {/* Hidden Columns Section */}\n        {hiddenColumns.length > 0 && (\n          <Section className={isDraggingOverHidden ? 'drop-target' : ''}>\n            <SectionTitle>Hidden Columns</SectionTitle>\n            <Styled.Menu ref={menuRef}>\n              {hiddenColumns.map((column) => (\n                <SortableColumnItem\n                  key={column.value}\n                  id={column.value}\n                  column={column}\n                  isPinned={columnPinning.left?.includes(column.value) || false}\n                  isHidden={true}\n                  isHighlighted={highlighted === column.value}\n                  isDisabled={!!groupBy && column.value === 'name'} // Disable 'name' column if grouping is enabled\n                  onTogglePinning={togglePinning}\n                  onToggleVisibility={toggleVisibility}\n                />\n              ))}\n            </Styled.Menu>\n          </Section>\n        )}\n\n        {/* Drag Overlay */}\n        <DragOverlay>\n          {activeColumn && (\n            <ColumnItem\n              column={activeColumn}\n              isPinned={columnPinning.left?.includes(activeColumn.value) || false}\n              isHidden={\n                !checkColumnVisibility(\n                  columnVisibility,\n                  activeColumn.value,\n                  defaultColumnVisibility,\n                )\n              }\n              isHighlighted={highlighted === activeColumn.value}\n              dragOverlay={true}\n            />\n          )}\n        </DragOverlay>\n      </ColumnsContainer>\n    </DndContext>\n  )\n}\n\n// Styled components\nconst ColumnsContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n`\n\nconst Section = styled.section`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  transition: background-color 0.2s ease;\n  border-radius: 4px;\n\n  &.drop-target {\n    background-color: var(--md-sys-color-surface-container);\n    box-shadow: 0 0 0 1px var(--md-sys-color-outline);\n  }\n`\n\nconst SectionTitle = styled.div`\n  font-weight: 500;\n  color: var(--md-sys-color-outline);\n  padding: 4px 0;\n`\n\nexport default ColumnsSettings\n\n// Backward-compat wrapper that reads all data from ColumnSettingsContext\ntype ColumnsSettingsWithContextProps = Pick<ColumnsSettingsProps, 'columns' | 'highlighted'>\n\nexport const ColumnsSettingsWithContext: FC<ColumnsSettingsWithContextProps> = (props) => {\n  const {\n    columnVisibility,\n    defaultColumnVisibility,\n    updateColumnVisibility,\n    columnPinning,\n    updateColumnPinning,\n    columnOrder,\n    setColumnsConfig,\n    columnSizing,\n    groupBy,\n    sorting,\n    rowHeight,\n  } = useColumnSettingsContext()\n\n  return (\n    <ColumnsSettings\n      {...props}\n      columnVisibility={columnVisibility}\n      defaultColumnVisibility={defaultColumnVisibility}\n      updateColumnVisibility={updateColumnVisibility}\n      columnPinning={columnPinning}\n      updateColumnPinning={updateColumnPinning}\n      columnOrder={columnOrder}\n      setColumnsConfig={setColumnsConfig}\n      columnSizing={columnSizing}\n      groupBy={groupBy}\n      sorting={sorting}\n      rowHeight={rowHeight}\n    />\n  )\n}\n"],"names":["SettingSwitch","icon","label","checked","onChange","disabled","props","jsx","SettingsPanelItemTemplate","InputSwitch","event","ColumnsSettings","columns","highlighted","columnVisibility","updateColumnVisibility","columnPinning","updateColumnPinning","columnOrder","setColumnsConfig","columnSizing","groupBy","sorting","rowHeight","defaultColumnVisibility","activeId","setActiveId","useState","isHiddenOverVisible","setIsHiddenOverVisible","isDraggingOverPinned","setIsDraggingOverPinned","isDraggingFromPinned","setIsDraggingFromPinned","isHoveringVisibleSection","setIsHoveringVisibleSection","isDraggingOverHidden","setIsDraggingOverHidden","sensors","useSensors","useSensor","PointerSensor","menuRef","useRef","useEffect","highlightedElement","visibleColumns","hiddenColumns","pinnedColumns","useMemo","visible","col","checkColumnVisibility","hidden","pinned","sortedVisibleColumns","visibleCopy","a","b","indexA","indexB","sortedPinnedColumns","pinnedCopy","sortedVisibleColumnsIds","sortedPinnedColumnsIds","toggleVisibility","columnId","isVisible","newState","togglePinning","newVisibility","id","handleDragStart","handleDragOver","active","over","isActiveVisible","isOverVisible","isOverPinned","isOverHidden","handleDragEnd","activeColumn","overColumn","overId","isActivePinned","newConfig","newPinningLeft","allVisibleIds","oldIndex","newIndex","toast","newOrder","arrayMove","newPinningLeftOrdered","overIndex","DndContext","closestCenter","ColumnsContainer","jsxs","Section","SectionTitle","SortableContext","verticalListSortingStrategy","Styled.Menu","column","SortableColumnItem","DragOverlay","ColumnItem","styled","ColumnsSettingsWithContext","useColumnSettingsContext"],"mappings":"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"}
+{"version":3,"file":"ColumnsSettings.es.js","sources":["../../../../../src/components/ProjectTableSettings/ColumnsSettings.tsx"],"sourcesContent":["// React and Styling imports\nimport { FC, useEffect, useMemo, useRef, useState } from 'react'\nimport styled from 'styled-components'\nimport { Button } from '@ynput/ayon-react-components'\nimport * as Styled from './TableSettings.styled'\nimport {\n  ColumnOrderState,\n  ColumnPinningState,\n  ColumnSizingState,\n  SortingState,\n  VisibilityState,\n} from '@tanstack/react-table'\n\n// Context and Components imports\nimport {\n  ColumnsConfig,\n  TableGroupBy,\n  useColumnSettingsContext,\n} from '@shared/containers/ProjectTreeTable/context/ColumnSettingsContext'\nimport ColumnItem from './ColumnItem'\nimport SortableColumnItem from './SortableColumnItem'\n\n// DND (Drag and Drop) imports\nimport {\n  DndContext,\n  closestCenter,\n  DragEndEvent,\n  DragStartEvent,\n  useSensor,\n  useSensors,\n  PointerSensor,\n  DragOverlay,\n  DragOverEvent,\n} from '@dnd-kit/core'\nimport { SortableContext, verticalListSortingStrategy, arrayMove } from '@dnd-kit/sortable'\n\n// Notification imports\nimport { toast } from 'react-toastify'\nimport { checkColumnVisibility } from '../../containers/ProjectTreeTable/utils'\nimport { useMenuContext } from '@shared/context'\nimport type { MenuItemType } from '../Menu'\nimport {\n  AddColumnItem,\n  buildAddColumnsMenu,\n  getDefaultColumnIcon,\n  getAddColumnSection,\n} from './addColumnsMenu'\nimport { AddColumnMenu } from './AddColumnMenu'\nimport { useVisibilityPaint } from './useVisibilityPaint'\nimport { TableSearch } from '../TableSearch'\nimport {\n  SettingsPanelItemTemplate,\n  SettingsPanelItemTemplateProps,\n} from '../SettingsPanel/SettingsPanelItemTemplate'\nimport type { SettingHighlightedId } from '@shared/context/SettingsPanelContext'\nimport { InputSwitch } from '@ynput/ayon-react-components'\n\nconst ADD_COLUMN_MENU_LIST_ID = 'add-column-menu-list'\nconst NO_SCOPES: string[] = []\n\nconst getColumnSettingsPath = (column: AddColumnItem, scopes: string[]) => {\n  if (column.parentScope && column.attrib) {\n    return `${column.parentScope.charAt(0).toUpperCase()}${column.parentScope.slice(1)} attributes`\n  }\n  return getAddColumnSection(column, scopes)?.label\n}\n\nconst getColumnSettingsItem = (column: AddColumnItem, scopes: string[]): AddColumnItem => {\n  const path = getColumnSettingsPath(column, scopes)\n  return { ...column, icon: column.icon ?? getDefaultColumnIcon(column), ...(path ? { path } : {}) }\n}\n\nexport interface SettingSwitchProps\n  extends Omit<SettingsPanelItemTemplateProps, 'onChange' | 'item'> {\n  icon?: string\n  label: string\n  checked: boolean\n  onChange: (checked: boolean) => void\n  disabled?: boolean\n}\n\nexport const SettingSwitch: FC<SettingSwitchProps> = ({\n  icon,\n  label,\n  checked,\n  onChange,\n  disabled,\n  ...props\n}) => (\n  <SettingsPanelItemTemplate\n    item={{ value: label, label, icon }}\n    isDisabled={disabled}\n    style={{ paddingRight: 8 }}\n    disableHover\n    endContent={\n      <InputSwitch\n        checked={checked}\n        disabled={disabled}\n        onChange={(event) => onChange(event.currentTarget.checked)}\n      />\n    }\n    {...props}\n  />\n)\n\ninterface ColumnsSettingsProps {\n  columns: AddColumnItem[]\n  highlighted?: SettingHighlightedId\n  columnVisibility: VisibilityState\n  updateColumnVisibility: (visibility: VisibilityState) => void\n  columnPinning: ColumnPinningState\n  updateColumnPinning: (pinning: ColumnPinningState) => void\n  columnOrder: ColumnOrderState\n  setColumnsConfig: (config: ColumnsConfig) => void\n  columnSizing: ColumnSizingState\n  groupBy?: TableGroupBy\n  sorting: SortingState\n  rowHeight?: number\n  defaultColumnVisibility?: VisibilityState\n  columnSummaries?: ColumnsConfig['columnSummaries']\n  columnSummaryScopes?: ColumnsConfig['columnSummaryScopes']\n  columnSummaryFormats?: ColumnsConfig['columnSummaryFormats']\n  groupByConfig?: ColumnsConfig['groupByConfig']\n  addColumnMenuItems?: MenuItemType[]\n  onColumnDragStart?: (column: AddColumnItem, event: React.PointerEvent) => void\n  isColumnDragging?: boolean\n  scopes?: string[]\n  // when a string (including ''), the panel switches to a flat searchable list of all columns\n  search?: string | null\n  onSearchChange?: (search: string | null) => void\n}\n\nexport const ColumnsSettings: FC<ColumnsSettingsProps> = ({\n  columns,\n  highlighted,\n  columnVisibility,\n  updateColumnVisibility,\n  columnPinning,\n  updateColumnPinning,\n  columnOrder,\n  setColumnsConfig,\n  columnSizing,\n  groupBy,\n  sorting,\n  rowHeight,\n  defaultColumnVisibility,\n  columnSummaries,\n  columnSummaryScopes,\n  columnSummaryFormats,\n  groupByConfig,\n  addColumnMenuItems,\n  onColumnDragStart,\n  isColumnDragging,\n  scopes = NO_SCOPES,\n  search,\n  onSearchChange,\n}) => {\n  // State for the currently dragged column\n  const [activeId, setActiveId] = useState<string | null>(null)\n  const [isDraggingOverPinned, setIsDraggingOverPinned] = useState(false)\n  const [isDraggingFromPinned, setIsDraggingFromPinned] = useState(false)\n  // Add a new state to track if we're hovering over the visible section\n  const [isHoveringVisibleSection, setIsHoveringVisibleSection] = useState(false)\n\n  const isColumnLocked = (columnId: string) => !!groupBy && columnId === 'name'\n\n  // holding the visibility action and dragging over rows applies the same show/hide to all of them\n  const {\n    baseVisibility,\n    displayVisibility,\n    isVisible,\n    onPaintStart: handlePaintStart,\n    onPaintEnter: handlePaintEnter,\n    toggle: toggleVisibility,\n    cancelPaint,\n  } = useVisibilityPaint({\n    columnVisibility,\n    defaultColumnVisibility,\n    updateColumnVisibility,\n    isLocked: isColumnLocked,\n  })\n\n  const { toggleMenuOpen } = useMenuContext()\n\n  const containerRef = useRef<HTMLDivElement | null>(null)\n\n  // an open sub-menu keeps the items it was opened with, so adding must read the latest state\n  const latestRef = useRef({ columnVisibility, updateColumnVisibility })\n  latestRef.current = { columnVisibility, updateColumnVisibility }\n\n  // show a deep-linked hidden column once; re-running would undo the user hiding it again\n  const shownHighlightRef = useRef<SettingHighlightedId>(null)\n  useEffect(() => {\n    if (!highlighted || shownHighlightRef.current === highlighted) return\n    if (!columns.some((col) => col.value === highlighted)) return\n    shownHighlightRef.current = highlighted\n    const { columnVisibility, updateColumnVisibility } = latestRef.current\n    if (checkColumnVisibility(columnVisibility, highlighted, defaultColumnVisibility)) return\n    updateColumnVisibility({ ...columnVisibility, [highlighted]: true })\n  }, [highlighted, columns, defaultColumnVisibility])\n\n  // if highlighted is set, scroll to the highlighted column\n  useEffect(() => {\n    if (!containerRef.current || !highlighted) return\n    containerRef.current\n      .querySelector(`#column-settings-${highlighted}`)\n      ?.scrollIntoView({ behavior: 'smooth', block: 'center' })\n  }, [highlighted, columnVisibility])\n\n  // Setup sensors for dnd-kit\n  const sensors = useSensors(\n    useSensor(PointerSensor, {\n      activationConstraint: {\n        distance: 5,\n      },\n    }),\n  )\n\n  // while painting, rows stay where they were so the cursor doesn't run over a reflowing list\n  const membershipVisibility = baseVisibility\n  const isColumnHidden = (columnId: string) => !isVisible(columnId)\n\n  // Separate columns into visible and pinned\n  const { visibleColumns, pinnedColumns } = useMemo(() => {\n    // First filter columns by visibility\n    const visible = columns.filter((col) =>\n      checkColumnVisibility(membershipVisibility, col.value, defaultColumnVisibility),\n    )\n\n    // Then separate out pinned columns from visible\n    const pinned = visible.filter((col) => columnPinning.left?.includes(col.value))\n    const unpinnedVisible = visible.filter((col) => !columnPinning.left?.includes(col.value))\n\n    return {\n      visibleColumns: unpinnedVisible,\n      pinnedColumns: pinned,\n    }\n  }, [columns, membershipVisibility, columnPinning, defaultColumnVisibility])\n\n  // Sort columns based on columnOrder\n  const sortedVisibleColumns = useMemo(() => {\n    // Create a copy of visible columns\n    const visibleCopy = [...visibleColumns]\n\n    // If we have a column order, use it to sort\n    if (columnOrder.length > 0) {\n      visibleCopy.sort((a, b) => {\n        const indexA = columnOrder.indexOf(a.value)\n        const indexB = columnOrder.indexOf(b.value)\n\n        // If column is not in order array, place at end\n        if (indexA === -1) return 1\n        if (indexB === -1) return -1\n\n        return indexA - indexB\n      })\n    }\n\n    return visibleCopy\n  }, [visibleColumns, columnOrder])\n\n  // Sort pinned columns based on columnOrder\n  const sortedPinnedColumns = useMemo(() => {\n    // Create a copy of pinned columns\n    const pinnedCopy = [...pinnedColumns]\n\n    // If we have a column order, use it to sort\n    if (columnOrder.length > 0) {\n      pinnedCopy.sort((a, b) => {\n        const indexA = columnOrder.indexOf(a.value)\n        const indexB = columnOrder.indexOf(b.value)\n\n        // If column is not in order array, place at end\n        if (indexA === -1) return 1\n        if (indexB === -1) return -1\n\n        return indexA - indexB\n      })\n    }\n\n    return pinnedCopy\n  }, [pinnedColumns, columnOrder])\n\n  const sortedVisibleColumnsIds = useMemo(\n    () => sortedVisibleColumns.map((col) => col.value),\n    [sortedVisibleColumns],\n  )\n\n  const sortedPinnedColumnsIds = useMemo(\n    () => sortedPinnedColumns.map((col) => col.value),\n    [sortedPinnedColumns],\n  )\n\n  // search results show the add-column menu path so nested columns are identifiable\n  const searchResults = useMemo(() => {\n    if (typeof search !== 'string') return []\n    const terms = search.toLowerCase().split(/\\s+/).filter(Boolean)\n    return (\n      columns\n        .map((col) => ({ ...col, path: getAddColumnSection(col, scopes)?.label }))\n        .filter((col) => {\n          const searchable = [col.path, col.label].filter(Boolean).join(' / ').toLowerCase()\n          return terms.every((term) => searchable.includes(term))\n        })\n        // default column order, but grouped (sectioned) columns sink to the bottom\n        .toSorted((a, b) => Number(!!a.path) - Number(!!b.path))\n    )\n  }, [columns, search, scopes])\n\n  // fallback for consumers rendering outside ColumnSettingsContext (e.g. ProjectsPage)\n  const fallbackAddColumnMenuItems = useMemo(\n    () =>\n      buildAddColumnsMenu({\n        columns,\n        onToggle: toggleVisibility,\n        isColumnVisible: isVisible,\n        onPaintStart: handlePaintStart,\n        onPaintEnter: handlePaintEnter,\n        scopes,\n      }),\n    [columns, displayVisibility, toggleVisibility, handlePaintStart, handlePaintEnter, scopes],\n  )\n\n  const addColumnItems = addColumnMenuItems ?? fallbackAddColumnMenuItems\n\n  // the search bar takes the button's place so the list below it never shifts\n  const addColumnRow =\n    typeof search === 'string' ? (\n      <SearchRow\n        value={search}\n        onChange={(value) => onSearchChange?.(value)}\n        onClose={() => onSearchChange?.(null)}\n      />\n    ) : (\n      <AddColumnListButton\n        variant=\"text\"\n        icon=\"add\"\n        id={ADD_COLUMN_MENU_LIST_ID}\n        disabled={!addColumnItems.length}\n        onClick={() => toggleMenuOpen(ADD_COLUMN_MENU_LIST_ID)}\n      >\n        Add column\n      </AddColumnListButton>\n    )\n\n  const buildColumnsConfig = (overrides: Partial<ColumnsConfig>): ColumnsConfig => ({\n    columnVisibility: { ...columnVisibility },\n    columnOrder: [...columnOrder],\n    columnPinning: { ...columnPinning },\n    columnSizing: { ...columnSizing },\n    columnSummaries,\n    columnSummaryScopes,\n    columnSummaryFormats,\n    groupBy,\n    groupByConfig,\n    sorting,\n    rowHeight,\n    ...overrides,\n  })\n\n  // Toggle column pinning\n  const togglePinning = (columnId: string) => {\n    const newState = { ...columnPinning }\n\n    // If column is currently pinned, unpin it\n    if (newState.left?.includes(columnId)) {\n      newState.left = newState.left.filter((id) => id !== columnId)\n      updateColumnPinning(newState)\n      return\n    }\n\n    newState.left = [...(newState.left || []), columnId]\n\n    if (checkColumnVisibility(columnVisibility, columnId, defaultColumnVisibility)) {\n      updateColumnPinning(newState)\n      return\n    }\n\n    // showing and pinning as two updates would clobber each other, they both persist the raw config\n    setColumnsConfig(\n      buildColumnsConfig({\n        columnPinning: newState,\n        columnVisibility: { ...columnVisibility, [columnId]: true },\n      }),\n    )\n  }\n\n  // When drag starts\n  const handleDragStart = (event: DragStartEvent) => {\n    const id = event.active.id as string\n    setActiveId(id)\n    setIsDraggingFromPinned(columnPinning.left?.includes(id) || false)\n    cancelPaint()\n  }\n\n  // Track when dragging over different sections\n  const handleDragOver = (event: DragOverEvent) => {\n    const { active, over } = event\n\n    if (over && active.id !== over.id) {\n      const isOverVisible = checkColumnVisibility(\n        columnVisibility,\n        over.id as string,\n        defaultColumnVisibility,\n      )\n      const isOverPinned = columnPinning.left?.includes(over.id as string) || false\n\n      setIsDraggingOverPinned(isOverVisible && isOverPinned)\n\n      // Set if we're hovering over the visible (unpinned) section\n      setIsHoveringVisibleSection(isOverVisible && !isOverPinned)\n    } else {\n      // Reset when not over any column\n      setIsHoveringVisibleSection(false)\n    }\n  }\n\n  // When drag ends, reset all states\n  const handleDragEnd = (event: DragEndEvent) => {\n    // Reset states\n    setIsDraggingOverPinned(false)\n    setIsDraggingFromPinned(false)\n    setIsHoveringVisibleSection(false)\n\n    const { active, over } = event\n\n    if (over && active.id !== over.id) {\n      // Find the dragged column and target column\n      const activeColumn = [...visibleColumns, ...pinnedColumns].find(\n        (col) => col.value === active.id,\n      )\n      const overColumn = [...visibleColumns, ...pinnedColumns].find((col) => col.value === over.id)\n\n      if (activeColumn && overColumn) {\n        const activeId = active.id as string\n        const overId = over.id as string\n        const isActiveVisible = checkColumnVisibility(\n          columnVisibility,\n          activeId,\n          defaultColumnVisibility,\n        )\n        const isOverVisible = checkColumnVisibility(\n          columnVisibility,\n          overId,\n          defaultColumnVisibility,\n        )\n        const isActivePinned = columnPinning.left?.includes(activeId) || false\n        const isOverPinned = columnPinning.left?.includes(overId) || false\n\n        // Create a new config object that we'll update and apply at the end\n        const newConfig = buildColumnsConfig({})\n\n        // If we're moving a column between visible columns (including pinned)\n        if (isActiveVisible && isOverVisible) {\n          let newPinningLeft = [...(newConfig.columnPinning.left || [])]\n\n          // Handle pinning/unpinning based on target section\n          if (isActivePinned !== isOverPinned) {\n            if (isActivePinned && !isOverPinned) {\n              // Moving from pinned to unpinned section\n              newPinningLeft = newPinningLeft.filter((id) => id !== activeId)\n            } else if (!isActivePinned && isOverPinned) {\n              // Moving from unpinned to pinned section\n              newPinningLeft = [...newPinningLeft, activeId]\n            }\n          }\n\n          // Update order within the appropriate section\n          const allVisibleIds = [...sortedPinnedColumnsIds, ...sortedVisibleColumnsIds]\n          const oldIndex = allVisibleIds.indexOf(activeId)\n          const newIndex = allVisibleIds.indexOf(overId)\n\n          if (oldIndex === -1 || newIndex === -1) {\n            console.error('Invalid column order state')\n            toast.error('Invalid column order state')\n            return\n          }\n\n          const newOrder = arrayMove(allVisibleIds, oldIndex, newIndex)\n\n          // new pinning left should be ordered by the new order\n          const newPinningLeftOrdered = newOrder.filter((id) => newPinningLeft.includes(id))\n\n          // Update config object\n          newConfig.columnOrder = newOrder\n          newConfig.columnPinning = {\n            ...newConfig.columnPinning,\n            left: newPinningLeftOrdered,\n          }\n\n          // Apply all changes at once\n          setColumnsConfig(newConfig)\n        }\n      }\n    }\n\n    setActiveId(null)\n  }\n\n  // Find the active column for the drag overlay\n  const activeColumn = activeId\n    ? [...visibleColumns, ...pinnedColumns].find((col) => col.value === activeId)\n    : null\n\n  if (typeof search === 'string') {\n    return (\n      <ColumnsContainer ref={containerRef} data-column-drag-origin>\n        {addColumnRow}\n        <AddColumnMenu menuId={ADD_COLUMN_MENU_LIST_ID} menuItems={addColumnItems} />\n        <Section>\n          <SectionTitle>All Columns</SectionTitle>\n          <Styled.Menu>\n            {searchResults.map((column) => (\n              <ColumnItem\n                key={column.value}\n                id={`column-settings-${column.value}`}\n                column={getColumnSettingsItem(column, scopes)}\n                isPinned={columnPinning.left?.includes(column.value) || false}\n                isHidden={isColumnHidden(column.value)}\n                isHighlighted={highlighted === column.value}\n                isDisabled={isColumnLocked(column.value)}\n                hideDragHandle\n                onTogglePinning={togglePinning}\n                onToggleVisibility={toggleVisibility}\n                onPaintStart={handlePaintStart}\n                onPaintEnter={handlePaintEnter}\n                onDragStart={(event) => onColumnDragStart?.(column, event)}\n              />\n            ))}\n          </Styled.Menu>\n        </Section>\n      </ColumnsContainer>\n    )\n  }\n\n  return (\n    <DndContext\n      sensors={sensors}\n      collisionDetection={closestCenter}\n      onDragStart={handleDragStart}\n      onDragOver={handleDragOver}\n      onDragEnd={handleDragEnd}\n    >\n      <ColumnsContainer ref={containerRef} data-column-drag-origin>\n        {addColumnRow}\n        <AddColumnMenu menuId={ADD_COLUMN_MENU_LIST_ID} menuItems={addColumnItems} />\n\n        {/* Pinned Columns Section */}\n        {pinnedColumns.length > 0 && (\n          <Section className={isDraggingOverPinned && !isDraggingFromPinned ? 'drop-target' : ''}>\n            <SectionTitle>Pinned Columns</SectionTitle>\n            <SortableContext\n              items={sortedPinnedColumns.map((col) => col.value)}\n              strategy={verticalListSortingStrategy}\n            >\n              <Styled.Menu>\n                {sortedPinnedColumns.map((column) => (\n                  <SortableColumnItem\n                    key={column.value}\n                    id={column.value}\n                    column={getColumnSettingsItem(column, scopes)}\n                    isPinned={true}\n                    isHidden={isColumnHidden(column.value)}\n                    isDisabled={isColumnLocked(column.value)}\n                    isHighlighted={highlighted === column.value}\n                    onTogglePinning={togglePinning}\n                    onToggleVisibility={toggleVisibility}\n                    onPaintStart={handlePaintStart}\n                    onPaintEnter={handlePaintEnter}\n                    onDragStart={(event) => onColumnDragStart?.(column, event)}\n                  />\n                ))}\n              </Styled.Menu>\n            </SortableContext>\n          </Section>\n        )}\n\n        {/* Visible Columns Section */}\n        <Section className={isDraggingFromPinned && isHoveringVisibleSection ? 'drop-target' : ''}>\n          <SectionTitle>Visible Columns</SectionTitle>\n          <SortableContext\n            items={sortedVisibleColumns.map((col) => col.value)}\n            strategy={verticalListSortingStrategy}\n          >\n            <Styled.Menu>\n              {sortedVisibleColumns.map((column) => (\n                <SortableColumnItem\n                  key={column.value}\n                  id={column.value}\n                  column={getColumnSettingsItem(column, scopes)}\n                  isPinned={false}\n                  isHidden={isColumnHidden(column.value)}\n                  isHighlighted={highlighted === column.value}\n                  isDisabled={isColumnLocked(column.value)}\n                  onTogglePinning={togglePinning}\n                  onToggleVisibility={toggleVisibility}\n                  onPaintStart={handlePaintStart}\n                  onPaintEnter={handlePaintEnter}\n                  onDragStart={(event) => onColumnDragStart?.(column, event)}\n                />\n              ))}\n            </Styled.Menu>\n          </SortableContext>\n        </Section>\n\n        {/* Drag Overlay */}\n        <DragOverlay>\n          {activeColumn && !isColumnDragging && (\n            <ColumnItem\n              column={getColumnSettingsItem(activeColumn, scopes)}\n              isPinned={columnPinning.left?.includes(activeColumn.value) || false}\n              isHidden={false}\n              isHighlighted={highlighted === activeColumn.value}\n              dragOverlay={true}\n            />\n          )}\n        </DragOverlay>\n      </ColumnsContainer>\n    </DndContext>\n  )\n}\n\n// Styled components\nconst ColumnsContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: var(--base-gap-large);\n`\n\nconst Section = styled.section`\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  transition: background-color 0.2s ease;\n  border-radius: 4px;\n\n  &.drop-target {\n    background-color: var(--md-sys-color-surface-container);\n    box-shadow: 0 0 0 1px var(--md-sys-color-outline);\n  }\n`\n\nconst SectionTitle = styled.div`\n  font-weight: 500;\n  color: var(--md-sys-color-outline);\n  padding: 4px 0;\n`\n\nconst AddColumnListButton = styled(Button)`\n  justify-content: flex-start;\n`\n\nconst SearchRow = styled(TableSearch)`\n  padding: 0;\n\n  input {\n    height: 32px;\n  }\n`\n\nexport default ColumnsSettings\n\n// Backward-compat wrapper that reads all data from ColumnSettingsContext\ntype ColumnsSettingsWithContextProps = Pick<\n  ColumnsSettingsProps,\n  | 'columns'\n  | 'highlighted'\n  | 'addColumnMenuItems'\n  | 'onColumnDragStart'\n  | 'isColumnDragging'\n  | 'scopes'\n  | 'search'\n  | 'onSearchChange'\n>\n\nexport const ColumnsSettingsWithContext: FC<ColumnsSettingsWithContextProps> = (props) => {\n  const {\n    columnVisibility,\n    defaultColumnVisibility,\n    updateColumnVisibility,\n    columnPinning,\n    updateColumnPinning,\n    columnOrder,\n    setColumnsConfig,\n    columnSizing,\n    groupBy,\n    groupByConfig,\n    sorting,\n    rowHeight,\n    columnSummaries,\n    columnSummaryScopes,\n    columnSummaryFormats,\n  } = useColumnSettingsContext()\n\n  return (\n    <ColumnsSettings\n      {...props}\n      columnVisibility={columnVisibility}\n      defaultColumnVisibility={defaultColumnVisibility}\n      updateColumnVisibility={updateColumnVisibility}\n      columnPinning={columnPinning}\n      updateColumnPinning={updateColumnPinning}\n      columnOrder={columnOrder}\n      setColumnsConfig={setColumnsConfig}\n      columnSizing={columnSizing}\n      groupBy={groupBy}\n      groupByConfig={groupByConfig}\n      sorting={sorting}\n      rowHeight={rowHeight}\n      columnSummaries={columnSummaries}\n      columnSummaryScopes={columnSummaryScopes}\n      columnSummaryFormats={columnSummaryFormats}\n    />\n  )\n}\n"],"names":["ADD_COLUMN_MENU_LIST_ID","NO_SCOPES","getColumnSettingsPath","column","scopes","getAddColumnSection","getColumnSettingsItem","path","getDefaultColumnIcon","SettingSwitch","icon","label","checked","onChange","disabled","props","jsx","SettingsPanelItemTemplate","InputSwitch","event","ColumnsSettings","columns","highlighted","columnVisibility","updateColumnVisibility","columnPinning","updateColumnPinning","columnOrder","setColumnsConfig","columnSizing","groupBy","sorting","rowHeight","defaultColumnVisibility","columnSummaries","columnSummaryScopes","columnSummaryFormats","groupByConfig","addColumnMenuItems","onColumnDragStart","isColumnDragging","search","onSearchChange","activeId","setActiveId","useState","isDraggingOverPinned","setIsDraggingOverPinned","isDraggingFromPinned","setIsDraggingFromPinned","isHoveringVisibleSection","setIsHoveringVisibleSection","isColumnLocked","columnId","baseVisibility","displayVisibility","isVisible","handlePaintStart","handlePaintEnter","toggleVisibility","cancelPaint","useVisibilityPaint","toggleMenuOpen","useMenuContext","containerRef","useRef","latestRef","shownHighlightRef","useEffect","col","checkColumnVisibility","sensors","useSensors","useSensor","PointerSensor","membershipVisibility","isColumnHidden","visibleColumns","pinnedColumns","useMemo","visible","pinned","sortedVisibleColumns","visibleCopy","a","b","indexA","indexB","sortedPinnedColumns","pinnedCopy","sortedVisibleColumnsIds","sortedPinnedColumnsIds","searchResults","terms","searchable","term","fallbackAddColumnMenuItems","buildAddColumnsMenu","addColumnItems","addColumnRow","SearchRow","value","AddColumnListButton","buildColumnsConfig","overrides","togglePinning","newState","id","handleDragStart","handleDragOver","active","over","isOverVisible","isOverPinned","handleDragEnd","activeColumn","overColumn","overId","isActiveVisible","isActivePinned","newConfig","newPinningLeft","allVisibleIds","oldIndex","newIndex","toast","newOrder","arrayMove","newPinningLeftOrdered","jsxs","ColumnsContainer","AddColumnMenu","Section","SectionTitle","Styled.Menu","ColumnItem","DndContext","closestCenter","SortableContext","verticalListSortingStrategy","SortableColumnItem","DragOverlay","styled","Button","TableSearch","ColumnsSettingsWithContext","useColumnSettingsContext"],"mappings":"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"}

package/dist/shared/src/components/ProjectTableSettings/ProjectTableSettings.cjs.js

@@ -1,4 +1,6 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("../../../../_virtual/jsx-runtime.cjs.js"),t=require("../../containers/ProjectTreeTable/buildTreeTableColumns.cjs.js"),o=require("../../containers/ProjectTreeTable/utils/columnIds.cjs.js"),k=require("../../containers/ProjectTreeTable/utils/checkColumnVisibility.cjs.js"),B=require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js"),N=require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js"),_=require("@ynput/ayon-react-components"),w=require("styled-components"),E=require("../../context/ProjectContext.cjs.js"),R=require("../../context/SettingsPanelContext.cjs.js"),z=require("../SettingsPanel/SettingsPanel.cjs.js"),M=require("./ColumnsSettings.cjs.js"),O=require("../SizeSlider/SizeSlider.cjs.js"),A=require("../../containers/ProjectTreeTable/hooks/useGroupBySettings.cjs.js"),U=require("../../containers/ProjectTreeTable/hooks/useSortBySettings.cjs.js"),D=w(_.Button)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../_virtual/jsx-runtime.cjs.js"),W=require("../../containers/ProjectTreeTable/utils/checkColumnVisibility.cjs.js"),F=require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js"),K=require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js"),h=require("@ynput/ayon-react-components"),g=require("react"),j=require("styled-components"),y=require("../../context/SettingsPanelContext.cjs.js"),N=require("../SettingsPanel/SettingsPanel.cjs.js"),_=require("./ColumnsSettings.cjs.js"),J=require("../SizeSlider/SizeSlider.cjs.js"),L=require("../../containers/ProjectTreeTable/hooks/useGroupBySettings.cjs.js"),Q=require("../../containers/ProjectTreeTable/hooks/useSortBySettings.cjs.js"),U=require("./useAddColumnsMenu.cjs.js"),X=require("./useProjectTableColumnItems.cjs.js"),Y=require("../../containers/ProjectTreeTable/utils/columnIds.cjs.js"),Z=j(h.Button)`
   min-width: 120px;
-`,V=({defaultSelected:u,className:b,...a})=>{const{togglePanel:r,isPanelOpen:c}=R.useSettingsPanel();return i.jsxRuntimeExports.jsx(D,{onClick:()=>r(u),icon:"settings",selected:c,...a,children:"Customize"})},Y=({settings:u=[],extraColumns:b=[],hiddenColumns:a=[],hiddenSettings:r=[],highlighted:c,includeLinks:p=!0,hideSortBy:h=!1,order:S,scope:v})=>{const{...g}=E.useProjectContext(),{attribFields:x,scopes:n}=N.useProjectTableContext(),{columnVisibility:y,defaultColumnVisibility:L,rowHeight:T=34,updateRowHeight:j,updateRowHeightWithPersistence:f}=B.useColumnSettingsContext(),C=[{value:"thumbnail",label:t.getColumnLabel("thumbnail")},{value:"name",label:n.map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join("/")+" Name"},{value:o.ENTITY_COLUMN_IDS.folder,label:t.getColumnLabel(o.ENTITY_COLUMN_IDS.folder)},{value:o.ENTITY_COLUMN_IDS.task,label:t.getColumnLabel(o.ENTITY_COLUMN_IDS.task),hidden:!["product","version"].some(e=>n.includes(e))},{value:"assignees",label:t.getColumnLabel("assignees"),hidden:!n.includes("task")},{value:"product",label:t.getColumnLabel("product"),hidden:["product","version"].some(e=>!n.includes(e))},{value:"entityType",label:t.getColumnLabel("entityType")},{value:"status",label:t.getColumnLabel("status")},{value:"subType",label:t.getColumnLabel("subType",n)},{value:"tags",label:t.getColumnLabel("tags")},{value:"createdAt",label:t.getColumnLabel("createdAt")},{value:"updatedAt",label:t.getColumnLabel("updatedAt")},{value:"subtasks",label:t.getColumnLabel("subtasks"),hidden:!n.includes("task")},{value:"comments",label:t.getColumnLabel("comments"),hidden:!n.some(e=>["task","version","product","folder"].includes(e))},...x.filter(e=>e.scope?.some(l=>n.includes(l))).map(e=>({value:`attrib_${e.name}`,label:e.data.title||e.name})),...g?.linkTypes&&p?g.linkTypes.filter(e=>[e.inputType,e.outputType].some(l=>n.includes(l))).flatMap(e=>[{value:t.getLinkColumnId(e,"in"),label:t.getLinkLabel(e,"in")},{value:t.getLinkColumnId(e,"out"),label:t.getLinkLabel(e,"out")}]):[],...b],d=C.filter(e=>!e.hidden&&!a.includes(e.value)),q=d.filter(e=>k.checkColumnVisibility(y,e.value,L)).length,I=A.useGroupBySettings({scope:v}),P=U.useSortBySettings(C),s=[{id:"columns",title:"Columns",icon:"view_column",preview:`${q}/${d.length}`,component:i.jsxRuntimeExports.jsx(M.ColumnsSettingsWithContext,{columns:d,highlighted:c})},h?null:P,I,{id:"row-height",component:i.jsxRuntimeExports.jsx(O.SizeSlider,{value:T,onChange:j,onChangeComplete:f,title:"Row height",id:"row-height-slider"})}].filter(Boolean);return u.forEach(e=>{if(r.includes(e.id))return;const l=s.findIndex(m=>m&&"id"in m&&m.id===e.id);l!==-1?s[l]=e:s.push(e)}),i.jsxRuntimeExports.jsx(z.SettingsPanel,{settings:s,order:S})};exports.CustomizeButton=V;exports.ProjectTableSettings=Y;
+`,ee=j(h.Button)`
+  padding: 4px !important;
+`,te=({defaultSelected:r,className:d,...l})=>{const{togglePanel:c,isPanelOpen:n}=y.useSettingsPanel();return e.jsxRuntimeExports.jsx(Z,{onClick:()=>c(r),icon:"settings",selected:n,...l,children:"Customize"})},ne=({settings:r=[],extraColumns:d,hiddenColumns:l,hiddenSettings:c=[],highlighted:n,includeLinks:f=!0,hideSortBy:q=!1,order:P,scope:C,extraMenuItems:b,parentColumns:B,columnIdAliases:R})=>{const{scopes:a}=K.useProjectTableContext(),{columnVisibility:E,defaultColumnVisibility:v,rowHeight:w=34,updateRowHeight:I,updateRowHeightWithPersistence:z}=F.useColumnSettingsContext(),{isPanelOpen:x,selectedSetting:S}=y.useSettingsPanel(),[s,o]=g.useState(null);g.useEffect(()=>{s!==null&&(!x||S!=="columns")&&o(null)},[x,S,s]);const T=`${C??""}:${a.join()}`;g.useEffect(()=>{o(null)},[T]);const{columns:H,visibleColumns:i}=X.useProjectTableColumnItems({extraColumns:d,hiddenColumns:l,includeLinks:f,parentColumns:B}),k=n&&Y.normalizeColumnId(n,R),A=i.filter(t=>W.checkColumnVisibility(E,t.value,v)).length,{menuItems:M,dragOverlay:O,onColumnDragStart:V,isColumnDragging:$}=U.useAddColumnsMenu({columns:i,scopes:a,extraItems:b}),D=L.useGroupBySettings({scope:C}),G=Q.useSortBySettings(H),u=[{id:"columns",title:"Columns",icon:"view_column",preview:`${A}/${i.length}`,headerActions:e.jsxRuntimeExports.jsx(ee,{variant:"text",icon:"search","data-tooltip":"Search columns",selected:typeof s=="string",onClick:()=>o(typeof s=="string"?null:"")}),component:e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(_.ColumnsSettingsWithContext,{columns:i,highlighted:k,scopes:a,search:s,onSearchChange:o,addColumnMenuItems:M,onColumnDragStart:V,isColumnDragging:$}),O]})},q?null:G,D,{id:"row-height",component:e.jsxRuntimeExports.jsx(J.SizeSlider,{value:w,onChange:I,onChangeComplete:z,title:"Row height",id:"row-height-slider"})}].filter(Boolean);return r.forEach(t=>{if(c.includes(t.id))return;const p=u.findIndex(m=>m&&"id"in m&&m.id===t.id);p!==-1?u[p]=t:u.push(t)}),e.jsxRuntimeExports.jsx(N.SettingsPanel,{settings:u,order:P})};exports.CustomizeButton=te;exports.ProjectTableSettings=ne;
 //# sourceMappingURL=ProjectTableSettings.cjs.js.map

package/dist/shared/src/components/ProjectTableSettings/ProjectTableSettings.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectTableSettings.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  getLinkColumnId,\n  getLinkLabel,\n  getColumnLabel,\n} from '@shared/containers/ProjectTreeTable/buildTreeTableColumns'\nimport { ENTITY_COLUMN_IDS } from '@shared/containers/ProjectTreeTable/utils/columnIds'\nimport { checkColumnVisibility } from '@shared/containers/ProjectTreeTable/utils/checkColumnVisibility'\nimport { useColumnSettingsContext } from '@shared/containers/ProjectTreeTable/context/ColumnSettingsContext'\nimport { useProjectTableContext } from '@shared/containers/ProjectTreeTable/context/ProjectTableContext'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport type { SettingHighlightedId } from '@shared/context/SettingsPanelContext'\nimport { useProjectContext } from '@shared/context/ProjectContext'\nimport { useSettingsPanel } from '@shared/context/SettingsPanelContext'\nimport { SettingsPanel } from '@shared/components/SettingsPanel/SettingsPanel'\nimport type { SettingConfig } from '@shared/components/SettingsPanel/SettingsPanel'\nimport { ColumnsSettingsWithContext } from './ColumnsSettings'\nimport { SizeSlider } from '../SizeSlider'\nimport { useGroupBySettings } from '@shared/containers/ProjectTreeTable/hooks/useGroupBySettings'\nimport { useSortBySettings } from '@shared/containers/ProjectTreeTable/hooks/useSortBySettings'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string }[]\n  hiddenColumns?: string[]\n  hiddenSettings?: ('columns' | 'row-height' | 'group-by' | 'sort-by')[]\n  highlighted?: SettingHighlightedId\n  includeLinks?: boolean\n  hideSortBy?: boolean\n  order?: string[]\n  scope?: string\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns = [],\n  hiddenColumns = [],\n  hiddenSettings = [],\n  highlighted,\n  includeLinks = true,\n  hideSortBy = false,\n  order,\n  scope,\n}) => {\n  const { ...projectInfo } = useProjectContext()\n  const { attribFields, scopes } = useProjectTableContext()\n  const {\n    columnVisibility,\n    defaultColumnVisibility,\n    rowHeight = 34,\n    updateRowHeight,\n    updateRowHeightWithPersistence,\n  } = useColumnSettingsContext()\n\n  const columns: {\n    value: string\n    label: string\n    hidden?: boolean\n  }[] = [\n    {\n      value: 'thumbnail',\n      label: getColumnLabel('thumbnail'),\n    },\n    {\n      value: 'name',\n      label:\n        scopes.map((scope) => scope.charAt(0).toUpperCase() + scope.slice(1)).join('/') + ' Name',\n    },\n    {\n      value: ENTITY_COLUMN_IDS.folder,\n      label: getColumnLabel(ENTITY_COLUMN_IDS.folder),\n    },\n    {\n      value: ENTITY_COLUMN_IDS.task,\n      label: getColumnLabel(ENTITY_COLUMN_IDS.task),\n      hidden: !['product', 'version'].some((scope) => scopes.includes(scope)),\n    },\n    {\n      value: 'assignees',\n      label: getColumnLabel('assignees'),\n      hidden: !scopes.includes('task'),\n    },\n    {\n      value: 'product',\n      label: getColumnLabel('product'),\n      hidden: ['product', 'version'].some((scope) => !scopes.includes(scope)),\n    },\n    {\n      value: 'entityType',\n      label: getColumnLabel('entityType'),\n    },\n    {\n      value: 'status',\n      label: getColumnLabel('status'),\n    },\n    {\n      value: 'subType',\n      label: getColumnLabel('subType', scopes),\n    },\n    {\n      value: 'tags',\n      label: getColumnLabel('tags'),\n    },\n    {\n      value: 'createdAt',\n      label: getColumnLabel('createdAt'),\n    },\n    {\n      value: 'updatedAt',\n      label: getColumnLabel('updatedAt'),\n    },\n    {\n      value: 'subtasks',\n      label: getColumnLabel('subtasks'),\n      hidden: !scopes.includes('task'),\n    },\n    {\n      value: 'comments',\n      label: getColumnLabel('comments'),\n      hidden: !scopes.some((scope) => ['task', 'version', 'product', 'folder'].includes(scope)),\n    },\n    ...attribFields\n      .filter((field) => field.scope?.some((scope) => scopes.includes(scope)))\n      .map((field) => ({\n        value: `attrib_${field.name}`,\n        label: field.data.title || field.name,\n      })),\n    ...(projectInfo?.linkTypes && includeLinks\n      ? projectInfo.linkTypes\n          .filter((link) => [link.inputType, link.outputType].some((type) => scopes.includes(type)))\n          .flatMap((link) => [\n            {\n              value: getLinkColumnId(link, 'in'),\n              label: getLinkLabel(link, 'in'),\n            },\n            {\n              value: getLinkColumnId(link, 'out'),\n              label: getLinkLabel(link, 'out'),\n            },\n          ])\n      : []),\n    ...extraColumns,\n  ]\n\n  const visibleColumns = columns.filter(\n    (column) => !column.hidden && !hiddenColumns.includes(column.value),\n  )\n\n  const visibleCount = visibleColumns.filter((column) =>\n    checkColumnVisibility(columnVisibility, column.value, defaultColumnVisibility),\n  ).length\n\n  const groupBySettings = useGroupBySettings({ scope })\n  const sortBySettings = useSortBySettings(columns)\n\n  const defaultSettings: (SettingConfig | undefined | null)[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${visibleColumns.length}`,\n      component: <ColumnsSettingsWithContext columns={visibleColumns} highlighted={highlighted} />,\n    },\n    hideSortBy ? null : sortBySettings,\n    groupBySettings,\n    {\n      id: 'row-height',\n      component: (\n        <SizeSlider\n          value={rowHeight}\n          onChange={updateRowHeight}\n          onChangeComplete={updateRowHeightWithPersistence}\n          title=\"Row height\"\n          id=\"row-height-slider\"\n        />\n      ),\n    },\n  ].filter(Boolean)\n\n  // Merge extra settings: replace defaults with matching ids, append the rest\n  settings.forEach((setting) => {\n    if (hiddenSettings.includes(setting.id as any)) return\n    const existingIndex = defaultSettings.findIndex((s) => s && 'id' in s && s.id === setting.id)\n    if (existingIndex !== -1) {\n      defaultSettings[existingIndex] = setting\n    } else {\n      defaultSettings.push(setting)\n    }\n  })\n  return <SettingsPanel settings={defaultSettings as SettingConfig[]} order={order} />\n}\n"],"names":["StyledCustomizeButton","styled","Button","CustomizeButton","defaultSelected","className","props","togglePanel","isPanelOpen","useSettingsPanel","jsx","ProjectTableSettings","settings","extraColumns","hiddenColumns","hiddenSettings","highlighted","includeLinks","hideSortBy","order","scope","projectInfo","useProjectContext","attribFields","scopes","useProjectTableContext","columnVisibility","defaultColumnVisibility","rowHeight","updateRowHeight","updateRowHeightWithPersistence","useColumnSettingsContext","columns","getColumnLabel","ENTITY_COLUMN_IDS","field","link","type","getLinkColumnId","getLinkLabel","visibleColumns","column","visibleCount","checkColumnVisibility","groupBySettings","useGroupBySettings","sortBySettings","useSortBySettings","defaultSettings","ColumnsSettingsWithContext","SizeSlider","setting","existingIndex","s","SettingsPanel"],"mappings":"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"}
+{"version":3,"file":"ProjectTableSettings.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import { checkColumnVisibility } from '@shared/containers/ProjectTreeTable/utils/checkColumnVisibility'\nimport { useColumnSettingsContext } from '@shared/containers/ProjectTreeTable/context/ColumnSettingsContext'\nimport { useProjectTableContext } from '@shared/containers/ProjectTreeTable/context/ProjectTableContext'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport { FC, useEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport type { SettingHighlightedId } from '@shared/context/SettingsPanelContext'\nimport { useSettingsPanel } from '@shared/context/SettingsPanelContext'\nimport { SettingsPanel } from '@shared/components/SettingsPanel/SettingsPanel'\nimport type { SettingConfig } from '@shared/components/SettingsPanel/SettingsPanel'\nimport { ColumnsSettingsWithContext } from './ColumnsSettings'\nimport { SizeSlider } from '../SizeSlider'\nimport { useGroupBySettings } from '@shared/containers/ProjectTreeTable/hooks/useGroupBySettings'\nimport { useSortBySettings } from '@shared/containers/ProjectTreeTable/hooks/useSortBySettings'\nimport { useAddColumnsMenu } from './useAddColumnsMenu'\nimport { useProjectTableColumnItems } from './useProjectTableColumnItems'\nimport { normalizeColumnId } from '@shared/containers/ProjectTreeTable/utils/columnIds'\nimport type { MenuItemType } from '../Menu'\nimport type { ParentColumnDefinition } from '@shared/containers'\nimport type { ColumnIdAliases } from '@shared/containers/ProjectTreeTable/utils/columnIds'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\nconst HeaderActionButton = styled(Button)`\n  padding: 4px !important;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string; icon?: string }[]\n  hiddenColumns?: string[]\n  hiddenSettings?: ('columns' | 'row-height' | 'group-by' | 'sort-by')[]\n  highlighted?: SettingHighlightedId\n  includeLinks?: boolean\n  hideSortBy?: boolean\n  order?: string[]\n  scope?: string\n  // page actions appended to the end of the add-column menu\n  extraMenuItems?: MenuItemType[]\n  parentColumns?: ParentColumnDefinition[]\n  columnIdAliases?: ColumnIdAliases\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns,\n  hiddenColumns,\n  hiddenSettings = [],\n  highlighted,\n  includeLinks = true,\n  hideSortBy = false,\n  order,\n  scope,\n  extraMenuItems,\n  parentColumns,\n  columnIdAliases,\n}) => {\n  const { scopes } = useProjectTableContext()\n  const {\n    columnVisibility,\n    defaultColumnVisibility,\n    rowHeight = 34,\n    updateRowHeight,\n    updateRowHeightWithPersistence,\n  } = useColumnSettingsContext()\n\n  const { isPanelOpen, selectedSetting } = useSettingsPanel()\n\n  const [search, setSearch] = useState<string | null>(null)\n\n  useEffect(() => {\n    if (search === null) return\n    if (!isPanelOpen || selectedSetting !== 'columns') setSearch(null)\n  }, [isPanelOpen, selectedSetting, search])\n\n  // a different entity scope (switching lists) means a different column set\n  const scopeKey = `${scope ?? ''}:${scopes.join()}`\n  useEffect(() => {\n    setSearch(null)\n  }, [scopeKey])\n\n  const { columns, visibleColumns } = useProjectTableColumnItems({\n    extraColumns,\n    hiddenColumns,\n    includeLinks,\n    parentColumns,\n  })\n  const normalizedHighlighted = highlighted\n    ? normalizeColumnId(highlighted, columnIdAliases)\n    : highlighted\n\n  const visibleCount = visibleColumns.filter((column) =>\n    checkColumnVisibility(columnVisibility, column.value, defaultColumnVisibility),\n  ).length\n\n  const {\n    menuItems: addColumnMenuItems,\n    dragOverlay,\n    onColumnDragStart,\n    isColumnDragging,\n  } = useAddColumnsMenu({\n    columns: visibleColumns,\n    scopes,\n    extraItems: extraMenuItems,\n  })\n\n  const groupBySettings = useGroupBySettings({ scope })\n  const sortBySettings = useSortBySettings(columns)\n\n  const defaultSettings: (SettingConfig | undefined | null)[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${visibleColumns.length}`,\n      headerActions: (\n        <HeaderActionButton\n          variant=\"text\"\n          icon=\"search\"\n          data-tooltip=\"Search columns\"\n          selected={typeof search === 'string'}\n          onClick={() => setSearch(typeof search === 'string' ? null : '')}\n        />\n      ),\n      component: (\n        <>\n          <ColumnsSettingsWithContext\n            columns={visibleColumns}\n            highlighted={normalizedHighlighted}\n            scopes={scopes}\n            search={search}\n            onSearchChange={setSearch}\n            addColumnMenuItems={addColumnMenuItems}\n            onColumnDragStart={onColumnDragStart}\n            isColumnDragging={isColumnDragging}\n          />\n          {dragOverlay}\n        </>\n      ),\n    },\n    hideSortBy ? null : sortBySettings,\n    groupBySettings,\n    {\n      id: 'row-height',\n      component: (\n        <SizeSlider\n          value={rowHeight}\n          onChange={updateRowHeight}\n          onChangeComplete={updateRowHeightWithPersistence}\n          title=\"Row height\"\n          id=\"row-height-slider\"\n        />\n      ),\n    },\n  ].filter(Boolean)\n\n  // Merge extra settings: replace defaults with matching ids, append the rest\n  settings.forEach((setting) => {\n    if (hiddenSettings.includes(setting.id as any)) return\n    const existingIndex = defaultSettings.findIndex((s) => s && 'id' in s && s.id === setting.id)\n    if (existingIndex !== -1) {\n      defaultSettings[existingIndex] = setting\n    } else {\n      defaultSettings.push(setting)\n    }\n  })\n  return <SettingsPanel settings={defaultSettings as SettingConfig[]} order={order} />\n}\n"],"names":["StyledCustomizeButton","styled","Button","HeaderActionButton","CustomizeButton","defaultSelected","className","props","togglePanel","isPanelOpen","useSettingsPanel","jsx","ProjectTableSettings","settings","extraColumns","hiddenColumns","hiddenSettings","highlighted","includeLinks","hideSortBy","order","scope","extraMenuItems","parentColumns","columnIdAliases","scopes","useProjectTableContext","columnVisibility","defaultColumnVisibility","rowHeight","updateRowHeight","updateRowHeightWithPersistence","useColumnSettingsContext","selectedSetting","search","setSearch","useState","useEffect","scopeKey","columns","visibleColumns","useProjectTableColumnItems","normalizedHighlighted","normalizeColumnId","visibleCount","column","checkColumnVisibility","addColumnMenuItems","dragOverlay","onColumnDragStart","isColumnDragging","useAddColumnsMenu","groupBySettings","useGroupBySettings","sortBySettings","useSortBySettings","defaultSettings","jsxs","Fragment","ColumnsSettingsWithContext","SizeSlider","setting","existingIndex","s","SettingsPanel"],"mappings":"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"}

package/dist/shared/src/components/ProjectTableSettings/ProjectTableSettings.es.js

@@ -1,162 +1,136 @@
-import { j as n } from "../../../../_virtual/jsx-runtime.es.js";
-import { getColumnLabel as t, getLinkLabel as g, getLinkColumnId as h } from "../../containers/ProjectTreeTable/buildTreeTableColumns.es.js";
-import { ENTITY_COLUMN_IDS as s } from "../../containers/ProjectTreeTable/utils/columnIds.es.js";
-import { checkColumnVisibility as L } from "../../containers/ProjectTreeTable/utils/checkColumnVisibility.es.js";
-import { useColumnSettingsContext as z } from "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import { j as t } from "../../../../_virtual/jsx-runtime.es.js";
+import { checkColumnVisibility as G } from "../../containers/ProjectTreeTable/utils/checkColumnVisibility.es.js";
+import { useColumnSettingsContext as K } from "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import { useProjectTableContext as N } from "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
-import { Button as R } from "@ynput/ayon-react-components";
-import _ from "styled-components";
-import { useProjectContext as E } from "../../context/ProjectContext.es.js";
-import { useSettingsPanel as H } from "../../context/SettingsPanelContext.es.js";
-import { SettingsPanel as V } from "../SettingsPanel/SettingsPanel.es.js";
-import { ColumnsSettingsWithContext as $ } from "./ColumnsSettings.es.js";
-import { SizeSlider as M } from "../SizeSlider/SizeSlider.es.js";
-import { useGroupBySettings as O } from "../../containers/ProjectTreeTable/hooks/useGroupBySettings.es.js";
+import { Button as S } from "@ynput/ayon-react-components";
+import { useState as _, useEffect as C } from "react";
+import x from "styled-components";
+import { useSettingsPanel as y } from "../../context/SettingsPanelContext.es.js";
+import { SettingsPanel as q } from "../SettingsPanel/SettingsPanel.es.js";
+import { ColumnsSettingsWithContext as J } from "./ColumnsSettings.es.js";
+import { SizeSlider as L } from "../SizeSlider/SizeSlider.es.js";
+import { useGroupBySettings as Q } from "../../containers/ProjectTreeTable/hooks/useGroupBySettings.es.js";
 import { useSortBySettings as U } from "../../containers/ProjectTreeTable/hooks/useSortBySettings.es.js";
-const W = _(R)`
+import { useAddColumnsMenu as X } from "./useAddColumnsMenu.es.js";
+import { useProjectTableColumnItems as Y } from "./useProjectTableColumnItems.es.js";
+import { normalizeColumnId as Z } from "../../containers/ProjectTreeTable/utils/columnIds.es.js";
+const tt = x(S)`
   min-width: 120px;
-`, se = ({ defaultSelected: a, className: p, ...u }) => {
-  const { togglePanel: r, isPanelOpen: m } = H();
-  return /* @__PURE__ */ n.jsx(
-    W,
-    {
-      onClick: () => r(a),
+`, et = x(S)`
+  padding: 4px !important;
+`, St = ({ defaultSelected: l, className: d, ...m }) => {
+  const { togglePanel: u, isPanelOpen: o } = y();
+  return /* @__PURE__ */ t.jsx(
+    tt,
+    {
+      onClick: () => u(l),
       icon: "settings",
-      selected: m,
-      ...u,
+      selected: o,
+      ...m,
       children: "Customize"
     }
   );
-}, ne = ({
-  settings: a = [],
-  extraColumns: p = [],
-  hiddenColumns: u = [],
-  hiddenSettings: r = [],
-  highlighted: m,
-  includeLinks: v = !0,
-  hideSortBy: C = !1,
-  order: y,
-  scope: x
+}, xt = ({
+  settings: l = [],
+  extraColumns: d,
+  hiddenColumns: m,
+  hiddenSettings: u = [],
+  highlighted: o,
+  includeLinks: j = !0,
+  hideSortBy: w = !1,
+  order: B,
+  scope: p,
+  extraMenuItems: P,
+  parentColumns: b,
+  columnIdAliases: v
 }) => {
-  const { ...b } = E(), { attribFields: S, scopes: o } = N(), {
-    columnVisibility: T,
-    defaultColumnVisibility: j,
-    rowHeight: k = 34,
-    updateRowHeight: w,
-    updateRowHeightWithPersistence: B
-  } = z(), f = [
-    {
-      value: "thumbnail",
-      label: t("thumbnail")
-    },
-    {
-      value: "name",
-      label: o.map((e) => e.charAt(0).toUpperCase() + e.slice(1)).join("/") + " Name"
-    },
-    {
-      value: s.folder,
-      label: t(s.folder)
-    },
-    {
-      value: s.task,
-      label: t(s.task),
-      hidden: !["product", "version"].some((e) => o.includes(e))
-    },
-    {
-      value: "assignees",
-      label: t("assignees"),
-      hidden: !o.includes("task")
-    },
-    {
-      value: "product",
-      label: t("product"),
-      hidden: ["product", "version"].some((e) => !o.includes(e))
-    },
-    {
-      value: "entityType",
-      label: t("entityType")
-    },
-    {
-      value: "status",
-      label: t("status")
-    },
-    {
-      value: "subType",
-      label: t("subType", o)
-    },
-    {
-      value: "tags",
-      label: t("tags")
-    },
-    {
-      value: "createdAt",
-      label: t("createdAt")
-    },
-    {
-      value: "updatedAt",
-      label: t("updatedAt")
-    },
-    {
-      value: "subtasks",
-      label: t("subtasks"),
-      hidden: !o.includes("task")
-    },
-    {
-      value: "comments",
-      label: t("comments"),
-      hidden: !o.some((e) => ["task", "version", "product", "folder"].includes(e))
-    },
-    ...S.filter((e) => e.scope?.some((l) => o.includes(l))).map((e) => ({
-      value: `attrib_${e.name}`,
-      label: e.data.title || e.name
-    })),
-    ...b?.linkTypes && v ? b.linkTypes.filter((e) => [e.inputType, e.outputType].some((l) => o.includes(l))).flatMap((e) => [
-      {
-        value: h(e, "in"),
-        label: g(e, "in")
-      },
-      {
-        value: h(e, "out"),
-        label: g(e, "out")
-      }
-    ]) : [],
-    ...p
-  ], d = f.filter(
-    (e) => !e.hidden && !u.includes(e.value)
-  ), P = d.filter(
-    (e) => L(T, e.value, j)
-  ).length, I = O({ scope: x }), A = U(f), i = [
+  const { scopes: c } = N(), {
+    columnVisibility: I,
+    defaultColumnVisibility: z,
+    rowHeight: H = 34,
+    updateRowHeight: R,
+    updateRowHeightWithPersistence: $
+  } = K(), { isPanelOpen: g, selectedSetting: f } = y(), [n, i] = _(null);
+  C(() => {
+    n !== null && (!g || f !== "columns") && i(null);
+  }, [g, f, n]);
+  const k = `${p ?? ""}:${c.join()}`;
+  C(() => {
+    i(null);
+  }, [k]);
+  const { columns: A, visibleColumns: s } = Y({
+    extraColumns: d,
+    hiddenColumns: m,
+    includeLinks: j,
+    parentColumns: b
+  }), E = o && Z(o, v), O = s.filter(
+    (e) => G(I, e.value, z)
+  ).length, {
+    menuItems: T,
+    dragOverlay: V,
+    onColumnDragStart: D,
+    isColumnDragging: M
+  } = X({
+    columns: s,
+    scopes: c,
+    extraItems: P
+  }), W = Q({ scope: p }), F = U(A), r = [
     {
       id: "columns",
       title: "Columns",
       icon: "view_column",
-      preview: `${P}/${d.length}`,
-      component: /* @__PURE__ */ n.jsx($, { columns: d, highlighted: m })
+      preview: `${O}/${s.length}`,
+      headerActions: /* @__PURE__ */ t.jsx(
+        et,
+        {
+          variant: "text",
+          icon: "search",
+          "data-tooltip": "Search columns",
+          selected: typeof n == "string",
+          onClick: () => i(typeof n == "string" ? null : "")
+        }
+      ),
+      component: /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+        /* @__PURE__ */ t.jsx(
+          J,
+          {
+            columns: s,
+            highlighted: E,
+            scopes: c,
+            search: n,
+            onSearchChange: i,
+            addColumnMenuItems: T,
+            onColumnDragStart: D,
+            isColumnDragging: M
+          }
+        ),
+        V
+      ] })
     },
-    C ? null : A,
-    I,
+    w ? null : F,
+    W,
     {
       id: "row-height",
-      component: /* @__PURE__ */ n.jsx(
-        M,
+      component: /* @__PURE__ */ t.jsx(
+        L,
         {
-          value: k,
-          onChange: w,
-          onChangeComplete: B,
+          value: H,
+          onChange: R,
+          onChangeComplete: $,
           title: "Row height",
           id: "row-height-slider"
         }
       )
     }
   ].filter(Boolean);
-  return a.forEach((e) => {
-    if (r.includes(e.id)) return;
-    const l = i.findIndex((c) => c && "id" in c && c.id === e.id);
-    l !== -1 ? i[l] = e : i.push(e);
-  }), /* @__PURE__ */ n.jsx(V, { settings: i, order: y });
+  return l.forEach((e) => {
+    if (u.includes(e.id)) return;
+    const h = r.findIndex((a) => a && "id" in a && a.id === e.id);
+    h !== -1 ? r[h] = e : r.push(e);
+  }), /* @__PURE__ */ t.jsx(q, { settings: r, order: B });
 };
 export {
-  se as CustomizeButton,
-  ne as ProjectTableSettings
+  St as CustomizeButton,
+  xt as ProjectTableSettings
 };
 //# sourceMappingURL=ProjectTableSettings.es.js.map

package/dist/shared/src/components/ProjectTableSettings/ProjectTableSettings.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectTableSettings.es.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import {\n  getLinkColumnId,\n  getLinkLabel,\n  getColumnLabel,\n} from '@shared/containers/ProjectTreeTable/buildTreeTableColumns'\nimport { ENTITY_COLUMN_IDS } from '@shared/containers/ProjectTreeTable/utils/columnIds'\nimport { checkColumnVisibility } from '@shared/containers/ProjectTreeTable/utils/checkColumnVisibility'\nimport { useColumnSettingsContext } from '@shared/containers/ProjectTreeTable/context/ColumnSettingsContext'\nimport { useProjectTableContext } from '@shared/containers/ProjectTreeTable/context/ProjectTableContext'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport type { SettingHighlightedId } from '@shared/context/SettingsPanelContext'\nimport { useProjectContext } from '@shared/context/ProjectContext'\nimport { useSettingsPanel } from '@shared/context/SettingsPanelContext'\nimport { SettingsPanel } from '@shared/components/SettingsPanel/SettingsPanel'\nimport type { SettingConfig } from '@shared/components/SettingsPanel/SettingsPanel'\nimport { ColumnsSettingsWithContext } from './ColumnsSettings'\nimport { SizeSlider } from '../SizeSlider'\nimport { useGroupBySettings } from '@shared/containers/ProjectTreeTable/hooks/useGroupBySettings'\nimport { useSortBySettings } from '@shared/containers/ProjectTreeTable/hooks/useSortBySettings'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string }[]\n  hiddenColumns?: string[]\n  hiddenSettings?: ('columns' | 'row-height' | 'group-by' | 'sort-by')[]\n  highlighted?: SettingHighlightedId\n  includeLinks?: boolean\n  hideSortBy?: boolean\n  order?: string[]\n  scope?: string\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns = [],\n  hiddenColumns = [],\n  hiddenSettings = [],\n  highlighted,\n  includeLinks = true,\n  hideSortBy = false,\n  order,\n  scope,\n}) => {\n  const { ...projectInfo } = useProjectContext()\n  const { attribFields, scopes } = useProjectTableContext()\n  const {\n    columnVisibility,\n    defaultColumnVisibility,\n    rowHeight = 34,\n    updateRowHeight,\n    updateRowHeightWithPersistence,\n  } = useColumnSettingsContext()\n\n  const columns: {\n    value: string\n    label: string\n    hidden?: boolean\n  }[] = [\n    {\n      value: 'thumbnail',\n      label: getColumnLabel('thumbnail'),\n    },\n    {\n      value: 'name',\n      label:\n        scopes.map((scope) => scope.charAt(0).toUpperCase() + scope.slice(1)).join('/') + ' Name',\n    },\n    {\n      value: ENTITY_COLUMN_IDS.folder,\n      label: getColumnLabel(ENTITY_COLUMN_IDS.folder),\n    },\n    {\n      value: ENTITY_COLUMN_IDS.task,\n      label: getColumnLabel(ENTITY_COLUMN_IDS.task),\n      hidden: !['product', 'version'].some((scope) => scopes.includes(scope)),\n    },\n    {\n      value: 'assignees',\n      label: getColumnLabel('assignees'),\n      hidden: !scopes.includes('task'),\n    },\n    {\n      value: 'product',\n      label: getColumnLabel('product'),\n      hidden: ['product', 'version'].some((scope) => !scopes.includes(scope)),\n    },\n    {\n      value: 'entityType',\n      label: getColumnLabel('entityType'),\n    },\n    {\n      value: 'status',\n      label: getColumnLabel('status'),\n    },\n    {\n      value: 'subType',\n      label: getColumnLabel('subType', scopes),\n    },\n    {\n      value: 'tags',\n      label: getColumnLabel('tags'),\n    },\n    {\n      value: 'createdAt',\n      label: getColumnLabel('createdAt'),\n    },\n    {\n      value: 'updatedAt',\n      label: getColumnLabel('updatedAt'),\n    },\n    {\n      value: 'subtasks',\n      label: getColumnLabel('subtasks'),\n      hidden: !scopes.includes('task'),\n    },\n    {\n      value: 'comments',\n      label: getColumnLabel('comments'),\n      hidden: !scopes.some((scope) => ['task', 'version', 'product', 'folder'].includes(scope)),\n    },\n    ...attribFields\n      .filter((field) => field.scope?.some((scope) => scopes.includes(scope)))\n      .map((field) => ({\n        value: `attrib_${field.name}`,\n        label: field.data.title || field.name,\n      })),\n    ...(projectInfo?.linkTypes && includeLinks\n      ? projectInfo.linkTypes\n          .filter((link) => [link.inputType, link.outputType].some((type) => scopes.includes(type)))\n          .flatMap((link) => [\n            {\n              value: getLinkColumnId(link, 'in'),\n              label: getLinkLabel(link, 'in'),\n            },\n            {\n              value: getLinkColumnId(link, 'out'),\n              label: getLinkLabel(link, 'out'),\n            },\n          ])\n      : []),\n    ...extraColumns,\n  ]\n\n  const visibleColumns = columns.filter(\n    (column) => !column.hidden && !hiddenColumns.includes(column.value),\n  )\n\n  const visibleCount = visibleColumns.filter((column) =>\n    checkColumnVisibility(columnVisibility, column.value, defaultColumnVisibility),\n  ).length\n\n  const groupBySettings = useGroupBySettings({ scope })\n  const sortBySettings = useSortBySettings(columns)\n\n  const defaultSettings: (SettingConfig | undefined | null)[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${visibleColumns.length}`,\n      component: <ColumnsSettingsWithContext columns={visibleColumns} highlighted={highlighted} />,\n    },\n    hideSortBy ? null : sortBySettings,\n    groupBySettings,\n    {\n      id: 'row-height',\n      component: (\n        <SizeSlider\n          value={rowHeight}\n          onChange={updateRowHeight}\n          onChangeComplete={updateRowHeightWithPersistence}\n          title=\"Row height\"\n          id=\"row-height-slider\"\n        />\n      ),\n    },\n  ].filter(Boolean)\n\n  // Merge extra settings: replace defaults with matching ids, append the rest\n  settings.forEach((setting) => {\n    if (hiddenSettings.includes(setting.id as any)) return\n    const existingIndex = defaultSettings.findIndex((s) => s && 'id' in s && s.id === setting.id)\n    if (existingIndex !== -1) {\n      defaultSettings[existingIndex] = setting\n    } else {\n      defaultSettings.push(setting)\n    }\n  })\n  return <SettingsPanel settings={defaultSettings as SettingConfig[]} order={order} />\n}\n"],"names":["StyledCustomizeButton","styled","Button","CustomizeButton","defaultSelected","className","props","togglePanel","isPanelOpen","useSettingsPanel","jsx","ProjectTableSettings","settings","extraColumns","hiddenColumns","hiddenSettings","highlighted","includeLinks","hideSortBy","order","scope","projectInfo","useProjectContext","attribFields","scopes","useProjectTableContext","columnVisibility","defaultColumnVisibility","rowHeight","updateRowHeight","updateRowHeightWithPersistence","useColumnSettingsContext","columns","getColumnLabel","ENTITY_COLUMN_IDS","field","link","type","getLinkColumnId","getLinkLabel","visibleColumns","column","visibleCount","checkColumnVisibility","groupBySettings","useGroupBySettings","sortBySettings","useSortBySettings","defaultSettings","ColumnsSettingsWithContext","SizeSlider","setting","existingIndex","s","SettingsPanel"],"mappings":"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"}
+{"version":3,"file":"ProjectTableSettings.es.js","sources":["../../../../../src/components/ProjectTableSettings/ProjectTableSettings.tsx"],"sourcesContent":["import { checkColumnVisibility } from '@shared/containers/ProjectTreeTable/utils/checkColumnVisibility'\nimport { useColumnSettingsContext } from '@shared/containers/ProjectTreeTable/context/ColumnSettingsContext'\nimport { useProjectTableContext } from '@shared/containers/ProjectTreeTable/context/ProjectTableContext'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport { FC, useEffect, useState } from 'react'\nimport styled from 'styled-components'\nimport type { SettingHighlightedId } from '@shared/context/SettingsPanelContext'\nimport { useSettingsPanel } from '@shared/context/SettingsPanelContext'\nimport { SettingsPanel } from '@shared/components/SettingsPanel/SettingsPanel'\nimport type { SettingConfig } from '@shared/components/SettingsPanel/SettingsPanel'\nimport { ColumnsSettingsWithContext } from './ColumnsSettings'\nimport { SizeSlider } from '../SizeSlider'\nimport { useGroupBySettings } from '@shared/containers/ProjectTreeTable/hooks/useGroupBySettings'\nimport { useSortBySettings } from '@shared/containers/ProjectTreeTable/hooks/useSortBySettings'\nimport { useAddColumnsMenu } from './useAddColumnsMenu'\nimport { useProjectTableColumnItems } from './useProjectTableColumnItems'\nimport { normalizeColumnId } from '@shared/containers/ProjectTreeTable/utils/columnIds'\nimport type { MenuItemType } from '../Menu'\nimport type { ParentColumnDefinition } from '@shared/containers'\nimport type { ColumnIdAliases } from '@shared/containers/ProjectTreeTable/utils/columnIds'\n\nconst StyledCustomizeButton = styled(Button)`\n  min-width: 120px;\n`\n\nconst HeaderActionButton = styled(Button)`\n  padding: 4px !important;\n`\n\ninterface Props extends ButtonProps {\n  defaultSelected?: string | null\n}\n\nexport const CustomizeButton = ({ defaultSelected, className, ...props }: Props) => {\n  const { togglePanel, isPanelOpen } = useSettingsPanel()\n\n  return (\n    <StyledCustomizeButton\n      onClick={() => togglePanel(defaultSelected)}\n      icon=\"settings\"\n      selected={isPanelOpen}\n      {...props}\n    >\n      Customize\n    </StyledCustomizeButton>\n  )\n}\n\nexport type OverviewSettingsChange = (setting: 'columns' | 'group-by', value: any) => void\n\nexport type ProjectTableSettingsProps = {\n  settings?: SettingConfig[]\n  extraColumns?: { value: string; label: string; icon?: string }[]\n  hiddenColumns?: string[]\n  hiddenSettings?: ('columns' | 'row-height' | 'group-by' | 'sort-by')[]\n  highlighted?: SettingHighlightedId\n  includeLinks?: boolean\n  hideSortBy?: boolean\n  order?: string[]\n  scope?: string\n  // page actions appended to the end of the add-column menu\n  extraMenuItems?: MenuItemType[]\n  parentColumns?: ParentColumnDefinition[]\n  columnIdAliases?: ColumnIdAliases\n}\n\nexport const ProjectTableSettings: FC<ProjectTableSettingsProps> = ({\n  settings = [],\n  extraColumns,\n  hiddenColumns,\n  hiddenSettings = [],\n  highlighted,\n  includeLinks = true,\n  hideSortBy = false,\n  order,\n  scope,\n  extraMenuItems,\n  parentColumns,\n  columnIdAliases,\n}) => {\n  const { scopes } = useProjectTableContext()\n  const {\n    columnVisibility,\n    defaultColumnVisibility,\n    rowHeight = 34,\n    updateRowHeight,\n    updateRowHeightWithPersistence,\n  } = useColumnSettingsContext()\n\n  const { isPanelOpen, selectedSetting } = useSettingsPanel()\n\n  const [search, setSearch] = useState<string | null>(null)\n\n  useEffect(() => {\n    if (search === null) return\n    if (!isPanelOpen || selectedSetting !== 'columns') setSearch(null)\n  }, [isPanelOpen, selectedSetting, search])\n\n  // a different entity scope (switching lists) means a different column set\n  const scopeKey = `${scope ?? ''}:${scopes.join()}`\n  useEffect(() => {\n    setSearch(null)\n  }, [scopeKey])\n\n  const { columns, visibleColumns } = useProjectTableColumnItems({\n    extraColumns,\n    hiddenColumns,\n    includeLinks,\n    parentColumns,\n  })\n  const normalizedHighlighted = highlighted\n    ? normalizeColumnId(highlighted, columnIdAliases)\n    : highlighted\n\n  const visibleCount = visibleColumns.filter((column) =>\n    checkColumnVisibility(columnVisibility, column.value, defaultColumnVisibility),\n  ).length\n\n  const {\n    menuItems: addColumnMenuItems,\n    dragOverlay,\n    onColumnDragStart,\n    isColumnDragging,\n  } = useAddColumnsMenu({\n    columns: visibleColumns,\n    scopes,\n    extraItems: extraMenuItems,\n  })\n\n  const groupBySettings = useGroupBySettings({ scope })\n  const sortBySettings = useSortBySettings(columns)\n\n  const defaultSettings: (SettingConfig | undefined | null)[] = [\n    {\n      id: 'columns',\n      title: 'Columns',\n      icon: 'view_column',\n      preview: `${visibleCount}/${visibleColumns.length}`,\n      headerActions: (\n        <HeaderActionButton\n          variant=\"text\"\n          icon=\"search\"\n          data-tooltip=\"Search columns\"\n          selected={typeof search === 'string'}\n          onClick={() => setSearch(typeof search === 'string' ? null : '')}\n        />\n      ),\n      component: (\n        <>\n          <ColumnsSettingsWithContext\n            columns={visibleColumns}\n            highlighted={normalizedHighlighted}\n            scopes={scopes}\n            search={search}\n            onSearchChange={setSearch}\n            addColumnMenuItems={addColumnMenuItems}\n            onColumnDragStart={onColumnDragStart}\n            isColumnDragging={isColumnDragging}\n          />\n          {dragOverlay}\n        </>\n      ),\n    },\n    hideSortBy ? null : sortBySettings,\n    groupBySettings,\n    {\n      id: 'row-height',\n      component: (\n        <SizeSlider\n          value={rowHeight}\n          onChange={updateRowHeight}\n          onChangeComplete={updateRowHeightWithPersistence}\n          title=\"Row height\"\n          id=\"row-height-slider\"\n        />\n      ),\n    },\n  ].filter(Boolean)\n\n  // Merge extra settings: replace defaults with matching ids, append the rest\n  settings.forEach((setting) => {\n    if (hiddenSettings.includes(setting.id as any)) return\n    const existingIndex = defaultSettings.findIndex((s) => s && 'id' in s && s.id === setting.id)\n    if (existingIndex !== -1) {\n      defaultSettings[existingIndex] = setting\n    } else {\n      defaultSettings.push(setting)\n    }\n  })\n  return <SettingsPanel settings={defaultSettings as SettingConfig[]} order={order} />\n}\n"],"names":["StyledCustomizeButton","styled","Button","HeaderActionButton","CustomizeButton","defaultSelected","className","props","togglePanel","isPanelOpen","useSettingsPanel","jsx","ProjectTableSettings","settings","extraColumns","hiddenColumns","hiddenSettings","highlighted","includeLinks","hideSortBy","order","scope","extraMenuItems","parentColumns","columnIdAliases","scopes","useProjectTableContext","columnVisibility","defaultColumnVisibility","rowHeight","updateRowHeight","updateRowHeightWithPersistence","useColumnSettingsContext","selectedSetting","search","setSearch","useState","useEffect","scopeKey","columns","visibleColumns","useProjectTableColumnItems","normalizedHighlighted","normalizeColumnId","visibleCount","column","checkColumnVisibility","addColumnMenuItems","dragOverlay","onColumnDragStart","isColumnDragging","useAddColumnsMenu","groupBySettings","useGroupBySettings","sortBySettings","useSortBySettings","defaultSettings","jsxs","Fragment","ColumnsSettingsWithContext","SizeSlider","setting","existingIndex","s","SettingsPanel"],"mappings":"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"}

package/dist/shared/src/components/ProjectTableSettings/SortableColumnItem.cjs.js

@@ -1,7 +1,7 @@
-"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),S=require("@dnd-kit/sortable"),b=require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.cjs.js"),f=require("./ColumnItem.cjs.js"),j=require("styled-components"),q=({id:t,column:r,isPinned:s,isHidden:n,isHighlighted:o,isDisabled:i,onTogglePinning:a,onToggleVisibility:u})=>{const{attributes:c,listeners:l,setNodeRef:m,transform:g,transition:d,isDragging:x}=S.useSortable({id:t}),p={transform:b.CSS.Transform.toString(g),transition:d};return e.jsxRuntimeExports.jsx(R,{ref:m,style:p,className:x?"dragging":"",id:`column-settings-${t}`,children:e.jsxRuntimeExports.jsx(f,{column:r,isPinned:s,isHidden:n,isHighlighted:o,isDisabled:i,onTogglePinning:a,onToggleVisibility:u,dragHandleProps:{...c,...l}})})},R=j.div`
+"use strict";const e=require("../../../../_virtual/jsx-runtime.cjs.js"),j=require("@dnd-kit/sortable"),q=require("../../../../node_modules/@dnd-kit/utilities/dist/utilities.esm.cjs.js"),R=require("./ColumnItem.cjs.js"),y=require("styled-components"),C=({id:t,column:r,isPinned:s,isHidden:n,isHighlighted:o,isDisabled:i,onTogglePinning:a,onToggleVisibility:u,onPaintStart:c,onPaintEnter:l,onDragStart:m})=>{const{attributes:g,listeners:d,setNodeRef:x,transform:p,transition:S,isDragging:b}=j.useSortable({id:t}),f={transform:q.CSS.Transform.toString(p),transition:S};return e.jsxRuntimeExports.jsx(I,{ref:x,style:f,className:b?"dragging":"",id:`column-settings-${t}`,children:e.jsxRuntimeExports.jsx(R,{column:r,isPinned:s,isHidden:n,isHighlighted:o,isDisabled:i,onTogglePinning:a,onToggleVisibility:u,onPaintStart:c,onPaintEnter:l,onDragStart:m,dragHandleProps:{...g,...d}})})},I=y.div`
   &.dragging {
     z-index: 1;
     opacity: 0;
   }
-`;module.exports=q;
+`;module.exports=C;
 //# sourceMappingURL=SortableColumnItem.cjs.js.map