@ynput/ayon-frontend-shared 0.2.3 → 0.2.5

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.es.js

@@ -3,14 +3,14 @@ import { useMemo, useState } from "react";
 import { TablePanel } from "@ynput/ayon-react-components";
 import { TreeTable } from "../../../node_modules/primereact/treetable/treetable.esm.es.js";
 import { Column } from "../../../node_modules/primereact/column/column.esm.es.js";
-import "../../../../_virtual/lodash.es.js";
+import "lodash";
 import "react-toastify";
 import { groupResult } from "../../util/groupResult.es.js";
 import "../../util/pubsub.es.js";
 import "../ContextMenu/ContextMenuContext.es.js";
 /* empty css                                 */
-import { useCreateContextMenu } from "../ContextMenu/useCreateContextMenu.es.js";
 import "clsx";
+import { useCreateContextMenu } from "../ContextMenu/useCreateContextMenu.es.js";
 import "../../components/ThumbnailSimple/ThumbnailSimple.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
@@ -63,6 +63,10 @@ import "../../api/queries/authentication/getAuthentication.es.js";
 import "../../api/queries/entities/getEntity.es.js";
 import "../../api/queries/entities/getEntityPanel.es.js";
 import "../../api/queries/entities/updateEntity.es.js";
+import "../../api/queries/entityLists/getLists.es.js";
+import "../../api/queries/entityLists/updateLists.es.js";
+import "../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../api/queries/entityLists/updateListsAttributes.es.js";
 import "../../api/queries/folders/getFolders.es.js";
 import "../../api/queries/overview/getOverview.es.js";
 import "../../api/queries/overview/updateOverview.es.js";
@@ -83,6 +87,7 @@ import "../../components/ReviewablesList/ReviewablesUpload.styled.es.js";
 import "../../context/RemoteModulesContext.es.js";
 import "../../context/DetailsPanelContext.es.js";
 import "../../context/ThumbnailUploaderContext.es.js";
+import "../../context/SettingsPanelContext.es.js";
 import "../../context/pip/PiPProvider.es.js";
 import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
@@ -128,6 +133,18 @@ import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../ProjectTreeTable/context/CellEditingContext.es.js";
 import "../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../ProjectTreeTable/context/ProjectTableSelectionContext.es.js";
+import "@tanstack/react-table";
+import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
+import "../ProjectTreeTable/widgets/DateWidget.es.js";
+import "../ProjectTreeTable/widgets/EnumWidget.es.js";
+import "../ProjectTreeTable/widgets/TextWidget.es.js";
+import "../ProjectTreeTable/widgets/BooleanWidget.es.js";
+import "../ProjectTreeTable/widgets/CellWidget.es.js";
+import "../ProjectTreeTable/widgets/EntityNameWidget.es.js";
+import "../ProjectTreeTable/widgets/ThumbnailWidget.es.js";
+import "../ProjectTreeTable/ProjectTreeTable.styled.es.js";
+import "../ProjectTreeTable/components/SelectionCell.es.js";
+import "../ProjectTreeTable/components/RowSelectionHeader.es.js";
 import versionsToRepresentations from "./versionsToRepresentations.es.js";
 import "../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../../../_virtual/runtime.es.js";
@@ -148,6 +165,11 @@ import "../../components/EntityPath/EntityPath.styled.es.js";
 import "../../components/EntityPath/SegmentProvider.es.js";
 import "../../components/DetailsPanelAttributes/DetailsPanelAttributesEditor.es.js";
 import "../../components/Watchers/Watchers.es.js";
