@alxgrn/telefrag-ui 0.0.64 → 0.1.2

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.
Files changed (10) hide show
  1. package/dist/components/form/form/Form.js +70 -75
  2. package/dist/components/form/form/traverse.d.ts +6 -0
  3. package/dist/components/form/form/traverse.js +24 -0
  4. package/dist/components/form/image/Image.js +7 -8
  5. package/dist/components/form/select/Select.js +7 -8
  6. package/dist/components/form/time/Time.js +15 -16
  7. package/dist/components/layout/Layout.js +5 -6
  8. package/dist/components/layout/Page.js +5 -6
  9. package/dist/components/layout/PageHeader.js +5 -6
  10. package/package.json +1 -2
package/dist/components/form/form/Form.js CHANGED
@@ -1,8 +1,9 @@
1
- import { jsxs as h, jsx as n } from "react/jsx-runtime";
1
+ import { jsxs as b, jsx as m } from "react/jsx-runtime";
2
2
  import { useState as q, useEffect as H } from "react";
3
- import { deepForEach as y } from "react-children-utilities";
4
- import x, { isValidDate as R } from "../date/Date.js";
5
- import { Select as F } from "../select/Select.js";
3
+ import h, { isValidDate as R } from "../date/Date.js";
4
+ import { RadioList as x } from "../radio/RadioList.js";
5
+ import { Select as y } from "../select/Select.js";
6
+ import { CheckboxList as F } from "../checkbox/CheckboxList.js";
6
7
  import { Button as C } from "../button/Button.js";
7
8
  import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Expandable.css';import '../../../assets/Editable.css';import '../../../assets/Toolbar.css';import '../../../assets/Sidebar.css';import '../../../assets/Scroll.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Menu.css';import '../../../assets/Popup.css';import '../../../assets/Fieldset.css';import '../../../assets/Label.css';import '../../../assets/RequiredMark.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/PageHeader.css';/* empty css */
8
9
  /* empty css */
@@ -10,16 +11,14 @@ import '../../../assets/Content.css';import '../../../assets/MainMenu.css';impor
10
11
  /* empty css */
11
12
  /* empty css */
12
13
  /* empty css */
13
- import T from "../time/Time.js";
14
- import { Files as E } from "../files/Files.js";
15
- import { Image as I } from "../image/Image.js";
16
- import g from "../input/Input.js";
14
+ import I from "../time/Time.js";
15
+ import { Files as g } from "../files/Files.js";
16
+ import { Image as D } from "../image/Image.js";
17
+ import E from "../input/Input.js";
17
18
  /* empty css */
18
19
  /* empty css */
19
- import { RadioList as D } from "../radio/RadioList.js";
20
- import V from "../hidden/Hidden.js";
20
+ import T from "../hidden/Hidden.js";
21
21
  import B from "../checkbox/Checkbox.js";
22
- import { CheckboxList as S } from "../checkbox/CheckboxList.js";
23
22
  /* empty css */
24
23
  import "react-transition-group";
25
24
  import "react-dom";
@@ -38,12 +37,13 @@ import l from "../../ui/block/Block.js";
38
37
  /* empty css */
39
38
  /* empty css */
40
39
  /* empty css */
