amotify 0.0.8 → 0.0.9

package/dist/Functions/Input/_.js

@@ -1,446 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-var __read = (this && this.__read) || function (o, n) {
-    var m = typeof Symbol === "function" && o[Symbol.iterator];
-    if (!m) return o;
-    var i = m.call(o), r, ar = [], e;
-    try {
-        while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
-    }
-    catch (error) { e = { error: error }; }
-    finally {
-        try {
-            if (r && !r.done && (m = i["return"])) m.call(i);
-        }
-        finally { if (e) throw e.error; }
-    }
-    return ar;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Input = exports.ListInputs = void 0;
-var _export_1 = require("../../Global/@export");
-var useState = React.useState, useEffect = React.useEffect, useRef = React.useRef;
-var _export_2 = require("../../Atoms/@export");
-var _export_3 = require("../../Molecules/@export");
-var _export_4 = require("../../Functions/@export");
-var style_module_scss_1 = __importDefault(require("./style.module.scss"));
-var Hidden_1 = require("./Hidden");
-var Text_1 = require("./Text");
-var TextArea_1 = require("./TextArea");
-var DigitCharacters_1 = require("./DigitCharacters");
-var _1 = require("./Time/_");
-var _2 = require("./Select/_");
-var _3 = require("./List/_");
-var _4 = require("./Chips/_");
-var _5 = require("./Switch/_");
-var _6 = require("./File/_");
-var _7 = require("./Slider/_");
-var _8 = require("./Segmented/_");
-var UniComponent = function (props) {
-    var _a = __read(useState(props.componentID || $.uuidGen()), 1), val_componentID = _a[0];
-    props.params = __assign(__assign({ enableFormSubmit: true, 
-        // override: 'beforeModified',
-        override: 'never', name: $.uuidGen(), id: $.uuidGen(), statusID: $.uuidGen(), 'aria-label': 'Input-' + val_componentID }, props.params), { componentID: val_componentID });
-    var Children = props.children;
-    return (React.createElement(Children, __assign({}, props.params)));
-};
-var TextInputs = {
-    Validate: Text_1.TextValidate,
-    Normal: function (rawParams) {
-        var _a, _b;
-        if (rawParams.rightIcon)
-            rawParams.paddingRight = (_a = rawParams.paddingRight) !== null && _a !== void 0 ? _a : 3;
-        if (rawParams.leftIcon)
-            rawParams.paddingLeft = (_b = rawParams.paddingLeft) !== null && _b !== void 0 ? _b : 3;
-        return (React.createElement(UniComponent, { componentID: rawParams.componentID, children: Text_1.TextInput, params: DefaultStyles.Boxish(rawParams) }));
-    },
-    CreditCard: function (props) { return (React.createElement(TextInputs.Normal, __assign({ restrict: 'creditCard' }, props))); },
-    Tel: function (props) { return (React.createElement(TextInputs.Normal, __assign({ restrict: 'tel', placeholder: 'xxx-xxxx-xxxx' }, props))); },
-    Number: function (props) { return (React.createElement(TextInputs.Normal, __assign({ restrict: 'number' }, props))); },
-    DigitNumber: function (props) { return (React.createElement(TextInputs.Normal, __assign({ restrict: 'digitNumber' }, props))); },
-    Email: function (props) { return (React.createElement(TextInputs.Normal, __assign({ restrict: 'email' }, props))); },
-    Url: function (props) { return (React.createElement(TextInputs.Normal, __assign({ restrict: 'url', placeholder: 'https://example.com' }, props))); },
-    Postal: function (params) {
-        var _a = __read(useState($.uuidGen()), 1), val_postalEventID = _a[0];
-        useEffect(function () {
-            return function () {
-                _export_1.useStore.delete(val_postalEventID);
-            };
-        }, []);
-        return (React.createElement(TextInputs.Normal, __assign({ restrict: 'postal', placeholder: '\u90F5\u4FBF\u756A\u53F7', leftIndicator: React.createElement(exports.Input.Comps.LeftIndicator, { children: '〒' }) }, params)));
-    },
-    Password: function (props) {
-        return (React.createElement(TextInputs.Normal, __assign({ restrict: 'password', placeholder: '\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u5165\u529B', rightIndicator: React.createElement(exports.Input.Comps.RightIndicator, { padding: 0 },
-                React.createElement(_export_4.Buttons.Button.Normal.R, { padding: '3/4', fontColor: 'theme', borderTopLeftRadius: 0, borderBottomLeftRadius: 0, backgroundColor: 'inherit', height: 1, ssEffectsOnActive: ['expand'], onMouseOver: function (event) {
-                        _export_4.Tooltips.open({
-                            parent: event.currentTarget,
-                            gravityPoint: 24,
-                            padding: [1, 0],
-                            content: React.createElement(_export_4.Tooltips.Comps.Body, null, "\u30D1\u30B9\u30EF\u30FC\u30C9\u3092\u8868\u793A")
-                        });
-                    }, tabIndex: -1, onClick: function (event) {
-                        $(event.target)
-                            .parent().parent().parent()
-                            .find('input')
-                            .callback(function (input) {
-                            var Input = input[0];
-                            Input.type = Input.type === 'password' ? 'text' : 'password';
-                        });
-                    } },
-                    React.createElement(_export_2.FAIcon, { d: 'eye', freeCSS: {
-                            pointerEvents: 'none'
-                        } }))) }, props)));
-    },
-    Money: {
-        JPY: function (props) { return (React.createElement(TextInputs.DigitNumber, __assign({ placeholder: "\u91D1\u984D\u3092\u5165\u529B", rightIndicator: React.createElement(exports.Input.Comps.RightIndicator, { children: '円' }) }, props))); }
-    }
-};
-var TimeInputs = {
-    Origin: function (rawParams) {
-        var _a = __read(useState(rawParams.componentID || $.uuidGen()), 1), val_componentID = _a[0];
-        rawParams.componentID = val_componentID;
-        if ($.is.nullish(rawParams.rightIndicator)) {
-            var icon = (rawParams.restrict || '').match(/clock/) ? 'clock' : 'calendar-lines';
-            rawParams.rightIndicator = React.createElement(exports.Input.Comps.RightIndicator, { padding: 0 },
-                React.createElement(_export_4.Buttons.Button.Sub.R, { color: 'cloud', border: 'unset', padding: '3/4', fontColor: 'theme', borderTopLeftRadius: 0, borderBottomLeftRadius: 0, backgroundColor: 'inherit', height: 1, ssEffectsOnActive: ['ripple.theme'], tabIndex: -1, id: 'Picker-' + rawParams.componentID, onClick: function () {
-                        var component = _export_1.useStore.get(rawParams.componentID);
-                        if (component)
-                            component.openPicker();
-                    } },
-                    React.createElement(_export_2.FAIcon, { d: icon })));
-        }
-        return (React.createElement(UniComponent, { componentID: rawParams.componentID, children: _1.TimeInput, params: DefaultStyles.Boxish(rawParams) }));
-    },
-    Clock: function (props) { return (React.createElement(TimeInputs.Origin, __assign({ restrict: 'clock', era: 'clock' }, props))); },
-    Date: function (props) { return (React.createElement(TimeInputs.Origin, __assign({ restrict: 'date' }, props))); },
-    Week: function (props) { return (React.createElement(TimeInputs.Origin, __assign({ restrict: 'week' }, props))); },
-    Month: function (props) { return (React.createElement(TimeInputs.Origin, __assign({ restrict: 'month' }, props))); },
-    Year: function (props) { return (React.createElement(TimeInputs.Origin, __assign({ restrict: 'year' }, props))); },
-    DateWareki: function (params) {
-        var _a = __read(useState(params.componentID || $.uuidGen()), 1), val_componentID = _a[0];
-        params.componentID = val_componentID;
-        var _b = params.defaultEra, defaultEra = _b === void 0 ? 'wareki' : _b;
-        var era = 'year';
-        if (defaultEra == 'wareki') {
-            era = 'reiwa';
-            if (params.value) {
-                var _c = __read(params.value.split(/\D/), 3), year = _c[0], month = _c[1], date = _c[2];
-                if (year && month && date) {
-                    var Year = Number(year);
-                    if (Year >= 2019) {
-                        Year -= 2019, era = 'reiwa';
-                    }
-                    else if (Year >= 1989) {
-                        Year -= 1989, era = 'heisei';
-                    }
-                    else if (Year >= 1926) {
-                        Year -= 1926, era = 'shouwa';
-                    }
-                    else if (Year >= 1912) {
-                        Year -= 1912, era = 'taisho';
-                    }
-                    else if (Year >= 1868) {
-                        Year -= 1868, era = 'meiji';
-                    }
-                    Year += 1;
-                }
-            }
-        }
-        return (React.createElement(TimeInputs.Origin, __assign({ restrict: 'dateWareki', leftIndicator: React.createElement(exports.Input.Select, { enableUnSelected: false, value: era, tone: params.tone, flexCenter: true, borderTopRightRadius: 0, borderBottomRightRadius: 0, freeCSS: {
-                    whiteSpace: 'nowrap',
-                    marginRight: -1
-                }, options: [
-                    { value: 'year', label: '西暦' },
-                    { value: 'reiwa', label: '令和' },
-                    { value: 'heisei', label: '平成' },
-                    { value: 'shouwa', label: '昭和' },
-                    { value: 'taisho', label: '大正' },
-                    { value: 'meiji', label: '明治' }
-                ], onUpdateValidValue: function (_a) {
-                    var value = _a.value, eventType = _a.eventType;
-                    var component = _export_1.useStore.get(params.componentID);
-                    if (component && component.resetEra)
-                        component.resetEra(value);
-                }, rightIcon: false }) }, params, { era: era })));
-    },
-    Periods: {
-        Date: function (props) { return (React.createElement(TimeInputs.Origin, __assign({ restrict: 'dates' }, props))); },
-        Month: function (props) { return (React.createElement(TimeInputs.Origin, __assign({ restrict: 'months' }, props))); },
-    },
-    fn: _1.TimeFNs
-};
-var ChipsInputs = function (rawParams) {
-    rawParams = __assign({ gap: 1, display: 'flex', horizontalAlign: 'left', verticalAlign: 'center', flexWrap: true }, rawParams);
-    var params = DefaultStyles.Boxish(rawParams);
-    return (React.createElement(UniComponent, { componentID: rawParams.componentID, children: _4.ChipsInput, params: params }));
-};
-ChipsInputs.fn = _4.ChipsInput.fn;
-var FileInputs = function (rawParams) {
-    rawParams.override = 'force';
-    var params = _export_1.StyleConverter.ToClassName(rawParams);
-    params.cellClassName = [
-        params.cellClassName,
-        DefaultStyles.Boxish(__assign(__assign({}, params.cellStyles), { tone: params.tone })).className,
-    ].join(' ');
-    return (React.createElement(UniComponent, { componentID: rawParams.componentID, children: _6.FileInput, params: params }));
-};
-FileInputs.fn = _6.FileInput.fn;
-exports.ListInputs = {
-    Origin: function (rawParams) {
-        var params = DefaultStyles.ListCell(rawParams);
-        return (React.createElement(UniComponent, { componentID: rawParams.componentID, children: _3.ListInput, params: params }));
-    },
-    Radio: function (params) { return (React.createElement(exports.ListInputs.Origin, __assign({ iconType: 'radio', tone: params.tone }, params, { type: 'radio' }))); },
-    Checkbox: function (params) { return (React.createElement(exports.ListInputs.Origin, __assign({ iconType: 'checkbox', tone: params.tone }, params, { type: 'checkbox' }))); }
-};
-exports.Input = {
-    Plain: function (params) { return (React.createElement("input", __assign({}, _export_1.StyleConverter.ToClassName(params)))); },
-    Hidden: function (rawParams) {
-        return (React.createElement(UniComponent, { componentID: rawParams.componentID, children: Hidden_1.HiddenInput, params: rawParams }));
-    },
-    Text: TextInputs,
-    TextArea: function (rawParams) {
-        var _a, _b;
-        if (rawParams.rightIcon)
-            rawParams.paddingRight = (_a = rawParams.paddingRight) !== null && _a !== void 0 ? _a : 3;
-        if (rawParams.leftIcon)
-            rawParams.paddingLeft = (_b = rawParams.paddingLeft) !== null && _b !== void 0 ? _b : 3;
-        var params = DefaultStyles.Boxish(rawParams);
-        params.rows = params.rows || 5;
-        return (React.createElement(UniComponent, { componentID: rawParams.componentID, children: TextArea_1.TextAreaInput, params: params }));
-    },
-    DigitCharacters: function (rawParams) {
-        rawParams = __assign({ textAlign: 'center', width: 0 }, rawParams);
-        if (rawParams.combineInput) {
-            rawParams = $.deepMerge(rawParams, {
-                digits: rawParams.digits,
-                textAlign: 'center',
-                width: 0,
-                borderRadius: 0,
-                freeCSS: {
-                    minWidth: 12 * 2,
-                    marginRight: -1
-                },
-                listStyles: {
-                    borderRadius: '2.tone.secondary',
-                    border: 'unset',
-                    gap: 0
-                },
-            });
-        }
-        var params = DefaultStyles.Boxish(rawParams);
-        return (React.createElement(UniComponent, { componentID: rawParams.componentID, children: DigitCharacters_1.DigitCharactersInput, params: params }));
-    },
-    Time: TimeInputs,
-    Select: function (rawParams) {
-        var _a, _b;
-        if ($.is.nullish(rawParams.rightIcon)) {
-            rawParams.rightIcon = React.createElement(exports.Input.Comps.RightIcon, __assign({ flexType: 'col', className: style_module_scss_1.default.IndicatorIcon }, rawParams.rightIconStyles),
-                React.createElement(_export_2.FAIcon.AngleDown, null));
-        }
-        if (rawParams.rightIcon)
-            rawParams.paddingRight = (_a = rawParams.paddingRight) !== null && _a !== void 0 ? _a : 3;
-        if (rawParams.leftIcon)
-            rawParams.paddingLeft = (_b = rawParams.paddingLeft) !== null && _b !== void 0 ? _b : 3;
-        var params = DefaultStyles.Boxish(rawParams);
-        delete params.rightIconStyles;
-        return (React.createElement(UniComponent, { componentID: rawParams.componentID, children: _2.SelectInput, params: params }));
-    },
-    Radio: exports.ListInputs.Radio,
-    Checkbox: exports.ListInputs.Checkbox,
-    Chips: ChipsInputs,
-    Search: function (params) {
-        return React.createElement(ChipsInputs, __assign({ AddButtonComponent: function (props) {
-                if (props.selected.length)
-                    return null;
-                return React.createElement(_export_2.Box, null, "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044");
-            }, SelectedCellComponent: function (props) {
-                return React.createElement(_export_2.Box, { width: 1, textAlign: 'left' },
-                    React.createElement(_export_3.Row.Separate, null,
-                        props.label,
-                        props.defaultRemoveButton));
-            }, paddingLeft: 3, rightIcon: React.createElement(exports.Input.Comps.LeftIcon, null,
-                React.createElement(_export_3.Column, { gap: 0 },
-                    React.createElement(_export_2.FAIcon.AngleUp, null),
-                    React.createElement(_export_2.FAIcon.AngleDown, null))), limit: 1 }, params));
-    },
-    File: FileInputs,
-    Switch: function (rawParams) {
-        rawParams.color = rawParams.color || 'theme';
-        return (React.createElement(UniComponent, { componentID: rawParams.componentID, children: _5.SwitchInput, params: rawParams }));
-    },
-    Slider: function (rawParams) {
-        return (React.createElement(UniComponent, { componentID: rawParams.componentID, children: _7.SliderInput, params: _export_1.StyleConverter.ToClassName(rawParams) }));
-    },
-    Checker: function (rawParams) {
-        return (React.createElement(exports.ListInputs.Origin, __assign({}, rawParams, { tone: 'plain', icon: true, type: 'checker', iconType: 'checkbox', value: rawParams.value ? true : null, cellStyles: __assign({ padding: 0 }, rawParams.cellStyles), options: [
-                { value: true, label: rawParams.label }
-            ], onUpdateValidValue: function (args) {
-                var Value = !!args.value[0];
-                if (rawParams.onUpdateValidValue)
-                    rawParams.onUpdateValidValue(__assign(__assign({}, args), { value: Value }));
-            } })));
-    },
-    Segmented: _8.Segmented,
-    Comps: {
-        RequiredSign: function (params) {
-            return (React.createElement(_export_2.Span, __assign({ fontColor: 'white', fontSize: '0.xs', padding: ['1/4', '1/3'], backgroundColor: 'nega', borderRadius: '3.tone.tertiary', children: '必須' }, params)));
-        },
-        OmitSign: function (params) {
-            return (React.createElement(_export_2.Span, __assign({ fontColor: 'white', fontSize: '0.xs', padding: ['1/4', '1/3'], borderRadius: '3.tone.tertiary', backgroundColor: '6.layer.darkest', children: '省略可' }, params)));
-        },
-        LeftIndicator: function (params) {
-            var tone = params.tone, others = __rest(params, ["tone"]);
-            return (React.createElement(_export_2.Box, __assign({}, DefaultStyles.Indicator(tone), { borderRight: 'unset', borderTopRightRadius: 0, borderBottomRightRadius: 0 }, others)));
-        },
-        RightIndicator: function (params) {
-            var tone = params.tone, others = __rest(params, ["tone"]);
-            return (React.createElement(_export_2.Box, __assign({}, DefaultStyles.Indicator(tone), { borderLeft: 'unset', borderTopLeftRadius: 0, borderBottomLeftRadius: 0 }, others)));
-        },
-        RightIcon: function (params) {
-            var _a = params.tone, tone = _a === void 0 ? 'border' : _a, others = __rest(params, ["tone"]);
-            return (React.createElement(_export_2.Box, __assign({}, DefaultStyles.IndicatorIcon, { right: '3/4', className: style_module_scss_1.default.IndicatorIcon }, others, { freeCSS: __assign({ zIndex: 6, pointerEvents: 'none' }, others.freeCSS) })));
-        },
-        LeftIcon: function (params) {
-            var _a = params.tone, tone = _a === void 0 ? 'border' : _a, others = __rest(params, ["tone"]);
-            return (React.createElement(_export_2.Box, __assign({}, DefaultStyles.IndicatorIcon, { left: '3/4', className: style_module_scss_1.default.IndicatorIcon }, others, { freeCSS: __assign({ zIndex: 6, pointerEvents: 'none' }, others.freeCSS) })));
-        },
-    }
-};
-var DefaultStyles = {
-    Input: function (type) {
-        if (type == 'plain')
-            return {};
-        var Styles = {
-            padding: '3/4',
-            transition: 'middle',
-            flexSizing: 'auto',
-            boxShadow: 0
-        };
-        if (type == 'border') {
-            Styles = __assign(__assign({}, Styles), { border: true, borderRadius: '2.tone.secondary', backgroundColor: '1.layer.base' });
-        }
-        else if (type == 'cloud') {
-            Styles = __assign(__assign({}, Styles), { border: '1.thin', borderRadius: '2.tone.secondary', backgroundColor: 'cloud' });
-        }
-        else if (type == 'bottomBorder') {
-            Styles = __assign(__assign({}, Styles), { borderRadius: 0, borderBottom: true, backgroundColor: 'cloud' });
-        }
-        return Styles;
-    },
-    ListCell: function (params) {
-        if (!params.tone) {
-            params.tone = 'border';
-            if (amotify.config.tone == 'flat')
-                params.tone = 'cloud';
-        }
-        var tone = params.tone;
-        if (tone == 'plain') {
-        }
-        else {
-            params = __assign(__assign({}, params), { cellStyles: __assign({ position: 'relative', padding: ['3/4', 1], borderRadius: '2.tone.secondary', transition: 'middle' }, params.cellStyles) });
-            if (tone == 'normal') {
-                params = __assign(__assign({ gap: '1/2' }, params), { cellStyles: __assign({ isBoldFont: true }, params.cellStyles), cellCheckedStyles: {
-                        backgroundColor: 'cloud'
-                    } });
-            }
-            else {
-                params = __assign(__assign({ gap: '3/4' }, params), { cellStyles: __assign({ boxShadow: 0 }, params.cellStyles) });
-                if (tone == 'cloud' || tone == 'vivid') {
-                    params.cellStyles = __assign({ border: '1.thin', backgroundColor: '2.layer.cloud' }, params.cellStyles);
-                }
-                if (tone == 'border') {
-                    params.cellStyles = __assign({ border: true, backgroundColor: '1.layer.base' }, params.cellStyles);
-                    params.cellCheckedStyles = __assign({ borderColor: 'theme', fontColor: 'theme' }, params.cellCheckedStyles);
-                }
-                else if (tone == 'cloud') {
-                    params.cellCheckedStyles = __assign({ backgroundColor: 'tcOpFew', fontColor: 'theme', borderColor: 'theme' }, params.cellCheckedStyles);
-                }
-                else if (tone == 'vivid') {
-                    params.cellCheckedStyles = __assign({ backgroundColor: 'theme', fontColor: 'white', borderColor: 'theme' }, params.cellCheckedStyles);
-                }
-            }
-        }
-        return _export_1.StyleConverter.ToClassName(params);
-    },
-    Boxish: function (params) {
-        if (!params.tone) {
-            params.tone = 'border';
-            if (amotify.config.tone == 'sharp')
-                params.tone = 'bottomBorder';
-            else if (amotify.config.tone == 'flat')
-                params.tone = 'cloud';
-        }
-        var Styles = __assign(__assign(__assign(__assign(__assign({}, DefaultStyles.Input(params.tone)), params), params.leftIndicator ? {
-            borderTopLeftRadius: 0,
-            borderBottomLeftRadius: 0
-        } : null), params.rightIndicator ? {
-            borderTopRightRadius: 0,
-            borderBottomRightRadius: 0,
-        } : null), { className: [
-                style_module_scss_1.default.Input,
-                params.className
-            ].join(' ') });
-        return _export_1.StyleConverter.ToClassName(Styles);
-    },
-    Indicator: function (type) {
-        if (!type) {
-            type = 'border';
-            if (amotify.config.tone == 'sharp')
-                type = 'bottomBorder';
-        }
-        if (type == 'plain')
-            return {};
-        var styles = {
-            flexSizing: 'none',
-            flexCenter: true,
-            padding: [0, 1],
-            borderRadius: '2.tone.secondary',
-            backgroundColor: 'cloud'
-        };
-        if (type == 'border') {
-            styles = __assign(__assign({}, styles), { border: true });
-        }
-        else if (type == 'cloud') {
-            styles = __assign(__assign({}, styles), { border: '1.thin' });
-        }
-        else if (type == 'bottomBorder') {
-            styles = __assign(__assign({}, styles), { borderRadius: 0, borderBottom: true });
-        }
-        return styles;
-    },
-    IndicatorIcon: {
-        position: 'absolute',
-        unitWidth: 2,
-        unitHeight: 2,
-        top: '50%',
-        flexCenter: true,
-        fontColor: 'theme',
-        fontSize: '1.mini',
-        backgroundColor: 'inherit',
-    }
-};

package/dist/Functions/Input/core.d.ts

@@ -1,34 +0,0 @@
-/// <reference types="react" />
-declare type BoxWrapperParams = {
-    val_status: any;
-    set_status: React.Dispatch<React.SetStateAction<any>>;
-    val_validate: amotify.fn.Input.Validation.Result;
-    params: any;
-    children: ReactElement;
-};
-export declare const BoxWrapper: FNC<BoxWrapperParams>;
-export declare const CommonEffects: {
-    (props: {
-        type?: string;
-        params: plainObject;
-        val_status: amotify.fn.Input.Status.Plain;
-        set_status: React.Dispatch<React.SetStateAction<any>>;
-        val_validate: amotify.fn.Input.Validation.Result;
-        set_validate: React.Dispatch<React.SetStateAction<amotify.fn.Input.Validation.Result>>;
-        DefaultValidation: amotify.fn.Input.Validation.SystemCheck;
-        onUpdateValue?: amotify.fn.Input.OnUpdateValue;
-        onUpdateValidValue?: amotify.fn.Input.OnUpdateValue;
-        ExtraOverrideParams?: plainObject;
-        ExtraStoreParams?: plainObject;
-    }): void;
-};
-export declare const ValidationCheck: {
-    (props: {
-        val_status: amotify.fn.Input.Status.Plain;
-        DefaultValidation: amotify.fn.Input.Validation.SystemCheck;
-        params: any;
-        set_validate: React.Dispatch<React.SetStateAction<amotify.fn.Input.Validation.Result>>;
-    }): void;
-};
-export declare const SubmitForm: (event: React.KeyboardEvent) => boolean;
-export {};