stone-kit 0.0.243 → 0.0.245

package/dist/components/FormModal/ui/ModalForm.js

@@ -9,18 +9,19 @@ import { NewIcon as At } from "../../NewIcon/ui/NewIcon.js";
 import { phoneReg as wt, nameReg as pt, emailReg as Dt } from "../utils/reg.js";
 import { CheckBox as Ge } from "../../CheckBox/CheckBox.js";
 import { TextArea as kt } from "../../TextArea/TextArea.js";
-const St = "_btn_q5rib_1", Et = "_modal_q5rib_9", Ct = "_modalBody_q5rib_16", Bt = "_root_q5rib_21", Tt = "_title_q5rib_31", Rt = "_description_q5rib_38", Lt = "_inputWrapper_q5rib_45", ee = {
-  btn: St,
-  modal: Et,
-  modalBody: Ct,
-  root: Bt,
-  title: Tt,
-  description: Rt,
-  inputWrapper: Lt
+import { useClientWidth as St } from "../../../shared/useClientWidth.js";
+const Et = "_btn_q5rib_1", Ct = "_modal_q5rib_9", Bt = "_modalBody_q5rib_16", Tt = "_root_q5rib_21", Rt = "_title_q5rib_31", Lt = "_description_q5rib_38", Mt = "_inputWrapper_q5rib_45", ee = {
+  btn: Et,
+  modal: Ct,
+  modalBody: Bt,
+  root: Tt,
+  title: Rt,
+  description: Lt,
+  inputWrapper: Mt
 };
 var ge = (e) => e.type === "checkbox", oe = (e) => e instanceof Date, T = (e) => e == null;
 const at = (e) => typeof e == "object";
-var E = (e) => !T(e) && !Array.isArray(e) && at(e) && !oe(e), Mt = (e) => E(e) && e.target ? ge(e.target) ? e.target.checked : e.target.value : e, Ot = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, Nt = (e, s) => e.has(Ot(s)), Ut = (e) => {
+var E = (e) => !T(e) && !Array.isArray(e) && at(e) && !oe(e), Ot = (e) => E(e) && e.target ? ge(e.target) ? e.target.checked : e.target.value : e, Nt = (e) => e.substring(0, e.search(/\.\d+(\.|$)/)) || e, Ut = (e, s) => e.has(Nt(s)), qt = (e) => {
   const s = e.constructor && e.constructor.prototype;
   return E(s) && s.hasOwnProperty("isPrototypeOf");
 }, Re = typeof window < "u" && typeof window.HTMLElement < "u" && typeof document < "u";
@@ -32,7 +33,7 @@ function P(e) {
   else if (e instanceof Set)
     s = new Set(e);
   else if (!(Re && (e instanceof Blob || e instanceof FileList)) && (r || E(e)))
-    if (s = r ? [] : {}, !r && !Ut(e))
+    if (s = r ? [] : {}, !r && !qt(e))
       s = e;
     else
       for (const n in e)
@@ -82,7 +83,7 @@ const Je = {
   validate: "validate"
 };
 W.createContext(null);
-var qt = (e, s, r, n = !0) => {
+var It = (e, s, r, n = !0) => {
   const u = {
     defaultValues: s._defaultValues
   };
@@ -94,12 +95,12 @@ var qt = (e, s, r, n = !0) => {
       }
     });
   return u;
-}, L = (e) => E(e) && !Object.keys(e).length, It = (e, s, r, n) => {
+}, L = (e) => E(e) && !Object.keys(e).length, Pt = (e, s, r, n) => {
   r(e);
   const { name: u, ...l } = e;
   return L(l) || Object.keys(l).length >= Object.keys(s).length || Object.keys(l).find((y) => s[y] === j.all);
 }, _e = (e) => Array.isArray(e) ? e : [e];
-function Pt(e) {
+function Wt(e) {
   const s = W.useRef(e);
   s.current = e, W.useEffect(() => {
     const r = !e.disabled && s.current.subject && s.current.subject.subscribe({
@@ -110,7 +111,7 @@ function Pt(e) {
     };
   }, [e.disabled]);
 }
-var J = (e) => typeof e == "string", Wt = (e, s, r, n, u) => J(e) ? (n && s.watch.add(e), d(r, e, u)) : Array.isArray(e) ? e.map((l) => (n && s.watch.add(l), d(r, l))) : (n && (s.watchAll = !0), r), Ht = (e, s, r, n, u) => s ? {
+var J = (e) => typeof e == "string", Ht = (e, s, r, n, u) => J(e) ? (n && s.watch.add(e), d(r, e, u)) : Array.isArray(e) ? e.map((l) => (n && s.watch.add(l), d(r, l))) : (n && (s.watchAll = !0), r), zt = (e, s, r, n, u) => s ? {
   ...r[e],
   types: {
     ...r[e] && r[e].types ? r[e].types : {},
@@ -139,7 +140,7 @@ const he = (e, s, r, n) => {
     }
   }
 };
-var zt = (e, s, r) => {
+var $t = (e, s, r) => {
   const n = _e(d(e, r));
   return V(n, "root", s[r]), V(e, r, n), e;
 }, Me = (e) => e.type === "file", re = (e) => typeof e == "function", be = (e) => {
@@ -190,7 +191,7 @@ var ue = (e) => E(e) && !xe(e) ? e : {
     return {};
   const O = y ? y[0] : l, B = (v) => {
     n && O.reportValidity && (O.setCustomValidity(te(v) ? "" : v || ""), O.reportValidity());
-  }, A = {}, Y = Oe(l), ae = ge(l), Q = Y || ae, Z = (z || Me(l)) && w(l.value) && w(m) || be(l) && l.value === "" || m === "" || Array.isArray(m) && !m.length, R = Ht.bind(null, D, r, A), le = (v, b, k, C = X.maxLength, $ = X.minLength) => {
+  }, A = {}, Y = Oe(l), ae = ge(l), Q = Y || ae, Z = (z || Me(l)) && w(l.value) && w(m) || be(l) && l.value === "" || m === "" || Array.isArray(m) && !m.length, R = zt.bind(null, D, r, A), le = (v, b, k, C = X.maxLength, $ = X.minLength) => {
     const I = v ? b : k;
     A[D] = {
       type: v ? C : $,
@@ -265,22 +266,22 @@ var ue = (e) => E(e) && !xe(e) ? e : {
   }
   return B(!0), A;
 };
-function $t(e, s) {
+function jt(e, s) {
   const r = s.slice(0, -1).length;
   let n = 0;
   for (; n < r; )
     e = w(e) ? n++ : e[s[n++]];
   return e;
 }
-function jt(e) {
+function Kt(e) {
   for (const s in e)
     if (e.hasOwnProperty(s) && !w(e[s]))
       return !1;
   return !0;
 }
 function S(e, s) {
-  const r = Array.isArray(s) ? s : Le(s) ? [s] : lt(s), n = r.length === 1 ? e : $t(e, r), u = r.length - 1, l = r[u];
-  return n && delete n[l], u !== 0 && (E(n) && L(n) || Array.isArray(n) && jt(n)) && S(e, r.slice(0, -1)), e;
+  const r = Array.isArray(s) ? s : Le(s) ? [s] : lt(s), n = r.length === 1 ? e : jt(e, r), u = r.length - 1, l = r[u];
+  return n && delete n[l], u !== 0 && (E(n) && L(n) || Array.isArray(n) && Kt(n)) && S(e, r.slice(0, -1)), e;
 }
 var Ce = () => {
   let e = [];
@@ -322,7 +323,7 @@ function se(e, s) {
   }
   return !0;
 }
-var ot = (e) => e.type === "select-multiple", Kt = (e) => Oe(e) || ge(e), Be = (e) => be(e) && e.isConnected, ct = (e) => {
+var ot = (e) => e.type === "select-multiple", Gt = (e) => Oe(e) || ge(e), Be = (e) => be(e) && e.isConnected, ct = (e) => {
   for (const s in e)
     if (re(e[s]))
       return !0;
@@ -348,7 +349,7 @@ function Te(e) {
   if (!(e.refs ? e.refs.every((r) => r.disabled) : s.disabled))
     return Me(s) ? s.files : Oe(s) ? ut(e.refs).value : ot(s) ? [...s.selectedOptions].map(({ value: r }) => r) : ge(s) ? nt(e.refs).value : dt(w(s.value) ? e.ref.value : s.value, e);
 }
-var Gt = (e, s, r, n) => {
+var Jt = (e, s, r, n) => {
   const u = {};
   for (const l of e) {
     const y = d(s, l);
@@ -360,7 +361,7 @@ var Gt = (e, s, r, n) => {
     fields: u,
     shouldUseNativeValidation: n
   };
-}, ye = (e) => w(e) ? e : xe(e) ? e.source : E(e) ? xe(e.value) ? e.value.source : e.value : e, Jt = (e) => e.mount && (e.required || e.min || e.max || e.maxLength || e.minLength || e.pattern || e.validate);
+}, ye = (e) => w(e) ? e : xe(e) ? e.source : E(e) ? xe(e.value) ? e.value.source : e.value : e, Qt = (e) => e.mount && (e.required || e.min || e.max || e.maxLength || e.minLength || e.pattern || e.validate);
 function st(e, s, r) {
   const n = d(e, r);
   if (n || Le(r))
@@ -384,15 +385,15 @@ function st(e, s, r) {
     name: r
   };
 }
-var Qt = (e, s, r, n, u) => u.isOnAll ? !1 : !r && u.isOnTouch ? !(s || e) : (r ? n.isOnBlur : u.isOnBlur) ? !e : (r ? n.isOnChange : u.isOnChange) ? e : !0, Xt = (e, s) => !Ae(d(e, s)).length && S(e, s);
-const Yt = {
+var Xt = (e, s, r, n, u) => u.isOnAll ? !1 : !r && u.isOnTouch ? !(s || e) : (r ? n.isOnBlur : u.isOnBlur) ? !e : (r ? n.isOnChange : u.isOnChange) ? e : !0, Yt = (e, s) => !Ae(d(e, s)).length && S(e, s);
+const Zt = {
   mode: j.onSubmit,
   reValidateMode: j.onChange,
   shouldFocusError: !0
 };
-function Zt(e = {}) {
+function er(e = {}) {
   let s = {
-    ...Yt,
+    ...Zt,
     ...e
   }, r = {
     submitCount: 0,
@@ -454,7 +455,7 @@ function Zt(e = {}) {
       }
       if (o && Array.isArray(d(r.errors, t))) {
         const h = a(d(r.errors, t), f.argA, f.argB);
-        c && V(r.errors, t, h), Xt(r.errors, t);
+        c && V(r.errors, t, h), Yt(r.errors, t);
       }
       if (F.touchedFields && o && Array.isArray(d(r.touchedFields, t))) {
         const h = a(d(r.touchedFields, t), f.argA, f.argB);
@@ -515,7 +516,7 @@ function Zt(e = {}) {
     }
   }, Q = async (t) => {
     G(t, !0);
-    const i = await s.resolver(l, s.context, Gt(t || g.mount, n, s.criteriaMode, s.shouldUseNativeValidation));
+    const i = await s.resolver(l, s.context, Jt(t || g.mount, n, s.criteriaMode, s.shouldUseNativeValidation));
     return G(t), i;
   }, Z = async (t) => {
     const { errors: i } = await Q(t);
@@ -540,7 +541,7 @@ function Zt(e = {}) {
           const p = await rt(c, l, D, s.shouldUseNativeValidation && !i, x);
           if (G([f]), p[o.name] && (a.valid = !1, i))
             break;
-          !i && (d(p, o.name) ? x ? zt(r.errors, p, o.name) : V(r.errors, o.name, p[o.name]) : S(r.errors, o.name));
+          !i && (d(p, o.name) ? x ? $t(r.errors, p, o.name) : V(r.errors, o.name, p[o.name]) : S(r.errors, o.name));
         }
         !L(h) && await R(h, i, a);
       }
@@ -552,7 +553,7 @@ function Zt(e = {}) {
       i && (i._f.refs ? i._f.refs.every((a) => !Be(a)) : !Be(i._f.ref)) && we(t);
     }
     g.unMount = /* @__PURE__ */ new Set();
-  }, v = (t, i) => (t && i && V(l, t, i), !se(Ne(), u)), b = (t, i, a) => Wt(t, g, {
+  }, v = (t, i) => (t && i && V(l, t, i), !se(Ne(), u)), b = (t, i, a) => Ht(t, g, {
     ...y.mount ? l : w(i) ? u : J(t) ? { [t]: i } : i
   }, a, i), k = (t) => Ae(d(y.mount ? l : u, t, e.shouldUnregister ? d(u, t, []) : [])), C = (t, i, a = {}) => {
     const f = d(n, t);
@@ -587,12 +588,12 @@ function Zt(e = {}) {
     y.mount = !0;
     const i = t.target;
     let a = i.name, f = !0;
-    const c = d(n, a), o = () => i.type ? Te(c._f) : Mt(t), h = (x) => {
+    const c = d(n, a), o = () => i.type ? Te(c._f) : Ot(t), h = (x) => {
       f = Number.isNaN(x) || x === d(l, a, x);
     };
     if (c) {
       let x, p;
-      const N = o(), ne = t.type === Je.BLUR || t.type === Je.FOCUS_OUT, _t = !Jt(c._f) && !s.resolver && !d(r.errors, a) && !c._f.deps || Qt(ne, d(r.touchedFields, a), r.isSubmitted, H, ie), De = Xe(a, g, ne);
+      const N = o(), ne = t.type === Je.BLUR || t.type === Je.FOCUS_OUT, _t = !Qt(c._f) && !s.resolver && !d(r.errors, a) && !c._f.deps || Xt(ne, d(r.touchedFields, a), r.isSubmitted, H, ie), De = Xe(a, g, ne);
       V(l, a, N), ne ? (c._f.onBlur && c._f.onBlur(t), M && M(0)) : c._f.onChange && c._f.onChange(t);
       const ke = Y(a, N, ne, !1), mt = !L(ke) || De;
       if (!ne && _.values.next({
@@ -704,7 +705,7 @@ function Zt(e = {}) {
       ref: (c) => {
         if (c) {
           pe(t, i), a = d(n, t);
-          const o = w(c.value) && c.querySelectorAll && c.querySelectorAll("input,select,textarea")[0] || c, h = Kt(o), x = a._f.refs || [];
+          const o = w(c.value) && c.querySelectorAll && c.querySelectorAll("input,select,textarea")[0] || c, h = Gt(o), x = a._f.refs || [];
           if (h ? x.find((p) => p === o) : o === a._f.ref)
             return;
           V(n, t, {
@@ -721,7 +722,7 @@ function Zt(e = {}) {
             }
           }), A(t, !1, void 0, o);
         } else
-          a = d(n, t, {}), a._f && (a._f.mount = !1), (s.shouldUnregister || i.shouldUnregister) && !(Nt(g.array, t) && y.action) && g.unMount.add(t);
+          a = d(n, t, {}), a._f && (a._f.mount = !1), (s.shouldUnregister || i.shouldUnregister) && !(Ut(g.array, t) && y.action) && g.unMount.add(t);
       }
     };
   }, Pe = () => s.shouldFocusError && he(n, fe, g.mount), gt = (t) => {
@@ -899,7 +900,7 @@ function Zt(e = {}) {
     getFieldState: Ue
   };
 }
-function er(e = {}) {
+function tr(e = {}) {
   const s = W.useRef(), r = W.useRef(), [n, u] = W.useState({
     isDirty: !1,
     isValidating: !1,
@@ -917,14 +918,14 @@ function er(e = {}) {
     defaultValues: re(e.defaultValues) ? void 0 : e.defaultValues
   });
   s.current || (s.current = {
-    ...Zt(e),
+    ...er(e),
     formState: n
   });
   const l = s.current.control;
-  return l._options = e, Pt({
+  return l._options = e, Wt({
     subject: l._subjects.state,
     next: (y) => {
-      It(y, l._proxyFormState, l._updateFormState) && u({ ...l._formState });
+      Pt(y, l._proxyFormState, l._updateFormState) && u({ ...l._formState });
     }
   }), W.useEffect(() => l._disableForm(e.disabled), [l, e.disabled]), W.useEffect(() => {
     if (l._proxyFormState.isDirty) {
@@ -943,11 +944,11 @@ function er(e = {}) {
     e.shouldUnregister && l._subjects.values.next({
       values: l._getWatch()
     });
-  }, [e.shouldUnregister, l]), s.current.formState = qt(n, l), s.current;
+  }, [e.shouldUnregister, l]), s.current.formState = It(n, l), s.current;
 }
 const it = `Я принимаю условия Политики обработки
 и защиты персональных данных, даю согласия на обработку персональных
-данных`, gr = ({
+данных`, _r = ({
   isFormOpen: e,
   setIsFormOpen: s,
   title: r,
@@ -971,12 +972,12 @@ const it = `Я принимаю условия Политики обработк
     reset: m,
     watch: O,
     formState: { errors: B }
-  } = er(), A = !!O("email"), { onChange: Y, onBlur: ae, ...Q } = z("phone", {
+  } = tr(), A = !!O("email"), { onChange: Y, onBlur: ae, ...Q } = z("phone", {
     required: l || g ? !A : !0,
     pattern: { value: wt, message: "" },
     onBlur: () => G("phone")
-  }), Z = O("personalCheckBox"), R = O("advCheckBox"), le = (v) => {
-    F(v), m();
+  }), { isMobile: Z } = St(), R = O("personalCheckBox"), le = O("advCheckBox"), v = (b) => {
+    F(b), m();
   };
   return /* @__PURE__ */ U(
     Vt,
@@ -987,7 +988,7 @@ const it = `Я принимаю условия Политики обработк
       opacity: 0.7,
       isTransparentBack: !0,
       additionalClassModalBody: ee.modalBody,
-      children: /* @__PURE__ */ Se("div", { className: ee.root, style: { width: _ }, children: [
+      children: /* @__PURE__ */ Se("div", { className: ee.root, style: { width: Z ? "100%" : _ }, children: [
         /* @__PURE__ */ U("div", { className: ee.title, dangerouslySetInnerHTML: { __html: r ?? "Оставить обращение" } }),
         /* @__PURE__ */ U(
           "div",
@@ -996,7 +997,7 @@ const it = `Я принимаю условия Политики обработк
             dangerouslySetInnerHTML: { __html: q ?? "Оставьте номер телефона для получения консультации" }
           }
         ),
-        /* @__PURE__ */ Se("form", { onSubmit: K(le), children: [
+        /* @__PURE__ */ Se("form", { onSubmit: K(v), children: [
           /* @__PURE__ */ Se(Ft, { className: ee.inputWrapper, children: [
             /* @__PURE__ */ U(
               Ee,
@@ -1044,7 +1045,10 @@ const it = `Я принимаю условия Политики обработк
                 "data-testid": "modal_email",
                 ...z(
                   "email",
-                  { required: y || g ? A : !1, pattern: Dt }
+                  {
+                    required: y || g ? A : !1,
+                    pattern: Dt
+                  }
                 ),
                 error: !!B.email
               }
@@ -1063,7 +1067,7 @@ const it = `Я принимаю условия Политики обработк
               Ge,
               {
                 "data-testid": "modal_advCheckBox",
-                isChecked: R,
+                isChecked: le,
                 error: !!B.advCheckBox,
                 text: D.text,
                 ...z("advCheckBox", { required: D == null ? void 0 : D.isRequired })
@@ -1073,7 +1077,7 @@ const it = `Я принимаю условия Политики обработк
               Ge,
               {
                 "data-testid": "modal_personalCheckBox",
-                isChecked: Z,
+                isChecked: R,
                 error: !!B.personalCheckBox,
                 text: H.text,
                 ...z("personalCheckBox", { required: H.isRequired })
@@ -1118,5 +1122,5 @@ const it = `Я принимаю условия Политики обработк
   );
 };
 export {
-  gr as ModalForm
+  _r as ModalForm
 };

package/package.json

@@ -2,7 +2,7 @@
   "name": "stone-kit",
   "description": "uikit for redesign",
   "private": false,
-  "version": "0.0.243",
+  "version": "0.0.245",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",