ag-common 0.0.683 → 0.0.685

package/dist/ui/components/BarChart/Base.d.ts

@@ -1,7 +1,8 @@
 import React from 'react';
 import { type IVarStyles } from '../../styles/common';
 import type { IBarChartData } from './types';
-export declare const BarChart: ({ data: dataRaw, style: sRaw, }: {
+export declare const BarChart: ({ data: dataRaw, style: sRaw, className, }: {
     data: IBarChartData[];
-    style?: Partial<IVarStyles>;
+    style?: Partial<IVarStyles> | undefined;
+    className?: string | undefined;
 }) => React.JSX.Element;

package/dist/ui/components/BarChart/Base.js

@@ -26,11 +26,11 @@ const ItemStyled = (0, styled_1.default)(Item_1.Item) `
     margin-bottom: 0;
   }
 `;
-const BarChart = ({ data: dataRaw, style: sRaw, }) => {
+const BarChart = ({ data: dataRaw, style: sRaw, className, }) => {
     const style = (0, common_1.getVarStyles)(sRaw);
     const UT = (0, useTooltip_1.useTooltip)();
     const maxWidth = Math.max(...dataRaw.map((a) => a.total));
-    return (react_1.default.createElement(BarChartBase, { "data-type": "bcb", style: style },
+    return (react_1.default.createElement(BarChartBase, { "data-type": "bcb", style: style, className: className },
         react_1.default.createElement(UT.Comp, { pos: UT.pos }, (p) => react_1.default.createElement(TooltipContent_1.TooltipContent, Object.assign({}, p, { style: style }))),
         dataRaw.map((data) => (react_1.default.createElement(ItemStyled, { style: style, key: data.name, data: data, maxWidth: maxWidth, onMouseLeave: () => UT.setPos(undefined), onMouseMove: (element) => {
                 var _a, _b;

package/dist/ui/components/BarChart/Item.js

@@ -19,7 +19,7 @@ const Title = styled_1.default.div `
   position: absolute;
   left: 0.25rem;
 `;
-const Item = ({ data, className, onMouseMove, onMouseLeave, maxWidth, style, }) => (react_1.default.createElement(Base, { className: className, onMouseMove: onMouseMove, onMouseLeave: onMouseLeave, style: style },
+const Item = ({ data, className, onMouseMove, onMouseLeave, maxWidth, style, }) => (react_1.default.createElement(Base, { className: className, onMouseMove: onMouseMove, onMouseLeave: onMouseLeave, style: style, "data-type": "bcb-item" },
     react_1.default.createElement(Title, { style: {
             color: style.color,
             filter: (0, styles_1.HardOutlineFilter)(style.backgroundColor),

package/dist/ui/helpers/useTooltip.js

@@ -92,8 +92,9 @@ const Comp = ({ pos, children, }) => {
             right,
             top,
             bottom, zIndex: 10 }, (pos.usePortal && { position: 'fixed' })), (!(size === null || size === void 0 ? void 0 : size.p) && { zIndex: -1 })) }, children(pos.data)));
-    if (pos.usePortal) {
-        return (0, react_dom_1.createPortal)(Content, document.querySelector(`#${globalId}`));
+    const e = document.querySelector(`#${globalId}`);
+    if (pos.usePortal && e) {
+        return (0, react_dom_1.createPortal)(Content, e);
     }
     return Content;
 };

package/package.json

@@ -1,5 +1,5 @@
 {
-  "version": "0.0.683",
+  "version": "0.0.685",
   "name": "ag-common",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",