@reltio/components 1.4.1766 → 1.4.1768

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 (29) hide show
  1. package/cjs/components/BasicTableView/BasicTable/BasicTable.js +1 -1
  2. package/cjs/components/ReactSortableTree/index.d.ts +0 -2
  3. package/cjs/components/ReactSortableTree/index.js +4 -15
  4. package/cjs/components/ReactSortableTree/react-sortable-tree.d.ts +0 -1
  5. package/cjs/components/ReactSortableTree/react-sortable-tree.js +1 -8
  6. package/cjs/components/RelationEditor/RelationEditor.d.ts +2 -2
  7. package/cjs/components/RelationEditor/RelationEditor.js +1 -1
  8. package/cjs/components/UploadImageDialog/UploadImageDialog.js +8 -10
  9. package/cjs/components/index.d.ts +0 -1
  10. package/cjs/components/index.js +2 -4
  11. package/cjs/hooks/useRelationsLoader.d.ts +2 -2
  12. package/cjs/hooks/useRelationsLoader.js +0 -3
  13. package/esm/components/BasicTableView/BasicTable/BasicTable.js +1 -1
  14. package/esm/components/ReactSortableTree/index.d.ts +0 -2
  15. package/esm/components/ReactSortableTree/index.js +1 -5
  16. package/esm/components/ReactSortableTree/react-sortable-tree.d.ts +0 -1
  17. package/esm/components/ReactSortableTree/react-sortable-tree.js +1 -10
  18. package/esm/components/RelationEditor/RelationEditor.d.ts +2 -2
  19. package/esm/components/RelationEditor/RelationEditor.js +1 -1
  20. package/esm/components/UploadImageDialog/UploadImageDialog.js +8 -10
  21. package/esm/components/index.d.ts +0 -1
  22. package/esm/components/index.js +0 -1
  23. package/esm/hooks/useRelationsLoader.d.ts +2 -2
  24. package/esm/hooks/useRelationsLoader.js +1 -4
  25. package/package.json +3 -3
  26. package/cjs/components/DragAndDrop/DragAndDrop.d.ts +0 -6
  27. package/cjs/components/DragAndDrop/DragAndDrop.js +0 -46
  28. package/esm/components/DragAndDrop/DragAndDrop.d.ts +0 -6
  29. package/esm/components/DragAndDrop/DragAndDrop.js +0 -16
@@ -87,7 +87,7 @@ var BasicTable = (0, react_1.forwardRef)(function (_a, ref) {
87
87
  }
88
88
  return (react_1.default.createElement(RowCollapseContext_1.RowCollapseContext.Provider, { value: collapseContextValue },
89
89
  react_1.default.createElement(TableContext_1.TableContext.Provider, { value: context },
90
- react_1.default.createElement(Table_1.default, __assign({ autosizing: autosizing, maxHeight: maxHeight, defaultRowHeight: 48, onStartDragRow: onStartDragRow }, otherProps, { fixHead: tableRowsData.length > 0, headData: tableHeadData, rowsData: tableRowsData, sortField: (0, ramda_1.prop)('field', sorting), sortOrder: (0, ramda_1.prop)('order', sorting), onSort: onSort, headRowHeight: filters ? headRowHeight + styles_1.COLUMN_FILTER_HEIGHT : headRowHeight, ref: ref })))));
90
+ react_1.default.createElement(Table_1.default, __assign({ autosizing: autosizing, maxHeight: maxHeight, defaultRowHeight: 48, onStartDragRow: onStartDragRow }, otherProps, { fixHead: tableRowsData.length > 0, headData: tableHeadData, rowsData: tableRowsData, sortField: (0, ramda_1.prop)('field', sorting), sortOrder: (0, ramda_1.prop)('order', sorting), onSort: onSort, headRowHeight: filters ? headRowHeight + styles_1.COLUMN_FILTER_HEIGHT : headRowHeight, shouldRenderDndProvider: false, ref: ref })))));
91
91
  });
