@ynput/ayon-frontend-shared 0.3.50 → 0.3.52

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

@@ -1 +1 @@
-{"version":3,"file":"ColumnsSettings.cjs.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 { SettingsPanelItem } from '../SettingsPanel/SettingsPanelItemTemplate'\nimport { SettingHighlightedId } from '@shared/context'\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}) => {\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":["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","event","handleDragOver","active","over","isActiveVisible","isOverVisible","isOverPinned","isOverHidden","handleDragEnd","activeColumn","overColumn","overId","isActivePinned","newConfig","newPinningLeft","allVisibleIds","oldIndex","newIndex","toast","newOrder","arrayMove","newPinningLeftOrdered","overIndex","jsx","DndContext","closestCenter","ColumnsContainer","jsxs","Section","SectionTitle","SortableContext","verticalListSortingStrategy","Styled.Menu","column","SortableColumnItem","DragOverlay","ColumnItem","styled","ColumnsSettingsWithContext","props","useColumnSettingsContext"],"mappings":"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"}
+{"version":3,"file":"ColumnsSettings.cjs.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 { SettingsPanelItem } from '../SettingsPanel/SettingsPanelItemTemplate'\nimport { SettingHighlightedId } from '@shared/context'\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}) => {\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":["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","event","handleDragOver","active","over","isActiveVisible","isOverVisible","isOverPinned","isOverHidden","handleDragEnd","activeColumn","overColumn","overId","isActivePinned","newConfig","newPinningLeft","allVisibleIds","oldIndex","newIndex","toast","newOrder","arrayMove","newPinningLeftOrdered","overIndex","jsx","DndContext","closestCenter","ColumnsContainer","jsxs","Section","SectionTitle","SortableContext","verticalListSortingStrategy","Styled.Menu","column","SortableColumnItem","DragOverlay","ColumnItem","styled","ColumnsSettingsWithContext","props","useColumnSettingsContext"],"mappings":"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"}

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

@@ -155,7 +155,6 @@ import "../../context/pip/PiPProvider.es.js";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
-import "../../context/MoveEntityContext.es.js";
 import "../../context/MenuContext.es.js";
 import "../../context/WebsocketContext.es.js";
 import "../../context/GlobalContext.es.js";
@@ -184,8 +183,8 @@ import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es
 import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
 import "../../containers/Feed/components/ActivityDate.es.js";
 import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.es.js";
-import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusSecondary.es.js";
+import "../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
+import "../../containers/Feed/components/ActivityFieldChange/FieldValue.es.js";
 import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
 import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
 import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
@@ -224,15 +223,17 @@ import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
 import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
 import "../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
 import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
-import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
-import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
+import "../../containers/NewEntity/components/NewEntity.es.js";
 import "../../containers/Slicer/components/Slicer.es.js";
 import "../../containers/Slicer/context/SlicerContextInstance.es.js";
 import "../../containers/Slicer/components/SlicerDropdownFallback.es.js";
 import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
 import "react-redux";
+import "../../containers/NewEntity/context/NewEntityContextInstance.es.js";
+import "../../containers/NewEntity/components/NewEntityForm.es.js";
+import "../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
+import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
+import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
 import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
 import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
 import "../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
@@ -251,6 +252,7 @@ import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
 import "../../containers/Views/context/ViewsContextInstance.es.js";
 import "../../containers/Views/Views.styled.es.js";
 import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../containers/ListTable/ListTableRow.es.js";
 import "../../containers/ListTable/ListTable.styled.es.js";
 import "../../context/DeleteEntitiesContext.es.js";
