mimir-ui-kit 1.34.2 → 1.34.4-t

package/dist/components/NotificationBadge/constants.js

@@ -1,8 +1,4 @@
-var ENotificationBadgeSize = /* @__PURE__ */ ((ENotificationBadgeSize2) => {
-  ENotificationBadgeSize2["S"] = "s";
-  ENotificationBadgeSize2["M"] = "m";
-  return ENotificationBadgeSize2;
-})(ENotificationBadgeSize || {});
+var m = /* @__PURE__ */ ((r) => (r.S = "s", r.M = "m", r))(m || {});
 export {
-  ENotificationBadgeSize
+  m as ENotificationBadgeSize
 };

package/dist/components/NotificationBadge/index.js

@@ -1,6 +1,6 @@
-import { NotificationBadge } from "./NotificationBadge.js";
-import { ENotificationBadgeSize } from "./constants.js";
+import { NotificationBadge as t } from "./NotificationBadge.js";
+import { ENotificationBadgeSize as a } from "./constants.js";
 export {
-  ENotificationBadgeSize,
-  NotificationBadge
+  a as ENotificationBadgeSize,
+  t as NotificationBadge
 };

package/dist/components/OtpInput/OtpInput.js

@@ -1,70 +1,64 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { c as classNames } from "../../index-CweZ_OcN.js";
-import { forwardRef, useImperativeHandle, Fragment } from "react";
-import { ITEMS_PER_SEPARATOR, DEFAULT_VALUE_LENGTH } from "./constants.js";
-import { useOTPInput } from "./hooks.js";
-import { I as Input } from "../../Input-ChCIy5oY.js";
-import '../../assets/OtpInput.css';const otp = "_otp_19unm_3";
-const input = "_input_19unm_14";
-const separator = "_separator_19unm_28";
-const cls = {
-  otp,
-  "input-wrapper": "_input-wrapper_19unm_14",
-  input,
-  separator
-};
-const OtpInput = forwardRef(
+import { jsx as r, jsxs as g } from "react/jsx-runtime";
+import { c as u } from "../../index-DIxK0V-G.js";
+import { forwardRef as P, useImperativeHandle as R, Fragment as T } from "react";
+import { ITEMS_PER_SEPARATOR as q, DEFAULT_VALUE_LENGTH as v } from "./constants.js";
+import { useOTPInput as y } from "./hooks.js";
+import { I as A } from "../../Input-BQldEv37.js";
+import '../../assets/OtpInput.css';const C = "_otp_1shq3_3", F = "_input_1shq3_14", L = "_separator_1shq3_28", n = {
+  otp: C,
+  "input-wrapper": "_input-wrapper_1shq3_14",
+  input: F,
+  separator: L
+}, O = P(
   ({
-    value = "",
-    valueLength = DEFAULT_VALUE_LENGTH,
-    needSeparator = true,
-    onChange,
-    className,
-    ...props
-  }, ref) => {
+    value: m = "",
+    valueLength: c = v,
+    needSeparator: l = !0,
+    onChange: i,
+    className: h,
+    ..._
+  }, f) => {
     const {
-      data: { inputRefs, valueItems },
-      handlers: { handleChange, handleFocus, handleKeyDown, handlePaste }
-    } = useOTPInput({
-      onChange,
-      value,
-      valueLength
+      data: { inputRefs: o, valueItems: s },
+      handlers: { handleChange: d, handleFocus: I, handleKeyDown: w, handlePaste: N }
+    } = y({
+      onChange: i,
+      value: m,
+      valueLength: c
     });
-    useImperativeHandle(ref, () => ({
+    return R(f, () => ({
       focus: () => {
-        var _a;
-        (_a = inputRefs.current[0]) == null ? void 0 : _a.focus();
+        var a;
+        (a = o.current[0]) == null || a.focus();
       }
-    }));
-    return /* @__PURE__ */ jsx("div", { className: classNames(cls.otp, className), children: valueItems.map((digit, idx) => {
-      const nextIndex = idx + 1;
-      const showSeparator = needSeparator && nextIndex % ITEMS_PER_SEPARATOR === 0 && nextIndex !== valueItems.length;
-      return /* @__PURE__ */ jsxs(Fragment, { children: [
-        /* @__PURE__ */ jsx(
-          Input,
+    })), /* @__PURE__ */ r("div", { className: u(n.otp, h), children: s.map((a, e) => {
+      const p = e + 1, E = l && p % q === 0 && p !== s.length;
+      return /* @__PURE__ */ g(T, { children: [
+        /* @__PURE__ */ r(
+          A,
           {
-            ref: (el) => inputRefs.current[idx] = el,
+            ref: (t) => o.current[e] = t,
             type: "text",
             inputMode: "numeric",
             autoComplete: "one-time-code",
             pattern: "\\d{1}",
             maxLength: 1,
-            value: digit,
-            className: cls.input,
-            wrapperClassName: cls["input-wrapper"],
-            onChange: (e) => handleChange(e, idx),
-            onKeyDown: (e) => handleKeyDown(e, idx),
-            onFocus: (e) => handleFocus(e, idx),
-            onPaste: handlePaste,
-            ...props
+            value: a,
+            className: n.input,
+            wrapperClassName: n["input-wrapper"],
+            onChange: (t) => d(t, e),
+            onKeyDown: (t) => w(t, e),
+            onFocus: (t) => I(t, e),
+            onPaste: N,
+            ..._
           }
         ),
-        showSeparator && /* @__PURE__ */ jsx("span", { className: classNames(cls.separator) })
-      ] }, idx);
+        E && /* @__PURE__ */ r("span", { className: u(n.separator) })
+      ] }, e);
     }) });
   }
 );
-OtpInput.displayName = "OtpInput";
+O.displayName = "OtpInput";
 export {
-  OtpInput
+  O as OtpInput
 };

package/dist/components/OtpInput/constants.js

@@ -1,8 +1,6 @@
-const RE_DIGIT = new RegExp(/^\d+$/);
-const DEFAULT_VALUE_LENGTH = 6;
-const ITEMS_PER_SEPARATOR = 3;
+const E = new RegExp(/^\d+$/), R = 6, T = 3;
 export {
-  DEFAULT_VALUE_LENGTH,
-  ITEMS_PER_SEPARATOR,
-  RE_DIGIT
+  R as DEFAULT_VALUE_LENGTH,
+  T as ITEMS_PER_SEPARATOR,
+  E as RE_DIGIT
 };

package/dist/components/OtpInput/hooks.js

@@ -1,139 +1,102 @@
-import { useRef, useMemo, useCallback } from "react";
-import { RE_DIGIT } from "./constants.js";
-const useOTPInput = ({
-  value = "",
-  valueLength = 6,
-  onChange
+import { useRef as d, useMemo as A, useCallback as a } from "react";
+import { RE_DIGIT as n } from "./constants.js";
+const E = ({
+  value: i = "",
+  valueLength: u = 6,
+  onChange: c
 }) => {
-  const inputRefs = useRef([]);
-  const valueItems = useMemo(() => {
-    const valueArray = value.split("");
-    const items = [];
-    for (let i = 0; i < valueLength; i++) {
-      const char = valueArray[i];
-      if (RE_DIGIT.test(char)) {
-        items.push(char);
-      } else {
-        items.push("");
-      }
+  const o = d([]), w = A(() => {
+    const s = i.split(""), t = [];
+    for (let e = 0; e < u; e++) {
+      const r = s[e];
+      n.test(r) ? t.push(r) : t.push("");
     }
-    return items;
-  }, [value, valueLength]);
-  const handleFocusToNextInput = useCallback(
-    (index) => {
-      var _a;
-      if (index < valueLength - 1) {
-        (_a = inputRefs.current[index + 1]) == null ? void 0 : _a.focus();
-      }
+    return t;
+  }, [i, u]), f = a(
+    (s) => {
+      var t;
+      s < u - 1 && ((t = o.current[s + 1]) == null || t.focus());
     },
-    [valueLength]
-  );
-  const handleFocusToPrevInput = useCallback((index) => {
-    var _a;
-    if (index > 0) {
-      (_a = inputRefs.current[index - 1]) == null ? void 0 : _a.focus();
-    }
-  }, []);
-  const handleChange = useCallback(
-    (e, index) => {
-      const target = e.target;
-      let targetValue = target.value.trim();
-      const isTargetValueDigit = RE_DIGIT.test(targetValue);
-      if (!isTargetValueDigit && targetValue !== "") {
+    [u]
+  ), m = a((s) => {
+    var t;
+    s > 0 && ((t = o.current[s - 1]) == null || t.focus());
+  }, []), D = a(
+    (s, t) => {
+      const e = s.target;
+      let r = e.value.trim();
+      const l = n.test(r);
+      if (!l && r !== "")
         return;
-      }
-      const nextInputEl = inputRefs.current[index + 1];
-      if (!isTargetValueDigit && nextInputEl && nextInputEl.value !== "") {
+      const p = o.current[t + 1];
+      if (!l && p && p.value !== "")
         return;
-      }
-      targetValue = isTargetValueDigit ? targetValue.trim() : " ";
-      const targetValueLength = targetValue.length;
-      if (targetValueLength === 1) {
-        const newValue = value.substring(0, index) + targetValue + value.substring(index + 1);
-        onChange == null ? void 0 : onChange(newValue.trim());
-        if (isTargetValueDigit) {
-          handleFocusToNextInput(index);
-        }
-      } else if (targetValueLength === valueLength) {
-        onChange == null ? void 0 : onChange(targetValue.trim());
-        target.blur();
-      }
+      r = l ? r.trim() : " ";
+      const R = r.length;
+      if (R === 1) {
+        const T = i.substring(0, t) + r + i.substring(t + 1);
+        c == null || c(T.trim()), l && f(t);
+      } else R === u && (c == null || c(r.trim()), e.blur());
     },
-    [handleFocusToNextInput, onChange, value, valueLength]
-  );
-  const handleKeyDown = useCallback(
-    (e, index) => {
-      const { key } = e;
-      const target = e.target;
-      switch (key) {
+    [f, c, i, u]
+  ), V = a(
+    (s, t) => {
+      const { key: e } = s, r = s.target;
+      switch (e) {
         case "ArrowRight":
-        case "ArrowDown": {
-          e.preventDefault();
-          return handleFocusToNextInput(index);
-        }
+        case "ArrowDown":
+          return s.preventDefault(), f(t);
         case "ArrowLeft":
-        case "ArrowUp": {
-          e.preventDefault();
-          return handleFocusToPrevInput(index);
-        }
+        case "ArrowUp":
+          return s.preventDefault(), m(t);
       }
-      const targetValue = target.value.trim();
-      target.setSelectionRange(0, targetValue.length);
-      if (e.key !== "Backspace" || targetValue !== "") {
+      const l = r.value.trim();
+      if (r.setSelectionRange(0, l.length), s.key !== "Backspace" || l !== "")
         return;
-      }
-      const newValue = `${value.substring(0, index - 1)} ${value.substring(index)}`;
-      onChange == null ? void 0 : onChange(newValue.trim());
-      handleFocusToPrevInput(index);
+      const p = `${i.substring(0, t - 1)} ${i.substring(t)}`;
+      c == null || c(p.trim()), m(t);
     },
-    [handleFocusToNextInput, handleFocusToPrevInput, onChange, value]
-  );
-  const handleFocus = useCallback(
-    (e, index) => {
-      const target = e.target;
-      const prevInputEl = inputRefs.current[index - 1];
-      if (prevInputEl && prevInputEl.value === "") {
-        prevInputEl.focus();
-      }
-      target.setSelectionRange(0, target.value.length);
+    [f, m, c, i]
+  ), I = a(
+    (s, t) => {
+      const e = s.target, r = o.current[t - 1];
+      r && r.value === "" && r.focus(), e.setSelectionRange(0, e.value.length);
     },
     []
-  );
-  const handlePaste = useCallback(
-    (e) => {
-      e.preventDefault();
-      const pasteData = e.clipboardData.getData("text");
-      if (RE_DIGIT.test(pasteData)) {
-        const pastedValue = pasteData.slice(0, valueLength);
-        const newValue = pastedValue.padEnd(valueLength, " ");
-        onChange == null ? void 0 : onChange(newValue.trim());
+  ), b = a(
+    (s) => {
+      s.preventDefault();
+      const t = s.clipboardData.getData("text");
+      if (n.test(t)) {
+        const r = t.slice(0, u).padEnd(u, " ");
+        c == null || c(r.trim());
       }
     },
-    [onChange, valueLength]
+    [c, u]
   );
-  return useMemo(
+  return A(
     () => ({
       handlers: {
-        handleChange,
-        handleFocus,
-        handleKeyDown,
-        handlePaste
+        handleChange: D,
+        handleFocus: I,
+        handleKeyDown: V,
+        handlePaste: b
       },
       data: {
-        valueItems,
-        inputRefs
+        valueItems: w,
+        inputRefs: o
       }
     }),
     [
-      handleChange,
-      handleFocus,
-      handleKeyDown,
-      handlePaste,
-      valueItems,
-      inputRefs
+      D,
+      I,
+      V,
+      b,
+      w,
+      o
     ]
   );
 };
 export {
-  useOTPInput
+  E as useOTPInput
 };

package/dist/components/OtpInput/index.js

@@ -1,4 +1,4 @@
-import { OtpInput } from "./OtpInput.js";
+import { OtpInput as o } from "./OtpInput.js";
 export {
-  OtpInput
+  o as OtpInput
 };

package/dist/components/Pagination/Pagination.d.ts

@@ -1,5 +1,3 @@
-import { default as React } from 'react';
-
 export type TBackProps = {
     currentPageNumber: number;
     onClick: (nextPage: number) => void;
@@ -39,4 +37,4 @@ export type TProps = {
      */
     currentPageNumber?: number;
 };
-export declare const Pagination: React.ForwardRefExoticComponent<TProps & React.RefAttributes<HTMLElement>>;
+export declare const Pagination: import('react').ForwardRefExoticComponent<TProps & import('react').RefAttributes<HTMLElement>>;