@ynput/ayon-frontend-shared 0.2.3 → 0.2.4

package/dist/shared/src/components/EnumEditor/hooks/useDraggable.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDraggable.es.js","sources":["../../../../../../src/components/EnumEditor/hooks/useDraggable.ts"],"sourcesContent":["import { DragEndEvent } from '@dnd-kit/core';\nimport { uniqueId } from 'lodash'\nimport { useState } from 'react'\n\nconst useDraggable = <T extends { id: string }, U>({\n  creator,\n  initialData,\n  onChange,\n  normalizer,\n}: {\n  creator: () => T\n  initialData: T[]\n  onChange: (data: U[]) => void\n  normalizer: (data: T[]) => U[]\n}) => {\n  const [items, setItems] = useState<T[]>(initialData)\n\n  const updateAndSync = (data: T[]) => {\n    onChange(normalizer(data))\n    setItems(data)\n  }\n\n  const handleAddItem = (overrides: Partial<T>) => {\n    updateAndSync([...items, { ...creator(), ...overrides, id: uniqueId() }])\n  }\n\n  const handleRemoveItem = (idx: number) => () => {\n    updateAndSync([...items.slice(0, idx), ...items.slice(idx + 1)])\n  }\n\n  const handleChangeItem =\n    (idx: number) => (attrs: (keyof T)[], values: (boolean | string | undefined)[]) => {\n      let updatedItem: T = { ...items[idx] }\n      //@ts-ignore\n      attrs.map((attr, index) => (updatedItem[attr] = values[index]))\n      updateAndSync([...items.slice(0, idx), updatedItem, ...items.slice(idx + 1)])\n    }\n\n  const handleDuplicateItem = (idx: number, overrides: Partial<T>) => {\n    updateAndSync([\n      ...items.slice(0, idx + 1),\n      { ...items[idx], id: uniqueId(), ...overrides },\n      ...items.slice(idx + 1),\n    ])\n  }\n\n  const handleDraggableEnd = (event: DragEndEvent) => {\n    if (!event.over) {\n      return\n    }\n\n    const activeItem = items.find((filterItem) => filterItem.id == event.active.id)\n    const activeItemIndex = items.indexOf(activeItem!)\n    const overItem = items.find((item) => item.id == event.over!.id)\n    const overItemIndex = items.indexOf(overItem!)\n\n    if (activeItemIndex < overItemIndex) {\n      updateAndSync([\n        ...items.slice(0, activeItemIndex),\n        ...items.slice(activeItemIndex + 1, overItemIndex + 1),\n        activeItem!,\n        ...items.slice(overItemIndex + 1),\n      ])\n    } else {\n      updateAndSync([\n        ...items.slice(0, overItemIndex),\n        activeItem!,\n        ...items.slice(overItemIndex, activeItemIndex),\n        ...items.slice(activeItemIndex + 1),\n      ])\n    }\n  }\n\n  return {\n    items,\n    handleAddItem,\n    handleRemoveItem,\n    handleChangeItem,\n    handleDuplicateItem,\n    handleDraggableEnd,\n  }\n}\n\nexport default useDraggable\n"],"names":[],"mappings":";;AAIA,MAAM,eAAe,CAA8B;AAAA,EACjD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAKM;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAc,WAAW;AAE7C,QAAA,gBAAgB,CAAC,SAAc;AAC1B,aAAA,WAAW,IAAI,CAAC;AACzB,aAAS,IAAI;AAAA,EACf;AAEM,QAAA,gBAAgB,CAAC,cAA0B;AAC/C,kBAAc,CAAC,GAAG,OAAO,EAAE,GAAG,QAAA,GAAW,GAAG,WAAW,IAAI,SAAS,EAAA,CAAG,CAAC;AAAA,EAC1E;AAEM,QAAA,mBAAmB,CAAC,QAAgB,MAAM;AAC9C,kBAAc,CAAC,GAAG,MAAM,MAAM,GAAG,GAAG,GAAG,GAAG,MAAM,MAAM,MAAM,CAAC,CAAC,CAAC;AAAA,EACjE;AAEA,QAAM,mBACJ,CAAC,QAAgB,CAAC,OAAoB,WAA6C;AACjF,QAAI,cAAiB,EAAE,GAAG,MAAM,GAAG,EAAE;AAE/B,UAAA,IAAI,CAAC,MAAM,UAAW,YAAY,IAAI,IAAI,OAAO,KAAK,CAAE;AAC9D,kBAAc,CAAC,GAAG,MAAM,MAAM,GAAG,GAAG,GAAG,aAAa,GAAG,MAAM,MAAM,MAAM,CAAC,CAAC,CAAC;AAAA,EAC9E;AAEI,QAAA,sBAAsB,CAAC,KAAa,cAA0B;AACpD,kBAAA;AAAA,MACZ,GAAG,MAAM,MAAM,GAAG,MAAM,CAAC;AAAA,MACzB,EAAE,GAAG,MAAM,GAAG,GAAG,IAAI,SAAA,GAAY,GAAG,UAAU;AAAA,MAC9C,GAAG,MAAM,MAAM,MAAM,CAAC;AAAA,IAAA,CACvB;AAAA,EACH;AAEM,QAAA,qBAAqB,CAAC,UAAwB;AAC9C,QAAA,CAAC,MAAM,MAAM;AACf;AAAA,IAAA;AAGI,UAAA,aAAa,MAAM,KAAK,CAAC,eAAe,WAAW,MAAM,MAAM,OAAO,EAAE;AACxE,UAAA,kBAAkB,MAAM,QAAQ,UAAW;AAC3C,UAAA,WAAW,MAAM,KAAK,CAAC,SAAS,KAAK,MAAM,MAAM,KAAM,EAAE;AACzD,UAAA,gBAAgB,MAAM,QAAQ,QAAS;AAE7C,QAAI,kBAAkB,eAAe;AACrB,oBAAA;AAAA,QACZ,GAAG,MAAM,MAAM,GAAG,eAAe;AAAA,QACjC,GAAG,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,CAAC;AAAA,QACrD;AAAA,QACA,GAAG,MAAM,MAAM,gBAAgB,CAAC;AAAA,MAAA,CACjC;AAAA,IAAA,OACI;AACS,oBAAA;AAAA,QACZ,GAAG,MAAM,MAAM,GAAG,aAAa;AAAA,QAC/B;AAAA,QACA,GAAG,MAAM,MAAM,eAAe,eAAe;AAAA,QAC7C,GAAG,MAAM,MAAM,kBAAkB,CAAC;AAAA,MAAA,CACnC;AAAA,IAAA;AAAA,EAEL;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}

package/dist/shared/src/components/EnumEditor/util/index.cjs.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const appendOrUpdateNumericSuffix = (value, existingValues, separator) => {
+  const tokens = value.split(separator);
+  const lastToken = tokens[tokens.length - 1];
+  let suffix = 2;
+  let chunk = value;
+  if (!isNaN(Number(lastToken))) {
+    suffix = parseInt(lastToken);
+    chunk = [...tokens.slice(0, -1)].join(separator);
+  }
+  let retVal = chunk + separator + suffix;
+  while (existingValues.includes(retVal)) {
+    retVal = chunk + separator + suffix++;
+  }
+  return retVal;
+};
+exports.appendOrUpdateNumericSuffix = appendOrUpdateNumericSuffix;
+//# sourceMappingURL=index.cjs.js.map

package/dist/shared/src/components/EnumEditor/util/index.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs.js","sources":["../../../../../../src/components/EnumEditor/util/index.ts"],"sourcesContent":["export const appendOrUpdateNumericSuffix = (\n  value: string,\n  existingValues: string[],\n  separator: string,\n) => {\n  const tokens = value.split(separator)\n  const lastToken = tokens[tokens.length - 1]\n\n  let suffix = 2\n  let chunk = value\n  if (!isNaN(Number(lastToken))) {\n    suffix = parseInt(lastToken)\n    chunk = [...tokens.slice(0, -1)].join(separator)\n  }\n\n  let retVal = chunk + separator + suffix\n  while (existingValues.includes(retVal)) {\n    retVal = chunk + separator + suffix++\n  }\n\n  return retVal\n}\n"],"names":[],"mappings":";;AAAO,MAAM,8BAA8B,CACzC,OACA,gBACA,cACG;AACG,QAAA,SAAS,MAAM,MAAM,SAAS;AACpC,QAAM,YAAY,OAAO,OAAO,SAAS,CAAC;AAE1C,MAAI,SAAS;AACb,MAAI,QAAQ;AACZ,MAAI,CAAC,MAAM,OAAO,SAAS,CAAC,GAAG;AAC7B,aAAS,SAAS,SAAS;AACnB,YAAA,CAAC,GAAG,OAAO,MAAM,GAAG,EAAE,CAAC,EAAE,KAAK,SAAS;AAAA,EAAA;AAG7C,MAAA,SAAS,QAAQ,YAAY;AAC1B,SAAA,eAAe,SAAS,MAAM,GAAG;AACtC,aAAS,QAAQ,YAAY;AAAA,EAAA;AAGxB,SAAA;AACT;;"}

package/dist/shared/src/components/EnumEditor/util/index.es.js

@@ -0,0 +1,19 @@
+const appendOrUpdateNumericSuffix = (value, existingValues, separator) => {
+  const tokens = value.split(separator);
+  const lastToken = tokens[tokens.length - 1];
+  let suffix = 2;
+  let chunk = value;
+  if (!isNaN(Number(lastToken))) {
+    suffix = parseInt(lastToken);
+    chunk = [...tokens.slice(0, -1)].join(separator);
+  }
+  let retVal = chunk + separator + suffix;
+  while (existingValues.includes(retVal)) {
+    retVal = chunk + separator + suffix++;
+  }
+  return retVal;
+};
+export {
+  appendOrUpdateNumericSuffix
+};
+//# sourceMappingURL=index.es.js.map

package/dist/shared/src/components/EnumEditor/util/index.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es.js","sources":["../../../../../../src/components/EnumEditor/util/index.ts"],"sourcesContent":["export const appendOrUpdateNumericSuffix = (\n  value: string,\n  existingValues: string[],\n  separator: string,\n) => {\n  const tokens = value.split(separator)\n  const lastToken = tokens[tokens.length - 1]\n\n  let suffix = 2\n  let chunk = value\n  if (!isNaN(Number(lastToken))) {\n    suffix = parseInt(lastToken)\n    chunk = [...tokens.slice(0, -1)].join(separator)\n  }\n\n  let retVal = chunk + separator + suffix\n  while (existingValues.includes(retVal)) {\n    retVal = chunk + separator + suffix++\n  }\n\n  return retVal\n}\n"],"names":[],"mappings":"AAAO,MAAM,8BAA8B,CACzC,OACA,gBACA,cACG;AACG,QAAA,SAAS,MAAM,MAAM,SAAS;AACpC,QAAM,YAAY,OAAO,OAAO,SAAS,CAAC;AAE1C,MAAI,SAAS;AACb,MAAI,QAAQ;AACZ,MAAI,CAAC,MAAM,OAAO,SAAS,CAAC,GAAG;AAC7B,aAAS,SAAS,SAAS;AACnB,YAAA,CAAC,GAAG,OAAO,MAAM,GAAG,EAAE,CAAC,EAAE,KAAK,SAAS;AAAA,EAAA;AAG7C,MAAA,SAAS,QAAQ,YAAY;AAC1B,SAAA,eAAe,SAAS,MAAM,GAAG;AACtC,aAAS,QAAQ,YAAY;AAAA,EAAA;AAGxB,SAAA;AACT;"}

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

@@ -0,0 +1,78 @@
+"use strict";
+const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
+const clsx = require("clsx");
+const React = require("react");
+const SettingsPanelItemTemplate = require("../SettingsPanel/SettingsPanelItemTemplate.cjs.js");
+const ayonReactComponents = require("@ynput/ayon-react-components");
+const styled = require("styled-components");
+const SettingsPanelItemTemplateStyled = styled(SettingsPanelItemTemplate.SettingsPanelItemTemplate)`
+  &:hover {
+    .pin-action {
+      opacity: 1;
+    }
+  }
+
+  .drag-handle {
+    cursor: grab;
+    height: 20px;
+  }
+
+  &.overlay {
+    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
+  }
+
+  &.dragging {
+    opacity: 0;
+
+    .drag-handle {
+      cursor: grabbing;
+    }
+  }
+
+  &.hidden {
+    .pin-action {
+      opacity: 0;
+    }
+  }
+`;
+const ColumnItem = ({
+  column,
+  isPinned,
+  isHidden,
+  isHighlighted,
+  // Dragging props
+  dragHandleProps,
+  dragOverlay = false,
+  // Callbacks
+  onTogglePinning,
+  onToggleVisibility
+}) => {
+  const itemActions = React.useMemo(
+    () => [
+      {
+        icon: "push_pin",
+        onClick: () => onTogglePinning == null ? void 0 : onTogglePinning(column.value),
+        active: isPinned,
+        className: "pin-action"
+      },
+      {
+        icon: isHidden ? "visibility_off" : "visibility",
+        onClick: () => onToggleVisibility == null ? void 0 : onToggleVisibility(column.value),
+        active: !isHidden
+      }
+    ],
+    [isPinned, isHidden, column.value, onTogglePinning, onToggleVisibility]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    SettingsPanelItemTemplateStyled,
+    {
+      item: column,
+      actions: itemActions,
+      isHighlighted,
+      className: clsx({ hidden: isHidden, overlay: dragOverlay }),
+      startContent: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { ...dragHandleProps, className: "drag-handle", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ayonReactComponents.Icon, { icon: "drag_indicator" }) })
+    }
+  );
+};
+module.exports = ColumnItem;
+//# sourceMappingURL=ColumnItem.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnItem.cjs.js","sources":["../../../../../src/components/ProjectTableSettings/ColumnItem.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { FC, useMemo } from 'react'\nimport {\n  SettingsPanelItemTemplate,\n  SettingsPanelItem,\n} from '../SettingsPanel/SettingsPanelItemTemplate'\nimport { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst SettingsPanelItemTemplateStyled = styled(SettingsPanelItemTemplate)`\n  &:hover {\n    .pin-action {\n      opacity: 1;\n    }\n  }\n\n  .drag-handle {\n    cursor: grab;\n    height: 20px;\n  }\n\n  &.overlay {\n    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);\n  }\n\n  &.dragging {\n    opacity: 0;\n\n    .drag-handle {\n      cursor: grabbing;\n    }\n  }\n\n  &.hidden {\n    .pin-action {\n      opacity: 0;\n    }\n  }\n`\n\ninterface ColumnItemProps {\n  column: SettingsPanelItem\n  isPinned: boolean\n  isHidden: boolean\n  isHighlighted?: boolean\n  dragHandleProps?: any\n  dragOverlay?: boolean\n  onTogglePinning?: (columnId: string) => void\n  onToggleVisibility?: (columnId: string) => void\n}\n\nconst ColumnItem: FC<ColumnItemProps> = ({\n  column,\n  isPinned,\n  isHidden,\n  isHighlighted,\n  // Dragging props\n  dragHandleProps,\n  dragOverlay = false,\n  // Callbacks\n  onTogglePinning,\n  onToggleVisibility,\n}) => {\n  const itemActions = useMemo(\n    () => [\n      {\n        icon: 'push_pin',\n        onClick: () => onTogglePinning?.(column.value),\n        active: isPinned,\n        className: 'pin-action',\n      },\n      {\n        icon: isHidden ? 'visibility_off' : 'visibility',\n        onClick: () => onToggleVisibility?.(column.value),\n        active: !isHidden,\n      },\n    ],\n    [isPinned, isHidden, column.value, onTogglePinning, onToggleVisibility],\n  )\n\n  return (\n    <SettingsPanelItemTemplateStyled\n      item={column}\n      actions={itemActions}\n      isHighlighted={isHighlighted}\n      className={clsx({ hidden: isHidden, overlay: dragOverlay })}\n      startContent={\n        <div {...dragHandleProps} className={'drag-handle'}>\n          <Icon icon=\"drag_indicator\" />\n        </div>\n      }\n    />\n  )\n}\n\nexport default ColumnItem\n"],"names":["SettingsPanelItemTemplate","useMemo","jsx","Icon"],"mappings":";;;;;;;AASA,MAAM,kCAAkC,OAAOA,mDAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0CxE,MAAM,aAAkC,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA,cAAc;AAAA;AAAA,EAEd;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAcC,MAAA;AAAA,IAClB,MAAM;AAAA,MACJ;AAAA,QACE,MAAM;AAAA,QACN,SAAS,MAAM,mDAAkB,OAAO;AAAA,QACxC,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,MAAM,WAAW,mBAAmB;AAAA,QACpC,SAAS,MAAM,yDAAqB,OAAO;AAAA,QAC3C,QAAQ,CAAC;AAAA,MAAA;AAAA,IAEb;AAAA,IACA,CAAC,UAAU,UAAU,OAAO,OAAO,iBAAiB,kBAAkB;AAAA,EACxE;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,SAAS;AAAA,MACT;AAAA,MACA,WAAW,KAAK,EAAE,QAAQ,UAAU,SAAS,aAAa;AAAA,MAC1D,cACGA,2BAAAA,kBAAAA,IAAA,OAAA,EAAK,GAAG,iBAAiB,WAAW,eACnC,UAACA,2BAAA,kBAAA,IAAAC,oBAAA,MAAA,EAAK,MAAK,iBAAiB,CAAA,EAC9B,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;;"}

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

