@cube-dev/ui-kit 0.0.0-canary-26d261f → 0.0.0-canary-3ac5723

package/es/components/forms/Form/Submit/Submit.js

@@ -1,22 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-26d261f
- * Released under the MIT license.
- */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import { useProviderProps } from '../../../../provider';
-import { useFormProps } from '../Form';
-import { Button } from '../../../actions';
-export const Submit = forwardRef(function Submit(props, ref) {
-    props = useProviderProps(props);
-    props = useFormProps(props);
-    const { form, ...otherProps } = props;
-    const formData = form?.getFieldsValue() ?? {};
-    const isInvalid = Object.keys(formData).some((name) => form?.isFieldInvalid(name) ?? false);
-    return (_jsx(Button, { ref: ref, type: "primary", htmlType: "submit", isLoading: form?.isSubmitting, isDisabled: isInvalid, ...otherProps }));
-});
-
-        

package/es/components/forms/Form/Submit/index.js

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

package/es/components/forms/Form/use-field/index.js

@@ -1,12 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-26d261f
- * Released under the MIT license.
- */
-
-export * from './use-field';
-export * from './use-field-props';
-export * from './types';
-
-        

package/es/components/forms/Form/use-field/types.js

@@ -1,10 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-26d261f
- * Released under the MIT license.
- */
-
-export {};
-
-        

package/es/components/forms/Form/use-field/use-field-props.js

@@ -1,57 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-26d261f
- * Released under the MIT license.
- */
-
-import { useRef } from 'react';
-import { useDebugValue } from 'react';
-import { useChainedCallback, useEvent, useWarn } from '../../../../_internal';
-import { useInsideLegacyField } from '../Field';
-import { useField } from './use-field';
-export function useFieldProps(props, params = {}) {
-    // We use ref here to "memoize" initial value
-    const isDisabledRef = useRef(params.unsafe__isDisabled ?? false);
-    const { valuePropsMapper = ({ value, onChange }) => ({
-        value: value ?? null,
-        onChange,
-    }), defaultValidationTrigger = 'onBlur', } = params;
-    const isInsideLegacyField = useInsideLegacyField();
-    useWarn(isInsideLegacyField, '<Field /> is deprecated, use component without <Field /> instead.');
-    if (isInsideLegacyField || isDisabledRef.current || props.name == null) {
-        return props;
-    }
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const field = useField(props, {
-        defaultValidationTrigger: params.defaultValidationTrigger,
-    });
-    const isOutsideOfForm = field?.form == null;
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const onBlurChained = useChainedCallback(field?.onBlur, 
-    // TODO: remove type casting after updating to typescipt@4.9
-    'onBlur' in props ? props.onBlur : undefined);
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const onChangeEvent = useEvent((value, dontTouch) => {
-        return field?.onChange?.(value, dontTouch, field?.validateTrigger ?? defaultValidationTrigger);
-    });
-    const result = isOutsideOfForm
-        ? props
-        : {
-            ...props,
-            ...field,
-            ...valuePropsMapper({
-                value: field.value,
-                onChange: onChangeEvent,
-            }),
-            validateTrigger: field.validateTrigger ?? defaultValidationTrigger,
-            onBlur: onBlurChained,
-        };
-    if (process.env.NODE_ENV === 'development') {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        useDebugValue(result);
-    }
-    return result;
-}
-
-        

package/es/components/forms/Form/use-field/use-field.js