41
- const De = ({
42
- info: d,
43
- error: k,
44
- success: b,
45
- submit: m,
46
- cancel: u,
40
+ import S from "./traverse.js";
41
+ const Eo = ({
42
+ info: u,
43
+ error: d,
44
+ success: k,
45
+ submit: p,
46
+ cancel: f,
47
47
  submitType: j = "Accent",
48
48
  cancelType: w = "Error",
49
49
  wide: A,
@@ -53,99 +53,94 @@ const De = ({
53
53
  }) => {
54
54
  const [N, i] = q(!1);
55
55
  return H(() => {
56
- m && (i(!1), y(c, (r) => {
57
- if (!r) return;
58
- const o = r;
59
- if (typeof o.type != "function") return;
60
- const e = o.props;
56
+ p && (i(!1), S(c, (r) => {
57
+ const e = r.props;
61
58
  if (e.required)
62
- switch (o.type) {
63
- case g:
59
+ switch (r.type) {
60
+ case I:
61
+ case E:
64
62
  e.value.trim() || i(!0);
65
63
  break;
66
64
  case B:
67
65
  e.checked || i(!0);
68
66
  break;
69
- case F:
67
+ case y:
70
68
  {
71
- const p = e.value;
72
- e.options.findIndex((a) => a.value === p) < 0 && i(!0);
69
+ const s = e.value;
70
+ e.options.findIndex((a) => a.value === s) < 0 && i(!0);
73
71
  }
74
72
  break;
75
- case D:
73
+ case x:
76
74
  {
77
- const p = e.value;
78
- e.options.findIndex((a) => a.value === p) < 0 && i(!0);
75
+ const s = e.value;
76
+ e.options.findIndex((a) => a.value === s) < 0 && i(!0);
79
77
  }
80
78
  break;
81
- case E:
79
+ case g:
82
80
  e.files.length < 1 && i(!0);
83
81
  break;
84
- case I:
82
+ case D:
85
83
  e.value || i(!0);
86
84
  break;
87
- case x:
85
+ case h:
88
86
  R(e.value.trim()) || i(!0);
89
87
  break;
90
- case S:
91
- e.options.findIndex((f) => f.checked === !0) < 0 && i(!0);
88
+ case F:
89
+ e.options.findIndex((n) => n.checked === !0) < 0 && i(!0);
92
90
  break;
93
91
  }
94
92
  }));
95
- }, [c, m]), /* @__PURE__ */ h("div", { className: A ? "Form FormWide" : "Form", children: [
96
- b && /* @__PURE__ */ n(l, { type: "Success", children: b }),
97
- k && /* @__PURE__ */ n(l, { type: "Error", children: k }),
98
- d && /* @__PURE__ */ n(l, { children: d }),
93
+ }, [c, p]), /* @__PURE__ */ b("div", { className: A ? "Form FormWide" : "Form", children: [
94
+ k && /* @__PURE__ */ m(l, { type: "Success", children: k }),
95
+ d && /* @__PURE__ */ m(l, { type: "Error", children: d }),
96
+ u && /* @__PURE__ */ m(l, { children: u }),
99
97
  c,
100
- (m || u) && /* @__PURE__ */ h("div", { className: "FormSubmitButtons", children: [
101
- m && /* @__PURE__ */ n(
98
+ (p || f) && /* @__PURE__ */ b("div", { className: "FormSubmitButtons", children: [
99
+ p && /* @__PURE__ */ m(
102
100
  C,
103
101
  {
104
102
  type: j,
105
- label: m,
103
+ label: p,
106
104
  disabled: N,
107
105
  onClick: () => {
108
106
  if (!v) return;
109
- const r = {}, o = (e, s) => {
110
- if (!r[e]) {
111
- r[e] = s;
107
+ const r = {}, e = (t, o) => {
108
+ if (!r[t]) {
109
+ r[t] = o;
112
110
  return;
113
111
  }
114
- r[e] instanceof Array ? r[e].push(s) : r[e] = [r[e], s];
112
+ r[t] instanceof Array ? r[t].push(o) : r[t] = [r[t], o];
115
113
  };
116
- y(c, (e) => {
117
- if (!e) return;
118
- const s = e;
119
- if (typeof s.type != "function") return;
120
- const t = s.props;
121
- switch (s.type) {
122
- case x:
123
- case T:
124
- case g:
125
- o(t.id, t.value.trim());
114
+ S(c, (t) => {
115
+ const o = t.props;
116
+ switch (t.type) {
117
+ case h:
118
+ case I:
119
+ case E:
120
+ e(o.id, o.value.trim());
126
121
  break;
127
122
  case B:
128
- o(t.id, t.checked ? t.value : void 0);
123
+ e(o.id, o.checked ? o.value : void 0);
129
124
  break;
130
- case F:
131
- case D:
132
- o(t.id, t.value);
125
+ case y:
126
+ case x:
127
+ e(o.id, o.value);
133
128
  break;
134
- case E:
135
- o(t.id, t.files);
129
+ case g:
130
+ e(o.id, o.files);
136
131
  break;
137
- case I:
138
- o(t.id, t.value);
132
+ case D:
133
+ e(o.id, o.value);
139
134
  break;
140
- case V:
141
- o(t.id, t.value);
135
+ case T:
136
+ e(o.id, o.value);
142
137
  break;
143
- case S:
138
+ case F:
144
139
  {
145
- const p = [];
146
- t.options.forEach((a) => {
147
- a.checked && p.push(a.value);
148
- }), o(t.id, p);
140
+ const s = [];
141
+ o.options.forEach((a) => {
142
+ a.checked && s.push(a.value);
143
+ }), e(o.id, s);
149
144
  }
150
145
  break;
151
146
  }
@@ -153,11 +148,11 @@ const De = ({
153
148
  }
154
149
  }
155
150
  ),
156
- u && /* @__PURE__ */ n(
151
+ f && /* @__PURE__ */ m(
157
152
  C,
158
153
  {
159
154
  type: w,
160
- label: u,
155
+ label: f,
161
156
  onClick: L
162
157
  }
163
158
  )
@@ -165,6 +160,6 @@ const De = ({
165
160
  ] });
166
161
  };
167
162
  export {
168
- De as Form,
169
- De as default
163
+ Eo as Form,
164
+ Eo as default
170
165
  };
package/dist/components/form/form/traverse.d.ts ADDED
@@ -0,0 +1,6 @@
1
+ import { ReactNode, ReactElement } from 'react';
2
+ /**
3
+ * Рекурсивно обходит всех потомков и вызывает callback для каждого функционального компонента
4
+ */
5
+ declare function traverseFunctionalComponents(children: ReactNode, callback: (element: ReactElement) => void): void;
6
+ export default traverseFunctionalComponents;
package/dist/components/form/form/traverse.js ADDED
@@ -0,0 +1,24 @@
1
+ import r from "react";
2
+ function f(t) {
3
+ return typeof t == "object" && t !== null && "$$typeof" in t && typeof t.$$typeof == "symbol";
4
+ }
5
+ function i(t) {
6
+ var o;
7
+ if (!r.isValidElement(t)) return !1;
8
+ let e = t.type;
9
+ for (; f(e) && (e.$$typeof === Symbol.for("react.memo") || e.$$typeof === Symbol.for("react.forward_ref")); )
10
+ e = e.type;
11
+ return typeof e == "function" && !((o = e.prototype) != null && o.isReactComponent);
12
+ }
13
+ function p(t, e) {
14
+ r.Children.forEach(t, (o) => {
15
+ if (o && r.isValidElement(o)) {
16
+ i(o) && e(o);
17
+ const n = o.props;
18
+ "children" in n && n.children != null && p(n.children, e);
19
+ }
20
+ });
21
+ }
22
+ export {
23
+ p as default
24
+ };
package/dist/components/form/image/Image.js CHANGED
@@ -1,8 +1,7 @@
1
1
  import { jsx as r, jsxs as F, Fragment as C } from "react/jsx-runtime";
2
2
  import { useState as n, useEffect as d } from "react";
3
3
  import E from "../label/Label.js";
4
- import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Expandable.css';import '../../../assets/Editable.css';import '../../../assets/Toolbar.css';import '../../../assets/Sidebar.css';import '../../../assets/Scroll.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/Menu.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css */
5
- import "react-children-utilities";
4
+ import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Expandable.css';import '../../../assets/Editable.css';import '../../../assets/Toolbar.css';import '../../../assets/Sidebar.css';import '../../../assets/Scroll.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Menu.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/Fieldset.css';import '../../../assets/RadioLabel.css';import '../../../assets/RequiredMark.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css */
6
5
  import "react-transition-group";
7
6
  import "react-dom";
8
7
  /* empty css */
@@ -12,15 +11,15 @@ import N from "../../icons/Image.js";
12
11
  /* empty css */
13
12
  import j from "../../icons/Trash.js";
14
13
  /* empty css */
14
+ /* empty css */
15
+ /* empty css */
16
+ /* empty css */
15
17
  /* empty css */
16
18
  /* empty css */
17
19
  /* empty css */
18
20
  /* empty css */
19
- /* empty css */
20
- /* empty css */
21
21
  /* empty css */
22
22
  /* empty css */
23
- /* empty css */
24
23
  /* empty css */
25
24
  /* empty css */
26
25
  /* empty css */
@@ -34,7 +33,7 @@ import j from "../../icons/Trash.js";
34
33
  /* empty css */
35
34
  /* empty css */
36
35
  /* empty css */
37
- const gr = ({
36
+ const cr = ({
38
37
  id: u,
39
38
  value: o,
40
39
  text: l,
@@ -101,6 +100,6 @@ const gr = ({
101
100
  ) });
102
101
  };
103
102
  export {
104
- gr as Image,
105
- gr as default
103
+ cr as Image,
104
+ cr as default
106
105
  };
package/dist/components/form/select/Select.js CHANGED
@@ -1,8 +1,7 @@
1
1
  import { jsx as r, jsxs as u } from "react/jsx-runtime";
2
2
  import { useRef as S, useState as a, useEffect as O } from "react";
3
3
  import V from "../label/Label.js";
4
- import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Expandable.css';import '../../../assets/Editable.css';import '../../../assets/Toolbar.css';import '../../../assets/Sidebar.css';import '../../../assets/Scroll.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css */
5
- import "react-children-utilities";
4
+ import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Expandable.css';import '../../../assets/Editable.css';import '../../../assets/Toolbar.css';import '../../../assets/Sidebar.css';import '../../../assets/Scroll.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/Fieldset.css';import '../../../assets/RadioLabel.css';import '../../../assets/RequiredMark.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css */
6
5
  import "react-transition-group";
7
6
  import "react-dom";
8
7
  /* empty css */
@@ -11,15 +10,15 @@ import w from "../../icons/ChevronDown.js";
11
10
  /* empty css */
12
11
  /* empty css */
13
12
  /* empty css */
13
+ /* empty css */
14
+ /* empty css */
15
+ /* empty css */
14
16
  /* empty css */
15
17
  /* empty css */
16
18
  /* empty css */
17
19
  import { Menu as E } from "../../ui/menu/Menu.js";
18
- /* empty css */
19
- /* empty css */
20
20
  /* empty css */
21
21
  /* empty css */
22
- /* empty css */
23
22
  /* empty css */
24
23
  /* empty css */
25
24
  /* empty css */
@@ -33,7 +32,7 @@ import { Menu as E } from "../../ui/menu/Menu.js";
33
32
  /* empty css */
34
33
  /* empty css */
35
34
  /* empty css */
36
- const ur = ({
35
+ const cr = ({
37
36
  id: f,
38
37
  value: o,
39
38
  onChange: d,
@@ -109,6 +108,6 @@ const ur = ({
109
108
  ] });
110
109
  };
111
110
  export {
112
- ur as Select,
113
- ur as default
111
+ cr as Select,
112
+ cr as default
114
113
  };
package/dist/components/form/time/Time.js CHANGED
@@ -2,8 +2,7 @@ import { jsxs as y, jsx as e } from "react/jsx-runtime";
2
2
  import { useRef as k, useState as s, useEffect as H } from "react";
3
3
  import R from "../label/Label.js";
4
4
  import { Menu as N } from "../../ui/menu/Menu.js";
5
- import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Expandable.css';import '../../../assets/Editable.css';import '../../../assets/Toolbar.css';import '../../../assets/Sidebar.css';import '../../../assets/Scroll.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/RadioLabel.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/Fieldset.css';import '../../../assets/RequiredMark.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css */
6
- import "react-children-utilities";
5
+ import '../../../assets/Content.css';import '../../../assets/MainMenu.css';import '../../../assets/Header.css';import '../../../assets/Expandable.css';import '../../../assets/Editable.css';import '../../../assets/Toolbar.css';import '../../../assets/Sidebar.css';import '../../../assets/Scroll.css';import '../../../assets/Message.css';import '../../../assets/Modal.css';import '../../../assets/Overlay.css';import '../../../assets/Panel.css';import '../../../assets/Block.css';import '../../../assets/Input.css';import '../../../assets/Files.css';import '../../../assets/FormCol.css';import '../../../assets/FormRow.css';import '../../../assets/Button.css';import '../../../assets/Fieldset.css';import '../../../assets/RadioLabel.css';import '../../../assets/RequiredMark.css';import '../../../assets/DatePicker.css';import '../../../assets/TelefragLogo.css';import '../../../assets/TelefragSymbol.css';import '../../../assets/Popup.css';import '../../../assets/PageHeader.css';/* empty css */
7
6
  import "react-transition-group";
8
7
  import "react-dom";
9
8
  /* empty css */
@@ -11,14 +10,14 @@ import O from "../../icons/Check.js";
11
10
  /* empty css */
12
11
  /* empty css */
13
12
  /* empty css */
13
+ /* empty css */
14
+ /* empty css */
15
+ /* empty css */
14
16
  /* empty css */
15
17
  /* empty css */
16
18
  /* empty css */
17
- /* empty css */
18
- /* empty css */
19
19
  /* empty css */
20
20
  /* empty css */
21
- /* empty css */
22
21
  /* empty css */
23
22
  /* empty css */
24
23
  /* empty css */
@@ -32,9 +31,9 @@ import O from "../../icons/Check.js";
32
31
  /* empty css */
33
32
  /* empty css */
34
33
  /* empty css */
35
- const vr = ({
34
+ const hr = ({
36
35
  id: d,
37
- value: l,
36
+ value: m,
38
37
  step: x = 1,
39
38
  onChange: o,
40
39
  label: g,
@@ -43,13 +42,13 @@ const vr = ({
43
42
  required: $ = !1,
44
43
  disabled: p = !1
45
44
  }) => {
46
- const a = k(null), c = k(null), [n, C] = s(""), [m, I] = s(""), [j, w] = s([]), [z, E] = s([]), [S, u] = s(!1), [T, f] = s(!1);
45
+ const a = k(null), c = k(null), [n, C] = s(""), [l, I] = s(""), [j, w] = s([]), [z, E] = s([]), [S, u] = s(!1), [T, f] = s(!1);
47
46
  H(() => {
48
- let [r, t] = l.split(":");
47
+ let [r, t] = m.split(":");
49
48
  r = parseInt(r), t = parseInt(t), (isNaN(r) || r < 0 || r > 23) && (r = 0), (isNaN(t) || t < 0 || t > 59) && (t = 0), r = `0${r}`.slice(-2), t = `0${t}`.slice(-2), C(r), I(t);
50
49
  const i = `${r}:${t}`;
51
- i !== l && o && o(i);
52
- }, [l, o]), H(() => {
50
+ i !== m && o && o(i);
51
+ }, [m, o]), H(() => {
53
52
  const r = [], t = [];
54
53
  for (let i = 0; i < 24; i++)
55
54
  r.push(`0${i}`.slice(-2));
@@ -57,14 +56,14 @@ const vr = ({
57
56
  t.push(`0${i}`.slice(-2));
58
57
  w(r), E(t);
59
58
  }, [x]);
60
- const h = () => !!($ && (!n || !m)), v = () => {
59
+ const h = () => !!($ && (!n || !l)), v = () => {
61
60
  if (h()) return {
62
61
  caretColor: "var(--alxgrn-input-border-error)",
63
62
  borderColor: "var(--alxgrn-input-border-error)",
64
63
  backgroundColor: "var(--alxgrn-input-bg-error)"
65
64
  };
66
65
  }, F = (r) => {
67
- u(!1), o && o(`${r.text ?? ""}:${m}`);
66
+ u(!1), o && o(`${r.text ?? ""}:${l}`);
68
67
  }, L = (r) => {
69
68
  f(!1), o && o(`${n}:${r.text ?? ""}`);
70
69
  };
@@ -99,7 +98,7 @@ const vr = ({
99
98
  id: `${d}-min`,
100
99
  ref: c,
101
100
  type: "text",
102
- value: m,
101
+ value: l,
103
102
  style: v(),
104
103
  disabled: !!p,
105
104
  onClick: () => f(!0),
@@ -131,7 +130,7 @@ const vr = ({
131
130
  onClose: () => f(!1),
132
131
  horizontal: "inner-right",
133
132
  margin: "var(--alxgrn-unit-small)",
134
- items: z.map((r) => ({ id: r, text: r, icon: r === m ? /* @__PURE__ */ e(O, {}) : /* @__PURE__ */ e("div", { className: "empty" }) })),
133
+ items: z.map((r) => ({ id: r, text: r, icon: r === l ? /* @__PURE__ */ e(O, {}) : /* @__PURE__ */ e("div", { className: "empty" }) })),
135
134
  onClick: L,
136
135
  maxHeight: "auto",
137
136
  width: "auto"
@@ -140,5 +139,5 @@ const vr = ({
140
139
  ] });
141
140
  };
142
141
  export {
143
- vr as default
142
+ hr as default
144
143
  };
package/dist/components/layout/Layout.js CHANGED
@@ -2,8 +2,7 @@ import { jsxs as f, jsx as o } from "react/jsx-runtime";
2
2
  import { useState as n } from "react";
3
3
  import l from "./Header.js";
4
4
  import u from "./Content.js";
5
- import '../../assets/Expandable.css';import '../../assets/Editable.css';import '../../assets/Toolbar.css';import '../../assets/Scroll.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.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/TelefragLogo.css';import '../../assets/TelefragSymbol.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';/* empty css */
6
- import "react-children-utilities";
5
+ import '../../assets/Expandable.css';import '../../assets/Editable.css';import '../../assets/Toolbar.css';import '../../assets/Scroll.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Button.css';import '../../assets/Fieldset.css';import '../../assets/RadioLabel.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/TelefragLogo.css';import '../../assets/TelefragSymbol.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';/* empty css */
7
6
  import "react-transition-group";
8
7
  import "react-dom";
9
8
  /* empty css */
@@ -12,14 +11,14 @@ import "react-dom";
12
11
  /* empty css */
13
12
  /* empty css */
14
13
  /* empty css */
14
+ /* empty css */
15
+ /* empty css */
15
16
  /* empty css */
16
17
  /* empty css */
17
18
  /* empty css */
18
19
  /* empty css */
19
- /* empty css */
20
20
  /* empty css */
21
21
  /* empty css */
22
- /* empty css */
23
22
  /* empty css */
24
23
  /* empty css */
25
24
  /* empty css */
@@ -31,7 +30,7 @@ import { Sidebar as d } from "../ui/sidebar/Sidebar.js";
31
30
  /* empty css */
32
31
  /* empty css */
33
32
  import c from "./MainMenu.js";
34
- const X = ({ children: p, mainMenu: m, userMenu: e, onLogoClick: s, onMenuClick: t }) => {
33
+ const W = ({ children: p, mainMenu: m, userMenu: e, onLogoClick: s, onMenuClick: t }) => {
35
34
  const [a, r] = n(!1);
36
35
  return /* @__PURE__ */ f("div", { className: "Layout", children: [
37
36
  /* @__PURE__ */ o(
@@ -62,5 +61,5 @@ const X = ({ children: p, mainMenu: m, userMenu: e, onLogoClick: s, onMenuClick:
62
61
  ] });
63
62
  };
64
63
  export {
65
- X as default
64
+ W as default
66
65
  };
package/dist/components/layout/Page.js CHANGED
@@ -1,7 +1,6 @@
1
1
  import { jsxs as m, jsx as r, Fragment as a } from "react/jsx-runtime";
2
- import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Header.css';import '../../assets/Expandable.css';import '../../assets/Editable.css';import '../../assets/Toolbar.css';import '../../assets/Scroll.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.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/TelefragLogo.css';import '../../assets/TelefragSymbol.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';/* empty css */
2
+ import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Header.css';import '../../assets/Expandable.css';import '../../assets/Editable.css';import '../../assets/Toolbar.css';import '../../assets/Scroll.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Button.css';import '../../assets/Fieldset.css';import '../../assets/RadioLabel.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/TelefragLogo.css';import '../../assets/TelefragSymbol.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';/* empty css */
3
3
  import "react";
4
- import "react-children-utilities";
5
4
  import "react-transition-group";
6
5
  import "react-dom";
7
6
  /* empty css */
@@ -10,14 +9,14 @@ import "react-dom";
10
9
  /* empty css */
11
10
  /* empty css */
12
11
  /* empty css */
12
+ /* empty css */
13
+ /* empty css */
13
14
  /* empty css */
14
15
  /* empty css */
15
16
  /* empty css */
16
17
  /* empty css */
17
- /* empty css */
18
18
  /* empty css */
19
19
  /* empty css */
20
- /* empty css */
21
20
  /* empty css */
22
21
  /* empty css */
23
22
  /* empty css */
@@ -31,7 +30,7 @@ import { Sidebar as n } from "../ui/sidebar/Sidebar.js";
31
30
  /* empty css */
32
31
  /* empty css */
33
32
  /* empty css */
34
- const L = ({ header: o, children: p, sidebar: i, isSidebarVisible: e = !1, onSidebarClose: t }) => /* @__PURE__ */ m("div", { className: "Page", children: [
33
+ const K = ({ header: o, children: p, sidebar: i, isSidebarVisible: e = !1, onSidebarClose: t }) => /* @__PURE__ */ m("div", { className: "Page", children: [
35
34
  o && /* @__PURE__ */ r(a, { children: o }),
36
35
  /* @__PURE__ */ m("div", { className: i ? "PageBody" : "PageBody Wide", children: [
37
36
  /* @__PURE__ */ r("div", { className: "PageContent", children: p }),
@@ -50,5 +49,5 @@ const L = ({ header: o, children: p, sidebar: i, isSidebarVisible: e = !1, onSid
50
49
  )
51
50
  ] });
52
51
  export {
53
- L as default
52
+ K as default
54
53
  };
package/dist/components/layout/PageHeader.js CHANGED
@@ -1,25 +1,24 @@
1
1
  import { jsxs as a, jsx as e } from "react/jsx-runtime";
2
2
  import f from "../icons/Image.js";
3
- import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Header.css';import '../../assets/Expandable.css';import '../../assets/Editable.css';import '../../assets/Sidebar.css';import '../../assets/Scroll.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/RadioLabel.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Fieldset.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';import '../../assets/TelefragLogo.css';import '../../assets/TelefragSymbol.css';/* empty css */
3
+ import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Header.css';import '../../assets/Expandable.css';import '../../assets/Editable.css';import '../../assets/Sidebar.css';import '../../assets/Scroll.css';import '../../assets/Message.css';import '../../assets/Modal.css';import '../../assets/Overlay.css';import '../../assets/Panel.css';import '../../assets/Block.css';import '../../assets/Input.css';import '../../assets/Files.css';import '../../assets/Menu.css';import '../../assets/FormCol.css';import '../../assets/FormRow.css';import '../../assets/Fieldset.css';import '../../assets/RadioLabel.css';import '../../assets/DatePicker.css';import '../../assets/Label.css';import '../../assets/RequiredMark.css';import '../../assets/Popup.css';import '../../assets/PageHeader.css';import '../../assets/TelefragLogo.css';import '../../assets/TelefragSymbol.css';/* empty css */
4
4
  /* empty css */
5
5
  import k from "../icons/Trash.js";
6
6
  /* empty css */
7
7
  import "react";
8
- import "react-children-utilities";
9
8
  import "react-transition-group";
10
9
  import "react-dom";
11
10
  /* empty css */
12
11
  /* empty css */
13
12
  /* empty css */
14
13
  /* empty css */
14
+ /* empty css */
15
+ /* empty css */
15
16
  import { Button as b } from "../form/button/Button.js";
16
17
  /* empty css */
17
18
  /* empty css */
18
19
  /* empty css */
19
- /* empty css */
20
20
  /* empty css */
21
21
  /* empty css */
22
- /* empty css */
23
22
  /* empty css */
24
23
  /* empty css */
25
24
  /* empty css */
@@ -33,7 +32,7 @@ import x from "../ui/toolbar/Toolbar.js";
33
32
  /* empty css */
34
33
  /* empty css */
35
34
  /* empty css */
36
- const te = ({
35
+ const de = ({
37
36
  menu: d,
38
37
  title: C,
39
38
  subtitle: T,
@@ -107,5 +106,5 @@ const te = ({
107
106
  ] });
108
107
  };
109
108
  export {
110
- te as default
109
+ de as default
111
110
  };
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.64",
4
+ "version": "0.1.2",
5
5
  "private": false,
6
6
  "author": "Alexander Fedorov <alex@molner.ru>",
7
7
  "license": "Apache-2.0",
@@ -29,7 +29,6 @@
29
29
  },
30
30
  "peerDependencies": {
31
31
  "react": "^19.2.0",
32
- "react-children-utilities": "^2.10.0",
33
32
  "react-dom": "^19.2.0",
34
33
  "react-transition-group": "^4.4.5"
35
34
  },