@apia/charts 0.3.2 → 0.3.3

package/LICENSE.md

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) [year] [fullname]
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+MIT License
+
+Copyright (c) [year] [fullname]
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
 SOFTWARE.

package/dist/index.d.ts

@@ -237,6 +237,6 @@ type TWidgetData = {
 
 declare const WidgetContainer: ({ data }: {
     data: TWidgetData;
-}) => React__default.JSX.Element;
+}) => React$1.JSX.Element;
 
 export { ChartRenderer, EmptyGrid, TApiaChartColumn, TApiaChartDefinition, TWidgetData, WidgetContainer };

package/dist/index.js

@@ -765,7 +765,7 @@ const Slice = ({
           children: /* @__PURE__ */ jsx("strong", { children: arc.data.key })
         }
       ),
-      chart.showValues && /* @__PURE__ */ jsx("div", { children: `${arc.value} ${arc.data.percentage ? "- " + arc.data.percentage : ""}${arc.data.percentage ? "%" : ""}` })
+      chart.showValues && /* @__PURE__ */ jsx("div", { children: `${arc.value} ${arc.data.percentage !== "" && arc.data.percentage !== void 0 ? "- " + arc.data.percentage : ""}${arc.data.percentage !== "" && arc.data.percentage !== void 0 ? "%" : ""}` })
     ] })
   });
   useImperativeComponentEvents({
@@ -894,7 +894,8 @@ const usePieAnimation = ({
             key: coord2.key,
             color: coord2.color,
             // Assuming color is the same for both coordinates
-            value: newValue
+            value: newValue,
+            percentage: coord2.percentage !== "" && coord2.percentage !== void 0 ? coord2.percentage : void 0
           };
           difference.push(newCoordinate);
         } else if (!coord1 && coord2 && previousCoordinates.length > 0) {
@@ -903,7 +904,8 @@ const usePieAnimation = ({
             key: coord2.key,
             color: coord2.color,
             // Assuming color is the same for both coordinates
-            value: newValue
+            value: newValue,
+            percentage: coord2.percentage !== "" && coord2.percentage !== void 0 ? coord2.percentage : void 0
           };
           difference.push(newCoordinate);
         }
@@ -1143,7 +1145,7 @@ const PieChart = ({
       },
       piezas.name
     ),
-    colorReference.length > 1 && /* @__PURE__ */ jsx(LegendContainer, { id: chartId, references: colorReference })
+    chart.showLegend && colorReference.length > 1 && /* @__PURE__ */ jsx(LegendContainer, { id: chartId, references: colorReference })
   ] });
 };
 
@@ -3542,9 +3544,7 @@ const Counter = ({
   addBorder = false,
   colorRanges,
   currentValue,
-  height,
   valueRanges,
-  width,
   maxValue,
   minValue,
   currentValueFontSize,
@@ -3552,8 +3552,8 @@ const Counter = ({
 }) => {
   var _a, _b;
   const [value, setValue] = useState(currentValue != null ? currentValue : 0);
-  const diameter = Math.min(height, width);
-  const offset = 20;
+  const actualWidth = (currentValueFontSize != null ? currentValueFontSize : 80) * 3 * 0.8;
+  const diameter = actualWidth;
   const domainMax = (_a = noNaN(maxValue)) != null ? _a : valueRanges[valueRanges.length - 1];
   const domainMin = (_b = noNaN(minValue)) != null ? _b : valueRanges[0];
   const gauge = useGauge({
@@ -3589,51 +3589,43 @@ const Counter = ({
       }
     );
   }, [currentValue]);
-  const widgetContainer = document.querySelector(".widgetContainer__Counter");
-  let actualWidth = width;
-  if (widgetContainer) {
-    const box = widgetContainer.getBoundingClientRect();
-    if (box.width < actualWidth) {
-      actualWidth = box.width;
-    }
-  }
   return /* @__PURE__ */ jsxs(Box, { sx: { position: "relative" }, className: "widgetContainer__Counter", children: [
     /* @__PURE__ */ jsx(
       "svg",
       __spreadProps$1(__spreadValues$3({}, gauge.getSVGProps()), {
-        height,
+        height: actualWidth,
         width: actualWidth,
-        viewBox: `-${diameter / 2 + offset} -${diameter / 2 + offset} ${diameter + offset * 2} ${diameter + offset * 2}`,
-        children: /* @__PURE__ */ jsx("g", { id: "arcs", children: addBorder && /* @__PURE__ */ jsx(
-          "path",
-          __spreadProps$1(__spreadValues$3({}, gauge.getArcProps({
-            offset: offset - 5,
-            startAngle: START_ANGLE$1,
-            endAngle: END_ANGLE$1
-          })), {
+        viewBox: void 0,
+        children: /* @__PURE__ */ jsx("g", { id: "arcs", children: addBorder && `${value}`.length < 4 && /* @__PURE__ */ jsx(
+          "ellipse",
+          {
+            cx: actualWidth / 2,
+            cy: actualWidth / 2,
+            rx: actualWidth / 2 - 5,
+            ry: actualWidth / 2 - 5,
             stroke: "gray",
             opacity: "0.2",
             fill: "none",
             strokeLinecap: "round",
             strokeWidth: 2
-          })
+          }
         ) })
       })
     ),
     /* @__PURE__ */ jsx(
       "svg",
       {
-        height,
+        height: actualWidth,
         width: actualWidth,
         style: { position: "absolute", left: 0, top: 0 },
         children: /* @__PURE__ */ jsx(
           "text",
           {
             x: actualWidth / 2,
-            y: height / 2,
+            y: actualWidth / 2 - 5,
             textAnchor: "middle",
             style: {
-              fontSize: `${currentValueFontSize != null ? currentValueFontSize : 30}px`,
+              fontSize: `${currentValueFontSize != null ? currentValueFontSize : 80}px`,
               transition: "fill 0.5s"
             },
             alignmentBaseline: "central",
@@ -4069,7 +4061,7 @@ const WidgetContainer = ({ data }) => {
     0
   );
   const panelData = usePanelIdentity();
-  return /* @__PURE__ */ jsx(Box, { children: /* @__PURE__ */ jsx(
+  return /* @__PURE__ */ jsx(
     CurrentWidget,
     {
       addBorder: realData.border,
@@ -4091,7 +4083,7 @@ const WidgetContainer = ({ data }) => {
       valueRanges,
       width: realData.width
     }
-  ) });
+  );
 };
 
 export { ChartRenderer, EmptyGrid, WidgetContainer };