+import "../../components/ProjectTableSettings/ProjectTableSettings.es.js";
+import "../../components/SettingsPanel/SettingsPanel.es.js";
+import "../../components/SettingsPanel/SettingsPanelItemTemplate.es.js";
+import "../../components/AttributeEditor/components/MinMaxField.es.js";
+import "../../components/EnumEditor/EnumEditor.styled.es.js";
 const columns = [
   {
     field: "name",

package/dist/shared/src/containers/RepresentationsList/RepresentationsList.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RepresentationsList.es.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,UAAU;AAAA,EACd;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAEX;AAMO,MAAM,sBAAsB,CAAC,EAAE,WAAW,CAAA,QAAgB;;AAEzD,QAAA,kBAAkB,QAAQ,MAAM,0BAA0B,QAAQ,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;AAE3F,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAC5D,QAAA,yBAAwB,qBAAgB,KAAK,CAAC,QAAQ,IAAI,OAAO,UAAU,MAAnD,mBAAsD;AAEpF,QAAM,CAAC,UAAU,WAAW,IAAI,SAAmB,CAAA,CAAE;AAE/C,QAAA,OAAO,QAAQ,MAAM;AAElB,WAAA,YAAY,iBAAiB,MAAM;AAAA,EAAA,GACzC,CAAC,eAAe,CAAC;AAEd,QAAA,uBAAuB,CAAC,aAAqB;AAErC,gBAAA,CAAC,QAAQ,CAAC;AAAA,EACxB;AAEM,QAAA,aAAa,CAAC,MAAW;AACR,yBAAA,EAAE,KAAK,KAAK,EAAE;AAAA,EACrC;AAEM,QAAA,eAAe,CAAC,OAAe;AAAA,IACnC;AAAA,MACE,OAAO;AAAA,MACP,SAAS,MAAM,cAAc,EAAE;AAAA,MAC/B,MAAM;AAAA,IAAA;AAAA,EAEV;AAEA,QAAM,CAAC,WAAW,IAAI,qBAAqB,EAAE;AAEvC,QAAA,oBAAoB,CAAC,MAAW;AAC9B,UAAA,KAAK,EAAE,KAAK,KAAK;AAEvB,QAAI,IAAI;AAEN,2BAAqB,EAAE;AAEvB,kBAAY,EAAE,eAAe,aAAa,EAAE,CAAC;AAAA,IAAA;AAAA,EAEjD;AAEA,SAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAAC,sCAAC,YACC,EAAA,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,YAAU;AAAA,QACV,cAAa;AAAA,QACb,OAAO;AAAA,QACP,cAAa;AAAA,QACb,eAAc;AAAA,QACd,eAAe,SAAS,CAAC;AAAA,QACzB;AAAA,QACA,eAAe;AAAA,QAEd,UAAA,QAAQ,IAAI,CAAC,QAAQ;AAElB,iBAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,OAAO,IAAI;AAAA,cACX,QAAQ,IAAI;AAAA,cACZ,UAAU,IAAI;AAAA,cACd,OAAO,EAAE,OAAO,IAAI,MAAM;AAAA,YAAA;AAAA,YAJrB,IAAI;AAAA,UAKX;AAAA,QAEH,CAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEC,cACCA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,WAAW,CAAC,UAAU;AAAA,QACtB,SAAS,CAAC,CAAC;AAAA,QACX,QAAQ,MAAM,cAAc,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GAEJ;AAEJ;"}
+{"version":3,"file":"RepresentationsList.es.js","sources":["../../../../../src/containers/RepresentationsList/RepresentationsList.tsx"],"sourcesContent":["import { useMemo, useState } from 'react'\nimport { TablePanel } from '@ynput/ayon-react-components'\n\nimport { TreeTable } from 'primereact/treetable'\nimport { Column } from 'primereact/column'\n\nimport { groupResult } from '@shared/util'\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\nimport { DetailsDialog } from '@shared/components'\nimport versionsToRepresentations from './versionsToRepresentations'\nimport { DetailsPanelEntityData } from '@shared/api'\n\nconst columns = [\n  {\n    field: 'name',\n    header: 'Name',\n    width: 90,\n    expander: true,\n  },\n  {\n    field: 'folderName',\n    header: 'Folder',\n    width: 130,\n  },\n  {\n    field: 'productName',\n    header: 'Product',\n    width: 130,\n  },\n  {\n    field: 'Product type',\n    header: 'productType',\n    width: 110,\n  },\n]\n\ntype Props = {\n  entities: DetailsPanelEntityData[]\n}\n\nexport const RepresentationsList = ({ entities = [] }: Props) => {\n  // merge all entities data into one array of entities\n  const representations = useMemo(() => versionsToRepresentations(entities) || [], [entities])\n\n  const [showDetail, setShowDetail] = useState<false | string>(false)\n  const showDetailProjectName = representations.find((rep) => rep.id === showDetail)?.projectName\n\n  const [selected, setSelected] = useState<string[]>([])\n\n  const data = useMemo(() => {\n    // @ts-expect-error - groupResult is not typed\n    return groupResult(representations, 'name')\n  }, [representations])\n\n  const onRepSelectionChange = (entityId: string) => {\n    // set focused state\n    setSelected([entityId])\n  }\n\n  const onRowClick = (e: any) => {\n    onRepSelectionChange(e.node.data.id)\n  }\n\n  const ctxMenuItems = (id: string) => [\n    {\n      label: 'Representation detail',\n      command: () => setShowDetail(id),\n      icon: 'database',\n    },\n  ]\n\n  const [ctxMenuShow] = useCreateContextMenu([])\n\n  const handleContextMenu = (e: any) => {\n    const id = e.node.data.id\n\n    if (id) {\n      // update focused representations\n      onRepSelectionChange(id)\n      // open context menu\n      ctxMenuShow(e.originalEvent, ctxMenuItems(id))\n    }\n  }\n\n  return (\n    <>\n      <TablePanel>\n        <TreeTable\n          scrollable\n          scrollHeight=\"100%\"\n          value={data}\n          emptyMessage=\"No representation found\"\n          selectionMode=\"single\"\n          selectionKeys={selected[0]}\n          onRowClick={onRowClick}\n          onContextMenu={handleContextMenu}\n        >\n          {columns.map((col) => {\n            return (\n              <Column\n                key={col.field}\n                field={col.field}\n                header={col.header}\n                expander={col.expander}\n                style={{ width: col.width }}\n              />\n            )\n          })}\n        </TreeTable>\n      </TablePanel>\n\n      {showDetail && (\n        <DetailsDialog\n          projectName={showDetailProjectName}\n          entityType={'representation'}\n          entityIds={[showDetail]}\n          visible={!!showDetail}\n          onHide={() => setShowDetail(false)}\n        />\n      )}\n    </>\n  )\n}\n"],"names":["jsxs","Fragment","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAM,UAAU;AAAA,EACd;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,UAAU;AAAA,EACZ;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAEX;AAMO,MAAM,sBAAsB,CAAC,EAAE,WAAW,CAAA,QAAgB;;AAEzD,QAAA,kBAAkB,QAAQ,MAAM,0BAA0B,QAAQ,KAAK,CAAC,GAAG,CAAC,QAAQ,CAAC;AAE3F,QAAM,CAAC,YAAY,aAAa,IAAI,SAAyB,KAAK;AAC5D,QAAA,yBAAwB,qBAAgB,KAAK,CAAC,QAAQ,IAAI,OAAO,UAAU,MAAnD,mBAAsD;AAEpF,QAAM,CAAC,UAAU,WAAW,IAAI,SAAmB,CAAA,CAAE;AAE/C,QAAA,OAAO,QAAQ,MAAM;AAElB,WAAA,YAAY,iBAAiB,MAAM;AAAA,EAAA,GACzC,CAAC,eAAe,CAAC;AAEd,QAAA,uBAAuB,CAAC,aAAqB;AAErC,gBAAA,CAAC,QAAQ,CAAC;AAAA,EACxB;AAEM,QAAA,aAAa,CAAC,MAAW;AACR,yBAAA,EAAE,KAAK,KAAK,EAAE;AAAA,EACrC;AAEM,QAAA,eAAe,CAAC,OAAe;AAAA,IACnC;AAAA,MACE,OAAO;AAAA,MACP,SAAS,MAAM,cAAc,EAAE;AAAA,MAC/B,MAAM;AAAA,IAAA;AAAA,EAEV;AAEA,QAAM,CAAC,WAAW,IAAI,qBAAqB,EAAE;AAEvC,QAAA,oBAAoB,CAAC,MAAW;AAC9B,UAAA,KAAK,EAAE,KAAK,KAAK;AAEvB,QAAI,IAAI;AAEN,2BAAqB,EAAE;AAEvB,kBAAY,EAAE,eAAe,aAAa,EAAE,CAAC;AAAA,IAAA;AAAA,EAEjD;AAEA,SAEIA,kCAAA,KAAAC,4BAAA,EAAA,UAAA;AAAA,IAAAC,sCAAC,YACC,EAAA,UAAAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,YAAU;AAAA,QACV,cAAa;AAAA,QACb,OAAO;AAAA,QACP,cAAa;AAAA,QACb,eAAc;AAAA,QACd,eAAe,SAAS,CAAC;AAAA,QACzB;AAAA,QACA,eAAe;AAAA,QAEd,UAAA,QAAQ,IAAI,CAAC,QAAQ;AAElB,iBAAAA,kCAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cAEC,OAAO,IAAI;AAAA,cACX,QAAQ,IAAI;AAAA,cACZ,UAAU,IAAI;AAAA,cACd,OAAO,EAAE,OAAO,IAAI,MAAM;AAAA,YAAA;AAAA,YAJrB,IAAI;AAAA,UAKX;AAAA,QAEH,CAAA;AAAA,MAAA;AAAA,IAAA,GAEL;AAAA,IAEC,cACCA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,aAAa;AAAA,QACb,YAAY;AAAA,QACZ,WAAW,CAAC,UAAU;AAAA,QACtB,SAAS,CAAC,CAAC;AAAA,QACX,QAAQ,MAAM,cAAc,KAAK;AAAA,MAAA;AAAA,IAAA;AAAA,EACnC,GAEJ;AAEJ;"}

package/dist/shared/src/context/DetailsPanelContext.cjs.js

@@ -54,6 +54,10 @@ require("../api/queries/authentication/getAuthentication.cjs.js");
 require("../api/queries/entities/getEntity.cjs.js");
 require("../api/queries/entities/getEntityPanel.cjs.js");
 require("../api/queries/entities/updateEntity.cjs.js");
+require("../api/queries/entityLists/getLists.cjs.js");
+require("../api/queries/entityLists/updateLists.cjs.js");
+require("../api/queries/entityLists/getListsAttributes.cjs.js");
+require("../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../api/queries/folders/getFolders.cjs.js");
 require("../api/queries/overview/getOverview.cjs.js");
 require("../api/queries/overview/updateOverview.cjs.js");
@@ -66,9 +70,10 @@ 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("../../../_virtual/lodash.cjs.js");
+require("lodash");
 require("react-toastify");
 require("./ThumbnailUploaderContext.cjs.js");
+require("./SettingsPanelContext.cjs.js");
 require("./pip/PiPProvider.cjs.js");
 require("react-dom");
 require("./pip/PiPWrapper.cjs.js");

package/dist/shared/src/context/DetailsPanelContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelContext.cjs.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport type { UserModel } from '@shared/api'\n\nexport type FeedFilters = 'activity' | 'comments' | 'versions' | 'checklists'\n\nexport type DetailsPanelTab = FeedFilters | 'attribs' | 'files'\n\nexport type SlideOut = {\n  entityId: string\n  entityType: DetailsPanelEntityType\n  projectName: string\n}\n\nexport type DetailsPanelPip = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  scope: string\n}\n\nexport interface OpenStateByScope {\n  [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n  [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n  dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n  user: UserModel\n  viewer?: {\n    reviewableIds: string[]\n    taskId?: string\n    folderId?: string\n  }\n  // redux callback actions\n  onOpenImage?: (args: any) => void\n  onGoToFrame?: (frame: number) => void\n  onOpenViewer?: (args: any) => void\n  onUpdateEntity?: (data: { operations: any[], entityType: string }) => void\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // Open state for the panel by scope\n  panelOpenByScope: OpenStateByScope\n  getOpenForScope: (scope: string) => boolean\n  setPanelOpen: (scope: string, isOpen: boolean) => void\n  setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n  // Tab preferences by scope\n  tabsByScope: TabStateByScope\n  getTabForScope: (scope: string) => DetailsPanelTab\n  setTab: (scope: string, tab: DetailsPanelTab) => void\n\n  // Slide out state\n  slideOut: null | SlideOut\n  openSlideOut: (slideOut: SlideOut) => void\n  closeSlideOut: () => void\n\n  // Highlighted activities\n  highlightedActivities: string[]\n  setHighlightedActivities: (activities: string[]) => void\n\n  // PiP state\n  pip: DetailsPanelPip | null\n  openPip: (pip: DetailsPanelPip) => void\n  closePip: () => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType | undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n  children: ReactNode\n  defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n  children,\n  defaultTab = 'activity',\n  ...forwardedProps\n}) => {\n  // keep track of the currently open panel by scope\n  const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n\n  //  get the current open state for a specific scope\n  const getOpenForScope = useCallback(\n    (scope: string): boolean => {\n      // Check if we have a saved preference for this scope\n      if (panelOpenByScope[scope]) {\n        return panelOpenByScope[scope]\n      }\n\n      // Fall back to default\n      return false\n    },\n    [panelOpenByScope],\n  )\n  // Set open state for a scope\n  const setPanelOpen = useCallback(\n    (scope: string, isOpen: boolean) => {\n      // Create a new state object based on current open state\n      const newState = { ...panelOpenByScope }\n      newState[scope] = isOpen\n\n      // Update the state with the new object\n      setPanelOpenByScope(newState)\n    },\n    [panelOpenByScope],\n  )\n\n  // Use localStorage to persist tab preferences by scope\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  // Get the current tab for a specific scope\n  const getTabForScope = useCallback(\n    (scope: string): DetailsPanelTab => {\n      // Check if we have a saved preference for this scope\n      if (tabsByScope[scope]) {\n        return tabsByScope[scope]\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\n  const setTab = useCallback(\n    (scope: string, tab: DetailsPanelTab) => {\n      // Create a new state object based on current tabsByScope\n      const newState = { ...tabsByScope }\n      newState[scope] = tab\n\n      // Update the state with the new object\n      setTabsByScope(newState)\n    },\n    [tabsByScope, setTabsByScope],\n  )\n\n  // is the slide out open?\n  const [slideOut, setSlideOut] = useState<null | SlideOut>(null)\n\n  // open the slide out\n  const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n    setSlideOut(params)\n  }, [])\n\n  // close the slide out\n  const closeSlideOut = useCallback(() => {\n    setSlideOut(null)\n    setHighlightedActivities([])\n  }, [])\n\n  const [pip, setPip] = useState<DetailsPanelPip | null>(null)\n\n  const openPip = useCallback((pip: DetailsPanelPip) => {\n    setPip(pip)\n  }, [])\n  const closePip = useCallback(() => {\n    setPip(null)\n  }, [])\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const value = {\n    // open state for the panel by scope\n    panelOpenByScope,\n    getOpenForScope,\n    setPanelOpen,\n    setPanelOpenByScope,\n    // tab preferences\n    tabsByScope,\n    getTabForScope,\n    setTab,\n    // slide out state\n    slideOut,\n    openSlideOut,\n    closeSlideOut,\n    // highlighted activities\n    highlightedActivities,\n    setHighlightedActivities,\n    // PiP state\n    pip,\n    openPip,\n    closePip,\n    ...forwardedProps,\n  }\n\n  return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n  const context = useContext(DetailsPanelContext)\n  if (context === undefined) {\n    throw new Error('useDetailsPanel must be used within a DetailsProvider')\n  }\n  return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n  const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab: getTabForScope(scope),\n    setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n    isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n  }\n}\n"],"names":["createContext","useState","useCallback","useLocalStorage","pip","jsx","useContext"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelContext.cjs.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport type { UserModel } from '@shared/api'\n\nexport type FeedFilters = 'activity' | 'comments' | 'versions' | 'checklists'\n\nexport type DetailsPanelTab = FeedFilters | 'attribs' | 'files'\n\nexport type SlideOut = {\n  entityId: string\n  entityType: DetailsPanelEntityType\n  projectName: string\n}\n\nexport type DetailsPanelPip = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  scope: string\n}\n\nexport interface OpenStateByScope {\n  [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n  [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n  dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n  user: UserModel\n  viewer?: {\n    reviewableIds: string[]\n    taskId?: string\n    folderId?: string\n  }\n  // redux callback actions\n  onOpenImage?: (args: any) => void\n  onGoToFrame?: (frame: number) => void\n  onOpenViewer?: (args: any) => void\n  onUpdateEntity?: (data: { operations: any[], entityType: string }) => void\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // Open state for the panel by scope\n  panelOpenByScope: OpenStateByScope\n  getOpenForScope: (scope: string) => boolean\n  setPanelOpen: (scope: string, isOpen: boolean) => void\n  setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n  // Tab preferences by scope\n  tabsByScope: TabStateByScope\n  getTabForScope: (scope: string) => DetailsPanelTab\n  setTab: (scope: string, tab: DetailsPanelTab) => void\n\n  // Slide out state\n  slideOut: null | SlideOut\n  openSlideOut: (slideOut: SlideOut) => void\n  closeSlideOut: () => void\n\n  // Highlighted activities\n  highlightedActivities: string[]\n  setHighlightedActivities: (activities: string[]) => void\n\n  // PiP state\n  pip: DetailsPanelPip | null\n  openPip: (pip: DetailsPanelPip) => void\n  closePip: () => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType | undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n  children: ReactNode\n  defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n  children,\n  defaultTab = 'activity',\n  ...forwardedProps\n}) => {\n  // keep track of the currently open panel by scope\n  const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n\n  //  get the current open state for a specific scope\n  const getOpenForScope = useCallback(\n    (scope: string): boolean => {\n      // Check if we have a saved preference for this scope\n      if (panelOpenByScope[scope]) {\n        return panelOpenByScope[scope]\n      }\n\n      // Fall back to default\n      return false\n    },\n    [panelOpenByScope],\n  )\n  // Set open state for a scope\n  const setPanelOpen = useCallback(\n    (scope: string, isOpen: boolean) => {\n      // Create a new state object based on current open state\n      const newState = { ...panelOpenByScope }\n      newState[scope] = isOpen\n\n      // Update the state with the new object\n      setPanelOpenByScope(newState)\n    },\n    [panelOpenByScope],\n  )\n\n  // Use localStorage to persist tab preferences by scope\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  // Get the current tab for a specific scope\n  const getTabForScope = useCallback(\n    (scope: string): DetailsPanelTab => {\n      // Check if we have a saved preference for this scope\n      if (tabsByScope[scope]) {\n        return tabsByScope[scope]\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\n  const setTab = useCallback(\n    (scope: string, tab: DetailsPanelTab) => {\n      // Create a new state object based on current tabsByScope\n      const newState = { ...tabsByScope }\n      newState[scope] = tab\n\n      // Update the state with the new object\n      setTabsByScope(newState)\n    },\n    [tabsByScope, setTabsByScope],\n  )\n\n  // is the slide out open?\n  const [slideOut, setSlideOut] = useState<null | SlideOut>(null)\n\n  // open the slide out\n  const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n    setSlideOut(params)\n  }, [])\n\n  // close the slide out\n  const closeSlideOut = useCallback(() => {\n    setSlideOut(null)\n    setHighlightedActivities([])\n  }, [])\n\n  const [pip, setPip] = useState<DetailsPanelPip | null>(null)\n\n  const openPip = useCallback((pip: DetailsPanelPip) => {\n    setPip(pip)\n  }, [])\n  const closePip = useCallback(() => {\n    setPip(null)\n  }, [])\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const value = {\n    // open state for the panel by scope\n    panelOpenByScope,\n    getOpenForScope,\n    setPanelOpen,\n    setPanelOpenByScope,\n    // tab preferences\n    tabsByScope,\n    getTabForScope,\n    setTab,\n    // slide out state\n    slideOut,\n    openSlideOut,\n    closeSlideOut,\n    // highlighted activities\n    highlightedActivities,\n    setHighlightedActivities,\n    // PiP state\n    pip,\n    openPip,\n    closePip,\n    ...forwardedProps,\n  }\n\n  return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n  const context = useContext(DetailsPanelContext)\n  if (context === undefined) {\n    throw new Error('useDetailsPanel must be used within a DetailsProvider')\n  }\n  return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n  const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab: getTabForScope(scope),\n    setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n    isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n  }\n}\n"],"names":["createContext","useState","useCallback","useLocalStorage","pip","jsx","useContext"],"mappings":"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"}

package/dist/shared/src/context/DetailsPanelContext.es.js

@@ -52,6 +52,10 @@ import "../api/queries/authentication/getAuthentication.es.js";
 import "../api/queries/entities/getEntity.es.js";
 import "../api/queries/entities/getEntityPanel.es.js";
 import "../api/queries/entities/updateEntity.es.js";
+import "../api/queries/entityLists/getLists.es.js";
+import "../api/queries/entityLists/updateLists.es.js";
+import "../api/queries/entityLists/getListsAttributes.es.js";
+import "../api/queries/entityLists/updateListsAttributes.es.js";
 import "../api/queries/folders/getFolders.es.js";
 import "../api/queries/overview/getOverview.es.js";
 import "../api/queries/overview/updateOverview.es.js";
@@ -64,9 +68,10 @@ 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 "../../../_virtual/lodash.es.js";
+import "lodash";
 import "react-toastify";
 import "./ThumbnailUploaderContext.es.js";
+import "./SettingsPanelContext.es.js";
 import "./pip/PiPProvider.es.js";
 import "react-dom";
 import "./pip/PiPWrapper.es.js";

package/dist/shared/src/context/DetailsPanelContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"DetailsPanelContext.es.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport type { UserModel } from '@shared/api'\n\nexport type FeedFilters = 'activity' | 'comments' | 'versions' | 'checklists'\n\nexport type DetailsPanelTab = FeedFilters | 'attribs' | 'files'\n\nexport type SlideOut = {\n  entityId: string\n  entityType: DetailsPanelEntityType\n  projectName: string\n}\n\nexport type DetailsPanelPip = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  scope: string\n}\n\nexport interface OpenStateByScope {\n  [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n  [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n  dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n  user: UserModel\n  viewer?: {\n    reviewableIds: string[]\n    taskId?: string\n    folderId?: string\n  }\n  // redux callback actions\n  onOpenImage?: (args: any) => void\n  onGoToFrame?: (frame: number) => void\n  onOpenViewer?: (args: any) => void\n  onUpdateEntity?: (data: { operations: any[], entityType: string }) => void\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // Open state for the panel by scope\n  panelOpenByScope: OpenStateByScope\n  getOpenForScope: (scope: string) => boolean\n  setPanelOpen: (scope: string, isOpen: boolean) => void\n  setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n  // Tab preferences by scope\n  tabsByScope: TabStateByScope\n  getTabForScope: (scope: string) => DetailsPanelTab\n  setTab: (scope: string, tab: DetailsPanelTab) => void\n\n  // Slide out state\n  slideOut: null | SlideOut\n  openSlideOut: (slideOut: SlideOut) => void\n  closeSlideOut: () => void\n\n  // Highlighted activities\n  highlightedActivities: string[]\n  setHighlightedActivities: (activities: string[]) => void\n\n  // PiP state\n  pip: DetailsPanelPip | null\n  openPip: (pip: DetailsPanelPip) => void\n  closePip: () => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType | undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n  children: ReactNode\n  defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n  children,\n  defaultTab = 'activity',\n  ...forwardedProps\n}) => {\n  // keep track of the currently open panel by scope\n  const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n\n  //  get the current open state for a specific scope\n  const getOpenForScope = useCallback(\n    (scope: string): boolean => {\n      // Check if we have a saved preference for this scope\n      if (panelOpenByScope[scope]) {\n        return panelOpenByScope[scope]\n      }\n\n      // Fall back to default\n      return false\n    },\n    [panelOpenByScope],\n  )\n  // Set open state for a scope\n  const setPanelOpen = useCallback(\n    (scope: string, isOpen: boolean) => {\n      // Create a new state object based on current open state\n      const newState = { ...panelOpenByScope }\n      newState[scope] = isOpen\n\n      // Update the state with the new object\n      setPanelOpenByScope(newState)\n    },\n    [panelOpenByScope],\n  )\n\n  // Use localStorage to persist tab preferences by scope\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  // Get the current tab for a specific scope\n  const getTabForScope = useCallback(\n    (scope: string): DetailsPanelTab => {\n      // Check if we have a saved preference for this scope\n      if (tabsByScope[scope]) {\n        return tabsByScope[scope]\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\n  const setTab = useCallback(\n    (scope: string, tab: DetailsPanelTab) => {\n      // Create a new state object based on current tabsByScope\n      const newState = { ...tabsByScope }\n      newState[scope] = tab\n\n      // Update the state with the new object\n      setTabsByScope(newState)\n    },\n    [tabsByScope, setTabsByScope],\n  )\n\n  // is the slide out open?\n  const [slideOut, setSlideOut] = useState<null | SlideOut>(null)\n\n  // open the slide out\n  const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n    setSlideOut(params)\n  }, [])\n\n  // close the slide out\n  const closeSlideOut = useCallback(() => {\n    setSlideOut(null)\n    setHighlightedActivities([])\n  }, [])\n\n  const [pip, setPip] = useState<DetailsPanelPip | null>(null)\n\n  const openPip = useCallback((pip: DetailsPanelPip) => {\n    setPip(pip)\n  }, [])\n  const closePip = useCallback(() => {\n    setPip(null)\n  }, [])\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const value = {\n    // open state for the panel by scope\n    panelOpenByScope,\n    getOpenForScope,\n    setPanelOpen,\n    setPanelOpenByScope,\n    // tab preferences\n    tabsByScope,\n    getTabForScope,\n    setTab,\n    // slide out state\n    slideOut,\n    openSlideOut,\n    closeSlideOut,\n    // highlighted activities\n    highlightedActivities,\n    setHighlightedActivities,\n    // PiP state\n    pip,\n    openPip,\n    closePip,\n    ...forwardedProps,\n  }\n\n  return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n  const context = useContext(DetailsPanelContext)\n  if (context === undefined) {\n    throw new Error('useDetailsPanel must be used within a DetailsProvider')\n  }\n  return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n  const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab: getTabForScope(scope),\n    setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n    isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n  }\n}\n"],"names":["pip","jsx"],"mappings":"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"}
+{"version":3,"file":"DetailsPanelContext.es.js","sources":["../../../../src/context/DetailsPanelContext.tsx"],"sourcesContent":["import React, { createContext, useContext, useCallback, ReactNode, useState } from 'react'\nimport { useLocalStorage } from '@shared/hooks'\nimport { DetailsPanelEntityType } from '@shared/api'\nimport type { UserModel } from '@shared/api'\n\nexport type FeedFilters = 'activity' | 'comments' | 'versions' | 'checklists'\n\nexport type DetailsPanelTab = FeedFilters | 'attribs' | 'files'\n\nexport type SlideOut = {\n  entityId: string\n  entityType: DetailsPanelEntityType\n  projectName: string\n}\n\nexport type DetailsPanelPip = {\n  entityType: DetailsPanelEntityType\n  entities: { id: string; projectName: string }[]\n  scope: string\n}\n\nexport interface OpenStateByScope {\n  [scope: string]: boolean\n}\n\n// Create a new interface for managing tab state by scope\nexport interface TabStateByScope {\n  [scope: string]: DetailsPanelTab\n}\n\n// these props get forwarded to the details panel value\n// it's mainly redux callbacks that cannot be used in shared library\nexport interface DetailsPanelContextProps {\n  dispatch?: any // this is a redux dispatch function and it's quite annoying we need to do this\n  user: UserModel\n  viewer?: {\n    reviewableIds: string[]\n    taskId?: string\n    folderId?: string\n  }\n  // redux callback actions\n  onOpenImage?: (args: any) => void\n  onGoToFrame?: (frame: number) => void\n  onOpenViewer?: (args: any) => void\n  onUpdateEntity?: (data: { operations: any[], entityType: string }) => void\n}\n\n// Interface for our simplified context\nexport interface DetailsPanelContextType extends DetailsPanelContextProps {\n  // Open state for the panel by scope\n  panelOpenByScope: OpenStateByScope\n  getOpenForScope: (scope: string) => boolean\n  setPanelOpen: (scope: string, isOpen: boolean) => void\n  setPanelOpenByScope: (newState: OpenStateByScope) => void\n\n  // Tab preferences by scope\n  tabsByScope: TabStateByScope\n  getTabForScope: (scope: string) => DetailsPanelTab\n  setTab: (scope: string, tab: DetailsPanelTab) => void\n\n  // Slide out state\n  slideOut: null | SlideOut\n  openSlideOut: (slideOut: SlideOut) => void\n  closeSlideOut: () => void\n\n  // Highlighted activities\n  highlightedActivities: string[]\n  setHighlightedActivities: (activities: string[]) => void\n\n  // PiP state\n  pip: DetailsPanelPip | null\n  openPip: (pip: DetailsPanelPip) => void\n  closePip: () => void\n}\n\n// Create the context\nconst DetailsPanelContext = createContext<DetailsPanelContextType | undefined>(undefined)\n\n// Provider component\nexport interface DetailsPanelProviderProps extends DetailsPanelContextProps {\n  children: ReactNode\n  defaultTab?: DetailsPanelTab\n}\n\nexport const DetailsPanelProvider: React.FC<DetailsPanelProviderProps> = ({\n  children,\n  defaultTab = 'activity',\n  ...forwardedProps\n}) => {\n  // keep track of the currently open panel by scope\n  const [panelOpenByScope, setPanelOpenByScope] = useState<OpenStateByScope>({})\n\n  //  get the current open state for a specific scope\n  const getOpenForScope = useCallback(\n    (scope: string): boolean => {\n      // Check if we have a saved preference for this scope\n      if (panelOpenByScope[scope]) {\n        return panelOpenByScope[scope]\n      }\n\n      // Fall back to default\n      return false\n    },\n    [panelOpenByScope],\n  )\n  // Set open state for a scope\n  const setPanelOpen = useCallback(\n    (scope: string, isOpen: boolean) => {\n      // Create a new state object based on current open state\n      const newState = { ...panelOpenByScope }\n      newState[scope] = isOpen\n\n      // Update the state with the new object\n      setPanelOpenByScope(newState)\n    },\n    [panelOpenByScope],\n  )\n\n  // Use localStorage to persist tab preferences by scope\n  const [tabsByScope, setTabsByScope] = useLocalStorage<TabStateByScope>(\n    'details/tabs-by-scope',\n    {},\n  )\n\n  // Get the current tab for a specific scope\n  const getTabForScope = useCallback(\n    (scope: string): DetailsPanelTab => {\n      // Check if we have a saved preference for this scope\n      if (tabsByScope[scope]) {\n        return tabsByScope[scope]\n      }\n\n      // Fall back to default\n      return defaultTab\n    },\n    [tabsByScope, defaultTab],\n  )\n\n  // Set tab for a scope\n  const setTab = useCallback(\n    (scope: string, tab: DetailsPanelTab) => {\n      // Create a new state object based on current tabsByScope\n      const newState = { ...tabsByScope }\n      newState[scope] = tab\n\n      // Update the state with the new object\n      setTabsByScope(newState)\n    },\n    [tabsByScope, setTabsByScope],\n  )\n\n  // is the slide out open?\n  const [slideOut, setSlideOut] = useState<null | SlideOut>(null)\n\n  // open the slide out\n  const openSlideOut = useCallback<DetailsPanelContextType['openSlideOut']>((params) => {\n    setSlideOut(params)\n  }, [])\n\n  // close the slide out\n  const closeSlideOut = useCallback(() => {\n    setSlideOut(null)\n    setHighlightedActivities([])\n  }, [])\n\n  const [pip, setPip] = useState<DetailsPanelPip | null>(null)\n\n  const openPip = useCallback((pip: DetailsPanelPip) => {\n    setPip(pip)\n  }, [])\n  const closePip = useCallback(() => {\n    setPip(null)\n  }, [])\n\n  const [highlightedActivities, setHighlightedActivities] = useState<string[]>([])\n\n  const value = {\n    // open state for the panel by scope\n    panelOpenByScope,\n    getOpenForScope,\n    setPanelOpen,\n    setPanelOpenByScope,\n    // tab preferences\n    tabsByScope,\n    getTabForScope,\n    setTab,\n    // slide out state\n    slideOut,\n    openSlideOut,\n    closeSlideOut,\n    // highlighted activities\n    highlightedActivities,\n    setHighlightedActivities,\n    // PiP state\n    pip,\n    openPip,\n    closePip,\n    ...forwardedProps,\n  }\n\n  return <DetailsPanelContext.Provider value={value}>{children}</DetailsPanelContext.Provider>\n}\n\n// Custom hook to use the details context\nexport const useDetailsPanelContext = (): DetailsPanelContextType => {\n  const context = useContext(DetailsPanelContext)\n  if (context === undefined) {\n    throw new Error('useDetailsPanel must be used within a DetailsProvider')\n  }\n  return context\n}\n\n// Add a specialized hook for using a panel in a specific scope\nexport const useScopedDetailsPanel = (scope: string) => {\n  const { getTabForScope, setTab, getOpenForScope, setPanelOpen } = useDetailsPanelContext()\n\n  return {\n    isOpen: getOpenForScope(scope),\n    setOpen: (isOpen: boolean) => setPanelOpen(scope, isOpen),\n    currentTab: getTabForScope(scope),\n    setTab: (tab: DetailsPanelTab) => setTab(scope, tab),\n    isFeed: ['activity', 'comments', 'versions', 'checklists'].includes(getTabForScope(scope)),\n  }\n}\n"],"names":["pip","jsx"],"mappings":"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"}

package/dist/shared/src/context/RemoteModulesContext.cjs.js

@@ -51,6 +51,10 @@ require("../api/queries/authentication/getAuthentication.cjs.js");
 require("../api/queries/entities/getEntity.cjs.js");
 require("../api/queries/entities/getEntityPanel.cjs.js");
 require("../api/queries/entities/updateEntity.cjs.js");
+require("../api/queries/entityLists/getLists.cjs.js");
+require("../api/queries/entityLists/updateLists.cjs.js");
+require("../api/queries/entityLists/getListsAttributes.cjs.js");
+require("../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../api/queries/folders/getFolders.cjs.js");
 require("../api/queries/overview/getOverview.cjs.js");
 require("../api/queries/overview/updateOverview.cjs.js");

package/dist/shared/src/context/RemoteModulesContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteModulesContext.cjs.js","sources":["../../../../src/context/RemoteModulesContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport { registerRemotes } from '@module-federation/enhanced/runtime'\nimport {\n  FrontendModuleListItem,\n  useListFrontendModulesQuery,\n  useGetSiteInfoQuery,\n} from '@shared/api'\n\ntype Module = {\n  remote: string\n  addon: string\n  version: string\n  modules: string[]\n}\n\ntype RemoteModulesContextType = {\n  isLoading: boolean\n  modules: FrontendModuleListItem[]\n  remotesInitialized: boolean\n}\n\nconst RemoteModulesContext = createContext<RemoteModulesContextType>({\n  isLoading: true,\n  modules: [],\n  remotesInitialized: false,\n})\n\ntype Props = {\n  children: ReactNode\n  skip?: boolean\n}\n\nexport const RemoteModulesProvider = ({ children, skip }: Props) => {\n  // only load if logged in\n  const { data: addonRemoteModules = [], isLoading } = useListFrontendModulesQuery(undefined, {\n    skip,\n  })\n\n  const { data: info = {}, isLoading: isLoadingInfo } = useGetSiteInfoQuery(\n    { full: true },\n    { skip },\n  )\n\n  const [remotesInitialized, setRemotesInitialized] = useState(false)\n\n  useEffect(() => {\n    if (isLoading || !addonRemoteModules.length || isLoadingInfo || remotesInitialized) return\n\n    // create a flat map of modules to load\n    const allRemotes: Module[] = []\n\n    addonRemoteModules.forEach((addon) => {\n      const { addonName, addonVersion, modules = {} } = addon\n\n      Object.entries(modules).forEach(([remote, modules]) => {\n        allRemotes.push({\n          remote,\n          addon: addonName,\n          version: addonVersion,\n          modules,\n        })\n      })\n    })\n\n    console.log('registerAddonRemotes', allRemotes)\n    registerRemotes(\n      allRemotes.map((r) => ({\n        name: r.remote,\n        alias: r.remote,\n        entry: `/addons/${r.addon || r.remote}/${r.version}/frontend/modules/${\n          r.remote\n        }/remoteEntry.js?server=${info?.releaseInfo?.version || info?.releaseInfo}-${\n          info?.releaseInfo?.buildDate\n        }-${new Date().getTime()}`,\n        type: 'module',\n      })),\n    )\n\n    setRemotesInitialized(true)\n  }, [addonRemoteModules, isLoading, isLoadingInfo, remotesInitialized])\n\n  return (\n    <RemoteModulesContext.Provider\n      value={{\n        isLoading,\n        modules: addonRemoteModules,\n        remotesInitialized,\n      }}\n    >\n      {children}\n    </RemoteModulesContext.Provider>\n  )\n}\n\nexport const useRemoteModules = () => {\n  const context = useContext(RemoteModulesContext)\n\n  if (context === undefined) {\n    throw new Error('useRemoteModules must be used within a RemoteModulesProvider')\n  }\n\n  return context\n}\n"],"names":["createContext","useListFrontendModulesQuery","useGetSiteInfoQuery","useState","useEffect","modules","registerRemotes","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAuBA,MAAAA,cAAwC;AAAA,EACnE,WAAW;AAAA,EACX,SAAS,CAAC;AAAA,EACV,oBAAoB;AACtB,CAAC;AAOM,MAAM,wBAAwB,CAAC,EAAE,UAAU,WAAkB;AAE5D,QAAA,EAAE,MAAM,qBAAqB,CAAA,GAAI,UAAU,IAAIC,sCAA4B,QAAW;AAAA,IAC1F;AAAA,EAAA,CACD;AAED,QAAM,EAAE,MAAM,OAAO,CAAI,GAAA,WAAW,kBAAkBC,UAAA;AAAA,IACpD,EAAE,MAAM,KAAK;AAAA,IACb,EAAE,KAAK;AAAA,EACT;AAEA,QAAM,CAAC,oBAAoB,qBAAqB,IAAIC,MAAAA,SAAS,KAAK;AAElEC,QAAAA,UAAU,MAAM;AACd,QAAI,aAAa,CAAC,mBAAmB,UAAU,iBAAiB,mBAAoB;AAGpF,UAAM,aAAuB,CAAC;AAEX,uBAAA,QAAQ,CAAC,UAAU;AACpC,YAAM,EAAE,WAAW,cAAc,UAAU,CAAA,EAAO,IAAA;AAE3C,aAAA,QAAQ,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQC,QAAO,MAAM;AACrD,mBAAW,KAAK;AAAA,UACd;AAAA,UACA,OAAO;AAAA,UACP,SAAS;AAAA,UACT,SAAAA;AAAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,CACF;AAEO,YAAA,IAAI,wBAAwB,UAAU;AAC9CC,YAAA,eAAA;AAAA,MACE,WAAW,IAAI,CAAC,MAAO;;AAAA;AAAA,UACrB,MAAM,EAAE;AAAA,UACR,OAAO,EAAE;AAAA,UACT,OAAO,WAAW,EAAE,SAAS,EAAE,MAAM,IAAI,EAAE,OAAO,qBAChD,EAAE,MACJ,4BAA0B,kCAAM,gBAAN,mBAAmB,aAAW,6BAAM,YAAW,KACvE,kCAAM,gBAAN,mBAAmB,SACrB,KAAQ,oBAAA,KAAA,GAAO,QAAS,CAAA;AAAA,UACxB,MAAM;AAAA,QAAA;AAAA,OACN;AAAA,IACJ;AAEA,0BAAsB,IAAI;AAAA,KACzB,CAAC,oBAAoB,WAAW,eAAe,kBAAkB,CAAC;AAGnE,SAAAC,2BAAA,kBAAA;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,mBAAmB,MAAM;AAC9B,QAAA,UAAUC,iBAAW,oBAAoB;AAE/C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,8DAA8D;AAAA,EAAA;AAGzE,SAAA;AACT;;;"}
+{"version":3,"file":"RemoteModulesContext.cjs.js","sources":["../../../../src/context/RemoteModulesContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport { registerRemotes } from '@module-federation/enhanced/runtime'\nimport {\n  FrontendModuleListItem,\n  useListFrontendModulesQuery,\n  useGetSiteInfoQuery,\n} from '@shared/api'\n\ntype Module = {\n  remote: string\n  addon: string\n  version: string\n  modules: string[]\n}\n\ntype RemoteModulesContextType = {\n  isLoading: boolean\n  modules: FrontendModuleListItem[]\n  remotesInitialized: boolean\n}\n\nconst RemoteModulesContext = createContext<RemoteModulesContextType>({\n  isLoading: true,\n  modules: [],\n  remotesInitialized: false,\n})\n\ntype Props = {\n  children: ReactNode\n  skip?: boolean\n}\n\nexport const RemoteModulesProvider = ({ children, skip }: Props) => {\n  // only load if logged in\n  const { data: addonRemoteModules = [], isLoading } = useListFrontendModulesQuery(undefined, {\n    skip,\n  })\n\n  const { data: info = {}, isLoading: isLoadingInfo } = useGetSiteInfoQuery(\n    { full: true },\n    { skip },\n  )\n\n  const [remotesInitialized, setRemotesInitialized] = useState(false)\n\n  useEffect(() => {\n    if (isLoading || !addonRemoteModules.length || isLoadingInfo || remotesInitialized) return\n\n    // create a flat map of modules to load\n    const allRemotes: Module[] = []\n\n    addonRemoteModules.forEach((addon) => {\n      const { addonName, addonVersion, modules = {} } = addon\n\n      Object.entries(modules).forEach(([remote, modules]) => {\n        allRemotes.push({\n          remote,\n          addon: addonName,\n          version: addonVersion,\n          modules,\n        })\n      })\n    })\n\n    console.log('registerAddonRemotes', allRemotes)\n    registerRemotes(\n      allRemotes.map((r) => ({\n        name: r.remote,\n        alias: r.remote,\n        entry: `/addons/${r.addon || r.remote}/${r.version}/frontend/modules/${\n          r.remote\n        }/remoteEntry.js?server=${info?.releaseInfo?.version || info?.releaseInfo}-${\n          info?.releaseInfo?.buildDate\n        }-${new Date().getTime()}`,\n        type: 'module',\n      })),\n    )\n\n    setRemotesInitialized(true)\n  }, [addonRemoteModules, isLoading, isLoadingInfo, remotesInitialized])\n\n  return (\n    <RemoteModulesContext.Provider\n      value={{\n        isLoading,\n        modules: addonRemoteModules,\n        remotesInitialized,\n      }}\n    >\n      {children}\n    </RemoteModulesContext.Provider>\n  )\n}\n\nexport const useRemoteModules = () => {\n  const context = useContext(RemoteModulesContext)\n\n  if (context === undefined) {\n    throw new Error('useRemoteModules must be used within a RemoteModulesProvider')\n  }\n\n  return context\n}\n"],"names":["createContext","useListFrontendModulesQuery","useGetSiteInfoQuery","useState","useEffect","modules","registerRemotes","jsx","useContext"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAuBA,MAAAA,cAAwC;AAAA,EACnE,WAAW;AAAA,EACX,SAAS,CAAC;AAAA,EACV,oBAAoB;AACtB,CAAC;AAOM,MAAM,wBAAwB,CAAC,EAAE,UAAU,WAAkB;AAE5D,QAAA,EAAE,MAAM,qBAAqB,CAAA,GAAI,UAAU,IAAIC,sCAA4B,QAAW;AAAA,IAC1F;AAAA,EAAA,CACD;AAED,QAAM,EAAE,MAAM,OAAO,CAAI,GAAA,WAAW,kBAAkBC,UAAA;AAAA,IACpD,EAAE,MAAM,KAAK;AAAA,IACb,EAAE,KAAK;AAAA,EACT;AAEA,QAAM,CAAC,oBAAoB,qBAAqB,IAAIC,MAAAA,SAAS,KAAK;AAElEC,QAAAA,UAAU,MAAM;AACd,QAAI,aAAa,CAAC,mBAAmB,UAAU,iBAAiB,mBAAoB;AAGpF,UAAM,aAAuB,CAAC;AAEX,uBAAA,QAAQ,CAAC,UAAU;AACpC,YAAM,EAAE,WAAW,cAAc,UAAU,CAAA,EAAO,IAAA;AAE3C,aAAA,QAAQ,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQC,QAAO,MAAM;AACrD,mBAAW,KAAK;AAAA,UACd;AAAA,UACA,OAAO;AAAA,UACP,SAAS;AAAA,UACT,SAAAA;AAAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,CACF;AAEO,YAAA,IAAI,wBAAwB,UAAU;AAC9CC,YAAA,eAAA;AAAA,MACE,WAAW,IAAI,CAAC,MAAO;;AAAA;AAAA,UACrB,MAAM,EAAE;AAAA,UACR,OAAO,EAAE;AAAA,UACT,OAAO,WAAW,EAAE,SAAS,EAAE,MAAM,IAAI,EAAE,OAAO,qBAChD,EAAE,MACJ,4BAA0B,kCAAM,gBAAN,mBAAmB,aAAW,6BAAM,YAAW,KACvE,kCAAM,gBAAN,mBAAmB,SACrB,KAAQ,oBAAA,KAAA,GAAO,QAAS,CAAA;AAAA,UACxB,MAAM;AAAA,QAAA;AAAA,OACN;AAAA,IACJ;AAEA,0BAAsB,IAAI;AAAA,KACzB,CAAC,oBAAoB,WAAW,eAAe,kBAAkB,CAAC;AAGnE,SAAAC,2BAAA,kBAAA;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,mBAAmB,MAAM;AAC9B,QAAA,UAAUC,iBAAW,oBAAoB;AAE/C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,8DAA8D;AAAA,EAAA;AAGzE,SAAA;AACT;;;"}

package/dist/shared/src/context/RemoteModulesContext.es.js

@@ -49,6 +49,10 @@ import "../api/queries/authentication/getAuthentication.es.js";
 import "../api/queries/entities/getEntity.es.js";
 import "../api/queries/entities/getEntityPanel.es.js";
 import "../api/queries/entities/updateEntity.es.js";
+import "../api/queries/entityLists/getLists.es.js";
+import "../api/queries/entityLists/updateLists.es.js";
+import "../api/queries/entityLists/getListsAttributes.es.js";
+import "../api/queries/entityLists/updateListsAttributes.es.js";
 import "../api/queries/folders/getFolders.es.js";
 import "../api/queries/overview/getOverview.es.js";
 import "../api/queries/overview/updateOverview.es.js";

package/dist/shared/src/context/RemoteModulesContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"RemoteModulesContext.es.js","sources":["../../../../src/context/RemoteModulesContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport { registerRemotes } from '@module-federation/enhanced/runtime'\nimport {\n  FrontendModuleListItem,\n  useListFrontendModulesQuery,\n  useGetSiteInfoQuery,\n} from '@shared/api'\n\ntype Module = {\n  remote: string\n  addon: string\n  version: string\n  modules: string[]\n}\n\ntype RemoteModulesContextType = {\n  isLoading: boolean\n  modules: FrontendModuleListItem[]\n  remotesInitialized: boolean\n}\n\nconst RemoteModulesContext = createContext<RemoteModulesContextType>({\n  isLoading: true,\n  modules: [],\n  remotesInitialized: false,\n})\n\ntype Props = {\n  children: ReactNode\n  skip?: boolean\n}\n\nexport const RemoteModulesProvider = ({ children, skip }: Props) => {\n  // only load if logged in\n  const { data: addonRemoteModules = [], isLoading } = useListFrontendModulesQuery(undefined, {\n    skip,\n  })\n\n  const { data: info = {}, isLoading: isLoadingInfo } = useGetSiteInfoQuery(\n    { full: true },\n    { skip },\n  )\n\n  const [remotesInitialized, setRemotesInitialized] = useState(false)\n\n  useEffect(() => {\n    if (isLoading || !addonRemoteModules.length || isLoadingInfo || remotesInitialized) return\n\n    // create a flat map of modules to load\n    const allRemotes: Module[] = []\n\n    addonRemoteModules.forEach((addon) => {\n      const { addonName, addonVersion, modules = {} } = addon\n\n      Object.entries(modules).forEach(([remote, modules]) => {\n        allRemotes.push({\n          remote,\n          addon: addonName,\n          version: addonVersion,\n          modules,\n        })\n      })\n    })\n\n    console.log('registerAddonRemotes', allRemotes)\n    registerRemotes(\n      allRemotes.map((r) => ({\n        name: r.remote,\n        alias: r.remote,\n        entry: `/addons/${r.addon || r.remote}/${r.version}/frontend/modules/${\n          r.remote\n        }/remoteEntry.js?server=${info?.releaseInfo?.version || info?.releaseInfo}-${\n          info?.releaseInfo?.buildDate\n        }-${new Date().getTime()}`,\n        type: 'module',\n      })),\n    )\n\n    setRemotesInitialized(true)\n  }, [addonRemoteModules, isLoading, isLoadingInfo, remotesInitialized])\n\n  return (\n    <RemoteModulesContext.Provider\n      value={{\n        isLoading,\n        modules: addonRemoteModules,\n        remotesInitialized,\n      }}\n    >\n      {children}\n    </RemoteModulesContext.Provider>\n  )\n}\n\nexport const useRemoteModules = () => {\n  const context = useContext(RemoteModulesContext)\n\n  if (context === undefined) {\n    throw new Error('useRemoteModules must be used within a RemoteModulesProvider')\n  }\n\n  return context\n}\n"],"names":["modules","registerRemotes","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAuB,cAAwC;AAAA,EACnE,WAAW;AAAA,EACX,SAAS,CAAC;AAAA,EACV,oBAAoB;AACtB,CAAC;AAOM,MAAM,wBAAwB,CAAC,EAAE,UAAU,WAAkB;AAE5D,QAAA,EAAE,MAAM,qBAAqB,CAAA,GAAI,UAAU,IAAI,4BAA4B,QAAW;AAAA,IAC1F;AAAA,EAAA,CACD;AAED,QAAM,EAAE,MAAM,OAAO,CAAI,GAAA,WAAW,kBAAkB;AAAA,IACpD,EAAE,MAAM,KAAK;AAAA,IACb,EAAE,KAAK;AAAA,EACT;AAEA,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,KAAK;AAElE,YAAU,MAAM;AACd,QAAI,aAAa,CAAC,mBAAmB,UAAU,iBAAiB,mBAAoB;AAGpF,UAAM,aAAuB,CAAC;AAEX,uBAAA,QAAQ,CAAC,UAAU;AACpC,YAAM,EAAE,WAAW,cAAc,UAAU,CAAA,EAAO,IAAA;AAE3C,aAAA,QAAQ,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQA,QAAO,MAAM;AACrD,mBAAW,KAAK;AAAA,UACd;AAAA,UACA,OAAO;AAAA,UACP,SAAS;AAAA,UACT,SAAAA;AAAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,CACF;AAEO,YAAA,IAAI,wBAAwB,UAAU;AAC9CC,mBAAA;AAAA,MACE,WAAW,IAAI,CAAC,MAAO;;AAAA;AAAA,UACrB,MAAM,EAAE;AAAA,UACR,OAAO,EAAE;AAAA,UACT,OAAO,WAAW,EAAE,SAAS,EAAE,MAAM,IAAI,EAAE,OAAO,qBAChD,EAAE,MACJ,4BAA0B,kCAAM,gBAAN,mBAAmB,aAAW,6BAAM,YAAW,KACvE,kCAAM,gBAAN,mBAAmB,SACrB,KAAQ,oBAAA,KAAA,GAAO,QAAS,CAAA;AAAA,UACxB,MAAM;AAAA,QAAA;AAAA,OACN;AAAA,IACJ;AAEA,0BAAsB,IAAI;AAAA,KACzB,CAAC,oBAAoB,WAAW,eAAe,kBAAkB,CAAC;AAGnE,SAAAC,kCAAA;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,mBAAmB,MAAM;AAC9B,QAAA,UAAU,WAAW,oBAAoB;AAE/C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,8DAA8D;AAAA,EAAA;AAGzE,SAAA;AACT;"}
+{"version":3,"file":"RemoteModulesContext.es.js","sources":["../../../../src/context/RemoteModulesContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useEffect, useState } from 'react'\nimport { registerRemotes } from '@module-federation/enhanced/runtime'\nimport {\n  FrontendModuleListItem,\n  useListFrontendModulesQuery,\n  useGetSiteInfoQuery,\n} from '@shared/api'\n\ntype Module = {\n  remote: string\n  addon: string\n  version: string\n  modules: string[]\n}\n\ntype RemoteModulesContextType = {\n  isLoading: boolean\n  modules: FrontendModuleListItem[]\n  remotesInitialized: boolean\n}\n\nconst RemoteModulesContext = createContext<RemoteModulesContextType>({\n  isLoading: true,\n  modules: [],\n  remotesInitialized: false,\n})\n\ntype Props = {\n  children: ReactNode\n  skip?: boolean\n}\n\nexport const RemoteModulesProvider = ({ children, skip }: Props) => {\n  // only load if logged in\n  const { data: addonRemoteModules = [], isLoading } = useListFrontendModulesQuery(undefined, {\n    skip,\n  })\n\n  const { data: info = {}, isLoading: isLoadingInfo } = useGetSiteInfoQuery(\n    { full: true },\n    { skip },\n  )\n\n  const [remotesInitialized, setRemotesInitialized] = useState(false)\n\n  useEffect(() => {\n    if (isLoading || !addonRemoteModules.length || isLoadingInfo || remotesInitialized) return\n\n    // create a flat map of modules to load\n    const allRemotes: Module[] = []\n\n    addonRemoteModules.forEach((addon) => {\n      const { addonName, addonVersion, modules = {} } = addon\n\n      Object.entries(modules).forEach(([remote, modules]) => {\n        allRemotes.push({\n          remote,\n          addon: addonName,\n          version: addonVersion,\n          modules,\n        })\n      })\n    })\n\n    console.log('registerAddonRemotes', allRemotes)\n    registerRemotes(\n      allRemotes.map((r) => ({\n        name: r.remote,\n        alias: r.remote,\n        entry: `/addons/${r.addon || r.remote}/${r.version}/frontend/modules/${\n          r.remote\n        }/remoteEntry.js?server=${info?.releaseInfo?.version || info?.releaseInfo}-${\n          info?.releaseInfo?.buildDate\n        }-${new Date().getTime()}`,\n        type: 'module',\n      })),\n    )\n\n    setRemotesInitialized(true)\n  }, [addonRemoteModules, isLoading, isLoadingInfo, remotesInitialized])\n\n  return (\n    <RemoteModulesContext.Provider\n      value={{\n        isLoading,\n        modules: addonRemoteModules,\n        remotesInitialized,\n      }}\n    >\n      {children}\n    </RemoteModulesContext.Provider>\n  )\n}\n\nexport const useRemoteModules = () => {\n  const context = useContext(RemoteModulesContext)\n\n  if (context === undefined) {\n    throw new Error('useRemoteModules must be used within a RemoteModulesProvider')\n  }\n\n  return context\n}\n"],"names":["modules","registerRemotes","jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,MAAM,uBAAuB,cAAwC;AAAA,EACnE,WAAW;AAAA,EACX,SAAS,CAAC;AAAA,EACV,oBAAoB;AACtB,CAAC;AAOM,MAAM,wBAAwB,CAAC,EAAE,UAAU,WAAkB;AAE5D,QAAA,EAAE,MAAM,qBAAqB,CAAA,GAAI,UAAU,IAAI,4BAA4B,QAAW;AAAA,IAC1F;AAAA,EAAA,CACD;AAED,QAAM,EAAE,MAAM,OAAO,CAAI,GAAA,WAAW,kBAAkB;AAAA,IACpD,EAAE,MAAM,KAAK;AAAA,IACb,EAAE,KAAK;AAAA,EACT;AAEA,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAAS,KAAK;AAElE,YAAU,MAAM;AACd,QAAI,aAAa,CAAC,mBAAmB,UAAU,iBAAiB,mBAAoB;AAGpF,UAAM,aAAuB,CAAC;AAEX,uBAAA,QAAQ,CAAC,UAAU;AACpC,YAAM,EAAE,WAAW,cAAc,UAAU,CAAA,EAAO,IAAA;AAE3C,aAAA,QAAQ,OAAO,EAAE,QAAQ,CAAC,CAAC,QAAQA,QAAO,MAAM;AACrD,mBAAW,KAAK;AAAA,UACd;AAAA,UACA,OAAO;AAAA,UACP,SAAS;AAAA,UACT,SAAAA;AAAAA,QAAA,CACD;AAAA,MAAA,CACF;AAAA,IAAA,CACF;AAEO,YAAA,IAAI,wBAAwB,UAAU;AAC9CC,mBAAA;AAAA,MACE,WAAW,IAAI,CAAC,MAAO;;AAAA;AAAA,UACrB,MAAM,EAAE;AAAA,UACR,OAAO,EAAE;AAAA,UACT,OAAO,WAAW,EAAE,SAAS,EAAE,MAAM,IAAI,EAAE,OAAO,qBAChD,EAAE,MACJ,4BAA0B,kCAAM,gBAAN,mBAAmB,aAAW,6BAAM,YAAW,KACvE,kCAAM,gBAAN,mBAAmB,SACrB,KAAQ,oBAAA,KAAA,GAAO,QAAS,CAAA;AAAA,UACxB,MAAM;AAAA,QAAA;AAAA,OACN;AAAA,IACJ;AAEA,0BAAsB,IAAI;AAAA,KACzB,CAAC,oBAAoB,WAAW,eAAe,kBAAkB,CAAC;AAGnE,SAAAC,kCAAA;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS;AAAA,QACT;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,mBAAmB,MAAM;AAC9B,QAAA,UAAU,WAAW,oBAAoB;AAE/C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,8DAA8D;AAAA,EAAA;AAGzE,SAAA;AACT;"}

package/dist/shared/src/context/SettingsPanelContext.cjs.js

@@ -0,0 +1,63 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const SettingsPanelContext = React.createContext(void 0);
+const SettingsPanelProvider = ({ children }) => {
+  const [isPanelOpen, setIsPanelOpen] = React.useState(false);
+  const [selectedSetting, setSelectedSetting] = React.useState(null);
+  const [highlightedSetting, setHighlightedSetting] = React.useState(null);
+  const openPanel = () => {
+    setIsPanelOpen(true);
+    setSelectedSetting(null);
+  };
+  const closePanel = () => {
+    setIsPanelOpen(false);
+    setSelectedSetting(null);
+  };
+  const togglePanel = (setting, highlighted = null) => {
+    setIsPanelOpen((prev) => !prev);
+    if (setting && !isPanelOpen) {
+      setSelectedSetting(setting);
+      setHighlightedSetting(highlighted);
+    } else {
+      setSelectedSetting(null);
+      setHighlightedSetting(null);
+    }
+  };
+  const selectSetting = (setting, highlighted = null) => {
+    setSelectedSetting(setting);
+    setHighlightedSetting(highlighted);
+  };
+  const backToMainMenu = () => {
+    setSelectedSetting(null);
+    setHighlightedSetting(null);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    SettingsPanelContext.Provider,
+    {
+      value: {
+        isPanelOpen,
+        selectedSetting,
+        highlightedSetting,
+        setHighlightedSetting,
+        openPanel,
+        closePanel,
+        togglePanel,
+        selectSetting,
+        backToMainMenu
+      },
+      children
+    }
+  );
+};
+const useSettingsPanel = () => {
+  const context = React.useContext(SettingsPanelContext);
+  if (context === void 0) {
+    throw new Error("useSettingsPanel must be used within a SettingsPanelProvider");
+  }
+  return context;
+};
+exports.SettingsPanelProvider = SettingsPanelProvider;
+exports.useSettingsPanel = useSettingsPanel;
+//# sourceMappingURL=SettingsPanelContext.cjs.js.map

package/dist/shared/src/context/SettingsPanelContext.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPanelContext.cjs.js","sources":["../../../../src/context/SettingsPanelContext.tsx"],"sourcesContent":["import { createContext, useState, useContext, FC, ReactNode, Dispatch } from 'react'\n\nexport type SettingField = 'columns' | string\nexport type SettingHighlightedId = string | null\ninterface SettingsPanelContextType {\n  isPanelOpen: boolean\n  selectedSetting: SettingField | null\n  highlightedSetting: SettingHighlightedId\n  setHighlightedSetting: Dispatch<React.SetStateAction<SettingHighlightedId>>\n  openPanel: () => void\n  closePanel: () => void\n  togglePanel: (setting?: SettingField | null, highlighted?: SettingHighlightedId) => void\n  selectSetting: (setting: SettingField | null, highlighted?: SettingHighlightedId) => void\n  backToMainMenu: () => void\n}\n\nconst SettingsPanelContext = createContext<SettingsPanelContextType | undefined>(undefined)\n\ninterface SettingsPanelProviderProps {\n  children: ReactNode\n}\n\nexport const SettingsPanelProvider: FC<SettingsPanelProviderProps> = ({ children }) => {\n  const [isPanelOpen, setIsPanelOpen] = useState(false)\n  const [selectedSetting, setSelectedSetting] = useState<SettingField | null>(null)\n  // highlighted setting item and scroll to it (setting panel must handle it itself)\n  const [highlightedSetting, setHighlightedSetting] = useState<SettingHighlightedId>(null)\n\n  const openPanel = () => {\n    setIsPanelOpen(true)\n    setSelectedSetting(null)\n  }\n\n  const closePanel = () => {\n    setIsPanelOpen(false)\n    setSelectedSetting(null)\n  }\n\n  const togglePanel: SettingsPanelContextType['togglePanel'] = (setting, highlighted = null) => {\n    setIsPanelOpen((prev) => !prev)\n\n    // If a setting is provided, select it\n    if (setting && !isPanelOpen) {\n      setSelectedSetting(setting)\n      setHighlightedSetting(highlighted)\n    } else {\n      setSelectedSetting(null)\n      setHighlightedSetting(null)\n    }\n  }\n\n  const selectSetting: SettingsPanelContextType['selectSetting'] = (\n    setting,\n    highlighted = null,\n  ) => {\n    setSelectedSetting(setting)\n    setHighlightedSetting(highlighted)\n  }\n\n  const backToMainMenu = () => {\n    setSelectedSetting(null)\n    setHighlightedSetting(null)\n  }\n\n  return (\n    <SettingsPanelContext.Provider\n      value={{\n        isPanelOpen,\n        selectedSetting,\n        highlightedSetting,\n        setHighlightedSetting,\n        openPanel,\n        closePanel,\n        togglePanel,\n        selectSetting,\n        backToMainMenu,\n      }}\n    >\n      {children}\n    </SettingsPanelContext.Provider>\n  )\n}\n\nexport const useSettingsPanel = (): SettingsPanelContextType => {\n  const context = useContext(SettingsPanelContext)\n  if (context === undefined) {\n    throw new Error('useSettingsPanel must be used within a SettingsPanelProvider')\n  }\n  return context\n}\n"],"names":["createContext","useState","jsx","useContext"],"mappings":";;;;AAgBA,MAAM,uBAAuBA,oBAAoD,MAAS;AAMnF,MAAM,wBAAwD,CAAC,EAAE,eAAe;AACrF,QAAM,CAAC,aAAa,cAAc,IAAIC,MAAAA,SAAS,KAAK;AACpD,QAAM,CAAC,iBAAiB,kBAAkB,IAAIA,MAAAA,SAA8B,IAAI;AAEhF,QAAM,CAAC,oBAAoB,qBAAqB,IAAIA,MAAAA,SAA+B,IAAI;AAEvF,QAAM,YAAY,MAAM;AACtB,mBAAe,IAAI;AACnB,uBAAmB,IAAI;AAAA,EACzB;AAEA,QAAM,aAAa,MAAM;AACvB,mBAAe,KAAK;AACpB,uBAAmB,IAAI;AAAA,EACzB;AAEA,QAAM,cAAuD,CAAC,SAAS,cAAc,SAAS;AAC7E,mBAAA,CAAC,SAAS,CAAC,IAAI;AAG1B,QAAA,WAAW,CAAC,aAAa;AAC3B,yBAAmB,OAAO;AAC1B,4BAAsB,WAAW;AAAA,IAAA,OAC5B;AACL,yBAAmB,IAAI;AACvB,4BAAsB,IAAI;AAAA,IAAA;AAAA,EAE9B;AAEA,QAAM,gBAA2D,CAC/D,SACA,cAAc,SACX;AACH,uBAAmB,OAAO;AAC1B,0BAAsB,WAAW;AAAA,EACnC;AAEA,QAAM,iBAAiB,MAAM;AAC3B,uBAAmB,IAAI;AACvB,0BAAsB,IAAI;AAAA,EAC5B;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,mBAAmB,MAAgC;AACxD,QAAA,UAAUC,iBAAW,oBAAoB;AAC/C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,8DAA8D;AAAA,EAAA;AAEzE,SAAA;AACT;;;"}

package/dist/shared/src/context/SettingsPanelContext.es.js

@@ -0,0 +1,63 @@
+import { j as jsxRuntimeExports } from "../../../_virtual/jsx-runtime.es.js";
+import { createContext, useState, useContext } from "react";
+const SettingsPanelContext = createContext(void 0);
+const SettingsPanelProvider = ({ children }) => {
+  const [isPanelOpen, setIsPanelOpen] = useState(false);
+  const [selectedSetting, setSelectedSetting] = useState(null);
+  const [highlightedSetting, setHighlightedSetting] = useState(null);
+  const openPanel = () => {
+    setIsPanelOpen(true);
+    setSelectedSetting(null);
+  };
+  const closePanel = () => {
+    setIsPanelOpen(false);
+    setSelectedSetting(null);
+  };
+  const togglePanel = (setting, highlighted = null) => {
+    setIsPanelOpen((prev) => !prev);
+    if (setting && !isPanelOpen) {
+      setSelectedSetting(setting);
+      setHighlightedSetting(highlighted);
+    } else {
+      setSelectedSetting(null);
+      setHighlightedSetting(null);
+    }
+  };
+  const selectSetting = (setting, highlighted = null) => {
+    setSelectedSetting(setting);
+    setHighlightedSetting(highlighted);
+  };
+  const backToMainMenu = () => {
+    setSelectedSetting(null);
+    setHighlightedSetting(null);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    SettingsPanelContext.Provider,
+    {
+      value: {
+        isPanelOpen,
+        selectedSetting,
+        highlightedSetting,
+        setHighlightedSetting,
+        openPanel,
+        closePanel,
+        togglePanel,
+        selectSetting,
+        backToMainMenu
+      },
+      children
+    }
+  );
+};
+const useSettingsPanel = () => {
+  const context = useContext(SettingsPanelContext);
+  if (context === void 0) {
+    throw new Error("useSettingsPanel must be used within a SettingsPanelProvider");
+  }
+  return context;
+};
+export {
+  SettingsPanelProvider,
+  useSettingsPanel
+};
+//# sourceMappingURL=SettingsPanelContext.es.js.map

package/dist/shared/src/context/SettingsPanelContext.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SettingsPanelContext.es.js","sources":["../../../../src/context/SettingsPanelContext.tsx"],"sourcesContent":["import { createContext, useState, useContext, FC, ReactNode, Dispatch } from 'react'\n\nexport type SettingField = 'columns' | string\nexport type SettingHighlightedId = string | null\ninterface SettingsPanelContextType {\n  isPanelOpen: boolean\n  selectedSetting: SettingField | null\n  highlightedSetting: SettingHighlightedId\n  setHighlightedSetting: Dispatch<React.SetStateAction<SettingHighlightedId>>\n  openPanel: () => void\n  closePanel: () => void\n  togglePanel: (setting?: SettingField | null, highlighted?: SettingHighlightedId) => void\n  selectSetting: (setting: SettingField | null, highlighted?: SettingHighlightedId) => void\n  backToMainMenu: () => void\n}\n\nconst SettingsPanelContext = createContext<SettingsPanelContextType | undefined>(undefined)\n\ninterface SettingsPanelProviderProps {\n  children: ReactNode\n}\n\nexport const SettingsPanelProvider: FC<SettingsPanelProviderProps> = ({ children }) => {\n  const [isPanelOpen, setIsPanelOpen] = useState(false)\n  const [selectedSetting, setSelectedSetting] = useState<SettingField | null>(null)\n  // highlighted setting item and scroll to it (setting panel must handle it itself)\n  const [highlightedSetting, setHighlightedSetting] = useState<SettingHighlightedId>(null)\n\n  const openPanel = () => {\n    setIsPanelOpen(true)\n    setSelectedSetting(null)\n  }\n\n  const closePanel = () => {\n    setIsPanelOpen(false)\n    setSelectedSetting(null)\n  }\n\n  const togglePanel: SettingsPanelContextType['togglePanel'] = (setting, highlighted = null) => {\n    setIsPanelOpen((prev) => !prev)\n\n    // If a setting is provided, select it\n    if (setting && !isPanelOpen) {\n      setSelectedSetting(setting)\n      setHighlightedSetting(highlighted)\n    } else {\n      setSelectedSetting(null)\n      setHighlightedSetting(null)\n    }\n  }\n\n  const selectSetting: SettingsPanelContextType['selectSetting'] = (\n    setting,\n    highlighted = null,\n  ) => {\n    setSelectedSetting(setting)\n    setHighlightedSetting(highlighted)\n  }\n\n  const backToMainMenu = () => {\n    setSelectedSetting(null)\n    setHighlightedSetting(null)\n  }\n\n  return (\n    <SettingsPanelContext.Provider\n      value={{\n        isPanelOpen,\n        selectedSetting,\n        highlightedSetting,\n        setHighlightedSetting,\n        openPanel,\n        closePanel,\n        togglePanel,\n        selectSetting,\n        backToMainMenu,\n      }}\n    >\n      {children}\n    </SettingsPanelContext.Provider>\n  )\n}\n\nexport const useSettingsPanel = (): SettingsPanelContextType => {\n  const context = useContext(SettingsPanelContext)\n  if (context === undefined) {\n    throw new Error('useSettingsPanel must be used within a SettingsPanelProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;AAgBA,MAAM,uBAAuB,cAAoD,MAAS;AAMnF,MAAM,wBAAwD,CAAC,EAAE,eAAe;AACrF,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AACpD,QAAM,CAAC,iBAAiB,kBAAkB,IAAI,SAA8B,IAAI;AAEhF,QAAM,CAAC,oBAAoB,qBAAqB,IAAI,SAA+B,IAAI;AAEvF,QAAM,YAAY,MAAM;AACtB,mBAAe,IAAI;AACnB,uBAAmB,IAAI;AAAA,EACzB;AAEA,QAAM,aAAa,MAAM;AACvB,mBAAe,KAAK;AACpB,uBAAmB,IAAI;AAAA,EACzB;AAEA,QAAM,cAAuD,CAAC,SAAS,cAAc,SAAS;AAC7E,mBAAA,CAAC,SAAS,CAAC,IAAI;AAG1B,QAAA,WAAW,CAAC,aAAa;AAC3B,yBAAmB,OAAO;AAC1B,4BAAsB,WAAW;AAAA,IAAA,OAC5B;AACL,yBAAmB,IAAI;AACvB,4BAAsB,IAAI;AAAA,IAAA;AAAA,EAE9B;AAEA,QAAM,gBAA2D,CAC/D,SACA,cAAc,SACX;AACH,uBAAmB,OAAO;AAC1B,0BAAsB,WAAW;AAAA,EACnC;AAEA,QAAM,iBAAiB,MAAM;AAC3B,uBAAmB,IAAI;AACvB,0BAAsB,IAAI;AAAA,EAC5B;AAGE,SAAAA,kCAAA;AAAA,IAAC,qBAAqB;AAAA,IAArB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEO,MAAM,mBAAmB,MAAgC;AACxD,QAAA,UAAU,WAAW,oBAAoB;AAC/C,MAAI,YAAY,QAAW;AACnB,UAAA,IAAI,MAAM,8DAA8D;AAAA,EAAA;AAEzE,SAAA;AACT;"}

package/dist/shared/src/context/ThumbnailUploaderContext.cjs.js

@@ -5,6 +5,7 @@ const React = require("react");
 require("../containers/ContextMenu/ContextMenuContext.cjs.js");
 require("@ynput/ayon-react-components");
 ;/* empty css                                              */
+require("clsx");
 const useCreateContextMenu = require("../containers/ContextMenu/useCreateContextMenu.cjs.js");
 const ThumbnailUploadContext = React.createContext({});
 const ThumbnailUploadProvider = ({

package/dist/shared/src/context/ThumbnailUploaderContext.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailUploaderContext.cjs.js","sources":["../../../../src/context/ThumbnailUploaderContext.tsx"],"sourcesContent":["import { createContext, useState } from 'react'\n\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\n\nexport const ThumbnailUploadContext = createContext<{\n  onContextMenu?: Function\n  resetFileUploadState?: Function\n  inputRef?: HTMLInputElement\n}>({})\n\nexport type ThumbnailUploadProviderProps = {\n  handleThumbnailUpload: (thumbnails: any[]) => {}\n  entities: any\n  inputRef: any\n  children?: JSX.Element | JSX.Element[]\n}\n\nexport const ThumbnailUploadProvider = ({\n  children = [],\n  inputRef,\n}: ThumbnailUploadProviderProps) => {\n  const [_, setFileUploadInProgress] = useState(false)\n  const [ctxMenuShow] = useCreateContextMenu()\n  const resetFileUploadState = () => setFileUploadInProgress(false)\n\n  const ctxMenuItems = () => [\n    {\n      label: 'Upload new thumbnail',\n      icon: 'add_photo_alternate',\n      command: () => {\n        if (inputRef) {\n          inputRef.current!.click()\n        }\n        return setFileUploadInProgress(true)\n      },\n    },\n  ]\n\n  const onContextMenu = (event: MouseEvent) => {\n    // @ts-expect-error - I just can't do this right now\n    ctxMenuShow(event, ctxMenuItems())\n  }\n\n  return (\n    <ThumbnailUploadContext.Provider value={{ onContextMenu, resetFileUploadState }}>\n      {children}\n    </ThumbnailUploadContext.Provider>\n  )\n}\n\nexport const useThumbnailUploadContext = () => {\n  const context = ThumbnailUploadContext\n  if (!context) {\n    throw new Error('useThumbnailUploadContext must be used within a ThumbnailUploadProvider')\n  }\n  return context\n}\n"],"names":["createContext","useState","useCreateContextMenu","jsx"],"mappings":";;;;;;;;AAIa,MAAA,yBAAyBA,MAInC,cAAA,CAAE,CAAA;AASE,MAAM,0BAA0B,CAAC;AAAA,EACtC,WAAW,CAAC;AAAA,EACZ;AACF,MAAoC;AAClC,QAAM,CAAC,GAAG,uBAAuB,IAAIC,MAAAA,SAAS,KAAK;AAC7C,QAAA,CAAC,WAAW,IAAIC,0CAAqB;AACrC,QAAA,uBAAuB,MAAM,wBAAwB,KAAK;AAEhE,QAAM,eAAe,MAAM;AAAA,IACzB;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM;AACb,YAAI,UAAU;AACZ,mBAAS,QAAS,MAAM;AAAA,QAAA;AAE1B,eAAO,wBAAwB,IAAI;AAAA,MAAA;AAAA,IACrC;AAAA,EAEJ;AAEM,QAAA,gBAAgB,CAAC,UAAsB;AAE/B,gBAAA,OAAO,cAAc;AAAA,EACnC;AAGE,SAAAC,2BAAA,kBAAA,IAAC,uBAAuB,UAAvB,EAAgC,OAAO,EAAE,eAAe,wBACtD,UACH;AAEJ;AAEO,MAAM,4BAA4B,MAAM;AAC7C,QAAM,UAAU;AAChB,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,yEAAyE;AAAA,EAAA;AAEpF,SAAA;AACT;;;;"}
+{"version":3,"file":"ThumbnailUploaderContext.cjs.js","sources":["../../../../src/context/ThumbnailUploaderContext.tsx"],"sourcesContent":["import { createContext, useState } from 'react'\n\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\n\nexport const ThumbnailUploadContext = createContext<{\n  onContextMenu?: Function\n  resetFileUploadState?: Function\n  inputRef?: HTMLInputElement\n}>({})\n\nexport type ThumbnailUploadProviderProps = {\n  handleThumbnailUpload: (thumbnails: any[]) => {}\n  entities: any\n  inputRef: any\n  children?: JSX.Element | JSX.Element[]\n}\n\nexport const ThumbnailUploadProvider = ({\n  children = [],\n  inputRef,\n}: ThumbnailUploadProviderProps) => {\n  const [_, setFileUploadInProgress] = useState(false)\n  const [ctxMenuShow] = useCreateContextMenu()\n  const resetFileUploadState = () => setFileUploadInProgress(false)\n\n  const ctxMenuItems = () => [\n    {\n      label: 'Upload new thumbnail',\n      icon: 'add_photo_alternate',\n      command: () => {\n        if (inputRef) {\n          inputRef.current!.click()\n        }\n        return setFileUploadInProgress(true)\n      },\n    },\n  ]\n\n  const onContextMenu = (event: MouseEvent) => {\n    // @ts-expect-error - I just can't do this right now\n    ctxMenuShow(event, ctxMenuItems())\n  }\n\n  return (\n    <ThumbnailUploadContext.Provider value={{ onContextMenu, resetFileUploadState }}>\n      {children}\n    </ThumbnailUploadContext.Provider>\n  )\n}\n\nexport const useThumbnailUploadContext = () => {\n  const context = ThumbnailUploadContext\n  if (!context) {\n    throw new Error('useThumbnailUploadContext must be used within a ThumbnailUploadProvider')\n  }\n  return context\n}\n"],"names":["createContext","useState","useCreateContextMenu","jsx"],"mappings":";;;;;;;;;AAIa,MAAA,yBAAyBA,MAInC,cAAA,CAAE,CAAA;AASE,MAAM,0BAA0B,CAAC;AAAA,EACtC,WAAW,CAAC;AAAA,EACZ;AACF,MAAoC;AAClC,QAAM,CAAC,GAAG,uBAAuB,IAAIC,MAAAA,SAAS,KAAK;AAC7C,QAAA,CAAC,WAAW,IAAIC,0CAAqB;AACrC,QAAA,uBAAuB,MAAM,wBAAwB,KAAK;AAEhE,QAAM,eAAe,MAAM;AAAA,IACzB;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM;AACb,YAAI,UAAU;AACZ,mBAAS,QAAS,MAAM;AAAA,QAAA;AAE1B,eAAO,wBAAwB,IAAI;AAAA,MAAA;AAAA,IACrC;AAAA,EAEJ;AAEM,QAAA,gBAAgB,CAAC,UAAsB;AAE/B,gBAAA,OAAO,cAAc;AAAA,EACnC;AAGE,SAAAC,2BAAA,kBAAA,IAAC,uBAAuB,UAAvB,EAAgC,OAAO,EAAE,eAAe,wBACtD,UACH;AAEJ;AAEO,MAAM,4BAA4B,MAAM;AAC7C,QAAM,UAAU;AAChB,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,yEAAyE;AAAA,EAAA;AAEpF,SAAA;AACT;;;;"}

package/dist/shared/src/context/ThumbnailUploaderContext.es.js

@@ -3,6 +3,7 @@ import { createContext, useState } from "react";
 import "../containers/ContextMenu/ContextMenuContext.es.js";
 import "@ynput/ayon-react-components";
 /* empty css                                            */
+import "clsx";
 import { useCreateContextMenu } from "../containers/ContextMenu/useCreateContextMenu.es.js";
 const ThumbnailUploadContext = createContext({});
 const ThumbnailUploadProvider = ({

package/dist/shared/src/context/ThumbnailUploaderContext.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailUploaderContext.es.js","sources":["../../../../src/context/ThumbnailUploaderContext.tsx"],"sourcesContent":["import { createContext, useState } from 'react'\n\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\n\nexport const ThumbnailUploadContext = createContext<{\n  onContextMenu?: Function\n  resetFileUploadState?: Function\n  inputRef?: HTMLInputElement\n}>({})\n\nexport type ThumbnailUploadProviderProps = {\n  handleThumbnailUpload: (thumbnails: any[]) => {}\n  entities: any\n  inputRef: any\n  children?: JSX.Element | JSX.Element[]\n}\n\nexport const ThumbnailUploadProvider = ({\n  children = [],\n  inputRef,\n}: ThumbnailUploadProviderProps) => {\n  const [_, setFileUploadInProgress] = useState(false)\n  const [ctxMenuShow] = useCreateContextMenu()\n  const resetFileUploadState = () => setFileUploadInProgress(false)\n\n  const ctxMenuItems = () => [\n    {\n      label: 'Upload new thumbnail',\n      icon: 'add_photo_alternate',\n      command: () => {\n        if (inputRef) {\n          inputRef.current!.click()\n        }\n        return setFileUploadInProgress(true)\n      },\n    },\n  ]\n\n  const onContextMenu = (event: MouseEvent) => {\n    // @ts-expect-error - I just can't do this right now\n    ctxMenuShow(event, ctxMenuItems())\n  }\n\n  return (\n    <ThumbnailUploadContext.Provider value={{ onContextMenu, resetFileUploadState }}>\n      {children}\n    </ThumbnailUploadContext.Provider>\n  )\n}\n\nexport const useThumbnailUploadContext = () => {\n  const context = ThumbnailUploadContext\n  if (!context) {\n    throw new Error('useThumbnailUploadContext must be used within a ThumbnailUploadProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;AAIa,MAAA,yBAAyB,cAInC,CAAE,CAAA;AASE,MAAM,0BAA0B,CAAC;AAAA,EACtC,WAAW,CAAC;AAAA,EACZ;AACF,MAAoC;AAClC,QAAM,CAAC,GAAG,uBAAuB,IAAI,SAAS,KAAK;AAC7C,QAAA,CAAC,WAAW,IAAI,qBAAqB;AACrC,QAAA,uBAAuB,MAAM,wBAAwB,KAAK;AAEhE,QAAM,eAAe,MAAM;AAAA,IACzB;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM;AACb,YAAI,UAAU;AACZ,mBAAS,QAAS,MAAM;AAAA,QAAA;AAE1B,eAAO,wBAAwB,IAAI;AAAA,MAAA;AAAA,IACrC;AAAA,EAEJ;AAEM,QAAA,gBAAgB,CAAC,UAAsB;AAE/B,gBAAA,OAAO,cAAc;AAAA,EACnC;AAGE,SAAAA,kCAAA,IAAC,uBAAuB,UAAvB,EAAgC,OAAO,EAAE,eAAe,wBACtD,UACH;AAEJ;AAEO,MAAM,4BAA4B,MAAM;AAC7C,QAAM,UAAU;AAChB,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,yEAAyE;AAAA,EAAA;AAEpF,SAAA;AACT;"}
+{"version":3,"file":"ThumbnailUploaderContext.es.js","sources":["../../../../src/context/ThumbnailUploaderContext.tsx"],"sourcesContent":["import { createContext, useState } from 'react'\n\nimport { useCreateContextMenu } from '@shared/containers/ContextMenu'\n\nexport const ThumbnailUploadContext = createContext<{\n  onContextMenu?: Function\n  resetFileUploadState?: Function\n  inputRef?: HTMLInputElement\n}>({})\n\nexport type ThumbnailUploadProviderProps = {\n  handleThumbnailUpload: (thumbnails: any[]) => {}\n  entities: any\n  inputRef: any\n  children?: JSX.Element | JSX.Element[]\n}\n\nexport const ThumbnailUploadProvider = ({\n  children = [],\n  inputRef,\n}: ThumbnailUploadProviderProps) => {\n  const [_, setFileUploadInProgress] = useState(false)\n  const [ctxMenuShow] = useCreateContextMenu()\n  const resetFileUploadState = () => setFileUploadInProgress(false)\n\n  const ctxMenuItems = () => [\n    {\n      label: 'Upload new thumbnail',\n      icon: 'add_photo_alternate',\n      command: () => {\n        if (inputRef) {\n          inputRef.current!.click()\n        }\n        return setFileUploadInProgress(true)\n      },\n    },\n  ]\n\n  const onContextMenu = (event: MouseEvent) => {\n    // @ts-expect-error - I just can't do this right now\n    ctxMenuShow(event, ctxMenuItems())\n  }\n\n  return (\n    <ThumbnailUploadContext.Provider value={{ onContextMenu, resetFileUploadState }}>\n      {children}\n    </ThumbnailUploadContext.Provider>\n  )\n}\n\nexport const useThumbnailUploadContext = () => {\n  const context = ThumbnailUploadContext\n  if (!context) {\n    throw new Error('useThumbnailUploadContext must be used within a ThumbnailUploadProvider')\n  }\n  return context\n}\n"],"names":["jsx"],"mappings":";;;;;;;AAIa,MAAA,yBAAyB,cAInC,CAAE,CAAA;AASE,MAAM,0BAA0B,CAAC;AAAA,EACtC,WAAW,CAAC;AAAA,EACZ;AACF,MAAoC;AAClC,QAAM,CAAC,GAAG,uBAAuB,IAAI,SAAS,KAAK;AAC7C,QAAA,CAAC,WAAW,IAAI,qBAAqB;AACrC,QAAA,uBAAuB,MAAM,wBAAwB,KAAK;AAEhE,QAAM,eAAe,MAAM;AAAA,IACzB;AAAA,MACE,OAAO;AAAA,MACP,MAAM;AAAA,MACN,SAAS,MAAM;AACb,YAAI,UAAU;AACZ,mBAAS,QAAS,MAAM;AAAA,QAAA;AAE1B,eAAO,wBAAwB,IAAI;AAAA,MAAA;AAAA,IACrC;AAAA,EAEJ;AAEM,QAAA,gBAAgB,CAAC,UAAsB;AAE/B,gBAAA,OAAO,cAAc;AAAA,EACnC;AAGE,SAAAA,kCAAA,IAAC,uBAAuB,UAAvB,EAAgC,OAAO,EAAE,eAAe,wBACtD,UACH;AAEJ;AAEO,MAAM,4BAA4B,MAAM;AAC7C,QAAM,UAAU;AAChB,MAAI,CAAC,SAAS;AACN,UAAA,IAAI,MAAM,yEAAyE;AAAA,EAAA;AAEpF,SAAA;AACT;"}

package/dist/shared/src/hooks/useEntityUpdate.cjs.js

@@ -49,6 +49,10 @@ require("../api/queries/authentication/getAuthentication.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");
+require("../api/queries/entityLists/getLists.cjs.js");
+require("../api/queries/entityLists/updateLists.cjs.js");
+require("../api/queries/entityLists/getListsAttributes.cjs.js");
+require("../api/queries/entityLists/updateListsAttributes.cjs.js");
 require("../api/queries/folders/getFolders.cjs.js");
 require("../api/queries/overview/getOverview.cjs.js");
 require("../api/queries/overview/updateOverview.cjs.js");
@@ -64,6 +68,7 @@ require("../api/queries/watchers/getWatchers.cjs.js");
 require("../context/RemoteModulesContext.cjs.js");
 const DetailsPanelContext = require("../context/DetailsPanelContext.cjs.js");
 require("../context/ThumbnailUploaderContext.cjs.js");
+require("../context/SettingsPanelContext.cjs.js");
 require("../context/pip/PiPProvider.cjs.js");
 require("react-dom");
 require("../context/pip/PiPWrapper.cjs.js");

package/dist/shared/src/hooks/useEntityUpdate.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEntityUpdate.cjs.js","sources":["../../../../src/hooks/useEntityUpdate.ts"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useUpdateEntitiesMutation } from '@shared/api'\nimport { useContext } from 'react'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Entity {\n  id: string\n  projectName: string\n  users: string[]\n  folderId?: string\n  productId?: string\n}\n\nexport interface UseEntityUpdateParams {\n  entities: Entity[]\n  entityType: string\n}\n\n/**\n * Hook for updating entities with proper error handling and version-specific logic\n */\nexport const useEntityUpdate = ({ entities, entityType }: UseEntityUpdateParams) => {\n  const [updateEntities] = useUpdateEntitiesMutation()\n  const { onUpdateEntity } = useDetailsPanelContext()\n\n  /**\n   * Updates entities with the specified field and value\n   * @param field The field to update\n   * @param value The new value for the field\n   * @returns Promise that resolves when the update is complete\n   */\n  const updateEntity = async (field: string, value: any): Promise<void> => {\n    if (value === null || value === undefined) {\n      console.error('value is null or undefined')\n      return\n    }\n\n    try {\n      // Build entities operations array\n      const operations = entities.map((entity) => ({\n        id: entity.id,\n        projectName: entity.projectName,\n        data: {\n          [field]: value,\n        },\n        currentAssignees: entity.users,\n        meta: {\n          folderId: entity.folderId,\n        },\n      }))\n\n      await updateEntities({ operations, entityType })\n      onUpdateEntity?.({ operations, entityType })\n    } catch (error) {\n      toast.error(`Error updating ${entityType}`)\n    }\n  }\n\n  return { updateEntity }\n}\n"],"names":["useUpdateEntitiesMutation","useDetailsPanelContext","updateEntity","toast"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,iBAAwC;AAC5E,QAAA,CAAC,cAAc,IAAIA,uCAA0B;AAC7C,QAAA,EAAE,eAAe,IAAIC,2CAAuB;AAQ5C,QAAAC,iBAAe,OAAO,OAAe,UAA8B;AACnE,QAAA,UAAU,QAAQ,UAAU,QAAW;AACzC,cAAQ,MAAM,4BAA4B;AAC1C;AAAA,IAAA;AAGE,QAAA;AAEF,YAAM,aAAa,SAAS,IAAI,CAAC,YAAY;AAAA,QAC3C,IAAI,OAAO;AAAA,QACX,aAAa,OAAO;AAAA,QACpB,MAAM;AAAA,UACJ,CAAC,KAAK,GAAG;AAAA,QACX;AAAA,QACA,kBAAkB,OAAO;AAAA,QACzB,MAAM;AAAA,UACJ,UAAU,OAAO;AAAA,QAAA;AAAA,MACnB,EACA;AAEF,YAAM,eAAe,EAAE,YAAY,YAAY;AAC9B,uDAAA,EAAE,YAAY;aACxB,OAAO;AACRC,oBAAAA,MAAA,MAAM,kBAAkB,UAAU,EAAE;AAAA,IAAA;AAAA,EAE9C;AAEA,SAAO,EAAED,cAAAA,eAAa;AACxB;;"}
+{"version":3,"file":"useEntityUpdate.cjs.js","sources":["../../../../src/hooks/useEntityUpdate.ts"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useUpdateEntitiesMutation } from '@shared/api'\nimport { useContext } from 'react'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Entity {\n  id: string\n  projectName: string\n  users: string[]\n  folderId?: string\n  productId?: string\n}\n\nexport interface UseEntityUpdateParams {\n  entities: Entity[]\n  entityType: string\n}\n\n/**\n * Hook for updating entities with proper error handling and version-specific logic\n */\nexport const useEntityUpdate = ({ entities, entityType }: UseEntityUpdateParams) => {\n  const [updateEntities] = useUpdateEntitiesMutation()\n  const { onUpdateEntity } = useDetailsPanelContext()\n\n  /**\n   * Updates entities with the specified field and value\n   * @param field The field to update\n   * @param value The new value for the field\n   * @returns Promise that resolves when the update is complete\n   */\n  const updateEntity = async (field: string, value: any): Promise<void> => {\n    if (value === null || value === undefined) {\n      console.error('value is null or undefined')\n      return\n    }\n\n    try {\n      // Build entities operations array\n      const operations = entities.map((entity) => ({\n        id: entity.id,\n        projectName: entity.projectName,\n        data: {\n          [field]: value,\n        },\n        currentAssignees: entity.users,\n        meta: {\n          folderId: entity.folderId,\n        },\n      }))\n\n      await updateEntities({ operations, entityType })\n      onUpdateEntity?.({ operations, entityType })\n    } catch (error) {\n      toast.error(`Error updating ${entityType}`)\n    }\n  }\n\n  return { updateEntity }\n}\n"],"names":["useUpdateEntitiesMutation","useDetailsPanelContext","updateEntity","toast"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,iBAAwC;AAC5E,QAAA,CAAC,cAAc,IAAIA,uCAA0B;AAC7C,QAAA,EAAE,eAAe,IAAIC,2CAAuB;AAQ5C,QAAAC,iBAAe,OAAO,OAAe,UAA8B;AACnE,QAAA,UAAU,QAAQ,UAAU,QAAW;AACzC,cAAQ,MAAM,4BAA4B;AAC1C;AAAA,IAAA;AAGE,QAAA;AAEF,YAAM,aAAa,SAAS,IAAI,CAAC,YAAY;AAAA,QAC3C,IAAI,OAAO;AAAA,QACX,aAAa,OAAO;AAAA,QACpB,MAAM;AAAA,UACJ,CAAC,KAAK,GAAG;AAAA,QACX;AAAA,QACA,kBAAkB,OAAO;AAAA,QACzB,MAAM;AAAA,UACJ,UAAU,OAAO;AAAA,QAAA;AAAA,MACnB,EACA;AAEF,YAAM,eAAe,EAAE,YAAY,YAAY;AAC9B,uDAAA,EAAE,YAAY;aACxB,OAAO;AACRC,oBAAAA,MAAA,MAAM,kBAAkB,UAAU,EAAE;AAAA,IAAA;AAAA,EAE9C;AAEA,SAAO,EAAED,cAAAA,eAAa;AACxB;;"}

package/dist/shared/src/hooks/useEntityUpdate.es.js

@@ -47,6 +47,10 @@ import "../api/queries/authentication/getAuthentication.es.js";
 import "../api/queries/entities/getEntity.es.js";
 import "../api/queries/entities/getEntityPanel.es.js";
 import { useUpdateEntitiesMutation } from "../api/queries/entities/updateEntity.es.js";
+import "../api/queries/entityLists/getLists.es.js";
+import "../api/queries/entityLists/updateLists.es.js";
+import "../api/queries/entityLists/getListsAttributes.es.js";
+import "../api/queries/entityLists/updateListsAttributes.es.js";
 import "../api/queries/folders/getFolders.es.js";
 import "../api/queries/overview/getOverview.es.js";
 import "../api/queries/overview/updateOverview.es.js";
@@ -62,6 +66,7 @@ import "../api/queries/watchers/getWatchers.es.js";
 import "../context/RemoteModulesContext.es.js";
 import { useDetailsPanelContext } from "../context/DetailsPanelContext.es.js";
 import "../context/ThumbnailUploaderContext.es.js";
+import "../context/SettingsPanelContext.es.js";
 import "../context/pip/PiPProvider.es.js";
 import "react-dom";
 import "../context/pip/PiPWrapper.es.js";

package/dist/shared/src/hooks/useEntityUpdate.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"useEntityUpdate.es.js","sources":["../../../../src/hooks/useEntityUpdate.ts"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useUpdateEntitiesMutation } from '@shared/api'\nimport { useContext } from 'react'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Entity {\n  id: string\n  projectName: string\n  users: string[]\n  folderId?: string\n  productId?: string\n}\n\nexport interface UseEntityUpdateParams {\n  entities: Entity[]\n  entityType: string\n}\n\n/**\n * Hook for updating entities with proper error handling and version-specific logic\n */\nexport const useEntityUpdate = ({ entities, entityType }: UseEntityUpdateParams) => {\n  const [updateEntities] = useUpdateEntitiesMutation()\n  const { onUpdateEntity } = useDetailsPanelContext()\n\n  /**\n   * Updates entities with the specified field and value\n   * @param field The field to update\n   * @param value The new value for the field\n   * @returns Promise that resolves when the update is complete\n   */\n  const updateEntity = async (field: string, value: any): Promise<void> => {\n    if (value === null || value === undefined) {\n      console.error('value is null or undefined')\n      return\n    }\n\n    try {\n      // Build entities operations array\n      const operations = entities.map((entity) => ({\n        id: entity.id,\n        projectName: entity.projectName,\n        data: {\n          [field]: value,\n        },\n        currentAssignees: entity.users,\n        meta: {\n          folderId: entity.folderId,\n        },\n      }))\n\n      await updateEntities({ operations, entityType })\n      onUpdateEntity?.({ operations, entityType })\n    } catch (error) {\n      toast.error(`Error updating ${entityType}`)\n    }\n  }\n\n  return { updateEntity }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,iBAAwC;AAC5E,QAAA,CAAC,cAAc,IAAI,0BAA0B;AAC7C,QAAA,EAAE,eAAe,IAAI,uBAAuB;AAQ5C,QAAA,eAAe,OAAO,OAAe,UAA8B;AACnE,QAAA,UAAU,QAAQ,UAAU,QAAW;AACzC,cAAQ,MAAM,4BAA4B;AAC1C;AAAA,IAAA;AAGE,QAAA;AAEF,YAAM,aAAa,SAAS,IAAI,CAAC,YAAY;AAAA,QAC3C,IAAI,OAAO;AAAA,QACX,aAAa,OAAO;AAAA,QACpB,MAAM;AAAA,UACJ,CAAC,KAAK,GAAG;AAAA,QACX;AAAA,QACA,kBAAkB,OAAO;AAAA,QACzB,MAAM;AAAA,UACJ,UAAU,OAAO;AAAA,QAAA;AAAA,MACnB,EACA;AAEF,YAAM,eAAe,EAAE,YAAY,YAAY;AAC9B,uDAAA,EAAE,YAAY;aACxB,OAAO;AACR,YAAA,MAAM,kBAAkB,UAAU,EAAE;AAAA,IAAA;AAAA,EAE9C;AAEA,SAAO,EAAE,aAAa;AACxB;"}
+{"version":3,"file":"useEntityUpdate.es.js","sources":["../../../../src/hooks/useEntityUpdate.ts"],"sourcesContent":["import { toast } from 'react-toastify'\nimport { useUpdateEntitiesMutation } from '@shared/api'\nimport { useContext } from 'react'\nimport { useDetailsPanelContext } from '@shared/context'\n\ninterface Entity {\n  id: string\n  projectName: string\n  users: string[]\n  folderId?: string\n  productId?: string\n}\n\nexport interface UseEntityUpdateParams {\n  entities: Entity[]\n  entityType: string\n}\n\n/**\n * Hook for updating entities with proper error handling and version-specific logic\n */\nexport const useEntityUpdate = ({ entities, entityType }: UseEntityUpdateParams) => {\n  const [updateEntities] = useUpdateEntitiesMutation()\n  const { onUpdateEntity } = useDetailsPanelContext()\n\n  /**\n   * Updates entities with the specified field and value\n   * @param field The field to update\n   * @param value The new value for the field\n   * @returns Promise that resolves when the update is complete\n   */\n  const updateEntity = async (field: string, value: any): Promise<void> => {\n    if (value === null || value === undefined) {\n      console.error('value is null or undefined')\n      return\n    }\n\n    try {\n      // Build entities operations array\n      const operations = entities.map((entity) => ({\n        id: entity.id,\n        projectName: entity.projectName,\n        data: {\n          [field]: value,\n        },\n        currentAssignees: entity.users,\n        meta: {\n          folderId: entity.folderId,\n        },\n      }))\n\n      await updateEntities({ operations, entityType })\n      onUpdateEntity?.({ operations, entityType })\n    } catch (error) {\n      toast.error(`Error updating ${entityType}`)\n    }\n  }\n\n  return { updateEntity }\n}\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBO,MAAM,kBAAkB,CAAC,EAAE,UAAU,iBAAwC;AAC5E,QAAA,CAAC,cAAc,IAAI,0BAA0B;AAC7C,QAAA,EAAE,eAAe,IAAI,uBAAuB;AAQ5C,QAAA,eAAe,OAAO,OAAe,UAA8B;AACnE,QAAA,UAAU,QAAQ,UAAU,QAAW;AACzC,cAAQ,MAAM,4BAA4B;AAC1C;AAAA,IAAA;AAGE,QAAA;AAEF,YAAM,aAAa,SAAS,IAAI,CAAC,YAAY;AAAA,QAC3C,IAAI,OAAO;AAAA,QACX,aAAa,OAAO;AAAA,QACpB,MAAM;AAAA,UACJ,CAAC,KAAK,GAAG;AAAA,QACX;AAAA,QACA,kBAAkB,OAAO;AAAA,QACzB,MAAM;AAAA,UACJ,UAAU,OAAO;AAAA,QAAA;AAAA,MACnB,EACA;AAEF,YAAM,eAAe,EAAE,YAAY,YAAY;AAC9B,uDAAA,EAAE,YAAY;aACxB,OAAO;AACR,YAAA,MAAM,kBAAkB,UAAU,EAAE;AAAA,IAAA;AAAA,EAE9C;AAEA,SAAO,EAAE,aAAa;AACxB;"}