@ynput/ayon-frontend-shared 0.3.42 → 0.3.44

package/dist/shared/src/containers/ProjectTreeTable/components/GroupSettingsFallback.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSettingsFallback.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/GroupSettingsFallback.tsx"],"sourcesContent":["import { SettingsPanelItem, TableSettingsFallback } from '../../../components'\nimport { FC } from 'react'\nimport { ColumnSettingsContextType } from '../context'\nimport styled from 'styled-components'\nimport { Button, Icon } from '@ynput/ayon-react-components'\n\nconst FieldItem = styled.li`\n  display: flex;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n`\n\nconst FieldButton = styled(Button)`\n  width: 100%;\n  justify-content: start;\n`\n\nexport type GroupByConfig = {\n  showEmpty?: boolean\n  entityType: string\n}\n\nexport interface GroupSettingsProps {\n  fields: SettingsPanelItem[]\n  config: GroupByConfig\n  onChange?: ColumnSettingsContextType['updateGroupBy']\n  groupBy?: ColumnSettingsContextType['groupBy']\n  updateGroupBy?: ColumnSettingsContextType['updateGroupBy']\n  onConfigChange?: (config: GroupByConfig) => void\n}\n\nexport interface GroupSettingsFallbackProps extends GroupSettingsProps {\n  requiredVersion?: string\n}\n\nexport const GroupSettingsFallback: FC<GroupSettingsFallbackProps> = ({\n  requiredVersion,\n  fields,\n}) => (\n  <TableSettingsFallback feature={'groupAttributes'} requiredVersion={requiredVersion}>\n    {fields.map((field) => (\n      <FieldItem key={field.value}>\n        <FieldButton variant=\"text\" icon={field.icon}>\n          {field.label}\n          <Icon icon={'bolt'} style={{ marginLeft: 'auto' }} />\n        </FieldButton>\n      </FieldItem>\n    ))}\n  </TableSettingsFallback>\n)\n"],"names":["FieldItem","styled","FieldButton","Button","GroupSettingsFallback","requiredVersion","fields","TableSettingsFallback","field","jsx","jsxs","Icon"],"mappings":"qvhBAMMA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnBC,EAAcD,EAAOE,QAAM;AAAA;AAAA;AAAA,EAuBpBC,EAAwD,CAAC,CACpE,gBAAAC,EACA,OAAAC,CACF,4BACGC,EAAAA,sBAAA,CAAsB,QAAS,kBAAmB,gBAAAF,EAChD,WAAO,IAAKG,GACXC,EAAAA,kBAAAA,IAACT,GACC,SAAAU,yBAACR,EAAA,CAAY,QAAQ,OAAO,KAAMM,EAAM,KACrC,SAAA,CAAAA,EAAM,MACPC,wBAACE,EAAAA,MAAK,KAAM,OAAQ,MAAO,CAAE,WAAY,OAAO,CAAG,CAAA,CAAA,CACrD,CAAA,EAJcH,EAAM,KAKtB,CACD,CAAA,CACH"}
+{"version":3,"file":"GroupSettingsFallback.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/GroupSettingsFallback.tsx"],"sourcesContent":["import { SettingsPanelItem, TableSettingsFallback } from '../../../components'\nimport { FC } from 'react'\nimport { ColumnSettingsContextType } from '../context'\nimport styled from 'styled-components'\nimport { Button, Icon } from '@ynput/ayon-react-components'\n\nconst FieldItem = styled.li`\n  display: flex;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n`\n\nconst FieldButton = styled(Button)`\n  width: 100%;\n  justify-content: start;\n`\n\nexport type GroupByConfig = {\n  showEmpty?: boolean\n  entityType: string\n}\n\nexport interface GroupSettingsProps {\n  fields: SettingsPanelItem[]\n  config: GroupByConfig\n  onChange?: ColumnSettingsContextType['updateGroupBy']\n  groupBy?: ColumnSettingsContextType['groupBy']\n  updateGroupBy?: ColumnSettingsContextType['updateGroupBy']\n  onConfigChange?: (config: GroupByConfig) => void\n}\n\nexport interface GroupSettingsFallbackProps extends GroupSettingsProps {\n  requiredVersion?: string\n}\n\nexport const GroupSettingsFallback: FC<GroupSettingsFallbackProps> = ({\n  requiredVersion,\n  fields,\n}) => (\n  <TableSettingsFallback feature={'groupAttributes'} requiredVersion={requiredVersion}>\n    {fields.map((field) => (\n      <FieldItem key={field.value}>\n        <FieldButton variant=\"text\" icon={field.icon}>\n          {field.label}\n          <Icon icon={'bolt'} style={{ marginLeft: 'auto' }} />\n        </FieldButton>\n      </FieldItem>\n    ))}\n  </TableSettingsFallback>\n)\n"],"names":["FieldItem","styled","FieldButton","Button","GroupSettingsFallback","requiredVersion","fields","TableSettingsFallback","field","jsx","jsxs","Icon"],"mappings":"s8hBAMMA,EAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,EAOnBC,EAAcD,EAAOE,QAAM;AAAA;AAAA;AAAA,EAuBpBC,EAAwD,CAAC,CACpE,gBAAAC,EACA,OAAAC,CACF,4BACGC,EAAAA,sBAAA,CAAsB,QAAS,kBAAmB,gBAAAF,EAChD,WAAO,IAAKG,GACXC,EAAAA,kBAAAA,IAACT,GACC,SAAAU,yBAACR,EAAA,CAAY,QAAQ,OAAO,KAAMM,EAAM,KACrC,SAAA,CAAAA,EAAM,MACPC,wBAACE,EAAAA,MAAK,KAAM,OAAQ,MAAO,CAAE,WAAY,OAAO,CAAG,CAAA,CAAA,CACrD,CAAA,EAJcH,EAAM,KAKtB,CACD,CAAA,CACH"}

package/dist/shared/src/containers/ProjectTreeTable/components/GroupSettingsFallback.es.js

@@ -57,7 +57,6 @@ import "../../../api/generated/grouping.es.js";
 import "../../../api/generated/views.es.js";
 import "../../../api/queries/actions/getActions.es.js";
 import "../../../api/queries/activities/getActivities.es.js";
-import "../../../api/queries/activities/updateActivities.es.js";
 import "../../../api/queries/activities/updateReaction.es.js";
 import "../../../api/queries/activities/getMentions.es.js";
 import "../../../api/queries/activities/getCategories.es.js";
@@ -66,8 +65,11 @@ import "../../../api/queries/addons/updateAddons.es.js";
 import "../../../api/queries/attributes/getAttributes.es.js";
 import "../../../api/queries/attributes/updateAttributes.es.js";
 import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/bundles/getBundles.es.js";
+import "../../../api/queries/bundles/updateBundles.es.js";
 import "../../../api/queries/cloud/cloud.es.js";
 import "../../../api/queries/columnStats/metricTargets.es.js";
+import "../../../api/queries/columnStats/groupCounts.es.js";
 import "../../../api/queries/config/getConfig.es.js";
 import "../../../api/queries/config/updateConfig.es.js";
 import "../../../api/queries/entities/getEntity.es.js";
@@ -147,7 +149,7 @@ import "../../../context/MenuContext.es.js";
 import "../../../context/WebsocketContext.es.js";
 import "../../../context/GlobalContext.es.js";
 import "../../../context/ProjectContext.es.js";
-import "../../../context/ProjectFoldersContext.es.js";
+import "../../../context/ProjectFoldersContextInstance.es.js";
 import "react-redux";
 import "custom-protocol-check";
 import "../../../components/DetailsPanelDetails/DetailsSection.es.js";
@@ -156,6 +158,7 @@ import "../../../components/DoneCheckbox/DoneCheckbox.es.js";
 import "../../../components/EarlyPreview/EarlyPreview.es.js";
 import "../../../components/EmptyPlaceholder/EmptyPlaceholder.es.js";
 import "../../../components/EmptyPlaceholder/EmptyPlaceholderFlex.styled.es.js";
+import "../../../components/InfoMessage/InfoMessage.es.js";
 import "@dnd-kit/core";
 import "@dnd-kit/sortable";
 import "../../../components/EnumEditor/EnumEditor.styled.es.js";
@@ -207,12 +210,9 @@ import "../widgets/GroupHeaderWidget.es.js";
 import "../widgets/ThumbnailWidget.es.js";
 import "../widgets/LinksWidget.es.js";
 import "../../../components/LinksManager/LinksManager.styled.es.js";
-import "../context/ProjectTableContext.es.js";
-import "../widgets/EmptyWidget.es.js";
-import "../widgets/ErrorWidget.es.js";
-import "../context/CellEditingContext.es.js";
-import "../../../components/SearchFilter/filterDates.es.js";
 import "short-uuid";
+import "../../../components/SearchFilter/filterDates.es.js";
+import "../context/CellEditingContext.es.js";
 import "../context/SelectionCellsContext.es.js";
 import "../context/ProjectTableQueriesContext.es.js";
 import "../context/ClipboardContext.es.js";
@@ -220,7 +220,10 @@ import "../context/ColumnSettingsContext.es.js";
 import "../context/SelectedRowsContext.es.js";
 import "../context/DetailsPanelEntityContext.es.js";
 import "./DeleteConfirmContent.es.js";
-import "../context/ProjectDataContext.es.js";
+import "../context/ProjectDataContextInstance.es.js";
+import "../context/ProjectTableContextInstance.es.js";
+import "../widgets/EmptyWidget.es.js";
+import "../widgets/ErrorWidget.es.js";
 import "../ProjectTreeTable.styled.es.js";
 import "./SelectionCell.es.js";
 import "./RowSelectionHeader.es.js";
@@ -284,7 +287,7 @@ import "../../../components/Thumbnail/Thumbnail.styled.es.js";
 import "../../../components/Thumbnail/StackedThumbnails.es.js";
 import "../../../components/ThumbnailSimple/ThumbnailSimple.es.js";
 import "../../../components/VersionUploader/components/UploadVersionDialog.es.js";
-import "../../../components/VersionUploader/context/VersionUploadContext.es.js";
+import "../../../components/VersionUploader/context/VersionUploadContextInstance.es.js";
 import "../../../components/Watchers/Watchers.es.js";
 import "../../../components/Menu/Menu.styled.es.js";
 import "../../../components/Menu/MenuItem.es.js";
@@ -299,7 +302,7 @@ const s = o.li`
 `, a = o(p)`
   width: 100%;
   justify-content: start;
-`, qm = ({
+`, Dm = ({
   requiredVersion: r,
   fields: m
 }) => /* @__PURE__ */ t.jsx(n, { feature: "groupAttributes", requiredVersion: r, children: m.map((i) => /* @__PURE__ */ t.jsx(s, { children: /* @__PURE__ */ t.jsxs(a, { variant: "text", icon: i.icon, children: [
@@ -307,6 +310,6 @@ const s = o.li`
   /* @__PURE__ */ t.jsx(e, { icon: "bolt", style: { marginLeft: "auto" } })
 ] }) }, i.value)) });
 export {
-  qm as GroupSettingsFallback
+  Dm as GroupSettingsFallback
 };
 //# sourceMappingURL=GroupSettingsFallback.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/components/GroupSettingsFallback.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"GroupSettingsFallback.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/GroupSettingsFallback.tsx"],"sourcesContent":["import { SettingsPanelItem, TableSettingsFallback } from '../../../components'\nimport { FC } from 'react'\nimport { ColumnSettingsContextType } from '../context'\nimport styled from 'styled-components'\nimport { Button, Icon } from '@ynput/ayon-react-components'\n\nconst FieldItem = styled.li`\n  display: flex;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n`\n\nconst FieldButton = styled(Button)`\n  width: 100%;\n  justify-content: start;\n`\n\nexport type GroupByConfig = {\n  showEmpty?: boolean\n  entityType: string\n}\n\nexport interface GroupSettingsProps {\n  fields: SettingsPanelItem[]\n  config: GroupByConfig\n  onChange?: ColumnSettingsContextType['updateGroupBy']\n  groupBy?: ColumnSettingsContextType['groupBy']\n  updateGroupBy?: ColumnSettingsContextType['updateGroupBy']\n  onConfigChange?: (config: GroupByConfig) => void\n}\n\nexport interface GroupSettingsFallbackProps extends GroupSettingsProps {\n  requiredVersion?: string\n}\n\nexport const GroupSettingsFallback: FC<GroupSettingsFallbackProps> = ({\n  requiredVersion,\n  fields,\n}) => (\n  <TableSettingsFallback feature={'groupAttributes'} requiredVersion={requiredVersion}>\n    {fields.map((field) => (\n      <FieldItem key={field.value}>\n        <FieldButton variant=\"text\" icon={field.icon}>\n          {field.label}\n          <Icon icon={'bolt'} style={{ marginLeft: 'auto' }} />\n        </FieldButton>\n      </FieldItem>\n    ))}\n  </TableSettingsFallback>\n)\n"],"names":["FieldItem","styled","FieldButton","Button","GroupSettingsFallback","requiredVersion","fields","TableSettingsFallback","field","jsx","jsxs","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnBC,IAAcD,EAAOE,CAAM;AAAA;AAAA;AAAA,GAuBpBC,KAAwD,CAAC;AAAA,EACpE,iBAAAC;AAAA,EACA,QAAAC;AACF,4BACGC,GAAA,EAAsB,SAAS,mBAAmB,iBAAAF,GAChD,YAAO,IAAI,CAACG,MACXC,gBAAAA,EAAAA,IAACT,KACC,UAAAU,gBAAAA,OAACR,GAAA,EAAY,SAAQ,QAAO,MAAMM,EAAM,MACrC,UAAA;AAAA,EAAAA,EAAM;AAAA,EACPC,gBAAAA,MAACE,KAAK,MAAM,QAAQ,OAAO,EAAE,YAAY,SAAO,CAAG;AAAA,EAAA,CACrD,EAAA,GAJcH,EAAM,KAKtB,CACD,EAAA,CACH;"}
