@alxgrn/telefrag-ui 0.0.47 → 0.0.50

package/dist/components/icons/Check.js

@@ -0,0 +1,19 @@
+import { jsx as e } from "react/jsx-runtime";
+const t = () => /* @__PURE__ */ e(
+  "svg",
+  {
+    stroke: "currentColor",
+    fill: "none",
+    strokeWidth: "2",
+    viewBox: "0 0 24 24",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    height: "1em",
+    width: "1em",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ e("path", { d: "M20 6 9 17l-5-5" })
+  }
+);
+export {
+  t as default
+};

package/dist/components/icons/ChevronDown.d.ts

@@ -0,0 +1,2 @@
+declare const ChevronDown: () => import("react/jsx-runtime").JSX.Element;
+export default ChevronDown;

package/dist/components/icons/ChevronDown.js

@@ -0,0 +1,19 @@
+import { jsx as o } from "react/jsx-runtime";
+const r = () => /* @__PURE__ */ o(
+  "svg",
+  {
+    stroke: "currentColor",
+    fill: "none",
+    strokeWidth: "2",
+    viewBox: "0 0 24 24",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    height: "1em",
+    width: "1em",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: /* @__PURE__ */ o("path", { d: "m6 9 6 6 6-6" })
+  }
+);
+export {
+  r as default
+};

package/dist/components/icons/Eye.d.ts

@@ -0,0 +1,2 @@
+declare const Eye: () => import("react/jsx-runtime").JSX.Element;
+export default Eye;

package/dist/components/icons/Eye.js

@@ -0,0 +1,22 @@
+import { jsxs as o, jsx as e } from "react/jsx-runtime";
+const t = () => /* @__PURE__ */ o(
+  "svg",
+  {
+    stroke: "currentColor",
+    fill: "none",
+    strokeWidth: "2",
+    viewBox: "0 0 24 24",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    height: "1em",
+    width: "1em",
+    xmlns: "http://www.w3.org/2000/svg",
+    children: [
+      /* @__PURE__ */ e("path", { d: "M2.062 12.348a1 1 0 0 1 0-.696 10.75 10.75 0 0 1 19.876 0 1 1 0 0 1 0 .696 10.75 10.75 0 0 1-19.876 0" }),
+      /* @__PURE__ */ e("circle", { cx: "12", cy: "12", r: "3" })
+    ]
+  }
+);
+export {
+  t as default
+};

package/dist/components/icons/index.d.ts

@@ -11,6 +11,8 @@ import { default as Book } from './Book';
 import { default as Calendar } from './Calendar';
 import { default as CellsMerge } from './CellsMerge';
 import { default as CellsSplit } from './CellsSplit';
+import { default as Check } from './Check';
+import { default as ChevronDown } from './ChevronDown';
 import { default as ChevronLeft } from './ChevronLeft';
 import { default as ChevronRight } from './ChevronRight';
 import { default as Clock } from './Clock';
@@ -19,6 +21,7 @@ import { default as CodeXml } from './CodeXml';
 import { default as ColumnInsertAfter } from './ColumnInsertAfter';
 import { default as ColumnInsertBefore } from './ColumnInsertBefore';
 import { default as Expand } from './Expand';
+import { default as Eye } from './Eye';
 import { default as Feather } from './Feather';
 import { default as Files } from './Files';
 import { default as Film } from './Film';
@@ -60,4 +63,4 @@ import { default as Type } from './Type';
 import { default as Underline } from './Underline';
 import { default as Undo } from './Undo';
 import { default as Users } from './Users';
-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, };
+export { AlignBottom, AlignCenter, AlignJustify, AlignLeft, AlignMiddle, AlignRight, AlignTop, Asterisk, Bold, Book, Calendar, CellsMerge, CellsSplit, Check, ChevronDown, ChevronLeft, ChevronRight, Clock, Code, CodeXml, ColumnInsertAfter, ColumnInsertBefore, Expand, Eye, 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, };

package/dist/components/icons/index.js

@@ -7,59 +7,62 @@ import { default as x } from "./AlignRight.js";
 import { default as n } from "./AlignTop.js";
 import { default as h } from "./Asterisk.js";
 import { default as A } from "./Bold.js";
