amotify 0.0.8 → 0.0.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/{dist/@types/_.d.ts → @types/_.tsx} +3 -3
- package/{src/@types → @types}/amot.tsx +0 -1
- package/{src/@types → @types}/fn.tsx +1 -2
- package/{src/@types → @types}/index.tsx +1 -5
- package/{src/@types → @types}/jsminAmotifyExtension.tsx +1 -2
- package/dist/amotify.js +1 -0
- package/dist/amotify.min.css +24 -0
- package/package.json +4 -9
- package/src/{Atoms/@export.tsx → @atoms.tsx} +3 -3
- package/src/@functions.tsx +29 -0
- package/src/{Global/@export.tsx → @global.tsx} +2 -2
- package/src/@jsminAmotifyExtension/formCollect.tsx +1 -1
- package/src/{Molecules/@export.tsx → @molecules.tsx} +4 -4
- package/src/@organisms.tsx +5 -0
- package/src/@styles/UniStyling.scss +1 -1
- package/src/@styles/init.scss +1 -1
- package/src/@styles/styleSet.scss +1 -1
- package/src/{Templates/@export.tsx → @templates.tsx} +1 -1
- package/src/{Atoms → atoms}/FAIcon/style.module.scss +1 -2
- package/src/{Atoms → atoms}/Logo/parts.tsx +1 -2
- package/src/{Atoms → atoms}/Logo/style.module.scss +1 -2
- package/src/{Atoms → atoms}/Various/parts.tsx +1 -1
- package/src/{Atoms → atoms}/Various/style.module.scss +3 -2
- package/src/{Functions → functions}/Button/_.tsx +1 -1
- package/src/{Functions → functions}/Button/style.module.scss +3 -2
- package/src/{Functions → functions}/Cropper/parts.tsx +4 -4
- package/src/{Functions → functions}/Cropper/style.module.scss +1 -1
- package/src/{Functions → functions}/Effects/Fade.tsx +2 -2
- package/src/{Functions → functions}/Effects/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/Chips/Selector.tsx +4 -5
- package/src/{Functions → functions}/Input/Chips/_.tsx +3 -7
- package/src/functions/Input/Chips/style.module.scss +6 -0
- package/src/{Functions → functions}/Input/DigitCharacters.tsx +3 -3
- package/src/{Functions → functions}/Input/File/_.tsx +4 -4
- package/src/{Functions → functions}/Input/File/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/List/_.tsx +3 -3
- package/src/{Functions → functions}/Input/List/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/Segmented/_.tsx +1 -1
- package/src/{Functions → functions}/Input/Segmented/style.module.scss +2 -2
- package/src/{Functions → functions}/Input/Select/_.tsx +3 -3
- package/src/{Functions → functions}/Input/Select/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/Slider/_.tsx +3 -3
- package/src/{Functions → functions}/Input/Slider/style.module.scss +2 -2
- package/src/{Functions → functions}/Input/Switch/_.tsx +4 -4
- package/src/{Functions → functions}/Input/Switch/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/Text.tsx +2 -2
- package/src/{Functions → functions}/Input/TextArea.tsx +1 -1
- package/src/{Functions → functions}/Input/Time/Picker.tsx +4 -4
- package/src/{Functions → functions}/Input/Time/_.tsx +3 -3
- package/src/{Functions → functions}/Input/Time/style.module.scss +1 -1
- package/src/{Functions → functions}/Input/_.tsx +4 -4
- package/src/{Functions → functions}/Input/core.tsx +4 -4
- package/src/{Functions → functions}/Input/style.module.scss +1 -1
- package/src/{Functions → functions}/Inputs/style.module.scss +1 -1
- package/src/{Functions → functions}/Inputs/text.tsx +4 -17
- package/src/functions/Inputs/types.d.ts +13 -0
- package/src/{Functions → functions}/Layout/PageNotFound.tsx +4 -6
- package/src/{Functions → functions}/Layout/PageRouter.tsx +2 -2
- package/src/{Functions → functions}/Layout/PageViewController/parts.tsx +4 -2
- package/src/{Functions → functions}/Layout/Plate.tsx +1 -1
- package/src/{Functions → functions}/Layout/RootViewController/parts.tsx +6 -8
- package/src/{Functions → functions}/Layout/RootViewController/style.module.scss +1 -1
- package/src/{Functions → functions}/Layout/SwipeView/parts.tsx +2 -3
- package/src/{Functions → functions}/Layout/SwipeView/style.module.scss +1 -1
- package/src/{Functions → functions}/Layout/TabBar.tsx +4 -4
- package/src/{Functions → functions}/Loader/corner.tsx +3 -3
- package/src/{Functions → functions}/Loader/mini.tsx +2 -2
- package/src/{Functions → functions}/Loader/parts.tsx +1 -1
- package/src/{Functions → functions}/Loader/style.module.scss +1 -1
- package/src/{Functions → functions}/Loader/top.tsx +3 -3
- package/src/{Functions → functions}/Sheet/parts.tsx +4 -4
- package/src/{Functions → functions}/Sheet/style.module.scss +1 -1
- package/src/{Functions → functions}/SnackBar/parts.tsx +4 -4
- package/src/{Functions → functions}/SnackBar/style.module.scss +1 -1
- package/src/{Functions → functions}/Table/Data/parts.tsx +4 -4
- package/src/{Functions → functions}/Table/Drag/parts.tsx +3 -3
- package/src/{Functions → functions}/Table/Normal/parts.tsx +1 -2
- package/src/{Functions → functions}/Table/_.tsx +3 -4
- package/src/{Functions → functions}/Table/style.module.scss +3 -2
- package/src/{Functions → functions}/Tooltips/parts.tsx +2 -2
- package/src/{Global → global}/styleConverter.tsx +1 -5
- package/src/launch.tsx +8 -8
- package/src/{Molecules → molecules}/Accordion/parts.tsx +2 -2
- package/src/{Molecules → molecules}/Accordion/style.module.scss +1 -1
- package/src/{Molecules → molecules}/LinkifyText/parts.tsx +2 -2
- package/src/{Molecules → molecules}/List.tsx +1 -1
- package/src/{Organisms → organisms}/DisplayStyleInput/darkmode.tsx +4 -4
- package/src/{Organisms → organisms}/DisplayStyleInput/themeColor.tsx +4 -4
- package/src/{Templates → templates}/PlayGround/parts.tsx +26 -40
- package/src/{Templates → templates}/PlayGround/style.module.scss +1 -1
- package/tsconfig.json +19 -5
- package/webpack.config.js +13 -2
- package/dist/@jsminAmotifyExtension/_.d.ts +0 -4
- package/dist/@jsminAmotifyExtension/_.js +0 -6
- package/dist/@jsminAmotifyExtension/fetch.d.ts +0 -9
- package/dist/@jsminAmotifyExtension/fetch.js +0 -199
- package/dist/@jsminAmotifyExtension/formCollect.d.ts +0 -1
- package/dist/@jsminAmotifyExtension/formCollect.js +0 -137
- package/dist/@jsminAmotifyExtension/spreadSheet.d.ts +0 -4
- package/dist/@jsminAmotifyExtension/spreadSheet.js +0 -314
- package/dist/@jsminAmotifyExtension/variables.d.ts +0 -0
- package/dist/@jsminAmotifyExtension/variables.js +0 -186
- package/dist/@types/_.js +0 -8
- package/dist/@types/amot.d.ts +0 -260
- package/dist/@types/amot.js +0 -2
- package/dist/@types/fn.d.ts +0 -1040
- package/dist/@types/fn.js +0 -2
- package/dist/@types/index.d.ts +0 -62
- package/dist/@types/index.js +0 -2
- package/dist/@types/jsminAmotifyExtension.d.ts +0 -134
- package/dist/@types/jsminAmotifyExtension.js +0 -2
- package/dist/@types/module.d.ts +0 -2
- package/dist/@types/module.js +0 -1
- package/dist/@types/state.d.ts +0 -145
- package/dist/@types/state.js +0 -2
- package/dist/Atoms/@export.d.ts +0 -4
- package/dist/Atoms/@export.js +0 -16
- package/dist/Atoms/FAIcon/parts.d.ts +0 -2
- package/dist/Atoms/FAIcon/parts.js +0 -152
- package/dist/Atoms/Logo/parts.d.ts +0 -1
- package/dist/Atoms/Logo/parts.js +0 -154
- package/dist/Atoms/Various/parts.d.ts +0 -9
- package/dist/Atoms/Various/parts.js +0 -113
- package/dist/Functions/@export.d.ts +0 -12
- package/dist/Functions/@export.js +0 -25
- package/dist/Functions/Button/_.d.ts +0 -1
- package/dist/Functions/Button/_.js +0 -270
- package/dist/Functions/Cropper/parts.d.ts +0 -1
- package/dist/Functions/Cropper/parts.js +0 -783
- package/dist/Functions/Effects/Fade.d.ts +0 -1
- package/dist/Functions/Effects/Fade.js +0 -82
- package/dist/Functions/Effects/Ripple.d.ts +0 -1
- package/dist/Functions/Effects/Ripple.js +0 -107
- package/dist/Functions/Effects/_.d.ts +0 -3
- package/dist/Functions/Effects/_.js +0 -43
- package/dist/Functions/Input/Chips/Selector.d.ts +0 -1
- package/dist/Functions/Input/Chips/Selector.js +0 -356
- package/dist/Functions/Input/Chips/_.d.ts +0 -2
- package/dist/Functions/Input/Chips/_.js +0 -218
- package/dist/Functions/Input/DigitCharacters.d.ts +0 -1
- package/dist/Functions/Input/DigitCharacters.js +0 -178
- package/dist/Functions/Input/File/_.d.ts +0 -2
- package/dist/Functions/Input/File/_.js +0 -458
- package/dist/Functions/Input/Hidden.d.ts +0 -1
- package/dist/Functions/Input/Hidden.js +0 -30
- package/dist/Functions/Input/List/_.d.ts +0 -1
- package/dist/Functions/Input/List/_.js +0 -232
- package/dist/Functions/Input/Segmented/_.d.ts +0 -1
- package/dist/Functions/Input/Segmented/_.js +0 -111
- package/dist/Functions/Input/Select/_.d.ts +0 -1
- package/dist/Functions/Input/Select/_.js +0 -154
- package/dist/Functions/Input/Slider/_.d.ts +0 -1
- package/dist/Functions/Input/Slider/_.js +0 -308
- package/dist/Functions/Input/Switch/_.d.ts +0 -1
- package/dist/Functions/Input/Switch/_.js +0 -120
- package/dist/Functions/Input/Text.d.ts +0 -5
- package/dist/Functions/Input/Text.js +0 -340
- package/dist/Functions/Input/TextArea.d.ts +0 -1
- package/dist/Functions/Input/TextArea.js +0 -98
- package/dist/Functions/Input/Time/Picker.d.ts +0 -1
- package/dist/Functions/Input/Time/Picker.js +0 -581
- package/dist/Functions/Input/Time/_.d.ts +0 -2
- package/dist/Functions/Input/Time/_.js +0 -567
- package/dist/Functions/Input/_.d.ts +0 -5
- package/dist/Functions/Input/_.js +0 -446
- package/dist/Functions/Input/core.d.ts +0 -34
- package/dist/Functions/Input/core.js +0 -324
- package/dist/Functions/Inputs/_.d.ts +0 -3
- package/dist/Functions/Inputs/_.js +0 -7
- package/dist/Functions/Inputs/text.d.ts +0 -12
- package/dist/Functions/Inputs/text.js +0 -46
- package/dist/Functions/Layout/PageNotFound.d.ts +0 -1
- package/dist/Functions/Layout/PageNotFound.js +0 -30
- package/dist/Functions/Layout/PageRouter.d.ts +0 -2
- package/dist/Functions/Layout/PageRouter.js +0 -65
- package/dist/Functions/Layout/PageViewController/parts.d.ts +0 -1
- package/dist/Functions/Layout/PageViewController/parts.js +0 -31
- package/dist/Functions/Layout/Plate.d.ts +0 -1
- package/dist/Functions/Layout/Plate.js +0 -39
- package/dist/Functions/Layout/RootViewController/parts.d.ts +0 -1
- package/dist/Functions/Layout/RootViewController/parts.js +0 -202
- package/dist/Functions/Layout/SwipeView/parts.d.ts +0 -2
- package/dist/Functions/Layout/SwipeView/parts.js +0 -319
- package/dist/Functions/Layout/TabBar.d.ts +0 -1
- package/dist/Functions/Layout/TabBar.js +0 -49
- package/dist/Functions/Layout/_.d.ts +0 -2
- package/dist/Functions/Layout/_.js +0 -20
- package/dist/Functions/Loader/corner.d.ts +0 -1
- package/dist/Functions/Loader/corner.js +0 -59
- package/dist/Functions/Loader/mini.d.ts +0 -33
- package/dist/Functions/Loader/mini.js +0 -126
- package/dist/Functions/Loader/parts.d.ts +0 -3
- package/dist/Functions/Loader/parts.js +0 -108
- package/dist/Functions/Loader/top.d.ts +0 -1
- package/dist/Functions/Loader/top.js +0 -69
- package/dist/Functions/Sheet/parts.d.ts +0 -2
- package/dist/Functions/Sheet/parts.js +0 -724
- package/dist/Functions/SnackBar/parts.d.ts +0 -2
- package/dist/Functions/SnackBar/parts.js +0 -171
- package/dist/Functions/Table/Data/parts.d.ts +0 -3
- package/dist/Functions/Table/Data/parts.js +0 -629
- package/dist/Functions/Table/Drag/parts.d.ts +0 -1
- package/dist/Functions/Table/Drag/parts.js +0 -359
- package/dist/Functions/Table/Normal/parts.d.ts +0 -1
- package/dist/Functions/Table/Normal/parts.js +0 -92
- package/dist/Functions/Table/_.d.ts +0 -9
- package/dist/Functions/Table/_.js +0 -153
- package/dist/Functions/Tooltips/parts.d.ts +0 -2
- package/dist/Functions/Tooltips/parts.js +0 -71
- package/dist/Global/@export.d.ts +0 -12
- package/dist/Global/@export.js +0 -198
- package/dist/Global/LaunchReactApplication.d.ts +0 -1
- package/dist/Global/LaunchReactApplication.js +0 -48
- package/dist/Global/styleConverter.d.ts +0 -2
- package/dist/Global/styleConverter.js +0 -349
- package/dist/Molecules/@export.d.ts +0 -21
- package/dist/Molecules/@export.js +0 -41
- package/dist/Molecules/Accordion/parts.d.ts +0 -2
- package/dist/Molecules/Accordion/parts.js +0 -165
- package/dist/Molecules/LinkifyText/parts.d.ts +0 -1
- package/dist/Molecules/LinkifyText/parts.js +0 -39
- package/dist/Molecules/List.d.ts +0 -1
- package/dist/Molecules/List.js +0 -35
- package/dist/Organisms/@export.d.ts +0 -2
- package/dist/Organisms/@export.js +0 -5
- package/dist/Organisms/DisplayStyleInput/_.d.ts +0 -1
- package/dist/Organisms/DisplayStyleInput/_.js +0 -15
- package/dist/Organisms/DisplayStyleInput/darkmode.d.ts +0 -1
- package/dist/Organisms/DisplayStyleInput/darkmode.js +0 -77
- package/dist/Organisms/DisplayStyleInput/themeColor.d.ts +0 -27
- package/dist/Organisms/DisplayStyleInput/themeColor.js +0 -185
- package/dist/Templates/@export.d.ts +0 -2
- package/dist/Templates/@export.js +0 -5
- package/dist/Templates/PlayGround/parts.d.ts +0 -1
- package/dist/Templates/PlayGround/parts.js +0 -55
- package/dist/config.d.ts +0 -16
- package/dist/config.js +0 -171
- package/dist/launch.d.ts +0 -9
- package/dist/launch.js +0 -46
- package/dist/preload.d.ts +0 -1
- package/dist/preload.js +0 -73
- package/public/amotify.js +0 -310
- package/public/amotify.min.css +0 -12724
- package/src/@types/_.tsx +0 -6
- package/src/Functions/@export.tsx +0 -29
- package/src/Functions/Input/Chips/style.module.scss +0 -6
- package/src/Functions/Inputs/types.d.ts +0 -1
- package/src/Global/exe.tsx +0 -0
- package/src/Organisms/@export.tsx +0 -5
- package/src/index.js +0 -0
- /package/{src/@types → @types}/module.tsx +0 -0
- /package/{src/@types → @types}/state.tsx +0 -0
- /package/src/{Atoms → atoms}/FAIcon/parts.tsx +0 -0
- /package/src/{Functions → functions}/Effects/Ripple.tsx +0 -0
- /package/src/{Functions → functions}/Effects/_.tsx +0 -0
- /package/src/{Functions → functions}/Input/Hidden.tsx +0 -0
- /package/src/{Functions → functions}/Inputs/_.tsx +0 -0
- /package/src/{Functions → functions}/Layout/_.tsx +0 -0
- /package/src/{Global → global}/LaunchReactApplication.tsx +0 -0
- /package/src/{Organisms → organisms}/DisplayStyleInput/_.tsx +0 -0
|
@@ -1,232 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
25
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
26
|
-
if (!m) return o;
|
|
27
|
-
var i = m.call(o), r, ar = [], e;
|
|
28
|
-
try {
|
|
29
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
30
|
-
}
|
|
31
|
-
catch (error) { e = { error: error }; }
|
|
32
|
-
finally {
|
|
33
|
-
try {
|
|
34
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
35
|
-
}
|
|
36
|
-
finally { if (e) throw e.error; }
|
|
37
|
-
}
|
|
38
|
-
return ar;
|
|
39
|
-
};
|
|
40
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
41
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
42
|
-
if (ar || !(i in from)) {
|
|
43
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
44
|
-
ar[i] = from[i];
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
48
|
-
};
|
|
49
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
50
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
51
|
-
};
|
|
52
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
53
|
-
exports.ListInput = void 0;
|
|
54
|
-
var _export_1 = require("../../../Global/@export");
|
|
55
|
-
var useState = _export_1.React.useState;
|
|
56
|
-
var _export_2 = require("../../../Atoms/@export");
|
|
57
|
-
var _export_3 = require("../../../Functions/@export");
|
|
58
|
-
var core_1 = require("../core");
|
|
59
|
-
var style_module_scss_1 = __importDefault(require("./style.module.scss"));
|
|
60
|
-
function DefaultValidation(props) {
|
|
61
|
-
var value = props.value, params = props.params;
|
|
62
|
-
var _a = params, type = _a.type, required = _a.required, _b = _a.minSelect, minSelect = _b === void 0 ? 0 : _b;
|
|
63
|
-
var notice = [];
|
|
64
|
-
if (required) {
|
|
65
|
-
if (!value.length) {
|
|
66
|
-
if (type == 'radio') {
|
|
67
|
-
notice.push({ type: 'invalid', label: '選択されていません' });
|
|
68
|
-
}
|
|
69
|
-
}
|
|
70
|
-
}
|
|
71
|
-
if (minSelect) {
|
|
72
|
-
if (value.length < minSelect) {
|
|
73
|
-
notice.push({ type: 'invalid', label: "".concat(minSelect, "\u500B\u4EE5\u4E0A\u9078\u629E\u3057\u3066\u304F\u3060\u3055\u3044") });
|
|
74
|
-
}
|
|
75
|
-
}
|
|
76
|
-
return {
|
|
77
|
-
ok: !notice.filter(function (_a) {
|
|
78
|
-
var type = _a.type;
|
|
79
|
-
return type == 'invalid';
|
|
80
|
-
}).length,
|
|
81
|
-
notice: notice
|
|
82
|
-
};
|
|
83
|
-
}
|
|
84
|
-
var ListInput = function (props) {
|
|
85
|
-
var value = props.value, _a = props.options, options = _a === void 0 ? [] : _a;
|
|
86
|
-
var Values = $.is.exist(value) ? $.flatArray(value) : [];
|
|
87
|
-
var DefaultOptions = options.map(function (option) {
|
|
88
|
-
var value = option.value, label = option.label;
|
|
89
|
-
return __assign(__assign({}, option), { value: JSON.stringify(value), label: label });
|
|
90
|
-
});
|
|
91
|
-
var DefaultValues = [];
|
|
92
|
-
Values.forEach(function (value) {
|
|
93
|
-
var Val = JSON.stringify(value);
|
|
94
|
-
var Index = DefaultOptions.findIndex(function (option) { return option.value == Val; });
|
|
95
|
-
if (Index == -1)
|
|
96
|
-
return;
|
|
97
|
-
DefaultValues.push(Val);
|
|
98
|
-
});
|
|
99
|
-
return _export_1.React.createElement(Core, __assign({}, props, { value: DefaultValues, options: DefaultOptions }));
|
|
100
|
-
};
|
|
101
|
-
exports.ListInput = ListInput;
|
|
102
|
-
var Core = function (params) {
|
|
103
|
-
var type = params.type, tone = params.tone, required = params.required, _a = params.componentID, componentID = _a === void 0 ? '' : _a, form = params.form, override = params.override, statusID = params.statusID, freeCSS = params.freeCSS, enableFormSubmit = params.enableFormSubmit, checkValidationAtFirst = params.checkValidationAtFirst, onValidate = params.onValidate, onUpdateValue = params.onUpdateValue, onUpdateValidValue = params.onUpdateValidValue, value = params.value, options = params.options, leftIndicator = params.leftIndicator, rightIndicator = params.rightIndicator, className = params.className, cellStyles = params.cellStyles, cellClassName = params.cellClassName, cellCheckedStyles = params.cellCheckedStyles, cellCheckedClassName = params.cellCheckedClassName, others = __rest(params, ["type", "tone", "required", "componentID", "form", "override", "statusID", "freeCSS", "enableFormSubmit", "checkValidationAtFirst", "onValidate", "onUpdateValue", "onUpdateValidValue", "value", "options", "leftIndicator", "rightIndicator", "className", "cellStyles", "cellClassName", "cellCheckedStyles", "cellCheckedClassName"]);
|
|
104
|
-
var Default_Status = {
|
|
105
|
-
componentID: componentID,
|
|
106
|
-
dataValue: value,
|
|
107
|
-
eventType: 'init',
|
|
108
|
-
eventID: $.uuidGen()
|
|
109
|
-
};
|
|
110
|
-
var _b = __read(useState(Default_Status), 2), val_status = _b[0], set_status = _b[1];
|
|
111
|
-
var _c = __read(useState({
|
|
112
|
-
ok: false,
|
|
113
|
-
notice: []
|
|
114
|
-
}), 2), val_validate = _c[0], set_validate = _c[1];
|
|
115
|
-
(0, core_1.CommonEffects)({
|
|
116
|
-
type: 'list',
|
|
117
|
-
params: params,
|
|
118
|
-
val_status: val_status,
|
|
119
|
-
set_status: set_status,
|
|
120
|
-
val_validate: val_validate,
|
|
121
|
-
set_validate: set_validate,
|
|
122
|
-
onUpdateValue: onUpdateValue,
|
|
123
|
-
onUpdateValidValue: onUpdateValidValue,
|
|
124
|
-
DefaultValidation: DefaultValidation
|
|
125
|
-
});
|
|
126
|
-
return (_export_1.React.createElement(core_1.BoxWrapper, { val_status: val_status, set_status: set_status, val_validate: val_validate, params: params },
|
|
127
|
-
_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 })),
|
|
128
|
-
_export_1.React.createElement(CellList, { params: params, val_status: val_status, set_status: set_status })));
|
|
129
|
-
};
|
|
130
|
-
var CellList = function (props) {
|
|
131
|
-
var params = props.params, val_status = props.val_status, set_status = props.set_status;
|
|
132
|
-
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;
|
|
133
|
-
var dataValue = val_status.dataValue;
|
|
134
|
-
var IconBox = icon ? _export_1.React.createElement(_export_2.Box, { flexSizing: 'none', children: params.iconType == 'radio' ? _export_1.React.createElement(Comps.RadioIcon, null) :
|
|
135
|
-
params.iconType == 'checkbox' ? _export_1.React.createElement(Comps.CheckboxIcon, null) : null }) : null;
|
|
136
|
-
var Cells = options.map(function (option, index) {
|
|
137
|
-
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"]);
|
|
138
|
-
var CellID = $.uuidGen();
|
|
139
|
-
var Checked = dataValue.findIndex(function (v) { return v === value; }) != -1;
|
|
140
|
-
var Styles = __assign(__assign({}, DefaultCellStyles), styles);
|
|
141
|
-
var ClassName = [
|
|
142
|
-
style_module_scss_1.default.Label,
|
|
143
|
-
style_module_scss_1.default['defaultActiveStyling_' + !!defaultActiveStyling],
|
|
144
|
-
DefaultCellClassName,
|
|
145
|
-
className
|
|
146
|
-
];
|
|
147
|
-
if (Checked) {
|
|
148
|
-
Styles = __assign(__assign(__assign(__assign({}, Styles), DefaultCellCheckedStyles), checkedStyles), { activeStyles: checkedStyles, freeCSS: __assign(__assign(__assign({}, Styles.freeCSS), DefaultCellCheckedStyles === null || DefaultCellCheckedStyles === void 0 ? void 0 : DefaultCellCheckedStyles.freeCSS), checkedStyles === null || checkedStyles === void 0 ? void 0 : checkedStyles.freeCSS) });
|
|
149
|
-
ClassName = __spreadArray(__spreadArray([], __read(ClassName), false), [
|
|
150
|
-
DefaultCellCheckedClassName,
|
|
151
|
-
checkedClassName
|
|
152
|
-
], false);
|
|
153
|
-
}
|
|
154
|
-
return [
|
|
155
|
-
_export_1.React.createElement("input", { type: type == 'radio' ? 'radio' : 'checkbox', className: [
|
|
156
|
-
style_module_scss_1.default.Input,
|
|
157
|
-
style_module_scss_1.default['defaultActiveStyling_' + !!defaultActiveStyling]
|
|
158
|
-
].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) {
|
|
159
|
-
if (disabled)
|
|
160
|
-
return;
|
|
161
|
-
if (type != 'radio')
|
|
162
|
-
return;
|
|
163
|
-
if (val_status.dataValue.length)
|
|
164
|
-
return;
|
|
165
|
-
var _a = event.target, value = _a.value, checked = _a.checked;
|
|
166
|
-
var nextValue = [value];
|
|
167
|
-
set_status(__assign(__assign({}, val_status), { dataValue: nextValue, eventType: 'update', eventID: $.uuidGen() }));
|
|
168
|
-
}, onChange: function (event) {
|
|
169
|
-
if (disabled)
|
|
170
|
-
return;
|
|
171
|
-
var _a = event.target, value = _a.value, checked = _a.checked;
|
|
172
|
-
var nextValue = [];
|
|
173
|
-
if (type == 'radio') {
|
|
174
|
-
nextValue = [value];
|
|
175
|
-
}
|
|
176
|
-
else if (type == 'checkbox' || type == 'checker') {
|
|
177
|
-
if (checked) {
|
|
178
|
-
nextValue = __spreadArray(__spreadArray([], __read(val_status.dataValue), false), [value], false);
|
|
179
|
-
}
|
|
180
|
-
else {
|
|
181
|
-
var prevValue = __spreadArray([], __read(val_status.dataValue), false);
|
|
182
|
-
prevValue.splice(val_status.dataValue.findIndex(function (v) { return v == value; }), 1);
|
|
183
|
-
nextValue = prevValue;
|
|
184
|
-
}
|
|
185
|
-
}
|
|
186
|
-
set_status(__assign(__assign({}, val_status), { dataValue: nextValue, eventType: 'update', eventID: $.uuidGen() }));
|
|
187
|
-
}, onKeyDown: function (event) {
|
|
188
|
-
var key = event.key, shiftKey = event.shiftKey;
|
|
189
|
-
if (type == 'checkbox' || type == 'checker') {
|
|
190
|
-
if (key == 'Tab') {
|
|
191
|
-
if (shiftKey) { }
|
|
192
|
-
else { }
|
|
193
|
-
}
|
|
194
|
-
else if (key.match(/Arrow/)) {
|
|
195
|
-
event.preventDefault();
|
|
196
|
-
var dir = ['ArrowLeft', 'ArrowUp'].includes(key) ? -1 : 1;
|
|
197
|
-
var nextIndex = index + dir;
|
|
198
|
-
if (nextIndex < 0) {
|
|
199
|
-
nextIndex = options.length - 1;
|
|
200
|
-
}
|
|
201
|
-
else if (nextIndex >= options.length) {
|
|
202
|
-
nextIndex = 0;
|
|
203
|
-
}
|
|
204
|
-
$("input[data-list-index=\"".concat(componentID, "-").concat(nextIndex, "\"]")).focus();
|
|
205
|
-
}
|
|
206
|
-
}
|
|
207
|
-
if (enableFormSubmit)
|
|
208
|
-
(0, core_1.SubmitForm)(event);
|
|
209
|
-
}, tabIndex: tabIndex }),
|
|
210
|
-
_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),
|
|
211
|
-
IconBox,
|
|
212
|
-
$.is.string(label) ? _export_1.React.createElement(_export_2.Box, { children: label }) : label)
|
|
213
|
-
];
|
|
214
|
-
});
|
|
215
|
-
return (_export_1.React.createElement(_export_2.Flex, { flexSizing: 'auto', freeCSS: __assign({}, params.freeCSS), className: [
|
|
216
|
-
ListClassName,
|
|
217
|
-
style_module_scss_1.default.CellBase,
|
|
218
|
-
style_module_scss_1.default['HideInput_' + hideInput],
|
|
219
|
-
style_module_scss_1.default['IconIndicator_' + !!icon],
|
|
220
|
-
style_module_scss_1.default['Tone_' + tone]
|
|
221
|
-
].join(' '), children: Cells }));
|
|
222
|
-
};
|
|
223
|
-
var Comps = {
|
|
224
|
-
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 })); },
|
|
225
|
-
CheckboxIcon: function () { return (_export_1.React.createElement(_export_2.Box, { className: [
|
|
226
|
-
style_module_scss_1.default.Icon,
|
|
227
|
-
style_module_scss_1.default.CheckboxIcon
|
|
228
|
-
].join(' '), borderRadius: '3.tone.tertiary', backgroundColor: '1.layer.base', border: true, transition: 'middle', fontColor: 'white', position: 'relative', flexCenter: true },
|
|
229
|
-
_export_1.React.createElement(_export_2.FAIcon.Check, { className: style_module_scss_1.default.I, transition: 'middle', opacity: 'trans', freeCSS: {
|
|
230
|
-
zIndex: 8
|
|
231
|
-
} }))); }
|
|
232
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const Segmented: amotify.fn.Input.Segmented.Types;
|
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
25
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
26
|
-
if (!m) return o;
|
|
27
|
-
var i = m.call(o), r, ar = [], e;
|
|
28
|
-
try {
|
|
29
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
30
|
-
}
|
|
31
|
-
catch (error) { e = { error: error }; }
|
|
32
|
-
finally {
|
|
33
|
-
try {
|
|
34
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
35
|
-
}
|
|
36
|
-
finally { if (e) throw e.error; }
|
|
37
|
-
}
|
|
38
|
-
return ar;
|
|
39
|
-
};
|
|
40
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
41
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42
|
-
};
|
|
43
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
44
|
-
exports.Segmented = void 0;
|
|
45
|
-
var _export_1 = require("../../../Global/@export");
|
|
46
|
-
var _1 = require("../_");
|
|
47
|
-
var style_module_scss_1 = __importDefault(require("./style.module.scss"));
|
|
48
|
-
exports.Segmented = {
|
|
49
|
-
Auto: function (params) {
|
|
50
|
-
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) });
|
|
51
|
-
return (_export_1.React.createElement(Core, __assign({ appearance: params.tone || 'Auto' }, params)));
|
|
52
|
-
},
|
|
53
|
-
Normal: function (params) {
|
|
54
|
-
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) });
|
|
55
|
-
params.tone = 'ThemeBorder';
|
|
56
|
-
return (_export_1.React.createElement(Core, __assign({ appearance: 'Border' }, params)));
|
|
57
|
-
},
|
|
58
|
-
Cloud: function (params) {
|
|
59
|
-
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) });
|
|
60
|
-
return (_export_1.React.createElement(Core, __assign({ appearance: params.tone || 'Cloud' }, params)));
|
|
61
|
-
},
|
|
62
|
-
Cloud2: function (params) {
|
|
63
|
-
params.tone = 'WhiteCloud';
|
|
64
|
-
return (_export_1.React.createElement(exports.Segmented.Cloud, __assign({ fontColor: '3.blur' }, params, { cellCheckedStyles: __assign({ fontColor: '1.clear' }, params.cellCheckedStyles) })));
|
|
65
|
-
},
|
|
66
|
-
Cloud3: function (params) {
|
|
67
|
-
params.tone = 'ThemeCloud';
|
|
68
|
-
return (_export_1.React.createElement(exports.Segmented.Cloud, __assign({ backgroundColor: 'tcOpFew', fontColor: 'theme' }, params, { cellStyles: __assign({}, params.cellStyles) })));
|
|
69
|
-
},
|
|
70
|
-
Border: function (params) {
|
|
71
|
-
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) });
|
|
72
|
-
return (_export_1.React.createElement(Core, __assign({ appearance: params.tone || 'Border' }, params)));
|
|
73
|
-
},
|
|
74
|
-
Border2: function (params) {
|
|
75
|
-
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) });
|
|
76
|
-
params.tone = 'ThemeBorder';
|
|
77
|
-
return (_export_1.React.createElement(Core, __assign({ appearance: 'Border' }, params)));
|
|
78
|
-
},
|
|
79
|
-
BottomLine: function (params) {
|
|
80
|
-
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) });
|
|
81
|
-
return (_export_1.React.createElement(Core, __assign({ appearance: 'BottomLine' }, params)));
|
|
82
|
-
},
|
|
83
|
-
};
|
|
84
|
-
var Core = function (params) {
|
|
85
|
-
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"]);
|
|
86
|
-
var _a = __read(_export_1.React.useState($.uuidGen()), 1), val_componentID = _a[0];
|
|
87
|
-
var _b = __read(_export_1.React.useState(value), 2), val_defValue = _b[0], set_defValue = _b[1];
|
|
88
|
-
var _c = __read(_export_1.React.useState(val_defValue), 2), val_value = _c[0], set_value = _c[1];
|
|
89
|
-
if (val_defValue != value) {
|
|
90
|
-
set_defValue(value);
|
|
91
|
-
set_value(value);
|
|
92
|
-
}
|
|
93
|
-
return (_export_1.React.createElement(_1.ListInputs.Radio
|
|
94
|
-
// hideInput
|
|
95
|
-
, __assign({
|
|
96
|
-
// hideInput
|
|
97
|
-
defaultActiveStyling: false, flexWrap: false, borderRadius: '2.tone.secondary', position: 'relative', options: options, value: val_value, componentID: val_componentID, icon: false }, others, { freeCSS: __assign({ whiteSpace: 'nowrap' }, freeCSS), cellStyles: __assign({ flexCenter: true, ssPushable: true, boxShadow: 'none' }, cellStyles), cellClassName: [
|
|
98
|
-
cellClassName,
|
|
99
|
-
style_module_scss_1.default.Label,
|
|
100
|
-
style_module_scss_1.default['Tone_' + appearance]
|
|
101
|
-
].join(' '), cellCheckedStyles: __assign({ isBoldFont: true }, cellCheckedStyles), cellCheckedClassName: [
|
|
102
|
-
cellCheckedClassName,
|
|
103
|
-
style_module_scss_1.default.Checked
|
|
104
|
-
].join(' '), tone: 'custom', onUpdateValue: onUpdateValue, onUpdateValidValue: function (args) {
|
|
105
|
-
if (onUpdateValidValue)
|
|
106
|
-
onUpdateValidValue(args);
|
|
107
|
-
if (appearance == 'BottomLine') {
|
|
108
|
-
set_value(args.value[0]);
|
|
109
|
-
}
|
|
110
|
-
} })));
|
|
111
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const SelectInput: FNC<amotify.fn.Input.Select.PlainParams>;
|
|
@@ -1,154 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
14
|
-
var t = {};
|
|
15
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
16
|
-
t[p] = s[p];
|
|
17
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
18
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
19
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
20
|
-
t[p[i]] = s[p[i]];
|
|
21
|
-
}
|
|
22
|
-
return t;
|
|
23
|
-
};
|
|
24
|
-
var __read = (this && this.__read) || function (o, n) {
|
|
25
|
-
var m = typeof Symbol === "function" && o[Symbol.iterator];
|
|
26
|
-
if (!m) return o;
|
|
27
|
-
var i = m.call(o), r, ar = [], e;
|
|
28
|
-
try {
|
|
29
|
-
while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);
|
|
30
|
-
}
|
|
31
|
-
catch (error) { e = { error: error }; }
|
|
32
|
-
finally {
|
|
33
|
-
try {
|
|
34
|
-
if (r && !r.done && (m = i["return"])) m.call(i);
|
|
35
|
-
}
|
|
36
|
-
finally { if (e) throw e.error; }
|
|
37
|
-
}
|
|
38
|
-
return ar;
|
|
39
|
-
};
|
|
40
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
41
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
42
|
-
};
|
|
43
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
44
|
-
exports.SelectInput = void 0;
|
|
45
|
-
var _export_1 = require("../../../Global/@export");
|
|
46
|
-
var useState = _export_1.React.useState;
|
|
47
|
-
var _export_2 = require("../../../Atoms/@export");
|
|
48
|
-
var core_1 = require("../core");
|
|
49
|
-
var style_module_scss_1 = __importDefault(require("./style.module.scss"));
|
|
50
|
-
var style_module_scss_2 = __importDefault(require("../style.module.scss"));
|
|
51
|
-
function DefaultValidation(props) {
|
|
52
|
-
var value = props.value, params = props.params;
|
|
53
|
-
var _a = params, required = _a.required, options = _a.options;
|
|
54
|
-
var notice = [];
|
|
55
|
-
if (required) {
|
|
56
|
-
if (!options.length || (options.length && $.is.nullish(JSON.parse(value)))) {
|
|
57
|
-
notice.push({ type: 'invalid', label: '必須項目です' });
|
|
58
|
-
}
|
|
59
|
-
}
|
|
60
|
-
return {
|
|
61
|
-
ok: !notice.filter(function (_a) {
|
|
62
|
-
var type = _a.type;
|
|
63
|
-
return type == 'invalid';
|
|
64
|
-
}).length,
|
|
65
|
-
notice: notice
|
|
66
|
-
};
|
|
67
|
-
}
|
|
68
|
-
var SelectInput = function (params) {
|
|
69
|
-
var _a = params.value, value = _a === void 0 ? null : _a, placeholder = params.placeholder, _b = params.options, options = _b === void 0 ? [] : _b;
|
|
70
|
-
var SelectedExist = 0;
|
|
71
|
-
var SelectedValue = JSON.stringify(value);
|
|
72
|
-
var DefaultOptions = options.map(function (option) {
|
|
73
|
-
var value = option.value, label = option.label;
|
|
74
|
-
var Value = JSON.stringify(value);
|
|
75
|
-
var Selected = Value == SelectedValue;
|
|
76
|
-
SelectedExist |= Number(Selected);
|
|
77
|
-
return __assign(__assign({}, option), { value: Value, label: label });
|
|
78
|
-
});
|
|
79
|
-
if (!SelectedExist)
|
|
80
|
-
value = null;
|
|
81
|
-
var DefaultValue = JSON.stringify(value);
|
|
82
|
-
return (_export_1.React.createElement(Core, __assign({}, params, { value: DefaultValue, options: DefaultOptions })));
|
|
83
|
-
};
|
|
84
|
-
exports.SelectInput = SelectInput;
|
|
85
|
-
var Core = function (params) {
|
|
86
|
-
var _a;
|
|
87
|
-
var tone = params.tone, required = params.required, form = params.form, className = params.className, enableFormSubmit = params.enableFormSubmit, enableUnSelected = params.enableUnSelected, checkValidationAtFirst = params.checkValidationAtFirst, onChange = params.onChange, onKeyDown = params.onKeyDown, onValidate = params.onValidate, onUpdateValue = params.onUpdateValue, onUpdateValidValue = params.onUpdateValidValue, _b = params.value, value = _b === void 0 ? '' : _b, options = params.options, placeholder = params.placeholder, leftIndicator = params.leftIndicator, rightIndicator = params.rightIndicator, rightIcon = params.rightIcon, others = __rest(params, ["tone", "required", "form", "className", "enableFormSubmit", "enableUnSelected", "checkValidationAtFirst", "onChange", "onKeyDown", "onValidate", "onUpdateValue", "onUpdateValidValue", "value", "options", "placeholder", "leftIndicator", "rightIndicator", "rightIcon"]);
|
|
88
|
-
var Default_Status = {
|
|
89
|
-
componentID: params.componentID || '',
|
|
90
|
-
dataValue: value,
|
|
91
|
-
eventType: 'init',
|
|
92
|
-
eventID: $.uuidGen()
|
|
93
|
-
};
|
|
94
|
-
var _c = __read(useState(Default_Status), 2), val_status = _c[0], set_status = _c[1];
|
|
95
|
-
var _d = __read(useState({
|
|
96
|
-
ok: false,
|
|
97
|
-
notice: []
|
|
98
|
-
}), 2), val_validate = _d[0], set_validate = _d[1];
|
|
99
|
-
(0, core_1.CommonEffects)({
|
|
100
|
-
type: 'select',
|
|
101
|
-
params: params,
|
|
102
|
-
val_status: val_status,
|
|
103
|
-
set_status: set_status,
|
|
104
|
-
ExtraOverrideParams: {
|
|
105
|
-
dataValue: value,
|
|
106
|
-
formatValue: value,
|
|
107
|
-
},
|
|
108
|
-
val_validate: val_validate,
|
|
109
|
-
set_validate: set_validate,
|
|
110
|
-
DefaultValidation: DefaultValidation,
|
|
111
|
-
onUpdateValue: onUpdateValue,
|
|
112
|
-
onUpdateValidValue: onUpdateValidValue
|
|
113
|
-
});
|
|
114
|
-
var SelectedElement = _export_1.React.createElement(_export_2.Box, { fontColor: '4.thin' }, placeholder || '選択');
|
|
115
|
-
if (val_status.dataValue) {
|
|
116
|
-
var Selected = options.find(function (option) { return option.value == val_status.dataValue; });
|
|
117
|
-
if (Selected)
|
|
118
|
-
SelectedElement = (_a = Selected.displayLabel) !== null && _a !== void 0 ? _a : Selected.label;
|
|
119
|
-
}
|
|
120
|
-
return (_export_1.React.createElement(core_1.BoxWrapper, { val_status: val_status, set_status: set_status, val_validate: val_validate, params: params },
|
|
121
|
-
_export_1.React.createElement(_export_2.Box, { className: [
|
|
122
|
-
className,
|
|
123
|
-
style_module_scss_1.default.SelectLegend,
|
|
124
|
-
style_module_scss_2.default.InputCover
|
|
125
|
-
].join(' ') },
|
|
126
|
-
SelectedElement,
|
|
127
|
-
_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) {
|
|
128
|
-
if (onKeyDown)
|
|
129
|
-
onKeyDown(event);
|
|
130
|
-
if (enableFormSubmit)
|
|
131
|
-
(0, core_1.SubmitForm)(event);
|
|
132
|
-
}, onChange: function (event) {
|
|
133
|
-
var rawValue = event.target.value;
|
|
134
|
-
if (val_validate.ok)
|
|
135
|
-
set_validate({ ok: false, notice: [] });
|
|
136
|
-
set_status(__assign(__assign({}, val_status), { dataValue: rawValue, eventType: 'update', eventID: $.uuidGen() }));
|
|
137
|
-
if (onChange)
|
|
138
|
-
onChange(event);
|
|
139
|
-
} }, others, { className: style_module_scss_1.default.Select }),
|
|
140
|
-
_export_1.React.createElement(Options, { params: params })))));
|
|
141
|
-
};
|
|
142
|
-
var Options = function (props) {
|
|
143
|
-
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;
|
|
144
|
-
var SelectedValue = String(value);
|
|
145
|
-
var Options = options.map(function (option) {
|
|
146
|
-
var value = option.value, label = option.label;
|
|
147
|
-
var Value = String(value);
|
|
148
|
-
return (_export_1.React.createElement("option", { value: Value, key: Value, selected: Value == SelectedValue, children: label }));
|
|
149
|
-
});
|
|
150
|
-
if (enableUnSelected) {
|
|
151
|
-
Options.unshift(_export_1.React.createElement("option", { key: 0, value: JSON.stringify(null), selected: SelectedValue == 'null', children: placeholder }));
|
|
152
|
-
}
|
|
153
|
-
return (_export_1.React.createElement(_export_1.React.Fragment, null, Options));
|
|
154
|
-
};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export declare const SliderInput: FNC<amotify.fn.Input.Slider.PlainParams>;
|