+{"version":3,"file":"GroupSettingsFallback.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/GroupSettingsFallback.tsx"],"sourcesContent":["import { SettingsPanelItem, TableSettingsFallback } from '../../../components'\nimport { FC } from 'react'\nimport { ColumnSettingsContextType } from '../context'\nimport styled from 'styled-components'\nimport { Button, Icon } from '@ynput/ayon-react-components'\n\nconst FieldItem = styled.li`\n  display: flex;\n  align-items: center;\n  padding: 0;\n  margin: 0;\n`\n\nconst FieldButton = styled(Button)`\n  width: 100%;\n  justify-content: start;\n`\n\nexport type GroupByConfig = {\n  showEmpty?: boolean\n  entityType: string\n}\n\nexport interface GroupSettingsProps {\n  fields: SettingsPanelItem[]\n  config: GroupByConfig\n  onChange?: ColumnSettingsContextType['updateGroupBy']\n  groupBy?: ColumnSettingsContextType['groupBy']\n  updateGroupBy?: ColumnSettingsContextType['updateGroupBy']\n  onConfigChange?: (config: GroupByConfig) => void\n}\n\nexport interface GroupSettingsFallbackProps extends GroupSettingsProps {\n  requiredVersion?: string\n}\n\nexport const GroupSettingsFallback: FC<GroupSettingsFallbackProps> = ({\n  requiredVersion,\n  fields,\n}) => (\n  <TableSettingsFallback feature={'groupAttributes'} requiredVersion={requiredVersion}>\n    {fields.map((field) => (\n      <FieldItem key={field.value}>\n        <FieldButton variant=\"text\" icon={field.icon}>\n          {field.label}\n          <Icon icon={'bolt'} style={{ marginLeft: 'auto' }} />\n        </FieldButton>\n      </FieldItem>\n    ))}\n  </TableSettingsFallback>\n)\n"],"names":["FieldItem","styled","FieldButton","Button","GroupSettingsFallback","requiredVersion","fields","TableSettingsFallback","field","jsx","jsxs","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAMA,MAAMA,IAAYC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA,GAOnBC,IAAcD,EAAOE,CAAM;AAAA;AAAA;AAAA,GAuBpBC,KAAwD,CAAC;AAAA,EACpE,iBAAAC;AAAA,EACA,QAAAC;AACF,4BACGC,GAAA,EAAsB,SAAS,mBAAmB,iBAAAF,GAChD,YAAO,IAAI,CAACG,MACXC,gBAAAA,EAAAA,IAACT,KACC,UAAAU,gBAAAA,OAACR,GAAA,EAAY,SAAQ,QAAO,MAAMM,EAAM,MACrC,UAAA;AAAA,EAAAA,EAAM;AAAA,EACPC,gBAAAA,MAACE,KAAK,MAAM,QAAQ,OAAO,EAAE,YAAY,SAAO,CAAG;AAAA,EAAA,CACrD,EAAA,GAJcH,EAAM,KAKtB,CACD,EAAA,CACH;"}

package/dist/shared/src/containers/ProjectTreeTable/components/TableFooterRow.cjs.js

