@alxgrn/telefrag-ui 0.0.44 → 0.0.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +9 -4
- package/dist/components/icons/Maximize.d.ts +2 -0
- package/dist/components/icons/Maximize.js +24 -0
- package/dist/components/icons/Minimize.d.ts +2 -0
- package/dist/components/icons/Minimize.js +24 -0
- package/dist/components/icons/index.d.ts +3 -1
- package/dist/components/icons/index.js +64 -60
- package/dist/components/ui/menu/Menu.d.ts +2 -2
- package/dist/components/ui/popup/Popup.d.ts +18 -2
- package/dist/components/ui/popup/Popup.js +36 -37
- package/dist/index-2Dtbwxm_.js +130 -0
- package/dist/main.js +1 -1
- package/package.json +1 -1
- package/dist/index-C_i0gqOs.js +0 -126
package/README.md
CHANGED
|
@@ -1,12 +1,17 @@
|
|
|
1
|
-
#
|
|
1
|
+
# UI-библиотека проекта [The Daily Telefrag](https://dailytelefrag.ru)
|
|
2
|
+
Документация по компонентам [тут](./docs/README.md)
|
|
3
|
+
|
|
4
|
+
Ниже просто мусор для памяти :)
|
|
5
|
+
|
|
6
|
+
## Подготовка для публикации библиотеки
|
|
2
7
|
https://dev.to/receter/how-to-create-a-react-component-library-using-vites-library-mode-4lma
|
|
3
8
|
ВНИМАНИЕ: на последней версии Vite может возникнуть ошибка `but '--jsx' is not set`.
|
|
4
9
|
Как её чинить непонятно. В интернете пишут про версии TS и т.п. Поэтому инциализировали версию vite 5.0.0 с более старыми версиями всего.
|
|
5
10
|
|
|
6
|
-
|
|
11
|
+
## Настройка тестов
|
|
7
12
|
https://deku.posstree.com/en/react/vite/react-typescript/test/
|
|
8
13
|
|
|
9
|
-
|
|
14
|
+
## React + TypeScript + Vite
|
|
10
15
|
|
|
11
16
|
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
|
|
12
17
|
|
|
@@ -15,7 +20,7 @@ Currently, two official plugins are available:
|
|
|
15
20
|
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
|
|
16
21
|
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
|
|
17
22
|
|
|
18
|
-
|
|
23
|
+
### Expanding the ESLint configuration
|
|
19
24
|
|
|
20
25
|
If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:
|
|
21
26
|
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsxs as o, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
const n = () => /* @__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("polyline", { points: "15 3 21 3 21 9" }),
|
|
16
|
+
/* @__PURE__ */ e("polyline", { points: "9 21 3 21 3 15" }),
|
|
17
|
+
/* @__PURE__ */ e("line", { x1: "21", x2: "14", y1: "3", y2: "10" }),
|
|
18
|
+
/* @__PURE__ */ e("line", { x1: "3", x2: "10", y1: "21", y2: "14" })
|
|
19
|
+
]
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
export {
|
|
23
|
+
n as default
|
|
24
|
+
};
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { jsxs as o, jsx as e } from "react/jsx-runtime";
|
|
2
|
+
const n = () => /* @__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("polyline", { points: "4 14 10 14 10 20" }),
|
|
16
|
+
/* @__PURE__ */ e("polyline", { points: "20 10 14 10 14 4" }),
|
|
17
|
+
/* @__PURE__ */ e("line", { x1: "14", x2: "21", y1: "10", y2: "3" }),
|
|
18
|
+
/* @__PURE__ */ e("line", { x1: "3", x2: "10", y1: "21", y2: "14" })
|
|
19
|
+
]
|
|
20
|
+
}
|
|
21
|
+
);
|
|
22
|
+
export {
|
|
23
|
+
n as default
|
|
24
|
+
};
|
|
@@ -39,7 +39,9 @@ import { default as JoinUp } from './JoinUp';
|
|
|
39
39
|
import { default as Link } from './Link';
|
|
40
40
|
import { default as List } from './List';
|
|
41
41
|
import { default as ListOrdered } from './ListOrdered';
|
|
42
|
+
import { default as Maximize } from './Maximize';
|
|
42
43
|
import { default as Menu } from './Menu';
|
|
44
|
+
import { default as Minimize } from './Minimize';
|
|
43
45
|
import { default as Pilcrow } from './Pilcrow';
|
|
44
46
|
import { default as Plus } from './Plus';
|
|
45
47
|
import { default as Quote } from './Quote';
|
|
@@ -58,4 +60,4 @@ import { default as Type } from './Type';
|
|
|
58
60
|
import { default as Underline } from './Underline';
|
|
59
61
|
import { default as Undo } from './Undo';
|
|
60
62
|
import { default as Users } from './Users';
|
|
61
|
-
export { AlignBottom, AlignCenter, AlignJustify, AlignLeft, AlignMiddle, AlignRight, AlignTop, Asterisk, Bold, Book, Calendar, CellsMerge, CellsSplit, ChevronLeft, ChevronRight, Clock, Code, CodeXml, ColumnInsertAfter, ColumnInsertBefore, Expand, Feather, Files, Film, FlipVertical, Forum, Gamepad, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Image, IndentDecrease, Italic, JoinUp, Link, List, ListOrdered, Menu, Pilcrow, Plus, Quote, Redo, Rocket, RowInsertAfter, RowInsertBefore, ShowSidebar, Shrink, SquareDashed, Strikethrough, Table, TelefragLogo, Trash, Type, Underline, Undo, Users, };
|
|
63
|
+
export { AlignBottom, AlignCenter, AlignJustify, AlignLeft, AlignMiddle, AlignRight, AlignTop, Asterisk, Bold, Book, Calendar, CellsMerge, CellsSplit, ChevronLeft, ChevronRight, Clock, Code, CodeXml, ColumnInsertAfter, ColumnInsertBefore, Expand, Feather, Files, Film, FlipVertical, Forum, Gamepad, Heading, Heading1, Heading2, Heading3, Heading4, Heading5, Heading6, Image, IndentDecrease, Italic, JoinUp, Link, List, ListOrdered, Maximize, Menu, Minimize, Pilcrow, Plus, Quote, Redo, Rocket, RowInsertAfter, RowInsertBefore, ShowSidebar, Shrink, SquareDashed, Strikethrough, Table, TelefragLogo, Trash, Type, Underline, Undo, Users, };
|
|
@@ -2,7 +2,7 @@ import { default as o } from "./AlignBottom.js";
|
|
|
2
2
|
import { default as a } from "./AlignCenter.js";
|
|
3
3
|
import { default as l } from "./AlignJustify.js";
|
|
4
4
|
import { default as s } from "./AlignLeft.js";
|
|
5
|
-
import { default as
|
|
5
|
+
import { default as u } from "./AlignMiddle.js";
|
|
6
6
|
import { default as x } from "./AlignRight.js";
|
|
7
7
|
import { default as n } from "./AlignTop.js";
|
|
8
8
|
import { default as h } from "./Asterisk.js";
|
|
@@ -11,16 +11,16 @@ import { default as H } from "./Book.js";
|
|
|
11
11
|
import { default as c } from "./Calendar.js";
|
|
12
12
|
import { default as R } from "./CellsMerge.js";
|
|
13
13
|
import { default as B } from "./CellsSplit.js";
|
|
14
|
-
import { default as
|
|
15
|
-
import { default as
|
|
14
|
+
import { default as M } from "./ChevronLeft.js";
|
|
15
|
+
import { default as w } from "./ChevronRight.js";
|
|
16
16
|
import { default as b } from "./Clock.js";
|
|
17
17
|
import { default as y } from "./Code.js";
|
|
18
|
-
import { default as
|
|
19
|
-
import { default as
|
|
20
|
-
import { default as
|
|
21
|
-
import { default as
|
|
22
|
-
import { default as
|
|
23
|
-
import { default as
|
|
18
|
+
import { default as D } from "./CodeXml.js";
|
|
19
|
+
import { default as P } from "./ColumnInsertAfter.js";
|
|
20
|
+
import { default as E } from "./ColumnInsertBefore.js";
|
|
21
|
+
import { default as O } from "./Expand.js";
|
|
22
|
+
import { default as V } from "./Feather.js";
|
|
23
|
+
import { default as j } from "./Files.js";
|
|
24
24
|
import { default as N } from "./Film.js";
|
|
25
25
|
import { default as Y } from "./FlipVertical.js";
|
|
26
26
|
import { default as _ } from "./Forum.js";
|
|
@@ -29,7 +29,7 @@ import { default as oe } from "./Heading.js";
|
|
|
29
29
|
import { default as ae } from "./Heading1.js";
|
|
30
30
|
import { default as le } from "./Heading2.js";
|
|
31
31
|
import { default as se } from "./Heading3.js";
|
|
32
|
-
import { default as
|
|
32
|
+
import { default as ue } from "./Heading4.js";
|
|
33
33
|
import { default as xe } from "./Heading5.js";
|
|
34
34
|
import { default as ne } from "./Heading6.js";
|
|
35
35
|
import { default as he } from "./Image.js";
|
|
@@ -38,32 +38,34 @@ import { default as He } from "./Italic.js";
|
|
|
38
38
|
import { default as ce } from "./JoinUp.js";
|
|
39
39
|
import { default as Re } from "./Link.js";
|
|
40
40
|
import { default as Be } from "./List.js";
|
|
41
|
-
import { default as
|
|
42
|
-
import { default as
|
|
43
|
-
import { default as be } from "./
|
|
44
|
-
import { default as ye } from "./
|
|
45
|
-
import { default as
|
|
46
|
-
import { default as
|
|
47
|
-
import { default as
|
|
48
|
-
import { default as
|
|
49
|
-
import { default as
|
|
50
|
-
import { default as
|
|
51
|
-
import { default as Ne } from "./
|
|
52
|
-
import { default as Ye } from "./
|
|
53
|
-
import { default as _e } from "./
|
|
54
|
-
import { default as er } from "./
|
|
55
|
-
import { default as or } from "./
|
|
56
|
-
import { default as ar } from "./
|
|
57
|
-
import { default as lr } from "./
|
|
58
|
-
import { default as sr } from "./
|
|
59
|
-
import { default as
|
|
60
|
-
import { default as xr } from "./
|
|
41
|
+
import { default as Me } from "./ListOrdered.js";
|
|
42
|
+
import { default as we } from "./Maximize.js";
|
|
43
|
+
import { default as be } from "./Menu.js";
|
|
44
|
+
import { default as ye } from "./Minimize.js";
|
|
45
|
+
import { default as De } from "./Pilcrow.js";
|
|
46
|
+
import { default as Pe } from "./Plus.js";
|
|
47
|
+
import { default as Ee } from "./Quote.js";
|
|
48
|
+
import { default as Oe } from "./Redo.js";
|
|
49
|
+
import { default as Ve } from "./Rocket.js";
|
|
50
|
+
import { default as je } from "./RowInsertAfter.js";
|
|
51
|
+
import { default as Ne } from "./RowInsertBefore.js";
|
|
52
|
+
import { default as Ye } from "./ShowSidebar.js";
|
|
53
|
+
import { default as _e } from "./Shrink.js";
|
|
54
|
+
import { default as er } from "./SquareDashed.js";
|
|
55
|
+
import { default as or } from "./Strikethrough.js";
|
|
56
|
+
import { default as ar } from "./Table.js";
|
|
57
|
+
import { default as lr } from "./TelefragLogo.js";
|
|
58
|
+
import { default as sr } from "./Trash.js";
|
|
59
|
+
import { default as ur } from "./Type.js";
|
|
60
|
+
import { default as xr } from "./Underline.js";
|
|
61
|
+
import { default as nr } from "./Undo.js";
|
|
62
|
+
import { default as hr } from "./Users.js";
|
|
61
63
|
export {
|
|
62
64
|
o as AlignBottom,
|
|
63
65
|
a as AlignCenter,
|
|
64
66
|
l as AlignJustify,
|
|
65
67
|
s as AlignLeft,
|
|
66
|
-
|
|
68
|
+
u as AlignMiddle,
|
|
67
69
|
x as AlignRight,
|
|
68
70
|
n as AlignTop,
|
|
69
71
|
h as Asterisk,
|
|
@@ -72,16 +74,16 @@ export {
|
|
|
72
74
|
c as Calendar,
|
|
73
75
|
R as CellsMerge,
|
|
74
76
|
B as CellsSplit,
|
|
75
|
-
|
|
76
|
-
|
|
77
|
+
M as ChevronLeft,
|
|
78
|
+
w as ChevronRight,
|
|
77
79
|
b as Clock,
|
|
78
80
|
y as Code,
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
81
|
+
D as CodeXml,
|
|
82
|
+
P as ColumnInsertAfter,
|
|
83
|
+
E as ColumnInsertBefore,
|
|
84
|
+
O as Expand,
|
|
85
|
+
V as Feather,
|
|
86
|
+
j as Files,
|
|
85
87
|
N as Film,
|
|
86
88
|
Y as FlipVertical,
|
|
87
89
|
_ as Forum,
|
|
@@ -90,7 +92,7 @@ export {
|
|
|
90
92
|
ae as Heading1,
|
|
91
93
|
le as Heading2,
|
|
92
94
|
se as Heading3,
|
|
93
|
-
|
|
95
|
+
ue as Heading4,
|
|
94
96
|
xe as Heading5,
|
|
95
97
|
ne as Heading6,
|
|
96
98
|
he as Image,
|
|
@@ -99,24 +101,26 @@ export {
|
|
|
99
101
|
ce as JoinUp,
|
|
100
102
|
Re as Link,
|
|
101
103
|
Be as List,
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
be as
|
|
105
|
-
ye as
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
Ne as
|
|
113
|
-
Ye as
|
|
114
|
-
_e as
|
|
115
|
-
er as
|
|
116
|
-
or as
|
|
117
|
-
ar as
|
|
118
|
-
lr as
|
|
119
|
-
sr as
|
|
120
|
-
|
|
121
|
-
xr as
|
|
104
|
+
Me as ListOrdered,
|
|
105
|
+
we as Maximize,
|
|
106
|
+
be as Menu,
|
|
107
|
+
ye as Minimize,
|
|
108
|
+
De as Pilcrow,
|
|
109
|
+
Pe as Plus,
|
|
110
|
+
Ee as Quote,
|
|
111
|
+
Oe as Redo,
|
|
112
|
+
Ve as Rocket,
|
|
113
|
+
je as RowInsertAfter,
|
|
114
|
+
Ne as RowInsertBefore,
|
|
115
|
+
Ye as ShowSidebar,
|
|
116
|
+
_e as Shrink,
|
|
117
|
+
er as SquareDashed,
|
|
118
|
+
or as Strikethrough,
|
|
119
|
+
ar as Table,
|
|
120
|
+
lr as TelefragLogo,
|
|
121
|
+
sr as Trash,
|
|
122
|
+
ur as Type,
|
|
123
|
+
xr as Underline,
|
|
124
|
+
nr as Undo,
|
|
125
|
+
hr as Users
|
|
122
126
|
};
|
|
@@ -15,9 +15,9 @@ export type MenuAlternative = {
|
|
|
15
15
|
disabled?: boolean | null;
|
|
16
16
|
};
|
|
17
17
|
export type MenuItem = MenuAlternative | MenuSeparator;
|
|
18
|
-
|
|
18
|
+
type MenuProps = PopupProps & {
|
|
19
19
|
items: MenuItem[];
|
|
20
20
|
onClick: (item: MenuItem) => void;
|
|
21
|
-
}
|
|
21
|
+
};
|
|
22
22
|
export declare const Menu: React.FC<MenuProps>;
|
|
23
23
|
export default Menu;
|
|
@@ -1,5 +1,20 @@
|
|
|
1
1
|
import { FC, PropsWithChildren } from 'react';
|
|
2
|
-
export
|
|
2
|
+
export type PopupPropsPosition = {
|
|
3
|
+
x: number;
|
|
4
|
+
y: number;
|
|
5
|
+
isOpen: boolean;
|
|
6
|
+
onClose: () => void;
|
|
7
|
+
margin?: string;
|
|
8
|
+
vertical?: 'auto' | 'top' | 'bottom';
|
|
9
|
+
horizontal?: 'auto' | 'left' | 'right';
|
|
10
|
+
maxHeight?: 'auto' | 'none';
|
|
11
|
+
position?: 'absolute' | 'fixed';
|
|
12
|
+
parent?: never;
|
|
13
|
+
width?: never;
|
|
14
|
+
};
|
|
15
|
+
export type PopupPropsParent = {
|
|
16
|
+
x?: never;
|
|
17
|
+
y?: never;
|
|
3
18
|
parent: HTMLElement;
|
|
4
19
|
isOpen: boolean;
|
|
5
20
|
onClose: () => void;
|
|
@@ -9,6 +24,7 @@ export interface PopupProps {
|
|
|
9
24
|
maxHeight?: 'auto' | 'none';
|
|
10
25
|
width?: 'auto' | 'parent';
|
|
11
26
|
position?: 'absolute' | 'fixed';
|
|
12
|
-
}
|
|
27
|
+
};
|
|
28
|
+
export type PopupProps = PopupPropsPosition | PopupPropsParent;
|
|
13
29
|
export declare const Popup: FC<PropsWithChildren<PopupProps>>;
|
|
14
30
|
export default Popup;
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { jsx as s } from "react/jsx-runtime";
|
|
2
|
-
import { useRef as
|
|
3
|
-
import { CSSTransition as
|
|
4
|
-
import
|
|
5
|
-
import { ANIMATION_LENGTH as
|
|
2
|
+
import { useRef as S, useState as g, useEffect as m } from "react";
|
|
3
|
+
import { CSSTransition as T } from "react-transition-group";
|
|
4
|
+
import N from "../portal/Portal.js";
|
|
5
|
+
import { ANIMATION_LENGTH as P } from "../../../config.js";
|
|
6
6
|
import '../../../assets/Popup.css';/* empty css */
|
|
7
|
-
const
|
|
7
|
+
const I = P, W = ({
|
|
8
|
+
x: k,
|
|
9
|
+
y,
|
|
8
10
|
parent: u,
|
|
9
11
|
isOpen: d,
|
|
10
12
|
onClose: c,
|
|
@@ -14,62 +16,59 @@ const N = T, M = ({
|
|
|
14
16
|
maxHeight: h = "none",
|
|
15
17
|
width: b = "auto",
|
|
16
18
|
position: l = "absolute",
|
|
17
|
-
children:
|
|
19
|
+
children: w
|
|
18
20
|
}) => {
|
|
19
|
-
const a =
|
|
21
|
+
const a = S(null), [E, x] = g({}), [v, L] = g({});
|
|
20
22
|
return m(() => {
|
|
21
23
|
if (!d) return;
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
const r = document.documentElement.clientWidth, n = document.documentElement.clientHeight, e = u.getBoundingClientRect();
|
|
27
|
-
k({
|
|
24
|
+
const r = document.documentElement.clientWidth, n = document.documentElement.clientHeight;
|
|
25
|
+
let t = {};
|
|
26
|
+
u ? t = u.getBoundingClientRect() : (t.y = t.top = t.bottom = y, t.x = t.left = t.right = k, t.width = t.height = 0), L({
|
|
28
27
|
position: l,
|
|
29
|
-
top: l === "fixed" ?
|
|
30
|
-
left: l === "fixed" ?
|
|
31
|
-
width:
|
|
32
|
-
height:
|
|
28
|
+
top: l === "fixed" ? t.top : t.top + window.scrollY,
|
|
29
|
+
left: l === "fixed" ? t.left : t.left + window.scrollX,
|
|
30
|
+
width: t.width,
|
|
31
|
+
height: t.height
|
|
33
32
|
});
|
|
34
|
-
const
|
|
35
|
-
width: b === "parent" ?
|
|
33
|
+
const e = {
|
|
34
|
+
width: b === "parent" ? t.width : "auto"
|
|
36
35
|
};
|
|
37
36
|
let i = 0;
|
|
38
37
|
switch (p) {
|
|
39
38
|
case "top":
|
|
40
|
-
|
|
39
|
+
e.bottom = "100%", e.marginBottom = o, i = t.top;
|
|
41
40
|
break;
|
|
42
41
|
case "bottom":
|
|
43
|
-
|
|
42
|
+
e.top = "100%", e.marginTop = o, i = n - t.bottom;
|
|
44
43
|
break;
|
|
45
44
|
case "inner-top":
|
|
46
|
-
|
|
45
|
+
e.top = 0, i = n - t.top;
|
|
47
46
|
break;
|
|
48
47
|
case "inner-bottom":
|
|
49
|
-
|
|
48
|
+
e.bottom = 0, i = t.bottom;
|
|
50
49
|
break;
|
|
51
50
|
default:
|
|
52
|
-
|
|
51
|
+
t.top < n - t.bottom ? (e.top = "100%", e.marginTop = o, i = n - t.bottom) : (e.bottom = "100%", e.marginBottom = o, i = t.top);
|
|
53
52
|
break;
|
|
54
53
|
}
|
|
55
|
-
switch (h === "auto" && (
|
|
54
|
+
switch (h === "auto" && (e.maxHeight = `calc(${i}px - 2 * ${o})`), f) {
|
|
56
55
|
case "left":
|
|
57
|
-
|
|
56
|
+
e.right = "100%", e.marginRight = o;
|
|
58
57
|
break;
|
|
59
58
|
case "right":
|
|
60
|
-
|
|
59
|
+
e.left = "100%", e.marginLeft = o;
|
|
61
60
|
break;
|
|
62
61
|
case "inner-left":
|
|
63
|
-
|
|
62
|
+
e.left = 0;
|
|
64
63
|
break;
|
|
65
64
|
case "inner-right":
|
|
66
|
-
|
|
65
|
+
e.right = 0;
|
|
67
66
|
break;
|
|
68
67
|
default:
|
|
69
|
-
|
|
68
|
+
t.left < r - t.right ? (e.left = "100%", e.marginLeft = o) : (e.right = "100%", e.marginRight = o);
|
|
70
69
|
break;
|
|
71
70
|
}
|
|
72
|
-
|
|
71
|
+
x(e);
|
|
73
72
|
}, [u, d, o, p, f, h, b, l]), m(() => {
|
|
74
73
|
const r = (n) => {
|
|
75
74
|
a.current && !a.current.contains(n.target) && c();
|
|
@@ -84,19 +83,19 @@ const N = T, M = ({
|
|
|
84
83
|
return document.body.addEventListener("keydown", r), () => {
|
|
85
84
|
document.body.removeEventListener("keydown", r);
|
|
86
85
|
};
|
|
87
|
-
}, [c]), /* @__PURE__ */ s(
|
|
88
|
-
|
|
86
|
+
}, [c]), /* @__PURE__ */ s(N, { id: "alxgrn-popup", children: /* @__PURE__ */ s(
|
|
87
|
+
T,
|
|
89
88
|
{
|
|
90
89
|
in: d,
|
|
91
|
-
timeout:
|
|
90
|
+
timeout: I,
|
|
92
91
|
unmountOnExit: !0,
|
|
93
92
|
classNames: "Popup",
|
|
94
93
|
nodeRef: a,
|
|
95
|
-
children: /* @__PURE__ */ s("div", { className: "Popup", style:
|
|
94
|
+
children: /* @__PURE__ */ s("div", { className: "Popup", style: v, children: /* @__PURE__ */ s("div", { className: "PopupInner", ref: a, style: E, children: w }) })
|
|
96
95
|
}
|
|
97
96
|
) });
|
|
98
97
|
};
|
|
99
98
|
export {
|
|
100
|
-
|
|
101
|
-
|
|
99
|
+
W as Popup,
|
|
100
|
+
W as default
|
|
102
101
|
};
|
|
@@ -0,0 +1,130 @@
|
|
|
1
|
+
import o from "./components/icons/AlignBottom.js";
|
|
2
|
+
import r from "./components/icons/AlignCenter.js";
|
|
3
|
+
import m from "./components/icons/AlignJustify.js";
|
|
4
|
+
import i from "./components/icons/AlignLeft.js";
|
|
5
|
+
import t from "./components/icons/AlignMiddle.js";
|
|
6
|
+
import e from "./components/icons/AlignRight.js";
|
|
7
|
+
import f from "./components/icons/AlignTop.js";
|
|
8
|
+
import p from "./components/icons/Asterisk.js";
|
|
9
|
+
import n from "./components/icons/Bold.js";
|
|
10
|
+
import l from "./components/icons/Book.js";
|
|
11
|
+
import a from "./components/icons/Calendar.js";
|
|
12
|
+
import d from "./components/icons/CellsMerge.js";
|
|
13
|
+
import g from "./components/icons/CellsSplit.js";
|
|
14
|
+
import s from "./components/icons/ChevronLeft.js";
|
|
15
|
+
import u from "./components/icons/ChevronRight.js";
|
|
16
|
+
import h from "./components/icons/Clock.js";
|
|
17
|
+
import C from "./components/icons/Code.js";
|
|
18
|
+
import A from "./components/icons/CodeXml.js";
|
|
19
|
+
import c from "./components/icons/ColumnInsertAfter.js";
|
|
20
|
+
import S from "./components/icons/ColumnInsertBefore.js";
|
|
21
|
+
import k from "./components/icons/Expand.js";
|
|
22
|
+
import H from "./components/icons/Feather.js";
|
|
23
|
+
import I from "./components/icons/Files.js";
|
|
24
|
+
import L from "./components/icons/Film.js";
|
|
25
|
+
import M from "./components/icons/FlipVertical.js";
|
|
26
|
+
import R from "./components/icons/Forum.js";
|
|
27
|
+
import T from "./components/icons/Gamepad.js";
|
|
28
|
+
import b from "./components/icons/Heading.js";
|
|
29
|
+
import B from "./components/icons/Heading1.js";
|
|
30
|
+
import F from "./components/icons/Heading2.js";
|
|
31
|
+
import w from "./components/icons/Heading3.js";
|
|
32
|
+
import x from "./components/icons/Heading4.js";
|
|
33
|
+
import y from "./components/icons/Heading5.js";
|
|
34
|
+
import U from "./components/icons/Heading6.js";
|
|
35
|
+
import _ from "./components/icons/Image.js";
|
|
36
|
+
import v from "./components/icons/IndentDecrease.js";
|
|
37
|
+
import z from "./components/icons/Italic.js";
|
|
38
|
+
import O from "./components/icons/JoinUp.js";
|
|
39
|
+
import P from "./components/icons/Link.js";
|
|
40
|
+
import j from "./components/icons/List.js";
|
|
41
|
+
import D from "./components/icons/ListOrdered.js";
|
|
42
|
+
import J from "./components/icons/Maximize.js";
|
|
43
|
+
import q from "./components/icons/Menu.js";
|
|
44
|
+
import E from "./components/icons/Minimize.js";
|
|
45
|
+
import G from "./components/icons/Pilcrow.js";
|
|
46
|
+
import Q from "./components/icons/Plus.js";
|
|
47
|
+
import V from "./components/icons/Quote.js";
|
|
48
|
+
import X from "./components/icons/Redo.js";
|
|
49
|
+
import K from "./components/icons/Rocket.js";
|
|
50
|
+
import N from "./components/icons/RowInsertAfter.js";
|
|
51
|
+
import W from "./components/icons/RowInsertBefore.js";
|
|
52
|
+
import Y from "./components/icons/ShowSidebar.js";
|
|
53
|
+
import Z from "./components/icons/Shrink.js";
|
|
54
|
+
import $ from "./components/icons/SquareDashed.js";
|
|
55
|
+
import oo from "./components/icons/Strikethrough.js";
|
|
56
|
+
import ro from "./components/icons/Table.js";
|
|
57
|
+
import mo from "./components/icons/TelefragLogo.js";
|
|
58
|
+
import io from "./components/icons/Trash.js";
|
|
59
|
+
import to from "./components/icons/Type.js";
|
|
60
|
+
import eo from "./components/icons/Underline.js";
|
|
61
|
+
import fo from "./components/icons/Undo.js";
|
|
62
|
+
import po from "./components/icons/Users.js";
|
|
63
|
+
const Ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
64
|
+
__proto__: null,
|
|
65
|
+
AlignBottom: o,
|
|
66
|
+
AlignCenter: r,
|
|
67
|
+
AlignJustify: m,
|
|
68
|
+
AlignLeft: i,
|
|
69
|
+
AlignMiddle: t,
|
|
70
|
+
AlignRight: e,
|
|
71
|
+
AlignTop: f,
|
|
72
|
+
Asterisk: p,
|
|
73
|
+
Bold: n,
|
|
74
|
+
Book: l,
|
|
75
|
+
Calendar: a,
|
|
76
|
+
CellsMerge: d,
|
|
77
|
+
CellsSplit: g,
|
|
78
|
+
ChevronLeft: s,
|
|
79
|
+
ChevronRight: u,
|
|
80
|
+
Clock: h,
|
|
81
|
+
Code: C,
|
|
82
|
+
CodeXml: A,
|
|
83
|
+
ColumnInsertAfter: c,
|
|
84
|
+
ColumnInsertBefore: S,
|
|
85
|
+
Expand: k,
|
|
86
|
+
Feather: H,
|
|
87
|
+
Files: I,
|
|
88
|
+
Film: L,
|
|
89
|
+
FlipVertical: M,
|
|
90
|
+
Forum: R,
|
|
91
|
+
Gamepad: T,
|
|
92
|
+
Heading: b,
|
|
93
|
+
Heading1: B,
|
|
94
|
+
Heading2: F,
|
|
95
|
+
Heading3: w,
|
|
96
|
+
Heading4: x,
|
|
97
|
+
Heading5: y,
|
|
98
|
+
Heading6: U,
|
|
99
|
+
Image: _,
|
|
100
|
+
IndentDecrease: v,
|
|
101
|
+
Italic: z,
|
|
102
|
+
JoinUp: O,
|
|
103
|
+
Link: P,
|
|
104
|
+
List: j,
|
|
105
|
+
ListOrdered: D,
|
|
106
|
+
Maximize: J,
|
|
107
|
+
Menu: q,
|
|
108
|
+
Minimize: E,
|
|
109
|
+
Pilcrow: G,
|
|
110
|
+
Plus: Q,
|
|
111
|
+
Quote: V,
|
|
112
|
+
Redo: X,
|
|
113
|
+
Rocket: K,
|
|
114
|
+
RowInsertAfter: N,
|
|
115
|
+
RowInsertBefore: W,
|
|
116
|
+
ShowSidebar: Y,
|
|
117
|
+
Shrink: Z,
|
|
118
|
+
SquareDashed: $,
|
|
119
|
+
Strikethrough: oo,
|
|
120
|
+
Table: ro,
|
|
121
|
+
TelefragLogo: mo,
|
|
122
|
+
Trash: io,
|
|
123
|
+
Type: to,
|
|
124
|
+
Underline: eo,
|
|
125
|
+
Undo: fo,
|
|
126
|
+
Users: po
|
|
127
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
128
|
+
export {
|
|
129
|
+
Ar as i
|
|
130
|
+
};
|
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-2Dtbwxm_.js";
|
|
36
36
|
export {
|
|
37
37
|
$ as Alert,
|
|
38
38
|
q as Block,
|
package/package.json
CHANGED
package/dist/index-C_i0gqOs.js
DELETED
|
@@ -1,126 +0,0 @@
|
|
|
1
|
-
import o from "./components/icons/AlignBottom.js";
|
|
2
|
-
import r from "./components/icons/AlignCenter.js";
|
|
3
|
-
import m from "./components/icons/AlignJustify.js";
|
|
4
|
-
import i from "./components/icons/AlignLeft.js";
|
|
5
|
-
import t from "./components/icons/AlignMiddle.js";
|
|
6
|
-
import e from "./components/icons/AlignRight.js";
|
|
7
|
-
import f from "./components/icons/AlignTop.js";
|
|
8
|
-
import p from "./components/icons/Asterisk.js";
|
|
9
|
-
import n from "./components/icons/Bold.js";
|
|
10
|
-
import l from "./components/icons/Book.js";
|
|
11
|
-
import a from "./components/icons/Calendar.js";
|
|
12
|
-
import d from "./components/icons/CellsMerge.js";
|
|
13
|
-
import g from "./components/icons/CellsSplit.js";
|
|
14
|
-
import s from "./components/icons/ChevronLeft.js";
|
|
15
|
-
import u from "./components/icons/ChevronRight.js";
|
|
16
|
-
import h from "./components/icons/Clock.js";
|
|
17
|
-
import C from "./components/icons/Code.js";
|
|
18
|
-
import A from "./components/icons/CodeXml.js";
|
|
19
|
-
import c from "./components/icons/ColumnInsertAfter.js";
|
|
20
|
-
import S from "./components/icons/ColumnInsertBefore.js";
|
|
21
|
-
import k from "./components/icons/Expand.js";
|
|
22
|
-
import H from "./components/icons/Feather.js";
|
|
23
|
-
import I from "./components/icons/Files.js";
|
|
24
|
-
import L from "./components/icons/Film.js";
|
|
25
|
-
import R from "./components/icons/FlipVertical.js";
|
|
26
|
-
import T from "./components/icons/Forum.js";
|
|
27
|
-
import b from "./components/icons/Gamepad.js";
|
|
28
|
-
import B from "./components/icons/Heading.js";
|
|
29
|
-
import F from "./components/icons/Heading1.js";
|
|
30
|
-
import w from "./components/icons/Heading2.js";
|
|
31
|
-
import y from "./components/icons/Heading3.js";
|
|
32
|
-
import M from "./components/icons/Heading4.js";
|
|
33
|
-
import U from "./components/icons/Heading5.js";
|
|
34
|
-
import _ from "./components/icons/Heading6.js";
|
|
35
|
-
import v from "./components/icons/Image.js";
|
|
36
|
-
import x from "./components/icons/IndentDecrease.js";
|
|
37
|
-
import O from "./components/icons/Italic.js";
|
|
38
|
-
import P from "./components/icons/JoinUp.js";
|
|
39
|
-
import j from "./components/icons/Link.js";
|
|
40
|
-
import D from "./components/icons/List.js";
|
|
41
|
-
import J from "./components/icons/ListOrdered.js";
|
|
42
|
-
import q from "./components/icons/Menu.js";
|
|
43
|
-
import z from "./components/icons/Pilcrow.js";
|
|
44
|
-
import E from "./components/icons/Plus.js";
|
|
45
|
-
import G from "./components/icons/Quote.js";
|
|
46
|
-
import Q from "./components/icons/Redo.js";
|
|
47
|
-
import V from "./components/icons/Rocket.js";
|
|
48
|
-
import X from "./components/icons/RowInsertAfter.js";
|
|
49
|
-
import K from "./components/icons/RowInsertBefore.js";
|
|
50
|
-
import N from "./components/icons/ShowSidebar.js";
|
|
51
|
-
import W from "./components/icons/Shrink.js";
|
|
52
|
-
import Y from "./components/icons/SquareDashed.js";
|
|
53
|
-
import Z from "./components/icons/Strikethrough.js";
|
|
54
|
-
import $ from "./components/icons/Table.js";
|
|
55
|
-
import oo from "./components/icons/TelefragLogo.js";
|
|
56
|
-
import ro from "./components/icons/Trash.js";
|
|
57
|
-
import mo from "./components/icons/Type.js";
|
|
58
|
-
import io from "./components/icons/Underline.js";
|
|
59
|
-
import to from "./components/icons/Undo.js";
|
|
60
|
-
import eo from "./components/icons/Users.js";
|
|
61
|
-
const sr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
62
|
-
__proto__: null,
|
|
63
|
-
AlignBottom: o,
|
|
64
|
-
AlignCenter: r,
|
|
65
|
-
AlignJustify: m,
|
|
66
|
-
AlignLeft: i,
|
|
67
|
-
AlignMiddle: t,
|
|
68
|
-
AlignRight: e,
|
|
69
|
-
AlignTop: f,
|
|
70
|
-
Asterisk: p,
|
|
71
|
-
Bold: n,
|
|
72
|
-
Book: l,
|
|
73
|
-
Calendar: a,
|
|
74
|
-
CellsMerge: d,
|
|
75
|
-
CellsSplit: g,
|
|
76
|
-
ChevronLeft: s,
|
|
77
|
-
ChevronRight: u,
|
|
78
|
-
Clock: h,
|
|
79
|
-
Code: C,
|
|
80
|
-
CodeXml: A,
|
|
81
|
-
ColumnInsertAfter: c,
|
|
82
|
-
ColumnInsertBefore: S,
|
|
83
|
-
Expand: k,
|
|
84
|
-
Feather: H,
|
|
85
|
-
Files: I,
|
|
86
|
-
Film: L,
|
|
87
|
-
FlipVertical: R,
|
|
88
|
-
Forum: T,
|
|
89
|
-
Gamepad: b,
|
|
90
|
-
Heading: B,
|
|
91
|
-
Heading1: F,
|
|
92
|
-
Heading2: w,
|
|
93
|
-
Heading3: y,
|
|
94
|
-
Heading4: M,
|
|
95
|
-
Heading5: U,
|
|
96
|
-
Heading6: _,
|
|
97
|
-
Image: v,
|
|
98
|
-
IndentDecrease: x,
|
|
99
|
-
Italic: O,
|
|
100
|
-
JoinUp: P,
|
|
101
|
-
Link: j,
|
|
102
|
-
List: D,
|
|
103
|
-
ListOrdered: J,
|
|
104
|
-
Menu: q,
|
|
105
|
-
Pilcrow: z,
|
|
106
|
-
Plus: E,
|
|
107
|
-
Quote: G,
|
|
108
|
-
Redo: Q,
|
|
109
|
-
Rocket: V,
|
|
110
|
-
RowInsertAfter: X,
|
|
111
|
-
RowInsertBefore: K,
|
|
112
|
-
ShowSidebar: N,
|
|
113
|
-
Shrink: W,
|
|
114
|
-
SquareDashed: Y,
|
|
115
|
-
Strikethrough: Z,
|
|
116
|
-
Table: $,
|
|
117
|
-
TelefragLogo: oo,
|
|
118
|
-
Trash: ro,
|
|
119
|
-
Type: mo,
|
|
120
|
-
Underline: io,
|
|
121
|
-
Undo: to,
|
|
122
|
-
Users: eo
|
|
123
|
-
}, Symbol.toStringTag, { value: "Module" }));
|
|
124
|
-
export {
|
|
125
|
-
sr as i
|
|
126
|
-
};
|