mimir-ui-kit 1.34.4-t → 1.34.4

package/dist/components/GosZnak/GosZnak.js

@@ -1,63 +1,76 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { c as n } from "../../index-DIxK0V-G.js";
-import { EGosZnakSize as g, EGosZnakType as f } from "./constants.js";
-import '../../assets/GosZnak.css';const y = "_number_dr109_13", N = "_region_dr109_32", b = "_country_dr109_46", h = "_l_dr109_53", k = "_s_dr109_62", z = "_normal_dr109_71", v = "_traffic_dr109_78", x = "_military_dr109_85", G = "_police_dr109_92", Z = "_diplomatic_dr109_99", r = {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { EGosZnakSize, EGosZnakType } from "./constants.js";
+import '../../assets/GosZnak.css';const number = "_number_dr109_13";
+const region = "_region_dr109_32";
+const country = "_country_dr109_46";
+const l = "_l_dr109_53";
+const s = "_s_dr109_62";
+const normal = "_normal_dr109_71";
+const traffic = "_traffic_dr109_78";
+const military = "_military_dr109_85";
+const police = "_police_dr109_92";
+const diplomatic = "_diplomatic_dr109_99";
+const cls = {
   "gos-znak": "_gos-znak_dr109_2",
-  number: y,
+  number,
   "number-container": "_number-container_dr109_22",
-  region: N,
+  region,
   "region-container": "_region-container_dr109_38",
-  country: b,
-  l: h,
-  s: k,
-  normal: z,
-  traffic: v,
-  military: x,
-  police: G,
-  diplomatic: Z
-}, S = ({
-  number: i,
-  region: s,
-  country: a,
-  size: e = g.L,
-  type: _ = f.Normal,
-  className: t,
-  numberClassName: l,
-  regionClassName: m,
-  countryClassName: d,
-  numberContainerClassName: p,
-  regionContainerClassName: u
-}) => /* @__PURE__ */ c(
-  "div",
-  {
-    className: n(r["gos-znak"], r[e], r[_], t),
-    children: [
-      /* @__PURE__ */ o(
-        "div",
-        {
-          className: n(
-            r["number-container"],
-            p
-          ),
-          children: /* @__PURE__ */ o("span", { className: n(r.number, l), children: i })
-        }
-      ),
-      /* @__PURE__ */ c(
-        "div",
-        {
-          className: n(
-            r["region-container"],
-            u
-          ),
-          children: [
-            /* @__PURE__ */ o("span", { className: n(r.region, m), children: s }),
-            /* @__PURE__ */ o("span", { className: n(r.country, d), children: a })
-          ]
-        }
-      )
-    ]
-  }
-);
+  country,
+  l,
+  s,
+  normal,
+  traffic,
+  military,
+  police,
+  diplomatic
+};
+const GosZnak = ({
+  number: number2,
+  region: region2,
+  country: country2,
+  size = EGosZnakSize.L,
+  type = EGosZnakType.Normal,
+  className,
+  numberClassName,
+  regionClassName,
+  countryClassName,
+  numberContainerClassName,
+  regionContainerClassName
+}) => {
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: classNames(cls["gos-znak"], cls[size], cls[type], className),
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: classNames(
+              cls["number-container"],
+              numberContainerClassName
+            ),
+            children: /* @__PURE__ */ jsx("span", { className: classNames(cls.number, numberClassName), children: number2 })
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: classNames(
+              cls["region-container"],
+              regionContainerClassName
+            ),
+            children: [
+              /* @__PURE__ */ jsx("span", { className: classNames(cls.region, regionClassName), children: region2 }),
+              /* @__PURE__ */ jsx("span", { className: classNames(cls.country, countryClassName), children: country2 })
+            ]
+          }
+        )
+      ]
+    }
+  );
+};
 export {
-  S as GosZnak
+  GosZnak
 };

package/dist/components/GosZnak/constants.js

