@cube-dev/ui-kit 0.16.4 → 0.18.0

package/es/styled/styled.js

@@ -1,80 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
- * Released under the MIT license.
- */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import styledComponents, { createGlobalStyle } from 'styled-components';
-import { forwardRef, useContext, useMemo } from 'react';
-import { isValidElementType } from 'react-is';
-import { BASE_STYLES, BreakpointsContext, modAttrs, pointsToZones, renderStyles, mergeStyles, deprecationWarning, getDisplayName, } from '../tasty';
-import { useContextStyles } from '../providers/StyleProvider';
-// Implementation
-function styled(Component, options) {
-    deprecationWarning(options?.props == null, {
-        property: 'props',
-        name: 'styled api',
-        betterAlternative: "inline props directly in styled(), eg: styled({ type: 'confirm' })",
-    });
-    if (typeof Component === 'string') {
-        let selector = Component;
-        let styles = options;
-        let Element = createGlobalStyle `${(css) => css}`;
-        const _Component = ({ breakpoints }) => {
-            let contextBreakpoints = useContext(BreakpointsContext);
-            let zones = pointsToZones(breakpoints || contextBreakpoints);
-            let css = `${styles ? `\n{}${selector}{${renderStyles(styles, zones)}}` : ''}`;
-            return _jsx(Element, { css: css }, void 0);
-        };
-        _Component.displayName = `CubeStyled(${Element.displayName ?? Element.name ?? Component})`;
-        return _Component;
-    }
-    if (isValidElementType(Component)) {
-        let { styles: extendStyles, props: legacyDefaultProps, name, tag: extendTag, ...defaultProps } = options ?? {};
-        const _StyledComponent = forwardRef((props, ref) => {
-            const { styles, styleName, as, ...restProps } = props;
-            const mergedStyles = useMemo(() => {
-                if (extendStyles != null && styles != null) {
-                    return mergeStyles(extendStyles, styles);
-                }
-                return extendStyles;
-            }, [styles]);
-            return (_jsx(Component, { ref: ref, ...legacyDefaultProps, ...defaultProps, ...restProps, styles: mergedStyles, styleName: styleName ?? name, as: as ?? extendTag }, void 0));
-        });
-        _StyledComponent.displayName = `CubeStyled(${getDisplayName(Component)})`;
-        return _StyledComponent;
-    }
-    options = Component;
-    let { name, tag = 'div', css: defaultCSS, styles: defaultStyles, props: defaultProps, styleProps, } = options;
-    let Element = styledComponents[tag](({ css }) => css);
-    let _StyledComponent = forwardRef((allProps, ref) => {
-        let { as, styles, styleName, breakpoints, mods, element, qa, qaVal, css, ...props } = allProps;
-        let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps ?? {};
-        let propStyles = useMemo(() => (styleProps
-            ? styleProps.concat(BASE_STYLES)
-            : BASE_STYLES).reduce((map, prop) => {
-            if (prop in props) {
-                map[prop] = props[prop];
-                delete props[prop];
-            }
-            return map;
-        }, {}), [props]);
-        let contextStyles = useContextStyles(styleName ?? name, props);
-        let allStyles = useMemo(() => mergeStyles(defaultStyles, contextStyles, styles, propStyles), [contextStyles, styles, propStyles]);
-        let contextBreakpoints = useContext(BreakpointsContext);
-        let zones = pointsToZones(breakpoints ?? contextBreakpoints);
-        let renderedStyles = useMemo(() => renderStyles(allStyles, zones), [allStyles, zones]);
-        css = `${defaultCSS ?? ''}${css ?? ''}${allStyles ? renderedStyles : ''}`;
-        if (mods) {
-            Object.assign(props, modAttrs(mods));
-        }
-        return (_jsx(Element, { as: as ?? tag, "data-element": element, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...props, ref: ref, css: css }, void 0));
-    });
-    _StyledComponent.displayName = `CubeStyled(${Element.displayName ?? Element.name ?? tag})`;
-    return _StyledComponent;
-}
-export { styled };
-
-        

