@dgshahr/ui-kit 0.0.69 → 0.0.70
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/Options.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,QAAQ,EACb,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,WAAW,EAAgD,MAAM,SAAS,CAAC;AAGzF,KAAK,YAAY,CAAC,CAAC,IAAI,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG;IAC/C,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACrD,CAAC;AAIF,QAAA,MAAM,OAAO,GAAI,CAAC,SAAU,YAAY,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/Options.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,QAAQ,EACb,KAAK,cAAc,EACpB,MAAM,OAAO,CAAC;AAGf,OAAO,KAAK,EAAE,WAAW,EAAgD,MAAM,SAAS,CAAC;AAGzF,KAAK,YAAY,CAAC,CAAC,IAAI,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG;IAC/C,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,OAAO,CAAC,CAAC,CAAC;CACrD,CAAC;AAIF,QAAA,MAAM,OAAO,GAAI,CAAC,SAAU,YAAY,CAAC,CAAC,CAAC,4CAiK1C,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('../../assets/styles.css');const
|
|
1
|
+
"use client";"use strict";require('../../assets/styles.css');const t=require("react/jsx-runtime"),l=require("../../clsx-C11secjj.cjs"),n=require("react"),B=require("../../ArrowDown2-O11Hxz6e.cjs"),H=require("../Checkbox/index.cjs"),D=require("../Input/index.cjs"),P=require("../../Drawer/index.cjs");;/* empty css */const U=r=>{const i=n.useRef(null);return n.useEffect(()=>{const s=o=>{i.current&&!i.current.contains(o.target)&&r()};return document.addEventListener("click",s,!0),()=>{document.removeEventListener("click",s,!0)}},[i,r]),i},$=r=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...r,children:t.jsx("path",{stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.5,d:"M11.767 20.755a8.989 8.989 0 1 0 0-17.977 8.989 8.989 0 0 0 0 17.977M18.018 18.485 21.542 22"})});function z({label:r,isMultiple:i,isActive:s,disabled:o}){return i?t.jsx(H,{checked:s,label:r,readOnly:!0,disabled:o}):r}const V=r=>{const{option:i,onClick:s,value:o,mode:p,optionCellClassName:k,optionCell:u}=r;function f(){return Array.isArray(o)?o.includes(i.value):i.value===o}return t.jsx("button",{onClick:s,className:l.clsx("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",f()?"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",k),disabled:i.disabled,children:u?u(i,f()):z({label:i.label,isMultiple:p==="multiple",isActive:f(),disabled:i.disabled??!1})})},M=n.memo(V),W=20,L=r=>{const{options:i,mode:s="single",afterOptions:o,beforOptions:p,onChange:k,searchable:u=!0,setIsShowOptions:f,separateSelectedOptions:m=!0,optionsTitle:d="عنوانها",value:g,optionCellClassName:v}=r,[c,h]=n.useState(""),[w,y]=n.useState(0),x=n.useRef(null),j=l.clsx("dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",(!u&&!p||s==="multiple"&&m)&&"first-of-type:dgs-ui-kit-border-t-0",!!o&&"last-of-type:dgs-ui-kit-border-b");let C;const b=u;typeof u=="boolean"?C=u:C=Object.keys(u).length>0;const O=n.useMemo(()=>c?i?.filter(e=>e.label.includes(c)):i,[c,i]),T=n.useMemo(()=>s==="multiple"&&m?i?.filter(e=>g.includes(e.value))??[]:[],[i,g]),F=n.useMemo(()=>{let e=O;s==="multiple"&&m&&(e=e?.filter(S=>!g.includes(S.value)));const a=Math.min(w+W,e?.length??0);return e?.slice(w,a)},[O,w,g]),N=x?.current?.children[0]?.clientHeight??50,_=(O?.length??0)*N,I=n.useCallback(()=>{const e=x?.current?.parentElement;if(!e)return;const a=e.scrollTop,S=x.current.offsetTop,A=Math.floor((a-S)/N);y(A>=0?A:0)},[N]);n.useEffect(()=>{const e=x.current?.parentElement;if(e)return e.addEventListener("scroll",I),()=>e.removeEventListener("scroll",I)},[I]);const E=n.useCallback(e=>{if(typeof k=="function")if(s==="multiple"){const a=[...g??[]];a.includes(e)?a.splice(a.indexOf(e),1):a.push(e),k(a)}else k(e),f(!1)},[g]);return t.jsxs(t.Fragment,{children:[C&&t.jsx(D,{wrapperClassName:l.clsx("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",p?"dgs-ui-kit-pb-2":"dgs-ui-kit-pb-3",b?.wrapperClassName),placeholder:b?.placeholder??"جستجوی عنوان",onChange:e=>h(e.currentTarget.value),rightIcon:b?.rightIcon??t.jsx($,{width:20,height:20}),autoFocus:!0,...typeof u=="object"?u:{}}),p,s==="multiple"&&m&&T.length>0&&t.jsxs(t.Fragment,{children:[t.jsx("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}ی انتخاب شده`}),T.map(e=>t.jsx(M,{onClick:()=>E(e.value),option:e,optionCellClassName:l.clsx(j,v),...r},e.value))]}),t.jsxs(t.Fragment,{children:[s==="multiple"&&m&&t.jsx("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}),t.jsx("div",{ref:x,className:"dgs-ui-kit-relative",style:{height:_},children:F?.map((e,a)=>t.jsx("div",{className:l.clsx("dgs-ui-kit-absolute dgs-ui-kit-w-full",j),style:{top:`${(w+a)*N}px`},children:t.jsx(M,{onClick:()=>E(e.value),option:e,...r})},e.value))})]}),o]})},R="dgs-ui-kit-duration-300",q=400;function G(r,i){return Array.isArray(r)?i.filter(s=>r.includes(s.value)).map(s=>s.label).join(", "):i.find(s=>s.value===r)?.label??""}const J=r=>{const{options:i,optionsContainer:s="popover",className:o,customInput:p,inputProps:k,drawerProps:u,popoverClassName:f,value:m,isLoading:d,searchable:g=!0,disabled:v=d}=r,[c,h]=n.useState(!1),[w,y]=n.useState(!1),x=U(()=>{s==="popover"&&c&&(h(!1),setTimeout(()=>{y(!1)},q))});function j(){if(v||d)return;!c?(y(!0),setTimeout(()=>{h(!0)},0)):(h(!1),setTimeout(()=>{y(!1)},q))}const C={...r,setIsShowOptions:h},b=l.clsx({"!dgs-ui-kit-cursor-not-allowed":v,"!dgs-ui-kit-cursor-wait":d,"!dgs-ui-kit-cursor-pointer":!d&&!v});return t.jsxs("div",{ref:x,className:l.clsx("dgs-ui-kit-relative",o),children:[t.jsx("button",{className:l.clsx("dgs-ui-kit-w-full",b),onClick:j,children:p?p(c):t.jsx(D,{leftIcon:d?t.jsx("div",{className:"dot-flashing dgs-ui-kit-mr-2"}):t.jsx(B.ArrowDown2Icon,{width:20,height:20,className:l.clsx("dgs-ui-kit-transition",R,{"dgs-ui-kit-rotate-180":c})}),containerClassName:l.clsx(b,{"dgs-ui-kit-items-baseline":d}),className:l.clsx("dgs-ui-kit-caret-transparent",b),value:G(m,i),disabled:v,...k})}),w&&t.jsx(t.Fragment,{children:s==="popover"?t.jsx("div",{className:l.clsx("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",R,c?"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":!g},f),children:t.jsx(L,{...C})}):t.jsx(P,{open:c,onClose:()=>h(!1),containerClassName:l.clsx("!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",g?"!dgs-ui-kit-pt-0":"!dgs-ui-kit-pt-3"),...u,children:t.jsx(L,{...C})})})]})};module.exports=J;
|
|
@@ -1,23 +1,23 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsx as s, jsxs as
|
|
2
|
+
import { jsx as s, jsxs as I, Fragment as S } from "react/jsx-runtime";
|
|
3
3
|
import { c as n } from "../../clsx-OuTLNxxd.js";
|
|
4
|
-
import { useRef as
|
|
5
|
-
import { A as
|
|
6
|
-
import
|
|
7
|
-
import
|
|
8
|
-
import
|
|
4
|
+
import { useRef as U, useEffect as $, memo as W, useState as T, useMemo as L, useCallback as R } from "react";
|
|
5
|
+
import { A as q } from "../../ArrowDown2-CMeKw_vj.js";
|
|
6
|
+
import G from "../Checkbox/index.js";
|
|
7
|
+
import z from "../Input/index.js";
|
|
8
|
+
import J from "../../Drawer/index.js";
|
|
9
9
|
import '../../assets/styles.css';/* empty css */
|
|
10
|
-
const
|
|
11
|
-
const
|
|
12
|
-
return
|
|
13
|
-
const
|
|
14
|
-
|
|
10
|
+
const K = (r) => {
|
|
11
|
+
const e = U(null);
|
|
12
|
+
return $(() => {
|
|
13
|
+
const i = (o) => {
|
|
14
|
+
e.current && !e.current.contains(o.target) && r();
|
|
15
15
|
};
|
|
16
|
-
return document.addEventListener("click",
|
|
17
|
-
document.removeEventListener("click",
|
|
16
|
+
return document.addEventListener("click", i, !0), () => {
|
|
17
|
+
document.removeEventListener("click", i, !0);
|
|
18
18
|
};
|
|
19
|
-
}, [
|
|
20
|
-
},
|
|
19
|
+
}, [e, r]), e;
|
|
20
|
+
}, Q = (r) => /* @__PURE__ */ s(
|
|
21
21
|
"svg",
|
|
22
22
|
{
|
|
23
23
|
xmlns: "http://www.w3.org/2000/svg",
|
|
@@ -38,140 +38,146 @@ const G = (r) => {
|
|
|
38
38
|
)
|
|
39
39
|
}
|
|
40
40
|
);
|
|
41
|
-
function
|
|
41
|
+
function X({
|
|
42
42
|
label: r,
|
|
43
|
-
isMultiple:
|
|
44
|
-
isActive:
|
|
43
|
+
isMultiple: e,
|
|
44
|
+
isActive: i,
|
|
45
45
|
disabled: o
|
|
46
46
|
}) {
|
|
47
|
-
return
|
|
48
|
-
|
|
47
|
+
return e ? /* @__PURE__ */ s(
|
|
48
|
+
G,
|
|
49
49
|
{
|
|
50
|
-
checked:
|
|
50
|
+
checked: i,
|
|
51
51
|
label: r,
|
|
52
52
|
readOnly: !0,
|
|
53
53
|
disabled: o
|
|
54
54
|
}
|
|
55
55
|
) : r;
|
|
56
56
|
}
|
|
57
|
-
const
|
|
58
|
-
const { option:
|
|
57
|
+
const Y = (r) => {
|
|
58
|
+
const { option: e, onClick: i, value: o, mode: g, optionCellClassName: p, optionCell: l } = r;
|
|
59
59
|
function k() {
|
|
60
|
-
return Array.isArray(o) ? o.includes(
|
|
60
|
+
return Array.isArray(o) ? o.includes(e.value) : e.value === o;
|
|
61
61
|
}
|
|
62
62
|
return /* @__PURE__ */ s(
|
|
63
63
|
"button",
|
|
64
64
|
{
|
|
65
|
-
onClick:
|
|
65
|
+
onClick: i,
|
|
66
66
|
className: n(
|
|
67
67
|
"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",
|
|
68
68
|
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",
|
|
69
|
-
|
|
69
|
+
p
|
|
70
70
|
),
|
|
71
|
-
disabled:
|
|
72
|
-
children:
|
|
73
|
-
label:
|
|
74
|
-
isMultiple:
|
|
71
|
+
disabled: e.disabled,
|
|
72
|
+
children: l ? l(e, k()) : X({
|
|
73
|
+
label: e.label,
|
|
74
|
+
isMultiple: g === "multiple",
|
|
75
75
|
isActive: k(),
|
|
76
|
-
disabled:
|
|
76
|
+
disabled: e.disabled ?? !1
|
|
77
77
|
})
|
|
78
78
|
}
|
|
79
79
|
);
|
|
80
|
-
}, _ =
|
|
80
|
+
}, _ = W(Y), Z = 20, B = (r) => {
|
|
81
81
|
const {
|
|
82
|
-
options:
|
|
83
|
-
mode:
|
|
82
|
+
options: e,
|
|
83
|
+
mode: i = "single",
|
|
84
84
|
afterOptions: o,
|
|
85
|
-
beforOptions:
|
|
86
|
-
onChange:
|
|
87
|
-
searchable:
|
|
85
|
+
beforOptions: g,
|
|
86
|
+
onChange: p,
|
|
87
|
+
searchable: l = !0,
|
|
88
88
|
setIsShowOptions: k,
|
|
89
|
-
separateSelectedOptions:
|
|
90
|
-
optionsTitle:
|
|
91
|
-
value:
|
|
92
|
-
optionCellClassName:
|
|
93
|
-
} = r, [
|
|
89
|
+
separateSelectedOptions: f = !0,
|
|
90
|
+
optionsTitle: d = "عنوانها",
|
|
91
|
+
value: c,
|
|
92
|
+
optionCellClassName: v
|
|
93
|
+
} = r, [a, m] = T(""), [w, y] = T(0), h = U(null), x = n(
|
|
94
94
|
"dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",
|
|
95
|
-
(!
|
|
95
|
+
(!l && !g || i === "multiple" && f) && "first-of-type:dgs-ui-kit-border-t-0",
|
|
96
96
|
!!o && "last-of-type:dgs-ui-kit-border-b"
|
|
97
|
-
)
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
97
|
+
);
|
|
98
|
+
let C;
|
|
99
|
+
const b = l;
|
|
100
|
+
typeof l == "boolean" ? C = l : C = Object.keys(l).length > 0;
|
|
101
|
+
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(() => {
|
|
102
|
+
let t = O;
|
|
103
|
+
i === "multiple" && f && (t = t?.filter((A) => !c.includes(A.value)));
|
|
104
|
+
const u = Math.min(w + Z, t?.length ?? 0);
|
|
105
|
+
return t?.slice(w, u);
|
|
106
|
+
}, [O, w, c]), N = h?.current?.children[0]?.clientHeight ?? 50, V = (O?.length ?? 0) * N, E = R(() => {
|
|
103
107
|
const t = h?.current?.parentElement;
|
|
104
108
|
if (!t) return;
|
|
105
|
-
const
|
|
106
|
-
|
|
107
|
-
}, [
|
|
108
|
-
|
|
109
|
+
const u = t.scrollTop, A = h.current.offsetTop, D = Math.floor((u - A) / N);
|
|
110
|
+
y(D >= 0 ? D : 0);
|
|
111
|
+
}, [N]);
|
|
112
|
+
$(() => {
|
|
109
113
|
const t = h.current?.parentElement;
|
|
110
114
|
if (t)
|
|
111
|
-
return t.addEventListener("scroll",
|
|
112
|
-
}, [
|
|
113
|
-
const
|
|
115
|
+
return t.addEventListener("scroll", E), () => t.removeEventListener("scroll", E);
|
|
116
|
+
}, [E]);
|
|
117
|
+
const j = R(
|
|
114
118
|
(t) => {
|
|
115
|
-
if (typeof
|
|
116
|
-
if (
|
|
117
|
-
const
|
|
118
|
-
|
|
119
|
+
if (typeof p == "function")
|
|
120
|
+
if (i === "multiple") {
|
|
121
|
+
const u = [...c ?? []];
|
|
122
|
+
u.includes(t) ? u.splice(u.indexOf(t), 1) : u.push(t), p(u);
|
|
119
123
|
} else
|
|
120
|
-
|
|
124
|
+
p(t), k(!1);
|
|
121
125
|
},
|
|
122
|
-
[
|
|
126
|
+
[c]
|
|
123
127
|
);
|
|
124
|
-
return /* @__PURE__ */
|
|
125
|
-
|
|
126
|
-
|
|
128
|
+
return /* @__PURE__ */ I(S, { children: [
|
|
129
|
+
C && /* @__PURE__ */ s(
|
|
130
|
+
z,
|
|
127
131
|
{
|
|
128
132
|
wrapperClassName: n(
|
|
129
133
|
"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",
|
|
130
|
-
|
|
134
|
+
g ? "dgs-ui-kit-pb-2" : "dgs-ui-kit-pb-3",
|
|
135
|
+
b?.wrapperClassName
|
|
131
136
|
),
|
|
132
|
-
placeholder: "جستجوی عنوان",
|
|
133
|
-
onChange: (t) =>
|
|
134
|
-
rightIcon: /* @__PURE__ */ s(
|
|
135
|
-
|
|
137
|
+
placeholder: b?.placeholder ?? "جستجوی عنوان",
|
|
138
|
+
onChange: (t) => m(t.currentTarget.value),
|
|
139
|
+
rightIcon: b?.rightIcon ?? /* @__PURE__ */ s(
|
|
140
|
+
Q,
|
|
136
141
|
{
|
|
137
142
|
width: 20,
|
|
138
143
|
height: 20
|
|
139
144
|
}
|
|
140
145
|
),
|
|
141
|
-
autoFocus: !0
|
|
146
|
+
autoFocus: !0,
|
|
147
|
+
...typeof l == "object" ? l : {}
|
|
142
148
|
}
|
|
143
149
|
),
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
/* @__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: `${
|
|
147
|
-
|
|
150
|
+
g,
|
|
151
|
+
i === "multiple" && f && M.length > 0 && /* @__PURE__ */ I(S, { children: [
|
|
152
|
+
/* @__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}ی انتخاب شده` }),
|
|
153
|
+
M.map((t) => /* @__PURE__ */ s(
|
|
148
154
|
_,
|
|
149
155
|
{
|
|
150
|
-
onClick: () =>
|
|
156
|
+
onClick: () => j(t.value),
|
|
151
157
|
option: t,
|
|
152
|
-
optionCellClassName: n(
|
|
158
|
+
optionCellClassName: n(x, v),
|
|
153
159
|
...r
|
|
154
160
|
},
|
|
155
161
|
t.value
|
|
156
162
|
))
|
|
157
163
|
] }),
|
|
158
|
-
/* @__PURE__ */
|
|
159
|
-
|
|
164
|
+
/* @__PURE__ */ I(S, { children: [
|
|
165
|
+
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 }),
|
|
160
166
|
/* @__PURE__ */ s(
|
|
161
167
|
"div",
|
|
162
168
|
{
|
|
163
169
|
ref: h,
|
|
164
170
|
className: "dgs-ui-kit-relative",
|
|
165
|
-
style: { height:
|
|
166
|
-
children:
|
|
171
|
+
style: { height: V },
|
|
172
|
+
children: F?.map((t, u) => /* @__PURE__ */ s(
|
|
167
173
|
"div",
|
|
168
174
|
{
|
|
169
|
-
className: n("dgs-ui-kit-absolute dgs-ui-kit-w-full",
|
|
170
|
-
style: { top: `${(
|
|
175
|
+
className: n("dgs-ui-kit-absolute dgs-ui-kit-w-full", x),
|
|
176
|
+
style: { top: `${(w + u) * N}px` },
|
|
171
177
|
children: /* @__PURE__ */ s(
|
|
172
178
|
_,
|
|
173
179
|
{
|
|
174
|
-
onClick: () =>
|
|
180
|
+
onClick: () => j(t.value),
|
|
175
181
|
option: t,
|
|
176
182
|
...r
|
|
177
183
|
}
|
|
@@ -184,45 +190,45 @@ const Q = (r) => {
|
|
|
184
190
|
] }),
|
|
185
191
|
o
|
|
186
192
|
] });
|
|
187
|
-
},
|
|
188
|
-
function
|
|
189
|
-
return Array.isArray(r) ?
|
|
193
|
+
}, H = "dgs-ui-kit-duration-300", P = 400;
|
|
194
|
+
function tt(r, e) {
|
|
195
|
+
return Array.isArray(r) ? e.filter((i) => r.includes(i.value)).map((i) => i.label).join(", ") : e.find((i) => i.value === r)?.label ?? "";
|
|
190
196
|
}
|
|
191
|
-
const
|
|
197
|
+
const at = (r) => {
|
|
192
198
|
const {
|
|
193
|
-
options:
|
|
194
|
-
optionsContainer:
|
|
199
|
+
options: e,
|
|
200
|
+
optionsContainer: i = "popover",
|
|
195
201
|
className: o,
|
|
196
|
-
customInput:
|
|
197
|
-
inputProps:
|
|
198
|
-
drawerProps:
|
|
202
|
+
customInput: g,
|
|
203
|
+
inputProps: p,
|
|
204
|
+
drawerProps: l,
|
|
199
205
|
popoverClassName: k,
|
|
200
|
-
value:
|
|
201
|
-
isLoading:
|
|
202
|
-
searchable:
|
|
203
|
-
disabled:
|
|
204
|
-
} = r, [
|
|
205
|
-
|
|
206
|
-
|
|
207
|
-
},
|
|
206
|
+
value: f,
|
|
207
|
+
isLoading: d,
|
|
208
|
+
searchable: c = !0,
|
|
209
|
+
disabled: v = d
|
|
210
|
+
} = r, [a, m] = T(!1), [w, y] = T(!1), h = K(() => {
|
|
211
|
+
i === "popover" && a && (m(!1), setTimeout(() => {
|
|
212
|
+
y(!1);
|
|
213
|
+
}, P));
|
|
208
214
|
});
|
|
209
|
-
function
|
|
210
|
-
if (
|
|
211
|
-
!
|
|
212
|
-
|
|
213
|
-
}, 0)) : (
|
|
214
|
-
|
|
215
|
-
},
|
|
215
|
+
function x() {
|
|
216
|
+
if (v || d) return;
|
|
217
|
+
!a ? (y(!0), setTimeout(() => {
|
|
218
|
+
m(!0);
|
|
219
|
+
}, 0)) : (m(!1), setTimeout(() => {
|
|
220
|
+
y(!1);
|
|
221
|
+
}, P));
|
|
216
222
|
}
|
|
217
|
-
const
|
|
223
|
+
const C = {
|
|
218
224
|
...r,
|
|
219
|
-
setIsShowOptions:
|
|
220
|
-
},
|
|
221
|
-
"!dgs-ui-kit-cursor-not-allowed":
|
|
222
|
-
"!dgs-ui-kit-cursor-wait":
|
|
223
|
-
"!dgs-ui-kit-cursor-pointer": !
|
|
225
|
+
setIsShowOptions: m
|
|
226
|
+
}, b = n({
|
|
227
|
+
"!dgs-ui-kit-cursor-not-allowed": v,
|
|
228
|
+
"!dgs-ui-kit-cursor-wait": d,
|
|
229
|
+
"!dgs-ui-kit-cursor-pointer": !d && !v
|
|
224
230
|
});
|
|
225
|
-
return /* @__PURE__ */
|
|
231
|
+
return /* @__PURE__ */ I(
|
|
226
232
|
"div",
|
|
227
233
|
{
|
|
228
234
|
ref: h,
|
|
@@ -231,55 +237,55 @@ const lt = (r) => {
|
|
|
231
237
|
/* @__PURE__ */ s(
|
|
232
238
|
"button",
|
|
233
239
|
{
|
|
234
|
-
className: n("dgs-ui-kit-w-full",
|
|
235
|
-
onClick:
|
|
236
|
-
children:
|
|
237
|
-
|
|
240
|
+
className: n("dgs-ui-kit-w-full", b),
|
|
241
|
+
onClick: x,
|
|
242
|
+
children: g ? g(a) : /* @__PURE__ */ s(
|
|
243
|
+
z,
|
|
238
244
|
{
|
|
239
|
-
leftIcon:
|
|
240
|
-
|
|
245
|
+
leftIcon: d ? /* @__PURE__ */ s("div", { className: "dot-flashing dgs-ui-kit-mr-2" }) : /* @__PURE__ */ s(
|
|
246
|
+
q,
|
|
241
247
|
{
|
|
242
248
|
width: 20,
|
|
243
249
|
height: 20,
|
|
244
|
-
className: n("dgs-ui-kit-transition",
|
|
245
|
-
"dgs-ui-kit-rotate-180":
|
|
250
|
+
className: n("dgs-ui-kit-transition", H, {
|
|
251
|
+
"dgs-ui-kit-rotate-180": a
|
|
246
252
|
})
|
|
247
253
|
}
|
|
248
254
|
),
|
|
249
|
-
containerClassName: n(
|
|
250
|
-
"dgs-ui-kit-items-baseline":
|
|
255
|
+
containerClassName: n(b, {
|
|
256
|
+
"dgs-ui-kit-items-baseline": d
|
|
251
257
|
}),
|
|
252
|
-
className: n("dgs-ui-kit-caret-transparent",
|
|
253
|
-
value:
|
|
254
|
-
disabled:
|
|
255
|
-
...
|
|
258
|
+
className: n("dgs-ui-kit-caret-transparent", b),
|
|
259
|
+
value: tt(f, e),
|
|
260
|
+
disabled: v,
|
|
261
|
+
...p
|
|
256
262
|
}
|
|
257
263
|
)
|
|
258
264
|
}
|
|
259
265
|
),
|
|
260
|
-
|
|
266
|
+
w && /* @__PURE__ */ s(S, { children: i === "popover" ? /* @__PURE__ */ s(
|
|
261
267
|
"div",
|
|
262
268
|
{
|
|
263
269
|
className: n(
|
|
264
270
|
"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",
|
|
265
|
-
|
|
266
|
-
|
|
267
|
-
{ "dgs-ui-kit-pt-3": !
|
|
271
|
+
H,
|
|
272
|
+
a ? "dgs-ui-kit-opacity-100" : "dgs-ui-kit-opacity-0 dgs-ui-kit-max-h-0 dgs-ui-kit-overflow-y-hidden",
|
|
273
|
+
{ "dgs-ui-kit-pt-3": !c },
|
|
268
274
|
k
|
|
269
275
|
),
|
|
270
|
-
children: /* @__PURE__ */ s(
|
|
276
|
+
children: /* @__PURE__ */ s(B, { ...C })
|
|
271
277
|
}
|
|
272
278
|
) : /* @__PURE__ */ s(
|
|
273
|
-
|
|
279
|
+
J,
|
|
274
280
|
{
|
|
275
|
-
open:
|
|
276
|
-
onClose: () =>
|
|
281
|
+
open: a,
|
|
282
|
+
onClose: () => m(!1),
|
|
277
283
|
containerClassName: n(
|
|
278
284
|
"!dgs-ui-kit-pb-3 !dgs-ui-kit-px-0",
|
|
279
|
-
|
|
285
|
+
c ? "!dgs-ui-kit-pt-0" : "!dgs-ui-kit-pt-3"
|
|
280
286
|
),
|
|
281
|
-
...
|
|
282
|
-
children: /* @__PURE__ */ s(
|
|
287
|
+
...l,
|
|
288
|
+
children: /* @__PURE__ */ s(B, { ...C })
|
|
283
289
|
}
|
|
284
290
|
) })
|
|
285
291
|
]
|
|
@@ -287,5 +293,5 @@ const lt = (r) => {
|
|
|
287
293
|
);
|
|
288
294
|
};
|
|
289
295
|
export {
|
|
290
|
-
|
|
296
|
+
at as default
|
|
291
297
|
};
|
|
@@ -9,7 +9,7 @@ export type Option<T> = {
|
|
|
9
9
|
type SelectPropsBase<T> = {
|
|
10
10
|
options: Option<T>[];
|
|
11
11
|
optionsContainer?: 'drawer' | 'popover';
|
|
12
|
-
searchable?: boolean
|
|
12
|
+
searchable?: boolean | Omit<InputProps, 'onChange'>;
|
|
13
13
|
isLoading?: boolean;
|
|
14
14
|
disabled?: boolean;
|
|
15
15
|
optionCell?: (option: Option<T>, isActive: boolean) => ReactNode;
|
|
@@ -1 +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,CAAC;
|
|
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"}
|