@alixpartners/ui-components 2.0.0-beta.9 → 2.0.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 +2 -2
- package/dist/ap-logos-Cl1TR5nm.js +4 -0
- package/dist/assets/Banner.css +1 -1
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Checkbox.css +1 -1
- package/dist/assets/Dialog.css +1 -1
- package/dist/assets/DragAndDrop.css +1 -1
- package/dist/assets/Dropdown.css +1 -1
- package/dist/assets/Input.css +1 -1
- package/dist/assets/LogosGallery.css +1 -0
- package/dist/assets/NavBar.css +1 -1
- package/dist/assets/SplitButton.css +1 -1
- package/dist/assets/TabNavigation.css +1 -1
- package/dist/assets/Tag.css +1 -1
- package/dist/assets/Textarea.css +1 -1
- package/dist/assets/Toast.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/ap-logos-types.d.ts +1 -0
- package/dist/assets/ap-logos.d.ts +1 -0
- package/dist/assets/main.css +1 -1
- package/dist/components/Button/Button.d.ts +11 -12
- package/dist/components/Button/Button.js +15 -14
- package/dist/components/Creatable/Creatable.d.ts +3 -1
- package/dist/components/Creatable/Creatable.js +26 -25
- package/dist/components/Dialog/Dialog.d.ts +15 -4
- package/dist/components/Dialog/Dialog.js +58 -42
- package/dist/components/DragAndDrop/DragAndDrop.d.ts +4 -1
- package/dist/components/DragAndDrop/DragAndDrop.js +82 -72
- package/dist/components/Dropdown/Dropdown.d.ts +8 -1
- package/dist/components/Dropdown/Dropdown.js +354 -320
- package/dist/components/Icons/IconsGallery.js +1 -1
- package/dist/components/Input/Input.d.ts +23 -22
- package/dist/components/Input/Input.js +62 -60
- package/dist/components/Logo/Logo.d.ts +8 -0
- package/dist/components/Logo/Logo.js +57 -0
- package/dist/components/Logos/LogosGallery.d.ts +1 -0
- package/dist/components/Logos/LogosGallery.js +16 -0
- package/dist/components/NavBar/NavBar.d.ts +13 -5
- package/dist/components/NavBar/NavBar.js +246 -230
- package/dist/components/SplitButton/SplitButton.js +20 -18
- package/dist/components/Tab/Tab.js +19 -19
- package/dist/components/TabNavigation/TabNavigation.js +11 -10
- package/dist/components/Tag/Tag.js +8 -8
- package/dist/components/Textarea/Textarea.d.ts +2 -2
- package/dist/components/Toast/Toast.js +2 -2
- package/dist/components/Toast/Toast.test.js +1 -1
- package/dist/components/Tooltip/Tooltip.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.js +12 -10
- package/dist/main.d.ts +5 -3
- package/dist/main.js +29 -25
- package/dist/storybook-docs-page.d.ts +4 -1
- package/package.json +1 -1
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { jsx as a, jsxs as h } from "react/jsx-runtime";
|
|
2
2
|
import { c as R } from "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import
|
|
3
|
+
import z from "../Button/Button.js";
|
|
4
4
|
import * as d from "react";
|
|
5
|
-
import { useRef as
|
|
5
|
+
import { useRef as W, useState as N, useEffect as U } from "react";
|
|
6
6
|
import $ from "../Icon/Icon.js";
|
|
7
|
+
import "../Input/Input.js";
|
|
7
8
|
import { u as K, c as H, P as j, a as M, b as F } from "../../index-DWydnyjJ.js";
|
|
8
|
-
import { c as
|
|
9
|
-
import { u as
|
|
10
|
-
import '../../assets/SplitButton.css';var v = "DropdownMenu", [so,
|
|
9
|
+
import { c as C, R as V, A as X, P as q, C as J, I as Q, G as Y, L as Z, a as oo, b as eo, d as no, e as to, S as ro, f as ao, g as io, h as po } from "../../index-CVWHq7Pr.js";
|
|
10
|
+
import { u as I } from "../../index-2H7slGYV.js";
|
|
11
|
+
import '../../assets/SplitButton.css';var v = "DropdownMenu", [so, Vo] = H(
|
|
11
12
|
v,
|
|
12
|
-
[
|
|
13
|
-
), s =
|
|
13
|
+
[C]
|
|
14
|
+
), s = C(), [uo, y] = so(v), x = (o) => {
|
|
14
15
|
const {
|
|
15
16
|
__scopeDropdownMenu: t,
|
|
16
17
|
children: e,
|
|
@@ -29,9 +30,9 @@ import '../../assets/SplitButton.css';var v = "DropdownMenu", [so, Fo] = H(
|
|
|
29
30
|
uo,
|
|
30
31
|
{
|
|
31
32
|
scope: t,
|
|
32
|
-
triggerId:
|
|
33
|
+
triggerId: I(),
|
|
33
34
|
triggerRef: _,
|
|
34
|
-
contentId:
|
|
35
|
+
contentId: I(),
|
|
35
36
|
open: w,
|
|
36
37
|
onOpenChange: f,
|
|
37
38
|
onOpenToggle: d.useCallback(() => f((g) => !g), [f]),
|
|
@@ -146,18 +147,18 @@ var Ro = "DropdownMenuItemIndicator", So = d.forwardRef((o, t) => {
|
|
|
146
147
|
return /* @__PURE__ */ a(to, { ...r, ...n, ref: t });
|
|
147
148
|
});
|
|
148
149
|
So.displayName = Ro;
|
|
149
|
-
var No = "DropdownMenuSeparator",
|
|
150
|
+
var No = "DropdownMenuSeparator", Io = d.forwardRef((o, t) => {
|
|
150
151
|
const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
|
|
151
152
|
return /* @__PURE__ */ a(ro, { ...r, ...n, ref: t });
|
|
152
153
|
});
|
|
153
|
-
|
|
154
|
-
var
|
|
154
|
+
Io.displayName = No;
|
|
155
|
+
var Co = "DropdownMenuArrow", yo = d.forwardRef(
|
|
155
156
|
(o, t) => {
|
|
156
157
|
const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
|
|
157
158
|
return /* @__PURE__ */ a(ao, { ...r, ...n, ref: t });
|
|
158
159
|
}
|
|
159
160
|
);
|
|
160
|
-
yo.displayName =
|
|
161
|
+
yo.displayName = Co;
|
|
161
162
|
var xo = "DropdownMenuSubTrigger", Po = d.forwardRef((o, t) => {
|
|
162
163
|
const { __scopeDropdownMenu: e, ...n } = o, r = s(e);
|
|
163
164
|
return /* @__PURE__ */ a(io, { ...r, ...n, ref: t });
|
|
@@ -200,7 +201,7 @@ const u = {
|
|
|
200
201
|
"split-button-dropdown-menu-size-sm": "SplitButton-module__split-button-dropdown-menu-size-sm___xlVmW",
|
|
201
202
|
"split-button-dropdown-arrow": "SplitButton-module__split-button-dropdown-arrow___-Pf9C"
|
|
202
203
|
};
|
|
203
|
-
function
|
|
204
|
+
function Xo({
|
|
204
205
|
type: o = "primary",
|
|
205
206
|
trigger: t = "single",
|
|
206
207
|
size: e = "md",
|
|
@@ -211,7 +212,7 @@ function Vo({
|
|
|
211
212
|
className: p,
|
|
212
213
|
...l
|
|
213
214
|
}) {
|
|
214
|
-
const _ =
|
|
215
|
+
const _ = W(null), [w, f] = N(0), [g, S] = N(!1);
|
|
215
216
|
U(() => {
|
|
216
217
|
var b;
|
|
217
218
|
const m = (b = _.current) == null ? void 0 : b.getBoundingClientRect().width;
|
|
@@ -226,11 +227,12 @@ function Vo({
|
|
|
226
227
|
t === "single" ? k() : n[0].action(), D == null || D(m);
|
|
227
228
|
};
|
|
228
229
|
return /* @__PURE__ */ h("div", { ref: _, className: R(u["split-button-container"], u[`split-button-container-type-${o}`], u[`split-button-container-trigger-${t}`], u[`split-button-container-size-${e}`], (r || i) && u["split-button-container-disabled"], p), children: [
|
|
229
|
-
/* @__PURE__ */ a(
|
|
230
|
+
/* @__PURE__ */ a(z, { type: o, variant: "default", size: e, onClick: L, className: u["split-button-action-trigger"], disabled: r, loading: i, ...G, children: t === "single" ? c : n[0].label }),
|
|
230
231
|
/* @__PURE__ */ h(Oo, { open: g, onOpenChange: S, children: [
|
|
231
232
|
/* @__PURE__ */ a(Bo, { disabled: r || i, className: u["split-button-dropdown-trigger"], children: /* @__PURE__ */ a($, { icon: "ap-icon-expand-more", className: R(u["split-button-dropdown-arrow"]) }) }),
|
|
232
233
|
/* @__PURE__ */ a(To, { children: /* @__PURE__ */ h(ko, { align: "end", sideOffset: 5, style: {
|
|
233
|
-
minWidth: w
|
|
234
|
+
minWidth: w,
|
|
235
|
+
zIndex: 9999
|
|
234
236
|
}, children: [
|
|
235
237
|
" ",
|
|
236
238
|
/* @__PURE__ */ a("div", { className: R(u["split-button-dropdown-menu"], u[`split-button-dropdown-menu-size-${e}`], (r || i) && u["split-button-dropdown-menu-disabled"]), children: n.map((m, b) => t === "split" && b === 0 ? null : /* @__PURE__ */ a(Go, { title: m.label, onClick: () => m.action(), children: /* @__PURE__ */ a("button", { children: m.label }) }, m.value)) })
|
|
@@ -239,5 +241,5 @@ function Vo({
|
|
|
239
241
|
] });
|
|
240
242
|
}
|
|
241
243
|
export {
|
|
242
|
-
|
|
244
|
+
Xo as default
|
|
243
245
|
};
|
|
@@ -1,15 +1,15 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { c as
|
|
3
|
-
import
|
|
4
|
-
import '../../assets/Tab.css';const
|
|
5
|
-
tab:
|
|
6
|
-
active:
|
|
7
|
-
disabled:
|
|
1
|
+
import { jsxs as d, jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { c as l } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import h from "../Icon/Icon.js";
|
|
4
|
+
import '../../assets/Tab.css';const x = "Tab-module__tab___ShyYn", T = "Tab-module__active___tB2AH", D = "Tab-module__disabled___trlpg", _ = {
|
|
5
|
+
tab: x,
|
|
6
|
+
active: T,
|
|
7
|
+
disabled: D,
|
|
8
8
|
"tab-icon-alert": "Tab-module__tab-icon-alert___2OP17"
|
|
9
9
|
};
|
|
10
10
|
function O({
|
|
11
|
-
label:
|
|
12
|
-
numberCount:
|
|
11
|
+
label: r,
|
|
12
|
+
numberCount: o,
|
|
13
13
|
hasError: b,
|
|
14
14
|
iconClassName: m,
|
|
15
15
|
active: s,
|
|
@@ -18,20 +18,20 @@ function O({
|
|
|
18
18
|
className: f,
|
|
19
19
|
...e
|
|
20
20
|
}) {
|
|
21
|
-
const
|
|
21
|
+
const u = () => {
|
|
22
22
|
t || a == null || a();
|
|
23
|
-
},
|
|
24
|
-
var
|
|
25
|
-
t || ((n.key === " " || n.key === "Enter") && (n.preventDefault(), a == null || a()), (
|
|
26
|
-
};
|
|
27
|
-
return /* @__PURE__ */
|
|
28
|
-
/* @__PURE__ */
|
|
29
|
-
|
|
23
|
+
}, v = (n) => {
|
|
24
|
+
var c;
|
|
25
|
+
t || ((n.key === " " || n.key === "Enter") && (n.preventDefault(), a == null || a()), (c = e.onKeyDown) == null || c.call(e, n));
|
|
26
|
+
}, y = o != null;
|
|
27
|
+
return /* @__PURE__ */ d("div", { className: l(_.tab, s && _.active, t && _.disabled, f), onClick: u, onKeyDown: v, tabIndex: t ? -1 : 0, role: "tab", "aria-selected": s, "aria-disabled": t, ...e, children: [
|
|
28
|
+
/* @__PURE__ */ i("span", { children: r }),
|
|
29
|
+
y && /* @__PURE__ */ d("span", { children: [
|
|
30
30
|
"(",
|
|
31
|
-
|
|
31
|
+
o,
|
|
32
32
|
")"
|
|
33
33
|
] }),
|
|
34
|
-
b && /* @__PURE__ */
|
|
34
|
+
b && /* @__PURE__ */ i(h, { icon: "ap-icon-alert", className: l(_["tab-icon-alert"], m) })
|
|
35
35
|
] });
|
|
36
36
|
}
|
|
37
37
|
export {
|
|
@@ -1,19 +1,20 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { c as
|
|
3
|
-
import '../../assets/TabNavigation.css';const
|
|
1
|
+
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
+
import { c as n } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import '../../assets/TabNavigation.css';const a = {
|
|
4
4
|
"tab-navigation": "TabNavigation-module__tab-navigation___y-Q6p",
|
|
5
|
+
"tab-navigation-items": "TabNavigation-module__tab-navigation-items___c1iWX",
|
|
5
6
|
"align-left": "TabNavigation-module__align-left___hk75y",
|
|
6
7
|
"align-right": "TabNavigation-module__align-right___ubb5N",
|
|
7
8
|
"align-center": "TabNavigation-module__align-center___6apG1"
|
|
8
9
|
};
|
|
9
|
-
function
|
|
10
|
-
children:
|
|
11
|
-
align:
|
|
12
|
-
className:
|
|
13
|
-
...
|
|
10
|
+
function b({
|
|
11
|
+
children: _,
|
|
12
|
+
align: i = "center",
|
|
13
|
+
className: o,
|
|
14
|
+
...e
|
|
14
15
|
}) {
|
|
15
|
-
return /* @__PURE__ */
|
|
16
|
+
return /* @__PURE__ */ t("div", { className: n(a["tab-navigation"]), ...e, children: /* @__PURE__ */ t("div", { className: n(a["tab-navigation-items"], i && a[`align-${i}`], o), children: _ }) });
|
|
16
17
|
}
|
|
17
18
|
export {
|
|
18
|
-
|
|
19
|
+
b as default
|
|
19
20
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs as b, jsx as _ } from "react/jsx-runtime";
|
|
2
2
|
import { c as h } from "../../clsx-OuTLNxxd.js";
|
|
3
|
-
import
|
|
3
|
+
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",
|
|
@@ -25,10 +25,10 @@ import '../../assets/Tag.css';const p = "Tag-module__tag___0Cfjz", f = "Tag-modu
|
|
|
25
25
|
};
|
|
26
26
|
function z({
|
|
27
27
|
type: e,
|
|
28
|
-
size:
|
|
28
|
+
size: s,
|
|
29
29
|
structure: l = "border",
|
|
30
30
|
iconPosition: r,
|
|
31
|
-
label:
|
|
31
|
+
label: c,
|
|
32
32
|
color: i,
|
|
33
33
|
className: u,
|
|
34
34
|
noIcon: d,
|
|
@@ -48,13 +48,13 @@ function z({
|
|
|
48
48
|
default:
|
|
49
49
|
return "ap-icon-close";
|
|
50
50
|
}
|
|
51
|
-
})(e),
|
|
51
|
+
})(e), o = () => {
|
|
52
52
|
e === "basic" && (g == null || g());
|
|
53
53
|
};
|
|
54
|
-
return /* @__PURE__ */ b("div", { className: h(a.tag, a[`tag-${e}`], a[`tag-${
|
|
55
|
-
t && r === "left" && /* @__PURE__ */ _("span", { className: a["icon-container-left"], onClick:
|
|
56
|
-
/* @__PURE__ */ _("span", { className: a.label, children:
|
|
57
|
-
t && r === "right" && /* @__PURE__ */ _("span", { className: a["icon-container-right"], onClick:
|
|
54
|
+
return /* @__PURE__ */ b("div", { className: h(a.tag, a[`tag-${e}`], a[`tag-${s}`], a[`tag-${l}`], e === "basic" && a[`tag-${i}`], u), ...m, children: [
|
|
55
|
+
t && r === "left" && /* @__PURE__ */ _("span", { className: a["icon-container-left"], onClick: o, children: /* @__PURE__ */ _(n, { icon: t }) }),
|
|
56
|
+
/* @__PURE__ */ _("span", { title: c, className: a.label, children: c }),
|
|
57
|
+
t && r === "right" && /* @__PURE__ */ _("span", { className: a["icon-container-right"], onClick: o, children: /* @__PURE__ */ _(n, { icon: t }) })
|
|
58
58
|
] });
|
|
59
59
|
}
|
|
60
60
|
export {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode } from 'react';
|
|
2
2
|
import { TooltipProps } from '../Tooltip/Tooltip';
|
|
3
|
-
import {
|
|
3
|
+
import { InteractiveEventHandlers } from '../../types/native-events';
|
|
4
4
|
export type TextareaLabelTooltipProps = Omit<TooltipProps, 'children'>;
|
|
5
5
|
type TextareaProps = {
|
|
6
6
|
className?: string;
|
|
@@ -18,7 +18,7 @@ type TextareaProps = {
|
|
|
18
18
|
onChange?: (value: string) => void;
|
|
19
19
|
fullWidth?: boolean;
|
|
20
20
|
labelTooltip?: TextareaLabelTooltipProps;
|
|
21
|
-
} &
|
|
21
|
+
} & InteractiveEventHandlers;
|
|
22
22
|
/**
|
|
23
23
|
* Textarea component for multi-line text input with support for validation, character counting, and accessibility features.
|
|
24
24
|
*
|
|
@@ -31,4 +31,4 @@ export type TooltipProps = {
|
|
|
31
31
|
* @param {() => void} [props.onClose] - Callback fired when the tooltip is closed (only available for 'md' size)
|
|
32
32
|
* @returns {JSX.Element} The rendered Tooltip component
|
|
33
33
|
*/
|
|
34
|
-
export default function Tooltip({ children, content, size, theme, tipSide, tipAlignment, keepVisible, startVisible, onClose, className }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
export default function Tooltip({ children, content, size, theme, tipSide, tipAlignment, keepVisible, startVisible, onClose, className, }: TooltipProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsx as u, jsxs as k } from "react/jsx-runtime";
|
|
2
2
|
import * as i from "react";
|
|
3
|
-
import { useState as
|
|
3
|
+
import { useState as Z } from "react";
|
|
4
4
|
import { c as j } from "../../clsx-OuTLNxxd.js";
|
|
5
5
|
import ee from "../Icon/Icon.js";
|
|
6
6
|
import { P as G, c as te, u as oe, d as F, a as C, h as re } from "../../index-DWydnyjJ.js";
|
|
@@ -157,7 +157,7 @@ q.displayName = M;
|
|
|
157
157
|
var b = "TooltipContent", W = i.forwardRef(
|
|
158
158
|
(t, o) => {
|
|
159
159
|
const e = Te(b, t.__scopeTooltip), { forceMount: r = e.forceMount, side: n = "top", ...s } = t, a = O(b, t.__scopeTooltip);
|
|
160
|
-
return /* @__PURE__ */ u(K, { present: r || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ u(
|
|
160
|
+
return /* @__PURE__ */ u(K, { present: r || a.open, children: a.disableHoverableContent ? /* @__PURE__ */ u(z, { side: n, ...s, ref: o }) : /* @__PURE__ */ u(ye, { side: n, ...s, ref: o }) });
|
|
161
161
|
}
|
|
162
162
|
), ye = i.forwardRef((t, o) => {
|
|
163
163
|
const e = O(b, t.__scopeTooltip), r = I(b, t.__scopeTooltip), n = i.useRef(null), s = F(o, n), [a, h] = i.useState(null), { trigger: l, onClose: f } = e, c = n.current, { onPointerInTransitChange: d } = r, v = i.useCallback(() => {
|
|
@@ -184,8 +184,8 @@ var b = "TooltipContent", W = i.forwardRef(
|
|
|
184
184
|
};
|
|
185
185
|
return document.addEventListener("pointermove", m), () => document.removeEventListener("pointermove", m);
|
|
186
186
|
}
|
|
187
|
-
}, [l, c, a, f, v]), /* @__PURE__ */ u(
|
|
188
|
-
}), [xe, ge] = D(R, { isInside: !1 }), Ce = re("TooltipContent"),
|
|
187
|
+
}, [l, c, a, f, v]), /* @__PURE__ */ u(z, { ...t, ref: s });
|
|
188
|
+
}), [xe, ge] = D(R, { isInside: !1 }), Ce = re("TooltipContent"), z = i.forwardRef(
|
|
189
189
|
(t, o) => {
|
|
190
190
|
const {
|
|
191
191
|
__scopeTooltip: e,
|
|
@@ -238,16 +238,16 @@ var b = "TooltipContent", W = i.forwardRef(
|
|
|
238
238
|
}
|
|
239
239
|
);
|
|
240
240
|
W.displayName = b;
|
|
241
|
-
var
|
|
241
|
+
var J = "TooltipArrow", Q = i.forwardRef(
|
|
242
242
|
(t, o) => {
|
|
243
243
|
const { __scopeTooltip: e, ...r } = t, n = L(e);
|
|
244
244
|
return ge(
|
|
245
|
-
|
|
245
|
+
J,
|
|
246
246
|
e
|
|
247
247
|
).isInside ? null : /* @__PURE__ */ u(se, { ...n, ...r, ref: o });
|
|
248
248
|
}
|
|
249
249
|
);
|
|
250
|
-
|
|
250
|
+
Q.displayName = J;
|
|
251
251
|
function be(t, o) {
|
|
252
252
|
const e = Math.abs(o.top - t.y), r = Math.abs(o.bottom - t.y), n = Math.abs(o.right - t.x), s = Math.abs(o.left - t.x);
|
|
253
253
|
switch (Math.min(e, r, n, s)) {
|
|
@@ -340,7 +340,7 @@ function Oe(t) {
|
|
|
340
340
|
}
|
|
341
341
|
return e.pop(), o.length === 1 && e.length === 1 && o[0].x === e[0].x && o[0].y === e[0].y ? o : o.concat(e);
|
|
342
342
|
}
|
|
343
|
-
var De = $, Le = Y, ke = X, Ae = q, Ne = W, Ie =
|
|
343
|
+
var De = $, Le = Y, ke = X, Ae = q, Ne = W, Ie = Q;
|
|
344
344
|
const Me = "Tooltip-module__tooltip___LjRUX", Se = "Tooltip-module__closable___MjoEb", y = {
|
|
345
345
|
"tooltip-container": "Tooltip-module__tooltip-container___X4jVa",
|
|
346
346
|
tooltip: Me,
|
|
@@ -370,7 +370,7 @@ function Ye({
|
|
|
370
370
|
onClose: l,
|
|
371
371
|
className: f
|
|
372
372
|
}) {
|
|
373
|
-
const [c, d] =
|
|
373
|
+
const [c, d] = Z(h), v = () => {
|
|
374
374
|
d(!1);
|
|
375
375
|
}, p = (_) => {
|
|
376
376
|
_.key === "Escape" && d(!1);
|
|
@@ -385,7 +385,9 @@ function Ye({
|
|
|
385
385
|
alignItems: "center",
|
|
386
386
|
justifyContent: "center"
|
|
387
387
|
}, className: y["tooltip-trigger"], children: t }) }),
|
|
388
|
-
/* @__PURE__ */ u(Ae, { children: /* @__PURE__ */ u(Ne, {
|
|
388
|
+
/* @__PURE__ */ u(Ae, { children: /* @__PURE__ */ u(Ne, { style: {
|
|
389
|
+
zIndex: 9999
|
|
390
|
+
}, align: s, side: n, sideOffset: 0, children: /* @__PURE__ */ k("div", { id: "tooltip", role: "tooltip", className: j(y.tooltip, y[`tooltip-${e}`], y[`tooltip-${r}`], y[`tooltip-${n}`], y[`tooltip-${s}`], l && y.closable), children: [
|
|
389
391
|
/* @__PURE__ */ u("div", { className: y["tooltip-content"], children: o }),
|
|
390
392
|
(l || a) && e === "md" && /* @__PURE__ */ u("button", { className: y["tooltip-close-button"], onClick: v, children: /* @__PURE__ */ u(ee, { icon: "ap-icon-close", className: y["tooltip-close-icon"] }) }),
|
|
391
393
|
/* @__PURE__ */ u(Ie, { width: 12, height: 6, className: y["tooltip-arrow"] })
|
package/dist/main.d.ts
CHANGED
|
@@ -4,7 +4,7 @@ export { default as Icon } from './components/Icon/Icon';
|
|
|
4
4
|
export { default as Input, type InputLabelTooltipProps } from './components/Input/Input';
|
|
5
5
|
export { default as Radio } from './components/Radio/Radio.tsx';
|
|
6
6
|
export { default as RadioGroup } from './components/RadioGroup/RadioGroup.tsx';
|
|
7
|
-
export { default as Textarea, type TextareaLabelTooltipProps } from './components/Textarea/Textarea.tsx';
|
|
7
|
+
export { default as Textarea, type TextareaLabelTooltipProps, } from './components/Textarea/Textarea.tsx';
|
|
8
8
|
export { default as Toggle } from './components/Toggle/Toggle.tsx';
|
|
9
9
|
export { default as Banner } from './components/Banner/Banner.tsx';
|
|
10
10
|
export { default as Ghost } from './components/Ghost/Ghost.tsx';
|
|
@@ -12,12 +12,14 @@ export { default as Dropdown, type DropdownOption } from './components/Dropdown/
|
|
|
12
12
|
export { default as Search } from './components/Search/Search.tsx';
|
|
13
13
|
export { default as Toast } from './components/Toast/Toast.tsx';
|
|
14
14
|
export { default as Creatable } from './components/Creatable/Creatable.tsx';
|
|
15
|
-
export { default as SplitButton, type ActionDropdownOption } from './components/SplitButton/SplitButton.tsx';
|
|
15
|
+
export { default as SplitButton, type ActionDropdownOption, } from './components/SplitButton/SplitButton.tsx';
|
|
16
16
|
export { default as DragAndDrop, type UploadFile } from './components/DragAndDrop/DragAndDrop.tsx';
|
|
17
17
|
export { default as Tab } from './components/Tab/Tab.tsx';
|
|
18
18
|
export { default as TabNavigation } from './components/TabNavigation/TabNavigation.tsx';
|
|
19
19
|
export { default as Dialog } from './components/Dialog/Dialog.tsx';
|
|
20
20
|
export { default as TagsFields } from './components/TagsFields/TagsFields.tsx';
|
|
21
|
-
export { default as NavBar, type MenuItem, type Notifications, type UserProfile } from './components/NavBar/NavBar.tsx';
|
|
21
|
+
export { default as NavBar, type MenuItem, type Notifications, type UserProfile, } from './components/NavBar/NavBar.tsx';
|
|
22
22
|
export { default as Tag, type TagColors } from './components/Tag/Tag.tsx';
|
|
23
23
|
export { default as Tooltip, type TooltipProps } from './components/Tooltip/Tooltip.tsx';
|
|
24
|
+
export { default as Spinner } from './components/Spinner/Spinner.tsx';
|
|
25
|
+
export { apLogos } from './assets/ap-logos';
|
package/dist/main.js
CHANGED
|
@@ -1,48 +1,52 @@
|
|
|
1
1
|
import { default as t } from "./components/Button/Button.js";
|
|
2
|
-
import { default as
|
|
3
|
-
import { default as
|
|
4
|
-
import { default as
|
|
2
|
+
import { default as e } from "./components/Checkbox/Checkbox.js";
|
|
3
|
+
import { default as p } from "./components/Icon/Icon.js";
|
|
4
|
+
import { default as s } from "./components/Input/Input.js";
|
|
5
5
|
import { default as u } from "./components/Radio/Radio.js";
|
|
6
6
|
import { default as m } from "./components/RadioGroup/RadioGroup.js";
|
|
7
7
|
import { default as i } from "./components/Textarea/Textarea.js";
|
|
8
|
-
import { default as
|
|
8
|
+
import { default as T } from "./components/Toggle/Toggle.js";
|
|
9
9
|
import { default as B } from "./components/Banner/Banner.js";
|
|
10
10
|
import { default as c } from "./components/Ghost/Ghost.js";
|
|
11
|
-
import { default as
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
11
|
+
import { default as S } from "./components/Dropdown/Dropdown.js";
|
|
12
|
+
import { default as C } from "./components/Search/Search.js";
|
|
13
|
+
import { default as I } from "./components/Toast/Toast.js";
|
|
14
|
+
import { default as R } from "./components/Creatable/Creatable.js";
|
|
15
15
|
import { default as w } from "./components/SplitButton/SplitButton.js";
|
|
16
16
|
import { default as F } from "./components/DragAndDrop/DragAndDrop.js";
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as
|
|
17
|
+
import { default as j } from "./components/Tab/Tab.js";
|
|
18
|
+
import { default as y } from "./components/TabNavigation/TabNavigation.js";
|
|
19
|
+
import { default as E } from "./components/Dialog/Dialog.js";
|
|
20
|
+
import { default as J } from "./components/TagsFields/TagsFields.js";
|
|
21
21
|
import { default as M } from "./components/NavBar/NavBar.js";
|
|
22
22
|
import { default as P } from "./components/Tag/Tag.js";
|
|
23
23
|
import { default as U } from "./components/Tooltip/Tooltip.js";
|
|
24
|
+
import { default as W } from "./components/Spinner/Spinner.js";
|
|
25
|
+
import { a as Y } from "./ap-logos-Cl1TR5nm.js";
|
|
24
26
|
import './assets/main.css';export {
|
|
25
27
|
B as Banner,
|
|
26
28
|
t as Button,
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
29
|
+
e as Checkbox,
|
|
30
|
+
R as Creatable,
|
|
31
|
+
E as Dialog,
|
|
30
32
|
F as DragAndDrop,
|
|
31
|
-
|
|
33
|
+
S as Dropdown,
|
|
32
34
|
c as Ghost,
|
|
33
|
-
|
|
34
|
-
|
|
35
|
+
p as Icon,
|
|
36
|
+
s as Input,
|
|
35
37
|
M as NavBar,
|
|
36
38
|
u as Radio,
|
|
37
39
|
m as RadioGroup,
|
|
38
|
-
|
|
40
|
+
C as Search,
|
|
41
|
+
W as Spinner,
|
|
39
42
|
w as SplitButton,
|
|
40
|
-
|
|
41
|
-
|
|
43
|
+
j as Tab,
|
|
44
|
+
y as TabNavigation,
|
|
42
45
|
P as Tag,
|
|
43
|
-
|
|
46
|
+
J as TagsFields,
|
|
44
47
|
i as Textarea,
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
U as Tooltip
|
|
48
|
+
I as Toast,
|
|
49
|
+
T as Toggle,
|
|
50
|
+
U as Tooltip,
|
|
51
|
+
Y as apLogos
|
|
48
52
|
};
|
|
@@ -1,2 +1,5 @@
|
|
|
1
|
-
|
|
1
|
+
type StorybookDocsPageProps = {
|
|
2
|
+
includePrimaryStory?: boolean;
|
|
3
|
+
};
|
|
4
|
+
declare const storybookDocsPage: ({ includePrimaryStory }: StorybookDocsPageProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
5
|
export default storybookDocsPage;
|