@cronocode/react-box 3.0.12 → 3.0.14

package/hooks/useVisibility.d.ts

@@ -1 +1,9 @@
-export default function useVisibility<T extends HTMLElement = HTMLDivElement>(node?: Nullable<T>): [boolean, React.Dispatch<React.SetStateAction<boolean>>, React.RefObject<T>];
+interface Props<T extends HTMLElement = HTMLDivElement> {
+    node?: Nullable<T>;
+    event?: 'mousedown' | 'click';
+    hideOnScroll?: boolean;
+    hideOnResize?: boolean;
+    hideOnEscape?: boolean;
+}
+export default function useVisibility<T extends HTMLElement = HTMLDivElement>(props?: Props<T>): [boolean, React.Dispatch<React.SetStateAction<boolean>>, React.RefObject<T>];
+export {};

package/icons/arrowIcon.d.ts

@@ -0,0 +1,2 @@
+import { BaseSvgProps } from '../components/baseSvg';
+export default function ArrowIcon(props: BaseSvgProps): import("react/jsx-runtime").JSX.Element;

package/icons/dotsIcon.d.ts

@@ -0,0 +1,2 @@
+import { BaseSvgProps } from '../components/baseSvg';
+export default function DotsIcon(props: BaseSvgProps): import("react/jsx-runtime").JSX.Element;

package/icons/groupingIcon.d.ts

@@ -0,0 +1,2 @@
+import { BaseSvgProps } from '../components/baseSvg';
+export default function GroupingIcon(props: BaseSvgProps): import("react/jsx-runtime").JSX.Element;

package/icons/pinIcon.d.ts

@@ -0,0 +1,2 @@
+import { BaseSvgProps } from '../components/baseSvg';
+export default function PinIcon(props: BaseSvgProps): import("react/jsx-runtime").JSX.Element;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cronocode/react-box",
-  "version": "3.0.12",
+  "version": "3.0.14",
   "type": "module",
   "main": "./box.cjs",
   "module": "./box.mjs",

package/types.d.ts

@@ -1,10 +1,14 @@
 import { breakpoints, cssStyles, pseudo1, pseudo2, pseudoClasses, pseudoGroupClasses } from './core/boxStyles';
+import { ClassNameType } from './core/classNames';
 import { BoxStyle, BoxStylesType, ExtractKeys } from './core/coreTypes';
