@reltio/components 1.4.948 → 1.4.952

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.
Files changed (13) hide show
  1. package/cjs/components/AvatarWithFallback/AvatarWithFallback.d.ts +5 -1
  2. package/cjs/components/AvatarWithFallback/AvatarWithFallback.js +4 -3
  3. package/cjs/components/SourceIcon/SourceIcon.d.ts +5 -1
  4. package/cjs/components/SourceIcon/SourceIcon.js +2 -2
  5. package/cjs/components/attributes/editMode/EntityCreator/EntityCreator.js +1 -1
  6. package/cjs/hooks/useMatchesLoader.js +4 -1
  7. package/esm/components/AvatarWithFallback/AvatarWithFallback.d.ts +5 -1
  8. package/esm/components/AvatarWithFallback/AvatarWithFallback.js +4 -3
  9. package/esm/components/SourceIcon/SourceIcon.d.ts +5 -1
  10. package/esm/components/SourceIcon/SourceIcon.js +2 -2
  11. package/esm/components/attributes/editMode/EntityCreator/EntityCreator.js +1 -1
  12. package/esm/hooks/useMatchesLoader.js +5 -2
  13. package/package.json +3 -3
package/cjs/components/AvatarWithFallback/AvatarWithFallback.d.ts CHANGED
@@ -4,6 +4,10 @@ declare type Props = {
4
4
  icon?: string;
5
5
  avatarText?: string;
6
6
  variant?: 'circle' | 'circular' | 'rounded' | 'square';
7
+ rootClasses?: {
8
+ iconRoot?: string;
9
+ textRoot?: string;
10
+ };
7
11
  };
8
- declare const AvatarWithFallback: ({ className, icon, avatarText, ...otherProps }: Props) => JSX.Element;
12
+ declare const AvatarWithFallback: ({ className, icon, avatarText, rootClasses, ...otherProps }: Props) => JSX.Element;
9
13
  export default AvatarWithFallback;
package/cjs/components/AvatarWithFallback/AvatarWithFallback.js CHANGED
@@ -45,6 +45,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
45
45
  };
46
46
  Object.defineProperty(exports, "__esModule", { value: true });
47
47
  var Avatar_1 = __importDefault(require("@material-ui/core/Avatar"));
48
+ var classnames_1 = __importDefault(require("classnames"));
48
49
  var react_1 = __importStar(require("react"));
49
50
  var AvatarStates;
50
51
  (function (AvatarStates) {
@@ -53,7 +54,7 @@ var AvatarStates;
53
54
  AvatarStates[AvatarStates["ERROR_MODE"] = 2] = "ERROR_MODE";
54
55
  })(AvatarStates || (AvatarStates = {}));
