amotify 0.0.7 → 0.0.9

package/dist/Functions/Input/Text.js

@@ -1,340 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextInput = exports.TextValidate = void 0;
-var _global_1 = require("../../Global/@export");
-var useEffect = _global_1.React.useEffect, useState = _global_1.React.useState;
-var _atoms_1 = require("../../Atoms/@export");
-var core_1 = require("./core");
-var ValidateTypes = {
-    number: {
-        reg: /^-?[0-9\.]+$/g, exist: true,
-        reason: '半角数字で入力してください'
-    },
-    digitNumber: {
-        reg: /^-?[0-9\.]+$/g, exist: true,
-        reason: '半角数字で入力してください'
-    },
-    fileName: {
-        reg: /[¥\/;:*\?\"\'\|\.\s\n\r\<\>]/g, exist: false,
-        reason: '空白または一部の特殊文字は使用できません'
-    },
-    creditCard: {
-        reg: /^\d{16}$/g, exist: true,
-        reason: '16桁の数字で入力してください'
-    },
-    email: {
-        reg: /^[A-Za-z0-9]{1}[A-Za-z0-9_.-]*@{1}[A-Za-z0-9_.-]+\.[A-Za-z0-9]+$/, exist: true,
-        reason: _global_1.React.createElement(_global_1.React.Fragment, null,
-            _global_1.React.createElement(_atoms_1.Box, null, "\u25CB\u25CB\u25CB\u25CB@\u25CB\u25CB\u25CB\u25CB.\u25CB\u25CB\u25CB\u306E\u5F62\u5F0F\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"),
-            _global_1.React.createElement(_atoms_1.Box, null, "\u6700\u5F8C\u306E\u6587\u5B57\u306B.(\u30C9\u30C3\u30C8)\u3092\u5165\u308C\u308B\u3053\u3068\u306F\u3067\u304D\u307E\u305B\u3093")),
-    },
-    password: {
-        reg: /^(?=[^A-Z]*[A-Z])(?=[^a-z]*[a-z])(?=[^0-9]*[0-9]).{8,}$/, exist: true,
-        reason: '8文字以上、半角英数大小文字で入力してください'
-    },
-    tel: {
-        reg: /^(0|\(?\+\d{1,3}\)?\s)[-0-9]{9,12}$/g, exist: true,
-        reason: _global_1.React.createElement(_global_1.React.Fragment, null,
-            _global_1.React.createElement(_atoms_1.Box, null, "0\u304B\u3089\u59CB\u307E\u308B\u756A\u53F7\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"),
-            _global_1.React.createElement(_atoms_1.Box, null, "9~12\u6841\u306E\u6570\u5B57\u3067\u5165\u529B\u3057\u3066\u304F\u3060\u3055\u3044"),
-            _global_1.React.createElement(_atoms_1.Box, null, "\u6570\u5B57\u306E\u307F\u5165\u529B\u53EF\u80FD\u3067\u3059"))
-    },
-    url: {
-        reg: /^https?:\/\/[^\n\s]+(\.|\:)[^\n\s\.\:]+$/, exist: true,
-        reason: 'URL形式 : http(s)://◯◯◯◯'
-    },
-    postal: {
-        reg: /^\d{7}$/g, exist: true,
-        reason: '7桁の数字で入力してください'
-    }
-};
-var DataLeveling = function (params) {
-    var restrict = params.restrict, _a = params.value, value = _a === void 0 ? '' : _a;
-    var dataValue = String(value);
-    var minus = false;
-    if (['tel', 'number', 'digitNumber', 'test', 'postal', 'creditCard'].includes(restrict)) {
-        dataValue = dataValue.zen2hanNumber();
-    }
-    if (['postal', 'creditCard'].includes(restrict)) {
-        dataValue = dataValue.removeLetters();
-    }
-    if (['number', 'digitNumber'].includes(restrict)) {
-        if (dataValue) {
-            if (dataValue == '-') {
-            }
-            else if (dataValue == '0-') {
-                dataValue = '-';
-            }
-            else {
-                if (dataValue[0] == '-')
-                    minus = true;
-                dataValue = dataValue.replace(/[^0-9\.]/ig, '');
-                var Amount = Number(dataValue);
-                if (Amount === 0)
-                    minus = false;
-                if (minus)
-                    Amount = -1 * Amount;
-                if ($.is.exist(params.min)) {
-                    Amount = Math.max(Amount, Number(params.min));
-                }
-                if ($.is.exist(params.max)) {
-                    Amount = Math.min(Amount, Number(params.max));
-                }
-                dataValue = String(Math.abs(Amount));
-            }
-        }
-    }
-    var formatValue = dataValue;
-    if (restrict == 'digitNumber') {
-        if (dataValue && dataValue != '-') {
-            var arrary = [];
-            for (var index = dataValue.length - 1; index >= 0; index--) {
-                arrary.unshift(dataValue[index]);
-                var Index = (dataValue.length - 1) - index + 1;
-                if (index != 0 && Index % 3 == 0) {
-                    arrary.unshift(',');
-                }
-            }
-            formatValue = arrary.join('');
-        }
-    }
-    else if (restrict == 'postal') {
-        if (dataValue.length >= 4) {
-            formatValue = dataValue.clip(0, 3) + '-' + dataValue.clip(3);
-        }
-    }
-    else if (restrict == 'creditCard') {
-        formatValue = dataValue.replace(/.{4}(?=.)/g, "$& ");
-    }
-    if (['number', 'digitNumber'].includes(restrict)) {
-        if (minus) {
-            dataValue = '-' + dataValue;
-            formatValue = '-' + formatValue;
-        }
-    }
-    return {
-        formatValue: formatValue,
-        dataValue: dataValue
-    };
-};
-var setSelection = function (props) {
-    var id = props.id, restrict = props.restrict, val_status = props.val_status;
-    var input = $('#' + id)[0];
-    if (input) {
-        if (val_status.prevValue && val_status.formatValue) {
-            var currentValue = val_status.formatValue, prevValue = val_status.prevValue, caretFrom = val_status.caretFrom, caretTo = val_status.caretTo;
-            if (restrict == 'creditCard') {
-                if (currentValue.length >= prevValue.length) {
-                    if (caretFrom % 5 == 0) {
-                        caretFrom++;
-                        caretTo++;
-                    }
-                }
-                input.setSelectionRange(caretFrom, caretTo);
-            }
-            else if (restrict == 'postal') {
-                if (currentValue.length == 5 && prevValue.length == 3) {
-                    caretFrom++;
-                    caretTo++;
-                }
-                input.setSelectionRange(caretFrom, caretTo);
-            }
-            else if (restrict == 'digitNumber') {
-                var margin = currentValue.length - prevValue.length;
-                if (margin == 2) {
-                    caretFrom++;
-                    caretTo++;
-                }
-                if (margin == -2) {
-                    caretFrom--;
-                    caretTo--;
-                }
-                input.setSelectionRange(caretFrom, caretTo);
-            }
-        }
-    }
-};
-var TextValidate = function (value, restrict) {
-    var response = {
-        ok: true,
-        body: ''
-    };
-    (function () {
-        var kit = ValidateTypes[restrict];
-        if (!kit)
-            return;
-        var reason = kit.reason;
-        if (kit) {
-            var valid = Boolean(Number(!!value.match(kit.reg)) ^ Number(!kit.exist));
-            response = {
-                ok: valid,
-                body: valid ? '' : reason
-            };
-        }
-    })();
-    return response;
-};
-exports.TextValidate = TextValidate;
-function DefaultValidation(props) {
-    var value = props.value, params = props.params;
-    var _a = params, _b = _a.restrict, restrict = _b === void 0 ? 'text' : _b, _c = _a.maxLength, maxLength = _c === void 0 ? 255 : _c, required = _a.required;
-    var notice = [];
-    if ($.is.exist(maxLength)) {
-        if (value.length >= Number(maxLength)) {
-            notice.push({ type: 'invalid', label: maxLength + '字以内で入力してください' });
-        }
-    }
-    if (value) {
-        var Valid = (0, exports.TextValidate)(value, restrict);
-        if (!Valid.ok)
-            notice.push({ type: 'invalid', label: Valid.body });
-    }
-    else if (required) {
-        notice.push({ type: 'invalid', label: '必須項目です' });
-    }
-    return {
-        ok: !notice.filter(function (_a) {
-            var type = _a.type;
-            return type == 'invalid';
-        }).length,
-        notice: notice
-    };
-}
-var TextInput = function (params) {
-    var componentID = params.componentID, tone = params.tone, required = params.required, _a = params.restrict, restrict = _a === void 0 ? 'text' : _a, form = params.form, _b = params.autoComplete, autoComplete = _b === void 0 ? 'off' : _b, _c = params.autoCapitalize, autoCapitalize = _c === void 0 ? 'off' : _c, enableFormSubmit = params.enableFormSubmit, _d = params.clearButton, clearButton = _d === void 0 ? false : _d, checkValidationAtFirst = params.checkValidationAtFirst, onChange = params.onChange, onKeyDown = params.onKeyDown, onValidate = params.onValidate, onUpdateValue = params.onUpdateValue, onUpdateValidValue = params.onUpdateValidValue, _e = params.value, value = _e === void 0 ? '' : _e, leftIndicator = params.leftIndicator, rightIndicator = params.rightIndicator, rightIcon = params.rightIcon, maxLength = params.maxLength, min = params.min, max = params.max, others = __rest(params, ["componentID", "tone", "required", "restrict", "form", "autoComplete", "autoCapitalize", "enableFormSubmit", "clearButton", "checkValidationAtFirst", "onChange", "onKeyDown", "onValidate", "onUpdateValue", "onUpdateValidValue", "value", "leftIndicator", "rightIndicator", "rightIcon", "maxLength", "min", "max"]);
-    var inputType = restrict == 'password' ? 'password' : 'text';
-    var inputMode = ['number', 'digitNumber', 'tel', 'creditCard'].includes(restrict) ? 'numeric' : restrict == 'email' ? 'email' : 'text';
-    var Default_Status = __assign(__assign({ componentID: componentID }, DataLeveling({
-        min: min,
-        max: max,
-        restrict: restrict,
-        value: value
-    })), { prevValue: '', eventType: 'init', eventID: $.uuidGen(), caretFrom: null, caretTo: null });
-    var _f = __read(useState(Default_Status), 2), val_status = _f[0], set_status = _f[1];
-    var _g = __read(useState({
-        ok: false,
-        notice: []
-    }), 2), val_validate = _g[0], set_validate = _g[1];
-    (0, core_1.CommonEffects)({
-        params: params,
-        val_status: val_status,
-        set_status: set_status,
-        val_validate: val_validate,
-        set_validate: set_validate,
-        DefaultValidation: DefaultValidation,
-        onUpdateValue: onUpdateValue,
-        onUpdateValidValue: onUpdateValidValue,
-        ExtraOverrideParams: __assign({}, DataLeveling({
-            min: min,
-            max: max,
-            restrict: restrict,
-            value: value
-        }))
-    });
-    useEffect(function () {
-        setSelection({ id: params.id, restrict: restrict, val_status: val_status });
-    }, [val_status]);
-    return (_global_1.React.createElement(core_1.BoxWrapper, { val_status: val_status, set_status: set_status, val_validate: val_validate, params: params },
-        _global_1.React.createElement("input", __assign({ type: inputType, inputMode: inputMode, "data-form": form, "data-input-type": 'text', "data-validation": val_validate.ok, "data-value": val_status.dataValue, "data-component-id": val_status.componentID, value: val_status.formatValue, autoComplete: autoComplete, autoCapitalize: autoCapitalize, onKeyDown: function (event) {
-                var key = event.key, target = event.target;
-                {
-                    var input = target;
-                    var selectionStart = input.selectionStart, selectionEnd = input.selectionEnd;
-                    var caretFrom = Number(selectionStart);
-                    var caretTo = Number(selectionEnd);
-                    var _v = val_status.formatValue[Number(caretFrom)];
-                    var v_ = val_status.formatValue[Number(caretFrom) - 1];
-                    if (key == 'Delete' && ((restrict == 'creditCard' && _v == ' ') ||
-                        (restrict == 'postal' && _v == '-') ||
-                        (restrict == 'digitNumber' && _v == ','))) {
-                        input.setSelectionRange(caretFrom + 1, caretTo + 1);
-                        event.preventDefault();
-                    }
-                    if (key == 'Backspace' && ((restrict == 'creditCard' && v_ == ' ') ||
-                        (restrict == 'postal' && v_ == '-') ||
-                        (restrict == 'digitNumber' && v_ == ','))) {
-                        input.setSelectionRange(caretFrom - 1, caretTo - 1);
-                        event.preventDefault();
-                    }
-                }
-                if (['number', 'digitNumber', 'creditCard'].includes(restrict)) {
-                    if (key == 'Clear') {
-                        set_status(__assign(__assign({}, val_status), { dataValue: '', formatValue: '', eventType: 'update', eventID: $.uuidGen() }));
-                    }
-                }
-                if (['number', 'digitNumber'].includes(restrict)) {
-                    if (['ArrowUp', 'ArrowDown'].includes(key)) {
-                        var direction = Number(key == 'ArrowUp') * 2 - 1;
-                        var Value = String(Number(val_status.dataValue) + direction);
-                        if (val_validate.ok) {
-                            set_validate({ ok: false, notice: [] });
-                        }
-                        set_status(__assign(__assign(__assign({}, val_status), DataLeveling({
-                            min: min,
-                            max: max,
-                            restrict: restrict,
-                            value: Value
-                        })), { eventType: 'update', eventID: $.uuidGen() }));
-                        event.preventDefault();
-                    }
-                }
-                if (onKeyDown)
-                    onKeyDown(event);
-                if (enableFormSubmit)
-                    (0, core_1.SubmitForm)(event);
-            }, onChange: function (event) {
-                var _a = event.target, rawValue = _a.value, selectionStart = _a.selectionStart, selectionEnd = _a.selectionEnd;
-                var value = DataLeveling({
-                    min: min,
-                    max: max,
-                    restrict: restrict,
-                    value: rawValue
-                });
-                if (value.formatValue == val_status.formatValue)
-                    return;
-                if (val_validate.ok)
-                    set_validate({ ok: false, notice: [] });
-                set_status(__assign(__assign(__assign({}, val_status), value), { prevValue: val_status.formatValue, eventType: 'update', eventID: $.uuidGen(), caretFrom: Number(selectionStart), caretTo: Number(selectionEnd) }));
-                if (onChange)
-                    onChange(event);
-            } }, others))));
-};
-exports.TextInput = TextInput;

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

@@ -1 +0,0 @@
-export declare const TextAreaInput: FNC<amotify.fn.Input.TextArea.PlainParams>;

package/dist/Functions/Input/TextArea.js

@@ -1,98 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TextAreaInput = void 0;
-var _global_1 = require("../../Global/@export");
-var useState = _global_1.React.useState;
-var core_1 = require("./core");
-function DefaultValidation(props) {
-    var value = props.value, params = props.params;
-    var required = params.required;
-    var notice = [];
-    if (required && !value) {
-        notice.push({ type: 'invalid', label: '必須項目です' });
-    }
-    return {
-        ok: !notice.filter(function (_a) {
-            var type = _a.type;
-            return type == 'invalid';
-        }).length,
-        notice: notice
-    };
-}
-var TextAreaInput = function (params) {
-    var componentID = params.componentID, tone = params.tone, required = params.required, form = params.form, enableFormSubmit = params.enableFormSubmit, checkValidationAtFirst = params.checkValidationAtFirst, onChange = params.onChange, onKeyDown = params.onKeyDown, onValidate = params.onValidate, onUpdateValue = params.onUpdateValue, onUpdateValidValue = params.onUpdateValidValue, _a = params.value, value = _a === void 0 ? '' : _a, leftIndicator = params.leftIndicator, rightIndicator = params.rightIndicator, others = __rest(params, ["componentID", "tone", "required", "form", "enableFormSubmit", "checkValidationAtFirst", "onChange", "onKeyDown", "onValidate", "onUpdateValue", "onUpdateValidValue", "value", "leftIndicator", "rightIndicator"]);
-    var Default_Status = {
-        componentID: componentID,
-        dataValue: value,
-        eventType: 'init',
-        eventID: $.uuidGen()
-    };
-    var _b = __read(useState(Default_Status), 2), val_status = _b[0], set_status = _b[1];
-    var _c = __read(useState({
-        ok: false,
-        notice: []
-    }), 2), val_validate = _c[0], set_validate = _c[1];
-    (0, core_1.CommonEffects)({
-        params: params,
-        val_status: val_status,
-        set_status: set_status,
-        val_validate: val_validate,
-        set_validate: set_validate,
-        onUpdateValue: onUpdateValue,
-        onUpdateValidValue: onUpdateValidValue,
-        DefaultValidation: DefaultValidation
-    });
-    return (_global_1.React.createElement(core_1.BoxWrapper, { val_status: val_status, set_status: set_status, val_validate: val_validate, params: params },
-        _global_1.React.createElement("textarea", __assign({ "data-form": form, "data-input-type": 'textarea', "data-validation": val_validate.ok, "data-value": val_status.dataValue, "data-component-id": val_status.componentID, value: val_status.dataValue, onKeyDown: function (event) {
-                if (onKeyDown)
-                    onKeyDown(event);
-                if (enableFormSubmit)
-                    (0, core_1.SubmitForm)(event);
-            }, onChange: function (event) {
-                var value = event.target.value;
-                if (val_validate.ok)
-                    set_validate({ ok: false, notice: [] });
-                set_status(__assign(__assign({}, val_status), { dataValue: value, eventType: 'update', eventID: $.uuidGen() }));
-                if (onChange)
-                    onChange(event);
-            } }, others))));
-};
-exports.TextAreaInput = TextAreaInput;

package/dist/Functions/Input/Time/Picker.d.ts

@@ -1 +0,0 @@
-export declare const Picker: FNC<amotify.fn.Input.Time.PickerParams>;