-import { default as H } from "./Book.js";
-import { default as c } from "./Calendar.js";
+import { default as c } from "./Book.js";
+import { default as I } from "./Calendar.js";
 import { default as R } from "./CellsMerge.js";
-import { default as B } from "./CellsSplit.js";
-import { default as M } from "./ChevronLeft.js";
-import { default as w } from "./ChevronRight.js";
-import { default as b } from "./Clock.js";
-import { default as y } from "./Code.js";
-import { default as D } from "./CodeXml.js";
-import { default as P } from "./ColumnInsertAfter.js";
-import { default as E } from "./ColumnInsertBefore.js";
-import { default as O } from "./Expand.js";
-import { default as V } from "./Feather.js";
-import { default as j } from "./Files.js";
-import { default as N } from "./Film.js";
-import { default as Y } from "./FlipVertical.js";
-import { default as _ } from "./Forum.js";
-import { default as ee } from "./Gamepad.js";
-import { default as oe } from "./Heading.js";
-import { default as ae } from "./Heading1.js";
-import { default as le } from "./Heading2.js";
-import { default as se } from "./Heading3.js";
-import { default as ue } from "./Heading4.js";
-import { default as xe } from "./Heading5.js";
-import { default as ne } from "./Heading6.js";
-import { default as he } from "./Image.js";
-import { default as Ae } from "./IndentDecrease.js";
-import { default as He } from "./Italic.js";
-import { default as ce } from "./JoinUp.js";
-import { default as Re } from "./Link.js";
-import { default as Be } from "./List.js";
-import { default as Me } from "./ListOrdered.js";
-import { default as we } from "./Maximize.js";
-import { default as be } from "./Menu.js";
-import { default as ye } from "./Minimize.js";
-import { default as De } from "./Pilcrow.js";
-import { default as Pe } from "./Plus.js";
-import { default as Ee } from "./Quote.js";
-import { default as Oe } from "./Redo.js";
-import { default as Ve } from "./Rocket.js";
-import { default as je } from "./RowInsertAfter.js";
-import { default as Ne } from "./RowInsertBefore.js";
-import { default as Ye } from "./ShowSidebar.js";
-import { default as _e } from "./Shrink.js";
-import { default as er } from "./SquareDashed.js";
-import { default as or } from "./Strikethrough.js";
-import { default as ar } from "./Table.js";
-import { default as lr } from "./TelefragLogo.js";
-import { default as sr } from "./Trash.js";
-import { default as ur } from "./Type.js";
-import { default as xr } from "./Underline.js";
-import { default as nr } from "./Undo.js";
-import { default as hr } from "./Users.js";
+import { default as w } from "./CellsSplit.js";
+import { default as F } from "./Check.js";
+import { default as T } from "./ChevronDown.js";
+import { default as v } from "./ChevronLeft.js";
+import { default as D } from "./ChevronRight.js";
+import { default as z } from "./Clock.js";
+import { default as J } from "./Code.js";
+import { default as q } from "./CodeXml.js";
+import { default as O } from "./ColumnInsertAfter.js";
+import { default as V } from "./ColumnInsertBefore.js";
+import { default as j } from "./Expand.js";
+import { default as N } from "./Eye.js";
+import { default as Y } from "./Feather.js";
+import { default as _ } from "./Files.js";
+import { default as ee } from "./Film.js";
+import { default as oe } from "./FlipVertical.js";
+import { default as ae } from "./Forum.js";
+import { default as le } from "./Gamepad.js";
+import { default as se } from "./Heading.js";
+import { default as ue } from "./Heading1.js";
+import { default as xe } from "./Heading2.js";
+import { default as ne } from "./Heading3.js";
+import { default as he } from "./Heading4.js";
+import { default as Ae } from "./Heading5.js";
+import { default as ce } from "./Heading6.js";
+import { default as Ie } from "./Image.js";
+import { default as Re } from "./IndentDecrease.js";
+import { default as we } from "./Italic.js";
+import { default as Fe } from "./JoinUp.js";
+import { default as Te } from "./Link.js";
+import { default as ve } from "./List.js";
+import { default as De } from "./ListOrdered.js";
+import { default as ze } from "./Maximize.js";
+import { default as Je } from "./Menu.js";
+import { default as qe } from "./Minimize.js";
+import { default as Oe } from "./Pilcrow.js";
+import { default as Ve } from "./Plus.js";
+import { default as je } from "./Quote.js";
+import { default as Ne } from "./Redo.js";
+import { default as Ye } from "./Rocket.js";
+import { default as _e } from "./RowInsertAfter.js";
+import { default as er } from "./RowInsertBefore.js";
+import { default as or } from "./ShowSidebar.js";
+import { default as ar } from "./Shrink.js";
+import { default as lr } from "./SquareDashed.js";
+import { default as sr } from "./Strikethrough.js";
+import { default as ur } from "./Table.js";
+import { default as xr } from "./TelefragLogo.js";
+import { default as nr } from "./Trash.js";
+import { default as hr } from "./Type.js";
+import { default as Ar } from "./Underline.js";
+import { default as cr } from "./Undo.js";
+import { default as Ir } from "./Users.js";
 export {
   o as AlignBottom,
   a as AlignCenter,
@@ -70,57 +73,60 @@ export {
   n as AlignTop,
   h as Asterisk,
   A as Bold,
-  H as Book,
-  c as Calendar,
+  c as Book,
+  I as Calendar,
   R as CellsMerge,
-  B as CellsSplit,
-  M as ChevronLeft,
-  w as ChevronRight,
-  b as Clock,
-  y as Code,
-  D as CodeXml,
-  P as ColumnInsertAfter,
-  E as ColumnInsertBefore,
-  O as Expand,
-  V as Feather,
-  j as Files,
-  N as Film,
-  Y as FlipVertical,
-  _ as Forum,
-  ee as Gamepad,
-  oe as Heading,
-  ae as Heading1,
-  le as Heading2,
-  se as Heading3,
-  ue as Heading4,
-  xe as Heading5,
-  ne as Heading6,
-  he as Image,
-  Ae as IndentDecrease,
-  He as Italic,
-  ce as JoinUp,
-  Re as Link,
-  Be as List,
-  Me as ListOrdered,
-  we as Maximize,
-  be as Menu,
-  ye as Minimize,
-  De as Pilcrow,
-  Pe as Plus,
-  Ee as Quote,
-  Oe as Redo,
-  Ve as Rocket,
-  je as RowInsertAfter,
-  Ne as RowInsertBefore,
-  Ye as ShowSidebar,
-  _e as Shrink,
-  er as SquareDashed,
-  or as Strikethrough,
-  ar as Table,
-  lr as TelefragLogo,
-  sr as Trash,
-  ur as Type,
-  xr as Underline,
-  nr as Undo,
-  hr as Users
+  w as CellsSplit,
+  F as Check,
+  T as ChevronDown,
+  v as ChevronLeft,
+  D as ChevronRight,
+  z as Clock,
+  J as Code,
+  q as CodeXml,
+  O as ColumnInsertAfter,
+  V as ColumnInsertBefore,
+  j as Expand,
+  N as Eye,
+  Y as Feather,
+  _ as Files,
+  ee as Film,
+  oe as FlipVertical,
+  ae as Forum,
+  le as Gamepad,
+  se as Heading,
+  ue as Heading1,
+  xe as Heading2,
+  ne as Heading3,
+  he as Heading4,
+  Ae as Heading5,
+  ce as Heading6,
+  Ie as Image,
+  Re as IndentDecrease,
+  we as Italic,
+  Fe as JoinUp,
+  Te as Link,
+  ve as List,
+  De as ListOrdered,
+  ze as Maximize,
+  Je as Menu,
+  qe as Minimize,
+  Oe as Pilcrow,
+  Ve as Plus,
+  je as Quote,
+  Ne as Redo,
+  Ye as Rocket,
+  _e as RowInsertAfter,
+  er as RowInsertBefore,
+  or as ShowSidebar,
+  ar as Shrink,
+  lr as SquareDashed,
+  sr as Strikethrough,
+  ur as Table,
+  xr as TelefragLogo,
+  nr as Trash,
+  hr as Type,
+  Ar as Underline,
+  cr as Undo,
+  Ir as Users
 };

package/dist/components/layout/Layout.js

@@ -3,7 +3,7 @@ import { useState as n } from "react";
 import l from "./Header.js";
 import u from "./Footer.js";
 import d from "./Content.js";
-import '../../assets/PageHeader.css';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 '../../assets/PageHeader.css';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/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/Popup.css';import '../../assets/Page.css';/* empty css                  */
 import "react-children-utilities";
 import "react-transition-group";
 import "react-dom";
@@ -15,12 +15,10 @@ import "react-dom";
 /* empty css                     */
 /* empty css                     */
 /* empty css                  */
-/* empty css                  */
 /* empty css                      */
 /* empty css                   */
 /* empty css                   */
 /* empty css                        */
-/* empty css                    */
 /* empty css                   */
 /* empty css                   */
 /* empty css                     */
@@ -29,9 +27,8 @@ import "react-dom";
 import { Sidebar as c } from "../ui/sidebar/Sidebar.js";
 /* empty css                      */
 /* empty css                        */
-import "../../index.es-CZnvHQxj.js";
 import b from "./MainMenu.js";
-const Y = ({ children: p, mainMenu: m, userMenu: e, onLogoClick: s, onMenuClick: r }) => {
+const U = ({ children: p, mainMenu: m, userMenu: e, onLogoClick: s, onMenuClick: r }) => {
   const [a, t] = n(!1);
   return /* @__PURE__ */ f("div", { className: "Layout", children: [
     /* @__PURE__ */ o(
@@ -63,5 +60,5 @@ const Y = ({ children: p, mainMenu: m, userMenu: e, onLogoClick: s, onMenuClick:
   ] });
 };
 export {
-  Y as default
+  U as default
 };

package/dist/components/layout/Page.js

@@ -1,5 +1,5 @@
 import { jsxs as o, jsx as i, Fragment as a } from "react/jsx-runtime";
-import '../../assets/PageHeader.css';import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Footer.css';import '../../assets/Header.css';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 '../../assets/PageHeader.css';import '../../assets/Content.css';import '../../assets/MainMenu.css';import '../../assets/Footer.css';import '../../assets/Header.css';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/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/Popup.css';import '../../assets/Page.css';/* empty css                  */
 import "react";
 import "react-children-utilities";
 import "react-transition-group";
@@ -12,12 +12,10 @@ import "react-dom";
 /* empty css                     */
 /* empty css                     */
 /* empty css                  */
-/* empty css                  */
 /* empty css                      */
 /* empty css                   */
 /* empty css                   */
 /* empty css                        */
-/* empty css                    */
 /* empty css                   */
 /* empty css                   */
 /* empty css                     */
@@ -30,8 +28,7 @@ import { Sidebar as n } from "../ui/sidebar/Sidebar.js";
 /* empty css                      */
 /* empty css                     */
 /* empty css                        */
-import "../../index.es-CZnvHQxj.js";
-const M = ({ header: t, children: p, sidebar: r, isSidebarVisible: e = !1, onSidebarClose: m }) => /* @__PURE__ */ o("div", { className: "Page", children: [
+const J = ({ header: t, children: p, sidebar: r, isSidebarVisible: e = !1, onSidebarClose: m }) => /* @__PURE__ */ o("div", { className: "Page", children: [
   t && /* @__PURE__ */ i(a, { children: t }),
   /* @__PURE__ */ o("div", { className: "PageBody", children: [
     /* @__PURE__ */ i("div", { className: "PageContent", children: p }),
@@ -50,5 +47,5 @@ const M = ({ header: t, children: p, sidebar: r, isSidebarVisible: e = !1, onSid
   )
 ] });
 export {
-  M as default
+  J as default
 };

package/dist/components/ui/popup/Popup.js

@@ -1,32 +1,32 @@
-import { jsx as s } from "react/jsx-runtime";
+import { jsx as d } from "react/jsx-runtime";
 import { useRef as S, useState as g, useEffect as m } from "react";
 import { CSSTransition as T } from "react-transition-group";
-import N from "../portal/Portal.js";
-import { ANIMATION_LENGTH as P } from "../../../config.js";
+import I from "../portal/Portal.js";
+import { ANIMATION_LENGTH as N } from "../../../config.js";
 import '../../../assets/Popup.css';/* empty css                      */
-const I = P, W = ({
+const P = N, $ = ({
   x: k,
   y,
-  parent: u,
-  isOpen: d,
-  onClose: c,
-  vertical: p = "auto",
-  horizontal: f = "auto",
+  parent: l,
+  isOpen: u,
+  onClose: a,
+  vertical: f = "auto",
+  horizontal: p = "auto",
   margin: o = "0",
   maxHeight: h = "none",
   width: b = "auto",
-  position: l = "absolute",
+  position: c = "absolute",
   children: w
 }) => {
-  const a = S(null), [E, x] = g({}), [v, L] = g({});
+  const s = S(null), [E, x] = g({}), [v, L] = g({});
   return m(() => {
-    if (!d) return;
+    if (!u) return;
     const r = document.documentElement.clientWidth, n = document.documentElement.clientHeight;
     let t = {};
-    u ? t = u.getBoundingClientRect() : (t.y = t.top = t.bottom = y, t.x = t.left = t.right = k, t.width = t.height = 0), L({
-      position: l,
-      top: l === "fixed" ? t.top : t.top + window.scrollY,
-      left: l === "fixed" ? t.left : t.left + window.scrollX,
+    l ? (t = l.getBoundingClientRect(), l.closest("ModalInner") && (c = "fixed")) : (t.y = t.top = t.bottom = y, t.x = t.left = t.right = k, t.width = t.height = 0), L({
+      position: c,
+      top: c === "fixed" ? t.top : t.top + window.scrollY,
+      left: c === "fixed" ? t.left : t.left + window.scrollX,
       width: t.width,
       height: t.height
     });
@@ -34,7 +34,7 @@ const I = P, W = ({
       width: b === "parent" ? t.width : "auto"
     };
     let i = 0;
-    switch (p) {
+    switch (f) {
       case "top":
         e.bottom = "100%", e.marginBottom = o, i = t.top;
         break;
@@ -51,7 +51,7 @@ const I = P, W = ({
         t.top < n - t.bottom ? (e.top = "100%", e.marginTop = o, i = n - t.bottom) : (e.bottom = "100%", e.marginBottom = o, i = t.top);
         break;
     }
-    switch (h === "auto" && (e.maxHeight = `calc(${i}px - 2 * ${o})`), f) {
+    switch (h === "auto" && (e.maxHeight = `calc(${i}px - 2 * ${o})`), p) {
       case "left":
         e.right = "100%", e.marginRight = o;
         break;
@@ -69,33 +69,33 @@ const I = P, W = ({
         break;
     }
     x(e);
-  }, [u, d, o, p, f, h, b, l]), m(() => {
+  }, [l, u, o, f, p, h, b, c]), m(() => {
     const r = (n) => {
-      a.current && !a.current.contains(n.target) && c();
+      s.current && !s.current.contains(n.target) && a();
     };
     return document.addEventListener("click", r, !0), () => {
       document.removeEventListener("click", r, !0);
     };
-  }, [c]), m(() => {
+  }, [a]), m(() => {
     const r = (n) => {
-      n.key === "Escape" && c();
+      n.key === "Escape" && a();
     };
     return document.body.addEventListener("keydown", r), () => {
       document.body.removeEventListener("keydown", r);
     };
-  }, [c]), /* @__PURE__ */ s(N, { id: "alxgrn-popup", children: /* @__PURE__ */ s(
+  }, [a]), /* @__PURE__ */ d(I, { id: "alxgrn-popup", children: /* @__PURE__ */ d(
     T,
     {
-      in: d,
-      timeout: I,
+      in: u,
+      timeout: P,
       unmountOnExit: !0,
       classNames: "Popup",
-      nodeRef: a,
-      children: /* @__PURE__ */ s("div", { className: "Popup", style: v, children: /* @__PURE__ */ s("div", { className: "PopupInner", ref: a, style: E, children: w }) })
+      nodeRef: s,
+      children: /* @__PURE__ */ d("div", { className: "Popup", style: v, children: /* @__PURE__ */ d("div", { className: "PopupInner", ref: s, style: E, children: w }) })
     }
   ) });
 };
 export {
-  W as Popup,
-  W as default
+  $ as Popup,
+  $ as default
 };