@reltio/components 1.4.1867 → 1.4.1869

package/cjs/ConnectionEditor/ConnectionEditor.test.js

@@ -360,8 +360,10 @@ describe('ConnectionEditor test', function () {
                 onChangeEntity: onChangeEntity
             });
             newEntity = {
-                entityUri: 'entities/entityCommittee',
-                entityType: 'configuration/entityTypes/Committee'
+                uri: 'entities/entityCommittee',
+                type: 'configuration/entityTypes/Committee',
+                label: 'Committee',
+                entityType: { uri: 'configuration/entityTypes/Committee' }
             };
             (0, test_utils_1.act)(function () {
                 component.find(EntitySelector_1.EntitySelector).prop('onChange')(newEntity);

package/cjs/EditModeComplexAttribute/EditModeComplexAttribute.d.ts

@@ -16,8 +16,9 @@ export type EditModeComplexAttributeProps<T> = {
     showEmptyEditors?: boolean;
     onAddOneMore?: () => void;
     onAddAttributes: (attribute: {
-        uri: string;
+        parentUri: string;
         attributeType: AttributeType;
+        index?: number;
     }[]) => void;
     onDeleteAttribute: (attribute: {
         uri: string;

package/cjs/EditModeComplexAttribute/EditModeComplexAttribute.js

@@ -94,7 +94,7 @@ var EditModeComplexAttribute = function (_a) {
         });
     }, [attributeValue, hasAnalyticValue]);
     var errorMessage = (0, mdm_sdk_1.getErrorMessage)(ownError) || (hasDescendantsWithErrors && ui_i18n_1.default.text('Has an incorrect value')) || '';
-    return lazy ? (react_1.default.createElement(Button_1.default, { variant: "text", color: "primary", onClick: onAddOneMore }, "Create attribute")) : (react_1.default.createElement("div", { ref: ref, className: (0, classnames_1.default)(styles.complexWrapper, errorClassName) },
+    return lazy ? (react_1.default.createElement(Button_1.default, { variant: "text", color: "primary", onClick: onAddOneMore }, "Create attribute")) : (react_1.default.createElement("div", { ref: ref, "data-reltio-id": "reltio-edit-mode-complex-attribute", className: (0, classnames_1.default)(styles.complexWrapper, errorClassName) },
         react_1.default.createElement("div", { className: styles.editor },
             react_1.default.createElement("div", { className: styles.titleContainer },
                 react_1.default.createElement(ArrowExpandButton_1.ArrowExpandButton, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded, className: styles.expandButton, disabled: deleted }),

package/cjs/EntitySelector/EntitySelector.d.ts

@@ -1,15 +1,16 @@
 import { ConnectionEntity, Mode, Metadata, GlobalSearchRequestOptions, TEntityType, AttributeType, PrimitiveValue } from '@reltio/mdm-sdk';
 import { TextFieldProps } from '@mui/material/TextField';
+import { EntityOption as EntityOptionType } from './types';
 type Props = {
     entity?: ConnectionEntity;
     entityTypesUris?: string[];
     mode: Mode;
     max?: number;
-    onChange: (entity: ConnectionEntity) => void;
+    onChange: (entity: EntityOptionType) => void;
     onCreate?: (entityTypeUri: string, value: PrimitiveValue) => void;
     metadata: Metadata;
     globalSearchRequestOptions: GlobalSearchRequestOptions;
-    attributeTypesSelectionStrategy: (entityType: TEntityType) => AttributeType[];
+    attributeTypesSelectionStrategy?: (entityType: TEntityType) => AttributeType[];
     disableLinkClick?: boolean;
     TextFieldProps?: TextFieldProps;
     className?: string;

package/cjs/EntitySelector/components/EntityOption/EntityOption.d.ts

@@ -1,17 +1,11 @@
 import { ForwardedRef } from 'react';
 import { MenuItemProps } from '@mui/material/MenuItem';
-import { TEntityType } from '@reltio/mdm-sdk';
-type Option = {
-    label: string;
-    uri: string;
-    entityType: TEntityType;
-    secondaryLabel?: string;
-};
+import { EntityOption as EntityOptionType } from '../../types';
 type Props = {
     innerProps: MenuItemProps;
     innerRef: ForwardedRef<HTMLLIElement>;
-    selectOption: (option: Option) => void;
-    data: Option;
+    selectOption: (option: Partial<EntityOptionType>) => void;
+    data: EntityOptionType;
 };
 export declare const EntityOption: ({ innerRef, innerProps, selectOption, data }: Props) => JSX.Element;
 export {};

package/cjs/EntitySelector/types.d.ts

@@ -0,0 +1,8 @@
+import { TEntityType } from '@reltio/mdm-sdk';
+export type EntityOption = {
+    label: string;
+    uri: string;
+    entityType: TEntityType;
+    type: string;
+    secondaryLabel?: string;
+};

package/cjs/EntitySelector/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/cjs/components/QueryBuilderRow/QueryBuilderRow.js

@@ -48,13 +48,13 @@ var QueryBuilderRow = function (_a) {
     var styles = (0, styles_1.default)();
     return (react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.row, classes.root), "data-reltio-id": "query-builder-row" },
         react_1.default.createElement(LogicOperatorComponent, { className: classes.logicOperatorContainer, rowContext: rowContext, rowData: previousRowData }),
-        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.rowItem, classes.attributeSelectorContainer) },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.rowItem, classes.attributeSelectorContainer), "data-reltio-id": "query-builder-row-attribute-selector" },
             react_1.default.createElement(AttributeSelectorComponent, { attributeSelectorProps: attributeSelectorProps, rowContext: rowContext, rowData: rowData })),
-        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.rowItem, classes.filterSelectorContainer) },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.rowItem, classes.filterSelectorContainer), "data-reltio-id": "query-builder-row-filter-selector" },
             react_1.default.createElement(FilterSelectorComponent, { textFieldInputRef: filterSelectorRef, rowContext: rowContext, rowData: rowData })),
