@reltio/components 1.4.1994 → 1.4.1996

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.
@@ -13,6 +13,6 @@ var VerticalDivider = function (_a) {
13
13
  borderLeft: '1px solid rgba(0,0,0,0.38)',
14
14
  margin: "0 ".concat(margin, "px"),
15
15
  flexShrink: '0'
16
- } }));
16
+ }, "data-reltio-id": "reltio-vertical-divider" }));
17
17
  };
18
18
  exports.VerticalDivider = VerticalDivider;
@@ -66,11 +66,13 @@ exports.columnFilterToMdmFilter = columnFilterToMdmFilter;
66
66
  var buildColumnsFilter = function (columnsData, filters) {
67
67
  return mdm_sdk_1.Maybe.fromNull(filters)
68
68
  .map(function (filters) {
69
- return Object.entries(filters).map(function (_a) {
69
+ return Object.entries(filters)
70
+ .map(function (_a) {
70
71
  var columnId = _a[0], columnFilter = _a[1];
71
72
  var columnData = columnsData.find((0, ramda_1.propEq)('id', columnId));
72
- return (0, exports.columnFilterToMdmFilter)(columnData, columnFilter);
73
- });
73
+ return columnData && (0, exports.columnFilterToMdmFilter)(columnData, columnFilter);
74
+ })
75
+ .filter(ramda_1.identity);
74
76
  })
75
77
  .map((0, mdm_sdk_1.buildFilterQueryString)())
76
78
  .orSome('');
@@ -12,9 +12,10 @@ type Props = {
12
12
  relationActivityFilter?: ActivityFilter;
13
13
  mode: Mode;
14
14
  searchByOv?: boolean;
15
+ searchRelationsWithFilter?: boolean;
15
16
  showSnackbarMessage?: (message: string) => void;
16
17
  };
17
- export declare const useRelationsLoader: ({ sorting, filter, page, rowsPerPage, config, entity, relationActivityFilter, mode, searchByOv, showSnackbarMessage }: Props) => {
18
+ export declare const useRelationsLoader: ({ sorting, filter, page, rowsPerPage, config, entity, relationActivityFilter, mode, searchByOv, searchRelationsWithFilter, showSnackbarMessage }: Props) => {
18
19
  isLoading: boolean;
19
20
  reload: () => void;
20
21
  };
@@ -35,7 +35,7 @@ var isValidRequestConfig = function (config) {
35
35
  return true;
36
36
  };
37
37
  var useRelationsLoader = function (_a) {
38
- var sorting = _a.sorting, filter = _a.filter, page = _a.page, rowsPerPage = _a.rowsPerPage, config = _a.config, entity = _a.entity, relationActivityFilter = _a.relationActivityFilter, mode = _a.mode, _b = _a.searchByOv, searchByOv = _b === void 0 ? false : _b, showSnackbarMessage = _a.showSnackbarMessage;
38
+ var sorting = _a.sorting, filter = _a.filter, page = _a.page, rowsPerPage = _a.rowsPerPage, config = _a.config, entity = _a.entity, relationActivityFilter = _a.relationActivityFilter, mode = _a.mode, _b = _a.searchByOv, searchByOv = _b === void 0 ? false : _b, searchRelationsWithFilter = _a.searchRelationsWithFilter, showSnackbarMessage = _a.showSnackbarMessage;
39
39
  var _c = (0, react_1.useState)(false), isLoading = _c[0], setIsLoading = _c[1];
40
40
  var relationsLoaded = (0, MdmModuleContext_1.useMdmAction)('relationsLoaded');
41
41
  var tenant = (0, MdmModuleContext_1.useMdmTenant)();
@@ -56,17 +56,24 @@ var useRelationsLoader = function (_a) {
56
56
  var suggested = config.suggested;
57
57
  var options = (0, react_1.useMemo)(function () { return ({
58
58
  searchByOv: searchByOv,
59
- sendMasked: (0, mdm_sdk_1.hasRelationMasking)(metadata) && mode === mdm_sdk_1.Mode.Viewing
60
- }); }, [searchByOv, metadata, mode]);
59
+ sendMasked: (0, mdm_sdk_1.hasRelationMasking)(metadata) && mode === mdm_sdk_1.Mode.Viewing,
60
+ searchRelationsWithFilter: searchRelationsWithFilter
61
+ }); }, [searchByOv, metadata, mode, searchRelationsWithFilter]);
62
+ var filters = (0, react_1.useMemo)(function () {
63
+ var _a;
64
+ return (_a = {},
65
+ _a[searchRelationsWithFilter ? 'relationFilter' : 'filter'] = (0, mdm_sdk_1.addGlobalFilterToQuery)(globalFilter, filter) || undefined,
66
+ _a);
67
+ }, [searchRelationsWithFilter, globalFilter, filter]);
61
68
  var modeRef = (0, react_1.useRef)(mode);
