npm - udp-react-enterprise-component-library - Versions diffs - 25.18.1-beta.38 → 25.18.1-beta.39 - Mend

udp-react-enterprise-component-library 25.18.1-beta.38 → 25.18.1-beta.39

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 (559) hide show

package/dist/{AmbientVisualizer-BpM6axMB.js.map → AmbientVisualizer-B1Xwwe0J.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AmbientVisualizer-BpM6axMB.js","names":["n","FluentDisplayNumbers"],"sources":["../src/UI/dataDisplay/visualization/RatioVisulization.jsx","../src/UI/dataDisplay/visualization/GaugeGraph.jsx","../src/UI/dataDisplay/visualization/AmbientVisualizer.jsx"],"sourcesContent":["import React, {useState} from 'react'\nimport FluentDisplayNumbers from '../../widgets/FluentComponents/atoms/FluentDisplayNumbers'\nimport {makeStyles, Typography } from '@material-ui/core'\nimport { LayoutUnit } from '../../../layout/LayoutUnit'\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {\n display: 'flex',\n justifyContent: 'center',\n // flexDirection: 'column',\n },\n wrapper: {\n display: 'flex',\n flexDirection: 'row',\n // justifyContent: 'center',\n height: 150,\n color: theme.palette.secondary.main\n }\n }),\n { next: 'RadioVisualization' }\n)\n\n\nexport const RatioVisulization = ({title, n, m}) => {\n\n const [val, setVal] = useState()\n\n const classes = useStyles()\n\n // In the ratio m : n, the quantities (numbers) m and n are called the terms of the ratio. \n // The first term (i.e. m) is called antecedent and the second term (i.e. is n) is called consequent.\n\n // 15/25 = (15 ÷ 5)/(25 ÷ 5) = 3/5\n\n\n\n function number_test(n)\n{\n const result = (n - Math.floor(n)) !== 0; \n \n if (result)\n return false\n else\n return true\n }\n\n console.log(number_test(10));\n\n\nconst loopReduceRatio = (n,m) => {\n let i = 0\n let options = []\n let test = []\n\n while (i < 9) {\n\n const ren = test.length + 1\n\n const nr = n/ren\n const mr = m/ren\n test.push(nr)\n\n number_test(nr) && number_test(mr) && options.push(nr, mr)\n i++\n\n \n let commonN = []\n let commonM = []\n\n const nVal = options.map((item => {\n return commonN.push(n / item)\n }))\n \n const mVal = options.map((item => {\n return commonM.push(m / item)\n }))\n\n\n // setVal(nVal)\n\n // commonN.push(nVal)\n // commonM.push(mVal)\n \n\n const intersection = commonN.filter(element => commonM.includes(element));\n\n console.log('options', intersection)\n\n const intersectionT = intersection.filter(function(item) {\n return item !== 1\n })\n\n setVal(intersectionT)\n \n }\n\n}\n\n\n\n// console.log('RATIO:' , loopReduceRatio(15, 25))\n\n\n return (\n <div className={classes.root} >\n <div>{val && val.map((item => {\n return (\n item\n )\n }))}</div>\n {/* <button onClick={()=>loopReduceRatio(15,25)} >Test</button> /}\n <div >\n <Typography variant=\"subtitle2\" > Student to Teature Ratio </Typography>\n <LayoutUnit unit=\"xs\" />\n <div className={classes.wrapper} >\n <FluentDisplayNumbers number={n} label=\"Teacher\" />\n <FluentDisplayNumbers number=\":\" />\n <FluentDisplayNumbers number={m} label=\"Students\" />\n </div>\n </div>\n </div>\n \n \n )\n\n}","import React from 'react';\nimport { Vega } from 'react-vega';\nimport { useTheme, lighten } from '@material-ui/core';\nimport { getEllipseColor } from '../../../utilities/style/colorConverter';\n\nexport const GaugeGraph = (props) => {\n const {\n title = '',\n unitLabel = '',\n legend = '',\n showTicks = false,\n ticksNumber = 6,\n backgroundColor,\n fillColor = 'warning',\n value = 0,\n minValue = 0,\n maxValue = 100,\n width = 350,\n height = 180\n } = props;\n const theme = useTheme();\n\n const specs = {\n $schema: 'https://vega.github.io/schema/vega/v5.json',\n width: width,\n height: height,\n padding: { left: 0, right: 0, top: 0, bottom: 0 },\n data: [\n {\n name: 'ticks',\n transform: [\n {\n type: 'sequence',\n as: 'data',\n start: {\n signal: '0'\n },\n stop: {\n signal: '(maxValue - minValue) + 0.1'\n },\n step: {\n signal: '(maxValue - minValue)/(ticksNumber-1)'\n }\n },\n {\n type: 'formula',\n expr: 'datum.data + minValue',\n as: 'data_2'\n },\n {\n type: 'formula',\n as: 'radianRef',\n expr: 'PI (datum.data/(maxValue - minValue))'\n },\n {\n type: 'formula',\n as: 'x',\n expr: 'centerX - ((outerRadius - (outerRadius - innerRadius) * 0.6) * cos(datum.radianRef))'\n },\n {\n type: 'formula',\n as: 'y',\n expr: 'centerY - ((outerRadius - (outerRadius - innerRadius) * 0.7) * sin(datum.radianRef))'\n }\n ]\n }\n ],\n signals: [\n {\n name: 'centerX',\n update: 'width/2'\n },\n {\n name: 'centerY',\n update: 'height/2 + outerRadius/2'\n },\n {\n name: 'outerRadius',\n update: 'targetValue ? radiusRef * 0.9 : radiusRef * 0.95'\n },\n {\n name: 'radiusRef',\n update: 'max(width/2, height/2)' // TODO: Important max or min functions are allowed\n },\n {\n name: 'innerRadius',\n update: 'outerRadius - outerRadius * 0.25'\n },\n {\n name: 'targetValue',\n value: value\n },\n {\n name: 'backgroundColor',\n value: backgroundColor\n ? lighten(getEllipseColor(theme, backgroundColor), 0.6)\n : lighten(theme.palette.secondary.main, 0.6)\n },\n {\n name: 'ticksNumber',\n value: ticksNumber\n },\n {\n name: 'mainValue',\n value: value\n },\n {\n name: 'title',\n value: title\n },\n {\n name: 'unit',\n value: unitLabel\n },\n {\n name: 'usedValue',\n update: 'min(max(minValue, mainValue), maxValue)'\n },\n {\n name: 'minValue',\n value: minValue\n },\n {\n name: 'maxValue',\n value: maxValue\n },\n {\n name: 'fillColor',\n value: fillColor\n ? getEllipseColor(theme, fillColor)\n : theme.palette.secondary.main\n },\n {\n name: 'ticksColor',\n value: theme.palette.text.primary\n },\n {\n name: 'showTicks',\n value: showTicks\n },\n {\n name: 'fontFactor',\n update: '(radiusRef/5)/25'\n },\n {\n name: 'hasTarget',\n update: 'isNumber(targetValue) === true'\n },\n {\n name: 'targetRule',\n update:\n '(showTarget && hasTarget && (minValue <= targetValue) && (targetValue <= maxValue)) ? 1 : 0'\n },\n {\n name: 'showTarget',\n value: true\n },\n {\n name: 'targetStatus',\n update:\n 'mainValue === targetValue ? 0 : mainValue > targetValue ? lowIsGood ? -1 : 1 : lowIsGood ? 1 : -1'\n },\n {\n name: 'lowIsGood',\n value: false\n },\n {\n name: 'legend',\n value: legend\n }\n ],\n scales: [\n {\n name: 'gaugeScale',\n type: 'linear',\n domain: { data: 'ticks', field: 'data_2' },\n zero: false,\n range: { signal: '[-PI/2, PI/2]' }\n },\n {\n name: 'tickScale',\n type: 'linear',\n domain: { data: 'ticks', field: 'data' },\n range: { signal: '[PI/2, -PI/2]' }\n },\n {\n name: 'targetStatusColorScale',\n domain: [-1, 0, 1],\n range: ['red', 'orange', 'green']\n }\n ],\n axes: [],\n legends: [],\n marks: [\n {\n type: 'arc',\n name: 'gauge',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n startAngle: { signal: '-PI/2' },\n endAngle: { signal: 'PI/2' },\n outerRadius: { signal: 'outerRadius' },\n innerRadius: { signal: 'innerRadius' },\n fill: { signal: 'backgroundColor' }\n }\n }\n },\n {\n type: 'arc',\n encode: {\n enter: {\n startAngle: { signal: '-PI/2' }\n },\n update: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n innerRadius: { signal: 'innerRadius' },\n outerRadius: { signal: 'outerRadius' },\n endAngle: { scale: 'gaugeScale', signal: 'usedValue' },\n fill: { signal: 'fillColor' }\n }\n }\n },\n {\n type: 'arc',\n description: 'ticks on the arc',\n from: { data: 'ticks' },\n encode: {\n enter: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n outerRadius: { signal: 'outerRadius' },\n innerRadius: { signal: 'outerRadius - (radiusRef0.05)' },\n startAngle: {\n scale: 'tickScale',\n field: 'data'\n },\n endAngle: {\n scale: 'tickScale',\n field: 'data'\n },\n stroke: { signal: 'ticksColor' },\n opacity: { signal: 'showTicks ? 1 : 0' }\n }\n }\n },\n {\n type: 'text',\n from: { data: 'ticks' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'alphabetic' }\n },\n update: {\n text: { signal: \"format(datum.data_2, '.0f')\" },\n x: { field: 'x' },\n y: { field: 'y' },\n fontSize: { signal: 'fontFactor 11' },\n fill: { signal: 'ticksColor' },\n opacity: { signal: 'showTicks ? 1 : 0' }\n }\n }\n },\n {\n type: 'text',\n description:\n 'displayed min value at the bottom left of gauge when showTicks is false',\n from: { data: 'gauge' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'minValue' },\n x: {\n signal: 'centerX - outerRadius + (outerRadius - innerRadius)/2'\n },\n y: { signal: 'centerY', offset: { signal: 'fontFactor5' } },\n fontSize: { signal: 'fontFactor 11' },\n opacity: { signal: 'showTicks ? 0 : 1' }\n }\n }\n },\n {\n type: 'text',\n description:\n 'displayed max value at the bottom right of gauge when showTicks is false',\n from: { data: 'gauge' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'maxValue' },\n x: {\n signal: 'centerX + innerRadius + (outerRadius - innerRadius)/2'\n },\n y: { signal: 'centerY', offset: { signal: 'fontFactor5' } },\n fontSize: { signal: 'fontFactor 11' },\n opacity: { signal: 'showTicks ? 0 : 1' }\n }\n }\n },\n {\n type: 'text',\n description: 'displayed a title for the chart ',\n name: 'titleLabel',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n baseline: { value: 'top' },\n align: { value: 'center' }\n },\n update: {\n text: { signal: 'title' },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -50' } },\n fontSize: { signal: 'fontFactor * 14' },\n fill: { signal: 'fillColor' }\n }\n }\n },\n {\n type: 'text',\n description: 'displayed main value at the bottom center of the gauge ',\n name: 'gaugeValue',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n baseline: { value: 'top' },\n align: { value: 'center' }\n },\n update: {\n text: { signal: \"format(mainValue, '.1f') + unit \" },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -25' } },\n fontSize: { signal: 'fontFactor * 20' }\n }\n }\n },\n {\n type: 'text',\n name: 'targetDiff',\n description: 'add status with symbol and difference and percentage',\n from: { data: 'gaugeValue' },\n encode: {\n enter: {\n x: { signal: 'centerX' },\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'legend' },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -4' } },\n fontSize: { signal: 'fontFactor * 10' },\n opacity: { signal: ' targetRule ? 1 : 0' }\n }\n }\n }\n ]\n };\n\n return <Vega spec={specs} actions={false} />;\n};\n","import React from 'react';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useTheme } from '@material-ui/core';\nimport { RatioVisulization } from './RatioVisulization';\nimport { GaugeGraph } from './GaugeGraph';\n\nexport const AmbientVisualizer = ({\n values,\n visualization,\n verticalBarWidth = 70,\n verticalBarColor = 'primary',\n verticalBarBand = 0.9,\n verticalBarBandThin = 0.1,\n styleThin,\n verticalBarXfield = 'category',\n verticalBarXtype = 'nominal',\n verticalBarYfield = 'amount',\n verticalBarYtype = 'quantitative',\n horizontalBarWidth = 265,\n horizontalBarHeight = 35,\n horizontalBarColor = 'primary',\n horizontalBarBand = 0.7,\n horizontalBarBandThin = 0.1,\n horizontalBarXfield = 'amount',\n horizontalBarXtype = 'quantitative',\n horizontalBarYfield = 'category',\n horizontalBarYtype = 'nominal',\n areaLineHeight = 150,\n areaLineWidth = 350,\n areaLineXtimeUnit = 'yearmonth',\n areaLineXfield = 'date',\n areaLineXtype = 'temporal',\n areaLineXaxisFormat = '%Y',\n areaLineYaggergate = 'sum',\n areaLineYfield = 'count',\n areaLineType = 'quantitative',\n layeredChartLayer,\n donutChartInnerRadius = 50,\n pieThetaField,\n pieThetaType = 'quantitative',\n pieColorField,\n pieColorType = 'nominal',\n tooltip,\n encodingTooltip = null,\n chartWidth,\n chartHeight,\n xTitle,\n yTitle,\n linePoint,\n lineXtimeUnit,\n lineXfield,\n lineXtype,\n lineYaggergate,\n lineYfield,\n lineYtype,\n lineColorField,\n lineColorType = 'nominal',\n vegaLiteSpecProps = {},\n gaugeTitle = '',\n gaugeUnitLabel = '',\n gaugeLegend = '',\n gaugeShowTicks = false,\n gaugeTicksNumber,\n gaugeBackgroundColor = 'secondary',\n gaugeFillColor = 'warning',\n gaugeValue = 0,\n gaugeMinValue = 0,\n gaugeMaxValue = 100,\n}) => {\n const theme = useTheme();\n const verticalBar = (\n <MuiVegaLite\n variant=\"verticalBarChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n width: { step: verticalBarWidth },\n data: {\n values: values,\n },\n mark: 'bar',\n encoding: {\n color: {\n value:\n verticalBarColor === 'primary'\n ? theme.palette.primary.main\n : theme.palette.secondary.main,\n },\n x: {\n field: verticalBarXfield,\n type: verticalBarXtype,\n axis: {\n ticks: false,\n },\n band: styleThin ? verticalBarBandThin : verticalBarBand,\n },\n y: {\n field: verticalBarYfield,\n type: verticalBarYtype,\n axis: {\n format: '',\n },\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const horizontalBar = (\n <MuiVegaLite\n variant=\"horizontalBarChart\"\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n height: { step: horizontalBarHeight },\n width: horizontalBarWidth,\n data: {\n values: values,\n },\n mark: 'bar',\n encoding: {\n color: { value: theme.palette.secondary.main },\n // color: {\"value\": horizontalBarColor === 'primary' ? theme.palette.primary.main : theme.palette.secondary.main},\n x: {\n field: horizontalBarXfield,\n type: horizontalBarXtype,\n axis: {\n format: 's',\n },\n },\n y: {\n field: horizontalBarYfield,\n type: horizontalBarYtype,\n\n band: styleThin ? horizontalBarBandThin : horizontalBarBand,\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const areaLine = (\n <MuiVegaLite\n variant=\"areaLineChart\"\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n width: areaLineWidth,\n height: areaLineHeight,\n data: {\n values: values,\n },\n\n mark: 'area',\n encoding: {\n x: {\n timeUnit: areaLineXtimeUnit,\n field: areaLineXfield,\n type: areaLineXtype,\n axis: { format: areaLineXaxisFormat },\n },\n y: {\n aggregate: areaLineYaggergate,\n field: areaLineYfield,\n type: areaLineType,\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const numberRatio = (\n <RatioVisulization\n // @todo Update for production use.\n m={15}\n n={1}\n />\n );\n\n const layeredChart = (\n <MuiVegaLite\n variant=\"verticalBarChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n autosize: 'fit',\n data: values\n ? {\n values: values,\n }\n : null,\n layer: layeredChartLayer,\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const pie = (\n <MuiVegaLite\n variant={visualization === 'pie' ? 'pieChart' : 'donutChart'}\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n data: {\n values: values,\n },\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n mark: {\n type: 'arc',\n innerRadius: visualization === 'pie' ? 0 : donutChartInnerRadius,\n tooltip: tooltip,\n },\n encoding: {\n theta: { field: pieThetaField, type: pieThetaType },\n color: { field: pieColorField, type: pieColorType },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const line = (\n <MuiVegaLite\n variant=\"lineChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n autosize: 'fit',\n data: {\n values: values,\n },\n mark: {\n type: 'line',\n point: linePoint,\n tooltip: tooltip,\n },\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n encoding: {\n x: {\n field: lineXfield,\n type: lineXtype,\n timeUnit: lineXtimeUnit,\n title: xTitle,\n },\n y: {\n field: lineYfield,\n type: lineYtype,\n title: yTitle,\n aggregate: lineYaggergate,\n },\n color: lineColorField\n ? {\n field: lineColorField,\n type: lineColorType,\n }\n : null,\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const gauge = (\n <GaugeGraph\n title={gaugeTitle}\n unitLabel={gaugeUnitLabel}\n legend={gaugeLegend}\n showTicks={gaugeShowTicks}\n ticksNumber={gaugeTicksNumber}\n backgroundColor={gaugeBackgroundColor}\n fillColor={gaugeFillColor}\n value={gaugeValue}\n minValue={gaugeMinValue}\n maxValue={gaugeMaxValue}\n width={chartWidth}\n height={chartHeight}\n />\n );\n\n let type = '';\n\n switch (visualization) {\n case 'verticalBar':\n type = verticalBar;\n break;\n case 'horizontalBar':\n type = horizontalBar;\n break;\n case 'areaLine':\n type = areaLine;\n break;\n case 'numberRatio':\n type = numberRatio;\n break;\n case 'layeredChart':\n type = layeredChart;\n break;\n case 'donut':\n type = pie;\n break;\n case 'pie':\n type = pie;\n break;\n case 'line':\n type = line;\n break;\n case 'gauge':\n type = gauge;\n break;\n default:\n }\n\n return type;\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"AmbientVisualizer-B1Xwwe0J.js","names":["n","FluentDisplayNumbers"],"sources":["../src/UI/dataDisplay/visualization/RatioVisulization.jsx","../src/UI/dataDisplay/visualization/GaugeGraph.jsx","../src/UI/dataDisplay/visualization/AmbientVisualizer.jsx"],"sourcesContent":["import React, {useState} from 'react'\nimport FluentDisplayNumbers from '../../widgets/FluentComponents/atoms/FluentDisplayNumbers'\nimport {makeStyles, Typography } from '@material-ui/core'\nimport { LayoutUnit } from '../../../layout/LayoutUnit'\n\nconst useStyles = makeStyles(\n (theme) => ({\n root: {\n display: 'flex',\n justifyContent: 'center',\n // flexDirection: 'column',\n },\n wrapper: {\n display: 'flex',\n flexDirection: 'row',\n // justifyContent: 'center',\n height: 150,\n color: theme.palette.secondary.main\n }\n }),\n { next: 'RadioVisualization' }\n)\n\n\nexport const RatioVisulization = ({title, n, m}) => {\n\n const [val, setVal] = useState()\n\n const classes = useStyles()\n\n // In the ratio m : n, the quantities (numbers) m and n are called the terms of the ratio. \n // The first term (i.e. m) is called antecedent and the second term (i.e. is n) is called consequent.\n\n // 15/25 = (15 ÷ 5)/(25 ÷ 5) = 3/5\n\n\n\n function number_test(n)\n{\n const result = (n - Math.floor(n)) !== 0; \n \n if (result)\n return false\n else\n return true\n }\n\n console.log(number_test(10));\n\n\nconst loopReduceRatio = (n,m) => {\n let i = 0\n let options = []\n let test = []\n\n while (i < 9) {\n\n const ren = test.length + 1\n\n const nr = n/ren\n const mr = m/ren\n test.push(nr)\n\n number_test(nr) && number_test(mr) && options.push(nr, mr)\n i++\n\n \n let commonN = []\n let commonM = []\n\n const nVal = options.map((item => {\n return commonN.push(n / item)\n }))\n \n const mVal = options.map((item => {\n return commonM.push(m / item)\n }))\n\n\n // setVal(nVal)\n\n // commonN.push(nVal)\n // commonM.push(mVal)\n \n\n const intersection = commonN.filter(element => commonM.includes(element));\n\n console.log('options', intersection)\n\n const intersectionT = intersection.filter(function(item) {\n return item !== 1\n })\n\n setVal(intersectionT)\n \n }\n\n}\n\n\n\n// console.log('RATIO:' , loopReduceRatio(15, 25))\n\n\n return (\n <div className={classes.root} >\n <div>{val && val.map((item => {\n return (\n item\n )\n }))}</div>\n {/* <button onClick={()=>loopReduceRatio(15,25)} >Test</button> /}\n <div >\n <Typography variant=\"subtitle2\" > Student to Teature Ratio </Typography>\n <LayoutUnit unit=\"xs\" />\n <div className={classes.wrapper} >\n <FluentDisplayNumbers number={n} label=\"Teacher\" />\n <FluentDisplayNumbers number=\":\" />\n <FluentDisplayNumbers number={m} label=\"Students\" />\n </div>\n </div>\n </div>\n \n \n )\n\n}","import React from 'react';\nimport { Vega } from 'react-vega';\nimport { useTheme, lighten } from '@material-ui/core';\nimport { getEllipseColor } from '../../../utilities/style/colorConverter';\n\nexport const GaugeGraph = (props) => {\n const {\n title = '',\n unitLabel = '',\n legend = '',\n showTicks = false,\n ticksNumber = 6,\n backgroundColor,\n fillColor = 'warning',\n value = 0,\n minValue = 0,\n maxValue = 100,\n width = 350,\n height = 180\n } = props;\n const theme = useTheme();\n\n const specs = {\n $schema: 'https://vega.github.io/schema/vega/v5.json',\n width: width,\n height: height,\n padding: { left: 0, right: 0, top: 0, bottom: 0 },\n data: [\n {\n name: 'ticks',\n transform: [\n {\n type: 'sequence',\n as: 'data',\n start: {\n signal: '0'\n },\n stop: {\n signal: '(maxValue - minValue) + 0.1'\n },\n step: {\n signal: '(maxValue - minValue)/(ticksNumber-1)'\n }\n },\n {\n type: 'formula',\n expr: 'datum.data + minValue',\n as: 'data_2'\n },\n {\n type: 'formula',\n as: 'radianRef',\n expr: 'PI (datum.data/(maxValue - minValue))'\n },\n {\n type: 'formula',\n as: 'x',\n expr: 'centerX - ((outerRadius - (outerRadius - innerRadius) * 0.6) * cos(datum.radianRef))'\n },\n {\n type: 'formula',\n as: 'y',\n expr: 'centerY - ((outerRadius - (outerRadius - innerRadius) * 0.7) * sin(datum.radianRef))'\n }\n ]\n }\n ],\n signals: [\n {\n name: 'centerX',\n update: 'width/2'\n },\n {\n name: 'centerY',\n update: 'height/2 + outerRadius/2'\n },\n {\n name: 'outerRadius',\n update: 'targetValue ? radiusRef * 0.9 : radiusRef * 0.95'\n },\n {\n name: 'radiusRef',\n update: 'max(width/2, height/2)' // TODO: Important max or min functions are allowed\n },\n {\n name: 'innerRadius',\n update: 'outerRadius - outerRadius * 0.25'\n },\n {\n name: 'targetValue',\n value: value\n },\n {\n name: 'backgroundColor',\n value: backgroundColor\n ? lighten(getEllipseColor(theme, backgroundColor), 0.6)\n : lighten(theme.palette.secondary.main, 0.6)\n },\n {\n name: 'ticksNumber',\n value: ticksNumber\n },\n {\n name: 'mainValue',\n value: value\n },\n {\n name: 'title',\n value: title\n },\n {\n name: 'unit',\n value: unitLabel\n },\n {\n name: 'usedValue',\n update: 'min(max(minValue, mainValue), maxValue)'\n },\n {\n name: 'minValue',\n value: minValue\n },\n {\n name: 'maxValue',\n value: maxValue\n },\n {\n name: 'fillColor',\n value: fillColor\n ? getEllipseColor(theme, fillColor)\n : theme.palette.secondary.main\n },\n {\n name: 'ticksColor',\n value: theme.palette.text.primary\n },\n {\n name: 'showTicks',\n value: showTicks\n },\n {\n name: 'fontFactor',\n update: '(radiusRef/5)/25'\n },\n {\n name: 'hasTarget',\n update: 'isNumber(targetValue) === true'\n },\n {\n name: 'targetRule',\n update:\n '(showTarget && hasTarget && (minValue <= targetValue) && (targetValue <= maxValue)) ? 1 : 0'\n },\n {\n name: 'showTarget',\n value: true\n },\n {\n name: 'targetStatus',\n update:\n 'mainValue === targetValue ? 0 : mainValue > targetValue ? lowIsGood ? -1 : 1 : lowIsGood ? 1 : -1'\n },\n {\n name: 'lowIsGood',\n value: false\n },\n {\n name: 'legend',\n value: legend\n }\n ],\n scales: [\n {\n name: 'gaugeScale',\n type: 'linear',\n domain: { data: 'ticks', field: 'data_2' },\n zero: false,\n range: { signal: '[-PI/2, PI/2]' }\n },\n {\n name: 'tickScale',\n type: 'linear',\n domain: { data: 'ticks', field: 'data' },\n range: { signal: '[PI/2, -PI/2]' }\n },\n {\n name: 'targetStatusColorScale',\n domain: [-1, 0, 1],\n range: ['red', 'orange', 'green']\n }\n ],\n axes: [],\n legends: [],\n marks: [\n {\n type: 'arc',\n name: 'gauge',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n startAngle: { signal: '-PI/2' },\n endAngle: { signal: 'PI/2' },\n outerRadius: { signal: 'outerRadius' },\n innerRadius: { signal: 'innerRadius' },\n fill: { signal: 'backgroundColor' }\n }\n }\n },\n {\n type: 'arc',\n encode: {\n enter: {\n startAngle: { signal: '-PI/2' }\n },\n update: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n innerRadius: { signal: 'innerRadius' },\n outerRadius: { signal: 'outerRadius' },\n endAngle: { scale: 'gaugeScale', signal: 'usedValue' },\n fill: { signal: 'fillColor' }\n }\n }\n },\n {\n type: 'arc',\n description: 'ticks on the arc',\n from: { data: 'ticks' },\n encode: {\n enter: {\n x: { signal: 'centerX' },\n y: { signal: 'centerY' },\n outerRadius: { signal: 'outerRadius' },\n innerRadius: { signal: 'outerRadius - (radiusRef0.05)' },\n startAngle: {\n scale: 'tickScale',\n field: 'data'\n },\n endAngle: {\n scale: 'tickScale',\n field: 'data'\n },\n stroke: { signal: 'ticksColor' },\n opacity: { signal: 'showTicks ? 1 : 0' }\n }\n }\n },\n {\n type: 'text',\n from: { data: 'ticks' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'alphabetic' }\n },\n update: {\n text: { signal: \"format(datum.data_2, '.0f')\" },\n x: { field: 'x' },\n y: { field: 'y' },\n fontSize: { signal: 'fontFactor 11' },\n fill: { signal: 'ticksColor' },\n opacity: { signal: 'showTicks ? 1 : 0' }\n }\n }\n },\n {\n type: 'text',\n description:\n 'displayed min value at the bottom left of gauge when showTicks is false',\n from: { data: 'gauge' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'minValue' },\n x: {\n signal: 'centerX - outerRadius + (outerRadius - innerRadius)/2'\n },\n y: { signal: 'centerY', offset: { signal: 'fontFactor5' } },\n fontSize: { signal: 'fontFactor 11' },\n opacity: { signal: 'showTicks ? 0 : 1' }\n }\n }\n },\n {\n type: 'text',\n description:\n 'displayed max value at the bottom right of gauge when showTicks is false',\n from: { data: 'gauge' },\n encode: {\n enter: {\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'maxValue' },\n x: {\n signal: 'centerX + innerRadius + (outerRadius - innerRadius)/2'\n },\n y: { signal: 'centerY', offset: { signal: 'fontFactor5' } },\n fontSize: { signal: 'fontFactor 11' },\n opacity: { signal: 'showTicks ? 0 : 1' }\n }\n }\n },\n {\n type: 'text',\n description: 'displayed a title for the chart ',\n name: 'titleLabel',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n baseline: { value: 'top' },\n align: { value: 'center' }\n },\n update: {\n text: { signal: 'title' },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -50' } },\n fontSize: { signal: 'fontFactor * 14' },\n fill: { signal: 'fillColor' }\n }\n }\n },\n {\n type: 'text',\n description: 'displayed main value at the bottom center of the gauge ',\n name: 'gaugeValue',\n encode: {\n enter: {\n x: { signal: 'centerX' },\n baseline: { value: 'top' },\n align: { value: 'center' }\n },\n update: {\n text: { signal: \"format(mainValue, '.1f') + unit \" },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -25' } },\n fontSize: { signal: 'fontFactor * 20' }\n }\n }\n },\n {\n type: 'text',\n name: 'targetDiff',\n description: 'add status with symbol and difference and percentage',\n from: { data: 'gaugeValue' },\n encode: {\n enter: {\n x: { signal: 'centerX' },\n align: { value: 'center' },\n baseline: { value: 'top' }\n },\n update: {\n text: { signal: 'legend' },\n y: { signal: 'centerY', offset: { signal: 'fontFactor * -4' } },\n fontSize: { signal: 'fontFactor * 10' },\n opacity: { signal: ' targetRule ? 1 : 0' }\n }\n }\n }\n ]\n };\n\n return <Vega spec={specs} actions={false} />;\n};\n","import React from 'react';\nimport { MuiVegaLite } from '@material-vega/material-ui';\nimport { useTheme } from '@material-ui/core';\nimport { RatioVisulization } from './RatioVisulization';\nimport { GaugeGraph } from './GaugeGraph';\n\nexport const AmbientVisualizer = ({\n values,\n visualization,\n verticalBarWidth = 70,\n verticalBarColor = 'primary',\n verticalBarBand = 0.9,\n verticalBarBandThin = 0.1,\n styleThin,\n verticalBarXfield = 'category',\n verticalBarXtype = 'nominal',\n verticalBarYfield = 'amount',\n verticalBarYtype = 'quantitative',\n horizontalBarWidth = 265,\n horizontalBarHeight = 35,\n horizontalBarColor = 'primary',\n horizontalBarBand = 0.7,\n horizontalBarBandThin = 0.1,\n horizontalBarXfield = 'amount',\n horizontalBarXtype = 'quantitative',\n horizontalBarYfield = 'category',\n horizontalBarYtype = 'nominal',\n areaLineHeight = 150,\n areaLineWidth = 350,\n areaLineXtimeUnit = 'yearmonth',\n areaLineXfield = 'date',\n areaLineXtype = 'temporal',\n areaLineXaxisFormat = '%Y',\n areaLineYaggergate = 'sum',\n areaLineYfield = 'count',\n areaLineType = 'quantitative',\n layeredChartLayer,\n donutChartInnerRadius = 50,\n pieThetaField,\n pieThetaType = 'quantitative',\n pieColorField,\n pieColorType = 'nominal',\n tooltip,\n encodingTooltip = null,\n chartWidth,\n chartHeight,\n xTitle,\n yTitle,\n linePoint,\n lineXtimeUnit,\n lineXfield,\n lineXtype,\n lineYaggergate,\n lineYfield,\n lineYtype,\n lineColorField,\n lineColorType = 'nominal',\n vegaLiteSpecProps = {},\n gaugeTitle = '',\n gaugeUnitLabel = '',\n gaugeLegend = '',\n gaugeShowTicks = false,\n gaugeTicksNumber,\n gaugeBackgroundColor = 'secondary',\n gaugeFillColor = 'warning',\n gaugeValue = 0,\n gaugeMinValue = 0,\n gaugeMaxValue = 100,\n}) => {\n const theme = useTheme();\n const verticalBar = (\n <MuiVegaLite\n variant=\"verticalBarChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n width: { step: verticalBarWidth },\n data: {\n values: values,\n },\n mark: 'bar',\n encoding: {\n color: {\n value:\n verticalBarColor === 'primary'\n ? theme.palette.primary.main\n : theme.palette.secondary.main,\n },\n x: {\n field: verticalBarXfield,\n type: verticalBarXtype,\n axis: {\n ticks: false,\n },\n band: styleThin ? verticalBarBandThin : verticalBarBand,\n },\n y: {\n field: verticalBarYfield,\n type: verticalBarYtype,\n axis: {\n format: '',\n },\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const horizontalBar = (\n <MuiVegaLite\n variant=\"horizontalBarChart\"\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n height: { step: horizontalBarHeight },\n width: horizontalBarWidth,\n data: {\n values: values,\n },\n mark: 'bar',\n encoding: {\n color: { value: theme.palette.secondary.main },\n // color: {\"value\": horizontalBarColor === 'primary' ? theme.palette.primary.main : theme.palette.secondary.main},\n x: {\n field: horizontalBarXfield,\n type: horizontalBarXtype,\n axis: {\n format: 's',\n },\n },\n y: {\n field: horizontalBarYfield,\n type: horizontalBarYtype,\n\n band: styleThin ? horizontalBarBandThin : horizontalBarBand,\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const areaLine = (\n <MuiVegaLite\n variant=\"areaLineChart\"\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v4.json',\n width: areaLineWidth,\n height: areaLineHeight,\n data: {\n values: values,\n },\n\n mark: 'area',\n encoding: {\n x: {\n timeUnit: areaLineXtimeUnit,\n field: areaLineXfield,\n type: areaLineXtype,\n axis: { format: areaLineXaxisFormat },\n },\n y: {\n aggregate: areaLineYaggergate,\n field: areaLineYfield,\n type: areaLineType,\n },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const numberRatio = (\n <RatioVisulization\n // @todo Update for production use.\n m={15}\n n={1}\n />\n );\n\n const layeredChart = (\n <MuiVegaLite\n variant=\"verticalBarChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n autosize: 'fit',\n data: values\n ? {\n values: values,\n }\n : null,\n layer: layeredChartLayer,\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const pie = (\n <MuiVegaLite\n variant={visualization === 'pie' ? 'pieChart' : 'donutChart'}\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n data: {\n values: values,\n },\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n mark: {\n type: 'arc',\n innerRadius: visualization === 'pie' ? 0 : donutChartInnerRadius,\n tooltip: tooltip,\n },\n encoding: {\n theta: { field: pieThetaField, type: pieThetaType },\n color: { field: pieColorField, type: pieColorType },\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const line = (\n <MuiVegaLite\n variant=\"lineChart\"\n actions={false}\n spec={{\n $schema: 'https://vega.github.io/schema/vega-lite/v5.json',\n width: chartWidth,\n height: chartHeight,\n autosize: 'fit',\n data: {\n values: values,\n },\n mark: {\n type: 'line',\n point: linePoint,\n tooltip: tooltip,\n },\n config: {\n legend: {\n orient: 'bottom',\n layout: { bottom: { anchor: 'middle' } },\n },\n },\n encoding: {\n x: {\n field: lineXfield,\n type: lineXtype,\n timeUnit: lineXtimeUnit,\n title: xTitle,\n },\n y: {\n field: lineYfield,\n type: lineYtype,\n title: yTitle,\n aggregate: lineYaggergate,\n },\n color: lineColorField\n ? {\n field: lineColorField,\n type: lineColorType,\n }\n : null,\n tooltip: encodingTooltip,\n },\n ...vegaLiteSpecProps,\n }}\n />\n );\n\n const gauge = (\n <GaugeGraph\n title={gaugeTitle}\n unitLabel={gaugeUnitLabel}\n legend={gaugeLegend}\n showTicks={gaugeShowTicks}\n ticksNumber={gaugeTicksNumber}\n backgroundColor={gaugeBackgroundColor}\n fillColor={gaugeFillColor}\n value={gaugeValue}\n minValue={gaugeMinValue}\n maxValue={gaugeMaxValue}\n width={chartWidth}\n height={chartHeight}\n />\n );\n\n let type = '';\n\n switch (visualization) {\n case 'verticalBar':\n type = verticalBar;\n break;\n case 'horizontalBar':\n type = horizontalBar;\n break;\n case 'areaLine':\n type = areaLine;\n break;\n case 'numberRatio':\n type = numberRatio;\n break;\n case 'layeredChart':\n type = layeredChart;\n break;\n case 'donut':\n type = pie;\n break;\n case 'pie':\n type = pie;\n break;\n case 'line':\n type = line;\n break;\n case 'gauge':\n type = gauge;\n break;\n default:\n }\n\n return type;\n};\n"],"mappings":"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"}

package/dist/{AvatarAlphabet-C-nQUpJT.js → AvatarAlphabet-D5klbFfJ.js} RENAMED Viewed

@@ -184,4 +184,4 @@ const AvatarAlphabet = (props) => {
 //#endregion
 export { AvatarAlphabet as t };
-//# sourceMappingURL=AvatarAlphabet-C-nQUpJT.js.map
+//# sourceMappingURL=AvatarAlphabet-D5klbFfJ.js.map

package/dist/{AvatarAlphabet-C-nQUpJT.js.map → AvatarAlphabet-D5klbFfJ.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AvatarAlphabet-~~C-nQUpJT~~.js","names":[],"sources":["../src/UI/dataDisplay/AvatarAlphabet.jsx"],"sourcesContent":["import React from 'react'\nimport { Avatar, makeStyles } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n small: {\n width: 20,\n height: 20,\n fontSize: 14,\n marginLeft: 2\n },\n medium: {\n width: 35,\n height: 35,\n fontSize: 16,\n paddingTop: 2\n }\n}))\n\nexport const AvatarAlphabet = (props) => {\n let letter = ''\n const { avatarCharacter, size } = props\n const classes = useStyles()\n\n switch (avatarCharacter) {\n case 'A':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#FFB900' }}\n >\n A\n </Avatar>\n )\n break\n case 'B':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#E74856' }}\n >\n B\n </Avatar>\n )\n break\n case 'C':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#0078D7' }}\n >\n C\n </Avatar>\n )\n break\n case 'D':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#0099BC' }}\n >\n D\n </Avatar>\n )\n break\n case 'E':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#7A7574' }}\n >\n E\n </Avatar>\n )\n break\n case 'F':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#767676' }}\n >\n F\n </Avatar>\n )\n break\n case 'G':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#FF8C00' }}\n >\n G\n </Avatar>\n )\n break\n case 'H':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#E81123' }}\n >\n H\n </Avatar>\n )\n break\n case 'I':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#0063B1' }}\n >\n I\n </Avatar>\n )\n break\n case 'J':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#2D7D9A' }}\n >\n J\n </Avatar>\n )\n break\n case 'K':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#5D5A58' }}\n >\n K\n </Avatar>\n )\n break\n case 'L':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#4C4A48' }}\n >\n L\n </Avatar>\n )\n break\n case 'M':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#F7630C' }}\n >\n M\n </Avatar>\n )\n break\n case 'N':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#EA005E' }}\n >\n N\n </Avatar>\n )\n break\n case 'O':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#8E8CD8' }}\n >\n O\n </Avatar>\n )\n break\n case 'P':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#00B7C3' }}\n >\n P\n </Avatar>\n )\n break\n case 'Q':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#68768A' }}\n >\n Q\n </Avatar>\n )\n break\n case 'R':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#69797E' }}\n >\n R\n </Avatar>\n )\n break\n case 'S':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#CA5010' }}\n >\n S\n </Avatar>\n )\n break\n case 'T':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#C30052' }}\n >\n T\n </Avatar>\n )\n break\n case 'U':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: 'FF4343' }}\n >\n U\n </Avatar>\n )\n break\n case 'V':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#9A0089' }}\n >\n V\n </Avatar>\n )\n break\n case 'W':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#10893E' }}\n >\n W\n </Avatar>\n )\n break\n case 'X':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#567C73' }}\n >\n X\n </Avatar>\n )\n break\n case 'Y':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#018574' }}\n >\n Y\n </Avatar>\n )\n break\n case 'Z':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#881798' }}\n >\n Z\n </Avatar>\n )\n break\n default:\n }\n\n return letter\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"AvatarAlphabet-D5klbFfJ.js","names":[],"sources":["../src/UI/dataDisplay/AvatarAlphabet.jsx"],"sourcesContent":["import React from 'react'\nimport { Avatar, makeStyles } from '@material-ui/core'\n\nconst useStyles = makeStyles((theme) => ({\n small: {\n width: 20,\n height: 20,\n fontSize: 14,\n marginLeft: 2\n },\n medium: {\n width: 35,\n height: 35,\n fontSize: 16,\n paddingTop: 2\n }\n}))\n\nexport const AvatarAlphabet = (props) => {\n let letter = ''\n const { avatarCharacter, size } = props\n const classes = useStyles()\n\n switch (avatarCharacter) {\n case 'A':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#FFB900' }}\n >\n A\n </Avatar>\n )\n break\n case 'B':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#E74856' }}\n >\n B\n </Avatar>\n )\n break\n case 'C':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#0078D7' }}\n >\n C\n </Avatar>\n )\n break\n case 'D':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#0099BC' }}\n >\n D\n </Avatar>\n )\n break\n case 'E':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#7A7574' }}\n >\n E\n </Avatar>\n )\n break\n case 'F':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#767676' }}\n >\n F\n </Avatar>\n )\n break\n case 'G':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#FF8C00' }}\n >\n G\n </Avatar>\n )\n break\n case 'H':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#E81123' }}\n >\n H\n </Avatar>\n )\n break\n case 'I':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#0063B1' }}\n >\n I\n </Avatar>\n )\n break\n case 'J':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#2D7D9A' }}\n >\n J\n </Avatar>\n )\n break\n case 'K':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#5D5A58' }}\n >\n K\n </Avatar>\n )\n break\n case 'L':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#4C4A48' }}\n >\n L\n </Avatar>\n )\n break\n case 'M':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#F7630C' }}\n >\n M\n </Avatar>\n )\n break\n case 'N':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#EA005E' }}\n >\n N\n </Avatar>\n )\n break\n case 'O':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#8E8CD8' }}\n >\n O\n </Avatar>\n )\n break\n case 'P':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#00B7C3' }}\n >\n P\n </Avatar>\n )\n break\n case 'Q':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#68768A' }}\n >\n Q\n </Avatar>\n )\n break\n case 'R':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#69797E' }}\n >\n R\n </Avatar>\n )\n break\n case 'S':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#CA5010' }}\n >\n S\n </Avatar>\n )\n break\n case 'T':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#C30052' }}\n >\n T\n </Avatar>\n )\n break\n case 'U':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: 'FF4343' }}\n >\n U\n </Avatar>\n )\n break\n case 'V':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#9A0089' }}\n >\n V\n </Avatar>\n )\n break\n case 'W':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#10893E' }}\n >\n W\n </Avatar>\n )\n break\n case 'X':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#567C73' }}\n >\n X\n </Avatar>\n )\n break\n case 'Y':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#018574' }}\n >\n Y\n </Avatar>\n )\n break\n case 'Z':\n letter = (\n <Avatar\n className={size === 'small' ? classes.small : classes.medium}\n style={{ backgroundColor: '#881798' }}\n >\n Z\n </Avatar>\n )\n break\n default:\n }\n\n return letter\n}\n"],"mappings":"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"}

package/dist/{BarChartWidget-CQLrWqGJ.js → BarChartWidget-Dwav8_8e.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { t as __export } from "./chunk-B4enJp2Q.js";
-import { t as WidgetCard_default } from "./WidgetCard-UA87S0id.js";
-import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-B8EN8poL.js";
-import { t as convertISODate } from "./ConvertISODate-D9eAZ_8q.js";
+import { t as WidgetCard_default } from "./WidgetCard-U1XoSuoz.js";
+import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-BN9VkqNq.js";
+import { t as convertISODate } from "./ConvertISODate-C640-_Cm.js";
 import React, { Fragment, forwardRef } from "react";
 import { Box, Grid, Typography } from "@material-ui/core";
 import { MuiVegaLite } from "@material-vega/material-ui";
@@ -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-CQLrWqGJ.js.map
+//# sourceMappingURL=BarChartWidget-Dwav8_8e.js.map

package/dist/{BarChartWidget-CQLrWqGJ.js.map → BarChartWidget-Dwav8_8e.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BarChartWidget-~~CQLrWqGJ~~.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-Dwav8_8e.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/{BaseTreeMenu-CbenTnfO.js → BaseTreeMenu-koW5kjhb.js} RENAMED Viewed

@@ -355,4 +355,4 @@ const BaseTreeMenu = (props) => {
 //#endregion
 export { BaseTreeMenuItem as n, BaseTreeMenu as t };
-//# sourceMappingURL=BaseTreeMenu-CbenTnfO.js.map
+//# sourceMappingURL=BaseTreeMenu-koW5kjhb.js.map

package/dist/{BaseTreeMenu-CbenTnfO.js.map → BaseTreeMenu-koW5kjhb.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BaseTreeMenu-CbenTnfO.js","names":["useStyles","other","tree","expanded"],"sources":["../src/treeMenu/BaseTreeMenuItem.jsx","../src/treeMenu/BaseTreeMenu.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n makeStyles,\n lighten,\n Typography,\n CircularProgress,\n darken,\n useTheme,\n Tooltip\n} from '@material-ui/core';\nimport TreeItem from '@material-ui/lab/TreeItem';\nimport { getIconFromName } from '../utilities/tree/TreeUtilities';\nimport clsx from 'clsx';\nimport { UnityFluentIcon } from '../utilities/iconLibrary/UnityFluentIcon';\nimport { getUnityIconFromName } from '../utilities/iconLibrary/UnityIconLibrary';\nimport { useDrag, useDrop } from 'react-dnd';\nimport {\n NodeActionTriggerEnums,\n TreeViewModeEnums\n} from '../enums/unitySystemEnums.ts';\nimport { AggregateChip } from '../UI/utilityDisplay/AggregateChip';\nimport { StatusChip } from '../UI/dataDisplay/status/StatusChip';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n '&.Mui-selected > .MuiTreeItem-content': {\n backgroundColor:\n theme?.getThemeData()?.mode === 'dark'\n ? theme.palette.grey[700]\n : theme.palette.grey[300],\n borderRight: `4px solid ${theme.palette.primary.main}`\n },\n '&.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label': {\n backgroundColor: 'transparent',\n paddingLeft: 0\n },\n '&.Mui-selected > .MuiTreeItem-content > .MuiCollapse-wrapperInner': {\n backgroundColor:\n theme?.getThemeData()?.mode !== 'dark' && theme.palette.grey[50]\n },\n '& .MuiTreeItem-content .MuiTreeItem-iconContainer': {\n display: (props) => (props.sidebarExpanded ? 'flex' : 'none')\n }\n },\n content: {\n backgroundColor: (props) =>\n theme?.getThemeData()?.mode !== 'dark' &&\n props.conditionalIconName &&\n props.conditionalIconColor\n ? lighten(props.conditionalIconColor, 0.92)\n : ''\n },\n labelRoot: {\n display: 'flex',\n alignItems: 'center',\n marginLeft: (props) => (props.sidebarExpanded ? 0 : theme.spacing(1.5)),\n width: '100%'\n },\n labelContainer: {\n display: (props) => (!props.sidebarExpanded ? 'none' : ''),\n width: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? `calc(100% - ${theme.spacing(6.25)}px)`\n : `calc(100% - ${theme.spacing(7.75)}px)`\n },\n conditionalIconContainer: {\n display: 'inline-flex'\n },\n labelText: {\n fontSize: '0.75rem',\n fontWeight: 600,\n lineHeight: '1rem',\n letterSpacing: 0.1\n },\n captionText: {\n marginLeft: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact ? theme.spacing(1) : '',\n fontSize: '0.65rem',\n fontWeight: 400,\n lineHeight: 1,\n letterSpacing: 0.4\n },\n labelOverflow: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis'\n },\n group: {\n width: '100%',\n '& .MuiTreeItem-group': {\n marginLeft: 0\n },\n '& .MuiTreeItem-content': {\n paddingLeft: (props) =>\n props.sidebarExpanded ? (props.depth \|\| 1) * theme.spacing(1) : 0,\n borderRight: (props) =>\n props.showRightBorderColor\n ? `4px solid ${theme.palette.primary.main}`\n : '',\n borderBottom: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? `1px solid ${theme.palette.grey[200]}`\n : ''\n },\n '& .MuiTreeItem-content .MuiTreeItem-label': {\n paddingLeft: 0,\n width: (props) =>\n props.sidebarExpanded && `calc(100% - ${theme.spacing(2.5)}px)`\n },\n '& .MuiTreeItem-content .MuiTreeItem-iconContainer span': {\n display: (props) => (props.hideExpansion ? 'none' : '')\n },\n '& .MuiCollapse-wrapperInner': {\n backgroundColor: (props) =>\n theme?.getThemeData()?.mode !== 'dark' && props.isSelectedNode\n ? theme.palette.grey[50]\n : ''\n }\n },\n iconContainer: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 50,\n marginTop: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? theme.spacing(0.25)\n : theme.spacing(0.5),\n marginBottom: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? theme.spacing(0.25)\n : theme.spacing(0.5),\n marginRight: theme.spacing(1),\n width: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? theme.spacing(3)\n : theme.spacing(4),\n height: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? theme.spacing(3)\n : theme.spacing(4),\n border: (props) =>\n props.iconColor\n ? `1px solid ${darken(props.iconColor, 0.1)}`\n : `1px solid ${theme.palette.secondary.main}`,\n backgroundColor: '#ffffff'\n }\n}));\n\nexport const BaseTreeMenuItem = (props) => {\n const {\n parentId,\n nodeId,\n iconName,\n iconType,\n conditionalIconName,\n conditionalIconType,\n conditionalIconColor,\n label,\n iconColor,\n onNodeSelect,\n isSelectedNode,\n subLabel,\n sidebarExpanded,\n isLastNode,\n loading,\n node,\n onDropNode,\n treeViewMode,\n menuIndex,\n aggregateThresholdId,\n ...other\n } = props;\n const classes = useStyles(props);\n const theme = useTheme();\n\n const [{ isDragging }, dragRef] = useDrag({\n type: 'BaseTreeMenuItem',\n item: { ...node, sourceNodeMenuIndex: menuIndex },\n collect: (monitor) => ({\n isDragging: monitor.isDragging()\n })\n });\n\n const handleOnDrop = useCallback(\n (sourceNode, monitor) => {\n if (!monitor.didDrop()) {\n if (onDropNode) {\n const { sourceNodeMenuIndex, ...other } = sourceNode;\n onDropNode({ ...other }, node, sourceNodeMenuIndex, menuIndex);\n }\n }\n },\n [onDropNode, node, menuIndex]\n );\n\n const [{ canDrop, isOver }, dropRef] = useDrop(\n () => ({\n accept: ['BaseTreeMenuItem'],\n drop: (sourceNode, monitor) => {\n // condition to only handle first drop\n handleOnDrop(sourceNode, monitor);\n },\n canDrop: (sourceNode) => checkCanDrop(sourceNode),\n collect: (monitor) => ({\n isOver: monitor.isOver(),\n canDrop: !!monitor.canDrop()\n })\n }),\n [handleOnDrop]\n );\n\n const checkCanDrop = useCallback(\n (sourceNode) => {\n if (sourceNode) {\n const onDropActions = node?.properties?.nodeActions?.filter(\n (na) => na?.triggerType === NodeActionTriggerEnums.On_Node_Drop\n );\n if (!onDropActions) {\n return false;\n }\n const nodeDragEntities = onDropActions?.map(\n (action) => action?.dragEntityName\n );\n return nodeDragEntities.includes(\n sourceNode?.properties?.catalogReturnObject\n );\n }\n },\n [node]\n );\n\n const handleOnLabelClick = useCallback(\n (e) => {\n e.preventDefault();\n onNodeSelect(e, nodeId);\n },\n [onNodeSelect, nodeId]\n );\n\n return (\n <TreeItem\n className={classes.group}\n key={nodeId}\n nodeId={nodeId}\n label={\n <div ref={dropRef}>\n <Tooltip title={sidebarExpanded ? '' : label}>\n <div\n ref={(node?.properties?.isDraggable && dragRef) \|\| null}\n style={{ opacity: isDragging ? 0.5 : 1 }}\n >\n {loading ? (\n <CircularProgress size={12} />\n ) : (\n <div\n id={'udpRecord-BaseTreeMenuItem-'+label.replace(/\\s+/g, '')}\n udprecordid={'udpRecord-BaseTreeMenuItem-'+label.replace(/\\s+/g, '')}\n className={classes.labelRoot}\n style={{\n fontWeight: isSelectedNode ? 'bold' : ''\n }}\n >\n {iconName && (\n <div className={classes.iconContainer}>\n <UnityFluentIcon\n size={\n treeViewMode === TreeViewModeEnums.Compact\n ? 'small'\n : 'medium'\n }\n color={iconColor}\n type={iconType}\n icon={\n iconType === 'unity'\n ? getUnityIconFromName(iconName)\n : getIconFromName(iconName)\n }\n style={{\n color: iconColor\n ? darken(iconColor, 0.1)\n : theme.palette.secondary.main\n }}\n />\n </div>\n )}\n <div className={classes.labelContainer}>\n <Typography\n variant='subtitle2'\n className={clsx(classes.labelText, classes.labelOverflow)}\n >\n {label}\n {subLabel &&\n treeViewMode === TreeViewModeEnums.Compact && (\n <Typography\n variant='caption'\n className={clsx(\n classes.captionText,\n classes.labelOverflow\n )}\n >\n {subLabel}\n </Typography>\n )}\n </Typography>\n {subLabel && treeViewMode === TreeViewModeEnums.Classic && (\n <div className={classes.labelOverflow}>\n <Typography\n variant='caption'\n className={clsx(classes.captionText)}\n >\n {subLabel}\n </Typography>\n </div>\n )}\n </div>\n {node?.properties?.itemCount !== undefined &&\n node?.properties?.itemCount !== null &&\n sidebarExpanded && (\n <StatusChip\n label={String(node.properties.itemCount)}\n useSmallChip={true}\n />\n )}\n <AggregateChip aggregateThresholdId={aggregateThresholdId} />\n {conditionalIconName && sidebarExpanded && (\n <div className={classes.conditionalIconContainer}>\n <UnityFluentIcon\n size={\n treeViewMode === TreeViewModeEnums.Compact\n ? 'small'\n : 'medium'\n }\n color={conditionalIconColor}\n type={conditionalIconType}\n icon={\n conditionalIconType === 'unity'\n ? getUnityIconFromName(conditionalIconName)\n : getIconFromName(conditionalIconName)\n }\n style={{\n color: conditionalIconColor\n }}\n />\n </div>\n )}\n </div>\n )}\n </div>\n </Tooltip>\n </div>\n }\n onLabelClick={handleOnLabelClick}\n classes={{ root: classes.root, content: classes.content }}\n {...other}\n />\n );\n};\n","import React, { useCallback, useState, useEffect, useRef } from 'react';\nimport {\n makeStyles,\n useTheme,\n lighten,\n CircularProgress,\n Typography\n} from '@material-ui/core';\nimport TreeView from '@material-ui/lab/TreeView';\nimport { BaseTreeMenuItem } from './BaseTreeMenuItem';\nimport {\n searchTree,\n findAllParentIds,\n getNodeIdForRightBorder\n} from '../utilities/tree/TreeUtilities';\nimport { FluentIcon } from '../utilities/iconLibrary/FluentIcon';\nimport { CaretUpSolid8Icon, CaretDownSolid8Icon } from '@fluentui/react-icons';\nimport { cloneDeep } from 'lodash';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums.ts';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n marginBottom: theme.spacing(1.75),\n borderTop: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? `1px solid ${theme.palette.grey[200]}`\n : ''\n },\n noChildrenContainer: {\n borderBottom: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? `1px solid ${theme.palette.grey[200]}`\n : ''\n }\n}));\n\nexport const BaseTreeMenu = (props) => {\n const {\n menuItems,\n onSelectNode,\n onDropNode,\n menuIndex,\n selectedNodeId,\n selectedNodeParentId,\n sidebarExpanded,\n treeViewMode,\n childrenKey = 'children'\n } = props;\n const [expanded, setExpanded] = useState(null);\n const [isCurrentActiveTree, setIsCurrentActiveTree] = useState(false);\n const [selectedNodeIsHidden, setSelectedNodeIsHidden] = useState(false);\n const [tree, setTree] = useState(menuItems);\n const theme = useTheme();\n const classes = useStyles(props);\n const firstRender = useRef(true);\n\n const handleSelectedNode = useCallback(\n (e, value) => {\n const selectedNode = searchTree(tree, value);\n if (onSelectNode) {\n onSelectNode(selectedNode, menuIndex);\n setSelectedNodeIsHidden(false);\n }\n },\n [tree, menuIndex, onSelectNode]\n );\n\n const renderTree = useCallback(\n (node, depth = 1) => {\n let label = node.properties?.nodeLabel \|\| node.properties?.name;\n let subLabel = node.properties?.nodeSubLabel;\n let iconName = node.properties?.defaultIcon?.name;\n let iconType = node.properties?.defaultIcon?.type;\n let conditionalIconName = node.properties?.conditionalIconName \|\| '';\n let conditionalIconType = node.properties?.conditionalIconName\n ? node.properties.conditionalIconType\n : '';\n let conditionalIconColor = node.properties?.conditionalIconName\n ? node.properties?.conditionalIconColor\n : '';\n let nodeId = node.id;\n let iconColor = node.properties?.conditionalIconName\n ? node.properties?.conditionalIconColor\n : node.properties?.defaultIcon?.color?.hex;\n let aggregateThresholdId = node.properties?.aggregateThresholdId \|\| '';\n\n if (node.isGroupNode) {\n label = node.properties?.label;\n subLabel = node.properties?.subLabel;\n iconName = node.properties?.icon?.name;\n iconType = node.properties?.icon?.type;\n iconColor = node.properties?.icon?.color?.hex;\n }\n\n return (\n <BaseTreeMenuItem\n key={nodeId}\n nodeId={nodeId}\n label={label}\n subLabel={subLabel}\n iconName={iconName}\n iconType={iconType}\n conditionalIconName={conditionalIconName}\n conditionalIconType={conditionalIconType}\n conditionalIconColor={conditionalIconColor}\n parentId={node.parentId}\n iconColor={iconColor}\n onNodeSelect={handleSelectedNode}\n selectedNodeId={selectedNodeId}\n isSelectedNode={selectedNodeId === node.id}\n showRightBorderColor={\n selectedNodeIsHidden &&\n isCurrentActiveTree &&\n getNodeIdForRightBorder(expanded, tree, selectedNodeParentId) ===\n node.id\n }\n isCurrentActiveTree={isCurrentActiveTree}\n sidebarExpanded={sidebarExpanded}\n depth={depth}\n hideExpansion={!!!node[childrenKey]?.length}\n node={node}\n onDropNode={onDropNode}\n treeViewMode={treeViewMode}\n menuIndex={menuIndex}\n aggregateThresholdId={aggregateThresholdId}\n >\n {node.properties?.lazyLoad &&\n !!!node[childrenKey]?.length &&\n !node.completedLoadingChildren && (\n <CircularProgress\n size={12}\n style={{ marginLeft: (depth \|\| 1) * theme.spacing(1) }}\n />\n )}\n {node.properties?.lazyLoad &&\n !!!node[childrenKey]?.length &&\n node.completedLoadingChildren &&\n sidebarExpanded &&\n !node.errorRetrievingChildren && (\n <div className={classes.noChildrenContainer}>\n <Typography\n variant='caption'\n style={{\n marginLeft: (depth \|\| 1) * theme.spacing(3),\n fontWeight: 400\n }}\n >\n No Children\n </Typography>\n </div>\n )}\n {node.properties?.lazyLoad &&\n node.completedLoadingChildren &&\n sidebarExpanded &&\n node.errorRetrievingChildren && (\n <div className={classes.noChildrenContainer}>\n <Typography\n variant='caption'\n style={{\n marginLeft: (depth \|\| 1) * theme.spacing(3),\n fontWeight: 400\n }}\n >\n {`Error Retrieving ${\n !!node[childrenKey]?.length ? `Additional ` : ''\n }Children`}\n </Typography>\n </div>\n )}\n {Array.isArray(node[childrenKey])\n ? node[childrenKey].map((n, i) => renderTree(n, depth + 1))\n : null}\n </BaseTreeMenuItem>\n );\n },\n [\n handleSelectedNode,\n selectedNodeId,\n selectedNodeIsHidden,\n isCurrentActiveTree,\n sidebarExpanded,\n expanded,\n tree,\n selectedNodeParentId,\n theme,\n classes,\n onDropNode,\n treeViewMode,\n menuIndex,\n childrenKey\n ]\n );\n\n const handleNodeExpansion = useCallback(\n async (evt, nodeIds) => {\n const treeCopy = cloneDeep(tree);\n setExpanded(nodeIds);\n\n const parentNode = searchTree(treeCopy, selectedNodeParentId);\n const initialAllParentNodeIds = selectedNodeParentId\n ? [selectedNodeParentId]\n : [];\n const allParentNodeIds = findAllParentIds(\n treeCopy,\n parentNode,\n initialAllParentNodeIds\n );\n const selectedNodeShown = allParentNodeIds.every((id) =>\n nodeIds.includes(id)\n );\n if (\n isCurrentActiveTree &&\n allParentNodeIds.length &&\n !selectedNodeShown\n ) {\n setSelectedNodeIsHidden(true);\n } else {\n setSelectedNodeIsHidden(false);\n }\n },\n [isCurrentActiveTree, tree, selectedNodeParentId]\n );\n\n const getExpandedRecursively = useCallback(\n (tree) => {\n if (!tree) return [];\n return tree.reduce((expandedIds, item) => {\n if (item?.isExpanded) {\n expandedIds.push(item.id);\n }\n if (item && item[childrenKey]?.length) {\n expandedIds = expandedIds.concat(\n getExpandedRecursively(item[childrenKey])\n );\n }\n return expandedIds;\n }, []);\n },\n [childrenKey]\n );\n\n useEffect(() => {\n setTree(menuItems);\n }, [menuItems]);\n\n useEffect(() => {\n if (!tree) return;\n if (firstRender.current) {\n let expanded = [];\n if (tree?.isExpanded) {\n expanded.push(tree.id);\n }\n expanded = expanded.concat(getExpandedRecursively(tree[childrenKey]));\n setExpanded(expanded);\n firstRender.current = false;\n }\n // Do not reset expanded on subsequent updates\n }, [getExpandedRecursively, tree, childrenKey]);\n\n useEffect(() => {\n if (!!searchTree(tree, selectedNodeId)) {\n setIsCurrentActiveTree(true);\n } else {\n setIsCurrentActiveTree(false);\n }\n }, [tree, selectedNodeId]);\n\n const treeSelectedId =\n isCurrentActiveTree && selectedNodeId != null\n ? String(selectedNodeId)\n : null;\n\n if (!expanded) {\n return null;\n }\n\n return (\n <TreeView\n key={tree}\n className={classes.root}\n defaultCollapseIcon={\n <FluentIcon\n size='small'\n component={CaretUpSolid8Icon}\n style={{\n color: lighten(theme.palette.primary.main, 0.5),\n width: theme.spacing(1.5),\n height: theme.spacing(1.5)\n }}\n />\n }\n expanded={expanded \|\| []}\n onNodeToggle={handleNodeExpansion}\n defaultExpandIcon={\n <FluentIcon\n size='small'\n component={CaretDownSolid8Icon}\n style={{\n color: lighten(theme.palette.primary.main, 0.5),\n width: theme.spacing(1.5),\n height: theme.spacing(1.5)\n }}\n />\n }\n selected={treeSelectedId}\n >\n {tree && renderTree(tree)}\n </TreeView>\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"BaseTreeMenu-koW5kjhb.js","names":["useStyles","other","tree","expanded"],"sources":["../src/treeMenu/BaseTreeMenuItem.jsx","../src/treeMenu/BaseTreeMenu.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport {\n makeStyles,\n lighten,\n Typography,\n CircularProgress,\n darken,\n useTheme,\n Tooltip\n} from '@material-ui/core';\nimport TreeItem from '@material-ui/lab/TreeItem';\nimport { getIconFromName } from '../utilities/tree/TreeUtilities';\nimport clsx from 'clsx';\nimport { UnityFluentIcon } from '../utilities/iconLibrary/UnityFluentIcon';\nimport { getUnityIconFromName } from '../utilities/iconLibrary/UnityIconLibrary';\nimport { useDrag, useDrop } from 'react-dnd';\nimport {\n NodeActionTriggerEnums,\n TreeViewModeEnums\n} from '../enums/unitySystemEnums.ts';\nimport { AggregateChip } from '../UI/utilityDisplay/AggregateChip';\nimport { StatusChip } from '../UI/dataDisplay/status/StatusChip';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n '&.Mui-selected > .MuiTreeItem-content': {\n backgroundColor:\n theme?.getThemeData()?.mode === 'dark'\n ? theme.palette.grey[700]\n : theme.palette.grey[300],\n borderRight: `4px solid ${theme.palette.primary.main}`\n },\n '&.Mui-selected > .MuiTreeItem-content .MuiTreeItem-label': {\n backgroundColor: 'transparent',\n paddingLeft: 0\n },\n '&.Mui-selected > .MuiTreeItem-content > .MuiCollapse-wrapperInner': {\n backgroundColor:\n theme?.getThemeData()?.mode !== 'dark' && theme.palette.grey[50]\n },\n '& .MuiTreeItem-content .MuiTreeItem-iconContainer': {\n display: (props) => (props.sidebarExpanded ? 'flex' : 'none')\n }\n },\n content: {\n backgroundColor: (props) =>\n theme?.getThemeData()?.mode !== 'dark' &&\n props.conditionalIconName &&\n props.conditionalIconColor\n ? lighten(props.conditionalIconColor, 0.92)\n : ''\n },\n labelRoot: {\n display: 'flex',\n alignItems: 'center',\n marginLeft: (props) => (props.sidebarExpanded ? 0 : theme.spacing(1.5)),\n width: '100%'\n },\n labelContainer: {\n display: (props) => (!props.sidebarExpanded ? 'none' : ''),\n width: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? `calc(100% - ${theme.spacing(6.25)}px)`\n : `calc(100% - ${theme.spacing(7.75)}px)`\n },\n conditionalIconContainer: {\n display: 'inline-flex'\n },\n labelText: {\n fontSize: '0.75rem',\n fontWeight: 600,\n lineHeight: '1rem',\n letterSpacing: 0.1\n },\n captionText: {\n marginLeft: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact ? theme.spacing(1) : '',\n fontSize: '0.65rem',\n fontWeight: 400,\n lineHeight: 1,\n letterSpacing: 0.4\n },\n labelOverflow: {\n whiteSpace: 'nowrap',\n overflow: 'hidden',\n textOverflow: 'ellipsis'\n },\n group: {\n width: '100%',\n '& .MuiTreeItem-group': {\n marginLeft: 0\n },\n '& .MuiTreeItem-content': {\n paddingLeft: (props) =>\n props.sidebarExpanded ? (props.depth \|\| 1) * theme.spacing(1) : 0,\n borderRight: (props) =>\n props.showRightBorderColor\n ? `4px solid ${theme.palette.primary.main}`\n : '',\n borderBottom: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? `1px solid ${theme.palette.grey[200]}`\n : ''\n },\n '& .MuiTreeItem-content .MuiTreeItem-label': {\n paddingLeft: 0,\n width: (props) =>\n props.sidebarExpanded && `calc(100% - ${theme.spacing(2.5)}px)`\n },\n '& .MuiTreeItem-content .MuiTreeItem-iconContainer span': {\n display: (props) => (props.hideExpansion ? 'none' : '')\n },\n '& .MuiCollapse-wrapperInner': {\n backgroundColor: (props) =>\n theme?.getThemeData()?.mode !== 'dark' && props.isSelectedNode\n ? theme.palette.grey[50]\n : ''\n }\n },\n iconContainer: {\n display: 'flex',\n alignItems: 'center',\n justifyContent: 'center',\n borderRadius: 50,\n marginTop: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? theme.spacing(0.25)\n : theme.spacing(0.5),\n marginBottom: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? theme.spacing(0.25)\n : theme.spacing(0.5),\n marginRight: theme.spacing(1),\n width: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? theme.spacing(3)\n : theme.spacing(4),\n height: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? theme.spacing(3)\n : theme.spacing(4),\n border: (props) =>\n props.iconColor\n ? `1px solid ${darken(props.iconColor, 0.1)}`\n : `1px solid ${theme.palette.secondary.main}`,\n backgroundColor: '#ffffff'\n }\n}));\n\nexport const BaseTreeMenuItem = (props) => {\n const {\n parentId,\n nodeId,\n iconName,\n iconType,\n conditionalIconName,\n conditionalIconType,\n conditionalIconColor,\n label,\n iconColor,\n onNodeSelect,\n isSelectedNode,\n subLabel,\n sidebarExpanded,\n isLastNode,\n loading,\n node,\n onDropNode,\n treeViewMode,\n menuIndex,\n aggregateThresholdId,\n ...other\n } = props;\n const classes = useStyles(props);\n const theme = useTheme();\n\n const [{ isDragging }, dragRef] = useDrag({\n type: 'BaseTreeMenuItem',\n item: { ...node, sourceNodeMenuIndex: menuIndex },\n collect: (monitor) => ({\n isDragging: monitor.isDragging()\n })\n });\n\n const handleOnDrop = useCallback(\n (sourceNode, monitor) => {\n if (!monitor.didDrop()) {\n if (onDropNode) {\n const { sourceNodeMenuIndex, ...other } = sourceNode;\n onDropNode({ ...other }, node, sourceNodeMenuIndex, menuIndex);\n }\n }\n },\n [onDropNode, node, menuIndex]\n );\n\n const [{ canDrop, isOver }, dropRef] = useDrop(\n () => ({\n accept: ['BaseTreeMenuItem'],\n drop: (sourceNode, monitor) => {\n // condition to only handle first drop\n handleOnDrop(sourceNode, monitor);\n },\n canDrop: (sourceNode) => checkCanDrop(sourceNode),\n collect: (monitor) => ({\n isOver: monitor.isOver(),\n canDrop: !!monitor.canDrop()\n })\n }),\n [handleOnDrop]\n );\n\n const checkCanDrop = useCallback(\n (sourceNode) => {\n if (sourceNode) {\n const onDropActions = node?.properties?.nodeActions?.filter(\n (na) => na?.triggerType === NodeActionTriggerEnums.On_Node_Drop\n );\n if (!onDropActions) {\n return false;\n }\n const nodeDragEntities = onDropActions?.map(\n (action) => action?.dragEntityName\n );\n return nodeDragEntities.includes(\n sourceNode?.properties?.catalogReturnObject\n );\n }\n },\n [node]\n );\n\n const handleOnLabelClick = useCallback(\n (e) => {\n e.preventDefault();\n onNodeSelect(e, nodeId);\n },\n [onNodeSelect, nodeId]\n );\n\n return (\n <TreeItem\n className={classes.group}\n key={nodeId}\n nodeId={nodeId}\n label={\n <div ref={dropRef}>\n <Tooltip title={sidebarExpanded ? '' : label}>\n <div\n ref={(node?.properties?.isDraggable && dragRef) \|\| null}\n style={{ opacity: isDragging ? 0.5 : 1 }}\n >\n {loading ? (\n <CircularProgress size={12} />\n ) : (\n <div\n id={'udpRecord-BaseTreeMenuItem-'+label.replace(/\\s+/g, '')}\n udprecordid={'udpRecord-BaseTreeMenuItem-'+label.replace(/\\s+/g, '')}\n className={classes.labelRoot}\n style={{\n fontWeight: isSelectedNode ? 'bold' : ''\n }}\n >\n {iconName && (\n <div className={classes.iconContainer}>\n <UnityFluentIcon\n size={\n treeViewMode === TreeViewModeEnums.Compact\n ? 'small'\n : 'medium'\n }\n color={iconColor}\n type={iconType}\n icon={\n iconType === 'unity'\n ? getUnityIconFromName(iconName)\n : getIconFromName(iconName)\n }\n style={{\n color: iconColor\n ? darken(iconColor, 0.1)\n : theme.palette.secondary.main\n }}\n />\n </div>\n )}\n <div className={classes.labelContainer}>\n <Typography\n variant='subtitle2'\n className={clsx(classes.labelText, classes.labelOverflow)}\n >\n {label}\n {subLabel &&\n treeViewMode === TreeViewModeEnums.Compact && (\n <Typography\n variant='caption'\n className={clsx(\n classes.captionText,\n classes.labelOverflow\n )}\n >\n {subLabel}\n </Typography>\n )}\n </Typography>\n {subLabel && treeViewMode === TreeViewModeEnums.Classic && (\n <div className={classes.labelOverflow}>\n <Typography\n variant='caption'\n className={clsx(classes.captionText)}\n >\n {subLabel}\n </Typography>\n </div>\n )}\n </div>\n {node?.properties?.itemCount !== undefined &&\n node?.properties?.itemCount !== null &&\n sidebarExpanded && (\n <StatusChip\n label={String(node.properties.itemCount)}\n useSmallChip={true}\n />\n )}\n <AggregateChip aggregateThresholdId={aggregateThresholdId} />\n {conditionalIconName && sidebarExpanded && (\n <div className={classes.conditionalIconContainer}>\n <UnityFluentIcon\n size={\n treeViewMode === TreeViewModeEnums.Compact\n ? 'small'\n : 'medium'\n }\n color={conditionalIconColor}\n type={conditionalIconType}\n icon={\n conditionalIconType === 'unity'\n ? getUnityIconFromName(conditionalIconName)\n : getIconFromName(conditionalIconName)\n }\n style={{\n color: conditionalIconColor\n }}\n />\n </div>\n )}\n </div>\n )}\n </div>\n </Tooltip>\n </div>\n }\n onLabelClick={handleOnLabelClick}\n classes={{ root: classes.root, content: classes.content }}\n {...other}\n />\n );\n};\n","import React, { useCallback, useState, useEffect, useRef } from 'react';\nimport {\n makeStyles,\n useTheme,\n lighten,\n CircularProgress,\n Typography\n} from '@material-ui/core';\nimport TreeView from '@material-ui/lab/TreeView';\nimport { BaseTreeMenuItem } from './BaseTreeMenuItem';\nimport {\n searchTree,\n findAllParentIds,\n getNodeIdForRightBorder\n} from '../utilities/tree/TreeUtilities';\nimport { FluentIcon } from '../utilities/iconLibrary/FluentIcon';\nimport { CaretUpSolid8Icon, CaretDownSolid8Icon } from '@fluentui/react-icons';\nimport { cloneDeep } from 'lodash';\nimport { TreeViewModeEnums } from '../enums/unitySystemEnums.ts';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n marginBottom: theme.spacing(1.75),\n borderTop: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? `1px solid ${theme.palette.grey[200]}`\n : ''\n },\n noChildrenContainer: {\n borderBottom: (props) =>\n props.treeViewMode === TreeViewModeEnums.Compact\n ? `1px solid ${theme.palette.grey[200]}`\n : ''\n }\n}));\n\nexport const BaseTreeMenu = (props) => {\n const {\n menuItems,\n onSelectNode,\n onDropNode,\n menuIndex,\n selectedNodeId,\n selectedNodeParentId,\n sidebarExpanded,\n treeViewMode,\n childrenKey = 'children'\n } = props;\n const [expanded, setExpanded] = useState(null);\n const [isCurrentActiveTree, setIsCurrentActiveTree] = useState(false);\n const [selectedNodeIsHidden, setSelectedNodeIsHidden] = useState(false);\n const [tree, setTree] = useState(menuItems);\n const theme = useTheme();\n const classes = useStyles(props);\n const firstRender = useRef(true);\n\n const handleSelectedNode = useCallback(\n (e, value) => {\n const selectedNode = searchTree(tree, value);\n if (onSelectNode) {\n onSelectNode(selectedNode, menuIndex);\n setSelectedNodeIsHidden(false);\n }\n },\n [tree, menuIndex, onSelectNode]\n );\n\n const renderTree = useCallback(\n (node, depth = 1) => {\n let label = node.properties?.nodeLabel \|\| node.properties?.name;\n let subLabel = node.properties?.nodeSubLabel;\n let iconName = node.properties?.defaultIcon?.name;\n let iconType = node.properties?.defaultIcon?.type;\n let conditionalIconName = node.properties?.conditionalIconName \|\| '';\n let conditionalIconType = node.properties?.conditionalIconName\n ? node.properties.conditionalIconType\n : '';\n let conditionalIconColor = node.properties?.conditionalIconName\n ? node.properties?.conditionalIconColor\n : '';\n let nodeId = node.id;\n let iconColor = node.properties?.conditionalIconName\n ? node.properties?.conditionalIconColor\n : node.properties?.defaultIcon?.color?.hex;\n let aggregateThresholdId = node.properties?.aggregateThresholdId \|\| '';\n\n if (node.isGroupNode) {\n label = node.properties?.label;\n subLabel = node.properties?.subLabel;\n iconName = node.properties?.icon?.name;\n iconType = node.properties?.icon?.type;\n iconColor = node.properties?.icon?.color?.hex;\n }\n\n return (\n <BaseTreeMenuItem\n key={nodeId}\n nodeId={nodeId}\n label={label}\n subLabel={subLabel}\n iconName={iconName}\n iconType={iconType}\n conditionalIconName={conditionalIconName}\n conditionalIconType={conditionalIconType}\n conditionalIconColor={conditionalIconColor}\n parentId={node.parentId}\n iconColor={iconColor}\n onNodeSelect={handleSelectedNode}\n selectedNodeId={selectedNodeId}\n isSelectedNode={selectedNodeId === node.id}\n showRightBorderColor={\n selectedNodeIsHidden &&\n isCurrentActiveTree &&\n getNodeIdForRightBorder(expanded, tree, selectedNodeParentId) ===\n node.id\n }\n isCurrentActiveTree={isCurrentActiveTree}\n sidebarExpanded={sidebarExpanded}\n depth={depth}\n hideExpansion={!!!node[childrenKey]?.length}\n node={node}\n onDropNode={onDropNode}\n treeViewMode={treeViewMode}\n menuIndex={menuIndex}\n aggregateThresholdId={aggregateThresholdId}\n >\n {node.properties?.lazyLoad &&\n !!!node[childrenKey]?.length &&\n !node.completedLoadingChildren && (\n <CircularProgress\n size={12}\n style={{ marginLeft: (depth \|\| 1) * theme.spacing(1) }}\n />\n )}\n {node.properties?.lazyLoad &&\n !!!node[childrenKey]?.length &&\n node.completedLoadingChildren &&\n sidebarExpanded &&\n !node.errorRetrievingChildren && (\n <div className={classes.noChildrenContainer}>\n <Typography\n variant='caption'\n style={{\n marginLeft: (depth \|\| 1) * theme.spacing(3),\n fontWeight: 400\n }}\n >\n No Children\n </Typography>\n </div>\n )}\n {node.properties?.lazyLoad &&\n node.completedLoadingChildren &&\n sidebarExpanded &&\n node.errorRetrievingChildren && (\n <div className={classes.noChildrenContainer}>\n <Typography\n variant='caption'\n style={{\n marginLeft: (depth \|\| 1) * theme.spacing(3),\n fontWeight: 400\n }}\n >\n {`Error Retrieving ${\n !!node[childrenKey]?.length ? `Additional ` : ''\n }Children`}\n </Typography>\n </div>\n )}\n {Array.isArray(node[childrenKey])\n ? node[childrenKey].map((n, i) => renderTree(n, depth + 1))\n : null}\n </BaseTreeMenuItem>\n );\n },\n [\n handleSelectedNode,\n selectedNodeId,\n selectedNodeIsHidden,\n isCurrentActiveTree,\n sidebarExpanded,\n expanded,\n tree,\n selectedNodeParentId,\n theme,\n classes,\n onDropNode,\n treeViewMode,\n menuIndex,\n childrenKey\n ]\n );\n\n const handleNodeExpansion = useCallback(\n async (evt, nodeIds) => {\n const treeCopy = cloneDeep(tree);\n setExpanded(nodeIds);\n\n const parentNode = searchTree(treeCopy, selectedNodeParentId);\n const initialAllParentNodeIds = selectedNodeParentId\n ? [selectedNodeParentId]\n : [];\n const allParentNodeIds = findAllParentIds(\n treeCopy,\n parentNode,\n initialAllParentNodeIds\n );\n const selectedNodeShown = allParentNodeIds.every((id) =>\n nodeIds.includes(id)\n );\n if (\n isCurrentActiveTree &&\n allParentNodeIds.length &&\n !selectedNodeShown\n ) {\n setSelectedNodeIsHidden(true);\n } else {\n setSelectedNodeIsHidden(false);\n }\n },\n [isCurrentActiveTree, tree, selectedNodeParentId]\n );\n\n const getExpandedRecursively = useCallback(\n (tree) => {\n if (!tree) return [];\n return tree.reduce((expandedIds, item) => {\n if (item?.isExpanded) {\n expandedIds.push(item.id);\n }\n if (item && item[childrenKey]?.length) {\n expandedIds = expandedIds.concat(\n getExpandedRecursively(item[childrenKey])\n );\n }\n return expandedIds;\n }, []);\n },\n [childrenKey]\n );\n\n useEffect(() => {\n setTree(menuItems);\n }, [menuItems]);\n\n useEffect(() => {\n if (!tree) return;\n if (firstRender.current) {\n let expanded = [];\n if (tree?.isExpanded) {\n expanded.push(tree.id);\n }\n expanded = expanded.concat(getExpandedRecursively(tree[childrenKey]));\n setExpanded(expanded);\n firstRender.current = false;\n }\n // Do not reset expanded on subsequent updates\n }, [getExpandedRecursively, tree, childrenKey]);\n\n useEffect(() => {\n if (!!searchTree(tree, selectedNodeId)) {\n setIsCurrentActiveTree(true);\n } else {\n setIsCurrentActiveTree(false);\n }\n }, [tree, selectedNodeId]);\n\n const treeSelectedId =\n isCurrentActiveTree && selectedNodeId != null\n ? String(selectedNodeId)\n : null;\n\n if (!expanded) {\n return null;\n }\n\n return (\n <TreeView\n key={tree}\n className={classes.root}\n defaultCollapseIcon={\n <FluentIcon\n size='small'\n component={CaretUpSolid8Icon}\n style={{\n color: lighten(theme.palette.primary.main, 0.5),\n width: theme.spacing(1.5),\n height: theme.spacing(1.5)\n }}\n />\n }\n expanded={expanded \|\| []}\n onNodeToggle={handleNodeExpansion}\n defaultExpandIcon={\n <FluentIcon\n size='small'\n component={CaretDownSolid8Icon}\n style={{\n color: lighten(theme.palette.primary.main, 0.5),\n width: theme.spacing(1.5),\n height: theme.spacing(1.5)\n }}\n />\n }\n selected={treeSelectedId}\n >\n {tree && renderTree(tree)}\n </TreeView>\n );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;AAuBA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,yCAAyC;GACvC,iBACE,OAAO,cAAc,EAAE,SAAS,SAC5B,MAAM,QAAQ,KAAK,OACnB,MAAM,QAAQ,KAAK;GACzB,aAAa,aAAa,MAAM,QAAQ,QAAQ;GACjD;EACD,4DAA4D;GAC1D,iBAAiB;GACjB,aAAa;GACd;EACD,qEAAqE,EACnE,iBACE,OAAO,cAAc,EAAE,SAAS,UAAU,MAAM,QAAQ,KAAK,KAChE;EACD,qDAAqD,EACnD,UAAU,UAAW,MAAM,kBAAkB,SAAS,QACvD;EACF;CACD,SAAS,EACP,kBAAkB,UAChB,OAAO,cAAc,EAAE,SAAS,UAChC,MAAM,uBACN,MAAM,uBACF,QAAQ,MAAM,sBAAsB,IAAK,GACzC,IACP;CACD,WAAW;EACT,SAAS;EACT,YAAY;EACZ,aAAa,UAAW,MAAM,kBAAkB,IAAI,MAAM,QAAQ,IAAI;EACtE,OAAO;EACR;CACD,gBAAgB;EACd,UAAU,UAAW,CAAC,MAAM,kBAAkB,SAAS;EACvD,QAAQ,UACN,MAAM,iBAAiB,kBAAkB,UACrC,eAAe,MAAM,QAAQ,KAAK,CAAC,OACnC,eAAe,MAAM,QAAQ,KAAK,CAAC;EAC1C;CACD,0BAA0B,EACxB,SAAS,eACV;CACD,WAAW;EACT,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,eAAe;EAChB;CACD,aAAa;EACX,aAAa,UACX,MAAM,iBAAiB,kBAAkB,UAAU,MAAM,QAAQ,EAAE,GAAG;EACxE,UAAU;EACV,YAAY;EACZ,YAAY;EACZ,eAAe;EAChB;CACD,eAAe;EACb,YAAY;EACZ,UAAU;EACV,cAAc;EACf;CACD,OAAO;EACL,OAAO;EACP,wBAAwB,EACtB,YAAY,GACb;EACD,0BAA0B;GACxB,cAAc,UACZ,MAAM,mBAAmB,MAAM,SAAS,KAAK,MAAM,QAAQ,EAAE,GAAG;GAClE,cAAc,UACZ,MAAM,uBACF,aAAa,MAAM,QAAQ,QAAQ,SACnC;GACN,eAAe,UACb,MAAM,iBAAiB,kBAAkB,UACrC,aAAa,MAAM,QAAQ,KAAK,SAChC;GACP;EACD,6CAA6C;GAC3C,aAAa;GACb,QAAQ,UACN,MAAM,mBAAmB,eAAe,MAAM,QAAQ,IAAI,CAAC;GAC9D;EACD,0DAA0D,EACxD,UAAU,UAAW,MAAM,gBAAgB,SAAS,IACrD;EACD,+BAA+B,EAC7B,kBAAkB,UAChB,OAAO,cAAc,EAAE,SAAS,UAAU,MAAM,iBAC5C,MAAM,QAAQ,KAAK,MACnB,IACP;EACF;CACD,eAAe;EACb,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,cAAc;EACd,YAAY,UACV,MAAM,iBAAiB,kBAAkB,UACrC,MAAM,QAAQ,IAAK,GACnB,MAAM,QAAQ,GAAI;EACxB,eAAe,UACb,MAAM,iBAAiB,kBAAkB,UACrC,MAAM,QAAQ,IAAK,GACnB,MAAM,QAAQ,GAAI;EACxB,aAAa,MAAM,QAAQ,EAAE;EAC7B,QAAQ,UACN,MAAM,iBAAiB,kBAAkB,UACrC,MAAM,QAAQ,EAAE,GAChB,MAAM,QAAQ,EAAE;EACtB,SAAS,UACP,MAAM,iBAAiB,kBAAkB,UACrC,MAAM,QAAQ,EAAE,GAChB,MAAM,QAAQ,EAAE;EACtB,SAAS,UACP,MAAM,YACF,aAAa,OAAO,MAAM,WAAW,GAAI,KACzC,aAAa,MAAM,QAAQ,UAAU;EAC3C,iBAAiB;EAClB;CACF,EAAE;AAEH,MAAa,oBAAoB,UAAU;CACzC,MAAM,EACJ,UACA,QACA,UACA,UACA,qBACA,qBACA,sBACA,OACA,WACA,cACA,gBACA,UACA,iBACA,YACA,SACA,MACA,YACA,cACA,WACA,sBACA,GAAG,UACD;CACJ,MAAM,UAAUA,YAAU,MAAM;CAChC,MAAM,QAAQ,UAAU;CAExB,MAAM,CAAC,EAAE,cAAc,WAAW,QAAQ;EACxC,MAAM;EACN,MAAM;GAAE,GAAG;GAAM,qBAAqB;GAAW;EACjD,UAAU,aAAa,EACrB,YAAY,QAAQ,YAAY,EACjC;EACF,CAAC;CAEF,MAAM,eAAe,aAClB,YAAY,YAAY;AACvB,MAAI,CAAC,QAAQ,SAAS,EACpB;OAAI,YAAY;IACd,MAAM,EAAE,qBAAqB,GAAGC,YAAU;AAC1C,eAAW,EAAE,GAAGA,SAAO,EAAE,MAAM,qBAAqB,UAAU;;;IAIpE;EAAC;EAAY;EAAM;EAAU,CAC9B;CAED,MAAM,CAAC,EAAE,SAAS,UAAU,WAAW,eAC9B;EACL,QAAQ,CAAC,mBAAmB;EAC5B,OAAO,YAAY,YAAY;AAE7B,gBAAa,YAAY,QAAQ;;EAEnC,UAAU,eAAe,aAAa,WAAW;EACjD,UAAU,aAAa;GACrB,QAAQ,QAAQ,QAAQ;GACxB,SAAS,CAAC,CAAC,QAAQ,SAAS;GAC7B;EACF,GACD,CAAC,aAAa,CACf;CAED,MAAM,eAAe,aAClB,eAAe;AACd,MAAI,YAAY;GACd,MAAM,gBAAgB,MAAM,YAAY,aAAa,QAClD,OAAO,IAAI,gBAAgB,uBAAuB,aACpD;AACD,OAAI,CAAC,cACH,QAAO;AAKT,WAHyB,eAAe,KACrC,WAAW,QAAQ,eACrB,EACuB,SACtB,YAAY,YAAY,oBACzB;;IAGL,CAAC,KAAK,CACP;CAED,MAAM,qBAAqB,aACxB,MAAM;AACL,IAAE,gBAAgB;AAClB,eAAa,GAAG,OAAO;IAEzB,CAAC,cAAc,OAAO,CACvB;AAED,QACE,oCAAC;EACC,WAAW,QAAQ;EACnB,KAAK;EACG;EACR,OACE,oCAAC,SAAI,KAAK,WACR,oCAAC,WAAQ,OAAO,kBAAkB,KAAK,SACrC,oCAAC;GACC,KAAM,MAAM,YAAY,eAAe,WAAY;GACnD,OAAO,EAAE,SAAS,aAAa,KAAM,GAAG;KAEvC,UACC,oCAAC,oBAAiB,MAAM,KAAM,GAE9B,oCAAC;GACC,IAAI,gCAA8B,MAAM,QAAQ,QAAQ,GAAG;GAC3D,aAAa,gCAA8B,MAAM,QAAQ,QAAQ,GAAG;GACpE,WAAW,QAAQ;GACnB,OAAO,EACL,YAAY,iBAAiB,SAAS,IACvC;KAEA,YACC,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC;GACC,MACE,iBAAiB,kBAAkB,UAC/B,UACA;GAEN,OAAO;GACP,MAAM;GACN,MACE,aAAa,UACT,qBAAqB,SAAS,GAC9B,gBAAgB,SAAS;GAE/B,OAAO,EACL,OAAO,YACH,OAAO,WAAW,GAAI,GACtB,MAAM,QAAQ,UAAU,MAC7B;IACD,CACE,EAER,oCAAC,SAAI,WAAW,QAAQ,kBACtB,oCAAC;GACC,SAAQ;GACR,WAAW,KAAK,QAAQ,WAAW,QAAQ,cAAc;KAExD,OACA,YACC,iBAAiB,kBAAkB,WACjC,oCAAC;GACC,SAAQ;GACR,WAAW,KACT,QAAQ,aACR,QAAQ,cACT;KAEA,SACU,CAEN,EACZ,YAAY,iBAAiB,kBAAkB,WAC9C,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC;GACC,SAAQ;GACR,WAAW,KAAK,QAAQ,YAAY;KAEnC,SACU,CACT,CAEJ,EACL,MAAM,YAAY,cAAc,UAC/B,MAAM,YAAY,cAAc,QAChC,mBACE,oCAAC;GACC,OAAO,OAAO,KAAK,WAAW,UAAU;GACxC,cAAc;IACd,EAEN,oCAAC,iBAAoC,uBAAwB,EAC5D,uBAAuB,mBACtB,oCAAC,SAAI,WAAW,QAAQ,4BACtB,oCAAC;GACC,MACE,iBAAiB,kBAAkB,UAC/B,UACA;GAEN,OAAO;GACP,MAAM;GACN,MACE,wBAAwB,UACpB,qBAAqB,oBAAoB,GACzC,gBAAgB,oBAAoB;GAE1C,OAAO,EACL,OAAO,sBACR;IACD,CACE,CAEJ,CAEJ,CACE,CACN;EAER,cAAc;EACd,SAAS;GAAE,MAAM,QAAQ;GAAM,SAAS,QAAQ;GAAS;EACzD,GAAI;GACJ;;;;;AC/UN,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,cAAc,MAAM,QAAQ,KAAK;EACjC,YAAY,UACV,MAAM,iBAAiB,kBAAkB,UACrC,aAAa,MAAM,QAAQ,KAAK,SAChC;EACP;CACD,qBAAqB,EACnB,eAAe,UACb,MAAM,iBAAiB,kBAAkB,UACrC,aAAa,MAAM,QAAQ,KAAK,SAChC,IACP;CACF,EAAE;AAEH,MAAa,gBAAgB,UAAU;CACrC,MAAM,EACJ,WACA,cACA,YACA,WACA,gBACA,sBACA,iBACA,cACA,cAAc,eACZ;CACJ,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAC9C,MAAM,CAAC,qBAAqB,0BAA0B,SAAS,MAAM;CACrE,MAAM,CAAC,sBAAsB,2BAA2B,SAAS,MAAM;CACvE,MAAM,CAAC,MAAM,WAAW,SAAS,UAAU;CAC3C,MAAM,QAAQ,UAAU;CACxB,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,cAAc,OAAO,KAAK;CAEhC,MAAM,qBAAqB,aACxB,GAAG,UAAU;EACZ,MAAM,eAAe,WAAW,MAAM,MAAM;AAC5C,MAAI,cAAc;AAChB,gBAAa,cAAc,UAAU;AACrC,2BAAwB,MAAM;;IAGlC;EAAC;EAAM;EAAW;EAAa,CAChC;CAED,MAAM,aAAa,aAChB,MAAM,QAAQ,MAAM;EACnB,IAAI,QAAQ,KAAK,YAAY,aAAa,KAAK,YAAY;EAC3D,IAAI,WAAW,KAAK,YAAY;EAChC,IAAI,WAAW,KAAK,YAAY,aAAa;EAC7C,IAAI,WAAW,KAAK,YAAY,aAAa;EAC7C,IAAI,sBAAsB,KAAK,YAAY,uBAAuB;EAClE,IAAI,sBAAsB,KAAK,YAAY,sBACvC,KAAK,WAAW,sBAChB;EACJ,IAAI,uBAAuB,KAAK,YAAY,sBACxC,KAAK,YAAY,uBACjB;EACJ,IAAI,SAAS,KAAK;EAClB,IAAI,YAAY,KAAK,YAAY,sBAC7B,KAAK,YAAY,uBACjB,KAAK,YAAY,aAAa,OAAO;EACzC,IAAI,uBAAuB,KAAK,YAAY,wBAAwB;AAEpE,MAAI,KAAK,aAAa;AACpB,WAAQ,KAAK,YAAY;AACzB,cAAW,KAAK,YAAY;AAC5B,cAAW,KAAK,YAAY,MAAM;AAClC,cAAW,KAAK,YAAY,MAAM;AAClC,eAAY,KAAK,YAAY,MAAM,OAAO;;AAG5C,SACE,oCAAC;GACC,KAAK;GACG;GACD;GACG;GACA;GACA;GACW;GACA;GACC;GACtB,UAAU,KAAK;GACJ;GACX,cAAc;GACE;GAChB,gBAAgB,mBAAmB,KAAK;GACxC,sBACE,wBACA,uBACA,wBAAwB,UAAU,MAAM,qBAAqB,KAC3D,KAAK;GAEY;GACJ;GACV;GACP,eAAe,CAAC,CAAC,CAAC,KAAK,cAAc;GAC/B;GACM;GACE;GACH;GACW;KAErB,KAAK,YAAY,YAChB,CAAC,CAAC,CAAC,KAAK,cAAc,UACtB,CAAC,KAAK,4BACJ,oCAAC;GACC,MAAM;GACN,OAAO,EAAE,aAAa,SAAS,KAAK,MAAM,QAAQ,EAAE,EAAE;IACtD,EAEL,KAAK,YAAY,YAChB,CAAC,CAAC,CAAC,KAAK,cAAc,UACtB,KAAK,4BACL,mBACA,CAAC,KAAK,2BACJ,oCAAC,SAAI,WAAW,QAAQ,uBACtB,oCAAC;GACC,SAAQ;GACR,OAAO;IACL,aAAa,SAAS,KAAK,MAAM,QAAQ,EAAE;IAC3C,YAAY;IACb;KACF,cAEY,CACT,EAET,KAAK,YAAY,YAChB,KAAK,4BACL,mBACA,KAAK,2BACH,oCAAC,SAAI,WAAW,QAAQ,uBACtB,oCAAC;GACC,SAAQ;GACR,OAAO;IACL,aAAa,SAAS,KAAK,MAAM,QAAQ,EAAE;IAC3C,YAAY;IACb;KAEA,oBACC,CAAC,CAAC,KAAK,cAAc,SAAS,gBAAgB,GAC/C,UACU,CACT,EAET,MAAM,QAAQ,KAAK,aAAa,GAC7B,KAAK,aAAa,KAAK,GAAG,MAAM,WAAW,GAAG,QAAQ,EAAE,CAAC,GACzD,KACa;IAGvB;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,sBAAsB,YAC1B,OAAO,KAAK,YAAY;EACtB,MAAM,WAAW,UAAU,KAAK;AAChC,cAAY,QAAQ;EAMpB,MAAM,mBAAmB,iBACvB,UALiB,WAAW,UAAU,qBAAqB,EAC7B,uBAC5B,CAAC,qBAAqB,GACtB,EAAE,CAKL;EACD,MAAM,oBAAoB,iBAAiB,OAAO,OAChD,QAAQ,SAAS,GAAG,CACrB;AACD,MACE,uBACA,iBAAiB,UACjB,CAAC,kBAED,yBAAwB,KAAK;MAE7B,yBAAwB,MAAM;IAGlC;EAAC;EAAqB;EAAM;EAAqB,CAClD;CAED,MAAM,yBAAyB,aAC5B,WAAS;AACR,MAAI,CAACC,OAAM,QAAO,EAAE;AACpB,SAAOA,OAAK,QAAQ,aAAa,SAAS;AACxC,OAAI,MAAM,WACR,aAAY,KAAK,KAAK,GAAG;AAE3B,OAAI,QAAQ,KAAK,cAAc,OAC7B,eAAc,YAAY,OACxB,uBAAuB,KAAK,aAAa,CAC1C;AAEH,UAAO;KACN,EAAE,CAAC;IAER,CAAC,YAAY,CACd;AAED,iBAAgB;AACd,UAAQ,UAAU;IACjB,CAAC,UAAU,CAAC;AAEf,iBAAgB;AACd,MAAI,CAAC,KAAM;AACX,MAAI,YAAY,SAAS;GACvB,IAAIC,aAAW,EAAE;AACjB,OAAI,MAAM,WACR,YAAS,KAAK,KAAK,GAAG;AAExB,gBAAWA,WAAS,OAAO,uBAAuB,KAAK,aAAa,CAAC;AACrE,eAAYA,WAAS;AACrB,eAAY,UAAU;;IAGvB;EAAC;EAAwB;EAAM;EAAY,CAAC;AAE/C,iBAAgB;AACd,MAAI,CAAC,CAAC,WAAW,MAAM,eAAe,CACpC,wBAAuB,KAAK;MAE5B,wBAAuB,MAAM;IAE9B,CAAC,MAAM,eAAe,CAAC;CAE1B,MAAM,iBACJ,uBAAuB,kBAAkB,OACrC,OAAO,eAAe,GACtB;AAEN,KAAI,CAAC,SACH,QAAO;AAGT,QACE,oCAAC;EACC,KAAK;EACL,WAAW,QAAQ;EACnB,qBACE,oCAAC;GACC,MAAK;GACL,WAAW;GACX,OAAO;IACL,OAAO,QAAQ,MAAM,QAAQ,QAAQ,MAAM,GAAI;IAC/C,OAAO,MAAM,QAAQ,IAAI;IACzB,QAAQ,MAAM,QAAQ,IAAI;IAC3B;IACD;EAEJ,UAAU,YAAY,EAAE;EACxB,cAAc;EACd,mBACE,oCAAC;GACC,MAAK;GACL,WAAW;GACX,OAAO;IACL,OAAO,QAAQ,MAAM,QAAQ,QAAQ,MAAM,GAAI;IAC/C,OAAO,MAAM,QAAQ,IAAI;IACzB,QAAQ,MAAM,QAAQ,IAAI;IAC3B;IACD;EAEJ,UAAU;IAET,QAAQ,WAAW,KAAK,CAChB"}

package/dist/{BubbleWidget-HtGWbYLM.js → BubbleWidget-CsIheJTW.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { t as __export } from "./chunk-B4enJp2Q.js";
-import { t as WidgetCard_default } from "./WidgetCard-UA87S0id.js";
-import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-B8EN8poL.js";
-import { t as FluentTimeline_default } from "./FluentTimeline-BEPJHsgi.js";
+import { t as WidgetCard_default } from "./WidgetCard-U1XoSuoz.js";
+import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-BN9VkqNq.js";
+import { t as FluentTimeline_default } from "./FluentTimeline-D8sfgLj1.js";
 import React, { forwardRef } from "react";
 import { Box, Grid } from "@material-ui/core";
@@ -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-HtGWbYLM.js.map
+//# sourceMappingURL=BubbleWidget-CsIheJTW.js.map

package/dist/{BubbleWidget-HtGWbYLM.js.map → BubbleWidget-CsIheJTW.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BubbleWidget-~~HtGWbYLM~~.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-CsIheJTW.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/{CardList-B_F1Qgqh.js → CardList-BPNGTxsh.js} RENAMED Viewed

@@ -75,4 +75,4 @@ CardList.defaultProps = {
 //#endregion
 export { PaginationPlacement as n, CardList as t };
-//# sourceMappingURL=CardList-B_F1Qgqh.js.map
+//# sourceMappingURL=CardList-BPNGTxsh.js.map

package/dist/{CardList-B_F1Qgqh.js.map → CardList-BPNGTxsh.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CardList-~~B_F1Qgqh~~.js","names":["CircularProgress"],"sources":["../src/UI/dataDisplay/cardList/enum.ts","../src/UI/dataDisplay/cardList/CardList.jsx"],"sourcesContent":["export enum PaginationPlacement {\n RIGHT = 'right',\n LEFT = 'left',\n CENTER = 'center'\n}\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport Pagination from '@material-ui/lab/Pagination';\nimport { CircularProgress } from '../../loading/CircularProgress';\nimport { PaginationPlacement } from './enum';\n\nconst useStyles = makeStyles(() => ({\n paginationWrapper: {\n display: 'flex'\n },\n centerPagination: {\n justifyContent: 'center'\n },\n rightPagination: {\n justifyContent: 'flex-end'\n }\n}));\n\nexport const CardList = ({\n itemComponent: ItemComponent,\n data = [],\n componentDataMap,\n pagination = false,\n itemsPerPage = 10,\n isServerSide = false,\n totalItems = 0,\n onPageChange = null,\n currentPage = 1,\n isLoading = false,\n paginationPlacement = PaginationPlacement.LEFT\n}) => {\n const [clientPage, setClientPage] = useState(1);\n const classes = useStyles();\n\n const page = isServerSide ? currentPage : clientPage;\n\n const safeData = Array.isArray(data) ? data : [];\n\n const paginatedData =\n pagination && !isServerSide\n ? safeData.slice((page - 1) * itemsPerPage, page * itemsPerPage)\n : safeData;\n\n const handlePageChange = (event, value) => {\n if (isServerSide) {\n onPageChange(value);\n } else {\n setClientPage(value);\n }\n };\n\n const mappedData = (item) => {\n const props = {};\n for (const [key, value] of Object.entries(componentDataMap)) {\n props[value] = item[key];\n }\n return props;\n };\n\n return (\n <div>\n {isLoading ? (\n <CircularProgress />\n ) : (\n <>\n {paginatedData.map((item, index) => (\n <ItemComponent key={index} {...mappedData(item)} />\n ))}\n {pagination && (\n <div\n className={clsx(classes.paginationWrapper, {\n [classes.centerPagination]:\n paginationPlacement === PaginationPlacement.CENTER,\n [classes.rightPagination]:\n paginationPlacement === PaginationPlacement.RIGHT\n })}\n >\n <Pagination\n count={Math.ceil(\n isServerSide\n ? totalItems / itemsPerPage\n : safeData.length / itemsPerPage\n )}\n page={page}\n onChange={handlePageChange}\n disabled={isLoading}\n />\n </div>\n )}\n </>\n )}\n </div>\n );\n};\n\nCardList.propTypes = {\n itemComponent: PropTypes.elementType.isRequired,\n data: PropTypes.arrayOf(PropTypes.object),\n componentDataMap: PropTypes.objectOf(PropTypes.string).isRequired,\n pagination: PropTypes.bool,\n itemsPerPage: PropTypes.number,\n isServerSide: PropTypes.bool,\n totalItems: PropTypes.number,\n onPageChange: PropTypes.func,\n currentPage: PropTypes.number,\n isLoading: PropTypes.bool,\n paginationPlacement: PropTypes.string\n};\n\nCardList.defaultProps = {\n data: [],\n pagination: false,\n itemsPerPage: 10,\n isServerSide: false,\n totalItems: 0,\n onPageChange: null,\n currentPage: 1,\n isLoading: false,\n paginationPlacement: PaginationPlacement.LEFT\n};\n"],"mappings":";;;;;;;;AAAA,IAAY,sEAAL;AACL;AACA;AACA;;;;;;ACKF,MAAM,YAAY,kBAAkB;CAClC,mBAAmB,EACjB,SAAS,QACV;CACD,kBAAkB,EAChB,gBAAgB,UACjB;CACD,iBAAiB,EACf,gBAAgB,YACjB;CACF,EAAE;AAEH,MAAa,YAAY,EACvB,eAAe,eACf,OAAO,EAAE,EACT,kBACA,aAAa,OACb,eAAe,IACf,eAAe,OACf,aAAa,GACb,eAAe,MACf,cAAc,GACd,YAAY,OACZ,sBAAsB,oBAAoB,WACtC;CACJ,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAC/C,MAAM,UAAU,WAAW;CAE3B,MAAM,OAAO,eAAe,cAAc;CAE1C,MAAM,WAAW,MAAM,QAAQ,KAAK,GAAG,OAAO,EAAE;CAEhD,MAAM,gBACJ,cAAc,CAAC,eACX,SAAS,OAAO,OAAO,KAAK,cAAc,OAAO,aAAa,GAC9D;CAEN,MAAM,oBAAoB,OAAO,UAAU;AACzC,MAAI,aACF,cAAa,MAAM;MAEnB,eAAc,MAAM;;CAIxB,MAAM,cAAc,SAAS;EAC3B,MAAM,QAAQ,EAAE;AAChB,OAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,iBAAiB,CACzD,OAAM,SAAS,KAAK;AAEtB,SAAO;;AAGT,QACE,oCAAC,aACE,YACC,oCAACA,yBAAmB,GAEpB,0DACG,cAAc,KAAK,MAAM,UACxB,oCAAC;EAAc,KAAK;EAAO,GAAI,WAAW,KAAK;GAAI,CACnD,EACD,cACC,oCAAC,SACC,WAAW,KAAK,QAAQ,mBAAmB;GACxC,QAAQ,mBACP,wBAAwB,oBAAoB;GAC7C,QAAQ,kBACP,wBAAwB,oBAAoB;EAC/C,CAAC,IAEF,oCAAC;EACC,OAAO,KAAK,KACV,eACI,aAAa,eACb,SAAS,SAAS,aACvB;EACK;EACN,UAAU;EACV,UAAU;GACV,CACE,CAEP,CAED;;AAIV,SAAS,YAAY;CACnB,eAAe,UAAU,YAAY;CACrC,MAAM,UAAU,QAAQ,UAAU,OAAO;CACzC,kBAAkB,UAAU,SAAS,UAAU,OAAO,CAAC;CACvD,YAAY,UAAU;CACtB,cAAc,UAAU;CACxB,cAAc,UAAU;CACxB,YAAY,UAAU;CACtB,cAAc,UAAU;CACxB,aAAa,UAAU;CACvB,WAAW,UAAU;CACrB,qBAAqB,UAAU;CAChC;AAED,SAAS,eAAe;CACtB,MAAM,EAAE;CACR,YAAY;CACZ,cAAc;CACd,cAAc;CACd,YAAY;CACZ,cAAc;CACd,aAAa;CACb,WAAW;CACX,qBAAqB,oBAAoB;CAC1C"}
1	+ {"version":3,"file":"CardList-BPNGTxsh.js","names":["CircularProgress"],"sources":["../src/UI/dataDisplay/cardList/enum.ts","../src/UI/dataDisplay/cardList/CardList.jsx"],"sourcesContent":["export enum PaginationPlacement {\n RIGHT = 'right',\n LEFT = 'left',\n CENTER = 'center'\n}\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport Pagination from '@material-ui/lab/Pagination';\nimport { CircularProgress } from '../../loading/CircularProgress';\nimport { PaginationPlacement } from './enum';\n\nconst useStyles = makeStyles(() => ({\n paginationWrapper: {\n display: 'flex'\n },\n centerPagination: {\n justifyContent: 'center'\n },\n rightPagination: {\n justifyContent: 'flex-end'\n }\n}));\n\nexport const CardList = ({\n itemComponent: ItemComponent,\n data = [],\n componentDataMap,\n pagination = false,\n itemsPerPage = 10,\n isServerSide = false,\n totalItems = 0,\n onPageChange = null,\n currentPage = 1,\n isLoading = false,\n paginationPlacement = PaginationPlacement.LEFT\n}) => {\n const [clientPage, setClientPage] = useState(1);\n const classes = useStyles();\n\n const page = isServerSide ? currentPage : clientPage;\n\n const safeData = Array.isArray(data) ? data : [];\n\n const paginatedData =\n pagination && !isServerSide\n ? safeData.slice((page - 1) * itemsPerPage, page * itemsPerPage)\n : safeData;\n\n const handlePageChange = (event, value) => {\n if (isServerSide) {\n onPageChange(value);\n } else {\n setClientPage(value);\n }\n };\n\n const mappedData = (item) => {\n const props = {};\n for (const [key, value] of Object.entries(componentDataMap)) {\n props[value] = item[key];\n }\n return props;\n };\n\n return (\n <div>\n {isLoading ? (\n <CircularProgress />\n ) : (\n <>\n {paginatedData.map((item, index) => (\n <ItemComponent key={index} {...mappedData(item)} />\n ))}\n {pagination && (\n <div\n className={clsx(classes.paginationWrapper, {\n [classes.centerPagination]:\n paginationPlacement === PaginationPlacement.CENTER,\n [classes.rightPagination]:\n paginationPlacement === PaginationPlacement.RIGHT\n })}\n >\n <Pagination\n count={Math.ceil(\n isServerSide\n ? totalItems / itemsPerPage\n : safeData.length / itemsPerPage\n )}\n page={page}\n onChange={handlePageChange}\n disabled={isLoading}\n />\n </div>\n )}\n </>\n )}\n </div>\n );\n};\n\nCardList.propTypes = {\n itemComponent: PropTypes.elementType.isRequired,\n data: PropTypes.arrayOf(PropTypes.object),\n componentDataMap: PropTypes.objectOf(PropTypes.string).isRequired,\n pagination: PropTypes.bool,\n itemsPerPage: PropTypes.number,\n isServerSide: PropTypes.bool,\n totalItems: PropTypes.number,\n onPageChange: PropTypes.func,\n currentPage: PropTypes.number,\n isLoading: PropTypes.bool,\n paginationPlacement: PropTypes.string\n};\n\nCardList.defaultProps = {\n data: [],\n pagination: false,\n itemsPerPage: 10,\n isServerSide: false,\n totalItems: 0,\n onPageChange: null,\n currentPage: 1,\n isLoading: false,\n paginationPlacement: PaginationPlacement.LEFT\n};\n"],"mappings":";;;;;;;;AAAA,IAAY,sEAAL;AACL;AACA;AACA;;;;;;ACKF,MAAM,YAAY,kBAAkB;CAClC,mBAAmB,EACjB,SAAS,QACV;CACD,kBAAkB,EAChB,gBAAgB,UACjB;CACD,iBAAiB,EACf,gBAAgB,YACjB;CACF,EAAE;AAEH,MAAa,YAAY,EACvB,eAAe,eACf,OAAO,EAAE,EACT,kBACA,aAAa,OACb,eAAe,IACf,eAAe,OACf,aAAa,GACb,eAAe,MACf,cAAc,GACd,YAAY,OACZ,sBAAsB,oBAAoB,WACtC;CACJ,MAAM,CAAC,YAAY,iBAAiB,SAAS,EAAE;CAC/C,MAAM,UAAU,WAAW;CAE3B,MAAM,OAAO,eAAe,cAAc;CAE1C,MAAM,WAAW,MAAM,QAAQ,KAAK,GAAG,OAAO,EAAE;CAEhD,MAAM,gBACJ,cAAc,CAAC,eACX,SAAS,OAAO,OAAO,KAAK,cAAc,OAAO,aAAa,GAC9D;CAEN,MAAM,oBAAoB,OAAO,UAAU;AACzC,MAAI,aACF,cAAa,MAAM;MAEnB,eAAc,MAAM;;CAIxB,MAAM,cAAc,SAAS;EAC3B,MAAM,QAAQ,EAAE;AAChB,OAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,iBAAiB,CACzD,OAAM,SAAS,KAAK;AAEtB,SAAO;;AAGT,QACE,oCAAC,aACE,YACC,oCAACA,yBAAmB,GAEpB,0DACG,cAAc,KAAK,MAAM,UACxB,oCAAC;EAAc,KAAK;EAAO,GAAI,WAAW,KAAK;GAAI,CACnD,EACD,cACC,oCAAC,SACC,WAAW,KAAK,QAAQ,mBAAmB;GACxC,QAAQ,mBACP,wBAAwB,oBAAoB;GAC7C,QAAQ,kBACP,wBAAwB,oBAAoB;EAC/C,CAAC,IAEF,oCAAC;EACC,OAAO,KAAK,KACV,eACI,aAAa,eACb,SAAS,SAAS,aACvB;EACK;EACN,UAAU;EACV,UAAU;GACV,CACE,CAEP,CAED;;AAIV,SAAS,YAAY;CACnB,eAAe,UAAU,YAAY;CACrC,MAAM,UAAU,QAAQ,UAAU,OAAO;CACzC,kBAAkB,UAAU,SAAS,UAAU,OAAO,CAAC;CACvD,YAAY,UAAU;CACtB,cAAc,UAAU;CACxB,cAAc,UAAU;CACxB,YAAY,UAAU;CACtB,cAAc,UAAU;CACxB,aAAa,UAAU;CACvB,WAAW,UAAU;CACrB,qBAAqB,UAAU;CAChC;AAED,SAAS,eAAe;CACtB,MAAM,EAAE;CACR,YAAY;CACZ,cAAc;CACd,cAAc;CACd,YAAY;CACZ,cAAc;CACd,aAAa;CACb,WAAW;CACX,qBAAqB,oBAAoB;CAC1C"}

package/dist/{CatalogUtilities-CLnc3NZQ.js → CatalogUtilities-CAPPpjBH.js} RENAMED Viewed

@@ -13,4 +13,4 @@ const buildCatalogObjectList = (catalogObjects, children, catalogObjectList) =>
 //#endregion
 export { buildCatalogObjectList as t };
-//# sourceMappingURL=CatalogUtilities-CLnc3NZQ.js.map
+//# sourceMappingURL=CatalogUtilities-CAPPpjBH.js.map

package/dist/{CatalogUtilities-CLnc3NZQ.js.map → CatalogUtilities-CAPPpjBH.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CatalogUtilities-~~CLnc3NZQ~~.js","names":[],"sources":["../src/utilities/catalog/CatalogUtilities.js"],"sourcesContent":["export const buildCatalogObjectList = (\n catalogObjects,\n children,\n catalogObjectList\n) => {\n if (children.length > 0) {\n for (const child of children) {\n const matchingChildCatalogObject = catalogObjectList.find(\n (co) => co.catalogObjectName === child.reference\n );\n\n if (matchingChildCatalogObject) {\n const existingCatalogObject = catalogObjects.find(\n (co) =>\n co.catalogObjectName ===\n matchingChildCatalogObject.catalogObjectName\n );\n\n if (!existingCatalogObject) {\n catalogObjects.push(matchingChildCatalogObject);\n\n const childsChildren = matchingChildCatalogObject.properties.filter(\n (property) => property.extendedProperties?.childEntity === true\n );\n\n buildCatalogObjectList(\n catalogObjects,\n childsChildren,\n catalogObjectList\n );\n }\n }\n }\n }\n};\n"],"mappings":";AAAA,MAAa,0BACX,gBACA,UACA,sBACG;AACH,KAAI,SAAS,SAAS,EACpB,MAAK,MAAM,SAAS,UAAU;EAC5B,MAAM,6BAA6B,kBAAkB,MAClD,OAAO,GAAG,sBAAsB,MAAM,UACxC;AAED,MAAI,4BAOF;OAAI,CAN0B,eAAe,MAC1C,OACC,GAAG,sBACH,2BAA2B,kBAC9B,EAE2B;AAC1B,mBAAe,KAAK,2BAA2B;AAM/C,2BACE,gBALqB,2BAA2B,WAAW,QAC1D,aAAa,SAAS,oBAAoB,gBAAgB,KAC5D,EAKC,kBACD"}
1	+ {"version":3,"file":"CatalogUtilities-CAPPpjBH.js","names":[],"sources":["../src/utilities/catalog/CatalogUtilities.js"],"sourcesContent":["export const buildCatalogObjectList = (\n catalogObjects,\n children,\n catalogObjectList\n) => {\n if (children.length > 0) {\n for (const child of children) {\n const matchingChildCatalogObject = catalogObjectList.find(\n (co) => co.catalogObjectName === child.reference\n );\n\n if (matchingChildCatalogObject) {\n const existingCatalogObject = catalogObjects.find(\n (co) =>\n co.catalogObjectName ===\n matchingChildCatalogObject.catalogObjectName\n );\n\n if (!existingCatalogObject) {\n catalogObjects.push(matchingChildCatalogObject);\n\n const childsChildren = matchingChildCatalogObject.properties.filter(\n (property) => property.extendedProperties?.childEntity === true\n );\n\n buildCatalogObjectList(\n catalogObjects,\n childsChildren,\n catalogObjectList\n );\n }\n }\n }\n }\n};\n"],"mappings":";AAAA,MAAa,0BACX,gBACA,UACA,sBACG;AACH,KAAI,SAAS,SAAS,EACpB,MAAK,MAAM,SAAS,UAAU;EAC5B,MAAM,6BAA6B,kBAAkB,MAClD,OAAO,GAAG,sBAAsB,MAAM,UACxC;AAED,MAAI,4BAOF;OAAI,CAN0B,eAAe,MAC1C,OACC,GAAG,sBACH,2BAA2B,kBAC9B,EAE2B;AAC1B,mBAAe,KAAK,2BAA2B;AAM/C,2BACE,gBALqB,2BAA2B,WAAW,QAC1D,aAAa,SAAS,oBAAoB,gBAAgB,KAC5D,EAKC,kBACD"}

package/dist/{ChartSummaryToggle-GT_k415-.js → ChartSummaryToggle-BxJXaJO8.js} RENAMED Viewed

@@ -27,4 +27,4 @@ var ChartSummaryToggle_default = ChartSummaryToggle;
 //#endregion
 export { ChartSummaryToggle_default as t };
-//# sourceMappingURL=ChartSummaryToggle-GT_k415-.js.map
+//# sourceMappingURL=ChartSummaryToggle-BxJXaJO8.js.map

package/dist/{ChartSummaryToggle-GT_k415-.js.map → ChartSummaryToggle-BxJXaJO8.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChartSummaryToggle-~~GT_k415-.~~js","names":["value"],"sources":["../src/UI/widgets/FluentComponents/ChartSummaryToggle.jsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport ToggleButton from '@material-ui/lab/ToggleButton'\nimport ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup'\nimport { ChartIcon, NumberedListIcon } from '@fluentui/react-icons'\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon'\n\nconst ChartSummaryToggle = (props) => {\n const { value, onChange } = props\n\n const change = useCallback((e, value) => onChange && onChange(value), [\n onChange\n ])\n\n return (\n <ToggleButtonGroup\n value={value}\n exclusive\n onChange={change}\n aria-label='chart summary mode toggle'\n >\n <ToggleButton\n name='chart-summary-mode'\n value='summary'\n aria-label='summary'\n >\n <FluentIcon component={NumberedListIcon} />\n </ToggleButton>\n <ToggleButton name='chart-summary-mode' value='chart' aria-label='chart'>\n <FluentIcon component={ChartIcon} />\n </ToggleButton>\n </ToggleButtonGroup>\n )\n}\n\nexport default ChartSummaryToggle\n"],"mappings":";;;;;;;AAMA,MAAM,sBAAsB,UAAU;CACpC,MAAM,EAAE,OAAO,aAAa;CAE5B,MAAM,SAAS,aAAa,GAAG,YAAU,YAAY,SAASA,QAAM,EAAE,CACpE,SACD,CAAC;AAEF,QACE,oCAAC;EACQ;EACP;EACA,UAAU;EACV,cAAW;IAEX,oCAAC;EACC,MAAK;EACL,OAAM;EACN,cAAW;IAEX,oCAAC,cAAW,WAAW,mBAAoB,CAC9B,EACf,oCAAC;EAAa,MAAK;EAAqB,OAAM;EAAQ,cAAW;IAC/D,oCAAC,cAAW,WAAW,YAAa,CACvB,CACG;;AAIxB,iCAAe"}
1	+ {"version":3,"file":"ChartSummaryToggle-BxJXaJO8.js","names":["value"],"sources":["../src/UI/widgets/FluentComponents/ChartSummaryToggle.jsx"],"sourcesContent":["import React, { useCallback } from 'react'\nimport ToggleButton from '@material-ui/lab/ToggleButton'\nimport ToggleButtonGroup from '@material-ui/lab/ToggleButtonGroup'\nimport { ChartIcon, NumberedListIcon } from '@fluentui/react-icons'\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon'\n\nconst ChartSummaryToggle = (props) => {\n const { value, onChange } = props\n\n const change = useCallback((e, value) => onChange && onChange(value), [\n onChange\n ])\n\n return (\n <ToggleButtonGroup\n value={value}\n exclusive\n onChange={change}\n aria-label='chart summary mode toggle'\n >\n <ToggleButton\n name='chart-summary-mode'\n value='summary'\n aria-label='summary'\n >\n <FluentIcon component={NumberedListIcon} />\n </ToggleButton>\n <ToggleButton name='chart-summary-mode' value='chart' aria-label='chart'>\n <FluentIcon component={ChartIcon} />\n </ToggleButton>\n </ToggleButtonGroup>\n )\n}\n\nexport default ChartSummaryToggle\n"],"mappings":";;;;;;;AAMA,MAAM,sBAAsB,UAAU;CACpC,MAAM,EAAE,OAAO,aAAa;CAE5B,MAAM,SAAS,aAAa,GAAG,YAAU,YAAY,SAASA,QAAM,EAAE,CACpE,SACD,CAAC;AAEF,QACE,oCAAC;EACQ;EACP;EACA,UAAU;EACV,cAAW;IAEX,oCAAC;EACC,MAAK;EACL,OAAM;EACN,cAAW;IAEX,oCAAC,cAAW,WAAW,mBAAoB,CAC9B,EACf,oCAAC;EAAa,MAAK;EAAqB,OAAM;EAAQ,cAAW;IAC/D,oCAAC,cAAW,WAAW,YAAa,CACvB,CACG;;AAIxB,iCAAe"}

package/dist/{ChatUDP-u5MgLry3.js → ChatUDP-D8qb3QN5.js} RENAMED Viewed

@@ -14,4 +14,4 @@ var ChatUDP_exports = /* @__PURE__ */ __export({ default: () => ChatUDP_default
 //#endregion
 export { ChatUDP_default as n, ChatUDP_exports as t };
-//# sourceMappingURL=ChatUDP-u5MgLry3.js.map
+//# sourceMappingURL=ChatUDP-D8qb3QN5.js.map

package/dist/{ChatUDP-u5MgLry3.js.map → ChatUDP-D8qb3QN5.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatUDP-~~u5MgLry3~~.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-D8qb3QN5.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/{ChipAlphabet-DHYk3H34.js → ChipAlphabet-DCU1DsB-.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { t as AvatarAlphabet } from "./AvatarAlphabet-C-nQUpJT.js";
+import { t as AvatarAlphabet } from "./AvatarAlphabet-D5klbFfJ.js";
 import React from "react";
 import { Chip, lighten } from "@material-ui/core";
@@ -350,4 +350,4 @@ const ChipAlphabet = ({ avatarCharacter, label, handleClick, avatar }) => {
 //#endregion
 export { ChipAlphabet as t };
-//# sourceMappingURL=ChipAlphabet-DHYk3H34.js.map
+//# sourceMappingURL=ChipAlphabet-DCU1DsB-.js.map