@ynput/ayon-frontend-shared 0.3.41 → 0.3.43

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";
@@ -229,7 +228,12 @@ import "./HeaderActionButton.es.js";
 import "./TableFooterRow.es.js";
 import "../../EntityPickerDialog/EntityPickerDialog.es.js";
 import "../../Slicer/components/Slicer.es.js";
-import "../../Slicer/context/SlicerContext.es.js";
+import "../../Views/ViewsMenu/ViewsMenu.es.js";
+import "../../Views/context/ViewsContextInstance.es.js";
+import "../../Views/Views.styled.es.js";
+import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
+import "../../Slicer/context/SlicerContextInstance.es.js";
+import "../../Slicer/components/SlicerDropdownFallback.es.js";
 import "../../Slicer/hooks/useTableDataBySlice.es.js";
 import "../../DetailsPanel/DetailsPanel.styled.es.js";
 import "../../DetailsPanel/components/DetailsPanelTabs/DetailsPanelTabs.styled.es.js";
@@ -245,10 +249,6 @@ import "../../DetailsPanel/components/DetailsPanelFloating/DetailsPanelFloating.
 import "../../Actions/Actions.styled.es.js";
 import "../../Actions/ActionsDropdown/ActionsDropdown.es.js";
 import "../../Actions/ActionIcon.es.js";
-import "../../Views/ViewsMenu/ViewsMenu.es.js";
-import "../../Views/context/ViewsContextInstance.es.js";
-import "../../Views/Views.styled.es.js";
-import "../../Views/ViewsMenuContainer/ViewsMenuContainer.es.js";
 import "../../ListTable/ListTableRow.es.js";
 import "../../ListTable/ListTable.styled.es.js";
 import "../../../components/EntityPanelUploader/EntityPanelUploader.styled.es.js";

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"),t=require("styled-components"),u=require("clsx"),c=require("@ynput/ayon-react-components"),d=require("../constants.cjs.js"),n=require("../utils/pinningUtils.cjs.js");require("lodash");require("react-toastify");const v=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/cloud/cloud.cjs.js");require("../../../api/queries/columnStats/metricTargets.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 b=t.tfoot`
   display: grid !important;
   position: sticky;
   bottom: 0;
   z-index: 10;
   background-color: var(--md-sys-color-surface-container-lowest);
-`,w=s.tr`
+`,C=t.tr`
   display: flex;
   background-color: var(--md-sys-color-surface-container-low);
 
   &.clickable {
     cursor: pointer;
   }
-`,b=s.td`
+`,j=t.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`
+`,E=t.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);
+  }
+`,R=t.div`
   width: calc(100% - 1px);
   height: calc(100% - 3px);
   margin-left: 1px;
@@ -44,5 +63,5 @@
     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;
+`,_=({columnVirtualizer:p,table:o,virtualPaddingLeft:l,virtualPaddingRight:a,renderCellContent:m,onClick:s,isLoading:x,error:i})=>{const f=[...o.getLeftVisibleLeafColumns(),...o.getCenterVisibleLeafColumns(),...o.getRightVisibleLeafColumns()],y=p.getVirtualItems(),q=i instanceof Error?i.message:typeof i=="string"?i:"";return r.jsxRuntimeExports.jsx(b,{children:r.jsxRuntimeExports.jsxs(C,{className:u({clickable:!!s}),onClick:s,"data-tooltip":s?"Power feature":void 0,children:[l?r.jsxRuntimeExports.jsx("td",{style:{display:"flex",width:l}}):null,y.map(g=>{const e=f[g.index];if(!e)return null;const h=e.id===n.DRAG_HANDLE_COLUMN_ID||e.id===d.ROW_SELECTION_COLUMN_ID,w=e.getIsPinned()==="left"&&e.getIsLastColumn("left");return r.jsxRuntimeExports.jsx(j,{className:u(e.id,{"last-pinned-left":w}),style:{...n.getCommonPinningStyles(e),width:n.getColumnWidth(e.id)},children:x?r.jsxRuntimeExports.jsx(R,{className:u("loading","shimmer-dark",{selection:e.id===d.ROW_SELECTION_COLUMN_ID})}):i?e.id==="name"?r.jsxRuntimeExports.jsxs(E,{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:()=>v.copyToClipboard(q),iconProps:{style:{fontSize:16}},style:{padding:2},variant:"text"})]}):null:!h&&m?.(e.id)},e.id)}),a?r.jsxRuntimeExports.jsx("td",{style:{display:"flex",width:a}}):null]})})};exports.TableFooterRow=_;
 //# 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 { ROW_SELECTION_COLUMN_ID } from '../constants'\nimport {\n  DRAG_HANDLE_COLUMN_ID,\n  getCommonPinningStyles,\n  getColumnWidth,\n} 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\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  // 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  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 && 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","CellContent","CellSkeleton","TableFooterRow","columnVirtualizer","table","virtualPaddingLeft","virtualPaddingRight","renderCellContent","onClick","isLoading","error","visibleColumns","virtualColumns","errorMessage","jsxs","clsx","jsx","vc","column","isUtility","DRAG_HANDLE_COLUMN_ID","ROW_SELECTION_COLUMN_ID","isLastPinnedLeft","getCommonPinningStyles","getColumnWidth","Icon","Button","copyToClipboard"],"mappings":"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"}

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

