@apia/charts 3.0.1 → 3.0.2

package/dist/widgets/thermometer/Thermometer.js

@@ -1,144 +0,0 @@
-import { jsxs, jsx } from '@apia/theme/jsx-runtime';
-import { Box } from '@apia/theme';
-import { valueToTickPercent, colorGetter, getInnerColor, getColor } from './util.js';
-import { noNaN } from '@apia/util';
-import { useCustomWidget } from '../custom/useCustomWidget.js';
-
-const Thermometer = ({
-  colorRanges,
-  maxValue,
-  minValue,
-  currentValue,
-  height,
-  valueRanges,
-  width,
-  panelId,
-  currentValueFontSize
-}) => {
-  const value = currentValue;
-  const baseValue = noNaN(minValue) ?? valueRanges[0];
-  const domainMax = noNaN(maxValue) ?? valueRanges[valueRanges.length - 1];
-  const pathDValue = `m 179.6875,717.73633 c -0.45013,0 -0.8125,0.36237 -0.8125,0.8125 l 0,8.46289 a 2.3125,2.3125 0 0 0 -1.5,2.16211 2.3125,2.3125 0 0 0 2.3125,2.3125 2.3125,2.3125 0 0 0 2.3125,-2.3125 2.3125,2.3125 0 0 0 -1.5,-2.16211 l 0,-8.46289 c 0,-0.45013 -0.36237,-0.8125 -0.8125,-0.8125 z`;
-  const { rectProps, rectRef, svgViewBox, pathX, pathY } = useCustomWidget({
-    currentValue: value,
-    maxValue: domainMax,
-    minValue: baseValue,
-    panelId
-  });
-  const boxValues = {
-    height: noNaN(Math.max(width, height) - Math.max(width, height) * 0.31),
-    width: noNaN(Math.max(width, height)),
-    x: pathX,
-    y: pathY
-  };
-  const tickArray = valueRanges.map((val, i) => {
-    return {
-      height: boxValues.height * (valueToTickPercent(domainMax, baseValue, val) / 100),
-      color: !valueRanges[i + 1] ? "black" : colorGetter(valueRanges, colorRanges, val),
-      value: val
-    };
-  });
-  return /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, children: [
-    /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        height: Math.max(width, height),
-        width: Math.max(width, height),
-        id: `svg_${panelId}`,
-        viewBox: svgViewBox,
-        style: { position: "relative", top: "10px" },
-        children: [
-          /* @__PURE__ */ jsx("clipPath", { id: "clipPath", children: /* @__PURE__ */ jsx("path", { d: pathDValue }) }),
-          /* @__PURE__ */ jsx("mask", { id: "myMask", children: /* @__PURE__ */ jsx("path", { d: pathDValue, id: "maskPath", fill: "white" }) }),
-          /* @__PURE__ */ jsx("path", { d: pathDValue, id: `path_${panelId}`, fill: "white" }),
-          /* @__PURE__ */ jsx(
-            "rect",
-            {
-              fill: getInnerColor(valueRanges, colorRanges, value),
-              id: `rect_${panelId}`,
-              mask: "url(#myMask)",
-              ref: rectRef,
-              ...rectProps
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              d: pathDValue,
-              id: "path",
-              fill: "none",
-              stroke: "white",
-              strokeWidth: 10,
-              clipPath: "url(#clipPath)",
-              vectorEffect: "non-scaling-stroke"
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            "path",
-            {
-              clipPath: "url(#clipPath)",
-              d: pathDValue,
-              id: "path",
-              fill: "none",
-              stroke: "black",
-              strokeWidth: 5,
-              vectorEffect: "non-scaling-stroke"
-            }
-          )
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      "svg",
-      {
-        height: Math.max(width, height) + 10,
-        width: Math.max(width, height),
-        style: { position: "absolute", left: 0, top: 0 },
-        children: [
-          boxValues.x && /* @__PURE__ */ jsx("g", { children: /* @__PURE__ */ jsx(
-            "text",
-            {
-              x: Math.max(width, height) / 2,
-              y: Math.max(width, height) - Math.max(width, height) / 6 + 10,
-              style: {
-                fontSize: `${noNaN(currentValueFontSize) ?? 50}px`
-              },
-              textAnchor: "middle",
-              alignmentBaseline: "central",
-              vectorEffect: "non-scaling-stroke",
-              children: value
-            }
-          ) }),
-          tickArray.map((tick, i) => {
-            return /* @__PURE__ */ jsxs("g", { children: [
-              /* @__PURE__ */ jsx(
-                "rect",
-                {
-                  x: i === 0 ? Math.max(width, height) / 2 + 30 : Math.max(width, height) / 2 + 20,
-                  y: tick.height + 10,
-                  width: "15px",
-                  height: "3px",
-                  vectorEffect: "non-scaling-stroke",
-                  fill: getColor(valueRanges, colorRanges, tick.value)
-                }
-              ),
-              /* @__PURE__ */ jsx(
-                "text",
-                {
-                  x: i === 0 ? Math.max(width, height) - Math.max(width, height) / 3 + 10 : Math.max(width, height) - Math.max(width, height) / 3,
-                  y: tickArray[i + 1] ? tick.height + 16 : tick.height + 1.5,
-                  textAnchor: "middle",
-                  alignmentBaseline: tickArray[i + 1] ? "auto" : "text-before-edge",
-                  children: tick.value
-                }
-              )
-            ] }, i);
-          })
-        ]
-      }
-    )
-  ] });
-};
-
-export { Thermometer };
-//# sourceMappingURL=Thermometer.js.map

