versacall-dashboards-library-react 2.0.43 → 2.0.45
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/DashboardsCell/DashboardsCell.js +48 -26
- package/dist/components/DashboardsCellContent/DashboardsCellContent.js +40 -31
- package/dist/components/DashboardsCellFindAndReplace/DashboardsCellFindAndReplace.js +2 -2
- package/dist/components/DashboardsCellGlobalActions/DashboardsCellGlobalActions.js +4 -6
- package/dist/components/DashboardsCellGlobalConditions/DashboardsCellGlobalConditions.js +268 -158
- package/dist/components/DashboardsCellGlobalConditions/DashboardsCellGlobalConditionsNestable.js +59 -39
- package/dist/components/DashboardsCellGlobalConditions/DashboardsCellGlobalConditionsOld.js +57 -39
- package/dist/components/DashboardsCellGlobalStyles/DashboardsCellGlobalStyles.js +52 -32
- package/dist/components/DashboardsCellStyle/DashboardsCellStyle.js +1 -2
- package/dist/components/DashboardsCellStyleAlignItems/DashboardsCellStyleAlignItems.js +3 -7
- package/dist/components/DashboardsCellStyleBackgroundColor/DashboardsCellStyleBackgroundColor.js +9 -11
- package/dist/components/DashboardsCellStyleColor/DashboardsCellStyleColor.js +9 -11
- package/dist/components/DashboardsCellStyleDisplay/DashboardsCellStyleDisplay.js +4 -4
- package/dist/components/DashboardsCellStyleFontSize/DashboardsCellStyleFontSize.js +1 -1
- package/dist/components/DashboardsCellStyleJustifyContent/DashboardsCellStyleJustifyContent.js +3 -7
- package/dist/components/DashboardsCellStyleWeightStyleDecoration/DashboardsCellStyleWeightStyleDecoration.js +3 -7
- package/dist/components/DashboardsCopyAndPaste/DashboardsCopyAndPaste.js +3 -6
- package/dist/components/DashboardsEditor/DashboardsEditor.js +32 -27
- package/dist/components/DashboardsGlobalStylesPicker/DashboardsGlobalStylesPicker.js +3 -7
- package/dist/components/DashboardsGrid/DashboardsGrid.js +5 -9
- package/dist/components/DashboardsMainFreehand/DashboardsMainFreehand.js +39 -28
- package/dist/components/DashboardsMainMessaging/DashboardsMainMessaging.js +45 -32
- package/dist/components/DashboardsMainTable/DashboardsMainTable.js +41 -26
- package/dist/components/DashboardsPreview/DashboardsPreview.js +4 -8
- package/dist/components/DashboardsRatio/DashboardsRatio.js +20 -16
- package/dist/components/DashboardsRatio/DashboardsRatioOld.js +23 -22
- package/dist/components/DashboardsStatusBar/DashboardsStatusBar.js +6 -9
- package/dist/components/DashboardsViewer/DashboardsViewer.js +1 -1
- package/dist/components/WidgetParameters/WidgetParameters.js +27 -24
- package/dist/functions/addTranslations.js +11 -8
- package/dist/functions/calculateDashboardVariables.js +12 -15
- package/dist/functions/convertColorObject.js +1 -1
- package/dist/functions/convertSecondsToElapsedTime.js +5 -5
- package/package.json +4 -3
|
@@ -22,12 +22,7 @@ var _DashboardsPreview = _interopRequireDefault(require("../DashboardsPreview"))
|
|
|
22
22
|
var _DashboardsCell = _interopRequireDefault(require("../DashboardsCell"));
|
|
23
23
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
24
24
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
25
|
-
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); }
|
|
26
|
-
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; }
|
|
27
|
-
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; }
|
|
28
|
-
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; }
|
|
29
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
30
|
-
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); } // import IconButton from '@material-ui/core/IconButton';
|
|
25
|
+
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 IconButton from '@material-ui/core/IconButton';
|
|
31
26
|
const muiStyles = () => ({
|
|
32
27
|
dialog: {
|
|
33
28
|
backgroundColor: '#eff4f8'
|
|
@@ -128,7 +123,10 @@ class DashboardsCellGlobalStyles extends _react.Component {
|
|
|
128
123
|
} = this.state;
|
|
129
124
|
const availableStyles = styles.filter(aStyle => !value.includes(aStyle.id));
|
|
130
125
|
const selectedStyles = value.map(aValue => styles.find(aStyle => aStyle.id === aValue)).filter(selectedStyle => !!selectedStyle);
|
|
131
|
-
const previewStyle = selectedStyles.reduce((accumulator, selectedStyle) =>
|
|
126
|
+
const previewStyle = selectedStyles.reduce((accumulator, selectedStyle) => ({
|
|
127
|
+
...accumulator,
|
|
128
|
+
...selectedStyle.options
|
|
129
|
+
}), {});
|
|
132
130
|
return /*#__PURE__*/_react.default.createElement(_Grid.default, {
|
|
133
131
|
xs: 6,
|
|
134
132
|
item: true
|
|
@@ -147,9 +145,9 @@ class DashboardsCellGlobalStyles extends _react.Component {
|
|
|
147
145
|
style: {
|
|
148
146
|
marginRight: 10
|
|
149
147
|
}
|
|
150
|
-
}),
|
|
148
|
+
}), `${intl.formatMessage({
|
|
151
149
|
id: '__styles'
|
|
152
|
-
})
|
|
150
|
+
})}${selectedStyles.length > 0 ? ` (${selectedStyles.length})` : ''}`), selectedStyles.length > 0 && /*#__PURE__*/_react.default.createElement("div", {
|
|
153
151
|
style: {
|
|
154
152
|
height: 100,
|
|
155
153
|
margin: 16
|
|
@@ -167,9 +165,10 @@ class DashboardsCellGlobalStyles extends _react.Component {
|
|
|
167
165
|
custom: {
|
|
168
166
|
viewWidth: 200,
|
|
169
167
|
viewHeight: 100,
|
|
170
|
-
style:
|
|
168
|
+
style: {
|
|
169
|
+
...previewStyle,
|
|
171
170
|
fontSize: '20%'
|
|
172
|
-
}
|
|
171
|
+
}
|
|
173
172
|
}
|
|
174
173
|
}
|
|
175
174
|
})))), open && /*#__PURE__*/_react.default.createElement(_Dialog.default, {
|
|
@@ -211,17 +210,24 @@ class DashboardsCellGlobalStyles extends _react.Component {
|
|
|
211
210
|
xs: 6,
|
|
212
211
|
item: true
|
|
213
212
|
}, /*#__PURE__*/_react.default.createElement(_Paper.default, {
|
|
214
|
-
style:
|
|
213
|
+
style: {
|
|
214
|
+
...style.paper,
|
|
215
|
+
...style.fullHeight
|
|
216
|
+
}
|
|
215
217
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
216
|
-
style:
|
|
218
|
+
style: {
|
|
219
|
+
...style.block,
|
|
217
220
|
height: 42
|
|
218
|
-
}
|
|
221
|
+
}
|
|
219
222
|
}, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
220
223
|
variant: "h5"
|
|
221
|
-
},
|
|
224
|
+
}, `${intl.formatMessage({
|
|
222
225
|
id: '__available'
|
|
223
|
-
})
|
|
224
|
-
style:
|
|
226
|
+
})} (${availableStyles.length})`)), /*#__PURE__*/_react.default.createElement("div", {
|
|
227
|
+
style: {
|
|
228
|
+
...style.block,
|
|
229
|
+
...style.scrollHolder
|
|
230
|
+
}
|
|
225
231
|
}, /*#__PURE__*/_react.default.createElement(_reactBeautifulDnd.Droppable, {
|
|
226
232
|
droppableId: "available"
|
|
227
233
|
}, (droppableProvided, droppableSnapshot) => /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
@@ -248,26 +254,34 @@ class DashboardsCellGlobalStyles extends _react.Component {
|
|
|
248
254
|
custom: {
|
|
249
255
|
viewWidth: 400,
|
|
250
256
|
viewHeight: 70,
|
|
251
|
-
style:
|
|
257
|
+
style: {
|
|
258
|
+
...availableStyle.options,
|
|
252
259
|
fontSize: '20%'
|
|
253
|
-
}
|
|
260
|
+
}
|
|
254
261
|
}
|
|
255
262
|
}
|
|
256
263
|
}))))), droppableProvided.placeholder))))), /*#__PURE__*/_react.default.createElement(_Grid.default, {
|
|
257
264
|
xs: 6,
|
|
258
265
|
item: true
|
|
259
266
|
}, /*#__PURE__*/_react.default.createElement(_Paper.default, {
|
|
260
|
-
style:
|
|
267
|
+
style: {
|
|
268
|
+
...style.paper,
|
|
269
|
+
...style.fullHeight
|
|
270
|
+
}
|
|
261
271
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
262
|
-
style:
|
|
272
|
+
style: {
|
|
273
|
+
...style.block,
|
|
263
274
|
height: 42
|
|
264
|
-
}
|
|
275
|
+
}
|
|
265
276
|
}, /*#__PURE__*/_react.default.createElement(_Typography.default, {
|
|
266
277
|
variant: "h5"
|
|
267
|
-
},
|
|
278
|
+
}, `${intl.formatMessage({
|
|
268
279
|
id: '__selected'
|
|
269
|
-
})
|
|
270
|
-
style:
|
|
280
|
+
})} (${selectedStyles.length})`)), /*#__PURE__*/_react.default.createElement("div", {
|
|
281
|
+
style: {
|
|
282
|
+
...style.block,
|
|
283
|
+
...style.scrollHolder
|
|
284
|
+
}
|
|
271
285
|
}, /*#__PURE__*/_react.default.createElement(_reactBeautifulDnd.Droppable, {
|
|
272
286
|
droppableId: "selected"
|
|
273
287
|
}, (droppableProvided, droppableSnapshot) => /*#__PURE__*/_react.default.createElement("div", _extends({
|
|
@@ -294,21 +308,26 @@ class DashboardsCellGlobalStyles extends _react.Component {
|
|
|
294
308
|
custom: {
|
|
295
309
|
viewWidth: 400,
|
|
296
310
|
viewHeight: 70,
|
|
297
|
-
style:
|
|
311
|
+
style: {
|
|
312
|
+
...selectedStyle.options,
|
|
298
313
|
fontSize: '20%'
|
|
299
|
-
}
|
|
314
|
+
}
|
|
300
315
|
}
|
|
301
316
|
}
|
|
302
317
|
}))))), droppableProvided.placeholder))))), /*#__PURE__*/_react.default.createElement(_Grid.default, {
|
|
303
318
|
xs: 12,
|
|
304
319
|
item: true
|
|
305
320
|
}, /*#__PURE__*/_react.default.createElement(_Paper.default, {
|
|
306
|
-
style:
|
|
321
|
+
style: {
|
|
322
|
+
...style.paper,
|
|
323
|
+
...style.fullHeight
|
|
324
|
+
}
|
|
307
325
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
308
|
-
style:
|
|
326
|
+
style: {
|
|
327
|
+
...style.block,
|
|
309
328
|
position: 'relative',
|
|
310
329
|
height: '100%'
|
|
311
|
-
}
|
|
330
|
+
}
|
|
312
331
|
}, /*#__PURE__*/_react.default.createElement(_DashboardsPreview.default, {
|
|
313
332
|
padding: "10px"
|
|
314
333
|
}, /*#__PURE__*/_react.default.createElement(_DashboardsCell.default, {
|
|
@@ -322,9 +341,10 @@ class DashboardsCellGlobalStyles extends _react.Component {
|
|
|
322
341
|
custom: {
|
|
323
342
|
viewWidth: 800,
|
|
324
343
|
viewHeight: 240,
|
|
325
|
-
style:
|
|
344
|
+
style: {
|
|
345
|
+
...previewStyle,
|
|
326
346
|
fontSize: '20%'
|
|
327
|
-
}
|
|
347
|
+
}
|
|
328
348
|
}
|
|
329
349
|
}
|
|
330
350
|
}))))))))));
|
|
@@ -23,7 +23,6 @@ function DashboardsCellStyle(props) {
|
|
|
23
23
|
const {
|
|
24
24
|
style
|
|
25
25
|
} = props;
|
|
26
|
-
console.log('style', style);
|
|
27
26
|
return /*#__PURE__*/_react.default.createElement(_Grid.default, {
|
|
28
27
|
spacing: 2,
|
|
29
28
|
container: true
|
|
@@ -39,7 +38,7 @@ function DashboardsCellStyle(props) {
|
|
|
39
38
|
}), /*#__PURE__*/_react.default.createElement(_DashboardsCellStyleJustifyContent.default, {
|
|
40
39
|
value: style,
|
|
41
40
|
updateValue: content => props.updateStyle(content)
|
|
42
|
-
}),
|
|
41
|
+
}), /*#__PURE__*/_react.default.createElement(_DashboardsCellStyleAlignItems.default, {
|
|
43
42
|
value: style,
|
|
44
43
|
updateValue: content => props.updateStyle(content)
|
|
45
44
|
}), /*#__PURE__*/_react.default.createElement(_DashboardsCellStyleWeightStyleDecoration.default, {
|
|
@@ -15,11 +15,6 @@ var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
|
|
|
15
15
|
var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
|
|
16
16
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
17
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
|
-
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; }
|
|
21
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
22
|
-
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); }
|
|
23
18
|
const style = {
|
|
24
19
|
styleBox: {
|
|
25
20
|
position: 'relative',
|
|
@@ -53,10 +48,11 @@ function DashboardsCellStyleAlignItems(props) {
|
|
|
53
48
|
xs: 6,
|
|
54
49
|
item: true
|
|
55
50
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
56
|
-
style:
|
|
51
|
+
style: {
|
|
52
|
+
...style.styleBox,
|
|
57
53
|
borderColor: value.alignItems ? '#005A96' : 'rgba(0, 0, 0, 0.23)',
|
|
58
54
|
color: value.alignItems ? '#005A96' : 'rgba(0, 0, 0, 0.54)'
|
|
59
|
-
}
|
|
55
|
+
}
|
|
60
56
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
61
57
|
style: style.label
|
|
62
58
|
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
|
package/dist/components/DashboardsCellStyleBackgroundColor/DashboardsCellStyleBackgroundColor.js
CHANGED
|
@@ -17,11 +17,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
17
17
|
var _functions = require("../../functions");
|
|
18
18
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
19
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
20
|
-
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; }
|
|
21
|
-
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; }
|
|
22
|
-
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; }
|
|
23
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
24
|
-
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); }
|
|
25
20
|
const style = {
|
|
26
21
|
color: {
|
|
27
22
|
position: 'absolute',
|
|
@@ -67,10 +62,11 @@ function DashboardsCellStyleBackgroundColor(props) {
|
|
|
67
62
|
xs: 6,
|
|
68
63
|
item: true
|
|
69
64
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
70
|
-
style:
|
|
65
|
+
style: {
|
|
66
|
+
...style.styleBox,
|
|
71
67
|
color: value.backgroundColor || value.backgroundColorFade ? '#005A96' : 'rgba(0, 0, 0, 0.54)',
|
|
72
68
|
borderColor: value.backgroundColor || value.backgroundColorFade ? '#005A96' : 'rgba(0, 0, 0, 0.23)'
|
|
73
|
-
}
|
|
69
|
+
}
|
|
74
70
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
75
71
|
style: style.label
|
|
76
72
|
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
|
|
@@ -96,9 +92,10 @@ function DashboardsCellStyleBackgroundColor(props) {
|
|
|
96
92
|
type: 'backgroundColor'
|
|
97
93
|
})
|
|
98
94
|
}, /*#__PURE__*/_react.default.createElement(_FormatColorFill.default, null), /*#__PURE__*/_react.default.createElement("div", {
|
|
99
|
-
style:
|
|
95
|
+
style: {
|
|
96
|
+
...style.color,
|
|
100
97
|
backgroundColor: value.backgroundColor ? value.backgroundColor : 'white'
|
|
101
|
-
}
|
|
98
|
+
}
|
|
102
99
|
})))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
|
|
103
100
|
title: intl.formatMessage({
|
|
104
101
|
id: '__background_color_fade'
|
|
@@ -119,9 +116,10 @@ function DashboardsCellStyleBackgroundColor(props) {
|
|
|
119
116
|
color: 'white'
|
|
120
117
|
}
|
|
121
118
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
122
|
-
style:
|
|
119
|
+
style: {
|
|
120
|
+
...style.color,
|
|
123
121
|
backgroundColor: value.backgroundColorFade ? value.backgroundColorFade : 'white'
|
|
124
|
-
}
|
|
122
|
+
}
|
|
125
123
|
})))), menu.anchor && /*#__PURE__*/_react.default.createElement(_Menu.default, {
|
|
126
124
|
anchorEl: menu.anchor,
|
|
127
125
|
onClose: () => setMenu({
|
|
@@ -17,11 +17,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
17
17
|
var _functions = require("../../functions");
|
|
18
18
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
19
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
20
|
-
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; }
|
|
21
|
-
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; }
|
|
22
|
-
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; }
|
|
23
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
24
|
-
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); }
|
|
25
20
|
const style = {
|
|
26
21
|
color: {
|
|
27
22
|
position: 'absolute',
|
|
@@ -67,10 +62,11 @@ function DashboardsCellStyleColor(props) {
|
|
|
67
62
|
xs: 6,
|
|
68
63
|
item: true
|
|
69
64
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
70
|
-
style:
|
|
65
|
+
style: {
|
|
66
|
+
...style.styleBox,
|
|
71
67
|
color: value.color || value.colorFade ? '#005A96' : 'rgba(0, 0, 0, 0.54)',
|
|
72
68
|
borderColor: value.color || value.colorFade ? '#005A96' : 'rgba(0, 0, 0, 0.23)'
|
|
73
|
-
}
|
|
69
|
+
}
|
|
74
70
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
75
71
|
style: style.label
|
|
76
72
|
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
|
|
@@ -96,9 +92,10 @@ function DashboardsCellStyleColor(props) {
|
|
|
96
92
|
type: 'color'
|
|
97
93
|
})
|
|
98
94
|
}, /*#__PURE__*/_react.default.createElement(_FormatColorText.default, null), /*#__PURE__*/_react.default.createElement("div", {
|
|
99
|
-
style:
|
|
95
|
+
style: {
|
|
96
|
+
...style.color,
|
|
100
97
|
backgroundColor: value.color ? value.color : 'white'
|
|
101
|
-
}
|
|
98
|
+
}
|
|
102
99
|
})))), /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
|
|
103
100
|
title: intl.formatMessage({
|
|
104
101
|
id: '__font_color_fade'
|
|
@@ -119,9 +116,10 @@ function DashboardsCellStyleColor(props) {
|
|
|
119
116
|
color: 'white'
|
|
120
117
|
}
|
|
121
118
|
}), /*#__PURE__*/_react.default.createElement("div", {
|
|
122
|
-
style:
|
|
119
|
+
style: {
|
|
120
|
+
...style.color,
|
|
123
121
|
backgroundColor: value.colorFade ? value.colorFade : 'white'
|
|
124
|
-
}
|
|
122
|
+
}
|
|
125
123
|
})))), menu.anchor && /*#__PURE__*/_react.default.createElement(_Menu.default, {
|
|
126
124
|
anchorEl: menu.anchor,
|
|
127
125
|
onClose: () => setMenu({
|
|
@@ -23,13 +23,13 @@ function DashboardsCellStyleDisplay(props) {
|
|
|
23
23
|
SelectProps: {
|
|
24
24
|
native: true
|
|
25
25
|
},
|
|
26
|
-
value: value.
|
|
26
|
+
value: value.visibility ? value.visibility : 'delete',
|
|
27
27
|
label: intl.formatMessage({
|
|
28
28
|
id: '__visibility'
|
|
29
29
|
}),
|
|
30
30
|
onChange: event => props.updateValue({
|
|
31
31
|
style: {
|
|
32
|
-
|
|
32
|
+
visibility: event.target.value
|
|
33
33
|
}
|
|
34
34
|
}),
|
|
35
35
|
fullWidth: true,
|
|
@@ -39,11 +39,11 @@ function DashboardsCellStyleDisplay(props) {
|
|
|
39
39
|
}, intl.formatMessage({
|
|
40
40
|
id: '__not_set'
|
|
41
41
|
})), /*#__PURE__*/_react.default.createElement("option", {
|
|
42
|
-
value: "
|
|
42
|
+
value: "visible"
|
|
43
43
|
}, intl.formatMessage({
|
|
44
44
|
id: '__show'
|
|
45
45
|
})), /*#__PURE__*/_react.default.createElement("option", {
|
|
46
|
-
value: "
|
|
46
|
+
value: "hidden"
|
|
47
47
|
}, intl.formatMessage({
|
|
48
48
|
id: '__hide'
|
|
49
49
|
}))));
|
package/dist/components/DashboardsCellStyleJustifyContent/DashboardsCellStyleJustifyContent.js
CHANGED
|
@@ -15,11 +15,6 @@ var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
|
|
|
15
15
|
var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
|
|
16
16
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
17
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
|
-
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; }
|
|
21
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
22
|
-
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); }
|
|
23
18
|
const style = {
|
|
24
19
|
styleBox: {
|
|
25
20
|
position: 'relative',
|
|
@@ -53,10 +48,11 @@ function DashboardsCellStyleJustifyContent(props) {
|
|
|
53
48
|
xs: 6,
|
|
54
49
|
item: true
|
|
55
50
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
56
|
-
style:
|
|
51
|
+
style: {
|
|
52
|
+
...style.styleBox,
|
|
57
53
|
borderColor: value.justifyContent ? '#005A96' : 'rgba(0, 0, 0, 0.23)',
|
|
58
54
|
color: value.justifyContent ? '#005A96' : 'rgba(0, 0, 0, 0.54)'
|
|
59
|
-
}
|
|
55
|
+
}
|
|
60
56
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
61
57
|
style: style.label
|
|
62
58
|
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
|
|
@@ -15,11 +15,6 @@ var _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
|
|
|
15
15
|
var _Grid = _interopRequireDefault(require("@material-ui/core/Grid"));
|
|
16
16
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
17
17
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
18
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
|
-
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; }
|
|
21
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
22
|
-
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); }
|
|
23
18
|
const style = {
|
|
24
19
|
styleBox: {
|
|
25
20
|
position: 'relative',
|
|
@@ -53,10 +48,11 @@ function DashboardsCellStyleWeightStyleDecoration(props) {
|
|
|
53
48
|
xs: 6,
|
|
54
49
|
item: true
|
|
55
50
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
56
|
-
style:
|
|
51
|
+
style: {
|
|
52
|
+
...style.styleBox,
|
|
57
53
|
color: value.fontWeight || value.fontStyle || value.textDecoration ? '#005A96' : 'rgba(0, 0, 0, 0.54)',
|
|
58
54
|
borderColor: value.fontWeight || value.fontStyle || value.textDecoration ? '#005A96' : 'rgba(0, 0, 0, 0.23)'
|
|
59
|
-
}
|
|
55
|
+
}
|
|
60
56
|
}, /*#__PURE__*/_react.default.createElement("span", {
|
|
61
57
|
style: style.label
|
|
62
58
|
}, /*#__PURE__*/_react.default.createElement(_reactIntl.FormattedMessage, {
|
|
@@ -11,11 +11,6 @@ var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton")
|
|
|
11
11
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
12
12
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
13
13
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
14
|
-
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; }
|
|
15
|
-
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; }
|
|
16
|
-
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; }
|
|
17
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
18
|
-
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); }
|
|
19
14
|
class DashboardsCopyAndPaste extends _react.Component {
|
|
20
15
|
constructor(props) {
|
|
21
16
|
super(props);
|
|
@@ -32,7 +27,9 @@ class DashboardsCopyAndPaste extends _react.Component {
|
|
|
32
27
|
if (this.props.updateValue) {
|
|
33
28
|
let newCells = JSON.parse(JSON.stringify(this.props.value));
|
|
34
29
|
newCells = newCells.map((oldCell, index) => {
|
|
35
|
-
const newCell =
|
|
30
|
+
const newCell = {
|
|
31
|
+
...this.state.copy[this.state.copy.length > 1 ? index : 0]
|
|
32
|
+
};
|
|
36
33
|
if (Object.keys(oldCell).includes('row') || Object.keys(oldCell).includes('column')) {
|
|
37
34
|
newCell.row = oldCell.row;
|
|
38
35
|
newCell.column = oldCell.column;
|
|
@@ -20,11 +20,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
20
20
|
var _functions = require("../../functions");
|
|
21
21
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
22
22
|
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
|
|
23
|
-
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; }
|
|
24
|
-
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; }
|
|
25
|
-
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; }
|
|
26
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
27
|
-
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); }
|
|
28
23
|
const style = {
|
|
29
24
|
grid: {
|
|
30
25
|
display: 'grid',
|
|
@@ -106,7 +101,7 @@ class DashboardsEditor extends _react.Component {
|
|
|
106
101
|
}
|
|
107
102
|
updateSelectedFreehand(event) {
|
|
108
103
|
if (this.props.updateSelected) {
|
|
109
|
-
this.props.updateSelected(event.target.value === '-1' ? [] : [
|
|
104
|
+
this.props.updateSelected(event.target.value === '-1' ? [] : [`${event.target.value}`]);
|
|
110
105
|
}
|
|
111
106
|
}
|
|
112
107
|
render() {
|
|
@@ -131,7 +126,10 @@ class DashboardsEditor extends _react.Component {
|
|
|
131
126
|
rowProperties
|
|
132
127
|
} = this.props;
|
|
133
128
|
return showEditor ? /*#__PURE__*/_react.default.createElement("div", {
|
|
134
|
-
style:
|
|
129
|
+
style: {
|
|
130
|
+
...style.grid,
|
|
131
|
+
...style.mainGrid
|
|
132
|
+
}
|
|
135
133
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
136
134
|
style: style.buttonPadding
|
|
137
135
|
}, showSelectAll && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
|
|
@@ -144,9 +142,10 @@ class DashboardsEditor extends _react.Component {
|
|
|
144
142
|
what: 'all'
|
|
145
143
|
})
|
|
146
144
|
}, /*#__PURE__*/_react.default.createElement(_SelectAll.default, null)))), /*#__PURE__*/_react.default.createElement("div", {
|
|
147
|
-
style:
|
|
145
|
+
style: {
|
|
146
|
+
...style.flex,
|
|
148
147
|
justifyContent: justifyContent
|
|
149
|
-
}
|
|
148
|
+
}
|
|
150
149
|
}, showSelectColumns && /*#__PURE__*/_react.default.createElement("div", {
|
|
151
150
|
style: {
|
|
152
151
|
width: viewWidth,
|
|
@@ -154,10 +153,11 @@ class DashboardsEditor extends _react.Component {
|
|
|
154
153
|
marginRight: justifyContent === 'flex-end' ? 7 : 0
|
|
155
154
|
}
|
|
156
155
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
157
|
-
style:
|
|
156
|
+
style: {
|
|
157
|
+
...style.grid,
|
|
158
158
|
gridTemplateColumns: gridTemplateColumns,
|
|
159
159
|
gap: gap
|
|
160
|
-
}
|
|
160
|
+
}
|
|
161
161
|
}, columnProperties.map((column, index) => {
|
|
162
162
|
const selectedColumn = rowProperties.length === selected.cells.reduce((acc, current) => acc + (current.column === index + 1 ? 1 : 0), 0);
|
|
163
163
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -176,9 +176,9 @@ class DashboardsEditor extends _react.Component {
|
|
|
176
176
|
what: 'column',
|
|
177
177
|
number: index + 1
|
|
178
178
|
})
|
|
179
|
-
},
|
|
179
|
+
}, `${intl.formatMessage({
|
|
180
180
|
id: '__column_c'
|
|
181
|
-
})
|
|
181
|
+
})}${index + 1}`)));
|
|
182
182
|
}))), showSelected && /*#__PURE__*/_react.default.createElement("div", {
|
|
183
183
|
style: {
|
|
184
184
|
width: '100%',
|
|
@@ -200,8 +200,8 @@ class DashboardsEditor extends _react.Component {
|
|
|
200
200
|
id: '__select'
|
|
201
201
|
})), cells.map((cell, index) => /*#__PURE__*/_react.default.createElement("option", {
|
|
202
202
|
key: String(index),
|
|
203
|
-
value:
|
|
204
|
-
},
|
|
203
|
+
value: `${index}`
|
|
204
|
+
}, `#${index + 1} - X:${cell.x}, Y:${cell.y}, Z:${cell.z}, Width:${cell.width}, Height:${cell.height}`))))), /*#__PURE__*/_react.default.createElement("div", {
|
|
205
205
|
style: style.buttonPadding
|
|
206
206
|
}, this.props.addColumn && /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
|
|
207
207
|
title: this.props.addColumnText ? this.props.addColumnText : intl.formatMessage({
|
|
@@ -211,10 +211,11 @@ class DashboardsEditor extends _react.Component {
|
|
|
211
211
|
color: "secondary",
|
|
212
212
|
onClick: () => this.addColumn()
|
|
213
213
|
}, /*#__PURE__*/_react.default.createElement(_AddCircle.default, null)))), /*#__PURE__*/_react.default.createElement("div", {
|
|
214
|
-
style:
|
|
214
|
+
style: {
|
|
215
|
+
...style.flex,
|
|
215
216
|
alignItems: alignItems,
|
|
216
217
|
height: showFooter ? '95%' : '100%'
|
|
217
|
-
}
|
|
218
|
+
}
|
|
218
219
|
}, showSelectRows && /*#__PURE__*/_react.default.createElement("div", {
|
|
219
220
|
style: {
|
|
220
221
|
width: '100%',
|
|
@@ -223,10 +224,11 @@ class DashboardsEditor extends _react.Component {
|
|
|
223
224
|
marginBottom: alignItems === 'flex-end' ? 7 : 0
|
|
224
225
|
}
|
|
225
226
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
226
|
-
style:
|
|
227
|
+
style: {
|
|
228
|
+
...style.grid,
|
|
227
229
|
gridTemplateRows: gridTemplateRows,
|
|
228
230
|
gap: gap
|
|
229
|
-
}
|
|
231
|
+
}
|
|
230
232
|
}, rowProperties.map((row, index) => {
|
|
231
233
|
const selectedRow = columnProperties.length === selected.cells.reduce((acc, current) => acc + (current.row === index + 1 ? 1 : 0), 0);
|
|
232
234
|
return /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -246,16 +248,17 @@ class DashboardsEditor extends _react.Component {
|
|
|
246
248
|
what: 'row',
|
|
247
249
|
number: index + 1
|
|
248
250
|
})
|
|
249
|
-
},
|
|
251
|
+
}, `${intl.formatMessage({
|
|
250
252
|
id: '__row_r'
|
|
251
|
-
})
|
|
253
|
+
})}${index + 1}`)));
|
|
252
254
|
})))), /*#__PURE__*/_react.default.createElement("div", {
|
|
253
255
|
style: style.border
|
|
254
256
|
}, this.props.children), /*#__PURE__*/_react.default.createElement("div", {
|
|
255
|
-
style:
|
|
257
|
+
style: {
|
|
258
|
+
...style.buttonPadding,
|
|
256
259
|
display: 'flex',
|
|
257
260
|
alignItems: 'flex-end'
|
|
258
|
-
}
|
|
261
|
+
}
|
|
259
262
|
}, /*#__PURE__*/_react.default.createElement("div", null, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
|
|
260
263
|
title: intl.formatMessage({
|
|
261
264
|
id: '__move_left'
|
|
@@ -291,9 +294,10 @@ class DashboardsEditor extends _react.Component {
|
|
|
291
294
|
color: "secondary",
|
|
292
295
|
onClick: () => this.addRow()
|
|
293
296
|
}, /*#__PURE__*/_react.default.createElement(_AddCircle.default, null)))), /*#__PURE__*/_react.default.createElement("div", {
|
|
294
|
-
style:
|
|
297
|
+
style: {
|
|
298
|
+
...style.buttonPadding,
|
|
295
299
|
textAlign: 'right'
|
|
296
|
-
}
|
|
300
|
+
}
|
|
297
301
|
}, /*#__PURE__*/_react.default.createElement(_Tooltip.default, {
|
|
298
302
|
title: intl.formatMessage({
|
|
299
303
|
id: '__move_up'
|
|
@@ -319,10 +323,11 @@ class DashboardsEditor extends _react.Component {
|
|
|
319
323
|
onClick: event => this.moveCells('down'),
|
|
320
324
|
disabled: !(selected.row > 0 || selected.cells.length === 1)
|
|
321
325
|
}, /*#__PURE__*/_react.default.createElement(_ArrowDownward.default, null)))))) : /*#__PURE__*/_react.default.createElement("div", {
|
|
322
|
-
style:
|
|
326
|
+
style: {
|
|
327
|
+
...style.grid,
|
|
323
328
|
gridTemplateColumns: '1fr',
|
|
324
329
|
gridTemplateRows: '1fr'
|
|
325
|
-
}
|
|
330
|
+
}
|
|
326
331
|
}, /*#__PURE__*/_react.default.createElement("div", null, this.props.children));
|
|
327
332
|
}
|
|
328
333
|
}
|
|
@@ -12,11 +12,6 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
12
12
|
var _DashboardsPreview = _interopRequireDefault(require("../DashboardsPreview"));
|
|
13
13
|
var _DashboardsCell = _interopRequireDefault(require("../DashboardsCell"));
|
|
14
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
-
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; }
|
|
16
|
-
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; }
|
|
17
|
-
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; }
|
|
18
|
-
function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
|
|
19
|
-
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); }
|
|
20
15
|
function DashboardsGlobalStylesPicker(props) {
|
|
21
16
|
const {
|
|
22
17
|
value,
|
|
@@ -57,9 +52,10 @@ function DashboardsGlobalStylesPicker(props) {
|
|
|
57
52
|
custom: {
|
|
58
53
|
viewWidth: 400,
|
|
59
54
|
viewHeight: 70,
|
|
60
|
-
style:
|
|
55
|
+
style: {
|
|
56
|
+
...style.options,
|
|
61
57
|
fontSize: '20%'
|
|
62
|
-
}
|
|
58
|
+
}
|
|
63
59
|
}
|
|
64
60
|
}
|
|
65
61
|
})))));
|