@ynput/ayon-frontend-shared 0.2.22 → 0.2.24

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

@@ -1 +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  useGetShareOptionsQuery,\n  ShareOption,\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  // Data\n  shareOptions?: ShareOption[] // available users to share with (undefined means loading)\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  // Actions (shared)\n  resetWorkingView: () => Promise<void>\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, onResetWorkingView } = useViewsMutations({\n    viewType,\n    projectName,\n  })\n\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [editingView, setEditingView] = useState<EditingViewState>(null)\n\n  // when editing the view, get all users that can be shared to that view\n  const { data: shareOptions } = useGetShareOptionsQuery(\n    { projectName },\n    { skip: !powerLicense || !editingView },\n  )\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  // Reset working view to default (empty) settings\n  const resetWorkingView = useCallback(async () => {\n    try {\n      await onResetWorkingView({\n        existingWorkingViewId: workingView?.id,\n        selectedViewId: selectedView?.id,\n        setSelectedView,\n        setSettingsChanged: setViewSettingsChanged,\n        notify: true,\n      })\n    } catch (error) {\n      console.error('Failed to reset view:', error)\n    }\n  }, [workingView, onResetWorkingView, selectedView, setSelectedView, setViewSettingsChanged])\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    onResetWorkingView,\n    onSelect: (viewId) => {\n      setSelectedView(viewId)\n      // reset the settings changed state when switching views\n      setViewSettingsChanged(false)\n      // close the menu when selecting a view\n      setIsMenuOpen(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    // data\n    shareOptions,\n    setIsMenuOpen,\n    setEditingView,\n    setSelectedView,\n    onSettingsChanged: setViewSettingsChanged,\n    // mutations\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    // shared actions\n    resetWorkingView,\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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"}
+{"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  useGetShareOptionsQuery,\n  ShareOption,\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'\nimport { useLocalStorage } from '@shared/hooks'\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  // Data\n  shareOptions?: ShareOption[] // available users to share with (undefined means loading)\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  // Actions (shared)\n  resetWorkingView: () => Promise<void>\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, onResetWorkingView } = useViewsMutations({\n    viewType,\n    projectName,\n  })\n\n  const [isMenuOpen, setIsMenuOpen] = useState(false)\n  const [editingView, setEditingView] = useState<EditingViewState>(null)\n  const [collapsedSections, setCollapsedSections] = useLocalStorage<Record<string, boolean>>(\n    'collapsed-views',\n    {},\n  )\n\n  // when editing the view, get all users that can be shared to that view\n  const { data: shareOptions } = useGetShareOptionsQuery(\n    { projectName },\n    { skip: !powerLicense || !editingView },\n  )\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  // Reset working view to default (empty) settings\n  const resetWorkingView = useCallback(async () => {\n    try {\n      await onResetWorkingView({\n        existingWorkingViewId: workingView?.id,\n        selectedViewId: selectedView?.id,\n        setSelectedView,\n        setSettingsChanged: setViewSettingsChanged,\n        notify: true,\n      })\n    } catch (error) {\n      console.error('Failed to reset view:', error)\n    }\n  }, [workingView, onResetWorkingView, selectedView, setSelectedView, setViewSettingsChanged])\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    selectedId: selectedView?.id,\n    onResetWorkingView,\n    onSelect: (viewId) => {\n      setSelectedView(viewId)\n      // reset the settings changed state when switching views\n      setViewSettingsChanged(false)\n      // close the menu when selecting a view\n      setIsMenuOpen(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    // data\n    shareOptions,\n    setIsMenuOpen,\n    setEditingView,\n    setSelectedView,\n    onSettingsChanged: setViewSettingsChanged,\n    // mutations\n    onCreateView,\n    onUpdateView,\n    onDeleteView,\n    // shared actions\n    resetWorkingView,\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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const ViewsContext = require("../../context/ViewsContext.cjs.js");
 require("lodash");
 require("react-toastify");
+require("uuid");
 const columnConfigConverter = require("../../../../util/columnConfigConverter.cjs.js");
 require("../../../../util/pubsub.cjs.js");
 const viewUpdateHelper = require("../../utils/viewUpdateHelper.cjs.js");

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

@@ -1 +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;;"}
+{"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

@@ -1,6 +1,7 @@
 import { useViewsContext } from "../../context/ViewsContext.es.js";
 import "lodash";
 import "react-toastify";
+import "uuid";
 import { convertColumnConfigToTanstackStates, convertTanstackStatesToColumnConfig } from "../../../../util/columnConfigConverter.es.js";
 import "../../../../util/pubsub.es.js";
 import { useViewUpdateHelper } from "../../utils/viewUpdateHelper.es.js";

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

@@ -1 +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;"}
+{"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;"}

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

@@ -3,6 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const ViewsContext = require("../../context/ViewsContext.cjs.js");
 require("lodash");
 require("react-toastify");
+require("uuid");
 const columnConfigConverter = require("../../../../util/columnConfigConverter.cjs.js");
 require("../../../../util/pubsub.cjs.js");
 const viewUpdateHelper = require("../../utils/viewUpdateHelper.cjs.js");

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

@@ -1 +1 @@
-{"version":3,"file":"useOverviewViewSettings.cjs.js","sources":["../../../../../../../src/containers/Views/hooks/pages/useOverviewViewSettings.ts"],"sourcesContent":["/**\n * Unified hook for managing all overview page view settings.\n *\n * The hook handles:\n * - Filter settings (QueryFilter format)\n * - Hierarchy visibility toggle\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\ntype Return = {\n  // Filter management\n  filters: QueryFilter\n  onUpdateFilters: (filters: QueryFilter) => void\n\n  // Hierarchy management\n  showHierarchy: boolean\n  onUpdateHierarchy: (showHierarchy: boolean) => void\n\n  // Column management\n  columns: ColumnsConfig\n  onUpdateColumns: (columns: ColumnsConfig, allColumnIds?: string[]) => void\n}\n\nexport const useOverviewViewSettings = (): Return => {\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 [localHierarchy, setLocalHierarchy] = useState<boolean | 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 serverHierarchy = overviewSettings?.showHierarchy ?? true\n\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    setLocalHierarchy(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 showHierarchy = localHierarchy !== null ? localHierarchy : serverHierarchy\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  // Hierarchy update handler\n  const onUpdateHierarchy = useCallback(\n    async (newShowHierarchy: boolean) => {\n      // If turning hierarchy ON while grouped, clear groupBy in the same update\n      if (newShowHierarchy && (columns as ColumnsConfig)?.groupBy) {\n        const clearedColumns: ColumnsConfig = { ...columns, groupBy: undefined }\n        // Optimistically update local columns to remove grouping\n        setLocalColumns(clearedColumns)\n        const settings = convertTanstackStatesToColumnConfig(clearedColumns)\n        await updateViewSettings(\n          { ...settings, showHierarchy: true },\n          setLocalHierarchy,\n          newShowHierarchy,\n          { errorMessage: 'Failed to update hierarchy setting' },\n        )\n        return\n      }\n\n      await updateViewSettings(\n        { showHierarchy: newShowHierarchy },\n        setLocalHierarchy,\n        newShowHierarchy,\n        { errorMessage: 'Failed to update hierarchy setting' },\n      )\n    },\n    [updateViewSettings, columns],\n  )\n\n  // Column update handler\n  const onUpdateColumns = useCallback(\n    async (tableSettings: ColumnsConfig, allColumnIds?: string[]) => {\n      // Derive a stable allColumnIds if not provided to preserve order and grouping on server\n      const derivedAll =\n        allColumnIds ||\n        [\n          ...(tableSettings.columnOrder || []),\n          ...Object.keys(tableSettings.columnVisibility || {}),\n          ...((tableSettings.columnPinning?.left as string[]) || []),\n          ...((tableSettings.columnPinning?.right as string[]) || []),\n        ]\n          .filter(Boolean)\n          .filter((v, i, a) => a.indexOf(v) === i)\n\n      const settings = convertTanstackStatesToColumnConfig(tableSettings, derivedAll)\n      const hasGroupBy = !!tableSettings.groupBy\n\n      // If grouping is being set, turn off hierarchy in the same update for consistency\n      if (hasGroupBy) {\n        // Optimistically reflect hierarchy off\n        setLocalHierarchy(false)\n      }\n\n      await updateViewSettings(\n        hasGroupBy ? { ...settings, showHierarchy: false } : settings,\n        setLocalColumns,\n        tableSettings,\n        { errorMessage: 'Failed to update columns' },\n      )\n    },\n    [updateViewSettings],\n  )\n\n  return {\n    filters,\n    onUpdateFilters,\n    showHierarchy,\n    onUpdateHierarchy,\n    columns,\n    onUpdateColumns,\n  }\n}\n"],"names":["useViewsContext","useState","useViewUpdateHelper","useMemo","convertColumnConfigToTanstackStates","useEffect","useCallback","convertTanstackStatesToColumnConfig"],"mappings":";;;;;;;;;AAsCO,MAAM,0BAA0B,MAAc;AAE7C,QAAA,EAAE,aAAa,IAAIA,6BAAgB;AAGzC,QAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAA6B,IAAI;AACzE,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,MAAAA,SAAyB,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;AACtD,QAAA,mBAAkB,qDAAkB,kBAAiB;AAE3D,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,sBAAkB,IAAI;AACtB,oBAAgB,IAAI;AAAA,KACnB,CAAC,KAAK,UAAU,YAAY,CAAC,CAAC;AAG3B,QAAA,UAAU,iBAAiB,OAAO,eAAe;AACjD,QAAA,gBAAgB,mBAAmB,OAAO,iBAAiB;AACjE,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,oBAAoBA,MAAA;AAAA,IACxB,OAAO,qBAA8B;AAE/B,UAAA,qBAAqB,mCAA2B,UAAS;AAC3D,cAAM,iBAAgC,EAAE,GAAG,SAAS,SAAS,OAAU;AAEvE,wBAAgB,cAAc;AACxB,cAAA,WAAWC,0DAAoC,cAAc;AAC7D,cAAA;AAAA,UACJ,EAAE,GAAG,UAAU,eAAe,KAAK;AAAA,UACnC;AAAA,UACA;AAAA,UACA,EAAE,cAAc,qCAAqC;AAAA,QACvD;AACA;AAAA,MAAA;AAGI,YAAA;AAAA,QACJ,EAAE,eAAe,iBAAiB;AAAA,QAClC;AAAA,QACA;AAAA,QACA,EAAE,cAAc,qCAAqC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,CAAC,oBAAoB,OAAO;AAAA,EAC9B;AAGA,QAAM,kBAAkBD,MAAA;AAAA,IACtB,OAAO,eAA8B,iBAA4B;;AAE/D,YAAM,aACJ,gBACA;AAAA,QACE,GAAI,cAAc,eAAe,CAAC;AAAA,QAClC,GAAG,OAAO,KAAK,cAAc,oBAAoB,CAAA,CAAE;AAAA,QACnD,KAAK,mBAAc,kBAAd,mBAA6B,SAAqB,CAAC;AAAA,QACxD,KAAK,mBAAc,kBAAd,mBAA6B,UAAsB,CAAA;AAAA,MAEvD,EAAA,OAAO,OAAO,EACd,OAAO,CAAC,GAAG,GAAG,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;AAErC,YAAA,WAAWC,sBAAAA,oCAAoC,eAAe,UAAU;AACxE,YAAA,aAAa,CAAC,CAAC,cAAc;AAGnC,UAAI,YAAY;AAEd,0BAAkB,KAAK;AAAA,MAAA;AAGnB,YAAA;AAAA,QACJ,aAAa,EAAE,GAAG,UAAU,eAAe,MAAU,IAAA;AAAA,QACrD;AAAA,QACA;AAAA,QACA,EAAE,cAAc,2BAA2B;AAAA,MAC7C;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;"}
+{"version":3,"file":"useOverviewViewSettings.cjs.js","sources":["../../../../../../../src/containers/Views/hooks/pages/useOverviewViewSettings.ts"],"sourcesContent":["/**\n * Unified hook for managing all overview page view settings.\n *\n * The hook handles:\n * - Filter settings (QueryFilter format)\n * - Hierarchy visibility toggle\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\ntype Return = {\n  // Filter management\n  filters: QueryFilter\n  onUpdateFilters: (filters: QueryFilter) => void\n\n  // Hierarchy management\n  showHierarchy: boolean\n  onUpdateHierarchy: (showHierarchy: boolean) => void\n\n  // Column management\n  columns: ColumnsConfig\n  onUpdateColumns: (columns: ColumnsConfig, allColumnIds?: string[]) => void\n}\n\nexport const useOverviewViewSettings = (): Return => {\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 [localHierarchy, setLocalHierarchy] = useState<boolean | 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 serverHierarchy = overviewSettings?.showHierarchy ?? true\n\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    setLocalHierarchy(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 showHierarchy = localHierarchy !== null ? localHierarchy : serverHierarchy\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  // Hierarchy update handler\n  const onUpdateHierarchy = useCallback(\n    async (newShowHierarchy: boolean) => {\n      // If turning hierarchy ON while grouped, clear groupBy in the same update\n      if (newShowHierarchy && (columns as ColumnsConfig)?.groupBy) {\n        const clearedColumns: ColumnsConfig = { ...columns, groupBy: undefined }\n        // Optimistically update local columns to remove grouping\n        setLocalColumns(clearedColumns)\n        const settings = convertTanstackStatesToColumnConfig(clearedColumns)\n        await updateViewSettings(\n          { ...settings, showHierarchy: true },\n          setLocalHierarchy,\n          newShowHierarchy,\n          { errorMessage: 'Failed to update hierarchy setting' },\n        )\n        return\n      }\n\n      await updateViewSettings(\n        { showHierarchy: newShowHierarchy },\n        setLocalHierarchy,\n        newShowHierarchy,\n        { errorMessage: 'Failed to update hierarchy setting' },\n      )\n    },\n    [updateViewSettings, columns],\n  )\n\n  // Column update handler\n  const onUpdateColumns = useCallback(\n    async (tableSettings: ColumnsConfig, allColumnIds?: string[]) => {\n      // Derive a stable allColumnIds if not provided to preserve order and grouping on server\n      const derivedAll =\n        allColumnIds ||\n        [\n          ...(tableSettings.columnOrder || []),\n          ...Object.keys(tableSettings.columnVisibility || {}),\n          ...((tableSettings.columnPinning?.left as string[]) || []),\n          ...((tableSettings.columnPinning?.right as string[]) || []),\n        ]\n          .filter(Boolean)\n          .filter((v, i, a) => a.indexOf(v) === i)\n\n      const settings = convertTanstackStatesToColumnConfig(tableSettings, derivedAll)\n      const hasGroupBy = !!tableSettings.groupBy\n\n      // If grouping is being set, turn off hierarchy in the same update for consistency\n      if (hasGroupBy) {\n        // Optimistically reflect hierarchy off\n        setLocalHierarchy(false)\n      }\n\n      await updateViewSettings(\n        hasGroupBy ? { ...settings, showHierarchy: false } : settings,\n        setLocalColumns,\n        tableSettings,\n        { errorMessage: 'Failed to update columns' },\n      )\n    },\n    [updateViewSettings],\n  )\n\n  return {\n    filters,\n    onUpdateFilters,\n    showHierarchy,\n    onUpdateHierarchy,\n    columns,\n    onUpdateColumns,\n  }\n}\n"],"names":["useViewsContext","useState","useViewUpdateHelper","useMemo","convertColumnConfigToTanstackStates","useEffect","useCallback","convertTanstackStatesToColumnConfig"],"mappings":";;;;;;;;;;AAsCO,MAAM,0BAA0B,MAAc;AAE7C,QAAA,EAAE,aAAa,IAAIA,6BAAgB;AAGzC,QAAM,CAAC,cAAc,eAAe,IAAIC,MAAAA,SAA6B,IAAI;AACzE,QAAM,CAAC,gBAAgB,iBAAiB,IAAIA,MAAAA,SAAyB,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;AACtD,QAAA,mBAAkB,qDAAkB,kBAAiB;AAE3D,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,sBAAkB,IAAI;AACtB,oBAAgB,IAAI;AAAA,KACnB,CAAC,KAAK,UAAU,YAAY,CAAC,CAAC;AAG3B,QAAA,UAAU,iBAAiB,OAAO,eAAe;AACjD,QAAA,gBAAgB,mBAAmB,OAAO,iBAAiB;AACjE,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,oBAAoBA,MAAA;AAAA,IACxB,OAAO,qBAA8B;AAE/B,UAAA,qBAAqB,mCAA2B,UAAS;AAC3D,cAAM,iBAAgC,EAAE,GAAG,SAAS,SAAS,OAAU;AAEvE,wBAAgB,cAAc;AACxB,cAAA,WAAWC,0DAAoC,cAAc;AAC7D,cAAA;AAAA,UACJ,EAAE,GAAG,UAAU,eAAe,KAAK;AAAA,UACnC;AAAA,UACA;AAAA,UACA,EAAE,cAAc,qCAAqC;AAAA,QACvD;AACA;AAAA,MAAA;AAGI,YAAA;AAAA,QACJ,EAAE,eAAe,iBAAiB;AAAA,QAClC;AAAA,QACA;AAAA,QACA,EAAE,cAAc,qCAAqC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,CAAC,oBAAoB,OAAO;AAAA,EAC9B;AAGA,QAAM,kBAAkBD,MAAA;AAAA,IACtB,OAAO,eAA8B,iBAA4B;;AAE/D,YAAM,aACJ,gBACA;AAAA,QACE,GAAI,cAAc,eAAe,CAAC;AAAA,QAClC,GAAG,OAAO,KAAK,cAAc,oBAAoB,CAAA,CAAE;AAAA,QACnD,KAAK,mBAAc,kBAAd,mBAA6B,SAAqB,CAAC;AAAA,QACxD,KAAK,mBAAc,kBAAd,mBAA6B,UAAsB,CAAA;AAAA,MAEvD,EAAA,OAAO,OAAO,EACd,OAAO,CAAC,GAAG,GAAG,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;AAErC,YAAA,WAAWC,sBAAAA,oCAAoC,eAAe,UAAU;AACxE,YAAA,aAAa,CAAC,CAAC,cAAc;AAGnC,UAAI,YAAY;AAEd,0BAAkB,KAAK;AAAA,MAAA;AAGnB,YAAA;AAAA,QACJ,aAAa,EAAE,GAAG,UAAU,eAAe,MAAU,IAAA;AAAA,QACrD;AAAA,QACA;AAAA,QACA,EAAE,cAAc,2BAA2B;AAAA,MAC7C;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;;"}

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

@@ -1,6 +1,7 @@
 import { useViewsContext } from "../../context/ViewsContext.es.js";
 import "lodash";
 import "react-toastify";
+import "uuid";
 import { convertColumnConfigToTanstackStates, convertTanstackStatesToColumnConfig } from "../../../../util/columnConfigConverter.es.js";
 import "../../../../util/pubsub.es.js";
 import { useViewUpdateHelper } from "../../utils/viewUpdateHelper.es.js";

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

@@ -1 +1 @@
-{"version":3,"file":"useOverviewViewSettings.es.js","sources":["../../../../../../../src/containers/Views/hooks/pages/useOverviewViewSettings.ts"],"sourcesContent":["/**\n * Unified hook for managing all overview page view settings.\n *\n * The hook handles:\n * - Filter settings (QueryFilter format)\n * - Hierarchy visibility toggle\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\ntype Return = {\n  // Filter management\n  filters: QueryFilter\n  onUpdateFilters: (filters: QueryFilter) => void\n\n  // Hierarchy management\n  showHierarchy: boolean\n  onUpdateHierarchy: (showHierarchy: boolean) => void\n\n  // Column management\n  columns: ColumnsConfig\n  onUpdateColumns: (columns: ColumnsConfig, allColumnIds?: string[]) => void\n}\n\nexport const useOverviewViewSettings = (): Return => {\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 [localHierarchy, setLocalHierarchy] = useState<boolean | 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 serverHierarchy = overviewSettings?.showHierarchy ?? true\n\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    setLocalHierarchy(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 showHierarchy = localHierarchy !== null ? localHierarchy : serverHierarchy\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  // Hierarchy update handler\n  const onUpdateHierarchy = useCallback(\n    async (newShowHierarchy: boolean) => {\n      // If turning hierarchy ON while grouped, clear groupBy in the same update\n      if (newShowHierarchy && (columns as ColumnsConfig)?.groupBy) {\n        const clearedColumns: ColumnsConfig = { ...columns, groupBy: undefined }\n        // Optimistically update local columns to remove grouping\n        setLocalColumns(clearedColumns)\n        const settings = convertTanstackStatesToColumnConfig(clearedColumns)\n        await updateViewSettings(\n          { ...settings, showHierarchy: true },\n          setLocalHierarchy,\n          newShowHierarchy,\n          { errorMessage: 'Failed to update hierarchy setting' },\n        )\n        return\n      }\n\n      await updateViewSettings(\n        { showHierarchy: newShowHierarchy },\n        setLocalHierarchy,\n        newShowHierarchy,\n        { errorMessage: 'Failed to update hierarchy setting' },\n      )\n    },\n    [updateViewSettings, columns],\n  )\n\n  // Column update handler\n  const onUpdateColumns = useCallback(\n    async (tableSettings: ColumnsConfig, allColumnIds?: string[]) => {\n      // Derive a stable allColumnIds if not provided to preserve order and grouping on server\n      const derivedAll =\n        allColumnIds ||\n        [\n          ...(tableSettings.columnOrder || []),\n          ...Object.keys(tableSettings.columnVisibility || {}),\n          ...((tableSettings.columnPinning?.left as string[]) || []),\n          ...((tableSettings.columnPinning?.right as string[]) || []),\n        ]\n          .filter(Boolean)\n          .filter((v, i, a) => a.indexOf(v) === i)\n\n      const settings = convertTanstackStatesToColumnConfig(tableSettings, derivedAll)\n      const hasGroupBy = !!tableSettings.groupBy\n\n      // If grouping is being set, turn off hierarchy in the same update for consistency\n      if (hasGroupBy) {\n        // Optimistically reflect hierarchy off\n        setLocalHierarchy(false)\n      }\n\n      await updateViewSettings(\n        hasGroupBy ? { ...settings, showHierarchy: false } : settings,\n        setLocalColumns,\n        tableSettings,\n        { errorMessage: 'Failed to update columns' },\n      )\n    },\n    [updateViewSettings],\n  )\n\n  return {\n    filters,\n    onUpdateFilters,\n    showHierarchy,\n    onUpdateHierarchy,\n    columns,\n    onUpdateColumns,\n  }\n}\n"],"names":[],"mappings":";;;;;;;AAsCO,MAAM,0BAA0B,MAAc;AAE7C,QAAA,EAAE,aAAa,IAAI,gBAAgB;AAGzC,QAAM,CAAC,cAAc,eAAe,IAAI,SAA6B,IAAI;AACzE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAyB,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;AACtD,QAAA,mBAAkB,qDAAkB,kBAAiB;AAE3D,QAAM,gBAAgB;AAAA,IACpB,MAAM,oCAAoC,gBAAgB;AAAA,IAC1D,CAAC,KAAK,UAAU,YAAY,CAAC;AAAA,EAC/B;AAGA,YAAU,MAAM;AACd,oBAAgB,IAAI;AACpB,sBAAkB,IAAI;AACtB,oBAAgB,IAAI;AAAA,KACnB,CAAC,KAAK,UAAU,YAAY,CAAC,CAAC;AAG3B,QAAA,UAAU,iBAAiB,OAAO,eAAe;AACjD,QAAA,gBAAgB,mBAAmB,OAAO,iBAAiB;AACjE,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,oBAAoB;AAAA,IACxB,OAAO,qBAA8B;AAE/B,UAAA,qBAAqB,mCAA2B,UAAS;AAC3D,cAAM,iBAAgC,EAAE,GAAG,SAAS,SAAS,OAAU;AAEvE,wBAAgB,cAAc;AACxB,cAAA,WAAW,oCAAoC,cAAc;AAC7D,cAAA;AAAA,UACJ,EAAE,GAAG,UAAU,eAAe,KAAK;AAAA,UACnC;AAAA,UACA;AAAA,UACA,EAAE,cAAc,qCAAqC;AAAA,QACvD;AACA;AAAA,MAAA;AAGI,YAAA;AAAA,QACJ,EAAE,eAAe,iBAAiB;AAAA,QAClC;AAAA,QACA;AAAA,QACA,EAAE,cAAc,qCAAqC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,CAAC,oBAAoB,OAAO;AAAA,EAC9B;AAGA,QAAM,kBAAkB;AAAA,IACtB,OAAO,eAA8B,iBAA4B;;AAE/D,YAAM,aACJ,gBACA;AAAA,QACE,GAAI,cAAc,eAAe,CAAC;AAAA,QAClC,GAAG,OAAO,KAAK,cAAc,oBAAoB,CAAA,CAAE;AAAA,QACnD,KAAK,mBAAc,kBAAd,mBAA6B,SAAqB,CAAC;AAAA,QACxD,KAAK,mBAAc,kBAAd,mBAA6B,UAAsB,CAAA;AAAA,MAEvD,EAAA,OAAO,OAAO,EACd,OAAO,CAAC,GAAG,GAAG,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;AAErC,YAAA,WAAW,oCAAoC,eAAe,UAAU;AACxE,YAAA,aAAa,CAAC,CAAC,cAAc;AAGnC,UAAI,YAAY;AAEd,0BAAkB,KAAK;AAAA,MAAA;AAGnB,YAAA;AAAA,QACJ,aAAa,EAAE,GAAG,UAAU,eAAe,MAAU,IAAA;AAAA,QACrD;AAAA,QACA;AAAA,QACA,EAAE,cAAc,2BAA2B;AAAA,MAC7C;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}
+{"version":3,"file":"useOverviewViewSettings.es.js","sources":["../../../../../../../src/containers/Views/hooks/pages/useOverviewViewSettings.ts"],"sourcesContent":["/**\n * Unified hook for managing all overview page view settings.\n *\n * The hook handles:\n * - Filter settings (QueryFilter format)\n * - Hierarchy visibility toggle\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\ntype Return = {\n  // Filter management\n  filters: QueryFilter\n  onUpdateFilters: (filters: QueryFilter) => void\n\n  // Hierarchy management\n  showHierarchy: boolean\n  onUpdateHierarchy: (showHierarchy: boolean) => void\n\n  // Column management\n  columns: ColumnsConfig\n  onUpdateColumns: (columns: ColumnsConfig, allColumnIds?: string[]) => void\n}\n\nexport const useOverviewViewSettings = (): Return => {\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 [localHierarchy, setLocalHierarchy] = useState<boolean | 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 serverHierarchy = overviewSettings?.showHierarchy ?? true\n\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    setLocalHierarchy(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 showHierarchy = localHierarchy !== null ? localHierarchy : serverHierarchy\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  // Hierarchy update handler\n  const onUpdateHierarchy = useCallback(\n    async (newShowHierarchy: boolean) => {\n      // If turning hierarchy ON while grouped, clear groupBy in the same update\n      if (newShowHierarchy && (columns as ColumnsConfig)?.groupBy) {\n        const clearedColumns: ColumnsConfig = { ...columns, groupBy: undefined }\n        // Optimistically update local columns to remove grouping\n        setLocalColumns(clearedColumns)\n        const settings = convertTanstackStatesToColumnConfig(clearedColumns)\n        await updateViewSettings(\n          { ...settings, showHierarchy: true },\n          setLocalHierarchy,\n          newShowHierarchy,\n          { errorMessage: 'Failed to update hierarchy setting' },\n        )\n        return\n      }\n\n      await updateViewSettings(\n        { showHierarchy: newShowHierarchy },\n        setLocalHierarchy,\n        newShowHierarchy,\n        { errorMessage: 'Failed to update hierarchy setting' },\n      )\n    },\n    [updateViewSettings, columns],\n  )\n\n  // Column update handler\n  const onUpdateColumns = useCallback(\n    async (tableSettings: ColumnsConfig, allColumnIds?: string[]) => {\n      // Derive a stable allColumnIds if not provided to preserve order and grouping on server\n      const derivedAll =\n        allColumnIds ||\n        [\n          ...(tableSettings.columnOrder || []),\n          ...Object.keys(tableSettings.columnVisibility || {}),\n          ...((tableSettings.columnPinning?.left as string[]) || []),\n          ...((tableSettings.columnPinning?.right as string[]) || []),\n        ]\n          .filter(Boolean)\n          .filter((v, i, a) => a.indexOf(v) === i)\n\n      const settings = convertTanstackStatesToColumnConfig(tableSettings, derivedAll)\n      const hasGroupBy = !!tableSettings.groupBy\n\n      // If grouping is being set, turn off hierarchy in the same update for consistency\n      if (hasGroupBy) {\n        // Optimistically reflect hierarchy off\n        setLocalHierarchy(false)\n      }\n\n      await updateViewSettings(\n        hasGroupBy ? { ...settings, showHierarchy: false } : settings,\n        setLocalColumns,\n        tableSettings,\n        { errorMessage: 'Failed to update columns' },\n      )\n    },\n    [updateViewSettings],\n  )\n\n  return {\n    filters,\n    onUpdateFilters,\n    showHierarchy,\n    onUpdateHierarchy,\n    columns,\n    onUpdateColumns,\n  }\n}\n"],"names":[],"mappings":";;;;;;;;AAsCO,MAAM,0BAA0B,MAAc;AAE7C,QAAA,EAAE,aAAa,IAAI,gBAAgB;AAGzC,QAAM,CAAC,cAAc,eAAe,IAAI,SAA6B,IAAI;AACzE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAyB,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;AACtD,QAAA,mBAAkB,qDAAkB,kBAAiB;AAE3D,QAAM,gBAAgB;AAAA,IACpB,MAAM,oCAAoC,gBAAgB;AAAA,IAC1D,CAAC,KAAK,UAAU,YAAY,CAAC;AAAA,EAC/B;AAGA,YAAU,MAAM;AACd,oBAAgB,IAAI;AACpB,sBAAkB,IAAI;AACtB,oBAAgB,IAAI;AAAA,KACnB,CAAC,KAAK,UAAU,YAAY,CAAC,CAAC;AAG3B,QAAA,UAAU,iBAAiB,OAAO,eAAe;AACjD,QAAA,gBAAgB,mBAAmB,OAAO,iBAAiB;AACjE,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,oBAAoB;AAAA,IACxB,OAAO,qBAA8B;AAE/B,UAAA,qBAAqB,mCAA2B,UAAS;AAC3D,cAAM,iBAAgC,EAAE,GAAG,SAAS,SAAS,OAAU;AAEvE,wBAAgB,cAAc;AACxB,cAAA,WAAW,oCAAoC,cAAc;AAC7D,cAAA;AAAA,UACJ,EAAE,GAAG,UAAU,eAAe,KAAK;AAAA,UACnC;AAAA,UACA;AAAA,UACA,EAAE,cAAc,qCAAqC;AAAA,QACvD;AACA;AAAA,MAAA;AAGI,YAAA;AAAA,QACJ,EAAE,eAAe,iBAAiB;AAAA,QAClC;AAAA,QACA;AAAA,QACA,EAAE,cAAc,qCAAqC;AAAA,MACvD;AAAA,IACF;AAAA,IACA,CAAC,oBAAoB,OAAO;AAAA,EAC9B;AAGA,QAAM,kBAAkB;AAAA,IACtB,OAAO,eAA8B,iBAA4B;;AAE/D,YAAM,aACJ,gBACA;AAAA,QACE,GAAI,cAAc,eAAe,CAAC;AAAA,QAClC,GAAG,OAAO,KAAK,cAAc,oBAAoB,CAAA,CAAE;AAAA,QACnD,KAAK,mBAAc,kBAAd,mBAA6B,SAAqB,CAAC;AAAA,QACxD,KAAK,mBAAc,kBAAd,mBAA6B,UAAsB,CAAA;AAAA,MAEvD,EAAA,OAAO,OAAO,EACd,OAAO,CAAC,GAAG,GAAG,MAAM,EAAE,QAAQ,CAAC,MAAM,CAAC;AAErC,YAAA,WAAW,oCAAoC,eAAe,UAAU;AACxE,YAAA,aAAa,CAAC,CAAC,cAAc;AAGnC,UAAI,YAAY;AAEd,0BAAkB,KAAK;AAAA,MAAA;AAGnB,YAAA;AAAA,QACJ,aAAa,EAAE,GAAG,UAAU,eAAe,MAAU,IAAA;AAAA,QACrD;AAAA,QACA;AAAA,QACA,EAAE,cAAc,2BAA2B;AAAA,MAC7C;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB;AAAA,EACrB;AAEO,SAAA;AAAA,IACL;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AACF;"}

package/dist/shared/src/containers/Views/hooks/useBuildViewMenuItems.cjs.js

@@ -3,6 +3,7 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const jsxRuntime = require("../../../../../_virtual/jsx-runtime.cjs.js");
 require("../../../api/base/client.cjs.js");
 require("../../../api/generated/graphql.cjs.js");
+require("../../../api/generated/graphqlLinks.cjs.js");
 require("../../../api/generated/access.cjs.js");
 require("../../../api/generated/actions.cjs.js");
 require("../../../api/generated/activityFeed.cjs.js");
@@ -58,6 +59,9 @@ require("../../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../../api/queries/folders/getFolders.cjs.js");
 require("../../../api/queries/grouping/getGrouping.cjs.js");
+require("../../../api/queries/links/updateLinks.cjs.js");
+require("../../../api/queries/links/getLinks.cjs.js");
+require("../../../api/queries/links/getEntityLinks.cjs.js");
 require("../../../api/queries/overview/getOverview.cjs.js");
 require("../../../api/queries/overview/updateOverview.cjs.js");
 require("../../../api/queries/permissions/getPermissions.cjs.js");
@@ -80,6 +84,7 @@ const ViewsMenu = require("../ViewsMenu/ViewsMenu.cjs.js");
 const ayonReactComponents = require("@ynput/ayon-react-components");
 const generateWorkingView = require("../utils/generateWorkingView.cjs.js");
 const reactToastify = require("react-toastify");
+const useLocalStorage = require("../../../hooks/useLocalStorage.cjs.js");
 const useLoadModule = require("../../../hooks/useLoadModule.cjs.js");
 require("../../../../../_virtual/runtime.cjs.js");
 require("../../../../../_virtual/semver.cjs.js");
@@ -109,7 +114,8 @@ const useBuildViewMenuItems = ({
   onSelect,
   onEdit,
   onSave,
-  onResetWorkingView
+  onResetWorkingView,
+  selectedId
 }) => {
   const { powerLicense } = PowerpackContext.usePowerpack();
   const [createView] = updateViews.useCreateViewMutation();
@@ -161,16 +167,27 @@ const useBuildViewMenuItems = ({
     // minVersion: minVersion,
     skip: !viewType || !powerLicense
   });
-  const { myViews, sharedViews } = React.useMemo(
-    () => getCustomViews({
-      viewsList: extendedViewsList,
-      onEdit,
-      onSelect,
-      onSave: handleEditView
-    }),
-    [viewsList, onEdit, onSelect, handleEditView]
+  const { myViews, sharedViews, allPrivateViews } = getCustomViews({
+    viewsList: extendedViewsList,
+    onEdit,
+    onSelect,
+    onSave: handleEditView
+  });
+  const stateKey = "viewsMenuCollapsed";
+  const [collapsed, setCollapsed] = useLocalStorage.useLocalStorage(stateKey, {});
+  const toggleSection = React.useCallback(
+    (id) => {
+      setCollapsed({ ...collapsed, [id]: !collapsed[id] });
+    },
+    [collapsed, setCollapsed]
   );
-  const dividers = myViews.length || sharedViews.length ? [ViewsMenu.VIEW_DIVIDER] : [];
+  const sections = React.useMemo(() => {
+    return [
+      { id: "myViews", title: "My views", items: myViews },
+      { id: "sharedViews", title: "Shared views", items: sharedViews },
+      { id: "allPrivateViews", title: "All private views", items: allPrivateViews }
+    ];
+  }, [myViews, sharedViews, allPrivateViews]);
   const workingViewItem = React.useMemo(
     () => ({
       ...workingBaseView,
@@ -181,10 +198,32 @@ const useBuildViewMenuItems = ({
     }),
     [handleWorkingViewChange, onResetWorkingView]
   );
-  const viewItems = React.useMemo(
-    () => [workingViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],
-    [workingView, myViews, sharedViews, workingViewItem]
-  );
+  const viewItems = React.useMemo(() => {
+    const result = [workingViewItem];
+    const visibleSections = sections.filter((s) => {
+      var _a;
+      return (((_a = s.items) == null ? void 0 : _a.length) || 0) > 0;
+    });
+    if (visibleSections.length > 0) result.push(ViewsMenu.VIEW_DIVIDER);
+    visibleSections.forEach((section) => {
+      const isCollapsed = !!collapsed[section.id];
+      result.push({
+        type: "section",
+        id: section.id,
+        title: section.title,
+        collapsed: isCollapsed,
+        onToggle: () => toggleSection(section.id)
+      });
+      if (!isCollapsed) {
+        result.push(...section.items);
+      } else if (selectedId) {
+        const selectedItem = section.items.find((i) => i.id === selectedId);
+        if (selectedItem) result.push(selectedItem);
+      }
+    });
+    if (visibleSections.length > 0) result.push(ViewsMenu.VIEW_DIVIDER);
+    return result;
+  }, [workingViewItem, sections, collapsed, toggleSection, selectedId]);
   return viewItems;
 };
 exports.WORKING_VIEW_ID = WORKING_VIEW_ID;

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

@@ -1 +1 @@
-{"version":3,"file":"useBuildViewMenuItems.cjs.js","sources":["../../../../../../src/containers/Views/hooks/useBuildViewMenuItems.tsx"],"sourcesContent":["import { useCreateViewMutation, UserModel, ViewListItemModel } from '@shared/api'\nimport { useCallback, useMemo } from 'react'\nimport { VIEW_DIVIDER, ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { generateWorkingView } from '../utils/generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useLoadModule } from '@shared/hooks'\nimport { getCustomViewsFallback } from '../utils/getCustomViewsFallback'\nimport { usePowerpack } from '@shared/context'\n\n// constants\nexport const WORKING_VIEW_ID = '_working_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\nexport type ViewListItemModelExtended = ViewListItemModel & {\n  isOwner: boolean\n  highlighted?: 'save' | 'edit'\n}\n\ntype Props = {\n  viewsList: ViewListItemModel[]\n  workingView?: ViewListItemModel\n  viewType?: string\n  projectName?: string\n  currentUser?: UserModel\n  useWorkingView?: boolean\n  editingViewId?: string // the preview id of the view being edited\n  onEdit: (viewId: string) => void\n  onSelect: (viewId: string) => void\n  onSave: (viewId: string) => Promise<void>\n  onResetWorkingView?: () => void\n}\n\nconst useBuildViewMenuItems = ({\n  viewsList,\n  workingView,\n  viewType,\n  projectName,\n  currentUser,\n  useWorkingView,\n  editingViewId,\n  onSelect,\n  onEdit,\n  onSave,\n  onResetWorkingView,\n}: Props): ViewMenuItem[] => {\n  const { powerLicense } = usePowerpack()\n\n  // MUTATIONS\n  const [createView] = useCreateViewMutation()\n\n  const extendedViewsList: ViewListItemModelExtended[] = useMemo(\n    () =>\n      viewsList.map((view) => ({\n        ...view,\n        isOwner: view.owner === currentUser?.name,\n        highlighted: editingViewId === view.id ? 'save' : undefined,\n      })),\n    [viewsList, currentUser, editingViewId],\n  )\n\n  const workingBaseView: ViewItem = {\n    id: WORKING_VIEW_ID,\n    label: useWorkingView ? 'Personal view' : 'Working view',\n    startContent: useWorkingView && <Icon icon=\"person\" />,\n    isEditable: false,\n  }\n\n  // if we have a working view, we use it, otherwise we create one\n  const handleWorkingViewChange = useCallback(async () => {\n    let workingViewId = workingView?.id\n    if (!workingView) {\n      // no working view found, create one\n      try {\n        console.warn('No working view found, creating a new one')\n        const workingView = generateWorkingView()\n        await createView({\n          payload: workingView,\n          viewType: viewType as string,\n          projectName: projectName,\n        }).unwrap()\n        // set id of the new view\n        workingViewId = workingView.id\n      } catch (error: any) {\n        toast.error(`Failed to create working view: ${error}`)\n      }\n    }\n    // select the working view\n    onSelect(workingViewId as string)\n  }, [workingView, viewType, createView, projectName, onSelect])\n\n  const handleEditView = async (viewId: string) => {\n    // save the view and then selected it\n    try {\n      await onSave(viewId)\n      onSelect(viewId)\n    } catch (error: any) {\n      toast.error(error)\n    }\n  }\n\n  const [getCustomViews, { isLoading: isLoadingQueries }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'getCustomViews',\n    fallback: getCustomViewsFallback,\n    // minVersion: minVersion,\n    skip: !viewType || !powerLicense,\n  })\n\n  const { myViews, sharedViews } = useMemo(\n    () =>\n      getCustomViews({\n        viewsList: extendedViewsList,\n        onEdit,\n        onSelect,\n        onSave: handleEditView,\n      }),\n    [viewsList, onEdit, onSelect, handleEditView],\n  )\n\n  const dividers = myViews.length || sharedViews.length ? [VIEW_DIVIDER] : []\n\n  const workingViewItem: ViewMenuItem = useMemo(\n    () => ({\n      ...workingBaseView,\n      onClick: handleWorkingViewChange,\n      // expose reset button when handler is provided\n      isEditable: Boolean(onResetWorkingView),\n      onResetView: onResetWorkingView,\n    }),\n    [handleWorkingViewChange, onResetWorkingView],\n  )\n\n  const viewItems: ViewMenuItem[] = useMemo(\n    () => [workingViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],\n    [workingView, myViews, sharedViews, workingViewItem],\n  )\n\n  return viewItems\n}\n\nexport default useBuildViewMenuItems\n"],"names":["usePowerpack","useCreateViewMutation","useMemo","jsx","Icon","useCallback","workingView","generateWorkingView","toast","useLoadModule","getCustomViewsFallback","VIEW_DIVIDER"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,kBAAkB;AAqB/B,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AACrB,QAAA,EAAE,aAAa,IAAIA,8BAAa;AAGhC,QAAA,CAAC,UAAU,IAAIC,kCAAsB;AAE3C,QAAM,oBAAiDC,MAAA;AAAA,IACrD,MACE,UAAU,IAAI,CAAC,UAAU;AAAA,MACvB,GAAG;AAAA,MACH,SAAS,KAAK,WAAU,2CAAa;AAAA,MACrC,aAAa,kBAAkB,KAAK,KAAK,SAAS;AAAA,IAAA,EAClD;AAAA,IACJ,CAAC,WAAW,aAAa,aAAa;AAAA,EACxC;AAEA,QAAM,kBAA4B;AAAA,IAChC,IAAI;AAAA,IACJ,OAAO,iBAAiB,kBAAkB;AAAA,IAC1C,cAAc,kBAAmBC,2BAAA,kBAAA,IAAAC,oBAAA,MAAA,EAAK,MAAK,UAAS;AAAA,IACpD,YAAY;AAAA,EACd;AAGM,QAAA,0BAA0BC,MAAAA,YAAY,YAAY;AACtD,QAAI,gBAAgB,2CAAa;AACjC,QAAI,CAAC,aAAa;AAEZ,UAAA;AACF,gBAAQ,KAAK,2CAA2C;AACxD,cAAMC,eAAcC,oBAAAA,oBAAoB;AACxC,cAAM,WAAW;AAAA,UACf,SAASD;AAAAA,UACT;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAEV,wBAAgBA,aAAY;AAAA,eACrB,OAAY;AACbE,sBAAAA,MAAA,MAAM,kCAAkC,KAAK,EAAE;AAAA,MAAA;AAAA,IACvD;AAGF,aAAS,aAAuB;AAAA,EAAA,GAC/B,CAAC,aAAa,UAAU,YAAY,aAAa,QAAQ,CAAC;AAEvD,QAAA,iBAAiB,OAAO,WAAmB;AAE3C,QAAA;AACF,YAAM,OAAO,MAAM;AACnB,eAAS,MAAM;AAAA,aACR,OAAY;AACnBA,oBAAA,MAAM,MAAM,KAAK;AAAA,IAAA;AAAA,EAErB;AAEA,QAAM,CAAC,gBAAgB,EAAE,WAAW,iBAAkB,CAAA,IAAIC,cAAAA,cAAc;AAAA,IACtE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAUC,uBAAA;AAAA;AAAA,IAEV,MAAM,CAAC,YAAY,CAAC;AAAA,EAAA,CACrB;AAEK,QAAA,EAAE,SAAS,YAAA,IAAgBR,MAAA;AAAA,IAC/B,MACE,eAAe;AAAA,MACb,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IAAA,CACT;AAAA,IACH,CAAC,WAAW,QAAQ,UAAU,cAAc;AAAA,EAC9C;AAEM,QAAA,WAAW,QAAQ,UAAU,YAAY,SAAS,CAACS,UAAY,YAAA,IAAI,CAAC;AAE1E,QAAM,kBAAgCT,MAAA;AAAA,IACpC,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA;AAAA,MAET,YAAY,QAAQ,kBAAkB;AAAA,MACtC,aAAa;AAAA,IAAA;AAAA,IAEf,CAAC,yBAAyB,kBAAkB;AAAA,EAC9C;AAEA,QAAM,YAA4BA,MAAA;AAAA,IAChC,MAAM,CAAC,iBAAiB,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,QAAQ;AAAA,IAC5E,CAAC,aAAa,SAAS,aAAa,eAAe;AAAA,EACrD;AAEO,SAAA;AACT;;;"}
+{"version":3,"file":"useBuildViewMenuItems.cjs.js","sources":["../../../../../../src/containers/Views/hooks/useBuildViewMenuItems.tsx"],"sourcesContent":["import { useCreateViewMutation, UserModel, ViewListItemModel } from '@shared/api'\nimport { useCallback, useMemo } from 'react'\nimport { VIEW_DIVIDER, ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { generateWorkingView } from '../utils/generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useLoadModule, useLocalStorage } from '@shared/hooks'\nimport { getCustomViewsFallback } from '../utils/getCustomViewsFallback'\nimport { usePowerpack } from '@shared/context'\n\n// constants\nexport const WORKING_VIEW_ID = '_working_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\nexport type ViewListItemModelExtended = ViewListItemModel & {\n  isOwner: boolean\n  highlighted?: 'save' | 'edit'\n}\n\ntype Props = {\n  viewsList: ViewListItemModel[]\n  workingView?: ViewListItemModel\n  viewType?: string\n  projectName?: string\n  currentUser?: UserModel\n  useWorkingView?: boolean\n  editingViewId?: string // the preview id of the view being edited\n  selectedId?: string\n  onEdit: (viewId: string) => void\n  onSelect: (viewId: string) => void\n  onSave: (viewId: string) => Promise<void>\n  onResetWorkingView?: () => void\n}\n\ntype CollapsedState = Record<string, boolean>\n\nconst useBuildViewMenuItems = ({\n  viewsList,\n  workingView,\n  viewType,\n  projectName,\n  currentUser,\n  useWorkingView,\n  editingViewId,\n  onSelect,\n  onEdit,\n  onSave,\n  onResetWorkingView,\n  selectedId,\n}: Props): ViewMenuItem[] => {\n  const { powerLicense } = usePowerpack()\n\n  // MUTATIONS\n  const [createView] = useCreateViewMutation()\n\n  const extendedViewsList: ViewListItemModelExtended[] = useMemo(\n    () =>\n      viewsList.map((view) => ({\n        ...view,\n        isOwner: view.owner === currentUser?.name,\n        highlighted: editingViewId === view.id ? 'save' : undefined,\n      })),\n    [viewsList, currentUser, editingViewId],\n  )\n\n  const workingBaseView: ViewItem = {\n    id: WORKING_VIEW_ID,\n    label: useWorkingView ? 'Personal view' : 'Working view',\n    startContent: useWorkingView && <Icon icon=\"person\" />,\n    isEditable: false,\n  }\n\n  // if we have a working view, we use it, otherwise we create one\n  const handleWorkingViewChange = useCallback(async () => {\n    let workingViewId = workingView?.id\n    if (!workingView) {\n      // no working view found, create one\n      try {\n        console.warn('No working view found, creating a new one')\n        const workingView = generateWorkingView()\n        await createView({\n          payload: workingView,\n          viewType: viewType as string,\n          projectName: projectName,\n        }).unwrap()\n        // set id of the new view\n        workingViewId = workingView.id\n      } catch (error: any) {\n        toast.error(`Failed to create working view: ${error}`)\n      }\n    }\n    // select the working view\n    onSelect(workingViewId as string)\n  }, [workingView, viewType, createView, projectName, onSelect])\n\n  const handleEditView = async (viewId: string) => {\n    // save the view and then selected it\n    try {\n      await onSave(viewId)\n      onSelect(viewId)\n    } catch (error: any) {\n      toast.error(error)\n    }\n  }\n\n  const [getCustomViews, { isLoading: isLoadingQueries }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'getCustomViews',\n    fallback: getCustomViewsFallback,\n    // minVersion: minVersion,\n    skip: !viewType || !powerLicense,\n  })\n\n  const { myViews, sharedViews, allPrivateViews } = getCustomViews({\n    viewsList: extendedViewsList,\n    onEdit,\n    onSelect,\n    onSave: handleEditView,\n  })\n\n  // Collapsed state persisted globally across all viewTypes and projects\n  const stateKey = 'viewsMenuCollapsed'\n\n  const [collapsed, setCollapsed] = useLocalStorage<CollapsedState>(stateKey, {})\n\n  const toggleSection = useCallback(\n    (id: string) => {\n      setCollapsed({ ...collapsed, [id]: !collapsed[id] })\n    },\n    [collapsed, setCollapsed],\n  )\n\n  const sections: Array<{ id: string; title: string; items: ViewItem[] }> = useMemo(() => {\n    return [\n      { id: 'myViews', title: 'My views', items: myViews as ViewItem[] },\n      { id: 'sharedViews', title: 'Shared views', items: sharedViews as ViewItem[] },\n      { id: 'allPrivateViews', title: 'All private views', items: allPrivateViews as ViewItem[] },\n    ]\n  }, [myViews, sharedViews, allPrivateViews])\n\n  const workingViewItem: ViewMenuItem = useMemo(\n    () => ({\n      ...workingBaseView,\n      onClick: handleWorkingViewChange,\n      // expose reset button when handler is provided\n      isEditable: Boolean(onResetWorkingView),\n      onResetView: onResetWorkingView,\n    }),\n    [handleWorkingViewChange, onResetWorkingView],\n  )\n\n  // Build list with headers after computing items, omit sections with no items, and hide items when collapsed\n  const viewItems: ViewMenuItem[] = useMemo(() => {\n    const result: ViewMenuItem[] = [workingViewItem]\n\n    // Add divider only if any section exists\n    const visibleSections = sections.filter((s) => (s.items?.length || 0) > 0)\n    if (visibleSections.length > 0) result.push(VIEW_DIVIDER)\n\n    visibleSections.forEach((section) => {\n      const isCollapsed = !!collapsed[section.id]\n      result.push({\n        type: 'section',\n        id: section.id,\n        title: section.title,\n        collapsed: isCollapsed,\n        onToggle: () => toggleSection(section.id),\n      })\n      if (!isCollapsed) {\n        result.push(...section.items)\n      } else if (selectedId) {\n        const selectedItem = section.items.find((i) => i.id === selectedId)\n        if (selectedItem) result.push(selectedItem)\n      }\n    })\n\n    // Add a closing divider after all sections (only if sections exist)\n    if (visibleSections.length > 0) result.push(VIEW_DIVIDER)\n\n    return result\n  }, [workingViewItem, sections, collapsed, toggleSection, selectedId])\n\n  return viewItems\n}\n\nexport default useBuildViewMenuItems\n"],"names":["usePowerpack","useCreateViewMutation","useMemo","jsx","Icon","useCallback","workingView","generateWorkingView","toast","useLoadModule","getCustomViewsFallback","useLocalStorage","VIEW_DIVIDER"],"mappings":"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"}

package/dist/shared/src/containers/Views/hooks/useBuildViewMenuItems.es.js

@@ -1,6 +1,7 @@
 import { j as jsxRuntimeExports } from "../../../../../_virtual/jsx-runtime.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";
@@ -56,6 +57,9 @@ import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../api/queries/folders/getFolders.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/links/getEntityLinks.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";
@@ -78,6 +82,7 @@ import { VIEW_DIVIDER } from "../ViewsMenu/ViewsMenu.es.js";
 import { Icon } from "@ynput/ayon-react-components";
 import { generateWorkingView } from "../utils/generateWorkingView.es.js";
 import { toast } from "react-toastify";
+import { useLocalStorage } from "../../../hooks/useLocalStorage.es.js";
 import { useLoadModule } from "../../../hooks/useLoadModule.es.js";
 import "../../../../../_virtual/runtime.es.js";
 import "../../../../../_virtual/semver.es.js";
@@ -107,7 +112,8 @@ const useBuildViewMenuItems = ({
   onSelect,
   onEdit,
   onSave,
-  onResetWorkingView
+  onResetWorkingView,
+  selectedId
 }) => {
   const { powerLicense } = usePowerpack();
   const [createView] = useCreateViewMutation();
@@ -159,16 +165,27 @@ const useBuildViewMenuItems = ({
     // minVersion: minVersion,
     skip: !viewType || !powerLicense
   });
-  const { myViews, sharedViews } = useMemo(
-    () => getCustomViews({
-      viewsList: extendedViewsList,
-      onEdit,
-      onSelect,
-      onSave: handleEditView
-    }),
-    [viewsList, onEdit, onSelect, handleEditView]
+  const { myViews, sharedViews, allPrivateViews } = getCustomViews({
+    viewsList: extendedViewsList,
+    onEdit,
+    onSelect,
+    onSave: handleEditView
+  });
+  const stateKey = "viewsMenuCollapsed";
+  const [collapsed, setCollapsed] = useLocalStorage(stateKey, {});
+  const toggleSection = useCallback(
+    (id) => {
+      setCollapsed({ ...collapsed, [id]: !collapsed[id] });
+    },
+    [collapsed, setCollapsed]
   );
-  const dividers = myViews.length || sharedViews.length ? [VIEW_DIVIDER] : [];
+  const sections = useMemo(() => {
+    return [
+      { id: "myViews", title: "My views", items: myViews },
+      { id: "sharedViews", title: "Shared views", items: sharedViews },
+      { id: "allPrivateViews", title: "All private views", items: allPrivateViews }
+    ];
+  }, [myViews, sharedViews, allPrivateViews]);
   const workingViewItem = useMemo(
     () => ({
       ...workingBaseView,
@@ -179,10 +196,32 @@ const useBuildViewMenuItems = ({
     }),
     [handleWorkingViewChange, onResetWorkingView]
   );
-  const viewItems = useMemo(
-    () => [workingViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],
-    [workingView, myViews, sharedViews, workingViewItem]
-  );
+  const viewItems = useMemo(() => {
+    const result = [workingViewItem];
+    const visibleSections = sections.filter((s) => {
+      var _a;
+      return (((_a = s.items) == null ? void 0 : _a.length) || 0) > 0;
+    });
+    if (visibleSections.length > 0) result.push(VIEW_DIVIDER);
+    visibleSections.forEach((section) => {
+      const isCollapsed = !!collapsed[section.id];
+      result.push({
+        type: "section",
+        id: section.id,
+        title: section.title,
+        collapsed: isCollapsed,
+        onToggle: () => toggleSection(section.id)
+      });
+      if (!isCollapsed) {
+        result.push(...section.items);
+      } else if (selectedId) {
+        const selectedItem = section.items.find((i) => i.id === selectedId);
+        if (selectedItem) result.push(selectedItem);
+      }
+    });
+    if (visibleSections.length > 0) result.push(VIEW_DIVIDER);
+    return result;
+  }, [workingViewItem, sections, collapsed, toggleSection, selectedId]);
   return viewItems;
 };
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"useBuildViewMenuItems.es.js","sources":["../../../../../../src/containers/Views/hooks/useBuildViewMenuItems.tsx"],"sourcesContent":["import { useCreateViewMutation, UserModel, ViewListItemModel } from '@shared/api'\nimport { useCallback, useMemo } from 'react'\nimport { VIEW_DIVIDER, ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { generateWorkingView } from '../utils/generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useLoadModule } from '@shared/hooks'\nimport { getCustomViewsFallback } from '../utils/getCustomViewsFallback'\nimport { usePowerpack } from '@shared/context'\n\n// constants\nexport const WORKING_VIEW_ID = '_working_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\nexport type ViewListItemModelExtended = ViewListItemModel & {\n  isOwner: boolean\n  highlighted?: 'save' | 'edit'\n}\n\ntype Props = {\n  viewsList: ViewListItemModel[]\n  workingView?: ViewListItemModel\n  viewType?: string\n  projectName?: string\n  currentUser?: UserModel\n  useWorkingView?: boolean\n  editingViewId?: string // the preview id of the view being edited\n  onEdit: (viewId: string) => void\n  onSelect: (viewId: string) => void\n  onSave: (viewId: string) => Promise<void>\n  onResetWorkingView?: () => void\n}\n\nconst useBuildViewMenuItems = ({\n  viewsList,\n  workingView,\n  viewType,\n  projectName,\n  currentUser,\n  useWorkingView,\n  editingViewId,\n  onSelect,\n  onEdit,\n  onSave,\n  onResetWorkingView,\n}: Props): ViewMenuItem[] => {\n  const { powerLicense } = usePowerpack()\n\n  // MUTATIONS\n  const [createView] = useCreateViewMutation()\n\n  const extendedViewsList: ViewListItemModelExtended[] = useMemo(\n    () =>\n      viewsList.map((view) => ({\n        ...view,\n        isOwner: view.owner === currentUser?.name,\n        highlighted: editingViewId === view.id ? 'save' : undefined,\n      })),\n    [viewsList, currentUser, editingViewId],\n  )\n\n  const workingBaseView: ViewItem = {\n    id: WORKING_VIEW_ID,\n    label: useWorkingView ? 'Personal view' : 'Working view',\n    startContent: useWorkingView && <Icon icon=\"person\" />,\n    isEditable: false,\n  }\n\n  // if we have a working view, we use it, otherwise we create one\n  const handleWorkingViewChange = useCallback(async () => {\n    let workingViewId = workingView?.id\n    if (!workingView) {\n      // no working view found, create one\n      try {\n        console.warn('No working view found, creating a new one')\n        const workingView = generateWorkingView()\n        await createView({\n          payload: workingView,\n          viewType: viewType as string,\n          projectName: projectName,\n        }).unwrap()\n        // set id of the new view\n        workingViewId = workingView.id\n      } catch (error: any) {\n        toast.error(`Failed to create working view: ${error}`)\n      }\n    }\n    // select the working view\n    onSelect(workingViewId as string)\n  }, [workingView, viewType, createView, projectName, onSelect])\n\n  const handleEditView = async (viewId: string) => {\n    // save the view and then selected it\n    try {\n      await onSave(viewId)\n      onSelect(viewId)\n    } catch (error: any) {\n      toast.error(error)\n    }\n  }\n\n  const [getCustomViews, { isLoading: isLoadingQueries }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'getCustomViews',\n    fallback: getCustomViewsFallback,\n    // minVersion: minVersion,\n    skip: !viewType || !powerLicense,\n  })\n\n  const { myViews, sharedViews } = useMemo(\n    () =>\n      getCustomViews({\n        viewsList: extendedViewsList,\n        onEdit,\n        onSelect,\n        onSave: handleEditView,\n      }),\n    [viewsList, onEdit, onSelect, handleEditView],\n  )\n\n  const dividers = myViews.length || sharedViews.length ? [VIEW_DIVIDER] : []\n\n  const workingViewItem: ViewMenuItem = useMemo(\n    () => ({\n      ...workingBaseView,\n      onClick: handleWorkingViewChange,\n      // expose reset button when handler is provided\n      isEditable: Boolean(onResetWorkingView),\n      onResetView: onResetWorkingView,\n    }),\n    [handleWorkingViewChange, onResetWorkingView],\n  )\n\n  const viewItems: ViewMenuItem[] = useMemo(\n    () => [workingViewItem, ...dividers, ...myViews, ...sharedViews, ...dividers],\n    [workingView, myViews, sharedViews, workingViewItem],\n  )\n\n  return viewItems\n}\n\nexport default useBuildViewMenuItems\n"],"names":["jsx","workingView"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,kBAAkB;AAqB/B,MAAM,wBAAwB,CAAC;AAAA,EAC7B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA6B;AACrB,QAAA,EAAE,aAAa,IAAI,aAAa;AAGhC,QAAA,CAAC,UAAU,IAAI,sBAAsB;AAE3C,QAAM,oBAAiD;AAAA,IACrD,MACE,UAAU,IAAI,CAAC,UAAU;AAAA,MACvB,GAAG;AAAA,MACH,SAAS,KAAK,WAAU,2CAAa;AAAA,MACrC,aAAa,kBAAkB,KAAK,KAAK,SAAS;AAAA,IAAA,EAClD;AAAA,IACJ,CAAC,WAAW,aAAa,aAAa;AAAA,EACxC;AAEA,QAAM,kBAA4B;AAAA,IAChC,IAAI;AAAA,IACJ,OAAO,iBAAiB,kBAAkB;AAAA,IAC1C,cAAc,kBAAmBA,kCAAA,IAAA,MAAA,EAAK,MAAK,UAAS;AAAA,IACpD,YAAY;AAAA,EACd;AAGM,QAAA,0BAA0B,YAAY,YAAY;AACtD,QAAI,gBAAgB,2CAAa;AACjC,QAAI,CAAC,aAAa;AAEZ,UAAA;AACF,gBAAQ,KAAK,2CAA2C;AACxD,cAAMC,eAAc,oBAAoB;AACxC,cAAM,WAAW;AAAA,UACf,SAASA;AAAAA,UACT;AAAA,UACA;AAAA,QACD,CAAA,EAAE,OAAO;AAEV,wBAAgBA,aAAY;AAAA,eACrB,OAAY;AACb,cAAA,MAAM,kCAAkC,KAAK,EAAE;AAAA,MAAA;AAAA,IACvD;AAGF,aAAS,aAAuB;AAAA,EAAA,GAC/B,CAAC,aAAa,UAAU,YAAY,aAAa,QAAQ,CAAC;AAEvD,QAAA,iBAAiB,OAAO,WAAmB;AAE3C,QAAA;AACF,YAAM,OAAO,MAAM;AACnB,eAAS,MAAM;AAAA,aACR,OAAY;AACnB,YAAM,MAAM,KAAK;AAAA,IAAA;AAAA,EAErB;AAEA,QAAM,CAAC,gBAAgB,EAAE,WAAW,iBAAkB,CAAA,IAAI,cAAc;AAAA,IACtE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,QAAQ;AAAA,IACR,UAAU;AAAA;AAAA,IAEV,MAAM,CAAC,YAAY,CAAC;AAAA,EAAA,CACrB;AAEK,QAAA,EAAE,SAAS,YAAA,IAAgB;AAAA,IAC/B,MACE,eAAe;AAAA,MACb,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IAAA,CACT;AAAA,IACH,CAAC,WAAW,QAAQ,UAAU,cAAc;AAAA,EAC9C;AAEM,QAAA,WAAW,QAAQ,UAAU,YAAY,SAAS,CAAC,YAAY,IAAI,CAAC;AAE1E,QAAM,kBAAgC;AAAA,IACpC,OAAO;AAAA,MACL,GAAG;AAAA,MACH,SAAS;AAAA;AAAA,MAET,YAAY,QAAQ,kBAAkB;AAAA,MACtC,aAAa;AAAA,IAAA;AAAA,IAEf,CAAC,yBAAyB,kBAAkB;AAAA,EAC9C;AAEA,QAAM,YAA4B;AAAA,IAChC,MAAM,CAAC,iBAAiB,GAAG,UAAU,GAAG,SAAS,GAAG,aAAa,GAAG,QAAQ;AAAA,IAC5E,CAAC,aAAa,SAAS,aAAa,eAAe;AAAA,EACrD;AAEO,SAAA;AACT;"}
+{"version":3,"file":"useBuildViewMenuItems.es.js","sources":["../../../../../../src/containers/Views/hooks/useBuildViewMenuItems.tsx"],"sourcesContent":["import { useCreateViewMutation, UserModel, ViewListItemModel } from '@shared/api'\nimport { useCallback, useMemo } from 'react'\nimport { VIEW_DIVIDER, ViewMenuItem } from '../ViewsMenu/ViewsMenu'\nimport { ViewItem } from '../ViewItem/ViewItem'\nimport { Icon } from '@ynput/ayon-react-components'\nimport { generateWorkingView } from '../utils/generateWorkingView'\nimport { toast } from 'react-toastify'\nimport { useLoadModule, useLocalStorage } from '@shared/hooks'\nimport { getCustomViewsFallback } from '../utils/getCustomViewsFallback'\nimport { usePowerpack } from '@shared/context'\n\n// constants\nexport const WORKING_VIEW_ID = '_working_' as const\nexport const NEW_VIEW_ID = '_new_view_' as const\nexport type ViewListItemModelExtended = ViewListItemModel & {\n  isOwner: boolean\n  highlighted?: 'save' | 'edit'\n}\n\ntype Props = {\n  viewsList: ViewListItemModel[]\n  workingView?: ViewListItemModel\n  viewType?: string\n  projectName?: string\n  currentUser?: UserModel\n  useWorkingView?: boolean\n  editingViewId?: string // the preview id of the view being edited\n  selectedId?: string\n  onEdit: (viewId: string) => void\n  onSelect: (viewId: string) => void\n  onSave: (viewId: string) => Promise<void>\n  onResetWorkingView?: () => void\n}\n\ntype CollapsedState = Record<string, boolean>\n\nconst useBuildViewMenuItems = ({\n  viewsList,\n  workingView,\n  viewType,\n  projectName,\n  currentUser,\n  useWorkingView,\n  editingViewId,\n  onSelect,\n  onEdit,\n  onSave,\n  onResetWorkingView,\n  selectedId,\n}: Props): ViewMenuItem[] => {\n  const { powerLicense } = usePowerpack()\n\n  // MUTATIONS\n  const [createView] = useCreateViewMutation()\n\n  const extendedViewsList: ViewListItemModelExtended[] = useMemo(\n    () =>\n      viewsList.map((view) => ({\n        ...view,\n        isOwner: view.owner === currentUser?.name,\n        highlighted: editingViewId === view.id ? 'save' : undefined,\n      })),\n    [viewsList, currentUser, editingViewId],\n  )\n\n  const workingBaseView: ViewItem = {\n    id: WORKING_VIEW_ID,\n    label: useWorkingView ? 'Personal view' : 'Working view',\n    startContent: useWorkingView && <Icon icon=\"person\" />,\n    isEditable: false,\n  }\n\n  // if we have a working view, we use it, otherwise we create one\n  const handleWorkingViewChange = useCallback(async () => {\n    let workingViewId = workingView?.id\n    if (!workingView) {\n      // no working view found, create one\n      try {\n        console.warn('No working view found, creating a new one')\n        const workingView = generateWorkingView()\n        await createView({\n          payload: workingView,\n          viewType: viewType as string,\n          projectName: projectName,\n        }).unwrap()\n        // set id of the new view\n        workingViewId = workingView.id\n      } catch (error: any) {\n        toast.error(`Failed to create working view: ${error}`)\n      }\n    }\n    // select the working view\n    onSelect(workingViewId as string)\n  }, [workingView, viewType, createView, projectName, onSelect])\n\n  const handleEditView = async (viewId: string) => {\n    // save the view and then selected it\n    try {\n      await onSave(viewId)\n      onSelect(viewId)\n    } catch (error: any) {\n      toast.error(error)\n    }\n  }\n\n  const [getCustomViews, { isLoading: isLoadingQueries }] = useLoadModule({\n    addon: 'powerpack',\n    remote: 'views',\n    module: 'getCustomViews',\n    fallback: getCustomViewsFallback,\n    // minVersion: minVersion,\n    skip: !viewType || !powerLicense,\n  })\n\n  const { myViews, sharedViews, allPrivateViews } = getCustomViews({\n    viewsList: extendedViewsList,\n    onEdit,\n    onSelect,\n    onSave: handleEditView,\n  })\n\n  // Collapsed state persisted globally across all viewTypes and projects\n  const stateKey = 'viewsMenuCollapsed'\n\n  const [collapsed, setCollapsed] = useLocalStorage<CollapsedState>(stateKey, {})\n\n  const toggleSection = useCallback(\n    (id: string) => {\n      setCollapsed({ ...collapsed, [id]: !collapsed[id] })\n    },\n    [collapsed, setCollapsed],\n  )\n\n  const sections: Array<{ id: string; title: string; items: ViewItem[] }> = useMemo(() => {\n    return [\n      { id: 'myViews', title: 'My views', items: myViews as ViewItem[] },\n      { id: 'sharedViews', title: 'Shared views', items: sharedViews as ViewItem[] },\n      { id: 'allPrivateViews', title: 'All private views', items: allPrivateViews as ViewItem[] },\n    ]\n  }, [myViews, sharedViews, allPrivateViews])\n\n  const workingViewItem: ViewMenuItem = useMemo(\n    () => ({\n      ...workingBaseView,\n      onClick: handleWorkingViewChange,\n      // expose reset button when handler is provided\n      isEditable: Boolean(onResetWorkingView),\n      onResetView: onResetWorkingView,\n    }),\n    [handleWorkingViewChange, onResetWorkingView],\n  )\n\n  // Build list with headers after computing items, omit sections with no items, and hide items when collapsed\n  const viewItems: ViewMenuItem[] = useMemo(() => {\n    const result: ViewMenuItem[] = [workingViewItem]\n\n    // Add divider only if any section exists\n    const visibleSections = sections.filter((s) => (s.items?.length || 0) > 0)\n    if (visibleSections.length > 0) result.push(VIEW_DIVIDER)\n\n    visibleSections.forEach((section) => {\n      const isCollapsed = !!collapsed[section.id]\n      result.push({\n        type: 'section',\n        id: section.id,\n        title: section.title,\n        collapsed: isCollapsed,\n        onToggle: () => toggleSection(section.id),\n      })\n      if (!isCollapsed) {\n        result.push(...section.items)\n      } else if (selectedId) {\n        const selectedItem = section.items.find((i) => i.id === selectedId)\n        if (selectedItem) result.push(selectedItem)\n      }\n    })\n\n    // Add a closing divider after all sections (only if sections exist)\n    if (visibleSections.length > 0) result.push(VIEW_DIVIDER)\n\n    return result\n  }, [workingViewItem, sections, collapsed, toggleSection, selectedId])\n\n  return viewItems\n}\n\nexport default useBuildViewMenuItems\n"],"names":["jsx","workingView"],"mappings":"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"}

package/dist/shared/src/containers/Views/hooks/useSelectedView.cjs.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 require("../../../api/base/client.cjs.js");
 require("../../../api/generated/graphql.cjs.js");
+require("../../../api/generated/graphqlLinks.cjs.js");
 require("../../../api/generated/access.cjs.js");
 require("../../../api/generated/actions.cjs.js");
 require("../../../api/generated/activityFeed.cjs.js");
@@ -57,6 +58,9 @@ require("../../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../../api/queries/folders/getFolders.cjs.js");
 require("../../../api/queries/grouping/getGrouping.cjs.js");
+require("../../../api/queries/links/updateLinks.cjs.js");
+require("../../../api/queries/links/getLinks.cjs.js");
+require("../../../api/queries/links/getEntityLinks.cjs.js");
 require("../../../api/queries/overview/getOverview.cjs.js");
 require("../../../api/queries/overview/updateOverview.cjs.js");
 require("../../../api/queries/permissions/getPermissions.cjs.js");

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

@@ -1 +1 @@
-{"version":3,"file":"useSelectedView.cjs.js","sources":["../../../../../../src/containers/Views/hooks/useSelectedView.tsx"],"sourcesContent":["// here get and update the selected (default) view for the specific view type and project\n\nimport {\n  GetDefaultViewApiResponse,\n  useGetDefaultViewQuery,\n  useSetDefaultViewMutation,\n} from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useRef } from 'react'\n\ntype Props = {\n  viewType: string\n  projectName?: string\n}\n\ntype Return = [\n  selectedView: GetDefaultViewApiResponse | undefined,\n  setSelectedView: (viewId: string) => void,\n  previousSelectedViewId: string | undefined,\n]\n\nexport const useSelectedView = ({ viewType, projectName }: Props): Return => {\n  const { currentData: defaultView } = useGetDefaultViewQuery(\n    { viewType, projectName },\n    { skip: !viewType },\n  )\n\n  const [setDefaultView] = useSetDefaultViewMutation()\n\n  // Store the previous selected view ID\n  const previousSelectedViewIdByType = useRef<Record<string, string | undefined>>({})\n  const previousSelectedViewId = previousSelectedViewIdByType.current[viewType]\n\n  const setSelectedView = async (viewId: string) => {\n    if (!viewType) throw 'No view type provided for setting default view'\n\n    // Store the current view ID as previous before setting the new one\n    if (defaultView?.id && defaultView.id !== viewId) {\n      previousSelectedViewIdByType.current[viewType] = defaultView.id\n    }\n\n    console.log('setting default view:', viewId)\n\n    try {\n      await setDefaultView({\n        setDefaultViewRequestModel: {\n          viewId,\n        },\n        viewType,\n        projectName,\n      }).unwrap()\n    } catch (error) {\n      console.error('Failed to set default view:', error)\n      toast.warn(`Failed to set default view: ${error}`)\n    }\n  }\n\n  return [defaultView, setSelectedView, previousSelectedViewId]\n}\n"],"names":["useGetDefaultViewQuery","useSetDefaultViewMutation","useRef","toast"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,kBAAiC;AACrE,QAAA,EAAE,aAAa,YAAA,IAAgBA,SAAA;AAAA,IACnC,EAAE,UAAU,YAAY;AAAA,IACxB,EAAE,MAAM,CAAC,SAAS;AAAA,EACpB;AAEM,QAAA,CAAC,cAAc,IAAIC,sCAA0B;AAG7C,QAAA,+BAA+BC,MAA2C,OAAA,EAAE;AAC5E,QAAA,yBAAyB,6BAA6B,QAAQ,QAAQ;AAEtE,QAAA,kBAAkB,OAAO,WAAmB;AAC5C,QAAA,CAAC,SAAgB,OAAA;AAGrB,SAAI,2CAAa,OAAM,YAAY,OAAO,QAAQ;AACnB,mCAAA,QAAQ,QAAQ,IAAI,YAAY;AAAA,IAAA;AAGvD,YAAA,IAAI,yBAAyB,MAAM;AAEvC,QAAA;AACF,YAAM,eAAe;AAAA,QACnB,4BAA4B;AAAA,UAC1B;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,MACD,CAAA,EAAE,OAAO;AAAA,aACH,OAAO;AACN,cAAA,MAAM,+BAA+B,KAAK;AAC5CC,oBAAAA,MAAA,KAAK,+BAA+B,KAAK,EAAE;AAAA,IAAA;AAAA,EAErD;AAEO,SAAA,CAAC,aAAa,iBAAiB,sBAAsB;AAC9D;;"}
+{"version":3,"file":"useSelectedView.cjs.js","sources":["../../../../../../src/containers/Views/hooks/useSelectedView.tsx"],"sourcesContent":["// here get and update the selected (default) view for the specific view type and project\n\nimport {\n  GetDefaultViewApiResponse,\n  useGetDefaultViewQuery,\n  useSetDefaultViewMutation,\n} from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useRef } from 'react'\n\ntype Props = {\n  viewType: string\n  projectName?: string\n}\n\ntype Return = [\n  selectedView: GetDefaultViewApiResponse | undefined,\n  setSelectedView: (viewId: string) => void,\n  previousSelectedViewId: string | undefined,\n]\n\nexport const useSelectedView = ({ viewType, projectName }: Props): Return => {\n  const { currentData: defaultView } = useGetDefaultViewQuery(\n    { viewType, projectName },\n    { skip: !viewType },\n  )\n\n  const [setDefaultView] = useSetDefaultViewMutation()\n\n  // Store the previous selected view ID\n  const previousSelectedViewIdByType = useRef<Record<string, string | undefined>>({})\n  const previousSelectedViewId = previousSelectedViewIdByType.current[viewType]\n\n  const setSelectedView = async (viewId: string) => {\n    if (!viewType) throw 'No view type provided for setting default view'\n\n    // Store the current view ID as previous before setting the new one\n    if (defaultView?.id && defaultView.id !== viewId) {\n      previousSelectedViewIdByType.current[viewType] = defaultView.id\n    }\n\n    console.log('setting default view:', viewId)\n\n    try {\n      await setDefaultView({\n        setDefaultViewRequestModel: {\n          viewId,\n        },\n        viewType,\n        projectName,\n      }).unwrap()\n    } catch (error) {\n      console.error('Failed to set default view:', error)\n      toast.warn(`Failed to set default view: ${error}`)\n    }\n  }\n\n  return [defaultView, setSelectedView, previousSelectedViewId]\n}\n"],"names":["useGetDefaultViewQuery","useSetDefaultViewMutation","useRef","toast"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,kBAAiC;AACrE,QAAA,EAAE,aAAa,YAAA,IAAgBA,SAAA;AAAA,IACnC,EAAE,UAAU,YAAY;AAAA,IACxB,EAAE,MAAM,CAAC,SAAS;AAAA,EACpB;AAEM,QAAA,CAAC,cAAc,IAAIC,sCAA0B;AAG7C,QAAA,+BAA+BC,MAA2C,OAAA,EAAE;AAC5E,QAAA,yBAAyB,6BAA6B,QAAQ,QAAQ;AAEtE,QAAA,kBAAkB,OAAO,WAAmB;AAC5C,QAAA,CAAC,SAAgB,OAAA;AAGrB,SAAI,2CAAa,OAAM,YAAY,OAAO,QAAQ;AACnB,mCAAA,QAAQ,QAAQ,IAAI,YAAY;AAAA,IAAA;AAGvD,YAAA,IAAI,yBAAyB,MAAM;AAEvC,QAAA;AACF,YAAM,eAAe;AAAA,QACnB,4BAA4B;AAAA,UAC1B;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,MACD,CAAA,EAAE,OAAO;AAAA,aACH,OAAO;AACN,cAAA,MAAM,+BAA+B,KAAK;AAC5CC,oBAAAA,MAAA,KAAK,+BAA+B,KAAK,EAAE;AAAA,IAAA;AAAA,EAErD;AAEO,SAAA,CAAC,aAAa,iBAAiB,sBAAsB;AAC9D;;"}

package/dist/shared/src/containers/Views/hooks/useSelectedView.es.js

@@ -1,5 +1,6 @@
 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";
@@ -55,6 +56,9 @@ import "../../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../../api/queries/folders/getFolders.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/links/getEntityLinks.es.js";
 import "../../../api/queries/overview/getOverview.es.js";
 import "../../../api/queries/overview/updateOverview.es.js";
 import "../../../api/queries/permissions/getPermissions.es.js";

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

@@ -1 +1 @@
-{"version":3,"file":"useSelectedView.es.js","sources":["../../../../../../src/containers/Views/hooks/useSelectedView.tsx"],"sourcesContent":["// here get and update the selected (default) view for the specific view type and project\n\nimport {\n  GetDefaultViewApiResponse,\n  useGetDefaultViewQuery,\n  useSetDefaultViewMutation,\n} from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useRef } from 'react'\n\ntype Props = {\n  viewType: string\n  projectName?: string\n}\n\ntype Return = [\n  selectedView: GetDefaultViewApiResponse | undefined,\n  setSelectedView: (viewId: string) => void,\n  previousSelectedViewId: string | undefined,\n]\n\nexport const useSelectedView = ({ viewType, projectName }: Props): Return => {\n  const { currentData: defaultView } = useGetDefaultViewQuery(\n    { viewType, projectName },\n    { skip: !viewType },\n  )\n\n  const [setDefaultView] = useSetDefaultViewMutation()\n\n  // Store the previous selected view ID\n  const previousSelectedViewIdByType = useRef<Record<string, string | undefined>>({})\n  const previousSelectedViewId = previousSelectedViewIdByType.current[viewType]\n\n  const setSelectedView = async (viewId: string) => {\n    if (!viewType) throw 'No view type provided for setting default view'\n\n    // Store the current view ID as previous before setting the new one\n    if (defaultView?.id && defaultView.id !== viewId) {\n      previousSelectedViewIdByType.current[viewType] = defaultView.id\n    }\n\n    console.log('setting default view:', viewId)\n\n    try {\n      await setDefaultView({\n        setDefaultViewRequestModel: {\n          viewId,\n        },\n        viewType,\n        projectName,\n      }).unwrap()\n    } catch (error) {\n      console.error('Failed to set default view:', error)\n      toast.warn(`Failed to set default view: ${error}`)\n    }\n  }\n\n  return [defaultView, setSelectedView, previousSelectedViewId]\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,kBAAiC;AACrE,QAAA,EAAE,aAAa,YAAA,IAAgB;AAAA,IACnC,EAAE,UAAU,YAAY;AAAA,IACxB,EAAE,MAAM,CAAC,SAAS;AAAA,EACpB;AAEM,QAAA,CAAC,cAAc,IAAI,0BAA0B;AAG7C,QAAA,+BAA+B,OAA2C,EAAE;AAC5E,QAAA,yBAAyB,6BAA6B,QAAQ,QAAQ;AAEtE,QAAA,kBAAkB,OAAO,WAAmB;AAC5C,QAAA,CAAC,SAAgB,OAAA;AAGrB,SAAI,2CAAa,OAAM,YAAY,OAAO,QAAQ;AACnB,mCAAA,QAAQ,QAAQ,IAAI,YAAY;AAAA,IAAA;AAGvD,YAAA,IAAI,yBAAyB,MAAM;AAEvC,QAAA;AACF,YAAM,eAAe;AAAA,QACnB,4BAA4B;AAAA,UAC1B;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,MACD,CAAA,EAAE,OAAO;AAAA,aACH,OAAO;AACN,cAAA,MAAM,+BAA+B,KAAK;AAC5C,YAAA,KAAK,+BAA+B,KAAK,EAAE;AAAA,IAAA;AAAA,EAErD;AAEO,SAAA,CAAC,aAAa,iBAAiB,sBAAsB;AAC9D;"}
+{"version":3,"file":"useSelectedView.es.js","sources":["../../../../../../src/containers/Views/hooks/useSelectedView.tsx"],"sourcesContent":["// here get and update the selected (default) view for the specific view type and project\n\nimport {\n  GetDefaultViewApiResponse,\n  useGetDefaultViewQuery,\n  useSetDefaultViewMutation,\n} from '@shared/api'\nimport { toast } from 'react-toastify'\nimport { useRef } from 'react'\n\ntype Props = {\n  viewType: string\n  projectName?: string\n}\n\ntype Return = [\n  selectedView: GetDefaultViewApiResponse | undefined,\n  setSelectedView: (viewId: string) => void,\n  previousSelectedViewId: string | undefined,\n]\n\nexport const useSelectedView = ({ viewType, projectName }: Props): Return => {\n  const { currentData: defaultView } = useGetDefaultViewQuery(\n    { viewType, projectName },\n    { skip: !viewType },\n  )\n\n  const [setDefaultView] = useSetDefaultViewMutation()\n\n  // Store the previous selected view ID\n  const previousSelectedViewIdByType = useRef<Record<string, string | undefined>>({})\n  const previousSelectedViewId = previousSelectedViewIdByType.current[viewType]\n\n  const setSelectedView = async (viewId: string) => {\n    if (!viewType) throw 'No view type provided for setting default view'\n\n    // Store the current view ID as previous before setting the new one\n    if (defaultView?.id && defaultView.id !== viewId) {\n      previousSelectedViewIdByType.current[viewType] = defaultView.id\n    }\n\n    console.log('setting default view:', viewId)\n\n    try {\n      await setDefaultView({\n        setDefaultViewRequestModel: {\n          viewId,\n        },\n        viewType,\n        projectName,\n      }).unwrap()\n    } catch (error) {\n      console.error('Failed to set default view:', error)\n      toast.warn(`Failed to set default view: ${error}`)\n    }\n  }\n\n  return [defaultView, setSelectedView, previousSelectedViewId]\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,kBAAiC;AACrE,QAAA,EAAE,aAAa,YAAA,IAAgB;AAAA,IACnC,EAAE,UAAU,YAAY;AAAA,IACxB,EAAE,MAAM,CAAC,SAAS;AAAA,EACpB;AAEM,QAAA,CAAC,cAAc,IAAI,0BAA0B;AAG7C,QAAA,+BAA+B,OAA2C,EAAE;AAC5E,QAAA,yBAAyB,6BAA6B,QAAQ,QAAQ;AAEtE,QAAA,kBAAkB,OAAO,WAAmB;AAC5C,QAAA,CAAC,SAAgB,OAAA;AAGrB,SAAI,2CAAa,OAAM,YAAY,OAAO,QAAQ;AACnB,mCAAA,QAAQ,QAAQ,IAAI,YAAY;AAAA,IAAA;AAGvD,YAAA,IAAI,yBAAyB,MAAM;AAEvC,QAAA;AACF,YAAM,eAAe;AAAA,QACnB,4BAA4B;AAAA,UAC1B;AAAA,QACF;AAAA,QACA;AAAA,QACA;AAAA,MACD,CAAA,EAAE,OAAO;AAAA,aACH,OAAO;AACN,cAAA,MAAM,+BAA+B,KAAK;AAC5C,YAAA,KAAK,+BAA+B,KAAK,EAAE;AAAA,IAAA;AAAA,EAErD;AAEO,SAAA,CAAC,aAAa,iBAAiB,sBAAsB;AAC9D;"}