62
69
  modeRef.current = mode;
63
70
  var loadRelations = (0, react_1.useCallback)(function () {
64
71
  if (entity === null || entity === void 0 ? void 0 : entity.uri) {
65
72
  var processedConfig = processContent(config.content);
66
- var requestConfig_1 = __assign(__assign({}, processedConfig), { sortBy: sorting === null || sorting === void 0 ? void 0 : sorting.field, order: sorting === null || sorting === void 0 ? void 0 : sorting.order, returnDates: true, returnObjects: true, activeness: {
73
+ var requestConfig_1 = __assign(__assign(__assign({}, processedConfig), { sortBy: sorting === null || sorting === void 0 ? void 0 : sorting.field, order: sorting === null || sorting === void 0 ? void 0 : sorting.order, returnDates: true, returnObjects: true, activeness: {
67
74
  relation: relationActivityFilter || mdm_sdk_1.ActivityFilter.ALL,
68
75
  entity: activityFilter
69
- }, max: rowsPerPage, offset: page * rowsPerPage, filter: (0, mdm_sdk_1.addGlobalFilterToQuery)(globalFilter, filter) || undefined, suggested: buildSuggestedIds(suggested) });
76
+ }, max: rowsPerPage, offset: page * rowsPerPage, suggested: buildSuggestedIds(suggested) }), filters);
70
77
  var configs_1 = [requestConfig_1].concat((0, ramda_1.ifElse)(ramda_1.identity, (0, ramda_1.pipe)(mdm_sdk_1.wrapInArrayIfNeeded, function (suggested) {
71
78
  return suggested.map(function (config, i) { return (__assign(__assign({}, config), { id: requestConfig_1.suggested[i] })); });
72
79
  }), (0, ramda_1.always)([]))(suggested));
@@ -7,5 +7,5 @@ export var VerticalDivider = function (_a) {
7
7
  borderLeft: '1px solid rgba(0,0,0,0.38)',
8
8
  margin: "0 ".concat(margin, "px"),
9
9
  flexShrink: '0'
10
- } }));
10
+ }, "data-reltio-id": "reltio-vertical-divider" }));
11
11
  };
@@ -21,7 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
21
21
  return t;
22
22
  };
23
23
  import React from 'react';
24
- import { propEq } from 'ramda';
24
+ import { propEq, identity } from 'ramda';
25
25
  import { DataTypes, buildFilterQueryString, Maybe } from '@reltio/mdm-sdk';
26
26
  var BLOB_HEIGHT = 100;
27
27
  var IMAGE_HEIGHT = 64;
