stone-kit 0.0.131 → 0.0.136

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

@@ -3,7 +3,7 @@ import { Option } from '../ui/SortSelect.types';
 
 interface IUseSortSelect {
     selectedOption: Option | null;
-    setSelectedOption: React.Dispatch<React.SetStateAction<Option | null>>;
+    setSelectedOption?: (event: Option | null) => 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-BTrKnFKx.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 p, 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-BTrKnFKx.js";
 import { NewIcon as u } from "../../NewIcon/ui/NewIcon.js";
 import "../../Button/ui/Button.js";
 import "../../mobileButton/ui/MobileButton.js";
@@ -9,56 +9,57 @@ 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 j } 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 w } from "../../../shared/useClientWidth.js";
-const n = L.bind(e), D = ({
-  options: s,
-  placeholder: f = "",
+import { useClientWidth as j } from "../../../shared/useClientWidth.js";
+const l = E.bind(e), w = ({
+  options: n,
+  selectedOption: f,
+  placeholder: S = "",
   error: O,
-  disabled: S,
-  additionalClass: h = "",
-  onChange: v,
+  disabled: h,
+  additionalClass: v = "",
+  onChange: c,
   onBlur: N,
   mini: b
 }) => {
-  const [x, y] = p(s[0]), [o, i] = p(!1), c = B(null), { isMobile: m, isDesktop: k } = w(), { handleBlur: C, getInputValue: I, getOption: a, handleDocumentClick: d } = M({
-    selectedOption: x,
-    setSelectedOption: y,
+  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: c,
+    containerRef: m,
     isOpen: o,
-    isDesktop: k,
-    placeholder: f,
-    onChange: v,
+    isDesktop: x,
+    placeholder: S,
+    onChange: c,
     onBlur: N
   });
-  return E(() => (document.addEventListener("click", d), () => {
-    document.removeEventListener("click", d);
+  return B(() => (document.addEventListener("click", p), () => {
+    document.removeEventListener("click", p);
   }), []), /* @__PURE__ */ r(
     "div",
     {
-      ref: c,
-      className: n(e.sortSelectWrapper, { [e.sortSelectWrapperError]: O }, h),
+      ref: m,
+      className: l(e.sortSelectWrapper, { [e.sortSelectWrapperError]: O }, v),
       tabIndex: 0,
-      onBlur: C,
+      onBlur: y,
       children: [
-        /* @__PURE__ */ r("div", { className: n(e.inputWrapper), children: [
+        /* @__PURE__ */ r("div", { className: l(e.inputWrapper), children: [
           /* @__PURE__ */ t(
             "input",
             {
               type: "text",
               readOnly: !0,
-              value: I(),
-              className: n(
+              value: k(),
+              className: l(
                 e.selectedOptions,
-                { [e.selectOptionsDisabled]: S },
+                { [e.selectOptionsDisabled]: h },
                 { [e.selectionOptionMini]: b }
               ),
               onClick: () => i(!o)
@@ -73,8 +74,8 @@ const n = L.bind(e), D = ({
             }
           )
         ] }),
-        o && m && /* @__PURE__ */ r(
-          j,
+        o && a && /* @__PURE__ */ r(
+          W,
           {
             isOpen: o,
             emitIsOpen: i,
@@ -82,7 +83,7 @@ const n = L.bind(e), D = ({
             createPortalObj: { domNode: document.querySelector("body") },
             children: [
               /* @__PURE__ */ r("div", { className: e.mobileSortHeader, children: [
-                /* @__PURE__ */ t(W, { children: "Сортировка" }),
+                /* @__PURE__ */ t(M, { children: "Сортировка" }),
                 /* @__PURE__ */ t("div", { onClick: () => i(!1), children: /* @__PURE__ */ t(
                   u,
                   {
@@ -91,16 +92,16 @@ const n = L.bind(e), D = ({
                   }
                 ) })
               ] }),
-              /* @__PURE__ */ t("div", { className: e.mobileOptionList, children: s.map((l) => a(l)) })
+              /* @__PURE__ */ t("div", { className: e.mobileOptionList, children: n.map((s) => d(s)) })
             ]
           }
         ),
-        o && !m && /* @__PURE__ */ t("div", { className: e.optionsList, children: s.map((l) => a(l)) })
+        o && !a && /* @__PURE__ */ t("div", { className: e.optionsList, children: n.map((s) => d(s)) })
       ]
     }
   );
 };
-D.displayName = "SortSelect";
+w.displayName = "SortSelect";
 export {
-  D 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 | null;
     placeholder?: string;
     error?: boolean;
     disabled?: boolean;
-    onChange?: (event: Option) => void;
+    onChange?: (event: Option | null) => void;
     onBlur?: (event: Option) => void;
     additionalClass?: string;
     mini?: boolean;

package/dist/{useSortSelect-C-PfwcIF.js → useSortSelect-BTrKnFKx.js}

@@ -16,42 +16,41 @@ const b = "_sortSelectWrapper_vmknt_1", x = "_selectedOptions_vmknt_10", B = "_s
   checkBox: A,
   checkBoxChecked: H,
   innerCheck: M
-}, _ = p.bind(e), q = ({
+}, l = p.bind(e), q = ({
   selectedOption: n,
-  setSelectedOption: m,
-  setIsOpen: s,
-  containerRef: i,
-  onBlur: r,
+  setSelectedOption: s,
+  setIsOpen: m,
+  containerRef: r,
+  onBlur: i,
   onChange: a,
   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 _ = (n == null ? void 0 : n.value) === t.value ? null : t;
+    if (s && s(_), a) {
       const d = {
         ...o,
-        target: { value: l }
+        target: { value: _ }
       };
       a(d);
     }
-    s(!1);
   };
   return { handleDocumentClick: (t) => {
-    i.current && !i.current.contains(t.target) && s(!1);
+    r.current && !r.current.contains(t.target) && m(!1);
   }, handleBlur: (t) => {
-    if (r) {
+    if (i) {
       const o = {
         ...t,
         target: { value: n }
       };
-      r(o);
+      i(o);
     }
   }, getInputValue: () => k ? n ? n.label : u : "", getOption: (t) => /* @__PURE__ */ h(
     "div",
     {
-      className: _(e.option, {
+      className: l(e.option, {
         [e.selected]: (n == null ? void 0 : n.value) === t.value
       }),
       onClick: v(t),
@@ -60,7 +59,7 @@ const b = "_sortSelectWrapper_vmknt_1", x = "_selectedOptions_vmknt_10", B = "_s
         /* @__PURE__ */ c(
           "div",
           {
-            className: _(e.checkBox, {
+            className: l(e.checkBox, {
               [e.checkBoxChecked]: (n == null ? void 0 : n.value) === t.value
             }),
             children: (n == null ? void 0 : n.value) === t.value && /* @__PURE__ */ c("div", { className: e.innerCheck })

package/package.json

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