@alxgrn/telefrag-ui 0.0.47 → 0.0.51

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
 };

package/dist/index-fzAcu0Dr.js

@@ -0,0 +1,136 @@
+import o from "./components/icons/AlignBottom.js";
+import r from "./components/icons/AlignCenter.js";
+import m from "./components/icons/AlignJustify.js";
+import i from "./components/icons/AlignLeft.js";
+import t from "./components/icons/AlignMiddle.js";
+import e from "./components/icons/AlignRight.js";
+import f from "./components/icons/AlignTop.js";
+import p from "./components/icons/Asterisk.js";
+import n from "./components/icons/Bold.js";
+import l from "./components/icons/Book.js";
+import a from "./components/icons/Calendar.js";
+import d from "./components/icons/CellsMerge.js";
+import g from "./components/icons/CellsSplit.js";
+import s from "./components/icons/Check.js";
+import h from "./components/icons/ChevronDown.js";
+import C from "./components/icons/ChevronLeft.js";
+import u from "./components/icons/ChevronRight.js";
+import c from "./components/icons/Clock.js";
+import A from "./components/icons/Code.js";
+import k from "./components/icons/CodeXml.js";
+import S from "./components/icons/ColumnInsertAfter.js";
+import H from "./components/icons/ColumnInsertBefore.js";
+import I from "./components/icons/Expand.js";
+import L from "./components/icons/Eye.js";
+import M from "./components/icons/Feather.js";
+import R from "./components/icons/Files.js";
+import T from "./components/icons/Film.js";
+import b from "./components/icons/FlipVertical.js";
+import w from "./components/icons/Forum.js";
+import y from "./components/icons/Gamepad.js";
+import B from "./components/icons/Heading.js";
+import F from "./components/icons/Heading1.js";
+import v from "./components/icons/Heading2.js";
+import x from "./components/icons/Heading3.js";
+import U from "./components/icons/Heading4.js";
+import _ from "./components/icons/Heading5.js";
+import z from "./components/icons/Heading6.js";
+import D from "./components/icons/Image.js";
+import O from "./components/icons/IndentDecrease.js";
+import P from "./components/icons/Italic.js";
+import j from "./components/icons/JoinUp.js";
+import E from "./components/icons/Link.js";
+import J from "./components/icons/List.js";
+import q from "./components/icons/ListOrdered.js";
+import G from "./components/icons/Maximize.js";
+import Q from "./components/icons/Menu.js";
+import V from "./components/icons/Minimize.js";
+import X from "./components/icons/Pilcrow.js";
+import K from "./components/icons/Plus.js";
+import N from "./components/icons/Quote.js";
+import W from "./components/icons/Redo.js";
+import Y from "./components/icons/Rocket.js";
+import Z from "./components/icons/RowInsertAfter.js";
+import $ from "./components/icons/RowInsertBefore.js";
+import oo from "./components/icons/ShowSidebar.js";
+import ro from "./components/icons/Shrink.js";
+import mo from "./components/icons/SquareDashed.js";
+import io from "./components/icons/Strikethrough.js";
+import to from "./components/icons/Table.js";
+import eo from "./components/icons/TelefragLogo.js";
+import fo from "./components/icons/Trash.js";
+import po from "./components/icons/Type.js";
+import no from "./components/icons/Underline.js";
+import lo from "./components/icons/Undo.js";
+import ao from "./components/icons/Users.js";
+const Lr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  AlignBottom: o,
+  AlignCenter: r,
+  AlignJustify: m,
+  AlignLeft: i,
+  AlignMiddle: t,
+  AlignRight: e,
+  AlignTop: f,
+  Asterisk: p,
+  Bold: n,
+  Book: l,
+  Calendar: a,
+  CellsMerge: d,
+  CellsSplit: g,
+  Check: s,
+  ChevronDown: h,
+  ChevronLeft: C,
+  ChevronRight: u,
+  Clock: c,
+  Code: A,
+  CodeXml: k,
+  ColumnInsertAfter: S,
+  ColumnInsertBefore: H,
+  Expand: I,
+  Eye: L,
+  Feather: M,
+  Files: R,
+  Film: T,
+  FlipVertical: b,
+  Forum: w,
+  Gamepad: y,
+  Heading: B,
+  Heading1: F,
+  Heading2: v,
+  Heading3: x,
+  Heading4: U,
+  Heading5: _,
+  Heading6: z,
+  Image: D,
+  IndentDecrease: O,
+  Italic: P,
+  JoinUp: j,
+  Link: E,
+  List: J,
+  ListOrdered: q,
+  Maximize: G,
+  Menu: Q,
+  Minimize: V,
+  Pilcrow: X,
+  Plus: K,
+  Quote: N,
+  Redo: W,
+  Rocket: Y,
+  RowInsertAfter: Z,
+  RowInsertBefore: $,
+  ShowSidebar: oo,
+  Shrink: ro,
+  SquareDashed: mo,
+  Strikethrough: io,
+  Table: to,
+  TelefragLogo: eo,
+  Trash: fo,
+  Type: po,
+  Underline: no,
+  Undo: lo,
+  Users: ao
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  Lr as i
+};

