stone-kit 0.0.887 → 0.0.889

package/dist/components/MetroTag/ui/MetroTag.js

@@ -0,0 +1,142 @@
+import { jsxs as c, jsx as r } from "react/jsx-runtime";
+import { c as w } from "../../../index-rKuIKazb.js";
+import { NewIcon as t } from "../../NewIcon/ui/NewIcon.js";
+const N = "_root_16fjr_1", W = "_iconsWrapper_16fjr_17", x = "_metroColor_16fjr_27", B = "_route_16fjr_37", T = "_auto_16fjr_47", $ = "_full_16fjr_51", C = "_transparent_16fjr_55", b = "_long_16fjr_60", v = "_mini_16fjr_64", y = "_metroColorMini_16fjr_68", I = "_routeMini_16fjr_77", z = "_withBg_16fjr_90", E = "_withWhiteBg_16fjr_94", n = {
+  root: N,
+  iconsWrapper: W,
+  metroColor: x,
+  route: B,
+  auto: T,
+  full: $,
+  transparent: C,
+  long: b,
+  mini: v,
+  metroColorMini: y,
+  routeMini: I,
+  withBg: z,
+  withWhiteBg: E
+}, e = w.bind(n), q = ({
+  addClassName: a,
+  addClassNameColor: _,
+  addClassNameTimeTo: j,
+  metro: o,
+  separatorColor: M = "#F4F5F6",
+  width: u = "auto",
+  variant: l = "default",
+  isBetween: f = !1,
+  withBg: d = !1,
+  withWhiteBg: p = !1,
+  ...h
+}) => {
+  const g = ["pedestrian", "auto"];
+  return Array.isArray(o) ? /* @__PURE__ */ c(
+    "div",
+    {
+      className: e(
+        n.root,
+        n[l],
+        n[f ? "long" : ""],
+        n[d ? "withBg" : ""],
+        n[p ? "withWhiteBg" : ""],
+        a,
+        n[u]
+      ),
+      ...h,
+      children: [
+        /* @__PURE__ */ c("div", { className: e(n.metroColor, _), children: [
+          /* @__PURE__ */ r("div", { className: n.iconsWrapper, children: o.map((i, s) => i.icon ? /* @__PURE__ */ r(
+            "div",
+            {
+              className: n.icon,
+              children: (i == null ? void 0 : i.icon) && /* @__PURE__ */ r(
+                t,
+                {
+                  size: "20",
+                  name: i.icon,
+                  color: "#777E90"
+                }
+              )
+            },
+            `metro + ${i.name} + ${s}`
+          ) : /* @__PURE__ */ r(
+            "span",
+            {
+              style: {
+                background: (i == null ? void 0 : i.color) ?? "",
+                border: s > 0 ? `1px solid ${M}` : ""
+              }
+            },
+            `color + ${i.name} + ${s}`
+          )) }),
+          o.map((i) => i.name).join(", ")
+        ] }),
+        o == null ? void 0 : o.map((i, s) => !i.mode || !i.timeTo ? null : /* @__PURE__ */ c(
+          "div",
+          {
+            className: n.route,
+            children: [
+              g.includes(i.mode) && /* @__PURE__ */ r(
+                t,
+                {
+                  size: "20",
+                  name: i.mode,
+                  color: "#777E90"
+                }
+              ),
+              i.timeTo + " " + (i.selfIconText ?? "мин")
+            ]
+          },
+          `route - ${i.name} - ${s}`
+        ))
+      ]
+    }
+  ) : /* @__PURE__ */ c(
+    "div",
+    {
+      className: e(
+        n.root,
+        n[l],
+        n[f ? "long" : ""],
+        n[d ? "withBg" : ""],
+        n[p ? "withWhiteBg" : ""],
+        a,
+        n[u]
+      ),
+      ...h,
+      children: [
+        /* @__PURE__ */ c(
+          "div",
+          {
+            className: e(n.metroColor, _, { [n.metroColorMini]: l === "mini" }),
+            children: [
+              (o == null ? void 0 : o.icon) && /* @__PURE__ */ r(
+                "img",
+                {
+                  src: o.icon,
+                  width: 20,
+                  height: 20
+                }
+              ),
+              (o == null ? void 0 : o.color) && !(o != null && o.icon) && /* @__PURE__ */ r("span", { style: { background: (o == null ? void 0 : o.color) ?? "" } }),
+              o.name
+            ]
+          }
+        ),
+        o.timeTo && /* @__PURE__ */ c("div", { className: e(n.route, j, { [n.routeMini]: l === "mini" }), children: [
+          o.mode && g.includes(o.mode) && /* @__PURE__ */ r(
+            t,
+            {
+              size: "20",
+              name: o.mode,
+              color: "#777E90"
+            }
+          ),
+          o.timeTo + " " + (o.selfIconText ?? "мин")
+        ] })
+      ]
+    }
+  );
+};
+export {
+  q as MetroTag
+};

