@cronocode/react-box 1.8.0 → 1.8.2

package/box.cjs

@@ -1 +1 @@
-"use strict";const s=require("react"),u=require("./core.cjs");function d(t,n){const{tag:r="div",children:o,props:i,className:f,style:a}=t,m=u.useStyles(t,r==="svg"),v=s.useMemo(()=>u.classNames(m,f).join(" "),[t]),e={...i,className:v};a&&(e.style=a),n&&(e.ref=n);const[y,c]=s.useState(!1),l=typeof o=="function";return l&&(e.onMouseEnter=()=>c(!0),e.onMouseLeave=()=>c(!1)),s.createElement(r,e,l?o({isHover:y}):o)}const g=s.forwardRef(d);module.exports=g;
+"use strict";const s=require("react"),u=require("./core.cjs");function g(t,a){const{tag:n="div",children:o,props:f,className:d,style:c,disabled:r}=t,y=u.useStyles(t,n==="svg"),m=s.useMemo(()=>u.classNames(y,d).join(" "),[t]),e={...f,className:m,disabled:Array.isArray(r)?r[0]:r};c&&(e.style=c),a&&(e.ref=a);const[v,l]=s.useState(!1),i=typeof o=="function";return i&&(e.onMouseEnter=()=>l(!0),e.onMouseLeave=()=>l(!1)),s.createElement(n,e,i?o({isHover:v}):o)}const N=s.forwardRef(g);module.exports=N;

package/box.d.ts

@@ -1,8 +1,8 @@
-import React, { RefAttributes } from 'react';
+import React, { Ref, RefAttributes } from 'react';
 import { BoxStyleProps, ExtractElementFromTag } from './core/types';
 import { ClassNameType } from './core/classNames';
 type AllProps<TTag extends keyof React.JSX.IntrinsicElements> = React.ComponentProps<TTag>;
