@cronocode/react-box 1.6.7 → 1.6.8

package/theme.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),d={button:{styles:{display:"inline-block",p:3,cursor:"pointer",b:1,borderRadius:1},disabled:{cursor:"default"}},checkbox:{styles:{display:"inline-block",b:1,p:2}},radioButton:{styles:{display:"inline-block",b:1,p:2}},textbox:{styles:{display:"inline-block",b:1,borderRadius:1,p:3}},textarea:{styles:{display:"inline-block",b:1,borderRadius:1}}};let i=d;var r;(a=>{function n(s){i=s,o()}a.setup=n;function o(){Object.keys(d).forEach(t=>{const e=i[t],l=d[t];e?(e.styles={...l.styles,...e.styles},e.disabled&&l.disabled&&(e.disabled={...l.disabled,...e.disabled})):i[t]=d[t]})}})(r||(r={}));const p=r;function f(a){const{clean:n,disabled:o,theme:s,component:t}=a;return y.useMemo(()=>{var b,c,u;if(n)return;let e=i[t]??((b=i.components)==null?void 0:b[t]);if(!e)return;let l=s?{...e.styles,...(c=e.themes)==null?void 0:c[s].styles}:e.styles;return o?s?{...l,...e.disabled,...(u=e.themes)==null?void 0:u[s].disabled}:{...l,...e.disabled}:l},[t,n,o,s])}exports.default=p;exports.useTheme=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),d={button:{styles:{display:"inline-block",p:3,cursor:"pointer",b:1,borderRadius:1},disabled:{cursor:"default"}},checkbox:{styles:{display:"inline-block",b:1,p:2}},radioButton:{styles:{display:"inline-block",b:1,p:2}},textbox:{styles:{display:"inline-block",b:1,borderRadius:1,p:3}},textarea:{styles:{display:"inline-block",b:1,borderRadius:1}}};let i=d;var u;(a=>{function n(s){i=s,o()}a.setup=n;function o(){Object.keys(d).forEach(t=>{const e=i[t],l=d[t];e?(e.styles={...l.styles,...e.styles},e.disabled&&l.disabled&&(e.disabled={...l.disabled,...e.disabled})):i[t]=d[t]})}})(u||(u={}));function p(a){const{clean:n,disabled:o,theme:s,component:t}=a;return y.useMemo(()=>{var r,b,c;if(n)return;let e=i[t]??((r=i.components)==null?void 0:r[t]);if(!e)return;let l=s?{...e.styles,...(b=e.themes)==null?void 0:b[s].styles}:e.styles;return o?s?{...l,...e.disabled,...(c=e.themes)==null?void 0:c[s].disabled}:{...l,...e.disabled}:l},[t,n,o,s])}exports.useTheme=p;

package/theme.mjs

@@ -43,7 +43,7 @@ const d = {
   }
 };
 let i = d;
-var r;
+var u;
 ((a) => {
   function n(s) {
     i = s, o();
@@ -55,22 +55,20 @@ var r;
       e ? (e.styles = { ...l.styles, ...e.styles }, e.disabled && l.disabled && (e.disabled = { ...l.disabled, ...e.disabled })) : i[t] = d[t];
     });
   }
-})(r || (r = {}));
-const f = r;
-function m(a) {
+})(u || (u = {}));
+function f(a) {
   const { clean: n, disabled: o, theme: s, component: t } = a;
   return y(() => {
-    var b, c, u;
+    var r, b, c;
     if (n)
       return;
-    let e = i[t] ?? ((b = i.components) == null ? void 0 : b[t]);
+    let e = i[t] ?? ((r = i.components) == null ? void 0 : r[t]);
     if (!e)
       return;
-    let l = s ? { ...e.styles, ...(c = e.themes) == null ? void 0 : c[s].styles } : e.styles;
-    return o ? s ? { ...l, ...e.disabled, ...(u = e.themes) == null ? void 0 : u[s].disabled } : { ...l, ...e.disabled } : l;
+    let l = s ? { ...e.styles, ...(b = e.themes) == null ? void 0 : b[s].styles } : e.styles;
+    return o ? s ? { ...l, ...e.disabled, ...(c = e.themes) == null ? void 0 : c[s].disabled } : { ...l, ...e.disabled } : l;
   }, [t, n, o, s]);
 }
 export {
-  f as default,
-  m as useTheme
+  f as useTheme
 };

