linear-react-components-ui 1.1.0-beta.6 → 1.1.0
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/babel.config.json +2 -2
- package/lib/alerts/AlertContainer.js +46 -54
- package/lib/alerts/AlertProvider.js +36 -53
- package/lib/alerts/BaseAlert.js +14 -20
- package/lib/alerts/Message.js +37 -46
- package/lib/alerts/helpers.js +3 -3
- package/lib/alerts/index.js +5 -5
- package/lib/alerts/withAlert.js +11 -11
- package/lib/assets/styles/checkbox.scss +0 -8
- package/lib/avatar/index.js +42 -41
- package/lib/badge/index.js +15 -16
- package/lib/buttons/ActivateButton.js +6 -8
- package/lib/buttons/AddButton.js +9 -11
- package/lib/buttons/Button.js +11 -11
- package/lib/buttons/ButtonGroups.js +8 -6
- package/lib/buttons/CancelButton.js +9 -7
- package/lib/buttons/DangerButton.js +9 -7
- package/lib/buttons/DefaultButton.js +66 -85
- package/lib/buttons/DestroyButton.js +10 -8
- package/lib/buttons/EditButton.js +6 -8
- package/lib/buttons/InactivateButton.js +6 -8
- package/lib/buttons/InfoButton.js +9 -7
- package/lib/buttons/PrimaryButton.js +9 -7
- package/lib/buttons/RestoreButton.js +6 -8
- package/lib/buttons/SaveButton.js +9 -7
- package/lib/buttons/SuccessButton.js +9 -7
- package/lib/buttons/WarningButton.js +9 -7
- package/lib/buttons/button_container/index.js +16 -19
- package/lib/buttons/index.js +31 -31
- package/lib/buttons/split_button/index.js +24 -26
- package/lib/calendar/DangerCalendar.js +9 -7
- package/lib/calendar/InfoCalendar.js +9 -7
- package/lib/calendar/PrimaryCalendar.js +9 -7
- package/lib/calendar/SuccessCalendar.js +9 -7
- package/lib/calendar/WarningCalendar.js +9 -7
- package/lib/calendar/base/Day.js +16 -14
- package/lib/calendar/base/Month.js +15 -19
- package/lib/calendar/base/Week.js +15 -19
- package/lib/calendar/base/helpers.js +17 -15
- package/lib/calendar/base/index.js +38 -51
- package/lib/calendar/index.js +13 -13
- package/lib/checkbox/Label.js +10 -8
- package/lib/checkbox/index.d.ts +1 -1
- package/lib/checkbox/index.js +75 -97
- package/lib/checkbox/types.d.ts +0 -1
- package/lib/dialog/Alert.js +7 -7
- package/lib/dialog/Custom.js +20 -23
- package/lib/dialog/Error.js +7 -7
- package/lib/dialog/Information.js +7 -7
- package/lib/dialog/Question.js +16 -16
- package/lib/dialog/Warning.js +7 -7
- package/lib/dialog/base/Content.js +9 -7
- package/lib/dialog/base/Footer.js +6 -8
- package/lib/dialog/base/Header.js +32 -34
- package/lib/dialog/base/index.js +64 -72
- package/lib/dialog/base/style.js +8 -10
- package/lib/dialog/form/index.js +35 -38
- package/lib/dialog/index.js +15 -15
- package/lib/drawer/Content.js +14 -12
- package/lib/drawer/Drawer.js +68 -82
- package/lib/drawer/Header.js +45 -48
- package/lib/drawer/helpers.js +4 -4
- package/lib/drawer/index.js +7 -7
- package/lib/dropdown/Popup.js +37 -40
- package/lib/dropdown/helper.js +6 -6
- package/lib/dropdown/withDropdown.js +44 -63
- package/lib/fieldset/index.js +49 -56
- package/lib/form/Field.js +73 -79
- package/lib/form/FieldArray.js +76 -85
- package/lib/form/FieldNumber.js +34 -42
- package/lib/form/FieldPeriod.js +54 -59
- package/lib/form/helpers.js +29 -28
- package/lib/form/index.js +121 -151
- package/lib/form/withFieldHOC.js +36 -42
- package/lib/form/withFormSecurity.js +27 -35
- package/lib/gridlayout/GridCol.js +16 -15
- package/lib/gridlayout/GridRow.js +11 -12
- package/lib/gridlayout/index.js +5 -5
- package/lib/hint/index.js +25 -29
- package/lib/icons/helper.js +2 -2
- package/lib/icons/index.js +37 -48
- package/lib/index.js +19 -19
- package/lib/inputs/base/InputTextBase.js +99 -109
- package/lib/inputs/base/helpers.js +29 -23
- package/lib/inputs/color/index.js +34 -44
- package/lib/inputs/date/Dialog.js +10 -8
- package/lib/inputs/date/Dropdown.js +14 -12
- package/lib/inputs/date/helpers.js +18 -14
- package/lib/inputs/date/index.js +96 -133
- package/lib/inputs/file/DefaultFile.js +50 -74
- package/lib/inputs/file/DragDropFile.js +119 -172
- package/lib/inputs/file/File.js +22 -28
- package/lib/inputs/file/FileButtonSettings.js +14 -16
- package/lib/inputs/file/helpers.js +6 -7
- package/lib/inputs/file/index.js +7 -7
- package/lib/inputs/inputHOC.js +23 -35
- package/lib/inputs/mask/BaseMask.js +33 -27
- package/lib/inputs/mask/Cnpj.js +19 -31
- package/lib/inputs/mask/Cpf.js +20 -35
- package/lib/inputs/mask/Phone.js +8 -6
- package/lib/inputs/mask/ZipCode.js +6 -8
- package/lib/inputs/mask/helpers.js +21 -26
- package/lib/inputs/mask/imaskHOC.js +102 -122
- package/lib/inputs/mask/index.js +11 -11
- package/lib/inputs/multiSelect/ActionButtons.js +18 -18
- package/lib/inputs/multiSelect/Dropdown.js +63 -75
- package/lib/inputs/multiSelect/helper.js +9 -7
- package/lib/inputs/multiSelect/index.js +85 -136
- package/lib/inputs/number/BaseNumber.js +23 -21
- package/lib/inputs/number/Currency.js +9 -8
- package/lib/inputs/number/Decimal.js +4 -6
- package/lib/inputs/number/format_number.js +9 -6
- package/lib/inputs/number/index.js +13 -13
- package/lib/inputs/period/Dialog.js +10 -8
- package/lib/inputs/period/Dropdown.js +12 -12
- package/lib/inputs/period/PeriodList.js +19 -17
- package/lib/inputs/period/helper.js +38 -37
- package/lib/inputs/period/index.js +147 -196
- package/lib/inputs/search/index.js +45 -67
- package/lib/inputs/select/ActionButtons.js +18 -18
- package/lib/inputs/select/Dropdown.js +51 -65
- package/lib/inputs/select/helper.js +55 -44
- package/lib/inputs/select/index.js +13 -11
- package/lib/inputs/select/multiple/Selecteds.js +20 -22
- package/lib/inputs/select/multiple/index.js +90 -143
- package/lib/inputs/select/simple/index.js +103 -156
- package/lib/inputs/text/index.js +4 -6
- package/lib/inputs/textarea/index.js +11 -10
- package/lib/internals/colorStyles.js +3 -3
- package/lib/internals/constants.js +2 -2
- package/lib/internals/withTooltip.js +54 -68
- package/lib/labelMessages/index.js +28 -47
- package/lib/labels/DangerLabel.js +9 -7
- package/lib/labels/DefaultLabel.js +29 -42
- package/lib/labels/InfoLabel.js +9 -7
- package/lib/labels/PrimaryLabel.js +9 -7
- package/lib/labels/SuccessLabel.js +9 -7
- package/lib/labels/WarningLabel.js +9 -7
- package/lib/labels/index.js +15 -15
- package/lib/labels/label_container/index.js +11 -10
- package/lib/list/Header.js +12 -10
- package/lib/list/Item.js +58 -72
- package/lib/list/Separator.js +6 -8
- package/lib/list/helpers.js +3 -3
- package/lib/list/index.js +81 -107
- package/lib/menus/float/MenuItem.js +27 -27
- package/lib/menus/float/SubMenuContainer.js +39 -44
- package/lib/menus/float/helpers.js +4 -4
- package/lib/menus/float/index.js +25 -25
- package/lib/menus/index.js +3 -3
- package/lib/menus/sidenav/ExpandMenu.js +12 -10
- package/lib/menus/sidenav/MenuLink.js +12 -10
- package/lib/menus/sidenav/NavMenuGroup.js +15 -13
- package/lib/menus/sidenav/NavMenuItem.js +56 -69
- package/lib/menus/sidenav/NavSubMenuItem.js +24 -28
- package/lib/menus/sidenav/helpers.js +7 -7
- package/lib/menus/sidenav/index.js +92 -119
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +12 -11
- package/lib/menus/sidenav/popup_menu_search/index.js +64 -84
- package/lib/noPermission/index.js +15 -17
- package/lib/panel/Content.js +46 -58
- package/lib/panel/DangerPanel.js +6 -8
- package/lib/panel/Default.js +45 -59
- package/lib/panel/Header.js +37 -34
- package/lib/panel/InfoPanel.js +6 -8
- package/lib/panel/PrimaryPanel.js +6 -8
- package/lib/panel/SuccessPanel.js +6 -8
- package/lib/panel/ToolBar.js +8 -6
- package/lib/panel/WarningPanel.js +6 -8
- package/lib/panel/helpers.js +13 -11
- package/lib/panel/index.js +17 -17
- package/lib/permissionValidations.js +26 -28
- package/lib/popover/PopoverText.js +8 -6
- package/lib/popover/PopoverTitle.js +8 -6
- package/lib/popover/index.js +21 -24
- package/lib/progress/Bar.js +34 -39
- package/lib/progress/index.js +19 -20
- package/lib/radio/index.js +37 -57
- package/lib/shortcuts/index.js +13 -11
- package/lib/skeleton/SkeletonContainer.js +12 -12
- package/lib/skeleton/index.js +27 -33
- package/lib/spinner/SpinnerLoading.js +46 -46
- package/lib/spinner/index.js +27 -40
- package/lib/split/Split.js +97 -113
- package/lib/split/SplitSide.js +22 -20
- package/lib/split/helpers.js +4 -4
- package/lib/split/index.js +5 -5
- package/lib/table/Body.js +47 -49
- package/lib/table/Header.js +39 -41
- package/lib/table/HeaderColumn.js +22 -22
- package/lib/table/Row.js +48 -50
- package/lib/table/RowColumn.js +37 -35
- package/lib/table/helpers.js +9 -12
- package/lib/table/index.js +89 -108
- package/lib/tabs/DropdownTabs.js +39 -43
- package/lib/tabs/Menu.js +20 -19
- package/lib/tabs/MenuTabs.js +48 -55
- package/lib/tabs/Panel.js +54 -73
- package/lib/tabs/context.js +62 -93
- package/lib/tabs/index.js +30 -35
- package/lib/tabs/tabHelpers.js +24 -21
- package/lib/toolbar/ButtonBar.js +49 -52
- package/lib/toolbar/LabelBar.js +38 -41
- package/lib/toolbar/Separator.js +6 -8
- package/lib/toolbar/ToolBarGroup.js +9 -8
- package/lib/toolbar/helpers.js +3 -3
- package/lib/toolbar/index.js +25 -26
- package/lib/tooltip/index.js +29 -33
- package/lib/treetable/Body.js +22 -33
- package/lib/treetable/Header.js +13 -15
- package/lib/treetable/Row.d.ts +1 -1
- package/lib/treetable/Row.js +107 -158
- package/lib/treetable/helpers.d.ts +1 -1
- package/lib/treetable/helpers.js +18 -24
- package/lib/treetable/index.d.ts +2 -2
- package/lib/treetable/index.js +11 -12
- package/lib/treeview/Header.js +11 -9
- package/lib/treeview/Node.js +109 -148
- package/lib/treeview/constants.js +2 -2
- package/lib/treeview/index.js +156 -221
- package/lib/uitour/helpers.js +3 -3
- package/lib/uitour/index.js +67 -106
- package/package.json +5 -14
- /package/lib/{types.d-BfM3lUbt.d.ts → types.d-DvJcBS8L.d.ts} +0 -0
package/lib/form/index.js
CHANGED
|
@@ -1,34 +1,33 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
6
|
Object.defineProperty(exports, "Field", {
|
|
8
7
|
enumerable: true,
|
|
9
|
-
get: function
|
|
10
|
-
return _Field
|
|
8
|
+
get: function () {
|
|
9
|
+
return _Field.default;
|
|
11
10
|
}
|
|
12
11
|
});
|
|
13
12
|
Object.defineProperty(exports, "FieldArray", {
|
|
14
13
|
enumerable: true,
|
|
15
|
-
get: function
|
|
16
|
-
return _FieldArray
|
|
14
|
+
get: function () {
|
|
15
|
+
return _FieldArray.default;
|
|
17
16
|
}
|
|
18
17
|
});
|
|
19
18
|
Object.defineProperty(exports, "FieldNumber", {
|
|
20
19
|
enumerable: true,
|
|
21
|
-
get: function
|
|
22
|
-
return _FieldNumber
|
|
20
|
+
get: function () {
|
|
21
|
+
return _FieldNumber.default;
|
|
23
22
|
}
|
|
24
23
|
});
|
|
25
24
|
Object.defineProperty(exports, "FieldPeriod", {
|
|
26
25
|
enumerable: true,
|
|
27
|
-
get: function
|
|
28
|
-
return _FieldPeriod
|
|
26
|
+
get: function () {
|
|
27
|
+
return _FieldPeriod.default;
|
|
29
28
|
}
|
|
30
29
|
});
|
|
31
|
-
exports
|
|
30
|
+
exports.default = void 0;
|
|
32
31
|
var _react = _interopRequireWildcard(require("react"));
|
|
33
32
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
34
33
|
var _helpers = require("./helpers");
|
|
@@ -39,131 +38,108 @@ var _FieldPeriod = _interopRequireDefault(require("./FieldPeriod"));
|
|
|
39
38
|
require("../assets/styles/form.scss");
|
|
40
39
|
var _dialog = require("../dialog");
|
|
41
40
|
var _withFormSecurity = require("./withFormSecurity");
|
|
42
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
43
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
44
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
41
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
42
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
43
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
45
44
|
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); }
|
|
46
45
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
47
46
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
48
47
|
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; }
|
|
49
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" ==
|
|
50
|
-
function _toPrimitive(t, r) { if ("object" !=
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
data = _useState2[0],
|
|
86
|
-
setData = _useState2[1];
|
|
87
|
-
var _useState3 = (0, _react.useState)(dataSource),
|
|
88
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
89
|
-
originalData = _useState4[0],
|
|
90
|
-
setOriginalData = _useState4[1];
|
|
91
|
-
var _useState5 = (0, _react.useState)(submitOnPressEnterKey),
|
|
92
|
-
_useState6 = _slicedToArray(_useState5, 2),
|
|
93
|
-
submitFormOnEnter = _useState6[0],
|
|
94
|
-
setSubmitFormOnEnter = _useState6[1];
|
|
95
|
-
var _useState7 = (0, _react.useState)({}),
|
|
96
|
-
_useState8 = _slicedToArray(_useState7, 2),
|
|
97
|
-
fieldErrors = _useState8[0],
|
|
98
|
-
setFieldErrors = _useState8[1];
|
|
99
|
-
var fieldsValidators = (0, _react.useRef)({});
|
|
100
|
-
var _useState9 = (0, _react.useState)(0),
|
|
101
|
-
_useState10 = _slicedToArray(_useState9, 2),
|
|
102
|
-
oldFieldsValidatorsQuantity = _useState10[0],
|
|
103
|
-
setOldFieldsValidatorsQuantity = _useState10[1];
|
|
104
|
-
var context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
|
|
105
|
-
var usedData = useInternalState ? data : dataSource;
|
|
106
|
-
var getValidatesErrorMessages = function getValidatesErrorMessages(validators, fieldValue) {
|
|
107
|
-
var validatorsArray = !(validators instanceof Array) ? [validators] : validators;
|
|
108
|
-
var errors = [];
|
|
109
|
-
validatorsArray.forEach(function (validator) {
|
|
48
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
49
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
50
|
+
const Form = _ref => {
|
|
51
|
+
let {
|
|
52
|
+
submitOnPressEnterKey = true,
|
|
53
|
+
dataSource,
|
|
54
|
+
securityBeforeUnload,
|
|
55
|
+
handlerReset,
|
|
56
|
+
handlerSubmit,
|
|
57
|
+
handlerValidates,
|
|
58
|
+
style,
|
|
59
|
+
customClass,
|
|
60
|
+
securityTitle,
|
|
61
|
+
securityText,
|
|
62
|
+
securityData,
|
|
63
|
+
onDataChange,
|
|
64
|
+
onValidateForm,
|
|
65
|
+
externalFieldErrors,
|
|
66
|
+
onSubmit,
|
|
67
|
+
skeletonize,
|
|
68
|
+
disabled,
|
|
69
|
+
children,
|
|
70
|
+
useInternalState = false
|
|
71
|
+
} = _ref;
|
|
72
|
+
const [data, setData] = (0, _react.useState)(dataSource);
|
|
73
|
+
const [originalData, setOriginalData] = (0, _react.useState)(dataSource);
|
|
74
|
+
const [submitFormOnEnter, setSubmitFormOnEnter] = (0, _react.useState)(submitOnPressEnterKey);
|
|
75
|
+
const [fieldErrors, setFieldErrors] = (0, _react.useState)({});
|
|
76
|
+
const fieldsValidators = (0, _react.useRef)({});
|
|
77
|
+
const [oldFieldsValidatorsQuantity, setOldFieldsValidatorsQuantity] = (0, _react.useState)(0);
|
|
78
|
+
const context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
|
|
79
|
+
const usedData = useInternalState ? data : dataSource;
|
|
80
|
+
const getValidatesErrorMessages = (validators, fieldValue) => {
|
|
81
|
+
const validatorsArray = !(validators instanceof Array) ? [validators] : validators;
|
|
82
|
+
let errors = [];
|
|
83
|
+
validatorsArray.forEach(validator => {
|
|
110
84
|
if (typeof validator === 'function') {
|
|
111
|
-
|
|
112
|
-
if (result) errors = [
|
|
85
|
+
const result = validator(fieldValue);
|
|
86
|
+
if (result) errors = [...errors, result];
|
|
113
87
|
}
|
|
114
88
|
});
|
|
115
89
|
return errors;
|
|
116
90
|
};
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
91
|
+
const getErrorMessages = (currentData, currentValidators) => {
|
|
92
|
+
const dataValidate = currentData || usedData;
|
|
93
|
+
let currentFieldErrors = _lodash.default.pickBy(fieldErrors, (error, fieldName) => {
|
|
94
|
+
const fieldValidatorsNames = Object.keys(currentValidators);
|
|
121
95
|
return fieldValidatorsNames.includes(fieldName);
|
|
122
96
|
});
|
|
123
|
-
_lodash
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
currentFieldErrors = _objectSpread(_objectSpread({}, currentFieldErrors), {},
|
|
97
|
+
_lodash.default.forEach(currentValidators, (validators, fieldName) => {
|
|
98
|
+
const fieldValue = _lodash.default.get(dataValidate, fieldName);
|
|
99
|
+
const messages = getValidatesErrorMessages(validators, fieldValue);
|
|
100
|
+
currentFieldErrors = _objectSpread(_objectSpread({}, currentFieldErrors), {}, {
|
|
101
|
+
[fieldName]: messages
|
|
102
|
+
});
|
|
127
103
|
});
|
|
128
104
|
return currentFieldErrors;
|
|
129
105
|
};
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
106
|
+
const checkIsValid = function (currentData) {
|
|
107
|
+
let updateState = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
|
|
108
|
+
let currentValidators = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
|
|
109
|
+
const currentFieldErrors = getErrorMessages(currentData, currentValidators || fieldsValidators.current);
|
|
134
110
|
if (updateState) setFieldErrors(currentFieldErrors);
|
|
135
|
-
return Object.values(currentFieldErrors).every(
|
|
136
|
-
return value.length === 0;
|
|
137
|
-
});
|
|
111
|
+
return Object.values(currentFieldErrors).every(value => value.length === 0);
|
|
138
112
|
};
|
|
139
|
-
|
|
140
|
-
|
|
113
|
+
const onFieldChange = event => {
|
|
114
|
+
const {
|
|
115
|
+
target
|
|
116
|
+
} = event;
|
|
141
117
|
if (!useInternalState && onDataChange) {
|
|
142
|
-
|
|
118
|
+
const newData = (0, _helpers.changeValue)(dataSource, target);
|
|
143
119
|
onDataChange(newData);
|
|
144
120
|
} else {
|
|
145
|
-
setData(
|
|
146
|
-
return (0, _helpers.changeValue)(prevState, target);
|
|
147
|
-
});
|
|
121
|
+
setData(prevState => (0, _helpers.changeValue)(prevState, target));
|
|
148
122
|
}
|
|
149
123
|
};
|
|
150
|
-
|
|
124
|
+
const onValidate = (fieldName, fieldValue, validators) => {
|
|
151
125
|
if (validators) {
|
|
152
|
-
|
|
153
|
-
|
|
126
|
+
let currentFieldErrors = fieldErrors;
|
|
127
|
+
const errors = getValidatesErrorMessages(validators, fieldValue);
|
|
154
128
|
if (errors.length === 0) {
|
|
155
|
-
currentFieldErrors = _lodash
|
|
129
|
+
currentFieldErrors = _lodash.default.omit(currentFieldErrors, fieldName);
|
|
156
130
|
} else {
|
|
157
|
-
currentFieldErrors = _objectSpread(_objectSpread({}, currentFieldErrors), {},
|
|
131
|
+
currentFieldErrors = _objectSpread(_objectSpread({}, currentFieldErrors), {}, {
|
|
132
|
+
[fieldName]: errors
|
|
133
|
+
});
|
|
158
134
|
}
|
|
159
135
|
setFieldErrors(currentFieldErrors);
|
|
160
136
|
}
|
|
161
137
|
};
|
|
162
|
-
|
|
138
|
+
const onFormSubmit = event => {
|
|
163
139
|
if (event) event.preventDefault();
|
|
164
140
|
if (checkIsValid(usedData)) onSubmit(usedData);
|
|
165
141
|
};
|
|
166
|
-
|
|
142
|
+
const onReset = () => {
|
|
167
143
|
if (!useInternalState && onDataChange) {
|
|
168
144
|
onDataChange(JSON.parse(JSON.stringify(originalData)));
|
|
169
145
|
} else {
|
|
@@ -171,42 +147,40 @@ var Form = function Form(_ref) {
|
|
|
171
147
|
}
|
|
172
148
|
setFieldErrors({});
|
|
173
149
|
};
|
|
174
|
-
|
|
175
|
-
|
|
150
|
+
const onRemoveFieldValidators = fieldName => {
|
|
151
|
+
const newFieldsValidators = _lodash.default.omit(fieldsValidators, fieldName);
|
|
176
152
|
fieldsValidators.current = newFieldsValidators;
|
|
177
153
|
};
|
|
178
|
-
|
|
179
|
-
|
|
154
|
+
const onBeforeUnload = e => {
|
|
155
|
+
const event = e;
|
|
180
156
|
event.preventDefault();
|
|
181
|
-
if (_lodash
|
|
157
|
+
if (_lodash.default.isEqual(usedData, originalData)) {
|
|
182
158
|
return;
|
|
183
159
|
}
|
|
184
160
|
event.returnValue = true;
|
|
185
161
|
};
|
|
186
|
-
|
|
162
|
+
const submitOnEnter = event => {
|
|
187
163
|
if (event.key === 'Enter') {
|
|
188
164
|
event.preventDefault();
|
|
189
165
|
if (submitFormOnEnter) onFormSubmit();
|
|
190
166
|
}
|
|
191
167
|
};
|
|
192
|
-
|
|
193
|
-
|
|
168
|
+
const formProps = () => {
|
|
169
|
+
let propsForm = null;
|
|
194
170
|
if (!disabled) {
|
|
195
171
|
propsForm = {
|
|
196
|
-
onSubmit:
|
|
197
|
-
|
|
198
|
-
},
|
|
199
|
-
onKeyPress: function onKeyPress(event) {
|
|
200
|
-
return submitOnEnter(event);
|
|
201
|
-
}
|
|
172
|
+
onSubmit: event => event.preventDefault(),
|
|
173
|
+
onKeyPress: event => submitOnEnter(event)
|
|
202
174
|
};
|
|
203
175
|
}
|
|
204
176
|
return propsForm;
|
|
205
177
|
};
|
|
206
|
-
|
|
207
|
-
if (!_lodash
|
|
208
|
-
|
|
209
|
-
|
|
178
|
+
const updateFormState = () => {
|
|
179
|
+
if (!_lodash.default.isEmpty(context)) {
|
|
180
|
+
const {
|
|
181
|
+
onChangedData
|
|
182
|
+
} = context;
|
|
183
|
+
if (securityData && !_lodash.default.isEqual(usedData, securityData)) {
|
|
210
184
|
onChangedData(true);
|
|
211
185
|
} else {
|
|
212
186
|
onChangedData(false);
|
|
@@ -219,68 +193,64 @@ var Form = function Form(_ref) {
|
|
|
219
193
|
if (!disabled) {
|
|
220
194
|
handlerSubmit(onFormSubmit);
|
|
221
195
|
if (handlerReset) handlerReset(onReset);
|
|
222
|
-
if (handlerValidates) handlerValidates(
|
|
223
|
-
return checkIsValid(usedData);
|
|
224
|
-
});
|
|
196
|
+
if (handlerValidates) handlerValidates(() => checkIsValid(usedData));
|
|
225
197
|
}
|
|
226
|
-
if (_lodash
|
|
198
|
+
if (_lodash.default.isEmpty(usedData)) setOriginalData(usedData);
|
|
227
199
|
};
|
|
228
|
-
(0, _react.useEffect)(
|
|
200
|
+
(0, _react.useEffect)(() => {
|
|
229
201
|
if (useInternalState) updateFormState();
|
|
230
202
|
}, [JSON.stringify(data), useInternalState]);
|
|
231
|
-
(0, _react.useEffect)(
|
|
203
|
+
(0, _react.useEffect)(() => {
|
|
232
204
|
if (!useInternalState && onDataChange) updateFormState();
|
|
233
205
|
}, [JSON.stringify(dataSource), useInternalState]);
|
|
234
|
-
(0, _react.useEffect)(
|
|
206
|
+
(0, _react.useEffect)(() => {
|
|
235
207
|
if (securityBeforeUnload) {
|
|
236
208
|
if (context) context.setSecurityBeforeUnload(true);
|
|
237
209
|
window.addEventListener('beforeunload', onBeforeUnload);
|
|
238
210
|
}
|
|
239
|
-
return
|
|
240
|
-
return window.removeEventListener('beforeunload', onBeforeUnload);
|
|
241
|
-
};
|
|
211
|
+
return () => window.removeEventListener('beforeunload', onBeforeUnload);
|
|
242
212
|
}, [securityBeforeUnload, onBeforeUnload]);
|
|
243
|
-
(0, _react.useEffect)(
|
|
213
|
+
(0, _react.useEffect)(() => {
|
|
244
214
|
if (!disabled && submitOnPressEnterKey !== submitFormOnEnter) {
|
|
245
215
|
setSubmitFormOnEnter(submitOnPressEnterKey);
|
|
246
216
|
}
|
|
247
217
|
}, [submitOnPressEnterKey]);
|
|
248
|
-
(0, _react.useEffect)(
|
|
249
|
-
|
|
250
|
-
return acc + ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) || 0);
|
|
251
|
-
}, 0);
|
|
218
|
+
(0, _react.useEffect)(() => {
|
|
219
|
+
const newValidatorsQuantity = Object.values(fieldsValidators.current).reduce((acc, currentValue) => acc + ((currentValue === null || currentValue === void 0 ? void 0 : currentValue.length) || 0), 0);
|
|
252
220
|
if (fieldsValidators.current && onValidateForm && oldFieldsValidatorsQuantity !== newValidatorsQuantity) {
|
|
253
221
|
setOldFieldsValidatorsQuantity(newValidatorsQuantity);
|
|
254
222
|
onValidateForm(checkIsValid(usedData, true, fieldsValidators.current));
|
|
255
223
|
}
|
|
256
224
|
}, [fieldsValidators.current, oldFieldsValidatorsQuantity, onValidateForm, JSON.stringify(usedData)]);
|
|
257
|
-
|
|
258
|
-
skeletonize
|
|
225
|
+
const contextValues = {
|
|
226
|
+
skeletonize,
|
|
259
227
|
handlerFieldChange: onFieldChange,
|
|
260
228
|
handlerFieldValidade: onValidate,
|
|
261
|
-
handlerStoreValidators:
|
|
262
|
-
fieldsValidators.current = _objectSpread(_objectSpread({}, fieldsValidators.current), {},
|
|
229
|
+
handlerStoreValidators: (fieldName, fieldValidates) => {
|
|
230
|
+
fieldsValidators.current = _objectSpread(_objectSpread({}, fieldsValidators.current), {}, {
|
|
231
|
+
[fieldName]: fieldValidates
|
|
232
|
+
});
|
|
263
233
|
},
|
|
264
234
|
handlerRemoveValidators: onRemoveFieldValidators,
|
|
265
235
|
data: useInternalState ? data : dataSource,
|
|
266
|
-
originalData
|
|
267
|
-
fieldErrors
|
|
268
|
-
externalFieldErrors
|
|
236
|
+
originalData,
|
|
237
|
+
fieldErrors,
|
|
238
|
+
externalFieldErrors
|
|
269
239
|
};
|
|
270
|
-
return /*#__PURE__*/_react
|
|
240
|
+
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_helpers.FormContext.Provider, {
|
|
271
241
|
value: contextValues
|
|
272
|
-
}, /*#__PURE__*/_react
|
|
242
|
+
}, /*#__PURE__*/_react.default.createElement("form", _extends({
|
|
273
243
|
style: style
|
|
274
244
|
}, formProps(), {
|
|
275
245
|
role: "presentation",
|
|
276
246
|
className: "form-component ".concat(customClass)
|
|
277
|
-
}), children)), /*#__PURE__*/_react
|
|
247
|
+
}), children)), /*#__PURE__*/_react.default.createElement(_dialog.DialogQuestion, {
|
|
278
248
|
zIndex: "99999999",
|
|
279
249
|
title: securityTitle || 'Dados Alterados',
|
|
280
250
|
text: securityText || 'Você possui dados alterados, confirma o fechamento?',
|
|
281
|
-
visible: !_lodash
|
|
282
|
-
onConfirmClick: context ? context.onConfirmClick :
|
|
283
|
-
onUnconfirmClick: context ? context.onUnconfirmClick :
|
|
251
|
+
visible: !_lodash.default.isEmpty(context) && context.showQuestion,
|
|
252
|
+
onConfirmClick: context ? context.onConfirmClick : () => {},
|
|
253
|
+
onUnconfirmClick: context ? context.onUnconfirmClick : () => {}
|
|
284
254
|
}));
|
|
285
255
|
};
|
|
286
|
-
var _default = exports
|
|
256
|
+
var _default = exports.default = Form;
|
package/lib/form/withFieldHOC.js
CHANGED
|
@@ -1,65 +1,59 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
8
|
var _helpers = require("./helpers");
|
|
10
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
11
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
9
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
12
11
|
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); }
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
handlerRemoveValidators = props.handlerRemoveValidators;
|
|
25
|
-
var _useState = (0, _react.useState)(undefined),
|
|
26
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
27
|
-
validatorFromComponent = _useState2[0],
|
|
28
|
-
setValidatorFromComponent = _useState2[1];
|
|
29
|
-
var updateValidators = function updateValidators() {
|
|
30
|
-
var validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
|
|
12
|
+
const withFieldHOC = WrappedComponent => {
|
|
13
|
+
const EnhancedComponent = props => {
|
|
14
|
+
const {
|
|
15
|
+
name,
|
|
16
|
+
validators,
|
|
17
|
+
handlerStoreValidators,
|
|
18
|
+
handlerRemoveValidators
|
|
19
|
+
} = props;
|
|
20
|
+
const [validatorFromComponent, setValidatorFromComponent] = (0, _react.useState)(undefined);
|
|
21
|
+
const updateValidators = () => {
|
|
22
|
+
const validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
|
|
31
23
|
if (validatorsArray && handlerStoreValidators) handlerStoreValidators(name, validatorsArray);
|
|
32
24
|
};
|
|
33
|
-
(0, _react.useEffect)(
|
|
25
|
+
(0, _react.useEffect)(() => {
|
|
34
26
|
updateValidators();
|
|
35
|
-
return
|
|
27
|
+
return () => {
|
|
36
28
|
if (validators && handlerRemoveValidators) handlerRemoveValidators(name);
|
|
37
29
|
};
|
|
38
30
|
}, []);
|
|
39
|
-
(0, _react.useEffect)(
|
|
31
|
+
(0, _react.useEffect)(() => {
|
|
40
32
|
updateValidators();
|
|
41
33
|
}, [validators]);
|
|
42
|
-
|
|
43
|
-
validatorFromComponent
|
|
44
|
-
handlerSetValidatorFromComponent:
|
|
34
|
+
const contextValues = {
|
|
35
|
+
validatorFromComponent,
|
|
36
|
+
handlerSetValidatorFromComponent: validator => {
|
|
45
37
|
setValidatorFromComponent(validator);
|
|
46
38
|
}
|
|
47
39
|
};
|
|
48
|
-
return /*#__PURE__*/_react
|
|
40
|
+
return /*#__PURE__*/_react.default.createElement(_helpers.withFieldContext.Provider, {
|
|
49
41
|
value: contextValues
|
|
50
|
-
}, /*#__PURE__*/_react
|
|
42
|
+
}, /*#__PURE__*/_react.default.createElement(WrappedComponent, props));
|
|
51
43
|
};
|
|
52
44
|
function forwardRef(props, ref) {
|
|
53
|
-
return /*#__PURE__*/_react
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
45
|
+
return /*#__PURE__*/_react.default.createElement(_helpers.FormContext.Consumer, null, _ref => {
|
|
46
|
+
let {
|
|
47
|
+
handlerFieldChange,
|
|
48
|
+
handlerFieldValidade,
|
|
49
|
+
data,
|
|
50
|
+
fieldErrors,
|
|
51
|
+
externalFieldErrors,
|
|
52
|
+
handlerStoreValidators,
|
|
53
|
+
handlerRemoveValidators,
|
|
54
|
+
skeletonize
|
|
55
|
+
} = _ref;
|
|
56
|
+
return /*#__PURE__*/_react.default.createElement(EnhancedComponent, _extends({}, props, {
|
|
63
57
|
skeletonize: skeletonize,
|
|
64
58
|
handlerFieldChange: handlerFieldChange,
|
|
65
59
|
handlerFieldValidade: handlerFieldValidade,
|
|
@@ -72,6 +66,6 @@ var withFieldHOC = function withFieldHOC(WrappedComponent) {
|
|
|
72
66
|
}));
|
|
73
67
|
});
|
|
74
68
|
}
|
|
75
|
-
return /*#__PURE__*/_react
|
|
69
|
+
return /*#__PURE__*/_react.default.forwardRef(forwardRef);
|
|
76
70
|
};
|
|
77
|
-
var _default = exports
|
|
71
|
+
var _default = exports.default = withFieldHOC;
|
|
@@ -1,63 +1,55 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports
|
|
6
|
+
exports.default = exports.FormSecurityContext = void 0;
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
10
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
8
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
9
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
10
|
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); }
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
var changedData = (0, _react.useRef)(false);
|
|
24
|
-
var securityBeforeUnload = (0, _react.useRef)(false);
|
|
25
|
-
var _useState = (0, _react.useState)(false),
|
|
26
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
27
|
-
showQuestion = _useState2[0],
|
|
28
|
-
setShowQuestion = _useState2[1];
|
|
29
|
-
var newHandlerClose = function newHandlerClose() {
|
|
11
|
+
const FormSecurityContext = exports.FormSecurityContext = /*#__PURE__*/_react.default.createContext({});
|
|
12
|
+
const withFormSecurity = WrappedComponent => {
|
|
13
|
+
const EnhancedComponent = props => {
|
|
14
|
+
const {
|
|
15
|
+
onOpenChange,
|
|
16
|
+
handlerClose
|
|
17
|
+
} = props;
|
|
18
|
+
const changedData = (0, _react.useRef)(false);
|
|
19
|
+
const securityBeforeUnload = (0, _react.useRef)(false);
|
|
20
|
+
const [showQuestion, setShowQuestion] = (0, _react.useState)(false);
|
|
21
|
+
const newHandlerClose = () => {
|
|
30
22
|
if (changedData.current && securityBeforeUnload.current) {
|
|
31
23
|
setShowQuestion(true);
|
|
32
24
|
} else if (onOpenChange) onOpenChange(false);else if (handlerClose) handlerClose();
|
|
33
25
|
};
|
|
34
|
-
|
|
26
|
+
const onConfirmClick = () => {
|
|
35
27
|
if (onOpenChange) onOpenChange(false);
|
|
36
28
|
if (handlerClose) handlerClose();
|
|
37
29
|
};
|
|
38
|
-
|
|
30
|
+
const onUnconfirmClick = () => {
|
|
39
31
|
setShowQuestion(false);
|
|
40
32
|
};
|
|
41
|
-
|
|
33
|
+
const onChangedData = value => {
|
|
42
34
|
changedData.current = value;
|
|
43
35
|
};
|
|
44
|
-
|
|
36
|
+
const setSecurityBeforeUnload = value => {
|
|
45
37
|
securityBeforeUnload.current = value;
|
|
46
38
|
};
|
|
47
|
-
|
|
48
|
-
onChangedData
|
|
49
|
-
showQuestion
|
|
50
|
-
onConfirmClick
|
|
51
|
-
onUnconfirmClick
|
|
52
|
-
setSecurityBeforeUnload
|
|
39
|
+
const contextValues = {
|
|
40
|
+
onChangedData,
|
|
41
|
+
showQuestion,
|
|
42
|
+
onConfirmClick,
|
|
43
|
+
onUnconfirmClick,
|
|
44
|
+
setSecurityBeforeUnload,
|
|
53
45
|
securityBeforeUnload: securityBeforeUnload.current
|
|
54
46
|
};
|
|
55
|
-
return /*#__PURE__*/_react
|
|
47
|
+
return /*#__PURE__*/_react.default.createElement(FormSecurityContext.Provider, {
|
|
56
48
|
value: contextValues
|
|
57
|
-
}, /*#__PURE__*/_react
|
|
49
|
+
}, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, {
|
|
58
50
|
handlerClose: newHandlerClose
|
|
59
51
|
})));
|
|
60
52
|
};
|
|
61
53
|
return EnhancedComponent;
|
|
62
54
|
};
|
|
63
|
-
var _default = exports
|
|
55
|
+
var _default = exports.default = withFormSecurity;
|