@ynput/ayon-frontend-shared 0.4.3 → 0.4.4

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