@alixpartners/ui-components 2.5.6 → 2.6.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/RichTextEditor-JH6YBGiw.js +541 -0
- package/dist/{ToastProvider-D5LImZ-Q.js → ToastProvider-DVycF0zU.js} +26 -26
- package/dist/assets/CorusHeader.css +1 -1
- package/dist/assets/Tab.css +1 -1
- package/dist/assets/Tag.css +1 -1
- package/dist/assets/ap-icons-types.d.ts +1 -1
- package/dist/assets/ap-icons.d.ts +1 -1
- package/dist/assets/main.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 +45 -44
- package/dist/components/CorusHeader/CorusHeader.types.d.ts +1 -0
- package/dist/components/CorusHeader/DropdownItemContent.d.ts +1 -1
- package/dist/components/CorusHeader/DropdownMenu.d.ts +2 -1
- package/dist/components/CorusHeader/DropdownMenu.js +6 -5
- package/dist/components/CorusHeader/MegaMenuContent.d.ts +2 -1
- package/dist/components/CorusHeader/MegaMenuContent.js +11 -10
- 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 +1 -1
- package/dist/components/Dialog/Dialog.js +188 -214
- package/dist/components/Dialog/Dialog.test.js +1 -1
- 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 +3 -1
- package/dist/components/Dropdown/Dropdown.js +179 -172
- 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/Icons/IconsGallery.js +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 +5 -1
- package/dist/components/Tab/Tab.js +28 -24
- package/dist/components/TabNavigation/TabNavigation.d.ts +1 -1
- package/dist/components/Tag/Tag.d.ts +1 -1
- package/dist/components/Tag/Tag.js +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 +2 -1
- 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 +211 -126
- package/dist/components/Toggle/Toggle.test.js +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.js +60 -61
- package/dist/{index-C2s_VtSb.js → index-6DGSlWJb.js} +3 -3
- package/dist/{index-Nyh2Wa71.js → index-6j3vTf--.js} +5 -5
- package/dist/index-B4szHVNJ.js +248 -0
- package/dist/{index-CFqDEbIR.js → index-BVZdJVFB.js} +192 -191
- package/dist/index-Bq1FiX6B.js +93 -0
- package/dist/index-CE9NpYQR.js +604 -0
- package/dist/index-CHy8gqvu.js +353 -0
- package/dist/index-CarlZuEo.js +1610 -0
- package/dist/{index-CCFDXH-J.js → index-CcsZYEYy.js} +29 -28
- package/dist/index-DH9SO8qV.js +221 -0
- package/dist/{index-D_L0ncPJ.js → index-IR8HlW5P.js} +4 -4
- package/dist/{index-DkTDHhag.js → index-banDzeKa.js} +1 -1
- package/dist/index-kgC_DL6e.js +216 -0
- package/dist/main.js +3 -3
- package/dist/storybook-docs-page.d.ts +1 -1
- package/dist/{useToast-Cz5MGKnw.js → useToast-CpwrYPvx.js} +1 -1
- package/dist/{vi.bdSIJ99Y-017e_Pkz.js → vi.bdSIJ99Y-DWCVXj6K.js} +3 -3
- package/package.json +1 -1
- package/dist/RichTextEditor-cvtLFe4t.js +0 -443
- package/dist/index-C8H9A55g.js +0 -222
- package/dist/index-CCnm5-ML.js +0 -230
- package/dist/index-CfIcUHKK.js +0 -70
- package/dist/index-ChQc_Cm6.js +0 -1544
- package/dist/index-CmGGeUr0.js +0 -142
- package/dist/index-Ii4UOx3H.js +0 -599
- package/dist/index-z_kiwVc3.js +0 -237
|
@@ -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
|
|
27
|
+
export default function Banner({ type, size, content, contentHTML, icon, isFullWidth, onClose, className, ...props }: BannerProps): import("react").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-DWCVXj6K.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
|
|
37
|
+
export default function Button({ type, variant, size, icon, iconPosition, disabled, loading, children, className, iconClassName, tabIndex, link, linkTarget, ...props }: ButtonProps): import("react").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-DWCVXj6K.js";
|
|
3
3
|
import o from "./Button.js";
|
|
4
|
-
import { u as p } from "../../index-
|
|
4
|
+
import { u as p } from "../../index-banDzeKa.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
|
|
21
|
+
export default function Checkbox({ className, label, checked, disabled, onChange, ...props }: CheckboxProps): import("react").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, a as D, c as g, b as W } from "../../index-B4szHVNJ.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-6j3vTf--.js";
|
|
9
|
+
import { P as Y } from "../../index-Bq1FiX6B.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-DWCVXj6K.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, ...props }: CorusHeaderProps): import("react
|
|
3
|
+
export default function CorusHeader({ projectName, projectLogoIcon, projectLogoOnClick, moduleName, menuConfig, className, maxWidth, testIdPrefix, ...props }: CorusHeaderProps): import("react").JSX.Element;
|
|
@@ -1,66 +1,67 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useState as
|
|
3
|
-
import { c as
|
|
4
|
-
import
|
|
5
|
-
import
|
|
6
|
-
import
|
|
1
|
+
import { jsx as e, jsxs as a } from "react/jsx-runtime";
|
|
2
|
+
import { useState as x, useRef as k } from "react";
|
|
3
|
+
import { c as w } from "../../clsx-OuTLNxxd.js";
|
|
4
|
+
import y from "../Logo/Logo.js";
|
|
5
|
+
import p from "../Icon/Icon.js";
|
|
6
|
+
import B from "../Button/Button.js";
|
|
7
7
|
import { s as o } from "../../CorusHeader.module-xOp6ZX_M.js";
|
|
8
|
-
import
|
|
9
|
-
import
|
|
10
|
-
import
|
|
11
|
-
import { R as
|
|
12
|
-
const
|
|
8
|
+
import m from "./DropdownMenu.js";
|
|
9
|
+
import D from "./MegaMenuContent.js";
|
|
10
|
+
import R from "./UserProfileIcon.js";
|
|
11
|
+
import { R as $, M as j, T as O } from "../../index-IR8HlW5P.js";
|
|
12
|
+
const T = {
|
|
13
13
|
type: "primary",
|
|
14
14
|
size: "sm",
|
|
15
15
|
icon: "ap-icon-person-add",
|
|
16
16
|
iconPosition: "left"
|
|
17
17
|
};
|
|
18
|
-
function
|
|
19
|
-
projectName:
|
|
20
|
-
projectLogoIcon:
|
|
21
|
-
projectLogoOnClick:
|
|
22
|
-
moduleName:
|
|
23
|
-
menuConfig:
|
|
24
|
-
className:
|
|
25
|
-
maxWidth:
|
|
18
|
+
function K({
|
|
19
|
+
projectName: g,
|
|
20
|
+
projectLogoIcon: b = "ap-icon-logo-corus",
|
|
21
|
+
projectLogoOnClick: f,
|
|
22
|
+
moduleName: u,
|
|
23
|
+
menuConfig: h,
|
|
24
|
+
className: v,
|
|
25
|
+
maxWidth: d,
|
|
26
|
+
testIdPrefix: s = "corus-header",
|
|
26
27
|
...N
|
|
27
28
|
}) {
|
|
28
|
-
const [
|
|
29
|
-
items:
|
|
29
|
+
const [l, c] = x(null), t = k(null), {
|
|
30
|
+
items: i,
|
|
30
31
|
additionalItems: n
|
|
31
|
-
} =
|
|
32
|
-
return /* @__PURE__ */
|
|
33
|
-
maxWidth:
|
|
32
|
+
} = h ?? {}, C = (n == null ? void 0 : n.actionButton) || (n == null ? void 0 : n.settings) && n.settings.length > 0 || (n == null ? void 0 : n.userProfile);
|
|
33
|
+
return /* @__PURE__ */ e("div", { className: w(o["navbar-wrapper"], v), ...N, children: /* @__PURE__ */ a("div", { className: o["navbar-container"], style: {
|
|
34
|
+
maxWidth: d
|
|
34
35
|
}, children: [
|
|
35
36
|
/* @__PURE__ */ a("div", { className: o["navbar-logo-container"], children: [
|
|
36
|
-
/* @__PURE__ */
|
|
37
|
-
/* @__PURE__ */
|
|
38
|
-
|
|
37
|
+
/* @__PURE__ */ e("a", { onClick: f, className: o["navbar-logo-link"], children: /* @__PURE__ */ e(y, { logo: b, color: "lightGreen" }) }),
|
|
38
|
+
/* @__PURE__ */ e("span", { className: o["navbar-project-name"], children: g }),
|
|
39
|
+
u && /* @__PURE__ */ e("span", { className: o["navbar-module-name"], children: u })
|
|
39
40
|
] }),
|
|
40
41
|
/* @__PURE__ */ a("div", { className: o["navbar-menu"], children: [
|
|
41
|
-
/* @__PURE__ */
|
|
42
|
-
/* @__PURE__ */
|
|
43
|
-
|
|
42
|
+
/* @__PURE__ */ e($, { className: o["navbar-menu-list"], children: i == null ? void 0 : i.map((r, P) => /* @__PURE__ */ e("div", { children: /* @__PURE__ */ a(j, { open: l === r.label, onOpenChange: (M) => c(M ? r.label : null), children: [
|
|
43
|
+
/* @__PURE__ */ e(O, { "data-state": l === r.label ? "open" : "closed", onPointerDown: () => {
|
|
44
|
+
t.current = l === r.label ? r.label : null;
|
|
44
45
|
}, onClick: () => {
|
|
45
|
-
if (
|
|
46
|
-
|
|
46
|
+
if (t.current === r.label) {
|
|
47
|
+
t.current = null;
|
|
47
48
|
return;
|
|
48
49
|
}
|
|
49
|
-
|
|
50
|
-
}, className: o["navbar-menu-list-item"], children:
|
|
51
|
-
/* @__PURE__ */
|
|
52
|
-
/* @__PURE__ */
|
|
53
|
-
] }) : /* @__PURE__ */
|
|
54
|
-
|
|
55
|
-
] }) },
|
|
56
|
-
|
|
57
|
-
(n == null ? void 0 : n.actionButton) && /* @__PURE__ */
|
|
58
|
-
(n == null ? void 0 : n.settings) && n.settings.length > 0 && /* @__PURE__ */
|
|
59
|
-
(n == null ? void 0 : n.userProfile) && /* @__PURE__ */
|
|
50
|
+
r.groups && c(r.label);
|
|
51
|
+
}, className: o["navbar-menu-list-item"], children: r.groups ? /* @__PURE__ */ a("span", { className: o["navbar-menu-list-item-trigger-container"], children: [
|
|
52
|
+
/* @__PURE__ */ e("span", { children: r.label }),
|
|
53
|
+
/* @__PURE__ */ e(p, { icon: "ap-icon-expand-more", className: o["navbar-menu-list-item-arrow"] })
|
|
54
|
+
] }) : /* @__PURE__ */ e("a", { className: o["navbar-menu-list-item-action"], href: r.href, onClick: r.onClick, children: r.label }) }),
|
|
55
|
+
r.groups && /* @__PURE__ */ e(D, { groups: r.groups, onClose: () => c(null), testIdPrefix: `${s}-menu-${P}` })
|
|
56
|
+
] }) }, r.label)) }),
|
|
57
|
+
C ? /* @__PURE__ */ a("div", { className: o["navbar-menu-additional"], children: [
|
|
58
|
+
(n == null ? void 0 : n.actionButton) && /* @__PURE__ */ e("div", { className: o["navbar-action-button"], children: /* @__PURE__ */ e(B, { ...T, ...n.actionButton }) }),
|
|
59
|
+
(n == null ? void 0 : n.settings) && n.settings.length > 0 && /* @__PURE__ */ e(m, { triggerContent: /* @__PURE__ */ e(p, { icon: "ap-icon-settings", className: o["navbar-settings-icon"] }), items: n.settings, testIdPrefix: `${s}-settings` }),
|
|
60
|
+
(n == null ? void 0 : n.userProfile) && /* @__PURE__ */ e(m, { triggerContent: /* @__PURE__ */ e(R, { className: o["navbar-profile-icon"] }), items: n.userProfile.items, testIdPrefix: `${s}-profile` })
|
|
60
61
|
] }) : null
|
|
61
62
|
] })
|
|
62
63
|
] }) });
|
|
63
64
|
}
|
|
64
65
|
export {
|
|
65
|
-
|
|
66
|
+
K as default
|
|
66
67
|
};
|
|
@@ -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
|
|
5
|
+
export default function DropdownItemContent({ item }: DropdownItemContentProps): import("react").JSX.Element;
|
|
6
6
|
export {};
|
|
@@ -2,5 +2,6 @@ import { CorusHeaderDropdownItem } from './CorusHeader.types';
|
|
|
2
2
|
export type DropdownMenuProps = {
|
|
3
3
|
triggerContent: React.ReactNode;
|
|
4
4
|
items: CorusHeaderDropdownItem[];
|
|
5
|
+
testIdPrefix?: string;
|
|
5
6
|
};
|
|
6
|
-
export default function DropdownMenu({ triggerContent, items }: DropdownMenuProps): import("react
|
|
7
|
+
export default function DropdownMenu({ triggerContent, items, testIdPrefix }: DropdownMenuProps): import("react").JSX.Element;
|
|
@@ -1,13 +1,14 @@
|
|
|
1
1
|
import { jsx as e, jsxs as i } from "react/jsx-runtime";
|
|
2
|
-
import { useState as
|
|
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-IR8HlW5P.js";
|
|
6
6
|
function k({
|
|
7
7
|
triggerContent: s,
|
|
8
|
-
items: l
|
|
8
|
+
items: l,
|
|
9
|
+
testIdPrefix: w = "dropdown-menu"
|
|
9
10
|
}) {
|
|
10
|
-
const [a, o] =
|
|
11
|
+
const [a, o] = m(!1), t = c(!1);
|
|
11
12
|
return /* @__PURE__ */ e(u, { children: /* @__PURE__ */ i(f, { open: a, onOpenChange: o, children: [
|
|
12
13
|
/* @__PURE__ */ e(p, { "data-state": a ? "open" : "closed", onPointerDown: () => {
|
|
13
14
|
t.current = a;
|
|
@@ -18,7 +19,7 @@ function k({
|
|
|
18
19
|
}
|
|
19
20
|
o(!0);
|
|
20
21
|
}, className: n["navbar-menu-additional-trigger"], children: s }),
|
|
21
|
-
/* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(g, { align: "end", className: n["mega-menu-content"], children: /* @__PURE__ */ e("div", { className: n["mega-menu-column"], children: /* @__PURE__ */ e("div", { className: n["mega-menu-items"], children: l.map((r) => /* @__PURE__ */ e(C, { className: n["mega-menu-item"], onSelect: () => o(!1), asChild: !0, children: /* @__PURE__ */ e("a", { href: r.href, onClick: r.onClick, children: /* @__PURE__ */ e(d, { item: r }) }) }, r.label)) }) }) }) })
|
|
22
|
+
/* @__PURE__ */ e(h, { children: /* @__PURE__ */ e(g, { align: "end", className: n["mega-menu-content"], children: /* @__PURE__ */ e("div", { className: n["mega-menu-column"], children: /* @__PURE__ */ e("div", { className: n["mega-menu-items"], children: l.map((r, x) => /* @__PURE__ */ e(C, { className: n["mega-menu-item"], onSelect: () => o(!1), asChild: !0, children: /* @__PURE__ */ e("a", { href: r.href, onClick: r.onClick, children: /* @__PURE__ */ e(d, { item: r }) }) }, r.label)) }) }) }) })
|
|
22
23
|
] }) });
|
|
23
24
|
}
|
|
24
25
|
export {
|
|
@@ -2,5 +2,6 @@ import { CorusHeaderNavGroup } from './CorusHeader.types';
|
|
|
2
2
|
export type MegaMenuContentProps = {
|
|
3
3
|
groups: CorusHeaderNavGroup[];
|
|
4
4
|
onClose: () => void;
|
|
5
|
+
testIdPrefix?: string;
|
|
5
6
|
};
|
|
6
|
-
export default function MegaMenuContent({ groups, onClose }: MegaMenuContentProps): import("react
|
|
7
|
+
export default function MegaMenuContent({ groups, onClose, testIdPrefix }: MegaMenuContentProps): import("react").JSX.Element;
|
|
@@ -1,21 +1,22 @@
|
|
|
1
|
-
import { jsx as n, jsxs as
|
|
1
|
+
import { jsx as n, jsxs as d } from "react/jsx-runtime";
|
|
2
2
|
import { s as i } 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-IR8HlW5P.js";
|
|
5
5
|
const h = {
|
|
6
6
|
add: "ap-icon-add",
|
|
7
7
|
upload: "ap-icon-upload"
|
|
8
8
|
};
|
|
9
|
-
function
|
|
10
|
-
groups:
|
|
11
|
-
onClose: c
|
|
9
|
+
function g({
|
|
10
|
+
groups: l,
|
|
11
|
+
onClose: c,
|
|
12
|
+
testIdPrefix: f = "mega-menu"
|
|
12
13
|
}) {
|
|
13
|
-
return /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n(t, { align: "end", className: i["mega-menu-content"], children:
|
|
14
|
+
return /* @__PURE__ */ n(m, { children: /* @__PURE__ */ n(t, { align: "end", className: i["mega-menu-content"], children: l.map((a, s) => /* @__PURE__ */ d("div", { className: i["mega-menu-column-wrapper"], children: [
|
|
14
15
|
s > 0 && /* @__PURE__ */ n("div", { className: i["mega-menu-divider"] }),
|
|
15
|
-
/* @__PURE__ */
|
|
16
|
-
/* @__PURE__ */
|
|
16
|
+
/* @__PURE__ */ d("div", { className: i["mega-menu-column"], children: [
|
|
17
|
+
/* @__PURE__ */ d("div", { className: i["mega-menu-items"], children: [
|
|
17
18
|
a.heading && /* @__PURE__ */ n("div", { className: i["mega-menu-heading"], children: a.heading }),
|
|
18
|
-
a.items.map((e) => /* @__PURE__ */ n(r, { className: i["mega-menu-item"], asChild: !0, disabled: e.disabled, onSelect: c, children: /* @__PURE__ */
|
|
19
|
+
a.items.map((e, p) => /* @__PURE__ */ n(r, { className: i["mega-menu-item"], asChild: !0, disabled: e.disabled, onSelect: c, children: /* @__PURE__ */ d("a", { href: e.disabled ? void 0 : e.href, onClick: e.disabled ? void 0 : e.onClick, children: [
|
|
19
20
|
/* @__PURE__ */ n("span", { className: i["mega-menu-item-label"], children: e.label }),
|
|
20
21
|
e.description && /* @__PURE__ */ n("span", { className: i["mega-menu-item-description"], children: e.description.length > 60 ? `${e.description.slice(0, 60)}…` : e.description })
|
|
21
22
|
] }) }, e.label))
|
|
@@ -25,5 +26,5 @@ function b({
|
|
|
25
26
|
] }, a.heading ?? s)) }) });
|
|
26
27
|
}
|
|
27
28
|
export {
|
|
28
|
-
|
|
29
|
+
g as default
|
|
29
30
|
};
|
|
@@ -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
|
|
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;
|
|
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-CcsZYEYy.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
|
|
21
|
+
export default function Datepicker({ className, label, placeholder, value, defaultValue, disabled, required, errorMessage, helpText, minDate, maxDate, onChange, labelTooltip, dateFormat, }: DatepickerProps): import("react").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-CcsZYEYy.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-DWCVXj6K.js";
|
|
3
3
|
import g from "./Datepicker.js";
|
|
4
4
|
u("Datepicker", () => {
|
|
5
5
|
c("should render datepicker container", () => {
|
|
@@ -53,5 +53,5 @@ type DialogProps = {
|
|
|
53
53
|
onConfirm?: () => void;
|
|
54
54
|
onCancel?: () => void;
|
|
55
55
|
} & 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
|
|
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;
|
|
57
57
|
export {};
|