@alxgrn/telefrag-ui 0.0.28 → 0.0.29

package/dist/components/form/form/Form.js

@@ -8,12 +8,12 @@ import '../../../assets/PageHeader.css';import '../../../assets/Content.css';imp
 /* empty css                        */
 /* empty css                           */
 import T from "../time/Time.js";
-import { Files as g } from "../files/Files.js";
-import { Image as C } from "../image/Image.js";
-import E from "../input/Input.js";
+import { Files as C } from "../files/Files.js";
+import { Image as E } from "../image/Image.js";
+import I from "../input/Input.js";
 /* empty css                             */
 /* empty css                      */
-import { RadioList as I } from "../radio/RadioList.js";
+import { RadioList as g } from "../radio/RadioList.js";
 import { Select as D } from "../select/Select.js";
 import V from "../hidden/Hidden.js";
 import B from "../checkbox/Checkbox.js";
@@ -35,7 +35,7 @@ import l from "../../ui/block/Block.js";
 /* empty css                         */
 /* empty css                        */
 /* empty css                           */
-const Ce = ({
+const Ee = ({
   info: d,
   error: k,
   success: b,
@@ -57,7 +57,7 @@ const Ce = ({
       const e = o.props;
       if (e.required)
         switch (o.type) {
-          case E:
+          case I:
             e.value.trim() || i(!0);
             break;
           case B:
@@ -69,17 +69,17 @@ const Ce = ({
               e.options.findIndex((p) => p.value === a) < 0 && i(!0);
             }
             break;
-          case I:
+          case g:
             {
               const a = e.value;
               e.options.findIndex((p) => p.value === a) < 0 && i(!0);
             }
             break;
-          case g:
+          case C:
             e.files.length < 1 && i(!0);
             break;
-          case C:
-            e.image || i(!0);
+          case E:
+            e.value || i(!0);
             break;
           case x:
             R(e.value.trim()) || i(!0);
@@ -118,21 +118,21 @@ const Ce = ({
               switch (s.type) {
                 case x:
                 case T:
-                case E:
+                case I:
                   o(t.id, t.value.trim());
                   break;
                 case B:
                   o(t.id, t.checked ? t.value : void 0);
                   break;
                 case D:
-                case I:
+                case g:
                   o(t.id, t.value);
                   break;
-                case g:
+                case C:
                   o(t.id, t.files);
                   break;
-                case C:
-                  o(t.id, t.image);
+                case E:
+                  o(t.id, t.value);
                   break;
                 case V:
                   o(t.id, t.value);
@@ -162,6 +162,6 @@ const Ce = ({
   ] });
 };
 export {
-  Ce as Form,
-  Ce as default
+  Ee as Form,
+  Ee as default
 };

package/dist/components/form/image/Image.d.ts

@@ -1,7 +1,7 @@
 import { default as React, FC } from 'react';
 export interface FilesProps {
     id: string;
-    image?: File;
+    value?: File;
     text?: React.ReactNode;
     label?: string | null;
     placeholder?: string | null;

package/dist/components/form/image/Image.js

@@ -1,12 +1,14 @@
-import { jsx as o, jsxs as $ } from "react/jsx-runtime";
-import { useState as f, useEffect as u } from "react";
-import k from "../label/Label.js";
+import { jsx as r, jsxs as F, Fragment as C } from "react/jsx-runtime";
+import { useState as n, useEffect as d } from "react";
+import E from "../label/Label.js";
 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/Sidebar.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/RequiredMark.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/Popup.css';import '../../../assets/Page.css';/* empty css                     */
 import "react-children-utilities";
 import "react-transition-group";
 import "react-dom";
 /* empty css                      */
-import E from "../../icons/Trash.js";
+import L from "../../icons/Clock.js";
+import N from "../../icons/Image.js";
+import j from "../../icons/Trash.js";
 /* empty css                           */
 /* empty css                       */
 /* empty css                        */
@@ -31,73 +33,73 @@ import E from "../../icons/Trash.js";
 /* empty css                         */
 /* empty css                        */
 /* empty css                           */
-const mr = ({
-  id: d,
-  image: t,
-  text: s,
-  onChange: a,
-  accept: v,
-  top: g,
-  bottom: h,
-  label: I,
+const cr = ({
+  id: u,
+  value: o,
+  text: l,
+  onChange: f,
+  accept: h,
+  top: I,
+  bottom: b,
+  label: R,
   placeholder: i,
-  required: e = !1,
-  disabled: m = !1
+  required: m = !1,
+  disabled: e = !1
 }) => {
-  const [l, n] = f(!1), [c, p] = f(void 0);
-  u(() => {
-    n(!!(e && !t));
-  }, [t, e]), u(() => {
-    if (p(void 0), t) {
-      const r = new FileReader();
-      r.onload = function() {
-        p({ backgroundImage: `url(${this.result}` });
-      }, r.readAsDataURL(t);
+  const [c, g] = n(!1), [s, p] = n(void 0), [$, a] = n(!1);
+  d(() => {
+    g(!!(m && !o));
+  }, [o, m]), d(() => {
+    if (p(void 0), a(!1), o) {
+      const t = new FileReader();
+      a(!0), t.onload = function() {
+        p({ backgroundImage: `url(${this.result}` }), a(!1);
+      }, t.readAsDataURL(o);
       return;
     }
     i && p({ backgroundImage: `url(${i}` });
-  }, [i, t]);
-  const b = (r) => {
-    const R = r.target, y = Array.from(R.files);
-    a(y[0]);
+  }, [i, o]);
+  const k = (t) => {
+    const v = t.target, y = Array.from(v.files);
+    f(y[0]);
   };
-  return /* @__PURE__ */ o("div", { className: "FormItem", children: /* @__PURE__ */ o(
-    k,
+  return /* @__PURE__ */ r("div", { className: "FormItem", children: /* @__PURE__ */ r(
+    E,
     {
-      top: g,
-      bottom: h,
-      label: I,
-      required: e,
-      disabled: m,
-      error: l,
+      top: I,
+      bottom: b,
+      label: R,
+      required: m,
+      disabled: e,
+      error: c,
       passive: !0,
-      children: /* @__PURE__ */ $(
+      children: /* @__PURE__ */ r(
         "div",
         {
-          className: `ImageLabel ${m ? "Disabled" : ""} ${l ? "Error" : ""}`,
-          style: c,
-          children: [
-            s && !c && s,
-            t && /* @__PURE__ */ o("div", { className: "ImageRemove", onClick: (r) => {
-              r.stopPropagation(), a();
-            }, children: /* @__PURE__ */ o(E, {}) }),
-            /* @__PURE__ */ o("label", { children: /* @__PURE__ */ o(
+          className: `ImageLabel ${e ? "Disabled" : ""} ${c ? "Error" : ""}`,
+          style: s,
+          children: $ ? /* @__PURE__ */ r(L, {}) : /* @__PURE__ */ F(C, { children: [
+            l ? !s && l : !s && /* @__PURE__ */ r(N, {}),
+            o && /* @__PURE__ */ r("div", { className: "ImageRemove", onClick: (t) => {
+              t.stopPropagation(), f();
+            }, children: /* @__PURE__ */ r(j, {}) }),
+            /* @__PURE__ */ r("label", { children: /* @__PURE__ */ r(
               "input",
               {
-                id: d,
+                id: u,
                 type: "file",
-                accept: v ?? "image/*",
-                onChange: (r) => b(r),
-                disabled: !!m
+                accept: h ?? "image/*",
+                onChange: (t) => k(t),
+                disabled: !!e
               }
             ) })
-          ]
+          ] })
         }
       )
     }
   ) });
 };
 export {
-  mr as Image,
-  mr as default
+  cr as Image,
+  cr as default
 };

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

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

package/dist/components/icons/Clock.js

@@ -0,0 +1,22 @@
+import { jsxs as e, jsx as o } 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__ */ o("circle", { cx: "12", cy: "12", r: "10" }),
+      /* @__PURE__ */ o("polyline", { points: "12 6 12 12 16 14" })
+    ]
+  }
+);
+export {
+  t as default
+};

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

@@ -3,6 +3,7 @@ import { default as Book } from './Book';
 import { default as Calendar } from './Calendar';
 import { default as ChevronLeft } from './ChevronLeft';
 import { default as ChevronRight } from './ChevronRight';
+import { default as Clock } from './Clock';
 import { default as Feather } from './Feather';
 import { default as Files } from './Files';
 import { default as Forum } from './Forum';
@@ -15,4 +16,4 @@ import { default as ShowSidebar } from './ShowSidebar';
 import { default as TelefragLogo } from './TelefragLogo';
 import { default as Trash } from './Trash';
 import { default as Users } from './Users';
-export { Asterisk, Book, Calendar, ChevronLeft, ChevronRight, Feather, Files, Forum, Gamepad, Image, Menu, Plus, Rocket, ShowSidebar, TelefragLogo, Trash, Users, };
+export { Asterisk, Book, Calendar, ChevronLeft, ChevronRight, Clock, Feather, Files, Forum, Gamepad, Image, Menu, Plus, Rocket, ShowSidebar, TelefragLogo, Trash, Users, };

package/dist/components/icons/index.js

@@ -1,36 +1,38 @@
-import { default as a } from "./Asterisk.js";
+import { default as r } from "./Asterisk.js";
 import { default as t } from "./Book.js";
 import { default as s } from "./Calendar.js";
 import { default as d } from "./ChevronLeft.js";
 import { default as u } from "./ChevronRight.js";
-import { default as x } from "./Feather.js";
-import { default as g } from "./Files.js";
-import { default as n } from "./Forum.js";
-import { default as C } from "./Gamepad.js";
-import { default as v } from "./Image.js";
-import { default as R } from "./Menu.js";
-import { default as T } from "./Plus.js";
-import { default as c } from "./Rocket.js";
-import { default as A } from "./ShowSidebar.js";
-import { default as G } from "./TelefragLogo.js";
-import { default as M } from "./Trash.js";
-import { default as U } from "./Users.js";
+import { default as x } from "./Clock.js";
+import { default as g } from "./Feather.js";
+import { default as k } from "./Files.js";
+import { default as C } from "./Forum.js";
+import { default as c } from "./Gamepad.js";
+import { default as L } from "./Image.js";
+import { default as S } from "./Menu.js";
+import { default as b } from "./Plus.js";
+import { default as A } from "./Rocket.js";
+import { default as G } from "./ShowSidebar.js";
+import { default as M } from "./TelefragLogo.js";
+import { default as U } from "./Trash.js";
+import { default as q } from "./Users.js";
 export {
-  a as Asterisk,
+  r as Asterisk,
   t as Book,
   s as Calendar,
   d as ChevronLeft,
   u as ChevronRight,
-  x as Feather,
-  g as Files,
-  n as Forum,
-  C as Gamepad,
-  v as Image,
-  R as Menu,
-  T as Plus,
-  c as Rocket,
-  A as ShowSidebar,
-  G as TelefragLogo,
-  M as Trash,
-  U as Users
+  x as Clock,
+  g as Feather,
+  k as Files,
+  C as Forum,
+  c as Gamepad,
+  L as Image,
+  S as Menu,
+  b as Plus,
+  A as Rocket,
+  G as ShowSidebar,
+  M as TelefragLogo,
+  U as Trash,
+  q as Users
 };

package/dist/index-6RIqPshF.js

@@ -0,0 +1,42 @@
+import o from "./components/icons/Asterisk.js";
+import r from "./components/icons/Book.js";
+import m from "./components/icons/Calendar.js";
+import t from "./components/icons/ChevronLeft.js";
+import e from "./components/icons/ChevronRight.js";
+import i from "./components/icons/Clock.js";
+import f from "./components/icons/Feather.js";
+import p from "./components/icons/Files.js";
+import a from "./components/icons/Forum.js";
+import l from "./components/icons/Gamepad.js";
+import n from "./components/icons/Image.js";
+import s from "./components/icons/Menu.js";
+import d from "./components/icons/Plus.js";
+import g from "./components/icons/Rocket.js";
+import h from "./components/icons/ShowSidebar.js";
+import u from "./components/icons/TelefragLogo.js";
+import c from "./components/icons/Trash.js";
+import b from "./components/icons/Users.js";
+const B = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  Asterisk: o,
+  Book: r,
+  Calendar: m,
+  ChevronLeft: t,
+  ChevronRight: e,
+  Clock: i,
+  Feather: f,
+  Files: p,
+  Forum: a,
+  Gamepad: l,
+  Image: n,
+  Menu: s,
+  Plus: d,
+  Rocket: g,
+  ShowSidebar: h,
+  TelefragLogo: u,
+  Trash: c,
+  Users: b
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  B as i
+};

package/dist/main.js

@@ -32,7 +32,7 @@ import { default as po } from "./components/ui/editable/Editable.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 co } from "./index-BFCi4-Mt.js";
+import { i as co } from "./index-6RIqPshF.js";
 export {
   $ as Alert,
   q as Block,

package/package.json

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

package/dist/index-BFCi4-Mt.js

@@ -1,40 +0,0 @@
-import o from "./components/icons/Asterisk.js";
-import r from "./components/icons/Book.js";
-import m from "./components/icons/Calendar.js";
-import t from "./components/icons/ChevronLeft.js";
-import e from "./components/icons/ChevronRight.js";
-import i from "./components/icons/Feather.js";
-import f from "./components/icons/Files.js";
-import p from "./components/icons/Forum.js";
-import a from "./components/icons/Gamepad.js";
-import l from "./components/icons/Image.js";
-import n from "./components/icons/Menu.js";
-import s from "./components/icons/Plus.js";
-import d from "./components/icons/Rocket.js";
-import g from "./components/icons/ShowSidebar.js";
-import h from "./components/icons/TelefragLogo.js";
-import u from "./components/icons/Trash.js";
-import b from "./components/icons/Users.js";
-const z = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  Asterisk: o,
-  Book: r,
-  Calendar: m,
-  ChevronLeft: t,
-  ChevronRight: e,
-  Feather: i,
-  Files: f,
-  Forum: p,
-  Gamepad: a,
-  Image: l,
-  Menu: n,
-  Plus: s,
-  Rocket: d,
-  ShowSidebar: g,
-  TelefragLogo: h,
-  Trash: u,
-  Users: b
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  z as i
-};