@ynput/ayon-frontend-shared 0.2.13 → 0.2.15

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

@@ -94,6 +94,7 @@ import "react-dom";
 import "../../context/pip/PiPWrapper.es.js";
 import "../../context/AddonProjectContext.es.js";
 import "../../context/AddonContext.es.js";
+import "../../context/PowerpackContext.es.js";
 import "../../components/ReviewableCard/ReviewableCard.es.js";
 import "../../components/ReviewableProgressCard/ReviewableProgressCard.styled.es.js";
 import "../../components/FileThumbnail/FileThumbnail.es.js";
@@ -137,6 +138,7 @@ import "../ProjectTreeTable/context/CellEditingContext.es.js";
 import "../ProjectTreeTable/context/ClipboardContext.es.js";
 import "../ProjectTreeTable/context/ProjectTableSelectionContext.es.js";
 import "../ProjectTreeTable/context/ProjectDataContext.es.js";
+import "../ProjectTreeTable/context/ProjectTableModulesContext.es.js";
 import "@tanstack/react-table";
 import "../ProjectTreeTable/widgets/CollapsedWidget.es.js";
 import "../ProjectTreeTable/widgets/DateWidget.es.js";
@@ -145,10 +147,12 @@ 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/GroupHeaderWidget.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 "../ProjectTreeTable/widgets/LoadMoreWidget.es.js";
 import versionsToRepresentations from "./versionsToRepresentations.es.js";
 import "../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../../../_virtual/runtime.es.js";
@@ -171,10 +175,14 @@ 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/Powerpack/PowerpackButton.es.js";
+import "../../components/Powerpack/PricingLink.es.js";
+import "../../components/Powerpack/PowerpackDialog.styled.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";
+import "../../components/SearchFilter/filterDates.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/containers/Slicer/useFiltersWithHierarchy.cjs.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const React = require("react");
+const useFiltersWithHierarchy = ({
+  sliceFilter,
+  persistedHierarchySelection,
+  filters,
+  merge = true
+}) => {
+  const filtersWithHierarchy = React.useMemo(() => {
+    const buildHierarchyFilterOption = (hierarchy) => ({
+      id: "hierarchy",
+      label: "Folder",
+      type: "list_of_strings",
+      values: Object.values(hierarchy).map((item) => ({
+        id: item.id,
+        label: item.label || item.name || item.id
+      })),
+      isCustom: true,
+      singleSelect: true,
+      fieldType: "folder",
+      operator: "OR",
+      isReadonly: true
+    });
+    if (sliceFilter && persistedHierarchySelection) {
+      if (merge) {
+        return [buildHierarchyFilterOption(persistedHierarchySelection), ...filters];
+      } else {
+        return [buildHierarchyFilterOption(persistedHierarchySelection)];
+      }
+    }
+    return filters;
+  }, [sliceFilter, persistedHierarchySelection, filters]);
+  return filtersWithHierarchy;
+};
+exports.useFiltersWithHierarchy = useFiltersWithHierarchy;
+//# sourceMappingURL=useFiltersWithHierarchy.cjs.js.map

package/dist/shared/src/containers/Slicer/useFiltersWithHierarchy.cjs.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFiltersWithHierarchy.cjs.js","sources":["../../../../../src/containers/Slicer/useFiltersWithHierarchy.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { Filter, FilterValue } from '@ynput/ayon-react-components'\nimport { SelectionData } from '@shared/containers/Slicer'\n\ninterface UseFiltersWithHierarchyProps {\n  sliceFilter: FilterValue | null\n  persistedHierarchySelection: SelectionData | null\n  filters: Filter[]\n  merge?: boolean\n}\n\nexport const useFiltersWithHierarchy = ({\n  sliceFilter,\n  persistedHierarchySelection,\n  filters,\n  merge = true,\n}: UseFiltersWithHierarchyProps) => {\n  const filtersWithHierarchy = useMemo(() => {\n    const buildHierarchyFilterOption = (hierarchy: SelectionData): Filter => ({\n      id: 'hierarchy',\n      label: 'Folder',\n      type: 'list_of_strings',\n      values: Object.values(hierarchy).map((item) => ({\n        id: item.id,\n        label: item.label || item.name || item.id,\n      })),\n      isCustom: true,\n      singleSelect: true,\n      fieldType: 'folder',\n      operator: 'OR',\n      isReadonly: true,\n    })\n\n    if (sliceFilter && persistedHierarchySelection) {\n      if (merge) {\n        return [buildHierarchyFilterOption(persistedHierarchySelection), ...filters]\n      } else {\n        return [buildHierarchyFilterOption(persistedHierarchySelection)]\n      }\n    }\n    return filters\n  }, [sliceFilter, persistedHierarchySelection, filters])\n\n  return filtersWithHierarchy\n}\n"],"names":["useMemo"],"mappings":";;;AAWO,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,MAAoC;AAC5B,QAAA,uBAAuBA,MAAAA,QAAQ,MAAM;AACnC,UAAA,6BAA6B,CAAC,eAAsC;AAAA,MACxE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ,OAAO,OAAO,SAAS,EAAE,IAAI,CAAC,UAAU;AAAA,QAC9C,IAAI,KAAK;AAAA,QACT,OAAO,KAAK,SAAS,KAAK,QAAQ,KAAK;AAAA,MAAA,EACvC;AAAA,MACF,UAAU;AAAA,MACV,cAAc;AAAA,MACd,WAAW;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAGd,QAAI,eAAe,6BAA6B;AAC9C,UAAI,OAAO;AACT,eAAO,CAAC,2BAA2B,2BAA2B,GAAG,GAAG,OAAO;AAAA,MAAA,OACtE;AACE,eAAA,CAAC,2BAA2B,2BAA2B,CAAC;AAAA,MAAA;AAAA,IACjE;AAEK,WAAA;AAAA,EACN,GAAA,CAAC,aAAa,6BAA6B,OAAO,CAAC;AAE/C,SAAA;AACT;;"}