@@ -567,7 +569,7 @@ const Ti = ({
   font-weight: 500;
   color: var(--md-sys-color-outline);
   padding: 4px 0;
-`, cm = (b) => {
+`, vm = (b) => {
   const {
     columnVisibility: f,
     defaultColumnVisibility: m,
@@ -601,6 +603,6 @@ const Ti = ({
 };
 export {
   Ti as ColumnsSettings,
-  cm as ColumnsSettingsWithContext
+  vm as ColumnsSettingsWithContext
 };
 //# sourceMappingURL=ColumnsSettings.es.js.map

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 { SettingsPanelItem } from '../SettingsPanel/SettingsPanelItemTemplate'\nimport { SettingHighlightedId } from '@shared/context'\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}) => {\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":["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","event","handleDragOver","active","over","isActiveVisible","isOverVisible","isOverPinned","isOverHidden","handleDragEnd","activeColumn","overColumn","overId","isActivePinned","newConfig","newPinningLeft","allVisibleIds","oldIndex","newIndex","toast","newOrder","arrayMove","newPinningLeftOrdered","overIndex","jsx","DndContext","closestCenter","ColumnsContainer","jsxs","Section","SectionTitle","SortableContext","verticalListSortingStrategy","Styled.Menu","column","SortableColumnItem","DragOverlay","ColumnItem","styled","ColumnsSettingsWithContext","props","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 * 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 { SettingsPanelItem } from '../SettingsPanel/SettingsPanelItemTemplate'\nimport { SettingHighlightedId } from '@shared/context'\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}) => {\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":["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","event","handleDragOver","active","over","isActiveVisible","isOverVisible","isOverPinned","isOverHidden","handleDragEnd","activeColumn","overColumn","overId","isActivePinned","newConfig","newPinningLeft","allVisibleIds","oldIndex","newIndex","toast","newOrder","arrayMove","newPinningLeftOrdered","overIndex","jsx","DndContext","closestCenter","ColumnsContainer","jsxs","Section","SectionTitle","SortableContext","verticalListSortingStrategy","Styled.Menu","column","SortableColumnItem","DragOverlay","ColumnItem","styled","ColumnsSettingsWithContext","props","useColumnSettingsContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyDO,MAAMA,KAA4C,CAAC;AAAA,EACxD,SAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,wBAAAC;AAAA,EACA,eAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AAAA,EACA,yBAAAC;AACF,MAAM;AAEJ,QAAM,CAACC,GAAUC,CAAW,IAAIC,EAAwB,IAAI,GACtD,CAACC,IAAqBC,CAAsB,IAAIF,EAAS,EAAK,GAC9D,CAACG,IAAsBC,CAAuB,IAAIJ,EAAS,EAAK,GAChE,CAACK,GAAsBC,CAAuB,IAAIN,EAAS,EAAK,GAEhE,CAACO,IAA0BC,CAA2B,IAAIR,EAAS,EAAK,GAExE,CAACS,IAAsBC,CAAuB,IAAIV,EAAS,EAAK,GAGhEW,KAAUC;AAAA,IACdC,GAAUC,IAAe;AAAA,MACvB,sBAAsB;AAAA,QACpB,UAAU;AAAA,MAAA;AAAA,IACZ,CACD;AAAA,EAAA,GAGGC,IAAUC,GAAgC,IAAI;AAGpD,EAAAC,GAAU,MAAM;AACd,QAAIF,EAAQ,WAAW7B,GAAa;AAClC,YAAMgC,IAAqBH,EAAQ,QAAQ,cAAc,oBAAoB7B,CAAW,EAAE;AAC1F,MAAIgC,KACFA,EAAmB,eAAe;AAAA,QAChC,UAAU;AAAA,QACV,OAAO;AAAA,MAAA,CACR;AAAA,IAEL;AAAA,EACF,GAAG,CAAChC,CAAW,CAAC;AAGhB,QAAM,EAAE,gBAAAiC,GAAgB,eAAAC,GAAe,eAAAC,EAAA,IAAkBC,EAAQ,MAAM;AAErE,UAAMC,IAAUtC,EAAQ;AAAA,MAAO,CAACuC,MAC9BC,EAAsBtC,GAAkBqC,EAAI,OAAO3B,CAAuB;AAAA,IAAA,GAEtE6B,IAASzC,EAAQ;AAAA,MACrB,CAACuC,MAAQ,CAACC,EAAsBtC,GAAkBqC,EAAI,OAAO3B,CAAuB;AAAA,IAAA,GAIhF8B,IAASJ,EAAQ,OAAO,CAACC,MAAQnC,EAAc,MAAM,SAASmC,EAAI,KAAK,CAAC;AAG9E,WAAO;AAAA,MACL,gBAHsBD,EAAQ,OAAO,CAACC,MAAQ,CAACnC,EAAc,MAAM,SAASmC,EAAI,KAAK,CAAC;AAAA,MAItF,eAAeE;AAAA,MACf,eAAeC;AAAA,IAAA;AAAA,EAEnB,GAAG,CAAC1C,GAASE,GAAkBE,GAAeQ,CAAuB,CAAC,GAGhE+B,IAAuBN,EAAQ,MAAM;AAEzC,UAAMO,IAAc,CAAC,GAAGV,CAAc;AAGtC,WAAI5B,EAAY,SAAS,KACvBsC,EAAY,KAAK,CAACC,GAAGC,MAAM;AACzB,YAAMC,IAASzC,EAAY,QAAQuC,EAAE,KAAK,GACpCG,IAAS1C,EAAY,QAAQwC,EAAE,KAAK;AAG1C,aAAIC,MAAW,KAAW,IACtBC,MAAW,KAAW,KAEnBD,IAASC;AAAA,IAClB,CAAC,GAGIJ;AAAA,EACT,GAAG,CAACV,GAAgB5B,CAAW,CAAC,GAG1B2C,IAAsBZ,EAAQ,MAAM;AAExC,UAAMa,IAAa,CAAC,GAAGd,CAAa;AAGpC,WAAI9B,EAAY,SAAS,KACvB4C,EAAW,KAAK,CAACL,GAAGC,MAAM;AACxB,YAAMC,IAASzC,EAAY,QAAQuC,EAAE,KAAK,GACpCG,IAAS1C,EAAY,QAAQwC,EAAE,KAAK;AAG1C,aAAIC,MAAW,KAAW,IACtBC,MAAW,KAAW,KAEnBD,IAASC;AAAA,IAClB,CAAC,GAGIE;AAAA,EACT,GAAG,CAACd,GAAe9B,CAAW,CAAC,GAEzB6C,KAA0Bd;AAAA,IAC9B,MAAMM,EAAqB,IAAI,CAACJ,MAAQA,EAAI,KAAK;AAAA,IACjD,CAACI,CAAoB;AAAA,EAAA,GAGjBS,KAAyBf;AAAA,IAC7B,MAAMY,EAAoB,IAAI,CAACV,MAAQA,EAAI,KAAK;AAAA,IAChD,CAACU,CAAmB;AAAA,EAAA,GAIhBI,IAAmB,CAACC,MAAqB;AAC7C,UAAMC,IAAYf,EAAsBtC,GAAkBoD,GAAU1C,CAAuB,GACrF4C,IAAW,EAAE,GAAGtD,GAAkB,CAACoD,CAAQ,GAAG,CAACC,EAAA;AACrD,YAAQ,IAAI,2BAA2BD,GAAU,MAAM,CAACC,CAAS,GACjEpD,EAAuBqD,CAAQ;AAAA,EACjC,GAGMC,IAAgB,CAACH,MAAqB;AAC1C,UAAME,IAAW,EAAE,GAAGpD,EAAA,GAChBsD,IAAgB,EAAE,GAAGxD,EAAA;AAG3B,IAAIsD,EAAS,MAAM,SAASF,CAAQ,IAClCE,EAAS,OAAOA,EAAS,KAAK,OAAO,CAACG,MAAOA,MAAOL,CAAQ,KAG5DE,EAAS,OAAO,CAAC,GAAIA,EAAS,QAAQ,CAAA,GAAKF,CAAQ,GAE9Cd,EAAsBtC,GAAkBoD,GAAU1C,CAAuB,MAC5E8C,EAAcJ,CAAQ,IAAI,IAC1BnD,EAAuBuD,CAAa,KAGxCrD,EAAoBmD,CAAQ;AAAA,EAC9B,GAGMI,KAAkB,CAACC,MAA0B;AACjD,UAAMF,IAAKE,EAAM,OAAO;AACxB,IAAA/C,EAAY6C,CAAE,GACdtC,EAAwBjB,EAAc,MAAM,SAASuD,CAAE,KAAK,EAAK;AAAA,EACnE,GAGMG,KAAiB,CAACD,MAAyB;AAC/C,UAAM,EAAE,QAAAE,GAAQ,MAAAC,EAAA,IAASH;AAEzB,QAAIG,KAAQD,EAAO,OAAOC,EAAK,IAAI;AAEjC,YAAMC,IAAkBzB;AAAA,QACtBtC;AAAA,QACA6D,EAAO;AAAA,QACPnD;AAAA,MAAA,GAEIsD,IAAgB1B;AAAA,QACpBtC;AAAA,QACA8D,EAAK;AAAA,QACLpD;AAAA,MAAA,GAEIuD,IAAe/D,EAAc,MAAM,SAAS4D,EAAK,EAAY,KAAK,IAClEI,IAAe,CAACF;AAEtB,MAAAjD,EAAuB,CAACgD,KAAmBC,KAAiB,CAACC,CAAY,GACzEhD,EAAwB+C,KAAiBC,CAAY,GACrD1C,EAAwB2C,CAAY,GAGpC7C,EAA4B2C,KAAiB,CAACC,CAAY;AAAA,IAC5D;AAEE,MAAA5C,EAA4B,EAAK,GACjCE,EAAwB,EAAK;AAAA,EAEjC,GAGM4C,KAAgB,CAACR,MAAwB;AAE7C,IAAA5C,EAAuB,EAAK,GAC5BE,EAAwB,EAAK,GAC7BE,EAAwB,EAAK,GAC7BE,EAA4B,EAAK,GACjCE,EAAwB,EAAK;AAE7B,UAAM,EAAE,QAAAsC,GAAQ,MAAAC,EAAA,IAASH;AAEzB,QAAIG,KAAQD,EAAO,OAAOC,EAAK,IAAI;AAEjC,YAAMM,IAAe,CAAC,GAAGpC,GAAgB,GAAGC,GAAe,GAAGC,CAAa,EAAE;AAAA,QAC3E,CAACG,MAAQA,EAAI,UAAUwB,EAAO;AAAA,MAAA,GAE1BQ,IAAa,CAAC,GAAGrC,GAAgB,GAAGC,GAAe,GAAGC,CAAa,EAAE;AAAA,QACzE,CAACG,MAAQA,EAAI,UAAUyB,EAAK;AAAA,MAAA;AAG9B,UAAIM,KAAgBC,GAAY;AAC9B,cAAM1D,IAAWkD,EAAO,IAClBS,IAASR,EAAK,IACdC,IAAkBzB;AAAA,UACtBtC;AAAA,UACAW;AAAAA,UACAD;AAAA,QAAA,GAEIsD,IAAgB1B;AAAA,UACpBtC;AAAA,UACAsE;AAAA,UACA5D;AAAA,QAAA,GAEI6D,IAAiBrE,EAAc,MAAM,SAASS,CAAQ,KAAK,IAC3DsD,IAAe/D,EAAc,MAAM,SAASoE,CAAM,KAAK,IACvDJ,KAAe,CAACF,GAGhBQ,IAA2B;AAAA,UAC/B,kBAAkB,EAAE,GAAGxE,EAAA;AAAA,UACvB,aAAa,CAAC,GAAGI,CAAW;AAAA,UAC5B,eAAe,EAAE,GAAGF,EAAA;AAAA,UACpB,cAAc,EAAE,GAAGI,EAAA;AAAA,UACnB,SAAAC;AAAA,UACA,SAAAC;AAAA,UACA,WAAAC;AAAA,QAAA;AAIF,YAAIsD,KAAmBC,GAAe;AACpC,cAAIS,IAAiB,CAAC,GAAID,EAAU,cAAc,QAAQ,CAAA,CAAG;AAG7D,UAAID,MAAmBN,MACjBM,KAAkB,CAACN,IAErBQ,IAAiBA,EAAe,OAAO,CAAChB,MAAOA,MAAO9C,CAAQ,IACrD,CAAC4D,KAAkBN,MAE5BQ,IAAiB,CAAC,GAAGA,GAAgB9D,CAAQ;AAKjD,gBAAM+D,IAAgB,CAAC,GAAGxB,IAAwB,GAAGD,EAAuB,GACtE0B,KAAWD,EAAc,QAAQ/D,CAAQ,GACzCiE,KAAWF,EAAc,QAAQJ,CAAM;AAE7C,cAAIK,OAAa,MAAMC,OAAa,IAAI;AACtC,oBAAQ,MAAM,4BAA4B,GAC1CC,GAAM,MAAM,4BAA4B;AACxC;AAAA,UACF;AAEA,gBAAMC,KAAWC,GAAUL,GAAeC,IAAUC,EAAQ,GAGtDI,KAAwBF,GAAS,OAAO,CAACrB,MAAOgB,EAAe,SAAShB,CAAE,CAAC;AAGjF,UAAAe,EAAU,cAAcM,IACxBN,EAAU,gBAAgB;AAAA,YACxB,GAAGA,EAAU;AAAA,YACb,MAAMQ;AAAA,UAAA,GAIR3E,EAAiBmE,CAAS;AAAA,QAC5B,WAGS,CAACT,KAAmBC,GAAe;AAK1C,cAHAQ,EAAU,iBAAiB7D,CAAQ,IAAI,IAGnCsD,GAAc;AAChB,kBAAMQ,IAAiB,CAAC,GAAID,EAAU,cAAc,QAAQ,CAAA,GAAK7D,CAAQ;AACzE,YAAA6D,EAAU,cAAc,OAAOC;AAAA,UACjC;AAGA,gBAAMC,IAAgB,CAAC,GAAGxB,IAAwB,GAAGD,EAAuB;AAG5E,cAAI,CAACyB,EAAc,SAAS/D,CAAQ,GAAG;AACrC,kBAAMsE,IAAYP,EAAc,QAAQJ,CAAM;AAC9C,YAAAI,EAAc,OAAOO,GAAW,GAAGtE,CAAQ;AAAA,UAC7C;AAEA,UAAA6D,EAAU,cAAcE,GAGxBrE,EAAiBmE,CAAS;AAAA,QAC5B,WAGST,KAAmBG,IAAc;AAKxC,cAHAM,EAAU,iBAAiB7D,CAAQ,IAAI,IAGnC4D,GAAgB;AAClB,kBAAME,KAAkBD,EAAU,cAAc,QAAQ,CAAA,GAAI;AAAA,cAC1D,CAACf,MAAOA,MAAO9C;AAAAA,YAAA;AAEjB,YAAA6D,EAAU,cAAc,OAAOC;AAAA,UACjC;AAGA,UAAApE,EAAiBmE,CAAS;AAAA,QAC5B;AAAA,MACF;AAAA,IACF;AAEA,IAAA5D,EAAY,IAAI;AAAA,EAClB,GAGMwD,IAAezD,IACjB,CAAC,GAAGqB,GAAgB,GAAGC,GAAe,GAAGC,CAAa,EAAE,KAAK,CAACG,MAAQA,EAAI,UAAU1B,CAAQ,IAC5F;AAEJ,SACEuE,gBAAAA,EAAAA;AAAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAA3D;AAAA,MACA,oBAAoB4D;AAAA,MACpB,aAAa1B;AAAA,MACb,YAAYE;AAAA,MACZ,WAAWO;AAAA,MAEX,iCAACkB,IAAA,EAEE,UAAA;AAAA,QAAAnD,EAAc,SAAS,KACtBoD,gBAAAA,EAAAA,KAACC,GAAA,EAAQ,WAAWvE,MAAwB,CAACE,IAAuB,gBAAgB,IAClF,UAAA;AAAA,UAAAgE,gBAAAA,EAAAA,IAACM,KAAa,UAAA,iBAAA,CAAc;AAAA,UAC5BN,gBAAAA,EAAAA;AAAAA,YAACO;AAAA,YAAA;AAAA,cACC,OAAO1C,EAAoB,IAAI,CAACV,MAAQA,EAAI,KAAK;AAAA,cACjD,UAAUqD;AAAA,cAEV,gCAACC,GAAA,EACE,UAAA5C,EAAoB,IAAI,CAAC6C,MACxBV,gBAAAA,EAAAA;AAAAA,gBAACW;AAAA,gBAAA;AAAA,kBAEC,IAAID,EAAO;AAAA,kBACX,QAAAA;AAAA,kBACA,UAAU;AAAA,kBACV,UAAU;AAAA,kBACV,YAAY,CAAC,CAACrF,KAAWqF,EAAO,UAAU;AAAA,kBAC1C,eAAe7F,MAAgB6F,EAAO;AAAA,kBACtC,iBAAiBrC;AAAA,kBACjB,oBAAoBJ;AAAA,gBAAA;AAAA,gBARfyC,EAAO;AAAA,cAAA,CAUf,EAAA,CACH;AAAA,YAAA;AAAA,UAAA;AAAA,QACF,GACF;AAAA,QAIFN,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,WACEzE,MAAwBI,KAAwBE,KAC5C,gBACA;AAAA,YAGN,UAAA;AAAA,cAAA8D,gBAAAA,EAAAA,IAACM,KAAa,UAAA,kBAAA,CAAe;AAAA,cAC7BN,gBAAAA,EAAAA;AAAAA,gBAACO;AAAA,gBAAA;AAAA,kBACC,OAAOhD,EAAqB,IAAI,CAACJ,MAAQA,EAAI,KAAK;AAAA,kBAClD,UAAUqD;AAAA,kBAEV,gCAACC,GAAA,EACE,UAAAlD,EAAqB,IAAI,CAACmD,MACzBV,gBAAAA,EAAAA;AAAAA,oBAACW;AAAA,oBAAA;AAAA,sBAEC,IAAID,EAAO;AAAA,sBACX,QAAAA;AAAA,sBACA,UAAU;AAAA,sBACV,UAAU;AAAA,sBACV,eAAe7F,MAAgB6F,EAAO;AAAA,sBACtC,YAAY,CAAC,CAACrF,KAAWqF,EAAO,UAAU;AAAA,sBAC1C,iBAAiBrC;AAAA,sBACjB,oBAAoBJ;AAAA,oBAAA;AAAA,oBARfyC,EAAO;AAAA,kBAAA,CAUf,EAAA,CACH;AAAA,gBAAA;AAAA,cAAA;AAAA,YACF;AAAA,UAAA;AAAA,QAAA;AAAA,QAID3D,EAAc,SAAS,KACtBqD,gBAAAA,EAAAA,KAACC,KAAQ,WAAWjE,KAAuB,gBAAgB,IACzD,UAAA;AAAA,UAAA4D,gBAAAA,EAAAA,IAACM,KAAa,UAAA,iBAAA,CAAc;AAAA,UAC5BN,gBAAAA,MAACS,GAAA,EAAY,KAAK/D,GACf,UAAAK,EAAc,IAAI,CAAC2D,MAClBV,gBAAAA,EAAAA;AAAAA,YAACW;AAAA,YAAA;AAAA,cAEC,IAAID,EAAO;AAAA,cACX,QAAAA;AAAA,cACA,UAAU1F,EAAc,MAAM,SAAS0F,EAAO,KAAK,KAAK;AAAA,cACxD,UAAU;AAAA,cACV,eAAe7F,MAAgB6F,EAAO;AAAA,cACtC,YAAY,CAAC,CAACrF,KAAWqF,EAAO,UAAU;AAAA,cAC1C,iBAAiBrC;AAAA,cACjB,oBAAoBJ;AAAA,YAAA;AAAA,YARfyC,EAAO;AAAA,UAAA,CAUf,EAAA,CACH;AAAA,QAAA,GACF;AAAA,QAIFV,gBAAAA,EAAAA,IAACY,MACE,UAAA1B,KACCc,gBAAAA,EAAAA;AAAAA,UAACa;AAAA,UAAA;AAAA,YACC,QAAQ3B;AAAA,YACR,UAAUlE,EAAc,MAAM,SAASkE,EAAa,KAAK,KAAK;AAAA,YAC9D,UACE,CAAC9B;AAAA,cACCtC;AAAA,cACAoE,EAAa;AAAA,cACb1D;AAAA,YAAA;AAAA,YAGJ,eAAeX,MAAgBqE,EAAa;AAAA,YAC5C,aAAa;AAAA,UAAA;AAAA,QAAA,EACf,CAEJ;AAAA,MAAA,EAAA,CACF;AAAA,IAAA;AAAA,EAAA;AAGN,GAGMiB,KAAmBW,EAAO;AAAA;AAAA;AAAA;AAAA,GAM1BT,IAAUS,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAcjBR,IAAeQ,EAAO;AAAA;AAAA;AAAA;AAAA,GAWfC,KAAkE,CAACC,MAAU;AACxF,QAAM;AAAA,IACJ,kBAAAlG;AAAA,IACA,yBAAAU;AAAA,IACA,wBAAAT;AAAA,IACA,eAAAC;AAAA,IACA,qBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,SAAAC;AAAA,IACA,SAAAC;AAAA,IACA,WAAAC;AAAA,EAAA,IACE0F,GAAA;AAEJ,SACEjB,gBAAAA,EAAAA;AAAAA,IAACrF;AAAA,IAAA;AAAA,MACE,GAAGqG;AAAA,MACJ,kBAAAlG;AAAA,MACA,yBAAAU;AAAA,MACA,wBAAAT;AAAA,MACA,eAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,aAAAC;AAAA,MACA,kBAAAC;AAAA,MACA,cAAAC;AAAA,MACA,SAAAC;AAAA,MACA,SAAAC;AAAA,MACA,WAAAC;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js");require("react");require("@tanstack/react-virtual");require("@tanstack/react-table");require("clsx");const q=require("../../containers/ProjectTreeTable/buildTreeTableColumns.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");const k=require("@ynput/ayon-react-components");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../node_modules/@module-federation/runtime/dist/index.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");const w=require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MoveEntityContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const R=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../../context/EntityUpdatesContextInstance.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");const L=require("../SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../SearchFilter/CustomDateRangeDialog.cjs.js");const z=require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../SyncButton/SyncButton.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.cjs.js");require("../../containers/Feed/components/ActivityStatusChange/ActivityStatusSecondary.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");const A=require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");const E=require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");const I=require("../../containers/ProjectTreeTable/utils/checkColumnVisibility.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../context/DeleteEntitiesContext.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");const V=require("styled-components"),H=require("./ColumnsSettings.cjs.js"),$=require("../../containers/ProjectTreeTable/hooks/useGroupBySettings.cjs.js"),F=require("../../containers/ProjectTreeTable/hooks/useSortBySettings.cjs.js"),G=V(k.Button)`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../../../_virtual/jsx-runtime.cjs.js");require("react");require("@tanstack/react-virtual");require("@tanstack/react-table");require("clsx");const q=require("../../containers/ProjectTreeTable/buildTreeTableColumns.cjs.js");require("../../containers/ProjectTreeTable/ProjectTreeTable.styled.cjs.js");require("../../containers/ProjectTreeTable/components/HeaderActionButton.cjs.js");const k=require("@ynput/ayon-react-components");require("../../containers/ProjectTreeTable/components/RowSelectionHeader.cjs.js");require("../../containers/ProjectTreeTable/components/SelectionCell.cjs.js");require("../../context/RemoteModulesContext.cjs.js");require("../../../node_modules/@module-federation/runtime/dist/index.cjs.js");require("../../../../_virtual/semver.cjs.js");require("../../api/base/client.cjs.js");require("../../api/generated/graphql.cjs.js");require("../../api/generated/graphqlLinks.cjs.js");require("../../api/generated/access.cjs.js");require("../../api/generated/actions.cjs.js");require("../../api/generated/activityFeed.cjs.js");require("../../api/generated/addons.cjs.js");require("../../api/generated/anatomy.cjs.js");require("../../api/generated/attributes.cjs.js");require("../../api/generated/authentication.cjs.js");require("../../api/generated/bundles.cjs.js");require("../../api/generated/configuration.cjs.js");require("../../api/generated/dataImport.cjs.js");require("../../api/generated/desktop.cjs.js");require("../../api/generated/entityLists.cjs.js");require("../../api/generated/events.cjs.js");require("../../api/generated/files.cjs.js");require("../../api/generated/folders.cjs.js");require("../../api/generated/inbox.cjs.js");require("../../api/generated/links.cjs.js");require("../../api/generated/market.cjs.js");require("../../api/generated/onboarding.cjs.js");require("../../api/generated/operations.cjs.js");require("../../api/generated/products.cjs.js");require("../../api/generated/projectDashboard.cjs.js");require("../../api/generated/projects.cjs.js");require("../../api/generated/projectFolders.cjs.js");require("../../api/generated/reviewables.cjs.js");require("../../api/generated/services.cjs.js");require("../../api/generated/system.cjs.js");require("../../api/generated/tasks.cjs.js");require("../../api/generated/teams.cjs.js");require("../../api/generated/thumbnails.cjs.js");require("../../api/generated/uRIs.cjs.js");require("../../api/generated/users.cjs.js");require("../../api/generated/versions.cjs.js");require("../../api/generated/workfiles.cjs.js");require("../../api/generated/ynputCloud.cjs.js");require("../../api/generated/grouping.cjs.js");require("../../api/generated/views.cjs.js");require("../../api/queries/actions/getActions.cjs.js");require("../../api/queries/activities/getActivities.cjs.js");require("../../api/queries/activities/updateReaction.cjs.js");require("../../api/queries/activities/getMentions.cjs.js");require("../../api/queries/activities/getCategories.cjs.js");require("../../api/queries/addons/getAddons.cjs.js");require("../../api/queries/addons/updateAddons.cjs.js");require("../../api/queries/attributes/getAttributes.cjs.js");require("../../api/queries/attributes/updateAttributes.cjs.js");require("../../api/queries/authentication/getAuthentication.cjs.js");require("../../api/queries/bundles/getBundles.cjs.js");require("../../api/queries/bundles/updateBundles.cjs.js");require("../../api/queries/cloud/cloud.cjs.js");require("../../api/queries/columnStats/metricTargets.cjs.js");require("../../api/queries/columnStats/groupCounts.cjs.js");require("../../api/queries/config/getConfig.cjs.js");require("../../api/queries/config/updateConfig.cjs.js");require("../../api/queries/entities/getEntity.cjs.js");require("../../api/queries/entities/getEntityPanel.cjs.js");require("../../api/queries/overview/getOverview.cjs.js");require("../../api/queries/overview/updateOverview.cjs.js");require("../../api/queries/versions/getVersionsProducts.cjs.js");require("../../api/queries/links/getEntityLinks.cjs.js");require("../../api/queries/entities/updateEntity.cjs.js");require("../../api/queries/entityLists/getLists.cjs.js");require("../../api/queries/entityLists/updateLists.cjs.js");require("../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../api/queries/entityLists/listFolders.cjs.js");require("../../api/queries/folders/getFolders.cjs.js");require("../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../api/queries/grouping/getGrouping.cjs.js");require("../../api/queries/links/updateLinks.cjs.js");require("../../api/queries/links/getLinks.cjs.js");require("../../api/queries/permissions/getPermissions.cjs.js");require("../../api/queries/products/createProduct.cjs.js");require("../../api/queries/products/getFolderProducts.cjs.js");require("../../api/queries/project/getProject.cjs.js");require("../../api/queries/project/updateProject.cjs.js");require("../../api/queries/projectFolders/projectFolders.cjs.js");require("../../api/queries/review/getReview.cjs.js");require("../../api/queries/review/updateReview.cjs.js");require("../../api/queries/share/share.cjs.js");require("../../api/queries/system/getSystem.cjs.js");require("../../api/queries/tasks/getTasks.cjs.js");require("../../api/queries/tasks/updateTasks.cjs.js");require("../../api/queries/teams/getTeams.cjs.js");require("../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../api/queries/users/getUsers.cjs.js");require("../../api/queries/users/updateUsers.cjs.js");require("../../api/queries/users/guests.cjs.js");require("../../api/queries/versions/updateVersions.cjs.js");require("../../api/queries/views/getViews.cjs.js");require("../../api/queries/views/updateViews.cjs.js");require("../../api/queries/watchers/getWatchers.cjs.js");require("../../api/queries/uris/getUris.cjs.js");require("lodash");require("react-toastify");require("react-redux");require("custom-protocol-check");require("../../containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js");require("uuid");require("../../util/pubsub.cjs.js");require("../../context/PowerpackContextInstance.cjs.js");require("../../context/UriContext.cjs.js");require("../../context/DetailsPanelContextInstance.cjs.js");require("../../context/SubtasksModulesContextInstance.cjs.js");require("../../context/ThumbnailUploaderContext.cjs.js");const w=require("../../context/SettingsPanelContext.cjs.js");require("../../context/pip/PiPProvider.cjs.js");require("react-dom");require("../../context/pip/PiPWrapper.cjs.js");require("../../context/AddonProjectContext.cjs.js");require("../../context/AddonContext.cjs.js");require("../../context/MenuContext.cjs.js");require("../../context/WebsocketContext.cjs.js");require("../../context/GlobalContext.cjs.js");const R=require("../../context/ProjectContext.cjs.js");require("../../context/ProjectFoldersContextInstance.cjs.js");require("../../context/EntityUpdatesContextInstance.cjs.js");require("../../containers/ContextMenu/ContextMenuContext.cjs.js");;/* empty css                                                 */require("../../containers/Feed/context/FeedContext.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltipItem.cjs.js");require("../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.cjs.js");require("../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.cjs.js");require("../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.cjs.js");require("react-markdown");require("remark-emoji");require("remark-gfm");require("remark-directive");require("remark-directive-rehype");require("../../containers/Feed/components/CommentInput/CommentInput.cjs.js");require("../../containers/Feed/components/ReactionContainer/Reactions.styled.cjs.js");require("../../containers/Feed/components/FilesGrid/FilesGrid.styled.cjs.js");require("../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.cjs.js");require("../../containers/Feed/components/CommentInput/quillToMarkdown.cjs.js");require("../../containers/Feed/components/ActivityComment/ActivityComment.styled.cjs.js");require("../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.cjs.js");require("../AddonLoadingScreen/AddonLoadingScreen.cjs.js");require("../../../../node_modules/match-sorter/dist/match-sorter.esm.cjs.js");require("../AccessSearchInput/AccessSearchInput.styled.cjs.js");require("../AccessUser/AccessUser.cjs.js");require("../AttributeEditor/AttributeEditor.cjs.js");require("../AttributeEditor/attributeTypeMap.cjs.js");require("../Badge/Badge.cjs.js");require("../Chips/Chips.cjs.js");require("date-fns");require("../DateRangePicker/DateRangePicker.styled.cjs.js");require("../LinksManager/CellEditingDialog.cjs.js");require("../DeleteEntitiesConfirm/DeleteConfirmContent.cjs.js");require("../../../../_virtual/index.cjs.js");require("../../../../node_modules/refractor/lib/common.cjs.js");require("../../../../node_modules/refractor/lib/all.cjs.js");;/* empty css                                                                                */require("../DetailsPanelAttributes/DetailsPanelAttributesEditor.cjs.js");require("../DetailsPanelDetails/DetailsPanelDetails.cjs.js");require("react-quill-ayon");require("../DetailsPanelDetails/BorderedSection.cjs.js");require("../QuillListStyles/QuillListStyles.cjs.js");require("../DetailsPanelDetails/DescriptionSection.styles.cjs.js");require("rehype-raw");require("../DetailsPanelDetails/hooks/useMentionSystem.cjs.js");require("../../containers/Feed/components/CommentInput/modules/index.cjs.js");require("../DetailsPanelDetails/DetailsSection.cjs.js");require("../DetailsPanelDetails/FieldLabel.cjs.js");require("../DoneCheckbox/DoneCheckbox.cjs.js");require("../EarlyPreview/EarlyPreview.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholder.cjs.js");require("../EmptyPlaceholder/EmptyPlaceholderFlex.styled.cjs.js");require("../InfoMessage/InfoMessage.cjs.js");require("@dnd-kit/core");require("@dnd-kit/sortable");require("../EnumEditor/EnumEditor.styled.cjs.js");require("../EntityPanelUploader/EntityPanelUploader.styled.cjs.js");require("axios");require("../ReviewablesList/ReviewablesList.styled.cjs.js");require("../ReviewablesList/ReviewablesUpload.styled.cjs.js");require("../EntityPath/EntityPath.styled.cjs.js");require("../EntityPath/SegmentProvider.cjs.js");require("../FeaturedVersionOrder/FeaturedVersionOrder.cjs.js");require("../Feedback/FeedbackContextInstance.cjs.js");require("../Feedback/SupportBubble.cjs.js");require("../FileThumbnail/FileThumbnail.cjs.js");require("../LegacyBadge/LegacyBadge.cjs.js");require("../LinksManager/LinksManager.styled.cjs.js");require("../../containers/EntityPickerDialog/EntityPickerDialog.cjs.js");require("../Powerpack/PowerpackButton.cjs.js");require("../Powerpack/FreeTrialLink.cjs.js");require("../Powerpack/PowerpackDialog.styled.cjs.js");require("../Powerpack/CTAButton.cjs.js");require("../Powerpack/RequiredAddonVersion.cjs.js");const L=require("../SizeSlider/SizeSlider.cjs.js");require("react-router-dom");require("../../containers/Slicer/components/Slicer.cjs.js");require("../../containers/Slicer/context/SlicerContextInstance.cjs.js");require("../../containers/Slicer/components/SlicerDropdownFallback.cjs.js");require("../../containers/NewEntity/components/NewEntity.cjs.js");require("../../containers/NewEntity/context/NewEntityContextInstance.cjs.js");require("../../containers/NewEntity/components/NewEntityForm.cjs.js");require("../../containers/Slicer/hooks/useTableDataBySlice.cjs.js");require("../ReviewableCard/ReviewableCard.cjs.js");require("../ReviewableProgressCard/ReviewableProgressCard.styled.cjs.js");require("../SearchFilter/filterDates.cjs.js");require("../SearchFilter/CustomDateRangeDialog.cjs.js");const z=require("../SettingsPanel/SettingsPanel.cjs.js");require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");require("../ShareOptionIcon/ShareOptionIcon.cjs.js");require("../SimpleFormDialog/SimpleFormDialog.cjs.js");require("../StyledLink/StyledLink.cjs.js");require("../SyncButton/SyncButton.cjs.js");require("../TableGridSwitch/TableGridSwitch.cjs.js");require("../Thumbnail/Thumbnail.styled.cjs.js");require("../Thumbnail/StackedThumbnails.cjs.js");require("../ThumbnailSimple/ThumbnailSimple.cjs.js");require("../VersionUploader/components/UploadVersionDialog.cjs.js");require("../VersionUploader/context/VersionUploadContextInstance.cjs.js");require("../Watchers/Watchers.cjs.js");require("../Menu/Menu.styled.cjs.js");require("../Menu/MenuItem.cjs.js");require("../ReviewablesSelector/ReviewablesSelector.cjs.js");require("../ColumnHeaderMenuUI.cjs.js");require("../../containers/Feed/components/ActivityReference/ActivityReference.styled.cjs.js");require("../../containers/Feed/components/ActivityStatus/ActivityStatus.cjs.js");require("../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.cjs.js");require("../../containers/Feed/components/ActivityDate.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryTag.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.cjs.js");require("../../containers/Feed/components/ActivityFieldChange/FieldValue.cjs.js");require("../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.cjs.js");require("../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.cjs.js");require("../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");require("../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.cjs.js");require("../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.cjs.js");require("../../containers/Feed/Feed.styled.cjs.js");require("../../containers/Feed/components/FeedSearchFilter.cjs.js");require("../../containers/DetailsPanel/DetailsPanel.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");require("../PlayableIcon/PlayableIcon.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.cjs.js");require("../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.cjs.js");require("../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.cjs.js");require("../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.cjs.js");require("../../containers/Actions/Actions.styled.cjs.js");require("../../containers/Actions/ActionsDropdown/ActionsDropdown.cjs.js");require("../../containers/Actions/ActionIcon.cjs.js");require("../../containers/Views/ViewsMenu/ViewsMenu.cjs.js");require("../../containers/Views/context/ViewsContextInstance.cjs.js");require("../../containers/Views/Views.styled.cjs.js");require("../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.cjs.js");require("short-uuid");require("../../containers/ProjectTreeTable/context/CellEditingContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectionCellsContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");const A=require("../../containers/ProjectTreeTable/context/ProjectTableContext.cjs.js");require("../../containers/ProjectTreeTable/context/ClipboardContext.cjs.js");const E=require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");require("../../containers/ProjectTreeTable/context/SelectedRowsContext.cjs.js");require("../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.cjs.js");require("../../containers/ProjectTreeTable/context/ProjectDataContextInstance.cjs.js");const I=require("../../containers/ProjectTreeTable/utils/checkColumnVisibility.cjs.js");require("../../containers/ListTable/ListTableRow.cjs.js");require("../../containers/ListTable/ListTable.styled.cjs.js");require("../../containers/ProjectTreeTable/widgets/BooleanWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/DateWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/TextWidget.cjs.js");require("../../context/DeleteEntitiesContext.cjs.js");require("../../containers/ProjectTreeTable/components/TableFooterRow.cjs.js");require("../../containers/ProjectTreeTable/widgets/CellWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/CollapsedWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EnumCellValue.cjs.js");require("../../containers/ProjectTreeTable/widgets/MarkdownWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EntityNameWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ThumbnailWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/LinksWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/EmptyWidget.cjs.js");require("../../containers/ProjectTreeTable/widgets/ErrorWidget.cjs.js");const V=require("styled-components"),H=require("./ColumnsSettings.cjs.js"),$=require("../../containers/ProjectTreeTable/hooks/useGroupBySettings.cjs.js"),F=require("../../containers/ProjectTreeTable/hooks/useSortBySettings.cjs.js"),G=V(k.Button)`
   min-width: 120px;
 `,M=({defaultSelected:n,className:d,...s})=>{const{togglePanel:l,isPanelOpen:o}=w.useSettingsPanel();return t.jsxRuntimeExports.jsx(G,{onClick:()=>l(n),icon:"settings",selected:o,...s,children:"Customize"})},N=({settings:n=[],extraColumns:d=[],hiddenColumns:s=[],hiddenSettings:l=[],highlighted:o,includeLinks:p=!0,hideSortBy:b=!1,order:C,scope:h})=>{const{...m}=R.useProjectContext(),{attribFields:S,scopes:r}=A.useProjectTableContext(),{columnVisibility:v,defaultColumnVisibility:x,rowHeight:y=34,updateRowHeight:j,updateRowHeightWithPersistence:T}=E.useColumnSettingsContext(),g=[{value:"thumbnail",label:"Thumbnail"},{value:"name",label:r.map(e=>e.charAt(0).toUpperCase()+e.slice(1)).join("/")+" Name"},{value:"folder",label:"Folder"},{value:"assignees",label:"Assignees",hidden:!r.includes("task")},{value:"product",label:"Product name",hidden:["product","version"].some(e=>!r.includes(e))},{value:"entityType",label:"Entity type"},{value:"status",label:"Status"},{value:"subType",label:"Type"},{value:"tags",label:"Tags"},{value:"createdAt",label:"Created At"},{value:"updatedAt",label:"Updated At"},{value:"subtasks",label:"Subtasks",hidden:!r.includes("task")},{value:"comments",label:"Latest comments",hidden:!r.some(e=>["task","version","product","folder"].includes(e))},...S.filter(e=>e.scope?.some(i=>r.includes(i))).map(e=>({value:`attrib_${e.name}`,label:e.data.title||e.name})),...m?.linkTypes&&p?m.linkTypes.filter(e=>[e.inputType,e.outputType].some(i=>r.includes(i))).flatMap(e=>[{value:q.getLinkColumnId(e,"in"),label:q.getLinkLabel(e,"in")},{value:q.getLinkColumnId(e,"out"),label:q.getLinkLabel(e,"out")}]):[],...d],a=g.filter(e=>!e.hidden&&!s.includes(e.value)),f=a.filter(e=>I.checkColumnVisibility(v,e.value,x)).length,P=$.useGroupBySettings({scope:h}),B=F.useSortBySettings(g),u=[{id:"columns",title:"Columns",icon:"view_column",preview:`${f}/${a.length}`,component:t.jsxRuntimeExports.jsx(H.ColumnsSettingsWithContext,{columns:a,highlighted:o})},b?null:B,P,{id:"row-height",component:t.jsxRuntimeExports.jsx(L.SizeSlider,{value:y,onChange:j,onChangeComplete:T,title:"Row height",id:"row-height-slider"})}].filter(Boolean);return n.forEach(e=>{if(l.includes(e.id))return;const i=u.findIndex(c=>c&&"id"in c&&c.id===e.id);i!==-1?u[i]=e:u.push(e)}),t.jsxRuntimeExports.jsx(z.SettingsPanel,{settings:u,order:C})};exports.CustomizeButton=M;exports.ProjectTableSettings=N;
 //# 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  useColumnSettingsContext,\n  useProjectTableContext,\n  checkColumnVisibility,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useProjectContext, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport { ColumnsSettingsWithContext } from './ColumnsSettings'\nimport { SizeSlider } from '@shared/components'\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: '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: 'folder',\n      label: 'Folder',\n    },\n    {\n      value: 'assignees',\n      label: 'Assignees',\n      hidden: !scopes.includes('task'),\n    },\n    {\n      value: 'product',\n      label: 'Product name',\n      hidden: ['product', 'version'].some((scope) => !scopes.includes(scope)),\n    },\n    {\n      value: 'entityType',\n      label: 'Entity type',\n    },\n    {\n      value: 'status',\n      label: 'Status',\n    },\n    {\n      value: 'subType',\n      label: 'Type',\n    },\n    {\n      value: 'tags',\n      label: 'Tags',\n    },\n    {\n      value: 'createdAt',\n      label: 'Created At',\n    },\n    {\n      value: 'updatedAt',\n      label: 'Updated At',\n    },\n    {\n      value: 'subtasks',\n      label: 'Subtasks',\n      hidden: !scopes.includes('task'),\n    },\n    {\n      value: 'comments',\n      label: 'Latest 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","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 {\n  getLinkColumnId,\n  getLinkLabel,\n  useColumnSettingsContext,\n  useProjectTableContext,\n  checkColumnVisibility,\n} from '@shared/containers/ProjectTreeTable'\nimport { Button, ButtonProps } from '@ynput/ayon-react-components'\nimport { FC } from 'react'\nimport styled from 'styled-components'\nimport { SettingHighlightedId, useProjectContext, useSettingsPanel } from '@shared/context'\nimport { SettingsPanel, SettingConfig } from '@shared/components/SettingsPanel'\nimport { ColumnsSettingsWithContext } from './ColumnsSettings'\nimport { SizeSlider } from '@shared/components'\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: '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: 'folder',\n      label: 'Folder',\n    },\n    {\n      value: 'assignees',\n      label: 'Assignees',\n      hidden: !scopes.includes('task'),\n    },\n    {\n      value: 'product',\n      label: 'Product name',\n      hidden: ['product', 'version'].some((scope) => !scopes.includes(scope)),\n    },\n    {\n      value: 'entityType',\n      label: 'Entity type',\n    },\n    {\n      value: 'status',\n      label: 'Status',\n    },\n    {\n      value: 'subType',\n      label: 'Type',\n    },\n    {\n      value: 'tags',\n      label: 'Tags',\n    },\n    {\n      value: 'createdAt',\n      label: 'Created At',\n    },\n    {\n      value: 'updatedAt',\n      label: 'Updated At',\n    },\n    {\n      value: 'subtasks',\n      label: 'Subtasks',\n      hidden: !scopes.includes('task'),\n    },\n    {\n      value: 'comments',\n      label: 'Latest 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","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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"}