@cube-dev/ui-kit 0.0.0-canary-031f87e → 0.0.0-canary-e5954fb

package/es/components/forms/FieldWrapper/extract-field-wrapper-props.js

@@ -1,46 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-031f87e
- * Released under the MIT license.
- */
-
-const createFieldWrapperPropsKeys = (arr) => new Set(arr);
-const fieldWrapperPropsKeys = createFieldWrapperPropsKeys([
-    'as',
-    'validationState',
-    'styles',
-    'isRequired',
-    'isDisabled',
-    'fieldProps',
-    'isHidden',
-    'label',
-    'labelPosition',
-    'labelSuffix',
-    'labelStyles',
-    'labelProps',
-    'description',
-    'requiredMark',
-    'tooltip',
-    'extra',
-    'necessityLabel',
-    'necessityIndicator',
-    'message',
-    'messageStyles',
-    'Component',
-]);
-export function extractFieldWrapperProps(props) {
-    const fieldWrapperProps = {};
-    const rest = {};
-    for (const [key, prop] of Object.entries(props)) {
-        if (fieldWrapperPropsKeys.has(key)) {
-            fieldWrapperProps[key] = prop;
-        }
-        else {
-            rest[key] = prop;
-        }
-    }
-    return { fieldWrapperProps, rest };
-}
-
-        

package/es/components/forms/FieldWrapper/index.js

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

package/es/components/forms/FieldWrapper/types.js

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

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

@@ -1,133 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-031f87e
- * Released under the MIT license.
- */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from 'react';
-import { useFormProps } from '../Form';
-import { useEvent, useWarn } from '../../../../_internal';
-import { FieldProvider } from './FieldContext';
-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 Field(props) {
-    props = useFormProps(props);
-    let { defaultValue, id, idPrefix, children, name, form, rules, validateTrigger, validationState, shouldUpdate, } = props;
-    const nonInput = !name;
-    const fieldName = name != null ? (Array.isArray(name) ? name.join('.') : name) : '';
-    const [fieldId, setFieldId] = useState(id ?? (idPrefix ? `${idPrefix}_${fieldName}` : fieldName));
-    let field = form?.getFieldInstance(fieldName);
-    if (!field) {
-        field = form?.createField(fieldName, true);
-    }
-    useWarn(!form, 'Form Field requires declared form instance if field name is specified');
-    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);
-            }
-        };
-    }, []);
-    if (field) {
-        field.rules = rules;
-        if (defaultValue !== null && !field.touched) {
-            form?.setFieldValue(fieldName, defaultValue, false, true);
-        }
-    }
-    let isRequired = rules && !!rules.find((rule) => rule.required);
-    useEffect(() => {
-        if (!form)
-            return;
-        if (field) {
-            form.forceReRender();
-        }
-        else {
-            form.createField(fieldName);
-        }
-    }, [field]);
-    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
-            });
-        }
-    });
-    const onChangeHandler = useEvent((value, dontTouch) => {
-        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]: value,
-                });
-            if (shouldNotBeUpdated) {
-                return;
-            }
-        }
-        form?.setFieldValue(fieldName, value, !dontTouch, false, dontTouch);
-        if (!dontTouch &&
-            (validateTrigger === 'onChange' || field?.errors?.length)) {
-            form?.validateField(fieldName).catch(() => { }); // do nothing on fail
-        }
-    });
-    const contextValue = useMemo(() => ({
-        id: fieldId,
-        name: fieldName,
-        value: field?.inputValue,
-        validateTrigger,
-        validationState: validationState ?? (field?.errors?.length ? 'invalid' : undefined),
-        ...(isRequired && { isRequired }),
-        ...(field?.errors?.length && { message: field.errors[0] }),
-        onBlur: onBlurHandler,
-        onChange: onChangeHandler,
-    }), [
-        field?.errors,
-        field?.inputValue,
-        fieldId,
-        fieldName,
-        isRequired,
-        onBlurHandler,
-        onChangeHandler,
-        validateTrigger,
-        validationState,
-    ]);
-    if (!form || !children) {
-        return null;
-    }
-    return (_jsx(FieldProvider, { value: contextValue, children: typeof children === 'function' ? children(form) : children }, void 0));
-}
-
-        

