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
@@ -1,173 +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 _styles = require("@material-ui/core/styles");
21
- var _functions = require("../../functions");
22
- var _context = require("../../context");
23
- var _scrollbarModule = _interopRequireDefault(require("../../css/scrollbar.module.css"));
24
- require("../../css/scrollbar.css");
25
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
26
- 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); }
27
- 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; }
28
- const collapseCookie = 'vt4000_collapse';
29
- const styles = () => ({
30
- drawerPaper: {
31
- backgroundColor: '#496b78',
32
- color: '#ffffff'
33
- },
34
- listItemRoot: {
35
- color: '#ffffff'
36
- },
37
- svgIcon: {
38
- verticalAlign: 'middle',
39
- height: 24,
40
- width: 24,
41
- filter: 'invert(1)'
42
- }
43
- });
44
- const style = {
45
- icon: {
46
- margin: 5,
47
- height: 32,
48
- width: 32,
49
- verticalAlign: 'middle'
50
- },
51
- a: {
52
- textDecoration: 'none'
53
- },
54
- nested: {
55
- paddingLeft: 42
56
- }
57
- };
58
- class CoreSideBarDrawer extends _react.Component {
59
- constructor() {
60
- super();
61
- const cookie = _jsCookie.default.getJSON(collapseCookie);
62
- this.state = {
63
- expanded: cookie !== undefined ? cookie : []
64
- };
65
- }
66
- getTranslatedName(app) {
67
- const translation = app.translations.find(x => x.languageCode === this.props.intl.locale);
68
- return translation !== undefined ? translation.name : app.name;
69
- }
70
- handleClick(componentID) {
71
- this.setState(prevState => {
72
- let expanded = prevState.expanded;
73
- if (expanded.includes(componentID)) {
74
- expanded = expanded.filter(psExpanded => psExpanded !== componentID);
75
- } else {
76
- expanded.push(componentID);
77
- }
78
- _jsCookie.default.set(collapseCookie, expanded);
79
- return {
80
- expanded: expanded
81
- };
82
- });
83
- }
84
- render() {
85
- const {
86
- open,
87
- apps,
88
- core,
89
- classes
90
- } = this.props;
91
- const {
92
- expanded
93
- } = this.state;
94
- return /*#__PURE__*/_react.default.createElement(_Drawer.default, {
95
- open: open,
96
- classes: {
97
- paper: "".concat(classes.drawerPaper, " ").concat(_scrollbarModule.default.scroll, " ").concat(_scrollbarModule.default.white)
98
- },
99
- onClose: () => this.props.onClose()
100
- }, /*#__PURE__*/_react.default.createElement(_List.default, null, /*#__PURE__*/_react.default.createElement(_ListItem.default, null, /*#__PURE__*/_react.default.createElement(_Typography.default, {
101
- variant: "h5",
102
- color: "inherit"
103
- }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
104
- id: "__applications"
105
- }))), /*#__PURE__*/_react.default.createElement("div", {
106
- className: "versacall-scroll white"
107
- }, apps.map(app => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
108
- key: app.definition.componentID
109
- }, app.children.length > 0 ? /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
110
- onClick: () => this.handleClick(app.definition.componentID),
111
- button: true
112
- }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement("img", {
113
- src: this.props.core.formatUrl((0, _functions.getIconUrl)(app.definition.metadata)),
114
- className: classes.svgIcon,
115
- style: style.icon,
116
- alt: "algImg"
117
- })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
118
- classes: {
119
- primary: classes.listItemRoot
120
- },
121
- primary: this.getTranslatedName(app.definition)
122
- }), 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, {
123
- timeout: "auto",
124
- key: subApp.definition.componentID,
125
- in: expanded.includes(app.definition.componentID),
126
- unmountOnExit: true
127
- }, /*#__PURE__*/_react.default.createElement("a", {
128
- style: style.a,
129
- href: core.formatUrl("".concat((0, _functions.getUrl)(app.definition.metadata), "#").concat((0, _functions.getUrl)(subApp.definition.metadata)))
130
- }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
131
- style: style.nested,
132
- button: true
133
- }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement("img", {
134
- src: this.props.core.formatUrl((0, _functions.getIconUrl)(subApp.definition.metadata)),
135
- className: classes.svgIcon,
136
- style: style.icon,
137
- alt: "algImg"
138
- })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
139
- inset: true,
140
- classes: {
141
- primary: classes.listItemRoot
142
- },
143
- primary: this.getTranslatedName(subApp.definition)
144
- })))))) : /*#__PURE__*/_react.default.createElement("a", {
145
- style: style.a,
146
- href: core.formatUrl((0, _functions.getUrl)(app.definition.metadata))
147
- }, /*#__PURE__*/_react.default.createElement(_ListItem.default, {
148
- button: true
149
- }, /*#__PURE__*/_react.default.createElement(_ListItemIcon.default, null, /*#__PURE__*/_react.default.createElement("img", {
150
- src: this.props.core.formatUrl((0, _functions.getIconUrl)(app.definition.metadata)),
151
- className: classes.svgIcon,
152
- style: style.icon,
153
- alt: "algImg"
154
- })), /*#__PURE__*/_react.default.createElement(_ListItemText.default, {
155
- classes: {
156
- primary: classes.listItemRoot
157
- },
158
- primary: this.getTranslatedName(app.definition)
159
- }))))))));
160
- }
161
- }
162
- CoreSideBarDrawer.propTypes = {
163
- open: _propTypes.default.bool.isRequired,
164
- onClose: _propTypes.default.func.isRequired,
165
- apps: _propTypes.default.arrayOf(_propTypes.default.shape()),
166
- intl: _propTypes.default.shape().isRequired,
167
- core: _propTypes.default.shape().isRequired,
168
- classes: _propTypes.default.shape().isRequired
169
- };
170
- CoreSideBarDrawer.defaultProps = {
171
- apps: []
172
- };
173
- var _default = exports.default = (0, _context.withCore)((0, _reactIntl.injectIntl)((0, _styles.withStyles)(styles)(CoreSideBarDrawer)));
@@ -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 _CoreSideBar.default;
10
- }
11
- });
12
- var _CoreSideBar = _interopRequireDefault(require("./CoreSideBar"));
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -1,117 +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 _SnackbarContent = _interopRequireDefault(require("@material-ui/core/SnackbarContent"));
9
- var _CheckCircle = _interopRequireDefault(require("@material-ui/icons/CheckCircle"));
10
- var _styles = require("@material-ui/core/styles");
11
- var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
12
- var _Warning = _interopRequireDefault(require("@material-ui/icons/Warning"));
13
- var _green = _interopRequireDefault(require("@material-ui/core/colors/green"));
14
- var _amber = _interopRequireDefault(require("@material-ui/core/colors/amber"));
15
- var _Snackbar = _interopRequireDefault(require("@material-ui/core/Snackbar"));
16
- var _Error = _interopRequireDefault(require("@material-ui/icons/Error"));
17
- var _Close = _interopRequireDefault(require("@material-ui/icons/Close"));
18
- var _Info = _interopRequireDefault(require("@material-ui/icons/Info"));
19
- var _propTypes = _interopRequireDefault(require("prop-types"));
20
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
21
- 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); }
22
- 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; }
23
- const styles = theme => ({
24
- success: {
25
- backgroundColor: _green.default[600]
26
- },
27
- error: {
28
- backgroundColor: theme.palette.error.dark
29
- },
30
- info: {
31
- backgroundColor: theme.palette.primary.dark
32
- },
33
- warning: {
34
- backgroundColor: _amber.default[700]
35
- },
36
- none: {},
37
- icon: {
38
- fontSize: 20
39
- },
40
- iconVariant: {
41
- opacity: 0.9,
42
- marginRight: theme.spacing()
43
- },
44
- message: {
45
- display: 'flex',
46
- alignItems: 'center'
47
- }
48
- });
49
- const variantIcon = {
50
- success: _CheckCircle.default,
51
- warning: _Warning.default,
52
- error: _Error.default,
53
- info: _Info.default,
54
- none: null
55
- };
56
- class CoreSnackBar extends _react.Component {
57
- onClose() {
58
- this.props.onClose();
59
- }
60
- render() {
61
- const {
62
- open,
63
- autoHideDuration,
64
- message,
65
- onAction,
66
- iconType,
67
- withIcon,
68
- classes
69
- } = this.props;
70
- const Icon = variantIcon[iconType];
71
- return /*#__PURE__*/_react.default.createElement("div", {
72
- style: {
73
- position: 'absolute',
74
- zIndex: 5000
75
- }
76
- }, /*#__PURE__*/_react.default.createElement(_Snackbar.default, {
77
- open: open,
78
- autoHideDuration: autoHideDuration,
79
- onClose: () => this.onClose(),
80
- anchorOrigin: {
81
- vertical: 'bottom',
82
- horizontal: 'left'
83
- }
84
- }, /*#__PURE__*/_react.default.createElement(_SnackbarContent.default, {
85
- "aria-describedby": "client-snackbar",
86
- className: classes[iconType],
87
- message: /*#__PURE__*/_react.default.createElement("span", {
88
- id: "client-snackbar"
89
- }, withIcon && /*#__PURE__*/_react.default.createElement(Icon, {
90
- className: classes.iconVariant
91
- }), message),
92
- action: [/*#__PURE__*/_react.default.createElement(_IconButton.default, {
93
- key: "close",
94
- "aria-label": "Close",
95
- color: "inherit",
96
- onClick: onAction
97
- }, /*#__PURE__*/_react.default.createElement(_Close.default, null))]
98
- })));
99
- }
100
- }
101
- CoreSnackBar.propTypes = {
102
- open: _propTypes.default.bool.isRequired,
103
- message: _propTypes.default.string.isRequired,
104
- onClose: _propTypes.default.func.isRequired,
105
- onAction: _propTypes.default.func,
106
- autoHideDuration: _propTypes.default.number,
107
- withIcon: _propTypes.default.bool,
108
- iconType: _propTypes.default.oneOf(['success', 'warning', 'error', 'info', 'none']),
109
- classes: _propTypes.default.shape().isRequired
110
- };
111
- CoreSnackBar.defaultProps = {
112
- autoHideDuration: 1000,
113
- iconType: 'info',
114
- onAction: () => {},
115
- withIcon: false
116
- };
117
- var _default = exports.default = (0, _styles.withStyles)(styles)(CoreSnackBar);
@@ -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 _CoreSnackBar.default;
10
- }
11
- });
12
- var _CoreSnackBar = _interopRequireDefault(require("./CoreSnackBar"));
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -1,23 +0,0 @@
1
- #coreSnackBar
2
- this component is used to display a notification to the user, it can have different look and feel depending on the props received.
3
-
4
-
5
- open: Required property that indicates the snackbar need to be showed.
6
- message: Required string that contains the message to be displayed to the user,
7
- onClose: Required function to proccess the close of the snackbar (this.setstate(open:false)),
8
- withIcon: Indicates if the snackbar will contain an icon, default value is false.
9
- onAction: receive a function to be executed once the user click on the X button, normally asigned to open state but can do other,
10
- autoHideDuration: Property that indicates the time in milliseconds to execute the onClose function, if there is a need to keep the snackbar open, the onClose Function can have a different action than close,
11
- iconType: oneOf(['success', 'warning', 'error', 'info', 'none']) it describes the icon type to be showed, the default value is none, it also associate it to the color of the snackbar Success is green, warning is orange, error is red, info is the default theme color and none is the dark gray color.
12
-
13
-
14
- Example use:
15
-
16
- ```
17
-
18
- import { CoreSnackBar } from '../lib';
19
-
20
- <CoreSnackBar open message="this is a warning" iconType="warning" autoHideDuration={1000} onClose={() => {}} />
21
- <CoreSnackBar open message="this is an error" iconType="error" autoHideDuration={2000} onClose={() => {}} />
22
-
23
- <CoreSnackBar open message="this is an success" iconType="success" autoHideDuration={3000} onClose={() => {}} />
@@ -1,316 +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 _TableCell = _interopRequireDefault(require("@material-ui/core/TableCell"));
9
- var _TableBody = _interopRequireDefault(require("@material-ui/core/TableBody"));
10
- var _TableRow = _interopRequireDefault(require("@material-ui/core/TableRow"));
11
- var _Checkbox = _interopRequireDefault(require("@material-ui/core/Checkbox"));
12
- var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
13
- var _Table = _interopRequireDefault(require("@material-ui/core/Table"));
14
- var _propTypes = _interopRequireDefault(require("prop-types"));
15
- var _reactIntl = require("react-intl");
16
- var _CoreTableToolbar = _interopRequireDefault(require("./CoreTableToolbar"));
17
- var _CoreTableHead = _interopRequireDefault(require("./CoreTableHead"));
18
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
19
- 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); }
20
- 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; }
21
- 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; }
22
- 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; }
23
- function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
24
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
25
- 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); }
26
- const desc = (a, b, orderBy) => {
27
- if (b[orderBy] < a[orderBy]) {
28
- return -1;
29
- }
30
- if (b[orderBy] > a[orderBy]) {
31
- return 1;
32
- }
33
- return 0;
34
- };
35
- const getSorting = (order, orderBy) => {
36
- if (order === 'desc') return (a, b) => desc(a, b, orderBy);
37
- return (a, b) => -desc(a, b, orderBy);
38
- };
39
- const stableSort = (array, cmp) => {
40
- const stabilizedThis = array.map((el, index) => [el, index]);
41
- stabilizedThis.sort((a, b) => {
42
- const order = cmp(a[0], b[0]);
43
- return order !== 0 ? order : a[1] - b[1];
44
- });
45
- return stabilizedThis.map(el => el[0]);
46
- };
47
- const getStyles = (row, column) => {
48
- let style = {};
49
- if (column.style !== undefined) {
50
- style = column.style;
51
- }
52
- if (row.style !== undefined) {
53
- if (row.style.all !== undefined) {
54
- style = _objectSpread(_objectSpread({}, style), row.style.all);
55
- }
56
- if (row.style[column.id] !== undefined) {
57
- style = _objectSpread(_objectSpread({}, style), row.style[column.id]);
58
- }
59
- }
60
- return style;
61
- };
62
- const getRowStyles = (id, activeRow, flaggedRows) => {
63
- let style = {};
64
- if (id === activeRow) {
65
- style = {
66
- backgroundColor: 'LightSteelBlue'
67
- };
68
- }
69
- if (flaggedRows.includes(id)) {
70
- style = {
71
- backgroundColor: 'Red'
72
- };
73
- }
74
- return style;
75
- };
76
- class CoreTable extends _react.Component {
77
- constructor(props) {
78
- super(props);
79
- this.state = {
80
- selected: [],
81
- order: 'asc',
82
- orderBy: '',
83
- activeFilters: {}
84
- };
85
- }
86
- componentDidMount() {
87
- const filters = {};
88
- this.props.columns.forEach(column => {
89
- if (column.filter === 'text' || column.filter === true) {
90
- filters[column.id] = '';
91
- }
92
- });
93
- this.setState({
94
- activeFilters: filters
95
- });
96
- }
97
- componentDidUpdate(prevProps) {
98
- if (JSON.stringify(this.props.data) !== JSON.stringify(prevProps.data)) {
99
- this.handleClearSelected();
100
- }
101
- }
102
- onRowClick(row) {
103
- if (this.props.onRowClick) {
104
- this.props.onRowClick(row);
105
- }
106
- }
107
- handleClearSelected() {
108
- this.setState({
109
- selected: []
110
- });
111
- }
112
- handleChipDelete(id) {
113
- this.setState(prevState => ({
114
- activeFilters: _objectSpread(_objectSpread({}, prevState.activeFilters), {}, {
115
- [id]: ''
116
- })
117
- }));
118
- }
119
- filterInputHandler(_ref) {
120
- let {
121
- target
122
- } = _ref;
123
- const {
124
- name,
125
- value
126
- } = target;
127
- this.setState(prevState => ({
128
- activeFilters: _objectSpread(_objectSpread({}, prevState.activeFilters), {}, {
129
- [name]: value
130
- })
131
- }));
132
- }
133
- passesFilter(row) {
134
- let passed = true;
135
- const filterKeys = Object.keys(this.state.activeFilters);
136
- if (filterKeys.length > 0) {
137
- filterKeys.forEach(filter => {
138
- if (!row[filter].toLowerCase().includes(this.state.activeFilters[filter].toLowerCase())) {
139
- passed = false;
140
- }
141
- });
142
- }
143
- return passed;
144
- }
145
- isSelected(id) {
146
- return this.state.selected.indexOf(id) !== -1;
147
- }
148
- handleSelectAll(event) {
149
- this.setState({
150
- selected: event.target.checked ? this.props.data.map(row => row[this.props.id]) : []
151
- });
152
- }
153
- handleOnSort(orderBy) {
154
- // console.log('orderBy', orderBy);
155
- this.setState(prevState => {
156
- const order = prevState.orderBy === orderBy && prevState.order === 'desc' ? 'asc' : 'desc';
157
- return {
158
- order: order,
159
- orderBy: orderBy
160
- };
161
- });
162
- }
163
- handleClick(key, row) {
164
- if (this.props.multiSelect) {
165
- const {
166
- selected
167
- } = this.state;
168
- const selectedIndex = selected.indexOf(key);
169
- let newSelected = [];
170
- if (selectedIndex === -1) {
171
- // Not in selected, add
172
- newSelected = newSelected.concat(selected, key);
173
- } else if (selectedIndex === 0) {
174
- // First item in selected, remove
175
- newSelected = newSelected.concat(selected.slice(1));
176
- } else if (selectedIndex === selected.length - 1) {
177
- // Last item in selected, remove
178
- newSelected = newSelected.concat(selected.slice(0, -1));
179
- } else if (selectedIndex > 0) {
180
- // Somewhere in the middle of selected, remove
181
- newSelected = newSelected.concat(selected.slice(0, selectedIndex), selected.slice(selectedIndex + 1));
182
- }
183
- this.setState({
184
- selected: newSelected
185
- });
186
- }
187
- }
188
- render() {
189
- const {
190
- sort,
191
- id,
192
- title,
193
- columns,
194
- data,
195
- customToolbar,
196
- multiSelect,
197
- hover,
198
- toolBarIcons,
199
- activeRow,
200
- flaggedRows,
201
- loading
202
- } = this.props;
203
- const {
204
- selected,
205
- order,
206
- orderBy,
207
- activeFilters
208
- } = this.state;
209
- return /*#__PURE__*/_react.default.createElement("div", null, (title || multiSelect) && /*#__PURE__*/_react.default.createElement(_CoreTableToolbar.default, {
210
- title: title,
211
- selected: selected,
212
- icons: toolBarIcons,
213
- customToolbar: customToolbar,
214
- activeFilters: activeFilters,
215
- handleChipDelete: _id => this.handleChipDelete(_id)
216
- }), /*#__PURE__*/_react.default.createElement(_Table.default, null, /*#__PURE__*/_react.default.createElement(_CoreTableHead.default, {
217
- sort: sort,
218
- order: order,
219
- columns: columns,
220
- orderBy: orderBy,
221
- rowCount: data.length,
222
- multiSelect: multiSelect,
223
- selected: selected.length,
224
- activeFilters: activeFilters,
225
- onSort: _orderBy => this.handleOnSort(_orderBy),
226
- onSelectAll: event => this.handleSelectAll(event),
227
- updateFilter: target => this.filterInputHandler(target)
228
- }), /*#__PURE__*/_react.default.createElement(_TableBody.default, null, stableSort(data, getSorting(order, orderBy)).map(row => {
229
- const isSelected = this.isSelected(row[id]);
230
- if (this.passesFilter(row)) {
231
- return /*#__PURE__*/_react.default.createElement(_TableRow.default, {
232
- role: "checkbox",
233
- key: row[id],
234
- hover: hover,
235
- tabIndex: -1,
236
- selected: isSelected,
237
- "aria-checked": isSelected,
238
- onClick: () => this.onRowClick(row),
239
- style: getRowStyles(row[id], activeRow, flaggedRows)
240
- }, multiSelect && /*#__PURE__*/_react.default.createElement(_TableCell.default, {
241
- padding: "checkbox",
242
- onClick: event => {
243
- event.stopPropagation();
244
- this.handleClick(row[id], row);
245
- }
246
- }, /*#__PURE__*/_react.default.createElement(_Checkbox.default, {
247
- checked: isSelected,
248
- color: "primary"
249
- })), columns.map((column, columnIndex) => /*#__PURE__*/_react.default.createElement(_TableCell.default, {
250
- key: String(columnIndex),
251
- style: _objectSpread(_objectSpread({
252
- cursor: this.props.onRowClick ? 'pointer' : 'default'
253
- }, getStyles(row, column)), column.style)
254
- }, column.customCell ? column.customCell({
255
- id: id,
256
- row: row
257
- }) : row[column.id])));
258
- }
259
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null);
260
- }))), loading && /*#__PURE__*/_react.default.createElement("div", {
261
- style: {
262
- display: 'flex',
263
- alignItems: 'center',
264
- justifyContent: 'center',
265
- paddingTop: 20,
266
- paddingBottom: 20
267
- }
268
- }, /*#__PURE__*/_react.default.createElement("div", {
269
- style: {
270
- display: 'flex',
271
- alignItems: 'center'
272
- }
273
- }, /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
274
- color: "secondary",
275
- style: {
276
- marginRight: 20
277
- }
278
- }), /*#__PURE__*/_react.default.createElement("span", {
279
- style: {
280
- fontSize: '26px',
281
- fontStyle: 'italic',
282
- color: 'rgba(0,0,0,0.6)'
283
- }
284
- }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
285
- id: "__loading"
286
- }), "\u2026"))));
287
- }
288
- }
289
- CoreTable.propTypes = {
290
- sort: _propTypes.default.bool,
291
- hover: _propTypes.default.bool,
292
- title: _propTypes.default.string,
293
- onRowClick: _propTypes.default.func,
294
- activeRow: _propTypes.default.string,
295
- multiSelect: _propTypes.default.bool,
296
- toolBarIcons: _propTypes.default.node,
297
- customToolbar: _propTypes.default.func,
298
- id: _propTypes.default.string.isRequired,
299
- flaggedRows: _propTypes.default.arrayOf(_propTypes.default.string),
300
- data: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
301
- columns: _propTypes.default.arrayOf(_propTypes.default.object).isRequired,
302
- loading: _propTypes.default.bool
303
- };
304
- CoreTable.defaultProps = {
305
- title: '',
306
- sort: false,
307
- hover: false,
308
- activeRow: '',
309
- flaggedRows: [],
310
- onRowClick: null,
311
- multiSelect: false,
312
- customToolbar: null,
313
- toolBarIcons: /*#__PURE__*/_react.default.createElement("span", null),
314
- loading: false
315
- };
316
- var _default = exports.default = CoreTable;