impaktapps-design 0.2.77 → 0.2.79

package/dist/impaktapps-design.es.js

@@ -10453,6 +10453,7 @@ const BottomAxis = ({
       tickLabelProps: () => {
         var _a2, _b2, _c2, _d2;
         return {
+          display: innerWidth < 600 ? "none" : "inline-block",
           fill: (_b2 = (_a2 = value.style) == null ? void 0 : _a2.labelStyle) == null ? void 0 : _b2.tickLabelColor,
           fontSize: ((_d2 = (_c2 = value.style) == null ? void 0 : _c2.labelStyle) == null ? void 0 : _d2.tickFontSize) || 11,
           textAnchor: "middle"
@@ -11752,9 +11753,9 @@ const DrawPieGraph = ({
       tooltipData: [datum2[arr[0]], datum2[arr[1]]]
     });
   };
-  const innerWidth = parentWidth - 40;
+  const innerWidth2 = parentWidth - 40;
   const innerHeight = parentHeight - 40;
-  const centerX = innerWidth / 2;
+  const centerX = innerWidth2 / 2;
   const centerY = innerHeight / 2;
   const left2 = centerX + 20;
   const top2 = centerY + 20;
@@ -11785,7 +11786,7 @@ const DrawPieGraph = ({
               const letter = ((_b2 = (_a2 = value == null ? void 0 : value.style) == null ? void 0 : _a2.pieStyle) == null ? void 0 : _b2.showPieLabel) ? arc2.data[arr[0]] : arc2.data[arr[1]];
               const [centriodX, centriodY] = pie2.path.centroid(arc2);
               const arcPath = pie2.path(arc2);
-              const arcFill = getLetterFrequencyColor(letter);
+              const arcFill = getLetterFrequencyColor(arc2.data[arr[0]]);
               return /* @__PURE__ */ jsxs("g", {
                 onMouseOut: hideTooltip,
                 onMouseOver: (e3) => handleMouse(e3, arc2.data),
@@ -17267,13 +17268,13 @@ function _objectWithoutPropertiesLoose$7(source, excluded) {
 }
 function BaseGrid(_ref) {
   var _ref$rows = _ref.rows, rows = _ref$rows === void 0 ? true : _ref$rows, _ref$columns = _ref.columns, columns = _ref$columns === void 0 ? true : _ref$columns, GridRowsComponent = _ref.GridRowsComponent, GridColumnsComponent = _ref.GridColumnsComponent, props = _objectWithoutPropertiesLoose$7(_ref, _excluded$o);
-  var _useContext = useContext(DataContext$1), theme = _useContext.theme, columnsScale = _useContext.xScale, rowsScale = _useContext.yScale, margin2 = _useContext.margin, innerWidth = _useContext.innerWidth, innerHeight = _useContext.innerHeight;
+  var _useContext = useContext(DataContext$1), theme = _useContext.theme, columnsScale = _useContext.xScale, rowsScale = _useContext.yScale, margin2 = _useContext.margin, innerWidth2 = _useContext.innerWidth, innerHeight = _useContext.innerHeight;
   var gridLineStyles = theme == null ? void 0 : theme.gridStyles;
   return /* @__PURE__ */ jsxs(Fragment, {
-    children: [rows && rowsScale && innerWidth != null && /* @__PURE__ */ jsx(GridRowsComponent, {
+    children: [rows && rowsScale && innerWidth2 != null && /* @__PURE__ */ jsx(GridRowsComponent, {
       left: margin2 == null ? void 0 : margin2.left,
       lineStyle: gridLineStyles,
-      width: innerWidth,
+      width: innerWidth2,
       scale: rowsScale,
       ...props
     }), columns && columnsScale && innerHeight != null && /* @__PURE__ */ jsx(GridColumnsComponent, {
@@ -17398,7 +17399,7 @@ function defaultRenderGlyph$1(props) {
 function TooltipInner(_ref2) {
   var _tooltipContext$toolt, _nearestDatum$key, _ref12, _theme$gridStyles$str, _theme$gridStyles2, _theme$htmlLabel3, _ref13, _theme$gridStyles$str2, _theme$gridStyles3, _theme$htmlLabel4, _theme$backgroundColo, _theme$htmlLabel5, _theme$htmlLabel6;
   var debounce2 = _ref2.debounce, detectBounds = _ref2.detectBounds, horizontalCrosshairStyle = _ref2.horizontalCrosshairStyle, glyphStyle = _ref2.glyphStyle, renderTooltip = _ref2.renderTooltip, _ref2$renderGlyph = _ref2.renderGlyph, renderGlyph = _ref2$renderGlyph === void 0 ? defaultRenderGlyph$1 : _ref2$renderGlyph, resizeObserverPolyfillProp = _ref2.resizeObserverPolyfill, _ref2$scroll = _ref2.scroll, scroll = _ref2$scroll === void 0 ? true : _ref2$scroll, _ref2$showDatumGlyph = _ref2.showDatumGlyph, showDatumGlyph = _ref2$showDatumGlyph === void 0 ? false : _ref2$showDatumGlyph, _ref2$showHorizontalC = _ref2.showHorizontalCrosshair, showHorizontalCrosshair = _ref2$showHorizontalC === void 0 ? false : _ref2$showHorizontalC, _ref2$showSeriesGlyph = _ref2.showSeriesGlyphs, showSeriesGlyphs = _ref2$showSeriesGlyph === void 0 ? false : _ref2$showSeriesGlyph, _ref2$showVerticalCro = _ref2.showVerticalCrosshair, showVerticalCrosshair = _ref2$showVerticalCro === void 0 ? false : _ref2$showVerticalCro, _ref2$snapTooltipToDa = _ref2.snapTooltipToDatumX, snapTooltipToDatumX = _ref2$snapTooltipToDa === void 0 ? false : _ref2$snapTooltipToDa, _ref2$snapTooltipToDa2 = _ref2.snapTooltipToDatumY, snapTooltipToDatumY = _ref2$snapTooltipToDa2 === void 0 ? false : _ref2$snapTooltipToDa2, verticalCrosshairStyle = _ref2.verticalCrosshairStyle, zIndex2 = _ref2.zIndex, tooltipProps = _objectWithoutPropertiesLoose$5(_ref2, _excluded$m);
-  var _ref3 = useContext(DataContext$1) || {}, colorScale = _ref3.colorScale, theme = _ref3.theme, innerHeight = _ref3.innerHeight, innerWidth = _ref3.innerWidth, margin2 = _ref3.margin, xScale = _ref3.xScale, yScale = _ref3.yScale, dataRegistry = _ref3.dataRegistry, resizeObserverPolyfill = _ref3.resizeObserverPolyfill;
+  var _ref3 = useContext(DataContext$1) || {}, colorScale = _ref3.colorScale, theme = _ref3.theme, innerHeight = _ref3.innerHeight, innerWidth2 = _ref3.innerWidth, margin2 = _ref3.margin, xScale = _ref3.xScale, yScale = _ref3.yScale, dataRegistry = _ref3.dataRegistry, resizeObserverPolyfill = _ref3.resizeObserverPolyfill;
   var tooltipContext = useContext(TooltipContext$1);
   var _useTooltipInPortal = useTooltipInPortal({
     debounce: debounce2,
@@ -17525,12 +17526,12 @@ function TooltipInner(_ref2) {
         detectBounds: false,
         style: TOOLTIP_NO_STYLE,
         children: /* @__PURE__ */ jsx("svg", {
-          width: innerWidth,
+          width: innerWidth2,
           height: "1",
           overflow: "visible",
           children: /* @__PURE__ */ jsx("line", {
             x1: 0,
-            x2: innerWidth,
+            x2: innerWidth2,
             y1: 0,
             y2: 0,
             strokeWidth: 1.5,
@@ -18526,7 +18527,7 @@ function DataProvider(_ref) {
   var contextTheme = useContext(ThemeContext$2);
   var theme = propsTheme || contextTheme;
   var _useDimensions = useDimensions(initialDimensions), _useDimensions$ = _useDimensions[0], width2 = _useDimensions$.width, height2 = _useDimensions$.height, margin2 = _useDimensions$.margin, setDimensions = _useDimensions[1];
-  var innerWidth = Math.max(0, width2 - margin2.left - margin2.right);
+  var innerWidth2 = Math.max(0, width2 - margin2.left - margin2.right);
   var innerHeight = Math.max(0, height2 - margin2.top - margin2.bottom);
   var dataRegistry = useDataRegistry();
   var _useScales = useScales({
@@ -18557,14 +18558,14 @@ function DataProvider(_ref) {
         width: width2,
         height: height2,
         margin: margin2,
-        innerWidth,
+        innerWidth: innerWidth2,
         innerHeight,
         setDimensions,
         horizontal,
         resizeObserverPolyfill
       };
     },
-    [colorScale, dataRegistry, height2, horizontal, innerHeight, innerWidth, margin2, setDimensions, theme, width2, xScale, yScale, resizeObserverPolyfill]
+    [colorScale, dataRegistry, height2, horizontal, innerHeight, innerWidth2, margin2, setDimensions, theme, width2, xScale, yScale, resizeObserverPolyfill]
   );
   return /* @__PURE__ */ jsx(DataContext$1.Provider, {
     value,