@cube-dev/ui-kit 0.0.0-canary-b2ef539 → 0.0.0-canary-a3a4b9b

package/es/utils/tree.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b2ef539
+ * @cube-dev/ui-kit v0.0.0-canary-a3a4b9b
  * Released under the MIT license.
  */
 

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-b2ef539
+ * @cube-dev/ui-kit v0.0.0-canary-a3a4b9b
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-b2ef539",
+  "version": "0.0.0-canary-a3a4b9b",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

package/types/components/content/Placeholder/Placeholder.d.ts

@@ -3,5 +3,6 @@ import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 export interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {
     size?: Styles['fontSize'];
     circle?: boolean;
+    isStatic?: boolean;
 }
 export declare const Placeholder: import("react").ForwardRefExoticComponent<CubePlaceholderProps & import("react").RefAttributes<unknown>>;

package/types/components/content/Skeleton/Skeleton.d.ts

@@ -3,40 +3,14 @@ import { CubePlaceholderProps } from '../Placeholder/Placeholder';
 import { CubeGridProps } from '../../layout/Grid';
 import { BaseProps, ContainerStyleProps } from '../../../tasty';
 declare const LAYOUT_MAP: {
-    readonly page: ({ lines, children, ...props }: {
-        [x: string]: any;
-        lines: any;
-        children: any;
-    }) => JSX.Element;
-    readonly content: ({ children, lines, ...props }: {
-        [x: string]: any;
-        children: any;
-        lines: any;
-    }) => JSX.Element;
-    readonly topbar: (props: any) => JSX.Element;
-    readonly menu: ({ lines, ...props }: {
-        [x: string]: any;
-        lines: any;
-    }) => JSX.Element;
-    readonly stats: ({ cards, ...props }: {
-        [x: string]: any;
-        cards: any;
-    }) => JSX.Element;
-    readonly tabs: ({ tabs, children, lines, ...props }: {
-        [x: string]: any;
-        tabs: any;
-        children: any;
-        lines: any;
-    }) => JSX.Element;
-    readonly table: ({ rows, columns, ...props }: {
-        [x: string]: any;
-        rows: any;
-        columns: any;
-    }) => JSX.Element;
-    readonly chart: ({ columns, ...props }: {
-        [x: string]: any;
-        columns: any;
-    }) => JSX.Element;
+    readonly page: ({ lines, children, isStatic, ...props }: CubeSkeletonProps) => JSX.Element;
+    readonly content: ({ children, lines, isStatic, ...props }: CubeSkeletonProps) => JSX.Element;
+    readonly topbar: ({ isStatic, ...props }: CubeSkeletonProps) => JSX.Element;
+    readonly menu: ({ lines, isStatic, ...props }: CubeSkeletonProps) => JSX.Element;
+    readonly stats: ({ cards, isStatic, ...props }: CubeSkeletonProps) => JSX.Element;
+    readonly tabs: ({ tabs, children, lines, isStatic, ...props }: CubeSkeletonProps) => JSX.Element;
+    readonly table: ({ rows, columns, isStatic, ...props }: CubeSkeletonProps) => JSX.Element;
+    readonly chart: ({ columns, isStatic, ...props }: CubeSkeletonProps) => JSX.Element;
 };
 export interface CubeSkeletonProps extends CubeGridProps, CubePlaceholderProps, BaseProps, ContainerStyleProps {
     /** The type of the layout */
@@ -51,6 +25,8 @@ export interface CubeSkeletonProps extends CubeGridProps, CubePlaceholderProps,
     tabs?: number;
     /** The number of cards */
     cards?: number;
+    /** The static mode */
+    isStatic?: boolean;
 }
-export declare function Skeleton({ layout, ...props }: CubeSkeletonProps): JSX.Element;
+export declare function Skeleton({ layout, isStatic, ...props }: CubeSkeletonProps): JSX.Element;
 export {};

package/types/components/forms/Form/types.d.ts

