@ynput/ayon-frontend-shared 0.4.0 → 0.4.2

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

@@ -1,19 +1,33 @@
-import { j as p } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as C, useRef as xi, useEffect as hi, useMemo as D } from "react";
+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 bi from "./ColumnItem.es.js";
+import Si from "./ColumnItem.es.js";
 import B from "./SortableColumnItem.es.js";
-import { useSensors as Pi, useSensor as Si, PointerSensor as ji, DndContext as Oi, closestCenter as Di, DragOverlay as Hi } from "@dnd-kit/core";
-import { SortableContext as pi, verticalListSortingStrategy as mi, arrayMove as wi } from "@dnd-kit/sortable";
+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 "@ynput/ayon-react-components";
+import { InputSwitch as Ti } from "@ynput/ayon-react-components";
 import "../SearchFilter/filterDates.es.js";
 import "date-fns";
 import "short-uuid";
+import "../../containers/ProjectTreeTable/utils/columnIds.es.js";
 import "lodash";
 import "uuid";
+import "../../api/queries/users/updateUsers.es.js";
+import "../../util/pubsub.es.js";
+import "clsx";
+import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../DoneCheckbox/DoneCheckbox.es.js";
+import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
+import "react-router-dom";
+import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../context/ProjectContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableContextInstance.es.js";
 import "../../api/base/client.es.js";
 import "../../api/generated/graphql.es.js";
 import "../../api/generated/graphqlLinks.es.js";
@@ -104,356 +118,199 @@ import "../../api/queries/tasks/updateTasks.es.js";
 import "../../api/queries/teams/getTeams.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
-import "../../api/queries/users/updateUsers.es.js";
 import "../../api/queries/users/guests.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
 import "../../api/queries/watchers/getWatchers.es.js";
 import "../../api/queries/uris/getUris.es.js";
