amotify 0.0.7 → 0.0.8

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

@@ -49,9 +49,9 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ChipsInput = void 0;
 var useEffect = React.useEffect, useState = React.useState;
-var _atoms_1 = require("../../../Atoms/@export");
-var _mols_1 = require("../../../Molecules/@export");
-var _functions_1 = require("../../@export");
+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) {
@@ -74,16 +74,16 @@ var DataWrapping = function (params) {
     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' },
+            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(_functions_1.Buttons.Button.Sub.R, { color: 'cloud', padding: '1/2', onClick: function () {
+            return React.createElement(_export_3.Buttons.Button.Sub.R, { color: 'cloud', padding: '1/2', onClick: function () {
                     props.openCallback();
                 } },
-                React.createElement(_atoms_1.FAIcon.Plus, null),
+                React.createElement(_export_1.FAIcon.Plus, null),
                 "\u8FFD\u52A0\u3059\u308B");
         } }, params, { value: Values })));
 };
@@ -147,7 +147,7 @@ var Core = function (params) {
     useEffect(function () {
         if (mounted.current) {
             if (isFully) {
-                _functions_1.Sheet.close(val_selectorID);
+                _export_3.Sheet.close(val_selectorID);
                 $(DefaultParentQuerySelector).focus();
             }
         }
@@ -171,15 +171,15 @@ var Core = function (params) {
                 }, 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 () {
+        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(_atoms_1.FAIcon.Times, null)), openCallback: function () {
+                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(_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(_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;

package/dist/Functions/Input/DigitCharacters.js

@@ -39,10 +39,10 @@ var __read = (this && this.__read) || function (o, n) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DigitCharactersInput = void 0;
-var _global_1 = require("../../Global/@export");
-var useState = _global_1.React.useState;
-var _atoms_1 = require("../../Atoms/@export");
-var _functions_1 = require("../@export");
+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;
@@ -127,7 +127,7 @@ var DigitCharactersInput = function (params) {
                 };
             }
         }
-        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) {
+        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;
@@ -171,8 +171,8 @@ var DigitCharactersInput = function (params) {
     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)));
+    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/_.js

@@ -87,11 +87,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileInput = void 0;
-var _global_1 = require("../../../Global/@export");
+var _export_1 = require("../../../Global/@export");
 var useEffect = React.useEffect, useState = React.useState;
-var _atoms_1 = require("../../../Atoms/@export");
-var _mols_1 = require("../../../Molecules/@export");
-var _functions_1 = require("../../@export");
+var _export_2 = require("../../../Atoms/@export");
+var _export_3 = require("../../../Molecules/@export");
+var _export_4 = require("../../../Functions/@export");
 var core_1 = require("../core");
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 function DefaultValidation(props) {
@@ -140,13 +140,13 @@ var FileComponent = function (params) {
             AddFiles: function (files) { return __awaiter(void 0, void 0, void 0, function () {
                 var currentFiles, newFiles, i, file, type, name_1;
                 return __generator(this, function (_a) {
-                    currentFiles = _global_1.useStore.get(val_status.componentID).Files;
+                    currentFiles = _export_1.useStore.get(val_status.componentID).Files;
                     newFiles = [];
                     for (i = 0; i < (files === null || files === void 0 ? void 0 : files.length); i++) {
                         file = files[i];
                         type = file.type, name_1 = file.name;
                         if (i + 1 + currentFiles.length > limit) {
-                            _functions_1.SnackBar.add({
+                            _export_4.SnackBar.add({
                                 componentID: name_1,
                                 secondsToClose: 12000,
                                 children: "\u30D5\u30A1\u30A4\u30EB\u9078\u629E\u4E0A\u9650\u3092\u8D85\u3048\u305F\u305F\u3081\u3001".concat(name_1, "}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002"),
@@ -157,7 +157,7 @@ var FileComponent = function (params) {
                         if (accept) {
                             if (accept == 'image') {
                                 if (!type.match(/image/)) {
-                                    _functions_1.SnackBar.add({
+                                    _export_4.SnackBar.add({
                                         componentID: name_1,
                                         secondsToClose: 12000,
                                         children: "\u30D5\u30A1\u30A4\u30EB\u5F62\u5F0F\u304C\u7570\u306A\u308B\u305F\u3081\u3001".concat(name_1, " \u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3002"),
@@ -194,7 +194,7 @@ var FileComponent = function (params) {
                         fileName = file.name;
                         file.id = $.uuidGen();
                         if (i + 1 + val_status.dataValue.length > limit) {
-                            _functions_1.SnackBar.add({
+                            _export_4.SnackBar.add({
                                 componentID: fileName,
                                 secondsToClose: 12000,
                                 children: "\u30D5\u30A1\u30A4\u30EB\u767B\u9332\u6570\u3092\u8D85\u3048\u305F\u305F\u3081\u3001".concat(fileName, "}\u306F\u8FFD\u52A0\u3067\u304D\u307E\u305B\u3093\u3067\u3057\u305F\u3002"),
@@ -218,7 +218,7 @@ var FileList = function (props) {
         return (React.createElement(FileCell, { key: file.name, index: index, file: file, className: params.cellClassName, val_status: val_status, set_status: set_status, fileNameEdit: params.fileNameEdit }));
     });
     if (Left > 0) {
-        Files.push(React.createElement(_functions_1.Buttons.Label.Plain, { key: 'AddButton', className: [params.cellClassName, style_module_scss_1.default.AddButton].join(' '), htmlFor: params.id, tabIndex: params.tabIndex, onKeyDown: function (event) {
+        Files.push(React.createElement(_export_4.Buttons.Label.Plain, { key: 'AddButton', className: [params.cellClassName, style_module_scss_1.default.AddButton].join(' '), htmlFor: params.id, tabIndex: params.tabIndex, onKeyDown: function (event) {
                 var key = event.key;
                 if (params.tabIndex != -1) {
                     if ([' ', 'Enter'].includes(key)) {
@@ -226,14 +226,14 @@ var FileList = function (props) {
                     }
                 }
             } },
-            React.createElement(_mols_1.Row.Center, { padding: ['1/3', 0] },
-                React.createElement(_atoms_1.Box, { isRounded: true, className: style_module_scss_1.default.AddIcon },
-                    React.createElement(_atoms_1.FAIcon, { d: 'cloud-arrow-up', className: style_module_scss_1.default.Icon, fontColor: 'theme', backgroundColor: 'tcOpLow', padding: 0, unitWidth: 4, unitHeight: 4, isRounded: true })),
-                React.createElement(_atoms_1.Box, null,
-                    React.createElement(_atoms_1.Box, { children: 'ファイルを選択' + "\uFF08".concat(Left, "\uFF09"), fontColor: 'theme', fontSize: '2.normal', isBoldFont: true }),
-                    React.createElement(_atoms_1.Box, { children: 'または、ファイルをドロップ', fontColor: '4.thin', fontSize: '0.xs' })))));
+            React.createElement(_export_3.Row.Center, { padding: ['1/3', 0] },
+                React.createElement(_export_2.Box, { isRounded: true, className: style_module_scss_1.default.AddIcon },
+                    React.createElement(_export_2.FAIcon, { d: 'cloud-arrow-up', className: style_module_scss_1.default.Icon, fontColor: 'theme', backgroundColor: 'tcOpLow', padding: 0, unitWidth: 4, unitHeight: 4, isRounded: true })),
+                React.createElement(_export_2.Box, null,
+                    React.createElement(_export_2.Box, { children: 'ファイルを選択' + "\uFF08".concat(Left, "\uFF09"), fontColor: 'theme', fontSize: '2.normal', isBoldFont: true }),
+                    React.createElement(_export_2.Box, { children: 'または、ファイルをドロップ', fontColor: '4.thin', fontSize: '0.xs' })))));
     }
-    return (React.createElement(_mols_1.Column, { flexSizing: 'auto', className: params.className, children: Files }));
+    return (React.createElement(_export_3.Column, { flexSizing: 'auto', className: params.className, children: Files }));
 };
 var FileCell = function (props) {
     var index = props.index, file = props.file, className = props.className, val_status = props.val_status, set_status = props.set_status, _a = props.fileNameEdit, fileNameEdit = _a === void 0 ? true : _a;
@@ -327,33 +327,33 @@ var FileCell = function (props) {
             }, 100);
         }
     }, [val_edit]);
-    return (React.createElement(_atoms_1.Flex, { verticalAlign: 'center', flexWrap: false, gap: 1, className: className },
-        React.createElement(_atoms_1.FAIcon, { fontSize: '4.thirdTitle', fontColor: 'theme', d: FileType.icon }),
-        React.createElement(_atoms_1.Box, { flexSizing: 0 },
-            React.createElement(_atoms_1.Box, null,
-                React.createElement(_atoms_1.Flex, { verticalAlign: 'center', gap: '2/3', flexWrap: false, className: style_module_scss_1.default.FileName, children: !val_edit ? React.createElement(React.Fragment, null,
+    return (React.createElement(_export_2.Flex, { verticalAlign: 'center', flexWrap: false, gap: 1, className: className },
+        React.createElement(_export_2.FAIcon, { fontSize: '4.thirdTitle', fontColor: 'theme', d: FileType.icon }),
+        React.createElement(_export_2.Box, { flexSizing: 0 },
+            React.createElement(_export_2.Box, null,
+                React.createElement(_export_2.Flex, { verticalAlign: 'center', gap: '2/3', flexWrap: false, className: style_module_scss_1.default.FileName, children: !val_edit ? React.createElement(React.Fragment, null,
                         fileName,
                         fileNameEdit ?
-                            React.createElement(_functions_1.Buttons.Button.Clear.R, { padding: '1/3', ssEffectsOnActive: 'expand', children: React.createElement(_atoms_1.FAIcon, { d: 'pen' }), onClick: function () {
+                            React.createElement(_export_4.Buttons.Button.Clear.R, { padding: '1/3', ssEffectsOnActive: 'expand', children: React.createElement(_export_2.FAIcon, { d: 'pen' }), onClick: function () {
                                     set_edit(true);
                                 } }) : null) : React.createElement(React.Fragment, null,
-                        React.createElement(_mols_1.Column, { gap: '1/2', flexSizing: 0 },
-                            React.createElement(_atoms_1.Flex, { gap: '2/3', verticalAlign: 'center' },
-                                React.createElement(_functions_1.Input.Text.Normal, { tone: 'border', wrapStyles: {
+                        React.createElement(_export_3.Column, { gap: '1/2', flexSizing: 0 },
+                            React.createElement(_export_2.Flex, { gap: '2/3', verticalAlign: 'center' },
+                                React.createElement(_export_4.Input.Text.Normal, { tone: 'border', wrapStyles: {
                                         flexSizing: 'auto'
                                     }, restrict: 'fileName', name: 'name', required: true, id: FileID, form: 'form-' + FileID, enableFormSubmit: true, value: name, onKeyDown: function (event) {
                                         var key = event.key;
                                         if (key == 'Escape')
                                             set_edit(false);
                                     } }),
-                                React.createElement(_atoms_1.Box, null,
+                                React.createElement(_export_2.Box, null,
                                     ". ",
                                     extension)),
-                            React.createElement(_atoms_1.Flex, { gap: '2/3', horizontalAlign: 'right', flexWrap: false },
-                                React.createElement(_functions_1.Buttons.Button.Sub.R, { padding: ['2/3', 1], children: '閉じる', onClick: function () {
+                            React.createElement(_export_2.Flex, { gap: '2/3', horizontalAlign: 'right', flexWrap: false },
+                                React.createElement(_export_4.Buttons.Button.Sub.R, { padding: ['2/3', 1], children: '閉じる', onClick: function () {
                                         set_edit(false);
                                     } }),
-                                React.createElement(_functions_1.Buttons.Button.Prime.R, { padding: ['2/3', 1], submitOption: {
+                                React.createElement(_export_4.Buttons.Button.Prime.R, { padding: ['2/3', 1], submitOption: {
                                         formName: 'form-' + FileID,
                                         submitDelegationKey: 'auxEnter',
                                         callback: function (form) { return __awaiter(void 0, void 0, void 0, function () {
@@ -389,8 +389,8 @@ var FileCell = function (props) {
                                         }); }
                                     } }, "\u6C7A\u5B9A")))) })),
             !val_edit ? React.createElement(React.Fragment, null,
-                React.createElement(_atoms_1.Box, { fontSize: '1.mini', fontColor: '4.thin', flexSizing: 0, children: FileType.name + 'ファイル / ' + Size + 'B' })) : null),
-        React.createElement(_functions_1.Buttons.Button.Sub.R, { ssSphere: 3, onClick: function () {
+                React.createElement(_export_2.Box, { fontSize: '1.mini', fontColor: '4.thin', flexSizing: 0, children: FileType.name + 'ファイル / ' + Size + 'B' })) : null),
+        React.createElement(_export_4.Buttons.Button.Sub.R, { ssSphere: 3, onClick: function () {
                 var nextFiles = __spreadArray([], __read(val_status.dataValue), false);
                 var prevFile = nextFiles[index];
                 if (!prevFile)
@@ -398,7 +398,7 @@ var FileCell = function (props) {
                 nextFiles.splice(index, 1);
                 set_status(__assign(__assign({}, val_status), { dataValue: nextFiles, eventType: 'update', eventID: $.uuidGen() }));
             } },
-            React.createElement(_atoms_1.FAIcon.Times, null))));
+            React.createElement(_export_2.FAIcon.Times, null))));
 };
 (function () { return __awaiter(void 0, void 0, void 0, function () {
     return __generator(this, function (_a) {
@@ -421,7 +421,7 @@ var FileCell = function (props) {
                     var Target = event.target;
                     if ($(Target).hasClass(style_module_scss_1.default.AddButton)) {
                         var inputComponentId = Target.dataset.inputComponentId;
-                        var component = _global_1.useStore.get(inputComponentId);
+                        var component = _export_1.useStore.get(inputComponentId);
                         if (component && component.AddFiles)
                             component.AddFiles(Files);
                     }

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

@@ -51,10 +51,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ListInput = void 0;
-var _global_1 = require("../../../Global/@export");
-var useState = _global_1.React.useState;
-var _atoms_1 = require("../../../Atoms/@export");
-var _functions_1 = require("../../@export");
+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");
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 function DefaultValidation(props) {
@@ -96,7 +96,7 @@ var ListInput = function (props) {
             return;
         DefaultValues.push(Val);
     });
-    return _global_1.React.createElement(Core, __assign({}, props, { value: DefaultValues, options: DefaultOptions }));
+    return _export_1.React.createElement(Core, __assign({}, props, { value: DefaultValues, options: DefaultOptions }));
 };
 exports.ListInput = ListInput;
 var Core = function (params) {
@@ -123,16 +123,16 @@ var Core = function (params) {
         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(_functions_1.Input.Hidden, __assign({ "data-value": JSON.stringify(val_status.dataValue), form: form, "data-input-type": type, "data-validation": val_validate.ok }, others, { componentID: val_status.componentID })),
-        _global_1.React.createElement(CellList, { params: params, val_status: val_status, set_status: set_status })));
+    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({ "data-value": JSON.stringify(val_status.dataValue), form: form, "data-input-type": type, "data-validation": val_validate.ok }, others, { componentID: val_status.componentID })),
+        _export_1.React.createElement(CellList, { params: params, val_status: val_status, set_status: set_status })));
 };
 var CellList = function (props) {
     var params = props.params, val_status = props.val_status, set_status = props.set_status;
     var componentID = params.componentID, type = params.type, tone = params.tone, _a = params.icon, icon = _a === void 0 ? true : _a, options = params.options, name = params.name, form = params.form, tabIndex = params.tabIndex, hideInput = params.hideInput, DefaultDisabled = params.disabled, ListClassName = params.className, DefaultCellStyles = params.cellStyles, _b = params.cellClassName, DefaultCellClassName = _b === void 0 ? '' : _b, DefaultCellCheckedStyles = params.cellCheckedStyles, _c = params.cellCheckedClassName, DefaultCellCheckedClassName = _c === void 0 ? '' : _c, enableFormSubmit = params.enableFormSubmit, _d = params.defaultActiveStyling, defaultActiveStyling = _d === void 0 ? true : _d;
     var dataValue = val_status.dataValue;
-    var IconBox = icon ? _global_1.React.createElement(_atoms_1.Box, { flexSizing: 'none', children: params.iconType == 'radio' ? _global_1.React.createElement(Comps.RadioIcon, null) :
-            params.iconType == 'checkbox' ? _global_1.React.createElement(Comps.CheckboxIcon, null) : null }) : null;
+    var IconBox = icon ? _export_1.React.createElement(_export_2.Box, { flexSizing: 'none', children: params.iconType == 'radio' ? _export_1.React.createElement(Comps.RadioIcon, null) :
+            params.iconType == 'checkbox' ? _export_1.React.createElement(Comps.CheckboxIcon, null) : null }) : null;
     var Cells = options.map(function (option, index) {
         var value = option.value, label = option.label, _a = option.disabled, disabled = _a === void 0 ? DefaultDisabled : _a, _b = option.className, className = _b === void 0 ? '' : _b, checkedStyles = option.checkedStyles, _c = option.checkedClassName, checkedClassName = _c === void 0 ? '' : _c, styles = __rest(option, ["value", "label", "disabled", "className", "checkedStyles", "checkedClassName"]);
         var CellID = $.uuidGen();
@@ -152,7 +152,7 @@ var CellList = function (props) {
             ], false);
         }
         return [
-            _global_1.React.createElement("input", { type: type == 'radio' ? 'radio' : 'checkbox', className: [
+            _export_1.React.createElement("input", { type: type == 'radio' ? 'radio' : 'checkbox', className: [
                     style_module_scss_1.default.Input,
                     style_module_scss_1.default['defaultActiveStyling_' + !!defaultActiveStyling]
                 ].join(' '), name: 'RadioCheckbox-' + name, "data-list-index": componentID + '-' + index, id: CellID, value: String(value), "data-form-name": form, disabled: disabled, checked: Checked, onFocus: function (event) {
@@ -207,12 +207,12 @@ var CellList = function (props) {
                     if (enableFormSubmit)
                         (0, core_1.SubmitForm)(event);
                 }, tabIndex: tabIndex }),
-            _global_1.React.createElement(_functions_1.Buttons.Label.Plain, __assign({ htmlFor: CellID, className: ClassName.join(' '), tabIndex: -1, display: 'flex', ssEffectsOnActive: false, verticalAlign: 'center', gap: '1/3', flexWrap: false }, Styles),
+            _export_1.React.createElement(_export_3.Buttons.Label.Plain, __assign({ htmlFor: CellID, className: ClassName.join(' '), tabIndex: -1, display: 'flex', ssEffectsOnActive: false, verticalAlign: 'center', gap: '1/3', flexWrap: false }, Styles),
                 IconBox,
-                $.is.string(label) ? _global_1.React.createElement(_atoms_1.Box, { children: label }) : label)
+                $.is.string(label) ? _export_1.React.createElement(_export_2.Box, { children: label }) : label)
         ];
     });
-    return (_global_1.React.createElement(_atoms_1.Flex, { flexSizing: 'auto', freeCSS: __assign({}, params.freeCSS), className: [
+    return (_export_1.React.createElement(_export_2.Flex, { flexSizing: 'auto', freeCSS: __assign({}, params.freeCSS), className: [
             ListClassName,
             style_module_scss_1.default.CellBase,
             style_module_scss_1.default['HideInput_' + hideInput],
@@ -221,12 +221,12 @@ var CellList = function (props) {
         ].join(' '), children: Cells }));
 };
 var Comps = {
-    RadioIcon: function () { return (_global_1.React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Icon, backgroundColor: '1.layer.base', border: true, transition: 'middle', position: 'relative', borderRadius: 'sphere', flexCenter: true })); },
-    CheckboxIcon: function () { return (_global_1.React.createElement(_atoms_1.Box, { className: [
+    RadioIcon: function () { return (_export_1.React.createElement(_export_2.Box, { className: style_module_scss_1.default.Icon, backgroundColor: '1.layer.base', border: true, transition: 'middle', position: 'relative', borderRadius: 'sphere', flexCenter: true })); },
+    CheckboxIcon: function () { return (_export_1.React.createElement(_export_2.Box, { className: [
             style_module_scss_1.default.Icon,
             style_module_scss_1.default.CheckboxIcon
         ].join(' '), borderRadius: '3.tone.tertiary', backgroundColor: '1.layer.base', border: true, transition: 'middle', fontColor: 'white', position: 'relative', flexCenter: true },
-        _global_1.React.createElement(_atoms_1.FAIcon.Check, { className: style_module_scss_1.default.I, transition: 'middle', opacity: 'trans', freeCSS: {
+        _export_1.React.createElement(_export_2.FAIcon.Check, { className: style_module_scss_1.default.I, transition: 'middle', opacity: 'trans', freeCSS: {
                 zIndex: 8
             } }))); }
 };

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

@@ -42,55 +42,55 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Segmented = void 0;
-var _global_1 = require("../../../Global/@export");
+var _export_1 = require("../../../Global/@export");
 var _1 = require("../_");
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 exports.Segmented = {
     Auto: function (params) {
         params = __assign(__assign({ padding: '1/3', gap: '1/3', ssCardBox: true }, params), { cellStyles: __assign({ borderRadius: 'inherit', position: 'relative' }, params.cellStyles), cellCheckedStyles: __assign({ backgroundColor: 'theme', fontColor: 'white' }, params.cellCheckedStyles) });
-        return (_global_1.React.createElement(Core, __assign({ appearance: params.tone || 'Auto' }, params)));
+        return (_export_1.React.createElement(Core, __assign({ appearance: params.tone || 'Auto' }, params)));
     },
     Normal: function (params) {
         params = __assign(__assign({ border: true, borderColor: 'theme', overflow: 'hidden', gap: 0, ssLastChildLossBorder: 'right', fontColor: '3.blur' }, params), { cellStyles: __assign({ borderRadius: 0, borderRight: true, borderColor: 'theme' }, params.cellStyles), cellCheckedStyles: __assign({ backgroundColor: 'theme', fontColor: 'white' }, params.cellCheckedStyles) });
         params.tone = 'ThemeBorder';
-        return (_global_1.React.createElement(Core, __assign({ appearance: 'Border' }, params)));
+        return (_export_1.React.createElement(Core, __assign({ appearance: 'Border' }, params)));
     },
     Cloud: function (params) {
         params = __assign(__assign({ padding: '1/3', gap: '1/3', backgroundColor: 'cloud' }, params), { cellStyles: __assign({ borderRadius: 'inherit', position: 'relative' }, params.cellStyles), cellCheckedStyles: __assign({ backgroundColor: 'theme', fontColor: 'white' }, params.cellCheckedStyles) });
-        return (_global_1.React.createElement(Core, __assign({ appearance: params.tone || 'Cloud' }, params)));
+        return (_export_1.React.createElement(Core, __assign({ appearance: params.tone || 'Cloud' }, params)));
     },
     Cloud2: function (params) {
         params.tone = 'WhiteCloud';
-        return (_global_1.React.createElement(exports.Segmented.Cloud, __assign({ fontColor: '3.blur' }, params, { cellCheckedStyles: __assign({ fontColor: '1.clear' }, params.cellCheckedStyles) })));
+        return (_export_1.React.createElement(exports.Segmented.Cloud, __assign({ fontColor: '3.blur' }, params, { cellCheckedStyles: __assign({ fontColor: '1.clear' }, params.cellCheckedStyles) })));
     },
     Cloud3: function (params) {
         params.tone = 'ThemeCloud';
-        return (_global_1.React.createElement(exports.Segmented.Cloud, __assign({ backgroundColor: 'tcOpFew', fontColor: 'theme' }, params, { cellStyles: __assign({}, params.cellStyles) })));
+        return (_export_1.React.createElement(exports.Segmented.Cloud, __assign({ backgroundColor: 'tcOpFew', fontColor: 'theme' }, params, { cellStyles: __assign({}, params.cellStyles) })));
     },
     Border: function (params) {
         params = __assign(__assign({ backgroundColor: '1.layer.base', border: '2.normal', overflow: 'hidden', gap: 0, ssLastChildLossBorder: 'right', boxShadow: 0 }, params), { cellStyles: __assign({ borderRadius: 0, borderRight: '2.normal' }, params.cellStyles), cellCheckedStyles: __assign({ backgroundColor: 'tcOpFew', fontColor: 'theme' }, params.cellCheckedStyles) });
-        return (_global_1.React.createElement(Core, __assign({ appearance: params.tone || 'Border' }, params)));
+        return (_export_1.React.createElement(Core, __assign({ appearance: params.tone || 'Border' }, params)));
     },
     Border2: function (params) {
         params = __assign(__assign({ border: true, borderColor: 'theme', overflow: 'hidden', gap: 0, ssLastChildLossBorder: 'right', boxShadow: 0, fontColor: '3.blur' }, params), { cellStyles: __assign({ borderRadius: 0, borderRight: true, borderColor: 'theme' }, params.cellStyles), cellCheckedStyles: __assign({ backgroundColor: 'theme', fontColor: 'white' }, params.cellCheckedStyles) });
         params.tone = 'ThemeBorder';
-        return (_global_1.React.createElement(Core, __assign({ appearance: 'Border' }, params)));
+        return (_export_1.React.createElement(Core, __assign({ appearance: 'Border' }, params)));
     },
     BottomLine: function (params) {
         params = __assign(__assign({ gap: 0, fontColor: '3.blur' }, params), { cellStyles: __assign({ ssEffectsOnActive: 'ripple.theme', borderRadius: 0, padding: 1 }, params.cellStyles), cellCheckedStyles: __assign({ fontColor: 'theme' }, params.cellCheckedStyles) });
-        return (_global_1.React.createElement(Core, __assign({ appearance: 'BottomLine' }, params)));
+        return (_export_1.React.createElement(Core, __assign({ appearance: 'BottomLine' }, params)));
     },
 };
 var Core = function (params) {
     var tone = params.tone, appearance = params.appearance, value = params.value, options = params.options, onUpdateValue = params.onUpdateValue, onUpdateValidValue = params.onUpdateValidValue, freeCSS = params.freeCSS, cellStyles = params.cellStyles, cellClassName = params.cellClassName, cellCheckedClassName = params.cellCheckedClassName, cellCheckedStyles = params.cellCheckedStyles, others = __rest(params, ["tone", "appearance", "value", "options", "onUpdateValue", "onUpdateValidValue", "freeCSS", "cellStyles", "cellClassName", "cellCheckedClassName", "cellCheckedStyles"]);
-    var _a = __read(_global_1.React.useState($.uuidGen()), 1), val_componentID = _a[0];
-    var _b = __read(_global_1.React.useState(value), 2), val_defValue = _b[0], set_defValue = _b[1];
-    var _c = __read(_global_1.React.useState(val_defValue), 2), val_value = _c[0], set_value = _c[1];
+    var _a = __read(_export_1.React.useState($.uuidGen()), 1), val_componentID = _a[0];
+    var _b = __read(_export_1.React.useState(value), 2), val_defValue = _b[0], set_defValue = _b[1];
+    var _c = __read(_export_1.React.useState(val_defValue), 2), val_value = _c[0], set_value = _c[1];
     if (val_defValue != value) {
         set_defValue(value);
         set_value(value);
     }
-    return (_global_1.React.createElement(_1.ListInputs.Radio
+    return (_export_1.React.createElement(_1.ListInputs.Radio
     // hideInput
     , __assign({ 
         // hideInput

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

@@ -42,9 +42,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectInput = void 0;
-var _global_1 = require("../../../Global/@export");
-var useState = _global_1.React.useState;
-var _atoms_1 = require("../../../Atoms/@export");
+var _export_1 = require("../../../Global/@export");
+var useState = _export_1.React.useState;
+var _export_2 = require("../../../Atoms/@export");
 var core_1 = require("../core");
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var style_module_scss_2 = __importDefault(require("../style.module.scss"));
@@ -79,7 +79,7 @@ var SelectInput = function (params) {
     if (!SelectedExist)
         value = null;
     var DefaultValue = JSON.stringify(value);
-    return (_global_1.React.createElement(Core, __assign({}, params, { value: DefaultValue, options: DefaultOptions })));
+    return (_export_1.React.createElement(Core, __assign({}, params, { value: DefaultValue, options: DefaultOptions })));
 };
 exports.SelectInput = SelectInput;
 var Core = function (params) {
@@ -111,20 +111,20 @@ var Core = function (params) {
         onUpdateValue: onUpdateValue,
         onUpdateValidValue: onUpdateValidValue
     });
-    var SelectedElement = _global_1.React.createElement(_atoms_1.Box, { fontColor: '4.thin' }, placeholder || '選択');
+    var SelectedElement = _export_1.React.createElement(_export_2.Box, { fontColor: '4.thin' }, placeholder || '選択');
     if (val_status.dataValue) {
         var Selected = options.find(function (option) { return option.value == val_status.dataValue; });
         if (Selected)
             SelectedElement = (_a = Selected.displayLabel) !== null && _a !== void 0 ? _a : Selected.label;
     }
-    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(_atoms_1.Box, { className: [
+    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_2.Box, { className: [
                 className,
                 style_module_scss_1.default.SelectLegend,
                 style_module_scss_2.default.InputCover
             ].join(' ') },
             SelectedElement,
-            _global_1.React.createElement("select", __assign({ "data-form": form, "data-input-type": 'select', "data-validation": val_validate.ok, "data-component-id": val_status.componentID, "data-value": val_status.dataValue, value: val_status.dataValue, onKeyDown: function (event) {
+            _export_1.React.createElement("select", __assign({ "data-form": form, "data-input-type": 'select', "data-validation": val_validate.ok, "data-component-id": val_status.componentID, "data-value": val_status.dataValue, value: val_status.dataValue, onKeyDown: function (event) {
                     if (onKeyDown)
                         onKeyDown(event);
                     if (enableFormSubmit)
@@ -137,7 +137,7 @@ var Core = function (params) {
                     if (onChange)
                         onChange(event);
                 } }, others, { className: style_module_scss_1.default.Select }),
-                _global_1.React.createElement(Options, { params: params })))));
+                _export_1.React.createElement(Options, { params: params })))));
 };
 var Options = function (props) {
     var _a = props.params, value = _a.value, _b = _a.options, options = _b === void 0 ? [] : _b, _c = _a.placeholder, placeholder = _c === void 0 ? '選択してください' : _c, _d = _a.enableUnSelected, enableUnSelected = _d === void 0 ? true : _d;
@@ -145,10 +145,10 @@ var Options = function (props) {
     var Options = options.map(function (option) {
         var value = option.value, label = option.label;
         var Value = String(value);
-        return (_global_1.React.createElement("option", { value: Value, key: Value, selected: Value == SelectedValue, children: label }));
+        return (_export_1.React.createElement("option", { value: Value, key: Value, selected: Value == SelectedValue, children: label }));
     });
     if (enableUnSelected) {
-        Options.unshift(_global_1.React.createElement("option", { key: 0, value: JSON.stringify(null), selected: SelectedValue == 'null', children: placeholder }));
+        Options.unshift(_export_1.React.createElement("option", { key: 0, value: JSON.stringify(null), selected: SelectedValue == 'null', children: placeholder }));
     }
-    return (_global_1.React.createElement(_global_1.React.Fragment, null, Options));
+    return (_export_1.React.createElement(_export_1.React.Fragment, null, Options));
 };

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

@@ -42,9 +42,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SliderInput = void 0;
-var _global_1 = require("../../../Global/@export");
-var _atoms_1 = require("../../../Atoms/@export");
-var _functions_1 = require("../../@export");
+var _export_1 = require("../../../Global/@export");
+var _export_2 = require("../../../Atoms/@export");
+var _export_3 = require("../../../Functions/@export");
 var core_1 = require("../core");
 var style_module_scss_1 = __importDefault(require("./style.module.scss"));
 var useState = React.useState, useEffect = React.useEffect;
@@ -117,8 +117,8 @@ var SliderInput = function (params) {
         val_status: val_status
     });
     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, __assign({ value: DotData.stepValue, form: form, "data-value": DotData.stepValue, "data-validation": val_validate.ok, "data-input-type": 'slider' }, others)),
-        React.createElement(_atoms_1.Box, { flexSizing: 'auto', className: [
+        React.createElement(_export_3.Input.Hidden, __assign({ value: DotData.stepValue, form: form, "data-value": DotData.stepValue, "data-validation": val_validate.ok, "data-input-type": 'slider' }, others)),
+        React.createElement(_export_2.Box, { flexSizing: 'auto', className: [
                 style_module_scss_1.default.Wrap,
                 className,
                 style_module_scss_1.default['ShowLegendsAlways_' + showLegendsAlways]
@@ -139,7 +139,7 @@ var Comps = {
             value = Math.max(value, min);
             value = Math.min(value, max);
             var left = (value / max * 100) + '%';
-            Labels.push(React.createElement(_atoms_1.Box, { key: value, className: style_module_scss_1.default.Label, id: 'Legend-' + componentID + '-' + index, display: index == minStep || index == maxStep ? 'flex' : 'none', position: 'absolute', top: 0, height: 1, unitWidth: 2, transition: 'middle', fontColor: '1.clear', freeCSS: {
+            Labels.push(React.createElement(_export_2.Box, { key: value, className: style_module_scss_1.default.Label, id: 'Legend-' + componentID + '-' + index, display: index == minStep || index == maxStep ? 'flex' : 'none', position: 'absolute', top: 0, height: 1, unitWidth: 2, transition: 'middle', fontColor: '1.clear', freeCSS: {
                     left: left,
                     whiteSpace: 'nowrap',
                     textAlign: 'center'
@@ -169,13 +169,13 @@ var Comps = {
                 $(window).removeEvent('SliderResizeCallback-' + componentID);
             };
         }, []);
-        return (React.createElement(_atoms_1.Flex, { className: style_module_scss_1.default.Labels, verticalAlign: 'center', horizontalAlign: 'between', unitHeight: 2, fontSize: '0.xs', position: 'relative', id: 'Labels-' + componentID },
-            React.createElement(_atoms_1.Box, { position: 'absolute', top: 0, left: 0, right: 2, bottom: 0, children: Labels })));
+        return (React.createElement(_export_2.Flex, { className: style_module_scss_1.default.Labels, verticalAlign: 'center', horizontalAlign: 'between', unitHeight: 2, fontSize: '0.xs', position: 'relative', id: 'Labels-' + componentID },
+            React.createElement(_export_2.Box, { position: 'absolute', top: 0, left: 0, right: 2, bottom: 0, children: Labels })));
     },
     Rail: function (props) {
         var val_status = props.val_status, set_status = props.set_status, DotData = props.DotData, form = props.form, enableFormSubmit = props.enableFormSubmit;
         var componentID = val_status.componentID;
-        return (React.createElement(_atoms_1.Flex, { className: style_module_scss_1.default.Rail, position: 'relative', paddingLeft: '1/2', unitHeight: 2, verticalAlign: 'center', freeCSS: {
+        return (React.createElement(_export_2.Flex, { className: style_module_scss_1.default.Rail, position: 'relative', paddingLeft: '1/2', unitHeight: 2, verticalAlign: 'center', freeCSS: {
                 minWidth: '10rem',
                 zIndex: 1,
                 cursor: 'pointer'
@@ -194,12 +194,12 @@ var Comps = {
                     DotData: DotData
                 });
             } },
-            React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.Bar, backgroundColor: '4.layer.darken', position: 'relative', borderRadius: 'sphere', transition: 'middle', flexSizing: 'none', unitHeight: '2/3', width: 1, id: componentID + '_Bar' },
-                React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.BarColor, position: 'relative', height: 1, width: 0, left: 0, transition: 'long', borderRadius: 'inherit', backgroundColor: props.color, opacity: 'middle', overflow: 'hidden', freeCSS: {
+            React.createElement(_export_2.Box, { className: style_module_scss_1.default.Bar, backgroundColor: '4.layer.darken', position: 'relative', borderRadius: 'sphere', transition: 'middle', flexSizing: 'none', unitHeight: '2/3', width: 1, id: componentID + '_Bar' },
+                React.createElement(_export_2.Box, { className: style_module_scss_1.default.BarColor, position: 'relative', height: 1, width: 0, left: 0, transition: 'long', borderRadius: 'inherit', backgroundColor: props.color, opacity: 'middle', overflow: 'hidden', freeCSS: {
                         width: DotData.positionLeft
                     }, id: componentID + '_BarColor' })),
-            React.createElement(_atoms_1.Box, { className: style_module_scss_1.default.BallWrap, position: 'absolute', top: 0, left: 0, right: 2, bottom: 0 },
-                React.createElement(_functions_1.Buttons.Button.Plain, { className: style_module_scss_1.default.Ball, position: 'absolute', backgroundColor: props.color, top: 0, left: 0, ssSphere: 2, freeCSS: {
+            React.createElement(_export_2.Box, { className: style_module_scss_1.default.BallWrap, position: 'absolute', top: 0, left: 0, right: 2, bottom: 0 },
+                React.createElement(_export_3.Buttons.Button.Plain, { className: style_module_scss_1.default.Ball, position: 'absolute', backgroundColor: props.color, top: 0, left: 0, ssSphere: 2, freeCSS: {
                         zIndex: 2,
                         left: DotData.positionLeft
                     }, "data-form-name": form, id: componentID + '_Ball', onKeyDown: function (event) {
@@ -259,9 +259,9 @@ var EffectMove = function (event, info) {
     var stepValue = resultValues.stepValue;
     Ball.css({ left: left });
     BarColor.css({ width: left });
-    var prevValue = _global_1.useStore.get(componentID).prevValue;
+    var prevValue = _export_1.useStore.get(componentID).prevValue;
     if (stepValue != prevValue) {
-        _global_1.useStore.update({
+        _export_1.useStore.update({
             key: componentID,
             value: {
                 prevValue: stepValue
@@ -298,7 +298,7 @@ var KeyDownEvent = function (props) {
             nextValue += step;
     }
     nextValue = Math.max(Math.min(nextValue, max), min);
-    _global_1.useStore.update({
+    _export_1.useStore.update({
         key: val_status.componentID,
         value: {
             prevValue: nextValue