55
56
  var AvatarWithFallback = function (_a) {
56
- var className = _a.className, icon = _a.icon, avatarText = _a.avatarText, otherProps = __rest(_a, ["className", "icon", "avatarText"]);
57
+ var className = _a.className, icon = _a.icon, avatarText = _a.avatarText, rootClasses = _a.rootClasses, otherProps = __rest(_a, ["className", "icon", "avatarText", "rootClasses"]);
57
58
  var _b = react_1.useState(null), state = _b[0], setState = _b[1];
58
59
  react_1.useEffect(function () {
59
60
  if (icon) {
@@ -68,10 +69,10 @@ var AvatarWithFallback = function (_a) {
68
69
  };
69
70
  switch (state) {
70
71
  case AvatarStates.ICON_MODE:
71
- return react_1.default.createElement(Avatar_1.default, __assign({ className: className, src: icon, onError: onImageLoadFail }, otherProps));
72
+ return (react_1.default.createElement(Avatar_1.default, __assign({ className: classnames_1.default(className, rootClasses === null || rootClasses === void 0 ? void 0 : rootClasses.iconRoot), src: icon, onError: onImageLoadFail }, otherProps)));
72
73
  case AvatarStates.TEXT_MODE:
73
74
  case AvatarStates.ERROR_MODE:
74
- return (react_1.default.createElement(Avatar_1.default, __assign({ className: className }, otherProps), avatarText));
75
+ return (react_1.default.createElement(Avatar_1.default, __assign({ className: classnames_1.default(className, rootClasses === null || rootClasses === void 0 ? void 0 : rootClasses.textRoot) }, otherProps), avatarText));
75
76
  default:
76
77
  return null;
77
78
  }
package/cjs/components/SourceIcon/SourceIcon.d.ts CHANGED
@@ -2,6 +2,10 @@
2
2
  declare type Props = {
3
3
  sourceType: string;
4
4
  className?: string;
5
+ classes?: {
6
+ iconRoot?: string;
7
+ textRoot?: string;
8
+ };
5
9
  };
6
- declare const SourceIcon: ({ sourceType, className }: Props) => JSX.Element;
10
+ declare const SourceIcon: ({ sourceType, className, classes }: Props) => JSX.Element;
7
11
  export default SourceIcon;
package/cjs/components/SourceIcon/SourceIcon.js CHANGED
@@ -10,9 +10,9 @@ var react_redux_1 = require("react-redux");
10
10
  var AvatarWithFallback_1 = __importDefault(require("../AvatarWithFallback/AvatarWithFallback"));
11
11
  var SOURCE_URL = 'https://s3.amazonaws.com/reltio.images/api';
12
12
  var SourceIcon = function (_a) {
13
- var sourceType = _a.sourceType, className = _a.className;
13
+ var sourceType = _a.sourceType, className = _a.className, classes = _a.classes;
14
14
  var metadata = react_redux_1.useSelector(mdm_module_1.default.selectors.getMetadata);
15
15
  var _b = mdm_sdk_1.findSourceSystemByUri(metadata, sourceType), label = _b.label, icon = _b.icon;
16
- return (react_1.default.createElement(AvatarWithFallback_1.default, { className: className, avatarText: label[0], icon: icon ? mdm_sdk_1.getAbsoluteImageUrl(SOURCE_URL, icon) : null, variant: "square" }));
16
+ return (react_1.default.createElement(AvatarWithFallback_1.default, { className: className, avatarText: label[0], icon: icon ? mdm_sdk_1.getAbsoluteImageUrl(SOURCE_URL, icon) : null, variant: "square", rootClasses: classes }));
17
17
  };
18
18
  exports.default = SourceIcon;
package/cjs/components/attributes/editMode/EntityCreator/EntityCreator.js CHANGED
@@ -33,7 +33,7 @@ var EntityCreator = function (_a) {
33
33
  attributeTypesSelectionStrategy,
34
34
  entityType
35
35
  ]);
36
- return entity ? (react_1.default.createElement(AttributesList_1.default, { attrTypes: attributeTypes, entity: entity, showEmptyEditors: true, drawLines: true, parentUri: entity.uri, mode: mode, crosswalks: entity.crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })) : null;
36
+ return entity ? (react_1.default.createElement(AttributesList_1.default, { key: entity.uri, attrTypes: attributeTypes, entity: entity, showEmptyEditors: true, drawLines: true, parentUri: entity.uri, mode: mode, crosswalks: entity.crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })) : null;
37
37
  };
38
38
  EntityCreator.propTypes = {
39
39
  entityUri: prop_types_1.default.string,
package/cjs/hooks/useMatchesLoader.js CHANGED
@@ -37,7 +37,10 @@ var useMatchesLoader = function (_a) {
37
37
  var safePromise = useSafePromise_1.useSafePromise();
38
38
  var getMatches = react_1.useCallback(function (force) {
39
39
  if (force === void 0) { force = false; }
40
- if (!enabled) {
40
+ if (!enabled || mdm_sdk_1.isTempUri(entityUri)) {
41
+ setTotal(0);
42
+ setMatches([]);
43
+ setEntitiesMap({});
41
44
  return;
42
45
  }
43
46
  onStartLoading === null || onStartLoading === void 0 ? void 0 : onStartLoading();
package/esm/components/AvatarWithFallback/AvatarWithFallback.d.ts CHANGED
@@ -4,6 +4,10 @@ declare type Props = {
4
4
  icon?: string;
5
5
  avatarText?: string;
6
6
  variant?: 'circle' | 'circular' | 'rounded' | 'square';
7
+ rootClasses?: {
8
+ iconRoot?: string;
9
+ textRoot?: string;
10
+ };
7
11
  };
8
- declare const AvatarWithFallback: ({ className, icon, avatarText, ...otherProps }: Props) => JSX.Element;
12
+ declare const AvatarWithFallback: ({ className, icon, avatarText, rootClasses, ...otherProps }: Props) => JSX.Element;
9
13
  export default AvatarWithFallback;
package/esm/components/AvatarWithFallback/AvatarWithFallback.js CHANGED
@@ -21,6 +21,7 @@ var __rest = (this && this.__rest) || function (s, e) {
21
21
  return t;
22
22
  };
23
23
  import Avatar from '@material-ui/core/Avatar';
24
+ import classnames from 'classnames';
24
25
  import React, { useEffect, useState } from 'react';
25
26
  var AvatarStates;
26
27
  (function (AvatarStates) {
@@ -29,7 +30,7 @@ var AvatarStates;
29
30
  AvatarStates[AvatarStates["ERROR_MODE"] = 2] = "ERROR_MODE";
30
31
  })(AvatarStates || (AvatarStates = {}));
31
32
  var AvatarWithFallback = function (_a) {
32
- var className = _a.className, icon = _a.icon, avatarText = _a.avatarText, otherProps = __rest(_a, ["className", "icon", "avatarText"]);
33
+ var className = _a.className, icon = _a.icon, avatarText = _a.avatarText, rootClasses = _a.rootClasses, otherProps = __rest(_a, ["className", "icon", "avatarText", "rootClasses"]);
33
34
  var _b = useState(null), state = _b[0], setState = _b[1];
34
35
  useEffect(function () {
35
36
  if (icon) {
@@ -44,10 +45,10 @@ var AvatarWithFallback = function (_a) {
44
45
  };
45
46
  switch (state) {
46
47
  case AvatarStates.ICON_MODE:
47
- return React.createElement(Avatar, __assign({ className: className, src: icon, onError: onImageLoadFail }, otherProps));
48
+ return (React.createElement(Avatar, __assign({ className: classnames(className, rootClasses === null || rootClasses === void 0 ? void 0 : rootClasses.iconRoot), src: icon, onError: onImageLoadFail }, otherProps)));
48
49
  case AvatarStates.TEXT_MODE:
49
50
  case AvatarStates.ERROR_MODE:
50
- return (React.createElement(Avatar, __assign({ className: className }, otherProps), avatarText));
51
+ return (React.createElement(Avatar, __assign({ className: classnames(className, rootClasses === null || rootClasses === void 0 ? void 0 : rootClasses.textRoot) }, otherProps), avatarText));
51
52
  default:
52
53
  return null;
53
54
  }
package/esm/components/SourceIcon/SourceIcon.d.ts CHANGED
@@ -2,6 +2,10 @@
2
2
  declare type Props = {
3
3
  sourceType: string;
4
4
  className?: string;
5
+ classes?: {
6
+ iconRoot?: string;
7
+ textRoot?: string;
8
+ };
5
9
  };
6
- declare const SourceIcon: ({ sourceType, className }: Props) => JSX.Element;
10
+ declare const SourceIcon: ({ sourceType, className, classes }: Props) => JSX.Element;
7
11
  export default SourceIcon;
package/esm/components/SourceIcon/SourceIcon.js CHANGED
@@ -5,9 +5,9 @@ import { useSelector } from 'react-redux';
5
5
  import AvatarWithFallback from '../AvatarWithFallback/AvatarWithFallback';
6
6
  var SOURCE_URL = 'https://s3.amazonaws.com/reltio.images/api';
7
7
  var SourceIcon = function (_a) {
8
- var sourceType = _a.sourceType, className = _a.className;
8
+ var sourceType = _a.sourceType, className = _a.className, classes = _a.classes;
9
9
  var metadata = useSelector(mdmModule.selectors.getMetadata);
10
10
  var _b = findSourceSystemByUri(metadata, sourceType), label = _b.label, icon = _b.icon;
11
- return (React.createElement(AvatarWithFallback, { className: className, avatarText: label[0], icon: icon ? getAbsoluteImageUrl(SOURCE_URL, icon) : null, variant: "square" }));
11
+ return (React.createElement(AvatarWithFallback, { className: className, avatarText: label[0], icon: icon ? getAbsoluteImageUrl(SOURCE_URL, icon) : null, variant: "square", rootClasses: classes }));
12
12
  };
13
13
  export default SourceIcon;
package/esm/components/attributes/editMode/EntityCreator/EntityCreator.js CHANGED
@@ -9,7 +9,7 @@ var EntityCreator = function (_a) {
9
9
  attributeTypesSelectionStrategy,
10
10
  entityType
11
11
  ]);
12
- return entity ? (React.createElement(AttributesList, { attrTypes: attributeTypes, entity: entity, showEmptyEditors: true, drawLines: true, parentUri: entity.uri, mode: mode, crosswalks: entity.crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })) : null;
12
+ return entity ? (React.createElement(AttributesList, { key: entity.uri, attrTypes: attributeTypes, entity: entity, showEmptyEditors: true, drawLines: true, parentUri: entity.uri, mode: mode, crosswalks: entity.crosswalks, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })) : null;
13
13
  };
14
14
  EntityCreator.propTypes = {
15
15
  entityUri: PropTypes.string,
package/esm/hooks/useMatchesLoader.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { useCallback, useEffect, useMemo, useState } from 'react';
2
2
  import { useSelector } from 'react-redux';
3
3
  import mdmModule from '@reltio/mdm-module';
4
- import { ActivityFilters, collectAllTransitiveEntitiesUris, getEntitiesMap, getMatchesForDataTenantEntity, getMatchesFromDataTenants, getTransitiveMatches, isDataTenantEntity, withDtssPotentialItems } from '@reltio/mdm-sdk';
4
+ import { ActivityFilters, collectAllTransitiveEntitiesUris, getEntitiesMap, getMatchesForDataTenantEntity, getMatchesFromDataTenants, getTransitiveMatches, isDataTenantEntity, isTempUri, withDtssPotentialItems } from '@reltio/mdm-sdk';
5
5
  import { usePagingSimulator } from './usePagingSimulator';
6
6
  import { useSafePromise } from './useSafePromise';
7
7
  import { prop } from 'ramda';
@@ -31,7 +31,10 @@ export var useMatchesLoader = function (_a) {
31
31
  var safePromise = useSafePromise();
32
32
  var getMatches = useCallback(function (force) {
33
33
  if (force === void 0) { force = false; }
34
- if (!enabled) {
34
+ if (!enabled || isTempUri(entityUri)) {
35
+ setTotal(0);
36
+ setMatches([]);
37
+ setEntitiesMap({});
35
38
  return;
36
39
  }
37
40
  onStartLoading === null || onStartLoading === void 0 ? void 0 : onStartLoading();
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.948",
3
+ "version": "1.4.952",
4
4
  "license": "SEE LICENSE IN LICENSE FILE",
5
5
  "main": "./cjs/index.js",
6
6
  "module": "./esm/index.js",
7
7
  "dependencies": {
8
8
  "@date-io/moment": "^1.3.5",
9
9
  "@react-google-maps/api": "^2.7.0",
10
- "@reltio/mdm-module": "^1.4.948",
11
- "@reltio/mdm-sdk": "^1.4.948",
10
+ "@reltio/mdm-module": "^1.4.952",
11
+ "@reltio/mdm-sdk": "^1.4.952",
12
12
  "classnames": "^2.2.5",
13
13
  "d3-cloud": "^1.2.5",
14
14
  "d3-geo": "^2.0.1",