-import "../../util/pubsub.es.js";
-import "clsx";
-import "../../containers/Feed/components/ActivityCheckbox/ActivityCheckbox.styled.es.js";
-import "../AddonLoadingScreen/AddonLoadingScreen.es.js";
-import "../../../../node_modules/match-sorter/dist/match-sorter.esm.es.js";
-import "../AccessSearchInput/AccessSearchInput.styled.es.js";
-import "../AccessUser/AccessUser.es.js";
-import "../AttributeEditor/AttributeEditor.es.js";
-import "../AttributeEditor/attributeTypeMap.es.js";
-import "../Badge/Badge.es.js";
-import "../Chips/Chips.es.js";
-import "react-dom";
-import "../DateRangePicker/DateRangePicker.styled.es.js";
-import "../LinksManager/CellEditingDialog.es.js";
-import "../DeleteEntitiesConfirm/DeleteConfirmContent.es.js";
-import "../DeleteEntitiesConfirm/DeleteEntitiesConfirmDialog.styled.es.js";
-import "../../../../_virtual/index.es.js";
-import "../../../../node_modules/refractor/lib/common.es.js";
-import "../../../../node_modules/refractor/lib/all.es.js";
-/* empty css                                                                              */
-import "../DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
-import "../DetailsPanelDetails/DetailsPanelDetails.es.js";
-import "react-quill-ayon";
-import "../DetailsPanelDetails/BorderedSection.es.js";
-import "../QuillListStyles/QuillListStyles.es.js";
-import "../DetailsPanelDetails/DescriptionSection.styles.es.js";
-import "react-markdown";
-import "remark-gfm";
-import "rehype-raw";
-import "../../containers/Feed/components/CommentInput/quillToMarkdown.es.js";
-import "../DetailsPanelDetails/hooks/useMentionSystem.es.js";
-import "../../containers/Feed/components/CommentInput/modules/index.es.js";
-import "../../context/RemoteModulesContext.es.js";
-import "../../../../_virtual/runtime.es.js";
-import "../../../../_virtual/semver.es.js";
-import "../../context/PowerpackContextInstance.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 "../../context/pip/PiPWrapper.es.js";
-import "../../context/AddonProjectContext.es.js";
-import "../../context/AddonContext.es.js";
-import "../../context/MenuContext.es.js";
-import "../../context/WebsocketContext.es.js";
-import "../../context/GlobalContext.es.js";
-import "../../context/ProjectContext.es.js";
-import "../../context/ProjectFoldersContextInstance.es.js";
-import "../../context/EntityUpdatesContextInstance.es.js";
-import "../../containers/ContextMenu/ContextMenuContext.es.js";
-/* empty css                                               */
-import "../../containers/Feed/context/FeedContext.es.js";
-import "../../containers/Feed/components/Tooltips/UserTooltipItem.es.js";
-import "../../containers/Feed/components/Tooltips/UserTooltip/UserTooltip.styled.es.js";
-import "../../containers/Feed/components/Tooltips/TeamTooltip/TeamTooltip.styled.es.js";
-import "../../containers/Feed/components/Tooltips/EntityTooltip/EntityTooltip.styled.es.js";
-import "../../containers/Feed/components/FileUploadPreview/FileUploadPreview.styled.es.js";
-import "../../containers/Feed/components/FileUploadPreview/Mimes/TextMime.es.js";
-import "remark-emoji";
-import "remark-directive";
-import "remark-directive-rehype";
-import "../../containers/Feed/components/CommentInput/CommentInput.es.js";
-import "../../containers/Feed/components/ReactionContainer/Reactions.styled.es.js";
-import "../../containers/Feed/components/FilesGrid/FilesGrid.styled.es.js";
-import "../../containers/Feed/components/FileUploadCard/FileUploadCard.styled.es.js";
-import "../../containers/Feed/components/ActivityComment/ActivityComment.styled.es.js";
-import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
-import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
-import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
-import "../../containers/Feed/components/ActivityDate.es.js";
-import "../../containers/Feed/components/ActivityVersionReview/ActivityVersionReview.styled.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
-import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
-import "../../containers/Feed/components/ActivityFieldChange/ActivityFieldChange.styled.es.js";
-import "../../containers/Feed/components/ActivityFieldChange/FieldValue.es.js";
-import "../../containers/Feed/components/ActivityAssigneeChange/ActivityAssigneeChange.styled.es.js";
-import "../../containers/Feed/components/ActivityVersions/ActivityVersions.styled.es.js";
-import "../../containers/Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
-import "../../containers/Feed/Feed.styled.es.js";
-import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
-import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
-import "../../containers/Feed/components/FeedSearchFilter.es.js";
-import "@tanstack/react-virtual";
-import "@tanstack/react-table";
-import "../../containers/ProjectTreeTable/widgets/CollapsedWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/DateWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EnumWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EnumCellValue.es.js";
-import "../../containers/ProjectTreeTable/widgets/TextWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/MarkdownWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/BooleanWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/CellWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EntityNameWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/GroupHeaderWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/ThumbnailWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/LinksWidget.es.js";
-import "../LinksManager/LinksManager.styled.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableContextInstance.es.js";
-import "../../containers/ProjectTreeTable/widgets/EmptyWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/ErrorWidget.es.js";
-import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
-import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../containers/ProjectTreeTable/widgets/LoadMoreWidget.es.js";
-import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
 import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
-import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
-import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
-import "../../containers/NewEntity/components/NewEntity.es.js";
-import "../../containers/Slicer/components/Slicer.es.js";
-import "../../containers/Slicer/context/SlicerContextInstance.es.js";
-import "../../containers/Slicer/components/SlicerDropdownFallback.es.js";
-import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
-import "react-redux";
-import "../../containers/NewEntity/context/NewEntityContextInstance.es.js";
-import "../../containers/NewEntity/components/NewEntityForm.es.js";
-import "../../containers/ProjectTreeTable/components/TableFooterRow.es.js";
+import "@tanstack/react-table";
 import "../../containers/ProjectTreeTable/context/SelectedRowsContext.es.js";
 import "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
-import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelHeader/LinkedTaskRow.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
-import "../PlayableIcon/PlayableIcon.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelFiles/DetailsPanelFiles.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelMoreMenu/components/ShareDialog.es.js";
-import "../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
-import "../../containers/DetailsPanel/components/SubtasksSearchFilter/SubtasksSearchFilter.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelSlideOut/DetailsPanelSlideOut.styled.es.js";
-import "../../containers/DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.styled.es.js";
-import "../../containers/Actions/Actions.styled.es.js";
-import "../../containers/Actions/ActionsDropdown/ActionsDropdown.es.js";
-import "../../containers/Actions/ActionIcon.es.js";
-import "../../containers/Views/ViewsMenu/ViewsMenu.es.js";
-import "../../containers/Views/context/ViewsContextInstance.es.js";
-import "../../containers/Views/Views.styled.es.js";
-import "../../containers/Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
-import "../../containers/EntityPickerDialog/EntityPickerDialog.es.js";
-import "../../containers/ListTable/ListTableRow.es.js";
-import "../../containers/ListTable/ListTable.styled.es.js";
+/* empty css                                               */
+import "../../containers/ContextMenu/ContextMenuContext.es.js";
 import "../../context/DeleteEntitiesContext.es.js";
