npm - udp-react-enterprise-component-library - Versions diffs - 25.18.1-beta.13 → 25.18.1-beta.15 - Mend

udp-react-enterprise-component-library 25.18.1-beta.13 → 25.18.1-beta.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (120) hide show

package/dist/{BarChartWidget-D0YHgxLm.js → BarChartWidget-DvxJmSJp.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { t as __export } from "./chunk-Bp6m_JJh.js";
+import { t as __export } from "./chunk-B4enJp2Q.js";
 import { t as WidgetCard_default } from "./WidgetCard-CDqYxK5O.js";
 import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-BuDlbH0Q.js";
 import { t as convertISODate } from "./ConvertISODate-TfG2U4Iu.js";
@@ -82,4 +82,4 @@ var BarChartWidget_exports = /* @__PURE__ */ __export({
 //#endregion
 export { params as i, BarChartWidget_default as n, layout as r, BarChartWidget_exports as t };
-//# sourceMappingURL=BarChartWidget-D0YHgxLm.js.map
+//# sourceMappingURL=BarChartWidget-DvxJmSJp.js.map

package/dist/{BarChartWidget-D0YHgxLm.js.map → BarChartWidget-DvxJmSJp.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BarChartWidget-~~D0YHgxLm~~.js","names":["params","WidgetCard","FluentStatsSnippet"],"sources":["../src/UI/widgets/library/BarChartWidget/BarChartWidget.jsx","../src/UI/widgets/library/BarChartWidget/index.ts"],"sourcesContent":["import React, { forwardRef, Fragment } from 'react'\nimport { Grid, Box, Typography } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nexport const params = {\n mode: {\n defaultValue: 'chart'\n }\n}\n\nconst BarChartWidget = (props, ref) => {\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme, dateRange } = params\n\n return (\n <WidgetCard\n ref={ref}\n {...other}\n title={mockData?.title}\n theme={theme && theme}\n >\n {mockData ? (\n <>\n {dateRange && (\n <Typography gutterBottom variant='caption' component='h3'>\n From: {convertISODate(dateRange.from)} to:{' '}\n {convertISODate(dateRange.to)}\n </Typography>\n )}\n {mockData?.stats && (\n <Grid container>\n {mockData?.stats.map((stat) => (\n <Grid item xs={3} key={stat.label}>\n <FluentStatsSnippet\n label={stat.label}\n amount={stat.currentValue}\n prevAmount={stat.previousValue}\n />\n </Grid>\n ))}\n </Grid>\n )}\n <Box clone flex={1} mt={1} overflow='hidden'>\n <MuiVegaLite\n width='container'\n height='container'\n autoResize='true'\n variant='verticalBarChart'\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n data: {\n values: mockData?.data\n },\n mark: 'bar',\n encoding: {\n x: {\n field: 'xAxis',\n type: mockData?.xAxisType,\n axis: {\n ticks: false\n },\n band: 0.5\n },\n y: {\n field: 'yAxis',\n type: mockData?.yAxisType,\n axis: {\n format: mockData?.yAxisFormat\n }\n }\n }\n }}\n />\n </Box>\n {children}\n </>\n ) : (\n <Typography variant='subtitle2'>\n Could not retrieve widget data. Please contact support.\n </Typography>\n )}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(BarChartWidget)\n","export * from './BarChartWidget';\nexport {default} from './BarChartWidget';\n"],"mappings":";;;;;;;;;AAOA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAa,SAAS,EACpB,MAAM,EACJ,cAAc,SACf,EACF;AAED,MAAM,kBAAkB,OAAO,QAAQ;CACrC,MAAM,EAAE,UAAU,kBAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,OAAO,cAAcA;AAE/C,QACE,oCAACC;EACM;EACL,GAAI;EACJ,OAAO,UAAU;EACjB,OAAO,SAAS;IAEf,WACC,0DACG,aACC,oCAAC;EAAW;EAAa,SAAQ;EAAU,WAAU;IAAK,UACjD,eAAe,UAAU,KAAK,EAAC,QAAK,KAC1C,eAAe,UAAU,GAAG,CAClB,EAEd,UAAU,SACT,oCAAC,QAAK,mBACH,UAAU,MAAM,KAAK,SACpB,oCAAC;EAAK;EAAK,IAAI;EAAG,KAAK,KAAK;IAC1B,oCAACC;EACC,OAAO,KAAK;EACZ,QAAQ,KAAK;EACb,YAAY,KAAK;GACjB,CACG,CACP,CACG,EAET,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,OAAM;EACN,QAAO;EACP,YAAW;EACX,SAAQ;EACR,MAAM;GACJ,SAAS;GACT,MAAM,EACJ,QAAQ,UAAU,MACnB;GACD,MAAM;GACN,UAAU;IACR,GAAG;KACD,OAAO;KACP,MAAM,UAAU;KAChB,MAAM,EACJ,OAAO,OACR;KACD,MAAM;KACP;IACD,GAAG;KACD,OAAO;KACP,MAAM,UAAU;KAChB,MAAM,EACJ,QAAQ,UAAU,aACnB;KACF;IACF;GACF;GACD,CACE,EACL,SACA,GAEH,oCAAC,cAAW,SAAQ,eAAY,0DAEnB,CAEJ;;AAIjB,6BAAe,WAAW,eAAe"}
1	+ {"version":3,"file":"BarChartWidget-DvxJmSJp.js","names":["params","WidgetCard","FluentStatsSnippet"],"sources":["../src/UI/widgets/library/BarChartWidget/BarChartWidget.jsx","../src/UI/widgets/library/BarChartWidget/index.ts"],"sourcesContent":["import React, { forwardRef, Fragment } from 'react'\nimport { Grid, Box, Typography } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nexport const params = {\n mode: {\n defaultValue: 'chart'\n }\n}\n\nconst BarChartWidget = (props, ref) => {\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme, dateRange } = params\n\n return (\n <WidgetCard\n ref={ref}\n {...other}\n title={mockData?.title}\n theme={theme && theme}\n >\n {mockData ? (\n <>\n {dateRange && (\n <Typography gutterBottom variant='caption' component='h3'>\n From: {convertISODate(dateRange.from)} to:{' '}\n {convertISODate(dateRange.to)}\n </Typography>\n )}\n {mockData?.stats && (\n <Grid container>\n {mockData?.stats.map((stat) => (\n <Grid item xs={3} key={stat.label}>\n <FluentStatsSnippet\n label={stat.label}\n amount={stat.currentValue}\n prevAmount={stat.previousValue}\n />\n </Grid>\n ))}\n </Grid>\n )}\n <Box clone flex={1} mt={1} overflow='hidden'>\n <MuiVegaLite\n width='container'\n height='container'\n autoResize='true'\n variant='verticalBarChart'\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n data: {\n values: mockData?.data\n },\n mark: 'bar',\n encoding: {\n x: {\n field: 'xAxis',\n type: mockData?.xAxisType,\n axis: {\n ticks: false\n },\n band: 0.5\n },\n y: {\n field: 'yAxis',\n type: mockData?.yAxisType,\n axis: {\n format: mockData?.yAxisFormat\n }\n }\n }\n }}\n />\n </Box>\n {children}\n </>\n ) : (\n <Typography variant='subtitle2'>\n Could not retrieve widget data. Please contact support.\n </Typography>\n )}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(BarChartWidget)\n","export * from './BarChartWidget';\nexport {default} from './BarChartWidget';\n"],"mappings":";;;;;;;;;AAOA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAa,SAAS,EACpB,MAAM,EACJ,cAAc,SACf,EACF;AAED,MAAM,kBAAkB,OAAO,QAAQ;CACrC,MAAM,EAAE,UAAU,kBAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,OAAO,cAAcA;AAE/C,QACE,oCAACC;EACM;EACL,GAAI;EACJ,OAAO,UAAU;EACjB,OAAO,SAAS;IAEf,WACC,0DACG,aACC,oCAAC;EAAW;EAAa,SAAQ;EAAU,WAAU;IAAK,UACjD,eAAe,UAAU,KAAK,EAAC,QAAK,KAC1C,eAAe,UAAU,GAAG,CAClB,EAEd,UAAU,SACT,oCAAC,QAAK,mBACH,UAAU,MAAM,KAAK,SACpB,oCAAC;EAAK;EAAK,IAAI;EAAG,KAAK,KAAK;IAC1B,oCAACC;EACC,OAAO,KAAK;EACZ,QAAQ,KAAK;EACb,YAAY,KAAK;GACjB,CACG,CACP,CACG,EAET,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,OAAM;EACN,QAAO;EACP,YAAW;EACX,SAAQ;EACR,MAAM;GACJ,SAAS;GACT,MAAM,EACJ,QAAQ,UAAU,MACnB;GACD,MAAM;GACN,UAAU;IACR,GAAG;KACD,OAAO;KACP,MAAM,UAAU;KAChB,MAAM,EACJ,OAAO,OACR;KACD,MAAM;KACP;IACD,GAAG;KACD,OAAO;KACP,MAAM,UAAU;KAChB,MAAM,EACJ,QAAQ,UAAU,aACnB;KACF;IACF;GACF;GACD,CACE,EACL,SACA,GAEH,oCAAC,cAAW,SAAQ,eAAY,0DAEnB,CAEJ;;AAIjB,6BAAe,WAAW,eAAe"}

package/dist/{BubbleWidget-Cs5d4ltm.js → BubbleWidget-sXx3k5jw.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { t as __export } from "./chunk-Bp6m_JJh.js";
+import { t as __export } from "./chunk-B4enJp2Q.js";
 import { t as WidgetCard_default } from "./WidgetCard-CDqYxK5O.js";
 import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-BuDlbH0Q.js";
 import { t as FluentTimeline_default } from "./FluentTimeline-CiDvNDHN.js";
@@ -54,4 +54,4 @@ var BubbleWidget_exports = /* @__PURE__ */ __export({
 //#endregion
 export { params as i, BubbleWidget_default as n, layout as r, BubbleWidget_exports as t };
-//# sourceMappingURL=BubbleWidget-Cs5d4ltm.js.map
+//# sourceMappingURL=BubbleWidget-sXx3k5jw.js.map

package/dist/{BubbleWidget-Cs5d4ltm.js.map → BubbleWidget-sXx3k5jw.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BubbleWidget-~~Cs5d4ltm~~.js","names":["params","WidgetCard","FluentStatsSnippet","FluentTimeLine"],"sources":["../src/UI/widgets/library/BubbleWidget/BubbleWidget.jsx","../src/UI/widgets/library/BubbleWidget/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Grid, Box } from '@material-ui/core'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\nimport FluentTimeLine from '../../FluentComponents/molecules/FluentTimeline'\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nexport const params = {\n mode: {\n defaultValue: 'chart'\n }\n}\n\nconst BubbleWidget = (props, ref) => {\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme } = params\n\n return (\n <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n <Grid container>\n {mockData?.stats?.map((stat) => (\n <Grid item xs={3} key={stat.label}>\n <FluentStatsSnippet\n label={stat.label}\n amount={stat.currentValue}\n prevAmount={stat.previousValue}\n />\n </Grid>\n ))}\n </Grid>\n <Box clone flex={1} mt={1} overflow='hidden'>\n <FluentTimeLine categories={mockData?.data} />\n </Box>\n {children}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(BubbleWidget)\n","export * from './BubbleWidget';\nexport {default} from './BubbleWidget';\n"],"mappings":";;;;;;;;AAMA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAa,SAAS,EACpB,MAAM,EACJ,cAAc,SACf,EACF;AAED,MAAM,gBAAgB,OAAO,QAAQ;CACnC,MAAM,EAAE,UAAU,kBAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,UAAUA;AAEpC,QACE,oCAACC;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC9D,oCAAC,QAAK,mBACH,UAAU,OAAO,KAAK,SACrB,oCAAC;EAAK;EAAK,IAAI;EAAG,KAAK,KAAK;IAC1B,oCAACC;EACC,OAAO,KAAK;EACZ,QAAQ,KAAK;EACb,YAAY,KAAK;GACjB,CACG,CACP,CACG,EACP,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAACC,0BAAe,YAAY,UAAU,OAAQ,CAC1C,EACL,SACU;;AAIjB,2BAAe,WAAW,aAAa"}
1	+ {"version":3,"file":"BubbleWidget-sXx3k5jw.js","names":["params","WidgetCard","FluentStatsSnippet","FluentTimeLine"],"sources":["../src/UI/widgets/library/BubbleWidget/BubbleWidget.jsx","../src/UI/widgets/library/BubbleWidget/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Grid, Box } from '@material-ui/core'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\nimport FluentTimeLine from '../../FluentComponents/molecules/FluentTimeline'\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nexport const params = {\n mode: {\n defaultValue: 'chart'\n }\n}\n\nconst BubbleWidget = (props, ref) => {\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme } = params\n\n return (\n <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n <Grid container>\n {mockData?.stats?.map((stat) => (\n <Grid item xs={3} key={stat.label}>\n <FluentStatsSnippet\n label={stat.label}\n amount={stat.currentValue}\n prevAmount={stat.previousValue}\n />\n </Grid>\n ))}\n </Grid>\n <Box clone flex={1} mt={1} overflow='hidden'>\n <FluentTimeLine categories={mockData?.data} />\n </Box>\n {children}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(BubbleWidget)\n","export * from './BubbleWidget';\nexport {default} from './BubbleWidget';\n"],"mappings":";;;;;;;;AAMA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAa,SAAS,EACpB,MAAM,EACJ,cAAc,SACf,EACF;AAED,MAAM,gBAAgB,OAAO,QAAQ;CACnC,MAAM,EAAE,UAAU,kBAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,UAAUA;AAEpC,QACE,oCAACC;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC9D,oCAAC,QAAK,mBACH,UAAU,OAAO,KAAK,SACrB,oCAAC;EAAK;EAAK,IAAI;EAAG,KAAK,KAAK;IAC1B,oCAACC;EACC,OAAO,KAAK;EACZ,QAAQ,KAAK;EACb,YAAY,KAAK;GACjB,CACG,CACP,CACG,EACP,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAACC,0BAAe,YAAY,UAAU,OAAQ,CAC1C,EACL,SACU;;AAIjB,2BAAe,WAAW,aAAa"}

package/dist/{ChatUDP-B7dgnKO0.js → ChatUDP-Dy_TzC1C.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { t as __export } from "./chunk-Bp6m_JJh.js";
+import { t as __export } from "./chunk-B4enJp2Q.js";
 import { t as ChatContainer } from "./ChatContainer-CW2u13tF.js";
 import React from "react";
@@ -14,4 +14,4 @@ var ChatUDP_exports = /* @__PURE__ */ __export({ default: () => ChatUDP_default
 //#endregion
 export { ChatUDP_default as n, ChatUDP_exports as t };
-//# sourceMappingURL=ChatUDP-B7dgnKO0.js.map
+//# sourceMappingURL=ChatUDP-Dy_TzC1C.js.map

package/dist/{ChatUDP-B7dgnKO0.js.map → ChatUDP-Dy_TzC1C.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatUDP-~~B7dgnKO0~~.js","names":[],"sources":["../src/udp/pages/ChatUDP/ChatUDP.jsx","../src/udp/pages/ChatUDP/index.ts"],"sourcesContent":["import React from 'react';\nimport { ChatContainer } from '../../../chatBot/ChatContainer';\n\nconst ChatUDP = () => {\n return (\n <ChatContainer />\n );\n};\n\nexport default ChatUDP;\n","export { default } from './ChatUDP';\nexport * from './ChatUDP';\n"],"mappings":";;;;;AAGA,MAAM,gBAAgB;AACpB,QACE,oCAAC,oBAAiB;;AAItB,sBAAe"}
1	+ {"version":3,"file":"ChatUDP-Dy_TzC1C.js","names":[],"sources":["../src/udp/pages/ChatUDP/ChatUDP.jsx","../src/udp/pages/ChatUDP/index.ts"],"sourcesContent":["import React from 'react';\nimport { ChatContainer } from '../../../chatBot/ChatContainer';\n\nconst ChatUDP = () => {\n return (\n <ChatContainer />\n );\n};\n\nexport default ChatUDP;\n","export { default } from './ChatUDP';\nexport * from './ChatUDP';\n"],"mappings":";;;;;AAGA,MAAM,gBAAgB;AACpB,QACE,oCAAC,oBAAiB;;AAItB,sBAAe"}

package/dist/{DateTrendWidget-CL1SXIdH.js → DateTrendWidget-CwSCalMf.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { t as __export } from "./chunk-Bp6m_JJh.js";
+import { t as __export } from "./chunk-B4enJp2Q.js";
 import { t as WidgetCard_default } from "./WidgetCard-CDqYxK5O.js";
 import { n as FluentPrimaryStatNumber_default, t as FluentSecondaryStatNumber_default } from "./FluentSecondaryStatNumber-C4Ynfrum.js";
 import React, { forwardRef } from "react";
@@ -57,4 +57,4 @@ var DateTrendWidget_exports = /* @__PURE__ */ __export({
 //#endregion
 export { DateTrendWidget_default as n, layout as r, DateTrendWidget_exports as t };
-//# sourceMappingURL=DateTrendWidget-CL1SXIdH.js.map
+//# sourceMappingURL=DateTrendWidget-CwSCalMf.js.map

package/dist/{DateTrendWidget-CL1SXIdH.js.map → DateTrendWidget-CwSCalMf.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DateTrendWidget-~~CL1SXIdH~~.js","names":["WidgetCard","FluentPrimaryStatNumber","FluentSecondaryStatNumber"],"sources":["../src/UI/widgets/library/DateTrendWidget/DateTrendWidget.jsx","../src/UI/widgets/library/DateTrendWidget/index.ts"],"sourcesContent":["import { Grid, makeStyles } from '@material-ui/core'\nimport React, { forwardRef } from 'react'\nimport FluentPrimaryStatNumber from '../../FluentComponents/molecules/FluentPrimaryStatNumber'\nimport FluentSecondaryStatNumber from '../../FluentComponents/molecules/FluentSecondaryStatNumber'\nimport WidgetCard from '../../WidgetCard'\n\nconst useStyles = makeStyles((theme) => ({\n column: {\n width: 160\n }\n}))\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nconst DateTrendWidget = (props, ref) => {\n const classes = useStyles()\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme } = params\n\n return (\n <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n <Grid container direction='row' spacing={1}>\n <Grid item className={classes.column}>\n <FluentPrimaryStatNumber\n mainStat={mockData?.primary.value}\n mainLabel={mockData?.primary.label}\n />\n </Grid>\n <Grid item>\n {mockData?.secondary.map((secondary) => (\n <Grid item key={secondary.category}>\n <FluentSecondaryStatNumber\n secondaryStat={secondary.value}\n secondaryLabel={secondary.category}\n trend={secondary.value < 0 ? 'down' : 'up'}\n />\n </Grid>\n ))}\n </Grid>\n </Grid>\n {children}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(DateTrendWidget)\n","export * from './DateTrendWidget';\nexport {default} from './DateTrendWidget';\n"],"mappings":";;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW,EACvC,QAAQ,EACN,OAAO,KACR,EACF,EAAE;AAEH,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAM,mBAAmB,OAAO,QAAQ;CACtC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,UAAU,QAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,UAAU;AAEpC,QACE,oCAACA;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC9D,oCAAC;EAAK;EAAU,WAAU;EAAM,SAAS;IACvC,oCAAC;EAAK;EAAK,WAAW,QAAQ;IAC5B,oCAACC;EACC,UAAU,UAAU,QAAQ;EAC5B,WAAW,UAAU,QAAQ;GAC7B,CACG,EACP,oCAAC,QAAK,cACH,UAAU,UAAU,KAAK,cACxB,oCAAC;EAAK;EAAK,KAAK,UAAU;IACxB,oCAACC;EACC,eAAe,UAAU;EACzB,gBAAgB,UAAU;EAC1B,OAAO,UAAU,QAAQ,IAAI,SAAS;GACtC,CACG,CACP,CACG,CACF,EACN,SACU;;AAIjB,8BAAe,WAAW,gBAAgB"}
1	+ {"version":3,"file":"DateTrendWidget-CwSCalMf.js","names":["WidgetCard","FluentPrimaryStatNumber","FluentSecondaryStatNumber"],"sources":["../src/UI/widgets/library/DateTrendWidget/DateTrendWidget.jsx","../src/UI/widgets/library/DateTrendWidget/index.ts"],"sourcesContent":["import { Grid, makeStyles } from '@material-ui/core'\nimport React, { forwardRef } from 'react'\nimport FluentPrimaryStatNumber from '../../FluentComponents/molecules/FluentPrimaryStatNumber'\nimport FluentSecondaryStatNumber from '../../FluentComponents/molecules/FluentSecondaryStatNumber'\nimport WidgetCard from '../../WidgetCard'\n\nconst useStyles = makeStyles((theme) => ({\n column: {\n width: 160\n }\n}))\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nconst DateTrendWidget = (props, ref) => {\n const classes = useStyles()\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme } = params\n\n return (\n <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n <Grid container direction='row' spacing={1}>\n <Grid item className={classes.column}>\n <FluentPrimaryStatNumber\n mainStat={mockData?.primary.value}\n mainLabel={mockData?.primary.label}\n />\n </Grid>\n <Grid item>\n {mockData?.secondary.map((secondary) => (\n <Grid item key={secondary.category}>\n <FluentSecondaryStatNumber\n secondaryStat={secondary.value}\n secondaryLabel={secondary.category}\n trend={secondary.value < 0 ? 'down' : 'up'}\n />\n </Grid>\n ))}\n </Grid>\n </Grid>\n {children}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(DateTrendWidget)\n","export * from './DateTrendWidget';\nexport {default} from './DateTrendWidget';\n"],"mappings":";;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW,EACvC,QAAQ,EACN,OAAO,KACR,EACF,EAAE;AAEH,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAM,mBAAmB,OAAO,QAAQ;CACtC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,UAAU,QAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,UAAU;AAEpC,QACE,oCAACA;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC9D,oCAAC;EAAK;EAAU,WAAU;EAAM,SAAS;IACvC,oCAAC;EAAK;EAAK,WAAW,QAAQ;IAC5B,oCAACC;EACC,UAAU,UAAU,QAAQ;EAC5B,WAAW,UAAU,QAAQ;GAC7B,CACG,EACP,oCAAC,QAAK,cACH,UAAU,UAAU,KAAK,cACxB,oCAAC;EAAK;EAAK,KAAK,UAAU;IACxB,oCAACC;EACC,eAAe,UAAU;EACzB,gBAAgB,UAAU;EAC1B,OAAO,UAAU,QAAQ,IAAI,SAAS;GACtC,CACG,CACP,CACG,CACF,EACN,SACU;;AAIjB,8BAAe,WAAW,gBAAgB"}

package/dist/{DensePlotWidget-BC__SHpk.js → DensePlotWidget-DekKAdvx.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { t as __export } from "./chunk-Bp6m_JJh.js";
+import { t as __export } from "./chunk-B4enJp2Q.js";
 import { t as WidgetCard_default } from "./WidgetCard-CDqYxK5O.js";
 import React, { forwardRef } from "react";
 import { Box } from "@material-ui/core";
@@ -64,4 +64,4 @@ var DensePlotWidget_exports = /* @__PURE__ */ __export({
 //#endregion
 export { params as i, DensePlotWidget_default as n, layout as r, DensePlotWidget_exports as t };
-//# sourceMappingURL=DensePlotWidget-BC__SHpk.js.map
+//# sourceMappingURL=DensePlotWidget-DekKAdvx.js.map

package/dist/{DensePlotWidget-BC__SHpk.js.map → DensePlotWidget-DekKAdvx.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DensePlotWidget-~~BC__SHpk~~.js","names":["params","WidgetCard"],"sources":["../src/UI/widgets/library/DensePlotWidget/DensePlotWidget.jsx","../src/UI/widgets/library/DensePlotWidget/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nexport const params = {\n mode: {\n defaultValue: 'chart'\n }\n}\n\nconst DensePlotWidget = (props, ref) => {\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme } = params\n\n return (\n <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n <Box clone flex={1} mt={1} overflow='hidden'>\n <MuiVegaLite\n variant='scatterplotChart'\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n description: mockData?.description,\n data: {\n values: mockData?.data\n },\n mark: 'point',\n height: 180,\n encoding: {\n x: { field: 'xAxis', type: mockData?.xAxisType },\n y: { field: 'yAxis', type: mockData?.yAxisType }\n }\n }}\n />\n </Box>\n {children}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(DensePlotWidget)\n","export * from './DensePlotWidget';\nexport {default} from './DensePlotWidget';\n"],"mappings":";;;;;;;AAKA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAa,SAAS,EACpB,MAAM,EACJ,cAAc,SACf,EACF;AAED,MAAM,mBAAmB,OAAO,QAAQ;CACtC,MAAM,EAAE,UAAU,kBAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,UAAUA;AAEpC,QACE,oCAACC;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC9D,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,SAAQ;EACR,MAAM;GACJ,SAAS;GACT,aAAa,UAAU;GACvB,MAAM,EACJ,QAAQ,UAAU,MACnB;GACD,MAAM;GACN,QAAQ;GACR,UAAU;IACR,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IAChD,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IACjD;GACF;GACD,CACE,EACL,SACU;;AAIjB,8BAAe,WAAW,gBAAgB"}
1	+ {"version":3,"file":"DensePlotWidget-DekKAdvx.js","names":["params","WidgetCard"],"sources":["../src/UI/widgets/library/DensePlotWidget/DensePlotWidget.jsx","../src/UI/widgets/library/DensePlotWidget/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport { Box } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nexport const params = {\n mode: {\n defaultValue: 'chart'\n }\n}\n\nconst DensePlotWidget = (props, ref) => {\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme } = params\n\n return (\n <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n <Box clone flex={1} mt={1} overflow='hidden'>\n <MuiVegaLite\n variant='scatterplotChart'\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n description: mockData?.description,\n data: {\n values: mockData?.data\n },\n mark: 'point',\n height: 180,\n encoding: {\n x: { field: 'xAxis', type: mockData?.xAxisType },\n y: { field: 'yAxis', type: mockData?.yAxisType }\n }\n }}\n />\n </Box>\n {children}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(DensePlotWidget)\n","export * from './DensePlotWidget';\nexport {default} from './DensePlotWidget';\n"],"mappings":";;;;;;;AAKA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAa,SAAS,EACpB,MAAM,EACJ,cAAc,SACf,EACF;AAED,MAAM,mBAAmB,OAAO,QAAQ;CACtC,MAAM,EAAE,UAAU,kBAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,UAAUA;AAEpC,QACE,oCAACC;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC9D,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,SAAQ;EACR,MAAM;GACJ,SAAS;GACT,aAAa,UAAU;GACvB,MAAM,EACJ,QAAQ,UAAU,MACnB;GACD,MAAM;GACN,QAAQ;GACR,UAAU;IACR,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IAChD,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IACjD;GACF;GACD,CACE,EACL,SACU;;AAIjB,8BAAe,WAAW,gBAAgB"}

package/dist/{DonutChartWidget-_PqIlK7j.js → DonutChartWidget-mKcG-bWw.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { t as __export } from "./chunk-Bp6m_JJh.js";
+import { t as __export } from "./chunk-B4enJp2Q.js";
 import { t as WidgetCard_default } from "./WidgetCard-CDqYxK5O.js";
 import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-BuDlbH0Q.js";
 import { t as ChartSummaryToggle_default } from "./ChartSummaryToggle-x9LKkWUM.js";
@@ -158,4 +158,4 @@ var DonutChartWidget_exports = /* @__PURE__ */ __export({
 //#endregion
 export { DonutChartWidget_default as n, layout as r, DonutChartWidget_exports as t };
-//# sourceMappingURL=DonutChartWidget-_PqIlK7j.js.map
+//# sourceMappingURL=DonutChartWidget-mKcG-bWw.js.map

package/dist/{DonutChartWidget-_PqIlK7j.js.map → DonutChartWidget-mKcG-bWw.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DonutChartWidget-~~_PqIlK7j~~.js","names":["FluentStatsSnippet","WidgetCard","ChartSummaryToggle"],"sources":["../src/UI/widgets/library/DonutChartWidget/DonutChartWidget.jsx","../src/UI/widgets/library/DonutChartWidget/index.ts"],"sourcesContent":["import React, { forwardRef, Fragment } from 'react'\nimport { Grid, Box, Typography } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\nimport ChartSummaryToggle from '../../FluentComponents/ChartSummaryToggle'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nconst DonutChartWidget = (props, ref) => {\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme, dateRange } = params\n\n let body = (\n <Fragment>\n {dateRange && (\n <Typography gutterBottom variant='caption' component='h3'>\n From: {convertISODate(dateRange.from)} to:{' '}\n {convertISODate(dateRange.to)}\n </Typography>\n )}\n <Grid container>\n {mockData?.stats?.map((stat) => (\n <Grid item xs={3} key={stat.label}>\n <FluentStatsSnippet\n label={stat.label}\n amount={stat.currentValue}\n prevAmount={stat.previousValue}\n />\n </Grid>\n ))}\n </Grid>\n <Box clone flex={1} mt={1} overflow='hidden'>\n <MuiVegaLite\n variant='donutChart'\n style={{\n overflow: 'auto',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: 0\n }}\n spec={{\n $schema: 'https://vega.github.io/schema/vega/v5.json',\n width: 200,\n height: 200,\n data: [\n {\n name: 'table',\n values: mockData?.data,\n transform: [\n {\n type: 'pie',\n field: 'value'\n }\n ]\n },\n {\n name: 'used',\n source: 'table',\n transform: [\n {\n type: 'formula',\n expr: \"datum.id === 'Other' ? 'Other' : 'Main'\",\n as: 'id'\n },\n {\n type: 'aggregate',\n fields: ['field'],\n groupby: ['id'],\n ops: ['sum'],\n as: ['sum']\n },\n {\n type: 'pivot',\n field: 'label',\n value: 'sum'\n }\n ]\n }\n ],\n scales: [\n {\n name: 'color',\n type: 'ordinal',\n domain: { data: 'table', field: 'label' },\n range: { scheme: 'greys' }\n }\n ],\n marks: [\n {\n type: 'arc',\n from: { data: 'table' },\n encode: {\n enter: {\n fill: { scale: 'color', field: 'label' },\n x: { signal: 'width / 2' },\n y: { signal: 'height / 2' },\n padAngle: { value: 0.01 }\n },\n update: {\n startAngle: { field: 'startAngle' },\n endAngle: { field: 'endAngle' },\n innerRadius: { signal: 'width / 2 - 10' },\n outerRadius: { signal: 'width / 2' }\n }\n }\n },\n {\n type: 'text',\n from: { data: 'used' },\n style: ['percent'],\n encode: {\n enter: {\n x: { signal: 'width / 2' },\n y: { signal: 'height / 2' },\n align: { value: 'center' },\n baseline: { value: 'middle' },\n fontSize: { value: 24 }\n }\n }\n }\n ],\n legends: [\n {\n fill: 'color',\n direction: 'vertical',\n encode: {\n labels: {\n name: 'legendLabel',\n enter: { text: { field: 'label' } }\n }\n },\n orient: 'right',\n labelColor: theme === 'dark' ? 'white' : 'rgba(0, 0, 0, 0.87)'\n }\n ]\n }}\n />\n </Box>\n {children}\n </Fragment>\n )\n\n return (\n <WidgetCard\n theme={theme}\n ref={ref}\n headerActions={\n <ChartSummaryToggle\n value={params.mode}\n onChange={(value) => setParam('mode', value)}\n />\n }\n {...other}\n title={mockData?.title}\n >\n {mockData ? (\n body\n ) : (\n <Typography variant='subtitle2'>\n Could not retrieve widget data. Please contact support.\n </Typography>\n )}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(DonutChartWidget)\n","export * from './DonutChartWidget';\nexport {default} from './DonutChartWidget';\n"],"mappings":"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"}
1	+ {"version":3,"file":"DonutChartWidget-mKcG-bWw.js","names":["FluentStatsSnippet","WidgetCard","ChartSummaryToggle"],"sources":["../src/UI/widgets/library/DonutChartWidget/DonutChartWidget.jsx","../src/UI/widgets/library/DonutChartWidget/index.ts"],"sourcesContent":["import React, { forwardRef, Fragment } from 'react'\nimport { Grid, Box, Typography } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\nimport ChartSummaryToggle from '../../FluentComponents/ChartSummaryToggle'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nconst DonutChartWidget = (props, ref) => {\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme, dateRange } = params\n\n let body = (\n <Fragment>\n {dateRange && (\n <Typography gutterBottom variant='caption' component='h3'>\n From: {convertISODate(dateRange.from)} to:{' '}\n {convertISODate(dateRange.to)}\n </Typography>\n )}\n <Grid container>\n {mockData?.stats?.map((stat) => (\n <Grid item xs={3} key={stat.label}>\n <FluentStatsSnippet\n label={stat.label}\n amount={stat.currentValue}\n prevAmount={stat.previousValue}\n />\n </Grid>\n ))}\n </Grid>\n <Box clone flex={1} mt={1} overflow='hidden'>\n <MuiVegaLite\n variant='donutChart'\n style={{\n overflow: 'auto',\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n padding: 0\n }}\n spec={{\n $schema: 'https://vega.github.io/schema/vega/v5.json',\n width: 200,\n height: 200,\n data: [\n {\n name: 'table',\n values: mockData?.data,\n transform: [\n {\n type: 'pie',\n field: 'value'\n }\n ]\n },\n {\n name: 'used',\n source: 'table',\n transform: [\n {\n type: 'formula',\n expr: \"datum.id === 'Other' ? 'Other' : 'Main'\",\n as: 'id'\n },\n {\n type: 'aggregate',\n fields: ['field'],\n groupby: ['id'],\n ops: ['sum'],\n as: ['sum']\n },\n {\n type: 'pivot',\n field: 'label',\n value: 'sum'\n }\n ]\n }\n ],\n scales: [\n {\n name: 'color',\n type: 'ordinal',\n domain: { data: 'table', field: 'label' },\n range: { scheme: 'greys' }\n }\n ],\n marks: [\n {\n type: 'arc',\n from: { data: 'table' },\n encode: {\n enter: {\n fill: { scale: 'color', field: 'label' },\n x: { signal: 'width / 2' },\n y: { signal: 'height / 2' },\n padAngle: { value: 0.01 }\n },\n update: {\n startAngle: { field: 'startAngle' },\n endAngle: { field: 'endAngle' },\n innerRadius: { signal: 'width / 2 - 10' },\n outerRadius: { signal: 'width / 2' }\n }\n }\n },\n {\n type: 'text',\n from: { data: 'used' },\n style: ['percent'],\n encode: {\n enter: {\n x: { signal: 'width / 2' },\n y: { signal: 'height / 2' },\n align: { value: 'center' },\n baseline: { value: 'middle' },\n fontSize: { value: 24 }\n }\n }\n }\n ],\n legends: [\n {\n fill: 'color',\n direction: 'vertical',\n encode: {\n labels: {\n name: 'legendLabel',\n enter: { text: { field: 'label' } }\n }\n },\n orient: 'right',\n labelColor: theme === 'dark' ? 'white' : 'rgba(0, 0, 0, 0.87)'\n }\n ]\n }}\n />\n </Box>\n {children}\n </Fragment>\n )\n\n return (\n <WidgetCard\n theme={theme}\n ref={ref}\n headerActions={\n <ChartSummaryToggle\n value={params.mode}\n onChange={(value) => setParam('mode', value)}\n />\n }\n {...other}\n title={mockData?.title}\n >\n {mockData ? (\n body\n ) : (\n <Typography variant='subtitle2'>\n Could not retrieve widget data. Please contact support.\n </Typography>\n )}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(DonutChartWidget)\n","export * from './DonutChartWidget';\nexport {default} from './DonutChartWidget';\n"],"mappings":"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"}

package/dist/{InsightRenderer-UkS3B5zg.js → InsightRenderer-BwE5OX4C.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { t as ConfigService } from "./configService-C4uoG3wj.js";
 import { t as useUser } from "./useUser-wpHGo6jU.js";
 import { t as useAxiosGet } from "./useAxiosGet-vvPjwB4W.js";
-import { t as amcharts_exports } from "./amcharts-ptK5Ggb0.js";
+import { t as amcharts_exports } from "./amcharts-C-oU6vTx.js";
 import React, { useMemo } from "react";
 //#region src/UI/charts/InsightRenderer.tsx
@@ -80,4 +80,4 @@ const InsightRenderer = (props) => {
 //#endregion
 export { InsightRenderer as t };
-//# sourceMappingURL=InsightRenderer-UkS3B5zg.js.map
+//# sourceMappingURL=InsightRenderer-BwE5OX4C.js.map

package/dist/{InsightRenderer-UkS3B5zg.js.map → InsightRenderer-BwE5OX4C.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InsightRenderer-~~UkS3B5zg~~.js","names":["InsightRenderer: React.FC<InsightRendererProps>","properties: InsightTypeProperties","UdpCharts","kpis:\n \| { value?: string; label?: string; active?: boolean }[]\n \| undefined","kpiField: { operation?: string; property?: string }","dataConfig: { [key: string]: any } \| null","dataMapping: {\n name: string;\n value: { name: string; operation: string \| undefined };\n alias?: string;\n }[]"],"sources":["../src/UI/charts/InsightRenderer.tsx"],"sourcesContent":["import React, { useMemo, useState, useEffect } from 'react';\nimport * as UdpCharts from './amcharts';\nimport { Insight, InsightTypeField, InsightTypeProperties } from './types';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport QueryResult from '../../models/QueryResult';\nimport { ConfigService } from '../../configService';\nexport type UdpChart =\n \| 'UdpBarChart'\n \| 'UdpDonutChart'\n \| 'UdpLineChart'\n \| 'UdpDistributionChart';\nexport interface InsightRendererProps {\n insight: Insight \| undefined;\n data: QueryResult \| undefined;\n insightId: string \| undefined;\n}\n\nconst capitilizeFirstLetter = (s: string): string =>\n s?.charAt?.(0)?.toUpperCase?.() + s?.slice?.(1);\nconst decapitilizeFirstLetter = (s: string): string =>\n s?.charAt?.(0)?.toLowerCase?.() + s?.slice?.(1);\n\nfunction getAggregateValue<T>(data: QueryResult \| undefined, key: string): T {\n return data?.aggregateResults?.[0]?.[key] as T;\n}\n/*\n InsightRenderer component\n \n This component is responsible for rendering insights based on the provided props.\n \n @prop {Insight} `insight` - The insight metadata\n * @prop {any} `data` - Search results associated with the insight\n * @prop {string} `insightId` - InsightId, if included the component will get the data from server\n * @returns {JSX.Element} - The rendered insight component.\n */\nexport const InsightRenderer: React.FC<InsightRendererProps> = (props: InsightRendererProps) => {\n const { insight: insightProp, data, insightId } = props;\n const user = useUser();\n const [{ data: loadedInsight }] = useAxiosGet(\n ConfigService.integrationV2ApiUrl,\n `Insight/${insightId}/Full`,\n {},\n !insightId \|\| !user\n ) as unknown as [{ data: Insight }];\n\n // Use the insight passed in or the insightId\n const insight = useMemo(() => {\n if (!!insightId) return loadedInsight;\n else return insightProp;\n }, [loadedInsight, insightId, insightProp]);\n\n // determine chart component\n const Chart = useMemo(() => {\n if (!insight?.insightInsightType?.properties) return null;\n let properties: InsightTypeProperties;\n if (typeof insight?.insightInsightType?.properties === 'string') {\n properties = JSON.parse(\n insight?.insightInsightType?.properties as unknown as string\n ) as InsightTypeProperties;\n } else {\n properties = insight?.insightInsightType?.properties;\n }\n // @ts-ignore\n return UdpCharts?.[properties?.component];\n }, [insight?.insightInsightType]);\n\n const kpis:\n \| { value?: string; label?: string; active?: boolean }[]\n \| undefined = useMemo(() => {\n if (insight == null) return undefined;\n return insight?.insightInsightKpi?.map?.((kpi) => {\n const kpiField: { operation?: string; property?: string } =\n typeof kpi.field === 'object' ? kpi.field : JSON.parse(kpi.field);\n console.log(kpiField);\n return {\n label: kpi.label,\n active: kpi.active,\n value: getAggregateValue<string>(\n data,\n `${\n decapitilizeFirstLetter(kpiField.property ?? '') ?? ''\n }${capitilizeFirstLetter(kpiField.operation?.toLowerCase() ?? '')}`\n )\n };\n });\n }, [data, insight?.insightInsightKpi]);\n\n const dataConfig: { [key: string]: any } \| null = useMemo(() => {\n if (insight == null) return null;\n const dataMapping: {\n name: string;\n value: { name: string; operation: string \| undefined };\n alias?: string;\n }[] =\n typeof insight.dataMapping === 'object'\n ? insight.dataMapping\n : JSON.parse(insight.dataMapping ?? '{}');\n const dataFields: InsightTypeField[] =\n typeof insight.insightInsightType?.dataFields === 'object'\n ? insight.insightInsightType?.dataFields\n : JSON.parse(insight.insightInsightType?.dataFields ?? '{}');\n\n return dataFields?.reduce?.((value: { [key: string]: any }, field) => {\n const fieldValue = dataMapping?.find?.(\n (dm) => dm.name === field.name\n )?.value;\n if (fieldValue?.operation != undefined) {\n value[field.name] =\n decapitilizeFirstLetter(fieldValue?.name) + fieldValue.operation;\n } else {\n // @ts-ignore\n value[field.name] = fieldValue?.alias ?? fieldValue?.name ?? fieldValue;\n }\n\n return value;\n }, {});\n }, [insight?.dataMapping, insight?.insightInsightType]);\n const combinedData = useMemo(() => {\n if (data?.aggregateResults == null \|\| data?.aggregateResults?.length === 0)\n return data?.pageList;\n return data?.pageList.map((page, i) => ({\n ...page,\n ...data?.aggregateResults?.[i]\n }));\n }, [data]);\n if (Chart == null) return null;\n return (\n <Chart\n data={combinedData}\n title={insight?.title}\n subheader={insight?.subheader}\n {...dataConfig}\n kpis={kpis?.filter((kpi) => kpi.active)}\n />\n );\n};\n"],"mappings":";;;;;;;AAkBA,MAAM,yBAAyB,MAC7B,GAAG,SAAS,EAAE,EAAE,eAAe,GAAG,GAAG,QAAQ,EAAE;AACjD,MAAM,2BAA2B,MAC/B,GAAG,SAAS,EAAE,EAAE,eAAe,GAAG,GAAG,QAAQ,EAAE;AAEjD,SAAS,kBAAqB,MAA+B,KAAgB;AAC3E,QAAO,MAAM,mBAAmB,KAAK;;;;;;;;;;;;AAYvC,MAAaA,mBAAmD,UAAgC;CAC9F,MAAM,EAAE,SAAS,aAAa,MAAM,cAAc;CAClD,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,EAAE,MAAM,mBAAmB,YAChC,cAAc,qBACd,WAAW,UAAU,QACrB,EAAE,EACF,CAAC,aAAa,CAAC,KAChB;CAGD,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,CAAC,UAAW,QAAO;MACnB,QAAO;IACX;EAAC;EAAe;EAAW;EAAY,CAAC;CAG3C,MAAM,QAAQ,cAAc;AAC1B,MAAI,CAAC,SAAS,oBAAoB,WAAY,QAAO;EACrD,IAAIC;AACJ,MAAI,OAAO,SAAS,oBAAoB,eAAe,SACrD,cAAa,KAAK,MAChB,SAAS,oBAAoB,WAC9B;MAED,cAAa,SAAS,oBAAoB;AAG5C,SAAOC,mBAAY,YAAY;IAC9B,CAAC,SAAS,mBAAmB,CAAC;CAEjC,MAAMC,OAEU,cAAc;AAC5B,MAAI,WAAW,KAAM,QAAO;AAC5B,SAAO,SAAS,mBAAmB,OAAO,QAAQ;GAChD,MAAMC,WACJ,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ,KAAK,MAAM,IAAI,MAAM;AACnE,WAAQ,IAAI,SAAS;AACrB,UAAO;IACL,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,OAAO,kBACL,MACA,GACE,wBAAwB,SAAS,YAAY,GAAG,IAAI,KACnD,sBAAsB,SAAS,WAAW,aAAa,IAAI,GAAG,GAClE;IACF;IACD;IACD,CAAC,MAAM,SAAS,kBAAkB,CAAC;CAEtC,MAAMC,aAA4C,cAAc;AAC9D,MAAI,WAAW,KAAM,QAAO;EAC5B,MAAMC,cAKJ,OAAO,QAAQ,gBAAgB,WAC3B,QAAQ,cACR,KAAK,MAAM,QAAQ,eAAe,KAAK;AAM7C,UAJE,OAAO,QAAQ,oBAAoB,eAAe,WAC9C,QAAQ,oBAAoB,aAC5B,KAAK,MAAM,QAAQ,oBAAoB,cAAc,KAAK,GAE7C,UAAU,OAA+B,UAAU;GACpE,MAAM,aAAa,aAAa,QAC7B,OAAO,GAAG,SAAS,MAAM,KAC3B,EAAE;AACH,OAAI,YAAY,aAAa,OAC3B,OAAM,MAAM,QACV,wBAAwB,YAAY,KAAK,GAAG,WAAW;OAGzD,OAAM,MAAM,QAAQ,YAAY,SAAS,YAAY,QAAQ;AAG/D,UAAO;KACN,EAAE,CAAC;IACL,CAAC,SAAS,aAAa,SAAS,mBAAmB,CAAC;CACvD,MAAM,eAAe,cAAc;AACjC,MAAI,MAAM,oBAAoB,QAAQ,MAAM,kBAAkB,WAAW,EACvE,QAAO,MAAM;AACf,SAAO,MAAM,SAAS,KAAK,MAAM,OAAO;GACtC,GAAG;GACH,GAAG,MAAM,mBAAmB;GAC7B,EAAE;IACF,CAAC,KAAK,CAAC;AACV,KAAI,SAAS,KAAM,QAAO;AAC1B,QACE,oCAAC;EACC,MAAM;EACN,OAAO,SAAS;EAChB,WAAW,SAAS;EACpB,GAAI;EACJ,MAAM,MAAM,QAAQ,QAAQ,IAAI,OAAO;GACvC"}
1	+ {"version":3,"file":"InsightRenderer-BwE5OX4C.js","names":["InsightRenderer: React.FC<InsightRendererProps>","properties: InsightTypeProperties","UdpCharts","kpis:\n \| { value?: string; label?: string; active?: boolean }[]\n \| undefined","kpiField: { operation?: string; property?: string }","dataConfig: { [key: string]: any } \| null","dataMapping: {\n name: string;\n value: { name: string; operation: string \| undefined };\n alias?: string;\n }[]"],"sources":["../src/UI/charts/InsightRenderer.tsx"],"sourcesContent":["import React, { useMemo, useState, useEffect } from 'react';\nimport * as UdpCharts from './amcharts';\nimport { Insight, InsightTypeField, InsightTypeProperties } from './types';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport QueryResult from '../../models/QueryResult';\nimport { ConfigService } from '../../configService';\nexport type UdpChart =\n \| 'UdpBarChart'\n \| 'UdpDonutChart'\n \| 'UdpLineChart'\n \| 'UdpDistributionChart';\nexport interface InsightRendererProps {\n insight: Insight \| undefined;\n data: QueryResult \| undefined;\n insightId: string \| undefined;\n}\n\nconst capitilizeFirstLetter = (s: string): string =>\n s?.charAt?.(0)?.toUpperCase?.() + s?.slice?.(1);\nconst decapitilizeFirstLetter = (s: string): string =>\n s?.charAt?.(0)?.toLowerCase?.() + s?.slice?.(1);\n\nfunction getAggregateValue<T>(data: QueryResult \| undefined, key: string): T {\n return data?.aggregateResults?.[0]?.[key] as T;\n}\n/*\n InsightRenderer component\n \n This component is responsible for rendering insights based on the provided props.\n \n @prop {Insight} `insight` - The insight metadata\n * @prop {any} `data` - Search results associated with the insight\n * @prop {string} `insightId` - InsightId, if included the component will get the data from server\n * @returns {JSX.Element} - The rendered insight component.\n */\nexport const InsightRenderer: React.FC<InsightRendererProps> = (props: InsightRendererProps) => {\n const { insight: insightProp, data, insightId } = props;\n const user = useUser();\n const [{ data: loadedInsight }] = useAxiosGet(\n ConfigService.integrationV2ApiUrl,\n `Insight/${insightId}/Full`,\n {},\n !insightId \|\| !user\n ) as unknown as [{ data: Insight }];\n\n // Use the insight passed in or the insightId\n const insight = useMemo(() => {\n if (!!insightId) return loadedInsight;\n else return insightProp;\n }, [loadedInsight, insightId, insightProp]);\n\n // determine chart component\n const Chart = useMemo(() => {\n if (!insight?.insightInsightType?.properties) return null;\n let properties: InsightTypeProperties;\n if (typeof insight?.insightInsightType?.properties === 'string') {\n properties = JSON.parse(\n insight?.insightInsightType?.properties as unknown as string\n ) as InsightTypeProperties;\n } else {\n properties = insight?.insightInsightType?.properties;\n }\n // @ts-ignore\n return UdpCharts?.[properties?.component];\n }, [insight?.insightInsightType]);\n\n const kpis:\n \| { value?: string; label?: string; active?: boolean }[]\n \| undefined = useMemo(() => {\n if (insight == null) return undefined;\n return insight?.insightInsightKpi?.map?.((kpi) => {\n const kpiField: { operation?: string; property?: string } =\n typeof kpi.field === 'object' ? kpi.field : JSON.parse(kpi.field);\n console.log(kpiField);\n return {\n label: kpi.label,\n active: kpi.active,\n value: getAggregateValue<string>(\n data,\n `${\n decapitilizeFirstLetter(kpiField.property ?? '') ?? ''\n }${capitilizeFirstLetter(kpiField.operation?.toLowerCase() ?? '')}`\n )\n };\n });\n }, [data, insight?.insightInsightKpi]);\n\n const dataConfig: { [key: string]: any } \| null = useMemo(() => {\n if (insight == null) return null;\n const dataMapping: {\n name: string;\n value: { name: string; operation: string \| undefined };\n alias?: string;\n }[] =\n typeof insight.dataMapping === 'object'\n ? insight.dataMapping\n : JSON.parse(insight.dataMapping ?? '{}');\n const dataFields: InsightTypeField[] =\n typeof insight.insightInsightType?.dataFields === 'object'\n ? insight.insightInsightType?.dataFields\n : JSON.parse(insight.insightInsightType?.dataFields ?? '{}');\n\n return dataFields?.reduce?.((value: { [key: string]: any }, field) => {\n const fieldValue = dataMapping?.find?.(\n (dm) => dm.name === field.name\n )?.value;\n if (fieldValue?.operation != undefined) {\n value[field.name] =\n decapitilizeFirstLetter(fieldValue?.name) + fieldValue.operation;\n } else {\n // @ts-ignore\n value[field.name] = fieldValue?.alias ?? fieldValue?.name ?? fieldValue;\n }\n\n return value;\n }, {});\n }, [insight?.dataMapping, insight?.insightInsightType]);\n const combinedData = useMemo(() => {\n if (data?.aggregateResults == null \|\| data?.aggregateResults?.length === 0)\n return data?.pageList;\n return data?.pageList.map((page, i) => ({\n ...page,\n ...data?.aggregateResults?.[i]\n }));\n }, [data]);\n if (Chart == null) return null;\n return (\n <Chart\n data={combinedData}\n title={insight?.title}\n subheader={insight?.subheader}\n {...dataConfig}\n kpis={kpis?.filter((kpi) => kpi.active)}\n />\n );\n};\n"],"mappings":";;;;;;;AAkBA,MAAM,yBAAyB,MAC7B,GAAG,SAAS,EAAE,EAAE,eAAe,GAAG,GAAG,QAAQ,EAAE;AACjD,MAAM,2BAA2B,MAC/B,GAAG,SAAS,EAAE,EAAE,eAAe,GAAG,GAAG,QAAQ,EAAE;AAEjD,SAAS,kBAAqB,MAA+B,KAAgB;AAC3E,QAAO,MAAM,mBAAmB,KAAK;;;;;;;;;;;;AAYvC,MAAaA,mBAAmD,UAAgC;CAC9F,MAAM,EAAE,SAAS,aAAa,MAAM,cAAc;CAClD,MAAM,OAAO,SAAS;CACtB,MAAM,CAAC,EAAE,MAAM,mBAAmB,YAChC,cAAc,qBACd,WAAW,UAAU,QACrB,EAAE,EACF,CAAC,aAAa,CAAC,KAChB;CAGD,MAAM,UAAU,cAAc;AAC5B,MAAI,CAAC,CAAC,UAAW,QAAO;MACnB,QAAO;IACX;EAAC;EAAe;EAAW;EAAY,CAAC;CAG3C,MAAM,QAAQ,cAAc;AAC1B,MAAI,CAAC,SAAS,oBAAoB,WAAY,QAAO;EACrD,IAAIC;AACJ,MAAI,OAAO,SAAS,oBAAoB,eAAe,SACrD,cAAa,KAAK,MAChB,SAAS,oBAAoB,WAC9B;MAED,cAAa,SAAS,oBAAoB;AAG5C,SAAOC,mBAAY,YAAY;IAC9B,CAAC,SAAS,mBAAmB,CAAC;CAEjC,MAAMC,OAEU,cAAc;AAC5B,MAAI,WAAW,KAAM,QAAO;AAC5B,SAAO,SAAS,mBAAmB,OAAO,QAAQ;GAChD,MAAMC,WACJ,OAAO,IAAI,UAAU,WAAW,IAAI,QAAQ,KAAK,MAAM,IAAI,MAAM;AACnE,WAAQ,IAAI,SAAS;AACrB,UAAO;IACL,OAAO,IAAI;IACX,QAAQ,IAAI;IACZ,OAAO,kBACL,MACA,GACE,wBAAwB,SAAS,YAAY,GAAG,IAAI,KACnD,sBAAsB,SAAS,WAAW,aAAa,IAAI,GAAG,GAClE;IACF;IACD;IACD,CAAC,MAAM,SAAS,kBAAkB,CAAC;CAEtC,MAAMC,aAA4C,cAAc;AAC9D,MAAI,WAAW,KAAM,QAAO;EAC5B,MAAMC,cAKJ,OAAO,QAAQ,gBAAgB,WAC3B,QAAQ,cACR,KAAK,MAAM,QAAQ,eAAe,KAAK;AAM7C,UAJE,OAAO,QAAQ,oBAAoB,eAAe,WAC9C,QAAQ,oBAAoB,aAC5B,KAAK,MAAM,QAAQ,oBAAoB,cAAc,KAAK,GAE7C,UAAU,OAA+B,UAAU;GACpE,MAAM,aAAa,aAAa,QAC7B,OAAO,GAAG,SAAS,MAAM,KAC3B,EAAE;AACH,OAAI,YAAY,aAAa,OAC3B,OAAM,MAAM,QACV,wBAAwB,YAAY,KAAK,GAAG,WAAW;OAGzD,OAAM,MAAM,QAAQ,YAAY,SAAS,YAAY,QAAQ;AAG/D,UAAO;KACN,EAAE,CAAC;IACL,CAAC,SAAS,aAAa,SAAS,mBAAmB,CAAC;CACvD,MAAM,eAAe,cAAc;AACjC,MAAI,MAAM,oBAAoB,QAAQ,MAAM,kBAAkB,WAAW,EACvE,QAAO,MAAM;AACf,SAAO,MAAM,SAAS,KAAK,MAAM,OAAO;GACtC,GAAG;GACH,GAAG,MAAM,mBAAmB;GAC7B,EAAE;IACF,CAAC,KAAK,CAAC;AACV,KAAI,SAAS,KAAM,QAAO;AAC1B,QACE,oCAAC;EACC,MAAM;EACN,OAAO,SAAS;EAChB,WAAW,SAAS;EACpB,GAAI;EACJ,MAAM,MAAM,QAAQ,QAAQ,IAAI,OAAO;GACvC"}

package/dist/{LineAndSparklinesWidget-BIOUv_gL.js → LineAndSparklinesWidget-BEWoRerh.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { t as __export } from "./chunk-Bp6m_JJh.js";
+import { t as __export } from "./chunk-B4enJp2Q.js";
 import { t as WidgetCard_default } from "./WidgetCard-CDqYxK5O.js";
 import { t as convertISODate } from "./ConvertISODate-TfG2U4Iu.js";
 import { t as FluentStatNumber_default } from "./FluentStatNumber-lMrplG01.js";
@@ -98,4 +98,4 @@ var LineAndSparklinesWidget_exports = /* @__PURE__ */ __export({
 //#endregion
 export { LineAndSparklinesWidget_default as n, layout as r, LineAndSparklinesWidget_exports as t };
-//# sourceMappingURL=LineAndSparklinesWidget-BIOUv_gL.js.map
+//# sourceMappingURL=LineAndSparklinesWidget-BEWoRerh.js.map

package/dist/{LineAndSparklinesWidget-BIOUv_gL.js.map → LineAndSparklinesWidget-BEWoRerh.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LineAndSparklinesWidget-~~BIOUv_gL~~.js","names":["WidgetCard","FluentStatNumber"],"sources":["../src/UI/widgets/library/LineAndSparklinesWidget/LineAndSparklinesWidget.jsx","../src/UI/widgets/library/LineAndSparklinesWidget/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport {\n makeStyles,\n Typography,\n useTheme,\n Divider,\n Box\n} from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport { Sparklines, SparklinesLine } from 'react-sparklines'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatNumber from '../../FluentComponents/molecules/FluentStatNumber'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\n// export const params = {\n// mode: {\n// defaultValue: 'chart',\n// },\n// };\n\nconst useStyles = makeStyles((theme) => ({\n displayItems: {\n display: 'flex',\n flexDirection: 'row',\n width: '100%'\n },\n visualCaption: {\n marginTop: theme.spacing(-1)\n },\n lineGraph: {\n width: '100%',\n '& svg': { width: '100%' }\n }\n}))\n\nconst LineAndSparklinesWidget = (props, ref) => {\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme, dateRange } = params\n const classes = useStyles()\n const mainTheme = useTheme()\n\n return (\n <WidgetCard ref={ref} title={mockData?.title} theme={theme} {...other}>\n {mockData ? (\n <div>\n {dateRange && (\n <Typography gutterBottom variant='caption' component='h3'>\n From: {convertISODate(dateRange.from)} to:{' '}\n {convertISODate(dateRange.to)}\n </Typography>\n )}\n <div className={classes.displayItems}>\n <div>\n <FluentStatNumber number={mockData?.value} trend='up' />\n </div>\n <div style={{ width: '100%' }}>\n <Sparklines\n data={mockData?.sparklinesData}\n strokeWidth={1}\n style={{ width: '100%', height: 45, marginTop: 10 }}\n >\n <SparklinesLine color={mainTheme.palette.secondary.main} />\n </Sparklines>\n <div className={classes.visualCaption}>\n <div>\n <Divider />\n </div>\n\n <Typography variant='caption'>{mockData?.label}</Typography>\n </div>\n </div>\n </div>\n\n <Box clone flex={1} mt={1} overflow='hidden'>\n <MuiVegaLite\n variant='areaLineChart'\n style={{\n width: '100%'\n }}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n height: 150,\n data: { values: mockData?.data },\n mark: 'area',\n encoding: {\n x: {\n field: 'xAxis',\n type: mockData?.xAxisType\n },\n y: {\n aggregate: 'sum',\n field: 'yAxis',\n type: mockData?.yAxisType,\n scale: { domain: mockData?.domain \|\| '' }\n }\n }\n }}\n autoResize='true'\n width='container'\n />\n </Box>\n {children}\n </div>\n ) : (\n <Typography variant='subtitle2'>\n Could not retrieve widget data. Please contact support.\n </Typography>\n )}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(LineAndSparklinesWidget)\n","export * from './LineAndSparklinesWidget';\nexport {default } from './LineAndSparklinesWidget';\n"],"mappings":";;;;;;;;;;AAcA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAQD,MAAM,YAAY,YAAY,WAAW;CACvC,cAAc;EACZ,SAAS;EACT,eAAe;EACf,OAAO;EACR;CACD,eAAe,EACb,WAAW,MAAM,QAAQ,GAAG,EAC7B;CACD,WAAW;EACT,OAAO;EACP,SAAS,EAAE,OAAO,QAAQ;EAC3B;CACF,EAAE;AAEH,MAAM,2BAA2B,OAAO,QAAQ;CAC9C,MAAM,EAAE,UAAU,QAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,OAAO,cAAc;CAC/C,MAAM,UAAU,WAAW;CAC3B,MAAM,YAAY,UAAU;AAE5B,QACE,oCAACA;EAAgB;EAAK,OAAO,UAAU;EAAc;EAAO,GAAI;IAC7D,WACC,oCAAC,aACE,aACC,oCAAC;EAAW;EAAa,SAAQ;EAAU,WAAU;IAAK,UACjD,eAAe,UAAU,KAAK,EAAC,QAAK,KAC1C,eAAe,UAAU,GAAG,CAClB,EAEf,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,aACC,oCAACC;EAAiB,QAAQ,UAAU;EAAO,OAAM;GAAO,CACpD,EACN,oCAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,IAC3B,oCAAC;EACC,MAAM,UAAU;EAChB,aAAa;EACb,OAAO;GAAE,OAAO;GAAQ,QAAQ;GAAI,WAAW;GAAI;IAEnD,oCAAC,kBAAe,OAAO,UAAU,QAAQ,UAAU,OAAQ,CAChD,EACb,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC,aACC,oCAAC,cAAU,CACP,EAEN,oCAAC,cAAW,SAAQ,aAAW,UAAU,MAAmB,CACxD,CACF,CACF,EAEN,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,SAAQ;EACR,OAAO,EACL,OAAO,QACR;EACD,MAAM;GACJ,SAAS;GACT,QAAQ;GACR,MAAM,EAAE,QAAQ,UAAU,MAAM;GAChC,MAAM;GACN,UAAU;IACR,GAAG;KACD,OAAO;KACP,MAAM,UAAU;KACjB;IACD,GAAG;KACD,WAAW;KACX,OAAO;KACP,MAAM,UAAU;KAChB,OAAO,EAAE,QAAQ,UAAU,UAAU,IAAI;KAC1C;IACF;GACF;EACD,YAAW;EACX,OAAM;GACN,CACE,EACL,SACG,GAEN,oCAAC,cAAW,SAAQ,eAAY,0DAEnB,CAEJ;;AAIjB,sCAAe,WAAW,wBAAwB"}
1	+ {"version":3,"file":"LineAndSparklinesWidget-BEWoRerh.js","names":["WidgetCard","FluentStatNumber"],"sources":["../src/UI/widgets/library/LineAndSparklinesWidget/LineAndSparklinesWidget.jsx","../src/UI/widgets/library/LineAndSparklinesWidget/index.ts"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport {\n makeStyles,\n Typography,\n useTheme,\n Divider,\n Box\n} from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport { Sparklines, SparklinesLine } from 'react-sparklines'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatNumber from '../../FluentComponents/molecules/FluentStatNumber'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\n// export const params = {\n// mode: {\n// defaultValue: 'chart',\n// },\n// };\n\nconst useStyles = makeStyles((theme) => ({\n displayItems: {\n display: 'flex',\n flexDirection: 'row',\n width: '100%'\n },\n visualCaption: {\n marginTop: theme.spacing(-1)\n },\n lineGraph: {\n width: '100%',\n '& svg': { width: '100%' }\n }\n}))\n\nconst LineAndSparklinesWidget = (props, ref) => {\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme, dateRange } = params\n const classes = useStyles()\n const mainTheme = useTheme()\n\n return (\n <WidgetCard ref={ref} title={mockData?.title} theme={theme} {...other}>\n {mockData ? (\n <div>\n {dateRange && (\n <Typography gutterBottom variant='caption' component='h3'>\n From: {convertISODate(dateRange.from)} to:{' '}\n {convertISODate(dateRange.to)}\n </Typography>\n )}\n <div className={classes.displayItems}>\n <div>\n <FluentStatNumber number={mockData?.value} trend='up' />\n </div>\n <div style={{ width: '100%' }}>\n <Sparklines\n data={mockData?.sparklinesData}\n strokeWidth={1}\n style={{ width: '100%', height: 45, marginTop: 10 }}\n >\n <SparklinesLine color={mainTheme.palette.secondary.main} />\n </Sparklines>\n <div className={classes.visualCaption}>\n <div>\n <Divider />\n </div>\n\n <Typography variant='caption'>{mockData?.label}</Typography>\n </div>\n </div>\n </div>\n\n <Box clone flex={1} mt={1} overflow='hidden'>\n <MuiVegaLite\n variant='areaLineChart'\n style={{\n width: '100%'\n }}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n height: 150,\n data: { values: mockData?.data },\n mark: 'area',\n encoding: {\n x: {\n field: 'xAxis',\n type: mockData?.xAxisType\n },\n y: {\n aggregate: 'sum',\n field: 'yAxis',\n type: mockData?.yAxisType,\n scale: { domain: mockData?.domain \|\| '' }\n }\n }\n }}\n autoResize='true'\n width='container'\n />\n </Box>\n {children}\n </div>\n ) : (\n <Typography variant='subtitle2'>\n Could not retrieve widget data. Please contact support.\n </Typography>\n )}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(LineAndSparklinesWidget)\n","export * from './LineAndSparklinesWidget';\nexport {default } from './LineAndSparklinesWidget';\n"],"mappings":";;;;;;;;;;AAcA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAQD,MAAM,YAAY,YAAY,WAAW;CACvC,cAAc;EACZ,SAAS;EACT,eAAe;EACf,OAAO;EACR;CACD,eAAe,EACb,WAAW,MAAM,QAAQ,GAAG,EAC7B;CACD,WAAW;EACT,OAAO;EACP,SAAS,EAAE,OAAO,QAAQ;EAC3B;CACF,EAAE;AAEH,MAAM,2BAA2B,OAAO,QAAQ;CAC9C,MAAM,EAAE,UAAU,QAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,OAAO,cAAc;CAC/C,MAAM,UAAU,WAAW;CAC3B,MAAM,YAAY,UAAU;AAE5B,QACE,oCAACA;EAAgB;EAAK,OAAO,UAAU;EAAc;EAAO,GAAI;IAC7D,WACC,oCAAC,aACE,aACC,oCAAC;EAAW;EAAa,SAAQ;EAAU,WAAU;IAAK,UACjD,eAAe,UAAU,KAAK,EAAC,QAAK,KAC1C,eAAe,UAAU,GAAG,CAClB,EAEf,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,aACC,oCAACC;EAAiB,QAAQ,UAAU;EAAO,OAAM;GAAO,CACpD,EACN,oCAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,IAC3B,oCAAC;EACC,MAAM,UAAU;EAChB,aAAa;EACb,OAAO;GAAE,OAAO;GAAQ,QAAQ;GAAI,WAAW;GAAI;IAEnD,oCAAC,kBAAe,OAAO,UAAU,QAAQ,UAAU,OAAQ,CAChD,EACb,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC,aACC,oCAAC,cAAU,CACP,EAEN,oCAAC,cAAW,SAAQ,aAAW,UAAU,MAAmB,CACxD,CACF,CACF,EAEN,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,SAAQ;EACR,OAAO,EACL,OAAO,QACR;EACD,MAAM;GACJ,SAAS;GACT,QAAQ;GACR,MAAM,EAAE,QAAQ,UAAU,MAAM;GAChC,MAAM;GACN,UAAU;IACR,GAAG;KACD,OAAO;KACP,MAAM,UAAU;KACjB;IACD,GAAG;KACD,WAAW;KACX,OAAO;KACP,MAAM,UAAU;KAChB,OAAO,EAAE,QAAQ,UAAU,UAAU,IAAI;KAC1C;IACF;GACF;EACD,YAAW;EACX,OAAM;GACN,CACE,EACL,SACG,GAEN,oCAAC,cAAW,SAAQ,eAAY,0DAEnB,CAEJ;;AAIjB,sCAAe,WAAW,wBAAwB"}

package/dist/{LineGraphWidget-Cs6V1fm8.js → LineGraphWidget-Dc-G6-QJ.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { t as __export } from "./chunk-Bp6m_JJh.js";
+import { t as __export } from "./chunk-B4enJp2Q.js";
 import { t as WidgetCard_default } from "./WidgetCard-CDqYxK5O.js";
 import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-BuDlbH0Q.js";
 import { t as convertISODate } from "./ConvertISODate-TfG2U4Iu.js";
@@ -89,4 +89,4 @@ var LineGraphWidget_exports = /* @__PURE__ */ __export({
 //#endregion
 export { params as i, LineGraphWidget_default as n, layout as r, LineGraphWidget_exports as t };
-//# sourceMappingURL=LineGraphWidget-Cs6V1fm8.js.map
+//# sourceMappingURL=LineGraphWidget-Dc-G6-QJ.js.map

package/dist/{LineGraphWidget-Cs6V1fm8.js.map → LineGraphWidget-Dc-G6-QJ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LineGraphWidget-~~Cs6V1fm8~~.js","names":["params","WidgetCard","FluentStatsSnippet"],"sources":["../src/UI/widgets/library/LineGraphWidget/LineGraphWidget.jsx","../src/UI/widgets/library/LineGraphWidget/index.ts"],"sourcesContent":["import React, { forwardRef, Fragment } from 'react'\nimport { Grid, Box, Typography } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nexport const params = {\n mode: {\n defaultValue: 'chart'\n }\n}\n\nconst LineGraphWidget = (props, ref) => {\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme, dateRange } = params\n\n return (\n <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n {mockData ? (\n <Fragment>\n {dateRange && (\n <Typography gutterBottom variant='caption' component='h3'>\n From: {convertISODate(dateRange.from)} to:{' '}\n {convertISODate(dateRange.to)}{' '}\n </Typography>\n )}\n {mockData?.stats && (\n <Grid container>\n {mockData?.stats.map((stat) => (\n <Grid item xs={3} key={stat.label}>\n <FluentStatsSnippet\n label={stat.label}\n amount={stat.currentValue}\n prevAmount={stat.previousValue}\n />\n </Grid>\n ))}\n </Grid>\n )}\n <Box clone flex={1} mt={1} overflow='hidden'>\n <MuiVegaLite\n variant='lineChart'\n color='secondary'\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n description: mockData?.description,\n data: {\n values: mockData?.data\n },\n mark: 'line',\n encoding: {\n x: { field: 'xAxis', type: mockData?.xAxisType },\n y: {\n field: 'yAxis',\n type: mockData?.yAxisType\n },\n color: {\n field: 'label',\n type: 'nominal',\n legend: { direction: 'vertical', orient: 'right' }\n }\n }\n }}\n width='container'\n height='container'\n autoResize='true'\n />\n </Box>\n {children}\n </Fragment>\n ) : (\n <Typography variant='subtitle2'>\n Could not retrieve widget data. Please contact support.\n </Typography>\n )}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(LineGraphWidget)\n","export * from './LineGraphWidget';\nexport {default} from './LineGraphWidget';\n"],"mappings":";;;;;;;;;AAOA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAa,SAAS,EACpB,MAAM,EACJ,cAAc,SACf,EACF;AAED,MAAM,mBAAmB,OAAO,QAAQ;CACtC,MAAM,EAAE,UAAU,kBAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,OAAO,cAAcA;AAE/C,QACE,oCAACC;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC7D,WACC,oCAAC,gBACE,aACC,oCAAC;EAAW;EAAa,SAAQ;EAAU,WAAU;IAAK,UACjD,eAAe,UAAU,KAAK,EAAC,QAAK,KAC1C,eAAe,UAAU,GAAG,EAAE,IACpB,EAEd,UAAU,SACT,oCAAC,QAAK,mBACH,UAAU,MAAM,KAAK,SACpB,oCAAC;EAAK;EAAK,IAAI;EAAG,KAAK,KAAK;IAC1B,oCAACC;EACC,OAAO,KAAK;EACZ,QAAQ,KAAK;EACb,YAAY,KAAK;GACjB,CACG,CACP,CACG,EAET,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,MAAM;GACJ,SAAS;GACT,aAAa,UAAU;GACvB,MAAM,EACJ,QAAQ,UAAU,MACnB;GACD,MAAM;GACN,UAAU;IACR,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IAChD,GAAG;KACD,OAAO;KACP,MAAM,UAAU;KACjB;IACD,OAAO;KACL,OAAO;KACP,MAAM;KACN,QAAQ;MAAE,WAAW;MAAY,QAAQ;MAAS;KACnD;IACF;GACF;EACD,OAAM;EACN,QAAO;EACP,YAAW;GACX,CACE,EACL,SACQ,GAEX,oCAAC,cAAW,SAAQ,eAAY,0DAEnB,CAEJ;;AAIjB,8BAAe,WAAW,gBAAgB"}
1	+ {"version":3,"file":"LineGraphWidget-Dc-G6-QJ.js","names":["params","WidgetCard","FluentStatsSnippet"],"sources":["../src/UI/widgets/library/LineGraphWidget/LineGraphWidget.jsx","../src/UI/widgets/library/LineGraphWidget/index.ts"],"sourcesContent":["import React, { forwardRef, Fragment } from 'react'\nimport { Grid, Box, Typography } from '@material-ui/core'\nimport { MuiVegaLite } from '@material-vega/material-ui'\nimport WidgetCard from '../../WidgetCard'\nimport FluentStatsSnippet from '../../FluentComponents/atoms/FluentStatsSnippet'\nimport { convertISODate } from '../../utils/ConvertISODate'\n\nexport const layout = {\n w: { default: 2, min: 0, max: 4 },\n h: { default: 2, min: 0, max: 4 }\n}\n\nexport const params = {\n mode: {\n defaultValue: 'chart'\n }\n}\n\nconst LineGraphWidget = (props, ref) => {\n const { children, params, setParam, ...other } = props\n const { mockData, apiUrl, theme, dateRange } = params\n\n return (\n <WidgetCard ref={ref} {...other} title={mockData?.title} theme={theme}>\n {mockData ? (\n <Fragment>\n {dateRange && (\n <Typography gutterBottom variant='caption' component='h3'>\n From: {convertISODate(dateRange.from)} to:{' '}\n {convertISODate(dateRange.to)}{' '}\n </Typography>\n )}\n {mockData?.stats && (\n <Grid container>\n {mockData?.stats.map((stat) => (\n <Grid item xs={3} key={stat.label}>\n <FluentStatsSnippet\n label={stat.label}\n amount={stat.currentValue}\n prevAmount={stat.previousValue}\n />\n </Grid>\n ))}\n </Grid>\n )}\n <Box clone flex={1} mt={1} overflow='hidden'>\n <MuiVegaLite\n variant='lineChart'\n color='secondary'\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n description: mockData?.description,\n data: {\n values: mockData?.data\n },\n mark: 'line',\n encoding: {\n x: { field: 'xAxis', type: mockData?.xAxisType },\n y: {\n field: 'yAxis',\n type: mockData?.yAxisType\n },\n color: {\n field: 'label',\n type: 'nominal',\n legend: { direction: 'vertical', orient: 'right' }\n }\n }\n }}\n width='container'\n height='container'\n autoResize='true'\n />\n </Box>\n {children}\n </Fragment>\n ) : (\n <Typography variant='subtitle2'>\n Could not retrieve widget data. Please contact support.\n </Typography>\n )}\n </WidgetCard>\n )\n}\n\nexport default forwardRef(LineGraphWidget)\n","export * from './LineGraphWidget';\nexport {default} from './LineGraphWidget';\n"],"mappings":";;;;;;;;;AAOA,MAAa,SAAS;CACpB,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CACjC,GAAG;EAAE,SAAS;EAAG,KAAK;EAAG,KAAK;EAAG;CAClC;AAED,MAAa,SAAS,EACpB,MAAM,EACJ,cAAc,SACf,EACF;AAED,MAAM,mBAAmB,OAAO,QAAQ;CACtC,MAAM,EAAE,UAAU,kBAAQ,UAAU,GAAG,UAAU;CACjD,MAAM,EAAE,UAAU,QAAQ,OAAO,cAAcA;AAE/C,QACE,oCAACC;EAAgB;EAAK,GAAI;EAAO,OAAO,UAAU;EAAc;IAC7D,WACC,oCAAC,gBACE,aACC,oCAAC;EAAW;EAAa,SAAQ;EAAU,WAAU;IAAK,UACjD,eAAe,UAAU,KAAK,EAAC,QAAK,KAC1C,eAAe,UAAU,GAAG,EAAE,IACpB,EAEd,UAAU,SACT,oCAAC,QAAK,mBACH,UAAU,MAAM,KAAK,SACpB,oCAAC;EAAK;EAAK,IAAI;EAAG,KAAK,KAAK;IAC1B,oCAACC;EACC,OAAO,KAAK;EACZ,QAAQ,KAAK;EACb,YAAY,KAAK;GACjB,CACG,CACP,CACG,EAET,oCAAC;EAAI;EAAM,MAAM;EAAG,IAAI;EAAG,UAAS;IAClC,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,MAAM;GACJ,SAAS;GACT,aAAa,UAAU;GACvB,MAAM,EACJ,QAAQ,UAAU,MACnB;GACD,MAAM;GACN,UAAU;IACR,GAAG;KAAE,OAAO;KAAS,MAAM,UAAU;KAAW;IAChD,GAAG;KACD,OAAO;KACP,MAAM,UAAU;KACjB;IACD,OAAO;KACL,OAAO;KACP,MAAM;KACN,QAAQ;MAAE,WAAW;MAAY,QAAQ;MAAS;KACnD;IACF;GACF;EACD,OAAM;EACN,QAAO;EACP,YAAW;GACX,CACE,EACL,SACQ,GAEX,oCAAC,cAAW,SAAQ,eAAY,0DAEnB,CAEJ;;AAIjB,8BAAe,WAAW,gBAAgB"}

package/dist/{MttMainTimeline-CwttwjLy.js → MttMainTimeline-BsI0z3aG.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { t as ConfigService } from "./configService-C4uoG3wj.js";
 import { t as apiMutate } from "./useAxiosMutate-DcLxzykX.js";
-import { n as formatDataWithTimelineCategoryNameOrderedByDate } from "./mttFunctions-Du5Q0h5k.js";
+import { n as formatDataWithTimelineCategoryNameOrderedByDate } from "./mttFunctions-ioZ0_5JX.js";
 import { t as IconRenderer } from "./IconRenderer-B2FUVnhs.js";
 import { t as MttYearTag } from "./MttYearTag-Cw8OyKTy.js";
 import { a as TimelineWrapper, i as MultiDot, n as TimelinePreloaderNode, o as TimelineNode, r as VisualizationDot, t as DynamicRangeSlider } from "./DynamicRangeSlider-prr4fg8d.js";
@@ -885,4 +885,4 @@ const MttMainTimeline = (props) => {
 //#endregion
 export { MttTimeline as n, HeightAdjuster as r, MttMainTimeline as t };
-//# sourceMappingURL=MttMainTimeline-CwttwjLy.js.map
+//# sourceMappingURL=MttMainTimeline-BsI0z3aG.js.map