stone-kit 0.0.89 → 0.0.91

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

@@ -9,8 +9,14 @@ interface IUseSortSelect {
     isOpen: boolean;
     isMobile: boolean;
     placeholder: string;
-    onChange?: (event: React.MouseEvent<HTMLDivElement>) => void;
-    onBlur?: (event: React.FocusEvent<HTMLDivElement>) => void;
+    onChange?: (event: {
+        label: string;
+        value: string;
+    }) => void;
+    onBlur?: (event: {
+        label: string;
+        value: string;
+    }) => void;
 }
 export declare const useSortSelect: ({ selectedOption, setSelectedOption, setIsOpen, containerRef, onBlur, onChange, isMobile, placeholder, }: IUseSortSelect) => {
     handleDocumentClick: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;

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

@@ -1,5 +1,5 @@
 import "react/jsx-runtime";
-import { u as m } from "../../../useSortSelect-BWM68TJ3.js";
+import { u as m } from "../../../useSortSelect-C2p64lX1.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 y, useEffect as I } from "react";
 import { c as B } from "../../../index-DIxK0V-G.js";
-import { s as e, u as E } from "../../../useSortSelect-BWM68TJ3.js";
+import { s as e, u as E } from "../../../useSortSelect-C2p64lX1.js";
 import { NewIcon as u } from "../../NewIcon/ui/NewIcon.js";
 import "../../Button/ui/Button.js";
 import "../../mobileButton/ui/MobileButton.js";

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export interface Option {
     value: string | number;
     label: string;
@@ -8,7 +7,7 @@ export interface SortSelectProps {
     placeholder?: string;
     error?: boolean;
     disabled?: boolean;
-    onChange?: (event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void;
-    onBlur?: (event: React.FocusEvent<HTMLDivElement, Element>) => void;
+    onChange?: (event: Option) => void;
+    onBlur?: (event: Option) => void;
     additionalClass?: string;
 }

package/dist/main.d.ts

@@ -17,3 +17,4 @@ export { MetroTag } from './components/MetroTag';
 export { LotCard } from './components/LotCard';
 export { Select } from './components/Select';
 export { useClientWidth } from './shared/useClientWidth';
+export { SortSelect } from './components/SortSelect';

package/dist/main.js

@@ -3,13 +3,13 @@ import { MobileButton as p } from "./components/mobileButton/ui/MobileButton.js"
 import { NewIcon as f } from "./components/NewIcon/ui/NewIcon.js";
 import { DestinationTab as n } from "./components/DestinationTab/ui/DestinationTab.js";
 import { RoundButton as i } from "./components/RoundButton/ui/RoundButton.js";
-import { Tag as d } from "./components/Tag/ui/Tag.js";
-import { Switcher as T } from "./components/Switcher/ui/Switcher.js";
-import { Text as I } from "./components/Text/ui/Text.js";
-import { Flex as g } from "./components/Flex/ui/Flex.js";
-import { Input as s } from "./components/Input/ui/Input.js";
-import { Modal as B } from "./components/Modal/ui/Modal.js";
-import { FieldInput as S } from "./components/FieldInput/ui/FieldInput.js";
+import { Tag as l } from "./components/Tag/ui/Tag.js";
+import { Switcher as c } from "./components/Switcher/ui/Switcher.js";
+import { Text as T } from "./components/Text/ui/Text.js";
+import { Flex as b } from "./components/Flex/ui/Flex.js";
+import { Input as h } from "./components/Input/ui/Input.js";
+import { Modal as w } from "./components/Modal/ui/Modal.js";
+import { FieldInput as M } from "./components/FieldInput/ui/FieldInput.js";
 import { TabSwitcher as F } from "./components/TabSwitcher/ui/TabSwitcher.js";
 import { GroupedInputs as D } from "./components/GroupedInput/ui/GroupedInputs.js";
 import { Logo as N } from "./components/Logo/ui/Logo.js";
@@ -17,24 +17,26 @@ import { MetroTag as W } from "./components/MetroTag/ui/MetroTag.js";
 import { LotCard as k } from "./components/LotCard/ui/LotCard.js";
 import { Select as v } from "./components/Select/ui/Select.js";
 import { useClientWidth as z } from "./shared/useClientWidth.js";
+import { SortSelect as E } from "./components/SortSelect/ui/SortSelect.js";
 export {
   t as Button,
   n as DestinationTab,
-  S as FieldInput,
-  g as Flex,
+  M as FieldInput,
+  b as Flex,
   D as GroupedInputs,
-  s as Input,
+  h as Input,
   N as Logo,
   k as LotCard,
   W as MetroTag,
   p as MobileButton,
-  B as Modal,
+  w as Modal,
   f as NewIcon,
   i as RoundButton,
   v as Select,
-  T as Switcher,
+  E as SortSelect,
+  c as Switcher,
   F as TabSwitcher,
-  d as Tag,
-  I as Text,
+  l as Tag,
+  T as Text,
   z as useClientWidth
 };

package/dist/useSortSelect-C2p64lX1.js

@@ -0,0 +1,76 @@
+import { jsxs as v, jsx as s } from "react/jsx-runtime";
+import { c as y } from "./index-DIxK0V-G.js";
+const p = "_sortSelectWrapper_636hy_1", b = "_selectedOptions_636hy_8", x = "_selectedOptionsOpened_636hy_32", B = "_selectOptionsDisabled_636hy_36", C = "_optionsList_636hy_43", S = "_mobileOptionList_636hy_58", f = "_mobileSortHeader_636hy_65", g = "_modalAddBody_636hy_79", L = "_inputWrapper_636hy_85", W = "_option_636hy_43", D = "_icon_636hy_110", N = "_checkBox_636hy_117", A = "_checkBoxChecked_636hy_124", H = "_innerCheck_636hy_131", e = {
+  sortSelectWrapper: p,
+  selectedOptions: b,
+  selectedOptionsOpened: x,
+  selectOptionsDisabled: B,
+  optionsList: C,
+  mobileOptionList: S,
+  mobileSortHeader: f,
+  modalAddBody: g,
+  inputWrapper: L,
+  option: W,
+  icon: D,
+  checkBox: N,
+  checkBoxChecked: A,
+  innerCheck: H
+}, h = y.bind(e), q = ({
+  selectedOption: c,
+  setSelectedOption: i,
+  setIsOpen: a,
+  containerRef: r,
+  onBlur: t,
+  onChange: _,
+  isMobile: u,
+  placeholder: m
+}) => {
+  const d = (o) => (n) => {
+    n.stopPropagation();
+    const l = (c == null ? void 0 : c.value) === o.value ? null : o;
+    if (i(l), _) {
+      const k = {
+        ...n,
+        target: { value: l }
+      };
+      _(k);
+    }
+    a(!1);
+  };
+  return { handleDocumentClick: (o) => {
+    r.current && !r.current.contains(o.target) && a(!1);
+  }, handleBlur: (o) => {
+    if (t) {
+      const n = {
+        ...o,
+        target: { value: c == null ? void 0 : c.value }
+      };
+      t(n);
+    }
+  }, getInputValue: () => u ? "" : c ? c.label : m, getOption: (o) => /* @__PURE__ */ v(
+    "div",
+    {
+      className: h(e.option, {
+        [e.selected]: (c == null ? void 0 : c.value) === o.value
+      }),
+      onClick: d(o),
+      children: [
+        /* @__PURE__ */ s("div", { children: o.label }),
+        /* @__PURE__ */ s(
+          "div",
+          {
+            className: h(e.checkBox, {
+              [e.checkBoxChecked]: (c == null ? void 0 : c.value) === o.value
+            }),
+            children: (c == null ? void 0 : c.value) === o.value && /* @__PURE__ */ s("div", { className: e.innerCheck })
+          }
+        )
+      ]
+    },
+    o.value
+  ) };
+};
+export {
+  e as s,
+  q as u
+};

package/package.json

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

package/dist/useSortSelect-BWM68TJ3.js

@@ -1,76 +0,0 @@
-import { jsxs as p, jsx as s } from "react/jsx-runtime";
-import { c as y } from "./index-DIxK0V-G.js";
-const v = "_sortSelectWrapper_636hy_1", b = "_selectedOptions_636hy_8", x = "_selectedOptionsOpened_636hy_32", B = "_selectOptionsDisabled_636hy_36", C = "_optionsList_636hy_43", S = "_mobileOptionList_636hy_58", f = "_mobileSortHeader_636hy_65", g = "_modalAddBody_636hy_79", L = "_inputWrapper_636hy_85", W = "_option_636hy_43", D = "_icon_636hy_110", N = "_checkBox_636hy_117", A = "_checkBoxChecked_636hy_124", H = "_innerCheck_636hy_131", o = {
-  sortSelectWrapper: v,
-  selectedOptions: b,
-  selectedOptionsOpened: x,
-  selectOptionsDisabled: B,
-  optionsList: C,
-  mobileOptionList: S,
-  mobileSortHeader: f,
-  modalAddBody: g,
-  inputWrapper: L,
-  option: W,
-  icon: D,
-  checkBox: N,
-  checkBoxChecked: A,
-  innerCheck: H
-}, i = y.bind(o), q = ({
-  selectedOption: e,
-  setSelectedOption: h,
-  setIsOpen: t,
-  containerRef: r,
-  onBlur: a,
-  onChange: l,
-  isMobile: u,
-  placeholder: d
-}) => {
-  const m = (c) => (n) => {
-    n.stopPropagation();
-    const _ = (e == null ? void 0 : e.value) === c.value ? null : c;
-    if (h(_), l) {
-      const k = {
-        ...n,
-        target: { value: _ }
-      };
-      l(k);
-    }
-    t(!1);
-  };
-  return { handleDocumentClick: (c) => {
-    r.current && !r.current.contains(c.target) && t(!1);
-  }, handleBlur: (c) => {
-    if (a) {
-      const n = {
-        ...c,
-        target: { value: e }
-      };
-      a(n);
-    }
-  }, getInputValue: () => u ? "" : e ? e.label : d, getOption: (c) => /* @__PURE__ */ p(
-    "div",
-    {
-      className: i(o.option, {
-        [o.selected]: (e == null ? void 0 : e.value) === c.value
-      }),
-      onClick: m(c),
-      children: [
-        /* @__PURE__ */ s("div", { children: c.label }),
-        /* @__PURE__ */ s(
-          "div",
-          {
-            className: i(o.checkBox, {
-              [o.checkBoxChecked]: (e == null ? void 0 : e.value) === c.value
-            }),
-            children: (e == null ? void 0 : e.value) === c.value && /* @__PURE__ */ s("div", { className: o.innerCheck })
-          }
-        )
-      ]
-    },
-    c.value
-  ) };
-};
-export {
-  o as s,
-  q as u
-};