@dgshahr/ui-kit 0.0.88 → 0.0.90
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/Card/index.cjs +1 -1
- package/dist/Card/index.d.ts.map +1 -1
- package/dist/Card/index.mjs +18 -19
- package/dist/FieldBottomInfo-CE1uBAqq.cjs +1 -0
- package/dist/FieldBottomInfo-CJ8_Kr25.js +49 -0
- 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.d.ts.map +1 -1
- package/dist/Form/FileUploader/index.mjs +80 -80
- package/dist/Form/FileUploader/types.d.ts +2 -1
- package/dist/Form/FileUploader/types.d.ts.map +1 -1
- package/dist/Form/Input/index.cjs +1 -1
- package/dist/Form/Input/index.mjs +1 -1
- package/dist/Form/OtpInput/index.cjs +1 -1
- package/dist/Form/OtpInput/index.mjs +2 -2
- package/dist/Form/Select/Options.d.ts.map +1 -1
- package/dist/Form/Select/index.cjs +1 -1
- package/dist/Form/Select/index.mjs +26 -22
- package/dist/Form/Textarea/index.cjs +1 -1
- package/dist/Form/Textarea/index.mjs +1 -1
- package/dist/Form/Wrappers/PickerWrapper/PickerWrapper.d.ts.map +1 -1
- package/dist/IconInfoCircleOutline-0ef3qbeI.cjs +1 -0
- package/dist/IconInfoCircleOutline-aO1F3qnG.js +35 -0
- package/dist/PickerWrapper-BuAOe-BZ.cjs +1 -0
- package/dist/PickerWrapper-CrHfM70f.js +141 -0
- package/dist/Sidebar/index.cjs +1 -1
- package/dist/Sidebar/index.mjs +143 -229
- package/dist/Table/Header.d.ts +7 -0
- package/dist/Table/Header.d.ts.map +1 -0
- package/dist/Table/TBody.d.ts +11 -0
- package/dist/Table/TBody.d.ts.map +1 -0
- package/dist/Table/THead.d.ts +11 -0
- package/dist/Table/THead.d.ts.map +1 -0
- package/dist/Table/index.cjs +1 -0
- package/dist/Table/index.d.ts +5 -0
- package/dist/Table/index.d.ts.map +1 -0
- package/dist/Table/index.mjs +329 -0
- package/dist/Table/types.d.ts +54 -0
- package/dist/Table/types.d.ts.map +1 -0
- package/dist/Table/utils.d.ts +8 -0
- package/dist/Table/utils.d.ts.map +1 -0
- package/dist/{TextFieldWrapper-K0g1kAl1.cjs → TextFieldWrapper-CQbBbmlX.cjs} +1 -1
- package/dist/{TextFieldWrapper-44165bs_.js → TextFieldWrapper-CQgQsfMJ.js} +1 -1
- package/dist/Tooltip/index.cjs +1 -1
- package/dist/Tooltip/index.d.ts +3 -9
- package/dist/Tooltip/index.d.ts.map +1 -1
- package/dist/Tooltip/index.mjs +53 -44
- package/dist/assets/styles.css +1 -1
- package/dist/index-BfuaA-Ji.cjs +1 -0
- package/dist/index-CzwAoGdL.js +90 -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 +12 -10
- package/dist/useFlipPosition-CLwjhe7O.cjs +1 -0
- package/dist/useFlipPosition-pGmVUUhs.js +133 -0
- package/package.json +6 -1
- package/dist/FieldBottomInfo-7YeZbp0-.cjs +0 -1
- package/dist/FieldBottomInfo-B1n-gK3T.js +0 -78
- package/dist/PickerWrapper-CoDy6coa.cjs +0 -1
- package/dist/PickerWrapper-DlnSW_YD.js +0 -128
|
@@ -3,7 +3,7 @@ import { jsx as e, jsxs as n, Fragment as R } from "react/jsx-runtime";
|
|
|
3
3
|
import { c as d } from "../../clsx-OuTLNxxd.js";
|
|
4
4
|
import { useState as A, Fragment as D } from "react";
|
|
5
5
|
import C from "../../Button/index.mjs";
|
|
6
|
-
import { F as x } from "../../FieldBottomInfo-
|
|
6
|
+
import { F as x } from "../../FieldBottomInfo-CJ8_Kr25.js";
|
|
7
7
|
import E from "../../Progress/Doughnut/index.mjs";
|
|
8
8
|
import { I as H } from "../../IconEye-DATABBb3.js";
|
|
9
9
|
import '../../assets/styles.css';/* empty css */
|
|
@@ -121,7 +121,7 @@ const j = (t) => /* @__PURE__ */ e(
|
|
|
121
121
|
)
|
|
122
122
|
]
|
|
123
123
|
}
|
|
124
|
-
), b = "dgs-ui-kit-h-[190px] dgs-ui-kit-w-[330px]", M = "dgs-ui-kit-size-[120px]",
|
|
124
|
+
), b = "dgs-ui-kit-h-[190px] dgs-ui-kit-w-[330px]", M = "dgs-ui-kit-size-[120px]", F = "!dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-y-1/2 -dgs-ui-kit-translate-x-1/2", P = "dgs-ui-kit-ring-offset-1 dgs-ui-kit-ring-offset-transparent has-[:focus]:dgs-ui-kit-ring-offset-white dgs-ui-kit-ring-[3px] dgs-ui-kit-ring-transparent has-[:focus]:dgs-ui-kit-ring-primary-300", T = "!dgs-ui-kit-border-error-500 dgs-ui-kit-ring-4 !dgs-ui-kit-ring-error-50", _ = "!dgs-ui-kit-border-primary-500 dgs-ui-kit-ring-4 !dgs-ui-kit-ring-gray-100 !dgs-ui-kit-bg-gray-50", U = "has-[:disabled]:dgs-ui-kit-opacity-50", w = {
|
|
125
125
|
default: "dgs-ui-kit-bg-primary-50 dgs-ui-kit-text-primary-500",
|
|
126
126
|
loading: "dgs-ui-kit-bg-gray-500 dgs-ui-kit-text-white",
|
|
127
127
|
error: "dgs-ui-kit-bg-error-50 dgs-ui-kit-text-error-500",
|
|
@@ -149,17 +149,17 @@ const O = (t) => {
|
|
|
149
149
|
const {
|
|
150
150
|
title: i,
|
|
151
151
|
description: r,
|
|
152
|
-
button:
|
|
152
|
+
button: a = !0,
|
|
153
153
|
hideIcon: s,
|
|
154
154
|
isError: o,
|
|
155
|
-
className:
|
|
156
|
-
onChange:
|
|
157
|
-
helperProps:
|
|
158
|
-
previewtype:
|
|
159
|
-
...
|
|
160
|
-
} = t, [
|
|
155
|
+
className: u,
|
|
156
|
+
onChange: l,
|
|
157
|
+
helperProps: g,
|
|
158
|
+
previewtype: m,
|
|
159
|
+
...k
|
|
160
|
+
} = t, [p, c] = A(!1), h = m === "grid";
|
|
161
161
|
function S(v) {
|
|
162
|
-
v.preventDefault(),
|
|
162
|
+
v.preventDefault(), c(!1), l(v.dataTransfer.files?.[0]);
|
|
163
163
|
}
|
|
164
164
|
return /* @__PURE__ */ n("div", { className: "dgs-ui-kit-space-y-2", children: [
|
|
165
165
|
/* @__PURE__ */ n(
|
|
@@ -173,32 +173,32 @@ const O = (t) => {
|
|
|
173
173
|
"hover:dgs-ui-kit-ring-4 hover:dgs-ui-kit-ring-gray-100",
|
|
174
174
|
P,
|
|
175
175
|
U,
|
|
176
|
-
(o ||
|
|
177
|
-
|
|
178
|
-
|
|
179
|
-
|
|
176
|
+
(o || g?.errorMessage) && T,
|
|
177
|
+
p && _,
|
|
178
|
+
h ? M : b,
|
|
179
|
+
u
|
|
180
180
|
),
|
|
181
181
|
children: [
|
|
182
182
|
i ? /* @__PURE__ */ e("p", { className: "dgs-ui-kit-font-p1-medium dgs-ui-kit-text-primary-500 [font-feature-settings:inherit]", children: i }) : null,
|
|
183
183
|
r ? /* @__PURE__ */ e("pre", { className: "dgs-ui-kit-font-caption-demibold dgs-ui-kit-text-primary-200 [font-feature-settings:inherit]", children: r }) : null,
|
|
184
|
-
|
|
184
|
+
a ? V(a) : null,
|
|
185
185
|
!s && /* @__PURE__ */ e(z, {}),
|
|
186
186
|
/* @__PURE__ */ e(
|
|
187
187
|
"input",
|
|
188
188
|
{
|
|
189
189
|
className: "!dgs-ui-kit-mt-0 dgs-ui-kit-absolute dgs-ui-kit-inset-0 dgs-ui-kit-size-full dgs-ui-kit-opacity-0 dgs-ui-kit-cursor-pointer disabled:dgs-ui-kit-cursor-not-allowed dgs-ui-kit-z-10",
|
|
190
190
|
type: "file",
|
|
191
|
-
onDragEnter: () =>
|
|
192
|
-
onDragLeave: () =>
|
|
191
|
+
onDragEnter: () => c(!0),
|
|
192
|
+
onDragLeave: () => c(!1),
|
|
193
193
|
onDrop: S,
|
|
194
|
-
onChange: (v) =>
|
|
195
|
-
...
|
|
194
|
+
onChange: (v) => l(v.currentTarget.files?.[0]),
|
|
195
|
+
...k
|
|
196
196
|
}
|
|
197
197
|
)
|
|
198
198
|
]
|
|
199
199
|
}
|
|
200
200
|
),
|
|
201
|
-
!
|
|
201
|
+
!h && Object.keys(g ?? {}).length > 0 && /* @__PURE__ */ e(x, { ...g })
|
|
202
202
|
] });
|
|
203
203
|
}, B = (t) => /* @__PURE__ */ n(
|
|
204
204
|
"svg",
|
|
@@ -250,10 +250,10 @@ const O = (t) => {
|
|
|
250
250
|
)
|
|
251
251
|
}
|
|
252
252
|
), W = "data:image/svg+xml,%3csvg%20viewBox='0%200%2096%2096'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3crect%20rx='8'%20fill='%23F1F5F9'/%3e%3cpath%20d='M45.9176%2066.4015C45.2%2066.4011%2044.4904%2066.2499%2043.8352%2065.9575C43.18%2065.6655%2042.5932%2065.2387%2042.1136%2064.7055L38.7415%2060.9495L34.5496%2065.3495C33.9972%2065.9051%2033.2495%2066.2227%2032.4661%2066.2343C31.6827%2066.2455%2030.9259%2065.9503%2030.3574%2065.4111C29.789%2064.8719%2029.4539%2064.1319%2029.4241%2063.3487C29.3942%2062.5659%2029.6718%2061.8023%2030.1975%2061.2215L35.0457%2056.1095C36.066%2055.1195%2037.4205%2054.5487%2038.8415%2054.5095C39.5477%2054.5215%2040.2436%2054.6795%2040.886%2054.9735C41.5284%2055.2675%2042.1028%2055.6907%2042.5736%2056.2175L45.9056%2059.9215L53.5576%2050.8895C54.0196%2050.3439%2054.5908%2049.9011%2055.234%2049.5899C55.8776%2049.2783%2056.5788%2049.1051%2057.2936%2049.0815C58.0104%2049.0551%2058.7244%2049.1819%2059.3888%2049.4527C60.0528%2049.7239%2060.6516%2050.1331%2061.1456%2050.6535L67.7736%2057.5135C68.326%2058.0863%2068.6288%2058.8551%2068.6144%2059.6511C68.6004%2060.4471%2068.2704%2061.2047%2067.6976%2061.7575C67.1248%2062.3103%2066.3556%2062.6127%2065.5596%2062.5983C64.764%2062.5843%2064.0064%2062.2543%2063.4536%2061.6815L57.5016%2055.5135L49.8296%2064.5695C49.3552%2065.1291%2048.766%2065.5807%2048.1024%2065.8931C47.4384%2066.2059%2046.7152%2066.3723%2045.9816%2066.3815L45.9176%2066.4015Z'%20fill='%23748297'/%3e%3cpath%20d='M65.0008%2087H33.1767C30.8059%2086.9584%2028.4666%2086.4488%2026.2933%2085.5004C24.1201%2084.5524%2022.1557%2083.184%2020.5128%2081.4744C18.87%2079.7644%2017.5809%2077.7468%2016.7201%2075.5376C15.8593%2073.3284%2015.4437%2070.9704%2015.4967%2068.6V26.628C15.6171%2021.9306%2017.5604%2017.4643%2020.9154%2014.1742C24.2704%2010.8842%2028.7737%209.0286%2033.4725%209H56.1448C57.6536%209.00228%2059.1468%209.3084%2060.5352%209.90008C61.9232%2010.4918%2063.178%2011.357%2064.2248%2012.444L79.3848%2028.24C81.3932%2030.3232%2082.512%2033.1063%2082.5044%2036V68.652C82.5536%2073.3884%2080.7516%2077.9568%2077.482%2081.384C74.2124%2084.8108%2069.734%2086.826%2065.0008%2087ZM33.4845%2015C30.3566%2015.0102%2027.3555%2016.2368%2025.1159%2018.4204C22.8763%2020.6041%2021.5738%2023.5733%2021.4845%2026.7V68.652C21.4387%2070.2356%2021.7073%2071.8124%2022.2741%2073.292C22.8409%2074.7712%2023.6948%2076.124%2024.787%2077.2712C25.8792%2078.4188%2027.1878%2079.3388%2028.6373%2079.9784C30.0869%2080.6176%2031.6487%2080.9632%2033.2325%2080.996H64.8684C68.0276%2080.8528%2071.0072%2079.4864%2073.1768%2077.1856C75.346%2074.8848%2076.5352%2071.83%2076.4924%2068.668V36C76.4924%2034.6581%2075.9736%2033.3682%2075.0444%2032.4L59.8804%2016.6C59.3956%2016.0947%2058.814%2015.6925%2058.1696%2015.4176C57.5256%2015.1426%2056.8328%2015.0006%2056.1328%2015H33.4725H33.4845Z'%20fill='%23748297'/%3e%3cpath%20d='M79.2498%2037.062H68.2938C64.7902%2037.0461%2061.4354%2035.6443%2058.9622%2033.1628C56.4886%2030.6812%2055.0981%2027.3216%2055.0938%2023.818V12.25C55.0938%2011.4544%2055.4101%2010.6913%2055.9725%2010.1287C56.5353%209.56604%2057.2982%209.25%2058.0938%209.25C58.8893%209.25%2059.6525%209.56604%2060.2153%2010.1287C60.7777%2010.6913%2061.0938%2011.4544%2061.0938%2012.25V23.818C61.0938%2025.7316%2061.8509%2027.5675%2063.2001%2028.9248C64.5489%2030.282%2066.3802%2031.0504%2068.2938%2031.062H79.2417C80.0373%2031.062%2080.8005%2031.3781%2081.3633%2031.9407C81.9257%2032.5033%2082.2417%2033.2663%2082.2417%2034.062C82.2417%2034.8576%2081.9257%2035.6207%2081.3633%2036.1833C80.8005%2036.7459%2080.0373%2037.062%2079.2417%2037.062H79.2498Z'%20fill='%23748297'/%3e%3cpath%20d='M37.9659%2048.8068C40.1992%2048.8068%2042.01%2046.9959%2042.01%2044.7627C42.01%2042.5291%2040.1992%2040.7188%2037.9659%2040.7188C35.7324%2040.7188%2033.9219%2042.5291%2033.9219%2044.7627C33.9219%2046.9959%2035.7324%2048.8068%2037.9659%2048.8068Z'%20fill='%23748297'/%3e%3c/svg%3e", y = (t) => {
|
|
253
|
-
const { file: i, children: r, className:
|
|
254
|
-
function o(
|
|
255
|
-
const
|
|
256
|
-
|
|
253
|
+
const { file: i, children: r, className: a } = t, s = i.file ? URL.createObjectURL(i.file) : i.src ?? "";
|
|
254
|
+
function o(u) {
|
|
255
|
+
const l = u.currentTarget;
|
|
256
|
+
l.src = W, l.classList.add("dgs-ui-kit-bg-gray-100");
|
|
257
257
|
}
|
|
258
258
|
return /* @__PURE__ */ n(
|
|
259
259
|
"div",
|
|
@@ -261,7 +261,7 @@ const O = (t) => {
|
|
|
261
261
|
className: d(
|
|
262
262
|
"dgs-ui-kit-relative dgs-ui-kit-rounded-lg dgs-ui-kit-overflow-hidden",
|
|
263
263
|
b,
|
|
264
|
-
|
|
264
|
+
a
|
|
265
265
|
),
|
|
266
266
|
children: [
|
|
267
267
|
/* @__PURE__ */ e(
|
|
@@ -281,13 +281,13 @@ const O = (t) => {
|
|
|
281
281
|
i.loading ? "dgs-ui-kit-bg-opacity-70" : "dgs-ui-kit-bg-opacity-50"
|
|
282
282
|
),
|
|
283
283
|
children: [
|
|
284
|
-
typeof i.loading == "boolean" && i.loading && /* @__PURE__ */ e("div", { className: d("dot-flashing",
|
|
284
|
+
typeof i.loading == "boolean" && i.loading && /* @__PURE__ */ e("div", { className: d("dot-flashing", F) }),
|
|
285
285
|
typeof i.loading == "number" && /* @__PURE__ */ n(
|
|
286
286
|
"div",
|
|
287
287
|
{
|
|
288
288
|
className: d(
|
|
289
289
|
"dgs-ui-kit-flex dgs-ui-kit-flex-col dgs-ui-kit-items-center dgs-ui-kit-justify-center",
|
|
290
|
-
|
|
290
|
+
F
|
|
291
291
|
),
|
|
292
292
|
children: [
|
|
293
293
|
/* @__PURE__ */ e(
|
|
@@ -315,7 +315,7 @@ const O = (t) => {
|
|
|
315
315
|
}
|
|
316
316
|
);
|
|
317
317
|
};
|
|
318
|
-
function
|
|
318
|
+
function f(t, i, r) {
|
|
319
319
|
return t ? /* @__PURE__ */ e(
|
|
320
320
|
C,
|
|
321
321
|
{
|
|
@@ -329,8 +329,8 @@ function h(t, i, r) {
|
|
|
329
329
|
size: "small",
|
|
330
330
|
...r,
|
|
331
331
|
...typeof t == "boolean" ? {} : t,
|
|
332
|
-
onClick: (
|
|
333
|
-
typeof t != "boolean" && typeof t.onClick == "function" && t.onClick(i,
|
|
332
|
+
onClick: (a) => {
|
|
333
|
+
typeof t != "boolean" && typeof t.onClick == "function" && t.onClick(i, a);
|
|
334
334
|
},
|
|
335
335
|
children: t?.children
|
|
336
336
|
}
|
|
@@ -350,7 +350,7 @@ const Z = (t) => {
|
|
|
350
350
|
const {
|
|
351
351
|
files: i,
|
|
352
352
|
previewClassName: r,
|
|
353
|
-
leftButton:
|
|
353
|
+
leftButton: a = !0,
|
|
354
354
|
rightButton: s = !0,
|
|
355
355
|
wrapperClassName: o
|
|
356
356
|
} = t;
|
|
@@ -368,12 +368,12 @@ const Z = (t) => {
|
|
|
368
368
|
file: i,
|
|
369
369
|
className: d("!dgs-ui-kit-size-full", r),
|
|
370
370
|
children: [
|
|
371
|
-
|
|
371
|
+
f(a, i, {
|
|
372
372
|
color: "error",
|
|
373
373
|
icon: /* @__PURE__ */ e(B, {}),
|
|
374
374
|
className: "!dgs-ui-kit-absolute dgs-ui-kit-left-2 dgs-ui-kit-top-2"
|
|
375
375
|
}),
|
|
376
|
-
|
|
376
|
+
f(s, i, {
|
|
377
377
|
color: "gray",
|
|
378
378
|
icon: /* @__PURE__ */ e(I, {}),
|
|
379
379
|
className: "!dgs-ui-kit-absolute dgs-ui-kit-right-2 dgs-ui-kit-bottom-2"
|
|
@@ -417,17 +417,17 @@ const Z = (t) => {
|
|
|
417
417
|
const {
|
|
418
418
|
files: i,
|
|
419
419
|
previewClassName: r,
|
|
420
|
-
leftButton:
|
|
420
|
+
leftButton: a = !0,
|
|
421
421
|
rightButton: s = !0,
|
|
422
422
|
exteraButton: o
|
|
423
|
-
} = t, { status:
|
|
423
|
+
} = t, { status: u, errorMessage: l, hintMessage: g, loading: m, title: k } = i, p = k ?? i.file?.name, c = !!(l ?? g);
|
|
424
424
|
return /* @__PURE__ */ n(
|
|
425
425
|
"div",
|
|
426
426
|
{
|
|
427
427
|
className: d(
|
|
428
428
|
"dgs-ui-kit-flex dgs-ui-kit-items-center dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse dgs-ui-kit-w-0 dgs-ui-kit-min-w-full",
|
|
429
|
-
N(
|
|
430
|
-
(!
|
|
429
|
+
N(m, l ? "error" : u),
|
|
430
|
+
(!u || u === "default") && !l && "dgs-ui-kit-p-1 !dgs-ui-kit-border-gray-200",
|
|
431
431
|
r
|
|
432
432
|
),
|
|
433
433
|
children: [
|
|
@@ -438,34 +438,34 @@ const Z = (t) => {
|
|
|
438
438
|
className: "!dgs-ui-kit-size-[72px] dgs-ui-kit-shrink-0"
|
|
439
439
|
}
|
|
440
440
|
),
|
|
441
|
-
!!(
|
|
442
|
-
!!
|
|
443
|
-
|
|
441
|
+
!!(p ?? c) && /* @__PURE__ */ n("div", { className: "dgs-ui-kit-space-y-1 dgs-ui-kit-overflow-hidden dgs-ui-kit-w-full", children: [
|
|
442
|
+
!!p && /* @__PURE__ */ e("span", { className: "dgs-ui-kit-font-p2-medium dgs-ui-kit-text-gray-700 dgs-ui-kit-break-words dgs-ui-kit-line-clamp-1", children: p }),
|
|
443
|
+
c && /* @__PURE__ */ e(
|
|
444
444
|
x,
|
|
445
445
|
{
|
|
446
|
-
hintMessage:
|
|
447
|
-
errorMessage:
|
|
446
|
+
hintMessage: g,
|
|
447
|
+
errorMessage: l
|
|
448
448
|
}
|
|
449
449
|
)
|
|
450
450
|
] }),
|
|
451
|
-
(
|
|
451
|
+
(a || s || o) && /* @__PURE__ */ n("div", { className: "dgs-ui-kit-flex dgs-ui-kit-space-x-1 dgs-ui-kit-space-x-reverse dgs-ui-kit-shrink-0", children: [
|
|
452
452
|
o && /* @__PURE__ */ e(
|
|
453
453
|
C,
|
|
454
454
|
{
|
|
455
455
|
...o,
|
|
456
|
-
onClick: (
|
|
457
|
-
typeof o.onClick == "function" && o.onClick(i,
|
|
456
|
+
onClick: (h) => {
|
|
457
|
+
typeof o.onClick == "function" && o.onClick(i, h);
|
|
458
458
|
},
|
|
459
459
|
children: o.children
|
|
460
460
|
}
|
|
461
461
|
),
|
|
462
|
-
|
|
462
|
+
f(s, i, {
|
|
463
463
|
color: "gray",
|
|
464
464
|
icon: /* @__PURE__ */ e(H, {}),
|
|
465
465
|
variant: "text",
|
|
466
466
|
className: "!dgs-ui-kit-opacity-100"
|
|
467
467
|
}),
|
|
468
|
-
|
|
468
|
+
f(a, i, {
|
|
469
469
|
color: "error",
|
|
470
470
|
icon: /* @__PURE__ */ e(G, {}),
|
|
471
471
|
variant: "text",
|
|
@@ -476,25 +476,25 @@ const Z = (t) => {
|
|
|
476
476
|
}
|
|
477
477
|
);
|
|
478
478
|
};
|
|
479
|
-
function
|
|
479
|
+
function L(t) {
|
|
480
480
|
return t.file ? URL.createObjectURL(t.file) : t.src ?? "";
|
|
481
481
|
}
|
|
482
482
|
const $ = (t) => {
|
|
483
|
-
const { files: i, type: r = "list", wrapperClassName:
|
|
483
|
+
const { files: i, type: r = "list", wrapperClassName: a } = t;
|
|
484
484
|
return r === "grid" ? i.map((s) => /* @__PURE__ */ e(
|
|
485
485
|
Z,
|
|
486
486
|
{
|
|
487
487
|
...t,
|
|
488
488
|
files: s
|
|
489
489
|
},
|
|
490
|
-
|
|
491
|
-
)) : /* @__PURE__ */ e("div", { className: d("dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2",
|
|
490
|
+
L(s)
|
|
491
|
+
)) : /* @__PURE__ */ e("div", { className: d("dgs-ui-kit-mt-4 dgs-ui-kit-space-y-2", a), children: i.map((s) => /* @__PURE__ */ e(
|
|
492
492
|
K,
|
|
493
493
|
{
|
|
494
494
|
...t,
|
|
495
495
|
files: s
|
|
496
496
|
},
|
|
497
|
-
|
|
497
|
+
L(s)
|
|
498
498
|
)) });
|
|
499
499
|
};
|
|
500
500
|
function q(t, i, r = "default") {
|
|
@@ -504,17 +504,17 @@ const J = (t) => {
|
|
|
504
504
|
const {
|
|
505
505
|
files: i,
|
|
506
506
|
leftButton: r = !0,
|
|
507
|
-
rightButton:
|
|
507
|
+
rightButton: a = !0,
|
|
508
508
|
exteraButton: s,
|
|
509
509
|
wrapperClassName: o,
|
|
510
|
-
previewClassName:
|
|
511
|
-
} = t, { errorMessage:
|
|
510
|
+
previewClassName: u
|
|
511
|
+
} = t, { errorMessage: l, file: g, hintMessage: m, loading: k, status: p, title: c } = i;
|
|
512
512
|
return /* @__PURE__ */ n("div", { className: "dgs-ui-kit-space-y-2", children: [
|
|
513
513
|
/* @__PURE__ */ n(
|
|
514
514
|
"div",
|
|
515
515
|
{
|
|
516
516
|
className: d(
|
|
517
|
-
N(
|
|
517
|
+
N(k, l ? "error" : p),
|
|
518
518
|
o
|
|
519
519
|
),
|
|
520
520
|
children: [
|
|
@@ -522,14 +522,14 @@ const J = (t) => {
|
|
|
522
522
|
y,
|
|
523
523
|
{
|
|
524
524
|
file: i,
|
|
525
|
-
className:
|
|
525
|
+
className: u,
|
|
526
526
|
children: [
|
|
527
|
-
|
|
527
|
+
f(r, i, {
|
|
528
528
|
color: "error",
|
|
529
529
|
icon: /* @__PURE__ */ e(B, {}),
|
|
530
530
|
className: "!dgs-ui-kit-absolute dgs-ui-kit-left-2 dgs-ui-kit-top-2"
|
|
531
531
|
}),
|
|
532
|
-
|
|
532
|
+
f(a, i, {
|
|
533
533
|
color: "gray",
|
|
534
534
|
icon: /* @__PURE__ */ e(I, {}),
|
|
535
535
|
className: "!dgs-ui-kit-absolute dgs-ui-kit-right-2 dgs-ui-kit-bottom-2"
|
|
@@ -542,8 +542,8 @@ const J = (t) => {
|
|
|
542
542
|
"!dgs-ui-kit-absolute dgs-ui-kit-top-1/2 dgs-ui-kit-left-1/2 -dgs-ui-kit-translate-y-1/2 -dgs-ui-kit-translate-x-1/2"
|
|
543
543
|
),
|
|
544
544
|
...s,
|
|
545
|
-
onClick: (
|
|
546
|
-
typeof s.onClick == "function" && s.onClick(i,
|
|
545
|
+
onClick: (h) => {
|
|
546
|
+
typeof s.onClick == "function" && s.onClick(i, h);
|
|
547
547
|
},
|
|
548
548
|
children: s.children
|
|
549
549
|
}
|
|
@@ -551,58 +551,58 @@ const J = (t) => {
|
|
|
551
551
|
]
|
|
552
552
|
}
|
|
553
553
|
),
|
|
554
|
-
!!(
|
|
554
|
+
!!(c ?? g?.name) && /* @__PURE__ */ e(
|
|
555
555
|
"div",
|
|
556
556
|
{
|
|
557
557
|
className: d(
|
|
558
|
-
q(
|
|
558
|
+
q(k, l, p),
|
|
559
559
|
"dgs-ui-kit-px-3 dgs-ui-kit-py-1.5 dgs-ui-kit-rounded-lg dgs-ui-kit-font-p2-medium dgs-ui-kit-text-center dgs-ui-kit-line-clamp-1 dgs-ui-kit-mt-1 dgs-ui-kit-w-0 dgs-ui-kit-min-w-full"
|
|
560
560
|
),
|
|
561
|
-
children:
|
|
561
|
+
children: c ?? g?.name
|
|
562
562
|
}
|
|
563
563
|
)
|
|
564
564
|
]
|
|
565
565
|
}
|
|
566
566
|
),
|
|
567
|
-
|
|
567
|
+
m ?? l ? /* @__PURE__ */ e(
|
|
568
568
|
x,
|
|
569
569
|
{
|
|
570
|
-
errorMessage:
|
|
571
|
-
hintMessage:
|
|
570
|
+
errorMessage: l,
|
|
571
|
+
hintMessage: m
|
|
572
572
|
}
|
|
573
573
|
) : null
|
|
574
574
|
] });
|
|
575
|
-
},
|
|
576
|
-
const { mode: i, fileInputProps: r, isError:
|
|
577
|
-
i === "multiple" &&
|
|
578
|
-
|
|
575
|
+
}, l0 = (t) => {
|
|
576
|
+
const { mode: i, fileInputProps: r, isError: a, disabled: s, onChange: o, files: u, previewProps: l, className: g } = t, m = t.hideFileInput, k = Array.isArray(u) ? u.length > 0 : !!u, c = d(
|
|
577
|
+
i === "multiple" && l?.type === "grid" && "dgs-ui-kit-flex dgs-ui-kit-space-x-2 dgs-ui-kit-space-x-reverse",
|
|
578
|
+
g
|
|
579
579
|
) ? "div" : D;
|
|
580
|
-
return /* @__PURE__ */ n(c, { ...c === "div" ? { className:
|
|
581
|
-
(!k && i === "single" || i
|
|
580
|
+
return /* @__PURE__ */ n(c, { ...c === "div" ? { className: g } : {}, children: [
|
|
581
|
+
(!k && i === "single" || i === "multiple" && !m) && /* @__PURE__ */ e(
|
|
582
582
|
O,
|
|
583
583
|
{
|
|
584
584
|
...r,
|
|
585
|
-
previewtype:
|
|
585
|
+
previewtype: l?.type,
|
|
586
586
|
disabled: s,
|
|
587
|
-
isError:
|
|
587
|
+
isError: a,
|
|
588
588
|
onChange: o
|
|
589
589
|
}
|
|
590
590
|
),
|
|
591
591
|
k && /* @__PURE__ */ e(R, { children: i === "single" ? /* @__PURE__ */ e(
|
|
592
592
|
J,
|
|
593
593
|
{
|
|
594
|
-
...
|
|
595
|
-
files:
|
|
594
|
+
...l,
|
|
595
|
+
files: u
|
|
596
596
|
}
|
|
597
597
|
) : /* @__PURE__ */ e(
|
|
598
598
|
$,
|
|
599
599
|
{
|
|
600
|
-
...
|
|
601
|
-
files:
|
|
600
|
+
...l,
|
|
601
|
+
files: u
|
|
602
602
|
}
|
|
603
603
|
) })
|
|
604
604
|
] });
|
|
605
605
|
};
|
|
606
606
|
export {
|
|
607
|
-
|
|
607
|
+
l0 as default
|
|
608
608
|
};
|
|
@@ -41,10 +41,11 @@ interface FileUploaderSingleMode {
|
|
|
41
41
|
files?: FileType;
|
|
42
42
|
previewProps?: Omit<FilePreviewProps, 'type'>;
|
|
43
43
|
}
|
|
44
|
-
interface FileUploaderMultipleMode {
|
|
44
|
+
export interface FileUploaderMultipleMode {
|
|
45
45
|
mode: 'multiple';
|
|
46
46
|
files?: FileType[];
|
|
47
47
|
previewProps?: FilePreviewProps;
|
|
48
|
+
hideFileInput?: boolean;
|
|
48
49
|
}
|
|
49
50
|
export type FileUploaderProps = FileUploaderPropsBase & (FileUploaderSingleMode | FileUploaderMultipleMode);
|
|
50
51
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FileUploader/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,UAAU,EAAE,MAAM,OAAO,CAAC;AAChF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAChD,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,2CAA2C,CAAC;AAEtF,UAAU,YAAa,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,GAAG,aAAa,CAAC;IACnF,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;IAC3B,MAAM,CAAC,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,CAAC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,QAAQ,GAAG,YAAY,GACjC,CAAC,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,MAAM,CAAC,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;AAE/E,UAAU,4BAA6B,SAAQ,IAAI,CAAC,WAAW,EAAE,SAAS,CAAC;IACzE,OAAO,CAAC,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,CAAC,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;CACtE;AAED,MAAM,WAAW,gBAAgB;IAC/B,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,OAAO,GAAG,4BAA4B,CAAC;IACpD,WAAW,CAAC,EAAE,OAAO,GAAG,4BAA4B,CAAC;IACrD,YAAY,CAAC,EAAE,4BAA4B,CAAC;IAC5C,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;CAC3B;AAED,MAAM,WAAW,cACf,SAAQ,IAAI,CACV,iBAAiB,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,gBAAgB,CAAC,EAC1E,MAAM,GAAG,UAAU,GAAG,aAAa,GAAG,aAAa,GAAG,QAAQ,CAC/D;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,MAAM,CAAC,EAAE,OAAO,GAAG,WAAW,CAAC;IAC/B,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,EAAE,qBAAqB,CAAC,UAAU,CAAC,CAAC;IAC5C,WAAW,CAAC,EAAE,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,CAAC;CACtD;AAED,UAAU,qBAAqB;IAC7B,cAAc,CAAC,EAAE,IAAI,CAAC,cAAc,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC,CAAC;IAC3E,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,EAAE,CAAC,IAAI,EAAE,IAAI,GAAG,SAAS,KAAK,IAAI,CAAC;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,UAAU,sBAAsB;IAC9B,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,YAAY,CAAC,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,CAAC;CAC/C;AAED,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Form/FileUploader/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";const e=require("react/jsx-runtime"),g=require("../../clsx-C11secjj.cjs"),h=require("react"),k=require("../../IconEye-sBk4Mro2.cjs"),y=require("../../omitObjects-CtiYo0hv.cjs"),C=require("../../TextFieldWrapper-
|
|
1
|
+
"use strict";const e=require("react/jsx-runtime"),g=require("../../clsx-C11secjj.cjs"),h=require("react"),k=require("../../IconEye-sBk4Mro2.cjs"),y=require("../../omitObjects-CtiYo0hv.cjs"),C=require("../../TextFieldWrapper-CQbBbmlX.cjs"),I=n=>e.jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...n,children:[e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"m15.456 9.595-5.852 5.852-1.061-1.06 5.853-5.853z",clipRule:"evenodd"}),e.jsx("path",{fill:"currentColor",fillRule:"evenodd",d:"m9.6 8.532 5.856 5.858-1.06 1.06-5.857-5.857z",clipRule:"evenodd"}),e.jsx("path",{fill:"currentColor",fillRule:"evenodd",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",clipRule:"evenodd"})]}),R=n=>e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",fill:"none",viewBox:"0 0 24 24",...n,children:e.jsx("path",{fill:"currentColor",fillRule:"evenodd",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",clipRule:"evenodd"})}),N=h.forwardRef(function(a,f){const{dir:i="rtl",placeholderDir:m=i,containerClassName:w,leftIcon:u,prefix:d,postfix:p,onClear:l,value:r,...t}=a,j=y.omitObject(t,["labelAddon","labelContent","link","rightIcon","isError","errorMessage","hintMessage","wrapperClassName","showMaxLength"]),[c,v]=h.useState(t.type);function x(){return e.jsx("button",{onClick:()=>{typeof l=="function"&&l()},children:e.jsx(I,{className:"dgs-ui-kit-text-gray-600",width:20,height:20})})}return e.jsxs(C.TextFieldWrapper,{...a,containerClassName:g.clsx("dgs-ui-kit-items-center",w),value:r,children:[d&&e.jsx("span",{className:"dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500",children:d}),typeof l=="function"&&r&&i==="ltr"&&x(),e.jsx("input",{...j,ref:f,className:g.clsx("dgs-ui-kit-bg-transparent focus:dgs-ui-kit-outline-none dgs-ui-kit-flex-1",i==="rtl"?"dgs-ui-kit-text-right":"!dgs-ui-kit-text-left",m==="rtl"?"placeholder:dgs-ui-kit-text-right":"placeholder:dgs-ui-kit-text-left",{ss02:t.type!="password"},a.className),...i==="ltr"?{style:{direction:"ltr"}}:{},value:r,type:c,onInput:o=>{if(typeof t.onInput=="function"&&t.onInput(o)||c!=="number")return;const s=o.currentTarget;s.value.length>s.maxLength&&(s.value=s.value.slice(0,s.maxLength))}}),typeof l=="function"&&r&&i==="rtl"&&x(),p&&e.jsx("span",{className:"dgs-ui-kit-font-p1-regular dgs-ui-kit-text-gray-500",children:p}),u&&e.jsx("div",{className:"dgs-ui-kit-text-gray-600",children:u}),t.type==="password"&&e.jsx("button",{type:"button",onClick:()=>v(o=>o==="text"?"password":"text"),className:"dgs-ui-kit-text-gray-600",children:c==="password"?e.jsx(k.IconEye,{width:20,height:20}):e.jsx(R,{width:20,height:20})})]})});module.exports=N;
|
|
@@ -3,7 +3,7 @@ import { c as f } from "../../clsx-OuTLNxxd.js";
|
|
|
3
3
|
import { forwardRef as y, useState as C } from "react";
|
|
4
4
|
import { I } from "../../IconEye-DATABBb3.js";
|
|
5
5
|
import { o as N } from "../../omitObjects-CxFrrlkX.js";
|
|
6
|
-
import { T as R } from "../../TextFieldWrapper-
|
|
6
|
+
import { T as R } from "../../TextFieldWrapper-CQgQsfMJ.js";
|
|
7
7
|
const b = (n) => /* @__PURE__ */ h(
|
|
8
8
|
"svg",
|
|
9
9
|
{
|
|
@@ -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-
|
|
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("../Input/index.cjs");;/* empty css */const F=o=>o.replace(/[۰-۹]/g,i=>String("۰۱۲۳۴۵۶۷۸۹".indexOf(i))),T=o=>{const{inputsNumber:i=4,onChange:c,onEnd:p,className:y,inputsContainerClassName:N,labelContent:g,hintMessage:d,errorMessage:a,isError:j,value:n,...v}=o,f=k.useRef(!1);function u(r){document.getElementById(`dgs-ui-kit-otp-input-${r}`)?.focus()}function C(r,e){const t=[r.code,r.key];if(n[e]&&t.includes(n[e])){u(e+1);return}if(t.includes("Backspace")||t.includes("Delete")){const s=n.split("");s[e]="",e!==0&&u(e-1),c(s.join(""))}else t.includes("ArrowLeft")?u(e-1):t.includes("ArrowRight")&&u(e+1)}function E(r,e){const t=F(r.currentTarget.value),s=n.split("");t.length>1?t.split("").forEach((I,h)=>{h<i&&(s[h]=I)}):s[e]=t,c(s.join("")),e+1!==i&&t&&u(e+1)}return k.useEffect(()=>{n.length===i&&f.current?(f.current=!1,typeof p=="function"&&p(n)):n.length<i&&(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(i).keys()).map((r,e)=>l.jsx(w,{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=>E(t,e),onKeyUp:t=>C(t,e),onFocus:t=>t.currentTarget.select(),id:`dgs-ui-kit-otp-input-${e}`,value:n[e]||"",showMaxLength:!1,isError:!!a||j,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)},...v},r))}),a||d?l.jsx(b.FieldBottomInfo,{errorMessage:a,hintMessage:d}):null]})};module.exports=T;
|
|
@@ -2,8 +2,8 @@
|
|
|
2
2
|
import { jsxs as w, jsx as u } from "react/jsx-runtime";
|
|
3
3
|
import { c as h } from "../../clsx-OuTLNxxd.js";
|
|
4
4
|
import { useRef as I, useEffect as F } from "react";
|
|
5
|
-
import { F as T } from "../../FieldBottomInfo-
|
|
6
|
-
import { F as j } from "../../TextFieldWrapper-
|
|
5
|
+
import { F as T } from "../../FieldBottomInfo-CJ8_Kr25.js";
|
|
6
|
+
import { F as j } from "../../TextFieldWrapper-CQgQsfMJ.js";
|
|
7
7
|
import A from "../Input/index.mjs";
|
|
8
8
|
import '../../assets/styles.css';/* empty css */
|
|
9
9
|
const B = (l) => l.replace(/[۰-۹]/g, (i) => String("۰۱۲۳۴۵۶۷۸۹".indexOf(i))), U = (l) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/Options.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAgD,MAAM,SAAS,CAAC;AAOzF,QAAA,MAAM,OAAO,GAAI,CAAC,EAAG,OAAO,WAAW,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"Options.d.ts","sourceRoot":"","sources":["../../../src/components/Form/Select/Options.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,WAAW,EAAgD,MAAM,SAAS,CAAC;AAOzF,QAAA,MAAM,OAAO,GAAI,CAAC,EAAG,OAAO,WAAW,CAAC,CAAC,CAAC,4CA2LzC,CAAC;AAEF,eAAe,OAAO,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../../assets/styles.css');const r=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),o=require("react"),L=require("../../IconSearch-BeVs-gUu.cjs"),W=require("../Checkbox/index.cjs"),R=require("../../Button/index.cjs"),_=require("../Input/index.cjs"),q=require("../../PickerWrapper-
|
|
1
|
+
"use strict";require('../../assets/styles.css');const r=require("react/jsx-runtime"),d=require("../../clsx-C11secjj.cjs"),o=require("react"),L=require("../../IconSearch-BeVs-gUu.cjs"),W=require("../Checkbox/index.cjs"),R=require("../../Button/index.cjs"),_=require("../Input/index.cjs"),q=require("../../PickerWrapper-BuAOe-BZ.cjs");;/* empty css */function H(i,s=100){if(!i)return;if(window.innerWidth>768){i.focus(),i.click();return}const t=document.createElement("input");t.style.position="absolute",t.style.top=`${i.offsetTop+7}px`,t.style.left=`${i.offsetLeft}px`,t.style.height="0px",t.style.opacity="0px",document.body.appendChild(t),t.focus(),setTimeout(()=>{i.focus(),i.click(),document.body.removeChild(t)},s)}function z({label:i,isMultiple:s,isActive:t,disabled:u}){return s?r.jsx(W,{checked:t,label:i,readOnly:!0,disabled:u}):i}const D=i=>{const{option:s,onClick:t,value:u,mode:n,optionCellClassName:g,optionCell:a}=i;function c(){return Array.isArray(u)?u.includes(s.value):s.value===u}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",c()?"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:s.disabled,children:a?a(s,c()):z({label:s.label,isMultiple:n==="multiple",isActive:c(),disabled:s.disabled??!1})})},T=o.memo(D),K=20,U=i=>{const{options:s,mode:t="single",afterOptions:u,beforOptions:n,onChange:g,searchable:a=!0,separateSelectedOptions:c=!0,optionsTitle:w="عنوانها",value:p,optionCellClassName:A,emptyContent:P="نتیجهای یافت نشد !",showClearButtonOnEmpty:M=!0}=i,[m,N]=o.useState(""),[k,$]=o.useState(0),f=o.useRef(null),{toggleWrapperVisibility:B}=q.usePickerWrapperContext(),O=d.clsx("dgs-ui-kit-border-t dgs-ui-kit-border-solid dgs-ui-kit-border-gray-100",(!a&&!n||t==="multiple"&&c)&&"first-of-type:dgs-ui-kit-border-t-0",!!u&&"last-of-type:dgs-ui-kit-border-b");let h;const y=a;typeof a=="boolean"?h=a:h=Object.keys(a).length>0;const b=o.useMemo(()=>{if(!Array.isArray(s))throw new Error("options should be array");return m?s?.filter(e=>e.label.includes(m)):s},[m,s]),C=o.useMemo(()=>t==="multiple"&&c?s?.filter(e=>p.includes(e.value))??[]:[],[s,p]),I=o.useMemo(()=>{let e=b;t==="multiple"&&c&&(e=e?.filter(j=>!p.includes(j.value)));const l=Math.min(k+K,e?.length??0);return e?.slice(k,l)},[b,k,p]),x=f?.current?.children[0]?.clientHeight??50,F=(b?.length??0)*x,v=o.useCallback(()=>{const e=f?.current?.parentElement;if(!e)return;const l=e.scrollTop,j=f.current.offsetTop,S=Math.floor((l-j)/x);$(S>=0?S:0)},[x]);o.useEffect(()=>{const e=f.current?.parentElement;if(e)return e.addEventListener("scroll",v),()=>e.removeEventListener("scroll",v)},[v]),o.useEffect(()=>{h&&H(document.getElementById("search-input"),400)},[]);const E=o.useCallback(e=>{if(typeof g=="function")if(t==="multiple"){const l=[...p??[]];l.includes(e)?l.splice(l.indexOf(e),1):l.push(e),g(l)}else g(e),B()},[p]);return r.jsxs(r.Fragment,{children:[h&&r.jsx(_,{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",n?"dgs-ui-kit-pb-2":"dgs-ui-kit-pb-3",y?.wrapperClassName),placeholder:y?.placeholder??"جستجوی عنوان",value:m,onChange:e=>N(e.currentTarget.value),rightIcon:y?.rightIcon??r.jsx(L.IconSearch,{width:20,height:20}),...typeof a=="object"?a:{}}),n,t==="multiple"&&c&&C.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:`${w}ی انتخاب شده`}),C.map(e=>r.jsx(T,{onClick:()=>E(e.value),option:e,optionCellClassName:d.clsx(O,A),...i},e.value))]}),r.jsxs(r.Fragment,{children:[t==="multiple"&&c&&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:w}),r.jsx("div",{ref:f,className:"dgs-ui-kit-relative",style:{height:F},children:I?.map((e,l)=>r.jsx("div",{className:d.clsx("dgs-ui-kit-absolute dgs-ui-kit-w-full",O),style:{top:`${(k+l)*x}px`},children:r.jsx(T,{onClick:()=>E(e.value),option:e,...i})},e.value))}),!I?.length&&!C.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:P}),M&&r.jsx(R,{type:"button",className:"dgs-ui-kit-mt-1",variant:"text",size:"small",onClick:()=>N(""),children:"پاک کردن"})]})]}),u]})};function V(i,s){return Array.isArray(i)?s.filter(t=>i.includes(t.value)).map(t=>t.label).join(", "):s.find(t=>t.value===i)?.label??""}const G=i=>{const{searchable:s=!0,value:t,options:u}=i,n={...i};return n.dropdownType==="popover"&&!s&&(n.popoverClassName=d.clsx("dgs-ui-kit-pt-3",n.popoverClassName)),n.dropdownType==="drawer"&&(n.drawerProps={...n.drawerProps,containerClassName:d.clsx(s?"!dgs-ui-kit-pt-0":"!dgs-ui-kit-pt-3",n.drawerProps?.containerClassName)}),n.customInput||(n.inputProps={...n.inputProps,value:V(t,u)}),r.jsx(q.PickerWrapper,{...n,children:r.jsx(U,{...i})})};module.exports=G;
|