-import "custom-protocol-check";
-import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.es.js";
-import "../DetailsPanelDetails/DetailsSection.es.js";
-import "../DetailsPanelDetails/FieldLabel.es.js";
-import "../DoneCheckbox/DoneCheckbox.es.js";
-import "../EarlyPreview/EarlyPreview.es.js";
-import "../InfoMessage/InfoMessage.es.js";
-import "../EnumEditor/EnumEditor.styled.es.js";
-import "../EntityPanelUploader/EntityPanelUploader.styled.es.js";
-import "axios";
-import "../ReviewablesList/ReviewablesList.styled.es.js";
-import "../ReviewablesList/ReviewablesUpload.styled.es.js";
-import "../EntityPath/EntityPath.styled.es.js";
-import "../EntityPath/SegmentProvider.es.js";
-import "../FeaturedVersionOrder/FeaturedVersionOrder.es.js";
-import "../Feedback/FeedbackContextInstance.es.js";
-import "../Feedback/SupportBubble.es.js";
-import "../FileThumbnail/FileThumbnail.es.js";
-import "../LegacyBadge/LegacyBadge.es.js";
-import "../Powerpack/PowerpackButton.es.js";
-import "../Powerpack/FreeTrialLink.es.js";
-import "../Powerpack/PowerpackDialog.styled.es.js";
-import "../Powerpack/CTAButton.es.js";
-import "../Powerpack/RequiredAddonVersion.es.js";
-import "./ProjectTableSettings.es.js";
-import "../SizeSlider/SizeSlider.es.js";
-import "react-router-dom";
-import "../ReviewableCard/ReviewableCard.es.js";
-import "../ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
-import "../SearchFilter/CustomDateRangeDialog.es.js";
-import "../SettingsPanel/SettingsPanel.es.js";
-import "../SettingsPanel/SettingsPanelItemTemplate.es.js";
-import "../ShareOptionIcon/ShareOptionIcon.es.js";
-import "../SimpleFormDialog/SimpleFormDialog.es.js";
-import "../StyledLink/StyledLink.es.js";
-import "../SyncButton/SyncButton.es.js";
-import "../TableGridSwitch/TableGridSwitch.es.js";
-import "../Thumbnail/Thumbnail.styled.es.js";
-import "../Thumbnail/StackedThumbnails.es.js";
-import "../ThumbnailSimple/ThumbnailSimple.es.js";
-import "../VersionUploader/components/UploadVersionDialog.es.js";
-import "../VersionUploader/context/VersionUploadContextInstance.es.js";
-import "../Watchers/Watchers.es.js";
-import "../Menu/Menu.styled.es.js";
-import "../Menu/MenuItem.es.js";
-import "../ReviewablesSelector/ReviewablesSelector.es.js";
-import "../ColumnHeaderMenuUI.es.js";
+import "../../context/GlobalContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContextInstance.es.js";
+import "../../context/ProjectFoldersContextInstance.es.js";
+import "../../containers/ProjectTreeTable/buildTreeTableColumns.es.js";
 import { checkColumnVisibility as g } from "../../containers/ProjectTreeTable/utils/checkColumnVisibility.es.js";