package/dist/main.d.ts

@@ -32,7 +32,6 @@ import { default as Layout } from './components/layout/Layout';
 import { MainMenuItem } from './components/layout/MainMenu';
 import { default as Page } from './components/layout/Page';
 import { default as PageHeader } from './components/layout/PageHeader';
-import { MyInfiniteScroll as InfiniteScroll } from './components/ui/infinitescroll/InfiniteScroll';
 import * as Icons from './components/icons';
-export { Form, Date, Time, Files, Image, 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, PageHeader, Icons, InfiniteScroll, };
+export { Form, Date, Time, Files, Image, 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, PageHeader, Icons, };
 export type { FormData, MainMenuItem, MenuItem, ModalProps, ButtonType, CheckboxListOption, RadioListOption, RadioListValue, SelectOption, };

package/dist/main.js

@@ -2,18 +2,18 @@ import './assets/Page.css';/* empty css              */
 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 x } from "./components/form/date/Date.js";
-import { default as d } from "./components/form/date/DatePicker.js";
+import { default as l } from "./components/form/date/Date.js";
+import { default as s } from "./components/form/date/DatePicker.js";
 import { default as i } from "./components/form/time/Time.js";
-import { Files as c } from "./components/form/files/Files.js";
+import { Files as P } from "./components/form/files/Files.js";
 import { Image as b } from "./components/form/image/Image.js";
-import { default as I } 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 S } from "./components/form/button/Button.js";
-import { Select as h } from "./components/form/select/Select.js";
-import { default as D } from "./components/form/hidden/Hidden.js";
-import { default as R } from "./components/form/checkbox/Checkbox.js";
+import { default as g } from "./components/form/input/Input.js";
+import { default as C } from "./components/form/label/Label.js";
+import { RadioList as I } from "./components/form/radio/RadioList.js";
+import { Button as h } from "./components/form/button/Button.js";
+import { Select as B } from "./components/form/select/Select.js";
+import { default as H } 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 T } from "./components/ui/menu/Menu.js";
@@ -29,33 +29,31 @@ import { default as eo } from "./components/ui/confirm/Confirm.js";
 import { default as to } from "./components/ui/prompt/Prompt.js";
 import { Sidebar as fo } from "./components/ui/sidebar/Sidebar.js";
 import { default as po } from "./components/ui/editable/Editable.js";
-import { default as xo } from "./components/layout/Layout.js";
+import { default as lo } from "./components/layout/Layout.js";
 import { default as uo } from "./components/layout/Page.js";
 import { default as no } from "./components/layout/PageHeader.js";