@@ -57,11 +57,13 @@ export var columnFilterToMdmFilter = function (columnData, columnFilter) {
57
57
  export var buildColumnsFilter = function (columnsData, filters) {
58
58
  return Maybe.fromNull(filters)
59
59
  .map(function (filters) {
60
- return Object.entries(filters).map(function (_a) {
60
+ return Object.entries(filters)
61
+ .map(function (_a) {
61
62
  var columnId = _a[0], columnFilter = _a[1];
62
63
  var columnData = columnsData.find(propEq('id', columnId));
63
- return columnFilterToMdmFilter(columnData, columnFilter);
64
- });
64
+ return columnData && columnFilterToMdmFilter(columnData, columnFilter);
65
+ })
66
+ .filter(identity);
65
67
  })
66
68
  .map(buildFilterQueryString())
67
69
  .orSome('');
@@ -12,9 +12,10 @@ type Props = {
12
12
  relationActivityFilter?: ActivityFilter;
13
13
  mode: Mode;
14
14
  searchByOv?: boolean;
15
+ searchRelationsWithFilter?: boolean;
15
16
  showSnackbarMessage?: (message: string) => void;
16
17
  };
17
- export declare const useRelationsLoader: ({ sorting, filter, page, rowsPerPage, config, entity, relationActivityFilter, mode, searchByOv, showSnackbarMessage }: Props) => {
18
+ export declare const useRelationsLoader: ({ sorting, filter, page, rowsPerPage, config, entity, relationActivityFilter, mode, searchByOv, searchRelationsWithFilter, showSnackbarMessage }: Props) => {
18
19
  isLoading: boolean;
19
20
  reload: () => void;
20
21
  };
@@ -29,7 +29,7 @@ var isValidRequestConfig = function (config) {
29
29
  return true;
30
30
  };
31
31
  export var useRelationsLoader = function (_a) {
32
- var sorting = _a.sorting, filter = _a.filter, page = _a.page, rowsPerPage = _a.rowsPerPage, config = _a.config, entity = _a.entity, relationActivityFilter = _a.relationActivityFilter, mode = _a.mode, _b = _a.searchByOv, searchByOv = _b === void 0 ? false : _b, showSnackbarMessage = _a.showSnackbarMessage;
32
+ var sorting = _a.sorting, filter = _a.filter, page = _a.page, rowsPerPage = _a.rowsPerPage, config = _a.config, entity = _a.entity, relationActivityFilter = _a.relationActivityFilter, mode = _a.mode, _b = _a.searchByOv, searchByOv = _b === void 0 ? false : _b, searchRelationsWithFilter = _a.searchRelationsWithFilter, showSnackbarMessage = _a.showSnackbarMessage;
33
33
  var _c = useState(false), isLoading = _c[0], setIsLoading = _c[1];
34
34
  var relationsLoaded = useMdmAction('relationsLoaded');
35
35
  var tenant = useMdmTenant();
@@ -50,17 +50,24 @@ export var useRelationsLoader = function (_a) {
50
50
  var suggested = config.suggested;
51
51
  var options = useMemo(function () { return ({
52
52
  searchByOv: searchByOv,
53
- sendMasked: hasRelationMasking(metadata) && mode === Mode.Viewing
54
- }); }, [searchByOv, metadata, mode]);
53
+ sendMasked: hasRelationMasking(metadata) && mode === Mode.Viewing,
54
+ searchRelationsWithFilter: searchRelationsWithFilter
55
+ }); }, [searchByOv, metadata, mode, searchRelationsWithFilter]);
56
+ var filters = useMemo(function () {
57
+ var _a;
58
+ return (_a = {},
59
+ _a[searchRelationsWithFilter ? 'relationFilter' : 'filter'] = addGlobalFilterToQuery(globalFilter, filter) || undefined,
60
+ _a);
61
+ }, [searchRelationsWithFilter, globalFilter, filter]);
55
62
  var modeRef = useRef(mode);
56
63
  modeRef.current = mode;
57
64
  var loadRelations = useCallback(function () {
58
65
  if (entity === null || entity === void 0 ? void 0 : entity.uri) {
59
66
  var processedConfig = processContent(config.content);
60
- var requestConfig_1 = __assign(__assign({}, processedConfig), { sortBy: sorting === null || sorting === void 0 ? void 0 : sorting.field, order: sorting === null || sorting === void 0 ? void 0 : sorting.order, returnDates: true, returnObjects: true, activeness: {
67
+ var requestConfig_1 = __assign(__assign(__assign({}, processedConfig), { sortBy: sorting === null || sorting === void 0 ? void 0 : sorting.field, order: sorting === null || sorting === void 0 ? void 0 : sorting.order, returnDates: true, returnObjects: true, activeness: {
61
68
  relation: relationActivityFilter || ActivityFilter.ALL,
62
69
  entity: activityFilter
63
- }, max: rowsPerPage, offset: page * rowsPerPage, filter: addGlobalFilterToQuery(globalFilter, filter) || undefined, suggested: buildSuggestedIds(suggested) });
70
+ }, max: rowsPerPage, offset: page * rowsPerPage, suggested: buildSuggestedIds(suggested) }), filters);
64
71
  var configs_1 = [requestConfig_1].concat(ifElse(identity, pipe(wrapInArrayIfNeeded, function (suggested) {
65
72
  return suggested.map(function (config, i) { return (__assign(__assign({}, config), { id: requestConfig_1.suggested[i] })); });
66
73
  }), always([]))(suggested));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.1994",
3
+ "version": "1.4.1996",
4
4
  "license": "SEE LICENSE IN LICENSE FILE",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./esm/index.js",
@@ -8,7 +8,7 @@
8
8
  "@fluentui/react-context-selector": "^9.1.26",
9
9
  "@react-google-maps/api": "2.7.0",
10
10
  "@react-sigma/core": "3.4.0",
11
- "@reltio/mdm-sdk": "^1.4.1889",
11
+ "@reltio/mdm-sdk": "^1.4.1890",
12
12
  "d3-cloud": "^1.2.5",
13
13
  "d3-geo": "^2.0.1",
14
14
  "d3-hierarchy": "^2.0.0",