stone-kit 0.0.130 → 0.0.132

package/dist/components/SortSelect/hooks/useSortSelect.d.ts

@@ -2,8 +2,8 @@ import { MouseEvent } from 'react';
 import { Option } from '../ui/SortSelect.types';
 
 interface IUseSortSelect {
-    selectedOption: Option | null;
-    setSelectedOption: React.Dispatch<React.SetStateAction<Option | null>>;
+    selectedOption?: Option;
+    setSelectedOption?: (event: Option | undefined) => void;
     setIsOpen: React.Dispatch<React.SetStateAction<boolean>>;
     containerRef: React.RefObject<HTMLDivElement>;
     isOpen: boolean;

package/dist/components/SortSelect/hooks/useSortSelect.js

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { u as m } from "../../../useSortSelect-C-PfwcIF.js";
+import { u as m } from "../../../useSortSelect-Dfs-72R7.js";
 import "../../../index-DIxK0V-G.js";
 export {
   m as useSortSelect

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

@@ -1,7 +1,7 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { useState as d, useRef as B, useEffect as E } from "react";
-import { c as L } from "../../../index-DIxK0V-G.js";
-import { s as e, u as M } from "../../../useSortSelect-C-PfwcIF.js";
+import { useState as C, useRef as I, useEffect as B } from "react";
+import { c as E } from "../../../index-DIxK0V-G.js";
+import { s as e, u as L } from "../../../useSortSelect-Dfs-72R7.js";
 import { NewIcon as u } from "../../NewIcon/ui/NewIcon.js";
 import "../../Button/ui/Button.js";
 import "../../mobileButton/ui/MobileButton.js";
@@ -9,43 +9,44 @@ import "../../DestinationTab/ui/DestinationTab.js";
 import "../../RoundButton/ui/RoundButton.js";
 import "../../Tag/ui/Tag.js";
 import "../../Switcher/ui/Switcher.js";
-import { Text as W } from "../../Text/ui/Text.js";
+import { Text as M } 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 { 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 { useClientWidth as D } from "../../../shared/useClientWidth.js";
-const l = L.bind(e), g = ({
-  options: s,
-  placeholder: f = "",
-  error: h,
-  disabled: O,
-  additionalClass: S = "",
-  onChange: v,
+import { useClientWidth as j } from "../../../shared/useClientWidth.js";
+const l = E.bind(e), w = ({
+  options: n,
+  selectedOption: f,
+  placeholder: S = "",
+  error: O,
+  disabled: h,
+  additionalClass: v = "",
+  onChange: c,
   onBlur: N,
-  mini: x
+  mini: b
 }) => {
-  const [b, k] = d(s[0]), [i, o] = d(!1), c = B(null), { isMobile: m, isDesktop: C } = D(), { handleBlur: y, getInputValue: I, getOption: a, handleDocumentClick: p } = M({
-    selectedOption: b,
-    setSelectedOption: k,
-    setIsOpen: o,
-    containerRef: c,
-    isOpen: i,
-    isDesktop: C,
-    placeholder: f,
-    onChange: v,
+  const [o, i] = C(!1), m = I(null), { isMobile: a, isDesktop: x } = j(), { handleBlur: y, getInputValue: k, getOption: d, handleDocumentClick: p } = L({
+    selectedOption: f,
+    setSelectedOption: c,
+    setIsOpen: i,
+    containerRef: m,
+    isOpen: o,
+    isDesktop: x,
+    placeholder: S,
+    onChange: c,
     onBlur: N
   });
-  return E(() => (document.addEventListener("click", p), () => {
+  return B(() => (document.addEventListener("click", p), () => {
     document.removeEventListener("click", p);
   }), []), /* @__PURE__ */ r(
     "div",
     {
-      ref: c,
-      className: l(e.sortSelectWrapper, { [e.sortSelectWrapperError]: h }, S),
+      ref: m,
+      className: l(e.sortSelectWrapper, { [e.sortSelectWrapperError]: O }, v),
       tabIndex: 0,
       onBlur: y,
       children: [
@@ -55,13 +56,13 @@ const l = L.bind(e), g = ({
             {
               type: "text",
               readOnly: !0,
-              value: I(),
+              value: k(),
               className: l(
                 e.selectedOptions,
-                { [e.selectOptionsDisabled]: O },
-                { [e.selectionOptionMini]: x }
+                { [e.selectOptionsDisabled]: h },
+                { [e.selectionOptionMini]: b }
               ),
-              onClick: () => o(!i)
+              onClick: () => i(!o)
             }
           ),
           /* @__PURE__ */ t(
@@ -73,16 +74,17 @@ const l = L.bind(e), g = ({
             }
           )
         ] }),
-        i && m && /* @__PURE__ */ r(
-          w,
+        o && a && /* @__PURE__ */ r(
+          W,
           {
-            isOpen: i,
-            emitIsOpen: o,
+            isOpen: o,
+            emitIsOpen: i,
             additionalClassModalBody: e.modalAddBody,
+            createPortalObj: { domNode: document.querySelector("body") },
             children: [
               /* @__PURE__ */ r("div", { className: e.mobileSortHeader, children: [
-                /* @__PURE__ */ t(W, { children: "Сортировка" }),
-                /* @__PURE__ */ t("div", { onClick: () => o(!1), children: /* @__PURE__ */ t(
+                /* @__PURE__ */ t(M, { children: "Сортировка" }),
+                /* @__PURE__ */ t("div", { onClick: () => i(!1), children: /* @__PURE__ */ t(
                   u,
                   {
                     name: "close",
@@ -90,16 +92,16 @@ const l = L.bind(e), g = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ t("div", { className: e.mobileOptionList, children: s.map((n) => a(n)) })
+              /* @__PURE__ */ t("div", { className: e.mobileOptionList, children: n.map((s) => d(s)) })
             ]
           }
         ),
-        i && !m && /* @__PURE__ */ t("div", { className: e.optionsList, children: s.map((n) => a(n)) })
+        o && !a && /* @__PURE__ */ t("div", { className: e.optionsList, children: n.map((s) => d(s)) })
       ]
     }
   );
 };
-g.displayName = "SortSelect";
+w.displayName = "SortSelect";
 export {
-  g as SortSelect
+  w as SortSelect
 };

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

@@ -4,10 +4,11 @@ export interface Option {
 }
 export interface SortSelectProps {
     options: Option[];
+    selectedOption?: Option;
     placeholder?: string;
     error?: boolean;
     disabled?: boolean;
-    onChange?: (event: Option) => void;
+    onChange?: (event: Option | undefined) => void;
     onBlur?: (event: Option) => void;
     additionalClass?: string;
     mini?: boolean;

package/dist/{useSortSelect-C-PfwcIF.js → useSortSelect-Dfs-72R7.js}

@@ -1,12 +1,12 @@
 import { jsxs as h, jsx as c } from "react/jsx-runtime";
 import { c as p } from "./index-DIxK0V-G.js";
-const b = "_sortSelectWrapper_vmknt_1", x = "_selectedOptions_vmknt_10", B = "_selectionOptionMini_vmknt_33", C = "_selectedOptionsOpened_vmknt_37", S = "_selectOptionsDisabled_vmknt_41", f = "_optionsList_vmknt_48", g = "_mobileOptionList_vmknt_63", L = "_mobileSortHeader_vmknt_70", W = "_modalAddBody_vmknt_84", D = "_inputWrapper_vmknt_90", N = "_option_vmknt_48", y = "_icon_vmknt_117", A = "_checkBox_vmknt_124", H = "_checkBoxChecked_vmknt_131", M = "_innerCheck_vmknt_138", e = {
+const b = "_sortSelectWrapper_vmknt_1", x = "_selectedOptions_vmknt_10", B = "_selectionOptionMini_vmknt_33", C = "_selectedOptionsOpened_vmknt_37", f = "_selectOptionsDisabled_vmknt_41", S = "_optionsList_vmknt_48", g = "_mobileOptionList_vmknt_63", L = "_mobileSortHeader_vmknt_70", W = "_modalAddBody_vmknt_84", D = "_inputWrapper_vmknt_90", N = "_option_vmknt_48", y = "_icon_vmknt_117", A = "_checkBox_vmknt_124", H = "_checkBoxChecked_vmknt_131", M = "_innerCheck_vmknt_138", o = {
   sortSelectWrapper: b,
   selectedOptions: x,
   selectionOptionMini: B,
   selectedOptionsOpened: C,
-  selectOptionsDisabled: S,
-  optionsList: f,
+  selectOptionsDisabled: f,
+  optionsList: S,
   mobileOptionList: g,
   mobileSortHeader: L,
   modalAddBody: W,
@@ -16,43 +16,43 @@ const b = "_sortSelectWrapper_vmknt_1", x = "_selectedOptions_vmknt_10", B = "_s
   checkBox: A,
   checkBoxChecked: H,
   innerCheck: M
-}, _ = p.bind(e), q = ({
+}, m = p.bind(o), q = ({
   selectedOption: n,
-  setSelectedOption: m,
-  setIsOpen: s,
-  containerRef: i,
-  onBlur: r,
-  onChange: a,
+  setSelectedOption: s,
+  setIsOpen: i,
+  containerRef: r,
+  onBlur: a,
+  onChange: _,
   isDesktop: k,
   placeholder: u
 }) => {
-  const v = (t) => (o) => {
-    o.stopPropagation();
-    const l = (n == null ? void 0 : n.value) === t.value ? null : t;
-    if (m(l), a) {
+  const v = (t) => (e) => {
+    e.stopPropagation();
+    const l = (n == null ? void 0 : n.value) === t.value ? void 0 : t;
+    if (s && s(l), _) {
       const d = {
-        ...o,
+        ...e,
         target: { value: l }
       };
-      a(d);
+      _(d);
     }
-    s(!1);
+    i(!1);
   };
   return { handleDocumentClick: (t) => {
-    i.current && !i.current.contains(t.target) && s(!1);
+    r.current && !r.current.contains(t.target) && i(!1);
   }, handleBlur: (t) => {
-    if (r) {
-      const o = {
+    if (a) {
+      const e = {
         ...t,
         target: { value: n }
       };
-      r(o);
+      a(e);
     }
   }, getInputValue: () => k ? n ? n.label : u : "", getOption: (t) => /* @__PURE__ */ h(
     "div",
     {
-      className: _(e.option, {
-        [e.selected]: (n == null ? void 0 : n.value) === t.value
+      className: m(o.option, {
+        [o.selected]: (n == null ? void 0 : n.value) === t.value
       }),
       onClick: v(t),
       children: [
@@ -60,10 +60,10 @@ const b = "_sortSelectWrapper_vmknt_1", x = "_selectedOptions_vmknt_10", B = "_s
         /* @__PURE__ */ c(
           "div",
           {
-            className: _(e.checkBox, {
-              [e.checkBoxChecked]: (n == null ? void 0 : n.value) === t.value
+            className: m(o.checkBox, {
+              [o.checkBoxChecked]: (n == null ? void 0 : n.value) === t.value
             }),
-            children: (n == null ? void 0 : n.value) === t.value && /* @__PURE__ */ c("div", { className: e.innerCheck })
+            children: (n == null ? void 0 : n.value) === t.value && /* @__PURE__ */ c("div", { className: o.innerCheck })
           }
         )
       ]
@@ -72,6 +72,6 @@ const b = "_sortSelectWrapper_vmknt_1", x = "_selectedOptions_vmknt_10", B = "_s
   ) };
 };
 export {
-  e as s,
+  o as s,
   q as u
 };

package/package.json

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