stone-kit 0.0.1066 → 0.0.1069

package/README.md

@@ -1,89 +1,89 @@
-# Stone-kit
-
-Uikit for stone redesign 2.0
-
-## Installation
-
-Package installation:
-
-```bash
-npm i stone-kit@latest
-```
-
-## Usage
-
-For Next.js page router in App.tsx:
-
-```bash
-import 'stone-kit/dist/style.css'
-```
-
-and then:
-
-```bash
-import {Button} from 'stone-kit'
-```
-
-For other projects u can immediately:
-
-```bash
-import {Button} from 'stone-kit'
-```
-
-## Docs
-
-### ButtonProps
-
-size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
-
-pre: optional, insert icon/text before button text. type: ReactNode
-
-post: optional, insert icon/text after button text. type: ReactNode
-
-variant: optional, color variants of button. type:
-'blue',
-'gray',
-'whiteStroke',
-'sokolniki',
-'black',
-'whiteFilled'
-
-width: optional, width of button. type: 'auto' | 'full'
-
-additionalClass: optional, add your custom class to button. type: 'string'
-
-as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
-
-### MobileButtonProps
-
-### Tag
-
-## Storybook в Docker
-
-### Запуск production-сборки
-
-Чтобы запустить готовую статическую сборку Storybook с помощью Docker и Nginx:
-
-1.  Убедитесь, что в корне проекта есть файлы `Dockerfile.prod` и `docker-compose.prod.yml`.
-2.  Выполните команду:docker system prune
-    ```sh
-    docker compose -f docker-compose.prod.yml up -d --force-recreate
-    ```
-3.  После завершения сборки и запуска, Storybook будет доступен по адресу `http://localhost:8080`.
-
-
-```
-openssl req -x509 -nodes -days 365 \
-  -newkey rsa:2048 \
-  -keyout certs/privkey.key \
-  -out certs/fullchain.crt \
-  -subj "/CN=storybook.stone.ru"
-
-
-
-openssl req -x509 -nodes -newkey rsa:2048 \
-    -days 365 -subj "/CN=storybook.stone.ru" \
-    -keyout certs/privkey.key \
-    -out certs/fullchain.crt
-
+# Stone-kit
+
+Uikit for stone redesign 2.0
+
+## Installation
+
+Package installation:
+
+```bash
+npm i stone-kit@latest
+```
+
+## Usage
+
+For Next.js page router in App.tsx:
+
+```bash
+import 'stone-kit/dist/style.css'
+```
+
+and then:
+
+```bash
+import {Button} from 'stone-kit'
+```
+
+For other projects u can immediately:
+
+```bash
+import {Button} from 'stone-kit'
+```
+
+## Docs
+
+### ButtonProps
+
+size: optional, size of button. types : 'large' | 'medium' | 'small' | 'tiny'
+
+pre: optional, insert icon/text before button text. type: ReactNode
+
+post: optional, insert icon/text after button text. type: ReactNode
+
+variant: optional, color variants of button. type:
+'blue',
+'gray',
+'whiteStroke',
+'sokolniki',
+'black',
+'whiteFilled'
+
+width: optional, width of button. type: 'auto' | 'full'
+
+additionalClass: optional, add your custom class to button. type: 'string'
+
+as: optional, u can convert button to link. type: 'button' | 'link'. 'button' by default.
+
+### MobileButtonProps
+
+### Tag
+
+## Storybook в Docker
+
+### Запуск production-сборки
+
+Чтобы запустить готовую статическую сборку Storybook с помощью Docker и Nginx:
+
+1.  Убедитесь, что в корне проекта есть файлы `Dockerfile.prod` и `docker-compose.prod.yml`.
+2.  Выполните команду:docker system prune
+    ```sh
+    docker compose -f docker-compose.prod.yml up -d --force-recreate
+    ```
+3.  После завершения сборки и запуска, Storybook будет доступен по адресу `http://localhost:8080`.
+
+
+```
+openssl req -x509 -nodes -days 365 \
+  -newkey rsa:2048 \
+  -keyout certs/privkey.key \
+  -out certs/fullchain.crt \
+  -subj "/CN=storybook.stone.ru"
+
+
+
+openssl req -x509 -nodes -newkey rsa:2048 \
+    -days 365 -subj "/CN=storybook.stone.ru" \
+    -keyout certs/privkey.key \
+    -out certs/fullchain.crt
+
 ```

