stone-kit 0.0.1030 → 0.0.1031

package/dist/stories/shared/ui/TabSwitcher/TabSwitcher.stories.js

@@ -1,5 +1,5 @@
-import { l as a } from "../../../../index-DvCs2JPX.js";
-import { T as e } from "../../../../FilterWithSave-BWA01WwU.js";
+import { l as a } from "../../../../index-3E04UaC2.js";
+import { TabSwitcher as e } from "../../../../components/TabSwitcher/ui/TabSwitcher.js";
 const t = [
   { value: "tab1", label: "Overview" },
   { value: "tab2", label: "Details" },

package/dist/stories/shared/ui/Tag/Tag.stories.js

@@ -1,8 +1,8 @@
-import { Tag as t } from "../../../../components/Tag/ui/Tag.js";
-import { TAG_VARIANTS as e } from "../../../../components/Tag/ui/Tag.types.js";
+import { TAG_VARIANTS as t } from "../../../../components/Tag/ui/Tag.types.js";
+import { Tag as e } from "../../../../components/Tag/ui/Tag.js";
 const o = {
   title: "shared/ui/Tag",
-  component: t,
+  component: e,
   parameters: {
     layout: "centered"
   },
@@ -11,7 +11,7 @@ const o = {
     variant: {
       control: {
         type: "select",
-        options: Object.keys(e)
+        options: Object.keys(t)
       }
     },
     size: {

package/dist/stories/shared/ui/ZoomControls/ZoomControls.stories.js

@@ -1,4 +1,4 @@
-import { l as o } from "../../../../index-DvCs2JPX.js";
+import { l as o } from "../../../../index-3E04UaC2.js";
 import { ZoomControls as m } from "../../../../components/ZoomControls/ui/ZoomControls.js";
 const a = {
   title: "shared/ui/ZoomControls",

package/dist/useLotCard-DG9doKCX.js

@@ -0,0 +1,186 @@
+import { jsxs as _, jsx as t, Fragment as J } from "react/jsx-runtime";
+import { useState as K } from "react";
+import { getTagsFeatures as Q } from "./components/LotCard/utils/getTagsFeatures.js";
+import { c as U } from "./index-B2JRaoNz.js";
+import { checkBedroomsCount as X } from "./components/LotCard/utils/checkBedroomsCount.js";
+import { formatPayment as Y } from "./components/LotCard/utils/monthlyPayment.js";
+import { useClientWidth as Z } from "./shared/useClientWidth.js";
+import { Text as tt } from "./components/Text/ui/Text.js";
+import { NewIcon as et } from "./components/NewIcon/ui/NewIcon.js";
+const st = "_root_15scj_1", ot = "_lotBtn_15scj_12", rt = "_rootDisable_15scj_26", nt = "_lotImageWrapper_15scj_26", it = "_lotInfoWrapper_15scj_27", ct = "_infoHeader_15scj_47", pt = "_monthlyWrapper_15scj_56", lt = "_price_15scj_66", at = "_monthlyPayment_15scj_73", _t = "_decor_15scj_79", dt = "_lotPropertyListMobile_15scj_86", mt = "_lotPropertyItem_15scj_94", ut = "_lotPropertyListDesktop_15scj_111", ht = "_lotPriceWrapper_15scj_115", ft = "_discountWrapper_15scj_121", jt = "_discountPrice_15scj_132", Pt = "_priceWrap_15scj_144", gt = "_snippetLast_15scj_154", St = "_snippet_15scj_154", Wt = "_tagsMobile_15scj_169", yt = "_discountTag_15scj_184", bt = "_lotPricePerMetr_15scj_188", Lt = "_btnWrapper_15scj_193", wt = "_title_15scj_200", vt = "_snippets_15scj_204", It = "_retailSnippets_15scj_209", Mt = "_shownSnippets_15scj_214", Nt = "_addSnippets_15scj_239", Tt = "_addSnippetsActive_15scj_255", Bt = "_addSnippetsList_15scj_260", Ct = "_closeSnippetBtn_15scj_304", Rt = "_rootRow_15scj_316", xt = "_rowTablet_15scj_327", Dt = "_rootRightSide_15scj_368", kt = "_topWrapper_15scj_384", Ft = "_botWrapper_15scj_389", Ht = "_lotPriceWrapperRow_15scj_420", At = "_fullscreenBtn_15scj_430", Vt = "_projectLotPricePerMetr_15scj_449", $t = "_paymentClass_15scj_489", e = {
+  root: st,
+  lotBtn: ot,
+  rootDisable: rt,
+  lotImageWrapper: nt,
+  lotInfoWrapper: it,
+  infoHeader: ct,
+  monthlyWrapper: pt,
+  price: lt,
+  monthlyPayment: at,
+  decor: _t,
+  lotPropertyListMobile: dt,
+  lotPropertyItem: mt,
+  lotPropertyListDesktop: ut,
+  lotPriceWrapper: ht,
+  discountWrapper: ft,
+  discountPrice: jt,
+  priceWrap: Pt,
+  snippetLast: gt,
+  snippet: St,
+  tagsMobile: Wt,
+  discountTag: yt,
+  lotPricePerMetr: bt,
+  btnWrapper: Lt,
+  title: wt,
+  snippets: vt,
+  retailSnippets: It,
+  shownSnippets: Mt,
+  addSnippets: Nt,
+  addSnippetsActive: Tt,
+  addSnippetsList: Bt,
+  closeSnippetBtn: Ct,
+  rootRow: Rt,
+  rowTablet: xt,
+  rootRightSide: Dt,
+  topWrapper: kt,
+  botWrapper: Ft,
+  lotPriceWrapperRow: Ht,
+  fullscreenBtn: At,
+  projectLotPricePerMetr: Vt,
+  paymentClass: $t
+}, d = U.bind(e), Yt = ({ lot: L, rowConditions: w }) => {
+  const {
+    status: x,
+    direction: D,
+    area: v,
+    floor: u,
+    endFloor: W,
+    floorsNumber: p,
+    type: y,
+    isCorner: k,
+    windowViews: h,
+    subTypeName: I,
+    number: M,
+    bedroomsCount: F,
+    mortgageMonthlyPayment: N
+  } = L, [b, f] = K(!1), H = x === 2, A = D === 1, j = y === 11, V = v ? v + " м²" : "", m = u && p ? (W && W !== u ? u + "-" + W : u) + " из " + p : "", P = Q({ ...L }), { isTablet: T, isDesktop: l, isMobile: B, currentClientWidth: $ } = Z(), E = typeof w < "u" ? w : l || T, z = () => j ? p ? "Кол-во этажей: " + p : "" : m ? "Этаж: " + m : "", O = () => j ? p ? /* @__PURE__ */ _("li", { className: d(e.lotPropertyItem), children: [
+    /* @__PURE__ */ t("div", { children: "Количество этажей" }),
+    /* @__PURE__ */ t("div", { children: p })
+  ] }) : null : m ? /* @__PURE__ */ _("li", { className: d(e.lotPropertyItem), children: [
+    /* @__PURE__ */ t("div", { children: "Этаж" }),
+    /* @__PURE__ */ t("div", { children: m })
+  ] }) : null, q = () => {
+    if (y === 3) {
+      if (B && (!h || h.length === 0))
+        return null;
+      let r = 0;
+      const o = l ? 36 : 28, i = [], g = [];
+      if (k) {
+        const s = "Угловая";
+        if (r + s.length <= o)
+          i.push(s), r += s.length;
+        else
+          return i;
+      }
+      if (h) {
+        const s = h.filter((c) => c && c.trim() !== "");
+        let n = 0, a = r;
+        for (let c = 0; c < s.length; c++) {
+          const S = s[c], C = n > 0 ? " " + S : S;
+          if (a + C.length <= o)
+            i.push(S), a += C.length, n++;
+          else {
+            if (n === 0) {
+              const R = o - a;
+              if (R > 3) {
+                const G = S.substring(0, R - 3) + "...";
+                i.push(G), a = o;
+              } else
+                i.push("..."), a += 3;
+            }
+            g.push(...s.slice(c));
+            break;
+          }
+        }
+        r = a;
+      }
+      return /* @__PURE__ */ _("div", { className: e.retailSnippets, children: [
+        /* @__PURE__ */ t("ul", { className: e.shownSnippets, children: i?.map((s, n) => /* @__PURE__ */ t("li", { children: s }, n)) }),
+        g?.length > 0 && /* @__PURE__ */ _(
+          "div",
+          {
+            className: d(e.addSnippets, { [e.addSnippetsActive]: b }),
+            onClick: (s) => {
+              l || (s.stopPropagation(), s.preventDefault(), f((n) => !n));
+            },
+            onMouseEnter: () => {
+              l && f(!0);
+            },
+            onMouseLeave: () => {
+              l && f(!1);
+            },
+            children: [
+              "+" + g?.length,
+              b && /* @__PURE__ */ _("ul", { className: e.addSnippetsList, children: [
+                g.map((s, n) => /* @__PURE__ */ t("li", { children: s }, n)),
+                /* @__PURE__ */ t("div", { className: e.closeSnippetBtn, children: /* @__PURE__ */ t(
+                  et,
+                  {
+                    name: "close",
+                    size: "16",
+                    color: "#ffffff"
+                  }
+                ) })
+              ] })
+            ]
+          }
+        )
+      ] });
+    }
+    return P.length ? /* @__PURE__ */ t("div", { className: e.snippets, children: P.map((r, o) => {
+      const i = o === P.length - 1;
+      return /* @__PURE__ */ t(
+        "div",
+        {
+          className: d(e.snippet, i ? "" : e.snippetLast),
+          children: r.text
+        },
+        o
+      );
+    }) }) : null;
+  };
+  return {
+    currentClientWidth: $,
+    isBuilding: j,
+    LotCardInfo: () => {
+      const r = A && y && I ? I : X(F), o = j ? r : `${r}${M ? `, ${M}` : ""}`;
+      return /* @__PURE__ */ t(J, { children: /* @__PURE__ */ _("div", { className: d(e.monthlyWrapper), children: [
+        o && /* @__PURE__ */ t(
+          tt,
+          {
+            className: d(e.infoHeader),
+            html: o
+          }
+        ),
+        N && /* @__PURE__ */ t("div", { className: e.monthlyPayment, children: Y(N) }),
+        /* @__PURE__ */ t(q, {})
+      ] }) });
+    },
+    tagFeatures: P,
+    FloorByType: O,
+    isTablet: T,
+    isDesktop: l,
+    getFloorStr: z,
+    isReserved: H,
+    isMobile: B,
+    areaStr: V,
+    floorStr: m,
+    isShowSnippet: b,
+    setIsShowSnippet: f,
+    rowConditionsVar: E
+  };
+};
+export {
+  e as s,
+  Yt as u
+};

package/dist/useSortSelect-B8HOGdOt.js

@@ -0,0 +1,79 @@
+import { jsxs as k, jsx as s } from "react/jsx-runtime";
+import { c as q } from "./index-B2JRaoNz.js";
+const O = "_sortSelectWrapper_1b2qn_1", v = "_selectedOptions_1b2qn_11", x = "_selectionOptionMini_1b2qn_34", B = "_selectedOptionsOpened_1b2qn_38", S = "_selectOptionsDisabled_1b2qn_42", f = "_optionsList_1b2qn_49", C = "_mobileOptionList_1b2qn_64", L = "_mobileSortHeader_1b2qn_72", W = "_modalAddBody_1b2qn_86", g = "_inputWrapper_1b2qn_92", T = "_option_1b2qn_49", D = "_icon_1b2qn_120", N = "_checkBox_1b2qn_127", y = "_checkBoxChecked_1b2qn_134", A = "_innerCheck_1b2qn_141", H = "_sortSelectWrapperTop_1b2qn_172", M = "_optionListOnTop_1b2qn_175", t = {
+  sortSelectWrapper: O,
+  selectedOptions: v,
+  selectionOptionMini: x,
+  selectedOptionsOpened: B,
+  selectOptionsDisabled: S,
+  optionsList: f,
+  mobileOptionList: C,
+  mobileSortHeader: L,
+  modalAddBody: W,
+  inputWrapper: g,
+  option: T,
+  icon: D,
+  checkBox: N,
+  checkBoxChecked: y,
+  innerCheck: A,
+  sortSelectWrapperTop: H,
+  optionListOnTop: M
+}, _ = q.bind(t), z = ({
+  selectedOption: n,
+  setSelectedOption: i,
+  setIsOpen: d,
+  containerRef: r,
+  onBlur: l,
+  onChange: a,
+  onClickOption: p,
+  isMobile: u,
+  placeholder: b
+}) => {
+  const h = (e) => (o) => {
+    o.stopPropagation(), p && p(e);
+    const c = n?.value === e.value ? null : e;
+    if (c && (i && i(c), a)) {
+      const m = {
+        ...o,
+        target: { value: c }
+      };
+      a(m);
+    }
+  };
+  return { handleDocumentClick: (e) => {
+    r.current && !r.current.contains(e.target) && d(!1);
+  }, handleBlur: (e) => {
+    if (l) {
+      const o = {
+        ...e,
+        target: { value: n }
+      };
+      l(o);
+    }
+  }, getInputValue: () => u ? "" : n ? n.label : b, getOption: (e) => /* @__PURE__ */ k(
+    "div",
+    {
+      className: _(t.option, {
+        [t.selected]: n?.value === e.value
+      }),
+      onClick: h(e),
+      children: [
+        /* @__PURE__ */ s("div", { children: e.label }),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: _(t.checkBox, {
+              [t.checkBoxChecked]: n?.value === e.value
+            }),
+            children: n?.value === e.value && /* @__PURE__ */ s("div", { className: t.innerCheck })
+          }
+        )
+      ]
+    },
+    e.value
+  ) };
+};
+export {
+  t as s,
+  z as u
+};

package/package.json

@@ -2,7 +2,7 @@
   "name": "stone-kit",
   "description": "uikit for redesign",
   "private": false,
-  "version": "0.0.1030",
+  "version": "0.0.1031",
   "author": "Mollycodd1e",
   "license": "ISC",
   "type": "module",