versacall-dashboards-library-react 2.0.39 → 2.0.40

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 (102) hide show
  1. package/package.json +2 -2
  2. package/dist/components/DashboardsCell/DashboardsCell.js +0 -267
  3. package/dist/components/DashboardsCell/index.js +0 -15
  4. package/dist/components/DashboardsCellContent/DashboardsCellContent.js +0 -438
  5. package/dist/components/DashboardsCellContent/index.js +0 -15
  6. package/dist/components/DashboardsCellFindAndReplace/DashboardsCellFindAndReplace.js +0 -190
  7. package/dist/components/DashboardsCellFindAndReplace/index.js +0 -15
  8. package/dist/components/DashboardsCellGlobalActions/DashboardsCellGlobalActions.js +0 -218
  9. package/dist/components/DashboardsCellGlobalActions/index.js +0 -15
  10. package/dist/components/DashboardsCellGlobalConditions/DashboardsCellGlobalConditions.js +0 -1043
  11. package/dist/components/DashboardsCellGlobalConditions/DashboardsCellGlobalConditionsNestable.js +0 -927
  12. package/dist/components/DashboardsCellGlobalConditions/DashboardsCellGlobalConditionsOld.js +0 -816
  13. package/dist/components/DashboardsCellGlobalConditions/index.js +0 -15
  14. package/dist/components/DashboardsCellGlobalStyles/DashboardsCellGlobalStyles.js +0 -394
  15. package/dist/components/DashboardsCellGlobalStyles/index.js +0 -15
  16. package/dist/components/DashboardsCellMergeUnmerge/DashboardsCellMergeUnmerge.js +0 -152
  17. package/dist/components/DashboardsCellMergeUnmerge/index.js +0 -15
  18. package/dist/components/DashboardsCellPosition/DashboardsCellPosition.js +0 -85
  19. package/dist/components/DashboardsCellPosition/index.js +0 -15
  20. package/dist/components/DashboardsCellSize/DashboardsCellSize.js +0 -89
  21. package/dist/components/DashboardsCellSize/index.js +0 -15
  22. package/dist/components/DashboardsCellStyle/DashboardsCellStyle.js +0 -83
  23. package/dist/components/DashboardsCellStyle/index.js +0 -15
  24. package/dist/components/DashboardsCellStyleAlignItems/DashboardsCellStyleAlignItems.js +0 -152
  25. package/dist/components/DashboardsCellStyleAlignItems/index.js +0 -15
  26. package/dist/components/DashboardsCellStyleBackgroundColor/DashboardsCellStyleBackgroundColor.js +0 -198
  27. package/dist/components/DashboardsCellStyleBackgroundColor/index.js +0 -15
  28. package/dist/components/DashboardsCellStyleClear/DashboardsCellStyleClear.js +0 -50
  29. package/dist/components/DashboardsCellStyleClear/index.js +0 -15
  30. package/dist/components/DashboardsCellStyleColor/DashboardsCellStyleColor.js +0 -198
  31. package/dist/components/DashboardsCellStyleColor/index.js +0 -15
  32. package/dist/components/DashboardsCellStyleDisplay/DashboardsCellStyleDisplay.js +0 -65
  33. package/dist/components/DashboardsCellStyleDisplay/index.js +0 -15
  34. package/dist/components/DashboardsCellStyleFontFamily/DashboardsCellStyleFontFamily.js +0 -64
  35. package/dist/components/DashboardsCellStyleFontFamily/index.js +0 -15
  36. package/dist/components/DashboardsCellStyleFontSize/DashboardsCellStyleFontSize.js +0 -89
  37. package/dist/components/DashboardsCellStyleFontSize/index.js +0 -15
  38. package/dist/components/DashboardsCellStyleJustifyContent/DashboardsCellStyleJustifyContent.js +0 -152
  39. package/dist/components/DashboardsCellStyleJustifyContent/index.js +0 -15
  40. package/dist/components/DashboardsCellStyleObjectFit/DashboardsCellStyleObjectFit.js +0 -81
  41. package/dist/components/DashboardsCellStyleObjectFit/index.js +0 -15
  42. package/dist/components/DashboardsCellStylePadding/DashboardsCellStylePadding.js +0 -105
  43. package/dist/components/DashboardsCellStylePadding/index.js +0 -15
  44. package/dist/components/DashboardsCellStyleWeightStyleDecoration/DashboardsCellStyleWeightStyleDecoration.js +0 -154
  45. package/dist/components/DashboardsCellStyleWeightStyleDecoration/index.js +0 -15
  46. package/dist/components/DashboardsCopyAndPaste/DashboardsCopyAndPaste.js +0 -112
  47. package/dist/components/DashboardsCopyAndPaste/index.js +0 -15
  48. package/dist/components/DashboardsEditor/DashboardsEditor.js +0 -415
  49. package/dist/components/DashboardsEditor/index.js +0 -15
  50. package/dist/components/DashboardsGlobalStylesPicker/DashboardsGlobalStylesPicker.js +0 -90
  51. package/dist/components/DashboardsGlobalStylesPicker/index.js +0 -15
  52. package/dist/components/DashboardsGrid/DashboardsGrid.js +0 -139
  53. package/dist/components/DashboardsGrid/index.js +0 -15
  54. package/dist/components/DashboardsMainFreehand/DashboardsMainFreehand.js +0 -466
  55. package/dist/components/DashboardsMainFreehand/index.js +0 -15
  56. package/dist/components/DashboardsMainMessaging/DashboardsMainMessaging.js +0 -628
  57. package/dist/components/DashboardsMainMessaging/index.js +0 -15
  58. package/dist/components/DashboardsMainTable/DashboardsMainTable.js +0 -626
  59. package/dist/components/DashboardsMainTable/index.js +0 -15
  60. package/dist/components/DashboardsPreview/DashboardsPreview.js +0 -113
  61. package/dist/components/DashboardsPreview/index.js +0 -15
  62. package/dist/components/DashboardsRatio/DashboardsRatio.js +0 -288
  63. package/dist/components/DashboardsRatio/DashboardsRatioOld.js +0 -211
  64. package/dist/components/DashboardsRatio/index.js +0 -15
  65. package/dist/components/DashboardsStatusBar/DashboardsStatusBar.css +0 -1
  66. package/dist/components/DashboardsStatusBar/DashboardsStatusBar.js +0 -137
  67. package/dist/components/DashboardsStatusBar/index.js +0 -15
  68. package/dist/components/DashboardsUndoRedo/DashboardsUndoRedo.js +0 -144
  69. package/dist/components/DashboardsUndoRedo/index.js +0 -15
  70. package/dist/components/DashboardsViewer/DashboardsViewer.js +0 -74
  71. package/dist/components/DashboardsViewer/index.js +0 -15
  72. package/dist/components/DashboardsWidthHeight/DashboardsWidthHeight.js +0 -98
  73. package/dist/components/DashboardsWidthHeight/index.js +0 -15
  74. package/dist/components/WidgetParameters/WidgetParameters.js +0 -383
  75. package/dist/components/WidgetParameters/index.js +0 -15
  76. package/dist/components/index.js +0 -287
  77. package/dist/constants/defaultFreehandCell.js +0 -23
  78. package/dist/constants/defaultFreehandDashboard.js +0 -23
  79. package/dist/constants/defaultMessagingDashboard.js +0 -53
  80. package/dist/constants/defaultStyle.js +0 -11
  81. package/dist/constants/defaultTableCell.js +0 -27
  82. package/dist/constants/defaultTableDashboard.js +0 -25
  83. package/dist/constants/index.js +0 -55
  84. package/dist/functions/addTranslations.js +0 -28
  85. package/dist/functions/calculateDashboardVariables.js +0 -146
  86. package/dist/functions/convertColorObject.js +0 -10
  87. package/dist/functions/convertColorString.js +0 -26
  88. package/dist/functions/convertPercentToInt.js +0 -10
  89. package/dist/functions/convertSecondsToElapsedTime.js +0 -37
  90. package/dist/functions/generateFreehandCell.js +0 -24
  91. package/dist/functions/generateFreehandDashboard.js +0 -19
  92. package/dist/functions/generateMessagingDashboard.js +0 -14
  93. package/dist/functions/generateSelected.js +0 -18
  94. package/dist/functions/generateTableCell.js +0 -18
  95. package/dist/functions/generateTableDashboard.js +0 -37
  96. package/dist/functions/index.js +0 -119
  97. package/dist/functions/mergeSelected.js +0 -22
  98. package/dist/functions/sortCells.js +0 -26
  99. package/dist/images/BackgroundTransparency.png +0 -0
  100. package/dist/index.js +0 -44
  101. package/dist/translations/en.json +0 -11
  102. package/dist/translations/es.json +0 -3