@@ -1,142 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-26d261f
- * Released under the MIT license.
- */
-
-import { useEffect, useMemo, useState } from 'react';
-import { useEvent, useIsFirstRender } from '../../../../_internal';
-import { useFormProps } from '../Form';
-const ID_MAP = {};
-function createId(name) {
-    if (!name)
-        return;
-    if (!ID_MAP[name]) {
-        ID_MAP[name] = [];
-    }
-    let i = 0;
-    let id;
-    do {
-        id = i ? `${name}_${i}` : name;
-        i++;
-    } while (ID_MAP[name].includes(id));
-    ID_MAP[name].push(id);
-    return id;
-}
-function removeId(name, id) {
-    if (!ID_MAP[name])
-        return;
-    ID_MAP[name] = ID_MAP[name].filter((_id) => _id !== id);
-}
-export function useField(props, params) {
-    props = useFormProps(props);
-    let { defaultValue, id, idPrefix, name, form, rules, validateTrigger = params.defaultValidationTrigger, validationState, shouldUpdate, } = props;
-    const nonInput = !name;
-    const fieldName = name != null ? (Array.isArray(name) ? name.join('.') : name) : '';
-    const isFirstRender = useIsFirstRender();
-    let [fieldId, setFieldId] = useState(id || (idPrefix ? `${idPrefix}_${fieldName}` : fieldName));
-    useEffect(() => {
-        let newId;
-        if (!id && !nonInput) {
-            newId = createId(fieldId);
-            setFieldId(newId);
-        }
-        return () => {
-            if (!id) {
-                removeId(idPrefix ? `${idPrefix}_${fieldName}` : fieldName, newId);
-            }
-            if (fieldName && form) {
-                form.removeField(fieldName);
-            }
-        };
-    }, []);
-    let field = form?.getFieldInstance(fieldName);
-    if (field) {
-        field.rules = rules;
-    }
-    let isRequired = rules && !!rules.find((rule) => rule.required);
-    useEffect(() => {
-        if (!form)
-            return;
-        if (field) {
-            form.forceReRender();
-        }
-        else {
-            form.createField(fieldName);
-        }
-    }, [field]);
-    if (form) {
-        if (isFirstRender) {
-            if (!field) {
-                field = form.createField(fieldName, true);
-            }
-            if (field?.value == null) {
-                form.setFieldValue(fieldName, defaultValue, false, true);
-                field = form?.getFieldInstance(fieldName);
-            }
-        }
-        if (!field?.touched) {
-            form.setFieldValue(fieldName, defaultValue, false, true);
-        }
-    }
-    const onChangeHandler = useEvent((val, dontTouch) => {
-        if (!form)
-            return;
-        const field = form.getFieldInstance(fieldName);
-        if (shouldUpdate) {
-            const fieldsValue = form.getFieldsValue();
-            // check if we should update the value of the field
-            const shouldNotBeUpdated = typeof shouldUpdate === 'boolean'
-                ? !shouldUpdate
-                : !shouldUpdate(fieldsValue, {
-                    ...fieldsValue,
-                    [fieldName]: val,
-                });
-            if (shouldNotBeUpdated) {
-                return;
-            }
-        }
-        form.setFieldValue(fieldName, val, !dontTouch, false, dontTouch);
-        if (!dontTouch &&
-            (validateTrigger === 'onChange' ||
-                (field && field.errors && field.errors.length))) {
-            form.validateField(fieldName).catch(() => { }); // do nothing on fail
-        }
-    });
-    const onBlurHandler = useEvent(() => {
-        if (validateTrigger === 'onBlur') {
-            // We need a timeout so the change event can be done.
-            setTimeout(() => {
-                form?.validateField(fieldName).catch(() => { }); // do nothing on fail
-            });
-        }
-    });
-    return useMemo(() => ({
-        id: fieldId,
-        name: fieldName,
-        value: field?.inputValue,
-        validateTrigger,
-        form,
-        field,
-        nonInput,
-        validationState: validationState ?? (field?.errors?.length ? 'invalid' : undefined),
-        ...(isRequired && { isRequired }),
-        ...(field?.errors?.length && { message: field.errors[0] }),
-        onBlur: onBlurHandler,
-        onChange: onChangeHandler,
-    }), [
-        form,
-        field,
-        fieldId,
-        fieldName,
-        isRequired,
-        onBlurHandler,
-        onChangeHandler,
-        validateTrigger,
-        validationState,
-        nonInput,
-    ]);
-}
-
-        

package/types/_internal/hooks/use-effect-once.d.ts

@@ -1,2 +0,0 @@
-import { EffectCallback } from 'react';
-export declare function useEffectOnce(effect: EffectCallback): void;

package/types/_internal/hooks/use-is-first-render.d.ts

@@ -1 +0,0 @@
-export declare function useIsFirstRender(): boolean;

package/types/_internal/hooks/use-update-effect.d.ts

@@ -1,2 +0,0 @@
-import { DependencyList, EffectCallback } from 'react';
-export declare function useUpdateEffect(effect: EffectCallback, deps?: DependencyList): void;

package/types/_internal/hooks/use-warn.d.ts

@@ -1,2 +0,0 @@
-import { warn } from '../../utils/warnings';
-export declare function useWarn<T>(condition: T, ...args: Parameters<typeof warn>): void;

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

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { CubeFieldWrapperProps } from './types';
-/**
- * A wrapper for form fields to provide additional decoration for inputs.
- * @internal Do not use this component directly.
- */
-export declare const FieldWrapper: import("react").ForwardRefExoticComponent<CubeFieldWrapperProps & import("react").RefAttributes<unknown>>;

package/types/components/forms/FieldWrapper/extract-field-wrapper-props.d.ts

@@ -1,9 +0,0 @@
-import { CubeFieldWrapperProps } from './types';
-export declare function extractFieldWrapperProps<Props extends CubeFieldWrapperProps, FieldWrapperKeys extends keyof CubeFieldWrapperProps = keyof CubeFieldWrapperProps, ActualWrapperProps extends {
-    [K in keyof Pick<Props, keyof CubeFieldWrapperProps>]: CubeFieldWrapperProps[K];
-} = {
-    [K in keyof Pick<Props, keyof CubeFieldWrapperProps>]: CubeFieldWrapperProps[K];
-}, RestProps extends Omit<Props, FieldWrapperKeys> = Omit<Props, FieldWrapperKeys>>(props: Props): Readonly<{
-    fieldWrapperProps: ActualWrapperProps;
-    rest: RestProps;
-}>;

package/types/components/forms/FieldWrapper/index.d.ts

