@dgshahr/ui-kit 0.0.91 → 0.0.93
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.
- package/dist/Chip/index.cjs +1 -1
- package/dist/Chip/index.mjs +1 -1
- package/dist/Form/Datepicker/index.cjs +1 -1
- package/dist/Form/Datepicker/index.mjs +1 -1
- package/dist/Form/FileUploader/index.cjs +1 -1
- package/dist/Form/FileUploader/index.mjs +34 -34
- package/dist/Form/FileUploader/types.d.ts +1 -1
- package/dist/Form/FileUploader/types.d.ts.map +1 -1
- package/dist/Form/Input/index.cjs +1 -1
- package/dist/Form/Input/index.d.ts +6 -4
- package/dist/Form/Input/index.d.ts.map +1 -1
- package/dist/Form/Input/index.mjs +8 -166
- package/dist/Form/OtpInput/index.cjs +1 -1
- package/dist/Form/OtpInput/index.mjs +7 -7
- package/dist/Form/RangeInput/Thumb.d.ts +11 -0
- package/dist/Form/RangeInput/Thumb.d.ts.map +1 -0
- package/dist/Form/RangeInput/constants.d.ts +5 -0
- package/dist/Form/RangeInput/constants.d.ts.map +1 -0
- package/dist/Form/RangeInput/index.cjs +1 -0
- package/dist/Form/RangeInput/index.d.ts +5 -0
- package/dist/Form/RangeInput/index.d.ts.map +1 -0
- package/dist/Form/RangeInput/index.mjs +209 -0
- package/dist/Form/RangeInput/types.d.ts +14 -0
- package/dist/Form/RangeInput/types.d.ts.map +1 -0
- package/dist/Form/Select/index.cjs +1 -1
- package/dist/Form/Select/index.d.ts.map +1 -1
- package/dist/Form/Select/index.mjs +143 -114
- package/dist/PickerWrapper-VwVWt_Vr.cjs +1 -0
- package/dist/{PickerWrapper-CrHfM70f.js → PickerWrapper-rZ3IIgox.js} +1 -1
- package/dist/Sidebar/index.cjs +1 -1
- package/dist/Sidebar/index.mjs +1 -1
- package/dist/assets/styles.css +1 -1
- package/dist/index-BOxK2gfQ.js +183 -0
- package/dist/index-CSis3p-s.cjs +1 -0
- package/dist/index.cjs +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.mjs +37 -35
- package/package.json +8 -2
- package/dist/PickerWrapper-BuAOe-BZ.cjs +0 -1
|
@@ -1,168 +1,10 @@
|
|
|
1
|
-
import
|
|
2
|
-
import
|
|
3
|
-
import
|
|
4
|
-
import { I } from "../../
|
|
5
|
-
import
|
|
6
|
-
import
|
|
7
|
-
|
|
8
|
-
"svg",
|
|
9
|
-
{
|
|
10
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
11
|
-
width: "1em",
|
|
12
|
-
height: "1em",
|
|
13
|
-
fill: "none",
|
|
14
|
-
viewBox: "0 0 24 24",
|
|
15
|
-
...n,
|
|
16
|
-
children: [
|
|
17
|
-
/* @__PURE__ */ t(
|
|
18
|
-
"path",
|
|
19
|
-
{
|
|
20
|
-
fill: "currentColor",
|
|
21
|
-
fillRule: "evenodd",
|
|
22
|
-
d: "m15.456 9.595-5.852 5.852-1.061-1.06 5.853-5.853z",
|
|
23
|
-
clipRule: "evenodd"
|
|
24
|
-
}
|
|
25
|
-
),
|
|
26
|
-
/* @__PURE__ */ t(
|
|
27
|
-
"path",
|
|
28
|
-
{
|
|
29
|
-
fill: "currentColor",
|
|
30
|
-
fillRule: "evenodd",
|
|
31
|
-
d: "m9.6 8.532 5.856 5.858-1.06 1.06-5.857-5.857z",
|
|
32
|
-
clipRule: "evenodd"
|
|
33
|
-
}
|
|
34
|
-
),
|
|
35
|
-
/* @__PURE__ */ t(
|
|
36
|
-
"path",
|
|
37
|
-
{
|
|
38
|
-
fill: "currentColor",
|
|
39
|
-
fillRule: "evenodd",
|
|
40
|
-
d: "M2 12C2 6.477 6.477 2 12 2s10 4.477 10 10-4.477 10-10 10S2 17.523 2 12m10-8.5a8.5 8.5 0 1 0 0 17 8.5 8.5 0 0 0 0-17",
|
|
41
|
-
clipRule: "evenodd"
|
|
42
|
-
}
|
|
43
|
-
)
|
|
44
|
-
]
|
|
45
|
-
}
|
|
46
|
-
), M = (n) => /* @__PURE__ */ t(
|
|
47
|
-
"svg",
|
|
48
|
-
{
|
|
49
|
-
xmlns: "http://www.w3.org/2000/svg",
|
|
50
|
-
width: "1em",
|
|
51
|
-
height: "1em",
|
|
52
|
-
fill: "none",
|
|
53
|
-
viewBox: "0 0 24 24",
|
|
54
|
-
...n,
|
|
55
|
-
children: /* @__PURE__ */ t(
|
|
56
|
-
"path",
|
|
57
|
-
{
|
|
58
|
-
fill: "currentColor",
|
|
59
|
-
fillRule: "evenodd",
|
|
60
|
-
d: "M20.417 3.22a.75.75 0 0 1 0 1.06L4.643 20.055a.744.744 0 0 1-1.06 0 .75.75 0 0 1 0-1.06l1.972-1.971c-1.413-1.293-2.613-3.036-3.493-5.089a.75.75 0 0 1 0-.593C3.082 8.977 4.52 7.02 6.22 5.683c3.292-2.606 7.621-2.744 11.048-.375l2.088-2.088a.75.75 0 0 1 1.06 0m-.37 4.82c.724.962 1.36 2.073 1.891 3.299a.74.74 0 0 1 0 .595C19.842 16.79 16.128 19.69 12 19.69a8.8 8.8 0 0 1-2.769-.451.75.75 0 0 1 .474-1.424A7.3 7.3 0 0 0 12 18.19c3.428 0 6.561-2.442 8.43-6.553a14.5 14.5 0 0 0-1.58-2.694.75.75 0 0 1 1.197-.902M7.15 6.862c-1.437 1.13-2.67 2.776-3.58 4.778.794 1.752 1.836 3.23 3.047 4.322l2.138-2.138a3.87 3.87 0 0 1-.67-2.184A3.92 3.92 0 0 1 12 7.722a3.9 3.9 0 0 1 2.187.669l2.001-2.002c-2.853-1.844-6.325-1.676-9.038.472m8.088 4.6a.75.75 0 0 1 .606.872 3.92 3.92 0 0 1-3.141 3.147.75.75 0 0 1-.268-1.476 2.41 2.41 0 0 0 1.932-1.937.754.754 0 0 1 .87-.606M12 9.221a2.418 2.418 0 0 0-2.152 3.509l3.245-3.246A2.4 2.4 0 0 0 12 9.222",
|
|
61
|
-
clipRule: "evenodd"
|
|
62
|
-
}
|
|
63
|
-
)
|
|
64
|
-
}
|
|
65
|
-
), z = y(function(a, m) {
|
|
66
|
-
const {
|
|
67
|
-
dir: i = "rtl",
|
|
68
|
-
placeholderDir: x = i,
|
|
69
|
-
containerClassName: w,
|
|
70
|
-
leftIcon: d,
|
|
71
|
-
prefix: u,
|
|
72
|
-
postfix: p,
|
|
73
|
-
onClear: r,
|
|
74
|
-
value: o,
|
|
75
|
-
...e
|
|
76
|
-
} = a, v = N(e, [
|
|
77
|
-
"labelAddon",
|
|
78
|
-
"labelContent",
|
|
79
|
-
"link",
|
|
80
|
-
"rightIcon",
|
|
81
|
-
"isError",
|
|
82
|
-
"errorMessage",
|
|
83
|
-
"hintMessage",
|
|
84
|
-
"wrapperClassName",
|
|
85
|
-
"showMaxLength"
|
|
86
|
-
]), [c, k] = C(e.type);
|
|
87
|
-
function g() {
|
|
88
|
-
return /* @__PURE__ */ t(
|
|
89
|
-
"button",
|
|
90
|
-
{
|
|
91
|
-
onClick: () => {
|
|
92
|
-
typeof r == "function" && r();
|
|
93
|
-
},
|
|
94
|
-
children: /* @__PURE__ */ t(
|
|
95
|
-
b,
|
|
96
|
-
{
|
|
97
|
-
className: "dgs-ui-kit-text-gray-600",
|
|
98
|
-
width: 20,
|
|
99
|
-
height: 20
|
|
100
|
-
}
|
|
101
|
-
)
|
|
102
|
-
}
|
|
103
|
-
);
|
|
104
|
-
}
|
|
105
|
-
return /* @__PURE__ */ h(
|
|
106
|
-
R,
|
|
107
|
-
{
|
|
108
|
-
...a,
|
|
109
|
-
containerClassName: f("dgs-ui-kit-items-center", w),
|
|
110
|
-
value: o,
|
|
111
|
-
children: [
|
|
112
|
-
u && /* @__PURE__ */ t("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: u }),
|
|
113
|
-
typeof r == "function" && o && i === "ltr" && g(),
|
|
114
|
-
/* @__PURE__ */ t(
|
|
115
|
-
"input",
|
|
116
|
-
{
|
|
117
|
-
...v,
|
|
118
|
-
ref: m,
|
|
119
|
-
className: f(
|
|
120
|
-
"dgs-ui-kit-bg-transparent focus:dgs-ui-kit-outline-none dgs-ui-kit-flex-1",
|
|
121
|
-
i === "rtl" ? "dgs-ui-kit-text-right" : "!dgs-ui-kit-text-left",
|
|
122
|
-
x === "rtl" ? "placeholder:dgs-ui-kit-text-right" : "placeholder:dgs-ui-kit-text-left",
|
|
123
|
-
{
|
|
124
|
-
ss02: e.type != "password"
|
|
125
|
-
},
|
|
126
|
-
a.className
|
|
127
|
-
),
|
|
128
|
-
...i === "ltr" ? { style: { direction: "ltr" } } : {},
|
|
129
|
-
value: o,
|
|
130
|
-
type: c,
|
|
131
|
-
onInput: (s) => {
|
|
132
|
-
if (typeof e.onInput == "function" && e.onInput(s) || c !== "number") return;
|
|
133
|
-
const l = s.currentTarget;
|
|
134
|
-
l.value.length > l.maxLength && (l.value = l.value.slice(0, l.maxLength));
|
|
135
|
-
}
|
|
136
|
-
}
|
|
137
|
-
),
|
|
138
|
-
typeof r == "function" && o && i === "rtl" && g(),
|
|
139
|
-
p && /* @__PURE__ */ t("span", { className: "dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500", children: p }),
|
|
140
|
-
d && /* @__PURE__ */ t("div", { className: "dgs-ui-kit-text-gray-600", children: d }),
|
|
141
|
-
e.type === "password" && /* @__PURE__ */ t(
|
|
142
|
-
"button",
|
|
143
|
-
{
|
|
144
|
-
type: "button",
|
|
145
|
-
onClick: () => k((s) => s === "text" ? "password" : "text"),
|
|
146
|
-
className: "dgs-ui-kit-text-gray-600",
|
|
147
|
-
children: c === "password" ? /* @__PURE__ */ t(
|
|
148
|
-
I,
|
|
149
|
-
{
|
|
150
|
-
width: 20,
|
|
151
|
-
height: 20
|
|
152
|
-
}
|
|
153
|
-
) : /* @__PURE__ */ t(
|
|
154
|
-
M,
|
|
155
|
-
{
|
|
156
|
-
width: 20,
|
|
157
|
-
height: 20
|
|
158
|
-
}
|
|
159
|
-
)
|
|
160
|
-
}
|
|
161
|
-
)
|
|
162
|
-
]
|
|
163
|
-
}
|
|
164
|
-
);
|
|
165
|
-
});
|
|
1
|
+
import "react/jsx-runtime";
|
|
2
|
+
import "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import "react";
|
|
4
|
+
import { I as f } from "../../index-BOxK2gfQ.js";
|
|
5
|
+
import "../../IconEye-DATABBb3.js";
|
|
6
|
+
import "../../omitObjects-CxFrrlkX.js";
|
|
7
|
+
import "../../TextFieldWrapper-CQgQsfMJ.js";
|
|
166
8
|
export {
|
|
167
|
-
|
|
9
|
+
f as default
|
|
168
10
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('../../assets/styles.css');const l=require("react/jsx-runtime"),m=require("../../clsx-C11secjj.cjs"),k=require("react"),b=require("../../FieldBottomInfo-CE1uBAqq.cjs"),q=require("../../TextFieldWrapper-CQbBbmlX.cjs"),w=require("
|
|
1
|
+
"use client";"use strict";require('../../assets/styles.css');const l=require("react/jsx-runtime"),m=require("../../clsx-C11secjj.cjs"),k=require("react"),b=require("../../FieldBottomInfo-CE1uBAqq.cjs"),q=require("../../TextFieldWrapper-CQbBbmlX.cjs"),w=require("../../index-CSis3p-s.cjs");;/* empty css */const F=o=>o.replace(/[۰-۹]/g,u=>String("۰۱۲۳۴۵۶۷۸۹".indexOf(u))),T=o=>{const{inputsNumber:u=4,onChange:c,onEnd:p,className:y,inputsContainerClassName:N,labelContent:g,hintMessage:d,errorMessage:a,isError:I,value:n,...j}=o,f=k.useRef(!1);function i(r){document.getElementById(`dgs-ui-kit-otp-input-${r}`)?.focus()}function v(r,e){const t=[r.code,r.key];if(n[e]&&t.includes(n[e])){i(e+1);return}if(t.includes("Backspace")||t.includes("Delete")){const s=n.split("");s[e]="",e!==0&&i(e-1),c(s.join(""))}else t.includes("ArrowLeft")?i(e-1):t.includes("ArrowRight")&&i(e+1)}function C(r,e){const t=F(r.currentTarget.value),s=n.split("");t.length>1?t.split("").forEach((E,h)=>{h<u&&(s[h]=E)}):s[e]=t,c(s.join("")),e+1!==u&&t&&i(e+1)}return k.useEffect(()=>{n.length===u&&f.current?(f.current=!1,typeof p=="function"&&p(n)):n.length<u&&(f.current=!0)},[n]),l.jsxs("div",{className:m.clsx("dgs-ui-kit-space-y-2",y),children:[g?l.jsx(q.FieldLabel,{labelContent:g}):null,l.jsx("div",{className:m.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-gap-2 [direction:ltr]",N),children:Array.from(Array(u).keys()).map((r,e)=>l.jsx(w.Input,{containerClassName:"dgs-ui-kit-w-12 dgs-ui-kit-h-12 dgs-ui-kit-p-0",className:"dgs-ui-kit-w-full dgs-ui-kit-h-full !dgs-ui-kit-text-center placeholder:!dgs-ui-kit-text-center",placeholder:"-",autoFocus:e===0,onChange:t=>C(t,e),onKeyUp:t=>v(t,e),onFocus:t=>t.currentTarget.select(),id:`dgs-ui-kit-otp-input-${e}`,value:n[e]||"",showMaxLength:!1,isError:!!a||I,autoComplete:"off",maxLength:e===0&&!Number(n.split("")[0])?void 0:1,onPaste:t=>{const s=t.clipboardData.getData("text");Number(s)&&c(s)},onInput:t=>{const s=t.currentTarget;return!!(Number(s.value)&&s.value.length>1)},...j},r))}),a||d?l.jsx(b.FieldBottomInfo,{errorMessage:a,hintMessage:d}):null]})};module.exports=T;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import { jsxs as
|
|
2
|
+
import { jsxs as b, jsx as u } from "react/jsx-runtime";
|
|
3
3
|
import { c as h } from "../../clsx-OuTLNxxd.js";
|
|
4
|
-
import { useRef as
|
|
4
|
+
import { useRef as w, useEffect as F } from "react";
|
|
5
5
|
import { F as T } from "../../FieldBottomInfo-CJ8_Kr25.js";
|
|
6
6
|
import { F as j } from "../../TextFieldWrapper-CQgQsfMJ.js";
|
|
7
|
-
import A from "
|
|
7
|
+
import { I as A } from "../../index-BOxK2gfQ.js";
|
|
8
8
|
import '../../assets/styles.css';/* empty css */
|
|
9
9
|
const B = (l) => l.replace(/[۰-۹]/g, (i) => String("۰۱۲۳۴۵۶۷۸۹".indexOf(i))), U = (l) => {
|
|
10
10
|
const {
|
|
@@ -19,7 +19,7 @@ const B = (l) => l.replace(/[۰-۹]/g, (i) => String("۰۱۲۳۴۵۶۷۸۹".inde
|
|
|
19
19
|
isError: N,
|
|
20
20
|
value: n,
|
|
21
21
|
...v
|
|
22
|
-
} = l, f =
|
|
22
|
+
} = l, f = w(!1);
|
|
23
23
|
function o(r) {
|
|
24
24
|
document.getElementById(`dgs-ui-kit-otp-input-${r}`)?.focus();
|
|
25
25
|
}
|
|
@@ -36,13 +36,13 @@ const B = (l) => l.replace(/[۰-۹]/g, (i) => String("۰۱۲۳۴۵۶۷۸۹".inde
|
|
|
36
36
|
}
|
|
37
37
|
function E(r, e) {
|
|
38
38
|
const t = B(r.currentTarget.value), s = n.split("");
|
|
39
|
-
t.length > 1 ? t.split("").forEach((
|
|
40
|
-
d < i && (s[d] =
|
|
39
|
+
t.length > 1 ? t.split("").forEach((I, d) => {
|
|
40
|
+
d < i && (s[d] = I);
|
|
41
41
|
}) : s[e] = t, a(s.join("")), e + 1 !== i && t && o(e + 1);
|
|
42
42
|
}
|
|
43
43
|
return F(() => {
|
|
44
44
|
n.length === i && f.current ? (f.current = !1, typeof p == "function" && p(n)) : n.length < i && (f.current = !0);
|
|
45
|
-
}, [n]), /* @__PURE__ */
|
|
45
|
+
}, [n]), /* @__PURE__ */ b("div", { className: h("dgs-ui-kit-space-y-2", k), children: [
|
|
46
46
|
g ? /* @__PURE__ */ u(j, { labelContent: g }) : null,
|
|
47
47
|
/* @__PURE__ */ u(
|
|
48
48
|
"div",
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FC } from 'react';
|
|
2
|
+
import { RangeInputProps, RangeValueType } from './types';
|
|
3
|
+
interface RangeThumbProps extends Pick<RangeInputProps<RangeValueType>, 'showTooltip'> {
|
|
4
|
+
percent: number;
|
|
5
|
+
disabled?: boolean;
|
|
6
|
+
icon?: React.ReactNode;
|
|
7
|
+
value: number;
|
|
8
|
+
}
|
|
9
|
+
declare const RangeThumb: FC<RangeThumbProps>;
|
|
10
|
+
export default RangeThumb;
|
|
11
|
+
//# sourceMappingURL=Thumb.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Thumb.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/Thumb.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAGhC,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D,UAAU,eAAgB,SAAQ,IAAI,CAAC,eAAe,CAAC,cAAc,CAAC,EAAE,aAAa,CAAC;IACpF,OAAO,EAAE,MAAM,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;CACf;AACD,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CA4BnC,CAAC;AAEF,eAAe,UAAU,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const THUMB_SIZE = 24;
|
|
2
|
+
export declare const THUMB_ICON_SIZE: number;
|
|
3
|
+
export declare const INPUT_DEFAULT_CLASS = "dgs-ui-kit-appearance-none dgs-ui-kit-bg-transparent dgs-ui-kit-opacity-0 dgs-ui-kit-z-10";
|
|
4
|
+
export declare const MULTIPLE_INPUT_CLASS = "dgs-ui-kit-absolute dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2";
|
|
5
|
+
//# sourceMappingURL=constants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,UAAU,KAAK,CAAC;AAC7B,eAAO,MAAM,eAAe,QAAiB,CAAC;AAC9C,eAAO,MAAM,mBAAmB,8FAC6D,CAAC;AAC9F,eAAO,MAAM,oBAAoB,qEACmC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";const t=require("react/jsx-runtime"),m=require("../../clsx-C11secjj.cjs"),A=require("../../IconArrowLeft2-CNA3H0xY.cjs"),R=require("../../IconArrowRight2-CF_bdH81.cjs"),o=24,x=o/2,w="dgs-ui-kit-appearance-none dgs-ui-kit-bg-transparent dgs-ui-kit-opacity-0 dgs-ui-kit-z-10",N="dgs-ui-kit-absolute dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2",C={"۰":"0","۱":"1","۲":"2","۳":"3","۴":"4","۵":"5","۶":"6","۷":"7","۸":"8","۹":"9","٠":"0","١":"1","٢":"2","٣":"3","٤":"4","٥":"5","٦":"6","٧":"7","٨":"8","٩":"9","𝟎":"0","𝟏":"1","𝟐":"2","𝟑":"3","𝟒":"4","𝟓":"5","𝟔":"6","𝟕":"7","𝟖":"8","𝟗":"9"},E=RegExp(`[${Object.keys(C).join()}]`,"gu");function L(e){return e.replace(E,i=>C[i])}function M(e){let i=typeof e=="number"?e.toString():e;return i=i.toString(),i=L(i),i=i.replace(/[^-.\d]/g,""),i=i.replace(/\B(?=(\d{3})+(?!\d))/g,","),i}const $=e=>{const{percent:i,disabled:p,icon:l,showTooltip:c,value:r}=e;return t.jsxs("div",{className:m.clsx("dgs-ui-kit-bg-primary-500 dgs-ui-kit-rounded-full dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-text-white dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center",p?"!dgs-ui-kit-bg-gray-300":"group-hover:dgs-ui-kit-bg-primary-400 group-hover:dgs-ui-kit-ring-4 dgs-ui-kit-ring-gray-300 group-active:dgs-ui-kit-ring-0 group-active:dgs-ui-kit-bg-primary-600 dgs-ui-kit-transition-[background-color,box-shadow]"),style:{right:`${i}%`,width:o,height:o},children:[l,c&&t.jsxs("div",{className:"dgs-ui-kit-absolute dgs-ui-kit-bottom-full dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity dgs-ui-kit-z-10 dgs-ui-kit-mb-2.5",children:[t.jsx("div",{className:"dgs-ui-kit-flex dgs-ui-kit-py-3 dgs-ui-kit-px-4 dgs-ui-kit-rounded-lg dgs-ui-kit-bg-gray-700 dgs-ui-kit-shadow-md dgs-ui-kit-text-white dgs-ui-kit-font-p2-regular dgs-ui-kit-border dgs-ui-kit-border-gray-300 ss02",children:M(r)}),t.jsx("div",{className:"dgs-ui-kit-w-4 dgs-ui-kit-h-4 dgs-ui-kit-bg-gray-700 dgs-ui-kit-border-gray-300 dgs-ui-kit-absolute dgs-ui-kit-rotate-45 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br"})]})]})};function _(e){const{value:i,wrapperClassName:p,min:l,max:c,step:r=1,onChange:b,disabled:a,endTitle:k,startTitle:h,showTooltip:f=!0}=e,s=Array.isArray(i),[d=0,g=0]=s?i:[0,0],n=u=>(u-l)/(c-l)*100,I=u=>{b(Number(u.target.value))},S=u=>{const y=Math.min(Number(u.target.value),g-r);b([y,g])},T=u=>{const y=Math.max(Number(u.target.value),d+r);b([d,y])},v=n(s?d:i),j=n(g);return t.jsxs("div",{...p?{className:p}:{},children:[t.jsxs("div",{className:"dgs-ui-kit-relative dgs-ui-kit-group",children:[t.jsxs("div",{className:"dgs-ui-kit-w-full dgs-ui-kit-relative dgs-ui-kit-bg-primary-50 dgs-ui-kit-h-1 dgs-ui-kit-rounded-sm dgs-ui-kit-flex dgs-ui-kit-items-center",children:[t.jsx("div",{className:m.clsx("dgs-ui-kit-h-full dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-rounded-sm",a?"dgs-ui-kit-bg-gray-300":"dgs-ui-kit-bg-primary-500"),style:{right:s?`${n(d)}%`:"0%",width:s?`${n(g)-n(d)}%`:`${n(i)}%`}}),t.jsx("input",{type:"range",min:l,max:s?g:c,step:r,value:s?d:i,onChange:s?S:I,disabled:a,className:m.clsx(w,s&&`${N} dgs-ui-kit-right-0`),style:{width:s?`calc(${j}% - ${o}px)`:"100%"}}),s&&t.jsx("input",{type:"range",min:d,max:c,step:r,value:g,onChange:T,disabled:a,className:`${w} ${N} dgs-ui-kit-left-0`,style:{width:`calc(${100-v}% - ${o}px)`}})]}),t.jsxs("div",{className:"dgs-ui-kit-absolute dgs-ui-kit-inset-0",style:{width:`calc(100% - ${o}px)`},children:[t.jsx($,{percent:v,disabled:a,showTooltip:f,value:s?d:i,icon:s&&t.jsx(A.IconArrowLeft2,{width:x,height:x})}),s&&t.jsx($,{percent:j,disabled:a,showTooltip:f,value:g,icon:t.jsx(R.IconArrowRight2,{width:x,height:x})})]})]}),!!(h??k)&&t.jsxs("div",{className:m.clsx("dgs-ui-kit-mt-4 dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-font-p2-medium",a?"dgs-ui-kit-text-gray-300":"dgs-ui-kit-text-gray-500",{"dgs-ui-kit-justify-between":h&&k},{"dgs-ui-kit-justify-start":h&&!k},{"dgs-ui-kit-justify-end":!h&&k}),children:[t.jsx("span",{children:h}),t.jsx("span",{children:k})]})]})}module.exports=_;
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { RangeInputProps, RangeValueType } from './types';
|
|
2
|
+
declare function RangeInput<T extends RangeValueType>(props: Readonly<RangeInputProps<T>>): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default RangeInput;
|
|
4
|
+
export * from './types';
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAE/D,iBAAS,UAAU,CAAC,CAAC,SAAS,cAAc,EAAE,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,CAAC,2CAwIhF;AAED,eAAe,UAAU,CAAC;AAC1B,cAAc,SAAS,CAAC"}
|
|
@@ -0,0 +1,209 @@
|
|
|
1
|
+
import { jsxs as r, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { c as y } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import { I as E } from "../../IconArrowLeft2-cxcPyDqS.js";
|
|
4
|
+
import { I as M } from "../../IconArrowRight2-BoXg0Gkw.js";
|
|
5
|
+
const l = 24, b = l / 2, $ = "dgs-ui-kit-appearance-none dgs-ui-kit-bg-transparent dgs-ui-kit-opacity-0 dgs-ui-kit-z-10", C = "dgs-ui-kit-absolute dgs-ui-kit-top-0 -dgs-ui-kit-translate-y-1/2", S = {
|
|
6
|
+
// Persian
|
|
7
|
+
"۰": "0",
|
|
8
|
+
"۱": "1",
|
|
9
|
+
"۲": "2",
|
|
10
|
+
"۳": "3",
|
|
11
|
+
"۴": "4",
|
|
12
|
+
"۵": "5",
|
|
13
|
+
"۶": "6",
|
|
14
|
+
"۷": "7",
|
|
15
|
+
"۸": "8",
|
|
16
|
+
"۹": "9",
|
|
17
|
+
// Arabic
|
|
18
|
+
"٠": "0",
|
|
19
|
+
"١": "1",
|
|
20
|
+
"٢": "2",
|
|
21
|
+
"٣": "3",
|
|
22
|
+
"٤": "4",
|
|
23
|
+
"٥": "5",
|
|
24
|
+
"٦": "6",
|
|
25
|
+
"٧": "7",
|
|
26
|
+
"٨": "8",
|
|
27
|
+
"٩": "9",
|
|
28
|
+
// Bold
|
|
29
|
+
"𝟎": "0",
|
|
30
|
+
"𝟏": "1",
|
|
31
|
+
"𝟐": "2",
|
|
32
|
+
"𝟑": "3",
|
|
33
|
+
"𝟒": "4",
|
|
34
|
+
"𝟓": "5",
|
|
35
|
+
"𝟔": "6",
|
|
36
|
+
"𝟕": "7",
|
|
37
|
+
"𝟖": "8",
|
|
38
|
+
"𝟗": "9"
|
|
39
|
+
}, _ = RegExp(`[${Object.keys(S).join()}]`, "gu");
|
|
40
|
+
function L(e) {
|
|
41
|
+
return e.replace(_, (i) => S[i]);
|
|
42
|
+
}
|
|
43
|
+
function P(e) {
|
|
44
|
+
let i = typeof e == "number" ? e.toString() : e;
|
|
45
|
+
return i = i.toString(), i = L(i), i = i.replace(/[^-.\d]/g, ""), i = i.replace(/\B(?=(\d{3})+(?!\d))/g, ","), i;
|
|
46
|
+
}
|
|
47
|
+
const I = (e) => {
|
|
48
|
+
const { percent: i, disabled: m, icon: k, showTooltip: c, value: a } = e;
|
|
49
|
+
return /* @__PURE__ */ r(
|
|
50
|
+
"div",
|
|
51
|
+
{
|
|
52
|
+
className: y(
|
|
53
|
+
"dgs-ui-kit-bg-primary-500 dgs-ui-kit-rounded-full dgs-ui-kit-absolute dgs-ui-kit-top-1/2 -dgs-ui-kit-translate-y-1/2 dgs-ui-kit-text-white dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-justify-center",
|
|
54
|
+
m ? "!dgs-ui-kit-bg-gray-300" : "group-hover:dgs-ui-kit-bg-primary-400 group-hover:dgs-ui-kit-ring-4 dgs-ui-kit-ring-gray-300 group-active:dgs-ui-kit-ring-0 group-active:dgs-ui-kit-bg-primary-600 dgs-ui-kit-transition-[background-color,box-shadow]"
|
|
55
|
+
// state classes
|
|
56
|
+
),
|
|
57
|
+
style: {
|
|
58
|
+
right: `${i}%`,
|
|
59
|
+
width: l,
|
|
60
|
+
height: l
|
|
61
|
+
},
|
|
62
|
+
children: [
|
|
63
|
+
k,
|
|
64
|
+
c && /* @__PURE__ */ r("div", { className: "dgs-ui-kit-absolute dgs-ui-kit-bottom-full dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-opacity-0 group-hover:dgs-ui-kit-opacity-100 dgs-ui-kit-transition-opacity dgs-ui-kit-z-10 dgs-ui-kit-mb-2.5", children: [
|
|
65
|
+
/* @__PURE__ */ s("div", { className: "dgs-ui-kit-flex dgs-ui-kit-py-3 dgs-ui-kit-px-4 dgs-ui-kit-rounded-lg dgs-ui-kit-bg-gray-700 dgs-ui-kit-shadow-md dgs-ui-kit-text-white dgs-ui-kit-font-p2-regular dgs-ui-kit-border dgs-ui-kit-border-gray-300 ss02", children: P(a) }),
|
|
66
|
+
/* @__PURE__ */ s("div", { className: "dgs-ui-kit-w-4 dgs-ui-kit-h-4 dgs-ui-kit-bg-gray-700 dgs-ui-kit-border-gray-300 dgs-ui-kit-absolute dgs-ui-kit-rotate-45 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-x-1/2 dgs-ui-kit-bottom-0 dgs-ui-kit-translate-y-1/2 dgs-ui-kit-border-b dgs-ui-kit-border-r dgs-ui-kit-rounded-br" })
|
|
67
|
+
] })
|
|
68
|
+
]
|
|
69
|
+
}
|
|
70
|
+
);
|
|
71
|
+
};
|
|
72
|
+
function D(e) {
|
|
73
|
+
const {
|
|
74
|
+
value: i,
|
|
75
|
+
wrapperClassName: m,
|
|
76
|
+
min: k,
|
|
77
|
+
max: c,
|
|
78
|
+
step: a = 1,
|
|
79
|
+
onChange: f,
|
|
80
|
+
disabled: n,
|
|
81
|
+
endTitle: p,
|
|
82
|
+
startTitle: h,
|
|
83
|
+
showTooltip: x = !0
|
|
84
|
+
} = e, t = Array.isArray(i), [d = 0, g = 0] = t ? i : [0, 0], o = (u) => (u - k) / (c - k) * 100, T = (u) => {
|
|
85
|
+
f(Number(u.target.value));
|
|
86
|
+
}, j = (u) => {
|
|
87
|
+
const v = Math.min(Number(u.target.value), g - a);
|
|
88
|
+
f([v, g]);
|
|
89
|
+
}, A = (u) => {
|
|
90
|
+
const v = Math.max(Number(u.target.value), d + a);
|
|
91
|
+
f([d, v]);
|
|
92
|
+
}, w = o(t ? d : i), N = o(g);
|
|
93
|
+
return /* @__PURE__ */ r("div", { ...m ? { className: m } : {}, children: [
|
|
94
|
+
/* @__PURE__ */ r("div", { className: "dgs-ui-kit-relative dgs-ui-kit-group", children: [
|
|
95
|
+
/* @__PURE__ */ r("div", { className: "dgs-ui-kit-w-full dgs-ui-kit-relative dgs-ui-kit-bg-primary-50 dgs-ui-kit-h-1 dgs-ui-kit-rounded-sm dgs-ui-kit-flex dgs-ui-kit-items-center", children: [
|
|
96
|
+
/* @__PURE__ */ s(
|
|
97
|
+
"div",
|
|
98
|
+
{
|
|
99
|
+
className: y(
|
|
100
|
+
"dgs-ui-kit-h-full dgs-ui-kit-absolute dgs-ui-kit-top-0 dgs-ui-kit-rounded-sm",
|
|
101
|
+
n ? "dgs-ui-kit-bg-gray-300" : "dgs-ui-kit-bg-primary-500"
|
|
102
|
+
),
|
|
103
|
+
style: {
|
|
104
|
+
right: t ? `${o(d)}%` : "0%",
|
|
105
|
+
width: t ? `${o(g) - o(d)}%` : `${o(i)}%`
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
),
|
|
109
|
+
/* @__PURE__ */ s(
|
|
110
|
+
"input",
|
|
111
|
+
{
|
|
112
|
+
type: "range",
|
|
113
|
+
min: k,
|
|
114
|
+
max: t ? g : c,
|
|
115
|
+
step: a,
|
|
116
|
+
value: t ? d : i,
|
|
117
|
+
onChange: t ? j : T,
|
|
118
|
+
disabled: n,
|
|
119
|
+
className: y(
|
|
120
|
+
$,
|
|
121
|
+
t && `${C} dgs-ui-kit-right-0`
|
|
122
|
+
),
|
|
123
|
+
style: {
|
|
124
|
+
width: t ? `calc(${N}% - ${l}px)` : "100%"
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
),
|
|
128
|
+
t && /* @__PURE__ */ s(
|
|
129
|
+
"input",
|
|
130
|
+
{
|
|
131
|
+
type: "range",
|
|
132
|
+
min: d,
|
|
133
|
+
max: c,
|
|
134
|
+
step: a,
|
|
135
|
+
value: g,
|
|
136
|
+
onChange: A,
|
|
137
|
+
disabled: n,
|
|
138
|
+
className: `${$} ${C} dgs-ui-kit-left-0`,
|
|
139
|
+
style: {
|
|
140
|
+
width: `calc(${100 - w}% - ${l}px)`
|
|
141
|
+
}
|
|
142
|
+
}
|
|
143
|
+
)
|
|
144
|
+
] }),
|
|
145
|
+
/* @__PURE__ */ r(
|
|
146
|
+
"div",
|
|
147
|
+
{
|
|
148
|
+
className: "dgs-ui-kit-absolute dgs-ui-kit-inset-0",
|
|
149
|
+
style: {
|
|
150
|
+
width: `calc(100% - ${l}px)`
|
|
151
|
+
},
|
|
152
|
+
children: [
|
|
153
|
+
/* @__PURE__ */ s(
|
|
154
|
+
I,
|
|
155
|
+
{
|
|
156
|
+
percent: w,
|
|
157
|
+
disabled: n,
|
|
158
|
+
showTooltip: x,
|
|
159
|
+
value: t ? d : i,
|
|
160
|
+
icon: t && /* @__PURE__ */ s(
|
|
161
|
+
E,
|
|
162
|
+
{
|
|
163
|
+
width: b,
|
|
164
|
+
height: b
|
|
165
|
+
}
|
|
166
|
+
)
|
|
167
|
+
}
|
|
168
|
+
),
|
|
169
|
+
t && /* @__PURE__ */ s(
|
|
170
|
+
I,
|
|
171
|
+
{
|
|
172
|
+
percent: N,
|
|
173
|
+
disabled: n,
|
|
174
|
+
showTooltip: x,
|
|
175
|
+
value: g,
|
|
176
|
+
icon: /* @__PURE__ */ s(
|
|
177
|
+
M,
|
|
178
|
+
{
|
|
179
|
+
width: b,
|
|
180
|
+
height: b
|
|
181
|
+
}
|
|
182
|
+
)
|
|
183
|
+
}
|
|
184
|
+
)
|
|
185
|
+
]
|
|
186
|
+
}
|
|
187
|
+
)
|
|
188
|
+
] }),
|
|
189
|
+
!!(h ?? p) && /* @__PURE__ */ r(
|
|
190
|
+
"div",
|
|
191
|
+
{
|
|
192
|
+
className: y(
|
|
193
|
+
"dgs-ui-kit-mt-4 dgs-ui-kit-w-full dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-font-p2-medium",
|
|
194
|
+
n ? "dgs-ui-kit-text-gray-300" : "dgs-ui-kit-text-gray-500",
|
|
195
|
+
{ "dgs-ui-kit-justify-between": h && p },
|
|
196
|
+
{ "dgs-ui-kit-justify-start": h && !p },
|
|
197
|
+
{ "dgs-ui-kit-justify-end": !h && p }
|
|
198
|
+
),
|
|
199
|
+
children: [
|
|
200
|
+
/* @__PURE__ */ s("span", { children: h }),
|
|
201
|
+
/* @__PURE__ */ s("span", { children: p })
|
|
202
|
+
]
|
|
203
|
+
}
|
|
204
|
+
)
|
|
205
|
+
] });
|
|
206
|
+
}
|
|
207
|
+
export {
|
|
208
|
+
D as default
|
|
209
|
+
};
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
export type RangeValueType = number | number[];
|
|
2
|
+
export interface RangeInputProps<T extends RangeValueType> {
|
|
3
|
+
value: T;
|
|
4
|
+
onChange: (value: T) => void;
|
|
5
|
+
min: number;
|
|
6
|
+
max: number;
|
|
7
|
+
step?: number;
|
|
8
|
+
disabled?: boolean;
|
|
9
|
+
showTooltip?: boolean;
|
|
10
|
+
startTitle?: string;
|
|
11
|
+
endTitle?: string;
|
|
12
|
+
wrapperClassName?: string;
|
|
13
|
+
}
|
|
14
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/RangeInput/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,MAAM,EAAE,CAAC;AAE/C,MAAM,WAAW,eAAe,CAAC,CAAC,SAAS,cAAc;IACvD,KAAK,EAAE,CAAC,CAAC;IACT,QAAQ,EAAE,CAAC,KAAK,EAAE,CAAC,KAAK,IAAI,CAAC;IAC7B,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../../assets/styles.css');const r=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),
|
|
1
|
+
"use strict";require('../../assets/styles.css');const r=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),q=require("../../index-CSis3p-s.cjs"),u=require("react"),W=require("../../IconSearch-BeVs-gUu.cjs"),R=require("../Checkbox/index.cjs"),_=require("../../Button/index.cjs"),A=require("../../PickerWrapper-VwVWt_Vr.cjs"),H=require("../../Chip/index.cjs");;/* empty css */function V(s,n=100){if(!s)return;if(window.innerWidth>768){s.focus(),s.click();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)},n)}function z({label:s,isMultiple:n,isActive:t,disabled:o}){return n?r.jsx(R,{checked:t,label:s,readOnly:!0,disabled:o}):s}const D=s=>{const{option:n,onClick:t,value:o,mode:c,optionCellClassName:g,optionCell:i}=s;function l(){return Array.isArray(o)?o.includes(n.value):n.value===o}return r.jsx("button",{type:"button",onClick:t,className:d.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",l()?"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:n.disabled,children:i?i(n,l()):z({label:n.label,isMultiple:c==="multiple",isActive:l(),disabled:n.disabled??!1})})},T=u.memo(D),K=20,U=s=>{const{options:n,mode:t="single",afterOptions:o,beforOptions:c,onChange:g,searchable:i=!0,separateSelectedOptions:l=!0,optionsTitle:f="عنوانها",value:p,optionCellClassName:y,emptyContent:M="نتیجهای یافت نشد !",showClearButtonOnEmpty:$=!0}=s,[k,I]=u.useState(""),[x,B]=u.useState(0),m=u.useRef(null),{toggleWrapperVisibility:F}=A.usePickerWrapperContext(),O=d.clsx("dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",(!i&&!c||t==="multiple"&&l)&&"first-of-type:dgs-ui-kit-border-t-0",!!o&&"last-of-type:dgs-ui-kit-border-b");let h;const C=i;typeof i=="boolean"?h=i:h=Object.keys(i).length>0;const v=u.useMemo(()=>{if(!Array.isArray(n))throw new Error("options should be array");return k?n?.filter(e=>e.label.includes(k)):n},[k,n]),N=u.useMemo(()=>t==="multiple"&&l?n?.filter(e=>p.includes(e.value))??[]:[],[n,p]),P=u.useMemo(()=>{let e=v;t==="multiple"&&l&&(e=e?.filter(w=>!p.includes(w.value)));const a=Math.min(x+K,e?.length??0);return e?.slice(x,a)},[v,x,p]),b=m?.current?.children[0]?.clientHeight??50,L=(v?.length??0)*b,j=u.useCallback(()=>{const e=m?.current?.parentElement;if(!e)return;const a=e.scrollTop,w=m.current.offsetTop,E=Math.floor((a-w)/b);B(E>=0?E:0)},[b]);u.useEffect(()=>{const e=m.current?.parentElement;if(e)return e.addEventListener("scroll",j),()=>e.removeEventListener("scroll",j)},[j]),u.useEffect(()=>{h&&V(document.getElementById("search-input"),400)},[]);const S=u.useCallback(e=>{if(typeof g=="function")if(t==="multiple"){const a=[...p??[]];a.includes(e)?a.splice(a.indexOf(e),1):a.push(e),g(a)}else g(e),F()},[p]);return r.jsxs(r.Fragment,{children:[h&&r.jsx(q.Input,{id:"search-input",wrapperClassName:d.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",c?"dgs-ui-kit-pb-2":"dgs-ui-kit-pb-3",C?.wrapperClassName),placeholder:C?.placeholder??"جستجوی عنوان",value:k,onChange:e=>I(e.currentTarget.value),rightIcon:C?.rightIcon??r.jsx(W.IconSearch,{width:20,height:20}),...typeof i=="object"?i:{}}),c,t==="multiple"&&l&&N.length>0&&r.jsxs(r.Fragment,{children:[r.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:`${f}ی انتخاب شده`}),N.map(e=>r.jsx(T,{onClick:()=>S(e.value),option:e,optionCellClassName:d.clsx(O,y),...s},e.value))]}),r.jsxs(r.Fragment,{children:[t==="multiple"&&l&&r.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:f}),r.jsx("div",{ref:m,className:"dgs-ui-kit-relative",style:{height:L},children:P?.map((e,a)=>r.jsx("div",{className:d.clsx("dgs-ui-kit-absolute dgs-ui-kit-w-full",O),style:{top:`${(x+a)*b}px`},children:r.jsx(T,{onClick:()=>S(e.value),option:e,...s})},e.value))}),!P?.length&&!N.length&&r.jsxs("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:[r.jsx("p",{className:"dgs-ui-kit-text-gray-500 dgs-ui-kit-font-p3-medium",children:M}),$&&r.jsx(_,{type:"button",className:"dgs-ui-kit-mt-1",variant:"text",size:"small",onClick:()=>I(""),children:"پاک کردن"})]})]}),o]})};function G(s,n){if(!Array.isArray(s))return n.find(t=>t.value===s)?.label??""}const J=s=>{const{searchable:n=!0,value:t,options:o}=s,c=Array.isArray(t)&&t.length>0;function g(){return s.inputProps?.prefix?s.inputProps.prefix:c?t.map(l=>r.jsx(H,{label:o.find(f=>f.value===l)?.label,clickable:!0,leftIcon:r.jsx(q.IconCloseSquare,{}),onClick:f=>{f.stopPropagation();const p=t.filter(y=>y!==l);s.onChange?.(p)}},l)):null}const i={...s};return i.dropdownType==="popover"&&!n&&(i.popoverClassName=d.clsx("dgs-ui-kit-pt-3",i.popoverClassName)),i.dropdownType==="drawer"&&(i.drawerProps={...i.drawerProps,containerClassName:d.clsx(n?"!dgs-ui-kit-pt-0":"!dgs-ui-kit-pt-3",i.drawerProps?.containerClassName)}),i.customInput||(i.inputProps={...i.inputProps,value:G(t,o),prefix:g(),prefixClassName:c?d.clsx("dgs-ui-kit-flex dgs-ui-kit-items-center flex dgs-ui-kit-flex-wrap dgs-ui-kit-gap-2 dgs-ui-kit-w-full",i.inputProps?.prefixClassName):i.inputProps?.prefixClassName,className:c?"dgs-ui-kit-hidden":i.inputProps?.className,containerClassName:c?d.clsx("dgs-ui-kit-items-baseline",i.inputProps?.containerClassName):i.inputProps?.containerClassName}),r.jsx(A.PickerWrapper,{...i,children:r.jsx(U,{...s})})};module.exports=J;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/index.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,WAAW,EAA0B,MAAM,SAAS,CAAC;AAKnE,OAAO,kBAAkB,CAAC;AAQ1B,QAAA,MAAM,MAAM,GAAI,CAAC,EAAG,OAAO,WAAW,CAAC,CAAC,CAAC,4CAwDxC,CAAC;AAEF,eAAe,MAAM,CAAC"}
|