-        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.rowItem, styles.fullWidth, classes.valuesEditorContainer) },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.rowItem, styles.fullWidth, classes.valuesEditorContainer), "data-reltio-id": "query-builder-row-values-editor" },
             react_1.default.createElement(ValuesEditorComponent, { rowContext: rowContext, rowData: rowData })),
-        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.rowItem, classes.actionsContainer, (_b = {}, _b[styles.hidden] = !rowData, _b)) },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(styles.rowItem, classes.actionsContainer, (_b = {}, _b[styles.hidden] = !rowData, _b)), "data-reltio-id": "query-builder-row-actions" },
             react_1.default.createElement(ActionsComponent, { rowContext: rowContext, rowData: rowData }))));
 };
 exports.default = (0, react_1.memo)(QueryBuilderRow);

package/cjs/components/QueryBuilderRowsGroup/QueryBuilderRowsGroup.js

@@ -39,7 +39,7 @@ var QueryBuilderRowsGroup = function (_a) {
             : {};
         return (react_1.default.createElement(QueryBuilderRow_1.default, __assign({ key: rowData && rowData.id, rowData: rowData, previousRowData: previousRow, classes: rowClasses, filterSelectorRef: index === filterSelectorRefIndex ? filterSelectorRef : undefined }, rowProps, lastRowProps)));
     };