package/es/test/index.js

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
- * Released under the MIT license.
- */
-
-export * from './utils';
-export * from './render';
-
-        

package/es/test/render.js

@@ -1,34 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
- * Released under the MIT license.
- */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { render } from '@testing-library/react';
-import { Form } from '../components/forms';
-import { Root } from '../components/Root';
-export function renderWithRoot(ui, options) {
-    return render(ui, { ...options, wrapper: Root });
-}
-export function renderWithForm(ui, options) {
-    const { formProps, ...testingLibraryOptions } = options ?? {};
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    let formInstance;
-    return {
-        ...render(ui, {
-            ...testingLibraryOptions,
-            wrapper: function Wrapper({ children }) {
-                const [form] = Form.useForm();
-                formInstance = form;
-                return (_jsx(Root, { children: _jsx(Form, { ...formProps, form: form, children: children }, void 0) }, void 0));
-            },
-        }),
-        // @ts-expect-error TS2454
-        formInstance,
-    };
-}
-export * from '@testing-library/react';
-
-        

package/es/test/setup.js

@@ -1,18 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
- * Released under the MIT license.
- */
-
-import '@testing-library/jest-dom';
-import '@testing-library/jest-dom/extend-expect';
-import 'jest-styled-components';
-import { configure } from '@testing-library/react';
-import { config } from 'react-transition-group';
-import { AbortController } from 'node-abort-controller';
-global.AbortController = AbortController;
-config.disabled = true;
-configure({ testIdAttribute: 'data-qa', asyncUtilTimeout: 10000 });
-
-        

package/es/test/utils/index.js

@@ -1,10 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
- * Released under the MIT license.
- */
-
-export * from './wait';
-
-        

package/es/test/utils/wait.js

@@ -1,12 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.16.4
- * Released under the MIT license.
- */
-
-export function wait(timeout = 100) {
-    return new Promise((res) => setTimeout(res, timeout));
-}
-
-        

package/types/providers/StyleProvider.d.ts

@@ -1,16 +0,0 @@
-import { ReactNode } from 'react';
-import { Styles } from '../tasty';
-export declare const StyleContext: import("react").Context<any>;
-interface StyleProviderProps {
-    children?: ReactNode;
-    [key: string]: any;
-}
-/**
- * @deprecated
- */
-export declare function StyleProvider({ children, ...props }: StyleProviderProps): JSX.Element;
-/**
- * @deprecated
- */
-export declare function useContextStyles(name: string, props?: Record<string, any>): Styles | null;
-export {};

package/types/styled/index.d.ts

@@ -1 +0,0 @@
-export * from './styled';

package/types/styled/styled.d.ts

@@ -1,47 +0,0 @@
-import { ComponentType } from 'react';
-import { Styles, StylesInterface } from '../tasty';
-export declare type StyledProps<K extends (keyof StylesInterface)[], DefaultProps> = {
-    /** The name of the element. It can be used to override styles in context. */
-    name?: string;
-    /** The tag name of the element. */
-    tag?: string;
-    /** Default styles of the element. */
-    styles?: Styles;
-    /** Default css of the element. */
-    css?: string;
-    props?: DefaultProps;
-    /** The list of styles that can be provided by props */
-    styleProps?: K;
-};
-declare type StyledPropsWithDefaults<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 type EitherLegacyPropsOrInlined<K extends (keyof StylesInterface)[], DefaultProps> = ((Pick<StyledProps<K, DefaultProps>, 'name' | 'tag' | 'styles'> & {
-    /**
-     * @deprecated
-     */
-    props?: DefaultProps;
-}) & {
-    [key in keyof DefaultProps]?: 'You Should use either legacy props field or inline props';
-}) | ({
-    props?: 'You Should use either legacy props field or inline props';
-} & DefaultProps);
-/**
- * @deprecated Use `tasty()` helper instead.
- */
-declare function styled<K extends (keyof StylesInterface)[], Props, DefaultProps extends Partial<Props> = Partial<Props>>(options: StyledProps<K, DefaultProps>, secondArg?: never): any;
-/**
- * @deprecated Use `tasty()` helper instead.
- */
-declare function styled(selector: string, styles?: Styles): any;
-/**
- * @deprecated Use `tasty()` helper instead.
- */
-declare function styled<K extends (keyof StylesInterface)[], Props extends {
-    styles?: Styles;
-}, DefaultProps extends Partial<Props> = Partial<Props>>(Component: ComponentType<Props>, options?: EitherLegacyPropsOrInlined<K, DefaultProps>): ComponentType<StyledPropsWithDefaults<Props, DefaultProps>>;
-export { styled };

