amotify 0.0.0

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

@@ -0,0 +1,218 @@
+"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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ChipsInput = void 0;
+var useEffect = React.useEffect, useState = React.useState;
+var _atoms_1 = require("@atoms");
+var _mols_1 = require("@mols");
+var _functions_1 = require("@functions");
+var core_1 = require("../core");
+var Selector_1 = require("./Selector");
+function DefaultValidation(props) {
+    var value = props.value, params = props.params;
+    var required = params.required;
+    var notice = [];
+    if (required && !value.length) {
+        notice.push({ type: 'invalid', label: '一つ以上選択してください' });
+    }
+    return {
+        ok: !notice.filter(function (_a) {
+            var type = _a.type;
+            return type == 'invalid';
+        }).length,
+        notice: notice
+    };
+}
+var DataWrapping = function (params) {
+    var DefaultValues = __spreadArray([], __read((params.value || [])), false);
+    var Values = DefaultValues.splice(0, params.limit || 65535);
+    return (React.createElement(Core, __assign({ SelectedCellComponent: function (params) {
+            var value = params.value, label = params.label, removeCallback = params.removeCallback;
+            return React.createElement(_mols_1.Row.Left, { ssCardBox: true, padding: '1/2', gap: '1/2', isRounded: true, textAlign: 'left' },
+                label,
+                params.defaultRemoveButton);
+        }, AddButtonComponent: function (props) {
+            if (params.limit && params.limit <= props.selected.length)
+                return null;
+            return React.createElement(_functions_1.Buttons.Button.Sub.R, { color: 'cloud', padding: '1/2', onClick: function () {
+                    props.openCallback();
+                } },
+                React.createElement(_atoms_1.FAIcon.Plus, null),
+                "\u8FFD\u52A0\u3059\u308B");
+        } }, params, { value: Values })));
+};
+var Core = function (params) {
+    var required = params.required, form = params.form, name = params.name, checkValidationAtFirst = params.checkValidationAtFirst, onValidate = params.onValidate, onUpdateValue = params.onUpdateValue, onUpdateValidValue = params.onUpdateValidValue, _a = params.value, value = _a === void 0 ? [] : _a, limit = params.limit, SelectedCellComponent = params.SelectedCellComponent, AddButtonComponent = params.AddButtonComponent, others = __rest(params, ["required", "form", "name", "checkValidationAtFirst", "onValidate", "onUpdateValue", "onUpdateValidValue", "value", "limit", "SelectedCellComponent", "AddButtonComponent"]);
+    AddButtonComponent = AddButtonComponent;
+    var _b = __read(useState($.uuidGen()), 1), val_selectorID = _b[0];
+    var _c = __read(useState({
+        componentID: params.componentID || '',
+        dataValue: value.map(function (val) { return val; }),
+        eventID: $.uuidGen(),
+        eventType: 'init'
+    }), 2), val_status = _c[0], set_status = _c[1];
+    var _d = __read(useState({
+        ok: false,
+        notice: []
+    }), 2), val_validate = _d[0], set_validate = _d[1];
+    var _e = __read(useState(__spreadArray([], __read(value), false)), 2), val_selected = _e[0], set_selected = _e[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: {
+            formatValue: val_selected,
+            dataValue: val_selected.map(function (val) { return val; })
+        },
+        ExtraStoreParams: {
+            searchTimer: null
+        }
+    });
+    var UpdateValue = function (values) {
+        set_selected(values);
+        set_status(__assign(__assign({}, val_status), { dataValue: values.map(function (val) { return val; }), eventID: $.uuidGen(), eventType: 'update' }));
+    };
+    var OpenSelector = function () {
+        Selector_1.ChipsInputFNs.openSelector({
+            parent: DefaultParentQuerySelector,
+            gravityPoint: params.selectorGravityPoint,
+            SelectorCellComponent: params.SelectorCellComponent,
+            selectorID: val_selectorID,
+            options: params.defaultOptions || [],
+            selected: val_selected,
+            limit: params.limit,
+            onDynamicSearch: params.onDynamicSearch,
+            onUpdated: function (args) {
+                UpdateValue(args.values);
+            },
+            onClosed: function () {
+                $(DefaultParentQuerySelector).focus();
+            }
+        });
+    };
+    var DefaultParentQuerySelector = "[data-chips-input-wrapper=\"".concat(val_selectorID, "\"]");
+    var isFully = limit && limit <= val_selected.length;
+    var mounted = React.useRef(false);
+    useEffect(function () {
+        if (mounted.current) {
+            if (isFully) {
+                _functions_1.Sheet.close(val_selectorID);
+                $(DefaultParentQuerySelector).focus();
+            }
+        }
+        else {
+            mounted.current = true;
+        }
+    }, [val_selected]);
+    var Selected = val_selected.map(function (s) {
+        var value = s.value, label = s.label;
+        SelectedCellComponent = SelectedCellComponent;
+        var removeCallback = function () {
+            var findIndex = val_selected.findIndex(function (v) { return v.value == value; });
+            if (findIndex == -1)
+                return;
+            var newSelected = __spreadArray([], __read(val_selected), false);
+            newSelected.splice(findIndex, 1);
+            UpdateValue(newSelected);
+            if (!newSelected.length) {
+                setTimeout(function () {
+                    $(DefaultParentQuerySelector).focus();
+                }, 200);
+            }
+        };
+        return React.createElement(SelectedCellComponent, { value: value, label: label, removeCallback: removeCallback, defaultRemoveButton: React.createElement(_functions_1.Buttons.Button.Sub.S, { flexSizing: 'none', color: 'cloud', backgroundColor: 'cloud', isRounded: true, onClick: function () {
+                    removeCallback();
+                } },
+                React.createElement(_atoms_1.FAIcon.Times, null)), openCallback: function () {
+                OpenSelector();
+            } });
+    });
+    return (React.createElement(core_1.BoxWrapper, { val_status: val_status, set_status: set_status, val_validate: val_validate, params: params },
+        React.createElement(_functions_1.Input.Hidden, { "data-value": JSON.stringify(val_status.dataValue.map(function (v) { return v.value; })), name: name, form: form, "data-input-type": 'chips-' + ['single', 'multi'][Number(params.limit != 1)], "data-validation": val_validate.ok, componentID: val_status.componentID, "data-focusor": val_selectorID }),
+        React.createElement("button", __assign({ "data-chips-input-wrapper": val_selectorID, onKeyDown: function (e) {
+                var key = e.key, ctrlKey = e.ctrlKey, metaKey = e.metaKey, keyCode = e.keyCode;
+                var auxKey = ctrlKey || metaKey;
+                var isString = (keyCode >= 48 && keyCode <= 57) || (keyCode >= 65 && keyCode <= 90) || (keyCode >= 96 && keyCode <= 105);
+                if (isString) {
+                    if (isFully)
+                        return;
+                    OpenSelector();
+                }
+                else if (key == 'Tab') {
+                }
+                else if (key == 'Backspace') {
+                    if (!val_selected.length)
+                        return;
+                    if (auxKey) {
+                        UpdateValue([]);
+                    }
+                    else {
+                        var newSelected = __spreadArray([], __read(val_selected), false);
+                        newSelected.pop();
+                        UpdateValue(newSelected);
+                    }
+                }
+            }, onClick: function () {
+                if (isFully)
+                    return;
+                if (val_selected.length)
+                    return;
+                OpenSelector();
+            } }, others),
+            !isFully ? React.createElement(AddButtonComponent, { selected: val_selected, openCallback: OpenSelector }) : null,
+            Selected)));
+};
+var ChipsInput = DataWrapping;
+exports.ChipsInput = ChipsInput;
+ChipsInput.fn = Selector_1.ChipsInputFNs;

