@alxgrn/telefrag-ui 0.0.29 → 0.0.31
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/components/form/date/Date.js +10 -10
- package/dist/components/form/time/Time.js +35 -35
- package/dist/components/icons/Bold.d.ts +2 -0
- package/dist/components/icons/Bold.js +19 -0
- package/dist/components/icons/Code.d.ts +2 -0
- package/dist/components/icons/Code.js +22 -0
- package/dist/components/icons/CodeXml.d.ts +2 -0
- package/dist/components/icons/CodeXml.js +23 -0
- package/dist/components/icons/Italic.d.ts +2 -0
- package/dist/components/icons/Italic.js +23 -0
- package/dist/components/icons/Redo.d.ts +2 -0
- package/dist/components/icons/Redo.js +22 -0
- package/dist/components/icons/Strikethrough.d.ts +2 -0
- package/dist/components/icons/Strikethrough.js +23 -0
- package/dist/components/icons/Underline.d.ts +2 -0
- package/dist/components/icons/Underline.js +22 -0
- package/dist/components/icons/Undo.d.ts +2 -0
- package/dist/components/icons/Undo.js +22 -0
- package/dist/components/icons/index.d.ts +9 -1
- package/dist/components/icons/index.js +48 -32
- package/dist/components/ui/popup/Popup.d.ts +2 -2
- package/dist/components/ui/popup/Popup.js +10 -10
- package/dist/index-j5nTzFZ2.js +58 -0
- package/dist/main.js +1 -1
- package/package.json +5 -5
- package/dist/index-6RIqPshF.js +0 -42
|
@@ -10,12 +10,12 @@ const z = ({
|
|
|
10
10
|
label: n,
|
|
11
11
|
placeholder: e,
|
|
12
12
|
top: s,
|
|
13
|
-
bottom:
|
|
14
|
-
required:
|
|
13
|
+
bottom: m,
|
|
14
|
+
required: c = !1,
|
|
15
15
|
disabled: p = !1
|
|
16
16
|
}) => {
|
|
17
|
-
const
|
|
18
|
-
if (
|
|
17
|
+
const i = C(null), [d, f] = k(!1), u = () => !!(c && !P(r)), g = () => {
|
|
18
|
+
if (u()) return {
|
|
19
19
|
caretColor: "var(--alxgrn-input-border-error)",
|
|
20
20
|
borderColor: "var(--alxgrn-input-border-error)",
|
|
21
21
|
backgroundColor: "var(--alxgrn-input-bg-error)"
|
|
@@ -29,16 +29,16 @@ const z = ({
|
|
|
29
29
|
$,
|
|
30
30
|
{
|
|
31
31
|
top: s,
|
|
32
|
-
bottom:
|
|
32
|
+
bottom: m,
|
|
33
33
|
label: n,
|
|
34
|
-
required:
|
|
34
|
+
required: c,
|
|
35
35
|
disabled: p,
|
|
36
|
-
error:
|
|
36
|
+
error: u(),
|
|
37
37
|
children: /* @__PURE__ */ l(
|
|
38
38
|
"input",
|
|
39
39
|
{
|
|
40
40
|
id: o,
|
|
41
|
-
ref:
|
|
41
|
+
ref: i,
|
|
42
42
|
type: "text",
|
|
43
43
|
value: r,
|
|
44
44
|
onChange: (a) => t(a.target.value),
|
|
@@ -50,10 +50,10 @@ const z = ({
|
|
|
50
50
|
)
|
|
51
51
|
}
|
|
52
52
|
),
|
|
53
|
-
/* @__PURE__ */ l(
|
|
53
|
+
i.current && /* @__PURE__ */ l(
|
|
54
54
|
I,
|
|
55
55
|
{
|
|
56
|
-
parent:
|
|
56
|
+
parent: i.current,
|
|
57
57
|
isOpen: d,
|
|
58
58
|
onClose: () => f(!1),
|
|
59
59
|
horizontal: "inner-left",
|
|
@@ -4,38 +4,38 @@ import L from "../label/Label.js";
|
|
|
4
4
|
import { Menu as y } from "../../ui/menu/Menu.js";
|
|
5
5
|
import '../../../assets/Time.css';/* empty css */
|
|
6
6
|
const J = ({
|
|
7
|
-
id:
|
|
8
|
-
value:
|
|
9
|
-
step:
|
|
7
|
+
id: p,
|
|
8
|
+
value: d,
|
|
9
|
+
step: x = 1,
|
|
10
10
|
onChange: t,
|
|
11
11
|
label: M,
|
|
12
12
|
top: b,
|
|
13
13
|
bottom: g,
|
|
14
|
-
required:
|
|
14
|
+
required: $ = !1,
|
|
15
15
|
disabled: o = !1
|
|
16
16
|
}) => {
|
|
17
|
-
const
|
|
17
|
+
const l = O(null), a = O(null), [c, N] = n(""), [f, C] = n(""), [I, j] = n([]), [w, z] = n([]), [E, u] = n(!1), [S, m] = n(!1);
|
|
18
18
|
k(() => {
|
|
19
|
-
let [
|
|
20
|
-
|
|
21
|
-
}, [
|
|
22
|
-
const
|
|
19
|
+
let [r, e] = d.split(":");
|
|
20
|
+
r = parseInt(r), e = parseInt(e), (isNaN(r) || r < 0 || r > 23) && (r = 0), (isNaN(e) || e < 0 || e > 59) && (e = 0), r = `0${r}`.slice(-2), e = `0${e}`.slice(-2), N(r), C(e), t && t(`${r}:${e}`);
|
|
21
|
+
}, [d, t]), k(() => {
|
|
22
|
+
const r = [], e = [];
|
|
23
23
|
for (let s = 0; s < 24; s++)
|
|
24
|
-
e.push(`0${s}`.slice(-2));
|
|
25
|
-
for (let s = 0; s < 60; s += p)
|
|
26
24
|
r.push(`0${s}`.slice(-2));
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
25
|
+
for (let s = 0; s < 60; s += x)
|
|
26
|
+
e.push(`0${s}`.slice(-2));
|
|
27
|
+
j(r), z(e);
|
|
28
|
+
}, [x]);
|
|
29
|
+
const h = () => !!($ && (!c || !f)), v = () => {
|
|
30
30
|
if (h()) return {
|
|
31
31
|
caretColor: "var(--alxgrn-input-border-error)",
|
|
32
32
|
borderColor: "var(--alxgrn-input-border-error)",
|
|
33
33
|
backgroundColor: "var(--alxgrn-input-bg-error)"
|
|
34
34
|
};
|
|
35
|
-
}, T = (
|
|
36
|
-
|
|
37
|
-
}, F = (
|
|
38
|
-
|
|
35
|
+
}, T = (r) => {
|
|
36
|
+
u(!1), t && t(`${r.text ?? ""}:${f}`);
|
|
37
|
+
}, F = (r) => {
|
|
38
|
+
m(!1), t && t(`${c}:${r.text ?? ""}`);
|
|
39
39
|
};
|
|
40
40
|
return /* @__PURE__ */ H("div", { className: "FormItem", children: [
|
|
41
41
|
/* @__PURE__ */ i(
|
|
@@ -44,20 +44,20 @@ const J = ({
|
|
|
44
44
|
top: b,
|
|
45
45
|
bottom: g,
|
|
46
46
|
label: M,
|
|
47
|
-
required:
|
|
47
|
+
required: $,
|
|
48
48
|
disabled: o,
|
|
49
49
|
error: h(),
|
|
50
50
|
children: /* @__PURE__ */ H("div", { className: "Time", children: [
|
|
51
51
|
/* @__PURE__ */ i(
|
|
52
52
|
"input",
|
|
53
53
|
{
|
|
54
|
-
id: `${
|
|
55
|
-
ref:
|
|
54
|
+
id: `${p}-hor`,
|
|
55
|
+
ref: l,
|
|
56
56
|
type: "text",
|
|
57
|
-
value:
|
|
57
|
+
value: c,
|
|
58
58
|
style: v(),
|
|
59
59
|
disabled: !!o,
|
|
60
|
-
onClick: () =>
|
|
60
|
+
onClick: () => u(!0),
|
|
61
61
|
readOnly: !0
|
|
62
62
|
}
|
|
63
63
|
),
|
|
@@ -65,42 +65,42 @@ const J = ({
|
|
|
65
65
|
/* @__PURE__ */ i(
|
|
66
66
|
"input",
|
|
67
67
|
{
|
|
68
|
-
id: `${
|
|
69
|
-
ref:
|
|
68
|
+
id: `${p}-min`,
|
|
69
|
+
ref: a,
|
|
70
70
|
type: "text",
|
|
71
|
-
value:
|
|
71
|
+
value: f,
|
|
72
72
|
style: v(),
|
|
73
73
|
disabled: !!o,
|
|
74
|
-
onClick: () =>
|
|
74
|
+
onClick: () => m(!0),
|
|
75
75
|
readOnly: !0
|
|
76
76
|
}
|
|
77
77
|
)
|
|
78
78
|
] })
|
|
79
79
|
}
|
|
80
80
|
),
|
|
81
|
-
/* @__PURE__ */ i(
|
|
81
|
+
l.current && /* @__PURE__ */ i(
|
|
82
82
|
y,
|
|
83
83
|
{
|
|
84
|
-
parent:
|
|
84
|
+
parent: l.current,
|
|
85
85
|
isOpen: E,
|
|
86
|
-
onClose: () =>
|
|
86
|
+
onClose: () => u(!1),
|
|
87
87
|
horizontal: "inner-left",
|
|
88
88
|
margin: "var(--alxgrn-unit-small)",
|
|
89
|
-
items: I.map((
|
|
89
|
+
items: I.map((r) => ({ id: r, text: r })),
|
|
90
90
|
onClick: T,
|
|
91
91
|
maxHeight: "auto",
|
|
92
92
|
width: "parent"
|
|
93
93
|
}
|
|
94
94
|
),
|
|
95
|
-
/* @__PURE__ */ i(
|
|
95
|
+
a.current && /* @__PURE__ */ i(
|
|
96
96
|
y,
|
|
97
97
|
{
|
|
98
|
-
parent:
|
|
98
|
+
parent: a.current,
|
|
99
99
|
isOpen: S,
|
|
100
|
-
onClose: () =>
|
|
100
|
+
onClose: () => m(!1),
|
|
101
101
|
horizontal: "inner-left",
|
|
102
102
|
margin: "var(--alxgrn-unit-small)",
|
|
103
|
-
items: w.map((
|
|
103
|
+
items: w.map((r) => ({ id: r, text: r })),
|
|
104
104
|
onClick: F,
|
|
105
105
|
maxHeight: "auto",
|
|
106
106
|
width: "parent"
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as o } from "react/jsx-runtime";
|
|
2
|
+
const t = () => /* @__PURE__ */ o(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
stroke: "currentColor",
|
|
6
|
+
fill: "none",
|
|
7
|
+
strokeWidth: "2",
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
strokeLinecap: "round",
|
|
10
|
+
strokeLinejoin: "round",
|
|
11
|
+
height: "1em",
|
|
12
|
+
width: "1em",
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
children: /* @__PURE__ */ o("path", { d: "M6 12h9a4 4 0 0 1 0 8H7a1 1 0 0 1-1-1V5a1 1 0 0 1 1-1h7a4 4 0 0 1 0 8" })
|
|
15
|
+
}
|
|
16
|
+
);
|
|
17
|
+
export {
|
|
18
|
+
t as default
|
|
19
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsxs as e, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
const n = () => /* @__PURE__ */ e(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
stroke: "currentColor",
|
|
6
|
+
fill: "none",
|
|
7
|
+
strokeWidth: "2",
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
strokeLinecap: "round",
|
|
10
|
+
strokeLinejoin: "round",
|
|
11
|
+
height: "1em",
|
|
12
|
+
width: "1em",
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
children: [
|
|
15
|
+
/* @__PURE__ */ o("polyline", { points: "16 18 22 12 16 6" }),
|
|
16
|
+
/* @__PURE__ */ o("polyline", { points: "8 6 2 12 8 18" })
|
|
17
|
+
]
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
export {
|
|
21
|
+
n as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsxs as t, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
const r = () => /* @__PURE__ */ t(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
stroke: "currentColor",
|
|
6
|
+
fill: "none",
|
|
7
|
+
strokeWidth: "2",
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
strokeLinecap: "round",
|
|
10
|
+
strokeLinejoin: "round",
|
|
11
|
+
height: "1em",
|
|
12
|
+
width: "1em",
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
children: [
|
|
15
|
+
/* @__PURE__ */ o("path", { d: "m18 16 4-4-4-4" }),
|
|
16
|
+
/* @__PURE__ */ o("path", { d: "m6 8-4 4 4 4" }),
|
|
17
|
+
/* @__PURE__ */ o("path", { d: "m14.5 4-5 16" })
|
|
18
|
+
]
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
export {
|
|
22
|
+
r as default
|
|
23
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsxs as o, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
const i = () => /* @__PURE__ */ o(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
stroke: "currentColor",
|
|
6
|
+
fill: "none",
|
|
7
|
+
strokeWidth: "2",
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
strokeLinecap: "round",
|
|
10
|
+
strokeLinejoin: "round",
|
|
11
|
+
height: "1em",
|
|
12
|
+
width: "1em",
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
children: [
|
|
15
|
+
/* @__PURE__ */ e("line", { x1: "19", x2: "10", y1: "4", y2: "4" }),
|
|
16
|
+
/* @__PURE__ */ e("line", { x1: "14", x2: "5", y1: "20", y2: "20" }),
|
|
17
|
+
/* @__PURE__ */ e("line", { x1: "15", x2: "9", y1: "4", y2: "20" })
|
|
18
|
+
]
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
export {
|
|
22
|
+
i as default
|
|
23
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsxs as e, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
const r = () => /* @__PURE__ */ e(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
stroke: "currentColor",
|
|
6
|
+
fill: "none",
|
|
7
|
+
strokeWidth: "2",
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
strokeLinecap: "round",
|
|
10
|
+
strokeLinejoin: "round",
|
|
11
|
+
height: "1em",
|
|
12
|
+
width: "1em",
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
children: [
|
|
15
|
+
/* @__PURE__ */ o("path", { d: "m15 14 5-5-5-5" }),
|
|
16
|
+
/* @__PURE__ */ o("path", { d: "M20 9H9.5A5.5 5.5 0 0 0 4 14.5A5.5 5.5 0 0 0 9.5 20H13" })
|
|
17
|
+
]
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
export {
|
|
21
|
+
r as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { jsxs as e, jsx as t } from "react/jsx-runtime";
|
|
2
|
+
const r = () => /* @__PURE__ */ e(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
stroke: "currentColor",
|
|
6
|
+
fill: "none",
|
|
7
|
+
strokeWidth: "2",
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
strokeLinecap: "round",
|
|
10
|
+
strokeLinejoin: "round",
|
|
11
|
+
height: "1em",
|
|
12
|
+
width: "1em",
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
children: [
|
|
15
|
+
/* @__PURE__ */ t("path", { d: "M16 4H9a3 3 0 0 0-2.83 4" }),
|
|
16
|
+
/* @__PURE__ */ t("path", { d: "M14 12a4 4 0 0 1 0 8H6" }),
|
|
17
|
+
/* @__PURE__ */ t("line", { x1: "4", x2: "20", y1: "12", y2: "12" })
|
|
18
|
+
]
|
|
19
|
+
}
|
|
20
|
+
);
|
|
21
|
+
export {
|
|
22
|
+
r as default
|
|
23
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsxs as o, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
const t = () => /* @__PURE__ */ o(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
stroke: "currentColor",
|
|
6
|
+
fill: "none",
|
|
7
|
+
strokeWidth: "2",
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
strokeLinecap: "round",
|
|
10
|
+
strokeLinejoin: "round",
|
|
11
|
+
height: "1em",
|
|
12
|
+
width: "1em",
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
children: [
|
|
15
|
+
/* @__PURE__ */ e("path", { d: "M6 4v6a6 6 0 0 0 12 0V4" }),
|
|
16
|
+
/* @__PURE__ */ e("line", { x1: "4", x2: "20", y1: "20", y2: "20" })
|
|
17
|
+
]
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
export {
|
|
21
|
+
t as default
|
|
22
|
+
};
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { jsxs as t, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
const r = () => /* @__PURE__ */ t(
|
|
3
|
+
"svg",
|
|
4
|
+
{
|
|
5
|
+
stroke: "currentColor",
|
|
6
|
+
fill: "none",
|
|
7
|
+
strokeWidth: "2",
|
|
8
|
+
viewBox: "0 0 24 24",
|
|
9
|
+
strokeLinecap: "round",
|
|
10
|
+
strokeLinejoin: "round",
|
|
11
|
+
height: "1em",
|
|
12
|
+
width: "1em",
|
|
13
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
14
|
+
children: [
|
|
15
|
+
/* @__PURE__ */ o("path", { d: "M9 14 4 9l5-5" }),
|
|
16
|
+
/* @__PURE__ */ o("path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11" })
|
|
17
|
+
]
|
|
18
|
+
}
|
|
19
|
+
);
|
|
20
|
+
export {
|
|
21
|
+
r as default
|
|
22
|
+
};
|
|
@@ -1,19 +1,27 @@
|
|
|
1
1
|
import { default as Asterisk } from './Asterisk';
|
|
2
|
+
import { default as Bold } from './Bold';
|
|
2
3
|
import { default as Book } from './Book';
|
|
3
4
|
import { default as Calendar } from './Calendar';
|
|
4
5
|
import { default as ChevronLeft } from './ChevronLeft';
|
|
5
6
|
import { default as ChevronRight } from './ChevronRight';
|
|
6
7
|
import { default as Clock } from './Clock';
|
|
8
|
+
import { default as Code } from './Code';
|
|
9
|
+
import { default as CodeXml } from './CodeXml';
|
|
7
10
|
import { default as Feather } from './Feather';
|
|
8
11
|
import { default as Files } from './Files';
|
|
9
12
|
import { default as Forum } from './Forum';
|
|
10
13
|
import { default as Gamepad } from './Gamepad';
|
|
11
14
|
import { default as Image } from './Image';
|
|
15
|
+
import { default as Italic } from './Italic';
|
|
12
16
|
import { default as Menu } from './Menu';
|
|
13
17
|
import { default as Plus } from './Plus';
|
|
18
|
+
import { default as Redo } from './Redo';
|
|
14
19
|
import { default as Rocket } from './Rocket';
|
|
15
20
|
import { default as ShowSidebar } from './ShowSidebar';
|
|
21
|
+
import { default as Strikethrough } from './Strikethrough';
|
|
16
22
|
import { default as TelefragLogo } from './TelefragLogo';
|
|
17
23
|
import { default as Trash } from './Trash';
|
|
24
|
+
import { default as Underline } from './Underline';
|
|
25
|
+
import { default as Undo } from './Undo';
|
|
18
26
|
import { default as Users } from './Users';
|
|
19
|
-
export { Asterisk, Book, Calendar, ChevronLeft, ChevronRight, Clock, Feather, Files, Forum, Gamepad, Image, Menu, Plus, Rocket, ShowSidebar, TelefragLogo, Trash, Users, };
|
|
27
|
+
export { Asterisk, Bold, Book, Calendar, ChevronLeft, ChevronRight, Clock, Code, CodeXml, Feather, Files, Forum, Gamepad, Image, Italic, Menu, Plus, Redo, Rocket, ShowSidebar, Strikethrough, TelefragLogo, Trash, Underline, Undo, Users, };
|
|
@@ -1,38 +1,54 @@
|
|
|
1
1
|
import { default as r } from "./Asterisk.js";
|
|
2
|
-
import { default as t } from "./
|
|
2
|
+
import { default as t } from "./Bold.js";
|
|
3
|
+
import { default as d } from "./Book.js";
|
|
3
4
|
import { default as s } from "./Calendar.js";
|
|
4
|
-
import { default as
|
|
5
|
-
import { default as
|
|
6
|
-
import { default as
|
|
7
|
-
import { default as
|
|
8
|
-
import { default as k } from "./
|
|
9
|
-
import { default as
|
|
10
|
-
import { default as
|
|
11
|
-
import { default as
|
|
12
|
-
import { default as
|
|
13
|
-
import { default as
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as G } from "./
|
|
16
|
-
import { default as
|
|
17
|
-
import { default as
|
|
18
|
-
import { default as
|
|
5
|
+
import { default as u } from "./ChevronLeft.js";
|
|
6
|
+
import { default as x } from "./ChevronRight.js";
|
|
7
|
+
import { default as i } from "./Clock.js";
|
|
8
|
+
import { default as C } from "./Code.js";
|
|
9
|
+
import { default as k } from "./CodeXml.js";
|
|
10
|
+
import { default as F } from "./Feather.js";
|
|
11
|
+
import { default as S } from "./Files.js";
|
|
12
|
+
import { default as v } from "./Forum.js";
|
|
13
|
+
import { default as I } from "./Gamepad.js";
|
|
14
|
+
import { default as T } from "./Image.js";
|
|
15
|
+
import { default as w } from "./Italic.js";
|
|
16
|
+
import { default as G } from "./Menu.js";
|
|
17
|
+
import { default as P } from "./Plus.js";
|
|
18
|
+
import { default as j } from "./Redo.js";
|
|
19
|
+
import { default as y } from "./Rocket.js";
|
|
20
|
+
import { default as D } from "./ShowSidebar.js";
|
|
21
|
+
import { default as H } from "./Strikethrough.js";
|
|
22
|
+
import { default as K } from "./TelefragLogo.js";
|
|
23
|
+
import { default as O } from "./Trash.js";
|
|
24
|
+
import { default as V } from "./Underline.js";
|
|
25
|
+
import { default as Y } from "./Undo.js";
|
|
26
|
+
import { default as _ } from "./Users.js";
|
|
19
27
|
export {
|
|
20
28
|
r as Asterisk,
|
|
21
|
-
t as
|
|
29
|
+
t as Bold,
|
|
30
|
+
d as Book,
|
|
22
31
|
s as Calendar,
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
k as
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
G as
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
32
|
+
u as ChevronLeft,
|
|
33
|
+
x as ChevronRight,
|
|
34
|
+
i as Clock,
|
|
35
|
+
C as Code,
|
|
36
|
+
k as CodeXml,
|
|
37
|
+
F as Feather,
|
|
38
|
+
S as Files,
|
|
39
|
+
v as Forum,
|
|
40
|
+
I as Gamepad,
|
|
41
|
+
T as Image,
|
|
42
|
+
w as Italic,
|
|
43
|
+
G as Menu,
|
|
44
|
+
P as Plus,
|
|
45
|
+
j as Redo,
|
|
46
|
+
y as Rocket,
|
|
47
|
+
D as ShowSidebar,
|
|
48
|
+
H as Strikethrough,
|
|
49
|
+
K as TelefragLogo,
|
|
50
|
+
O as Trash,
|
|
51
|
+
V as Underline,
|
|
52
|
+
Y as Undo,
|
|
53
|
+
_ as Users
|
|
38
54
|
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { FC, PropsWithChildren } from 'react';
|
|
2
2
|
export interface PopupProps {
|
|
3
|
-
parent:
|
|
3
|
+
parent: HTMLElement;
|
|
4
4
|
isOpen: boolean;
|
|
5
5
|
onClose: () => void;
|
|
6
6
|
margin?: string;
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
import { jsx as
|
|
1
|
+
import { jsx as s } from "react/jsx-runtime";
|
|
2
2
|
import { useRef as v, useState as y, useEffect as m } from "react";
|
|
3
3
|
import { CSSTransition as L } from "react-transition-group";
|
|
4
4
|
import S from "../portal/Portal.js";
|
|
5
5
|
import { ANIMATION_LENGTH as T } from "../../../config.js";
|
|
6
6
|
import '../../../assets/Popup.css';/* empty css */
|
|
7
7
|
const N = T, M = ({
|
|
8
|
-
parent:
|
|
8
|
+
parent: u,
|
|
9
9
|
isOpen: d,
|
|
10
10
|
onClose: c,
|
|
11
11
|
vertical: p = "auto",
|
|
@@ -16,14 +16,14 @@ const N = T, M = ({
|
|
|
16
16
|
position: l = "absolute",
|
|
17
17
|
children: E
|
|
18
18
|
}) => {
|
|
19
|
-
const
|
|
19
|
+
const a = v(null), [w, g] = y({}), [x, k] = y({});
|
|
20
20
|
return m(() => {
|
|
21
21
|
if (!d) return;
|
|
22
|
-
if (!
|
|
22
|
+
if (!u) {
|
|
23
23
|
g({}), k({});
|
|
24
24
|
return;
|
|
25
25
|
}
|
|
26
|
-
const r = document.documentElement.clientWidth, n = document.documentElement.clientHeight, e =
|
|
26
|
+
const r = document.documentElement.clientWidth, n = document.documentElement.clientHeight, e = u.getBoundingClientRect();
|
|
27
27
|
k({
|
|
28
28
|
position: l,
|
|
29
29
|
top: l === "fixed" ? e.top : e.top + window.scrollY,
|
|
@@ -70,9 +70,9 @@ const N = T, M = ({
|
|
|
70
70
|
break;
|
|
71
71
|
}
|
|
72
72
|
g(t);
|
|
73
|
-
}, [
|
|
73
|
+
}, [u, d, o, p, f, h, b, l]), m(() => {
|
|
74
74
|
const r = (n) => {
|
|
75
|
-
|
|
75
|
+
a.current && !a.current.contains(n.target) && c();
|
|
76
76
|
};
|
|
77
77
|
return document.addEventListener("click", r, !0), () => {
|
|
78
78
|
document.removeEventListener("click", r, !0);
|
|
@@ -84,15 +84,15 @@ const N = T, M = ({
|
|
|
84
84
|
return document.body.addEventListener("keydown", r), () => {
|
|
85
85
|
document.body.removeEventListener("keydown", r);
|
|
86
86
|
};
|
|
87
|
-
}, [c]), /* @__PURE__ */
|
|
87
|
+
}, [c]), /* @__PURE__ */ s(S, { id: "alxgrn-popup", children: /* @__PURE__ */ s(
|
|
88
88
|
L,
|
|
89
89
|
{
|
|
90
90
|
in: d,
|
|
91
91
|
timeout: N,
|
|
92
92
|
unmountOnExit: !0,
|
|
93
93
|
classNames: "Popup",
|
|
94
|
-
nodeRef:
|
|
95
|
-
children: /* @__PURE__ */
|
|
94
|
+
nodeRef: a,
|
|
95
|
+
children: /* @__PURE__ */ s("div", { className: "Popup", style: x, children: /* @__PURE__ */ s("div", { className: "PopupInner", ref: a, style: w, children: E }) })
|
|
96
96
|
}
|
|
97
97
|
) });
|
|
98
98
|
};
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import o from "./components/icons/Asterisk.js";
|
|
2
|
+
import r from "./components/icons/Bold.js";
|
|
3
|
+
import m from "./components/icons/Book.js";
|
|
4
|
+
import t from "./components/icons/Calendar.js";
|
|
5
|
+
import i from "./components/icons/ChevronLeft.js";
|
|
6
|
+
import e from "./components/icons/ChevronRight.js";
|
|
7
|
+
import f from "./components/icons/Clock.js";
|
|
8
|
+
import p from "./components/icons/Code.js";
|
|
9
|
+
import l from "./components/icons/CodeXml.js";
|
|
10
|
+
import a from "./components/icons/Feather.js";
|
|
11
|
+
import d from "./components/icons/Files.js";
|
|
12
|
+
import n from "./components/icons/Forum.js";
|
|
13
|
+
import s from "./components/icons/Gamepad.js";
|
|
14
|
+
import h from "./components/icons/Image.js";
|
|
15
|
+
import g from "./components/icons/Italic.js";
|
|
16
|
+
import u from "./components/icons/Menu.js";
|
|
17
|
+
import c from "./components/icons/Plus.js";
|
|
18
|
+
import C from "./components/icons/Redo.js";
|
|
19
|
+
import k from "./components/icons/Rocket.js";
|
|
20
|
+
import S from "./components/icons/ShowSidebar.js";
|
|
21
|
+
import b from "./components/icons/Strikethrough.js";
|
|
22
|
+
import _ from "./components/icons/TelefragLogo.js";
|
|
23
|
+
import v from "./components/icons/Trash.js";
|
|
24
|
+
import F from "./components/icons/Underline.js";
|
|
25
|
+
import R from "./components/icons/Undo.js";
|
|
26
|
+
import T from "./components/icons/Users.js";
|
|
27
|
+
const Z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
28
|
+
__proto__: null,
|
|
29
|
+
Asterisk: o,
|
|
30
|
+
Bold: r,
|
|
31
|
+
Book: m,
|
|
32
|
+
Calendar: t,
|
|
33
|
+
ChevronLeft: i,
|
|
34
|
+
ChevronRight: e,
|
|
35
|
+
Clock: f,
|
|
36
|
+
Code: p,
|
|
37
|
+
CodeXml: l,
|
|
38
|
+
Feather: a,
|
|
39
|
+
Files: d,
|
|
40
|
+
Forum: n,
|
|
41
|
+
Gamepad: s,
|
|
42
|
+
Image: h,
|
|
43
|
+
Italic: g,
|
|
44
|
+
Menu: u,
|
|
45
|
+
Plus: c,
|
|
46
|
+
Redo: C,
|
|
47
|
+
Rocket: k,
|
|
48
|
+
ShowSidebar: S,
|
|
49
|
+
Strikethrough: b,
|
|
50
|
+
TelefragLogo: _,
|
|
51
|
+
Trash: v,
|
|
52
|
+
Underline: F,
|
|
53
|
+
Undo: R,
|
|
54
|
+
Users: T
|
|
55
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
56
|
+
export {
|
|
57
|
+
Z as i
|
|
58
|
+
};
|
package/dist/main.js
CHANGED
|
@@ -32,7 +32,7 @@ import { default as po } from "./components/ui/editable/Editable.js";
|
|
|
32
32
|
import { default as lo } from "./components/layout/Layout.js";
|
|
33
33
|
import { default as uo } from "./components/layout/Page.js";
|
|
34
34
|
import { default as no } from "./components/layout/PageHeader.js";
|
|
35
|
-
import { i as co } from "./index-
|
|
35
|
+
import { i as co } from "./index-j5nTzFZ2.js";
|
|
36
36
|
export {
|
|
37
37
|
$ as Alert,
|
|
38
38
|
q as Block,
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@alxgrn/telefrag-ui",
|
|
3
3
|
"description": "UI library for The Daily Telefrag project",
|
|
4
|
-
"version": "0.0.
|
|
4
|
+
"version": "0.0.31",
|
|
5
5
|
"private": false,
|
|
6
6
|
"author": "Alexander Fedorov <alex@molner.ru>",
|
|
7
7
|
"license": "Apache-2.0",
|
|
@@ -28,15 +28,15 @@
|
|
|
28
28
|
"prepublishOnly": "npm run build"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
|
-
"react": "^
|
|
31
|
+
"react": "^19.1.0",
|
|
32
32
|
"react-children-utilities": "^2.10.0",
|
|
33
|
-
"react-dom": "^
|
|
33
|
+
"react-dom": "^19.1.0",
|
|
34
34
|
"react-transition-group": "^4.4.5"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@types/node": "^22.7.5",
|
|
38
|
-
"@types/react": "^
|
|
39
|
-
"@types/react-dom": "^
|
|
38
|
+
"@types/react": "^19.0.12",
|
|
39
|
+
"@types/react-dom": "^19.0.4",
|
|
40
40
|
"@types/react-transition-group": "^4.4.11",
|
|
41
41
|
"@typescript-eslint/eslint-plugin": "^6.10.0",
|
|
42
42
|
"@typescript-eslint/parser": "^6.10.0",
|
package/dist/index-6RIqPshF.js
DELETED
|
@@ -1,42 +0,0 @@
|
|
|
1
|
-
import o from "./components/icons/Asterisk.js";
|
|
2
|
-
import r from "./components/icons/Book.js";
|
|
3
|
-
import m from "./components/icons/Calendar.js";
|
|
4
|
-
import t from "./components/icons/ChevronLeft.js";
|
|
5
|
-
import e from "./components/icons/ChevronRight.js";
|
|
6
|
-
import i from "./components/icons/Clock.js";
|
|
7
|
-
import f from "./components/icons/Feather.js";
|
|
8
|
-
import p from "./components/icons/Files.js";
|
|
9
|
-
import a from "./components/icons/Forum.js";
|
|
10
|
-
import l from "./components/icons/Gamepad.js";
|
|
11
|
-
import n from "./components/icons/Image.js";
|
|
12
|
-
import s from "./components/icons/Menu.js";
|
|
13
|
-
import d from "./components/icons/Plus.js";
|
|
14
|
-
import g from "./components/icons/Rocket.js";
|
|
15
|
-
import h from "./components/icons/ShowSidebar.js";
|
|
16
|
-
import u from "./components/icons/TelefragLogo.js";
|
|
17
|
-
import c from "./components/icons/Trash.js";
|
|
18
|
-
import b from "./components/icons/Users.js";
|
|
19
|
-
const B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
20
|
-
__proto__: null,
|
|
21
|
-
Asterisk: o,
|
|
22
|
-
Book: r,
|
|
23
|
-
Calendar: m,
|
|
24
|
-
ChevronLeft: t,
|
|
25
|
-
ChevronRight: e,
|
|
26
|
-
Clock: i,
|
|
27
|
-
Feather: f,
|
|
28
|
-
Files: p,
|
|
29
|
-
Forum: a,
|
|
30
|
-
Gamepad: l,
|
|
31
|
-
Image: n,
|
|
32
|
-
Menu: s,
|
|
33
|
-
Plus: d,
|
|
34
|
-
Rocket: g,
|
|
35
|
-
ShowSidebar: h,
|
|
36
|
-
TelefragLogo: u,
|
|
37
|
-
Trash: c,
|
|
38
|
-
Users: b
|
|
39
|
-
}, Symbol.toStringTag, { value: "Module" }));
|
|
40
|
-
export {
|
|
41
|
-
B as i
|
|
42
|
-
};
|