@dhis2/analytics 21.2.2 → 22.0.0-alpha.1
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/build/cjs/components/FileMenu/FileMenu.js +6 -0
- package/build/cjs/components/OpenFileDialog/CustomSelectOption.js +18 -4
- package/build/cjs/components/OpenFileDialog/FileList.js +5 -5
- package/build/cjs/components/OpenFileDialog/OpenFileDialog.js +24 -20
- package/build/cjs/components/OpenFileDialog/VisTypeFilter.js +17 -16
- package/build/cjs/components/TranslationDialog/TranslationModal/TranslationForm.js +20 -17
- package/build/cjs/index.js +16 -4
- package/build/cjs/locales/ar/translations.json +1 -0
- package/build/cjs/locales/ar_EG/translations.json +1 -0
- package/build/cjs/locales/ar_IQ/translations.json +1 -0
- package/build/cjs/locales/ckb/translations.json +1 -0
- package/build/cjs/locales/cs/translations.json +1 -0
- package/build/cjs/locales/da/translations.json +1 -0
- package/build/cjs/locales/en/translations.json +3 -14
- package/build/cjs/locales/es/translations.json +1 -0
- package/build/cjs/locales/fr/translations.json +1 -0
- package/build/cjs/locales/id/translations.json +1 -0
- package/build/cjs/locales/km/translations.json +1 -0
- package/build/cjs/locales/lo/translations.json +1 -0
- package/build/cjs/locales/my/translations.json +1 -0
- package/build/cjs/locales/nb/translations.json +54 -53
- package/build/cjs/locales/nl/translations.json +1 -0
- package/build/cjs/locales/prs/translations.json +1 -0
- package/build/cjs/locales/ps/translations.json +1 -0
- package/build/cjs/locales/pt/translations.json +1 -0
- package/build/cjs/locales/pt_BR/translations.json +1 -0
- package/build/cjs/locales/ru/translations.json +1 -0
- package/build/cjs/locales/sv/translations.json +1 -0
- package/build/cjs/locales/tet/translations.json +1 -0
- package/build/cjs/locales/tg/translations.json +1 -0
- package/build/cjs/locales/uk/translations.json +1 -0
- package/build/cjs/locales/ur/translations.json +1 -0
- package/build/cjs/locales/uz/translations.json +1 -0
- package/build/cjs/locales/uz_Latn/translations.json +1 -0
- package/build/cjs/locales/vi/translations.json +1 -0
- package/build/cjs/locales/zh/translations.json +1 -0
- package/build/cjs/locales/zh_CN/translations.json +1 -0
- package/build/cjs/modules/visTypes.js +14 -21
- package/build/es/components/FileMenu/FileMenu.js +6 -0
- package/build/es/components/OpenFileDialog/CustomSelectOption.js +17 -4
- package/build/es/components/OpenFileDialog/FileList.js +5 -5
- package/build/es/components/OpenFileDialog/OpenFileDialog.js +25 -22
- package/build/es/components/OpenFileDialog/VisTypeFilter.js +18 -14
- package/build/es/components/TranslationDialog/TranslationModal/TranslationForm.js +20 -17
- package/build/es/index.js +1 -1
- package/build/es/locales/ar/translations.json +1 -0
- package/build/es/locales/ar_EG/translations.json +1 -0
- package/build/es/locales/ar_IQ/translations.json +1 -0
- package/build/es/locales/ckb/translations.json +1 -0
- package/build/es/locales/cs/translations.json +1 -0
- package/build/es/locales/da/translations.json +1 -0
- package/build/es/locales/en/translations.json +3 -14
- package/build/es/locales/es/translations.json +1 -0
- package/build/es/locales/fr/translations.json +1 -0
- package/build/es/locales/id/translations.json +1 -0
- package/build/es/locales/km/translations.json +1 -0
- package/build/es/locales/lo/translations.json +1 -0
- package/build/es/locales/my/translations.json +1 -0
- package/build/es/locales/nb/translations.json +54 -53
- package/build/es/locales/nl/translations.json +1 -0
- package/build/es/locales/prs/translations.json +1 -0
- package/build/es/locales/ps/translations.json +1 -0
- package/build/es/locales/pt/translations.json +1 -0
- package/build/es/locales/pt_BR/translations.json +1 -0
- package/build/es/locales/ru/translations.json +1 -0
- package/build/es/locales/sv/translations.json +1 -0
- package/build/es/locales/tet/translations.json +1 -0
- package/build/es/locales/tg/translations.json +1 -0
- package/build/es/locales/uk/translations.json +1 -0
- package/build/es/locales/ur/translations.json +1 -0
- package/build/es/locales/uz/translations.json +1 -0
- package/build/es/locales/uz_Latn/translations.json +1 -0
- package/build/es/locales/vi/translations.json +1 -0
- package/build/es/locales/zh/translations.json +1 -0
- package/build/es/locales/zh_CN/translations.json +1 -0
- package/build/es/modules/visTypes.js +10 -19
- package/package.json +1 -1
- package/CHANGELOG.md +0 -2901
|
@@ -40,8 +40,10 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
|
|
|
40
40
|
const FileMenu = ({
|
|
41
41
|
d2,
|
|
42
42
|
// to be removed as soon as TranslateDialog and FavoritesDialog are rewritten
|
|
43
|
+
defaultFilterVisType,
|
|
43
44
|
fileType,
|
|
44
45
|
fileObject,
|
|
46
|
+
filterVisTypes,
|
|
45
47
|
onNew,
|
|
46
48
|
onOpen,
|
|
47
49
|
onSave,
|
|
@@ -156,6 +158,8 @@ const FileMenu = ({
|
|
|
156
158
|
}, _index.default.t('File'))), /*#__PURE__*/_react.default.createElement(_OpenFileDialog.OpenFileDialog, {
|
|
157
159
|
open: currentDialog === 'open',
|
|
158
160
|
type: fileType,
|
|
161
|
+
filterVisTypes: filterVisTypes,
|
|
162
|
+
defaultFilterVisType: defaultFilterVisType,
|
|
159
163
|
onClose: onDialogClose,
|
|
160
164
|
onFileSelect: id => {
|
|
161
165
|
onOpen(id);
|
|
@@ -266,8 +270,10 @@ FileMenu.defaultProps = {
|
|
|
266
270
|
};
|
|
267
271
|
FileMenu.propTypes = {
|
|
268
272
|
d2: _propTypes.default.object,
|
|
273
|
+
defaultFilterVisType: _propTypes.default.string,
|
|
269
274
|
fileObject: _propTypes.default.object,
|
|
270
275
|
fileType: _propTypes.default.oneOf(_utils.supportedFileTypes),
|
|
276
|
+
filterVisTypes: _propTypes.default.array,
|
|
271
277
|
onDelete: _propTypes.default.func,
|
|
272
278
|
onError: _propTypes.default.func,
|
|
273
279
|
onNew: _propTypes.default.func,
|
|
@@ -7,6 +7,10 @@ exports.default = exports.CustomSelectOption = void 0;
|
|
|
7
7
|
|
|
8
8
|
var _style = _interopRequireDefault(require("styled-jsx/style"));
|
|
9
9
|
|
|
10
|
+
var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
|
|
11
|
+
|
|
12
|
+
var _ui = require("@dhis2/ui");
|
|
13
|
+
|
|
10
14
|
var _classnames = _interopRequireDefault(require("classnames"));
|
|
11
15
|
|
|
12
16
|
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
@@ -17,14 +21,15 @@ var _CustomSelectOptionStyle = _interopRequireDefault(require("./styles/CustomSe
|
|
|
17
21
|
|
|
18
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
23
|
|
|
20
|
-
const
|
|
24
|
+
const CustomSelectOptionItem = ({
|
|
21
25
|
value,
|
|
22
26
|
label,
|
|
23
27
|
icon,
|
|
28
|
+
insertDivider,
|
|
24
29
|
onClick,
|
|
25
30
|
active,
|
|
26
31
|
disabled
|
|
27
|
-
}) => /*#__PURE__*/_react.default.createElement("div", {
|
|
32
|
+
}) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
|
|
28
33
|
onClick: e => onClick({}, e),
|
|
29
34
|
"data-value": value,
|
|
30
35
|
"data-label": label,
|
|
@@ -33,10 +38,18 @@ const CustomSelectOption = ({
|
|
|
33
38
|
disabled
|
|
34
39
|
}) || "")
|
|
35
40
|
}, icon, /*#__PURE__*/_react.default.createElement("span", {
|
|
36
|
-
className: "jsx-".concat(_CustomSelectOptionStyle.default.__hash) + " " +
|
|
41
|
+
className: "jsx-".concat(_CustomSelectOptionStyle.default.__hash) + " " + ((0, _classnames.default)({
|
|
42
|
+
label: icon
|
|
43
|
+
}) || "")
|
|
37
44
|
}, label), /*#__PURE__*/_react.default.createElement(_style.default, {
|
|
38
45
|
id: _CustomSelectOptionStyle.default.__hash
|
|
39
|
-
}, _CustomSelectOptionStyle.default))
|
|
46
|
+
}, _CustomSelectOptionStyle.default)), insertDivider ? /*#__PURE__*/_react.default.createElement(_ui.MenuDivider, {
|
|
47
|
+
dense: true
|
|
48
|
+
}) : null);
|
|
49
|
+
|
|
50
|
+
const CustomSelectOption = props => props.disabled ? /*#__PURE__*/_react.default.createElement(_ui.Tooltip, {
|
|
51
|
+
content: _d2I18n.default.t('Not supported by this app yet')
|
|
52
|
+
}, /*#__PURE__*/_react.default.createElement(CustomSelectOptionItem, props)) : /*#__PURE__*/_react.default.createElement(CustomSelectOptionItem, props);
|
|
40
53
|
|
|
41
54
|
exports.CustomSelectOption = CustomSelectOption;
|
|
42
55
|
CustomSelectOption.propTypes = {
|
|
@@ -47,5 +60,6 @@ CustomSelectOption.propTypes = {
|
|
|
47
60
|
disabled: _propTypes.default.bool,
|
|
48
61
|
onClick: _propTypes.default.func
|
|
49
62
|
};
|
|
63
|
+
CustomSelectOptionItem.propTypes = CustomSelectOption.propTypes;
|
|
50
64
|
var _default = CustomSelectOption;
|
|
51
65
|
exports.default = _default;
|
|
@@ -18,14 +18,14 @@ var _DateField = require("./DateField.js");
|
|
|
18
18
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
19
19
|
|
|
20
20
|
const FileList = ({
|
|
21
|
-
type,
|
|
22
21
|
data,
|
|
23
|
-
onSelect
|
|
22
|
+
onSelect,
|
|
23
|
+
showVisTypeColumn
|
|
24
24
|
}) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, data.map(visualization => /*#__PURE__*/_react.default.createElement(_ui.DataTableRow, {
|
|
25
25
|
key: visualization.id
|
|
26
26
|
}, /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
|
|
27
27
|
onClick: () => onSelect(visualization.id)
|
|
28
|
-
}, visualization.displayName),
|
|
28
|
+
}, visualization.displayName), showVisTypeColumn && /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
|
|
29
29
|
align: "center"
|
|
30
30
|
}, /*#__PURE__*/_react.default.createElement(_VisTypeIcon.VisTypeIcon, {
|
|
31
31
|
type: visualization.type,
|
|
@@ -46,8 +46,8 @@ FileList.propTypes = {
|
|
|
46
46
|
lastUpdated: _propTypes.default.string.isRequired,
|
|
47
47
|
type: _propTypes.default.string
|
|
48
48
|
})).isRequired,
|
|
49
|
-
|
|
50
|
-
|
|
49
|
+
onSelect: _propTypes.default.func.isRequired,
|
|
50
|
+
showVisTypeColumn: _propTypes.default.bool
|
|
51
51
|
};
|
|
52
52
|
var _default = FileList;
|
|
53
53
|
exports.default = _default;
|
|
@@ -19,6 +19,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
19
19
|
|
|
20
20
|
var _react = _interopRequireWildcard(require("react"));
|
|
21
21
|
|
|
22
|
+
var _visTypes = require("../../modules/visTypes.js");
|
|
23
|
+
|
|
22
24
|
var _CreatedByFilter = require("./CreatedByFilter.js");
|
|
23
25
|
|
|
24
26
|
var _FileList = require("./FileList.js");
|
|
@@ -68,6 +70,8 @@ const getQuery = type => ({
|
|
|
68
70
|
const OpenFileDialog = ({
|
|
69
71
|
type,
|
|
70
72
|
open,
|
|
73
|
+
filterVisTypes,
|
|
74
|
+
defaultFilterVisType,
|
|
71
75
|
onClose,
|
|
72
76
|
onFileSelect,
|
|
73
77
|
onNew,
|
|
@@ -77,7 +81,7 @@ const OpenFileDialog = ({
|
|
|
77
81
|
const defaultFilters = {
|
|
78
82
|
searchTerm: '',
|
|
79
83
|
createdBy: _CreatedByFilter.CREATED_BY_ALL,
|
|
80
|
-
visType:
|
|
84
|
+
visType: defaultFilterVisType
|
|
81
85
|
};
|
|
82
86
|
const [{
|
|
83
87
|
sortField,
|
|
@@ -108,26 +112,23 @@ const OpenFileDialog = ({
|
|
|
108
112
|
break;
|
|
109
113
|
}
|
|
110
114
|
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
115
|
+
if (filters.visType) {
|
|
116
|
+
switch (filters.visType) {
|
|
117
|
+
case _visTypes.VIS_TYPE_ALL:
|
|
118
|
+
break;
|
|
114
119
|
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
120
|
+
case _visTypes.VIS_TYPE_CHARTS:
|
|
121
|
+
queryFilters.push('type:!eq:PIVOT_TABLE');
|
|
122
|
+
break;
|
|
118
123
|
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
124
|
+
default:
|
|
125
|
+
queryFilters.push("type:eq:".concat(filters.visType));
|
|
126
|
+
break;
|
|
127
|
+
}
|
|
122
128
|
}
|
|
123
129
|
|
|
124
130
|
if (filters.searchTerm) {
|
|
125
131
|
queryFilters.push("name:ilike:".concat(filters.searchTerm));
|
|
126
|
-
} // for ER 2.38 only show line list ER types
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
if (type === _utils.AO_TYPE_EVENT_REPORT) {
|
|
130
|
-
queryFilters.push('dataType:eq:EVENTS');
|
|
131
132
|
}
|
|
132
133
|
|
|
133
134
|
return queryFilters;
|
|
@@ -180,7 +181,7 @@ const OpenFileDialog = ({
|
|
|
180
181
|
width: '110px'
|
|
181
182
|
}];
|
|
182
183
|
|
|
183
|
-
if (
|
|
184
|
+
if (filterVisTypes !== null && filterVisTypes !== void 0 && filterVisTypes.length) {
|
|
184
185
|
headers.splice(1, 0, {
|
|
185
186
|
field: 'type',
|
|
186
187
|
label: _d2I18n.default.t('Type'),
|
|
@@ -213,9 +214,10 @@ const OpenFileDialog = ({
|
|
|
213
214
|
searchTerm: value
|
|
214
215
|
}), 200));
|
|
215
216
|
}
|
|
216
|
-
})),
|
|
217
|
+
})), (filterVisTypes === null || filterVisTypes === void 0 ? void 0 : filterVisTypes.length) && /*#__PURE__*/_react.default.createElement("div", {
|
|
217
218
|
className: "jsx-".concat(_OpenFileDialogStyles.styles.__hash) + " " + "type-field-container"
|
|
218
219
|
}, /*#__PURE__*/_react.default.createElement(_VisTypeFilter.VisTypeFilter, {
|
|
220
|
+
visTypes: filterVisTypes,
|
|
219
221
|
selected: filters.visType,
|
|
220
222
|
onChange: value => setFilters({ ...filters,
|
|
221
223
|
visType: value
|
|
@@ -284,9 +286,9 @@ const OpenFileDialog = ({
|
|
|
284
286
|
onClose();
|
|
285
287
|
}
|
|
286
288
|
}, (0, _utils.getTranslatedString)(type, 'newButtonLabel'))))))))), (data === null || data === void 0 ? void 0 : data.files[_utils.AOTypeMap[type].apiEndpoint].length) > 0 && /*#__PURE__*/_react.default.createElement(_FileList.FileList, {
|
|
287
|
-
type: type,
|
|
288
289
|
data: data.files[_utils.AOTypeMap[type].apiEndpoint],
|
|
289
|
-
onSelect: onFileSelect
|
|
290
|
+
onSelect: onFileSelect,
|
|
291
|
+
showVisTypeColumn: Boolean(filterVisTypes === null || filterVisTypes === void 0 ? void 0 : filterVisTypes.length)
|
|
290
292
|
}))), (data === null || data === void 0 ? void 0 : data.files[_utils.AOTypeMap[type].apiEndpoint].length) > 0 && /*#__PURE__*/_react.default.createElement(_ui.DataTableToolbar, {
|
|
291
293
|
position: "bottom"
|
|
292
294
|
}, /*#__PURE__*/_react.default.createElement("div", {
|
|
@@ -307,7 +309,9 @@ OpenFileDialog.propTypes = {
|
|
|
307
309
|
type: _propTypes.default.oneOf(Object.keys(_utils.AOTypeMap)).isRequired,
|
|
308
310
|
onClose: _propTypes.default.func.isRequired,
|
|
309
311
|
onFileSelect: _propTypes.default.func.isRequired,
|
|
310
|
-
onNew: _propTypes.default.func.isRequired
|
|
312
|
+
onNew: _propTypes.default.func.isRequired,
|
|
313
|
+
defaultFilterVisType: _propTypes.default.string,
|
|
314
|
+
filterVisTypes: _propTypes.default.array
|
|
311
315
|
};
|
|
312
316
|
var _default = OpenFileDialog;
|
|
313
317
|
exports.default = _default;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
Object.defineProperty(exports, "__esModule", {
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
|
-
exports.default = exports.VisTypeFilter =
|
|
6
|
+
exports.default = exports.VisTypeFilter = void 0;
|
|
7
7
|
|
|
8
8
|
var _d2I18n = _interopRequireDefault(require("@dhis2/d2-i18n"));
|
|
9
9
|
|
|
@@ -21,12 +21,8 @@ var _CustomSelectOption = require("./CustomSelectOption.js");
|
|
|
21
21
|
|
|
22
22
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
23
23
|
|
|
24
|
-
const VIS_TYPE_ALL = 'all';
|
|
25
|
-
exports.VIS_TYPE_ALL = VIS_TYPE_ALL;
|
|
26
|
-
const VIS_TYPE_CHARTS = 'charts';
|
|
27
|
-
exports.VIS_TYPE_CHARTS = VIS_TYPE_CHARTS;
|
|
28
|
-
|
|
29
24
|
const VisTypeFilter = ({
|
|
25
|
+
visTypes,
|
|
30
26
|
selected,
|
|
31
27
|
onChange
|
|
32
28
|
}) => /*#__PURE__*/_react.default.createElement(_ui.SingleSelect, {
|
|
@@ -37,26 +33,31 @@ const VisTypeFilter = ({
|
|
|
37
33
|
prefix: _d2I18n.default.t('Type'),
|
|
38
34
|
dense: true,
|
|
39
35
|
maxHeight: "400px"
|
|
40
|
-
},
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
value: VIS_TYPE_CHARTS
|
|
46
|
-
}), /*#__PURE__*/_react.default.createElement(_ui.Divider, null), Object.entries(_visTypes.visTypeDisplayNames).map(([type, label]) => /*#__PURE__*/_react.default.createElement(_CustomSelectOption.CustomSelectOption, {
|
|
36
|
+
}, visTypes === null || visTypes === void 0 ? void 0 : visTypes.map(({
|
|
37
|
+
type,
|
|
38
|
+
disabled,
|
|
39
|
+
insertDivider
|
|
40
|
+
}) => /*#__PURE__*/_react.default.createElement(_CustomSelectOption.CustomSelectOption, {
|
|
47
41
|
key: type,
|
|
48
|
-
|
|
42
|
+
disabled: disabled,
|
|
43
|
+
label: (0, _visTypes.getDisplayNameByVisType)(type),
|
|
44
|
+
insertDivider: insertDivider,
|
|
49
45
|
value: type,
|
|
50
|
-
icon: /*#__PURE__*/_react.default.createElement(_VisTypeIcon.VisTypeIcon, {
|
|
46
|
+
icon: _visTypes.visTypeIcons[type] ? /*#__PURE__*/_react.default.createElement(_VisTypeIcon.VisTypeIcon, {
|
|
51
47
|
type: type,
|
|
52
48
|
useSmall: true,
|
|
53
49
|
color: _ui.colors.grey600
|
|
54
|
-
})
|
|
50
|
+
}) : undefined
|
|
55
51
|
})));
|
|
56
52
|
|
|
57
53
|
exports.VisTypeFilter = VisTypeFilter;
|
|
58
54
|
VisTypeFilter.propTypes = {
|
|
59
55
|
selected: _propTypes.default.string,
|
|
56
|
+
visTypes: _propTypes.default.arrayOf(_propTypes.default.shape({
|
|
57
|
+
disabled: _propTypes.default.bool,
|
|
58
|
+
insertDivider: _propTypes.default.bool,
|
|
59
|
+
type: _propTypes.default.string
|
|
60
|
+
})),
|
|
60
61
|
onChange: _propTypes.default.func
|
|
61
62
|
};
|
|
62
63
|
var _default = VisTypeFilter;
|
|
@@ -37,17 +37,13 @@ const TranslationForm = ({
|
|
|
37
37
|
}) => {
|
|
38
38
|
const [newTranslations, setNewTranslations] = (0, _react.useState)();
|
|
39
39
|
const [translationLocale, setTranslationLocale] = (0, _react.useState)();
|
|
40
|
+
const [fieldsTranslations, setFieldsTranslations] = (0, _react.useState)({});
|
|
40
41
|
const {
|
|
41
42
|
show: showError
|
|
42
43
|
} = (0, _appRuntime.useAlert)(error => error, {
|
|
43
44
|
critical: true
|
|
44
45
|
});
|
|
45
46
|
|
|
46
|
-
const formatFieldLabel = field => {
|
|
47
|
-
field.replace(/[a-z][A-Z]/g, match => [match.charAt(0), match.charAt(1)].join(' ')).toLowerCase();
|
|
48
|
-
return field.charAt(0).toUpperCase() + field.slice(1);
|
|
49
|
-
};
|
|
50
|
-
|
|
51
47
|
const camelCaseToUnderscores = field => field.replace(/[a-z][A-Z]/g, match => [match.charAt(0), match.charAt(1)].join('_')).toLowerCase();
|
|
52
48
|
|
|
53
49
|
const getTranslationIndexForField = field => newTranslations.findIndex(element => element.locale === translationLocale && element.property.toLowerCase() === camelCaseToUnderscores(field));
|
|
@@ -69,6 +65,14 @@ const TranslationForm = ({
|
|
|
69
65
|
setNewTranslations(translationIndex === -1 ? [...newTranslations, newTranslation] : newTranslations.map((translation, index) => index === translationIndex ? newTranslation : translation));
|
|
70
66
|
};
|
|
71
67
|
|
|
68
|
+
const [fetchFieldsTranslations] = (0, _appRuntime.useDataMutation)({
|
|
69
|
+
resource: 'i18n',
|
|
70
|
+
type: 'create',
|
|
71
|
+
data: fieldsToTranslate.map(camelCaseToUnderscores)
|
|
72
|
+
}, {
|
|
73
|
+
onComplete: res => setFieldsTranslations(res),
|
|
74
|
+
onError: error => showError(error)
|
|
75
|
+
});
|
|
72
76
|
const translationsMutationRef = (0, _react.useRef)({
|
|
73
77
|
resource: "".concat(resource, "/translations"),
|
|
74
78
|
type: 'update',
|
|
@@ -85,9 +89,7 @@ const TranslationForm = ({
|
|
|
85
89
|
onTranslationSaved();
|
|
86
90
|
onClose();
|
|
87
91
|
},
|
|
88
|
-
onError: error =>
|
|
89
|
-
showError(error);
|
|
90
|
-
}
|
|
92
|
+
onError: error => showError(error)
|
|
91
93
|
});
|
|
92
94
|
|
|
93
95
|
const onLocaleChange = locale => {
|
|
@@ -100,6 +102,11 @@ const TranslationForm = ({
|
|
|
100
102
|
});
|
|
101
103
|
|
|
102
104
|
(0, _react.useEffect)(() => setTranslationLocale(window.sessionStorage.getItem(SESSION_STORAGE_TRANSLATION_LOCALE_KEY)), []);
|
|
105
|
+
(0, _react.useEffect)(() => {
|
|
106
|
+
const fetchTranslations = () => fetchFieldsTranslations(fieldsToTranslate);
|
|
107
|
+
|
|
108
|
+
fetchTranslations();
|
|
109
|
+
}, [fieldsToTranslate]);
|
|
103
110
|
(0, _react.useEffect)(() => setNewTranslations(translations), [translations]);
|
|
104
111
|
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_ui.ModalContent, null, /*#__PURE__*/_react.default.createElement(_ui.DataTable, {
|
|
105
112
|
layout: "fixed"
|
|
@@ -114,21 +121,17 @@ const TranslationForm = ({
|
|
|
114
121
|
onChange: onLocaleChange
|
|
115
122
|
})))), /*#__PURE__*/_react.default.createElement(_ui.DataTableBody, null, fieldsToTranslate.map((field, index) => /*#__PURE__*/_react.default.createElement(_ui.DataTableRow, {
|
|
116
123
|
key: field
|
|
117
|
-
}, /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, null, /*#__PURE__*/_react.default.createElement(
|
|
118
|
-
|
|
119
|
-
}, /*#__PURE__*/_react.default.createElement(_ui.InputField, {
|
|
120
|
-
label: formatFieldLabel(field),
|
|
124
|
+
}, /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, null, /*#__PURE__*/_react.default.createElement(_ui.InputField, {
|
|
125
|
+
label: fieldsTranslations[field],
|
|
121
126
|
value: objectToTranslate[field],
|
|
122
127
|
readOnly: true
|
|
123
|
-
}))
|
|
124
|
-
|
|
125
|
-
}, /*#__PURE__*/_react.default.createElement(_ui.InputField, {
|
|
126
|
-
label: formatFieldLabel(field),
|
|
128
|
+
})), translationLocale && /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, null, /*#__PURE__*/_react.default.createElement(_ui.InputField, {
|
|
129
|
+
label: fieldsTranslations[field],
|
|
127
130
|
value: getTranslationForField(field),
|
|
128
131
|
onChange: ({
|
|
129
132
|
value
|
|
130
133
|
}) => setTranslationForField(field, value)
|
|
131
|
-
}))
|
|
134
|
+
})), !translationLocale && index === 0 && /*#__PURE__*/_react.default.createElement(_ui.DataTableCell, {
|
|
132
135
|
rowSpan: String(fieldsToTranslate.length)
|
|
133
136
|
}, /*#__PURE__*/_react.default.createElement(_ui.CenteredContent, null, _d2I18n.default.t('Choose a locale to translate from the menu above')))))))), /*#__PURE__*/_react.default.createElement(_TranslationModalActions.TranslationModalActions, {
|
|
134
137
|
onClose: onClose,
|
package/build/cjs/index.js
CHANGED
|
@@ -525,6 +525,18 @@ Object.defineProperty(exports, "getLayoutTypeByVisType", {
|
|
|
525
525
|
return _visTypeToLayoutType.getLayoutTypeByVisType;
|
|
526
526
|
}
|
|
527
527
|
});
|
|
528
|
+
Object.defineProperty(exports, "VIS_TYPE_ALL", {
|
|
529
|
+
enumerable: true,
|
|
530
|
+
get: function () {
|
|
531
|
+
return _visTypes.VIS_TYPE_ALL;
|
|
532
|
+
}
|
|
533
|
+
});
|
|
534
|
+
Object.defineProperty(exports, "VIS_TYPE_CHARTS", {
|
|
535
|
+
enumerable: true,
|
|
536
|
+
get: function () {
|
|
537
|
+
return _visTypes.VIS_TYPE_CHARTS;
|
|
538
|
+
}
|
|
539
|
+
});
|
|
528
540
|
Object.defineProperty(exports, "VIS_TYPE_COLUMN", {
|
|
529
541
|
enumerable: true,
|
|
530
542
|
get: function () {
|
|
@@ -621,16 +633,16 @@ Object.defineProperty(exports, "VIS_TYPE_SCATTER", {
|
|
|
621
633
|
return _visTypes.VIS_TYPE_SCATTER;
|
|
622
634
|
}
|
|
623
635
|
});
|
|
624
|
-
Object.defineProperty(exports, "
|
|
636
|
+
Object.defineProperty(exports, "VIS_TYPE_LINE_LIST", {
|
|
625
637
|
enumerable: true,
|
|
626
638
|
get: function () {
|
|
627
|
-
return _visTypes.
|
|
639
|
+
return _visTypes.VIS_TYPE_LINE_LIST;
|
|
628
640
|
}
|
|
629
641
|
});
|
|
630
|
-
Object.defineProperty(exports, "
|
|
642
|
+
Object.defineProperty(exports, "visTypeDisplayNames", {
|
|
631
643
|
enumerable: true,
|
|
632
644
|
get: function () {
|
|
633
|
-
return _visTypes.
|
|
645
|
+
return _visTypes.visTypeDisplayNames;
|
|
634
646
|
}
|
|
635
647
|
});
|
|
636
648
|
Object.defineProperty(exports, "visTypeIcons", {
|
|
@@ -81,13 +81,13 @@
|
|
|
81
81
|
"Anyone": "Anyone",
|
|
82
82
|
"Only you": "Only you",
|
|
83
83
|
"Others": "Others",
|
|
84
|
+
"Not supported by this app yet": "Not supported by this app yet",
|
|
84
85
|
"Filter by name": "Filter by name",
|
|
85
86
|
"Created": "Created",
|
|
86
87
|
"Last updated": "Last updated",
|
|
87
88
|
"Type": "Type",
|
|
88
89
|
"Clear filters": "Clear filters",
|
|
89
90
|
"{{firstItemIndex}}-{{lastItemIndex}} of {{totalNumberOfItems}}": "{{firstItemIndex}}-{{lastItemIndex}} of {{totalNumberOfItems}}",
|
|
90
|
-
"All charts": "All charts",
|
|
91
91
|
"Open": "Open",
|
|
92
92
|
"Couldn't load items": "Couldn't load items",
|
|
93
93
|
"There was a problem loading items. Try again or contact your system administrator.": "There was a problem loading items. Try again or contact your system administrator.",
|
|
@@ -309,19 +309,8 @@
|
|
|
309
309
|
"Year over year (column)": "Year over year (column)",
|
|
310
310
|
"Single value": "Single value",
|
|
311
311
|
"Scatter": "Scatter",
|
|
312
|
-
"
|
|
313
|
-
"
|
|
314
|
-
"Compare parts of a whole against related elements vertically. Recommend data or org. unit as series.": "Compare parts of a whole against related elements vertically. Recommend data or org. unit as series.",
|
|
315
|
-
"Compare sizes of related elements horizontally. Recommend period as filter.": "Compare sizes of related elements horizontally. Recommend period as filter.",
|
|
316
|
-
"Compare parts of a whole against related elements horizontally. Recommend data or org. unit as series.": "Compare parts of a whole against related elements horizontally. Recommend data or org. unit as series.",
|
|
317
|
-
"Track or compare changes over time. Recommend period as category.": "Track or compare changes over time. Recommend period as category.",
|
|
318
|
-
"Track or compare parts of a whole over time. Recommend data as series and period as category.": "Track or compare parts of a whole over time. Recommend data as series and period as category.",
|
|
319
|
-
"Compare parts of a whole at a single point in time. Recommend period as filter.": "Compare parts of a whole at a single point in time. Recommend period as filter.",
|
|
320
|
-
"Compare several items against multiple variables.": "Compare several items against multiple variables.",
|
|
321
|
-
"Compare a percentage indicator against a 100% scale. Recommend period as filter.": "Compare a percentage indicator against a 100% scale. Recommend period as filter.",
|
|
322
|
-
"Compare changes over time between multiple time periods.": "Compare changes over time between multiple time periods.",
|
|
323
|
-
"Display a single value. Recommend relative period to show latest data.": "Display a single value. Recommend relative period to show latest data.",
|
|
324
|
-
"View the relationship between two data items at a place or time. Recommended for finding outliers.": "View the relationship between two data items at a place or time. Recommended for finding outliers.",
|
|
312
|
+
"Line list": "Line list",
|
|
313
|
+
"All charts": "All charts",
|
|
325
314
|
"{{seriesName}} (trend)": "{{seriesName}} (trend)",
|
|
326
315
|
"Trend": "Trend",
|
|
327
316
|
"No legend for this series": "No legend for this series",
|