@reltio/components 1.4.1862 → 1.4.1863

package/cjs/ConnectionEditor/ConnectionEditor.js

@@ -113,7 +113,7 @@ var ConnectionEditor = function (_a) {
     return (react_1.default.createElement(react_1.default.Fragment, null,
         onChangeRelationType && (react_1.default.createElement(ConnectionRelationTypeSelector_1.ConnectionRelationTypeSelector, { className: styles.item, relation: selectorCompatibleRelation, metadata: metadata, inRelationTypes: inRelationTypes, outRelationTypes: outRelationTypes, onChange: handleChangeRelationType })),
         onChangeEntity && (react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, { errorMessage: entityErrorMessage, className: styles.item },
-            react_1.default.createElement(EntitySelector_1.EntitySelector, { key: relationTypeUri, className: (0, classnames_1.default)((_b = {}, _b[styles.dense] = entityErrorMessage, _b)), entity: selectorCompatibleEntity || {}, entityTypesUris: availableEntityTypeUris, max: 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: mdm_sdk_1.Mode.Editing, onChange: onChangeEntity, onCreate: undefined, metadata: metadata, attributeTypesSelectionStrategy: undefined }))),
+            react_1.default.createElement(EntitySelector_1.EntitySelector, { key: relationTypeUri, className: (0, classnames_1.default)((_b = {}, _b[styles.dense] = entityErrorMessage, _b)), entity: selectorCompatibleEntity || {}, entityTypesUris: availableEntityTypeUris, globalSearchRequestOptions: globalSearchRequestOptions, mode: mdm_sdk_1.Mode.Editing, onChange: onChangeEntity, onCreate: undefined, metadata: metadata, attributeTypesSelectionStrategy: undefined }))),
         relationTypeUri && (react_1.default.createElement(EditModeAttributesList_1.EditModeAttributesList, { attrTypes: relationAttrTypes, entity: attributeListEntity, showEmptyEditors: showEmptyEditors, mode: mdm_sdk_1.Mode.Editing, parentUri: relationUri, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onRemoveAttribute }))));
 };
 exports.ConnectionEditor = ConnectionEditor;

package/cjs/EntitySelector/EntitySelector.d.ts

@@ -4,7 +4,7 @@ type Props = {
     entity?: ConnectionEntity;
     entityTypesUris?: string[];
     mode: Mode;
-    max: number;
+    max?: number;
     onChange: (entity: ConnectionEntity) => void;
     onCreate?: (entityTypeUri: string, value: PrimitiveValue) => void;
     metadata: Metadata;

package/cjs/EntitySelector/EntitySelector.js

@@ -62,10 +62,11 @@ var Group_1 = require("./components/Group");
 var EntityCreator_1 = require("../EntityCreator");
 var helpers_1 = require("./helpers");
 var styles_1 = require("./styles");
+var DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION = 20;
 var EntitySelector = function (_a) {
-    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, max = _a.max, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _d = _a.disableLinkClick, disableLinkClick = _d === void 0 ? false : _d, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick"]);
+    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, _d = _a.max, max = _d === void 0 ? DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION : _d, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _e = _a.disableLinkClick, disableLinkClick = _e === void 0 ? false : _e, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick"]);
     var styles = (0, styles_1.useStyles)();
-    var _e = (0, react_1.useState)(''), inputValue = _e[0], setInputValue = _e[1];
+    var _f = (0, react_1.useState)(''), inputValue = _f[0], setInputValue = _f[1];
     var entityTypes = (0, react_1.useMemo)(function () { return entityTypesUris.map(function (type) { return (0, mdm_sdk_1.getEntityType)(metadata, type); }).filter(mdm_sdk_1.isAvailableEntityType); }, [entityTypesUris, metadata]);
     var options = __assign(__assign({}, globalSearchRequestOptions), { max: max });
     var handleCreate = onCreate

package/cjs/EntitySelector/EntitySelector.test.js

@@ -166,6 +166,25 @@ describe('EntitySelector', function () {
             done();
         });
     });
