@reltio/components 1.4.2110 → 1.4.2112
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/LogicOperator/LogicOperator.js +12 -2
- package/cjs/LogicOperator/LogicOperator.js +35 -2
- package/cjs/contexts/FilterSettingsContext/index.d.ts +8 -0
- package/cjs/contexts/FilterSettingsContext/index.js +10 -0
- package/cjs/hooks/useSegmentsLoader/useSegmentsLoader.js +2 -0
- package/contexts/FilterSettingsContext/index.d.ts +8 -0
- package/contexts/FilterSettingsContext/index.js +6 -0
- package/hooks/useSegmentsLoader/useSegmentsLoader.js +2 -0
- package/package.json +2 -2
|
@@ -1,10 +1,20 @@
|
|
|
1
|
-
import React from 'react';
|
|
1
|
+
import React, { useMemo } from 'react';
|
|
2
2
|
import classnames from 'classnames';
|
|
3
3
|
import { operatorOptions } from '@reltio/mdm-sdk';
|
|
4
4
|
import { DropDownEditor } from '../DropDownEditor';
|
|
5
|
+
import { useFilterSettingsContext } from '../contexts/FilterSettingsContext';
|
|
5
6
|
import { useStyles } from './styles';
|
|
6
7
|
export var LogicOperator = function (_a) {
|
|
7
8
|
var className = _a.className, value = _a.value, onChange = _a.onChange;
|
|
8
9
|
var classes = useStyles();
|
|
9
|
-
|
|
10
|
+
var excludedLogicOperators = useFilterSettingsContext().excludedLogicOperators;
|
|
11
|
+
var entries = useMemo(function () {
|
|
12
|
+
return excludedLogicOperators
|
|
13
|
+
? operatorOptions.filter(function (_a) {
|
|
14
|
+
var value = _a.value;
|
|
15
|
+
return !(excludedLogicOperators === null || excludedLogicOperators === void 0 ? void 0 : excludedLogicOperators.includes(value));
|
|
16
|
+
})
|
|
17
|
+
: operatorOptions;
|
|
18
|
+
}, [excludedLogicOperators]);
|
|
19
|
+
return (React.createElement(DropDownEditor, { className: classnames(classes.dropDown, className), classes: classes, value: value, entries: entries, onChange: onChange }));
|
|
10
20
|
};
|
|
@@ -1,17 +1,50 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
5
|
+
if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
|
|
6
|
+
desc = { enumerable: true, get: function() { return m[k]; } };
|
|
7
|
+
}
|
|
8
|
+
Object.defineProperty(o, k2, desc);
|
|
9
|
+
}) : (function(o, m, k, k2) {
|
|
10
|
+
if (k2 === undefined) k2 = k;
|
|
11
|
+
o[k2] = m[k];
|
|
12
|
+
}));
|
|
13
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
14
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
15
|
+
}) : function(o, v) {
|
|
16
|
+
o["default"] = v;
|
|
17
|
+
});
|
|
18
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
19
|
+
if (mod && mod.__esModule) return mod;
|
|
20
|
+
var result = {};
|
|
21
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
22
|
+
__setModuleDefault(result, mod);
|
|
23
|
+
return result;
|
|
24
|
+
};
|
|
2
25
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
3
26
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
4
27
|
};
|
|
5
28
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
29
|
exports.LogicOperator = void 0;
|
|
7
|
-
var react_1 =
|
|
30
|
+
var react_1 = __importStar(require("react"));
|
|
8
31
|
var classnames_1 = __importDefault(require("classnames"));
|
|
9
32
|
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
10
33
|
var DropDownEditor_1 = require("../DropDownEditor");
|
|
34
|
+
var FilterSettingsContext_1 = require("../contexts/FilterSettingsContext");
|
|
11
35
|
var styles_1 = require("./styles");
|
|
12
36
|
var LogicOperator = function (_a) {
|
|
13
37
|
var className = _a.className, value = _a.value, onChange = _a.onChange;
|
|
14
38
|
var classes = (0, styles_1.useStyles)();
|
|
15
|
-
|
|
39
|
+
var excludedLogicOperators = (0, FilterSettingsContext_1.useFilterSettingsContext)().excludedLogicOperators;
|
|
40
|
+
var entries = (0, react_1.useMemo)(function () {
|
|
41
|
+
return excludedLogicOperators
|
|
42
|
+
? mdm_sdk_1.operatorOptions.filter(function (_a) {
|
|
43
|
+
var value = _a.value;
|
|
44
|
+
return !(excludedLogicOperators === null || excludedLogicOperators === void 0 ? void 0 : excludedLogicOperators.includes(value));
|
|
45
|
+
})
|
|
46
|
+
: mdm_sdk_1.operatorOptions;
|
|
47
|
+
}, [excludedLogicOperators]);
|
|
48
|
+
return (react_1.default.createElement(DropDownEditor_1.DropDownEditor, { className: (0, classnames_1.default)(classes.dropDown, className), classes: classes, value: value, entries: entries, onChange: onChange }));
|
|
16
49
|
};
|
|
17
50
|
exports.LogicOperator = LogicOperator;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SearchOperator } from '@reltio/mdm-sdk';
|
|
2
|
+
type FilterSettings = {
|
|
3
|
+
excludedFilters?: string[];
|
|
4
|
+
excludedLogicOperators?: SearchOperator[];
|
|
5
|
+
};
|
|
6
|
+
export declare const FilterSettingsContext: import("react").Context<FilterSettings>;
|
|
7
|
+
export declare const useFilterSettingsContext: () => FilterSettings;
|
|
8
|
+
export {};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.useFilterSettingsContext = exports.FilterSettingsContext = void 0;
|
|
4
|
+
var react_1 = require("react");
|
|
5
|
+
exports.FilterSettingsContext = (0, react_1.createContext)(null);
|
|
6
|
+
var useFilterSettingsContext = function () {
|
|
7
|
+
var settings = (0, react_1.useContext)(exports.FilterSettingsContext);
|
|
8
|
+
return settings || {};
|
|
9
|
+
};
|
|
10
|
+
exports.useFilterSettingsContext = useFilterSettingsContext;
|
|
@@ -53,6 +53,7 @@ var ramda_1 = require("ramda");
|
|
|
53
53
|
var mdm_sdk_1 = require("@reltio/mdm-sdk");
|
|
54
54
|
var types_1 = require("../../types");
|
|
55
55
|
var segments_1 = require("../../helpers/segments");
|
|
56
|
+
var errors_1 = require("../../helpers/errors");
|
|
56
57
|
var useSegmentsLoader = function (_a) {
|
|
57
58
|
var sorting = _a.sorting, rowsPerPage = _a.rowsPerPage, page = _a.page, filters = _a.filters, enabled = _a.enabled, abortControllerRef = _a.abortControllerRef;
|
|
58
59
|
var _b = (0, react_1.useState)(types_1.RequestStates.INIT), requestState = _b[0], setRequestState = _b[1];
|
|
@@ -95,6 +96,7 @@ var useSegmentsLoader = function (_a) {
|
|
|
95
96
|
setSegments([]);
|
|
96
97
|
setTotal(0);
|
|
97
98
|
setRequestState(types_1.RequestStates.ERROR);
|
|
99
|
+
(0, errors_1.showDefaultErrorMessage)(error_1);
|
|
98
100
|
return [3 /*break*/, 4];
|
|
99
101
|
case 4: return [2 /*return*/];
|
|
100
102
|
}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SearchOperator } from '@reltio/mdm-sdk';
|
|
2
|
+
type FilterSettings = {
|
|
3
|
+
excludedFilters?: string[];
|
|
4
|
+
excludedLogicOperators?: SearchOperator[];
|
|
5
|
+
};
|
|
6
|
+
export declare const FilterSettingsContext: import("react").Context<FilterSettings>;
|
|
7
|
+
export declare const useFilterSettingsContext: () => FilterSettings;
|
|
8
|
+
export {};
|
|
@@ -50,6 +50,7 @@ import { reject } from 'ramda';
|
|
|
50
50
|
import { getSegments, isAbortError, isEmptyValue } from '@reltio/mdm-sdk';
|
|
51
51
|
import { RequestStates } from '../../types';
|
|
52
52
|
import { buildSegmentsFilterString } from '../../helpers/segments';
|
|
53
|
+
import { showDefaultErrorMessage } from '../../helpers/errors';
|
|
53
54
|
export var useSegmentsLoader = function (_a) {
|
|
54
55
|
var sorting = _a.sorting, rowsPerPage = _a.rowsPerPage, page = _a.page, filters = _a.filters, enabled = _a.enabled, abortControllerRef = _a.abortControllerRef;
|
|
55
56
|
var _b = useState(RequestStates.INIT), requestState = _b[0], setRequestState = _b[1];
|
|
@@ -92,6 +93,7 @@ export var useSegmentsLoader = function (_a) {
|
|
|
92
93
|
setSegments([]);
|
|
93
94
|
setTotal(0);
|
|
94
95
|
setRequestState(RequestStates.ERROR);
|
|
96
|
+
showDefaultErrorMessage(error_1);
|
|
95
97
|
return [3 /*break*/, 4];
|
|
96
98
|
case 4: return [2 /*return*/];
|
|
97
99
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@reltio/components",
|
|
3
|
-
"version": "1.4.
|
|
3
|
+
"version": "1.4.2112",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE FILE",
|
|
5
5
|
"main": "./cjs/index.js",
|
|
6
6
|
"module": "./index.js",
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"@fluentui/react-context-selector": "^9.1.26",
|
|
12
12
|
"@googlemaps/markerclusterer": "^2.5.3",
|
|
13
13
|
"@react-sigma/core": "3.4.0",
|
|
14
|
-
"@reltio/mdm-sdk": "^1.4.
|
|
14
|
+
"@reltio/mdm-sdk": "^1.4.1948",
|
|
15
15
|
"@vis.gl/react-google-maps": "^1.3.0",
|
|
16
16
|
"d3-cloud": "^1.2.5",
|
|
17
17
|
"d3-geo": "^2.0.1",
|