@ynput/ayon-frontend-shared 0.3.29 → 0.3.31

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

@@ -1,236 +1,540 @@
-import { j as l } from "../../../../_virtual/jsx-runtime.es.js";
-import { useState as x, useRef as me, useEffect as xe, useMemo as P } from "react";
-import R from "styled-components";
-import { Menu as k } from "./TableSettings.styled.es.js";
-import { useColumnSettingsContext as pe } from "../../containers/ProjectTreeTable/context/ColumnSettingsContext.es.js";
-import be from "./ColumnItem.es.js";
+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 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 B from "./SortableColumnItem.es.js";
-import { useSensors as Ce, useSensor as Pe, PointerSensor as Oe, DndContext as ye, closestCenter as Ve, DragOverlay as he } from "@dnd-kit/core";
-import { SortableContext as _, verticalListSortingStrategy as ee, arrayMove as Se } from "@dnd-kit/sortable";
-import { toast as je } from "react-toastify";
-const Ne = ({ columns: j, highlighted: g }) => {
-  const {
-    columnVisibility: r,
-    updateColumnVisibility: z,
-    columnPinning: c,
-    updateColumnPinning: ne,
-    columnOrder: f,
-    setColumnsConfig: H,
-    columnSizing: ie,
-    groupBy: O,
-    sorting: se,
-    rowHeight: te
-  } = pe(), [F, q] = x(null), [le, $] = x(!1), [oe, G] = x(!1), [J, K] = x(!1), [re, D] = x(!1), [ae, w] = x(!1), de = Ce(
-    Pe(Oe, {
+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 { toast as Ii } from "react-toastify";
+import "@ynput/ayon-react-components";
+import "../SearchFilter/filterDates.es.js";
+import "date-fns";
+import "short-uuid";
+import "lodash";
+import "uuid";
+import "../../util/pubsub.es.js";
+import "../../containers/ProjectTreeTable/context/CellEditingContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectTableContext.es.js";
+import "../../context/RemoteModulesContext.es.js";
+import "../../../../_virtual/runtime.es.js";
+import "../../../../_virtual/semver.es.js";
+import "../../api/base/client.es.js";
+import "../../api/generated/graphql.es.js";
+import "../../api/generated/graphqlLinks.es.js";
+import "../../api/generated/access.es.js";
+import "../../api/generated/actions.es.js";
+import "../../api/generated/activityFeed.es.js";
+import "../../api/generated/addons.es.js";
+import "../../api/generated/anatomy.es.js";
+import "../../api/generated/attributes.es.js";
+import "../../api/generated/authentication.es.js";
+import "../../api/generated/bundles.es.js";
+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/events.es.js";
+import "../../api/generated/files.es.js";
+import "../../api/generated/folders.es.js";
+import "../../api/generated/inbox.es.js";
+import "../../api/generated/links.es.js";
+import "../../api/generated/market.es.js";
+import "../../api/generated/onboarding.es.js";
+import "../../api/generated/operations.es.js";
+import "../../api/generated/products.es.js";
+import "../../api/generated/projectDashboard.es.js";
+import "../../api/generated/projects.es.js";
+import "../../api/generated/projectFolders.es.js";
+import "../../api/generated/reviewables.es.js";
+import "../../api/generated/services.es.js";
+import "../../api/generated/system.es.js";
+import "../../api/generated/tasks.es.js";
+import "../../api/generated/teams.es.js";
+import "../../api/generated/thumbnails.es.js";
+import "../../api/generated/uRIs.es.js";
+import "../../api/generated/users.es.js";
+import "../../api/generated/versions.es.js";
+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/actions/getActions.es.js";
+import "../../api/queries/activities/getActivities.es.js";
+import "../../api/queries/activities/updateActivities.es.js";
+import "../../api/queries/activities/updateReaction.es.js";
+import "../../api/queries/activities/getMentions.es.js";
+import "../../api/queries/activities/getCategories.es.js";
+import "../../api/queries/addons/getAddons.es.js";
+import "../../api/queries/addons/updateAddons.es.js";
+import "../../api/queries/attributes/getAttributes.es.js";
+import "../../api/queries/attributes/updateAttributes.es.js";
+import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
+import "../../api/queries/config/getConfig.es.js";
+import "../../api/queries/config/updateConfig.es.js";
+import "../../api/queries/entities/getEntity.es.js";
+import "../../api/queries/entities/getEntityPanel.es.js";
+import "../../api/queries/overview/getOverview.es.js";
+import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/versions/getVersionsProducts.es.js";
+import "../../api/queries/links/getEntityLinks.es.js";
+import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../api/queries/entityLists/listFolders.es.js";
+import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
+import "../../api/queries/links/updateLinks.es.js";
+import "../../api/queries/links/getLinks.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
+import "../../api/queries/products/getFolderProducts.es.js";
+import "../../api/queries/project/getProject.es.js";
+import "../../api/queries/project/updateProject.es.js";
+import "../../api/queries/projectFolders/projectFolders.es.js";
+import "../../api/queries/review/getReview.es.js";
+import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
+import "../../api/queries/system/getSystem.es.js";
+import "../../api/queries/tasks/getTasks.es.js";
+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 "react-redux";
+import "custom-protocol-check";
+import "../../containers/ProjectTreeTable/components/GroupSettingsFallback.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 "react-dom";
+import "../../context/pip/PiPWrapper.es.js";
+import "../../context/AddonProjectContext.es.js";
+import "../../context/AddonContext.es.js";
+import "../../context/MoveEntityContext.es.js";
+import "../../context/MenuContext.es.js";
+import "../../context/WebsocketContext.es.js";
+import "../../context/GlobalContext.es.js";
+import "../../context/ProjectContext.es.js";
+import "../../context/ProjectFoldersContext.es.js";
+import "../../containers/ProjectTreeTable/context/ClipboardContext.es.js";
+import "@tanstack/react-table";
+import "@tanstack/react-virtual";
+import "clsx";
+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 "../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 "../DateRangePicker/DateRangePicker.styled.es.js";
+import "../LinksManager/CellEditingDialog.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 "../DetailsPanelDetails/DetailsSection.es.js";
+import "../DetailsPanelDetails/FieldLabel.es.js";
+import "../DoneCheckbox/DoneCheckbox.es.js";
+import "../EarlyPreview/EarlyPreview.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholder.es.js";
+import "../EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../EnumEditor/EnumEditor.styled.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/ActivityCheckbox/ActivityCheckbox.styled.es.js";
+import "../../containers/Feed/components/ActivityReference/ActivityReference.styled.es.js";
+import "react-router-dom";
+import "../../containers/Feed/components/ActivityStatus/ActivityStatus.es.js";
+import "../../containers/Feed/components/ActivityHeader/ActivityHeader.styled.es.js";
+import "../../containers/Feed/components/ActivityDate.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/CategoryTag.es.js";
+import "../../containers/Feed/components/ActivityStatusChange/ActivityStatusChange.styled.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 "../../containers/DetailsPanel/components/TabHeaderAndFilters/TabHeaderAndFilters.styled.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/ActivityCategorySelect.es.js";
+import "../../containers/Feed/components/ActivityCategorySelect/CategoryDropdownItem.es.js";
+import "../../containers/ProjectTreeTable/components/DeleteConfirmContent.es.js";
+import "../../containers/ProjectTreeTable/context/ProjectDataContext.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/Slicer/components/Slicer.es.js";
+import "../../containers/Slicer/context/SlicerContext.es.js";
+import "../../containers/Slicer/hooks/useTableDataBySlice.es.js";
+import "../../containers/DetailsPanel/DetailsPanel.styled.es.js";
+import "../../containers/DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.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/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";
+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 "../LinksManager/LinksManager.styled.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 "../ReviewableCard/ReviewableCard.es.js";
+import "../ReviewableProgressCard/ReviewableProgressCard.styled.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 "../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/VersionUploadContext.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 "../../containers/ProjectTreeTable/context/DetailsPanelEntityContext.es.js";
+import "../../containers/ProjectTreeTable/context/SelectedRowsContext.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/widgets/LoadMoreWidget.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
+}) => {
+  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, {
       activationConstraint: {
         distance: 5
       }
     })
-  ), I = me(null);
-  xe(() => {
-    if (I.current && g) {
-      const e = I.current.querySelector(`#column-settings-${g}`);
-      e && e.scrollIntoView({
+  ), N = xi(null);
+  hi(() => {
+    if (N.current && f) {
+      const i = N.current.querySelector(`#column-settings-${f}`);
+      i && i.scrollIntoView({
         behavior: "smooth",
         block: "center"
       });
     }
-  }, [g]);
-  const { visibleColumns: p, hiddenColumns: b, pinnedColumns: m } = P(() => {
-    const e = j.filter((s) => r[s.value] !== !1), n = j.filter((s) => r[s.value] === !1), i = e.filter((s) => c.left?.includes(s.value));
+  }, [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));
     return {
-      visibleColumns: e.filter((s) => !c.left?.includes(s.value)),
-      hiddenColumns: n,
-      pinnedColumns: i
+      visibleColumns: i.filter((r) => !s.left?.includes(r.value)),
+      hiddenColumns: t,
+      pinnedColumns: o
     };
-  }, [j, r, c]), y = P(() => {
-    const e = [...p];
-    return f.length > 0 && e.sort((n, i) => {
-      const a = f.indexOf(n.value), s = f.indexOf(i.value);
-      return a === -1 ? 1 : s === -1 ? -1 : a - s;
-    }), e;
-  }, [p, f]), V = P(() => {
-    const e = [...m];
-    return f.length > 0 && e.sort((n, i) => {
-      const a = f.indexOf(n.value), s = f.indexOf(i.value);
-      return a === -1 ? 1 : s === -1 ? -1 : a - s;
-    }), e;
-  }, [m, f]), Q = P(
-    () => y.map((e) => e.value),
-    [y]
-  ), U = P(
-    () => V.map((e) => e.value),
-    [V]
-  ), T = (e) => {
-    const n = { ...r };
-    n[e] !== !1 ? n[e] = !1 : n[e] = !0, z(n);
-  }, A = (e) => {
-    const n = { ...c }, i = { ...r };
-    n.left?.includes(e) ? n.left = n.left.filter((a) => a !== e) : (n.left = [...n.left || [], e], i[e] === !1 && (i[e] = !0, z(i))), ne(n);
-  }, ce = (e) => {
-    const n = e.active.id;
-    q(n), K(c.left?.includes(n) || !1);
-  }, fe = (e) => {
-    const { active: n, over: i } = e;
-    if (i && n.id !== i.id) {
-      const a = r[n.id] === !1, s = r[i.id] !== !1, t = c.left?.includes(i.id) || !1, v = r[i.id] === !1;
-      $(a && s && !t), G(s && t), w(v), D(s && !t);
+  }, [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;
+    }), 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;
+    }), i;
+  }, [x, d]), ii = D(
+    () => w.map((i) => i.value),
+    [w]
+  ), ti = D(
+    () => 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);
+  }, 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);
+  }, ci = (i) => {
+    const t = i.active.id;
+    U(t), _(s.left?.includes(t) || !1);
+  }, fi = (i) => {
+    const { active: t, over: o } = i;
+    if (o && t.id !== o.id) {
+      const l = g(
+        m,
+        t.id,
+        c
+      ), r = g(
+        m,
+        o.id,
+        c
+      ), e = s.left?.includes(o.id) || !1, h = !r;
+      X(!l && r && !e), Y(r && e), M(h), y(r && !e);
     } else
-      D(!1), w(!1);
-  }, ue = (e) => {
-    $(!1), G(!1), K(!1), D(!1), w(!1);
-    const { active: n, over: i } = e;
-    if (i && n.id !== i.id) {
-      const a = [...p, ...b, ...m].find(
-        (t) => t.value === n.id
-      ), s = [...p, ...b, ...m].find(
-        (t) => t.value === i.id
+      y(!1), M(!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
       );
-      if (a && s) {
-        const t = n.id, v = i.id, E = r[t] !== !1, W = r[v] !== !1, h = c.left?.includes(t) || !1, S = c.left?.includes(v) || !1, ge = r[v] === !1, o = {
-          columnVisibility: { ...r },
-          columnOrder: [...f],
-          columnPinning: { ...c },
-          columnSizing: { ...ie },
-          groupBy: O,
-          sorting: se,
-          rowHeight: te
+      if (l && r) {
+        const e = t.id, h = o.id, F = g(
+          m,
+          e,
+          c
+        ), 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
         };
-        if (E && W) {
-          let d = [...o.columnPinning.left || []];
-          h !== S && (h && !S ? d = d.filter((L) => L !== t) : !h && S && (d = [...d, t]));
-          const u = [...U, ...Q], X = u.indexOf(t), Y = u.indexOf(v);
-          if (X === -1 || Y === -1) {
-            console.error("Invalid column order state"), je.error("Invalid column order state");
+        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) {
+            console.error("Invalid column order state"), Ii.error("Invalid column order state");
             return;
           }
-          const Z = Se(u, X, Y), ve = Z.filter((L) => d.includes(L));
-          o.columnOrder = Z, o.columnPinning = {
-            ...o.columnPinning,
-            left: ve
-          }, H(o);
-        } else if (!E && W) {
-          if (o.columnVisibility[t] = !0, S) {
-            const u = [...o.columnPinning.left || [], t];
-            o.columnPinning.left = u;
+          const ei = wi(v, oi, ri), ui = ei.filter((W) => a.includes(W));
+          n.columnOrder = ei, n.columnPinning = {
+            ...n.columnPinning,
+            left: ui
+          }, P(n);
+        } else if (!F && q) {
+          if (n.columnVisibility[e] = !0, V) {
+            const v = [...n.columnPinning.left || [], e];
+            n.columnPinning.left = v;
           }
-          const d = [...U, ...Q];
-          if (!d.includes(t)) {
-            const u = d.indexOf(v);
-            d.splice(u, 0, t);
+          const a = [...ti, ...ii];
+          if (!a.includes(e)) {
+            const v = a.indexOf(h);
+            a.splice(v, 0, e);
           }
-          o.columnOrder = d, H(o);
-        } else if (E && ge) {
-          if (o.columnVisibility[t] = !1, h) {
-            const d = (o.columnPinning.left || []).filter(
-              (u) => u !== t
+          n.columnOrder = a, P(n);
+        } else if (F && gi) {
+          if (n.columnVisibility[e] = !1, T) {
+            const a = (n.columnPinning.left || []).filter(
+              (v) => v !== e
             );
-            o.columnPinning.left = d;
+            n.columnPinning.left = a;
           }
-          H(o);
+          P(n);
         }
       }
     }
-    q(null);
-  }, C = F ? [...p, ...b, ...m].find((e) => e.value === F) : null;
-  return /* @__PURE__ */ l.jsx(
-    ye,
+    U(null);
+  }, O = Q ? [...S, ...j, ...x].find((i) => i.value === Q) : null;
+  return /* @__PURE__ */ p.jsx(
+    Oi,
     {
-      sensors: de,
-      collisionDetection: Ve,
-      onDragStart: ce,
-      onDragOver: fe,
-      onDragEnd: ue,
-      children: /* @__PURE__ */ l.jsxs(He, { children: [
-        m.length > 0 && /* @__PURE__ */ l.jsxs(M, { className: oe && !J ? "drop-target" : "", children: [
-          /* @__PURE__ */ l.jsx(N, { children: "Pinned Columns" }),
-          /* @__PURE__ */ l.jsx(
-            _,
+      sensors: di,
+      collisionDetection: Di,
+      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,
             {
-              items: V.map((e) => e.value),
-              strategy: ee,
-              children: /* @__PURE__ */ l.jsx(k, { children: V.map((e) => /* @__PURE__ */ l.jsx(
+              items: I.map((i) => i.value),
+              strategy: mi,
+              children: /* @__PURE__ */ p.jsx($, { children: I.map((i) => /* @__PURE__ */ p.jsx(
                 B,
                 {
-                  id: e.value,
-                  column: e,
+                  id: i.value,
+                  column: i,
                   isPinned: !0,
                   isHidden: !1,
-                  isDisabled: !!O && e.value === "name",
-                  isHighlighted: g === e.value,
-                  onTogglePinning: A,
-                  onToggleVisibility: T
+                  isDisabled: !!u && i.value === "name",
+                  isHighlighted: f === i.value,
+                  onTogglePinning: z,
+                  onToggleVisibility: R
                 },
-                e.value
+                i.value
               )) })
             }
           )
         ] }),
-        /* @__PURE__ */ l.jsxs(
-          M,
+        /* @__PURE__ */ p.jsxs(
+          G,
           {
-            className: le || J && re ? "drop-target" : "",
+            className: ni || Z && li ? "drop-target" : "",
             children: [
-              /* @__PURE__ */ l.jsx(N, { children: "Visible Columns" }),
-              /* @__PURE__ */ l.jsx(
-                _,
+              /* @__PURE__ */ p.jsx(J, { children: "Visible Columns" }),
+              /* @__PURE__ */ p.jsx(
+                pi,
                 {
-                  items: y.map((e) => e.value),
-                  strategy: ee,
-                  children: /* @__PURE__ */ l.jsx(k, { children: y.map((e) => /* @__PURE__ */ l.jsx(
+                  items: w.map((i) => i.value),
+                  strategy: mi,
+                  children: /* @__PURE__ */ p.jsx($, { children: w.map((i) => /* @__PURE__ */ p.jsx(
                     B,
                     {
-                      id: e.value,
-                      column: e,
+                      id: i.value,
+                      column: i,
                       isPinned: !1,
                       isHidden: !1,
-                      isHighlighted: g === e.value,
-                      isDisabled: !!O && e.value === "name",
-                      onTogglePinning: A,
-                      onToggleVisibility: T
+                      isHighlighted: f === i.value,
+                      isDisabled: !!u && i.value === "name",
+                      onTogglePinning: z,
+                      onToggleVisibility: R
                     },
-                    e.value
+                    i.value
                   )) })
                 }
               )
             ]
           }
         ),
-        b.length > 0 && /* @__PURE__ */ l.jsxs(M, { className: ae ? "drop-target" : "", children: [
-          /* @__PURE__ */ l.jsx(N, { children: "Hidden Columns" }),
-          /* @__PURE__ */ l.jsx(k, { ref: I, children: b.map((e) => /* @__PURE__ */ l.jsx(
+        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(
             B,
             {
-              id: e.value,
-              column: e,
-              isPinned: c.left?.includes(e.value) || !1,
+              id: i.value,
+              column: i,
+              isPinned: s.left?.includes(i.value) || !1,
               isHidden: !0,
-              isHighlighted: g === e.value,
-              isDisabled: !!O && e.value === "name",
-              onTogglePinning: A,
-              onToggleVisibility: T
+              isHighlighted: f === i.value,
+              isDisabled: !!u && i.value === "name",
+              onTogglePinning: z,
+              onToggleVisibility: R
             },
-            e.value
+            i.value
           )) })
         ] }),
-        /* @__PURE__ */ l.jsx(he, { children: C && /* @__PURE__ */ l.jsx(
-          be,
+        /* @__PURE__ */ p.jsx(Hi, { children: O && /* @__PURE__ */ p.jsx(
+          bi,
           {
-            column: C,
-            isPinned: c.left?.includes(C.value) || !1,
-            isHidden: r[C.value] === !1,
-            isHighlighted: g === C.value,
+            column: O,
+            isPinned: s.left?.includes(O.value) || !1,
+            isHidden: !g(
+              m,
+              O.value,
+              c
+            ),
+            isHighlighted: f === O.value,
             dragOverlay: !0
           }
         ) })
       ] })
     }
   );
-}, He = R.div`
+}, Vi = K.div`
   display: flex;
   flex-direction: column;
   gap: var(--base-gap-large);
-`, M = R.section`
+`, G = K.section`
   position: relative;
   display: flex;
   flex-direction: column;
@@ -242,12 +546,44 @@ const Ne = ({ columns: j, highlighted: g }) => {
     background-color: var(--md-sys-color-surface-container);
     box-shadow: 0 0 0 1px var(--md-sys-color-outline);
   }
-`, N = R.div`
+`, J = K.div`
   font-weight: 500;
   color: var(--md-sys-color-outline);
   padding: 4px 0;
-`;
+`, Up = (b) => {
+  const {
+    columnVisibility: f,
+    defaultColumnVisibility: m,
+    updateColumnVisibility: H,
+    columnPinning: s,
+    updateColumnPinning: A,
+    columnOrder: d,
+    setColumnsConfig: P,
+    columnSizing: E,
+    groupBy: u,
+    sorting: L,
+    rowHeight: k
+  } = Ci();
+  return /* @__PURE__ */ p.jsx(
+    Ti,
+    {
+      ...b,
+      columnVisibility: f,
+      defaultColumnVisibility: m,
+      updateColumnVisibility: H,
+      columnPinning: s,
+      updateColumnPinning: A,
+      columnOrder: d,
+      setColumnsConfig: P,
+      columnSizing: E,
+      groupBy: u,
+      sorting: L,
+      rowHeight: k
+    }
+  );
+};
 export {
-  Ne as default
+  Ti as ColumnsSettings,
+  Up as ColumnsSettingsWithContext
 };
 //# sourceMappingURL=ColumnsSettings.es.js.map