@cube-dev/ui-kit 0.0.0-canary-e6e904c → 0.0.0-canary-b596850

package/package.json

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

package/types/components/forms/Slider/elements.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-export declare const SliderThumbElement: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
-export declare const SliderTrackContainerElement: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
-export declare const SliderGradationElement: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
-export declare const SliderGradeElement: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
-export declare const SliderControlsElement: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
-export declare const SliderElement: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
+export declare const SliderThumbElement: any;
+export declare const SliderTrackContainerElement: any;
+export declare const SliderGradationElement: any;
+export declare const SliderGradeElement: any;
+export declare const SliderControlsElement: any;
+export declare const SliderElement: any;

package/types/components/overlays/Dialog/DialogForm.d.ts

@@ -3,7 +3,7 @@ import { CubeFormProps } from '../../forms/Form/Form';
 import { CubeButtonProps } from '../../actions';
 import { FieldTypes } from '../../forms';
 import { CubeDialogProps } from './Dialog';
-export interface CubeDialogFormProps<T extends FieldTypes = FieldTypes> extends CubeDialogProps, Omit<CubeFormProps<T>, 'role'> {
+export interface CubeDialogFormProps<T extends FieldTypes = FieldTypes> extends Omit<CubeDialogProps, 'children'>, Omit<CubeFormProps<T>, 'role' | 'children'> {
     /** Whether the submit button has a `danger` theme */
     danger?: boolean;
     /** Properties for submit button. Use `label` to change text. */
@@ -16,6 +16,8 @@ export interface CubeDialogFormProps<T extends FieldTypes = FieldTypes> extends
     noActions?: boolean;
     /** The title of the dialog */
     title?: string;
+    /** Children nodes or render function  */
+    children?: CubeFormProps['children'] | ((onLocalDismiss: () => void) => CubeFormProps['children']);
 }
 export interface CubeDialogFormRef {
     open: () => void;

package/types/components/pickers/Menu/styled.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare const StyledMenu: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
-export declare const StyledDivider: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
+export declare const StyledMenu: any;
+export declare const StyledDivider: any;
 export declare const StyledMenuHeader: import("react").ComponentType<{
     children?: import("react").ReactNode;
     ref?: import("react").Ref<unknown> | undefined;
@@ -78,8 +78,8 @@ export declare const StyledMenuHeader: import("react").ComponentType<{
     theme?: (string & {}) | "danger" | "default" | "special" | undefined;
     key?: import("react").Key | null | undefined;
 } & {}>;
-export declare const StyledMenuSection: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
-export declare const StyledMenuItem: import("react").ComponentType<Omit<import("../../../tasty").Props, "variant"> & import("../../../tasty/tasty").WithVariant<import("../../../tasty/tasty").VariantMap>>;
+export declare const StyledMenuSection: any;
+export declare const StyledMenuItem: any;
 export declare const StyledMenuSectionHeading: import("react").ComponentType<{
     children?: import("react").ReactNode;
     ref?: import("react").Ref<unknown> | undefined;

package/types/tasty/index.d.ts

@@ -10,7 +10,7 @@ export * from './styles/list';
 export * from './providers/BreakpointsProvider';
 export * from './utils/mergeStyles';
 export * from './utils/warnings';
-export * from './utils/getDisplayName';
+export * from './utils/get-display-name';
 export type { TastyProps, GlobalTastyProps, AllBasePropsWithMods, } from './tasty';
 export type { AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortGridStyles, GlobalStyledProps, TagNameProps, TagName, } from './types';
 export type { StylesInterface, Styles, StylesWithoutSelectors, NoType, Selector, SuffixForSelector, NotSelector, } from './styles/types';

package/types/tasty/tasty.d.ts

@@ -5,14 +5,7 @@ import { ResponsiveStyleValue } from './utils/styles';
 type StyleList = readonly (keyof {
     [key in keyof StylesInterface]: StylesInterface[key];
 })[];
-export type PropsWithStyles = {
-    styles?: Styles;
-} & Omit<Props, 'styles'>;
-export type VariantMap = Record<string, Styles>;
-export type WithVariant<V extends VariantMap> = {
-    variant?: keyof V;
-};
-export type TastyProps<K extends StyleList, V extends VariantMap, DefaultProps = Props> = {
+export type TastyProps<K extends StyleList, DefaultProps = Props> = {
     /** The tag name of the element. */
     as?: string;
     /** Default styles of the element. */
@@ -20,21 +13,24 @@ export type TastyProps<K extends StyleList, V extends VariantMap, DefaultProps =
     /** The list of styles that can be provided by props */
     styleProps?: K;
     element?: BaseProps['element'];
-    variants?: V;
-} & Partial<Omit<DefaultProps, 'as' | 'styles' | 'styleProps'>> & Pick<BaseProps, 'qa' | 'qaVal'> & WithVariant<V>;
+} & Partial<Omit<DefaultProps, 'as' | 'styles' | 'styleProps'>>;
 export interface GlobalTastyProps {
     breakpoints?: number[];
 }
 export type AllBasePropsWithMods<K extends StyleList> = AllBaseProps & {
     [key in K[number]]?: ResponsiveStyleValue<StylesInterface[key]>;
 } & BaseStyleProps;
-type TastyComponentPropsWithDefaults<Props extends PropsWithStyles, DefaultProps extends Partial<Props>> = keyof DefaultProps extends never ? Props : {
+type TastyPropsWithDefaults<Props extends {
+    styles?: Styles;
+}, DefaultProps extends Partial<Props>> = keyof DefaultProps extends never ? Props : {
     [key in Extract<keyof Props, keyof DefaultProps>]?: Props[key];
 } & {
     [key in keyof Omit<Props, keyof DefaultProps>]: Props[key];
 };
-declare function tasty<K extends StyleList, V extends VariantMap>(options: TastyProps<K, V>, secondArg?: never): ComponentType<Omit<Props, 'variant'> & WithVariant<V>>;
+declare function tasty<K extends StyleList>(options: TastyProps<K>, secondArg?: never): any;
 declare function tasty(selector: string, styles?: Styles): any;
-declare function tasty<Props extends PropsWithStyles, DefaultProps extends Partial<Props> = Partial<Props>>(Component: ComponentType<Props>, options?: TastyProps<never, never, Props>): ComponentType<TastyComponentPropsWithDefaults<Props, DefaultProps>>;
-declare const Element: ComponentType<Omit<Props, "variant"> & WithVariant<VariantMap>>;
+declare function tasty<Props extends {
+    styles?: Styles;
+}, DefaultProps extends Partial<Props> = Partial<Props>>(Component: ComponentType<Props>, options?: TastyProps<never, Props>): ComponentType<TastyPropsWithDefaults<Props, DefaultProps>>;
+declare const Element: any;
 export { tasty, Element };

package/types/tasty/utils/modAttrs.d.ts

@@ -2,6 +2,4 @@
  * Generate data DOM attributes from modifier map.
  */
 import { AllBaseProps } from '../types';
-declare function modAttrs(map: AllBaseProps['mods']): Record<string, string> | null;
-declare const _modAttrs: typeof modAttrs;
-export { _modAttrs as modAttrs };
+export declare function modAttrs(map: AllBaseProps['mods']): Record<string, string> | null;

package/types/tasty/utils/renderStyles.d.ts

@@ -7,4 +7,4 @@ export declare function isSelector(key: any): any;
  * @param {string} [suffix]
  * @return {string}
  */
-export declare function renderStyles(styles?: Styles, responsive?: number[], suffix?: string): any;
+export declare function renderStyles(styles: Styles, responsive: number[], suffix?: string): any;

package/types/tasty/utils/styles.d.ts

@@ -189,4 +189,8 @@ export declare const COMPUTE_FUNC_MAP: {
 export declare function computeState(computeModel: ComputeModel, valueMap: (number | boolean)[] | {
     [key: string]: boolean;
 } | Function): any;
+/**
+ * Create a function that caches the result up to the limit.
+ */
+export declare function cacheWrapper<T extends (firstArg: any, secondArg?: string) => any>(handler: T, limit?: number): T;
 export {};

package/cjs/tasty/utils/cache-wrapper.js

@@ -1,35 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e6e904c
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.cacheWrapper = void 0;
-/**
- * Create a function that caches the result up to the limit.
- */
-function cacheWrapper(handler, limit = 1000) {
-    let cache = {};
-    let count = 0;
-    return ((firstArg, secondArg) => {
-        const key = typeof firstArg === 'string' && secondArg == null
-            ? firstArg
-            : JSON.stringify([firstArg, secondArg]);
-        if (!cache[key]) {
-            if (count > limit) {
-                cache = {};
-                count = 0;
-            }
-            count++;
-            cache[key] =
-                secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);
-        }
-        return cache[key];
-    });
-}
-exports.cacheWrapper = cacheWrapper;
-
-        

package/cjs/tasty/utils/case-converter.js

@@ -1,16 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e6e904c
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.camelToKebab = void 0;
-function camelToKebab(str) {
-    return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
-}
-exports.camelToKebab = camelToKebab;
-
-        

package/es/tasty/utils/cache-wrapper.js

@@ -1,31 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e6e904c
- * Released under the MIT license.
- */
-
-/**
- * Create a function that caches the result up to the limit.
- */
-export function cacheWrapper(handler, limit = 1000) {
-    let cache = {};
-    let count = 0;
-    return ((firstArg, secondArg) => {
-        const key = typeof firstArg === 'string' && secondArg == null
-            ? firstArg
-            : JSON.stringify([firstArg, secondArg]);
-        if (!cache[key]) {
-            if (count > limit) {
-                cache = {};
-                count = 0;
-            }
-            count++;
-            cache[key] =
-                secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);
-        }
-        return cache[key];
-    });
-}
-
-        

package/es/tasty/utils/case-converter.js

@@ -1,12 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-e6e904c
- * Released under the MIT license.
- */
-
-export function camelToKebab(str) {
-    return str.replace(/([a-z0-9])([A-Z])/g, '$1-$2').toLowerCase();
-}
-
-        

package/types/tasty/utils/cache-wrapper.d.ts

@@ -1,4 +0,0 @@
-/**
- * Create a function that caches the result up to the limit.
- */
-export declare function cacheWrapper<T extends (firstArg: any, secondArg?: string) => any>(handler: T, limit?: number): T;

package/types/tasty/utils/case-converter.d.ts

@@ -1 +0,0 @@
-export declare function camelToKebab(str: string): string;