udp-react-enterprise-component-library 25.18.0 → 25.18.1-alpha.1

package/dist/AmbientVisualizer-B6kX3oPX.js

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

package/dist/AmbientVisualizer-B6kX3oPX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmbientVisualizer-B6kX3oPX.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 - (radiusRef*0.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: 'fontFactor*5' } },\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: 'fontFactor*5' } },\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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"}