@verifiedinc-public/shared-ui-elements 8.23.2-beta.5 → 8.23.2-beta.6

package/dist/components/chart/SeriesPercentageChartLegend/index.d.ts

@@ -6,6 +6,7 @@ type CustomPayload = {
     color: string;
     dataKey: string;
     integrationType?: string;
+    brandName?: string;
 };
 interface SeriesPercentageChartLegendProps extends Omit<LegendProps, 'payload'> {
     showUuid?: boolean;

package/dist/components/chart/SeriesPercentageChartLegend/index.mjs

@@ -1 +1 @@
-"use strict";import{Box as s,Stack as p,Typography as t}from"@mui/material";import a from"@mui/material/Unstable_Grid2";import{AnimatePresence as d}from"framer-motion";import{useCopyToClipboard as u}from"../../../hooks/useCopyToClipboard.mjs";import{MotionStack as l}from"../../animation/motions.mjs";import{useSnackbar as m}from"../../Snackbar/index.mjs";import{jsx as r,jsxs as n}from"react/jsx-runtime";function h({entry:i,showUuid:o=!0}){const e=u({type:"text/plain"}),c=m();return n(l,{component:"li",direction:"row",spacing:1,sx:{color:i.color},layout:"position",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:[r(s,{sx:{width:"3px",height:"100%",backgroundColor:i.color,borderRadius:3}}),n(p,{children:[r(t,{variant:"body1",children:i.value}),i.integrationType&&r(t,{variant:"body2",children:i.integrationType}),o&&i.uuid&&n(t,{variant:"body2",sx:{cursor:"pointer","&:hover":{textDecoration:"underline"}},onClick:()=>{i.uuid&&(e.copy(i.uuid).catch(()=>{}),c.enqueueSnackbar("UUID copied to clipboard","success"))},children:[i.uuid.slice(0,5),"..."]})]})]})}function y(i){const{payload:o}=i;return r(a,{container:!0,direction:"row",component:"ul",gap:2,sx:{mt:2,justifyContent:"flex-start",alignItem:"center",flexWrap:"wrap"},children:r(d,{children:o?.map(e=>r(a,{children:r(h,{entry:e,showUuid:i.showUuid})},`item-${e.uuid}-${e.value}`))})})}export{y as SeriesPercentageChartLegend};
+"use strict";import{Box as d,Stack as s,Typography as n}from"@mui/material";import a from"@mui/material/Unstable_Grid2";import{AnimatePresence as p}from"framer-motion";import{useCopyToClipboard as u}from"../../../hooks/useCopyToClipboard.mjs";import{MotionStack as l}from"../../animation/motions.mjs";import{useSnackbar as m}from"../../Snackbar/index.mjs";import{jsx as r,jsxs as o}from"react/jsx-runtime";function h({entry:i,showUuid:t=!0}){const e=u({type:"text/plain"}),c=m();return o(l,{component:"li",direction:"row",spacing:1,sx:{color:i.color},layout:"position",initial:{opacity:0},animate:{opacity:1},exit:{opacity:0},children:[r(d,{sx:{width:"3px",height:"100%",backgroundColor:i.color,borderRadius:3}}),o(s,{children:[r(n,{variant:"body1",children:i.value}),i.brandName&&r(n,{variant:"body2",children:i.brandName}),i.integrationType&&r(n,{variant:"body2",children:i.integrationType}),t&&i.uuid&&o(n,{variant:"body2",sx:{cursor:"pointer","&:hover":{textDecoration:"underline"}},onClick:()=>{i.uuid&&(e.copy(i.uuid).catch(()=>{}),c.enqueueSnackbar("UUID copied to clipboard","success"))},children:[i.uuid.slice(0,5),"..."]})]})]})}function y(i){const{payload:t}=i;return r(a,{container:!0,direction:"row",component:"ul",gap:2,sx:{mt:2,justifyContent:"flex-start",alignItem:"center",flexWrap:"wrap"},children:r(p,{children:t?.map(e=>r(a,{children:r(h,{entry:e,showUuid:i.showUuid})},`item-${e.uuid}-${e.value}`))})})}export{y as SeriesPercentageChartLegend};

package/dist/components/chart/SynchronizedMetricsChart/SynchronizedMetricsChart.mjs

@@ -1 +1 @@
-"use strict";import{useMemo as y}from"react";import{Stack as p,useTheme as b,Typography as C}from"@mui/material";import{ResponsiveContainer as S,LineChart as F,CartesianGrid as k,XAxis as v,YAxis as L,Tooltip as T,Line as M}from"recharts";import{formatDateMMYY as z,formatExtendedDate as E}from"../../../utils/date.mjs";import{DEFAULT_TIMEZONE as I}from"../../form/TimezoneInput/timezones.mjs";import{EmptyChartSection as w}from"../EmptyChartSection.mjs";import{LoadingChartSection as N}from"../LoadingChartSection.mjs";import{SeriesPercentageChartLegend as P}from"../SeriesPercentageChartLegend/index.mjs";import{chartDefaultProps as K,xAxisDefaultProps as Y,yAxisDefaultProps as Z}from"../shared.mjs";import{mapSynchronizedSubCharts as j}from"./SynchronizedMetricsChart.map.mjs";import{jsx as r,jsxs as h}from"react/jsx-runtime";const G="synchronized-metrics",R=200;function W(m){const e=new Map;for(const i of m)for(const o of i.chartData){let s=e.get(o.date);s||(s={date:o.date},e.set(o.date,s)),s[i.uuid]=o.value}return Array.from(e.values()).sort((i,o)=>i.date-o.date)}function _({title:m,mergedData:e,brands:i,timezone:o,syncId:s,tooltipFormatter:d,yAxisTickFormatter:l,yAxisDomain:u}){const c=b();return h(p,{children:[r(C,{variant:"h5",sx:{mb:.5,fontSize:"1.15rem"},children:m}),r(S,{width:"100%",height:R,children:h(F,{data:e,syncId:s,margin:K.margin,children:[r(k,{vertical:!1}),r(v,{dataKey:"date",tickFormatter:t=>z(t,{timeZone:o,hour12:!1,hour:"numeric"}),...Y}),r(L,{tickFormatter:l??(t=>Number(t).toLocaleString()),allowDecimals:!1,domain:u,...Z}),r(T,{cursor:{stroke:c.palette.neutral.main,strokeWidth:1},formatter:d??(t=>Number(t).toLocaleString()),labelFormatter:t=>E(t,{timeZone:o,hour12:!1}),itemSorter:t=>-Number(t?.value??0)}),i.map(t=>r(M,{dataKey:t.uuid,name:t.name,stroke:t.color,type:"monotone",strokeWidth:2,isAnimationActive:!1,dot:!1},t.uuid))]})})]})}function H({subCharts:m,chartData:e,subChartConfig:i,colorMap:o,syncId:s=G,isLoading:d,isSuccess:l,isFetching:u,filter:c,sx:t}){const g=c.timezone??I,n=e?j({chartData:e,subChartConfig:i,brands:c.brands,colorMap:o,isLoading:d}):m,f=n.every(a=>a.data.length===0),x=y(()=>n.map(a=>W(a.data)),[n]),D=y(()=>n[0].data.map(a=>({uuid:a.uuid,value:a.name,color:a.color,dataKey:a.uuid,integrationType:a.description})),[n]);return f&&d?r(N,{}):f||!l?r(w,{}):r(p,{sx:{width:"100%",...t},children:h(p,{sx:{opacity:u?.4:1,gap:2},children:[n.map((a,A)=>r(_,{title:a.title,mergedData:x[A],brands:a.data,timezone:g,syncId:s,tooltipFormatter:a.tooltipFormatter,yAxisTickFormatter:a.yAxisTickFormatter,yAxisDomain:a.yAxisDomain},a.title)),r(P,{payload:D})]})})}export{H as SynchronizedMetricsChart};
+"use strict";import{useMemo as y}from"react";import{Stack as p,useTheme as A,Typography as C}from"@mui/material";import{ResponsiveContainer as S,LineChart as v,CartesianGrid as F,XAxis as k,YAxis as L,Tooltip as T,Line as M}from"recharts";import{formatDateMMYY as z,formatExtendedDate as N}from"../../../utils/date.mjs";import{DEFAULT_TIMEZONE as E}from"../../form/TimezoneInput/timezones.mjs";import{EmptyChartSection as I}from"../EmptyChartSection.mjs";import{LoadingChartSection as w}from"../LoadingChartSection.mjs";import{SeriesPercentageChartLegend as P}from"../SeriesPercentageChartLegend/index.mjs";import{chartDefaultProps as K,xAxisDefaultProps as Y,yAxisDefaultProps as Z}from"../shared.mjs";import{mapSynchronizedSubCharts as j}from"./SynchronizedMetricsChart.map.mjs";import{jsx as r,jsxs as h}from"react/jsx-runtime";const G="synchronized-metrics",R=200;function U(m){const e=new Map;for(const i of m)for(const o of i.chartData){let s=e.get(o.date);s||(s={date:o.date},e.set(o.date,s)),s[i.uuid]=o.value}return Array.from(e.values()).sort((i,o)=>i.date-o.date)}function W({title:m,mergedData:e,brands:i,timezone:o,syncId:s,tooltipFormatter:d,yAxisTickFormatter:u,yAxisDomain:l}){const c=A();return h(p,{children:[r(C,{variant:"h5",sx:{mb:.5,fontSize:"1.15rem"},children:m}),r(S,{width:"100%",height:R,children:h(v,{data:e,syncId:s,margin:K.margin,children:[r(F,{vertical:!1}),r(k,{dataKey:"date",tickFormatter:a=>z(a,{timeZone:o,hour12:!1,hour:"numeric"}),...Y}),r(L,{tickFormatter:u??(a=>Number(a).toLocaleString()),allowDecimals:!1,domain:l,...Z}),r(T,{cursor:{stroke:c.palette.neutral.main,strokeWidth:1},formatter:d??(a=>Number(a).toLocaleString()),labelFormatter:a=>N(a,{timeZone:o,hour12:!1}),itemSorter:a=>-Number(a?.value??0)}),i.map(a=>r(M,{dataKey:a.uuid,name:a.name,stroke:a.color,type:"monotone",strokeWidth:2,isAnimationActive:!1,dot:!1},a.uuid))]})})]})}function _({subCharts:m,chartData:e,subChartConfig:i,colorMap:o,syncId:s=G,isLoading:d,isSuccess:u,isFetching:l,filter:c,sx:a}){const g=c.timezone??E,n=e?j({chartData:e,subChartConfig:i,brands:c.brands,colorMap:o,isLoading:d}):m,f=n.every(t=>t.data.length===0),x=y(()=>n.map(t=>U(t.data)),[n]),b=y(()=>n[0].data.map(t=>({uuid:t.brandUuid??t.uuid,value:t.name,color:t.color,dataKey:t.uuid,integrationType:t.description||void 0,brandName:t.brandName})),[n]);return f&&d?r(w,{}):f||!u?r(I,{}):r(p,{sx:{width:"100%",...a},children:h(p,{sx:{opacity:l?.4:1,gap:2},children:[n.map((t,D)=>r(W,{title:t.title,mergedData:x[D],brands:t.data,timezone:g,syncId:s,tooltipFormatter:t.tooltipFormatter,yAxisTickFormatter:t.yAxisTickFormatter,yAxisDomain:t.yAxisDomain},t.title)),r(P,{payload:b})]})})}export{_ as SynchronizedMetricsChart};

package/package.json

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