package/dist/shared/src/containers/Slicer/useFiltersWithHierarchy.es.js

@@ -0,0 +1,37 @@
+import { useMemo } from "react";
+const useFiltersWithHierarchy = ({
+  sliceFilter,
+  persistedHierarchySelection,
+  filters,
+  merge = true
+}) => {
+  const filtersWithHierarchy = useMemo(() => {
+    const buildHierarchyFilterOption = (hierarchy) => ({
+      id: "hierarchy",
+      label: "Folder",
+      type: "list_of_strings",
+      values: Object.values(hierarchy).map((item) => ({
+        id: item.id,
+        label: item.label || item.name || item.id
+      })),
+      isCustom: true,
+      singleSelect: true,
+      fieldType: "folder",
+      operator: "OR",
+      isReadonly: true
+    });
+    if (sliceFilter && persistedHierarchySelection) {
+      if (merge) {
+        return [buildHierarchyFilterOption(persistedHierarchySelection), ...filters];
+      } else {
+        return [buildHierarchyFilterOption(persistedHierarchySelection)];
+      }
+    }
+    return filters;
+  }, [sliceFilter, persistedHierarchySelection, filters]);
+  return filtersWithHierarchy;
+};
+export {
+  useFiltersWithHierarchy
+};
+//# sourceMappingURL=useFiltersWithHierarchy.es.js.map

package/dist/shared/src/containers/Slicer/useFiltersWithHierarchy.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useFiltersWithHierarchy.es.js","sources":["../../../../../src/containers/Slicer/useFiltersWithHierarchy.ts"],"sourcesContent":["import { useMemo } from 'react'\nimport { Filter, FilterValue } from '@ynput/ayon-react-components'\nimport { SelectionData } from '@shared/containers/Slicer'\n\ninterface UseFiltersWithHierarchyProps {\n  sliceFilter: FilterValue | null\n  persistedHierarchySelection: SelectionData | null\n  filters: Filter[]\n  merge?: boolean\n}\n\nexport const useFiltersWithHierarchy = ({\n  sliceFilter,\n  persistedHierarchySelection,\n  filters,\n  merge = true,\n}: UseFiltersWithHierarchyProps) => {\n  const filtersWithHierarchy = useMemo(() => {\n    const buildHierarchyFilterOption = (hierarchy: SelectionData): Filter => ({\n      id: 'hierarchy',\n      label: 'Folder',\n      type: 'list_of_strings',\n      values: Object.values(hierarchy).map((item) => ({\n        id: item.id,\n        label: item.label || item.name || item.id,\n      })),\n      isCustom: true,\n      singleSelect: true,\n      fieldType: 'folder',\n      operator: 'OR',\n      isReadonly: true,\n    })\n\n    if (sliceFilter && persistedHierarchySelection) {\n      if (merge) {\n        return [buildHierarchyFilterOption(persistedHierarchySelection), ...filters]\n      } else {\n        return [buildHierarchyFilterOption(persistedHierarchySelection)]\n      }\n    }\n    return filters\n  }, [sliceFilter, persistedHierarchySelection, filters])\n\n  return filtersWithHierarchy\n}\n"],"names":[],"mappings":";AAWO,MAAM,0BAA0B,CAAC;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA,QAAQ;AACV,MAAoC;AAC5B,QAAA,uBAAuB,QAAQ,MAAM;AACnC,UAAA,6BAA6B,CAAC,eAAsC;AAAA,MACxE,IAAI;AAAA,MACJ,OAAO;AAAA,MACP,MAAM;AAAA,MACN,QAAQ,OAAO,OAAO,SAAS,EAAE,IAAI,CAAC,UAAU;AAAA,QAC9C,IAAI,KAAK;AAAA,QACT,OAAO,KAAK,SAAS,KAAK,QAAQ,KAAK;AAAA,MAAA,EACvC;AAAA,MACF,UAAU;AAAA,MACV,cAAc;AAAA,MACd,WAAW;AAAA,MACX,UAAU;AAAA,MACV,YAAY;AAAA,IAAA;AAGd,QAAI,eAAe,6BAA6B;AAC9C,UAAI,OAAO;AACT,eAAO,CAAC,2BAA2B,2BAA2B,GAAG,GAAG,OAAO;AAAA,MAAA,OACtE;AACE,eAAA,CAAC,2BAA2B,2BAA2B,CAAC;AAAA,MAAA;AAAA,IACjE;AAEK,WAAA;AAAA,EACN,GAAA,CAAC,aAAa,6BAA6B,OAAO,CAAC;AAE/C,SAAA;AACT;"}

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

@@ -80,6 +80,7 @@ require("react-dom");
 require("./pip/PiPWrapper.cjs.js");
 require("./AddonProjectContext.cjs.js");
 require("./AddonContext.cjs.js");
