stone-kit 0.0.513 → 0.0.515

package/dist/Option-CyYM1iBJ.js

@@ -0,0 +1,66 @@
+import { jsxs as r, jsx as i } from "react/jsx-runtime";
+import { NewIcon as p } from "./components/NewIcon/ui/NewIcon.js";
+import { c as h } from "./index-rKuIKazb.js";
+const m = "_multiSelectWrapper_1h59t_1", u = "_selectedOptions_1h59t_8", O = "_selectedOptionsBtn_1h59t_27", b = "_selectedOptionsOpened_1h59t_31", v = "_selectedOptionsNotEmpty_1h59t_35", C = "_selectOptionsDisabled_1h59t_40", g = "_optionsList_1h59t_47", k = "_listRight_1h59t_63", y = "_inputWrapper_1h59t_67", D = "_option_1h59t_47", f = "_category_1h59t_88", N = "_leftSide_1h59t_92", S = "_optionCategory_1h59t_97", W = "_optionDisabled_1h59t_103", x = "_optionClickable_1h59t_107", B = "_icon_1h59t_111", s = {
+  multiSelectWrapper: m,
+  selectedOptions: u,
+  selectedOptionsBtn: O,
+  selectedOptionsOpened: b,
+  selectedOptionsNotEmpty: v,
+  selectOptionsDisabled: C,
+  optionsList: g,
+  listRight: k,
+  inputWrapper: y,
+  option: D,
+  category: f,
+  leftSide: N,
+  optionCategory: S,
+  optionDisabled: W,
+  optionClickable: x,
+  icon: B
+}, E = h.bind(s), U = ({
+  option: e,
+  selectedOptions: o,
+  disabledOptions: _,
+  clickableOptions: c,
+  handleOptionClick: a,
+  isOptionCategory: n,
+  sizeIcon: l,
+  addClassName: d = ""
+}) => /* @__PURE__ */ r(
+  "div",
+  {
+    className: E(
+      s.option,
+      {
+        [s.selected]: o.some((t) => t.value === e.value),
+        [s.optionDisabled]: _.some((t) => t.value === e.value),
+        [s.optionCategory]: n,
+        [s.optionClickable]: c && c.includes(`${e.value}`)
+      },
+      d
+    ),
+    onClick: () => a(e),
+    children: [
+      n && /* @__PURE__ */ i(
+        p,
+        {
+          size: l ?? "20",
+          name: o.some((t) => t.value === e.value) ? "selectChecked" : "selectUnchecked"
+        }
+      ),
+      /* @__PURE__ */ i("div", { children: e.label }),
+      !n && /* @__PURE__ */ i(
+        p,
+        {
+          size: l ?? "20",
+          name: o.some((t) => t.value === e.value) ? "selectChecked" : "selectUnchecked"
+        }
+      )
+    ]
+  }
+);
+export {
+  U as O,
+  s
+};

package/dist/SortSelect-Bw2LP_j1.js

