@ynput/ayon-frontend-shared 0.2.21 → 0.2.22

package/dist/shared/src/api/queries/views/updateViews.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"updateViews.cjs.js","sources":["../../../../../../src/api/queries/views/updateViews.ts"],"sourcesContent":["import { ViewListItemModel } from '@shared/api/generated'\nimport { getScopeTag, getViewsApi } from './getViews'\n\nconst updateViewsApi = getViewsApi.enhanceEndpoints({\n  endpoints: {\n    createView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled, getState }) => {\n        const { payload } = arg\n        const state = getState()\n        // @ts-expect-error - user is not typed in the state\n        const user = state.user.name\n\n        // Optimistically update the view list\n        const patch = dispatch(\n          getViewsApi.util.updateQueryData(\n            'listViews',\n            { viewType: arg.viewType, projectName: arg.projectName },\n            (draft) => {\n              const newView: ViewListItemModel = {\n                ...payload,\n                working: payload.working || false,\n                scope: arg.projectName ? 'project' : 'studio',\n                visibility: 'private',\n                position: draft.length + 1, // Add to the end of the list\n                owner: user,\n                editable: true,\n                access: {},\n              }\n              if (payload.working) {\n                // For working views, find and replace the existing working view\n                const existingWorkingIndex = draft.findIndex((view) => view.working === true)\n                if (existingWorkingIndex !== -1) {\n                  // Keep the existing ID but update all other properties\n                  const existingId = draft[existingWorkingIndex].id\n                  draft[existingWorkingIndex] = { ...newView, id: existingId }\n                } else {\n                  // No existing working view, add the new one\n                  draft.push(newView)\n                }\n              } else {\n                // For non-working views, add to the list as usual\n                draft.push(newView)\n              }\n\n              // finally sort the view by position and then by label\n              draft.sort((a, b) => {\n                if (a.position !== b.position) {\n                  return a.position - b.position\n                }\n                return a.label.localeCompare(b.label)\n              })\n            },\n          ),\n        )\n\n        // Also update the getWorkingView cache if this is a working view\n        let workingViewPatch\n        if (payload.working) {\n          workingViewPatch = dispatch(\n            getViewsApi.util.updateQueryData(\n              'getWorkingView',\n              { viewType: arg.viewType, projectName: arg.projectName },\n              (draft) => {\n                // Preserve the existing ID if there's already a working view\n                const existingId = draft?.id\n                const updatedWorkingView = {\n                  ...payload,\n                  working: true,\n                  scope: arg.projectName ? 'project' : 'studio',\n                  visibility: 'private',\n                  owner: user,\n                  ...(existingId && { id: existingId }), // Keep existing ID if it exists\n                }\n                console.log('Updated working view:', updatedWorkingView)\n                // Update the working view cache with the new view data\n                Object.assign(draft, updatedWorkingView)\n              },\n            ),\n          )\n        }\n\n        try {\n          await queryFulfilled\n        } catch (error) {\n          // If the query failed, we need to roll back the optimistic updates\n          patch.undo()\n          if (workingViewPatch) {\n            workingViewPatch.undo()\n          }\n          console.error('Failed to create view:', error)\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the view list cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, payload }) => [\n        { type: 'view', id: payload.id },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    updateView: {\n      transformErrorResponse: (error: any) => error.data?.detail,\n      invalidatesTags: (_r, _e, { viewType, projectName, viewId }) => [\n        { type: 'view', id: viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    deleteView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled }) => {\n        const { viewId, projectName, viewType } = arg\n        // Optimistically remove the view from the list\n        const patch = dispatch(\n          getViewsApi.util.updateQueryData('listViews', { viewType, projectName }, (draft) => {\n            return draft.filter((view) => view.id !== viewId)\n          }),\n        )\n\n        try {\n          await queryFulfilled\n        } catch (error) {\n          // If the query failed, we need to roll back the optimistic update\n          patch.undo()\n          console.error('Failed to delete view:', error)\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the view list cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, viewId }) => [\n        { type: 'view', id: viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    setDefaultView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled, getState }) => {\n        const { setDefaultViewRequestModel, projectName, viewType } = arg\n        const { viewId } = setDefaultViewRequestModel\n        const state = getState()\n        // get current state of default view\n        const currentDefaultView = getViewsApi.endpoints.getDefaultView.select({\n          viewType,\n          projectName,\n        })(state)\n\n        // check if there is even a cache for the default view\n        if (currentDefaultView?.isSuccess && currentDefaultView.data?.id) {\n          // Optimistically update the default view\n          const patch = dispatch(\n            getViewsApi.util.updateQueryData(\n              'getDefaultView',\n              { viewType, projectName },\n              (draft) => {\n                if (draft) {\n                  // Try to find the view in the listViews cache\n                  const listViewData = getViewsApi.endpoints.listViews.select({\n                    viewType,\n                    projectName,\n                  })(state)\n                  const view = listViewData?.data?.find((v) => v.id === viewId)\n\n                  console.debug('updating default view:', viewId, 'found in list:', view)\n\n                  if (view) {\n                    // If the view is found in the listViews cache, update the getDefaultView cache with the full view data\n                    Object.assign(draft, view)\n                  } else {\n                    // If the view is not found, only update the ID\n                    draft.id = viewId\n                  }\n                }\n              },\n            ),\n          )\n\n          try {\n            await queryFulfilled\n          } catch (error) {\n            // If the query failed, we need to roll back the optimistic update\n            patch.undo()\n            console.error('Failed to set default view:', error)\n          }\n        } else {\n          console.warn(\n            'No current default view found, skipping optimistic update and invalidating default view cache',\n          )\n          // If there is no current default view, we skip the optimistic update\n          // it will be handled by the invalidation below\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the default view cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, setDefaultViewRequestModel }) => [\n        { type: 'view', id: setDefaultViewRequestModel.viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n  },\n})\n\nexport const {\n  useCreateViewMutation,\n  useUpdateViewMutation,\n  useDeleteViewMutation,\n  useSetDefaultViewMutation,\n} = updateViewsApi\nexport { updateViewsApi as viewsQueries }\n"],"names":["getViewsApi","getScopeTag","_a"],"mappings":"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"}
+{"version":3,"file":"updateViews.cjs.js","sources":["../../../../../../src/api/queries/views/updateViews.ts"],"sourcesContent":["import { ViewListItemModel } from '@shared/api/generated'\nimport { getScopeTag, getViewsApi } from './getViews'\n\nconst updateViewsApi = getViewsApi.enhanceEndpoints({\n  endpoints: {\n    createView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled, getState }) => {\n        const { payload } = arg\n        const state = getState()\n        // @ts-expect-error - user is not typed in the state\n        const user = state.user.name\n\n        // Optimistically update the view list\n        const patch = dispatch(\n          getViewsApi.util.updateQueryData(\n            'listViews',\n            { viewType: arg.viewType, projectName: arg.projectName },\n            (draft) => {\n              const newView: ViewListItemModel = {\n                ...payload,\n                working: payload.working || false,\n                scope: arg.projectName ? 'project' : 'studio',\n                visibility: 'private',\n                position: draft.length + 1, // Add to the end of the list\n                owner: user,\n                editable: true,\n                access: {},\n              }\n              if (payload.working) {\n                // For working views, find and replace the existing working view\n                const existingWorkingIndex = draft.findIndex((view) => view.working === true)\n                if (existingWorkingIndex !== -1) {\n                  // Keep the existing ID but update all other properties\n                  const existingId = draft[existingWorkingIndex].id\n                  draft[existingWorkingIndex] = { ...newView, id: existingId }\n                } else {\n                  // No existing working view, add the new one\n                  draft.push(newView)\n                }\n              } else {\n                // For non-working views, add to the list as usual\n                draft.push(newView)\n              }\n\n              // finally sort the view by position and then by label\n              draft.sort((a, b) => {\n                if (a.position !== b.position) {\n                  return a.position - b.position\n                }\n                return a.label.localeCompare(b.label)\n              })\n            },\n          ),\n        )\n\n        // Also update the getWorkingView cache if this is a working view\n        let workingViewPatch\n        if (payload.working) {\n          workingViewPatch = dispatch(\n            getViewsApi.util.updateQueryData(\n              'getWorkingView',\n              { viewType: arg.viewType, projectName: arg.projectName },\n              (draft) => {\n                // Preserve the existing ID if there's already a working view\n                const existingId = draft?.id\n                const updatedWorkingView = {\n                  ...payload,\n                  working: true,\n                  scope: arg.projectName ? 'project' : 'studio',\n                  visibility: 'private',\n                  owner: user,\n                  ...(existingId && { id: existingId }), // Keep existing ID if it exists\n                }\n                // Update the working view cache with the new view data\n                Object.assign(draft, updatedWorkingView)\n              },\n            ),\n          )\n        }\n\n        try {\n          await queryFulfilled\n        } catch (error) {\n          // If the query failed, we need to roll back the optimistic updates\n          patch.undo()\n          if (workingViewPatch) {\n            workingViewPatch.undo()\n          }\n          console.error('Failed to create view:', error)\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the view list cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, payload }) => [\n        { type: 'view', id: payload.id },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    updateView: {\n      transformErrorResponse: (error: any) => error.data?.detail,\n      invalidatesTags: (_r, _e, { viewType, projectName, viewId }) => [\n        { type: 'view', id: viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    deleteView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled }) => {\n        const { viewId, projectName, viewType } = arg\n        // Optimistically remove the view from the list\n        const patch = dispatch(\n          getViewsApi.util.updateQueryData('listViews', { viewType, projectName }, (draft) => {\n            return draft.filter((view) => view.id !== viewId)\n          }),\n        )\n\n        try {\n          await queryFulfilled\n        } catch (error) {\n          // If the query failed, we need to roll back the optimistic update\n          patch.undo()\n          console.error('Failed to delete view:', error)\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the view list cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, viewId }) => [\n        { type: 'view', id: viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    setDefaultView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled, getState }) => {\n        const { setDefaultViewRequestModel, projectName, viewType } = arg\n        const { viewId } = setDefaultViewRequestModel\n        const state = getState()\n        // get current state of default view\n        const currentDefaultView = getViewsApi.endpoints.getDefaultView.select({\n          viewType,\n          projectName,\n        })(state)\n\n        // check if there is even a cache for the default view\n        if (currentDefaultView?.isSuccess && currentDefaultView.data?.id) {\n          // Optimistically update the default view\n          const patch = dispatch(\n            getViewsApi.util.updateQueryData(\n              'getDefaultView',\n              { viewType, projectName },\n              (draft) => {\n                if (draft) {\n                  // Try to find the view in the listViews cache\n                  const listViewData = getViewsApi.endpoints.listViews.select({\n                    viewType,\n                    projectName,\n                  })(state)\n                  const view = listViewData?.data?.find((v) => v.id === viewId)\n\n                  if (view) {\n                    // If the view is found in the listViews cache, update the getDefaultView cache with the full view data\n                    Object.assign(draft, view)\n                  } else {\n                    // If the view is not found, only update the ID\n                    draft.id = viewId\n                  }\n                }\n              },\n            ),\n          )\n\n          try {\n            await queryFulfilled\n          } catch (error) {\n            // If the query failed, we need to roll back the optimistic update\n            patch.undo()\n            console.error('Failed to set default view:', error)\n          }\n        } else {\n          console.warn(\n            'No current default view found, skipping optimistic update and invalidating default view cache',\n          )\n          // If there is no current default view, we skip the optimistic update\n          // it will be handled by the invalidation below\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the default view cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, setDefaultViewRequestModel }) => [\n        { type: 'view', id: setDefaultViewRequestModel.viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n  },\n})\n\nexport const {\n  useCreateViewMutation,\n  useUpdateViewMutation,\n  useDeleteViewMutation,\n  useSetDefaultViewMutation,\n} = updateViewsApi\nexport { updateViewsApi as viewsQueries }\n"],"names":["getViewsApi","getScopeTag","_a"],"mappings":"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"}

