@ynput/ayon-frontend-shared 0.2.16 → 0.2.17

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

@@ -133,17 +133,15 @@ require("../Feed/components/ActivityGroup/ActivityGroup.styled.cjs.js");
 require("../Feed/Feed.styled.cjs.js");
 require("date-fns");
 require("../ProjectTreeTable/ProjectTreeTable.cjs.js");
+require("../ProjectTreeTable/context/CellEditingContext.cjs.js");
+require("../ProjectTreeTable/context/ClipboardContext.cjs.js");
+require("@tanstack/react-table");
 require("../ProjectTreeTable/context/SelectionCellsContext.cjs.js");
+require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
 require("../ProjectTreeTable/context/ProjectTableContext.cjs.js");
 require("../ProjectTreeTable/context/ProjectTableQueriesContext.cjs.js");
 require("../ProjectTreeTable/context/SelectedRowsContext.cjs.js");
-require("../ProjectTreeTable/context/ColumnSettingsContext.cjs.js");
-require("../ProjectTreeTable/context/CellEditingContext.cjs.js");
-require("../ProjectTreeTable/context/ClipboardContext.cjs.js");
-require("../ProjectTreeTable/context/ProjectTableSelectionContext.cjs.js");
 require("../ProjectTreeTable/context/ProjectDataContext.cjs.js");
-require("../ProjectTreeTable/context/ProjectTableModulesContext.cjs.js");
-require("@tanstack/react-table");
 require("../ProjectTreeTable/widgets/CollapsedWidget.cjs.js");
 require("../ProjectTreeTable/widgets/DateWidget.cjs.js");
 require("../ProjectTreeTable/widgets/EnumWidget.cjs.js");
@@ -157,12 +155,13 @@ require("../ProjectTreeTable/ProjectTreeTable.styled.cjs.js");
 require("../ProjectTreeTable/components/SelectionCell.cjs.js");
 require("../ProjectTreeTable/components/RowSelectionHeader.cjs.js");
 require("../ProjectTreeTable/widgets/LoadMoreWidget.cjs.js");
-const versionsToRepresentations = require("./versionsToRepresentations.cjs.js");
-require("../DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../../../../_virtual/runtime.cjs.js");
 require("../../../../_virtual/semver.cjs.js");
 require("react-redux");
 require("custom-protocol-check");
+require("../ProjectTreeTable/components/GroupSettingsFallback.cjs.js");
+const versionsToRepresentations = require("./versionsToRepresentations.cjs.js");
+require("../DetailsPanel/DetailsPanel.styled.cjs.js");
 require("../DetailsPanel/FeedFilters/FeedFilters.styled.cjs.js");
 require("../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.cjs.js");
 require("../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.cjs.js");

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

@@ -1 +1 @@
-{"version":3,"file":"RepresentationsList.cjs.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":["useMemo","useState","groupResult","useCreateContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","Column","DetailsDialog"],"mappings":"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"}
+{"version":3,"file":"RepresentationsList.cjs.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":["useMemo","useState","groupResult","useCreateContextMenu","jsxs","Fragment","jsx","TablePanel","TreeTable","Column","DetailsDialog"],"mappings":"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"}

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

@@ -131,17 +131,15 @@ import "../Feed/components/ActivityGroup/ActivityGroup.styled.es.js";
 import "../Feed/Feed.styled.es.js";
 import "date-fns";
 import "../ProjectTreeTable/ProjectTreeTable.es.js";
+import "../ProjectTreeTable/context/CellEditingContext.es.js";
+import "../ProjectTreeTable/context/ClipboardContext.es.js";
+import "@tanstack/react-table";
 import "../ProjectTreeTable/context/SelectionCellsContext.es.js";
+import "../ProjectTreeTable/context/ColumnSettingsContext.es.js";
 import "../ProjectTreeTable/context/ProjectTableContext.es.js";
 import "../ProjectTreeTable/context/ProjectTableQueriesContext.es.js";
 import "../ProjectTreeTable/context/SelectedRowsContext.es.js";
-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 "../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";
 import "../ProjectTreeTable/widgets/EnumWidget.es.js";
@@ -155,12 +153,13 @@ 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";
 import "../../../../_virtual/semver.es.js";
 import "react-redux";
 import "custom-protocol-check";
+import "../ProjectTreeTable/components/GroupSettingsFallback.es.js";
+import versionsToRepresentations from "./versionsToRepresentations.es.js";
+import "../DetailsPanel/DetailsPanel.styled.es.js";
 import "../DetailsPanel/FeedFilters/FeedFilters.styled.es.js";
 import "../DetailsPanel/DetailsPanelHeader/DetailsPanelHeader.styled.es.js";
 import "../DetailsPanel/DetailsPanelFiles/DetailsPanelFiles.es.js";

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/RemoteModulesContext.es.js

@@ -1,5 +1,5 @@
 import { j as jsxRuntimeExports } from "../../../_virtual/jsx-runtime.es.js";
-import { createContext, useContext, useState, useEffect } from "react";
+import { createContext, useState, useEffect, useContext } from "react";
 import { r as runtimeExports } from "../../../_virtual/runtime.es.js";
 import "../api/base/client.es.js";
 import "../api/generated/graphql.es.js";

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