package/es/components/forms/Form/Field/FieldContext.js

@@ -1,44 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-031f87e
- * Released under the MIT license.
- */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as React from 'react';
-import { useChainedCallback, useEvent } from '../../../../_internal';
-import { useFormProps } from '../Form';
-const FieldContext = React.createContext(null);
-export function FieldProvider(props) {
-    const { children, value } = props;
-    return (_jsx(FieldContext.Provider, { value: value, children: children }, void 0));
-}
-export function useFieldProps(props, params = {}) {
-    const { valuePropsMapper, defaultValidationTrigger = 'onBlur' } = params;
-    props = useFormProps(props);
-    const fieldContext = React.useContext(FieldContext);
-    const onBlurChained = useChainedCallback(fieldContext?.onBlur, props.onBlur);
-    const onChangeEvent = useEvent((value, dontTouch) => {
-        return fieldContext?.onChange?.(value, dontTouch, fieldContext?.validateTrigger ?? defaultValidationTrigger);
-    });
-    if (fieldContext === null) {
-        return props;
-    }
-    const { validateTrigger = defaultValidationTrigger, value, onChange, ...rest } = fieldContext;
-    return {
-        ...props,
-        ...(valuePropsMapper?.({
-            value: fieldContext.value,
-            onChange: onChangeEvent,
-        }) ?? {
-            value: fieldContext.value,
-            onChange: onChangeEvent,
-        }),
-        ...rest,
-        validateTrigger,
-        onBlur: onBlurChained,
-    };
-}
-
-        

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

@@ -1,12 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-031f87e
- * Released under the MIT license.
- */
-
-export * from './Field';
-export * from './FieldContext';
-export * from './types';
-
-        

package/es/components/forms/Form/Field/types.js

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

package/es/components/forms/TextInput/index.js

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-031f87e
- * Released under the MIT license.
- */
-
-export * from './TextInput';
-export * from './TextInputBase';
-
-        

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/Field/Field.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import { FieldTypes } from '../types';
-import { CubeFieldProps } from './types';
-export declare function Field<T extends FieldTypes>(props: CubeFieldProps<T>): JSX.Element | null;

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

@@ -1,29 +0,0 @@
-import * as React from 'react';
-import { ValidateTrigger, ValidationState } from '../../../../shared';
-export declare type FieldContextValue = {
-    id: string;
-    name: string;
-    value: any;
-    validateTrigger?: ValidateTrigger;
-    validationState?: ValidationState;
-    onChange?: (value: any, dontTouch: boolean, validateTrigger: ValidateTrigger) => void;
-    message?: React.ReactNode;
-    isRequired?: boolean;
-    onBlur: () => void;
-};
-export declare function FieldProvider(props: React.PropsWithChildren<{
-    value: FieldContextValue;
-}>): JSX.Element;
-export declare type UseFieldPropsParams = {
-    valuePropsMapper?: ({ value, onChange }: {
-        value: any;
-        onChange: any;
-    }) => any;
-    /**
-     * @default 'onBlur'
-     */
-    defaultValidationTrigger?: ValidateTrigger;
-};
-export declare function useFieldProps<Props extends {
-    onBlur?: (e: React.FocusEvent) => void;
-}>(props: Props, params?: UseFieldPropsParams): Props;

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

@@ -1,3 +0,0 @@
-export * from './Field';
-export * from './FieldContext';
-export * from './types';

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

@@ -1,25 +0,0 @@
-import { ReactElement } from 'react';
-import { FieldTypes } from '../types';
-import { ValidateTrigger, ValidationRule, ValidationState } from '../../../../shared';
-import { CubeFormInstance } from '../useForm';
-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;
-    children?: ReactElement | ((form: CubeFormInstance<T>) => 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>;
-    /** Field name. It's used as a key the form data. */
-    name?: string[] | string;
-    /** The validation state of the field */
-    validationState?: ValidationState;
-    /** On which event perform the validation for the field */
-    validateTrigger?: ValidateTrigger;
-}

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

@@ -1,2 +0,0 @@
-export * from './TextInput';
-export * from './TextInputBase';