@alxgrn/telefrag-ui 0.0.9 → 0.0.10

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 (5) hide show
  1. package/dist/assets/Page.css +1 -1
  2. package/dist/components/icons/TelefragLogo.js +10 -9
  3. package/dist/components/layout/Layout.d.ts +1 -0
  4. package/dist/components/layout/Layout.js +17 -16
  5. package/package.json +1 -1
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-small: 12px;--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: 150px;--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:40%;display:flex;align-items:flex-end}.Page .PageBody .PageSidebar .PageSidebarInner{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
+ *{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-small: 12px;--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: 150px;--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}}
package/dist/components/icons/TelefragLogo.js CHANGED
@@ -1,5 +1,5 @@
1
- import { jsxs as i, jsx as l } from "react/jsx-runtime";
2
- import { useState as a, useEffect as s } from "react";
1
+ import { jsxs as z, jsx as l } from "react/jsx-runtime";
2
+ import { useState as s, useEffect as a } from "react";
3
3
  const e = {
4
4
  dark: {
5
5
  back: "#287BBF",
@@ -11,9 +11,9 @@ const e = {
11
11
  fore: "white",
12
12
  text: "#555"
13
13
  }
14
- }, u = ({ theme: m, onClick: r }) => {
15
- const [t, c] = a("light");
16
- return s(() => {
14
+ }, f = ({ theme: m, onClick: r }) => {
15
+ const [t, c] = s("light");
16
+ return a(() => {
17
17
  if (m) {
18
18
  c(m);
19
19
  return;
@@ -21,14 +21,14 @@ const e = {
21
21
  const n = document.documentElement.getAttribute("data-theme");
22
22
  c(n === "dark" ? "dark" : "light");
23
23
  let o = new MutationObserver(() => {
24
- const z = document.documentElement.getAttribute("data-theme");
25
- c(z === "dark" ? "dark" : "light");
24
+ const i = document.documentElement.getAttribute("data-theme");
25
+ c(i === "dark" ? "dark" : "light");
26
26
  });
27
27
  return o.observe(document.documentElement, {
28
28
  attributes: !0
29
29
  // наблюдать за изменением атрибутов
30
30
  }), () => o.disconnect();
31
- }, [m]), /* @__PURE__ */ i(
31
+ }, [m]), /* @__PURE__ */ z(
32
32
  "svg",
33
33
  {
34
34
  xmlns: "http://www.w3.org/2000/svg",
@@ -38,6 +38,7 @@ const e = {
38
38
  onClick: () => {
39
39
  r && r();
40
40
  },
41
+ style: r ? { cursor: "pointer" } : void 0,
41
42
  children: [
42
43
  /* @__PURE__ */ l("path", { fill: e[t].back, d: "M7990.87 2137.37c809.18,0 1467.66,-479.95 1467.66,-1071.46 0,-586 -658.48,-1065.91 -1467.66,-1065.91 -809.16,0 -1467.64,479.91 -1467.64,1065.91 0,591.51 658.48,1071.46 1467.64,1071.46z" }),
43
44
  /* @__PURE__ */ l("path", { fill: e[t].fore, d: "M8095.54 173.7c649.88,38.52 1162.11,457.13 1162.11,892.25 0,429.58 -380.01,743.54 -908.79,853.7 407.6,-104.67 699.52,-391.06 699.52,-699.48 0,-313.93 -264.38,-567.31 -638.9,-682.98l-60.62 286.42c331.79,120.61 672.43,399.28 253.36,666.43 11.06,-16.19 38.54,-40.29 38.54,-115.68 0,-101.9 -154.17,-203.75 -357.94,-264.35l-187.27 853.67 0 -1663.33 0 -126.66zm-209.34 126.66l0 1663.33 -313.93 -1431.99c-380.01,115.65 -644.39,379.99 -644.39,688.46 0,302.91 258.89,567.29 633.42,682.96 -484.68,-126.7 -837.17,-457.16 -837.17,-837.18 0,-468.16 512.2,-853.73 1162.07,-892.25l0 126.66z" }),
@@ -48,5 +49,5 @@ const e = {
48
49
  );
49
50
  };
50
51
  export {
51
- u as default
52
+ f as default
52
53
  };
package/dist/components/layout/Layout.d.ts CHANGED
@@ -2,6 +2,7 @@ import { default as React, FC, PropsWithChildren } from 'react';
2
2
  type Props = {
3
3
  mainMenu: React.ReactNode;
4
4
  userMenu: React.ReactNode;
5
+ onLogoClick?: () => void;
5
6
  };
6
7
  declare const Layout: FC<PropsWithChildren<Props>>;
7
8
  export default Layout;
package/dist/components/layout/Layout.js CHANGED
@@ -1,8 +1,8 @@
1
- import { jsxs as s, jsx as o } from "react/jsx-runtime";
2
- import { useState as n } from "react";
3
- import a from "./Header.js";
4
- import f from "./Footer.js";
5
- import l from "./Content.js";
1
+ import { jsxs as n, jsx as o } from "react/jsx-runtime";
2
+ import { useState as a } from "react";
3
+ import f from "./Header.js";
4
+ import l from "./Footer.js";
5
+ import u 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,24 +26,25 @@ import "react-dom";
26
26
  /* empty css */
27
27
  /* empty css */
28
28
  /* empty css */
29
- import { Sidebar as u } from "../ui/sidebar/Sidebar.js";
29
+ import { Sidebar as c } from "../ui/sidebar/Sidebar.js";
30
30
  /* empty css */
31
- const P = ({ children: i, mainMenu: r, userMenu: m }) => {
32
- const [p, t] = n(!1);
33
- return /* @__PURE__ */ s("div", { className: "Layout", children: [
31
+ const Q = ({ children: i, mainMenu: r, userMenu: m, onLogoClick: p }) => {
32
+ const [e, t] = a(!1);
33
+ return /* @__PURE__ */ n("div", { className: "Layout", children: [
34
34
  /* @__PURE__ */ o(
35
- a,
35
+ f,
36
36
  {
37
37
  userMenu: m,
38
- onMenuSwitch: () => t((e) => !e)
38
+ onMenuSwitch: () => t((s) => !s),
39
+ onLogoClick: p
39
40
  }
40
41
  ),
41
- /* @__PURE__ */ o(l, { menu: r, children: i }),
42
- /* @__PURE__ */ o(f, {}),
42
+ /* @__PURE__ */ o(u, { menu: r, children: i }),
43
+ /* @__PURE__ */ o(l, {}),
43
44
  /* @__PURE__ */ o(
44
- u,
45
+ c,
45
46
  {
46
- isOpen: p,
47
+ isOpen: e,
47
48
  onClose: () => t(!1),
48
49
  children: r
49
50
  }
@@ -51,5 +52,5 @@ const P = ({ children: i, mainMenu: r, userMenu: m }) => {
51
52
  ] });
52
53
  };
53
54
  export {
54
- P as default
55
+ Q as default
55
56
  };
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.9",
4
+ "version": "0.0.10",
5
5
  "private": false,
6
6
  "author": "Alexander Fedorov <alex@molner.ru>",
7
7
  "license": "Apache-2.0",