package/dist/widgets/thermometer/Thermometer.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Thermometer.js","sources":["../../../src/widgets/thermometer/Thermometer.tsx"],"sourcesContent":["import { Box } from '@apia/theme';\nimport { TApiaWidgetProps } from '../types';\nimport {\n  valueToTickPercent,\n  colorGetter,\n  getInnerColor,\n  getColor,\n} from './util';\nimport { noNaN } from '@apia/util';\nimport { useCustomWidget } from '../custom/useCustomWidget';\n// Usar un segundo svg para los textos\nexport const Thermometer = ({\n  colorRanges,\n  maxValue,\n  minValue,\n  currentValue,\n  height,\n  valueRanges,\n  width,\n  panelId,\n  currentValueFontSize,\n}: TApiaWidgetProps) => {\n  const value = currentValue;\n  const baseValue = noNaN(minValue) ?? valueRanges[0];\n  const domainMax = noNaN(maxValue) ?? valueRanges[valueRanges.length - 1];\n  const pathDValue = `m 179.6875,717.73633 c -0.45013,0 -0.8125,0.36237 -0.8125,0.8125 l 0,8.46289 a 2.3125,2.3125 0 0 0 -1.5,2.16211 2.3125,2.3125 0 0 0 2.3125,2.3125 2.3125,2.3125 0 0 0 2.3125,-2.3125 2.3125,2.3125 0 0 0 -1.5,-2.16211 l 0,-8.46289 c 0,-0.45013 -0.36237,-0.8125 -0.8125,-0.8125 z`;\n\n  const { rectProps, rectRef, svgViewBox, pathX, pathY } = useCustomWidget({\n    currentValue: value,\n    maxValue: domainMax,\n    minValue: baseValue,\n    panelId,\n  });\n\n  const boxValues = {\n    height: noNaN(Math.max(width, height) - Math.max(width, height) * 0.31),\n    width: noNaN(Math.max(width, height)),\n    x: pathX,\n    y: pathY,\n  };\n\n  const tickArray = valueRanges.map((val, i) => {\n    return {\n      height:\n        boxValues.height *\n        (valueToTickPercent(domainMax, baseValue, val) / 100),\n      color: !valueRanges[i + 1]\n        ? 'black'\n        : colorGetter(valueRanges, colorRanges, val),\n      value: val,\n    };\n  });\n\n  return (\n    <Box sx={{ position: 'relative' }}>\n      <svg\n        height={Math.max(width, height)}\n        width={Math.max(width, height)}\n        id={`svg_${panelId}`}\n        viewBox={svgViewBox}\n        style={{ position: 'relative', top: '10px' }}\n      >\n        <clipPath id=\"clipPath\">\n          <path d={pathDValue} />\n        </clipPath>\n        <mask id=\"myMask\">\n          <path d={pathDValue} id=\"maskPath\" fill=\"white\" />\n        </mask>\n\n        <path d={pathDValue} id={`path_${panelId}`} fill=\"white\" />\n\n        <rect\n          fill={getInnerColor(valueRanges, colorRanges, value)}\n          id={`rect_${panelId}`}\n          mask=\"url(#myMask)\"\n          ref={rectRef}\n          {...rectProps}\n        />\n\n        <path\n          d={pathDValue}\n          id=\"path\"\n          fill=\"none\"\n          stroke=\"white\"\n          strokeWidth={10}\n          clipPath=\"url(#clipPath)\"\n          vectorEffect={'non-scaling-stroke'}\n        />\n        <path\n          clipPath=\"url(#clipPath)\"\n          d={pathDValue}\n          id=\"path\"\n          fill=\"none\"\n          stroke=\"black\"\n          strokeWidth={5}\n          vectorEffect={'non-scaling-stroke'}\n        />\n      </svg>\n      <svg\n        height={Math.max(width, height) + 10}\n        width={Math.max(width, height)}\n        style={{ position: 'absolute', left: 0, top: 0 }}\n      >\n        {boxValues.x && (\n          <g>\n            <text\n              x={Math.max(width, height) / 2}\n              y={Math.max(width, height) - Math.max(width, height) / 6 + 10}\n              style={{\n                fontSize: `${noNaN(currentValueFontSize) ?? 50}px`,\n              }}\n              textAnchor=\"middle\"\n              alignmentBaseline={'central'}\n              vectorEffect={'non-scaling-stroke'}\n            >\n              {value}\n            </text>\n          </g>\n        )}\n        {tickArray.map((tick, i) => {\n          return (\n            <g key={i}>\n              <rect\n                x={\n                  i === 0\n                    ? Math.max(width, height) / 2 + 30\n                    : Math.max(width, height) / 2 + 20\n                }\n                y={tick.height + 10}\n                width={'15px'}\n                height={'3px'}\n                vectorEffect={'non-scaling-stroke'}\n                fill={getColor(valueRanges, colorRanges, tick.value)}\n              />\n              <text\n                x={\n                  i === 0\n                    ? Math.max(width, height) - Math.max(width, height) / 3 + 10\n                    : Math.max(width, height) - Math.max(width, height) / 3\n                }\n                y={tickArray[i + 1] ? tick.height + 16 : tick.height + 1.5}\n                textAnchor=\"middle\"\n                alignmentBaseline={\n                  tickArray[i + 1] ? 'auto' : 'text-before-edge'\n                }\n              >\n                {tick.value}\n              </text>\n            </g>\n          );\n        })}\n      </svg>\n    </Box>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/widgets/thermometer/util.js