package/dist/shared/src/api/queries/views/updateViews.es.js

@@ -59,7 +59,6 @@ const updateViewsApi = getViewsApi.enhanceEndpoints({
                   ...existingId && { id: existingId }
                   // Keep existing ID if it exists
                 };
-                console.log("Updated working view:", updatedWorkingView);
                 Object.assign(draft, updatedWorkingView);
               }
             )
@@ -143,7 +142,6 @@ const updateViewsApi = getViewsApi.enhanceEndpoints({
                     projectName
                   })(state);
                   const view = (_a2 = listViewData == null ? void 0 : listViewData.data) == null ? void 0 : _a2.find((v) => v.id === viewId);
-                  console.debug("updating default view:", viewId, "found in list:", view);
                   if (view) {
                     Object.assign(draft, view);
                   } else {

package/dist/shared/src/api/queries/views/updateViews.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"updateViews.es.js","sources":["../../../../../../src/api/queries/views/updateViews.ts"],"sourcesContent":["import { ViewListItemModel } from '@shared/api/generated'\nimport { getScopeTag, getViewsApi } from './getViews'\n\nconst updateViewsApi = getViewsApi.enhanceEndpoints({\n  endpoints: {\n    createView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled, getState }) => {\n        const { payload } = arg\n        const state = getState()\n        // @ts-expect-error - user is not typed in the state\n        const user = state.user.name\n\n        // Optimistically update the view list\n        const patch = dispatch(\n          getViewsApi.util.updateQueryData(\n            'listViews',\n            { viewType: arg.viewType, projectName: arg.projectName },\n            (draft) => {\n              const newView: ViewListItemModel = {\n                ...payload,\n                working: payload.working || false,\n                scope: arg.projectName ? 'project' : 'studio',\n                visibility: 'private',\n                position: draft.length + 1, // Add to the end of the list\n                owner: user,\n                editable: true,\n                access: {},\n              }\n              if (payload.working) {\n                // For working views, find and replace the existing working view\n                const existingWorkingIndex = draft.findIndex((view) => view.working === true)\n                if (existingWorkingIndex !== -1) {\n                  // Keep the existing ID but update all other properties\n                  const existingId = draft[existingWorkingIndex].id\n                  draft[existingWorkingIndex] = { ...newView, id: existingId }\n                } else {\n                  // No existing working view, add the new one\n                  draft.push(newView)\n                }\n              } else {\n                // For non-working views, add to the list as usual\n                draft.push(newView)\n              }\n\n              // finally sort the view by position and then by label\n              draft.sort((a, b) => {\n                if (a.position !== b.position) {\n                  return a.position - b.position\n                }\n                return a.label.localeCompare(b.label)\n              })\n            },\n          ),\n        )\n\n        // Also update the getWorkingView cache if this is a working view\n        let workingViewPatch\n        if (payload.working) {\n          workingViewPatch = dispatch(\n            getViewsApi.util.updateQueryData(\n              'getWorkingView',\n              { viewType: arg.viewType, projectName: arg.projectName },\n              (draft) => {\n                // Preserve the existing ID if there's already a working view\n                const existingId = draft?.id\n                const updatedWorkingView = {\n                  ...payload,\n                  working: true,\n                  scope: arg.projectName ? 'project' : 'studio',\n                  visibility: 'private',\n                  owner: user,\n                  ...(existingId && { id: existingId }), // Keep existing ID if it exists\n                }\n                console.log('Updated working view:', updatedWorkingView)\n                // Update the working view cache with the new view data\n                Object.assign(draft, updatedWorkingView)\n              },\n            ),\n          )\n        }\n\n        try {\n          await queryFulfilled\n        } catch (error) {\n          // If the query failed, we need to roll back the optimistic updates\n          patch.undo()\n          if (workingViewPatch) {\n            workingViewPatch.undo()\n          }\n          console.error('Failed to create view:', error)\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the view list cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, payload }) => [\n        { type: 'view', id: payload.id },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    updateView: {\n      transformErrorResponse: (error: any) => error.data?.detail,\n      invalidatesTags: (_r, _e, { viewType, projectName, viewId }) => [\n        { type: 'view', id: viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    deleteView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled }) => {\n        const { viewId, projectName, viewType } = arg\n        // Optimistically remove the view from the list\n        const patch = dispatch(\n          getViewsApi.util.updateQueryData('listViews', { viewType, projectName }, (draft) => {\n            return draft.filter((view) => view.id !== viewId)\n          }),\n        )\n\n        try {\n          await queryFulfilled\n        } catch (error) {\n          // If the query failed, we need to roll back the optimistic update\n          patch.undo()\n          console.error('Failed to delete view:', error)\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the view list cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, viewId }) => [\n        { type: 'view', id: viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    setDefaultView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled, getState }) => {\n        const { setDefaultViewRequestModel, projectName, viewType } = arg\n        const { viewId } = setDefaultViewRequestModel\n        const state = getState()\n        // get current state of default view\n        const currentDefaultView = getViewsApi.endpoints.getDefaultView.select({\n          viewType,\n          projectName,\n        })(state)\n\n        // check if there is even a cache for the default view\n        if (currentDefaultView?.isSuccess && currentDefaultView.data?.id) {\n          // Optimistically update the default view\n          const patch = dispatch(\n            getViewsApi.util.updateQueryData(\n              'getDefaultView',\n              { viewType, projectName },\n              (draft) => {\n                if (draft) {\n                  // Try to find the view in the listViews cache\n                  const listViewData = getViewsApi.endpoints.listViews.select({\n                    viewType,\n                    projectName,\n                  })(state)\n                  const view = listViewData?.data?.find((v) => v.id === viewId)\n\n                  console.debug('updating default view:', viewId, 'found in list:', view)\n\n                  if (view) {\n                    // If the view is found in the listViews cache, update the getDefaultView cache with the full view data\n                    Object.assign(draft, view)\n                  } else {\n                    // If the view is not found, only update the ID\n                    draft.id = viewId\n                  }\n                }\n              },\n            ),\n          )\n\n          try {\n            await queryFulfilled\n          } catch (error) {\n            // If the query failed, we need to roll back the optimistic update\n            patch.undo()\n            console.error('Failed to set default view:', error)\n          }\n        } else {\n          console.warn(\n            'No current default view found, skipping optimistic update and invalidating default view cache',\n          )\n          // If there is no current default view, we skip the optimistic update\n          // it will be handled by the invalidation below\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the default view cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, setDefaultViewRequestModel }) => [\n        { type: 'view', id: setDefaultViewRequestModel.viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n  },\n})\n\nexport const {\n  useCreateViewMutation,\n  useUpdateViewMutation,\n  useDeleteViewMutation,\n  useSetDefaultViewMutation,\n} = updateViewsApi\nexport { updateViewsApi as viewsQueries }\n"],"names":["_a"],"mappings":"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"}
+{"version":3,"file":"updateViews.es.js","sources":["../../../../../../src/api/queries/views/updateViews.ts"],"sourcesContent":["import { ViewListItemModel } from '@shared/api/generated'\nimport { getScopeTag, getViewsApi } from './getViews'\n\nconst updateViewsApi = getViewsApi.enhanceEndpoints({\n  endpoints: {\n    createView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled, getState }) => {\n        const { payload } = arg\n        const state = getState()\n        // @ts-expect-error - user is not typed in the state\n        const user = state.user.name\n\n        // Optimistically update the view list\n        const patch = dispatch(\n          getViewsApi.util.updateQueryData(\n            'listViews',\n            { viewType: arg.viewType, projectName: arg.projectName },\n            (draft) => {\n              const newView: ViewListItemModel = {\n                ...payload,\n                working: payload.working || false,\n                scope: arg.projectName ? 'project' : 'studio',\n                visibility: 'private',\n                position: draft.length + 1, // Add to the end of the list\n                owner: user,\n                editable: true,\n                access: {},\n              }\n              if (payload.working) {\n                // For working views, find and replace the existing working view\n                const existingWorkingIndex = draft.findIndex((view) => view.working === true)\n                if (existingWorkingIndex !== -1) {\n                  // Keep the existing ID but update all other properties\n                  const existingId = draft[existingWorkingIndex].id\n                  draft[existingWorkingIndex] = { ...newView, id: existingId }\n                } else {\n                  // No existing working view, add the new one\n                  draft.push(newView)\n                }\n              } else {\n                // For non-working views, add to the list as usual\n                draft.push(newView)\n              }\n\n              // finally sort the view by position and then by label\n              draft.sort((a, b) => {\n                if (a.position !== b.position) {\n                  return a.position - b.position\n                }\n                return a.label.localeCompare(b.label)\n              })\n            },\n          ),\n        )\n\n        // Also update the getWorkingView cache if this is a working view\n        let workingViewPatch\n        if (payload.working) {\n          workingViewPatch = dispatch(\n            getViewsApi.util.updateQueryData(\n              'getWorkingView',\n              { viewType: arg.viewType, projectName: arg.projectName },\n              (draft) => {\n                // Preserve the existing ID if there's already a working view\n                const existingId = draft?.id\n                const updatedWorkingView = {\n                  ...payload,\n                  working: true,\n                  scope: arg.projectName ? 'project' : 'studio',\n                  visibility: 'private',\n                  owner: user,\n                  ...(existingId && { id: existingId }), // Keep existing ID if it exists\n                }\n                // Update the working view cache with the new view data\n                Object.assign(draft, updatedWorkingView)\n              },\n            ),\n          )\n        }\n\n        try {\n          await queryFulfilled\n        } catch (error) {\n          // If the query failed, we need to roll back the optimistic updates\n          patch.undo()\n          if (workingViewPatch) {\n            workingViewPatch.undo()\n          }\n          console.error('Failed to create view:', error)\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the view list cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, payload }) => [\n        { type: 'view', id: payload.id },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    updateView: {\n      transformErrorResponse: (error: any) => error.data?.detail,\n      invalidatesTags: (_r, _e, { viewType, projectName, viewId }) => [\n        { type: 'view', id: viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    deleteView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled }) => {\n        const { viewId, projectName, viewType } = arg\n        // Optimistically remove the view from the list\n        const patch = dispatch(\n          getViewsApi.util.updateQueryData('listViews', { viewType, projectName }, (draft) => {\n            return draft.filter((view) => view.id !== viewId)\n          }),\n        )\n\n        try {\n          await queryFulfilled\n        } catch (error) {\n          // If the query failed, we need to roll back the optimistic update\n          patch.undo()\n          console.error('Failed to delete view:', error)\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the view list cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, viewId }) => [\n        { type: 'view', id: viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n    setDefaultView: {\n      onQueryStarted: async (arg, { dispatch, queryFulfilled, getState }) => {\n        const { setDefaultViewRequestModel, projectName, viewType } = arg\n        const { viewId } = setDefaultViewRequestModel\n        const state = getState()\n        // get current state of default view\n        const currentDefaultView = getViewsApi.endpoints.getDefaultView.select({\n          viewType,\n          projectName,\n        })(state)\n\n        // check if there is even a cache for the default view\n        if (currentDefaultView?.isSuccess && currentDefaultView.data?.id) {\n          // Optimistically update the default view\n          const patch = dispatch(\n            getViewsApi.util.updateQueryData(\n              'getDefaultView',\n              { viewType, projectName },\n              (draft) => {\n                if (draft) {\n                  // Try to find the view in the listViews cache\n                  const listViewData = getViewsApi.endpoints.listViews.select({\n                    viewType,\n                    projectName,\n                  })(state)\n                  const view = listViewData?.data?.find((v) => v.id === viewId)\n\n                  if (view) {\n                    // If the view is found in the listViews cache, update the getDefaultView cache with the full view data\n                    Object.assign(draft, view)\n                  } else {\n                    // If the view is not found, only update the ID\n                    draft.id = viewId\n                  }\n                }\n              },\n            ),\n          )\n\n          try {\n            await queryFulfilled\n          } catch (error) {\n            // If the query failed, we need to roll back the optimistic update\n            patch.undo()\n            console.error('Failed to set default view:', error)\n          }\n        } else {\n          console.warn(\n            'No current default view found, skipping optimistic update and invalidating default view cache',\n          )\n          // If there is no current default view, we skip the optimistic update\n          // it will be handled by the invalidation below\n        }\n      },\n      transformErrorResponse: (error: any) => error.data?.detail,\n      // updates the default view cache for a specific view type and project\n      invalidatesTags: (_r, _e, { viewType, projectName, setDefaultViewRequestModel }) => [\n        { type: 'view', id: setDefaultViewRequestModel.viewId },\n        getScopeTag(viewType, projectName),\n      ],\n    },\n  },\n})\n\nexport const {\n  useCreateViewMutation,\n  useUpdateViewMutation,\n  useDeleteViewMutation,\n  useSetDefaultViewMutation,\n} = updateViewsApi\nexport { updateViewsApi as viewsQueries }\n"],"names":["_a"],"mappings":"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"}

