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
package/lib/panel/Header.js
CHANGED
|
@@ -1,26 +1,25 @@
|
|
|
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 _icons = _interopRequireDefault(require("../icons"));
|
|
10
9
|
var _buttons = _interopRequireWildcard(require("../buttons"));
|
|
11
10
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
12
|
-
|
|
13
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
14
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
15
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
11
|
+
const _excluded = ["titleIcon", "icon", "title", "children", "customClass", "headerColored", "styleForTitle", "customClassForTitle"];
|
|
12
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
|
+
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); }
|
|
14
|
+
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
15
|
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
16
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
18
17
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
19
|
-
|
|
18
|
+
const getIcon = (titleIcon, icon) => {
|
|
20
19
|
if (icon) {
|
|
21
20
|
return icon;
|
|
22
21
|
} else if (titleIcon) {
|
|
23
|
-
return /*#__PURE__*/_react
|
|
22
|
+
return /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
24
23
|
name: titleIcon,
|
|
25
24
|
color: "#000",
|
|
26
25
|
size: 16
|
|
@@ -28,47 +27,51 @@ var getIcon = function getIcon(titleIcon, icon) {
|
|
|
28
27
|
}
|
|
29
28
|
return null;
|
|
30
29
|
};
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
headerColored =
|
|
35
|
-
|
|
30
|
+
const getClassName = _ref => {
|
|
31
|
+
let {
|
|
32
|
+
customClass,
|
|
33
|
+
headerColored = true
|
|
34
|
+
} = _ref;
|
|
35
|
+
let className = "panel-header ".concat(customClass !== null && customClass !== void 0 ? customClass : '');
|
|
36
36
|
if (!headerColored) className += ' -uncolored';
|
|
37
37
|
return className;
|
|
38
38
|
};
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
39
|
+
const PanelHeader = props => {
|
|
40
|
+
const {
|
|
41
|
+
titleIcon,
|
|
42
|
+
icon,
|
|
43
|
+
title,
|
|
44
|
+
children,
|
|
45
|
+
customClass,
|
|
46
|
+
headerColored,
|
|
47
|
+
styleForTitle,
|
|
48
|
+
customClassForTitle
|
|
49
|
+
} = props,
|
|
48
50
|
rest = _objectWithoutProperties(props, _excluded);
|
|
49
|
-
|
|
50
|
-
toggleable
|
|
51
|
-
handlerToggleable
|
|
52
|
-
opened
|
|
53
|
-
|
|
51
|
+
const {
|
|
52
|
+
toggleable,
|
|
53
|
+
handlerToggleable,
|
|
54
|
+
opened
|
|
55
|
+
} = (0, _react.useContext)(_helpers.default);
|
|
56
|
+
return /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
54
57
|
className: getClassName(props)
|
|
55
|
-
}, rest), (icon || titleIcon) && /*#__PURE__*/_react
|
|
58
|
+
}, rest), (icon || titleIcon) && /*#__PURE__*/_react.default.createElement("div", {
|
|
56
59
|
className: "".concat(icon !== null || titleIcon !== null ? 'icon-left-panel' : '')
|
|
57
|
-
}, getIcon(titleIcon, icon)), title && /*#__PURE__*/_react
|
|
60
|
+
}, getIcon(titleIcon, icon)), title && /*#__PURE__*/_react.default.createElement("h1", {
|
|
58
61
|
className: "title ".concat(customClassForTitle !== null && customClassForTitle !== void 0 ? customClassForTitle : ''),
|
|
59
62
|
style: styleForTitle
|
|
60
|
-
}, title), toggleable && /*#__PURE__*/_react
|
|
63
|
+
}, title), toggleable && /*#__PURE__*/_react.default.createElement(_buttons.ButtonContainer, {
|
|
61
64
|
position: "right"
|
|
62
|
-
}, /*#__PURE__*/_react
|
|
65
|
+
}, /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
63
66
|
boxShadow: false,
|
|
64
67
|
transparent: true,
|
|
65
|
-
onClick:
|
|
68
|
+
onClick: () => {
|
|
66
69
|
handlerToggleable();
|
|
67
70
|
},
|
|
68
|
-
icon: /*#__PURE__*/_react
|
|
71
|
+
icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
69
72
|
name: opened ? 'up' : 'down',
|
|
70
73
|
size: 16
|
|
71
74
|
})
|
|
72
75
|
})), children);
|
|
73
76
|
};
|
|
74
|
-
var _default = exports
|
|
77
|
+
var _default = exports.default = PanelHeader;
|
package/lib/panel/InfoPanel.js
CHANGED
|
@@ -3,15 +3,13 @@
|
|
|
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 _Default = _interopRequireDefault(require("./Default"));
|
|
9
9
|
var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
11
|
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); }
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
};
|
|
17
|
-
var _default = exports["default"] = InfoPanel;
|
|
12
|
+
const InfoPanel = props => /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
|
|
13
|
+
colorStyle: _colorStyles.default.INFO
|
|
14
|
+
}));
|
|
15
|
+
var _default = exports.default = InfoPanel;
|
|
@@ -3,15 +3,13 @@
|
|
|
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 _Default = _interopRequireDefault(require("./Default"));
|
|
9
9
|
var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
11
|
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); }
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
};
|
|
17
|
-
var _default = exports["default"] = PrimaryPanel;
|
|
12
|
+
const PrimaryPanel = props => /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
|
|
13
|
+
colorStyle: _colorStyles.default.PRIMARY
|
|
14
|
+
}));
|
|
15
|
+
var _default = exports.default = PrimaryPanel;
|
|
@@ -3,15 +3,13 @@
|
|
|
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 _Default = _interopRequireDefault(require("./Default"));
|
|
9
9
|
var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
11
|
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); }
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
};
|
|
17
|
-
var _default = exports["default"] = SuccessPanel;
|
|
12
|
+
const SuccessPanel = props => /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
|
|
13
|
+
colorStyle: _colorStyles.default.SUCCESS
|
|
14
|
+
}));
|
|
15
|
+
var _default = exports.default = SuccessPanel;
|
package/lib/panel/ToolBar.js
CHANGED
|
@@ -3,13 +3,15 @@
|
|
|
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 _toolbar = _interopRequireDefault(require("../toolbar"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
const ToolBar = _ref => {
|
|
11
|
+
let {
|
|
12
|
+
children
|
|
13
|
+
} = _ref;
|
|
14
|
+
return /*#__PURE__*/_react.default.createElement(_toolbar.default, {
|
|
13
15
|
style: {
|
|
14
16
|
width: 'auto',
|
|
15
17
|
backgroundColor: 'transparent',
|
|
@@ -17,4 +19,4 @@ var ToolBar = function ToolBar(_ref) {
|
|
|
17
19
|
}
|
|
18
20
|
}, children);
|
|
19
21
|
};
|
|
20
|
-
var _default = exports
|
|
22
|
+
var _default = exports.default = ToolBar;
|
|
@@ -3,15 +3,13 @@
|
|
|
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 _Default = _interopRequireDefault(require("./Default"));
|
|
9
9
|
var _colorStyles = _interopRequireDefault(require("../internals/colorStyles"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
11
|
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); }
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
};
|
|
17
|
-
var _default = exports["default"] = WarningPanel;
|
|
12
|
+
const WarningPanel = props => /*#__PURE__*/_react.default.createElement(_Default.default, _extends({}, props, {
|
|
13
|
+
colorStyle: _colorStyles.default.WARNING
|
|
14
|
+
}));
|
|
15
|
+
var _default = exports.default = WarningPanel;
|
package/lib/panel/helpers.js
CHANGED
|
@@ -3,21 +3,23 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
exports.getCurrentThreshold = getCurrentThreshold;
|
|
8
8
|
var _react = _interopRequireDefault(require("react"));
|
|
9
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
10
|
function getCurrentThreshold(scrollableElement, scrollThreshold) {
|
|
11
|
-
|
|
12
|
-
|
|
11
|
+
const MIN_THRESHOLD = 0;
|
|
12
|
+
const MAX_THRESHOLD = 1;
|
|
13
13
|
if (scrollThreshold < MIN_THRESHOLD) return MIN_THRESHOLD;
|
|
14
14
|
if (scrollThreshold > MAX_THRESHOLD) return MAX_THRESHOLD;
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
15
|
+
const {
|
|
16
|
+
scrollHeight,
|
|
17
|
+
clientHeight
|
|
18
|
+
} = scrollableElement;
|
|
19
|
+
const offsetHeight = scrollHeight - clientHeight;
|
|
20
|
+
const calculatedScrollThreshold = Math.round(scrollHeight * scrollThreshold);
|
|
21
|
+
const maxScrollThreshold = Math.round(offsetHeight - offsetHeight * 0.3);
|
|
20
22
|
return Math.min(calculatedScrollThreshold, maxScrollThreshold);
|
|
21
23
|
}
|
|
22
|
-
|
|
23
|
-
var _default = exports
|
|
24
|
+
const PanelContext = /*#__PURE__*/_react.default.createContext({});
|
|
25
|
+
var _default = exports.default = PanelContext;
|
package/lib/panel/index.js
CHANGED
|
@@ -5,47 +5,47 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "DangerPanel", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
9
|
-
return _DangerPanel
|
|
8
|
+
get: function () {
|
|
9
|
+
return _DangerPanel.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "InfoPanel", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function
|
|
15
|
-
return _InfoPanel
|
|
14
|
+
get: function () {
|
|
15
|
+
return _InfoPanel.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
18
|
Object.defineProperty(exports, "PanelContent", {
|
|
19
19
|
enumerable: true,
|
|
20
|
-
get: function
|
|
21
|
-
return _Content
|
|
20
|
+
get: function () {
|
|
21
|
+
return _Content.default;
|
|
22
22
|
}
|
|
23
23
|
});
|
|
24
24
|
Object.defineProperty(exports, "PanelHeader", {
|
|
25
25
|
enumerable: true,
|
|
26
|
-
get: function
|
|
27
|
-
return _Header
|
|
26
|
+
get: function () {
|
|
27
|
+
return _Header.default;
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
Object.defineProperty(exports, "PrimaryPanel", {
|
|
31
31
|
enumerable: true,
|
|
32
|
-
get: function
|
|
33
|
-
return _PrimaryPanel
|
|
32
|
+
get: function () {
|
|
33
|
+
return _PrimaryPanel.default;
|
|
34
34
|
}
|
|
35
35
|
});
|
|
36
36
|
Object.defineProperty(exports, "SuccessPanel", {
|
|
37
37
|
enumerable: true,
|
|
38
|
-
get: function
|
|
39
|
-
return _SuccessPanel
|
|
38
|
+
get: function () {
|
|
39
|
+
return _SuccessPanel.default;
|
|
40
40
|
}
|
|
41
41
|
});
|
|
42
42
|
Object.defineProperty(exports, "WarningPanel", {
|
|
43
43
|
enumerable: true,
|
|
44
|
-
get: function
|
|
45
|
-
return _WarningPanel
|
|
44
|
+
get: function () {
|
|
45
|
+
return _WarningPanel.default;
|
|
46
46
|
}
|
|
47
47
|
});
|
|
48
|
-
exports
|
|
48
|
+
exports.default = void 0;
|
|
49
49
|
var _Default = _interopRequireDefault(require("./Default"));
|
|
50
50
|
var _PrimaryPanel = _interopRequireDefault(require("./PrimaryPanel"));
|
|
51
51
|
var _DangerPanel = _interopRequireDefault(require("./DangerPanel"));
|
|
@@ -55,5 +55,5 @@ var _InfoPanel = _interopRequireDefault(require("./InfoPanel"));
|
|
|
55
55
|
var _Header = _interopRequireDefault(require("./Header"));
|
|
56
56
|
var _Content = _interopRequireDefault(require("./Content"));
|
|
57
57
|
require("../assets/styles/panel.scss");
|
|
58
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
59
|
-
var _default = exports
|
|
58
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
59
|
+
var _default = exports.default = _Default.default;
|
|
@@ -3,59 +3,57 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
7
|
-
|
|
6
|
+
exports.default = exports.actionsOnPermissionDenied = exports.OPTIONS_ON_DENIED = void 0;
|
|
7
|
+
const getModuleFeaturesFromStorage = module => {
|
|
8
8
|
if (!module) return [];
|
|
9
|
-
|
|
9
|
+
const permissionsStorage = JSON.parse(sessionStorage.getItem('permissionsStorage') || '{}');
|
|
10
10
|
return permissionsStorage && permissionsStorage[module] ? permissionsStorage[module] : [];
|
|
11
11
|
};
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
};
|
|
17
|
-
var scanFeatures = function scanFeatures(moduleFeatures, featureCode, operationCode) {
|
|
18
|
-
for (var _index = 0; _index < moduleFeatures.length; _index += 1) {
|
|
19
|
-
var moduleFeature = moduleFeatures[_index];
|
|
12
|
+
const checkOperationPermitted = (featureOperations, operationCode) => featureOperations.some(o => o.codigo === operationCode);
|
|
13
|
+
const scanFeatures = (moduleFeatures, featureCode, operationCode) => {
|
|
14
|
+
for (let index = 0; index < moduleFeatures.length; index += 1) {
|
|
15
|
+
const moduleFeature = moduleFeatures[index];
|
|
20
16
|
if (moduleFeature.codigo === featureCode && moduleFeature.permissoes.length > 0) {
|
|
21
17
|
return checkOperationPermitted(moduleFeature.permissoes, operationCode);
|
|
22
18
|
} else if (moduleFeature.itens.length > 0) {
|
|
23
|
-
|
|
19
|
+
const result = scanFeatures(moduleFeature.itens, featureCode, operationCode);
|
|
24
20
|
if (result) return true;
|
|
25
|
-
if (
|
|
21
|
+
if (index === moduleFeatures.length - 1) return false;
|
|
26
22
|
}
|
|
27
23
|
}
|
|
28
24
|
return false;
|
|
29
25
|
};
|
|
30
|
-
|
|
26
|
+
const checkPermissionFromStorage = permissionAttr => {
|
|
31
27
|
if (!permissionAttr) return true;
|
|
32
|
-
|
|
33
|
-
for (
|
|
34
|
-
|
|
35
|
-
module
|
|
36
|
-
feature
|
|
37
|
-
operation
|
|
38
|
-
|
|
28
|
+
const permissionsAttr = !Array.isArray(permissionAttr) ? [permissionAttr] : permissionAttr;
|
|
29
|
+
for (let i = 0; i < permissionsAttr.length; i += 1) {
|
|
30
|
+
const {
|
|
31
|
+
module,
|
|
32
|
+
feature,
|
|
33
|
+
operation
|
|
34
|
+
} = permissionsAttr[i];
|
|
35
|
+
const permission = scanFeatures(getModuleFeaturesFromStorage(module), feature, operation);
|
|
39
36
|
if (permission) return true;
|
|
40
37
|
}
|
|
41
38
|
return false;
|
|
42
39
|
};
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
40
|
+
const actionsOnPermissionDenied = (options, permissionAttr) => {
|
|
41
|
+
const hasPermission = checkPermissionFromStorage(permissionAttr);
|
|
42
|
+
const permissionsAttr = permissionAttr && !Array.isArray(permissionAttr) ? [permissionAttr] : permissionAttr;
|
|
46
43
|
if (permissionsAttr && permissionsAttr[0].onDenied && !options.includes(permissionsAttr[0].onDenied)) {
|
|
47
44
|
throw new Error('in property onDenied from permissionAttr it`s not a valid option. Look for valid options in the component documentation.');
|
|
48
45
|
}
|
|
49
|
-
|
|
50
|
-
options.forEach(
|
|
46
|
+
const result = {};
|
|
47
|
+
options.forEach(option => {
|
|
51
48
|
result[option] = hasPermission ? false : option === (permissionsAttr === null || permissionsAttr === void 0 ? void 0 : permissionsAttr[0].onDenied);
|
|
52
49
|
});
|
|
53
50
|
return result;
|
|
54
51
|
};
|
|
55
|
-
|
|
52
|
+
exports.actionsOnPermissionDenied = actionsOnPermissionDenied;
|
|
53
|
+
const OPTIONS_ON_DENIED = exports.OPTIONS_ON_DENIED = {
|
|
56
54
|
disabled: 'disabled',
|
|
57
55
|
unvisible: 'unvisible',
|
|
58
56
|
readOnly: 'readOnly',
|
|
59
57
|
hideContent: 'hideContent'
|
|
60
58
|
};
|
|
61
|
-
var _default = exports
|
|
59
|
+
var _default = exports.default = checkPermissionFromStorage;
|
|
@@ -3,13 +3,15 @@
|
|
|
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
|
-
|
|
11
|
-
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
const PopoverText = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
children
|
|
12
|
+
} = _ref;
|
|
13
|
+
return /*#__PURE__*/_react.default.createElement("p", {
|
|
12
14
|
className: "text"
|
|
13
15
|
}, children);
|
|
14
16
|
};
|
|
15
|
-
var _default = exports
|
|
17
|
+
var _default = exports.default = PopoverText;
|
|
@@ -3,13 +3,15 @@
|
|
|
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
|
-
|
|
11
|
-
|
|
8
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
9
|
+
const PopoverTitle = _ref => {
|
|
10
|
+
let {
|
|
11
|
+
children
|
|
12
|
+
} = _ref;
|
|
13
|
+
return /*#__PURE__*/_react.default.createElement("h1", {
|
|
12
14
|
className: "title"
|
|
13
15
|
}, children);
|
|
14
16
|
};
|
|
15
|
-
var _default = exports
|
|
17
|
+
var _default = exports.default = PopoverTitle;
|
package/lib/popover/index.js
CHANGED
|
@@ -5,17 +5,17 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "PopoverText", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
9
|
-
return _PopoverText
|
|
8
|
+
get: function () {
|
|
9
|
+
return _PopoverText.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
12
|
Object.defineProperty(exports, "PopoverTitle", {
|
|
13
13
|
enumerable: true,
|
|
14
|
-
get: function
|
|
15
|
-
return _PopoverTitle
|
|
14
|
+
get: function () {
|
|
15
|
+
return _PopoverTitle.default;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
-
exports
|
|
18
|
+
exports.default = void 0;
|
|
19
19
|
var _react = _interopRequireDefault(require("react"));
|
|
20
20
|
var _buttons = _interopRequireDefault(require("../buttons"));
|
|
21
21
|
var _icons = _interopRequireDefault(require("../icons"));
|
|
@@ -23,21 +23,18 @@ var _PopoverText = _interopRequireDefault(require("./PopoverText"));
|
|
|
23
23
|
var _PopoverTitle = _interopRequireDefault(require("./PopoverTitle"));
|
|
24
24
|
var _withDropdown = _interopRequireDefault(require("../dropdown/withDropdown"));
|
|
25
25
|
require("../assets/styles/popover.scss");
|
|
26
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
align =
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
_ref$customClass = _ref.customClass,
|
|
39
|
-
customClass = _ref$customClass === void 0 ? '' : _ref$customClass;
|
|
40
|
-
return /*#__PURE__*/_react["default"].createElement(_buttons["default"], {
|
|
26
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
|
+
const Popover = _ref => {
|
|
28
|
+
let {
|
|
29
|
+
children,
|
|
30
|
+
align = 'left',
|
|
31
|
+
theme = 'dark',
|
|
32
|
+
iconName,
|
|
33
|
+
iconSize = 16,
|
|
34
|
+
iconColor = '',
|
|
35
|
+
customClass = ''
|
|
36
|
+
} = _ref;
|
|
37
|
+
return /*#__PURE__*/_react.default.createElement(_buttons.default, {
|
|
41
38
|
round: true,
|
|
42
39
|
dropdown: true,
|
|
43
40
|
transparent: true,
|
|
@@ -51,18 +48,18 @@ var Popover = function Popover(_ref) {
|
|
|
51
48
|
height: '100%',
|
|
52
49
|
width: '100%'
|
|
53
50
|
},
|
|
54
|
-
icon: /*#__PURE__*/_react
|
|
51
|
+
icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
55
52
|
customClass: "buttonicon",
|
|
56
53
|
name: iconName || 'information',
|
|
57
54
|
color: iconColor || 'gray',
|
|
58
55
|
size: iconSize
|
|
59
56
|
}),
|
|
60
|
-
onClick:
|
|
57
|
+
onClick: e => {
|
|
61
58
|
e.preventDefault();
|
|
62
59
|
}
|
|
63
|
-
}, /*#__PURE__*/_react
|
|
60
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
64
61
|
className: "".concat(customClass, " popovercontainer -").concat(theme),
|
|
65
62
|
"data-testid": "popover-container"
|
|
66
63
|
}, children));
|
|
67
64
|
};
|
|
68
|
-
var _default = exports
|
|
65
|
+
var _default = exports.default = (0, _withDropdown.default)(Popover);
|