@@ -1,22 +1,122 @@
-import { j as e } from "../../../../../_virtual/jsx-runtime.es.js";
-import o from "styled-components";
-import l from "clsx";
+import { j as t } from "../../../../../_virtual/jsx-runtime.es.js";
+import r from "styled-components";
+import e from "clsx";
+import { Icon as w, Button as v } from "@ynput/ayon-react-components";
 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 { DRAG_HANDLE_COLUMN_ID as b, getColumnWidth as C, getCommonPinningStyles as _ } from "../utils/pinningUtils.es.js";
+import "lodash";
+import "react-toastify";
+import { copyToClipboard as j } 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/cloud/cloud.es.js";
+import "../../../api/queries/columnStats/metricTargets.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 L = r.tfoot`
   display: grid !important;
   position: sticky;
   bottom: 0;
   z-index: 10;
   background-color: var(--md-sys-color-surface-container-lowest);
-`, C = o.tr`
+`, k = r.tr`
   display: flex;
   background-color: var(--md-sys-color-surface-container-low);
 
   &.clickable {
     cursor: pointer;
   }
-`, v = o.td`
+`, E = r.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 +140,26 @@ const b = o.tfoot`
     width: 24px !important;
     min-width: unset;
   }
-`, _ = o.div`
+`, I = r.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);
+  }
+`, N = r.div`
   width: calc(100% - 1px);
   height: calc(100% - 3px);
   margin-left: 1px;
@@ -49,55 +168,78 @@ const b = o.tfoot`
     width: calc(100% - 3px);
     margin-left: 1px;
   }
-`, E = ({
+`, It = ({
   columnVirtualizer: c,
-  table: s,
-  virtualPaddingLeft: n,
-  virtualPaddingRight: r,
+  table: m,
+  virtualPaddingLeft: s,
+  virtualPaddingRight: l,
   renderCellContent: d,
-  onClick: i,
-  isLoading: m
+  onClick: p,
+  isLoading: f,
+  error: i
 }) => {
-  const p = [
-    ...s.getLeftVisibleLeafColumns(),
-    ...s.getCenterVisibleLeafColumns(),
-    ...s.getRightVisibleLeafColumns()
-  ], x = c.getVirtualItems();
-  return /* @__PURE__ */ e.jsx(b, { children: /* @__PURE__ */ e.jsxs(
-    C,
+  const x = [
+    ...m.getLeftVisibleLeafColumns(),
+    ...m.getCenterVisibleLeafColumns(),
+    ...m.getRightVisibleLeafColumns()
+  ], u = c.getVirtualItems(), n = i instanceof Error ? i.message : typeof i == "string" ? i : "";
+  return /* @__PURE__ */ t.jsx(L, { children: /* @__PURE__ */ t.jsxs(
+    k,
     {
-      className: l({ clickable: !!i }),
-      onClick: i,
-      "data-tooltip": i ? "Power feature" : void 0,
+      className: e({ clickable: !!p }),
+      onClick: p,
+      "data-tooltip": p ? "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,
+        u.map((h) => {
+          const o = x[h.index];
+          if (!o) return null;
+          const y = o.id === b || o.id === a, g = o.getIsPinned() === "left" && o.getIsLastColumn("left");
+          return /* @__PURE__ */ t.jsx(
+            E,
             {
-              className: l(t.id, { "last-pinned-left": h }),
-              style: { ...g(t), width: y(t.id) },
-              children: m ? /* @__PURE__ */ e.jsx(
-                _,
+              className: e(o.id, { "last-pinned-left": g }),
+              style: { ..._(o), width: C(o.id) },
+              children: f ? /* @__PURE__ */ t.jsx(
+                N,
                 {
-                  className: l("loading", "shimmer-dark", {
-                    selection: t.id === a
+                  className: e("loading", "shimmer-dark", {
+                    selection: o.id === a
                   })
                 }
-              ) : !u && d?.(t.id)
+              ) : i ? o.id === "name" ? /* @__PURE__ */ t.jsxs(I, { style: { color: "var(--md-sys-color-error)" }, children: [
+                "Error loading stats",
+                /* @__PURE__ */ t.jsx(
+                  w,
+                  {
+                    icon: "info",
+                    style: { fontSize: 16, cursor: "help" },
+                    "data-tooltip": n,
+                    "data-tooltip-as": "markdown"
+                  }
+                ),
+                /* @__PURE__ */ t.jsx(
+                  v,
+                  {
+                    icon: "content_copy",
+                    "data-tooltip": "Copy error message",
+                    onClick: () => j(n),
+                    iconProps: { style: { fontSize: 16 } },
+                    style: { padding: 2 },
+                    variant: "text"
+                  }
+                )
+              ] }) : null : !y && d?.(o.id)
             },
-            t.id
+            o.id
           );
         }),
-        r ? /* @__PURE__ */ e.jsx("td", { style: { display: "flex", width: r } }) : null
+        l ? /* @__PURE__ */ t.jsx("td", { style: { display: "flex", width: l } }) : null
       ]
     }
   ) });
 };
 export {
-  E as TableFooterRow
+  It 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 { ROW_SELECTION_COLUMN_ID } from '../constants'\nimport {\n  DRAG_HANDLE_COLUMN_ID,\n  getCommonPinningStyles,\n  getColumnWidth,\n} 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\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  // 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  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 && 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","CellContent","CellSkeleton","TableFooterRow","columnVirtualizer","table","virtualPaddingLeft","virtualPaddingRight","renderCellContent","onClick","isLoading","error","visibleColumns","virtualColumns","errorMessage","jsxs","clsx","jsx","vc","column","isUtility","DRAG_HANDLE_COLUMN_ID","ROW_SELECTION_COLUMN_ID","isLastPinnedLeft","getCommonPinningStyles","getColumnWidth","Icon","Button","copyToClipboard"],"mappings":"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"}