linear-react-components-ui 0.4.77-beta.2 → 0.4.77-beta.5
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/.eslintrc.json +95 -0
- package/.gitlab-ci.yml +19 -0
- package/.husky/pre-push +4 -0
- package/.vscode/launch.json +15 -0
- package/.vscode/settings.json +3 -0
- package/config/getHttpsConfig.js +56 -0
- package/config/paths.js +140 -0
- package/config/webpackDevServer.config.js +128 -0
- package/jest.config.js +3 -3
- package/lib/@types/LabelStyles.js +5 -0
- package/lib/@types/PermissionAttr.js +5 -0
- package/lib/@types/PointerEvents.js +5 -0
- package/lib/@types/Position.js +5 -0
- package/lib/@types/Size.js +5 -0
- package/lib/@types/SizePixels.js +5 -0
- package/lib/alerts/AlertContainer.js +2 -2
- package/lib/alerts/AlertProvider.js +12 -12
- package/lib/alerts/BaseAlert.js +6 -6
- package/lib/alerts/Message.js +21 -21
- package/lib/alerts/alert.spec.js +3 -3
- package/lib/alerts/helpers.js +4 -4
- package/lib/alerts/index.js +5 -5
- package/lib/alerts/withAlert.js +6 -6
- package/lib/assets/styles/commons.scss +0 -10
- package/lib/assets/styles/dropdown.scss +2 -22
- package/lib/assets/styles/effects.scss +0 -11
- package/lib/assets/styles/list.scss +0 -8
- package/lib/assets/styles/table.scss +7 -2
- package/lib/avatar/avatar.spec.js +20 -20
- package/lib/avatar/index.js +28 -28
- package/lib/badge/badge.spec.js +3 -3
- package/lib/badge/index.js +12 -12
- package/lib/buttons/ActivateButton.js +5 -5
- package/lib/buttons/AddButton.js +5 -5
- package/lib/buttons/Button.js +22 -14
- package/lib/buttons/ButtonGroups.js +4 -9
- package/lib/buttons/CancelButton.js +19 -6
- package/lib/buttons/DangerButton.js +16 -21
- package/lib/buttons/DefaultButton.js +73 -137
- package/lib/buttons/DestroyButton.js +15 -6
- package/lib/buttons/EditButton.js +5 -5
- package/lib/buttons/InactivateButton.js +5 -5
- package/lib/buttons/InfoButton.js +16 -21
- package/lib/buttons/PrimaryButton.js +16 -21
- package/lib/buttons/RestoreButton.js +5 -5
- package/lib/buttons/SaveButton.js +18 -5
- package/lib/buttons/SuccessButton.js +15 -20
- package/lib/buttons/WarningButton.js +15 -20
- package/lib/buttons/button_container/index.js +9 -22
- package/lib/buttons/buttons.spec.js +52 -51
- package/lib/buttons/index.js +32 -32
- package/lib/buttons/split_button/index.js +6 -43
- package/lib/buttons/types.js +5 -0
- package/lib/calendar/DangerCalendar.js +4 -4
- package/lib/calendar/InfoCalendar.js +4 -4
- package/lib/calendar/PrimaryCalendar.js +4 -4
- package/lib/calendar/SuccessCalendar.js +4 -4
- package/lib/calendar/WarningCalendar.js +4 -4
- package/lib/calendar/base/Day.js +8 -8
- package/lib/calendar/base/Month.js +6 -6
- package/lib/calendar/base/Week.js +7 -7
- package/lib/calendar/base/helpers.js +13 -13
- package/lib/calendar/base/index.js +20 -20
- package/lib/calendar/calendar.spec.js +16 -16
- package/lib/calendar/index.js +14 -14
- package/lib/checkbox/Label.js +7 -17
- package/lib/checkbox/checkbox.spec.js +16 -17
- package/lib/checkbox/index.js +45 -77
- package/lib/checkbox/types.js +5 -0
- package/lib/dialog/Alert.js +7 -7
- package/lib/dialog/Custom.js +19 -19
- package/lib/dialog/Error.js +7 -7
- package/lib/dialog/Information.js +7 -7
- package/lib/dialog/Question.js +12 -12
- package/lib/dialog/Warning.js +7 -7
- package/lib/dialog/base/Content.js +6 -6
- package/lib/dialog/base/Footer.js +5 -5
- package/lib/dialog/base/Header.js +14 -14
- package/lib/dialog/base/index.js +18 -18
- package/lib/dialog/base/style.js +2 -2
- package/lib/dialog/dialog.spec.js +19 -19
- package/lib/dialog/form/index.js +24 -24
- package/lib/dialog/index.js +15 -15
- package/lib/drawer/Content.js +8 -8
- package/lib/drawer/Drawer.js +20 -20
- package/lib/drawer/Drawer.spec.js +9 -9
- package/lib/drawer/Header.js +26 -26
- package/lib/drawer/helpers.js +4 -4
- package/lib/drawer/index.js +8 -8
- package/lib/dropdown/Popup.js +15 -9
- package/lib/dropdown/dropdown.spec.js +8 -8
- package/lib/dropdown/types.js +5 -0
- package/lib/dropdown/withDropdown.js +21 -48
- package/lib/fieldset/fieldset.spec.js +3 -3
- package/lib/fieldset/index.js +24 -24
- package/lib/form/Field.js +24 -24
- package/lib/form/FieldArray.js +25 -25
- package/lib/form/FieldNumber.js +15 -15
- package/lib/form/FieldPeriod.js +22 -22
- package/lib/form/form.spec.js +11 -11
- package/lib/form/helpers.js +6 -6
- package/lib/form/index.js +37 -37
- package/lib/form/withFieldHOC.js +14 -14
- package/lib/form/withFormSecurity.js +10 -10
- package/lib/gridlayout/GridCol.js +9 -9
- package/lib/gridlayout/GridRow.js +10 -10
- package/lib/gridlayout/gridLayout.spec.js +4 -4
- package/lib/gridlayout/index.js +5 -5
- package/lib/icons/helper.js +1 -1
- package/lib/icons/icons.spec.js +9 -9
- package/lib/icons/index.js +28 -45
- package/lib/icons/types.js +5 -0
- package/lib/index.js +16 -16
- package/lib/inputs/base/InputTextBase.js +65 -65
- package/lib/inputs/base/base.spec.js +13 -13
- package/lib/inputs/base/helpers.js +7 -7
- package/lib/inputs/color/color_input.spec.js +4 -4
- package/lib/inputs/color/index.js +16 -16
- package/lib/inputs/date/Dialog.js +7 -7
- package/lib/inputs/date/Dropdown.js +7 -7
- package/lib/inputs/date/date.spec.js +5 -5
- package/lib/inputs/date/helpers.js +5 -5
- package/lib/inputs/date/index.js +33 -33
- package/lib/inputs/inputHOC.js +12 -12
- package/lib/inputs/mask/BaseMask.js +9 -9
- package/lib/inputs/mask/Cnpj.js +10 -10
- package/lib/inputs/mask/Cpf.js +10 -10
- package/lib/inputs/mask/Phone.js +5 -5
- package/lib/inputs/mask/ZipCode.js +4 -4
- package/lib/inputs/mask/helpers.js +4 -4
- package/lib/inputs/mask/imaskHOC.js +33 -33
- package/lib/inputs/mask/index.js +10 -10
- package/lib/inputs/mask/input_mask.spec.js +47 -47
- package/lib/inputs/multiSelect/ActionButtons.js +13 -13
- package/lib/inputs/multiSelect/Dropdown.js +39 -39
- package/lib/inputs/multiSelect/helper.js +2 -2
- package/lib/inputs/multiSelect/index.js +22 -22
- package/lib/inputs/number/BaseNumber.js +8 -8
- package/lib/inputs/number/Currency.js +7 -7
- package/lib/inputs/number/Decimal.js +4 -4
- package/lib/inputs/number/format_number.js +1 -1
- package/lib/inputs/number/index.js +8 -8
- package/lib/inputs/number/numberfield.spec.js +5 -5
- package/lib/inputs/period/Dialog.js +7 -7
- package/lib/inputs/period/Dropdown.js +9 -9
- package/lib/inputs/period/PeriodList.js +9 -9
- package/lib/inputs/period/helper.js +6 -6
- package/lib/inputs/period/index.js +50 -52
- package/lib/inputs/search/index.js +24 -25
- package/lib/inputs/search/search_input.spec.js +4 -4
- package/lib/inputs/select/ActionButtons.js +12 -12
- package/lib/inputs/select/Dropdown.js +39 -39
- package/lib/inputs/select/helper.js +8 -4
- package/lib/inputs/select/index.js +7 -7
- package/lib/inputs/select/multiple/Selecteds.js +10 -10
- package/lib/inputs/select/multiple/index.js +29 -29
- package/lib/inputs/select/select.spec.js +11 -11
- package/lib/inputs/select/simple/index.js +31 -30
- package/lib/inputs/text/index.js +4 -4
- package/lib/inputs/text/textfield.spec.js +4 -4
- package/lib/inputs/textarea/index.js +7 -7
- package/lib/inputs/textarea/textarea.spec.js +2 -2
- package/lib/internals/colorStyles.js +2 -2
- package/lib/internals/constants.js +1 -1
- package/lib/internals/types.js +5 -0
- package/lib/internals/withTooltip.js +31 -39
- package/lib/labelMessages/index.js +34 -52
- package/lib/labelMessages/labelMessages.spec.js +16 -16
- package/lib/labelMessages/types.js +5 -0
- package/lib/labels/DangerLabel.js +4 -4
- package/lib/labels/DefaultLabel.js +22 -22
- package/lib/labels/InfoLabel.js +4 -4
- package/lib/labels/PrimaryLabel.js +4 -4
- package/lib/labels/SuccessLabel.js +4 -4
- package/lib/labels/WarningLabel.js +4 -4
- package/lib/labels/index.js +15 -15
- package/lib/labels/label.spec.js +18 -18
- package/lib/labels/label_container/index.js +8 -8
- package/lib/list/Header.js +9 -9
- package/lib/list/Item.js +45 -43
- package/lib/list/Separator.js +4 -4
- package/lib/list/helpers.js +5 -10
- package/lib/list/index.js +36 -106
- package/lib/list/list.spec.js +98 -127
- package/lib/menus/float/MenuItem.js +26 -38
- package/lib/menus/float/float-menu.spec.js +13 -13
- package/lib/menus/float/helpers.js +4 -4
- package/lib/menus/float/index.js +16 -24
- package/lib/menus/index.js +4 -4
- package/lib/menus/sidenav/ExpandMenu.js +8 -8
- package/lib/menus/sidenav/MenuLink.js +9 -9
- package/lib/menus/sidenav/NavMenuGroup.js +8 -8
- package/lib/menus/sidenav/NavMenuItem.js +25 -25
- package/lib/menus/sidenav/NavSubMenuItem.js +11 -11
- package/lib/menus/sidenav/helpers.js +5 -5
- package/lib/menus/sidenav/index.js +34 -34
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +7 -7
- package/lib/menus/sidenav/popup_menu_search/index.js +15 -14
- package/lib/menus/sidenav/sidenav.spec.js +9 -9
- package/lib/noPermission/index.js +7 -7
- package/lib/panel/Content.js +11 -11
- package/lib/panel/DangerPanel.js +5 -5
- package/lib/panel/Default.js +19 -19
- package/lib/panel/Header.js +22 -23
- package/lib/panel/InfoPanel.js +5 -5
- package/lib/panel/PrimaryPanel.js +5 -5
- package/lib/panel/SuccessPanel.js +5 -5
- package/lib/panel/ToolBar.js +5 -5
- package/lib/panel/WarningPanel.js +5 -5
- package/lib/panel/helpers.js +4 -4
- package/lib/panel/index.js +18 -18
- package/lib/panel/panel.spec.js +8 -8
- package/lib/permissionValidations.js +2 -2
- package/lib/popover/PopoverText.js +5 -5
- package/lib/popover/PopoverTitle.js +5 -5
- package/lib/popover/index.js +16 -16
- package/lib/popover/popover.spec.js +4 -4
- package/lib/progress/Bar.js +19 -19
- package/lib/progress/index.js +10 -10
- package/lib/progress/progress.spec.js +12 -4
- package/lib/radio/index.js +26 -50
- package/lib/radio/radio.spec.js +8 -8
- package/lib/radio/types.js +5 -0
- package/lib/skeleton/SkeletonContainer.js +8 -8
- package/lib/skeleton/index.js +14 -14
- package/lib/spinner/SpinnerLoading.js +43 -43
- package/lib/spinner/index.js +15 -15
- package/lib/spinner/spinner.spec.js +2 -2
- package/lib/split/Split.js +21 -21
- package/lib/split/SplitSide.js +13 -13
- package/lib/split/helpers.js +4 -4
- package/lib/split/index.js +5 -5
- package/lib/split/split.spec.js +25 -13
- package/lib/table/Body.js +14 -14
- package/lib/table/Header.js +13 -13
- package/lib/table/HeaderColumn.js +12 -12
- package/lib/table/Row.js +15 -15
- package/lib/table/RowColumn.js +15 -15
- package/lib/table/helpers.js +5 -5
- package/lib/table/index.js +36 -36
- package/lib/table/table.spec.js +14 -14
- package/lib/tabs/DropdownItems.js +14 -14
- package/lib/tabs/Menu.js +9 -9
- package/lib/tabs/MenuItems.js +16 -16
- package/lib/tabs/Panel.js +21 -21
- package/lib/tabs/index.js +22 -22
- package/lib/tabs/tabHelpers.js +6 -5
- package/lib/tabs/tabs.spec.js +45 -73
- package/lib/toolbar/ButtonBar.js +30 -21
- package/lib/toolbar/LabelBar.js +13 -13
- package/lib/toolbar/Separator.js +4 -4
- package/lib/toolbar/ToolBarGroup.js +6 -6
- package/lib/toolbar/helpers.js +2 -2
- package/lib/toolbar/index.js +19 -19
- package/lib/toolbar/toolbar.spec.js +10 -10
- package/lib/tooltip/index.js +16 -14
- package/lib/tooltip/tooltip.spec.js +15 -3
- package/lib/treeview/Header.js +8 -8
- package/lib/treeview/Node.js +44 -44
- package/lib/treeview/constants.js +2 -2
- package/lib/treeview/index.js +43 -43
- package/lib/treeview/treeview.spec.js +14 -14
- package/lib/treeview_old/Header.js +7 -7
- package/lib/treeview_old/Node.js +14 -14
- package/lib/treeview_old/index.js +9 -9
- package/lib/uitour/helpers.js +1 -1
- package/lib/uitour/index.js +25 -25
- package/lib/uitour/uitour.spec.js +21 -21
- package/package.json +36 -10
- package/scripts/start.js +135 -0
- package/tsconfig.json +17 -0
- package/.eslintrc.js +0 -26
- package/.husky/pre-commit +0 -4
- package/lib/menus/float/SubMenuContainer.js +0 -48
|
@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
|
|
@@ -21,11 +21,11 @@ var _buttons = _interopRequireDefault(require("../../buttons"));
|
|
|
21
21
|
|
|
22
22
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
23
23
|
|
|
24
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
24
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
25
|
|
|
26
26
|
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); }
|
|
27
27
|
|
|
28
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
28
|
+
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; }
|
|
29
29
|
|
|
30
30
|
var MenuItem = function MenuItem(_ref) {
|
|
31
31
|
var title = _ref.title,
|
|
@@ -33,28 +33,17 @@ var MenuItem = function MenuItem(_ref) {
|
|
|
33
33
|
iconName = _ref.iconName,
|
|
34
34
|
iconColor = _ref.iconColor,
|
|
35
35
|
iconSize = _ref.iconSize,
|
|
36
|
-
dropdownMenu = _ref.dropdownMenu
|
|
37
|
-
onClick = _ref.onClick;
|
|
36
|
+
dropdownMenu = _ref.dropdownMenu;
|
|
38
37
|
|
|
39
|
-
var _useContext = (0, _react.useContext)(_helpers
|
|
38
|
+
var _useContext = (0, _react.useContext)(_helpers.default),
|
|
40
39
|
customClassMenuItem = _useContext.customClassMenuItem;
|
|
41
40
|
|
|
42
41
|
var dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
|
|
43
|
-
|
|
44
|
-
var handleOnClick = function handleOnClick() {
|
|
45
|
-
if (onClick) {
|
|
46
|
-
onClick(dropdownContext && dropdownContext.handleDropdownClose);
|
|
47
|
-
return;
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
if (dropdownContext) dropdownContext.handleDropdownClose();
|
|
51
|
-
};
|
|
52
|
-
|
|
53
|
-
return /*#__PURE__*/_react["default"].createElement("div", {
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
54
43
|
className: "floatmenuitem"
|
|
55
|
-
}, /*#__PURE__*/_react
|
|
44
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
56
45
|
className: "".concat(customClassMenuItem, " -items")
|
|
57
|
-
}, !_lodash
|
|
46
|
+
}, !_lodash.default.isEmpty(dropdownMenu) && /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
58
47
|
customClass: "floatmenudropdown",
|
|
59
48
|
iconName: "more1",
|
|
60
49
|
transparent: true,
|
|
@@ -62,36 +51,35 @@ var MenuItem = function MenuItem(_ref) {
|
|
|
62
51
|
boxShadow: false,
|
|
63
52
|
dropdown: true,
|
|
64
53
|
showIconDropdown: false
|
|
65
|
-
}, dropdownMenu), /*#__PURE__*/_react
|
|
54
|
+
}, dropdownMenu), /*#__PURE__*/_react.default.createElement("a", {
|
|
66
55
|
className: "floatmenulink",
|
|
67
56
|
target: "_blank",
|
|
68
|
-
onClick:
|
|
69
|
-
|
|
70
|
-
style: {
|
|
71
|
-
cursor: onClick ? 'pointer' : undefined
|
|
57
|
+
onClick: function onClick() {
|
|
58
|
+
if (dropdownContext) dropdownContext.handleDropdownClose();
|
|
72
59
|
},
|
|
60
|
+
href: url,
|
|
73
61
|
rel: "noreferrer"
|
|
74
|
-
}, /*#__PURE__*/_react
|
|
62
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
75
63
|
className: "iconcontainer"
|
|
76
|
-
}, /*#__PURE__*/_react
|
|
64
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
77
65
|
name: iconName,
|
|
78
66
|
size: iconSize,
|
|
79
67
|
color: iconColor,
|
|
80
68
|
customClass: "iconmenu"
|
|
81
|
-
})), /*#__PURE__*/_react
|
|
69
|
+
})), /*#__PURE__*/_react.default.createElement("span", {
|
|
82
70
|
className: "nameitem"
|
|
83
71
|
}, title))));
|
|
84
72
|
};
|
|
85
73
|
|
|
86
74
|
MenuItem.propTypes = {
|
|
87
|
-
title: _propTypes
|
|
88
|
-
url: _propTypes
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
75
|
+
title: _propTypes.default.string,
|
|
76
|
+
url: _propTypes.default.string,
|
|
77
|
+
urlHref: _propTypes.default.string,
|
|
78
|
+
iconName: _propTypes.default.string,
|
|
79
|
+
iconColor: _propTypes.default.string,
|
|
80
|
+
iconSize: _propTypes.default.number,
|
|
81
|
+
customClass: _propTypes.default.string,
|
|
82
|
+
dropdownMenu: _propTypes.default.element
|
|
95
83
|
};
|
|
96
84
|
MenuItem.defaultProps = {
|
|
97
85
|
iconColor: 'gray',
|
|
@@ -100,8 +88,8 @@ MenuItem.defaultProps = {
|
|
|
100
88
|
iconName: '',
|
|
101
89
|
customClass: '',
|
|
102
90
|
url: undefined,
|
|
103
|
-
|
|
104
|
-
|
|
91
|
+
urlHref: undefined,
|
|
92
|
+
dropdownMenu: undefined
|
|
105
93
|
};
|
|
106
94
|
var _default = MenuItem;
|
|
107
|
-
exports
|
|
95
|
+
exports.default = _default;
|
|
@@ -14,9 +14,9 @@ var _ = _interopRequireWildcard(require("."));
|
|
|
14
14
|
|
|
15
15
|
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); }
|
|
16
16
|
|
|
17
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
17
|
+
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; }
|
|
18
18
|
|
|
19
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
19
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
20
20
|
|
|
21
21
|
function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
|
|
22
22
|
|
|
@@ -39,8 +39,8 @@ var menuData = [{
|
|
|
39
39
|
}];
|
|
40
40
|
|
|
41
41
|
var floatMenuMockRender = function floatMenuMockRender(props) {
|
|
42
|
-
return /*#__PURE__*/_react
|
|
43
|
-
return /*#__PURE__*/_react
|
|
42
|
+
return /*#__PURE__*/_react.default.createElement(_.default, props, menuData.map(function (p) {
|
|
43
|
+
return /*#__PURE__*/_react.default.createElement(_.MenuItem, p);
|
|
44
44
|
}));
|
|
45
45
|
};
|
|
46
46
|
|
|
@@ -162,17 +162,17 @@ describe('SideNav Menu', function () {
|
|
|
162
162
|
});
|
|
163
163
|
|
|
164
164
|
case 4:
|
|
165
|
-
as =
|
|
165
|
+
as = document.querySelectorAll('.dropdown-component .items .floatmenuitem');
|
|
166
166
|
expect(as[0].firstChild).toHaveClass('-items');
|
|
167
|
-
expect(as[0].
|
|
168
|
-
expect(as[0].
|
|
169
|
-
expect(as[0].
|
|
170
|
-
expect(as[0]
|
|
167
|
+
expect(as[0].querySelector('.iconcontainer')).toBeInTheDocument();
|
|
168
|
+
expect(as[0].querySelector('.icon-component')).toBeInTheDocument();
|
|
169
|
+
expect(as[0].querySelector('.nameitem')).toBeInTheDocument();
|
|
170
|
+
expect(as[0]).toHaveTextContent(menuData[0].title);
|
|
171
171
|
expect(as[1].firstChild).toHaveClass('-items');
|
|
172
|
-
expect(as[1].
|
|
173
|
-
expect(as[1].
|
|
174
|
-
expect(as[1].
|
|
175
|
-
expect(as[1]
|
|
172
|
+
expect(as[1].querySelector('.iconcontainer')).toBeInTheDocument();
|
|
173
|
+
expect(as[1].querySelector('.icon-component')).toBeInTheDocument();
|
|
174
|
+
expect(as[1].querySelector('.nameitem')).toBeInTheDocument();
|
|
175
|
+
expect(as[1]).toHaveTextContent(menuData[1].title);
|
|
176
176
|
|
|
177
177
|
case 15:
|
|
178
178
|
case "end":
|
|
@@ -3,13 +3,13 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
11
|
|
|
12
|
-
var FloatMenuContext = /*#__PURE__*/_react
|
|
12
|
+
var FloatMenuContext = /*#__PURE__*/_react.default.createContext();
|
|
13
13
|
|
|
14
14
|
var _default = FloatMenuContext;
|
|
15
|
-
exports
|
|
15
|
+
exports.default = _default;
|
package/lib/menus/float/index.js
CHANGED
|
@@ -6,16 +6,10 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
6
6
|
Object.defineProperty(exports, "MenuItem", {
|
|
7
7
|
enumerable: true,
|
|
8
8
|
get: function get() {
|
|
9
|
-
return _MenuItem
|
|
9
|
+
return _MenuItem.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
|
|
13
|
-
enumerable: true,
|
|
14
|
-
get: function get() {
|
|
15
|
-
return _SubMenuContainer["default"];
|
|
16
|
-
}
|
|
17
|
-
});
|
|
18
|
-
exports["default"] = void 0;
|
|
12
|
+
exports.default = void 0;
|
|
19
13
|
|
|
20
14
|
var _react = _interopRequireDefault(require("react"));
|
|
21
15
|
|
|
@@ -23,8 +17,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
23
17
|
|
|
24
18
|
var _MenuItem = _interopRequireDefault(require("./MenuItem"));
|
|
25
19
|
|
|
26
|
-
var _SubMenuContainer = _interopRequireDefault(require("./SubMenuContainer"));
|
|
27
|
-
|
|
28
20
|
var _buttons = _interopRequireDefault(require("../../buttons"));
|
|
29
21
|
|
|
30
22
|
var _icons = _interopRequireDefault(require("../../icons"));
|
|
@@ -35,7 +27,7 @@ require("../../assets/styles/floatMenu.scss");
|
|
|
35
27
|
|
|
36
28
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
37
29
|
|
|
38
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
30
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
39
31
|
|
|
40
32
|
var FloatMenu = function FloatMenu(props) {
|
|
41
33
|
var iconSize = props.iconSize,
|
|
@@ -47,7 +39,7 @@ var FloatMenu = function FloatMenu(props) {
|
|
|
47
39
|
customClassMenuItem = props.customClassMenuItem;
|
|
48
40
|
|
|
49
41
|
var getSpinner = function getSpinner() {
|
|
50
|
-
if (isLoading) return /*#__PURE__*/_react
|
|
42
|
+
if (isLoading) return /*#__PURE__*/_react.default.createElement(_spinner.default, null);
|
|
51
43
|
return spinner;
|
|
52
44
|
};
|
|
53
45
|
|
|
@@ -57,16 +49,16 @@ var FloatMenu = function FloatMenu(props) {
|
|
|
57
49
|
};
|
|
58
50
|
};
|
|
59
51
|
|
|
60
|
-
return /*#__PURE__*/_react
|
|
52
|
+
return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
|
|
61
53
|
value: getContextValues()
|
|
62
|
-
}, /*#__PURE__*/_react
|
|
54
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
63
55
|
className: "floatmenu-component ".concat(customClass)
|
|
64
|
-
}, /*#__PURE__*/_react
|
|
56
|
+
}, /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
65
57
|
transparent: true,
|
|
66
58
|
key: "button-",
|
|
67
59
|
boxShadow: false,
|
|
68
60
|
dropdown: true,
|
|
69
|
-
icon: /*#__PURE__*/_react
|
|
61
|
+
icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
70
62
|
name: "grid",
|
|
71
63
|
size: iconSize,
|
|
72
64
|
color: iconColor
|
|
@@ -80,13 +72,13 @@ var FloatMenu = function FloatMenu(props) {
|
|
|
80
72
|
};
|
|
81
73
|
|
|
82
74
|
FloatMenu.propTypes = {
|
|
83
|
-
customClass: _propTypes
|
|
84
|
-
children: _propTypes
|
|
85
|
-
iconSize: _propTypes
|
|
86
|
-
iconColor: _propTypes
|
|
87
|
-
customClassMenuItem: _propTypes
|
|
88
|
-
isLoading: _propTypes
|
|
89
|
-
spinner: _propTypes
|
|
75
|
+
customClass: _propTypes.default.string,
|
|
76
|
+
children: _propTypes.default.arrayOf(_propTypes.default.element).isRequired,
|
|
77
|
+
iconSize: _propTypes.default.number,
|
|
78
|
+
iconColor: _propTypes.default.string,
|
|
79
|
+
customClassMenuItem: _propTypes.default.string,
|
|
80
|
+
isLoading: _propTypes.default.bool,
|
|
81
|
+
spinner: _propTypes.default.instanceOf(Object)
|
|
90
82
|
};
|
|
91
83
|
FloatMenu.defaultProps = {
|
|
92
84
|
customClass: '',
|
|
@@ -97,4 +89,4 @@ FloatMenu.defaultProps = {
|
|
|
97
89
|
spinner: undefined
|
|
98
90
|
};
|
|
99
91
|
var _default = FloatMenu;
|
|
100
|
-
exports
|
|
92
|
+
exports.default = _default;
|
package/lib/menus/index.js
CHANGED
|
@@ -3,11 +3,11 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
|
|
8
8
|
var _float = _interopRequireDefault(require("./float"));
|
|
9
9
|
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
11
|
|
|
12
|
-
var _default = _float
|
|
13
|
-
exports
|
|
12
|
+
var _default = _float.default;
|
|
13
|
+
exports.default = _default;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
@@ -11,28 +11,28 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
11
11
|
|
|
12
12
|
var _icons = _interopRequireDefault(require("../../icons"));
|
|
13
13
|
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
14
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
15
|
|
|
16
16
|
var ExpandMenu = function ExpandMenu(_ref) {
|
|
17
17
|
var onExpandMenu = _ref.onExpandMenu,
|
|
18
18
|
expandMenuCustomClass = _ref.expandMenuCustomClass,
|
|
19
19
|
iconName = _ref.iconName;
|
|
20
|
-
return /*#__PURE__*/_react
|
|
20
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
21
21
|
className: "openclosemenu ".concat(expandMenuCustomClass),
|
|
22
22
|
role: "button",
|
|
23
23
|
tabIndex: 0,
|
|
24
24
|
onClick: onExpandMenu,
|
|
25
25
|
onKeyPress: null
|
|
26
|
-
}, /*#__PURE__*/_react
|
|
26
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
27
27
|
name: iconName,
|
|
28
28
|
size: 16
|
|
29
29
|
}));
|
|
30
30
|
};
|
|
31
31
|
|
|
32
32
|
ExpandMenu.propTypes = {
|
|
33
|
-
expandMenuCustomClass: _propTypes
|
|
34
|
-
onExpandMenu: _propTypes
|
|
35
|
-
iconName: _propTypes
|
|
33
|
+
expandMenuCustomClass: _propTypes.default.string,
|
|
34
|
+
onExpandMenu: _propTypes.default.func,
|
|
35
|
+
iconName: _propTypes.default.string
|
|
36
36
|
};
|
|
37
37
|
ExpandMenu.defaultProps = {
|
|
38
38
|
expandMenuCustomClass: '',
|
|
@@ -40,4 +40,4 @@ ExpandMenu.defaultProps = {
|
|
|
40
40
|
onExpandMenu: undefined
|
|
41
41
|
};
|
|
42
42
|
var _default = ExpandMenu;
|
|
43
|
-
exports
|
|
43
|
+
exports.default = _default;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
9
|
|
|
@@ -13,7 +13,7 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
13
13
|
|
|
14
14
|
var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
|
|
15
15
|
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
|
|
18
18
|
var MenuLink = function MenuLink(_ref) {
|
|
19
19
|
var url = _ref.url,
|
|
@@ -22,7 +22,7 @@ var MenuLink = function MenuLink(_ref) {
|
|
|
22
22
|
disabled = _ref.disabled;
|
|
23
23
|
|
|
24
24
|
if (url && !disabled) {
|
|
25
|
-
return /*#__PURE__*/_react
|
|
25
|
+
return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
|
|
26
26
|
to: url,
|
|
27
27
|
className: "menulink",
|
|
28
28
|
innerRef: function innerRef(r) {
|
|
@@ -35,10 +35,10 @@ var MenuLink = function MenuLink(_ref) {
|
|
|
35
35
|
};
|
|
36
36
|
|
|
37
37
|
MenuLink.propTypes = {
|
|
38
|
-
url: _propTypes
|
|
39
|
-
children: _propTypes
|
|
40
|
-
targetRef: _propTypes
|
|
41
|
-
disabled: _propTypes
|
|
38
|
+
url: _propTypes.default.string,
|
|
39
|
+
children: _propTypes.default.element.isRequired,
|
|
40
|
+
targetRef: _propTypes.default.func,
|
|
41
|
+
disabled: _propTypes.default.bool
|
|
42
42
|
};
|
|
43
43
|
MenuLink.defaultProps = {
|
|
44
44
|
url: undefined,
|
|
@@ -46,6 +46,6 @@ MenuLink.defaultProps = {
|
|
|
46
46
|
disabled: false
|
|
47
47
|
};
|
|
48
48
|
|
|
49
|
-
var _default = (0, _withTooltip
|
|
49
|
+
var _default = (0, _withTooltip.default)(MenuLink);
|
|
50
50
|
|
|
51
|
-
exports
|
|
51
|
+
exports.default = _default;
|
|
@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
|
|
@@ -13,11 +13,11 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
13
13
|
|
|
14
14
|
var _helpers = _interopRequireWildcard(require("./helpers"));
|
|
15
15
|
|
|
16
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
16
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
17
|
|
|
18
18
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
19
19
|
|
|
20
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
20
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
21
21
|
|
|
22
22
|
var NavMenuGroup = function NavMenuGroup(_ref) {
|
|
23
23
|
var children = _ref.children,
|
|
@@ -27,17 +27,17 @@ var NavMenuGroup = function NavMenuGroup(_ref) {
|
|
|
27
27
|
isExpanded = _useContext.isExpanded,
|
|
28
28
|
menuSize = _useContext.menuSize;
|
|
29
29
|
|
|
30
|
-
return /*#__PURE__*/_react
|
|
31
|
-
className: "".concat(scrollable && 'customscroll', " \n ").concat((0, _helpers
|
|
30
|
+
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
31
|
+
className: "".concat(scrollable && 'customscroll', " \n ").concat((0, _helpers.default)(isExpanded, menuSize))
|
|
32
32
|
}, children);
|
|
33
33
|
};
|
|
34
34
|
|
|
35
35
|
NavMenuGroup.propTypes = {
|
|
36
|
-
children: _propTypes
|
|
37
|
-
scrollable: _propTypes
|
|
36
|
+
children: _propTypes.default.any.isRequired,
|
|
37
|
+
scrollable: _propTypes.default.bool
|
|
38
38
|
};
|
|
39
39
|
NavMenuGroup.defaultProps = {
|
|
40
40
|
scrollable: false
|
|
41
41
|
};
|
|
42
42
|
var _default = NavMenuGroup;
|
|
43
|
-
exports
|
|
43
|
+
exports.default = _default;
|
|
@@ -5,7 +5,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", {
|
|
6
6
|
value: true
|
|
7
7
|
});
|
|
8
|
-
exports
|
|
8
|
+
exports.default = void 0;
|
|
9
9
|
|
|
10
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
11
|
|
|
@@ -21,11 +21,11 @@ var _permissionValidations = require("../../permissionValidations");
|
|
|
21
21
|
|
|
22
22
|
var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
|
|
23
23
|
|
|
24
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
24
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
25
25
|
|
|
26
26
|
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); }
|
|
27
27
|
|
|
28
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return {
|
|
28
|
+
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; }
|
|
29
29
|
|
|
30
30
|
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
31
31
|
|
|
@@ -37,7 +37,7 @@ function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o =
|
|
|
37
37
|
|
|
38
38
|
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; }
|
|
39
39
|
|
|
40
|
-
function _iterableToArrayLimit(arr, i) { var _i = arr
|
|
40
|
+
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; }
|
|
41
41
|
|
|
42
42
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
43
43
|
|
|
@@ -94,9 +94,9 @@ var NavMenuItem = function NavMenuItem(props) {
|
|
|
94
94
|
};
|
|
95
95
|
|
|
96
96
|
if (unvisible) return null;
|
|
97
|
-
return /*#__PURE__*/_react
|
|
97
|
+
return /*#__PURE__*/_react.default.createElement(_helpers.SubMenuContext.Provider, {
|
|
98
98
|
value: contextValues()
|
|
99
|
-
}, /*#__PURE__*/_react
|
|
99
|
+
}, /*#__PURE__*/_react.default.createElement("li", {
|
|
100
100
|
ref: targetRef,
|
|
101
101
|
className: "item ".concat(url && !disabled && '-withlink', " ").concat(customClass, " ").concat(disabled && '-disabled'),
|
|
102
102
|
onMouseEnter: function onMouseEnter(e) {
|
|
@@ -105,15 +105,15 @@ var NavMenuItem = function NavMenuItem(props) {
|
|
|
105
105
|
onMouseLeave: function onMouseLeave() {
|
|
106
106
|
setShowSubMenu(false);
|
|
107
107
|
}
|
|
108
|
-
}, /*#__PURE__*/_react
|
|
108
|
+
}, /*#__PURE__*/_react.default.createElement(_MenuLink.default, _extends({
|
|
109
109
|
disabled: disabled
|
|
110
|
-
}, props), /*#__PURE__*/_react
|
|
110
|
+
}, props), /*#__PURE__*/_react.default.createElement(_react.Fragment, null, iconName && /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
111
111
|
name: iconName,
|
|
112
112
|
size: menuSize === 'small' && 16 || menuSize === 'medium' && 24 || menuSize === 'large' && 32,
|
|
113
113
|
customClass: "menuicon"
|
|
114
|
-
}), isExpanded && /*#__PURE__*/_react
|
|
114
|
+
}), isExpanded && /*#__PURE__*/_react.default.createElement("span", {
|
|
115
115
|
className: "title"
|
|
116
|
-
}, title), !childrenIsSubMenu && children)), showSubMenu && children && childrenIsSubMenu && !disabled && !openSearchMenuPopup && /*#__PURE__*/_react
|
|
116
|
+
}, title), !childrenIsSubMenu && children)), showSubMenu && children && childrenIsSubMenu && !disabled && !openSearchMenuPopup && /*#__PURE__*/_react.default.createElement("div", {
|
|
117
117
|
className: "submenu-container",
|
|
118
118
|
style: {
|
|
119
119
|
marginLeft: targetDimensions.width,
|
|
@@ -121,9 +121,9 @@ var NavMenuItem = function NavMenuItem(props) {
|
|
|
121
121
|
minWidth: minWidth,
|
|
122
122
|
maxWidth: maxWidth
|
|
123
123
|
}
|
|
124
|
-
}, /*#__PURE__*/_react
|
|
124
|
+
}, /*#__PURE__*/_react.default.createElement("h1", {
|
|
125
125
|
className: "title"
|
|
126
|
-
}, title), /*#__PURE__*/_react
|
|
126
|
+
}, title), /*#__PURE__*/_react.default.createElement("div", {
|
|
127
127
|
className: "submenu",
|
|
128
128
|
style: {
|
|
129
129
|
gridTemplateColumns: "repeat(".concat(columnsQtty, ", 1fr)")
|
|
@@ -132,17 +132,17 @@ var NavMenuItem = function NavMenuItem(props) {
|
|
|
132
132
|
};
|
|
133
133
|
|
|
134
134
|
NavMenuItem.propTypes = {
|
|
135
|
-
children: _propTypes
|
|
136
|
-
title: _propTypes
|
|
137
|
-
iconName: _propTypes
|
|
138
|
-
childrenIsSubMenu: _propTypes
|
|
139
|
-
url: _propTypes
|
|
140
|
-
customClass: _propTypes
|
|
141
|
-
permissionAttr: _propTypes
|
|
142
|
-
minWidth: _propTypes
|
|
143
|
-
maxWidth: _propTypes
|
|
144
|
-
columnsQtty: _propTypes
|
|
145
|
-
targetRef: _propTypes
|
|
135
|
+
children: _propTypes.default.any,
|
|
136
|
+
title: _propTypes.default.string,
|
|
137
|
+
iconName: _propTypes.default.string,
|
|
138
|
+
childrenIsSubMenu: _propTypes.default.bool,
|
|
139
|
+
url: _propTypes.default.string,
|
|
140
|
+
customClass: _propTypes.default.string,
|
|
141
|
+
permissionAttr: _propTypes.default.oneOfType([_propTypes.default.object, _propTypes.default.arrayOf(_propTypes.default.object)]),
|
|
142
|
+
minWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
|
143
|
+
maxWidth: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
|
|
144
|
+
columnsQtty: _propTypes.default.number,
|
|
145
|
+
targetRef: _propTypes.default.func
|
|
146
146
|
};
|
|
147
147
|
NavMenuItem.defaultProps = {
|
|
148
148
|
childrenIsSubMenu: true,
|
|
@@ -158,6 +158,6 @@ NavMenuItem.defaultProps = {
|
|
|
158
158
|
targetRef: undefined
|
|
159
159
|
};
|
|
160
160
|
|
|
161
|
-
var _default = (0, _withTooltip
|
|
161
|
+
var _default = (0, _withTooltip.default)(NavMenuItem);
|
|
162
162
|
|
|
163
|
-
exports
|
|
163
|
+
exports.default = _default;
|