@cronocode/react-box 2.0.6 → 3.0.0-alpha.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "2.0.6",
+  "version": "3.0.0-alpha.2",
   "type": "module",
   "main": "./box.cjs",
   "module": "./box.mjs",
@@ -11,13 +11,8 @@
       "require": "./box.cjs",
       "types": "./box.d.ts"
     },
-    "./core/theme": {
-      "import": "./core/theme.mjs",
-      "require": "./core/theme.cjs",
-      "types": "./core/theme.d.ts"
-    },
-    "./core/types": {
-      "types": "./core/types.d.ts"
+    "./types": {
+      "types": "./types.d.ts"
     },
     "./ssg": {
       "import": "./ssg.mjs",
@@ -61,24 +56,24 @@
   },
   "devDependencies": {
     "@rollup/pluginutils": "^5.1.0",
-    "@testing-library/dom": "^10.1.0",
-    "@testing-library/react": "^15.0.2",
-    "@types/node": "^20.12.7",
+    "@testing-library/dom": "^10.4.0",
+    "@testing-library/react": "^16.0.1",
+    "@types/node": "^22.5.5",
     "@types/postcss-mixins": "^9.0.5",
-    "@types/prismjs": "^1.26.3",
-    "@types/react": "^18.2.79",
-    "@types/react-dom": "^18.2.25",
-    "@vitejs/plugin-react": "^4.2.1",
-    "autoprefixer": "^10.4.19",
-    "happy-dom": "^14.7.1",
-    "prettier": "^3.2.5",
+    "@types/prismjs": "^1.26.4",
+    "@types/react": "^18.3.7",
+    "@types/react-dom": "^18.3.0",
+    "@vitejs/plugin-react": "^4.3.1",
+    "autoprefixer": "^10.4.20",
+    "happy-dom": "^15.7.4",
+    "prettier": "^3.3.3",
     "prismjs": "^1.29.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "^6.22.3",
-    "typescript": "^5.4.5",
-    "vite": "^5.2.10",
-    "vite-plugin-dts": "^3.9.0",
-    "vitest": "^1.5.0"
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.26.2",
+    "typescript": "^5.6.2",
+    "vite": "^5.4.6",
+    "vite-plugin-dts": "^4.2.1",
+    "vitest": "^2.1.1"
   }
 }

package/ssg.d.ts

@@ -1,5 +1,4 @@
 import { default as React } from 'react';
-
 export declare function renderToStaticMarkup(element: React.ReactElement, addStylesToHead?: boolean): {
     html: string;
     styles: string;

package/types.d.ts

@@ -0,0 +1,26 @@
+import { breakpoints, cssStyles, pseudo1, pseudo2, pseudoClasses, pseudoGroupClasses } from './core/boxStyles';
+import { ArrayType, BoxStyle, BoxStylesType, ExtractKeys } from './core/coreTypes';
+export type ExtractBoxStyles<T extends Record<string, BoxStyle[]>> = {
+    [K in keyof T]?: BoxStylesType<ArrayType<T[K]>['values']>;
+};
+export type PseudoClassesType = keyof typeof pseudoClasses;
+export declare namespace Augmented {
+    interface BoxProps {
+    }
+}
+export type BoxStyles = ExtractBoxStyles<typeof cssStyles> & Augmented.BoxProps;
+type BoxPseudoClassesStyles1 = ExtractKeys<typeof pseudo1, BoxStylesWithPseudoClasses>;
+type BoxPseudoClassesStyles2Nested = ExtractKeys<typeof pseudo2, BoxStylesWithPseudoClasses>;
+type BoxPseudoClassesStyles2TopLevel = ExtractKeys<typeof pseudo2, boolean | [boolean, BoxStylesWithPseudoClasses]>;
+interface BoxStylesWithPseudoClasses extends BoxStyles, BoxPseudoClassesStyles1, BoxPseudoClassesStyles2Nested {
+}
+type BoxPseudoGroupClassesStyles = ExtractKeys<typeof pseudoGroupClasses, string | Record<string, BoxStyles>>;
+type BoxBreakpointsStyles = ExtractKeys<typeof breakpoints, BoxStylesWithPseudoClasses & BoxPseudoGroupClassesStyles>;
+export interface ThemeProps {
+    clean?: boolean;
+    component?: string;
+    theme?: string;
+}
+export type BoxStyleProps = BoxStyles & BoxPseudoClassesStyles1 & BoxPseudoClassesStyles2TopLevel & BoxPseudoGroupClassesStyles & BoxBreakpointsStyles & ThemeProps;
+export type BoxThemeStyles = BoxStylesWithPseudoClasses & BoxBreakpointsStyles;
+export {};

package/utils/object/objectUtils.d.ts

@@ -3,5 +3,7 @@ declare namespace ObjectUtils {
         props?: Object;
     }, TKey extends keyof T>(props: T, keys: Readonly<TKey[]>, extraTagProps?: Object): T;
     function isObject(value: unknown): value is object;
+    function mergeDeep<T>(...objects: object[]): T;
+    function isKeyOf<T extends object>(key: any, obj: T): key is keyof T;
 }
 export default ObjectUtils;