@@ -1,15 +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 get() {
9
- return _DashboardsCellPosition.default;
10
- }
11
- });
12
-
13
- var _DashboardsCellPosition = _interopRequireDefault(require("./DashboardsCellPosition"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,89 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
11
-
12
- var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
13
-
14
- var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
15
-
16
- var _reactIntl = require("react-intl");
17
-
18
- var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
-
22
- /* eslint-disable react/jsx-no-duplicate-props */
23
- function DashboardsCellSize(props) {
24
- var intl = props.intl,
25
- value = props.value;
26
- return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Grid.default, {
27
- xs: 6,
28
- item: true
29
- }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
30
- type: "number",
31
- variant: "outlined",
32
- value: value.width,
33
- style: {
34
- width: '100%'
35
- },
36
- inputProps: {
37
- max: 100,
38
- min: 0,
39
- step: 1
40
- },
41
- label: intl.formatMessage({
42
- id: '__width'
43
- }),
44
- onChange: event => props.updateValue({
45
- width: Number(event.target.value)
46
- }),
47
- InputProps: {
48
- endAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
49
- position: "end"
50
- }, "%")
51
- }
52
- })), /*#__PURE__*/_react.default.createElement(_Grid.default, {
53
- xs: 6,
54
- item: true
55
- }, /*#__PURE__*/_react.default.createElement(_TextField.default, {
56
- type: "number",
57
- variant: "outlined",
58
- value: value.height,
59
- style: {
60
- width: '100%'
61
- },
62
- inputProps: {
63
- max: 100,
64
- min: 0,
65
- step: 1
66
- },
67
- label: intl.formatMessage({
68
- id: '__height'
69
- }),
70
- onChange: event => props.updateValue({
71
- height: Number(event.target.value)
72
- }),
73
- InputProps: {
74
- endAdornment: /*#__PURE__*/_react.default.createElement(_InputAdornment.default, {
75
- position: "end"
76
- }, "%")
77
- }
78
- })));
79
- }
80
-
81
- DashboardsCellSize.propTypes = {
82
- intl: _propTypes.default.shape().isRequired,
83
- value: _propTypes.default.shape().isRequired,
84
- updateValue: _propTypes.default.func.isRequired
85
- };
86
-
87
- var _default = (0, _reactIntl.injectIntl)(DashboardsCellSize);
88
-
89
- exports.default = _default;
@@ -1,15 +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 get() {
9
- return _DashboardsCellSize.default;
10
- }
11
- });
12
-
13
- var _DashboardsCellSize = _interopRequireDefault(require("./DashboardsCellSize"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,83 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
11
-
12
- var _propTypes = _interopRequireDefault(require("prop-types"));
13
-
14
- var _DashboardsCellStyleWeightStyleDecoration = _interopRequireDefault(require("../DashboardsCellStyleWeightStyleDecoration"));
15
-
16
- var _DashboardsCellStyleBackgroundColor = _interopRequireDefault(require("../DashboardsCellStyleBackgroundColor"));
17
-
18
- var _DashboardsCellStyleJustifyContent = _interopRequireDefault(require("../DashboardsCellStyleJustifyContent"));
19
-
20
- var _DashboardsCellStyleAlignItems = _interopRequireDefault(require("../DashboardsCellStyleAlignItems"));
21
-
22
- var _DashboardsCellStyleFontFamily = _interopRequireDefault(require("../DashboardsCellStyleFontFamily"));
23
-
24
- var _DashboardsCellStyleObjectFit = _interopRequireDefault(require("../DashboardsCellStyleObjectFit"));
25
-
26
- var _DashboardsCellStyleFontSize = _interopRequireDefault(require("../DashboardsCellStyleFontSize"));
27
-
28
- var _DashboardsCellStyleDisplay = _interopRequireDefault(require("../DashboardsCellStyleDisplay"));
29
-
30
- var _DashboardsCellStylePadding = _interopRequireDefault(require("../DashboardsCellStylePadding"));
31
-
32
- var _DashboardsCellStyleClear = _interopRequireDefault(require("../DashboardsCellStyleClear"));
33
-
34
- var _DashboardsCellStyleColor = _interopRequireDefault(require("../DashboardsCellStyleColor"));
35
-
36
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
37
-
38
- function DashboardsCellStyle(props) {
39
- var style = props.style;
40
- return /*#__PURE__*/_react.default.createElement(_Grid.default, {
41
- spacing: 2,
42
- container: true
43
- }, /*#__PURE__*/_react.default.createElement(_DashboardsCellStylePadding.default, {
44
- value: style,
45
- updateValue: content => props.updateStyle(content)
46
- }), /*#__PURE__*/_react.default.createElement(_DashboardsCellStyleFontFamily.default, {
47
- value: style,
48
- updateValue: content => props.updateStyle(content)
49
- }), /*#__PURE__*/_react.default.createElement(_DashboardsCellStyleFontSize.default, {
50
- value: style,
51
- updateValue: content => props.updateStyle(content)
52
- }), /*#__PURE__*/_react.default.createElement(_DashboardsCellStyleJustifyContent.default, {
53
- value: style,
54
- updateValue: content => props.updateStyle(content)
55
- }), /*#__PURE__*/_react.default.createElement(_DashboardsCellStyleAlignItems.default, {
56
- value: style,
57
- updateValue: content => props.updateStyle(content)
58
- }), /*#__PURE__*/_react.default.createElement(_DashboardsCellStyleWeightStyleDecoration.default, {
59
- value: style,
60
- updateValue: content => props.updateStyle(content)
61
- }), /*#__PURE__*/_react.default.createElement(_DashboardsCellStyleColor.default, {
62
- value: style,
63
- updateValue: content => props.updateStyle(content)
64
- }), /*#__PURE__*/_react.default.createElement(_DashboardsCellStyleBackgroundColor.default, {
65
- value: style,
66
- updateValue: content => props.updateStyle(content)
67
- }), /*#__PURE__*/_react.default.createElement(_DashboardsCellStyleObjectFit.default, {
68
- value: style,
69
- updateValue: content => props.updateStyle(content)
70
- }), /*#__PURE__*/_react.default.createElement(_DashboardsCellStyleDisplay.default, {
71
- value: style,
72
- updateValue: content => props.updateStyle(content)
73
- }), /*#__PURE__*/_react.default.createElement(_DashboardsCellStyleClear.default, {
74
- updateValue: content => props.updateStyle(content)
75
- }));
76
- }
77
-
78
- DashboardsCellStyle.propTypes = {
79
- style: _propTypes.default.shape().isRequired,
80
- updateStyle: _propTypes.default.func.isRequired
81
- };
82
- var _default = DashboardsCellStyle;
83
- exports.default = _default;
@@ -1,15 +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 get() {
9
- return _DashboardsCellStyle.default;
10
- }
11
- });
12
-
13
- var _DashboardsCellStyle = _interopRequireDefault(require("./DashboardsCellStyle"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,152 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _VerticalAlignBottom = _interopRequireDefault(require("@material-ui/icons/VerticalAlignBottom"));
11
-
12
- var _VerticalAlignCenter = _interopRequireDefault(require("@material-ui/icons/VerticalAlignCenter"));
13
-
14
- var _VerticalAlignTop = _interopRequireDefault(require("@material-ui/icons/VerticalAlignTop"));
15
-
16
- var _reactIntl = require("react-intl");
17
-
18
- var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
19
-
20
- var _Clear = _interopRequireDefault(require("@material-ui/icons/Clear"));
21
-
22
- var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
23
-
24
- var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
25
-
26
- var _propTypes = _interopRequireDefault(require("prop-types"));
27
-
28
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
29
-
30
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
31
-
32
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
33
-
34
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
35
-
36
- var style = {
37
- styleBox: {
38
- position: 'relative',
39
- borderStyle: 'solid',
40
- borderWidth: 1,
41
- borderColor: 'rgba(0, 0, 0, 0.23',
42
- borderRadius: 4,
43
- padding: 8
44
- },
45
- label: {
46
- fontSize: '1rem',
47
- padding: 0,
48
- paddingLeft: 6,
49
- paddingRight: 4,
50
- lineHeight: 1,
51
- zIndex: 1,
52
- position: 'absolute',
53
- top: 0,
54
- left: 0,
55
- transformOrigin: 'top left',
56
- transform: 'translate(8px, -6px) scale(0.75)',
57
- backgroundColor: 'white'
58
- }
59
- };
60
-
61
- function DashboardsCellStyleAlignItems(props) {
62
- var value = props.value,
63
- intl = props.intl;
64
- return /*#__PURE__*/_react.default.createElement(_Grid.default, {
65
- xs: 6,
66
- item: true
67
- }, /*#__PURE__*/_react.default.createElement("div", {
68
- style: _objectSpread(_objectSpread({}, style.styleBox), {}, {
69
- borderColor: value.alignItems ? '#005A96' : 'rgba(0, 0, 0, 0.23)',
70
- color: value.alignItems ? '#005A96' : 'rgba(0, 0, 0, 0.54)'
71
- })
72
- }, /*#__PURE__*/_react.default.createElement("span", {
73
- style: style.label
74
- }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
75
- id: "__vertical_align"
76
- })), /*#__PURE__*/_react.default.createElement("div", {
77
- style: {
78
- display: 'inline-block',
79
- textAlign: 'center',
80
- width: 'calc(100% - 48px)'
81
- }
82
- }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
83
- title: intl.formatMessage({
84
- id: '__top'
85
- })
86
- }, /*#__PURE__*/_react.default.createElement("div", {
87
- style: {
88
- display: 'inline'
89
- }
90
- }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
91
- color: value.alignItems === 'flex-start' ? 'primary' : 'default',
92
- onClick: () => props.updateValue({
93
- style: {
94
- alignItems: 'flex-start'
95
- }
96
- })
97
- }, /*#__PURE__*/_react.default.createElement(_VerticalAlignTop.default, null)))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
98
- title: intl.formatMessage({
99
- id: '__center'
100
- })
101
- }, /*#__PURE__*/_react.default.createElement("div", {
102
- style: {
103
- display: 'inline'
104
- }
105
- }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
106
- color: value.alignItems === 'center' ? 'primary' : 'default',
107
- onClick: () => props.updateValue({
108
- style: {
109
- alignItems: 'center'
110
- }
111
- })
112
- }, /*#__PURE__*/_react.default.createElement(_VerticalAlignCenter.default, null)))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
113
- title: intl.formatMessage({
114
- id: '__bottom'
115
- })
116
- }, /*#__PURE__*/_react.default.createElement("div", {
117
- style: {
118
- display: 'inline'
119
- }
120
- }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
121
- color: value.alignItems === 'flex-end' ? 'primary' : 'default',
122
- onClick: () => props.updateValue({
123
- style: {
124
- alignItems: 'flex-end'
125
- }
126
- })
127
- }, /*#__PURE__*/_react.default.createElement(_VerticalAlignBottom.default, null))))), value.alignItems && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
128
- title: intl.formatMessage({
129
- id: '__clear'
130
- })
131
- }, /*#__PURE__*/_react.default.createElement("div", {
132
- style: {
133
- display: 'inline'
134
- }
135
- }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
136
- onClick: () => props.updateValue({
137
- style: {
138
- alignItems: 'delete'
139
- }
140
- })
141
- }, /*#__PURE__*/_react.default.createElement(_Clear.default, null))))));
142
- }
143
-
144
- DashboardsCellStyleAlignItems.propTypes = {
145
- intl: _propTypes.default.shape().isRequired,
146
- value: _propTypes.default.shape().isRequired,
147
- updateValue: _propTypes.default.func.isRequired
148
- };
149
-
150
- var _default = (0, _reactIntl.injectIntl)(DashboardsCellStyleAlignItems);
151
-
152
- exports.default = _default;
@@ -1,15 +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 get() {
9
- return _DashboardsCellStyleAlignItems.default;
10
- }
11
- });
12
-
13
- var _DashboardsCellStyleAlignItems = _interopRequireDefault(require("./DashboardsCellStyleAlignItems"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,198 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireWildcard(require("react"));
9
-
10
- var _FormatColorFill = _interopRequireDefault(require("@material-ui/icons/FormatColorFill"));
11
-
12
- var _reactIntl = require("react-intl");
13
-
14
- var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
15
-
16
- var _Clear = _interopRequireDefault(require("@material-ui/icons/Clear"));
17
-
18
- var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
19
-
20
- var _reactColor = require("react-color");
21
-
22
- var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
23
-
24
- var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
25
-
26
- var _propTypes = _interopRequireDefault(require("prop-types"));
27
-
28
- var _functions = require("../../functions");
29
-
30
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
31
-
32
- function _getRequireWildcardCache() { if (typeof WeakMap !== "function") return null; var cache = new WeakMap(); _getRequireWildcardCache = function _getRequireWildcardCache() { return cache; }; return cache; }
33
-
34
- function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
35
-
36
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
37
-
38
- function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
39
-
40
- function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
41
-
42
- function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
43
-
44
- function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
45
-
46
- function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
47
-
48
- function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
49
-
50
- function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
51
-
52
- function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
53
-
54
- var style = {
55
- color: {
56
- position: 'absolute',
57
- borderStyle: 'solid',
58
- borderWidth: 1,
59
- width: 26,
60
- height: 4,
61
- bottom: 10
62
- },
63
- styleBox: {
64
- position: 'relative',
65
- borderStyle: 'solid',
66
- borderWidth: 1,
67
- borderColor: 'rgba(0, 0, 0, 0.23',
68
- borderRadius: 4,
69
- padding: 8
70
- },
71
- label: {
72
- fontSize: '1rem',
73
- padding: 0,
74
- paddingLeft: 6,
75
- paddingRight: 4,
76
- lineHeight: 1,
77
- zIndex: 1,
78
- position: 'absolute',
79
- top: 0,
80
- left: 0,
81
- transformOrigin: 'top left',
82
- transform: 'translate(8px, -6px) scale(0.75)',
83
- backgroundColor: 'white'
84
- }
85
- };
86
-
87
- function DashboardsCellStyleBackgroundColor(props) {
88
- var value = props.value,
89
- intl = props.intl;
90
-
91
- var _useState = (0, _react.useState)({
92
- anchor: null,
93
- type: ''
94
- }),
95
- _useState2 = _slicedToArray(_useState, 2),
96
- menu = _useState2[0],
97
- setMenu = _useState2[1];
98
-
99
- return /*#__PURE__*/_react.default.createElement(_Grid.default, {
100
- xs: 6,
101
- item: true
102
- }, /*#__PURE__*/_react.default.createElement("div", {
103
- style: _objectSpread(_objectSpread({}, style.styleBox), {}, {
104
- color: value.backgroundColor || value.backgroundColorFade ? '#005A96' : 'rgba(0, 0, 0, 0.54)',
105
- borderColor: value.backgroundColor || value.backgroundColorFade ? '#005A96' : 'rgba(0, 0, 0, 0.23)'
106
- })
107
- }, /*#__PURE__*/_react.default.createElement("span", {
108
- style: style.label
109
- }, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
110
- id: "__background_color"
111
- })), /*#__PURE__*/_react.default.createElement("div", {
112
- style: {
113
- display: 'inline-block',
114
- textAlign: 'center',
115
- width: 'calc(100% - 48px)'
116
- }
117
- }, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
118
- title: intl.formatMessage({
119
- id: '__background_color'
120
- })
121
- }, /*#__PURE__*/_react.default.createElement("div", {
122
- style: {
123
- display: 'inline'
124
- }
125
- }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
126
- color: value.backgroundColor ? 'primary' : 'default',
127
- onClick: e => setMenu({
128
- anchor: e.currentTarget,
129
- type: 'backgroundColor'
130
- })
131
- }, /*#__PURE__*/_react.default.createElement(_FormatColorFill.default, null), /*#__PURE__*/_react.default.createElement("div", {
132
- style: _objectSpread(_objectSpread({}, style.color), {}, {
133
- backgroundColor: value.backgroundColor ? value.backgroundColor : 'white'
134
- })
135
- })))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
136
- title: intl.formatMessage({
137
- id: '__background_color_fade'
138
- })
139
- }, /*#__PURE__*/_react.default.createElement("div", {
140
- style: {
141
- display: 'inline'
142
- }
143
- }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
144
- color: value.backgroundColorFade ? 'primary' : 'default',
145
- onClick: e => setMenu({
146
- anchor: e.currentTarget,
147
- type: 'backgroundColorFade'
148
- })
149
- }, /*#__PURE__*/_react.default.createElement(_FormatColorFill.default, {
150
- style: {
151
- backgroundColor: value.backgroundColorFade ? '#005A96' : 'rgba(0, 0, 0, 0.54)',
152
- color: 'white'
153
- }
154
- }), /*#__PURE__*/_react.default.createElement("div", {
155
- style: _objectSpread(_objectSpread({}, style.color), {}, {
156
- backgroundColor: value.backgroundColorFade ? value.backgroundColorFade : 'white'
157
- })
158
- })))), menu.anchor && /*#__PURE__*/_react.default.createElement(_Menu.default, {
159
- anchorEl: menu.anchor,
160
- onClose: () => setMenu({
161
- anchor: null,
162
- type: ''
163
- }),
164
- open: true
165
- }, /*#__PURE__*/_react.default.createElement(_reactColor.SketchPicker, {
166
- color: (0, _functions.convertColorString)(value[menu.type]),
167
- onChangeComplete: color => props.updateValue({
168
- style: {
169
- [menu.type]: (0, _functions.convertColorObject)(color)
170
- }
171
- })
172
- }))), (value.backgroundColor || value.backgroundColorFade) && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
173
- title: intl.formatMessage({
174
- id: '__clear'
175
- })
176
- }, /*#__PURE__*/_react.default.createElement("div", {
177
- style: {
178
- display: 'inline'
179
- }
180
- }, /*#__PURE__*/_react.default.createElement(_IconButton.default, {
181
- onClick: () => props.updateValue({
182
- style: {
183
- backgroundColor: 'delete',
184
- backgroundColorFade: 'delete'
185
- }
186
- })
187
- }, /*#__PURE__*/_react.default.createElement(_Clear.default, null))))));
188
- }
189
-
190
- DashboardsCellStyleBackgroundColor.propTypes = {
191
- intl: _propTypes.default.shape().isRequired,
192
- value: _propTypes.default.shape().isRequired,
193
- updateValue: _propTypes.default.func.isRequired
194
- };
195
-
196
- var _default = (0, _reactIntl.injectIntl)(DashboardsCellStyleBackgroundColor);
197
-
198
- exports.default = _default;
@@ -1,15 +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 get() {
9
- return _DashboardsCellStyleBackgroundColor.default;
10
- }
11
- });
12
-
13
- var _DashboardsCellStyleBackgroundColor = _interopRequireDefault(require("./DashboardsCellStyleBackgroundColor"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -1,50 +0,0 @@
1
- "use strict";
2
-
3
- Object.defineProperty(exports, "__esModule", {
4
- value: true
5
- });
6
- exports.default = void 0;
7
-
8
- var _react = _interopRequireDefault(require("react"));
9
-
10
- var _Button = _interopRequireDefault(require("@material-ui/core/Button"));
11
-
12
- var _Cached = _interopRequireDefault(require("@material-ui/icons/Cached"));
13
-
14
- var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
15
-
16
- var _reactIntl = require("react-intl");
17
-
18
- var _propTypes = _interopRequireDefault(require("prop-types"));
19
-
20
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
21
-
22
- // import IconButton from '@material-ui/core/IconButton';
23
- // import Tooltip from '@material-ui/core/Tooltip';
24
- function DashboardsCellStyleClear(props) {
25
- // const { intl } = props;
26
- return /*#__PURE__*/_react.default.createElement(_Grid.default, {
27
- align: "right",
28
- xs: 6,
29
- item: true
30
- }, /*#__PURE__*/_react.default.createElement(_Button.default, {
31
- variant: "outlined",
32
- color: "secondary",
33
- onClick: () => props.updateValue({
34
- style: {}
35
- })
36
- }, /*#__PURE__*/_react.default.createElement(_Cached.default, {
37
- style: {
38
- marginRight: 10
39
- }
40
- }), /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
41
- id: "__reset"
42
- })));
43
- }
44
-
45
- DashboardsCellStyleClear.propTypes = {
46
- // intl: PropTypes.shape().isRequired,
47
- updateValue: _propTypes.default.func.isRequired
48
- };
49
- var _default = DashboardsCellStyleClear;
50
- exports.default = _default;
@@ -1,15 +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 get() {
9
- return _DashboardsCellStyleClear.default;
10
- }
11
- });
12
-
13
- var _DashboardsCellStyleClear = _interopRequireDefault(require("./DashboardsCellStyleClear"));
14
-
15
- function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }