@verifiedinc-public/shared-ui-elements 9.13.1-beta.0 → 9.14.0

package/dist/components/chart/BillableEventsTable/BillableEventsTable.mjs

@@ -1 +1 @@
-"use strict";import{TableContainer as w,Paper as U,Table as L,TableHead as P,TableRow as d,TableCell as o,TableBody as D,TableSortLabel as N}from"@mui/material";import{useState as E,useEffect as j,useMemo as g,Fragment as F}from"react";import{EmptyChartSection as I}from"../EmptyChartSection.mjs";import{LoadingChartSection as M}from"../LoadingChartSection.mjs";import{BillableProduct as O,BILLABLE_PRODUCTS as R}from"./BillableEventsTable.types.mjs";import{BrandDetailsPanel as A}from"./BrandDetailsPanel.mjs";import{useBillableSort as H}from"./useBillableSort.hook.mjs";import{white as K}from"../../../styles/colors.mjs";import{jsx as e,jsxs as c}from"react/jsx-runtime";const W=["customerName","brand","integrationType"],_=({data:l,isLoading:f,isFetching:S,visibleProducts:y,onSortedDataChange:m,columnSlots:a,topLevelColumns:i=[]})=>{const{sortKey:k,sortDir:T,handleSort:C,sortedData:h}=H(l,W,"brand"),[v,x]=E(null);j(()=>{m?.(h)},[h,m]);const p=g(()=>{const r=y??Object.values(O);return R.filter(t=>r.includes(t.product))},[y]),u=g(()=>new Set(i.map(r=>r.key)),[i]),b=g(()=>p.flatMap(r=>r.columns).filter(r=>!u.has(r.key)),[p,u]),B=3+i.length+b.length,s=(r,t,n="left")=>e(N,{active:k===r,direction:k===r?T:"asc",onClick:()=>C(r),sx:n==="right"?{flexDirection:"row"}:void 0,children:t});return!(l!=null&&l.length)&&f?e(M,{}):l!=null&&l.length?e(w,{component:U,sx:{opacity:S?.4:1},children:c(L,{sx:{backgroundColor:K},children:[c(P,{children:[c(d,{children:[e(o,{rowSpan:2,children:s("customerName","Customer Name")}),e(o,{rowSpan:2,children:s("brand","Brand Name")}),e(o,{rowSpan:2,children:s("integrationType","Integration Type")}),i.map(r=>e(o,{rowSpan:2,children:s(r.key,r.label)},r.key)),p.map(r=>{const t=r.columns.filter(n=>!u.has(n.key)).length;return t===0?null:e(o,{colSpan:t,align:"center",sx:{fontWeight:"bold",borderBottom:"none"},children:r.label},r.product)})]}),e(d,{children:b.map(r=>e(o,{align:"right",children:s(r.key,r.label,"right")},r.key))})]}),e(D,{children:h.map(r=>{const t=v===r.brandUuid;return c(F,{children:[c(d,{hover:!0,onClick:()=>x(t?null:r.brandUuid),sx:{cursor:"pointer","& > td":{borderBottom:t?"none":void 0}},children:[e(o,{children:r.customerName??"\u2014"}),e(o,{children:r.brand}),e(o,{children:r.integrationType}),i.map(n=>e(o,{children:a!=null&&a[n.key]?a[n.key](r):r.metrics[n.key]??0},n.key)),b.map(n=>e(o,{align:"right",children:a!=null&&a[n.key]?a[n.key](r):r.metrics[n.key]??0},n.key))]}),t&&e(d,{children:e(o,{colSpan:B,sx:{py:0,px:0,borderTop:"none",bgcolor:"grey.50"},children:e(A,{brandUuid:r.brandUuid,customerUuid:r.customerUuid,challengePrompts:r.challengePrompts,providers:r.providers})})})]},r.brandUuid)})})]})}):e(I,{})};export{_ as BillableEventsTable};
+"use strict";import{TableContainer as U,Paper as L,Table as P,TableHead as D,TableRow as m,TableCell as n,TableBody as N,TableSortLabel as E}from"@mui/material";import{useState as j,useEffect as F,useMemo as y,Fragment as I}from"react";import{EmptyChartSection as M}from"../EmptyChartSection.mjs";import{LoadingChartSection as O}from"../LoadingChartSection.mjs";import{BillableProduct as R,BILLABLE_PRODUCTS as A}from"./BillableEventsTable.types.mjs";import{BrandDetailsPanel as H}from"./BrandDetailsPanel.mjs";import{useBillableSort as K}from"./useBillableSort.hook.mjs";import{white as W}from"../../../styles/colors.mjs";import{jsx as e,jsxs as c}from"react/jsx-runtime";const _=["customerName","brand","integrationType"],q=({data:l,isLoading:S,isFetching:C,visibleProducts:f,onSortedDataChange:h,columnSlots:a,topLevelColumns:i=[],showCustomerColumn:d=!0})=>{const{sortKey:k,sortDir:T,handleSort:v,sortedData:u}=K(l,_,"brand"),[x,B]=j(null);F(()=>{h?.(u)},[u,h]);const p=y(()=>{const r=f??Object.values(R);return A.filter(t=>r.includes(t.product))},[f]),b=y(()=>new Set(i.map(r=>r.key)),[i]),g=y(()=>p.flatMap(r=>r.columns).filter(r=>!b.has(r.key)),[p,b]),w=2+(d?1:0)+i.length+g.length,s=(r,t,o="left")=>e(E,{active:k===r,direction:k===r?T:"asc",onClick:()=>v(r),sx:o==="right"?{flexDirection:"row"}:void 0,children:t});return!(l!=null&&l.length)&&S?e(O,{}):l!=null&&l.length?e(U,{component:L,sx:{opacity:C?.4:1},children:c(P,{sx:{backgroundColor:W},children:[c(D,{children:[c(m,{children:[d&&e(n,{rowSpan:2,children:s("customerName","Customer Name")}),e(n,{rowSpan:2,children:s("brand","Brand Name")}),e(n,{rowSpan:2,children:s("integrationType","Integration Type")}),i.map(r=>e(n,{rowSpan:2,children:s(r.key,r.label)},r.key)),p.map(r=>{const t=r.columns.filter(o=>!b.has(o.key)).length;return t===0?null:e(n,{colSpan:t,align:"center",sx:{fontWeight:"bold",borderBottom:"none"},children:r.label},r.product)})]}),e(m,{children:g.map(r=>e(n,{align:"right",children:s(r.key,r.label,"right")},r.key))})]}),e(N,{children:u.map(r=>{const t=x===r.brandUuid;return c(I,{children:[c(m,{hover:!0,onClick:()=>B(t?null:r.brandUuid),sx:{cursor:"pointer","& > td":{borderBottom:t?"none":void 0}},children:[d&&e(n,{children:r.customerName??"\u2014"}),e(n,{children:r.brand}),e(n,{children:r.integrationType}),i.map(o=>e(n,{children:a!=null&&a[o.key]?a[o.key](r):r.metrics[o.key]??0},o.key)),g.map(o=>e(n,{align:"right",children:a!=null&&a[o.key]?a[o.key](r):r.metrics[o.key]??0},o.key))]}),t&&e(m,{children:e(n,{colSpan:w,sx:{py:0,px:0,borderTop:"none",bgcolor:"grey.50"},children:e(H,{brandUuid:r.brandUuid,customerUuid:d?r.customerUuid:void 0,challengePrompts:r.challengePrompts,providers:r.providers})})})]},r.brandUuid)})})]})}):e(M,{})};export{q as BillableEventsTable};

package/dist/components/chart/BillableEventsTable/BillableEventsTable.types.d.ts

@@ -45,6 +45,11 @@ export type BillableEventsTableProps = {
     onSortedDataChange?: (sortedData: BillableEventsTableRow[]) => void;
     columnSlots?: Record<string, (row: BillableEventsTableRow) => React.ReactNode>;
     topLevelColumns?: BillableEventColumn[];
+    /**
+     * Show the leading Customer Name column. Defaults to `true`. Set `false`
+     * for views scoped to a single customer where the column would be redundant.
+     */
+    showCustomerColumn?: boolean;
 };
 export type BillableEventsProductTableProps = {
     data: BillableEventsTableRow[];

package/dist/components/chart/BillableEventsTable/exportBillableEventsToCsv.d.ts

@@ -5,6 +5,11 @@ interface ExportBillableEventsToCsvOptions {
     filename?: string;
     topLevelColumns?: BillableEventColumn[];
     columnFormatters?: Record<string, (value: number, row: BillableEventsTableRow) => string>;
+    /**
+     * Include the `Customer Name` and `Customer UUID` columns. Defaults to
+     * `true`. Set `false` for single-customer-scoped exports.
+     */
+    showCustomerColumn?: boolean;
 }
-export declare function exportBillableEventsToCsv({ data, visibleProducts, filename, topLevelColumns, columnFormatters, }: ExportBillableEventsToCsvOptions): void;
+export declare function exportBillableEventsToCsv({ data, visibleProducts, filename, topLevelColumns, columnFormatters, showCustomerColumn, }: ExportBillableEventsToCsvOptions): void;
 export {};

package/dist/components/chart/BillableEventsTable/exportBillableEventsToCsv.mjs

@@ -1,3 +1,3 @@
-"use strict";import{BillableProduct as j,BILLABLE_PRODUCTS as B}from"./BillableEventsTable.types.mjs";function o(u){const n=String(u);return n.includes(",")||n.includes('"')||n.includes(`
-`)?`"${n.replace(/"/g,'""')}"`:n}function L({data:u,visibleProducts:n,filename:y="billable-events",topLevelColumns:l=[],columnFormatters:i}){const U=n??Object.values(j),d=B.filter(e=>U.includes(e.product)),b=new Set(l.map(e=>e.key)),h=d.flatMap(e=>e.columns).filter(e=>!b.has(e.key)),a=[],f=["","","","","",...l.map(()=>"")];for(const e of d){const s=e.columns.filter(t=>!b.has(t.key)).length;if(s!==0){f.push(o(e.label));for(let t=1;t<s;t++)f.push("")}}a.push(f.join(","));const p=["Customer Name","Customer UUID","Brand Name","Brand UUID","Integration Type"];for(const e of l)p.push(o(e.label));for(const e of h)p.push(o(e.label));a.push(p.join(","));for(const e of u){const s=[o(e.customerName??""),o(e.customerUuid??""),o(e.brand),o(e.brandUuid),o(e.integrationType)];for(const t of l){const r=e.metrics[t.key]??0,c=i?.[t.key];s.push(c?o(c(r,e)):String(r))}for(const t of h){const r=e.metrics[t.key]??0,c=i?.[t.key];s.push(c?o(c(r,e)):String(r))}a.push(s.join(","))}const k=a.join(`
-`),g=new Blob([k],{type:"text/csv;charset=utf-8;"}),v=URL.createObjectURL(g),m=document.createElement("a");m.href=v,m.download=`${y}.csv`,m.click(),URL.revokeObjectURL(v)}export{L as exportBillableEventsToCsv};
+"use strict";import{BillableProduct as B,BILLABLE_PRODUCTS as C}from"./BillableEventsTable.types.mjs";function o(u){const n=String(u);return n.includes(",")||n.includes('"')||n.includes(`
+`)?`"${n.replace(/"/g,'""')}"`:n}function w({data:u,visibleProducts:n,filename:U="billable-events",topLevelColumns:c=[],columnFormatters:a,showCustomerColumn:f=!0}){const k=n??Object.values(B),h=C.filter(e=>k.includes(e.product)),b=new Set(c.map(e=>e.key)),v=h.flatMap(e=>e.columns).filter(e=>!b.has(e.key)),i=[],L=(f?2:0)+3,m=[...new Array(L).fill(""),...c.map(()=>"")];for(const e of h){const s=e.columns.filter(t=>!b.has(t.key)).length;if(s!==0){m.push(o(e.label));for(let t=1;t<s;t++)m.push("")}}i.push(m.join(","));const p=[...f?["Customer Name","Customer UUID"]:[],"Brand Name","Brand UUID","Integration Type"];for(const e of c)p.push(o(e.label));for(const e of v)p.push(o(e.label));i.push(p.join(","));for(const e of u){const s=[...f?[o(e.customerName??""),o(e.customerUuid??"")]:[],o(e.brand),o(e.brandUuid),o(e.integrationType)];for(const t of c){const r=e.metrics[t.key]??0,l=a?.[t.key];s.push(l?o(l(r,e)):String(r))}for(const t of v){const r=e.metrics[t.key]??0,l=a?.[t.key];s.push(l?o(l(r,e)):String(r))}i.push(s.join(","))}const g=i.join(`
+`),j=new Blob([g],{type:"text/csv;charset=utf-8;"}),y=URL.createObjectURL(j),d=document.createElement("a");d.href=y,d.download=`${U}.csv`,d.click(),URL.revokeObjectURL(y)}export{w as exportBillableEventsToCsv};

package/package.json

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