@ynput/ayon-frontend-shared 0.4.2 → 0.4.4

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

@@ -1,21 +1,21 @@
-import { j as t } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as P, useRef as xi, useEffect as hi, useMemo as w } from "react";
-import K from "styled-components";
-import { Menu as $ } from "./TableSettings.styled.es.js";
-import { useColumnSettingsContext as Ci } from "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import Si from "./ColumnItem.es.js";
-import B from "./SortableColumnItem.es.js";
-import { useSensors as Pi, useSensor as bi, PointerSensor as ji, DndContext as Oi, closestCenter as Di, DragOverlay as Hi } from "@dnd-kit/core";
-import { SortableContext as ni, verticalListSortingStrategy as si, arrayMove as wi } from "@dnd-kit/sortable";
-import { toast as Ii } from "react-toastify";
-import { InputSwitch as Ti } from "@ynput/ayon-react-components";
+import { j as e } from "../../../../_virtual/jsx-runtime.es.js";
+import { useState as L, useRef as Z, useEffect as Ct, useMemo as g } from "react";
+import h from "styled-components";
+import { Button as Wt, InputSwitch as Gt } from "@ynput/ayon-react-components";
+import { Menu as tt } from "./TableSettings.styled.es.js";
+import { useColumnSettingsContext as Jt } from "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
+import St from "./ColumnItem.es.js";
+import bt from "./SortableColumnItem.es.js";
+import { useSensors as Kt, useSensor as Qt, PointerSensor as Xt, DndContext as Yt, closestCenter as Zt, DragOverlay as ti } from "@dnd-kit/core";
+import { SortableContext as Pt, verticalListSortingStrategy as jt, arrayMove as ii } from "@dnd-kit/sortable";
+import { toast as ei } from "react-toastify";
 import "../SearchFilter/filterDates.es.js";
 import "date-fns";
-import "short-uuid";
+import "uuid";
 import "../../containers/ProjectTreeTable/utils/columnIds.es.js";
 import "lodash";
-import "uuid";
 import "../../api/queries/users/updateUsers.es.js";
+import "../../util/searchTerms.es.js";
 import "../../util/pubsub.es.js";
 import "clsx";
 import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
@@ -43,6 +43,7 @@ import "../../api/generated/configuration.es.js";
 import "../../api/generated/dataImport.es.js";
 import "../../api/generated/desktop.es.js";
 import "../../api/generated/entityLists.es.js";
+import "../../api/generated/enums.es.js";
 import "../../api/generated/events.es.js";
 import "../../api/generated/files.es.js";
 import "../../api/generated/folders.es.js";
@@ -68,6 +69,8 @@ import "../../api/generated/workfiles.es.js";
 import "../../api/generated/ynputCloud.es.js";
 import "../../api/generated/grouping.es.js";
 import "../../api/generated/views.es.js";
+import "../../api/queries/accessGroups/getAccessGroups.es.js";
+import "../../api/queries/accessGroups/updateAccessGroups.es.js";
 import "../../api/queries/actions/getActions.es.js";
 import "../../api/queries/activities/getActivities.es.js";
 import "../../api/queries/activities/updateReaction.es.js";
@@ -98,6 +101,7 @@ import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/listItemsColumnStats.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/enums/getEnums.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/folders/getFolderDeleteInfo.es.js";
 import "../../api/queries/grouping/getGrouping.es.js";
@@ -133,285 +137,363 @@ import "../../containers/ContextMenu/ContextMenuContext.es.js";
 import "../../context/DeleteEntitiesContext.es.js";
 import "../../context/GlobalContext.es.js";
 import "../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
+import "../../containers/Slicer/context/SlicerContextInstance.es.js";
+import "../../context/RemoteModulesContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "../../context/PowerpackContextInstance.es.js";
+import "../../containers/Slicer/components/SlicerDropdownFallback.es.js";
 import "../../context/ProjectFoldersContextInstance.es.js";
 import "../../containers/ProjectTreeTable/buildTreeTableColumns.es.js";
