stone-kit 0.0.1105 → 0.0.1107

package/dist/pages/ModalsPage/ModalPage.js

@@ -0,0 +1,110 @@
+import { jsxs as i, jsx as o } from "react/jsx-runtime";
+import { useState as s } from "react";
+import { Button as l } from "../../components/Button/ui/Button.js";
+import { Modal as c } from "../../components/Modal/ui/Modal.js";
+const d = {}, k = () => {
+  const [r, e] = s(!1), [a, t] = s(!1);
+  return /* @__PURE__ */ i("div", { className: d.root, children: [
+    /* @__PURE__ */ o(
+      l,
+      {
+        as: "button",
+        onClick: () => e((n) => !n),
+        children: "Каскад модалок"
+      }
+    ),
+    /* @__PURE__ */ o(
+      c,
+      {
+        isOpen: r,
+        emitIsOpen: () => e((n) => !n),
+        isTransparentBack: !0,
+        children: /* @__PURE__ */ o(
+          l,
+          {
+            as: "button",
+            onClick: () => t((n) => !n),
+            children: "вайди"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ i(
+      c,
+      {
+        isOpen: a,
+        emitIsOpen: () => t((n) => !n),
+        leaveDisableScroll: !0,
+        children: [
+          /* @__PURE__ */ o(
+            l,
+            {
+              as: "button",
+              onClick: () => t((n) => !n),
+              children: "выйди"
+            }
+          ),
+          /* @__PURE__ */ o(
+            l,
+            {
+              as: "button",
+              onClick: () => t((n) => !n),
+              children: "выйди"
+            }
+          ),
+          /* @__PURE__ */ o(
+            l,
+            {
+              as: "button",
+              onClick: () => t((n) => !n),
+              children: "выйди"
+            }
+          ),
+          /* @__PURE__ */ o(
+            l,
+            {
+              as: "button",
+              onClick: () => t((n) => !n),
+              children: "выйди"
+            }
+          ),
+          /* @__PURE__ */ o(
+            l,
+            {
+              as: "button",
+              onClick: () => t((n) => !n),
+              children: "выйди"
+            }
+          ),
+          /* @__PURE__ */ o(
+            l,
+            {
+              as: "button",
+              onClick: () => t((n) => !n),
+              children: "выйди"
+            }
+          ),
+          /* @__PURE__ */ o(
+            l,
+            {
+              as: "button",
+              onClick: () => t((n) => !n),
+              children: "выйди"
+            }
+          ),
+          /* @__PURE__ */ o(
+            l,
+            {
+              as: "button",
+              onClick: () => t((n) => !n),
+              children: "выйди"
+            }
+          )
+        ]
+      }
+    )
+  ] });
+};
+export {
+  k as default
+};

package/dist/pages/SelectPage/SelectPage.d.ts

@@ -0,0 +1 @@
+export declare const SelectPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/pages/SelectPage/SelectPage.js

@@ -0,0 +1,211 @@
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import { useState as n } from "react";
+import { FilterWithSave as u } from "../../components/FilterWithSave/ui/FilterWithSave.js";
+import { defaultOption as i, defaultCategory as a } from "./const.js";
+import { CheckboxSelect as m } from "../../components/CheckboxSelect/ui/CheckboxSelect.js";
+import { CheckBox as y } from "../../components/CheckBox/CheckBox.js";
+import { SortSelect as k } from "../../components/SortSelect/ui/SortSelect.js";
+import { Switcher as v } from "../../components/Switcher/ui/Switcher.js";
+import { SummarySelect as p } from "../../components/SummarySelect/ui/SummarySelect.js";
+import { Select as c } from "../../components/Select/ui/Select.js";
+const x = "_sort_1szg2_1", V = "_filterWithSave_1szg2_14", r = {
+  sort: x,
+  filterWithSave: V
+}, P = () => {
+  const [S, g] = n(i[0]), [s, b] = n([]), [o, f] = n("options"), h = [
+    {
+      label: "sdfsdfsdf",
+      setValue: () => {
+      },
+      isSelected: !1,
+      disabled: !0
+    },
+    {
+      label: "sdfsdfsdf",
+      setValue: () => {
+      },
+      isSelected: !0,
+      disabled: !1
+    },
+    {
+      label: "sdfsdfsdf",
+      setValue: () => {
+      },
+      isSelected: !1,
+      disabled: !1
+    },
+    {
+      label: "sdfsdfsdf",
+      setValue: () => {
+      },
+      isSelected: !0,
+      disabled: !1
+    },
+    {
+      label: "sdfsdfsdf",
+      setValue: () => {
+      },
+      isSelected: !0,
+      disabled: !1
+    }
+  ], C = (l) => {
+    !l || !l.target || g(l.target.value);
+  }, d = (l) => {
+    l && b(l);
+  };
+  return /* @__PURE__ */ t("div", { className: r.root, children: [
+    /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
+        u,
+        {
+          onClick: () => console.log("filter"),
+          onSaveClick: () => console.log("save"),
+          onClearClick: () => console.log("clear"),
+          onTabClick: () => console.log("year"),
+          tabs: [
+            { value: "dfsdf", state: !1 },
+            { value: "dfsdf", state: !1 },
+            { value: "dfsdf", state: !1 },
+            { value: "dfsdf", state: !1 },
+            { value: "dfsdf", state: !1 },
+            { value: "dfsdf", state: !1 },
+            { value: "dddddddd", state: !1 }
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e("h2", { children: " Селектор с чекбоксами" }),
+        /* @__PURE__ */ e(m, { checkboxes: h })
+      ] }),
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e("h2", { children: " Селектор с чекбоксами" }),
+        /* @__PURE__ */ e(m, { checkboxes: h, isPromotion: !0 })
+      ] }),
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e("h2", { children: "старый чекбокс" }),
+        /* @__PURE__ */ e(
+          y,
+          {
+            isChecked: !1,
+            emitIsChecked: () => {
+              console.log("check");
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ t("div", { children: [
+        /* @__PURE__ */ e("h2", { children: " Фильтрация с сохранением" }),
+        /* @__PURE__ */ e("div", { className: r.filterWithSave, children: /* @__PURE__ */ e(u, {}) })
+      ] }),
+      /* @__PURE__ */ e("h2", { children: "Сорт селект" }),
+      /* @__PURE__ */ e("div", { className: r.sort, children: /* @__PURE__ */ e(
+        k,
+        {
+          mini: !0,
+          selectedOption: S,
+          options: i,
+          onChange: (l) => C(l)
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: r.summarySelect, children: [
+      /* @__PURE__ */ t("div", { style: { display: "flex", gap: "20px" }, children: [
+        /* @__PURE__ */ e("h2", { children: "SummarySelect" }),
+        /* @__PURE__ */ e(
+          v,
+          {
+            isActive: o === "category",
+            onClick: () => f(o === "options" ? "category" : "options"),
+            children: "mode category"
+          }
+        ),
+        /* @__PURE__ */ e(
+          v,
+          {
+            isActive: o === "double",
+            onClick: () => f(o === "options" ? "double" : "options"),
+            children: "mode double"
+          }
+        )
+      ] }),
+      /* @__PURE__ */ e(
+        p,
+        {
+          mode: o,
+          label: "Проект",
+          isShowReset: !0,
+          selectedValues: s,
+          options: o === "category" ? a : i,
+          onChange: (l) => d(l),
+          selectAll: { enabled: !0 }
+        }
+      ),
+      /* @__PURE__ */ e(
+        p,
+        {
+          mode: "single",
+          label: "Проект",
+          isShowReset: !0,
+          selectedValues: s,
+          options: i,
+          onChange: (l) => d(l)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e("h2", { children: "Селект mode option" }),
+      /* @__PURE__ */ e(
+        c,
+        {
+          selectedValues: s,
+          options: a,
+          onChange: (l) => d(l)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e("h2", { children: "Селект mode category" }),
+      /* @__PURE__ */ e(
+        c,
+        {
+          mode: "category",
+          selectedValues: s,
+          options: a,
+          onChange: (l) => d(l)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e("h2", { children: "Селект mode double" }),
+      /* @__PURE__ */ e(
+        c,
+        {
+          selectAll: { enabled: !0 },
+          selectedValues: s,
+          options: a,
+          mode: "double",
+          clickableOptions: ["Category1", "options1", "options3"],
+          onChange: (l) => d(l)
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t("div", { children: [
+      /* @__PURE__ */ e("h2", { children: "Селект кнопка" }),
+      /* @__PURE__ */ e("div", { style: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ e(
+        c,
+        {
+          isBtn: !0,
+          size_s: "small",
+          size_l: "medium",
+          isListRight: !0,
+          selectedValues: s,
+          options: i,
+          onChange: (l) => d(l)
+        }
+      ) })
+    ] })
+  ] });
+};
+export {
+  P as SelectPage
+};

package/dist/pages/SelectPage/const.d.ts

@@ -0,0 +1,13 @@
+declare const defaultOption: {
+    value: string;
+    label: string;
+}[];
+declare const defaultCategory: {
+    value: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+}[];
+export { defaultCategory, defaultOption };

package/dist/pages/SelectPage/const.js

@@ -0,0 +1,35 @@
+const l = [
+  { value: "option1", label: "Option 1" },
+  { value: "option2", label: "Option 2" },
+  { value: "option3", label: "Option 3" }
+], e = [
+  {
+    value: "Category1",
+    label: "category1",
+    options: [
+      { value: "options1", label: "label1" },
+      { value: "options2", label: "label2" },
+      { value: "options3", label: "label3" }
+    ]
+  },
+  {
+    value: "Category2",
+    label: "category2",
+    options: [
+      { value: "options4", label: "label4" },
+      { value: "options5", label: "label5" },
+      { value: "options6", label: "label6" }
+    ]
+  },
+  {
+    value: "Category3",
+    label: "category3",
+    options: [
+      { value: "options7", label: "label7" }
+    ]
+  }
+];
+export {
+  e as defaultCategory,
+  l as defaultOption
+};

package/dist/pages/TabsPage/TabsPage.d.ts

@@ -0,0 +1,2 @@
+declare const TabsPage: () => import("react/jsx-runtime").JSX.Element;
+export default TabsPage;

package/dist/pages/TabsPage/TabsPage.js

@@ -0,0 +1,168 @@
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { TabSwitcher as i } from "../../components/TabSwitcher/ui/TabSwitcher.js";
+import { FieldInput as l } from "../../components/FieldInput/ui/FieldInput.js";
+import { TabSelect as d } from "../../components/TabSelect/ui/TabSelect.js";
+const m = "_root_idppf_1", _ = "_tabsShort_idppf_7", g = "_tabSelectWrapper_idppf_11", v = "_whiteRow_apart_idppf_22", w = "_row_apart_idppf_26", n = {
+  root: m,
+  tabsShort: _,
+  tabSelectWrapper: g,
+  whiteRow_apart: v,
+  row_apart: w
+}, I = () => {
+  const [s, h] = p("C мебелью"), c = ["C мебелью", "C размерами", "План этажа", "Ген. план"], r = ["Студия", "1", "2", "3", "4+"];
+  return /* @__PURE__ */ o("div", { className: n.root, children: [
+    /* @__PURE__ */ t(i, { children: r.map((a, e) => /* @__PURE__ */ t(
+      i.Item,
+      {
+        itemsLength: r.length,
+        size_s: "medium",
+        size_l: "large",
+        index: e,
+        value: a,
+        disabled: e === 2 || e === 1,
+        children: a
+      },
+      e
+    )) }),
+    /* @__PURE__ */ t("div", { className: n.tabsShort, children: /* @__PURE__ */ t(l, { label: "Количество спален", children: /* @__PURE__ */ t(i, { children: r.map((a, e) => /* @__PURE__ */ t(
+      i.Item,
+      {
+        itemsLength: r.length,
+        index: e,
+        value: a,
+        addItemClassName: e === 0 ? n.gg : "",
+        children: a
+      }
+    )) }) }) }),
+    /* @__PURE__ */ t("div", { className: n.tabsShort, children: /* @__PURE__ */ t(l, { label: "Количество спален", children: /* @__PURE__ */ t(i, { variant: "whiteRowGrayLabel", children: r.map((a, e) => /* @__PURE__ */ t(
+      i.Item,
+      {
+        size_s: "tiny",
+        size_m: "tiny",
+        size_l: "tiny",
+        itemsLength: r.length,
+        index: e,
+        value: a,
+        addItemClassName: e === 0 ? n.gg : "",
+        children: a
+      },
+      e
+    )) }) }) }),
+    /* @__PURE__ */ t("div", { className: n.tabsShort, children: /* @__PURE__ */ t(l, { label: "Количество спален", children: /* @__PURE__ */ t(i, { variant: "outlined", children: r.map((a, e) => /* @__PURE__ */ t(
+      i.Item,
+      {
+        size_s: "tiny",
+        size_m: "tiny",
+        size_l: "tiny",
+        itemsLength: r.length,
+        index: e,
+        value: a,
+        addItemClassName: e === 0 ? n.gg : "",
+        children: a
+      },
+      e
+    )) }) }) }),
+    /* @__PURE__ */ t(l, { label: "Количество спален", children: /* @__PURE__ */ t(i, { variant: "whiteRowGrayLabel", children: r.map((a, e) => /* @__PURE__ */ t(
+      i.Item,
+      {
+        size_s: "tiny",
+        size_m: "tiny",
+        size_l: "tiny",
+        itemsLength: r.length,
+        index: e,
+        value: a,
+        addItemClassName: e === 0 ? n.gg : "",
+        children: a
+      },
+      e
+    )) }) }),
+    /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(i, { col: !0, children: r.map((a, e) => /* @__PURE__ */ t(
+      i.Item,
+      {
+        itemsLength: r.length,
+        index: e,
+        value: a,
+        children: a
+      },
+      e
+    )) }) }),
+    /* @__PURE__ */ t("div", { className: n.tabsShort, children: /* @__PURE__ */ t(i, { col: !0, children: r.map((a, e) => /* @__PURE__ */ t(
+      i.Item,
+      {
+        itemsLength: r.length,
+        index: e,
+        value: a,
+        children: a
+      },
+      e
+    )) }) }),
+    /* @__PURE__ */ t("div", { className: n.whiteRow_apart, children: /* @__PURE__ */ t(
+      i,
+      {
+        variant: "whiteRow",
+        isApart: !0,
+        addClassName: n.row_apart,
+        children: r.map((a, e) => /* @__PURE__ */ t(
+          i.Item,
+          {
+            width: e === 0 ? "135px" : void 0,
+            width_m: e === 0 ? "96px" : void 0,
+            width_l: e === 0 ? "155px" : void 0,
+            itemsLength: r.length,
+            index: e,
+            children: a
+          },
+          e
+        ))
+      }
+    ) }),
+    /* @__PURE__ */ t("div", { className: n.whiteRow_apart, children: /* @__PURE__ */ t(
+      i,
+      {
+        variant: "grayRow",
+        isApart: !0,
+        addClassName: n.row_apart,
+        children: r.map((a, e) => /* @__PURE__ */ t(
+          i.Item,
+          {
+            width: e === 0 ? "135px" : void 0,
+            width_m: e === 0 ? "96px" : void 0,
+            width_l: e === 0 ? "155px" : void 0,
+            itemsLength: r.length,
+            index: e,
+            children: a
+          },
+          e
+        ))
+      }
+    ) }),
+    /* @__PURE__ */ t("div", { className: n.tabSelectWrapper, children: /* @__PURE__ */ t(d, { variant: "grayDesign", children: c.map((a, e) => /* @__PURE__ */ t(
+      d.Item,
+      {
+        name: "type",
+        checked: s === a,
+        onChange: () => h(a),
+        value: a,
+        children: a
+      },
+      e
+    )) }) }),
+    /* @__PURE__ */ t("div", { className: n.tabSelectWrapper, children: /* @__PURE__ */ t(d, { variant: "whiteStroke", children: ["для коммерции", "для жилых"].map((a, e) => /* @__PURE__ */ t(
+      d.Item,
+      {
+        name: "type",
+        width: "160px",
+        withPadding: !0,
+        checked: s === a,
+        onChange: () => h(a),
+        value: a,
+        children: a
+      },
+      e
+    )) }) })
+  ] });
+};
+export {
+  I as default
+};

package/dist/pages/TagsPage/TagsPage.d.ts

@@ -0,0 +1 @@
+export declare const TagsPage: () => import("react/jsx-runtime").JSX.Element;

package/dist/pages/TagsPage/TagsPage.js

@@ -0,0 +1,64 @@
+import { jsxs as s, jsx as e } from "react/jsx-runtime";
+import { MetroTag as t } from "../../components/MetroTag/ui/MetroTag.js";
+import { Tag as i } from "../../components/Tag/ui/Tag.js";
+const m = "_root_1tmts_1", a = {
+  root: m
+}, d = () => {
+  const o = { name: "sokolnuyaki", color: "red", timeTo: 10, mode: "auto" }, r = [
+    { name: "Сокольники", color: "red", timeTo: 10, mode: "auto" },
+    { name: "Электрозаводская", color: "blue", timeTo: 10, mode: "auto" }
+  ];
+  return /* @__PURE__ */ s("div", { className: a.root, children: [
+    /* @__PURE__ */ e(t, { metro: r }),
+    /* @__PURE__ */ e(t, { metro: o }),
+    /* @__PURE__ */ e(
+      t,
+      {
+        metro: o,
+        withBg: !0
+      }
+    ),
+    /* @__PURE__ */ e(
+      t,
+      {
+        metro: o,
+        withBg: !0,
+        isBetween: !0,
+        width: "full"
+      }
+    ),
+    /* @__PURE__ */ e(
+      i,
+      {
+        variant: "shadeWhite",
+        size: "medium",
+        size_m: "tiny",
+        size_l: "tiny",
+        children: "От 285 000 ₽/м2"
+      }
+    ),
+    /* @__PURE__ */ e(
+      i,
+      {
+        variant: "chineseBlack",
+        size: "small",
+        size_m: "tiny",
+        size_l: "small",
+        children: "От 285 000 ₽/м2"
+      }
+    ),
+    /* @__PURE__ */ e(
+      i,
+      {
+        variant: "transWhite",
+        size: "small",
+        size_m: "tiny",
+        size_l: "small",
+        children: "От 285 000 ₽/м2"
+      }
+    )
+  ] });
+};
+export {
+  d as TagsPage
+};

package/dist/shared/checkLargeOffice.d.ts

@@ -0,0 +1,2 @@
+import { ILot } from '../components/LotCard/ui/LotCard.types.ts';
+export declare const checkLargeOffice: (lot?: ILot) => boolean;

package/dist/shared/checkLargeOffice.js

@@ -0,0 +1,4 @@
+const r = (e) => !!(e && e?.direction === 1 && (e?.type === 11 || e?.subType === 8));
+export {
+  r as checkLargeOffice
+};

package/dist/shared/deepEqual.d.ts

@@ -0,0 +1 @@
+export declare const deepEqual: (obj1: any, obj2: any) => boolean;

package/dist/shared/deepEqual.js

@@ -0,0 +1,16 @@
+const f = (e, t) => {
+  if (e === t)
+    return !0;
+  if (e == null || typeof e != "object" || t == null || typeof t != "object")
+    return !1;
+  const r = Object.keys(e), s = Object.keys(t);
+  if (r.length !== s.length)
+    return !1;
+  for (const n of r)
+    if (!s.includes(n) || !f(e[n], t[n]))
+      return !1;
+  return !0;
+};
+export {
+  f as deepEqual
+};

package/dist/shared/fmtNumber.d.ts

@@ -0,0 +1 @@
+export declare const fmtNumber: (num: string | null) => string;

package/dist/shared/fmtNumber.js

@@ -0,0 +1,4 @@
+const r = (e) => e ? Number(e).toFixed(1).replace(/\d(?=(\d{3})+\.)/g, "$& ") : "";
+export {
+  r as fmtNumber
+};

package/dist/shared/mlnRound.d.ts

@@ -0,0 +1 @@
+export declare function sclMillion(value: number | string): string;

package/dist/shared/mlnRound.js

@@ -0,0 +1,8 @@
+function i(n) {
+  if (n === "" || n === null || n === void 0) return "";
+  const e = (typeof n == "string" ? Number(n) : n) / 1e6;
+  return (Math.ceil(e * 10) / 10).toFixed(1).replace(".0", "");
+}
+export {
+  i as sclMillion
+};

package/dist/shared/useClientWidth.d.ts

@@ -3,4 +3,6 @@ export declare const useClientWidth: () => {
     isMobile: boolean;
     isTablet: boolean;
     isDesktop: boolean;
+    isMobileBorder: boolean;
+    isFullTablet: boolean;
 };