@apia/charts 2.0.7 → 2.0.8

package/dist/charts/waterfallBars/WaterfallBars.js

@@ -1,247 +0,0 @@
-import { jsxs, Fragment, jsx } from '@apia/theme/jsx-runtime';
-import { Box, Heading } from '@apia/theme';
-import { arrayOrArray, usePanAndZoom, getLabel } from '@apia/util';
-import { useState, useMemo, useLayoutEffect } from 'react';
-import { scaleBand, scaleLinear } from '@visx/scale';
-import { extent } from 'd3-array';
-import { parseMargin } from '../util/parseMargin.js';
-import { Group } from '@visx/group';
-import { GridRows } from '@visx/grid';
-import { AxisLeft, AxisBottom } from '@visx/axis';
-import uniqueId from 'lodash-es/uniqueId';
-import ChartSelector from '../util/ChartSelector.js';
-import { WaterfallBar } from './WaterfallBar.js';
-
-const calculateWaterfallSteps = ({
-  data,
-  xAccessor,
-  yAccessor,
-  showFinal,
-  colors
-}) => {
-  let cumulativeTotal = 0;
-  const steps = data.map((datum) => {
-    const xValue = xAccessor(datum);
-    const yValue = yAccessor(datum);
-    const prevTotal = cumulativeTotal;
-    cumulativeTotal += Number(yValue);
-    return {
-      x: xValue,
-      y: yValue,
-      start: prevTotal,
-      end: cumulativeTotal,
-      color: Number(yValue) > 0 ? colors.positive : colors.negative
-    };
-  });
-  if (showFinal) {
-    steps.push({
-      x: "Total",
-      y: cumulativeTotal,
-      start: 0,
-      end: cumulativeTotal,
-      color: colors.total
-    });
-  }
-  return steps;
-};
-function adjustDimensions({
-  width,
-  height,
-  maxWidth
-}) {
-  if (width <= maxWidth) {
-    return { width, height };
-  }
-  const ratio = width / height;
-  const newWidth = maxWidth;
-  const newHeight = Math.floor(newWidth / ratio);
-  return { width: newWidth, height: newHeight };
-}
-const WaterfallBars = ({
-  margin = { top: 20, left: 100, bottom: 150, right: 70 },
-  chart: {
-    waterfallColors = {
-      positive: "#49b86f",
-      negative: "#c92e5b",
-      total: "#434857",
-      stepConnector: "#888d94"
-    },
-    ...chart
-  },
-  className,
-  chartId,
-  allowZoom
-}) => {
-  console.log({ margin });
-  const effectiveMargin = parseMargin(margin);
-  if (!chart.showAxisYTitle && effectiveMargin.left > 50) {
-    effectiveMargin.left = 50;
-  }
-  let innerWidth = chart.ratio.width + (-effectiveMargin.left - effectiveMargin.right) / 2;
-  let innerHeight = chart.ratio.height + (-effectiveMargin.top - effectiveMargin.bottom) / 2;
-  if (innerWidth > chart.ratio.maxWidth) {
-    const newValues = adjustDimensions({
-      height: innerHeight,
-      width: innerWidth,
-      maxWidth: chart.ratio.maxWidth
-    });
-    innerWidth = newValues.width;
-    innerHeight = newValues.height;
-  }
-  const getXValue = (d) => d.key;
-  const getYValue = (d) => d.value;
-  const charts = arrayOrArray(chart.dataSets?.data).filter((piece) => !!piece.sets).map((piece) => {
-    return {
-      ...piece,
-      coordinate: piece.sets
-    };
-  });
-  const [currentPie, setCurrentPie] = useState("0");
-  const chartNames = charts.map((piece) => {
-    return piece.name;
-  });
-  const steps = useMemo(
-    () => calculateWaterfallSteps({
-      data: arrayOrArray(chart.dataSets.data)[currentPie].sets,
-      xAccessor: getXValue,
-      yAccessor: getYValue,
-      showFinal: chart.showTotal ?? true,
-      colors: waterfallColors
-    }),
-    [chart.dataSets.data, chart.showTotal, currentPie, waterfallColors]
-  );
-  const padding = 0.2;
-  const xScale = scaleBand({
-    domain: steps.map((step) => step.x),
-    padding,
-    range: [0, innerWidth]
-  });
-  const yDomain = useMemo(() => {
-    const values = steps.flatMap((step) => [step.start, step.end]);
-    const [min, max] = extent(values);
-    return min != null && max != null ? [min - 5, max + 5] : void 0;
-  }, [steps]);
-  const yScale = scaleLinear({
-    domain: yDomain,
-    nice: true,
-    range: [innerHeight, 0]
-  });
-  const id = useMemo(() => `WaterfallBars${uniqueId()}`, []);
-  useLayoutEffect(() => {
-    document.querySelectorAll(`#${id} .tickLabel`).forEach((current) => {
-      const width = current.getBoundingClientRect().width;
-      current.style.transformOrigin = current.getAttribute("x") + "px 14px";
-      current.style.transform = `rotate(25deg) translateX(${width / 2}px)`;
-    });
-  });
-  const { boxRef, elementRef } = usePanAndZoom(
-    void 0,
-    !allowZoom
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        id,
-        className: `${className ? className : ""} chartBox chartContainer`,
-        ref: boxRef,
-        children: /* @__PURE__ */ jsx(
-          "svg",
-          {
-            height: chart.ratio.height,
-            width: chart.ratio.width,
-            ref: elementRef,
-            children: /* @__PURE__ */ jsxs(Group, { left: effectiveMargin.left, top: effectiveMargin.top, children: [
-              /* @__PURE__ */ jsx(GridRows, { scale: yScale, width: innerWidth, strokeDasharray: "5" }),
-              steps.map((step, index) => {
-                const x = xScale(step.x);
-                const y = yScale(Math.max(step.start, step.end));
-                if (x == null || y == null) {
-                  return null;
-                }
-                const barHeight = Math.abs(yScale(step.start) - yScale(step.end));
-                const isLast = index === steps.length - 1;
-                const linePadding = 2;
-                const x1 = x + xScale.bandwidth() + linePadding;
-                const x2 = x + xScale.bandwidth() / (1 - padding) - linePadding;
-                const lineY = step.end < step.start ? y + barHeight : y;
-                const labelOffset = 10;
-                const labelY = yScale(step.end) + (step.y < 0 ? labelOffset : -labelOffset);
-                let currentYValue = 0;
-                steps.filter((_, i) => {
-                  if ((chart.showTotal ?? true) && !steps[i + 1]) {
-                    return false;
-                  }
-                  return i <= index;
-                }).forEach((step2) => {
-                  currentYValue += Number(step2.y);
-                });
-                return /* @__PURE__ */ jsx(
-                  WaterfallBar,
-                  {
-                    chart,
-                    columnName: chartNames[currentPie],
-                    fill: step.color,
-                    height: barHeight,
-                    isLast,
-                    lineY,
-                    step,
-                    stroke: waterfallColors.stepConnector,
-                    strokeDashArray: 2,
-                    textContent: chart.showTotal ?? true ? step.y : currentYValue,
-                    textX: x + xScale.bandwidth() / 2,
-                    textY: labelY + 5,
-                    width: xScale.bandwidth(),
-                    x,
-                    y,
-                    x1,
-                    x2
-                  },
-                  index
-                );
-              }),
-              /* @__PURE__ */ jsx(
-                AxisLeft,
-                {
-                  label: "",
-                  scale: yScale,
-                  hideTicks: true,
-                  tickLabelProps: () => ({
-                    textAnchor: "end",
-                    verticalAnchor: "middle",
-                    display: chart.showAxisYTitle ? "auto" : "none"
-                  })
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                AxisBottom,
-                {
-                  scale: xScale,
-                  top: innerHeight,
-                  tickLabelProps: { display: "none" },
-                  tickLineProps: { display: "none" }
-                }
-              )
-            ] })
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ jsx(Box, { className: "chartLegend__Wrapper", children: !chart.hideSelector && charts.length > 1 && /* @__PURE__ */ jsxs(Box, { className: "chart__combo__wrapper", children: [
-      /* @__PURE__ */ jsx(Heading, { as: "h6", children: getLabel("lblChartSel").text }),
-      /* @__PURE__ */ jsx(
-        ChartSelector,
-        {
-          chartId,
-          pieces: chartNames,
-          className: "chartSelectorCombo",
-          current: currentPie,
-          setCurrent: setCurrentPie
-        }
-      )
-    ] }) })
-  ] });
-};
-
-export { WaterfallBars };
-//# sourceMappingURL=WaterfallBars.js.map

package/dist/charts/waterfallBars/WaterfallBars.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WaterfallBars.js","sources":["../../../src/charts/waterfallBars/WaterfallBars.tsx"],"sourcesContent":["import { Box, Heading } from '@apia/theme';\nimport { TChartRendererProps } from '../types';\nimport { arrayOrArray, getLabel, usePanAndZoom } from '@apia/util';\nimport React, { useMemo, useLayoutEffect, useState } from 'react';\nimport { scaleBand, scaleLinear } from '@visx/scale';\nimport { extent } from 'd3-array';\nimport { parseMargin } from '../util/parseMargin';\nimport { Group } from '@visx/group';\nimport { GridRows } from '@visx/grid';\nimport { AxisBottom, AxisLeft } from '@visx/axis';\nimport uniqueId from 'lodash-es/uniqueId';\nimport ChartSelector from '../util/ChartSelector';\nimport { WaterfallBar } from './WaterfallBar';\n// import { LegendContainer } from '../util/LegendContainer';\n\nexport interface IParsedColumn {\n  columnName: string;\n  [key: string]: string;\n}\n\ntype TDatum = { key: string; value: string };\n\nconst calculateWaterfallSteps = ({\n  data,\n  xAccessor,\n  yAccessor,\n  showFinal,\n  colors,\n}: {\n  data: TDatum[];\n  xAccessor: (d: TDatum) => string;\n  yAccessor: (d: TDatum) => string;\n  showFinal: boolean;\n  colors: {\n    positive: string;\n    negative: string;\n    total: string;\n    stepConnector: string;\n  };\n}) => {\n  // Holds cumulative value\n  let cumulativeTotal = 0;\n\n  // Calculate bars for each data point\n  const steps = data.map((datum) => {\n    const xValue = xAccessor(datum);\n    const yValue = yAccessor(datum);\n\n    const prevTotal = cumulativeTotal;\n    cumulativeTotal += Number(yValue);\n\n    return {\n      x: xValue,\n      y: yValue,\n      start: prevTotal,\n      end: cumulativeTotal,\n      color: Number(yValue) > 0 ? colors.positive : colors.negative,\n    };\n  });\n\n  // Add final Total bar\n  if (showFinal) {\n    steps.push({\n      x: 'Total',\n      y: cumulativeTotal as unknown as string,\n      start: 0,\n      end: cumulativeTotal,\n      color: colors.total,\n    });\n  }\n\n  return steps;\n};\nfunction adjustDimensions({\n  width,\n  height,\n  maxWidth,\n}: {\n  width: number;\n  height: number;\n  maxWidth: number;\n}) {\n  if (width <= maxWidth) {\n    return { width, height };\n  }\n\n  const ratio = width / height;\n  const newWidth = maxWidth;\n  const newHeight = Math.floor(newWidth / ratio);\n\n  return { width: newWidth, height: newHeight };\n}\nexport const WaterfallBars = ({\n  margin = { top: 20, left: 100, bottom: 150, right: 70 },\n  chart: {\n    waterfallColors = {\n      positive: '#49b86f',\n      negative: '#c92e5b',\n      total: '#434857',\n      stepConnector: '#888d94',\n    },\n    ...chart\n  },\n  className,\n  chartId,\n  allowZoom,\n}: TChartRendererProps) => {\n  console.log({ margin });\n\n  const effectiveMargin = parseMargin(margin);\n\n  if (!chart.showAxisYTitle && effectiveMargin.left > 50) {\n    effectiveMargin.left = 50;\n  }\n  let innerWidth =\n    chart.ratio.width + (-effectiveMargin.left - effectiveMargin.right) / 2;\n  let innerHeight =\n    chart.ratio.height + (-effectiveMargin.top - effectiveMargin.bottom) / 2;\n  if (innerWidth > chart.ratio.maxWidth) {\n    const newValues = adjustDimensions({\n      height: innerHeight,\n      width: innerWidth,\n      maxWidth: chart.ratio.maxWidth,\n    });\n    innerWidth = newValues.width;\n    innerHeight = newValues.height;\n  }\n\n  const getXValue = (d: TDatum) => d.key;\n  const getYValue = (d: TDatum) => d.value;\n\n  const charts = arrayOrArray(chart.dataSets?.data)\n    .filter((piece) => !!piece.sets)\n    .map((piece) => {\n      return {\n        ...piece,\n        coordinate: piece.sets,\n      };\n    });\n  const [currentPie, setCurrentPie] = useState('0');\n  const chartNames = charts.map((piece) => {\n    return piece.name;\n  });\n  const steps = useMemo(\n    () =>\n      calculateWaterfallSteps({\n        data: arrayOrArray(chart.dataSets.data)[currentPie as unknown as number]\n          .sets as TDatum[],\n        xAccessor: getXValue,\n        yAccessor: getYValue,\n        showFinal: chart.showTotal ?? true,\n        colors: waterfallColors,\n      }),\n    [chart.dataSets.data, chart.showTotal, currentPie, waterfallColors],\n  );\n\n  // Build scales\n  const padding = 0.2;\n\n  const xScale = scaleBand({\n    domain: steps.map((step) => step.x),\n    padding,\n    range: [0, innerWidth],\n  });\n\n  const yDomain = useMemo(() => {\n    const values = steps.flatMap((step) => [step.start, step.end]);\n    const [min, max] = extent<number>(values);\n    return min != null && max != null ? [min - 5, max + 5] : undefined;\n  }, [steps]);\n\n  const yScale = scaleLinear({\n    domain: yDomain,\n    nice: true,\n    range: [innerHeight, 0],\n  });\n\n  const id = useMemo(() => `WaterfallBars${uniqueId()}`, []);\n  useLayoutEffect(() => {\n    document\n      .querySelectorAll<HTMLElement>(`#${id} .tickLabel`)\n      .forEach((current) => {\n        const width = current.getBoundingClientRect().width;\n        // eslint-disable-next-line no-param-reassign\n        current.style.transformOrigin =\n          (current.getAttribute('x') as string) + 'px 14px';\n        // eslint-disable-next-line no-param-reassign\n        current.style.transform = `rotate(25deg) translateX(${width / 2}px)`;\n      });\n  });\n\n  const { boxRef, elementRef } = usePanAndZoom<HTMLElement, SVGSVGElement>(\n    undefined,\n    !allowZoom ?? true,\n  );\n  return (\n    <>\n      <Box\n        id={id}\n        className={`${className ? className : ''} chartBox chartContainer`}\n        ref={boxRef}\n      >\n        <svg\n          height={chart.ratio.height}\n          width={chart.ratio.width}\n          ref={elementRef}\n        >\n          <Group left={effectiveMargin.left} top={effectiveMargin.top}>\n            <GridRows scale={yScale} width={innerWidth} strokeDasharray=\"5\" />\n            {steps.map((step, index) => {\n              const x = xScale(step.x);\n              const y = yScale(Math.max(step.start, step.end));\n\n              if (x == null || y == null) {\n                return null;\n              }\n\n              const barHeight = Math.abs(yScale(step.start) - yScale(step.end));\n\n              const isLast = index === steps.length - 1;\n              const linePadding = 2;\n              const x1 = x + xScale.bandwidth() + linePadding;\n              const x2 = x + xScale.bandwidth() / (1 - padding) - linePadding;\n              const lineY = step.end < step.start ? y + barHeight : y;\n\n              const labelOffset = 10;\n              const labelY =\n                yScale(step.end) +\n                ((step.y as unknown as number) < 0\n                  ? labelOffset\n                  : -labelOffset);\n\n              let currentYValue = 0;\n              steps\n                .filter((_, i) => {\n                  if ((chart.showTotal ?? true) && !steps[i + 1]) {\n                    return false;\n                  }\n                  return i <= index;\n                })\n                .forEach((step) => {\n                  currentYValue += Number(step.y);\n                });\n\n              return (\n                <WaterfallBar\n                  chart={chart}\n                  columnName={chartNames[currentPie as unknown as number]}\n                  fill={step.color}\n                  height={barHeight}\n                  isLast={isLast}\n                  key={index}\n                  lineY={lineY}\n                  step={step}\n                  stroke={waterfallColors.stepConnector}\n                  strokeDashArray={2}\n                  textContent={\n                    chart.showTotal ?? true\n                      ? step.y\n                      : (currentYValue as unknown as string)\n                  }\n                  textX={x + xScale.bandwidth() / 2}\n                  textY={labelY + 5}\n                  width={xScale.bandwidth()}\n                  x={x}\n                  y={y}\n                  x1={x1}\n                  x2={x2}\n                />\n              );\n            })}\n            <AxisLeft\n              label={''}\n              scale={yScale}\n              hideTicks\n              tickLabelProps={() => ({\n                textAnchor: 'end',\n                verticalAnchor: 'middle',\n                display: chart.showAxisYTitle ? 'auto' : 'none',\n              })}\n            />\n            <AxisBottom\n              scale={xScale}\n              top={innerHeight}\n              tickLabelProps={{ display: 'none' }}\n              tickLineProps={{ display: 'none' }}\n            />\n          </Group>\n        </svg>\n      </Box>\n      <Box className=\"chartLegend__Wrapper\">\n        {!chart.hideSelector && charts.length > 1 && (\n          <Box className=\"chart__combo__wrapper\">\n            {/* TODO LABEL */}\n            <Heading as={'h6'}>{getLabel('lblChartSel').text}</Heading>\n            <ChartSelector\n              chartId={chartId}\n              pieces={chartNames}\n              className=\"chartSelectorCombo\"\n              current={currentPie}\n              setCurrent={setCurrentPie}\n            />\n          </Box>\n        )}\n        {/* {chart.showLegend && (\n          <Box className=\"chart__legend__wrapper\"> */}\n        {/* TODO LABEL */}\n        {/* <Heading as={'h6'}>Legend</Heading>\n            <LegendContainer\n              id={chartId}\n              avoidEvent\n              references={[\n                {\n                  title: arrayOrArray(chart.dataSets.data)[\n                    currentPie as unknown as number\n                  ].name,\n                  color: 'transparent',\n                },\n              ]}\n            />\n          </Box>\n        )} */}\n      </Box>\n    </>\n  );\n};\n"],"names":["step"],"mappings":"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"}

package/dist/widgets/WidgetContainer.d.ts

@@ -1,10 +0,0 @@
-import * as React from 'react';
-import { TWidgetData } from './types.js';
-
-declare const WidgetContainer: ({ data, id, }: {
-    data: TWidgetData;
-    id: string;
-}) => React.JSX.Element;
-
-export { WidgetContainer };
-//# sourceMappingURL=WidgetContainer.d.ts.map

package/dist/widgets/WidgetContainer.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"WidgetContainer.d.ts","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/widgets/WidgetContainer.js

@@ -1,68 +0,0 @@
-import { jsx } from '@apia/theme/jsx-runtime';
-import { Scale } from './scale/Scale.js';
-import { SpeedMeter } from './speedMeter/SpeedMeter.js';
-import { TLight } from './tLight/TLight.js';
-import { Oxford } from './oxford/Oxford.js';
-import { Counter } from './counter/Counter.js';
-import { Ring } from './ring/Ring.js';
-import { Thermometer } from './thermometer/Thermometer.js';
-import { arrayOrArray, getIndex } from '@apia/util';
-import tinycolor from 'tinycolor2';
-
-const WidgetContainer = ({
-  data,
-  id
-}) => {
-  const realData = {
-    ...data
-  };
-  const valueRanges = Array.from(
-    new Set(
-      arrayOrArray(realData.zones.Zone).map((zone) => {
-        return [Number(zone.minimum), Number(zone.maximum)];
-      }).flat().sort((a, b) => a - b)
-    )
-  );
-  const colorRanges = arrayOrArray(realData.zones.Zone).map((zone) => {
-    return tinycolor(zone.color).setAlpha(1 - (255 - zone.transparency) / 255).toPercentageRgbString();
-  }).flat();
-  const CurrentWidget = getIndex(
-    [SpeedMeter, Oxford, Counter, TLight, Thermometer, Scale, Ring],
-    [
-      realData.widKpiType === "1",
-      realData.widKpiType === "2",
-      realData.widKpiType === "3",
-      realData.widKpiType === "4",
-      realData.widKpiType === "5",
-      realData.widKpiType === "6",
-      realData.widKpiType === "7"
-    ],
-    0
-  );
-  return /* @__PURE__ */ jsx(
-    CurrentWidget,
-    {
-      addBorder: realData.border,
-      backgroundColor: realData.backgroundColor,
-      colorRanges,
-      currentValue: Number(realData.currentValue),
-      decimals: realData.valueDecimals,
-      currentValueColor: realData.valueColor,
-      currentValueFontSize: realData.valueFontSize,
-      forceProp: realData.forceProp,
-      height: realData.height,
-      panelId: id,
-      maxValue: realData.maxValue,
-      minValue: realData.minValue,
-      pointerColor: realData.pointerColor,
-      ringEmptyColor: realData.noValueColor,
-      ringWidth: realData.ringAnchor,
-      scaleValuesSize: realData.scaleFontSize,
-      valueRanges,
-      width: realData.width
-    }
-  );
-};
-
-export { WidgetContainer };
-//# sourceMappingURL=WidgetContainer.js.map

package/dist/widgets/WidgetContainer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"WidgetContainer.js","sources":["../../src/widgets/WidgetContainer.tsx"],"sourcesContent":["import { Scale } from './scale/Scale';\nimport { SpeedMeter } from './speedMeter/SpeedMeter';\nimport { TLight } from './tLight/TLight';\nimport { Oxford } from './oxford/Oxford';\nimport { Counter } from './counter/Counter';\nimport { Ring } from './ring/Ring';\nimport { Thermometer } from './thermometer/Thermometer';\n// import { Custom } from './custom/Custom';\nimport { TWidgetData } from './types';\nimport { arrayOrArray, getIndex } from '@apia/util';\nimport tinycolor from 'tinycolor2';\n\nexport const WidgetContainer = ({\n  data,\n  id,\n}: {\n  data: TWidgetData;\n  id: string;\n}) => {\n  // const mockData: TWidgetData = {\n  //   border: true,\n  //   backgroundColor: 'white',\n  //   currentValue: 1010,\n  //   height: 400,\n  //   width: 400,\n  //   maxValue: 1050,\n  //   minValue: 1000,\n  //   noValueColor: '',\n  //   pointerColor: 'blue',\n  //   ringAnchor: 5,\n  //   scaleFontSize: 20,\n  //   valueColor: 'darkblue',\n  //   valueDecimals: 1,\n  //   valueFontSize: 50,\n  //   valueType: '',\n  //   widKpiType: 0,\n  //   zones: {\n  //     Zone: [\n  //       {\n  //         color: 'blue',\n  //         maximum: 1020,\n  //         minimum: 1000,\n  //         transparency: 230,\n  //       },\n  //       {\n  //         color: 'purple',\n  //         maximum: 1040,\n  //         minimum: 1020,\n  //         transparency: 150,\n  //       },\n  //       {\n  //         color: 'red',\n  //         maximum: 1050,\n  //         minimum: 1040,\n  //         transparency: 255,\n  //       },\n  //     ],\n  //   },\n  // };\n\n  const realData: TWidgetData = {\n    ...data,\n  };\n\n  const valueRanges = Array.from(\n    new Set(\n      arrayOrArray(realData.zones.Zone)\n        .map((zone) => {\n          return [Number(zone.minimum), Number(zone.maximum)];\n        })\n        .flat()\n        .sort((a, b) => a - b),\n    ),\n  );\n\n  const colorRanges = arrayOrArray(realData.zones.Zone)\n    .map((zone) => {\n      return tinycolor(zone.color)\n        .setAlpha(1 - (255 - zone.transparency) / 255)\n        .toPercentageRgbString();\n    })\n    .flat();\n\n  const CurrentWidget = getIndex(\n    [SpeedMeter, Oxford, Counter, TLight, Thermometer, Scale, Ring],\n    [\n      realData.widKpiType === '1',\n      realData.widKpiType === '2',\n      realData.widKpiType === '3',\n      realData.widKpiType === '4',\n      realData.widKpiType === '5',\n      realData.widKpiType === '6',\n      realData.widKpiType === '7',\n    ],\n    0,\n  );\n\n  return (\n    <CurrentWidget\n      addBorder={realData.border}\n      backgroundColor={realData.backgroundColor}\n      colorRanges={colorRanges}\n      currentValue={Number(realData.currentValue)}\n      decimals={realData.valueDecimals}\n      currentValueColor={realData.valueColor}\n      currentValueFontSize={realData.valueFontSize}\n      forceProp={realData.forceProp}\n      height={realData.height}\n      panelId={id}\n      maxValue={realData.maxValue}\n      minValue={realData.minValue}\n      pointerColor={realData.pointerColor}\n      ringEmptyColor={realData.noValueColor}\n      ringWidth={realData.ringAnchor}\n      scaleValuesSize={realData.scaleFontSize}\n      valueRanges={valueRanges}\n      width={realData.width}\n    />\n  );\n};\n"],"names":[],"mappings":";;;;;;;;;;;AAYO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,IAAA;AAAA,EACA,EAAA;AACF,CAGM,KAAA;AA0CJ,EAAA,MAAM,QAAwB,GAAA;AAAA,IAC5B,GAAG,IAAA;AAAA,GACL,CAAA;AAEA,EAAA,MAAM,cAAc,KAAM,CAAA,IAAA;AAAA,IACxB,IAAI,GAAA;AAAA,MACF,aAAa,QAAS,CAAA,KAAA,CAAM,IAAI,CAC7B,CAAA,GAAA,CAAI,CAAC,IAAS,KAAA;AACb,QAAO,OAAA,CAAC,OAAO,IAAK,CAAA,OAAO,GAAG,MAAO,CAAA,IAAA,CAAK,OAAO,CAAC,CAAA,CAAA;AAAA,OACnD,EACA,IAAK,EAAA,CACL,KAAK,CAAC,CAAA,EAAG,CAAM,KAAA,CAAA,GAAI,CAAC,CAAA;AAAA,KACzB;AAAA,GACF,CAAA;AAEA,EAAM,MAAA,WAAA,GAAc,aAAa,QAAS,CAAA,KAAA,CAAM,IAAI,CACjD,CAAA,GAAA,CAAI,CAAC,IAAS,KAAA;AACb,IAAO,OAAA,SAAA,CAAU,IAAK,CAAA,KAAK,CACxB,CAAA,QAAA,CAAS,CAAK,GAAA,CAAA,GAAA,GAAM,IAAK,CAAA,YAAA,IAAgB,GAAG,CAAA,CAC5C,qBAAsB,EAAA,CAAA;AAAA,GAC1B,EACA,IAAK,EAAA,CAAA;AAER,EAAA,MAAM,aAAgB,GAAA,QAAA;AAAA,IACpB,CAAC,UAAY,EAAA,MAAA,EAAQ,SAAS,MAAQ,EAAA,WAAA,EAAa,OAAO,IAAI,CAAA;AAAA,IAC9D;AAAA,MACE,SAAS,UAAe,KAAA,GAAA;AAAA,MACxB,SAAS,UAAe,KAAA,GAAA;AAAA,MACxB,SAAS,UAAe,KAAA,GAAA;AAAA,MACxB,SAAS,UAAe,KAAA,GAAA;AAAA,MACxB,SAAS,UAAe,KAAA,GAAA;AAAA,MACxB,SAAS,UAAe,KAAA,GAAA;AAAA,MACxB,SAAS,UAAe,KAAA,GAAA;AAAA,KAC1B;AAAA,IACA,CAAA;AAAA,GACF,CAAA;AAEA,EACE,uBAAA,GAAA;AAAA,IAAC,aAAA;AAAA,IAAA;AAAA,MACC,WAAW,QAAS,CAAA,MAAA;AAAA,MACpB,iBAAiB,QAAS,CAAA,eAAA;AAAA,MAC1B,WAAA;AAAA,MACA,YAAA,EAAc,MAAO,CAAA,QAAA,CAAS,YAAY,CAAA;AAAA,MAC1C,UAAU,QAAS,CAAA,aAAA;AAAA,MACnB,mBAAmB,QAAS,CAAA,UAAA;AAAA,MAC5B,sBAAsB,QAAS,CAAA,aAAA;AAAA,MAC/B,WAAW,QAAS,CAAA,SAAA;AAAA,MACpB,QAAQ,QAAS,CAAA,MAAA;AAAA,MACjB,OAAS,EAAA,EAAA;AAAA,MACT,UAAU,QAAS,CAAA,QAAA;AAAA,MACnB,UAAU,QAAS,CAAA,QAAA;AAAA,MACnB,cAAc,QAAS,CAAA,YAAA;AAAA,MACvB,gBAAgB,QAAS,CAAA,YAAA;AAAA,MACzB,WAAW,QAAS,CAAA,UAAA;AAAA,MACpB,iBAAiB,QAAS,CAAA,aAAA;AAAA,MAC1B,WAAA;AAAA,MACA,OAAO,QAAS,CAAA,KAAA;AAAA,KAAA;AAAA,GAClB,CAAA;AAEJ;;;;"}