package/components/dataGrid/useGrid.d.ts

@@ -1,3 +0,0 @@
-import { Grid } from './dataGridContract';
-
-export default function useGrid<T extends {}>(data?: T[]): Grid<T>;

package/core/stylesContext.d.ts

@@ -1,13 +0,0 @@
-import { BoxBreakpointsType, PseudoClassSuffix } from './boxStyles';
-
-declare namespace StylesContext {
-    const boxClassName = "_box";
-    const svgClassName = "_svg";
-    const cronoStylesElementId = "crono-styles";
-    function get(key: string, value: unknown, breakpoint?: BoxBreakpointsType): string | undefined;
-    function flush(): void;
-    function clear(): void;
-    function addCustomPseudoClass(suffix: PseudoClassSuffix, customName: string, parentKey: string): void;
-    function getElement(): HTMLElement;
-}
-export default StylesContext;

package/core/theme.cjs

@@ -1 +0,0 @@
-"use strict";const e=require("../core.cjs");module.exports=e.Theme;

package/core/theme.mjs

@@ -1,4 +0,0 @@
-import { T as f } from "../core.mjs";
-export {
-  f as default
-};

package/core/types.d.ts

@@ -1,60 +0,0 @@
-import { ThemeComponentProps } from './useTheme';
-import { StyleItem, simpleBoxStyles } from './boxStyles';
-
-export type ExtractElementType<T> = T extends React.DetailedHTMLProps<React.HTMLAttributes<infer E>, infer E> ? E : T extends React.SVGProps<infer E> ? E : never;
-export type ExtractElementFromTag<T extends keyof React.JSX.IntrinsicElements> = ExtractElementType<React.JSX.IntrinsicElements[T]>;
-export declare namespace Augmented {
-    interface BoxProps {
-    }
-    interface SvgProps {
-    }
-}
-type BoxStyles<T extends Record<string, StyleItem>> = {
-    [K in keyof T]?: T[K]['values1']['values'][number] | T[K]['values2']['values'][number] | T[K]['values3']['values'][number];
-};
-type BoxNormalStyles = BoxStyles<typeof simpleBoxStyles> & Augmented.BoxProps;
-type SvgNormalStyles = BoxStyles<typeof simpleBoxStyles> & Augmented.SvgProps;
-interface BoxPseudoClasses<T> {
-    disabled?: boolean | [boolean, T];
-    disabledGroup?: string | Record<string, T>;
-    hasDisabled?: T;
-    hover?: T;
-    hoverGroup?: string | Record<string, T>;
-    focus?: T;
-    hasFocus?: T;
-    focusGroup?: string | Record<string, T>;
-    active?: T;
-    activeGroup?: string | Record<string, T>;
-    checked?: boolean;
-    hasChecked?: T;
-    valid?: T;
-    hasValid?: T;
-    invalid?: T;
-    hasInvalid?: T;
-}
-interface BoxThemePseudoClassProps {
-    hover?: BoxNormalStyles;
-    focus?: BoxNormalStyles;
-    hasFocus?: BoxNormalStyles;
-    active?: BoxNormalStyles;
-    disabled?: BoxNormalStyles;
-    hasDisabled?: BoxNormalStyles;
-    indeterminate?: BoxNormalStyles;
-    checked?: BoxNormalStyles;
-    hasChecked?: BoxNormalStyles;
-    valid?: BoxNormalStyles;
-    hasValid?: BoxNormalStyles;
-    invalid?: BoxNormalStyles;
-    hasInvalid?: BoxNormalStyles;
-}
-export interface BoxBreakpoints<T = BoxThemeProps> {
-    sm?: T;
-    md?: T;
-    lg?: T;
-    xl?: T;
-    xxl?: T;
-}
-export type BoxThemeProps = BoxNormalStyles & BoxThemePseudoClassProps & BoxBreakpoints;
-export type BoxStyleProps = BoxNormalStyles & BoxPseudoClasses<BoxNormalStyles> & ThemeComponentProps & BoxBreakpoints<BoxStyleProps>;
-export type BoxSvgStyles = SvgNormalStyles & BoxPseudoClasses<SvgNormalStyles> & ThemeComponentProps & BoxBreakpoints<BoxSvgStyles>;
-export {};