@@ -0,0 +1,79 @@
+import { j as jsxRuntimeExports } from "../../../../_virtual/jsx-runtime.es.js";
+import clsx from "clsx";
+import { useMemo } from "react";
+import { SettingsPanelItemTemplate } from "../SettingsPanel/SettingsPanelItemTemplate.es.js";
+import { Icon } from "@ynput/ayon-react-components";
+import styled from "styled-components";
+const SettingsPanelItemTemplateStyled = styled(SettingsPanelItemTemplate)`
+  &:hover {
+    .pin-action {
+      opacity: 1;
+    }
+  }
+
+  .drag-handle {
+    cursor: grab;
+    height: 20px;
+  }
+
+  &.overlay {
+    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);
+  }
+
+  &.dragging {
+    opacity: 0;
+
+    .drag-handle {
+      cursor: grabbing;
+    }
+  }
+
+  &.hidden {
+    .pin-action {
+      opacity: 0;
+    }
+  }
+`;
+const ColumnItem = ({
+  column,
+  isPinned,
+  isHidden,
+  isHighlighted,
+  // Dragging props
+  dragHandleProps,
+  dragOverlay = false,
+  // Callbacks
+  onTogglePinning,
+  onToggleVisibility
+}) => {
+  const itemActions = useMemo(
+    () => [
+      {
+        icon: "push_pin",
+        onClick: () => onTogglePinning == null ? void 0 : onTogglePinning(column.value),
+        active: isPinned,
+        className: "pin-action"
+      },
+      {
+        icon: isHidden ? "visibility_off" : "visibility",
+        onClick: () => onToggleVisibility == null ? void 0 : onToggleVisibility(column.value),
+        active: !isHidden
+      }
+    ],
+    [isPinned, isHidden, column.value, onTogglePinning, onToggleVisibility]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SettingsPanelItemTemplateStyled,
+    {
+      item: column,
+      actions: itemActions,
+      isHighlighted,
+      className: clsx({ hidden: isHidden, overlay: dragOverlay }),
+      startContent: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ...dragHandleProps, className: "drag-handle", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon, { icon: "drag_indicator" }) })
+    }
+  );
+};
+export {
+  ColumnItem as default
+};
+//# sourceMappingURL=ColumnItem.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ColumnItem.es.js","sources":["../../../../../src/components/ProjectTableSettings/ColumnItem.tsx"],"sourcesContent":["import clsx from 'clsx'\nimport { FC, useMemo } from 'react'\nimport {\n  SettingsPanelItemTemplate,\n  SettingsPanelItem,\n} from '../SettingsPanel/SettingsPanelItemTemplate'\nimport { Icon } from '@ynput/ayon-react-components'\nimport styled from 'styled-components'\n\nconst SettingsPanelItemTemplateStyled = styled(SettingsPanelItemTemplate)`\n  &:hover {\n    .pin-action {\n      opacity: 1;\n    }\n  }\n\n  .drag-handle {\n    cursor: grab;\n    height: 20px;\n  }\n\n  &.overlay {\n    box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.1);\n  }\n\n  &.dragging {\n    opacity: 0;\n\n    .drag-handle {\n      cursor: grabbing;\n    }\n  }\n\n  &.hidden {\n    .pin-action {\n      opacity: 0;\n    }\n  }\n`\n\ninterface ColumnItemProps {\n  column: SettingsPanelItem\n  isPinned: boolean\n  isHidden: boolean\n  isHighlighted?: boolean\n  dragHandleProps?: any\n  dragOverlay?: boolean\n  onTogglePinning?: (columnId: string) => void\n  onToggleVisibility?: (columnId: string) => void\n}\n\nconst ColumnItem: FC<ColumnItemProps> = ({\n  column,\n  isPinned,\n  isHidden,\n  isHighlighted,\n  // Dragging props\n  dragHandleProps,\n  dragOverlay = false,\n  // Callbacks\n  onTogglePinning,\n  onToggleVisibility,\n}) => {\n  const itemActions = useMemo(\n    () => [\n      {\n        icon: 'push_pin',\n        onClick: () => onTogglePinning?.(column.value),\n        active: isPinned,\n        className: 'pin-action',\n      },\n      {\n        icon: isHidden ? 'visibility_off' : 'visibility',\n        onClick: () => onToggleVisibility?.(column.value),\n        active: !isHidden,\n      },\n    ],\n    [isPinned, isHidden, column.value, onTogglePinning, onToggleVisibility],\n  )\n\n  return (\n    <SettingsPanelItemTemplateStyled\n      item={column}\n      actions={itemActions}\n      isHighlighted={isHighlighted}\n      className={clsx({ hidden: isHidden, overlay: dragOverlay })}\n      startContent={\n        <div {...dragHandleProps} className={'drag-handle'}>\n          <Icon icon=\"drag_indicator\" />\n        </div>\n      }\n    />\n  )\n}\n\nexport default ColumnItem\n"],"names":["jsx"],"mappings":";;;;;;AASA,MAAM,kCAAkC,OAAO,yBAAyB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AA0CxE,MAAM,aAAkC,CAAC;AAAA,EACvC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA;AAAA,EAEA;AAAA,EACA,cAAc;AAAA;AAAA,EAEd;AAAA,EACA;AACF,MAAM;AACJ,QAAM,cAAc;AAAA,IAClB,MAAM;AAAA,MACJ;AAAA,QACE,MAAM;AAAA,QACN,SAAS,MAAM,mDAAkB,OAAO;AAAA,QACxC,QAAQ;AAAA,QACR,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,MAAM,WAAW,mBAAmB;AAAA,QACpC,SAAS,MAAM,yDAAqB,OAAO;AAAA,QAC3C,QAAQ,CAAC;AAAA,MAAA;AAAA,IAEb;AAAA,IACA,CAAC,UAAU,UAAU,OAAO,OAAO,iBAAiB,kBAAkB;AAAA,EACxE;AAGE,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,MAAM;AAAA,MACN,SAAS;AAAA,MACT;AAAA,MACA,WAAW,KAAK,EAAE,QAAQ,UAAU,SAAS,aAAa;AAAA,MAC1D,cACGA,kCAAAA,IAAA,OAAA,EAAK,GAAG,iBAAiB,WAAW,eACnC,UAACA,kCAAA,IAAA,MAAA,EAAK,MAAK,iBAAiB,CAAA,EAC9B,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;"}

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