@@ -6,7 +6,7 @@ export type CubeFieldData<Name extends string, Value> = {
     readonly name: Name;
     errors: ReactNode[];
     value?: Value;
-    inputValue?: Value | string | undefined | null;
+    inputValue?: Value;
     touched?: boolean;
     rules?: any[];
     validating?: boolean;

package/types/components/forms/Form/use-field/types.d.ts

@@ -3,7 +3,7 @@ import { CubeFieldData, FieldTypes } from '../types';
 import { ValidateTrigger, ValidationRule, ValidationState } from '../../../../shared';
 import { CubeFormInstance } from '../use-form';
 import { Props } from '../../../../tasty';
-export interface CubeFieldProps<T extends FieldTypes, K = unknown> {
+export interface CubeFieldProps<T extends FieldTypes> {
     /** The initial value of the input. */
     defaultValue?: any;
     /** The unique ID of the field */
@@ -29,10 +29,6 @@ export interface CubeFieldProps<T extends FieldTypes, K = unknown> {
     /** Message for the field. Some additional information or error notice */
     message?: ReactNode;
     labelProps?: Props;
-    casting?: 'number' | [
-        (inputValue: K) => string | null | undefined,
-        (outputValue: string) => K | null | undefined
-    ];
 }
 export type FieldReturnValue<T extends FieldTypes> = {
     id: string;

package/types/components/forms/RadioGroup/Radio.d.ts

@@ -66,14 +66,11 @@ declare const ButtonGroup: import("react").ComponentType<{
     necessityLabel?: import("react").ReactNode;
     validateTrigger?: import("../../../shared").ValidateTrigger | undefined;
     showValid?: boolean | undefined;
-    fieldProps?: import("../../../tasty").Props | undefined;
     labelSuffix?: import("react").ReactNode;
     labelProps?: import("../../../tasty").Props | undefined;
-    messageStyles?: Styles | undefined;
     idPrefix?: string | undefined;
     validationDelay?: number | undefined;
     shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean) | undefined;
-    casting?: "number" | [(inputValue: unknown) => string | null | undefined, (outputValue: string) => unknown] | undefined;
     validate?: ((value: string | null) => true | import("@react-types/shared").ValidationError | null | undefined) | undefined;
     isInvalid?: boolean | undefined;
     validationBehavior?: "native" | "aria" | undefined;
@@ -145,14 +142,11 @@ declare const __Radio: import("react").ForwardRefExoticComponent<CubeRadioProps
         necessityLabel?: import("react").ReactNode;
         validateTrigger?: import("../../../shared").ValidateTrigger | undefined;
         showValid?: boolean | undefined;
-        fieldProps?: import("../../../tasty").Props | undefined;
         labelSuffix?: import("react").ReactNode;
         labelProps?: import("../../../tasty").Props | undefined;
-        messageStyles?: Styles | undefined;
         idPrefix?: string | undefined;
         validationDelay?: number | undefined;
         shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean) | undefined;
-        casting?: "number" | [(inputValue: unknown) => string | null | undefined, (outputValue: string) => unknown] | undefined;
         validate?: ((value: string | null) => true | import("@react-types/shared").ValidationError | null | undefined) | undefined;
         isInvalid?: boolean | undefined;
         validationBehavior?: "native" | "aria" | undefined;

package/types/components/forms/wrapper.d.ts

@@ -1,9 +1,8 @@
 import { ReactElement, RefObject } from 'react';
-import { FocusableRef } from '@react-types/shared';
 import { FieldBaseProps, FormBaseProps } from '../../shared';
 import { BaseProps, Styles } from '../../tasty';
 interface WrapWithFieldProps extends FieldBaseProps, BaseProps, FormBaseProps {
     styles?: Styles;
 }
-export declare function wrapWithField<T extends WrapWithFieldProps>(component: ReactElement, ref: RefObject<unknown> | FocusableRef<HTMLElement>, props: T): JSX.Element;
+export declare function wrapWithField<T extends WrapWithFieldProps>(component: ReactElement, ref: RefObject<unknown>, props: T): JSX.Element;
 export {};

package/types/shared/form.d.ts

@@ -8,7 +8,7 @@ export type NecessityIndicator = 'icon' | 'label';
 export type ValidationState = 'invalid' | 'valid';
 /** On which event perform the validation for the field */
 export type ValidateTrigger = 'onBlur' | 'onChange' | 'onSubmit';
-export interface FieldBaseProps<T = unknown> extends FormBaseProps {
+export interface FieldBaseProps extends FormBaseProps {
     /** The field name */
     name?: string;
     /** The label of the field */
@@ -52,12 +52,6 @@ export interface FieldBaseProps<T = unknown> extends FormBaseProps {
     labelStyles?: Styles;
     /** Whether the field is inside the form. Private field. */
     insideForm?: boolean;
-    fieldProps?: Props;
-    messageStyles?: Styles;
-    casting?: 'number' | [
-        (inputValue: T) => string | null | undefined,
-        (outputValue: string) => T | null | undefined
-    ];
 }
 export interface FormBaseProps {
     /** Styles of the label */