@@ -1,31 +0,0 @@
-const colorGetter = (valueRanges, colorRanges, innerValue) => {
-  let color = "";
-  valueRanges.forEach((value, index) => {
-    if (value >= innerValue && valueRanges[index - 1] <= innerValue) {
-      color = colorRanges[index - 1];
-    }
-  });
-  return color;
-};
-function getColor(valueRanges, colorRanges, value) {
-  const index = valueRanges.findIndex((range) => value <= range);
-  if (index === -1) {
-    return colorRanges[0];
-  }
-  return colorRanges[index];
-}
-function getInnerColor(valueRanges, colorRanges, value) {
-  const index = valueRanges.findIndex((range) => value < range);
-  if (index === -1) {
-    return colorRanges[0];
-  }
-  return colorRanges[index - 1] ?? colorRanges[index];
-}
-const valueToTickPercent = (domainMax, baseValue, value) => {
-  const range = domainMax - (baseValue ?? 0);
-  const percentage = 100 - (value - (baseValue ?? 0)) / range * 100;
-  return Math.round(percentage);
-};
-
-export { colorGetter, getColor, getInnerColor, valueToTickPercent };
-//# sourceMappingURL=util.js.map

package/dist/widgets/thermometer/util.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"util.js","sources":["../../../src/widgets/thermometer/util.ts"],"sourcesContent":["const colorGetter = (\n  valueRanges: number[],\n  colorRanges: string[],\n  innerValue: number,\n) => {\n  let color = '';\n  valueRanges.forEach((value, index) => {\n    if (value >= innerValue && valueRanges[index - 1] <= innerValue) {\n      color = colorRanges[index - 1];\n    }\n  });\n  return color;\n};\n\nfunction getColor(valueRanges: number[], colorRanges: string[], value: number) {\n  const index = valueRanges.findIndex((range) => value <= range);\n\n  if (index === -1) {\n    return colorRanges[0];\n  }\n\n  return colorRanges[index];\n}\n\nfunction getInnerColor(\n  valueRanges: number[],\n  colorRanges: string[],\n  value: number,\n) {\n  const index = valueRanges.findIndex((range) => value < range);\n\n  if (index === -1) {\n    return colorRanges[0];\n  }\n\n  return colorRanges[index - 1] ?? colorRanges[index];\n}\n\nconst valueToTickPercent = (\n  domainMax: number,\n  baseValue: number,\n  value: number,\n) => {\n  const range = domainMax - (baseValue ?? 0);\n  const percentage = 100 - ((value - (baseValue ?? 0)) / range) * 100;\n\n  return Math.round(percentage);\n};\n\nconst valueToPercent = (\n  domainMax: number,\n  baseValue: number,\n  value: number,\n) => {\n  const range = domainMax - (baseValue ?? 0);\n  const percentage = 100 - ((value - (baseValue ?? 0)) / range) * 100;\n  const test = (percentage * 69) / 100;\n\n  return Math.round(test);\n};\n\nexport {\n  colorGetter,\n  getColor,\n  getInnerColor,\n  valueToPercent,\n  valueToTickPercent,\n};\n"],"names":[],"mappings":"AAAA,MAAM,WAAc,GAAA,CAClB,WACA,EAAA,WAAA,EACA,UACG,KAAA;AACH,EAAA,IAAI,KAAQ,GAAA,EAAA,CAAA;AACZ,EAAY,WAAA,CAAA,OAAA,CAAQ,CAAC,KAAA,EAAO,KAAU,KAAA;AACpC,IAAA,IAAI,SAAS,UAAc,IAAA,WAAA,CAAY,KAAQ,GAAA,CAAC,KAAK,UAAY,EAAA;AAC/D,MAAQ,KAAA,GAAA,WAAA,CAAY,QAAQ,CAAC,CAAA,CAAA;AAAA,KAC/B;AAAA,GACD,CAAA,CAAA;AACD,EAAO,OAAA,KAAA,CAAA;AACT,EAAA;AAEA,SAAS,QAAA,CAAS,WAAuB,EAAA,WAAA,EAAuB,KAAe,EAAA;AAC7E,EAAA,MAAM,QAAQ,WAAY,CAAA,SAAA,CAAU,CAAC,KAAA,KAAU,SAAS,KAAK,CAAA,CAAA;AAE7D,EAAA,IAAI,UAAU,CAAI,CAAA,EAAA;AAChB,IAAA,OAAO,YAAY,CAAC,CAAA,CAAA;AAAA,GACtB;AAEA,EAAA,OAAO,YAAY,KAAK,CAAA,CAAA;AAC1B,CAAA;AAEA,SAAS,aAAA,CACP,WACA,EAAA,WAAA,EACA,KACA,EAAA;AACA,EAAA,MAAM,QAAQ,WAAY,CAAA,SAAA,CAAU,CAAC,KAAA,KAAU,QAAQ,KAAK,CAAA,CAAA;AAE5D,EAAA,IAAI,UAAU,CAAI,CAAA,EAAA;AAChB,IAAA,OAAO,YAAY,CAAC,CAAA,CAAA;AAAA,GACtB;AAEA,EAAA,OAAO,WAAY,CAAA,KAAA,GAAQ,CAAC,CAAA,IAAK,YAAY,KAAK,CAAA,CAAA;AACpD,CAAA;AAEA,MAAM,kBAAqB,GAAA,CACzB,SACA,EAAA,SAAA,EACA,KACG,KAAA;AACH,EAAM,MAAA,KAAA,GAAQ,aAAa,SAAa,IAAA,CAAA,CAAA,CAAA;AACxC,EAAA,MAAM,UAAa,GAAA,GAAA,GAAA,CAAQ,KAAS,IAAA,SAAA,IAAa,MAAM,KAAS,GAAA,GAAA,CAAA;AAEhE,EAAO,OAAA,IAAA,CAAK,MAAM,UAAU,CAAA,CAAA;AAC9B;;;;"}