+    it('should call typeAheadSearch on DropDownSelector "getOptions" prop calling with default max param', function (done) {
+        var entityTypesUris = ['configuration/entityTypes/HCP'];
+        var tempEntity = {
+            entityUri: 'entities/uri$$12345',
+            entityType: entityTypesUris[0]
+        };
+        var wrapper = (0, enzyme_1.shallow)(react_1.default.createElement(EntitySelector_1.EntitySelector, { entity: tempEntity, onChange: mockOnChange, entityTypesUris: entityTypesUris, metadata: metadata }));
+        wrapper
+            .find('DropDownSelector')
+            .prop('getOptions')()
+            .then(function () {
+            var entityTypes = [metadata.entityTypes[0]];
+            var options = {
+                max: 20
+            };
+            expect(typeAheadSearchSpy).toHaveBeenCalledWith(entityTypes, undefined, options);
+            done();
+        });
+    });
     it('should render EntityCreator in case temp entity', function () {
         var mdmValues = { modifiedEntities: {} };
         var entityTypesUris = ['configuration/entityTypes/HCP'];

package/cjs/ReferenceAttributeEditor/ReferenceAttributeEditor.js

@@ -150,7 +150,7 @@ var ReferenceAttributeEditor = function (props) {
             react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, { errorMessage: errorMessage },
                 react_1.default.createElement(EntitySelector_1.EntitySelector, { className: (0, classnames_1.default)(styles.item, (_a = {},
                         _a[styles.dense] = errorMessage || (selectedEntity && (0, mdm_sdk_1.isTempUri)(selectedEntity.entityUri)),
-                        _a)), entity: selectedEntity || {}, entityTypesUris: entityTypesUris, max: 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, isDisabled: !canChangeReferencedEntity, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy })))));
+                        _a)), entity: selectedEntity || {}, entityTypesUris: entityTypesUris, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, isDisabled: !canChangeReferencedEntity, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy })))));
 };
 exports.default = (0, withContext_1.withContext)(ScrollToElementContext_1.ScrollToElementContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType;

package/cjs/ReferenceAttributeEditor/ReferenceAttributeEditor.test.js

@@ -295,11 +295,10 @@ describe('ReferenceAttributeEditor', function () {
                     entityType: 'refEntityType'
                 });
             });
-            it('should has correct max, mode and metadata props', function () {
+            it('should has correct mode and metadata props', function () {
                 var props = __assign(__assign({}, defaultProps), { mode: mdm_sdk_1.Mode.Suggesting });
                 var component = setUp({ props: props });
                 var entitySelector = component.find(EntitySelector_1.EntitySelector);
-                expect(entitySelector.prop('max')).toBe(20);
                 expect(entitySelector.prop('mode')).toBe(props.mode);
                 expect(entitySelector.prop('metadata')).toBe(defaultMdmValues.metadata);
             });

package/cjs/components/RelationEditor/RelationEditor.js

@@ -221,7 +221,7 @@ var RelationEditor = function (_a) {
                         react_1.default.createElement(EntitySelector_1.EntitySelector, { className: (0, classnames_1.default)(styles.item, (_b = {},
                                 _b[styles.dense] = errorMessage ||
                                     (connection.entity && (0, mdm_sdk_1.isTempUri)(connection.entity.entityUri)),
-                                _b)), entity: connection.entity || {}, entityTypesUris: getEntityTypesUris() || [], max: config.max || 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: onChangeEntity, onCreate: canCreateNewEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: mdm_sdk_1.relationEditorAttributeTypesSelectionStrategy }))),
+                                _b)), entity: connection.entity || {}, entityTypesUris: getEntityTypesUris() || [], globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: onChangeEntity, onCreate: canCreateNewEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: mdm_sdk_1.relationEditorAttributeTypesSelectionStrategy }))),
                 react_1.default.createElement(EditModeAttributesList_1.EditModeAttributesList, { className: styles.item, attrTypes: firstLevelRelationAttrTypes, entity: attributeListEntity, showEmptyEditors: true, mode: mode, parentUri: relationUri, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })))),
         react_1.default.createElement("div", { className: styles.actionButtons },
             react_1.default.createElement(Button_1.default, { onClick: onCancel }, ui_i18n_1.default.text('Cancel')),

package/esm/ConnectionEditor/ConnectionEditor.js

@@ -84,6 +84,6 @@ export var ConnectionEditor = function (_a) {
     return (React.createElement(React.Fragment, null,
         onChangeRelationType && (React.createElement(ConnectionRelationTypeSelector, { className: styles.item, relation: selectorCompatibleRelation, metadata: metadata, inRelationTypes: inRelationTypes, outRelationTypes: outRelationTypes, onChange: handleChangeRelationType })),
         onChangeEntity && (React.createElement(ErrorWrapper, { errorMessage: entityErrorMessage, className: styles.item },
-            React.createElement(EntitySelector, { key: relationTypeUri, className: classnames((_b = {}, _b[styles.dense] = entityErrorMessage, _b)), entity: selectorCompatibleEntity || {}, entityTypesUris: availableEntityTypeUris, max: 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: Mode.Editing, onChange: onChangeEntity, onCreate: undefined, metadata: metadata, attributeTypesSelectionStrategy: undefined }))),
+            React.createElement(EntitySelector, { key: relationTypeUri, className: classnames((_b = {}, _b[styles.dense] = entityErrorMessage, _b)), entity: selectorCompatibleEntity || {}, entityTypesUris: availableEntityTypeUris, globalSearchRequestOptions: globalSearchRequestOptions, mode: Mode.Editing, onChange: onChangeEntity, onCreate: undefined, metadata: metadata, attributeTypesSelectionStrategy: undefined }))),
         relationTypeUri && (React.createElement(EditModeAttributesList, { attrTypes: relationAttrTypes, entity: attributeListEntity, showEmptyEditors: showEmptyEditors, mode: Mode.Editing, parentUri: relationUri, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onRemoveAttribute }))));
 };