package/dist/components/Button/index.d.ts

@@ -1,2 +1,2 @@
 export { Button } from './ui/Button';
-export type { ComponentProps, ButtonProps } from './ui/Button.types';
+export type { ComponentButtonProps, ButtonProps } from './ui/Button.types';

package/dist/components/Button/ui/Button.d.ts

@@ -1,3 +1,3 @@
 import { default as React } from 'react';
-import { ComponentProps } from './Button.types';
-export declare const Button: ({ size, size_m, size_l, onCLick, pre, children, post, variant, width, additionalClass, isLoading, loaderIconName, ...props }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;
+import { ComponentButtonProps } from './Button.types';
+export declare const Button: ({ size, size_m, size_l, onCLick, pre, children, post, variant, width, additionalClass, isLoading, loaderIconName, ...props }: React.PropsWithChildren<ComponentButtonProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Button/ui/Button.types.d.ts

@@ -30,7 +30,7 @@ export interface ButtonProps {
     as?: 'button' | 'link' | 'box';
     onCLick?: () => any;
 }
-export type ComponentProps = ButtonProps & ((React.ButtonHTMLAttributes<HTMLButtonElement> & {
+export type ComponentButtonProps = ButtonProps & ((React.ButtonHTMLAttributes<HTMLButtonElement> & {
     as?: 'button';
 }) | (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     as?: 'link';

package/dist/components/CheckBoxNew/CheckBoxNew.js

@@ -1,7 +1,7 @@
 import { jsxs as _, jsx as o } from "react/jsx-runtime";
-import { Input as m } from "../Input/ui/Input.js";
-import { c as h } from "../../index-YnD2EP-S.js";
-import { forwardRef as p } from "react";
+import { c as m } from "../../index-YnD2EP-S.js";
+import { forwardRef as h } from "react";
+import { Input as p } from "../Input/ui/Input.js";
 import { NewIcon as d } from "../NewIcon/ui/NewIcon.js";
 const i = "_checkboxLabel_14vcp_1", k = "_labelText_14vcp_36", T = "_labelTextModal_14vcp_44", f = "_error_14vcp_49", v = "_checkIcon_14vcp_58", e = {
   checkboxLabel: i,
@@ -9,10 +9,10 @@ const i = "_checkboxLabel_14vcp_1", k = "_labelText_14vcp_36", T = "_labelTextMo
   labelTextModal: T,
   error: f,
   checkIcon: v
-}, t = h.bind(e), w = p(
+}, t = m.bind(e), w = h(
   ({ text: c, isChecked: l, error: r, children: n, emitIsChecked: a, modalFontSize: s, ...b }, x) => /* @__PURE__ */ _("label", { className: t(e.checkboxLabel, { [e.error]: r }), children: [
     /* @__PURE__ */ o(
-      m,
+      p,
       {
         type: "checkbox",
         ...b,

package/dist/components/CommercialLotCard/CommercialLotCard.js

@@ -1,11 +1,83 @@
-import "react/jsx-runtime";
-import "../../index-YnD2EP-S.js";
-import "../../shared/fmtNumber.js";
-import "./components/Price/Price.js";
-import { C as c } from "../../FilterWithSave-NYWK9Gpz.js";
-import "./components/Tags/Tags.js";
-import "../FavoriteIcon/FavoriteIcon.js";
-import "./components/PaymentLink/PaymentLink.js";
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { c as b } from "../../index-YnD2EP-S.js";
+import { fmtNumber as v } from "../../shared/fmtNumber.js";
+import { Price as y } from "./components/Price/Price.js";
+import { Snippets as I } from "./components/Snippets/Snippets.js";
+import { Tags as s } from "./components/Tags/Tags.js";
+import { FavoriteIcon as L } from "../FavoriteIcon/FavoriteIcon.js";
+import { PaymentLink as P } from "./components/PaymentLink/PaymentLink.js";
+const w = "_root_uzpph_1", C = "_lotImageWrapper_uzpph_17", k = "_lotNameContent_uzpph_24", x = "_lotNameWrapper_uzpph_30", R = "_lotName_uzpph_24", S = "_lotNumber_uzpph_45", j = "_content_uzpph_54", T = "_featuresWrapper_uzpph_60", D = "_tags_uzpph_65", F = "_rootRow_uzpph_70", q = "_price_uzpph_105", A = "_paymentLink_uzpph_108", e = {
+  root: w,
+  lotImageWrapper: C,
+  lotNameContent: k,
+  lotNameWrapper: x,
+  lotName: R,
+  lotNumber: S,
+  content: j,
+  featuresWrapper: T,
+  tags: D,
+  rootRow: F,
+  price: q,
+  paymentLink: A
+}, B = b.bind(e), X = ({
+  lot: o,
+  hidFinParam: p = !1,
+  imgNode: c,
+  onPriceClickHandler: l,
+  addClassname: i,
+  isVertical: n = !1,
+  isFavorite: _,
+  favoriteClickHandler: r,
+  isMoreDetails: u
+}) => {
+  const { interiorPlanImg: N, floorPlanImg: h, area: g, subTypeName: f, number: d } = o || {}, z = f + ", " + v(g) + "м²", W = N ?? h ?? "";
+  return o ? /* @__PURE__ */ a("div", { className: B(e.root, i, { [e.rootRow]: !n }), children: [
+    /* @__PURE__ */ a("div", { className: e.lotImageWrapper, children: [
+      c || /* @__PURE__ */ t(
+        "img",
+        {
+          loading: "lazy",
+          src: W,
+          width: 295,
+          height: 213,
+          alt: "logo_image"
+        }
+      ),
+      r && /* @__PURE__ */ t(
+        L,
+        {
+          handleClickFavorite: (m) => {
+            r && r(o), m.preventDefault(), m.stopPropagation();
+          },
+          isFavorite: _
+        }
+      )
+    ] }),
+    /* @__PURE__ */ a("div", { className: e.content, children: [
+      /* @__PURE__ */ a("div", { className: e.lotNameWrapper, children: [
+        /* @__PURE__ */ a("div", { className: e.lotNameContent, children: [
+          /* @__PURE__ */ t("p", { className: e.lotName, children: z }),
+          /* @__PURE__ */ t("p", { className: e.lotNumber, children: d }),
+          /* @__PURE__ */ t(I, { lot: o }),
+          /* @__PURE__ */ t(s, { lot: o, classname: e.tags })
+        ] }),
+        !p && /* @__PURE__ */ t(
+          y,
+          {
+            lot: o,
+            isVertical: n,
+            onPriceClickHandler: l,
+            classname: e.price
+          }
+        )
+      ] }),
+      /* @__PURE__ */ a("div", { className: e.featuresWrapper, children: [
+        /* @__PURE__ */ t(s, { lot: o, classname: e.tags }),
+        /* @__PURE__ */ t(P, { specialProgram: o.specialProgram, classname: e.paymentLink, isMoreDetails: u, hidFinParam: p })
+      ] })
+    ] })
+  ] }) : null;
+};
 export {
-  c as CommercialLotCard
+  X as CommercialLotCard
 };

package/dist/components/CommercialLotCard/components/PaymentLink/PaymentLink.js

@@ -1,14 +1,14 @@
 import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { NewIcon as m } from "../../../NewIcon/ui/NewIcon.js";
-import { c as i } from "../../../../index-YnD2EP-S.js";
+import { c as m } from "../../../../index-YnD2EP-S.js";
+import { NewIcon as i } from "../../../NewIcon/ui/NewIcon.js";
 const c = "_paymentWrapper_1ywol_1", f = {
   paymentWrapper: c
 }, x = ({ specialProgram: e, classname: n, isMoreDetails: t, hidFinParam: a }) => {
   const s = !!e, o = () => a ? "Подробнее" : s || t ? "Узнать подробности" : "Доступно несколько способов оплаты";
-  return /* @__PURE__ */ p("div", { className: i(f.paymentWrapper, n), children: [
+  return /* @__PURE__ */ p("div", { className: m(f.paymentWrapper, n), children: [
     /* @__PURE__ */ r("span", { children: o() }),
     /* @__PURE__ */ r(
-      m,
+      i,
       {
         name: "arrowRight",
         size: "20"

package/dist/components/CommercialLotCard/components/Snippets/Snippets.js

@@ -1,29 +1,100 @@
-import "react/jsx-runtime";
-import "react";
-import "../../../Button/ui/Button.js";
-import "../../../mobileButton/ui/MobileButton.js";
-import "../../../NewIcon/ui/NewIcon.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 "../../../Flex/ui/Flex.js";
-import "../../../Input/ui/Input.js";
-import "react-dom";
-import "../../../../index-YnD2EP-S.js";
-import { a as A } from "../../../../FilterWithSave-NYWK9Gpz.js";
-import "../../../GroupedInput/ui/GroupedInputs.js";
-import "../../../MetroTag/ui/MetroTag.js";
-import "../../../Select/ui/Select.js";
-import "../../../../shared/useClientWidth.js";
-import "../../../SliderNavigation/ui/SliderNavigation.js";
-import "../../../LotCardSkeleton/ui/LotCardSkeleton.js";
-import "../../../TabSelect/ui/TabSelect.js";
-import "../../../CheckBox/CheckBox.js";
-import "../../../CheckBoxNew/CheckBoxNew.js";
-import "../../../CheckboxSelect/ui/CheckboxSelect.js";
-import "../../utils/getTagsFeatures.js";
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
+import { useState as A } from "react";
+import { getTagsFeatures as B } from "../../utils/getTagsFeatures.js";
+import { c as I } from "../../../../index-YnD2EP-S.js";
+import { useClientWidth as k } from "../../../../shared/useClientWidth.js";
+import { NewIcon as C } from "../../../NewIcon/ui/NewIcon.js";
+const M = "_snippet_1vgdm_1", W = "_snippetLast_1vgdm_9", j = "_snippets_1vgdm_25", D = "_retailSnippets_1vgdm_30", E = "_shownSnippets_1vgdm_35", F = "_addSnippets_1vgdm_64", T = "_addSnippetsActive_1vgdm_80", V = "_addSnippetsList_1vgdm_85", y = "_closeSnippetBtn_1vgdm_129", t = {
+  snippet: M,
+  snippetLast: W,
+  snippets: j,
+  retailSnippets: D,
+  shownSnippets: E,
+  addSnippets: F,
+  addSnippetsActive: T,
+  addSnippetsList: V,
+  closeSnippetBtn: y
+}, L = I.bind(t), K = ({ lot: g }) => {
+  const { type: w, windowViews: c, isCorner: N } = g || {}, [u, h] = A(!1), S = B({ ...g }), { isDesktop: r, isMobile: x } = k();
+  if (w === 3) {
+    if (x && (!c || c.length === 0))
+      return null;
+    let l = 0;
+    const i = r ? 36 : 28, n = [], d = [];
+    if (N) {
+      const e = "Угловая";
+      if (l + e.length <= i)
+        n.push(e), l += e.length;
+      else
+        return n;
+    }
+    if (c) {
+      const e = c.filter((p) => p && p.trim() !== "");
+      let s = 0, a = l;
+      for (let p = 0; p < e.length; p++) {
+        const m = e[p], _ = s > 0 ? " " + m : m;
+        if (a + _.length <= i)
+          n.push(m), a += _.length, s++;
+        else {
+          if (s === 0) {
+            const v = i - a;
+            if (v > 3) {
+              const b = m.substring(0, v - 3) + "...";
+              n.push(b), a = i;
+            } else
+              n.push("..."), a += 3;
+          }
+          d.push(...e.slice(p));
+          break;
+        }
+      }
+      l = a;
+    }
+    return /* @__PURE__ */ f("div", { className: t.retailSnippets, children: [
+      /* @__PURE__ */ o("ul", { className: t.shownSnippets, children: n?.map((e, s) => /* @__PURE__ */ o("li", { className: t.snippets, children: e }, s)) }),
+      d?.length > 0 && /* @__PURE__ */ f(
+        "div",
+        {
+          className: L(t.addSnippets, { [t.addSnippetsActive]: u }),
+          onClick: (e) => {
+            r || (e.stopPropagation(), e.preventDefault(), h((s) => !s));
+          },
+          onMouseEnter: () => {
+            r && h(!0);
+          },
+          onMouseLeave: () => {
+            r && h(!1);
+          },
+          children: [
+            "+" + d?.length,
+            u && /* @__PURE__ */ f("ul", { className: t.addSnippetsList, children: [
+              d.map((e, s) => /* @__PURE__ */ o("li", { children: e }, s)),
+              /* @__PURE__ */ o("div", { className: t.closeSnippetBtn, children: /* @__PURE__ */ o(
+                C,
+                {
+                  name: "close",
+                  size: "16",
+                  color: "#ffffff"
+                }
+              ) })
+            ] })
+          ]
+        }
+      )
+    ] });
+  }
+  return S.length ? /* @__PURE__ */ o("div", { className: t.snippets, children: S.map((l, i) => {
+    const n = i === S.length - 1;
+    return /* @__PURE__ */ o(
+      "div",
+      {
+        className: L(t.snippet, n ? "" : t.snippetLast),
+        children: l.text
+      },
+      i
+    );
+  }) }) : null;
+};
 export {
-  A as Snippets
+  K as Snippets
 };

package/dist/components/CommercialLotCard/components/Tags/Tags.js

@@ -1,6 +1,6 @@
 import { jsxs as p, jsx as i } from "react/jsx-runtime";
-import { Tag as n } from "../../../Tag/ui/Tag.js";
 import { c as u } from "../../../../index-YnD2EP-S.js";
+import { Tag as n } from "../../../Tag/ui/Tag.js";
 const f = "_root_xiuq1_1", x = {
   root: f
 }, b = ({ lot: g, classname: d }) => {

package/dist/components/FilterWithSave/hooks/useFilterWithSave.js

@@ -1,28 +1,56 @@
-import "react";
-import "../../Button/ui/Button.js";
-import "../../mobileButton/ui/MobileButton.js";
-import "../../NewIcon/ui/NewIcon.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 "../../Flex/ui/Flex.js";
-import "../../Input/ui/Input.js";
-import "react/jsx-runtime";
-import "react-dom";
-import "../../../index-YnD2EP-S.js";
-import { b as w } from "../../../FilterWithSave-NYWK9Gpz.js";
-import "../../GroupedInput/ui/GroupedInputs.js";
-import "../../MetroTag/ui/MetroTag.js";
-import "../../Select/ui/Select.js";
-import "../../../shared/useClientWidth.js";
-import "../../SliderNavigation/ui/SliderNavigation.js";
-import "../../LotCardSkeleton/ui/LotCardSkeleton.js";
-import "../../TabSelect/ui/TabSelect.js";
-import "../../CheckBox/CheckBox.js";
-import "../../CheckBoxNew/CheckBoxNew.js";
-import "../../CheckboxSelect/ui/CheckboxSelect.js";
+import { useState as c, useRef as w, useEffect as p } from "react";
+import { useClientWidth as x } from "../../../shared/useClientWidth.js";
+const I = ({
+  selectedTabs: n = [],
+  selectedValues: v = [],
+  onClickItem: m,
+  disabledOptions: h = [],
+  tabs: a = [],
+  onChange: s,
+  setSelectedTabs: S,
+  onSaveClick: C,
+  onClearClick: E
+}) => {
+  const { isMobile: L } = x(), [i, u] = c(!1), f = w(null), [M, g] = c(n), [R] = c(v), [O, r] = c(M), [l, o] = c(R), y = (e) => {
+    if (m && m(e), h.some((t) => t.value === e.value))
+      return;
+    const d = l.some((t) => t.value === e.value) ? l.filter((t) => t.value !== e.value) : [...l, e];
+    o(d);
+  }, J = () => {
+    g(a), r(a), o([]), E(), s && (s([]), S?.(a));
+  }, N = () => {
+    o(v), r(n);
+  }, k = () => {
+    N(), u(!1);
+  }, W = (e) => {
+    e.stopPropagation(), C(), s && (S?.(O), s(l)), u(!1);
+  };
+  return p(() => {
+    i || r((e) => JSON.stringify(e) !== JSON.stringify(n) ? n : e);
+  }, [i, n]), p(() => {
+    const e = (d) => {
+      if (!f.current) return;
+      const t = d.target;
+      f.current.contains(t) || t.closest("svg") || k();
+    };
+    return i ? document.addEventListener("click", e) : document.removeEventListener("click", e), () => {
+      document.removeEventListener("click", e);
+    };
+  }, [i]), {
+    isMobile: L,
+    handleClearClick: J,
+    handleCloseModal: k,
+    handleOptionClick: y,
+    handleSaveClick: W,
+    localSelectedTabs: O,
+    selectedOptions: l,
+    setSelectedOptions: o,
+    isModalOpen: i,
+    setIsModalOpen: u,
+    setLocalSelectedTabs: r,
+    containerRef: f
+  };
+};
 export {
-  w as useFilterWithSave
+  I as useFilterWithSave
 };