@ynput/ayon-frontend-shared 0.4.1 → 0.4.3

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

@@ -1,4 +1,4 @@
-import { j as o } from "../../../../_virtual/jsx-runtime.es.js";
+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";
@@ -6,7 +6,7 @@ import { useColumnSettingsContext as Ci } from "../../containers/ProjectTreeTabl
 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 pi, verticalListSortingStrategy as mi, arrayMove as wi } from "@dnd-kit/sortable";
+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 "../SearchFilter/filterDates.es.js";
@@ -15,6 +15,19 @@ 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";
@@ -105,228 +118,45 @@ 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/buildTreeTableColumns.es.js";
-import "../../containers/ProjectTreeTable/ProjectTreeTable.styled.es.js";
-import "../../containers/ProjectTreeTable/components/HeaderActionButton.es.js";
-import "../../containers/ProjectTreeTable/components/RowSelectionHeader.es.js";
-import "../../containers/ProjectTreeTable/components/SelectionCell.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
-import "../../containers/ProjectTreeTable/context/ProjectTableContextInstance.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/ProjectTreeTable/widgets/CellWidget.es.js";
-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/EntityNameWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/EntityWidget.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/widgets/EmptyWidget.es.js";
-import "../../containers/ProjectTreeTable/widgets/ErrorWidget.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 { SettingsPanelItemTemplate as Vi } from "../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 Sm = ({
+import { SettingsPanelItemTemplate as Vi } from "../SettingsPanel/SettingsPanelItemTemplate.es.js";
+const co = ({
   icon: u,
   label: a,
-  checked: m,
+  checked: s,
   onChange: x,
-  disabled: n,
+  disabled: l,
   ...b
-}) => /* @__PURE__ */ o.jsx(
+}) => /* @__PURE__ */ t.jsx(
   Vi,
   {
     item: { value: a, label: a, icon: u },
-    isDisabled: n,
+    isDisabled: l,
     style: { paddingRight: 8 },
     disableHover: !0,
-    endContent: /* @__PURE__ */ o.jsx(
+    endContent: /* @__PURE__ */ t.jsx(
       Ti,
       {
-        checked: m,
-        disabled: n,
-        onChange: (l) => x(l.currentTarget.checked)
+        checked: s,
+        disabled: l,
+        onChange: (m) => x(m.currentTarget.checked)
       }
     ),
     ...b
@@ -334,11 +164,11 @@ const Sm = ({
 ), Ai = ({
   columns: u,
   highlighted: a,
-  columnVisibility: m,
+  columnVisibility: s,
   updateColumnVisibility: x,
-  columnPinning: n,
+  columnPinning: l,
   updateColumnPinning: b,
-  columnOrder: l,
+  columnOrder: m,
   setColumnsConfig: j,
   columnSizing: k,
   groupBy: h,
@@ -347,7 +177,7 @@ const Sm = ({
   defaultColumnVisibility: f,
   ...yi
 }) => {
-  const [Q, U] = P(null), [ni, X] = P(!1), [si, Y] = P(!1), [Z, _] = P(!1), [li, L] = P(!1), [ai, R] = P(!1), di = Pi(
+  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
@@ -365,122 +195,122 @@ const Sm = ({
   }, [a]);
   const { visibleColumns: O, hiddenColumns: D, pinnedColumns: C } = w(() => {
     const i = u.filter(
-      (e) => g(m, e.value, f)
-    ), t = u.filter(
-      (e) => !g(m, e.value, f)
-    ), r = i.filter((e) => n.left?.includes(e.value));
+      (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((e) => !n.left?.includes(e.value)),
-      hiddenColumns: t,
-      pinnedColumns: r
+      visibleColumns: i.filter((r) => !l.left?.includes(r.value)),
+      hiddenColumns: e,
+      pinnedColumns: o
     };
-  }, [u, m, n, f]), I = w(() => {
+  }, [u, s, l, f]), I = w(() => {
     const i = [...O];
-    return l.length > 0 && i.sort((t, r) => {
-      const d = l.indexOf(t.value), e = l.indexOf(r.value);
-      return d === -1 ? 1 : e === -1 ? -1 : d - e;
+    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, l]), T = w(() => {
+  }, [O, m]), T = w(() => {
     const i = [...C];
-    return l.length > 0 && i.sort((t, r) => {
-      const d = l.indexOf(t.value), e = l.indexOf(r.value);
-      return d === -1 ? 1 : e === -1 ? -1 : d - e;
+    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, l]), ii = w(
+  }, [C, m]), ii = w(
     () => I.map((i) => i.value),
     [I]
-  ), ti = w(
+  ), ei = w(
     () => T.map((i) => i.value),
     [T]
   ), N = (i) => {
-    const t = g(m, i, f), r = { ...m, [i]: !t };
-    console.log("Toggling visibility for", i, "to", !t), x(r);
+    const e = g(s, i, f), o = { ...s, [i]: !e };
+    console.log("Toggling visibility for", i, "to", !e), x(o);
   }, z = (i) => {
-    const t = { ...n }, r = { ...m };
-    t.left?.includes(i) ? t.left = t.left.filter((d) => d !== i) : (t.left = [...t.left || [], i], g(m, i, f) || (r[i] = !0, x(r))), b(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), _(n.left?.includes(t) || !1);
+    const e = i.active.id;
+    U(e), _(l.left?.includes(e) || !1);
   }, fi = (i) => {
-    const { active: t, over: r } = i;
-    if (r && t.id !== r.id) {
+    const { active: e, over: o } = i;
+    if (o && e.id !== o.id) {
       const d = g(
-        m,
-        t.id,
+        s,
+        e.id,
         f
-      ), e = g(
-        m,
-        r.id,
+      ), r = g(
+        s,
+        o.id,
         f
-      ), p = n.left?.includes(r.id) || !1, S = !e;
-      X(!d && e && !p), Y(e && p), R(S), L(e && !p);
+      ), n = l.left?.includes(o.id) || !1, S = !r;
+      X(!d && r && !n), Y(r && n), R(S), L(r && !n);
     } else
       L(!1), R(!1);
   }, vi = (i) => {
     X(!1), Y(!1), _(!1), L(!1), R(!1);
-    const { active: t, over: r } = i;
-    if (r && t.id !== r.id) {
+    const { active: e, over: o } = i;
+    if (o && e.id !== o.id) {
       const d = [...O, ...D, ...C].find(
-        (p) => p.value === t.id
-      ), e = [...O, ...D, ...C].find(
-        (p) => p.value === r.id
+        (n) => n.value === e.id
+      ), r = [...O, ...D, ...C].find(
+        (n) => n.value === o.id
       );
-      if (d && e) {
-        const p = t.id, S = r.id, F = g(
-          m,
-          p,
+      if (d && r) {
+        const n = e.id, S = o.id, F = g(
+          s,
+          n,
           f
         ), q = g(
-          m,
+          s,
           S,
           f
-        ), V = n.left?.includes(p) || !1, A = n.left?.includes(S) || !1, gi = !q, s = {
-          columnVisibility: { ...m },
-          columnOrder: [...l],
-          columnPinning: { ...n },
+        ), 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 = [...s.columnPinning.left || []];
-          V !== A && (V && !A ? c = c.filter((W) => W !== p) : !V && A && (c = [...c, p]));
-          const v = [...ti, ...ii], oi = v.indexOf(p), ri = v.indexOf(S);
-          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) => c.includes(W));
-          s.columnOrder = ei, s.columnPinning = {
-            ...s.columnPinning,
+          const ri = wi(v, ti, oi), ui = ri.filter((W) => c.includes(W));
+          p.columnOrder = ri, p.columnPinning = {
+            ...p.columnPinning,
             left: ui
-          }, j(s);
+          }, j(p);
         } else if (!F && q) {
-          if (s.columnVisibility[p] = !0, A) {
-            const v = [...s.columnPinning.left || [], p];
-            s.columnPinning.left = v;
+          if (p.columnVisibility[n] = !0, A) {
+            const v = [...p.columnPinning.left || [], n];
+            p.columnPinning.left = v;
           }
-          const c = [...ti, ...ii];
-          if (!c.includes(p)) {
+          const c = [...ei, ...ii];
+          if (!c.includes(n)) {
             const v = c.indexOf(S);
-            c.splice(v, 0, p);
+            c.splice(v, 0, n);
           }
-          s.columnOrder = c, j(s);
+          p.columnOrder = c, j(p);
         } else if (F && gi) {
-          if (s.columnVisibility[p] = !1, V) {
-            const c = (s.columnPinning.left || []).filter(
-              (v) => v !== p
+          if (p.columnVisibility[n] = !1, V) {
+            const c = (p.columnPinning.left || []).filter(
+              (v) => v !== n
             );
-            s.columnPinning.left = c;
+            p.columnPinning.left = c;
           }
-          j(s);
+          j(p);
         }
       }
     }
     U(null);
   }, H = Q ? [...O, ...D, ...C].find((i) => i.value === Q) : null;
-  return /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ t.jsx(
     Oi,
     {
       sensors: di,
@@ -488,15 +318,15 @@ const Sm = ({
       onDragStart: ci,
       onDragOver: fi,
       onDragEnd: vi,
-      children: /* @__PURE__ */ o.jsxs(ki, { children: [
-        C.length > 0 && /* @__PURE__ */ o.jsxs(G, { className: si && !Z ? "drop-target" : "", children: [
-          /* @__PURE__ */ o.jsx(J, { children: "Pinned Columns" }),
-          /* @__PURE__ */ o.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: T.map((i) => i.value),
-              strategy: mi,
-              children: /* @__PURE__ */ o.jsx($, { children: T.map((i) => /* @__PURE__ */ o.jsx(
+              strategy: si,
+              children: /* @__PURE__ */ t.jsx($, { children: T.map((i) => /* @__PURE__ */ t.jsx(
                 B,
                 {
                   id: i.value,
@@ -513,18 +343,18 @@ const Sm = ({
             }
           )
         ] }),
-        /* @__PURE__ */ o.jsxs(
+        /* @__PURE__ */ t.jsxs(
           G,
           {
-            className: ni || Z && li ? "drop-target" : "",
+            className: li || Z && mi ? "drop-target" : "",
             children: [
-              /* @__PURE__ */ o.jsx(J, { children: "Visible Columns" }),
-              /* @__PURE__ */ o.jsx(
-                pi,
+              /* @__PURE__ */ t.jsx(J, { children: "Visible Columns" }),
+              /* @__PURE__ */ t.jsx(
+                ni,
                 {
                   items: I.map((i) => i.value),
-                  strategy: mi,
-                  children: /* @__PURE__ */ o.jsx($, { children: I.map((i) => /* @__PURE__ */ o.jsx(
+                  strategy: si,
+                  children: /* @__PURE__ */ t.jsx($, { children: I.map((i) => /* @__PURE__ */ t.jsx(
                     B,
                     {
                       id: i.value,
@@ -543,14 +373,14 @@ const Sm = ({
             ]
           }
         ),
-        D.length > 0 && /* @__PURE__ */ o.jsxs(G, { className: ai ? "drop-target" : "", children: [
-          /* @__PURE__ */ o.jsx(J, { children: "Hidden Columns" }),
-          /* @__PURE__ */ o.jsx($, { ref: M, children: D.map((i) => /* @__PURE__ */ o.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: n.left?.includes(i.value) || !1,
+              isPinned: l.left?.includes(i.value) || !1,
               isHidden: !0,
               isHighlighted: a === i.value,
               isDisabled: !!h && i.value === "name",
@@ -560,13 +390,13 @@ const Sm = ({
             i.value
           )) })
         ] }),
-        /* @__PURE__ */ o.jsx(Hi, { children: H && /* @__PURE__ */ o.jsx(
+        /* @__PURE__ */ t.jsx(Hi, { children: H && /* @__PURE__ */ t.jsx(
           Si,
           {
             column: H,
-            isPinned: n.left?.includes(H.value) || !1,
+            isPinned: l.left?.includes(H.value) || !1,
             isHidden: !g(
-              m,
+              s,
               H.value,
               f
             ),
@@ -597,30 +427,30 @@ const Sm = ({
   font-weight: 500;
   color: var(--md-sys-color-outline);
   padding: 4px 0;
-`, Pm = (u) => {
+`, fo = (u) => {
   const {
     columnVisibility: a,
-    defaultColumnVisibility: m,
+    defaultColumnVisibility: s,
     updateColumnVisibility: x,
-    columnPinning: n,
+    columnPinning: l,
     updateColumnPinning: b,
-    columnOrder: l,
+    columnOrder: m,
     setColumnsConfig: j,
     columnSizing: k,
     groupBy: h,
     sorting: y,
     rowHeight: E
   } = Ci();
-  return /* @__PURE__ */ o.jsx(
+  return /* @__PURE__ */ t.jsx(
     Ai,
     {
       ...u,
       columnVisibility: a,
-      defaultColumnVisibility: m,
+      defaultColumnVisibility: s,
       updateColumnVisibility: x,
-      columnPinning: n,
+      columnPinning: l,
       updateColumnPinning: b,
-      columnOrder: l,
+      columnOrder: m,
       setColumnsConfig: j,
       columnSizing: k,
       groupBy: h,
@@ -631,7 +461,7 @@ const Sm = ({
 };
 export {
   Ai as ColumnsSettings,
-  Pm as ColumnsSettingsWithContext,
-  Sm as SettingSwitch
+  fo as ColumnsSettingsWithContext,
+  co as SettingSwitch
 };
 //# sourceMappingURL=ColumnsSettings.es.js.map