package/dist/shared/src/components/DetailsDialog/DetailsDialog.cjs.js

@@ -49,6 +49,7 @@ require("../../api/queries/addons/updateAddons.cjs.js");
 require("../../api/queries/attributes/getAttributes.cjs.js");
 require("../../api/queries/attributes/updateAttributes.cjs.js");
 require("../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../api/queries/cloud/cloud.cjs.js");
 const getEntity = require("../../api/queries/entities/getEntity.cjs.js");
 require("../../api/queries/entities/getEntityPanel.cjs.js");
 require("../../api/queries/entities/updateEntity.cjs.js");
@@ -57,24 +58,24 @@ require("../../api/queries/entityLists/updateLists.cjs.js");
 require("../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../api/queries/folders/getFolders.cjs.js");
+require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/overview/getOverview.cjs.js");
 require("../../api/queries/overview/updateOverview.cjs.js");
+require("../../api/queries/permissions/getPermissions.cjs.js");
+require("../../api/queries/products/createProduct.cjs.js");
 require("../../api/queries/project/getProject.cjs.js");
 require("../../api/queries/project/updateProject.cjs.js");
 require("../../api/queries/review/getReview.cjs.js");
 require("../../api/queries/review/updateReview.cjs.js");
+require("../../api/queries/share/share.cjs.js");
 require("../../api/queries/system/getSystem.cjs.js");
 require("../../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../../api/queries/users/getUsers.cjs.js");
 require("../../api/queries/users/updateUsers.cjs.js");
-require("../../api/queries/watchers/getWatchers.cjs.js");
-require("../../api/queries/permissions/getPermissions.cjs.js");
-require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/versions/updateVersions.cjs.js");
-require("../../api/queries/products/createProduct.cjs.js");
-require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/views/getViews.cjs.js");
 require("../../api/queries/views/updateViews.cjs.js");
