amotify 0.0.0

package/dist/@comps/Functions/Input/_.js

@@ -0,0 +1,446 @@
+"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 _global_1 = require("@global");
+var useState = React.useState, useEffect = React.useEffect, useRef = React.useRef;
+var _atoms_1 = require("@atoms");
+var _mols_1 = require("@mols");
+var _functions_1 = require("@functions");
+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 () {
+                _global_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(_functions_1.Buttons.Button.Normal.R, { padding: '3/4', fontColor: 'theme', borderTopLeftRadius: 0, borderBottomLeftRadius: 0, backgroundColor: 'inherit', height: 1, ssEffectsOnActive: ['expand'], onMouseOver: function (event) {
+                        _functions_1.Tooltips.open({
+                            parent: event.currentTarget,
+                            gravityPoint: 24,
+                            padding: [1, 0],
+                            content: React.createElement(_functions_1.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(_atoms_1.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(_functions_1.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 = _global_1.useStore.get(rawParams.componentID);
+                        if (component)
+                            component.openPicker();
+                    } },
+                    React.createElement(_atoms_1.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 = _global_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 = _global_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({}, _global_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(_atoms_1.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(_atoms_1.Box, null, "\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044");
+            }, SelectedCellComponent: function (props) {
+                return React.createElement(_atoms_1.Box, { width: 1, textAlign: 'left' },
+                    React.createElement(_mols_1.Row.Separate, null,
+                        props.label,
+                        props.defaultRemoveButton));
+            }, paddingLeft: 3, rightIcon: React.createElement(exports.Input.Comps.LeftIcon, null,
+                React.createElement(_mols_1.Column, { gap: 0 },
+                    React.createElement(_atoms_1.FAIcon.AngleUp, null),
+                    React.createElement(_atoms_1.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: _global_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(_atoms_1.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(_atoms_1.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(_atoms_1.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(_atoms_1.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(_atoms_1.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(_atoms_1.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 _global_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 _global_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/@comps/Functions/Input/core.d.ts

@@ -0,0 +1,34 @@
+/// <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 {};