@prokodo/ui 0.0.24 → 0.0.26

package/dist/components/carousel/Carousel.js

@@ -1,180 +1,180 @@
-import { j as i } from "../../_virtual/jsx-runtime.js";
-import { useRef as x, useState as f, Children as ae, useEffect as P, useCallback as b, useImperativeHandle as le } from "react";
-import { create as ne } from "../../helpers/bem.js";
-import ce from "./Carousel.module.scss.js";
-import { NEXT as p, PREV as R, handleTouchStart as de, handleTouchMove as oe, handleTouchEnd as fe, handleMouseUp as me, handleMouseDown as ue } from "./Carousel.services.js";
-import { Lottie as xe } from "../lottie/Lottie.js";
-import { Button as J } from "../button/Button.js";
-const l = ne(ce, "Carousel"), be = ({
-  ref: L,
+import { jsx as l, jsxs as J } from "react/jsx-runtime";
+import { useRef as b, useState as f, Children as le, useEffect as X, useCallback as v, useImperativeHandle as ne } from "react";
+import { create as ce } from "../../helpers/bem.js";
+import de from "./Carousel.module.scss.js";
+import { NEXT as N, PREV as R, handleTouchStart as oe, handleTouchMove as fe, handleTouchEnd as me, handleMouseUp as ue, handleMouseDown as be } from "./Carousel.services.js";
+import { Lottie as ve } from "../lottie/Lottie.js";
+import { Button as L } from "../button/Button.js";
+const a = ce(de, "Carousel"), Ie = ({
+  ref: O,
   autoplay: m,
-  enableControl: X,
-  itemsToShow: s = 1,
-  className: O,
-  classNameControls: Q,
-  classNameButtons: y,
-  classNameWrapper: W,
-  classNameItem: Y,
-  classNameDots: V,
-  classNameDot: h,
-  onKeyDown: j,
-  onMouseEnter: v,
-  onMouseLeave: I,
-  onTouchEnd: N,
-  onTouchMove: C,
-  onTouchStart: g,
-  onMouseDown: k,
-  onMouseUp: A,
-  children: Z,
-  ...K
+  enableControl: y,
+  itemsToShow: r = 1,
+  className: Q,
+  classNameControls: W,
+  classNameButtons: V,
+  classNameWrapper: Y,
+  classNameItem: Z,
+  classNameDots: h,
+  classNameDot: B,
+  onKeyDown: x,
+  onMouseEnter: I,
+  onMouseLeave: p,
+  onTouchEnd: C,
+  onTouchMove: g,
+  onTouchStart: k,
+  onMouseDown: A,
+  onMouseUp: _,
+  children: K,
+  ...U
 }) => {
-  const B = x(null), E = x(0), $ = x(0), z = x(0), U = x(0), [w, D] = f(!0), [c, d] = f(s), [M, H] = f(!1), [q, F] = f(!!m), [u, n] = f(!1), o = ae.toArray(Z), [G, T] = f([]), r = o.length;
-  P(() => {
+  const $ = b(null), E = b(0), j = b(0), z = b(0), w = b(0), [D, M] = f(!0), [c, d] = f(r), [T, H] = f(!1), [q, F] = f(!!m), [u, n] = f(!1), o = le.toArray(K), [G, S] = f([]), s = o.length;
+  X(() => {
     const e = [
-      ...o.slice(-s),
+      ...o.slice(-r),
       ...o,
-      ...o.slice(0, s)
+      ...o.slice(0, r)
     ];
-    e !== G && (T(e), d(s));
-  }, [s]), P(() => {
+    e !== G && (S(e), d(r));
+  }, [r]), X(() => {
     const e = setTimeout(() => {
-      D(!1);
+      M(!1);
     }, 1500);
     return () => clearTimeout(e);
   }, []);
-  const a = b(
+  const i = v(
     (e) => {
       if (u) return;
       n(!0);
       let t = c;
-      e === p ? t = c + 1 : e === R && (t = c - 1), d(t), setTimeout(() => {
-        t >= r + s ? (d(s), n(!1)) : (t < s && d(r), n(!1));
+      e === N ? t = c + 1 : e === R && (t = c - 1), d(t), setTimeout(() => {
+        t >= s + r ? (d(r), n(!1)) : (t < r && d(s), n(!1));
       }, 300);
     },
-    [u, c, s, r]
+    [u, c, r, s]
   );
-  P(() => {
+  X(() => {
     if (typeof m != "number" || m <= 0) return;
     let e;
     return q && (e = setInterval(() => {
-      a(p);
+      i(N);
     }, m)), () => {
       clearInterval(e);
     };
-  }, [a, q, m]);
-  const _ = b(
+  }, [i, q, m]);
+  const P = v(
     (e) => {
       if (u) return;
       n(!0);
-      const t = e + s;
+      const t = e + r;
       d(t), setTimeout(() => {
-        t >= r + s ? (d(t - r), n(!1)) : (t < s && d(r + t), n(!1));
+        t >= s + r ? (d(t - s), n(!1)) : (t < r && d(s + t), n(!1));
       }, 300);
     },
-    [u, s, r]
+    [u, r, s]
   );
-  le(L, () => ({
-    slidePrev: () => a(R),
-    slideNext: () => a(p),
-    carouselContainer: B.current
+  ne(O, () => ({
+    slidePrev: () => i(R),
+    slideNext: () => i(N),
+    carouselContainer: $.current
   }));
-  const S = b(
+  const ee = v(
     (e) => {
-      v == null || v(e), F(!1);
+      I == null || I(e), F(!1);
     },
-    [v]
-  ), ee = b(
+    [I]
+  ), te = v(
     (e) => {
-      I == null || I(e), F(!0);
+      p == null || p(e), F(!0);
     },
-    [I]
-  ), te = () => `translateX(${-c * (100 / s)}%)`, se = b(
-    () => r > 0 && /* @__PURE__ */ i.jsx("span", { className: l("dots", void 0, V), children: o.map((e, t) => {
-      const re = t === (c - s + r) % r;
-      return /* @__PURE__ */ i.jsx(
+    [p]
+  ), re = () => `translateX(${-c * (100 / r)}%)`, se = v(
+    () => s > 0 && /* @__PURE__ */ l("span", { className: a("dots", void 0, h), children: o.map((e, t) => {
+      const ie = t === (c - r + s) % s;
+      return /* @__PURE__ */ l(
         "button",
         {
           tabIndex: 0,
-          className: l(
+          className: a(
             "dots__dot",
             {
-              "is-active": re
+              "is-active": ie
             },
-            h
+            B
           ),
-          onClick: () => _(t),
-          onKeyDown: (ie) => ie.key === "Enter" && _(t)
+          onClick: () => P(t),
+          onKeyDown: (ae) => ae.key === "Enter" && P(t)
         },
         `carousel-dot-${t}`
       );
     }) }),
     [
-      r,
+      s,
       o,
       c,
-      V,
       h,
-      s,
-      _
+      B,
+      r,
+      P
     ]
   );
-  return r === 0 ? null : /* @__PURE__ */ i.jsxs(
+  return s === 0 ? null : /* @__PURE__ */ J(
     "div",
     {
       "aria-label": "Carousel",
       role: "button",
       tabIndex: 0,
-      ...K,
-      ref: B,
-      className: l(
+      ...U,
+      ref: $,
+      className: a(
         void 0,
         {
-          "is-active": M
+          "is-active": T
         },
-        O
+        Q
       ),
-      onMouseEnter: S,
-      onMouseLeave: ee,
+      onMouseEnter: ee,
+      onMouseLeave: te,
       onKeyDown: (e) => {
-        switch (j == null || j(e), e.key) {
+        switch (x == null || x(e), e.key) {
           case "ArrowLeft":
-            a("NEXT");
+            i("NEXT");
             break;
           case "ArrowRight":
-            a("PREV");
+            i("PREV");
             break;
         }
       },
       onMouseDown: (e) => {
-        k == null || k(e), ue(e, z), H(!0);
+        A == null || A(e), be(e, z), H(!0);
       },
       onMouseUp: (e) => {
-        A == null || A(e), me(e, z, U, a), H(!1);
+        _ == null || _(e), ue(e, z, w, i), H(!1);
       },
       onTouchEnd: (e) => {
-        N == null || N(e), fe(E, $, a);
+        C == null || C(e), me(E, j, i);
       },
       onTouchMove: (e) => {
-        C == null || C(e), oe(e, $);
+        g == null || g(e), fe(e, j);
       },
       onTouchStart: (e) => {
-        g == null || g(e), de(e, E);
+        k == null || k(e), oe(e, E);
       },
       children: [
-        /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ l(
           "div",
           {
-            className: l("wrapper", void 0, W),
+            className: a("wrapper", void 0, Y),
             style: {
-              transform: te(),
+              transform: re(),
               transition: u ? "transform 0.3s ease-in-out" : "none"
             },
-            children: G.map((e, t) => /* @__PURE__ */ i.jsx(
+            children: G.map((e, t) => /* @__PURE__ */ l(
               "div",
               {
-                className: l("item", void 0, Y),
+                className: a("item", void 0, Z),
                 style: {
-                  width: `${100 / s}%`
+                  width: `${100 / r}%`
                 },
                 children: e
               },
@@ -182,43 +182,43 @@ const l = ne(ce, "Carousel"), be = ({
             ))
           }
         ),
-        /* @__PURE__ */ i.jsx(
+        /* @__PURE__ */ l(
           "div",
           {
-            className: l("mobile__tutorial", {
-              "is-hidden": !w
+            className: a("mobile__tutorial", {
+              "is-hidden": !D
             }),
-            children: /* @__PURE__ */ i.jsx("div", { className: l("mobile__tutorial__animation"), children: /* @__PURE__ */ i.jsx(xe, { animationName: "Swipe" }) })
+            children: /* @__PURE__ */ l("div", { className: a("mobile__tutorial__animation"), children: /* @__PURE__ */ l(ve, { animationName: "Swipe" }) })
           }
         ),
-        /* @__PURE__ */ i.jsxs("footer", { className: l("controls", void 0, Q), children: [
-          !!X && /* @__PURE__ */ i.jsx(
-            J,
+        /* @__PURE__ */ J("footer", { className: a("controls", void 0, W), children: [
+          !!y && /* @__PURE__ */ l(
+            L,
             {
               "aria-label": "Swipe one slide backwards",
-              className: l("button", void 0, y),
+              className: a("button", void 0, V),
               variant: "outlined",
               iconProps: {
                 name: "ArrowLeft01Icon",
                 size: "md",
                 color: "white"
               },
-              onClick: () => a(R)
+              onClick: () => i(R)
             }
           ),
           se(),
-          !!X && /* @__PURE__ */ i.jsx(
-            J,
+          !!y && /* @__PURE__ */ l(
+            L,
             {
               "aria-label": "Swipe one slide forwards",
-              className: l("button", void 0, y),
+              className: a("button", void 0, V),
               variant: "outlined",
               iconProps: {
                 name: "ArrowRight01Icon",
                 size: "md",
                 color: "white"
               },
-              onClick: () => a(p)
+              onClick: () => i(N)
             }
           )
         ] })
@@ -226,7 +226,7 @@ const l = ne(ce, "Carousel"), be = ({
     }
   );
 };
-be.displayName = "Carousel";
+Ie.displayName = "Carousel";
 export {
-  be as Carousel
+  Ie as Carousel
 };

package/dist/components/chip/Chip.js

@@ -1,50 +1,50 @@
-import { j as i } from "../../_virtual/jsx-runtime.js";
-import { memo as f, useCallback as h } from "react";
-import { create as u } from "../../helpers/bem.js";
-import x from "./Chip.module.scss.js";
-const m = u(x, "Chip"), j = f(
+import { jsxs as f, jsx as d } from "react/jsx-runtime";
+import { memo as h, useCallback as u } from "react";
+import { create as v } from "../../helpers/bem.js";
+import n from "./Chip.module.scss.js";
+const s = v(n, "Chip"), x = h(
   ({
-    label: r,
+    label: i,
     icon: o,
-    variant: p = "filled",
-    color: l = "primary",
+    variant: l = "filled",
+    color: m = "primary",
     className: c,
-    onDelete: d,
-    onClick: s,
+    onDelete: p,
+    onClick: a,
     onKeyDown: e
   }) => {
-    const b = h(
+    const b = u(
       (t) => {
         (t.key === "Enter" || t.key === " ") && (t.preventDefault(), e == null || e(t));
       },
       [e]
-    ), a = !!s;
+    ), r = !!a;
     return (
       // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-      /* @__PURE__ */ i.jsxs(
+      /* @__PURE__ */ f(
         "div",
         {
-          "aria-label": typeof r == "string" ? r : void 0,
-          role: a ? "button" : void 0,
-          tabIndex: a ? 0 : -1,
-          className: m(
+          "aria-label": typeof i == "string" ? i : void 0,
+          role: r ? "button" : void 0,
+          tabIndex: r ? 0 : -1,
+          className: s(
             void 0,
-            { [p]: !!p, [l]: !!l },
+            { [l]: !!l, [m]: !!m },
             c
           ),
-          onClick: (t) => a && (s == null ? void 0 : s(t)),
-          onKeyDown: a || e ? b : void 0,
+          onClick: (t) => r && (a == null ? void 0 : a(t)),
+          onKeyDown: r || e ? b : void 0,
           children: [
             o,
-            /* @__PURE__ */ i.jsx("span", { className: m("label"), children: r }),
-            d && /* @__PURE__ */ i.jsx(
+            /* @__PURE__ */ d("span", { className: s("label"), children: i }),
+            p && /* @__PURE__ */ d(
               "button",
               {
                 "aria-label": "delete",
-                className: m("delete"),
+                className: s("delete"),
                 type: "button",
                 onClick: (t) => {
-                  t.stopPropagation(), d(t);
+                  t.stopPropagation(), p(t);
                 },
                 children: "× "
               }
@@ -55,7 +55,7 @@ const m = u(x, "Chip"), j = f(
     );
   }
 );
-j.displayName = "Chip";
+x.displayName = "Chip";
 export {
-  j as Chip
+  x as Chip
 };

package/dist/components/datePicker/DatePicker.js

@@ -1,10 +1,10 @@
-import { j as G } from "../../_virtual/jsx-runtime.js";
-import y, { isDayjs as w } from "dayjs";
+import { jsx as G } from "react/jsx-runtime";
+import y, { isDayjs as E } from "dayjs";
 import { useRef as H, useState as I, useEffect as J } from "react";
 import { Input as K } from "../input/Input.js";
 const L = ({
   name: D,
-  value: v,
+  value: s,
   // Dayjs | null from parent
   onChange: f,
   // (value: Dayjs | null) => void
@@ -13,60 +13,60 @@ const L = ({
   label: S,
   errorText: k,
   helperText: P,
-  format: i = "YYYY-MM-DD",
+  format: b = "YYYY-MM-DD",
   minDate: $,
   maxDate: A,
-  errorTranslations: t,
+  errorTranslations: c,
   ...B
 }) => {
-  const N = H(null), M = (c) => {
-    if (!c) return null;
-    if (w(c)) return c;
-    const s = y(c);
-    return s.isValid() ? s : null;
-  }, x = M($), Y = M(A), [R, p] = I(null), [q, m] = I(k);
+  const N = H(null), i = (t) => {
+    if (!t) return null;
+    if (E(t)) return t;
+    const v = y(t);
+    return v.isValid() ? v : null;
+  }, Y = i($), x = i(A), [R, p] = I(null), [q, m] = I(k);
   J(() => {
-    if (!v) {
+    if (!s) {
       p(null), m(void 0), u == null || u(D, void 0);
       return;
     }
-    if (w(v))
-      p(v), m(void 0), u == null || u(D, void 0);
+    if (E(s))
+      p(s), m(void 0), u == null || u(D, void 0);
     else {
-      const c = M(v);
-      if (c)
-        p(c), m(void 0), u == null || u(D, void 0);
+      const t = i(s);
+      if (t)
+        p(t), m(void 0), u == null || u(D, void 0);
       else {
-        const s = "Invalid initial date.";
-        p(null), m(s), u == null || u(D, s);
+        const v = "Invalid initial date.";
+        p(null), m(v), u == null || u(D, v);
       }
     }
-  }, [v]);
-  const z = (c) => {
-    if (x && c.isBefore(x, "day"))
-      return x.isSame(y(), "day") ? (t == null ? void 0 : t.minDate) ?? "Date cannot be in the past." : (t == null ? void 0 : t.minDate) ?? `Date cannot be before ${x.format(i)}.`;
-    if (Y && c.isAfter(Y, "day"))
-      return Y.isSame(y(), "day") ? (t == null ? void 0 : t.maxDate) ?? "Date cannot be in the future." : (t == null ? void 0 : t.maxDate) ?? `Date cannot be after ${Y.format(i)}.`;
-  }, F = (c) => {
-    const s = c.target.value.trim();
-    if (!s) {
+  }, [s]);
+  const z = (t) => {
+    if (Y && t.isBefore(Y, "day"))
+      return Y.isSame(y(), "day") ? (c == null ? void 0 : c.minDate) ?? "Date cannot be in the past." : (c == null ? void 0 : c.minDate) ?? `Date cannot be before ${Y.format(b)}.`;
+    if (x && t.isAfter(x, "day"))
+      return x.isSame(y(), "day") ? (c == null ? void 0 : c.maxDate) ?? "Date cannot be in the future." : (c == null ? void 0 : c.maxDate) ?? `Date cannot be after ${x.format(b)}.`;
+  }, F = (t) => {
+    const v = t.target.value.trim();
+    if (!v) {
       p(null), m(void 0), u == null || u(D, void 0), f == null || f(null);
       return;
     }
-    const j = y(s, i, !0);
-    if (!j.isValid()) {
-      const E = "Invalid date format.";
-      p(null), m(E), u == null || u(D, E), f == null || f(null);
+    const M = y(v, b, !0);
+    if (!M.isValid()) {
+      const w = "Invalid date format.";
+      p(null), m(w), u == null || u(D, w), f == null || f(null);
       return;
     }
-    const b = z(j);
-    if (b !== void 0) {
-      p(null), m(b), u == null || u(D, b), f == null || f(null);
+    const j = z(M);
+    if (j !== void 0) {
+      p(null), m(j), u == null || u(D, j), f == null || f(null);
       return;
     }
-    p(j), m(void 0), u == null || u(D, void 0), f == null || f(j);
+    p(M), m(void 0), u == null || u(D, void 0), f == null || f(M);
   };
-  return /* @__PURE__ */ G.jsx(
+  return /* @__PURE__ */ G(
     K,
     {
       ...B,