amotify 0.0.8 → 0.0.9

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

@@ -1,218 +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 __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 _export_1 = require("../../../Atoms/@export");
-var _export_2 = require("../../../Molecules/@export");
-var _export_3 = require("../../../Functions/@export");
-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(_export_2.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(_export_3.Buttons.Button.Sub.R, { color: 'cloud', padding: '1/2', onClick: function () {
-                    props.openCallback();
-                } },
-                React.createElement(_export_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) {
-                _export_3.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(_export_3.Buttons.Button.Sub.S, { flexSizing: 'none', color: 'cloud', backgroundColor: 'cloud', isRounded: true, onClick: function () {
-                    removeCallback();
-                } },
-                React.createElement(_export_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(_export_3.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/Functions/Input/DigitCharacters.d.ts

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

package/dist/Functions/Input/DigitCharacters.js

@@ -1,178 +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.DigitCharactersInput = void 0;
-var _export_1 = require("../../Global/@export");
-var useState = _export_1.React.useState;
-var _export_2 = require("../../Atoms/@export");
-var _export_3 = require("../../Functions/@export");
-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(_export_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 (_export_1.React.createElement(core_1.BoxWrapper, { val_status: val_status, set_status: set_status, val_validate: val_validate, params: params },
-        _export_1.React.createElement(_export_3.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)),
-        _export_1.React.createElement(_export_2.Flex, __assign({ gap: '1/2', flexChilds: 'even', flexWrap: false, flexSizing: 'auto' }, listStyles), Digits)));
-};
-exports.DigitCharactersInput = DigitCharactersInput;

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

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