package/dist/@comps/Functions/Input/DigitCharacters.d.ts

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

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

@@ -0,0 +1,178 @@
+"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.DigitCharactersInput = void 0;
+var _global_1 = require("@global");
+var useState = _global_1.React.useState;
+var _atoms_1 = require("@atoms");
+var _functions_1 = require("@functions");
+var core_1 = require("./core");
+function DefaultValidation(props) {
+    var value = props.value, params = props.params;
+    var _a = params, required = _a.required, _b = _a.numericOnly, numericOnly = _b === void 0 ? false : _b, digits = _a.digits;
+    var notice = [];
+    if (required && !value) {
+        notice.push({ type: 'invalid', label: '必須項目です' });
+    }
+    if (value) {
+        if (numericOnly && value.match(/\D/)) {
+            notice.push({ type: 'invalid', label: '数字のみで入力してください' });
+        }
+        if (value.length != digits) {
+            notice.push({ type: 'warn', label: '最後まで入力してください' });
+        }
+    }
+    return {
+        ok: !notice.filter(function (_a) {
+            var type = _a.type;
+            return type == 'invalid' || type == 'warn';
+        }).length,
+        notice: notice
+    };
+}
+var dataToFormat = function (digits, value) {
+    if (value === void 0) { value = ''; }
+    var dataValue = String(value);
+    var formatValue = [];
+    for (var index = 0; index < digits; index++) {
+        formatValue[index] = dataValue[index] || '';
+    }
+    return {
+        formatValue: formatValue,
+        dataValue: dataValue
+    };
+};
+var formatToData = function (value) {
+    if (value === void 0) { value = ''; }
+    var formatValue = value;
+    var dataValue = formatValue.join('');
+    return {
+        formatValue: formatValue,
+        dataValue: dataValue
+    };
+};
+var DigitCharactersInput = function (params) {
+    var tone = params.tone, required = params.required, form = params.form, name = params.name, _a = params.className, className = _a === void 0 ? '' : _a, digits = params.digits, _b = params.numericOnly, numericOnly = _b === void 0 ? false : _b, enableFormSubmit = params.enableFormSubmit, checkValidationAtFirst = params.checkValidationAtFirst, onChange = params.onChange, onKeyDown = params.onKeyDown, onValidate = params.onValidate, onUpdateValue = params.onUpdateValue, onUpdateValidValue = params.onUpdateValidValue, _c = params.value, value = _c === void 0 ? '' : _c, override = params.override, statusID = params.statusID, componentID = params.componentID, listStyles = params.listStyles, others = __rest(params, ["tone", "required", "form", "name", "className", "digits", "numericOnly", "enableFormSubmit", "checkValidationAtFirst", "onChange", "onKeyDown", "onValidate", "onUpdateValue", "onUpdateValidValue", "value", "override", "statusID", "componentID", "listStyles"]);
+    if (numericOnly) {
+        params.inputMode = params.inputMode || 'numeric';
+    }
+    var Default_Status = __assign(__assign({ componentID: params.componentID || '' }, dataToFormat(digits, value)), { eventType: 'init', eventID: $.uuidGen() });
+    var _d = __read(useState(Default_Status), 2), val_status = _d[0], set_status = _d[1];
+    var _e = __read(useState({
+        ok: false,
+        notice: []
+    }), 2), val_validate = _e[0], set_validate = _e[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
+    });
+    var Digits = [];
+    var _loop_1 = function (index) {
+        var Character = val_status.formatValue[index];
+        var Styles = {};
+        if (params.combineInput) {
+            if (index == 0) {
+                Styles = {
+                    borderTopLeftRadius: 'inherit',
+                    borderBottomLeftRadius: 'inherit'
+                };
+            }
+            else if (index == digits - 1) {
+                Styles = {
+                    borderTopRightRadius: 'inherit',
+                    borderBottomRightRadius: 'inherit'
+                };
+            }
+        }
+        Digits.push(_global_1.React.createElement("input", { type: 'text', inputMode: params.inputMode || 'text', value: Character, "data-form-name": form, id: 'Digit-' + index + '-' + val_status.componentID, className: className, style: __assign(__assign({}, params.style), Styles), onKeyDown: function (event) {
+                var key = event.key, code = event.code;
+                if (key == 'Tab')
+                    return;
+                event.preventDefault();
+                var nextFocusIndex = null;
+                if (key == 'Backspace') {
+                    var newFormatValue = val_status.formatValue;
+                    newFormatValue[index] = '';
+                    set_status(__assign(__assign(__assign({}, val_status), formatToData(newFormatValue)), { eventType: 'update', eventID: $.uuidGen() }));
+                    nextFocusIndex = index - 1;
+                }
+                else if (['ArrowLeft', 'ArrowRight'].includes(key)) {
+                    var dir = Number(key == 'ArrowRight') * 2 - 1;
+                    nextFocusIndex = index + dir;
+                }
+                else {
+                    if (enableFormSubmit)
+                        (0, core_1.SubmitForm)(event);
+                    (function () {
+                        var regExp = code.match(/^(Key(.)|Digit(\d)|Numpad(\d))/);
+                        if (!regExp)
+                            return;
+                        var newCharacter = regExp[2] || regExp[3] || regExp[4];
+                        if (numericOnly) {
+                            if (!newCharacter.match(/\d/))
+                                return;
+                        }
+                        if (!newCharacter)
+                            return;
+                        var newFormatValue = val_status.formatValue;
+                        newFormatValue[index] = newCharacter;
+                        set_status(__assign(__assign(__assign({}, val_status), formatToData(newFormatValue)), { eventType: 'update', eventID: $.uuidGen() }));
+                        nextFocusIndex = index + 1;
+                    })();
+                }
+                if ($.is.exist(nextFocusIndex)) {
+                    $('#Digit-' + nextFocusIndex + '-' + val_status.componentID).focus();
+                }
+            } }));
+    };
+    for (var index = 0; index < digits; index++) {
+        _loop_1(index);
+    }
+    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(_functions_1.Input.Hidden, __assign({ name: name, "data-input-type": 'digitCharacters', "data-form": form, "data-validation": val_validate.ok, componentID: val_status.componentID, "data-value": val_status.dataValue }, others)),
+        _global_1.React.createElement(_atoms_1.Flex, __assign({ gap: '1/2', flexChilds: 'even', flexWrap: false, flexSizing: 'auto' }, listStyles), Digits)));
+};
+exports.DigitCharactersInput = DigitCharactersInput;

package/dist/@comps/Functions/Input/File/_.d.ts

@@ -0,0 +1,2 @@
+declare const FileInput: amotify.fn.Input.Filer.Methods;
+export { FileInput };