@pismo/marola 0.0.1-alpha.6 → 0.0.1-alpha.7
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-W6tM-_IT.js → Button-B1umG8kJ.js} +2 -2
- package/dist/ClickAwayListener-BKznXF1d.js +106 -0
- package/dist/Portal-BcdMtRGF.js +73 -0
- package/dist/assets/Input.css +1 -0
- package/dist/assets/Snackbar.css +1 -0
- package/dist/assets/Toggle.css +1 -0
- package/dist/components/Advice/Advice.d.ts +6 -3
- package/dist/components/Advice/Advice.js +15 -15
- package/dist/components/Button/Button.d.ts +8 -0
- package/dist/components/Button/Button.js +1 -1
- package/dist/components/Button/Button.stories.d.ts +60 -0
- package/dist/components/Button/Button.stories.js +40 -0
- package/dist/components/Dialog/CloseIconButton.js +9 -9
- package/dist/components/Dialog/Dialog.d.ts +3 -2
- package/dist/components/Dialog/Dialog.js +10 -9
- package/dist/components/Dialog/Dialog.stories.d.ts +343 -0
- package/dist/components/Dialog/Dialog.stories.js +59 -0
- package/dist/components/Icon/Icon.d.ts +15 -4
- package/dist/components/Icon/Icon.js +92 -6
- package/dist/components/IconButton/IconButton.js +1 -1
- package/dist/components/Input/Input.d.ts +44 -0
- package/dist/components/Input/Input.js +497 -0
- package/dist/components/Input/Input.stories.d.ts +43 -0
- package/dist/components/Input/Input.stories.js +106 -0
- package/dist/components/LoadingSpinner/LoadingSpinner.d.ts +2 -0
- package/dist/components/LoadingSpinner/LoadingSpinner.stories.d.ts +14 -0
- package/dist/components/LoadingSpinner/LoadingSpinner.stories.js +38 -0
- package/dist/components/Pagination/Pagination.d.ts +1 -1
- package/dist/components/Pagination/Pagination.js +10 -10
- package/dist/components/Snackbar/Snackbar.d.ts +13 -0
- package/dist/components/Snackbar/Snackbar.js +622 -0
- package/dist/components/SortTooltip/SortTooltip.d.ts +1 -1
- package/dist/components/SortTooltip/SortTooltip.js +8 -8
- package/dist/components/Table/Table.js +12 -12
- package/dist/components/Tabs/Tab.js +2 -2
- package/dist/components/Tabs/TabPanel.js +1 -1
- package/dist/components/Tabs/Tabs.js +1 -1
- package/dist/components/Toggle/Toggle.d.ts +14 -0
- package/dist/components/Toggle/Toggle.js +256 -0
- package/dist/components/Tooltip/Tooltip.js +558 -655
- package/dist/components/Typography/Typography.d.ts +5 -5
- package/dist/components/Typography/Typography.stories.d.ts +13 -0
- package/dist/components/Typography/Typography.stories.js +15 -15
- package/dist/components/Typography/typography.test.js +5 -8
- package/dist/{Portal-P3fPvS3-.js → index-BNWbc5Kh.js} +5709 -5776
- package/dist/{index-D2P7y2mE.js → index-CqjC7P5Y.js} +4 -3
- package/dist/main.d.ts +16 -8
- package/dist/main.js +47 -27
- package/dist/useButton-Bc8IAgyk.js +106 -0
- package/dist/useIsFocusVisible-BH4IAdcw.js +69 -0
- package/dist/useTimeout-DxF9kiZL.js +36 -0
- package/package.json +5 -4
- package/dist/react-CGNQ6M5x.js +0 -117
- package/dist/useButton-JpyBo5M4.js +0 -187
package/dist/main.d.ts
CHANGED
|
@@ -1,12 +1,20 @@
|
|
|
1
1
|
|
|
2
|
+
export * from './components/Advice/Advice';
|
|
3
|
+
export * from './components/Button/Button';
|
|
4
|
+
export * from './components/Checkbox/Checkbox';
|
|
2
5
|
export * from './components/Dialog/Dialog';
|
|
3
|
-
export * from './components/
|
|
6
|
+
export * from './components/Icon/Icon';
|
|
7
|
+
export * from './components/IconButton/IconButton';
|
|
8
|
+
export * from './components/Input/Input';
|
|
4
9
|
export * from './components/LoadingSpinner/LoadingSpinner';
|
|
5
|
-
export * from './components/Tabs/Tabs';
|
|
6
|
-
export * from './components/Tabs/Tab';
|
|
7
|
-
export * from './components/Tabs/TabPanel';
|
|
8
|
-
export * from './components/Table/Table';
|
|
9
|
-
export * from './components/Pagination/Pagination';
|
|
10
10
|
export * from './components/PageHeader/PageHeader';
|
|
11
|
-
export * from './components/
|
|
12
|
-
export * from './components/
|
|
11
|
+
export * from './components/Pagination/Pagination';
|
|
12
|
+
export * from './components/Skeleton/Skeleton';
|
|
13
|
+
export * from './components/Snackbar/Snackbar';
|
|
14
|
+
export * from './components/SortTooltip/SortTooltip';
|
|
15
|
+
export * from './components/Stepper/Stepper';
|
|
16
|
+
export * from './components/Table/Table';
|
|
17
|
+
export * from './components/Tabs/Tabs';
|
|
18
|
+
export * from './components/Toggle/Toggle';
|
|
19
|
+
export * from './components/Tooltip/Tooltip';
|
|
20
|
+
export * from './components/Typography/Typography';
|
package/dist/main.js
CHANGED
|
@@ -1,32 +1,52 @@
|
|
|
1
1
|
import './assets/global.css';
|
|
2
2
|
/* empty css */
|
|
3
|
-
import {
|
|
4
|
-
import {
|
|
5
|
-
import {
|
|
6
|
-
import {
|
|
7
|
-
import {
|
|
8
|
-
import {
|
|
3
|
+
import { Advice as p } from "./components/Advice/Advice.js";
|
|
4
|
+
import { Button as f } from "./components/Button/Button.js";
|
|
5
|
+
import { Checkbox as m } from "./components/Checkbox/Checkbox.js";
|
|
6
|
+
import { Dialog as i } from "./components/Dialog/Dialog.js";
|
|
7
|
+
import { FamilyAndIcons as s, Icon as T } from "./components/Icon/Icon.js";
|
|
8
|
+
import { IconButton as c } from "./components/IconButton/IconButton.js";
|
|
9
|
+
import { Input as d } from "./components/Input/Input.js";
|
|
10
|
+
import { LoadingSpinner as k } from "./components/LoadingSpinner/LoadingSpinner.js";
|
|
11
|
+
import { PageHeader as D } from "./components/PageHeader/PageHeader.js";
|
|
12
|
+
import { Pagination as y, paginationDefaultTranslations as A } from "./components/Pagination/Pagination.js";
|
|
13
|
+
import { Skeleton as h, SkeletonCircle as B, SkeletonTable as P } from "./components/Skeleton/Skeleton.js";
|
|
14
|
+
import { Snackbar as F } from "./components/Snackbar/Snackbar.js";
|
|
15
|
+
import { SortTooltip as L, sortTooltipDefaultTranslations as j } from "./components/SortTooltip/SortTooltip.js";
|
|
16
|
+
import { Stepper as w } from "./components/Stepper/Stepper.js";
|
|
9
17
|
import "./components/Table/Table.js";
|
|
10
|
-
import {
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
16
|
-
import { default as
|
|
18
|
+
import { Tabs as E } from "./components/Tabs/Tabs.js";
|
|
19
|
+
import { Toggle as J } from "./components/Toggle/Toggle.js";
|
|
20
|
+
import { Tooltip as M } from "./components/Tooltip/Tooltip.js";
|
|
21
|
+
import { Typography as O } from "./components/Typography/Typography.js";
|
|
22
|
+
import { default as R } from "./components/Dialog/Title.js";
|
|
23
|
+
import { default as V } from "./components/Dialog/Content.js";
|
|
24
|
+
import { default as X } from "./components/Dialog/Actions.js";
|
|
17
25
|
export {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
T as
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
26
|
+
X as Actions,
|
|
27
|
+
p as Advice,
|
|
28
|
+
f as Button,
|
|
29
|
+
m as Checkbox,
|
|
30
|
+
V as Content,
|
|
31
|
+
i as Dialog,
|
|
32
|
+
R as DialogTitle,
|
|
33
|
+
s as FamilyAndIcons,
|
|
34
|
+
T as Icon,
|
|
35
|
+
c as IconButton,
|
|
36
|
+
d as Input,
|
|
37
|
+
k as LoadingSpinner,
|
|
38
|
+
D as PageHeader,
|
|
39
|
+
y as Pagination,
|
|
40
|
+
h as Skeleton,
|
|
41
|
+
B as SkeletonCircle,
|
|
42
|
+
P as SkeletonTable,
|
|
43
|
+
F as Snackbar,
|
|
44
|
+
L as SortTooltip,
|
|
45
|
+
w as Stepper,
|
|
46
|
+
E as Tabs,
|
|
47
|
+
J as Toggle,
|
|
48
|
+
M as Tooltip,
|
|
49
|
+
O as Typography,
|
|
50
|
+
A as paginationDefaultTranslations,
|
|
51
|
+
j as sortTooltipDefaultTranslations
|
|
32
52
|
};
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import { a as D } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
|
|
2
|
+
import * as i from "react";
|
|
3
|
+
import { u as S, e as k } from "./index-CqjC7P5Y.js";
|
|
4
|
+
import { u as _ } from "./useIsFocusVisible-BH4IAdcw.js";
|
|
5
|
+
function v(p) {
|
|
6
|
+
const {
|
|
7
|
+
rootElementName: n = "",
|
|
8
|
+
componentName: l
|
|
9
|
+
} = p, [c, y] = i.useState(n.toUpperCase());
|
|
10
|
+
process.env.NODE_ENV !== "production" && i.useEffect(() => {
|
|
11
|
+
n && c !== n.toUpperCase() && console.error(`useRootElementName: the \`rootElementName\` prop of ${l ? `the ${l} component` : "a component"} expected the '${n}' element, but a '${c.toLowerCase()}' was rendered instead`, "This may cause hydration issues in an SSR context, for example in a Next.js app");
|
|
12
|
+
}, [n, c, l]);
|
|
13
|
+
const u = i.useCallback((m) => {
|
|
14
|
+
var s;
|
|
15
|
+
y((s = m == null ? void 0 : m.tagName) != null ? s : "");
|
|
16
|
+
}, []);
|
|
17
|
+
return [c, u];
|
|
18
|
+
}
|
|
19
|
+
function h(p = {}) {
|
|
20
|
+
const {
|
|
21
|
+
disabled: n = !1,
|
|
22
|
+
focusableWhenDisabled: l,
|
|
23
|
+
href: c,
|
|
24
|
+
rootRef: y,
|
|
25
|
+
tabIndex: u,
|
|
26
|
+
to: m,
|
|
27
|
+
type: s,
|
|
28
|
+
rootElementName: T
|
|
29
|
+
} = p, b = i.useRef(), [B, N] = i.useState(!1), {
|
|
30
|
+
isFocusVisibleRef: E,
|
|
31
|
+
onFocus: F,
|
|
32
|
+
onBlur: M,
|
|
33
|
+
ref: U
|
|
34
|
+
} = _(), [d, R] = i.useState(!1);
|
|
35
|
+
n && !l && d && R(!1), i.useEffect(() => {
|
|
36
|
+
E.current = d;
|
|
37
|
+
}, [d, E]);
|
|
38
|
+
const [f, V] = v({
|
|
39
|
+
rootElementName: T ?? (c || m ? "a" : void 0),
|
|
40
|
+
componentName: "Button"
|
|
41
|
+
}), w = (t) => (e) => {
|
|
42
|
+
var o;
|
|
43
|
+
d && e.preventDefault(), (o = t.onMouseLeave) == null || o.call(t, e);
|
|
44
|
+
}, K = (t) => (e) => {
|
|
45
|
+
var o;
|
|
46
|
+
M(e), E.current === !1 && R(!1), (o = t.onBlur) == null || o.call(t, e);
|
|
47
|
+
}, P = (t) => (e) => {
|
|
48
|
+
var o;
|
|
49
|
+
if (b.current || (b.current = e.currentTarget), F(e), E.current === !0) {
|
|
50
|
+
var r;
|
|
51
|
+
R(!0), (r = t.onFocusVisible) == null || r.call(t, e);
|
|
52
|
+
}
|
|
53
|
+
(o = t.onFocus) == null || o.call(t, e);
|
|
54
|
+
}, g = () => {
|
|
55
|
+
const t = b.current;
|
|
56
|
+
return f === "BUTTON" || f === "INPUT" && ["button", "submit", "reset"].includes(t == null ? void 0 : t.type) || f === "A" && (t == null ? void 0 : t.href);
|
|
57
|
+
}, I = (t) => (e) => {
|
|
58
|
+
if (!n) {
|
|
59
|
+
var o;
|
|
60
|
+
(o = t.onClick) == null || o.call(t, e);
|
|
61
|
+
}
|
|
62
|
+
}, $ = (t) => (e) => {
|
|
63
|
+
var o;
|
|
64
|
+
n || (N(!0), document.addEventListener("mouseup", () => {
|
|
65
|
+
N(!1);
|
|
66
|
+
}, {
|
|
67
|
+
once: !0
|
|
68
|
+
})), (o = t.onMouseDown) == null || o.call(t, e);
|
|
69
|
+
}, C = (t) => (e) => {
|
|
70
|
+
var o;
|
|
71
|
+
if ((o = t.onKeyDown) == null || o.call(t, e), !e.defaultMuiPrevented && (e.target === e.currentTarget && !g() && e.key === " " && e.preventDefault(), e.target === e.currentTarget && e.key === " " && !n && N(!0), e.target === e.currentTarget && !g() && e.key === "Enter" && !n)) {
|
|
72
|
+
var r;
|
|
73
|
+
(r = t.onClick) == null || r.call(t, e), e.preventDefault();
|
|
74
|
+
}
|
|
75
|
+
}, L = (t) => (e) => {
|
|
76
|
+
var o;
|
|
77
|
+
if (e.target === e.currentTarget && N(!1), (o = t.onKeyUp) == null || o.call(t, e), e.target === e.currentTarget && !g() && !n && e.key === " " && !e.defaultMuiPrevented) {
|
|
78
|
+
var r;
|
|
79
|
+
(r = t.onClick) == null || r.call(t, e);
|
|
80
|
+
}
|
|
81
|
+
}, x = S(V, y, U, b), a = {};
|
|
82
|
+
return u !== void 0 && (a.tabIndex = u), f === "BUTTON" ? (a.type = s ?? "button", l ? a["aria-disabled"] = n : a.disabled = n) : f === "INPUT" ? s && ["button", "submit", "reset"].includes(s) && (l ? a["aria-disabled"] = n : a.disabled = n) : f !== "" && (!c && !m && (a.role = "button", a.tabIndex = u ?? 0), n && (a["aria-disabled"] = n, a.tabIndex = l ? u ?? 0 : -1)), {
|
|
83
|
+
getRootProps: (t = {}) => {
|
|
84
|
+
const e = D({}, k(p), k(t)), o = D({
|
|
85
|
+
type: s
|
|
86
|
+
}, e, a, t, {
|
|
87
|
+
onBlur: K(e),
|
|
88
|
+
onClick: I(e),
|
|
89
|
+
onFocus: P(e),
|
|
90
|
+
onKeyDown: C(e),
|
|
91
|
+
onKeyUp: L(e),
|
|
92
|
+
onMouseDown: $(e),
|
|
93
|
+
onMouseLeave: w(e),
|
|
94
|
+
ref: x
|
|
95
|
+
});
|
|
96
|
+
return delete o.onFocusVisible, o;
|
|
97
|
+
},
|
|
98
|
+
focusVisible: d,
|
|
99
|
+
setFocusVisible: R,
|
|
100
|
+
active: B,
|
|
101
|
+
rootRef: x
|
|
102
|
+
};
|
|
103
|
+
}
|
|
104
|
+
export {
|
|
105
|
+
h as u
|
|
106
|
+
};
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
import * as a from "react";
|
|
2
|
+
import { T as o } from "./useTimeout-DxF9kiZL.js";
|
|
3
|
+
let n = !0, s = !1;
|
|
4
|
+
const c = new o(), f = {
|
|
5
|
+
text: !0,
|
|
6
|
+
search: !0,
|
|
7
|
+
url: !0,
|
|
8
|
+
tel: !0,
|
|
9
|
+
email: !0,
|
|
10
|
+
password: !0,
|
|
11
|
+
number: !0,
|
|
12
|
+
date: !0,
|
|
13
|
+
month: !0,
|
|
14
|
+
week: !0,
|
|
15
|
+
time: !0,
|
|
16
|
+
datetime: !0,
|
|
17
|
+
"datetime-local": !0
|
|
18
|
+
};
|
|
19
|
+
function d(e) {
|
|
20
|
+
const {
|
|
21
|
+
type: t,
|
|
22
|
+
tagName: r
|
|
23
|
+
} = e;
|
|
24
|
+
return !!(r === "INPUT" && f[t] && !e.readOnly || r === "TEXTAREA" && !e.readOnly || e.isContentEditable);
|
|
25
|
+
}
|
|
26
|
+
function h(e) {
|
|
27
|
+
e.metaKey || e.altKey || e.ctrlKey || (n = !0);
|
|
28
|
+
}
|
|
29
|
+
function i() {
|
|
30
|
+
n = !1;
|
|
31
|
+
}
|
|
32
|
+
function y() {
|
|
33
|
+
this.visibilityState === "hidden" && s && (n = !0);
|
|
34
|
+
}
|
|
35
|
+
function m(e) {
|
|
36
|
+
e.addEventListener("keydown", h, !0), e.addEventListener("mousedown", i, !0), e.addEventListener("pointerdown", i, !0), e.addEventListener("touchstart", i, !0), e.addEventListener("visibilitychange", y, !0);
|
|
37
|
+
}
|
|
38
|
+
function b(e) {
|
|
39
|
+
const {
|
|
40
|
+
target: t
|
|
41
|
+
} = e;
|
|
42
|
+
try {
|
|
43
|
+
return t.matches(":focus-visible");
|
|
44
|
+
} catch {
|
|
45
|
+
}
|
|
46
|
+
return n || d(t);
|
|
47
|
+
}
|
|
48
|
+
function w() {
|
|
49
|
+
const e = a.useCallback((u) => {
|
|
50
|
+
u != null && m(u.ownerDocument);
|
|
51
|
+
}, []), t = a.useRef(!1);
|
|
52
|
+
function r() {
|
|
53
|
+
return t.current ? (s = !0, c.start(100, () => {
|
|
54
|
+
s = !1;
|
|
55
|
+
}), t.current = !1, !0) : !1;
|
|
56
|
+
}
|
|
57
|
+
function l(u) {
|
|
58
|
+
return b(u) ? (t.current = !0, !0) : !1;
|
|
59
|
+
}
|
|
60
|
+
return {
|
|
61
|
+
isFocusVisibleRef: t,
|
|
62
|
+
onFocus: l,
|
|
63
|
+
onBlur: r,
|
|
64
|
+
ref: e
|
|
65
|
+
};
|
|
66
|
+
}
|
|
67
|
+
export {
|
|
68
|
+
w as u
|
|
69
|
+
};
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import * as n from "react";
|
|
2
|
+
const u = {};
|
|
3
|
+
function c(t, r) {
|
|
4
|
+
const e = n.useRef(u);
|
|
5
|
+
return e.current === u && (e.current = t(r)), e;
|
|
6
|
+
}
|
|
7
|
+
const i = [];
|
|
8
|
+
function o(t) {
|
|
9
|
+
n.useEffect(t, i);
|
|
10
|
+
}
|
|
11
|
+
class s {
|
|
12
|
+
constructor() {
|
|
13
|
+
this.currentId = null, this.clear = () => {
|
|
14
|
+
this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
|
|
15
|
+
}, this.disposeEffect = () => this.clear;
|
|
16
|
+
}
|
|
17
|
+
static create() {
|
|
18
|
+
return new s();
|
|
19
|
+
}
|
|
20
|
+
/**
|
|
21
|
+
* Executes `fn` after `delay`, clearing any previously scheduled call.
|
|
22
|
+
*/
|
|
23
|
+
start(r, e) {
|
|
24
|
+
this.clear(), this.currentId = setTimeout(() => {
|
|
25
|
+
this.currentId = null, e();
|
|
26
|
+
}, r);
|
|
27
|
+
}
|
|
28
|
+
}
|
|
29
|
+
function f() {
|
|
30
|
+
const t = c(s.create).current;
|
|
31
|
+
return o(t.disposeEffect), t;
|
|
32
|
+
}
|
|
33
|
+
export {
|
|
34
|
+
s as T,
|
|
35
|
+
f as u
|
|
36
|
+
};
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@pismo/marola",
|
|
3
3
|
"description": "CDX tribe component library",
|
|
4
|
-
"version": "0.0.1-alpha.
|
|
4
|
+
"version": "0.0.1-alpha.7",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "dist/main.js",
|
|
7
7
|
"types": "dist/main.d.ts",
|
|
@@ -29,6 +29,8 @@
|
|
|
29
29
|
"test:unit:watch": "vitest",
|
|
30
30
|
"test:e2e": "echo \"no test implemented\"",
|
|
31
31
|
"coverage": "vitest run --coverage",
|
|
32
|
+
"export-files": "node scripts/export-files.cjs",
|
|
33
|
+
"prebuild": "yarn export-files",
|
|
32
34
|
"build": "tsc --p ./tsconfig-build.json && vite build",
|
|
33
35
|
"postbuild": "storybook build --disable-telemetry --output-dir build",
|
|
34
36
|
"storybook": "storybook dev -p 6006"
|
|
@@ -65,7 +67,7 @@
|
|
|
65
67
|
"eslint-plugin-react-refresh": "^0.4.6",
|
|
66
68
|
"eslint-plugin-simple-import-sort": "^12.0.0",
|
|
67
69
|
"eslint-plugin-storybook": "^0.8.0",
|
|
68
|
-
"glob": "^10.3.
|
|
70
|
+
"glob": "^10.3.14",
|
|
69
71
|
"husky": "^9.0.11",
|
|
70
72
|
"jsdom": "^24.0.0",
|
|
71
73
|
"prettier": "^3.2.5",
|
|
@@ -87,7 +89,6 @@
|
|
|
87
89
|
},
|
|
88
90
|
"dependencies": {
|
|
89
91
|
"@mui/base": "^5.0.0-beta.40",
|
|
90
|
-
"@mui/material": "^5.15.15"
|
|
91
|
-
"@pismo/waves-icons": "^1.3.3"
|
|
92
|
+
"@mui/material": "^5.15.15"
|
|
92
93
|
}
|
|
93
94
|
}
|
package/dist/react-CGNQ6M5x.js
DELETED
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
import { c as N, g as W } from "./_commonjsHelpers-CT_km90n.js";
|
|
2
|
-
import T from "react";
|
|
3
|
-
var E = { exports: {} };
|
|
4
|
-
(function(A, I) {
|
|
5
|
-
(function(y, w) {
|
|
6
|
-
A.exports = w(T);
|
|
7
|
-
})(N, (y) => (() => {
|
|
8
|
-
var w = { 639: (e) => {
|
|
9
|
-
e.exports = y;
|
|
10
|
-
} }, S = {};
|
|
11
|
-
function c(e) {
|
|
12
|
-
var o = S[e];
|
|
13
|
-
if (o !== void 0)
|
|
14
|
-
return o.exports;
|
|
15
|
-
var s = S[e] = { exports: {} };
|
|
16
|
-
return w[e](s, s.exports, c), s.exports;
|
|
17
|
-
}
|
|
18
|
-
c.n = (e) => {
|
|
19
|
-
var o = e && e.__esModule ? () => e.default : () => e;
|
|
20
|
-
return c.d(o, { a: o }), o;
|
|
21
|
-
}, c.d = (e, o) => {
|
|
22
|
-
for (var s in o)
|
|
23
|
-
c.o(o, s) && !c.o(e, s) && Object.defineProperty(e, s, { enumerable: !0, get: o[s] });
|
|
24
|
-
}, c.o = (e, o) => Object.prototype.hasOwnProperty.call(e, o), c.r = (e) => {
|
|
25
|
-
typeof Symbol < "u" && Symbol.toStringTag && Object.defineProperty(e, Symbol.toStringTag, { value: "Module" }), Object.defineProperty(e, "__esModule", { value: !0 });
|
|
26
|
-
};
|
|
27
|
-
var x = {};
|
|
28
|
-
return (() => {
|
|
29
|
-
c.r(x), c.d(x, { default: () => O });
|
|
30
|
-
var e = c(639), o = c.n(e), s = function(a, i, u, r) {
|
|
31
|
-
return new (u || (u = Promise))(function(m, l) {
|
|
32
|
-
function p(n) {
|
|
33
|
-
try {
|
|
34
|
-
d(r.next(n));
|
|
35
|
-
} catch (t) {
|
|
36
|
-
l(t);
|
|
37
|
-
}
|
|
38
|
-
}
|
|
39
|
-
function f(n) {
|
|
40
|
-
try {
|
|
41
|
-
d(r.throw(n));
|
|
42
|
-
} catch (t) {
|
|
43
|
-
l(t);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
function d(n) {
|
|
47
|
-
var t;
|
|
48
|
-
n.done ? m(n.value) : (t = n.value, t instanceof u ? t : new u(function(h) {
|
|
49
|
-
h(t);
|
|
50
|
-
})).then(p, f);
|
|
51
|
-
}
|
|
52
|
-
d((r = r.apply(a, [])).next());
|
|
53
|
-
});
|
|
54
|
-
};
|
|
55
|
-
function j() {
|
|
56
|
-
return typeof globalThis < "u" && globalThis.WAVES_ICONS_BASE_URL ? globalThis.WAVES_ICONS_BASE_URL : typeof window < "u" && window.WAVES_ICONS_BASE_URL ? window.WAVES_ICONS_BASE_URL : "https://waves-icons.pismolabs.io/bin";
|
|
57
|
-
}
|
|
58
|
-
function _(a, i, u) {
|
|
59
|
-
const r = i && Number.isNaN(Number(i)) ? i : i ? `${i}px` : "1em", m = u || "currentColor", l = { fill: m, color: m, width: r, height: r };
|
|
60
|
-
return a && Object.keys(l).forEach((p) => {
|
|
61
|
-
a.setAttribute(p, l[p]);
|
|
62
|
-
}), a && Object.assign(a.style, l), a;
|
|
63
|
-
}
|
|
64
|
-
const O = ({ icon: a, color: i, size: u }) => {
|
|
65
|
-
const r = (0, e.useRef)(null), [m, l] = (0, e.useState)(null), p = (f) => {
|
|
66
|
-
const d = _(f, `${u || ""}`, i);
|
|
67
|
-
r != null && r.current && (r.current.innerHTML = "", r.current.append(d)), l(d);
|
|
68
|
-
};
|
|
69
|
-
return (0, e.useEffect)(() => {
|
|
70
|
-
(function(f, d = !1) {
|
|
71
|
-
return s(this, void 0, void 0, function* () {
|
|
72
|
-
return function(n) {
|
|
73
|
-
return s(this, void 0, void 0, function* () {
|
|
74
|
-
return fetch(n, { cache: "force-cache" }).then((t) => t.status >= 200 && t.status <= 299 ? t.text() : Promise.resolve(`
|
|
75
|
-
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
76
|
-
<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
|
|
77
|
-
<!-- Waves Icon Not Found -->
|
|
78
|
-
</svg>
|
|
79
|
-
`)).catch(console.error);
|
|
80
|
-
});
|
|
81
|
-
}(f.startsWith("http") ? f : function(n, t = "svg", h) {
|
|
82
|
-
return h || (h = j()), `${h}/${n}.${t}`;
|
|
83
|
-
}(f)).then((n) => {
|
|
84
|
-
try {
|
|
85
|
-
const t = d ? n : function(h, b) {
|
|
86
|
-
b || (b = `
|
|
87
|
-
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
|
88
|
-
<svg role="img" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000">
|
|
89
|
-
<!-- Waves Icon Not Found -->
|
|
90
|
-
</svg>
|
|
91
|
-
`);
|
|
92
|
-
const g = Object.assign(document.createElement("template"), { innerHTML: b }).content.querySelector("svg");
|
|
93
|
-
return Array.from(g.attributes).map(({ name: v }) => v).find((v) => {
|
|
94
|
-
v.startsWith("on") && g.removeAttribute(v);
|
|
95
|
-
}), g.querySelectorAll(["a", "animate", "color-profile", "cursor", "discard", "fedropshadow", "font-face", "font-face-format", "font-face-name", "font-face-src", "font-face-uri", "foreignobject", "hatch", "hatchpath", "mesh", "meshgradient", "meshpatch", "meshrow", "missing-glyph", "script", "set", "solidcolor", "unknown", "use"].join(",")).forEach((v) => {
|
|
96
|
-
v.remove();
|
|
97
|
-
}), g.setAttribute("data-waves-icon", h), g;
|
|
98
|
-
}(f, n);
|
|
99
|
-
return Promise.resolve(t);
|
|
100
|
-
} catch (t) {
|
|
101
|
-
return Promise.reject(t);
|
|
102
|
-
}
|
|
103
|
-
}).catch(console.error);
|
|
104
|
-
});
|
|
105
|
-
})(a).then(p).catch(console.error);
|
|
106
|
-
}, [a]), (0, e.useEffect)(() => {
|
|
107
|
-
_(m, `${u || ""}`, i);
|
|
108
|
-
}, [u, i]), o().createElement("span", { ref: r });
|
|
109
|
-
};
|
|
110
|
-
})(), x;
|
|
111
|
-
})());
|
|
112
|
-
})(E);
|
|
113
|
-
var P = E.exports;
|
|
114
|
-
const L = /* @__PURE__ */ W(P);
|
|
115
|
-
export {
|
|
116
|
-
L as W
|
|
117
|
-
};
|
|
@@ -1,187 +0,0 @@
|
|
|
1
|
-
import { a as k } from "./objectWithoutPropertiesLoose-D7Cp0Pg_.js";
|
|
2
|
-
import * as l from "react";
|
|
3
|
-
import { d as A, e as I } from "./index-D2P7y2mE.js";
|
|
4
|
-
function _(r) {
|
|
5
|
-
const {
|
|
6
|
-
rootElementName: n = "",
|
|
7
|
-
componentName: o
|
|
8
|
-
} = r, [s, i] = l.useState(n.toUpperCase());
|
|
9
|
-
process.env.NODE_ENV !== "production" && l.useEffect(() => {
|
|
10
|
-
n && s !== n.toUpperCase() && console.error(`useRootElementName: the \`rootElementName\` prop of ${o ? `the ${o} component` : "a component"} expected the '${n}' element, but a '${s.toLowerCase()}' was rendered instead`, "This may cause hydration issues in an SSR context, for example in a Next.js app");
|
|
11
|
-
}, [n, s, o]);
|
|
12
|
-
const c = l.useCallback((b) => {
|
|
13
|
-
var f;
|
|
14
|
-
i((f = b == null ? void 0 : b.tagName) != null ? f : "");
|
|
15
|
-
}, []);
|
|
16
|
-
return [s, c];
|
|
17
|
-
}
|
|
18
|
-
class F {
|
|
19
|
-
constructor() {
|
|
20
|
-
this.currentId = null, this.clear = () => {
|
|
21
|
-
this.currentId !== null && (clearTimeout(this.currentId), this.currentId = null);
|
|
22
|
-
}, this.disposeEffect = () => this.clear;
|
|
23
|
-
}
|
|
24
|
-
static create() {
|
|
25
|
-
return new F();
|
|
26
|
-
}
|
|
27
|
-
/**
|
|
28
|
-
* Executes `fn` after `delay`, clearing any previously scheduled call.
|
|
29
|
-
*/
|
|
30
|
-
start(n, o) {
|
|
31
|
-
this.clear(), this.currentId = setTimeout(() => {
|
|
32
|
-
this.currentId = null, o();
|
|
33
|
-
}, n);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
let R = !0, w = !1;
|
|
37
|
-
const W = new F(), j = {
|
|
38
|
-
text: !0,
|
|
39
|
-
search: !0,
|
|
40
|
-
url: !0,
|
|
41
|
-
tel: !0,
|
|
42
|
-
email: !0,
|
|
43
|
-
password: !0,
|
|
44
|
-
number: !0,
|
|
45
|
-
date: !0,
|
|
46
|
-
month: !0,
|
|
47
|
-
week: !0,
|
|
48
|
-
time: !0,
|
|
49
|
-
datetime: !0,
|
|
50
|
-
"datetime-local": !0
|
|
51
|
-
};
|
|
52
|
-
function X(r) {
|
|
53
|
-
const {
|
|
54
|
-
type: n,
|
|
55
|
-
tagName: o
|
|
56
|
-
} = r;
|
|
57
|
-
return !!(o === "INPUT" && j[n] && !r.readOnly || o === "TEXTAREA" && !r.readOnly || r.isContentEditable);
|
|
58
|
-
}
|
|
59
|
-
function q(r) {
|
|
60
|
-
r.metaKey || r.altKey || r.ctrlKey || (R = !0);
|
|
61
|
-
}
|
|
62
|
-
function T() {
|
|
63
|
-
R = !1;
|
|
64
|
-
}
|
|
65
|
-
function z() {
|
|
66
|
-
this.visibilityState === "hidden" && w && (R = !0);
|
|
67
|
-
}
|
|
68
|
-
function G(r) {
|
|
69
|
-
r.addEventListener("keydown", q, !0), r.addEventListener("mousedown", T, !0), r.addEventListener("pointerdown", T, !0), r.addEventListener("touchstart", T, !0), r.addEventListener("visibilitychange", z, !0);
|
|
70
|
-
}
|
|
71
|
-
function J(r) {
|
|
72
|
-
const {
|
|
73
|
-
target: n
|
|
74
|
-
} = r;
|
|
75
|
-
try {
|
|
76
|
-
return n.matches(":focus-visible");
|
|
77
|
-
} catch {
|
|
78
|
-
}
|
|
79
|
-
return R || X(n);
|
|
80
|
-
}
|
|
81
|
-
function Q() {
|
|
82
|
-
const r = l.useCallback((i) => {
|
|
83
|
-
i != null && G(i.ownerDocument);
|
|
84
|
-
}, []), n = l.useRef(!1);
|
|
85
|
-
function o() {
|
|
86
|
-
return n.current ? (w = !0, W.start(100, () => {
|
|
87
|
-
w = !1;
|
|
88
|
-
}), n.current = !1, !0) : !1;
|
|
89
|
-
}
|
|
90
|
-
function s(i) {
|
|
91
|
-
return J(i) ? (n.current = !0, !0) : !1;
|
|
92
|
-
}
|
|
93
|
-
return {
|
|
94
|
-
isFocusVisibleRef: n,
|
|
95
|
-
onFocus: s,
|
|
96
|
-
onBlur: o,
|
|
97
|
-
ref: r
|
|
98
|
-
};
|
|
99
|
-
}
|
|
100
|
-
function ee(r = {}) {
|
|
101
|
-
const {
|
|
102
|
-
disabled: n = !1,
|
|
103
|
-
focusableWhenDisabled: o,
|
|
104
|
-
href: s,
|
|
105
|
-
rootRef: i,
|
|
106
|
-
tabIndex: c,
|
|
107
|
-
to: b,
|
|
108
|
-
type: f,
|
|
109
|
-
rootElementName: V
|
|
110
|
-
} = r, y = l.useRef(), [K, E] = l.useState(!1), {
|
|
111
|
-
isFocusVisibleRef: h,
|
|
112
|
-
onFocus: x,
|
|
113
|
-
onBlur: B,
|
|
114
|
-
ref: v
|
|
115
|
-
} = Q(), [p, N] = l.useState(!1);
|
|
116
|
-
n && !o && p && N(!1), l.useEffect(() => {
|
|
117
|
-
h.current = p;
|
|
118
|
-
}, [p, h]);
|
|
119
|
-
const [m, M] = _({
|
|
120
|
-
rootElementName: V ?? (s || b ? "a" : void 0),
|
|
121
|
-
componentName: "Button"
|
|
122
|
-
}), U = (t) => (e) => {
|
|
123
|
-
var u;
|
|
124
|
-
p && e.preventDefault(), (u = t.onMouseLeave) == null || u.call(t, e);
|
|
125
|
-
}, L = (t) => (e) => {
|
|
126
|
-
var u;
|
|
127
|
-
B(e), h.current === !1 && N(!1), (u = t.onBlur) == null || u.call(t, e);
|
|
128
|
-
}, P = (t) => (e) => {
|
|
129
|
-
var u;
|
|
130
|
-
if (y.current || (y.current = e.currentTarget), x(e), h.current === !0) {
|
|
131
|
-
var d;
|
|
132
|
-
N(!0), (d = t.onFocusVisible) == null || d.call(t, e);
|
|
133
|
-
}
|
|
134
|
-
(u = t.onFocus) == null || u.call(t, e);
|
|
135
|
-
}, g = () => {
|
|
136
|
-
const t = y.current;
|
|
137
|
-
return m === "BUTTON" || m === "INPUT" && ["button", "submit", "reset"].includes(t == null ? void 0 : t.type) || m === "A" && (t == null ? void 0 : t.href);
|
|
138
|
-
}, C = (t) => (e) => {
|
|
139
|
-
if (!n) {
|
|
140
|
-
var u;
|
|
141
|
-
(u = t.onClick) == null || u.call(t, e);
|
|
142
|
-
}
|
|
143
|
-
}, $ = (t) => (e) => {
|
|
144
|
-
var u;
|
|
145
|
-
n || (E(!0), document.addEventListener("mouseup", () => {
|
|
146
|
-
E(!1);
|
|
147
|
-
}, {
|
|
148
|
-
once: !0
|
|
149
|
-
})), (u = t.onMouseDown) == null || u.call(t, e);
|
|
150
|
-
}, S = (t) => (e) => {
|
|
151
|
-
var u;
|
|
152
|
-
if ((u = t.onKeyDown) == null || u.call(t, e), !e.defaultMuiPrevented && (e.target === e.currentTarget && !g() && e.key === " " && e.preventDefault(), e.target === e.currentTarget && e.key === " " && !n && E(!0), e.target === e.currentTarget && !g() && e.key === "Enter" && !n)) {
|
|
153
|
-
var d;
|
|
154
|
-
(d = t.onClick) == null || d.call(t, e), e.preventDefault();
|
|
155
|
-
}
|
|
156
|
-
}, O = (t) => (e) => {
|
|
157
|
-
var u;
|
|
158
|
-
if (e.target === e.currentTarget && E(!1), (u = t.onKeyUp) == null || u.call(t, e), e.target === e.currentTarget && !g() && !n && e.key === " " && !e.defaultMuiPrevented) {
|
|
159
|
-
var d;
|
|
160
|
-
(d = t.onClick) == null || d.call(t, e);
|
|
161
|
-
}
|
|
162
|
-
}, D = A(M, i, v, y), a = {};
|
|
163
|
-
return c !== void 0 && (a.tabIndex = c), m === "BUTTON" ? (a.type = f ?? "button", o ? a["aria-disabled"] = n : a.disabled = n) : m === "INPUT" ? f && ["button", "submit", "reset"].includes(f) && (o ? a["aria-disabled"] = n : a.disabled = n) : m !== "" && (!s && !b && (a.role = "button", a.tabIndex = c ?? 0), n && (a["aria-disabled"] = n, a.tabIndex = o ? c ?? 0 : -1)), {
|
|
164
|
-
getRootProps: (t = {}) => {
|
|
165
|
-
const e = k({}, I(r), I(t)), u = k({
|
|
166
|
-
type: f
|
|
167
|
-
}, e, a, t, {
|
|
168
|
-
onBlur: L(e),
|
|
169
|
-
onClick: C(e),
|
|
170
|
-
onFocus: P(e),
|
|
171
|
-
onKeyDown: S(e),
|
|
172
|
-
onKeyUp: O(e),
|
|
173
|
-
onMouseDown: $(e),
|
|
174
|
-
onMouseLeave: U(e),
|
|
175
|
-
ref: D
|
|
176
|
-
});
|
|
177
|
-
return delete u.onFocusVisible, u;
|
|
178
|
-
},
|
|
179
|
-
focusVisible: p,
|
|
180
|
-
setFocusVisible: N,
|
|
181
|
-
active: K,
|
|
182
|
-
rootRef: D
|
|
183
|
-
};
|
|
184
|
-
}
|
|
185
|
-
export {
|
|
186
|
-
ee as u
|
|
187
|
-
};
|