@cronocode/react-box 1.0.0 → 1.0.1

package/components/buttonCore.d.ts

@@ -1,5 +1,5 @@
 import Box from '../box';
-declare type BoxProps = React.ComponentProps<typeof Box>;
+declare type BoxProps = React.ComponentProps<typeof Box<'button'>>;
 declare type BoxTagProps = Required<BoxProps>['props'];
 declare type ButtonTagProps = Omit<BoxTagProps, 'type' | 'onClick' | 'disabled'>;
 declare type ButtonType = Required<React.ComponentProps<'button'>>['type'];

package/components/formAsync.d.ts

@@ -1,5 +1,9 @@
-interface Props<T> {
-    children: React.ReactNode;
+import Box from '../box';
+declare type BoxProps = React.ComponentProps<typeof Box<'form'>>;
+declare type BoxTagProps = Required<BoxProps>['props'];
+declare type FormAsyncTagProps = Omit<BoxTagProps, 'onSubmit' | 'ref'>;
+interface Props<T> extends Omit<BoxProps, 'props' | 'tag'> {
+    props?: FormAsyncTagProps;
     onSubmit: (obj: T, e: React.FormEvent<HTMLFormElement>) => void;
 }
 export default function FormAsync<T>(props: Props<T>): JSX.Element;

package/components/formAsync.js

@@ -1,33 +1,16 @@
 import { jsx as i } from "react/jsx-runtime";
-import { useRef as p, useCallback as s } from "react";
-import m from "../box.js";
+import { useRef as p, useCallback as u } from "react";
+import a from "../box.js";
+import { F as c } from "../utils/utils.js";
 import "../box.module.css.js";
-import "../utils/utils.js";
-function d(u) {
-  const n = Array.from(u.elements).reduce((r, o) => {
-    const c = o.name;
-    return c && (r[c] || (r[c] = []), r[c].push(o)), r;
-  }, {});
-  return Object.entries(n).reduce((r, [o, c]) => {
-    if (c.length === 1) {
-      const e = c[0];
-      r[o] = e.type === "checkbox" || e.type === "radio" ? e.checked : e.value;
-    } else
-      r[o] = [], c.forEach((e) => {
-        var t;
-        e.type === "checkbox" ? e.checked && r[o].push(e.value) : e.type === "radio" ? r[o] = (t = c.find((f) => f.checked)) == null ? void 0 : t.value : r[o].push(e.value);
-      });
-    return r;
-  }, {});
-}
-function v(u) {
-  const { children: n, onSubmit: r } = u, o = p(null), c = s((e) => {
-    e.preventDefault();
-    const t = d(o.current);
-    r(t, e);
-  }, []);
-  return /* @__PURE__ */ i(m, { tag: "form", props: { ref: o, onSubmit: c }, children: n });
+function S(o) {
+  const { onSubmit: m, props: n } = o, r = p(null), s = u((t) => {
+    t.preventDefault();
+    const f = c.getFormEntries(r.current);
+    m(f, t);
+  }, []), e = { ...n, onSubmit: s, ref: r };
+  return /* @__PURE__ */ i(a, { tag: "form", ...o, props: e });
 }
 export {
-  v as default
+  S as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "main": "./box.js",
   "module": "./box.js",
   "types": "./box.d.ts",