@ynput/ayon-frontend-shared 0.2.20 → 0.2.21

package/dist/shared/src/containers/Views/context/ViewsContext.cjs.js

@@ -0,0 +1,211 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+require("react-dom");
+require("../Views.styled.cjs.js");
+require("clsx");
+const ViewsMenuContainer = require("../ViewsMenuContainer/ViewsMenuContainer.cjs.js");
+require("../../../context/RemoteModulesContext.cjs.js");
+require("../../../../../_virtual/runtime.cjs.js");
+require("../../../../../_virtual/semver.cjs.js");
+require("../../../api/base/client.cjs.js");
+require("../../../api/generated/graphql.cjs.js");
+require("../../../api/generated/access.cjs.js");
+require("../../../api/generated/actions.cjs.js");
+require("../../../api/generated/activityFeed.cjs.js");
+require("../../../api/generated/addons.cjs.js");
+require("../../../api/generated/anatomy.cjs.js");
+require("../../../api/generated/attributes.cjs.js");
+require("../../../api/generated/authentication.cjs.js");
+require("../../../api/generated/bundles.cjs.js");
+require("../../../api/generated/configuration.cjs.js");
+require("../../../api/generated/desktop.cjs.js");
+require("../../../api/generated/entityLists.cjs.js");
+require("../../../api/generated/events.cjs.js");
+require("../../../api/generated/files.cjs.js");
+require("../../../api/generated/folders.cjs.js");
+require("../../../api/generated/inbox.cjs.js");
+require("../../../api/generated/links.cjs.js");
+require("../../../api/generated/market.cjs.js");
+require("../../../api/generated/onboarding.cjs.js");
+require("../../../api/generated/operations.cjs.js");
+require("../../../api/generated/products.cjs.js");
+require("../../../api/generated/projectDashboard.cjs.js");
+require("../../../api/generated/projects.cjs.js");
+require("../../../api/generated/reviewables.cjs.js");
+require("../../../api/generated/services.cjs.js");
+require("../../../api/generated/system.cjs.js");
+require("../../../api/generated/tasks.cjs.js");
+require("../../../api/generated/teams.cjs.js");
+require("../../../api/generated/thumbnails.cjs.js");
+require("../../../api/generated/uRIs.cjs.js");
+require("../../../api/generated/users.cjs.js");
+require("../../../api/generated/versions.cjs.js");
+require("../../../api/generated/workfiles.cjs.js");
+require("../../../api/generated/ynputCloud.cjs.js");
+require("../../../api/generated/grouping.cjs.js");
+require("../../../api/generated/views.cjs.js");
+require("../../../api/queries/actions/getActions.cjs.js");
+require("../../../api/queries/activities/getActivities.cjs.js");
+require("../../../api/queries/activities/updateActivities.cjs.js");
+require("../../../api/queries/activities/updateReaction.cjs.js");
+require("../../../api/queries/activities/getMentions.cjs.js");
+require("../../../api/queries/addons/getAddons.cjs.js");
+require("../../../api/queries/addons/updateAddons.cjs.js");
+require("../../../api/queries/attributes/getAttributes.cjs.js");
+require("../../../api/queries/attributes/updateAttributes.cjs.js");
+require("../../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../../api/queries/entities/getEntity.cjs.js");
+require("../../../api/queries/entities/getEntityPanel.cjs.js");
+require("../../../api/queries/entities/updateEntity.cjs.js");
+require("../../../api/queries/entityLists/getLists.cjs.js");
+require("../../../api/queries/entityLists/updateLists.cjs.js");
+require("../../../api/queries/entityLists/getListsAttributes.cjs.js");
+require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");
+require("../../../api/queries/folders/getFolders.cjs.js");
+require("../../../api/queries/overview/getOverview.cjs.js");
+require("../../../api/queries/overview/updateOverview.cjs.js");
+require("../../../api/queries/project/getProject.cjs.js");
+require("../../../api/queries/project/updateProject.cjs.js");
+require("../../../api/queries/review/getReview.cjs.js");
+require("../../../api/queries/review/updateReview.cjs.js");
+require("../../../api/queries/system/getSystem.cjs.js");
+require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");
+const getUsers = require("../../../api/queries/users/getUsers.cjs.js");
+require("../../../api/queries/users/updateUsers.cjs.js");
+require("../../../api/queries/watchers/getWatchers.cjs.js");
+require("../../../api/queries/permissions/getPermissions.cjs.js");
+require("../../../api/queries/grouping/getGrouping.cjs.js");
+require("../../../api/queries/versions/updateVersions.cjs.js");
+require("../../../api/queries/products/createProduct.cjs.js");
+require("../../../api/queries/cloud/cloud.cjs.js");
+const getViews = require("../../../api/queries/views/getViews.cjs.js");
+const updateViews = require("../../../api/queries/views/updateViews.cjs.js");
+require("lodash");
+require("react-toastify");
+require("../../../context/DetailsPanelContext.cjs.js");
+require("../../../context/ThumbnailUploaderContext.cjs.js");
+require("../../../context/SettingsPanelContext.cjs.js");
+require("../../../context/pip/PiPProvider.cjs.js");
+require("../../../context/pip/PiPWrapper.cjs.js");
+require("../../../context/AddonProjectContext.cjs.js");
+require("../../../context/AddonContext.cjs.js");
+const PowerpackContext = require("../../../context/PowerpackContext.cjs.js");
+require("react-redux");
+require("custom-protocol-check");
+require("@ynput/ayon-react-components");
+require("../ViewsMenu/ViewsMenu.cjs.js");
+const useBuildViewMenuItems = require("../hooks/useBuildViewMenuItems.cjs.js");
+const useSaveViewFromCurrent = require("../hooks/useSaveViewFromCurrent.cjs.js");
+const useSelectedView = require("../hooks/useSelectedView.cjs.js");
+const useViewsMutations = require("../hooks/useViewsMutations.cjs.js");
+require("../../../util/pubsub.cjs.js");
+const useViewSettingsChanged = require("../hooks/useViewSettingsChanged.cjs.js");
+const viewTypes = ["overview", "taskProgress", "lists"];
+const ViewsContext = React.createContext(null);
+const ViewsProvider = ({
+  children,
+  viewType: viewTypeProp,
+  projectName,
+  dispatch,
+  debug
+}) => {
+  const viewType = viewTypes.includes(viewTypeProp) ? viewTypeProp : void 0;
+  let { powerLicense } = PowerpackContext.usePowerpack();
+  if ((debug == null ? void 0 : debug.powerLicense) !== void 0) {
+    console.warn("Using debug power license:", debug.powerLicense);
+    powerLicense = debug.powerLicense;
+  }
+  const { data: currentUser } = getUsers.useGetCurrentUserQuery();
+  const { onCreateView, onDeleteView, onUpdateView } = useViewsMutations.useViewsMutations({ viewType, projectName });
+  const [isMenuOpen, setIsMenuOpen] = React.useState(false);
+  const [editingView, setEditingView] = React.useState(null);
+  const [selectedView, setSelectedView, previousSelectedViewId] = useSelectedView.useSelectedView({
+    viewType,
+    projectName
+  });
+  const [viewSettingsChanged, setViewSettingsChanged] = useViewSettingsChanged.useViewSettingsChanged({
+    viewType
+  });
+  const { currentData: viewsList = [], isLoading: isLoadingViews } = getViews.useListViewsQuery(
+    { projectName, viewType },
+    { skip: !viewType }
+  );
+  const { currentData: workingView } = getViews.useGetWorkingViewQuery(
+    { projectName, viewType },
+    { skip: !viewType }
+  );
+  const workingSettings = workingView == null ? void 0 : workingView.settings;
+  const viewSettings = !selectedView || selectedView.id === ViewsMenuContainer.WORKING_VIEW_ID ? workingSettings : selectedView == null ? void 0 : selectedView.settings;
+  const isViewWorking = (selectedView == null ? void 0 : selectedView.id) === (workingView == null ? void 0 : workingView.id);
+  const editingViewId = viewSettingsChanged && isViewWorking && !!previousSelectedViewId && previousSelectedViewId !== (workingView == null ? void 0 : workingView.id) ? previousSelectedViewId : void 0;
+  const { currentData: editingViewDataData } = getViews.useGetViewQuery(
+    { viewId: editingView, projectName, viewType },
+    { skip: !(typeof editingView === "string") || !powerLicense }
+  );
+  const editingViewData = React.useMemo(
+    () => editingView === (editingViewDataData == null ? void 0 : editingViewDataData.id) ? editingViewDataData : void 0,
+    [editingView, editingViewDataData]
+  );
+  const { onSaveViewFromCurrent } = useSaveViewFromCurrent.useSaveViewFromCurrent({
+    viewType,
+    projectName,
+    sourceSettings: viewSettings,
+    onUpdateView
+  });
+  const viewMenuItems = useBuildViewMenuItems.default({
+    viewsList,
+    workingView,
+    viewType,
+    projectName,
+    currentUser,
+    useWorkingView: !powerLicense,
+    editingViewId,
+    onSelect: (viewId) => {
+      setSelectedView(viewId);
+      setViewSettingsChanged(false);
+    },
+    onEdit: (viewId) => setEditingView(viewId),
+    onSave: async (viewId) => onSaveViewFromCurrent(viewId)
+  });
+  const value = {
+    viewType,
+    projectName,
+    isMenuOpen,
+    editingView,
+    currentUser,
+    selectedView,
+    viewSettings,
+    workingSettings,
+    editingViewData,
+    viewsList,
+    workingView,
+    editingViewId,
+    viewMenuItems,
+    isLoadingViews,
+    isViewWorking,
+    setIsMenuOpen,
+    setEditingView,
+    setSelectedView,
+    onSettingsChanged: setViewSettingsChanged,
+    // mutations
+    onCreateView,
+    onUpdateView,
+    onDeleteView,
+    // api
+    api: updateViews.viewsQueries,
+    dispatch
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(ViewsContext.Provider, { value, children });
+};
+const useViewsContext = () => {
+  const context = React.useContext(ViewsContext);
+  if (!context) {
+    throw new Error("useViewsContext must be used within a ViewsProvider");
+  }
+  return context;
+};
+exports.ViewsProvider = ViewsProvider;
+exports.useViewsContext = useViewsContext;
+//# sourceMappingURL=ViewsContext.cjs.js.map

package/dist/shared/src/containers/Views/context/ViewsContext.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsContext.cjs.js","sources":["../../../../../../src/containers/Views/context/ViewsContext.tsx"],"sourcesContent":["import { createContext, useContext, FC, ReactNode, useState, useMemo, useCallback } from 'react'\nimport { ViewType, WORKING_VIEW_ID } from '../index'\nimport {\n  GetDefaultViewApiResponse,\n  useGetCurrentUserQuery,\n  useGetWorkingViewQuery,\n  useGetViewQuery,\n  useListViewsQuery,\n  UserModel,\n  ViewListItemModel,\n  viewsQueries,\n} from '@shared/api'\nimport useBuildViewMenuItems from '../hooks/useBuildViewMenuItems'\nimport { ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { usePowerpack } from '@shared/context'\nimport { useSelectedView } from '../hooks/useSelectedView'\nimport { UseViewMutations, useViewsMutations } from '../hooks/useViewsMutations'\nimport { useSaveViewFromCurrent } from '../hooks/useSaveViewFromCurrent'\nimport { useViewSettingsChanged } from '../hooks/useViewSettingsChanged'\n\nexport type ViewData = GetDefaultViewApiResponse\nexport type ViewSettings = GetDefaultViewApiResponse['settings']\nexport type SelectedViewState = ViewData | undefined // id of view otherwise null with use working\nexport type EditingViewState = string | true | null // id of view being edited otherwise null\n\nconst viewTypes = ['overview', 'taskProgress', 'lists'] as const\nexport interface ViewsContextValue {\n  // State\n  viewType?: ViewType\n  projectName?: string\n  currentUser?: UserModel\n  isMenuOpen: boolean\n  editingView: EditingViewState\n  selectedView: SelectedViewState\n\n  // Views data\n  viewsList: ViewListItemModel[]\n  viewSettings: ViewSettings | undefined\n  workingSettings: ViewSettings | undefined\n  workingView: ViewListItemModel | undefined\n  editingViewId: string | undefined\n  viewMenuItems: ViewMenuItem[]\n  editingViewData?: ViewData\n  isLoadingViews: boolean\n  isViewWorking: boolean\n\n  // Actions\n  setIsMenuOpen: (open: boolean) => void\n  setEditingView: (editing: EditingViewState) => void\n  setSelectedView: (viewId: string) => void\n  onSettingsChanged: (changed: boolean) => void\n\n  // Mutations\n  onCreateView: UseViewMutations['onCreateView']\n  onDeleteView: UseViewMutations['onDeleteView']\n  onUpdateView: UseViewMutations['onUpdateView']\n\n  // api\n  api: typeof viewsQueries\n  dispatch: any\n}\n\nconst ViewsContext = createContext<ViewsContextValue | null>(null)\n\nexport interface ViewsProviderProps {\n  children: ReactNode\n  viewType?: string\n  projectName?: string\n  dispatch?: any\n  debug?: {\n    powerLicense?: boolean\n  }\n}\n\nexport const ViewsProvider: FC<ViewsProviderProps> = ({\n  children,\n  viewType: viewTypeProp,\n  projectName,\n  dispatch,\n  debug,\n}) => {\n  // validate viewType\n  const viewType = viewTypes.includes(viewTypeProp as ViewType)\n    ? (viewTypeProp as ViewType)\n    : undefined\n\n  let { powerLicense } = usePowerpack()\n  if (debug?.powerLicense !== undefined) {\n    console.warn('Using debug power license:', debug.powerLicense)\n    powerLicense = debug.powerLicense\n  }\n\n  const { data: currentUser } = useGetCurrentUserQuery()\n\n  const { onCreateView, onDeleteView, onUpdateView } = useViewsMutations({ viewType, projectName })\n\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [editingView, setEditingView] = useState<EditingViewState>(null)\n\n  // setting of default views\n  const [selectedView, setSelectedView, previousSelectedViewId] = useSelectedView({\n    viewType: viewType as string,\n    projectName: projectName,\n  })\n\n  const [viewSettingsChanged, setViewSettingsChanged] = useViewSettingsChanged({\n    viewType: viewType as ViewType,\n  })\n\n  // Fetch views data\n  const { currentData: viewsList = [], isLoading: isLoadingViews } = useListViewsQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  //   always get your working view\n  const { currentData: workingView } = useGetWorkingViewQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  const workingSettings = workingView?.settings\n\n  //   which settings to use for the view\n  const viewSettings =\n    !selectedView || selectedView.id === WORKING_VIEW_ID ? workingSettings : selectedView?.settings\n\n  // is the working view selected?\n  const isViewWorking = selectedView?.id === workingView?.id\n  // were we just on a custom view and then edited it and ended up on the working view\n  const editingViewId =\n    viewSettingsChanged &&\n    isViewWorking &&\n    !!previousSelectedViewId &&\n    previousSelectedViewId !== workingView?.id\n      ? previousSelectedViewId\n      : undefined\n\n  // get data for the view we are editing\n  const { currentData: editingViewDataData } = useGetViewQuery(\n    { viewId: editingView as string, projectName: projectName, viewType: viewType as string },\n    { skip: !(typeof editingView === 'string') || !powerLicense },\n  )\n\n  const editingViewData = useMemo(\n    () => (editingView === editingViewDataData?.id ? editingViewDataData : undefined),\n    [editingView, editingViewDataData],\n  )\n\n  const { onSaveViewFromCurrent } = useSaveViewFromCurrent({\n    viewType: viewType,\n    projectName,\n    sourceSettings: viewSettings,\n    onUpdateView: onUpdateView,\n  })\n\n  //   build the menu items for the views\n  const viewMenuItems = useBuildViewMenuItems({\n    viewsList,\n    workingView,\n    viewType,\n    projectName,\n    currentUser,\n    useWorkingView: !powerLicense,\n    editingViewId,\n    onSelect: (viewId) => {\n      setSelectedView(viewId)\n      // reset the settings changed state when switching views\n      setViewSettingsChanged(false)\n    },\n    onEdit: (viewId) => setEditingView(viewId),\n    onSave: async (viewId) => onSaveViewFromCurrent(viewId),\n  })\n\n  const value: ViewsContextValue = {\n    viewType,\n    projectName,\n    isMenuOpen,\n    editingView,\n    currentUser,\n    selectedView,\n    viewSettings,\n    workingSettings,\n    editingViewData,\n    viewsList,\n    workingView,\n    editingViewId,\n    viewMenuItems,\n    isLoadingViews,\n    isViewWorking,\n    setIsMenuOpen,\n    setEditingView,\n    setSelectedView,\n    onSettingsChanged: setViewSettingsChanged,\n    // mutations\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    // api\n    api: viewsQueries,\n    dispatch,\n  }\n\n  return <ViewsContext.Provider value={value}>{children}</ViewsContext.Provider>\n}\n\nexport const useViewsContext = (): ViewsContextValue => {\n  const context = useContext(ViewsContext)\n  if (!context) {\n    throw new Error('useViewsContext must be used within a ViewsProvider')\n  }\n  return context\n}\n"],"names":["createContext","usePowerpack","useGetCurrentUserQuery","useViewsMutations","useState","useSelectedView","useViewSettingsChanged","useListViewsQuery","useGetWorkingViewQuery","WORKING_VIEW_ID","useGetViewQuery","useMemo","useSaveViewFromCurrent","useBuildViewMenuItems","viewsQueries","jsx","useContext"],"mappings":"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"}

package/dist/shared/src/containers/Views/context/ViewsContext.es.js

@@ -0,0 +1,211 @@
+import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.es.js";
+import { createContext, useState, useMemo, useContext } from "react";
+import "react-dom";
+import "../Views.styled.es.js";
+import "clsx";
+import { WORKING_VIEW_ID } from "../ViewsMenuContainer/ViewsMenuContainer.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/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/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/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/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/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.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/folders/getFolders.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/project/getProject.es.js";
+import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/review/getReview.es.js";
+import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import { useGetCurrentUserQuery } from "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/versions/updateVersions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import { useListViewsQuery, useGetWorkingViewQuery, useGetViewQuery } from "../../../api/queries/views/getViews.es.js";
+import { viewsQueries as updateViewsApi } from "../../../api/queries/views/updateViews.es.js";
+import "lodash";
+import "react-toastify";
+import "../../../context/DetailsPanelContext.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 { usePowerpack } from "../../../context/PowerpackContext.es.js";
+import "react-redux";
+import "custom-protocol-check";
+import "@ynput/ayon-react-components";
+import "../ViewsMenu/ViewsMenu.es.js";
+import useBuildViewMenuItems from "../hooks/useBuildViewMenuItems.es.js";
+import { useSaveViewFromCurrent } from "../hooks/useSaveViewFromCurrent.es.js";
+import { useSelectedView } from "../hooks/useSelectedView.es.js";
+import { useViewsMutations } from "../hooks/useViewsMutations.es.js";
+import "../../../util/pubsub.es.js";
+import { useViewSettingsChanged } from "../hooks/useViewSettingsChanged.es.js";
+const viewTypes = ["overview", "taskProgress", "lists"];
+const ViewsContext = createContext(null);
+const ViewsProvider = ({
+  children,
+  viewType: viewTypeProp,
+  projectName,
+  dispatch,
+  debug
+}) => {
+  const viewType = viewTypes.includes(viewTypeProp) ? viewTypeProp : void 0;
+  let { powerLicense } = usePowerpack();
+  if ((debug == null ? void 0 : debug.powerLicense) !== void 0) {
+    console.warn("Using debug power license:", debug.powerLicense);
+    powerLicense = debug.powerLicense;
+  }
+  const { data: currentUser } = useGetCurrentUserQuery();
+  const { onCreateView, onDeleteView, onUpdateView } = useViewsMutations({ viewType, projectName });
+  const [isMenuOpen, setIsMenuOpen] = useState(false);
+  const [editingView, setEditingView] = useState(null);
+  const [selectedView, setSelectedView, previousSelectedViewId] = useSelectedView({
+    viewType,
+    projectName
+  });
+  const [viewSettingsChanged, setViewSettingsChanged] = useViewSettingsChanged({
+    viewType
+  });
+  const { currentData: viewsList = [], isLoading: isLoadingViews } = useListViewsQuery(
+    { projectName, viewType },
+    { skip: !viewType }
+  );
+  const { currentData: workingView } = useGetWorkingViewQuery(
+    { projectName, viewType },
+    { skip: !viewType }
+  );
+  const workingSettings = workingView == null ? void 0 : workingView.settings;
+  const viewSettings = !selectedView || selectedView.id === WORKING_VIEW_ID ? workingSettings : selectedView == null ? void 0 : selectedView.settings;
+  const isViewWorking = (selectedView == null ? void 0 : selectedView.id) === (workingView == null ? void 0 : workingView.id);
+  const editingViewId = viewSettingsChanged && isViewWorking && !!previousSelectedViewId && previousSelectedViewId !== (workingView == null ? void 0 : workingView.id) ? previousSelectedViewId : void 0;
+  const { currentData: editingViewDataData } = useGetViewQuery(
+    { viewId: editingView, projectName, viewType },
+    { skip: !(typeof editingView === "string") || !powerLicense }
+  );
+  const editingViewData = useMemo(
+    () => editingView === (editingViewDataData == null ? void 0 : editingViewDataData.id) ? editingViewDataData : void 0,
+    [editingView, editingViewDataData]
+  );
+  const { onSaveViewFromCurrent } = useSaveViewFromCurrent({
+    viewType,
+    projectName,
+    sourceSettings: viewSettings,
+    onUpdateView
+  });
+  const viewMenuItems = useBuildViewMenuItems({
+    viewsList,
+    workingView,
+    viewType,
+    projectName,
+    currentUser,
+    useWorkingView: !powerLicense,
+    editingViewId,
+    onSelect: (viewId) => {
+      setSelectedView(viewId);
+      setViewSettingsChanged(false);
+    },
+    onEdit: (viewId) => setEditingView(viewId),
+    onSave: async (viewId) => onSaveViewFromCurrent(viewId)
+  });
+  const value = {
+    viewType,
+    projectName,
+    isMenuOpen,
+    editingView,
+    currentUser,
+    selectedView,
+    viewSettings,
+    workingSettings,
+    editingViewData,
+    viewsList,
+    workingView,
+    editingViewId,
+    viewMenuItems,
+    isLoadingViews,
+    isViewWorking,
+    setIsMenuOpen,
+    setEditingView,
+    setSelectedView,
+    onSettingsChanged: setViewSettingsChanged,
+    // mutations
+    onCreateView,
+    onUpdateView,
+    onDeleteView,
+    // api
+    api: updateViewsApi,
+    dispatch
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ViewsContext.Provider, { value, children });
+};
+const useViewsContext = () => {
+  const context = useContext(ViewsContext);
+  if (!context) {
+    throw new Error("useViewsContext must be used within a ViewsProvider");
+  }
+  return context;
+};
+export {
+  ViewsProvider,
+  useViewsContext
+};
+//# sourceMappingURL=ViewsContext.es.js.map

package/dist/shared/src/containers/Views/context/ViewsContext.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ViewsContext.es.js","sources":["../../../../../../src/containers/Views/context/ViewsContext.tsx"],"sourcesContent":["import { createContext, useContext, FC, ReactNode, useState, useMemo, useCallback } from 'react'\nimport { ViewType, WORKING_VIEW_ID } from '../index'\nimport {\n  GetDefaultViewApiResponse,\n  useGetCurrentUserQuery,\n  useGetWorkingViewQuery,\n  useGetViewQuery,\n  useListViewsQuery,\n  UserModel,\n  ViewListItemModel,\n  viewsQueries,\n} from '@shared/api'\nimport useBuildViewMenuItems from '../hooks/useBuildViewMenuItems'\nimport { ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { usePowerpack } from '@shared/context'\nimport { useSelectedView } from '../hooks/useSelectedView'\nimport { UseViewMutations, useViewsMutations } from '../hooks/useViewsMutations'\nimport { useSaveViewFromCurrent } from '../hooks/useSaveViewFromCurrent'\nimport { useViewSettingsChanged } from '../hooks/useViewSettingsChanged'\n\nexport type ViewData = GetDefaultViewApiResponse\nexport type ViewSettings = GetDefaultViewApiResponse['settings']\nexport type SelectedViewState = ViewData | undefined // id of view otherwise null with use working\nexport type EditingViewState = string | true | null // id of view being edited otherwise null\n\nconst viewTypes = ['overview', 'taskProgress', 'lists'] as const\nexport interface ViewsContextValue {\n  // State\n  viewType?: ViewType\n  projectName?: string\n  currentUser?: UserModel\n  isMenuOpen: boolean\n  editingView: EditingViewState\n  selectedView: SelectedViewState\n\n  // Views data\n  viewsList: ViewListItemModel[]\n  viewSettings: ViewSettings | undefined\n  workingSettings: ViewSettings | undefined\n  workingView: ViewListItemModel | undefined\n  editingViewId: string | undefined\n  viewMenuItems: ViewMenuItem[]\n  editingViewData?: ViewData\n  isLoadingViews: boolean\n  isViewWorking: boolean\n\n  // Actions\n  setIsMenuOpen: (open: boolean) => void\n  setEditingView: (editing: EditingViewState) => void\n  setSelectedView: (viewId: string) => void\n  onSettingsChanged: (changed: boolean) => void\n\n  // Mutations\n  onCreateView: UseViewMutations['onCreateView']\n  onDeleteView: UseViewMutations['onDeleteView']\n  onUpdateView: UseViewMutations['onUpdateView']\n\n  // api\n  api: typeof viewsQueries\n  dispatch: any\n}\n\nconst ViewsContext = createContext<ViewsContextValue | null>(null)\n\nexport interface ViewsProviderProps {\n  children: ReactNode\n  viewType?: string\n  projectName?: string\n  dispatch?: any\n  debug?: {\n    powerLicense?: boolean\n  }\n}\n\nexport const ViewsProvider: FC<ViewsProviderProps> = ({\n  children,\n  viewType: viewTypeProp,\n  projectName,\n  dispatch,\n  debug,\n}) => {\n  // validate viewType\n  const viewType = viewTypes.includes(viewTypeProp as ViewType)\n    ? (viewTypeProp as ViewType)\n    : undefined\n\n  let { powerLicense } = usePowerpack()\n  if (debug?.powerLicense !== undefined) {\n    console.warn('Using debug power license:', debug.powerLicense)\n    powerLicense = debug.powerLicense\n  }\n\n  const { data: currentUser } = useGetCurrentUserQuery()\n\n  const { onCreateView, onDeleteView, onUpdateView } = useViewsMutations({ viewType, projectName })\n\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [editingView, setEditingView] = useState<EditingViewState>(null)\n\n  // setting of default views\n  const [selectedView, setSelectedView, previousSelectedViewId] = useSelectedView({\n    viewType: viewType as string,\n    projectName: projectName,\n  })\n\n  const [viewSettingsChanged, setViewSettingsChanged] = useViewSettingsChanged({\n    viewType: viewType as ViewType,\n  })\n\n  // Fetch views data\n  const { currentData: viewsList = [], isLoading: isLoadingViews } = useListViewsQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  //   always get your working view\n  const { currentData: workingView } = useGetWorkingViewQuery(\n    { projectName: projectName, viewType: viewType as string },\n    { skip: !viewType },\n  )\n\n  const workingSettings = workingView?.settings\n\n  //   which settings to use for the view\n  const viewSettings =\n    !selectedView || selectedView.id === WORKING_VIEW_ID ? workingSettings : selectedView?.settings\n\n  // is the working view selected?\n  const isViewWorking = selectedView?.id === workingView?.id\n  // were we just on a custom view and then edited it and ended up on the working view\n  const editingViewId =\n    viewSettingsChanged &&\n    isViewWorking &&\n    !!previousSelectedViewId &&\n    previousSelectedViewId !== workingView?.id\n      ? previousSelectedViewId\n      : undefined\n\n  // get data for the view we are editing\n  const { currentData: editingViewDataData } = useGetViewQuery(\n    { viewId: editingView as string, projectName: projectName, viewType: viewType as string },\n    { skip: !(typeof editingView === 'string') || !powerLicense },\n  )\n\n  const editingViewData = useMemo(\n    () => (editingView === editingViewDataData?.id ? editingViewDataData : undefined),\n    [editingView, editingViewDataData],\n  )\n\n  const { onSaveViewFromCurrent } = useSaveViewFromCurrent({\n    viewType: viewType,\n    projectName,\n    sourceSettings: viewSettings,\n    onUpdateView: onUpdateView,\n  })\n\n  //   build the menu items for the views\n  const viewMenuItems = useBuildViewMenuItems({\n    viewsList,\n    workingView,\n    viewType,\n    projectName,\n    currentUser,\n    useWorkingView: !powerLicense,\n    editingViewId,\n    onSelect: (viewId) => {\n      setSelectedView(viewId)\n      // reset the settings changed state when switching views\n      setViewSettingsChanged(false)\n    },\n    onEdit: (viewId) => setEditingView(viewId),\n    onSave: async (viewId) => onSaveViewFromCurrent(viewId),\n  })\n\n  const value: ViewsContextValue = {\n    viewType,\n    projectName,\n    isMenuOpen,\n    editingView,\n    currentUser,\n    selectedView,\n    viewSettings,\n    workingSettings,\n    editingViewData,\n    viewsList,\n    workingView,\n    editingViewId,\n    viewMenuItems,\n    isLoadingViews,\n    isViewWorking,\n    setIsMenuOpen,\n    setEditingView,\n    setSelectedView,\n    onSettingsChanged: setViewSettingsChanged,\n    // mutations\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    // api\n    api: viewsQueries,\n    dispatch,\n  }\n\n  return <ViewsContext.Provider value={value}>{children}</ViewsContext.Provider>\n}\n\nexport const useViewsContext = (): ViewsContextValue => {\n  const context = useContext(ViewsContext)\n  if (!context) {\n    throw new Error('useViewsContext must be used within a ViewsProvider')\n  }\n  return context\n}\n"],"names":["viewsQueries","jsx"],"mappings":"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"}

package/dist/shared/src/containers/Views/hooks/pages/useListsViewSettings.cjs.js

@@ -0,0 +1,52 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ViewsContext = require("../../context/ViewsContext.cjs.js");
+require("lodash");
+require("react-toastify");
+const columnConfigConverter = require("../../../../util/columnConfigConverter.cjs.js");
+require("../../../../util/pubsub.cjs.js");
+const viewUpdateHelper = require("../../utils/viewUpdateHelper.cjs.js");
+const React = require("react");
+const useListsViewSettings = () => {
+  const { viewSettings } = ViewsContext.useViewsContext();
+  const [localFilters, setLocalFilters] = React.useState(null);
+  const [localColumns, setLocalColumns] = React.useState(null);
+  const { updateViewSettings } = viewUpdateHelper.useViewUpdateHelper();
+  const overviewSettings = viewSettings;
+  const serverFilters = (overviewSettings == null ? void 0 : overviewSettings.filter) ?? {};
+  const serverColumns = React.useMemo(
+    () => columnConfigConverter.convertColumnConfigToTanstackStates(overviewSettings),
+    [JSON.stringify(viewSettings)]
+  );
+  React.useEffect(() => {
+    setLocalFilters(null);
+    setLocalColumns(null);
+  }, [JSON.stringify(viewSettings)]);
+  const filters = localFilters !== null ? localFilters : serverFilters;
+  const columns = localColumns || serverColumns;
+  const onUpdateFilters = React.useCallback(
+    async (newFilters) => {
+      await updateViewSettings({ filter: newFilters }, setLocalFilters, newFilters, {
+        errorMessage: "Failed to update filter settings"
+      });
+    },
+    [updateViewSettings]
+  );
+  const onUpdateColumns = React.useCallback(
+    async (tableSettings, allColumnIds) => {
+      const settings = columnConfigConverter.convertTanstackStatesToColumnConfig(tableSettings, allColumnIds);
+      await updateViewSettings(settings, setLocalColumns, tableSettings, {
+        errorMessage: "Failed to update columns"
+      });
+    },
+    [updateViewSettings]
+  );
+  return {
+    filters,
+    onUpdateFilters,
+    columns,
+    onUpdateColumns
+  };
+};
+exports.useListsViewSettings = useListsViewSettings;
+//# sourceMappingURL=useListsViewSettings.cjs.js.map

package/dist/shared/src/containers/Views/hooks/pages/useListsViewSettings.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListsViewSettings.cjs.js","sources":["../../../../../../../src/containers/Views/hooks/pages/useListsViewSettings.ts"],"sourcesContent":["/**\n * Unified hook for managing all lists page view settings.\n *\n * The hook handles:\n * - Filter settings (QueryFilter format)\n * - Column configurations (ColumnsConfig format)\n *\n * Must be used within a ViewsProvider context.\n */\n\nimport { useViewsContext } from '../../context/ViewsContext'\nimport { OverviewSettings } from '@shared/api'\nimport { ColumnsConfig } from '@shared/containers/ProjectTreeTable'\nimport {\n  convertColumnConfigToTanstackStates,\n  convertTanstackStatesToColumnConfig,\n} from '@shared/util'\nimport { useViewUpdateHelper } from '../../utils/viewUpdateHelper'\nimport { useState, useEffect, useCallback, useMemo } from 'react'\n\n// Import the internal QueryFilter type that the app uses\nimport { QueryFilter } from '@shared/containers/ProjectTreeTable/types/operations'\n\nexport type ListsViewSettings = {\n  // Filter management\n  filters: QueryFilter\n  onUpdateFilters: (filters: QueryFilter) => void\n\n  // Column management\n  columns: ColumnsConfig\n  onUpdateColumns: (columns: ColumnsConfig, allColumnIds?: string[]) => void\n}\n\nexport const useListsViewSettings = (): ListsViewSettings => {\n  // this views context is per page/project\n  const { viewSettings } = useViewsContext()\n\n  // Local state for immediate updates\n  const [localFilters, setLocalFilters] = useState<QueryFilter | null>(null)\n  const [localColumns, setLocalColumns] = useState<ColumnsConfig | null>(null)\n\n  // Get view update helper\n  const { updateViewSettings } = useViewUpdateHelper()\n\n  // Get server settings\n  const overviewSettings = viewSettings as OverviewSettings\n  const serverFilters = (overviewSettings?.filter as any) ?? {}\n  const serverColumns = useMemo(\n    () => convertColumnConfigToTanstackStates(overviewSettings),\n    [JSON.stringify(viewSettings)],\n  )\n\n  // Sync local state with server when viewSettings change\n  useEffect(() => {\n    setLocalFilters(null)\n    setLocalColumns(null)\n  }, [JSON.stringify(viewSettings)])\n\n  // Use local state if available, otherwise use server state\n  const filters = localFilters !== null ? localFilters : serverFilters\n  const columns = localColumns || serverColumns\n\n  // Filter update handler\n  const onUpdateFilters = useCallback(\n    async (newFilters: QueryFilter) => {\n      await updateViewSettings({ filter: newFilters as any }, setLocalFilters, newFilters, {\n        errorMessage: 'Failed to update filter settings',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  // Column update handler\n  const onUpdateColumns = useCallback(\n    async (tableSettings: ColumnsConfig, allColumnIds?: string[]) => {\n      const settings = convertTanstackStatesToColumnConfig(tableSettings, allColumnIds)\n      await updateViewSettings(settings, setLocalColumns, tableSettings, {\n        errorMessage: 'Failed to update columns',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  return {\n    filters,\n    onUpdateFilters,\n    columns,\n    onUpdateColumns,\n  }\n}\n"],"names":["useViewsContext","useState","useViewUpdateHelper","useMemo","convertColumnConfigToTanstackStates","useEffect","useCallback","convertTanstackStatesToColumnConfig"],"mappings":";;;;;;;;;AAiCO,MAAM,uBAAuB,MAAyB;AAErD,QAAA,EAAE,aAAa,IAAIA,6BAAgB;AAGzC,QAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAA6B,IAAI;AACzE,QAAM,CAAC,cAAc,eAAe,IAAIA,MAAAA,SAA+B,IAAI;AAGrE,QAAA,EAAE,mBAAmB,IAAIC,qCAAoB;AAGnD,QAAM,mBAAmB;AACnB,QAAA,iBAAiB,qDAAkB,WAAkB,CAAC;AAC5D,QAAM,gBAAgBC,MAAA;AAAA,IACpB,MAAMC,sBAAAA,oCAAoC,gBAAgB;AAAA,IAC1D,CAAC,KAAK,UAAU,YAAY,CAAC;AAAA,EAC/B;AAGAC,QAAAA,UAAU,MAAM;AACd,oBAAgB,IAAI;AACpB,oBAAgB,IAAI;AAAA,KACnB,CAAC,KAAK,UAAU,YAAY,CAAC,CAAC;AAG3B,QAAA,UAAU,iBAAiB,OAAO,eAAe;AACvD,QAAM,UAAU,gBAAgB;AAGhC,QAAM,kBAAkBC,MAAA;AAAA,IACtB,OAAO,eAA4B;AACjC,YAAM,mBAAmB,EAAE,QAAQ,WAAkB,GAAG,iBAAiB,YAAY;AAAA,QACnF,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAGA,QAAM,kBAAkBA,MAAA;AAAA,IACtB,OAAO,eAA8B,iBAA4B;AACzD,YAAA,WAAWC,sBAAAA,oCAAoC,eAAe,YAAY;AAC1E,YAAA,mBAAmB,UAAU,iBAAiB,eAAe;AAAA,QACjE,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;"}

package/dist/shared/src/containers/Views/hooks/pages/useListsViewSettings.es.js

@@ -0,0 +1,52 @@
+import { useViewsContext } from "../../context/ViewsContext.es.js";
+import "lodash";
+import "react-toastify";
+import { convertColumnConfigToTanstackStates, convertTanstackStatesToColumnConfig } from "../../../../util/columnConfigConverter.es.js";
+import "../../../../util/pubsub.es.js";
+import { useViewUpdateHelper } from "../../utils/viewUpdateHelper.es.js";
+import { useState, useMemo, useEffect, useCallback } from "react";
+const useListsViewSettings = () => {
+  const { viewSettings } = useViewsContext();
+  const [localFilters, setLocalFilters] = useState(null);
+  const [localColumns, setLocalColumns] = useState(null);
+  const { updateViewSettings } = useViewUpdateHelper();
+  const overviewSettings = viewSettings;
+  const serverFilters = (overviewSettings == null ? void 0 : overviewSettings.filter) ?? {};
+  const serverColumns = useMemo(
+    () => convertColumnConfigToTanstackStates(overviewSettings),
+    [JSON.stringify(viewSettings)]
+  );
+  useEffect(() => {
+    setLocalFilters(null);
+    setLocalColumns(null);
+  }, [JSON.stringify(viewSettings)]);
+  const filters = localFilters !== null ? localFilters : serverFilters;
+  const columns = localColumns || serverColumns;
+  const onUpdateFilters = useCallback(
+    async (newFilters) => {
+      await updateViewSettings({ filter: newFilters }, setLocalFilters, newFilters, {
+        errorMessage: "Failed to update filter settings"
+      });
+    },
+    [updateViewSettings]
+  );
+  const onUpdateColumns = useCallback(
+    async (tableSettings, allColumnIds) => {
+      const settings = convertTanstackStatesToColumnConfig(tableSettings, allColumnIds);
+      await updateViewSettings(settings, setLocalColumns, tableSettings, {
+        errorMessage: "Failed to update columns"
+      });
+    },
+    [updateViewSettings]
+  );
+  return {
+    filters,
+    onUpdateFilters,
+    columns,
+    onUpdateColumns
+  };
+};
+export {
+  useListsViewSettings
+};
+//# sourceMappingURL=useListsViewSettings.es.js.map

package/dist/shared/src/containers/Views/hooks/pages/useListsViewSettings.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useListsViewSettings.es.js","sources":["../../../../../../../src/containers/Views/hooks/pages/useListsViewSettings.ts"],"sourcesContent":["/**\n * Unified hook for managing all lists page view settings.\n *\n * The hook handles:\n * - Filter settings (QueryFilter format)\n * - Column configurations (ColumnsConfig format)\n *\n * Must be used within a ViewsProvider context.\n */\n\nimport { useViewsContext } from '../../context/ViewsContext'\nimport { OverviewSettings } from '@shared/api'\nimport { ColumnsConfig } from '@shared/containers/ProjectTreeTable'\nimport {\n  convertColumnConfigToTanstackStates,\n  convertTanstackStatesToColumnConfig,\n} from '@shared/util'\nimport { useViewUpdateHelper } from '../../utils/viewUpdateHelper'\nimport { useState, useEffect, useCallback, useMemo } from 'react'\n\n// Import the internal QueryFilter type that the app uses\nimport { QueryFilter } from '@shared/containers/ProjectTreeTable/types/operations'\n\nexport type ListsViewSettings = {\n  // Filter management\n  filters: QueryFilter\n  onUpdateFilters: (filters: QueryFilter) => void\n\n  // Column management\n  columns: ColumnsConfig\n  onUpdateColumns: (columns: ColumnsConfig, allColumnIds?: string[]) => void\n}\n\nexport const useListsViewSettings = (): ListsViewSettings => {\n  // this views context is per page/project\n  const { viewSettings } = useViewsContext()\n\n  // Local state for immediate updates\n  const [localFilters, setLocalFilters] = useState<QueryFilter | null>(null)\n  const [localColumns, setLocalColumns] = useState<ColumnsConfig | null>(null)\n\n  // Get view update helper\n  const { updateViewSettings } = useViewUpdateHelper()\n\n  // Get server settings\n  const overviewSettings = viewSettings as OverviewSettings\n  const serverFilters = (overviewSettings?.filter as any) ?? {}\n  const serverColumns = useMemo(\n    () => convertColumnConfigToTanstackStates(overviewSettings),\n    [JSON.stringify(viewSettings)],\n  )\n\n  // Sync local state with server when viewSettings change\n  useEffect(() => {\n    setLocalFilters(null)\n    setLocalColumns(null)\n  }, [JSON.stringify(viewSettings)])\n\n  // Use local state if available, otherwise use server state\n  const filters = localFilters !== null ? localFilters : serverFilters\n  const columns = localColumns || serverColumns\n\n  // Filter update handler\n  const onUpdateFilters = useCallback(\n    async (newFilters: QueryFilter) => {\n      await updateViewSettings({ filter: newFilters as any }, setLocalFilters, newFilters, {\n        errorMessage: 'Failed to update filter settings',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  // Column update handler\n  const onUpdateColumns = useCallback(\n    async (tableSettings: ColumnsConfig, allColumnIds?: string[]) => {\n      const settings = convertTanstackStatesToColumnConfig(tableSettings, allColumnIds)\n      await updateViewSettings(settings, setLocalColumns, tableSettings, {\n        errorMessage: 'Failed to update columns',\n      })\n    },\n    [updateViewSettings],\n  )\n\n  return {\n    filters,\n    onUpdateFilters,\n    columns,\n    onUpdateColumns,\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAiCO,MAAM,uBAAuB,MAAyB;AAErD,QAAA,EAAE,aAAa,IAAI,gBAAgB;AAGzC,QAAM,CAAC,cAAc,eAAe,IAAI,SAA6B,IAAI;AACzE,QAAM,CAAC,cAAc,eAAe,IAAI,SAA+B,IAAI;AAGrE,QAAA,EAAE,mBAAmB,IAAI,oBAAoB;AAGnD,QAAM,mBAAmB;AACnB,QAAA,iBAAiB,qDAAkB,WAAkB,CAAC;AAC5D,QAAM,gBAAgB;AAAA,IACpB,MAAM,oCAAoC,gBAAgB;AAAA,IAC1D,CAAC,KAAK,UAAU,YAAY,CAAC;AAAA,EAC/B;AAGA,YAAU,MAAM;AACd,oBAAgB,IAAI;AACpB,oBAAgB,IAAI;AAAA,KACnB,CAAC,KAAK,UAAU,YAAY,CAAC,CAAC;AAG3B,QAAA,UAAU,iBAAiB,OAAO,eAAe;AACvD,QAAM,UAAU,gBAAgB;AAGhC,QAAM,kBAAkB;AAAA,IACtB,OAAO,eAA4B;AACjC,YAAM,mBAAmB,EAAE,QAAQ,WAAkB,GAAG,iBAAiB,YAAY;AAAA,QACnF,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAGA,QAAM,kBAAkB;AAAA,IACtB,OAAO,eAA8B,iBAA4B;AACzD,YAAA,WAAW,oCAAoC,eAAe,YAAY;AAC1E,YAAA,mBAAmB,UAAU,iBAAiB,eAAe;AAAA,QACjE,cAAc;AAAA,MAAA,CACf;AAAA,IACH;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}