@@ -1,17 +1,17 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("../../../../../_virtual/jsx-runtime.cjs.js"),s=require("styled-components"),n=require("clsx"),c=require("../constants.cjs.js"),l=require("../utils/pinningUtils.cjs.js"),y=s.tfoot`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("../../../../../_virtual/jsx-runtime.cjs.js"),i=require("styled-components"),o=require("clsx"),c=require("@ynput/ayon-react-components"),n=require("../constants.cjs.js"),d=require("../utils/pinningUtils.cjs.js");require("lodash");require("react-toastify");const b=require("../../../util/copyToClipboard.cjs.js");require("uuid");require("../../../api/base/client.cjs.js");require("../../../api/generated/graphql.cjs.js");require("../../../api/generated/graphqlLinks.cjs.js");require("../../../api/generated/access.cjs.js");require("../../../api/generated/actions.cjs.js");require("../../../api/generated/activityFeed.cjs.js");require("../../../api/generated/addons.cjs.js");require("../../../api/generated/anatomy.cjs.js");require("../../../api/generated/attributes.cjs.js");require("../../../api/generated/authentication.cjs.js");require("../../../api/generated/bundles.cjs.js");require("../../../api/generated/configuration.cjs.js");require("../../../api/generated/dataImport.cjs.js");require("../../../api/generated/desktop.cjs.js");require("../../../api/generated/entityLists.cjs.js");require("../../../api/generated/events.cjs.js");require("../../../api/generated/files.cjs.js");require("../../../api/generated/folders.cjs.js");require("../../../api/generated/inbox.cjs.js");require("../../../api/generated/links.cjs.js");require("../../../api/generated/market.cjs.js");require("../../../api/generated/onboarding.cjs.js");require("../../../api/generated/operations.cjs.js");require("../../../api/generated/products.cjs.js");require("../../../api/generated/projectDashboard.cjs.js");require("../../../api/generated/projects.cjs.js");require("../../../api/generated/projectFolders.cjs.js");require("../../../api/generated/reviewables.cjs.js");require("../../../api/generated/services.cjs.js");require("../../../api/generated/system.cjs.js");require("../../../api/generated/tasks.cjs.js");require("../../../api/generated/teams.cjs.js");require("../../../api/generated/thumbnails.cjs.js");require("../../../api/generated/uRIs.cjs.js");require("../../../api/generated/users.cjs.js");require("../../../api/generated/versions.cjs.js");require("../../../api/generated/workfiles.cjs.js");require("../../../api/generated/ynputCloud.cjs.js");require("../../../api/generated/grouping.cjs.js");require("../../../api/generated/views.cjs.js");require("../../../api/queries/actions/getActions.cjs.js");require("../../../api/queries/activities/getActivities.cjs.js");require("../../../api/queries/activities/updateReaction.cjs.js");require("../../../api/queries/activities/getMentions.cjs.js");require("../../../api/queries/activities/getCategories.cjs.js");require("../../../api/queries/addons/getAddons.cjs.js");require("../../../api/queries/addons/updateAddons.cjs.js");require("../../../api/queries/attributes/getAttributes.cjs.js");require("../../../api/queries/attributes/updateAttributes.cjs.js");require("../../../api/queries/authentication/getAuthentication.cjs.js");require("../../../api/queries/bundles/getBundles.cjs.js");require("../../../api/queries/bundles/updateBundles.cjs.js");require("../../../api/queries/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.cjs.js");require("../../../api/queries/columnStats/groupCounts.cjs.js");require("../../../api/queries/config/getConfig.cjs.js");require("../../../api/queries/config/updateConfig.cjs.js");require("../../../api/queries/entities/getEntity.cjs.js");require("../../../api/queries/entities/getEntityPanel.cjs.js");require("../../../api/queries/overview/getOverview.cjs.js");require("../../../api/queries/overview/updateOverview.cjs.js");require("../../../api/queries/versions/getVersionsProducts.cjs.js");require("../../../api/queries/links/getEntityLinks.cjs.js");require("../../../api/queries/entities/updateEntity.cjs.js");require("../../../api/queries/entityLists/getLists.cjs.js");require("../../../api/queries/entityLists/updateLists.cjs.js");require("../../../api/queries/entityLists/getListsAttributes.cjs.js");require("../../../api/queries/entityLists/listItemsColumnStats.cjs.js");require("../../../api/queries/entityLists/updateListsAttributes.cjs.js");require("../../../api/queries/entityLists/listFolders.cjs.js");require("../../../api/queries/folders/getFolders.cjs.js");require("../../../api/queries/folders/getFolderDeleteInfo.cjs.js");require("../../../api/queries/grouping/getGrouping.cjs.js");require("../../../api/queries/links/updateLinks.cjs.js");require("../../../api/queries/links/getLinks.cjs.js");require("../../../api/queries/permissions/getPermissions.cjs.js");require("../../../api/queries/products/createProduct.cjs.js");require("../../../api/queries/products/getFolderProducts.cjs.js");require("../../../api/queries/project/getProject.cjs.js");require("../../../api/queries/project/updateProject.cjs.js");require("../../../api/queries/projectFolders/projectFolders.cjs.js");require("../../../api/queries/review/getReview.cjs.js");require("../../../api/queries/review/updateReview.cjs.js");require("../../../api/queries/share/share.cjs.js");require("../../../api/queries/system/getSystem.cjs.js");require("../../../api/queries/tasks/getTasks.cjs.js");require("../../../api/queries/tasks/updateTasks.cjs.js");require("../../../api/queries/teams/getTeams.cjs.js");require("../../../api/queries/userDashboard/getUserDashboard.cjs.js");require("../../../api/queries/users/getUsers.cjs.js");require("../../../api/queries/users/updateUsers.cjs.js");require("../../../api/queries/users/guests.cjs.js");require("../../../api/queries/versions/updateVersions.cjs.js");require("../../../api/queries/views/getViews.cjs.js");require("../../../api/queries/views/updateViews.cjs.js");require("../../../api/queries/watchers/getWatchers.cjs.js");require("../../../api/queries/uris/getUris.cjs.js");require("../../../util/pubsub.cjs.js");const C=i.tfoot`
   display: grid !important;
   position: sticky;
   bottom: 0;
   z-index: 10;
   background-color: var(--md-sys-color-surface-container-lowest);
-`,w=s.tr`
+`,E=i.tr`
   display: flex;
   background-color: var(--md-sys-color-surface-container-low);
 
   &.clickable {
     cursor: pointer;
   }
-`,b=s.td`
+`,R=i.td`
   position: relative;
   box-shadow: inset 1px 1px 0 0 var(--md-sys-color-surface-container);
   background-color: var(--md-sys-color-surface-container-lowest);
@@ -35,7 +35,26 @@
     width: 24px !important;
     min-width: unset;
   }
-`,j=s.div`
+`,_=i.div`
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-small);
+  width: 100%;
+  height: 100%;
+  padding: 0 8px;
+  overflow: hidden;
+  white-space: nowrap;
+  font-size: 14px;
+  color: var(--md-sys-color-on-surface-variant);
+
+  .label {
+    color: var(--md-sys-color-outline);
+  }
+  .value {
+    font-weight: 600;
+    color: var(--md-sys-color-on-surface);
+  }
+`,p=i.div`
   width: calc(100% - 1px);
   height: calc(100% - 3px);
   margin-left: 1px;
@@ -44,5 +63,12 @@
     width: calc(100% - 3px);
     margin-left: 1px;
   }
-`,C=({columnVirtualizer:d,table:o,virtualPaddingLeft:r,virtualPaddingRight:a,renderCellContent:m,onClick:i,isLoading:u})=>{const x=[...o.getLeftVisibleLeafColumns(),...o.getCenterVisibleLeafColumns(),...o.getRightVisibleLeafColumns()],p=d.getVirtualItems();return e.jsxRuntimeExports.jsx(y,{children:e.jsxRuntimeExports.jsxs(w,{className:n({clickable:!!i}),onClick:i,"data-tooltip":i?"Power feature":void 0,children:[r?e.jsxRuntimeExports.jsx("td",{style:{display:"flex",width:r}}):null,p.map(f=>{const t=x[f.index];if(!t)return null;const h=t.id===l.DRAG_HANDLE_COLUMN_ID||t.id===c.ROW_SELECTION_COLUMN_ID,g=t.getIsPinned()==="left"&&t.getIsLastColumn("left");return e.jsxRuntimeExports.jsx(b,{className:n(t.id,{"last-pinned-left":g}),style:{...l.getCommonPinningStyles(t),width:l.getColumnWidth(t.id)},children:u?e.jsxRuntimeExports.jsx(j,{className:n("loading","shimmer-dark",{selection:t.id===c.ROW_SELECTION_COLUMN_ID})}):!h&&m?.(t.id)},t.id)}),a?e.jsxRuntimeExports.jsx("td",{style:{display:"flex",width:a}}):null]})})};exports.TableFooterRow=C;
+`,L=i(p)`
+  position: absolute;
+  inset: 1px 0 2px 1px;
+  width: auto;
+  height: auto;
+  margin: 0;
+  pointer-events: none;
+`,k=({columnVirtualizer:x,table:s,virtualPaddingLeft:l,virtualPaddingRight:a,renderCellContent:m,onClick:u,isLoading:g,statsLoading:h,error:t})=>{const y=[...s.getLeftVisibleLeafColumns(),...s.getCenterVisibleLeafColumns(),...s.getRightVisibleLeafColumns()],f=x.getVirtualItems(),q=t instanceof Error?t.message:typeof t=="string"?t:"";return r.jsxRuntimeExports.jsx(C,{children:r.jsxRuntimeExports.jsxs(E,{className:o({clickable:!!u}),onClick:u,"data-tooltip":u?"Power feature":void 0,children:[l?r.jsxRuntimeExports.jsx("td",{style:{display:"flex",width:l}}):null,f.map(w=>{const e=y[w.index];if(!e)return null;const j=e.id===n.DRAG_HANDLE_COLUMN_ID||e.id===n.ROW_SELECTION_COLUMN_ID,v=e.getIsPinned()==="left"&&e.getIsLastColumn("left");return r.jsxRuntimeExports.jsx(R,{className:o(e.id,{"last-pinned-left":v}),style:{...d.getCommonPinningStyles(e),width:d.getColumnWidth(e.id)},children:g?r.jsxRuntimeExports.jsx(p,{className:o("loading","shimmer-dark",{selection:e.id===n.ROW_SELECTION_COLUMN_ID})}):t?e.id==="name"?r.jsxRuntimeExports.jsxs(_,{style:{color:"var(--md-sys-color-error)"},children:["Error loading stats",r.jsxRuntimeExports.jsx(c.Icon,{icon:"info",style:{fontSize:16,cursor:"help"},"data-tooltip":q,"data-tooltip-as":"markdown"}),r.jsxRuntimeExports.jsx(c.Button,{icon:"content_copy","data-tooltip":"Copy error message",onClick:()=>b.copyToClipboard(q),iconProps:{style:{fontSize:16}},style:{padding:2},variant:"text"})]}):null:!j&&r.jsxRuntimeExports.jsxs(r.jsxRuntimeExports.Fragment,{children:[m?.(e.id),h&&r.jsxRuntimeExports.jsx(L,{className:o("loading","shimmer-dark")})]})},e.id)}),a?r.jsxRuntimeExports.jsx("td",{style:{display:"flex",width:a}}):null]})})};exports.TableFooterRow=k;
 //# sourceMappingURL=TableFooterRow.cjs.js.map