+import { default as boxComponents } from './core/extends/boxComponents';
 export declare namespace Augmented {
     interface BoxProps {
     }
     interface BoxPropTypes {
     }
+    interface ComponentsTypes {
+    }
 }
 type ExtractBoxStylesInternal<T extends Record<string, BoxStyle[]>> = {
     [K in keyof T]?: K extends keyof Augmented.BoxPropTypes ? BoxStylesType<ArrayType<T[K]>['values']> | Augmented.BoxPropTypes[K] : BoxStylesType<ArrayType<T[K]>['values']>;
@@ -19,13 +23,38 @@ type BoxPseudoClassesStyles2Nested = ExtractKeys<typeof pseudo2, BoxStylesWithPs
 type BoxPseudoClassesStyles2TopLevel = ExtractKeys<typeof pseudo2, boolean | [boolean, BoxStylesWithPseudoClasses]>;
 export interface BoxStylesWithPseudoClasses extends BoxStyles, BoxPseudoClassesStyles1, BoxPseudoClassesStyles2Nested {
 }
-type BoxPseudoGroupClassesStyles = ExtractKeys<typeof pseudoGroupClasses, string | Record<string, BoxStyles>>;
+type BoxPseudoGroupClassesStyles = ExtractKeys<typeof pseudoGroupClasses, Record<string, BoxStyles>>;
 type BoxBreakpointsStyles = ExtractKeys<typeof breakpoints, BoxStylesWithPseudoClasses & BoxPseudoGroupClassesStyles>;
-export interface ThemeProps {
+type ExtractVariants<T> = T extends {
+    variants?: infer Variants;
+} ? keyof Variants extends never ? never : Extract<keyof Variants, string> : never;
+type ExtractChildrenVariants<T> = T extends {
+    children?: infer Children;
+} ? {
+    [K in keyof Children & string]: ExtractVariants<Children[K]> | ExtractChildrenVariants<Children[K]>;
+}[keyof Children & string] : never;
+type ExtractChildrenNames<T, Prefix extends string = ''> = T extends {
+    children?: infer Children;
+} ? {
+    [K in keyof Children & string]: `${Prefix}${Prefix extends '' ? '' : '.'}${K}` | ExtractChildrenNames<Children[K], `${Prefix}${Prefix extends '' ? '' : '.'}${K}`>;
+}[keyof Children & string] : never;
+export type ExtractComponentsAndVariants<T> = {
+    [K in keyof T & string]: ExtractVariants<T[K]> | ExtractChildrenVariants<T[K]>;
+} & {
+    [K in keyof T & string as ExtractChildrenNames<T[K], K>]: ExtractChildrenVariants<T[K]>;
+};
+type MergeUnion<T, U> = {
+    [K in keyof T | keyof U]: K extends keyof T ? K extends keyof U ? T[K] | U[K] : T[K] : K extends keyof U ? U[K] : never;
+};
+type Simplify<T> = T extends infer U ? {
+    [K in keyof U]: U[K];
+} : never;
+export type ComponentsAndVariants = Simplify<MergeUnion<ExtractComponentsAndVariants<typeof boxComponents>, Augmented.ComponentsTypes>>;
+export interface ComponentProps<TKey extends keyof ComponentsAndVariants = never> {
     clean?: boolean;
-    component?: string;
-    theme?: string;
+    component?: TKey;
+    variant?: ClassNameType<ComponentsAndVariants[TKey]>;
 }
-export type BoxStyleProps = BoxStyles & BoxPseudoClassesStyles1 & BoxPseudoClassesStyles2TopLevel & BoxPseudoGroupClassesStyles & BoxBreakpointsStyles & ThemeProps;
-export type BoxThemeStyles = BoxStylesWithPseudoClasses & BoxBreakpointsStyles;
+export type BoxStyleProps<TKey extends keyof ComponentsAndVariants = never> = Simplify<BoxStyles & BoxPseudoClassesStyles1 & BoxPseudoClassesStyles2TopLevel & BoxPseudoGroupClassesStyles & BoxBreakpointsStyles & ComponentProps<TKey>>;
+export type BoxComponentStyles = Simplify<BoxStylesWithPseudoClasses & BoxBreakpointsStyles & BoxPseudoGroupClassesStyles>;
 export {};

package/utils/fn/fnUtils.d.ts

@@ -0,0 +1,4 @@
+declare namespace FnUtils {
+    function throttle<T extends unknown[]>(callback: (...args: T) => void, wait?: number): (...args: T) => void;
+}
+export default FnUtils;

package/utils/memo.d.ts

@@ -0,0 +1,5 @@
+export interface Memo<T> {
+    value: T;
+    clear(): void;
+}
+export default function memo<T>(action: () => T): Memo<T>;

package/utils/object/objectUtils.d.ts

@@ -3,7 +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 mergeDeep<T>(...objects: T[]): T;
     function isKeyOf<T extends object>(key: any, obj: T): key is keyof T;
 }
 export default ObjectUtils;

package/components/dataGrid/dataGridContract.d.ts

@@ -1,24 +0,0 @@
-import { Key } from 'react';
-type KeysMatching<T, V> = {
-    [K in keyof T]-?: T[K] extends V ? K : never;
-}[keyof T];
-export interface GridDef<TRow> {
-    rowKey?: KeysMatching<TRow, Key> | ((rowData: TRow) => Key);
-    columns: GridColumn<TRow>[];
-}
-export interface GridCell<TRow> {
-    key: keyof TRow;
-    value: React.ReactNode;
-}
-export interface GridColumn<TRow> {
-    key: keyof TRow;
-}
-export interface GridRow<TRow> {
-    dataRow: TRow;
-    cells: GridCell<TRow>[];
-}
-export interface GridData<TRow> {
-    columns: GridColumn<TRow>[];
-    rows: GridRow<TRow>[];
-}
-export {};

package/components/dataGrid/useGridData.d.ts

@@ -1,7 +0,0 @@
-import { GridColumn, GridData } from './dataGridContract';
-interface Props<TRow> {
-    data?: TRow[];
-    columns: GridColumn<TRow>[];
-}
-export default function useGridData<TRow>(props: Props<TRow>): GridData<TRow>;
-export {};

package/components/label.cjs

@@ -1 +0,0 @@
-"use strict";const r=require("react/jsx-runtime"),n=require("react"),o=require("../box.cjs");function s(e,t){return r.jsx(o,{tag:"label",ref:t,component:"label",...e})}const c=n.forwardRef(s);module.exports=c;

package/components/label.d.ts

@@ -1,5 +0,0 @@
-import { BoxProps } from '../box';
-interface Props extends Omit<BoxProps<'label'>, 'ref' | 'tag'> {
-}
-declare const _default: import('react').ForwardRefExoticComponent<Props & import('react').RefAttributes<HTMLLabelElement>>;
-export default _default;

package/components/label.mjs

@@ -1,10 +0,0 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import a from "../box.mjs";
-function l(o, r) {
-  return /* @__PURE__ */ t(a, { tag: "label", ref: r, component: "label", ...o });
-}
-const p = e(l);
-export {
-  p as default
-};

package/core/theme/defaultTheme.d.ts

@@ -1,3 +0,0 @@
-import { ThemeSetup } from './themeContract';
-declare const defaultTheme: ThemeSetup;
-export default defaultTheme;

package/core/theme/themeContract.d.ts

@@ -1,25 +0,0 @@
-import { BoxThemeStyles } from '../../types';
-export interface ThemeComponentStyles {
-    clean?: boolean;
-    styles: BoxThemeStyles;
-    themes?: {
-        [name: string]: BoxThemeStyles;
-    };
-    children?: ThemeType;
-}
-export type ThemeType = {
-    [componentName: string]: ThemeComponentStyles;
-};
-export interface ThemeSetup {
-    components?: ThemeType;
-    button?: ThemeComponentStyles;
-    textbox?: ThemeComponentStyles;
-    textarea?: ThemeComponentStyles;
-    checkbox?: ThemeComponentStyles;
-    radioButton?: ThemeComponentStyles;
-    label?: ThemeComponentStyles;
-    dropdown?: ThemeComponentStyles;
-}
-export interface Themes {
-    [name: string]: ThemeSetup;
-}

package/core/theme/useTheme.d.ts

@@ -1,2 +0,0 @@
-import { BoxThemeStyles, ThemeProps } from '../../types';
-export default function useTheme(props: ThemeProps): BoxThemeStyles | undefined;