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,36 +0,0 @@
1
- # CoreDrawer
2
-
3
- This component is used in "main" applications that have "sub" applications. It makes a call to [components-api](https://github.com/versacall/components-api) to get a list of all components that match the specified type.
4
-
5
- Expanded:
6
- ![Expanded](screenshot_expanded.png)
7
-
8
- Collapsed:
9
- ![Collaped](screenshot_collapsed.png)
10
-
11
- ```
12
- import CoreAppBar from 'core-library-react';
13
- import CoreDrawer from 'core-library-react';
14
-
15
- ...
16
-
17
- render() {
18
- return(
19
- <CoreAppBar title="Communications" />
20
- <CoreDrawer componentType="communications.ui" />
21
- );
22
- }
23
- ```
24
-
25
- ## Props
26
- - componentType : This is the type of component to get. Defined in the componentDefinition file of a package. Example: communications.ui
27
-
28
- ## componentDefinition
29
-
30
- This works with componentDefinition elements stored in [packages-api](https://github.com/versacall/packages-api). Here are a couple of
31
- key elements:
32
- - name : This is the name that is shown.
33
- - type : This is the type that is searched for by the componentType prop.
34
- - metadata
35
- - url : This is the url to open when the item is clicked on. Can be relative or absolute.
36
- - iconUrl : This is the url of the icon to show.
@@ -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 _CoreDrawer.default;
10
- }
11
- });
12
- var _CoreDrawer = _interopRequireDefault(require("./CoreDrawer"));
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -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 _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _ArrowDropDown = _interopRequireDefault(require("@material-ui/icons/ArrowDropDown"));
10
- var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
11
- var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
12
- var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
13
- var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
14
- var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
15
- var _reactIntl = require("react-intl");
16
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
17
- 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); }
18
- 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; }
19
- class CoreDropDownTextField extends _react.Component {
20
- constructor(props) {
21
- super(props);
22
- this.state = {
23
- anchorEl: null
24
- };
25
- }
26
- handleMenu(target) {
27
- this.setState({
28
- anchorEl: target
29
- });
30
- }
31
- render() {
32
- const {
33
- anchorEl
34
- } = this.state;
35
- const {
36
- intl,
37
- options,
38
- handleSelect,
39
- handleInput,
40
- value,
41
- label,
42
- multiline
43
- } = this.props;
44
- return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_TextField.default, {
45
- label: intl.formatMessage({
46
- id: label
47
- }),
48
- value: value,
49
- onChange: event => handleInput(event.target.value),
50
- margin: "normal",
51
- variant: "outlined",
52
- multiline: multiline,
53
- InputProps: {
54
- endAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
55
- position: "end"
56
- }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
57
- "aria-label": "showVariables",
58
- onClick: e => this.handleMenu(e.currentTarget)
59
- }, /*#__PURE__*/_react.default.createElement(_ArrowDropDown.default, null)))
60
- }
61
- }), /*#__PURE__*/_react.default.createElement(_Menu.default, {
62
- id: "VariableMenu",
63
- anchorEl: anchorEl,
64
- open: Boolean(anchorEl),
65
- onClose: () => this.handleMenu(null)
66
- }, options.map((option, index) => /*#__PURE__*/_react.default.createElement(_MenuItem.default, {
67
- key: index,
68
- onClick: () => {
69
- handleSelect(option);
70
- this.handleMenu(null);
71
- }
72
- }, option))));
73
- }
74
- }
75
- CoreDropDownTextField.propTypes = {
76
- handleInput: _propTypes.default.func.isRequired,
77
- handleSelect: _propTypes.default.func.isRequired,
78
- label: _propTypes.default.string.isRequired,
79
- value: _propTypes.default.string.isRequired,
80
- options: _propTypes.default.arrayOf(_propTypes.default.string).isRequired,
81
- multiline: _propTypes.default.bool
82
- };
83
- CoreDropDownTextField.defaultProps = {
84
- multiline: false
85
- };
86
- var _default = exports.default = (0, _reactIntl.injectIntl)(CoreDropDownTextField);
@@ -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 _CoreDropDownTextfield.default;
10
- }
11
- });
12
- var _CoreDropDownTextfield = _interopRequireDefault(require("./CoreDropDownTextfield"));
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -1,58 +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 _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _functions = require("../../functions");
10
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
11
- 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); }
12
- 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
- class CoreElapsedTime extends _react.Component {
14
- constructor(props) {
15
- super(props);
16
- this.state = {
17
- initialTime: new Date(),
18
- elapsedTime: (0, _functions.formatElapsedTime)(props.value)
19
- };
20
- }
21
- componentDidMount() {
22
- this.refresh();
23
- }
24
- componentDidUpdate(prevProps) {
25
- if (prevProps.value !== this.props.value) {
26
- this.resetInitialTime();
27
- }
28
- }
29
- componentWillUnmount() {
30
- clearTimeout(this.timeout);
31
- }
32
- resetInitialTime() {
33
- this.setState({
34
- initialTime: new Date()
35
- });
36
- }
37
- refresh() {
38
- this.timeout = setTimeout(() => {
39
- this.setState(prevState => ({
40
- elapsedTime: (0, _functions.formatElapsedTime)(this.props.value + Math.floor((new Date() - prevState.initialTime) / 1000))
41
- }));
42
- this.refresh();
43
- }, 1000);
44
- }
45
- render() {
46
- const {
47
- elapsedTime
48
- } = this.state;
49
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, elapsedTime);
50
- }
51
- }
52
- CoreElapsedTime.propTypes = {
53
- value: _propTypes.default.number
54
- };
55
- CoreElapsedTime.defaultProps = {
56
- value: 0
57
- };
58
- var _default = exports.default = CoreElapsedTime;
@@ -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 _CoreElapsedTime.default;
10
- }
11
- });
12
- var _CoreElapsedTime = _interopRequireDefault(require("./CoreElapsedTime"));
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -1,64 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
- var _react = _interopRequireDefault(require("react"));
8
- var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
9
- var _propTypes = _interopRequireDefault(require("prop-types"));
10
- var _Organization = require("../../context/Organization");
11
- var _Core = require("../../context/Core");
12
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
13
- 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; }
14
- 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; }
15
- 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; }
16
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
17
- 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); }
18
- const style = {
19
- CoreFrame: {
20
- position: 'relative',
21
- width: '100%',
22
- height: '100%',
23
- padding: 0,
24
- margin: 0
25
- },
26
- progress: {
27
- display: 'flex',
28
- alignItems: 'center',
29
- justifyContent: 'center'
30
- }
31
- };
32
- function CoreFrame(props) {
33
- const {
34
- match,
35
- sandbox,
36
- core,
37
- organization,
38
- version
39
- } = props;
40
- const versionParam = version ? "&version=".concat(encodeURI(version)) : '';
41
- // console.log(match);
42
- return match.params.app ? /*#__PURE__*/_react.default.createElement("iframe", {
43
- frameBorder: "0",
44
- title: "component",
45
- sandbox: sandbox || null,
46
- style: style.CoreFrame,
47
- src: "".concat(core.baseUrl, "/").concat(match.params.app, "?organization=").concat(JSON.stringify(organization)).concat(versionParam)
48
- }) : /*#__PURE__*/_react.default.createElement("div", {
49
- style: _objectSpread(_objectSpread({}, style.CoreFrame), style.progress)
50
- }, /*#__PURE__*/_react.default.createElement(_CircularProgress.default, null));
51
- }
52
- CoreFrame.propTypes = {
53
- match: _propTypes.default.shape({
54
- params: _propTypes.default.object
55
- }).isRequired,
56
- sandbox: _propTypes.default.string.isRequired,
57
- core: _propTypes.default.shape().isRequired,
58
- organization: _propTypes.default.shape().isRequired,
59
- version: _propTypes.default.string
60
- };
61
- CoreFrame.defaultProps = {
62
- version: null
63
- };
64
- var _default = exports.default = (0, _Core.withCore)((0, _Organization.withOrganization)(CoreFrame));
@@ -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 _CoreFrame.default;
10
- }
11
- });
12
- var _CoreFrame = _interopRequireDefault(require("./CoreFrame"));
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -1,351 +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 _propTypes = _interopRequireDefault(require("prop-types"));
9
- var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
10
- var _Dialog = _interopRequireDefault(require("@material-ui/core/Dialog"));
11
- var _DialogActions = _interopRequireDefault(require("@material-ui/core/DialogActions"));
12
- var _DialogContent = _interopRequireDefault(require("@material-ui/core/DialogContent"));
13
- var _DialogTitle = _interopRequireDefault(require("@material-ui/core/DialogTitle"));
14
- var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
15
- var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
16
- var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
17
- var _Slide = _interopRequireDefault(require("@material-ui/core/Slide"));
18
- var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
19
- var _ChangeHistory = _interopRequireDefault(require("@material-ui/icons/ChangeHistory"));
20
- var _ArrowUpward = _interopRequireDefault(require("@material-ui/icons/ArrowUpward"));
21
- var _ArrowDownward = _interopRequireDefault(require("@material-ui/icons/ArrowDownward"));
22
- var _styles = require("@material-ui/core/styles");
23
- var _reactIntl = require("react-intl");
24
- var _CoreTable = _interopRequireDefault(require("../CoreTable"));
25
- var _css = require("../../css");
26
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
27
- 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); }
28
- 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; }
29
- 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; }
30
- 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; }
31
- 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; }
32
- function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
33
- 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); }
34
- 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); } // import DialogContentText from '@material-ui/core/DialogContentText';
35
- function Transition(props) {
36
- return /*#__PURE__*/_react.default.createElement(_Slide.default, _extends({
37
- direction: "up"
38
- }, props));
39
- }
40
- function buildActionMap(items) {
41
- const actionMap = new Map();
42
- items.forEach(item => {
43
- let action = 'ignore';
44
- if (item.existing) {
45
- if (item.existing.version && item.import.version) {
46
- if (item.import.version > item.existing.version) {
47
- action = 'update';
48
- }
49
- }
50
- } else {
51
- action = 'add';
52
- }
53
- actionMap.set(item.id, action);
54
- });
55
- // console.log('actionMap.size', actionMap.size);
56
- return actionMap;
57
- }
58
- const styles = () => ({
59
- scrollViewer: {
60
- maxHeight: 'calc(100vh - 100px)'
61
- }
62
- });
63
- function CoreImportDialog(props) {
64
- const {
65
- classes,
66
- intl,
67
- items,
68
- nameProperty
69
- } = props;
70
- // https://medium.com/swlh/using-es6-map-with-react-state-hooks-800b91eedd5f
71
- const [actionMap, setActionMap] = (0, _react.useState)(buildActionMap(items));
72
- const handleRadioChange = e => {
73
- // console.log(`name: ${e.target.name}, value: ${e.target.value}`);
74
- // const newActionMap = { ...actionMap };
75
- // newActionMap.set(e.target.name, e.target.value);
76
- // setActionMap(newActionMap);
77
- setActionMap(new Map(actionMap.set(e.target.name, e.target.value)));
78
- };
79
- const customCellName = _ref => {
80
- let {
81
- row
82
- } = _ref;
83
- const nameChange = row.existing && row.existing[nameProperty] !== row.import[nameProperty];
84
- return /*#__PURE__*/_react.default.createElement("div", {
85
- style: {
86
- display: 'flex',
87
- alignItems: 'center'
88
- }
89
- }, row.import[nameProperty], nameChange && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
90
- style: {
91
- marginLeft: 10
92
- },
93
- title: row.existing[nameProperty]
94
- }, /*#__PURE__*/_react.default.createElement(_ChangeHistory.default, {
95
- color: "error"
96
- })));
97
- };
98
-
99
- /* const customCellVersionChange = ({ row }) => {
100
- if (row.import.version) {
101
- if (row.existing && row.existing.version) {
102
- if (row.existing.version === row.import.version) {
103
- return (
104
- <Tooltip title={`v${row.import.version}`}>
105
- <span>None</span>
106
- </Tooltip>
107
- );
108
- } else if (row.existing.version > row.import.version) {
109
- return (
110
- <Tooltip title={`v${row.existing.version} -> v${row.import.version}`}>
111
- <TrendingDownIcon color="error" />
112
- </Tooltip>
113
- );
114
- } else if (row.existing.version < row.import.version) {
115
- return (
116
- <Tooltip title={`v${row.existing.version} -> v${row.import.version}`}>
117
- <TrendingUpIcon color="primary" />
118
- </Tooltip>
119
- );
120
- }
121
- } else {
122
- return (
123
- <Tooltip title={`v${row.import.version}`}>
124
- <span>New</span>
125
- </Tooltip>
126
- );
127
- }
128
- }
129
- return 'N/A';
130
- }; */
131
-
132
- const customCellDifferent = _ref2 => {
133
- let {
134
- row
135
- } = _ref2;
136
- if (row.existing) {
137
- let newerVersion = false;
138
- let olderVersion = false;
139
- if (row.existing.version && row.import.version) {
140
- newerVersion = row.import.version > row.existing.version;
141
- olderVersion = row.existing.version > row.import.version;
142
- }
143
- return /*#__PURE__*/_react.default.createElement("div", {
144
- style: {
145
- display: 'flex',
146
- alignItems: 'center'
147
- }
148
- }, row.different !== null && /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
149
- id: row.different ? '__yes' : '__no'
150
- }), newerVersion && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
151
- title: "v".concat(row.existing.version, " -> v").concat(row.import.version),
152
- style: {
153
- marginLeft: 10
154
- }
155
- }, /*#__PURE__*/_react.default.createElement(_ArrowUpward.default, {
156
- color: "primary"
157
- })), olderVersion && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
158
- title: "v".concat(row.existing.version, " -> v").concat(row.import.version),
159
- style: {
160
- marginLeft: 10
161
- }
162
- }, /*#__PURE__*/_react.default.createElement(_ArrowDownward.default, {
163
- color: "error"
164
- })));
165
- }
166
- return /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
167
- title: "v".concat(row.import.version)
168
- }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
169
- id: "__new"
170
- }));
171
- };
172
- const customCellAction = _ref3 => {
173
- let {
174
- row
175
- } = _ref3;
176
- const action = actionMap && actionMap.has(row.id) ? actionMap.get(row.id) : 'ignore';
177
- if (row.existing) {
178
- return /*#__PURE__*/_react.default.createElement("div", {
179
- style: {
180
- whiteSpace: 'nowrap'
181
- }
182
- }, /*#__PURE__*/_react.default.createElement(_RadioGroup.default, {
183
- row: true,
184
- name: row.import.id,
185
- value: action,
186
- onChange: handleRadioChange,
187
- style: {
188
- justifyContent: 'flex-end'
189
- }
190
- }, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
191
- value: "update",
192
- control: /*#__PURE__*/_react.default.createElement(_Radio.default, null),
193
- label: intl.formatMessage({
194
- id: '__update'
195
- })
196
- }), /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
197
- value: "duplicate",
198
- control: /*#__PURE__*/_react.default.createElement(_Radio.default, null),
199
- label: intl.formatMessage({
200
- id: '__duplicate'
201
- })
202
- }), /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
203
- value: "ignore",
204
- control: /*#__PURE__*/_react.default.createElement(_Radio.default, null),
205
- label: intl.formatMessage({
206
- id: '__ignore'
207
- })
208
- })));
209
- }
210
- return /*#__PURE__*/_react.default.createElement("div", {
211
- style: {
212
- whiteSpace: 'nowrap'
213
- }
214
- }, /*#__PURE__*/_react.default.createElement(_RadioGroup.default, {
215
- row: true,
216
- name: row.import.id,
217
- value: action,
218
- onChange: handleRadioChange,
219
- style: {
220
- justifyContent: 'flex-end'
221
- }
222
- }, /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
223
- value: "add",
224
- control: /*#__PURE__*/_react.default.createElement(_Radio.default, null),
225
- label: intl.formatMessage({
226
- id: '__add'
227
- })
228
- }), /*#__PURE__*/_react.default.createElement(_FormControlLabel.default, {
229
- value: "ignore",
230
- control: /*#__PURE__*/_react.default.createElement(_Radio.default, null),
231
- label: intl.formatMessage({
232
- id: '__ignore'
233
- })
234
- })));
235
- };
236
- const handleSubmit = () => {
237
- // const methodName = 'handleSubmit';
238
- const addList = [];
239
- const updateList = [];
240
- /* eslint-disable-next-line no-restricted-syntax */
241
- for (const [key, value] of actionMap) {
242
- if (value !== 'ignore') {
243
- const importObject = items.find(x => x.id === key);
244
- if (importObject) {
245
- switch (value) {
246
- case 'add':
247
- addList.push(importObject.import);
248
- break;
249
- case 'update':
250
- updateList.push(importObject.import);
251
- break;
252
- case 'duplicate':
253
- {
254
- const clonedObject = _objectSpread({}, importObject.import);
255
- delete clonedObject.id;
256
- addList.push(clonedObject);
257
- break;
258
- }
259
- default:
260
- break;
261
- }
262
- } else {
263
- // NOTE: This is an issue, can't find what was referenced, shouldn't happen
264
- }
265
- }
266
- }
267
- props.onImport(addList, updateList);
268
- };
269
- const columns = [
270
- // { id: 'id', label: 'Id' },
271
- {
272
- id: 'name',
273
- label: intl.formatMessage({
274
- id: '__name'
275
- }),
276
- customCell: cc => customCellName(cc)
277
- }, {
278
- id: 'different',
279
- label: intl.formatMessage({
280
- id: '__different'
281
- }),
282
- customCell: cc => customCellDifferent(cc)
283
- }, {
284
- id: 'actions',
285
- style: {
286
- textAlign: 'right'
287
- },
288
- customCell: cc => customCellAction(cc)
289
- }];
290
-
291
- /* {items.map(item => (
292
- <DialogContentText key={item.id}>
293
- {`${item.importName} (v${item.existingVersion} to v${item.importVersion})`}
294
- </DialogContentText>
295
- ))} */
296
-
297
- let importCount = 0;
298
- const iterator1 = actionMap.values();
299
- // NOTE: Not sure how to do this more efficiently...
300
- /* eslint-disable-next-line no-restricted-syntax */
301
- for (const value of iterator1) {
302
- if (value !== 'ignore') {
303
- importCount++;
304
- }
305
- }
306
- return /*#__PURE__*/_react.default.createElement(_Dialog.default, {
307
- open: true,
308
- TransitionComponent: Transition,
309
- keepMounted: true,
310
- maxWidth: "lg",
311
- fullWidth: true,
312
- onClose: props.onClose
313
- }, /*#__PURE__*/_react.default.createElement(_DialogTitle.default, null, "".concat(intl.formatMessage({
314
- id: '__import'
315
- }), " (").concat(items.length, ")")), /*#__PURE__*/_react.default.createElement(_DialogContent.default, {
316
- className: "".concat(classes.scrollViewer, " ").concat(_css.ScrollbarStyles.scroll)
317
- }, /*#__PURE__*/_react.default.createElement(_CoreTable.default, {
318
- id: "id",
319
- columns: columns,
320
- data: items,
321
- hover: false
322
- })), /*#__PURE__*/_react.default.createElement(_DialogActions.default, null, /*#__PURE__*/_react.default.createElement(_Button.default, {
323
- color: "primary",
324
- disabled: importCount === 0,
325
- onClick: () => handleSubmit()
326
- }, "".concat(intl.formatMessage({
327
- id: '__import'
328
- }), " (").concat(importCount, ")")), /*#__PURE__*/_react.default.createElement(_Button.default, {
329
- color: "primary",
330
- onClick: props.onClose
331
- }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
332
- id: "__cancel"
333
- }))));
334
- }
335
- CoreImportDialog.propTypes = {
336
- classes: _propTypes.default.shape().isRequired,
337
- intl: _propTypes.default.shape().isRequired,
338
- items: _propTypes.default.arrayOf(_propTypes.default.shape),
339
- onClose: _propTypes.default.func.isRequired,
340
- onImport: _propTypes.default.func.isRequired,
341
- nameProperty: _propTypes.default.string
342
- // showDifferent: PropTypes.bool,
343
- // showVersionChange: PropTypes.bool,
344
- };
345
- CoreImportDialog.defaultProps = {
346
- items: [],
347
- nameProperty: 'name'
348
- // showDifferent: true,
349
- // showVersionChange: true,
350
- };
351
- var _default = exports.default = (0, _reactIntl.injectIntl)((0, _styles.withStyles)(styles)(CoreImportDialog));
@@ -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 _CoreImportDialog.default;
10
- }
11
- });
12
- var _CoreImportDialog = _interopRequireDefault(require("./CoreImportDialog"));
13
- function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }