linear-react-components-ui 1.0.0-rc.2 → 1.0.0-rc.4
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/alerts/AlertContainer.js +1 -20
- package/lib/alerts/AlertProvider.js +13 -43
- package/lib/alerts/BaseAlert.js +2 -18
- package/lib/alerts/Message.js +21 -32
- package/lib/alerts/helpers.js +0 -2
- package/lib/alerts/index.js +0 -4
- package/lib/alerts/withAlert.js +1 -12
- package/lib/assets/styles/effects.scss +59 -0
- package/lib/assets/styles/sidenav.scss +3 -1
- package/lib/assets/styles/treetable.scss +100 -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 +43 -79
- 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.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 +0 -17
- package/lib/calendar/base/Week.js +1 -17
- package/lib/calendar/base/helpers.js +8 -24
- package/lib/calendar/base/index.js +11 -35
- package/lib/calendar/index.js +0 -8
- package/lib/checkbox/Label.js +1 -7
- package/lib/checkbox/index.js +26 -51
- 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 +7 -27
- package/lib/dialog/index.js +0 -9
- package/lib/drawer/Content.js +2 -13
- package/lib/drawer/Drawer.js +13 -42
- package/lib/drawer/Header.js +10 -27
- package/lib/drawer/helpers.js +0 -4
- package/lib/drawer/index.js +0 -8
- package/lib/dropdown/Popup.js +19 -32
- package/lib/dropdown/helper.js +0 -4
- package/lib/dropdown/withDropdown.js +16 -45
- package/lib/fieldset/index.js +19 -44
- package/lib/form/Field.js +14 -40
- package/lib/form/FieldArray.js +11 -30
- package/lib/form/FieldNumber.js +6 -18
- package/lib/form/FieldPeriod.js +9 -21
- package/lib/form/helpers.js +4 -29
- package/lib/form/index.js +31 -88
- package/lib/form/types.d.ts +1 -0
- package/lib/form/withFieldHOC.js +13 -32
- package/lib/form/withFormSecurity.js +3 -26
- package/lib/gridlayout/GridCol.js +5 -11
- package/lib/gridlayout/GridRow.js +3 -9
- package/lib/gridlayout/index.js +0 -4
- package/lib/icons/index.js +16 -26
- package/lib/index.js +0 -10
- package/lib/inputs/base/InputTextBase.js +42 -66
- package/lib/inputs/base/helpers.js +5 -18
- package/lib/inputs/color/index.js +9 -36
- 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 +46 -99
- package/lib/inputs/inputHOC.js +8 -32
- package/lib/inputs/mask/BaseMask.js +1 -14
- package/lib/inputs/mask/Cnpj.js +10 -35
- package/lib/inputs/mask/Cpf.js +8 -31
- 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 +48 -78
- package/lib/inputs/mask/index.js +0 -7
- package/lib/inputs/mask/types.d.ts +4 -4
- package/lib/inputs/multiSelect/ActionButtons.js +4 -13
- package/lib/inputs/multiSelect/Dropdown.js +20 -43
- package/lib/inputs/multiSelect/helper.js +2 -4
- package/lib/inputs/multiSelect/index.js +47 -104
- package/lib/inputs/multiSelect/types.d.ts +2 -2
- package/lib/inputs/number/BaseNumber.d.ts +3 -0
- package/lib/inputs/number/BaseNumber.js +3 -10
- package/lib/inputs/number/Currency.d.ts +3 -0
- package/lib/inputs/number/Currency.js +1 -7
- package/lib/inputs/number/Decimal.d.ts +3 -0
- package/lib/inputs/number/Decimal.js +0 -5
- package/lib/inputs/number/format_number.js +0 -7
- package/lib/inputs/number/index.d.ts +3 -0
- package/lib/inputs/number/index.js +3 -13
- package/lib/inputs/number/types.d.ts +14 -11
- 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 +41 -112
- package/lib/inputs/search/index.js +16 -59
- package/lib/inputs/select/ActionButtons.js +4 -12
- package/lib/inputs/select/Dropdown.js +26 -46
- package/lib/inputs/select/helper.js +9 -25
- package/lib/inputs/select/index.js +5 -18
- package/lib/inputs/select/multiple/Selecteds.js +3 -7
- package/lib/inputs/select/multiple/index.js +35 -94
- package/lib/inputs/select/simple/index.js +58 -105
- package/lib/inputs/select/types.d.ts +28 -27
- package/lib/inputs/text/index.d.ts +2 -0
- package/lib/inputs/text/index.js +1 -5
- package/lib/inputs/text/types.d.ts +5 -2
- package/lib/inputs/textarea/index.d.ts +4 -0
- package/lib/inputs/textarea/index.js +4 -10
- package/lib/inputs/textarea/types.d.ts +6 -1
- package/lib/inputs/types.d.ts +2 -2
- package/lib/internals/withTooltip.js +23 -68
- package/lib/labelMessages/index.js +23 -43
- package/lib/labels/DangerLabel.js +1 -11
- package/lib/labels/DefaultLabel.js +17 -39
- 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.js +0 -10
- package/lib/labels/label_container/index.js +3 -7
- package/lib/list/Header.js +3 -7
- package/lib/list/Item.js +34 -70
- package/lib/list/Separator.js +0 -4
- package/lib/list/helpers.js +0 -4
- package/lib/list/index.js +23 -58
- package/lib/menus/float/MenuItem.js +8 -22
- package/lib/menus/float/helpers.js +0 -4
- package/lib/menus/float/index.js +8 -20
- 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 +25 -54
- package/lib/menus/sidenav/NavSubMenuItem.js +6 -25
- package/lib/menus/sidenav/helpers.js +0 -9
- package/lib/menus/sidenav/index.js +24 -73
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +2 -7
- package/lib/menus/sidenav/popup_menu_search/index.js +13 -43
- package/lib/noPermission/index.js +0 -6
- package/lib/panel/Content.js +7 -22
- package/lib/panel/DangerPanel.js +0 -7
- package/lib/panel/Default.js +18 -42
- package/lib/panel/Header.js +12 -27
- package/lib/panel/InfoPanel.js +0 -7
- package/lib/panel/PrimaryPanel.js +0 -7
- package/lib/panel/SuccessPanel.js +0 -7
- package/lib/panel/ToolBar.js +0 -5
- package/lib/panel/WarningPanel.js +0 -7
- package/lib/panel/helpers.js +2 -10
- package/lib/panel/index.js +0 -11
- 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 +21 -44
- 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 +16 -38
- package/lib/split/Split.js +30 -81
- package/lib/split/SplitSide.js +6 -18
- package/lib/split/helpers.js +0 -4
- package/lib/split/index.js +0 -5
- package/lib/table/Body.js +15 -29
- package/lib/table/Header.js +5 -28
- package/lib/table/HeaderColumn.js +10 -21
- package/lib/table/Row.js +20 -26
- package/lib/table/RowColumn.js +12 -29
- package/lib/table/helpers.js +0 -7
- package/lib/table/index.js +31 -61
- 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 +12 -37
- package/lib/tabs/index.js +44 -111
- 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/treetable/Body.d.ts +3 -0
- package/lib/treetable/Body.js +46 -0
- package/lib/treetable/Header.d.ts +3 -0
- package/lib/treetable/Header.js +27 -0
- package/lib/treetable/Row.d.ts +7 -0
- package/lib/treetable/Row.js +261 -0
- package/lib/treetable/helpers.d.ts +19 -0
- package/lib/treetable/helpers.js +41 -0
- package/lib/treetable/index.d.ts +8 -0
- package/lib/treetable/index.js +24 -0
- package/lib/treetable/types.d.js +5 -0
- package/lib/treeview/Header.js +2 -6
- package/lib/treeview/Node.js +45 -109
- package/lib/treeview/constants.js +0 -4
- package/lib/treeview/index.js +52 -132
- package/lib/treeview_old/Header.js +1 -6
- package/lib/treeview_old/Node.js +2 -31
- package/lib/treeview_old/index.js +1 -9
- package/lib/types.d-73cece43.d.ts +46 -0
- package/lib/uitour/index.js +31 -71
- package/package.json +1 -1
|
@@ -4,13 +4,9 @@ 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 _icons = _interopRequireDefault(require("../../icons"));
|
|
11
|
-
|
|
12
9
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
-
|
|
14
10
|
var getCloseButton = function getCloseButton(handlerClose) {
|
|
15
11
|
return /*#__PURE__*/_react.default.createElement("span", {
|
|
16
12
|
className: "close-button",
|
|
@@ -20,7 +16,6 @@ var getCloseButton = function getCloseButton(handlerClose) {
|
|
|
20
16
|
tabIndex: 0
|
|
21
17
|
}, "X");
|
|
22
18
|
};
|
|
23
|
-
|
|
24
19
|
var getIcon = function getIcon(titleIcon, icon) {
|
|
25
20
|
if (icon) {
|
|
26
21
|
return icon;
|
|
@@ -30,17 +25,15 @@ var getIcon = function getIcon(titleIcon, icon) {
|
|
|
30
25
|
color: "#000"
|
|
31
26
|
});
|
|
32
27
|
}
|
|
33
|
-
|
|
34
28
|
return null;
|
|
35
29
|
};
|
|
36
|
-
|
|
37
30
|
var Header = function Header(_ref) {
|
|
38
31
|
var _ref$showCloseButton = _ref.showCloseButton,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
32
|
+
showCloseButton = _ref$showCloseButton === void 0 ? true : _ref$showCloseButton,
|
|
33
|
+
handlerClose = _ref.handlerClose,
|
|
34
|
+
title = _ref.title,
|
|
35
|
+
icon = _ref.icon,
|
|
36
|
+
titleIcon = _ref.titleIcon;
|
|
44
37
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
45
38
|
className: "dialog-header"
|
|
46
39
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -51,6 +44,5 @@ var Header = function Header(_ref) {
|
|
|
51
44
|
className: "modal-title"
|
|
52
45
|
}, title), showCloseButton && handlerClose && getCloseButton(handlerClose)));
|
|
53
46
|
};
|
|
54
|
-
|
|
55
47
|
var _default = Header;
|
|
56
48
|
exports.default = _default;
|
package/lib/dialog/base/index.js
CHANGED
|
@@ -1,84 +1,66 @@
|
|
|
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 = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
13
|
-
|
|
14
10
|
var _style = _interopRequireDefault(require("./style"));
|
|
15
|
-
|
|
16
11
|
require("../../assets/styles/dialog.scss");
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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
|
var body = document.getElementsByTagName('body')[0];
|
|
25
|
-
|
|
26
16
|
var BaseDialog = function BaseDialog(props) {
|
|
27
17
|
var _props$overlay = props.overlay,
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
18
|
+
overlay = _props$overlay === void 0 ? true : _props$overlay,
|
|
19
|
+
closeOnEsc = props.closeOnEsc,
|
|
20
|
+
handlerClose = props.handlerClose,
|
|
21
|
+
closeOnOutsideClick = props.closeOnOutsideClick,
|
|
22
|
+
wrapperClassName = props.wrapperClassName,
|
|
23
|
+
children = props.children,
|
|
24
|
+
zIndex = props.zIndex;
|
|
35
25
|
var dialogEl = (0, _react.useRef)(document.createElement('div'));
|
|
36
26
|
dialogEl.current.className = 'dialog';
|
|
37
27
|
dialogEl.current.dataset.testid = 'dialog-component';
|
|
38
28
|
var modalContainerEl = (0, _react.useRef)(document.createElement('div'));
|
|
39
29
|
var overlayEl = (0, _react.useRef)(null);
|
|
40
30
|
var wrapperEl = (0, _react.useRef)(null);
|
|
41
|
-
|
|
42
31
|
if (overlay && overlayEl.current === null) {
|
|
43
32
|
overlayEl.current = document.createElement('div');
|
|
44
33
|
overlayEl.current.className = 'modal-overlay';
|
|
45
34
|
overlayEl.current.dataset.testid = 'modal-overlay';
|
|
46
35
|
body.appendChild(overlayEl.current);
|
|
47
36
|
}
|
|
48
|
-
|
|
49
37
|
var handleClickOutside = function handleClickOutside(event) {
|
|
50
38
|
var target = event.target;
|
|
51
39
|
var dialogAlert = document.getElementsByClassName('dialog-alert-wrapper');
|
|
52
|
-
|
|
53
40
|
if (wrapperEl !== null && wrapperEl.current !== null && !wrapperEl.current.contains(target)) {
|
|
54
41
|
if (dialogAlert.length > 0 && dialogAlert[dialogAlert.length - 1].contains(target) || target.classList.contains('button-component')) return;
|
|
55
42
|
if (handlerClose) handlerClose();
|
|
56
43
|
}
|
|
57
44
|
};
|
|
58
|
-
|
|
59
45
|
var handleCloseOnEsc = function handleCloseOnEsc(event) {
|
|
60
46
|
if (event.keyCode === 27 || event.key === 'ESC') {
|
|
61
47
|
if (handlerClose) handlerClose();
|
|
62
48
|
}
|
|
63
49
|
};
|
|
64
|
-
|
|
65
50
|
var setModalContainer = function setModalContainer() {
|
|
66
51
|
modalContainerEl.current.className = 'modalcontainer';
|
|
67
52
|
if (zIndex) modalContainerEl.current.style.zIndex = zIndex;
|
|
68
53
|
body.appendChild(modalContainerEl.current);
|
|
69
54
|
modalContainerEl.current.appendChild(dialogEl.current);
|
|
70
55
|
};
|
|
71
|
-
|
|
72
56
|
var removeModalContainer = function removeModalContainer() {
|
|
73
57
|
var modalComponent = document.getElementsByClassName('modalcontainer');
|
|
74
58
|
document.body.removeChild(modalComponent[modalComponent.length - 1]);
|
|
75
59
|
};
|
|
76
|
-
|
|
77
60
|
var removeOverlay = function removeOverlay() {
|
|
78
61
|
var modalOverlay = document.getElementsByClassName('modal-overlay')[0];
|
|
79
62
|
body.removeChild(modalOverlay);
|
|
80
63
|
};
|
|
81
|
-
|
|
82
64
|
(0, _react.useEffect)(function () {
|
|
83
65
|
setModalContainer();
|
|
84
66
|
if (closeOnOutsideClick) document.addEventListener('click', handleClickOutside);
|
|
@@ -90,7 +72,6 @@ var BaseDialog = function BaseDialog(props) {
|
|
|
90
72
|
if (closeOnEsc) document.removeEventListener('keyup', handleCloseOnEsc);
|
|
91
73
|
};
|
|
92
74
|
}, []);
|
|
93
|
-
|
|
94
75
|
var renderModal = function renderModal() {
|
|
95
76
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
96
77
|
className: wrapperClassName,
|
|
@@ -101,9 +82,7 @@ var BaseDialog = function BaseDialog(props) {
|
|
|
101
82
|
}
|
|
102
83
|
}, children);
|
|
103
84
|
};
|
|
104
|
-
|
|
105
85
|
return /*#__PURE__*/_reactDom.default.createPortal(renderModal(), dialogEl.current);
|
|
106
86
|
};
|
|
107
|
-
|
|
108
87
|
var _default = BaseDialog;
|
|
109
88
|
exports.default = _default;
|
package/lib/dialog/base/style.js
CHANGED
|
@@ -4,7 +4,6 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var dialogStyle = function dialogStyle(props) {
|
|
9
8
|
return {
|
|
10
9
|
height: props.height,
|
|
@@ -13,6 +12,5 @@ var dialogStyle = function dialogStyle(props) {
|
|
|
13
12
|
textAlign: props.textAlign
|
|
14
13
|
};
|
|
15
14
|
};
|
|
16
|
-
|
|
17
15
|
var _default = dialogStyle;
|
|
18
16
|
exports.default = _default;
|
package/lib/dialog/form/index.js
CHANGED
|
@@ -1,53 +1,37 @@
|
|
|
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 = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _uuid = _interopRequireDefault(require("uuid"));
|
|
13
|
-
|
|
14
10
|
var _base = _interopRequireDefault(require("../base"));
|
|
15
|
-
|
|
16
11
|
var _Header = _interopRequireDefault(require("../base/Header"));
|
|
17
|
-
|
|
18
12
|
var _index = require("../../buttons/index");
|
|
19
|
-
|
|
20
13
|
var _Content = _interopRequireDefault(require("../base/Content"));
|
|
21
|
-
|
|
22
14
|
var _Footer = _interopRequireDefault(require("../base/Footer"));
|
|
23
|
-
|
|
24
15
|
var _spinner = _interopRequireDefault(require("../../spinner"));
|
|
25
|
-
|
|
26
16
|
var _withFormSecurity = _interopRequireWildcard(require("../../form/withFormSecurity"));
|
|
27
|
-
|
|
28
17
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
|
-
|
|
30
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
31
|
-
|
|
32
19
|
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; }
|
|
33
|
-
|
|
34
20
|
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); }
|
|
35
|
-
|
|
36
21
|
var ModalForm = function ModalForm(props) {
|
|
37
22
|
var _props$showFooter = props.showFooter,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
23
|
+
showFooter = _props$showFooter === void 0 ? true : _props$showFooter,
|
|
24
|
+
_props$isWaiting = props.isWaiting,
|
|
25
|
+
isWaiting = _props$isWaiting === void 0 ? false : _props$isWaiting,
|
|
26
|
+
_props$width = props.width,
|
|
27
|
+
width = _props$width === void 0 ? '50%' : _props$width,
|
|
28
|
+
_props$height = props.height,
|
|
29
|
+
height = _props$height === void 0 ? '50%' : _props$height;
|
|
45
30
|
var overlayStyle = isWaiting ? {
|
|
46
31
|
opacity: 0.4,
|
|
47
32
|
pointerEvent: 'none'
|
|
48
33
|
} : {};
|
|
49
34
|
var context = (0, _react.useContext)(_withFormSecurity.FormSecurityContext);
|
|
50
|
-
|
|
51
35
|
var getSpinner = function getSpinner() {
|
|
52
36
|
if (!isWaiting) return null;
|
|
53
37
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -59,7 +43,6 @@ var ModalForm = function ModalForm(props) {
|
|
|
59
43
|
delayTime: 0
|
|
60
44
|
}));
|
|
61
45
|
};
|
|
62
|
-
|
|
63
46
|
return /*#__PURE__*/_react.default.createElement(_base.default, _extends({
|
|
64
47
|
width: width,
|
|
65
48
|
height: height
|
|
@@ -80,13 +63,10 @@ var ModalForm = function ModalForm(props) {
|
|
|
80
63
|
onClick: props.handlerClose
|
|
81
64
|
});
|
|
82
65
|
}
|
|
83
|
-
|
|
84
66
|
return /*#__PURE__*/_react.default.cloneElement(button, {
|
|
85
67
|
key: "button-".concat(_uuid.default.v1())
|
|
86
68
|
});
|
|
87
69
|
}))));
|
|
88
70
|
};
|
|
89
|
-
|
|
90
71
|
var _default = (0, _withFormSecurity.default)(ModalForm);
|
|
91
|
-
|
|
92
72
|
exports.default = _default;
|
package/lib/dialog/index.js
CHANGED
|
@@ -40,22 +40,13 @@ Object.defineProperty(exports, "DialogWarning", {
|
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
42
|
exports.default = void 0;
|
|
43
|
-
|
|
44
43
|
var _base = _interopRequireDefault(require("./base/"));
|
|
45
|
-
|
|
46
44
|
var _Alert = _interopRequireDefault(require("./Alert"));
|
|
47
|
-
|
|
48
45
|
var _Error = _interopRequireDefault(require("./Error"));
|
|
49
|
-
|
|
50
46
|
var _Information = _interopRequireDefault(require("./Information"));
|
|
51
|
-
|
|
52
47
|
var _Question = _interopRequireDefault(require("./Question"));
|
|
53
|
-
|
|
54
48
|
var _Warning = _interopRequireDefault(require("./Warning"));
|
|
55
|
-
|
|
56
49
|
var _Custom = _interopRequireDefault(require("./Custom"));
|
|
57
|
-
|
|
58
50
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
59
|
-
|
|
60
51
|
var _default = _base.default;
|
|
61
52
|
exports.default = _default;
|
package/lib/drawer/Content.js
CHANGED
|
@@ -1,36 +1,25 @@
|
|
|
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 = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
13
|
-
|
|
14
10
|
var _noPermission = _interopRequireDefault(require("../noPermission"));
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
14
|
var Content = function Content(_ref) {
|
|
23
15
|
var children = _ref.children,
|
|
24
|
-
|
|
25
|
-
|
|
16
|
+
style = _ref.style;
|
|
26
17
|
var _useContext = (0, _react.useContext)(_helpers.default),
|
|
27
|
-
|
|
28
|
-
|
|
18
|
+
hideContent = _useContext.hideContent;
|
|
29
19
|
return hideContent ? /*#__PURE__*/_react.default.createElement(_noPermission.default, null) : /*#__PURE__*/_react.default.createElement("div", {
|
|
30
20
|
className: "drawerbody",
|
|
31
21
|
style: style
|
|
32
22
|
}, children);
|
|
33
23
|
};
|
|
34
|
-
|
|
35
24
|
var _default = Content;
|
|
36
25
|
exports.default = _default;
|
package/lib/drawer/Drawer.js
CHANGED
|
@@ -1,60 +1,43 @@
|
|
|
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 = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
13
|
-
|
|
14
10
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
15
|
-
|
|
16
11
|
var _permissionValidations = require("../permissionValidations");
|
|
17
|
-
|
|
18
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
25
|
-
|
|
26
16
|
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."); }
|
|
27
|
-
|
|
28
17
|
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); }
|
|
29
|
-
|
|
30
18
|
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; }
|
|
31
|
-
|
|
32
19
|
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; }
|
|
33
|
-
|
|
34
20
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
35
|
-
|
|
36
21
|
var BaseDrawer = function BaseDrawer(_ref) {
|
|
37
22
|
var _ref$position = _ref.position,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
23
|
+
position = _ref$position === void 0 ? 'left' : _ref$position,
|
|
24
|
+
customClass = _ref.customClass,
|
|
25
|
+
children = _ref.children,
|
|
26
|
+
style = _ref.style,
|
|
27
|
+
customClassForContent = _ref.customClassForContent,
|
|
28
|
+
targetId = _ref.targetId,
|
|
29
|
+
closeOnEsc = _ref.closeOnEsc,
|
|
30
|
+
overlay = _ref.overlay,
|
|
31
|
+
permissionAttr = _ref.permissionAttr,
|
|
32
|
+
skeletonize = _ref.skeletonize,
|
|
33
|
+
handlerClose = _ref.handlerClose;
|
|
49
34
|
var drawerContainerEl = (0, _react.useRef)(document.createElement('div'));
|
|
50
35
|
drawerContainerEl.current.className = 'drawercontainer';
|
|
51
36
|
var drawerComponentEl = (0, _react.useRef)();
|
|
52
37
|
var hideContent = _permissionValidations.OPTIONS_ON_DENIED.hideContent;
|
|
53
|
-
|
|
54
38
|
var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent], permissionAttr)),
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
39
|
+
_useState2 = _slicedToArray(_useState, 1),
|
|
40
|
+
onDenied = _useState2[0];
|
|
58
41
|
var setDrawerComponent = function setDrawerComponent(body, randonId) {
|
|
59
42
|
var componentEl = document.createElement('div');
|
|
60
43
|
componentEl.className = 'drawer-component';
|
|
@@ -63,44 +46,36 @@ var BaseDrawer = function BaseDrawer(_ref) {
|
|
|
63
46
|
componentEl.appendChild(drawerContainerEl.current);
|
|
64
47
|
drawerComponentEl.current = componentEl;
|
|
65
48
|
};
|
|
66
|
-
|
|
67
49
|
var setDrawerOverlay = function setDrawerOverlay(body) {
|
|
68
50
|
var drawerOverlay = document.createElement('div');
|
|
69
51
|
drawerOverlay.className = 'drawer-overlay';
|
|
70
52
|
drawerOverlay.dataset.testid = 'drawer-overlay';
|
|
71
53
|
body.appendChild(drawerOverlay);
|
|
72
54
|
};
|
|
73
|
-
|
|
74
55
|
var closeDrawerOnEsc = function closeDrawerOnEsc(e) {
|
|
75
56
|
if (closeOnEsc && (e.keyCode === 27 || e.key === 'ESC')) {
|
|
76
57
|
handlerClose === null || handlerClose === void 0 ? void 0 : handlerClose();
|
|
77
58
|
}
|
|
78
59
|
};
|
|
79
|
-
|
|
80
60
|
(0, _react.useEffect)(function () {
|
|
81
61
|
var body;
|
|
82
62
|
var randonId = Math.round(+new Date() / 1000);
|
|
83
|
-
|
|
84
63
|
if (targetId === undefined) {
|
|
85
64
|
body = document.getElementsByTagName('body')[0];
|
|
86
65
|
} else {
|
|
87
66
|
body = document.getElementById(targetId);
|
|
88
67
|
}
|
|
89
|
-
|
|
90
68
|
if (body) setDrawerComponent(body, randonId);
|
|
91
69
|
if (overlay && !targetId && body) setDrawerOverlay(body);
|
|
92
70
|
return function () {
|
|
93
71
|
var drawerOverlay = document.getElementsByClassName('drawer-overlay')[0];
|
|
94
72
|
if (closeOnEsc) document.body.removeEventListener('keyup', closeDrawerOnEsc);
|
|
95
|
-
|
|
96
73
|
if (targetId) {
|
|
97
74
|
var drawerComponentTarget = document.getElementById(targetId);
|
|
98
|
-
|
|
99
75
|
if (drawerComponentTarget && drawerComponentEl.current) {
|
|
100
76
|
drawerComponentTarget.removeChild(drawerComponentEl.current);
|
|
101
77
|
}
|
|
102
78
|
} else if (drawerComponentEl.current) document.body.removeChild(drawerComponentEl.current);
|
|
103
|
-
|
|
104
79
|
if (drawerOverlay && !targetId && body) body.removeChild(drawerOverlay);
|
|
105
80
|
};
|
|
106
81
|
}, []);
|
|
@@ -108,7 +83,6 @@ var BaseDrawer = function BaseDrawer(_ref) {
|
|
|
108
83
|
if (closeOnEsc) {
|
|
109
84
|
document.body.addEventListener('keyup', closeDrawerOnEsc);
|
|
110
85
|
}
|
|
111
|
-
|
|
112
86
|
return function () {
|
|
113
87
|
return document.body.removeEventListener('keyup', closeDrawerOnEsc);
|
|
114
88
|
};
|
|
@@ -118,7 +92,6 @@ var BaseDrawer = function BaseDrawer(_ref) {
|
|
|
118
92
|
hideContent: onDenied.hideContent,
|
|
119
93
|
skeletonize: skeletonize
|
|
120
94
|
};
|
|
121
|
-
|
|
122
95
|
var drawerContent = function drawerContent() {
|
|
123
96
|
return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
|
|
124
97
|
value: contextValues
|
|
@@ -131,9 +104,7 @@ var BaseDrawer = function BaseDrawer(_ref) {
|
|
|
131
104
|
className: "drawercontent ".concat(skeletonize ? '-skeletonized' : '', " ").concat(customClassForContent)
|
|
132
105
|
}, children)));
|
|
133
106
|
};
|
|
134
|
-
|
|
135
107
|
return /*#__PURE__*/_reactDom.default.createPortal(drawerContent(), drawerContainerEl.current);
|
|
136
108
|
};
|
|
137
|
-
|
|
138
109
|
var _default = BaseDrawer;
|
|
139
110
|
exports.default = _default;
|
package/lib/drawer/Header.js
CHANGED
|
@@ -1,24 +1,16 @@
|
|
|
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 = _interopRequireWildcard(require("react"));
|
|
11
|
-
|
|
12
9
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
13
|
-
|
|
14
10
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
15
|
-
|
|
16
11
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
-
|
|
18
12
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
|
-
|
|
20
13
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
|
-
|
|
22
14
|
var getCloseButton = function getCloseButton(handlerClose) {
|
|
23
15
|
return /*#__PURE__*/_react.default.createElement("span", {
|
|
24
16
|
"data-testid": "header-closebutton",
|
|
@@ -29,7 +21,6 @@ var getCloseButton = function getCloseButton(handlerClose) {
|
|
|
29
21
|
tabIndex: 0
|
|
30
22
|
}, "X");
|
|
31
23
|
};
|
|
32
|
-
|
|
33
24
|
var getIcon = function getIcon(titleIcon, icon) {
|
|
34
25
|
if (titleIcon || icon) {
|
|
35
26
|
return /*#__PURE__*/_react.default.createElement("span", {
|
|
@@ -41,43 +32,36 @@ var getIcon = function getIcon(titleIcon, icon) {
|
|
|
41
32
|
size: 24
|
|
42
33
|
}));
|
|
43
34
|
}
|
|
44
|
-
|
|
45
35
|
return /*#__PURE__*/_react.default.createElement("noscript", null);
|
|
46
36
|
};
|
|
47
|
-
|
|
48
37
|
var Header = function Header(_ref) {
|
|
49
38
|
var _ref$showCloseButton = _ref.showCloseButton,
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
39
|
+
showCloseButton = _ref$showCloseButton === void 0 ? true : _ref$showCloseButton,
|
|
40
|
+
title = _ref.title,
|
|
41
|
+
subTitle = _ref.subTitle,
|
|
42
|
+
icon = _ref.icon,
|
|
43
|
+
titleIcon = _ref.titleIcon,
|
|
44
|
+
customClass = _ref.customClass,
|
|
45
|
+
titleContent = _ref.titleContent,
|
|
46
|
+
subTitleContent = _ref.subTitleContent,
|
|
47
|
+
titleRightContent = _ref.titleRightContent;
|
|
60
48
|
var _useContext = (0, _react.useContext)(_helpers.default),
|
|
61
|
-
|
|
62
|
-
|
|
49
|
+
handlerClose = _useContext.handlerClose;
|
|
63
50
|
var renderTitle = function renderTitle() {
|
|
64
51
|
if (titleContent) return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, titleContent);
|
|
65
52
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, icon ? getIcon(titleIcon, icon) : getIcon(titleIcon, null), /*#__PURE__*/_react.default.createElement("h2", {
|
|
66
53
|
className: "drawer-title"
|
|
67
54
|
}, title), titleRightContent);
|
|
68
55
|
};
|
|
69
|
-
|
|
70
56
|
var renderSubtitle = function renderSubtitle() {
|
|
71
57
|
if (subTitleContent) return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, subTitleContent);
|
|
72
58
|
return subTitle && /*#__PURE__*/_react.default.createElement("h3", {
|
|
73
59
|
className: "drawer-subtitle"
|
|
74
60
|
}, subTitle);
|
|
75
61
|
};
|
|
76
|
-
|
|
77
62
|
var checkHandlerClose = function checkHandlerClose() {
|
|
78
63
|
return handlerClose ? handlerClose() : undefined;
|
|
79
64
|
};
|
|
80
|
-
|
|
81
65
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
82
66
|
className: "drawerheader ".concat(customClass),
|
|
83
67
|
"data-testid": "drawerheader"
|
|
@@ -91,6 +75,5 @@ var Header = function Header(_ref) {
|
|
|
91
75
|
checkHandlerClose();
|
|
92
76
|
})));
|
|
93
77
|
};
|
|
94
|
-
|
|
95
78
|
var _default = Header;
|
|
96
79
|
exports.default = _default;
|
package/lib/drawer/helpers.js
CHANGED
|
@@ -4,12 +4,8 @@ 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
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
9
|
var DrawerContext = /*#__PURE__*/_react.default.createContext({});
|
|
13
|
-
|
|
14
10
|
var _default = DrawerContext;
|
|
15
11
|
exports.default = _default;
|
package/lib/drawer/index.js
CHANGED
|
@@ -16,19 +16,11 @@ Object.defineProperty(exports, "DrawerHeader", {
|
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
exports.default = void 0;
|
|
19
|
-
|
|
20
19
|
var _Drawer = _interopRequireDefault(require("./Drawer"));
|
|
21
|
-
|
|
22
20
|
var _Header = _interopRequireDefault(require("./Header"));
|
|
23
|
-
|
|
24
21
|
var _Content = _interopRequireDefault(require("./Content"));
|
|
25
|
-
|
|
26
22
|
require("../assets/styles/drawers.scss");
|
|
27
|
-
|
|
28
23
|
var _withFormSecurity = _interopRequireDefault(require("../form/withFormSecurity"));
|
|
29
|
-
|
|
30
24
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
31
|
-
|
|
32
25
|
var _default = (0, _withFormSecurity.default)(_Drawer.default);
|
|
33
|
-
|
|
34
26
|
exports.default = _default;
|