@cronocode/react-box 0.4.5 → 0.4.7

package/components/formAsync.js

@@ -1,26 +1,46 @@
-import { useRef as i, useCallback as a } from "react";
-import c from "../box.js";
-import { jsx as u } from "react/jsx-runtime";
+import { useRef as i, useCallback as p } from "react";
+import s from "../box.js";
+import { jsx as m } from "react/jsx-runtime";
 import "../box.module.css.js";
 import "../utils/utils.js";
-function x(t) {
+function a(u) {
+  const n = Array.from(u.elements).reduce((r, o) => {
+    if (o.nodeName === "INPUT") {
+      const c = o.name;
+      r[c] || (r[c] = []), r[c].push(o);
+    }
+    return 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: e
-  } = t, o = i(null), m = a((r) => {
-    r.preventDefault();
-    const f = new FormData(o.current), s = Object.fromEntries(f.entries());
-    e(s, r);
+    onSubmit: r
+  } = u, o = i(null), c = p((e) => {
+    e.preventDefault();
+    const t = a(o.current);
+    r(t, e);
   }, []);
-  return /* @__PURE__ */ u(c, {
+  return /* @__PURE__ */ m(s, {
     tag: "form",
     props: {
       ref: o,
-      onSubmit: m
+      onSubmit: c
     },
     children: n
   });
 }
 export {
-  x as default
+  v as default
 };

package/components/uncontrolledCheckboxCore.d.ts

@@ -0,0 +1,19 @@
+import Box from '../box';
+declare type BoxProps = React.ComponentProps<typeof Box>;
+declare type BoxTagProps = Required<BoxProps>['props'];
+declare type UncontrolledCheckboxCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'type' | 'placeholder' | 'disabled' | 'value' | 'autoFocus' | 'readOnly' | 'required' | 'defaultChecked'>;
+interface Props extends Omit<BoxProps, 'props'> {
+    name: string;
+    props?: UncontrolledCheckboxCoreTagProps;
+    onInput?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    value?: string | number;
+    autoFocus?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    defaultChecked?: boolean;
+}
+export default function UncontrolledCheckboxCore(props: Props): JSX.Element;
+export {};

package/components/uncontrolledCheckboxCore.js

@@ -0,0 +1,42 @@
+import m from "../box.js";
+import { jsx as f } from "react/jsx-runtime";
+import "react";
+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,
+    type: "checkbox",
+    name: r,
+    disabled: t,
+    placeholder: n,
+    onInput: a,
+    onChange: i,
+    value: p,
+    autoFocus: u,
+    readOnly: c,
+    required: l,
+    defaultChecked: d
+  };
+  return /* @__PURE__ */ f(m, {
+    tag: "input",
+    inline: !0,
+    ...o,
+    props: s
+  });
+}
+export {
+  k as default
+};

package/components/uncontrolledRadioButtonCore.d.ts

@@ -0,0 +1,19 @@
+import Box from '../box';
+declare type BoxProps = React.ComponentProps<typeof Box>;
+declare type BoxTagProps = Required<BoxProps>['props'];
+declare type UncontrolledRadioButtonCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'type' | 'placeholder' | 'disabled' | 'value' | 'autoFocus' | 'readOnly' | 'required' | 'defaultChecked'>;
+interface Props extends Omit<BoxProps, 'props'> {
+    name: string;
+    props?: UncontrolledRadioButtonCoreTagProps;
+    onInput?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    value?: string | number;
+    autoFocus?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    defaultChecked?: boolean;
+}
+export default function UncontrolledRadioButtonCore(props: Props): JSX.Element;
+export {};

package/components/uncontrolledRadioButtonCore.js

@@ -0,0 +1,42 @@
+import c from "../box.js";
+import { jsx as f } from "react/jsx-runtime";
+import "react";
+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 = {
+    ...t,
+    type: "radio",
+    name: e,
+    disabled: r,
+    placeholder: n,
+    onInput: p,
+    onChange: i,
+    value: a,
+    autoFocus: u,
+    readOnly: d,
+    required: l,
+    defaultChecked: s
+  };
+  return /* @__PURE__ */ f(c, {
+    tag: "input",
+    inline: !0,
+    ...o,
+    props: m
+  });
+}
+export {
+  B as default
+};

package/components/uncontrolledTextareaCore.d.ts

@@ -0,0 +1,22 @@
+import Box from '../box';
+declare type BoxProps = React.ComponentProps<typeof Box>;
+declare type BoxTagProps = Required<BoxProps>['props'];
+declare type UncontrolledTextareaCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'placeholder' | 'disabled' | 'defaultValue' | 'rows' | 'cols' | 'autoFocus' | 'maxLength' | 'minLength' | 'readOnly' | 'required'>;
+interface Props extends Omit<BoxProps, 'props'> {
+    name: string;
+    props?: UncontrolledTextareaCoreTagProps;
+    onInput?: (e: React.FormEvent<HTMLInputElement>) => void;
+    onChange?: (e: React.FormEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    disabled?: boolean;
+    defaultValue?: string | number;
+    rows?: number;
+    cols?: number;
+    autoFocus?: boolean;
+    maxLength?: number;
+    minLength?: number;
+    readOnly?: boolean;
+    required?: boolean;
+}
+export default function UncontrolledTextareaCore(props: Props): JSX.Element;
+export {};

package/components/uncontrolledTextareaCore.js

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

package/components/uncontrolledTextboxCore.d.ts

@@ -1,7 +1,7 @@
 import Box from '../box';
 declare type BoxProps = React.ComponentProps<typeof Box>;
 declare type BoxTagProps = Required<BoxProps>['props'];
-declare type UncontrolledTextboxCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'type' | 'placeholder' | 'disabled' | 'defaultValue'>;
+declare type UncontrolledTextboxCoreTagProps = Omit<BoxTagProps, 'name' | 'onInput' | 'onChange' | 'type' | 'placeholder' | 'disabled' | 'defaultValue' | 'autoFocus' | 'readOnly' | 'required'>;
 declare type UncontrolledTextboxCoreType = 'date' | 'datetime-local' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';
 interface Props extends Omit<BoxProps, 'props'> {
     name: string;
@@ -12,6 +12,10 @@ interface Props extends Omit<BoxProps, 'props'> {
     placeholder?: string;
     disabled?: boolean;
     defaultValue?: string | number;
+    autoFocus?: boolean;
+    readOnly?: boolean;
+    required?: boolean;
+    step?: number | string;
 }
 export default function UncontrolledTextboxCore(props: Props): JSX.Element;
 export {};

package/components/uncontrolledTextboxCore.js

@@ -1,9 +1,9 @@
-import s from "../box.js";
-import { jsx as u } from "react/jsx-runtime";
+import x from "../box.js";
+import { jsx as f } from "react/jsx-runtime";
 import "react";
 import "../box.module.css.js";
 import "../utils/utils.js";
-function b(t) {
+function P(t) {
   const {
     props: o,
     name: e,
@@ -12,24 +12,32 @@ function b(t) {
     placeholder: p,
     defaultValue: a,
     onInput: i,
-    onChange: l
-  } = t, m = {
+    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: l,
-    defaultValue: a
+    onChange: u,
+    defaultValue: a,
+    autoFocus: l,
+    readOnly: s,
+    required: d,
+    step: m
   };
-  return /* @__PURE__ */ u(s, {
+  return /* @__PURE__ */ f(x, {
     tag: "input",
     inline: !0,
     ...t,
-    props: m
+    props: c
   });
 }
 export {
-  b as default
+  P as default
 };

package/package.json

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