-    return (react_1.default.createElement("div", { className: className },
+    return (react_1.default.createElement("div", { "data-reltio-id": "reltio-query-builder-rows-group", className: className },
         rowsData.map(renderRow),
         renderRow(null, rowsData.length, rowsData)));
 };

package/cjs/types/index.d.ts

@@ -71,11 +71,7 @@ export type BasicAttributeSelectorProps = {
     onSelect: (selectInfo: AttributeSelectionInfo) => void;
     onRestoreFocus?: () => void;
     onOpenPopup?: () => void;
-    getLabel?: (value: {
-        fieldName?: string;
-        pathToTitle?: string[];
-        title: string;
-    }) => string;
+    getLabel?: (value: AttributeSelectorItem) => string;
     disableRestoreFocus?: boolean;
     disableEnforceFocus?: boolean;
     single?: boolean;

package/esm/ConnectionEditor/ConnectionEditor.test.js

@@ -355,8 +355,10 @@ describe('ConnectionEditor test', function () {
                 onChangeEntity: onChangeEntity
             });
             newEntity = {
-                entityUri: 'entities/entityCommittee',
-                entityType: 'configuration/entityTypes/Committee'
+                uri: 'entities/entityCommittee',
+                type: 'configuration/entityTypes/Committee',
+                label: 'Committee',
+                entityType: { uri: 'configuration/entityTypes/Committee' }
             };
             act(function () {
                 component.find(EntitySelector).prop('onChange')(newEntity);

package/esm/EditModeComplexAttribute/EditModeComplexAttribute.d.ts

@@ -16,8 +16,9 @@ export type EditModeComplexAttributeProps<T> = {
     showEmptyEditors?: boolean;
     onAddOneMore?: () => void;
     onAddAttributes: (attribute: {
-        uri: string;
+        parentUri: string;
         attributeType: AttributeType;
+        index?: number;
     }[]) => void;
     onDeleteAttribute: (attribute: {
         uri: string;

package/esm/EditModeComplexAttribute/EditModeComplexAttribute.js

@@ -66,7 +66,7 @@ var EditModeComplexAttribute = function (_a) {
         });
     }, [attributeValue, hasAnalyticValue]);
     var errorMessage = getErrorMessage(ownError) || (hasDescendantsWithErrors && i18n.text('Has an incorrect value')) || '';
-    return lazy ? (React.createElement(Button, { variant: "text", color: "primary", onClick: onAddOneMore }, "Create attribute")) : (React.createElement("div", { ref: ref, className: classnames(styles.complexWrapper, errorClassName) },
+    return lazy ? (React.createElement(Button, { variant: "text", color: "primary", onClick: onAddOneMore }, "Create attribute")) : (React.createElement("div", { ref: ref, "data-reltio-id": "reltio-edit-mode-complex-attribute", className: classnames(styles.complexWrapper, errorClassName) },
         React.createElement("div", { className: styles.editor },
             React.createElement("div", { className: styles.titleContainer },
                 React.createElement(ArrowExpandButton, { onClick: function () { return setExpanded(function (value) { return !value; }); }, expanded: expanded, className: styles.expandButton, disabled: deleted }),

package/esm/EntitySelector/EntitySelector.d.ts

@@ -1,15 +1,16 @@
 import { ConnectionEntity, Mode, Metadata, GlobalSearchRequestOptions, TEntityType, AttributeType, PrimitiveValue } from '@reltio/mdm-sdk';
 import { TextFieldProps } from '@mui/material/TextField';
+import { EntityOption as EntityOptionType } from './types';
 type Props = {
     entity?: ConnectionEntity;
     entityTypesUris?: string[];
     mode: Mode;
     max?: number;
-    onChange: (entity: ConnectionEntity) => void;
+    onChange: (entity: EntityOptionType) => void;
     onCreate?: (entityTypeUri: string, value: PrimitiveValue) => void;
     metadata: Metadata;
     globalSearchRequestOptions: GlobalSearchRequestOptions;
-    attributeTypesSelectionStrategy: (entityType: TEntityType) => AttributeType[];
+    attributeTypesSelectionStrategy?: (entityType: TEntityType) => AttributeType[];
     disableLinkClick?: boolean;
     TextFieldProps?: TextFieldProps;
     className?: string;

package/esm/EntitySelector/components/EntityOption/EntityOption.d.ts

@@ -1,17 +1,11 @@
 import { ForwardedRef } from 'react';
 import { MenuItemProps } from '@mui/material/MenuItem';
-import { TEntityType } from '@reltio/mdm-sdk';
-type Option = {
-    label: string;
-    uri: string;
-    entityType: TEntityType;
-    secondaryLabel?: string;
-};
+import { EntityOption as EntityOptionType } from '../../types';
 type Props = {
     innerProps: MenuItemProps;
     innerRef: ForwardedRef<HTMLLIElement>;
-    selectOption: (option: Option) => void;
-    data: Option;
+    selectOption: (option: Partial<EntityOptionType>) => void;
+    data: EntityOptionType;
 };
 export declare const EntityOption: ({ innerRef, innerProps, selectOption, data }: Props) => JSX.Element;
 export {};

package/esm/EntitySelector/types.d.ts

@@ -0,0 +1,8 @@
+import { TEntityType } from '@reltio/mdm-sdk';
+export type EntityOption = {
+    label: string;
+    uri: string;
+    entityType: TEntityType;
+    type: string;
+    secondaryLabel?: string;
+};

package/esm/EntitySelector/types.js

@@ -0,0 +1 @@
+export {};

package/esm/components/QueryBuilderRow/QueryBuilderRow.js

@@ -20,13 +20,13 @@ var QueryBuilderRow = function (_a) {
     var styles = useStyles();
     return (React.createElement("div", { className: classnames(styles.row, classes.root), "data-reltio-id": "query-builder-row" },
         React.createElement(LogicOperatorComponent, { className: classes.logicOperatorContainer, rowContext: rowContext, rowData: previousRowData }),
-        React.createElement("div", { className: classnames(styles.rowItem, classes.attributeSelectorContainer) },
+        React.createElement("div", { className: classnames(styles.rowItem, classes.attributeSelectorContainer), "data-reltio-id": "query-builder-row-attribute-selector" },
             React.createElement(AttributeSelectorComponent, { attributeSelectorProps: attributeSelectorProps, rowContext: rowContext, rowData: rowData })),
-        React.createElement("div", { className: classnames(styles.rowItem, classes.filterSelectorContainer) },
+        React.createElement("div", { className: classnames(styles.rowItem, classes.filterSelectorContainer), "data-reltio-id": "query-builder-row-filter-selector" },
             React.createElement(FilterSelectorComponent, { textFieldInputRef: filterSelectorRef, rowContext: rowContext, rowData: rowData })),
-        React.createElement("div", { className: classnames(styles.rowItem, styles.fullWidth, classes.valuesEditorContainer) },
+        React.createElement("div", { className: classnames(styles.rowItem, styles.fullWidth, classes.valuesEditorContainer), "data-reltio-id": "query-builder-row-values-editor" },
             React.createElement(ValuesEditorComponent, { rowContext: rowContext, rowData: rowData })),
-        React.createElement("div", { className: classnames(styles.rowItem, classes.actionsContainer, (_b = {}, _b[styles.hidden] = !rowData, _b)) },
+        React.createElement("div", { className: classnames(styles.rowItem, classes.actionsContainer, (_b = {}, _b[styles.hidden] = !rowData, _b)), "data-reltio-id": "query-builder-row-actions" },
             React.createElement(ActionsComponent, { rowContext: rowContext, rowData: rowData }))));
 };
 export default memo(QueryBuilderRow);

package/esm/components/QueryBuilderRowsGroup/QueryBuilderRowsGroup.js

@@ -34,7 +34,7 @@ var QueryBuilderRowsGroup = function (_a) {
             : {};
         return (React.createElement(QueryBuilderRow, __assign({ key: rowData && rowData.id, rowData: rowData, previousRowData: previousRow, classes: rowClasses, filterSelectorRef: index === filterSelectorRefIndex ? filterSelectorRef : undefined }, rowProps, lastRowProps)));
     };
-    return (React.createElement("div", { className: className },
+    return (React.createElement("div", { "data-reltio-id": "reltio-query-builder-rows-group", className: className },
         rowsData.map(renderRow),
         renderRow(null, rowsData.length, rowsData)));
 };

package/esm/types/index.d.ts

@@ -71,11 +71,7 @@ export type BasicAttributeSelectorProps = {
     onSelect: (selectInfo: AttributeSelectionInfo) => void;
     onRestoreFocus?: () => void;
     onOpenPopup?: () => void;
-    getLabel?: (value: {
-        fieldName?: string;
-        pathToTitle?: string[];
-        title: string;
-    }) => string;
+    getLabel?: (value: AttributeSelectorItem) => string;
     disableRestoreFocus?: boolean;
     disableEnforceFocus?: boolean;
     single?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1867",
+  "version": "1.4.1869",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
@@ -8,7 +8,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@react-google-maps/api": "2.7.0",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1809",
+    "@reltio/mdm-sdk": "^1.4.1811",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",