@alxgrn/telefrag-ui 0.1.2 → 0.1.3

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

@@ -1,6 +1,6 @@
 import { jsxs as b, jsx as m } from "react/jsx-runtime";
-import { useState as q, useEffect as H } from "react";
-import h, { isValidDate as R } from "../date/Date.js";
+import { useState as H, useEffect as R } from "react";
+import h, { isValidDate as T } from "../date/Date.js";
 import { RadioList as x } from "../radio/RadioList.js";
 import { Select as y } from "../select/Select.js";
 import { CheckboxList as F } from "../checkbox/CheckboxList.js";
@@ -17,8 +17,8 @@ import { Image as D } from "../image/Image.js";
 import E from "../input/Input.js";
 /* empty css                             */
 /* empty css                      */
-import T from "../hidden/Hidden.js";
-import B from "../checkbox/Checkbox.js";
+import B from "../hidden/Hidden.js";
+import S from "../checkbox/Checkbox.js";
 /* empty css                         */
 import "react-transition-group";
 import "react-dom";
@@ -37,60 +37,63 @@ import l from "../../ui/block/Block.js";
 /* empty css                       */
 /* empty css                         */
 /* empty css                        */
-import S from "./traverse.js";
-const Eo = ({
+import j from "./traverse.js";
+const De = ({
   info: u,
   error: d,
   success: k,
   submit: p,
   cancel: f,
-  submitType: j = "Accent",
-  cancelType: w = "Error",
-  wide: A,
+  submitType: w = "Accent",
+  cancelType: A = "Error",
+  wide: L,
   onSubmit: v,
-  onCancel: L,
+  onCancel: N,
   children: c
 }) => {
-  const [N, i] = q(!1);
-  return H(() => {
-    p && (i(!1), S(c, (r) => {
-      const e = r.props;
+  const [q, r] = H(!1);
+  return R(() => {
+    p && (r(!1), j(c, (t) => {
+      const e = t.props;
       if (e.required)
-        switch (r.type) {
+        switch (t.type) {
           case I:
           case E:
-            e.value.trim() || i(!0);
+            e.value.trim() || r(!0);
             break;
-          case B:
-            e.checked || i(!0);
+          case S:
+            e.checked || r(!0);
             break;
           case y:
             {
-              const s = e.value;
-              e.options.findIndex((a) => a.value === s) < 0 && i(!0);
+              const a = e.value;
+              e.options.findIndex((s) => s.value === a) < 0 && r(!0);
             }
             break;
           case x:
             {
-              const s = e.value;
-              e.options.findIndex((a) => a.value === s) < 0 && i(!0);
+              const a = e.value;
+              e.options.findIndex((s) => s.value === a) < 0 && r(!0);
             }
             break;
           case g:
-            e.files.length < 1 && i(!0);
+            e.files.length < 1 && r(!0);
             break;
           case D:
-            e.value || i(!0);
+            e.value || r(!0);
             break;
           case h:
-            R(e.value.trim()) || i(!0);
+            T(e.value.trim()) || r(!0);
             break;
           case F:
-            e.options.findIndex((n) => n.checked === !0) < 0 && i(!0);
+            e.options.findIndex((n) => n.checked === !0) < 0 && r(!0);
+            break;
+          case B:
+            `${e.value}`.trim() || r(!0);
             break;
         }
     }));
-  }, [c, p]), /* @__PURE__ */ b("div", { className: A ? "Form FormWide" : "Form", children: [
+  }, [c, p]), /* @__PURE__ */ b("div", { className: L ? "Form FormWide" : "Form", children: [
     k && /* @__PURE__ */ m(l, { type: "Success", children: k }),
     d && /* @__PURE__ */ m(l, { type: "Error", children: d }),
     u && /* @__PURE__ */ m(l, { children: u }),
@@ -99,27 +102,27 @@ const Eo = ({
       p && /* @__PURE__ */ m(
         C,
         {
-          type: j,
+          type: w,
           label: p,
-          disabled: N,
+          disabled: q,
           onClick: () => {
             if (!v) return;
-            const r = {}, e = (t, o) => {
-              if (!r[t]) {
-                r[t] = o;
+            const t = {}, e = (i, o) => {
+              if (!t[i]) {
+                t[i] = o;
                 return;
               }
-              r[t] instanceof Array ? r[t].push(o) : r[t] = [r[t], o];
+              t[i] instanceof Array ? t[i].push(o) : t[i] = [t[i], o];
             };
-            S(c, (t) => {
-              const o = t.props;
-              switch (t.type) {
+            j(c, (i) => {
+              const o = i.props;
+              switch (i.type) {
                 case h:
                 case I:
                 case E:
                   e(o.id, o.value.trim());
                   break;
-                case B:
+                case S:
                   e(o.id, o.checked ? o.value : void 0);
                   break;
                 case y:
@@ -132,34 +135,34 @@ const Eo = ({
                 case D:
                   e(o.id, o.value);
                   break;
-                case T:
+                case B:
                   e(o.id, o.value);
                   break;
                 case F:
                   {
-                    const s = [];
-                    o.options.forEach((a) => {
-                      a.checked && s.push(a.value);
-                    }), e(o.id, s);
+                    const a = [];
+                    o.options.forEach((s) => {
+                      s.checked && a.push(s.value);
+                    }), e(o.id, a);
                   }
                   break;
               }
-            }), v(r);
+            }), v(t);
           }
         }
       ),
       f && /* @__PURE__ */ m(
         C,
         {
-          type: w,
+          type: A,
           label: f,
-          onClick: L
+          onClick: N
         }
       )
     ] })
   ] });
 };
 export {
-  Eo as Form,
-  Eo as default
+  De as Form,
+  De as default
 };

package/dist/components/form/form/traverse.js

@@ -6,6 +6,7 @@ function i(t) {
   var o;
   if (!r.isValidElement(t)) return !1;
   let e = t.type;
+  if (typeof e == "string") return !1;
   for (; f(e) && (e.$$typeof === Symbol.for("react.memo") || e.$$typeof === Symbol.for("react.forward_ref")); )
     e = e.type;
   return typeof e == "function" && !((o = e.prototype) != null && o.isReactComponent);

package/dist/components/form/hidden/Hidden.d.ts

@@ -2,6 +2,7 @@ import { default as React } from 'react';
 export interface HiddenProps {
     id: string;
     value: string | number;
+    required?: boolean;
 }
 declare const Hidden: React.FC<HiddenProps>;
 export default Hidden;

package/dist/components/form/hidden/Hidden.js

@@ -1,12 +1,13 @@
-import { jsx as e } from "react/jsx-runtime";
-const n = ({ id: t, value: d }) => /* @__PURE__ */ e(
+import { jsx as i } from "react/jsx-runtime";
+const o = ({ id: t, value: d, required: e }) => /* @__PURE__ */ i(
   "input",
   {
     id: t,
     type: "hidden",
-    value: d
+    value: d,
+    required: e
   }
 );
 export {
-  n as default
+  o as default
 };

package/package.json

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