-import { checkColumnVisibility as g } from "../../containers/ProjectTreeTable/utils/checkColumnVisibility.es.js";
-import { SettingsPanelItemTemplate as Vi } from "../SettingsPanel/SettingsPanelItemTemplate.es.js";
-const co = ({
-  icon: u,
-  label: a,
-  checked: s,
-  onChange: x,
-  disabled: l,
-  ...b
-}) => /* @__PURE__ */ t.jsx(
-  Vi,
+import { checkColumnVisibility as S } from "../../containers/ProjectTreeTable/utils/checkColumnVisibility.es.js";
+import "../../context/UriContext.es.js";
+import "../../context/DetailsPanelContextInstance.es.js";
+import "../../context/SubtasksModulesContextInstance.es.js";
+import "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
+import "../../context/pip/PiPProvider.es.js";
+import "react-dom";
+import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
+import { useMenuContext as ri } from "../../context/MenuContext.es.js";
+import "../../context/WebsocketContext.es.js";
+import "../../context/EntityUpdatesContextInstance.es.js";
+import "react-redux";
+import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
+import "../../containers/Views/context/ViewsContextInstance.es.js";
+import { getAddColumnSection as Dt, buildAddColumnsMenu as oi, getDefaultColumnIcon as ni } from "./addColumnsMenu.es.js";
+import { AddColumnMenu as It } from "./AddColumnMenu.es.js";
+import { useVisibilityPaint as si } from "./useVisibilityPaint.es.js";
+import { TableSearch as mi } from "../TableSearch/TableSearch.es.js";
+import { SettingsPanelItemTemplate as pi } from "../SettingsPanel/SettingsPanelItemTemplate.es.js";
+const M = "add-column-menu-list", ai = [], li = (r, o) => r.parentScope && r.attrib ? `${r.parentScope.charAt(0).toUpperCase()}${r.parentScope.slice(1)} attributes` : Dt(r, o)?.label, k = (r, o) => {
+  const m = li(r, o);
+  return { ...r, icon: r.icon ?? ni(r), ...m ? { path: m } : {} };
+}, jo = ({
+  icon: r,
+  label: o,
+  checked: m,
+  onChange: f,
+  disabled: p,
+  ...v
+}) => /* @__PURE__ */ e.jsx(
+  pi,
   {
-    item: { value: a, label: a, icon: u },
-    isDisabled: l,
+    item: { value: o, label: o, icon: r },
+    isDisabled: p,
     style: { paddingRight: 8 },
     disableHover: !0,
-    endContent: /* @__PURE__ */ t.jsx(
-      Ti,
+    endContent: /* @__PURE__ */ e.jsx(
+      Gt,
       {
-        checked: s,
-        disabled: l,
-        onChange: (m) => x(m.currentTarget.checked)
+        checked: m,
+        disabled: p,
+        onChange: (a) => f(a.currentTarget.checked)
       }
     ),
-    ...b
+    ...v
   }
-), Ai = ({
-  columns: u,
-  highlighted: a,
-  columnVisibility: s,
-  updateColumnVisibility: x,
-  columnPinning: l,
-  updateColumnPinning: b,
-  columnOrder: m,
-  setColumnsConfig: j,
-  columnSizing: k,
-  groupBy: h,
-  sorting: y,
-  rowHeight: E,
-  defaultColumnVisibility: f,
-  ...yi
+), di = ({
+  columns: r,
+  highlighted: o,
+  columnVisibility: m,
+  updateColumnVisibility: f,
+  columnPinning: p,
+  updateColumnPinning: v,
+  columnOrder: a,
+  setColumnsConfig: w,
+  columnSizing: R,
+  groupBy: O,
+  sorting: B,
+  rowHeight: N,
+  defaultColumnVisibility: l,
+  columnSummaries: _,
+  columnSummaryScopes: $,
+  columnSummaryFormats: F,
+  groupByConfig: ht,
+  addColumnMenuItems: wt,
+  onColumnDragStart: U,
+  isColumnDragging: Ot,
+  scopes: u = ai,
+  search: x,
+  onSearchChange: rt
 }) => {
-  const [Q, U] = P(null), [li, X] = P(!1), [pi, Y] = P(!1), [Z, _] = P(!1), [mi, L] = P(!1), [ai, R] = P(!1), di = Pi(
-    bi(ji, {
+  const [ot, nt] = L(null), [Ht, st] = L(!1), [mt, pt] = L(!1), [At, z] = L(!1), H = (t) => !!O && t === "name", {
+    baseVisibility: Vt,
+    displayVisibility: Et,
+    isVisible: at,
+    onPaintStart: b,
+    onPaintEnter: P,
+    toggle: j,
+    cancelPaint: Tt
+  } = si({
+    columnVisibility: m,
+    defaultColumnVisibility: l,
+    updateColumnVisibility: f,
+    isLocked: H
+  }), { toggleMenuOpen: Lt } = ri(), A = Z(null), lt = Z({ columnVisibility: m, updateColumnVisibility: f });
+  lt.current = { columnVisibility: m, updateColumnVisibility: f };
+  const dt = Z(null);
+  Ct(() => {
+    if (!o || dt.current === o || !r.some((n) => n.value === o)) return;
+    dt.current = o;
+    const { columnVisibility: t, updateColumnVisibility: i } = lt.current;
+    S(t, o, l) || i({ ...t, [o]: !0 });
+  }, [o, r, l]), Ct(() => {
+    !A.current || !o || A.current.querySelector(`#column-settings-${o}`)?.scrollIntoView({ behavior: "smooth", block: "center" });
+  }, [o, m]);
+  const Mt = Kt(
+    Qt(Xt, {
       activationConstraint: {
         distance: 5
       }
     })
-  ), M = xi(null);
-  hi(() => {
-    if (M.current && a) {
-      const i = M.current.querySelector(`#column-settings-${a}`);
-      i && i.scrollIntoView({
-        behavior: "smooth",
-        block: "center"
-      });
-    }
-  }, [a]);
-  const { visibleColumns: O, hiddenColumns: D, pinnedColumns: C } = w(() => {
-    const i = u.filter(
-      (r) => g(s, r.value, f)
-    ), e = u.filter(
-      (r) => !g(s, r.value, f)
-    ), o = i.filter((r) => l.left?.includes(r.value));
+  ), ct = Vt, q = (t) => !at(t), { visibleColumns: I, pinnedColumns: C } = g(() => {
+    const t = r.filter(
+      (s) => S(ct, s.value, l)
+    ), i = t.filter((s) => p.left?.includes(s.value));
     return {
-      visibleColumns: i.filter((r) => !l.left?.includes(r.value)),
-      hiddenColumns: e,
-      pinnedColumns: o
+      visibleColumns: t.filter((s) => !p.left?.includes(s.value)),
+      pinnedColumns: i
     };
-  }, [u, s, l, f]), I = w(() => {
-    const i = [...O];
-    return m.length > 0 && i.sort((e, o) => {
-      const d = m.indexOf(e.value), r = m.indexOf(o.value);
-      return d === -1 ? 1 : r === -1 ? -1 : d - r;
-    }), i;
-  }, [O, m]), T = w(() => {
-    const i = [...C];
-    return m.length > 0 && i.sort((e, o) => {
-      const d = m.indexOf(e.value), r = m.indexOf(o.value);
-      return d === -1 ? 1 : r === -1 ? -1 : d - r;
-    }), i;
-  }, [C, m]), ii = w(
-    () => I.map((i) => i.value),
-    [I]
-  ), ei = w(
-    () => T.map((i) => i.value),
-    [T]
-  ), N = (i) => {
-    const e = g(s, i, f), o = { ...s, [i]: !e };
-    console.log("Toggling visibility for", i, "to", !e), x(o);
-  }, z = (i) => {
-    const e = { ...l }, o = { ...s };
-    e.left?.includes(i) ? e.left = e.left.filter((d) => d !== i) : (e.left = [...e.left || [], i], g(s, i, f) || (o[i] = !0, x(o))), b(e);
-  }, ci = (i) => {
-    const e = i.active.id;
-    U(e), _(l.left?.includes(e) || !1);
-  }, fi = (i) => {
-    const { active: e, over: o } = i;
-    if (o && e.id !== o.id) {
-      const d = g(
-        s,
-        e.id,
-        f
-      ), r = g(
-        s,
-        o.id,
-        f
-      ), n = l.left?.includes(o.id) || !1, S = !r;
-      X(!d && r && !n), Y(r && n), R(S), L(r && !n);
+  }, [r, ct, p, l]), V = g(() => {
+    const t = [...I];
+    return a.length > 0 && t.sort((i, n) => {
+      const s = a.indexOf(i.value), d = a.indexOf(n.value);
+      return s === -1 ? 1 : d === -1 ? -1 : s - d;
+    }), t;
+  }, [I, a]), E = g(() => {
+    const t = [...C];
+    return a.length > 0 && t.sort((i, n) => {
+      const s = a.indexOf(i.value), d = a.indexOf(n.value);
+      return s === -1 ? 1 : d === -1 ? -1 : s - d;
+    }), t;
+  }, [C, a]), kt = g(
+    () => V.map((t) => t.value),
+    [V]
+  ), Rt = g(
+    () => E.map((t) => t.value),
+    [E]
+  ), Bt = g(() => {
+    if (typeof x != "string") return [];
+    const t = x.toLowerCase().split(/\s+/).filter(Boolean);
+    return r.map((i) => ({ ...i, path: Dt(i, u)?.label })).filter((i) => {
+      const n = [i.path, i.label].filter(Boolean).join(" / ").toLowerCase();
+      return t.every((s) => n.includes(s));
+    }).toSorted((i, n) => +!!i.path - +!!n.path);
+  }, [r, x, u]), Nt = g(
+    () => oi({
+      columns: r,
+      onToggle: j,
+      isColumnVisible: at,
+      onPaintStart: b,
+      onPaintEnter: P,
+      scopes: u
+    }),
+    [r, Et, j, b, P, u]
+  ), W = wt ?? Nt, ut = typeof x == "string" ? /* @__PURE__ */ e.jsx(
+    ui,
+    {
+      value: x,
+      onChange: (t) => rt?.(t),
+      onClose: () => rt?.(null)
+    }
+  ) : /* @__PURE__ */ e.jsx(
+    ci,
+    {
+      variant: "text",
+      icon: "add",
+      id: M,
+      disabled: !W.length,
+      onClick: () => Lt(M),
+      children: "Add column"
+    }
+  ), ft = (t) => ({
+    columnVisibility: { ...m },
+    columnOrder: [...a],
+    columnPinning: { ...p },
+    columnSizing: { ...R },
+    columnSummaries: _,
+    columnSummaryScopes: $,
+    columnSummaryFormats: F,
+    groupBy: O,
+    groupByConfig: ht,
+    sorting: B,
+    rowHeight: N,
+    ...t
+  }), G = (t) => {
+    const i = { ...p };
+    if (i.left?.includes(t)) {
+      i.left = i.left.filter((n) => n !== t), v(i);
+      return;
+    }
+    if (i.left = [...i.left || [], t], S(m, t, l)) {
+      v(i);
+      return;
+    }
+    w(
+      ft({
+        columnPinning: i,
+        columnVisibility: { ...m, [t]: !0 }
+      })
+    );
+  }, _t = (t) => {
+    const i = t.active.id;
+    nt(i), pt(p.left?.includes(i) || !1), Tt();
+  }, $t = (t) => {
+    const { active: i, over: n } = t;
+    if (n && i.id !== n.id) {
+      const s = S(
+        m,
+        n.id,
+        l
+      ), d = p.left?.includes(n.id) || !1;
+      st(s && d), z(s && !d);
     } else
-      L(!1), R(!1);
-  }, vi = (i) => {
-    X(!1), Y(!1), _(!1), L(!1), R(!1);
-    const { active: e, over: o } = i;
-    if (o && e.id !== o.id) {
-      const d = [...O, ...D, ...C].find(
-        (n) => n.value === e.id
-      ), r = [...O, ...D, ...C].find(
-        (n) => n.value === o.id
-      );
-      if (d && r) {
-        const n = e.id, S = o.id, F = g(
-          s,
-          n,
-          f
-        ), q = g(
-          s,
-          S,
-          f
-        ), V = l.left?.includes(n) || !1, A = l.left?.includes(S) || !1, gi = !q, p = {
-          columnVisibility: { ...s },
-          columnOrder: [...m],
-          columnPinning: { ...l },
-          columnSizing: { ...k },
-          groupBy: h,
-          sorting: y,
-          rowHeight: E
-        };
-        if (F && q) {
-          let c = [...p.columnPinning.left || []];
-          V !== A && (V && !A ? c = c.filter((W) => W !== n) : !V && A && (c = [...c, n]));
-          const v = [...ei, ...ii], ti = v.indexOf(n), oi = v.indexOf(S);
-          if (ti === -1 || oi === -1) {
-            console.error("Invalid column order state"), Ii.error("Invalid column order state");
+      z(!1);
+  }, Ft = (t) => {
+    st(!1), pt(!1), z(!1);
+    const { active: i, over: n } = t;
+    if (n && i.id !== n.id) {
+      const s = [...I, ...C].find(
+        (c) => c.value === i.id
+      ), d = [...I, ...C].find((c) => c.value === n.id);
+      if (s && d) {
+        const c = i.id, J = n.id, Ut = S(
+          m,
+          c,
+          l
+        ), zt = S(
+          m,
+          J,
+          l
+        ), K = p.left?.includes(c) || !1, Q = p.left?.includes(J) || !1, y = ft({});
+        if (Ut && zt) {
+          let D = [...y.columnPinning.left || []];
+          K !== Q && (K && !Q ? D = D.filter((Y) => Y !== c) : !K && Q && (D = [...D, c]));
+          const X = [...Rt, ...kt], gt = X.indexOf(c), vt = X.indexOf(J);
+          if (gt === -1 || vt === -1) {
+            console.error("Invalid column order state"), ei.error("Invalid column order state");
             return;
           }
-          const ri = wi(v, ti, oi), ui = ri.filter((W) => c.includes(W));
-          p.columnOrder = ri, p.columnPinning = {
-            ...p.columnPinning,
-            left: ui
-          }, j(p);
-        } else if (!F && q) {
-          if (p.columnVisibility[n] = !0, A) {
-            const v = [...p.columnPinning.left || [], n];
-            p.columnPinning.left = v;
-          }
-          const c = [...ei, ...ii];
-          if (!c.includes(n)) {
-            const v = c.indexOf(S);
-            c.splice(v, 0, n);
-          }
-          p.columnOrder = c, j(p);
-        } else if (F && gi) {
-          if (p.columnVisibility[n] = !1, V) {
-            const c = (p.columnPinning.left || []).filter(
-              (v) => v !== n
-            );
-            p.columnPinning.left = c;
-          }
-          j(p);
+          const xt = ii(X, gt, vt), qt = xt.filter((Y) => D.includes(Y));
+          y.columnOrder = xt, y.columnPinning = {
+            ...y.columnPinning,
+            left: qt
+          }, w(y);
         }
       }
     }
-    U(null);
-  }, H = Q ? [...O, ...D, ...C].find((i) => i.value === Q) : null;
-  return /* @__PURE__ */ t.jsx(
-    Oi,
+    nt(null);
+  }, T = ot ? [...I, ...C].find((t) => t.value === ot) : null;
+  return typeof x == "string" ? /* @__PURE__ */ e.jsxs(yt, { ref: A, "data-column-drag-origin": !0, children: [
+    ut,
+    /* @__PURE__ */ e.jsx(It, { menuId: M, menuItems: W }),
+    /* @__PURE__ */ e.jsxs(it, { children: [
+      /* @__PURE__ */ e.jsx(et, { children: "All Columns" }),
+      /* @__PURE__ */ e.jsx(tt, { children: Bt.map((t) => /* @__PURE__ */ e.jsx(
+        St,
+        {
+          id: `column-settings-${t.value}`,
+          column: k(t, u),
+          isPinned: p.left?.includes(t.value) || !1,
+          isHidden: q(t.value),
+          isHighlighted: o === t.value,
+          isDisabled: H(t.value),
+          hideDragHandle: !0,
+          onTogglePinning: G,
+          onToggleVisibility: j,
+          onPaintStart: b,
+          onPaintEnter: P,
+          onDragStart: (i) => U?.(t, i)
+        },
+        t.value
+      )) })
+    ] })
+  ] }) : /* @__PURE__ */ e.jsx(
+    Yt,
     {
-      sensors: di,
-      collisionDetection: Di,
-      onDragStart: ci,
-      onDragOver: fi,
-      onDragEnd: vi,
-      children: /* @__PURE__ */ t.jsxs(ki, { children: [
-        C.length > 0 && /* @__PURE__ */ t.jsxs(G, { className: pi && !Z ? "drop-target" : "", children: [
-          /* @__PURE__ */ t.jsx(J, { children: "Pinned Columns" }),
-          /* @__PURE__ */ t.jsx(
-            ni,
+      sensors: Mt,
+      collisionDetection: Zt,
+      onDragStart: _t,
+      onDragOver: $t,
+      onDragEnd: Ft,
+      children: /* @__PURE__ */ e.jsxs(yt, { ref: A, "data-column-drag-origin": !0, children: [
+        ut,
+        /* @__PURE__ */ e.jsx(It, { menuId: M, menuItems: W }),
+        C.length > 0 && /* @__PURE__ */ e.jsxs(it, { className: Ht && !mt ? "drop-target" : "", children: [
+          /* @__PURE__ */ e.jsx(et, { children: "Pinned Columns" }),
+          /* @__PURE__ */ e.jsx(
+            Pt,
             {
-              items: T.map((i) => i.value),
-              strategy: si,
-              children: /* @__PURE__ */ t.jsx($, { children: T.map((i) => /* @__PURE__ */ t.jsx(
-                B,
+              items: E.map((t) => t.value),
+              strategy: jt,
+              children: /* @__PURE__ */ e.jsx(tt, { children: E.map((t) => /* @__PURE__ */ e.jsx(
+                bt,
                 {
-                  id: i.value,
-                  column: i,
+                  id: t.value,
+                  column: k(t, u),
                   isPinned: !0,
-                  isHidden: !1,
-                  isDisabled: !!h && i.value === "name",
-                  isHighlighted: a === i.value,
-                  onTogglePinning: z,
-                  onToggleVisibility: N
+                  isHidden: q(t.value),
+                  isDisabled: H(t.value),
+                  isHighlighted: o === t.value,
+                  onTogglePinning: G,
+                  onToggleVisibility: j,
+                  onPaintStart: b,
+                  onPaintEnter: P,
+                  onDragStart: (i) => U?.(t, i)
                 },
-                i.value
+                t.value
               )) })
             }
           )
         ] }),
-        /* @__PURE__ */ t.jsxs(
-          G,
-          {
-            className: li || Z && mi ? "drop-target" : "",
-            children: [
-              /* @__PURE__ */ t.jsx(J, { children: "Visible Columns" }),
-              /* @__PURE__ */ t.jsx(
-                ni,
-                {
-                  items: I.map((i) => i.value),
-                  strategy: si,
-                  children: /* @__PURE__ */ t.jsx($, { children: I.map((i) => /* @__PURE__ */ t.jsx(
-                    B,
-                    {
-                      id: i.value,
-                      column: i,
-                      isPinned: !1,
-                      isHidden: !1,
-                      isHighlighted: a === i.value,
-                      isDisabled: !!h && i.value === "name",
-                      onTogglePinning: z,
-                      onToggleVisibility: N
-                    },
-                    i.value
-                  )) })
-                }
-              )
-            ]
-          }
-        ),
-        D.length > 0 && /* @__PURE__ */ t.jsxs(G, { className: ai ? "drop-target" : "", children: [
-          /* @__PURE__ */ t.jsx(J, { children: "Hidden Columns" }),
-          /* @__PURE__ */ t.jsx($, { ref: M, children: D.map((i) => /* @__PURE__ */ t.jsx(
-            B,
+        /* @__PURE__ */ e.jsxs(it, { className: mt && At ? "drop-target" : "", children: [
+          /* @__PURE__ */ e.jsx(et, { children: "Visible Columns" }),
+          /* @__PURE__ */ e.jsx(
+            Pt,
             {
-              id: i.value,
-              column: i,
-              isPinned: l.left?.includes(i.value) || !1,
-              isHidden: !0,
-              isHighlighted: a === i.value,
-              isDisabled: !!h && i.value === "name",
-              onTogglePinning: z,
-              onToggleVisibility: N
-            },
-            i.value
-          )) })
+              items: V.map((t) => t.value),
+              strategy: jt,
+              children: /* @__PURE__ */ e.jsx(tt, { children: V.map((t) => /* @__PURE__ */ e.jsx(
+                bt,
+                {
+                  id: t.value,
+                  column: k(t, u),
+                  isPinned: !1,
+                  isHidden: q(t.value),
+                  isHighlighted: o === t.value,
+                  isDisabled: H(t.value),
+                  onTogglePinning: G,
+                  onToggleVisibility: j,
+                  onPaintStart: b,
+                  onPaintEnter: P,
+                  onDragStart: (i) => U?.(t, i)
+                },
+                t.value
+              )) })
+            }
+          )
         ] }),
-        /* @__PURE__ */ t.jsx(Hi, { children: H && /* @__PURE__ */ t.jsx(
-          Si,
+        /* @__PURE__ */ e.jsx(ti, { children: T && !Ot && /* @__PURE__ */ e.jsx(
+          St,
           {
-            column: H,
-            isPinned: l.left?.includes(H.value) || !1,
-            isHidden: !g(
-              s,
-              H.value,
-              f
-            ),
-            isHighlighted: a === H.value,
+            column: k(T, u),
+            isPinned: p.left?.includes(T.value) || !1,
+            isHidden: !1,
+            isHighlighted: o === T.value,
             dragOverlay: !0
           }
         ) })
       ] })
     }
   );
-}, ki = K.div`
+}, yt = h.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
-`, G = K.section`
+`, it = h.section`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -423,45 +505,62 @@ const co = ({
     background-color: var(--md-sys-color-surface-container);
     box-shadow: 0 0 0 1px var(--md-sys-color-outline);
   }
-`, J = K.div`
+`, et = h.div`
   font-weight: 500;
   color: var(--md-sys-color-outline);
   padding: 4px 0;
-`, fo = (u) => {
+`, ci = h(Wt)`
+  justify-content: flex-start;
+`, ui = h(mi)`
+  padding: 0;
+
+  input {
+    height: 32px;
+  }
+`, Io = (r) => {
   const {
-    columnVisibility: a,
-    defaultColumnVisibility: s,
-    updateColumnVisibility: x,
-    columnPinning: l,
-    updateColumnPinning: b,
-    columnOrder: m,
-    setColumnsConfig: j,
-    columnSizing: k,
-    groupBy: h,
-    sorting: y,
-    rowHeight: E
-  } = Ci();
-  return /* @__PURE__ */ t.jsx(
-    Ai,
+    columnVisibility: o,
+    defaultColumnVisibility: m,
+    updateColumnVisibility: f,
+    columnPinning: p,
+    updateColumnPinning: v,
+    columnOrder: a,
+    setColumnsConfig: w,
+    columnSizing: R,
+    groupBy: O,
+    groupByConfig: B,
+    sorting: N,
+    rowHeight: l,
+    columnSummaries: _,
+    columnSummaryScopes: $,
+    columnSummaryFormats: F
+  } = Jt();
+  return /* @__PURE__ */ e.jsx(
+    di,
     {
-      ...u,
-      columnVisibility: a,
-      defaultColumnVisibility: s,
-      updateColumnVisibility: x,
-      columnPinning: l,
-      updateColumnPinning: b,
-      columnOrder: m,
-      setColumnsConfig: j,
-      columnSizing: k,
-      groupBy: h,
-      sorting: y,
-      rowHeight: E
+      ...r,
+      columnVisibility: o,
+      defaultColumnVisibility: m,
+      updateColumnVisibility: f,
+      columnPinning: p,
+      updateColumnPinning: v,
+      columnOrder: a,
+      setColumnsConfig: w,
+      columnSizing: R,
+      groupBy: O,
+      groupByConfig: B,
+      sorting: N,
+      rowHeight: l,
+      columnSummaries: _,
+      columnSummaryScopes: $,
+      columnSummaryFormats: F
     }
   );
 };
 export {
-  Ai as ColumnsSettings,
-  fo as ColumnsSettingsWithContext,
-  co as SettingSwitch
+  di as ColumnsSettings,
+  Io as ColumnsSettingsWithContext,
+  jo as SettingSwitch,
+  di as default
 };
 //# sourceMappingURL=ColumnsSettings.es.js.map