@cronocode/react-box 1.0.0 → 1.0.2

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/components/uncontrolledCheckboxCore.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import Box from '../box';
 declare type BoxProps = React.ComponentProps<typeof Box<'input'>>;
 declare type BoxTagProps = Required<BoxProps>['props'];
@@ -15,5 +16,5 @@ interface Props extends Omit<BoxProps, 'props'> {
     required?: boolean;
     defaultChecked?: boolean;
 }
-export default function UncontrolledCheckboxCore(props: Props): JSX.Element;
-export {};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/components/uncontrolledCheckboxCore.js

@@ -1,25 +1,27 @@
-import { jsx as m } from "react/jsx-runtime";
-import f from "../box.js";
-import "react";
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import x from "../box.js";
 import "../box.module.css.js";
 import "../utils/utils.js";
-function k(o) {
-  const { props: e, name: r, disabled: t, placeholder: n, value: p, onInput: a, onChange: i, autoFocus: u, readOnly: c, required: l, defaultChecked: d } = o, s = {
-    ...e,
+function C(o, e) {
+  const { props: r, name: t, disabled: n, placeholder: a, value: p, onInput: c, onChange: l, autoFocus: u, readOnly: d, required: i, defaultChecked: s } = o, m = {
+    ...r,
     type: "checkbox",
-    name: r,
-    disabled: t,
-    placeholder: n,
-    onInput: a,
-    onChange: i,
+    name: t,
+    disabled: n,
+    placeholder: a,
+    onInput: c,
+    onChange: l,
     value: p,
     autoFocus: u,
-    readOnly: c,
-    required: l,
-    defaultChecked: d
+    readOnly: d,
+    required: i,
+    defaultChecked: s,
+    ref: e
   };
-  return /* @__PURE__ */ m(f, { tag: "input", inline: !0, ...o, props: s });
+  return /* @__PURE__ */ f(x, { tag: "input", inline: !0, ...o, props: m });
 }
+const P = h(C);
 export {
-  k as default
+  P as default
 };

package/components/uncontrolledRadioButtonCore.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import Box from '../box';
 declare type BoxProps = React.ComponentProps<typeof Box<'input'>>;
 declare type BoxTagProps = Required<BoxProps>['props'];
@@ -15,5 +16,5 @@ interface Props extends Omit<BoxProps, 'props'> {
     required?: boolean;
     defaultChecked?: boolean;
 }
-export default function UncontrolledRadioButtonCore(props: Props): JSX.Element;
-export {};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/components/uncontrolledRadioButtonCore.js

@@ -1,25 +1,27 @@
-import { jsx as c } from "react/jsx-runtime";
-import f from "../box.js";
-import "react";
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as g } from "react";
+import C from "../box.js";
 import "../box.module.css.js";
 import "../utils/utils.js";
-function B(o) {
-  const { props: t, name: e, disabled: r, placeholder: n, value: a, onInput: p, onChange: i, autoFocus: u, readOnly: d, required: l, defaultChecked: s } = o, m = {
+function h(o, r) {
+  const { props: t, name: e, disabled: n, placeholder: a, value: d, onInput: i, onChange: p, autoFocus: u, readOnly: l, required: s, defaultChecked: c } = o, m = {
     ...t,
     type: "radio",
     name: e,
-    disabled: r,
-    placeholder: n,
-    onInput: p,
-    onChange: i,
-    value: a,
+    disabled: n,
+    placeholder: a,
+    onInput: i,
+    onChange: p,
+    value: d,
     autoFocus: u,
-    readOnly: d,
-    required: l,
-    defaultChecked: s
+    readOnly: l,
+    required: s,
+    defaultChecked: c,
+    ref: r
   };
-  return /* @__PURE__ */ c(f, { tag: "input", inline: !0, ...o, props: m });
+  return /* @__PURE__ */ f(C, { tag: "input", inline: !0, ...o, props: m });
 }
+const P = g(h);
 export {
-  B as default
+  P as default
 };

package/components/uncontrolledTextareaCore.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import Box from '../box';
 declare type BoxProps = React.ComponentProps<typeof Box<'textarea'>>;
 declare type BoxTagProps = Required<BoxProps>['props'];
@@ -5,8 +6,8 @@ declare type UncontrolledTextareaCoreTagProps = Omit<BoxTagProps, 'name' | 'onIn
 interface Props extends Omit<BoxProps, 'props'> {
     name: string;
     props?: UncontrolledTextareaCoreTagProps;
-    onInput?: (e: React.FormEvent<HTMLInputElement>) => void;
-    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onInput?: (e: React.FormEvent<HTMLTextAreaElement>) => void;
+    onChange?: (e: React.FormEvent<HTMLTextAreaElement>) => void;
     placeholder?: string;
     disabled?: boolean;
     defaultValue?: string | number;
@@ -18,5 +19,5 @@ interface Props extends Omit<BoxProps, 'props'> {
     readOnly?: boolean;
     required?: boolean;
 }
-export default function UncontrolledTextareaCore(props: Props): JSX.Element;
-export {};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLTextAreaElement>>;
+export default _default;

package/components/uncontrolledTextareaCore.js

@@ -1,42 +1,44 @@
-import { jsx as f } from "react/jsx-runtime";
-import h from "../box.js";
-import "react";
+import { jsx as h } from "react/jsx-runtime";
+import { forwardRef as w } from "react";
+import C from "../box.js";
 import "../box.module.css.js";
 import "../utils/utils.js";
-function b(o) {
+function T(o, e) {
   const {
-    props: e,
-    name: r,
-    disabled: t,
-    placeholder: n,
-    defaultValue: a,
+    props: r,
+    name: t,
+    disabled: n,
+    placeholder: a,
+    defaultValue: l,
     onInput: p,
-    onChange: i,
-    rows: l,
-    cols: s,
-    autoFocus: m,
-    maxLength: u,
-    minLength: d,
-    readOnly: c,
-    required: g
-  } = o, x = {
-    ...e,
-    name: r,
-    disabled: t,
-    placeholder: n,
+    onChange: s,
+    rows: i,
+    cols: m,
+    autoFocus: u,
+    maxLength: d,
+    minLength: c,
+    readOnly: f,
+    required: x
+  } = o, g = {
+    ...r,
+    name: t,
+    disabled: n,
+    placeholder: a,
     onInput: p,
-    onChange: i,
-    defaultValue: a,
-    rows: l,
-    cols: s,
-    autoFocus: m,
-    maxLength: u,
-    minLength: d,
-    readOnly: c,
-    required: g
+    onChange: s,
+    defaultValue: l,
+    rows: i,
+    cols: m,
+    autoFocus: u,
+    maxLength: d,
+    minLength: c,
+    readOnly: f,
+    required: x,
+    ref: e
   };
-  return /* @__PURE__ */ f(h, { tag: "textarea", inline: !0, ...o, props: x });
+  return /* @__PURE__ */ h(C, { tag: "textarea", inline: !0, ...o, props: g });
 }
+const y = w(T);
 export {
-  b as default
+  y as default
 };

package/components/uncontrolledTextboxCore.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import Box from '../box';
 declare type BoxProps = React.ComponentProps<typeof Box<'input'>>;
 declare type BoxTagProps = Required<BoxProps>['props'];
@@ -17,5 +18,5 @@ interface Props extends Omit<BoxProps, 'props'> {
     required?: boolean;
     step?: number | string;
 }
-export default function UncontrolledTextboxCore(props: Props): JSX.Element;
-export {};
+declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
+export default _default;

package/components/uncontrolledTextboxCore.js

@@ -1,38 +1,40 @@
 import { jsx as x } from "react/jsx-runtime";
-import f from "../box.js";
-import "react";
+import { forwardRef as g } from "react";
+import b from "../box.js";
 import "../box.module.css.js";
 import "../utils/utils.js";
-function P(t) {
+function y(o, t) {
   const {
-    props: o,
-    name: e,
-    type: r,
-    disabled: n,
-    placeholder: p,
-    defaultValue: a,
-    onInput: i,
-    onChange: u,
-    autoFocus: l,
-    readOnly: s,
-    required: d,
-    step: m
-  } = t, c = {
-    ...o,
-    type: r || "text",
-    name: e,
-    disabled: n,
-    placeholder: p,
-    onInput: i,
-    onChange: u,
-    defaultValue: a,
-    autoFocus: l,
-    readOnly: s,
-    required: d,
-    step: m
+    props: e,
+    name: r,
+    type: n,
+    disabled: p,
+    placeholder: a,
+    defaultValue: l,
+    onInput: u,
+    onChange: i,
+    autoFocus: s,
+    readOnly: d,
+    required: m,
+    step: c
+  } = o, f = {
+    ...e,
+    type: n || "text",
+    name: r,
+    disabled: p,
+    placeholder: a,
+    onInput: u,
+    onChange: i,
+    defaultValue: l,
+    autoFocus: s,
+    readOnly: d,
+    required: m,
+    step: c,
+    ref: t
   };
-  return /* @__PURE__ */ x(f, { tag: "input", inline: !0, ...t, props: c });
+  return /* @__PURE__ */ x(b, { tag: "input", inline: !0, ...o, props: f });
 }
+const j = g(y);
 export {
-  P as default
+  j as default
 };

package/package.json

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