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/babel.config.json
CHANGED
|
@@ -3,86 +3,78 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
7
|
-
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); }
|
|
6
|
+
exports.default = void 0;
|
|
8
7
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
9
8
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
10
|
-
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
|
11
|
-
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, _toPropertyKey(descriptor.key), descriptor); } }
|
|
12
|
-
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
|
|
13
9
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
14
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" ==
|
|
15
|
-
function _toPrimitive(t, r) { if ("object" !=
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var _this = this;
|
|
19
|
-
_classCallCheck(this, AlertContainer);
|
|
10
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
11
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
12
|
+
class AlertContainer {
|
|
13
|
+
constructor(pushAlert) {
|
|
20
14
|
_defineProperty(this, "pushAlert", void 0);
|
|
21
|
-
_defineProperty(this, "info",
|
|
22
|
-
|
|
15
|
+
_defineProperty(this, "info", (message, options) => {
|
|
16
|
+
const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
|
|
23
17
|
customClass: '-info',
|
|
24
|
-
message
|
|
18
|
+
message,
|
|
25
19
|
iconName: 'information',
|
|
26
20
|
color: '#fff'
|
|
27
21
|
});
|
|
28
|
-
|
|
22
|
+
this.pushAlert(messageConfig);
|
|
29
23
|
});
|
|
30
|
-
_defineProperty(this, "danger",
|
|
31
|
-
|
|
24
|
+
_defineProperty(this, "danger", (message, options) => {
|
|
25
|
+
const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
|
|
32
26
|
customClass: '-danger',
|
|
33
|
-
message
|
|
27
|
+
message,
|
|
34
28
|
iconName: 'power',
|
|
35
29
|
color: '#fff'
|
|
36
30
|
});
|
|
37
|
-
|
|
31
|
+
this.pushAlert(messageConfig);
|
|
38
32
|
});
|
|
39
|
-
_defineProperty(this, "warning",
|
|
40
|
-
|
|
33
|
+
_defineProperty(this, "warning", (message, options) => {
|
|
34
|
+
const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
|
|
41
35
|
customClass: '-warning',
|
|
42
|
-
message
|
|
36
|
+
message,
|
|
43
37
|
iconName: 'warning',
|
|
44
38
|
color: '#fff'
|
|
45
39
|
});
|
|
46
|
-
|
|
40
|
+
this.pushAlert(messageConfig);
|
|
47
41
|
});
|
|
48
|
-
_defineProperty(this, "success",
|
|
49
|
-
|
|
42
|
+
_defineProperty(this, "success", (message, options) => {
|
|
43
|
+
const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
|
|
50
44
|
customClass: '-success',
|
|
51
|
-
message
|
|
45
|
+
message,
|
|
52
46
|
iconName: 'checkmark',
|
|
53
47
|
color: '#fff'
|
|
54
48
|
});
|
|
55
|
-
|
|
49
|
+
this.pushAlert(messageConfig);
|
|
56
50
|
});
|
|
57
|
-
_defineProperty(this, "custom",
|
|
58
|
-
|
|
59
|
-
message
|
|
51
|
+
_defineProperty(this, "custom", (message, options) => {
|
|
52
|
+
const messageConfig = _objectSpread(_objectSpread({}, options), {}, {
|
|
53
|
+
message
|
|
60
54
|
});
|
|
61
|
-
|
|
55
|
+
this.pushAlert(messageConfig);
|
|
62
56
|
});
|
|
63
57
|
this.pushAlert = pushAlert;
|
|
64
58
|
}
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
}
|
|
59
|
+
default(messageConfig) {
|
|
60
|
+
const {
|
|
61
|
+
message,
|
|
62
|
+
options
|
|
63
|
+
} = messageConfig;
|
|
64
|
+
switch (options.type) {
|
|
65
|
+
case 'info':
|
|
66
|
+
this.info(message, options);
|
|
67
|
+
break;
|
|
68
|
+
case 'warning':
|
|
69
|
+
this.warning(message, options);
|
|
70
|
+
break;
|
|
71
|
+
case 'danger':
|
|
72
|
+
this.danger(message, options);
|
|
73
|
+
break;
|
|
74
|
+
default:
|
|
75
|
+
this.success(message, options);
|
|
76
|
+
break;
|
|
84
77
|
}
|
|
85
|
-
}
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
var _default2 = exports["default"] = AlertContainer;
|
|
78
|
+
}
|
|
79
|
+
}
|
|
80
|
+
var _default = exports.default = AlertContainer;
|
|
@@ -1,78 +1,61 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
8
|
var _lodash = _interopRequireDefault(require("lodash"));
|
|
10
9
|
var _BaseAlert = _interopRequireDefault(require("./BaseAlert"));
|
|
11
10
|
var _AlertContainer = _interopRequireDefault(require("./AlertContainer"));
|
|
12
11
|
var _Message = _interopRequireDefault(require("./Message"));
|
|
13
12
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
14
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
15
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
16
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
13
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
15
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
17
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); }
|
|
18
17
|
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
18
|
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
19
|
function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
|
|
21
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" ==
|
|
22
|
-
function _toPrimitive(t, r) { if ("object" !=
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
_useState2 = _slicedToArray(_useState, 2),
|
|
39
|
-
messages = _useState2[0],
|
|
40
|
-
setMessages = _useState2[1];
|
|
41
|
-
var _useState3 = (0, _react.useState)(false),
|
|
42
|
-
_useState4 = _slicedToArray(_useState3, 2),
|
|
43
|
-
toggleRefreshComponent = _useState4[0],
|
|
44
|
-
setToggleRefreshComponent = _useState4[1];
|
|
45
|
-
var children = props.children;
|
|
46
|
-
var removeAlert = function removeAlert(messageId, position) {
|
|
47
|
-
messages[position] = messages[position].filter(function (message) {
|
|
48
|
-
return message.id !== messageId;
|
|
49
|
-
});
|
|
20
|
+
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
21
|
+
function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
|
|
22
|
+
const AlertProvider = props => {
|
|
23
|
+
const [messages, setMessages] = (0, _react.useState)({
|
|
24
|
+
leftTop: [],
|
|
25
|
+
leftBottom: [],
|
|
26
|
+
rightBottom: [],
|
|
27
|
+
rightTop: [],
|
|
28
|
+
centerTop: [],
|
|
29
|
+
centerBottom: []
|
|
30
|
+
});
|
|
31
|
+
const [toggleRefreshComponent, setToggleRefreshComponent] = (0, _react.useState)(false);
|
|
32
|
+
const {
|
|
33
|
+
children
|
|
34
|
+
} = props;
|
|
35
|
+
const removeAlert = (messageId, position) => {
|
|
36
|
+
messages[position] = messages[position].filter(message => message.id !== messageId);
|
|
50
37
|
setMessages(_objectSpread({}, messages));
|
|
51
38
|
};
|
|
52
|
-
|
|
53
|
-
|
|
39
|
+
const pushAlert = params => {
|
|
40
|
+
const properties = params;
|
|
54
41
|
if (properties.position === undefined) properties.position = 'rightBottom';
|
|
55
42
|
properties.id = new Date().getTime();
|
|
56
43
|
messages[properties.position].push(properties);
|
|
57
44
|
setMessages(messages);
|
|
58
45
|
setToggleRefreshComponent(!toggleRefreshComponent);
|
|
59
46
|
};
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
});
|
|
67
|
-
};
|
|
68
|
-
var contextValues = {
|
|
69
|
-
alert: new _AlertContainer["default"](pushAlert)
|
|
47
|
+
const buildAlertMessage = values => values.map(value => /*#__PURE__*/_react.default.createElement(_Message.default, _extends({}, value, {
|
|
48
|
+
handleClose: removeAlert,
|
|
49
|
+
key: value.id
|
|
50
|
+
})));
|
|
51
|
+
const contextValues = {
|
|
52
|
+
alert: new _AlertContainer.default(pushAlert)
|
|
70
53
|
};
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
_lodash
|
|
54
|
+
const renderBaseContainer = () => {
|
|
55
|
+
const elements = [];
|
|
56
|
+
_lodash.default.forEach(messages, (values, key) => {
|
|
74
57
|
if (values.length > 0) {
|
|
75
|
-
|
|
58
|
+
const messageAlert = /*#__PURE__*/_react.default.createElement("div", {
|
|
76
59
|
className: key.toLowerCase(),
|
|
77
60
|
key: key
|
|
78
61
|
}, buildAlertMessage(values));
|
|
@@ -81,10 +64,10 @@ var AlertProvider = function AlertProvider(props) {
|
|
|
81
64
|
elements.push(null);
|
|
82
65
|
}
|
|
83
66
|
});
|
|
84
|
-
return /*#__PURE__*/_react
|
|
67
|
+
return /*#__PURE__*/_react.default.createElement(_helpers.default.Provider, {
|
|
85
68
|
value: _objectSpread({}, contextValues)
|
|
86
|
-
}, /*#__PURE__*/_react
|
|
69
|
+
}, /*#__PURE__*/_react.default.createElement(_BaseAlert.default, null, elements), children);
|
|
87
70
|
};
|
|
88
71
|
return _react.Children.only(renderBaseContainer());
|
|
89
72
|
};
|
|
90
|
-
var _default = exports
|
|
73
|
+
var _default = exports.default = AlertProvider;
|
package/lib/alerts/BaseAlert.js
CHANGED
|
@@ -3,38 +3,32 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
8
|
var _reactDom = _interopRequireDefault(require("react-dom"));
|
|
9
9
|
require("../assets/styles/alerts.scss");
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var alert = document.getElementById('alert');
|
|
19
|
-
var BaseAlert = function BaseAlert(_ref) {
|
|
20
|
-
var children = _ref.children;
|
|
21
|
-
var _useState = (0, _react.useState)(document.createElement('div')),
|
|
22
|
-
_useState2 = _slicedToArray(_useState, 1),
|
|
23
|
-
messageContainerEl = _useState2[0];
|
|
10
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
11
|
+
const body = document.getElementsByTagName('body')[0];
|
|
12
|
+
const alert = document.getElementById('alert');
|
|
13
|
+
const BaseAlert = _ref => {
|
|
14
|
+
let {
|
|
15
|
+
children
|
|
16
|
+
} = _ref;
|
|
17
|
+
const [messageContainerEl] = (0, _react.useState)(document.createElement('div'));
|
|
24
18
|
messageContainerEl.className = 'messagecontainer';
|
|
25
|
-
(0, _react.useEffect)(
|
|
19
|
+
(0, _react.useEffect)(() => {
|
|
26
20
|
if (alert === null) {
|
|
27
|
-
|
|
21
|
+
const alertComponentEl = document.createElement('div');
|
|
28
22
|
alertComponentEl.className = 'alert-component';
|
|
29
23
|
body.appendChild(alertComponentEl);
|
|
30
24
|
alertComponentEl.appendChild(messageContainerEl);
|
|
31
25
|
} else {
|
|
32
26
|
alert.appendChild(messageContainerEl);
|
|
33
27
|
}
|
|
34
|
-
return
|
|
28
|
+
return () => {
|
|
35
29
|
alert === null || alert === void 0 ? void 0 : alert.removeChild(messageContainerEl);
|
|
36
30
|
};
|
|
37
31
|
}, []);
|
|
38
|
-
return /*#__PURE__*/_reactDom
|
|
32
|
+
return /*#__PURE__*/_reactDom.default.createPortal(children, messageContainerEl);
|
|
39
33
|
};
|
|
40
|
-
var _default = exports
|
|
34
|
+
var _default = exports.default = BaseAlert;
|
package/lib/alerts/Message.js
CHANGED
|
@@ -1,25 +1,26 @@
|
|
|
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
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
11
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
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); }
|
|
11
|
+
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; }
|
|
12
|
+
const getClass = _ref => {
|
|
13
|
+
let {
|
|
14
|
+
customClass,
|
|
15
|
+
className
|
|
16
|
+
} = _ref;
|
|
16
17
|
return "".concat(className, " ").concat(customClass);
|
|
17
18
|
};
|
|
18
|
-
|
|
19
|
+
const getIcon = (icon, iconName, color) => {
|
|
19
20
|
if (icon !== null) {
|
|
20
21
|
return icon;
|
|
21
22
|
} else if (iconName !== null) {
|
|
22
|
-
return /*#__PURE__*/_react
|
|
23
|
+
return /*#__PURE__*/_react.default.createElement(_icons.default, {
|
|
23
24
|
name: iconName,
|
|
24
25
|
color: color !== '' ? color : '#fff',
|
|
25
26
|
size: 32
|
|
@@ -27,54 +28,44 @@ var getIcon = function getIcon(icon, iconName, color) {
|
|
|
27
28
|
}
|
|
28
29
|
return null;
|
|
29
30
|
};
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
handleClose =
|
|
33
|
-
message
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
customClass = _ref2$customClass === void 0 ? '' : _ref2$customClass,
|
|
46
|
-
_ref2$closeButton = _ref2.closeButton,
|
|
47
|
-
closeButton = _ref2$closeButton === void 0 ? false : _ref2$closeButton,
|
|
48
|
-
_ref2$className = _ref2.className,
|
|
49
|
-
className = _ref2$className === void 0 ? 'message' : _ref2$className,
|
|
50
|
-
_ref2$position = _ref2.position,
|
|
51
|
-
position = _ref2$position === void 0 ? 'centerTop' : _ref2$position;
|
|
52
|
-
(0, _react.useEffect)(function () {
|
|
31
|
+
const Message = _ref2 => {
|
|
32
|
+
let {
|
|
33
|
+
handleClose = () => {},
|
|
34
|
+
message,
|
|
35
|
+
id = 0,
|
|
36
|
+
color = '',
|
|
37
|
+
icon = null,
|
|
38
|
+
iconName = null,
|
|
39
|
+
timeout = 3000,
|
|
40
|
+
customClass = '',
|
|
41
|
+
closeButton = false,
|
|
42
|
+
className = 'message',
|
|
43
|
+
position = 'centerTop'
|
|
44
|
+
} = _ref2;
|
|
45
|
+
(0, _react.useEffect)(() => {
|
|
53
46
|
if (timeout > 0) {
|
|
54
|
-
setTimeout(
|
|
47
|
+
setTimeout(() => {
|
|
55
48
|
handleClose(id, position);
|
|
56
49
|
}, timeout);
|
|
57
50
|
}
|
|
58
51
|
}, []);
|
|
59
|
-
return /*#__PURE__*/_react
|
|
52
|
+
return /*#__PURE__*/_react.default.createElement("div", {
|
|
60
53
|
className: getClass({
|
|
61
|
-
className
|
|
62
|
-
customClass
|
|
54
|
+
className,
|
|
55
|
+
customClass
|
|
63
56
|
})
|
|
64
|
-
}, /*#__PURE__*/_react
|
|
57
|
+
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
65
58
|
className: "-icon"
|
|
66
|
-
}, (icon || iconName || color) && getIcon(icon, iconName, color)), /*#__PURE__*/_react
|
|
59
|
+
}, (icon || iconName || color) && getIcon(icon, iconName, color)), /*#__PURE__*/_react.default.createElement("div", {
|
|
67
60
|
className: "-messagecontent"
|
|
68
|
-
}, message), /*#__PURE__*/_react
|
|
61
|
+
}, message), /*#__PURE__*/_react.default.createElement("div", {
|
|
69
62
|
className: "close"
|
|
70
|
-
}, closeButton || timeout === 0 ? /*#__PURE__*/_react
|
|
63
|
+
}, closeButton || timeout === 0 ? /*#__PURE__*/_react.default.createElement("span", {
|
|
71
64
|
className: "close-button",
|
|
72
65
|
role: "button",
|
|
73
|
-
onKeyPress:
|
|
66
|
+
onKeyPress: () => {},
|
|
74
67
|
tabIndex: -1,
|
|
75
|
-
onClick:
|
|
76
|
-
return handleClose !== undefined ? handleClose(id, position) : null;
|
|
77
|
-
}
|
|
68
|
+
onClick: () => handleClose !== undefined ? handleClose(id, position) : null
|
|
78
69
|
}, "x") : null));
|
|
79
70
|
};
|
|
80
|
-
var _default = exports
|
|
71
|
+
var _default = exports.default = Message;
|
package/lib/alerts/helpers.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
7
7
|
var _react = require("react");
|
|
8
|
-
|
|
9
|
-
var _default = exports
|
|
8
|
+
const AlertProviderContext = /*#__PURE__*/(0, _react.createContext)({});
|
|
9
|
+
var _default = exports.default = AlertProviderContext;
|
package/lib/alerts/index.js
CHANGED
|
@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
5
5
|
});
|
|
6
6
|
Object.defineProperty(exports, "AlertProvider", {
|
|
7
7
|
enumerable: true,
|
|
8
|
-
get: function
|
|
9
|
-
return _AlertProvider
|
|
8
|
+
get: function () {
|
|
9
|
+
return _AlertProvider.default;
|
|
10
10
|
}
|
|
11
11
|
});
|
|
12
|
-
exports
|
|
12
|
+
exports.default = void 0;
|
|
13
13
|
var _withAlert = _interopRequireDefault(require("./withAlert"));
|
|
14
14
|
var _AlertProvider = _interopRequireDefault(require("./AlertProvider"));
|
|
15
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
16
|
-
var _default = exports
|
|
15
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
16
|
+
var _default = exports.default = _withAlert.default;
|
package/lib/alerts/withAlert.js
CHANGED
|
@@ -1,24 +1,24 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
|
|
4
3
|
Object.defineProperty(exports, "__esModule", {
|
|
5
4
|
value: true
|
|
6
5
|
});
|
|
7
|
-
exports
|
|
6
|
+
exports.default = void 0;
|
|
8
7
|
var _react = _interopRequireWildcard(require("react"));
|
|
9
8
|
var _helpers = _interopRequireDefault(require("./helpers"));
|
|
10
|
-
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : {
|
|
11
|
-
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function
|
|
12
|
-
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" !=
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
10
|
+
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); }
|
|
11
|
+
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; }
|
|
13
12
|
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); }
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
alert
|
|
18
|
-
|
|
13
|
+
const withAlert = WrapperComponent => {
|
|
14
|
+
const GetAlert = props => {
|
|
15
|
+
const {
|
|
16
|
+
alert
|
|
17
|
+
} = (0, _react.useContext)(_helpers.default);
|
|
18
|
+
return /*#__PURE__*/_react.default.createElement(WrapperComponent, _extends({}, props, {
|
|
19
19
|
alert: alert
|
|
20
20
|
}));
|
|
21
21
|
};
|
|
22
22
|
return GetAlert;
|
|
23
23
|
};
|
|
24
|
-
var _default = exports
|
|
24
|
+
var _default = exports.default = withAlert;
|