@alixpartners/ui-components 2.6.0 → 2.6.2
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/{RichTextEditor-JH6YBGiw.js → RichTextEditor-xCakhho7.js} +1 -1
- package/dist/{ToastProvider-DVycF0zU.js → ToastProvider-D5LImZ-Q.js} +26 -26
- package/dist/assets/Dialog.css +1 -1
- package/dist/components/Banner/Banner.d.ts +1 -1
- package/dist/components/Banner/Banner.test.js +1 -1
- package/dist/components/Button/Button.d.ts +1 -1
- package/dist/components/Button/Button.test.js +2 -2
- package/dist/components/Checkbox/Checkbox.d.ts +1 -1
- package/dist/components/Checkbox/Checkbox.js +3 -3
- package/dist/components/Checkbox/Checkbox.test.js +1 -1
- package/dist/components/CorusHeader/CorusHeader.d.ts +1 -1
- package/dist/components/CorusHeader/CorusHeader.js +1 -1
- package/dist/components/CorusHeader/DropdownItemContent.d.ts +1 -1
- package/dist/components/CorusHeader/DropdownItemContent.js +5 -5
- package/dist/components/CorusHeader/DropdownMenu.d.ts +1 -1
- package/dist/components/CorusHeader/DropdownMenu.js +1 -1
- package/dist/components/CorusHeader/MegaMenuContent.d.ts +1 -1
- package/dist/components/CorusHeader/MegaMenuContent.js +14 -14
- package/dist/components/CorusHeader/UserProfileIcon.d.ts +1 -1
- package/dist/components/Creatable/Creatable.d.ts +1 -1
- package/dist/components/Creatable/Creatable.js +1 -1
- package/dist/components/Datepicker/Datepicker.d.ts +1 -1
- package/dist/components/Datepicker/Datepicker.js +1 -1
- package/dist/components/Datepicker/Datepicker.test.js +1 -1
- package/dist/components/Dialog/Dialog.d.ts +8 -2
- package/dist/components/Dialog/Dialog.js +227 -195
- package/dist/components/Dialog/Dialog.test.js +227 -202
- package/dist/components/DragAndDrop/DragAndDrop.d.ts +1 -1
- package/dist/components/DragAndDrop/DragAndDrop.test.js +2 -2
- package/dist/components/Dropdown/Dropdown.d.ts +1 -1
- package/dist/components/Dropdown/Dropdown.js +1 -1
- package/dist/components/FilePicker/FilePicker.d.ts +9 -9
- package/dist/components/FilePicker/FilePicker.test.js +2 -2
- package/dist/components/Ghost/Ghost.d.ts +1 -1
- package/dist/components/Ghost/Ghost.test.js +1 -1
- package/dist/components/Icon/Icon.d.ts +1 -1
- package/dist/components/Icons/IconsGallery.d.ts +1 -1
- package/dist/components/Illustration/Illustration.d.ts +1 -1
- package/dist/components/Illustration/Illustration.test.js +1 -1
- package/dist/components/Input/Input.test.js +1 -1
- package/dist/components/Logo/Logo.d.ts +1 -1
- package/dist/components/Logos/LogosGallery.d.ts +1 -1
- package/dist/components/NavBar/NavBar.d.ts +1 -1
- package/dist/components/NavBar/NavBar.js +1 -1
- package/dist/components/Radio/Radio.d.ts +1 -1
- package/dist/components/Radio/Radio.js +9 -9
- package/dist/components/RadioGroup/RadioGroup.d.ts +1 -1
- package/dist/components/RadioGroup/RadioGroup.js +11 -11
- package/dist/components/RadioGroup/RadioGroup.test.js +1 -1
- package/dist/components/RichTextEditor/RichTextEditor.d.ts +1 -1
- package/dist/components/RichTextEditor/RichTextEditor.js +2 -2
- package/dist/components/RichTextEditor/RichTextEditor.test.js +2 -2
- package/dist/components/Search/Search.d.ts +1 -1
- package/dist/components/Search/Search.test.js +1 -1
- package/dist/components/Spinner/Spinner.d.ts +1 -1
- package/dist/components/SplitButton/SplitButton.d.ts +1 -1
- package/dist/components/SplitButton/SplitButton.js +3 -3
- package/dist/components/SplitButton/SplitButton.test.js +1 -1
- package/dist/components/Tab/Tab.d.ts +1 -1
- package/dist/components/TabNavigation/TabNavigation.d.ts +1 -1
- package/dist/components/Tag/Tag.d.ts +1 -1
- package/dist/components/Tag/Tag.test.js +1 -1
- package/dist/components/TagsFields/TagsFields.d.ts +1 -1
- package/dist/components/TagsFields/TagsFields.js +1 -1
- package/dist/components/Textarea/Textarea.d.ts +1 -1
- package/dist/components/Textarea/Textarea.test.js +1 -1
- package/dist/components/Toast/Toast.test.js +1 -1
- package/dist/components/ToastProvider/ToastProvider.d.ts +1 -2
- package/dist/components/ToastProvider/ToastProvider.js +1 -1
- package/dist/components/ToastProvider/ToastProvider.test.js +4 -4
- package/dist/components/Toggle/Toggle.d.ts +1 -1
- package/dist/components/Toggle/Toggle.js +126 -211
- package/dist/components/Toggle/Toggle.test.js +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.js +61 -60
- package/dist/{index-6DGSlWJb.js → index-C2s_VtSb.js} +3 -3
- package/dist/index-C8H9A55g.js +222 -0
- package/dist/{index-CcsZYEYy.js → index-CCFDXH-J.js} +28 -29
- package/dist/index-CCnm5-ML.js +230 -0
- package/dist/{index-BVZdJVFB.js → index-CFqDEbIR.js} +191 -192
- package/dist/index-CfIcUHKK.js +70 -0
- package/dist/index-ChQc_Cm6.js +1544 -0
- package/dist/index-CmGGeUr0.js +142 -0
- package/dist/{index-IR8HlW5P.js → index-D_L0ncPJ.js} +4 -4
- package/dist/{index-banDzeKa.js → index-DkTDHhag.js} +1 -1
- package/dist/index-Ii4UOx3H.js +599 -0
- package/dist/{index-6j3vTf--.js → index-Nyh2Wa71.js} +5 -5
- package/dist/index-z_kiwVc3.js +237 -0
- package/dist/main.js +3 -3
- package/dist/storybook-docs-page.d.ts +1 -1
- package/dist/{useToast-CpwrYPvx.js → useToast-Cz5MGKnw.js} +1 -1
- package/dist/{vi.bdSIJ99Y-DWCVXj6K.js → vi.bdSIJ99Y-017e_Pkz.js} +3 -3
- package/package.json +1 -1
- package/dist/index-B4szHVNJ.js +0 -248
- package/dist/index-Bq1FiX6B.js +0 -93
- package/dist/index-CE9NpYQR.js +0 -604
- package/dist/index-CHy8gqvu.js +0 -353
- package/dist/index-CarlZuEo.js +0 -1610
- package/dist/index-DH9SO8qV.js +0 -221
- package/dist/index-kgC_DL6e.js +0 -216
|
@@ -5,7 +5,7 @@ import ct from "./components/Dialog/Dialog.js";
|
|
|
5
5
|
import Y from "./components/Icon/Icon.js";
|
|
6
6
|
import Ie from "./components/Input/Input.js";
|
|
7
7
|
import de from "./components/Tooltip/Tooltip.js";
|
|
8
|
-
import { R as st, T as dt, P as ut, C as mt } from "./index-
|
|
8
|
+
import { R as st, T as dt, P as ut, C as mt } from "./index-CCFDXH-J.js";
|
|
9
9
|
import './assets/RichTextEditor.css';const ft = "RichTextEditor-module__container___AplP0", ht = "RichTextEditor-module__label___vjzs-", pt = "RichTextEditor-module__required___7duke", gt = "RichTextEditor-module__frame___7OSyf", _t = "RichTextEditor-module__frameFocused___GtJ2x", Tt = "RichTextEditor-module__frameDisabled___LubtU", Rt = "RichTextEditor-module__frameError___sPTiY", bt = "RichTextEditor-module__errorMessage___4VdKj", xt = "RichTextEditor-module__helpers___cpuz6", Et = "RichTextEditor-module__helperText___rFoU0", Ct = "RichTextEditor-module__helpLink___7gYcv", vt = "RichTextEditor-module__containerDisabled___6h9dd", Lt = "RichTextEditor-module__containerFullWidth___pOoeL", Mt = "RichTextEditor-module__toolbarContent___YXKHD", kt = "RichTextEditor-module__toolbarPanel___OVGHO", yt = "RichTextEditor-module__toolbarRow___f0xJR", wt = "RichTextEditor-module__editorBody___f8jPI", Ot = "RichTextEditor-module__toolbar___m9-M-", Nt = "RichTextEditor-module__toolbarStacked___6rB10", Ht = "RichTextEditor-module__actions___ZAK9J", St = "RichTextEditor-module__toolButton___IT2Kg", Bt = "RichTextEditor-module__toolButtonActive___-HvZQ", Dt = "RichTextEditor-module__toolIcon___Wndhd", At = "RichTextEditor-module__formatControl___w4WcA", It = "RichTextEditor-module__toolbarLinkSlot___Gu-9l", Ft = "RichTextEditor-module__selectTrigger___frv3x", Pt = "RichTextEditor-module__selectIconBox___SYdTE", Ut = "RichTextEditor-module__selectTriggerOpen___tk2Pb", jt = "RichTextEditor-module__selectTriggerLabel___FkEv0", zt = "RichTextEditor-module__selectIcon___aJWUk", Wt = "RichTextEditor-module__formatMenu___y-uBL", qt = "RichTextEditor-module__formatMenuOptions___zcdlo", $t = "RichTextEditor-module__formatMenuOption___3ppTs", Kt = "RichTextEditor-module__formatMenuOptionSelected___bq9J9", Jt = "RichTextEditor-module__formatMenuOptionParagraph___4BLds", Vt = "RichTextEditor-module__formatMenuOptionHeading1___H1cKX", Zt = "RichTextEditor-module__formatMenuOptionHeading2___JdixR", Gt = "RichTextEditor-module__formatMenuOptionHeading3___NcwLr", Yt = "RichTextEditor-module__formatMenuOptionHeading4___4mLbG", Xt = "RichTextEditor-module__formatMenuOptionPreformatted___cB0Ix", Qt = "RichTextEditor-module__editor___M32R7", en = "RichTextEditor-module__characterCount___gmUzj", tn = "RichTextEditor-module__characterCountExceeded___vjIpc", nn = "RichTextEditor-module__linkDialogForm___vOLO1", t = {
|
|
10
10
|
container: ft,
|
|
11
11
|
label: ht,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as U } from "react/jsx-runtime";
|
|
2
|
-
import g, { forwardRef as F, useRef as I, useCallback as
|
|
2
|
+
import g, { forwardRef as F, useRef as I, useCallback as L, useEffect as R, createElement as X, cloneElement as Qe, useMemo as he, useLayoutEffect as Ye, Component as Je, isValidElement as en, memo as Pe, useState as nn, useContext as tn, createContext as Ae } from "react";
|
|
3
3
|
import { createPortal as rn } from "react-dom";
|
|
4
4
|
import an from "./components/Toast/Toast.js";
|
|
5
5
|
function Re(t) {
|
|
@@ -23,10 +23,10 @@ let on = { data: "" }, sn = (t) => {
|
|
|
23
23
|
let i = "", o = "", n = "";
|
|
24
24
|
for (let r in t) {
|
|
25
25
|
let a = t[r];
|
|
26
|
-
r[0] == "@" ? r[1] == "i" ? i = r + " " + a + ";" : o += r[1] == "f" ? P(a, r) : r + "{" + P(a, r[1] == "k" ? "" : e) + "}" : typeof a == "object" ? o += P(a, e ? e.replace(/([^,])+/g, (s) => r.replace(/([^,]*:\S+\([^)]*\))|([^,])+/g, (l) => /&/.test(l) ? l.replace(/&/g, s) : s ? s + " " + l : l)) : r) : a != null && (r = r
|
|
26
|
+
r[0] == "@" ? r[1] == "i" ? i = r + " " + a + ";" : o += r[1] == "f" ? P(a, r) : r + "{" + P(a, r[1] == "k" ? "" : e) + "}" : typeof a == "object" ? o += P(a, e ? e.replace(/([^,])+/g, (s) => r.replace(/([^,]*:\S+\([^)]*\))|([^,])+/g, (l) => /&/.test(l) ? l.replace(/&/g, s) : s ? s + " " + l : l)) : r) : a != null && (r = /^--/.test(r) ? r : r.replace(/[A-Z]/g, "-$&").toLowerCase(), n += P.p ? P.p(r, a) : r + ":" + a + ";");
|
|
27
27
|
}
|
|
28
28
|
return i + (e && n ? e + "{" + n + "}" : n) + o;
|
|
29
|
-
},
|
|
29
|
+
}, N = {}, Me = (t) => {
|
|
30
30
|
if (typeof t == "object") {
|
|
31
31
|
let e = "";
|
|
32
32
|
for (let i in t) e += i + Me(t[i]);
|
|
@@ -34,23 +34,23 @@ let on = { data: "" }, sn = (t) => {
|
|
|
34
34
|
}
|
|
35
35
|
return t;
|
|
36
36
|
}, ln = (t, e, i, o, n) => {
|
|
37
|
-
let r = Me(t), a =
|
|
37
|
+
let r = Me(t), a = N[r] || (N[r] = ((l) => {
|
|
38
38
|
let c = 0, u = 11;
|
|
39
39
|
for (; c < l.length; ) u = 101 * u + l.charCodeAt(c++) >>> 0;
|
|
40
40
|
return "go" + u;
|
|
41
41
|
})(r));
|
|
42
|
-
if (!
|
|
42
|
+
if (!N[a]) {
|
|
43
43
|
let l = r !== t ? t : ((c) => {
|
|
44
44
|
let u, d, f = [{}];
|
|
45
45
|
for (; u = un.exec(c.replace(cn, "")); ) u[4] ? f.shift() : u[3] ? (d = u[3].replace(be, " ").trim(), f.unshift(f[0][d] = f[0][d] || {})) : f[0][u[1]] = u[2].replace(be, " ").trim();
|
|
46
46
|
return f[0];
|
|
47
47
|
})(t);
|
|
48
|
-
|
|
48
|
+
N[a] = P(n ? { ["@keyframes " + a]: l } : l, i ? "" : "." + a);
|
|
49
49
|
}
|
|
50
|
-
let s = i &&
|
|
51
|
-
return i && (
|
|
50
|
+
let s = i && N.g ? N.g : null;
|
|
51
|
+
return i && (N.g = N[a]), ((l, c, u, d) => {
|
|
52
52
|
d ? c.data = c.data.replace(d, l) : c.data.indexOf(l) === -1 && (c.data = u ? l + c.data : c.data + l);
|
|
53
|
-
})(
|
|
53
|
+
})(N[a], e, o, s), a;
|
|
54
54
|
}, dn = (t, e, i) => t.reduce((o, n, r) => {
|
|
55
55
|
let a = e[r];
|
|
56
56
|
if (a && a.call) {
|
|
@@ -358,7 +358,7 @@ var Fe = /* @__PURE__ */ F(function(t, e) {
|
|
|
358
358
|
E.style.webkitTransition = j("-webkit-transform", D), E.style.transition = j("transform", D), J(n, E), d && d(E);
|
|
359
359
|
}, w = function(E) {
|
|
360
360
|
E.style.webkitTransition = "", E.style.transition = "", f && f(E);
|
|
361
|
-
}, y =
|
|
361
|
+
}, y = L(function() {
|
|
362
362
|
p.current && J(n, p.current);
|
|
363
363
|
}, [n]);
|
|
364
364
|
return R(function() {
|
|
@@ -591,7 +591,7 @@ function _e(t) {
|
|
|
591
591
|
var e = I(t);
|
|
592
592
|
return Nn(function() {
|
|
593
593
|
e.current = t;
|
|
594
|
-
}),
|
|
594
|
+
}), L(function() {
|
|
595
595
|
return (
|
|
596
596
|
// @ts-expect-error hide `this`
|
|
597
597
|
e.current.apply(void 0, arguments)
|
|
@@ -613,7 +613,7 @@ var ze = /* @__PURE__ */ F(function(t, e) {
|
|
|
613
613
|
}, [c, n, p]);
|
|
614
614
|
var v = function() {
|
|
615
615
|
f.current && clearTimeout(f.current);
|
|
616
|
-
}, h =
|
|
616
|
+
}, h = L(function() {
|
|
617
617
|
n != null && p(n * 0.5);
|
|
618
618
|
}, [n, p]), k = function(w) {
|
|
619
619
|
d.onMouseEnter && d.onMouseEnter(w), v();
|
|
@@ -723,7 +723,7 @@ var Ln = /* @__PURE__ */ Pe(Ue), In = /* @__PURE__ */ Z({
|
|
|
723
723
|
}), On = function(e) {
|
|
724
724
|
var i = I(), o = nn(!0), n = o[0], r = o[1], a = K([e.snack.onClose, e.onClose]), s = function() {
|
|
725
725
|
e.snack.requestClose && a(null, "instructed", e.snack.id);
|
|
726
|
-
}, l =
|
|
726
|
+
}, l = L(function() {
|
|
727
727
|
i.current = setTimeout(function() {
|
|
728
728
|
r(function(D) {
|
|
729
729
|
return !D;
|
|
@@ -767,7 +767,7 @@ var Ln = /* @__PURE__ */ Pe(Ue), In = /* @__PURE__ */ Z({
|
|
|
767
767
|
// then handleEntered to check if there's a request for closing
|
|
768
768
|
onEntered: K([T.onEntered, s], y.id)
|
|
769
769
|
}), E || g.createElement(f, Object.assign({}, y)))));
|
|
770
|
-
}, B, le, ee, ne, de,
|
|
770
|
+
}, B, le, ee, ne, de, _ = {
|
|
771
771
|
view: {
|
|
772
772
|
default: 20
|
|
773
773
|
},
|
|
@@ -792,32 +792,32 @@ var Ln = /* @__PURE__ */ Pe(Ue), In = /* @__PURE__ */ Z({
|
|
|
792
792
|
// a pointerEvents: all is applied in the collapse component
|
|
793
793
|
pointerEvents: "none"
|
|
794
794
|
}, B[Ie] = {
|
|
795
|
-
padding:
|
|
795
|
+
padding: _.snackbar.default + "px 0px",
|
|
796
796
|
transition: "padding 300ms ease 0ms"
|
|
797
|
-
}, B.maxWidth = "calc(100% - " +
|
|
797
|
+
}, B.maxWidth = "calc(100% - " + _.view.default * 2 + "px)", B[O.downXs] = {
|
|
798
798
|
width: "100%",
|
|
799
799
|
maxWidth: "calc(100% - " + fe * 2 + "px)"
|
|
800
800
|
}, B),
|
|
801
801
|
rootDense: (le = {}, le[Ie] = {
|
|
802
|
-
padding:
|
|
802
|
+
padding: _.snackbar.dense + "px 0px"
|
|
803
803
|
}, le),
|
|
804
804
|
top: {
|
|
805
|
-
top:
|
|
805
|
+
top: _.view.default - _.snackbar.default + "px",
|
|
806
806
|
flexDirection: "column"
|
|
807
807
|
},
|
|
808
808
|
bottom: {
|
|
809
|
-
bottom:
|
|
809
|
+
bottom: _.view.default - _.snackbar.default + "px",
|
|
810
810
|
flexDirection: "column-reverse"
|
|
811
811
|
},
|
|
812
812
|
left: (ee = {
|
|
813
|
-
left:
|
|
813
|
+
left: _.view.default + "px"
|
|
814
814
|
}, ee[O.upSm] = {
|
|
815
815
|
alignItems: "flex-start"
|
|
816
816
|
}, ee[O.downXs] = {
|
|
817
817
|
left: fe + "px"
|
|
818
818
|
}, ee),
|
|
819
819
|
right: (ne = {
|
|
820
|
-
right:
|
|
820
|
+
right: _.view.default + "px"
|
|
821
821
|
}, ne[O.upSm] = {
|
|
822
822
|
alignItems: "flex-end"
|
|
823
823
|
}, ne[O.downXs] = {
|
|
@@ -1050,7 +1050,7 @@ function Bn({
|
|
|
1050
1050
|
const {
|
|
1051
1051
|
enqueueSnackbar: o,
|
|
1052
1052
|
closeSnackbar: n
|
|
1053
|
-
} = Vn(), r =
|
|
1053
|
+
} = Vn(), r = L((c, u, d) => {
|
|
1054
1054
|
try {
|
|
1055
1055
|
const f = o(u, {
|
|
1056
1056
|
variant: c,
|
|
@@ -1062,7 +1062,7 @@ function Bn({
|
|
|
1062
1062
|
} catch (f) {
|
|
1063
1063
|
return console.error("Failed to show toast:", f), "";
|
|
1064
1064
|
}
|
|
1065
|
-
}, [o, e, i]), a =
|
|
1065
|
+
}, [o, e, i]), a = L((c) => {
|
|
1066
1066
|
var u, d, f, x, p;
|
|
1067
1067
|
try {
|
|
1068
1068
|
const v = (u = i.current) == null ? void 0 : u.get(c);
|
|
@@ -1081,7 +1081,7 @@ function Bn({
|
|
|
1081
1081
|
} catch (v) {
|
|
1082
1082
|
console.error("Failed to close toast:", v);
|
|
1083
1083
|
}
|
|
1084
|
-
}, [n, e, i]), s =
|
|
1084
|
+
}, [n, e, i]), s = L(() => {
|
|
1085
1085
|
var c, u;
|
|
1086
1086
|
try {
|
|
1087
1087
|
n(), (c = e.current) == null || c.clear(), (u = i.current) == null || u.clear();
|
|
@@ -1104,10 +1104,10 @@ function Zn({
|
|
|
1104
1104
|
autoHideDuration: o = $n,
|
|
1105
1105
|
preventDuplicate: n = zn
|
|
1106
1106
|
}) {
|
|
1107
|
-
const r = I(/* @__PURE__ */ new Map()), a = I(/* @__PURE__ */ new Map()), s =
|
|
1107
|
+
const r = I(/* @__PURE__ */ new Map()), a = I(/* @__PURE__ */ new Map()), s = L((c) => {
|
|
1108
1108
|
var u;
|
|
1109
1109
|
return (u = r.current) == null ? void 0 : u.get(c);
|
|
1110
|
-
}, []), l =
|
|
1110
|
+
}, []), l = L((c, u) => {
|
|
1111
1111
|
var f;
|
|
1112
1112
|
(f = r.current) == null || f.delete(u);
|
|
1113
1113
|
const d = a.current;
|
package/dist/assets/Dialog.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.Dialog-module__dialog-overlay___mgT2B{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#050c1f80;z-index:50;animation:Dialog-module__fadeIn___wYnMm .15s ease-out}.Dialog-module__dialog-overlay___mgT2B[data-state=closed]{animation:Dialog-module__fadeOut___8S11q .15s ease-in}.Dialog-module__dialog___r4ljx{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:solid #cccccc 1px;border-radius:8px;box-shadow:0 2px 8px #00000029;padding:20px;width:520px;background-color:#fff;z-index:51;max-height:85vh;max-width:90vw;overflow-y:auto;animation:Dialog-module__dialogSlideIn___eeMwS .2s ease-out}.Dialog-module__dialog___r4ljx[data-state=closed]{animation:Dialog-module__dialogSlideOut___nnaF3 .2s ease-in}@keyframes Dialog-module__fadeIn___wYnMm{0%{opacity:0}to{opacity:1}}@keyframes Dialog-module__fadeOut___8S11q{0%{opacity:1}to{opacity:0}}@keyframes Dialog-module__dialogSlideIn___eeMwS{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes Dialog-module__dialogSlideOut___nnaF3{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-48%)}}.Dialog-module__dialog___r4ljx:has(.Dialog-module__dialog-illustration___IHiQl) .Dialog-module__dialog-content___3hOGc{text-align:center}.Dialog-module__dialog-illustration___IHiQl{display:flex;justify-content:center;padding-bottom:16px}.Dialog-module__dialog-content___3hOGc{display:flex;flex-direction:column;justify-content:center;text-align:start;gap:8px;padding-bottom:12px}.Dialog-module__dialog-title___KACAJ{margin:0;color:#4a4a4a;font-size:17px;font-weight:700;line-height:100%}.Dialog-module__dialog-description___hL8fm{margin:0;color:#727272;font-size:17px;font-weight:400;line-height:22px}.Dialog-module__dialog-buttons___x-v2M{display:flex;justify-content:center;gap:16px;padding-top:16px}.Dialog-module__dialog-close-button___-PzEz{position:absolute;top:12px;right:12px;cursor:pointer;width:20px;height:20px;background:transparent;border:none;padding:0;display:flex;align-items:center;justify-content:center}.Dialog-module__dialog-close-button-icon___BeGg2{font-size:20px!important;color:#878787!important}
|
|
1
|
+
.Dialog-module__dialog-overlay___mgT2B{position:fixed;top:0;right:0;bottom:0;left:0;background-color:#050c1f80;z-index:50;animation:Dialog-module__fadeIn___wYnMm .15s ease-out}.Dialog-module__dialog-overlay___mgT2B[data-state=closed]{animation:Dialog-module__fadeOut___8S11q .15s ease-in}.Dialog-module__dialog___r4ljx{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);border:solid #cccccc 1px;border-radius:8px;box-shadow:0 2px 8px #00000029;padding:20px;width:520px;background-color:#fff;z-index:51;max-height:85vh;max-width:90vw;overflow-y:auto;animation:Dialog-module__dialogSlideIn___eeMwS .2s ease-out}.Dialog-module__dialog___r4ljx[data-state=closed]{animation:Dialog-module__dialogSlideOut___nnaF3 .2s ease-in}.Dialog-module__dialog-width-auto___96jJl{width:auto}.Dialog-module__dialog-scrollable___1ch32{display:flex;flex-direction:column;overflow:hidden}.Dialog-module__dialog-scrollable___1ch32 .Dialog-module__dialog-illustration___IHiQl,.Dialog-module__dialog-scrollable___1ch32 .Dialog-module__dialog-buttons___x-v2M{flex:0 0 auto}.Dialog-module__dialog-scrollable___1ch32 .Dialog-module__dialog-content___3hOGc{flex:1 1 auto;min-height:0;justify-content:flex-start}.Dialog-module__dialog-scrollable___1ch32 .Dialog-module__dialog-description___hL8fm{flex:1 1 auto;min-height:0;overflow-y:auto}@keyframes Dialog-module__fadeIn___wYnMm{0%{opacity:0}to{opacity:1}}@keyframes Dialog-module__fadeOut___8S11q{0%{opacity:1}to{opacity:0}}@keyframes Dialog-module__dialogSlideIn___eeMwS{0%{opacity:0;transform:translate(-50%,-48%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes Dialog-module__dialogSlideOut___nnaF3{0%{opacity:1;transform:translate(-50%,-50%)}to{opacity:0;transform:translate(-50%,-48%)}}.Dialog-module__dialog___r4ljx:has(.Dialog-module__dialog-illustration___IHiQl) .Dialog-module__dialog-content___3hOGc{text-align:center}.Dialog-module__dialog-illustration___IHiQl{display:flex;justify-content:center;padding-bottom:16px}.Dialog-module__dialog-content___3hOGc{display:flex;flex-direction:column;justify-content:center;text-align:start;gap:8px;padding-bottom:12px}.Dialog-module__dialog-title___KACAJ{margin:0;color:#4a4a4a;font-size:17px;font-weight:700;line-height:100%}.Dialog-module__dialog-description___hL8fm{margin:0;color:#727272;font-size:17px;font-weight:400;line-height:22px}.Dialog-module__dialog-buttons___x-v2M{display:flex;justify-content:center;gap:16px;padding-top:16px}.Dialog-module__dialog-close-button___-PzEz{position:absolute;top:12px;right:12px;cursor:pointer;width:20px;height:20px;background:transparent;border:none;padding:0;display:flex;align-items:center;justify-content:center}.Dialog-module__dialog-close-button-icon___BeGg2{font-size:20px!important;color:#878787!important}
|
|
@@ -24,5 +24,5 @@ type BannerProps = {
|
|
|
24
24
|
* @param {() => void} [props.onClose] - Callback fired when the close button is clicked (renders close button if provided and size is not 'sm')
|
|
25
25
|
* @returns {JSX.Element} The rendered Banner component
|
|
26
26
|
*/
|
|
27
|
-
export default function Banner({ type, size, content, contentHTML, icon, isFullWidth, onClose, className, ...props }: BannerProps): import("react").JSX.Element;
|
|
27
|
+
export default function Banner({ type, size, content, contentHTML, icon, isFullWidth, onClose, className, ...props }: BannerProps): import("react/jsx-runtime").JSX.Element;
|
|
28
28
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as t, jsxs as T } from "react/jsx-runtime";
|
|
2
|
-
import { d as a, i, r as c, g as e, s as n, v as d, f as l } from "../../vi.bdSIJ99Y-
|
|
2
|
+
import { d as a, i, r as c, g as e, s as n, v as d, f as l } from "../../vi.bdSIJ99Y-017e_Pkz.js";
|
|
3
3
|
import o from "./Banner.js";
|
|
4
4
|
a("Banner", () => {
|
|
5
5
|
a("Rendering", () => {
|
|
@@ -34,4 +34,4 @@ export type ButtonProps = {
|
|
|
34
34
|
* @param {() => void} [props.onClick] - Callback fired when the button is clicked
|
|
35
35
|
* @returns {JSX.Element} The rendered Button component
|
|
36
36
|
*/
|
|
37
|
-
export default function Button({ type, variant, size, icon, iconPosition, disabled, loading, children, className, iconClassName, tabIndex, link, linkTarget, ...props }: ButtonProps): import("react").JSX.Element;
|
|
37
|
+
export default function Button({ type, variant, size, icon, iconPosition, disabled, loading, children, className, iconClassName, tabIndex, link, linkTarget, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as i, jsxs as u, Fragment as m } from "react/jsx-runtime";
|
|
2
|
-
import { d as l, i as s, r as d, s as n, g as t, v as r, f as c } from "../../vi.bdSIJ99Y-
|
|
2
|
+
import { d as l, i as s, r as d, s as n, g as t, v as r, f as c } from "../../vi.bdSIJ99Y-017e_Pkz.js";
|
|
3
3
|
import o from "./Button.js";
|
|
4
|
-
import { u as p } from "../../index-
|
|
4
|
+
import { u as p } from "../../index-DkTDHhag.js";
|
|
5
5
|
l("Button", () => {
|
|
6
6
|
l("Rendering", () => {
|
|
7
7
|
l("Basic rendering", () => {
|
|
@@ -18,5 +18,5 @@ type CheckboxProps = {
|
|
|
18
18
|
* @param {(checked: CheckedState) => void} [props.onChange] - Callback fired when the checkbox state changes
|
|
19
19
|
* @returns {JSX.Element} The rendered Checkbox component
|
|
20
20
|
*/
|
|
21
|
-
export default function Checkbox({ className, label, checked, disabled, onChange, ...props }: CheckboxProps): import("react").JSX.Element;
|
|
21
|
+
export default function Checkbox({ className, label, checked, disabled, onChange, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
export {};
|
|
@@ -3,10 +3,10 @@ import * as b from "react";
|
|
|
3
3
|
import { useId as z, useState as G, useEffect as J } from "react";
|
|
4
4
|
import U from "../Icon/Icon.js";
|
|
5
5
|
import { c as P } from "../../clsx-OuTLNxxd.js";
|
|
6
|
-
import { P as w, u as V,
|
|
6
|
+
import { P as w, u as V, d as D, c as g, b as W } from "../../index-z_kiwVc3.js";
|
|
7
7
|
import { u as $ } from "../../index-BZPx6jYI.js";
|
|
8
|
-
import { u as Q } from "../../index-
|
|
9
|
-
import { P as Y } from "../../index-
|
|
8
|
+
import { u as Q } from "../../index-Nyh2Wa71.js";
|
|
9
|
+
import { P as Y } from "../../index-CfIcUHKK.js";
|
|
10
10
|
import '../../assets/Checkbox.css';const Z = "Checkbox-module__wrapper___rznMS", ee = "Checkbox-module__root___BS5dT", te = "Checkbox-module__indicator___HXLHH", oe = "Checkbox-module__checked___XfvkJ", re = "Checkbox-module__icon___VMxEf", ce = "Checkbox-module__label___JBaRm", ne = "Checkbox-module__disabled___WagIC", C = {
|
|
11
11
|
wrapper: Z,
|
|
12
12
|
root: ee,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { d as a, i as d, r as n, g as c, s as o, v as b, f as h } from "../../vi.bdSIJ99Y-
|
|
2
|
+
import { d as a, i as d, r as n, g as c, s as o, v as b, f as h } from "../../vi.bdSIJ99Y-017e_Pkz.js";
|
|
3
3
|
import l from "./Checkbox.js";
|
|
4
4
|
a("Checkbox", () => {
|
|
5
5
|
a("Rendering", () => {
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { CorusHeaderProps } from './CorusHeader.types';
|
|
2
2
|
export type { CorusHeaderNavItem, CorusHeaderNavGroup, CorusHeaderMenuItem, CorusHeaderDropdownItem, CorusHeaderFooterAction, CorusHeaderAdditionalItems, CorusHeaderMenuConfig, CorusHeaderProps, } from './CorusHeader.types';
|
|
3
|
-
export default function CorusHeader({ projectName, projectLogoIcon, projectLogoOnClick, moduleName, menuConfig, className, maxWidth, testIdPrefix, ...props }: CorusHeaderProps): import("react").JSX.Element;
|
|
3
|
+
export default function CorusHeader({ projectName, projectLogoIcon, projectLogoOnClick, moduleName, menuConfig, className, maxWidth, testIdPrefix, ...props }: CorusHeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -8,7 +8,7 @@ import { s as o } from "../../CorusHeader.module-xOp6ZX_M.js";
|
|
|
8
8
|
import m from "./DropdownMenu.js";
|
|
9
9
|
import D from "./MegaMenuContent.js";
|
|
10
10
|
import R from "./UserProfileIcon.js";
|
|
11
|
-
import { R as $, M as j, T as O } from "../../index-
|
|
11
|
+
import { R as $, M as j, T as O } from "../../index-D_L0ncPJ.js";
|
|
12
12
|
const T = {
|
|
13
13
|
type: "primary",
|
|
14
14
|
size: "sm",
|
|
@@ -2,5 +2,5 @@ import { CorusHeaderDropdownItem } from './CorusHeader.types';
|
|
|
2
2
|
type DropdownItemContentProps = {
|
|
3
3
|
item: CorusHeaderDropdownItem;
|
|
4
4
|
};
|
|
5
|
-
export default function DropdownItemContent({ item }: DropdownItemContentProps): import("react").JSX.Element;
|
|
5
|
+
export default function DropdownItemContent({ item }: DropdownItemContentProps): import("react/jsx-runtime").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -1,17 +1,17 @@
|
|
|
1
1
|
import { jsxs as s, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import a from "../Icon/Icon.js";
|
|
3
3
|
import { s as o } from "../../CorusHeader.module-xOp6ZX_M.js";
|
|
4
|
-
function
|
|
4
|
+
function m({
|
|
5
5
|
item: n
|
|
6
6
|
}) {
|
|
7
7
|
return /* @__PURE__ */ s("span", { className: o["dropdown-item-row"], children: [
|
|
8
|
-
n.icon && /* @__PURE__ */ e(
|
|
8
|
+
n.icon && /* @__PURE__ */ e(a, { icon: n.icon, className: o["dropdown-item-icon"] }),
|
|
9
9
|
/* @__PURE__ */ s("span", { className: o["dropdown-item-content"], children: [
|
|
10
10
|
/* @__PURE__ */ e("span", { className: o["mega-menu-item-label"], children: n.label }),
|
|
11
|
-
n.description && /* @__PURE__ */ e("span", { className: o["mega-menu-item-description"], children: n.description
|
|
11
|
+
n.description && /* @__PURE__ */ e("span", { className: o["mega-menu-item-description"], children: n.description })
|
|
12
12
|
] })
|
|
13
13
|
] });
|
|
14
14
|
}
|
|
15
15
|
export {
|
|
16
|
-
|
|
16
|
+
m as default
|
|
17
17
|
};
|
|
@@ -4,4 +4,4 @@ export type DropdownMenuProps = {
|
|
|
4
4
|
items: CorusHeaderDropdownItem[];
|
|
5
5
|
testIdPrefix?: string;
|
|
6
6
|
};
|
|
7
|
-
export default function DropdownMenu({ triggerContent, items, testIdPrefix }: DropdownMenuProps): import("react").JSX.Element;
|
|
7
|
+
export default function DropdownMenu({ triggerContent, items, testIdPrefix }: DropdownMenuProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -2,7 +2,7 @@ import { jsx as e, jsxs as i } from "react/jsx-runtime";
|
|
|
2
2
|
import { useState as m, useRef as c } from "react";
|
|
3
3
|
import { s as n } from "../../CorusHeader.module-xOp6ZX_M.js";
|
|
4
4
|
import d from "./DropdownItemContent.js";
|
|
5
|
-
import { R as u, M as f, T as p, P as h, C as g, I as C } from "../../index-
|
|
5
|
+
import { R as u, M as f, T as p, P as h, C as g, I as C } from "../../index-D_L0ncPJ.js";
|
|
6
6
|
function k({
|
|
7
7
|
triggerContent: s,
|
|
8
8
|
items: l,
|
|
@@ -4,4 +4,4 @@ export type MegaMenuContentProps = {
|
|
|
4
4
|
onClose: () => void;
|
|
5
5
|
testIdPrefix?: string;
|
|
6
6
|
};
|
|
7
|
-
export default function MegaMenuContent({ groups, onClose, testIdPrefix }: MegaMenuContentProps): import("react").JSX.Element;
|
|
7
|
+
export default function MegaMenuContent({ groups, onClose, testIdPrefix }: MegaMenuContentProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,29 +1,29 @@
|
|
|
1
1
|
import { jsx as n, jsxs as d } from "react/jsx-runtime";
|
|
2
|
-
import { s as
|
|
2
|
+
import { s as e } from "../../CorusHeader.module-xOp6ZX_M.js";
|
|
3
3
|
import o from "../Button/Button.js";
|
|
4
|
-
import { P as m, C as t, I as r } from "../../index-
|
|
4
|
+
import { P as m, C as t, I as r } from "../../index-D_L0ncPJ.js";
|
|
5
5
|
const h = {
|
|
6
6
|
add: "ap-icon-add",
|
|
7
7
|
upload: "ap-icon-upload"
|
|
8
8
|
};
|
|
9
9
|
function g({
|
|
10
|
-
groups:
|
|
10
|
+
groups: s,
|
|
11
11
|
onClose: c,
|
|
12
12
|
testIdPrefix: f = "mega-menu"
|
|
13
13
|
}) {
|
|
14
|
-
return /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n(t, { align: "end", className:
|
|
15
|
-
|
|
16
|
-
/* @__PURE__ */ d("div", { className:
|
|
17
|
-
/* @__PURE__ */ d("div", { className:
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
/* @__PURE__ */ n("span", { className:
|
|
21
|
-
|
|
22
|
-
] }) },
|
|
14
|
+
return /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n(t, { align: "end", className: e["mega-menu-content"], children: s.map((i, l) => /* @__PURE__ */ d("div", { className: e["mega-menu-column-wrapper"], children: [
|
|
15
|
+
l > 0 && /* @__PURE__ */ n("div", { className: e["mega-menu-divider"] }),
|
|
16
|
+
/* @__PURE__ */ d("div", { className: e["mega-menu-column"], children: [
|
|
17
|
+
/* @__PURE__ */ d("div", { className: e["mega-menu-items"], children: [
|
|
18
|
+
i.heading && /* @__PURE__ */ n("div", { className: e["mega-menu-heading"], children: i.heading }),
|
|
19
|
+
i.items.map((a, u) => /* @__PURE__ */ n(r, { className: e["mega-menu-item"], asChild: !0, disabled: a.disabled, onSelect: c, children: /* @__PURE__ */ d("a", { href: a.disabled ? void 0 : a.href, onClick: a.disabled ? void 0 : a.onClick, children: [
|
|
20
|
+
/* @__PURE__ */ n("span", { className: e["mega-menu-item-label"], children: a.label }),
|
|
21
|
+
a.description && /* @__PURE__ */ n("span", { className: e["mega-menu-item-description"], children: a.description })
|
|
22
|
+
] }) }, a.label))
|
|
23
23
|
] }),
|
|
24
|
-
|
|
24
|
+
i.footerAction && /* @__PURE__ */ n("div", { className: e["mega-menu-footer"], children: /* @__PURE__ */ n(o, { type: "secondary", size: "sm", icon: h[i.footerAction.variant], iconPosition: "left", onClick: i.footerAction.onClick, disabled: i.footerAction.disabled, children: i.footerAction.label }) })
|
|
25
25
|
] })
|
|
26
|
-
] },
|
|
26
|
+
] }, i.heading ?? l)) }) });
|
|
27
27
|
}
|
|
28
28
|
export {
|
|
29
29
|
g as default
|
|
@@ -50,5 +50,5 @@ type CreatableProps = {
|
|
|
50
50
|
* @param {DataAttributes} [props.data-*] - Additional `data-` attributes forwarded to the root element
|
|
51
51
|
* @returns {JSX.Element} The rendered Creatable component
|
|
52
52
|
*/
|
|
53
|
-
export default function Creatable({ className, label, options, value, disabled, required, maxLength, searchPlaceholder, errorMessage, helpText, helpLink, helpLinkText, onChange, onSearch, multiSelect, grouped, align, dropdownMenuClassName, labelTooltip, unselect, selectedOptionsLabel, allOptionsSelectedLabel, caseSensitive, ...props }: CreatableProps): import("react").JSX.Element;
|
|
53
|
+
export default function Creatable({ className, label, options, value, disabled, required, maxLength, searchPlaceholder, errorMessage, helpText, helpLink, helpLinkText, onChange, onSearch, multiSelect, grouped, align, dropdownMenuClassName, labelTooltip, unselect, selectedOptionsLabel, allOptionsSelectedLabel, caseSensitive, ...props }: CreatableProps): import("react/jsx-runtime").JSX.Element;
|
|
54
54
|
export {};
|
|
@@ -5,7 +5,7 @@ import B from "../Icon/Icon.js";
|
|
|
5
5
|
import he from "../Button/Button.js";
|
|
6
6
|
import "../Input/Input.js";
|
|
7
7
|
import Ie from "../Tooltip/Tooltip.js";
|
|
8
|
-
import { R as ve, A as Le, P as Ne, C as ge } from "../../index-
|
|
8
|
+
import { R as ve, A as Le, P as Ne, C as ge } from "../../index-CCFDXH-J.js";
|
|
9
9
|
import '../../assets/Creatable.css';const ye = "Creatable-module__dropdownContainer___y0ptC", De = "Creatable-module__dropdownLabel___RyuSY", ke = "Creatable-module__dropdownLabelDisabled___nhYc0", xe = "Creatable-module__required___g26DB", Oe = "Creatable-module__dropdownWrapper___wu-B3", Ae = "Creatable-module__selectedItemsCreatable___P0mME", Re = "Creatable-module__selectedItem___0LADh", Ve = "Creatable-module__selectedItemLabel___m0LSV", Ee = "Creatable-module__removeButton___tjxwh", Fe = "Creatable-module__removeIcon___KQKbD", Se = "Creatable-module__singleSelectedCreatableItem___tanxX", Me = "Creatable-module__singleSelectedCreatableItemRemoveButton___Qi9Si", Be = "Creatable-module__dropdownActions___FmHZe", Ge = "Creatable-module__dropdownArrow___SJmKg", Ke = "Creatable-module__dropdownArrowOpen___T3E0S", je = "Creatable-module__dropdownMenu___HEhC3", Ue = "Creatable-module__dropdownCreatableSearchContainer___AgXA3", We = "Creatable-module__disabled___ZIdus", $e = "Creatable-module__dropdownCreatableError___FYVla", Je = "Creatable-module__creatableInput___KaKxv", Pe = "Creatable-module__optionsList___VZgJf", Ye = "Creatable-module__categoryGroup___g8f-g", qe = "Creatable-module__categoryDivider___QUgR9", ze = "Creatable-module__categoryLabel___YhGp9", Qe = "Creatable-module__optionItem___Ys808", Ze = "Creatable-module__optionItemDisabled___jvfGz", He = "Creatable-module__optionItemFocused___OfIQd", Te = "Creatable-module__optionContent___9RCsJ", Xe = "Creatable-module__optionLabel___FJfM1", et = "Creatable-module__tickIcon___VjpDN", tt = "Creatable-module__helpers___GmPY4", lt = "Creatable-module__helpText___89mXU", ot = "Creatable-module__helpTextDisabled___shU6E", at = "Creatable-module__helpLink___IdU0g", rt = "Creatable-module__helpLinkDisabled___B8rpy", nt = "Creatable-module__errorMessage___HRKr5", t = {
|
|
10
10
|
dropdownContainer: ye,
|
|
11
11
|
dropdownLabel: De,
|
|
@@ -18,5 +18,5 @@ type DatepickerProps = {
|
|
|
18
18
|
labelTooltip?: DatepickerLabelTooltipProps;
|
|
19
19
|
dateFormat?: DateFormat;
|
|
20
20
|
};
|
|
21
|
-
export default function Datepicker({ className, label, placeholder, value, defaultValue, disabled, required, errorMessage, helpText, minDate, maxDate, onChange, labelTooltip, dateFormat, }: DatepickerProps): import("react").JSX.Element;
|
|
21
|
+
export default function Datepicker({ className, label, placeholder, value, defaultValue, disabled, required, errorMessage, helpText, minDate, maxDate, onChange, labelTooltip, dateFormat, }: DatepickerProps): import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
export {};
|
|
@@ -4,7 +4,7 @@ import { useState as F, useEffect as ce, useMemo as J } from "react";
|
|
|
4
4
|
import v from "../Button/Button.js";
|
|
5
5
|
import W from "../Icon/Icon.js";
|
|
6
6
|
import le from "../Tooltip/Tooltip.js";
|
|
7
|
-
import { R as de, T as se, P as ie, C as _e } from "../../index-
|
|
7
|
+
import { R as de, T as se, P as ie, C as _e } from "../../index-CCFDXH-J.js";
|
|
8
8
|
import '../../assets/Datepicker.css';const ue = "Datepicker-module__datepicker___SxV3q", pe = "Datepicker-module__label___uPuKe", De = "Datepicker-module__labelText___BAflA", me = "Datepicker-module__required___cAVa1", he = "Datepicker-module__labelTooltipIcon___n2IvH", ye = "Datepicker-module__inputWrapper___aKtHi", ge = "Datepicker-module__inputIcon___OUb8V", fe = "Datepicker-module__inputText___rwYA-", ke = "Datepicker-module__placeholder___UVl-W", Me = "Datepicker-module__error___C5WX8", Ne = "Datepicker-module__calendarContainer___Bjfa8", Se = "Datepicker-module__calendarHeader___a7I0V", Te = "Datepicker-module__calendarDivider___DRk4M", Ae = "Datepicker-module__headerActions___AP324", Fe = "Datepicker-module__headerAction___nyMJF", Ye = "Datepicker-module__headerActionIcon___J8RC-", be = "Datepicker-module__headerLabel___IPAo-", we = "Datepicker-module__calendarBody___yaLJA", Oe = "Datepicker-module__weekdays___noAbQ", Ee = "Datepicker-module__weekday___0hrfJ", Ie = "Datepicker-module__grid___lJEHW", Ce = "Datepicker-module__gridMonths___n1wAM", Re = "Datepicker-module__gridYears___cI0YR", ze = "Datepicker-module__day___3XU9S", ve = "Datepicker-module__date___G2cRK", xe = "Datepicker-module__month___VKvm3", Pe = "Datepicker-module__year___9OzXM", Ve = "Datepicker-module__daySelected___DkZ5T", Le = "Datepicker-module__dayOutside___CXb-b", $e = "Datepicker-module__dayTodayCurrent___ocAqU", Be = "Datepicker-module__dayTodayDot___ZyD-l", He = "Datepicker-module__calendarFooter___sLvNP", Je = "Datepicker-module__calendarFooterSpacer___3IXgI", We = "Datepicker-module__helperRow___IKmCq", Xe = "Datepicker-module__helpText___g7zEx", Ue = "Datepicker-module__errorText___7o5Rs", qe = "Datepicker-module__disabled___Hlnlo", e = {
|
|
9
9
|
datepicker: ue,
|
|
10
10
|
label: pe,
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import { d as u, i as c, r as B, g as e, s as d, f as D, v as m } from "../../vi.bdSIJ99Y-
|
|
2
|
+
import { d as u, i as c, r as B, g as e, s as d, f as D, v as m } from "../../vi.bdSIJ99Y-017e_Pkz.js";
|
|
3
3
|
import g from "./Datepicker.js";
|
|
4
4
|
u("Datepicker", () => {
|
|
5
5
|
c("should render datepicker container", () => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { DataAttributes } from '../../types/data-attributes';
|
|
2
1
|
import { ApIcon } from '../../assets/ap-icons-types';
|
|
2
|
+
import { DataAttributes } from '../../types/data-attributes';
|
|
3
3
|
/**
|
|
4
4
|
* Dialog component that displays modal content with customizable actions and optional illustration.
|
|
5
5
|
* Provides a Radix UI dialog with backdrop support, confirmation/cancellation actions, and accessibility features.
|
|
@@ -18,8 +18,11 @@ import { ApIcon } from '../../assets/ap-icons-types';
|
|
|
18
18
|
* @param {HTMLElement} [props.container] - Custom container element for the Portal
|
|
19
19
|
* @param {string} props.title - The title text displayed at the top of the dialog
|
|
20
20
|
* @param {string} props.description - The description text displayed below the title
|
|
21
|
+
* @param {boolean} [props.descriptionScrollable] - Shows a scrollbar in the description panel when the dialog content does not fit within the browser viewport
|
|
22
|
+
* @param {boolean} [props.widthAuto] - Uses content-driven dialog width instead of the default fixed width
|
|
21
23
|
* @param {string} [props.illustrationSrc] - Optional source URL for an illustration image displayed above the content
|
|
22
24
|
* @param {string} [props.confirmButtonText] - Text for the confirm button (button appears when provided)
|
|
25
|
+
* @param {boolean} [props.confirmButtonDisabled] - Whether the confirm button is disabled
|
|
23
26
|
* @param {string} [props.cancelButtonText] - Text for the cancel button (button appears when provided)
|
|
24
27
|
* @param {() => void} [props.onConfirm] - Callback fired when the confirm button is clicked
|
|
25
28
|
* @param {() => void} [props.onCancel] - Callback fired when the cancel button is clicked
|
|
@@ -39,8 +42,11 @@ type DialogProps = {
|
|
|
39
42
|
container?: HTMLElement;
|
|
40
43
|
title: string;
|
|
41
44
|
description: React.ReactNode;
|
|
45
|
+
descriptionScrollable?: boolean;
|
|
46
|
+
widthAuto?: boolean;
|
|
42
47
|
illustrationSrc?: string;
|
|
43
48
|
confirmButtonText?: string;
|
|
49
|
+
confirmButtonDisabled?: boolean;
|
|
44
50
|
cancelButtonText?: string;
|
|
45
51
|
confirmButtonType?: 'primary' | 'secondary' | 'tertiary';
|
|
46
52
|
cancelButtonType?: 'primary' | 'secondary' | 'tertiary';
|
|
@@ -53,5 +59,5 @@ type DialogProps = {
|
|
|
53
59
|
onConfirm?: () => void;
|
|
54
60
|
onCancel?: () => void;
|
|
55
61
|
} & DataAttributes;
|
|
56
|
-
export default function Dialog({ children, isOpen, defaultOpen, onClose, onOpenChange, showCloseButton, closeOnOverlayClick, closeOnEscape, modal, container, title, description, illustrationSrc, confirmButtonText, cancelButtonText, confirmButtonType, cancelButtonType, confirmButtonVariant, cancelButtonVariant, confirmButtonSize, cancelButtonSize, confirmButtonIcon, cancelButtonIcon, onConfirm, onCancel, className, ...props }: DialogProps): import("react").JSX.Element;
|
|
62
|
+
export default function Dialog({ children, isOpen, defaultOpen, onClose, onOpenChange, showCloseButton, closeOnOverlayClick, closeOnEscape, modal, container, title, description, descriptionScrollable, widthAuto, illustrationSrc, confirmButtonText, confirmButtonDisabled, cancelButtonText, confirmButtonType, cancelButtonType, confirmButtonVariant, cancelButtonVariant, confirmButtonSize, cancelButtonSize, confirmButtonIcon, cancelButtonIcon, onConfirm, onCancel, className, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
57
63
|
export {};
|