package/dist/shared/src/containers/ProjectTreeTable/components/TableFooterRow.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooterRow.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/TableFooterRow.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { Table } from '@tanstack/react-table'\nimport type { Virtualizer } from '@tanstack/react-virtual'\nimport clsx from 'clsx'\n\nimport type { TableRow } from '../types/table'\nimport { ROW_SELECTION_COLUMN_ID } from '../constants'\nimport {\n  DRAG_HANDLE_COLUMN_ID,\n  getCommonPinningStyles,\n  getColumnWidth,\n} from '../utils/pinningUtils'\n\nconst Footer = styled.tfoot`\n  display: grid !important;\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n  background-color: var(--md-sys-color-surface-container-lowest);\n`\n\nconst FooterRowEl = styled.tr`\n  display: flex;\n  background-color: var(--md-sys-color-surface-container-low);\n\n  &.clickable {\n    cursor: pointer;\n  }\n`\n\nconst FooterCell = styled.td`\n  position: relative;\n  box-shadow: inset 1px 1px 0 0 var(--md-sys-color-surface-container);\n  background-color: var(--md-sys-color-surface-container-lowest);\n  display: flex;\n  align-items: center;\n  height: 34px !important;\n  padding: 0 !important;\n  overflow: visible;\n\n  &.last-pinned-left {\n    box-shadow: inset 1px 1px 0 0 var(--md-sys-color-surface-container),\n      inset -2px 0 0 0 var(--md-sys-color-surface-container);\n  }\n\n  /* match the special fixed widths used by header/body cells */\n  &.__row_selection__ {\n    width: 20px !important;\n    min-width: unset;\n  }\n  &.drag-handle {\n    width: 24px !important;\n    min-width: unset;\n  }\n`\n\n// Shimmer placeholder shown per cell while the footer stats are loading.\n// Reuses the global `.loading.shimmer-dark` effect (loadingShimmer.scss) used\n// by the table header/body.\nconst CellSkeleton = styled.div`\n  width: calc(100% - 1px);\n  height: calc(100% - 3px);\n  margin-left: 1px;\n\n  &.selection {\n    width: calc(100% - 3px);\n    margin-left: 1px;\n  }\n`\n\nexport interface TableFooterRowProps {\n  columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n  table: Table<TableRow>\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n  // cell content, provided by the powerpack summaries remote\n  renderCellContent?: (columnId: string) => ReactNode\n  // when set, the whole row is clickable (used for the locked/upsell state)\n  onClick?: () => void\n  // show a shimmer skeleton in each cell while the footer stats load\n  isLoading?: boolean\n}\n\n// Structural summary footer: the host owns the row, cell borders, widths and\n// pinning; the powerpack remote only renders what's inside each cell.\nexport const TableFooterRow: FC<TableFooterRowProps> = ({\n  columnVirtualizer,\n  table,\n  virtualPaddingLeft,\n  virtualPaddingRight,\n  renderCellContent,\n  onClick,\n  isLoading,\n}) => {\n  const visibleColumns = [\n    ...table.getLeftVisibleLeafColumns(),\n    ...table.getCenterVisibleLeafColumns(),\n    ...table.getRightVisibleLeafColumns(),\n  ]\n  const virtualColumns = columnVirtualizer.getVirtualItems()\n\n  return (\n    <Footer>\n      <FooterRowEl\n        className={clsx({ clickable: !!onClick })}\n        onClick={onClick}\n        data-tooltip={onClick ? 'Power feature' : undefined}\n      >\n        {virtualPaddingLeft ? <td style={{ display: 'flex', width: virtualPaddingLeft }} /> : null}\n        {virtualColumns.map((vc) => {\n          const column = visibleColumns[vc.index]\n          if (!column) return null\n          const isUtility =\n            column.id === DRAG_HANDLE_COLUMN_ID || column.id === ROW_SELECTION_COLUMN_ID\n          const isLastPinnedLeft = column.getIsPinned() === 'left' && column.getIsLastColumn('left')\n          return (\n            <FooterCell\n              key={column.id}\n              className={clsx(column.id, { 'last-pinned-left': isLastPinnedLeft })}\n              style={{ ...getCommonPinningStyles(column), width: getColumnWidth(column.id) }}\n            >\n              {isLoading ? (\n                <CellSkeleton\n                  className={clsx('loading', 'shimmer-dark', {\n                    selection: column.id === ROW_SELECTION_COLUMN_ID,\n                  })}\n                />\n              ) : (\n                !isUtility && renderCellContent?.(column.id)\n              )}\n            </FooterCell>\n          )\n        })}\n        {virtualPaddingRight ? (\n          <td style={{ display: 'flex', width: virtualPaddingRight }} />\n        ) : null}\n      </FooterRowEl>\n    </Footer>\n  )\n}\n"],"names":["Footer","styled","FooterRowEl","FooterCell","CellSkeleton","TableFooterRow","columnVirtualizer","table","virtualPaddingLeft","virtualPaddingRight","renderCellContent","onClick","isLoading","visibleColumns","virtualColumns","jsxs","clsx","jsx","vc","column","isUtility","DRAG_HANDLE_COLUMN_ID","ROW_SELECTION_COLUMN_ID","isLastPinnedLeft","getCommonPinningStyles","getColumnWidth"],"mappings":"0QAcMA,EAASC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQhBC,EAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASrBE,EAAaF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA6BpBG,EAAeH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0BfI,EAA0C,CAAC,CACtD,kBAAAC,EACA,MAAAC,EACA,mBAAAC,EACA,oBAAAC,EACA,kBAAAC,EACA,QAAAC,EACA,UAAAC,CACF,IAAM,CACJ,MAAMC,EAAiB,CACrB,GAAGN,EAAM,0BAAA,EACT,GAAGA,EAAM,4BAAA,EACT,GAAGA,EAAM,2BAAA,CAA2B,EAEhCO,EAAiBR,EAAkB,gBAAA,EAEzC,+BACGN,EAAA,CACC,SAAAe,EAAAA,kBAAAA,KAACb,EAAA,CACC,UAAWc,EAAK,CAAE,UAAW,CAAC,CAACL,EAAS,EACxC,QAAAA,EACA,eAAcA,EAAU,gBAAkB,OAEzC,SAAA,CAAAH,EAAqBS,EAAAA,kBAAAA,IAAC,MAAG,MAAO,CAAE,QAAS,OAAQ,MAAOT,CAAA,CAAmB,CAAG,EAAK,KACrFM,EAAe,IAAKI,GAAO,CAC1B,MAAMC,EAASN,EAAeK,EAAG,KAAK,EACtC,GAAI,CAACC,EAAQ,OAAO,KACpB,MAAMC,EACJD,EAAO,KAAOE,EAAAA,uBAAyBF,EAAO,KAAOG,EAAAA,wBACjDC,EAAmBJ,EAAO,YAAA,IAAkB,QAAUA,EAAO,gBAAgB,MAAM,EACzF,OACEF,EAAAA,kBAAAA,IAACd,EAAA,CAEC,UAAWa,EAAKG,EAAO,GAAI,CAAE,mBAAoBI,EAAkB,EACnE,MAAO,CAAE,GAAGC,EAAAA,uBAAuBL,CAAM,EAAG,MAAOM,EAAAA,eAAeN,EAAO,EAAE,CAAA,EAE1E,SAAAP,EACCK,EAAAA,kBAAAA,IAACb,EAAA,CACC,UAAWY,EAAK,UAAW,eAAgB,CACzC,UAAWG,EAAO,KAAOG,EAAAA,uBAAA,CAC1B,CAAA,CAAA,EAGH,CAACF,GAAaV,IAAoBS,EAAO,EAAE,CAAA,EAXxCA,EAAO,EAAA,CAelB,CAAC,EACAV,EACCQ,EAAAA,kBAAAA,IAAC,KAAA,CAAG,MAAO,CAAE,QAAS,OAAQ,MAAOR,CAAA,CAAoB,CAAG,EAC1D,IAAA,CAAA,CAAA,EAER,CAEJ"}
+{"version":3,"file":"TableFooterRow.cjs.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/TableFooterRow.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { Table } from '@tanstack/react-table'\nimport type { Virtualizer } from '@tanstack/react-virtual'\nimport clsx from 'clsx'\nimport { Button, Icon } from '@ynput/ayon-react-components'\n\nimport type { TableRow } from '../types/table'\nimport { DRAG_HANDLE_COLUMN_ID, ROW_SELECTION_COLUMN_ID } from '../constants'\nimport { getCommonPinningStyles, getColumnWidth } from '../utils/pinningUtils'\nimport { copyToClipboard } from '@shared/util'\n\nconst Footer = styled.tfoot`\n  display: grid !important;\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n  background-color: var(--md-sys-color-surface-container-lowest);\n`\n\nconst FooterRowEl = styled.tr`\n  display: flex;\n  background-color: var(--md-sys-color-surface-container-low);\n\n  &.clickable {\n    cursor: pointer;\n  }\n`\n\nconst FooterCell = styled.td`\n  position: relative;\n  box-shadow: inset 1px 1px 0 0 var(--md-sys-color-surface-container);\n  background-color: var(--md-sys-color-surface-container-lowest);\n  display: flex;\n  align-items: center;\n  height: 34px !important;\n  padding: 0 !important;\n  overflow: visible;\n\n  &.last-pinned-left {\n    box-shadow: inset 1px 1px 0 0 var(--md-sys-color-surface-container),\n      inset -2px 0 0 0 var(--md-sys-color-surface-container);\n  }\n\n  /* match the special fixed widths used by header/body cells */\n  &.__row_selection__ {\n    width: 20px !important;\n    min-width: unset;\n  }\n  &.drag-handle {\n    width: 24px !important;\n    min-width: unset;\n  }\n`\n\nconst CellContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  width: 100%;\n  height: 100%;\n  padding: 0 8px;\n  overflow: hidden;\n  white-space: nowrap;\n  font-size: 14px;\n  color: var(--md-sys-color-on-surface-variant);\n\n  .label {\n    color: var(--md-sys-color-outline);\n  }\n  .value {\n    font-weight: 600;\n    color: var(--md-sys-color-on-surface);\n  }\n`\n\n// Shimmer placeholder shown per cell while the footer stats are loading.\n// Reuses the global `.loading.shimmer-dark` effect (loadingShimmer.scss) used\n// by the table header/body.\nconst CellSkeleton = styled.div`\n  width: calc(100% - 1px);\n  height: calc(100% - 3px);\n  margin-left: 1px;\n\n  &.selection {\n    width: calc(100% - 3px);\n    margin-left: 1px;\n  }\n`\n\n// Same shimmer, laid over the still-rendered (and still-clickable) cell content\n// while only the stats are loading. pointer-events: none lets clicks fall\n// through to the summary control underneath, so the footer never goes dead.\nconst CellSkeletonOverlay = styled(CellSkeleton)`\n  position: absolute;\n  inset: 1px 0 2px 1px;\n  width: auto;\n  height: auto;\n  margin: 0;\n  pointer-events: none;\n`\n\nexport interface TableFooterRowProps {\n  columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n  table: Table<TableRow>\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n  // cell content, provided by the powerpack summaries remote\n  renderCellContent?: (columnId: string) => ReactNode\n  // when set, the whole row is clickable (used for the locked/upsell state)\n  onClick?: () => void\n  // full-cell skeleton while the summaries remote module itself is still loading\n  isLoading?: boolean\n  // stats still loading but the module is ready — keep cells clickable and show\n  // a click-through shimmer over the (as yet empty) values\n  statsLoading?: boolean\n  // error fetching stats\n  error?: any\n}\n\n// Structural summary footer: the host owns the row, cell borders, widths and\n// pinning; the powerpack remote only renders what's inside each cell.\nexport const TableFooterRow: FC<TableFooterRowProps> = ({\n  columnVirtualizer,\n  table,\n  virtualPaddingLeft,\n  virtualPaddingRight,\n  renderCellContent,\n  onClick,\n  isLoading,\n  statsLoading,\n  error,\n}) => {\n  const visibleColumns = [\n    ...table.getLeftVisibleLeafColumns(),\n    ...table.getCenterVisibleLeafColumns(),\n    ...table.getRightVisibleLeafColumns(),\n  ]\n  const virtualColumns = columnVirtualizer.getVirtualItems()\n\n  const errorMessage =\n    error instanceof Error ? error.message : typeof error === 'string' ? error : ''\n\n  return (\n    <Footer>\n      <FooterRowEl\n        className={clsx({ clickable: !!onClick })}\n        onClick={onClick}\n        data-tooltip={onClick ? 'Power feature' : undefined}\n      >\n        {virtualPaddingLeft ? <td style={{ display: 'flex', width: virtualPaddingLeft }} /> : null}\n        {virtualColumns.map((vc) => {\n          const column = visibleColumns[vc.index]\n          if (!column) return null\n          const isUtility =\n            column.id === DRAG_HANDLE_COLUMN_ID || column.id === ROW_SELECTION_COLUMN_ID\n          const isLastPinnedLeft = column.getIsPinned() === 'left' && column.getIsLastColumn('left')\n          return (\n            <FooterCell\n              key={column.id}\n              className={clsx(column.id, { 'last-pinned-left': isLastPinnedLeft })}\n              style={{ ...getCommonPinningStyles(column), width: getColumnWidth(column.id) }}\n            >\n              {isLoading ? (\n                <CellSkeleton\n                  className={clsx('loading', 'shimmer-dark', {\n                    selection: column.id === ROW_SELECTION_COLUMN_ID,\n                  })}\n                />\n              ) : error ? (\n                column.id === 'name' ? (\n                  <CellContent style={{ color: 'var(--md-sys-color-error)' }}>\n                    Error loading stats\n                    <Icon\n                      icon=\"info\"\n                      style={{ fontSize: 16, cursor: 'help' }}\n                      data-tooltip={errorMessage}\n                      data-tooltip-as=\"markdown\"\n                    />\n                    <Button\n                      icon=\"content_copy\"\n                      data-tooltip=\"Copy error message\"\n                      onClick={() => copyToClipboard(errorMessage)}\n                      iconProps={{ style: { fontSize: 16 } }}\n                      style={{ padding: 2 }}\n                      variant=\"text\"\n                    />\n                  </CellContent>\n                ) : null\n              ) : (\n                !isUtility && (\n                  <>\n                    {renderCellContent?.(column.id)}\n                    {statsLoading && (\n                      <CellSkeletonOverlay className={clsx('loading', 'shimmer-dark')} />\n                    )}\n                  </>\n                )\n              )}\n            </FooterCell>\n          )\n        })}\n        {virtualPaddingRight ? (\n          <td style={{ display: 'flex', width: virtualPaddingRight }} />\n        ) : null}\n      </FooterRowEl>\n    </Footer>\n  )\n}\n"],"names":["Footer","styled","FooterRowEl","FooterCell","CellContent","CellSkeleton","CellSkeletonOverlay","TableFooterRow","columnVirtualizer","table","virtualPaddingLeft","virtualPaddingRight","renderCellContent","onClick","isLoading","statsLoading","error","visibleColumns","virtualColumns","errorMessage","jsxs","clsx","jsx","vc","column","isUtility","DRAG_HANDLE_COLUMN_ID","ROW_SELECTION_COLUMN_ID","isLastPinnedLeft","getCommonPinningStyles","getColumnWidth","Icon","Button","copyToClipboard","Fragment"],"mappings":"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"}

