@dgshahr/ui-kit 0.0.70 → 0.0.72

package/dist/Form/Select/index.js

@@ -1,23 +1,14 @@
 "use client";
-import { jsx as s, jsxs as I, Fragment as S } from "react/jsx-runtime";
-import { c as n } from "../../clsx-OuTLNxxd.js";
-import { useRef as U, useEffect as $, memo as W, useState as T, useMemo as L, useCallback as R } from "react";
-import { A as q } from "../../ArrowDown2-CMeKw_vj.js";
-import G from "../Checkbox/index.js";
-import z from "../Input/index.js";
-import J from "../../Drawer/index.js";
+import { jsx as r, jsxs as y, Fragment as I } from "react/jsx-runtime";
+import { c as l } from "../../clsx-OuTLNxxd.js";
+import { memo as q, createContext as G, useContext as J, useState as O, useRef as H, useMemo as W, useCallback as R, useEffect as M } from "react";
+import Q from "../Checkbox/index.js";
+import X from "../../Button/index.js";
+import U from "../Input/index.js";
+import Y from "../../Drawer/index.js";
+import { A as Z } from "../../ArrowDown2-CMeKw_vj.js";
 import '../../assets/styles.css';/* empty css                    */
-const K = (r) => {
-  const e = U(null);
-  return $(() => {
-    const i = (o) => {
-      e.current && !e.current.contains(o.target) && r();
-    };
-    return document.addEventListener("click", i, !0), () => {
-      document.removeEventListener("click", i, !0);
-    };
-  }, [e, r]), e;
-}, Q = (r) => /* @__PURE__ */ s(
+const tt = (s) => /* @__PURE__ */ r(
   "svg",
   {
     xmlns: "http://www.w3.org/2000/svg",
@@ -25,8 +16,8 @@ const K = (r) => {
     height: "1em",
     fill: "none",
     viewBox: "0 0 24 24",
-    ...r,
-    children: /* @__PURE__ */ s(
+    ...s,
+    children: /* @__PURE__ */ r(
       "path",
       {
         stroke: "currentColor",
@@ -38,260 +29,310 @@ const K = (r) => {
     )
   }
 );
-function X({
-  label: r,
+function et(s, e = 100) {
+  if (!s) return;
+  const t = document.createElement("input");
+  t.style.position = "absolute", t.style.top = `${s.offsetTop + 7}px`, t.style.left = `${s.offsetLeft}px`, t.style.height = "0px", t.style.opacity = "0px", document.body.appendChild(t), t.focus(), setTimeout(() => {
+    s.focus(), s.click(), document.body.removeChild(t);
+  }, e);
+}
+function it({
+  label: s,
   isMultiple: e,
-  isActive: i,
+  isActive: t,
   disabled: o
 }) {
-  return e ? /* @__PURE__ */ s(
-    G,
+  return e ? /* @__PURE__ */ r(
+    Q,
     {
-      checked: i,
-      label: r,
+      checked: t,
+      label: s,
       readOnly: !0,
       disabled: o
     }
-  ) : r;
+  ) : s;
 }
-const Y = (r) => {
-  const { option: e, onClick: i, value: o, mode: g, optionCellClassName: p, optionCell: l } = r;
-  function k() {
+const st = (s) => {
+  const { option: e, onClick: t, value: o, mode: n, optionCellClassName: g, optionCell: a } = s;
+  function u() {
     return Array.isArray(o) ? o.includes(e.value) : e.value === o;
   }
-  return /* @__PURE__ */ s(
+  return /* @__PURE__ */ r(
     "button",
     {
-      onClick: i,
-      className: n(
+      onClick: t,
+      className: l(
         "dgs-ui-kit-w-full dgs-ui-kit-text-start dgs-ui-kit-px-3 disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-py-3 dgs-ui-kit-font-p1-regular disabled:dgs-ui-kit-bg-gray-50 dgs-ui-kit-transition",
-        k() ? "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-700 disabled:dgs-ui-kit-text-gray-400",
-        p
+        u() ? "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500" : "dgs-ui-kit-text-gray-700 disabled:dgs-ui-kit-text-gray-400",
+        g
       ),
       disabled: e.disabled,
-      children: l ? l(e, k()) : X({
+      children: a ? a(e, u()) : it({
         label: e.label,
-        isMultiple: g === "multiple",
-        isActive: k(),
+        isMultiple: n === "multiple",
+        isActive: u(),
         disabled: e.disabled ?? !1
       })
     }
   );
-}, _ = W(Y), Z = 20, B = (r) => {
+}, _ = q(st), F = G({
+  toggleWrapperVisibility: () => {
+  }
+}), rt = () => J(F), nt = 20, ot = (s) => {
   const {
     options: e,
-    mode: i = "single",
+    mode: t = "single",
     afterOptions: o,
-    beforOptions: g,
-    onChange: p,
-    searchable: l = !0,
-    setIsShowOptions: k,
-    separateSelectedOptions: f = !0,
-    optionsTitle: d = "عنوان‌ها",
-    value: c,
-    optionCellClassName: v
-  } = r, [a, m] = T(""), [w, y] = T(0), h = U(null), x = n(
+    beforOptions: n,
+    onChange: g,
+    searchable: a = !0,
+    separateSelectedOptions: u = !0,
+    optionsTitle: v = "عنوان‌ها",
+    value: m,
+    optionCellClassName: f,
+    emptyContent: h = "نتیجه‌ای یافت نشد !",
+    showClearButtonOnEmpty: C = !0
+  } = s, [k, c] = O(""), [b, w] = O(0), p = H(null), { toggleWrapperVisibility: T } = rt(), $ = l(
     "dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",
-    (!l && !g || i === "multiple" && f) && "first-of-type:dgs-ui-kit-border-t-0",
+    (!a && !n || t === "multiple" && u) && "first-of-type:dgs-ui-kit-border-t-0",
     !!o && "last-of-type:dgs-ui-kit-border-b"
   );
-  let C;
-  const b = l;
-  typeof l == "boolean" ? C = l : C = Object.keys(l).length > 0;
-  const O = L(() => a ? e?.filter((t) => t.label.includes(a)) : e, [a, e]), M = L(() => i === "multiple" && f ? e?.filter((t) => c.includes(t.value)) ?? [] : [], [e, c]), F = L(() => {
-    let t = O;
-    i === "multiple" && f && (t = t?.filter((A) => !c.includes(A.value)));
-    const u = Math.min(w + Z, t?.length ?? 0);
-    return t?.slice(w, u);
-  }, [O, w, c]), N = h?.current?.children[0]?.clientHeight ?? 50, V = (O?.length ?? 0) * N, E = R(() => {
-    const t = h?.current?.parentElement;
-    if (!t) return;
-    const u = t.scrollTop, A = h.current.offsetTop, D = Math.floor((u - A) / N);
-    y(D >= 0 ? D : 0);
+  let x;
+  const E = a;
+  typeof a == "boolean" ? x = a : x = Object.keys(a).length > 0;
+  const S = W(() => k ? e?.filter((i) => i.label.includes(k)) : e, [k, e]), A = W(() => t === "multiple" && u ? e?.filter((i) => m.includes(i.value)) ?? [] : [], [e, m]), j = W(() => {
+    let i = S;
+    t === "multiple" && u && (i = i?.filter((P) => !m.includes(P.value)));
+    const d = Math.min(b + nt, i?.length ?? 0);
+    return i?.slice(b, d);
+  }, [S, b, m]), N = p?.current?.children[0]?.clientHeight ?? 50, K = (S?.length ?? 0) * N, L = R(() => {
+    const i = p?.current?.parentElement;
+    if (!i) return;
+    const d = i.scrollTop, P = p.current.offsetTop, D = Math.floor((d - P) / N);
+    w(D >= 0 ? D : 0);
   }, [N]);
-  $(() => {
-    const t = h.current?.parentElement;
-    if (t)
-      return t.addEventListener("scroll", E), () => t.removeEventListener("scroll", E);
-  }, [E]);
-  const j = R(
-    (t) => {
-      if (typeof p == "function")
-        if (i === "multiple") {
-          const u = [...c ?? []];
-          u.includes(t) ? u.splice(u.indexOf(t), 1) : u.push(t), p(u);
+  M(() => {
+    const i = p.current?.parentElement;
+    if (i)
+      return i.addEventListener("scroll", L), () => i.removeEventListener("scroll", L);
+  }, [L]), M(() => {
+    x && et(document.getElementById("search-input"), 400);
+  }, []);
+  const B = R(
+    (i) => {
+      if (typeof g == "function")
+        if (t === "multiple") {
+          const d = [...m ?? []];
+          d.includes(i) ? d.splice(d.indexOf(i), 1) : d.push(i), g(d);
         } else
-          p(t), k(!1);
+          g(i), T();
     },
-    [c]
+    [m]
   );
-  return /* @__PURE__ */ I(S, { children: [
-    C && /* @__PURE__ */ s(
-      z,
+  return /* @__PURE__ */ y(I, { children: [
+    x && /* @__PURE__ */ r(
+      U,
       {
-        wrapperClassName: n(
+        id: "search-input",
+        wrapperClassName: l(
           "dgs-ui-kit-sticky dgs-ui-kit-top-0 dgs-ui-kit-pt-3 dgs-ui-kit-right-0 dgs-ui-kit-bg-white dgs-ui-kit-z-10 dgs-ui-kit-px-3",
-          g ? "dgs-ui-kit-pb-2" : "dgs-ui-kit-pb-3",
-          b?.wrapperClassName
+          n ? "dgs-ui-kit-pb-2" : "dgs-ui-kit-pb-3",
+          E?.wrapperClassName
         ),
-        placeholder: b?.placeholder ?? "جستجوی عنوان",
-        onChange: (t) => m(t.currentTarget.value),
-        rightIcon: b?.rightIcon ?? /* @__PURE__ */ s(
-          Q,
+        placeholder: E?.placeholder ?? "جستجوی عنوان",
+        value: k,
+        onChange: (i) => c(i.currentTarget.value),
+        rightIcon: E?.rightIcon ?? /* @__PURE__ */ r(
+          tt,
           {
             width: 20,
             height: 20
           }
         ),
-        autoFocus: !0,
-        ...typeof l == "object" ? l : {}
+        ...typeof a == "object" ? a : {}
       }
     ),
-    g,
-    i === "multiple" && f && M.length > 0 && /* @__PURE__ */ I(S, { children: [
-      /* @__PURE__ */ s("p", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2", children: `${d}‌ی انتخاب شده` }),
-      M.map((t) => /* @__PURE__ */ s(
+    n,
+    t === "multiple" && u && A.length > 0 && /* @__PURE__ */ y(I, { children: [
+      /* @__PURE__ */ r("p", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2", children: `${v}‌ی انتخاب شده` }),
+      A.map((i) => /* @__PURE__ */ r(
         _,
         {
-          onClick: () => j(t.value),
-          option: t,
-          optionCellClassName: n(x, v),
-          ...r
+          onClick: () => B(i.value),
+          option: i,
+          optionCellClassName: l($, f),
+          ...s
         },
-        t.value
+        i.value
       ))
     ] }),
-    /* @__PURE__ */ I(S, { children: [
-      i === "multiple" && f && /* @__PURE__ */ s("p", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2", children: d }),
-      /* @__PURE__ */ s(
+    /* @__PURE__ */ y(I, { children: [
+      t === "multiple" && u && /* @__PURE__ */ r("p", { className: "dgs-ui-kit-font-p2-regular dgs-ui-kit-text-gray-400 dgs-ui-kit-px-3 dgs-ui-kit-py-2", children: v }),
+      /* @__PURE__ */ r(
         "div",
         {
-          ref: h,
+          ref: p,
           className: "dgs-ui-kit-relative",
-          style: { height: V },
-          children: F?.map((t, u) => /* @__PURE__ */ s(
+          style: { height: K },
+          children: j?.map((i, d) => /* @__PURE__ */ r(
             "div",
             {
-              className: n("dgs-ui-kit-absolute dgs-ui-kit-w-full", x),
-              style: { top: `${(w + u) * N}px` },
-              children: /* @__PURE__ */ s(
+              className: l("dgs-ui-kit-absolute dgs-ui-kit-w-full", $),
+              style: { top: `${(b + d) * N}px` },
+              children: /* @__PURE__ */ r(
                 _,
                 {
-                  onClick: () => j(t.value),
-                  option: t,
-                  ...r
+                  onClick: () => B(i.value),
+                  option: i,
+                  ...s
                 }
               )
             },
-            t.value
+            i.value
           ))
         }
-      )
+      ),
+      !j?.length && !A.length && /* @__PURE__ */ y("div", { className: "dgs-ui-kit-text-center dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-mt-2", children: [
+        /* @__PURE__ */ r("p", { className: "dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium", children: h }),
+        C && /* @__PURE__ */ r(
+          X,
+          {
+            className: "dgs-ui-kit-mt-1",
+            variant: "text",
+            size: "small",
+            onClick: () => c(""),
+            children: "پاک کردن"
+          }
+        )
+      ] })
     ] }),
     o
   ] });
-}, H = "dgs-ui-kit-duration-300", P = 400;
-function tt(r, e) {
-  return Array.isArray(r) ? e.filter((i) => r.includes(i.value)).map((i) => i.label).join(", ") : e.find((i) => i.value === r)?.label ?? "";
-}
-const at = (r) => {
+}, lt = (s) => {
+  const e = H(null);
+  return M(() => {
+    const t = (o) => {
+      e.current && !e.current.contains(o.target) && s();
+    };
+    return document.addEventListener("click", t, !0), () => {
+      document.removeEventListener("click", t, !0);
+    };
+  }, [e, s]), e;
+}, V = "dgs-ui-kit-duration-300", z = 400, at = (s) => {
   const {
-    options: e,
-    optionsContainer: i = "popover",
-    className: o,
+    dropdownType: e = "popover",
+    disabled: t,
+    isLoading: o,
+    wrapperClassName: n,
     customInput: g,
-    inputProps: p,
-    drawerProps: l,
-    popoverClassName: k,
-    value: f,
-    isLoading: d,
-    searchable: c = !0,
-    disabled: v = d
-  } = r, [a, m] = T(!1), [w, y] = T(!1), h = K(() => {
-    i === "popover" && a && (m(!1), setTimeout(() => {
-      y(!1);
-    }, P));
+    children: a,
+    drawerProps: u,
+    inputProps: v,
+    popoverClassName: m
+  } = s, [f, h] = O(!1), [C, k] = O(!1);
+  let c;
+  const b = lt(() => {
+    e === "popover" && f && (h(!1), c && clearTimeout(c), c = setTimeout(() => {
+      k(!1);
+    }, z));
   });
-  function x() {
-    if (v || d) return;
-    !a ? (y(!0), setTimeout(() => {
-      m(!0);
-    }, 0)) : (m(!1), setTimeout(() => {
-      y(!1);
-    }, P));
+  function w() {
+    if (t || o) return;
+    const T = !C;
+    c && clearTimeout(c), T ? (k(!0), c = setTimeout(() => {
+      h(!0);
+    }, 0)) : (h(!1), c = setTimeout(() => {
+      k(!1);
+    }, z));
   }
-  const C = {
-    ...r,
-    setIsShowOptions: m
-  }, b = n({
-    "!dgs-ui-kit-cursor-not-allowed": v,
-    "!dgs-ui-kit-cursor-wait": d,
-    "!dgs-ui-kit-cursor-pointer": !d && !v
+  const p = l({
+    "!dgs-ui-kit-cursor-not-allowed": t,
+    "!dgs-ui-kit-cursor-wait": o,
+    "!dgs-ui-kit-cursor-pointer": !o && !t
   });
-  return /* @__PURE__ */ I(
+  return /* @__PURE__ */ y(
     "div",
     {
-      ref: h,
-      className: n("dgs-ui-kit-relative", o),
+      ref: b,
+      className: l("dgs-ui-kit-relative", n),
       children: [
-        /* @__PURE__ */ s(
+        /* @__PURE__ */ r(
           "button",
           {
-            className: n("dgs-ui-kit-w-full", b),
-            onClick: x,
-            children: g ? g(a) : /* @__PURE__ */ s(
-              z,
+            className: l("dgs-ui-kit-w-full", p),
+            onClick: w,
+            children: g ? g(f) : /* @__PURE__ */ r(
+              U,
               {
-                leftIcon: d ? /* @__PURE__ */ s("div", { className: "dot-flashing dgs-ui-kit-mr-2" }) : /* @__PURE__ */ s(
-                  q,
+                leftIcon: o ? /* @__PURE__ */ r("div", { className: "dot-flashing dgs-ui-kit-mr-2" }) : /* @__PURE__ */ r(
+                  Z,
                   {
                     width: 20,
                     height: 20,
-                    className: n("dgs-ui-kit-transition", H, {
-                      "dgs-ui-kit-rotate-180": a
+                    className: l("dgs-ui-kit-transition", V, {
+                      "dgs-ui-kit-rotate-180": f
                     })
                   }
                 ),
-                containerClassName: n(b, {
-                  "dgs-ui-kit-items-baseline": d
+                containerClassName: l(p, {
+                  "dgs-ui-kit-items-baseline": o
                 }),
-                className: n("dgs-ui-kit-caret-transparent", b),
-                value: tt(f, e),
-                disabled: v,
-                ...p
+                className: l("dgs-ui-kit-caret-transparent", p),
+                disabled: t,
+                ...v
               }
             )
           }
         ),
-        w && /* @__PURE__ */ s(S, { children: i === "popover" ? /* @__PURE__ */ s(
-          "div",
+        /* @__PURE__ */ r(
+          F.Provider,
           {
-            className: n(
-              "dgs-ui-kit-absolute dgs-ui-kit-min-w-[300px] dgs-ui-kit-bottom-0 dgs-ui-kit-right-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden dgs-ui-kit-shadow-lg dgs-ui-kit-w-full dgs-ui-kit-max-h-[360px] dgs-ui-kit-transition-all dgs-ui-kit-bg-white dgs-ui-kit-z-50 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200 dgs-ui-kit-pb-3",
-              H,
-              a ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",
-              { "dgs-ui-kit-pt-3": !c },
-              k
-            ),
-            children: /* @__PURE__ */ s(B, { ...C })
-          }
-        ) : /* @__PURE__ */ s(
-          J,
-          {
-            open: a,
-            onClose: () => m(!1),
-            containerClassName: n(
-              "!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",
-              c ? "!dgs-ui-kit-pt-0" : "!dgs-ui-kit-pt-3"
-            ),
-            ...l,
-            children: /* @__PURE__ */ s(B, { ...C })
+            value: {
+              toggleWrapperVisibility: w
+            },
+            children: C && /* @__PURE__ */ r(I, { children: e === "popover" ? /* @__PURE__ */ r(
+              "div",
+              {
+                className: l(
+                  "dgs-ui-kit-absolute dgs-ui-kit-min-w-[300px] dgs-ui-kit-bottom-0 dgs-ui-kit-right-0 dgs-ui-kit-translate-y-[calc(100%+8px)] dgs-ui-kit-overflow-y-auto dgs-ui-kit-overflow-x-hidden dgs-ui-kit-shadow-lg dgs-ui-kit-w-full dgs-ui-kit-max-h-[360px] dgs-ui-kit-transition-all dgs-ui-kit-bg-white dgs-ui-kit-z-50 dgs-ui-kit-rounded-lg dgs-ui-kit-border dgs-ui-kit-border-solid dgs-ui-kit-border-gray-200 dgs-ui-kit-pb-3",
+                  V,
+                  f ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",
+                  m
+                ),
+                children: a
+              }
+            ) : /* @__PURE__ */ r(
+              Y,
+              {
+                ...u,
+                open: f,
+                onClose: () => h(!1),
+                containerClassName: l(
+                  "!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",
+                  u?.containerClassName
+                ),
+                children: a
+              }
+            ) })
           }
-        ) })
+        )
       ]
     }
   );
 };
+function ut(s, e) {
+  return Array.isArray(s) ? e.filter((t) => s.includes(t.value)).map((t) => t.label).join(", ") : e.find((t) => t.value === s)?.label ?? "";
+}
+const yt = (s) => {
+  const { searchable: e = !0, value: t, options: o } = s, n = { ...s };
+  return n.dropdownType === "popover" && !e && (n.popoverClassName = l("dgs-ui-kit-pt-3", n.popoverClassName)), n.dropdownType === "drawer" && (n.drawerProps = {
+    ...n.drawerProps,
+    containerClassName: l(
+      e ? "!dgs-ui-kit-pt-0" : "!dgs-ui-kit-pt-3",
+      n.drawerProps?.containerClassName
+    )
+  }), n.customInput || (n.inputProps = { ...n.inputProps, value: ut(t, o) }), /* @__PURE__ */ r(at, { ...n, children: /* @__PURE__ */ r(ot, { ...s }) });
+};
 export {
-  at as default
+  yt as default
 };

package/dist/Form/Select/types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
-import { DrawerProps } from '../../Drawer';
 import { InputProps } from '../Input';
+import { PickerWrapperProps } from '../Wrappers/PickerWrapper/type';
 export type Option<T> = {
     value: T;
     label: string;
@@ -10,13 +10,12 @@ type SelectPropsBase<T> = {
     options: Option<T>[];
     optionsContainer?: 'drawer' | 'popover';
     searchable?: boolean | Omit<InputProps, 'onChange'>;
-    isLoading?: boolean;
-    disabled?: boolean;
     optionCell?: (option: Option<T>, isActive: boolean) => ReactNode;
     optionCellClassName?: string;
-    className?: string;
     beforOptions?: ReactNode;
     afterOptions?: ReactNode;
+    emptyContent?: ReactNode;
+    showClearButtonOnEmpty?: boolean;
 };
 export type SelectWithSingleMode<T> = {
     mode?: 'single';
@@ -32,24 +31,6 @@ export type SelectWithMultipleMode<T> = {
     optionsTitle?: string;
     separateSelectedOptions?: boolean;
 };
-type SelectWithCustomInput = {
-    customInput?: (isShowOptions: boolean) => ReactNode;
-    inputProps?: never;
-};
-type SelectWithoutCustomInput = {
-    inputProps?: Omit<InputProps, 'leftIcon'>;
-    customInput?: never;
-};
-type SelectWithDrawerContainer = {
-    optionsContainer: 'drawer';
-    drawerProps?: Omit<DrawerProps, 'children' | 'onClose' | 'open'>;
-    popoverClassName?: never;
-};
-type SelectWithPopoverContainer = {
-    optionsContainer?: 'popover';
-    popoverClassName?: string;
-    drawerProps?: never;
-};
-export type SelectProps<T> = SelectPropsBase<T> & (SelectWithSingleMode<T> | SelectWithMultipleMode<T>) & (SelectWithoutCustomInput | SelectWithCustomInput) & (SelectWithDrawerContainer | SelectWithPopoverContainer);
+export type SelectProps<T> = SelectPropsBase<T> & Omit<PickerWrapperProps, 'children'> & (SelectWithSingleMode<T> | SelectWithMultipleMode<T>);
 export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/Form/Select/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAE3C,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IACtB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,uBAAuB,CAAC,EAAE,KAAK,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;IACtC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,KAAK,qBAAqB,GAAG;IAC3B,WAAW,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,KAAK,SAAS,CAAC;IACpD,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB,CAAC;AAEF,KAAK,wBAAwB,GAAG;IAC9B,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,KAAK,yBAAyB,GAAG;IAC/B,gBAAgB,EAAE,QAAQ,CAAC;IAC3B,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B,CAAC;AAEF,KAAK,0BAA0B,GAAG;IAChC,gBAAgB,CAAC,EAAE,SAAS,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAC7C,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,GACrD,CAAC,wBAAwB,GAAG,qBAAqB,CAAC,GAClD,CAAC,yBAAyB,GAAG,0BAA0B,CAAC,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAC3C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,gCAAgC,CAAC;AAEzE,MAAM,MAAM,MAAM,CAAC,CAAC,IAAI;IACtB,KAAK,EAAE,CAAC,CAAC;IACT,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AACF,KAAK,eAAe,CAAC,CAAC,IAAI;IACxB,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,CAAC;IACrB,gBAAgB,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IACxC,UAAU,CAAC,EAAE,OAAO,GAAG,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IACpD,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IACjE,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,sBAAsB,CAAC,EAAE,OAAO,CAAC;CAClC,CAAC;AAEF,MAAM,MAAM,oBAAoB,CAAC,CAAC,IAAI;IACpC,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,YAAY,CAAC,EAAE,KAAK,CAAC;IACrB,uBAAuB,CAAC,EAAE,KAAK,CAAC;CACjC,CAAC;AAEF,MAAM,MAAM,sBAAsB,CAAC,CAAC,IAAI;IACtC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,CAAC,EAAE,CAAC;IACX,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,MAAM,MAAM,WAAW,CAAC,CAAC,IAAI,eAAe,CAAC,CAAC,CAAC,GAC7C,IAAI,CAAC,kBAAkB,EAAE,UAAU,CAAC,GACpC,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC"}

package/dist/Form/Wrappers/PickerWrapper/PickerWrapper.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { PickerWrapperProps } from './type';
+declare const PickerWrapper: FC<PickerWrapperProps>;
+export default PickerWrapper;
+//# sourceMappingURL=PickerWrapper.d.ts.map

package/dist/Form/Wrappers/PickerWrapper/PickerWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PickerWrapper.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/PickerWrapper.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAK1C,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,QAAQ,CAAC;AAGjD,OAAO,kBAAkB,CAAC;AAM1B,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA4HzC,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/Form/Wrappers/PickerWrapper/contexts.d.ts

@@ -0,0 +1,7 @@
+interface IPickerWrapperContext {
+    toggleWrapperVisibility: () => void;
+}
+export declare const pickerWrapperContext: import('react').Context<IPickerWrapperContext>;
+export declare const usePickerWrapper: () => IPickerWrapperContext;
+export {};
+//# sourceMappingURL=contexts.d.ts.map

package/dist/Form/Wrappers/PickerWrapper/contexts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"contexts.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/contexts.ts"],"names":[],"mappings":"AAEA,UAAU,qBAAqB;IAC7B,uBAAuB,EAAE,MAAM,IAAI,CAAC;CACrC;AAED,eAAO,MAAM,oBAAoB,gDAE/B,CAAC;AAEH,eAAO,MAAM,gBAAgB,6BAAyC,CAAC"}

package/dist/Form/Wrappers/PickerWrapper/type.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { DrawerProps } from '../../../Drawer';
+import { InputProps } from '../../Input';
+interface PickerWrapperPropsBase {
+    isLoading?: boolean;
+    disabled?: boolean;
+    wrapperClassName?: string;
+    children: ReactNode;
+}
+interface PickerWrapperWithCustomInput {
+    customInput?: (isOpen: boolean) => ReactNode;
+    inputProps?: never;
+}
+interface PickerWrapperWithoutCustomInput {
+    inputProps?: Omit<InputProps, 'leftIcon'>;
+    customInput?: never;
+}
+interface PickerWrapperWithDrawerContainer {
+    dropdownType: 'drawer';
+    drawerProps?: Omit<DrawerProps, 'children' | 'onClose' | 'open'>;
+    popoverClassName?: never;
+}
+interface PickerWrapperWithPopoverContainer {
+    dropdownType?: 'popover';
+    popoverClassName?: string;
+    drawerProps?: never;
+}
+export type PickerWrapperProps = PickerWrapperPropsBase & (PickerWrapperWithCustomInput | PickerWrapperWithoutCustomInput) & (PickerWrapperWithDrawerContainer | PickerWrapperWithPopoverContainer);
+export {};
+//# sourceMappingURL=type.d.ts.map

package/dist/Form/Wrappers/PickerWrapper/type.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"type.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/Wrappers/PickerWrapper/type.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAE9C,UAAU,sBAAsB;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,UAAU,4BAA4B;IACpC,WAAW,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,SAAS,CAAC;IAC7C,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB;AAED,UAAU,+BAA+B;IACvC,UAAU,CAAC,EAAE,IAAI,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC;IAC1C,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,UAAU,gCAAgC;IACxC,YAAY,EAAE,QAAQ,CAAC;IACvB,WAAW,CAAC,EAAE,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,SAAS,GAAG,MAAM,CAAC,CAAC;IACjE,gBAAgB,CAAC,EAAE,KAAK,CAAC;CAC1B;AAED,UAAU,iCAAiC;IACzC,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,WAAW,CAAC,EAAE,KAAK,CAAC;CACrB;AAED,MAAM,MAAM,kBAAkB,GAAG,sBAAsB,GACrD,CAAC,4BAA4B,GAAG,+BAA+B,CAAC,GAChE,CAAC,gCAAgC,GAAG,iCAAiC,CAAC,CAAC"}