@verifiedinc-public/shared-ui-elements 12.23.1-rc.79 → 12.24.0

package/dist/components/chart/BillableEventsProductTable/BillableEventsProductTable.mjs

@@ -1 +1 @@
-"use strict";import{Box as v}from"@mui/material";import{useMemo as U}from"react";import{DataTable as B}from"../../DataTable/DataTable.mjs";import{EmptyChartSection as E}from"../EmptyChartSection.mjs";import{LoadingChartSection as F}from"../LoadingChartSection.mjs";import{BILLABLE_PRODUCTS as u}from"../BillableEventsTable/BillableEventsTable.types.mjs";import{billableEventsExportRecord as D}from"../BillableEventsTable/billableEventsExportRecord.mjs";import{formatBillableMetric as L}from"../BillableEventsTable/format.mjs";import{useBillableSort as k}from"../BillableEventsTable/useBillableSort.hook.mjs";import{CopyableUuid as w}from"../../CopyableUuid/index.mjs";import{jsx as n}from"react/jsx-runtime";const I=["brand"],P={align:"right"},R=({data:a,isLoading:p,isFetching:b,product:t,columnSlots:i,enableExport:s=!1,enableJsonExport:g=!1,exportFilename:h,cspNonce:f})=>{const{sortKey:d,sortDir:c,setSort:m,sortedData:x}=k(a,I,"brand"),y=U(()=>{var r;const e=((r=u.find(o=>o.product===t))==null?void 0:r.columns)??[];return[{id:"brand",accessorKey:"brand",header:"Brand Name",enableSorting:!0,enableColumnFilter:!1},{id:"brandUuid",accessorKey:"brandUuid",header:"Brand UUID",enableColumnFilter:!1,cell:({row:o})=>n(w,{uuid:o.original.brandUuid,label:"Brand UUID",variant:"button",head:6,tail:0,mono:!1,iconSx:{color:"success.main"},typographyProps:{variant:"inherit",color:"inherit"}})},...e.map(o=>({id:o.key,accessorFn:l=>l.metrics[o.key]??0,header:o.label,enableSorting:!0,sortDescFirst:!1,enableColumnFilter:!1,meta:P,cell:({row:l})=>i!=null&&i[o.key]?i[o.key](l.original):L(l.original.metrics[o.key])}))]},[t,i]),C=[{id:d,desc:c==="desc"}],S=r=>{const[e]=r;e?m(e.id,e.desc?"desc":"asc"):m(d,c==="asc"?"desc":"asc")};return!(a!=null&&a.length)&&p?n(F,{}):a!=null&&a.length?n(v,{sx:{opacity:b?.4:1},children:n(B,{data:x,columns:y,getRowId:r=>r.brandUuid,manualSorting:!0,sorting:C,onSortingChange:S,disablePagination:!0,pinFirstColumn:!1,showToolbar:s,enableExport:s,enableJsonExport:g,exportFilename:h,exportRecord:r=>{var e;return D(r,{visibleProducts:[t],topLevelColumns:((e=u.find(o=>o.product===t))==null?void 0:e.columns)??[],showCustomerColumn:!1})},cspNonce:f})}):n(E,{})};export{R as BillableEventsProductTable};
+"use strict";import{Box as v}from"@mui/material";import{useMemo as U}from"react";import{DataTable as B}from"../../DataTable/DataTable.mjs";import{EmptyChartSection as E}from"../EmptyChartSection.mjs";import{LoadingChartSection as F}from"../LoadingChartSection.mjs";import{BILLABLE_PRODUCTS as u}from"../BillableEventsTable/BillableEventsTable.types.mjs";import{billableEventsExportRecord as D}from"../BillableEventsTable/billableEventsExportRecord.mjs";import{formatBillableMetric as L}from"../BillableEventsTable/format.mjs";import{useBillableSort as k}from"../BillableEventsTable/useBillableSort.hook.mjs";import{CopyableUuid as P}from"../../CopyableUuid/index.mjs";import{jsx as t}from"react/jsx-runtime";const w=["brand"],I={align:"right"};function R({row:a}){return t(P,{uuid:a.original.brandUuid,label:"Brand UUID",variant:"button",head:6,tail:0,mono:!1,iconSx:{color:"success.main"},typographyProps:{variant:"inherit",color:"inherit"}})}const T=({data:a,isLoading:p,isFetching:b,product:n,columnSlots:i,enableExport:s=!1,enableJsonExport:g=!1,exportFilename:h,cspNonce:f})=>{const{sortKey:c,sortDir:d,setSort:m,sortedData:x}=k(a,w,"brand"),y=U(()=>{var r;const e=((r=u.find(o=>o.product===n))==null?void 0:r.columns)??[];return[{id:"brand",accessorKey:"brand",header:"Brand Name",enableSorting:!0,enableColumnFilter:!1},{id:"brandUuid",accessorKey:"brandUuid",header:"Brand UUID",enableColumnFilter:!1,cell:R},...e.map(o=>({id:o.key,accessorFn:l=>l.metrics[o.key]??0,header:o.label,enableSorting:!0,sortDescFirst:!1,enableColumnFilter:!1,meta:I,cell:({row:l})=>i!=null&&i[o.key]?i[o.key](l.original):L(l.original.metrics[o.key])}))]},[n,i]),C=[{id:c,desc:d==="desc"}],S=r=>{const[e]=r;e?m(e.id,e.desc?"desc":"asc"):m(c,d==="asc"?"desc":"asc")};return!(a!=null&&a.length)&&p?t(F,{}):a!=null&&a.length?t(v,{sx:{opacity:b?.4:1},children:t(B,{data:x,columns:y,getRowId:r=>r.brandUuid,manualSorting:!0,sorting:C,onSortingChange:S,disablePagination:!0,pinFirstColumn:!1,showToolbar:s,enableExport:s,enableJsonExport:g,exportFilename:h,exportRecord:r=>{var e;return D(r,{visibleProducts:[n],topLevelColumns:((e=u.find(o=>o.product===n))==null?void 0:e.columns)??[],showCustomerColumn:!1})},cspNonce:f})}):t(E,{})};export{T as BillableEventsProductTable};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@verifiedinc-public/shared-ui-elements",
-  "version": "12.23.1-rc.79",
+  "version": "12.24.0",
   "description": "A set of UI components, utilities that is shareable with the core apps.",
   "private": false,
   "sideEffects": false,