-const Ti = ({
-  columns: b,
-  highlighted: f,
-  columnVisibility: m,
-  updateColumnVisibility: H,
-  columnPinning: s,
-  updateColumnPinning: A,
-  columnOrder: d,
-  setColumnsConfig: P,
-  columnSizing: E,
-  groupBy: u,
-  sorting: L,
-  rowHeight: k,
-  defaultColumnVisibility: c
+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,
+  {
+    item: { value: a, label: a, icon: u },
+    isDisabled: l,
+    style: { paddingRight: 8 },
+    disableHover: !0,
+    endContent: /* @__PURE__ */ t.jsx(
+      Ti,
+      {
+        checked: s,
+        disabled: l,
+        onChange: (m) => x(m.currentTarget.checked)
+      }
+    ),
+    ...b
+  }
+), 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
 }) => {
-  const [Q, U] = C(null), [ni, X] = C(!1), [si, Y] = C(!1), [Z, _] = C(!1), [li, y] = C(!1), [ai, M] = C(!1), di = Pi(
-    Si(ji, {
+  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, {
       activationConstraint: {
         distance: 5
       }
     })
-  ), N = xi(null);
+  ), M = xi(null);
   hi(() => {
-    if (N.current && f) {
-      const i = N.current.querySelector(`#column-settings-${f}`);
+    if (M.current && a) {
+      const i = M.current.querySelector(`#column-settings-${a}`);
       i && i.scrollIntoView({
         behavior: "smooth",
         block: "center"
       });
     }
-  }, [f]);
-  const { visibleColumns: S, hiddenColumns: j, pinnedColumns: x } = D(() => {
-    const i = b.filter(
-      (r) => g(m, r.value, c)
-    ), t = b.filter(
-      (r) => !g(m, r.value, c)
-    ), o = i.filter((r) => s.left?.includes(r.value));
+  }, [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));
     return {
-      visibleColumns: i.filter((r) => !s.left?.includes(r.value)),
-      hiddenColumns: t,
+      visibleColumns: i.filter((r) => !l.left?.includes(r.value)),
+      hiddenColumns: e,
       pinnedColumns: o
     };
-  }, [b, m, s, c]), w = D(() => {
-    const i = [...S];
-    return d.length > 0 && i.sort((t, o) => {
-      const l = d.indexOf(t.value), r = d.indexOf(o.value);
-      return l === -1 ? 1 : r === -1 ? -1 : l - r;
+  }, [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;
-  }, [S, d]), I = D(() => {
-    const i = [...x];
-    return d.length > 0 && i.sort((t, o) => {
-      const l = d.indexOf(t.value), r = d.indexOf(o.value);
-      return l === -1 ? 1 : r === -1 ? -1 : l - r;
+  }, [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;
-  }, [x, d]), ii = D(
-    () => w.map((i) => i.value),
-    [w]
-  ), ti = D(
+  }, [C, m]), ii = w(
     () => I.map((i) => i.value),
     [I]
-  ), R = (i) => {
-    const t = g(m, i, c), o = { ...m, [i]: !t };
-    console.log("Toggling visibility for", i, "to", !t), H(o);
+  ), 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 t = { ...s }, o = { ...m };
-    t.left?.includes(i) ? t.left = t.left.filter((l) => l !== i) : (t.left = [...t.left || [], i], g(m, i, c) || (o[i] = !0, H(o))), A(t);
+    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 t = i.active.id;
-    U(t), _(s.left?.includes(t) || !1);
+    const e = i.active.id;
+    U(e), _(l.left?.includes(e) || !1);
   }, fi = (i) => {
-    const { active: t, over: o } = i;
-    if (o && t.id !== o.id) {
-      const l = g(
-        m,
-        t.id,
-        c
+    const { active: e, over: o } = i;
+    if (o && e.id !== o.id) {
+      const d = g(
+        s,
+        e.id,
+        f
       ), r = g(
-        m,
+        s,
         o.id,
-        c
-      ), e = s.left?.includes(o.id) || !1, h = !r;
-      X(!l && r && !e), Y(r && e), M(h), y(r && !e);
+        f
+      ), n = l.left?.includes(o.id) || !1, S = !r;
+      X(!d && r && !n), Y(r && n), R(S), L(r && !n);
     } else
-      y(!1), M(!1);
+      L(!1), R(!1);
   }, vi = (i) => {
-    X(!1), Y(!1), _(!1), y(!1), M(!1);
-    const { active: t, over: o } = i;
-    if (o && t.id !== o.id) {
-      const l = [...S, ...j, ...x].find(
-        (e) => e.value === t.id
-      ), r = [...S, ...j, ...x].find(
-        (e) => e.value === o.id
+    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 (l && r) {
-        const e = t.id, h = o.id, F = g(
-          m,
-          e,
-          c
+      if (d && r) {
+        const n = e.id, S = o.id, F = g(
+          s,
+          n,
+          f
         ), q = g(
-          m,
-          h,
-          c
-        ), T = s.left?.includes(e) || !1, V = s.left?.includes(h) || !1, gi = !q, n = {
-          columnVisibility: { ...m },
-          columnOrder: [...d],
-          columnPinning: { ...s },
-          columnSizing: { ...E },
-          groupBy: u,
-          sorting: L,
-          rowHeight: k
+          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 a = [...n.columnPinning.left || []];
-          T !== V && (T && !V ? a = a.filter((W) => W !== e) : !T && V && (a = [...a, e]));
-          const v = [...ti, ...ii], oi = v.indexOf(e), ri = v.indexOf(h);
-          if (oi === -1 || ri === -1) {
+          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");
             return;
           }
-          const ei = wi(v, oi, ri), ui = ei.filter((W) => a.includes(W));
-          n.columnOrder = ei, n.columnPinning = {
-            ...n.columnPinning,
+          const ri = wi(v, ti, oi), ui = ri.filter((W) => c.includes(W));
+          p.columnOrder = ri, p.columnPinning = {
+            ...p.columnPinning,
             left: ui
-          }, P(n);
+          }, j(p);
         } else if (!F && q) {
-          if (n.columnVisibility[e] = !0, V) {
-            const v = [...n.columnPinning.left || [], e];
-            n.columnPinning.left = v;
+          if (p.columnVisibility[n] = !0, A) {
+            const v = [...p.columnPinning.left || [], n];
+            p.columnPinning.left = v;
           }
-          const a = [...ti, ...ii];
-          if (!a.includes(e)) {
-            const v = a.indexOf(h);
-            a.splice(v, 0, e);
+          const c = [...ei, ...ii];
+          if (!c.includes(n)) {
+            const v = c.indexOf(S);
+            c.splice(v, 0, n);
           }
-          n.columnOrder = a, P(n);
+          p.columnOrder = c, j(p);
         } else if (F && gi) {
-          if (n.columnVisibility[e] = !1, T) {
-            const a = (n.columnPinning.left || []).filter(
-              (v) => v !== e
+          if (p.columnVisibility[n] = !1, V) {
+            const c = (p.columnPinning.left || []).filter(
+              (v) => v !== n
             );
-            n.columnPinning.left = a;
+            p.columnPinning.left = c;
           }
-          P(n);
+          j(p);
         }
       }
     }
     U(null);
-  }, O = Q ? [...S, ...j, ...x].find((i) => i.value === Q) : null;
-  return /* @__PURE__ */ p.jsx(
+  }, H = Q ? [...O, ...D, ...C].find((i) => i.value === Q) : null;
+  return /* @__PURE__ */ t.jsx(
     Oi,
     {
       sensors: di,
@@ -461,53 +318,53 @@ const Ti = ({
       onDragStart: ci,
       onDragOver: fi,
       onDragEnd: vi,
-      children: /* @__PURE__ */ p.jsxs(Vi, { children: [
-        x.length > 0 && /* @__PURE__ */ p.jsxs(G, { className: si && !Z ? "drop-target" : "", children: [
-          /* @__PURE__ */ p.jsx(J, { children: "Pinned Columns" }),
-          /* @__PURE__ */ p.jsx(
-            pi,
+      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,
             {
-              items: I.map((i) => i.value),
-              strategy: mi,
-              children: /* @__PURE__ */ p.jsx($, { children: I.map((i) => /* @__PURE__ */ p.jsx(
+              items: T.map((i) => i.value),
+              strategy: si,
+              children: /* @__PURE__ */ t.jsx($, { children: T.map((i) => /* @__PURE__ */ t.jsx(
                 B,
                 {
                   id: i.value,
                   column: i,
                   isPinned: !0,
                   isHidden: !1,
-                  isDisabled: !!u && i.value === "name",
-                  isHighlighted: f === i.value,
+                  isDisabled: !!h && i.value === "name",
+                  isHighlighted: a === i.value,
                   onTogglePinning: z,
-                  onToggleVisibility: R
+                  onToggleVisibility: N
                 },
                 i.value
               )) })
             }
           )
         ] }),
-        /* @__PURE__ */ p.jsxs(
+        /* @__PURE__ */ t.jsxs(
           G,
           {
-            className: ni || Z && li ? "drop-target" : "",
+            className: li || Z && mi ? "drop-target" : "",
             children: [
-              /* @__PURE__ */ p.jsx(J, { children: "Visible Columns" }),
-              /* @__PURE__ */ p.jsx(
-                pi,
+              /* @__PURE__ */ t.jsx(J, { children: "Visible Columns" }),
+              /* @__PURE__ */ t.jsx(
+                ni,
                 {
-                  items: w.map((i) => i.value),
-                  strategy: mi,
-                  children: /* @__PURE__ */ p.jsx($, { children: w.map((i) => /* @__PURE__ */ p.jsx(
+                  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: f === i.value,
-                      isDisabled: !!u && i.value === "name",
+                      isHighlighted: a === i.value,
+                      isDisabled: !!h && i.value === "name",
                       onTogglePinning: z,
-                      onToggleVisibility: R
+                      onToggleVisibility: N
                     },
                     i.value
                   )) })
@@ -516,41 +373,41 @@ const Ti = ({
             ]
           }
         ),
-        j.length > 0 && /* @__PURE__ */ p.jsxs(G, { className: ai ? "drop-target" : "", children: [
-          /* @__PURE__ */ p.jsx(J, { children: "Hidden Columns" }),
-          /* @__PURE__ */ p.jsx($, { ref: N, children: j.map((i) => /* @__PURE__ */ p.jsx(
+        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,
             {
               id: i.value,
               column: i,
-              isPinned: s.left?.includes(i.value) || !1,
+              isPinned: l.left?.includes(i.value) || !1,
               isHidden: !0,
-              isHighlighted: f === i.value,
-              isDisabled: !!u && i.value === "name",
+              isHighlighted: a === i.value,
+              isDisabled: !!h && i.value === "name",
               onTogglePinning: z,
-              onToggleVisibility: R
+              onToggleVisibility: N
             },
             i.value
           )) })
         ] }),
-        /* @__PURE__ */ p.jsx(Hi, { children: O && /* @__PURE__ */ p.jsx(
-          bi,
+        /* @__PURE__ */ t.jsx(Hi, { children: H && /* @__PURE__ */ t.jsx(
+          Si,
           {
-            column: O,
-            isPinned: s.left?.includes(O.value) || !1,
+            column: H,
+            isPinned: l.left?.includes(H.value) || !1,
             isHidden: !g(
-              m,
-              O.value,
-              c
+              s,
+              H.value,
+              f
             ),
-            isHighlighted: f === O.value,
+            isHighlighted: a === H.value,
             dragOverlay: !0
           }
         ) })
       ] })
     }
   );
-}, Vi = K.div`
+}, ki = K.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
@@ -570,40 +427,41 @@ const Ti = ({
   font-weight: 500;
   color: var(--md-sys-color-outline);
   padding: 4px 0;
-`, gm = (b) => {
+`, fo = (u) => {
   const {
-    columnVisibility: f,
-    defaultColumnVisibility: m,
-    updateColumnVisibility: H,
-    columnPinning: s,
-    updateColumnPinning: A,
-    columnOrder: d,
-    setColumnsConfig: P,
-    columnSizing: E,
-    groupBy: u,
-    sorting: L,
-    rowHeight: k
+    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__ */ p.jsx(
-    Ti,
+  return /* @__PURE__ */ t.jsx(
+    Ai,
     {
-      ...b,
-      columnVisibility: f,
-      defaultColumnVisibility: m,
-      updateColumnVisibility: H,
-      columnPinning: s,
-      updateColumnPinning: A,
-      columnOrder: d,
-      setColumnsConfig: P,
-      columnSizing: E,
-      groupBy: u,
-      sorting: L,
-      rowHeight: k
+      ...u,
+      columnVisibility: a,
+      defaultColumnVisibility: s,
+      updateColumnVisibility: x,
+      columnPinning: l,
+      updateColumnPinning: b,
+      columnOrder: m,
+      setColumnsConfig: j,
+      columnSizing: k,
+      groupBy: h,
+      sorting: y,
+      rowHeight: E
     }
   );
 };
 export {
-  Ti as ColumnsSettings,
-  gm as ColumnsSettingsWithContext
+  Ai as ColumnsSettings,
+  fo as ColumnsSettingsWithContext,
+  co as SettingSwitch
 };
 //# sourceMappingURL=ColumnsSettings.es.js.map