@dgshahr/ui-kit 0.0.102 → 1.0.0
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/README.md +2 -2
- package/dist/Accordion/index.cjs +1 -1
- package/dist/Accordion/index.mjs +1 -1
- package/dist/{AccordionItem-CbYyB1Ub.js → AccordionItem-4UuHvtDx.js} +11 -11
- package/dist/AccordionItem-BrqkdsVm.cjs +1 -0
- package/dist/Alert/index.cjs +1 -1
- package/dist/Alert/index.d.ts.map +1 -1
- package/dist/Alert/index.mjs +37 -40
- package/dist/Badge/index.cjs +1 -1
- package/dist/Badge/index.d.ts.map +1 -1
- package/dist/Badge/index.mjs +27 -27
- package/dist/Breadcrumb/index.cjs +1 -1
- package/dist/Breadcrumb/index.mjs +8 -8
- package/dist/Button/index.cjs +1 -1
- package/dist/Button/index.mjs +34 -34
- package/dist/Card/constants.d.ts.map +1 -1
- package/dist/Card/index.cjs +1 -1
- package/dist/Card/index.mjs +17 -17
- package/dist/Chip/index.cjs +1 -1
- package/dist/Chip/index.mjs +7 -7
- package/dist/Divider/index.cjs +1 -1
- package/dist/Divider/index.mjs +6 -6
- package/dist/Drawer/index.cjs +1 -1
- package/dist/Drawer/index.mjs +25 -25
- package/dist/FieldBottomInfo-CSd_EdIe.cjs +1 -0
- package/dist/{FieldBottomInfo-CJ8_Kr25.js → FieldBottomInfo-C_QkvgNP.js} +8 -8
- package/dist/Form/Checkbox/index.cjs +1 -1
- package/dist/Form/Checkbox/index.mjs +2 -2
- package/dist/Form/Datepicker/Days.d.ts.map +1 -1
- package/dist/Form/Datepicker/Months.d.ts.map +1 -1
- package/dist/Form/Datepicker/Years.d.ts.map +1 -1
- package/dist/Form/Datepicker/index.cjs +1 -1
- package/dist/Form/Datepicker/index.mjs +129 -126
- package/dist/Form/FileUploader/constants.d.ts +7 -7
- package/dist/Form/FileUploader/constants.d.ts.map +1 -1
- package/dist/Form/FileUploader/index.cjs +1 -1
- package/dist/Form/FileUploader/index.mjs +80 -80
- package/dist/Form/Input/index.cjs +1 -1
- package/dist/Form/Input/index.d.ts.map +1 -1
- package/dist/Form/Input/index.mjs +2 -2
- package/dist/Form/OtpInput/index.cjs +1 -1
- package/dist/Form/OtpInput/index.mjs +19 -19
- package/dist/Form/RadioButton/index.cjs +1 -1
- package/dist/Form/RadioButton/index.mjs +3 -3
- package/dist/Form/RangeInput/constants.d.ts +2 -2
- package/dist/Form/RangeInput/constants.d.ts.map +1 -1
- package/dist/Form/RangeInput/index.cjs +1 -1
- package/dist/Form/RangeInput/index.mjs +18 -18
- package/dist/Form/Select/index.cjs +1 -1
- package/dist/Form/Select/index.mjs +21 -21
- package/dist/Form/Switch/index.cjs +1 -1
- package/dist/Form/Switch/index.mjs +19 -19
- package/dist/Form/Textarea/index.cjs +1 -1
- package/dist/Form/Textarea/index.mjs +4 -4
- package/dist/Form/Wrappers/RadioCheckboxWrapper/RadioCheckboxWrapper.d.ts.map +1 -1
- package/dist/Pagination/index.cjs +1 -1
- package/dist/Pagination/index.mjs +4 -4
- package/dist/{PickerWrapper-rZ3IIgox.js → PickerWrapper-Kka0j3TV.js} +17 -17
- package/dist/PickerWrapper-lyNHGQj6.cjs +1 -0
- package/dist/Progress/Bar/index.cjs +1 -1
- package/dist/Progress/Bar/index.d.ts +4 -2
- package/dist/Progress/Bar/index.d.ts.map +1 -1
- package/dist/Progress/Bar/index.mjs +30 -26
- package/dist/Progress/Doughnut/index.cjs +1 -1
- package/dist/Progress/Doughnut/index.mjs +14 -14
- package/dist/RadioCheckboxWrapper-CWcjOz72.cjs +1 -0
- package/dist/RadioCheckboxWrapper-QZsv_Aai.js +70 -0
- package/dist/Sidebar/Profile.d.ts.map +1 -1
- package/dist/Sidebar/constants.d.ts +5 -5
- package/dist/Sidebar/constants.d.ts.map +1 -1
- package/dist/Sidebar/index.cjs +1 -1
- package/dist/Sidebar/index.mjs +99 -100
- package/dist/Slide-CdFHPwvj.cjs +1 -0
- package/dist/{Slide-BTJT9KN2.js → Slide-CyQuarjr.js} +58 -61
- package/dist/Slider/Slider.d.ts.map +1 -1
- package/dist/Slider/index.cjs +1 -1
- package/dist/Slider/index.mjs +1 -1
- package/dist/Step-Cm0v__Sg.cjs +1 -0
- package/dist/{Step-CkWjzL9B.js → Step-DB73tIkY.js} +43 -43
- package/dist/Stepper/Horizontal/index.cjs +1 -1
- package/dist/Stepper/Horizontal/index.mjs +1 -1
- package/dist/Table/Header.d.ts.map +1 -1
- package/dist/Table/index.cjs +1 -1
- package/dist/Table/index.mjs +48 -48
- package/dist/Table/utils.d.ts +1 -1
- package/dist/Table/utils.d.ts.map +1 -1
- package/dist/Tabs/index.cjs +1 -1
- package/dist/Tabs/index.d.ts.map +1 -1
- package/dist/Tabs/index.mjs +30 -33
- package/dist/TextFieldWrapper-DA0qiI_m.cjs +1 -0
- package/dist/{TextFieldWrapper-CQgQsfMJ.js → TextFieldWrapper-DAv2s5vj.js} +21 -21
- package/dist/Tooltip/index.cjs +1 -1
- package/dist/Tooltip/index.d.ts.map +1 -1
- package/dist/Tooltip/index.mjs +19 -19
- package/dist/assets/styles.css +1 -1
- package/dist/{index-CSis3p-s.cjs → index-BCqGGELs.cjs} +1 -1
- package/dist/{index-BOxK2gfQ.js → index-Cj_9z9UD.js} +15 -27
- package/dist/index.cjs +1 -1
- package/dist/index.mjs +4 -4
- package/package.json +5 -6
- package/dist/AccordionItem-BcOHTf5E.cjs +0 -1
- package/dist/FieldBottomInfo-CE1uBAqq.cjs +0 -1
- package/dist/PickerWrapper-VwVWt_Vr.cjs +0 -1
- package/dist/RadioCheckboxWrapper-0xf2r8Bg.cjs +0 -1
- package/dist/RadioCheckboxWrapper-CoHqell5.js +0 -78
- package/dist/Slide-CfRBVhF3.cjs +0 -1
- package/dist/Step-CcJeR_kj.cjs +0 -1
- package/dist/TextFieldWrapper-CQbBbmlX.cjs +0 -1
package/dist/Table/index.mjs
CHANGED
|
@@ -15,7 +15,7 @@ const O = z({
|
|
|
15
15
|
columns: [],
|
|
16
16
|
data: [],
|
|
17
17
|
rowKey: ""
|
|
18
|
-
}), _ = "after:!
|
|
18
|
+
}), _ = "dgsuikit:after:!shadow-[rgba(0,0,0,0.06)]";
|
|
19
19
|
function C(t) {
|
|
20
20
|
t.classList.add(_);
|
|
21
21
|
}
|
|
@@ -47,19 +47,19 @@ function Y(t) {
|
|
|
47
47
|
};
|
|
48
48
|
}, []), /* @__PURE__ */ e(O.Provider, { value: { observer: a, ...n }, children: i });
|
|
49
49
|
}
|
|
50
|
-
const
|
|
50
|
+
const y = () => D(O), Z = (t) => {
|
|
51
51
|
const { title: i, extraElement: n, showTotal: l, total: s, className: a } = t;
|
|
52
52
|
return /* @__PURE__ */ o(
|
|
53
53
|
"div",
|
|
54
54
|
{
|
|
55
55
|
className: u(
|
|
56
|
-
"
|
|
56
|
+
"dgsuikit:p-4 dgsuikit:flex dgsuikit:items-center dgsuikit:space-x-1 dgsuikit:border-b dgsuikit:border-solid dgsuikit:border-gray-200",
|
|
57
57
|
a
|
|
58
58
|
),
|
|
59
59
|
children: [
|
|
60
|
-
/* @__PURE__ */ e("div", { className: "
|
|
61
|
-
l && /* @__PURE__ */ o("div", { className: "
|
|
62
|
-
/* @__PURE__ */ e("span", { className: "
|
|
60
|
+
/* @__PURE__ */ e("div", { className: "dgsuikit:font-h4-bold dgsuikit:text-gray-700 dgsuikit:w-full", children: i }),
|
|
61
|
+
l && /* @__PURE__ */ o("div", { className: "dgsuikit:flex dgsuikit:items-center dgsuikit:shrink-0", children: [
|
|
62
|
+
/* @__PURE__ */ e("span", { className: "dgsuikit:font-p2-regular dgsuikit:text-gray-700 dgsuikit:ml-1", children: "تعداد نتایج:" }),
|
|
63
63
|
/* @__PURE__ */ e(
|
|
64
64
|
q,
|
|
65
65
|
{
|
|
@@ -79,11 +79,11 @@ const p = () => D(O), Z = (t) => {
|
|
|
79
79
|
function v(t) {
|
|
80
80
|
switch (t) {
|
|
81
81
|
case "center":
|
|
82
|
-
return "
|
|
82
|
+
return "dgsuikit:justify-center";
|
|
83
83
|
case "start":
|
|
84
|
-
return "
|
|
84
|
+
return "dgsuikit:justify-start";
|
|
85
85
|
case "end":
|
|
86
|
-
return "
|
|
86
|
+
return "dgsuikit:justify-end";
|
|
87
87
|
default:
|
|
88
88
|
return;
|
|
89
89
|
}
|
|
@@ -99,7 +99,7 @@ function K(t, i) {
|
|
|
99
99
|
"div",
|
|
100
100
|
{
|
|
101
101
|
className: u(
|
|
102
|
-
"
|
|
102
|
+
"dgsuikit:w-full dgsuikit:flex dgsuikit:items-center",
|
|
103
103
|
v(t ?? "center")
|
|
104
104
|
),
|
|
105
105
|
children: /* @__PURE__ */ e(M, { ...i })
|
|
@@ -109,18 +109,18 @@ function K(t, i) {
|
|
|
109
109
|
function G(t, i) {
|
|
110
110
|
if (t)
|
|
111
111
|
return u(
|
|
112
|
-
"
|
|
113
|
-
'after:
|
|
112
|
+
"dgsuikit:sticky dgsuikit:z-10",
|
|
113
|
+
'dgsuikit:after:content[""] dgsuikit:after:absolute dgsuikit:after:top-0 dgsuikit:after:h-full dgsuikit:after:w-[30px] dgsuikit:after:transition-shadow',
|
|
114
114
|
// sticky shadow class
|
|
115
115
|
{
|
|
116
|
-
"
|
|
117
|
-
"
|
|
118
|
-
'before:
|
|
116
|
+
"dgsuikit:right-[-1px] dgsuikit:pr-[calc(1em+1px)] dgsuikit:after:left-0 dgsuikit:after:-translate-x-full dgsuikit:after:shadow-[inset_-10px_0_8px_-8px] dgsuikit:after:shadow-transparent": t === "right",
|
|
117
|
+
"dgsuikit:left-[-1px] dgsuikit:pl-[calc(1em+1px)] dgsuikit:after:right-0 dgsuikit:after:translate-x-full dgsuikit:after:shadow-[inset_10px_0_8px_-8px] dgsuikit:after:shadow-transparent": t === "left",
|
|
118
|
+
'dgsuikit:before:content-[""] dgsuikit:before:absolute dgsuikit:before:top-0 dgsuikit:before:right-0 dgsuikit:before:w-full dgsuikit:before:border-t dgsuikit:before:md:border-t-0 dgsuikit:before:border-solid dgsuikit:before:border-gray-200': i
|
|
119
119
|
}
|
|
120
120
|
);
|
|
121
121
|
}
|
|
122
|
-
const
|
|
123
|
-
const { children: i, className: n, type: l, sticky: s, addBorderToSticky: a, stuckToTop: c } = t, r = P(null), g = l, { observer: d } =
|
|
122
|
+
const p = (t) => {
|
|
123
|
+
const { children: i, className: n, type: l, sticky: s, addBorderToSticky: a, stuckToTop: c } = t, r = P(null), g = l, { observer: d } = y();
|
|
124
124
|
return E(() => {
|
|
125
125
|
if (!(!r.current || !d))
|
|
126
126
|
return s && d.observe(r.current), () => {
|
|
@@ -131,16 +131,16 @@ const y = (t) => {
|
|
|
131
131
|
{
|
|
132
132
|
ref: r,
|
|
133
133
|
className: u(n, G(s, a), {
|
|
134
|
-
'
|
|
135
|
-
"
|
|
136
|
-
"
|
|
134
|
+
'dgsuikit:border-b-0 dgsuikit:before:content[""] dgsuikit:before:absolute dgsuikit:before:bottom-0 dgsuikit:before:left-0 dgsuikit:before:w-full dgsuikit:before:border-b dgsuikit:before:border-solid dgsuikit:before:border-gray-200': c,
|
|
135
|
+
"dgsuikit:top-0 dgsuikit:z-20": c && s,
|
|
136
|
+
"dgsuikit:sticky dgsuikit:top-0 dgsuikit:z-10": c && !s
|
|
137
137
|
}),
|
|
138
138
|
id: s && `sticky-cell-${s}`,
|
|
139
139
|
children: i
|
|
140
140
|
}
|
|
141
141
|
);
|
|
142
142
|
}, J = () => {
|
|
143
|
-
const { columns: t, emptyContent: i } =
|
|
143
|
+
const { columns: t, emptyContent: i } = y();
|
|
144
144
|
return /* @__PURE__ */ e("tbody", { children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: t.length, children: i }) }) });
|
|
145
145
|
}, Q = (t) => {
|
|
146
146
|
const { className: i, ...n } = t;
|
|
@@ -153,7 +153,7 @@ const y = (t) => {
|
|
|
153
153
|
viewBox: "0 0 100 100",
|
|
154
154
|
preserveAspectRatio: "xMidYMid",
|
|
155
155
|
className: u(
|
|
156
|
-
"
|
|
156
|
+
"dgsuikit:m-auto dgsuikit:bg-none dgsuikit:block dgsuikit:text-primary-500",
|
|
157
157
|
i
|
|
158
158
|
),
|
|
159
159
|
...n,
|
|
@@ -442,11 +442,11 @@ const y = (t) => {
|
|
|
442
442
|
}
|
|
443
443
|
);
|
|
444
444
|
}, X = () => {
|
|
445
|
-
const { columns: t, loading: i } =
|
|
445
|
+
const { columns: t, loading: i } = y();
|
|
446
446
|
return /* @__PURE__ */ e("tbody", { children: /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e(
|
|
447
447
|
"td",
|
|
448
448
|
{
|
|
449
|
-
className: "
|
|
449
|
+
className: "dgsuikit:p-10",
|
|
450
450
|
colSpan: t.length,
|
|
451
451
|
children: /* @__PURE__ */ e(
|
|
452
452
|
Q,
|
|
@@ -457,7 +457,7 @@ const y = (t) => {
|
|
|
457
457
|
)
|
|
458
458
|
}
|
|
459
459
|
) }) });
|
|
460
|
-
}, N = "
|
|
460
|
+
}, N = "dgsuikit:p-4 dgsuikit:pl-0 dgsuikit:bg-white dgsuikit:border-b dgsuikit:border-solid dgsuikit:border-gray-200";
|
|
461
461
|
function V(t, i) {
|
|
462
462
|
return t ? Array.isArray(t) ? t.reduce((n, l) => n?.[l] ?? null, i) : i[t] : null;
|
|
463
463
|
}
|
|
@@ -465,11 +465,11 @@ function ee(t, i, n) {
|
|
|
465
465
|
if (typeof t.render == "function") return t.render(i, n);
|
|
466
466
|
const l = V(t.dataIndex, i);
|
|
467
467
|
if (t.ellipsis) {
|
|
468
|
-
const s = /* @__PURE__ */ e("div", { className: "
|
|
468
|
+
const s = /* @__PURE__ */ e("div", { className: "dgsuikit:!truncate", children: l });
|
|
469
469
|
return typeof t.ellipsis != "boolean" && t.ellipsis.hideTooltip ? s : /* @__PURE__ */ e(
|
|
470
470
|
B,
|
|
471
471
|
{
|
|
472
|
-
wrapperClassName: "
|
|
472
|
+
wrapperClassName: "dgsuikit:w-full",
|
|
473
473
|
content: l,
|
|
474
474
|
children: s
|
|
475
475
|
}
|
|
@@ -487,20 +487,20 @@ const te = (t) => {
|
|
|
487
487
|
loading: r,
|
|
488
488
|
emptyContent: g,
|
|
489
489
|
getRowClassName: d
|
|
490
|
-
} =
|
|
490
|
+
} = y();
|
|
491
491
|
if (r) return /* @__PURE__ */ e(X, {});
|
|
492
492
|
if (l.length < 1 && g) return /* @__PURE__ */ e(J, {});
|
|
493
493
|
const k = typeof d == "function";
|
|
494
494
|
return /* @__PURE__ */ e("tbody", { children: l.map((m, h) => /* @__PURE__ */ o("tr", { children: [
|
|
495
495
|
I(a) && /* @__PURE__ */ e(
|
|
496
|
-
|
|
496
|
+
p,
|
|
497
497
|
{
|
|
498
498
|
type: "td",
|
|
499
499
|
className: u(
|
|
500
500
|
N,
|
|
501
501
|
a?.className,
|
|
502
502
|
{
|
|
503
|
-
"
|
|
503
|
+
"dgsuikit:border-b-0 dgsuikit:rounded-br-2xl": !i && h === l.length - 1
|
|
504
504
|
},
|
|
505
505
|
a?.className,
|
|
506
506
|
k ? d(m) : ""
|
|
@@ -514,13 +514,13 @@ const te = (t) => {
|
|
|
514
514
|
}
|
|
515
515
|
),
|
|
516
516
|
n.map((f) => /* @__PURE__ */ e(
|
|
517
|
-
|
|
517
|
+
p,
|
|
518
518
|
{
|
|
519
519
|
type: "td",
|
|
520
520
|
className: u(
|
|
521
521
|
N,
|
|
522
522
|
{
|
|
523
|
-
"
|
|
523
|
+
"dgsuikit:border-b-0 dgsuikit:first:rounded-br-2xl dgsuikit:last:rounded-bl-2xl": !i && h === l.length - 1
|
|
524
524
|
},
|
|
525
525
|
f.className,
|
|
526
526
|
k ? d(m) : ""
|
|
@@ -531,7 +531,7 @@ const te = (t) => {
|
|
|
531
531
|
"div",
|
|
532
532
|
{
|
|
533
533
|
className: u(
|
|
534
|
-
"
|
|
534
|
+
"dgsuikit:flex dgsuikit:items-center dgsuikit:ml-2",
|
|
535
535
|
v(f.align)
|
|
536
536
|
),
|
|
537
537
|
children: ee(f, m, h)
|
|
@@ -565,19 +565,19 @@ function re(t, i) {
|
|
|
565
565
|
for (let n = 0; n < t.length; n++) if (t[n] !== i[n]) return !1;
|
|
566
566
|
return !0;
|
|
567
567
|
}
|
|
568
|
-
const b = 16, w = "
|
|
568
|
+
const b = 16, w = "dgsuikit:p-4 dgsuikit:pl-0 dgsuikit:text-gray-500 dgsuikit:bg-gray-50 dgsuikit:border-b dgsuikit:border-solid dgsuikit:border-gray-200", T = "dgsuikit:!h-8 dgsuikit:shrink-0";
|
|
569
569
|
function S(t, i) {
|
|
570
570
|
return /* @__PURE__ */ e("button", { onClick: () => i.onSort(t), children: /* @__PURE__ */ e(
|
|
571
571
|
t === "ascend" ? ie : $,
|
|
572
572
|
{
|
|
573
573
|
width: b,
|
|
574
574
|
height: b,
|
|
575
|
-
className: i.active === t ? "
|
|
575
|
+
className: i.active === t ? "dgsuikit:text-primary-500" : "dgsuikit:text-gray-500"
|
|
576
576
|
}
|
|
577
577
|
) });
|
|
578
578
|
}
|
|
579
579
|
function A(t, i) {
|
|
580
|
-
return /* @__PURE__ */ o("div", { className: "
|
|
580
|
+
return /* @__PURE__ */ o("div", { className: "dgsuikit:font-p1-medium dgsuikit:flex dgsuikit:items-center dgsuikit:space-x-1", children: [
|
|
581
581
|
/* @__PURE__ */ e("span", { children: t }),
|
|
582
582
|
i && (i.anchorIcon ?? /* @__PURE__ */ e(
|
|
583
583
|
F,
|
|
@@ -592,20 +592,20 @@ function R(t, i) {
|
|
|
592
592
|
return t.map((n) => n[i]);
|
|
593
593
|
}
|
|
594
594
|
const se = (t) => {
|
|
595
|
-
const { haveHeader: i } = t, { columns: n, rowKey: l, rowSelection: s, data: a, stickyTableHeader: c } =
|
|
595
|
+
const { haveHeader: i } = t, { columns: n, rowKey: l, rowSelection: s, data: a, stickyTableHeader: c } = y();
|
|
596
596
|
return /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ o("tr", { children: [
|
|
597
597
|
I(s) && /* @__PURE__ */ e(
|
|
598
|
-
|
|
598
|
+
p,
|
|
599
599
|
{
|
|
600
600
|
type: "th",
|
|
601
601
|
className: u(
|
|
602
602
|
w,
|
|
603
|
-
{ "
|
|
603
|
+
{ "dgsuikit:rounded-tr-2xl": !i },
|
|
604
604
|
s?.className
|
|
605
605
|
),
|
|
606
606
|
sticky: s?.sticky,
|
|
607
607
|
stuckToTop: c,
|
|
608
|
-
children: /* @__PURE__ */ o("div", { className: "
|
|
608
|
+
children: /* @__PURE__ */ o("div", { className: "dgsuikit:flex dgsuikit:items-center dgsuikit:justify-between", children: [
|
|
609
609
|
K(s?.align, {
|
|
610
610
|
checked: s.selectedRowKeys.length > 0,
|
|
611
611
|
isIndeterminate: !re(
|
|
@@ -625,29 +625,29 @@ const se = (t) => {
|
|
|
625
625
|
}
|
|
626
626
|
),
|
|
627
627
|
n.map((r, g) => /* @__PURE__ */ e(
|
|
628
|
-
|
|
628
|
+
p,
|
|
629
629
|
{
|
|
630
630
|
type: "th",
|
|
631
631
|
sticky: r.sticky,
|
|
632
632
|
className: u(
|
|
633
633
|
w,
|
|
634
634
|
{
|
|
635
|
-
"first:
|
|
635
|
+
"dgsuikit:first:rounded-tr-2xl dgsuikit:last:rounded-tl-2xl": !i
|
|
636
636
|
},
|
|
637
637
|
r.className
|
|
638
638
|
),
|
|
639
639
|
stuckToTop: c,
|
|
640
|
-
children: /* @__PURE__ */ o("div", { className: "
|
|
640
|
+
children: /* @__PURE__ */ o("div", { className: "dgsuikit:flex dgsuikit:justify-between dgsuikit:items-center", children: [
|
|
641
641
|
/* @__PURE__ */ o(
|
|
642
642
|
"div",
|
|
643
643
|
{
|
|
644
644
|
className: u(
|
|
645
|
-
"
|
|
645
|
+
"dgsuikit:flex dgsuikit:items-center dgsuikit:space-x-2 dgsuikit:w-full dgsuikit:ml-2",
|
|
646
646
|
v(r.align)
|
|
647
647
|
),
|
|
648
648
|
children: [
|
|
649
649
|
r.tooltip?.content ? /* @__PURE__ */ e(B, { ...r.tooltip, children: A(r.title, r.tooltip) }) : A(r.title),
|
|
650
|
-
typeof r.sort?.onSort == "function" && /* @__PURE__ */ o("div", { className: "
|
|
650
|
+
typeof r.sort?.onSort == "function" && /* @__PURE__ */ o("div", { className: "dgsuikit:flex dgsuikit:flex-col", children: [
|
|
651
651
|
S("ascend", r.sort),
|
|
652
652
|
S("descend", r.sort)
|
|
653
653
|
] })
|
|
@@ -681,7 +681,7 @@ function he(t) {
|
|
|
681
681
|
"div",
|
|
682
682
|
{
|
|
683
683
|
className: u(
|
|
684
|
-
"
|
|
684
|
+
"dgsuikit:relative dgsuikit:bg-white dgsuikit:border dgsuikit:border-gray-200 dgsuikit:border-solid dgsuikit:rounded-2xl",
|
|
685
685
|
n
|
|
686
686
|
),
|
|
687
687
|
children: [
|
|
@@ -695,7 +695,7 @@ function he(t) {
|
|
|
695
695
|
/* @__PURE__ */ e(
|
|
696
696
|
k,
|
|
697
697
|
{
|
|
698
|
-
...c !== "fixed" ? { className: u("
|
|
698
|
+
...c !== "fixed" ? { className: u("dgsuikit:overflow-x-auto dgsuikit:h-full", r) } : {},
|
|
699
699
|
children: /* @__PURE__ */ e(Y, { ...t, children: /* @__PURE__ */ o(
|
|
700
700
|
"table",
|
|
701
701
|
{
|
|
@@ -712,7 +712,7 @@ function he(t) {
|
|
|
712
712
|
d && /* @__PURE__ */ e(
|
|
713
713
|
U,
|
|
714
714
|
{
|
|
715
|
-
className: u("
|
|
715
|
+
className: u("dgsuikit:py-4 dgsuikit:!px-0", a?.className),
|
|
716
716
|
...a
|
|
717
717
|
}
|
|
718
718
|
)
|
package/dist/Table/utils.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ColumnsType, TableProps, UnknownRecord } from './types';
|
|
2
2
|
import { CheckboxProps } from '../Form/Checkbox';
|
|
3
|
-
export declare function getAlingmentClass(align: ColumnsType['align']): "
|
|
3
|
+
export declare function getAlingmentClass(align: ColumnsType['align']): "dgsuikit:justify-end" | "dgsuikit:justify-center" | "dgsuikit:justify-start" | undefined;
|
|
4
4
|
export declare function getColumnKey(key: ColumnsType['key'], dataIndex: ColumnsType<UnknownRecord>['dataIndex']): string | undefined;
|
|
5
5
|
export declare function isSelectionAvailable<T extends UnknownRecord>(rowSelection: TableProps<T>['rowSelection']): boolean;
|
|
6
6
|
export declare function renderRowSelectCheckbox(alingment: ColumnsType['align'], checkboxProps?: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/components/Table/utils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/components/Table/utils.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGtD,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,WAAW,CAAC,OAAO,CAAC,6FAW5D;AAED,wBAAgB,YAAY,CAC1B,GAAG,EAAE,WAAW,CAAC,KAAK,CAAC,EACvB,SAAS,EAAE,WAAW,CAAC,aAAa,CAAC,CAAC,WAAW,CAAC,sBAQnD;AAED,wBAAgB,oBAAoB,CAAC,CAAC,SAAS,aAAa,EAC1D,YAAY,EAAE,UAAU,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,WAM5C;AAED,wBAAgB,uBAAuB,CACrC,SAAS,EAAE,WAAW,CAAC,OAAO,CAAC,EAC/B,aAAa,CAAC,EAAE,aAAa,2CAY9B;AAED,wBAAgB,cAAc,CAAC,MAAM,EAAE,WAAW,CAAC,QAAQ,CAAC,EAAE,kBAAkB,CAAC,EAAE,OAAO,sBAezF"}
|
package/dist/Tabs/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";require('../assets/styles.css');const e=require("react/jsx-runtime"),t=require("../clsx-C11secjj.cjs"),o=require("../Badge/index.cjs");;/* empty css */const a=u=>{const{activeKey:s,onChange:
|
|
1
|
+
"use strict";require('../assets/styles.css');const e=require("react/jsx-runtime"),t=require("../clsx-C11secjj.cjs"),o=require("../Badge/index.cjs");;/* empty css */const a=u=>{const{activeKey:s,onChange:l,items:g,className:k,tabItemClassName:c,fullWidth:d}=u,r=u.fullWidthButtons;return e.jsx("div",{className:t.clsx("dgsuikit:flex dgsuikit:border-b dgsuikit:border-gray-200 dgsuikit:border-solid",d?"dgsuikit:w-full":"dgsuikit:w-fit",k),children:g.map(i=>e.jsxs("button",{type:"button",onClick:()=>l(i.key),disabled:i.disabled,className:t.clsx("dgsuikit:group",{"dgsuikit:flex-1":d&&r}),children:[e.jsxs("div",{className:t.clsx("dgsuikit:flex dgsuikit:items-center dgsuikit:space-x-2 dgsuikit:px-3 dgsuikit:py-4 dgsuikit:transition",{"dgsuikit:text-primary-500":s===i.key,"dgsuikit:text-gray-500 dgsuikit:group-hover:text-gray-600":s!==i.key,"dgsuikit:cursor-not-allowed dgsuikit:opacity-40":i.disabled,"dgsuikit:justify-center":d&&r},c),children:[i.icon?e.jsx("div",{className:t.clsx("dgsuikit:transition",{"dgsuikit:text-gray-400 dgsuikit:group-hover:text-gray-500":i.key!==s}),children:i.icon}):null,e.jsx("div",{className:"",children:i.title}),typeof i.badgeNumber=="number"&&e.jsx(o,{valueType:"number",value:i.badgeNumber,size:"small",className:t.clsx({"dgsuikit:opacity-60":s!==i.key,"dgsuikit:!opacity-100":i.disabled}),color:s===i.key?"primary":"gray"})]}),e.jsx("div",{className:t.clsx("dgsuikit:w-full dgsuikit:h-1 dgsuikit:rounded-t dgsuikit:transition",{"dgsuikit:bg-gray-300 dgsuikit:opacity-0 dgsuikit:group-hover:opacity-100":i.key!==s&&!i.disabled,"dgsuikit:bg-primary-500":i.key===s})})]},i.key))})};module.exports=a;
|
package/dist/Tabs/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,QAAQ;IAChB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,aAAa;IACrB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,QAAQ,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACzC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,kBAAmB,SAAQ,aAAa;IAChD,SAAS,EAAE,IAAI,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,UAAU,kBAAmB,SAAQ,IAAI,CAAC,aAAa,EAAE,kBAAkB,CAAC;IAC1E,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,KAAK,SAAS,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AAEzD,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tabs/index.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3C,OAAO,kBAAkB,CAAC;AAE1B,UAAU,QAAQ;IAChB,GAAG,EAAE,MAAM,GAAG,MAAM,CAAC;IACrB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,UAAU,aAAa;IACrB,SAAS,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;IAC3B,QAAQ,EAAE,CAAC,GAAG,EAAE,QAAQ,CAAC,KAAK,CAAC,KAAK,IAAI,CAAC;IACzC,KAAK,EAAE,QAAQ,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,UAAU,kBAAmB,SAAQ,aAAa;IAChD,SAAS,EAAE,IAAI,CAAC;IAChB,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,UAAU,kBAAmB,SAAQ,IAAI,CAAC,aAAa,EAAE,kBAAkB,CAAC;IAC1E,SAAS,CAAC,EAAE,KAAK,CAAC;CACnB;AAED,KAAK,SAAS,GAAG,kBAAkB,GAAG,kBAAkB,CAAC;AAEzD,QAAA,MAAM,IAAI,EAAE,EAAE,CAAC,SAAS,CAsEvB,CAAC;AAEF,eAAe,IAAI,CAAC"}
|
package/dist/Tabs/index.mjs
CHANGED
|
@@ -1,60 +1,60 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
1
|
+
import { jsx as e, jsxs as g } from "react/jsx-runtime";
|
|
2
|
+
import { c as t } from "../clsx-OuTLNxxd.js";
|
|
3
3
|
import c from "../Badge/index.mjs";
|
|
4
4
|
import '../assets/styles.css';/* empty css */
|
|
5
5
|
const f = (u) => {
|
|
6
|
-
const { activeKey: s, onChange: l, items:
|
|
7
|
-
return /* @__PURE__ */
|
|
6
|
+
const { activeKey: s, onChange: l, items: o, className: k, tabItemClassName: a, fullWidth: d } = u, r = u.fullWidthButtons;
|
|
7
|
+
return /* @__PURE__ */ e(
|
|
8
8
|
"div",
|
|
9
9
|
{
|
|
10
|
-
className:
|
|
11
|
-
"
|
|
12
|
-
d ? "
|
|
13
|
-
|
|
10
|
+
className: t(
|
|
11
|
+
"dgsuikit:flex dgsuikit:border-b dgsuikit:border-gray-200 dgsuikit:border-solid",
|
|
12
|
+
d ? "dgsuikit:w-full" : "dgsuikit:w-fit",
|
|
13
|
+
k
|
|
14
14
|
),
|
|
15
|
-
children:
|
|
15
|
+
children: o.map((i) => /* @__PURE__ */ g(
|
|
16
16
|
"button",
|
|
17
17
|
{
|
|
18
18
|
type: "button",
|
|
19
19
|
onClick: () => l(i.key),
|
|
20
20
|
disabled: i.disabled,
|
|
21
|
-
className:
|
|
22
|
-
"
|
|
21
|
+
className: t("dgsuikit:group", {
|
|
22
|
+
"dgsuikit:flex-1": d && r
|
|
23
23
|
}),
|
|
24
24
|
children: [
|
|
25
25
|
/* @__PURE__ */ g(
|
|
26
26
|
"div",
|
|
27
27
|
{
|
|
28
|
-
className:
|
|
29
|
-
"
|
|
28
|
+
className: t(
|
|
29
|
+
"dgsuikit:flex dgsuikit:items-center dgsuikit:space-x-2 dgsuikit:px-3 dgsuikit:py-4 dgsuikit:transition",
|
|
30
30
|
{
|
|
31
|
-
"
|
|
32
|
-
"
|
|
33
|
-
"
|
|
34
|
-
"
|
|
31
|
+
"dgsuikit:text-primary-500": s === i.key,
|
|
32
|
+
"dgsuikit:text-gray-500 dgsuikit:group-hover:text-gray-600": s !== i.key,
|
|
33
|
+
"dgsuikit:cursor-not-allowed dgsuikit:opacity-40": i.disabled,
|
|
34
|
+
"dgsuikit:justify-center": d && r
|
|
35
35
|
},
|
|
36
36
|
a
|
|
37
37
|
),
|
|
38
38
|
children: [
|
|
39
|
-
i.icon ? /* @__PURE__ */
|
|
39
|
+
i.icon ? /* @__PURE__ */ e(
|
|
40
40
|
"div",
|
|
41
41
|
{
|
|
42
|
-
className:
|
|
43
|
-
"
|
|
42
|
+
className: t("dgsuikit:transition", {
|
|
43
|
+
"dgsuikit:text-gray-400 dgsuikit:group-hover:text-gray-500": i.key !== s
|
|
44
44
|
}),
|
|
45
45
|
children: i.icon
|
|
46
46
|
}
|
|
47
47
|
) : null,
|
|
48
|
-
/* @__PURE__ */
|
|
49
|
-
typeof i.badgeNumber == "number" && /* @__PURE__ */
|
|
48
|
+
/* @__PURE__ */ e("div", { className: "", children: i.title }),
|
|
49
|
+
typeof i.badgeNumber == "number" && /* @__PURE__ */ e(
|
|
50
50
|
c,
|
|
51
51
|
{
|
|
52
52
|
valueType: "number",
|
|
53
53
|
value: i.badgeNumber,
|
|
54
54
|
size: "small",
|
|
55
|
-
className:
|
|
56
|
-
"
|
|
57
|
-
"
|
|
55
|
+
className: t({
|
|
56
|
+
"dgsuikit:opacity-60": s !== i.key,
|
|
57
|
+
"dgsuikit:!opacity-100": i.disabled
|
|
58
58
|
}),
|
|
59
59
|
color: s === i.key ? "primary" : "gray"
|
|
60
60
|
}
|
|
@@ -62,16 +62,13 @@ const f = (u) => {
|
|
|
62
62
|
]
|
|
63
63
|
}
|
|
64
64
|
),
|
|
65
|
-
/* @__PURE__ */
|
|
65
|
+
/* @__PURE__ */ e(
|
|
66
66
|
"div",
|
|
67
67
|
{
|
|
68
|
-
className:
|
|
69
|
-
"
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
"dgs-ui-kit-bg-primary-500": i.key === s
|
|
73
|
-
}
|
|
74
|
-
)
|
|
68
|
+
className: t("dgsuikit:w-full dgsuikit:h-1 dgsuikit:rounded-t dgsuikit:transition", {
|
|
69
|
+
"dgsuikit:bg-gray-300 dgsuikit:opacity-0 dgsuikit:group-hover:opacity-100": i.key !== s && !i.disabled,
|
|
70
|
+
"dgsuikit:bg-primary-500": i.key === s
|
|
71
|
+
})
|
|
75
72
|
}
|
|
76
73
|
)
|
|
77
74
|
]
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use client";"use strict";require('./assets/styles.css');const e=require("react/jsx-runtime"),x=require("./clsx-C11secjj.cjs"),q=require("react"),w=require("./FieldBottomInfo-CSd_EdIe.cjs");;/* empty css */const m=d=>{const{link:i,labelContent:s,required:a,disabled:r,labelAddon:n}=d;return e.jsxs(e.Fragment,{children:[e.jsxs("div",{className:x.clsx("dgsuikit:flex",{"dgsuikit:justify-between":s&&i?.href,"dgsuikit:mb-2":!n,"dgsuikit:justify-start":s&&!i?.href,"dgsuikit:justify-end":!s&&i?.href,"dgsuikit:text-gray-400":r}),children:[s&&e.jsxs("label",{className:"dgsuikit:px-0 dgsuikit:font-p2-medium dgsuikit:md:mx-0",children:[s,a&&e.jsx("span",{className:"dgsuikit:ms-2 dgsuikit:text-error-500",children:"*"})]}),i?.href&&e.jsx("a",{href:i.href,className:"dgsuikit:font-button-small dgsuikit:text-primary-400",children:i.cnotent})]}),n]})},C=d=>{const{labelContent:i,link:s,containerClassName:a,rightIcon:r,isError:n,errorMessage:l,hintMessage:g,required:f,labelAddon:p,maxLength:u,disabled:t,value:b,wrapperClassName:o,showMaxLength:j,children:y}=d,c=!!(l||g||u&&j),k=!!(i||s?.href),v=c||k||o?"div":q.Fragment,N=F=>{const h=F.currentTarget.querySelector("textarea, input");h&&h.focus()};return e.jsxs(v,{...o?{className:o}:{},children:[k&&e.jsx(m,{disabled:t,labelContent:i,link:s,required:f,labelAddon:p}),e.jsxs("div",{onClick:N,className:x.clsx(`dgsuikit:relative dgsuikit:cursor-text dgsuikit:border dgsuikit:border-solid dgsuikit:rounded-lg dgsuikit:ring-4 dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-x-3 dgsuikit:p-3 dgsuikit:bg-gray-100 dgsuikit:transition-all dgsuikit:ring-transparent dgsuikit:has-[:focus]:bg-white ${!t&&"dgsuikit:hover:ring-gray-50"}`,n||l?"dgsuikit:border-error-500 dgsuikit:has-[:focus]:ring-error-50":`dgsuikit:border-transparent dgsuikit:has-[:focus]:border-primary-500 dgsuikit:has-[:focus]:ring-primary-50 ${!t&&"dgsuikit:hover:border-gray-300"}`,a,{"dgsuikit:text-gray-400":t}),children:[r&&e.jsx("div",{className:"dgsuikit:text-gray-600",children:r}),y]}),c&&e.jsx(w.FieldBottomInfo,{disabled:t,errorMessage:l,hintMessage:g,extraHelper:u&&e.jsxs("span",{className:"dgsuikit:ss02",children:[b?.toString()?.length??0,"/",u]})})]})};exports.FieldLabel=m;exports.TextFieldWrapper=C;
|
|
@@ -2,46 +2,46 @@
|
|
|
2
2
|
import { jsxs as t, Fragment as w, jsx as r } from "react/jsx-runtime";
|
|
3
3
|
import { c as p } from "./clsx-OuTLNxxd.js";
|
|
4
4
|
import C from "react";
|
|
5
|
-
import { F as j } from "./FieldBottomInfo-
|
|
5
|
+
import { F as j } from "./FieldBottomInfo-C_QkvgNP.js";
|
|
6
6
|
import './assets/styles.css';/* empty css */
|
|
7
|
-
const E = (
|
|
8
|
-
const { link: i, labelContent: e, required: o, disabled: n, labelAddon:
|
|
7
|
+
const E = (a) => {
|
|
8
|
+
const { link: i, labelContent: e, required: o, disabled: n, labelAddon: d } = a;
|
|
9
9
|
return /* @__PURE__ */ t(w, { children: [
|
|
10
10
|
/* @__PURE__ */ t(
|
|
11
11
|
"div",
|
|
12
12
|
{
|
|
13
|
-
className: p("
|
|
14
|
-
"
|
|
15
|
-
"
|
|
16
|
-
"
|
|
17
|
-
"
|
|
18
|
-
"
|
|
13
|
+
className: p("dgsuikit:flex", {
|
|
14
|
+
"dgsuikit:justify-between": e && i?.href,
|
|
15
|
+
"dgsuikit:mb-2": !d,
|
|
16
|
+
"dgsuikit:justify-start": e && !i?.href,
|
|
17
|
+
"dgsuikit:justify-end": !e && i?.href,
|
|
18
|
+
"dgsuikit:text-gray-400": n
|
|
19
19
|
}),
|
|
20
20
|
children: [
|
|
21
|
-
e && /* @__PURE__ */ t("label", { className: "
|
|
21
|
+
e && /* @__PURE__ */ t("label", { className: "dgsuikit:px-0 dgsuikit:font-p2-medium dgsuikit:md:mx-0", children: [
|
|
22
22
|
e,
|
|
23
|
-
o && /* @__PURE__ */ r("span", { className: "
|
|
23
|
+
o && /* @__PURE__ */ r("span", { className: "dgsuikit:ms-2 dgsuikit:text-error-500", children: "*" })
|
|
24
24
|
] }),
|
|
25
25
|
i?.href && /* @__PURE__ */ r(
|
|
26
26
|
"a",
|
|
27
27
|
{
|
|
28
28
|
href: i.href,
|
|
29
|
-
className: "
|
|
29
|
+
className: "dgsuikit:font-button-small dgsuikit:text-primary-400",
|
|
30
30
|
children: i.cnotent
|
|
31
31
|
}
|
|
32
32
|
)
|
|
33
33
|
]
|
|
34
34
|
}
|
|
35
35
|
),
|
|
36
|
-
|
|
36
|
+
d
|
|
37
37
|
] });
|
|
38
|
-
}, O = (
|
|
38
|
+
}, O = (a) => {
|
|
39
39
|
const {
|
|
40
40
|
labelContent: i,
|
|
41
41
|
link: e,
|
|
42
42
|
containerClassName: o,
|
|
43
43
|
rightIcon: n,
|
|
44
|
-
isError:
|
|
44
|
+
isError: d,
|
|
45
45
|
errorMessage: l,
|
|
46
46
|
hintMessage: c,
|
|
47
47
|
required: f,
|
|
@@ -52,7 +52,7 @@ const E = (d) => {
|
|
|
52
52
|
wrapperClassName: g,
|
|
53
53
|
showMaxLength: y,
|
|
54
54
|
children: v
|
|
55
|
-
} =
|
|
55
|
+
} = a, k = !!(l || c || u && y), m = !!(i || e?.href), N = k || m || g ? "div" : C.Fragment;
|
|
56
56
|
return /* @__PURE__ */ t(N, { ...g ? { className: g } : {}, children: [
|
|
57
57
|
m && /* @__PURE__ */ r(
|
|
58
58
|
E,
|
|
@@ -72,15 +72,15 @@ const E = (d) => {
|
|
|
72
72
|
h && h.focus();
|
|
73
73
|
},
|
|
74
74
|
className: p(
|
|
75
|
-
`
|
|
76
|
-
|
|
75
|
+
`dgsuikit:relative dgsuikit:cursor-text dgsuikit:border dgsuikit:border-solid dgsuikit:rounded-lg dgsuikit:ring-4 dgsuikit:flex dgsuikit:justify-between dgsuikit:gap-x-3 dgsuikit:p-3 dgsuikit:bg-gray-100 dgsuikit:transition-all dgsuikit:ring-transparent dgsuikit:has-[:focus]:bg-white ${!s && "dgsuikit:hover:ring-gray-50"}`,
|
|
76
|
+
d || l ? "dgsuikit:border-error-500 dgsuikit:has-[:focus]:ring-error-50" : `dgsuikit:border-transparent dgsuikit:has-[:focus]:border-primary-500 dgsuikit:has-[:focus]:ring-primary-50 ${!s && "dgsuikit:hover:border-gray-300"}`,
|
|
77
77
|
o,
|
|
78
78
|
{
|
|
79
|
-
"
|
|
79
|
+
"dgsuikit:text-gray-400": s
|
|
80
80
|
}
|
|
81
81
|
),
|
|
82
82
|
children: [
|
|
83
|
-
n && /* @__PURE__ */ r("div", { className: "
|
|
83
|
+
n && /* @__PURE__ */ r("div", { className: "dgsuikit:text-gray-600", children: n }),
|
|
84
84
|
v
|
|
85
85
|
]
|
|
86
86
|
}
|
|
@@ -91,7 +91,7 @@ const E = (d) => {
|
|
|
91
91
|
disabled: s,
|
|
92
92
|
errorMessage: l,
|
|
93
93
|
hintMessage: c,
|
|
94
|
-
extraHelper: u && /* @__PURE__ */ t("span", { className: "ss02", children: [
|
|
94
|
+
extraHelper: u && /* @__PURE__ */ t("span", { className: "dgsuikit:ss02", children: [
|
|
95
95
|
x?.toString()?.length ?? 0,
|
|
96
96
|
"/",
|
|
97
97
|
u
|
package/dist/Tooltip/index.cjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use client";"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),i=require("../clsx-C11secjj.cjs"),n=require("react"),S=require("../useFlipPosition-CLwjhe7O.cjs");;/* empty css */const T={"bottom-right":"
|
|
1
|
+
"use client";"use strict";require('../assets/styles.css');const t=require("react/jsx-runtime"),i=require("../clsx-C11secjj.cjs"),n=require("react"),S=require("../useFlipPosition-CLwjhe7O.cjs");;/* empty css */const T={"bottom-right":"dgsuikit:left-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-center":"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","bottom-left":"dgsuikit:right-4 dgsuikit:top-0 dgsuikit:-translate-y-1/2 dgsuikit:border-t dgsuikit:border-l dgsuikit:rounded-tl","top-right":"dgsuikit:left-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-center":"dgsuikit:left-1/2 dgsuikit:-translate-x-1/2 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br","top-left":"dgsuikit:right-4 dgsuikit:bottom-0 dgsuikit:translate-y-1/2 dgsuikit:border-b dgsuikit:border-r dgsuikit:rounded-br"},j={"bottom-right":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-0","bottom-center":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","bottom-left":"dgsuikit:bottom-0 dgsuikit:translate-y-[calc(100%+8px)] dgsuikit:right-0","top-right":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-0","top-center":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:left-1/2 dgsuikit:-translate-x-1/2","top-left":"dgsuikit:top-0 dgsuikit:-translate-y-[calc(100%+8px)] dgsuikit:right-0"},v=l=>{const{children:c,content:p,className:b,wrapperClassName:x,footer:f,icon:s,position:d="top-center",title:e}=l,[h,u]=n.useState(!1),[o,m]=n.useState(d),{anchorRef:y,popperRef:N}=S.useFlipPosition({initialPosition:d,onPositionChange(k){m(a=>a===k?a:k)}});function r(){u(!0)}function g(){u(!1)}return t.jsxs("div",{ref:y,className:i.clsx("dgsuikit:relative",x),onMouseEnter:r,onTouchStart:r,onMouseLeave:g,onTouchEnd:g,children:[c,t.jsxs("div",{ref:N,className:i.clsx(b,"dgsuikit:absolute dgsuikit:p-4 dgsuikit:flex dgsuikit:gap-2 dgsuikit:max-w-[400px] dgsuikit:bg-gray-700 dgsuikit:text-white dgsuikit:rounded-lg dgsuikit:border dgsuikit:border-gray-300 dgsuikit:shadow-md dgsuikit:transition dgsuikit:duration-300 dgsuikit:w-max",h?"dgsuikit:opacity-100 dgsuikit:scale-100":"dgsuikit:opacity-0 dgsuikit:scale-0",j[o]),children:[s&&t.jsx("span",{className:"dgsuikit:shrink-0 dgsuikit:[&_svg]:size-5 dgsuikit:pt-1",children:s}),t.jsxs("div",{className:"dgsuikit:flex dgsuikit:flex-col dgsuikit:gap-1 dgsuikit:font-p2-regular",children:[e&&t.jsx("div",{className:"dgsuikit:font-h5-bold",children:e}),p,f]}),t.jsx("div",{className:i.clsx("dgsuikit:w-4 dgsuikit:h-4 dgsuikit:bg-gray-700 dgsuikit:border-gray-300 dgsuikit:absolute dgsuikit:rotate-45",T[o])})]})]})};module.exports=v;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEnF,OAAO,kBAAkB,CAAC;AA4B1B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/Tooltip/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAY,KAAK,EAAE,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC1D,OAAO,EAAmB,KAAK,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAEnF,OAAO,kBAAkB,CAAC;AA4B1B,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,cAAc,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,OAAO,EAAE,SAAS,CAAC;IACnB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,QAAA,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAiE7B,CAAC;AAEF,eAAe,OAAO,CAAC"}
|