@alxgrn/telefrag-ui 0.0.14 → 0.0.16
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/Content.css +1 -1
- package/dist/assets/MainMenu.css +1 -1
- package/dist/assets/Page.css +1 -1
- package/dist/components/layout/Content.d.ts +3 -1
- package/dist/components/layout/Content.js +4 -4
- package/dist/components/layout/Layout.d.ts +3 -1
- package/dist/components/layout/Layout.js +26 -20
- package/dist/components/layout/MainMenu.d.ts +18 -2
- package/dist/components/layout/MainMenu.js +19 -34
- package/dist/index-BYwt_Akn.js +28 -0
- package/dist/main.d.ts +6 -4
- package/dist/main.js +18 -16
- package/package.json +1 -1
package/dist/assets/Content.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.Content{display:flex;align-items:stretch;gap:var(--alxgrn-unit);max-width:var(--alxgrn-layout-width);margin:0 auto;margin-top:calc(var(--alxgrn-unit-half) + var(--alxgrn-layout-header-height))}.Content .ContentMenu{flex:0 0 auto;width:var(--alxgrn-layout-menu-width);color:var(--alxgrn-color-text);background-color:var(--alxgrn-bg-main)}.Content .ContentMenu .ContentMenuInner{position:sticky;top:calc(var(--alxgrn-unit) + var(--alxgrn-layout-header-height))}.Content .ContentMain{flex:1 1 auto}@media (max-width: 1024px){.Content .ContentMenu{display:none}}@media (max-width: 768px){.Content{padding-left:0;padding-right:0}}
|
|
1
|
+
.Content{display:flex;align-items:stretch;gap:var(--alxgrn-unit);max-width:var(--alxgrn-layout-width);margin:0 auto;margin-top:calc(var(--alxgrn-unit-half) + var(--alxgrn-layout-header-height))}.Content .ContentMenu{flex:0 0 auto;width:var(--alxgrn-layout-menu-width);color:var(--alxgrn-color-text);background-color:var(--alxgrn-bg-main)}.Content .ContentMenu .ContentMenuInner{position:sticky;top:calc(var(--alxgrn-unit-half) + var(--alxgrn-layout-header-height))}.Content .ContentMain{flex:1 1 auto}@media (max-width: 1024px){.Content .ContentMenu{display:none}}@media (max-width: 768px){.Content{padding-left:0;padding-right:0}}
|
package/dist/assets/MainMenu.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
.MainMenu div{display:flex;align-items:center;gap:var(--alxgrn-unit-half);
|
|
1
|
+
.MainMenu div{display:flex;align-items:center;gap:var(--alxgrn-unit-half);cursor:pointer;padding:var(--alxgrn-unit-half);border-radius:var(--alxgrn-unit-half)}.MainMenu div:hover{background-color:var(--alxgrn-bg-panel)}.MainMenu div.MainMenuTitle{cursor:initial}.MainMenu div.MainMenuTitle:hover{background-color:unset}.MainMenu div:hover *{color:var(--alxgrn-color-accent)}.MainMenu div svg{font-size:var(--alxgrn-font-size-big)}.MainMenu div img{width:var(--alxgrn-font-size-big);height:var(--alxgrn-font-size-big);border-radius:50%;flex:0 0 auto}.MainMenu div span{font-size:var(--alxgrn-font-size);overflow-wrap:break-word;display:-webkit-box;line-clamp:1;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;flex:1 1 auto}.MainMenu div.MainMenuTitle span{text-transform:uppercase;font-size:var(--alxgrn-font-size-small);font-weight:600;color:var(--alxgrn-color-light)}.MainMenu div span.MainMenuCheck{display:block;width:var(--alxgrn-unit-half);height:var(--alxgrn-unit-half);border-radius:50%;background-color:var(--alxgrn-color-accent);flex:0 0 auto}
|
package/dist/assets/Page.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*{box-sizing:border-box;overflow-wrap:anywhere}:root{--alxgrn-unit: 16px;--alxgrn-unit-half: 8px;--alxgrn-unit-small: 4px;--alxgrn-unit-double: 32px;--alxgrn-unit-smallest: 2px;--alxgrn-animation-length: .15s;--alxgrn-font-size: 16px;--alxgrn-font-size-big: 20px;--alxgrn-font-size-large: 18px;--alxgrn-font-size-small: 14px;--alxgrn-line-height: 1.3;--alxgrn-font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--alxgrn-color-text: #555;--alxgrn-color-dark: var(--alxgrn-color-text);--alxgrn-color-light: lightslategrey;--alxgrn-color-error: firebrick;--alxgrn-color-accent: steelblue;--alxgrn-color-active: var(--alxgrn-color-text);--alxgrn-color-success: forestgreen;--alxgrn-color-scroll: #ccc;--alxgrn-bg-main: #eee;--alxgrn-bg-panel: #fff;--alxgrn-bg-modal: var(--alxgrn-bg-panel);--alxgrn-bg-popup: var(--alxgrn-bg-panel);--alxgrn-bg-dark: #888;--alxgrn-bg-light: rgba(119, 136, 153, .1);--alxgrn-bg-error: rgba(178, 34, 34, .1);--alxgrn-bg-accent: #ecf2f7;--alxgrn-bg-active: moccasin;--alxgrn-bg-success: rgba(34, 139, 34, .1);--alxgrn-border-dark: rgba(136, 136, 136, 1);--alxgrn-border-light: rgba(119, 136, 153, 1);--alxgrn-border-error: rgba(178, 34, 34, 1);--alxgrn-border-accent: rgba(70, 130, 180, 1);--alxgrn-border-active: moccasin;--alxgrn-border-success: rgba(34, 139, 34, 1)}[data-theme=dark]{--alxgrn-color-text: #999;--alxgrn-color-light: #666;--alxgrn-color-scroll: var(--alxgrn-bg-active);--alxgrn-bg-main: #111;--alxgrn-bg-panel: #222;--alxgrn-bg-modal: #222;--alxgrn-bg-popup: #333;--alxgrn-bg-accent: #333b3f;--alxgrn-bg-active: #444;--alxgrn-border-dark: rgba(136, 136, 136, .5);--alxgrn-border-light: rgba(119, 136, 153, .5);--alxgrn-border-error: rgba(178, 34, 34, .5);--alxgrn-border-accent: rgba(70, 130, 180, .5);--alxgrn-border-active: rgba(255, 228, 181, .5);--alxgrn-border-success: rgba(34, 139, 34, .5)}.Scrollbar::-webkit-scrollbar{width:var(--alxgrn-unit-small);height:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-thumb{background-color:var(--alxgrn-color-scroll);border-radius:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-corner{background-color:transparent}:root{--alxgrn-form-width: 512px;--alxgrn-form-width-wide: 1024px}.Form{max-width:var(--alxgrn-form-width)}.Form.FormWide{max-width:var(--alxgrn-form-width-wide)}.Form *{font-size:inherit;line-height:inherit;font-family:inherit;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.Form .FormItem{display:block;margin:var(--alxgrn-unit) 0}.FormSubmitButtons{margin-top:var(--alxgrn-unit-double);margin-bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:var(--alxgrn-unit)}:root{--alxgrn-layout-width: 1024px;--alxgrn-layout-menu-width:
|
|
1
|
+
*{box-sizing:border-box;overflow-wrap:anywhere}:root{--alxgrn-unit: 16px;--alxgrn-unit-half: 8px;--alxgrn-unit-small: 4px;--alxgrn-unit-double: 32px;--alxgrn-unit-smallest: 2px;--alxgrn-animation-length: .15s;--alxgrn-font-size: 16px;--alxgrn-font-size-big: 20px;--alxgrn-font-size-large: 18px;--alxgrn-font-size-small: 14px;--alxgrn-line-height: 1.3;--alxgrn-font-family: Inter, system-ui, Avenir, Helvetica, Arial, sans-serif;--alxgrn-color-text: #555;--alxgrn-color-dark: var(--alxgrn-color-text);--alxgrn-color-light: lightslategrey;--alxgrn-color-error: firebrick;--alxgrn-color-accent: steelblue;--alxgrn-color-active: var(--alxgrn-color-text);--alxgrn-color-success: forestgreen;--alxgrn-color-scroll: #ccc;--alxgrn-bg-main: #eee;--alxgrn-bg-panel: #fff;--alxgrn-bg-modal: var(--alxgrn-bg-panel);--alxgrn-bg-popup: var(--alxgrn-bg-panel);--alxgrn-bg-dark: #888;--alxgrn-bg-light: rgba(119, 136, 153, .1);--alxgrn-bg-error: rgba(178, 34, 34, .1);--alxgrn-bg-accent: #ecf2f7;--alxgrn-bg-active: moccasin;--alxgrn-bg-success: rgba(34, 139, 34, .1);--alxgrn-border-dark: rgba(136, 136, 136, 1);--alxgrn-border-light: rgba(119, 136, 153, 1);--alxgrn-border-error: rgba(178, 34, 34, 1);--alxgrn-border-accent: rgba(70, 130, 180, 1);--alxgrn-border-active: moccasin;--alxgrn-border-success: rgba(34, 139, 34, 1)}[data-theme=dark]{--alxgrn-color-text: #999;--alxgrn-color-light: #666;--alxgrn-color-scroll: var(--alxgrn-bg-active);--alxgrn-bg-main: #111;--alxgrn-bg-panel: #222;--alxgrn-bg-modal: #222;--alxgrn-bg-popup: #333;--alxgrn-bg-accent: #333b3f;--alxgrn-bg-active: #444;--alxgrn-border-dark: rgba(136, 136, 136, .5);--alxgrn-border-light: rgba(119, 136, 153, .5);--alxgrn-border-error: rgba(178, 34, 34, .5);--alxgrn-border-accent: rgba(70, 130, 180, .5);--alxgrn-border-active: rgba(255, 228, 181, .5);--alxgrn-border-success: rgba(34, 139, 34, .5)}.Scrollbar::-webkit-scrollbar{width:var(--alxgrn-unit-small);height:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-track{background-color:transparent;border-radius:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-thumb{background-color:var(--alxgrn-color-scroll);border-radius:var(--alxgrn-unit-small)}.Scrollbar::-webkit-scrollbar-corner{background-color:transparent}:root{--alxgrn-form-width: 512px;--alxgrn-form-width-wide: 1024px}.Form{max-width:var(--alxgrn-form-width)}.Form.FormWide{max-width:var(--alxgrn-form-width-wide)}.Form *{font-size:inherit;line-height:inherit;font-family:inherit;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.Form .FormItem{display:block;margin:var(--alxgrn-unit) 0}.FormSubmitButtons{margin-top:var(--alxgrn-unit-double);margin-bottom:0;display:flex;flex-wrap:nowrap;justify-content:space-between;gap:var(--alxgrn-unit)}:root{--alxgrn-layout-width: 1024px;--alxgrn-layout-menu-width: 200px;--alxgrn-layout-header-height: calc(3 * var(--alxgrn-unit))}.LayoutSidebarShow{display:none}@media (max-width: 768px){.LayoutSidebarShow{display:initial}}.Page{display:flex;flex-direction:column;gap:var(--alxgrn-unit)}.Page .PageBody{display:flex;gap:var(--alxgrn-unit);align-items:stretch}.Page .PageBody .PageContent{flex:1 1 auto}.Page .PageBody .PageSidebar{flex:0 0 auto;width:33%;display:flex;align-items:flex-end}.Page .PageBody .PageSidebar .PageSidebarInner{width:100%;position:sticky;bottom:var(--alxgrn-unit);min-height:calc(100vh - var(--alxgrn-layout-header-height) - var(--alxgrn-unit))}@media (max-width: 768px){.Page .PageBody .PageSidebar{display:none}}
|
|
@@ -1,6 +1,8 @@
|
|
|
1
1
|
import { FC, PropsWithChildren } from 'react';
|
|
2
|
+
import { MainMenuItem } from './MainMenu';
|
|
2
3
|
type Props = {
|
|
3
|
-
|
|
4
|
+
mainMenu: MainMenuItem[];
|
|
5
|
+
onMenuClick?: (id: string) => void;
|
|
4
6
|
};
|
|
5
7
|
declare const Content: FC<PropsWithChildren<Props>>;
|
|
6
8
|
export default Content;
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import { jsxs as a, jsx as n } from "react/jsx-runtime";
|
|
2
|
-
import
|
|
2
|
+
import i from "./MainMenu.js";
|
|
3
3
|
import '../../assets/Content.css';/* empty css */
|
|
4
|
-
const
|
|
5
|
-
/* @__PURE__ */ n("div", { className: "ContentMenu", children: /* @__PURE__ */ n("div", { className: "ContentMenuInner", children: /* @__PURE__ */ n(
|
|
4
|
+
const c = ({ children: e, mainMenu: t, onMenuClick: s }) => /* @__PURE__ */ a("main", { className: "Content", children: [
|
|
5
|
+
/* @__PURE__ */ n("div", { className: "ContentMenu", children: /* @__PURE__ */ n("div", { className: "ContentMenuInner", children: /* @__PURE__ */ n(i, { items: t, onMenuClick: s }) }) }),
|
|
6
6
|
/* @__PURE__ */ n("div", { className: "ContentMain", children: e })
|
|
7
7
|
] });
|
|
8
8
|
export {
|
|
9
|
-
|
|
9
|
+
c as default
|
|
10
10
|
};
|
|
@@ -1,8 +1,10 @@
|
|
|
1
1
|
import { default as React, FC, PropsWithChildren } from 'react';
|
|
2
|
+
import { MainMenuItem } from './MainMenu';
|
|
2
3
|
type Props = {
|
|
4
|
+
mainMenu: MainMenuItem[];
|
|
3
5
|
userMenu: React.ReactNode;
|
|
4
6
|
onLogoClick?: () => void;
|
|
5
|
-
onMenuClick?: (id:
|
|
7
|
+
onMenuClick?: (id: string) => void;
|
|
6
8
|
};
|
|
7
9
|
declare const Layout: FC<PropsWithChildren<Props>>;
|
|
8
10
|
export default Layout;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import { jsxs as
|
|
1
|
+
import { jsxs as f, jsx as o } from "react/jsx-runtime";
|
|
2
2
|
import { useState as n } from "react";
|
|
3
|
-
import
|
|
4
|
-
import
|
|
5
|
-
import
|
|
3
|
+
import l from "./Header.js";
|
|
4
|
+
import u from "./Footer.js";
|
|
5
|
+
import d from "./Content.js";
|
|
6
6
|
import '../../assets/Editable.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/Select.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.css';import '../../assets/Time.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Button.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/Popup.css';import '../../assets/Page.css';/* empty css */
|
|
7
7
|
import "react-children-utilities";
|
|
8
8
|
import "react-transition-group";
|
|
@@ -26,34 +26,40 @@ import "react-dom";
|
|
|
26
26
|
/* empty css */
|
|
27
27
|
/* empty css */
|
|
28
28
|
/* empty css */
|
|
29
|
-
import { Sidebar as
|
|
29
|
+
import { Sidebar as c } from "../ui/sidebar/Sidebar.js";
|
|
30
30
|
/* empty css */
|
|
31
|
-
import
|
|
32
|
-
const
|
|
33
|
-
const [
|
|
34
|
-
return /* @__PURE__ */
|
|
31
|
+
import b from "./MainMenu.js";
|
|
32
|
+
const W = ({ children: p, mainMenu: m, userMenu: e, onLogoClick: s, onMenuClick: r }) => {
|
|
33
|
+
const [a, t] = n(!1);
|
|
34
|
+
return /* @__PURE__ */ f("div", { className: "Layout", children: [
|
|
35
35
|
/* @__PURE__ */ o(
|
|
36
|
-
|
|
36
|
+
l,
|
|
37
37
|
{
|
|
38
|
-
userMenu:
|
|
38
|
+
userMenu: e,
|
|
39
39
|
onMenuSwitch: () => t((i) => !i),
|
|
40
|
-
onLogoClick:
|
|
40
|
+
onLogoClick: s
|
|
41
41
|
}
|
|
42
42
|
),
|
|
43
|
-
/* @__PURE__ */ o(
|
|
44
|
-
/* @__PURE__ */ o(
|
|
43
|
+
/* @__PURE__ */ o(d, { mainMenu: m, onMenuClick: r, children: p }),
|
|
44
|
+
/* @__PURE__ */ o(u, {}),
|
|
45
45
|
/* @__PURE__ */ o(
|
|
46
|
-
|
|
46
|
+
c,
|
|
47
47
|
{
|
|
48
|
-
isOpen:
|
|
48
|
+
isOpen: a,
|
|
49
49
|
onClose: () => t(!1),
|
|
50
|
-
children: /* @__PURE__ */ o(
|
|
51
|
-
|
|
52
|
-
|
|
50
|
+
children: /* @__PURE__ */ o(
|
|
51
|
+
b,
|
|
52
|
+
{
|
|
53
|
+
items: m,
|
|
54
|
+
onMenuClick: (i) => {
|
|
55
|
+
t(!1), r && r(i);
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
)
|
|
53
59
|
}
|
|
54
60
|
)
|
|
55
61
|
] });
|
|
56
62
|
};
|
|
57
63
|
export {
|
|
58
|
-
|
|
64
|
+
W as default
|
|
59
65
|
};
|
|
@@ -1,6 +1,22 @@
|
|
|
1
|
-
import { FC } from 'react';
|
|
1
|
+
import { FC, ReactNode } from 'react';
|
|
2
|
+
export type MainMenuTitle = {
|
|
3
|
+
id?: never;
|
|
4
|
+
text?: never;
|
|
5
|
+
icon?: never;
|
|
6
|
+
title: string;
|
|
7
|
+
checked?: never;
|
|
8
|
+
};
|
|
9
|
+
export type MainMenuAlternative = {
|
|
10
|
+
id: string;
|
|
11
|
+
text: string;
|
|
12
|
+
icon: ReactNode;
|
|
13
|
+
title?: never;
|
|
14
|
+
checked?: boolean;
|
|
15
|
+
};
|
|
16
|
+
export type MainMenuItem = MainMenuTitle | MainMenuAlternative;
|
|
2
17
|
type Props = {
|
|
3
|
-
|
|
18
|
+
items: MainMenuItem[];
|
|
19
|
+
onMenuClick?: (id: string) => void;
|
|
4
20
|
};
|
|
5
21
|
declare const MainMenu: FC<Props>;
|
|
6
22
|
export default MainMenu;
|
|
@@ -1,37 +1,22 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import e from "../icons/Calendar.js";
|
|
3
|
-
import n from "../icons/Files.js";
|
|
4
|
-
import c from "../icons/Gamepad.js";
|
|
5
|
-
import s from "../icons/Rocket.js";
|
|
6
|
-
import "react";
|
|
7
|
-
import a from "../icons/Users.js";
|
|
1
|
+
import { jsx as e, jsxs as s, Fragment as c } from "react/jsx-runtime";
|
|
8
2
|
import '../../assets/MainMenu.css';/* empty css */
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
}, {
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
}
|
|
26
|
-
id: "calendar",
|
|
27
|
-
text: "Календарь",
|
|
28
|
-
icon: /* @__PURE__ */ i(e, {})
|
|
29
|
-
}], M = ({ onMenuClick: r }) => /* @__PURE__ */ i("div", { className: "MainMenu", children: d.map((o) => /* @__PURE__ */ t("div", { onClick: () => {
|
|
30
|
-
r && r(o.id);
|
|
31
|
-
}, children: [
|
|
32
|
-
o.icon,
|
|
33
|
-
/* @__PURE__ */ i("span", { children: o.text })
|
|
34
|
-
] }, o.id)) });
|
|
3
|
+
const o = ({ items: i, onMenuClick: a }) => /* @__PURE__ */ e("div", { className: "MainMenu", children: i.map((n, l) => /* @__PURE__ */ s(
|
|
4
|
+
"div",
|
|
5
|
+
{
|
|
6
|
+
onClick: () => {
|
|
7
|
+
a && n.id && a(n.id);
|
|
8
|
+
},
|
|
9
|
+
className: n.title ? "MainMenuTitle" : void 0,
|
|
10
|
+
children: [
|
|
11
|
+
n.title ? /* @__PURE__ */ e("span", { className: "one-line", children: n.title }) : /* @__PURE__ */ s(c, { children: [
|
|
12
|
+
n.icon,
|
|
13
|
+
/* @__PURE__ */ e("span", { className: "one-line", children: n.text })
|
|
14
|
+
] }),
|
|
15
|
+
n.checked && /* @__PURE__ */ e("span", { className: "MainMenuCheck" })
|
|
16
|
+
]
|
|
17
|
+
},
|
|
18
|
+
l
|
|
19
|
+
)) });
|
|
35
20
|
export {
|
|
36
|
-
|
|
21
|
+
o as default
|
|
37
22
|
};
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import o from "./components/icons/Asterisk.js";
|
|
2
|
+
import r from "./components/icons/Calendar.js";
|
|
3
|
+
import e from "./components/icons/ChevronLeft.js";
|
|
4
|
+
import m from "./components/icons/ChevronRight.js";
|
|
5
|
+
import t from "./components/icons/Files.js";
|
|
6
|
+
import i from "./components/icons/Gamepad.js";
|
|
7
|
+
import f from "./components/icons/Menu.js";
|
|
8
|
+
import p from "./components/icons/Plus.js";
|
|
9
|
+
import l from "./components/icons/Rocket.js";
|
|
10
|
+
import n from "./components/icons/TelefragLogo.js";
|
|
11
|
+
import a from "./components/icons/Users.js";
|
|
12
|
+
const k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
|
|
13
|
+
__proto__: null,
|
|
14
|
+
Asterisk: o,
|
|
15
|
+
Calendar: r,
|
|
16
|
+
ChevronLeft: e,
|
|
17
|
+
ChevronRight: m,
|
|
18
|
+
Files: t,
|
|
19
|
+
Gamepad: i,
|
|
20
|
+
Menu: f,
|
|
21
|
+
Plus: p,
|
|
22
|
+
Rocket: l,
|
|
23
|
+
TelefragLogo: n,
|
|
24
|
+
Users: a
|
|
25
|
+
}, Symbol.toStringTag, { value: "Module" }));
|
|
26
|
+
export {
|
|
27
|
+
k as i
|
|
28
|
+
};
|
package/dist/main.d.ts
CHANGED
|
@@ -9,10 +9,10 @@ import { default as Input } from './components/form/input/Input';
|
|
|
9
9
|
import { default as Label } from './components/form/label/Label';
|
|
10
10
|
import { RadioList, RadioListOption, RadioListValue } from './components/form/radio/RadioList';
|
|
11
11
|
import { Button, ButtonType } from './components/form/button/Button';
|
|
12
|
-
import {
|
|
12
|
+
import { Select, SelectOption } from './components/form/select/Select';
|
|
13
13
|
import { default as Hidden } from './components/form/hidden/Hidden';
|
|
14
14
|
import { default as Checkbox } from './components/form/checkbox/Checkbox';
|
|
15
|
-
import {
|
|
15
|
+
import { CheckboxList, CheckboxListOption } from './components/form/checkbox/CheckboxList';
|
|
16
16
|
import { default as Fieldset } from './components/form/fieldset/Fieldset';
|
|
17
17
|
import { Menu, MenuItem } from './components/ui/menu/Menu';
|
|
18
18
|
import { default as Block } from './components/ui/block/Block';
|
|
@@ -28,6 +28,8 @@ import { default as Prompt } from './components/ui/prompt/Prompt';
|
|
|
28
28
|
import { default as Sidebar } from './components/ui/sidebar/Sidebar';
|
|
29
29
|
import { default as Editable } from './components/ui/editable/Editable';
|
|
30
30
|
import { default as Layout } from './components/layout/Layout';
|
|
31
|
+
import { MainMenuItem } from './components/layout/MainMenu';
|
|
31
32
|
import { default as Page } from './components/layout/Page';
|
|
32
|
-
|
|
33
|
-
export
|
|
33
|
+
import * as Icons from './components/icons';
|
|
34
|
+
export { Form, Date, Time, Files, Input, Label, RadioList, Button, Select, Hidden, Checkbox, CheckboxList, Fieldset, FormRow, FormCol, DatePicker, Menu, Block, Panel, Modal, Overlay, Popup, Portal, Message, Alert, Confirm, Prompt, Sidebar, Editable, Layout, Page, Icons, };
|
|
35
|
+
export type { FormData, MainMenuItem, MenuItem, ModalProps, ButtonType, CheckboxListOption, RadioListOption, RadioListValue, SelectOption, };
|
package/dist/main.js
CHANGED
|
@@ -3,19 +3,19 @@ import { Form as t } from "./components/form/form/Form.js";
|
|
|
3
3
|
import { default as f } from "./components/form/form/FormRow.js";
|
|
4
4
|
import { default as p } from "./components/form/form/FormCol.js";
|
|
5
5
|
import { default as l } from "./components/form/date/Date.js";
|
|
6
|
-
import { default as
|
|
6
|
+
import { default as d } from "./components/form/date/DatePicker.js";
|
|
7
7
|
import { default as i } from "./components/form/time/Time.js";
|
|
8
|
-
import { Files as
|
|
9
|
-
import { default as
|
|
8
|
+
import { Files as c } from "./components/form/files/Files.js";
|
|
9
|
+
import { default as b } from "./components/form/input/Input.js";
|
|
10
10
|
import { default as k } from "./components/form/label/Label.js";
|
|
11
11
|
import { RadioList as L } from "./components/form/radio/RadioList.js";
|
|
12
12
|
import { Button as g } from "./components/form/button/Button.js";
|
|
13
13
|
import { Select as y } from "./components/form/select/Select.js";
|
|
14
14
|
import { default as D } from "./components/form/hidden/Hidden.js";
|
|
15
|
-
import { default as
|
|
16
|
-
import { CheckboxList as
|
|
17
|
-
import { default as
|
|
18
|
-
import { Menu as
|
|
15
|
+
import { default as R } from "./components/form/checkbox/Checkbox.js";
|
|
16
|
+
import { CheckboxList as v } from "./components/form/checkbox/CheckboxList.js";
|
|
17
|
+
import { default as A } from "./components/form/fieldset/Fieldset.js";
|
|
18
|
+
import { Menu as H } from "./components/ui/menu/Menu.js";
|
|
19
19
|
import { default as T } from "./components/ui/block/Block.js";
|
|
20
20
|
import { default as q } from "./components/ui/panel/Panel.js";
|
|
21
21
|
import { Modal as G } from "./components/ui/modal/Modal.js";
|
|
@@ -25,31 +25,33 @@ import { default as V } from "./components/ui/portal/Portal.js";
|
|
|
25
25
|
import { default as X } from "./components/ui/message/Message.js";
|
|
26
26
|
import { default as Z } from "./components/ui/alert/Alert.js";
|
|
27
27
|
import { default as $ } from "./components/ui/confirm/Confirm.js";
|
|
28
|
-
import { default as
|
|
28
|
+
import { default as ro } from "./components/ui/prompt/Prompt.js";
|
|
29
29
|
import { Sidebar as to } from "./components/ui/sidebar/Sidebar.js";
|
|
30
30
|
import { default as fo } from "./components/ui/editable/Editable.js";
|
|
31
31
|
import { default as po } from "./components/layout/Layout.js";
|
|
32
32
|
import { default as lo } from "./components/layout/Page.js";
|
|
33
|
+
import { i as uo } from "./index-BYwt_Akn.js";
|
|
33
34
|
export {
|
|
34
35
|
Z as Alert,
|
|
35
36
|
T as Block,
|
|
36
37
|
g as Button,
|
|
37
|
-
|
|
38
|
-
|
|
38
|
+
R as Checkbox,
|
|
39
|
+
v as CheckboxList,
|
|
39
40
|
$ as Confirm,
|
|
40
41
|
l as Date,
|
|
41
|
-
|
|
42
|
+
d as DatePicker,
|
|
42
43
|
fo as Editable,
|
|
43
|
-
|
|
44
|
-
|
|
44
|
+
A as Fieldset,
|
|
45
|
+
c as Files,
|
|
45
46
|
t as Form,
|
|
46
47
|
p as FormCol,
|
|
47
48
|
f as FormRow,
|
|
48
49
|
D as Hidden,
|
|
49
|
-
|
|
50
|
+
uo as Icons,
|
|
51
|
+
b as Input,
|
|
50
52
|
k as Label,
|
|
51
53
|
po as Layout,
|
|
52
|
-
|
|
54
|
+
H as Menu,
|
|
53
55
|
X as Message,
|
|
54
56
|
G as Modal,
|
|
55
57
|
K as Overlay,
|
|
@@ -57,7 +59,7 @@ export {
|
|
|
57
59
|
q as Panel,
|
|
58
60
|
Q as Popup,
|
|
59
61
|
V as Portal,
|
|
60
|
-
|
|
62
|
+
ro as Prompt,
|
|
61
63
|
L as RadioList,
|
|
62
64
|
y as Select,
|
|
63
65
|
to as Sidebar,
|
package/package.json
CHANGED