@aveonline/ui-react 2.5.1 → 2.5.3

package/dist/ui/atoms/Tooltip/ITooltip.d.ts

@@ -10,6 +10,7 @@ export declare type ITooltipProps = {
     initialOpen?: boolean;
     fullWidthContainer?: boolean;
     classNameContainer?: string;
+    className?: string;
     /**
      * Content children portal custom
      */

package/dist/ui/atoms/Tooltip/Tooltip.d.ts

@@ -3,5 +3,5 @@ import { ITooltipProps } from './ITooltip';
 /**
  * Floating labels that briefly explain the function of a user interface element. They can be triggered when merchants hover.
  */
-declare function Tooltip({ placement, title, description, initialOpen, fullWidthContainer, classNameContainer, asChild, withClick, content, children }: ITooltipProps): JSX.Element;
+declare function Tooltip({ placement, title, description, initialOpen, fullWidthContainer, classNameContainer, asChild, withClick, content, children, className }: ITooltipProps): JSX.Element;
 export default Tooltip;

package/dist/ui/molecules/Indicator/Bar/Bar.d.ts

@@ -1,3 +1,3 @@
 /// <reference types="react" />
 import { IPropsBar } from './IBar';
-export default function Bar<T>({ className, data, cells, paintLastCellForKey, width, height, margin, xAxis, yAxis, isLoading, legend }: IPropsBar<T>): JSX.Element;
+export default function Bar<T>({ className, data, cells, paintLastCellForKey, width, height, margin, xAxis, yAxis, isLoading, legend, tooltipItems }: IPropsBar<T>): JSX.Element;

package/dist/ui/molecules/Indicator/Bar/IBar.d.ts

@@ -5,6 +5,10 @@ export interface CellBar {
     group: number;
     color: ColorBar;
 }
+export interface TooltipItem {
+    key: string | number;
+    newKey: string | number;
+}
 export interface MarginBar {
     top: number;
     right: number;
@@ -23,4 +27,5 @@ export interface IPropsBar<T> {
     xAxis?: XAxisProps;
     yAxis?: YAxisProps;
     legend?: LegendProps['payload'];
+    tooltipItems?: TooltipItem[];
 }

package/dist/ui-react.mjs

@@ -5634,9 +5634,10 @@ function L7({
   asChild: o = !1,
   withClick: s = !1,
   content: l,
-  children: u
+  children: u,
+  className: c
 }) {
-  const c = hw({ initialOpen: r, placement: e, withClick: s }), f = () => l ? /* @__PURE__ */ b.jsx(b.Fragment, { children: l }) : /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
+  const f = hw({ initialOpen: r, placement: e, withClick: s }), g = () => l ? /* @__PURE__ */ b.jsx(b.Fragment, { children: l }) : /* @__PURE__ */ b.jsxs(b.Fragment, { children: [
     /* @__PURE__ */ b.jsx(Re, { variant: "highlight", color: "default", className: "mb-1", children: t }),
     /* @__PURE__ */ b.jsx(Re, { variant: "body", color: "subdued", children: n })
   ] });
@@ -5644,7 +5645,7 @@ function L7({
     /* @__PURE__ */ b.jsx(
       pw,
       {
-        state: c,
+        state: f,
         asChild: o,
         fullWidthContainer: i,
         classNameContainer: a,
@@ -5654,9 +5655,12 @@ function L7({
     /* @__PURE__ */ b.jsx(
       gw,
       {
-        state: c,
-        className: "w-max max-w-[368px] rounded-[5px] bg-surface-default py-[12px] px-[16px] drop-shadow-[0px_2px_10px_rgba(0,0,0,0.1)]",
-        children: f()
+        state: f,
+        className: K(
+          "w-max max-w-[368px] rounded-[5px] bg-surface-default py-[12px] px-[16px] drop-shadow-[0px_2px_10px_rgba(0,0,0,0.1)]",
+          c
+        ),
+        children: g()
       }
     )
   ] });
@@ -11039,7 +11043,7 @@ function jae({
     {
       open: i,
       onClose: (g) => s == null ? void 0 : s(g),
-      className: "relative z-50",
+      className: K("relative z-50", l),
       children: [
         /* @__PURE__ */ b.jsx("div", { className: "fixed inset-0 bg-background-modal", "aria-hidden": "true" }),
         /* @__PURE__ */ b.jsx("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ b.jsx("div", { className: "flex min-h-full items-center justify-center", children: /* @__PURE__ */ b.jsxs(
@@ -15463,7 +15467,7 @@ function Hae({
 }) {
   const [f, g] = he(s), p = !Fa("(min-width: 768px)"), [v, d] = he(o), [h, A] = he(
     l
-  ), [C, m] = he(0), [y, E] = he(!1);
+  ), [C, m] = he(o ? 2 : 0), [y, E] = he(!1);
   function x(O, M) {
     A(O === null ? null : O), g(M), M != null ? t([
       new Dt.DateObject({
@@ -33318,37 +33322,48 @@ function Wae({
   xAxis: s,
   yAxis: l,
   isLoading: u = !1,
-  legend: c
+  legend: c,
+  tooltipItems: f
 }) {
   if (u)
     return /* @__PURE__ */ b.jsx("div", { className: "flex flex-col items-center gap-y-3 justify-center text-center rounded-b-sm border-border-subdued", children: /* @__PURE__ */ b.jsx("div", { className: "py-8", children: /* @__PURE__ */ b.jsx(iu, { size: "lg" }) }) });
-  const f = ({
-    index: g,
-    name: p,
-    color: v
-  }) => r && g === t.length - 1 && p in r ? qu(r[p]) : qu(v);
+  const g = ({
+    index: p,
+    name: v,
+    color: d
+  }) => r && p === t.length - 1 && v in r ? qu(r[v]) : qu(d);
   return /* @__PURE__ */ b.jsx("div", { className: K(e), children: /* @__PURE__ */ b.jsxs(hte, { width: i, height: a, data: t, margin: o, children: [
     /* @__PURE__ */ b.jsx(Os, { ...s }),
     /* @__PURE__ */ b.jsx(Bs, { ...l }),
-    /* @__PURE__ */ b.jsx(Wi, {}),
+    /* @__PURE__ */ b.jsx(
+      Wi,
+      {
+        formatter: (p, v) => {
+          let d = p;
+          return f && f.forEach((h) => {
+            h.key === v && (d = [p.toString(), h.newKey]);
+          }), d;
+        }
+      }
+    ),
     /* @__PURE__ */ b.jsx(Lo, { payload: c }),
-    n.map(({ name: g, group: p, color: v }) => /* @__PURE__ */ b.jsx(
+    n.map(({ name: p, group: v, color: d }) => /* @__PURE__ */ b.jsx(
       Ss,
       {
-        role: g,
-        dataKey: g,
-        stackId: p,
-        fill: qu(v),
-        children: t.map((d, h) => /* @__PURE__ */ b.jsx(
+        role: p,
+        dataKey: p,
+        stackId: v,
+        fill: qu(d),
+        children: t.map((h, A) => /* @__PURE__ */ b.jsx(
           rh,
           {
             role: "img",
-            fill: f({ index: h, name: g, color: v })
+            fill: g({ index: A, name: p, color: d })
           },
-          `cell-${h}`
+          `cell-${A}`
         ))
       },
-      g
+      p
     ))
   ] }) });
 }

package/package.json

@@ -2,7 +2,7 @@
   "name": "@aveonline/ui-react",
   "description": "Home base for Aveonline design system - ecosystem react",
   "private": false,
-  "version": "2.5.1",
+  "version": "2.5.3",
   "types": "./dist/index.d.ts",
   "files": [
     "dist"