package/dist/components/MetroTag/ui/MetroTag.types.js

@@ -0,0 +1 @@
+

package/dist/components/Modal/index.js

@@ -0,0 +1,4 @@
+import { Modal as a } from "./ui/Modal.js";
+export {
+  a as Modal
+};

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

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

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

@@ -0,0 +1 @@
+

package/dist/components/ModalSuccess/ModalSuccess.js

@@ -0,0 +1,61 @@
+import { jsx as c, jsxs as t } from "react/jsx-runtime";
+import { Modal as a } from "../Modal/ui/Modal.js";
+import { Button as n } from "../Button/ui/Button.js";
+import { NewIcon as s } from "../NewIcon/ui/NewIcon.js";
+const d = "_modal_1og3m_1", m = "_modalBody_1og3m_9", r = "_root_1og3m_14", _ = "_check_1og3m_26", h = "_iconCircle_1og3m_32", C = "_iconCheck_1og3m_38", u = "_text_1og3m_44", k = "_successTitle_1og3m_52", g = "_title_1og3m_67", o = {
+  modal: d,
+  modalBody: m,
+  root: r,
+  check: _,
+  iconCircle: h,
+  iconCheck: C,
+  text: u,
+  successTitle: k,
+  title: g
+}, v = ({ isSuccessOpen: i, setIsSuccess: e, createPortalObj: l }) => /* @__PURE__ */ c(
+  a,
+  {
+    createPortalObj: l,
+    emitIsOpen: e,
+    isOpen: i,
+    additionalClassModalBody: o.modalBody,
+    additionalClass: o.modal,
+    opacity: 0.7,
+    isTransparentBack: !0,
+    children: /* @__PURE__ */ t("div", { className: o.root, children: [
+      /* @__PURE__ */ t("div", { className: o.check, children: [
+        /* @__PURE__ */ c(s, { name: "circle", size: "80", additionalClass: o.iconCircle, color: "#57C27D" }),
+        /* @__PURE__ */ c(
+          s,
+          {
+            additionalClass: o.iconCheck,
+            size: "32",
+            name: "check",
+            color: "#57C27D"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { className: o.text, children: [
+        /* @__PURE__ */ c("div", { className: o.successTitle, children: "Запрос принят" }),
+        /* @__PURE__ */ c("div", { className: o.successText, children: "Наш менеджер свяжется с вами в ближайшее время" })
+      ] }),
+      /* @__PURE__ */ c(
+        n,
+        {
+          "data-testid": "modal_submit",
+          variant: "blue",
+          width: "auto",
+          type: "submit",
+          size: "large",
+          as: "button",
+          onClick: () => e(!1),
+          additionalClass: o.modalBtn,
+          children: "Хорошо"
+        }
+      )
+    ] })
+  }
+);
+export {
+  v as ModalSuccess
+};

package/dist/components/ModalSuccess/ModalSuccess.types.js

@@ -0,0 +1 @@
+

package/dist/components/NewIcon/icons/PinTrans.js

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import { F as a } from "../../../PinTrans-D6OZq76b.js";
+const f = (r) => /* @__PURE__ */ o(a, { ...r });
+export {
+  f as default
+};

package/dist/components/NewIcon/icons/SmallFilter.js

@@ -0,0 +1,6 @@
+import { jsx as o } from "react/jsx-runtime";
+import { F as t } from "../../../SmallFilter-C-VKnbkP.js";
+const e = (r) => /* @__PURE__ */ o(t, { ...r });
+export {
+  e as default
+};

package/dist/components/NewIcon/index.js

@@ -0,0 +1,4 @@
+import { NewIcon as r } from "./ui/NewIcon.js";
+export {
+  r as NewIcon
+};