@alixpartners/ui-components 2.5.7 → 2.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +97 -97
- 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/Dialog.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 +8 -2
- package/dist/components/Dialog/Dialog.js +183 -203
- 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 +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/dist/web.config +8 -8
- package/package.json +94 -94
- package/dist/RichTextEditor-kTQEDSL0.js +0 -477
- 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
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { IllustrationCategory, IllustrationLevel, IllustrationName, IllustrationProps } from './types';
|
|
2
|
-
export default function Illustration(props: IllustrationProps): import("react
|
|
2
|
+
export default function Illustration(props: IllustrationProps): import("react").JSX.Element | null;
|
|
3
3
|
export type { IllustrationCategory, IllustrationLevel, IllustrationName, IllustrationProps };
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { d as s, i as r, r as l, s as t, g as e } from "../../vi.bdSIJ99Y-
|
|
2
|
+
import { d as s, i as r, r as l, s as t, g as e } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
|
|
3
3
|
import a from "./Illustration.js";
|
|
4
4
|
s("Illustration", () => {
|
|
5
5
|
s("Levels 1 and 2", () => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
-
import { d as a, i as s, r as l, g as e, s as n, v as p, f as u } from "../../vi.bdSIJ99Y-
|
|
2
|
+
import { d as a, i as s, r as l, g as e, s as n, v as p, f as u } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
|
|
3
3
|
import o from "./Input.js";
|
|
4
4
|
a("Input", () => {
|
|
5
5
|
a("Rendering", () => {
|
|
@@ -4,5 +4,5 @@ type LogoProps = {
|
|
|
4
4
|
logo: ApLogo;
|
|
5
5
|
color?: 'black' | 'white' | 'gray' | 'green' | 'lightGreen';
|
|
6
6
|
} & DataAttributes;
|
|
7
|
-
export default function Logo({ logo, color, ...props }: LogoProps): import("react
|
|
7
|
+
export default function Logo({ logo, color, ...props }: LogoProps): import("react").JSX.Element | null;
|
|
8
8
|
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
export default function LogosGallery(): import("react
|
|
1
|
+
export default function LogosGallery(): import("react").JSX.Element;
|
|
@@ -47,4 +47,4 @@ export type NavBarProps = {
|
|
|
47
47
|
* @param {UserProfile} [props.additionalItems.userProfile] - User profile configuration with initials and dropdown content
|
|
48
48
|
* @returns {JSX.Element} The rendered NavBar component
|
|
49
49
|
*/
|
|
50
|
-
export default function NavBar({ activeMenuItemHref, projectName, projectLogoIcon, projectLogoOnClick, projectTag, menuItems, menuButton, additionalItems, className, maxWidth, }: NavBarProps): import("react
|
|
50
|
+
export default function NavBar({ activeMenuItemHref, projectName, projectLogoIcon, projectLogoOnClick, projectTag, menuItems, menuButton, additionalItems, className, maxWidth, }: NavBarProps): import("react").JSX.Element;
|
|
@@ -4,7 +4,7 @@ import f from "../Icon/Icon.js";
|
|
|
4
4
|
import { c as o } from "../../clsx-OuTLNxxd.js";
|
|
5
5
|
import K from "../Logo/Logo.js";
|
|
6
6
|
import { useState as u } from "react";
|
|
7
|
-
import { R as v, M as _, T as b, P as d, C as p, I as N } from "../../index-
|
|
7
|
+
import { R as v, M as _, T as b, P as d, C as p, I as N } from "../../index-IR8HlW5P.js";
|
|
8
8
|
import '../../assets/NavBar.css';const n = {
|
|
9
9
|
"navbar-wrapper": "NavBar-module__navbar-wrapper___e-f8y",
|
|
10
10
|
"navbar-container": "NavBar-module__navbar-container___KnbUz",
|
|
@@ -6,5 +6,5 @@ type RadioProps = {
|
|
|
6
6
|
value?: string;
|
|
7
7
|
disabled?: boolean;
|
|
8
8
|
} & DataAttributes & InteractiveEventHandlers;
|
|
9
|
-
export default function Radio({ label, value, disabled, ...props }: RadioProps): import("react
|
|
9
|
+
export default function Radio({ label, value, disabled, ...props }: RadioProps): import("react").JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { jsxs as s, jsx as
|
|
1
|
+
import { jsxs as s, jsx as i } from "react/jsx-runtime";
|
|
2
2
|
import { useId as r } from "react";
|
|
3
3
|
import { c as m } from "../../clsx-OuTLNxxd.js";
|
|
4
|
-
import {
|
|
5
|
-
import '../../assets/Radio.css';const _ = "Radio-module__item___3Kvj7", u = "Radio-module__indicator___TJ5hz", b = "Radio-module__label___c-sYW",
|
|
4
|
+
import { R as c, a as n } from "../../index-CHy8gqvu.js";
|
|
5
|
+
import '../../assets/Radio.css';const _ = "Radio-module__item___3Kvj7", u = "Radio-module__indicator___TJ5hz", b = "Radio-module__label___c-sYW", R = "Radio-module__disabled___RZ0be", a = {
|
|
6
6
|
item: _,
|
|
7
7
|
indicator: u,
|
|
8
8
|
label: b,
|
|
9
|
-
disabled:
|
|
9
|
+
disabled: R
|
|
10
10
|
};
|
|
11
11
|
function I({
|
|
12
|
-
label:
|
|
12
|
+
label: t,
|
|
13
13
|
value: d = "",
|
|
14
|
-
disabled:
|
|
14
|
+
disabled: e = !1,
|
|
15
15
|
...l
|
|
16
16
|
}) {
|
|
17
|
-
const
|
|
17
|
+
const o = r();
|
|
18
18
|
return /* @__PURE__ */ s("div", { style: {
|
|
19
19
|
display: "flex",
|
|
20
20
|
alignItems: "center"
|
|
21
21
|
}, children: [
|
|
22
|
-
/* @__PURE__ */
|
|
23
|
-
/* @__PURE__ */
|
|
22
|
+
/* @__PURE__ */ i(c, { className: m(a.item, e && a.disabled), value: d, id: o, disabled: e, "data-radio-item": !0, ...l, children: /* @__PURE__ */ i(n, { "data-radio-item-indicator": !0, className: a.indicator }) }),
|
|
23
|
+
/* @__PURE__ */ i("label", { className: a.label, htmlFor: o, children: t })
|
|
24
24
|
] });
|
|
25
25
|
}
|
|
26
26
|
export {
|
|
@@ -22,5 +22,5 @@ type RadioGroupProps = {
|
|
|
22
22
|
* @param {'vertical' | 'horizontal'} [props.orientation='vertical'] - Layout direction of the radio buttons
|
|
23
23
|
* @returns {JSX.Element} The rendered RadioGroup component
|
|
24
24
|
*/
|
|
25
|
-
export default function RadioGroup({ value, ariaLabel, onChange, disabled, children, className, orientation, ...props }: RadioGroupProps): import("react
|
|
25
|
+
export default function RadioGroup({ value, ariaLabel, onChange, disabled, children, className, orientation, ...props }: RadioGroupProps): import("react").JSX.Element;
|
|
26
26
|
export {};
|
|
@@ -1,26 +1,26 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
1
|
+
import { jsx as p } from "react/jsx-runtime";
|
|
2
|
+
import { c as n } from "../../clsx-OuTLNxxd.js";
|
|
3
3
|
import { useState as f } from "react";
|
|
4
|
-
import {
|
|
5
|
-
import '../../assets/RadioGroup.css';const z = "RadioGroup-module__root___ewZw-",
|
|
4
|
+
import { b } from "../../index-CHy8gqvu.js";
|
|
5
|
+
import '../../assets/RadioGroup.css';const z = "RadioGroup-module__root___ewZw-", G = "RadioGroup-module__horizontal___QsBvv", R = "RadioGroup-module__disabled___n-nfI", t = {
|
|
6
6
|
root: z,
|
|
7
|
-
horizontal:
|
|
8
|
-
disabled:
|
|
7
|
+
horizontal: G,
|
|
8
|
+
disabled: R
|
|
9
9
|
};
|
|
10
10
|
function w({
|
|
11
11
|
value: r,
|
|
12
12
|
ariaLabel: s,
|
|
13
13
|
onChange: o,
|
|
14
|
-
disabled:
|
|
14
|
+
disabled: a = !1,
|
|
15
15
|
children: d,
|
|
16
16
|
className: i,
|
|
17
|
-
orientation:
|
|
17
|
+
orientation: e = "vertical",
|
|
18
18
|
...u
|
|
19
19
|
}) {
|
|
20
|
-
const [_, c] = f(r), m = (
|
|
21
|
-
c(
|
|
20
|
+
const [_, c] = f(r), m = (l) => {
|
|
21
|
+
c(l), o == null || o(l);
|
|
22
22
|
};
|
|
23
|
-
return /* @__PURE__ */
|
|
23
|
+
return /* @__PURE__ */ p(b, { className: n(t.root, a && t.disabled, e === "horizontal" && t.horizontal, i), value: _, "aria-label": s, onValueChange: m, disabled: a, orientation: e, loop: !0, ...u, children: d });
|
|
24
24
|
}
|
|
25
25
|
export {
|
|
26
26
|
w as default
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsxs as p, jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { d as r, i as l, r as i, g as n, s as a, v as u, f as c } from "../../vi.bdSIJ99Y-
|
|
2
|
+
import { d as r, i as l, r as i, g as n, s as a, v as u, f as c } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
|
|
3
3
|
import d from "./RadioGroup.js";
|
|
4
4
|
import t from "../Radio/Radio.js";
|
|
5
5
|
r("RadioGroup", () => {
|
|
@@ -29,5 +29,5 @@ type RichTextEditorProps = {
|
|
|
29
29
|
onChange?: (value: string) => void;
|
|
30
30
|
onModelChange?: (model: RichTextDocumentModel) => void;
|
|
31
31
|
};
|
|
32
|
-
export default function RichTextEditor({ className, label, required, value, placeholder, disabled, errorMessage, helpText, helpLink, helpLinkText, toolbarLayout, showToolbar, showCharacterCount, maxCharacters, resizable, rows, fullWidth, tooltipEnabled, formatOptions, toolbarOptions, onChange, onModelChange, }: RichTextEditorProps): import("react
|
|
32
|
+
export default function RichTextEditor({ className, label, required, value, placeholder, disabled, errorMessage, helpText, helpLink, helpLinkText, toolbarLayout, showToolbar, showCharacterCount, maxCharacters, resizable, rows, fullWidth, tooltipEnabled, formatOptions, toolbarOptions, onChange, onModelChange, }: RichTextEditorProps): import("react").JSX.Element;
|
|
33
33
|
export {};
|
|
@@ -5,8 +5,8 @@ import "../Dialog/Dialog.js";
|
|
|
5
5
|
import "../Icon/Icon.js";
|
|
6
6
|
import "../Input/Input.js";
|
|
7
7
|
import "../Tooltip/Tooltip.js";
|
|
8
|
-
import { R as l } from "../../RichTextEditor-
|
|
9
|
-
import "../../index-
|
|
8
|
+
import { R as l } from "../../RichTextEditor-JH6YBGiw.js";
|
|
9
|
+
import "../../index-CcsZYEYy.js";
|
|
10
10
|
export {
|
|
11
11
|
l as default
|
|
12
12
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { d, i as a, r, g as t, s as e, f as c, w as b, v as u } from "../../vi.bdSIJ99Y-
|
|
3
|
-
import { s as i, R as n } from "../../RichTextEditor-
|
|
2
|
+
import { d, i as a, r, g as t, s as e, f as c, w as b, v as u } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
|
|
3
|
+
import { s as i, R as n } from "../../RichTextEditor-JH6YBGiw.js";
|
|
4
4
|
d("RichTextEditor", () => {
|
|
5
5
|
d("Rendering", () => {
|
|
6
6
|
a("renders label and required marker", () => {
|
|
@@ -29,5 +29,5 @@ type SearchInputProps = {
|
|
|
29
29
|
* @param {(value: string) => void} [props.onChange] - Callback fired when the search input value changes
|
|
30
30
|
* @returns {JSX.Element} The rendered Search component
|
|
31
31
|
*/
|
|
32
|
-
export default function Search({ label, value, placeholder, autofocus, inline, required, errorMessage, onChange, onSearchFocus, disabled, className, ...props }: SearchInputProps): import("react
|
|
32
|
+
export default function Search({ label, value, placeholder, autofocus, inline, required, errorMessage, onChange, onSearchFocus, disabled, className, ...props }: SearchInputProps): import("react").JSX.Element;
|
|
33
33
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import { d as u, i as o, r as i, g as t, s as n, v as p, f as d } from "../../vi.bdSIJ99Y-
|
|
2
|
+
import { d as u, i as o, r as i, g as t, s as n, v as p, f as d } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
|
|
3
3
|
import a from "./Search.js";
|
|
4
4
|
u("Search", () => {
|
|
5
5
|
u("Rendering", () => {
|
|
@@ -14,5 +14,5 @@ type SpinnerProps = {
|
|
|
14
14
|
* @param {string} [props.className] - Additional CSS classes to apply
|
|
15
15
|
* @returns {JSX.Element} The rendered Spinner component
|
|
16
16
|
*/
|
|
17
|
-
export default function Spinner({ size, color, className, ...props }: SpinnerProps): import("react
|
|
17
|
+
export default function Spinner({ size, color, className, ...props }: SpinnerProps): import("react").JSX.Element;
|
|
18
18
|
export {};
|
|
@@ -14,5 +14,5 @@ type SplitButtonProps = {
|
|
|
14
14
|
loading?: boolean;
|
|
15
15
|
buttonLabel?: string;
|
|
16
16
|
} & DataAttributes & InteractiveEventHandlers;
|
|
17
|
-
export default function SplitButton({ type, trigger, size, actionOptions, disabled, loading, buttonLabel, className, ...props }: SplitButtonProps): import("react
|
|
17
|
+
export default function SplitButton({ type, trigger, size, actionOptions, disabled, loading, buttonLabel, className, ...props }: SplitButtonProps): import("react").JSX.Element;
|
|
18
18
|
export {};
|
|
@@ -5,9 +5,9 @@ import * as p from "react";
|
|
|
5
5
|
import { useRef as U, useState as I, useEffect as $ } from "react";
|
|
6
6
|
import K from "../Icon/Icon.js";
|
|
7
7
|
import "../Input/Input.js";
|
|
8
|
-
import { u as j, P as H, c as v,
|
|
9
|
-
import { R as X, A as q, P as J, C as Q, I as Y, c as C, G as Z, L as ee, a as oe, b as ne, d as te, e as re, S as ae, f as ie, g as de, h as pe } from "../../index-
|
|
10
|
-
import { u as y } from "../../index-
|
|
8
|
+
import { u as j, P as H, c as v, g as F, b as V } from "../../index-B4szHVNJ.js";
|
|
9
|
+
import { R as X, A as q, P as J, C as Q, I as Y, c as C, G as Z, L as ee, a as oe, b as ne, d as te, e as re, S as ae, f as ie, g as de, h as pe } from "../../index-CE9NpYQR.js";
|
|
10
|
+
import { u as y } from "../../index-6DGSlWJb.js";
|
|
11
11
|
import '../../assets/SplitButton.css';var D = "DropdownMenu", [se] = V(
|
|
12
12
|
D,
|
|
13
13
|
[C]
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { d, i as c, r as l, s as e, g as t, f as g, v as b } from "../../vi.bdSIJ99Y-
|
|
2
|
+
import { d, i as c, r as l, s as e, g as t, f as g, v as b } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
|
|
3
3
|
import r from "./SplitButton.js";
|
|
4
4
|
d("SplitButton", () => {
|
|
5
5
|
const a = (i) => {
|
|
@@ -1,4 +1,6 @@
|
|
|
1
|
+
import { ComponentProps } from 'react';
|
|
1
2
|
import { DataAttributes } from '../../types/data-attributes';
|
|
3
|
+
import { default as Tag } from '../Tag/Tag';
|
|
2
4
|
import { InteractiveEventHandlers } from '../../types/native-events';
|
|
3
5
|
type TabProps = {
|
|
4
6
|
className?: string;
|
|
@@ -8,6 +10,7 @@ type TabProps = {
|
|
|
8
10
|
numberCount?: number;
|
|
9
11
|
hasError?: boolean;
|
|
10
12
|
iconClassName?: string;
|
|
13
|
+
tag?: Omit<ComponentProps<typeof Tag>, 'size'>;
|
|
11
14
|
onClick?: () => void;
|
|
12
15
|
} & DataAttributes & InteractiveEventHandlers;
|
|
13
16
|
/**
|
|
@@ -20,8 +23,9 @@ type TabProps = {
|
|
|
20
23
|
* @param {number} [props.numberCount] - Optional count displayed in parentheses after the label
|
|
21
24
|
* @param {boolean} [props.hasError] - Optional error state to render next to the label
|
|
22
25
|
* @param {string} [props.iconClassName] - Class name applied to the icon element
|
|
26
|
+
* @param {object} [props.tag] - Optional Tag props (size is always forced to 'sm') rendered inline next to the label
|
|
23
27
|
* @param {() => void} [props.onClick] - Callback fired when the tab is activated
|
|
24
28
|
* @returns {JSX.Element} The rendered Tab component
|
|
25
29
|
*/
|
|
26
|
-
export default function Tab({ label, numberCount, hasError, iconClassName, active, disabled, onClick, className, ...props }: TabProps): import("react
|
|
30
|
+
export default function Tab({ label, numberCount, hasError, iconClassName, tag, active, disabled, onClick, className, ...props }: TabProps): import("react").JSX.Element;
|
|
27
31
|
export {};
|
|
@@ -1,39 +1,43 @@
|
|
|
1
|
-
import { jsxs as d, jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
1
|
+
import { jsxs as d, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { c as r } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import T from "../Icon/Icon.js";
|
|
4
|
+
import x from "../Tag/Tag.js";
|
|
5
|
+
import '../../assets/Tab.css';const g = "Tab-module__tab___ShyYn", D = "Tab-module__active___tB2AH", N = "Tab-module__disabled___trlpg", e = {
|
|
6
|
+
tab: g,
|
|
7
|
+
active: D,
|
|
8
|
+
disabled: N,
|
|
9
|
+
"tab-icon-alert": "Tab-module__tab-icon-alert___2OP17",
|
|
10
|
+
"tab-tag": "Tab-module__tab-tag___YOI2y"
|
|
9
11
|
};
|
|
10
|
-
function
|
|
11
|
-
label:
|
|
12
|
+
function j({
|
|
13
|
+
label: b,
|
|
12
14
|
numberCount: o,
|
|
13
|
-
hasError:
|
|
14
|
-
iconClassName:
|
|
15
|
-
|
|
15
|
+
hasError: m,
|
|
16
|
+
iconClassName: f,
|
|
17
|
+
tag: i,
|
|
18
|
+
active: l,
|
|
16
19
|
disabled: t,
|
|
17
20
|
onClick: a,
|
|
18
|
-
className:
|
|
19
|
-
...
|
|
21
|
+
className: u,
|
|
22
|
+
...n
|
|
20
23
|
}) {
|
|
21
|
-
const
|
|
24
|
+
const y = () => {
|
|
22
25
|
t || a == null || a();
|
|
23
|
-
},
|
|
26
|
+
}, h = (_) => {
|
|
24
27
|
var c;
|
|
25
|
-
t || ((
|
|
26
|
-
},
|
|
27
|
-
return /* @__PURE__ */ d("div", { className:
|
|
28
|
-
/* @__PURE__ */
|
|
29
|
-
|
|
28
|
+
t || ((_.key === " " || _.key === "Enter") && (_.preventDefault(), a == null || a()), (c = n.onKeyDown) == null || c.call(n, _));
|
|
29
|
+
}, v = o != null;
|
|
30
|
+
return /* @__PURE__ */ d("div", { className: r(e.tab, l && e.active, t && e.disabled, u), onClick: y, onKeyDown: h, tabIndex: t ? -1 : 0, role: "tab", "aria-selected": l, "aria-disabled": t, ...n, children: [
|
|
31
|
+
/* @__PURE__ */ s("span", { children: b }),
|
|
32
|
+
i && /* @__PURE__ */ s("span", { className: e["tab-tag"], children: /* @__PURE__ */ s(x, { ...i, size: "sm" }) }),
|
|
33
|
+
v && /* @__PURE__ */ d("span", { children: [
|
|
30
34
|
"(",
|
|
31
35
|
o,
|
|
32
36
|
")"
|
|
33
37
|
] }),
|
|
34
|
-
|
|
38
|
+
m && /* @__PURE__ */ s(T, { icon: "ap-icon-alert", className: r(e["tab-icon-alert"], f) })
|
|
35
39
|
] });
|
|
36
40
|
}
|
|
37
41
|
export {
|
|
38
|
-
|
|
42
|
+
j as default
|
|
39
43
|
};
|
|
@@ -6,5 +6,5 @@ type TabNavigationProps = {
|
|
|
6
6
|
align?: 'left' | 'center' | 'right';
|
|
7
7
|
noUnderline?: boolean;
|
|
8
8
|
} & DataAttributes;
|
|
9
|
-
export default function TabNavigation({ children, align, className, noUnderline, ...props }: TabNavigationProps): import("react
|
|
9
|
+
export default function TabNavigation({ children, align, className, noUnderline, ...props }: TabNavigationProps): import("react").JSX.Element;
|
|
10
10
|
export {};
|
|
@@ -31,5 +31,5 @@ type TagProps = BaseTagProps & ({
|
|
|
31
31
|
* @param {() => void} [props.onClose] - Callback fired when the close button is clicked
|
|
32
32
|
* @returns {JSX.Element} The rendered Tag component
|
|
33
33
|
*/
|
|
34
|
-
export default function Tag({ type, size, structure, iconPosition, label, color, className, noIcon, onClose, ...props }: TagProps): import("react
|
|
34
|
+
export default function Tag({ type, size, structure, iconPosition, label, color, className, noIcon, onClose, ...props }: TagProps): import("react").JSX.Element;
|
|
35
35
|
export {};
|
|
@@ -4,7 +4,6 @@ import n from "../Icon/Icon.js";
|
|
|
4
4
|
import '../../assets/Tag.css';const p = "Tag-module__tag___0Cfjz", f = "Tag-module__label___aGRya", a = {
|
|
5
5
|
tag: p,
|
|
6
6
|
"tag-md": "Tag-module__tag-md___JwMcM",
|
|
7
|
-
label: f,
|
|
8
7
|
"tag-sm": "Tag-module__tag-sm___XzenL",
|
|
9
8
|
"icon-container-left": "Tag-module__icon-container-left___8uIQ9",
|
|
10
9
|
"icon-container-right": "Tag-module__icon-container-right___QsLQ5",
|
|
@@ -12,6 +11,7 @@ import '../../assets/Tag.css';const p = "Tag-module__tag___0Cfjz", f = "Tag-modu
|
|
|
12
11
|
"tag-borderless": "Tag-module__tag-borderless___fva4F",
|
|
13
12
|
"tag-success": "Tag-module__tag-success___77hcn",
|
|
14
13
|
"tag-solid": "Tag-module__tag-solid___B6-dI",
|
|
14
|
+
label: f,
|
|
15
15
|
"tag-warning": "Tag-module__tag-warning___0QvsH",
|
|
16
16
|
"tag-error": "Tag-module__tag-error___MziYU",
|
|
17
17
|
"tag-gray": "Tag-module__tag-gray___o2tVE",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { d as c, i as o, r as l, g as e, s as t } from "../../vi.bdSIJ99Y-
|
|
2
|
+
import { d as c, i as o, r as l, g as e, s as t } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
|
|
3
3
|
import s from "./Tag.js";
|
|
4
4
|
c("Tag", () => {
|
|
5
5
|
c("Rendering", () => {
|
|
@@ -51,5 +51,5 @@ type TagsFieldsProps = {
|
|
|
51
51
|
* @param {DataAttributes} [props.data-*] - Additional `data-` attributes forwarded to the root element
|
|
52
52
|
* @returns {JSX.Element} The rendered TagsFields component
|
|
53
53
|
*/
|
|
54
|
-
export default function TagsFields({ className, label, options, value, disabled, required, searchable, searchPlaceholder, errorMessage, helpText, helpLink, helpLinkText, onChange, onSearch, multiSelect, grouped, align, dropdownMenuClassName, labelTooltip, unselect, selectedOptionLabel, selectedOptionsLabel, allOptionsSelectedLabel, caseSensitive, ...props }: TagsFieldsProps): import("react
|
|
54
|
+
export default function TagsFields({ className, label, options, value, disabled, required, searchable, searchPlaceholder, errorMessage, helpText, helpLink, helpLinkText, onChange, onSearch, multiSelect, grouped, align, dropdownMenuClassName, labelTooltip, unselect, selectedOptionLabel, selectedOptionsLabel, allOptionsSelectedLabel, caseSensitive, ...props }: TagsFieldsProps): import("react").JSX.Element;
|
|
55
55
|
export {};
|
|
@@ -5,7 +5,7 @@ import W from "../Icon/Icon.js";
|
|
|
5
5
|
import Ie from "../Button/Button.js";
|
|
6
6
|
import "../Input/Input.js";
|
|
7
7
|
import Fe from "../Tooltip/Tooltip.js";
|
|
8
|
-
import { R as ve, A as Te, P as Ne, C as Le } from "../../index-
|
|
8
|
+
import { R as ve, A as Te, P as Ne, C as Le } from "../../index-CcsZYEYy.js";
|
|
9
9
|
import '../../assets/TagsFields.css';const De = "TagsFields-module__dropdownContainer___GIsND", Ce = "TagsFields-module__dropdownLabel___AUP9W", ye = "TagsFields-module__dropdownLabelDisabled___hilvh", Oe = "TagsFields-module__required___Ybg21", ke = "TagsFields-module__dropdownWrapper___KxTZl", Re = "TagsFields-module__selectedItemsCreatable___Pnf8l", xe = "TagsFields-module__selectedItem___Tp6lp", Ae = "TagsFields-module__selectedItemLabel___SwoJL", Se = "TagsFields-module__removeButton___od0yh", We = "TagsFields-module__removeIcon___2WRCF", Ee = "TagsFields-module__singleSelectedCreatableItem___QwENt", Me = "TagsFields-module__singleSelectedCreatableItemRemoveButton___1PeN7", Ve = "TagsFields-module__dropdownActions___USb5V", Be = "TagsFields-module__dropdownArrow___JT9d3", Pe = "TagsFields-module__dropdownArrowOpen___jPfTk", je = "TagsFields-module__dropdownMenu___gPhtC", qe = "TagsFields-module__dropdownCreatableSearchContainer___mltcH", Ge = "TagsFields-module__disabled___1OfNF", ze = "TagsFields-module__dropdownCreatableError___R6oyD", Je = "TagsFields-module__creatableInput___qz9jI", Qe = "TagsFields-module__optionsList___qyawx", Ue = "TagsFields-module__categoryGroup___In039", Ye = "TagsFields-module__categoryDivider___eROv0", Ke = "TagsFields-module__categoryLabel___Cv2h5", He = "TagsFields-module__optionItem___UujFS", Xe = "TagsFields-module__optionItemDisabled___9gB8N", Ze = "TagsFields-module__optionItemFocused___4rsDt", $e = "TagsFields-module__optionContent___QSC9G", et = "TagsFields-module__optionLabel___N-fQ7", tt = "TagsFields-module__tickIcon___3uRY-", st = "TagsFields-module__noOptions___ugYj9", lt = "TagsFields-module__helpers___ab6f-", ot = "TagsFields-module__helpText___Qzdqh", dt = "TagsFields-module__helpTextDisabled___m-oFo", nt = "TagsFields-module__helpLink___JQDmR", at = "TagsFields-module__helpLinkDisabled___Nk1BX", rt = "TagsFields-module__errorMessage___b-ugf", t = {
|
|
10
10
|
dropdownContainer: De,
|
|
11
11
|
dropdownLabel: Ce,
|
|
@@ -38,5 +38,5 @@ type TextareaProps = {
|
|
|
38
38
|
* @param {TextareaLabelTooltipProps} [props.labelTooltip] - Tooltip to display next to the label
|
|
39
39
|
* @returns {JSX.Element} The rendered Textarea component
|
|
40
40
|
*/
|
|
41
|
-
export default function Textarea({ label, rows, cols, value, placeholder, required, errorMessage, disabled, onChange, maxLength, resize, autofocus, fullWidth, labelTooltip, className, ...props }: TextareaProps): import("react
|
|
41
|
+
export default function Textarea({ label, rows, cols, value, placeholder, required, errorMessage, disabled, onChange, maxLength, resize, autofocus, fullWidth, labelTooltip, className, ...props }: TextareaProps): import("react").JSX.Element;
|
|
42
42
|
export {};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { d, i as s, r as n, g as t, s as a, f as i, v as u } from "../../vi.bdSIJ99Y-
|
|
2
|
+
import { d, i as s, r as n, g as t, s as a, f as i, v as u } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
|
|
3
3
|
import o from "./Textarea.js";
|
|
4
4
|
d("Textarea", () => {
|
|
5
5
|
d("Rendering", () => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { d as l, i as a, r as n, g as e, s, w as i } from "../../vi.bdSIJ99Y-
|
|
2
|
+
import { d as l, i as a, r as n, g as e, s, w as i } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
|
|
3
3
|
import c from "./Toast.js";
|
|
4
4
|
const r = 200;
|
|
5
5
|
l("Toast", () => {
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import { default as React } from 'react';
|
|
1
2
|
import { ToastProviderProps } from './types';
|
|
2
3
|
/**
|
|
3
4
|
* ToastProvider component for managing toast notifications programmatically.
|
|
@@ -16,4 +17,4 @@ import { ToastProviderProps } from './types';
|
|
|
16
17
|
* </ToastProvider>
|
|
17
18
|
* ```
|
|
18
19
|
*/
|
|
19
|
-
export default function ToastProvider({ children, maxSnack, anchorOrigin, autoHideDuration, preventDuplicate, }: ToastProviderProps):
|
|
20
|
+
export default function ToastProvider({ children, maxSnack, anchorOrigin, autoHideDuration, preventDuplicate, }: ToastProviderProps): React.JSX.Element;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { jsx as t, jsxs as y } from "react/jsx-runtime";
|
|
2
|
-
import { d as h, b as I, i, r as a, g as n, s as e, v as g, w as r,
|
|
3
|
-
import { u as c } from "../../index-
|
|
2
|
+
import { d as h, b as I, i, r as a, g as n, s as e, v as g, w as r, c as k, e as B } from "../../vi.bdSIJ99Y-DWCVXj6K.js";
|
|
3
|
+
import { u as c } from "../../index-banDzeKa.js";
|
|
4
4
|
import { useRef as f, useEffect as v, useState as p } from "react";
|
|
5
|
-
import { T as l } from "../../ToastProvider-
|
|
6
|
-
import { u as T } from "../../useToast-
|
|
5
|
+
import { T as l } from "../../ToastProvider-DVycF0zU.js";
|
|
6
|
+
import { u as T } from "../../useToast-CpwrYPvx.js";
|
|
7
7
|
function u({
|
|
8
8
|
onMount: s
|
|
9
9
|
}) {
|
|
@@ -21,5 +21,5 @@ type ToggleProps = {
|
|
|
21
21
|
* @param {(checked: CheckedState) => void} [props.onChange] - Callback fired when the toggle state changes
|
|
22
22
|
* @returns {JSX.Element} The rendered Toggle component
|
|
23
23
|
*/
|
|
24
|
-
export default function Toggle({ label, checked, disabled, labelPosition, onChange, className, ...props }: ToggleProps): import("react
|
|
24
|
+
export default function Toggle({ label, checked, disabled, labelPosition, onChange, className, ...props }: ToggleProps): import("react").JSX.Element;
|
|
25
25
|
export {};
|