package/dist/widgets/types.d.ts

@@ -1,41 +0,0 @@
-type TWidgetZone = {
-    minimum: number;
-    maximum: number;
-    transparency: number;
-    color: string;
-};
-type TWidgetData = {
-    border: boolean;
-    backgroundColor: string;
-    currentValue: number;
-    forceProp?: Record<string, unknown>;
-    height: number;
-    maxValue: number;
-    minValue: number;
-    noValueColor: string;
-    pointerColor: string;
-    ringAnchor: number;
-    scaleFontSize: string | number;
-    valueColor: string;
-    valueDecimals: number;
-    valueFontSize: string | number;
-    valueType: string | number;
-    viewBtnDshAssociated: boolean;
-    viewBtnHistory: boolean;
-    viewBtnInfo: boolean;
-    viewBtnComments: boolean;
-    viewBtnUpdate: boolean;
-    viewBtnOpenCbe: boolean;
-    viewBtnOpenQry: boolean;
-    viewBtnOpenOtherQry: boolean;
-    viewBtnOpenOtherQbe: boolean;
-    viewWidName: boolean;
-    widKpiType: string | number;
-    width: number;
-    zones: {
-        Zone: TWidgetZone | TWidgetZone[];
-    };
-};
-
-export type { TWidgetData, TWidgetZone };
-//# sourceMappingURL=types.d.ts.map

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

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