@mirai/ui 1.0.11 → 1.0.14
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/build/components/Button/Button.js +29 -7
- package/build/components/Button/Button.js.map +1 -1
- package/build/components/Calendar/Calendar.Month.js +36 -7
- package/build/components/Calendar/Calendar.Month.js.map +1 -1
- package/build/components/Calendar/Calendar.Week.js +48 -14
- package/build/components/Calendar/Calendar.Week.js.map +1 -1
- package/build/components/Calendar/Calendar.Weekdays.js +7 -2
- package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
- package/build/components/Calendar/Calendar.js +63 -18
- package/build/components/Calendar/Calendar.js.map +1 -1
- package/build/components/Calendar/Calendar.module.css +37 -20
- package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +524 -404
- package/build/components/Calendar/helpers/{getWeekdays.js → getWeekDays.js} +1 -1
- package/build/components/Calendar/helpers/{getWeekdays.js.map → getWeekDays.js.map} +1 -1
- package/build/components/Calendar/helpers/index.js +4 -4
- package/build/components/Calendar/helpers/index.js.map +1 -1
- package/build/components/Form/Form.js +53 -20
- package/build/components/Form/Form.js.map +1 -1
- package/build/components/Form/helpers/getChildrenErrors.js +9 -5
- package/build/components/Form/helpers/getChildrenErrors.js.map +1 -1
- package/build/components/Form/helpers/getChildrenValues.js +10 -5
- package/build/components/Form/helpers/getChildrenValues.js.map +1 -1
- package/build/components/InputNumber/InputNumber.js +25 -5
- package/build/components/InputNumber/InputNumber.js.map +1 -1
- package/build/components/InputOption/InputOption.js +22 -5
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/InputSelect/InputSelect.js +39 -9
- package/build/components/InputSelect/InputSelect.js.map +1 -1
- package/build/components/InputText/InputText.js +43 -10
- package/build/components/InputText/InputText.js.map +1 -1
- package/build/components/Menu/Menu.Option.js +21 -5
- package/build/components/Menu/Menu.Option.js.map +1 -1
- package/build/components/Menu/Menu.js +27 -6
- package/build/components/Menu/Menu.js.map +1 -1
- package/build/components/Modal/Modal.js +16 -5
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/components/Table/Table.Row.js +24 -8
- package/build/components/Table/Table.Row.js.map +1 -1
- package/build/components/Table/Table.js +40 -13
- package/build/components/Table/Table.js.map +1 -1
- package/build/components/Tooltip/Tooltip.js +42 -12
- package/build/components/Tooltip/Tooltip.js.map +1 -1
- package/build/helpers/getInputErrors.js +5 -5
- package/build/helpers/getInputErrors.js.map +1 -1
- package/build/helpers/isValidDate.js +22 -8
- package/build/helpers/isValidDate.js.map +1 -1
- package/build/hooks/useDevice.js +20 -8
- package/build/hooks/useDevice.js.map +1 -1
- package/build/primitives/Checkbox/Checkbox.js +16 -4
- package/build/primitives/Checkbox/Checkbox.js.map +1 -1
- package/build/primitives/Icon/Icon.js +19 -7
- package/build/primitives/Icon/Icon.js.map +1 -1
- package/build/primitives/Input/Input.js +28 -9
- package/build/primitives/Input/Input.js.map +1 -1
- package/build/primitives/Layer/Layer.js +39 -11
- package/build/primitives/Layer/Layer.js.map +1 -1
- package/build/primitives/Layer/LayerContent.js +2 -2
- package/build/primitives/Layer/LayerContent.js.map +1 -1
- package/build/primitives/Pressable/Pressable.js +37 -12
- package/build/primitives/Pressable/Pressable.js.map +1 -1
- package/build/primitives/Radio/Radio.js +15 -4
- package/build/primitives/Radio/Radio.js.map +1 -1
- package/build/primitives/ScrollView/ScrollView.js +34 -11
- package/build/primitives/ScrollView/ScrollView.js.map +1 -1
- package/build/primitives/Select/Select.js +35 -10
- package/build/primitives/Select/Select.js.map +1 -1
- package/build/primitives/Switch/Switch.js +17 -5
- package/build/primitives/Switch/Switch.js.map +1 -1
- package/build/primitives/Text/Text.js +25 -7
- package/build/primitives/Text/Text.js.map +1 -1
- package/build/primitives/View/View.js +15 -8
- package/build/primitives/View/View.js.map +1 -1
- package/build/theme/theme.js +17 -7
- package/build/theme/theme.js.map +1 -1
- package/package.json +3 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"getWeekDays.js","names":["getWeekDays","locale","today","weekdays","date","Date","setDate","getDate","getDay","Array","from","keys","forEach","push","weekday","substr"],"sources":["../../../../src/components/Calendar/helpers/getWeekDays.js"],"sourcesContent":["import { dateFormat, UTC } from '@mirai/locale';\n\nimport { getToday } from './getToday';\n\nexport const getWeekDays = (locale) => {\n const today = getToday();\n const weekdays = [];\n\n const date = UTC(new Date(today.setDate(today.getDate() - today.getDay() + (today.getDay() === 0 ? -6 : 1))));\n Array.from(Array(7).keys()).forEach(() => {\n weekdays.push(dateFormat(date, { locale, weekday: 'short' }).substr(0, 3));\n date.setDate(date.getDate() + 1);\n });\n\n return weekdays;\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc,CAACC,MAAD,EAAY;EACrC,IAAMC,KAAK,GAAG,yBAAd;EACA,IAAMC,QAAQ,GAAG,EAAjB;EAEA,IAAMC,IAAI,GAAG,iBAAI,IAAIC,IAAJ,CAASH,KAAK,CAACI,OAAN,CAAcJ,KAAK,CAACK,OAAN,KAAkBL,KAAK,CAACM,MAAN,EAAlB,IAAoCN,KAAK,CAACM,MAAN,OAAmB,CAAnB,GAAuB,CAAC,CAAxB,GAA4B,CAAhE,CAAd,CAAT,CAAJ,CAAb;EACAC,KAAK,CAACC,IAAN,CAAWD,KAAK,CAAC,CAAD,CAAL,CAASE,IAAT,EAAX,EAA4BC,OAA5B,CAAoC,YAAM;IACxCT,QAAQ,CAACU,IAAT,CAAc,wBAAWT,IAAX,EAAiB;MAAEH,MAAM,EAANA,MAAF;MAAUa,OAAO,EAAE;IAAnB,CAAjB,EAA+CC,MAA/C,CAAsD,CAAtD,EAAyD,CAAzD,CAAd;IACAX,IAAI,CAACE,OAAL,CAAaF,IAAI,CAACG,OAAL,KAAiB,CAA9B;EACD,CAHD;EAKA,OAAOJ,QAAP;AACD,CAXM"}
|
|
@@ -56,15 +56,15 @@ Object.keys(_getToday).forEach(function (key) {
|
|
|
56
56
|
});
|
|
57
57
|
});
|
|
58
58
|
|
|
59
|
-
var
|
|
59
|
+
var _getWeekDays = require("./getWeekDays");
|
|
60
60
|
|
|
61
|
-
Object.keys(
|
|
61
|
+
Object.keys(_getWeekDays).forEach(function (key) {
|
|
62
62
|
if (key === "default" || key === "__esModule") return;
|
|
63
|
-
if (key in exports && exports[key] ===
|
|
63
|
+
if (key in exports && exports[key] === _getWeekDays[key]) return;
|
|
64
64
|
Object.defineProperty(exports, key, {
|
|
65
65
|
enumerable: true,
|
|
66
66
|
get: function get() {
|
|
67
|
-
return
|
|
67
|
+
return _getWeekDays[key];
|
|
68
68
|
}
|
|
69
69
|
});
|
|
70
70
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Calendar/helpers/index.js"],"sourcesContent":["export * from './getFirstDateOfMonth';\nexport * from './getFirstDateOfWeek';\nexport * from './getHeader';\nexport * from './getToday';\nexport * from './
|
|
1
|
+
{"version":3,"file":"index.js","names":[],"sources":["../../../../src/components/Calendar/helpers/index.js"],"sourcesContent":["export * from './getFirstDateOfMonth';\nexport * from './getFirstDateOfWeek';\nexport * from './getHeader';\nexport * from './getToday';\nexport * from './getWeekDays';\nexport * from './getWeekNumber';\nexport * from './isJest';\n"],"mappings":";;;;;;AAAA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA;;AACA;;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
|
|
@@ -1,21 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
6
4
|
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.Form = void 0;
|
|
11
9
|
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
var _objectSpread4 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
15
|
-
|
|
16
|
-
var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
|
|
17
|
-
|
|
18
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
19
11
|
|
|
20
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
21
13
|
|
|
@@ -23,6 +15,34 @@ var _helpers = require("./helpers");
|
|
|
23
15
|
|
|
24
16
|
var _excluded = ["children", "debounce", "schema", "showErrors", "validateOnMount", "onBlur", "onChange", "onError", "onFocus", "onSubmit"];
|
|
25
17
|
|
|
18
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
+
|
|
20
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
+
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
+
|
|
24
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
25
|
+
|
|
26
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
27
|
+
|
|
28
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
29
|
+
|
|
30
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
31
|
+
|
|
32
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
33
|
+
|
|
34
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
35
|
+
|
|
36
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
37
|
+
|
|
38
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
39
|
+
|
|
40
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
41
|
+
|
|
42
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
43
|
+
|
|
44
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
45
|
+
|
|
26
46
|
var Form = function Form(_ref) {
|
|
27
47
|
var children = _ref.children,
|
|
28
48
|
_ref$debounce = _ref.debounce,
|
|
@@ -37,25 +57,25 @@ var Form = function Form(_ref) {
|
|
|
37
57
|
onError = _ref.onError,
|
|
38
58
|
onFocus = _ref.onFocus,
|
|
39
59
|
onSubmit = _ref.onSubmit,
|
|
40
|
-
others = (
|
|
60
|
+
others = _objectWithoutProperties(_ref, _excluded);
|
|
41
61
|
|
|
42
62
|
var _useState = (0, _react.useState)({}),
|
|
43
|
-
_useState2 = (
|
|
63
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
44
64
|
error = _useState2[0],
|
|
45
65
|
setError = _useState2[1];
|
|
46
66
|
|
|
47
67
|
var _useState3 = (0, _react.useState)({}),
|
|
48
|
-
_useState4 = (
|
|
68
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
49
69
|
initialValue = _useState4[0],
|
|
50
70
|
setInitialValue = _useState4[1];
|
|
51
71
|
|
|
52
72
|
var _useState5 = (0, _react.useState)({}),
|
|
53
|
-
_useState6 = (
|
|
73
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
54
74
|
touched = _useState6[0],
|
|
55
75
|
setTouched = _useState6[1];
|
|
56
76
|
|
|
57
77
|
var _useState7 = (0, _react.useState)({}),
|
|
58
|
-
_useState8 = (
|
|
78
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
59
79
|
values = _useState8[0],
|
|
60
80
|
setValues = _useState8[1];
|
|
61
81
|
|
|
@@ -99,7 +119,8 @@ var Form = function Form(_ref) {
|
|
|
99
119
|
|
|
100
120
|
var handleChange = function handleChange(field, fieldValue) {
|
|
101
121
|
setValues(function () {
|
|
102
|
-
var nextValues = (
|
|
122
|
+
var nextValues = _objectSpread(_objectSpread({}, values), {}, _defineProperty({}, field, fieldValue));
|
|
123
|
+
|
|
103
124
|
handleError(nextValues);
|
|
104
125
|
return nextValues;
|
|
105
126
|
});
|
|
@@ -127,7 +148,7 @@ var Form = function Form(_ref) {
|
|
|
127
148
|
};
|
|
128
149
|
|
|
129
150
|
var handleFocus = function handleFocus(field, event) {
|
|
130
|
-
setTouched((
|
|
151
|
+
setTouched(_objectSpread(_objectSpread({}, touched), {}, _defineProperty({}, field, true)));
|
|
131
152
|
if (onFocus) onFocus(field, event);
|
|
132
153
|
};
|
|
133
154
|
|
|
@@ -158,9 +179,9 @@ var Form = function Form(_ref) {
|
|
|
158
179
|
|
|
159
180
|
var type = props.type;
|
|
160
181
|
var field = (0, _helpers.getField)(props);
|
|
161
|
-
return /*#__PURE__*/_react.default.cloneElement(child, (
|
|
182
|
+
return /*#__PURE__*/_react.default.cloneElement(child, _objectSpread({
|
|
162
183
|
key: index
|
|
163
|
-
}, field ? (
|
|
184
|
+
}, field ? _objectSpread(_objectSpread(_objectSpread({}, props), schema[field]), {}, {
|
|
164
185
|
error: props.error ? props.error : showErrors && error[field],
|
|
165
186
|
onBlur: onBlur ? function (event) {
|
|
166
187
|
return onBlur(field, event);
|
|
@@ -171,7 +192,7 @@ var Form = function Form(_ref) {
|
|
|
171
192
|
onFocus: function onFocus(event) {
|
|
172
193
|
return handleFocus(field, event);
|
|
173
194
|
}
|
|
174
|
-
}) : type === 'submit' ? (
|
|
195
|
+
}) : type === 'submit' ? _objectSpread(_objectSpread({}, props), {}, {
|
|
175
196
|
onPress: handleSubmit
|
|
176
197
|
}) : undefined));
|
|
177
198
|
}));
|
|
@@ -181,4 +202,16 @@ var Form = function Form(_ref) {
|
|
|
181
202
|
|
|
182
203
|
exports.Form = Form;
|
|
183
204
|
Form.displayName = 'Component:Form';
|
|
205
|
+
Form.propTypes = {
|
|
206
|
+
children: _propTypes.default.node,
|
|
207
|
+
debounce: _propTypes.default.number,
|
|
208
|
+
schema: _propTypes.default.shape({}),
|
|
209
|
+
showErrors: _propTypes.default.bool,
|
|
210
|
+
validateOnMount: _propTypes.default.bool,
|
|
211
|
+
onBlur: _propTypes.default.func,
|
|
212
|
+
onChange: _propTypes.default.func,
|
|
213
|
+
onError: _propTypes.default.func,
|
|
214
|
+
onFocus: _propTypes.default.func,
|
|
215
|
+
onSubmit: _propTypes.default.func
|
|
216
|
+
};
|
|
184
217
|
//# sourceMappingURL=Form.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Form.js","names":["Form","children","debounce","schema","showErrors","validateOnMount","onBlur","onChange","onError","onFocus","onSubmit","others","error","setError","initialValue","setInitialValue","touched","setTouched","values","setValues","nextValues","nextChildrenKeys","Object","keys","sort","JSON","stringify","nextError","timer","setTimeout","value","clearTimeout","handleChange","field","fieldValue","handleError","hasError","length","changed","errors","handleFocus","event","handleSubmit","preventDefault","style","React","Children","map","child","index","props","type","cloneElement","key","undefined","onPress","displayName"],"sources":["../../../src/components/Form/Form.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { getChildrenErrors, getChildrenValues, getField, groupState } from './helpers';\n\nconst Form = ({\n children,\n debounce = 0,\n schema = {},\n showErrors,\n validateOnMount = false,\n onBlur,\n onChange,\n onError,\n onFocus,\n onSubmit,\n ...others\n}) => {\n const [error, setError] = useState({});\n const [initialValue, setInitialValue] = useState({});\n const [touched, setTouched] = useState({});\n const [values, setValues] = useState({});\n\n useEffect(() => {\n const nextValues = getChildrenValues(children);\n const nextChildrenKeys = Object.keys(nextValues).sort();\n\n if (JSON.stringify(nextChildrenKeys) !== JSON.stringify(Object.keys(initialValue).sort())) {\n setInitialValue(nextValues);\n setValues(nextValues);\n\n if (validateOnMount) {\n const nextError = getChildrenErrors({ children, schema, values: nextValues });\n setError(nextError);\n onError && onError(nextError);\n } else {\n setError({});\n }\n setTouched({});\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [children]);\n\n useEffect(() => {\n if (!onChange || values === initialValue) return;\n\n const timer = setTimeout(() => onChange(values, groupState({ initialValue, value: values, touched })), debounce);\n return () => clearTimeout(timer);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [values]);\n\n const handleChange = (field, fieldValue) => {\n setValues(() => {\n const nextValues = { ...values, [field]: fieldValue };\n\n handleError(nextValues);\n\n return nextValues;\n });\n };\n\n const handleError = (values) => {\n const nextError = getChildrenErrors({ children, schema, values });\n const hasError = Object.keys(nextError).length > 0;\n const changed = JSON.stringify(error) !== JSON.stringify(nextError);\n\n if (changed) {\n setError(nextError);\n onError && onError(nextError, hasError);\n }\n\n return { changed, errors: nextError, hasError };\n };\n\n const handleFocus = (field, event) => {\n setTouched({ ...touched, [field]: true });\n if (onFocus) onFocus(field, event);\n };\n\n const handleSubmit = (event) => {\n const { errors, hasError } = handleError(values);\n\n if (hasError && onError) onError(errors, hasError);\n else if (onSubmit) onSubmit(values, groupState({ initialValue, value: values, touched }), event);\n event.preventDefault();\n };\n\n return useMemo(\n () => (\n <form data-testid={others['data-testid']} style={others.style} onSubmit={handleSubmit}>\n {React.Children.map(children, (child, index) => {\n if (!child || child === null) return;\n\n const { props = {} } = child || {};\n const { type } = props;\n const field = getField(props);\n\n return React.cloneElement(child, {\n key: index,\n ...(field\n ? {\n ...props,\n ...schema[field],\n error: props.error ? props.error : showErrors && error[field],\n onBlur: onBlur ? (event) => onBlur(field, event) : undefined,\n onChange: (value) => handleChange(field, value),\n onFocus: (event) => handleFocus(field, event),\n }\n : type === 'submit'\n ? { ...props, onPress: handleSubmit }\n : undefined),\n });\n })}\n </form>\n ),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [children, error, others, schema],\n );\n};\n\nForm.displayName = 'Component:Form';\n\nForm.propTypes = {\n children: PropTypes.node,\n debounce: PropTypes.number,\n schema: PropTypes.shape({}),\n showErrors: PropTypes.bool,\n validateOnMount: PropTypes.bool,\n onBlur: PropTypes.func,\n onChange: PropTypes.func,\n onError: PropTypes.func,\n onFocus: PropTypes.func,\n onSubmit: PropTypes.func,\n};\n\nexport { Form };\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Form.js","names":["Form","children","debounce","schema","showErrors","validateOnMount","onBlur","onChange","onError","onFocus","onSubmit","others","error","setError","initialValue","setInitialValue","touched","setTouched","values","setValues","nextValues","nextChildrenKeys","Object","keys","sort","JSON","stringify","nextError","timer","setTimeout","value","clearTimeout","handleChange","field","fieldValue","handleError","hasError","length","changed","errors","handleFocus","event","handleSubmit","preventDefault","style","React","Children","map","child","index","props","type","cloneElement","key","undefined","onPress","displayName","propTypes","PropTypes","node","number","shape","bool","func"],"sources":["../../../src/components/Form/Form.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useMemo, useState } from 'react';\n\nimport { getChildrenErrors, getChildrenValues, getField, groupState } from './helpers';\n\nconst Form = ({\n children,\n debounce = 0,\n schema = {},\n showErrors,\n validateOnMount = false,\n onBlur,\n onChange,\n onError,\n onFocus,\n onSubmit,\n ...others\n}) => {\n const [error, setError] = useState({});\n const [initialValue, setInitialValue] = useState({});\n const [touched, setTouched] = useState({});\n const [values, setValues] = useState({});\n\n useEffect(() => {\n const nextValues = getChildrenValues(children);\n const nextChildrenKeys = Object.keys(nextValues).sort();\n\n if (JSON.stringify(nextChildrenKeys) !== JSON.stringify(Object.keys(initialValue).sort())) {\n setInitialValue(nextValues);\n setValues(nextValues);\n\n if (validateOnMount) {\n const nextError = getChildrenErrors({ children, schema, values: nextValues });\n setError(nextError);\n onError && onError(nextError);\n } else {\n setError({});\n }\n setTouched({});\n }\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [children]);\n\n useEffect(() => {\n if (!onChange || values === initialValue) return;\n\n const timer = setTimeout(() => onChange(values, groupState({ initialValue, value: values, touched })), debounce);\n return () => clearTimeout(timer);\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [values]);\n\n const handleChange = (field, fieldValue) => {\n setValues(() => {\n const nextValues = { ...values, [field]: fieldValue };\n\n handleError(nextValues);\n\n return nextValues;\n });\n };\n\n const handleError = (values) => {\n const nextError = getChildrenErrors({ children, schema, values });\n const hasError = Object.keys(nextError).length > 0;\n const changed = JSON.stringify(error) !== JSON.stringify(nextError);\n\n if (changed) {\n setError(nextError);\n onError && onError(nextError, hasError);\n }\n\n return { changed, errors: nextError, hasError };\n };\n\n const handleFocus = (field, event) => {\n setTouched({ ...touched, [field]: true });\n if (onFocus) onFocus(field, event);\n };\n\n const handleSubmit = (event) => {\n const { errors, hasError } = handleError(values);\n\n if (hasError && onError) onError(errors, hasError);\n else if (onSubmit) onSubmit(values, groupState({ initialValue, value: values, touched }), event);\n event.preventDefault();\n };\n\n return useMemo(\n () => (\n <form data-testid={others['data-testid']} style={others.style} onSubmit={handleSubmit}>\n {React.Children.map(children, (child, index) => {\n if (!child || child === null) return;\n\n const { props = {} } = child || {};\n const { type } = props;\n const field = getField(props);\n\n return React.cloneElement(child, {\n key: index,\n ...(field\n ? {\n ...props,\n ...schema[field],\n error: props.error ? props.error : showErrors && error[field],\n onBlur: onBlur ? (event) => onBlur(field, event) : undefined,\n onChange: (value) => handleChange(field, value),\n onFocus: (event) => handleFocus(field, event),\n }\n : type === 'submit'\n ? { ...props, onPress: handleSubmit }\n : undefined),\n });\n })}\n </form>\n ),\n // eslint-disable-next-line react-hooks/exhaustive-deps\n [children, error, others, schema],\n );\n};\n\nForm.displayName = 'Component:Form';\n\nForm.propTypes = {\n children: PropTypes.node,\n debounce: PropTypes.number,\n schema: PropTypes.shape({}),\n showErrors: PropTypes.bool,\n validateOnMount: PropTypes.bool,\n onBlur: PropTypes.func,\n onChange: PropTypes.func,\n onError: PropTypes.func,\n onFocus: PropTypes.func,\n onSubmit: PropTypes.func,\n};\n\nexport { Form };\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,IAAMA,IAAI,GAAG,SAAPA,IAAO,OAYP;EAAA,IAXJC,QAWI,QAXJA,QAWI;EAAA,yBAVJC,QAUI;EAAA,IAVJA,QAUI,8BAVO,CAUP;EAAA,uBATJC,MASI;EAAA,IATJA,MASI,4BATK,EASL;EAAA,IARJC,UAQI,QARJA,UAQI;EAAA,gCAPJC,eAOI;EAAA,IAPJA,eAOI,qCAPc,KAOd;EAAA,IANJC,MAMI,QANJA,MAMI;EAAA,IALJC,QAKI,QALJA,QAKI;EAAA,IAJJC,OAII,QAJJA,OAII;EAAA,IAHJC,OAGI,QAHJA,OAGI;EAAA,IAFJC,QAEI,QAFJA,QAEI;EAAA,IADDC,MACC;;EACJ,gBAA0B,qBAAS,EAAT,CAA1B;EAAA;EAAA,IAAOC,KAAP;EAAA,IAAcC,QAAd;;EACA,iBAAwC,qBAAS,EAAT,CAAxC;EAAA;EAAA,IAAOC,YAAP;EAAA,IAAqBC,eAArB;;EACA,iBAA8B,qBAAS,EAAT,CAA9B;EAAA;EAAA,IAAOC,OAAP;EAAA,IAAgBC,UAAhB;;EACA,iBAA4B,qBAAS,EAAT,CAA5B;EAAA;EAAA,IAAOC,MAAP;EAAA,IAAeC,SAAf;;EAEA,sBAAU,YAAM;IACd,IAAMC,UAAU,GAAG,gCAAkBnB,QAAlB,CAAnB;IACA,IAAMoB,gBAAgB,GAAGC,MAAM,CAACC,IAAP,CAAYH,UAAZ,EAAwBI,IAAxB,EAAzB;;IAEA,IAAIC,IAAI,CAACC,SAAL,CAAeL,gBAAf,MAAqCI,IAAI,CAACC,SAAL,CAAeJ,MAAM,CAACC,IAAP,CAAYT,YAAZ,EAA0BU,IAA1B,EAAf,CAAzC,EAA2F;MACzFT,eAAe,CAACK,UAAD,CAAf;MACAD,SAAS,CAACC,UAAD,CAAT;;MAEA,IAAIf,eAAJ,EAAqB;QACnB,IAAMsB,SAAS,GAAG,gCAAkB;UAAE1B,QAAQ,EAARA,QAAF;UAAYE,MAAM,EAANA,MAAZ;UAAoBe,MAAM,EAAEE;QAA5B,CAAlB,CAAlB;QACAP,QAAQ,CAACc,SAAD,CAAR;QACAnB,OAAO,IAAIA,OAAO,CAACmB,SAAD,CAAlB;MACD,CAJD,MAIO;QACLd,QAAQ,CAAC,EAAD,CAAR;MACD;;MACDI,UAAU,CAAC,EAAD,CAAV;IACD,CAhBa,CAiBd;;EACD,CAlBD,EAkBG,CAAChB,QAAD,CAlBH;EAoBA,sBAAU,YAAM;IACd,IAAI,CAACM,QAAD,IAAaW,MAAM,KAAKJ,YAA5B,EAA0C;IAE1C,IAAMc,KAAK,GAAGC,UAAU,CAAC;MAAA,OAAMtB,QAAQ,CAACW,MAAD,EAAS,yBAAW;QAAEJ,YAAY,EAAZA,YAAF;QAAgBgB,KAAK,EAAEZ,MAAvB;QAA+BF,OAAO,EAAPA;MAA/B,CAAX,CAAT,CAAd;IAAA,CAAD,EAA+Ed,QAA/E,CAAxB;IACA,OAAO;MAAA,OAAM6B,YAAY,CAACH,KAAD,CAAlB;IAAA,CAAP,CAJc,CAKd;EACD,CAND,EAMG,CAACV,MAAD,CANH;;EAQA,IAAMc,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAQC,UAAR,EAAuB;IAC1Cf,SAAS,CAAC,YAAM;MACd,IAAMC,UAAU,mCAAQF,MAAR,2BAAiBe,KAAjB,EAAyBC,UAAzB,EAAhB;;MAEAC,WAAW,CAACf,UAAD,CAAX;MAEA,OAAOA,UAAP;IACD,CANQ,CAAT;EAOD,CARD;;EAUA,IAAMe,WAAW,GAAG,SAAdA,WAAc,CAACjB,MAAD,EAAY;IAC9B,IAAMS,SAAS,GAAG,gCAAkB;MAAE1B,QAAQ,EAARA,QAAF;MAAYE,MAAM,EAANA,MAAZ;MAAoBe,MAAM,EAANA;IAApB,CAAlB,CAAlB;IACA,IAAMkB,QAAQ,GAAGd,MAAM,CAACC,IAAP,CAAYI,SAAZ,EAAuBU,MAAvB,GAAgC,CAAjD;IACA,IAAMC,OAAO,GAAGb,IAAI,CAACC,SAAL,CAAed,KAAf,MAA0Ba,IAAI,CAACC,SAAL,CAAeC,SAAf,CAA1C;;IAEA,IAAIW,OAAJ,EAAa;MACXzB,QAAQ,CAACc,SAAD,CAAR;MACAnB,OAAO,IAAIA,OAAO,CAACmB,SAAD,EAAYS,QAAZ,CAAlB;IACD;;IAED,OAAO;MAAEE,OAAO,EAAPA,OAAF;MAAWC,MAAM,EAAEZ,SAAnB;MAA8BS,QAAQ,EAARA;IAA9B,CAAP;EACD,CAXD;;EAaA,IAAMI,WAAW,GAAG,SAAdA,WAAc,CAACP,KAAD,EAAQQ,KAAR,EAAkB;IACpCxB,UAAU,iCAAMD,OAAN,2BAAgBiB,KAAhB,EAAwB,IAAxB,GAAV;IACA,IAAIxB,OAAJ,EAAaA,OAAO,CAACwB,KAAD,EAAQQ,KAAR,CAAP;EACd,CAHD;;EAKA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACD,KAAD,EAAW;IAC9B,mBAA6BN,WAAW,CAACjB,MAAD,CAAxC;IAAA,IAAQqB,MAAR,gBAAQA,MAAR;IAAA,IAAgBH,QAAhB,gBAAgBA,QAAhB;;IAEA,IAAIA,QAAQ,IAAI5B,OAAhB,EAAyBA,OAAO,CAAC+B,MAAD,EAASH,QAAT,CAAP,CAAzB,KACK,IAAI1B,QAAJ,EAAcA,QAAQ,CAACQ,MAAD,EAAS,yBAAW;MAAEJ,YAAY,EAAZA,YAAF;MAAgBgB,KAAK,EAAEZ,MAAvB;MAA+BF,OAAO,EAAPA;IAA/B,CAAX,CAAT,EAA+DyB,KAA/D,CAAR;IACnBA,KAAK,CAACE,cAAN;EACD,CAND;;EAQA,OAAO,oBACL;IAAA,oBACE;MAAM,eAAahC,MAAM,CAAC,aAAD,CAAzB;MAA0C,KAAK,EAAEA,MAAM,CAACiC,KAAxD;MAA+D,QAAQ,EAAEF;IAAzE,GACGG,eAAMC,QAAN,CAAeC,GAAf,CAAmB9C,QAAnB,EAA6B,UAAC+C,KAAD,EAAQC,KAAR,EAAkB;MAC9C,IAAI,CAACD,KAAD,IAAUA,KAAK,KAAK,IAAxB,EAA8B;;MAE9B,YAAuBA,KAAK,IAAI,EAAhC;MAAA,wBAAQE,KAAR;MAAA,IAAQA,KAAR,4BAAgB,EAAhB;;MACA,IAAQC,IAAR,GAAiBD,KAAjB,CAAQC,IAAR;MACA,IAAMlB,KAAK,GAAG,uBAASiB,KAAT,CAAd;MAEA,oBAAOL,eAAMO,YAAN,CAAmBJ,KAAnB;QACLK,GAAG,EAAEJ;MADA,GAEDhB,KAAK,iDAEAiB,KAFA,GAGA/C,MAAM,CAAC8B,KAAD,CAHN;QAIHrB,KAAK,EAAEsC,KAAK,CAACtC,KAAN,GAAcsC,KAAK,CAACtC,KAApB,GAA4BR,UAAU,IAAIQ,KAAK,CAACqB,KAAD,CAJnD;QAKH3B,MAAM,EAAEA,MAAM,GAAG,UAACmC,KAAD;UAAA,OAAWnC,MAAM,CAAC2B,KAAD,EAAQQ,KAAR,CAAjB;QAAA,CAAH,GAAqCa,SALhD;QAMH/C,QAAQ,EAAE,kBAACuB,KAAD;UAAA,OAAWE,YAAY,CAACC,KAAD,EAAQH,KAAR,CAAvB;QAAA,CANP;QAOHrB,OAAO,EAAE,iBAACgC,KAAD;UAAA,OAAWD,WAAW,CAACP,KAAD,EAAQQ,KAAR,CAAtB;QAAA;MAPN,KASLU,IAAI,KAAK,QAAT,mCACKD,KADL;QACYK,OAAO,EAAEb;MADrB,KAEAY,SAbC,EAAP;IAeD,CAtBA,CADH,CADF;EAAA,CADK,EA4BL;EACA,CAACrD,QAAD,EAAWW,KAAX,EAAkBD,MAAlB,EAA0BR,MAA1B,CA7BK,CAAP;AA+BD,CAjHD;;;AAmHAH,IAAI,CAACwD,WAAL,GAAmB,gBAAnB;AAEAxD,IAAI,CAACyD,SAAL,GAAiB;EACfxD,QAAQ,EAAEyD,mBAAUC,IADL;EAEfzD,QAAQ,EAAEwD,mBAAUE,MAFL;EAGfzD,MAAM,EAAEuD,mBAAUG,KAAV,CAAgB,EAAhB,CAHO;EAIfzD,UAAU,EAAEsD,mBAAUI,IAJP;EAKfzD,eAAe,EAAEqD,mBAAUI,IALZ;EAMfxD,MAAM,EAAEoD,mBAAUK,IANH;EAOfxD,QAAQ,EAAEmD,mBAAUK,IAPL;EAQfvD,OAAO,EAAEkD,mBAAUK,IARJ;EASftD,OAAO,EAAEiD,mBAAUK,IATJ;EAUfrD,QAAQ,EAAEgD,mBAAUK;AAVL,CAAjB"}
|
|
@@ -1,20 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.getChildrenErrors = void 0;
|
|
9
7
|
|
|
10
|
-
var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
|
|
11
|
-
|
|
12
8
|
var _react = _interopRequireDefault(require("react"));
|
|
13
9
|
|
|
14
10
|
var _helpers = require("../../../helpers");
|
|
15
11
|
|
|
16
12
|
var _getField = require("./getField");
|
|
17
13
|
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
17
|
+
|
|
18
|
+
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
19
|
+
|
|
20
|
+
function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
21
|
+
|
|
18
22
|
var getChildrenErrors = function getChildrenErrors() {
|
|
19
23
|
var _ref = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {},
|
|
20
24
|
children = _ref.children,
|
|
@@ -33,7 +37,7 @@ var getChildrenErrors = function getChildrenErrors() {
|
|
|
33
37
|
var field = (0, _getField.getField)(props);
|
|
34
38
|
|
|
35
39
|
if (field) {
|
|
36
|
-
var inputErrors = (0, _helpers.getInputErrors)((
|
|
40
|
+
var inputErrors = (0, _helpers.getInputErrors)(_objectSpread(_objectSpread(_objectSpread({}, props), schema[field]), {}, {
|
|
37
41
|
value: values[field]
|
|
38
42
|
}));
|
|
39
43
|
if (inputErrors) errors[field] = inputErrors;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getChildrenErrors.js","names":["getChildrenErrors","children","schema","values","errors","React","Children","forEach","props","field","inputErrors","value"],"sources":["../../../../src/components/Form/helpers/getChildrenErrors.js"],"sourcesContent":["import React from 'react';\n\nimport { getInputErrors } from '../../../helpers';\nimport { getField } from './getField';\n\nexport const getChildrenErrors = ({ children, schema = {}, values = {} } = {}) => {\n const errors = {};\n\n React.Children.forEach(children, ({ props = {} } = {}) => {\n const field = getField(props);\n\n if (field) {\n const inputErrors = getInputErrors({ ...props, ...schema[field], value: values[field] });\n if (inputErrors) errors[field] = inputErrors;\n }\n });\n\n return errors;\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"getChildrenErrors.js","names":["getChildrenErrors","children","schema","values","errors","React","Children","forEach","props","field","inputErrors","value"],"sources":["../../../../src/components/Form/helpers/getChildrenErrors.js"],"sourcesContent":["import React from 'react';\n\nimport { getInputErrors } from '../../../helpers';\nimport { getField } from './getField';\n\nexport const getChildrenErrors = ({ children, schema = {}, values = {} } = {}) => {\n const errors = {};\n\n React.Children.forEach(children, ({ props = {} } = {}) => {\n const field = getField(props);\n\n if (field) {\n const inputErrors = getInputErrors({ ...props, ...schema[field], value: values[field] });\n if (inputErrors) errors[field] = inputErrors;\n }\n });\n\n return errors;\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;AACA;;;;;;;;;;AAEO,IAAMA,iBAAiB,GAAG,SAApBA,iBAAoB,GAAiD;EAAA,+EAAP,EAAO;EAAA,IAA9CC,QAA8C,QAA9CA,QAA8C;EAAA,uBAApCC,MAAoC;EAAA,IAApCA,MAAoC,4BAA3B,EAA2B;EAAA,uBAAvBC,MAAuB;EAAA,IAAvBA,MAAuB,4BAAd,EAAc;;EAChF,IAAMC,MAAM,GAAG,EAAf;;EAEAC,eAAMC,QAAN,CAAeC,OAAf,CAAuBN,QAAvB,EAAiC,YAAyB;IAAA,gFAAP,EAAO;IAAA,wBAAtBO,KAAsB;IAAA,IAAtBA,KAAsB,4BAAd,EAAc;;IACxD,IAAMC,KAAK,GAAG,wBAASD,KAAT,CAAd;;IAEA,IAAIC,KAAJ,EAAW;MACT,IAAMC,WAAW,GAAG,2EAAoBF,KAApB,GAA8BN,MAAM,CAACO,KAAD,CAApC;QAA6CE,KAAK,EAAER,MAAM,CAACM,KAAD;MAA1D,GAApB;MACA,IAAIC,WAAJ,EAAiBN,MAAM,CAACK,KAAD,CAAN,GAAgBC,WAAhB;IAClB;EACF,CAPD;;EASA,OAAON,MAAP;AACD,CAbM"}
|
|
@@ -1,19 +1,22 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.getChildrenValues = void 0;
|
|
9
7
|
|
|
10
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
11
|
-
|
|
12
8
|
var _react = _interopRequireDefault(require("react"));
|
|
13
9
|
|
|
14
10
|
var _getField = require("./getField");
|
|
15
11
|
|
|
16
12
|
var _excluded = ["checked", "defaultChecked", "defaultValue", "type", "value"];
|
|
13
|
+
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
16
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
17
|
+
|
|
18
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
19
|
+
|
|
17
20
|
var BOOLEAN_TYPES = ['checkbox', 'radio'];
|
|
18
21
|
|
|
19
22
|
var getChildrenValues = function getChildrenValues(children) {
|
|
@@ -24,6 +27,7 @@ var getChildrenValues = function getChildrenValues(children) {
|
|
|
24
27
|
_ref$props = _ref.props;
|
|
25
28
|
|
|
26
29
|
_ref$props = _ref$props === void 0 ? {} : _ref$props;
|
|
30
|
+
|
|
27
31
|
var _ref$props$checked = _ref$props.checked,
|
|
28
32
|
checked = _ref$props$checked === void 0 ? false : _ref$props$checked,
|
|
29
33
|
_ref$props$defaultChe = _ref$props.defaultChecked,
|
|
@@ -34,7 +38,8 @@ var getChildrenValues = function getChildrenValues(children) {
|
|
|
34
38
|
type = _ref$props$type === void 0 ? undefined : _ref$props$type,
|
|
35
39
|
_ref$props$value = _ref$props.value,
|
|
36
40
|
value = _ref$props$value === void 0 ? undefined : _ref$props$value,
|
|
37
|
-
props = (
|
|
41
|
+
props = _objectWithoutProperties(_ref$props, _excluded);
|
|
42
|
+
|
|
38
43
|
var field = (0, _getField.getField)(props);
|
|
39
44
|
if (field) values[field] = BOOLEAN_TYPES.includes(type) ? checked || defaultChecked : value || defaultValue;
|
|
40
45
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"getChildrenValues.js","names":["BOOLEAN_TYPES","getChildrenValues","children","values","React","Children","forEach","props","checked","defaultChecked","defaultValue","undefined","type","value","field","includes"],"sources":["../../../../src/components/Form/helpers/getChildrenValues.js"],"sourcesContent":["import React from 'react';\n\nimport { getField } from './getField';\n\nconst BOOLEAN_TYPES = ['checkbox', 'radio'];\n\nexport const getChildrenValues = (children) => {\n const values = {};\n\n React.Children.forEach(\n children,\n ({\n props: {\n checked = false,\n defaultChecked = false,\n defaultValue = undefined,\n type = undefined,\n value = undefined,\n ...props\n } = {},\n } = {}) => {\n const field = getField(props);\n if (field) values[field] = BOOLEAN_TYPES.includes(type) ? checked || defaultChecked : value || defaultValue;\n },\n );\n\n return values;\n};\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"getChildrenValues.js","names":["BOOLEAN_TYPES","getChildrenValues","children","values","React","Children","forEach","props","checked","defaultChecked","defaultValue","undefined","type","value","field","includes"],"sources":["../../../../src/components/Form/helpers/getChildrenValues.js"],"sourcesContent":["import React from 'react';\n\nimport { getField } from './getField';\n\nconst BOOLEAN_TYPES = ['checkbox', 'radio'];\n\nexport const getChildrenValues = (children) => {\n const values = {};\n\n React.Children.forEach(\n children,\n ({\n props: {\n checked = false,\n defaultChecked = false,\n defaultValue = undefined,\n type = undefined,\n value = undefined,\n ...props\n } = {},\n } = {}) => {\n const field = getField(props);\n if (field) values[field] = BOOLEAN_TYPES.includes(type) ? checked || defaultChecked : value || defaultValue;\n },\n );\n\n return values;\n};\n"],"mappings":";;;;;;;AAAA;;AAEA;;;;;;;;;;AAEA,IAAMA,aAAa,GAAG,CAAC,UAAD,EAAa,OAAb,CAAtB;;AAEO,IAAMC,iBAAiB,GAAG,SAApBA,iBAAoB,CAACC,QAAD,EAAc;EAC7C,IAAMC,MAAM,GAAG,EAAf;;EAEAC,eAAMC,QAAN,CAAeC,OAAf,CACEJ,QADF,EAEE,YASW;IAAA,+EAAP,EAAO;IAAA,sBARTK,KAQS;;IAAA,qCADL,EACK;;IAAA,oCAPPC,OAOO;IAAA,IAPPA,OAOO,mCAPG,KAOH;IAAA,uCANPC,cAMO;IAAA,IANPA,cAMO,sCANU,KAMV;IAAA,uCALPC,YAKO;IAAA,IALPA,YAKO,sCALQC,SAKR;IAAA,iCAJPC,IAIO;IAAA,IAJPA,IAIO,gCAJAD,SAIA;IAAA,kCAHPE,KAGO;IAAA,IAHPA,KAGO,iCAHCF,SAGD;IAAA,IAFJJ,KAEI;;IACT,IAAMO,KAAK,GAAG,wBAASP,KAAT,CAAd;IACA,IAAIO,KAAJ,EAAWX,MAAM,CAACW,KAAD,CAAN,GAAgBd,aAAa,CAACe,QAAd,CAAuBH,IAAvB,IAA+BJ,OAAO,IAAIC,cAA1C,GAA2DI,KAAK,IAAIH,YAApF;EACZ,CAdH;;EAiBA,OAAOP,MAAP;AACD,CArBM"}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.InputNumber = void 0;
|
|
9
7
|
|
|
10
|
-
var
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
9
|
|
|
12
10
|
var _react = _interopRequireDefault(require("react"));
|
|
13
11
|
|
|
@@ -21,6 +19,14 @@ var _InputNumberModule = _interopRequireDefault(require("./InputNumber.module.cs
|
|
|
21
19
|
|
|
22
20
|
var _excluded = ["disabled", "hint", "label", "max", "min", "name", "step", "value", "onChange"];
|
|
23
21
|
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
+
|
|
24
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
|
+
|
|
26
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
27
|
+
|
|
28
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
29
|
+
|
|
24
30
|
var InputNumber = function InputNumber(_ref) {
|
|
25
31
|
var disabled = _ref.disabled,
|
|
26
32
|
hint = _ref.hint,
|
|
@@ -35,8 +41,9 @@ var InputNumber = function InputNumber(_ref) {
|
|
|
35
41
|
value = _ref$value === void 0 ? 0 : _ref$value,
|
|
36
42
|
_ref$onChange = _ref.onChange,
|
|
37
43
|
onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
|
38
|
-
others = (
|
|
39
|
-
|
|
44
|
+
others = _objectWithoutProperties(_ref, _excluded);
|
|
45
|
+
|
|
46
|
+
return /*#__PURE__*/_react.default.createElement(_primitives.View, _extends({}, others, {
|
|
40
47
|
row: true,
|
|
41
48
|
className: (0, _helpers.styles)(_InputNumberModule.default.inputNumber, others.className)
|
|
42
49
|
}), /*#__PURE__*/_react.default.createElement(_primitives.View, {
|
|
@@ -49,6 +56,7 @@ var InputNumber = function InputNumber(_ref) {
|
|
|
49
56
|
}, hint)), /*#__PURE__*/_react.default.createElement(_Button.Button, {
|
|
50
57
|
disabled: disabled || value <= min,
|
|
51
58
|
outlined: true,
|
|
59
|
+
preventDefault: true,
|
|
52
60
|
squared: true,
|
|
53
61
|
onPress: function onPress() {
|
|
54
62
|
return onChange(value - step, name);
|
|
@@ -60,6 +68,7 @@ var InputNumber = function InputNumber(_ref) {
|
|
|
60
68
|
}, typeof value === 'number' ? value : min), /*#__PURE__*/_react.default.createElement(_Button.Button, {
|
|
61
69
|
disabled: disabled || value >= max,
|
|
62
70
|
outlined: true,
|
|
71
|
+
preventDefault: true,
|
|
63
72
|
squared: true,
|
|
64
73
|
onPress: function onPress() {
|
|
65
74
|
return onChange(value + step, name);
|
|
@@ -70,4 +79,15 @@ var InputNumber = function InputNumber(_ref) {
|
|
|
70
79
|
};
|
|
71
80
|
|
|
72
81
|
exports.InputNumber = InputNumber;
|
|
82
|
+
InputNumber.propTypes = {
|
|
83
|
+
disabled: _propTypes.default.bool,
|
|
84
|
+
hint: _propTypes.default.string,
|
|
85
|
+
label: _propTypes.default.string,
|
|
86
|
+
max: _propTypes.default.number,
|
|
87
|
+
min: _propTypes.default.number,
|
|
88
|
+
name: _propTypes.default.string.isRequired,
|
|
89
|
+
step: _propTypes.default.number,
|
|
90
|
+
value: _propTypes.default.number,
|
|
91
|
+
onChange: _propTypes.default.func
|
|
92
|
+
};
|
|
73
93
|
//# sourceMappingURL=InputNumber.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","step","value","onChange","others","style","inputNumber","className","texts"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport style from './InputNumber.module.css';\n\nexport const InputNumber = ({\n disabled,\n hint,\n label,\n max,\n min = 0,\n name,\n step = 1,\n value = 0,\n onChange = () => {},\n ...others\n}) => (\n <View {...others} row className={styles(style.inputNumber, others.className)}>\n <View className={style.texts}>\n {label && <Text className={disabled && style.disabled}>{label}</Text>}\n {hint && (\n <Text small className={styles(style.hint, disabled && style.disabled)}>\n {hint}\n </Text>\n )}\n </View>\n <Button
|
|
1
|
+
{"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","step","value","onChange","others","style","inputNumber","className","texts","propTypes","PropTypes","bool","string","number","isRequired","func"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport style from './InputNumber.module.css';\n\nexport const InputNumber = ({\n disabled,\n hint,\n label,\n max,\n min = 0,\n name,\n step = 1,\n value = 0,\n onChange = () => {},\n ...others\n}) => (\n <View {...others} row className={styles(style.inputNumber, others.className)}>\n <View className={style.texts}>\n {label && <Text className={disabled && style.disabled}>{label}</Text>}\n {hint && (\n <Text small className={styles(style.hint, disabled && style.disabled)}>\n {hint}\n </Text>\n )}\n </View>\n <Button\n disabled={disabled || value <= min}\n outlined\n preventDefault\n squared\n onPress={() => onChange(value - step, name)}\n >\n <Icon name=\"Minus\" />\n </Button>\n <Text className={style.value}>{typeof value === 'number' ? value : min}</Text>\n <Button\n disabled={disabled || value >= max}\n outlined\n preventDefault\n squared\n onPress={() => onChange(value + step, name)}\n >\n <Icon name=\"Plus\" />\n </Button>\n </View>\n);\n\nInputNumber.propTypes = {\n disabled: PropTypes.bool,\n hint: PropTypes.string,\n label: PropTypes.string,\n max: PropTypes.number,\n min: PropTypes.number,\n name: PropTypes.string.isRequired,\n step: PropTypes.number,\n value: PropTypes.number,\n onChange: PropTypes.func,\n};\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEO,IAAMA,WAAW,GAAG,SAAdA,WAAc;EAAA,IACzBC,QADyB,QACzBA,QADyB;EAAA,IAEzBC,IAFyB,QAEzBA,IAFyB;EAAA,IAGzBC,KAHyB,QAGzBA,KAHyB;EAAA,IAIzBC,GAJyB,QAIzBA,GAJyB;EAAA,oBAKzBC,GALyB;EAAA,IAKzBA,GALyB,yBAKnB,CALmB;EAAA,IAMzBC,IANyB,QAMzBA,IANyB;EAAA,qBAOzBC,IAPyB;EAAA,IAOzBA,IAPyB,0BAOlB,CAPkB;EAAA,sBAQzBC,KARyB;EAAA,IAQzBA,KARyB,2BAQjB,CARiB;EAAA,yBASzBC,QATyB;EAAA,IASzBA,QATyB,8BASd,YAAM,CAAE,CATM;EAAA,IAUtBC,MAVsB;;EAAA,oBAYzB,6BAAC,gBAAD,eAAUA,MAAV;IAAkB,GAAG,MAArB;IAAsB,SAAS,EAAE,qBAAOC,2BAAMC,WAAb,EAA0BF,MAAM,CAACG,SAAjC;EAAjC,iBACE,6BAAC,gBAAD;IAAM,SAAS,EAAEF,2BAAMG;EAAvB,GACGX,KAAK,iBAAI,6BAAC,gBAAD;IAAM,SAAS,EAAEF,QAAQ,IAAIU,2BAAMV;EAAnC,GAA8CE,KAA9C,CADZ,EAEGD,IAAI,iBACH,6BAAC,gBAAD;IAAM,KAAK,MAAX;IAAY,SAAS,EAAE,qBAAOS,2BAAMT,IAAb,EAAmBD,QAAQ,IAAIU,2BAAMV,QAArC;EAAvB,GACGC,IADH,CAHJ,CADF,eASE,6BAAC,cAAD;IACE,QAAQ,EAAED,QAAQ,IAAIO,KAAK,IAAIH,GADjC;IAEE,QAAQ,MAFV;IAGE,cAAc,MAHhB;IAIE,OAAO,MAJT;IAKE,OAAO,EAAE;MAAA,OAAMI,QAAQ,CAACD,KAAK,GAAGD,IAAT,EAAeD,IAAf,CAAd;IAAA;EALX,gBAOE,6BAAC,gBAAD;IAAM,IAAI,EAAC;EAAX,EAPF,CATF,eAkBE,6BAAC,gBAAD;IAAM,SAAS,EAAEK,2BAAMH;EAAvB,GAA+B,OAAOA,KAAP,KAAiB,QAAjB,GAA4BA,KAA5B,GAAoCH,GAAnE,CAlBF,eAmBE,6BAAC,cAAD;IACE,QAAQ,EAAEJ,QAAQ,IAAIO,KAAK,IAAIJ,GADjC;IAEE,QAAQ,MAFV;IAGE,cAAc,MAHhB;IAIE,OAAO,MAJT;IAKE,OAAO,EAAE;MAAA,OAAMK,QAAQ,CAACD,KAAK,GAAGD,IAAT,EAAeD,IAAf,CAAd;IAAA;EALX,gBAOE,6BAAC,gBAAD;IAAM,IAAI,EAAC;EAAX,EAPF,CAnBF,CAZyB;AAAA,CAApB;;;AA2CPN,WAAW,CAACe,SAAZ,GAAwB;EACtBd,QAAQ,EAAEe,mBAAUC,IADE;EAEtBf,IAAI,EAAEc,mBAAUE,MAFM;EAGtBf,KAAK,EAAEa,mBAAUE,MAHK;EAItBd,GAAG,EAAEY,mBAAUG,MAJO;EAKtBd,GAAG,EAAEW,mBAAUG,MALO;EAMtBb,IAAI,EAAEU,mBAAUE,MAAV,CAAiBE,UAND;EAOtBb,IAAI,EAAES,mBAAUG,MAPM;EAQtBX,KAAK,EAAEQ,mBAAUG,MARK;EAStBV,QAAQ,EAAEO,mBAAUK;AATE,CAAxB"}
|
|
@@ -1,13 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.InputOption = void 0;
|
|
9
7
|
|
|
10
|
-
var
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
11
9
|
|
|
12
10
|
var _react = _interopRequireDefault(require("react"));
|
|
13
11
|
|
|
@@ -21,6 +19,14 @@ var _InputOptionModule = _interopRequireDefault(require("./InputOption.module.cs
|
|
|
21
19
|
|
|
22
20
|
var _excluded = ["checked", "disabled", "label", "name", "reverse", "type", "value", "onChange"];
|
|
23
21
|
|
|
22
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
+
|
|
24
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
25
|
+
|
|
26
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
27
|
+
|
|
28
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
29
|
+
|
|
24
30
|
var InputOption = function InputOption(_ref) {
|
|
25
31
|
var checked = _ref.checked,
|
|
26
32
|
disabled = _ref.disabled,
|
|
@@ -33,14 +39,15 @@ var InputOption = function InputOption(_ref) {
|
|
|
33
39
|
value = _ref$value === void 0 ? '' : _ref$value,
|
|
34
40
|
_ref$onChange = _ref.onChange,
|
|
35
41
|
onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
|
|
36
|
-
others = (
|
|
42
|
+
others = _objectWithoutProperties(_ref, _excluded);
|
|
43
|
+
|
|
37
44
|
var Primitive = type === _InputOption.CHECKBOX ? _primitives.Checkbox : type === _InputOption.RADIO ? _primitives.Radio : _primitives.Switch;
|
|
38
45
|
|
|
39
46
|
var handleChange = function handleChange(event) {
|
|
40
47
|
onChange(type === _InputOption.CHECKBOX ? !checked : value, event);
|
|
41
48
|
};
|
|
42
49
|
|
|
43
|
-
return /*#__PURE__*/_react.default.createElement(_primitives.Pressable,
|
|
50
|
+
return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _extends({}, others, {
|
|
44
51
|
style: others.style,
|
|
45
52
|
className: (0, _helpers.styles)(_InputOptionModule.default.inputOption, reverse && _InputOptionModule.default.reverse, others.className),
|
|
46
53
|
onPress: handleChange
|
|
@@ -60,4 +67,14 @@ var InputOption = function InputOption(_ref) {
|
|
|
60
67
|
|
|
61
68
|
exports.InputOption = InputOption;
|
|
62
69
|
InputOption.displayName = 'Component:InputOption';
|
|
70
|
+
InputOption.propTypes = {
|
|
71
|
+
checked: _propTypes.default.bool,
|
|
72
|
+
disabled: _propTypes.default.bool,
|
|
73
|
+
label: _propTypes.default.string,
|
|
74
|
+
name: _propTypes.default.string.isRequired,
|
|
75
|
+
reverse: _propTypes.default.bool,
|
|
76
|
+
type: _propTypes.default.oneOf([_InputOption.CHECKBOX, _InputOption.RADIO, _InputOption.SWITCH]),
|
|
77
|
+
value: _propTypes.default.string,
|
|
78
|
+
onChange: _propTypes.default.func
|
|
79
|
+
};
|
|
63
80
|
//# sourceMappingURL=InputOption.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","label","name","reverse","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","style","inputOption","className","icon","undefined","displayName"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Checkbox, Icon, Pressable, Radio, Switch, Text } from '../../primitives';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n checked,\n disabled,\n label,\n name,\n reverse,\n type = CHECKBOX,\n value = '',\n onChange = () => {},\n ...others\n}) => {\n const Primitive = type === CHECKBOX ? Checkbox : type === RADIO ? Radio : Switch;\n\n const handleChange = (event) => {\n onChange(type === CHECKBOX ? !checked : value, event);\n };\n\n return (\n <Pressable\n {...others}\n style={others.style}\n className={styles(style.inputOption, reverse && style.reverse, others.className)}\n onPress={handleChange}\n >\n <Primitive checked={checked} disabled={disabled} name={name} type={type} value={value}>\n {type === CHECKBOX && checked ? <Icon name=\"Check\" className={styles(style.icon)} /> : undefined}\n </Primitive>\n {label && <Text className={styles(style.label, disabled && style.disabled)}>{label}</Text>}\n </Pressable>\n );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n label: PropTypes.string,\n name: PropTypes.string.isRequired,\n reverse: PropTypes.bool,\n type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n value: PropTypes.string,\n onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputOption.js","names":["InputOption","checked","disabled","label","name","reverse","type","CHECKBOX","value","onChange","others","Primitive","Checkbox","RADIO","Radio","Switch","handleChange","event","style","inputOption","className","icon","undefined","displayName","propTypes","PropTypes","bool","string","isRequired","oneOf","SWITCH","func"],"sources":["../../../src/components/InputOption/InputOption.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Checkbox, Icon, Pressable, Radio, Switch, Text } from '../../primitives';\nimport { CHECKBOX, RADIO, SWITCH } from './InputOption.constants';\nimport style from './InputOption.module.css';\n\nconst InputOption = ({\n checked,\n disabled,\n label,\n name,\n reverse,\n type = CHECKBOX,\n value = '',\n onChange = () => {},\n ...others\n}) => {\n const Primitive = type === CHECKBOX ? Checkbox : type === RADIO ? Radio : Switch;\n\n const handleChange = (event) => {\n onChange(type === CHECKBOX ? !checked : value, event);\n };\n\n return (\n <Pressable\n {...others}\n style={others.style}\n className={styles(style.inputOption, reverse && style.reverse, others.className)}\n onPress={handleChange}\n >\n <Primitive checked={checked} disabled={disabled} name={name} type={type} value={value}>\n {type === CHECKBOX && checked ? <Icon name=\"Check\" className={styles(style.icon)} /> : undefined}\n </Primitive>\n {label && <Text className={styles(style.label, disabled && style.disabled)}>{label}</Text>}\n </Pressable>\n );\n};\n\nInputOption.displayName = 'Component:InputOption';\n\nInputOption.propTypes = {\n checked: PropTypes.bool,\n disabled: PropTypes.bool,\n label: PropTypes.string,\n name: PropTypes.string.isRequired,\n reverse: PropTypes.bool,\n type: PropTypes.oneOf([CHECKBOX, RADIO, SWITCH]),\n value: PropTypes.string,\n onChange: PropTypes.func,\n};\n\nexport { InputOption };\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;;;;;;;;;;;AAEA,IAAMA,WAAW,GAAG,SAAdA,WAAc,OAUd;EAAA,IATJC,OASI,QATJA,OASI;EAAA,IARJC,QAQI,QARJA,QAQI;EAAA,IAPJC,KAOI,QAPJA,KAOI;EAAA,IANJC,IAMI,QANJA,IAMI;EAAA,IALJC,OAKI,QALJA,OAKI;EAAA,qBAJJC,IAII;EAAA,IAJJA,IAII,0BAJGC,qBAIH;EAAA,sBAHJC,KAGI;EAAA,IAHJA,KAGI,2BAHI,EAGJ;EAAA,yBAFJC,QAEI;EAAA,IAFJA,QAEI,8BAFO,YAAM,CAAE,CAEf;EAAA,IADDC,MACC;;EACJ,IAAMC,SAAS,GAAGL,IAAI,KAAKC,qBAAT,GAAoBK,oBAApB,GAA+BN,IAAI,KAAKO,kBAAT,GAAiBC,iBAAjB,GAAyBC,kBAA1E;;EAEA,IAAMC,YAAY,GAAG,SAAfA,YAAe,CAACC,KAAD,EAAW;IAC9BR,QAAQ,CAACH,IAAI,KAAKC,qBAAT,GAAoB,CAACN,OAArB,GAA+BO,KAAhC,EAAuCS,KAAvC,CAAR;EACD,CAFD;;EAIA,oBACE,6BAAC,qBAAD,eACMP,MADN;IAEE,KAAK,EAAEA,MAAM,CAACQ,KAFhB;IAGE,SAAS,EAAE,qBAAOA,2BAAMC,WAAb,EAA0Bd,OAAO,IAAIa,2BAAMb,OAA3C,EAAoDK,MAAM,CAACU,SAA3D,CAHb;IAIE,OAAO,EAAEJ;EAJX,iBAME,6BAAC,SAAD;IAAW,OAAO,EAAEf,OAApB;IAA6B,QAAQ,EAAEC,QAAvC;IAAiD,IAAI,EAAEE,IAAvD;IAA6D,IAAI,EAAEE,IAAnE;IAAyE,KAAK,EAAEE;EAAhF,GACGF,IAAI,KAAKC,qBAAT,IAAqBN,OAArB,gBAA+B,6BAAC,gBAAD;IAAM,IAAI,EAAC,OAAX;IAAmB,SAAS,EAAE,qBAAOiB,2BAAMG,IAAb;EAA9B,EAA/B,GAAsFC,SADzF,CANF,EASGnB,KAAK,iBAAI,6BAAC,gBAAD;IAAM,SAAS,EAAE,qBAAOe,2BAAMf,KAAb,EAAoBD,QAAQ,IAAIgB,2BAAMhB,QAAtC;EAAjB,GAAmEC,KAAnE,CATZ,CADF;AAaD,CA9BD;;;AAgCAH,WAAW,CAACuB,WAAZ,GAA0B,uBAA1B;AAEAvB,WAAW,CAACwB,SAAZ,GAAwB;EACtBvB,OAAO,EAAEwB,mBAAUC,IADG;EAEtBxB,QAAQ,EAAEuB,mBAAUC,IAFE;EAGtBvB,KAAK,EAAEsB,mBAAUE,MAHK;EAItBvB,IAAI,EAAEqB,mBAAUE,MAAV,CAAiBC,UAJD;EAKtBvB,OAAO,EAAEoB,mBAAUC,IALG;EAMtBpB,IAAI,EAAEmB,mBAAUI,KAAV,CAAgB,CAACtB,qBAAD,EAAWM,kBAAX,EAAkBiB,mBAAlB,CAAhB,CANgB;EAOtBtB,KAAK,EAAEiB,mBAAUE,MAPK;EAQtBlB,QAAQ,EAAEgB,mBAAUM;AARE,CAAxB"}
|
|
@@ -1,17 +1,13 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
6
4
|
|
|
7
5
|
Object.defineProperty(exports, "__esModule", {
|
|
8
6
|
value: true
|
|
9
7
|
});
|
|
10
8
|
exports.InputSelect = void 0;
|
|
11
9
|
|
|
12
|
-
var
|
|
13
|
-
|
|
14
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
|
|
10
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
15
11
|
|
|
16
12
|
var _react = _interopRequireWildcard(require("react"));
|
|
17
13
|
|
|
@@ -23,6 +19,30 @@ var _InputTextModule = _interopRequireDefault(require("../InputText/InputText.mo
|
|
|
23
19
|
|
|
24
20
|
var _excluded = ["disabled", "error", "hint", "label", "onChange", "onEnter", "onLeave"];
|
|
25
21
|
|
|
22
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
23
|
+
|
|
24
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
25
|
+
|
|
26
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
|
+
|
|
28
|
+
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
29
|
+
|
|
30
|
+
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
31
|
+
|
|
32
|
+
function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
33
|
+
|
|
34
|
+
function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
|
|
35
|
+
|
|
36
|
+
function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
|
|
37
|
+
|
|
38
|
+
function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
|
|
39
|
+
|
|
40
|
+
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
41
|
+
|
|
42
|
+
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
43
|
+
|
|
44
|
+
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
45
|
+
|
|
26
46
|
var InputSelect = function InputSelect(_ref) {
|
|
27
47
|
var _others$value;
|
|
28
48
|
|
|
@@ -36,10 +56,10 @@ var InputSelect = function InputSelect(_ref) {
|
|
|
36
56
|
onEnter = _ref$onEnter === void 0 ? function () {} : _ref$onEnter,
|
|
37
57
|
_ref$onLeave = _ref.onLeave,
|
|
38
58
|
onLeave = _ref$onLeave === void 0 ? function () {} : _ref$onLeave,
|
|
39
|
-
others = (
|
|
59
|
+
others = _objectWithoutProperties(_ref, _excluded);
|
|
40
60
|
|
|
41
61
|
var _useState = (0, _react.useState)(false),
|
|
42
|
-
_useState2 = (
|
|
62
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
43
63
|
focus = _useState2[0],
|
|
44
64
|
setFocus = _useState2[1];
|
|
45
65
|
|
|
@@ -71,7 +91,7 @@ var InputSelect = function InputSelect(_ref) {
|
|
|
71
91
|
}, label), /*#__PURE__*/_react.default.createElement(_primitives.View, {
|
|
72
92
|
row: true,
|
|
73
93
|
className: (0, _helpers.styles)(_InputTextModule.default.inputBorder, disabled && _InputTextModule.default.disabled, focus && !error && _InputTextModule.default.focus, error && _InputTextModule.default.error)
|
|
74
|
-
}, /*#__PURE__*/_react.default.createElement(_primitives.Select,
|
|
94
|
+
}, /*#__PURE__*/_react.default.createElement(_primitives.Select, _extends({}, others, {
|
|
75
95
|
disabled: disabled,
|
|
76
96
|
value: others.value || '',
|
|
77
97
|
className: (0, _helpers.styles)(_InputTextModule.default.input, _InputTextModule.default.iconRight, !!label && !(focus || error || has.value) && _InputTextModule.default.empty),
|
|
@@ -90,4 +110,14 @@ var InputSelect = function InputSelect(_ref) {
|
|
|
90
110
|
|
|
91
111
|
exports.InputSelect = InputSelect;
|
|
92
112
|
InputSelect.displayName = 'Component:InputSelect';
|
|
113
|
+
InputSelect.propTypes = {
|
|
114
|
+
disabled: _propTypes.default.bool,
|
|
115
|
+
error: _propTypes.default.bool,
|
|
116
|
+
hint: _propTypes.default.string,
|
|
117
|
+
label: _propTypes.default.string,
|
|
118
|
+
name: _propTypes.default.string.isRequired,
|
|
119
|
+
onChange: _propTypes.default.func,
|
|
120
|
+
onEnter: _propTypes.default.func,
|
|
121
|
+
onLeave: _propTypes.default.func
|
|
122
|
+
};
|
|
93
123
|
//# sourceMappingURL=InputSelect.js.map
|