stone-kit 0.0.877 → 0.0.879

package/dist/components/FilterWithSave/ui/FilterWithSave.js

@@ -1,268 +1,9 @@
-import { jsxs as m, Fragment as M, jsx as e } from "react/jsx-runtime";
-import { NewIcon as f } from "../../NewIcon/ui/NewIcon.js";
-import a from "../../../src/components/FilterWithSave/ui/s.module.scss.js";
-import { Modal as J } from "../../Modal/ui/Modal.js";
-import { TabSwitcher as v } from "../../TabSwitcher/ui/TabSwitcher.js";
-import { Option as z } from "../../Select/ui/Option.js";
-import { Button as p } from "../../Button/ui/Button.js";
-import K from "../../../node_modules/classnames/bind.js";
-import { useFilterWithSave as P } from "../hooks/useFilterWithSave.js";
-const Q = K.bind(a), b = ({
-  disabledOptions: x,
-  tabs: i = [],
-  selectOptions: l = [],
-  onChange: S,
-  onClick: k = () => null,
-  selectedValues: A,
-  setSelectedTabs: F,
-  selectedTabs: R,
-  onClickItem: j,
-  onCLickSelect: g,
-  onSaveClick: _ = () => null,
-  onClearClick: q = () => null,
-  onTabClick: D = () => null,
-  btnName: E = "Фильтр"
-}) => {
-  const {
-    handleCloseModal: W,
-    localSelectedTabs: c,
-    selectedOptions: B,
-    isMobile: u,
-    handleOptionClick: w,
-    handleClearClick: y,
-    handleSaveClick: I,
-    isModalOpen: N,
-    setLocalSelectedTabs: o,
-    setIsModalOpen: C,
-    containerRef: G
-  } = P({
-    selectedTabs: R,
-    onClickItem: j,
-    setSelectedTabs: F,
-    tabs: i,
-    onChange: S,
-    disabledOptions: x,
-    selectedValues: A,
-    onSaveClick: _,
-    onClearClick: q
-  }), H = () => /* @__PURE__ */ m(M, { children: [
-    /* @__PURE__ */ e(
-      "div",
-      {
-        className: a.closeBtn,
-        onClick: () => {
-          W();
-        },
-        children: /* @__PURE__ */ e(
-          f,
-          {
-            name: "close",
-            size: "24"
-          }
-        )
-      }
-    ),
-    /* @__PURE__ */ e("div", { className: a.modalTitle, children: "Фильтры" }),
-    /* @__PURE__ */ m("div", { className: a.tabSWitcherWrapper, children: [
-      /* @__PURE__ */ e("div", { className: a.switcherTitle, children: "Готовность" }),
-      /* @__PURE__ */ e("div", { className: a.switcherScroll, children: /* @__PURE__ */ e(
-        v,
-        {
-          variant: "grayRow",
-          addClassName: a.tabs,
-          isApart: !0,
-          children: i == null ? void 0 : i.map((n, d) => {
-            var h;
-            const r = n.value;
-            return /* @__PURE__ */ e(
-              v.Item,
-              {
-                itemsLength: i == null ? void 0 : i.length,
-                mini: !0,
-                size_s: "small",
-                value: r,
-                onClick: () => {
-                },
-                checked: ((h = c == null ? void 0 : c.find((t) => t.value === r)) == null ? void 0 : h.state) ?? !1,
-                onChange: () => {
-                  o == null || o(
-                    (t) => t.map((s) => s.value === r ? { ...s, state: !s.state } : s)
-                  );
-                },
-                index: d,
-                children: r
-              },
-              d
-            );
-          })
-        }
-      ) })
-    ] }),
-    /* @__PURE__ */ e("div", { className: a.selectWrapper, children: l == null ? void 0 : l.map((n, d) => /* @__PURE__ */ e(
-      z,
-      {
-        sizeIcon: "24",
-        addClassName: a.filterOption,
-        disabledOptions: [],
-        clickableOptions: l == null ? void 0 : l.map((r) => r.value.toString()),
-        selectedOptions: B,
-        option: n,
-        handleOptionClick: w
-      },
-      d
-    )) }),
-    /* @__PURE__ */ m("div", { className: a.btnWrapper, children: [
-      /* @__PURE__ */ e(
-        p,
-        {
-          as: "button",
-          variant: "gray",
-          additionalClass: a.resetBtn,
-          onClick: y,
-          children: "Сбросить"
-        }
-      ),
-      /* @__PURE__ */ e(
-        p,
-        {
-          as: "button",
-          additionalClass: a.saveBtn,
-          onClick: I,
-          children: "Сохранить"
-        }
-      )
-    ] })
-  ] });
-  return /* @__PURE__ */ m(M, { children: [
-    /* @__PURE__ */ m("div", { style: { position: "relative" }, children: [
-      /* @__PURE__ */ m(
-        "div",
-        {
-          className: a.root,
-          onClick: () => {
-            g && g(), k && k(), u ? C((n) => !n) : N || C(!0);
-          },
-          children: [
-            /* @__PURE__ */ e("div", { className: a.btnName, children: E }),
-            /* @__PURE__ */ e(
-              f,
-              {
-                name: "filter",
-                size: "16"
-              }
-            )
-          ]
-        }
-      ),
-      !u && /* @__PURE__ */ m(
-        "div",
-        {
-          ref: G,
-          className: Q(a.desktopWrapper, { [a.desktopWrapperOpen]: N }),
-          children: [
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: a.closeBtn,
-                onClick: () => {
-                  W();
-                },
-                children: /* @__PURE__ */ e(
-                  f,
-                  {
-                    name: "close",
-                    size: "24"
-                  }
-                )
-              }
-            ),
-            /* @__PURE__ */ e("div", { className: a.modalTitle, children: "Фильтры" }),
-            /* @__PURE__ */ m("div", { className: a.tabSWitcherWrapper, children: [
-              /* @__PURE__ */ e("div", { className: a.switcherTitle, children: "Готовность" }),
-              /* @__PURE__ */ e("div", { className: a.switcherScroll, children: /* @__PURE__ */ e(
-                v,
-                {
-                  variant: "grayRow",
-                  addClassName: a.tabs,
-                  isApart: !0,
-                  children: i == null ? void 0 : i.map((n, d) => {
-                    var h;
-                    const r = n.value;
-                    return /* @__PURE__ */ e(
-                      v.Item,
-                      {
-                        itemsLength: i == null ? void 0 : i.length,
-                        size_s: "small",
-                        mini: !0,
-                        value: r,
-                        onClick: () => D(),
-                        checked: ((h = c == null ? void 0 : c.find((t) => t.value === r)) == null ? void 0 : h.state) ?? !1,
-                        onChange: () => {
-                          o == null || o(
-                            (t) => t.map((s) => s.value === r ? { ...s, state: !s.state } : s)
-                          );
-                        },
-                        index: d,
-                        addItemClassName: a.tabSwitcher,
-                        children: r
-                      },
-                      d
-                    );
-                  })
-                }
-              ) })
-            ] }),
-            /* @__PURE__ */ e("div", { className: a.selectWrapper, children: l == null ? void 0 : l.map((n, d) => /* @__PURE__ */ e(
-              z,
-              {
-                sizeIcon: "24",
-                addClassName: a.filterOption,
-                disabledOptions: [],
-                clickableOptions: l == null ? void 0 : l.map((r) => r.value.toString()),
-                selectedOptions: B,
-                option: n,
-                handleOptionClick: w
-              },
-              d
-            )) }),
-            /* @__PURE__ */ m("div", { className: a.btnWrapper, children: [
-              /* @__PURE__ */ e(
-                p,
-                {
-                  as: "button",
-                  variant: "gray",
-                  additionalClass: a.resetBtn,
-                  onClick: y,
-                  children: "Сбросить"
-                }
-              ),
-              /* @__PURE__ */ e(
-                p,
-                {
-                  as: "button",
-                  additionalClass: a.saveBtn,
-                  onClick: I,
-                  children: "Сохранить"
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    ] }),
-    u && /* @__PURE__ */ e(
-      J,
-      {
-        isOpen: N,
-        emitIsOpen: C,
-        isTransparentBack: !0,
-        additionalClassModalBody: a.modalAddBody,
-        additionalClass: a.filterWithSaveModal,
-        children: /* @__PURE__ */ e(H, {})
-      }
-    )
-  ] });
-};
+import "react/jsx-runtime";
+import "../../NewIcon/ui/NewIcon.js";
+import { F as a } from "../../../FilterWithSave-Bp6rH8Pe.js";
+import "../../Modal/ui/Modal.js";
+import "../../../Option-BVIm7wOW.js";
+import "../../Button/ui/Button.js";
 export {
-  b as FilterWithSave
+  a as FilterWithSave
 };

package/dist/components/Flex/ui/Flex.js

@@ -1,33 +1,68 @@
-import { jsx as p } from "react/jsx-runtime";
-import r from "../../../src/components/Flex/ui/Flex.module.scss.js";
-import $ from "../../../node_modules/classnames/index.js";
-const f = $.bind(r), w = ({
-  className: o,
-  children: t,
-  jc: s = "start",
-  ai: a = "center",
-  gap: m,
-  fd: c = "row",
-  w: e = "nowrap",
-  additionalClass: i = "",
-  ...n
-}) => /* @__PURE__ */ p(
+import { jsx as s } from "react/jsx-runtime";
+import { c as t } from "../../../index-rKuIKazb.js";
+const o = "_root_fi64k_1", _ = {
+  root: o,
+  "gap-1": "_gap-1_fi64k_5",
+  "gap-2": "_gap-2_fi64k_9",
+  "gap-3": "_gap-3_fi64k_13",
+  "gap-4": "_gap-4_fi64k_17",
+  "gap-5": "_gap-5_fi64k_21",
+  "gap-6": "_gap-6_fi64k_25",
+  "gap-7": "_gap-7_fi64k_29",
+  "gap-8": "_gap-8_fi64k_33",
+  "gap-9": "_gap-9_fi64k_37",
+  "gap-10": "_gap-10_fi64k_41",
+  "gap-11": "_gap-11_fi64k_45",
+  "gap-12": "_gap-12_fi64k_49",
+  "gap-13": "_gap-13_fi64k_53",
+  "gap-14": "_gap-14_fi64k_57",
+  "gap-15": "_gap-15_fi64k_61",
+  "gap-16": "_gap-16_fi64k_65",
+  "fd-row": "_fd-row_fi64k_69",
+  "fd-row-reverse": "_fd-row-reverse_fi64k_73",
+  "fd-column": "_fd-column_fi64k_77",
+  "fd-column-reverse": "_fd-column-reverse_fi64k_81",
+  "w-nowrap": "_w-nowrap_fi64k_85",
+  "w-wrap": "_w-wrap_fi64k_89",
+  "w-wrap-reverse": "_w-wrap-reverse_fi64k_93",
+  "jc-flex-start": "_jc-flex-start_fi64k_97",
+  "jc-flex-end": "_jc-flex-end_fi64k_101",
+  "jc-center": "_jc-center_fi64k_105",
+  "jc-space-between": "_jc-space-between_fi64k_109",
+  "jc-space-around": "_jc-space-around_fi64k_113",
+  "jc-space-evenly": "_jc-space-evenly_fi64k_117",
+  "ai-stretch": "_ai-stretch_fi64k_121",
+  "ai-flex-start": "_ai-flex-start_fi64k_125",
+  "ai-flex-end": "_ai-flex-end_fi64k_129",
+  "ai-center": "_ai-center_fi64k_133",
+  "ai-baseline": "_ai-baseline_fi64k_137"
+}, n = t.bind(_), d = ({
+  className: a,
+  children: e,
+  jc: f = "start",
+  ai: i = "center",
+  gap: p,
+  fd: r = "row",
+  w: c = "nowrap",
+  additionalClass: k = "",
+  ...g
+}) => /* @__PURE__ */ s(
   "div",
   {
-    className: f(
-      r.root,
-      o,
-      r[`w-${e}`],
-      r[`jc-${s}`],
-      r[`ai-${a}`],
-      r[`gap-${m}`],
-      r[`fd-${c}`],
-      i
+    className: n(
+      _.root,
+      a,
+      _[`w-${c}`],
+      _[`jc-${f}`],
+      _[`ai-${i}`],
+      _[`gap-${p}`],
+      _[`fd-${r}`],
+      k
     ),
-    ...n,
-    children: t
+    ...g,
+    children: e
   }
 );
 export {
-  w as Flex
+  d as Flex
 };

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

@@ -1,305 +1,30 @@
-import { jsx as e, jsxs as i } from "react/jsx-runtime";
-import t from "../../../src/components/FormModal/ui/ModalForm.module.scss.js";
-import { Modal as Y } from "../../Modal/ui/Modal.js";
-import { Flex as Z } from "../../Flex/ui/Flex.js";
-import { Input as f } from "../../Input/ui/Input.js";
-import { useForm as E, Controller as ee } from "../../../node_modules/react-hook-form/dist/index.esm.js";
-import { Button as b } from "../../Button/ui/Button.js";
-import { NewIcon as v } from "../../NewIcon/ui/NewIcon.js";
-import { nameReg as te, phoneReg as re, emailReg as oe } from "../utils/reg.js";
-import { CheckBox as T } from "../../CheckBox/CheckBox.js";
-import { TextArea as ae } from "../../TextArea/TextArea.js";
-import le from "../../../node_modules/classnames/index.js";
+import "react/jsx-runtime";
+import { M as A } from "../../../FilterWithSave-Bp6rH8Pe.js";
+import "../../Modal/ui/Modal.js";
+import "../../Flex/ui/Flex.js";
+import "../../Input/ui/Input.js";
+import "../../Button/ui/Button.js";
+import "../../NewIcon/ui/NewIcon.js";
+import "../utils/reg.js";
+import "../../CheckBox/CheckBox.js";
+import "../../TextArea/TextArea.js";
+import "../../../index-rKuIKazb.js";
 import "../../mobileButton/ui/MobileButton.js";
 import "../../DestinationTab/ui/DestinationTab.js";
 import "../../RoundButton/ui/RoundButton.js";
 import "../../Tag/ui/Tag.js";
 import "../../Switcher/ui/Switcher.js";
 import "../../Text/ui/Text.js";
-import "../../TabSwitcher/ui/TabSwitcher.js";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../MetroTag/ui/MetroTag.js";
-import "../../LotCard/ui/LotCard.js";
 import "../../Select/ui/Select.js";
-import { useClientWidth as ie } from "../../../shared/useClientWidth.js";
-import "../../SortSelect/ui/SortSelect.js";
+import "../../../shared/useClientWidth.js";
 import "../../SliderNavigation/ui/SliderNavigation.js";
 import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
 import "../../TabSelect/ui/TabSelect.js";
-import "../../FilterWithSave/ui/FilterWithSave.js";
 import "../../CheckBoxNew/CheckBoxNew.js";
 import "../../CheckboxSelect/ui/CheckboxSelect.js";
-import { useEffect as M } from "react";
-const ne = le.bind(t), se = "Я принимаю условия Политики обработки и защиты персональных данных, даю согласия на обработку персональных данных", Ae = ({
-  isFormOpen: N,
-  setIsFormOpen: _,
-  isNews: a,
-  title: S,
-  isEmail: z,
-  isPhone: I,
-  isTextArea: q,
-  telegramLink: w = "https://t.me/stone_developer",
-  isRequiredPhone: g = !0,
-  isRequiredEmail: d = !1,
-  isRequiredPhoneOrEmail: B,
-  textAreaPlaceholder: W,
-  subTitle: $,
-  submitHandler: F,
-  modalWidth: L = "442px",
-  rowsTextArea: P = 2,
-  advCheckBox: l = { text: se, isRequired: !0 },
-  isAdvCheckBox: j,
-  addTitleClassName: H,
-  createPortalObj: R,
-  telegramClickHandler: A = () => null,
-  blurHandler: x,
-  block_name: m,
-  emitCheckBox: c,
-  emitAdvCheckBox: p
-}) => {
-  const {
-    register: n,
-    handleSubmit: V,
-    reset: D,
-    control: G,
-    watch: s,
-    formState: { errors: r }
-  } = E(), k = !!s("email"), C = s("personalCheckBox"), y = s("advCheckBox");
-  M(() => {
-    typeof C < "u" && c && c();
-  }, [c, C]), M(() => {
-    typeof y < "u" && p && p();
-  }, [p, y]);
-  const { isMobile: J, currentClientWidth: K } = ie(), O = s("personalCheckBox"), Q = s("advCheckBox"), U = (o) => {
-    F(o), D();
-  }, u = (o, { action_element_status: h, action_element: X }) => {
-    x && x({
-      e: o,
-      analyticParams: { action_element: X, action_element_status: h, block_name: m }
-    });
-  };
-  return K ? /* @__PURE__ */ e(
-    Y,
-    {
-      additionalClass: t.modal,
-      additionalClassModalBody: t.modalBody,
-      createPortalObj: R,
-      isOpen: N,
-      isTransparentBack: !0,
-      emitIsOpen: () => _(!1),
-      opacity: 0.7,
-      children: /* @__PURE__ */ i(
-        "div",
-        {
-          className: t.root,
-          style: { width: J ? "100%" : L },
-          "data-testid": "modal_window",
-          children: [
-            /* @__PURE__ */ e(
-              "div",
-              {
-                className: ne(t.title, H),
-                dangerouslySetInnerHTML: { __html: S ?? "Оставить обращение" }
-              }
-            ),
-            a && /* @__PURE__ */ i("div", { className: t.telegramWrapper, children: [
-              /* @__PURE__ */ e(
-                "a",
-                {
-                  className: t.telegramLink,
-                  href: w,
-                  target: "_blank",
-                  "data-testid": "modal_telegram_link",
-                  children: /* @__PURE__ */ i(
-                    "div",
-                    {
-                      className: t.telegram,
-                      onClick: A,
-                      children: [
-                        /* @__PURE__ */ e("div", { children: "Подписаться в Telegram" }),
-                        /* @__PURE__ */ e(v, { name: "telegram" })
-                      ]
-                    }
-                  )
-                }
-              ),
-              /* @__PURE__ */ e("div", { className: t.orText, children: "или" })
-            ] }),
-            !a && /* @__PURE__ */ e(
-              "div",
-              {
-                className: t.description,
-                dangerouslySetInnerHTML: {
-                  __html: $ && !a ? "Оставьте номер телефона для получения консультации" : `${/* @__PURE__ */ e("div", { children: "привет" })}`
-                }
-              }
-            ),
-            /* @__PURE__ */ i("form", { onSubmit: V(U), children: [
-              /* @__PURE__ */ i(Z, { className: t.inputWrapper, children: [
-                /* @__PURE__ */ e(
-                  f,
-                  {
-                    width: "full",
-                    size_s: "large",
-                    variant: "light",
-                    placeholder: "Введите имя",
-                    "data-testid": "modal_name",
-                    ...n("name", { required: !0, pattern: te }),
-                    onBlur: (o) => u(o, {
-                      action_element_status: r.name ? "error" : "success",
-                      action_element: `input_${m}_name`
-                    }),
-                    error: !!r.name
-                  }
-                ),
-                I && /* @__PURE__ */ e(
-                  ee,
-                  {
-                    name: "phone",
-                    control: G,
-                    rules: {
-                      required: d || g || B && !k,
-                      pattern: { value: re, message: "" }
-                    },
-                    defaultValue: "",
-                    render: ({ field: o }) => /* @__PURE__ */ e(
-                      f,
-                      {
-                        inputMode: "numeric",
-                        isPhoneIMask: !0,
-                        ...o,
-                        width: "full",
-                        "data-testid": "phone_modal",
-                        type: "tel",
-                        error: !!r.phone,
-                        size_s: "large",
-                        variant: "light",
-                        onBlur: (h) => u(h, {
-                          action_element_status: r.phone ? "error" : "success",
-                          action_element: `input_${m}_phone`
-                        })
-                      }
-                    )
-                  }
-                ),
-                z && /* @__PURE__ */ e(
-                  f,
-                  {
-                    width: "full",
-                    size_s: "large",
-                    variant: "light",
-                    placeholder: "Введите email",
-                    "data-testid": "modal_email",
-                    ...n("email", {
-                      required: d || B && !k,
-                      pattern: oe
-                    }),
-                    error: !!r.email,
-                    onBlur: (o) => u(o, {
-                      action_element_status: r.email ? "error" : "success",
-                      action_element: `input_${m}_email`
-                    })
-                  }
-                ),
-                q && /* @__PURE__ */ e(
-                  ae,
-                  {
-                    "data-testid": "modal_textarea",
-                    placeholder: W,
-                    rows: P,
-                    width: "full",
-                    ...n("textarea")
-                  }
-                ),
-                l && !a && j && /* @__PURE__ */ e(
-                  T,
-                  {
-                    "data-testid": "modal_advCheckBox",
-                    isChecked: Q,
-                    error: !!r.advCheckBox,
-                    text: l.text,
-                    ...n("advCheckBox", { required: l == null ? void 0 : l.isRequired })
-                  }
-                ),
-                /* @__PURE__ */ i(
-                  T,
-                  {
-                    "data-testid": "modal_personalCheckBox",
-                    isChecked: O,
-                    error: !!r.personalCheckBox,
-                    ...n("personalCheckBox", { required: !a }),
-                    children: [
-                      a && /* @__PURE__ */ i("div", { className: t.checkboxText, children: [
-                        "Согласен(-на)",
-                        " ",
-                        /* @__PURE__ */ e(
-                          "a",
-                          {
-                            className: t.linkPolicy,
-                            href: "/documents/soglasie-na-rassylki",
-                            children: "получать новости, информацию по сделке и рекламу"
-                          }
-                        ),
-                        " ",
-                        "от Stone"
-                      ] }),
-                      !a && /* @__PURE__ */ i("div", { className: t.checkboxText, children: [
-                        "Я принимаю условия",
-                        " ",
-                        /* @__PURE__ */ e(
-                          "a",
-                          {
-                            className: t.linkPolicy,
-                            href: "/documents/docs",
-                            children: "Политики обработки и защиты персональных данных"
-                          }
-                        ),
-                        ", даю согласия на обработку персональных данных"
-                      ] })
-                    ]
-                  }
-                ),
-                /* @__PURE__ */ e(
-                  b,
-                  {
-                    "data-testid": "modal_submit",
-                    variant: "blue",
-                    width: "full",
-                    type: "submit",
-                    size: "large",
-                    as: "button",
-                    additionalClass: t.modalBtn,
-                    disabled: !!r.name || !!r.phone && g || !!r.email && d || !!r.advCheckBox && (l == null ? void 0 : l.isRequired) || !!r.personalCheckBox && !a,
-                    children: "Отправить запрос"
-                  }
-                )
-              ] }),
-              /* @__PURE__ */ e(
-                b,
-                {
-                  additionalClass: t.btn,
-                  onClick: () => _(!1),
-                  as: "button",
-                  variant: "gray",
-                  type: "button",
-                  size: "small",
-                  children: /* @__PURE__ */ e(
-                    v,
-                    {
-                      name: "close",
-                      size: "16",
-                      color: "#141416"
-                    }
-                  )
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    }
-  ) : null;
-};
+import "react";
 export {
-  Ae as ModalForm
+  A as ModalForm
 };