stone-kit 0.0.130 → 0.0.131

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

@@ -1,5 +1,5 @@
 import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { useState as d, useRef as B, useEffect as E } from "react";
+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 { NewIcon as u } from "../../NewIcon/ui/NewIcon.js";
@@ -12,56 +12,56 @@ import "../../Switcher/ui/Switcher.js";
 import { Text as W } 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 j } 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 = ({
+import { useClientWidth as w } from "../../../shared/useClientWidth.js";
+const n = L.bind(e), D = ({
   options: s,
   placeholder: f = "",
-  error: h,
-  disabled: O,
-  additionalClass: S = "",
+  error: O,
+  disabled: S,
+  additionalClass: h = "",
   onChange: v,
   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,
+  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,
+    setIsOpen: i,
     containerRef: c,
-    isOpen: i,
-    isDesktop: C,
+    isOpen: o,
+    isDesktop: k,
     placeholder: f,
     onChange: v,
     onBlur: N
   });
-  return E(() => (document.addEventListener("click", p), () => {
-    document.removeEventListener("click", p);
+  return E(() => (document.addEventListener("click", d), () => {
+    document.removeEventListener("click", d);
   }), []), /* @__PURE__ */ r(
     "div",
     {
       ref: c,
-      className: l(e.sortSelectWrapper, { [e.sortSelectWrapperError]: h }, S),
+      className: n(e.sortSelectWrapper, { [e.sortSelectWrapperError]: O }, h),
       tabIndex: 0,
-      onBlur: y,
+      onBlur: C,
       children: [
-        /* @__PURE__ */ r("div", { className: l(e.inputWrapper), children: [
+        /* @__PURE__ */ r("div", { className: n(e.inputWrapper), children: [
           /* @__PURE__ */ t(
             "input",
             {
               type: "text",
               readOnly: !0,
               value: I(),
-              className: l(
+              className: n(
                 e.selectedOptions,
-                { [e.selectOptionsDisabled]: O },
-                { [e.selectionOptionMini]: x }
+                { [e.selectOptionsDisabled]: S },
+                { [e.selectionOptionMini]: b }
               ),
-              onClick: () => o(!i)
+              onClick: () => i(!o)
             }
           ),
           /* @__PURE__ */ t(
@@ -73,16 +73,17 @@ const l = L.bind(e), g = ({
             }
           )
         ] }),
-        i && m && /* @__PURE__ */ r(
-          w,
+        o && m && /* @__PURE__ */ r(
+          j,
           {
-            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("div", { onClick: () => i(!1), children: /* @__PURE__ */ t(
                   u,
                   {
                     name: "close",
@@ -90,16 +91,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: s.map((l) => a(l)) })
             ]
           }
         ),
-        i && !m && /* @__PURE__ */ t("div", { className: e.optionsList, children: s.map((n) => a(n)) })
+        o && !m && /* @__PURE__ */ t("div", { className: e.optionsList, children: s.map((l) => a(l)) })
       ]
     }
   );
 };
-g.displayName = "SortSelect";
+D.displayName = "SortSelect";
 export {
-  g as SortSelect
+  D as SortSelect
 };

package/package.json

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