@reltio/components 1.4.2167 → 1.4.2169
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/cjs/constants/modeOptions.d.ts +6 -6
- package/cjs/constants/modeOptions.js +18 -6
- package/cjs/hooks/useSegmentsSizesLoader/useSegmentsSizesLoader.js +17 -11
- package/constants/modeOptions.d.ts +6 -6
- package/constants/modeOptions.js +18 -6
- package/hooks/useSegmentsSizesLoader/useSegmentsSizesLoader.js +17 -11
- package/package.json +1 -1
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { Mode } from '@reltio/mdm-sdk';
|
|
2
2
|
export declare const editingModeOption: {
|
|
3
|
-
label: string;
|
|
3
|
+
readonly label: string;
|
|
4
4
|
value: Mode;
|
|
5
|
-
description: string;
|
|
5
|
+
readonly description: string;
|
|
6
6
|
icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
|
|
7
7
|
muiName: string;
|
|
8
8
|
};
|
|
9
9
|
};
|
|
10
10
|
export declare const suggestingModeOption: {
|
|
11
|
-
label: string;
|
|
11
|
+
readonly label: string;
|
|
12
12
|
value: Mode;
|
|
13
|
-
description: string;
|
|
13
|
+
readonly description: string;
|
|
14
14
|
icon: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
15
15
|
};
|
|
16
16
|
export declare const viewingModeOption: {
|
|
17
|
-
label: string;
|
|
17
|
+
readonly label: string;
|
|
18
18
|
value: Mode;
|
|
19
|
-
description: string;
|
|
19
|
+
readonly description: string;
|
|
20
20
|
icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
|
|
21
21
|
muiName: string;
|
|
22
22
|
};
|
|
@@ -10,20 +10,32 @@ var Create_1 = __importDefault(require("@mui/icons-material/Create"));
|
|
|
10
10
|
var Visibility_1 = __importDefault(require("@mui/icons-material/Visibility"));
|
|
11
11
|
var Suggest_1 = __importDefault(require("../icons/Suggest"));
|
|
12
12
|
exports.editingModeOption = {
|
|
13
|
-
label
|
|
13
|
+
get label() {
|
|
14
|
+
return ui_i18n_1.default.text('Editing');
|
|
15
|
+
},
|
|
14
16
|
value: mdm_sdk_1.Mode.Editing,
|
|
15
|
-
description
|
|
17
|
+
get description() {
|
|
18
|
+
return ui_i18n_1.default.text('Edit profile directly');
|
|
19
|
+
},
|
|
16
20
|
icon: Create_1.default
|
|
17
21
|
};
|
|
18
22
|
exports.suggestingModeOption = {
|
|
19
|
-
label
|
|
23
|
+
get label() {
|
|
24
|
+
return ui_i18n_1.default.text('Suggesting');
|
|
25
|
+
},
|
|
20
26
|
value: mdm_sdk_1.Mode.Suggesting,
|
|
21
|
-
description
|
|
27
|
+
get description() {
|
|
28
|
+
return ui_i18n_1.default.text('Suggest changes and initiate a workflow review');
|
|
29
|
+
},
|
|
22
30
|
icon: Suggest_1.default
|
|
23
31
|
};
|
|
24
32
|
exports.viewingModeOption = {
|
|
25
|
-
label
|
|
33
|
+
get label() {
|
|
34
|
+
return ui_i18n_1.default.text('Viewing');
|
|
35
|
+
},
|
|
26
36
|
value: mdm_sdk_1.Mode.Viewing,
|
|
27
|
-
description
|
|
37
|
+
get description() {
|
|
38
|
+
return ui_i18n_1.default.text('Read or print profile');
|
|
39
|
+
},
|
|
28
40
|
icon: Visibility_1.default
|
|
29
41
|
};
|
|
@@ -49,6 +49,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
49
49
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
50
50
|
exports.useSegmentsSizesLoader = void 0;
|
|
51
51
|
var react_1 = require("react");
|
|
52
|
+
var ramda_1 = require("ramda");
|
|
52
53
|
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
53
54
|
var useSegmentsSizesLoader = function (segments, signal) {
|
|
54
55
|
var _a = (0, react_1.useState)({}), segmentsSizes = _a[0], setSegmentsSizes = _a[1];
|
|
@@ -58,29 +59,34 @@ var useSegmentsSizesLoader = function (segments, signal) {
|
|
|
58
59
|
return __generator(this, function (_c) {
|
|
59
60
|
switch (_c.label) {
|
|
60
61
|
case 0:
|
|
61
|
-
|
|
62
|
-
|
|
62
|
+
if (!(0, ramda_1.isNil)(segmentsSizes[segment.id])) {
|
|
63
|
+
return [2 /*return*/];
|
|
64
|
+
}
|
|
65
|
+
_c.label = 1;
|
|
66
|
+
case 1:
|
|
67
|
+
_c.trys.push([1, 5, , 6]);
|
|
68
|
+
if (!!(0, mdm_sdk_1.isSegment)(segment)) return [3 /*break*/, 2];
|
|
63
69
|
_a = { total: null };
|
|
64
|
-
return [3 /*break*/,
|
|
65
|
-
case
|
|
66
|
-
case 2:
|
|
67
|
-
_a = _c.sent();
|
|
68
|
-
_c.label = 3;
|
|
70
|
+
return [3 /*break*/, 4];
|
|
71
|
+
case 2: return [4 /*yield*/, (0, mdm_sdk_1.getSegmentTotal)({ segmentId: segment.id, signal: signal })];
|
|
69
72
|
case 3:
|
|
73
|
+
_a = _c.sent();
|
|
74
|
+
_c.label = 4;
|
|
75
|
+
case 4:
|
|
70
76
|
total_1 = (_a).total;
|
|
71
77
|
setSegmentsSizes(function (prevSegmentsSize) {
|
|
72
78
|
var _a;
|
|
73
79
|
return __assign(__assign({}, prevSegmentsSize), (_a = {}, _a[segment.id] = total_1, _a));
|
|
74
80
|
});
|
|
75
|
-
return [3 /*break*/,
|
|
76
|
-
case
|
|
81
|
+
return [3 /*break*/, 6];
|
|
82
|
+
case 5:
|
|
77
83
|
_b = _c.sent();
|
|
78
84
|
setSegmentsSizes(function (prevSegmentsSize) {
|
|
79
85
|
var _a;
|
|
80
86
|
return __assign(__assign({}, prevSegmentsSize), (_a = {}, _a[segment.id] = null, _a));
|
|
81
87
|
});
|
|
82
|
-
return [3 /*break*/,
|
|
83
|
-
case
|
|
88
|
+
return [3 /*break*/, 6];
|
|
89
|
+
case 6: return [2 /*return*/];
|
|
84
90
|
}
|
|
85
91
|
});
|
|
86
92
|
}); });
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { Mode } from '@reltio/mdm-sdk';
|
|
2
2
|
export declare const editingModeOption: {
|
|
3
|
-
label: string;
|
|
3
|
+
readonly label: string;
|
|
4
4
|
value: Mode;
|
|
5
|
-
description: string;
|
|
5
|
+
readonly description: string;
|
|
6
6
|
icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
|
|
7
7
|
muiName: string;
|
|
8
8
|
};
|
|
9
9
|
};
|
|
10
10
|
export declare const suggestingModeOption: {
|
|
11
|
-
label: string;
|
|
11
|
+
readonly label: string;
|
|
12
12
|
value: Mode;
|
|
13
|
-
description: string;
|
|
13
|
+
readonly description: string;
|
|
14
14
|
icon: import("react").FC<import("react").SVGProps<SVGSVGElement>>;
|
|
15
15
|
};
|
|
16
16
|
export declare const viewingModeOption: {
|
|
17
|
-
label: string;
|
|
17
|
+
readonly label: string;
|
|
18
18
|
value: Mode;
|
|
19
|
-
description: string;
|
|
19
|
+
readonly description: string;
|
|
20
20
|
icon: import("@mui/material/OverridableComponent").OverridableComponent<import("@mui/material").SvgIconTypeMap<{}, "svg">> & {
|
|
21
21
|
muiName: string;
|
|
22
22
|
};
|
package/constants/modeOptions.js
CHANGED
|
@@ -4,20 +4,32 @@ import CreateIcon from '@mui/icons-material/Create';
|
|
|
4
4
|
import VisibilityIcon from '@mui/icons-material/Visibility';
|
|
5
5
|
import Suggest from '../icons/Suggest';
|
|
6
6
|
export var editingModeOption = {
|
|
7
|
-
label
|
|
7
|
+
get label() {
|
|
8
|
+
return i18n.text('Editing');
|
|
9
|
+
},
|
|
8
10
|
value: Mode.Editing,
|
|
9
|
-
description
|
|
11
|
+
get description() {
|
|
12
|
+
return i18n.text('Edit profile directly');
|
|
13
|
+
},
|
|
10
14
|
icon: CreateIcon
|
|
11
15
|
};
|
|
12
16
|
export var suggestingModeOption = {
|
|
13
|
-
label
|
|
17
|
+
get label() {
|
|
18
|
+
return i18n.text('Suggesting');
|
|
19
|
+
},
|
|
14
20
|
value: Mode.Suggesting,
|
|
15
|
-
description
|
|
21
|
+
get description() {
|
|
22
|
+
return i18n.text('Suggest changes and initiate a workflow review');
|
|
23
|
+
},
|
|
16
24
|
icon: Suggest
|
|
17
25
|
};
|
|
18
26
|
export var viewingModeOption = {
|
|
19
|
-
label
|
|
27
|
+
get label() {
|
|
28
|
+
return i18n.text('Viewing');
|
|
29
|
+
},
|
|
20
30
|
value: Mode.Viewing,
|
|
21
|
-
description
|
|
31
|
+
get description() {
|
|
32
|
+
return i18n.text('Read or print profile');
|
|
33
|
+
},
|
|
22
34
|
icon: VisibilityIcon
|
|
23
35
|
};
|
|
@@ -46,6 +46,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
|
|
|
46
46
|
}
|
|
47
47
|
};
|
|
48
48
|
import { useEffect, useState } from 'react';
|
|
49
|
+
import { isNil } from 'ramda';
|
|
49
50
|
import { getSegmentTotal, isSegment } from '@reltio/mdm-sdk';
|
|
50
51
|
export var useSegmentsSizesLoader = function (segments, signal) {
|
|
51
52
|
var _a = useState({}), segmentsSizes = _a[0], setSegmentsSizes = _a[1];
|
|
@@ -55,29 +56,34 @@ export var useSegmentsSizesLoader = function (segments, signal) {
|
|
|
55
56
|
return __generator(this, function (_c) {
|
|
56
57
|
switch (_c.label) {
|
|
57
58
|
case 0:
|
|
58
|
-
|
|
59
|
-
|
|
59
|
+
if (!isNil(segmentsSizes[segment.id])) {
|
|
60
|
+
return [2 /*return*/];
|
|
61
|
+
}
|
|
62
|
+
_c.label = 1;
|
|
63
|
+
case 1:
|
|
64
|
+
_c.trys.push([1, 5, , 6]);
|
|
65
|
+
if (!!isSegment(segment)) return [3 /*break*/, 2];
|
|
60
66
|
_a = { total: null };
|
|
61
|
-
return [3 /*break*/,
|
|
62
|
-
case
|
|
63
|
-
case 2:
|
|
64
|
-
_a = _c.sent();
|
|
65
|
-
_c.label = 3;
|
|
67
|
+
return [3 /*break*/, 4];
|
|
68
|
+
case 2: return [4 /*yield*/, getSegmentTotal({ segmentId: segment.id, signal: signal })];
|
|
66
69
|
case 3:
|
|
70
|
+
_a = _c.sent();
|
|
71
|
+
_c.label = 4;
|
|
72
|
+
case 4:
|
|
67
73
|
total_1 = (_a).total;
|
|
68
74
|
setSegmentsSizes(function (prevSegmentsSize) {
|
|
69
75
|
var _a;
|
|
70
76
|
return __assign(__assign({}, prevSegmentsSize), (_a = {}, _a[segment.id] = total_1, _a));
|
|
71
77
|
});
|
|
72
|
-
return [3 /*break*/,
|
|
73
|
-
case
|
|
78
|
+
return [3 /*break*/, 6];
|
|
79
|
+
case 5:
|
|
74
80
|
_b = _c.sent();
|
|
75
81
|
setSegmentsSizes(function (prevSegmentsSize) {
|
|
76
82
|
var _a;
|
|
77
83
|
return __assign(__assign({}, prevSegmentsSize), (_a = {}, _a[segment.id] = null, _a));
|
|
78
84
|
});
|
|
79
|
-
return [3 /*break*/,
|
|
80
|
-
case
|
|
85
|
+
return [3 /*break*/, 6];
|
|
86
|
+
case 6: return [2 /*return*/];
|
|
81
87
|
}
|
|
82
88
|
});
|
|
83
89
|
}); });
|