master-components-react-ts 2.5.11 → 2.5.13
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/index.js +207 -207
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
import { jsx as e, jsxs as i, Fragment as st } from "react/jsx-runtime";
|
|
3
3
|
import { useState as O, useRef as ae, useEffect as ee, useContext as Nt, createContext as $t, useCallback as ot } from "react";
|
|
4
4
|
import S from "dayjs";
|
|
5
|
-
const Ze = 50 / 2, Wt = ({ size: t = 24, strokeWidth: o = 5, linecap:
|
|
5
|
+
const Ze = 50 / 2, Wt = ({ size: t = 24, strokeWidth: o = 5, linecap: l = "round", duration: r = 1, stroke: s = "#2753dd", ...p }) => {
|
|
6
6
|
const a = Ze;
|
|
7
7
|
return /* @__PURE__ */ e("svg", { ...p, viewBox: `0 0 ${Ze * 2} ${Ze * 2}`, width: t, height: t, children: /* @__PURE__ */ i(
|
|
8
8
|
"circle",
|
|
@@ -10,7 +10,7 @@ const Ze = 50 / 2, Wt = ({ size: t = 24, strokeWidth: o = 5, linecap: n = "round
|
|
|
10
10
|
fill: "none",
|
|
11
11
|
stroke: s,
|
|
12
12
|
strokeWidth: o,
|
|
13
|
-
strokeLinecap:
|
|
13
|
+
strokeLinecap: l,
|
|
14
14
|
cx: Ze,
|
|
15
15
|
cy: Ze,
|
|
16
16
|
r: Ze - o,
|
|
@@ -54,16 +54,16 @@ const Ze = 50 / 2, Wt = ({ size: t = 24, strokeWidth: o = 5, linecap: n = "round
|
|
|
54
54
|
] }), Et = ({
|
|
55
55
|
width: t = "14",
|
|
56
56
|
height: o = "14",
|
|
57
|
-
color:
|
|
57
|
+
color: l = "#A4A7AE",
|
|
58
58
|
xmlns: r = "http://www.w3.org/2000/svg",
|
|
59
59
|
viewBox: s = "0 0 14 14",
|
|
60
60
|
fill: p = "none",
|
|
61
61
|
d: a = "M10.5 3.5L3.5 10.5M3.5 3.5L10.5 10.5",
|
|
62
|
-
stroke:
|
|
62
|
+
stroke: n = "#A4A7AE",
|
|
63
63
|
strokeWidth: w = "1.66667",
|
|
64
64
|
strokeLinecap: W = "round",
|
|
65
65
|
strokeLinejoin: y = "round"
|
|
66
|
-
}) => /* @__PURE__ */ e("svg", { xmlns: r, width: t, height: o, viewBox: s, fill: p, children: /* @__PURE__ */ e("path", { d: a, stroke:
|
|
66
|
+
}) => /* @__PURE__ */ e("svg", { xmlns: r, width: t, height: o, viewBox: s, fill: p, children: /* @__PURE__ */ e("path", { d: a, stroke: n, strokeWidth: w, strokeLinecap: W, strokeLinejoin: y }) }), Mt = ({ color: t = "#131314" }) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", color: t, children: /* @__PURE__ */ e(
|
|
67
67
|
"path",
|
|
68
68
|
{
|
|
69
69
|
fillRule: "evenodd",
|
|
@@ -71,23 +71,23 @@ const Ze = 50 / 2, Wt = ({ size: t = 24, strokeWidth: o = 5, linecap: n = "round
|
|
|
71
71
|
d: "M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L6 4.58579L10.2929 0.292893C10.6834 -0.0976311 11.3166 -0.0976311 11.7071 0.292893C12.0976 0.683417 12.0976 1.31658 11.7071 1.70711L7.41421 6L11.7071 10.2929C12.0976 10.6834 12.0976 11.3166 11.7071 11.7071C11.3166 12.0976 10.6834 12.0976 10.2929 11.7071L6 7.41421L1.70711 11.7071C1.31658 12.0976 0.683417 12.0976 0.292893 11.7071C-0.0976311 11.3166 -0.0976311 10.6834 0.292893 10.2929L4.58579 6L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z",
|
|
72
72
|
fill: t
|
|
73
73
|
}
|
|
74
|
-
) }), nt = ({ width: t = "20", height: o = "20", color:
|
|
74
|
+
) }), nt = ({ width: t = "20", height: o = "20", color: l = "#C1C2C7" }) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: t, height: o, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ e(
|
|
75
75
|
"path",
|
|
76
76
|
{
|
|
77
77
|
fillRule: "evenodd",
|
|
78
78
|
clipRule: "evenodd",
|
|
79
79
|
d: "M9.99996 18.3334C14.6023 18.3334 18.3333 14.6024 18.3333 10C18.3333 5.39765 14.6023 1.66669 9.99996 1.66669C5.39759 1.66669 1.66663 5.39765 1.66663 10C1.66663 14.6024 5.39759 18.3334 9.99996 18.3334ZM8.08922 6.91077C7.76378 6.58533 7.23614 6.58533 6.9107 6.91077C6.58527 7.2362 6.58527 7.76384 6.9107 8.08928L8.82145 10L6.9107 11.9108C6.58527 12.2362 6.58527 12.7638 6.9107 13.0893C7.23614 13.4147 7.76378 13.4147 8.08922 13.0893L9.99996 11.1785L11.9107 13.0893C12.2361 13.4147 12.7638 13.4147 13.0892 13.0893C13.4147 12.7638 13.4147 12.2362 13.0892 11.9108L11.1785 10L13.0892 8.08928C13.4147 7.76384 13.4147 7.2362 13.0892 6.91077C12.7638 6.58533 12.2361 6.58533 11.9107 6.91077L9.99996 8.82151L8.08922 6.91077Z",
|
|
80
|
-
fill:
|
|
80
|
+
fill: l
|
|
81
81
|
}
|
|
82
|
-
) }), Ft = ({ width: t = "8", height: o = "6", color:
|
|
82
|
+
) }), Ft = ({ width: t = "8", height: o = "6", color: l = "#ffffff" }) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: t, height: o, viewBox: "0 0 8 6", fill: "none", children: /* @__PURE__ */ e(
|
|
83
83
|
"path",
|
|
84
84
|
{
|
|
85
85
|
fillRule: "evenodd",
|
|
86
86
|
clipRule: "evenodd",
|
|
87
87
|
d: "M7.7 0.3C7.3 -0.1 6.7 -0.1 6.3 0.3L3 3.6L1.7 2.3C1.3 1.9 0.7 1.9 0.3 2.3C-0.1 2.7 -0.1 3.3 0.3 3.7L2.3 5.7C2.5 5.9 2.7 6 3 6C3.3 6 3.5 5.9 3.7 5.7L7.7 1.7C8.1 1.3 8.1 0.7 7.7 0.3Z",
|
|
88
|
-
fill:
|
|
88
|
+
fill: l
|
|
89
89
|
}
|
|
90
|
-
) }), Ot = ({ width: t = "8", height: o = "2", color:
|
|
90
|
+
) }), Ot = ({ width: t = "8", height: o = "2", color: l = "#ffffff" }) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: t, height: o, viewBox: "0 0 8 2", fill: "none", children: /* @__PURE__ */ e("rect", { width: t, height: o, rx: "1", fill: l }) }), Vt = ({ size: t = "24", color: o = "#0058FF" }) => /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: t, height: t, viewBox: `0 0 ${t} ${t}`, fill: "none", children: [
|
|
91
91
|
/* @__PURE__ */ i("g", { clipPath: "url(#clip0_118_485)", children: [
|
|
92
92
|
/* @__PURE__ */ e(
|
|
93
93
|
"path",
|
|
@@ -129,11 +129,11 @@ const Ze = 50 / 2, Wt = ({ size: t = 24, strokeWidth: o = 5, linecap: n = "round
|
|
|
129
129
|
}
|
|
130
130
|
) }),
|
|
131
131
|
/* @__PURE__ */ e("defs", { children: /* @__PURE__ */ e("clipPath", { id: "clip0_118_495", children: /* @__PURE__ */ e("rect", { width: t, height: t, fill: "white" }) }) })
|
|
132
|
-
] }), et = ({ width: t = "10", height: o = "6", color:
|
|
132
|
+
] }), et = ({ width: t = "10", height: o = "6", color: l = "#131314" }) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: t, height: o, viewBox: `0 0 ${t} ${o}`, fill: "none", children: /* @__PURE__ */ e(
|
|
133
133
|
"path",
|
|
134
134
|
{
|
|
135
135
|
d: "M4.75065 3.75401L8.00065 0.504008C8.15343 0.35123 8.34787 0.274841 8.58398 0.274841C8.8201 0.274841 9.01454 0.35123 9.16732 0.504008C9.3201 0.656786 9.39648 0.85123 9.39648 1.08734C9.39648 1.32345 9.3201 1.5179 9.16732 1.67067L5.33398 5.50401C5.25065 5.58734 5.16037 5.64637 5.06315 5.68109C4.96593 5.71581 4.86176 5.73317 4.75065 5.73317C4.63954 5.73317 4.53537 5.71581 4.43815 5.68109C4.34093 5.64637 4.25065 5.58734 4.16732 5.50401L0.333984 1.67067C0.181207 1.5179 0.104817 1.32345 0.104817 1.08734C0.104817 0.85123 0.181207 0.656785 0.333984 0.504008C0.486762 0.35123 0.681207 0.274841 0.917317 0.274841C1.15343 0.274841 1.34787 0.35123 1.50065 0.504008L4.75065 3.75401Z",
|
|
136
|
-
fill:
|
|
136
|
+
fill: l
|
|
137
137
|
}
|
|
138
138
|
) }), Yt = ({ color: t = "#ffffff" }) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ e(
|
|
139
139
|
"path",
|
|
@@ -151,29 +151,29 @@ const Ze = 50 / 2, Wt = ({ size: t = 24, strokeWidth: o = 5, linecap: n = "round
|
|
|
151
151
|
d: "M1.66699 10C1.66699 5.39763 5.39795 1.66667 10.0003 1.66667C14.6027 1.66667 18.3337 5.39763 18.3337 10C18.3337 14.6024 14.6027 18.3333 10.0003 18.3333C5.39795 18.3333 1.66699 14.6024 1.66699 10ZM13.0896 8.92259C13.415 8.59716 13.415 8.06952 13.0896 7.74408C12.7641 7.41865 12.2365 7.41865 11.9111 7.74408L9.16699 10.4882L8.08958 9.41075C7.76414 9.08531 7.23651 9.08531 6.91107 9.41075C6.58563 9.73619 6.58563 10.2638 6.91107 10.5893L8.57774 12.2559C8.90317 12.5814 9.43081 12.5814 9.75625 12.2559L13.0896 8.92259Z",
|
|
152
152
|
fill: t
|
|
153
153
|
}
|
|
154
|
-
) }), Kt = ({ width: t = "16", height: o = "16", color:
|
|
155
|
-
/* @__PURE__ */ e("path", { d: "M1.33333 5.5H14.6667V7.16667H1.33333V5.5Z", fill:
|
|
154
|
+
) }), Kt = ({ width: t = "16", height: o = "16", color: l = "#C1C2C7" }) => /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: t, height: o, viewBox: "0 0 16 16", fill: "none", children: [
|
|
155
|
+
/* @__PURE__ */ e("path", { d: "M1.33333 5.5H14.6667V7.16667H1.33333V5.5Z", fill: l }),
|
|
156
156
|
/* @__PURE__ */ e(
|
|
157
157
|
"path",
|
|
158
158
|
{
|
|
159
159
|
fillRule: "evenodd",
|
|
160
160
|
clipRule: "evenodd",
|
|
161
161
|
d: "M5.29892 2.16667H10.7011C11.3719 2.16666 11.9255 2.16665 12.3765 2.20349C12.8449 2.24177 13.2755 2.3239 13.68 2.52998C14.3072 2.84956 14.8171 3.35949 15.1367 3.9867C15.3428 4.39114 15.4249 4.82173 15.4632 5.29014C15.5 5.74114 15.5 6.29476 15.5 6.96556V10.7011C15.5 11.3719 15.5 11.9255 15.4632 12.3765C15.4249 12.8449 15.3428 13.2755 15.1367 13.68C14.8171 14.3072 14.3072 14.8171 13.68 15.1367C13.2755 15.3428 12.8449 15.4249 12.3765 15.4632C11.9255 15.5 11.3719 15.5 10.7011 15.5H5.29894C4.62812 15.5 4.07448 15.5 3.62348 15.4632C3.15506 15.4249 2.72448 15.3428 2.32003 15.1367C1.69283 14.8171 1.18289 14.3072 0.863312 13.68C0.657237 13.2755 0.5751 12.8449 0.536829 12.3765C0.499981 11.9255 0.49999 11.3719 0.5 10.7011V6.96558C0.49999 6.29478 0.499981 5.74114 0.536829 5.29014C0.5751 4.82173 0.657237 4.39114 0.863312 3.9867C1.18289 3.35949 1.69283 2.84956 2.32003 2.52998C2.72448 2.3239 3.15506 2.24177 3.62348 2.20349C4.07448 2.16665 4.62811 2.16666 5.29892 2.16667ZM3.7592 3.86463C3.39385 3.89448 3.20702 3.94858 3.07668 4.01499C2.76308 4.17478 2.50811 4.42975 2.34832 4.74335C2.28192 4.87368 2.22781 5.06052 2.19796 5.42586C2.16732 5.80094 2.16667 6.28618 2.16667 7V10.6667C2.16667 11.3805 2.16732 11.8657 2.19796 12.2408C2.22781 12.6061 2.28192 12.793 2.34832 12.9233C2.50811 13.2369 2.76308 13.4919 3.07668 13.6517C3.20702 13.7181 3.39385 13.7722 3.7592 13.802C4.13427 13.8327 4.61952 13.8333 5.33333 13.8333H10.6667C11.3805 13.8333 11.8657 13.8327 12.2408 13.802C12.6061 13.7722 12.793 13.7181 12.9233 13.6517C13.2369 13.4919 13.4919 13.2369 13.6517 12.9233C13.7181 12.793 13.7722 12.6061 13.802 12.2408C13.8327 11.8657 13.8333 11.3805 13.8333 10.6667V7C13.8333 6.28618 13.8327 5.80094 13.802 5.42586C13.7722 5.06052 13.7181 4.87368 13.6517 4.74335C13.4919 4.42975 13.2369 4.17478 12.9233 4.01499C12.793 3.94858 12.6061 3.89448 12.2408 3.86463C11.8657 3.83398 11.3805 3.83333 10.6667 3.83333H5.33333C4.61952 3.83333 4.13427 3.83398 3.7592 3.86463Z",
|
|
162
|
-
fill:
|
|
162
|
+
fill: l
|
|
163
163
|
}
|
|
164
164
|
),
|
|
165
165
|
/* @__PURE__ */ e(
|
|
166
166
|
"path",
|
|
167
167
|
{
|
|
168
168
|
d: "M5.5 1.33333C5.5 0.873096 5.1269 0.5 4.66667 0.5C4.20643 0.5 3.83333 0.873096 3.83333 1.33333V3C3.83333 3.46024 4.20643 3.83333 4.66667 3.83333C5.1269 3.83333 5.5 3.46024 5.5 3V1.33333Z",
|
|
169
|
-
fill:
|
|
169
|
+
fill: l
|
|
170
170
|
}
|
|
171
171
|
),
|
|
172
172
|
/* @__PURE__ */ e(
|
|
173
173
|
"path",
|
|
174
174
|
{
|
|
175
175
|
d: "M12.1667 1.33333C12.1667 0.873096 11.7936 0.5 11.3333 0.5C10.8731 0.5 10.5 0.873096 10.5 1.33333V3C10.5 3.46024 10.8731 3.83333 11.3333 3.83333C11.7936 3.83333 12.1667 3.46024 12.1667 3V1.33333Z",
|
|
176
|
-
fill:
|
|
176
|
+
fill: l
|
|
177
177
|
}
|
|
178
178
|
)
|
|
179
179
|
] }), ze = ({ size: t = "20", color: o = "#131314" }) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: t, height: t, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ e(
|
|
@@ -182,7 +182,7 @@ const Ze = 50 / 2, Wt = ({ size: t = 24, strokeWidth: o = 5, linecap: n = "round
|
|
|
182
182
|
d: "M9.00081 10.0039L12.2508 13.2539C12.4036 13.4067 12.48 13.6012 12.48 13.8373C12.48 14.0734 12.4036 14.2678 12.2508 14.4206C12.098 14.5734 11.9036 14.6498 11.6675 14.6498C11.4314 14.6498 11.2369 14.5734 11.0841 14.4206L7.25081 10.5873C7.16748 10.5039 7.10845 10.4137 7.07373 10.3164C7.03901 10.2192 7.02165 10.1151 7.02165 10.0039C7.02165 9.89284 7.03901 9.78867 7.07373 9.69145C7.10845 9.59422 7.16748 9.50395 7.25081 9.42061L11.0841 5.58728C11.2369 5.4345 11.4314 5.35811 11.6675 5.35811C11.9036 5.35811 12.098 5.4345 12.2508 5.58728C12.4036 5.74006 12.48 5.9345 12.48 6.17061C12.48 6.40672 12.4036 6.60117 12.2508 6.75395L9.00081 10.0039Z",
|
|
183
183
|
fill: o
|
|
184
184
|
}
|
|
185
|
-
) }), Ue = ({ size: t = "20", color: o = "#131314", style:
|
|
185
|
+
) }), Ue = ({ size: t = "20", color: o = "#131314", style: l }) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: t, height: t, viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ e(
|
|
186
186
|
"path",
|
|
187
187
|
{
|
|
188
188
|
d: "M10.5007 10.004L7.25065 6.75399C7.09787 6.60121 7.02148 6.40677 7.02148 6.17065C7.02148 5.93454 7.09787 5.7401 7.25065 5.58732C7.40343 5.43454 7.59787 5.35815 7.83398 5.35815C8.0701 5.35815 8.26454 5.43454 8.41732 5.58732L12.2507 9.42065C12.334 9.50399 12.393 9.59427 12.4277 9.69149C12.4625 9.78871 12.4798 9.89288 12.4798 10.004C12.4798 10.1151 12.4625 10.2193 12.4277 10.3165C12.393 10.4137 12.334 10.504 12.2507 10.5873L8.41732 14.4207C8.26454 14.5734 8.0701 14.6498 7.83398 14.6498C7.59787 14.6498 7.40343 14.5734 7.25065 14.4207C7.09787 14.2679 7.02148 14.0734 7.02148 13.8373C7.02148 13.6012 7.09787 13.4068 7.25065 13.254L10.5007 10.004Z",
|
|
@@ -247,12 +247,12 @@ const Ze = 50 / 2, Wt = ({ size: t = 24, strokeWidth: o = 5, linecap: n = "round
|
|
|
247
247
|
}, De = ({
|
|
248
248
|
label: t,
|
|
249
249
|
size: o = "md",
|
|
250
|
-
leftSlot:
|
|
250
|
+
leftSlot: l,
|
|
251
251
|
rightSlot: r,
|
|
252
252
|
buttonSlot: s,
|
|
253
253
|
type: p = "button",
|
|
254
254
|
colorType: a = "neutral",
|
|
255
|
-
buttonType:
|
|
255
|
+
buttonType: n = "primary",
|
|
256
256
|
withFocus: w = !1,
|
|
257
257
|
onlyIcon: W = !1,
|
|
258
258
|
customFocus: y,
|
|
@@ -271,7 +271,7 @@ const Ze = 50 / 2, Wt = ({ size: t = 24, strokeWidth: o = 5, linecap: n = "round
|
|
|
271
271
|
T || L || (w && Z((B) => !B), E?.(j));
|
|
272
272
|
}, q = () => {
|
|
273
273
|
let j = "#ffffff";
|
|
274
|
-
return a === "neutral" &&
|
|
274
|
+
return a === "neutral" && n !== "primary" && (j = "#0058FF"), a === "positive" && n !== "primary" && (j = "#328707"), a === "negative" && n !== "primary" && (j = "#E3292F"), j;
|
|
275
275
|
};
|
|
276
276
|
return ee(() => {
|
|
277
277
|
const j = (B) => {
|
|
@@ -287,10 +287,10 @@ const Ze = 50 / 2, Wt = ({ size: t = 24, strokeWidth: o = 5, linecap: n = "round
|
|
|
287
287
|
style: { ...g, ...W && { minWidth: "initial" } },
|
|
288
288
|
type: p,
|
|
289
289
|
disabled: T,
|
|
290
|
-
className: `${xe.mainButton} ${xe[o]} ${L ? xe.loading : ""} ${F ? xe.focused : ""} ${xe[
|
|
290
|
+
className: `${xe.mainButton} ${xe[o]} ${L ? xe.loading : ""} ${F ? xe.focused : ""} ${xe[n]} ${xe[a]} ${T ? xe.disabled : ""}`,
|
|
291
291
|
onClick: ne,
|
|
292
292
|
children: L ? P || /* @__PURE__ */ e(Wt, { size: 20, stroke: q() }) : s || /* @__PURE__ */ i("div", { className: xe.mainButtonContent, style: { ...d, justifyContent: A ? "space-between" : "center" }, children: [
|
|
293
|
-
|
|
293
|
+
l && /* @__PURE__ */ e("div", { className: xe.leftSlot, style: v, children: l }),
|
|
294
294
|
/* @__PURE__ */ e("p", { className: xe.mainButtonLabel, style: f, children: t }),
|
|
295
295
|
r && /* @__PURE__ */ e("div", { className: xe.rightSlot, style: h, children: r })
|
|
296
296
|
] })
|
|
@@ -345,12 +345,12 @@ const Co = "mc__FormInput-module__inputWrapper", go = "mc__FormInput-module__sm"
|
|
|
345
345
|
}, Ve = ({
|
|
346
346
|
label: t,
|
|
347
347
|
placeholder: o,
|
|
348
|
-
helperText:
|
|
348
|
+
helperText: l,
|
|
349
349
|
required: r = !1,
|
|
350
350
|
disabled: s = !1,
|
|
351
351
|
readOnly: p = !1,
|
|
352
352
|
withFocus: a = !0,
|
|
353
|
-
withActive:
|
|
353
|
+
withActive: n = !0,
|
|
354
354
|
searchComponent: w = !1,
|
|
355
355
|
size: W = "md",
|
|
356
356
|
toggleFocus: y = !1,
|
|
@@ -405,7 +405,7 @@ const Co = "mc__FormInput-module__inputWrapper", go = "mc__FormInput-module__sm"
|
|
|
405
405
|
/* @__PURE__ */ i(
|
|
406
406
|
"div",
|
|
407
407
|
{
|
|
408
|
-
className: `${me.formInputWrapper} ${E.error ? me.errorState : ""} ${a && U ? E.error ? me.errorFocused : me.focused : ""} ${
|
|
408
|
+
className: `${me.formInputWrapper} ${E.error ? me.errorState : ""} ${a && U ? E.error ? me.errorFocused : me.focused : ""} ${n && ue ? E.error ? me.errorActive : me.active : ""} ${E.error ? me.error : ""} ${E.success ? me.success : ""}`,
|
|
409
409
|
style: B ?? {},
|
|
410
410
|
onClick: () => y && K((re) => !re),
|
|
411
411
|
children: [
|
|
@@ -440,12 +440,12 @@ const Co = "mc__FormInput-module__inputWrapper", go = "mc__FormInput-module__sm"
|
|
|
440
440
|
]
|
|
441
441
|
}
|
|
442
442
|
),
|
|
443
|
-
|
|
443
|
+
l && /* @__PURE__ */ e(
|
|
444
444
|
"p",
|
|
445
445
|
{
|
|
446
446
|
style: V ?? {},
|
|
447
447
|
className: `${me.formInputHelperText} ${E.error ? me.errorHelperText : E.success ? me.successHelperText : ""}`,
|
|
448
|
-
children:
|
|
448
|
+
children: l
|
|
449
449
|
}
|
|
450
450
|
)
|
|
451
451
|
] });
|
|
@@ -503,12 +503,12 @@ const Ro = "mc__Textarea-module__textareaContainer", Wo = "mc__Textarea-module__
|
|
|
503
503
|
}, ct = ({
|
|
504
504
|
placeholder: t,
|
|
505
505
|
label: o,
|
|
506
|
-
cols:
|
|
506
|
+
cols: l = 30,
|
|
507
507
|
rows: r = 5,
|
|
508
508
|
value: s,
|
|
509
509
|
inputState: p = { error: !1, success: !0 },
|
|
510
510
|
maxLength: a = 20,
|
|
511
|
-
withFocus:
|
|
511
|
+
withFocus: n = !0,
|
|
512
512
|
withActive: w = !0,
|
|
513
513
|
withResize: W = !0,
|
|
514
514
|
withClose: y = !0,
|
|
@@ -579,10 +579,10 @@ const Ro = "mc__Textarea-module__textareaContainer", Wo = "mc__Textarea-module__
|
|
|
579
579
|
/* @__PURE__ */ e(
|
|
580
580
|
"textarea",
|
|
581
581
|
{
|
|
582
|
-
className: `${ye.textarea} ${Z ? ye.focused : ""} ${P ? ye.disabled : ""} ${
|
|
582
|
+
className: `${ye.textarea} ${Z ? ye.focused : ""} ${P ? ye.disabled : ""} ${n && Z ? p.error ? ye.errorFocused : ye.focused : ""} ${w && ne ? p.error ? ye.errorActive : ye.active : ""} ${p.error ? ye.error : ""} ${p.success ? ye.success : ""}`,
|
|
583
583
|
value: s,
|
|
584
584
|
placeholder: t ?? "",
|
|
585
|
-
cols:
|
|
585
|
+
cols: l,
|
|
586
586
|
rows: r,
|
|
587
587
|
maxLength: a ?? void 0,
|
|
588
588
|
onInput: k,
|
|
@@ -640,14 +640,14 @@ const Ko = "mc__Toggle-module__toggleWrapper", qo = "mc__Toggle-module__checked"
|
|
|
640
640
|
toggleState: Go,
|
|
641
641
|
md: en,
|
|
642
642
|
lg: tn
|
|
643
|
-
}, dt = ({ checked: t, change: o, disabled:
|
|
643
|
+
}, dt = ({ checked: t, change: o, disabled: l = !1, size: r = "md", toggleType: s = "default", required: p = !1 }) => /* @__PURE__ */ e(
|
|
644
644
|
"div",
|
|
645
645
|
{
|
|
646
646
|
onClick: () => {
|
|
647
|
-
|
|
647
|
+
l || o?.(!t);
|
|
648
648
|
},
|
|
649
|
-
className: `${Ye.toggleWrapper} ${s === "error" ? Ye.error : ""} ${Ye[r]} ${t ? Ye.checked : ""} ${
|
|
650
|
-
children: /* @__PURE__ */ e("div", { className: Ye.toggleState, children: /* @__PURE__ */ e("input", { type: "checkbox", checked: t, readOnly: !0, disabled:
|
|
649
|
+
className: `${Ye.toggleWrapper} ${s === "error" ? Ye.error : ""} ${Ye[r]} ${t ? Ye.checked : ""} ${l ? Ye.disabled : ""}`,
|
|
650
|
+
children: /* @__PURE__ */ e("div", { className: Ye.toggleState, children: /* @__PURE__ */ e("input", { type: "checkbox", checked: t, readOnly: !0, disabled: l ?? !1, hidden: !0, required: p }) })
|
|
651
651
|
}
|
|
652
652
|
);
|
|
653
653
|
dt.propKeys = ["checked", "change", "disabled", "required", "size", "toggleType"];
|
|
@@ -664,22 +664,22 @@ const on = "mc__Checkbox-module__checkboxWrapper", nn = "mc__Checkbox-module__ch
|
|
|
664
664
|
}, dn = $t("namespaceNebi"), ut = () => Nt(dn), He = ({
|
|
665
665
|
checked: t,
|
|
666
666
|
ref: o,
|
|
667
|
-
change:
|
|
667
|
+
change: l,
|
|
668
668
|
type: r = "default",
|
|
669
669
|
disabled: s = !1,
|
|
670
670
|
required: p = !1,
|
|
671
671
|
multipleChecked: a = !1,
|
|
672
|
-
activeStyle:
|
|
672
|
+
activeStyle: n,
|
|
673
673
|
checkBoxStyle: w,
|
|
674
674
|
theme: W = "light"
|
|
675
675
|
}) => {
|
|
676
676
|
const y = ut(), [T, L] = O(!1), A = () => {
|
|
677
|
-
s ||
|
|
677
|
+
s || l && typeof l == "function" && l(!t);
|
|
678
678
|
};
|
|
679
679
|
return /* @__PURE__ */ i(
|
|
680
680
|
"div",
|
|
681
681
|
{
|
|
682
|
-
style: T ? s ? { boxShadow: "none" } :
|
|
682
|
+
style: T ? s ? { boxShadow: "none" } : n ?? {} : w ?? {},
|
|
683
683
|
className: `${W === "dark" ? Be.dark : ""} ${Be[y]} ${Be.checkboxWrapper} ${r === "error" ? Be.error : ""} ${t ? Be.checked : Be.unChecked} ${s ? Be.disabled : ""}`,
|
|
684
684
|
onMouseDown: () => L(!0),
|
|
685
685
|
onMouseUp: () => L(!1),
|
|
@@ -720,8 +720,8 @@ const un = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
|
|
|
720
720
|
countryDialCode: Sn,
|
|
721
721
|
selectAll: Pn
|
|
722
722
|
}, at = (t, o) => {
|
|
723
|
-
const
|
|
724
|
-
return t.filter((r) =>
|
|
723
|
+
const l = /* @__PURE__ */ new Set();
|
|
724
|
+
return t.filter((r) => l.has(r[o]) ? !1 : (l.add(r[o]), !0));
|
|
725
725
|
}, Hn = "mc__TreeNode-module__treeNodeContainer", An = "mc__TreeNode-module__treeNodeItem", Rn = "mc__TreeNode-module__inDropDown", Wn = "mc__TreeNode-module__treeNode", Bn = "mc__TreeNode-module__visible", En = "mc__TreeNode-module__hidden", Fn = "mc__TreeNode-module__labelRow", On = "mc__TreeNode-module__label", Vn = "mc__TreeNode-module__children", Zn = "mc__TreeNode-module__dropdownListFooter", ke = {
|
|
726
726
|
treeNodeContainer: Hn,
|
|
727
727
|
treeNodeItem: An,
|
|
@@ -733,21 +733,21 @@ const un = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
|
|
|
733
733
|
label: On,
|
|
734
734
|
children: Vn,
|
|
735
735
|
dropdownListFooter: Zn
|
|
736
|
-
}, zn = ({ width: t = "16", height: o = "16", color:
|
|
736
|
+
}, zn = ({ width: t = "16", height: o = "16", color: l = "#A4A7AE" }) => /* @__PURE__ */ e("svg", { xmlns: "http://www.w3.org/2000/svg", width: t, height: o, viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ e(
|
|
737
737
|
"path",
|
|
738
738
|
{
|
|
739
739
|
d: "M5.45331 4.05338L5.45331 8.20671L5.45331 11.9467C5.45331 12.5867 6.22664 12.9067 6.67997 12.4534L10.1333 9.00005C10.6866 8.44671 10.6866 7.54671 10.1333 6.99338L8.81997 5.68005L6.67997 3.54005C6.22664 3.09338 5.45331 3.41338 5.45331 4.05338Z",
|
|
740
|
-
fill:
|
|
740
|
+
fill: l
|
|
741
741
|
}
|
|
742
742
|
) }), Un = ({
|
|
743
743
|
data: t,
|
|
744
744
|
defaultCollapsed: o = !0,
|
|
745
|
-
checkboxProps:
|
|
745
|
+
checkboxProps: l,
|
|
746
746
|
onCollapse: r,
|
|
747
747
|
onSelect: s,
|
|
748
748
|
fromDropdown: p = !1,
|
|
749
749
|
withSelectAll: a = !1,
|
|
750
|
-
withClearAll:
|
|
750
|
+
withClearAll: n = !1,
|
|
751
751
|
expandedNodes: w,
|
|
752
752
|
SearchValue: W,
|
|
753
753
|
SelectedData: y,
|
|
@@ -811,7 +811,7 @@ const un = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
|
|
|
811
811
|
node: B,
|
|
812
812
|
onSelect: Z,
|
|
813
813
|
defaultCollapsed: o,
|
|
814
|
-
checkboxProps:
|
|
814
|
+
checkboxProps: l,
|
|
815
815
|
onCollapse: J,
|
|
816
816
|
depth: 0,
|
|
817
817
|
expandedNodes: w,
|
|
@@ -828,19 +828,19 @@ const un = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
|
|
|
828
828
|
B.id
|
|
829
829
|
)) }),
|
|
830
830
|
p && /* @__PURE__ */ i("div", { className: ke.dropdownListFooter, style: A, children: [
|
|
831
|
-
|
|
831
|
+
n && /* @__PURE__ */ e("span", { onClick: q, style: P, children: "Clear All" }),
|
|
832
832
|
a && W === "" && /* @__PURE__ */ e("span", { onClick: j, style: P, children: "Select All" })
|
|
833
833
|
] })
|
|
834
834
|
] });
|
|
835
835
|
}, Dt = ({
|
|
836
836
|
node: t,
|
|
837
837
|
onSelect: o,
|
|
838
|
-
defaultCollapsed:
|
|
838
|
+
defaultCollapsed: l,
|
|
839
839
|
checkboxProps: r,
|
|
840
840
|
onCollapse: s,
|
|
841
841
|
depth: p,
|
|
842
842
|
expandedNodes: a,
|
|
843
|
-
SearchValue:
|
|
843
|
+
SearchValue: n,
|
|
844
844
|
SelectedData: w,
|
|
845
845
|
treeContainerStyle: W,
|
|
846
846
|
treeNodeItemStyle: y,
|
|
@@ -852,7 +852,7 @@ const un = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
|
|
|
852
852
|
}) => {
|
|
853
853
|
const d = a?.find((Z) => Z.id === t.id);
|
|
854
854
|
w?.find((Z) => Z.id === t.id);
|
|
855
|
-
const [f, v] = O(d ? !1 :
|
|
855
|
+
const [f, v] = O(d ? !1 : l || !0), h = () => {
|
|
856
856
|
v((Z) => !Z), s?.(f, t);
|
|
857
857
|
}, E = () => {
|
|
858
858
|
o?.(t.id, !t.selected);
|
|
@@ -864,8 +864,8 @@ const un = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
|
|
|
864
864
|
return !Z || Z.trim() === "" ? !0 : (q(Z, t), J);
|
|
865
865
|
};
|
|
866
866
|
return ee(() => {
|
|
867
|
-
|
|
868
|
-
}, [
|
|
867
|
+
n && v(!1);
|
|
868
|
+
}, [n]), /* @__PURE__ */ i("div", { className: `${ke.treeNode} ${F(n) ? ke.visible : ke.hidden}`, style: A, children: [
|
|
869
869
|
/* @__PURE__ */ i("div", { className: ke.labelRow, onClick: h, style: P, children: [
|
|
870
870
|
/* @__PURE__ */ e("div", { style: { display: "grid", placeItems: "center", marginLeft: `${p}rem` }, onClick: (Z) => Z.stopPropagation(), children: /* @__PURE__ */ e(He, { checked: t?.selected ?? !1, change: E, ...r, withActive: !1 }) }),
|
|
871
871
|
/* @__PURE__ */ e("span", { className: ke.collapseToggle, style: g, children: /* @__PURE__ */ e(
|
|
@@ -887,12 +887,12 @@ const un = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
|
|
|
887
887
|
{
|
|
888
888
|
node: Z,
|
|
889
889
|
onSelect: o,
|
|
890
|
-
defaultCollapsed:
|
|
890
|
+
defaultCollapsed: l,
|
|
891
891
|
checkboxProps: r,
|
|
892
892
|
onCollapse: s,
|
|
893
893
|
depth: p + 1,
|
|
894
894
|
expandedNodes: a,
|
|
895
|
-
SearchValue:
|
|
895
|
+
SearchValue: n,
|
|
896
896
|
SelectedData: w,
|
|
897
897
|
treeContainerStyle: W,
|
|
898
898
|
treeNodeItemStyle: y,
|
|
@@ -908,12 +908,12 @@ const un = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
|
|
|
908
908
|
}, mt = ({
|
|
909
909
|
data: t,
|
|
910
910
|
withFilter: o = !0,
|
|
911
|
-
withClose:
|
|
911
|
+
withClose: l = !0,
|
|
912
912
|
disableAll: r = !1,
|
|
913
913
|
withMultiselect: s = !1,
|
|
914
914
|
selectedOptionID: p,
|
|
915
915
|
withInput: a = !1,
|
|
916
|
-
withTree:
|
|
916
|
+
withTree: n = !1,
|
|
917
917
|
withSelectAll: w = !0,
|
|
918
918
|
dropdownType: W = "country",
|
|
919
919
|
closeOnScroll: y = !1,
|
|
@@ -953,7 +953,7 @@ const un = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
|
|
|
953
953
|
]);
|
|
954
954
|
M = at(M, "id"), Se(I, M), x.current = M, T?.(u), C((te) => !te);
|
|
955
955
|
}, Ie = (u) => {
|
|
956
|
-
if (u.selected = !u.selected, !s) {
|
|
956
|
+
if (u.selected = !u.selected, !s && !n) {
|
|
957
957
|
T?.(u);
|
|
958
958
|
return;
|
|
959
959
|
}
|
|
@@ -978,20 +978,20 @@ const un = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
|
|
|
978
978
|
ee(() => {
|
|
979
979
|
G && Le();
|
|
980
980
|
}, [ce, G]), ee(() => {
|
|
981
|
-
if (
|
|
981
|
+
if (n || (x.current = t?.length ? t.filter((te) => te.selected) : []), !s && !n) {
|
|
982
982
|
_(t);
|
|
983
983
|
return;
|
|
984
984
|
}
|
|
985
|
-
const u = t?.some((te) => "selected" in te), M = w ? [{ id: "SELECT_ALL", label: "Select All", selected: K }] : [];
|
|
985
|
+
const u = t?.some((te) => "selected" in te), M = w && s ? [{ id: "SELECT_ALL", label: "Select All", selected: K }] : [];
|
|
986
986
|
u ? _([...M, ...t]) : (t?.forEach((te) => {
|
|
987
987
|
te.selected = !1;
|
|
988
988
|
}), _([...M, ...t])), Le();
|
|
989
989
|
}, [JSON.stringify(t)]), ee(() => {
|
|
990
|
-
s &&
|
|
990
|
+
!s && !n || t?.every((u) => u.selected) || ue(!1);
|
|
991
991
|
}, [x.current.length]), ee(() => {
|
|
992
|
-
|
|
992
|
+
!s && !n && p && ge(t?.find((u) => u.id === p));
|
|
993
993
|
}, [p]), ee(() => {
|
|
994
|
-
if (s && I.length > 0 && le) {
|
|
994
|
+
if (!(!s && !n) && I.length > 0 && le) {
|
|
995
995
|
const u = I.map((M) => M.id === "SELECT_ALL" ? { ...M, selected: K } : M.disabled ? M : { ...M, selected: K });
|
|
996
996
|
_(u), t?.forEach((M) => {
|
|
997
997
|
M.id === "SELECT_ALL" ? M.selected = K : M.disabled || (M.selected = K);
|
|
@@ -1011,7 +1011,7 @@ const un = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
|
|
|
1011
1011
|
document.removeEventListener("click", Ke), document.removeEventListener("wheel", qe), window.removeEventListener("scroll", u);
|
|
1012
1012
|
};
|
|
1013
1013
|
}, [G]), ee(() => {
|
|
1014
|
-
if (!s) return;
|
|
1014
|
+
if (!s && !n) return;
|
|
1015
1015
|
const u = () => {
|
|
1016
1016
|
const M = ie.current?.getBoundingClientRect();
|
|
1017
1017
|
if (!M) return;
|
|
@@ -1053,7 +1053,7 @@ const un = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
|
|
|
1053
1053
|
/* @__PURE__ */ e("div", { className: `${de.dropdownRightIconArrow} ${G ? de.focused : ""}`, children: /* @__PURE__ */ e(et, {}) })
|
|
1054
1054
|
] }),
|
|
1055
1055
|
rightSlot: /* @__PURE__ */ i("div", { className: `${de.dropdownRightIcon} ${G ? de.focused : ""}`, children: [
|
|
1056
|
-
(a ? b :
|
|
1056
|
+
(a ? b : !s && !n && fe) && /* @__PURE__ */ e(
|
|
1057
1057
|
"div",
|
|
1058
1058
|
{
|
|
1059
1059
|
onClick: (u) => {
|
|
@@ -1068,17 +1068,17 @@ const un = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
|
|
|
1068
1068
|
readOnly: !a,
|
|
1069
1069
|
forDropdown: !0,
|
|
1070
1070
|
inputSlotStyle: { width: "100%" },
|
|
1071
|
-
inputSlot: (
|
|
1071
|
+
inputSlot: (n || s) && x.current.length > 0 ? d || /* @__PURE__ */ i("ul", { className: de.dropdownInputSlot, style: h ?? {}, children: [
|
|
1072
1072
|
x.current.slice(0, R.current).map((u, M) => /* @__PURE__ */ i(
|
|
1073
1073
|
"li",
|
|
1074
1074
|
{
|
|
1075
1075
|
ref: re,
|
|
1076
1076
|
className: de.dropdownInputSlotItem,
|
|
1077
1077
|
style: E ?? {},
|
|
1078
|
-
onClick:
|
|
1078
|
+
onClick: n ? void 0 : (te) => te.stopPropagation(),
|
|
1079
1079
|
children: [
|
|
1080
1080
|
/* @__PURE__ */ e("div", { title: u.label, className: de.dropdownInputSlotItemLabel, style: F ?? {}, children: typeof u.customLabel == "function" ? u.customLabel(u) : u.label }),
|
|
1081
|
-
!
|
|
1081
|
+
!n && /* @__PURE__ */ e(
|
|
1082
1082
|
"div",
|
|
1083
1083
|
{
|
|
1084
1084
|
style: Z ?? {},
|
|
@@ -1111,7 +1111,7 @@ const un = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
|
|
|
1111
1111
|
onChange: (u) => oe(u)
|
|
1112
1112
|
}
|
|
1113
1113
|
),
|
|
1114
|
-
|
|
1114
|
+
n ? /* @__PURE__ */ e(
|
|
1115
1115
|
Un,
|
|
1116
1116
|
{
|
|
1117
1117
|
SearchValue: se,
|
|
@@ -1125,13 +1125,13 @@ const un = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
|
|
|
1125
1125
|
) : /* @__PURE__ */ e("ul", { onClick: (u) => u.stopPropagation(), className: de.dropdownList, ref: Ce, style: z ?? {}, children: I.filter((u) => u?.label?.toLowerCase().includes(se.toLowerCase())).map((u, M) => /* @__PURE__ */ i(
|
|
1126
1126
|
"li",
|
|
1127
1127
|
{
|
|
1128
|
-
style: { ...ne, cursor:
|
|
1129
|
-
className: `${de.dropdownItem} ${
|
|
1128
|
+
style: { ...ne, cursor: !s && !n && u?.disabled ? "not-allowed" : "pointer" },
|
|
1129
|
+
className: `${de.dropdownItem} ${!s && !n && fe?.id === u.id ? de.selected : ""} ${!u?.label || u.label === void 0 || r || u?.disabled ? de.disabled : ""} ${!s && !n && !u?.disabled ? de.hovered : ""}`,
|
|
1130
1130
|
onClick: (te) => {
|
|
1131
|
-
te.stopPropagation(),
|
|
1131
|
+
te.stopPropagation(), !s && !n && !u?.disabled && Re(u);
|
|
1132
1132
|
},
|
|
1133
1133
|
children: [
|
|
1134
|
-
s ||
|
|
1134
|
+
(s || n) && !u.noCheckbox && /* @__PURE__ */ e("div", { className: de.itemCheckbox, style: j ?? {}, children: /* @__PURE__ */ e(
|
|
1135
1135
|
He,
|
|
1136
1136
|
{
|
|
1137
1137
|
multipleChecked: u.id === "SELECT_ALL",
|
|
@@ -1154,13 +1154,13 @@ const un = "mc__Dropdown-module__dropdownWrapper", mn = "mc__Dropdown-module__dr
|
|
|
1154
1154
|
children: typeof u.customLabel == "function" ? u.customLabel(u) : u.label
|
|
1155
1155
|
}
|
|
1156
1156
|
),
|
|
1157
|
-
s ||
|
|
1157
|
+
(s || n) && /* @__PURE__ */ e("p", { children: u.id === "SELECT_ALL" ? `${I.filter((te) => te.id !== "SELECT_ALL" && te.selected).length}/${t.length}` : "" })
|
|
1158
1158
|
] })
|
|
1159
1159
|
]
|
|
1160
1160
|
},
|
|
1161
1161
|
M
|
|
1162
1162
|
)) }, I.length),
|
|
1163
|
-
V && (s ||
|
|
1163
|
+
V && (s || n) && /* @__PURE__ */ e(De, { ...D, onClick: Ne })
|
|
1164
1164
|
] })
|
|
1165
1165
|
] });
|
|
1166
1166
|
};
|
|
@@ -1196,17 +1196,17 @@ mt.displayName = "Dropdown";
|
|
|
1196
1196
|
mt.description = "A feature-rich dropdown component with multi-select, filtering, and smart positioning capabilities.";
|
|
1197
1197
|
const Yn = "mc__Radio-module__radioWrapper", jn = {
|
|
1198
1198
|
radioWrapper: Yn
|
|
1199
|
-
}, pt = ({ checked: t, change: o, disabled:
|
|
1199
|
+
}, pt = ({ checked: t, change: o, disabled: l, required: r, withUncheckState: s = !1, radioType: p = "default" }) => {
|
|
1200
1200
|
ut(), O(!1);
|
|
1201
1201
|
const a = () => {
|
|
1202
|
-
|
|
1203
|
-
},
|
|
1204
|
-
let w = null, W =
|
|
1205
|
-
return t ?
|
|
1202
|
+
l || o?.(s ? !t : !0);
|
|
1203
|
+
}, n = () => {
|
|
1204
|
+
let w = null, W = l ? "#95969C" : p === "error" ? "#E3292F" : "#0058FF";
|
|
1205
|
+
return t ? l ? w = /* @__PURE__ */ e(zt, { color: W }) : w = /* @__PURE__ */ e(Vt, { color: W }) : l ? w = /* @__PURE__ */ e(Ut, { color: W }) : w = /* @__PURE__ */ e(Zt, { color: W }), w;
|
|
1206
1206
|
};
|
|
1207
|
-
return /* @__PURE__ */ i("div", { className: jn.radioWrapper, style: { cursor:
|
|
1208
|
-
/* @__PURE__ */ e("input", { type: "radio", checked: !0, readOnly: !0, hidden: !0, disabled:
|
|
1209
|
-
|
|
1207
|
+
return /* @__PURE__ */ i("div", { className: jn.radioWrapper, style: { cursor: l ? "not-allowed" : "pointer" }, onClick: a, children: [
|
|
1208
|
+
/* @__PURE__ */ e("input", { type: "radio", checked: !0, readOnly: !0, hidden: !0, disabled: l ?? !1, required: r }),
|
|
1209
|
+
n()
|
|
1210
1210
|
] });
|
|
1211
1211
|
};
|
|
1212
1212
|
pt.propKeys = ["checked", "change", "disabled", "required", "withUncheckState", "radioType"];
|
|
@@ -1226,12 +1226,12 @@ const Kn = "mc__Tooltip-module__tooltipContainer", qn = "mc__Tooltip-module__too
|
|
|
1226
1226
|
}, lt = ({
|
|
1227
1227
|
children: t,
|
|
1228
1228
|
tooltipSlot: o,
|
|
1229
|
-
delay:
|
|
1229
|
+
delay: l = 400,
|
|
1230
1230
|
placement: r = "top",
|
|
1231
1231
|
trigger: s = "hover",
|
|
1232
1232
|
title: p,
|
|
1233
1233
|
text: a,
|
|
1234
|
-
customText:
|
|
1234
|
+
customText: n,
|
|
1235
1235
|
tooltipStyleType: w = "default",
|
|
1236
1236
|
tooltipContentStyle: W,
|
|
1237
1237
|
tooltipTitlestyle: y,
|
|
@@ -1249,14 +1249,14 @@ const Kn = "mc__Tooltip-module__tooltipContainer", qn = "mc__Tooltip-module__too
|
|
|
1249
1249
|
}) => {
|
|
1250
1250
|
const Z = ae(null), J = ae(null);
|
|
1251
1251
|
let ne;
|
|
1252
|
-
const [q, j] = O(!1), B = o || p || a ||
|
|
1252
|
+
const [q, j] = O(!1), B = o || p || a || n, z = () => {
|
|
1253
1253
|
s === "hover" && B && (ne = setTimeout(() => {
|
|
1254
1254
|
j(!0);
|
|
1255
|
-
},
|
|
1255
|
+
}, l));
|
|
1256
1256
|
}, X = () => {
|
|
1257
1257
|
s === "hover" && (clearTimeout(ne), setTimeout(() => {
|
|
1258
1258
|
j(!1);
|
|
1259
|
-
},
|
|
1259
|
+
}, l));
|
|
1260
1260
|
}, V = () => {
|
|
1261
1261
|
s === "click" && (F?.(), j((m) => !m));
|
|
1262
1262
|
}, D = () => {
|
|
@@ -1298,7 +1298,7 @@ const Kn = "mc__Tooltip-module__tooltipContainer", qn = "mc__Tooltip-module__too
|
|
|
1298
1298
|
};
|
|
1299
1299
|
ee(() => {
|
|
1300
1300
|
D();
|
|
1301
|
-
}, [Z, q, t, r, o,
|
|
1301
|
+
}, [Z, q, t, r, o, n, p, a]), ee(() => {
|
|
1302
1302
|
const m = (U) => {
|
|
1303
1303
|
Z.current?.contains(U.target) || j(!1);
|
|
1304
1304
|
}, C = (U) => {
|
|
@@ -1352,7 +1352,7 @@ const Kn = "mc__Tooltip-module__tooltipContainer", qn = "mc__Tooltip-module__too
|
|
|
1352
1352
|
ref: J,
|
|
1353
1353
|
className: `${Te.tooltipContent} ${r ? Te[r] : Te.bottom}`,
|
|
1354
1354
|
children: [
|
|
1355
|
-
|
|
1355
|
+
n && typeof n == "string" && n,
|
|
1356
1356
|
p && p.length > 0 && typeof p == "string" && /* @__PURE__ */ e("h2", { className: Te.tooltipTitle, style: y ?? {}, children: p }),
|
|
1357
1357
|
a && a.length > 0 && typeof a == "string" && /* @__PURE__ */ e("p", { className: Te.tooltipText, style: T ?? {}, children: a })
|
|
1358
1358
|
]
|
|
@@ -1397,13 +1397,13 @@ const ll = "mc__Popup-module__modalOverlay", rl = "mc__Popup-module__popupDrawer
|
|
|
1397
1397
|
}, rt = ({
|
|
1398
1398
|
visible: t,
|
|
1399
1399
|
template: o,
|
|
1400
|
-
mode:
|
|
1400
|
+
mode: l,
|
|
1401
1401
|
children: r,
|
|
1402
1402
|
onClickOutside: s,
|
|
1403
1403
|
onClose: p,
|
|
1404
1404
|
widthType: a,
|
|
1405
1405
|
// "horizontal"
|
|
1406
|
-
modalOverlayStyle:
|
|
1406
|
+
modalOverlayStyle: n,
|
|
1407
1407
|
popupContainerStyle: w,
|
|
1408
1408
|
templateWrapperStyle: W,
|
|
1409
1409
|
closeButtonStyle: y
|
|
@@ -1426,10 +1426,10 @@ const ll = "mc__Popup-module__modalOverlay", rl = "mc__Popup-module__popupDrawer
|
|
|
1426
1426
|
"div",
|
|
1427
1427
|
{
|
|
1428
1428
|
ref: L,
|
|
1429
|
-
style:
|
|
1429
|
+
style: n ?? {},
|
|
1430
1430
|
className: `
|
|
1431
1431
|
${je.modalOverlay}
|
|
1432
|
-
${
|
|
1432
|
+
${l === "drawer" ? je.popupDrawerMode : ""}
|
|
1433
1433
|
`,
|
|
1434
1434
|
children: /* @__PURE__ */ i(
|
|
1435
1435
|
"div",
|
|
@@ -1491,12 +1491,12 @@ const dl = "mc__NotificationToast-module__toastContainer", ul = "mc__Notificatio
|
|
|
1491
1491
|
}, Nl = ({
|
|
1492
1492
|
title: t,
|
|
1493
1493
|
colorType: o = "neutral",
|
|
1494
|
-
filled:
|
|
1494
|
+
filled: l = !1,
|
|
1495
1495
|
withClose: r = !1,
|
|
1496
1496
|
withUndo: s = !1,
|
|
1497
1497
|
withInfoIcon: p = !0,
|
|
1498
1498
|
description: a,
|
|
1499
|
-
customAction:
|
|
1499
|
+
customAction: n,
|
|
1500
1500
|
timeout: w = 4e3,
|
|
1501
1501
|
children: W,
|
|
1502
1502
|
onUndo: y,
|
|
@@ -1517,9 +1517,9 @@ const dl = "mc__NotificationToast-module__toastContainer", ul = "mc__Notificatio
|
|
|
1517
1517
|
let g = {};
|
|
1518
1518
|
return a && (g.padding = "12px"), g;
|
|
1519
1519
|
};
|
|
1520
|
-
return /* @__PURE__ */ e("div", { className: `${ve.notificationToast} ${ve[o]} ${
|
|
1520
|
+
return /* @__PURE__ */ e("div", { className: `${ve.notificationToast} ${ve[o]} ${l ? "" : ve.filled} ${ve[L]}`, style: P(), children: /* @__PURE__ */ i("div", { className: ve.notificationToastContent, style: a ? { alignItems: "flex-start" } : {}, children: [
|
|
1521
1521
|
/* @__PURE__ */ i("div", { className: ve.notificationToastContentLeft, style: a ? { alignItems: "flex-start" } : {}, children: [
|
|
1522
|
-
p && /* @__PURE__ */ e("div", { className: ve.notificationToastContentInfoIcon, children: o === "success" ? /* @__PURE__ */ e(jt, { color:
|
|
1522
|
+
p && /* @__PURE__ */ e("div", { className: ve.notificationToastContentInfoIcon, children: o === "success" ? /* @__PURE__ */ e(jt, { color: l ? "#fff" : "#328707" }) : /* @__PURE__ */ e(Yt, { color: l ? "#fff" : o === "neutral" ? "#131314" : o === "error" ? "#E3292F" : "#0058FF" }) }),
|
|
1523
1523
|
/* @__PURE__ */ i("div", { className: ve.notificationToastContentLeftText, children: [
|
|
1524
1524
|
t && /* @__PURE__ */ e("p", { className: ve.notificationToastContentLeftTextTitle, children: t }),
|
|
1525
1525
|
a && /* @__PURE__ */ e("p", { className: ve.notificationToastContentLeftTextDescription, children: a }),
|
|
@@ -1528,12 +1528,12 @@ const dl = "mc__NotificationToast-module__toastContainer", ul = "mc__Notificatio
|
|
|
1528
1528
|
] }),
|
|
1529
1529
|
/* @__PURE__ */ e("div", { className: ve.notificationToastContentDescription }),
|
|
1530
1530
|
/* @__PURE__ */ i("div", { className: ve.notificationToastContentRight, children: [
|
|
1531
|
-
|
|
1531
|
+
n && n,
|
|
1532
1532
|
!a && s && /* @__PURE__ */ e("p", { className: ve.notificationToastContentRightUndoText, onClick: () => y?.(), children: "Undo" }),
|
|
1533
1533
|
r && /* @__PURE__ */ e("div", { className: ve.notificationToastContentRightClose, style: a || !s ? { border: "none" } : {}, onClick: () => T?.(), children: /* @__PURE__ */ e(
|
|
1534
1534
|
Mt,
|
|
1535
1535
|
{
|
|
1536
|
-
color:
|
|
1536
|
+
color: l ? "#fff" : o === "neutral" ? "#131314" : o === "error" ? "#E3292F" : o === "info" ? "#0058FF" : "#328707"
|
|
1537
1537
|
}
|
|
1538
1538
|
) })
|
|
1539
1539
|
] })
|
|
@@ -1541,13 +1541,13 @@ const dl = "mc__NotificationToast-module__toastContainer", ul = "mc__Notificatio
|
|
|
1541
1541
|
}, St = $t(null);
|
|
1542
1542
|
let $l = 0;
|
|
1543
1543
|
const Ml = ({ children: t }) => {
|
|
1544
|
-
const [o,
|
|
1545
|
-
|
|
1546
|
-
const
|
|
1547
|
-
if (a.length >=
|
|
1544
|
+
const [o, l] = O([]), r = (p) => {
|
|
1545
|
+
l((a) => {
|
|
1546
|
+
const n = p.max ?? 1 / 0;
|
|
1547
|
+
if (a.length >= n) return a;
|
|
1548
1548
|
const w = $l++;
|
|
1549
1549
|
return setTimeout(() => {
|
|
1550
|
-
|
|
1550
|
+
l((W) => W.filter((y) => y.id !== w));
|
|
1551
1551
|
}, p.timeout || 4e3), [...a, { id: w, props: p }];
|
|
1552
1552
|
});
|
|
1553
1553
|
}, s = ot(() => {
|
|
@@ -1576,7 +1576,7 @@ const Ml = ({ children: t }) => {
|
|
|
1576
1576
|
{
|
|
1577
1577
|
...a,
|
|
1578
1578
|
onClose: () => {
|
|
1579
|
-
|
|
1579
|
+
l((n) => n.filter((w) => w.id !== p));
|
|
1580
1580
|
}
|
|
1581
1581
|
},
|
|
1582
1582
|
p
|
|
@@ -1628,10 +1628,10 @@ function jl(t) {
|
|
|
1628
1628
|
}
|
|
1629
1629
|
var Pt = { exports: {} };
|
|
1630
1630
|
(function(t, o) {
|
|
1631
|
-
(function(
|
|
1631
|
+
(function(l, r) {
|
|
1632
1632
|
t.exports = r();
|
|
1633
1633
|
})(Yl, function() {
|
|
1634
|
-
var
|
|
1634
|
+
var l = { LTS: "h:mm:ss A", LT: "h:mm A", L: "MM/DD/YYYY", LL: "MMMM D, YYYY", LLL: "MMMM D, YYYY h:mm A", LLLL: "dddd, MMMM D, YYYY h:mm A" }, r = /(\[[^[]*\])|([-_:/.,()\s]+)|(A|a|Q|YYYY|YY?|ww?|MM?M?M?|Do|DD?|hh?|HH?|mm?|ss?|S{1,3}|z|ZZ?)/g, s = /\d/, p = /\d\d/, a = /\d\d?/, n = /\d*[^-_:/,()\s\d]+/, w = {}, W = function(d) {
|
|
1635
1635
|
return (d = +d) + (d > 68 ? 1900 : 2e3);
|
|
1636
1636
|
}, y = function(d) {
|
|
1637
1637
|
return function(f) {
|
|
@@ -1655,9 +1655,9 @@ var Pt = { exports: {} };
|
|
|
1655
1655
|
}
|
|
1656
1656
|
} else v = d === (f ? "pm" : "PM");
|
|
1657
1657
|
return v;
|
|
1658
|
-
}, P = { A: [
|
|
1658
|
+
}, P = { A: [n, function(d) {
|
|
1659
1659
|
this.afternoon = A(d, !1);
|
|
1660
|
-
}], a: [
|
|
1660
|
+
}], a: [n, function(d) {
|
|
1661
1661
|
this.afternoon = A(d, !0);
|
|
1662
1662
|
}], Q: [s, function(d) {
|
|
1663
1663
|
this.month = 3 * (d - 1) + 1;
|
|
@@ -1667,16 +1667,16 @@ var Pt = { exports: {} };
|
|
|
1667
1667
|
this.milliseconds = 10 * +d;
|
|
1668
1668
|
}], SSS: [/\d{3}/, function(d) {
|
|
1669
1669
|
this.milliseconds = +d;
|
|
1670
|
-
}], s: [a, y("seconds")], ss: [a, y("seconds")], m: [a, y("minutes")], mm: [a, y("minutes")], H: [a, y("hours")], h: [a, y("hours")], HH: [a, y("hours")], hh: [a, y("hours")], D: [a, y("day")], DD: [p, y("day")], Do: [
|
|
1670
|
+
}], s: [a, y("seconds")], ss: [a, y("seconds")], m: [a, y("minutes")], mm: [a, y("minutes")], H: [a, y("hours")], h: [a, y("hours")], HH: [a, y("hours")], hh: [a, y("hours")], D: [a, y("day")], DD: [p, y("day")], Do: [n, function(d) {
|
|
1671
1671
|
var f = w.ordinal, v = d.match(/\d+/);
|
|
1672
1672
|
if (this.day = v[0], f) for (var h = 1; h <= 31; h += 1) f(h).replace(/\[|\]/g, "") === d && (this.day = h);
|
|
1673
|
-
}], w: [a, y("week")], ww: [p, y("week")], M: [a, y("month")], MM: [p, y("month")], MMM: [
|
|
1673
|
+
}], w: [a, y("week")], ww: [p, y("week")], M: [a, y("month")], MM: [p, y("month")], MMM: [n, function(d) {
|
|
1674
1674
|
var f = L("months"), v = (L("monthsShort") || f.map(function(h) {
|
|
1675
1675
|
return h.slice(0, 3);
|
|
1676
1676
|
})).indexOf(d) + 1;
|
|
1677
1677
|
if (v < 1) throw new Error();
|
|
1678
1678
|
this.month = v % 12 || v;
|
|
1679
|
-
}], MMMM: [
|
|
1679
|
+
}], MMMM: [n, function(d) {
|
|
1680
1680
|
var f = L("months").indexOf(d) + 1;
|
|
1681
1681
|
if (f < 1) throw new Error();
|
|
1682
1682
|
this.month = f % 12 || f;
|
|
@@ -1688,7 +1688,7 @@ var Pt = { exports: {} };
|
|
|
1688
1688
|
f = d, v = w && w.formats;
|
|
1689
1689
|
for (var h = (d = f.replace(/(\[[^\]]+])|(LTS?|l{1,4}|L{1,4})/g, function(j, B, z) {
|
|
1690
1690
|
var X = z && z.toUpperCase();
|
|
1691
|
-
return B || v[z] ||
|
|
1691
|
+
return B || v[z] || l[z] || v[X].replace(/(\[[^\]]+])|(MMMM|MM|DD|dddd)/g, function(V, D, k) {
|
|
1692
1692
|
return D || k.slice(1);
|
|
1693
1693
|
});
|
|
1694
1694
|
})).match(r), E = h.length, F = 0; F < E; F += 1) {
|
|
@@ -1753,16 +1753,16 @@ S.extend(ft);
|
|
|
1753
1753
|
const _t = ({
|
|
1754
1754
|
value: t,
|
|
1755
1755
|
defaultTimeType: o = "24",
|
|
1756
|
-
defaultAmPm:
|
|
1756
|
+
defaultAmPm: l = "AM",
|
|
1757
1757
|
withConfirm: r = !0,
|
|
1758
1758
|
mode: s = "single",
|
|
1759
1759
|
closeOnScroll: p = !1,
|
|
1760
1760
|
onChange: a,
|
|
1761
|
-
onFocus:
|
|
1761
|
+
onFocus: n,
|
|
1762
1762
|
onBlur: w,
|
|
1763
1763
|
...W
|
|
1764
1764
|
}) => {
|
|
1765
|
-
const y = ae(null), T = ae(null), [L, A] = O(!1), [P, g] = O(o), d = Array.from({ length: 12 }, (k, m) => m < 10 ? `0${m}` : `${m}`), f = Array.from({ length: 24 }, (k, m) => m < 10 ? `0${m}` : `${m}`), v = Array.from({ length: 60 }, (k, m) => m < 10 ? `0${m}` : `${m}`), [h, E] = O(""), [F, Z] = O(null), [J, ne] = O(null), [q, j] = O(
|
|
1765
|
+
const y = ae(null), T = ae(null), [L, A] = O(!1), [P, g] = O(o), d = Array.from({ length: 12 }, (k, m) => m < 10 ? `0${m}` : `${m}`), f = Array.from({ length: 24 }, (k, m) => m < 10 ? `0${m}` : `${m}`), v = Array.from({ length: 60 }, (k, m) => m < 10 ? `0${m}` : `${m}`), [h, E] = O(""), [F, Z] = O(null), [J, ne] = O(null), [q, j] = O(l), B = () => {
|
|
1766
1766
|
if (!y.current || !T.current) return;
|
|
1767
1767
|
const k = y.current, m = T.current;
|
|
1768
1768
|
if (!m || !k) return;
|
|
@@ -1773,7 +1773,7 @@ const _t = ({
|
|
|
1773
1773
|
B();
|
|
1774
1774
|
});
|
|
1775
1775
|
}, X = () => {
|
|
1776
|
-
|
|
1776
|
+
n?.();
|
|
1777
1777
|
}, V = () => {
|
|
1778
1778
|
E(""), ne(null), Z(null), j("AM");
|
|
1779
1779
|
};
|
|
@@ -1907,12 +1907,12 @@ S.extend(ft);
|
|
|
1907
1907
|
const xr = ({
|
|
1908
1908
|
valueFormat: t,
|
|
1909
1909
|
quickPick: o,
|
|
1910
|
-
onChange:
|
|
1910
|
+
onChange: l,
|
|
1911
1911
|
CurrentMonth: r,
|
|
1912
1912
|
setCurrentMonth: s,
|
|
1913
1913
|
SelectedDate: p,
|
|
1914
1914
|
namespace: a,
|
|
1915
|
-
customYears:
|
|
1915
|
+
customYears: n,
|
|
1916
1916
|
setSelectedDate: w,
|
|
1917
1917
|
IsFocused: W,
|
|
1918
1918
|
setIsFocused: y,
|
|
@@ -1938,7 +1938,7 @@ const xr = ({
|
|
|
1938
1938
|
const X = ["Mo", "Tu", "We", "Th", "Fr", "Sa", "Su"], V = ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"];
|
|
1939
1939
|
S().year();
|
|
1940
1940
|
const [D, k] = O(""), m = ae([]), [C, b] = O(!1), U = (I) => {
|
|
1941
|
-
if (
|
|
1941
|
+
if (n?.length && !n.includes(I.year().toString()))
|
|
1942
1942
|
return [];
|
|
1943
1943
|
const _ = (I.startOf("month").day() + 6) % 7, x = I.endOf("month").date(), R = I.subtract(1, "month").endOf("month").date(), se = [];
|
|
1944
1944
|
let oe = [], fe = 1;
|
|
@@ -2058,25 +2058,25 @@ const xr = ({
|
|
|
2058
2058
|
console.warn("Unsupported quick pick option:", I);
|
|
2059
2059
|
break;
|
|
2060
2060
|
}
|
|
2061
|
-
if (
|
|
2061
|
+
if (l && typeof l == "function") {
|
|
2062
2062
|
const x = {
|
|
2063
2063
|
start: _.start ? _.start : "",
|
|
2064
2064
|
end: _.end ? _.end : ""
|
|
2065
2065
|
};
|
|
2066
|
-
y(!1),
|
|
2066
|
+
y(!1), l(x.end === "" ? x.start : x);
|
|
2067
2067
|
}
|
|
2068
2068
|
}, G = () => {
|
|
2069
2069
|
}, Y = (I, _, x = !1) => {
|
|
2070
|
-
_ || s(I.startOf("month")), T === "range" ? A((R) => !R.start || R.start && R.end ? (
|
|
2070
|
+
_ || s(I.startOf("month")), T === "range" ? A((R) => !R.start || R.start && R.end ? (l && typeof l == "function" && l({
|
|
2071
2071
|
start: I ?? "",
|
|
2072
2072
|
end: ""
|
|
2073
|
-
}), { start: I ?? "", end: "" }) : R.start && !R.end ? I.isBefore(R.start, "day") ? (
|
|
2073
|
+
}), { start: I ?? "", end: "" }) : R.start && !R.end ? I.isBefore(R.start, "day") ? (l && typeof l == "function" && l({
|
|
2074
2074
|
start: I ?? "",
|
|
2075
2075
|
end: R?.start ?? ""
|
|
2076
|
-
}), { start: I ?? "", end: R?.start ?? "" }) : (
|
|
2076
|
+
}), { start: I ?? "", end: R?.start ?? "" }) : (l({
|
|
2077
2077
|
...R,
|
|
2078
2078
|
end: I ?? ""
|
|
2079
|
-
}), { ...R, end: I ?? "" }) : R) : (A({ start: null, end: null }), w(I), x || (y(!1),
|
|
2079
|
+
}), { ...R, end: I ?? "" }) : R) : (A({ start: null, end: null }), w(I), x || (y(!1), l && typeof l == "function" && l(I.format(t))));
|
|
2080
2080
|
}, ce = () => {
|
|
2081
2081
|
s(r.add(1, "month"));
|
|
2082
2082
|
}, ie = () => {
|
|
@@ -2099,19 +2099,19 @@ const xr = ({
|
|
|
2099
2099
|
P === "dual" ? /* @__PURE__ */ i("div", { style: { width: "100%", display: "flex", justifyContent: "space-between" }, children: [
|
|
2100
2100
|
/* @__PURE__ */ i("div", { style: { width: "50%", display: "flex", alignItems: "center", justifyContent: "flex-start", gap: "80px" }, children: [
|
|
2101
2101
|
/* @__PURE__ */ i("div", { className: Q.left, children: [
|
|
2102
|
-
(!
|
|
2102
|
+
(!n || n.length > 1) && (!n || r.year() > Math.min(...n.map(Number))) ? /* @__PURE__ */ i("div", { className: Q.doubleIcon, onClick: re, children: [
|
|
2103
2103
|
/* @__PURE__ */ e(ze, {}),
|
|
2104
2104
|
/* @__PURE__ */ e(ze, {})
|
|
2105
2105
|
] }) : /* @__PURE__ */ e("div", { style: { width: "20px", height: "20px" } }),
|
|
2106
|
-
!
|
|
2106
|
+
!n || n && r.format("MMMM YYYY") !== `January ${Math.min(...n.map(Number))}` ? /* @__PURE__ */ e("div", { className: Q.singleIcon, onClick: ie, children: /* @__PURE__ */ e(ze, {}) }) : /* @__PURE__ */ e("div", { style: { width: "20px", height: "20px" } })
|
|
2107
2107
|
] }),
|
|
2108
|
-
/* @__PURE__ */ e("div", { style: z ?? {}, children:
|
|
2108
|
+
/* @__PURE__ */ e("div", { style: z ?? {}, children: n && n.length === 1 ? r.format("MMMM") : r.format("MMMM YYYY") })
|
|
2109
2109
|
] }),
|
|
2110
2110
|
/* @__PURE__ */ i("div", { style: { width: "50%", display: "flex", alignItems: "center", justifyContent: "flex-end", gap: "80px" }, children: [
|
|
2111
|
-
/* @__PURE__ */ e("span", { style: z ?? {}, children:
|
|
2111
|
+
/* @__PURE__ */ e("span", { style: z ?? {}, children: n && n.length === 1 ? r.add(1, "month").format("MMMM") : r.add(1, "month").format("MMMM YYYY") }),
|
|
2112
2112
|
/* @__PURE__ */ i("div", { className: Q.right, children: [
|
|
2113
|
-
!
|
|
2114
|
-
(!
|
|
2113
|
+
!n || n && r.format("MMMM YYYY") !== `December ${Math.max(...n.map(Number))}` ? /* @__PURE__ */ e("div", { className: Q.singleIcon, onClick: ce, children: /* @__PURE__ */ e(Ue, {}) }) : /* @__PURE__ */ e("div", { style: { width: "20px", height: "20px" } }),
|
|
2114
|
+
(!n || n.length > 1) && (!n || r.year() < Math.max(...n.map(Number))) ? /* @__PURE__ */ i("div", { className: Q.doubleIcon, onClick: Ce, children: [
|
|
2115
2115
|
/* @__PURE__ */ e(Ue, {}),
|
|
2116
2116
|
/* @__PURE__ */ e(Ue, {})
|
|
2117
2117
|
] }) : /* @__PURE__ */ e("div", { style: { width: "20px", height: "20px" } })
|
|
@@ -2120,16 +2120,16 @@ const xr = ({
|
|
|
2120
2120
|
] }) : /* @__PURE__ */ i("div", { className: Q.datePickerHeader, children: [
|
|
2121
2121
|
/* @__PURE__ */ i("div", { style: { display: "flex", justifyContent: "space-between", alignItems: "center" }, children: [
|
|
2122
2122
|
/* @__PURE__ */ i("div", { className: Q.left, children: [
|
|
2123
|
-
(!
|
|
2123
|
+
(!n || n.length > 1) && (!n || r.year() > Math.min(...n.map(Number))) ? /* @__PURE__ */ i("div", { className: Q.doubleIcon, onClick: re, children: [
|
|
2124
2124
|
/* @__PURE__ */ e(ze, {}),
|
|
2125
2125
|
/* @__PURE__ */ e(ze, {})
|
|
2126
2126
|
] }) : /* @__PURE__ */ e("div", { style: { width: "20px", height: "20px" } }),
|
|
2127
|
-
!
|
|
2127
|
+
!n || n && r.format("MMMM YYYY") !== `January ${Math.min(...n.map(Number))}` ? /* @__PURE__ */ e("div", { className: Q.singleIcon, onClick: ie, children: /* @__PURE__ */ e(ze, {}) }) : /* @__PURE__ */ e("div", { style: { width: "20px", height: "20px" } })
|
|
2128
2128
|
] }),
|
|
2129
|
-
/* @__PURE__ */ e("div", { className: Q.currentDateHeader, style: z ?? {}, onClick: G, children:
|
|
2129
|
+
/* @__PURE__ */ e("div", { className: Q.currentDateHeader, style: z ?? {}, onClick: G, children: n && n.length === 1 ? r.format("MMMM") : r.format("MMMM YYYY") }),
|
|
2130
2130
|
/* @__PURE__ */ i("div", { className: Q.right, children: [
|
|
2131
|
-
!
|
|
2132
|
-
(!
|
|
2131
|
+
!n || n && r.format("MMMM YYYY") !== `December ${Math.max(...n.map(Number))}` ? /* @__PURE__ */ e("div", { className: Q.singleIcon, onClick: ce, children: /* @__PURE__ */ e(Ue, {}) }) : /* @__PURE__ */ e("div", { style: { width: "20px", height: "20px" } }),
|
|
2132
|
+
(!n || n.length > 1) && (!n || r.year() < Math.max(...n.map(Number))) ? /* @__PURE__ */ i("div", { className: Q.doubleIcon, onClick: Ce, children: [
|
|
2133
2133
|
/* @__PURE__ */ e(Ue, {}),
|
|
2134
2134
|
/* @__PURE__ */ e(Ue, {})
|
|
2135
2135
|
] }) : /* @__PURE__ */ e("div", { className: Q.doubleIcon })
|
|
@@ -2224,12 +2224,12 @@ S.extend(ft);
|
|
|
2224
2224
|
const Ct = ({
|
|
2225
2225
|
defaultValue: t,
|
|
2226
2226
|
valueFormat: o = "DD-MM-YYYY",
|
|
2227
|
-
onChange:
|
|
2227
|
+
onChange: l,
|
|
2228
2228
|
onBlur: r,
|
|
2229
2229
|
onFocus: s,
|
|
2230
2230
|
customYears: p,
|
|
2231
2231
|
fixedDropdown: a = !0,
|
|
2232
|
-
disabledDatesFrom:
|
|
2232
|
+
disabledDatesFrom: n,
|
|
2233
2233
|
disabledDatesTill: w,
|
|
2234
2234
|
disabledDatesRange: W,
|
|
2235
2235
|
datepickerStyle: y,
|
|
@@ -2265,12 +2265,12 @@ const Ct = ({
|
|
|
2265
2265
|
end: null
|
|
2266
2266
|
}), Y = ae(null), ce = (_, x, R) => {
|
|
2267
2267
|
let se = "", oe = { start: "", end: "" };
|
|
2268
|
-
(q === "single" || typeof _ == "string") && (se = _, m(se)), (q !== "single" || typeof _ != "string") && (_?.start || _?.end ? se = `${_?.start ? S(_?.start).format(o) : ""} / ${_?.end ? S(_?.end).format(o) : ""}` : se = "", oe.start = _?.start ? S(_?.start).format(o) : "", oe.end = _?.end ? S(_?.end).format(o) : "", m(se)), _?.end && D(!1),
|
|
2268
|
+
(q === "single" || typeof _ == "string") && (se = _, m(se)), (q !== "single" || typeof _ != "string") && (_?.start || _?.end ? se = `${_?.start ? S(_?.start).format(o) : ""} / ${_?.end ? S(_?.end).format(o) : ""}` : se = "", oe.start = _?.start ? S(_?.start).format(o) : "", oe.end = _?.end ? S(_?.end).format(o) : "", m(se)), _?.end && D(!1), l && typeof l == "function" && !R && (l(oe.start !== "" ? oe : se), C.current.value = oe.start !== "" ? oe : se);
|
|
2269
2269
|
}, ie = (_) => {
|
|
2270
2270
|
_.stopPropagation(), le(""), C.current.value = "", m(""), G({
|
|
2271
2271
|
start: null,
|
|
2272
2272
|
end: null
|
|
2273
|
-
}),
|
|
2273
|
+
}), l && typeof l == "function" && l("");
|
|
2274
2274
|
}, Ce = (_) => {
|
|
2275
2275
|
Y.current && (_.composedPath().includes(Y.current) || D(!1));
|
|
2276
2276
|
}, re = (_) => {
|
|
@@ -2320,7 +2320,7 @@ const Ct = ({
|
|
|
2320
2320
|
namespace: X,
|
|
2321
2321
|
defaultValue: C.current,
|
|
2322
2322
|
CalendarRef: b,
|
|
2323
|
-
disabledDatesFrom:
|
|
2323
|
+
disabledDatesFrom: n,
|
|
2324
2324
|
disabledDatesTill: w,
|
|
2325
2325
|
disabledDatesRange: W,
|
|
2326
2326
|
valueFormat: o,
|
|
@@ -2388,7 +2388,7 @@ const Tr = "mc__Skeleton-module__skeleton", Ir = "mc__Skeleton-module__shimmer",
|
|
|
2388
2388
|
text: Nr,
|
|
2389
2389
|
avatar: $r,
|
|
2390
2390
|
dark: Mr
|
|
2391
|
-
}, gt = ({ type: t = "text", customStyle: o, children:
|
|
2391
|
+
}, gt = ({ type: t = "text", customStyle: o, children: l }) => /* @__PURE__ */ e("div", { style: o ?? {}, className: ` ${Tt.skeleton} ${Tt[t] || ""}`, children: l });
|
|
2392
2392
|
gt.propKeys = ["type", "customStyle", "children"];
|
|
2393
2393
|
gt.displayName = "Skeleton";
|
|
2394
2394
|
gt.description = "A loading skeleton component for displaying placeholder content while data is being fetched.";
|
|
@@ -2401,12 +2401,12 @@ const Dr = "mc__ActionDropdown-module__actionDropdownContainer", Sr = "mc__Actio
|
|
|
2401
2401
|
actionDropdownList: Rr,
|
|
2402
2402
|
actionDropdownItem: Wr,
|
|
2403
2403
|
selected: Br
|
|
2404
|
-
}, wt = ({ title: t, data: o, closeOnScroll:
|
|
2405
|
-
const [s, p] = O(!1), a = ae(null),
|
|
2404
|
+
}, wt = ({ title: t, data: o, closeOnScroll: l = !1, onSelect: r }) => {
|
|
2405
|
+
const [s, p] = O(!1), a = ae(null), n = ae(null), [w, W] = O(null), y = (g) => {
|
|
2406
2406
|
W(g), r?.(g), p(!1);
|
|
2407
2407
|
}, T = () => {
|
|
2408
|
-
if (!a.current || !
|
|
2409
|
-
const g = a.current, d =
|
|
2408
|
+
if (!a.current || !n.current) return;
|
|
2409
|
+
const g = a.current, d = n.current;
|
|
2410
2410
|
if (!d || !g) return;
|
|
2411
2411
|
const f = g.getBoundingClientRect(), v = window.innerHeight;
|
|
2412
2412
|
d.style.width = f.width + "px", d.style.position = "fixed", f.bottom + d.offsetHeight > v ? (d.style.top = `${f.top - d.offsetHeight - 8}px`, d.style.bottom = "unset") : (d.style.top = `${f.bottom + 8}px`, d.style.bottom = "unset");
|
|
@@ -2421,7 +2421,7 @@ const Dr = "mc__ActionDropdown-module__actionDropdownContainer", Sr = "mc__Actio
|
|
|
2421
2421
|
const A = (g) => {
|
|
2422
2422
|
a.current && (g.composedPath().includes(a.current) || p(!1));
|
|
2423
2423
|
}, P = (g) => {
|
|
2424
|
-
|
|
2424
|
+
l && (!a.current || !n.current || g.composedPath().includes(a.current) || g.composedPath().includes(n.current) || p(!1));
|
|
2425
2425
|
};
|
|
2426
2426
|
return ee(() => {
|
|
2427
2427
|
const g = () => {
|
|
@@ -2435,7 +2435,7 @@ const Dr = "mc__ActionDropdown-module__actionDropdownContainer", Sr = "mc__Actio
|
|
|
2435
2435
|
/* @__PURE__ */ e("p", { title: t, className: Pe.actionDropdownTitle, children: w?.label || t }),
|
|
2436
2436
|
/* @__PURE__ */ e("div", { className: Pe.actionDropdownIcon, children: /* @__PURE__ */ e(et, { width: "10", height: "6", color: "#131314" }) })
|
|
2437
2437
|
] }),
|
|
2438
|
-
s && /* @__PURE__ */ e("ul", { ref:
|
|
2438
|
+
s && /* @__PURE__ */ e("ul", { ref: n, onClick: (g) => g.stopPropagation(), className: Pe.actionDropdownList, children: o.map((g) => /* @__PURE__ */ e(
|
|
2439
2439
|
"li",
|
|
2440
2440
|
{
|
|
2441
2441
|
onClick: (d) => {
|
|
@@ -2462,7 +2462,7 @@ const Er = "mc__InlineLoading-module__inlineLoadingWrapper", Fr = "mc__InlineLoa
|
|
|
2462
2462
|
d: "M8 1C4.1 1 1 4.1 1 8C1 11.9 4.1 15 8 15C11.9 15 15 11.9 15 8C15 4.1 11.9 1 8 1ZM10.7 11.5L4.5 5.3L5.3 4.5L11.5 10.7L10.7 11.5Z",
|
|
2463
2463
|
fill: o
|
|
2464
2464
|
}
|
|
2465
|
-
) }), Vr = ({ color1: t = "#BCC1C2", color2: o = "#0266EF", size:
|
|
2465
|
+
) }), Vr = ({ color1: t = "#BCC1C2", color2: o = "#0266EF", size: l = "16" }) => /* @__PURE__ */ i("svg", { xmlns: "http://www.w3.org/2000/svg", width: l, height: l, viewBox: "0 0 16 16", fill: "none", children: [
|
|
2466
2466
|
/* @__PURE__ */ e(
|
|
2467
2467
|
"path",
|
|
2468
2468
|
{
|
|
@@ -2485,7 +2485,7 @@ const Er = "mc__InlineLoading-module__inlineLoadingWrapper", Fr = "mc__InlineLoa
|
|
|
2485
2485
|
d: "M8 1C4.1 1 1 4.1 1 8C1 11.9 4.1 15 8 15C11.9 15 15 11.9 15 8C15 4.1 11.9 1 8 1ZM7 11L4.3 8.3L5.2 7.5L7 9.3L11 5.4L11.9 6.2L7 11Z",
|
|
2486
2486
|
fill: o
|
|
2487
2487
|
}
|
|
2488
|
-
) }), yt = ({ loading: t, success: o, error:
|
|
2488
|
+
) }), yt = ({ loading: t, success: o, error: l, msg: r }) => /* @__PURE__ */ i("div", { className: `${It.inlineLoadingWrapper}`, children: [
|
|
2489
2489
|
t?.state && /* @__PURE__ */ i("div", { className: It.loading, children: [
|
|
2490
2490
|
/* @__PURE__ */ e(Vr, { color1: t?.color1 ?? "#BCC1C2", color2: t?.color2, size: t?.size }),
|
|
2491
2491
|
/* @__PURE__ */ e("span", { style: r?.style ?? {}, children: r?.text ?? "" })
|
|
@@ -2494,8 +2494,8 @@ const Er = "mc__InlineLoading-module__inlineLoadingWrapper", Fr = "mc__InlineLoa
|
|
|
2494
2494
|
/* @__PURE__ */ e(Zr, { size: o?.size, color: o?.color }),
|
|
2495
2495
|
/* @__PURE__ */ e("span", { style: r?.style ?? {}, children: r?.text ?? "" })
|
|
2496
2496
|
] }),
|
|
2497
|
-
!t?.state &&
|
|
2498
|
-
/* @__PURE__ */ e(Or, { size:
|
|
2497
|
+
!t?.state && l?.state && /* @__PURE__ */ i("div", { children: [
|
|
2498
|
+
/* @__PURE__ */ e(Or, { size: l?.size, color: l?.color }),
|
|
2499
2499
|
/* @__PURE__ */ e("span", { style: r?.style ?? {}, children: r?.text ?? "" })
|
|
2500
2500
|
] })
|
|
2501
2501
|
] });
|
|
@@ -2512,7 +2512,7 @@ const zr = "mc__Slider-module__sliderContainer", Ur = "mc__Slider-module__slider
|
|
|
2512
2512
|
thumbSingle: Xr,
|
|
2513
2513
|
tooltip: Qr
|
|
2514
2514
|
}, Jr = () => {
|
|
2515
|
-
const [t, o] = O(),
|
|
2515
|
+
const [t, o] = O(), l = (r, s) => {
|
|
2516
2516
|
t && clearTimeout(t), o(
|
|
2517
2517
|
setTimeout(() => {
|
|
2518
2518
|
r();
|
|
@@ -2521,25 +2521,25 @@ const zr = "mc__Slider-module__sliderContainer", Ur = "mc__Slider-module__slider
|
|
|
2521
2521
|
};
|
|
2522
2522
|
return ee(() => () => {
|
|
2523
2523
|
t && clearTimeout(t);
|
|
2524
|
-
}, []),
|
|
2524
|
+
}, []), l;
|
|
2525
2525
|
}, vt = ({
|
|
2526
2526
|
value: t,
|
|
2527
2527
|
minValue: o,
|
|
2528
|
-
maxValue:
|
|
2528
|
+
maxValue: l,
|
|
2529
2529
|
min: r = 0,
|
|
2530
2530
|
max: s = 100,
|
|
2531
2531
|
range: p = !0,
|
|
2532
2532
|
debounceTime: a,
|
|
2533
|
-
onChange:
|
|
2533
|
+
onChange: n,
|
|
2534
2534
|
sliderContainerStyle: w,
|
|
2535
2535
|
sliderStyle: W,
|
|
2536
2536
|
sliderProgressStyle: y,
|
|
2537
2537
|
thumbStyle: T,
|
|
2538
2538
|
unit: L
|
|
2539
2539
|
}) => {
|
|
2540
|
-
const A = ae(!0), P = p || o !== void 0 &&
|
|
2540
|
+
const A = ae(!0), P = p || o !== void 0 && l !== void 0, [g, d] = O({
|
|
2541
2541
|
minValue: o ?? r,
|
|
2542
|
-
maxValue:
|
|
2542
|
+
maxValue: l ?? s,
|
|
2543
2543
|
singleValue: t ?? r
|
|
2544
2544
|
}), [f, v] = O({
|
|
2545
2545
|
min: !1,
|
|
@@ -2599,7 +2599,7 @@ const zr = "mc__Slider-module__sliderContainer", Ur = "mc__Slider-module__slider
|
|
|
2599
2599
|
A.current = !1;
|
|
2600
2600
|
return;
|
|
2601
2601
|
}
|
|
2602
|
-
|
|
2602
|
+
n && typeof n == "function" && F(P ? () => n([g.minValue, g.maxValue]) : () => n(g.singleValue), a ?? 100);
|
|
2603
2603
|
}, [g]), /* @__PURE__ */ e("div", { style: w ?? {}, className: `${be.sliderContainer}`, children: /* @__PURE__ */ i("div", { ref: Z, style: W ?? {}, className: be.slider, onMouseDown: z, children: [
|
|
2604
2604
|
/* @__PURE__ */ e("div", { className: be.sliderProgress, style: { ...X, ...y ?? {} } }),
|
|
2605
2605
|
P ? /* @__PURE__ */ i(st, { children: [
|
|
@@ -2687,18 +2687,18 @@ const Gr = "mc__FilterWithTags-module__filterWithTagsContainer", ei = "mc__Filte
|
|
|
2687
2687
|
filterContentOptionTitle: si,
|
|
2688
2688
|
filterContentOption: ai,
|
|
2689
2689
|
filterContentOptionLast: ci
|
|
2690
|
-
}, di = ({ filterOptions: t }) => /* @__PURE__ */ e("div", { className: Fe.filterContent, children: t?.map((o,
|
|
2690
|
+
}, di = ({ filterOptions: t }) => /* @__PURE__ */ e("div", { className: Fe.filterContent, children: t?.map((o, l) => /* @__PURE__ */ i("div", { className: `${Fe.filterContentOption} ${l === t.length - 1 ? Fe.filterContentOptionLast : ""}`, children: [
|
|
2691
2691
|
/* @__PURE__ */ e("div", { className: Fe.filterContentOptionHeader, children: /* @__PURE__ */ e("h3", { className: Fe.filterContentOptionTitle, children: o.title }) }),
|
|
2692
2692
|
/* @__PURE__ */ e("div", { style: o?.style ?? {}, className: Fe.filterContentOptionBody, children: o.options?.map((r, s) => /* @__PURE__ */ e("div", { style: r.style ?? {}, className: Fe.filterContentOptionBodyItem, children: r.component && /* @__PURE__ */ e(r.component, { ...r.props }) }, s)) })
|
|
2693
|
-
] },
|
|
2693
|
+
] }, l)) }), bt = ({
|
|
2694
2694
|
filterOptions: t,
|
|
2695
2695
|
customOpenPopup: o = !0,
|
|
2696
|
-
onApply:
|
|
2696
|
+
onApply: l,
|
|
2697
2697
|
onClearAll: r,
|
|
2698
2698
|
mainButtonProps: s,
|
|
2699
2699
|
popupProps: p,
|
|
2700
2700
|
cancelButtonProps: a,
|
|
2701
|
-
applyButtonProps:
|
|
2701
|
+
applyButtonProps: n
|
|
2702
2702
|
}) => {
|
|
2703
2703
|
const [w, W] = O(!1), y = () => {
|
|
2704
2704
|
o && W(!0);
|
|
@@ -2720,7 +2720,7 @@ const Gr = "mc__FilterWithTags-module__filterWithTagsContainer", ei = "mc__Filte
|
|
|
2720
2720
|
/* @__PURE__ */ e("div", { className: `${Ee.filterWithTagsPopupContent} ${p?.mode === "drawer" ? Ee.filterWithTagsPopupContentDrawer : ""}`, children: /* @__PURE__ */ e(di, { filterOptions: t }) }),
|
|
2721
2721
|
/* @__PURE__ */ i("div", { className: Ee.filterWithTagsPopupFooter, children: [
|
|
2722
2722
|
/* @__PURE__ */ e(De, { buttonStyle: { width: "130px" }, ...a, label: "Clear", buttonType: "tertiaryV2", onClick: r }),
|
|
2723
|
-
/* @__PURE__ */ e(De, { buttonStyle: { width: "130px" }, ...
|
|
2723
|
+
/* @__PURE__ */ e(De, { buttonStyle: { width: "130px" }, ...n, label: "Show", onClick: l })
|
|
2724
2724
|
] })
|
|
2725
2725
|
] })
|
|
2726
2726
|
] });
|
|
@@ -2776,25 +2776,25 @@ const ui = "mc__Table-module__tableContainer", mi = "mc__Table-module__tableWrap
|
|
|
2776
2776
|
selected: ts
|
|
2777
2777
|
};
|
|
2778
2778
|
function Ht(t) {
|
|
2779
|
-
var o,
|
|
2779
|
+
var o, l, r = "";
|
|
2780
2780
|
if (typeof t == "string" || typeof t == "number") r += t;
|
|
2781
2781
|
else if (typeof t == "object") if (Array.isArray(t)) {
|
|
2782
2782
|
var s = t.length;
|
|
2783
|
-
for (o = 0; o < s; o++) t[o] && (
|
|
2784
|
-
} else for (
|
|
2783
|
+
for (o = 0; o < s; o++) t[o] && (l = Ht(t[o])) && (r && (r += " "), r += l);
|
|
2784
|
+
} else for (l in t) t[l] && (r && (r += " "), r += l);
|
|
2785
2785
|
return r;
|
|
2786
2786
|
}
|
|
2787
2787
|
function Oe() {
|
|
2788
|
-
for (var t, o,
|
|
2788
|
+
for (var t, o, l = 0, r = "", s = arguments.length; l < s; l++) (t = arguments[l]) && (o = Ht(t)) && (r && (r += " "), r += o);
|
|
2789
2789
|
return r;
|
|
2790
2790
|
}
|
|
2791
|
-
const os = (t, o,
|
|
2791
|
+
const os = (t, o, l = {}) => {
|
|
2792
2792
|
const [r, s] = O(() => {
|
|
2793
2793
|
const d = {};
|
|
2794
2794
|
return o.forEach((f) => {
|
|
2795
2795
|
f.key && f.customWidth && (d[f.key] = typeof f.customWidth == "number" ? f.customWidth : parseInt(f.customWidth.toString(), 10));
|
|
2796
2796
|
}), d;
|
|
2797
|
-
}), [p, a] = O(!1), [
|
|
2797
|
+
}), [p, a] = O(!1), [n, w] = O(null), [W, y] = O(0), [T, L] = O(0), A = ot(
|
|
2798
2798
|
(d, f) => {
|
|
2799
2799
|
console.log("Resize start for column:", f), d.preventDefault(), d.stopPropagation();
|
|
2800
2800
|
const v = d.target.closest("th"), h = v ? v.offsetWidth : r[f];
|
|
@@ -2803,15 +2803,15 @@ const os = (t, o, n = {}) => {
|
|
|
2803
2803
|
[r]
|
|
2804
2804
|
), P = ot(
|
|
2805
2805
|
(d) => {
|
|
2806
|
-
if (!p || !
|
|
2806
|
+
if (!p || !n) return;
|
|
2807
2807
|
d.preventDefault();
|
|
2808
2808
|
const f = d.clientX - W, v = Math.max(50, T + f);
|
|
2809
|
-
console.log("Resizing column:",
|
|
2809
|
+
console.log("Resizing column:", n, "new width:", v), s((h) => ({
|
|
2810
2810
|
...h,
|
|
2811
|
-
[
|
|
2811
|
+
[n]: v
|
|
2812
2812
|
}));
|
|
2813
2813
|
},
|
|
2814
|
-
[p,
|
|
2814
|
+
[p, n, W, T]
|
|
2815
2815
|
), g = ot(() => {
|
|
2816
2816
|
console.log("Resize end"), a(!1), w(null);
|
|
2817
2817
|
}, []);
|
|
@@ -2823,29 +2823,29 @@ const os = (t, o, n = {}) => {
|
|
|
2823
2823
|
}, [p, P, g]), {
|
|
2824
2824
|
columnWidths: r,
|
|
2825
2825
|
isResizing: p,
|
|
2826
|
-
resizeColumn:
|
|
2826
|
+
resizeColumn: n,
|
|
2827
2827
|
handleResizeStart: A
|
|
2828
2828
|
};
|
|
2829
2829
|
};
|
|
2830
|
-
function ns({ currentValue: t, options: o, onChange:
|
|
2831
|
-
const [r, s] = O(!1), [p, a] = O(!1),
|
|
2830
|
+
function ns({ currentValue: t, options: o, onChange: l }) {
|
|
2831
|
+
const [r, s] = O(!1), [p, a] = O(!1), n = ae(null), w = ae(null);
|
|
2832
2832
|
ee(() => {
|
|
2833
|
-
if (r &&
|
|
2834
|
-
const y =
|
|
2833
|
+
if (r && n.current && w.current) {
|
|
2834
|
+
const y = n.current.getBoundingClientRect(), T = w.current.offsetHeight, A = window.innerHeight - y.bottom, P = y.top;
|
|
2835
2835
|
a(A < T && P >= T);
|
|
2836
2836
|
}
|
|
2837
2837
|
}, [r]), ee(() => {
|
|
2838
2838
|
const y = (T) => {
|
|
2839
|
-
|
|
2839
|
+
n.current && !n.current.contains(T.target) && s(!1);
|
|
2840
2840
|
};
|
|
2841
2841
|
return document.addEventListener("mousedown", y), () => {
|
|
2842
2842
|
document.removeEventListener("mousedown", y);
|
|
2843
2843
|
};
|
|
2844
2844
|
}, []);
|
|
2845
2845
|
const W = (y) => {
|
|
2846
|
-
|
|
2846
|
+
l(y), s(!1);
|
|
2847
2847
|
};
|
|
2848
|
-
return /* @__PURE__ */ i("div", { ref:
|
|
2848
|
+
return /* @__PURE__ */ i("div", { ref: n, className: H.rowsPerPageDropdown, children: [
|
|
2849
2849
|
/* @__PURE__ */ e(
|
|
2850
2850
|
De,
|
|
2851
2851
|
{
|
|
@@ -2886,12 +2886,12 @@ function ns({ currentValue: t, options: o, onChange: n }) {
|
|
|
2886
2886
|
const kt = ({
|
|
2887
2887
|
uniqueKey: t = "id",
|
|
2888
2888
|
columns: o = [],
|
|
2889
|
-
data:
|
|
2889
|
+
data: l = [],
|
|
2890
2890
|
onRowClick: r,
|
|
2891
2891
|
onHeaderClick: s,
|
|
2892
2892
|
withSortIcons: p = !1,
|
|
2893
2893
|
sort: a = [],
|
|
2894
|
-
selectedRows:
|
|
2894
|
+
selectedRows: n = [],
|
|
2895
2895
|
onSelectionChange: w,
|
|
2896
2896
|
withSelectAll: W = !1,
|
|
2897
2897
|
actionButtonText: y,
|
|
@@ -2923,7 +2923,7 @@ const kt = ({
|
|
|
2923
2923
|
rowActions: m = []
|
|
2924
2924
|
}) => {
|
|
2925
2925
|
const { columnWidths: C, isResizing: b, resizeColumn: U, handleResizeStart: K } = os(
|
|
2926
|
-
|
|
2926
|
+
l,
|
|
2927
2927
|
o.map((c) => ({ ...c, customWidth: c.customWidth }))
|
|
2928
2928
|
), ue = ae(null), [le, he] = O(null), [G, Y] = O(null), ce = ae({}), ie = ae(null), Ce = ae(null), [re, I] = O(!1), [_, x] = O(null), [R, se] = O(null), [oe, fe] = O(o);
|
|
2929
2929
|
ee(() => {
|
|
@@ -2956,17 +2956,17 @@ const kt = ({
|
|
|
2956
2956
|
const N = oe.map(($) => $.key === c.key ? { ...$, visible: !$.visible } : $);
|
|
2957
2957
|
fe(N), f?.(N);
|
|
2958
2958
|
}, Ne = oe.filter((c) => c.visible), We = (c) => {
|
|
2959
|
-
const N =
|
|
2959
|
+
const N = l.map(($) => $[t]);
|
|
2960
2960
|
if (c) {
|
|
2961
|
-
const $ = [.../* @__PURE__ */ new Set([...
|
|
2961
|
+
const $ = [.../* @__PURE__ */ new Set([...n, ...N])];
|
|
2962
2962
|
w?.($);
|
|
2963
2963
|
} else {
|
|
2964
|
-
const $ =
|
|
2964
|
+
const $ = n.filter((pe) => !N.includes(pe));
|
|
2965
2965
|
w?.($);
|
|
2966
2966
|
}
|
|
2967
2967
|
}, Le = (c, N, $ = null) => {
|
|
2968
|
-
w?.(N ? [...
|
|
2969
|
-
}, Ke =
|
|
2968
|
+
w?.(N ? [...n, c] : n.filter((pe) => pe !== c), $);
|
|
2969
|
+
}, Ke = l.map((c) => c[t]), qe = l.length > 0 && Ke.every((c) => n.includes(c)), tt = Ke.some((c) => n.includes(c)) && !qe, u = (c, N) => {
|
|
2970
2970
|
D?.(c, N);
|
|
2971
2971
|
}, M = (c, N) => {
|
|
2972
2972
|
k?.(c, N);
|
|
@@ -3036,22 +3036,22 @@ const kt = ({
|
|
|
3036
3036
|
)) })
|
|
3037
3037
|
] })
|
|
3038
3038
|
] }),
|
|
3039
|
-
W &&
|
|
3039
|
+
W && n.length > 0 && /* @__PURE__ */ e(
|
|
3040
3040
|
"div",
|
|
3041
3041
|
{
|
|
3042
3042
|
className: Oe(H.tableHeader, {
|
|
3043
|
-
[H.visible]:
|
|
3043
|
+
[H.visible]: n.length > 0
|
|
3044
3044
|
}),
|
|
3045
3045
|
children: /* @__PURE__ */ i("div", { className: H.tableHeaderLeftContent, children: [
|
|
3046
3046
|
/* @__PURE__ */ i("p", { children: [
|
|
3047
|
-
|
|
3047
|
+
n.length,
|
|
3048
3048
|
" rows selected"
|
|
3049
3049
|
] }),
|
|
3050
3050
|
/* @__PURE__ */ e("div", { className: H.tableHeaderSeparator }),
|
|
3051
|
-
Array.isArray(A) && A.length > 0 ? A.map((c, N) => /* @__PURE__ */ i("div", { className: H.actionButton, onClick: () => c.onClick?.(
|
|
3051
|
+
Array.isArray(A) && A.length > 0 ? A.map((c, N) => /* @__PURE__ */ i("div", { className: H.actionButton, onClick: () => c.onClick?.(n), children: [
|
|
3052
3052
|
c.text,
|
|
3053
3053
|
c.icon
|
|
3054
|
-
] }, c.text || N)) : /* @__PURE__ */ i("div", { className: H.actionButton, onClick: () => L?.(
|
|
3054
|
+
] }, c.text || N)) : /* @__PURE__ */ i("div", { className: H.actionButton, onClick: () => L?.(n), children: [
|
|
3055
3055
|
y || "Delete",
|
|
3056
3056
|
T && T
|
|
3057
3057
|
] })
|
|
@@ -3065,7 +3065,7 @@ const kt = ({
|
|
|
3065
3065
|
H.tableWrapper,
|
|
3066
3066
|
{ [H.resizing]: b }
|
|
3067
3067
|
),
|
|
3068
|
-
children: /* @__PURE__ */ i("table", { className: H.table, style: !
|
|
3068
|
+
children: /* @__PURE__ */ i("table", { className: H.table, style: !l || l.length === 0 ? { tableLayout: "auto" } : {}, ref: ue, children: [
|
|
3069
3069
|
/* @__PURE__ */ e("thead", { children: /* @__PURE__ */ i("tr", { children: [
|
|
3070
3070
|
W && /* @__PURE__ */ e("th", { className: H.checkboxHeader, children: /* @__PURE__ */ e(
|
|
3071
3071
|
He,
|
|
@@ -3176,7 +3176,7 @@ const kt = ({
|
|
|
3176
3176
|
}
|
|
3177
3177
|
) }) })
|
|
3178
3178
|
] }) }),
|
|
3179
|
-
/* @__PURE__ */ e("tbody", { children:
|
|
3179
|
+
/* @__PURE__ */ e("tbody", { children: l.length === 0 ? /* @__PURE__ */ e("tr", { children: /* @__PURE__ */ e("td", { colSpan: W ? Ne.length + 2 : Ne.length + 1, className: H.empty, children: "No data available" }) }) : l.map((c, N) => /* @__PURE__ */ i(
|
|
3180
3180
|
"tr",
|
|
3181
3181
|
{
|
|
3182
3182
|
className: Oe({ [H.clickable]: !!r }),
|
|
@@ -3184,7 +3184,7 @@ const kt = ({
|
|
|
3184
3184
|
$.target.type !== "checkbox" && !$.target.closest(`.${H.actionsCell}`) && r?.(c, N);
|
|
3185
3185
|
},
|
|
3186
3186
|
children: [
|
|
3187
|
-
W && /* @__PURE__ */ e("td", { className: H.checkboxCell, onClick: ($) => $.stopPropagation(), children: /* @__PURE__ */ e(He, { checked:
|
|
3187
|
+
W && /* @__PURE__ */ e("td", { className: H.checkboxCell, onClick: ($) => $.stopPropagation(), children: /* @__PURE__ */ e(He, { checked: n.includes(c[t]), change: ($) => Le(c[t], $, c) }) }),
|
|
3188
3188
|
Ne.map(($) => {
|
|
3189
3189
|
const pe = typeof $.rowTooltipProps == "function" ? $.rowTooltipProps(c) : $.rowTooltipProps;
|
|
3190
3190
|
return /* @__PURE__ */ e("td", { style: { width: C[$.key] }, children: /* @__PURE__ */ e(lt, { ...pe, tooltipContainerStyle: { width: C[$.key] }, text: pe?.text || "", children: /* @__PURE__ */ e("div", { style: { width: "100%", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: $.render ? $.render(c) : c[$.key] }) }) }, $.key);
|
|
@@ -3244,7 +3244,7 @@ const kt = ({
|
|
|
3244
3244
|
{
|
|
3245
3245
|
className: H.actionItem,
|
|
3246
3246
|
onClick: (c) => {
|
|
3247
|
-
c.stopPropagation(), u(
|
|
3247
|
+
c.stopPropagation(), u(l[le], le), he(null), Y(null);
|
|
3248
3248
|
},
|
|
3249
3249
|
children: [
|
|
3250
3250
|
/* @__PURE__ */ e("svg", { width: "23", height: "23", viewBox: "0 0 23 23", fill: "none", xmlns: "http://www.w3.org/2000/svg", style: { transform: "scale(0.7)" }, children: /* @__PURE__ */ e(
|
|
@@ -3267,7 +3267,7 @@ const kt = ({
|
|
|
3267
3267
|
className: H.actionItem,
|
|
3268
3268
|
style: { color: "#E3292F" },
|
|
3269
3269
|
onClick: (c) => {
|
|
3270
|
-
c.stopPropagation(), M(
|
|
3270
|
+
c.stopPropagation(), M(l[le], le), he(null), Y(null);
|
|
3271
3271
|
},
|
|
3272
3272
|
children: [
|
|
3273
3273
|
/* @__PURE__ */ i("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
|
|
@@ -3313,7 +3313,7 @@ const kt = ({
|
|
|
3313
3313
|
{
|
|
3314
3314
|
className: H.actionItem,
|
|
3315
3315
|
onClick: ($) => {
|
|
3316
|
-
$.stopPropagation(), c.onClick?.(
|
|
3316
|
+
$.stopPropagation(), c.onClick?.(l[le], le), he(null), Y(null);
|
|
3317
3317
|
},
|
|
3318
3318
|
children: [
|
|
3319
3319
|
c.icon && /* @__PURE__ */ e("div", { children: c.icon }),
|
|
@@ -3469,12 +3469,12 @@ const is = "mc__DropdownPill-module__dropdownPill", ss = "mc__DropdownPill-modul
|
|
|
3469
3469
|
}, Lt = ({
|
|
3470
3470
|
text: t,
|
|
3471
3471
|
dropdownSlot: o,
|
|
3472
|
-
leftSlot:
|
|
3472
|
+
leftSlot: l,
|
|
3473
3473
|
rightSlot: r,
|
|
3474
3474
|
selected: s,
|
|
3475
3475
|
selectedType: p = "default",
|
|
3476
3476
|
dropdownPillStyle: a,
|
|
3477
|
-
dropdownPillTextStyle:
|
|
3477
|
+
dropdownPillTextStyle: n,
|
|
3478
3478
|
onClick: w
|
|
3479
3479
|
}) => /* @__PURE__ */ i(
|
|
3480
3480
|
"div",
|
|
@@ -3483,8 +3483,8 @@ const is = "mc__DropdownPill-module__dropdownPill", ss = "mc__DropdownPill-modul
|
|
|
3483
3483
|
className: `${Ge.dropdownPill} ${s ? `${Ge.selected} ${p === "alt" ? Ge.altSelected : Ge.defaultSelected}` : ""}`,
|
|
3484
3484
|
onClick: () => w?.(),
|
|
3485
3485
|
children: [
|
|
3486
|
-
|
|
3487
|
-
o || /* @__PURE__ */ e("p", { className: Ge.dropdownPillText, style:
|
|
3486
|
+
l && l,
|
|
3487
|
+
o || /* @__PURE__ */ e("p", { className: Ge.dropdownPillText, style: n, children: t }),
|
|
3488
3488
|
r && r
|
|
3489
3489
|
]
|
|
3490
3490
|
}
|