package/esm/EntitySelector/EntitySelector.d.ts

@@ -4,7 +4,7 @@ type Props = {
     entity?: ConnectionEntity;
     entityTypesUris?: string[];
     mode: Mode;
-    max: number;
+    max?: number;
     onChange: (entity: ConnectionEntity) => void;
     onCreate?: (entityTypeUri: string, value: PrimitiveValue) => void;
     metadata: Metadata;

package/esm/EntitySelector/EntitySelector.js

@@ -33,10 +33,11 @@ import { Group } from './components/Group';
 import { EntityCreator } from '../EntityCreator';
 import { buildEntityOptions } from './helpers';
 import { useStyles } from './styles';
+var DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION = 20;
 export var EntitySelector = function (_a) {
-    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, max = _a.max, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _d = _a.disableLinkClick, disableLinkClick = _d === void 0 ? false : _d, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick"]);
+    var _b = _a.entity, entity = _b === void 0 ? {} : _b, _c = _a.entityTypesUris, entityTypesUris = _c === void 0 ? [] : _c, mode = _a.mode, _d = _a.max, max = _d === void 0 ? DEFAULT_MAX_TYPEAHEAD_SEARCH_OPTION : _d, onChange = _a.onChange, onCreate = _a.onCreate, metadata = _a.metadata, globalSearchRequestOptions = _a.globalSearchRequestOptions, attributeTypesSelectionStrategy = _a.attributeTypesSelectionStrategy, _e = _a.disableLinkClick, disableLinkClick = _e === void 0 ? false : _e, otherProps = __rest(_a, ["entity", "entityTypesUris", "mode", "max", "onChange", "onCreate", "metadata", "globalSearchRequestOptions", "attributeTypesSelectionStrategy", "disableLinkClick"]);
     var styles = useStyles();
-    var _e = useState(''), inputValue = _e[0], setInputValue = _e[1];
+    var _f = useState(''), inputValue = _f[0], setInputValue = _f[1];
     var entityTypes = useMemo(function () { return entityTypesUris.map(function (type) { return getEntityType(metadata, type); }).filter(isAvailableEntityType); }, [entityTypesUris, metadata]);
     var options = __assign(__assign({}, globalSearchRequestOptions), { max: max });
     var handleCreate = onCreate

package/esm/EntitySelector/EntitySelector.test.js

@@ -138,6 +138,25 @@ describe('EntitySelector', function () {
             done();
         });
     });