+require("./PowerpackContext.cjs.js");
 require("react-redux");
 require("custom-protocol-check");
 const DetailsPanelContext = React.createContext(void 0);

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'\nimport { useLocation, useNavigate, useParams } from 'react-router-dom'\nimport { useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\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 | null\n    folderId?: string | null\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  // route hooks\n  useParams: typeof useParams\n  useNavigate: typeof useNavigate\n  useLocation: typeof useLocation\n  useSearchParams: typeof useSearchParams\n  feedAnnotationsEnabled?: boolean\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  // Annotations\n  feedAnnotations: SavedAnnotationMetadata[]\n  setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => 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  const [feedAnnotations, setFeedAnnotations] = useState<SavedAnnotationMetadata[]>([])\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    feedAnnotations,\n    setFeedAnnotations,\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'\nimport { useLocation, useNavigate, useParams } from 'react-router-dom'\nimport { useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\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 | null\n    folderId?: string | null\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  // route hooks\n  useParams: typeof useParams\n  useNavigate: typeof useNavigate\n  useLocation: typeof useLocation\n  useSearchParams: typeof useSearchParams\n  feedAnnotationsEnabled?: boolean\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  // Annotations\n  feedAnnotations: SavedAnnotationMetadata[]\n  setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => 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  const [feedAnnotations, setFeedAnnotations] = useState<SavedAnnotationMetadata[]>([])\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    feedAnnotations,\n    setFeedAnnotations,\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

@@ -78,6 +78,7 @@ import "react-dom";
 import "./pip/PiPWrapper.es.js";
 import "./AddonProjectContext.es.js";
 import "./AddonContext.es.js";
+import "./PowerpackContext.es.js";
 import "react-redux";
 import "custom-protocol-check";
 const DetailsPanelContext = createContext(void 0);

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'\nimport { useLocation, useNavigate, useParams } from 'react-router-dom'\nimport { useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\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 | null\n    folderId?: string | null\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  // route hooks\n  useParams: typeof useParams\n  useNavigate: typeof useNavigate\n  useLocation: typeof useLocation\n  useSearchParams: typeof useSearchParams\n  feedAnnotationsEnabled?: boolean\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  // Annotations\n  feedAnnotations: SavedAnnotationMetadata[]\n  setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => 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  const [feedAnnotations, setFeedAnnotations] = useState<SavedAnnotationMetadata[]>([])\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    feedAnnotations,\n    setFeedAnnotations,\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'\nimport { useLocation, useNavigate, useParams } from 'react-router-dom'\nimport { useSearchParams } from 'react-router-dom'\nimport { SavedAnnotationMetadata } from '@shared/containers'\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 | null\n    folderId?: string | null\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  // route hooks\n  useParams: typeof useParams\n  useNavigate: typeof useNavigate\n  useLocation: typeof useLocation\n  useSearchParams: typeof useSearchParams\n  feedAnnotationsEnabled?: boolean\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  // Annotations\n  feedAnnotations: SavedAnnotationMetadata[]\n  setFeedAnnotations: (annotations: SavedAnnotationMetadata[]) => 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  const [feedAnnotations, setFeedAnnotations] = useState<SavedAnnotationMetadata[]>([])\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    feedAnnotations,\n    setFeedAnnotations,\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/PowerpackContext.cjs.js

@@ -0,0 +1,65 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../../_virtual/jsx-runtime.cjs.js");
+const React = require("react");
+const powerpackFeatures = {
+  slicer: {
+    label: "Slicer",
+    description: "Advanced filtering system for project organization.",
+    bullet: "Powerful project filtering tools"
+  },
+  annotations: {
+    label: "Annotations",
+    description: "Create detailed visual feedback directly on media files.",
+    bullet: "Advanced media review tools"
+  },
+  releases: {
+    label: "Release History",
+    description: "Access and download the complete archive of releases",
+    bullet: "Full release archive access"
+  },
+  advancedFilters: {
+    label: "Advanced Filters",
+    description: "Customize your view and find your data with powerful filtering options",
+    bullet: "Advanced filtering options"
+  },
+  listAttributes: {
+    label: "List Attributes",
+    description: "Add custom attributes to your lists for better collaboration and organization.",
+    bullet: "Custom attributes for lists"
+  },
+  groupAttributes: {
+    label: "Group Attributes",
+    description: "Group tasks by assignees, status, or other attributes for better organization.",
+    bullet: "Group tasks by attributes"
+  }
+};
+const PowerpackContext = React.createContext({
+  selectedPowerPack: null,
+  setPowerpackDialog: () => {
+  },
+  powerpackDialog: null
+});
+const PowerpackProvider = ({ children }) => {
+  const [selectedPowerPack, setPowerpackDialog] = React.useState(null);
+  const resolvePowerPackDialog = (selected) => {
+    if (!selected) return null;
+    return powerpackFeatures[selected];
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    PowerpackContext.Provider,
+    {
+      value: {
+        selectedPowerPack,
+        setPowerpackDialog,
+        powerpackDialog: resolvePowerPackDialog(selectedPowerPack)
+      },
+      children
+    }
+  );
+};
+const usePowerpack = () => React.useContext(PowerpackContext);
+exports.PowerpackProvider = PowerpackProvider;
+exports.powerpackFeatures = powerpackFeatures;
+exports.usePowerpack = usePowerpack;
+//# sourceMappingURL=PowerpackContext.cjs.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PowerpackContext.cjs.js","sources":["../../../../src/context/PowerpackContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useState } from 'react'\n\nexport type PowerpackFeature =\n  | 'slicer'\n  | 'annotations'\n  | 'releases'\n  | 'advancedFilters'\n  | 'listAttributes'\n  | 'groupAttributes'\ntype PowerpackDialog = {\n  label: string\n  description: string\n  bullet: string\n}\n\nexport const powerpackFeatures: {\n  [key in PowerpackFeature]: PowerpackDialog\n} = {\n  slicer: {\n    label: 'Slicer',\n    description: 'Advanced filtering system for project organization.',\n    bullet: 'Powerful project filtering tools',\n  },\n  annotations: {\n    label: 'Annotations',\n    description: 'Create detailed visual feedback directly on media files.',\n    bullet: 'Advanced media review tools',\n  },\n  releases: {\n    label: 'Release History',\n    description: 'Access and download the complete archive of releases',\n    bullet: 'Full release archive access',\n  },\n  advancedFilters: {\n    label: 'Advanced Filters',\n    description: 'Customize your view and find your data with powerful filtering options',\n    bullet: 'Advanced filtering options',\n  },\n  listAttributes: {\n    label: 'List Attributes',\n    description: 'Add custom attributes to your lists for better collaboration and organization.',\n    bullet: 'Custom attributes for lists',\n  },\n  groupAttributes: {\n    label: 'Group Attributes',\n    description: 'Group tasks by assignees, status, or other attributes for better organization.',\n    bullet: 'Group tasks by attributes',\n  },\n}\ntype PowerpackContextType = {\n  selectedPowerPack: null | PowerpackFeature\n  setPowerpackDialog: (open: PowerpackContextType['selectedPowerPack']) => void\n  powerpackDialog: PowerpackDialog | null\n}\n\nconst PowerpackContext = createContext<PowerpackContextType>({\n  selectedPowerPack: null,\n  setPowerpackDialog: () => {},\n  powerpackDialog: null,\n})\n\nexport const PowerpackProvider = ({ children }: { children: ReactNode }) => {\n  const [selectedPowerPack, setPowerpackDialog] =\n    useState<PowerpackContextType['selectedPowerPack']>(null)\n\n  const resolvePowerPackDialog = (selected: PowerpackContextType['selectedPowerPack']) => {\n    if (!selected) return null\n    return powerpackFeatures[selected]\n  }\n\n  return (\n    <PowerpackContext.Provider\n      value={{\n        selectedPowerPack,\n        setPowerpackDialog,\n        powerpackDialog: resolvePowerPackDialog(selectedPowerPack),\n      }}\n    >\n      {children}\n    </PowerpackContext.Provider>\n  )\n}\n\nexport const usePowerpack = () => useContext(PowerpackContext)\n"],"names":["createContext","useState","jsx","useContext"],"mappings":";;;;AAeO,MAAM,oBAET;AAAA,EACF,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EAAA;AAEZ;AAOA,MAAM,mBAAmBA,MAAAA,cAAoC;AAAA,EAC3D,mBAAmB;AAAA,EACnB,oBAAoB,MAAM;AAAA,EAAC;AAAA,EAC3B,iBAAiB;AACnB,CAAC;AAEM,MAAM,oBAAoB,CAAC,EAAE,eAAwC;AAC1E,QAAM,CAAC,mBAAmB,kBAAkB,IAC1CC,MAAAA,SAAoD,IAAI;AAEpD,QAAA,yBAAyB,CAAC,aAAwD;AAClF,QAAA,CAAC,SAAiB,QAAA;AACtB,WAAO,kBAAkB,QAAQ;AAAA,EACnC;AAGE,SAAAC,2BAAA,kBAAA;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA,iBAAiB,uBAAuB,iBAAiB;AAAA,MAC3D;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEa,MAAA,eAAe,MAAMC,MAAAA,WAAW,gBAAgB;;;;"}

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

@@ -0,0 +1,65 @@
+import { j as jsxRuntimeExports } from "../../../_virtual/jsx-runtime.es.js";
+import { createContext, useContext, useState } from "react";
+const powerpackFeatures = {
+  slicer: {
+    label: "Slicer",
+    description: "Advanced filtering system for project organization.",
+    bullet: "Powerful project filtering tools"
+  },
+  annotations: {
+    label: "Annotations",
+    description: "Create detailed visual feedback directly on media files.",
+    bullet: "Advanced media review tools"
+  },
+  releases: {
+    label: "Release History",
+    description: "Access and download the complete archive of releases",
+    bullet: "Full release archive access"
+  },
+  advancedFilters: {
+    label: "Advanced Filters",
+    description: "Customize your view and find your data with powerful filtering options",
+    bullet: "Advanced filtering options"
+  },
+  listAttributes: {
+    label: "List Attributes",
+    description: "Add custom attributes to your lists for better collaboration and organization.",
+    bullet: "Custom attributes for lists"
+  },
+  groupAttributes: {
+    label: "Group Attributes",
+    description: "Group tasks by assignees, status, or other attributes for better organization.",
+    bullet: "Group tasks by attributes"
+  }
+};
+const PowerpackContext = createContext({
+  selectedPowerPack: null,
+  setPowerpackDialog: () => {
+  },
+  powerpackDialog: null
+});
+const PowerpackProvider = ({ children }) => {
+  const [selectedPowerPack, setPowerpackDialog] = useState(null);
+  const resolvePowerPackDialog = (selected) => {
+    if (!selected) return null;
+    return powerpackFeatures[selected];
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    PowerpackContext.Provider,
+    {
+      value: {
+        selectedPowerPack,
+        setPowerpackDialog,
+        powerpackDialog: resolvePowerPackDialog(selectedPowerPack)
+      },
+      children
+    }
+  );
+};
+const usePowerpack = () => useContext(PowerpackContext);
+export {
+  PowerpackProvider,
+  powerpackFeatures,
+  usePowerpack
+};
+//# sourceMappingURL=PowerpackContext.es.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PowerpackContext.es.js","sources":["../../../../src/context/PowerpackContext.tsx"],"sourcesContent":["import { createContext, useContext, ReactNode, useState } from 'react'\n\nexport type PowerpackFeature =\n  | 'slicer'\n  | 'annotations'\n  | 'releases'\n  | 'advancedFilters'\n  | 'listAttributes'\n  | 'groupAttributes'\ntype PowerpackDialog = {\n  label: string\n  description: string\n  bullet: string\n}\n\nexport const powerpackFeatures: {\n  [key in PowerpackFeature]: PowerpackDialog\n} = {\n  slicer: {\n    label: 'Slicer',\n    description: 'Advanced filtering system for project organization.',\n    bullet: 'Powerful project filtering tools',\n  },\n  annotations: {\n    label: 'Annotations',\n    description: 'Create detailed visual feedback directly on media files.',\n    bullet: 'Advanced media review tools',\n  },\n  releases: {\n    label: 'Release History',\n    description: 'Access and download the complete archive of releases',\n    bullet: 'Full release archive access',\n  },\n  advancedFilters: {\n    label: 'Advanced Filters',\n    description: 'Customize your view and find your data with powerful filtering options',\n    bullet: 'Advanced filtering options',\n  },\n  listAttributes: {\n    label: 'List Attributes',\n    description: 'Add custom attributes to your lists for better collaboration and organization.',\n    bullet: 'Custom attributes for lists',\n  },\n  groupAttributes: {\n    label: 'Group Attributes',\n    description: 'Group tasks by assignees, status, or other attributes for better organization.',\n    bullet: 'Group tasks by attributes',\n  },\n}\ntype PowerpackContextType = {\n  selectedPowerPack: null | PowerpackFeature\n  setPowerpackDialog: (open: PowerpackContextType['selectedPowerPack']) => void\n  powerpackDialog: PowerpackDialog | null\n}\n\nconst PowerpackContext = createContext<PowerpackContextType>({\n  selectedPowerPack: null,\n  setPowerpackDialog: () => {},\n  powerpackDialog: null,\n})\n\nexport const PowerpackProvider = ({ children }: { children: ReactNode }) => {\n  const [selectedPowerPack, setPowerpackDialog] =\n    useState<PowerpackContextType['selectedPowerPack']>(null)\n\n  const resolvePowerPackDialog = (selected: PowerpackContextType['selectedPowerPack']) => {\n    if (!selected) return null\n    return powerpackFeatures[selected]\n  }\n\n  return (\n    <PowerpackContext.Provider\n      value={{\n        selectedPowerPack,\n        setPowerpackDialog,\n        powerpackDialog: resolvePowerPackDialog(selectedPowerPack),\n      }}\n    >\n      {children}\n    </PowerpackContext.Provider>\n  )\n}\n\nexport const usePowerpack = () => useContext(PowerpackContext)\n"],"names":["jsx"],"mappings":";;AAeO,MAAM,oBAET;AAAA,EACF,QAAQ;AAAA,IACN,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,aAAa;AAAA,IACX,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,UAAU;AAAA,IACR,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,gBAAgB;AAAA,IACd,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EACV;AAAA,EACA,iBAAiB;AAAA,IACf,OAAO;AAAA,IACP,aAAa;AAAA,IACb,QAAQ;AAAA,EAAA;AAEZ;AAOA,MAAM,mBAAmB,cAAoC;AAAA,EAC3D,mBAAmB;AAAA,EACnB,oBAAoB,MAAM;AAAA,EAAC;AAAA,EAC3B,iBAAiB;AACnB,CAAC;AAEM,MAAM,oBAAoB,CAAC,EAAE,eAAwC;AAC1E,QAAM,CAAC,mBAAmB,kBAAkB,IAC1C,SAAoD,IAAI;AAEpD,QAAA,yBAAyB,CAAC,aAAwD;AAClF,QAAA,CAAC,SAAiB,QAAA;AACtB,WAAO,kBAAkB,QAAQ;AAAA,EACnC;AAGE,SAAAA,kCAAA;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA;AAAA,QACA,iBAAiB,uBAAuB,iBAAiB;AAAA,MAC3D;AAAA,MAEC;AAAA,IAAA;AAAA,EACH;AAEJ;AAEa,MAAA,eAAe,MAAM,WAAW,gBAAgB;"}

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

@@ -75,6 +75,7 @@ require("react-dom");
 require("../context/pip/PiPWrapper.cjs.js");
 require("../context/AddonProjectContext.cjs.js");
 require("../context/AddonContext.cjs.js");
+require("../context/PowerpackContext.cjs.js");
 const useEntityUpdate = ({ entities, entityType }) => {
   const [updateEntities] = updateEntity.useUpdateEntitiesMutation();
   const { onUpdateEntity } = DetailsPanelContext.useDetailsPanelContext();

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

@@ -73,6 +73,7 @@ import "react-dom";
 import "../context/pip/PiPWrapper.es.js";
 import "../context/AddonProjectContext.es.js";
 import "../context/AddonContext.es.js";
+import "../context/PowerpackContext.es.js";
 const useEntityUpdate = ({ entities, entityType }) => {
   const [updateEntities] = useUpdateEntitiesMutation();
   const { onUpdateEntity } = useDetailsPanelContext();

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;"}

package/dist/shared/src/util/getAttributeIcon.cjs.js

@@ -1,8 +1,12 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const getEntityTypeIcon = require("./getEntityTypeIcon.cjs.js");
 const getAttributeIcon = (name, type, hasEnum) => {
   let icon = "format_list_bulleted";
   const customIcons = {
+    status: "arrow_circle_right",
+    assignees: "person",
+    tags: "local_offer",
     priority: "keyboard_double_arrow_up",
     fps: "30fps_select",
     resolutionWidth: "settings_overscan",
@@ -37,9 +41,11 @@ const getAttributeIcon = (name, type, hasEnum) => {
   };
   if (customIcons[name]) {
     icon = customIcons[name];
+  } else if (getEntityTypeIcon.entityTypesWithIcons.includes(name)) {
+    icon = getEntityTypeIcon.getEntityTypeIcon(name);
   } else if (hasEnum) {
     icon = "format_list_bulleted";
-  } else if (typeIcons[type]) {
+  } else if (type && typeIcons[type]) {
     icon = typeIcons[type];
   }
   return icon;

package/dist/shared/src/util/getAttributeIcon.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"getAttributeIcon.cjs.js","sources":["../../../../src/util/getAttributeIcon.ts"],"sourcesContent":["import { AttributeData } from '@shared/api'\n\ntype GetAttributesIcon = (name: string, type: AttributeData['type'], hasEnum?: boolean) => string\n\nexport const getAttributeIcon: GetAttributesIcon = (name, type, hasEnum) => {\n  let icon = 'format_list_bulleted'\n  // some attributes have custom icons\n  const customIcons: {\n    [key: string]: string\n  } = {\n    priority: 'keyboard_double_arrow_up',\n    fps: '30fps_select',\n    resolutionWidth: 'settings_overscan',\n    resolutionHeight: 'settings_overscan',\n    pixelAspect: 'stop',\n    clipIn: 'line_start_diamond',\n    clipOut: 'line_end_diamond',\n    frameStart: 'line_start_circle',\n    frameEnd: 'line_end_circle',\n    handleStart: 'line_start_square',\n    handleEnd: 'line_end_square',\n    fullName: 'id_card',\n    email: 'alternate_email',\n    developerMode: 'code',\n    productGroup: 'inventory_2',\n    machine: 'computer',\n    comment: 'comment',\n    colorSpace: 'palette',\n    description: 'description',\n  }\n\n  const typeIcons: {\n    [key in AttributeData['type']]?: string\n  } = {\n    integer: 'pin',\n    float: 'speed_1_2',\n    boolean: 'radio_button_checked',\n    datetime: 'calendar_month',\n    list_of_strings: 'format_list_bulleted',\n    list_of_integers: 'format_list_numbered',\n    list_of_any: 'format_list_bulleted',\n    list_of_submodels: 'format_list_bulleted',\n    dict: 'format_list_bulleted',\n    string: 'title',\n  }\n\n  if (customIcons[name]) {\n    icon = customIcons[name]\n  } else if (hasEnum) {\n    icon = 'format_list_bulleted'\n  } else if (typeIcons[type]) {\n    icon = typeIcons[type]\n  }\n\n  return icon\n}\n"],"names":[],"mappings":";;AAIO,MAAM,mBAAsC,CAAC,MAAM,MAAM,YAAY;AAC1E,MAAI,OAAO;AAEX,QAAM,cAEF;AAAA,IACF,UAAU;AAAA,IACV,KAAK;AAAA,IACL,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,aAAa;AAAA,IACb,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,IACP,eAAe;AAAA,IACf,cAAc;AAAA,IACd,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AAEA,QAAM,YAEF;AAAA,IACF,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,mBAAmB;AAAA,IACnB,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAEI,MAAA,YAAY,IAAI,GAAG;AACrB,WAAO,YAAY,IAAI;AAAA,aACd,SAAS;AACX,WAAA;AAAA,EAAA,WACE,UAAU,IAAI,GAAG;AAC1B,WAAO,UAAU,IAAI;AAAA,EAAA;AAGhB,SAAA;AACT;;"}
+{"version":3,"file":"getAttributeIcon.cjs.js","sources":["../../../../src/util/getAttributeIcon.ts"],"sourcesContent":["import { AttributeData } from '@shared/api'\nimport { entityTypesWithIcons, getEntityTypeIcon } from './getEntityTypeIcon'\n\ntype GetAttributesIcon = (name: string, type?: AttributeData['type'], hasEnum?: boolean) => string\n\nexport const getAttributeIcon: GetAttributesIcon = (name, type, hasEnum) => {\n  let icon = 'format_list_bulleted'\n  // some attributes have custom icons\n  const customIcons: {\n    [key: string]: string\n  } = {\n    status: 'arrow_circle_right',\n    assignees: 'person',\n    tags: 'local_offer',\n    priority: 'keyboard_double_arrow_up',\n    fps: '30fps_select',\n    resolutionWidth: 'settings_overscan',\n    resolutionHeight: 'settings_overscan',\n    pixelAspect: 'stop',\n    clipIn: 'line_start_diamond',\n    clipOut: 'line_end_diamond',\n    frameStart: 'line_start_circle',\n    frameEnd: 'line_end_circle',\n    handleStart: 'line_start_square',\n    handleEnd: 'line_end_square',\n    fullName: 'id_card',\n    email: 'alternate_email',\n    developerMode: 'code',\n    productGroup: 'inventory_2',\n    machine: 'computer',\n    comment: 'comment',\n    colorSpace: 'palette',\n    description: 'description',\n  }\n\n  const typeIcons: {\n    [key in AttributeData['type']]?: string\n  } = {\n    integer: 'pin',\n    float: 'speed_1_2',\n    boolean: 'radio_button_checked',\n    datetime: 'calendar_month',\n    list_of_strings: 'format_list_bulleted',\n    list_of_integers: 'format_list_numbered',\n    list_of_any: 'format_list_bulleted',\n    list_of_submodels: 'format_list_bulleted',\n    dict: 'format_list_bulleted',\n    string: 'title',\n  }\n\n  if (customIcons[name]) {\n    icon = customIcons[name]\n  } else if (entityTypesWithIcons.includes(name)) {\n    icon = getEntityTypeIcon(name)\n  } else if (hasEnum) {\n    icon = 'format_list_bulleted'\n  } else if (type && typeIcons[type]) {\n    icon = typeIcons[type]\n  }\n\n  return icon\n}\n"],"names":["entityTypesWithIcons","getEntityTypeIcon"],"mappings":";;;AAKO,MAAM,mBAAsC,CAAC,MAAM,MAAM,YAAY;AAC1E,MAAI,OAAO;AAEX,QAAM,cAEF;AAAA,IACF,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAM;AAAA,IACN,UAAU;AAAA,IACV,KAAK;AAAA,IACL,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,aAAa;AAAA,IACb,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,IACP,eAAe;AAAA,IACf,cAAc;AAAA,IACd,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AAEA,QAAM,YAEF;AAAA,IACF,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,mBAAmB;AAAA,IACnB,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAEI,MAAA,YAAY,IAAI,GAAG;AACrB,WAAO,YAAY,IAAI;AAAA,EACd,WAAAA,kBAAA,qBAAqB,SAAS,IAAI,GAAG;AAC9C,WAAOC,oCAAkB,IAAI;AAAA,aACpB,SAAS;AACX,WAAA;AAAA,EACE,WAAA,QAAQ,UAAU,IAAI,GAAG;AAClC,WAAO,UAAU,IAAI;AAAA,EAAA;AAGhB,SAAA;AACT;;"}

package/dist/shared/src/util/getAttributeIcon.es.js

@@ -1,6 +1,10 @@
+import { entityTypesWithIcons, getEntityTypeIcon } from "./getEntityTypeIcon.es.js";
 const getAttributeIcon = (name, type, hasEnum) => {
   let icon = "format_list_bulleted";
   const customIcons = {
+    status: "arrow_circle_right",
+    assignees: "person",
+    tags: "local_offer",
     priority: "keyboard_double_arrow_up",
     fps: "30fps_select",
     resolutionWidth: "settings_overscan",
@@ -35,9 +39,11 @@ const getAttributeIcon = (name, type, hasEnum) => {
   };
   if (customIcons[name]) {
     icon = customIcons[name];
+  } else if (entityTypesWithIcons.includes(name)) {
+    icon = getEntityTypeIcon(name);
   } else if (hasEnum) {
     icon = "format_list_bulleted";
-  } else if (typeIcons[type]) {
+  } else if (type && typeIcons[type]) {
     icon = typeIcons[type];
   }
   return icon;

package/dist/shared/src/util/getAttributeIcon.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"getAttributeIcon.es.js","sources":["../../../../src/util/getAttributeIcon.ts"],"sourcesContent":["import { AttributeData } from '@shared/api'\n\ntype GetAttributesIcon = (name: string, type: AttributeData['type'], hasEnum?: boolean) => string\n\nexport const getAttributeIcon: GetAttributesIcon = (name, type, hasEnum) => {\n  let icon = 'format_list_bulleted'\n  // some attributes have custom icons\n  const customIcons: {\n    [key: string]: string\n  } = {\n    priority: 'keyboard_double_arrow_up',\n    fps: '30fps_select',\n    resolutionWidth: 'settings_overscan',\n    resolutionHeight: 'settings_overscan',\n    pixelAspect: 'stop',\n    clipIn: 'line_start_diamond',\n    clipOut: 'line_end_diamond',\n    frameStart: 'line_start_circle',\n    frameEnd: 'line_end_circle',\n    handleStart: 'line_start_square',\n    handleEnd: 'line_end_square',\n    fullName: 'id_card',\n    email: 'alternate_email',\n    developerMode: 'code',\n    productGroup: 'inventory_2',\n    machine: 'computer',\n    comment: 'comment',\n    colorSpace: 'palette',\n    description: 'description',\n  }\n\n  const typeIcons: {\n    [key in AttributeData['type']]?: string\n  } = {\n    integer: 'pin',\n    float: 'speed_1_2',\n    boolean: 'radio_button_checked',\n    datetime: 'calendar_month',\n    list_of_strings: 'format_list_bulleted',\n    list_of_integers: 'format_list_numbered',\n    list_of_any: 'format_list_bulleted',\n    list_of_submodels: 'format_list_bulleted',\n    dict: 'format_list_bulleted',\n    string: 'title',\n  }\n\n  if (customIcons[name]) {\n    icon = customIcons[name]\n  } else if (hasEnum) {\n    icon = 'format_list_bulleted'\n  } else if (typeIcons[type]) {\n    icon = typeIcons[type]\n  }\n\n  return icon\n}\n"],"names":[],"mappings":"AAIO,MAAM,mBAAsC,CAAC,MAAM,MAAM,YAAY;AAC1E,MAAI,OAAO;AAEX,QAAM,cAEF;AAAA,IACF,UAAU;AAAA,IACV,KAAK;AAAA,IACL,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,aAAa;AAAA,IACb,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,IACP,eAAe;AAAA,IACf,cAAc;AAAA,IACd,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AAEA,QAAM,YAEF;AAAA,IACF,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,mBAAmB;AAAA,IACnB,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAEI,MAAA,YAAY,IAAI,GAAG;AACrB,WAAO,YAAY,IAAI;AAAA,aACd,SAAS;AACX,WAAA;AAAA,EAAA,WACE,UAAU,IAAI,GAAG;AAC1B,WAAO,UAAU,IAAI;AAAA,EAAA;AAGhB,SAAA;AACT;"}
+{"version":3,"file":"getAttributeIcon.es.js","sources":["../../../../src/util/getAttributeIcon.ts"],"sourcesContent":["import { AttributeData } from '@shared/api'\nimport { entityTypesWithIcons, getEntityTypeIcon } from './getEntityTypeIcon'\n\ntype GetAttributesIcon = (name: string, type?: AttributeData['type'], hasEnum?: boolean) => string\n\nexport const getAttributeIcon: GetAttributesIcon = (name, type, hasEnum) => {\n  let icon = 'format_list_bulleted'\n  // some attributes have custom icons\n  const customIcons: {\n    [key: string]: string\n  } = {\n    status: 'arrow_circle_right',\n    assignees: 'person',\n    tags: 'local_offer',\n    priority: 'keyboard_double_arrow_up',\n    fps: '30fps_select',\n    resolutionWidth: 'settings_overscan',\n    resolutionHeight: 'settings_overscan',\n    pixelAspect: 'stop',\n    clipIn: 'line_start_diamond',\n    clipOut: 'line_end_diamond',\n    frameStart: 'line_start_circle',\n    frameEnd: 'line_end_circle',\n    handleStart: 'line_start_square',\n    handleEnd: 'line_end_square',\n    fullName: 'id_card',\n    email: 'alternate_email',\n    developerMode: 'code',\n    productGroup: 'inventory_2',\n    machine: 'computer',\n    comment: 'comment',\n    colorSpace: 'palette',\n    description: 'description',\n  }\n\n  const typeIcons: {\n    [key in AttributeData['type']]?: string\n  } = {\n    integer: 'pin',\n    float: 'speed_1_2',\n    boolean: 'radio_button_checked',\n    datetime: 'calendar_month',\n    list_of_strings: 'format_list_bulleted',\n    list_of_integers: 'format_list_numbered',\n    list_of_any: 'format_list_bulleted',\n    list_of_submodels: 'format_list_bulleted',\n    dict: 'format_list_bulleted',\n    string: 'title',\n  }\n\n  if (customIcons[name]) {\n    icon = customIcons[name]\n  } else if (entityTypesWithIcons.includes(name)) {\n    icon = getEntityTypeIcon(name)\n  } else if (hasEnum) {\n    icon = 'format_list_bulleted'\n  } else if (type && typeIcons[type]) {\n    icon = typeIcons[type]\n  }\n\n  return icon\n}\n"],"names":[],"mappings":";AAKO,MAAM,mBAAsC,CAAC,MAAM,MAAM,YAAY;AAC1E,MAAI,OAAO;AAEX,QAAM,cAEF;AAAA,IACF,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,MAAM;AAAA,IACN,UAAU;AAAA,IACV,KAAK;AAAA,IACL,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,UAAU;AAAA,IACV,aAAa;AAAA,IACb,WAAW;AAAA,IACX,UAAU;AAAA,IACV,OAAO;AAAA,IACP,eAAe;AAAA,IACf,cAAc;AAAA,IACd,SAAS;AAAA,IACT,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,aAAa;AAAA,EACf;AAEA,QAAM,YAEF;AAAA,IACF,SAAS;AAAA,IACT,OAAO;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,kBAAkB;AAAA,IAClB,aAAa;AAAA,IACb,mBAAmB;AAAA,IACnB,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAEI,MAAA,YAAY,IAAI,GAAG;AACrB,WAAO,YAAY,IAAI;AAAA,EACd,WAAA,qBAAqB,SAAS,IAAI,GAAG;AAC9C,WAAO,kBAAkB,IAAI;AAAA,aACpB,SAAS;AACX,WAAA;AAAA,EACE,WAAA,QAAQ,UAAU,IAAI,GAAG;AAClC,WAAO,UAAU,IAAI;AAAA,EAAA;AAGhB,SAAA;AACT;"}

package/dist/shared/src/util/getEntityTypeIcon.cjs.js

@@ -1,5 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const entityTypesWithIcons = [
+  "task",
+  "workfile",
+  "folder",
+  "product",
+  "version",
+  "representation"
+];
 const getEntityTypeIcon = (type, fallback) => {
   let typeIcon;
   switch (type) {
@@ -26,5 +34,6 @@ const getEntityTypeIcon = (type, fallback) => {
   }
   return typeIcon;
 };
+exports.entityTypesWithIcons = entityTypesWithIcons;
 exports.getEntityTypeIcon = getEntityTypeIcon;
 //# sourceMappingURL=getEntityTypeIcon.cjs.js.map

package/dist/shared/src/util/getEntityTypeIcon.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"getEntityTypeIcon.cjs.js","sources":["../../../../src/util/getEntityTypeIcon.ts"],"sourcesContent":["export const getEntityTypeIcon = (type: string, fallback?: string) => {\n  let typeIcon\n  switch (type) {\n    case 'task':\n      typeIcon = 'check_circle'\n      break\n    case 'workfile':\n      typeIcon = 'home_repair_service'\n      break\n    case 'folder':\n      typeIcon = 'folder'\n      break\n    case 'product':\n      typeIcon = 'inventory_2'\n      break\n    case 'version':\n      typeIcon = 'layers'\n      break\n    case 'representation':\n      typeIcon = 'view_in_ar'\n      break\n    default:\n      typeIcon = fallback || 'web_asset'\n  }\n\n  return typeIcon\n}\n"],"names":[],"mappings":";;AAAa,MAAA,oBAAoB,CAAC,MAAc,aAAsB;AAChE,MAAA;AACJ,UAAQ,MAAM;AAAA,IACZ,KAAK;AACQ,iBAAA;AACX;AAAA,IACF,KAAK;AACQ,iBAAA;AACX;AAAA,IACF,KAAK;AACQ,iBAAA;AACX;AAAA,IACF,KAAK;AACQ,iBAAA;AACX;AAAA,IACF,KAAK;AACQ,iBAAA;AACX;AAAA,IACF,KAAK;AACQ,iBAAA;AACX;AAAA,IACF;AACE,iBAAW,YAAY;AAAA,EAAA;AAGpB,SAAA;AACT;;"}
+{"version":3,"file":"getEntityTypeIcon.cjs.js","sources":["../../../../src/util/getEntityTypeIcon.ts"],"sourcesContent":["export const entityTypesWithIcons = [\n  'task',\n  'workfile',\n  'folder',\n  'product',\n  'version',\n  'representation',\n]\nexport const getEntityTypeIcon = (type: string, fallback?: string) => {\n  let typeIcon\n  switch (type) {\n    case 'task':\n      typeIcon = 'check_circle'\n      break\n    case 'workfile':\n      typeIcon = 'home_repair_service'\n      break\n    case 'folder':\n      typeIcon = 'folder'\n      break\n    case 'product':\n      typeIcon = 'inventory_2'\n      break\n    case 'version':\n      typeIcon = 'layers'\n      break\n    case 'representation':\n      typeIcon = 'view_in_ar'\n      break\n    default:\n      typeIcon = fallback || 'web_asset'\n  }\n\n  return typeIcon\n}\n"],"names":[],"mappings":";;AAAO,MAAM,uBAAuB;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACa,MAAA,oBAAoB,CAAC,MAAc,aAAsB;AAChE,MAAA;AACJ,UAAQ,MAAM;AAAA,IACZ,KAAK;AACQ,iBAAA;AACX;AAAA,IACF,KAAK;AACQ,iBAAA;AACX;AAAA,IACF,KAAK;AACQ,iBAAA;AACX;AAAA,IACF,KAAK;AACQ,iBAAA;AACX;AAAA,IACF,KAAK;AACQ,iBAAA;AACX;AAAA,IACF,KAAK;AACQ,iBAAA;AACX;AAAA,IACF;AACE,iBAAW,YAAY;AAAA,EAAA;AAGpB,SAAA;AACT;;;"}