linear-react-components-ui 1.0.2 → 1.0.3-beta.2
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/@types/Align.d.ts +1 -1
- package/lib/@types/ButtonTypes.d.ts +1 -1
- package/lib/@types/ColorStyles.d.ts +1 -1
- package/lib/@types/DataCombo.d.ts +1 -1
- package/lib/@types/Icon.d.ts +1 -1
- package/lib/@types/LabelStyles.d.ts +1 -1
- package/lib/@types/Period.d.ts +1 -1
- package/lib/@types/PermissionAttr.d.ts +2 -2
- package/lib/@types/PointerEvents.d.ts +1 -1
- package/lib/@types/Position.d.ts +1 -1
- package/lib/@types/PositionAlert.d.ts +1 -1
- package/lib/@types/Size.d.ts +1 -1
- package/lib/@types/SizePixels.d.ts +1 -1
- package/lib/alerts/AlertContainer.js +21 -5
- package/lib/alerts/AlertProvider.js +45 -15
- package/lib/alerts/BaseAlert.js +20 -4
- package/lib/alerts/Message.js +32 -21
- package/lib/alerts/helpers.js +2 -0
- package/lib/alerts/index.d.ts +1 -4
- package/lib/alerts/index.js +4 -0
- package/lib/alerts/types.d.ts +4 -4
- package/lib/alerts/withAlert.js +12 -1
- package/lib/avatar/index.js +35 -20
- package/lib/badge/index.js +14 -9
- package/lib/buttons/ActivateButton.js +6 -0
- package/lib/buttons/AddButton.js +7 -0
- package/lib/buttons/Button.js +15 -2
- package/lib/buttons/ButtonGroups.js +4 -0
- package/lib/buttons/CancelButton.js +11 -1
- package/lib/buttons/DangerButton.js +11 -1
- package/lib/buttons/DefaultButton.js +81 -45
- package/lib/buttons/DestroyButton.js +12 -1
- package/lib/buttons/EditButton.js +6 -0
- package/lib/buttons/InactivateButton.js +6 -0
- package/lib/buttons/InfoButton.js +11 -1
- package/lib/buttons/PrimaryButton.js +11 -1
- package/lib/buttons/RestoreButton.js +6 -0
- package/lib/buttons/SaveButton.js +11 -1
- package/lib/buttons/SuccessButton.js +11 -1
- package/lib/buttons/WarningButton.js +11 -1
- package/lib/buttons/button_container/index.js +11 -5
- package/lib/buttons/index.d.ts +1 -4
- package/lib/buttons/index.js +18 -0
- package/lib/buttons/split_button/index.js +17 -11
- package/lib/calendar/DangerCalendar.js +11 -1
- package/lib/calendar/InfoCalendar.js +11 -1
- package/lib/calendar/PrimaryCalendar.js +11 -1
- package/lib/calendar/SuccessCalendar.js +11 -1
- package/lib/calendar/WarningCalendar.js +11 -1
- package/lib/calendar/base/Day.js +13 -2
- package/lib/calendar/base/Month.js +18 -1
- package/lib/calendar/base/Week.js +18 -2
- package/lib/calendar/base/helpers.js +24 -8
- package/lib/calendar/base/index.js +37 -13
- package/lib/calendar/index.d.ts +1 -4
- package/lib/calendar/index.js +8 -0
- package/lib/checkbox/Label.js +7 -1
- package/lib/checkbox/index.js +53 -28
- package/lib/checkbox/types.d.ts +2 -2
- package/lib/dialog/Alert.js +8 -0
- package/lib/dialog/Custom.js +17 -5
- package/lib/dialog/Error.js +8 -0
- package/lib/dialog/Information.js +8 -0
- package/lib/dialog/Question.js +15 -4
- package/lib/dialog/Warning.js +8 -0
- package/lib/dialog/base/Content.js +6 -1
- package/lib/dialog/base/Footer.js +4 -0
- package/lib/dialog/base/Header.js +13 -5
- package/lib/dialog/base/index.js +28 -7
- package/lib/dialog/base/style.js +2 -0
- package/lib/dialog/form/index.js +29 -9
- package/lib/dialog/index.d.ts +1 -4
- package/lib/dialog/index.js +9 -0
- package/lib/drawer/Content.js +13 -2
- package/lib/drawer/Drawer.js +58 -22
- package/lib/drawer/Header.js +27 -10
- package/lib/drawer/helpers.js +4 -0
- package/lib/drawer/index.js +8 -0
- package/lib/dropdown/Popup.js +32 -19
- package/lib/dropdown/helper.js +4 -0
- package/lib/dropdown/withDropdown.js +47 -18
- package/lib/fieldset/index.js +46 -21
- package/lib/form/Field.js +42 -16
- package/lib/form/FieldArray.js +32 -15
- package/lib/form/FieldNumber.js +20 -6
- package/lib/form/FieldPeriod.js +21 -9
- package/lib/form/helpers.js +30 -5
- package/lib/form/index.js +91 -36
- package/lib/form/types.d.ts +6 -6
- package/lib/form/withFieldHOC.js +34 -15
- package/lib/form/withFormSecurity.js +28 -5
- package/lib/gridlayout/GridCol.js +11 -5
- package/lib/gridlayout/GridRow.js +9 -3
- package/lib/gridlayout/index.d.ts +1 -4
- package/lib/gridlayout/index.js +4 -0
- package/lib/icons/index.js +26 -16
- package/lib/icons/types.d.ts +1 -1
- package/lib/index.d.ts +1 -1
- package/lib/index.js +10 -0
- package/lib/inputs/base/InputTextBase.js +73 -49
- package/lib/inputs/base/helpers.js +19 -6
- package/lib/inputs/color/index.js +38 -11
- package/lib/inputs/date/Dialog.js +7 -2
- package/lib/inputs/date/Dropdown.js +8 -1
- package/lib/inputs/date/helpers.js +11 -2
- package/lib/inputs/date/index.js +101 -48
- package/lib/inputs/file/DefaultFile.js +42 -13
- package/lib/inputs/file/DragDropFile.js +90 -37
- package/lib/inputs/file/File.js +25 -4
- package/lib/inputs/file/FileButtonSettings.js +11 -5
- package/lib/inputs/file/helpers.js +5 -0
- package/lib/inputs/file/index.d.ts +1 -4
- package/lib/inputs/file/index.js +6 -0
- package/lib/inputs/file/types.d.ts +1 -1
- package/lib/inputs/inputHOC.js +34 -10
- package/lib/inputs/mask/BaseMask.js +17 -1
- package/lib/inputs/mask/Cnpj.js +37 -12
- package/lib/inputs/mask/Cpf.js +33 -10
- package/lib/inputs/mask/Phone.js +6 -0
- package/lib/inputs/mask/ZipCode.js +6 -0
- package/lib/inputs/mask/helpers.js +20 -8
- package/lib/inputs/mask/imaskHOC.js +83 -52
- package/lib/inputs/mask/index.d.ts +1 -4
- package/lib/inputs/mask/index.js +7 -0
- package/lib/inputs/multiSelect/ActionButtons.js +13 -4
- package/lib/inputs/multiSelect/Dropdown.js +46 -23
- package/lib/inputs/multiSelect/helper.d.ts +1 -1
- package/lib/inputs/multiSelect/helper.js +5 -3
- package/lib/inputs/multiSelect/index.js +105 -41
- package/lib/inputs/multiSelect/types.d.ts +2 -2
- package/lib/inputs/number/BaseNumber.js +16 -3
- package/lib/inputs/number/Currency.js +7 -1
- package/lib/inputs/number/Decimal.js +5 -0
- package/lib/inputs/number/format_number.js +7 -0
- package/lib/inputs/number/index.js +13 -3
- package/lib/inputs/period/Dialog.js +7 -2
- package/lib/inputs/period/Dropdown.js +7 -0
- package/lib/inputs/period/PeriodList.js +7 -1
- package/lib/inputs/period/helper.js +12 -2
- package/lib/inputs/period/index.js +114 -43
- package/lib/inputs/period/types.d.ts +1 -1
- package/lib/inputs/search/index.js +63 -18
- package/lib/inputs/select/ActionButtons.js +12 -4
- package/lib/inputs/select/Dropdown.js +49 -29
- package/lib/inputs/select/helper.d.ts +1 -1
- package/lib/inputs/select/helper.js +27 -11
- package/lib/inputs/select/index.js +22 -7
- package/lib/inputs/select/multiple/Selecteds.js +8 -4
- package/lib/inputs/select/multiple/index.js +100 -39
- package/lib/inputs/select/simple/index.js +123 -59
- package/lib/inputs/select/types.d.ts +4 -4
- package/lib/inputs/text/index.js +5 -1
- package/lib/inputs/text/types.d.ts +1 -1
- package/lib/inputs/textarea/index.js +10 -4
- package/lib/inputs/types.d.ts +1 -1
- package/lib/internals/withTooltip.js +70 -25
- package/lib/labelMessages/index.js +45 -25
- package/lib/labels/DangerLabel.js +11 -1
- package/lib/labels/DefaultLabel.js +41 -19
- package/lib/labels/InfoLabel.js +11 -1
- package/lib/labels/PrimaryLabel.js +11 -1
- package/lib/labels/SuccessLabel.js +11 -1
- package/lib/labels/WarningLabel.js +11 -1
- package/lib/labels/index.d.ts +1 -4
- package/lib/labels/index.js +10 -0
- package/lib/labels/label_container/index.js +7 -3
- package/lib/list/Header.js +7 -3
- package/lib/list/Item.js +68 -33
- package/lib/list/Separator.js +4 -0
- package/lib/list/helpers.js +4 -0
- package/lib/list/index.js +60 -25
- package/lib/list/types.d.ts +1 -1
- package/lib/menus/float/MenuItem.js +26 -9
- package/lib/menus/float/SubMenuContainer.js +17 -5
- package/lib/menus/float/helpers.js +4 -0
- package/lib/menus/float/index.js +21 -8
- package/lib/menus/index.d.ts +1 -4
- package/lib/menus/index.js +3 -0
- package/lib/menus/sidenav/ExpandMenu.js +7 -2
- package/lib/menus/sidenav/MenuLink.js +12 -3
- package/lib/menus/sidenav/NavMenuGroup.js +12 -3
- package/lib/menus/sidenav/NavMenuItem.js +56 -27
- package/lib/menus/sidenav/NavSubMenuItem.js +27 -8
- package/lib/menus/sidenav/helpers.js +9 -0
- package/lib/menus/sidenav/index.js +75 -26
- package/lib/menus/sidenav/popup_menu_search/EmptyList.js +7 -2
- package/lib/menus/sidenav/popup_menu_search/index.js +45 -15
- package/lib/menus/sidenav/types.d.ts +1 -1
- package/lib/noPermission/index.js +6 -0
- package/lib/panel/Content.d.ts +1 -1
- package/lib/panel/Content.js +22 -7
- package/lib/panel/DangerPanel.d.ts +1 -1
- package/lib/panel/DangerPanel.js +7 -0
- package/lib/panel/Default.d.ts +1 -1
- package/lib/panel/Default.js +44 -20
- package/lib/panel/Header.d.ts +1 -1
- package/lib/panel/Header.js +27 -12
- package/lib/panel/InfoPanel.d.ts +1 -1
- package/lib/panel/InfoPanel.js +7 -0
- package/lib/panel/PrimaryPanel.d.ts +1 -1
- package/lib/panel/PrimaryPanel.js +7 -0
- package/lib/panel/SuccessPanel.d.ts +1 -1
- package/lib/panel/SuccessPanel.js +7 -0
- package/lib/panel/ToolBar.d.ts +1 -1
- package/lib/panel/ToolBar.js +5 -0
- package/lib/panel/WarningPanel.d.ts +1 -1
- package/lib/panel/WarningPanel.js +7 -0
- package/lib/panel/helpers.d.ts +1 -1
- package/lib/panel/helpers.js +10 -2
- package/lib/panel/index.d.ts +2 -5
- package/lib/panel/index.js +11 -0
- package/lib/panel/types.d.ts +1 -1
- package/lib/permissionValidations.js +15 -3
- package/lib/popover/PopoverText.js +4 -0
- package/lib/popover/PopoverTitle.js +4 -0
- package/lib/popover/index.js +23 -12
- package/lib/progress/Bar.js +33 -20
- package/lib/progress/index.js +14 -5
- package/lib/radio/index.js +46 -23
- package/lib/skeleton/SkeletonContainer.js +9 -3
- package/lib/skeleton/index.js +22 -10
- package/lib/spinner/SpinnerLoading.js +7 -3
- package/lib/spinner/index.js +40 -18
- package/lib/split/Split.js +83 -32
- package/lib/split/SplitSide.js +18 -6
- package/lib/split/helpers.d.ts +1 -1
- package/lib/split/helpers.js +4 -0
- package/lib/split/index.d.ts +1 -4
- package/lib/split/index.js +5 -0
- package/lib/table/Body.js +29 -15
- package/lib/table/Header.js +28 -5
- package/lib/table/HeaderColumn.js +21 -10
- package/lib/table/Row.js +28 -18
- package/lib/table/RowColumn.js +29 -12
- package/lib/table/helpers.js +7 -0
- package/lib/table/index.js +62 -32
- package/lib/table/types.d.ts +1 -1
- package/lib/tabs/DropdownItems.js +21 -12
- package/lib/tabs/Menu.js +15 -5
- package/lib/tabs/MenuItems.js +33 -23
- package/lib/tabs/Panel.js +39 -14
- package/lib/tabs/index.js +113 -46
- package/lib/tabs/tabHelpers.js +16 -3
- package/lib/toolbar/ButtonBar.js +29 -13
- package/lib/toolbar/LabelBar.js +28 -11
- package/lib/toolbar/Separator.js +4 -0
- package/lib/toolbar/ToolBarGroup.js +6 -2
- package/lib/toolbar/helpers.js +2 -0
- package/lib/toolbar/index.js +23 -7
- package/lib/tooltip/index.js +25 -10
- package/lib/tooltip/types.d.ts +1 -1
- package/lib/treetable/Body.js +27 -9
- package/lib/treetable/Header.js +11 -1
- package/lib/treetable/Row.js +113 -58
- package/lib/treetable/helpers.js +10 -0
- package/lib/treetable/index.js +11 -0
- package/lib/treeview/Header.js +6 -2
- package/lib/treeview/Node.js +111 -47
- package/lib/treeview/constants.js +4 -0
- package/lib/treeview/index.js +134 -54
- package/lib/treeview/types.d.ts +2 -2
- package/lib/treeview_old/Header.js +6 -1
- package/lib/treeview_old/Node.js +32 -5
- package/lib/treeview_old/index.js +9 -1
- package/lib/{types-90c43ae1.d.ts → types-3c6f1c20.d.ts} +1 -1
- package/lib/uitour/index.js +73 -33
- package/lib/uitour/types.d.ts +1 -1
- package/package.json +1 -1
|
@@ -1,6 +1,7 @@
|
|
|
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
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
@@ -29,76 +30,112 @@ Object.defineProperty(exports, "NavSubMenuItem", {
|
|
|
29
30
|
}
|
|
30
31
|
});
|
|
31
32
|
exports.default = void 0;
|
|
33
|
+
|
|
32
34
|
var _react = _interopRequireWildcard(require("react"));
|
|
35
|
+
|
|
33
36
|
var _uuid = _interopRequireDefault(require("uuid"));
|
|
37
|
+
|
|
34
38
|
var _NavMenuItem = _interopRequireDefault(require("./NavMenuItem"));
|
|
39
|
+
|
|
35
40
|
var _NavSubMenuItem = _interopRequireDefault(require("./NavSubMenuItem"));
|
|
41
|
+
|
|
36
42
|
var _NavMenuGroup = _interopRequireDefault(require("./NavMenuGroup"));
|
|
43
|
+
|
|
37
44
|
var _ExpandMenu = _interopRequireDefault(require("./ExpandMenu"));
|
|
45
|
+
|
|
38
46
|
require("../../assets/styles/sidenav.scss");
|
|
47
|
+
|
|
39
48
|
var _helpers = require("./helpers");
|
|
49
|
+
|
|
40
50
|
var _icons = _interopRequireDefault(require("../../icons"));
|
|
51
|
+
|
|
41
52
|
var constants = _interopRequireWildcard(require("../../internals/constants"));
|
|
53
|
+
|
|
42
54
|
var _popup_menu_search = _interopRequireDefault(require("./popup_menu_search"));
|
|
55
|
+
|
|
43
56
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
57
|
+
|
|
44
58
|
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); }
|
|
59
|
+
|
|
45
60
|
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; }
|
|
61
|
+
|
|
46
62
|
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); }
|
|
63
|
+
|
|
47
64
|
function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
|
|
65
|
+
|
|
48
66
|
function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
|
|
67
|
+
|
|
49
68
|
function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
|
|
69
|
+
|
|
50
70
|
function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
|
|
71
|
+
|
|
51
72
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
73
|
+
|
|
52
74
|
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."); }
|
|
75
|
+
|
|
53
76
|
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); }
|
|
54
|
-
|
|
55
|
-
function
|
|
77
|
+
|
|
78
|
+
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; }
|
|
79
|
+
|
|
80
|
+
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; }
|
|
81
|
+
|
|
56
82
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
83
|
+
|
|
57
84
|
var SideNav = function SideNav(props) {
|
|
58
85
|
var customClass = props.customClass,
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
86
|
+
showExpandMenu = props.showExpandMenu,
|
|
87
|
+
expandMenuCustomClass = props.expandMenuCustomClass,
|
|
88
|
+
_props$expanded = props.expanded,
|
|
89
|
+
expanded = _props$expanded === void 0 ? true : _props$expanded,
|
|
90
|
+
_props$menuSize = props.menuSize,
|
|
91
|
+
menuSize = _props$menuSize === void 0 ? 'medium' : _props$menuSize,
|
|
92
|
+
onExpandMenuClick = props.onExpandMenuClick,
|
|
93
|
+
children = props.children,
|
|
94
|
+
enableMenuSearch = props.enableMenuSearch;
|
|
95
|
+
|
|
68
96
|
var _useState = (0, _react.useState)(expanded),
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
97
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
98
|
+
isExpanded = _useState2[0],
|
|
99
|
+
setIsExpanded = _useState2[1];
|
|
100
|
+
|
|
72
101
|
var _useState3 = (0, _react.useState)([]),
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
102
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
103
|
+
menuItemsContent = _useState4[0],
|
|
104
|
+
setMenuItemsContent = _useState4[1];
|
|
105
|
+
|
|
76
106
|
var _useState5 = (0, _react.useState)({}),
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
107
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
108
|
+
sideNavDimensions = _useState6[0],
|
|
109
|
+
setSideNavDimensions = _useState6[1];
|
|
110
|
+
|
|
80
111
|
var _useState7 = (0, _react.useState)(false),
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
112
|
+
_useState8 = _slicedToArray(_useState7, 2),
|
|
113
|
+
openSearchMenuPopup = _useState8[0],
|
|
114
|
+
setOpenSearchMenuPopup = _useState8[1];
|
|
115
|
+
|
|
84
116
|
var sideNavRef = (0, _react.useRef)(null);
|
|
117
|
+
|
|
85
118
|
var onHeaderClick = function onHeaderClick() {
|
|
86
119
|
setIsExpanded(!isExpanded);
|
|
87
120
|
if (onExpandMenuClick) onExpandMenuClick(!isExpanded);
|
|
88
121
|
};
|
|
122
|
+
|
|
89
123
|
var getPopupMenuSearchStyle = function getPopupMenuSearchStyle() {
|
|
90
124
|
var left = sideNavDimensions.left,
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
125
|
+
top = sideNavDimensions.top,
|
|
126
|
+
width = sideNavDimensions.width,
|
|
127
|
+
height = sideNavDimensions.height;
|
|
94
128
|
var style = "left: ".concat(left + width + 5, "px; top: ").concat(top + 1, "px; height: ").concat(height - 8, "px;");
|
|
95
129
|
return style;
|
|
96
130
|
};
|
|
131
|
+
|
|
97
132
|
var closeSearchMenuPopup = function closeSearchMenuPopup() {
|
|
98
133
|
setOpenSearchMenuPopup(false);
|
|
99
134
|
};
|
|
135
|
+
|
|
100
136
|
var compareChild = function compareChild(child) {
|
|
101
137
|
var type = child.type;
|
|
138
|
+
|
|
102
139
|
if ((type === _NavMenuItem.default || type === _NavSubMenuItem.default) && !child.props.children) {
|
|
103
140
|
setMenuItemsContent(function (prevState) {
|
|
104
141
|
return [].concat(_toConsumableArray(prevState), [{
|
|
@@ -109,6 +146,7 @@ var SideNav = function SideNav(props) {
|
|
|
109
146
|
});
|
|
110
147
|
}
|
|
111
148
|
};
|
|
149
|
+
|
|
112
150
|
var scanChildrenContent = function scanChildrenContent(childrenProps) {
|
|
113
151
|
if (Array.isArray(childrenProps)) {
|
|
114
152
|
childrenProps.forEach(function (child) {
|
|
@@ -122,15 +160,18 @@ var SideNav = function SideNav(props) {
|
|
|
122
160
|
if (childrenProps.props.children) scanChildrenContent(childrenProps.props.children);
|
|
123
161
|
}
|
|
124
162
|
};
|
|
163
|
+
|
|
125
164
|
var openSearchMenu = function openSearchMenu() {
|
|
126
165
|
setOpenSearchMenuPopup(true);
|
|
127
166
|
};
|
|
167
|
+
|
|
128
168
|
var onKeyDown = function onKeyDown(e) {
|
|
129
169
|
if ([constants.keyCodes.F].includes(e.keyCode) && e.ctrlKey && e.shiftKey) {
|
|
130
170
|
e.preventDefault();
|
|
131
171
|
openSearchMenu();
|
|
132
172
|
}
|
|
133
173
|
};
|
|
174
|
+
|
|
134
175
|
(0, _react.useEffect)(function () {
|
|
135
176
|
document.addEventListener('keydown', onKeyDown);
|
|
136
177
|
return function () {
|
|
@@ -141,16 +182,19 @@ var SideNav = function SideNav(props) {
|
|
|
141
182
|
if (enableMenuSearch && sideNavRef && sideNavRef.current) {
|
|
142
183
|
setSideNavDimensions(sideNavRef.current.getBoundingClientRect());
|
|
143
184
|
}
|
|
185
|
+
|
|
144
186
|
if (enableMenuSearch) scanChildrenContent(children);
|
|
145
187
|
}, []);
|
|
146
188
|
(0, _react.useEffect)(function () {
|
|
147
189
|
setIsExpanded(expanded);
|
|
148
190
|
}, [expanded]);
|
|
191
|
+
|
|
149
192
|
var returnMenuItems = function returnMenuItems() {
|
|
150
193
|
return menuItemsContent.filter(function (item) {
|
|
151
194
|
return item.content !== '';
|
|
152
195
|
});
|
|
153
196
|
};
|
|
197
|
+
|
|
154
198
|
var getPopupMenuSearch = function getPopupMenuSearch() {
|
|
155
199
|
return /*#__PURE__*/_react.default.createElement(_NavMenuGroup.default, {
|
|
156
200
|
key: "popup-menusearch-".concat(_uuid.default.v1())
|
|
@@ -178,12 +222,16 @@ var SideNav = function SideNav(props) {
|
|
|
178
222
|
menuItemsContent: menuItemsContent && returnMenuItems()
|
|
179
223
|
}))));
|
|
180
224
|
};
|
|
225
|
+
|
|
181
226
|
var getSideNavContent = function getSideNavContent() {
|
|
182
227
|
if (!enableMenuSearch) return children;
|
|
228
|
+
|
|
183
229
|
var items = _toConsumableArray(children);
|
|
230
|
+
|
|
184
231
|
items.splice(1, 0, getPopupMenuSearch());
|
|
185
232
|
return items;
|
|
186
233
|
};
|
|
234
|
+
|
|
187
235
|
var contextValues = {
|
|
188
236
|
isExpanded: isExpanded,
|
|
189
237
|
menuSize: menuSize,
|
|
@@ -200,5 +248,6 @@ var SideNav = function SideNav(props) {
|
|
|
200
248
|
iconName: isExpanded ? 'arrow_left' : 'arrow_right'
|
|
201
249
|
}), getSideNavContent()));
|
|
202
250
|
};
|
|
251
|
+
|
|
203
252
|
var _default = SideNav;
|
|
204
253
|
exports.default = _default;
|
|
@@ -4,13 +4,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _icons = _interopRequireDefault(require("../../../icons"));
|
|
11
|
+
|
|
9
12
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
|
|
10
14
|
var EmptyList = function EmptyList(_ref) {
|
|
11
15
|
var info = _ref.info,
|
|
12
|
-
|
|
13
|
-
|
|
16
|
+
_ref$visible = _ref.visible,
|
|
17
|
+
visible = _ref$visible === void 0 ? true : _ref$visible;
|
|
14
18
|
if (!visible) return /*#__PURE__*/_react.default.createElement("noscript", null);
|
|
15
19
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
16
20
|
className: "nodata-container"
|
|
@@ -22,5 +26,6 @@ var EmptyList = function EmptyList(_ref) {
|
|
|
22
26
|
className: "subtext"
|
|
23
27
|
}, info));
|
|
24
28
|
};
|
|
29
|
+
|
|
25
30
|
var _default = EmptyList;
|
|
26
31
|
exports.default = _default;
|
|
@@ -1,55 +1,79 @@
|
|
|
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
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
13
|
+
|
|
10
14
|
var _search = _interopRequireDefault(require("../../../inputs/search"));
|
|
15
|
+
|
|
11
16
|
var _list = _interopRequireWildcard(require("../../../list"));
|
|
17
|
+
|
|
12
18
|
var _icons = _interopRequireDefault(require("../../../icons"));
|
|
19
|
+
|
|
13
20
|
var _EmptyList = _interopRequireDefault(require("./EmptyList"));
|
|
21
|
+
|
|
14
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
|
+
|
|
15
24
|
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
|
+
|
|
16
26
|
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
|
+
|
|
17
28
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
29
|
+
|
|
18
30
|
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."); }
|
|
31
|
+
|
|
19
32
|
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); }
|
|
20
|
-
|
|
21
|
-
function
|
|
33
|
+
|
|
34
|
+
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; }
|
|
35
|
+
|
|
36
|
+
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; }
|
|
37
|
+
|
|
22
38
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
39
|
+
|
|
23
40
|
var body = document.getElementsByTagName('body')[0];
|
|
41
|
+
|
|
24
42
|
var PopupMenuSearch = function PopupMenuSearch(props) {
|
|
25
43
|
var style = props.style,
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
44
|
+
menuItemsContent = props.menuItemsContent,
|
|
45
|
+
handlerClose = props.handlerClose,
|
|
46
|
+
menuSearchEmptyMessage = props.menuSearchEmptyMessage,
|
|
47
|
+
menuSearchPlaceholder = props.menuSearchPlaceholder;
|
|
48
|
+
|
|
30
49
|
var _useState = (0, _react.useState)(''),
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
50
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
51
|
+
searchFieldContent = _useState2[0],
|
|
52
|
+
setSearchFieldContent = _useState2[1];
|
|
53
|
+
|
|
34
54
|
var _useState3 = (0, _react.useState)(menuItemsContent),
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
55
|
+
_useState4 = _slicedToArray(_useState3, 2),
|
|
56
|
+
searchResult = _useState4[0],
|
|
57
|
+
setSearchResult = _useState4[1];
|
|
58
|
+
|
|
38
59
|
var _useState5 = (0, _react.useState)(''),
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
60
|
+
_useState6 = _slicedToArray(_useState5, 2),
|
|
61
|
+
defaultSelectedItemId = _useState6[0],
|
|
62
|
+
setDefaultSelectedItemId = _useState6[1];
|
|
63
|
+
|
|
42
64
|
var searchFieldRef = (0, _react.useRef)(null);
|
|
43
65
|
var popupRef = (0, _react.useRef)(document.createElement('div'));
|
|
44
66
|
Object.assign(popupRef.current, {
|
|
45
67
|
className: 'searchmenu',
|
|
46
68
|
style: style
|
|
47
69
|
});
|
|
70
|
+
|
|
48
71
|
var closeOnEsc = function closeOnEsc(e) {
|
|
49
72
|
if (e.keyCode === 27 || e.key === 'ESC') {
|
|
50
73
|
handlerClose();
|
|
51
74
|
}
|
|
52
75
|
};
|
|
76
|
+
|
|
53
77
|
(0, _react.useEffect)(function () {
|
|
54
78
|
body.appendChild(popupRef.current);
|
|
55
79
|
if (searchFieldRef && searchFieldRef.current) searchFieldRef.current.focus();
|
|
@@ -67,6 +91,7 @@ var PopupMenuSearch = function PopupMenuSearch(props) {
|
|
|
67
91
|
(0, _react.useEffect)(function () {
|
|
68
92
|
if (searchResult && searchResult.length > 0) setDefaultSelectedItemId(searchResult[0].id);
|
|
69
93
|
}, []);
|
|
94
|
+
|
|
70
95
|
var search = function search(value) {
|
|
71
96
|
var filter = value.toLowerCase();
|
|
72
97
|
var result = menuItemsContent && menuItemsContent.filter(function (item) {
|
|
@@ -76,6 +101,7 @@ var PopupMenuSearch = function PopupMenuSearch(props) {
|
|
|
76
101
|
setSearchFieldContent(value);
|
|
77
102
|
setSearchResult(result);
|
|
78
103
|
};
|
|
104
|
+
|
|
79
105
|
var returnList = function returnList() {
|
|
80
106
|
if (searchResult && searchResult.length > 0) {
|
|
81
107
|
return /*#__PURE__*/_react.default.createElement(_list.default, {
|
|
@@ -99,10 +125,12 @@ var PopupMenuSearch = function PopupMenuSearch(props) {
|
|
|
99
125
|
});
|
|
100
126
|
}));
|
|
101
127
|
}
|
|
128
|
+
|
|
102
129
|
return /*#__PURE__*/_react.default.createElement(_EmptyList.default, {
|
|
103
130
|
info: menuSearchEmptyMessage
|
|
104
131
|
});
|
|
105
132
|
};
|
|
133
|
+
|
|
106
134
|
var getPopupContent = function getPopupContent() {
|
|
107
135
|
return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
|
|
108
136
|
onClick: handlerClose,
|
|
@@ -130,7 +158,9 @@ var PopupMenuSearch = function PopupMenuSearch(props) {
|
|
|
130
158
|
}
|
|
131
159
|
}, returnList()));
|
|
132
160
|
};
|
|
161
|
+
|
|
133
162
|
return /*#__PURE__*/_reactDom.default.createPortal(getPopupContent(), popupRef.current);
|
|
134
163
|
};
|
|
164
|
+
|
|
135
165
|
var _default = PopupMenuSearch;
|
|
136
166
|
exports.default = _default;
|
|
@@ -77,6 +77,6 @@ interface ISideNavContext {
|
|
|
77
77
|
menuSize?: Extract<Size, 'small' | 'medium' | 'large'>;
|
|
78
78
|
openSearchMenuPopup?: boolean;
|
|
79
79
|
}
|
|
80
|
-
type ITargetDimensions = DOMRect;
|
|
80
|
+
declare type ITargetDimensions = DOMRect;
|
|
81
81
|
|
|
82
82
|
export { IEmptyListProps, IExpandMenuProps, IMenuItemContent, IMenuLinkProps, INavMenuGroupProps, INavMenuItemProps, INavSubMenuItemProps, IPopupMenuSearchProps, ISideNavContext, ISideNavDimensions, ISideNavProps, ISubMenuContext, ITargetDimensions };
|
|
@@ -4,10 +4,15 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
11
|
+
|
|
9
12
|
require("../assets/styles/noPermission.scss");
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
11
16
|
var NoPermission = function NoPermission() {
|
|
12
17
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
13
18
|
className: "no-permission-component",
|
|
@@ -22,5 +27,6 @@ var NoPermission = function NoPermission() {
|
|
|
22
27
|
className: "subtext"
|
|
23
28
|
}, "Voc\xEA n\xE3o tem permiss\xE3o para acessar este conte\xFAdo. Consulte o Administrador do sistema!"));
|
|
24
29
|
};
|
|
30
|
+
|
|
25
31
|
var _default = NoPermission;
|
|
26
32
|
exports.default = _default;
|
package/lib/panel/Content.d.ts
CHANGED
package/lib/panel/Content.js
CHANGED
|
@@ -1,34 +1,47 @@
|
|
|
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
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
13
|
+
|
|
10
14
|
var _noPermission = _interopRequireDefault(require("../noPermission"));
|
|
15
|
+
|
|
11
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
17
|
+
|
|
12
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
|
+
|
|
13
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
|
+
|
|
14
22
|
var observer = null;
|
|
23
|
+
|
|
15
24
|
var PanelContent = function PanelContent(_ref) {
|
|
16
25
|
var customClass = _ref.customClass,
|
|
17
|
-
|
|
18
|
-
|
|
26
|
+
children = _ref.children,
|
|
27
|
+
style = _ref.style;
|
|
28
|
+
|
|
19
29
|
var _useContext = (0, _react.useContext)(_helpers.default),
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
30
|
+
opened = _useContext.opened,
|
|
31
|
+
onEndReached = _useContext.onEndReached,
|
|
32
|
+
onEndReachedThreshold = _useContext.onEndReachedThreshold,
|
|
33
|
+
hideContent = _useContext.hideContent;
|
|
34
|
+
|
|
24
35
|
var rootElementRef = (0, _react.useRef)(null);
|
|
25
36
|
var observedElement = (0, _react.useRef)(null);
|
|
26
37
|
/* usa uma referencia ao onEndReched pra evitar novas instancias do observer */
|
|
38
|
+
|
|
27
39
|
var onEndReachedRef = (0, _react.useRef)(onEndReached);
|
|
28
40
|
var options = {
|
|
29
41
|
root: rootElementRef.current,
|
|
30
42
|
threshold: onEndReachedThreshold || 0
|
|
31
43
|
};
|
|
44
|
+
|
|
32
45
|
var scrollObserver = function scrollObserver(node) {
|
|
33
46
|
// evitar criação de multiplos observers
|
|
34
47
|
if (observer) observer.unobserve(node);
|
|
@@ -41,8 +54,9 @@ var PanelContent = function PanelContent(_ref) {
|
|
|
41
54
|
});
|
|
42
55
|
observer.observe(node);
|
|
43
56
|
};
|
|
44
|
-
|
|
45
57
|
/* atualiza referencia caso a função mude */
|
|
58
|
+
|
|
59
|
+
|
|
46
60
|
(0, _react.useEffect)(function () {
|
|
47
61
|
onEndReachedRef.current = onEndReached;
|
|
48
62
|
}, [onEndReached]);
|
|
@@ -60,5 +74,6 @@ var PanelContent = function PanelContent(_ref) {
|
|
|
60
74
|
ref: observedElement
|
|
61
75
|
}) : /*#__PURE__*/_react.default.createElement("noscript", null));
|
|
62
76
|
};
|
|
77
|
+
|
|
63
78
|
var _default = PanelContent;
|
|
64
79
|
exports.default = _default;
|
package/lib/panel/DangerPanel.js
CHANGED
|
@@ -4,15 +4,22 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = void 0;
|
|
7
|
+
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
+
|
|
8
10
|
var _Default = _interopRequireDefault(require("./Default"));
|
|
11
|
+
|
|
9
12
|
var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
|
|
13
|
+
|
|
10
14
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
15
|
+
|
|
11
16
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
17
|
+
|
|
12
18
|
var DangerPanel = function DangerPanel(props) {
|
|
13
19
|
return /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
|
|
14
20
|
colorStyle: _colorStyles.default.DANGER
|
|
15
21
|
}));
|
|
16
22
|
};
|
|
23
|
+
|
|
17
24
|
var _default = DangerPanel;
|
|
18
25
|
exports.default = _default;
|
package/lib/panel/Default.d.ts
CHANGED
package/lib/panel/Default.js
CHANGED
|
@@ -1,52 +1,73 @@
|
|
|
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
|
+
|
|
4
5
|
Object.defineProperty(exports, "__esModule", {
|
|
5
6
|
value: true
|
|
6
7
|
});
|
|
7
8
|
exports.default = void 0;
|
|
9
|
+
|
|
8
10
|
var _react = _interopRequireWildcard(require("react"));
|
|
11
|
+
|
|
9
12
|
var _gridlayout = _interopRequireDefault(require("../gridlayout"));
|
|
13
|
+
|
|
10
14
|
var _Header = _interopRequireDefault(require("./Header"));
|
|
15
|
+
|
|
11
16
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
17
|
+
|
|
12
18
|
var _permissionValidations = require("../permissionValidations");
|
|
19
|
+
|
|
13
20
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
21
|
+
|
|
14
22
|
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); }
|
|
23
|
+
|
|
15
24
|
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; }
|
|
25
|
+
|
|
16
26
|
function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
|
|
27
|
+
|
|
17
28
|
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."); }
|
|
29
|
+
|
|
18
30
|
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); }
|
|
19
|
-
|
|
20
|
-
function
|
|
31
|
+
|
|
32
|
+
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; }
|
|
33
|
+
|
|
34
|
+
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; }
|
|
35
|
+
|
|
21
36
|
function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
|
|
37
|
+
|
|
22
38
|
var DefaultPanel = function DefaultPanel(_ref) {
|
|
23
39
|
var _ref$startOpened = _ref.startOpened,
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
40
|
+
startOpened = _ref$startOpened === void 0 ? true : _ref$startOpened,
|
|
41
|
+
toggleable = _ref.toggleable,
|
|
42
|
+
customClass = _ref.customClass,
|
|
43
|
+
children = _ref.children,
|
|
44
|
+
style = _ref.style,
|
|
45
|
+
title = _ref.title,
|
|
46
|
+
gridCols = _ref.gridCols,
|
|
47
|
+
onEndReached = _ref.onEndReached,
|
|
48
|
+
_ref$onEndReachedThre = _ref.onEndReachedThreshold,
|
|
49
|
+
onEndReachedThreshold = _ref$onEndReachedThre === void 0 ? 0.1 : _ref$onEndReachedThre,
|
|
50
|
+
permissionAttr = _ref.permissionAttr,
|
|
51
|
+
colorStyle = _ref.colorStyle;
|
|
52
|
+
|
|
36
53
|
var _useState = (0, _react.useState)(startOpened),
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
54
|
+
_useState2 = _slicedToArray(_useState, 2),
|
|
55
|
+
opened = _useState2[0],
|
|
56
|
+
setOpened = _useState2[1];
|
|
57
|
+
|
|
40
58
|
var hideContent = _permissionValidations.OPTIONS_ON_DENIED.hideContent,
|
|
41
|
-
|
|
59
|
+
unvisible = _permissionValidations.OPTIONS_ON_DENIED.unvisible;
|
|
60
|
+
|
|
42
61
|
var _useState3 = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)([hideContent, unvisible], permissionAttr)),
|
|
43
|
-
|
|
44
|
-
|
|
62
|
+
_useState4 = _slicedToArray(_useState3, 1),
|
|
63
|
+
onDenied = _useState4[0];
|
|
64
|
+
|
|
45
65
|
var getCssClass = function getCssClass() {
|
|
46
66
|
var cssClass = "panel-component ".concat(customClass);
|
|
47
67
|
cssClass += colorStyle !== '' ? " -".concat(colorStyle) : '';
|
|
48
68
|
return cssClass;
|
|
49
69
|
};
|
|
70
|
+
|
|
50
71
|
var renderContent = function renderContent() {
|
|
51
72
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
52
73
|
className: getCssClass(),
|
|
@@ -55,6 +76,7 @@ var DefaultPanel = function DefaultPanel(_ref) {
|
|
|
55
76
|
title: title
|
|
56
77
|
}), children);
|
|
57
78
|
};
|
|
79
|
+
|
|
58
80
|
var contextValues = function contextValues() {
|
|
59
81
|
return {
|
|
60
82
|
toggleable: toggleable,
|
|
@@ -68,6 +90,7 @@ var DefaultPanel = function DefaultPanel(_ref) {
|
|
|
68
90
|
unvisible: onDenied.unvisible
|
|
69
91
|
};
|
|
70
92
|
};
|
|
93
|
+
|
|
71
94
|
if (onDenied.unvisible) return null;
|
|
72
95
|
return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
|
|
73
96
|
value: contextValues()
|
|
@@ -75,5 +98,6 @@ var DefaultPanel = function DefaultPanel(_ref) {
|
|
|
75
98
|
cols: gridCols
|
|
76
99
|
}, renderContent()) : renderContent());
|
|
77
100
|
};
|
|
101
|
+
|
|
78
102
|
var _default = DefaultPanel;
|
|
79
103
|
exports.default = _default;
|