stone-kit 0.0.698 → 0.0.699

package/dist/components/Modal/ui/Modal.js

@@ -1,6 +1,76 @@
-import "react/jsx-runtime";
-import "react";
-import { M as t } from "../../../Modal-BZv6nlLe.js";
+import { jsxs as $, jsx as r } from "react/jsx-runtime";
+import { useEffect as N } from "react";
+import { createPortal as w } from "react-dom";
+const C = "_root_1k6wm_1", L = "_modalBody_1k6wm_15", b = "_modalOverlay_1k6wm_19", x = "_isTransparentBack_1k6wm_31", s = {
+  root: C,
+  modalBody: L,
+  modalOverlay: b,
+  isTransparentBack: x
+}, h = ({
+  isOpen: l,
+  emitIsOpen: t,
+  isTransparentBack: d = !1,
+  isClickOutside: n = !0,
+  leaveDisableScroll: i = !1,
+  createPortalObj: o,
+  additionalClass: m,
+  additionalClassOverlay: c,
+  additionalClassModalBody: f,
+  opacity: u = 0.7,
+  colorOverlay: a,
+  notDisableScroll: y = !1,
+  children: _,
+  modalBodyRef: k,
+  additionalStylesModalBody: v
+}) => {
+  const p = () => {
+    n && t(!1);
+  };
+  N(() => {
+    if (!y) {
+      if (l) {
+        if (document.body.classList.contains("disable-scroll"))
+          return;
+        document.body.classList.add("disable-scroll");
+      } else {
+        if (i)
+          return;
+        document.body.classList.remove("disable-scroll");
+      }
+      return () => document.body.classList.remove("disable-scroll");
+    }
+  }, [l]);
+  const e = /* @__PURE__ */ $(
+    "div",
+    {
+      className: `${s.root} ${m}`,
+      onClick: (B) => B.stopPropagation(),
+      children: [
+        /* @__PURE__ */ r(
+          "div",
+          {
+            onClick: p,
+            className: `${s.modalOverlay} ${c} ${d ? s.isTransparentBack : ""}`,
+            style: {
+              opacity: d ? u : void 0,
+              backgroundColor: a || void 0
+            }
+          }
+        ),
+        /* @__PURE__ */ r(
+          "div",
+          {
+            className: `${s.modalBody} ${f}`,
+            ref: k,
+            style: v,
+            children: _
+          }
+        )
+      ]
+    }
+  );
+  return l ? o != null && o.domNode ? w(e, o.domNode, o.key) : e : null;
+};
 export {
-  t as Modal
+  h as Modal
 };

package/dist/components/ModalSuccess/ModalSuccess.js

@@ -1,7 +1,7 @@
 import { jsx as o, jsxs as c } from "react/jsx-runtime";
-import { M as l } from "../../Modal-BZv6nlLe.js";
+import { Modal as l } from "../Modal/ui/Modal.js";
 import { Button as n } from "../Button/ui/Button.js";
-import { NewIcon as t } from "../NewIcon/ui/NewIcon.js";
+import { NewIcon as a } from "../NewIcon/ui/NewIcon.js";
 const d = "_modal_3era2_1", r = "_modalBody_3era2_8", m = "_root_3era2_13", _ = "_check_3era2_25", h = "_iconCircle_3era2_31", C = "_iconCheck_3era2_37", u = "_text_3era2_43", k = "_successTitle_3era2_50", p = "_title_3era2_65", e = {
   modal: d,
   modalBody: r,
@@ -12,11 +12,11 @@ const d = "_modal_3era2_1", r = "_modalBody_3era2_8", m = "_root_3era2_13", _ =
   text: u,
   successTitle: k,
   title: p
-}, N = ({ isSuccessOpen: s, setIsSuccess: a, createPortalObj: i }) => /* @__PURE__ */ o(
+}, N = ({ isSuccessOpen: s, setIsSuccess: t, createPortalObj: i }) => /* @__PURE__ */ o(
   l,
   {
     createPortalObj: i,
-    emitIsOpen: a,
+    emitIsOpen: t,
     isOpen: s,
     additionalClassModalBody: e.modalBody,
     additionalClass: e.modal,
@@ -24,9 +24,9 @@ const d = "_modal_3era2_1", r = "_modalBody_3era2_8", m = "_root_3era2_13", _ =
     isTransparentBack: !0,
     children: /* @__PURE__ */ c("div", { className: e.root, children: [
       /* @__PURE__ */ c("div", { className: e.check, children: [
-        /* @__PURE__ */ o(t, { name: "circle", size: "80", additionalClass: e.iconCircle, color: "#57C27D" }),
+        /* @__PURE__ */ o(a, { name: "circle", size: "80", additionalClass: e.iconCircle, color: "#57C27D" }),
         /* @__PURE__ */ o(
-          t,
+          a,
           {
             additionalClass: e.iconCheck,
             size: "32",
@@ -48,7 +48,7 @@ const d = "_modal_3era2_1", r = "_modalBody_3era2_8", m = "_root_3era2_13", _ =
           type: "submit",
           size: "large",
           as: "button",
-          onClick: () => a(!1),
+          onClick: () => t(!1),
           additionalClass: e.modalBtn,
           children: "Хорошо"
         }

package/dist/components/SortSelect/index.js

@@ -1,4 +1,4 @@
-import { a as r } from "../../FilterWithSave-BrXTeB7_.js";
+import { a as r } from "../../FilterWithSave-Nihl2Z4W.js";
 export {
   r as SortSelect
 };

package/dist/components/SortSelect/ui/SortSelect.js

@@ -12,8 +12,8 @@ import "../../Switcher/ui/Switcher.js";
 import "../../Text/ui/Text.js";
 import "../../Flex/ui/Flex.js";
 import "../../Input/ui/Input.js";
-import "../../../Modal-BZv6nlLe.js";
-import { a as z } from "../../../FilterWithSave-BrXTeB7_.js";
+import "../../Modal/ui/Modal.js";
+import { a as z } from "../../../FilterWithSave-Nihl2Z4W.js";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../MetroTag/ui/MetroTag.js";
 import "../../LotCard/ui/LotCard.js";

package/dist/components/TabSwitcher/index.js

@@ -1,4 +1,4 @@
-import { S as e } from "../../FilterWithSave-BrXTeB7_.js";
+import { S as e } from "../../FilterWithSave-Nihl2Z4W.js";
 export {
   e as TabSwitcher
 };

package/dist/components/TabSwitcher/ui/TabSwitcher.js

@@ -1,6 +1,6 @@
 import "react/jsx-runtime";
 import "react";
-import { S as v } from "../../../FilterWithSave-BrXTeB7_.js";
+import { S as v } from "../../../FilterWithSave-Nihl2Z4W.js";
 import "../../Text/ui/Text.js";
 import "../../../index-rKuIKazb.js";
 import "../../Button/ui/Button.js";
@@ -12,7 +12,7 @@ import "../../Tag/ui/Tag.js";
 import "../../Switcher/ui/Switcher.js";
 import "../../Flex/ui/Flex.js";
 import "../../Input/ui/Input.js";
-import "../../../Modal-BZv6nlLe.js";
+import "react-dom";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../MetroTag/ui/MetroTag.js";
 import "../../LotCard/ui/LotCard.js";

package/dist/components/ZoomControls/ui/ZoomControls.js

@@ -10,8 +10,8 @@ import "../../Text/ui/Text.js";
 import "../../Flex/ui/Flex.js";
 import "../../Input/ui/Input.js";
 import "react";
-import "../../../Modal-BZv6nlLe.js";
-import "../../../FilterWithSave-BrXTeB7_.js";
+import "react-dom";
+import "../../../FilterWithSave-Nihl2Z4W.js";
 import "../../GroupedInput/ui/GroupedInputs.js";
 import "../../../index-rKuIKazb.js";
 import "../../MetroTag/ui/MetroTag.js";

package/dist/main.js

@@ -6,11 +6,11 @@ import { RoundButton as n } from "./components/RoundButton/ui/RoundButton.js";
 import { Tag as i } from "./components/Tag/ui/Tag.js";
 import { Switcher as u } from "./components/Switcher/ui/Switcher.js";
 import { Text as s } from "./components/Text/ui/Text.js";
-import { Flex as T } from "./components/Flex/ui/Flex.js";
-import { Input as F } from "./components/Input/ui/Input.js";
-import { M as g } from "./Modal-BZv6nlLe.js";
+import { Flex as C } from "./components/Flex/ui/Flex.js";
+import { Input as M } from "./components/Input/ui/Input.js";
+import { Modal as g } from "./components/Modal/ui/Modal.js";
 import { FieldInput as I } from "./components/FieldInput/ui/FieldInput.js";
-import { F as B, a as L, S as k } from "./FilterWithSave-BrXTeB7_.js";
+import { F as B, a as L, S as k } from "./FilterWithSave-Nihl2Z4W.js";
 import { GroupedInputs as N } from "./components/GroupedInput/ui/GroupedInputs.js";
 import { Logo as j } from "./components/Logo/ui/Logo.js";
 import { MetroTag as D } from "./components/MetroTag/ui/MetroTag.js";
@@ -30,9 +30,9 @@ export {
   a as DestinationTab,
   I as FieldInput,
   B as FilterWithSave,
-  T as Flex,
+  C as Flex,
   N as GroupedInputs,
-  F as Input,
+  M as Input,
   j as Logo,
   P as LotCard,
   J as LotCardSkeleton,

package/package.json

@@ -2,7 +2,7 @@
   "name": "stone-kit",
   "description": "uikit for redesign",
   "private": false,
-  "version": "0.0.698",
+  "version": "0.0.699",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",
@@ -24,7 +24,10 @@
   },
   "peerDependencies": {
     "classnames": "^2.5.1",
-    "react-hook-form": "^7.52.2"
+    "react-hook-form": "^7.52.2",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-router-dom": "^6.26.0"
   },
   "devDependencies": {
     "classnames": "^2.5.1",