quirk-ui 0.0.39 → 0.0.40
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/assets/index31.css +1 -1
- package/dist/components/Accordion/Accordion.test.js +2 -2
- package/dist/components/Alert/Alert.test.js +2 -2
- package/dist/components/Avatar/Avatar.test.js +2 -2
- package/dist/components/Badge/Badge.test.js +2 -2
- package/dist/components/Box/Box.test.js +2 -2
- package/dist/components/Breadcrumbs/Breadcrumbs.test.js +2 -2
- package/dist/components/ButtonGroup/ButtonGroup.test.js +2 -2
- package/dist/components/Calendar/Calendar.test.js +3 -3
- package/dist/components/Calendar/index.js +3 -2
- package/dist/components/CallToAction/CallToAction.test.js +2 -2
- package/dist/components/Card/Card.test.js +2 -2
- package/dist/components/Card/index.js +24 -23
- package/dist/components/Carousel/Carousel.test.js +2 -2
- package/dist/components/Carousel/index.js +19 -19
- package/dist/components/Checkbox/Checkbox.test.js +2 -2
- package/dist/components/Checkbox/index.js +11 -10
- package/dist/components/Container/Container.test.js +2 -2
- package/dist/components/DatePicker/DatePicker.test.js +3 -3
- package/dist/components/DatePicker/index.js +14 -13
- package/dist/components/Divider/Divider.test.js +2 -2
- package/dist/components/Drawer/Drawer.test.js +2 -2
- package/dist/components/Fieldset/Fieldset.test.js +2 -2
- package/dist/components/FileUpload/FileUpload.test.js +2 -2
- package/dist/components/FileUpload/index.js +11 -10
- package/dist/components/FloatingActionButton/FloatingActionButton.test.js +2 -2
- package/dist/components/Form/Form.test.js +2 -2
- package/dist/components/Grid/Grid.test.js +2 -2
- package/dist/components/Heading/Heading.test.js +2 -2
- package/dist/components/IconButton/IconButton.test.js +2 -2
- package/dist/components/Input/Input.test.js +2 -2
- package/dist/components/Input/index.js +11 -10
- package/dist/components/Label/Label.test.js +2 -2
- package/dist/components/List/List.test.js +1 -1
- package/dist/components/Modal/Modal.test.js +1 -1
- package/dist/components/Modal/index.js +27 -33
- package/dist/components/MultiSelect/MultiSelect.test.js +2 -2
- package/dist/components/MultiSelect/index.js +9 -8
- package/dist/components/NavBar/NavBar.test.js +1 -1
- package/dist/components/Notification/Notification.test.js +1 -1
- package/dist/components/NotificationContainer/NotificationContainer.test.js +1 -1
- package/dist/components/NotificationContainer/index.js +7 -6
- package/dist/components/ProgressBar/ProgressBar.test.js +1 -1
- package/dist/components/Radio/Radio.test.js +2 -2
- package/dist/components/Range/Range.test.js +2 -2
- package/dist/components/Range/index.js +8 -7
- package/dist/components/Select/Select.test.js +2 -2
- package/dist/components/Select/index.js +14 -13
- package/dist/components/Skeleton/Skeleton.test.js +1 -1
- package/dist/components/Spacer/Spacer.test.js +2 -2
- package/dist/components/Spinner/Spinner.test.js +1 -1
- package/dist/components/Stack/Stack.test.js +2 -2
- package/dist/components/Switch/Switch.test.js +2 -2
- package/dist/components/Switch/index.js +7 -6
- package/dist/components/Table/Table.test.js +2 -2
- package/dist/components/Tabs/Tabs.test.js +2 -2
- package/dist/components/Text/Text.test.js +2 -2
- package/dist/components/Textarea/Textarea.test.js +2 -2
- package/dist/components/Textarea/index.js +11 -10
- package/dist/components/Tooltip/Tooltip.test.js +2 -2
- package/dist/{index-WRMbKSxg.js → index-BBIdMcpm.js} +1 -1
- package/dist/{index-BNGQJ1tM.js → index-BM1mGWJK.js} +3 -2
- package/dist/index-CxrBcaoP.js +397 -0
- package/dist/styles.css +1 -1
- package/dist/utils/NotificationManager/NotificationManager.test.js +1 -1
- package/dist/{vi.ClIskdbk-CmAURgd9.js → vi.ClIskdbk-CZ8iFAMK.js} +11913 -12303
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as n, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { d as o, i as d, r as m, g as i, s as l } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as o, i as d, r as m, g as i, s as l } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Grid as s } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-BBIdMcpm.js";
|
|
5
5
|
o("Grid", () => {
|
|
6
6
|
d("renders children", () => {
|
|
7
7
|
m(
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { d as i, i as a, r as s, s as d, g as l } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as i, i as a, r as s, s as d, g as l } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Heading as n } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-BBIdMcpm.js";
|
|
5
5
|
i("Heading", () => {
|
|
6
6
|
a("renders with default level (h1)", () => {
|
|
7
7
|
s(/* @__PURE__ */ t(n, { children: "Test Heading" }));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { d as r, i as o, r as a, s as n, g as s, v as m, f as b } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as r, i as o, r as a, s as n, g as s, v as m, f as b } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { IconButton as l } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-BBIdMcpm.js";
|
|
5
5
|
import { T as c } from "../../trash-2-2Rn0a4s6.js";
|
|
6
6
|
r("IconButton", () => {
|
|
7
7
|
o("renders with icon and accessible label", () => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { d as m, i, r as t, g as e, s as r } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as m, i, r as t, g as e, s as r } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Input as l } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-BBIdMcpm.js";
|
|
5
5
|
m("Input", () => {
|
|
6
6
|
i("renders an input with a label", () => {
|
|
7
7
|
t(/* @__PURE__ */ a(l, { label: "email", name: "email" })), e(r.getByLabelText("email")).toBeInTheDocument();
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsxs as _, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import '../../assets/index.css';import '../../assets/index36.css';/* empty css */
|
|
3
3
|
import "react";
|
|
4
|
+
import "../../index-CxrBcaoP.js";
|
|
4
5
|
import "../Tabs/index.js";
|
|
5
6
|
import { Label as u } from "../Label/index.js";
|
|
6
7
|
const d = "_wrapper_1fwv5_1", l = "_input_1fwv5_7", w = "_error_1fwv5_25", f = "_errorMessage_1fwv5_29", t = {
|
|
@@ -9,23 +10,23 @@ const d = "_wrapper_1fwv5_1", l = "_input_1fwv5_7", w = "_error_1fwv5_25", f = "
|
|
|
9
10
|
error: w,
|
|
10
11
|
errorMessage: f
|
|
11
12
|
};
|
|
12
|
-
function
|
|
13
|
+
function I({
|
|
13
14
|
label: n,
|
|
14
|
-
id:
|
|
15
|
-
className:
|
|
15
|
+
id: s,
|
|
16
|
+
className: p,
|
|
16
17
|
error: r,
|
|
17
|
-
required:
|
|
18
|
+
required: a,
|
|
18
19
|
optional: c,
|
|
19
20
|
tooltip: m,
|
|
20
21
|
...i
|
|
21
22
|
}) {
|
|
22
|
-
const
|
|
23
|
-
return /* @__PURE__ */ _("div", { className: `${
|
|
23
|
+
const o = s ?? i.name ?? `input-${Math.random().toString(36).slice(2)}`;
|
|
24
|
+
return /* @__PURE__ */ _("div", { className: `${p ?? ""} ${t.wrapper}`, children: [
|
|
24
25
|
n && /* @__PURE__ */ e(
|
|
25
26
|
u,
|
|
26
27
|
{
|
|
27
|
-
htmlFor:
|
|
28
|
-
required:
|
|
28
|
+
htmlFor: o,
|
|
29
|
+
required: a,
|
|
29
30
|
optional: c,
|
|
30
31
|
intent: r ? "error" : "default",
|
|
31
32
|
tooltip: m,
|
|
@@ -36,7 +37,7 @@ function x({
|
|
|
36
37
|
/* @__PURE__ */ e(
|
|
37
38
|
"input",
|
|
38
39
|
{
|
|
39
|
-
id:
|
|
40
|
+
id: o,
|
|
40
41
|
className: `${t.input} ${r ? t.error : ""}`,
|
|
41
42
|
"aria-invalid": !!r,
|
|
42
43
|
...i
|
|
@@ -46,5 +47,5 @@ function x({
|
|
|
46
47
|
] });
|
|
47
48
|
}
|
|
48
49
|
export {
|
|
49
|
-
|
|
50
|
+
I as Input
|
|
50
51
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { d as s, i as o, r as n, g as e, s as r } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as s, i as o, r as n, g as e, s as r } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Label as l } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-BBIdMcpm.js";
|
|
5
5
|
s("Label", () => {
|
|
6
6
|
o("renders label text", () => {
|
|
7
7
|
n(/* @__PURE__ */ t(l, { htmlFor: "username", children: "Username" })), e(r.getByText("Username")).toBeInTheDocument();
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as a } from "react/jsx-runtime";
|
|
2
|
-
import { v as I, d as k, i, r as n, g as t, s as o, f as s } from "../../vi.ClIskdbk-
|
|
2
|
+
import { v as I, d as k, i, r as n, g as t, s as o, f as s } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { List as l } from "./index.js";
|
|
4
4
|
import { IconButton as h } from "../IconButton/index.js";
|
|
5
5
|
import { c as y } from "../../createLucideIcon-C8GTh_Qx.js";
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e, jsxs as s, Fragment as a } from "react/jsx-runtime";
|
|
2
|
-
import { d as u, i as d, r, g as n, s as t, f as i } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as u, i as d, r, g as n, s as t, f as i } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Modal as l } from "./index.js";
|
|
4
4
|
u("Modal", () => {
|
|
5
5
|
d("renders the trigger button", () => {
|
|
@@ -1,46 +1,40 @@
|
|
|
1
|
-
import { jsxs as r, Fragment as
|
|
1
|
+
import { jsxs as r, Fragment as p, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { useState as h } from "react";
|
|
3
|
-
import {
|
|
4
|
-
import
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
3
|
+
import { r as y } from "../../index-CxrBcaoP.js";
|
|
4
|
+
import { X as N } from "../../x-CnsEH4Ox.js";
|
|
5
|
+
import '../../assets/index25.css';const g = "_overlay_cqo68_1", k = "_modal_cqo68_16", q = "_closeButton_cqo68_26", x = "_content_cqo68_37", t = {
|
|
6
|
+
overlay: g,
|
|
7
|
+
modal: k,
|
|
8
|
+
closeButton: q,
|
|
9
|
+
content: x
|
|
9
10
|
};
|
|
10
|
-
function
|
|
11
|
+
function w({
|
|
11
12
|
content: d,
|
|
12
13
|
trigger: m,
|
|
13
14
|
isOpen: l,
|
|
14
|
-
onOpen:
|
|
15
|
-
onClose:
|
|
15
|
+
onOpen: e,
|
|
16
|
+
onClose: c,
|
|
16
17
|
className: _
|
|
17
18
|
}) {
|
|
18
|
-
const [n,
|
|
19
|
-
a ? n ?
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
i && /* @__PURE__ */ o("div", { className: t.overlay, onClick: s, children: /* @__PURE__ */ r(
|
|
24
|
-
"div",
|
|
19
|
+
const [n, u] = h(!1), a = l !== void 0, i = a ? l : n, s = () => {
|
|
20
|
+
a ? n ? c == null || c() : e == null || e() : u(!i);
|
|
21
|
+
}, f = i ? /* @__PURE__ */ o("div", { className: t.overlay, onClick: s, children: /* @__PURE__ */ r("div", { className: `${t.modal}`, onClick: (v) => v.stopPropagation(), children: [
|
|
22
|
+
/* @__PURE__ */ o(
|
|
23
|
+
"button",
|
|
25
24
|
{
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
"button",
|
|
31
|
-
{
|
|
32
|
-
"aria-label": "Close",
|
|
33
|
-
className: t.closeButton,
|
|
34
|
-
onClick: s,
|
|
35
|
-
children: /* @__PURE__ */ o(p, { size: 21 })
|
|
36
|
-
}
|
|
37
|
-
),
|
|
38
|
-
/* @__PURE__ */ o("div", { className: t.content, children: d })
|
|
39
|
-
]
|
|
25
|
+
"aria-label": "Close",
|
|
26
|
+
className: t.closeButton,
|
|
27
|
+
onClick: s,
|
|
28
|
+
children: /* @__PURE__ */ o(N, { size: 21 })
|
|
40
29
|
}
|
|
41
|
-
)
|
|
30
|
+
),
|
|
31
|
+
/* @__PURE__ */ o("div", { className: t.content, children: d })
|
|
32
|
+
] }) }) : null;
|
|
33
|
+
return /* @__PURE__ */ r(p, { children: [
|
|
34
|
+
/* @__PURE__ */ o("div", { className: _ ?? void 0, onClick: s, children: m }),
|
|
35
|
+
typeof window < "u" && y.createPortal(f, document.body)
|
|
42
36
|
] });
|
|
43
37
|
}
|
|
44
38
|
export {
|
|
45
|
-
|
|
39
|
+
w as Modal
|
|
46
40
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { jsx as _e } from "react/jsx-runtime";
|
|
2
2
|
import en from "react";
|
|
3
|
-
import { c as H, d as tn, i as nn, r as Ge, g as Pe, s as Ae, v as rn } from "../../vi.ClIskdbk-
|
|
3
|
+
import { c as H, d as tn, i as nn, r as Ge, g as Pe, s as Ae, v as rn } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
4
4
|
import { MultiSelect as Xe } from "./index.js";
|
|
5
|
-
import "../../index-
|
|
5
|
+
import "../../index-BBIdMcpm.js";
|
|
6
6
|
function a(e, t, n) {
|
|
7
7
|
return e.namespaceURI && e.namespaceURI !== "http://www.w3.org/1999/xhtml" || (t = Array.isArray(t) ? t : [
|
|
8
8
|
t
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import { jsxs as d, jsx as
|
|
1
|
+
import { jsxs as d, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import '../../assets/index.css';import '../../assets/index41.css';/* empty css */
|
|
3
3
|
import "react";
|
|
4
|
+
import "../../index-CxrBcaoP.js";
|
|
4
5
|
import "../Tabs/index.js";
|
|
5
6
|
import { Label as h } from "../Label/index.js";
|
|
6
7
|
const w = "_wrapper_a587t_1", x = "_select_a587t_7", p = {
|
|
7
8
|
wrapper: w,
|
|
8
9
|
select: x
|
|
9
10
|
};
|
|
10
|
-
function
|
|
11
|
-
id:
|
|
11
|
+
function L({
|
|
12
|
+
id: l,
|
|
12
13
|
name: m,
|
|
13
14
|
label: s,
|
|
14
15
|
value: o,
|
|
@@ -24,11 +25,11 @@ function F({
|
|
|
24
25
|
t == null || t(_);
|
|
25
26
|
};
|
|
26
27
|
return /* @__PURE__ */ d("div", { className: `${n ?? ""} ${p.wrapper}`, children: [
|
|
27
|
-
s && /* @__PURE__ */
|
|
28
|
-
/* @__PURE__ */
|
|
28
|
+
s && /* @__PURE__ */ r(h, { htmlFor: l, required: c, disabled: a, children: s }),
|
|
29
|
+
/* @__PURE__ */ r(
|
|
29
30
|
"select",
|
|
30
31
|
{
|
|
31
|
-
id:
|
|
32
|
+
id: l,
|
|
32
33
|
name: m,
|
|
33
34
|
multiple: !0,
|
|
34
35
|
value: o,
|
|
@@ -37,11 +38,11 @@ function F({
|
|
|
37
38
|
onChange: f,
|
|
38
39
|
className: p.select,
|
|
39
40
|
...u,
|
|
40
|
-
children: i.map((e) => /* @__PURE__ */
|
|
41
|
+
children: i.map((e) => /* @__PURE__ */ r("option", { value: e.value, children: e.label }, e.value))
|
|
41
42
|
}
|
|
42
43
|
)
|
|
43
44
|
] });
|
|
44
45
|
}
|
|
45
46
|
export {
|
|
46
|
-
|
|
47
|
+
L as MultiSelect
|
|
47
48
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { d as b, i as r, r as i, g as t, s as a, f as s, w as l } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as b, i as r, r as i, g as t, s as a, f as s, w as l } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Navbar as n } from "./index.js";
|
|
4
4
|
const c = [
|
|
5
5
|
{ label: "Home", href: "/" },
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
|
-
import { d as l, i, r as a, v as s, g as o, s as r, f as m } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as l, i, r as a, v as s, g as o, s as r, f as m } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Notification as n } from "./index.js";
|
|
4
4
|
l("Notification", () => {
|
|
5
5
|
i("renders with the correct message", () => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { d as r, i as n, r as s, s as t, g as o } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as r, i as n, r as s, s as t, g as o } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { NotificationContainer as a } from "./index.js";
|
|
4
4
|
r("NotificationContainer", () => {
|
|
5
5
|
const i = [
|
|
@@ -1,16 +1,17 @@
|
|
|
1
1
|
import { jsx as t } from "react/jsx-runtime";
|
|
2
2
|
import '../../assets/index.css';import '../../assets/index29.css';/* empty css */
|
|
3
3
|
import "react";
|
|
4
|
-
import
|
|
4
|
+
import "../../index-CxrBcaoP.js";
|
|
5
|
+
import { Notification as r } from "../Notification/index.js";
|
|
5
6
|
import "../Tabs/index.js";
|
|
6
|
-
const
|
|
7
|
-
container:
|
|
7
|
+
const n = "_container_61msx_1", m = {
|
|
8
|
+
container: n
|
|
8
9
|
};
|
|
9
|
-
function
|
|
10
|
+
function d({
|
|
10
11
|
notifications: i
|
|
11
12
|
}) {
|
|
12
|
-
return /* @__PURE__ */ t("div", { className:
|
|
13
|
+
return /* @__PURE__ */ t("div", { className: m.container, children: i.map((o) => /* @__PURE__ */ t(r, { ...o }, o.id)) });
|
|
13
14
|
}
|
|
14
15
|
export {
|
|
15
|
-
|
|
16
|
+
d as NotificationContainer
|
|
16
17
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { d as p, i as t, r as o, s as a, g as e } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as p, i as t, r as o, s as a, g as e } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { ProgressBar as g } from "./index.js";
|
|
4
4
|
p("ProgressBar", () => {
|
|
5
5
|
t("renders the progress bar with the correct progress", () => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as a } from "react/jsx-runtime";
|
|
2
|
-
import { d as s, i, r as n, g as o, s as t, v as l } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as s, i, r as n, g as o, s as t, v as l } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Radio as r } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-BBIdMcpm.js";
|
|
5
5
|
s("Radio", () => {
|
|
6
6
|
i("renders correctly", () => {
|
|
7
7
|
n(
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { d as i, i as l, r as n, g as e, s as a, v as m, f as g } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as i, i as l, r as n, g as e, s as a, v as m, f as g } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Range as s } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-BBIdMcpm.js";
|
|
5
5
|
i("Range", () => {
|
|
6
6
|
l("renders with a label and value", () => {
|
|
7
7
|
n(
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsxs as d, jsx as e } from "react/jsx-runtime";
|
|
2
2
|
import { useState as M, useEffect as $ } from "react";
|
|
3
3
|
import '../../assets/index.css';import '../../assets/index43.css';/* empty css */
|
|
4
|
+
import "../../index-CxrBcaoP.js";
|
|
4
5
|
import "../Tabs/index.js";
|
|
5
6
|
import { Label as I } from "../Label/index.js";
|
|
6
7
|
const j = "_wrapper_7toxm_1", y = "_trackContainer_7toxm_7", E = "_track_7toxm_7", S = "_value_7toxm_44", b = "_error_7toxm_52", F = "_errorMessage_7toxm_56", s = {
|
|
@@ -11,7 +12,7 @@ const j = "_wrapper_7toxm_1", y = "_trackContainer_7toxm_7", E = "_track_7toxm_7
|
|
|
11
12
|
error: b,
|
|
12
13
|
errorMessage: F
|
|
13
14
|
};
|
|
14
|
-
function
|
|
15
|
+
function A({
|
|
15
16
|
label: n,
|
|
16
17
|
id: v,
|
|
17
18
|
value: o,
|
|
@@ -24,14 +25,14 @@ function z({
|
|
|
24
25
|
tooltip: N,
|
|
25
26
|
...a
|
|
26
27
|
}) {
|
|
27
|
-
const [u, m] = M(), i = o != null,
|
|
28
|
+
const [u, m] = M(), i = o != null, p = v ?? a.name ?? `slider-${Math.random().toString(36).slice(2)}`, _ = i ? o : u;
|
|
28
29
|
return $(() => {
|
|
29
30
|
i || (r == null || r(c ?? 0), m(c));
|
|
30
31
|
}, [c]), /* @__PURE__ */ d("div", { className: `${x ?? ""} ${s.wrapper}`, children: [
|
|
31
32
|
n && /* @__PURE__ */ e(
|
|
32
33
|
I,
|
|
33
34
|
{
|
|
34
|
-
htmlFor:
|
|
35
|
+
htmlFor: p,
|
|
35
36
|
required: k,
|
|
36
37
|
optional: f,
|
|
37
38
|
intent: t ? "error" : "default",
|
|
@@ -44,11 +45,11 @@ function z({
|
|
|
44
45
|
/* @__PURE__ */ e(
|
|
45
46
|
"input",
|
|
46
47
|
{
|
|
47
|
-
id:
|
|
48
|
+
id: p,
|
|
48
49
|
type: "range",
|
|
49
50
|
className: `${s.track} ${t ? s.error : ""}`,
|
|
50
51
|
"aria-invalid": !!t,
|
|
51
|
-
value:
|
|
52
|
+
value: _ ?? 0,
|
|
52
53
|
onChange: (w) => {
|
|
53
54
|
const l = Number(w.target.value);
|
|
54
55
|
i || m(l), r == null || r(l);
|
|
@@ -56,11 +57,11 @@ function z({
|
|
|
56
57
|
...a
|
|
57
58
|
}
|
|
58
59
|
),
|
|
59
|
-
/* @__PURE__ */ e("span", { className: s.value, children:
|
|
60
|
+
/* @__PURE__ */ e("span", { className: s.value, children: _ })
|
|
60
61
|
] }),
|
|
61
62
|
t && /* @__PURE__ */ e("div", { className: s.errorMessage, children: t })
|
|
62
63
|
] });
|
|
63
64
|
}
|
|
64
65
|
export {
|
|
65
|
-
|
|
66
|
+
A as Range
|
|
66
67
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
-
import { d as r, i as n, r as s, g as o, s as a, v as b, f as m } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as r, i as n, r as s, g as o, s as a, v as b, f as m } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Select as c } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-BBIdMcpm.js";
|
|
5
5
|
r("Select", () => {
|
|
6
6
|
const t = [
|
|
7
7
|
{ label: "Option A", value: "a" },
|
|
@@ -1,36 +1,37 @@
|
|
|
1
1
|
import { jsxs as n, jsx as r } from "react/jsx-runtime";
|
|
2
2
|
import '../../assets/index.css';import '../../assets/index40.css';/* empty css */
|
|
3
3
|
import "react";
|
|
4
|
+
import "../../index-CxrBcaoP.js";
|
|
4
5
|
import "../Tabs/index.js";
|
|
5
6
|
import { Label as d } from "../Label/index.js";
|
|
6
|
-
const _ = "_wrapper_3s7ns_1", f = "_select_3s7ns_7",
|
|
7
|
+
const _ = "_wrapper_3s7ns_1", f = "_select_3s7ns_7", o = {
|
|
7
8
|
wrapper: _,
|
|
8
9
|
select: f
|
|
9
10
|
};
|
|
10
|
-
function
|
|
11
|
-
id:
|
|
12
|
-
name:
|
|
13
|
-
label:
|
|
11
|
+
function $({
|
|
12
|
+
id: t,
|
|
13
|
+
name: a,
|
|
14
|
+
label: l,
|
|
14
15
|
options: p,
|
|
15
16
|
defaultValue: i,
|
|
16
|
-
required:
|
|
17
|
+
required: s = !1,
|
|
17
18
|
disabled: c = !1,
|
|
18
19
|
onChange: m,
|
|
19
20
|
className: h,
|
|
20
21
|
...u
|
|
21
22
|
}) {
|
|
22
|
-
return /* @__PURE__ */ n("div", { className: `${h ?? ""} ${
|
|
23
|
-
|
|
23
|
+
return /* @__PURE__ */ n("div", { className: `${h ?? ""} ${o.wrapper}`, children: [
|
|
24
|
+
l && /* @__PURE__ */ r(d, { htmlFor: t, required: s, disabled: c, children: l }),
|
|
24
25
|
/* @__PURE__ */ n(
|
|
25
26
|
"select",
|
|
26
27
|
{
|
|
27
|
-
id:
|
|
28
|
-
name:
|
|
28
|
+
id: t,
|
|
29
|
+
name: a,
|
|
29
30
|
defaultValue: i,
|
|
30
|
-
required:
|
|
31
|
+
required: s,
|
|
31
32
|
disabled: c,
|
|
32
33
|
onChange: m,
|
|
33
|
-
className:
|
|
34
|
+
className: o.select,
|
|
34
35
|
...u,
|
|
35
36
|
children: [
|
|
36
37
|
/* @__PURE__ */ r("option", { value: "", disabled: !0, hidden: !0, children: "-- Select an option --" }),
|
|
@@ -41,5 +42,5 @@ function S({
|
|
|
41
42
|
] });
|
|
42
43
|
}
|
|
43
44
|
export {
|
|
44
|
-
|
|
45
|
+
$ as Select
|
|
45
46
|
};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { d as n, i as r, r as i, s as a, g as t } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as n, i as r, r as i, s as a, g as t } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Skeleton as s } from "./index.js";
|
|
4
4
|
n("Skeleton", () => {
|
|
5
5
|
r("render a default rectangle skeleton", () => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { d as i, i as e, r as a, g as t } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as i, i as e, r as a, g as t } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Spacer as c } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-BBIdMcpm.js";
|
|
5
5
|
i("Spacer", () => {
|
|
6
6
|
e("renders with default props", () => {
|
|
7
7
|
const { container: s } = a(/* @__PURE__ */ r(c, {}));
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { d as l, i as r, r as t, s as o, g as a } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as l, i as r, r as t, s as o, g as a } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Spinner as c } from "./index.js";
|
|
4
4
|
l("Spinner", () => {
|
|
5
5
|
r("renders with 10 prongs", () => {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as r, jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { d as l, i as s, r as n, g as t, s as d } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as l, i as s, r as n, g as t, s as d } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Stack as a } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-BBIdMcpm.js";
|
|
5
5
|
l("Stack", () => {
|
|
6
6
|
s("renders children", () => {
|
|
7
7
|
n(
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
-
import { d as i, i as a, r as s, g as n, s as c, v as h, f as g } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as i, i as a, r as s, g as n, s as c, v as h, f as g } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Switch as l } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-BBIdMcpm.js";
|
|
5
5
|
i("Switch", () => {
|
|
6
6
|
a("renders with label", () => {
|
|
7
7
|
s(
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import { jsx as e, jsxs as h } from "react/jsx-runtime";
|
|
2
2
|
import '../../assets/index.css';import '../../assets/index7.css';/* empty css */
|
|
3
3
|
import "react";
|
|
4
|
+
import "../../index-CxrBcaoP.js";
|
|
4
5
|
import "../Tabs/index.js";
|
|
5
6
|
import { Label as u } from "../Label/index.js";
|
|
6
7
|
const d = "_wrapper_fzy93_1", y = "_input_fzy93_7", w = "_slider_fzy93_11", b = "_label_fzy93_41", r = {
|
|
@@ -9,7 +10,7 @@ const d = "_wrapper_fzy93_1", y = "_input_fzy93_7", w = "_slider_fzy93_11", b =
|
|
|
9
10
|
slider: w,
|
|
10
11
|
label: b
|
|
11
12
|
};
|
|
12
|
-
function
|
|
13
|
+
function F({
|
|
13
14
|
id: s,
|
|
14
15
|
name: a,
|
|
15
16
|
checked: x,
|
|
@@ -17,8 +18,8 @@ function v({
|
|
|
17
18
|
label: p,
|
|
18
19
|
required: l,
|
|
19
20
|
optional: c,
|
|
20
|
-
intent:
|
|
21
|
-
size:
|
|
21
|
+
intent: i = "default",
|
|
22
|
+
size: n,
|
|
22
23
|
tooltip: o,
|
|
23
24
|
showErrorIcon: m,
|
|
24
25
|
className: _,
|
|
@@ -28,8 +29,8 @@ function v({
|
|
|
28
29
|
u,
|
|
29
30
|
{
|
|
30
31
|
htmlFor: s,
|
|
31
|
-
intent:
|
|
32
|
-
size:
|
|
32
|
+
intent: i,
|
|
33
|
+
size: n,
|
|
33
34
|
required: l,
|
|
34
35
|
optional: c,
|
|
35
36
|
disabled: t,
|
|
@@ -55,5 +56,5 @@ function v({
|
|
|
55
56
|
) });
|
|
56
57
|
}
|
|
57
58
|
export {
|
|
58
|
-
|
|
59
|
+
F as Switch
|
|
59
60
|
};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
-
import { d as g, i as n, r as a, g as e, s as t, v as i, f as h } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as g, i as n, r as a, g as e, s as t, v as i, f as h } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Table as c } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-BBIdMcpm.js";
|
|
5
5
|
const s = [
|
|
6
6
|
{ name: "Alice", age: 30 },
|
|
7
7
|
{ name: "Bob", age: 33 }
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsxs as l, jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import { d as h, i as o, g as t, s as e, f as r, r as c } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as h, i as o, g as t, s as e, f as r, r as c } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Tabs as a } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-BBIdMcpm.js";
|
|
5
5
|
h("Tabs", () => {
|
|
6
6
|
const i = () => {
|
|
7
7
|
c(
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as s, jsxs as l } from "react/jsx-runtime";
|
|
2
|
-
import { d as u, i as r, r as a, s as n, g as e, b as m } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as u, i as r, r as a, s as n, g as e, b as m } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Text as i } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-BBIdMcpm.js";
|
|
5
5
|
u("Text", () => {
|
|
6
6
|
r("renders default paragraph text", () => {
|
|
7
7
|
a(/* @__PURE__ */ s(i, { children: "Hello world" }));
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as r } from "react/jsx-runtime";
|
|
2
|
-
import { d as x, i as o, r as n, g as t, s as a, v as i, f as d } from "../../vi.ClIskdbk-
|
|
2
|
+
import { d as x, i as o, r as n, g as t, s as a, v as i, f as d } from "../../vi.ClIskdbk-CZ8iFAMK.js";
|
|
3
3
|
import { Textarea as s } from "./index.js";
|
|
4
|
-
import "../../index-
|
|
4
|
+
import "../../index-BBIdMcpm.js";
|
|
5
5
|
x("Textarea", () => {
|
|
6
6
|
o("renders correctly", () => {
|
|
7
7
|
n(/* @__PURE__ */ r(s, { id: "textarea1", name: "testText", label: "Your message" })), t(a.getByRole("textbox")).toBeInTheDocument(), t(a.getByLabelText("Your message")).toBeInTheDocument();
|