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
|
@@ -1,111 +1,92 @@
|
|
|
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.WithDropdownContext = void 0;
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
8
|
var _Popup = _interopRequireDefault(require("./Popup"));
|
|
10
9
|
require("../assets/styles/dropdown.scss");
|
|
11
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
12
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
13
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
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); }
|
|
12
|
+
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; }
|
|
14
13
|
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); }
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
_props$dropdownAlign = props.dropdownAlign,
|
|
35
|
-
dropdownAlign = _props$dropdownAlign === void 0 ? 'left' : _props$dropdownAlign,
|
|
36
|
-
isFloatMenu = props.isFloatMenu,
|
|
37
|
-
isDropdownOpened = props.isDropdownOpened;
|
|
38
|
-
var _useState = (0, _react.useState)(dropdownOpened),
|
|
39
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
40
|
-
opened = _useState2[0],
|
|
41
|
-
setOpened = _useState2[1];
|
|
42
|
-
var _useState3 = (0, _react.useState)(dropdownOpened),
|
|
43
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
44
|
-
prevOpened = _useState4[0],
|
|
45
|
-
setPrevOpened = _useState4[1];
|
|
46
|
-
var popupRef = (0, _react.useRef)(null);
|
|
47
|
-
var wrappedComponentRef = (0, _react.useRef)(null);
|
|
14
|
+
const WithDropdownContext = exports.WithDropdownContext = /*#__PURE__*/(0, _react.createContext)({});
|
|
15
|
+
const getDisplayName = Component => Component.displayName || Component.name || 'Component';
|
|
16
|
+
const withDropdown = WrappedComponent => {
|
|
17
|
+
const EnhancedComponent = props => {
|
|
18
|
+
const {
|
|
19
|
+
dropdownOpened,
|
|
20
|
+
showDropdown,
|
|
21
|
+
dropdown,
|
|
22
|
+
closeDropdownOnClickOutside = true,
|
|
23
|
+
customClassForDropdown,
|
|
24
|
+
children,
|
|
25
|
+
dropdownAlign = 'left',
|
|
26
|
+
isFloatMenu,
|
|
27
|
+
isDropdownOpened
|
|
28
|
+
} = props;
|
|
29
|
+
const [opened, setOpened] = (0, _react.useState)(dropdownOpened);
|
|
30
|
+
const [prevOpened, setPrevOpened] = (0, _react.useState)(dropdownOpened);
|
|
31
|
+
const popupRef = (0, _react.useRef)(null);
|
|
32
|
+
const wrappedComponentRef = (0, _react.useRef)(null);
|
|
48
33
|
if (dropdownOpened !== prevOpened) {
|
|
49
34
|
setOpened(dropdownOpened);
|
|
50
35
|
setPrevOpened(dropdownOpened);
|
|
51
36
|
}
|
|
52
|
-
|
|
53
|
-
|
|
37
|
+
const onClickOutside = event => {
|
|
38
|
+
const {
|
|
39
|
+
target
|
|
40
|
+
} = event;
|
|
54
41
|
if (popupRef !== null && popupRef !== void 0 && popupRef.current && target !== (popupRef === null || popupRef === void 0 ? void 0 : popupRef.current) && !event.composedPath().includes(popupRef.current) && wrappedComponentRef.current !== target) {
|
|
55
42
|
setOpened(false);
|
|
56
43
|
}
|
|
57
44
|
};
|
|
58
|
-
|
|
59
|
-
setOpened(
|
|
60
|
-
return !prevState;
|
|
61
|
-
});
|
|
45
|
+
const onDropdownClick = () => {
|
|
46
|
+
setOpened(prevState => !prevState);
|
|
62
47
|
};
|
|
63
|
-
|
|
48
|
+
const getDropdown = targetRef => {
|
|
64
49
|
if (!targetRef || !opened) return null;
|
|
65
50
|
wrappedComponentRef.current = targetRef;
|
|
66
|
-
|
|
67
|
-
return /*#__PURE__*/_react
|
|
51
|
+
const targetDimensions = targetRef.getBoundingClientRect();
|
|
52
|
+
return /*#__PURE__*/_react.default.createElement(_Popup.default, {
|
|
68
53
|
topPosition: targetDimensions.top + window.scrollY + targetDimensions.height,
|
|
69
54
|
rightPosition: !isFloatMenu ? window.innerWidth - targetDimensions.x - targetDimensions.width - 4 : undefined,
|
|
70
55
|
leftPosition: targetDimensions.left,
|
|
71
56
|
align: dropdownAlign,
|
|
72
57
|
customClassForDropdown: customClassForDropdown,
|
|
73
58
|
isFloatMenu: isFloatMenu
|
|
74
|
-
}, /*#__PURE__*/_react
|
|
59
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
75
60
|
className: isFloatMenu ? 'items' : undefined,
|
|
76
|
-
ref:
|
|
61
|
+
ref: r => {
|
|
77
62
|
popupRef.current = r;
|
|
78
63
|
}
|
|
79
64
|
}, children));
|
|
80
65
|
};
|
|
81
|
-
(0, _react.useEffect)(
|
|
66
|
+
(0, _react.useEffect)(() => {
|
|
82
67
|
if (dropdown && closeDropdownOnClickOutside) {
|
|
83
68
|
document.addEventListener('click', onClickOutside);
|
|
84
69
|
}
|
|
85
|
-
return
|
|
70
|
+
return () => {
|
|
86
71
|
if (dropdown && closeDropdownOnClickOutside) {
|
|
87
72
|
document.removeEventListener('click', onClickOutside);
|
|
88
73
|
}
|
|
89
74
|
};
|
|
90
75
|
}, []);
|
|
91
|
-
|
|
76
|
+
const contextValues = {
|
|
92
77
|
handleDropdownClose: onDropdownClick
|
|
93
78
|
};
|
|
94
|
-
|
|
95
|
-
getDropdownPopup:
|
|
96
|
-
|
|
97
|
-
},
|
|
98
|
-
showDropdown: !showDropdown ? function () {
|
|
99
|
-
return setOpened(!opened);
|
|
100
|
-
} : showDropdown,
|
|
79
|
+
const newProps = {
|
|
80
|
+
getDropdownPopup: targetRef => getDropdown(targetRef),
|
|
81
|
+
showDropdown: !showDropdown ? () => setOpened(!opened) : showDropdown,
|
|
101
82
|
isDropdownOpened: isDropdownOpened || opened
|
|
102
83
|
};
|
|
103
|
-
if (!dropdown) return /*#__PURE__*/_react
|
|
104
|
-
return /*#__PURE__*/_react
|
|
84
|
+
if (!dropdown) return /*#__PURE__*/_react.default.createElement(WrappedComponent, props);
|
|
85
|
+
return /*#__PURE__*/_react.default.createElement(WithDropdownContext.Provider, {
|
|
105
86
|
value: contextValues
|
|
106
|
-
}, /*#__PURE__*/_react
|
|
87
|
+
}, /*#__PURE__*/_react.default.createElement(WrappedComponent, _extends({}, props, newProps)));
|
|
107
88
|
};
|
|
108
89
|
EnhancedComponent.displayName = "withDropdown(".concat(getDisplayName(WrappedComponent), ")");
|
|
109
90
|
return EnhancedComponent;
|
|
110
91
|
};
|
|
111
|
-
var _default = exports
|
|
92
|
+
var _default = exports.default = withDropdown;
|
package/lib/fieldset/index.js
CHANGED
|
@@ -1,61 +1,56 @@
|
|
|
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 _gridlayout = _interopRequireDefault(require("../gridlayout"));
|
|
10
9
|
var _permissionValidations = require("../permissionValidations");
|
|
11
10
|
var _noPermission = _interopRequireDefault(require("../noPermission"));
|
|
12
11
|
require("../assets/styles/fieldset.scss");
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
14
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
16
15
|
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; }
|
|
17
16
|
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; }
|
|
18
17
|
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(t) { var i = _toPrimitive(t, "string"); return "symbol" ==
|
|
20
|
-
function _toPrimitive(t, r) { if ("object" !=
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
var type = _ref.type,
|
|
47
|
-
customClass = _ref.customClass,
|
|
48
|
-
hasError = _ref.hasError;
|
|
49
|
-
var cssClass = "fieldset-component ".concat(customClass);
|
|
18
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
19
|
+
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); }
|
|
20
|
+
const Fieldset = props => {
|
|
21
|
+
const {
|
|
22
|
+
gridCols,
|
|
23
|
+
children,
|
|
24
|
+
title,
|
|
25
|
+
titleAlign = 'left',
|
|
26
|
+
style,
|
|
27
|
+
styleContent,
|
|
28
|
+
styleTitle,
|
|
29
|
+
template = 'none',
|
|
30
|
+
titleCustomClass,
|
|
31
|
+
permissionAttr
|
|
32
|
+
} = props;
|
|
33
|
+
const {
|
|
34
|
+
hideContent,
|
|
35
|
+
unvisible
|
|
36
|
+
} = _permissionValidations.OPTIONS_ON_DENIED;
|
|
37
|
+
const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent, unvisible], permissionAttr));
|
|
38
|
+
const getCssClass = _ref => {
|
|
39
|
+
let {
|
|
40
|
+
type,
|
|
41
|
+
customClass,
|
|
42
|
+
hasError
|
|
43
|
+
} = _ref;
|
|
44
|
+
let cssClass = "fieldset-component ".concat(customClass);
|
|
50
45
|
if (type) cssClass = "".concat(cssClass, " -").concat(type);
|
|
51
46
|
if (hasError) cssClass = "".concat(cssClass, " -witherror");
|
|
52
47
|
return cssClass;
|
|
53
48
|
};
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
colsCount =
|
|
57
|
-
|
|
58
|
-
|
|
49
|
+
const getContentStyle = _ref2 => {
|
|
50
|
+
let {
|
|
51
|
+
colsCount = 2,
|
|
52
|
+
rowsCount = 2
|
|
53
|
+
} = _ref2;
|
|
59
54
|
if (template === 'rows') {
|
|
60
55
|
return {
|
|
61
56
|
gridTemplateRows: "repeat(".concat(rowsCount, ", 1fr)")
|
|
@@ -67,22 +62,20 @@ var Fieldset = function Fieldset(props) {
|
|
|
67
62
|
}
|
|
68
63
|
return {};
|
|
69
64
|
};
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
}, children)));
|
|
82
|
-
};
|
|
65
|
+
const renderContent = () => /*#__PURE__*/_react.default.createElement("fieldset", {
|
|
66
|
+
style: style,
|
|
67
|
+
className: getCssClass(_objectSpread({}, props))
|
|
68
|
+
}, onDenied.hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, title && /*#__PURE__*/_react.default.createElement("legend", {
|
|
69
|
+
style: styleTitle,
|
|
70
|
+
align: titleAlign,
|
|
71
|
+
className: "legend ".concat(titleCustomClass)
|
|
72
|
+
}, title), /*#__PURE__*/_react.default.createElement("div", {
|
|
73
|
+
className: "contentfieldset -template".concat(template, " "),
|
|
74
|
+
style: Object.assign(getContentStyle(props), styleContent)
|
|
75
|
+
}, children)));
|
|
83
76
|
if (onDenied.unvisible) return null;
|
|
84
|
-
return gridCols ? /*#__PURE__*/_react
|
|
77
|
+
return gridCols ? /*#__PURE__*/_react.default.createElement(_gridlayout.default, {
|
|
85
78
|
cols: gridCols
|
|
86
79
|
}, renderContent()) : renderContent();
|
|
87
80
|
};
|
|
88
|
-
var _default = exports
|
|
81
|
+
var _default = exports.default = Fieldset;
|
package/lib/form/Field.js
CHANGED
|
@@ -1,131 +1,125 @@
|
|
|
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 _lodash = _interopRequireDefault(require("lodash"));
|
|
10
9
|
var _withFieldHOC = _interopRequireDefault(require("./withFieldHOC"));
|
|
11
10
|
var _helpers = require("./helpers");
|
|
12
|
-
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
14
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
11
|
+
const _excluded = ["handlerFieldChange", "handlerFieldValidade", "onChange", "onBlur", "name", "validators", "data", "fieldErrors", "handlerStoreValidators", "handlerRemoveValidators", "component", "externalFieldErrors", "originalData"];
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
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); }
|
|
14
|
+
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; }
|
|
16
15
|
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); }
|
|
17
16
|
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; }
|
|
18
17
|
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; }
|
|
19
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; }
|
|
20
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" ==
|
|
21
|
-
function _toPrimitive(t, r) { if ("object" !=
|
|
22
|
-
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
23
|
-
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."); }
|
|
24
|
-
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); }
|
|
25
|
-
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
|
-
function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t["return"] && (u = t["return"](), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
|
|
27
|
-
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
19
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
20
|
+
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); }
|
|
28
21
|
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; }
|
|
29
22
|
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; }
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
validators =
|
|
33
|
-
name
|
|
34
|
-
|
|
35
|
-
handlerFieldValidade
|
|
36
|
-
validatorFromComponent
|
|
37
|
-
handlerFieldChange
|
|
38
|
-
|
|
39
|
-
handleShowValidateMessages
|
|
40
|
-
|
|
41
|
-
|
|
23
|
+
const getEvents = _ref => {
|
|
24
|
+
let {
|
|
25
|
+
validators = [],
|
|
26
|
+
name,
|
|
27
|
+
onBlur,
|
|
28
|
+
handlerFieldValidade,
|
|
29
|
+
validatorFromComponent,
|
|
30
|
+
handlerFieldChange,
|
|
31
|
+
onChange,
|
|
32
|
+
handleShowValidateMessages
|
|
33
|
+
} = _ref;
|
|
34
|
+
if (!(validators || validatorFromComponent || onBlur || onChange)) return {};
|
|
35
|
+
const validatorsArray = (0, _helpers.getValidatorsArray)(validators, validatorFromComponent);
|
|
42
36
|
return {
|
|
43
|
-
onBlur:
|
|
37
|
+
onBlur: e => {
|
|
44
38
|
if (validatorsArray && e.target && handlerFieldValidade) {
|
|
45
39
|
handlerFieldValidade(name, e.target.value, validatorsArray);
|
|
46
40
|
handleShowValidateMessages(true);
|
|
47
41
|
}
|
|
48
|
-
if (
|
|
42
|
+
if (onBlur) onBlur(e);
|
|
49
43
|
},
|
|
50
|
-
onChange:
|
|
44
|
+
onChange: e => {
|
|
51
45
|
if (validatorsArray && e.target && handlerFieldValidade) {
|
|
52
46
|
handlerFieldValidade(name, e.target.value, validatorsArray);
|
|
53
47
|
handleShowValidateMessages(true);
|
|
54
48
|
}
|
|
55
49
|
if (handlerFieldChange) handlerFieldChange(e);
|
|
56
|
-
if (
|
|
50
|
+
if (onChange) onChange(e);
|
|
57
51
|
}
|
|
58
52
|
};
|
|
59
53
|
};
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
54
|
+
const getCustomProps = (props, handlerSetComponentValidator) => {
|
|
55
|
+
const {
|
|
56
|
+
value,
|
|
57
|
+
data,
|
|
58
|
+
name,
|
|
59
|
+
fieldId,
|
|
60
|
+
componentType,
|
|
61
|
+
component
|
|
62
|
+
} = props;
|
|
67
63
|
if (componentType && componentType.toLowerCase() === 'radio') {
|
|
68
64
|
return {
|
|
69
|
-
checked: _lodash
|
|
65
|
+
checked: _lodash.default.get(data, name) === value,
|
|
70
66
|
id: fieldId
|
|
71
67
|
};
|
|
72
68
|
} else if (componentType && componentType.toLowerCase() === 'checkbox') {
|
|
73
69
|
return {
|
|
74
|
-
checked: _lodash
|
|
70
|
+
checked: _lodash.default.get(data, name),
|
|
75
71
|
id: fieldId
|
|
76
72
|
};
|
|
77
73
|
} else if (component.displayName === 'CpfField' || component.displayName === 'CnpjField') {
|
|
78
74
|
return {
|
|
79
|
-
value: _lodash
|
|
80
|
-
handlerSetComponentValidator
|
|
75
|
+
value: _lodash.default.get(data, name),
|
|
76
|
+
handlerSetComponentValidator
|
|
81
77
|
};
|
|
82
78
|
}
|
|
83
79
|
return {
|
|
84
|
-
value: _lodash
|
|
80
|
+
value: _lodash.default.get(data, name)
|
|
85
81
|
};
|
|
86
82
|
};
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
83
|
+
const Field = /*#__PURE__*/(0, _react.forwardRef)((props, ref) => {
|
|
84
|
+
const {
|
|
85
|
+
handlerFieldChange,
|
|
86
|
+
handlerFieldValidade,
|
|
87
|
+
onChange,
|
|
88
|
+
onBlur,
|
|
89
|
+
name,
|
|
90
|
+
validators,
|
|
91
|
+
data,
|
|
92
|
+
fieldErrors,
|
|
93
|
+
handlerStoreValidators,
|
|
94
|
+
handlerRemoveValidators,
|
|
95
|
+
component: Component,
|
|
96
|
+
externalFieldErrors,
|
|
97
|
+
originalData
|
|
98
|
+
} = props,
|
|
101
99
|
rest = _objectWithoutProperties(props, _excluded);
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
var originalValue = _lodash["default"].get(originalData, name);
|
|
111
|
-
(0, _react.useEffect)(function () {
|
|
100
|
+
const [showValidateMessages, setShowValidateMessages] = (0, _react.useState)(false);
|
|
101
|
+
const {
|
|
102
|
+
handlerSetValidatorFromComponent,
|
|
103
|
+
validatorFromComponent
|
|
104
|
+
} = (0, _react.useContext)(_helpers.withFieldContext);
|
|
105
|
+
const currentValue = _lodash.default.get(data, name);
|
|
106
|
+
const originalValue = _lodash.default.get(originalData, name);
|
|
107
|
+
(0, _react.useEffect)(() => {
|
|
112
108
|
if (currentValue && currentValue !== originalValue && (!!currentValue || currentValue === 0 || Array.isArray(currentValue) && currentValue.length > 0)) {
|
|
113
109
|
setShowValidateMessages(true);
|
|
114
|
-
} else if (_lodash
|
|
110
|
+
} else if (_lodash.default.isEmpty(data) || _lodash.default.every(data, _lodash.default.isEmpty) || currentValue === originalValue) {
|
|
115
111
|
setShowValidateMessages(false);
|
|
116
112
|
}
|
|
117
113
|
}, [currentValue, originalValue]);
|
|
118
|
-
return /*#__PURE__*/_react
|
|
119
|
-
name
|
|
120
|
-
validators
|
|
121
|
-
onBlur
|
|
122
|
-
validatorFromComponent
|
|
123
|
-
handlerFieldValidade
|
|
124
|
-
handlerFieldChange
|
|
125
|
-
onChange
|
|
126
|
-
handleShowValidateMessages:
|
|
127
|
-
return setShowValidateMessages(value);
|
|
128
|
-
}
|
|
114
|
+
return /*#__PURE__*/_react.default.createElement(Component, _extends({}, rest, getEvents({
|
|
115
|
+
name,
|
|
116
|
+
validators,
|
|
117
|
+
onBlur,
|
|
118
|
+
validatorFromComponent,
|
|
119
|
+
handlerFieldValidade,
|
|
120
|
+
handlerFieldChange,
|
|
121
|
+
onChange,
|
|
122
|
+
handleShowValidateMessages: value => setShowValidateMessages(value)
|
|
129
123
|
}), getCustomProps(props, handlerSetValidatorFromComponent), {
|
|
130
124
|
ref: ref,
|
|
131
125
|
name: name,
|
|
@@ -135,4 +129,4 @@ var Field = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
|
|
|
135
129
|
}));
|
|
136
130
|
});
|
|
137
131
|
Field.displayName = 'Field';
|
|
138
|
-
var _default = exports
|
|
132
|
+
var _default = exports.default = (0, _withFieldHOC.default)(Field);
|