versacall-core-library-react 2.0.69 → 2.0.70

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.
Files changed (142) hide show
  1. package/package.json +2 -2
  2. package/dist/components/CoreAlert/CoreAlert.js +0 -86
  3. package/dist/components/CoreAlert/index.js +0 -13
  4. package/dist/components/CoreAlert/readme.md +0 -21
  5. package/dist/components/CoreAppBar/CoreAppBar.js +0 -365
  6. package/dist/components/CoreAppBar/CoreAppBarDrawer.js +0 -135
  7. package/dist/components/CoreAppBar/README.md +0 -27
  8. package/dist/components/CoreAppBar/index.js +0 -13
  9. package/dist/components/CoreAppBar/screenshot.png +0 -0
  10. package/dist/components/CoreAppSelector/AppLink.js +0 -101
  11. package/dist/components/CoreAppSelector/CoreAppSelector.js +0 -156
  12. package/dist/components/CoreAppSelector/index.js +0 -13
  13. package/dist/components/CoreDialogueToolBar/CoreDialogueToolBar.js +0 -123
  14. package/dist/components/CoreDialogueToolBar/index.js +0 -13
  15. package/dist/components/CoreDrawer/CoreDrawer.js +0 -237
  16. package/dist/components/CoreDrawer/README.md +0 -36
  17. package/dist/components/CoreDrawer/index.js +0 -13
  18. package/dist/components/CoreDrawer/screenshot_collapsed.png +0 -0
  19. package/dist/components/CoreDrawer/screenshot_expanded.png +0 -0
  20. package/dist/components/CoreDropDownTextfield/CoreDropDownTextfield.js +0 -86
  21. package/dist/components/CoreDropDownTextfield/index.js +0 -13
  22. package/dist/components/CoreElapsedTime/CoreElapsedTime.js +0 -58
  23. package/dist/components/CoreElapsedTime/index.js +0 -13
  24. package/dist/components/CoreFrame/CoreFrame.js +0 -64
  25. package/dist/components/CoreFrame/index.js +0 -13
  26. package/dist/components/CoreImportDialog/CoreImportDialog.js +0 -351
  27. package/dist/components/CoreImportDialog/index.js +0 -13
  28. package/dist/components/CoreImportResultsDialog/CoreImportResultsDialog.js +0 -103
  29. package/dist/components/CoreImportResultsDialog/index.js +0 -13
  30. package/dist/components/CoreImporting/CoreImporting.js +0 -60
  31. package/dist/components/CoreImporting/index.js +0 -13
  32. package/dist/components/CorePlugin/CorePlugin.js +0 -135
  33. package/dist/components/CorePlugin/OldCorePlugin.js +0 -125
  34. package/dist/components/CorePlugin/index.js +0 -13
  35. package/dist/components/CoreSaveChangesDialog/CoreSaveChangesDialog.js +0 -62
  36. package/dist/components/CoreSaveChangesDialog/index.js +0 -13
  37. package/dist/components/CoreShiftTagFilter/CoreShiftTagFilter.js +0 -351
  38. package/dist/components/CoreShiftTagFilter/OldCoreShiftTagFilter.js +0 -209
  39. package/dist/components/CoreShiftTagFilter/index.js +0 -13
  40. package/dist/components/CoreSideBar/CoreSideBar.js +0 -738
  41. package/dist/components/CoreSideBar/CoreSideBarDrawer.js +0 -173
  42. package/dist/components/CoreSideBar/index.js +0 -13
  43. package/dist/components/CoreSnackBar/CoreSnackBar.js +0 -117
  44. package/dist/components/CoreSnackBar/index.js +0 -13
  45. package/dist/components/CoreSnackBar/readme.md +0 -23
  46. package/dist/components/CoreTable/CoreTable.js +0 -316
  47. package/dist/components/CoreTable/CoreTableChips.js +0 -50
  48. package/dist/components/CoreTable/CoreTableHead.js +0 -176
  49. package/dist/components/CoreTable/CoreTableToolbar.js +0 -108
  50. package/dist/components/CoreTable/index.js +0 -13
  51. package/dist/components/CoreTable/readMe.md +0 -79
  52. package/dist/components/CoreTagFilter/CoreTagFilter.js +0 -276
  53. package/dist/components/CoreTagFilter/OldCoreTagFilter.js +0 -342
  54. package/dist/components/CoreTagFilter/OldTagChip.js +0 -44
  55. package/dist/components/CoreTagFilter/OldTagFilterSelector.js +0 -106
  56. package/dist/components/CoreTagFilter/OldTagOption.js +0 -53
  57. package/dist/components/CoreTagFilter/TagFilterBuilder.js +0 -488
  58. package/dist/components/CoreTagFilter/index.js +0 -13
  59. package/dist/components/CoreTextField/CoreTextField.js +0 -110
  60. package/dist/components/CoreTextField/index.js +0 -13
  61. package/dist/components/CoreTheme/CoreTheme.css +0 -9
  62. package/dist/components/CoreTheme/CoreTheme.js +0 -51
  63. package/dist/components/CoreTheme/README.md +0 -3
  64. package/dist/components/CoreTheme/index.js +0 -13
  65. package/dist/components/CoreTile/CoreTile.js +0 -62
  66. package/dist/components/CoreTile/CoreTileToolbar.js +0 -62
  67. package/dist/components/CoreTile/index.js +0 -13
  68. package/dist/components/CoreTimerInput/CoreTimerInput.js +0 -203
  69. package/dist/components/CoreTimerInput/CoreTimerInputOld.js +0 -146
  70. package/dist/components/CoreTimerInput/index.js +0 -13
  71. package/dist/components/CoreToolbar/CoreToolbar.js +0 -206
  72. package/dist/components/CoreToolbar/index.js +0 -13
  73. package/dist/components/CoreTracker/CoreTracker.js +0 -53
  74. package/dist/components/CoreTracker/index.js +0 -13
  75. package/dist/components/CoreTranslate/CoreTranslate.js +0 -62
  76. package/dist/components/CoreTranslate/README.md +0 -5
  77. package/dist/components/CoreTranslate/index.js +0 -13
  78. package/dist/components/CoreTranslate/translations/en.json +0 -451
  79. package/dist/components/CoreTranslate/translations/es.json +0 -433
  80. package/dist/components/CoreTranslateWrapper/CoreTranslateWrapper.js +0 -36
  81. package/dist/components/CoreTranslateWrapper/index.js +0 -13
  82. package/dist/components/CoreWidget/CoreWidget.js +0 -121
  83. package/dist/components/CoreWidget/index.js +0 -13
  84. package/dist/components/CoreWrapper/CoreWrapper.js +0 -51
  85. package/dist/components/CoreWrapper/README.md +0 -41
  86. package/dist/components/CoreWrapper/index.js +0 -13
  87. package/dist/components/index.js +0 -202
  88. package/dist/constants/index.js +0 -20
  89. package/dist/constants/testOrganization.js +0 -31
  90. package/dist/constants/testToken.js +0 -33
  91. package/dist/context/Authentication/AuthenticationContext.js +0 -10
  92. package/dist/context/Authentication/AuthenticationProvider.js +0 -226
  93. package/dist/context/Authentication/README.md +0 -47
  94. package/dist/context/Authentication/index.js +0 -27
  95. package/dist/context/Authentication/withAuthentication.js +0 -15
  96. package/dist/context/Channels/ChannelsConsumer.js +0 -43
  97. package/dist/context/Channels/ChannelsContext.js +0 -10
  98. package/dist/context/Channels/ChannelsProvider.js +0 -261
  99. package/dist/context/Channels/DataChannel.js +0 -68
  100. package/dist/context/Channels/EntityChannel.js +0 -69
  101. package/dist/context/Channels/EveryoneChannel.js +0 -55
  102. package/dist/context/Channels/OrganizationChannel.js +0 -69
  103. package/dist/context/Channels/README.md +0 -52
  104. package/dist/context/Channels/UserChannel.js +0 -60
  105. package/dist/context/Channels/index.js +0 -69
  106. package/dist/context/Channels/withChannels.js +0 -15
  107. package/dist/context/Core/CoreContext.js +0 -10
  108. package/dist/context/Core/CoreProvider.js +0 -108
  109. package/dist/context/Core/README.md +0 -43
  110. package/dist/context/Core/index.js +0 -27
  111. package/dist/context/Core/withCore.js +0 -15
  112. package/dist/context/Organization/OrganizationContext.js +0 -10
  113. package/dist/context/Organization/OrganizationProvider.js +0 -80
  114. package/dist/context/Organization/README.md +0 -82
  115. package/dist/context/Organization/index.js +0 -27
  116. package/dist/context/Organization/withOrganization.js +0 -15
  117. package/dist/context/Plugin/PluginContext.js +0 -10
  118. package/dist/context/Plugin/PluginProvider.js +0 -79
  119. package/dist/context/Plugin/index.js +0 -27
  120. package/dist/context/Plugin/withPlugin.js +0 -15
  121. package/dist/context/index.js +0 -60
  122. package/dist/css/index.js +0 -20
  123. package/dist/css/junk.module.css +0 -3
  124. package/dist/css/scrollbar.css +0 -35
  125. package/dist/css/scrollbar.module.css +0 -37
  126. package/dist/functions/TagEvaluator.js +0 -165
  127. package/dist/functions/compareObjects.js +0 -27
  128. package/dist/functions/formatElapsedTime.js +0 -18
  129. package/dist/functions/formatNameFileSafe.js +0 -16
  130. package/dist/functions/getIconUrl.js +0 -15
  131. package/dist/functions/getParameterByName.js +0 -34
  132. package/dist/functions/getProperty.js +0 -17
  133. package/dist/functions/getUrl.js +0 -15
  134. package/dist/functions/index.js +0 -62
  135. package/dist/icons/CopyIcon.js +0 -42
  136. package/dist/icons/DeleteIcon.js +0 -42
  137. package/dist/icons/DuplicateIcon.js +0 -42
  138. package/dist/icons/EditIcon.js +0 -42
  139. package/dist/icons/FabAddIcon.js +0 -78
  140. package/dist/icons/PasteIcon.js +0 -42
  141. package/dist/icons/index.js +0 -48
  142. package/dist/index.js +0 -71
