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,16 +4,13 @@ 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 LabelContainer = function LabelContainer(_ref) {
|
|
13
10
|
var customClass = _ref.customClass,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
11
|
+
_ref$position = _ref.position,
|
|
12
|
+
position = _ref$position === void 0 ? 'left' : _ref$position,
|
|
13
|
+
children = _ref.children;
|
|
17
14
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
18
15
|
className: "lbl-container ".concat(customClass),
|
|
19
16
|
style: {
|
|
@@ -21,6 +18,5 @@ var LabelContainer = function LabelContainer(_ref) {
|
|
|
21
18
|
}
|
|
22
19
|
}, children);
|
|
23
20
|
};
|
|
24
|
-
|
|
25
21
|
var _default = LabelContainer;
|
|
26
22
|
exports.default = _default;
|
package/lib/list/Header.js
CHANGED
|
@@ -4,16 +4,13 @@ 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 Header = function Header(_ref) {
|
|
13
10
|
var title = _ref.title,
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
11
|
+
children = _ref.children,
|
|
12
|
+
style = _ref.style,
|
|
13
|
+
customClass = _ref.customClass;
|
|
17
14
|
return /*#__PURE__*/_react.default.createElement("li", {
|
|
18
15
|
className: "list-header ".concat(customClass),
|
|
19
16
|
style: style
|
|
@@ -21,6 +18,5 @@ var Header = function Header(_ref) {
|
|
|
21
18
|
className: "title"
|
|
22
19
|
}, title), children);
|
|
23
20
|
};
|
|
24
|
-
|
|
25
21
|
var _default = Header;
|
|
26
22
|
exports.default = _default;
|
package/lib/list/Item.js
CHANGED
|
@@ -1,99 +1,72 @@
|
|
|
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 _reactRouterDom = require("react-router-dom");
|
|
13
|
-
|
|
14
10
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
15
|
-
|
|
16
11
|
var _checkbox = _interopRequireDefault(require("../checkbox"));
|
|
17
|
-
|
|
18
12
|
var _helpers = require("./helpers");
|
|
19
|
-
|
|
20
13
|
var _withDropdown = require("../dropdown/withDropdown");
|
|
21
|
-
|
|
22
14
|
var constants = _interopRequireWildcard(require("../internals/constants"));
|
|
23
|
-
|
|
24
15
|
var _permissionValidations = require("../permissionValidations");
|
|
25
|
-
|
|
26
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
|
-
|
|
28
17
|
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); }
|
|
29
|
-
|
|
30
18
|
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; }
|
|
31
|
-
|
|
32
19
|
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); }
|
|
33
|
-
|
|
34
20
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
35
|
-
|
|
36
21
|
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."); }
|
|
37
|
-
|
|
38
22
|
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); }
|
|
39
|
-
|
|
40
23
|
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; }
|
|
41
|
-
|
|
42
24
|
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; }
|
|
43
|
-
|
|
44
25
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
45
|
-
|
|
46
26
|
var Item = function Item(props) {
|
|
47
27
|
var onClick = props.onClick,
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
selectOnEnter = props.selectOnEnter;
|
|
73
|
-
|
|
28
|
+
leftIconName = props.leftIconName,
|
|
29
|
+
leftIcon = props.leftIcon,
|
|
30
|
+
displayCheckbox = props.displayCheckbox,
|
|
31
|
+
url = props.url,
|
|
32
|
+
leftElement = props.leftElement,
|
|
33
|
+
_props$hovered = props.hovered,
|
|
34
|
+
hovered = _props$hovered === void 0 ? true : _props$hovered,
|
|
35
|
+
customClass = props.customClass,
|
|
36
|
+
text = props.text,
|
|
37
|
+
subText = props.subText,
|
|
38
|
+
rightIcon = props.rightIcon,
|
|
39
|
+
rightIconName = props.rightIconName,
|
|
40
|
+
_props$itemId = props.itemId,
|
|
41
|
+
itemId = _props$itemId === void 0 ? '' : _props$itemId,
|
|
42
|
+
rightElement = props.rightElement,
|
|
43
|
+
style = props.style,
|
|
44
|
+
children = props.children,
|
|
45
|
+
disabled = props.disabled,
|
|
46
|
+
_props$separator = props.separator,
|
|
47
|
+
separator = _props$separator === void 0 ? true : _props$separator,
|
|
48
|
+
_props$visible = props.visible,
|
|
49
|
+
visible = _props$visible === void 0 ? true : _props$visible,
|
|
50
|
+
permissionAttr = props.permissionAttr,
|
|
51
|
+
skeletonize = props.skeletonize;
|
|
74
52
|
var _useContext = (0, _react.useContext)(_helpers.ListContext),
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
53
|
+
handleSelectItem = _useContext.handleSelectItem,
|
|
54
|
+
selectable = _useContext.selectable,
|
|
55
|
+
selectedItemId = _useContext.selectedItemId,
|
|
56
|
+
selectedItemRef = _useContext.selectedItemRef,
|
|
57
|
+
selectOnEnter = _useContext.selectOnEnter;
|
|
80
58
|
var dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
|
|
81
59
|
var options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
|
|
82
|
-
|
|
83
60
|
var _useState = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr)),
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
61
|
+
_useState2 = _slicedToArray(_useState, 1),
|
|
62
|
+
onDenied = _useState2[0];
|
|
87
63
|
var history = (0, _reactRouterDom.useHistory)();
|
|
88
|
-
|
|
89
64
|
var shouldDisable = function shouldDisable() {
|
|
90
65
|
return disabled || onDenied.disabled;
|
|
91
66
|
};
|
|
92
|
-
|
|
93
67
|
var getClass = function getClass() {
|
|
94
68
|
return "item ".concat(customClass, " ").concat(separator && 'list-separator', " ").concat(shouldDisable() && 'disabled', "\n ").concat(displayCheckbox && 'list-checkbox');
|
|
95
69
|
};
|
|
96
|
-
|
|
97
70
|
var getIcon = function getIcon(iconName, icon) {
|
|
98
71
|
if (icon) {
|
|
99
72
|
return icon;
|
|
@@ -102,28 +75,22 @@ var Item = function Item(props) {
|
|
|
102
75
|
name: iconName
|
|
103
76
|
});
|
|
104
77
|
}
|
|
105
|
-
|
|
106
78
|
return null;
|
|
107
79
|
};
|
|
108
|
-
|
|
109
80
|
var handleOnSelectItem = function handleOnSelectItem(e) {
|
|
110
81
|
if (onClick !== undefined) onClick(e, itemId);
|
|
111
|
-
|
|
112
82
|
if (dropdownContext && dropdownContext.handleDropdownClose) {
|
|
113
83
|
dropdownContext.handleDropdownClose();
|
|
114
84
|
}
|
|
115
|
-
|
|
116
85
|
if (selectable) handleSelectItem(itemId, onClick);
|
|
117
86
|
};
|
|
118
|
-
|
|
119
87
|
var onKeyDown = (0, _react.useCallback)(function (e) {
|
|
120
|
-
if ([constants.keyCodes.ENTER].includes(e.keyCode) && !skeletonize) {
|
|
88
|
+
if ([constants.keyCodes.ENTER].includes(e.keyCode) && !skeletonize && itemId && selectedItemId === itemId) {
|
|
121
89
|
e.preventDefault();
|
|
122
90
|
handleOnSelectItem(e);
|
|
123
91
|
if (url) history.push(url);
|
|
124
92
|
}
|
|
125
|
-
}, [url]);
|
|
126
|
-
|
|
93
|
+
}, [url, selectedItemId, itemId]);
|
|
127
94
|
var getProps = function getProps() {
|
|
128
95
|
if (shouldDisable()) return undefined;
|
|
129
96
|
if (onClick === undefined && dropdownContext === undefined && !selectable) return null;
|
|
@@ -132,17 +99,15 @@ var Item = function Item(props) {
|
|
|
132
99
|
handleOnSelectItem(event);
|
|
133
100
|
},
|
|
134
101
|
role: 'button',
|
|
135
|
-
onKeyDown: onKeyDown,
|
|
136
102
|
tabIndex: 0
|
|
137
103
|
};
|
|
138
104
|
};
|
|
139
|
-
|
|
140
105
|
(0, _react.useEffect)(function () {
|
|
141
106
|
if (selectOnEnter) document.addEventListener('keydown', onKeyDown);
|
|
142
107
|
return function () {
|
|
143
108
|
document.removeEventListener('keydown', onKeyDown);
|
|
144
109
|
};
|
|
145
|
-
}, []);
|
|
110
|
+
}, [url, selectedItemId, itemId]);
|
|
146
111
|
if (!visible || onDenied.unvisible) return null;
|
|
147
112
|
return /*#__PURE__*/_react.default.createElement("li", _extends({
|
|
148
113
|
ref: itemId && selectedItemId === itemId ? selectedItemRef : null,
|
|
@@ -167,6 +132,5 @@ var Item = function Item(props) {
|
|
|
167
132
|
className: "".concat(getClass(), " -icon-right")
|
|
168
133
|
}, getIcon(rightIconName, rightIcon), rightElement));
|
|
169
134
|
};
|
|
170
|
-
|
|
171
135
|
var _default = Item;
|
|
172
136
|
exports.default = _default;
|
package/lib/list/Separator.js
CHANGED
|
@@ -4,16 +4,12 @@ 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 Separator = function Separator() {
|
|
13
10
|
return /*#__PURE__*/_react.default.createElement("li", {
|
|
14
11
|
className: "list-separator"
|
|
15
12
|
});
|
|
16
13
|
};
|
|
17
|
-
|
|
18
14
|
var _default = Separator;
|
|
19
15
|
exports.default = _default;
|
package/lib/list/helpers.js
CHANGED
|
@@ -4,13 +4,9 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.ListContext = exports.LIST_ITEMS_TYPES = 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 ListContext = /*#__PURE__*/_react.default.createContext({});
|
|
13
|
-
|
|
14
10
|
exports.ListContext = ListContext;
|
|
15
11
|
var LIST_ITEMS_TYPES = {
|
|
16
12
|
listHeader: 'Header',
|
package/lib/list/index.js
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
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
|
});
|
|
@@ -24,75 +23,53 @@ Object.defineProperty(exports, "ListSeparator", {
|
|
|
24
23
|
}
|
|
25
24
|
});
|
|
26
25
|
exports.default = void 0;
|
|
27
|
-
|
|
28
26
|
var _react = _interopRequireWildcard(require("react"));
|
|
29
|
-
|
|
30
27
|
var _Header = _interopRequireDefault(require("./Header"));
|
|
31
|
-
|
|
32
28
|
var _Item = _interopRequireDefault(require("./Item"));
|
|
33
|
-
|
|
34
29
|
var constants = _interopRequireWildcard(require("../internals/constants"));
|
|
35
|
-
|
|
36
30
|
var _Separator = _interopRequireDefault(require("./Separator"));
|
|
37
|
-
|
|
38
31
|
require("../assets/styles/list.scss");
|
|
39
|
-
|
|
40
32
|
var _helpers = require("./helpers");
|
|
41
|
-
|
|
42
33
|
var _skeleton = _interopRequireDefault(require("../skeleton"));
|
|
43
|
-
|
|
44
34
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
45
|
-
|
|
46
35
|
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); }
|
|
47
|
-
|
|
48
36
|
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; }
|
|
49
|
-
|
|
50
37
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
51
|
-
|
|
52
38
|
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."); }
|
|
53
|
-
|
|
54
39
|
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); }
|
|
55
|
-
|
|
56
40
|
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; }
|
|
57
|
-
|
|
58
41
|
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; }
|
|
59
|
-
|
|
60
42
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
61
|
-
|
|
62
43
|
var List = function List(props) {
|
|
63
44
|
var children = props.children,
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
45
|
+
customClass = props.customClass,
|
|
46
|
+
condensed = props.condensed,
|
|
47
|
+
transparent = props.transparent,
|
|
48
|
+
style = props.style,
|
|
49
|
+
selectable = props.selectable,
|
|
50
|
+
onSelectItem = props.onSelectItem,
|
|
51
|
+
_props$skeletonize = props.skeletonize,
|
|
52
|
+
skeletonize = _props$skeletonize === void 0 ? false : _props$skeletonize,
|
|
53
|
+
_props$skeletonHeight = props.skeletonHeight,
|
|
54
|
+
skeletonHeight = _props$skeletonHeight === void 0 ? 48 : _props$skeletonHeight,
|
|
55
|
+
_props$skeletonItens = props.skeletonItens,
|
|
56
|
+
skeletonItens = _props$skeletonItens === void 0 ? 5 : _props$skeletonItens,
|
|
57
|
+
_props$selectOnEnter = props.selectOnEnter,
|
|
58
|
+
selectOnEnter = _props$selectOnEnter === void 0 ? false : _props$selectOnEnter;
|
|
78
59
|
var selectedItemRef = (0, _react.useRef)(null);
|
|
79
60
|
var listRef = (0, _react.useRef)(null);
|
|
80
|
-
|
|
81
61
|
var _useState = (0, _react.useState)(''),
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
62
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
63
|
+
selectedItemId = _useState2[0],
|
|
64
|
+
setSelectedItemId = _useState2[1];
|
|
86
65
|
var _useState3 = (0, _react.useState)([]),
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
66
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
67
|
+
itensId = _useState4[0],
|
|
68
|
+
setItensId = _useState4[1];
|
|
91
69
|
var _useState5 = (0, _react.useState)(children),
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
70
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
71
|
+
newChildren = _useState6[0],
|
|
72
|
+
setNewChildren = _useState6[1];
|
|
96
73
|
var contextValues = {
|
|
97
74
|
selectable: selectable,
|
|
98
75
|
selectOnEnter: selectOnEnter,
|
|
@@ -105,11 +82,9 @@ var List = function List(props) {
|
|
|
105
82
|
if (onSelectItem) onSelectItem(itemId);
|
|
106
83
|
}
|
|
107
84
|
};
|
|
108
|
-
|
|
109
85
|
var onKeyDown = function onKeyDown(e) {
|
|
110
86
|
if ([constants.keyCodes.ARROW_DOWN, constants.keyCodes.ARROW_UP].includes(e.keyCode) && !skeletonize) {
|
|
111
87
|
e.preventDefault();
|
|
112
|
-
|
|
113
88
|
if (e.keyCode === constants.keyCodes.ARROW_DOWN) {
|
|
114
89
|
if (selectedItemId === itensId[itensId.length - 1]) {
|
|
115
90
|
setSelectedItemId(itensId[0]);
|
|
@@ -122,17 +97,13 @@ var List = function List(props) {
|
|
|
122
97
|
setSelectedItemId(itensId[itensId.length - 1]);
|
|
123
98
|
} else {
|
|
124
99
|
var _index = itensId.indexOf(selectedItemId);
|
|
125
|
-
|
|
126
100
|
setSelectedItemId(itensId[_index - 1]);
|
|
127
101
|
}
|
|
128
102
|
}
|
|
129
|
-
|
|
130
103
|
return selectedItemRef.current && selectedItemRef.current.focus();
|
|
131
104
|
}
|
|
132
|
-
|
|
133
105
|
return null;
|
|
134
106
|
};
|
|
135
|
-
|
|
136
107
|
var getSkeleton = function getSkeleton() {
|
|
137
108
|
var length = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 1;
|
|
138
109
|
var maxSkeletonsItensExceeded = 2;
|
|
@@ -155,7 +126,6 @@ var List = function List(props) {
|
|
|
155
126
|
}));
|
|
156
127
|
}));
|
|
157
128
|
};
|
|
158
|
-
|
|
159
129
|
var getNewChildren = function getNewChildren(headersChildren) {
|
|
160
130
|
if (!headersChildren) return getSkeleton();
|
|
161
131
|
return Array.isArray(headersChildren) && headersChildren.length > 0 ? headersChildren.map(function (item) {
|
|
@@ -164,14 +134,12 @@ var List = function List(props) {
|
|
|
164
134
|
}, item, getSkeleton(headersChildren.length));
|
|
165
135
|
}) : /*#__PURE__*/_react.default.createElement(_react.Fragment, null, headersChildren, getSkeleton());
|
|
166
136
|
};
|
|
167
|
-
|
|
168
137
|
(0, _react.useEffect)(function () {
|
|
169
138
|
if (selectedItemRef.current && listRef.current && listRef.current.scroll) {
|
|
170
139
|
var selectedItemRect = selectedItemRef.current.getBoundingClientRect();
|
|
171
140
|
var listRect = listRef.current.getBoundingClientRect();
|
|
172
141
|
var defaultScrollTop = 0;
|
|
173
142
|
var defaultBottomOffset = 100;
|
|
174
|
-
|
|
175
143
|
if (selectedItemRect.top - selectedItemRect.height > listRect.bottom) {
|
|
176
144
|
listRef.current.scroll({
|
|
177
145
|
top: selectedItemRect.top
|
|
@@ -214,7 +182,6 @@ var List = function List(props) {
|
|
|
214
182
|
(0, _react.useEffect)(function () {
|
|
215
183
|
if (skeletonize) {
|
|
216
184
|
var headersChildren = null;
|
|
217
|
-
|
|
218
185
|
if (Array.isArray(children) && children.length > 0) {
|
|
219
186
|
var childrenWithType = children;
|
|
220
187
|
headersChildren = childrenWithType.filter(function (item) {
|
|
@@ -223,7 +190,6 @@ var List = function List(props) {
|
|
|
223
190
|
} else if (!Array.isArray(children)) {
|
|
224
191
|
headersChildren = children.type && typeof children.type !== 'string' && children.type.name === _helpers.LIST_ITEMS_TYPES.listHeader ? children : null;
|
|
225
192
|
}
|
|
226
|
-
|
|
227
193
|
setNewChildren(getNewChildren(headersChildren));
|
|
228
194
|
} else {
|
|
229
195
|
setNewChildren(children);
|
|
@@ -238,6 +204,5 @@ var List = function List(props) {
|
|
|
238
204
|
className: "list-component ".concat(condensed && '-condensed', "\n ").concat(customClass, " ").concat(!transparent && '-listbackground')
|
|
239
205
|
}, newChildren));
|
|
240
206
|
};
|
|
241
|
-
|
|
242
207
|
var _default = List;
|
|
243
208
|
exports.default = _default;
|
|
@@ -1,43 +1,30 @@
|
|
|
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 _lodash = _interopRequireDefault(require("lodash"));
|
|
13
|
-
|
|
14
10
|
var _icons = _interopRequireDefault(require("../../icons"));
|
|
15
|
-
|
|
16
11
|
var _withDropdown = require("../../dropdown/withDropdown");
|
|
17
|
-
|
|
18
12
|
var _buttons = _interopRequireDefault(require("../../buttons"));
|
|
19
|
-
|
|
20
13
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
21
|
-
|
|
22
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
-
|
|
24
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); }
|
|
25
|
-
|
|
26
16
|
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; }
|
|
27
|
-
|
|
28
17
|
var MenuItem = function MenuItem(_ref) {
|
|
29
18
|
var title = _ref.title,
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
19
|
+
url = _ref.url,
|
|
20
|
+
iconName = _ref.iconName,
|
|
21
|
+
_ref$iconColor = _ref.iconColor,
|
|
22
|
+
iconColor = _ref$iconColor === void 0 ? 'gray' : _ref$iconColor,
|
|
23
|
+
_ref$iconSize = _ref.iconSize,
|
|
24
|
+
iconSize = _ref$iconSize === void 0 ? 24 : _ref$iconSize,
|
|
25
|
+
dropdownMenu = _ref.dropdownMenu;
|
|
38
26
|
var _useContext = (0, _react.useContext)(_helpers.default),
|
|
39
|
-
|
|
40
|
-
|
|
27
|
+
customClassMenuItem = _useContext.customClassMenuItem;
|
|
41
28
|
var dropdownContext = (0, _react.useContext)(_withDropdown.WithDropdownContext);
|
|
42
29
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
43
30
|
className: "floatmenuitem"
|
|
@@ -70,6 +57,5 @@ var MenuItem = function MenuItem(_ref) {
|
|
|
70
57
|
className: "nameitem"
|
|
71
58
|
}, title))));
|
|
72
59
|
};
|
|
73
|
-
|
|
74
60
|
var _default = MenuItem;
|
|
75
61
|
exports.default = _default;
|
|
@@ -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 FloatMenuContext = /*#__PURE__*/_react.default.createContext({});
|
|
13
|
-
|
|
14
10
|
var _default = FloatMenuContext;
|
|
15
11
|
exports.default = _default;
|
package/lib/menus/float/index.js
CHANGED
|
@@ -10,39 +10,28 @@ Object.defineProperty(exports, "MenuItem", {
|
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
exports.default = void 0;
|
|
13
|
-
|
|
14
13
|
var _react = _interopRequireDefault(require("react"));
|
|
15
|
-
|
|
16
14
|
var _MenuItem = _interopRequireDefault(require("./MenuItem"));
|
|
17
|
-
|
|
18
15
|
var _buttons = _interopRequireDefault(require("../../buttons"));
|
|
19
|
-
|
|
20
16
|
var _icons = _interopRequireDefault(require("../../icons"));
|
|
21
|
-
|
|
22
17
|
var _spinner = _interopRequireDefault(require("../../spinner"));
|
|
23
|
-
|
|
24
18
|
require("../../assets/styles/floatMenu.scss");
|
|
25
|
-
|
|
26
19
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
27
|
-
|
|
28
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
29
|
-
|
|
30
21
|
var FloatMenu = function FloatMenu(props) {
|
|
31
22
|
var _props$iconSize = props.iconSize,
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
23
|
+
iconSize = _props$iconSize === void 0 ? 16 : _props$iconSize,
|
|
24
|
+
_props$iconColor = props.iconColor,
|
|
25
|
+
iconColor = _props$iconColor === void 0 ? '#676464' : _props$iconColor,
|
|
26
|
+
customClass = props.customClass,
|
|
27
|
+
children = props.children,
|
|
28
|
+
spinner = props.spinner,
|
|
29
|
+
isLoading = props.isLoading,
|
|
30
|
+
customClassMenuItem = props.customClassMenuItem;
|
|
41
31
|
var getSpinner = function getSpinner() {
|
|
42
32
|
if (isLoading) return /*#__PURE__*/_react.default.createElement(_spinner.default, null);
|
|
43
33
|
return spinner;
|
|
44
34
|
};
|
|
45
|
-
|
|
46
35
|
var contextValues = {
|
|
47
36
|
customClassMenuItem: customClassMenuItem
|
|
48
37
|
};
|
|
@@ -67,6 +56,5 @@ var FloatMenu = function FloatMenu(props) {
|
|
|
67
56
|
showIconDropdown: false
|
|
68
57
|
}, isLoading || spinner ? getSpinner() : children)));
|
|
69
58
|
};
|
|
70
|
-
|
|
71
59
|
var _default = FloatMenu;
|
|
72
60
|
exports.default = _default;
|
package/lib/menus/index.js
CHANGED
|
@@ -4,10 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
-
|
|
8
7
|
var _float = _interopRequireDefault(require("./float"));
|
|
9
|
-
|
|
10
8
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
-
|
|
12
9
|
var _default = _float.default;
|
|
13
10
|
exports.default = _default;
|
|
@@ -4,17 +4,13 @@ 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 ExpandMenu = function ExpandMenu(_ref) {
|
|
15
11
|
var onExpandMenu = _ref.onExpandMenu,
|
|
16
|
-
|
|
17
|
-
|
|
12
|
+
expandMenuCustomClass = _ref.expandMenuCustomClass,
|
|
13
|
+
iconName = _ref.iconName;
|
|
18
14
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
19
15
|
className: "openclosemenu ".concat(expandMenuCustomClass),
|
|
20
16
|
role: "button",
|
|
@@ -26,6 +22,5 @@ var ExpandMenu = function ExpandMenu(_ref) {
|
|
|
26
22
|
size: 16
|
|
27
23
|
}));
|
|
28
24
|
};
|
|
29
|
-
|
|
30
25
|
var _default = ExpandMenu;
|
|
31
26
|
exports.default = _default;
|
|
@@ -4,21 +4,15 @@ 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 _reactRouterDom = require("react-router-dom");
|
|
11
|
-
|
|
12
9
|
var _withTooltip = _interopRequireDefault(require("../../internals/withTooltip"));
|
|
13
|
-
|
|
14
10
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
-
|
|
16
11
|
var MenuLink = function MenuLink(_ref) {
|
|
17
12
|
var url = _ref.url,
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
13
|
+
children = _ref.children,
|
|
14
|
+
targetRef = _ref.targetRef,
|
|
15
|
+
disabled = _ref.disabled;
|
|
22
16
|
if (url && !disabled) {
|
|
23
17
|
return /*#__PURE__*/_react.default.createElement(_reactRouterDom.Link, {
|
|
24
18
|
to: url,
|
|
@@ -28,10 +22,7 @@ var MenuLink = function MenuLink(_ref) {
|
|
|
28
22
|
}
|
|
29
23
|
}, children);
|
|
30
24
|
}
|
|
31
|
-
|
|
32
25
|
return children;
|
|
33
26
|
};
|
|
34
|
-
|
|
35
27
|
var _default = (0, _withTooltip.default)(MenuLink);
|
|
36
|
-
|
|
37
28
|
exports.default = _default;
|