@@ -1,5 +1,17 @@
-var i = /* @__PURE__ */ ((r) => (r.S = "s", r.L = "l", r))(i || {}), l = /* @__PURE__ */ ((r) => (r.Normal = "normal", r.Traffic = "traffic", r.Military = "military", r.Police = "police", r.Diplomatic = "diplomatic", r))(l || {});
+var EGosZnakSize = /* @__PURE__ */ ((EGosZnakSize2) => {
+  EGosZnakSize2["S"] = "s";
+  EGosZnakSize2["L"] = "l";
+  return EGosZnakSize2;
+})(EGosZnakSize || {});
+var EGosZnakType = /* @__PURE__ */ ((EGosZnakType2) => {
+  EGosZnakType2["Normal"] = "normal";
+  EGosZnakType2["Traffic"] = "traffic";
+  EGosZnakType2["Military"] = "military";
+  EGosZnakType2["Police"] = "police";
+  EGosZnakType2["Diplomatic"] = "diplomatic";
+  return EGosZnakType2;
+})(EGosZnakType || {});
 export {
-  i as EGosZnakSize,
-  l as EGosZnakType
+  EGosZnakSize,
+  EGosZnakType
 };

package/dist/components/GosZnak/index.js

@@ -1,7 +1,7 @@
-import { GosZnak as r } from "./GosZnak.js";
-import { EGosZnakSize as k, EGosZnakType as n } from "./constants.js";
+import { GosZnak } from "./GosZnak.js";
+import { EGosZnakSize, EGosZnakType } from "./constants.js";
 export {
-  k as EGosZnakSize,
-  n as EGosZnakType,
-  r as GosZnak
+  EGosZnakSize,
+  EGosZnakType,
+  GosZnak
 };

package/dist/components/Image/Image.js