package/utils.cjs

@@ -1 +0,0 @@
-"use strict";var h;(f=>{function p(s,i,r){const c={...s},e=c.props||{};return i.forEach(t=>{t in c&&(e[t]=c[t],delete c[t])}),r&&Object.entries(r).forEach(([t,n])=>{e[t]=n}),c.props=e,c}f.buildProps=p;function l(s){return typeof s=="object"&&s!==null}f.isObject=l})(h||(h={}));const b=h;var a;(f=>{function p(s){const i=Array.from(s.elements).reduce((r,c)=>{const e=c.name;return e&&(r[e]||(r[e]=[]),r[e].push(c)),r},{});return Object.entries(i).reduce((r,[c,e])=>{if(e.length===1){const t=e[0];l(r,c,t.type==="checkbox"||t.type==="radio"?t.checked:t.value)}else{const t=e.reduce((n,o)=>(o.type==="checkbox"||o.type==="radio"?o.checked&&n.push(o.value):n.push(o.value),n),[]);l(r,c,t)}return r},{})}f.getFormEntries=p;function l(s,i,r){if(i.includes(".")){const c=i.split(".");let e=s;c.forEach((t,n)=>{if(c.length>n+1){const o=t.match(/^(.+)\[(\d)\]$/);if(o){const[,u,d]=o;e[u]=e[u]||[],e[u][d]=e[u][d]||{},e=e[u][d]}else e[t]=e[t]||{},e=e[t]}else e[t]=r})}else s[i]=r}})(a||(a={}));const m=a;exports.FormUtils=m;exports.ObjectUtils=b;

package/utils.mjs

@@ -1,63 +0,0 @@
-var h;
-((f) => {
-  function l(o, n, t) {
-    const c = { ...o }, e = c.props || {};
-    return n.forEach((r) => {
-      r in c && (e[r] = c[r], delete c[r]);
-    }), t && Object.entries(t).forEach(([r, i]) => {
-      e[r] = i;
-    }), c.props = e, c;
-  }
-  f.buildProps = l;
-  function p(o) {
-    return typeof o == "object" && o !== null;
-  }
-  f.isObject = p;
-})(h || (h = {}));
-const b = h;
-var a;
-((f) => {
-  function l(o) {
-    const n = Array.from(o.elements).reduce(
-      (t, c) => {
-        const e = c.name;
-        return e && (t[e] || (t[e] = []), t[e].push(c)), t;
-      },
-      {}
-    );
-    return Object.entries(n).reduce((t, [c, e]) => {
-      if (e.length === 1) {
-        const r = e[0];
-        p(t, c, r.type === "checkbox" || r.type === "radio" ? r.checked : r.value);
-      } else {
-        const r = e.reduce((i, s) => (s.type === "checkbox" || s.type === "radio" ? s.checked && i.push(s.value) : i.push(s.value), i), []);
-        p(t, c, r);
-      }
-      return t;
-    }, {});
-  }
-  f.getFormEntries = l;
-  function p(o, n, t) {
-    if (n.includes(".")) {
-      const c = n.split(".");
-      let e = o;
-      c.forEach((r, i) => {
-        if (c.length > i + 1) {
-          const s = r.match(/^(.+)\[(\d)\]$/);
-          if (s) {
-            const [, u, d] = s;
-            e[u] = e[u] || [], e[u][d] = e[u][d] || {}, e = e[u][d];
-          } else
-            e[r] = e[r] || {}, e = e[r];
-        } else
-          e[r] = t;
-      });
-    } else
-      o[n] = t;
-  }
-})(a || (a = {}));
-const m = a;
-export {
-  m as F,
-  b as O
-};