package/types/test/index.d.ts

@@ -1,2 +0,0 @@
-export * from './utils';
-export * from './render';

package/types/test/render.d.ts

@@ -1,64 +0,0 @@
-import React from 'react';
-import { RenderOptions } from '@testing-library/react';
-import { CubeFormInstance, CubeFormProps } from '../components/forms';
-export declare function renderWithRoot(ui: React.ReactElement, options?: Omit<RenderOptions, 'queries' | 'wrapper'>): import("@testing-library/react").RenderResult<typeof import("@testing-library/dom/types/queries"), HTMLElement>;
-export declare function renderWithForm(ui: React.ReactElement, options?: Omit<RenderOptions, 'queries' | 'wrapper'> & {
-    formProps?: Partial<Omit<CubeFormProps, 'form'>>;
-}): {
-    readonly formInstance: CubeFormInstance<any, import("../components/forms/Form/useForm").CubeFormData<any>>;
-    readonly container: HTMLElement;
-    readonly baseElement: Element;
-    readonly debug: (baseElement?: Element | DocumentFragment | (Element | DocumentFragment)[] | undefined, maxLength?: number | undefined, options?: import("pretty-format").PrettyFormatOptions | undefined) => void;
-    readonly rerender: (ui: React.ReactElement<any, string | React.JSXElementConstructor<any>>) => void;
-    readonly unmount: () => void;
-    readonly asFragment: () => DocumentFragment;
-    readonly getByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
-    readonly getAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
-    readonly queryByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
-    readonly queryAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
-    readonly findByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    readonly findAllByLabelText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    readonly getByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
-    readonly getAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    readonly queryByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
-    readonly queryAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    readonly findByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    readonly findAllByPlaceholderText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    readonly getByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement;
-    readonly getAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
-    readonly queryByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement | null;
-    readonly queryAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined) => HTMLElement[];
-    readonly findByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    readonly findAllByText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").SelectorMatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    readonly getByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
-    readonly getAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    readonly queryByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
-    readonly queryAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    readonly findByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    readonly findAllByAltText: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    readonly getByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
-    readonly getAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    readonly queryByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
-    readonly queryAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    readonly findByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    readonly findAllByTitle: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    readonly getByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
-    readonly getAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    readonly queryByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
-    readonly queryAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    readonly findByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    readonly findAllByDisplayValue: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    readonly getByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement;
-    readonly getAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
-    readonly queryByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement | null;
-    readonly queryAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined) => HTMLElement[];
-    readonly findByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    readonly findAllByRole: (role: import("@testing-library/react").ByRoleMatcher, options?: import("@testing-library/react").ByRoleOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-    readonly getByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement;
-    readonly getAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    readonly queryByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement | null;
-    readonly queryAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined) => HTMLElement[];
-    readonly findByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement>;
-    readonly findAllByTestId: (id: import("@testing-library/react").Matcher, options?: import("@testing-library/react").MatcherOptions | undefined, waitForElementOptions?: import("@testing-library/react").waitForOptions | undefined) => Promise<HTMLElement[]>;
-};
-export * from '@testing-library/react';

package/types/test/setup.d.ts

@@ -1,3 +0,0 @@
-import '@testing-library/jest-dom';
-import '@testing-library/jest-dom/extend-expect';
-import 'jest-styled-components';

package/types/test/utils/index.d.ts

@@ -1 +0,0 @@
-export * from './wait';

package/types/test/utils/wait.d.ts

@@ -1 +0,0 @@
-export declare function wait(timeout?: number): Promise<void>;