stone-kit 0.0.1105 → 0.0.1107

package/dist/components/SortSelect/ui/SortSelect.js

@@ -1,66 +1,74 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { useState as d, useRef as y, useEffect as I } from "react";
-import { c as B } from "../../../index-DIxK0V-G.js";
-import { s as e, u as E } from "../../../useSortSelect-A7A_pNcU.js";
-import { NewIcon as u } from "../../NewIcon/ui/NewIcon.js";
-import "../../Button/ui/Button.js";
-import "../../mobileButton/ui/MobileButton.js";
-import "../../DestinationTab/ui/DestinationTab.js";
-import "../../RoundButton/ui/RoundButton.js";
-import "../../Tag/ui/Tag.js";
-import "../../Switcher/ui/Switcher.js";
-import { Text as L } from "../../Text/ui/Text.js";
-import "../../Flex/ui/Flex.js";
-import "../../Input/ui/Input.js";
-import { Modal as W } from "../../Modal/ui/Modal.js";
-import "../../TabSwitcher/ui/TabSwitcher.js";
-import "../../GroupedInput/ui/GroupedInputs.js";
-import "../../MetroTag/ui/MetroTag.js";
-import "../../Select/ui/Select.js";
+import { jsxs as s, jsx as t } from "react/jsx-runtime";
+import { useState as M, useRef as W, useEffect as E } from "react";
+import { c as L } from "../../../index-YnD2EP-S.js";
+import { s as e, u as j } from "../../../useSortSelect-IeonkD5d.js";
 import { useClientWidth as w } from "../../../shared/useClientWidth.js";