92
92
  exports.BasicTableType = {
93
93
  columnsData: prop_types_1.default.arrayOf(prop_types_2.ColumnDataType).isRequired,
@@ -1,6 +1,4 @@
1
1
  export * from "./utils/default-handlers";
2
2
  export * from "./utils/tree-data-utils";
3
3
  export default SortableTree;
4
- export { SortableTreeWithoutDndContext };
5
4
  import SortableTree from './react-sortable-tree';
6
- import { SortableTreeWithoutDndContext } from './react-sortable-tree';
@@ -10,25 +10,14 @@ var __createBinding = (this && this.__createBinding) || (Object.create ? (functi
10
10
  if (k2 === undefined) k2 = k;
11
11
  o[k2] = m[k];
12
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
- };
25
13
  var __exportStar = (this && this.__exportStar) || function(m, exports) {
26
14
  for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
27
15
  };
16
+ var __importDefault = (this && this.__importDefault) || function (mod) {
17
+ return (mod && mod.__esModule) ? mod : { "default": mod };
18
+ };
28
19
  Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.SortableTreeWithoutDndContext = void 0;
30
- var react_sortable_tree_1 = __importStar(require("./react-sortable-tree"));
31
- Object.defineProperty(exports, "SortableTreeWithoutDndContext", { enumerable: true, get: function () { return react_sortable_tree_1.SortableTreeWithoutDndContext; } });
20
+ var react_sortable_tree_1 = __importDefault(require("./react-sortable-tree"));
32
21
  __exportStar(require("./utils/default-handlers"), exports);
33
22
  __exportStar(require("./utils/tree-data-utils"), exports);
34
23
  exports.default = react_sortable_tree_1.default;
@@ -1,3 +1,2 @@
1
1
  export default SortableTree;
2
- export function SortableTreeWithoutDndContext(props: any): JSX.Element;
3
2
  declare function SortableTree(props: any): JSX.Element;
@@ -52,7 +52,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
52
52
  return (mod && mod.__esModule) ? mod : { "default": mod };
53
53
  };
54
54
  Object.defineProperty(exports, "__esModule", { value: true });
55
- exports.SortableTreeWithoutDndContext = void 0;
56
55
  var react_1 = __importStar(require("react"));
57
56
  var prop_types_1 = __importDefault(require("prop-types"));
58
57
  var react_virtualized_1 = require("react-virtualized");
@@ -61,7 +60,6 @@ var frontend_collective_react_dnd_scrollzone_1 = __importStar(require("frontend-
61
60
  var react_dnd_1 = require("react-dnd");
62
61
  var react_lifecycles_compat_1 = require("react-lifecycles-compat");
63
62
  var withStyles_1 = __importDefault(require("@mui/styles/withStyles"));
64
- var DragAndDrop_1 = require("../DragAndDrop/DragAndDrop");
65
63
  var tree_node_1 = __importDefault(require("./tree-node"));
66
64
  var node_renderer_default_1 = __importDefault(require("./node-renderer-default"));
67
65
  var tree_placeholder_1 = __importDefault(require("./tree-placeholder"));
@@ -803,13 +801,8 @@ ReactSortableTree.defaultProps = {
803
801
  };
804
802
  (0, react_lifecycles_compat_1.polyfill)(ReactSortableTree);
805
803
  var StyledReactSortableTree = (0, withStyles_1.default)(reactSortableTreeStyles_1.styles)(ReactSortableTree);
806
- var SortableTreeWithoutDndContext = function (props) { return (react_1.default.createElement(react_dnd_1.DndContext.Consumer, null, function (_a) {
804
+ var SortableTree = function (props) { return (react_1.default.createElement(react_dnd_1.DndContext.Consumer, null, function (_a) {
807
805
  var dragDropManager = _a.dragDropManager;
808
806
  return dragDropManager === undefined ? null : (react_1.default.createElement(StyledReactSortableTree, __assign({}, props, { dragDropManager: dragDropManager })));
809
807
  })); };
810
- exports.SortableTreeWithoutDndContext = SortableTreeWithoutDndContext;
811
- var SortableTree = function (props) {
812
- return (react_1.default.createElement(DragAndDrop_1.DragAndDrop, null,
813
- react_1.default.createElement(SortableTreeWithoutDndContext, __assign({}, props))));
814
- };
815
808
  exports.default = SortableTree;
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
- import { Connection, RelationsViewConfig, Mode, Metadata } from '@reltio/mdm-sdk';
2
+ import { Connection, RelationsViewConfig, RelationsTableViewConfig, Mode, Metadata } from '@reltio/mdm-sdk';
3
3
  import { ScrollToElementContext } from '../../contexts';
4
4
  type Props = {
5
5
  connection: Connection;
6
- config: RelationsViewConfig;
6
+ config: RelationsViewConfig | RelationsTableViewConfig;
7
7
  mode: Mode;
8
8
  metadata: Metadata;
9
9
  highlightedError?: React.ContextType<typeof ScrollToElementContext>;
@@ -187,7 +187,7 @@ var RelationEditor = function (_a) {
187
187
  }, [setModifiedEntity, onChangeEntity, mode, metadata]);
188
188
  var errorMessage = (0, mdm_sdk_1.getErrorMessage)(error);
189
189
  var getEntityTypesUris = (0, react_1.useCallback)(function () {
190
- var content = config.content, contentSecondLevel = config.contentSecondLevel;
190
+ var _a = config, content = _a.content, contentSecondLevel = _a.contentSecondLevel;
191
191
  if (contentSecondLevel && connection.parentEntityUri) {
192
192
  return contentSecondLevel.entityTypes;
193
193
  }
@@ -40,7 +40,6 @@ var DividerWithText_1 = require("./DividerWithText/DividerWithText");
40
40
  var ErrorSnackbar_1 = require("./ErrorSnackbar/ErrorSnackbar");
41
41
  var constants_1 = require("./constants");
42
42
  var styles_1 = require("./styles");
43
- var DragAndDrop_1 = require("../DragAndDrop/DragAndDrop");
44
43
  var contexts_1 = require("../../contexts");
45
44
  var UploadImageDialog = function (_a) {
46
45
  var open = _a.open, onClose = _a.onClose, onUpload = _a.onUpload;
@@ -81,14 +80,13 @@ var UploadImageDialog = function (_a) {
81
80
  var handleSendImage = function (url) {
82
81
  uploadImage(url);
83
82
  };
84
- return (react_1.default.createElement(DragAndDrop_1.DragAndDrop, null,
85
- react_1.default.createElement(Dialog_1.default, { open: open, onClose: onClose, classes: { paper: styles.dialogPaper } },
86
- react_1.default.createElement(Typography_1.default, { className: styles.title }, ui_i18n_1.default.text('Add new image')),
87
- react_1.default.createElement(Box_1.default, { className: styles.body },
88
- react_1.default.createElement(TargetBox_1.TargetBox, { className: styles.targetBox, onAppendFile: handleAppendImage }),
89
- react_1.default.createElement(DividerWithText_1.DividerWithText, { className: styles.divider }, ui_i18n_1.default.text('or')),
90
- react_1.default.createElement(ImageByUrlField_1.ImageByUrlField, { onSend: handleSendImage })),
91
- loading && react_1.default.createElement(LinearLoadIndicator_1.default, null),
92
- react_1.default.createElement(ErrorSnackbar_1.ErrorSnackbar, { error: error, onClose: function () { return setError(null); } }))));
83
+ return (react_1.default.createElement(Dialog_1.default, { open: open, onClose: onClose, classes: { paper: styles.dialogPaper } },
84
+ react_1.default.createElement(Typography_1.default, { className: styles.title }, ui_i18n_1.default.text('Add new image')),
85
+ react_1.default.createElement(Box_1.default, { className: styles.body },
86
+ react_1.default.createElement(TargetBox_1.TargetBox, { className: styles.targetBox, onAppendFile: handleAppendImage }),
87
+ react_1.default.createElement(DividerWithText_1.DividerWithText, { className: styles.divider }, ui_i18n_1.default.text('or')),
88
+ react_1.default.createElement(ImageByUrlField_1.ImageByUrlField, { onSend: handleSendImage })),
89
+ loading && react_1.default.createElement(LinearLoadIndicator_1.default, null),
90
+ react_1.default.createElement(ErrorSnackbar_1.ErrorSnackbar, { error: error, onClose: function () { return setError(null); } })));
93
91
  };
94
92
  exports.UploadImageDialog = UploadImageDialog;
@@ -141,7 +141,6 @@ export { default as AttributeGroupIcon } from './AttributeGroupIcon/AttributeGro
141
141
  export { default as AttributesFiltersButton } from './AttributesFiltersButton/AttributesFiltersButton';
142
142
  export { default as AttributesFiltersBuilder } from './AttributesFiltersBuilder/AttributesFiltersBuilder';
143
143
  export { ConnectionEditor } from './ConnectionEditor';
144
- export { DragAndDrop } from './DragAndDrop/DragAndDrop';
145
144
  export * from './AttributesFiltersBuilder';
146
145
  export { default as MultiValueSelector } from './MultiValueSelector/MultiValueSelector';
147
146
  export { default as MatchRulesSelector } from './MatchRulesSelector/MatchRulesSelector';
@@ -19,8 +19,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
19
19
  Object.defineProperty(exports, "__esModule", { value: true });
20
20
  exports.EmptyState = exports.NoResults = exports.NoData = exports.DropDownSelector = exports.DropDownMenuButton = exports.Drawer = exports.DataTypeValue = exports.ConnectionRelationTypeSelector = exports.ConfigureColumnsPopup = exports.MenuWithPopper = exports.MenuList = exports.LoadMoreButton = exports.DropdownIndicatorWithIconButton = exports.DropdownIndicator = exports.CommentsContainer = exports.ColorBar = exports.CollapseButton = exports.CollaborationItem = exports.ClickAwayProvider = exports.BasicViewHeader = exports.BasicViewContent = exports.BasicView = exports.ScreenProfileBand = exports.ProfileBandNavigation = exports.AvatarWithFallback = exports.AutoSizeList = exports.ReadOnlyAttributesPager = exports.SimpleAttribute = exports.ReferenceAttribute = exports.NestedAttribute = exports.EditableImageAttributesLine = exports.ImageAttributesLine = exports.ReadOnlyAttributesList = exports.ReadOnlyAttributeValuesBlock = exports.EditableAttribute = exports.ReadOnlyAttribute = exports.CardinalityMessage = exports.AttributesPager = exports.SimpleAttributeEditor = exports.RelationTypeSelector = exports.ReferenceAttributeEditor = exports.NestedAttributeEditor = exports.MoreAttributesButton = exports.EntitySelector = exports.EntityCreator = exports.AttributesList = exports.BranchDecorator = exports.DescriptionIcon = exports.AttributesView = exports.AttributeListItem = void 0;
21
21
  exports.SearchInput = exports.ProfileResizablePanes = exports.ResizablePanes = exports.ReltioGridLayout = exports.ReactSortableTreeUtils = exports.ReactSortableTreeHandlers = exports.ReactSortableTree = exports.ReactSelectOptionFilters = exports.MultiSelect = exports.QueryBuilderRowsGroup = exports.QueryBuilderRow = exports.ProfileCard = exports.ProfileBand = exports.PotentialMatchReviewCard = exports.PopupWithArrow = exports.Popper = exports.MultipleInput = exports.ModeSwitcherSelect = exports.ModeSwitcher = exports.TransitiveMatchBlock = exports.SimpleMatchRulesBuilder = exports.SimpleMatchRulesBlock = exports.SimpleMatchRules = exports.MatchRuleVariant = exports.MatchRulesBlock = exports.LoadingSpinner = exports.Link = exports.LinearLoadIndicator = exports.ImportModes = exports.ImportButton = exports.ImageGalleryDialog = exports.Highlighter = exports.HierarchicalAttributeTooltip = exports.HideOnShrink = exports.FlipCard = exports.FacetViewHeader = exports.ExternalInvalidRelations = exports.ExpandedValueTooltip = exports.ErrorWrapper = exports.ErrorPopup = exports.AttributesErrorsPanel = exports.ErrorBoundary = exports.EntityUriLink = exports.RelationTypesSelector = exports.EntityTypesSelector = exports.EntityTypeIcon = exports.EntityTypeBadge = exports.EntityAvatar = exports.EMPTY_STATE_VARIANTS = exports.EMPTY_STATE_ICONS = void 0;
22
- exports.DataTenantBadge = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.DragAndDrop = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.ColoredSourceIcon = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = void 0;
23
- exports.ActionsPanel = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.MultilineMenuItem = exports.RelevanceScoreBadge = exports.RequiredMark = exports.HierarchyNodeTitle = void 0;
22
+ exports.HierarchyNodeTitle = exports.DataTenantBadge = exports.SettingsMenu = exports.TenantsDropDownSelector = exports.TenantIcon = exports.SourceSystemsSelector = exports.MatchRulesSelector = exports.MultiValueSelector = exports.ConnectionEditor = exports.AttributesFiltersBuilder = exports.AttributesFiltersButton = exports.AttributeGroupIcon = exports.BasicAttributeSelector = exports.ProfilesList = exports.ActionButtonMode = exports.ActionButton = exports.NotMatchButton = exports.MergeButton = exports.ProfileMatchCard = exports.RelationEditor = exports.OvIcon = exports.ErrorMessage = exports.ReltioMap = exports.ConfirmDeleteDialog = exports.ConfirmationDialog = exports.Marginator = exports.LightArrowTooltip = exports.ArrowExpandButton = exports.ScrollableTabs = exports.ExpandableSearchInput = exports.VirtualGroupedList = exports.ViewMoreToggle = exports.VerticalHeadingsTable = exports.VerticalDivider = exports.AttributeTitle = exports.Spacer = exports.ColoredSourceIcon = exports.SourceIcon = exports.SmallIconButtonWithTooltip = exports.SmallIconButton = exports.SimpleDropDownSelector = exports.SidePanelContentHeader = exports.SidePanel = exports.SidePanelEmptyState = exports.SideButtonsPanel = exports.SelectorWithOnlyOptionAutoSelect = exports.SelectionPopupPopper = exports.SelectionPopup = exports.useKeyboardNavigation = exports.WhiteSearchInput = void 0;
23
+ exports.ActionsPanel = exports.LogicOperator = exports.TableSkeleton = exports.StepNavigation = exports.TenantLabel = exports.MultilineMenuItem = exports.RelevanceScoreBadge = exports.RequiredMark = void 0;
24
24
  __exportStar(require("./activityLog"), exports);
25
25
  var AttributeListItem_1 = require("./AttributeListItem/AttributeListItem");
26
26
  Object.defineProperty(exports, "AttributeListItem", { enumerable: true, get: function () { return __importDefault(AttributeListItem_1).default; } });
@@ -306,8 +306,6 @@ var AttributesFiltersBuilder_1 = require("./AttributesFiltersBuilder/AttributesF
306
306
  Object.defineProperty(exports, "AttributesFiltersBuilder", { enumerable: true, get: function () { return __importDefault(AttributesFiltersBuilder_1).default; } });
307
307
  var ConnectionEditor_1 = require("./ConnectionEditor");
308
308
  Object.defineProperty(exports, "ConnectionEditor", { enumerable: true, get: function () { return ConnectionEditor_1.ConnectionEditor; } });
309
- var DragAndDrop_1 = require("./DragAndDrop/DragAndDrop");
310
- Object.defineProperty(exports, "DragAndDrop", { enumerable: true, get: function () { return DragAndDrop_1.DragAndDrop; } });
311
309
  __exportStar(require("./AttributesFiltersBuilder"), exports);
312
310
  var MultiValueSelector_1 = require("./MultiValueSelector/MultiValueSelector");
313
311
  Object.defineProperty(exports, "MultiValueSelector", { enumerable: true, get: function () { return __importDefault(MultiValueSelector_1).default; } });
@@ -1,4 +1,4 @@
1
- import { ActivityFilter, Entity, Mode, RelationsViewConfig } from '@reltio/mdm-sdk';
1
+ import { ActivityFilter, Entity, Mode, RelationsViewConfig, RelationsTableViewConfig } from '@reltio/mdm-sdk';
2
2
  type Props = {
3
3
  sorting?: {
4
4
  field: string;
@@ -7,7 +7,7 @@ type Props = {
7
7
  filter?: string;
8
8
  page: number;
9
9
  rowsPerPage: number;
10
- config: Pick<RelationsViewConfig, 'suggested' | 'content' | 'id'>;
10
+ config: Pick<RelationsViewConfig | RelationsTableViewConfig, 'suggested' | 'content' | 'id'>;
11
11
  entity: Entity;
12
12
  relationActivityFilter?: ActivityFilter;
13
13
  mode: Mode;
@@ -104,9 +104,6 @@ var useRelationsLoader = function (_a) {
104
104
  if (dataSorted === false && showSnackbarMessage) {
105
105
  showSnackbarMessage(ui_i18n_1.default.text('This profile contains a large number of relationships. We have disabled filtering and sorting to help optimize performance.'));
106
106
  }
107
- if ((connections || []).some((0, ramda_1.pipe)((0, ramda_1.path)(['relation', 'object']), ramda_1.isNil))) {
108
- console.error("loadRelations request, object is undefined (RP-125251)',\n connections: ".concat(JSON.stringify(connections), ",\n requestConfig: ").concat(JSON.stringify(configs_1), "\n entity.uri: ").concat(entity.uri, "\n tenant: ").concat(tenant, "\n entity.dataTenant: ").concat(entity.dataTenant));
109
- }
110
107
  relationsLoaded({ id: config.id, connections: connections, total: total, mode: modeRef.current });
111
108
  })
112
109
  .catch(function (e) {
@@ -58,7 +58,7 @@ var BasicTable = forwardRef(function (_a, ref) {
58
58
  }
59
59
  return (React.createElement(RowCollapseContext.Provider, { value: collapseContextValue },
60
60
  React.createElement(TableContext.Provider, { value: context },
61
- React.createElement(Table, __assign({ autosizing: autosizing, maxHeight: maxHeight, defaultRowHeight: 48, onStartDragRow: onStartDragRow }, otherProps, { fixHead: tableRowsData.length > 0, headData: tableHeadData, rowsData: tableRowsData, sortField: prop('field', sorting), sortOrder: prop('order', sorting), onSort: onSort, headRowHeight: filters ? headRowHeight + COLUMN_FILTER_HEIGHT : headRowHeight, ref: ref })))));
61
+ React.createElement(Table, __assign({ autosizing: autosizing, maxHeight: maxHeight, defaultRowHeight: 48, onStartDragRow: onStartDragRow }, otherProps, { fixHead: tableRowsData.length > 0, headData: tableHeadData, rowsData: tableRowsData, sortField: prop('field', sorting), sortOrder: prop('order', sorting), onSort: onSort, headRowHeight: filters ? headRowHeight + COLUMN_FILTER_HEIGHT : headRowHeight, shouldRenderDndProvider: false, ref: ref })))));
62
62
  });
63
63
  export var BasicTableType = {
64
64
  columnsData: PropTypes.arrayOf(ColumnDataType).isRequired,
@@ -1,6 +1,4 @@
1
1
  export * from "./utils/default-handlers";
2
2
  export * from "./utils/tree-data-utils";
3
3
  export default SortableTree;
4
- export { SortableTreeWithoutDndContext };
5
4
  import SortableTree from './react-sortable-tree';
6
- import { SortableTreeWithoutDndContext } from './react-sortable-tree';
@@ -1,8 +1,4 @@
1
- import SortableTree, { SortableTreeWithoutDndContext } from './react-sortable-tree';
1
+ import SortableTree from './react-sortable-tree';
2
2
  export * from './utils/default-handlers';
3
3
  export * from './utils/tree-data-utils';
4
4
  export default SortableTree;
5
- // Export the tree component without the react-dnd DragDropContext,
6
- // for when component is used with other components using react-dnd.
7
- // see: https://github.com/gaearon/react-dnd/issues/186
8
- export { SortableTreeWithoutDndContext };
@@ -1,3 +1,2 @@
1
1
  export default SortableTree;
2
- export function SortableTreeWithoutDndContext(props: any): JSX.Element;
3
2
  declare function SortableTree(props: any): JSX.Element;
@@ -32,7 +32,6 @@ import withScrolling, { createScrollingComponent, createVerticalStrength, create
32
32
  import { DndContext } from 'react-dnd';
33
33
  import { polyfill } from 'react-lifecycles-compat';
34
34
  import withStyles from '@mui/styles/withStyles';
35
- import { DragAndDrop } from '../DragAndDrop/DragAndDrop';
36
35
  import TreeNode from './tree-node';
37
36
  import NodeRendererDefault from './node-renderer-default';
38
37
  import TreePlaceholder from './tree-placeholder';
@@ -774,16 +773,8 @@ ReactSortableTree.defaultProps = {
774
773
  };
775
774
  polyfill(ReactSortableTree);
776
775
  var StyledReactSortableTree = withStyles(styles)(ReactSortableTree);
777
- var SortableTreeWithoutDndContext = function (props) { return (React.createElement(DndContext.Consumer, null, function (_a) {
776
+ var SortableTree = function (props) { return (React.createElement(DndContext.Consumer, null, function (_a) {
778
777
  var dragDropManager = _a.dragDropManager;
779
778
  return dragDropManager === undefined ? null : (React.createElement(StyledReactSortableTree, __assign({}, props, { dragDropManager: dragDropManager })));
780
779
  })); };
781
- var SortableTree = function (props) {
782
- return (React.createElement(DragAndDrop, null,
783
- React.createElement(SortableTreeWithoutDndContext, __assign({}, props))));
784
- };
785
- // Export the tree component without the react-dnd DragDropContext,
786
- // for when component is used with other components using react-dnd.
787
- // see: https://github.com/gaearon/react-dnd/issues/186
788
- export { SortableTreeWithoutDndContext };
789
780
  export default SortableTree;
@@ -1,9 +1,9 @@
1
1
  import React from 'react';
2
- import { Connection, RelationsViewConfig, Mode, Metadata } from '@reltio/mdm-sdk';
2
+ import { Connection, RelationsViewConfig, RelationsTableViewConfig, Mode, Metadata } from '@reltio/mdm-sdk';
3
3
  import { ScrollToElementContext } from '../../contexts';
4
4
  type Props = {
5
5
  connection: Connection;
6
- config: RelationsViewConfig;
6
+ config: RelationsViewConfig | RelationsTableViewConfig;
7
7
  mode: Mode;
8
8
  metadata: Metadata;
9
9
  highlightedError?: React.ContextType<typeof ScrollToElementContext>;
@@ -159,7 +159,7 @@ var RelationEditor = function (_a) {
159
159
  }, [setModifiedEntity, onChangeEntity, mode, metadata]);
160
160
  var errorMessage = getErrorMessage(error);
161
161
  var getEntityTypesUris = useCallback(function () {
162
- var content = config.content, contentSecondLevel = config.contentSecondLevel;
162
+ var _a = config, content = _a.content, contentSecondLevel = _a.contentSecondLevel;
163
163
  if (contentSecondLevel && connection.parentEntityUri) {
164
164
  return contentSecondLevel.entityTypes;
165
165
  }
@@ -11,7 +11,6 @@ import { DividerWithText } from './DividerWithText/DividerWithText';
11
11
  import { ErrorSnackbar } from './ErrorSnackbar/ErrorSnackbar';
12
12
  import { IMAGE_TYPES, MAX_IMAGE_SIZE } from './constants';
13
13
  import { useStyles } from './styles';
14
- import { DragAndDrop } from '../DragAndDrop/DragAndDrop';
15
14
  import { useMdmEnvironment, useMdmImageServicePath, useMdmTenant } from '../../contexts';
16
15
  export var UploadImageDialog = function (_a) {
17
16
  var open = _a.open, onClose = _a.onClose, onUpload = _a.onUpload;
@@ -52,13 +51,12 @@ export var UploadImageDialog = function (_a) {
52
51
  var handleSendImage = function (url) {
53
52
  uploadImage(url);
54
53
  };
55
- return (React.createElement(DragAndDrop, null,
56
- React.createElement(Dialog, { open: open, onClose: onClose, classes: { paper: styles.dialogPaper } },
57
- React.createElement(Typography, { className: styles.title }, i18n.text('Add new image')),
58
- React.createElement(Box, { className: styles.body },
59
- React.createElement(TargetBox, { className: styles.targetBox, onAppendFile: handleAppendImage }),
60
- React.createElement(DividerWithText, { className: styles.divider }, i18n.text('or')),
61
- React.createElement(ImageByUrlField, { onSend: handleSendImage })),
62
- loading && React.createElement(LinearLoadIndicator, null),
63
- React.createElement(ErrorSnackbar, { error: error, onClose: function () { return setError(null); } }))));
54
+ return (React.createElement(Dialog, { open: open, onClose: onClose, classes: { paper: styles.dialogPaper } },
55
+ React.createElement(Typography, { className: styles.title }, i18n.text('Add new image')),
56
+ React.createElement(Box, { className: styles.body },
57
+ React.createElement(TargetBox, { className: styles.targetBox, onAppendFile: handleAppendImage }),
58
+ React.createElement(DividerWithText, { className: styles.divider }, i18n.text('or')),
59
+ React.createElement(ImageByUrlField, { onSend: handleSendImage })),
60
+ loading && React.createElement(LinearLoadIndicator, null),
61
+ React.createElement(ErrorSnackbar, { error: error, onClose: function () { return setError(null); } })));
64
62
  };
@@ -141,7 +141,6 @@ export { default as AttributeGroupIcon } from './AttributeGroupIcon/AttributeGro
141
141
  export { default as AttributesFiltersButton } from './AttributesFiltersButton/AttributesFiltersButton';
142
142
  export { default as AttributesFiltersBuilder } from './AttributesFiltersBuilder/AttributesFiltersBuilder';
143
143
  export { ConnectionEditor } from './ConnectionEditor';
144
- export { DragAndDrop } from './DragAndDrop/DragAndDrop';
145
144
  export * from './AttributesFiltersBuilder';
146
145
  export { default as MultiValueSelector } from './MultiValueSelector/MultiValueSelector';
147
146
  export { default as MatchRulesSelector } from './MatchRulesSelector/MatchRulesSelector';
@@ -141,7 +141,6 @@ export { default as AttributeGroupIcon } from './AttributeGroupIcon/AttributeGro
141
141
  export { default as AttributesFiltersButton } from './AttributesFiltersButton/AttributesFiltersButton';
142
142
  export { default as AttributesFiltersBuilder } from './AttributesFiltersBuilder/AttributesFiltersBuilder';
143
143
  export { ConnectionEditor } from './ConnectionEditor';
144
- export { DragAndDrop } from './DragAndDrop/DragAndDrop';
145
144
  export * from './AttributesFiltersBuilder';
146
145
  export { default as MultiValueSelector } from './MultiValueSelector/MultiValueSelector';
147
146
  export { default as MatchRulesSelector } from './MatchRulesSelector/MatchRulesSelector';
@@ -1,4 +1,4 @@
1
- import { ActivityFilter, Entity, Mode, RelationsViewConfig } from '@reltio/mdm-sdk';
1
+ import { ActivityFilter, Entity, Mode, RelationsViewConfig, RelationsTableViewConfig } from '@reltio/mdm-sdk';
2
2
  type Props = {
3
3
  sorting?: {
4
4
  field: string;
@@ -7,7 +7,7 @@ type Props = {
7
7
  filter?: string;
8
8
  page: number;
9
9
  rowsPerPage: number;
10
- config: Pick<RelationsViewConfig, 'suggested' | 'content' | 'id'>;
10
+ config: Pick<RelationsViewConfig | RelationsTableViewConfig, 'suggested' | 'content' | 'id'>;
11
11
  entity: Entity;
12
12
  relationActivityFilter?: ActivityFilter;
13
13
  mode: Mode;
@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
10
10
  return __assign.apply(this, arguments);
11
11
  };
12
12
  import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
13
- import { cond, path, pipe, prop, T, evolve, filter as filterFn, isNil, when, identity, times, length, ifElse, always } from 'ramda';
13
+ import { cond, pipe, prop, T, evolve, filter as filterFn, when, identity, times, length, ifElse, always } from 'ramda';
14
14
  import i18n from 'ui-i18n';
15
15
  import { ActivityFilter, addGlobalFilterToQuery, getRelationsForDataTenantEntity, getRelationsForEntity, isAvailableEntityTypeUri, isAvailableRelationTypeUri, isDataTenantEntity, getInOutRelationUri, isTempUri, Mode, wrapInArrayIfNeeded } from '@reltio/mdm-sdk';
16
16
  import { useSafePromise } from './useSafePromise';
@@ -98,9 +98,6 @@ export var useRelationsLoader = function (_a) {
98
98
  if (dataSorted === false && showSnackbarMessage) {
99
99
  showSnackbarMessage(i18n.text('This profile contains a large number of relationships. We have disabled filtering and sorting to help optimize performance.'));
100
100
  }
101
- if ((connections || []).some(pipe(path(['relation', 'object']), isNil))) {
102
- console.error("loadRelations request, object is undefined (RP-125251)',\n connections: ".concat(JSON.stringify(connections), ",\n requestConfig: ").concat(JSON.stringify(configs_1), "\n entity.uri: ").concat(entity.uri, "\n tenant: ").concat(tenant, "\n entity.dataTenant: ").concat(entity.dataTenant));
103
- }
104
101
  relationsLoaded({ id: config.id, connections: connections, total: total, mode: modeRef.current });
105
102
  })
106
103
  .catch(function (e) {
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@reltio/components",
3
- "version": "1.4.1766",
3
+ "version": "1.4.1768",
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
  "@fluentui/react-context-selector": "^9.1.26",
9
9
  "@react-google-maps/api": "2.7.0",
10
- "@reltio/mdm-sdk": "^1.4.1743",
10
+ "@reltio/mdm-sdk": "^1.4.1744",
11
11
  "classnames": "^2.2.5",
12
12
  "d3-cloud": "^1.2.5",
13
13
  "d3-geo": "^2.0.1",
@@ -19,7 +19,7 @@
19
19
  "prop-types": "^15.6.2",
20
20
  "ramda": "^0.28.0",
21
21
  "react-autosuggest": "^9.4.3",
22
- "react-components": "bitbucket:reltio-ondemand/react-components#v3.25.0",
22
+ "react-components": "bitbucket:reltio-ondemand/react-components#v3.25.1",
23
23
  "react-dnd": "^9.4.0",
24
24
  "react-dnd-html5-backend": "^10.0.2",
25
25
  "react-grid-layout": "1.4.2",
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- type Props = {
3
- children?: React.ReactNode;
4
- };
5
- export declare const DragAndDrop: (props: Props) => JSX.Element;
6
- export {};
@@ -1,46 +0,0 @@
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
- };
25
- var __importDefault = (this && this.__importDefault) || function (mod) {
26
- return (mod && mod.__esModule) ? mod : { "default": mod };
27
- };
28
- Object.defineProperty(exports, "__esModule", { value: true });
29
- exports.DragAndDrop = void 0;
30
- // This component fixes "Cannot have two HTML5 backends at the same time" error.
31
- // Check issue and solution https://github.com/react-dnd/react-dnd/issues/186#issuecomment-561631584
32
- var react_dnd_1 = require("react-dnd");
33
- var react_dnd_html5_backend_1 = __importDefault(require("react-dnd-html5-backend"));
34
- var react_1 = __importStar(require("react"));
35
- var RNDContext = (0, react_dnd_1.createDndContext)(react_dnd_html5_backend_1.default);
36
- var useDNDProviderElement = function (props) {
37
- var manager = (0, react_1.useRef)(RNDContext);
38
- if (!props.children)
39
- return null;
40
- return react_1.default.createElement(react_dnd_1.DndProvider, { manager: manager.current.dragDropManager }, props.children);
41
- };
42
- var DragAndDrop = function (props) {
43
- var DNDElement = useDNDProviderElement(props);
44
- return react_1.default.createElement(react_1.default.Fragment, null, DNDElement);
45
- };
46
- exports.DragAndDrop = DragAndDrop;
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- type Props = {
3
- children?: React.ReactNode;
4
- };
5
- export declare const DragAndDrop: (props: Props) => JSX.Element;
6
- export {};
@@ -1,16 +0,0 @@
1
- // This component fixes "Cannot have two HTML5 backends at the same time" error.
2
- // Check issue and solution https://github.com/react-dnd/react-dnd/issues/186#issuecomment-561631584
3
- import { DndProvider, createDndContext } from 'react-dnd';
4
- import HTML5Backend from 'react-dnd-html5-backend';
5
- import React, { useRef } from 'react';
6
- var RNDContext = createDndContext(HTML5Backend);
7
- var useDNDProviderElement = function (props) {
8
- var manager = useRef(RNDContext);
9
- if (!props.children)
10
- return null;
11
- return React.createElement(DndProvider, { manager: manager.current.dragDropManager }, props.children);
12
- };
13
- export var DragAndDrop = function (props) {
14
- var DNDElement = useDNDProviderElement(props);
15
- return React.createElement(React.Fragment, null, DNDElement);
16
- };