package/dist/shared/src/containers/ProjectTreeTable/components/TableFooterRow.es.js

@@ -1,22 +1,125 @@
-import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
-import o from "styled-components";
-import l from "clsx";
-import { ROW_SELECTION_COLUMN_ID as a } from "../constants.es.js";
-import { DRAG_HANDLE_COLUMN_ID as w, getColumnWidth as y, getCommonPinningStyles as g } from "../utils/pinningUtils.es.js";
-const b = o.tfoot`
+import { j as t } from "../../../../../_virtual/jsx-runtime.es.js";
+import i from "styled-components";
+import m from "clsx";
+import { Icon as b, Button as C } from "@ynput/ayon-react-components";
+import { DRAG_HANDLE_COLUMN_ID as j, ROW_SELECTION_COLUMN_ID as a } from "../constants.es.js";
+import { getColumnWidth as _, getCommonPinningStyles as k } from "../utils/pinningUtils.es.js";
+import "lodash";
+import "react-toastify";
+import { copyToClipboard as L } from "../../../util/copyToClipboard.es.js";
+import "uuid";
+import "../../../api/base/client.es.js";
+import "../../../api/generated/graphql.es.js";
+import "../../../api/generated/graphqlLinks.es.js";
+import "../../../api/generated/access.es.js";
+import "../../../api/generated/actions.es.js";
+import "../../../api/generated/activityFeed.es.js";
+import "../../../api/generated/addons.es.js";
+import "../../../api/generated/anatomy.es.js";
+import "../../../api/generated/attributes.es.js";
+import "../../../api/generated/authentication.es.js";
+import "../../../api/generated/bundles.es.js";
+import "../../../api/generated/configuration.es.js";
+import "../../../api/generated/dataImport.es.js";
+import "../../../api/generated/desktop.es.js";
+import "../../../api/generated/entityLists.es.js";
+import "../../../api/generated/events.es.js";
+import "../../../api/generated/files.es.js";
+import "../../../api/generated/folders.es.js";
+import "../../../api/generated/inbox.es.js";
+import "../../../api/generated/links.es.js";
+import "../../../api/generated/market.es.js";
+import "../../../api/generated/onboarding.es.js";
+import "../../../api/generated/operations.es.js";
+import "../../../api/generated/products.es.js";
+import "../../../api/generated/projectDashboard.es.js";
+import "../../../api/generated/projects.es.js";
+import "../../../api/generated/projectFolders.es.js";
+import "../../../api/generated/reviewables.es.js";
+import "../../../api/generated/services.es.js";
+import "../../../api/generated/system.es.js";
+import "../../../api/generated/tasks.es.js";
+import "../../../api/generated/teams.es.js";
+import "../../../api/generated/thumbnails.es.js";
+import "../../../api/generated/uRIs.es.js";
+import "../../../api/generated/users.es.js";
+import "../../../api/generated/versions.es.js";
+import "../../../api/generated/workfiles.es.js";
+import "../../../api/generated/ynputCloud.es.js";
+import "../../../api/generated/grouping.es.js";
+import "../../../api/generated/views.es.js";
+import "../../../api/queries/actions/getActions.es.js";
+import "../../../api/queries/activities/getActivities.es.js";
+import "../../../api/queries/activities/updateReaction.es.js";
+import "../../../api/queries/activities/getMentions.es.js";
+import "../../../api/queries/activities/getCategories.es.js";
+import "../../../api/queries/addons/getAddons.es.js";
+import "../../../api/queries/addons/updateAddons.es.js";
+import "../../../api/queries/attributes/getAttributes.es.js";
+import "../../../api/queries/attributes/updateAttributes.es.js";
+import "../../../api/queries/authentication/getAuthentication.es.js";
+import "../../../api/queries/bundles/getBundles.es.js";
+import "../../../api/queries/bundles/updateBundles.es.js";
+import "../../../api/queries/cloud/cloud.es.js";
+import "../../../api/queries/columnStats/metricTargets.es.js";
+import "../../../api/queries/columnStats/groupCounts.es.js";
+import "../../../api/queries/config/getConfig.es.js";
+import "../../../api/queries/config/updateConfig.es.js";
+import "../../../api/queries/entities/getEntity.es.js";
+import "../../../api/queries/entities/getEntityPanel.es.js";
+import "../../../api/queries/overview/getOverview.es.js";
+import "../../../api/queries/overview/updateOverview.es.js";
+import "../../../api/queries/versions/getVersionsProducts.es.js";
+import "../../../api/queries/links/getEntityLinks.es.js";
+import "../../../api/queries/entities/updateEntity.es.js";
+import "../../../api/queries/entityLists/getLists.es.js";
+import "../../../api/queries/entityLists/updateLists.es.js";
+import "../../../api/queries/entityLists/getListsAttributes.es.js";
+import "../../../api/queries/entityLists/listItemsColumnStats.es.js";
+import "../../../api/queries/entityLists/updateListsAttributes.es.js";
+import "../../../api/queries/entityLists/listFolders.es.js";
+import "../../../api/queries/folders/getFolders.es.js";
+import "../../../api/queries/folders/getFolderDeleteInfo.es.js";
+import "../../../api/queries/grouping/getGrouping.es.js";
+import "../../../api/queries/links/updateLinks.es.js";
+import "../../../api/queries/links/getLinks.es.js";
+import "../../../api/queries/permissions/getPermissions.es.js";
+import "../../../api/queries/products/createProduct.es.js";
+import "../../../api/queries/products/getFolderProducts.es.js";
+import "../../../api/queries/project/getProject.es.js";
+import "../../../api/queries/project/updateProject.es.js";
+import "../../../api/queries/projectFolders/projectFolders.es.js";
+import "../../../api/queries/review/getReview.es.js";
+import "../../../api/queries/review/updateReview.es.js";
+import "../../../api/queries/share/share.es.js";
+import "../../../api/queries/system/getSystem.es.js";
+import "../../../api/queries/tasks/getTasks.es.js";
+import "../../../api/queries/tasks/updateTasks.es.js";
+import "../../../api/queries/teams/getTeams.es.js";
+import "../../../api/queries/userDashboard/getUserDashboard.es.js";
+import "../../../api/queries/users/getUsers.es.js";
+import "../../../api/queries/users/updateUsers.es.js";
+import "../../../api/queries/users/guests.es.js";
+import "../../../api/queries/versions/updateVersions.es.js";
+import "../../../api/queries/views/getViews.es.js";
+import "../../../api/queries/views/updateViews.es.js";
+import "../../../api/queries/watchers/getWatchers.es.js";
+import "../../../api/queries/uris/getUris.es.js";
+import "../../../util/pubsub.es.js";
+const N = i.tfoot`
   display: grid !important;
   position: sticky;
   bottom: 0;
   z-index: 10;
   background-color: var(--md-sys-color-surface-container-lowest);
