@adgytec/adgytec-web-ui-components 0.0.14 → 0.0.16
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/Button-D2HmL9lT.js +34 -0
- package/dist/ButtonLink-Bj0h692A.js +36 -0
- package/dist/Disclosure-Dmi6UFSF.js +28 -0
- package/dist/FilledButton-SnAf5REc.js +10 -0
- package/dist/{Link-EXFlPw9F.js → Link-wdtV3-eC.js} +2 -2
- package/dist/Menu-B3oiOXZP.js +36 -0
- package/dist/MenuLabel-sb6mKBOL.js +14 -0
- package/dist/ModalBase-B6E_69dY.js +25 -0
- package/dist/{NavigationMenu-C1AJ6mt-.js → NavigationMenu-C64WpZpH.js} +5 -5
- package/dist/{NavigationSidebar-DWmAgVuG.js → NavigationSidebar-CdQlKp5A.js} +13 -13
- package/dist/OutlinedButton-Bna2lY_l.js +10 -0
- package/dist/{Popover-D3iGWJwQ.js → Popover-sX7uB5r0.js} +1 -1
- package/dist/Sidebar-BWZan2PF.js +50 -0
- package/dist/Splash-DnaqZnSX.js +46 -0
- package/dist/TextButton-CoRHw1vC.js +10 -0
- package/dist/ToggleButton-DuG32EKD.js +31 -0
- package/dist/{Tooltip-D6naAVUi.js → Tooltip-B2vjUO40.js} +1 -1
- package/dist/assets/Menu.css +1 -0
- package/dist/assets/MenuLabel.css +1 -1
- package/dist/assets/ModalBase.css +1 -1
- package/dist/assets/Popover.css +1 -1
- package/dist/assets/Sidebar.css +1 -1
- package/dist/assets/index2.css +1 -0
- package/dist/assets/index5.css +1 -0
- package/dist/assets/index6.css +1 -0
- package/dist/components/Avatar/index.js +33 -4
- package/dist/components/Button/ButtonBase/index.d.ts +1 -0
- package/dist/components/Button/ButtonBase/index.js +5 -0
- package/dist/components/Button/{types.d.ts → ButtonBase/types.d.ts} +1 -1
- package/dist/components/Button/ButtonChild/index.js +50 -0
- package/dist/components/Button/{FilledButton.d.ts → FilledButton/FilledButton.d.ts} +1 -1
- package/dist/components/Button/FilledButton/index.d.ts +1 -0
- package/dist/components/Button/FilledButton/index.js +4 -0
- package/dist/components/Button/{OutlinedButton.d.ts → OutlinedButton/OutlinedButton.d.ts} +1 -1
- package/dist/components/Button/OutlinedButton/index.d.ts +1 -0
- package/dist/components/Button/OutlinedButton/index.js +4 -0
- package/dist/components/Button/{TextButton.d.ts → TextButton/TextButton.d.ts} +1 -1
- package/dist/components/Button/TextButton/index.d.ts +1 -0
- package/dist/components/Button/TextButton/index.js +4 -0
- package/dist/components/Button/{ToggleButton.d.ts → ToggleButton/ToggleButton.d.ts} +1 -1
- package/dist/components/Button/ToggleButton/index.d.ts +1 -0
- package/dist/components/Button/ToggleButton/index.js +4 -0
- package/dist/components/Disclosure/Disclosure/index.js +1 -1
- package/dist/components/Disclosure/DisclousureGroup/index.js +7 -2
- package/dist/components/Error/index.js +5 -2
- package/dist/components/Form/Form/index.js +46 -3
- package/dist/components/Form/Input/index.js +31 -2
- package/dist/components/Form/TextArea/index.js +31 -2
- package/dist/components/Link/{FilledButtonLink.d.ts → FilledButtonLink/FilledButtonLink.d.ts} +1 -1
- package/dist/components/Link/FilledButtonLink/index.d.ts +1 -0
- package/dist/components/Link/FilledButtonLink/index.js +7 -0
- package/dist/components/Link/LinkBase/index.d.ts +2 -0
- package/dist/components/Link/LinkBase/index.js +4 -0
- package/dist/components/Link/{types.d.ts → LinkBase/types.d.ts} +1 -1
- package/dist/components/Link/{OutlinedButtonLink.d.ts → OutlinedButtonLink/OutlinedButtonLink.d.ts} +1 -1
- package/dist/components/Link/OutlinedButtonLink/index.d.ts +1 -0
- package/dist/components/Link/OutlinedButtonLink/index.js +7 -0
- package/dist/components/Menu/MenuBase/index.d.ts +1 -0
- package/dist/components/Menu/MenuBase/index.js +1 -0
- package/dist/components/Menu/{types.d.ts → MenuBase/types.d.ts} +2 -2
- package/dist/components/Menu/{MenuButton.d.ts → MenuButton/MenuButton.d.ts} +1 -1
- package/dist/components/Menu/MenuButton/index.d.ts +1 -0
- package/dist/components/Menu/MenuButton/index.js +6 -0
- package/dist/components/Menu/{MenuLabel.d.ts → MenuLabel/MenuLabel.d.ts} +1 -1
- package/dist/components/Menu/MenuLabel/index.d.ts +1 -0
- package/dist/components/Menu/MenuLabel/index.js +4 -0
- package/dist/components/Modal/ModalAction/index.js +49 -4
- package/dist/components/Modal/ModalAction/types.d.ts +2 -6
- package/dist/components/Modal/ModalBase/index.js +1 -1
- package/dist/components/Modal/ModalBase/types.d.ts +1 -1
- package/dist/components/Navigation/NavigationMenu/index.js +1 -1
- package/dist/components/Navigation/NavigationResponsive/index.js +10 -2
- package/dist/components/Navigation/NavigationSidebar/index.js +1 -1
- package/dist/components/Popover/{index.d.ts → PopoverBase/index.d.ts} +0 -1
- package/dist/components/Popover/PopoverBase/index.js +4 -0
- package/dist/components/Popover/{types.d.ts → PopoverBase/types.d.ts} +1 -1
- package/dist/components/Popover/{PopoverDialog.d.ts → PopoverDialog/PopoverDialog.d.ts} +1 -1
- package/dist/components/Popover/PopoverDialog/index.d.ts +1 -0
- package/dist/components/Popover/PopoverDialog/index.js +15 -0
- package/dist/components/Select/index.js +86 -2
- package/dist/components/Select/types.d.ts +1 -1
- package/dist/components/Sidebar/index.js +1 -1
- package/dist/components/Sidebar/types.d.ts +1 -1
- package/dist/components/Success/index.js +5 -2
- package/dist/components/ToggleButtonGroup/index.js +27 -2
- package/dist/components/Tooltip/index.js +1 -1
- package/dist/index.d.ts +0 -26
- package/dist/index.js +2 -71
- package/package.json +204 -70
- package/dist/Avatar-BRt91J0i.js +0 -35
- package/dist/ButtonChild-BTPuUMU5.js +0 -50
- package/dist/Disclosure-CL9F01im.js +0 -28
- package/dist/DisclousreGroup-BfpSfSQm.js +0 -9
- package/dist/Error--Jbz8Uoy.js +0 -7
- package/dist/Form-B7w2oUTu.js +0 -48
- package/dist/Input-fPkzWJI-.js +0 -33
- package/dist/MenuButton-KQA8EJUq.js +0 -6
- package/dist/MenuLabel-J8M7UwkA.js +0 -43
- package/dist/ModalAction-BGTO18jV.js +0 -52
- package/dist/ModalBase-DQHNXJXh.js +0 -25
- package/dist/NavigationResponsive-CET-JF26.js +0 -12
- package/dist/OutlinedButton-gr4wDzFi.js +0 -14
- package/dist/OutlinedButtonLink-DlQkc-PA.js +0 -36
- package/dist/PopoverDialog-DHJavBLj.js +0 -15
- package/dist/Select-pUuSraok.js +0 -85
- package/dist/Sidebar-LlVvowsG.js +0 -50
- package/dist/Success-FBfAAtBv.js +0 -7
- package/dist/TextArea-BqYpfMqm.js +0 -33
- package/dist/TextButton-BmQL4LNA.js +0 -37
- package/dist/ToggleButtonGroup-BhCWMTxP.js +0 -51
- package/dist/assets/Error.css +0 -1
- package/dist/assets/Input.css +0 -1
- package/dist/assets/Success.css +0 -1
- package/dist/components/Button/index.d.ts +0 -4
- package/dist/components/Button/index.js +0 -10
- package/dist/components/ButtonChild/index.js +0 -5
- package/dist/components/Link/index.d.ts +0 -4
- package/dist/components/Link/index.js +0 -7
- package/dist/components/Menu/index.d.ts +0 -3
- package/dist/components/Menu/index.js +0 -6
- package/dist/components/Modal/index.d.ts +0 -2
- package/dist/components/Modal/index.js +0 -8
- package/dist/components/Navigation/index.d.ts +0 -3
- package/dist/components/Navigation/index.js +0 -8
- package/dist/components/Popover/index.js +0 -6
- package/dist/types-C1YOMbh5.js +0 -4
- package/dist/useSplash-DOL9j-2c.js +0 -49
- /package/dist/assets/{useSplash.css → Splash.css} +0 -0
- /package/dist/assets/{ToggleButtonGroup.css → index.css} +0 -0
- /package/dist/assets/{ButtonChild.css → index10.css} +0 -0
- /package/dist/assets/{Avatar.css → index11.css} +0 -0
- /package/dist/assets/{Select.css → index3.css} +0 -0
- /package/dist/assets/{TextArea.css → index4.css} +0 -0
- /package/dist/assets/{DisclousreGroup.css → index7.css} +0 -0
- /package/dist/assets/{ModalAction.css → index8.css} +0 -0
- /package/dist/assets/{Form.css → index9.css} +0 -0
- /package/dist/components/Button/{Button.d.ts → ButtonBase/Button.d.ts} +0 -0
- /package/dist/components/Button/{ButtonLink.d.ts → ButtonBase/ButtonLink.d.ts} +0 -0
- /package/dist/components/{ButtonChild → Button/ButtonChild}/ButtonChild.d.ts +0 -0
- /package/dist/components/{ButtonChild → Button/ButtonChild}/index.d.ts +0 -0
- /package/dist/components/{ButtonChild → Button/ButtonChild}/types.d.ts +0 -0
- /package/dist/components/Link/{Link.d.ts → LinkBase/Link.d.ts} +0 -0
- /package/dist/components/Menu/{Menu.d.ts → MenuBase/Menu.d.ts} +0 -0
- /package/dist/components/Popover/{Popover.d.ts → PopoverBase/Popover.d.ts} +0 -0
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { ToggleButtonProps } from '
|
|
1
|
+
import { ToggleButtonProps } from '../ButtonBase';
|
|
2
2
|
export declare const ToggleButton: ({ id, value, description, isDisabled, theme, }: ToggleButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './ToggleButton';
|
|
@@ -1,4 +1,9 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { D as i } from "../../../Disclosure-Dmi6UFSF.js";
|
|
3
|
+
import { DisclosureGroup as u } from "react-aria-components";
|
|
4
|
+
import '../../../assets/index7.css';const e = {
|
|
5
|
+
"disclosure-group": "_disclosure-group_vh6v0_1"
|
|
6
|
+
}, p = ({ items: o }) => /* @__PURE__ */ s(u, { className: e["disclosure-group"], children: o.map((r) => /* @__PURE__ */ s(i, { heading: r.heading, id: r.id, children: r.children }, r.id)) });
|
|
2
7
|
export {
|
|
3
|
-
|
|
8
|
+
p as DisclosureGroup
|
|
4
9
|
};
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import '../../assets/index6.css';const s = "_error_imsl6_1", e = {
|
|
3
|
+
error: s
|
|
4
|
+
}, c = ({ children: r }) => /* @__PURE__ */ o("p", { className: `${e.error}`, children: r });
|
|
2
5
|
export {
|
|
3
|
-
|
|
6
|
+
c as Error
|
|
4
7
|
};
|
|
@@ -1,5 +1,48 @@
|
|
|
1
|
-
import "zod";
|
|
2
|
-
import {
|
|
1
|
+
import * as f from "zod";
|
|
2
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
3
|
+
import { Form as l } from "react-aria-components";
|
|
4
|
+
import { useState as d } from "react";
|
|
5
|
+
import '../../../assets/index9.css';const E = "_form_1k1fe_1", F = {
|
|
6
|
+
form: E
|
|
7
|
+
}, b = (s, t) => {
|
|
8
|
+
const e = Object.fromEntries(new FormData(s)), r = t.safeParse(e);
|
|
9
|
+
return r.success ? {
|
|
10
|
+
success: !0,
|
|
11
|
+
data: r.data
|
|
12
|
+
} : {
|
|
13
|
+
success: !1,
|
|
14
|
+
errors: f.flattenError(r.error).fieldErrors
|
|
15
|
+
};
|
|
16
|
+
}, _ = ({
|
|
17
|
+
schema: s,
|
|
18
|
+
onSubmit: t,
|
|
19
|
+
children: e,
|
|
20
|
+
...r
|
|
21
|
+
}) => {
|
|
22
|
+
const [u, o] = d({});
|
|
23
|
+
return /* @__PURE__ */ i(
|
|
24
|
+
l,
|
|
25
|
+
{
|
|
26
|
+
...r,
|
|
27
|
+
validationErrors: u,
|
|
28
|
+
onSubmit: async (m) => {
|
|
29
|
+
m.preventDefault(), o({});
|
|
30
|
+
const n = m.currentTarget, a = b(n, s);
|
|
31
|
+
if (!a.success) {
|
|
32
|
+
o(a.errors);
|
|
33
|
+
return;
|
|
34
|
+
}
|
|
35
|
+
const c = await t(a.data, () => n.reset());
|
|
36
|
+
if (c) {
|
|
37
|
+
o(c);
|
|
38
|
+
return;
|
|
39
|
+
}
|
|
40
|
+
},
|
|
41
|
+
className: r.className ?? F.form,
|
|
42
|
+
children: e
|
|
43
|
+
}
|
|
44
|
+
);
|
|
45
|
+
};
|
|
3
46
|
export {
|
|
4
|
-
|
|
47
|
+
_ as Form
|
|
5
48
|
};
|
|
@@ -1,4 +1,33 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs as a, jsx as s } from "react/jsx-runtime";
|
|
2
|
+
import { TextField as c, Input as m } from "react-aria-components";
|
|
3
|
+
import { L as u, F as p } from "../../../FieldError-CvUKcRtm.js";
|
|
4
|
+
import '../../../assets/index5.css';const d = "_input_1ksju_1", l = "_editor_1ksju_11", o = {
|
|
5
|
+
input: d,
|
|
6
|
+
editor: l
|
|
7
|
+
}, f = ({
|
|
8
|
+
label: t,
|
|
9
|
+
textFieldProps: r,
|
|
10
|
+
inputProps: e,
|
|
11
|
+
labelProps: i,
|
|
12
|
+
fieldErrorProps: n
|
|
13
|
+
}) => /* @__PURE__ */ a(
|
|
14
|
+
c,
|
|
15
|
+
{
|
|
16
|
+
...r,
|
|
17
|
+
className: r?.className ?? o.input,
|
|
18
|
+
children: [
|
|
19
|
+
t && /* @__PURE__ */ s(u, { ...i, children: t }),
|
|
20
|
+
/* @__PURE__ */ s(
|
|
21
|
+
m,
|
|
22
|
+
{
|
|
23
|
+
...e,
|
|
24
|
+
className: e?.className ?? o.editor
|
|
25
|
+
}
|
|
26
|
+
),
|
|
27
|
+
/* @__PURE__ */ s(p, { ...n })
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
);
|
|
2
31
|
export {
|
|
3
|
-
|
|
32
|
+
f as Input
|
|
4
33
|
};
|
|
@@ -1,4 +1,33 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs as i, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import { TextField as m, TextArea as x } from "react-aria-components";
|
|
3
|
+
import { L as d, F as l } from "../../../FieldError-CvUKcRtm.js";
|
|
4
|
+
import '../../../assets/index4.css';const n = "_textarea_3agtk_1", _ = "_editor_3agtk_11", s = {
|
|
5
|
+
textarea: n,
|
|
6
|
+
editor: _
|
|
7
|
+
}, g = ({
|
|
8
|
+
label: t,
|
|
9
|
+
textFieldProps: a,
|
|
10
|
+
textAreaProps: r,
|
|
11
|
+
labelProps: o,
|
|
12
|
+
fieldErrorProps: c
|
|
13
|
+
}) => /* @__PURE__ */ i(
|
|
14
|
+
m,
|
|
15
|
+
{
|
|
16
|
+
...a,
|
|
17
|
+
className: a?.className ?? s.textarea,
|
|
18
|
+
children: [
|
|
19
|
+
t && /* @__PURE__ */ e(d, { ...o, children: t }),
|
|
20
|
+
/* @__PURE__ */ e(
|
|
21
|
+
x,
|
|
22
|
+
{
|
|
23
|
+
...r,
|
|
24
|
+
className: r?.className ?? s.editor
|
|
25
|
+
}
|
|
26
|
+
),
|
|
27
|
+
/* @__PURE__ */ e(l, { ...c })
|
|
28
|
+
]
|
|
29
|
+
}
|
|
30
|
+
);
|
|
2
31
|
export {
|
|
3
|
-
|
|
32
|
+
g as TextArea
|
|
4
33
|
};
|
package/dist/components/Link/{FilledButtonLink.d.ts → FilledButtonLink/FilledButtonLink.d.ts}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { LinkProps } from '
|
|
1
|
+
import { LinkProps } from '../LinkBase/types';
|
|
2
2
|
export declare const FilledButtonLink: (props: LinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './FilledButtonLink';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { B as r } from "../../../ButtonLink-Bj0h692A.js";
|
|
3
|
+
import { ButtonVariant as i } from "../../Button/ButtonBase/index.js";
|
|
4
|
+
const e = (t) => /* @__PURE__ */ o(r, { ...t, variant: i.filled });
|
|
5
|
+
export {
|
|
6
|
+
e as FilledButtonLink
|
|
7
|
+
};
|
package/dist/components/Link/{OutlinedButtonLink.d.ts → OutlinedButtonLink/OutlinedButtonLink.d.ts}
RENAMED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { LinkProps } from '
|
|
1
|
+
import { LinkProps } from '../LinkBase/types';
|
|
2
2
|
export declare const OutlinedButtonLink: (props: LinkProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './OutlinedButtonLink';
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { B as n } from "../../../ButtonLink-Bj0h692A.js";
|
|
3
|
+
import { ButtonVariant as r } from "../../Button/ButtonBase/index.js";
|
|
4
|
+
const a = (t) => /* @__PURE__ */ o(n, { ...t, variant: r.outlined });
|
|
5
|
+
export {
|
|
6
|
+
a as OutlinedButtonLink
|
|
7
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './types';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactElement, ReactNode } from 'react';
|
|
2
|
-
import { HierarchyItemType } from '
|
|
3
|
-
import { ButtonVariantProps } from '
|
|
2
|
+
import { HierarchyItemType } from '../../../utils/types';
|
|
3
|
+
import { ButtonVariantProps } from '../../Button/ButtonBase/types';
|
|
4
4
|
export interface MenuProps {
|
|
5
5
|
children: ReactNode;
|
|
6
6
|
menuItems: HierarchyItemType[];
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuButtonProps } from '
|
|
1
|
+
import { MenuButtonProps } from '../MenuBase/types';
|
|
2
2
|
export declare const MenuButton: ({ children, menuItems }: MenuButtonProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MenuButton';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { MenuLabelProps } from '
|
|
1
|
+
import { MenuLabelProps } from '../MenuBase/types';
|
|
2
2
|
export declare const MenuLabel: ({ children, menuItems, description, }: MenuLabelProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MenuLabel';
|
|
@@ -1,6 +1,51 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as e, jsxs as s } from "react/jsx-runtime";
|
|
2
|
+
import { M as h } from "../../../ModalBase-B6E_69dY.js";
|
|
3
|
+
import { T as p } from "../../../TextButton-CoRHw1vC.js";
|
|
4
|
+
import { ColorTheme as u } from "../../../index.js";
|
|
5
|
+
import '../../../assets/index8.css';var d = /* @__PURE__ */ ((o) => (o.start = "start", o.end = "end", o))(d || {});
|
|
6
|
+
const v = "_modal_fqn0t_1", q = "_end_fqn0t_39", t = {
|
|
7
|
+
modal: v,
|
|
8
|
+
"modal-header": "_modal-header_fqn0t_11",
|
|
9
|
+
"modal-content": "_modal-content_fqn0t_19",
|
|
10
|
+
"modal-action": "_modal-action_fqn0t_29",
|
|
11
|
+
end: q
|
|
12
|
+
}, T = ({
|
|
13
|
+
trigger: o,
|
|
14
|
+
header: a,
|
|
15
|
+
children: m,
|
|
16
|
+
actionPlacement: l = d.start,
|
|
17
|
+
modalAction: n,
|
|
18
|
+
closeText: i,
|
|
19
|
+
isDismissable: c,
|
|
20
|
+
isKeyboardDismissableDisabled: _
|
|
21
|
+
}) => {
|
|
22
|
+
const f = typeof n == "function";
|
|
23
|
+
return /* @__PURE__ */ e(
|
|
24
|
+
h,
|
|
25
|
+
{
|
|
26
|
+
trigger: o,
|
|
27
|
+
modalOverlayProps: {
|
|
28
|
+
isDismissable: c,
|
|
29
|
+
isKeyboardDismissDisabled: _
|
|
30
|
+
},
|
|
31
|
+
children: ({ close: r }) => /* @__PURE__ */ s("div", { className: `${t.modal}`, children: [
|
|
32
|
+
a && /* @__PURE__ */ e("h2", { className: `${t["modal-header"]}`, children: a }),
|
|
33
|
+
/* @__PURE__ */ e("div", { className: `${t["modal-content"]}`, children: m }),
|
|
34
|
+
/* @__PURE__ */ s(
|
|
35
|
+
"div",
|
|
36
|
+
{
|
|
37
|
+
className: `${t["modal-action"]} ${t[l]}`,
|
|
38
|
+
children: [
|
|
39
|
+
f ? n({ close: r }) : n,
|
|
40
|
+
/* @__PURE__ */ e(p, { onPress: r, theme: u.inverseSurface, children: i })
|
|
41
|
+
]
|
|
42
|
+
}
|
|
43
|
+
)
|
|
44
|
+
] })
|
|
45
|
+
}
|
|
46
|
+
);
|
|
47
|
+
};
|
|
2
48
|
export {
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
t as ModalCloseText
|
|
49
|
+
T as ModalAction,
|
|
50
|
+
d as ModalActionPlacement
|
|
6
51
|
};
|
|
@@ -1,21 +1,17 @@
|
|
|
1
1
|
import { ReactElement, ReactNode } from 'react';
|
|
2
|
-
import { ButtonVariantProps } from '../../Button/types';
|
|
2
|
+
import { ButtonVariantProps } from '../../Button/ButtonBase/types';
|
|
3
3
|
import { DialogRenderProps } from 'react-aria-components';
|
|
4
4
|
export declare enum ModalActionPlacement {
|
|
5
5
|
start = "start",
|
|
6
6
|
end = "end"
|
|
7
7
|
}
|
|
8
|
-
export declare enum ModalCloseText {
|
|
9
|
-
close = "Close",
|
|
10
|
-
cancel = "Cancel"
|
|
11
|
-
}
|
|
12
8
|
export interface ModalActionProps {
|
|
13
9
|
trigger: ReactElement<ButtonVariantProps>;
|
|
14
10
|
header?: string;
|
|
15
11
|
children: ReactNode;
|
|
16
12
|
actionPlacement?: ModalActionPlacement;
|
|
17
13
|
modalAction: ReactElement<ButtonVariantProps> | ((opts: DialogRenderProps) => ReactElement<ButtonVariantProps>);
|
|
18
|
-
closeText
|
|
14
|
+
closeText: string;
|
|
19
15
|
isDismissable?: boolean;
|
|
20
16
|
isKeyboardDismissableDisabled?: boolean;
|
|
21
17
|
}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
|
-
import { ButtonVariantProps } from '../../Button/types';
|
|
2
|
+
import { ButtonVariantProps } from '../../Button/ButtonBase/types';
|
|
3
3
|
import { DialogProps, DialogTriggerProps, ModalOverlayProps } from 'react-aria-components';
|
|
4
4
|
export interface ModalBaseProps extends DialogProps {
|
|
5
5
|
trigger: ReactElement<ButtonVariantProps>;
|
|
@@ -1,4 +1,12 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { useMediaQuery as t } from "usehooks-ts";
|
|
3
|
+
import { N as e } from "../../../NavigationMenu-C64WpZpH.js";
|
|
4
|
+
import { N as m } from "../../../NavigationSidebar-CdQlKp5A.js";
|
|
5
|
+
const f = ({
|
|
6
|
+
items: o,
|
|
7
|
+
mediaQuery: a,
|
|
8
|
+
...i
|
|
9
|
+
}) => t(`(${a})`) ? /* @__PURE__ */ r(e, { items: o }) : /* @__PURE__ */ r(m, { items: o, ...i });
|
|
2
10
|
export {
|
|
3
|
-
|
|
11
|
+
f as NavigationResponsive
|
|
4
12
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactElement } from 'react';
|
|
2
2
|
import { PopoverProps as AriaPopoverProps, DialogProps, DialogTriggerProps } from 'react-aria-components';
|
|
3
|
-
import { ButtonVariantProps } from '
|
|
3
|
+
import { ButtonVariantProps } from '../../Button/ButtonBase';
|
|
4
4
|
export interface PopoverDialogProps extends DialogProps {
|
|
5
5
|
trigger: ReactElement<ButtonVariantProps>;
|
|
6
6
|
popoverProps?: Omit<AriaPopoverProps, "children">;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { PopoverDialogProps } from '
|
|
1
|
+
import { PopoverDialogProps } from '../PopoverBase/types';
|
|
2
2
|
export declare const PopoverDialog: ({ trigger, popoverProps, dialogTriggerProps, ...dialogProps }: PopoverDialogProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './PopoverDialog';
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { jsxs as p, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { DialogTrigger as t, Dialog as g } from "react-aria-components";
|
|
3
|
+
import { P as l } from "../../../Popover-sX7uB5r0.js";
|
|
4
|
+
const c = ({
|
|
5
|
+
trigger: r,
|
|
6
|
+
popoverProps: i,
|
|
7
|
+
dialogTriggerProps: e,
|
|
8
|
+
...m
|
|
9
|
+
}) => /* @__PURE__ */ p(t, { ...e, children: [
|
|
10
|
+
r,
|
|
11
|
+
/* @__PURE__ */ o(l, { ...i, children: /* @__PURE__ */ o(g, { ...m }) })
|
|
12
|
+
] });
|
|
13
|
+
export {
|
|
14
|
+
c as PopoverDialog
|
|
15
|
+
};
|
|
@@ -1,4 +1,88 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsxs as s, jsx as e, Fragment as n } from "react/jsx-runtime";
|
|
2
|
+
import { F as d } from "../../FilledButton-SnAf5REc.js";
|
|
3
|
+
import { ButtonVariant as o } from "../Button/ButtonBase/index.js";
|
|
4
|
+
import { Select as k, SelectValue as m, ListBox as B, Text as p, ListBoxItem as S } from "react-aria-components";
|
|
5
|
+
import { P as V } from "../../Popover-sX7uB5r0.js";
|
|
6
|
+
import { ChevronsUpDown as y, Check as F } from "lucide-react";
|
|
7
|
+
import { O as $ } from "../../OutlinedButton-Bna2lY_l.js";
|
|
8
|
+
import { T as C } from "../../TextButton-CoRHw1vC.js";
|
|
9
|
+
import { ColorTheme as u } from "../../index.js";
|
|
10
|
+
import { T as L } from "../../Tooltip-B2vjUO40.js";
|
|
11
|
+
import { L as D, F as j } from "../../FieldError-CvUKcRtm.js";
|
|
12
|
+
import '../../assets/index3.css';const w = "_select_1ctdo_1", I = "_trigger_1ctdo_37", i = {
|
|
13
|
+
select: w,
|
|
14
|
+
"selected-value": "_selected-value_1ctdo_11",
|
|
15
|
+
"option-description": "_option-description_1ctdo_19",
|
|
16
|
+
trigger: I,
|
|
17
|
+
"options-list": "_options-list_1ctdo_51",
|
|
18
|
+
"options-item-group": "_options-item-group_1ctdo_63",
|
|
19
|
+
"options-item": "_options-item_1ctdo_63"
|
|
20
|
+
}, M = ({
|
|
21
|
+
options: _,
|
|
22
|
+
label: c,
|
|
23
|
+
name: h,
|
|
24
|
+
disabled: f,
|
|
25
|
+
isRequired: g,
|
|
26
|
+
triggerVariant: x = o.filled,
|
|
27
|
+
description: v,
|
|
28
|
+
placeholder: a,
|
|
29
|
+
selectedKey: N,
|
|
30
|
+
onSelectionChange: T
|
|
31
|
+
}) => {
|
|
32
|
+
let r;
|
|
33
|
+
switch (x) {
|
|
34
|
+
case o.filled:
|
|
35
|
+
r = d;
|
|
36
|
+
break;
|
|
37
|
+
case o.outlined:
|
|
38
|
+
r = $;
|
|
39
|
+
break;
|
|
40
|
+
case o.text:
|
|
41
|
+
r = C;
|
|
42
|
+
break;
|
|
43
|
+
default:
|
|
44
|
+
r = d;
|
|
45
|
+
}
|
|
46
|
+
return /* @__PURE__ */ s(
|
|
47
|
+
k,
|
|
48
|
+
{
|
|
49
|
+
className: i.select,
|
|
50
|
+
isDisabled: f,
|
|
51
|
+
isRequired: g,
|
|
52
|
+
name: h,
|
|
53
|
+
selectedKey: N,
|
|
54
|
+
onSelectionChange: T,
|
|
55
|
+
children: [
|
|
56
|
+
c && /* @__PURE__ */ e(D, { children: c }),
|
|
57
|
+
/* @__PURE__ */ e(L, { description: v, theme: u.inverseSurface, children: /* @__PURE__ */ e(r, { theme: u.inverseSurface, children: /* @__PURE__ */ s("span", { className: i.trigger, children: [
|
|
58
|
+
a ? /* @__PURE__ */ e(m, { className: `${i["selected-value"]}`, children: ({ defaultChildren: t, isPlaceholder: l }) => l ? a : t }) : /* @__PURE__ */ e(m, {}),
|
|
59
|
+
/* @__PURE__ */ e(y, {})
|
|
60
|
+
] }) }) }),
|
|
61
|
+
/* @__PURE__ */ e(j, {}),
|
|
62
|
+
/* @__PURE__ */ e(V, { children: /* @__PURE__ */ e(B, { className: `${i["options-list"]}`, items: _, children: (t) => {
|
|
63
|
+
const l = /* @__PURE__ */ s(n, { children: [
|
|
64
|
+
/* @__PURE__ */ e(p, { children: t.displayValue }),
|
|
65
|
+
t.description && /* @__PURE__ */ e(p, { className: i["option-description"], children: t.description })
|
|
66
|
+
] });
|
|
67
|
+
return /* @__PURE__ */ e(
|
|
68
|
+
S,
|
|
69
|
+
{
|
|
70
|
+
className: `${i["options-item-group"]}`,
|
|
71
|
+
id: t.key,
|
|
72
|
+
textValue: t.displayValue,
|
|
73
|
+
isDisabled: t.disabled,
|
|
74
|
+
children: ({ isSelected: b }) => /* @__PURE__ */ s(n, { children: [
|
|
75
|
+
/* @__PURE__ */ e("div", { className: `${i["options-item"]}`, children: l }),
|
|
76
|
+
b && /* @__PURE__ */ e(F, {})
|
|
77
|
+
] })
|
|
78
|
+
},
|
|
79
|
+
t.key
|
|
80
|
+
);
|
|
81
|
+
} }) })
|
|
82
|
+
]
|
|
83
|
+
}
|
|
84
|
+
);
|
|
85
|
+
};
|
|
2
86
|
export {
|
|
3
|
-
|
|
87
|
+
M as Select
|
|
4
88
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { ReactNode, ReactElement } from 'react';
|
|
2
2
|
import { DialogRenderProps } from 'react-aria-components';
|
|
3
|
-
import { ButtonVariantProps } from '../Button/
|
|
3
|
+
import { ButtonVariantProps } from '../Button/ButtonBase';
|
|
4
4
|
export declare enum SidebarPosition {
|
|
5
5
|
inlineStart = "inline-start",
|
|
6
6
|
inlineEnd = "inline-end",
|
|
@@ -1,4 +1,7 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import '../../assets/index2.css';const e = "_success_1r4la_1", t = {
|
|
3
|
+
success: e
|
|
4
|
+
}, r = ({ children: s }) => /* @__PURE__ */ c("p", { className: `${t.success}`, children: s });
|
|
2
5
|
export {
|
|
3
|
-
|
|
6
|
+
r as Success
|
|
4
7
|
};
|
|
@@ -1,4 +1,29 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
+
import { ToggleButtonGroup as l } from "react-aria-components";
|
|
3
|
+
import { T as s } from "../../ToggleButton-DuG32EKD.js";
|
|
4
|
+
import { ColorTheme as u } from "../../index.js";
|
|
5
|
+
import '../../assets/index.css';const n = {
|
|
6
|
+
"toggle-button-group": "_toggle-button-group_1tyg5_1"
|
|
7
|
+
}, b = ({
|
|
8
|
+
items: g,
|
|
9
|
+
theme: e = u.primary,
|
|
10
|
+
...o
|
|
11
|
+
}) => /* @__PURE__ */ r(
|
|
12
|
+
l,
|
|
13
|
+
{
|
|
14
|
+
...o,
|
|
15
|
+
className: o.className ?? n["toggle-button-group"],
|
|
16
|
+
children: g.map((t) => /* @__PURE__ */ r(
|
|
17
|
+
s,
|
|
18
|
+
{
|
|
19
|
+
...t,
|
|
20
|
+
theme: e,
|
|
21
|
+
isDisabled: o.isDisabled || t.isDisabled
|
|
22
|
+
},
|
|
23
|
+
t.id
|
|
24
|
+
))
|
|
25
|
+
}
|
|
26
|
+
);
|
|
2
27
|
export {
|
|
3
|
-
|
|
28
|
+
b as ToggleButtonGroup
|
|
4
29
|
};
|
package/dist/index.d.ts
CHANGED
|
@@ -1,27 +1 @@
|
|
|
1
1
|
export * from './utils/types';
|
|
2
|
-
export * from './components/Avatar';
|
|
3
|
-
export * from './components/Button';
|
|
4
|
-
export * from './components/ButtonChild';
|
|
5
|
-
export * from './components/Disclosure/Disclosure';
|
|
6
|
-
export * from './components/Disclosure/DisclousureGroup';
|
|
7
|
-
export * from './components/Error';
|
|
8
|
-
export * from './components/Form/Form';
|
|
9
|
-
export * from './components/Form/Input';
|
|
10
|
-
export * from './components/Form/TextArea';
|
|
11
|
-
export * from './components/Link';
|
|
12
|
-
export * from './components/Loader';
|
|
13
|
-
export * from './components/Menu';
|
|
14
|
-
export * from './components/Modal';
|
|
15
|
-
export * from './components/Modal/ModalAction';
|
|
16
|
-
export * from './components/Modal/ModalBase';
|
|
17
|
-
export * from './components/Navigation';
|
|
18
|
-
export * from './components/Navigation/NavigationMenu';
|
|
19
|
-
export * from './components/Navigation/NavigationResponsive';
|
|
20
|
-
export * from './components/Navigation/NavigationSidebar';
|
|
21
|
-
export * from './components/Popover';
|
|
22
|
-
export * from './components/Select';
|
|
23
|
-
export * from './components/Sidebar';
|
|
24
|
-
export * from './components/Success';
|
|
25
|
-
export * from './components/ToggleButtonGroup';
|
|
26
|
-
export * from './components/Tooltip';
|
|
27
|
-
export * from './components/Tree';
|