stone-kit 0.0.1028 → 0.0.1030

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

@@ -1,11 +1,11 @@
-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,
+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,
   "auto-width": "_auto-width_1c7de_29",
   "full-width": "_full-width_1c7de_33",
   "medium-size": "_medium-size_1c7de_37",
-  destinationName: x,
+  destinationName: n,
   routeText: w,
   "large-size": "_large-size_1c7de_51",
   whiteStroke: g,
@@ -14,58 +14,58 @@ const N = "_destination_1c7de_1", x = "_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 = 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(
+}, 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(
   "label",
   {
     className: b(
-      e.destination,
-      e[`${a}-size`],
-      e[`${d}-size_m`],
-      e[`${r}-size_l`],
-      e[`${m}`],
-      e[`${o}-width`],
-      u
+      _.destination,
+      _[`${m}-size`],
+      _[`${c}-size_m`],
+      _[`${a}-size_l`],
+      _[`${d}`],
+      _[`${i}-width`],
+      p
     ),
-    ...p,
-    htmlFor: t.destName,
+    ...h,
+    htmlFor: e.destName,
     children: [
-      /* @__PURE__ */ i(
+      /* @__PURE__ */ r(
         "input",
         {
-          id: t.destName,
-          checked: l,
-          onChange: n,
+          id: e.destName,
+          checked: o,
+          onChange: u,
           type: "checkbox",
-          name: t.destName,
-          value: t.destName
+          name: e.destName,
+          value: e.destName
         }
       ),
-      /* @__PURE__ */ s("div", { className: e.destination, children: [
-        t?.color && /* @__PURE__ */ i("span", { style: { background: t?.color ?? "" } }),
-        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
       ] }),
-      c.map((_, h) => /* @__PURE__ */ s(
+      l.map((s, z) => /* @__PURE__ */ t(
         "div",
         {
-          className: e.routeWrapper,
+          className: _.routeWrapper,
           children: [
-            _.type,
-            /* @__PURE__ */ i("div", { className: e.routeText, children: _.text })
+            s.type,
+            /* @__PURE__ */ r("div", { className: _.routeText, children: s.text })
           ]
         },
-        h
+        z
       ))
     ]
   }

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

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

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

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

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

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

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

@@ -1,56 +1,28 @@
-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
-  };
-};
+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";
 export {
-  I as useFilterWithSave
+  w as useFilterWithSave
 };

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

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

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

@@ -1,330 +1,9 @@
-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: W,
-    handleOptionClick: w,
-    handleClearClick: T,
-    handleSaveClick: x,
-    isModalOpen: b,
-    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(), W ? y((o) => !o) : b || y(!0);
-          },
-          children: [
-            /* @__PURE__ */ t("div", { className: e.btnName, children: E }),
-            /* @__PURE__ */ t(
-              S,
-              {
-                name: "filter",
-                size: "16"
-              }
-            )
-          ]
-        }
-      ),
-      !W && /* @__PURE__ */ d(
-        "div",
-        {
-          ref: L,
-          className: pe(e.desktopWrapper, { [e.desktopWrapperOpen]: b }),
-          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: "Сохранить"
-                }
-              )
-            ] })
-          ]
-        }
-      )
-    ] }),
-    W && /* @__PURE__ */ t(
-      V,
-      {
-        isOpen: b,
-        emitIsOpen: y,
-        isTransparentBack: !0,
-        additionalClassModalBody: e.modalAddBody,
-        additionalClass: e.filterWithSaveModal,
-        children: /* @__PURE__ */ t($, {})
-      }
-    )
-  ] });
-};
+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";
 export {
-  ye as FilterWithSave
+  a as FilterWithSave
 };

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

@@ -1,2 +1,3 @@
 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-B2JRaoNz.js";
+import { c as t } from "../../../index-rKuIKazb.js";
 const o = "_root_fi64k_1", _ = {
   root: o,
   "gap-1": "_gap-1_fi64k_5",

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

@@ -1,3 +1,4 @@
+/// <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';