stone-kit 0.0.1030 → 0.0.1032

package/dist/components/DestinationTab/ui/DestinationTab.js

@@ -1,11 +1,11 @@
-import { jsxs as t, jsx as r } from "react/jsx-runtime";
-import { c as N } from "../../../index-rKuIKazb.js";
-const x = "_destination_1c7de_1", n = "_destinationName_1c7de_40", w = "_routeText_1c7de_45", g = "_whiteStroke_1c7de_65", k = "_routeWrapper_1c7de_78", _ = {
-  destination: x,
+import { jsxs as s, jsx as i } from "react/jsx-runtime";
+import { c as z } from "../../../index-B2JRaoNz.js";
+const N = "_destination_1c7de_1", x = "_destinationName_1c7de_40", w = "_routeText_1c7de_45", g = "_whiteStroke_1c7de_65", k = "_routeWrapper_1c7de_78", e = {
+  destination: N,
   "auto-width": "_auto-width_1c7de_29",
   "full-width": "_full-width_1c7de_33",
   "medium-size": "_medium-size_1c7de_37",
-  destinationName: n,
+  destinationName: x,
   routeText: w,
   "large-size": "_large-size_1c7de_51",
   whiteStroke: g,
@@ -14,58 +14,58 @@ const x = "_destination_1c7de_1", n = "_destinationName_1c7de_40", w = "_routeTe
   "large-size_m": "_large-size_m_1c7de_122",
   "medium-size_l": "_medium-size_l_1c7de_137",
   "large-size_l": "_large-size_l_1c7de_150"
-}, b = N.bind(_), f = ({
-  size: m = "medium",
-  size_m: c,
-  size_l: a,
-  destination: e = { destName: "", color: "" },
-  variant: d = "whiteStroke",
-  width: i = "auto",
-  routes: l = [],
-  checked: o,
-  onChange: u,
-  additionalClass: p = "",
-  ...h
-}) => /* @__PURE__ */ t(
+}, b = z.bind(e), f = ({
+  size: a = "medium",
+  size_m: d,
+  size_l: r,
+  destination: t = { destName: "", color: "" },
+  variant: m = "whiteStroke",
+  width: o = "auto",
+  routes: c = [],
+  checked: l,
+  onChange: n,
+  additionalClass: u = "",
+  ...p
+}) => /* @__PURE__ */ s(
   "label",
   {
     className: b(
-      _.destination,
-      _[`${m}-size`],
-      _[`${c}-size_m`],
-      _[`${a}-size_l`],
-      _[`${d}`],
-      _[`${i}-width`],
-      p
+      e.destination,
+      e[`${a}-size`],
+      e[`${d}-size_m`],
+      e[`${r}-size_l`],
+      e[`${m}`],
+      e[`${o}-width`],
+      u
     ),
-    ...h,
-    htmlFor: e.destName,
+    ...p,
+    htmlFor: t.destName,
     children: [
-      /* @__PURE__ */ r(
+      /* @__PURE__ */ i(
         "input",
         {
-          id: e.destName,
-          checked: o,
-          onChange: u,
+          id: t.destName,
+          checked: l,
+          onChange: n,
           type: "checkbox",
-          name: e.destName,
-          value: e.destName
+          name: t.destName,
+          value: t.destName
         }
       ),
-      /* @__PURE__ */ t("div", { className: _.destination, children: [
-        (e == null ? void 0 : e.color) && /* @__PURE__ */ r("span", { style: { background: (e == null ? void 0 : e.color) ?? "" } }),
-        e.destName
+      /* @__PURE__ */ s("div", { className: e.destination, children: [
+        t?.color && /* @__PURE__ */ i("span", { style: { background: t?.color ?? "" } }),
+        t.destName
       ] }),
-      l.map((s, z) => /* @__PURE__ */ t(
+      c.map((_, h) => /* @__PURE__ */ s(
         "div",
         {
-          className: _.routeWrapper,
+          className: e.routeWrapper,
           children: [
-            s.type,
-            /* @__PURE__ */ r("div", { className: _.routeText, children: s.text })
+            _.type,
+            /* @__PURE__ */ i("div", { className: e.routeText, children: _.text })
           ]
         },
-        z
+        h
       ))
     ]
   }

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

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 type destinationSizesWidth = 'auto' | 'full';
 export declare const DESTINATIONS_VARIANTS: {
     whiteStroke: string;

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

@@ -1,4 +1,3 @@
 import { default as React } from 'react';
 import { ComponentProps } from './FieldInput.types';
-
 export declare const FieldInput: ({ label, handleClear, isShowClear, children }: React.PropsWithChildren<ComponentProps>) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,4 @@
 import { default as React, ReactNode } from 'react';
-
 interface InputProps {
     label: string;
     handleClear?: () => void;

package/dist/components/FilterWithSave/hooks/useFilterWithSave.d.ts

@@ -1,5 +1,4 @@
 import { TOption } from '../../Select/ui/Select.types';
-
 interface IuseFilterWithSave {
     selectOptions?: TOption[];
     disabledOptions?: TOption[];

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 { b as w } from "../../../FilterWithSave-BWA01WwU.js";
-import "../../GroupedInput/ui/GroupedInputs.js";
-import "../../../index-rKuIKazb.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
 };

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

@@ -1,5 +1,4 @@
 import { TOption } from '../../Select/ui/Select.types';
-
 interface IFilterWithSave {
     selectOptions?: TOption[];
     disabledOptions?: TOption[];

package/dist/components/FilterWithSave/ui/FilterWithSave.js

@@ -1,9 +1,330 @@
-import "react/jsx-runtime";
-import "../../NewIcon/ui/NewIcon.js";
-import { F as a } from "../../../FilterWithSave-BWA01WwU.js";
-import "../../Modal/ui/Modal.js";
-import "../../../Option-DU8cvBnA.js";
-import "../../Button/ui/Button.js";
+import { jsxs as d, Fragment as I, jsx as t } from "react/jsx-runtime";
+import { O as M } from "../../../Option-rFBMQAPk.js";
+import { g as D } from "../../../index-B2JRaoNz.js";
+import { useFilterWithSave as P } from "../hooks/useFilterWithSave.js";
+import { NewIcon as S } from "../../NewIcon/ui/NewIcon.js";
+import { TabSwitcher as _ } from "../../TabSwitcher/ui/TabSwitcher.js";
+import { Button as f } from "../../Button/ui/Button.js";
+import { Modal as V } from "../../Modal/ui/Modal.js";
+const G = "_root_1v1y9_1", H = "_filterWithSaveModal_1v1y9_15", J = "_modalAddBody_1v1y9_20", K = "_closeBtn_1v1y9_29", Q = "_btnName_1v1y9_35", U = "_modalTitle_1v1y9_39", X = "_tabSWitcherWrapper_1v1y9_48", Y = "_switcherTitle_1v1y9_77", Z = "_switcherScroll_1v1y9_84", ee = "_tabs_1v1y9_93", te = "_selectWrapper_1v1y9_98", ae = "_filterOption_1v1y9_102", re = "_btnWrapper_1v1y9_110", ie = "_resetBtn_1v1y9_116", se = "_saveBtn_1v1y9_117", ne = "_desktopWrapper_1v1y9_121", le = "_desktopWrapperOpen_1v1y9_144", e = {
+  root: G,
+  filterWithSaveModal: H,
+  modalAddBody: J,
+  closeBtn: K,
+  btnName: Q,
+  modalTitle: U,
+  tabSWitcherWrapper: X,
+  switcherTitle: Y,
+  switcherScroll: Z,
+  tabs: ee,
+  selectWrapper: te,
+  filterOption: ae,
+  btnWrapper: re,
+  resetBtn: ie,
+  saveBtn: se,
+  desktopWrapper: ne,
+  desktopWrapperOpen: le
+};
+var N = { exports: {} };
+/*!
+	Copyright (c) 2018 Jed Watson.
+	Licensed under the MIT License (MIT), see
+	http://jedwatson.github.io/classnames
+*/
+var A;
+function oe() {
+  return A || (A = 1, (function(v) {
+    (function() {
+      var p = {}.hasOwnProperty;
+      function s() {
+        for (var a = "", i = 0; i < arguments.length; i++) {
+          var l = arguments[i];
+          l && (a = h(a, u.call(this, l)));
+        }
+        return a;
+      }
+      function u(a) {
+        if (typeof a == "string" || typeof a == "number")
+          return this && this[a] || a;
+        if (typeof a != "object")
+          return "";
+        if (Array.isArray(a))
+          return s.apply(this, a);
+        if (a.toString !== Object.prototype.toString && !a.toString.toString().includes("[native code]"))
+          return a.toString();
+        var i = "";
+        for (var l in a)
+          p.call(a, l) && a[l] && (i = h(i, this && this[l] || l));
+        return i;
+      }
+      function h(a, i) {
+        return i ? a ? a + " " + i : a + i : a;
+      }
+      v.exports ? (s.default = s, v.exports = s) : window.classNames = s;
+    })();
+  })(N)), N.exports;
+}
+var ce = oe();
+const de = /* @__PURE__ */ D(ce), pe = de.bind(e), ye = ({
+  disabledOptions: v,
+  tabs: p = [],
+  selectOptions: s = [],
+  onChange: u,
+  onClick: h = () => null,
+  selectedValues: a,
+  setSelectedTabs: i,
+  selectedTabs: l,
+  onClickItem: z,
+  onCLickSelect: B,
+  dataTestId: j,
+  onSaveClick: F = () => null,
+  onClearClick: R = () => null,
+  onTabClick: q = () => null,
+  btnName: E = "Фильтр"
+}) => {
+  const {
+    handleCloseModal: C,
+    localSelectedTabs: O,
+    selectedOptions: k,
+    isMobile: b,
+    handleOptionClick: w,
+    handleClearClick: T,
+    handleSaveClick: x,
+    isModalOpen: W,
+    setLocalSelectedTabs: g,
+    setIsModalOpen: y,
+    containerRef: L
+  } = P({
+    selectedTabs: l,
+    onClickItem: z,
+    setSelectedTabs: i,
+    tabs: p,
+    onChange: u,
+    disabledOptions: v,
+    selectedValues: a,
+    onSaveClick: F,
+    onClearClick: R
+  }), $ = () => /* @__PURE__ */ d(I, { children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: e.closeBtn,
+        onClick: () => {
+          C();
+        },
+        children: /* @__PURE__ */ t(
+          S,
+          {
+            name: "close",
+            size: "24"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ t("div", { className: e.modalTitle, children: "Фильтры" }),
+    /* @__PURE__ */ d("div", { className: e.tabSWitcherWrapper, children: [
+      /* @__PURE__ */ t("div", { className: e.switcherTitle, children: "Готовность" }),
+      /* @__PURE__ */ t("div", { className: e.switcherScroll, children: /* @__PURE__ */ t(
+        _,
+        {
+          variant: "grayRow",
+          addClassName: e.tabs,
+          isApart: !0,
+          children: p?.map((o, n) => {
+            const r = o.value;
+            return /* @__PURE__ */ t(
+              _.Item,
+              {
+                itemsLength: p?.length,
+                mini: !0,
+                size_s: "small",
+                value: r,
+                onClick: () => {
+                },
+                checked: O?.find((m) => m.value === r)?.state ?? !1,
+                onChange: () => {
+                  g?.(
+                    (m) => m.map((c) => c.value === r ? { ...c, state: !c.state } : c)
+                  );
+                },
+                index: n,
+                children: r
+              },
+              n
+            );
+          })
+        }
+      ) })
+    ] }),
+    /* @__PURE__ */ t("div", { className: e.selectWrapper, children: s?.map((o, n) => /* @__PURE__ */ t(
+      M,
+      {
+        sizeIcon: "24",
+        addClassName: e.filterOption,
+        disabledOptions: [],
+        clickableOptions: s?.map((r) => r.value.toString()),
+        selectedOptions: k,
+        option: o,
+        handleOptionClick: w
+      },
+      n
+    )) }),
+    /* @__PURE__ */ d("div", { className: e.btnWrapper, children: [
+      /* @__PURE__ */ t(
+        f,
+        {
+          as: "button",
+          variant: "gray",
+          additionalClass: e.resetBtn,
+          onClick: T,
+          children: "Сбросить"
+        }
+      ),
+      /* @__PURE__ */ t(
+        f,
+        {
+          as: "button",
+          additionalClass: e.saveBtn,
+          onClick: x,
+          children: "Сохранить"
+        }
+      )
+    ] })
+  ] });
+  return /* @__PURE__ */ d(I, { children: [
+    /* @__PURE__ */ d("div", { style: { position: "relative" }, children: [
+      /* @__PURE__ */ d(
+        "div",
+        {
+          className: e.root,
+          "data-testid": j,
+          onClick: () => {
+            B && B(), h && h(), b ? y((o) => !o) : W || y(!0);
+          },
+          children: [
+            /* @__PURE__ */ t("div", { className: e.btnName, children: E }),
+            /* @__PURE__ */ t(
+              S,
+              {
+                name: "filter",
+                size: "16"
+              }
+            )
+          ]
+        }
+      ),
+      !b && /* @__PURE__ */ d(
+        "div",
+        {
+          ref: L,
+          className: pe(e.desktopWrapper, { [e.desktopWrapperOpen]: W }),
+          children: [
+            /* @__PURE__ */ t(
+              "div",
+              {
+                className: e.closeBtn,
+                onClick: () => {
+                  C();
+                },
+                children: /* @__PURE__ */ t(
+                  S,
+                  {
+                    name: "close",
+                    size: "24"
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ t("div", { className: e.modalTitle, children: "Фильтры" }),
+            /* @__PURE__ */ d("div", { className: e.tabSWitcherWrapper, children: [
+              /* @__PURE__ */ t("div", { className: e.switcherTitle, children: "Готовность" }),
+              /* @__PURE__ */ t("div", { className: e.switcherScroll, children: /* @__PURE__ */ t(
+                _,
+                {
+                  variant: "grayRow",
+                  addClassName: e.tabs,
+                  isApart: !0,
+                  children: p?.map((o, n) => {
+                    const r = o.value;
+                    return /* @__PURE__ */ t(
+                      _.Item,
+                      {
+                        itemsLength: p?.length,
+                        dataTestId: `filterWithSave_year_${r}_tab`,
+                        size_s: "small",
+                        mini: !0,
+                        value: r,
+                        onClick: () => q(),
+                        checked: O?.find((m) => m.value === r)?.state ?? !1,
+                        onChange: () => {
+                          g?.(
+                            (m) => m.map((c) => c.value === r ? { ...c, state: !c.state } : c)
+                          );
+                        },
+                        index: n,
+                        addItemClassName: e.tabSwitcher,
+                        children: r
+                      },
+                      n
+                    );
+                  })
+                }
+              ) })
+            ] }),
+            /* @__PURE__ */ t("div", { className: e.selectWrapper, children: s?.map((o, n) => /* @__PURE__ */ t(
+              M,
+              {
+                sizeIcon: "24",
+                dataTestId: `filterWIthSave_${n}_select`,
+                addClassName: e.filterOption,
+                disabledOptions: [],
+                clickableOptions: s?.map((r) => r.value.toString()),
+                selectedOptions: k,
+                option: o,
+                handleOptionClick: w
+              },
+              n
+            )) }),
+            /* @__PURE__ */ d("div", { className: e.btnWrapper, children: [
+              /* @__PURE__ */ t(
+                f,
+                {
+                  "data-testid": "filterWithSave_clear_btn",
+                  as: "button",
+                  variant: "gray",
+                  additionalClass: e.resetBtn,
+                  onClick: T,
+                  children: "Сбросить"
+                }
+              ),
+              /* @__PURE__ */ t(
+                f,
+                {
+                  "data-testid": "filterWithSave_save_btn",
+                  as: "button",
+                  additionalClass: e.saveBtn,
+                  onClick: x,
+                  children: "Сохранить"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    ] }),
+    b && /* @__PURE__ */ t(
+      V,
+      {
+        isOpen: W,
+        emitIsOpen: y,
+        isTransparentBack: !0,
+        additionalClassModalBody: e.modalAddBody,
+        additionalClass: e.filterWithSaveModal,
+        children: /* @__PURE__ */ t($, {})
+      }
+    )
+  ] });
+};
 export {
-  a as FilterWithSave
+  ye as FilterWithSave
 };

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

@@ -1,3 +1,2 @@
 import { IFlexProps } from './Flex.types';
-
 export declare const Flex: ({ className, children, jc, ai, gap, fd, w, additionalClass, ...rest }: IFlexProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Flex/ui/Flex.js

@@ -1,5 +1,5 @@
 import { jsx as s } from "react/jsx-runtime";
-import { c as t } from "../../../index-rKuIKazb.js";
+import { c as t } from "../../../index-B2JRaoNz.js";
 const o = "_root_fi64k_1", _ = {
   root: o,
   "gap-1": "_gap-1_fi64k_5",

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type IFlex = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12' | '13' | '14' | '15' | '16';
 type IJustifyContent = 'start' | 'end' | 'center' | 'between' | 'around' | 'evenly';
 type IAlignItems = 'start' | 'end' | 'center' | 'stretch';