@reltio/components 1.4.2158 → 1.4.2160

package/contexts/AutoCompleteContext/helpers.js

@@ -0,0 +1,159 @@
+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);
+};
+import { pluck } from 'ramda';
+import { findAttributeTypeByUri, findAttributeValuesByTypeUri, isComplexAttribute, isOv, getParentUri, generateUri, InputCleanseAttributeType, areOneHierarchyUris, DataTypes, isNested } from '@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 areOneHierarchyUris(uri, parentValueUri);
+    });
+    var hasExistingValues = Boolean(hasValues && currentExistingValue);
+    var currentLevelUri = hasExistingValues
+        ? currentExistingValue.uri
+        : generateUri(parentValueUri, attributeType.name);
+    if (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 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 = getParentUri(triggerAttributeValueUri);
+    var rootAttributeType = findAttributeTypeByUri(metadata, attributeTypeRootUri, modifiedEntity.type);
+    var existingValues = findAttributeValuesByTypeUri(metadata, modifiedEntity, rootAttributeType.uri).filter(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 = getParentUri(triggerAttributeValueUri);
+    var triggerAttributeTypeParentUri = getParentUri(triggerAttributeTypeUri);
+    var countriesMapping = (_b = inputMapping
+        .filter(function (_a) {
+        var cleanseAttribute = _a.cleanseAttribute;
+        return cleanseAttribute === InputCleanseAttributeType.Countries;
+    })
+        .filter(function (_a) {
+        var attribute = _a.attribute;
+        var attributeParentUri = getParentUri(attribute);
+        return 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) &&
+        findAttributeTypeByUri(metadata, countriesMapping === null || countriesMapping === void 0 ? void 0 : countriesMapping.attribute, modifiedEntity.type);
+    if (countryAttributeType && !isComplexAttribute(countryAttributeType)) {
+        var existingCountriesValues = findAttributeValuesByTypeUri(metadata, modifiedEntity, countriesMapping.attribute);
+        var currentCountryValues = existingCountriesValues
+            .filter(isOv)
+            .filter(function (countryValue) {
+            return areOneHierarchyUris(triggerAttributeValueParentUri, 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: pluck('value', currentCountryValues)
+            };
+        }
+    }
+};
+export 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
+    }));
+};
+export var isTriggerAttribute = function (attributeType, inputMapping) {
+    var allowedTypes = [DataTypes.TYPE_STRING, DataTypes.TYPE_TEXT, DataTypes.TYPE_BLOB];
+    return (allowedTypes.includes(attributeType.type) &&
+        inputMapping.some(function (_a) {
+            var attribute = _a.attribute, cleanseAttribute = _a.cleanseAttribute;
+            return attributeType.uri === attribute && cleanseAttribute === InputCleanseAttributeType.Text;
+        }));
+};
+export 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 = getParentUri(triggerAttributeTypeUri);
+    outputMapping
+        .filter(function (_a) {
+        var attribute = _a.attribute;
+        return areOneHierarchyUris(attribute, parentUri);
+    })
+        .forEach(function (_a) {
+        var attributeTypeUri = _a.attribute, cleanseAttribute = _a.cleanseAttribute;
+        var value = values[cleanseAttribute] || '';
+        var attributeType = 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
+            });
+        }
+    });
+};

package/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/contexts/AutoCompleteContext/index.js

