amotify 0.0.0

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

@@ -0,0 +1,340 @@
+"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");
+var useEffect = _global_1.React.useEffect, useState = _global_1.React.useState;
+var _atoms_1 = require("@atoms");
+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/@comps/Functions/Input/TextArea.d.ts

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

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

@@ -0,0 +1,98 @@
+"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");
+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/@comps/Functions/Input/Time/Picker.d.ts

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