@cronocode/react-box 0.4.9 → 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/buttonCore.js

@@ -1,28 +1,11 @@
-import s from "../box.js";
-import { jsx as u } from "react/jsx-runtime";
+import { jsx as s } from "react/jsx-runtime";
+import u from "../box.js";
 import "react";
 import "../box.module.css.js";
 import "../utils/utils.js";
 function l(t) {
-  const {
-    tag: o,
-    type: r,
-    onClick: n,
-    disabled: p,
-    props: e
-  } = t, i = {
-    ...e,
-    type: r || "button",
-    onClick: n,
-    disabled: p
-  };
-  return /* @__PURE__ */ u(s, {
-    tag: o || "button",
-    cursor: "pointer",
-    inline: !0,
-    ...t,
-    props: i
-  });
+  const { tag: o, type: r, onClick: n, disabled: p, props: e } = t, i = { ...e, type: r || "button", onClick: n, disabled: p };
+  return /* @__PURE__ */ s(u, { tag: o || "button", cursor: "pointer", inline: !0, ...t, props: i });
 }
 export {
   l as default

package/components/flex.js

@@ -1,16 +1,11 @@
-import t from "../box.js";
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as t } from "react/jsx-runtime";
+import r from "../box.js";
 import "react";
 import "../box.module.css.js";
 import "../utils/utils.js";
 function x(i) {
-  const {
-    inline: o
-  } = i;
-  return /* @__PURE__ */ r(t, {
-    display: o ? "inline-flex" : "flex",
-    ...i
-  });
+  const { inline: o } = i;
+  return /* @__PURE__ */ t(r, { display: o ? "inline-flex" : "flex", ...i });
 }
 export {
   x as default

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,43 +1,16 @@
-import { useRef as i, useCallback as p } from "react";
-import s from "../box.js";
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as i } from "react/jsx-runtime";
+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 = i(null), c = p((e) => {
-    e.preventDefault();
-    const t = d(o.current);
-    r(t, e);
-  }, []);
-  return /* @__PURE__ */ m(s, {
-    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,5 +1,5 @@
 import Box from '../box';
-declare type BoxProps = React.ComponentProps<typeof Box>;
+declare type BoxProps = React.ComponentProps<typeof Box<'input'>>;
 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'> {

package/components/uncontrolledCheckboxCore.js

@@ -1,22 +1,10 @@
-import m from "../box.js";
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as m } from "react/jsx-runtime";
+import f from "../box.js";
 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 = {
+  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,
@@ -30,12 +18,7 @@ function k(o) {
     required: l,
     defaultChecked: d
   };
-  return /* @__PURE__ */ f(m, {
-    tag: "input",
-    inline: !0,
-    ...o,
-    props: s
-  });
+  return /* @__PURE__ */ m(f, { tag: "input", inline: !0, ...o, props: s });
 }
 export {
   k as default

package/components/uncontrolledRadioButtonCore.d.ts

@@ -1,5 +1,5 @@
 import Box from '../box';
-declare type BoxProps = React.ComponentProps<typeof Box>;
+declare type BoxProps = React.ComponentProps<typeof Box<'input'>>;
 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'> {

package/components/uncontrolledRadioButtonCore.js

@@ -1,22 +1,10 @@
-import c from "../box.js";
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
+import f from "../box.js";
 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 = {
+  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,
@@ -30,12 +18,7 @@ function B(o) {
     required: l,
     defaultChecked: s
   };
-  return /* @__PURE__ */ f(c, {
-    tag: "input",
-    inline: !0,
-    ...o,
-    props: m
-  });
+  return /* @__PURE__ */ c(f, { tag: "input", inline: !0, ...o, props: m });
 }
 export {
   B as default

package/components/uncontrolledTextareaCore.d.ts

@@ -1,5 +1,5 @@
 import Box from '../box';
-declare type BoxProps = React.ComponentProps<typeof Box>;
+declare type BoxProps = React.ComponentProps<typeof Box<'textarea'>>;
 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'> {

package/components/uncontrolledTextareaCore.js

@@ -1,5 +1,5 @@
-import f from "../box.js";
-import { jsx as h } from "react/jsx-runtime";
+import { jsx as f } from "react/jsx-runtime";
+import h from "../box.js";
 import "react";
 import "../box.module.css.js";
 import "../utils/utils.js";
@@ -35,12 +35,7 @@ function b(o) {
     readOnly: c,
     required: g
   };
-  return /* @__PURE__ */ h(f, {
-    tag: "textarea",
-    inline: !0,
-    ...o,
-    props: x
-  });
+  return /* @__PURE__ */ f(h, { tag: "textarea", inline: !0, ...o, props: x });
 }
 export {
   b as default

package/components/uncontrolledTextboxCore.d.ts

@@ -1,5 +1,5 @@
 import Box from '../box';
-declare type BoxProps = React.ComponentProps<typeof Box>;
+declare type BoxProps = React.ComponentProps<typeof Box<'input'>>;
 declare type BoxTagProps = Required<BoxProps>['props'];
 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';

package/components/uncontrolledTextboxCore.js

@@ -1,5 +1,5 @@
-import x from "../box.js";
-import { jsx as f } from "react/jsx-runtime";
+import { jsx as x } from "react/jsx-runtime";
+import f from "../box.js";
 import "react";
 import "../box.module.css.js";
 import "../utils/utils.js";
@@ -31,12 +31,7 @@ function P(t) {
     required: d,
     step: m
   };
-  return /* @__PURE__ */ f(x, {
-    tag: "input",
-    inline: !0,
-    ...t,
-    props: c
-  });
+  return /* @__PURE__ */ x(f, { tag: "input", inline: !0, ...t, props: c });
 }
 export {
   P as default

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "0.4.9",
+  "version": "1.0.1",
   "main": "./box.js",
   "module": "./box.js",
   "types": "./box.d.ts",
@@ -43,19 +43,19 @@
   "devDependencies": {
     "@cronocode/identity-factory": "^0.0.6",
     "@rollup/pluginutils": "^5.0.2",
-    "@types/node": "^18.7.14",
+    "@types/node": "^18.11.18",
     "@types/postcss-mixins": "^9.0.0",
-    "@types/react": "^18.0.18",
-    "@types/react-dom": "^18.0.6",
-    "@vitejs/plugin-react": "^2.0.1",
-    "autoprefixer": "^10.4.8",
-    "postcss": "^8.4.16",
+    "@types/react": "^18.0.27",
+    "@types/react-dom": "^18.0.10",
+    "@vitejs/plugin-react": "^3.0.1",
+    "autoprefixer": "^10.4.13",
+    "postcss": "^8.4.21",
     "postcss-mixins": "^9.0.4",
-    "prettier": "^2.7.1",
+    "prettier": "^2.8.3",
     "react": "^18.1.0",
     "react-dom": "^18.2.0",
-    "typescript": "^4.8.2",
-    "vite": "^3.0.9",
-    "vite-plugin-dts": "^1.4.1"
+    "typescript": "^4.9.4",
+    "vite": "^4.0.4",
+    "vite-plugin-dts": "^1.7.1"
   }
 }