-const c = B.bind(e), M = ({
-  options: s,
-  placeholder: f = "",
-  error: h,
-  disabled: S,
-  additionalClass: v = "",
-  onChange: O,
-  onBlur: N
+import { NewIcon as O } from "../../NewIcon/ui/NewIcon.js";
+import { Modal as T } from "../../Modal/ui/Modal.js";
+import { Text as z } from "../../Text/ui/Text.js";
+const r = L.bind(e), A = ({
+  options: n,
+  selectedOption: h,
+  placeholder: v = "",
+  error: N,
+  disabled: b,
+  additionalClass: x = "",
+  onChange: c,
+  onBlur: y,
+  mini: k,
+  openOnTop: d = !1,
+  onClickItem: C,
+  onCLickSelect: m,
+  onOpenClick: p
 }) => {
-  const [x, b] = d(s[0]), [o, i] = d(!1), m = y(null), { isMobile: l } = w(), { handleBlur: C, getInputValue: k, getOption: a, handleDocumentClick: p } = E({
-    selectedOption: x,
-    setSelectedOption: b,
+  const [o, i] = M(!1), u = W(null), { isMobile: l } = w(), { handleBlur: B, getInputValue: I, getOption: f, handleDocumentClick: S } = j({
+    selectedOption: h,
+    onClickOption: C,
+    setSelectedOption: c,
     setIsOpen: i,
-    containerRef: m,
-    isOpen: o,
+    containerRef: u,
     isMobile: l,
-    placeholder: f,
-    onChange: O,
-    onBlur: N
+    placeholder: v,
+    onChange: c,
+    onBlur: y
   });
-  return I(() => (document.addEventListener("click", p), () => {
-    document.removeEventListener("click", p);
-  }), []), /* @__PURE__ */ r(
+  return E(() => (document.addEventListener("click", S), () => {
+    document.removeEventListener("click", S);
+  }), []), /* @__PURE__ */ s(
     "div",
     {
-      ref: m,
-      className: c(e.sortSelectWrapper, { [e.sortSelectWrapperError]: h }, v),
+      ref: u,
+      className: r(
+        e.sortSelectWrapper,
+        { [e.sortSelectWrapperError]: N },
+        { [e.sortSelectWrapperTop]: d },
+        x
+      ),
       tabIndex: 0,
-      onBlur: C,
+      onBlur: B,
+      onClick: () => {
+        m && m();
+      },
       children: [
-        /* @__PURE__ */ r("div", { className: c(e.inputWrapper), children: [
+        /* @__PURE__ */ s("div", { className: r(e.inputWrapper), children: [
           /* @__PURE__ */ t(
             "input",
             {
               type: "text",
               readOnly: !0,
-              value: k(),
-              className: c(e.selectedOptions, { [e.selectOptionsDisabled]: S }),
-              onClick: () => i(!o)
+              value: I(),
+              className: r(
+                e.selectedOptions,
+                { [e.selectOptionsDisabled]: b },
+                { [e.selectionOptionMini]: k }
+              ),
+              onClick: () => {
+                o || p && p(), i(!o);
+              }
             }
           ),
           /* @__PURE__ */ t(
-            u,
+            O,
             {
               name: "twoArrows",
               size: "24",
@@ -68,33 +76,36 @@ const c = B.bind(e), M = ({
             }
           )
         ] }),
-        o && l && /* @__PURE__ */ r(
-          W,
+        o && l && /* @__PURE__ */ s(
+          T,
           {
             isOpen: o,
             emitIsOpen: i,
             additionalClassModalBody: e.modalAddBody,
+            additionalClass: e.selectModal,
+            createPortalObj: { domNode: document.querySelector("body") },
+            isTransparentBack: !0,
             children: [
-              /* @__PURE__ */ r("div", { className: e.mobileSortHeader, children: [
-                /* @__PURE__ */ t(L, { children: "Сортировка" }),
+              /* @__PURE__ */ s("div", { className: e.mobileSortHeader, children: [
+                /* @__PURE__ */ t(z, { children: "Сортировка" }),
                 /* @__PURE__ */ t("div", { onClick: () => i(!1), children: /* @__PURE__ */ t(
-                  u,
+                  O,
                   {
                     name: "close",
-                    size: "24"
+                    size: "20"
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ t("div", { className: e.mobileOptionList, children: s.map((n) => a(n)) })
+              /* @__PURE__ */ t("div", { className: e.mobileOptionList, children: n?.map((a) => f(a)) })
             ]
           }
         ),
-        o && !l && /* @__PURE__ */ t("div", { className: e.optionsList, children: s.map((n) => a(n)) })
+        o && !l && /* @__PURE__ */ t("div", { className: r(e.optionsList, { [e.optionListOnTop]: d }), children: n?.map((a) => f(a)) })
       ]
     }
   );
 };
-M.displayName = "SortSelect";
+A.displayName = "SortSelect";
 export {
-  M as SortSelect
+  A as SortSelect
 };

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

@@ -1,13 +1,20 @@
+import { TOption } from '../../Select/ui/Select.types.ts';
 export interface Option {
     value: string | number;
     label: string;
 }
 export interface SortSelectProps {
-    options: Option[];
+    options?: Option[];
+    selectedOption: Option | null;
     placeholder?: string;
     error?: boolean;
     disabled?: boolean;
-    onChange?: (event: Option) => void;
+    onChange?: (event: Option | null) => void;
     onBlur?: (event: Option) => void;
     additionalClass?: string;
+    mini?: boolean;
+    openOnTop?: boolean;
+    onOpenClick?: () => void;
+    onClickItem?: (option: TOption | TOption[]) => void;
+    onCLickSelect?: () => void;
 }

package/dist/components/SummarySelect/index.d.ts

@@ -0,0 +1 @@
+export { SummarySelect } from './ui/SummarySelect.tsx';

package/dist/components/SummarySelect/index.js

@@ -0,0 +1,4 @@
+import { SummarySelect as r } from "./ui/SummarySelect.js";
+export {
+  r as SummarySelect
+};

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

@@ -0,0 +1,15 @@
+import { MultiSelectProps } from '../../Select/ui/Select.types';
+interface ISummarySelectProps extends MultiSelectProps {
+    label?: string;
+    isShowReset?: boolean;
+    isLast?: boolean;
+    isShowCategoryDelete?: boolean;
+    labelSize?: 'medium' | 'large';
+    clearPosition?: 'top' | 'bottom';
+    chipVariant?: 'default' | 'secondary';
+    chipAdditionalClass?: string;
+    summaryCategoryClass?: string;
+    selectBetweenSize?: 'small' | 'medium';
+}
+export declare const SummarySelect: React.FC<ISummarySelectProps>;
+export {};

package/dist/components/SummarySelect/ui/SummarySelect.js

@@ -0,0 +1,172 @@
+import { jsxs as r, jsx as t, Fragment as b } from "react/jsx-runtime";
+import { c as n } from "../../../index-YnD2EP-S.js";
+import { Select as x } from "../../Select/ui/Select.js";
+import { NewIcon as p } from "../../NewIcon/ui/NewIcon.js";
+const A = "_root_99sc2_1", $ = "_nameWrapper_99sc2_8", j = "_size_large_99sc2_18", U = "_clearBtnWrapper_99sc2_25", F = "_clearBtn_99sc2_25", I = "_summaryList_99sc2_54", q = "_summaryOption_99sc2_66", E = "_summaryOptionSecondary_99sc2_88", G = "_categoryOption_99sc2_93", H = "_categoryOptionSecondary_99sc2_102", J = "_summaryCategory_99sc2_106", K = "_headerCategory_99sc2_116", M = "_categoryTitle_99sc2_122", Q = "_categoryTitleSecondary_99sc2_130", R = "_categoryOptions_99sc2_134", e = {
+  root: A,
+  nameWrapper: $,
+  size_large: j,
+  clearBtnWrapper: U,
+  clearBtn: F,
+  "clearBtn-size_medium": "_clearBtn-size_medium_99sc2_40",
+  summaryList: I,
+  "summaryList-size_small": "_summaryList-size_small_99sc2_59",
+  "summaryList-size_medium": "_summaryList-size_medium_99sc2_62",
+  summaryOption: q,
+  summaryOptionSecondary: E,
+  categoryOption: G,
+  categoryOptionSecondary: H,
+  summaryCategory: J,
+  headerCategory: K,
+  categoryTitle: M,
+  categoryTitleSecondary: Q,
+  categoryOptions: R
+}, D = ({
+  label: h = "",
+  isShowReset: y,
+  isShowCategoryDelete: v = !1,
+  labelSize: z = "medium",
+  isLoading: B = !1,
+  clearPosition: _ = "top",
+  chipVariant: m = "default",
+  chipAdditionalClass: O = "",
+  selectPaddingBottom: L,
+  selectBetweenSize: C = "small",
+  summaryCategoryClass: W = "",
+  ...c
+}) => {
+  const f = y && _ === "bottom", d = (a) => {
+    c.onChange && c.onChange(a);
+  }, S = (a) => {
+    a.filter((s) => s.value !== "selectAll").length === 0 ? d([]) : d(a);
+  }, N = (a) => {
+    const l = c.selectedValues?.filter((s) => s.value !== a) || [];
+    S(l);
+  }, u = () => {
+    d([]);
+  }, T = (a) => {
+    const l = c.selectedValues?.filter((s) => s.value !== a.value).filter(
+      (s) => !a.options.some((i) => i.value === s.value)
+    ) ?? [];
+    S(l);
+  }, o = c.selectedValues?.filter((a) => a.value !== "selectAll"), k = o?.filter((a) => "options" in a);
+  return /* @__PURE__ */ r("div", { className: e.root, children: [
+    (y && _ === "top" || h) && /* @__PURE__ */ r("div", { className: n(e.nameWrapper, e[`size_${z}`]), children: [
+      /* @__PURE__ */ t("div", { children: h }),
+      y && _ === "top" && /* @__PURE__ */ t(
+        "div",
+        {
+          className: e.clearBtn,
+          onClick: u,
+          children: "Очистить"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ t(
+      x,
+      {
+        ...c,
+        isLoading: B,
+        selectPaddingBottom: L,
+        onChange: d
+      }
+    ),
+    !v && c.mode === "options" && o && o.length > 0 && /* @__PURE__ */ r("div", { className: n(e.summaryList, e[`summaryList-size_${C}`]), children: [
+      f && /* @__PURE__ */ t("div", { className: e.clearBtnWrapper, children: /* @__PURE__ */ t(
+        "div",
+        {
+          className: e.clearBtn,
+          onClick: u,
+          children: "Очистить"
+        }
+      ) }),
+      o.map((a) => /* @__PURE__ */ r(
+        "div",
+        {
+          onClick: () => N(a.value.toString()),
+          className: n(e.summaryOption, {
+            [e.summaryOptionSecondary]: m === "secondary"
+          }, O),
+          children: [
+            a.label,
+            /* @__PURE__ */ t(
+              p,
+              {
+                name: "close",
+                size: m === "secondary" ? "20" : "16"
+              }
+            )
+          ]
+        },
+        a.value
+      ))
+    ] }),
+    !v && c.mode === "double" && /* @__PURE__ */ r(b, { children: [
+      f && o && o.length > 0 && /* @__PURE__ */ t(
+        "div",
+        {
+          className: n(e.clearBtn, e[`clearBtn-size_${C}`]),
+          onClick: u,
+          children: "Очистить"
+        }
+      ),
+      k?.map((a, l) => {
+        const s = a;
+        return /* @__PURE__ */ r(
+          "div",
+          {
+            className: n(e.summaryCategory, W),
+            children: [
+              /* @__PURE__ */ r("div", { className: e.headerCategory, children: [
+                /* @__PURE__ */ t("div", { className: n(e.categoryTitle, {
+                  [e.categoryTitleSecondary]: m === "secondary"
+                }), children: s.label }),
+                /* @__PURE__ */ t(
+                  "div",
+                  {
+                    onClick: () => T(a),
+                    className: e.clearBtn,
+                    children: /* @__PURE__ */ t(
+                      p,
+                      {
+                        name: "close",
+                        size: "16"
+                      }
+                    )
+                  }
+                )
+              ] }),
+              /* @__PURE__ */ t("div", { className: e.categoryOptions, children: s.options.filter((i) => o?.some((g) => i.value === g.value)).map((i, g) => /* @__PURE__ */ r(
+                "div",
+                {
+                  onClick: () => N(i.value.toString()),
+                  className: n(
+                    e.summaryOption,
+                    e.categoryOption,
+                    { [e.categoryOptionSecondary]: m === "secondary" },
+                    O
+                  ),
+                  children: [
+                    i.label,
+                    /* @__PURE__ */ t(
+                      p,
+                      {
+                        name: "close",
+                        size: m === "secondary" ? "20" : "16"
+                      }
+                    )
+                  ]
+                },
+                g
+              )) })
+            ]
+          },
+          l
+        );
+      })
+    ] })
+  ] });
+};
+export {
+  D as SummarySelect
+};

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

@@ -1,3 +1,2 @@
 import { ISwitcherProps } from './Switcher.types';
-
-export declare const Switcher: ({ children, isActive, onClick }: ISwitcherProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Switcher: ({ children, isActive, onClick, isReverse, isBetween, dataTestId }: ISwitcherProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Switcher/ui/Switcher.js

@@ -1,35 +1,50 @@
-import { jsxs as w, jsx as s } from "react/jsx-runtime";
-import { useRef as n, useEffect as o } from "react";
-import { c as a } from "../../../index-DIxK0V-G.js";
-const _ = "_switcherWrapper_iju0r_29", u = "_swiper_iju0r_36", d = "_swiperActive_iju0r_50", v = "_swiperForward_iju0r_1", j = "_swiperInactive_iju0r_55", m = "_swiperBackward_iju0r_1", f = "_swiperPoint_iju0r_60", P = "_swiperPointActive_iju0r_72", r = {
-  switcherWrapper: _,
-  swiper: u,
-  swiperActive: d,
-  swiperForward: v,
-  swiperInactive: j,
+import { jsxs as o, jsx as p } from "react/jsx-runtime";
+import { useRef as _, useEffect as d } from "react";
+import { c as v } from "../../../index-YnD2EP-S.js";
+const h = "_switcherWrapper_1b1pd_29", b = "_switcherWrapperReverse_1b1pd_40", W = "_switcherWrapperBetween_1b1pd_44", l = "_swiper_1b1pd_48", m = "_swiperBackward_1b1pd_1", f = "_swiperActive_1b1pd_63", u = "_swiperForward_1b1pd_1", I = "_swiperInactive_1b1pd_68", P = "_swiperInitialize_1b1pd_73", B = "_swiperPoint_1b1pd_77", A = "_swiperPointActive_1b1pd_89", e = {
+  switcherWrapper: h,
+  switcherWrapperReverse: b,
+  switcherWrapperBetween: W,
+  swiper: l,
   swiperBackward: m,
-  swiperPoint: f,
-  swiperPointActive: P
-}, t = a.bind(r), x = ({ children: c, isActive: i, onClick: p }) => {
-  const e = n(!0);
-  return o(() => {
-    e.current && (e.current = !1);
-  }, []), /* @__PURE__ */ w("div", { className: r.switcherWrapper, children: [
-    c,
-    /* @__PURE__ */ s(
-      "div",
-      {
-        className: t(
-          r.swiper,
-          { [r.swiperActive]: i },
-          { [r.swiperInactive]: !i && !e.current }
+  swiperActive: f,
+  swiperForward: u,
+  swiperInactive: I,
+  swiperInitialize: P,
+  swiperPoint: B,
+  swiperPointActive: A
+}, s = v.bind(e), F = ({ children: t, isActive: i, onClick: c, isReverse: w, isBetween: n, dataTestId: a }) => {
+  const r = _(!0);
+  return d(() => {
+    r.current && (r.current = !1);
+  }, []), /* @__PURE__ */ o(
+    "div",
+    {
+      className: s(
+        e.switcherWrapper,
+        { [e.switcherWrapperReverse]: w },
+        { [e.switcherWrapperBetween]: n }
+      ),
+      children: [
+        /* @__PURE__ */ p(
+          "div",
+          {
+            className: s(
+              e.swiper,
+              { [e.swiperInitialize]: r.current },
+              { [e.swiperActive]: i },
+              { [e.swiperInactive]: !i && !r.current }
+            ),
+            onClick: c,
+            "data-testid": a,
+            children: /* @__PURE__ */ p("div", { className: s(e.swiperPoint, { [e.swiperPointActive]: i }) })
+          }
         ),
-        onClick: p,
-        children: /* @__PURE__ */ s("div", { className: t(r.swiperPoint, { [r.swiperPointActive]: i }) })
-      }
-    )
-  ] });
+        t
+      ]
+    }
+  );
 };
 export {
-  x as Switcher
+  F as Switcher
 };

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

@@ -1,6 +1,8 @@
-/// <reference types="react" />
 export interface ISwitcherProps extends React.HTMLAttributes<HTMLDivElement> {
     children?: React.ReactNode;
     isActive?: boolean;
     onClick?: () => void;
+    isReverse?: boolean;
+    isBetween?: boolean;
+    dataTestId?: string;
 }

package/dist/components/TabSelect/index.d.ts

@@ -0,0 +1 @@
+export { TabSelect } from './ui/TabSelect';

package/dist/components/TabSelect/index.js

@@ -0,0 +1,4 @@
+import { TabSelect as r } from "./ui/TabSelect.js";
+export {
+  r as TabSelect
+};

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

@@ -0,0 +1,32 @@
+type TBtn = {
+    isLong?: boolean;
+    additionalClassName?: string;
+    additionalLabelClass?: string;
+    withPadding?: boolean;
+    width?: string;
+    width_m?: string;
+    width_l?: string;
+};
+type BaseInputProps = React.JSX.IntrinsicElements['input'] & TBtn;
+interface ITabSelect {
+    children?: React.ReactNode;
+    variant?: SwitcherVariant;
+    classname?: string;
+    isRound?: boolean;
+}
+export declare const TAB_SELECT_VARIANTS: {
+    readonly whiteFill: "whiteFill";
+    readonly whiteStroke: "whiteStroke";
+    readonly grayDesign: "grayDesign";
+    readonly fullWhite: "fullWhite";
+};
+export type SwitcherVariant = keyof typeof TAB_SELECT_VARIANTS;
+declare const TabSelectNamespace: (({ variant, classname, children }: ITabSelect) => import("react/jsx-runtime").JSX.Element) & {
+    Item: {
+        (props: BaseInputProps & {
+            ref?: React.Ref<HTMLInputElement>;
+        }): import("react/jsx-runtime").JSX.Element;
+        displayName: string;
+    };
+};
+export { TabSelectNamespace as TabSelect };

package/dist/components/TabSelect/ui/TabSelect.js

@@ -0,0 +1,64 @@
+import { jsx as e, jsxs as N } from "react/jsx-runtime";
+import { c as T } from "../../../index-YnD2EP-S.js";
+import { useClientWidth as k } from "../../../shared/useClientWidth.js";
+import { Text as y } from "../../Text/ui/Text.js";
+const z = "_root_pbslz_1", W = "_whiteFill_pbslz_29", D = "_text_pbslz_34", F = "_fullWhite_pbslz_48", P = "_whiteStroke_pbslz_67", C = "_withPadding_pbslz_105", I = "_grayDesign_pbslz_109", t = {
+  root: z,
+  whiteFill: W,
+  text: D,
+  fullWhite: F,
+  whiteStroke: P,
+  withPadding: C,
+  grayDesign: I
+}, i = T.bind(t), B = {
+  whiteFill: "whiteFill",
+  whiteStroke: "whiteStroke",
+  grayDesign: "grayDesign",
+  fullWhite: "fullWhite"
+}, L = ({
+  variant: s = "whiteFill",
+  classname: l,
+  children: a
+}) => /* @__PURE__ */ e("div", { className: i(t.root, t[`${s}`], l), children: a }), c = (s) => {
+  const { isTablet: l, isDesktop: a } = k(), {
+    children: r,
+    className: h,
+    additionalClassName: d,
+    additionalLabelClass: _,
+    isLong: m,
+    checked: w,
+    withPadding: g = !1,
+    width: b,
+    width_m: o,
+    width_l: n,
+    ref: p,
+    ...f
+  } = s, u = (S, x) => S && o ? o : x && n ? n : b;
+  return /* @__PURE__ */ N("label", { className: i(t.item, _, { [t.withPadding]: g }), children: [
+    /* @__PURE__ */ e(
+      "input",
+      {
+        ref: p,
+        type: "checkbox",
+        checked: w,
+        ...f
+      }
+    ),
+    /* @__PURE__ */ e(
+      "div",
+      {
+        className: i(h, d, { [t.isLong]: m }),
+        style: { width: u(l, a) },
+        children: /* @__PURE__ */ e(y, { className: i(t.text), children: r })
+      }
+    )
+  ] });
+};
+c.displayName = "TabSelectItem";
+const O = Object.assign(L, {
+  Item: c
+});
+export {
+  B as TAB_SELECT_VARIANTS,
+  O as TabSelect
+};

package/dist/components/TabSelect/ui/TabSelect.types.js

@@ -0,0 +1 @@
+

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

@@ -1,6 +1,6 @@
+import { FC } from 'react';
 import { ITabSwitcherItem, TabSwitcherProps } from './TabSwitcher.types';
-
-declare const SwitcherNamespace: (({ children, variant, addClassName, col, }: TabSwitcherProps) => import("react/jsx-runtime").JSX.Element | null) & {
-    Item: import('react').ForwardRefExoticComponent<Omit<ITabSwitcherItem, "ref"> & import('react').RefAttributes<HTMLInputElement>>;
+declare const TabSwitcherNamespace: (({ children, variant, isApart, addClassName, col, }: TabSwitcherProps) => import("react/jsx-runtime").JSX.Element) & {
+    Item: FC<ITabSwitcherItem>;
 };
-export { SwitcherNamespace as TabSwitcher };
+export { TabSwitcherNamespace as TabSwitcher };