@reltio/components 1.4.2158 → 1.4.2160

package/cjs/ReferenceAttributeEditor/ReferenceAttributeEditor.js

@@ -60,6 +60,7 @@ var ConfigPermissionsContext_1 = require("../contexts/ConfigPermissionsContext")
 var ScrollToElementContext_1 = require("../contexts/ScrollToElementContext");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var useScrollToAttributeError_1 = require("../hooks/useScrollToAttributeError");
+var AutoCompleteContext_1 = require("../contexts/AutoCompleteContext");
 var styles_1 = require("./styles");
 var ReferenceAttributeEditor = function (props) {
     var _a;
@@ -150,9 +151,10 @@ var ReferenceAttributeEditor = function (props) {
     return (react_1.default.createElement(EditModeComplexAttribute_1.EditModeComplexAttribute, __assign({}, ownProps, { label: (0, mdm_sdk_1.getLabel)(label), attributeTypesList: editableAttrTypes, crosswalks: allCrosswalks, metadata: metadata }),
         react_1.default.createElement("div", { ref: ref, className: errorClassName },
             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, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, isDisabled: !canChangeReferencedEntity || !!attributeValue.masked, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy, isMasked: isMasked })))));
+                react_1.default.createElement(AutoCompleteContext_1.AddressAutoCompleteProvider, { entityUri: entityUri },
+                    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, globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, isDisabled: !canChangeReferencedEntity || !!attributeValue.masked, onChange: onChangeEntity, onCreate: canCreateReferencedEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: newEntityAttrTypesSelectionStrategy, isMasked: isMasked }))))));
 };
 exports.default = (0, withContext_1.withContext)(ScrollToElementContext_1.ScrollToElementContext, function (contextValue, _a) {
     var attributeValue = _a.attributeValue, attributeType = _a.attributeType;

package/cjs/RelationEditor/RelationEditor.js

@@ -53,6 +53,7 @@ var ConfigPermissionsContext_1 = require("../contexts/ConfigPermissionsContext")
 var ScrollToElementContext_1 = require("../contexts/ScrollToElementContext");
 var MdmModuleContext_1 = require("../contexts/MdmModuleContext");
 var HiddenAttributesContext_1 = require("../contexts/HiddenAttributesContext");
+var AutoCompleteContext_1 = require("../contexts/AutoCompleteContext");
 var useScrollToAttributeError_1 = require("../hooks/useScrollToAttributeError");
 var styles_1 = require("./styles");
 var areRelatedEntitiesChanged = function (initial, actual) {
@@ -226,10 +227,11 @@ var RelationEditor = function (_a) {
             Boolean(relationType) && (react_1.default.createElement(ConfigPermissionsContext_1.ConfigPermissionsContextProvider, null,
                 react_1.default.createElement("div", { ref: ref, className: errorClassName },
                     react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, { errorMessage: errorMessage },
-                        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() || [], globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: onChangeEntity, onCreate: canCreateNewEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: mdm_sdk_1.relationEditorAttributeTypesSelectionStrategy, isMasked: isMasked }))),
+                        react_1.default.createElement(AutoCompleteContext_1.AddressAutoCompleteProvider, { entityUri: entityUri },
+                            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() || [], globalSearchRequestOptions: globalSearchRequestOptions, mode: mode, onChange: onChangeEntity, onCreate: canCreateNewEntity ? onCreateEntity : undefined, metadata: metadata, attributeTypesSelectionStrategy: mdm_sdk_1.relationEditorAttributeTypesSelectionStrategy, isMasked: isMasked })))),
                 react_1.default.createElement(HiddenAttributesContext_1.HiddenAttributesContext.Provider, { value: emptyHiddenAttributes },
                     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 },

package/cjs/SelectionPopup/SelectionPopup.d.ts