-`, C = o.tr`
+`, E = i.tr`
   display: flex;
   background-color: var(--md-sys-color-surface-container-low);
 
   &.clickable {
     cursor: pointer;
   }
-`, v = o.td`
+`, I = i.td`
   position: relative;
   box-shadow: inset 1px 1px 0 0 var(--md-sys-color-surface-container);
   background-color: var(--md-sys-color-surface-container-lowest);
@@ -40,7 +143,26 @@ const b = o.tfoot`
     width: 24px !important;
     min-width: unset;
   }
-`, _ = o.div`
+`, S = i.div`
+  display: flex;
+  align-items: center;
+  gap: var(--base-gap-small);
+  width: 100%;
+  height: 100%;
+  padding: 0 8px;
+  overflow: hidden;
+  white-space: nowrap;
+  font-size: 14px;
+  color: var(--md-sys-color-on-surface-variant);
+
+  .label {
+    color: var(--md-sys-color-outline);
+  }
+  .value {
+    font-weight: 600;
+    color: var(--md-sys-color-on-surface);
+  }
+`, c = i.div`
   width: calc(100% - 1px);
   height: calc(100% - 3px);
   margin-left: 1px;
@@ -49,55 +171,89 @@ const b = o.tfoot`
     width: calc(100% - 3px);
     margin-left: 1px;
   }
-`, E = ({
-  columnVirtualizer: c,
-  table: s,
-  virtualPaddingLeft: n,
-  virtualPaddingRight: r,
-  renderCellContent: d,
-  onClick: i,
-  isLoading: m
+`, F = i(c)`
+  position: absolute;
+  inset: 1px 0 2px 1px;
+  width: auto;
+  height: auto;
+  margin: 0;
+  pointer-events: none;
+`, Rt = ({
+  columnVirtualizer: d,
+  table: p,
+  virtualPaddingLeft: s,
+  virtualPaddingRight: n,
+  renderCellContent: x,
+  onClick: e,
+  isLoading: f,
+  statsLoading: u,
+  error: r
 }) => {
-  const p = [
-    ...s.getLeftVisibleLeafColumns(),
-    ...s.getCenterVisibleLeafColumns(),
-    ...s.getRightVisibleLeafColumns()
-  ], x = c.getVirtualItems();
-  return /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(
-    C,
+  const h = [
+    ...p.getLeftVisibleLeafColumns(),
+    ...p.getCenterVisibleLeafColumns(),
+    ...p.getRightVisibleLeafColumns()
+  ], g = d.getVirtualItems(), l = r instanceof Error ? r.message : typeof r == "string" ? r : "";
+  return /* @__PURE__ */ t.jsx(N, { children: /* @__PURE__ */ t.jsxs(
+    E,
     {
-      className: l({ clickable: !!i }),
-      onClick: i,
-      "data-tooltip": i ? "Power feature" : void 0,
+      className: m({ clickable: !!e }),
+      onClick: e,
+      "data-tooltip": e ? "Power feature" : void 0,
       children: [
-        n ? /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: n } }) : null,
-        x.map((f) => {
-          const t = p[f.index];
-          if (!t) return null;
-          const u = t.id === w || t.id === a, h = t.getIsPinned() === "left" && t.getIsLastColumn("left");
-          return /* @__PURE__ */ e.jsx(
-            v,
+        s ? /* @__PURE__ */ t.jsx("td", { style: { display: "flex", width: s } }) : null,
+        g.map((y) => {
+          const o = h[y.index];
+          if (!o) return null;
+          const w = o.id === j || o.id === a, v = o.getIsPinned() === "left" && o.getIsLastColumn("left");
+          return /* @__PURE__ */ t.jsx(
+            I,
             {
-              className: l(t.id, { "last-pinned-left": h }),
-              style: { ...g(t), width: y(t.id) },
-              children: m ? /* @__PURE__ */ e.jsx(
-                _,
+              className: m(o.id, { "last-pinned-left": v }),
+              style: { ...k(o), width: _(o.id) },
+              children: f ? /* @__PURE__ */ t.jsx(
+                c,
                 {
-                  className: l("loading", "shimmer-dark", {
-                    selection: t.id === a
+                  className: m("loading", "shimmer-dark", {
+                    selection: o.id === a
                   })
                 }
-              ) : !u && d?.(t.id)
+              ) : r ? o.id === "name" ? /* @__PURE__ */ t.jsxs(S, { style: { color: "var(--md-sys-color-error)" }, children: [
+                "Error loading stats",
+                /* @__PURE__ */ t.jsx(
+                  b,
+                  {
+                    icon: "info",
+                    style: { fontSize: 16, cursor: "help" },
+                    "data-tooltip": l,
+                    "data-tooltip-as": "markdown"
+                  }
+                ),
+                /* @__PURE__ */ t.jsx(
+                  C,
+                  {
+                    icon: "content_copy",
+                    "data-tooltip": "Copy error message",
+                    onClick: () => L(l),
+                    iconProps: { style: { fontSize: 16 } },
+                    style: { padding: 2 },
+                    variant: "text"
+                  }
+                )
+              ] }) : null : !w && /* @__PURE__ */ t.jsxs(t.Fragment, { children: [
+                x?.(o.id),
+                u && /* @__PURE__ */ t.jsx(F, { className: m("loading", "shimmer-dark") })
+              ] })
             },
-            t.id
+            o.id
           );
         }),
-        r ? /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: r } }) : null
+        n ? /* @__PURE__ */ t.jsx("td", { style: { display: "flex", width: n } }) : null
       ]
     }
   ) });
 };
 export {
-  E as TableFooterRow
+  Rt as TableFooterRow
 };
 //# sourceMappingURL=TableFooterRow.es.js.map

package/dist/shared/src/containers/ProjectTreeTable/components/TableFooterRow.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"TableFooterRow.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/TableFooterRow.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { Table } from '@tanstack/react-table'\nimport type { Virtualizer } from '@tanstack/react-virtual'\nimport clsx from 'clsx'\n\nimport type { TableRow } from '../types/table'\nimport { ROW_SELECTION_COLUMN_ID } from '../constants'\nimport {\n  DRAG_HANDLE_COLUMN_ID,\n  getCommonPinningStyles,\n  getColumnWidth,\n} from '../utils/pinningUtils'\n\nconst Footer = styled.tfoot`\n  display: grid !important;\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n  background-color: var(--md-sys-color-surface-container-lowest);\n`\n\nconst FooterRowEl = styled.tr`\n  display: flex;\n  background-color: var(--md-sys-color-surface-container-low);\n\n  &.clickable {\n    cursor: pointer;\n  }\n`\n\nconst FooterCell = styled.td`\n  position: relative;\n  box-shadow: inset 1px 1px 0 0 var(--md-sys-color-surface-container);\n  background-color: var(--md-sys-color-surface-container-lowest);\n  display: flex;\n  align-items: center;\n  height: 34px !important;\n  padding: 0 !important;\n  overflow: visible;\n\n  &.last-pinned-left {\n    box-shadow: inset 1px 1px 0 0 var(--md-sys-color-surface-container),\n      inset -2px 0 0 0 var(--md-sys-color-surface-container);\n  }\n\n  /* match the special fixed widths used by header/body cells */\n  &.__row_selection__ {\n    width: 20px !important;\n    min-width: unset;\n  }\n  &.drag-handle {\n    width: 24px !important;\n    min-width: unset;\n  }\n`\n\n// Shimmer placeholder shown per cell while the footer stats are loading.\n// Reuses the global `.loading.shimmer-dark` effect (loadingShimmer.scss) used\n// by the table header/body.\nconst CellSkeleton = styled.div`\n  width: calc(100% - 1px);\n  height: calc(100% - 3px);\n  margin-left: 1px;\n\n  &.selection {\n    width: calc(100% - 3px);\n    margin-left: 1px;\n  }\n`\n\nexport interface TableFooterRowProps {\n  columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n  table: Table<TableRow>\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n  // cell content, provided by the powerpack summaries remote\n  renderCellContent?: (columnId: string) => ReactNode\n  // when set, the whole row is clickable (used for the locked/upsell state)\n  onClick?: () => void\n  // show a shimmer skeleton in each cell while the footer stats load\n  isLoading?: boolean\n}\n\n// Structural summary footer: the host owns the row, cell borders, widths and\n// pinning; the powerpack remote only renders what's inside each cell.\nexport const TableFooterRow: FC<TableFooterRowProps> = ({\n  columnVirtualizer,\n  table,\n  virtualPaddingLeft,\n  virtualPaddingRight,\n  renderCellContent,\n  onClick,\n  isLoading,\n}) => {\n  const visibleColumns = [\n    ...table.getLeftVisibleLeafColumns(),\n    ...table.getCenterVisibleLeafColumns(),\n    ...table.getRightVisibleLeafColumns(),\n  ]\n  const virtualColumns = columnVirtualizer.getVirtualItems()\n\n  return (\n    <Footer>\n      <FooterRowEl\n        className={clsx({ clickable: !!onClick })}\n        onClick={onClick}\n        data-tooltip={onClick ? 'Power feature' : undefined}\n      >\n        {virtualPaddingLeft ? <td style={{ display: 'flex', width: virtualPaddingLeft }} /> : null}\n        {virtualColumns.map((vc) => {\n          const column = visibleColumns[vc.index]\n          if (!column) return null\n          const isUtility =\n            column.id === DRAG_HANDLE_COLUMN_ID || column.id === ROW_SELECTION_COLUMN_ID\n          const isLastPinnedLeft = column.getIsPinned() === 'left' && column.getIsLastColumn('left')\n          return (\n            <FooterCell\n              key={column.id}\n              className={clsx(column.id, { 'last-pinned-left': isLastPinnedLeft })}\n              style={{ ...getCommonPinningStyles(column), width: getColumnWidth(column.id) }}\n            >\n              {isLoading ? (\n                <CellSkeleton\n                  className={clsx('loading', 'shimmer-dark', {\n                    selection: column.id === ROW_SELECTION_COLUMN_ID,\n                  })}\n                />\n              ) : (\n                !isUtility && renderCellContent?.(column.id)\n              )}\n            </FooterCell>\n          )\n        })}\n        {virtualPaddingRight ? (\n          <td style={{ display: 'flex', width: virtualPaddingRight }} />\n        ) : null}\n      </FooterRowEl>\n    </Footer>\n  )\n}\n"],"names":["Footer","styled","FooterRowEl","FooterCell","CellSkeleton","TableFooterRow","columnVirtualizer","table","virtualPaddingLeft","virtualPaddingRight","renderCellContent","onClick","isLoading","visibleColumns","virtualColumns","jsxs","clsx","jsx","vc","column","isUtility","DRAG_HANDLE_COLUMN_ID","ROW_SELECTION_COLUMN_ID","isLastPinnedLeft","getCommonPinningStyles","getColumnWidth"],"mappings":";;;;;AAcA,MAAMA,IAASC,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GAQhBC,IAAcD,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GASrBE,IAAaF,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA6BpBG,IAAeH,EAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,GA0BfI,IAA0C,CAAC;AAAA,EACtD,mBAAAC;AAAA,EACA,OAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,SAAAC;AAAA,EACA,WAAAC;AACF,MAAM;AACJ,QAAMC,IAAiB;AAAA,IACrB,GAAGN,EAAM,0BAAA;AAAA,IACT,GAAGA,EAAM,4BAAA;AAAA,IACT,GAAGA,EAAM,2BAAA;AAAA,EAA2B,GAEhCO,IAAiBR,EAAkB,gBAAA;AAEzC,+BACGN,GAAA,EACC,UAAAe,gBAAAA,EAAAA;AAAAA,IAACb;AAAA,IAAA;AAAA,MACC,WAAWc,EAAK,EAAE,WAAW,CAAC,CAACL,GAAS;AAAA,MACxC,SAAAA;AAAA,MACA,gBAAcA,IAAU,kBAAkB;AAAA,MAEzC,UAAA;AAAA,QAAAH,IAAqBS,gBAAAA,EAAAA,IAAC,QAAG,OAAO,EAAE,SAAS,QAAQ,OAAOT,EAAA,EAAmB,CAAG,IAAK;AAAA,QACrFM,EAAe,IAAI,CAACI,MAAO;AAC1B,gBAAMC,IAASN,EAAeK,EAAG,KAAK;AACtC,cAAI,CAACC,EAAQ,QAAO;AACpB,gBAAMC,IACJD,EAAO,OAAOE,KAAyBF,EAAO,OAAOG,GACjDC,IAAmBJ,EAAO,YAAA,MAAkB,UAAUA,EAAO,gBAAgB,MAAM;AACzF,iBACEF,gBAAAA,EAAAA;AAAAA,YAACd;AAAA,YAAA;AAAA,cAEC,WAAWa,EAAKG,EAAO,IAAI,EAAE,oBAAoBI,GAAkB;AAAA,cACnE,OAAO,EAAE,GAAGC,EAAuBL,CAAM,GAAG,OAAOM,EAAeN,EAAO,EAAE,EAAA;AAAA,cAE1E,UAAAP,IACCK,gBAAAA,EAAAA;AAAAA,gBAACb;AAAA,gBAAA;AAAA,kBACC,WAAWY,EAAK,WAAW,gBAAgB;AAAA,oBACzC,WAAWG,EAAO,OAAOG;AAAA,kBAAA,CAC1B;AAAA,gBAAA;AAAA,cAAA,IAGH,CAACF,KAAaV,IAAoBS,EAAO,EAAE;AAAA,YAAA;AAAA,YAXxCA,EAAO;AAAA,UAAA;AAAA,QAelB,CAAC;AAAA,QACAV,IACCQ,gBAAAA,EAAAA,IAAC,MAAA,EAAG,OAAO,EAAE,SAAS,QAAQ,OAAOR,EAAA,EAAoB,CAAG,IAC1D;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAER;AAEJ;"}
+{"version":3,"file":"TableFooterRow.es.js","sources":["../../../../../../src/containers/ProjectTreeTable/components/TableFooterRow.tsx"],"sourcesContent":["import { FC, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { Table } from '@tanstack/react-table'\nimport type { Virtualizer } from '@tanstack/react-virtual'\nimport clsx from 'clsx'\nimport { Button, Icon } from '@ynput/ayon-react-components'\n\nimport type { TableRow } from '../types/table'\nimport { DRAG_HANDLE_COLUMN_ID, ROW_SELECTION_COLUMN_ID } from '../constants'\nimport { getCommonPinningStyles, getColumnWidth } from '../utils/pinningUtils'\nimport { copyToClipboard } from '@shared/util'\n\nconst Footer = styled.tfoot`\n  display: grid !important;\n  position: sticky;\n  bottom: 0;\n  z-index: 10;\n  background-color: var(--md-sys-color-surface-container-lowest);\n`\n\nconst FooterRowEl = styled.tr`\n  display: flex;\n  background-color: var(--md-sys-color-surface-container-low);\n\n  &.clickable {\n    cursor: pointer;\n  }\n`\n\nconst FooterCell = styled.td`\n  position: relative;\n  box-shadow: inset 1px 1px 0 0 var(--md-sys-color-surface-container);\n  background-color: var(--md-sys-color-surface-container-lowest);\n  display: flex;\n  align-items: center;\n  height: 34px !important;\n  padding: 0 !important;\n  overflow: visible;\n\n  &.last-pinned-left {\n    box-shadow: inset 1px 1px 0 0 var(--md-sys-color-surface-container),\n      inset -2px 0 0 0 var(--md-sys-color-surface-container);\n  }\n\n  /* match the special fixed widths used by header/body cells */\n  &.__row_selection__ {\n    width: 20px !important;\n    min-width: unset;\n  }\n  &.drag-handle {\n    width: 24px !important;\n    min-width: unset;\n  }\n`\n\nconst CellContent = styled.div`\n  display: flex;\n  align-items: center;\n  gap: var(--base-gap-small);\n  width: 100%;\n  height: 100%;\n  padding: 0 8px;\n  overflow: hidden;\n  white-space: nowrap;\n  font-size: 14px;\n  color: var(--md-sys-color-on-surface-variant);\n\n  .label {\n    color: var(--md-sys-color-outline);\n  }\n  .value {\n    font-weight: 600;\n    color: var(--md-sys-color-on-surface);\n  }\n`\n\n// Shimmer placeholder shown per cell while the footer stats are loading.\n// Reuses the global `.loading.shimmer-dark` effect (loadingShimmer.scss) used\n// by the table header/body.\nconst CellSkeleton = styled.div`\n  width: calc(100% - 1px);\n  height: calc(100% - 3px);\n  margin-left: 1px;\n\n  &.selection {\n    width: calc(100% - 3px);\n    margin-left: 1px;\n  }\n`\n\n// Same shimmer, laid over the still-rendered (and still-clickable) cell content\n// while only the stats are loading. pointer-events: none lets clicks fall\n// through to the summary control underneath, so the footer never goes dead.\nconst CellSkeletonOverlay = styled(CellSkeleton)`\n  position: absolute;\n  inset: 1px 0 2px 1px;\n  width: auto;\n  height: auto;\n  margin: 0;\n  pointer-events: none;\n`\n\nexport interface TableFooterRowProps {\n  columnVirtualizer: Virtualizer<HTMLDivElement, HTMLTableCellElement>\n  table: Table<TableRow>\n  virtualPaddingLeft: number | undefined\n  virtualPaddingRight: number | undefined\n  // cell content, provided by the powerpack summaries remote\n  renderCellContent?: (columnId: string) => ReactNode\n  // when set, the whole row is clickable (used for the locked/upsell state)\n  onClick?: () => void\n  // full-cell skeleton while the summaries remote module itself is still loading\n  isLoading?: boolean\n  // stats still loading but the module is ready — keep cells clickable and show\n  // a click-through shimmer over the (as yet empty) values\n  statsLoading?: boolean\n  // error fetching stats\n  error?: any\n}\n\n// Structural summary footer: the host owns the row, cell borders, widths and\n// pinning; the powerpack remote only renders what's inside each cell.\nexport const TableFooterRow: FC<TableFooterRowProps> = ({\n  columnVirtualizer,\n  table,\n  virtualPaddingLeft,\n  virtualPaddingRight,\n  renderCellContent,\n  onClick,\n  isLoading,\n  statsLoading,\n  error,\n}) => {\n  const visibleColumns = [\n    ...table.getLeftVisibleLeafColumns(),\n    ...table.getCenterVisibleLeafColumns(),\n    ...table.getRightVisibleLeafColumns(),\n  ]\n  const virtualColumns = columnVirtualizer.getVirtualItems()\n\n  const errorMessage =\n    error instanceof Error ? error.message : typeof error === 'string' ? error : ''\n\n  return (\n    <Footer>\n      <FooterRowEl\n        className={clsx({ clickable: !!onClick })}\n        onClick={onClick}\n        data-tooltip={onClick ? 'Power feature' : undefined}\n      >\n        {virtualPaddingLeft ? <td style={{ display: 'flex', width: virtualPaddingLeft }} /> : null}\n        {virtualColumns.map((vc) => {\n          const column = visibleColumns[vc.index]\n          if (!column) return null\n          const isUtility =\n            column.id === DRAG_HANDLE_COLUMN_ID || column.id === ROW_SELECTION_COLUMN_ID\n          const isLastPinnedLeft = column.getIsPinned() === 'left' && column.getIsLastColumn('left')\n          return (\n            <FooterCell\n              key={column.id}\n              className={clsx(column.id, { 'last-pinned-left': isLastPinnedLeft })}\n              style={{ ...getCommonPinningStyles(column), width: getColumnWidth(column.id) }}\n            >\n              {isLoading ? (\n                <CellSkeleton\n                  className={clsx('loading', 'shimmer-dark', {\n                    selection: column.id === ROW_SELECTION_COLUMN_ID,\n                  })}\n                />\n              ) : error ? (\n                column.id === 'name' ? (\n                  <CellContent style={{ color: 'var(--md-sys-color-error)' }}>\n                    Error loading stats\n                    <Icon\n                      icon=\"info\"\n                      style={{ fontSize: 16, cursor: 'help' }}\n                      data-tooltip={errorMessage}\n                      data-tooltip-as=\"markdown\"\n                    />\n                    <Button\n                      icon=\"content_copy\"\n                      data-tooltip=\"Copy error message\"\n                      onClick={() => copyToClipboard(errorMessage)}\n                      iconProps={{ style: { fontSize: 16 } }}\n                      style={{ padding: 2 }}\n                      variant=\"text\"\n                    />\n                  </CellContent>\n                ) : null\n              ) : (\n                !isUtility && (\n                  <>\n                    {renderCellContent?.(column.id)}\n                    {statsLoading && (\n                      <CellSkeletonOverlay className={clsx('loading', 'shimmer-dark')} />\n                    )}\n                  </>\n                )\n              )}\n            </FooterCell>\n          )\n        })}\n        {virtualPaddingRight ? (\n          <td style={{ display: 'flex', width: virtualPaddingRight }} />\n        ) : null}\n      </FooterRowEl>\n    </Footer>\n  )\n}\n"],"names":["Footer","styled","FooterRowEl","FooterCell","CellContent","CellSkeleton","CellSkeletonOverlay","TableFooterRow","columnVirtualizer","table","virtualPaddingLeft","virtualPaddingRight","renderCellContent","onClick","isLoading","statsLoading","error","visibleColumns","virtualColumns","errorMessage","jsxs","clsx","jsx","vc","column","isUtility","DRAG_HANDLE_COLUMN_ID","ROW_SELECTION_COLUMN_ID","isLastPinnedLeft","getCommonPinningStyles","getColumnWidth","Icon","Button","copyToClipboard","Fragment"],"mappings":"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"}