package/types.d.ts

@@ -1,3 +1,12 @@
+type Hovered<T> = {
+    [K in keyof T as K extends string ? `${K}H` : never]: T[K];
+};
+type Focused<T> = {
+    [K in keyof T as K extends string ? `${K}F` : never]: T[K];
+};
+type Activated<T> = {
+    [K in keyof T as K extends string ? `${K}A` : never]: T[K];
+};
 export declare const styleVariables: {
     display: readonly ["none", "block", "inline-block", "flex", "inline-flex", "grid", "inline-grid", "contents"];
     boxSizing: readonly ["border-box", "content-box"];

package/utils/utils.cjs

@@ -1 +1 @@
-"use strict";const y=require("react");var a;(c=>{function i(...u){return u.reduce((n,o)=>o?typeof o=="string"?(n.push(o),n):Array.isArray(o)?(n.push(...i(...o)),n):(Object.entries(o).forEach(([e,r])=>{r&&n.push(e)}),n):n,[])}c.classNames=i})(a||(a={}));const b=a;class m{constructor(){this._index=0,this._cache={}}getIdentity(i){return this._cache[i]||(this._cache[i]=this.getByIndex(this._index++)),this._cache[i]}getByIndex(i){const{first:u,next:n}=x,o=i-u.length;if(o<0)return u[i];const e=Math.floor(o/n.length),r=o-e*n.length;return this.getByIndex(e)+n[r]}}const x={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};var p;(c=>{function i(n,...o){const e={...n},r={};return o.forEach(t=>{t in e&&(r[t]=e[t],delete e[t])}),[r,e]}c.moveToTagProps=i;function u(n,o,e){const r={...n},t=r.props||{};return o.forEach(s=>{if(s in r){if(t[s]=r[s],s==="disabled")return;delete r[s]}}),e&&Object.entries(e).forEach(([s,h])=>{t[s]=h}),r.props=t,r}c.buildProps=u})(p||(p={}));const I=p;var g;(c=>{function i(n){const o=Array.from(n.elements).reduce((e,r)=>{const t=r.name;return t&&(e[t]||(e[t]=[]),e[t].push(r)),e},{});return Object.entries(o).reduce((e,[r,t])=>{if(t.length===1){const s=t[0];u(e,r,s.type==="checkbox"||s.type==="radio"?s.checked:s.value)}else{const s=t.reduce((h,d)=>(d.type==="checkbox"||d.type==="radio"?d.checked&&h.push(d.value):h.push(d.value),h),[]);u(e,r,s)}return e},{})}c.getFormEntries=i;function u(n,o,e){if(o.includes(".")){const r=o.split(".");let t=n;r.forEach((s,h)=>{if(r.length>h+1){const d=s.match(/^(.+)\[(\d)\]$/);if(d){const[,f,l]=d;t[f]=t[f]||[],t[f][l]=t[f][l]||{},t=t[f][l]}else t[s]=t[s]||{},t=t[s]}else t[s]=e})}else n[o]=e}})(g||(g={}));const P=g;function E(){return y.useMemo(()=>{const c="crono-box";let i=document.getElementById(c);return i||(i=document.createElement("div"),i.id=c,document.body.appendChild(i)),i},[])}exports.ClassNameUtils=b;exports.FormUtils=P;exports.IdentityFactory=m;exports.ObjectUtils=I;exports.usePortalContainer=E;
+"use strict";require("react");var a;(h=>{function c(...o){return o.reduce((s,n)=>n?typeof n=="string"?(s.push(n),s):Array.isArray(n)?(s.push(...c(...n)),s):(Object.entries(n).forEach(([r,e])=>{e&&s.push(r)}),s):s,[])}h.classNames=c})(a||(a={}));const x=a;class y{constructor(){this._index=0,this._cache={}}getIdentity(c){return this._cache[c]||(this._cache[c]=this.getByIndex(this._index++)),this._cache[c]}getByIndex(c){const{first:o,next:s}=b,n=c-o.length;if(n<0)return o[c];const r=Math.floor(n/s.length),e=n-r*s.length;return this.getByIndex(r)+s[e]}}const b={first:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",next:"abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"};var l;(h=>{function c(s,...n){const r={...s},e={};return n.forEach(t=>{t in r&&(e[t]=r[t],delete r[t])}),[e,r]}h.moveToTagProps=c;function o(s,n,r){const e={...s},t=e.props||{};return n.forEach(i=>{if(i in e){if(t[i]=e[i],i==="disabled")return;delete e[i]}}),r&&Object.entries(r).forEach(([i,f])=>{t[i]=f}),e.props=t,e}h.buildProps=o})(l||(l={}));const I=l;var g;(h=>{function c(s){const n=Array.from(s.elements).reduce((r,e)=>{const t=e.name;return t&&(r[t]||(r[t]=[]),r[t].push(e)),r},{});return Object.entries(n).reduce((r,[e,t])=>{if(t.length===1){const i=t[0];o(r,e,i.type==="checkbox"||i.type==="radio"?i.checked:i.value)}else{const i=t.reduce((f,u)=>(u.type==="checkbox"||u.type==="radio"?u.checked&&f.push(u.value):f.push(u.value),f),[]);o(r,e,i)}return r},{})}h.getFormEntries=c;function o(s,n,r){if(n.includes(".")){const e=n.split(".");let t=s;e.forEach((i,f)=>{if(e.length>f+1){const u=i.match(/^(.+)\[(\d)\]$/);if(u){const[,d,p]=u;t[d]=t[d]||[],t[d][p]=t[d][p]||{},t=t[d][p]}else t[i]=t[i]||{},t=t[i]}else t[i]=r})}else s[n]=r}})(g||(g={}));exports.ClassNameUtils=x;exports.IdentityFactory=y;exports.ObjectUtils=I;

package/utils/utils.mjs

@@ -1,14 +1,14 @@
-import { useMemo as x } from "react";
-var p;
-((c) => {
-  function i(...u) {
-    return u.reduce((n, o) => o ? typeof o == "string" ? (n.push(o), n) : Array.isArray(o) ? (n.push(...i(...o)), n) : (Object.entries(o).forEach(([r, e]) => {
-      e && n.push(r);
-    }), n) : n, []);
+import "react";
+var a;
+((u) => {
+  function i(...c) {
+    return c.reduce((s, n) => n ? typeof n == "string" ? (s.push(n), s) : Array.isArray(n) ? (s.push(...i(...n)), s) : (Object.entries(n).forEach(([r, e]) => {
+      e && s.push(r);
+    }), s) : s, []);
   }
-  c.classNames = i;
-})(p || (p = {}));
-const y = p;
+  u.classNames = i;
+})(a || (a = {}));
+const y = a;
 class I {
   constructor() {
     this._index = 0, this._cache = {};
@@ -17,91 +17,81 @@ class I {
     return this._cache[i] || (this._cache[i] = this.getByIndex(this._index++)), this._cache[i];
   }
   getByIndex(i) {
-    const { first: u, next: n } = m, o = i - u.length;
-    if (o < 0)
-      return u[i];
-    const r = Math.floor(o / n.length), e = o - r * n.length;
-    return this.getByIndex(r) + n[e];
+    const { first: c, next: s } = x, n = i - c.length;
+    if (n < 0)
+      return c[i];
+    const r = Math.floor(n / s.length), e = n - r * s.length;
+    return this.getByIndex(r) + s[e];
   }
 }
-const m = {
+const x = {
   first: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ",
   next: "abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789"
 };
 var l;
-((c) => {
-  function i(n, ...o) {
-    const r = { ...n }, e = {};
-    return o.forEach((t) => {
+((u) => {
+  function i(s, ...n) {
+    const r = { ...s }, e = {};
+    return n.forEach((t) => {
       t in r && (e[t] = r[t], delete r[t]);
     }), [e, r];
   }
-  c.moveToTagProps = i;
-  function u(n, o, r) {
-    const e = { ...n }, t = e.props || {};
-    return o.forEach((s) => {
-      if (s in e) {
-        if (t[s] = e[s], s === "disabled")
+  u.moveToTagProps = i;
+  function c(s, n, r) {
+    const e = { ...s }, t = e.props || {};
+    return n.forEach((o) => {
+      if (o in e) {
+        if (t[o] = e[o], o === "disabled")
           return;
-        delete e[s];
+        delete e[o];
       }
-    }), r && Object.entries(r).forEach(([s, f]) => {
-      t[s] = f;
+    }), r && Object.entries(r).forEach(([o, f]) => {
+      t[o] = f;
     }), e.props = t, e;
   }
-  c.buildProps = u;
+  u.buildProps = c;
 })(l || (l = {}));
-const E = l;
+const P = l;
 var g;
-((c) => {
-  function i(n) {
-    const o = Array.from(n.elements).reduce((r, e) => {
+((u) => {
+  function i(s) {
+    const n = Array.from(s.elements).reduce((r, e) => {
       const t = e.name;
       return t && (r[t] || (r[t] = []), r[t].push(e)), r;
     }, {});
-    return Object.entries(o).reduce((r, [e, t]) => {
+    return Object.entries(n).reduce((r, [e, t]) => {
       if (t.length === 1) {
-        const s = t[0];
-        u(r, e, s.type === "checkbox" || s.type === "radio" ? s.checked : s.value);
+        const o = t[0];
+        c(r, e, o.type === "checkbox" || o.type === "radio" ? o.checked : o.value);
       } else {
-        const s = t.reduce((f, d) => (d.type === "checkbox" || d.type === "radio" ? d.checked && f.push(d.value) : f.push(d.value), f), []);
-        u(r, e, s);
+        const o = t.reduce((f, h) => (h.type === "checkbox" || h.type === "radio" ? h.checked && f.push(h.value) : f.push(h.value), f), []);
+        c(r, e, o);
       }
       return r;
     }, {});
   }
-  c.getFormEntries = i;
-  function u(n, o, r) {
-    if (o.includes(".")) {
-      const e = o.split(".");
-      let t = n;
-      e.forEach((s, f) => {
+  u.getFormEntries = i;
+  function c(s, n, r) {
+    if (n.includes(".")) {
+      const e = n.split(".");
+      let t = s;
+      e.forEach((o, f) => {
         if (e.length > f + 1) {
-          const d = s.match(/^(.+)\[(\d)\]$/);
-          if (d) {
-            const [, h, a] = d;
-            t[h] = t[h] || [], t[h][a] = t[h][a] || {}, t = t[h][a];
+          const h = o.match(/^(.+)\[(\d)\]$/);
+          if (h) {
+            const [, p, d] = h;
+            t[p] = t[p] || [], t[p][d] = t[p][d] || {}, t = t[p][d];
           } else
-            t[s] = t[s] || {}, t = t[s];
+            t[o] = t[o] || {}, t = t[o];
         } else
-          t[s] = r;
+          t[o] = r;
       });
     } else
-      n[o] = r;
+      s[n] = r;
   }
 })(g || (g = {}));
-const P = g;
-function v() {
-  return x(() => {
-    const c = "crono-box";
-    let i = document.getElementById(c);
-    return i || (i = document.createElement("div"), i.id = c, document.body.appendChild(i)), i;
-  }, []);
-}
 export {
   y as C,
-  P as F,
   I,
-  E as O,
-  v as u
+  P as O
 };