@aveonline/ui-react 2.19.4 → 2.19.6

package/dist/ui/molecules/Indicator/Pie/IPie.d.ts

@@ -11,4 +11,6 @@ export interface IPropsPie<T> {
     dataKey?: string;
     isLoading?: boolean;
     minValue?: number;
+    colors: string[];
+    decimals: number;
 }

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

@@ -3,7 +3,8 @@ interface PieData {
     name: string;
     value: number;
 }
-export default function Pie<T extends PieData>({ data, width, height, innerRadius, outerRadius, cx, cy, paddingAngle, cornerRadius, dataKey, isLoading, minValue }: IPropsPie<T> & {
+export default function Pie<T extends PieData>({ data, width, height, innerRadius, outerRadius, cx, cy, paddingAngle, cornerRadius, dataKey, isLoading, minValue, colors, decimals }: IPropsPie<T> & {
     minValue?: number;
+    colors?: string[];
 }): JSX.Element;
 export {};

package/dist/ui/molecules/Modal/IModal.d.ts

@@ -32,5 +32,6 @@ interface IPropsModal extends IChildren, IClassName {
      * Event for close modal
      */
     onClose?: (value: boolean) => void;
+    disableOverlayClick?: boolean;
 }
 export type { IPropsModal };

package/dist/ui/molecules/Modal/Modal.d.ts

@@ -1,7 +1,3 @@
 import type { IPropsModal } from './IModal';
-/**
- * Molecule: Modal
- * Modals are overlays that require merchants to take an action before they can continue interacting with the rest of Shopify. They can be disruptive and should be used thoughtfully and sparingly.
- */
-declare function Modal({ title, iconTitle, subtitle, footer, isOpen, hasBorder, showClose, onClose, className, children }: IPropsModal): JSX.Element;
+declare function Modal({ title, iconTitle, subtitle, footer, isOpen, hasBorder, showClose, onClose, className, disableOverlayClick, children }: IPropsModal): JSX.Element;
 export default Modal;

package/dist/ui-react.mjs

@@ -1041,7 +1041,7 @@ const za = Ye((e, t) => {
   const { attributes: n, getClass: r } = J9(e), { children: i, as: a = "p" } = e;
   return /* @__PURE__ */ m.jsx(a, { className: r, ...n, ref: t, children: i });
 });
-function Aue({
+function mue({
   kind: e = "default",
   variant: t,
   className: n,
@@ -2622,7 +2622,7 @@ let _I = "div", Ev = si.RenderStrategy, Iv = Qt(function(e, t) {
   let n = qt(kf) !== null, r = Qu() !== null;
   return k.createElement(k.Fragment, null, !n && r ? k.createElement(x0, { ref: t, ...e }) : k.createElement(Iv, { ref: t, ...e }));
 }), Zu = Object.assign(x0, { Child: JI, Root: x0 });
-function yue({
+function Aue({
   onChange: e,
   isSelected: t = !1,
   isDisabled: n,
@@ -3327,8 +3327,8 @@ function lt({
           "path",
           {
             className: i,
-            "fill-rule": "evenodd",
-            "clip-rule": "evenodd",
+            fillRule: "evenodd",
+            clipRule: "evenodd",
             d: "M6.5 11C8.98528 11 11 8.98528 11 6.5C11 4.01472 8.98528 2 6.5 2C4.01472 2 2 4.01472 2 6.5C2 8.98528 4.01472 11 6.5 11ZM5.63913 4.05435C5.61957 3.91739 5.73696 3.8 5.87391 3.8H7.10652C7.24348 3.8 7.36087 3.91739 7.3413 4.05435L7.20435 6.71522C7.18478 6.85217 7.08696 6.93044 6.96956 6.93044H6.01087C5.89348 6.93044 5.79565 6.85217 5.77609 6.71522L5.63913 4.05435ZM6.5 7.28261C6.98913 7.28261 7.4 7.69348 7.4 8.18261C7.4 8.6913 6.98913 9.08261 6.5 9.08261C5.9913 9.08261 5.6 8.6913 5.6 8.18261C5.6 7.69348 5.9913 7.28261 6.5 7.28261Z",
             fill: "none"
           }
@@ -5875,7 +5875,7 @@ const NS = Ye((e, t) => {
     ] })
   ] }) });
 });
-function bue({
+function yue({
   track: e,
   isDisabled: t = !1,
   isSelected: n = !1,
@@ -10403,7 +10403,7 @@ const Uu = (e) => /* @__PURE__ */ m.jsx(fi.DropdownIndicator, { ...e, children:
     ) })
   ] });
 };
-function Cue({
+function bue({
   options: e,
   placeholder: t = "",
   defaultValue: n,
@@ -10527,7 +10527,7 @@ var AR = /* @__PURE__ */ Ye(function(e, t) {
   }, r));
 });
 const yR = AR;
-function xue({
+function Cue({
   placeholder: e = "",
   id: t = "default-async",
   name: n = "default-async",
@@ -10640,7 +10640,7 @@ const bR = ({
     }
   ) });
 };
-function Eue({
+function xue({
   options: e,
   placeholder: t = "",
   defaultValue: n,
@@ -10798,7 +10798,7 @@ const $m = ({ isDisabled: e }) => /* @__PURE__ */ m.jsx(
     }
   )
 ] }) });
-function Iue({
+function Eue({
   id: e = "default-country",
   name: t = "default-country",
   placeholder: n = "",
@@ -10927,7 +10927,7 @@ var BR = /* @__PURE__ */ Ye(function(e, t) {
   }, i));
 });
 const RR = BR;
-function wue({
+function Iue({
   placeholder: e = "",
   id: t = "default-async-creatable",
   name: n = "default-async-creatable",
@@ -11024,7 +11024,7 @@ function wue({
     }
   );
 }
-function Sue({
+function wue({
   tabs: e,
   variant: t = "default",
   defaultIndex: n,
@@ -11195,7 +11195,7 @@ function b4({
     )
   ] });
 }
-function Oue({
+function Sue({
   title: e,
   iconTitle: t,
   subtitle: n,
@@ -11205,9 +11205,10 @@ function Oue({
   showClose: o = !0,
   onClose: s,
   className: l,
-  children: u
+  disableOverlayClick: u = !1,
+  children: c
 }) {
-  const c = () => /* @__PURE__ */ m.jsxs("header", { className: "mb-xl flex items-center justify-between", children: [
+  const f = () => /* @__PURE__ */ m.jsxs("header", { className: "mb-xl flex items-center justify-between", children: [
     /* @__PURE__ */ m.jsxs("div", { className: "flex items-center gap-x-2", children: [
       t && t,
       /* @__PURE__ */ m.jsx(_r, { variant: "heading", color: "default", children: e })
@@ -11221,19 +11222,28 @@ function Oue({
         onClick: () => s == null ? void 0 : s(!i)
       }
     )
-  ] }), f = () => /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
+  ] }), d = () => /* @__PURE__ */ m.jsxs(m.Fragment, { children: [
     a.includes("top") && /* @__PURE__ */ m.jsx("div", { className: "mb-xs border-b border-border-disabled" }),
-    u,
+    c,
     a.includes("bottom") && /* @__PURE__ */ m.jsx("div", { className: "mt-xs border-t border-border-disabled" })
-  ] });
+  ] }), p = () => {
+    u || s == null || s(!1);
+  };
   return /* @__PURE__ */ m.jsxs(
     l1,
     {
       open: i,
-      onClose: (d) => s == null ? void 0 : s(d),
+      onClose: u ? () => null : (v) => s == null ? void 0 : s(v),
       className: ee("relative z-50", l),
       children: [
-        /* @__PURE__ */ m.jsx("div", { className: "fixed inset-0 bg-background-modal", "aria-hidden": "true" }),
+        /* @__PURE__ */ m.jsx(
+          "div",
+          {
+            className: "fixed inset-0 bg-background-modal",
+            "aria-hidden": "true",
+            onClick: p
+          }
+        ),
         /* @__PURE__ */ m.jsx("div", { className: "fixed inset-0 overflow-y-auto", children: /* @__PURE__ */ m.jsx("div", { className: "flex min-h-full items-center justify-center", children: /* @__PURE__ */ m.jsxs(
           l1.Panel,
           {
@@ -11242,9 +11252,9 @@ function Oue({
               l
             ),
             children: [
-              c(),
+              f(),
               n && /* @__PURE__ */ m.jsx(Ie, { variant: "caption", color: "subdued", className: "mb-sm", children: n }),
-              /* @__PURE__ */ m.jsx("main", { className: "mb-xl", children: f() }),
+              /* @__PURE__ */ m.jsx("main", { className: "mb-xl", children: d() }),
               /* @__PURE__ */ m.jsx("footer", { className: "flex w-full items-center justify-end gap-x-2", children: r && r })
             ]
           }
@@ -11488,7 +11498,7 @@ function kR(e, { locales: t = "es-CO", currency: n = "COP", fractionDigits: r =
     minimumFractionDigits: r
   }).format(e ?? 0);
 }
-function Pue({
+function Oue({
   icon: e,
   isSelected: t = !1,
   title: n,
@@ -11574,7 +11584,7 @@ function Pue({
     }
   );
 }
-function Bue({
+function Pue({
   hasLogo: e = !1,
   className: t = "",
   menuMovil: n,
@@ -11633,7 +11643,7 @@ function Bue({
     }
   );
 }
-function Rue({
+function Bue({
   children: e,
   onClose: t,
   isOpen: n,
@@ -13446,7 +13456,7 @@ Ml.Delete = function(t) {
   const { children: n, inputValue: r } = t;
   return (typeof r == "number" ? r > 0 : r) ? /* @__PURE__ */ m.jsx("span", { children: n }) : /* @__PURE__ */ m.jsx(m.Fragment, {});
 };
-const Mue = Ye((e, t) => {
+const Rue = Ye((e, t) => {
   const {
     id: n,
     name: r,
@@ -13646,7 +13656,7 @@ const Mue = Ye((e, t) => {
     )
   ] });
 });
-function jue({
+function Mue({
   kind: e = "default",
   icon: t,
   description: n,
@@ -15681,7 +15691,7 @@ function fM({
     }
   );
 }
-function kue({
+function jue({
   type: e,
   valueInput: t,
   textInsideInput: n,
@@ -15805,7 +15815,7 @@ function kue({
     )
   ] });
 }
-function Tue({
+function kue({
   children: e,
   isSmall: t = !1,
   onClick: n,
@@ -15863,7 +15873,7 @@ function dM({ helpText: e, error: t, showErrorText: n }) {
     (t || n) && !e && /* @__PURE__ */ m.jsx(b4, { icon: "error", children: t })
   ] }) : /* @__PURE__ */ m.jsx(m.Fragment, {});
 }
-const Nue = Ye(
+const Tue = Ye(
   (e, t) => {
     const {
       error: n,
@@ -33987,7 +33997,7 @@ var oC = function(t, n, r, i) {
   }],
   formatAxisMap: wd
 });
-function Due({
+function Nue({
   variant: e,
   width: t = 600,
   height: n = 600,
@@ -34062,7 +34072,7 @@ const X2 = {
   violet: "#9D2FAE",
   pink: "#F56270"
 }, Hc = (e) => Object.keys(X2).includes(e) ? X2[e] : X2.cyan;
-function Lue({
+function Due({
   className: e,
   data: t,
   cells: n,
@@ -34283,7 +34293,7 @@ function aae({ positionY: e, daysFormat: t, data: n }) {
 function oae(e) {
   return e != null && e.cy ? /* @__PURE__ */ m.jsx("g", { transform: `translate(${e.x + 27},${e.y})`, children: /* @__PURE__ */ m.jsx("circle", { r: 6, fill: "#5F24F1" }) }) : null;
 }
-function Fue({
+function Lue({
   isLoading: e = !1,
   data: t,
   paddingTickY: n,
@@ -34382,7 +34392,7 @@ function Fue({
     }
   ) });
 }
-function Vue({
+function Fue({
   title: e,
   subtitle: t,
   defaultOpen: n = !1,
@@ -34444,7 +34454,7 @@ function Vue({
     )
   ] }) });
 }
-function Que({
+function Vue({
   name: e,
   email: t,
   items: n,
@@ -34509,7 +34519,7 @@ function Que({
     )
   ] }) });
 }
-function Hue({
+function Que({
   icon: e,
   options: t,
   onSelected: n,
@@ -35248,7 +35258,7 @@ const fC = "Popper", [dC, pC] = lC(fC), [Nae, gC] = dC(fC), Dae = (e) => {
   }), r ? null : /* @__PURE__ */ We(Ys.div, ye({}, i, {
     ref: s
   }));
-}), hC = "PopperContent", [Vae, Gue] = dC(hC), Qae = /* @__PURE__ */ Ye((e, t) => {
+}), hC = "PopperContent", [Vae, Hue] = dC(hC), Qae = /* @__PURE__ */ Ye((e, t) => {
   var n, r, i, a, o, s, l, u;
   const { __scopePopper: c, side: f = "bottom", sideOffset: d = 0, align: p = "center", alignOffset: v = 0, arrowPadding: g = 0, collisionBoundary: h = [], collisionPadding: A = 0, sticky: b = "partial", hideWhenDetached: E = !1, avoidCollisions: x = !0, onPlaced: y, ...C } = e, I = gC(hC, c), [w, O] = he(null), B = fo(
     t,
@@ -35941,7 +35951,7 @@ var OC = S.forwardRef(function(e, t) {
   return S.createElement(Pd, Zn({}, e, { ref: t, sideCar: woe }));
 });
 OC.classNames = Pd.classNames;
-const Soe = OC, PC = "Popover", [BC, Zue] = lC(PC, [
+const Soe = OC, PC = "Popover", [BC, Gue] = lC(PC, [
   pC
 ]), O8 = pC(), [Ooe, Us] = BC(PC), Poe = (e) => {
   const { __scopePopover: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !1 } = e, s = O8(t), l = pe(null), [u, c] = he(!1), [f = !1, d] = Uae({
@@ -36936,7 +36946,7 @@ var HC = S.forwardRef(function(e, t) {
   return S.createElement(Md, Zn({}, e, { ref: t, sideCar: Pse }));
 });
 HC.classNames = Md.classNames;
-const Bse = HC, GC = "Dialog", [ZC, zue] = Zoe(GC), [Rse, po] = ZC(GC), Mse = (e) => {
+const Bse = HC, GC = "Dialog", [ZC, Zue] = Zoe(GC), [Rse, po] = ZC(GC), Mse = (e) => {
   const { __scopeDialog: t, children: n, open: r, defaultOpen: i, onOpenChange: a, modal: o = !0 } = e, s = pe(null), l = pe(null), [u = !1, c] = $oe({
     prop: r,
     defaultProp: i,
@@ -37452,7 +37462,7 @@ const A3 = S.forwardRef(({ className: e, ...t }, n) => /* @__PURE__ */ m.jsx(
   }
 ));
 A3.displayName = vr.Item.displayName;
-function Wue({
+function zue({
   title: e = "",
   titleNotFound: t = "No hay coincidencias",
   placeholderSearch: n = "Buscar",
@@ -40653,7 +40663,7 @@ function uue({
     ] }) })
   ] });
 }
-function Xue({
+function Wue({
   columns: e = [],
   data: t = [],
   searchFilter: n = !1,
@@ -41188,7 +41198,7 @@ const pue = P3(
     );
   }
 );
-function $ue({
+function Xue({
   columns: e = [],
   data: t = [],
   stickyHeader: n,
@@ -41423,7 +41433,7 @@ function $ue({
     )
   ] });
 }
-function Yue({ items: e = [], checkedItem: t, onChange: n }) {
+function $ue({ items: e = [], checkedItem: t, onChange: n }) {
   const r = qa("(max-width: 520px)"), i = (s, l) => l != null && l.error ? "border-action-critical-default" : l != null && l.isDisabled || l != null && l.isLoading ? "border-border-disabled" : s ? "shadow-[0px_0px_0px_1px_#3EADFE]" : "border-border-default hover:border-border-hovered", a = (s, l) => {
     var u, c;
     return ((u = s == null ? void 0 : s.id) == null ? void 0 : u.toLowerCase()) === ((c = l == null ? void 0 : l.id) == null ? void 0 : c.toLowerCase());
@@ -41568,7 +41578,7 @@ function Yue({ items: e = [], checkedItem: t, onChange: n }) {
     }
   ) : /* @__PURE__ */ m.jsx(m.Fragment, {});
 }
-function Uue({
+function Yue({
   description: e = "",
   date: t = "",
   hour: n = "",
@@ -41636,7 +41646,7 @@ function Uue({
     }
   );
 }
-function _ue({ infoItems: e, onItemClick: t }) {
+function Uue({ infoItems: e, onItemClick: t }) {
   const n = pe(null), r = () => {
     var a;
     (a = n.current) == null || a.scrollBy({ left: -n.current.offsetWidth });
@@ -41655,7 +41665,7 @@ function _ue({ infoItems: e, onItemClick: t }) {
         children: /* @__PURE__ */ m.jsx(lt, { size: "sm", kind: "page-back" })
       }
     ),
-    /* @__PURE__ */ m.jsx("div", { ref: n, className: "flex gap-1 overflow-hidden", children: e.map((a) => /* @__PURE__ */ m.jsx(
+    /* @__PURE__ */ m.jsx("div", { ref: n, className: "flex gap-1 overflow-hidden", children: e.map((a, o) => /* @__PURE__ */ m.jsx(
       "div",
       {
         className: "slider-item border border-surface-active rounded-sm",
@@ -41673,12 +41683,12 @@ function _ue({ infoItems: e, onItemClick: t }) {
           /* @__PURE__ */ m.jsx(Ie, { className: "text-center mt-2", children: a.value })
         ] }) })
       },
-      a.value
+      o
     )) }),
     /* @__PURE__ */ m.jsx(Ur, { size: "sm", variant: "plain-monochrome", onClick: i, children: /* @__PURE__ */ m.jsx(lt, { size: "sm", kind: "page-front" }) })
   ] });
 }
-function Jue({ steps: e }) {
+function _ue({ steps: e }) {
   const [t, n] = he(0), r = () => {
     n(t + 1);
   }, i = () => {
@@ -41800,8 +41810,8 @@ const Ur = Ye((e, t) => {
     );
     r >= 0 ? t[r].value += n.value : t.push({ ...n });
   }), t;
-}, hue = (e) => Array.from({ length: e }, (n, r) => `hsl(${r * 360 / e}, 70%, 50%)`);
-function Kue({
+};
+function Jue({
   data: e,
   width: t,
   height: n,
@@ -41813,26 +41823,28 @@ function Kue({
   cornerRadius: l = 2,
   dataKey: u = "value",
   isLoading: c = !1,
-  minValue: f = 2
+  minValue: f = 2,
+  colors: d,
+  decimals: p = 3
 }) {
-  const p = e.filter((A) => A.value >= f), v = gue(p), g = hue(v.length), h = i || Math.min(t, n) / (v.length > 5 ? 2.5 : 2);
+  const g = e.filter((E) => E.value >= f), h = gue(g), A = d && d.length >= h.length ? d : Array.from({ length: h.length }, (E, x) => `hsl(${x * 360 / h.length}, 70%, 50%)`), b = i || Math.min(t, n) / (h.length > 5 ? 2.5 : 2);
   return c ? /* @__PURE__ */ m.jsx("div", { className: "flex flex-col items-center gap-y-3 justify-center text-center rounded-b-sm border-border-subdued", children: /* @__PURE__ */ m.jsx("div", { className: "py-8", children: /* @__PURE__ */ m.jsx(ya, { size: "lg" }) }) }) : /* @__PURE__ */ m.jsx(_ie, { width: t, height: n, children: /* @__PURE__ */ m.jsx(
     Zi,
     {
-      data: v,
+      data: h,
       innerRadius: r,
-      outerRadius: h,
+      outerRadius: b,
       cx: a,
       cy: o,
       paddingAngle: s,
       dataKey: u,
       cornerRadius: l,
-      label: ({ value: A, name: b }) => b ? `${b} - ${parseFloat(A).toFixed(6)}%` : `${parseFloat(A).toFixed(6)}%`,
-      children: v.map((A, b) => /* @__PURE__ */ m.jsx(Gs, { fill: g[b] }, `cell-${b}`))
+      label: ({ value: E, name: x }) => x ? `${x} - ${parseFloat(E).toFixed(p)}%` : `${parseFloat(E).toFixed(p)}%`,
+      children: h.map((E, x) => /* @__PURE__ */ m.jsx(Gs, { fill: A[x] }, `cell-${x}`))
     }
   ) });
 }
-function que({
+function Kue({
   data: e,
   width: t,
   height: n,
@@ -41859,55 +41871,55 @@ function que({
   ] });
 }
 export {
-  wue as AsyncCreatableSelect,
-  xue as AsyncSelect,
-  Xue as AsyncTable,
+  Iue as AsyncCreatableSelect,
+  Cue as AsyncSelect,
+  Wue as AsyncTable,
   F8 as Avatar,
   K9 as Badge,
-  Lue as Bar,
+  Due as Bar,
   Ur as Button,
-  Uue as CardHistory,
-  Yue as CardSelect,
-  _ue as Carousel,
+  Yue as CardHistory,
+  $ue as CardSelect,
+  Uue as Carousel,
   pue as CheckBoxTable,
   em as Checkbox,
-  kue as DateInputPicker,
+  jue as DateInputPicker,
   lae as DropdownButton,
-  Wue as DropdownFilter,
-  Hue as DropdownFilterMultiple,
-  Vue as DropdownSummary,
-  Que as DropdownUser,
+  zue as DropdownFilter,
+  Que as DropdownFilterMultiple,
+  Fue as DropdownSummary,
+  Vue as DropdownUser,
   Ym as EmptyState,
-  Mue as Field,
-  jue as Flag,
-  Due as Graphic,
-  Bue as Header,
+  Rue as Field,
+  Mue as Flag,
+  Nue as Graphic,
+  Pue as Header,
   _r as Heading,
   lt as Icon,
   b4 as InlineError,
   T8 as LayoutMain,
-  que as Line,
-  Aue as Link,
+  Kue as Line,
+  mue as Link,
   Rs as Logo,
-  Oue as Modal,
-  Tue as Navigation,
-  Rue as NavigationMovil,
-  Kue as Pie,
+  Sue as Modal,
+  kue as Navigation,
+  Bue as NavigationMovil,
+  Jue as Pie,
   NS as Radio,
-  Cue as Select,
-  Eue as SelectButton,
-  Iue as SelectCountry,
+  bue as Select,
+  xue as SelectButton,
+  Eue as SelectCountry,
   ya as Spinner,
-  Jue as Stepper,
+  _ue as Stepper,
   C4 as Summary,
-  yue as Switch,
-  Sue as Tab,
-  Pue as TabNav,
-  $ue as Table,
+  Aue as Switch,
+  wue as Tab,
+  Oue as TabNav,
+  Xue as Table,
   Ie as Text,
-  Nue as TextArea,
+  Tue as TextArea,
   za as TextRef,
-  Fue as TimeLine,
+  Lue as TimeLine,
   Yl as Tooltip,
-  bue as Tracker
+  yue as Tracker
 };

package/package.json

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