-import { i as Po } from "./index-2Dtbwxm_.js";
-import { MyInfiniteScroll as Fo } from "./components/ui/infinitescroll/InfiniteScroll.js";
+import { i as co } from "./index-fzAcu0Dr.js";
 export {
   $ as Alert,
   q as Block,
-  S as Button,
-  R as Checkbox,
+  h as Button,
+  S as Checkbox,
   w as CheckboxList,
   eo as Confirm,
-  x as Date,
-  d as DatePicker,
+  l as Date,
+  s as DatePicker,
   po as Editable,
   E as Fieldset,
-  c as Files,
+  P as Files,
   t as Form,
   p as FormCol,
   f as FormRow,
-  D as Hidden,
-  Po as Icons,
+  H as Hidden,
+  co as Icons,
   b as Image,
-  Fo as InfiniteScroll,
-  I as Input,
-  k as Label,
-  xo as Layout,
+  g as Input,
+  C as Label,
+  lo as Layout,
   T as Menu,
   Z as Message,
   K as Modal,
@@ -66,8 +64,8 @@ export {
   V as Popup,
   X as Portal,
   to as Prompt,
-  L as RadioList,
-  h as Select,
+  I as RadioList,
+  B as Select,
   fo as Sidebar,
   i as Time
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@alxgrn/telefrag-ui",
   "description": "UI library for The Daily Telefrag project",
-  "version": "0.0.47",
+  "version": "0.0.51",
   "private": false,
   "author": "Alexander Fedorov <alex@molner.ru>",
   "license": "Apache-2.0",
@@ -31,7 +31,6 @@
     "react": "^19.0.0",
     "react-children-utilities": "^2.10.0",
     "react-dom": "^19.0.0",
-    "react-infinite-scroll-component": "^6.1.0",
     "react-transition-group": "^4.4.5"
   },
   "devDependencies": {

package/dist/assets/Select.css

@@ -1 +0,0 @@
-:root{--alxgrn-select-bg: var(--alxgrn-bg-accent);--alxgrn-select-color: var(--alxgrn-color-text);--alxgrn-select-border: var(--alxgrn-border-accent);--alxgrn-select-bg-focus: var(--alxgrn-bg-active);--alxgrn-select-color-focus: var(--alxgrn-color-text);--alxgrn-select-border-focus: var(--alxgrn-border-accent);--alxgrn-select-bg-error: var(--alxgrn-bg-error);--alxgrn-select-color-error: var(--alxgrn-color-error);--alxgrn-select-border-error: var(--alxgrn-border-error);--alxgrn-select-bg-success: var(--alxgrn-bg-success);--alxgrn-select-color-success: var(--alxgrn-color-success);--alxgrn-select-border-success: var(--alxgrn-border-success);--alxgrn-select-bg-disabled: var(--alxgrn-bg-light);--alxgrn-select-color-disabled: var(--alxgrn-color-light);--alxgrn-select-border-disabled: var(--alxgrn-border-light)}.FormItem select{color:var(--alxgrn-select-color);padding:var(--alxgrn-unit-half);margin:0;font-size:inherit;line-height:inherit;font-family:inherit;border-radius:var(--alxgrn-unit-small);border:1px solid var(--alxgrn-select-border);width:100%;display:block;background-color:var(--alxgrn-select-bg);appearance:none;-moz-appearance:none;-webkit-appearance:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}.FormItem select:focus{outline:none;color:var(--alxgrn-select-color-focus);background-color:var(--alxgrn-select-bg-focus);border:1px solid var(--alxgrn-select-border-focus)}.FormItem select:disabled{color:var(--alxgrn-select-color-disabled);border-color:var(--alxgrn-select-border-disabled);background-color:var(--alxgrn-select-bg-disabled);cursor:default}.FormItem select{padding-right:var(--alxgrn-unit-double);cursor:pointer}.FormItem .SelectWrap{position:relative}.FormItem .SelectWrap:before{content:"";position:absolute;width:0;height:0;border:var(--alxgrn-unit-small) solid transparent;border-top-color:var(--alxgrn-select-border);top:var(--alxgrn-unit);right:calc(var(--alxgrn-unit) - var(--alxgrn-unit-small));cursor:pointer;pointer-events:none}.FormItem .SelectWrap.Disabled:before{border-top-color:var(--alxgrn-select-border-disabled);cursor:default}.FormItem .SelectWrap.Error:before{border-top-color:var(--alxgrn-select-border-error)}

package/dist/assets/Time.css

@@ -1 +0,0 @@
-.FormItem .Time{display:flex;gap:var(--alxgrn-unit-half);align-items:center}

package/dist/components/ui/infinitescroll/InfiniteScroll.d.ts

@@ -1,13 +0,0 @@
-import { FC, PropsWithChildren, ReactNode } from 'react';
-type Props = {
-    dataLength: number;
-    loadMore: () => void;
-    hasMore: boolean;
-    loader?: ReactNode;
-    endMessage?: ReactNode;
-    scrollThreshold?: number | string;
-    className?: string;
-    style?: object;
-};
-export declare const MyInfiniteScroll: FC<PropsWithChildren<Props>>;
-export default MyInfiniteScroll;

package/dist/components/ui/infinitescroll/InfiniteScroll.js

@@ -1,30 +0,0 @@
-import { jsx as p } from "react/jsx-runtime";
-import { I as s } from "../../../index.es-CZnvHQxj.js";
-const c = ({
-  dataLength: o,
-  children: t,
-  loadMore: r,
-  hasMore: i,
-  loader: n,
-  endMessage: e,
-  scrollThreshold: f = "200px",
-  className: l,
-  style: m
-}) => /* @__PURE__ */ p(
-  s,
-  {
-    dataLength: o,
-    next: r,
-    hasMore: i,
-    loader: n,
-    endMessage: e,
-    className: l,
-    style: m,
-    scrollThreshold: f,
-    children: t
-  }
-);
-export {
-  c as MyInfiniteScroll,
-  c as default
-};

package/dist/index-2Dtbwxm_.js

@@ -1,130 +0,0 @@
-import o from "./components/icons/AlignBottom.js";
-import r from "./components/icons/AlignCenter.js";
-import m from "./components/icons/AlignJustify.js";
-import i from "./components/icons/AlignLeft.js";
-import t from "./components/icons/AlignMiddle.js";
-import e from "./components/icons/AlignRight.js";
-import f from "./components/icons/AlignTop.js";
-import p from "./components/icons/Asterisk.js";
-import n from "./components/icons/Bold.js";
-import l from "./components/icons/Book.js";
-import a from "./components/icons/Calendar.js";
-import d from "./components/icons/CellsMerge.js";
-import g from "./components/icons/CellsSplit.js";
-import s from "./components/icons/ChevronLeft.js";
-import u from "./components/icons/ChevronRight.js";
-import h from "./components/icons/Clock.js";
-import C from "./components/icons/Code.js";
-import A from "./components/icons/CodeXml.js";
-import c from "./components/icons/ColumnInsertAfter.js";
-import S from "./components/icons/ColumnInsertBefore.js";
-import k from "./components/icons/Expand.js";
-import H from "./components/icons/Feather.js";
-import I from "./components/icons/Files.js";
-import L from "./components/icons/Film.js";
-import M from "./components/icons/FlipVertical.js";
-import R from "./components/icons/Forum.js";
-import T from "./components/icons/Gamepad.js";
-import b from "./components/icons/Heading.js";
-import B from "./components/icons/Heading1.js";
-import F from "./components/icons/Heading2.js";
-import w from "./components/icons/Heading3.js";
-import x from "./components/icons/Heading4.js";
-import y from "./components/icons/Heading5.js";
-import U from "./components/icons/Heading6.js";
-import _ from "./components/icons/Image.js";
-import v from "./components/icons/IndentDecrease.js";
-import z from "./components/icons/Italic.js";
-import O from "./components/icons/JoinUp.js";
-import P from "./components/icons/Link.js";
-import j from "./components/icons/List.js";
-import D from "./components/icons/ListOrdered.js";
-import J from "./components/icons/Maximize.js";
-import q from "./components/icons/Menu.js";
-import E from "./components/icons/Minimize.js";
-import G from "./components/icons/Pilcrow.js";
-import Q from "./components/icons/Plus.js";
-import V from "./components/icons/Quote.js";
-import X from "./components/icons/Redo.js";
-import K from "./components/icons/Rocket.js";
-import N from "./components/icons/RowInsertAfter.js";
-import W from "./components/icons/RowInsertBefore.js";
-import Y from "./components/icons/ShowSidebar.js";
-import Z from "./components/icons/Shrink.js";
-import $ from "./components/icons/SquareDashed.js";
-import oo from "./components/icons/Strikethrough.js";
-import ro from "./components/icons/Table.js";
-import mo from "./components/icons/TelefragLogo.js";
-import io from "./components/icons/Trash.js";
-import to from "./components/icons/Type.js";
-import eo from "./components/icons/Underline.js";
-import fo from "./components/icons/Undo.js";
-import po from "./components/icons/Users.js";
-const Ar = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  AlignBottom: o,
-  AlignCenter: r,
-  AlignJustify: m,
-  AlignLeft: i,
-  AlignMiddle: t,
-  AlignRight: e,
-  AlignTop: f,
-  Asterisk: p,
-  Bold: n,
-  Book: l,
-  Calendar: a,
-  CellsMerge: d,
-  CellsSplit: g,
-  ChevronLeft: s,
-  ChevronRight: u,
-  Clock: h,
-  Code: C,
-  CodeXml: A,
-  ColumnInsertAfter: c,
-  ColumnInsertBefore: S,
-  Expand: k,
-  Feather: H,
-  Files: I,
-  Film: L,
-  FlipVertical: M,
-  Forum: R,
-  Gamepad: T,
-  Heading: b,
-  Heading1: B,
-  Heading2: F,
-  Heading3: w,
-  Heading4: x,
-  Heading5: y,
-  Heading6: U,
-  Image: _,
-  IndentDecrease: v,
-  Italic: z,
-  JoinUp: O,
-  Link: P,
-  List: j,
-  ListOrdered: D,
-  Maximize: J,
-  Menu: q,
-  Minimize: E,
-  Pilcrow: G,
-  Plus: Q,
-  Quote: V,
-  Redo: X,
-  Rocket: K,
-  RowInsertAfter: N,
-  RowInsertBefore: W,
-  ShowSidebar: Y,
-  Shrink: Z,
-  SquareDashed: $,
-  Strikethrough: oo,
-  Table: ro,
-  TelefragLogo: mo,
-  Trash: io,
-  Type: to,
-  Underline: eo,
-  Undo: fo,
-  Users: po
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  Ar as i
-};