+    it('should call typeAheadSearch on DropDownSelector "getOptions" prop calling with default max param', function (done) {
+        var entityTypesUris = ['configuration/entityTypes/HCP'];
+        var tempEntity = {
+            entityUri: 'entities/uri$$12345',
+            entityType: entityTypesUris[0]
+        };
+        var wrapper = shallow(React.createElement(EntitySelector, { entity: tempEntity, onChange: mockOnChange, entityTypesUris: entityTypesUris, metadata: metadata }));
+        wrapper
+            .find('DropDownSelector')
+            .prop('getOptions')()
+            .then(function () {
+            var entityTypes = [metadata.entityTypes[0]];
+            var options = {
+                max: 20
+            };
+            expect(typeAheadSearchSpy).toHaveBeenCalledWith(entityTypes, undefined, options);
+            done();
+        });
+    });
     it('should render EntityCreator in case temp entity', function () {
         var mdmValues = { modifiedEntities: {} };
         var entityTypesUris = ['configuration/entityTypes/HCP'];

package/esm/ReferenceAttributeEditor/ReferenceAttributeEditor.js

@@ -122,7 +122,7 @@ var ReferenceAttributeEditor = function (props) {
             React.createElement(ErrorWrapper, { errorMessage: errorMessage },
                 React.createElement(EntitySelector, { className: classnames(styles.item, (_a = {},
                         _a[styles.dense] = errorMessage || (selectedEntity && isTempUri(selectedEntity.entityUri)),
-                        _a)), entity: selectedEntity || {}, entityTypesUris: entityTypesUris, max: 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, isDisabled: !canChangeReferencedEntity, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy })))));
+                        _a)), entity: selectedEntity || {}, entityTypesUris: entityTypesUris, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, isDisabled: !canChangeReferencedEntity, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy })))));
 };
 export default withContext(ScrollToElementContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType;

package/esm/ReferenceAttributeEditor/ReferenceAttributeEditor.test.js

@@ -267,11 +267,10 @@ describe('ReferenceAttributeEditor', function () {
                     entityType: 'refEntityType'
                 });
             });
-            it('should has correct max, mode and metadata props', function () {
+            it('should has correct mode and metadata props', function () {
                 var props = __assign(__assign({}, defaultProps), { mode: Mode.Suggesting });
                 var component = setUp({ props: props });
                 var entitySelector = component.find(EntitySelector);
-                expect(entitySelector.prop('max')).toBe(20);
                 expect(entitySelector.prop('mode')).toBe(props.mode);
                 expect(entitySelector.prop('metadata')).toBe(defaultMdmValues.metadata);
             });

package/esm/components/RelationEditor/RelationEditor.js

@@ -193,7 +193,7 @@ var RelationEditor = function (_a) {
                         React.createElement(EntitySelector, { className: classnames(styles.item, (_b = {},
                                 _b[styles.dense] = errorMessage ||
                                     (connection.entity && isTempUri(connection.entity.entityUri)),
-                                _b)), entity: connection.entity || {}, entityTypesUris: getEntityTypesUris() || [], max: config.max || 20, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: onChangeEntity, onCreate: canCreateNewEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: relationEditorAttributeTypesSelectionStrategy }))),
+                                _b)), entity: connection.entity || {}, entityTypesUris: getEntityTypesUris() || [], globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: onChangeEntity, onCreate: canCreateNewEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: relationEditorAttributeTypesSelectionStrategy }))),
                 React.createElement(EditModeAttributesList, { className: styles.item, attrTypes: firstLevelRelationAttrTypes, entity: attributeListEntity, showEmptyEditors: true, mode: mode, parentUri: relationUri, onAddAttributes: onAddAttributes, onChangeAttribute: onChangeAttribute, onDeleteAttribute: onDeleteAttribute })))),
         React.createElement("div", { className: styles.actionButtons },
             React.createElement(Button, { onClick: onCancel }, i18n.text('Cancel')),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1862",
+  "version": "1.4.1863",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",