linear-react-components-ui 1.0.10-beta.6 → 1.0.10-beta.8
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/lib/@types/Align.d.ts +2 -2
- package/lib/@types/ButtonTypes.d.ts +1 -1
- package/lib/@types/ColorStyles.d.ts +1 -1
- package/lib/@types/DataCombo.d.ts +1 -1
- package/lib/@types/Icon.d.ts +1 -1
- package/lib/@types/LabelStyles.d.ts +1 -1
- package/lib/@types/Period.d.ts +1 -1
- package/lib/@types/PermissionAttr.d.ts +2 -2
- package/lib/@types/PointerEvents.d.ts +1 -1
- package/lib/@types/Position.d.ts +1 -1
- package/lib/@types/PositionAlert.d.ts +1 -1
- package/lib/@types/Size.d.ts +1 -1
- package/lib/@types/SizePixels.d.ts +1 -1
- package/lib/alerts/AlertContainer.js +5 -21
- package/lib/alerts/AlertProvider.js +15 -45
- package/lib/alerts/BaseAlert.js +4 -20
- package/lib/alerts/Message.js +21 -32
- package/lib/alerts/helpers.js +0 -2
- package/lib/alerts/index.d.ts +4 -1
- package/lib/alerts/index.js +0 -4
- package/lib/alerts/types.d.ts +4 -4
- package/lib/alerts/withAlert.js +1 -12
- package/lib/assets/styles/drawers.scss +9 -0
- package/lib/avatar/index.js +20 -35
- package/lib/badge/index.js +9 -14
- package/lib/buttons/ActivateButton.js +0 -6
- package/lib/buttons/AddButton.js +0 -7
- package/lib/buttons/Button.js +2 -15
- package/lib/buttons/ButtonGroups.js +0 -4
- package/lib/buttons/CancelButton.js +1 -11
- package/lib/buttons/DangerButton.js +1 -11
- package/lib/buttons/DefaultButton.js +45 -81
- package/lib/buttons/DestroyButton.js +1 -12
- package/lib/buttons/EditButton.js +0 -6
- package/lib/buttons/InactivateButton.js +0 -6
- package/lib/buttons/InfoButton.js +1 -11
- package/lib/buttons/PrimaryButton.js +1 -11
- package/lib/buttons/RestoreButton.js +0 -6
- package/lib/buttons/SaveButton.js +1 -11
- package/lib/buttons/SuccessButton.js +1 -11
- package/lib/buttons/WarningButton.js +1 -11
- package/lib/buttons/button_container/index.js +5 -11
- package/lib/buttons/index.d.ts +4 -1
- package/lib/buttons/index.js +0 -18
- package/lib/buttons/split_button/index.js +11 -17
- package/lib/calendar/DangerCalendar.js +1 -11
- package/lib/calendar/InfoCalendar.js +1 -11
- package/lib/calendar/PrimaryCalendar.js +1 -11
- package/lib/calendar/SuccessCalendar.js +1 -11
- package/lib/calendar/WarningCalendar.js +1 -11
- package/lib/calendar/base/Day.js +2 -13
- package/lib/calendar/base/Month.js +1 -18
- package/lib/calendar/base/Week.js +2 -18
- package/lib/calendar/base/helpers.js +8 -24
- package/lib/calendar/base/index.js +13 -37
- package/lib/calendar/index.d.ts +4 -1
- package/lib/calendar/index.js +0 -8
- package/lib/checkbox/Label.js +1 -7
- package/lib/checkbox/index.js +28 -54
- package/lib/checkbox/types.d.ts +2 -2
- package/lib/dialog/Alert.js +0 -8
- package/lib/dialog/Custom.js +5 -17
- package/lib/dialog/Error.js +0 -8
- package/lib/dialog/Information.js +0 -8
- package/lib/dialog/Question.js +4 -15
- package/lib/dialog/Warning.js +0 -8
- package/lib/dialog/base/Content.js +1 -6
- package/lib/dialog/base/Footer.js +0 -4
- package/lib/dialog/base/Header.js +5 -13
- package/lib/dialog/base/index.js +7 -28
- package/lib/dialog/base/style.js +0 -2
- package/lib/dialog/form/index.js +9 -29
- package/lib/dialog/index.d.ts +4 -1
- package/lib/dialog/index.js +0 -9
- package/lib/drawer/Content.js +2 -13
- package/lib/drawer/Drawer.d.ts +1 -1
- package/lib/drawer/Drawer.js +44 -60
- package/lib/drawer/Header.js +10 -27
- package/lib/drawer/helpers.js +0 -4
- package/lib/drawer/index.js +0 -8
- package/lib/drawer/types.d.ts +1 -0
- package/lib/dropdown/Popup.js +19 -32
- package/lib/dropdown/helper.js +0 -4
- package/lib/dropdown/withDropdown.js +18 -47
- package/lib/fieldset/index.js +21 -46
- package/lib/form/Field.js +20 -46
- package/lib/form/FieldArray.js +15 -32
- package/lib/form/FieldNumber.js +6 -20
- package/lib/form/FieldPeriod.js +9 -21
- package/lib/form/helpers.js +5 -30
- package/lib/form/index.js +37 -93
- package/lib/form/types.d.ts +6 -6
- package/lib/form/withFieldHOC.js +15 -34
- package/lib/form/withFormSecurity.js +5 -28
- package/lib/gridlayout/GridCol.js +5 -11
- package/lib/gridlayout/GridRow.js +3 -9
- package/lib/gridlayout/index.d.ts +4 -1
- package/lib/gridlayout/index.js +0 -4
- package/lib/hint/index.js +6 -11
- package/lib/icons/index.js +16 -26
- package/lib/icons/types.d.ts +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +0 -10
- package/lib/inputs/base/InputTextBase.js +49 -75
- package/lib/inputs/base/helpers.js +6 -19
- package/lib/inputs/color/index.js +11 -38
- package/lib/inputs/date/Dialog.js +2 -7
- package/lib/inputs/date/Dropdown.js +1 -8
- package/lib/inputs/date/helpers.js +2 -11
- package/lib/inputs/date/index.js +48 -101
- package/lib/inputs/file/DefaultFile.js +13 -42
- package/lib/inputs/file/DragDropFile.js +37 -90
- package/lib/inputs/file/File.js +4 -25
- package/lib/inputs/file/FileButtonSettings.js +5 -11
- package/lib/inputs/file/helpers.js +0 -5
- package/lib/inputs/file/index.d.ts +4 -1
- package/lib/inputs/file/index.js +0 -6
- package/lib/inputs/file/types.d.ts +1 -1
- package/lib/inputs/inputHOC.js +10 -34
- package/lib/inputs/mask/BaseMask.js +1 -17
- package/lib/inputs/mask/Cnpj.js +12 -37
- package/lib/inputs/mask/Cpf.js +10 -33
- package/lib/inputs/mask/Phone.js +0 -6
- package/lib/inputs/mask/ZipCode.js +0 -6
- package/lib/inputs/mask/helpers.js +8 -20
- package/lib/inputs/mask/imaskHOC.js +52 -83
- package/lib/inputs/mask/index.d.ts +4 -1
- package/lib/inputs/mask/index.js +0 -7
- package/lib/inputs/multiSelect/ActionButtons.js +6 -15
- package/lib/inputs/multiSelect/Dropdown.js +22 -45
- package/lib/inputs/multiSelect/helper.js +2 -6
- package/lib/inputs/multiSelect/index.js +42 -106
- package/lib/inputs/multiSelect/types.d.ts +1 -1
- package/lib/inputs/number/BaseNumber.js +3 -16
- package/lib/inputs/number/Currency.js +1 -7
- package/lib/inputs/number/Decimal.js +0 -5
- package/lib/inputs/number/format_number.js +0 -7
- package/lib/inputs/number/index.js +3 -13
- package/lib/inputs/period/Dialog.js +2 -7
- package/lib/inputs/period/Dropdown.js +0 -7
- package/lib/inputs/period/PeriodList.js +1 -7
- package/lib/inputs/period/helper.js +2 -12
- package/lib/inputs/period/index.js +43 -114
- package/lib/inputs/period/types.d.ts +1 -1
- package/lib/inputs/search/index.js +18 -63
- package/lib/inputs/select/ActionButtons.js +4 -12
- package/lib/inputs/select/Dropdown.js +28 -48
- package/lib/inputs/select/helper.js +9 -30
- package/lib/inputs/select/index.js +3 -18
- package/lib/inputs/select/multiple/Selecteds.js +3 -7
- package/lib/inputs/select/multiple/index.js +37 -96
- package/lib/inputs/select/simple/index.js +57 -121
- package/lib/inputs/select/types.d.ts +2 -2
- package/lib/inputs/text/index.js +1 -5
- package/lib/inputs/text/types.d.ts +1 -1
- package/lib/inputs/textarea/index.js +4 -10
- package/lib/inputs/types.d.ts +1 -1
- package/lib/internals/withTooltip.js +25 -70
- package/lib/labelMessages/index.js +25 -45
- package/lib/labels/DangerLabel.js +1 -11
- package/lib/labels/DefaultLabel.js +19 -41
- package/lib/labels/InfoLabel.js +1 -11
- package/lib/labels/PrimaryLabel.js +1 -11
- package/lib/labels/SuccessLabel.js +1 -11
- package/lib/labels/WarningLabel.js +1 -11
- package/lib/labels/index.d.ts +4 -1
- package/lib/labels/index.js +0 -10
- package/lib/labels/label_container/index.js +3 -7
- package/lib/list/Header.js +3 -7
- package/lib/list/Item.js +33 -68
- package/lib/list/Separator.js +0 -4
- package/lib/list/helpers.js +0 -4
- package/lib/list/index.js +25 -60
- package/lib/list/types.d.ts +1 -1
- package/lib/menus/float/MenuItem.js +9 -26
- package/lib/menus/float/SubMenuContainer.js +5 -17
- package/lib/menus/float/helpers.js +0 -4
- package/lib/menus/float/index.js +8 -21
- package/lib/menus/index.d.ts +4 -1
- package/lib/menus/index.js +0 -3
- package/lib/menus/sidenav/ExpandMenu.js +2 -7
- package/lib/menus/sidenav/MenuLink.js +3 -12
- package/lib/menus/sidenav/NavMenuGroup.js +3 -12
- package/lib/menus/sidenav/NavMenuItem.js +27 -56
- package/lib/menus/sidenav/NavSubMenuItem.js +8 -27
- package/lib/menus/sidenav/helpers.js +0 -9
- package/lib/menus/sidenav/index.js +26 -75
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +2 -7
- package/lib/menus/sidenav/popup_menu_search/index.js +15 -45
- package/lib/menus/sidenav/types.d.ts +1 -1
- package/lib/noPermission/index.js +0 -6
- package/lib/panel/Content.d.ts +1 -1
- package/lib/panel/Content.js +7 -22
- package/lib/panel/DangerPanel.d.ts +1 -1
- package/lib/panel/DangerPanel.js +0 -7
- package/lib/panel/Default.d.ts +1 -1
- package/lib/panel/Default.js +20 -44
- package/lib/panel/Header.d.ts +1 -1
- package/lib/panel/Header.js +12 -27
- package/lib/panel/InfoPanel.d.ts +1 -1
- package/lib/panel/InfoPanel.js +0 -7
- package/lib/panel/PrimaryPanel.d.ts +1 -1
- package/lib/panel/PrimaryPanel.js +0 -7
- package/lib/panel/SuccessPanel.d.ts +1 -1
- package/lib/panel/SuccessPanel.js +0 -7
- package/lib/panel/ToolBar.d.ts +1 -1
- package/lib/panel/ToolBar.js +0 -5
- package/lib/panel/WarningPanel.d.ts +1 -1
- package/lib/panel/WarningPanel.js +0 -7
- package/lib/panel/helpers.d.ts +1 -1
- package/lib/panel/helpers.js +2 -10
- package/lib/panel/index.d.ts +5 -2
- package/lib/panel/index.js +0 -11
- package/lib/panel/types.d.ts +1 -1
- package/lib/permissionValidations.js +3 -15
- package/lib/popover/PopoverText.js +0 -4
- package/lib/popover/PopoverTitle.js +0 -4
- package/lib/popover/index.js +12 -23
- package/lib/progress/Bar.js +20 -33
- package/lib/progress/index.js +5 -14
- package/lib/radio/index.js +23 -46
- package/lib/skeleton/SkeletonContainer.js +3 -9
- package/lib/skeleton/index.js +10 -22
- package/lib/spinner/SpinnerLoading.js +3 -7
- package/lib/spinner/index.js +18 -40
- package/lib/split/Split.js +32 -83
- package/lib/split/SplitSide.js +6 -18
- package/lib/split/helpers.d.ts +1 -1
- package/lib/split/helpers.js +0 -4
- package/lib/split/index.d.ts +4 -1
- package/lib/split/index.js +0 -5
- package/lib/table/Body.js +15 -29
- package/lib/table/Header.js +5 -26
- package/lib/table/HeaderColumn.js +10 -21
- package/lib/table/Row.js +25 -35
- package/lib/table/RowColumn.js +12 -29
- package/lib/table/helpers.js +0 -7
- package/lib/table/index.js +32 -62
- package/lib/table/types.d.ts +1 -1
- package/lib/tabs/DropdownItems.js +12 -21
- package/lib/tabs/Menu.js +5 -15
- package/lib/tabs/MenuItems.js +23 -33
- package/lib/tabs/Panel.js +14 -39
- package/lib/tabs/index.js +46 -113
- package/lib/tabs/tabHelpers.js +3 -16
- package/lib/toolbar/ButtonBar.js +13 -29
- package/lib/toolbar/LabelBar.js +11 -28
- package/lib/toolbar/Separator.js +0 -4
- package/lib/toolbar/ToolBarGroup.js +2 -6
- package/lib/toolbar/helpers.js +0 -2
- package/lib/toolbar/index.js +7 -23
- package/lib/tooltip/index.js +10 -25
- package/lib/tooltip/types.d.ts +1 -1
- package/lib/treetable/Body.js +9 -27
- package/lib/treetable/Header.js +1 -11
- package/lib/treetable/Row.js +58 -113
- package/lib/treetable/helpers.js +0 -10
- package/lib/treetable/index.js +0 -11
- package/lib/treeview/Header.js +2 -6
- package/lib/treeview/Node.js +47 -111
- package/lib/treeview/constants.js +0 -4
- package/lib/treeview/index.js +54 -134
- package/lib/treeview/types.d.ts +2 -2
- package/lib/treeview_old/Header.js +1 -6
- package/lib/treeview_old/Node.js +5 -32
- package/lib/treeview_old/index.js +1 -9
- package/lib/{types-3c6f1c20.d.ts → types-90c43ae1.d.ts} +1 -1
- package/lib/uitour/index.js +33 -73
- package/lib/uitour/types.d.ts +1 -1
- package/package.json +1 -1
package/lib/form/FieldArray.js
CHANGED
|
@@ -1,45 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
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); }
|
|
4
|
-
|
|
5
3
|
Object.defineProperty(exports, "__esModule", {
|
|
6
4
|
value: true
|
|
7
5
|
});
|
|
8
6
|
exports.default = void 0;
|
|
9
|
-
|
|
10
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
8
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
13
|
-
|
|
14
9
|
var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
|
|
15
|
-
|
|
16
10
|
var _gridlayout = _interopRequireDefault(require("../gridlayout"));
|
|
17
|
-
|
|
18
11
|
var _fieldset = _interopRequireDefault(require("../fieldset"));
|
|
19
|
-
|
|
20
12
|
var _helpers = require("./helpers");
|
|
21
|
-
|
|
22
13
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
14
|
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); }
|
|
25
|
-
|
|
26
15
|
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; }
|
|
27
|
-
|
|
16
|
+
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); }
|
|
28
17
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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
|
|
31
|
-
|
|
18
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
19
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
20
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
32
21
|
var getDefaultProps = function getDefaultProps(props) {
|
|
33
22
|
var _ref;
|
|
34
|
-
|
|
35
23
|
var _props$valuePropName = props.valuePropName,
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
24
|
+
valuePropName = _props$valuePropName === void 0 ? '' : _props$valuePropName,
|
|
25
|
+
_props$changePropName = props.changePropName,
|
|
26
|
+
changePropName = _props$changePropName === void 0 ? '' : _props$changePropName,
|
|
27
|
+
data = props.data,
|
|
28
|
+
name = props.name,
|
|
29
|
+
handlerFieldChange = props.handlerFieldChange,
|
|
30
|
+
handlerSelecionados = props.handlerSelecionados;
|
|
43
31
|
return _ref = {}, _defineProperty(_ref, valuePropName, _lodash.default.get(data, name)), _defineProperty(_ref, changePropName, function (ids) {
|
|
44
32
|
if (handlerFieldChange) handlerFieldChange({
|
|
45
33
|
target: {
|
|
@@ -50,15 +38,13 @@ var getDefaultProps = function getDefaultProps(props) {
|
|
|
50
38
|
if (handlerSelecionados) handlerSelecionados(ids);
|
|
51
39
|
}), _ref;
|
|
52
40
|
};
|
|
53
|
-
|
|
54
41
|
var FieldArray = function FieldArray(props) {
|
|
55
42
|
var cols = props.cols,
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
43
|
+
label = props.label,
|
|
44
|
+
bordered = props.bordered,
|
|
45
|
+
labelContainerStyle = props.labelContainerStyle,
|
|
46
|
+
skipLabel = props.skipLabel;
|
|
60
47
|
var content = null;
|
|
61
|
-
|
|
62
48
|
if (props.component) {
|
|
63
49
|
if (!skipLabel && label) {
|
|
64
50
|
content = /*#__PURE__*/_react.default.createElement(_fieldset.default, {
|
|
@@ -71,13 +57,10 @@ var FieldArray = function FieldArray(props) {
|
|
|
71
57
|
content = /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getDefaultProps(props))), (0, _helpers.getErrorMessages)(props));
|
|
72
58
|
}
|
|
73
59
|
}
|
|
74
|
-
|
|
75
60
|
if (cols) return /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
|
|
76
61
|
cols: cols
|
|
77
62
|
}, content);
|
|
78
63
|
return content;
|
|
79
64
|
};
|
|
80
|
-
|
|
81
65
|
var _default = (0, _withFieldHOC.default)(FieldArray);
|
|
82
|
-
|
|
83
66
|
exports.default = _default;
|
package/lib/form/FieldNumber.js
CHANGED
|
@@ -1,37 +1,26 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
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); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
8
7
|
exports.default = void 0;
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
13
|
-
|
|
14
10
|
var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
|
|
15
|
-
|
|
16
11
|
var _helpers = require("./helpers");
|
|
17
|
-
|
|
18
12
|
var constants = _interopRequireWildcard(require("../internals/constants"));
|
|
19
|
-
|
|
20
13
|
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); }
|
|
21
|
-
|
|
22
14
|
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; }
|
|
23
|
-
|
|
24
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
|
-
|
|
26
16
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
27
|
-
|
|
28
17
|
var getEventProps = function getEventProps(_ref) {
|
|
29
18
|
var name = _ref.name,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
19
|
+
validators = _ref.validators,
|
|
20
|
+
_onBlur = _ref.onBlur,
|
|
21
|
+
_onKeyDown = _ref.onKeyDown,
|
|
22
|
+
handlerFieldValidade = _ref.handlerFieldValidade,
|
|
23
|
+
handlerFieldChange = _ref.handlerFieldChange;
|
|
35
24
|
return {
|
|
36
25
|
onBlur: function onBlur(e) {
|
|
37
26
|
if (handlerFieldChange) handlerFieldChange(e);
|
|
@@ -47,16 +36,13 @@ var getEventProps = function getEventProps(_ref) {
|
|
|
47
36
|
}
|
|
48
37
|
};
|
|
49
38
|
};
|
|
50
|
-
|
|
51
39
|
var FieldMask = function FieldMask(props) {
|
|
52
40
|
var data = props.data,
|
|
53
|
-
|
|
41
|
+
name = props.name;
|
|
54
42
|
return /*#__PURE__*/_react.default.createElement(props.component, _extends({}, props, getEventProps(props), {
|
|
55
43
|
errorMessages: (0, _helpers.getErrorMessages)(props),
|
|
56
44
|
value: _lodash.default.get(data, name)
|
|
57
45
|
}));
|
|
58
46
|
};
|
|
59
|
-
|
|
60
47
|
var _default = (0, _withFieldHOC.default)(FieldMask);
|
|
61
|
-
|
|
62
48
|
exports.default = _default;
|
package/lib/form/FieldPeriod.js
CHANGED
|
@@ -4,29 +4,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
|
|
10
8
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
11
|
-
|
|
12
9
|
var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
|
|
13
|
-
|
|
14
10
|
var _helpers = require("./helpers");
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
19
|
-
|
|
20
13
|
var FieldPeriod = function FieldPeriod(props) {
|
|
21
14
|
var data = props.data,
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
15
|
+
nameDateInitial = props.nameDateInitial,
|
|
16
|
+
nameDateFinal = props.nameDateFinal,
|
|
17
|
+
handlerFieldChange = props.handlerFieldChange,
|
|
18
|
+
handlerFieldValidade = props.handlerFieldValidade,
|
|
19
|
+
fieldErrors = props.fieldErrors,
|
|
20
|
+
externalMessagesErrors = props.externalMessagesErrors,
|
|
21
|
+
_onChange = props.onChange,
|
|
22
|
+
validators = props.validators;
|
|
30
23
|
var errorMessages = (0, _helpers.getErrorMessages)({
|
|
31
24
|
name: nameDateInitial,
|
|
32
25
|
fieldErrors: fieldErrors,
|
|
@@ -37,15 +30,13 @@ var FieldPeriod = function FieldPeriod(props) {
|
|
|
37
30
|
errorMessages: errorMessages,
|
|
38
31
|
onChange: function onChange(e, maskValue, _ref) {
|
|
39
32
|
var initial = _ref.initial,
|
|
40
|
-
|
|
41
|
-
|
|
33
|
+
final = _ref.final;
|
|
42
34
|
if (validators && handlerFieldValidade) {
|
|
43
35
|
handlerFieldValidade(nameDateInitial, {
|
|
44
36
|
initial: initial,
|
|
45
37
|
final: final
|
|
46
38
|
}, validators);
|
|
47
39
|
}
|
|
48
|
-
|
|
49
40
|
if (handlerFieldChange) {
|
|
50
41
|
handlerFieldChange({
|
|
51
42
|
target: {
|
|
@@ -60,7 +51,6 @@ var FieldPeriod = function FieldPeriod(props) {
|
|
|
60
51
|
}
|
|
61
52
|
});
|
|
62
53
|
}
|
|
63
|
-
|
|
64
54
|
if (_onChange) _onChange({
|
|
65
55
|
initial: initial,
|
|
66
56
|
final: final
|
|
@@ -72,7 +62,5 @@ var FieldPeriod = function FieldPeriod(props) {
|
|
|
72
62
|
}
|
|
73
63
|
}));
|
|
74
64
|
};
|
|
75
|
-
|
|
76
65
|
var _default = (0, _withFieldHOC.default)(FieldPeriod);
|
|
77
|
-
|
|
78
66
|
exports.default = _default;
|
package/lib/form/helpers.js
CHANGED
|
@@ -4,67 +4,44 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.withFieldContext = exports.securityBeforeUnload = exports.getValidatorsArray = exports.getErrorMessages = exports.changeValue = exports.FormContext = void 0;
|
|
7
|
-
|
|
8
7
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
9
|
-
|
|
10
8
|
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
10
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
15
|
-
|
|
16
11
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
17
|
-
|
|
18
12
|
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); }
|
|
19
|
-
|
|
20
13
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
21
|
-
|
|
22
14
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
23
|
-
|
|
24
|
-
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; }
|
|
25
|
-
|
|
15
|
+
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; }
|
|
26
16
|
var securityBeforeUnload = 'securityBeforeUnload';
|
|
27
17
|
exports.securityBeforeUnload = securityBeforeUnload;
|
|
28
|
-
|
|
29
18
|
var FormContext = /*#__PURE__*/_react.default.createContext({});
|
|
30
|
-
|
|
31
19
|
exports.FormContext = FormContext;
|
|
32
|
-
|
|
33
20
|
var withFieldContext = /*#__PURE__*/_react.default.createContext({});
|
|
34
|
-
|
|
35
21
|
exports.withFieldContext = withFieldContext;
|
|
36
|
-
|
|
37
22
|
var changeValue = function changeValue(newData, target) {
|
|
38
23
|
var name = target.name,
|
|
39
|
-
|
|
24
|
+
value = target.value;
|
|
40
25
|
return _lodash.default.set(JSON.parse(JSON.stringify(newData)), name, value);
|
|
41
26
|
};
|
|
42
|
-
|
|
43
27
|
exports.changeValue = changeValue;
|
|
44
|
-
|
|
45
28
|
var getErrorMessages = function getErrorMessages(_ref) {
|
|
46
29
|
var name = _ref.name,
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
30
|
+
fieldErrors = _ref.fieldErrors,
|
|
31
|
+
externalFieldErrors = _ref.externalFieldErrors,
|
|
32
|
+
externalMessagesErrors = _ref.externalMessagesErrors;
|
|
50
33
|
var errors = externalMessagesErrors ? _toConsumableArray(externalMessagesErrors) : [];
|
|
51
|
-
|
|
52
34
|
if (fieldErrors && fieldErrors[name]) {
|
|
53
35
|
errors = [].concat(_toConsumableArray(errors), _toConsumableArray(fieldErrors[name]));
|
|
54
36
|
}
|
|
55
|
-
|
|
56
37
|
if (externalFieldErrors && externalFieldErrors[name]) {
|
|
57
38
|
errors = [].concat(_toConsumableArray(errors), _toConsumableArray(externalFieldErrors[name]));
|
|
58
39
|
}
|
|
59
|
-
|
|
60
40
|
return errors;
|
|
61
41
|
};
|
|
62
|
-
|
|
63
42
|
exports.getErrorMessages = getErrorMessages;
|
|
64
|
-
|
|
65
43
|
var getValidatorsArray = function getValidatorsArray(validators, validatorFromComponent) {
|
|
66
44
|
var validatorsArray = [];
|
|
67
|
-
|
|
68
45
|
if (validators && validatorFromComponent) {
|
|
69
46
|
validatorsArray = !_lodash.default.isArray(validators) ? [validators] : validators;
|
|
70
47
|
validatorsArray = !_lodash.default.isArray(validatorFromComponent) ? [].concat(_toConsumableArray(validatorsArray), [validatorFromComponent]) : [].concat(_toConsumableArray(validatorsArray), _toConsumableArray(validatorFromComponent));
|
|
@@ -73,8 +50,6 @@ var getValidatorsArray = function getValidatorsArray(validators, validatorFromCo
|
|
|
73
50
|
} else if (validators) {
|
|
74
51
|
validatorsArray = !(validators instanceof Array) ? [validators] : validators;
|
|
75
52
|
}
|
|
76
|
-
|
|
77
53
|
return validatorsArray;
|
|
78
54
|
};
|
|
79
|
-
|
|
80
55
|
exports.getValidatorsArray = getValidatorsArray;
|
package/lib/form/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
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); }
|
|
4
|
-
|
|
5
4
|
Object.defineProperty(exports, "__esModule", {
|
|
6
5
|
value: true
|
|
7
6
|
});
|
|
@@ -30,101 +29,71 @@ Object.defineProperty(exports, "FieldPeriod", {
|
|
|
30
29
|
}
|
|
31
30
|
});
|
|
32
31
|
exports.default = void 0;
|
|
33
|
-
|
|
34
32
|
var _react = _interopRequireWildcard(require("react"));
|
|
35
|
-
|
|
36
33
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
37
|
-
|
|
38
34
|
var _helpers = require("./helpers");
|
|
39
|
-
|
|
40
35
|
var _Field = _interopRequireDefault(require("./Field"));
|
|
41
|
-
|
|
42
36
|
var _FieldNumber = _interopRequireDefault(require("./FieldNumber"));
|
|
43
|
-
|
|
44
37
|
var _FieldArray = _interopRequireDefault(require("./FieldArray"));
|
|
45
|
-
|
|
46
38
|
var _FieldPeriod = _interopRequireDefault(require("./FieldPeriod"));
|
|
47
|
-
|
|
48
39
|
require("../assets/styles/form.scss");
|
|
49
|
-
|
|
50
40
|
var _dialog = require("../dialog");
|
|
51
|
-
|
|
52
41
|
var _withFormSecurity = require("./withFormSecurity");
|
|
53
|
-
|
|
54
42
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
55
|
-
|
|
56
43
|
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); }
|
|
57
|
-
|
|
58
44
|
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; }
|
|
59
|
-
|
|
60
|
-
function
|
|
61
|
-
|
|
45
|
+
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
46
|
+
function _toPropertyKey(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
|
|
47
|
+
function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
|
|
62
48
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : 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); }
|
|
63
|
-
|
|
64
49
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
65
|
-
|
|
66
50
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
67
|
-
|
|
68
51
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
69
|
-
|
|
70
52
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
71
|
-
|
|
72
53
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
73
|
-
|
|
74
54
|
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."); }
|
|
75
|
-
|
|
76
55
|
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); }
|
|
77
|
-
|
|
78
|
-
function
|
|
79
|
-
|
|
80
|
-
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; }
|
|
81
|
-
|
|
56
|
+
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; }
|
|
57
|
+
function _iterableToArrayLimit(arr, i) { var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"]; if (null != _i) { var _s, _e, _x, _r, _arr = [], _n = !0, _d = !1; try { if (_x = (_i = _i.call(arr)).next, 0 === i) { if (Object(_i) !== _i) return; _n = !1; } else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0); } catch (err) { _d = !0, _e = err; } finally { try { if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return; } finally { if (_d) throw _e; } } return _arr; } }
|
|
82
58
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
83
|
-
|
|
84
59
|
var Form = function Form(_ref) {
|
|
85
60
|
var _ref$submitOnPressEnt = _ref.submitOnPressEnterKey,
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
61
|
+
submitOnPressEnterKey = _ref$submitOnPressEnt === void 0 ? true : _ref$submitOnPressEnt,
|
|
62
|
+
dataSource = _ref.dataSource,
|
|
63
|
+
securityBeforeUnload = _ref.securityBeforeUnload,
|
|
64
|
+
handlerReset = _ref.handlerReset,
|
|
65
|
+
handlerSubmit = _ref.handlerSubmit,
|
|
66
|
+
handlerValidates = _ref.handlerValidates,
|
|
67
|
+
style = _ref.style,
|
|
68
|
+
customClass = _ref.customClass,
|
|
69
|
+
securityTitle = _ref.securityTitle,
|
|
70
|
+
securityText = _ref.securityText,
|
|
71
|
+
securityData = _ref.securityData,
|
|
72
|
+
onDataChange = _ref.onDataChange,
|
|
73
|
+
onValidateForm = _ref.onValidateForm,
|
|
74
|
+
externalFieldErrors = _ref.externalFieldErrors,
|
|
75
|
+
onSubmit = _ref.onSubmit,
|
|
76
|
+
skeletonize = _ref.skeletonize,
|
|
77
|
+
disabled = _ref.disabled,
|
|
78
|
+
children = _ref.children;
|
|
105
79
|
var _useState = (0, _react.useState)(dataSource),
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
80
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
81
|
+
data = _useState2[0],
|
|
82
|
+
setData = _useState2[1];
|
|
110
83
|
var _useState3 = (0, _react.useState)(dataSource),
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
84
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
85
|
+
originalData = _useState4[0],
|
|
86
|
+
setOriginalData = _useState4[1];
|
|
115
87
|
var _useState5 = (0, _react.useState)(submitOnPressEnterKey),
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
88
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
89
|
+
submitFormOnEnter = _useState6[0],
|
|
90
|
+
setSubmitFormOnEnter = _useState6[1];
|
|
120
91
|
var _useState7 = (0, _react.useState)({}),
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
92
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
93
|
+
fieldErrors = _useState8[0],
|
|
94
|
+
setFieldErrors = _useState8[1];
|
|
125
95
|
var fieldsValidators = (0, _react.useRef)({});
|
|
126
96
|
var context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
|
|
127
|
-
|
|
128
97
|
var getValidatesErrorMessages = function getValidatesErrorMessages(validators, fieldValue) {
|
|
129
98
|
var validatorsArray = !(validators instanceof Array) ? [validators] : validators;
|
|
130
99
|
var errors = [];
|
|
@@ -136,85 +105,66 @@ var Form = function Form(_ref) {
|
|
|
136
105
|
});
|
|
137
106
|
return errors;
|
|
138
107
|
};
|
|
139
|
-
|
|
140
108
|
var checkIsValid = function checkIsValid(value) {
|
|
141
109
|
var updateState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
142
110
|
var dataValidate = value || data;
|
|
143
111
|
var currentFieldErrors = {};
|
|
144
|
-
|
|
145
112
|
_lodash.default.forEach(fieldsValidators.current, function (validators, fieldName) {
|
|
146
113
|
var fieldValue = _lodash.default.get(dataValidate, fieldName);
|
|
147
|
-
|
|
148
114
|
var messages = getValidatesErrorMessages(validators, fieldValue);
|
|
149
|
-
|
|
150
115
|
if (messages.length > 0) {
|
|
151
116
|
currentFieldErrors = _extends({}, fieldErrors, _defineProperty({}, fieldName, messages));
|
|
152
117
|
}
|
|
153
118
|
});
|
|
154
|
-
|
|
155
119
|
if (updateState) setFieldErrors(currentFieldErrors);
|
|
156
120
|
return _lodash.default.isEmpty(currentFieldErrors);
|
|
157
121
|
};
|
|
158
|
-
|
|
159
122
|
var onFieldChange = function onFieldChange(event) {
|
|
160
123
|
var target = event.target;
|
|
161
124
|
setData(function (prevState) {
|
|
162
125
|
return (0, _helpers.changeValue)(prevState, target);
|
|
163
126
|
});
|
|
164
127
|
};
|
|
165
|
-
|
|
166
128
|
var onValidate = function onValidate(fieldName, fieldValue, validators) {
|
|
167
129
|
if (validators) {
|
|
168
130
|
var currentFieldErrors = fieldErrors;
|
|
169
131
|
var errors = getValidatesErrorMessages(validators, fieldValue);
|
|
170
|
-
|
|
171
132
|
if (errors.length === 0) {
|
|
172
133
|
currentFieldErrors = _lodash.default.omit(currentFieldErrors, fieldName);
|
|
173
134
|
} else {
|
|
174
135
|
currentFieldErrors = _extends({}, currentFieldErrors, _defineProperty({}, fieldName, errors));
|
|
175
136
|
}
|
|
176
|
-
|
|
177
137
|
setFieldErrors(currentFieldErrors);
|
|
178
138
|
}
|
|
179
139
|
};
|
|
180
|
-
|
|
181
140
|
var onFormSubmit = function onFormSubmit(event) {
|
|
182
141
|
if (event) event.preventDefault();
|
|
183
142
|
if (checkIsValid(data)) onSubmit(data);
|
|
184
143
|
};
|
|
185
|
-
|
|
186
144
|
var onReset = function onReset() {
|
|
187
145
|
setData(JSON.parse(JSON.stringify(originalData)));
|
|
188
146
|
setFieldErrors({});
|
|
189
147
|
};
|
|
190
|
-
|
|
191
148
|
var onRemoveFieldValidators = function onRemoveFieldValidators(fieldName) {
|
|
192
149
|
var newFieldsValidators = _lodash.default.omit(fieldsValidators.current, fieldName);
|
|
193
|
-
|
|
194
150
|
fieldsValidators.current = newFieldsValidators;
|
|
195
151
|
};
|
|
196
|
-
|
|
197
152
|
var onBeforeUnload = function onBeforeUnload(e) {
|
|
198
153
|
var event = e;
|
|
199
154
|
event.preventDefault();
|
|
200
|
-
|
|
201
155
|
if (_lodash.default.isEqual(data, originalData)) {
|
|
202
156
|
return;
|
|
203
157
|
}
|
|
204
|
-
|
|
205
158
|
event.returnValue = true;
|
|
206
159
|
};
|
|
207
|
-
|
|
208
160
|
var submitOnEnter = function submitOnEnter(event) {
|
|
209
161
|
if (event.key === 'Enter') {
|
|
210
162
|
event.preventDefault();
|
|
211
163
|
if (submitFormOnEnter) onFormSubmit();
|
|
212
164
|
}
|
|
213
165
|
};
|
|
214
|
-
|
|
215
166
|
var formProps = function formProps() {
|
|
216
167
|
var propsForm = null;
|
|
217
|
-
|
|
218
168
|
if (!disabled) {
|
|
219
169
|
propsForm = {
|
|
220
170
|
onSubmit: function onSubmit(event) {
|
|
@@ -225,25 +175,21 @@ var Form = function Form(_ref) {
|
|
|
225
175
|
}
|
|
226
176
|
};
|
|
227
177
|
}
|
|
228
|
-
|
|
229
178
|
return propsForm;
|
|
230
179
|
};
|
|
231
|
-
|
|
232
180
|
(0, _react.useEffect)(function () {
|
|
233
181
|
if (!_lodash.default.isEmpty(context)) {
|
|
234
182
|
var onChangedData = context.onChangedData;
|
|
235
|
-
|
|
236
183
|
if (securityData && !_lodash.default.isEqual(data, securityData)) {
|
|
237
184
|
onChangedData(true);
|
|
238
185
|
} else {
|
|
239
186
|
onChangedData(false);
|
|
240
187
|
}
|
|
241
|
-
}
|
|
242
|
-
|
|
188
|
+
}
|
|
243
189
|
|
|
190
|
+
// TODO - Usar debounce para evitar chamada a cada letra digitada
|
|
244
191
|
if (onDataChange) onDataChange(data);
|
|
245
192
|
if (onValidateForm) onValidateForm(checkIsValid(data, false));
|
|
246
|
-
|
|
247
193
|
if (!disabled) {
|
|
248
194
|
handlerSubmit(onFormSubmit);
|
|
249
195
|
if (handlerReset) handlerReset(onReset);
|
|
@@ -255,7 +201,6 @@ var Form = function Form(_ref) {
|
|
|
255
201
|
if (context) context.setSecurityBeforeUnload(true);
|
|
256
202
|
window.addEventListener('beforeunload', onBeforeUnload);
|
|
257
203
|
}
|
|
258
|
-
|
|
259
204
|
return function () {
|
|
260
205
|
return window.removeEventListener('beforeunload', onBeforeUnload);
|
|
261
206
|
};
|
|
@@ -301,6 +246,5 @@ var Form = function Form(_ref) {
|
|
|
301
246
|
onUnconfirmClick: context ? context.onUnconfirmClick : function () {}
|
|
302
247
|
}));
|
|
303
248
|
};
|
|
304
|
-
|
|
305
249
|
var _default = Form;
|
|
306
250
|
exports.default = _default;
|
package/lib/form/types.d.ts
CHANGED
|
@@ -6,15 +6,15 @@ import '../@types/PermissionAttr.js';
|
|
|
6
6
|
import '../inputs/base/types.js';
|
|
7
7
|
import '../@types/Period.js';
|
|
8
8
|
|
|
9
|
-
|
|
10
|
-
|
|
9
|
+
type Validator = (value: string) => string | undefined;
|
|
10
|
+
type PeriodValidator = (value: {
|
|
11
11
|
initialData: string;
|
|
12
12
|
finalData: string;
|
|
13
13
|
}) => string | undefined;
|
|
14
|
-
|
|
14
|
+
type OnFielChangeEvent = Event & {
|
|
15
15
|
target: HTMLInputElement;
|
|
16
16
|
};
|
|
17
|
-
|
|
17
|
+
type CustomKeyboardEvent = ChangeEvent<HTMLInputElement> & {
|
|
18
18
|
keyCode: number;
|
|
19
19
|
};
|
|
20
20
|
interface IFormProps {
|
|
@@ -100,11 +100,11 @@ interface IFieldArrayProps extends WithFieldProps {
|
|
|
100
100
|
multiple?: boolean;
|
|
101
101
|
disabled?: boolean;
|
|
102
102
|
}
|
|
103
|
-
|
|
103
|
+
type PeriodChangeEvent = {
|
|
104
104
|
initial: string;
|
|
105
105
|
final: string;
|
|
106
106
|
};
|
|
107
|
-
|
|
107
|
+
type PeriodFieldChangeEvent = {
|
|
108
108
|
target: {
|
|
109
109
|
name: string;
|
|
110
110
|
value: string;
|