@@ -1,54 +1,70 @@
-import { jsxs as b, jsx as i } from "react/jsx-runtime";
-import { c as n } from "../../index-DIxK0V-G.js";
-import { memo as E, useState as g, useLayoutEffect as I } from "react";
-import { EMediaQuery as N, EMinMediaQuery as S } from "../../hooks/useMediaQuery/constants.js";
-import '../../assets/Image.css';const k = "_picture_9zemz_2", x = "_image_9zemz_3", h = "_loading_9zemz_9", s = {
-  picture: k,
-  image: x,
-  loading: h
-}, w = E((u) => {
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { memo, useState, useLayoutEffect } from "react";
+import { EMediaQuery, EMinMediaQuery } from "../../hooks/useMediaQuery/constants.js";
+import '../../assets/Image.css';const picture = "_picture_9zemz_2";
+const image = "_image_9zemz_3";
+const loading = "_loading_9zemz_9";
+const cls = {
+  picture,
+  image,
+  loading
+};
+const AppImage = memo((props) => {
   const {
-    className: p,
-    src: o,
-    alt: d = "image",
-    desktopImage: e,
-    mobileImage: r,
-    pictureClassName: f,
-    errorFallback: c,
-    fallback: m,
-    ..._
-  } = u, [a, l] = g(!0), [z, y] = g(!1);
-  return I(() => {
-    const t = new Image();
-    t.src = o ?? e ?? r ?? "", t.onload = () => {
-      l(!1);
-    }, t.onerror = () => {
-      l(!1), y(!0);
+    className,
+    src,
+    alt = "image",
+    desktopImage,
+    mobileImage,
+    pictureClassName,
+    errorFallback,
+    fallback,
+    ...otherProps
+  } = props;
+  const [isLoading, setIsLoading] = useState(true);
+  const [hasError, setHasError] = useState(false);
+  useLayoutEffect(() => {
+    const img = new Image();
+    img.src = src ?? desktopImage ?? mobileImage ?? "";
+    img.onload = () => {
+      setIsLoading(false);
+    };
+    img.onerror = () => {
+      setIsLoading(false);
+      setHasError(true);
     };
-  }, [o, e, r]), a && m ? m : z && c ? c : /* @__PURE__ */ b(
+  }, [src, desktopImage, mobileImage]);
+  if (isLoading && fallback) {
+    return fallback;
+  }
+  if (hasError && errorFallback) {
+    return errorFallback;
+  }
+  return /* @__PURE__ */ jsxs(
     "picture",
     {
-      className: n(s.picture, f, {
-        [s.loading]: a
+      className: classNames(cls.picture, pictureClassName, {
+        [cls.loading]: isLoading
       }),
       children: [
-        r && /* @__PURE__ */ i("source", { srcSet: r, media: N.S }),
-        e && /* @__PURE__ */ i("source", { srcSet: e, media: S.S }),
-        /* @__PURE__ */ i(
+        mobileImage && /* @__PURE__ */ jsx("source", { srcSet: mobileImage, media: EMediaQuery.S }),
+        desktopImage && /* @__PURE__ */ jsx("source", { srcSet: desktopImage, media: EMinMediaQuery.S }),
+        /* @__PURE__ */ jsx(
           "img",
           {
-            ..._,
+            ...otherProps,
             style: {
               display: "block",
-              filter: `${a ? "blur(20px)" : ""}`,
+              filter: `${isLoading ? "blur(20px)" : ""}`,
               transition: ".3s filter ease"
             },
-            className: n(s.image, p, {
-              [s.loading]: a
+            className: classNames(cls.image, className, {
+              [cls.loading]: isLoading
             }),
             loading: "lazy",
-            src: o,
-            alt: d
+            src,
+            alt
           }
         )
       ]
@@ -56,5 +72,5 @@ import '../../assets/Image.css';const k = "_picture_9zemz_2", x = "_image_9zemz_
   );
 });
 export {
-  w as AppImage
+  AppImage
 };

package/dist/components/Image/index.js

@@ -1,4 +1,4 @@
-import { AppImage as m } from "./Image.js";
+import { AppImage } from "./Image.js";
 export {
-  m as Image
+  AppImage as Image
 };

package/dist/components/Input/Input.js

@@ -1,11 +1,11 @@
 import "react/jsx-runtime";
-import "../../index-DIxK0V-G.js";
+import "../../index-CweZ_OcN.js";
 import "react";
 import "./constants.js";
-import { I as f } from "../../Input-BQldEv37.js";
+import { I } from "../../Input-DspsU5F4.js";
 import "../../hooks/useMergeRefs/useMergeRefs.js";
 import "../../icons/Icon.js";
 import "../Button/Button.js";
 export {
-  f as Input
+  I as Input
 };

package/dist/components/Input/constants.js

@@ -1,6 +1,22 @@
-var e = /* @__PURE__ */ ((r) => (r.DefaultGray = "default-gray", r.DefaultWhite = "default-white", r))(e || {}), a = /* @__PURE__ */ ((r) => (r.Alarm = "alarm", r.Success = "success", r.Error = "error", r))(a || {}), l = /* @__PURE__ */ ((r) => (r.S = "s", r.M = "m", r.L = "l", r))(l || {});
+var EInputVariant = /* @__PURE__ */ ((EInputVariant2) => {
+  EInputVariant2["DefaultGray"] = "default-gray";
+  EInputVariant2["DefaultWhite"] = "default-white";
+  return EInputVariant2;
+})(EInputVariant || {});
+var EInputStatus = /* @__PURE__ */ ((EInputStatus2) => {
+  EInputStatus2["Alarm"] = "alarm";
+  EInputStatus2["Success"] = "success";
+  EInputStatus2["Error"] = "error";
+  return EInputStatus2;
+})(EInputStatus || {});
+var EInputSize = /* @__PURE__ */ ((EInputSize2) => {
+  EInputSize2["S"] = "s";
+  EInputSize2["M"] = "m";
+  EInputSize2["L"] = "l";
+  return EInputSize2;
+})(EInputSize || {});
 export {
-  l as EInputSize,
-  a as EInputStatus,
-  e as EInputVariant
+  EInputSize,
+  EInputStatus,
+  EInputVariant
 };

package/dist/components/Input/index.js

@@ -1,8 +1,8 @@
-import { I as n } from "../../Input-BQldEv37.js";
-import { EInputSize as u, EInputStatus as I, EInputVariant as a } from "./constants.js";
+import { I } from "../../Input-DspsU5F4.js";
+import { EInputSize, EInputStatus, EInputVariant } from "./constants.js";
 export {
-  u as EInputSize,
-  I as EInputStatus,
-  a as EInputVariant,
-  n as Input
+  EInputSize,
+  EInputStatus,
+  EInputVariant,
+  I as Input
 };

package/dist/components/InputPassword/InputPassword.js

@@ -1,45 +1,52 @@
-import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { c as i } from "../../index-DIxK0V-G.js";
-import { memo as m, forwardRef as w, useState as u } from "react";
-import { Icon as _ } from "../../icons/Icon.js";
-import { Button as l } from "../Button/Button.js";
-import { I as b } from "../../Input-BQldEv37.js";
-import '../../assets/InputPassword.css';const d = "_input_7b9x2_2", x = "_wrapper_7b9x2_6", h = "_button_7b9x2_17", f = "_icon_7b9x2_33", N = "_show_7b9x2_38", t = {
-  input: d,
-  wrapper: x,
+import { jsxs, jsx } from "react/jsx-runtime";
+import { c as classNames } from "../../index-CweZ_OcN.js";
+import { memo, forwardRef, useState } from "react";
+import { Icon } from "../../icons/Icon.js";
+import { Button } from "../Button/Button.js";
+import { I as Input } from "../../Input-DspsU5F4.js";
+import '../../assets/InputPassword.css';const input = "_input_7b9x2_2";
+const wrapper = "_wrapper_7b9x2_6";
+const button = "_button_7b9x2_17";
+const icon = "_icon_7b9x2_33";
+const show = "_show_7b9x2_38";
+const cls = {
+  input,
+  wrapper,
   "input-wrapper": "_input-wrapper_7b9x2_13",
   "button-wrapper": "_button-wrapper_7b9x2_17",
-  button: h,
-  icon: f,
-  show: N
-}, I = m(
-  w(
-    ({ size: s, ...p }, a) => {
-      const [r, n] = u(!1), e = () => n(!r);
-      return /* @__PURE__ */ c("div", { className: t.wrapper, children: [
-        /* @__PURE__ */ o(
-          b,
+  button,
+  icon,
+  show
+};
+const InputPassword = memo(
+  forwardRef(
+    ({ size, ...props }, ref) => {
+      const [showPassword, setShowPassword] = useState(false);
+      const handleClick = () => setShowPassword(!showPassword);
+      return /* @__PURE__ */ jsxs("div", { className: cls.wrapper, children: [
+        /* @__PURE__ */ jsx(
+          Input,
           {
-            ref: a,
-            className: t.input,
-            wrapperClassName: t["input-wrapper"],
-            size: s,
-            type: r ? "text" : "password",
-            ...p
+            ref,
+            className: cls.input,
+            wrapperClassName: cls["input-wrapper"],
+            size,
+            type: showPassword ? "text" : "password",
+            ...props
           }
         ),
-        /* @__PURE__ */ o("div", { className: t["button-wrapper"], children: /* @__PURE__ */ o(
-          l,
+        /* @__PURE__ */ jsx("div", { className: cls["button-wrapper"], children: /* @__PURE__ */ jsx(
+          Button,
           {
-            clear: !0,
+            clear: true,
             type: "button",
-            className: t.button,
-            onClick: e,
-            children: /* @__PURE__ */ o(
-              _,
+            className: cls.button,
+            onClick: handleClick,
+            children: /* @__PURE__ */ jsx(
+              Icon,
               {
-                className: i(t.icon, {
-                  [t.show]: r
+                className: classNames(cls.icon, {
+                  [cls.show]: showPassword
                 }),
                 iconName: "Eye24px"
               }
@@ -50,7 +57,7 @@ import '../../assets/InputPassword.css';const d = "_input_7b9x2_2", x = "_wrappe
     }
   )
 );
-I.displayName = "InputPassword";
+InputPassword.displayName = "InputPassword";
 export {
-  I as InputPassword
+  InputPassword
 };

package/dist/components/InputPassword/index.js

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

package/dist/components/InputPhoneNumber/InputPhoneNumber.js

@@ -1,35 +1,38 @@
-import { jsx as d } from "react/jsx-runtime";
-import { memo as I, forwardRef as i, useState as c, useCallback as f, useImperativeHandle as P } from "react";
-import { getMaskedInputPhoneValue as m, getUnmaskedInputValue as o } from "./utils.js";
-import { I as b } from "../../Input-BQldEv37.js";
-const h = I(
-  i(
-    ({ value: s = "", onChange: e, ...p }, a) => {
-      const [r, l] = c(
-        () => m(s)
-      ), n = f(
-        (t) => {
-          const u = m(t.target.value);
-          l(u), e == null || e({
-            ...t,
+import { jsx } from "react/jsx-runtime";
+import { memo, forwardRef, useState, useCallback, useImperativeHandle } from "react";
+import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./utils.js";
+import { I as Input } from "../../Input-DspsU5F4.js";
+const InputPhoneNumber = memo(
+  forwardRef(
+    ({ value = "", onChange, ...props }, ref) => {
+      const [phone, setPhone] = useState(
+        () => getMaskedInputPhoneValue(value)
+      );
+      const handleChange = useCallback(
+        (event) => {
+          const maskedValue = getMaskedInputPhoneValue(event.target.value);
+          setPhone(maskedValue);
+          onChange == null ? void 0 : onChange({
+            ...event,
             target: {
-              ...t.target,
-              value: o(u)
+              ...event.target,
+              value: getUnmaskedInputValue(maskedValue)
             }
           });
         },
-        [e]
+        [onChange]
       );
-      return P(
-        a,
+      useImperativeHandle(
+        ref,
         () => ({
-          getPhoneNumber: () => o(r)
+          getPhoneNumber: () => getUnmaskedInputValue(phone)
         })
-      ), /* @__PURE__ */ d(b, { ref: a, value: r, onChange: n, ...p });
+      );
+      return /* @__PURE__ */ jsx(Input, { ref, value: phone, onChange: handleChange, ...props });
     }
   )
 );
-h.displayName = "InputPhoneNumber";
+InputPhoneNumber.displayName = "InputPhoneNumber";
 export {
-  h as InputPhoneNumber
+  InputPhoneNumber
 };

package/dist/components/InputPhoneNumber/index.js

@@ -1,7 +1,7 @@
-import { InputPhoneNumber as n } from "./InputPhoneNumber.js";
-import { getMaskedInputPhoneValue as u, getUnmaskedInputValue as p } from "./utils.js";
+import { InputPhoneNumber } from "./InputPhoneNumber.js";
+import { getMaskedInputPhoneValue, getUnmaskedInputValue } from "./utils.js";
 export {
-  n as InputPhoneNumber,
-  u as getMaskedInputPhoneValue,
-  p as getUnmaskedInputValue
+  InputPhoneNumber,
+  getMaskedInputPhoneValue,
+  getUnmaskedInputValue
 };

package/dist/components/InputPhoneNumber/utils.js

@@ -1,9 +1,26 @@
-const n = (s) => {
-  const t = s.replace(/\D/g, "");
-  let e = "+7 ";
-  return t.startsWith("7") ? e += "(" + t.substring(1, 4) : e += t.substring(0, 3), t.length > 4 && (e += ") " + t.substring(4, 7)), t.length > 7 && (e += "-" + t.substring(7, 9)), t.length > 9 && (e += "-" + t.substring(9, 11)), e;
-}, r = (s) => s.replace(/\D/g, "");
+const getMaskedInputPhoneValue = (value) => {
+  const rawValue = value.replace(/\D/g, "");
+  let formattedValue = "+7 ";
+  if (rawValue.startsWith("7")) {
+    formattedValue += "(" + rawValue.substring(1, 4);
+  } else {
+    formattedValue += rawValue.substring(0, 3);
+  }
+  if (rawValue.length > 4) {
+    formattedValue += ") " + rawValue.substring(4, 7);
+  }
+  if (rawValue.length > 7) {
+    formattedValue += "-" + rawValue.substring(7, 9);
+  }
+  if (rawValue.length > 9) {
+    formattedValue += "-" + rawValue.substring(9, 11);
+  }
+  return formattedValue;
+};
+const getUnmaskedInputValue = (value) => {
+  return value.replace(/\D/g, "");
+};
 export {
-  n as getMaskedInputPhoneValue,
-  r as getUnmaskedInputValue
+  getMaskedInputPhoneValue,
+  getUnmaskedInputValue
 };