@@ -0,0 +1,56 @@
+import React, { useCallback, useMemo } from 'react';
+import { createContext } from '@fluentui/react-context-selector';
+import { getEntityType } from '@reltio/mdm-sdk';
+import { useMdmAction, useMdmEntityUri, useMdmMetadata, useMdmModifiedEntity } from '../MdmModuleContext';
+import { getSettings, isTriggerAttribute, modifyAttributes } from './helpers';
+export var AddressAutoCompleteContext = createContext(null);
+export var AddressAutoCompleteProvider = function (_a) {
+    var children = _a.children, entityUri = _a.entityUri;
+    var metadata = useMdmMetadata();
+    var modifyAttribute = useMdmAction('modifyAttribute');
+    var mdmEntityUri = useMdmEntityUri();
+    var modifiedEntity = useMdmModifiedEntity(entityUri || mdmEntityUri) || {};
+    var addressAutoCompleteConfig = useMemo(function () {
+        var _a;
+        var entityType = (modifiedEntity === null || modifiedEntity === void 0 ? void 0 : modifiedEntity.type) && metadata && 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 = 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;
+        modifyAttributes({
+            outputMapping: outputMapping,
+            modifiedEntity: modifiedEntity,
+            metadata: metadata,
+            triggerAttributeTypeUri: triggerAttributeTypeUri,
+            triggerAttributeValueUri: triggerAttributeValueUri,
+            values: values,
+            modifyAttribute: modifyAttribute
+        });
+    }, [addressAutoCompleteConfig, modifiedEntity, metadata, modifyAttribute]);
+    var isAutocompleteTriggerAttribute = useCallback(function (attributeType) {
+        var _a = addressAutoCompleteConfig.inputMapping, inputMapping = _a === void 0 ? [] : _a;
+        return isTriggerAttribute(attributeType, inputMapping);
+    }, [addressAutoCompleteConfig]);
+    var getAutocompleteSettings = useCallback(function (triggerAttributeTypeUri, triggerAttributeValueUri) {
+        return getSettings({
+            metadata: metadata,
+            modifiedEntity: modifiedEntity,
+            triggerAttributeValueUri: triggerAttributeValueUri,
+            triggerAttributeTypeUri: triggerAttributeTypeUri,
+            addressAutoCompleteConfig: addressAutoCompleteConfig
+        });
+    }, [addressAutoCompleteConfig, metadata, modifiedEntity]);
+    var contextValue = useMemo(function () { return ({
+        onPopulateAttributes: onPopulateAttributes,
+        isAutocompleteTriggerAttribute: isAutocompleteTriggerAttribute,
+        getAutocompleteSettings: getAutocompleteSettings
+    }); }, [onPopulateAttributes, isAutocompleteTriggerAttribute, getAutocompleteSettings]);
+    return React.createElement(AddressAutoCompleteContext.Provider, { value: contextValue }, children);
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.2158",
+  "version": "1.4.2160",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./index.js",
@@ -11,7 +11,7 @@
     "@fluentui/react-context-selector": "^9.1.26",
     "@googlemaps/markerclusterer": "^2.5.3",
     "@react-sigma/core": "3.4.0",
-    "@reltio/mdm-sdk": "^1.4.1977",
+    "@reltio/mdm-sdk": "^1.4.1978",
     "@vis.gl/react-google-maps": "^1.3.0",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",

package/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/SelectionPopup/styles.d.ts

@@ -1,6 +0,0 @@
-type Props = {
-    containerHeight?: number;
-    containerWidth: number;
-};
-export declare const useStyles: (props: Props) => import("@mui/styles").ClassNameMap<"container" | "header" | "list" | "searchInputContainer">;
-export {};

package/SelectionPopup/styles.js

@@ -1,38 +0,0 @@
-import { makeStyles } from '@mui/styles';
-var margin = '16px';
-export var useStyles = makeStyles(function () { return ({
-    container: function (_a) {
-        var _b = _a.containerHeight, containerHeight = _b === void 0 ? 553 : _b, containerWidth = _a.containerWidth;
-        return {
-            display: 'flex',
-            flexDirection: 'column',
-            height: containerHeight,
-            width: containerWidth,
-            flexGrow: 1
-        };
-    },
-    header: {
-        marginLeft: margin,
-        marginTop: '16px',
-        marginBottom: '12px',
-        fontSize: '16px',
-        fontWeight: 500,
-        letterSpacing: '0.15px',
-        lineHeight: '24px'
-    },
-    searchInputContainer: {
-        margin: "0 ".concat(margin, " 12px ").concat(margin),
-        flexShrink: '0'
-    },
-    list: {
-        flexGrow: 1,
-        height: 0,
-        overflow: 'hidden',
-        width: '100%',
-        position: 'relative',
-        '& ul': {
-            paddingBottom: 0,
-            paddingTop: 0
-        }
-    }
-}); });

package/cjs/SelectionPopup/styles.d.ts

@@ -1,6 +0,0 @@
-type Props = {
-    containerHeight?: number;
-    containerWidth: number;
-};
-export declare const useStyles: (props: Props) => import("@mui/styles").ClassNameMap<"container" | "header" | "list" | "searchInputContainer">;
-export {};

package/cjs/SelectionPopup/styles.js

@@ -1,41 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useStyles = void 0;
-var styles_1 = require("@mui/styles");
-var margin = '16px';
-exports.useStyles = (0, styles_1.makeStyles)(function () { return ({
-    container: function (_a) {
-        var _b = _a.containerHeight, containerHeight = _b === void 0 ? 553 : _b, containerWidth = _a.containerWidth;
-        return {
-            display: 'flex',
-            flexDirection: 'column',
-            height: containerHeight,
-            width: containerWidth,
-            flexGrow: 1
-        };
-    },
-    header: {
-        marginLeft: margin,
-        marginTop: '16px',
-        marginBottom: '12px',
-        fontSize: '16px',
-        fontWeight: 500,
-        letterSpacing: '0.15px',
-        lineHeight: '24px'
-    },
-    searchInputContainer: {
-        margin: "0 ".concat(margin, " 12px ").concat(margin),
-        flexShrink: '0'
-    },
-    list: {
-        flexGrow: 1,
-        height: 0,
-        overflow: 'hidden',
-        width: '100%',
-        position: 'relative',
-        '& ul': {
-            paddingBottom: 0,
-            paddingTop: 0
-        }
-    }
-}); });