@@ -2,6 +2,7 @@ import React from 'react';
 import { PopoverProps } from '@mui/material/Popover';
 type Props = {
     title: string;
+    additionalInfo?: string;
     containerWidth: number;
     containerHeight: number;
     children: React.ReactNode;
@@ -15,5 +16,5 @@ type Props = {
     headerPlacement?: 'top' | 'bottom';
     searchInputRef?: React.Ref<unknown>;
 } & PopoverProps;
-export declare const SelectionPopup: ({ title, className, onSearch, hideTitle, hideSearchInput, inputPlaceholder, headerPlacement, containerWidth, containerHeight, searchInputOnKeyDown, children, searchInputRef, anchorOrigin, transformOrigin, ...otherProps }: Props) => React.JSX.Element;
+export declare const SelectionPopup: ({ title, className, onSearch, hideTitle, hideSearchInput, inputPlaceholder, headerPlacement, containerWidth, containerHeight, searchInputOnKeyDown, children, searchInputRef, anchorOrigin, transformOrigin, additionalInfo, ...otherProps }: Props) => React.JSX.Element;
 export {};

package/cjs/SelectionPopup/SelectionPopup.js

@@ -30,27 +30,29 @@ var react_1 = __importDefault(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var Popover_1 = __importDefault(require("@mui/material/Popover"));
+var InfoIcon_1 = require("../InfoIcon");
 var SearchInput_1 = require("../SearchInput");
-var styles_1 = require("./styles");
-var styles_2 = require("@mui/styles");
+var SelectionPopup_module_css_1 = __importDefault(require("./SelectionPopup.module.css"));
+var styles_1 = require("@mui/styles");
 var SelectionPopup = function (_a) {
     var _b;
-    var title = _a.title, className = _a.className, onSearch = _a.onSearch, hideTitle = _a.hideTitle, hideSearchInput = _a.hideSearchInput, inputPlaceholder = _a.inputPlaceholder, _c = _a.headerPlacement, headerPlacement = _c === void 0 ? 'top' : _c, containerWidth = _a.containerWidth, containerHeight = _a.containerHeight, searchInputOnKeyDown = _a.searchInputOnKeyDown, children = _a.children, searchInputRef = _a.searchInputRef, _d = _a.anchorOrigin, anchorOrigin = _d === void 0 ? {
+    var title = _a.title, className = _a.className, onSearch = _a.onSearch, hideTitle = _a.hideTitle, hideSearchInput = _a.hideSearchInput, inputPlaceholder = _a.inputPlaceholder, _c = _a.headerPlacement, headerPlacement = _c === void 0 ? 'top' : _c, containerWidth = _a.containerWidth, _d = _a.containerHeight, containerHeight = _d === void 0 ? 553 : _d, searchInputOnKeyDown = _a.searchInputOnKeyDown, children = _a.children, searchInputRef = _a.searchInputRef, _e = _a.anchorOrigin, anchorOrigin = _e === void 0 ? {
         vertical: 'top',
         horizontal: 'right'
-    } : _d, _e = _a.transformOrigin, transformOrigin = _e === void 0 ? {
+    } : _e, _f = _a.transformOrigin, transformOrigin = _f === void 0 ? {
         vertical: 'top',
         horizontal: 'right'
-    } : _e, otherProps = __rest(_a, ["title", "className", "onSearch", "hideTitle", "hideSearchInput", "inputPlaceholder", "headerPlacement", "containerWidth", "containerHeight", "searchInputOnKeyDown", "children", "searchInputRef", "anchorOrigin", "transformOrigin"]);
-    var classes = (0, styles_1.useStyles)({ containerWidth: containerWidth, containerHeight: containerHeight });
-    var currentTheme = (0, styles_2.useTheme)();
+    } : _f, additionalInfo = _a.additionalInfo, otherProps = __rest(_a, ["title", "className", "onSearch", "hideTitle", "hideSearchInput", "inputPlaceholder", "headerPlacement", "containerWidth", "containerHeight", "searchInputOnKeyDown", "children", "searchInputRef", "anchorOrigin", "transformOrigin", "additionalInfo"]);
+    var currentTheme = (0, styles_1.useTheme)();
     var header = (react_1.default.createElement(react_1.default.Fragment, null,
-        !hideTitle && react_1.default.createElement("div", { className: classes.header }, title),
-        !hideSearchInput && (react_1.default.createElement(SearchInput_1.SearchInput, { onSearch: onSearch, autofocus: true, onKeyDown: searchInputOnKeyDown, inputRef: searchInputRef, classes: { root: classes.searchInputContainer }, placeholder: inputPlaceholder || ui_i18n_1.default.text('Search & add attributes'), height: 40 }))));
+        !hideTitle && (react_1.default.createElement("div", { className: SelectionPopup_module_css_1.default.header },
+            title,
+            additionalInfo && react_1.default.createElement(InfoIcon_1.InfoIcon, { className: SelectionPopup_module_css_1.default.infoIcon, tooltipTitle: additionalInfo }))),
+        !hideSearchInput && (react_1.default.createElement(SearchInput_1.SearchInput, { onSearch: onSearch, autofocus: true, onKeyDown: searchInputOnKeyDown, inputRef: searchInputRef, classes: { root: SelectionPopup_module_css_1.default.searchInputContainer }, placeholder: inputPlaceholder || ui_i18n_1.default.text('Search & add attributes'), height: 40 }))));
     return (react_1.default.createElement(Popover_1.default, __assign({ anchorOrigin: anchorOrigin, transformOrigin: transformOrigin, "data-mui-color-scheme": (_b = currentTheme === null || currentTheme === void 0 ? void 0 : currentTheme.palette) === null || _b === void 0 ? void 0 : _b.mode }, otherProps),
-        react_1.default.createElement("div", { className: (0, classnames_1.default)(classes.container, className), style: { width: containerWidth } },
+        react_1.default.createElement("div", { className: (0, classnames_1.default)(SelectionPopup_module_css_1.default.container, className), style: { width: containerWidth, height: containerHeight } },
             headerPlacement === 'top' && header,
-            react_1.default.createElement("div", { className: classes.list }, children),
+            react_1.default.createElement("div", { className: SelectionPopup_module_css_1.default.list }, children),
             headerPlacement === 'bottom' && header)));
 };
 exports.SelectionPopup = SelectionPopup;

package/cjs/SelectionPopup/SelectionPopup.module.css.js

@@ -0,0 +1,9 @@
+const styles = {"container":"SelectionPopup-container--TOJwk","header":"SelectionPopup-header--Vwm7m","infoIcon":"SelectionPopup-infoIcon--vFSq9","searchInputContainer":"SelectionPopup-searchInputContainer--FeSdp","list":"SelectionPopup-list--jlWo4"};
+if (typeof document !== 'undefined') {
+    const head = document.head || document.getElementsByTagName('head')[0]
+    const style = document.createElement('style');
+    style.type = 'text/css'
+    style.innerHTML = `.SelectionPopup-container--TOJwk{display:flex;flex-direction:column;flex-grow:1}.SelectionPopup-header--Vwm7m{align-items:center;display:flex;font-size:16px;font-weight:500;letter-spacing:.15px;line-height:24px;margin-bottom:12px;margin-left:16px;margin-top:16px}.SelectionPopup-infoIcon--vFSq9{color:var(--mui-palette-text-secondary);height:15px;margin-left:4px;width:15px}.SelectionPopup-searchInputContainer--FeSdp{flex-shrink:0;margin:0 16px 12px}.SelectionPopup-list--jlWo4{flex-grow:1;height:0;overflow:hidden;position:relative;width:100%}.SelectionPopup-list--jlWo4 ul{padding-bottom:0;padding-top:0}`;
+    head.appendChild(style);
+}
+module.exports = styles;

package/cjs/SimpleAttributeEditor/SimpleAttributeEditor.d.ts

@@ -25,6 +25,7 @@ declare const _default: React.ForwardRefExoticComponent<Omit<{
     ownError?: AttributeError;
     highlightedError?: ContextType<typeof ScrollToElementContext>;
     isEmptyEditor?: boolean;
+    isFirstEditor?: boolean;
 } & Partial<{
     [x: string]: any;
     fieldName: any;

package/cjs/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -51,6 +51,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = __importStar(require("react"));
 var classnames_1 = __importDefault(require("classnames"));
 var ramda_1 = require("ramda");
+var react_context_selector_1 = require("@fluentui/react-context-selector");
 var Add_1 = __importDefault(require("@mui/icons-material/Add"));
 var Delete_1 = __importDefault(require("@mui/icons-material/Delete"));
 var Typography_1 = __importDefault(require("@mui/material/Typography"));
@@ -72,6 +73,8 @@ var useAutopopulationContextValue_1 = require("./useAutopopulationContextValue")
 var useAttributeValuePermissions_1 = require("./useAttributeValuePermissions");
 var DependentLookupAutopopulationContext_1 = require("../contexts/DependentLookupAutopopulationContext");
 var styles_1 = require("./styles");
+var AutoCompleteContext_1 = require("../contexts/AutoCompleteContext");
+var AttributeValueContext_1 = require("../contexts/AttributeValueContext");
 var AsyncMountPlaceholder = function () {
     var styles = (0, styles_1.useStyles)();
     return react_1.default.createElement("div", { className: styles.placeholder });
@@ -79,7 +82,7 @@ var AsyncMountPlaceholder = function () {
 var SimpleAttributeEditor = function (_a) {
     var _b, _c;
     var _d;
-    var className = _a.className, attributeValue = _a.attributeValue, attributeType = _a.attributeType, isReltioCrosswalk = _a.isReltioCrosswalk, ownError = _a.ownError, mode = _a.mode, onAddOneMore = _a.onAddOneMore, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, state = _a.state, highlightedError = _a.highlightedError, _e = _a.isEmptyEditor, isEmptyEditor = _e === void 0 ? false : _e, otherProps = __rest(_a, ["className", "attributeValue", "attributeType", "isReltioCrosswalk", "ownError", "mode", "onAddOneMore", "onDeleteAttribute", "onChangeAttribute", "onDeactivateError", "additionalControlsRenderer", "state", "highlightedError", "isEmptyEditor"]);
+    var className = _a.className, attributeValue = _a.attributeValue, attributeType = _a.attributeType, isReltioCrosswalk = _a.isReltioCrosswalk, ownError = _a.ownError, mode = _a.mode, onAddOneMore = _a.onAddOneMore, onDeleteAttribute = _a.onDeleteAttribute, onChangeAttribute = _a.onChangeAttribute, onDeactivateError = _a.onDeactivateError, additionalControlsRenderer = _a.additionalControlsRenderer, state = _a.state, highlightedError = _a.highlightedError, _e = _a.isEmptyEditor, isEmptyEditor = _e === void 0 ? false : _e, isFirstEditor = _a.isFirstEditor, otherProps = __rest(_a, ["className", "attributeValue", "attributeType", "isReltioCrosswalk", "ownError", "mode", "onAddOneMore", "onDeleteAttribute", "onChangeAttribute", "onDeactivateError", "additionalControlsRenderer", "state", "highlightedError", "isEmptyEditor", "isFirstEditor"]);
     var styles = (0, styles_1.useStyles)();
     var deleted = state === 'deleted';
     var edited = state === 'edited';
@@ -93,6 +96,7 @@ var SimpleAttributeEditor = function (_a) {
     var showToEdit = canEdit && isEditableMode && !attributeValue.masked;
     var errorMessage = (0, mdm_sdk_1.getErrorMessage)(ownError);
     var dependentLookupEditorContext = (0, MdmModuleContext_1.useMdmDependentLookupEditorContext)(attributeValue, attributeType);
+    var isAutocompleteTriggerAttribute = (0, react_context_selector_1.useContextSelector)(AutoCompleteContext_1.AddressAutoCompleteContext, function (c) { return c === null || c === void 0 ? void 0 : c.isAutocompleteTriggerAttribute; });
     var _g = (0, useScrollToAttributeError_1.useScrollToAttributeError)({ highlightedError: highlightedError, isSimple: true }), ref = _g.ref, errorClassName = _g.errorClassName;
     (0, react_1.useEffect)(function () {
         // when editor is empty but has default lookup code, onChangeAttribute will be called by useLookupsResolver
@@ -105,7 +109,13 @@ var SimpleAttributeEditor = function (_a) {
             });
         }
     }, [isEmptyEditor]);
-    var dataTypeDefinition = (0, react_1.useMemo)(function () { return (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType); }, [attributeType]);
+    var dataTypeDefinition = (0, react_1.useMemo)(function () {
+        var dataTypeDefinition = (0, mdm_sdk_1.getAttrDataTypeDefinition)(attributeType);
+        if (isFirstEditor && (isAutocompleteTriggerAttribute === null || isAutocompleteTriggerAttribute === void 0 ? void 0 : isAutocompleteTriggerAttribute(attributeType))) {
+            return __assign(__assign({}, dataTypeDefinition), { type: mdm_sdk_1.DataTypes.TYPE_ADDRESS_AUTOCOMPLETE });
+        }
+        return dataTypeDefinition;
+    }, [attributeType, isAutocompleteTriggerAttribute, isFirstEditor]);
     var value = (0, react_1.useMemo)(function () { return (0, attributesView_1.attributeValueToEditorValue)(attributeValue, dataTypeDefinition); }, [attributeValue, dataTypeDefinition]);
     var deactivateError = (0, react_1.useCallback)(function () {
         if (ownError) {
@@ -138,7 +148,8 @@ var SimpleAttributeEditor = function (_a) {
     return (react_1.default.createElement("div", { ref: ref, "data-reltio-id": "simple-attribute-editor", className: (0, classnames_1.default)(styles.editor, className, errorClassName) },
         react_1.default.createElement(ErrorWrapper_1.ErrorWrapper, { errorMessage: errorMessage, className: styles.errorWrapper },
             react_1.default.createElement("div", { className: (0, classnames_1.default)(styles['editor-value'], (_b = {}, _b[styles.deleted] = deleted, _b), (_c = {}, _c[styles['editor-read-only-value']] = !showToEdit, _c)), "data-reltio-id": "reltio-attribute-value" }, showToEdit ? (react_1.default.createElement(DependentLookupAutopopulationContext_1.DependentLookupAutopopulationContext.Provider, { value: autopopulationContextValue },
-                react_1.default.createElement(DataTypeValueEditor_1.DataTypeValueEditor, __assign({ fieldName: (0, mdm_sdk_1.attributeUriToSearchUri)(attributeType.uri), value: value, dataTypeDefinition: dataTypeDefinition, error: hasError, onChange: onValueEditorChange, fullWidth: true }, dependentLookupEditorContext, otherProps, deletedProps)))) : (react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: (0, mdm_sdk_1.getAttributeValue)(attributeValue), dataTypeDefinition: dataTypeDefinition })))),
+                react_1.default.createElement(AttributeValueContext_1.AttributeValueContext.Provider, { value: attributeValue },
+                    react_1.default.createElement(DataTypeValueEditor_1.DataTypeValueEditor, __assign({ fieldName: (0, mdm_sdk_1.attributeUriToSearchUri)(attributeType.uri), value: value, dataTypeDefinition: dataTypeDefinition, error: hasError, onChange: onValueEditorChange, fullWidth: true }, dependentLookupEditorContext, otherProps, deletedProps))))) : (react_1.default.createElement(DataTypeValue_1.DataTypeValue, { value: (0, mdm_sdk_1.getAttributeValue)(attributeValue), dataTypeDefinition: dataTypeDefinition })))),
         react_1.default.createElement("div", { "data-reltio-id": "reltio-attribute-actions", className: styles['editor-actions'] },
             edited && (react_1.default.createElement(Typography_1.default, { variant: "caption", className: styles.editedLabel },
                 "(",

package/cjs/contexts/AttributeValueContext/index.d.ts

@@ -0,0 +1,3 @@
+import { SimpleAttributeValue } from '@reltio/mdm-sdk';
+import React from 'react';
+export declare const AttributeValueContext: React.Context<SimpleAttributeValue>;

package/cjs/contexts/AttributeValueContext/index.js

@@ -0,0 +1,9 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AttributeValueContext = void 0;
+var react_1 = __importDefault(require("react"));
+exports.AttributeValueContext = react_1.default.createContext(null);
+exports.AttributeValueContext.displayName = 'AttributeValueContext';

package/cjs/contexts/AutoCompleteContext/helpers.d.ts

@@ -0,0 +1,24 @@
+import { Entity, AttributeType, Metadata, AddressAutoCompleteConfig, ModifyAttributePayload, AddressDetails } from '@reltio/mdm-sdk';
+export type AutocompleteSettings = {
+    minSearchTextLen: number;
+    countries: string[];
+    countryNames: string[];
+    limit: number;
+};
+export declare const getSettings: ({ metadata, modifiedEntity, triggerAttributeValueUri, triggerAttributeTypeUri, addressAutoCompleteConfig }: {
+    metadata: Metadata;
+    modifiedEntity: Entity;
+    triggerAttributeValueUri: string;
+    triggerAttributeTypeUri: string;
+    addressAutoCompleteConfig: AddressAutoCompleteConfig;
+}) => AutocompleteSettings;
+export declare const isTriggerAttribute: (attributeType: AttributeType, inputMapping: AddressAutoCompleteConfig["inputMapping"]) => boolean;
+export declare const modifyAttributes: ({ outputMapping, modifiedEntity, metadata, triggerAttributeTypeUri, triggerAttributeValueUri, values, modifyAttribute }: {
+    outputMapping: AddressAutoCompleteConfig["outputMapping"];
+    modifiedEntity: Entity;
+    metadata: Metadata;
+    modifyAttribute: (attribute: ModifyAttributePayload) => void;
+    triggerAttributeTypeUri: string;
+    triggerAttributeValueUri: string;
+    values: AddressDetails;
+}) => void;

package/cjs/contexts/AutoCompleteContext/helpers.js

@@ -0,0 +1,165 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.modifyAttributes = exports.isTriggerAttribute = exports.getSettings = void 0;
+var ramda_1 = require("ramda");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var MINIMUM_NESTED_LEVEL = 1;
+var MIN_SEARCH_TEXT_LEN = 3;
+var SEARCH_RESULTS_LIMIT = 10;
+var COUNTRIES_DELIMETER = ';';
+var genAttributeValueUri = function (_a) {
+    var _b;
+    var attributeType = _a.attributeType, parentValueUri = _a.parentValueUri, attributeTypeUri = _a.attributeTypeUri, modifiedEntity = _a.modifiedEntity, metadata = _a.metadata, existingValues = _a.existingValues, _c = _a.hasValues, hasValues = _c === void 0 ? true : _c;
+    var currentExistingValue = existingValues.find(function (_a) {
+        var uri = _a.uri;
+        return (0, mdm_sdk_1.areOneHierarchyUris)(uri, parentValueUri);
+    });
+    var hasExistingValues = Boolean(hasValues && currentExistingValue);
+    var currentLevelUri = hasExistingValues
+        ? currentExistingValue.uri
+        : (0, mdm_sdk_1.generateUri)(parentValueUri, attributeType.name);
+    if ((0, mdm_sdk_1.isNested)(attributeType)) {
+        var subAttributes = attributeType.attributes;
+        if (subAttributes === null || subAttributes === void 0 ? void 0 : subAttributes.length) {
+            var subAttrubuteType = subAttributes.find(function (_a) {
+                var uri = _a.uri;
+                return (0, mdm_sdk_1.areOneHierarchyUris)(attributeTypeUri, uri);
+            });
+            if (subAttrubuteType) {
+                return genAttributeValueUri({
+                    attributeType: subAttrubuteType,
+                    parentValueUri: currentLevelUri,
+                    attributeTypeUri: attributeTypeUri,
+                    modifiedEntity: modifiedEntity,
+                    metadata: metadata,
+                    existingValues: ((_b = currentExistingValue === null || currentExistingValue === void 0 ? void 0 : currentExistingValue.value) === null || _b === void 0 ? void 0 : _b[subAttrubuteType.name]) || [],
+                    hasValues: hasExistingValues
+                });
+            }
+        }
+        return null;
+    }
+    return currentLevelUri;
+};
+var generateAttributeValueUri = function (_a) {
+    var attributeTypeUri = _a.attributeTypeUri, modifiedEntity = _a.modifiedEntity, triggerAttributeTypeUri = _a.triggerAttributeTypeUri, triggerAttributeValueUri = _a.triggerAttributeValueUri, metadata = _a.metadata;
+    var triggerAttributeNestedLevel = triggerAttributeTypeUri.split('/attributes/').length - 1;
+    var attributeTypeRootUri = attributeTypeUri
+        .split('/attributes/')
+        .slice(0, Math.max(triggerAttributeNestedLevel, MINIMUM_NESTED_LEVEL) + 1)
+        .join('/attributes/');
+    var triggerAttributeValueParentUri = (0, mdm_sdk_1.getParentUri)(triggerAttributeValueUri);
+    var rootAttributeType = (0, mdm_sdk_1.findAttributeTypeByUri)(metadata, attributeTypeRootUri, modifiedEntity.type);
+    var existingValues = (0, mdm_sdk_1.findAttributeValuesByTypeUri)(metadata, modifiedEntity, rootAttributeType.uri).filter(mdm_sdk_1.isOv);
+    return genAttributeValueUri({
+        attributeType: rootAttributeType,
+        parentValueUri: triggerAttributeValueParentUri,
+        attributeTypeUri: attributeTypeUri,
+        modifiedEntity: modifiedEntity,
+        existingValues: existingValues,
+        metadata: metadata
+    });
+};
+var getCountriesFromValues = function (_a) {
+    var _b;
+    var metadata = _a.metadata, modifiedEntity = _a.modifiedEntity, triggerAttributeValueUri = _a.triggerAttributeValueUri, triggerAttributeTypeUri = _a.triggerAttributeTypeUri, inputMapping = _a.inputMapping;
+    if (!triggerAttributeValueUri || !triggerAttributeTypeUri || !inputMapping || !modifiedEntity) {
+        return {};
+    }
+    var triggerAttributeValueParentUri = (0, mdm_sdk_1.getParentUri)(triggerAttributeValueUri);
+    var triggerAttributeTypeParentUri = (0, mdm_sdk_1.getParentUri)(triggerAttributeTypeUri);
+    var countriesMapping = (_b = inputMapping
+        .filter(function (_a) {
+        var cleanseAttribute = _a.cleanseAttribute;
+        return cleanseAttribute === mdm_sdk_1.InputCleanseAttributeType.Countries;
+    })
+        .filter(function (_a) {
+        var attribute = _a.attribute;
+        var attributeParentUri = (0, mdm_sdk_1.getParentUri)(attribute);
+        return (0, mdm_sdk_1.areOneHierarchyUris)(triggerAttributeTypeParentUri, attributeParentUri);
+    })
+        .sort(function (a, b) { return b.attribute.length - a.attribute.length; })) === null || _b === void 0 ? void 0 : _b[0];
+    var countryAttributeType = (countriesMapping === null || countriesMapping === void 0 ? void 0 : countriesMapping.attribute) &&
+        (0, mdm_sdk_1.findAttributeTypeByUri)(metadata, countriesMapping === null || countriesMapping === void 0 ? void 0 : countriesMapping.attribute, modifiedEntity.type);
+    if (countryAttributeType && !(0, mdm_sdk_1.isComplexAttribute)(countryAttributeType)) {
+        var existingCountriesValues = (0, mdm_sdk_1.findAttributeValuesByTypeUri)(metadata, modifiedEntity, countriesMapping.attribute);
+        var currentCountryValues = existingCountriesValues
+            .filter(mdm_sdk_1.isOv)
+            .filter(function (countryValue) {
+            return (0, mdm_sdk_1.areOneHierarchyUris)(triggerAttributeValueParentUri, (0, mdm_sdk_1.getParentUri)(countryValue.uri));
+        })
+            .filter(function (countryValue) { return countryValue.value; });
+        if (currentCountryValues === null || currentCountryValues === void 0 ? void 0 : currentCountryValues.length) {
+            var countries = currentCountryValues.map(function (value) { return value.lookupCode || value.value.toString(); });
+            return {
+                countries: countries,
+                countryNames: (0, ramda_1.pluck)('value', currentCountryValues)
+            };
+        }
+    }
+};
+var getSettings = function (_a) {
+    var _b, _c;
+    var metadata = _a.metadata, modifiedEntity = _a.modifiedEntity, triggerAttributeValueUri = _a.triggerAttributeValueUri, triggerAttributeTypeUri = _a.triggerAttributeTypeUri, addressAutoCompleteConfig = _a.addressAutoCompleteConfig;
+    var _d = addressAutoCompleteConfig.inputMapping, inputMapping = _d === void 0 ? [] : _d, minSearchTextLen = addressAutoCompleteConfig.minSearchTextLen, providerOpts = addressAutoCompleteConfig.providerOpts;
+    return __assign({ minSearchTextLen: minSearchTextLen || MIN_SEARCH_TEXT_LEN, limit: (providerOpts === null || providerOpts === void 0 ? void 0 : providerOpts.limit) || SEARCH_RESULTS_LIMIT, countries: ((_b = providerOpts === null || providerOpts === void 0 ? void 0 : providerOpts.defaultCountries) === null || _b === void 0 ? void 0 : _b.split(COUNTRIES_DELIMETER)) || [], countryNames: ((_c = providerOpts === null || providerOpts === void 0 ? void 0 : providerOpts.defaultCountries) === null || _c === void 0 ? void 0 : _c.split(COUNTRIES_DELIMETER)) || [] }, getCountriesFromValues({
+        metadata: metadata,
+        modifiedEntity: modifiedEntity,
+        triggerAttributeValueUri: triggerAttributeValueUri,
+        triggerAttributeTypeUri: triggerAttributeTypeUri,
+        inputMapping: inputMapping
+    }));
+};
+exports.getSettings = getSettings;
+var isTriggerAttribute = function (attributeType, inputMapping) {
+    var allowedTypes = [mdm_sdk_1.DataTypes.TYPE_STRING, mdm_sdk_1.DataTypes.TYPE_TEXT, mdm_sdk_1.DataTypes.TYPE_BLOB];
+    return (allowedTypes.includes(attributeType.type) &&
+        inputMapping.some(function (_a) {
+            var attribute = _a.attribute, cleanseAttribute = _a.cleanseAttribute;
+            return attributeType.uri === attribute && cleanseAttribute === mdm_sdk_1.InputCleanseAttributeType.Text;
+        }));
+};
+exports.isTriggerAttribute = isTriggerAttribute;
+var modifyAttributes = function (_a) {
+    var outputMapping = _a.outputMapping, modifiedEntity = _a.modifiedEntity, metadata = _a.metadata, triggerAttributeTypeUri = _a.triggerAttributeTypeUri, triggerAttributeValueUri = _a.triggerAttributeValueUri, values = _a.values, modifyAttribute = _a.modifyAttribute;
+    var parentUri = (0, mdm_sdk_1.getParentUri)(triggerAttributeTypeUri);
+    outputMapping
+        .filter(function (_a) {
+        var attribute = _a.attribute;
+        return (0, mdm_sdk_1.areOneHierarchyUris)(attribute, parentUri);
+    })
+        .forEach(function (_a) {
+        var attributeTypeUri = _a.attribute, cleanseAttribute = _a.cleanseAttribute;
+        var value = values[cleanseAttribute] || '';
+        var attributeType = (0, mdm_sdk_1.findAttributeTypeByUri)(metadata, attributeTypeUri, modifiedEntity.type);
+        if (!attributeType) {
+            return;
+        }
+        var uri = generateAttributeValueUri({
+            attributeTypeUri: attributeTypeUri,
+            triggerAttributeTypeUri: triggerAttributeTypeUri,
+            triggerAttributeValueUri: triggerAttributeValueUri,
+            modifiedEntity: modifiedEntity,
+            metadata: metadata
+        });
+        if (uri) {
+            modifyAttribute({
+                value: value,
+                uri: uri,
+                attributeType: attributeType
+            });
+        }
+    });
+};
+exports.modifyAttributes = modifyAttributes;

package/cjs/contexts/AutoCompleteContext/index.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { AttributeType, AddressDetails } from '@reltio/mdm-sdk';
+import { AutocompleteSettings } from './helpers';
+export declare const AddressAutoCompleteContext: import("@fluentui/react-context-selector").Context<{
+    onPopulateAttributes: (triggerAttributeTypeUri: string, triggerAttributeValueUri: string, value: AddressDetails) => void;
+    isAutocompleteTriggerAttribute: (attributeType: AttributeType) => boolean;
+    getAutocompleteSettings: (triggerAttributeTypeUri: string, triggerAttributeValueUri: string) => AutocompleteSettings;
+}>;
+export declare const AddressAutoCompleteProvider: ({ children, entityUri }: {
+    children: React.ReactNode;
+    entityUri?: string;
+}) => React.JSX.Element;

package/cjs/contexts/AutoCompleteContext/index.js

@@ -0,0 +1,83 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AddressAutoCompleteProvider = exports.AddressAutoCompleteContext = void 0;
+var react_1 = __importStar(require("react"));
+var react_context_selector_1 = require("@fluentui/react-context-selector");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var MdmModuleContext_1 = require("../MdmModuleContext");
+var helpers_1 = require("./helpers");
+exports.AddressAutoCompleteContext = (0, react_context_selector_1.createContext)(null);
+var AddressAutoCompleteProvider = function (_a) {
+    var children = _a.children, entityUri = _a.entityUri;
+    var metadata = (0, MdmModuleContext_1.useMdmMetadata)();
+    var modifyAttribute = (0, MdmModuleContext_1.useMdmAction)('modifyAttribute');
+    var mdmEntityUri = (0, MdmModuleContext_1.useMdmEntityUri)();
+    var modifiedEntity = (0, MdmModuleContext_1.useMdmModifiedEntity)(entityUri || mdmEntityUri) || {};
+    var addressAutoCompleteConfig = (0, react_1.useMemo)(function () {
+        var _a;
+        var entityType = (modifiedEntity === null || modifiedEntity === void 0 ? void 0 : modifiedEntity.type) && metadata && (0, mdm_sdk_1.getEntityType)(metadata, modifiedEntity.type);
+        return (((_a = entityType === null || entityType === void 0 ? void 0 : entityType.cleanseConfig) === null || _a === void 0 ? void 0 : _a.addressAutoCompleteConfig) ||
+            { outputMapping: [], inputMapping: [] });
+    }, [modifiedEntity === null || modifiedEntity === void 0 ? void 0 : modifiedEntity.type, metadata]);
+    var onPopulateAttributes = (0, react_1.useCallback)(function (triggerAttributeTypeUri, triggerAttributeValueUri, values) {
+        if (!(addressAutoCompleteConfig === null || addressAutoCompleteConfig === void 0 ? void 0 : addressAutoCompleteConfig.outputMapping) ||
+            !(modifiedEntity === null || modifiedEntity === void 0 ? void 0 : modifiedEntity.uri) ||
+            !triggerAttributeTypeUri ||
+            !values) {
+            return;
+        }
+        var outputMapping = addressAutoCompleteConfig.outputMapping;
+        (0, helpers_1.modifyAttributes)({
+            outputMapping: outputMapping,
+            modifiedEntity: modifiedEntity,
+            metadata: metadata,
+            triggerAttributeTypeUri: triggerAttributeTypeUri,
+            triggerAttributeValueUri: triggerAttributeValueUri,
+            values: values,
+            modifyAttribute: modifyAttribute
+        });
+    }, [addressAutoCompleteConfig, modifiedEntity, metadata, modifyAttribute]);
+    var isAutocompleteTriggerAttribute = (0, react_1.useCallback)(function (attributeType) {
+        var _a = addressAutoCompleteConfig.inputMapping, inputMapping = _a === void 0 ? [] : _a;
+        return (0, helpers_1.isTriggerAttribute)(attributeType, inputMapping);
+    }, [addressAutoCompleteConfig]);
+    var getAutocompleteSettings = (0, react_1.useCallback)(function (triggerAttributeTypeUri, triggerAttributeValueUri) {
+        return (0, helpers_1.getSettings)({
+            metadata: metadata,
+            modifiedEntity: modifiedEntity,
+            triggerAttributeValueUri: triggerAttributeValueUri,
+            triggerAttributeTypeUri: triggerAttributeTypeUri,
+            addressAutoCompleteConfig: addressAutoCompleteConfig
+        });
+    }, [addressAutoCompleteConfig, metadata, modifiedEntity]);
+    var contextValue = (0, react_1.useMemo)(function () { return ({
+        onPopulateAttributes: onPopulateAttributes,
+        isAutocompleteTriggerAttribute: isAutocompleteTriggerAttribute,
+        getAutocompleteSettings: getAutocompleteSettings
+    }); }, [onPopulateAttributes, isAutocompleteTriggerAttribute, getAutocompleteSettings]);
+    return react_1.default.createElement(exports.AddressAutoCompleteContext.Provider, { value: contextValue }, children);
+};
+exports.AddressAutoCompleteProvider = AddressAutoCompleteProvider;

package/cjs/types/index.d.ts

@@ -80,6 +80,7 @@ export type BasicAttributeSelectorProps = {
     ungroup?: boolean;
     disabled?: boolean;
     hideCheckBox?: boolean;
+    additionalInfo?: string;
 };
 export declare enum RequestStates {
     INIT = "init",

package/contexts/AttributeValueContext/index.d.ts

@@ -0,0 +1,3 @@
+import { SimpleAttributeValue } from '@reltio/mdm-sdk';
+import React from 'react';
+export declare const AttributeValueContext: React.Context<SimpleAttributeValue>;

package/contexts/AttributeValueContext/index.js

@@ -0,0 +1,3 @@
+import React from 'react';
+export var AttributeValueContext = React.createContext(null);
+AttributeValueContext.displayName = 'AttributeValueContext';

package/contexts/AutoCompleteContext/helpers.d.ts

@@ -0,0 +1,24 @@
+import { Entity, AttributeType, Metadata, AddressAutoCompleteConfig, ModifyAttributePayload, AddressDetails } from '@reltio/mdm-sdk';
+export type AutocompleteSettings = {
+    minSearchTextLen: number;
+    countries: string[];
+    countryNames: string[];
+    limit: number;
+};
+export declare const getSettings: ({ metadata, modifiedEntity, triggerAttributeValueUri, triggerAttributeTypeUri, addressAutoCompleteConfig }: {
+    metadata: Metadata;
+    modifiedEntity: Entity;
+    triggerAttributeValueUri: string;
+    triggerAttributeTypeUri: string;
+    addressAutoCompleteConfig: AddressAutoCompleteConfig;
+}) => AutocompleteSettings;
+export declare const isTriggerAttribute: (attributeType: AttributeType, inputMapping: AddressAutoCompleteConfig["inputMapping"]) => boolean;
+export declare const modifyAttributes: ({ outputMapping, modifiedEntity, metadata, triggerAttributeTypeUri, triggerAttributeValueUri, values, modifyAttribute }: {
+    outputMapping: AddressAutoCompleteConfig["outputMapping"];
+    modifiedEntity: Entity;
+    metadata: Metadata;
+    modifyAttribute: (attribute: ModifyAttributePayload) => void;
+    triggerAttributeTypeUri: string;
+    triggerAttributeValueUri: string;
+    values: AddressDetails;
+}) => void;