@@ -1,3 +0,0 @@
-export * from './FieldWrapper';
-export * from './extract-field-wrapper-props';
-export * from './types';

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { CubeButtonProps } from '../../../actions';
-import { FieldTypes } from '../types';
-import { CubeFormInstance } from '../useForm';
-export interface CubeSubmitProps<T extends FieldTypes = FieldTypes> extends CubeButtonProps {
-    form?: CubeFormInstance<T>;
-}
-export declare const Submit: import("react").ForwardRefExoticComponent<CubeSubmitProps<FieldTypes> & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;

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

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

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

@@ -1,3 +0,0 @@
-export * from './use-field';
-export * from './use-field-props';
-export * from './types';

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

@@ -1,74 +0,0 @@
-import { ReactElement, ReactNode } from 'react';
-import { Styles } from '../../../../tasty';
-import { CubeFieldData, FieldTypes } from '../types';
-import { LabelPosition, OptionalFieldBaseProps, ValidateTrigger, ValidationRule, ValidationState } from '../../../../shared';
-import { CubeFormInstance } from '../useForm';
-export interface LegacyCubeFieldProps<T extends FieldTypes> extends OptionalFieldBaseProps {
-    /** The initial value of the input. */
-    defaultValue?: any;
-    /** The type of the input. `Input`, `Checkbox`, RadioGroup`, `Select`, `ComboBox` etc... */
-    type?: string;
-    /** The unique ID of the field */
-    id?: string;
-    /** The id prefix for the field to avoid collisions between forms */
-    idPrefix?: string;
-    children?: ReactElement | ((CubeFormInstance: any) => ReactElement);
-    /** Function that checks whether to perform update of the form state. */
-    shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean);
-    /** Validation rules */
-    rules?: ValidationRule[];
-    /** The form instance */
-    form?: CubeFormInstance<T>;
-    /** The message for the field or text for the error */
-    message?: ReactNode;
-    /** The description for the field */
-    description?: ReactNode;
-    /** Tooltip for the label that explains something. */
-    tooltip?: ReactNode;
-    /** Field name. It's used as a key the form data. */
-    name?: string[] | string;
-    /** Whether the field is hidden. */
-    isHidden?: boolean;
-    /** Whether the field is disabled. */
-    isDisabled?: boolean;
-    /** Whether the field is loading. */
-    isLoading?: boolean;
-    styles?: Styles;
-    labelPosition?: LabelPosition;
-    labelStyles?: Styles;
-    labelSuffix?: ReactNode;
-}
-export interface CubeFieldProps<T extends FieldTypes> {
-    /** The initial value of the input. */
-    defaultValue?: any;
-    /** The unique ID of the field */
-    id?: string;
-    /** The id prefix for the field to avoid collisions between forms */
-    idPrefix?: string;
-    /** Function that checks whether to perform update of the form state. */
-    shouldUpdate?: boolean | ((prevValues: any, nextValues: any) => boolean);
-    /** Validation rules */
-    rules?: ValidationRule[];
-    /** The form instance */
-    form?: CubeFormInstance<T>;
-    /** Field name. It's used as a key the form data. */
-    name?: string;
-    /** The validation state of the field */
-    validationState?: ValidationState;
-    /** On which event perform the validation for the field */
-    validateTrigger?: ValidateTrigger;
-}
-export type FieldReturnValue<T extends FieldTypes> = {
-    id: string;
-    name: string;
-    value: any;
-    validateTrigger?: ValidateTrigger;
-    validationState?: ValidationState;
-    form?: CubeFormInstance<T>;
-    onChange?: (value: any, dontTouch: boolean, validateTrigger: ValidateTrigger) => void;
-    message?: React.ReactNode;
-    isRequired?: boolean;
-    onBlur: () => void;
-    nonInput: boolean;
-    field?: CubeFieldData<keyof FieldTypes, T[keyof FieldTypes]>;
-};

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

@@ -1,19 +0,0 @@
-import type { ValidateTrigger } from '../../../../shared';
-import type { CubeFieldProps } from './types';
-import type { FieldTypes } from '../types';
-export type UseFieldPropsParams = {
-    valuePropsMapper?: ({ value, onChange }: {
-        value: any;
-        onChange: any;
-    }) => any;
-    /**
-     * @default 'onBlur'
-     */
-    defaultValidationTrigger?: ValidateTrigger;
-    /**
-     * prop helps to prevent calling hook conditionally, but changing this prop during render is unsafe and forbidden
-     * If you want to change this prop after mount, remount the component with a new value.
-     */
-    unsafe__isDisabled?: boolean;
-};
-export declare function useFieldProps<T extends FieldTypes, Props extends CubeFieldProps<T>>(props: Props, params?: UseFieldPropsParams): Props;

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

@@ -1,7 +0,0 @@
-import { ValidateTrigger } from '../../../../shared';
-import { FieldTypes } from '../types';
-import { CubeFieldProps, FieldReturnValue } from './types';
-export type UseFieldParams = {
-    defaultValidationTrigger?: ValidateTrigger;
-};
-export declare function useField<T extends FieldTypes, Props extends CubeFieldProps<T>>(props: Props, params: UseFieldParams): FieldReturnValue<T>;