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,44 +1,44 @@
|
|
|
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 _icons = _interopRequireDefault(require("../../icons"));
|
|
11
10
|
var _withDropdown = require("../../dropdown/withDropdown");
|
|
12
11
|
var _buttons = _interopRequireDefault(require("../../buttons"));
|
|
13
12
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
15
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
iconColor =
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
customClassMenuItem
|
|
29
|
-
|
|
30
|
-
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
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); }
|
|
15
|
+
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
|
+
const MenuItem = _ref => {
|
|
17
|
+
let {
|
|
18
|
+
title,
|
|
19
|
+
url,
|
|
20
|
+
iconName,
|
|
21
|
+
iconColor = 'gray',
|
|
22
|
+
iconSize = 24,
|
|
23
|
+
dropdownMenu,
|
|
24
|
+
onClick
|
|
25
|
+
} = _ref;
|
|
26
|
+
const {
|
|
27
|
+
customClassMenuItem
|
|
28
|
+
} = (0, _react.useContext)(_helpers.default);
|
|
29
|
+
const dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
|
|
30
|
+
const handleOnClick = () => {
|
|
31
31
|
if (onClick) {
|
|
32
32
|
onClick(dropdownContext === null || dropdownContext === void 0 ? void 0 : dropdownContext.handleDropdownClose);
|
|
33
33
|
return;
|
|
34
34
|
}
|
|
35
35
|
if (dropdownContext) dropdownContext.handleDropdownClose();
|
|
36
36
|
};
|
|
37
|
-
return /*#__PURE__*/_react
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
38
38
|
className: "floatmenuitem"
|
|
39
|
-
}, /*#__PURE__*/_react
|
|
39
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
40
40
|
className: "".concat(customClassMenuItem, " -items")
|
|
41
|
-
}, !_lodash
|
|
41
|
+
}, !_lodash.default.isEmpty(dropdownMenu) && !onClick && /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
42
42
|
customClass: "floatmenudropdown",
|
|
43
43
|
iconName: "more1",
|
|
44
44
|
transparent: true,
|
|
@@ -46,7 +46,7 @@ var MenuItem = function MenuItem(_ref) {
|
|
|
46
46
|
boxShadow: false,
|
|
47
47
|
dropdown: true,
|
|
48
48
|
showIconDropdown: false
|
|
49
|
-
}, dropdownMenu), /*#__PURE__*/_react
|
|
49
|
+
}, dropdownMenu), /*#__PURE__*/_react.default.createElement("a", {
|
|
50
50
|
className: "floatmenulink",
|
|
51
51
|
target: "_blank",
|
|
52
52
|
onClick: handleOnClick,
|
|
@@ -55,15 +55,15 @@ var MenuItem = function MenuItem(_ref) {
|
|
|
55
55
|
cursor: onClick ? 'pointer' : undefined
|
|
56
56
|
},
|
|
57
57
|
rel: "noreferrer"
|
|
58
|
-
}, /*#__PURE__*/_react
|
|
58
|
+
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
59
59
|
className: "iconcontainer"
|
|
60
|
-
}, /*#__PURE__*/_react
|
|
60
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
61
61
|
name: iconName,
|
|
62
62
|
size: iconSize,
|
|
63
63
|
color: iconColor,
|
|
64
64
|
customClass: "iconmenu"
|
|
65
|
-
})), /*#__PURE__*/_react
|
|
65
|
+
})), /*#__PURE__*/_react.default.createElement("span", {
|
|
66
66
|
className: "nameitem"
|
|
67
67
|
}, title))));
|
|
68
68
|
};
|
|
69
|
-
var _default = exports
|
|
69
|
+
var _default = exports.default = MenuItem;
|
|
@@ -1,77 +1,72 @@
|
|
|
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 _propTypes = _interopRequireDefault(require("prop-types"));
|
|
10
9
|
var _icons = _interopRequireDefault(require("../../icons"));
|
|
11
10
|
var _skeleton = _interopRequireWildcard(require("../../skeleton"));
|
|
12
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
13
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
14
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
15
|
-
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
+
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); }
|
|
13
|
+
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
|
+
const renderChildren = (skeletonize, skeletonQtty, children) => {
|
|
16
15
|
if (skeletonize && skeletonQtty) {
|
|
17
|
-
|
|
16
|
+
const skeletons = Array.from({
|
|
18
17
|
length: skeletonQtty
|
|
19
|
-
},
|
|
20
|
-
|
|
21
|
-
});
|
|
22
|
-
return /*#__PURE__*/_react["default"].createElement(_skeleton.SkeletonContainer, {
|
|
18
|
+
}, (_, i) => i + 1);
|
|
19
|
+
return /*#__PURE__*/_react.default.createElement(_skeleton.SkeletonContainer, {
|
|
23
20
|
style: {
|
|
24
21
|
flexDirection: 'row',
|
|
25
22
|
flexFlow: 'row wrap'
|
|
26
23
|
}
|
|
27
|
-
}, skeletons.map(
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
});
|
|
37
|
-
}));
|
|
24
|
+
}, skeletons.map(id => /*#__PURE__*/_react.default.createElement(_skeleton.default, {
|
|
25
|
+
key: id,
|
|
26
|
+
height: 88,
|
|
27
|
+
width: 88,
|
|
28
|
+
style: {
|
|
29
|
+
flexGrow: 'unset',
|
|
30
|
+
marginBottom: 5
|
|
31
|
+
}
|
|
32
|
+
})));
|
|
38
33
|
}
|
|
39
34
|
return children;
|
|
40
35
|
};
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
36
|
+
const SubMenuContainer = _ref => {
|
|
37
|
+
let {
|
|
38
|
+
title,
|
|
39
|
+
customClass,
|
|
40
|
+
handlerGoBack,
|
|
41
|
+
skeletonize,
|
|
42
|
+
skeletonQtty,
|
|
43
|
+
children
|
|
44
|
+
} = _ref;
|
|
45
|
+
(0, _react.useEffect)(() => () => {
|
|
46
|
+
handlerGoBack();
|
|
52
47
|
}, []);
|
|
53
|
-
return /*#__PURE__*/_react
|
|
48
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
54
49
|
className: "floatsubmenu ".concat(customClass)
|
|
55
|
-
}, /*#__PURE__*/_react
|
|
50
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
56
51
|
className: "submenuheader"
|
|
57
|
-
}, /*#__PURE__*/_react
|
|
52
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
58
53
|
onClick: handlerGoBack,
|
|
59
54
|
name: "arrowBack",
|
|
60
55
|
pointerEvents: "all",
|
|
61
56
|
style: {
|
|
62
57
|
cursor: 'pointer'
|
|
63
58
|
}
|
|
64
|
-
}), title && /*#__PURE__*/_react
|
|
59
|
+
}), title && /*#__PURE__*/_react.default.createElement("span", null, title)), /*#__PURE__*/_react.default.createElement("div", {
|
|
65
60
|
className: "submenucontent"
|
|
66
61
|
}, renderChildren(skeletonize, skeletonQtty, children)));
|
|
67
62
|
};
|
|
68
63
|
SubMenuContainer.propTypes = {
|
|
69
|
-
children: _propTypes
|
|
70
|
-
handlerGoBack: _propTypes
|
|
71
|
-
title: _propTypes
|
|
72
|
-
customClass: _propTypes
|
|
73
|
-
skeletonize: _propTypes
|
|
74
|
-
skeletonQtty: _propTypes
|
|
64
|
+
children: _propTypes.default.node.isRequired,
|
|
65
|
+
handlerGoBack: _propTypes.default.func.isRequired,
|
|
66
|
+
title: _propTypes.default.string,
|
|
67
|
+
customClass: _propTypes.default.string,
|
|
68
|
+
skeletonize: _propTypes.default.bool,
|
|
69
|
+
skeletonQtty: _propTypes.default.number
|
|
75
70
|
};
|
|
76
71
|
SubMenuContainer.defaultProps = {
|
|
77
72
|
title: undefined,
|
|
@@ -79,4 +74,4 @@ SubMenuContainer.defaultProps = {
|
|
|
79
74
|
skeletonize: false,
|
|
80
75
|
skeletonQtty: 3
|
|
81
76
|
};
|
|
82
|
-
var _default = exports
|
|
77
|
+
var _default = exports.default = SubMenuContainer;
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
9
|
-
|
|
10
|
-
var _default = exports
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
const FloatMenuContext = /*#__PURE__*/_react.default.createContext({});
|
|
10
|
+
var _default = exports.default = FloatMenuContext;
|
package/lib/menus/float/index.js
CHANGED
|
@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "MenuItem", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
9
|
-
return _MenuItem
|
|
8
|
+
get: function () {
|
|
9
|
+
return _MenuItem.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "SubMenuContainer", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function
|
|
15
|
-
return _SubMenuContainer
|
|
14
|
+
get: function () {
|
|
15
|
+
return _SubMenuContainer.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
exports
|
|
18
|
+
exports.default = void 0;
|
|
19
19
|
var _react = _interopRequireDefault(require("react"));
|
|
20
20
|
var _MenuItem = _interopRequireDefault(require("./MenuItem"));
|
|
21
21
|
var _SubMenuContainer = _interopRequireDefault(require("./SubMenuContainer"));
|
|
@@ -24,36 +24,36 @@ var _icons = _interopRequireDefault(require("../../icons"));
|
|
|
24
24
|
var _spinner = _interopRequireDefault(require("../../spinner"));
|
|
25
25
|
require("../../assets/styles/floatMenu.scss");
|
|
26
26
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
27
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
iconSize =
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
if (isLoading) return /*#__PURE__*/_react
|
|
27
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
28
|
+
const FloatMenu = props => {
|
|
29
|
+
const {
|
|
30
|
+
iconSize = 16,
|
|
31
|
+
iconColor = '#676464',
|
|
32
|
+
customClass,
|
|
33
|
+
children,
|
|
34
|
+
spinner,
|
|
35
|
+
isLoading,
|
|
36
|
+
customClassMenuItem
|
|
37
|
+
} = props;
|
|
38
|
+
const getSpinner = () => {
|
|
39
|
+
if (isLoading) return /*#__PURE__*/_react.default.createElement(_spinner.default, {
|
|
40
40
|
delayTime: 0
|
|
41
41
|
});
|
|
42
42
|
return spinner;
|
|
43
43
|
};
|
|
44
|
-
|
|
45
|
-
customClassMenuItem
|
|
44
|
+
const contextValues = {
|
|
45
|
+
customClassMenuItem
|
|
46
46
|
};
|
|
47
|
-
return /*#__PURE__*/_react
|
|
47
|
+
return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
|
|
48
48
|
value: contextValues
|
|
49
|
-
}, /*#__PURE__*/_react
|
|
49
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
50
50
|
className: "floatmenu-component ".concat(customClass)
|
|
51
|
-
}, /*#__PURE__*/_react
|
|
51
|
+
}, /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
52
52
|
transparent: true,
|
|
53
53
|
key: "button-",
|
|
54
54
|
boxShadow: false,
|
|
55
55
|
dropdown: true,
|
|
56
|
-
icon: /*#__PURE__*/_react
|
|
56
|
+
icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
57
57
|
name: "grid",
|
|
58
58
|
size: iconSize,
|
|
59
59
|
color: iconColor
|
|
@@ -65,4 +65,4 @@ var FloatMenu = function FloatMenu(props) {
|
|
|
65
65
|
showIconDropdown: false
|
|
66
66
|
}, isLoading || spinner ? getSpinner() : children)));
|
|
67
67
|
};
|
|
68
|
-
var _default = exports
|
|
68
|
+
var _default = exports.default = FloatMenu;
|
package/lib/menus/index.js
CHANGED
|
@@ -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
|
var _float = _interopRequireDefault(require("./float"));
|
|
8
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
9
|
-
var _default = exports
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
var _default = exports.default = _float.default;
|
|
@@ -3,23 +3,25 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _icons = _interopRequireDefault(require("../../icons"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
const ExpandMenu = _ref => {
|
|
11
|
+
let {
|
|
12
|
+
onExpandMenu,
|
|
13
|
+
expandMenuCustomClass,
|
|
14
|
+
iconName
|
|
15
|
+
} = _ref;
|
|
16
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
15
17
|
className: "openclosemenu ".concat(expandMenuCustomClass),
|
|
16
18
|
role: "button",
|
|
17
19
|
tabIndex: 0,
|
|
18
20
|
onClick: onExpandMenu,
|
|
19
|
-
onKeyPress:
|
|
20
|
-
}, /*#__PURE__*/_react
|
|
21
|
+
onKeyPress: () => {}
|
|
22
|
+
}, /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
21
23
|
name: iconName,
|
|
22
24
|
size: 16
|
|
23
25
|
}));
|
|
24
26
|
};
|
|
25
|
-
var _default = exports
|
|
27
|
+
var _default = exports.default = ExpandMenu;
|
|
@@ -3,25 +3,27 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = _interopRequireDefault(require("react"));
|
|
8
8
|
var _reactRouterDom = require("react-router-dom");
|
|
9
9
|
var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
const MenuLink = _ref => {
|
|
12
|
+
let {
|
|
13
|
+
url,
|
|
14
|
+
children,
|
|
15
|
+
targetRef,
|
|
16
|
+
disabled
|
|
17
|
+
} = _ref;
|
|
16
18
|
if (url && !disabled) {
|
|
17
|
-
return /*#__PURE__*/_react
|
|
19
|
+
return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
|
|
18
20
|
to: url,
|
|
19
21
|
className: "menulink",
|
|
20
|
-
ref:
|
|
22
|
+
ref: r => {
|
|
21
23
|
if (targetRef) targetRef(r);
|
|
22
24
|
}
|
|
23
25
|
}, children);
|
|
24
26
|
}
|
|
25
27
|
return children;
|
|
26
28
|
};
|
|
27
|
-
var _default = exports
|
|
29
|
+
var _default = exports.default = (0, _withTooltip.default)(MenuLink);
|
|
@@ -1,22 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
8
|
var _helpers = _interopRequireWildcard(require("./helpers"));
|
|
10
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
11
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
9
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
10
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
11
|
+
const NavMenuGroup = _ref => {
|
|
12
|
+
let {
|
|
13
|
+
children,
|
|
14
|
+
scrollable
|
|
15
|
+
} = _ref;
|
|
16
|
+
const {
|
|
17
|
+
isExpanded,
|
|
18
|
+
menuSize
|
|
19
|
+
} = (0, _react.useContext)(_helpers.SideNavContext);
|
|
20
|
+
return /*#__PURE__*/_react.default.createElement("ul", {
|
|
21
|
+
className: "".concat(scrollable && 'customscroll', " \n ").concat((0, _helpers.default)(isExpanded, menuSize))
|
|
20
22
|
}, children);
|
|
21
23
|
};
|
|
22
|
-
var _default = exports
|
|
24
|
+
var _default = exports.default = NavMenuGroup;
|