-type TagPropsType<TTag extends keyof React.JSX.IntrinsicElements> = Omit<AllProps<TTag>, 'className' | 'style' | 'ref'>;
+type TagPropsType<TTag extends keyof React.JSX.IntrinsicElements> = Omit<AllProps<TTag>, 'className' | 'style' | 'ref' | 'disabled'>;
 interface Props<TTag extends keyof React.JSX.IntrinsicElements> extends BoxStyleProps {
     children?: React.ReactNode | ((props: {
         isHover: boolean;
@@ -12,5 +12,8 @@ interface Props<TTag extends keyof React.JSX.IntrinsicElements> extends BoxStyle
     className?: ClassNameType;
     style?: React.ComponentProps<TTag>['style'];
 }
+declare function Box<TTag extends keyof React.JSX.IntrinsicElements = 'div'>(props: Props<TTag>, ref: Ref<ExtractElementFromTag<TTag>>): React.ReactElement<React.ComponentProps<TTag>, string | React.JSXElementConstructor<any>>;
 declare const _default: <TTag extends keyof React.JSX.IntrinsicElements = "div">(props: Props<TTag> & React.RefAttributes<ExtractElementFromTag<TTag>>) => React.ReactNode;
 export default _default;
+export type BoxProps<TTag extends keyof React.JSX.IntrinsicElements = 'div'> = React.ComponentProps<typeof Box<TTag>>;
+export type BoxTagProps<TTag extends keyof React.JSX.IntrinsicElements = 'div'> = Required<BoxProps<TTag>>['props'];

package/box.mjs

@@ -1,12 +1,12 @@
-import v, { forwardRef as d, useMemo as y, useState as g } from "react";
-import { u as p, c as N } from "./core.mjs";
-function x(s, o) {
-  const { tag: a = "div", children: t, props: l, className: u, style: n } = s, f = p(s, a === "svg"), i = y(() => N(f, u).join(" "), [s]), e = { ...l, className: i };
+import y, { forwardRef as v, useMemo as g, useState as p } from "react";
+import { u as N, c as x } from "./core.mjs";
+function H(s, o) {
+  const { tag: r = "div", children: t, props: i, className: u, style: n, disabled: a } = s, f = N(s, r === "svg"), m = g(() => x(f, u).join(" "), [s]), e = { ...i, className: m, disabled: Array.isArray(a) ? a[0] : a };
   n && (e.style = n), o && (e.ref = o);
-  const [m, r] = g(!1), c = typeof t == "function";
-  return c && (e.onMouseEnter = () => r(!0), e.onMouseLeave = () => r(!1)), v.createElement(a, e, c ? t({ isHover: m }) : t);
+  const [d, l] = p(!1), c = typeof t == "function";
+  return c && (e.onMouseEnter = () => l(!0), e.onMouseLeave = () => l(!1)), y.createElement(r, e, c ? t({ isHover: d }) : t);
 }
-const S = d(x);
+const $ = v(H);
 export {
-  S as default
+  $ as default
 };

package/components/baseSvg.d.ts

@@ -1,9 +1,8 @@
 /// <reference types="react" />
-import Box from '../box';
+import { BoxTagProps } from '../box';
 import { BoxSvgStyles } from '../core/types';
 import { ClassNameType } from '../core/classNames';
-type SvgTagProps = Required<React.ComponentProps<typeof Box<'svg'>>>['props'];
-type BoxSvgTagProps = Omit<SvgTagProps, 'viewBox' | 'width' | 'height'>;
+type BoxSvgTagProps = Omit<BoxTagProps<'svg'>, 'viewBox' | 'width' | 'height'>;
 interface Props extends BoxSvgStyles {
     children?: React.ReactNode | ((props: {
         isHover: boolean;

package/components/button.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),n=require("react"),s=require("../box.cjs"),u=require("../utils.cjs");require("../core.cjs");const i=["type","onClick","disabled"];function c(t,e){const o=u.ObjectUtils.buildProps(t,i);return r.jsx(s,{ref:e,tag:"button",component:"button",...o})}const b=n.forwardRef(c);module.exports=b;
+"use strict";const r=require("react/jsx-runtime"),n=require("react"),s=require("../box.cjs"),u=require("../utils.cjs");require("../core.cjs");const i=["type","onClick"];function c(t,e){const o=u.ObjectUtils.buildProps(t,i);return r.jsx(s,{ref:e,tag:"button",component:"button",...o})}const b=n.forwardRef(c);module.exports=b;

package/components/button.d.ts

@@ -2,7 +2,7 @@
 import Box from '../box';
 type BoxProps = Omit<React.ComponentProps<typeof Box<'button'>>, 'ref' | 'tag'>;
 type BoxTagProps = Required<BoxProps>['props'];
-declare const tagProps: readonly ["type", "onClick", "disabled"];
+declare const tagProps: readonly ["type", "onClick"];
 type TagPropsType = (typeof tagProps)[number];
 type ButtonTagProps = Omit<BoxTagProps, TagPropsType>;
 type ButtonType = Required<React.ComponentProps<'button'>>['type'];

package/components/button.mjs

@@ -1,14 +1,14 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as p } from "react";
-import s from "../box.mjs";
-import { O as i } from "../utils.mjs";
+import m from "../box.mjs";
+import { O as s } from "../utils.mjs";
 import "../core.mjs";
-const m = ["type", "onClick", "disabled"];
+const i = ["type", "onClick"];
 function e(o, t) {
-  const r = i.buildProps(o, m);
-  return /* @__PURE__ */ n(s, { ref: t, tag: "button", component: "button", ...r });
+  const r = s.buildProps(o, i);
+  return /* @__PURE__ */ n(m, { ref: t, tag: "button", component: "button", ...r });
 }
-const d = p(e);
+const l = p(e);
 export {
-  d as default
+  l as default
 };

package/components/checkbox.cjs

@@ -1 +1 @@
-"use strict";const t=require("react/jsx-runtime"),c=require("react"),n=require("../box.cjs"),s=require("../utils.cjs");require("../core.cjs");const u=["name","onInput","onChange","disabled","autoFocus","readOnly","required","value","checked","defaultChecked"];function i(e,o){const r=s.ObjectUtils.buildProps(e,u,{type:"checkbox"});return t.jsx(n,{ref:o,tag:"input",component:"checkbox",...r})}const a=c.forwardRef(i);module.exports=a;
+"use strict";const u=require("react/jsx-runtime"),c=require("react"),i=require("../box.cjs"),s=require("../utils.cjs");require("../core.cjs");const a=["name","onInput","onChange","autoFocus","readOnly","required","value","checked","defaultChecked"];function l(o,e){const{indeterminate:n}=o,r=s.ObjectUtils.buildProps(o,a,{type:"checkbox"}),t=c.useRef(null);return c.useEffect(()=>{e&&typeof e!="function"&&e.current?e.current.indeterminate=!!n:t.current&&(t.current.indeterminate=!!n)},[e,t,n]),u.jsx(i,{tag:"input",ref:e||t,component:"checkbox",...r})}const d=c.forwardRef(l);module.exports=d;

package/components/checkbox.d.ts

@@ -1,11 +1,10 @@
 import React from 'react';
-import Box from '../box';
-type BoxProps = Omit<React.ComponentProps<typeof Box<'input'>>, 'ref' | 'tag'>;
-type BoxTagProps = Required<BoxProps>['props'];
-declare const tagProps: readonly ["name", "onInput", "onChange", "disabled", "autoFocus", "readOnly", "required", "value", "checked", "defaultChecked"];
+import { BoxTagProps, BoxProps } from '../box';
+declare const tagProps: readonly ["name", "onInput", "onChange", "autoFocus", "readOnly", "required", "value", "checked", "defaultChecked"];
 type TagPropsType = (typeof tagProps)[number];
-type CheckboxTagProps = Omit<BoxTagProps, TagPropsType | 'type'>;
-interface Props extends Omit<BoxProps, 'props'> {
+type CheckboxProps = Omit<BoxProps<'input'>, 'tag' | 'props'>;
+type CheckboxTagProps = Omit<BoxTagProps<'input'>, TagPropsType | 'type'>;
+interface Props extends CheckboxProps {
     name?: string;
     props?: CheckboxTagProps;
     onInput?: (e: React.ChangeEvent<HTMLInputElement>) => void;
@@ -16,6 +15,7 @@ interface Props extends Omit<BoxProps, 'props'> {
     required?: boolean;
     checked?: boolean;
     defaultChecked?: boolean;
+    indeterminate?: boolean;
 }
 declare const _default: React.ForwardRefExoticComponent<Props & React.RefAttributes<HTMLInputElement>>;
 export default _default;

package/components/checkbox.mjs

@@ -1,25 +1,16 @@
 import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import n from "../box.mjs";
-import { O as a } from "../utils.mjs";
+import { forwardRef as i, useRef as u, useEffect as a } from "react";
+import s from "../box.mjs";
+import { O as m } from "../utils.mjs";
 import "../core.mjs";
-const p = [
-  "name",
-  "onInput",
-  "onChange",
-  "disabled",
-  "autoFocus",
-  "readOnly",
-  "required",
-  "value",
-  "checked",
-  "defaultChecked"
-];
-function s(o, e) {
-  const t = a.buildProps(o, p, { type: "checkbox" });
-  return /* @__PURE__ */ r(n, { ref: e, tag: "input", component: "checkbox", ...t });
+const f = ["name", "onInput", "onChange", "autoFocus", "readOnly", "required", "value", "checked", "defaultChecked"];
+function p(n, e) {
+  const { indeterminate: t } = n, c = m.buildProps(n, f, { type: "checkbox" }), o = u(null);
+  return a(() => {
+    e && typeof e != "function" && e.current ? e.current.indeterminate = !!t : o.current && (o.current.indeterminate = !!t);
+  }, [e, o, t]), /* @__PURE__ */ r(s, { tag: "input", ref: e || o, component: "checkbox", ...c });
 }
-const b = c(s);
+const k = i(p);
 export {
-  b as default
+  k as default
 };

package/components/radioButton.cjs

@@ -1 +1 @@
-"use strict";const r=require("react/jsx-runtime"),n=require("react"),u=require("../box.cjs"),i=require("../utils.cjs");require("../core.cjs");const s=["name","onInput","onChange","disabled","value","autoFocus","readOnly","required","checked","defaultChecked"];function c(e,t){const o=i.ObjectUtils.buildProps(e,s,{type:"radio"});return r.jsx(u,{ref:t,tag:"input",component:"radioButton",...o})}const a=n.forwardRef(c);module.exports=a;
+"use strict";const r=require("react/jsx-runtime"),n=require("react"),u=require("../box.cjs"),i=require("../utils.cjs");require("../core.cjs");const s=["name","onInput","onChange","value","autoFocus","readOnly","required","checked","defaultChecked"];function c(e,t){const o=i.ObjectUtils.buildProps(e,s,{type:"radio"});return r.jsx(u,{ref:t,tag:"input",component:"radioButton",...o})}const a=n.forwardRef(c);module.exports=a;

package/components/radioButton.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import Box from '../box';
 type BoxProps = Omit<React.ComponentProps<typeof Box<'input'>>, 'ref' | 'tag'>;
 type BoxTagProps = Required<BoxProps>['props'];
-declare const tagProps: readonly ["name", "onInput", "onChange", "disabled", "value", "autoFocus", "readOnly", "required", "checked", "defaultChecked"];
+declare const tagProps: readonly ["name", "onInput", "onChange", "value", "autoFocus", "readOnly", "required", "checked", "defaultChecked"];
 type TagPropsType = (typeof tagProps)[number];
 type RadioButtonTagProps = Omit<BoxTagProps, TagPropsType | 'type'>;
 interface Props extends Omit<BoxProps, 'props'> {

package/components/radioButton.mjs

@@ -3,23 +3,12 @@ import { forwardRef as n } from "react";
 import a from "../box.mjs";
 import { O as i } from "../utils.mjs";
 import "../core.mjs";
-const d = [
-  "name",
-  "onInput",
-  "onChange",
-  "disabled",
-  "value",
-  "autoFocus",
-  "readOnly",
-  "required",
-  "checked",
-  "defaultChecked"
-];
-function u(o, t) {
-  const r = i.buildProps(o, d, { type: "radio" });
+const u = ["name", "onInput", "onChange", "value", "autoFocus", "readOnly", "required", "checked", "defaultChecked"];
+function p(o, t) {
+  const r = i.buildProps(o, u, { type: "radio" });
   return /* @__PURE__ */ e(a, { ref: t, tag: "input", component: "radioButton", ...r });
 }
-const l = n(u);
+const l = n(p);
 export {
   l as default
 };

package/components/textarea.cjs

@@ -1 +1 @@
-"use strict";const n=require("react/jsx-runtime"),o=require("react"),a=require("../box.cjs"),s=require("../utils.cjs");require("../core.cjs");const u=["name","onInput","onChange","placeholder","disabled","value","defaultValue","rows","cols","autoFocus","maxLength","minLength","readOnly","required"];function i(e,t){const r=s.ObjectUtils.buildProps(e,u);return n.jsx(a,{ref:t,tag:"textarea",component:"textarea",...r})}const c=o.forwardRef(i);module.exports=c;
+"use strict";const n=require("react/jsx-runtime"),o=require("react"),a=require("../box.cjs"),s=require("../utils.cjs");require("../core.cjs");const u=["name","onInput","onChange","placeholder","value","defaultValue","rows","cols","autoFocus","maxLength","minLength","readOnly","required"];function c(e,t){const r=s.ObjectUtils.buildProps(e,u);return n.jsx(a,{ref:t,tag:"textarea",component:"textarea",...r})}const i=o.forwardRef(c);module.exports=i;

package/components/textarea.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import Box from '../box';
 type BoxProps = Omit<React.ComponentProps<typeof Box<'textarea'>>, 'ref' | 'tag'>;
 type BoxTagProps = Required<BoxProps>['props'];
-declare const tagProps: readonly ["name", "onInput", "onChange", "placeholder", "disabled", "value", "defaultValue", "rows", "cols", "autoFocus", "maxLength", "minLength", "readOnly", "required"];
+declare const tagProps: readonly ["name", "onInput", "onChange", "placeholder", "value", "defaultValue", "rows", "cols", "autoFocus", "maxLength", "minLength", "readOnly", "required"];
 type TagPropsType = (typeof tagProps)[number];
 type TextareaTagProps = Omit<BoxTagProps, TagPropsType>;
 interface Props extends Omit<BoxProps, 'props'> {

package/components/textarea.mjs

@@ -1,14 +1,13 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
 import n from "../box.mjs";
-import { O as s } from "../utils.mjs";
+import { O as m } from "../utils.mjs";
 import "../core.mjs";
-const m = [
+const s = [
   "name",
   "onInput",
   "onChange",
   "placeholder",
-  "disabled",
   "value",
   "defaultValue",
   "rows",
@@ -19,11 +18,11 @@ const m = [
   "readOnly",
   "required"
 ];
-function p(t, e) {
-  const o = s.buildProps(t, m);
-  return /* @__PURE__ */ r(n, { ref: e, tag: "textarea", component: "textarea", ...o });
+function p(t, o) {
+  const e = m.buildProps(t, s);
+  return /* @__PURE__ */ r(n, { ref: o, tag: "textarea", component: "textarea", ...e });
 }
-const f = a(p);
+const x = a(p);
 export {
-  f as default
+  x as default
 };

package/components/textbox.cjs

@@ -1 +1 @@
-"use strict";const o=require("react/jsx-runtime"),n=require("react"),u=require("../box.cjs"),s=require("../utils.cjs");require("../core.cjs");const i=["name","onInput","onChange","type","placeholder","disabled","defaultValue","autoFocus","readOnly","required","value","pattern"];function a(e,t){const r=s.ObjectUtils.buildProps(e,i);return o.jsx(u,{ref:t,tag:"input",component:"textbox",...r})}const c=n.forwardRef(a);module.exports=c;
+"use strict";const o=require("react/jsx-runtime"),n=require("react"),u=require("../box.cjs"),s=require("../utils.cjs");require("../core.cjs");const i=["name","onInput","onChange","type","placeholder","defaultValue","autoFocus","readOnly","required","value","pattern"];function c(e,t){const r=s.ObjectUtils.buildProps(e,i);return o.jsx(u,{ref:t,tag:"input",component:"textbox",...r})}const a=n.forwardRef(c);module.exports=a;

package/components/textbox.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import Box from '../box';
 type BoxProps = Omit<React.ComponentProps<typeof Box<'input'>>, 'ref' | 'tag'>;
 type BoxTagProps = Required<BoxProps>['props'];
-declare const tagProps: readonly ["name", "onInput", "onChange", "type", "placeholder", "disabled", "defaultValue", "autoFocus", "readOnly", "required", "value", "pattern"];
+declare const tagProps: readonly ["name", "onInput", "onChange", "type", "placeholder", "defaultValue", "autoFocus", "readOnly", "required", "value", "pattern"];
 type TagPropsType = (typeof tagProps)[number];
 type TextboxTagProps = Omit<BoxTagProps, TagPropsType>;
 type TextboxType = 'date' | 'datetime-local' | 'email' | 'hidden' | 'month' | 'number' | 'password' | 'search' | 'tel' | 'text' | 'time' | 'url' | 'week';

package/components/textbox.mjs

@@ -3,13 +3,12 @@ import { forwardRef as n } from "react";
 import a from "../box.mjs";
 import { O as p } from "../utils.mjs";
 import "../core.mjs";
-const s = [
+const u = [
   "name",
   "onInput",
   "onChange",
   "type",
   "placeholder",
-  "disabled",
   "defaultValue",
   "autoFocus",
   "readOnly",
@@ -17,11 +16,11 @@ const s = [
   "value",
   "pattern"
 ];
-function u(o, t) {
-  const e = p.buildProps(o, s);
+function m(o, t) {
+  const e = p.buildProps(o, u);
   return /* @__PURE__ */ r(a, { ref: t, tag: "input", component: "textbox", ...e });
 }
-const x = n(u);
+const c = n(m);
 export {
-  x as default
+  c as default
 };