@alxgrn/telefrag-ui 0.0.13 → 0.0.15

package/dist/assets/Content.css

@@ -1 +1 @@
-.Content{display:flex;align-items:stretch;gap:var(--alxgrn-unit);max-width:var(--alxgrn-layout-width);margin:0 auto;margin-top: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: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}}
+.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/Header.css

@@ -1 +1 @@
-.HeaderWrapper{z-index:100;display:block;position:fixed;top:0;width:100%;background-color:var(--alxgrn-bg-main)}.Header{display:flex;align-items:center;gap:var(--alxgrn-unit);max-width:var(--alxgrn-layout-width);height:var(--alxgrn-layout-header-height);margin:0 auto}.HeaderLeft{display:none}.HeaderLeft span{cursor:pointer}.HeaderCenter{flex:1 1 auto;display:flex;align-items:center;padding-left:calc(var(--alxgrn-unit) + var(--alxgrn-layout-menu-width))}.HeaderCenter svg{width:auto;height:calc(2 * var(--alxgrn-unit))}@media (max-width: 1024px){.HeaderLeft{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.HeaderCenter{padding-left:0}}
+.HeaderWrapper{z-index:100;display:block;position:fixed;top:0;width:100%;background-color:var(--alxgrn-bg-panel)}.Header{display:flex;align-items:center;gap:var(--alxgrn-unit);max-width:var(--alxgrn-layout-width);height:var(--alxgrn-layout-header-height);margin:0 auto}.HeaderLeft{display:none}.HeaderLeft span{cursor:pointer}.HeaderCenter{flex:1 1 auto;display:flex;align-items:center;padding-left:calc(var(--alxgrn-unit) + var(--alxgrn-layout-menu-width))}.HeaderCenter svg{width:auto;height:calc(2 * var(--alxgrn-unit))}@media (max-width: 1024px){.HeaderLeft{flex:0 0 auto;display:flex;align-items:center;justify-content:center}.HeaderCenter{padding-left:0}}

package/dist/assets/MainMenu.css

@@ -1 +1 @@
-.MainMenu div{display:flex;align-items:center;gap:var(--alxgrn-unit-half);margin-bottom:var(--alxgrn-unit-half);cursor:pointer}.MainMenu div:hover *{color:var(--alxgrn-color-accent)}.MainMenu div svg{font-size:var(--alxgrn-font-size-big)}.MainMenu div span{font-size:var(--alxgrn-font-size)}
+.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%}.MainMenu div span{font-size:var(--alxgrn-font-size)}.MainMenu div.MainMenuTitle span{text-transform:uppercase;font-size:var(--alxgrn-font-size-small);font-weight:600;color:var(--alxgrn-color-light)}

package/dist/components/layout/Content.d.ts

@@ -1,6 +1,8 @@
 import { FC, PropsWithChildren } from 'react';
+import { MainMenuItem } from './MainMenu';
 type Props = {
-    onMenuClick?: (id: number | string) => void;
+    mainMenu: MainMenuItem[];
+    onMenuClick?: (id: string) => void;
 };
 declare const Content: FC<PropsWithChildren<Props>>;
 export default Content;

package/dist/components/layout/Content.js

@@ -1,10 +1,10 @@
 import { jsxs as a, jsx as n } from "react/jsx-runtime";
-import s from "./MainMenu.js";
+import i from "./MainMenu.js";
 import '../../assets/Content.css';/* empty css                     */
