npm - udp-react-enterprise-component-library - Versions diffs - 25.18.1-beta.83 → 25.18.1-beta.85 - Mend

udp-react-enterprise-component-library 25.18.1-beta.83 → 25.18.1-beta.85

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

package/dist/{AmbientVisualizer-buICwVdO.js.map → AmbientVisualizer-DqNCW3vX.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"AmbientVisualizer-buICwVdO.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":";;;;;;;;;AAKA,MAAM,YAAY,YACf,WAAW;CACV,MAAM;EACJ,SAAS;EACT,gBAAgB;EAEjB;CACD,SAAS;EACP,SAAS;EACT,eAAe;EAEf,QAAQ;EACR,OAAO,MAAM,QAAQ,UAAU;EAChC;CACF,GACD,EAAE,MAAM,sBAAsB,CAC/B;AAGD,MAAa,qBAAqB,EAAC,OAAO,GAAG,QAAO;CAElD,MAAM,CAAC,KAAK,UAAU,UAAU;CAEhC,MAAM,UAAU,WAAW;CAS3B,SAAS,YAAY,KACvB;AAGE,MAFiBA,MAAI,KAAK,MAAMA,IAAE,KAAM,EAGtC,QAAO;MAEN,QAAO;;AAGV,SAAQ,IAAI,YAAY,GAAG,CAAC;AAyD5B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,aAAK,OAAO,IAAI,MAAK,SAAQ;AAC5B,SACE;IAED,CAAO,EAEV,oCAAC,aACD,oCAAC,cAAW,SAAQ,eAAa,6BAAuC,EACxE,oCAAC,cAAW,MAAK,OAAO,EACtB,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAACC;EAAqB,QAAQ;EAAG,OAAM;GAAY,EACnD,oCAACA,gCAAqB,QAAO,MAAM,EACnC,oCAACA;EAAqB,QAAQ;EAAG,OAAM;GAAa,CAChD,CACH,CACD;;;;;ACpHV,MAAa,cAAc,UAAU;CACnC,MAAM,EACJ,QAAQ,IACR,YAAY,IACZ,SAAS,IACT,YAAY,OACZ,cAAc,GACd,iBACA,YAAY,WACZ,QAAQ,GACR,WAAW,GACX,WAAW,KACX,QAAQ,KACR,SAAS,QACP;CACJ,MAAM,QAAQ,UAAU;CAExB,MAAM,QAAQ;EACZ,SAAS;EACF;EACC;EACR,SAAS;GAAE,MAAM;GAAG,OAAO;GAAG,KAAK;GAAG,QAAQ;GAAG;EACjD,MAAM,CACJ;GACE,MAAM;GACN,WAAW;IACT;KACE,MAAM;KACN,IAAI;KACJ,OAAO,EACL,QAAQ,KACT;KACD,MAAM,EACJ,QAAQ,+BACT;KACD,MAAM,EACJ,QAAQ,yCACT;KACF;IACD;KACE,MAAM;KACN,MAAM;KACN,IAAI;KACL;IACD;KACE,MAAM;KACN,IAAI;KACJ,MAAM;KACP;IACD;KACE,MAAM;KACN,IAAI;KACJ,MAAM;KACP;IACD;KACE,MAAM;KACN,IAAI;KACJ,MAAM;KACP;IACF;GACF,CACF;EACD,SAAS;GACP;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACC;IACR;GACD;IACE,MAAM;IACN,OAAO,kBACH,QAAQ,gBAAgB,OAAO,gBAAgB,EAAE,GAAI,GACrD,QAAQ,MAAM,QAAQ,UAAU,MAAM,GAAI;IAC/C;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACC;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO,YACH,gBAAgB,OAAO,UAAU,GACjC,MAAM,QAAQ,UAAU;IAC7B;GACD;IACE,MAAM;IACN,OAAO,MAAM,QAAQ,KAAK;IAC3B;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QAAQ;IACT;GACD;IACE,MAAM;IACN,QACE;IACH;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,QACE;IACH;GACD;IACE,MAAM;IACN,OAAO;IACR;GACD;IACE,MAAM;IACN,OAAO;IACR;GACF;EACD,QAAQ;GACN;IACE,MAAM;IACN,MAAM;IACN,QAAQ;KAAE,MAAM;KAAS,OAAO;KAAU;IAC1C,MAAM;IACN,OAAO,EAAE,QAAQ,iBAAiB;IACnC;GACD;IACE,MAAM;IACN,MAAM;IACN,QAAQ;KAAE,MAAM;KAAS,OAAO;KAAQ;IACxC,OAAO,EAAE,QAAQ,iBAAiB;IACnC;GACD;IACE,MAAM;IACN,QAAQ;KAAC;KAAI;KAAG;KAAE;IAClB,OAAO;KAAC;KAAO;KAAU;KAAQ;IAClC;GACF;EACD,MAAM,EAAE;EACR,SAAS,EAAE;EACX,OAAO;GACL;IACE,MAAM;IACN,MAAM;IACN,QAAQ,EACN,OAAO;KACL,GAAG,EAAE,QAAQ,WAAW;KACxB,GAAG,EAAE,QAAQ,WAAW;KACxB,YAAY,EAAE,QAAQ,SAAS;KAC/B,UAAU,EAAE,QAAQ,QAAQ;KAC5B,aAAa,EAAE,QAAQ,eAAe;KACtC,aAAa,EAAE,QAAQ,eAAe;KACtC,MAAM,EAAE,QAAQ,mBAAmB;KACpC,EACF;IACF;GACD;IACE,MAAM;IACN,QAAQ;KACN,OAAO,EACL,YAAY,EAAE,QAAQ,SAAS,EAChC;KACD,QAAQ;MACN,GAAG,EAAE,QAAQ,WAAW;MACxB,GAAG,EAAE,QAAQ,WAAW;MACxB,aAAa,EAAE,QAAQ,eAAe;MACtC,aAAa,EAAE,QAAQ,eAAe;MACtC,UAAU;OAAE,OAAO;OAAc,QAAQ;OAAa;MACtD,MAAM,EAAE,QAAQ,aAAa;MAC9B;KACF;IACF;GACD;IACE,MAAM;IACN,aAAa;IACb,MAAM,EAAE,MAAM,SAAS;IACvB,QAAQ,EACN,OAAO;KACL,GAAG,EAAE,QAAQ,WAAW;KACxB,GAAG,EAAE,QAAQ,WAAW;KACxB,aAAa,EAAE,QAAQ,eAAe;KACtC,aAAa,EAAE,QAAQ,kCAAkC;KACzD,YAAY;MACV,OAAO;MACP,OAAO;MACR;KACD,UAAU;MACR,OAAO;MACP,OAAO;MACR;KACD,QAAQ,EAAE,QAAQ,cAAc;KAChC,SAAS,EAAE,QAAQ,qBAAqB;KACzC,EACF;IACF;GACD;IACE,MAAM;IACN,MAAM,EAAE,MAAM,SAAS;IACvB,QAAQ;KACN,OAAO;MACL,OAAO,EAAE,OAAO,UAAU;MAC1B,UAAU,EAAE,OAAO,cAAc;MAClC;KACD,QAAQ;MACN,MAAM,EAAE,QAAQ,+BAA+B;MAC/C,GAAG,EAAE,OAAO,KAAK;MACjB,GAAG,EAAE,OAAO,KAAK;MACjB,UAAU,EAAE,QAAQ,kBAAkB;MACtC,MAAM,EAAE,QAAQ,cAAc;MAC9B,SAAS,EAAE,QAAQ,qBAAqB;MACzC;KACF;IACF;GACD;IACE,MAAM;IACN,aACE;IACF,MAAM,EAAE,MAAM,SAAS;IACvB,QAAQ;KACN,OAAO;MACL,OAAO,EAAE,OAAO,UAAU;MAC1B,UAAU,EAAE,OAAO,OAAO;MAC3B;KACD,QAAQ;MACN,MAAM,EAAE,QAAQ,YAAY;MAC5B,GAAG,EACD,QAAQ,yDACT;MACD,GAAG;OAAE,QAAQ;OAAW,QAAQ,EAAE,QAAQ,gBAAgB;OAAE;MAC5D,UAAU,EAAE,QAAQ,mBAAmB;MACvC,SAAS,EAAE,QAAQ,qBAAqB;MACzC;KACF;IACF;GACD;IACE,MAAM;IACN,aACE;IACF,MAAM,EAAE,MAAM,SAAS;IACvB,QAAQ;KACN,OAAO;MACL,OAAO,EAAE,OAAO,UAAU;MAC1B,UAAU,EAAE,OAAO,OAAO;MAC3B;KACD,QAAQ;MACN,MAAM,EAAE,QAAQ,YAAY;MAC5B,GAAG,EACD,QAAQ,yDACT;MACD,GAAG;OAAE,QAAQ;OAAW,QAAQ,EAAE,QAAQ,gBAAgB;OAAE;MAC5D,UAAU,EAAE,QAAQ,mBAAmB;MACvC,SAAS,EAAE,QAAQ,qBAAqB;MACzC;KACF;IACF;GACD;IACE,MAAM;IACN,aAAa;IACb,MAAM;IACN,QAAQ;KACN,OAAO;MACL,GAAG,EAAE,QAAQ,WAAW;MACxB,UAAU,EAAE,OAAO,OAAO;MAC1B,OAAO,EAAE,OAAO,UAAU;MAC3B;KACD,QAAQ;MACN,MAAM,EAAE,QAAQ,SAAS;MACzB,GAAG;OAAE,QAAQ;OAAW,QAAQ,EAAE,QAAQ,oBAAoB;OAAE;MAChE,UAAU,EAAE,QAAQ,mBAAmB;MACvC,MAAM,EAAE,QAAQ,aAAa;MAC9B;KACF;IACF;GACD;IACE,MAAM;IACN,aAAa;IACb,MAAM;IACN,QAAQ;KACN,OAAO;MACL,GAAG,EAAE,QAAQ,WAAW;MACxB,UAAU,EAAE,OAAO,OAAO;MAC1B,OAAO,EAAE,OAAO,UAAU;MAC3B;KACD,QAAQ;MACN,MAAM,EAAE,QAAQ,oCAAoC;MACpD,GAAG;OAAE,QAAQ;OAAW,QAAQ,EAAE,QAAQ,oBAAoB;OAAE;MAChE,UAAU,EAAE,QAAQ,mBAAmB;MACxC;KACF;IACF;GACD;IACE,MAAM;IACN,MAAM;IACN,aAAa;IACb,MAAM,EAAE,MAAM,cAAc;IAC5B,QAAQ;KACN,OAAO;MACL,GAAG,EAAE,QAAQ,WAAW;MACxB,OAAO,EAAE,OAAO,UAAU;MAC1B,UAAU,EAAE,OAAO,OAAO;MAC3B;KACD,QAAQ;MACN,MAAM,EAAE,QAAQ,UAAU;MAC1B,GAAG;OAAE,QAAQ;OAAW,QAAQ,EAAE,QAAQ,mBAAmB;OAAE;MAC/D,UAAU,EAAE,QAAQ,mBAAmB;MACvC,SAAS,EAAE,QAAQ,uBAAuB;MAC3C;KACF;IACF;GACF;EACF;AAED,QAAO,oCAAC;EAAK,MAAM;EAAO,SAAS;GAAS;;;;;ACvW9C,MAAa,qBAAqB,EAChC,QACA,eACA,mBAAmB,IACnB,mBAAmB,WACnB,kBAAkB,IAClB,sBAAsB,IACtB,WACA,oBAAoB,YACpB,mBAAmB,WACnB,oBAAoB,UACpB,mBAAmB,gBACnB,qBAAqB,KACrB,sBAAsB,IACtB,qBAAqB,WACrB,oBAAoB,IACpB,wBAAwB,IACxB,sBAAsB,UACtB,qBAAqB,gBACrB,sBAAsB,YACtB,qBAAqB,WACrB,iBAAiB,KACjB,gBAAgB,KAChB,oBAAoB,aACpB,iBAAiB,QACjB,gBAAgB,YAChB,sBAAsB,MACtB,qBAAqB,OACrB,iBAAiB,SACjB,eAAe,gBACf,mBACA,wBAAwB,IACxB,eACA,eAAe,gBACf,eACA,eAAe,WACf,SACA,kBAAkB,MAClB,YACA,aACA,QACA,QACA,WACA,eACA,YACA,WACA,gBACA,YACA,WACA,gBACA,gBAAgB,WAChB,oBAAoB,EAAE,EACtB,aAAa,IACb,iBAAiB,IACjB,cAAc,IACd,iBAAiB,OACjB,kBACA,uBAAuB,aACvB,iBAAiB,WACjB,aAAa,GACb,gBAAgB,GAChB,gBAAgB,UACZ;CACJ,MAAM,QAAQ,UAAU;CACxB,MAAM,cACJ,oCAAC;EACC,SAAQ;EACR,SAAS;EACT,MAAM;GACJ,SAAS;GACT,OAAO,EAAE,MAAM,kBAAkB;GACjC,MAAM,EACI,QACT;GACD,MAAM;GACN,UAAU;IACR,OAAO,EACL,OACE,qBAAqB,YACjB,MAAM,QAAQ,QAAQ,OACtB,MAAM,QAAQ,UAAU,MAC/B;IACD,GAAG;KACD,OAAO;KACP,MAAM;KACN,MAAM,EACJ,OAAO,OACR;KACD,MAAM,YAAY,sBAAsB;KACzC;IACD,GAAG;KACD,OAAO;KACP,MAAM;KACN,MAAM,EACJ,QAAQ,IACT;KACF;IACD,SAAS;IACV;GACD,GAAG;GACJ;GACD;CAGJ,MAAM,gBACJ,oCAAC;EACC,SAAQ;EACR,MAAM;GACJ,SAAS;GACT,QAAQ,EAAE,MAAM,qBAAqB;GACrC,OAAO;GACP,MAAM,EACI,QACT;GACD,MAAM;GACN,UAAU;IACR,OAAO,EAAE,OAAO,MAAM,QAAQ,UAAU,MAAM;IAE9C,GAAG;KACD,OAAO;KACP,MAAM;KACN,MAAM,EACJ,QAAQ,KACT;KACF;IACD,GAAG;KACD,OAAO;KACP,MAAM;KAEN,MAAM,YAAY,wBAAwB;KAC3C;IACD,SAAS;IACV;GACD,GAAG;GACJ;GACD;CAGJ,MAAM,WACJ,oCAAC;EACC,SAAQ;EACR,MAAM;GACJ,SAAS;GACT,OAAO;GACP,QAAQ;GACR,MAAM,EACI,QACT;GAED,MAAM;GACN,UAAU;IACR,GAAG;KACD,UAAU;KACV,OAAO;KACP,MAAM;KACN,MAAM,EAAE,QAAQ,qBAAqB;KACtC;IACD,GAAG;KACD,WAAW;KACX,OAAO;KACP,MAAM;KACP;IACD,SAAS;IACV;GACD,GAAG;GACJ;GACD;CAGJ,MAAM,cACJ,oCAAC;EAEC,GAAG;EACH,GAAG;GACH;CAGJ,MAAM,eACJ,oCAAC;EACC,SAAQ;EACR,SAAS;EACT,MAAM;GACJ,SAAS;GACT,OAAO;GACP,QAAQ;GACR,UAAU;GACV,MAAM,SACF,EACU,QACT,GACD;GACJ,OAAO;GACP,QAAQ,EACN,QAAQ;IACN,QAAQ;IACR,QAAQ,EAAE,QAAQ,EAAE,QAAQ,UAAU,EAAE;IACzC,EACF;GACD,GAAG;GACJ;GACD;CAGJ,MAAM,MACJ,oCAAC;EACC,SAAS,kBAAkB,QAAQ,aAAa;EAChD,SAAS;EACT,MAAM;GACJ,SAAS;GACT,OAAO;GACP,QAAQ;GACR,MAAM,EACI,QACT;GACD,QAAQ,EACN,QAAQ;IACN,QAAQ;IACR,QAAQ,EAAE,QAAQ,EAAE,QAAQ,UAAU,EAAE;IACzC,EACF;GACD,MAAM;IACJ,MAAM;IACN,aAAa,kBAAkB,QAAQ,IAAI;IAClC;IACV;GACD,UAAU;IACR,OAAO;KAAE,OAAO;KAAe,MAAM;KAAc;IACnD,OAAO;KAAE,OAAO;KAAe,MAAM;KAAc;IACnD,SAAS;IACV;GACD,GAAG;GACJ;GACD;CAGJ,MAAM,OACJ,oCAAC;EACC,SAAQ;EACR,SAAS;EACT,MAAM;GACJ,SAAS;GACT,OAAO;GACP,QAAQ;GACR,UAAU;GACV,MAAM,EACI,QACT;GACD,MAAM;IACJ,MAAM;IACN,OAAO;IACE;IACV;GACD,QAAQ,EACN,QAAQ;IACN,QAAQ;IACR,QAAQ,EAAE,QAAQ,EAAE,QAAQ,UAAU,EAAE;IACzC,EACF;GACD,UAAU;IACR,GAAG;KACD,OAAO;KACP,MAAM;KACN,UAAU;KACV,OAAO;KACR;IACD,GAAG;KACD,OAAO;KACP,MAAM;KACN,OAAO;KACP,WAAW;KACZ;IACD,OAAO,iBACH;KACE,OAAO;KACP,MAAM;KACP,GACD;IACJ,SAAS;IACV;GACD,GAAG;GACJ;GACD;CAGJ,MAAM,QACJ,oCAAC;EACC,OAAO;EACP,WAAW;EACX,QAAQ;EACR,WAAW;EACX,aAAa;EACb,iBAAiB;EACjB,WAAW;EACX,OAAO;EACP,UAAU;EACV,UAAU;EACV,OAAO;EACP,QAAQ;GACR;CAGJ,IAAI,OAAO;AAEX,SAAQ,eAAR;EACE,KAAK;AACH,UAAO;AACP;EACF,KAAK;AACH,UAAO;AACP;EACF,KAAK;AACH,UAAO;AACP;EACF,KAAK;AACH,UAAO;AACP;EACF,KAAK;AACH,UAAO;AACP;EACF,KAAK;AACH,UAAO;AACP;EACF,KAAK;AACH,UAAO;AACP;EACF,KAAK;AACH,UAAO;AACP;EACF,KAAK;AACH,UAAO;AACP;EACF;;AAGF,QAAO"}
1	+ {"version":3,"file":"AmbientVisualizer-DqNCW3vX.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-D5klbFfJ.js → AvatarAlphabet-1xHvx7P6.js} RENAMED Viewed

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

package/dist/{AvatarAlphabet-D5klbFfJ.js.map → AvatarAlphabet-1xHvx7P6.js.map} RENAMED Viewed

	@@ -1 +1 @@
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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"}
1	+ {"version":3,"file":"AvatarAlphabet-1xHvx7P6.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-BYJS3vMQ.js → BarChartWidget-u-8fxMn5.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { t as __exportAll } from "./chunk-BN_g-Awi.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 { t as WidgetCard_default } from "./WidgetCard-CgZSNV38.js";
+import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-DKMsXSfg.js";
+import { t as convertISODate } from "./ConvertISODate-C6RoXn_x.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__ */ __exportAll({
 //#endregion
 export { params as i, BarChartWidget_default as n, layout as r, BarChartWidget_exports as t };
-//# sourceMappingURL=BarChartWidget-BYJS3vMQ.js.map
+//# sourceMappingURL=BarChartWidget-u-8fxMn5.js.map

package/dist/{BarChartWidget-BYJS3vMQ.js.map → BarChartWidget-u-8fxMn5.js.map} RENAMED Viewed

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

package/dist/{BubbleWidget-FNCYe8So.js → BubbleWidget-CMJYN-7J.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 import { t as __exportAll } from "./chunk-BN_g-Awi.js";
-import { t as WidgetCard_default } from "./WidgetCard-U1XoSuoz.js";
-import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-BN9VkqNq.js";
+import { t as WidgetCard_default } from "./WidgetCard-CgZSNV38.js";
+import { t as FluentStatsSnippet_default } from "./FluentStatsSnippet-DKMsXSfg.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__ */ __exportAll({
 //#endregion
 export { params as i, BubbleWidget_default as n, layout as r, BubbleWidget_exports as t };
-//# sourceMappingURL=BubbleWidget-FNCYe8So.js.map
+//# sourceMappingURL=BubbleWidget-CMJYN-7J.js.map

package/dist/{BubbleWidget-FNCYe8So.js.map → BubbleWidget-CMJYN-7J.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BubbleWidget-~~FNCYe8So~~.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-CMJYN-7J.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/{CatalogUtilities-CAPPpjBH.js → CatalogUtilities-God-FM1u.js} RENAMED Viewed

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

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

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"CatalogUtilities-God-FM1u.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-BxJXaJO8.js → ChartSummaryToggle-U4alJS0G.js} RENAMED Viewed

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

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

	@@ -1 +1 @@
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"}
1	+ {"version":3,"file":"ChartSummaryToggle-U4alJS0G.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-BHtX1Ipw.js → ChatUDP-DYAsqqXk.js} RENAMED Viewed

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

package/dist/{ChatUDP-BHtX1Ipw.js.map → ChatUDP-DYAsqqXk.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChatUDP-~~BHtX1Ipw~~.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-DYAsqqXk.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-DCU1DsB-.js → ChipAlphabet-9xlSgNha.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { t as AvatarAlphabet } from "./AvatarAlphabet-D5klbFfJ.js";
+import { t as AvatarAlphabet } from "./AvatarAlphabet-1xHvx7P6.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-DCU1DsB-.js.map
+//# sourceMappingURL=ChipAlphabet-9xlSgNha.js.map

package/dist/{ChipAlphabet-DCU1DsB-.js.map → ChipAlphabet-9xlSgNha.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ChipAlphabet-DCU1DsB-.js","names":[],"sources":["../src/UI/dataDisplay/ChipAlphabet.jsx"],"sourcesContent":["import React from 'react'\nimport { Chip, lighten } from '@material-ui/core'\nimport { AvatarAlphabet } from './AvatarAlphabet'\n\nexport const ChipAlphabet = ({\n avatarCharacter,\n label,\n handleClick,\n avatar\n}) => {\n let letter = ''\n const highlight = 0.8\n\n switch (avatarCharacter) {\n case 'A':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#FFB900', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'B':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#E74856', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'C':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#0078D7', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'D':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#0099BC', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'E':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#7A7574', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'F':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#0078D7', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'G':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#FF8C00', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'H':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#E81123', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'I':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#0063B1', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n />\n )\n break\n case 'J':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#2D7D9A', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'K':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#5D5A58', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'L':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#4C4A48', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'M':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#F7630C', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'N':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#EA005E', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'O':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#8E8CD8', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'P':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#00B7C3', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'Q':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#68768A', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'R':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#69797E', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'S':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#CA5010', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'T':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#C30052', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'U':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('FF4343', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'V':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#9A0089', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'W':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#10893E', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'X':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#567C73', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'Y':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#018574', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'Z':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#881798', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n\n default:\n }\n\n return letter\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ChipAlphabet-9xlSgNha.js","names":[],"sources":["../src/UI/dataDisplay/ChipAlphabet.jsx"],"sourcesContent":["import React from 'react'\nimport { Chip, lighten } from '@material-ui/core'\nimport { AvatarAlphabet } from './AvatarAlphabet'\n\nexport const ChipAlphabet = ({\n avatarCharacter,\n label,\n handleClick,\n avatar\n}) => {\n let letter = ''\n const highlight = 0.8\n\n switch (avatarCharacter) {\n case 'A':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#FFB900', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'B':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#E74856', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'C':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#0078D7', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'D':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#0099BC', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'E':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#7A7574', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'F':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#0078D7', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'G':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#FF8C00', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'H':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#E81123', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'I':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#0063B1', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n />\n )\n break\n case 'J':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#2D7D9A', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'K':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#5D5A58', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'L':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#4C4A48', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'M':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#F7630C', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'N':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#EA005E', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'O':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#8E8CD8', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'P':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#00B7C3', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'Q':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#68768A', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'R':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#69797E', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'S':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#CA5010', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'T':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#C30052', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'U':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('FF4343', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'V':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#9A0089', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'W':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#10893E', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'X':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#567C73', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'Y':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#018574', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n case 'Z':\n letter = (\n <Chip\n style={{ backgroundColor: lighten('#881798', highlight) }}\n label={label}\n size='small'\n avatar={\n <AvatarAlphabet\n size='small'\n avatarCharacter={avatar && avatarCharacter}\n />\n }\n onClick={handleClick}\n clickable\n />\n )\n break\n\n default:\n }\n\n return letter\n}\n"],"mappings":"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"}

package/dist/{ClientSideUdpGrid-D5fGumO-.js → ClientSideUdpGrid-BfhRDgKV.js} RENAMED Viewed

@@ -8,4 +8,4 @@ const ClientSideUdpGrid = (props) => {
 //#endregion
 export { ClientSideUdpGrid as t };
-//# sourceMappingURL=ClientSideUdpGrid-D5fGumO-.js.map
+//# sourceMappingURL=ClientSideUdpGrid-BfhRDgKV.js.map

package/dist/{ClientSideUdpGrid-D5fGumO-.js.map → ClientSideUdpGrid-BfhRDgKV.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ClientSideUdpGrid-~~D5fGumO-.~~js","names":[],"sources":["../src/UI/templates/newGrid/ClientSideUdpGrid.jsx"],"sourcesContent":["import React from 'react'\nimport { ClientSideGrid } from 'udp-react-stencil-component-library'\n\nexport const ClientSideUdpGrid = (props) => {\n\n return (\n <div >\n <ClientSideGrid {...props}/>\n </div>\n )\n}\n"],"mappings":";;;;AAGA,MAAa,qBAAqB,UAAU;AAE1C,QACC,oCAAC,aACE,oCAAC,gBAAmB,MAAQ,CACzB"}
1	+ {"version":3,"file":"ClientSideUdpGrid-BfhRDgKV.js","names":[],"sources":["../src/UI/templates/newGrid/ClientSideUdpGrid.jsx"],"sourcesContent":["import React from 'react'\nimport { ClientSideGrid } from 'udp-react-stencil-component-library'\n\nexport const ClientSideUdpGrid = (props) => {\n\n return (\n <div >\n <ClientSideGrid {...props}/>\n </div>\n )\n}\n"],"mappings":";;;;AAGA,MAAa,qBAAqB,UAAU;AAE1C,QACC,oCAAC,aACE,oCAAC,gBAAmB,MAAQ,CACzB"}

package/dist/{CompactDataList-j2xAs8-I.js → CompactDataList-CFI63cvg.js} RENAMED Viewed

@@ -13,4 +13,4 @@ const CompactDataList = (props) => {
 //#endregion
 export { CompactDataList as t };
-//# sourceMappingURL=CompactDataList-j2xAs8-I.js.map
+//# sourceMappingURL=CompactDataList-CFI63cvg.js.map

package/dist/{CompactDataList-j2xAs8-I.js.map → CompactDataList-CFI63cvg.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CompactDataList-~~j2xAs8-I~~.js","names":[],"sources":["../src/UI/dataDisplay/CompactDataList.jsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { Divider } from '@material-ui/core';\n\nexport const CompactDataList = (props) => {\n const { children, disableSeparator = true } = props;\n const arrayChildren = Children.toArray(children);\n\n return (\n <div>\n {Children.map(arrayChildren, (child, index) => {\n const isLast = index === arrayChildren.length - 1;\n return (\n <>\n {child}\n {!isLast && !disableSeparator && <Divider />}\n </>\n );\n })}\n </div>\n );\n};\n"],"mappings":";;;;AAGA,MAAa,mBAAmB,UAAU;CACxC,MAAM,EAAE,UAAU,mBAAmB,SAAS;CAC9C,MAAM,gBAAgB,SAAS,QAAQ,SAAS;AAEhD,QACE,oCAAC,aACE,SAAS,IAAI,gBAAgB,OAAO,UAAU;EAC7C,MAAM,SAAS,UAAU,cAAc,SAAS;AAChD,SACE,0DACG,OACA,CAAC,UAAU,CAAC,oBAAoB,oCAAC,cAAU,CAC3C;GAEL,CACE"}
1	+ {"version":3,"file":"CompactDataList-CFI63cvg.js","names":[],"sources":["../src/UI/dataDisplay/CompactDataList.jsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { Divider } from '@material-ui/core';\n\nexport const CompactDataList = (props) => {\n const { children, disableSeparator = true } = props;\n const arrayChildren = Children.toArray(children);\n\n return (\n <div>\n {Children.map(arrayChildren, (child, index) => {\n const isLast = index === arrayChildren.length - 1;\n return (\n <>\n {child}\n {!isLast && !disableSeparator && <Divider />}\n </>\n );\n })}\n </div>\n );\n};\n"],"mappings":";;;;AAGA,MAAa,mBAAmB,UAAU;CACxC,MAAM,EAAE,UAAU,mBAAmB,SAAS;CAC9C,MAAM,gBAAgB,SAAS,QAAQ,SAAS;AAEhD,QACE,oCAAC,aACE,SAAS,IAAI,gBAAgB,OAAO,UAAU;EAC7C,MAAM,SAAS,UAAU,cAAc,SAAS;AAChD,SACE,0DACG,OACA,CAAC,UAAU,CAAC,oBAAoB,oCAAC,cAAU,CAC3C;GAEL,CACE"}

package/dist/{CompactDataListItem-BB0gf0JD.js → CompactDataListItem-C3_Ro16-.js} RENAMED Viewed

@@ -25,4 +25,4 @@ const CompactDataListItem = (props) => {
 //#endregion
 export { CompactDataListItem as t };
-//# sourceMappingURL=CompactDataListItem-BB0gf0JD.js.map
+//# sourceMappingURL=CompactDataListItem-C3_Ro16-.js.map

package/dist/{CompactDataListItem-BB0gf0JD.js.map → CompactDataListItem-C3_Ro16-.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CompactDataListItem-~~BB0gf0JD.~~js","names":[],"sources":["../src/UI/dataDisplay/CompactDataListItem.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex'\n },\n labelRoot: {\n color: 'inherit',\n marginRight: theme.spacing(0.5),\n opacity: 0.6\n },\n valueRoot: {\n color: 'inherit'\n }\n}));\n\nexport const CompactDataListItem = (props) => {\n const {\n label,\n value,\n labelSeparator = ':',\n disableLabelSeparator = false\n } = props;\n const classes = useStyles(props);\n\n return (\n <div className={classes.root}>\n {!!label && (\n <Typography variant={'body1'} className={classes.labelRoot}>\n {label}\n {!disableLabelSeparator && labelSeparator}\n </Typography>\n )}\n {!!value && (\n <Typography variant={'body1'} className={classes.valueRoot}>\n {value}\n </Typography>\n )}\n </div>\n );\n};\n"],"mappings":";;;;AAGA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,SAAS,QACV;CACD,WAAW;EACT,OAAO;EACP,aAAa,MAAM,QAAQ,GAAI;EAC/B,SAAS;EACV;CACD,WAAW,EACT,OAAO,WACR;CACF,EAAE;AAEH,MAAa,uBAAuB,UAAU;CAC5C,MAAM,EACJ,OACA,OACA,iBAAiB,KACjB,wBAAwB,UACtB;CACJ,MAAM,UAAU,UAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,QAAQ,QACrB,CAAC,CAAC,SACD,oCAAC;EAAW,SAAS;EAAS,WAAW,QAAQ;IAC9C,OACA,CAAC,yBAAyB,eAChB,EAEd,CAAC,CAAC,SACD,oCAAC;EAAW,SAAS;EAAS,WAAW,QAAQ;IAC9C,MACU,CAEX"}
1	+ {"version":3,"file":"CompactDataListItem-C3_Ro16-.js","names":[],"sources":["../src/UI/dataDisplay/CompactDataListItem.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex'\n },\n labelRoot: {\n color: 'inherit',\n marginRight: theme.spacing(0.5),\n opacity: 0.6\n },\n valueRoot: {\n color: 'inherit'\n }\n}));\n\nexport const CompactDataListItem = (props) => {\n const {\n label,\n value,\n labelSeparator = ':',\n disableLabelSeparator = false\n } = props;\n const classes = useStyles(props);\n\n return (\n <div className={classes.root}>\n {!!label && (\n <Typography variant={'body1'} className={classes.labelRoot}>\n {label}\n {!disableLabelSeparator && labelSeparator}\n </Typography>\n )}\n {!!value && (\n <Typography variant={'body1'} className={classes.valueRoot}>\n {value}\n </Typography>\n )}\n </div>\n );\n};\n"],"mappings":";;;;AAGA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,SAAS,QACV;CACD,WAAW;EACT,OAAO;EACP,aAAa,MAAM,QAAQ,GAAI;EAC/B,SAAS;EACV;CACD,WAAW,EACT,OAAO,WACR;CACF,EAAE;AAEH,MAAa,uBAAuB,UAAU;CAC5C,MAAM,EACJ,OACA,OACA,iBAAiB,KACjB,wBAAwB,UACtB;CACJ,MAAM,UAAU,UAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,QAAQ,QACrB,CAAC,CAAC,SACD,oCAAC;EAAW,SAAS;EAAS,WAAW,QAAQ;IAC9C,OACA,CAAC,yBAAyB,eAChB,EAEd,CAAC,CAAC,SACD,oCAAC;EAAW,SAAS;EAAS,WAAW,QAAQ;IAC9C,MACU,CAEX"}

package/dist/{ConvertISODate-C640-_Cm.js → ConvertISODate-C6RoXn_x.js} RENAMED Viewed

@@ -5,4 +5,4 @@ const convertISODate = (isoDate) => {
 //#endregion
 export { convertISODate as t };
-//# sourceMappingURL=ConvertISODate-C640-_Cm.js.map
+//# sourceMappingURL=ConvertISODate-C6RoXn_x.js.map

package/dist/{ConvertISODate-C640-_Cm.js.map → ConvertISODate-C6RoXn_x.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ConvertISODate-~~C640-_Cm~~.js","names":[],"sources":["../src/UI/widgets/utils/ConvertISODate.js"],"sourcesContent":["export const convertISODate = isoDate => {\n const date = new Date(isoDate);\n return date.toLocaleDateString('en-US');\n};\n"],"mappings":";AAAA,MAAa,kBAAiB,YAAW;AAEvC,QADa,IAAI,KAAK,QAAQ,CAClB,mBAAmB,QAAQ"}
1	+ {"version":3,"file":"ConvertISODate-C6RoXn_x.js","names":[],"sources":["../src/UI/widgets/utils/ConvertISODate.js"],"sourcesContent":["export const convertISODate = isoDate => {\n const date = new Date(isoDate);\n return date.toLocaleDateString('en-US');\n};\n"],"mappings":";AAAA,MAAa,kBAAiB,YAAW;AAEvC,QADa,IAAI,KAAK,QAAQ,CAClB,mBAAmB,QAAQ"}

package/dist/{CrudBrowserContainer-DJHq5ILl.js → CrudBrowserContainer-UJvAMHYL.js} RENAMED Viewed

@@ -1,7 +1,7 @@
 import { a as toTitleCase } from "./StringUtilities-u-cxAW6-.js";
 import { r as getSanitizedName } from "./entityUtilities-_8w-Zjs3.js";
 import { L as UdpEnums, m as LookupTypeIdEnums } from "./unitySystemEnums-CZDCsD5t.js";
-import { t as SearchMethodUdpGrid } from "./SearchMethodUdpGrid-CWYZUOx-.js";
+import { t as SearchMethodUdpGrid } from "./SearchMethodUdpGrid-BMHWSjf5.js";
 import React, { useCallback, useEffect, useMemo } from "react";
 import { useHistory } from "react-router-dom";
 import { LookupEntitiesIcon } from "@fluentui/react-icons";
@@ -173,4 +173,4 @@ const CrudBrowserContainer = (props) => {
 //#endregion
 export { CrudTableColumnDefs as n, mapDotNetTypeToAgGridType as r, CrudBrowserContainer as t };
-//# sourceMappingURL=CrudBrowserContainer-DJHq5ILl.js.map
+//# sourceMappingURL=CrudBrowserContainer-UJvAMHYL.js.map

package/dist/{CrudBrowserContainer-DJHq5ILl.js.map → CrudBrowserContainer-UJvAMHYL.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CrudBrowserContainer-DJHq5ILl.js","names":["uuid"],"sources":["../src/maintenanceEngine/crudBrowser/crudHelper.ts","../src/maintenanceEngine/crudBrowser/CrudTableColumnDefs.js","../src/maintenanceEngine/crudBrowser/CrudBrowserContainer.jsx"],"sourcesContent":["export function mapDotNetTypeToAgGridType(\n type: string\n): 'text' \| 'number' \| 'boolean' \| 'dateString' \| 'dateTimeString' \| 'object' {\n const normalized = type.replace(/\\?$/, '').trim().toLowerCase();\n\n if (\n normalized === 'byte' \|\|\n normalized === 'short' \|\|\n normalized === 'int' \|\|\n normalized === 'long' \|\|\n normalized === 'float' \|\|\n normalized === 'double' \|\|\n normalized === 'decimal'\n ) {\n return 'number';\n }\n\n if (normalized === 'string' \|\| normalized === 'guid') {\n return 'text';\n }\n\n if (normalized === 'bool' \|\| normalized === 'boolean') {\n return 'boolean';\n }\n\n if (normalized === 'date') {\n return 'dateString';\n }\n\n if (normalized === 'datetime') {\n return 'dateTimeString';\n }\n\n if (normalized.startsWith('dictionary') \|\| normalized === 'object') {\n return 'object';\n }\n\n // fallback default\n return 'text';\n}\n","import { toTitleCase } from '../../utilities/input/StringUtilities';\nimport { mapDotNetTypeToAgGridType } from './crudHelper';\n\nexport const CrudTableColumnDefs = (entityAttributes, actionList) => {\n let columnDefs =\n entityAttributes?.reduce((defs, element) => {\n //skip is hidden through maintenance config\n if (\n element?.extendedProperties?.udpFieldProperties?.maintenanceConfig\n ?.hidden === true\n ) {\n return defs;\n }\n //skip if business object key\n if (element?.name === 'businessObjectKey') {\n return defs;\n }\n\n if (!element?.extendedProperties?.childEntity) {\n const columnHeader =\n element?.extendedProperties?.udpFieldProperties?.displayName \|\|\n element?.name;\n\n const columnHeaderName = toTitleCase(columnHeader);\n const lookupId =\n element?.extendedProperties?.lookup \|\|\n element?.extendedProperties?.udpFieldProperties?.maintainenceConfig\n ?.lookup;\n\n let def = {\n headerName: columnHeaderName,\n field: element?.name.charAt(0).toLowerCase() + element?.name.slice(1),\n cellDataType: mapDotNetTypeToAgGridType(element?.type),\n filter: element?.extendedProperties?.searchable,\n sortable: element?.extendedProperties?.orderable,\n hide: element?.extendedProperties?.udpFieldProperties?.maintainenceConfig?.hidden,\n tooltipField: element?.name.charAt(0).toLowerCase() + element?.name.slice(1),\n context: {\n lookupId: lookupId,\n ...element\n }\n };\n\n defs.push(def);\n }\n return defs;\n }, []) \|\| [];\n\n columnDefs.push({\n headerName: 'Actions',\n field: 'actions',\n cellRenderer: 'actionsRenderer',\n cellRendererParams: {\n actionList: actionList\n }\n });\n\n return columnDefs;\n};\n","import React, { useMemo, useEffect, useCallback } from 'react';\nimport { CrudTableColumnDefs } from './CrudTableColumnDefs';\nimport { LookupEntitiesIcon } from '@fluentui/react-icons';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from 'react-router-dom';\nimport { LookupTypeIdEnums, UdpEnums } from '../../enums/unitySystemEnums';\nimport { toTitleCase } from '../../utilities/input/StringUtilities';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { v4 as uuid } from 'uuid';\nimport { SearchMethodUdpGrid } from '../../UI/templates/newGrid/SearchMethodUdpGrid';\n\nconst GRID_ID = '4be3be45-1930-4ab9-b7b7-0c0fa3e30490';\n\nexport const CrudBrowserContainer = (props) => {\n const {\n actionList,\n onCreate,\n entityAttributes,\n foreignKeyData,\n promotedEntity,\n apiMethod,\n filterElements,\n setAlertWarnings,\n gridApiCallback,\n showBackToTableBrowser,\n ...other\n } = props;\n\n const { t } = useTranslation();\n const history = useHistory();\n\n const entityName = useMemo(() => {\n return promotedEntity?.entityName;\n }, [promotedEntity]);\n\n const commonEntityName = useMemo(() => {\n if (!entityName) return '';\n return toTitleCase(getSanitizedName(entityName));\n }, [entityName]);\n\n const handleGoToTableBrowser = useCallback(() => {\n history.push({\n pathname: `/tableBrowser`\n });\n }, [history]);\n\n const secondaryActionButtons = useMemo(() => {\n if (showBackToTableBrowser) {\n return [\n {\n label: t('Table Browser'),\n iconName: 'arrowLeft16',\n onClick: handleGoToTableBrowser\n }\n ];\n } else {\n return [];\n }\n }, [handleGoToTableBrowser, showBackToTableBrowser, t]);\n\n const virtualActions = useMemo(() => {\n return [\n // Action for opening Virtual Configuration\n {\n id: 3,\n title: t('Open Virtual Table'),\n icon: LookupEntitiesIcon,\n loading: !!!foreignKeyData,\n onClick: (value) => {\n history.push({\n pathname: `/virtual/${value.id}`,\n search: `?entityName=${entityName}`,\n state: {\n value,\n promotedEntity,\n label: value.name\n }\n });\n },\n checkDisabled: (value) => value.typeId !== LookupTypeIdEnums.Lookup\n }\n ];\n }, [entityName, foreignKeyData, history, promotedEntity, t]);\n\n const jointActionList = useMemo(() => {\n if (!actionList \|\| actionList?.length === 0) {\n return null;\n }\n // Check if it's a udp lookup entity\n if (\n getSanitizedName(entityName?.toLowerCase()) ===\n UdpEnums.Udp_Lookup.toLowerCase()\n ) {\n return [...actionList, ...virtualActions];\n }\n return [...actionList];\n }, [actionList, entityName, virtualActions]);\n\n const columnDefs = useMemo(() => {\n if (entityAttributes && jointActionList) {\n return CrudTableColumnDefs(entityAttributes, jointActionList);\n }\n }, [entityAttributes, jointActionList]);\n\n useEffect(() => {\n if (promotedEntity) {\n if (!promotedEntity?.unityBaseSearchMethod?.apiMethodId) {\n const searchMethodWarning = {\n id: uuid(),\n message: `${promotedEntity.entityName}'s Search method needs to be promoted`\n };\n setAlertWarnings &&\n setAlertWarnings((prevState) => [...prevState, searchMethodWarning]);\n }\n }\n }, [promotedEntity, setAlertWarnings]);\n\n const searchMethodConfig = useMemo(() => {\n return {\n apiMethodId: promotedEntity?.unityBaseSearchMethod?.apiMethodId,\n customSearchObject: {filterElements: filterElements}\n };\n }, [promotedEntity?.unityBaseSearchMethod?.apiMethodId, filterElements]);\n\n const gridFunctions = useMemo(() => {\n return [\n { name: 'openSavedViews' },\n { name: 'agGridSizeColumnsToFit' },\n { name: 'agGridAutoSizeColumns' },\n { name: 'agGridResetColumns' },\n { name: 'agGridHideShowColumns' }\n ];\n }, []);\n\n return (\n <SearchMethodUdpGrid\n columnDefs={columnDefs}\n searchMethodConfig={searchMethodConfig}\n gridHeaderConfig={{\n title: commonEntityName,\n primaryActionButton: {\n label: 'Add',\n iconName: 'add',\n onClick: onCreate\n },\n secondaryActionButtons: secondaryActionButtons\n }}\n gridId={GRID_ID}\n entityName={commonEntityName}\n gridOptions={{\n pagination: true,\n ...other\n }}\n gridApiCallback={gridApiCallback}\n gridFunctions={gridFunctions}\n />\n );\n};\n"],"mappings":"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"}
1	+ {"version":3,"file":"CrudBrowserContainer-UJvAMHYL.js","names":["uuid"],"sources":["../src/maintenanceEngine/crudBrowser/crudHelper.ts","../src/maintenanceEngine/crudBrowser/CrudTableColumnDefs.js","../src/maintenanceEngine/crudBrowser/CrudBrowserContainer.jsx"],"sourcesContent":["export function mapDotNetTypeToAgGridType(\n type: string\n): 'text' \| 'number' \| 'boolean' \| 'dateString' \| 'dateTimeString' \| 'object' {\n const normalized = type.replace(/\\?$/, '').trim().toLowerCase();\n\n if (\n normalized === 'byte' \|\|\n normalized === 'short' \|\|\n normalized === 'int' \|\|\n normalized === 'long' \|\|\n normalized === 'float' \|\|\n normalized === 'double' \|\|\n normalized === 'decimal'\n ) {\n return 'number';\n }\n\n if (normalized === 'string' \|\| normalized === 'guid') {\n return 'text';\n }\n\n if (normalized === 'bool' \|\| normalized === 'boolean') {\n return 'boolean';\n }\n\n if (normalized === 'date') {\n return 'dateString';\n }\n\n if (normalized === 'datetime') {\n return 'dateTimeString';\n }\n\n if (normalized.startsWith('dictionary') \|\| normalized === 'object') {\n return 'object';\n }\n\n // fallback default\n return 'text';\n}\n","import { toTitleCase } from '../../utilities/input/StringUtilities';\nimport { mapDotNetTypeToAgGridType } from './crudHelper';\n\nexport const CrudTableColumnDefs = (entityAttributes, actionList) => {\n let columnDefs =\n entityAttributes?.reduce((defs, element) => {\n //skip is hidden through maintenance config\n if (\n element?.extendedProperties?.udpFieldProperties?.maintenanceConfig\n ?.hidden === true\n ) {\n return defs;\n }\n //skip if business object key\n if (element?.name === 'businessObjectKey') {\n return defs;\n }\n\n if (!element?.extendedProperties?.childEntity) {\n const columnHeader =\n element?.extendedProperties?.udpFieldProperties?.displayName \|\|\n element?.name;\n\n const columnHeaderName = toTitleCase(columnHeader);\n const lookupId =\n element?.extendedProperties?.lookup \|\|\n element?.extendedProperties?.udpFieldProperties?.maintainenceConfig\n ?.lookup;\n\n let def = {\n headerName: columnHeaderName,\n field: element?.name.charAt(0).toLowerCase() + element?.name.slice(1),\n cellDataType: mapDotNetTypeToAgGridType(element?.type),\n filter: element?.extendedProperties?.searchable,\n sortable: element?.extendedProperties?.orderable,\n hide: element?.extendedProperties?.udpFieldProperties?.maintainenceConfig?.hidden,\n tooltipField: element?.name.charAt(0).toLowerCase() + element?.name.slice(1),\n context: {\n lookupId: lookupId,\n ...element\n }\n };\n\n defs.push(def);\n }\n return defs;\n }, []) \|\| [];\n\n columnDefs.push({\n headerName: 'Actions',\n field: 'actions',\n cellRenderer: 'actionsRenderer',\n cellRendererParams: {\n actionList: actionList\n }\n });\n\n return columnDefs;\n};\n","import React, { useMemo, useEffect, useCallback } from 'react';\nimport { CrudTableColumnDefs } from './CrudTableColumnDefs';\nimport { LookupEntitiesIcon } from '@fluentui/react-icons';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from 'react-router-dom';\nimport { LookupTypeIdEnums, UdpEnums } from '../../enums/unitySystemEnums';\nimport { toTitleCase } from '../../utilities/input/StringUtilities';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { v4 as uuid } from 'uuid';\nimport { SearchMethodUdpGrid } from '../../UI/templates/newGrid/SearchMethodUdpGrid';\n\nconst GRID_ID = '4be3be45-1930-4ab9-b7b7-0c0fa3e30490';\n\nexport const CrudBrowserContainer = (props) => {\n const {\n actionList,\n onCreate,\n entityAttributes,\n foreignKeyData,\n promotedEntity,\n apiMethod,\n filterElements,\n setAlertWarnings,\n gridApiCallback,\n showBackToTableBrowser,\n ...other\n } = props;\n\n const { t } = useTranslation();\n const history = useHistory();\n\n const entityName = useMemo(() => {\n return promotedEntity?.entityName;\n }, [promotedEntity]);\n\n const commonEntityName = useMemo(() => {\n if (!entityName) return '';\n return toTitleCase(getSanitizedName(entityName));\n }, [entityName]);\n\n const handleGoToTableBrowser = useCallback(() => {\n history.push({\n pathname: `/tableBrowser`\n });\n }, [history]);\n\n const secondaryActionButtons = useMemo(() => {\n if (showBackToTableBrowser) {\n return [\n {\n label: t('Table Browser'),\n iconName: 'arrowLeft16',\n onClick: handleGoToTableBrowser\n }\n ];\n } else {\n return [];\n }\n }, [handleGoToTableBrowser, showBackToTableBrowser, t]);\n\n const virtualActions = useMemo(() => {\n return [\n // Action for opening Virtual Configuration\n {\n id: 3,\n title: t('Open Virtual Table'),\n icon: LookupEntitiesIcon,\n loading: !!!foreignKeyData,\n onClick: (value) => {\n history.push({\n pathname: `/virtual/${value.id}`,\n search: `?entityName=${entityName}`,\n state: {\n value,\n promotedEntity,\n label: value.name\n }\n });\n },\n checkDisabled: (value) => value.typeId !== LookupTypeIdEnums.Lookup\n }\n ];\n }, [entityName, foreignKeyData, history, promotedEntity, t]);\n\n const jointActionList = useMemo(() => {\n if (!actionList \|\| actionList?.length === 0) {\n return null;\n }\n // Check if it's a udp lookup entity\n if (\n getSanitizedName(entityName?.toLowerCase()) ===\n UdpEnums.Udp_Lookup.toLowerCase()\n ) {\n return [...actionList, ...virtualActions];\n }\n return [...actionList];\n }, [actionList, entityName, virtualActions]);\n\n const columnDefs = useMemo(() => {\n if (entityAttributes && jointActionList) {\n return CrudTableColumnDefs(entityAttributes, jointActionList);\n }\n }, [entityAttributes, jointActionList]);\n\n useEffect(() => {\n if (promotedEntity) {\n if (!promotedEntity?.unityBaseSearchMethod?.apiMethodId) {\n const searchMethodWarning = {\n id: uuid(),\n message: `${promotedEntity.entityName}'s Search method needs to be promoted`\n };\n setAlertWarnings &&\n setAlertWarnings((prevState) => [...prevState, searchMethodWarning]);\n }\n }\n }, [promotedEntity, setAlertWarnings]);\n\n const searchMethodConfig = useMemo(() => {\n return {\n apiMethodId: promotedEntity?.unityBaseSearchMethod?.apiMethodId,\n customSearchObject: {filterElements: filterElements}\n };\n }, [promotedEntity?.unityBaseSearchMethod?.apiMethodId, filterElements]);\n\n const gridFunctions = useMemo(() => {\n return [\n { name: 'openSavedViews' },\n { name: 'agGridSizeColumnsToFit' },\n { name: 'agGridAutoSizeColumns' },\n { name: 'agGridResetColumns' },\n { name: 'agGridHideShowColumns' }\n ];\n }, []);\n\n return (\n <SearchMethodUdpGrid\n columnDefs={columnDefs}\n searchMethodConfig={searchMethodConfig}\n gridHeaderConfig={{\n title: commonEntityName,\n primaryActionButton: {\n label: 'Add',\n iconName: 'add',\n onClick: onCreate\n },\n secondaryActionButtons: secondaryActionButtons\n }}\n gridId={GRID_ID}\n entityName={commonEntityName}\n gridOptions={{\n pagination: true,\n ...other\n }}\n gridApiCallback={gridApiCallback}\n gridFunctions={gridFunctions}\n />\n );\n};\n"],"mappings":"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"}

package/dist/{CrudTableSidePanel-Dw8gZSqR.js → CrudTableSidePanel-D8UYaXhS.js} RENAMED Viewed

@@ -117,4 +117,4 @@ CrudTableSidePanel.propTypes = {
 //#endregion
 export { UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE as n, CrudTableSidePanel as t };
-//# sourceMappingURL=CrudTableSidePanel-Dw8gZSqR.js.map
+//# sourceMappingURL=CrudTableSidePanel-D8UYaXhS.js.map