package/package.json CHANGED
@@ -2,10 +2,10 @@
2
2
  "versacall": {
3
3
  "title": "Versacall Core Library React",
4
4
  "applicationType": "react-library",
5
- "build": 69
5
+ "build": 68
6
6
  },
7
7
  "name": "versacall-core-library-react",
8
- "version": "2.0.69",
8
+ "version": "2.0.70",
9
9
  "description": "Versacall Core Library",
10
10
  "main": "dist/index.js",
11
11
  "module": "dist/index.js",
@@ -1,86 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = _interopRequireWildcard(require("react"));
8
- var _DialogContentText = _interopRequireDefault(require("@material-ui/core/DialogContentText"));
9
- var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
10
- var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
11
- var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
12
- var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
13
- var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
14
- var _reactIntl = require("react-intl");
15
- var _Slide = _interopRequireDefault(require("@material-ui/core/Slide"));
16
- var _propTypes = _interopRequireDefault(require("prop-types"));
17
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
18
- 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); }
19
- 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; }
20
- function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
21
- function Transition(props) {
22
- return /*#__PURE__*/_react.default.createElement(_Slide.default, _extends({
23
- direction: "up"
24
- }, props));
25
- }
26
- class CoreAlert extends _react.Component {
27
- handleReject() {
28
- if (this.props.onReject) {
29
- this.props.onReject();
30
- }
31
- }
32
- handleAccept() {
33
- if (this.props.onAccept) {
34
- this.props.onAccept();
35
- }
36
- }
37
- render() {
38
- const {
39
- open,
40
- title,
41
- message,
42
- acceptMessage,
43
- rejectMessage,
44
- alertType
45
- } = this.props;
46
- return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
47
- open: open,
48
- TransitionComponent: Transition,
49
- keepMounted: true
50
- }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, null, title, /*#__PURE__*/_react.default.createElement("span", {
51
- style: {
52
- float: 'right'
53
- }
54
- }, this.props.icon)), /*#__PURE__*/_react.default.createElement(_DialogContent.default, null, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_DialogContentText.default, null, message))), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, alertType === 'okcancel' && /*#__PURE__*/_react.default.createElement(_Button.default, {
55
- onClick: () => this.handleReject(),
56
- color: "primary"
57
- }, rejectMessage || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
58
- id: "__cancel"
59
- })), /*#__PURE__*/_react.default.createElement(_Button.default, {
60
- onClick: () => this.handleAccept(),
61
- color: "primary"
62
- }, acceptMessage || /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
63
- id: "__ok"
64
- }))));
65
- }
66
- }
67
- CoreAlert.propTypes = {
68
- icon: _propTypes.default.node,
69
- title: _propTypes.default.string,
70
- onAccept: _propTypes.default.func,
71
- onReject: _propTypes.default.func,
72
- open: _propTypes.default.bool.isRequired,
73
- acceptMessage: _propTypes.default.string,
74
- rejectMessage: _propTypes.default.string,
75
- message: _propTypes.default.string.isRequired,
76
- alertType: _propTypes.default.oneOf(['ok', 'okcancel']).isRequired
77
- };
78
- CoreAlert.defaultProps = {
79
- title: '',
80
- icon: null,
81
- onAccept: null,
82
- onReject: null,
83
- acceptMessage: null,
84
- rejectMessage: null
85
- };
86
- var _default = exports.default = CoreAlert;
@@ -1,13 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- Object.defineProperty(exports, "default", {
7
- enumerable: true,
8
- get: function () {
9
- return _CoreAlert.default;
10
- }
11
- });
12
- var _CoreAlert = _interopRequireDefault(require("./CoreAlert"));
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -1,21 +0,0 @@
1
- #corealert
2
- this component is used to display an alert to a user, the alert can have OK Cancel buttons or just Ok button.
3
-
4
- Props:
5
-
6
- message: PropTypes.string.isRequired, Message to be displayed
7
- onAccept: PropTypes.func.isRequired, Function to be executed from the Accept button.
8
- open: PropTypes.bool.isRequired, bool value that indicates the state of the alert.
9
- onReject: PropTypes.func, Function to be executed after click on Reject button.
10
- iconType: ['success', 'warning', 'error', 'info', 'none'] Type of Icon to show if needed, if 'none' no icon will be shown.
11
- alertType: PropTypes.oneOf(['ok', 'okcancel']).isRequired, it allows to select a single button or two button dialog.
12
- title: PropTypes.string, title of the alert
13
- rejectMessage: PropTypes.string, Message to be displayed in the Reject button. (default value Cancel)
14
- acceptMessage: PropTypes.string, Message to be displayed in the Accept button. (default value OK)
15
-
16
-
17
- Example use:
18
-
19
- ```
20
-
21
- <CoreAlert open message="This is an alert" onAccept={() => {}} onReject={() => {}} iconType="info" alertType="okcancel" title="this is the title" />
@@ -1,365 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = _interopRequireWildcard(require("react"));
8
- var _LocationCity = _interopRequireDefault(require("@material-ui/icons/LocationCity"));
9
- var _AccountCircle = _interopRequireDefault(require("@material-ui/icons/AccountCircle"));
10
- var _StarBorder = _interopRequireDefault(require("@material-ui/icons/StarBorder"));
11
- var _ListItemIcon = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));
12
- var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
13
- var _Settings = _interopRequireDefault(require("@material-ui/icons/Settings"));
14
- var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
15
- var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
16
- var _styles = require("@material-ui/core/styles");
17
- var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
18
- var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
19
- var _Toolbar = _interopRequireDefault(require("@material-ui/core/Toolbar"));
20
- var _Divider = _interopRequireDefault(require("@material-ui/core/Divider"));
21
- var _Menu = _interopRequireDefault(require("@material-ui/icons/Menu"));
22
- var _Star = _interopRequireDefault(require("@material-ui/icons/Star"));
23
- var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
24
- var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
25
- var _Avatar = _interopRequireDefault(require("@material-ui/core/Avatar"));
26
- var _reactIntl = require("react-intl");
27
- var _Menu2 = _interopRequireDefault(require("@material-ui/core/Menu"));
28
- var _propTypes = _interopRequireDefault(require("prop-types"));
29
- var _context = require("../../context");
30
- var _CoreAppBarDrawer = _interopRequireDefault(require("./CoreAppBarDrawer"));
31
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
32
- 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); }
33
- 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; }
34
- const namespace = 'CoreAppBar';
35
- const styles = () => ({
36
- topPadding: {
37
- minHeight: 56,
38
- '@media (min-width:600px)': {
39
- minHeight: 64
40
- }
41
- }
42
- });
43
- const style = {
44
- title: {
45
- flexGrow: 1,
46
- textAlign: 'left'
47
- },
48
- flex: {
49
- flexGrow: 1,
50
- textAlign: 'center'
51
- },
52
- titleButton: {
53
- textTransform: 'none',
54
- borderColor: 'white'
55
- },
56
- menuButton: {
57
- marginLeft: -12,
58
- marginRight: 20
59
- }
60
- };
61
- class CoreAppBar extends _react.Component {
62
- constructor() {
63
- super();
64
- this.state = {
65
- drawer: false,
66
- organizationAnchorEl: null,
67
- entityAnchorEl: null,
68
- authenticationAnchorEl: null,
69
- apps: [],
70
- organizations: [],
71
- entities: [],
72
- favorites: []
73
- };
74
- }
75
- componentDidMount() {
76
- this.getOrganizations();
77
- }
78
- componentDidUpdate(prevProps) {
79
- if (this.props.authentication.didChange(prevProps.authentication)) {
80
- this.getOrganizations();
81
- }
82
- if (this.props.organization.didOrganizationChange(prevProps.organization.organization)) {
83
- this.getEntities();
84
- }
85
- if (this.props.authentication.didChange(prevProps.authentication) || this.props.organization.didChange(prevProps.organization)) {
86
- this.getApps();
87
- this.getFavorites();
88
- }
89
- }
90
- getOrganizations() {
91
- const methodName = 'getOrganizations()';
92
- this.props.authentication.http({
93
- method: 'get',
94
- url: "".concat(this.props.core.baseUrl, "/api/administration/organizations")
95
- }).then(res => {
96
- if (res.data.length > 0 && typeof res.data[0] === 'object') {
97
- this.setState({
98
- organizations: res.data
99
- });
100
- if (this.props.organization.organization === null || res.data.find(x => x.id === this.props.organization.organization.id) === undefined) {
101
- this.props.organization.setOrganization(res.data[0]);
102
- }
103
- }
104
- }).catch(error => {
105
- this.props.core.log('error', namespace, methodName, error);
106
- });
107
- }
108
- getEntities() {
109
- const methodName = 'getEntities()';
110
- if (this.props.organization.organization !== null) {
111
- this.props.authentication.http({
112
- method: 'get',
113
- url: "".concat(this.props.core.baseUrl, "/api/administration/entities/organization/").concat(this.props.organization.organization.key)
114
- }).then(res => {
115
- if (res.data.length > 0 && typeof res.data[0] === 'object') {
116
- this.setState({
117
- entities: res.data
118
- });
119
- if (this.props.organization.entity === null || res.data.find(x => x.id === this.props.organization.entity.id) === undefined) {
120
- this.props.organization.setEntity(res.data[0]);
121
- }
122
- }
123
- }).catch(error => {
124
- this.props.core.log('error', namespace, methodName, error);
125
- });
126
- }
127
- }
128
- getApps() {
129
- const methodName = 'getApps()';
130
- if (this.props.organization.organization !== null && this.props.organization.entity !== null) {
131
- this.props.authentication.http({
132
- method: 'get',
133
- url: "".concat(this.props.core.baseUrl, "/api/components/tiered"),
134
- params: {
135
- type: 'UI',
136
- organizationId: this.props.organization.organization.id,
137
- entityId: this.props.organization.entity.id
138
- }
139
- }).then(res => {
140
- if (res.data.length > 0 && typeof res.data[0] === 'object') {
141
- this.setState({
142
- apps: res.data
143
- });
144
- }
145
- }).catch(error => {
146
- this.props.core.log('error', namespace, methodName, error);
147
- });
148
- }
149
- }
150
- getFavorites() {
151
- const methodName = 'getFavorites()';
152
- if (this.props.organization.organization !== null && this.props.organization.entity !== null) {
153
- this.props.authentication.http({
154
- method: 'get',
155
- url: "".concat(this.props.core.baseUrl, "/api/user/activity/favorites"),
156
- params: {
157
- type: 'App'
158
- }
159
- }).then(res => {
160
- this.setState({
161
- favorites: res.data
162
- });
163
- }).catch(error => {
164
- this.props.core.log('error', namespace, methodName, error);
165
- });
166
- }
167
- }
168
- favoriteApp() {
169
- const methodName = 'favoriteApp()';
170
- if (this.props.organization.organization !== null && this.props.organization.entity !== null) {
171
- this.props.authentication.http({
172
- method: 'post',
173
- url: "".concat(this.props.core.baseUrl, "/api/user/activity/favorite"),
174
- params: {
175
- type: 'App',
176
- itemId: this.props.componentID,
177
- favorite: !this.state.favorites.includes(this.props.componentID)
178
- }
179
- }).then(() => {
180
- this.getFavorites();
181
- }).catch(error => {
182
- this.props.core.log('error', namespace, methodName, error);
183
- });
184
- }
185
- }
186
- handleMessage(channel, obj) {
187
- switch (obj.what) {
188
- case 'package_enabled':
189
- case 'package_disabled':
190
- case 'package_added':
191
- case 'package_updated':
192
- case 'package_deleted':
193
- this.getApps();
194
- break;
195
- case 'entities_added':
196
- case 'entities_updated':
197
- case 'entities_deleted':
198
- this.getEntities();
199
- break;
200
- default:
201
- break;
202
- }
203
- }
204
- render() {
205
- const {
206
- title,
207
- componentID,
208
- authentication,
209
- organization,
210
- classes
211
- } = this.props;
212
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_context.ChannelsConsumer, {
213
- id: "coreappbar",
214
- handler: (channel, obj) => this.handleMessage(channel, obj)
215
- }), /*#__PURE__*/_react.default.createElement(_AppBar.default, null, /*#__PURE__*/_react.default.createElement(_Toolbar.default, null, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
216
- style: style.menuButton,
217
- color: "inherit",
218
- onClick: () => this.setState({
219
- drawer: true
220
- })
221
- }, /*#__PURE__*/_react.default.createElement(_Menu.default, null)), /*#__PURE__*/_react.default.createElement(_Typography.default, {
222
- style: style.title,
223
- variant: "h6",
224
- color: "inherit"
225
- }, title), /*#__PURE__*/_react.default.createElement("div", {
226
- style: style.flex
227
- }, /*#__PURE__*/_react.default.createElement(_Button.default, {
228
- color: "inherit",
229
- style: style.titleButton,
230
- variant: this.state.organizations.length > 1 ? 'outlined' : 'text',
231
- onClick: e => this.setState({
232
- organizationAnchorEl: e.currentTarget
233
- })
234
- }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
235
- variant: "h6",
236
- color: "inherit"
237
- }, organization.organization ? organization.organization.name : ''))), /*#__PURE__*/_react.default.createElement("div", {
238
- style: style.flex
239
- }, this.props.showEntity && /*#__PURE__*/_react.default.createElement(_Button.default, {
240
- color: "inherit",
241
- style: style.titleButton,
242
- variant: this.state.entities.length > 1 ? 'outlined' : 'text',
243
- onClick: e => this.setState({
244
- entityAnchorEl: e.currentTarget
245
- })
246
- }, /*#__PURE__*/_react.default.createElement(_Typography.default, {
247
- variant: "h6",
248
- color: "inherit"
249
- }, organization.entity ? organization.entity.name : ''))), componentID.length > 0 && /*#__PURE__*/_react.default.createElement(_IconButton.default, {
250
- color: "inherit",
251
- onClick: () => this.favoriteApp()
252
- }, this.state.favorites.includes(componentID) ? /*#__PURE__*/_react.default.createElement(_Star.default, null) : /*#__PURE__*/_react.default.createElement(_StarBorder.default, null)), /*#__PURE__*/_react.default.createElement(_IconButton.default, {
253
- color: "inherit",
254
- onClick: e => this.setState({
255
- authenticationAnchorEl: e.currentTarget
256
- })
257
- }, /*#__PURE__*/_react.default.createElement(_AccountCircle.default, null)))), /*#__PURE__*/_react.default.createElement("div", {
258
- className: classes.topPadding
259
- }), /*#__PURE__*/_react.default.createElement(_CoreAppBarDrawer.default, {
260
- open: this.state.drawer,
261
- onClose: () => this.setState({
262
- drawer: false
263
- }),
264
- apps: this.state.apps
265
- }), /*#__PURE__*/_react.default.createElement(_Menu2.default, {
266
- open: !!this.state.organizationAnchorEl,
267
- anchorEl: this.state.organizationAnchorEl,
268
- anchorOrigin: {
269
- vertical: 'top',
270
- horizontal: 'center'
271
- },
272
- transformOrigin: {
273
- vertical: 'top',
274
- horizontal: 'center'
275
- },
276
- onClose: () => this.setState({
277
- organizationAnchorEl: null
278
- })
279
- }, this.state.organizations.map(org => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
280
- key: org.id,
281
- onClick: () => {
282
- organization.setOrganization(org);
283
- this.setState({
284
- organizationAnchorEl: null
285
- });
286
- }
287
- }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_LocationCity.default, null)), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
288
- primary: org.name,
289
- inset: true
290
- })))), /*#__PURE__*/_react.default.createElement(_Menu2.default, {
291
- anchorEl: this.state.entityAnchorEl,
292
- anchorOrigin: {
293
- vertical: 'top',
294
- horizontal: 'center'
295
- },
296
- transformOrigin: {
297
- vertical: 'top',
298
- horizontal: 'center'
299
- },
300
- open: !!this.state.entityAnchorEl,
301
- onClose: () => this.setState({
302
- entityAnchorEl: null
303
- })
304
- }, this.state.entities.map(entity => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
305
- key: entity.key,
306
- onClick: () => {
307
- organization.setEntity(entity);
308
- this.setState({
309
- entityAnchorEl: null
310
- });
311
- }
312
- }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_LocationCity.default, null)), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
313
- primary: entity.name,
314
- inset: true
315
- }))), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement("a", {
316
- href: this.props.core.formatUrl('/administration#/entities'),
317
- style: {
318
- all: 'unset'
319
- }
320
- }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, null, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement(_Settings.default, null)), /*#__PURE__*/_react.default.createElement(_ListItemText.default, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
321
- id: "__manage"
322
- }), ' ', /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
323
- id: "__entities"
324
- }))))), /*#__PURE__*/_react.default.createElement(_Menu2.default, {
325
- open: !!this.state.authenticationAnchorEl,
326
- anchorEl: this.state.authenticationAnchorEl,
327
- onClose: () => this.setState({
328
- authenticationAnchorEl: null
329
- })
330
- }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
331
- style: {
332
- outline: 0
333
- }
334
- }, /*#__PURE__*/_react.default.createElement(_Avatar.default, null, "".concat(this.props.authentication.token.userInfo.firstName[0].toUpperCase()).concat(this.props.authentication.token.userInfo.lastName[0].toUpperCase())), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
335
- primary: "".concat(this.props.authentication.token.userInfo.firstName, " ").concat(this.props.authentication.token.userInfo.lastName),
336
- secondary: this.props.authentication.token.userInfo.emailAddress
337
- })), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement("a", {
338
- href: this.props.core.formatUrl('/profile'),
339
- style: {
340
- all: 'unset'
341
- }
342
- }, /*#__PURE__*/_react.default.createElement(_MenuItem.default, null, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
343
- id: "__myProfile"
344
- }))), /*#__PURE__*/_react.default.createElement(_Divider.default, null), /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
345
- onClick: () => authentication.logout()
346
- }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
347
- id: "__log_out"
348
- }))));
349
- }
350
- }
351
- CoreAppBar.propTypes = {
352
- title: _propTypes.default.string,
353
- showEntity: _propTypes.default.bool,
354
- componentID: _propTypes.default.string,
355
- core: _propTypes.default.shape().isRequired,
356
- authentication: _propTypes.default.shape().isRequired,
357
- organization: _propTypes.default.shape().isRequired,
358
- classes: _propTypes.default.shape().isRequired
359
- };
360
- CoreAppBar.defaultProps = {
361
- showEntity: false,
362
- title: '',
363
- componentID: ''
364
- };
365
- var _default = exports.default = (0, _context.withCore)((0, _context.withAuthentication)((0, _context.withOrganization)((0, _styles.withStyles)(styles)(CoreAppBar))));
@@ -1,135 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = _interopRequireWildcard(require("react"));
8
- var _ListItemIcon = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));
9
- var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
10
- var _reactIntl = require("react-intl");
11
- var _ExpandMore = _interopRequireDefault(require("@material-ui/icons/ExpandMore"));
12
- var _ExpandLess = _interopRequireDefault(require("@material-ui/icons/ExpandLess"));
13
- var _Typography = _interopRequireDefault(require("@material-ui/core/Typography"));
14
- var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
15
- var _Collapse = _interopRequireDefault(require("@material-ui/core/Collapse"));
16
- var _Drawer = _interopRequireDefault(require("@material-ui/core/Drawer"));
17
- var _List = _interopRequireDefault(require("@material-ui/core/List"));
18
- var _propTypes = _interopRequireDefault(require("prop-types"));
19
- var _jsCookie = _interopRequireDefault(require("js-cookie"));
20
- var _functions = require("../../functions");
21
- var _context = require("../../context");
22
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
23
- 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); }
24
- 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; }
25
- const collapseCookie = 'vt4000_collapse';
26
- const style = {
27
- icon: {
28
- margin: 5,
29
- height: 32,
30
- width: 32,
31
- verticalAlign: 'middle'
32
- },
33
- a: {
34
- textDecoration: 'none'
35
- },
36
- nested: {
37
- paddingLeft: 42
38
- }
39
- };
40
- class CoreAppBarDrawer extends _react.Component {
41
- constructor() {
42
- super();
43
- const cookie = _jsCookie.default.getJSON(collapseCookie);
44
- this.state = {
45
- expanded: cookie !== undefined ? cookie : []
46
- };
47
- }
48
- getTranslatedName(app) {
49
- const translation = app.translations.find(x => x.languageCode === this.props.intl.locale);
50
- return translation !== undefined ? translation.name : app.name;
51
- }
52
- handleClick(componentID) {
53
- this.setState(prevState => {
54
- let expanded = prevState.expanded;
55
- if (expanded.includes(componentID)) {
56
- expanded = expanded.filter(psExpanded => psExpanded !== componentID);
57
- } else {
58
- expanded.push(componentID);
59
- }
60
- _jsCookie.default.set(collapseCookie, expanded);
61
- return {
62
- expanded: expanded
63
- };
64
- });
65
- }
66
- render() {
67
- const {
68
- open,
69
- apps,
70
- core
71
- } = this.props;
72
- const {
73
- expanded
74
- } = this.state;
75
- return /*#__PURE__*/_react.default.createElement(_Drawer.default, {
76
- open: open,
77
- onClose: () => this.props.onClose()
78
- }, /*#__PURE__*/_react.default.createElement(_List.default, null, /*#__PURE__*/_react.default.createElement(_ListItem.default, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
79
- variant: "h5"
80
- }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
81
- id: "__applications"
82
- }))), apps.map(app => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
83
- key: app.definition.componentID
84
- }, app.children.length > 0 ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
85
- onClick: () => this.handleClick(app.definition.componentID),
86
- button: true
87
- }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement("img", {
88
- src: this.props.core.formatUrl((0, _functions.getIconUrl)(app.definition.metadata)),
89
- style: style.icon,
90
- alt: "algImg"
91
- })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
92
- primary: this.getTranslatedName(app.definition)
93
- }), expanded.includes(app.definition.componentID) ? /*#__PURE__*/_react.default.createElement(_ExpandLess.default, null) : /*#__PURE__*/_react.default.createElement(_ExpandMore.default, null)), app.children.map(subApp => /*#__PURE__*/_react.default.createElement(_Collapse.default, {
94
- timeout: "auto",
95
- key: subApp.definition.componentID,
96
- in: expanded.includes(app.definition.componentID),
97
- unmountOnExit: true
98
- }, /*#__PURE__*/_react.default.createElement("a", {
99
- style: style.a,
100
- href: core.formatUrl("".concat((0, _functions.getUrl)(app.definition.metadata), "#").concat((0, _functions.getUrl)(subApp.definition.metadata)))
101
- }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
102
- style: style.nested,
103
- button: true
104
- }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement("img", {
105
- src: this.props.core.formatUrl((0, _functions.getIconUrl)(subApp.definition.metadata)),
106
- style: style.icon,
107
- alt: "algImg"
108
- })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
109
- inset: true,
110
- primary: this.getTranslatedName(subApp.definition)
111
- })))))) : /*#__PURE__*/_react.default.createElement("a", {
112
- style: style.a,
113
- href: core.formatUrl((0, _functions.getUrl)(app.definition.metadata))
114
- }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
115
- button: true
116
- }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement("img", {
117
- src: this.props.core.formatUrl((0, _functions.getIconUrl)(app.definition.metadata)),
118
- style: style.icon,
119
- alt: "algImg"
120
- })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
121
- primary: this.getTranslatedName(app.definition)
122
- })))))));
123
- }
124
- }
125
- CoreAppBarDrawer.propTypes = {
126
- open: _propTypes.default.bool.isRequired,
127
- onClose: _propTypes.default.func.isRequired,
128
- apps: _propTypes.default.arrayOf(_propTypes.default.shape()),
129
- intl: _propTypes.default.shape().isRequired,
130
- core: _propTypes.default.shape().isRequired
131
- };
132
- CoreAppBarDrawer.defaultProps = {
133
- apps: []
134
- };
135
- var _default = exports.default = (0, _context.withCore)((0, _reactIntl.injectIntl)(CoreAppBarDrawer));
@@ -1,27 +0,0 @@
1
- # CoreAppBar
2
-
3
- This is the app bar that should be part of any main application that isn't a child application to something else using [CoreDrawer](../CoreDrawer).
4
-
5
- ![Screenshot](screenshot.png)
6
-
7
- This controls and feeds [Organization Context](../../context/Organization) with the current organization and entity.
8
-
9
- ## Adding to your application
10
-
11
- To add to your application, just do the following:
12
- ```
13
- import CoreAppBar from 'core-library-react';
14
-
15
- ...
16
-
17
- render() {
18
- return(
19
- <div>
20
- <CoreAppBar title="My Title" />
21
- </div>
22
- );
23
- }
24
- ```
25
-
26
- ## Props
27
- - title : The title of the application. NOTE: Should not use fixed strings and instead use translations string file