@@ -49,7 +49,7 @@ const useLoadModule = ({
       setIsLoading(false);
       return console.log("module not found", { addon, remote, module: module2 });
     }
-    if (isLoaded) {
+    if (isLoaded === module2) {
       setIsLoading(false);
       return;
     }
@@ -57,7 +57,7 @@ const useLoadModule = ({
       from: "runtime"
     }).then((remote2) => {
       console.log("loaded remote", module2);
-      setIsLoaded(true);
+      setIsLoaded(module2);
       setIsLoading(false);
       if (remote2) loadedRemote.current = remote2.default;
     }).catch((e) => {
@@ -68,7 +68,7 @@ const useLoadModule = ({
   return [
     loadedRemote.current,
     {
-      isLoaded,
+      isLoaded: isLoaded === module2,
       isLoading,
       outdated: isOutdated ? {
         current: ((_a = modules.find((m) => m.addonName === addon)) == null ? void 0 : _a.addonVersion) || "unknown",

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

@@ -1 +1 @@
-{"version":3,"file":"useLoadModule.cjs.js","sources":["../../../../src/hooks/useLoadModule.ts"],"sourcesContent":["import { useRemoteModules } from '@shared/context/RemoteModulesContext'\nimport { loadRemote } from '@module-federation/enhanced/runtime'\nimport { useEffect, useRef, useState } from 'react'\nimport semver from 'semver'\n\ninterface Props<T> {\n  addon: string\n  remote: string\n  module: string\n  fallback: T\n  debug?: boolean\n  minVersion?: string // minimum version required for this module\n  skip?: boolean // skip loading if module is provided externally\n}\n\nexport const useLoadModule = <T>({\n  addon,\n  remote,\n  module,\n  fallback,\n  minVersion,\n  skip = false,\n}: Props<T>): [\n  T,\n  { isLoaded: boolean; isLoading: boolean; outdated?: { current: string; required: string } },\n] => {\n  const { remotesInitialized, modules } = useRemoteModules()\n  const [isLoading, setIsLoading] = useState(true)\n  const [isLoaded, setIsLoaded] = useState(false)\n  const [isOutdated, setIsOutdated] = useState(false)\n  const loadedRemote = useRef<T>(fallback)\n\n  useEffect(() => {\n    // skip loading if module is provided externally\n    if (skip) {\n      setIsLoading(false)\n      setIsLoaded(true)\n      return\n    }\n\n    // wait for remotes to be initialized\n    if (!remotesInitialized || !addon || !remote || !module) return\n\n    // check if remote and module exist\n    const initializedRemote = modules.find((m) => m.addonName === addon)\n\n    if (!initializedRemote) {\n      console.log('remote not found', { addon, remote, module })\n      setIsLoading(false)\n      return\n    }\n\n    // check remote meets minimum version requirement\n    if (\n      minVersion &&\n      !semver.gte(initializedRemote.addonVersion, minVersion) &&\n      minVersion + '-dev' !== initializedRemote.addonVersion\n    ) {\n      console.log('remote version does not meet minimum requirement', {\n        addon,\n        remote,\n        module,\n        current: initializedRemote.addonVersion,\n        required: minVersion,\n      })\n\n      setIsOutdated(true)\n      setIsLoading(false)\n\n      // use fallback if version requirement not met\n      return\n    }\n\n    setIsOutdated(false)\n\n    const initializedModule = initializedRemote.modules[remote]\n\n    if (!initializedModule) {\n      setIsLoading(false)\n      return console.log('module not found', { addon, remote, module })\n    }\n\n    // check if module is already loaded\n    if (isLoaded) {\n      setIsLoading(false)\n      return\n    }\n    loadRemote<{ default: T }>(`${remote}/${module}`, {\n      from: 'runtime',\n    })\n      .then((remote) => {\n        console.log('loaded remote', module)\n        setIsLoaded(true)\n        setIsLoading(false)\n        if (remote) loadedRemote.current = remote.default\n      })\n      .catch((e) => {\n        setIsLoading(false)\n        console.error('error loading remote', remote, module, e)\n      })\n  }, [isLoaded, remotesInitialized, modules, addon, remote, module, minVersion, skip])\n\n  return [\n    loadedRemote.current,\n    {\n      isLoaded,\n      isLoading,\n      outdated: isOutdated\n        ? {\n            current: modules.find((m) => m.addonName === addon)?.addonVersion || 'unknown',\n            required: minVersion || 'unknown',\n          }\n        : undefined,\n    },\n  ]\n}\n"],"names":["module","useRemoteModules","useState","useRef","useEffect","loadRemote","remote"],"mappings":";;;;;;AAeO,MAAM,gBAAgB,CAAI;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,QAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AACT,MAGK;;AACH,QAAM,EAAE,oBAAoB,QAAQ,IAAIC,sCAAiB;AACzD,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,IAAI;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAAS,KAAK;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAIA,MAAAA,SAAS,KAAK;AAC5C,QAAA,eAAeC,aAAU,QAAQ;AAEvCC,QAAAA,UAAU,MAAM;AAEd,QAAI,MAAM;AACR,mBAAa,KAAK;AAClB,kBAAY,IAAI;AAChB;AAAA,IAAA;AAIF,QAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,UAAU,CAACJ,QAAQ;AAGzD,UAAM,oBAAoB,QAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK;AAEnE,QAAI,CAAC,mBAAmB;AACtB,cAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAAA,SAAQ;AACzD,mBAAa,KAAK;AAClB;AAAA,IAAA;AAKA,QAAA,cACA,CAAC,OAAO,IAAI,kBAAkB,cAAc,UAAU,KACtD,aAAa,WAAW,kBAAkB,cAC1C;AACA,cAAQ,IAAI,oDAAoD;AAAA,QAC9D;AAAA,QACA;AAAA,QACA,QAAAA;AAAA,QACA,SAAS,kBAAkB;AAAA,QAC3B,UAAU;AAAA,MAAA,CACX;AAED,oBAAc,IAAI;AAClB,mBAAa,KAAK;AAGlB;AAAA,IAAA;AAGF,kBAAc,KAAK;AAEb,UAAA,oBAAoB,kBAAkB,QAAQ,MAAM;AAE1D,QAAI,CAAC,mBAAmB;AACtB,mBAAa,KAAK;AAClB,aAAO,QAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAAA,SAAQ;AAAA,IAAA;AAIlE,QAAI,UAAU;AACZ,mBAAa,KAAK;AAClB;AAAA,IAAA;AAEFK,YAAAA,eAAAA,WAA2B,GAAG,MAAM,IAAIL,OAAM,IAAI;AAAA,MAChD,MAAM;AAAA,IAAA,CACP,EACE,KAAK,CAACM,YAAW;AACR,cAAA,IAAI,iBAAiBN,OAAM;AACnC,kBAAY,IAAI;AAChB,mBAAa,KAAK;AACdM,UAAAA,QAAqB,cAAA,UAAUA,QAAO;AAAA,IAAA,CAC3C,EACA,MAAM,CAAC,MAAM;AACZ,mBAAa,KAAK;AAClB,cAAQ,MAAM,wBAAwB,QAAQN,SAAQ,CAAC;AAAA,IAAA,CACxD;AAAA,EAAA,GACF,CAAC,UAAU,oBAAoB,SAAS,OAAO,QAAQA,SAAQ,YAAY,IAAI,CAAC;AAE5E,SAAA;AAAA,IACL,aAAa;AAAA,IACb;AAAA,MACE;AAAA,MACA;AAAA,MACA,UAAU,aACN;AAAA,QACE,WAAS,aAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK,MAAzC,mBAA4C,iBAAgB;AAAA,QACrE,UAAU,cAAc;AAAA,MAAA,IAE1B;AAAA,IAAA;AAAA,EAER;AACF;;"}
+{"version":3,"file":"useLoadModule.cjs.js","sources":["../../../../src/hooks/useLoadModule.ts"],"sourcesContent":["import { useRemoteModules } from '@shared/context/RemoteModulesContext'\nimport { loadRemote } from '@module-federation/enhanced/runtime'\nimport { useEffect, useRef, useState } from 'react'\nimport semver from 'semver'\n\ninterface Props<T> {\n  addon: string\n  remote: string\n  module: string\n  fallback: T\n  debug?: boolean\n  minVersion?: string // minimum version required for this module\n  skip?: boolean // skip loading if module is provided externally\n}\n\nexport const useLoadModule = <T>({\n  addon,\n  remote,\n  module,\n  fallback,\n  minVersion,\n  skip = false,\n}: Props<T>): [\n  T,\n  { isLoaded: boolean; isLoading: boolean; outdated?: { current: string; required: string } },\n] => {\n  const { remotesInitialized, modules } = useRemoteModules()\n  const [isLoading, setIsLoading] = useState(true)\n  const [isLoaded, setIsLoaded] = useState<string | boolean>(false)\n  const [isOutdated, setIsOutdated] = useState(false)\n  const loadedRemote = useRef<T>(fallback)\n\n  useEffect(() => {\n    // skip loading if module is provided externally\n    if (skip) {\n      setIsLoading(false)\n      setIsLoaded(true)\n      return\n    }\n\n    // wait for remotes to be initialized\n    if (!remotesInitialized || !addon || !remote || !module) return\n\n    // check if remote and module exist\n    const initializedRemote = modules.find((m) => m.addonName === addon)\n\n    if (!initializedRemote) {\n      console.log('remote not found', { addon, remote, module })\n      setIsLoading(false)\n      return\n    }\n\n    // check remote meets minimum version requirement\n    if (\n      minVersion &&\n      !semver.gte(initializedRemote.addonVersion, minVersion) &&\n      minVersion + '-dev' !== initializedRemote.addonVersion\n    ) {\n      console.log('remote version does not meet minimum requirement', {\n        addon,\n        remote,\n        module,\n        current: initializedRemote.addonVersion,\n        required: minVersion,\n      })\n\n      setIsOutdated(true)\n      setIsLoading(false)\n\n      // use fallback if version requirement not met\n      return\n    }\n\n    setIsOutdated(false)\n\n    const initializedModule = initializedRemote.modules[remote]\n\n    if (!initializedModule) {\n      setIsLoading(false)\n      return console.log('module not found', { addon, remote, module })\n    }\n\n    // check if module is already loaded\n    if (isLoaded === module) {\n      setIsLoading(false)\n      return\n    }\n    loadRemote<{ default: T }>(`${remote}/${module}`, {\n      from: 'runtime',\n    })\n      .then((remote) => {\n        console.log('loaded remote', module)\n        setIsLoaded(module)\n        setIsLoading(false)\n        if (remote) loadedRemote.current = remote.default\n      })\n      .catch((e) => {\n        setIsLoading(false)\n        console.error('error loading remote', remote, module, e)\n      })\n  }, [isLoaded, remotesInitialized, modules, addon, remote, module, minVersion, skip])\n\n  return [\n    loadedRemote.current,\n    {\n      isLoaded: isLoaded === module,\n      isLoading,\n      outdated: isOutdated\n        ? {\n            current: modules.find((m) => m.addonName === addon)?.addonVersion || 'unknown',\n            required: minVersion || 'unknown',\n          }\n        : undefined,\n    },\n  ]\n}\n"],"names":["module","useRemoteModules","useState","useRef","useEffect","loadRemote","remote"],"mappings":";;;;;;AAeO,MAAM,gBAAgB,CAAI;AAAA,EAC/B;AAAA,EACA;AAAA,EACA,QAAAA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AACT,MAGK;;AACH,QAAM,EAAE,oBAAoB,QAAQ,IAAIC,sCAAiB;AACzD,QAAM,CAAC,WAAW,YAAY,IAAIC,MAAAA,SAAS,IAAI;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAIA,MAAAA,SAA2B,KAAK;AAChE,QAAM,CAAC,YAAY,aAAa,IAAIA,MAAAA,SAAS,KAAK;AAC5C,QAAA,eAAeC,aAAU,QAAQ;AAEvCC,QAAAA,UAAU,MAAM;AAEd,QAAI,MAAM;AACR,mBAAa,KAAK;AAClB,kBAAY,IAAI;AAChB;AAAA,IAAA;AAIF,QAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,UAAU,CAACJ,QAAQ;AAGzD,UAAM,oBAAoB,QAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK;AAEnE,QAAI,CAAC,mBAAmB;AACtB,cAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAAA,SAAQ;AACzD,mBAAa,KAAK;AAClB;AAAA,IAAA;AAKA,QAAA,cACA,CAAC,OAAO,IAAI,kBAAkB,cAAc,UAAU,KACtD,aAAa,WAAW,kBAAkB,cAC1C;AACA,cAAQ,IAAI,oDAAoD;AAAA,QAC9D;AAAA,QACA;AAAA,QACA,QAAAA;AAAA,QACA,SAAS,kBAAkB;AAAA,QAC3B,UAAU;AAAA,MAAA,CACX;AAED,oBAAc,IAAI;AAClB,mBAAa,KAAK;AAGlB;AAAA,IAAA;AAGF,kBAAc,KAAK;AAEb,UAAA,oBAAoB,kBAAkB,QAAQ,MAAM;AAE1D,QAAI,CAAC,mBAAmB;AACtB,mBAAa,KAAK;AAClB,aAAO,QAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAAA,SAAQ;AAAA,IAAA;AAIlE,QAAI,aAAaA,SAAQ;AACvB,mBAAa,KAAK;AAClB;AAAA,IAAA;AAEFK,YAAAA,eAAAA,WAA2B,GAAG,MAAM,IAAIL,OAAM,IAAI;AAAA,MAChD,MAAM;AAAA,IAAA,CACP,EACE,KAAK,CAACM,YAAW;AACR,cAAA,IAAI,iBAAiBN,OAAM;AACnC,kBAAYA,OAAM;AAClB,mBAAa,KAAK;AACdM,UAAAA,QAAqB,cAAA,UAAUA,QAAO;AAAA,IAAA,CAC3C,EACA,MAAM,CAAC,MAAM;AACZ,mBAAa,KAAK;AAClB,cAAQ,MAAM,wBAAwB,QAAQN,SAAQ,CAAC;AAAA,IAAA,CACxD;AAAA,EAAA,GACF,CAAC,UAAU,oBAAoB,SAAS,OAAO,QAAQA,SAAQ,YAAY,IAAI,CAAC;AAE5E,SAAA;AAAA,IACL,aAAa;AAAA,IACb;AAAA,MACE,UAAU,aAAaA;AAAA,MACvB;AAAA,MACA,UAAU,aACN;AAAA,QACE,WAAS,aAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK,MAAzC,mBAA4C,iBAAgB;AAAA,QACrE,UAAU,cAAc;AAAA,MAAA,IAE1B;AAAA,IAAA;AAAA,EAER;AACF;;"}

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

@@ -47,7 +47,7 @@ const useLoadModule = ({
       setIsLoading(false);
       return console.log("module not found", { addon, remote, module });
     }
-    if (isLoaded) {
+    if (isLoaded === module) {
       setIsLoading(false);
       return;
     }
@@ -55,7 +55,7 @@ const useLoadModule = ({
       from: "runtime"
     }).then((remote2) => {
       console.log("loaded remote", module);
-      setIsLoaded(true);
+      setIsLoaded(module);
       setIsLoading(false);
       if (remote2) loadedRemote.current = remote2.default;
     }).catch((e) => {
@@ -66,7 +66,7 @@ const useLoadModule = ({
   return [
     loadedRemote.current,
     {
-      isLoaded,
+      isLoaded: isLoaded === module,
       isLoading,
       outdated: isOutdated ? {
         current: ((_a = modules.find((m) => m.addonName === addon)) == null ? void 0 : _a.addonVersion) || "unknown",

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

@@ -1 +1 @@
-{"version":3,"file":"useLoadModule.es.js","sources":["../../../../src/hooks/useLoadModule.ts"],"sourcesContent":["import { useRemoteModules } from '@shared/context/RemoteModulesContext'\nimport { loadRemote } from '@module-federation/enhanced/runtime'\nimport { useEffect, useRef, useState } from 'react'\nimport semver from 'semver'\n\ninterface Props<T> {\n  addon: string\n  remote: string\n  module: string\n  fallback: T\n  debug?: boolean\n  minVersion?: string // minimum version required for this module\n  skip?: boolean // skip loading if module is provided externally\n}\n\nexport const useLoadModule = <T>({\n  addon,\n  remote,\n  module,\n  fallback,\n  minVersion,\n  skip = false,\n}: Props<T>): [\n  T,\n  { isLoaded: boolean; isLoading: boolean; outdated?: { current: string; required: string } },\n] => {\n  const { remotesInitialized, modules } = useRemoteModules()\n  const [isLoading, setIsLoading] = useState(true)\n  const [isLoaded, setIsLoaded] = useState(false)\n  const [isOutdated, setIsOutdated] = useState(false)\n  const loadedRemote = useRef<T>(fallback)\n\n  useEffect(() => {\n    // skip loading if module is provided externally\n    if (skip) {\n      setIsLoading(false)\n      setIsLoaded(true)\n      return\n    }\n\n    // wait for remotes to be initialized\n    if (!remotesInitialized || !addon || !remote || !module) return\n\n    // check if remote and module exist\n    const initializedRemote = modules.find((m) => m.addonName === addon)\n\n    if (!initializedRemote) {\n      console.log('remote not found', { addon, remote, module })\n      setIsLoading(false)\n      return\n    }\n\n    // check remote meets minimum version requirement\n    if (\n      minVersion &&\n      !semver.gte(initializedRemote.addonVersion, minVersion) &&\n      minVersion + '-dev' !== initializedRemote.addonVersion\n    ) {\n      console.log('remote version does not meet minimum requirement', {\n        addon,\n        remote,\n        module,\n        current: initializedRemote.addonVersion,\n        required: minVersion,\n      })\n\n      setIsOutdated(true)\n      setIsLoading(false)\n\n      // use fallback if version requirement not met\n      return\n    }\n\n    setIsOutdated(false)\n\n    const initializedModule = initializedRemote.modules[remote]\n\n    if (!initializedModule) {\n      setIsLoading(false)\n      return console.log('module not found', { addon, remote, module })\n    }\n\n    // check if module is already loaded\n    if (isLoaded) {\n      setIsLoading(false)\n      return\n    }\n    loadRemote<{ default: T }>(`${remote}/${module}`, {\n      from: 'runtime',\n    })\n      .then((remote) => {\n        console.log('loaded remote', module)\n        setIsLoaded(true)\n        setIsLoading(false)\n        if (remote) loadedRemote.current = remote.default\n      })\n      .catch((e) => {\n        setIsLoading(false)\n        console.error('error loading remote', remote, module, e)\n      })\n  }, [isLoaded, remotesInitialized, modules, addon, remote, module, minVersion, skip])\n\n  return [\n    loadedRemote.current,\n    {\n      isLoaded,\n      isLoading,\n      outdated: isOutdated\n        ? {\n            current: modules.find((m) => m.addonName === addon)?.addonVersion || 'unknown',\n            required: minVersion || 'unknown',\n          }\n        : undefined,\n    },\n  ]\n}\n"],"names":["loadRemote","remote"],"mappings":";;;;AAeO,MAAM,gBAAgB,CAAI;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AACT,MAGK;;AACH,QAAM,EAAE,oBAAoB,QAAQ,IAAI,iBAAiB;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAC5C,QAAA,eAAe,OAAU,QAAQ;AAEvC,YAAU,MAAM;AAEd,QAAI,MAAM;AACR,mBAAa,KAAK;AAClB,kBAAY,IAAI;AAChB;AAAA,IAAA;AAIF,QAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,UAAU,CAAC,OAAQ;AAGzD,UAAM,oBAAoB,QAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK;AAEnE,QAAI,CAAC,mBAAmB;AACtB,cAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAQ;AACzD,mBAAa,KAAK;AAClB;AAAA,IAAA;AAKA,QAAA,cACA,CAAC,OAAO,IAAI,kBAAkB,cAAc,UAAU,KACtD,aAAa,WAAW,kBAAkB,cAC1C;AACA,cAAQ,IAAI,oDAAoD;AAAA,QAC9D;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS,kBAAkB;AAAA,QAC3B,UAAU;AAAA,MAAA,CACX;AAED,oBAAc,IAAI;AAClB,mBAAa,KAAK;AAGlB;AAAA,IAAA;AAGF,kBAAc,KAAK;AAEb,UAAA,oBAAoB,kBAAkB,QAAQ,MAAM;AAE1D,QAAI,CAAC,mBAAmB;AACtB,mBAAa,KAAK;AAClB,aAAO,QAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAQ;AAAA,IAAA;AAIlE,QAAI,UAAU;AACZ,mBAAa,KAAK;AAClB;AAAA,IAAA;AAEFA,mBAAAA,WAA2B,GAAG,MAAM,IAAI,MAAM,IAAI;AAAA,MAChD,MAAM;AAAA,IAAA,CACP,EACE,KAAK,CAACC,YAAW;AACR,cAAA,IAAI,iBAAiB,MAAM;AACnC,kBAAY,IAAI;AAChB,mBAAa,KAAK;AACdA,UAAAA,QAAqB,cAAA,UAAUA,QAAO;AAAA,IAAA,CAC3C,EACA,MAAM,CAAC,MAAM;AACZ,mBAAa,KAAK;AAClB,cAAQ,MAAM,wBAAwB,QAAQ,QAAQ,CAAC;AAAA,IAAA,CACxD;AAAA,EAAA,GACF,CAAC,UAAU,oBAAoB,SAAS,OAAO,QAAQ,QAAQ,YAAY,IAAI,CAAC;AAE5E,SAAA;AAAA,IACL,aAAa;AAAA,IACb;AAAA,MACE;AAAA,MACA;AAAA,MACA,UAAU,aACN;AAAA,QACE,WAAS,aAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK,MAAzC,mBAA4C,iBAAgB;AAAA,QACrE,UAAU,cAAc;AAAA,MAAA,IAE1B;AAAA,IAAA;AAAA,EAER;AACF;"}
+{"version":3,"file":"useLoadModule.es.js","sources":["../../../../src/hooks/useLoadModule.ts"],"sourcesContent":["import { useRemoteModules } from '@shared/context/RemoteModulesContext'\nimport { loadRemote } from '@module-federation/enhanced/runtime'\nimport { useEffect, useRef, useState } from 'react'\nimport semver from 'semver'\n\ninterface Props<T> {\n  addon: string\n  remote: string\n  module: string\n  fallback: T\n  debug?: boolean\n  minVersion?: string // minimum version required for this module\n  skip?: boolean // skip loading if module is provided externally\n}\n\nexport const useLoadModule = <T>({\n  addon,\n  remote,\n  module,\n  fallback,\n  minVersion,\n  skip = false,\n}: Props<T>): [\n  T,\n  { isLoaded: boolean; isLoading: boolean; outdated?: { current: string; required: string } },\n] => {\n  const { remotesInitialized, modules } = useRemoteModules()\n  const [isLoading, setIsLoading] = useState(true)\n  const [isLoaded, setIsLoaded] = useState<string | boolean>(false)\n  const [isOutdated, setIsOutdated] = useState(false)\n  const loadedRemote = useRef<T>(fallback)\n\n  useEffect(() => {\n    // skip loading if module is provided externally\n    if (skip) {\n      setIsLoading(false)\n      setIsLoaded(true)\n      return\n    }\n\n    // wait for remotes to be initialized\n    if (!remotesInitialized || !addon || !remote || !module) return\n\n    // check if remote and module exist\n    const initializedRemote = modules.find((m) => m.addonName === addon)\n\n    if (!initializedRemote) {\n      console.log('remote not found', { addon, remote, module })\n      setIsLoading(false)\n      return\n    }\n\n    // check remote meets minimum version requirement\n    if (\n      minVersion &&\n      !semver.gte(initializedRemote.addonVersion, minVersion) &&\n      minVersion + '-dev' !== initializedRemote.addonVersion\n    ) {\n      console.log('remote version does not meet minimum requirement', {\n        addon,\n        remote,\n        module,\n        current: initializedRemote.addonVersion,\n        required: minVersion,\n      })\n\n      setIsOutdated(true)\n      setIsLoading(false)\n\n      // use fallback if version requirement not met\n      return\n    }\n\n    setIsOutdated(false)\n\n    const initializedModule = initializedRemote.modules[remote]\n\n    if (!initializedModule) {\n      setIsLoading(false)\n      return console.log('module not found', { addon, remote, module })\n    }\n\n    // check if module is already loaded\n    if (isLoaded === module) {\n      setIsLoading(false)\n      return\n    }\n    loadRemote<{ default: T }>(`${remote}/${module}`, {\n      from: 'runtime',\n    })\n      .then((remote) => {\n        console.log('loaded remote', module)\n        setIsLoaded(module)\n        setIsLoading(false)\n        if (remote) loadedRemote.current = remote.default\n      })\n      .catch((e) => {\n        setIsLoading(false)\n        console.error('error loading remote', remote, module, e)\n      })\n  }, [isLoaded, remotesInitialized, modules, addon, remote, module, minVersion, skip])\n\n  return [\n    loadedRemote.current,\n    {\n      isLoaded: isLoaded === module,\n      isLoading,\n      outdated: isOutdated\n        ? {\n            current: modules.find((m) => m.addonName === addon)?.addonVersion || 'unknown',\n            required: minVersion || 'unknown',\n          }\n        : undefined,\n    },\n  ]\n}\n"],"names":["loadRemote","remote"],"mappings":";;;;AAeO,MAAM,gBAAgB,CAAI;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,OAAO;AACT,MAGK;;AACH,QAAM,EAAE,oBAAoB,QAAQ,IAAI,iBAAiB;AACzD,QAAM,CAAC,WAAW,YAAY,IAAI,SAAS,IAAI;AAC/C,QAAM,CAAC,UAAU,WAAW,IAAI,SAA2B,KAAK;AAChE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,KAAK;AAC5C,QAAA,eAAe,OAAU,QAAQ;AAEvC,YAAU,MAAM;AAEd,QAAI,MAAM;AACR,mBAAa,KAAK;AAClB,kBAAY,IAAI;AAChB;AAAA,IAAA;AAIF,QAAI,CAAC,sBAAsB,CAAC,SAAS,CAAC,UAAU,CAAC,OAAQ;AAGzD,UAAM,oBAAoB,QAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK;AAEnE,QAAI,CAAC,mBAAmB;AACtB,cAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAQ;AACzD,mBAAa,KAAK;AAClB;AAAA,IAAA;AAKA,QAAA,cACA,CAAC,OAAO,IAAI,kBAAkB,cAAc,UAAU,KACtD,aAAa,WAAW,kBAAkB,cAC1C;AACA,cAAQ,IAAI,oDAAoD;AAAA,QAC9D;AAAA,QACA;AAAA,QACA;AAAA,QACA,SAAS,kBAAkB;AAAA,QAC3B,UAAU;AAAA,MAAA,CACX;AAED,oBAAc,IAAI;AAClB,mBAAa,KAAK;AAGlB;AAAA,IAAA;AAGF,kBAAc,KAAK;AAEb,UAAA,oBAAoB,kBAAkB,QAAQ,MAAM;AAE1D,QAAI,CAAC,mBAAmB;AACtB,mBAAa,KAAK;AAClB,aAAO,QAAQ,IAAI,oBAAoB,EAAE,OAAO,QAAQ,QAAQ;AAAA,IAAA;AAIlE,QAAI,aAAa,QAAQ;AACvB,mBAAa,KAAK;AAClB;AAAA,IAAA;AAEFA,mBAAAA,WAA2B,GAAG,MAAM,IAAI,MAAM,IAAI;AAAA,MAChD,MAAM;AAAA,IAAA,CACP,EACE,KAAK,CAACC,YAAW;AACR,cAAA,IAAI,iBAAiB,MAAM;AACnC,kBAAY,MAAM;AAClB,mBAAa,KAAK;AACdA,UAAAA,QAAqB,cAAA,UAAUA,QAAO;AAAA,IAAA,CAC3C,EACA,MAAM,CAAC,MAAM;AACZ,mBAAa,KAAK;AAClB,cAAQ,MAAM,wBAAwB,QAAQ,QAAQ,CAAC;AAAA,IAAA,CACxD;AAAA,EAAA,GACF,CAAC,UAAU,oBAAoB,SAAS,OAAO,QAAQ,QAAQ,YAAY,IAAI,CAAC;AAE5E,SAAA;AAAA,IACL,aAAa;AAAA,IACb;AAAA,MACE,UAAU,aAAa;AAAA,MACvB;AAAA,MACA,UAAU,aACN;AAAA,QACE,WAAS,aAAQ,KAAK,CAAC,MAAM,EAAE,cAAc,KAAK,MAAzC,mBAA4C,iBAAgB;AAAA,QACrE,UAAU,cAAc;AAAA,MAAA,IAE1B;AAAA,IAAA;AAAA,EAER;AACF;"}

package/dist/types/components/ProjectTableSettings/ColumnItem.d.ts

@@ -5,6 +5,7 @@ interface ColumnItemProps {
     isPinned: boolean;
     isHidden: boolean;
     isHighlighted?: boolean;
+    isDisabled?: boolean;
     dragHandleProps?: any;
     dragOverlay?: boolean;
     onTogglePinning?: (columnId: string) => void;

package/dist/types/components/ProjectTableSettings/SortableColumnItem.d.ts

@@ -6,6 +6,7 @@ interface SortableColumnItemProps {
     isPinned: boolean;
     isHidden: boolean;
     isHighlighted?: boolean;
+    isDisabled?: boolean;
     onTogglePinning: (columnId: string) => void;
     onToggleVisibility: (columnId: string) => void;
 }

package/dist/types/components/SettingsPanel/SettingsPanelItemTemplate.d.ts

@@ -12,6 +12,7 @@ export type SettingsPanelItem = {
 export interface SettingsPanelItemTemplateProps extends React.HTMLAttributes<HTMLLIElement> {
     item: SettingsPanelItem;
     isHighlighted?: boolean;
+    isDisabled?: boolean;
     startContent?: React.ReactNode;
     endContent?: React.ReactNode;
     actions?: Action[];

package/dist/types/containers/ProjectTreeTable/components/GroupSettingsFallback.d.ts

@@ -1,11 +1,18 @@
 import { SettingsPanelItem } from '../../../components';
 import { FC } from 'react';
 import { ColumnSettingsContextType } from '../context';
-export interface GroupSettingsFallbackProps {
-    requiredVersion?: string;
+export type GroupByConfig = {
+    showEmpty?: boolean;
+};
+export interface GroupSettingsProps {
     fields: SettingsPanelItem[];
+    config?: GroupByConfig;
     onChange?: ColumnSettingsContextType['updateGroupBy'];
     groupBy?: ColumnSettingsContextType['groupBy'];
     updateGroupBy?: ColumnSettingsContextType['updateGroupBy'];
+    onConfigChange?: (config: GroupByConfig) => void;
+}
+export interface GroupSettingsFallbackProps extends GroupSettingsProps {
+    requiredVersion?: string;
 }
 export declare const GroupSettingsFallback: FC<GroupSettingsFallbackProps>;

package/dist/types/containers/ProjectTreeTable/context/ColumnSettingsContext.d.ts

@@ -1,9 +1,20 @@
-import { default as React, ReactNode } from 'react';
+import { default as React } from 'react';
 import { ColumnOrderState, ColumnPinningState, OnChangeFn, VisibilityState, ColumnSizingState } from '@tanstack/react-table';
+import { GroupByConfig } from '../components/GroupSettingsFallback';
 export interface TableGroupBy {
     desc: boolean;
     id: string;
 }
+export type ColumnsConfig = {
+    columnVisibility: VisibilityState;
+    columnOrder: ColumnOrderState;
+    columnPinning: ColumnPinningState;
+    columnSizing: ColumnSizingState;
+    groupBy?: TableGroupBy;
+    groupByConfig?: {
+        showEmpty?: boolean;
+    };
+};
 export interface ColumnSettingsContextType {
     columnVisibility: VisibilityState;
     setColumnVisibility: (columnVisibility: VisibilityState) => void;
@@ -20,22 +31,11 @@ export interface ColumnSettingsContextType {
     columnSizing: ColumnSizingState;
     setColumnSizing: (columnSizing: ColumnSizingState) => void;
     columnSizingUpdater: OnChangeFn<ColumnSizingState>;
-    updateGroupBy: (groupBy: TableGroupBy | undefined) => void;
     groupBy?: TableGroupBy;
+    updateGroupBy: (groupBy: TableGroupBy | undefined) => void;
+    groupByConfig: GroupByConfig;
+    updateGroupByConfig: (config: GroupByConfig) => void;
     setColumnsConfig: (config: ColumnsConfig) => void;
 }
-export type ColumnsConfig = {
-    columnVisibility: VisibilityState;
-    columnOrder: ColumnOrderState;
-    columnPinning: ColumnPinningState;
-    columnSizing: ColumnSizingState;
-    groupBy?: TableGroupBy;
-};
-interface ColumnSettingsProviderProps {
-    children: ReactNode;
-    config?: Record<string, any>;
-    onChange: (config: ColumnsConfig) => void;
-}
-export declare const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps>;
+export declare const ColumnSettingsContext: React.Context<ColumnSettingsContextType | undefined>;
 export declare const useColumnSettingsContext: () => ColumnSettingsContextType;
-export {};

package/dist/types/containers/ProjectTreeTable/context/ColumnSettingsProvider.d.ts

@@ -0,0 +1,9 @@
+import { default as React, ReactNode } from 'react';
+import { ColumnsConfig } from './ColumnSettingsContext';
+interface ColumnSettingsProviderProps {
+    children: ReactNode;
+    config?: Record<string, any>;
+    onChange: (config: ColumnsConfig) => void;
+}
+export declare const ColumnSettingsProvider: React.FC<ColumnSettingsProviderProps>;
+export {};

package/dist/types/containers/ProjectTreeTable/context/ProjectTableContext.d.ts

@@ -1,66 +1,10 @@
-import { ReactNode } from 'react';
-import { ExpandedState, OnChangeFn, SortingState } from '@tanstack/react-table';
-import { Filter } from '@ynput/ayon-react-components';
-import { EntitiesMap, EntityMap, FolderNodeMap, TableRow, TaskNodeMap, TasksByFolderMap } from '../types/table';
+import { EntityMap, TableRow } from '../types/table';
 import { FindInheritedValueFromAncestors, GetAncestorsOf, GetInheritedDependents, FindNonInheritedValues } from '../hooks/useFolderRelationships';
 import { RowId } from '../utils/cellUtils';
-import { ProjectModel } from '../types/project';
-import { ProjectTableAttribute, LoadingTasks } from '../types';
-import { QueryFilter } from '../types/folders';
-import { ContextMenuItemConstructors } from '../hooks/useCellContextMenu';
-import { EntityGroup } from '../../../api';
-import { GroupByEntityType } from '../hooks/useBuildGroupByTableData';
-import { PowerpackContextType } from '../../../context';
-import { ProjectTableModuleContextType } from './ProjectTableModulesContext';
-export declare const parseRowId: (rowId: string) => string;
-export type TableUser = {
-    name: string;
-    fullName?: string;
-};
+import { ProjectTableProviderProps } from './ProjectTableProvider';
 export type ToggleExpandAll = (rowIds: RowId[], expand?: boolean) => void;
 export type ToggleExpands = (rowIds: RowId[], expand?: boolean) => void;
-export interface ProjectTableProviderProps {
-    children: ReactNode;
-    isInitialized: boolean;
-    isLoading: boolean;
-    isLoadingMore: boolean;
-    loadingTasks?: LoadingTasks;
-    error?: string;
-    projectInfo?: ProjectModel;
-    projectName: string;
-    users: TableUser[];
-    attribFields: ProjectTableAttribute[];
-    tasksMap: TaskNodeMap;
-    foldersMap: FolderNodeMap;
-    entitiesMap: EntitiesMap;
-    tasksByFolderMap: TasksByFolderMap;
-    tableRows?: TableRow[];
-    taskGroups: EntityGroup[];
-    fetchNextPage: (value?: string) => void;
-    reloadTableData: () => void;
-    filters: Filter[];
-    setFilters: (filters: Filter[]) => void;
-    queryFilters: {
-        filter: QueryFilter | undefined;
-        filterString?: string;
-        search: string | undefined;
-    };
-    showHierarchy: boolean;
-    updateShowHierarchy: (showHierarchy: boolean) => void;
-    expanded: ExpandedState;
-    toggleExpanded: (id: string) => void;
-    updateExpanded: OnChangeFn<ExpandedState>;
-    setExpanded: (expanded: ExpandedState) => void;
-    sorting: SortingState;
-    updateSorting: OnChangeFn<SortingState>;
-    contextMenuItems: ContextMenuItemConstructors;
-    powerpack?: PowerpackContextType;
-    modules: ProjectTableModuleContextType;
-    groupByConfig?: {
-        entityType?: GroupByEntityType;
-    };
-}
-export interface ProjectTableContextProps {
+export interface ProjectTableContextType {
     isInitialized: ProjectTableProviderProps['isInitialized'];
     isLoading: ProjectTableProviderProps['isLoading'];
     projectInfo: ProjectTableProviderProps['projectInfo'];
@@ -96,5 +40,5 @@ export interface ProjectTableContextProps {
     powerpack?: ProjectTableProviderProps['powerpack'];
     modules: ProjectTableProviderProps['modules'];
 }
-export declare const ProjectTableProvider: ({ children, foldersMap, tableRows, tasksMap, entitiesMap, tasksByFolderMap, expanded, projectInfo, showHierarchy, loadingTasks, isLoadingMore, isLoading, error, isInitialized, projectName, users, attribFields, taskGroups, filters, setFilters, queryFilters, updateShowHierarchy, toggleExpanded, updateExpanded, sorting, updateSorting, fetchNextPage, reloadTableData, setExpanded, contextMenuItems, powerpack, modules, groupByConfig, }: ProjectTableProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useProjectTableContext: () => ProjectTableContextProps;
+export declare const ProjectTableContext: import('react').Context<ProjectTableContextType | undefined>;
+export declare const useProjectTableContext: () => ProjectTableContextType;

package/dist/types/containers/ProjectTreeTable/context/ProjectTableProvider.d.ts

@@ -0,0 +1,59 @@
+import { ReactNode } from 'react';
+import { ExpandedState, OnChangeFn, SortingState } from '@tanstack/react-table';
+import { Filter } from '@ynput/ayon-react-components';
+import { EntitiesMap, FolderNodeMap, TableRow, TaskNodeMap, TasksByFolderMap } from '../types/table';
+import { ProjectModel } from '../types/project';
+import { ProjectTableAttribute, LoadingTasks } from '../types';
+import { QueryFilter } from '../types/folders';
+import { ContextMenuItemConstructors } from '../hooks/useCellContextMenu';
+import { EntityGroup } from '../../../api';
+import { GroupByEntityType } from '../hooks/useBuildGroupByTableData';
+import { PowerpackContextType } from '../../../context';
+import { ProjectTableModulesType } from '../hooks';
+export declare const parseRowId: (rowId: string) => string;
+export type TableUser = {
+    name: string;
+    fullName?: string;
+};
+export interface ProjectTableProviderProps {
+    children: ReactNode;
+    isInitialized: boolean;
+    isLoading: boolean;
+    isLoadingMore: boolean;
+    loadingTasks?: LoadingTasks;
+    error?: string;
+    projectInfo?: ProjectModel;
+    projectName: string;
+    users: TableUser[];
+    attribFields: ProjectTableAttribute[];
+    tasksMap: TaskNodeMap;
+    foldersMap: FolderNodeMap;
+    entitiesMap: EntitiesMap;
+    tasksByFolderMap: TasksByFolderMap;
+    tableRows?: TableRow[];
+    taskGroups: EntityGroup[];
+    fetchNextPage: (value?: string) => void;
+    reloadTableData: () => void;
+    filters: Filter[];
+    setFilters: (filters: Filter[]) => void;
+    queryFilters: {
+        filter: QueryFilter | undefined;
+        filterString?: string;
+        search: string | undefined;
+    };
+    showHierarchy: boolean;
+    updateShowHierarchy: (showHierarchy: boolean) => void;
+    expanded: ExpandedState;
+    toggleExpanded: (id: string) => void;
+    updateExpanded: OnChangeFn<ExpandedState>;
+    setExpanded: (expanded: ExpandedState) => void;
+    sorting: SortingState;
+    updateSorting: OnChangeFn<SortingState>;
+    contextMenuItems: ContextMenuItemConstructors;
+    powerpack?: PowerpackContextType;
+    modules: ProjectTableModulesType;
+    groupByConfig?: {
+        entityType?: GroupByEntityType;
+    };
+}
+export declare const ProjectTableProvider: ({ children, foldersMap, tableRows, tasksMap, entitiesMap, tasksByFolderMap, expanded, projectInfo, showHierarchy, loadingTasks, isLoadingMore, isLoading, error, isInitialized, projectName, users, attribFields, taskGroups, filters, setFilters, queryFilters, updateShowHierarchy, toggleExpanded, updateExpanded, sorting, updateSorting, fetchNextPage, reloadTableData, setExpanded, contextMenuItems, powerpack, modules, groupByConfig, }: ProjectTableProviderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/containers/ProjectTreeTable/context/SelectedRowsContext.d.ts

@@ -1,5 +1,4 @@
-import { ReactNode } from 'react';
-export interface SelectedRowsContextProps {
+export interface SelectedRowsContextType {
     selectedRows: string[];
     isRowSelected: (rowId: string) => boolean;
     clearRowsSelection: () => void;
@@ -7,9 +6,5 @@ export interface SelectedRowsContextProps {
     areAllRowsSelected: () => boolean;
     areSomeRowsSelected: () => boolean;
 }
-interface SelectedRowsProviderProps {
-    children: ReactNode;
-}
-export declare const SelectedRowsProvider: ({ children }: SelectedRowsProviderProps) => import("react/jsx-runtime").JSX.Element;
-export declare const useSelectedRowsContext: () => SelectedRowsContextProps;
-export {};
+export declare const SelectedRowsContext: import('react').Context<SelectedRowsContextType | undefined>;
+export declare const useSelectedRowsContext: () => SelectedRowsContextType;

package/dist/types/containers/ProjectTreeTable/context/SelectedRowsProvider.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+interface SelectedRowsProviderProps {
+    children: ReactNode;
+}
+export declare const SelectedRowsProvider: ({ children }: SelectedRowsProviderProps) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/types/containers/ProjectTreeTable/context/SelectionCellsContext.d.ts

@@ -1,4 +1,4 @@
-import { default as React, ReactNode } from 'react';
+import { default as React } from 'react';
 import { CellId, RowId, ColId, CellPosition } from '../utils/cellUtils';
 export declare const ROW_SELECTION_COLUMN_ID = "__row_selection__";
 export interface GridMap {
@@ -29,7 +29,5 @@ export interface SelectionCellsContextType {
     getCellPositionFromId: (cellId: CellId) => CellPosition | null;
     getCellBorderClasses: (cellId: CellId) => string[];
 }
-export declare const SelectionCellsProvider: React.FC<{
-    children: ReactNode;
-}>;
+export declare const SelectionCellsContext: React.Context<SelectionCellsContextType | undefined>;
 export declare const useSelectionCellsContext: () => SelectionCellsContextType;

package/dist/types/containers/ProjectTreeTable/context/SelectionCellsProvider.d.ts

@@ -0,0 +1,4 @@
+import { default as React, ReactNode } from 'react';
+export declare const SelectionCellsProvider: React.FC<{
+    children: ReactNode;
+}>;

package/dist/types/containers/ProjectTreeTable/context/index.d.ts

@@ -1,11 +1,13 @@
 export * from './clipboard';
 export * from './CellEditingContext';
 export * from './ClipboardContext';
+export * from './ColumnSettingsProvider';
 export * from './ColumnSettingsContext';
 export * from './ProjectTableContext';
+export * from './ProjectTableProvider';
 export * from './ProjectTableQueriesContext';
 export * from './SelectedRowsContext';
+export * from './SelectedRowsProvider';
 export * from './SelectionCellsContext';
-export * from './ProjectTableSelectionContext';
+export * from './SelectionCellsProvider';
 export * from './ProjectDataContext';
-export * from './ProjectTableModulesContext';

package/dist/types/containers/ProjectTreeTable/hooks/index.d.ts

@@ -11,3 +11,4 @@ export * from './useScopedAttributeFields';
 export * from './useExpandedState';
 export * from './useColumnSorting';
 export * from './useBuildGroupByTableData';
+export * from './useProjectTableModules';

package/dist/types/containers/ProjectTreeTable/hooks/useBuildGroupByTableData.d.ts

@@ -1,7 +1,6 @@
 import { ProjectModel, EntityGroup } from '../../../api';
 import { TableGroupBy } from '../context';
 import { EntitiesMap, ProjectTableAttribute, TableRow } from '../types';
-import { ExpandedState } from '@tanstack/react-table';
 export type GroupByEntityType = 'task' | 'folder' | 'version' | 'product';
 export type GroupData = {
     value: string;
@@ -24,7 +23,7 @@ type BuildGroupByTableProps = {
     entityType?: GroupByEntityType;
     groups?: EntityGroup[];
     attribFields: ProjectTableAttribute[];
-    expanded?: ExpandedState;
+    showEmpty?: boolean;
 };
 declare const useBuildGroupByTableData: (props: BuildGroupByTableProps) => (groupBy: TableGroupBy) => TableRow[];
 export default useBuildGroupByTableData;

package/dist/types/containers/ProjectTreeTable/hooks/useEntitiesMap.d.ts

@@ -1,4 +1,4 @@
-import { FolderNodeMap, TaskNodeMap } from '..';
+import { FolderNodeMap, TaskNodeMap } from '../types';
 interface UseEntitiesMapProps {
     foldersMap: FolderNodeMap;
     tasksMap: TaskNodeMap;

package/dist/types/containers/ProjectTreeTable/hooks/useFetchOverviewData.d.ts

@@ -3,9 +3,10 @@ import { FolderNodeMap, TaskNodeMap } from '../types/table';
 import { ExpandedState, SortingState } from '@tanstack/react-table';
 import { LoadingTasks } from '../types';
 import { TasksByFolderMap } from '../utils';
-import { ProjectTableModuleContextType, TableGroupBy } from '../..';
+import { TableGroupBy } from '../context';
 import { Filter } from '@ynput/ayon-react-components';
-import { ProjectTableAttribute } from './useAttributesList';
+import { ProjectTableAttribute } from '../hooks/useAttributesList';
+import { ProjectTableModulesType } from './useProjectTableModules';
 type useFetchOverviewDataData = {
     foldersMap: FolderNodeMap;
     tasksMap: TaskNodeMap;
@@ -31,7 +32,7 @@ type Params = {
     expanded: ExpandedState;
     showHierarchy: boolean;
     attribFields: ProjectTableAttribute[];
-    modules: ProjectTableModuleContextType;
+    modules: ProjectTableModulesType;
 };
 export declare const useFetchOverviewData: ({ projectName, selectedFolders, filters, queryFilters, sorting, groupBy, taskGroups, expanded, showHierarchy, attribFields, modules, }: Params) => useFetchOverviewDataData;
 export {};