@@ -0,0 +1,194 @@
+import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import { forwardRef as T, useState as D, useRef as M, useEffect as B } from "react";
+import { c as L } from "./index-rKuIKazb.js";
+import { s as t, u as j } from "./useSortSelect-CjZXLFOG.js";
+import { NewIcon as C } from "./components/NewIcon/ui/NewIcon.js";
+import "./components/Button/ui/Button.js";
+import "./components/mobileButton/ui/MobileButton.js";
+import "./components/DestinationTab/ui/DestinationTab.js";
+import "./components/RoundButton/ui/RoundButton.js";
+import "./components/Tag/ui/Tag.js";
+import "./components/Switcher/ui/Switcher.js";
+import { Text as W } from "./components/Text/ui/Text.js";
+import "./components/Flex/ui/Flex.js";
+import "./components/Input/ui/Input.js";
+import { M as E } from "./Modal-BZv6nlLe.js";
+import "./components/GroupedInput/ui/GroupedInputs.js";
+import "./components/MetroTag/ui/MetroTag.js";
+import "./components/LotCard/ui/LotCard.js";
+import "./components/Select/ui/Select.js";
+import { useClientWidth as R } from "./shared/useClientWidth.js";
+import "./components/SliderNavigation/ui/SliderNavigation.js";
+import "./components/LotCardSkeleton/ui/LotCardSkeleton.js";
+import "./components/TabSelect/ui/TabSelect.js";
+import "./components/FormModal/ui/ModalForm.js";
+const A = "_root_nwvsv_1", z = "_text_nwvsv_18", $ = "_rootCol_nwvsv_26", q = "_item_nwvsv_32", H = "_whiteRow_nwvsv_51", P = "_firstItem_nwvsv_62", V = "_lastItem_nwvsv_66", F = "_apart_nwvsv_97", G = "_isLong_nwvsv_97", J = "_autoWidth_nwvsv_122", K = "_mini_nwvsv_126", Q = "_isDisabled_nwvsv_137", U = "_grayRow_nwvsv_161", e = {
+  root: A,
+  text: z,
+  rootCol: $,
+  item: q,
+  whiteRow: H,
+  firstItem: P,
+  lastItem: V,
+  apart: F,
+  isLong: G,
+  autoWidth: J,
+  mini: K,
+  isDisabled: Q,
+  grayRow: U
+}, w = L.bind(e), X = ({
+  children: i,
+  variant: l = "whiteRow",
+  isApart: c = !1,
+  addClassName: m = "",
+  col: n = !1
+}) => /* @__PURE__ */ s("div", { className: w(e.root, e[l], m, { [e.rootCol]: n, [e.apart]: c }), children: i }), k = T((i, l) => {
+  const { isTablet: c, isDesktop: m } = R(), {
+    index: n,
+    children: o,
+    addItemClassName: u,
+    addTextClass: x,
+    disabled: h = !1,
+    itemsLength: f = 0,
+    isLongOn: O = !0,
+    width: d,
+    width_m: r,
+    width_l: a,
+    mini: b = !1,
+    ...p
+  } = i, S = (o != null && o.toString().length ? (o == null ? void 0 : o.toString().length) > 2 : !1) && O, y = (I, _) => I && r ? r : _ && a ? a : d, g = !d && !r && !a && S;
+  return /* @__PURE__ */ v("label", { className: w({ [e.isLong]: S }), children: [
+    /* @__PURE__ */ s(
+      "input",
+      {
+        ref: l,
+        type: "checkbox",
+        ...p,
+        disabled: h
+      }
+    ),
+    /* @__PURE__ */ s(
+      "div",
+      {
+        style: { width: y(c, m) },
+        className: w(
+          w(
+            e.item,
+            { [e.firstItem]: n === 0 },
+            { [e.lastItem]: n === f - 1 },
+            { [e.isDisabled]: h },
+            { [e.autoWidth]: g },
+            { [e.mini]: b }
+          ),
+          u
+        ),
+        children: /* @__PURE__ */ s(W, { className: w(e.text, x), children: o })
+      }
+    )
+  ] });
+});
+k.displayName = "TabSwitcherItem";
+const Nt = Object.assign(X, { Item: k }), N = L.bind(t), Y = ({
+  options: i,
+  selectedOption: l,
+  placeholder: c = "",
+  error: m,
+  disabled: n,
+  additionalClass: o = "",
+  onChange: u,
+  onBlur: x,
+  mini: h,
+  openOnTop: f = !1,
+  onClickItem: O,
+  onCLickSelect: d
+}) => {
+  const [r, a] = D(!1), b = M(null), { isMobile: p } = R(), { handleBlur: S, getInputValue: y, getOption: g, handleDocumentClick: I } = j(
+    {
+      selectedOption: l,
+      onClickOption: O,
+      setSelectedOption: u,
+      setIsOpen: a,
+      containerRef: b,
+      isOpen: r,
+      isMobile: p,
+      placeholder: c,
+      onChange: u,
+      onBlur: x
+    }
+  );
+  return B(() => (document.addEventListener("click", I), () => {
+    document.removeEventListener("click", I);
+  }), []), /* @__PURE__ */ v(
+    "div",
+    {
+      ref: b,
+      className: N(
+        t.sortSelectWrapper,
+        { [t.sortSelectWrapperError]: m },
+        { [t.sortSelectWrapperTop]: f },
+        o
+      ),
+      tabIndex: 0,
+      onBlur: S,
+      onClick: () => {
+        d && d();
+      },
+      children: [
+        /* @__PURE__ */ v("div", { className: N(t.inputWrapper), children: [
+          /* @__PURE__ */ s(
+            "input",
+            {
+              type: "text",
+              readOnly: !0,
+              value: y(),
+              className: N(
+                t.selectedOptions,
+                { [t.selectOptionsDisabled]: n },
+                { [t.selectionOptionMini]: h }
+              ),
+              onClick: () => a(!r)
+            }
+          ),
+          /* @__PURE__ */ s(
+            C,
+            {
+              name: "twoArrows",
+              size: "24",
+              additionalClass: t.icon
+            }
+          )
+        ] }),
+        r && p && /* @__PURE__ */ v(
+          E,
+          {
+            isOpen: r,
+            emitIsOpen: a,
+            additionalClassModalBody: t.modalAddBody,
+            additionalClass: t.selectModal,
+            createPortalObj: { domNode: document.querySelector("body") },
+            isTransparentBack: !0,
+            children: [
+              /* @__PURE__ */ v("div", { className: t.mobileSortHeader, children: [
+                /* @__PURE__ */ s(W, { children: "Сортировка" }),
+                /* @__PURE__ */ s("div", { onClick: () => a(!1), children: /* @__PURE__ */ s(
+                  C,
+                  {
+                    name: "close",
+                    size: "20"
+                  }
+                ) })
+              ] }),
+              /* @__PURE__ */ s("div", { className: t.mobileOptionList, children: i == null ? void 0 : i.map((_) => g(_)) })
+            ]
+          }
+        ),
+        r && !p && /* @__PURE__ */ s("div", { className: N(t.optionsList, { [t.optionListOnTop]: f }), children: i == null ? void 0 : i.map((_) => g(_)) })
+      ]
+    }
+  );
+};
+Y.displayName = "SortSelect";
+export {
+  Nt as S,
+  Y as a
+};

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

