stone-kit 0.0.1061 → 0.0.1065

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 +1,2 @@
 export { Button } from './ui/Button';
+export type { ComponentProps, ButtonProps } from './ui/Button.types';

package/dist/components/Button/ui/Button.js

@@ -1,26 +1,26 @@
-import { jsx as l, jsxs as m, Fragment as c } from "react/jsx-runtime";
+import { jsx as _, jsxs as m, Fragment as c } from "react/jsx-runtime";
 import { c as w } from "../../../index-YnD2EP-S.js";
 import { NewIcon as f } from "../../NewIcon/ui/NewIcon.js";
-const C = "_btnCommon_1le83_1", N = "_btnLoading_1le83_20", S = "_pre_1le83_24", p = "_post_1le83_25", v = "_isHidden_1le83_29", H = "_blue_1le83_73", B = "_lightBlue_1le83_87", L = "_sokolniki_1le83_102", $ = "_black_1le83_116", x = "_gray_1le83_130", F = "_whiteStroke_1le83_144", j = "_whiteFilled_1le83_156", I = "_shade_1le83_170", q = "_transparent_1le83_176", A = "_volodiyaLight_1le83_197", D = "_loader_1le83_203", E = "_LoaderSpin_1le83_1", G = "_loader_stroke_1le83_207", e = {
+const C = "_btnCommon_1le83_1", N = "_btnLoading_1le83_20", v = "_pre_1le83_24", S = "_post_1le83_25", H = "_isHidden_1le83_29", x = "_blue_1le83_73", B = "_lightBlue_1le83_87", $ = "_sokolniki_1le83_102", F = "_black_1le83_116", L = "_gray_1le83_130", j = "_whiteStroke_1le83_144", I = "_whiteFilled_1le83_156", p = "_shade_1le83_170", q = "_transparent_1le83_176", A = "_volodiyaLight_1le83_197", D = "_loader_1le83_203", E = "_LoaderSpin_1le83_1", G = "_loader_stroke_1le83_207", e = {
   btnCommon: C,
   btnLoading: N,
-  pre: S,
-  post: p,
-  isHidden: v,
+  pre: v,
+  post: S,
+  isHidden: H,
   "auto-width": "_auto-width_1le83_33",
   "full-width": "_full-width_1le83_37",
   "tiny-size": "_tiny-size_1le83_41",
   "small-size": "_small-size_1le83_49",
   "medium-size": "_medium-size_1le83_57",
   "large-size": "_large-size_1le83_65",
-  blue: H,
+  blue: x,
   lightBlue: B,
-  sokolniki: L,
-  black: $,
-  gray: x,
-  whiteStroke: F,
-  whiteFilled: j,
-  shade: I,
+  sokolniki: $,
+  black: F,
+  gray: L,
+  whiteStroke: j,
+  whiteFilled: I,
+  shade: p,
   transparent: q,
   volodiyaLight: A,
   loader: D,
@@ -38,58 +38,66 @@ const C = "_btnCommon_1le83_1", N = "_btnLoading_1le83_20", S = "_pre_1le83_24",
   size: z = "medium",
   size_m: h,
   size_l: u,
-  onCLick: o,
-  pre: t = !1,
+  onCLick: t,
+  pre: n = !1,
   children: b = "",
-  post: n = !1,
+  post: o = !1,
   variant: k = "blue",
   width: g = "auto",
   additionalClass: y = "",
-  isLoading: _ = !1,
-  loaderIconName: a = "loader",
-  ...i
+  isLoading: i = !1,
+  loaderIconName: r = "loader",
+  ...l
 }) => {
-  const d = s(
+  const a = s(
     e.btnCommon,
     e[`${z}-size`],
     e[`${h}-size_m`],
     e[`${u}-size_l`],
     e[`${k}`],
-    { [e.btnLoading]: _ },
-    { [e.btnCommonInline]: t || n },
+    { [e.btnLoading]: i },
+    { [e.btnCommonInline]: n || o },
     e[`${g}-width`],
     y
-  ), r = () => /* @__PURE__ */ m(c, { children: [
-    _ && /* @__PURE__ */ l(
+  ), d = () => /* @__PURE__ */ m(c, { children: [
+    i && /* @__PURE__ */ _(
       f,
       {
-        name: a,
+        name: r,
         size: "24",
         color: "currentColor",
-        additionalClass: s(e.loader, a === "loaderStroke" && e.loader_stroke)
+        additionalClass: s(e.loader, r === "loaderStroke" && e.loader_stroke)
       }
     ),
     /* @__PURE__ */ m(c, { children: [
-      t && /* @__PURE__ */ l("div", { className: s(e.pre, { [e.isHidden]: _ }), children: t }),
-      /* @__PURE__ */ l("div", { className: s({ [e.isHidden]: _ }), children: b }),
-      n && /* @__PURE__ */ l("div", { className: s(e.post, { [e.isHidden]: _ }), children: n })
+      n && /* @__PURE__ */ _("div", { className: s(e.pre, { [e.isHidden]: i }), children: n }),
+      /* @__PURE__ */ _("div", { className: s({ [e.isHidden]: i }), children: b }),
+      o && /* @__PURE__ */ _("div", { className: s(e.post, { [e.isHidden]: i }), children: o })
     ] })
   ] });
-  return i.as === "link" ? (delete i.as, /* @__PURE__ */ l(
+  return l.as === "box" ? (delete l.as, /* @__PURE__ */ _(
+    "div",
+    {
+      className: a,
+      onClick: t,
+      ...l,
+      children: d()
+    }
+  )) : l.as === "link" ? (delete l.as, /* @__PURE__ */ _(
     "a",
     {
-      className: d,
-      onClick: o,
-      ...i,
-      children: r()
+      className: a,
+      onClick: t,
+      ...l,
+      children: d()
     }
-  )) : (delete i.as, /* @__PURE__ */ l(
+  )) : (delete l.as, /* @__PURE__ */ _(
     "button",
     {
-      className: d,
-      onClick: o,
-      ...i,
-      children: r()
+      className: a,
+      onClick: t,
+      ...l,
+      children: d()
     }
   ));
 };

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

@@ -15,7 +15,7 @@ export declare const BUTTON_VARIANTS: {
 export type btnVariant = keyof typeof BUTTON_VARIANTS;
 type btnSizes = 'large' | 'medium' | 'small' | 'tiny';
 type TLoaderIconName = 'loader' | 'loaderStroke';
-interface ButtonProps {
+export interface ButtonProps {
     size?: btnSizes;
     size_m?: btnSizes;
     size_l?: btnSizes;
@@ -27,12 +27,14 @@ interface ButtonProps {
     additionalClass?: string;
     isLoading?: boolean;
     loaderIconName?: TLoaderIconName;
-    as?: 'button' | 'link';
+    as?: 'button' | 'link' | 'box';
     onCLick?: () => any;
 }
 export type ComponentProps = ButtonProps & ((React.ButtonHTMLAttributes<HTMLButtonElement> & {
     as?: 'button';
 }) | (React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     as?: 'link';
-} & Required<Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>));
+} & Required<Pick<React.AnchorHTMLAttributes<HTMLAnchorElement>, 'href'>>) | (React.HTMLAttributes<HTMLDivElement> & {
+    as?: 'box';
+}));
 export {};

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-BxGKzdKt.js";
-import "./components/Tags/Tags.js";
-import "../FavoriteIcon/FavoriteIcon.js";
-import "./components/PaymentLink/PaymentLink.js";
+import { jsxs as o, 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 m } from "./components/Tags/Tags.js";
+import { FavoriteIcon as P } from "../FavoriteIcon/FavoriteIcon.js";
+import { PaymentLink as L } 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", F = "_featuresWrapper_uzpph_60", T = "_tags_uzpph_65", D = "_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: F,
+  tags: T,
+  rootRow: D,
+  price: q,
+  paymentLink: A
+}, B = b.bind(e), X = ({
+  lot: a,
+  hidFinParam: s = !1,
+  imgNode: c,
+  onPriceClickHandler: l,
+  addClassname: i,
+  isVertical: p = !1,
+  isFavorite: _,
+  favoriteClickHandler: r,
+  isMoreDetails: u
+}) => {
+  const { interiorPlanImg: N, floorPlanImg: h, area: g, subTypeName: d, number: f } = a || {}, z = d + ", " + v(g) + "м²", W = N ?? h ?? "";
+  return a ? /* @__PURE__ */ o("div", { className: B(e.root, i, { [e.rootRow]: !p }), children: [
+    /* @__PURE__ */ o("div", { className: e.lotImageWrapper, children: [
+      c || /* @__PURE__ */ t(
+        "img",
+        {
+          loading: "lazy",
+          src: W,
+          width: 295,
+          height: 213,
+          alt: "logo_image"
+        }
+      ),
+      r && /* @__PURE__ */ t(
+        P,
+        {
+          handleClickFavorite: (n) => {
+            r && r(a), n.preventDefault(), n.stopPropagation();
+          },
+          isFavorite: _
+        }
+      )
+    ] }),
+    /* @__PURE__ */ o("div", { className: e.content, children: [
+      /* @__PURE__ */ o("div", { className: e.lotNameWrapper, children: [
+        /* @__PURE__ */ o("div", { className: e.lotNameContent, children: [
+          /* @__PURE__ */ t("p", { className: e.lotName, children: z }),
+          /* @__PURE__ */ t("p", { className: e.lotNumber, children: f }),
+          /* @__PURE__ */ t(I, { lot: a }),
+          /* @__PURE__ */ t(m, { lot: a, classname: e.tags })
+        ] }),
+        !s && /* @__PURE__ */ t(
+          y,
+          {
+            lot: a,
+            isVertical: p,
+            onPriceClickHandler: l,
+            classname: e.price
+          }
+        )
+      ] }),
+      /* @__PURE__ */ o("div", { className: e.featuresWrapper, children: [
+        /* @__PURE__ */ t(m, { lot: a, classname: e.tags }),
+        /* @__PURE__ */ t(L, { specialProgram: a.specialProgram, classname: e.paymentLink, isMoreDetails: u })
+      ] })
+    ] })
+  ] }) : null;
+};
 export {
-  c as CommercialLotCard
+  X as CommercialLotCard
 };

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

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