@cube-dev/ui-kit 0.0.0-canary-f2f75e5 → 0.0.0-canary-70f4106

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

@@ -1,29 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./use-field"), exports);
-__exportStar(require("./use-field-props"), exports);
-__exportStar(require("./types"), exports);
-__exportStar(require("./LegacyField"), exports);
-
-        

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

@@ -1,11 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-
-        

package/cjs/components/forms/Form/Field/use-field-props.js

@@ -1,61 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useFieldProps = void 0;
-const react_1 = require("react");
-const react_2 = require("react");
-const _internal_1 = require("../../../../_internal");
-const use_field_1 = require("./use-field");
-const LegacyField_1 = require("./LegacyField");
-function useFieldProps(props, params = {}) {
-    // We use ref here to "memoize" initial value
-    const isDisabledRef = (0, react_1.useRef)(params.unsafe__isDisabled ?? false);
-    const { valuePropsMapper = ({ value, onChange }) => ({
-        value: value ?? null,
-        onChange,
-    }), defaultValidationTrigger = 'onBlur', } = params;
-    const isInsideLegacyField = (0, LegacyField_1.useInsideLegacyField)();
-    (0, _internal_1.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 = (0, use_field_1.useField)(props, {
-        defaultValidationTrigger: params.defaultValidationTrigger,
-    });
-    const isOutsideOfForm = field?.form == null;
-    // eslint-disable-next-line react-hooks/rules-of-hooks
-    const onBlurChained = (0, _internal_1.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 = (0, _internal_1.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
-        (0, react_2.useDebugValue)(result);
-    }
-    return result;
-}
-exports.useFieldProps = useFieldProps;
-
-        

package/cjs/components/forms/Form/Field/use-field.js

@@ -1,133 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useField = void 0;
-const react_1 = require("react");
-const _internal_1 = require("../../../../_internal");
-const Form_1 = require("../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);
-}
-function useField(props, params) {
-    props = (0, Form_1.useFormProps)(props);
-    let { defaultValue, id, idPrefix, name, form, rules, validateTrigger = params.defaultValidationTrigger, validationState, shouldUpdate, } = props;
-    const nonInput = !name;
-    const fieldName = name ?? '';
-    const [fieldId, setFieldId] = (0, react_1.useState)(id ?? (idPrefix ? `${idPrefix}_${fieldName}` : fieldName));
-    let field = form?.getFieldInstance(fieldName);
-    if (!field) {
-        field = form?.createField(fieldName, true);
-    }
-    (0, _internal_1.useWarn)(!form && name !== undefined, 'Form Field requires declared form instance if field name is specified');
-    (0, react_1.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);
-    (0, react_1.useEffect)(() => {
-        if (!form)
-            return;
-        if (field) {
-            form.forceReRender();
-        }
-        else {
-            form.createField(fieldName);
-        }
-    }, [field]);
-    const onBlurHandler = (0, _internal_1.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 = (0, _internal_1.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
-        }
-    });
-    return (0, react_1.useMemo)(() => ({
-        id: fieldId,
-        name: fieldName,
-        value: field?.inputValue,
-        validateTrigger,
-        form,
-        validationState: validationState ?? (field?.errors?.length ? 'invalid' : undefined),
-        ...(isRequired && { isRequired }),
-        ...(field?.errors?.length && { message: field.errors[0] }),
-        onBlur: onBlurHandler,
-        onChange: onChangeHandler,
-    }), [
-        form,
-        field?.errors,
-        field?.inputValue,
-        fieldId,
-        fieldName,
-        isRequired,
-        onBlurHandler,
-        onChangeHandler,
-        validateTrigger,
-        validationState,
-    ]);
-}
-exports.useField = useField;
-
-        

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

@@ -1,25 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
- * Released under the MIT license.
- */
-
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Submit = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const provider_1 = require("../../../../provider");
-const Form_1 = require("../Form");
-const actions_1 = require("../../../actions");
-exports.Submit = (0, react_1.forwardRef)(function Submit(props, ref) {
-    props = (0, provider_1.useProviderProps)(props);
-    props = (0, Form_1.useFormProps)(props);
-    const { form, ...otherProps } = props;
-    const formData = form?.getFieldsValue() ?? {};
-    const isInvalid = Object.keys(formData).some((name) => form?.isFieldInvalid(name) ?? false);
-    return ((0, jsx_runtime_1.jsx)(actions_1.Button, { ref: ref, type: "primary", htmlType: "submit", isLoading: form?.isSubmitting, isDisabled: isInvalid, ...otherProps }));
-});
-
-        

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

@@ -1,26 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Submit"), exports);
-
-        

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

@@ -1,27 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
- * Released under the MIT license.
- */
-
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./TextInput"), exports);
-__exportStar(require("./TextInputBase"), exports);
-
-        

package/es/_internal/hooks/use-effect-once.js

@@ -1,14 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
- * Released under the MIT license.
- */
-
-import { useEffect } from 'react';
-export function useEffectOnce(effect) {
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-    useEffect(effect, []);
-}
-
-        

package/es/_internal/hooks/use-is-first-render.js

@@ -1,18 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
- * Released under the MIT license.
- */
-
-import { useRef } from 'react';
-export function useIsFirstRender() {
-    const isFirst = useRef(true);
-    if (isFirst.current) {
-        isFirst.current = false;
-        return true;
-    }
-    return isFirst.current;
-}
-
-        

package/es/_internal/hooks/use-update-effect.js

@@ -1,20 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
- * Released under the MIT license.
- */
-
-import { useEffect } from 'react';
-import { useIsFirstRender } from './use-is-first-render';
-export function useUpdateEffect(effect, deps) {
-    const isFirst = useIsFirstRender();
-    useEffect(() => {
-        if (!isFirst) {
-            return effect();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, deps);
-}
-
-        

package/es/_internal/hooks/use-warn.js

@@ -1,23 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
- * Released under the MIT license.
- */
-
-import * as React from 'react';
-import { warn } from '../../utils/warnings';
-export function useWarn(condition, ...args) {
-    const didWarn = React.useRef(false);
-    React.useEffect(() => {
-        if (didWarn.current)
-            return;
-        didWarn.current = true;
-        if (condition) {
-            warn(...args);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [condition]);
-}
-
-        

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-f2f75e5
- * 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-f2f75e5
- * 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-f2f75e5
- * Released under the MIT license.
- */
-
-export {};
-
-        

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

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

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-f2f75e5
- * Released under the MIT license.
- */
-
-export {};
-
-        

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

@@ -1,57 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
- * Released under the MIT license.
- */
-
-import { useRef } from 'react';
-import { useDebugValue } from 'react';
-import { useChainedCallback, useEvent, useWarn } from '../../../../_internal';
-import { useField } from './use-field';
-import { useInsideLegacyField } from './LegacyField';
-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/Field/use-field.js

@@ -1,129 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-f2f75e5
- * Released under the MIT license.
- */
-
-import { useEffect, useMemo, useState } from 'react';
-import { useEvent, useWarn } 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 ?? '';
-    const [fieldId, setFieldId] = useState(id ?? (idPrefix ? `${idPrefix}_${fieldName}` : fieldName));
-    let field = form?.getFieldInstance(fieldName);
-    if (!field) {
-        field = form?.createField(fieldName, true);
-    }
-    useWarn(!form && name !== undefined, '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
-        }
-    });
-    return useMemo(() => ({
-        id: fieldId,
-        name: fieldName,
-        value: field?.inputValue,
-        validateTrigger,
-        form,
-        validationState: validationState ?? (field?.errors?.length ? 'invalid' : undefined),
-        ...(isRequired && { isRequired }),
-        ...(field?.errors?.length && { message: field.errors[0] }),
-        onBlur: onBlurHandler,
-        onChange: onChangeHandler,
-    }), [
-        form,
-        field?.errors,
-        field?.inputValue,
-        fieldId,
-        fieldName,
-        isRequired,
-        onBlurHandler,
-        onChangeHandler,
-        validateTrigger,
-        validationState,
-    ]);
-}
-
-