@xola/ui-kit 2.0.3 → 2.1.1

package/build/ui-kit.mjs

@@ -1264,10 +1264,10 @@ const Si = Mi((e, t) => e(t), 500), Bo = ({
   shouldHideMenu: m = !1,
   ...g
 }) => {
-  const [w, x] = ne(!0), [v, h] = ne(o != null ? o : ""), f = de(), b = dn("search-input"), k = dn("search-menu"), y = Bi(), [C, E] = ne(!0), A = { value: v }, L = v ? [A, ...t] : [], M = ({ selectedItem: j, type: _ }) => {
-    _ !== Kt.stateChangeTypes.InputBlur && _ !== Kt.stateChangeTypes.FunctionCloseMenu && (j === A ? (r == null || r(v), f.current.blur()) : j && (i == null || i(j), f.current.blur()), G());
-  }, V = ({ inputValue: j }) => {
-    h(j), a && Si(a, j);
+  const [w, x] = ne(!0), [v, h] = ne(o != null ? o : ""), f = de(), b = dn("search-input"), k = dn("search-menu"), y = Bi(), [C, E] = ne(!0), A = { value: v }, L = v ? [A, ...t] : [], M = ({ selectedItem: O, type: _ }) => {
+    _ !== Kt.stateChangeTypes.InputBlur && _ !== Kt.stateChangeTypes.FunctionCloseMenu && (O === A ? (r == null || r(v), f.current.blur()) : O && (i == null || i(O), f.current.blur()), G());
+  }, V = ({ inputValue: O }) => {
+    h(O), a && Si(a, O);
   }, {
     isOpen: P,
     openMenu: q,
@@ -1288,13 +1288,13 @@ const Si = Mi((e, t) => e(t), 500), Bo = ({
   _e(() => {
     P ? E(!1) : setTimeout(() => E(!0), 1);
   }, [P, E]);
-  const O = () => {
+  const W = () => {
     x(!1), q();
-  }, W = (P || !C || u) && L.length > 0 && !m, $ = W && !s && L.length <= 1;
-  ur(yt ? "cmd+k" : "ctrl+k", (j) => {
-    j.preventDefault(), f.current.focus();
+  }, j = (P || !C || u) && L.length > 0 && !m, $ = j && !s && L.length <= 1;
+  ur(yt ? "cmd+k" : "ctrl+k", (O) => {
+    O.preventDefault(), f.current.focus();
   }), ur("esc", () => f.current.blur(), { enableOnTags: ["INPUT"] });
-  const re = W || !d;
+  const re = j || !d;
   return /* @__PURE__ */ n.createElement("div", {
     className: "ui-search relative w-full"
   }, /* @__PURE__ */ n.createElement("div", {
@@ -1313,8 +1313,9 @@ const Si = Mi((e, t) => e(t), 500), Bo = ({
         e
       ),
       ref: f,
-      onFocus: O,
+      onFocus: W,
       onBlur: () => x(!0),
+      onChange: (O) => h(O.target.value),
       ...g
     })
   }), /* @__PURE__ */ n.createElement("div", {
@@ -1329,13 +1330,13 @@ const Si = Mi((e, t) => e(t), 500), Bo = ({
       className: I(
         "ui-search-menu",
         "absolute top-10 divide-y divide-gray-light w-full xl:w-2/3 max-h-[75vh] border border-blue-light mt-1 rounded overflow-auto z-10 bg-white",
-        { hidden: !W }
+        { hidden: !j }
       )
     })
-  }, re ? L.map((j, _) => /* @__PURE__ */ n.createElement("li", {
-    key: j,
-    ...B({ key: _, item: j, index: _, className: "ui-search-item" })
-  }, j === A ? /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
+  }, re ? L.map((O, _) => /* @__PURE__ */ n.createElement("li", {
+    key: O,
+    ...B({ key: _, item: O, index: _, className: "ui-search-item" })
+  }, O === A ? /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
     className: I(
       "cursor-pointer p-2",
       z === _ ? "bg-blue-light text-white" : ""
@@ -1344,7 +1345,7 @@ const Si = Mi((e, t) => e(t), 500), Bo = ({
     className: "p-3 text-center"
   }, /* @__PURE__ */ n.createElement(ft, {
     size: "small"
-  })) : null) : l == null ? void 0 : l(j, z === _))) : null, re && $ ? /* @__PURE__ */ n.createElement("li", {
+  })) : null) : l == null ? void 0 : l(O, z === _))) : null, re && $ ? /* @__PURE__ */ n.createElement("li", {
     className: "cursor-not-allowed p-2"
   }, "No results found") : null, re && L.length < 5 ? /* @__PURE__ */ n.createElement("li", {
     className: "search-footer pointer-events sticky bottom-0 flex space-x-5 p-2 text-sm text-gray-dark"
@@ -1503,25 +1504,34 @@ je.propTypes = {
   className: c.string,
   currency: c.string.isRequired
 };
-const Ro = ({ children: e, info: t, value: o, className: a, color: r = "default", ...i }) => {
-  const l = Te(Jn);
+const Ro = ({ children: e, info: t, methodIcon: o, secondary: a, value: r, className: i, color: l = "default", ...s }) => {
+  const u = Te(Jn);
   return /* @__PURE__ */ n.createElement("tr", {
-    className: I("ui-breakdown-item", Xt[r], a),
-    ...i
+    className: I("ui-breakdown-item", Xt[l], i),
+    ...s
   }, /* @__PURE__ */ n.createElement("td", {
-    className: "text-left"
-  }, e), /* @__PURE__ */ n.createElement("td", {
-    className: "text-right"
-  }, t), /* @__PURE__ */ n.createElement("td", {
+    colSpan: 2,
+    className: "text-left leading-none"
+  }, /* @__PURE__ */ n.createElement("span", {
+    className: "mr-0.5"
+  }, o), /* @__PURE__ */ n.createElement("span", null, e), /* @__PURE__ */ n.createElement("span", {
+    className: "ml-1 text-sm"
+  }, t && /* @__PURE__ */ n.createElement("span", {
+    className: "mr-2 rounded bg-white p-1 uppercase text-black empty:hidden"
+  }, t), a && /* @__PURE__ */ n.createElement("span", {
+    className: "empty:hidden"
+  }, a))), /* @__PURE__ */ n.createElement("td", {
     className: "w-[1%] whitespace-nowrap pl-4 text-right"
   }, /* @__PURE__ */ n.createElement(We, {
     shouldRemoveTrailingZeroes: !1,
-    currency: l
-  }, o)));
+    currency: u
+  }, r)));
 };
 Ro.propTypes = {
   children: c.node,
   info: c.node,
+  methodIcon: c.node,
+  secondary: c.node,
   value: c.node,
   className: c.string,
   color: c.oneOf(Object.keys(Xt))
@@ -2509,9 +2519,9 @@ function Ns() {
         }
       }
     }
-    var E = u, A = d, L = s, M = l, V = t, P = m, q = a, D = v, Y = x, H = o, z = i, B = r, G = g, O = !1;
-    function W(N) {
-      return O || (O = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), $(N) || C(N) === u;
+    var E = u, A = d, L = s, M = l, V = t, P = m, q = a, D = v, Y = x, H = o, z = i, B = r, G = g, W = !1;
+    function j(N) {
+      return W || (W = !0, console.warn("The ReactIs.isAsyncMode() alias has been deprecated, and will be removed in React 17+. Update your code to use ReactIs.isConcurrentMode() instead. It has the exact same API.")), $(N) || C(N) === u;
     }
     function $(N) {
       return C(N) === d;
@@ -2519,7 +2529,7 @@ function Ns() {
     function re(N) {
       return C(N) === s;
     }
-    function j(N) {
+    function O(N) {
       return C(N) === l;
     }
     function _(N) {
@@ -2549,7 +2559,7 @@ function Ns() {
     function Le(N) {
       return C(N) === g;
     }
-    U.AsyncMode = E, U.ConcurrentMode = A, U.ContextConsumer = L, U.ContextProvider = M, U.Element = V, U.ForwardRef = P, U.Fragment = q, U.Lazy = D, U.Memo = Y, U.Portal = H, U.Profiler = z, U.StrictMode = B, U.Suspense = G, U.isAsyncMode = W, U.isConcurrentMode = $, U.isContextConsumer = re, U.isContextProvider = j, U.isElement = _, U.isForwardRef = ge, U.isFragment = he, U.isLazy = ue, U.isMemo = ce, U.isPortal = ve, U.isProfiler = Ee, U.isStrictMode = Re, U.isSuspense = Le, U.isValidElementType = y, U.typeOf = C;
+    U.AsyncMode = E, U.ConcurrentMode = A, U.ContextConsumer = L, U.ContextProvider = M, U.Element = V, U.ForwardRef = P, U.Fragment = q, U.Lazy = D, U.Memo = Y, U.Portal = H, U.Profiler = z, U.StrictMode = B, U.Suspense = G, U.isAsyncMode = j, U.isConcurrentMode = $, U.isContextConsumer = re, U.isContextProvider = O, U.isElement = _, U.isForwardRef = ge, U.isFragment = he, U.isLazy = ue, U.isMemo = ce, U.isPortal = ve, U.isProfiler = Ee, U.isStrictMode = Re, U.isSuspense = Le, U.isValidElementType = y, U.typeOf = C;
   }()), U;
 }
 (function(e) {
@@ -4224,11 +4234,11 @@ var Tl = process.env.NODE_ENV === "production" ? {
   }, [m]), L = Ne(function() {
     var H = "";
     if (o && A.onChange) {
-      var z = o.option, B = o.options, G = o.removedValue, O = o.removedValues, W = o.value, $ = function(ce) {
+      var z = o.option, B = o.options, G = o.removedValue, W = o.removedValues, j = o.value, $ = function(ce) {
         return Array.isArray(ce) ? null : ce;
-      }, re = G || z || $(W), j = re ? g(re) : "", _ = B || O || void 0, ge = _ ? _.map(g) : [], he = T({
+      }, re = G || z || $(j), O = re ? g(re) : "", _ = B || W || void 0, ge = _ ? _.map(g) : [], he = T({
         isDisabled: re && v(re, s),
-        label: j,
+        label: O,
         labels: ge
       }, o);
       H = A.onChange(he);
@@ -5611,9 +5621,9 @@ var Va = function(t) {
         }), r.formatOptionLabel(_.data, "menu"));
       }, G;
       if (this.hasOptions())
-        G = this.getCategorizedOptions().map(function(j) {
-          if (j.type === "group") {
-            var _ = j.data, ge = j.options, he = j.index, ue = "".concat(r.getElementId("group"), "-").concat(he), ce = "".concat(ue, "-heading");
+        G = this.getCategorizedOptions().map(function(O) {
+          if (O.type === "group") {
+            var _ = O.data, ge = O.options, he = O.index, ue = "".concat(r.getElementId("group"), "-").concat(he), ce = "".concat(ue, "-heading");
             return /* @__PURE__ */ Z.createElement(l, S({}, v, {
               key: ue,
               data: _,
@@ -5621,29 +5631,29 @@ var Va = function(t) {
               Heading: s,
               headingProps: {
                 id: ce,
-                data: j.data
+                data: O.data
               },
-              label: r.formatGroupLabel(j.data)
-            }), j.options.map(function(ve) {
+              label: r.formatGroupLabel(O.data)
+            }), O.options.map(function(ve) {
               return B(ve, "".concat(he, "-").concat(ve.index));
             }));
-          } else if (j.type === "option")
-            return B(j, "".concat(j.index));
+          } else if (O.type === "option")
+            return B(O, "".concat(O.index));
         });
       else if (y) {
-        var O = C({
+        var W = C({
           inputValue: k
         });
-        if (O === null)
+        if (W === null)
           return null;
-        G = /* @__PURE__ */ Z.createElement(g, v, O);
+        G = /* @__PURE__ */ Z.createElement(g, v, W);
       } else {
-        var W = Y({
+        var j = Y({
           inputValue: k
         });
-        if (W === null)
+        if (j === null)
           return null;
-        G = /* @__PURE__ */ Z.createElement(w, v, W);
+        G = /* @__PURE__ */ Z.createElement(w, v, j);
       }
       var $ = {
         minMenuHeight: E,
@@ -5651,8 +5661,8 @@ var Va = function(t) {
         menuPlacement: M,
         menuPosition: V,
         menuShouldScrollIntoView: D
-      }, re = /* @__PURE__ */ Z.createElement(F0, S({}, v, $), function(j) {
-        var _ = j.ref, ge = j.placerProps, he = ge.placement, ue = ge.maxHeight;
+      }, re = /* @__PURE__ */ Z.createElement(F0, S({}, v, $), function(O) {
+        var _ = O.ref, ge = O.placerProps, he = ge.placement, ue = ge.maxHeight;
         return /* @__PURE__ */ Z.createElement(u, S({}, v, $, {
           innerRef: _,
           innerProps: {
@@ -5803,11 +5813,11 @@ var Va = function(t) {
 Ra.defaultProps = ic;
 var dc = ["defaultInputValue", "defaultMenuIsOpen", "defaultValue", "inputValue", "menuIsOpen", "onChange", "onInputChange", "onMenuClose", "onMenuOpen", "value"];
 function mc(e) {
-  var t = e.defaultInputValue, o = t === void 0 ? "" : t, a = e.defaultMenuIsOpen, r = a === void 0 ? !1 : a, i = e.defaultValue, l = i === void 0 ? null : i, s = e.inputValue, u = e.menuIsOpen, d = e.onChange, m = e.onInputChange, g = e.onMenuClose, w = e.onMenuOpen, x = e.value, v = Ze(e, dc), h = ne(s !== void 0 ? s : o), f = Be(h, 2), b = f[0], k = f[1], y = ne(u !== void 0 ? u : r), C = Be(y, 2), E = C[0], A = C[1], L = ne(x !== void 0 ? x : l), M = Be(L, 2), V = M[0], P = M[1], q = ae(function(O, W) {
-    typeof d == "function" && d(O, W), P(O);
-  }, [d]), D = ae(function(O, W) {
+  var t = e.defaultInputValue, o = t === void 0 ? "" : t, a = e.defaultMenuIsOpen, r = a === void 0 ? !1 : a, i = e.defaultValue, l = i === void 0 ? null : i, s = e.inputValue, u = e.menuIsOpen, d = e.onChange, m = e.onInputChange, g = e.onMenuClose, w = e.onMenuOpen, x = e.value, v = Ze(e, dc), h = ne(s !== void 0 ? s : o), f = Be(h, 2), b = f[0], k = f[1], y = ne(u !== void 0 ? u : r), C = Be(y, 2), E = C[0], A = C[1], L = ne(x !== void 0 ? x : l), M = Be(L, 2), V = M[0], P = M[1], q = ae(function(W, j) {
+    typeof d == "function" && d(W, j), P(W);
+  }, [d]), D = ae(function(W, j) {
     var $;
-    typeof m == "function" && ($ = m(O, W)), k($ !== void 0 ? $ : O);
+    typeof m == "function" && ($ = m(W, j)), k($ !== void 0 ? $ : W);
   }, [m]), Y = ae(function() {
     typeof w == "function" && w(), A(!0);
   }, [w]), H = ae(function() {
@@ -6625,23 +6635,23 @@ const Nt = {
   _e(() => {
     l == null || l(f);
   }, [f, l]);
-  const E = (B, G, O) => {
+  const E = (B, G, W) => {
     if (!G.disabled)
       if (y(""), C)
         if (t.from && t.to)
-          i({ from: B, to: null }, G, O);
+          i({ from: B, to: null }, G, W);
         else if ((t.from || t.to).getTime() === B.getTime()) {
-          const W = R(B).startOf("day").toDate(), $ = R(B).endOf("day").toDate();
-          i({ from: W, to: $ }, G, O);
+          const j = R(B).startOf("day").toDate(), $ = R(B).endOf("day").toDate();
+          i({ from: j, to: $ }, G, W);
         } else
-          i(i1.addDayToRange(B, t), G, O);
+          i(i1.addDayToRange(B, t), G, W);
       else
-        i(B, G, O);
-  }, A = (B, G, O) => {
+        i(B, G, W);
+  }, A = (B, G, W) => {
     if (C)
       return;
-    const W = new Date();
-    G.disabled || P(W) ? (b(W), l == null || l(W)) : i(B, G, O);
+    const j = new Date();
+    G.disabled || P(j) ? (b(j), l == null || l(j)) : i(B, G, W);
   }, L = (B, G) => {
     b(G.from), i(G, u, null);
   }, M = (B) => {
@@ -6651,18 +6661,18 @@ const Nt = {
     currentMonth: f,
     onChange: M
   }) : void 0, P = (B) => e1(a) ? a.some((G) => R(G).isSame(B, "day")) : (t1(a), a(B)), q = (B) => {
-    const G = w == null ? void 0 : w(B), O = P(B);
+    const G = w == null ? void 0 : w(B), W = P(B);
     return G ? /* @__PURE__ */ n.createElement(Gn, {
       placement: "top",
       content: G
     }, /* @__PURE__ */ n.createElement(Cn, {
-      disabled: O,
+      disabled: W,
       selectedDate: t,
       date: B,
       getContent: o,
       currentMonth: f
     })) : /* @__PURE__ */ n.createElement(Cn, {
-      disabled: O,
+      disabled: W,
       selectedDate: t,
       date: B,
       getContent: o,
@@ -6678,17 +6688,17 @@ const Nt = {
   }, "Upcoming"), (x == null ? void 0 : x.length) > 0 ? /* @__PURE__ */ n.createElement("div", {
     className: "mt-5"
   }, x == null ? void 0 : x.map((B) => {
-    const G = R(B).isSame(R(t), "day"), O = R(B).format();
+    const G = R(B).isSame(R(t), "day"), W = R(B).format();
     return /* @__PURE__ */ n.createElement("div", {
-      key: O,
+      key: W,
       value: !0,
       className: I(
         "mx-6 mt-3 flex min-w-40 cursor-pointer items-center justify-center",
         "rounded border border-gray py-3 hover:border-blue hover:bg-blue hover:text-white",
         { "border-blue bg-blue text-white": G }
       ),
-      onClick: (W) => {
-        E(B, {}, W), M(B);
+      onClick: (j) => {
+        E(B, {}, j), M(B);
       }
     }, R(B).format("ddd DD MMMM"));
   })) : /* @__PURE__ */ n.createElement("div", {
@@ -6846,11 +6856,11 @@ var Xa = { exports: {} };
             z.call(P, G), V = V.replace(G, "");
           }
         }
-        return function(O) {
-          var W = O.afternoon;
-          if (W !== void 0) {
-            var $ = O.hours;
-            W ? $ < 12 && (O.hours += 12) : $ === 12 && (O.hours = 0), delete O.afternoon;
+        return function(W) {
+          var j = W.afternoon;
+          if (j !== void 0) {
+            var $ = W.hours;
+            j ? $ < 12 && (W.hours += 12) : $ === 12 && (W.hours = 0), delete W.afternoon;
           }
         }(P), P;
       };
@@ -6864,14 +6874,14 @@ var Xa = { exports: {} };
         var M = L[1];
         if (typeof M == "string") {
           var V = L[2] === !0, P = L[3] === !0, q = V || P, D = L[2];
-          P && (D = L[2]), s = this.$locale(), !V && D && (s = b.Ls[D]), this.$d = function(B, G, O) {
+          P && (D = L[2]), s = this.$locale(), !V && D && (s = b.Ls[D]), this.$d = function(B, G, W) {
             try {
               if (["x", "X"].indexOf(G) > -1)
                 return new Date((G === "X" ? 1e3 : 1) * B);
-              var W = v(G)(B), $ = W.year, re = W.month, j = W.day, _ = W.hours, ge = W.minutes, he = W.seconds, ue = W.milliseconds, ce = W.zone, ve = new Date(), Ee = j || ($ || re ? 1 : ve.getDate()), Re = $ || ve.getFullYear(), Le = 0;
+              var j = v(G)(B), $ = j.year, re = j.month, O = j.day, _ = j.hours, ge = j.minutes, he = j.seconds, ue = j.milliseconds, ce = j.zone, ve = new Date(), Ee = O || ($ || re ? 1 : ve.getDate()), Re = $ || ve.getFullYear(), Le = 0;
               $ && !re || (Le = re > 0 ? re - 1 : ve.getMonth());
               var N = _ || 0, Me = ge || 0, be = he || 0, Fe = ue || 0;
-              return ce ? new Date(Date.UTC(Re, Le, Ee, N, Me, be, Fe + 60 * ce.offset * 1e3)) : O ? new Date(Date.UTC(Re, Le, Ee, N, Me, be, Fe)) : new Date(Re, Le, Ee, N, Me, be, Fe);
+              return ce ? new Date(Date.UTC(Re, Le, Ee, N, Me, be, Fe + 60 * ce.offset * 1e3)) : W ? new Date(Date.UTC(Re, Le, Ee, N, Me, be, Fe)) : new Date(Re, Le, Ee, N, Me, be, Fe);
             } catch {
               return new Date("");
             }