@@ -0,0 +1,352 @@
+"use strict";
+const jsxRuntime = require("../../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const styled = require("styled-components");
+const ColumnSettingsContext = require("../../containers/ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
+const ColumnItem = require("./ColumnItem.cjs.js");
+const SortableColumnItem = require("./SortableColumnItem.cjs.js");
+const core = require("@dnd-kit/core");
+const sortable = require("@dnd-kit/sortable");
+const reactToastify = require("react-toastify");
+const ColumnsSettings = ({ columns, highlighted }) => {
+  var _a;
+  const {
+    columnVisibility,
+    updateColumnVisibility,
+    columnPinning,
+    updateColumnPinning,
+    columnOrder,
+    setColumnsConfig,
+    columnSizing
+  } = ColumnSettingsContext.useColumnSettingsContext();
+  const [activeId, setActiveId] = React.useState(null);
+  const [isHiddenOverVisible, setIsHiddenOverVisible] = React.useState(false);
+  const [isDraggingOverPinned, setIsDraggingOverPinned] = React.useState(false);
+  const [isDraggingFromPinned, setIsDraggingFromPinned] = React.useState(false);
+  const [isHoveringVisibleSection, setIsHoveringVisibleSection] = React.useState(false);
+  const [isDraggingOverHidden, setIsDraggingOverHidden] = React.useState(false);
+  const sensors = core.useSensors(
+    core.useSensor(core.PointerSensor, {
+      activationConstraint: {
+        distance: 5
+      }
+    })
+  );
+  const menuRef = React.useRef(null);
+  React.useEffect(() => {
+    if (menuRef.current && highlighted) {
+      const highlightedElement = menuRef.current.querySelector(`#column-settings-${highlighted}`);
+      if (highlightedElement) {
+        highlightedElement.scrollIntoView({
+          behavior: "smooth",
+          block: "center"
+        });
+      }
+    }
+  }, [highlighted]);
+  const { visibleColumns, hiddenColumns, pinnedColumns } = React.useMemo(() => {
+    const visible = columns.filter((col) => columnVisibility[col.value] !== false);
+    const hidden = columns.filter((col) => columnVisibility[col.value] === false);
+    const pinned = visible.filter((col) => {
+      var _a2;
+      return (_a2 = columnPinning.left) == null ? void 0 : _a2.includes(col.value);
+    });
+    const unpinnedVisible = visible.filter((col) => {
+      var _a2;
+      return !((_a2 = columnPinning.left) == null ? void 0 : _a2.includes(col.value));
+    });
+    return {
+      visibleColumns: unpinnedVisible,
+      hiddenColumns: hidden,
+      pinnedColumns: pinned
+    };
+  }, [columns, columnVisibility, columnPinning]);
+  const sortedVisibleColumns = React.useMemo(() => {
+    const visibleCopy = [...visibleColumns];
+    if (columnOrder.length > 0) {
+      visibleCopy.sort((a, b) => {
+        const indexA = columnOrder.indexOf(a.value);
+        const indexB = columnOrder.indexOf(b.value);
+        if (indexA === -1) return 1;
+        if (indexB === -1) return -1;
+        return indexA - indexB;
+      });
+    }
+    return visibleCopy;
+  }, [visibleColumns, columnOrder]);
+  const sortedPinnedColumns = React.useMemo(() => {
+    const pinnedCopy = [...pinnedColumns];
+    if (columnOrder.length > 0) {
+      pinnedCopy.sort((a, b) => {
+        const indexA = columnOrder.indexOf(a.value);
+        const indexB = columnOrder.indexOf(b.value);
+        if (indexA === -1) return 1;
+        if (indexB === -1) return -1;
+        return indexA - indexB;
+      });
+    }
+    return pinnedCopy;
+  }, [pinnedColumns, columnOrder]);
+  const sortedVisibleColumnsIds = React.useMemo(
+    () => sortedVisibleColumns.map((col) => col.value),
+    [sortedVisibleColumns]
+  );
+  const sortedPinnedColumnsIds = React.useMemo(
+    () => sortedPinnedColumns.map((col) => col.value),
+    [sortedPinnedColumns]
+  );
+  const toggleVisibility = (columnId) => {
+    const newState = { ...columnVisibility };
+    if (newState[columnId] !== false) {
+      newState[columnId] = false;
+    } else {
+      newState[columnId] = true;
+    }
+    updateColumnVisibility(newState);
+  };
+  const togglePinning = (columnId) => {
+    var _a2;
+    const newState = { ...columnPinning };
+    const newVisibility = { ...columnVisibility };
+    if ((_a2 = newState.left) == null ? void 0 : _a2.includes(columnId)) {
+      newState.left = newState.left.filter((id) => id !== columnId);
+    } else {
+      newState.left = [...newState.left || [], columnId];
+      if (newVisibility[columnId] === false) {
+        newVisibility[columnId] = true;
+        updateColumnVisibility(newVisibility);
+      }
+    }
+    updateColumnPinning(newState);
+  };
+  const handleDragStart = (event) => {
+    var _a2;
+    const id = event.active.id;
+    setActiveId(id);
+    setIsDraggingFromPinned(((_a2 = columnPinning.left) == null ? void 0 : _a2.includes(id)) || false);
+  };
+  const handleDragOver = (event) => {
+    var _a2;
+    const { active, over } = event;
+    if (over && active.id !== over.id) {
+      const isActiveHidden = columnVisibility[active.id] === false;
+      const isOverVisible = columnVisibility[over.id] !== false;
+      const isOverPinned = ((_a2 = columnPinning.left) == null ? void 0 : _a2.includes(over.id)) || false;
+      const isOverHidden = columnVisibility[over.id] === false;
+      setIsHiddenOverVisible(isActiveHidden && isOverVisible && !isOverPinned);
+      setIsDraggingOverPinned(isOverVisible && isOverPinned);
+      setIsDraggingOverHidden(isOverHidden);
+      setIsHoveringVisibleSection(isOverVisible && !isOverPinned);
+    } else {
+      setIsHoveringVisibleSection(false);
+      setIsDraggingOverHidden(false);
+    }
+  };
+  const handleDragEnd = (event) => {
+    var _a2, _b;
+    setIsHiddenOverVisible(false);
+    setIsDraggingOverPinned(false);
+    setIsDraggingFromPinned(false);
+    setIsHoveringVisibleSection(false);
+    setIsDraggingOverHidden(false);
+    const { active, over } = event;
+    if (over && active.id !== over.id) {
+      const activeColumn2 = [...visibleColumns, ...hiddenColumns, ...pinnedColumns].find(
+        (col) => col.value === active.id
+      );
+      const overColumn = [...visibleColumns, ...hiddenColumns, ...pinnedColumns].find(
+        (col) => col.value === over.id
+      );
+      if (activeColumn2 && overColumn) {
+        const activeId2 = active.id;
+        const overId = over.id;
+        const isActiveVisible = columnVisibility[activeId2] !== false;
+        const isOverVisible = columnVisibility[overId] !== false;
+        const isActivePinned = ((_a2 = columnPinning.left) == null ? void 0 : _a2.includes(activeId2)) || false;
+        const isOverPinned = ((_b = columnPinning.left) == null ? void 0 : _b.includes(overId)) || false;
+        const isOverHidden = columnVisibility[overId] === false;
+        const newConfig = {
+          columnVisibility: { ...columnVisibility },
+          columnOrder: [...columnOrder],
+          columnPinning: { ...columnPinning },
+          columnSizing: { ...columnSizing }
+        };
+        if (isActiveVisible && isOverVisible) {
+          let newPinningLeft = [...newConfig.columnPinning.left || []];
+          if (isActivePinned !== isOverPinned) {
+            if (isActivePinned && !isOverPinned) {
+              newPinningLeft = newPinningLeft.filter((id) => id !== activeId2);
+            } else if (!isActivePinned && isOverPinned) {
+              newPinningLeft = [...newPinningLeft, activeId2];
+            }
+          }
+          const allVisibleIds = [...sortedPinnedColumnsIds, ...sortedVisibleColumnsIds];
+          const oldIndex = allVisibleIds.indexOf(activeId2);
+          const newIndex = allVisibleIds.indexOf(overId);
+          if (oldIndex === -1 || newIndex === -1) {
+            console.error("Invalid column order state");
+            reactToastify.toast.error("Invalid column order state");
+            return;
+          }
+          const newOrder = sortable.arrayMove(allVisibleIds, oldIndex, newIndex);
+          const newPinningLeftOrdered = newOrder.filter((id) => newPinningLeft.includes(id));
+          newConfig.columnOrder = newOrder;
+          newConfig.columnPinning = {
+            ...newConfig.columnPinning,
+            left: newPinningLeftOrdered
+          };
+          setColumnsConfig(newConfig);
+        } else if (!isActiveVisible && isOverVisible) {
+          newConfig.columnVisibility[activeId2] = true;
+          if (isOverPinned) {
+            const newPinningLeft = [...newConfig.columnPinning.left || [], activeId2];
+            newConfig.columnPinning.left = newPinningLeft;
+          }
+          const allVisibleIds = [...sortedPinnedColumnsIds, ...sortedVisibleColumnsIds];
+          if (!allVisibleIds.includes(activeId2)) {
+            const overIndex = allVisibleIds.indexOf(overId);
+            allVisibleIds.splice(overIndex, 0, activeId2);
+          }
+          newConfig.columnOrder = allVisibleIds;
+          setColumnsConfig(newConfig);
+        } else if (isActiveVisible && isOverHidden) {
+          newConfig.columnVisibility[activeId2] = false;
+          if (isActivePinned) {
+            const newPinningLeft = (newConfig.columnPinning.left || []).filter(
+              (id) => id !== activeId2
+            );
+            newConfig.columnPinning.left = newPinningLeft;
+          }
+          setColumnsConfig(newConfig);
+        }
+      }
+    }
+    setActiveId(null);
+  };
+  const activeColumn = activeId ? [...visibleColumns, ...hiddenColumns, ...pinnedColumns].find((col) => col.value === activeId) : null;
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    core.DndContext,
+    {
+      sensors,
+      collisionDetection: core.closestCenter,
+      onDragStart: handleDragStart,
+      onDragOver: handleDragOver,
+      onDragEnd: handleDragEnd,
+      children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(ColumnsContainer, { children: [
+        pinnedColumns.length > 0 && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Section, { className: isDraggingOverPinned && !isDraggingFromPinned ? "drop-target" : "", children: [
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(SectionTitle, { children: "Pinned Columns" }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+            sortable.SortableContext,
+            {
+              items: sortedPinnedColumns.map((col) => col.value),
+              strategy: sortable.verticalListSortingStrategy,
+              children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Menu, { children: sortedPinnedColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                SortableColumnItem,
+                {
+                  id: column.value,
+                  column,
+                  isPinned: true,
+                  isHidden: false,
+                  isHighlighted: highlighted === column.value,
+                  onTogglePinning: togglePinning,
+                  onToggleVisibility: toggleVisibility
+                },
+                column.value
+              )) })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+          Section,
+          {
+            className: isHiddenOverVisible || isDraggingFromPinned && isHoveringVisibleSection ? "drop-target" : "",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(SectionTitle, { children: "Visible Columns" }),
+              /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                sortable.SortableContext,
+                {
+                  items: sortedVisibleColumns.map((col) => col.value),
+                  strategy: sortable.verticalListSortingStrategy,
+                  children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Menu, { children: sortedVisibleColumns.map((column) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+                    SortableColumnItem,
+                    {
+                      id: column.value,
+                      column,
+                      isPinned: false,
+                      isHidden: false,
+                      isHighlighted: highlighted === column.value,
+                      onTogglePinning: togglePinning,
+                      onToggleVisibility: toggleVisibility
+                    },
+                    column.value
+                  )) })
+                }
+              )
+            ]
+          }
+        ),
+        hiddenColumns.length > 0 && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(Section, { className: isDraggingOverHidden ? "drop-target" : "", children: [
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(SectionTitle, { children: "Hidden Columns" }),
+          /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(Menu, { ref: menuRef, children: hiddenColumns.map((column) => {
+            var _a2;
+            return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+              SortableColumnItem,
+              {
+                id: column.value,
+                column,
+                isPinned: ((_a2 = columnPinning.left) == null ? void 0 : _a2.includes(column.value)) || false,
+                isHidden: true,
+                isHighlighted: highlighted === column.value,
+                onTogglePinning: togglePinning,
+                onToggleVisibility: toggleVisibility
+              },
+              column.value
+            );
+          }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(core.DragOverlay, { children: activeColumn && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+          ColumnItem,
+          {
+            column: activeColumn,
+            isPinned: ((_a = columnPinning.left) == null ? void 0 : _a.includes(activeColumn.value)) || false,
+            isHidden: columnVisibility[activeColumn.value] === false,
+            isHighlighted: highlighted === activeColumn.value,
+            dragOverlay: true
+          }
+        ) })
+      ] })
+    }
+  );
+};
+const ColumnsContainer = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: var(--base-gap-large);
+`;
+const Section = styled.section`
+  position: relative;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  transition: background-color 0.2s ease;
+  border-radius: 4px;
+
+  &.drop-target {
+    background-color: var(--md-sys-color-surface-container);
+    box-shadow: 0 0 0 1px var(--md-sys-color-outline);
+  }
+`;
+const SectionTitle = styled.div`
+  font-weight: 500;
+  color: var(--md-sys-color-outline);
+  padding: 4px 0;
+`;
+const Menu = styled.ul`
+  display: flex;
+  flex-direction: column;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+`;
+module.exports = ColumnsSettings;
+//# sourceMappingURL=ColumnsSettings.cjs.js.map

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

@@ -0,0 +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'\n\n// Context and Components imports\nimport {\n  ColumnsConfig,\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 { SettingsPanelItem } from '../SettingsPanel/SettingsPanelItemTemplate'\nimport { SettingHighlightedId } from '@shared/context'\n\ninterface ColumnsSettingsProps {\n  columns: SettingsPanelItem[]\n  highlighted?: SettingHighlightedId\n}\n\nconst ColumnsSettings: FC<ColumnsSettingsProps> = ({ columns, highlighted }) => {\n  const {\n    columnVisibility,\n    updateColumnVisibility,\n    columnPinning,\n    updateColumnPinning,\n    columnOrder,\n    setColumnsConfig,\n    columnSizing,\n  } = useColumnSettingsContext()\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) => columnVisibility[col.value] !== false)\n    const hidden = columns.filter((col) => columnVisibility[col.value] === false)\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])\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 newState = { ...columnVisibility }\n    // If column is currently visible, hide it\n    if (newState[columnId] !== false) {\n      newState[columnId] = false\n    } else {\n      // If column is currently hidden, show it\n      newState[columnId] = true\n    }\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 (newVisibility[columnId] === false) {\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 isActiveHidden = columnVisibility[active.id as string] === false\n      const isOverVisible = columnVisibility[over.id as string] !== false\n      const isOverPinned = columnPinning.left?.includes(over.id as string) || false\n      const isOverHidden = columnVisibility[over.id as string] === false\n\n      setIsHiddenOverVisible(isActiveHidden && 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 = columnVisibility[activeId] !== false\n        const isOverVisible = columnVisibility[overId] !== false\n        const isActivePinned = columnPinning.left?.includes(activeId) || false\n        const isOverPinned = columnPinning.left?.includes(overId) || false\n        const isOverHidden = columnVisibility[overId] === false\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        }\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              <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                    isHighlighted={highlighted === column.value}\n                    onTogglePinning={togglePinning}\n                    onToggleVisibility={toggleVisibility}\n                  />\n                ))}\n              </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            <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                  onTogglePinning={togglePinning}\n                  onToggleVisibility={toggleVisibility}\n                />\n              ))}\n            </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            <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                  onTogglePinning={togglePinning}\n                  onToggleVisibility={toggleVisibility}\n                />\n              ))}\n            </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={columnVisibility[activeColumn.value] === 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 Menu = styled.ul`\n  display: flex;\n  flex-direction: column;\n  list-style-type: none;\n  margin: 0;\n  padding: 0;\n`\n\nexport default ColumnsSettings\n"],"names":["useColumnSettingsContext","useState","useSensors","useSensor","PointerSensor","useRef","useEffect","useMemo","_a","activeColumn","activeId","toast","arrayMove","jsx","DndContext","closestCenter","jsxs","SortableContext","verticalListSortingStrategy","DragOverlay"],"mappings":"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"}