-const m = ({ children: e, onMenuClick: t }) => /* @__PURE__ */ a("main", { className: "Content", children: [
-  /* @__PURE__ */ n("div", { className: "ContentMenu", children: /* @__PURE__ */ n("div", { className: "ContentMenuInner", children: /* @__PURE__ */ n(s, { onMenuClick: t }) }) }),
+const c = ({ children: e, mainMenu: t, onMenuClick: s }) => /* @__PURE__ */ a("main", { className: "Content", children: [
+  /* @__PURE__ */ n("div", { className: "ContentMenu", children: /* @__PURE__ */ n("div", { className: "ContentMenuInner", children: /* @__PURE__ */ n(i, { items: t, onMenuClick: s }) }) }),
   /* @__PURE__ */ n("div", { className: "ContentMain", children: e })
 ] });
 export {
-  m as default
+  c as default
 };

package/dist/components/layout/Layout.d.ts

@@ -1,8 +1,10 @@
 import { default as React, FC, PropsWithChildren } from 'react';
+import { MainMenuItem } from './MainMenu';
 type Props = {
+    mainMenu: MainMenuItem[];
     userMenu: React.ReactNode;
     onLogoClick?: () => void;
-    onMenuClick?: (id: number | string) => void;
+    onMenuClick?: (id: string) => void;
 };
 declare const Layout: FC<PropsWithChildren<Props>>;
 export default Layout;

package/dist/components/layout/Layout.js

@@ -1,8 +1,8 @@
-import { jsxs as a, jsx as o } from "react/jsx-runtime";
+import { jsxs as f, jsx as o } from "react/jsx-runtime";
 import { useState as n } from "react";
-import f from "./Header.js";
-import l from "./Footer.js";
-import u from "./Content.js";
+import l from "./Header.js";
+import u from "./Footer.js";
+import d from "./Content.js";
 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                  */
 import "react-children-utilities";
 import "react-transition-group";
@@ -26,34 +26,40 @@ import "react-dom";
 /* empty css                     */
 /* empty css                   */
 /* empty css                     */
-import { Sidebar as d } from "../ui/sidebar/Sidebar.js";
+import { Sidebar as c } from "../ui/sidebar/Sidebar.js";
 /* empty css                      */
-import c from "./MainMenu.js";
-const U = ({ children: m, userMenu: p, onLogoClick: e, onMenuClick: r }) => {
-  const [s, t] = n(!1);
-  return /* @__PURE__ */ a("div", { className: "Layout", children: [
+import b from "./MainMenu.js";
+const W = ({ children: p, mainMenu: m, userMenu: e, onLogoClick: s, onMenuClick: r }) => {
+  const [a, t] = n(!1);
+  return /* @__PURE__ */ f("div", { className: "Layout", children: [
     /* @__PURE__ */ o(
-      f,
+      l,
       {
-        userMenu: p,
+        userMenu: e,
         onMenuSwitch: () => t((i) => !i),
-        onLogoClick: e
+        onLogoClick: s
       }
     ),
-    /* @__PURE__ */ o(u, { onMenuClick: r, children: m }),
-    /* @__PURE__ */ o(l, {}),
+    /* @__PURE__ */ o(d, { mainMenu: m, onMenuClick: r, children: p }),
+    /* @__PURE__ */ o(u, {}),
     /* @__PURE__ */ o(
-      d,
+      c,
       {
-        isOpen: s,
+        isOpen: a,
         onClose: () => t(!1),
-        children: /* @__PURE__ */ o(c, { onMenuClick: (i) => {
-          t(!1), r && r(i);
-        } })
+        children: /* @__PURE__ */ o(
+          b,
+          {
+            items: m,
+            onMenuClick: (i) => {
+              t(!1), r && r(i);
+            }
+          }
+        )
       }
     )
   ] });
 };
 export {
-  U as default
+  W as default
 };

package/dist/components/layout/MainMenu.d.ts

@@ -1,6 +1,20 @@
-import { FC } from 'react';
+import { FC, ReactNode } from 'react';
+export type MainMenuTitle = {
+    id?: never;
+    text?: never;
+    icon?: never;
+    title: string;
+};
+export type MainMenuAlternative = {
+    id: string;
+    text: string;
+    icon: ReactNode;
+    title?: never;
+};
+export type MainMenuItem = MainMenuTitle | MainMenuAlternative;
 type Props = {
-    onMenuClick?: (id: number | string) => void;
+    items: MainMenuItem[];
+    onMenuClick?: (id: string) => void;
 };
 declare const MainMenu: FC<Props>;
 export default MainMenu;

package/dist/components/layout/MainMenu.js

@@ -1,37 +1,19 @@
-import { jsx as i, jsxs as t } from "react/jsx-runtime";
-import e from "../icons/Calendar.js";
-import n from "../icons/Files.js";
-import c from "../icons/Gamepad.js";
-import s from "../icons/Rocket.js";
-import "react";
-import a from "../icons/Users.js";
+import { jsx as i, jsxs as r, Fragment as d } from "react/jsx-runtime";
 import '../../assets/MainMenu.css';/* empty css                      */
-const d = [{
-  id: "articles",
-  text: "Публикации",
-  icon: /* @__PURE__ */ i(n, {})
-}, {
-  id: "groups",
-  text: "Группы",
-  icon: /* @__PURE__ */ i(a, {})
-}, {
-  id: "projects",
-  text: "Проекты",
-  icon: /* @__PURE__ */ i(c, {})
-}, {
-  id: "launches",
-  text: "Запуски",
-  icon: /* @__PURE__ */ i(s, {})
-}, {
-  id: "calendar",
-  text: "Календарь",
-  icon: /* @__PURE__ */ i(e, {})
-}], M = ({ onMenuClick: r }) => /* @__PURE__ */ i("div", { className: "MainMenu", children: d.map((o) => /* @__PURE__ */ t("div", { onClick: () => {
-  r && r(o.id);
-}, children: [
-  o.icon,
-  /* @__PURE__ */ i("span", { children: o.text })
-] }, o.id)) });
+const c = ({ items: e, onMenuClick: a }) => /* @__PURE__ */ i("div", { className: "MainMenu", children: e.map((n, l) => /* @__PURE__ */ i(
+  "div",
+  {
+    onClick: () => {
+      a && n.id && a(n.id);
+    },
+    className: n.title ? "MainMenuTitle" : void 0,
+    children: n.title ? /* @__PURE__ */ i("span", { children: n.title }) : /* @__PURE__ */ r(d, { children: [
+      n.icon,
+      /* @__PURE__ */ i("span", { children: n.text })
+    ] })
+  },
+  l
+)) });
 export {
-  M as default
+  c as default
 };

package/dist/index-BYwt_Akn.js

@@ -0,0 +1,28 @@
+import o from "./components/icons/Asterisk.js";
+import r from "./components/icons/Calendar.js";
+import e from "./components/icons/ChevronLeft.js";
+import m from "./components/icons/ChevronRight.js";
+import t from "./components/icons/Files.js";
+import i from "./components/icons/Gamepad.js";
+import f from "./components/icons/Menu.js";
+import p from "./components/icons/Plus.js";
+import l from "./components/icons/Rocket.js";
+import n from "./components/icons/TelefragLogo.js";
+import a from "./components/icons/Users.js";
+const k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Asterisk: o,
+  Calendar: r,
+  ChevronLeft: e,
+  ChevronRight: m,
+  Files: t,
+  Gamepad: i,
+  Menu: f,
+  Plus: p,
+  Rocket: l,
+  TelefragLogo: n,
+  Users: a
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  k as i
+};

package/dist/main.d.ts

@@ -9,10 +9,10 @@ import { default as Input } from './components/form/input/Input';
 import { default as Label } from './components/form/label/Label';
 import { RadioList, RadioListOption, RadioListValue } from './components/form/radio/RadioList';
 import { Button, ButtonType } from './components/form/button/Button';
-import { default as Select } from './components/form/select/Select';
+import { Select, SelectOption } from './components/form/select/Select';
 import { default as Hidden } from './components/form/hidden/Hidden';
 import { default as Checkbox } from './components/form/checkbox/Checkbox';
-import { default as CheckboxList } from './components/form/checkbox/CheckboxList';
+import { CheckboxList, CheckboxListOption } from './components/form/checkbox/CheckboxList';
 import { default as Fieldset } from './components/form/fieldset/Fieldset';
 import { Menu, MenuItem } from './components/ui/menu/Menu';
 import { default as Block } from './components/ui/block/Block';
@@ -28,6 +28,8 @@ import { default as Prompt } from './components/ui/prompt/Prompt';
 import { default as Sidebar } from './components/ui/sidebar/Sidebar';
 import { default as Editable } from './components/ui/editable/Editable';
 import { default as Layout } from './components/layout/Layout';
+import { MainMenuItem } from './components/layout/MainMenu';
 import { default as Page } from './components/layout/Page';
-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, };
-export type { FormData, MenuItem, ModalProps, ButtonType, RadioListOption, RadioListValue, };
+import * as Icons from './components/icons';
+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, };
+export type { FormData, MainMenuItem, MenuItem, ModalProps, ButtonType, CheckboxListOption, RadioListOption, RadioListValue, SelectOption, };

package/dist/main.js

@@ -3,19 +3,19 @@ import { Form as t } from "./components/form/form/Form.js";
 import { default as f } from "./components/form/form/FormRow.js";
 import { default as p } from "./components/form/form/FormCol.js";
 import { default as l } from "./components/form/date/Date.js";
-import { default as s } from "./components/form/date/DatePicker.js";
+import { default as d } from "./components/form/date/DatePicker.js";
 import { default as i } from "./components/form/time/Time.js";
-import { Files as P } from "./components/form/files/Files.js";
-import { default as c } from "./components/form/input/Input.js";
+import { Files as c } from "./components/form/files/Files.js";
+import { default as b } from "./components/form/input/Input.js";
 import { default as k } from "./components/form/label/Label.js";
 import { RadioList as L } from "./components/form/radio/RadioList.js";
 import { Button as g } from "./components/form/button/Button.js";
 import { Select as y } from "./components/form/select/Select.js";
 import { default as D } from "./components/form/hidden/Hidden.js";
-import { default as S } from "./components/form/checkbox/Checkbox.js";
-import { CheckboxList as w } from "./components/form/checkbox/CheckboxList.js";
-import { default as E } from "./components/form/fieldset/Fieldset.js";
-import { Menu as I } from "./components/ui/menu/Menu.js";
+import { default as R } from "./components/form/checkbox/Checkbox.js";
+import { CheckboxList as v } from "./components/form/checkbox/CheckboxList.js";
+import { default as A } from "./components/form/fieldset/Fieldset.js";
+import { Menu as H } from "./components/ui/menu/Menu.js";
 import { default as T } from "./components/ui/block/Block.js";
 import { default as q } from "./components/ui/panel/Panel.js";
 import { Modal as G } from "./components/ui/modal/Modal.js";
@@ -25,31 +25,33 @@ import { default as V } from "./components/ui/portal/Portal.js";
 import { default as X } from "./components/ui/message/Message.js";
 import { default as Z } from "./components/ui/alert/Alert.js";
 import { default as $ } from "./components/ui/confirm/Confirm.js";
-import { default as eo } from "./components/ui/prompt/Prompt.js";
+import { default as ro } from "./components/ui/prompt/Prompt.js";
 import { Sidebar as to } from "./components/ui/sidebar/Sidebar.js";
 import { default as fo } from "./components/ui/editable/Editable.js";
 import { default as po } from "./components/layout/Layout.js";
 import { default as lo } from "./components/layout/Page.js";
+import { i as uo } from "./index-BYwt_Akn.js";
 export {
   Z as Alert,
   T as Block,
   g as Button,
-  S as Checkbox,
-  w as CheckboxList,
+  R as Checkbox,
+  v as CheckboxList,
   $ as Confirm,
   l as Date,
-  s as DatePicker,
+  d as DatePicker,
   fo as Editable,
-  E as Fieldset,
-  P as Files,
+  A as Fieldset,
+  c as Files,
   t as Form,
   p as FormCol,
   f as FormRow,
   D as Hidden,
-  c as Input,
+  uo as Icons,
+  b as Input,
   k as Label,
   po as Layout,
-  I as Menu,
+  H as Menu,
   X as Message,
   G as Modal,
   K as Overlay,
@@ -57,7 +59,7 @@ export {
   q as Panel,
   Q as Popup,
   V as Portal,
-  eo as Prompt,
+  ro as Prompt,
   L as RadioList,
   y as Select,
   to as Sidebar,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@alxgrn/telefrag-ui",
   "description": "UI library for The Daily Telefrag project",
-  "version": "0.0.13",
+  "version": "0.0.15",
   "private": false,
   "author": "Alexander Fedorov <alex@molner.ru>",
   "license": "Apache-2.0",