+require("../../api/queries/watchers/getWatchers.cjs.js");
 const ayonReactComponents = require("@ynput/ayon-react-components");
 const DetailsDialog = ({
   projectName,

package/dist/shared/src/components/DetailsDialog/DetailsDialog.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsDialog.cjs.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog } from '@ynput/ayon-react-components'\n\nexport interface DetailsDialogProps {\n  projectName?: string\n  entityType: string\n  entityIds: string[]\n  visible: boolean\n  onHide: () => void\n}\n\nexport const DetailsDialog = ({\n  projectName,\n  entityType,\n  entityIds,\n  visible,\n  onHide,\n}: DetailsDialogProps) => {\n  const {\n    data = {},\n    isLoading,\n    isError,\n    error,\n  } = useGetEntityQuery(\n    { projectName, entityType: entityType, entityId: entityIds[0] },\n    { skip: !visible },\n  )\n\n  if (isLoading)\n    if (isError) {\n      toast.error(`Unable to load detail. ${error}`)\n    }\n\n  if (!visible || data.length < 1) return null\n\n  return (\n    <Dialog\n      isOpen={true}\n      onClose={onHide}\n      size=\"lg\"\n      style={{ width: '50vw' }}\n      header={`${entityType} detail`}\n    >\n      <pre>\n        {!isLoading && !isError && JSON.stringify(data, null, 2)}\n        {isLoading && 'loading...'}\n        {isError && 'error...'}\n      </pre>\n    </Dialog>\n  )\n}\n"],"names":["useGetEntityQuery","toast","jsx","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AAClB,QAAA;AAAA,IACJ,OAAO,CAAC;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEA,UAAA;AAAA,IACF,EAAE,aAAa,YAAwB,UAAU,UAAU,CAAC,EAAE;AAAA,IAC9D,EAAE,MAAM,CAAC,QAAQ;AAAA,EACnB;AAEI,MAAA,WAAA;AACF,QAAI,SAAS;AACLC,oBAAAA,MAAA,MAAM,0BAA0B,KAAK,EAAE;AAAA,IAAA;AAAA,EAC/C;AAEF,MAAI,CAAC,WAAW,KAAK,SAAS,EAAU,QAAA;AAGtC,SAAAC,2BAAA,kBAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,OAAO;AAAA,MACvB,QAAQ,GAAG,UAAU;AAAA,MAErB,4DAAC,OACE,EAAA,UAAA;AAAA,QAAA,CAAC,aAAa,CAAC,WAAW,KAAK,UAAU,MAAM,MAAM,CAAC;AAAA,QACtD,aAAa;AAAA,QACb,WAAW;AAAA,MAAA,EACd,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}
+{"version":3,"file":"DetailsDialog.cjs.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog } from '@ynput/ayon-react-components'\n\nexport interface DetailsDialogProps {\n  projectName?: string\n  entityType: string\n  entityIds: string[]\n  visible: boolean\n  onHide: () => void\n}\n\nexport const DetailsDialog = ({\n  projectName,\n  entityType,\n  entityIds,\n  visible,\n  onHide,\n}: DetailsDialogProps) => {\n  const {\n    data = {},\n    isLoading,\n    isError,\n    error,\n  } = useGetEntityQuery(\n    { projectName, entityType: entityType, entityId: entityIds[0] },\n    { skip: !visible },\n  )\n\n  if (isLoading)\n    if (isError) {\n      toast.error(`Unable to load detail. ${error}`)\n    }\n\n  if (!visible || data.length < 1) return null\n\n  return (\n    <Dialog\n      isOpen={true}\n      onClose={onHide}\n      size=\"lg\"\n      style={{ width: '50vw' }}\n      header={`${entityType} detail`}\n    >\n      <pre>\n        {!isLoading && !isError && JSON.stringify(data, null, 2)}\n        {isLoading && 'loading...'}\n        {isError && 'error...'}\n      </pre>\n    </Dialog>\n  )\n}\n"],"names":["useGetEntityQuery","toast","jsx","Dialog"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AAClB,QAAA;AAAA,IACJ,OAAO,CAAC;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACEA,UAAA;AAAA,IACF,EAAE,aAAa,YAAwB,UAAU,UAAU,CAAC,EAAE;AAAA,IAC9D,EAAE,MAAM,CAAC,QAAQ;AAAA,EACnB;AAEI,MAAA,WAAA;AACF,QAAI,SAAS;AACLC,oBAAAA,MAAA,MAAM,0BAA0B,KAAK,EAAE;AAAA,IAAA;AAAA,EAC/C;AAEF,MAAI,CAAC,WAAW,KAAK,SAAS,EAAU,QAAA;AAGtC,SAAAC,2BAAA,kBAAA;AAAA,IAACC,oBAAA;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,OAAO;AAAA,MACvB,QAAQ,GAAG,UAAU;AAAA,MAErB,4DAAC,OACE,EAAA,UAAA;AAAA,QAAA,CAAC,aAAa,CAAC,WAAW,KAAK,UAAU,MAAM,MAAM,CAAC;AAAA,QACtD,aAAa;AAAA,QACb,WAAW;AAAA,MAAA,EACd,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

package/dist/shared/src/components/DetailsDialog/DetailsDialog.es.js

@@ -47,6 +47,7 @@ import "../../api/queries/addons/updateAddons.es.js";
 import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
 import { useGetEntityQuery } from "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
@@ -55,24 +56,24 @@ import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
 import "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
 import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
 import "../../api/queries/system/getSystem.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
-import "../../api/queries/watchers/getWatchers.es.js";
-import "../../api/queries/permissions/getPermissions.es.js";
-import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
-import "../../api/queries/products/createProduct.es.js";
-import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
 import { Dialog } from "@ynput/ayon-react-components";
 const DetailsDialog = ({
   projectName,

package/dist/shared/src/components/DetailsDialog/DetailsDialog.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsDialog.es.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog } from '@ynput/ayon-react-components'\n\nexport interface DetailsDialogProps {\n  projectName?: string\n  entityType: string\n  entityIds: string[]\n  visible: boolean\n  onHide: () => void\n}\n\nexport const DetailsDialog = ({\n  projectName,\n  entityType,\n  entityIds,\n  visible,\n  onHide,\n}: DetailsDialogProps) => {\n  const {\n    data = {},\n    isLoading,\n    isError,\n    error,\n  } = useGetEntityQuery(\n    { projectName, entityType: entityType, entityId: entityIds[0] },\n    { skip: !visible },\n  )\n\n  if (isLoading)\n    if (isError) {\n      toast.error(`Unable to load detail. ${error}`)\n    }\n\n  if (!visible || data.length < 1) return null\n\n  return (\n    <Dialog\n      isOpen={true}\n      onClose={onHide}\n      size=\"lg\"\n      style={{ width: '50vw' }}\n      header={`${entityType} detail`}\n    >\n      <pre>\n        {!isLoading && !isError && JSON.stringify(data, null, 2)}\n        {isLoading && 'loading...'}\n        {isError && 'error...'}\n      </pre>\n    </Dialog>\n  )\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AAClB,QAAA;AAAA,IACJ,OAAO,CAAC;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAAA,IACF,EAAE,aAAa,YAAwB,UAAU,UAAU,CAAC,EAAE;AAAA,IAC9D,EAAE,MAAM,CAAC,QAAQ;AAAA,EACnB;AAEI,MAAA,WAAA;AACF,QAAI,SAAS;AACL,YAAA,MAAM,0BAA0B,KAAK,EAAE;AAAA,IAAA;AAAA,EAC/C;AAEF,MAAI,CAAC,WAAW,KAAK,SAAS,EAAU,QAAA;AAGtC,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,OAAO;AAAA,MACvB,QAAQ,GAAG,UAAU;AAAA,MAErB,iDAAC,OACE,EAAA,UAAA;AAAA,QAAA,CAAC,aAAa,CAAC,WAAW,KAAK,UAAU,MAAM,MAAM,CAAC;AAAA,QACtD,aAAa;AAAA,QACb,WAAW;AAAA,MAAA,EACd,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"DetailsDialog.es.js","sources":["../../../../../src/components/DetailsDialog/DetailsDialog.tsx"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useGetEntityQuery } from '@shared/api'\nimport { Dialog } from '@ynput/ayon-react-components'\n\nexport interface DetailsDialogProps {\n  projectName?: string\n  entityType: string\n  entityIds: string[]\n  visible: boolean\n  onHide: () => void\n}\n\nexport const DetailsDialog = ({\n  projectName,\n  entityType,\n  entityIds,\n  visible,\n  onHide,\n}: DetailsDialogProps) => {\n  const {\n    data = {},\n    isLoading,\n    isError,\n    error,\n  } = useGetEntityQuery(\n    { projectName, entityType: entityType, entityId: entityIds[0] },\n    { skip: !visible },\n  )\n\n  if (isLoading)\n    if (isError) {\n      toast.error(`Unable to load detail. ${error}`)\n    }\n\n  if (!visible || data.length < 1) return null\n\n  return (\n    <Dialog\n      isOpen={true}\n      onClose={onHide}\n      size=\"lg\"\n      style={{ width: '50vw' }}\n      header={`${entityType} detail`}\n    >\n      <pre>\n        {!isLoading && !isError && JSON.stringify(data, null, 2)}\n        {isLoading && 'loading...'}\n        {isError && 'error...'}\n      </pre>\n    </Dialog>\n  )\n}\n"],"names":["jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYO,MAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA0B;AAClB,QAAA;AAAA,IACJ,OAAO,CAAC;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAAA,IACF,EAAE,aAAa,YAAwB,UAAU,UAAU,CAAC,EAAE;AAAA,IAC9D,EAAE,MAAM,CAAC,QAAQ;AAAA,EACnB;AAEI,MAAA,WAAA;AACF,QAAI,SAAS;AACL,YAAA,MAAM,0BAA0B,KAAK,EAAE;AAAA,IAAA;AAAA,EAC/C;AAEF,MAAI,CAAC,WAAW,KAAK,SAAS,EAAU,QAAA;AAGtC,SAAAA,kCAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,MAAK;AAAA,MACL,OAAO,EAAE,OAAO,OAAO;AAAA,MACvB,QAAQ,GAAG,UAAU;AAAA,MAErB,iDAAC,OACE,EAAA,UAAA;AAAA,QAAA,CAAC,aAAa,CAAC,WAAW,KAAK,UAAU,MAAM,MAAM,CAAC;AAAA,QACtD,aAAa;AAAA,QACb,WAAW;AAAA,MAAA,EACd,CAAA;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/shared/src/components/DetailsPanelAttributes/DetailsPanelAttributes.cjs.js

@@ -54,6 +54,7 @@ require("../../api/queries/addons/updateAddons.cjs.js");
 require("../../api/queries/attributes/getAttributes.cjs.js");
 require("../../api/queries/attributes/updateAttributes.cjs.js");
 require("../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/entities/getEntity.cjs.js");
 require("../../api/queries/entities/getEntityPanel.cjs.js");
 require("../../api/queries/entities/updateEntity.cjs.js");
@@ -62,24 +63,24 @@ require("../../api/queries/entityLists/updateLists.cjs.js");
 require("../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../api/queries/folders/getFolders.cjs.js");
+require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/overview/getOverview.cjs.js");
 require("../../api/queries/overview/updateOverview.cjs.js");
+require("../../api/queries/permissions/getPermissions.cjs.js");
+require("../../api/queries/products/createProduct.cjs.js");
 const getProject = require("../../api/queries/project/getProject.cjs.js");
 require("../../api/queries/project/updateProject.cjs.js");
 require("../../api/queries/review/getReview.cjs.js");
 require("../../api/queries/review/updateReview.cjs.js");
+require("../../api/queries/share/share.cjs.js");
 const getSystem = require("../../api/queries/system/getSystem.cjs.js");
 require("../../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../../api/queries/users/getUsers.cjs.js");
 require("../../api/queries/users/updateUsers.cjs.js");
-require("../../api/queries/watchers/getWatchers.cjs.js");
-require("../../api/queries/permissions/getPermissions.cjs.js");
-require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/versions/updateVersions.cjs.js");
-require("../../api/queries/products/createProduct.cjs.js");
-require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/views/getViews.cjs.js");
 require("../../api/queries/views/updateViews.cjs.js");
+require("../../api/queries/watchers/getWatchers.cjs.js");
 const DetailsPanelAttributesEditor = require("./DetailsPanelAttributesEditor.cjs.js");
 require("../../context/RemoteModulesContext.cjs.js");
 require("../../../../_virtual/runtime.cjs.js");

package/dist/shared/src/components/DetailsPanelAttributes/DetailsPanelAttributes.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelAttributes.cjs.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributes.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { Section } from '@ynput/ayon-react-components'\nimport { getMixedState } from '@shared/util'\nimport { useGetSiteInfoQuery, useGetProjectQuery } from '@shared/api'\nimport {\n  DetailsPanelAttributesEditor,\n  AttributeField,\n  DetailsPanelAttributesEditorProps,\n} from './DetailsPanelAttributesEditor'\nimport { useEntityUpdate } from '@shared/hooks'\nimport { upperFirst } from 'lodash'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\ntype EntityForm = {\n  id: string\n  name: string\n  label: string | null | undefined\n  entityType: 'folder' | 'task' | 'product' | 'version'\n  taskType?: string\n  folderType?: string\n  productType?: string\n  tags: string[]\n  status: string\n  updatedAt: string\n  createdAt: string\n  projectName: string\n  path: string\n  // attribs\n  [key: string]: string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n}\n\n// all fields in entity form are visible\nconst visibleFields: Array<keyof EntityForm> = [\n  'id',\n  'name',\n  'label',\n  'entityType',\n  'taskType',\n  'folderType',\n  'productType',\n  'tags',\n  'status',\n  'updatedAt',\n  'createdAt',\n  'projectName',\n  'path',\n]\n\nconst readOnlyFields: Array<keyof EntityForm> = [\n  'id',\n  'entityType',\n  'projectName',\n  'path',\n  'createdAt',\n  'updatedAt',\n]\n\nexport type DetailsPanelAttributesProps = {\n  entities: DetailsPanelEntityData[]\n  isLoading: boolean\n}\n\nexport const DetailsPanelAttributes = ({\n  entities = [],\n  isLoading,\n}: DetailsPanelAttributesProps) => {\n  // form for project data\n  const [mixedFields, setMixedFields] = useState<string[]>([])\n  const [formData, setFormData] = useState<EntityForm | null>(null)\n\n  const buildInitialForm = () => {\n    // Group entity values by field name\n    const valuesByField: Record<string, any[]> = {}\n    // Track which fields have mixed values\n    const mixedFieldsSet = new Set<string>()\n\n    entities.forEach((entity) => {\n      const mappedEntity: EntityForm = {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label,\n        entityType: entity.entityType as 'folder' | 'task' | 'product' | 'version',\n        createdAt: entity.createdAt,\n        updatedAt: entity.updatedAt,\n        projectName: entity.projectName,\n        status: entity.status,\n        tags: entity.tags || [],\n        path: entity.path,\n        folderType: entity.folder?.folderType,\n        productType: entity.product?.productType,\n        taskType: entity.task?.taskType,\n      }\n\n      // Process regular fields\n      Object.keys(mappedEntity).forEach((key) => {\n        if (visibleFields.includes(key as keyof EntityForm)) {\n          valuesByField[key] = valuesByField[key] || []\n          valuesByField[key].push((mappedEntity as any)[key])\n        }\n      })\n\n      // Process attrib fields\n      if (entity.attrib) {\n        Object.keys(entity.attrib).forEach((key) => {\n          const attribKey = `attrib.${key}`\n          valuesByField[attribKey] = valuesByField[attribKey] || []\n          valuesByField[attribKey].push(entity.attrib?.[key])\n        })\n      }\n    })\n\n    // Apply getMixedState to each field\n    const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n      const { value, isMixed } = getMixedState(values)\n      result[key] = value\n\n      // Add to mixedFields if this field has mixed values\n      if (isMixed) {\n        mixedFieldsSet.add(key)\n      }\n\n      return result\n    }, {} as Record<string, any>)\n\n    setFormData(formData as EntityForm)\n    // Update the mixedFields state with all fields that have mixed values\n    setMixedFields(Array.from(mixedFieldsSet))\n  }\n\n  useEffect(() => {\n    if (isLoading || entities.length === 0) return\n    buildInitialForm()\n  }, [entities, isLoading])\n\n  const { data: projectData } = useGetProjectQuery(\n    { projectName: formData?.projectName || '' },\n    { skip: !formData?.projectName || mixedFields.includes('projectName') },\n  )\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = projectData || {}\n\n  const { data: info } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  // build the fields array for defining the schema\n  const fields: AttributeField[] = useMemo(() => {\n    // Create custom fields as proper AttributeModel objects\n    const customFieldsData: AttributeField[] = [\n      {\n        name: 'name',\n        data: {\n          type: 'string',\n          title: 'Name',\n          description: 'The name of the entity, used for identification in the pipeline',\n        },\n      },\n      {\n        name: 'label',\n        data: {\n          type: 'string',\n          title: 'Label',\n          description: 'Used as a nice visual label only',\n        },\n      },\n      {\n        name: 'folderType',\n        hidden: formData?.entityType !== 'folder',\n        data: {\n          type: 'string',\n          title: 'Folder Type',\n          description: 'Type of the folder',\n          enum: folderTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'taskType',\n        hidden: formData?.entityType !== 'task',\n        data: {\n          type: 'string',\n          title: 'Task Type',\n          description: 'Type of the task',\n          enum: taskTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'status',\n        data: {\n          type: 'string',\n          title: 'Status',\n          description: 'The state the entity is in, is it approved or in progress etc.',\n          enum: statuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          })),\n        },\n      },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: tags.map((tag) => ({\n            value: tag.name,\n            label: tag.name,\n            color: tag.color,\n          })),\n        },\n      },\n    ]\n\n    // Filter API attributes based on entity type\n    const apiAttributesData: AttributeField[] = formData?.entityType\n      ? attributes\n          .filter((attr) => attr.scope?.includes(formData.entityType))\n          .map((attr) => ({\n            name: 'attrib.' + attr.name,\n            data: attr.data,\n          }))\n      : []\n\n    const readOnlyFieldsData: AttributeField[] = readOnlyFields.map((field) => ({\n      name: field as string,\n      readonly: true,\n      data: {\n        type: 'string',\n        title: upperFirst(field as string),\n      },\n    }))\n\n    // Combine custom fields with API attributes\n    const allFieldsData = [...customFieldsData, ...apiAttributesData, ...readOnlyFieldsData]\n    const sortToTop = ['path', 'name']\n    const sortedFieldsData = [...allFieldsData].sort((a, b) => {\n      const aIndex = sortToTop.indexOf(a.name)\n      const bIndex = sortToTop.indexOf(b.name)\n      if (aIndex === -1 && bIndex === -1) return 0\n      if (aIndex === -1) return 1\n      if (bIndex === -1) return -1\n      return aIndex - bIndex\n    })\n\n    return sortedFieldsData\n  }, [attributes, folderTypes, taskTypes, statuses, tags, formData?.entityType])\n\n  //\n  let enableEditing = false\n  if (\n    ['task', 'folder'].includes(formData?.entityType || '') &&\n    !mixedFields.includes('projectName')\n  ) {\n    enableEditing = true\n  }\n\n  const entityType = formData?.entityType || 'task'\n  const projectName = formData?.projectName || ''\n\n  // Setup entity update functionality\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((entity) => ({\n      id: entity.id,\n      projectName: entity.projectName || '',\n      folderId: entity.folder?.id,\n      users: entity.task?.assignees || [],\n    })),\n    entityType,\n  })\n\n  const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n    if (key.startsWith('attrib.')) {\n      value = {\n        [key.replace('attrib.', '')]: value,\n      }\n      key = 'attrib'\n    }\n\n    console.log('handleChange', key, value)\n\n    // update the form data\n    // @ts-ignore\n    setFormData((prev) => ({\n      ...prev,\n      [key]: value,\n    }))\n\n    // update the entity in database\n    updateEntity(key, value)\n  }\n\n  return (\n    <Section style={{ padding: 8, overflow: 'hidden' }}>\n      <DetailsPanelAttributesEditor\n        fields={fields}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n        enableEditing={enableEditing}\n        onChange={handleChange}\n      />\n    </Section>\n  )\n}\n"],"names":["useState","_a","formData","getMixedState","useEffect","useGetProjectQuery","useGetSiteInfoQuery","useMemo","upperFirst","useEntityUpdate","jsx","Section","DetailsPanelAttributesEditor"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,MAAM,gBAAyC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAEA,MAAM,iBAA0C;AAAA,EAC9C;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AAOO,MAAM,yBAAyB,CAAC;AAAA,EACrC,WAAW,CAAC;AAAA,EACZ;AACF,MAAmC;AAEjC,QAAM,CAAC,aAAa,cAAc,IAAIA,MAAAA,SAAmB,CAAA,CAAE;AAC3D,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAA4B,IAAI;AAEhE,QAAM,mBAAmB,MAAM;AAE7B,UAAM,gBAAuC,CAAC;AAExC,UAAA,qCAAqB,IAAY;AAE9B,aAAA,QAAQ,CAAC,WAAW;;AAC3B,YAAM,eAA2B;AAAA,QAC/B,IAAI,OAAO;AAAA,QACX,MAAM,OAAO;AAAA,QACb,OAAO,OAAO;AAAA,QACd,YAAY,OAAO;AAAA,QACnB,WAAW,OAAO;AAAA,QAClB,WAAW,OAAO;AAAA,QAClB,aAAa,OAAO;AAAA,QACpB,QAAQ,OAAO;AAAA,QACf,MAAM,OAAO,QAAQ,CAAC;AAAA,QACtB,MAAM,OAAO;AAAA,QACb,aAAY,YAAO,WAAP,mBAAe;AAAA,QAC3B,cAAa,YAAO,YAAP,mBAAgB;AAAA,QAC7B,WAAU,YAAO,SAAP,mBAAa;AAAA,MACzB;AAGA,aAAO,KAAK,YAAY,EAAE,QAAQ,CAAC,QAAQ;AACrC,YAAA,cAAc,SAAS,GAAuB,GAAG;AACnD,wBAAc,GAAG,IAAI,cAAc,GAAG,KAAK,CAAC;AAC5C,wBAAc,GAAG,EAAE,KAAM,aAAqB,GAAG,CAAC;AAAA,QAAA;AAAA,MACpD,CACD;AAGD,UAAI,OAAO,QAAQ;AACjB,eAAO,KAAK,OAAO,MAAM,EAAE,QAAQ,CAAC,QAAQ;;AACpC,gBAAA,YAAY,UAAU,GAAG;AAC/B,wBAAc,SAAS,IAAI,cAAc,SAAS,KAAK,CAAC;AACxD,wBAAc,SAAS,EAAE,MAAKC,MAAA,OAAO,WAAP,gBAAAA,IAAgB,IAAI;AAAA,QAAA,CACnD;AAAA,MAAA;AAAA,IACH,CACD;AAGKC,UAAAA,YAAW,OAAO,QAAQ,aAAa,EAAE,OAAO,CAAC,QAAQ,CAAC,KAAK,MAAM,MAAM;AAC/E,YAAM,EAAE,OAAO,YAAYC,cAAAA,cAAc,MAAM;AAC/C,aAAO,GAAG,IAAI;AAGd,UAAI,SAAS;AACX,uBAAe,IAAI,GAAG;AAAA,MAAA;AAGjB,aAAA;AAAA,IACT,GAAG,EAAyB;AAE5B,gBAAYD,SAAsB;AAEnB,mBAAA,MAAM,KAAK,cAAc,CAAC;AAAA,EAC3C;AAEAE,QAAAA,UAAU,MAAM;AACV,QAAA,aAAa,SAAS,WAAW,EAAG;AACvB,qBAAA;AAAA,EAAA,GAChB,CAAC,UAAU,SAAS,CAAC;AAElB,QAAA,EAAE,MAAM,YAAA,IAAgBC,WAAA;AAAA,IAC5B,EAAE,cAAa,qCAAU,gBAAe,GAAG;AAAA,IAC3C,EAAE,MAAM,EAAC,qCAAU,gBAAe,YAAY,SAAS,aAAa,EAAE;AAAA,EACxE;AACA,QAAM,EAAE,cAAc,IAAI,YAAY,CAAC,GAAG,WAAW,CAAA,GAAI,OAAO,GAAG,IAAI,eAAe,CAAC;AAEjF,QAAA,EAAE,MAAM,KAAK,IAAIC,8BAAoB,EAAE,MAAM,MAAM;AACzD,QAAM,EAAE,aAAa,GAAG,IAAI,QAAQ,CAAC;AAG/B,QAAA,SAA2BC,MAAAA,QAAQ,MAAM;AAE7C,UAAM,mBAAqC;AAAA,MACzC;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,aAAa;AAAA,QAAA;AAAA,MAEjB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,aAAa;AAAA,QAAA;AAAA,MAEjB;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,SAAQ,qCAAU,gBAAe;AAAA,QACjC,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,aAAa;AAAA,UACb,MAAM,YAAY,IAAI,CAAC,UAAU;AAAA,YAC/B,OAAO,KAAK;AAAA,YACZ,OAAO,KAAK;AAAA,YACZ,MAAM,KAAK;AAAA,UAAA,EACX;AAAA,QAAA;AAAA,MAEN;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,SAAQ,qCAAU,gBAAe;AAAA,QACjC,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,aAAa;AAAA,UACb,MAAM,UAAU,IAAI,CAAC,UAAU;AAAA,YAC7B,OAAO,KAAK;AAAA,YACZ,OAAO,KAAK;AAAA,YACZ,MAAM,KAAK;AAAA,UAAA,EACX;AAAA,QAAA;AAAA,MAEN;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,aAAa;AAAA,UACb,MAAM,SAAS,IAAI,CAAC,YAAY;AAAA,YAC9B,OAAO,OAAO;AAAA,YACd,OAAO,OAAO;AAAA,YACd,MAAM,OAAO;AAAA,YACb,OAAO,OAAO;AAAA,UAAA,EACd;AAAA,QAAA;AAAA,MAEN;AAAA,MACA;AAAA,QACE,MAAM;AAAA,QACN,MAAM;AAAA,UACJ,MAAM;AAAA,UACN,OAAO;AAAA,UACP,MAAM,KAAK,IAAI,CAAC,SAAS;AAAA,YACvB,OAAO,IAAI;AAAA,YACX,OAAO,IAAI;AAAA,YACX,OAAO,IAAI;AAAA,UAAA,EACX;AAAA,QAAA;AAAA,MACJ;AAAA,IAEJ;AAGA,UAAM,qBAAsC,qCAAU,cAClD,WACG,OAAO,CAAC,SAAS;;AAAA,wBAAK,UAAL,mBAAY,SAAS,SAAS;AAAA,KAAW,EAC1D,IAAI,CAAC,UAAU;AAAA,MACd,MAAM,YAAY,KAAK;AAAA,MACvB,MAAM,KAAK;AAAA,IACb,EAAE,IACJ,CAAC;AAEL,UAAM,qBAAuC,eAAe,IAAI,CAAC,WAAW;AAAA,MAC1E,MAAM;AAAA,MACN,UAAU;AAAA,MACV,MAAM;AAAA,QACJ,MAAM;AAAA,QACN,OAAOC,kBAAW,KAAe;AAAA,MAAA;AAAA,IACnC,EACA;AAGF,UAAM,gBAAgB,CAAC,GAAG,kBAAkB,GAAG,mBAAmB,GAAG,kBAAkB;AACjF,UAAA,YAAY,CAAC,QAAQ,MAAM;AAC3B,UAAA,mBAAmB,CAAC,GAAG,aAAa,EAAE,KAAK,CAAC,GAAG,MAAM;AACzD,YAAM,SAAS,UAAU,QAAQ,EAAE,IAAI;AACvC,YAAM,SAAS,UAAU,QAAQ,EAAE,IAAI;AACvC,UAAI,WAAW,MAAM,WAAW,GAAW,QAAA;AACvC,UAAA,WAAW,GAAW,QAAA;AACtB,UAAA,WAAW,GAAW,QAAA;AAC1B,aAAO,SAAS;AAAA,IAAA,CACjB;AAEM,WAAA;AAAA,EAAA,GACN,CAAC,YAAY,aAAa,WAAW,UAAU,MAAM,qCAAU,UAAU,CAAC;AAG7E,MAAI,gBAAgB;AACpB,MACE,CAAC,QAAQ,QAAQ,EAAE,UAAS,qCAAU,eAAc,EAAE,KACtD,CAAC,YAAY,SAAS,aAAa,GACnC;AACgB,oBAAA;AAAA,EAAA;AAGZ,QAAA,cAAa,qCAAU,eAAc;AACvB,wCAAU,gBAAe;AAGvC,QAAA,EAAE,aAAa,IAAIC,gCAAgB;AAAA,IACvC,UAAU,SAAS,IAAI,CAAC,WAAY;;AAAA;AAAA,QAClC,IAAI,OAAO;AAAA,QACX,aAAa,OAAO,eAAe;AAAA,QACnC,WAAU,YAAO,WAAP,mBAAe;AAAA,QACzB,SAAO,YAAO,SAAP,mBAAa,cAAa,CAAA;AAAA,MAAC;AAAA,KAClC;AAAA,IACF;AAAA,EAAA,CACD;AAEK,QAAA,eAA8D,CAAC,KAAK,UAAU;AAC9E,QAAA,IAAI,WAAW,SAAS,GAAG;AACrB,cAAA;AAAA,QACN,CAAC,IAAI,QAAQ,WAAW,EAAE,CAAC,GAAG;AAAA,MAChC;AACM,YAAA;AAAA,IAAA;AAGA,YAAA,IAAI,gBAAgB,KAAK,KAAK;AAItC,gBAAY,CAAC,UAAU;AAAA,MACrB,GAAG;AAAA,MACH,CAAC,GAAG,GAAG;AAAA,IAAA,EACP;AAGF,iBAAa,KAAK,KAAK;AAAA,EACzB;AAGE,SAAAC,iDAACC,oBAAAA,WAAQ,OAAO,EAAE,SAAS,GAAG,UAAU,YACtC,UAAAD,2BAAA,kBAAA;AAAA,IAACE,6BAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,MAAM,YAAY,CAAC;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,MACA,UAAU;AAAA,IAAA;AAAA,EAAA,GAEd;AAEJ;;"}
+{"version":3,"file":"DetailsPanelAttributes.cjs.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributes.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { Section } from '@ynput/ayon-react-components'\nimport { getMixedState } from '@shared/util'\nimport { useGetSiteInfoQuery, useGetProjectQuery } from '@shared/api'\nimport {\n  DetailsPanelAttributesEditor,\n  AttributeField,\n  DetailsPanelAttributesEditorProps,\n} from './DetailsPanelAttributesEditor'\nimport { useEntityUpdate } from '@shared/hooks'\nimport { upperFirst } from 'lodash'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\ntype EntityForm = {\n  id: string\n  name: string\n  label: string | null | undefined\n  entityType: 'folder' | 'task' | 'product' | 'version'\n  taskType?: string\n  folderType?: string\n  productType?: string\n  tags: string[]\n  status: string\n  updatedAt: string\n  createdAt: string\n  projectName: string\n  path: string\n  // attribs\n  [key: string]: string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n}\n\n// all fields in entity form are visible\nconst visibleFields: Array<keyof EntityForm> = [\n  'id',\n  'name',\n  'label',\n  'entityType',\n  'taskType',\n  'folderType',\n  'productType',\n  'tags',\n  'status',\n  'updatedAt',\n  'createdAt',\n  'projectName',\n  'path',\n]\n\nconst readOnlyFields: Array<keyof EntityForm> = [\n  'id',\n  'entityType',\n  'projectName',\n  'path',\n  'createdAt',\n  'updatedAt',\n]\n\nexport type DetailsPanelAttributesProps = {\n  entities: DetailsPanelEntityData[]\n  isLoading: boolean\n}\n\nexport const DetailsPanelAttributes = ({\n  entities = [],\n  isLoading,\n}: DetailsPanelAttributesProps) => {\n  // form for project data\n  const [mixedFields, setMixedFields] = useState<string[]>([])\n  const [formData, setFormData] = useState<EntityForm | null>(null)\n\n  const buildInitialForm = () => {\n    // Group entity values by field name\n    const valuesByField: Record<string, any[]> = {}\n    // Track which fields have mixed values\n    const mixedFieldsSet = new Set<string>()\n\n    entities.forEach((entity) => {\n      const mappedEntity: EntityForm = {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label,\n        entityType: entity.entityType as 'folder' | 'task' | 'product' | 'version',\n        createdAt: entity.createdAt,\n        updatedAt: entity.updatedAt,\n        projectName: entity.projectName,\n        status: entity.status,\n        tags: entity.tags || [],\n        path: entity.path,\n        folderType: entity.folder?.folderType,\n        productType: entity.product?.productType,\n        taskType: entity.task?.taskType,\n      }\n\n      // Process regular fields\n      Object.keys(mappedEntity).forEach((key) => {\n        if (visibleFields.includes(key as keyof EntityForm)) {\n          valuesByField[key] = valuesByField[key] || []\n          valuesByField[key].push((mappedEntity as any)[key])\n        }\n      })\n\n      // Process attrib fields\n      if (entity.attrib) {\n        Object.keys(entity.attrib).forEach((key) => {\n          const attribKey = `attrib.${key}`\n          valuesByField[attribKey] = valuesByField[attribKey] || []\n          valuesByField[attribKey].push(entity.attrib?.[key])\n        })\n      }\n    })\n\n    // Apply getMixedState to each field\n    const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n      const { value, isMixed } = getMixedState(values)\n      result[key] = value\n\n      // Add to mixedFields if this field has mixed values\n      if (isMixed) {\n        mixedFieldsSet.add(key)\n      }\n\n      return result\n    }, {} as Record<string, any>)\n\n    setFormData(formData as EntityForm)\n    // Update the mixedFields state with all fields that have mixed values\n    setMixedFields(Array.from(mixedFieldsSet))\n  }\n\n  useEffect(() => {\n    if (isLoading || entities.length === 0) return\n    buildInitialForm()\n  }, [entities, isLoading])\n\n  const { data: projectData } = useGetProjectQuery(\n    { projectName: formData?.projectName || '' },\n    { skip: !formData?.projectName || mixedFields.includes('projectName') },\n  )\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = projectData || {}\n\n  const { data: info } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  // build the fields array for defining the schema\n  const fields: AttributeField[] = useMemo(() => {\n    // Create custom fields as proper AttributeModel objects\n    const customFieldsData: AttributeField[] = [\n      {\n        name: 'name',\n        data: {\n          type: 'string',\n          title: 'Name',\n          description: 'The name of the entity, used for identification in the pipeline',\n        },\n      },\n      {\n        name: 'label',\n        data: {\n          type: 'string',\n          title: 'Label',\n          description: 'Used as a nice visual label only',\n        },\n      },\n      {\n        name: 'folderType',\n        hidden: formData?.entityType !== 'folder',\n        data: {\n          type: 'string',\n          title: 'Folder Type',\n          description: 'Type of the folder',\n          enum: folderTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'taskType',\n        hidden: formData?.entityType !== 'task',\n        data: {\n          type: 'string',\n          title: 'Task Type',\n          description: 'Type of the task',\n          enum: taskTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'status',\n        data: {\n          type: 'string',\n          title: 'Status',\n          description: 'The state the entity is in, is it approved or in progress etc.',\n          enum: statuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          })),\n        },\n      },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: tags.map((tag) => ({\n            value: tag.name,\n            label: tag.name,\n            color: tag.color,\n          })),\n        },\n      },\n    ]\n\n    // Filter API attributes based on entity type\n    const apiAttributesData: AttributeField[] = formData?.entityType\n      ? attributes\n          .filter((attr) => attr.scope?.includes(formData.entityType))\n          .map((attr) => ({\n            name: 'attrib.' + attr.name,\n            data: attr.data,\n          }))\n      : []\n\n    const readOnlyFieldsData: AttributeField[] = readOnlyFields.map((field) => ({\n      name: field as string,\n      readonly: true,\n      data: {\n        type: 'string',\n        title: upperFirst(field as string),\n      },\n    }))\n\n    // Combine custom fields with API attributes\n    const allFieldsData = [...customFieldsData, ...apiAttributesData, ...readOnlyFieldsData]\n    const sortToTop = ['path', 'name']\n    const sortedFieldsData = [...allFieldsData].sort((a, b) => {\n      const aIndex = sortToTop.indexOf(a.name)\n      const bIndex = sortToTop.indexOf(b.name)\n      if (aIndex === -1 && bIndex === -1) return 0\n      if (aIndex === -1) return 1\n      if (bIndex === -1) return -1\n      return aIndex - bIndex\n    })\n\n    return sortedFieldsData\n  }, [attributes, folderTypes, taskTypes, statuses, tags, formData?.entityType])\n\n  //\n  let enableEditing = false\n  if (\n    ['task', 'folder'].includes(formData?.entityType || '') &&\n    !mixedFields.includes('projectName')\n  ) {\n    enableEditing = true\n  }\n\n  const entityType = formData?.entityType || 'task'\n  const projectName = formData?.projectName || ''\n\n  // Setup entity update functionality\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((entity) => ({\n      id: entity.id,\n      projectName: entity.projectName || '',\n      folderId: entity.folder?.id,\n      users: entity.task?.assignees || [],\n    })),\n    entityType,\n  })\n\n  const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n    if (key.startsWith('attrib.')) {\n      value = {\n        [key.replace('attrib.', '')]: value,\n      }\n      key = 'attrib'\n    }\n\n    console.log('handleChange', key, value)\n\n    // update the form data\n    // @ts-ignore\n    setFormData((prev) => ({\n      ...prev,\n      [key]: value,\n    }))\n\n    // update the entity in database\n    updateEntity(key, value)\n  }\n\n  return (\n    <Section style={{ padding: 8, overflow: 'hidden' }}>\n      <DetailsPanelAttributesEditor\n        fields={fields}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n        enableEditing={enableEditing}\n        onChange={handleChange}\n      />\n    </Section>\n  )\n}\n"],"names":["useState","_a","formData","getMixedState","useEffect","useGetProjectQuery","useGetSiteInfoQuery","useMemo","upperFirst","useEntityUpdate","jsx","Section","DetailsPanelAttributesEditor"],"mappings":"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"}

package/dist/shared/src/components/DetailsPanelAttributes/DetailsPanelAttributes.es.js

@@ -52,6 +52,7 @@ import "../../api/queries/addons/updateAddons.es.js";
 import "../../api/queries/attributes/getAttributes.es.js";
 import "../../api/queries/attributes/updateAttributes.es.js";
 import "../../api/queries/authentication/getAuthentication.es.js";
+import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
@@ -60,24 +61,24 @@ import "../../api/queries/entityLists/updateLists.es.js";
 import "../../api/queries/entityLists/getListsAttributes.es.js";
 import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/folders/getFolders.es.js";
+import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
+import "../../api/queries/permissions/getPermissions.es.js";
+import "../../api/queries/products/createProduct.es.js";
 import { useGetProjectQuery } from "../../api/queries/project/getProject.es.js";
 import "../../api/queries/project/updateProject.es.js";
 import "../../api/queries/review/getReview.es.js";
 import "../../api/queries/review/updateReview.es.js";
+import "../../api/queries/share/share.es.js";
 import { useGetSiteInfoQuery } from "../../api/queries/system/getSystem.es.js";
 import "../../api/queries/userDashboard/getUserDashboard.es.js";
 import "../../api/queries/users/getUsers.es.js";
 import "../../api/queries/users/updateUsers.es.js";
-import "../../api/queries/watchers/getWatchers.es.js";
-import "../../api/queries/permissions/getPermissions.es.js";
-import "../../api/queries/grouping/getGrouping.es.js";
 import "../../api/queries/versions/updateVersions.es.js";
-import "../../api/queries/products/createProduct.es.js";
-import "../../api/queries/cloud/cloud.es.js";
 import "../../api/queries/views/getViews.es.js";
 import "../../api/queries/views/updateViews.es.js";
+import "../../api/queries/watchers/getWatchers.es.js";
 import { DetailsPanelAttributesEditor } from "./DetailsPanelAttributesEditor.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import "../../../../_virtual/runtime.es.js";

package/dist/shared/src/components/DetailsPanelAttributes/DetailsPanelAttributes.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelAttributes.es.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributes.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { Section } from '@ynput/ayon-react-components'\nimport { getMixedState } from '@shared/util'\nimport { useGetSiteInfoQuery, useGetProjectQuery } from '@shared/api'\nimport {\n  DetailsPanelAttributesEditor,\n  AttributeField,\n  DetailsPanelAttributesEditorProps,\n} from './DetailsPanelAttributesEditor'\nimport { useEntityUpdate } from '@shared/hooks'\nimport { upperFirst } from 'lodash'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\ntype EntityForm = {\n  id: string\n  name: string\n  label: string | null | undefined\n  entityType: 'folder' | 'task' | 'product' | 'version'\n  taskType?: string\n  folderType?: string\n  productType?: string\n  tags: string[]\n  status: string\n  updatedAt: string\n  createdAt: string\n  projectName: string\n  path: string\n  // attribs\n  [key: string]: string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n}\n\n// all fields in entity form are visible\nconst visibleFields: Array<keyof EntityForm> = [\n  'id',\n  'name',\n  'label',\n  'entityType',\n  'taskType',\n  'folderType',\n  'productType',\n  'tags',\n  'status',\n  'updatedAt',\n  'createdAt',\n  'projectName',\n  'path',\n]\n\nconst readOnlyFields: Array<keyof EntityForm> = [\n  'id',\n  'entityType',\n  'projectName',\n  'path',\n  'createdAt',\n  'updatedAt',\n]\n\nexport type DetailsPanelAttributesProps = {\n  entities: DetailsPanelEntityData[]\n  isLoading: boolean\n}\n\nexport const DetailsPanelAttributes = ({\n  entities = [],\n  isLoading,\n}: DetailsPanelAttributesProps) => {\n  // form for project data\n  const [mixedFields, setMixedFields] = useState<string[]>([])\n  const [formData, setFormData] = useState<EntityForm | null>(null)\n\n  const buildInitialForm = () => {\n    // Group entity values by field name\n    const valuesByField: Record<string, any[]> = {}\n    // Track which fields have mixed values\n    const mixedFieldsSet = new Set<string>()\n\n    entities.forEach((entity) => {\n      const mappedEntity: EntityForm = {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label,\n        entityType: entity.entityType as 'folder' | 'task' | 'product' | 'version',\n        createdAt: entity.createdAt,\n        updatedAt: entity.updatedAt,\n        projectName: entity.projectName,\n        status: entity.status,\n        tags: entity.tags || [],\n        path: entity.path,\n        folderType: entity.folder?.folderType,\n        productType: entity.product?.productType,\n        taskType: entity.task?.taskType,\n      }\n\n      // Process regular fields\n      Object.keys(mappedEntity).forEach((key) => {\n        if (visibleFields.includes(key as keyof EntityForm)) {\n          valuesByField[key] = valuesByField[key] || []\n          valuesByField[key].push((mappedEntity as any)[key])\n        }\n      })\n\n      // Process attrib fields\n      if (entity.attrib) {\n        Object.keys(entity.attrib).forEach((key) => {\n          const attribKey = `attrib.${key}`\n          valuesByField[attribKey] = valuesByField[attribKey] || []\n          valuesByField[attribKey].push(entity.attrib?.[key])\n        })\n      }\n    })\n\n    // Apply getMixedState to each field\n    const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n      const { value, isMixed } = getMixedState(values)\n      result[key] = value\n\n      // Add to mixedFields if this field has mixed values\n      if (isMixed) {\n        mixedFieldsSet.add(key)\n      }\n\n      return result\n    }, {} as Record<string, any>)\n\n    setFormData(formData as EntityForm)\n    // Update the mixedFields state with all fields that have mixed values\n    setMixedFields(Array.from(mixedFieldsSet))\n  }\n\n  useEffect(() => {\n    if (isLoading || entities.length === 0) return\n    buildInitialForm()\n  }, [entities, isLoading])\n\n  const { data: projectData } = useGetProjectQuery(\n    { projectName: formData?.projectName || '' },\n    { skip: !formData?.projectName || mixedFields.includes('projectName') },\n  )\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = projectData || {}\n\n  const { data: info } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  // build the fields array for defining the schema\n  const fields: AttributeField[] = useMemo(() => {\n    // Create custom fields as proper AttributeModel objects\n    const customFieldsData: AttributeField[] = [\n      {\n        name: 'name',\n        data: {\n          type: 'string',\n          title: 'Name',\n          description: 'The name of the entity, used for identification in the pipeline',\n        },\n      },\n      {\n        name: 'label',\n        data: {\n          type: 'string',\n          title: 'Label',\n          description: 'Used as a nice visual label only',\n        },\n      },\n      {\n        name: 'folderType',\n        hidden: formData?.entityType !== 'folder',\n        data: {\n          type: 'string',\n          title: 'Folder Type',\n          description: 'Type of the folder',\n          enum: folderTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'taskType',\n        hidden: formData?.entityType !== 'task',\n        data: {\n          type: 'string',\n          title: 'Task Type',\n          description: 'Type of the task',\n          enum: taskTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'status',\n        data: {\n          type: 'string',\n          title: 'Status',\n          description: 'The state the entity is in, is it approved or in progress etc.',\n          enum: statuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          })),\n        },\n      },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: tags.map((tag) => ({\n            value: tag.name,\n            label: tag.name,\n            color: tag.color,\n          })),\n        },\n      },\n    ]\n\n    // Filter API attributes based on entity type\n    const apiAttributesData: AttributeField[] = formData?.entityType\n      ? attributes\n          .filter((attr) => attr.scope?.includes(formData.entityType))\n          .map((attr) => ({\n            name: 'attrib.' + attr.name,\n            data: attr.data,\n          }))\n      : []\n\n    const readOnlyFieldsData: AttributeField[] = readOnlyFields.map((field) => ({\n      name: field as string,\n      readonly: true,\n      data: {\n        type: 'string',\n        title: upperFirst(field as string),\n      },\n    }))\n\n    // Combine custom fields with API attributes\n    const allFieldsData = [...customFieldsData, ...apiAttributesData, ...readOnlyFieldsData]\n    const sortToTop = ['path', 'name']\n    const sortedFieldsData = [...allFieldsData].sort((a, b) => {\n      const aIndex = sortToTop.indexOf(a.name)\n      const bIndex = sortToTop.indexOf(b.name)\n      if (aIndex === -1 && bIndex === -1) return 0\n      if (aIndex === -1) return 1\n      if (bIndex === -1) return -1\n      return aIndex - bIndex\n    })\n\n    return sortedFieldsData\n  }, [attributes, folderTypes, taskTypes, statuses, tags, formData?.entityType])\n\n  //\n  let enableEditing = false\n  if (\n    ['task', 'folder'].includes(formData?.entityType || '') &&\n    !mixedFields.includes('projectName')\n  ) {\n    enableEditing = true\n  }\n\n  const entityType = formData?.entityType || 'task'\n  const projectName = formData?.projectName || ''\n\n  // Setup entity update functionality\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((entity) => ({\n      id: entity.id,\n      projectName: entity.projectName || '',\n      folderId: entity.folder?.id,\n      users: entity.task?.assignees || [],\n    })),\n    entityType,\n  })\n\n  const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n    if (key.startsWith('attrib.')) {\n      value = {\n        [key.replace('attrib.', '')]: value,\n      }\n      key = 'attrib'\n    }\n\n    console.log('handleChange', key, value)\n\n    // update the form data\n    // @ts-ignore\n    setFormData((prev) => ({\n      ...prev,\n      [key]: value,\n    }))\n\n    // update the entity in database\n    updateEntity(key, value)\n  }\n\n  return (\n    <Section style={{ padding: 8, overflow: 'hidden' }}>\n      <DetailsPanelAttributesEditor\n        fields={fields}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n        enableEditing={enableEditing}\n        onChange={handleChange}\n      />\n    </Section>\n  )\n}\n"],"names":["_a","formData","jsx"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelAttributes.es.js","sources":["../../../../../src/components/DetailsPanelAttributes/DetailsPanelAttributes.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react'\nimport { Section } from '@ynput/ayon-react-components'\nimport { getMixedState } from '@shared/util'\nimport { useGetSiteInfoQuery, useGetProjectQuery } from '@shared/api'\nimport {\n  DetailsPanelAttributesEditor,\n  AttributeField,\n  DetailsPanelAttributesEditorProps,\n} from './DetailsPanelAttributesEditor'\nimport { useEntityUpdate } from '@shared/hooks'\nimport { upperFirst } from 'lodash'\nimport type { DetailsPanelEntityData } from '@shared/api'\n\ntype EntityForm = {\n  id: string\n  name: string\n  label: string | null | undefined\n  entityType: 'folder' | 'task' | 'product' | 'version'\n  taskType?: string\n  folderType?: string\n  productType?: string\n  tags: string[]\n  status: string\n  updatedAt: string\n  createdAt: string\n  projectName: string\n  path: string\n  // attribs\n  [key: string]: string | number | boolean | Date | any[] | Record<string, any> | undefined | null\n}\n\n// all fields in entity form are visible\nconst visibleFields: Array<keyof EntityForm> = [\n  'id',\n  'name',\n  'label',\n  'entityType',\n  'taskType',\n  'folderType',\n  'productType',\n  'tags',\n  'status',\n  'updatedAt',\n  'createdAt',\n  'projectName',\n  'path',\n]\n\nconst readOnlyFields: Array<keyof EntityForm> = [\n  'id',\n  'entityType',\n  'projectName',\n  'path',\n  'createdAt',\n  'updatedAt',\n]\n\nexport type DetailsPanelAttributesProps = {\n  entities: DetailsPanelEntityData[]\n  isLoading: boolean\n}\n\nexport const DetailsPanelAttributes = ({\n  entities = [],\n  isLoading,\n}: DetailsPanelAttributesProps) => {\n  // form for project data\n  const [mixedFields, setMixedFields] = useState<string[]>([])\n  const [formData, setFormData] = useState<EntityForm | null>(null)\n\n  const buildInitialForm = () => {\n    // Group entity values by field name\n    const valuesByField: Record<string, any[]> = {}\n    // Track which fields have mixed values\n    const mixedFieldsSet = new Set<string>()\n\n    entities.forEach((entity) => {\n      const mappedEntity: EntityForm = {\n        id: entity.id,\n        name: entity.name,\n        label: entity.label,\n        entityType: entity.entityType as 'folder' | 'task' | 'product' | 'version',\n        createdAt: entity.createdAt,\n        updatedAt: entity.updatedAt,\n        projectName: entity.projectName,\n        status: entity.status,\n        tags: entity.tags || [],\n        path: entity.path,\n        folderType: entity.folder?.folderType,\n        productType: entity.product?.productType,\n        taskType: entity.task?.taskType,\n      }\n\n      // Process regular fields\n      Object.keys(mappedEntity).forEach((key) => {\n        if (visibleFields.includes(key as keyof EntityForm)) {\n          valuesByField[key] = valuesByField[key] || []\n          valuesByField[key].push((mappedEntity as any)[key])\n        }\n      })\n\n      // Process attrib fields\n      if (entity.attrib) {\n        Object.keys(entity.attrib).forEach((key) => {\n          const attribKey = `attrib.${key}`\n          valuesByField[attribKey] = valuesByField[attribKey] || []\n          valuesByField[attribKey].push(entity.attrib?.[key])\n        })\n      }\n    })\n\n    // Apply getMixedState to each field\n    const formData = Object.entries(valuesByField).reduce((result, [key, values]) => {\n      const { value, isMixed } = getMixedState(values)\n      result[key] = value\n\n      // Add to mixedFields if this field has mixed values\n      if (isMixed) {\n        mixedFieldsSet.add(key)\n      }\n\n      return result\n    }, {} as Record<string, any>)\n\n    setFormData(formData as EntityForm)\n    // Update the mixedFields state with all fields that have mixed values\n    setMixedFields(Array.from(mixedFieldsSet))\n  }\n\n  useEffect(() => {\n    if (isLoading || entities.length === 0) return\n    buildInitialForm()\n  }, [entities, isLoading])\n\n  const { data: projectData } = useGetProjectQuery(\n    { projectName: formData?.projectName || '' },\n    { skip: !formData?.projectName || mixedFields.includes('projectName') },\n  )\n  const { folderTypes = [], taskTypes = [], statuses = [], tags = [] } = projectData || {}\n\n  const { data: info } = useGetSiteInfoQuery({ full: true })\n  const { attributes = [] } = info || {}\n\n  // build the fields array for defining the schema\n  const fields: AttributeField[] = useMemo(() => {\n    // Create custom fields as proper AttributeModel objects\n    const customFieldsData: AttributeField[] = [\n      {\n        name: 'name',\n        data: {\n          type: 'string',\n          title: 'Name',\n          description: 'The name of the entity, used for identification in the pipeline',\n        },\n      },\n      {\n        name: 'label',\n        data: {\n          type: 'string',\n          title: 'Label',\n          description: 'Used as a nice visual label only',\n        },\n      },\n      {\n        name: 'folderType',\n        hidden: formData?.entityType !== 'folder',\n        data: {\n          type: 'string',\n          title: 'Folder Type',\n          description: 'Type of the folder',\n          enum: folderTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'taskType',\n        hidden: formData?.entityType !== 'task',\n        data: {\n          type: 'string',\n          title: 'Task Type',\n          description: 'Type of the task',\n          enum: taskTypes.map((type) => ({\n            value: type.name,\n            label: type.name,\n            icon: type.icon,\n          })),\n        },\n      },\n      {\n        name: 'status',\n        data: {\n          type: 'string',\n          title: 'Status',\n          description: 'The state the entity is in, is it approved or in progress etc.',\n          enum: statuses.map((status) => ({\n            value: status.name,\n            label: status.name,\n            icon: status.icon,\n            color: status.color,\n          })),\n        },\n      },\n      {\n        name: 'tags',\n        data: {\n          type: 'list_of_strings',\n          title: 'Tags',\n          enum: tags.map((tag) => ({\n            value: tag.name,\n            label: tag.name,\n            color: tag.color,\n          })),\n        },\n      },\n    ]\n\n    // Filter API attributes based on entity type\n    const apiAttributesData: AttributeField[] = formData?.entityType\n      ? attributes\n          .filter((attr) => attr.scope?.includes(formData.entityType))\n          .map((attr) => ({\n            name: 'attrib.' + attr.name,\n            data: attr.data,\n          }))\n      : []\n\n    const readOnlyFieldsData: AttributeField[] = readOnlyFields.map((field) => ({\n      name: field as string,\n      readonly: true,\n      data: {\n        type: 'string',\n        title: upperFirst(field as string),\n      },\n    }))\n\n    // Combine custom fields with API attributes\n    const allFieldsData = [...customFieldsData, ...apiAttributesData, ...readOnlyFieldsData]\n    const sortToTop = ['path', 'name']\n    const sortedFieldsData = [...allFieldsData].sort((a, b) => {\n      const aIndex = sortToTop.indexOf(a.name)\n      const bIndex = sortToTop.indexOf(b.name)\n      if (aIndex === -1 && bIndex === -1) return 0\n      if (aIndex === -1) return 1\n      if (bIndex === -1) return -1\n      return aIndex - bIndex\n    })\n\n    return sortedFieldsData\n  }, [attributes, folderTypes, taskTypes, statuses, tags, formData?.entityType])\n\n  //\n  let enableEditing = false\n  if (\n    ['task', 'folder'].includes(formData?.entityType || '') &&\n    !mixedFields.includes('projectName')\n  ) {\n    enableEditing = true\n  }\n\n  const entityType = formData?.entityType || 'task'\n  const projectName = formData?.projectName || ''\n\n  // Setup entity update functionality\n  const { updateEntity } = useEntityUpdate({\n    entities: entities.map((entity) => ({\n      id: entity.id,\n      projectName: entity.projectName || '',\n      folderId: entity.folder?.id,\n      users: entity.task?.assignees || [],\n    })),\n    entityType,\n  })\n\n  const handleChange: DetailsPanelAttributesEditorProps['onChange'] = (key, value) => {\n    if (key.startsWith('attrib.')) {\n      value = {\n        [key.replace('attrib.', '')]: value,\n      }\n      key = 'attrib'\n    }\n\n    console.log('handleChange', key, value)\n\n    // update the form data\n    // @ts-ignore\n    setFormData((prev) => ({\n      ...prev,\n      [key]: value,\n    }))\n\n    // update the entity in database\n    updateEntity(key, value)\n  }\n\n  return (\n    <Section style={{ padding: 8, overflow: 'hidden' }}>\n      <DetailsPanelAttributesEditor\n        fields={fields}\n        form={formData || {}}\n        mixedFields={mixedFields}\n        isLoading={isLoading}\n        enableEditing={enableEditing}\n        onChange={handleChange}\n      />\n    </Section>\n  )\n}\n"],"names":["_a","formData","jsx"],"mappings":"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"}

package/dist/shared/src/components/EntityPanelUploader/EntityPanelUploader.cjs.js

@@ -105,6 +105,7 @@ require("../../api/queries/addons/updateAddons.cjs.js");
 require("../../api/queries/attributes/getAttributes.cjs.js");
 require("../../api/queries/attributes/updateAttributes.cjs.js");
 require("../../api/queries/authentication/getAuthentication.cjs.js");
+require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/entities/getEntity.cjs.js");
 require("../../api/queries/entities/getEntityPanel.cjs.js");
 const updateEntity = require("../../api/queries/entities/updateEntity.cjs.js");
@@ -113,24 +114,24 @@ require("../../api/queries/entityLists/updateLists.cjs.js");
 require("../../api/queries/entityLists/getListsAttributes.cjs.js");
 require("../../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../../api/queries/folders/getFolders.cjs.js");
+require("../../api/queries/grouping/getGrouping.cjs.js");
 require("../../api/queries/overview/getOverview.cjs.js");
 require("../../api/queries/overview/updateOverview.cjs.js");
+require("../../api/queries/permissions/getPermissions.cjs.js");
+const createProduct = require("../../api/queries/products/createProduct.cjs.js");
 require("../../api/queries/project/getProject.cjs.js");
 require("../../api/queries/project/updateProject.cjs.js");
 require("../../api/queries/review/getReview.cjs.js");
 require("../../api/queries/review/updateReview.cjs.js");
+require("../../api/queries/share/share.cjs.js");
 require("../../api/queries/system/getSystem.cjs.js");
 require("../../api/queries/userDashboard/getUserDashboard.cjs.js");
 require("../../api/queries/users/getUsers.cjs.js");
 require("../../api/queries/users/updateUsers.cjs.js");
-require("../../api/queries/watchers/getWatchers.cjs.js");
-require("../../api/queries/permissions/getPermissions.cjs.js");
-require("../../api/queries/grouping/getGrouping.cjs.js");
 const updateVersions = require("../../api/queries/versions/updateVersions.cjs.js");
-const createProduct = require("../../api/queries/products/createProduct.cjs.js");
-require("../../api/queries/cloud/cloud.cjs.js");
 require("../../api/queries/views/getViews.cjs.js");
 require("../../api/queries/views/updateViews.cjs.js");
+require("../../api/queries/watchers/getWatchers.cjs.js");
 require("../../../../_virtual/runtime.cjs.js");
 require("../../../../_virtual/semver.cjs.js");
 require("react-redux");