@@ -0,0 +1,14 @@
+import { TOption } from '../Select/ui/Select.types';
+
+interface IFilterWithSave {
+    selectOptions?: TOption[];
+    disabledOptions?: TOption[];
+    selectedValues?: TOption[];
+    tabs?: {
+        value: string;
+        state: boolean;
+    }[];
+    onChange?: (selectedOptions: TOption[]) => unknown;
+}
+export declare const FilterWithSave: ({ disabledOptions, tabs, selectOptions, onChange, selectedValues, }: IFilterWithSave) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/FilterWIthSave/FilterWithSave.js

@@ -0,0 +1,145 @@
+import { jsxs as m, Fragment as k, jsx as t } from "react/jsx-runtime";
+import { useState as p } from "react";
+import { NewIcon as f } from "../NewIcon/ui/NewIcon.js";
+import { M } from "../../Modal-BZv6nlLe.js";
+import { S as u } from "../../SortSelect-Bw2LP_j1.js";
+import { O as b } from "../../Option-CyYM1iBJ.js";
+import { Button as W } from "../Button/ui/Button.js";
+const g = "_root_18z0m_1", y = "_filterWithSaveModal_18z0m_11", T = "_modalAddBody_18z0m_16", w = "_closeBtn_18z0m_25", A = "_modalTitle_18z0m_31", I = "_tabSWitcherWrapper_18z0m_40", x = "_tabs_18z0m_45", j = "_selectWrapper_18z0m_50", F = "_filterOption_18z0m_54", L = "_btnWrapper_18z0m_61", R = "_resetBtn_18z0m_67", q = "_saveBtn_18z0m_68", e = {
+  root: g,
+  filterWithSaveModal: y,
+  modalAddBody: T,
+  closeBtn: w,
+  modalTitle: A,
+  tabSWitcherWrapper: I,
+  tabs: x,
+  selectWrapper: j,
+  filterOption: F,
+  btnWrapper: L,
+  resetBtn: R,
+  saveBtn: q
+}, Q = ({
+  disabledOptions: B = [],
+  tabs: r = [],
+  selectOptions: i = [],
+  onChange: S,
+  selectedValues: z = []
+}) => {
+  const [C, d] = p(!1), [O, _] = p(r), [s, h] = p(z);
+  console.log(S);
+  const N = (a) => {
+    if (B.some((l) => l.value === a.value))
+      return;
+    const n = s.some((l) => l.value === a.value) ? s.filter((l) => l.value !== a.value) : [...s, a];
+    h(n);
+  };
+  return /* @__PURE__ */ m(k, { children: [
+    /* @__PURE__ */ t(
+      "div",
+      {
+        className: e.root,
+        onClick: () => d((a) => !a),
+        children: /* @__PURE__ */ t(
+          f,
+          {
+            name: "filter",
+            size: "16"
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ m(
+      M,
+      {
+        isOpen: C,
+        emitIsOpen: d,
+        isTransparentBack: !0,
+        additionalClassModalBody: e.modalAddBody,
+        additionalClass: e.filterWithSaveModal,
+        children: [
+          /* @__PURE__ */ t(
+            "div",
+            {
+              className: e.closeBtn,
+              onClick: () => d(!1),
+              children: /* @__PURE__ */ t(
+                f,
+                {
+                  name: "close",
+                  size: "24"
+                }
+              )
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: e.modalTitle, children: "Фильтры" }),
+          /* @__PURE__ */ t("div", { className: e.tabSWitcherWrapper, children: /* @__PURE__ */ t(
+            u,
+            {
+              variant: "grayRow",
+              addClassName: e.tabs,
+              isApart: !0,
+              children: r == null ? void 0 : r.map((a, n) => {
+                var v;
+                const l = a.value;
+                return /* @__PURE__ */ t(
+                  u.Item,
+                  {
+                    itemsLength: r == null ? void 0 : r.length,
+                    mini: !0,
+                    value: l,
+                    onClick: () => {
+                    },
+                    checked: ((v = O.find((c) => c.value === l)) == null ? void 0 : v.state) ?? !1,
+                    onChange: () => _((c) => c.map((o) => o.value === l ? { ...o, state: !o.state } : o)),
+                    index: n,
+                    addItemClassName: e.tabSwitcher,
+                    children: l
+                  },
+                  n
+                );
+              })
+            }
+          ) }),
+          /* @__PURE__ */ t("div", { className: e.selectWrapper, children: i == null ? void 0 : i.map((a, n) => /* @__PURE__ */ t(
+            b,
+            {
+              addClassName: e.filterOption,
+              disabledOptions: [],
+              clickableOptions: [],
+              selectedOptions: s,
+              option: a,
+              handleOptionClick: N
+            },
+            n
+          )) }),
+          /* @__PURE__ */ m("div", { className: e.btnWrapper, children: [
+            /* @__PURE__ */ t(
+              W,
+              {
+                as: "button",
+                variant: "gray",
+                additionalClass: e.resetBtn,
+                onClick: () => {
+                  _(r), h([]);
+                },
+                children: "Сбросить"
+              }
+            ),
+            /* @__PURE__ */ t(
+              W,
+              {
+                as: "button",
+                additionalClass: e.saveBtn,
+                onClick: () => null,
+                children: "Сохранить"
+              }
+            )
+          ] })
+        ]
+      }
+    )
+  ] });
+};
+export {
+  Q as FilterWithSave
+};