@reltio/components 1.4.1481 → 1.4.1483

package/cjs/components/attributes/editMode/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -68,6 +68,7 @@ var getDependentLookupEditorContext_1 = require("./selectors/getDependentLookupE
 var HOCs_1 = require("../../../../HOCs");
 var contexts_1 = require("../../../../contexts");
 var hooks_1 = require("../../../../hooks");
+var useAutopopulationContextValue_1 = require("./useAutopopulationContextValue");
 var styles_1 = require("./styles");
 var AsyncMountPlaceholder = function () {
     var styles = (0, styles_1.useStyles)();
@@ -109,9 +110,15 @@ var SimpleAttributeEditor = function (_a) {
     var showDeleteButton = !deleted && !!onDeleteAttribute && canDelete;
     var hasError = !!errorMessage;
     var deletedProps = deleted ? { disabled: true } : {};
+    var autopopulationContextValue = (0, useAutopopulationContextValue_1.useAutopopulationContextValue)({
+        enabled: Boolean(dependentLookupEditorContext),
+        attributeTypeUri: attributeType === null || attributeType === void 0 ? void 0 : attributeType.uri,
+        valueUri: attributeValue.uri
+    }).autopopulationContextValue;
     return (react_1.default.createElement("div", { ref: ref, className: (0, classnames_1.default)(styles.editor, className, errorClassName) },
         react_1.default.createElement(ErrorWrapper_1.default, { 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(DataTypeValueEditor_1.default, __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.default, { value: (0, mdm_sdk_1.getAttributeValue)(attributeValue), dataTypeDefinition: dataTypeDefinition })))),
+            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(contexts_1.DependentLookupAutopopulationContext.Provider, { value: autopopulationContextValue },
+                react_1.default.createElement(DataTypeValueEditor_1.default, __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.default, { value: (0, mdm_sdk_1.getAttributeValue)(attributeValue), dataTypeDefinition: dataTypeDefinition })))),
         react_1.default.createElement("div", { className: styles['editor-actions'] },
             edited && (react_1.default.createElement(Typography_1.default, { variant: "caption", className: styles.editedLabel },
                 "(",

package/cjs/components/attributes/editMode/SimpleAttributeEditor/selectors/getDependentLookupEditorContext.js

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDependentLookupEditorContext = void 0;
-var mdm_sdk_1 = require("@reltio/mdm-sdk");
 var mdm_module_1 = __importDefault(require("@reltio/mdm-module"));
 var ui_i18n_1 = __importDefault(require("ui-i18n"));
 var parents_1 = require("./helpers/parents");
@@ -17,8 +16,6 @@ var getDependentLookupEditorContext = function (state, attributeValue, attribute
         var _a = (0, parents_1.getParents)(state, valueUri, node), parents = _a.parents, missedParentsAttributeTypes = _a.missedParentsAttributeTypes;
         var _b = (mdm_module_1.default.selectors.getDependentLookupEditorState(state, valueUri) || {}).isBlocked, isBlocked = _b === void 0 ? false : _b;
         var missedParentsMessage = (0, missedParentsMessage_1.buildMissedParentsMessage)(missedParentsAttributeTypes);
-        var autocompleteConfig = mdm_module_1.default.selectors.getLookupAutocomplete(state);
-        var autopopulationEnabled = (0, mdm_sdk_1.isAutopopulationEnabled)(autocompleteConfig, attributeTypeUri);
         var isEmptyValue = !(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.lookupCode) && !(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.value);
         var placeholder = (isEmptyValue && isBlocked && ui_i18n_1.default.text('Populating values...')) ||
             (isEmptyValue && missedParentsMessage) ||
@@ -26,8 +23,7 @@ var getDependentLookupEditorContext = function (state, attributeValue, attribute
         var context = {
             parents: missedParentsMessage ? null : parents,
             disabled: (!!missedParentsMessage && isEmptyValue) || isBlocked,
-            placeholder: placeholder,
-            autopopulationId: autopopulationEnabled ? valueUri : null
+            placeholder: placeholder
         };
         if (placeholder) {
             context.value = null;

package/cjs/components/attributes/editMode/SimpleAttributeEditor/selectors/types.d.ts

@@ -7,6 +7,5 @@ export declare type DependentLookupEditorContext = {
     parents: DependentLookupsParentForApi[];
     disabled: boolean;
     placeholder: string;
-    autopopulationId: string;
     value?: null;
 };

package/cjs/components/attributes/editMode/SimpleAttributeEditor/useAutopopulationContextValue.d.ts

@@ -0,0 +1,13 @@
+declare type Props = {
+    enabled: boolean;
+    attributeTypeUri: string;
+    valueUri: string;
+};
+export declare const useAutopopulationContextValue: ({ enabled, attributeTypeUri, valueUri }: Props) => {
+    autopopulationContextValue: {
+        id: string;
+        isTouched: boolean;
+        onTouch: (id: string) => void;
+    };
+};
+export {};

package/cjs/components/attributes/editMode/SimpleAttributeEditor/useAutopopulationContextValue.js

@@ -0,0 +1,52 @@
+"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.useAutopopulationContextValue = void 0;
+var react_1 = require("react");
+var mdm_sdk_1 = require("@reltio/mdm-sdk");
+var react_redux_1 = require("react-redux");
+var mdm_module_1 = __importStar(require("@reltio/mdm-module"));
+var useAutopopulationContextValue = function (_a) {
+    var enabled = _a.enabled, attributeTypeUri = _a.attributeTypeUri, valueUri = _a.valueUri;
+    var dispatch = (0, react_redux_1.useDispatch)();
+    var autocompleteConfig = (0, react_redux_1.useSelector)(mdm_module_1.default.selectors.getLookupAutocomplete);
+    var autopopulationEnabled = enabled && (0, mdm_sdk_1.isAutopopulationEnabled)(autocompleteConfig, attributeTypeUri);
+    var autopopulationId = autopopulationEnabled ? valueUri : null;
+    var _b = ((0, react_redux_1.useSelector)(function (state) { return mdm_module_1.default.selectors.getDependentLookupEditorState(state, valueUri); }) || {}).isTouched, isTouched = _b === void 0 ? false : _b;
+    var onTouch = (0, react_1.useCallback)(function (valueUri) {
+        dispatch(mdm_module_1.profile.dependentLookups.actions.dependentLookupsEditorTouched({ uri: valueUri, isTouched: true }));
+    }, [dispatch]);
+    var autopopulationContextValue = (0, react_1.useMemo)(function () {
+        return autopopulationId
+            ? {
+                id: autopopulationId,
+                isTouched: isTouched,
+                onTouch: onTouch
+            }
+            : null;
+    }, [autopopulationId, isTouched, onTouch]);
+    return { autopopulationContextValue: autopopulationContextValue };
+};
+exports.useAutopopulationContextValue = useAutopopulationContextValue;

package/cjs/components/editors/DependentLookupEditor/DependentLookupEditor.d.ts

@@ -1,6 +1,6 @@
 export const DEBOUNCE_INTERVAL: 400;
 export default DependentLookupEditor;
-declare function DependentLookupEditor({ multiple, value, lookupCode: lookupTypeCode, TextFieldProps, parents, onChange, getLookups, lookups, resolveLookups, fullWidth, disabled, placeholder, autopopulationId, max, ...otherProps }: {
+declare function DependentLookupEditor({ multiple, value, lookupCode: lookupTypeCode, TextFieldProps, parents, onChange, getLookups, lookups, resolveLookups, fullWidth, disabled, placeholder, max, ...otherProps }: {
     [x: string]: any;
     multiple: any;
     value: any;
@@ -14,7 +14,6 @@ declare function DependentLookupEditor({ multiple, value, lookupCode: lookupType
     fullWidth: any;
     disabled: any;
     placeholder: any;
-    autopopulationId: any;
     max?: number;
 }): JSX.Element;
 declare namespace DependentLookupEditor {
@@ -41,7 +40,6 @@ declare namespace DependentLookupEditor {
         const fullWidth: PropTypes.Requireable<boolean>;
         const placeholder: PropTypes.Requireable<string>;
         const disabled: PropTypes.Requireable<boolean>;
-        const autopopulationId: PropTypes.Requireable<string>;
         const max: PropTypes.Requireable<number>;
     }
 }

package/cjs/components/editors/DependentLookupEditor/DependentLookupEditor.js

@@ -84,7 +84,7 @@ var SelectComponents = {
 exports.DEBOUNCE_INTERVAL = 400;
 var MAX_DEPENDENT_LOOKUP_VALUES = 50;
 var DependentLookupEditor = function (_a) {
-    var multiple = _a.multiple, value = _a.value, lookupTypeCode = _a.lookupCode, TextFieldProps = _a.TextFieldProps, parents = _a.parents, onChange = _a.onChange, getLookups = _a.getLookups, _b = _a.lookups, lookups = _b === void 0 ? {} : _b, resolveLookups = _a.resolveLookups, fullWidth = _a.fullWidth, disabled = _a.disabled, placeholder = _a.placeholder, autopopulationId = _a.autopopulationId, _c = _a.max, max = _c === void 0 ? MAX_DEPENDENT_LOOKUP_VALUES : _c, otherProps = __rest(_a, ["multiple", "value", "lookupCode", "TextFieldProps", "parents", "onChange", "getLookups", "lookups", "resolveLookups", "fullWidth", "disabled", "placeholder", "autopopulationId", "max"]);
+    var multiple = _a.multiple, value = _a.value, lookupTypeCode = _a.lookupCode, TextFieldProps = _a.TextFieldProps, parents = _a.parents, onChange = _a.onChange, getLookups = _a.getLookups, _b = _a.lookups, lookups = _b === void 0 ? {} : _b, resolveLookups = _a.resolveLookups, fullWidth = _a.fullWidth, disabled = _a.disabled, placeholder = _a.placeholder, _c = _a.max, max = _c === void 0 ? MAX_DEPENDENT_LOOKUP_VALUES : _c, otherProps = __rest(_a, ["multiple", "value", "lookupCode", "TextFieldProps", "parents", "onChange", "getLookups", "lookups", "resolveLookups", "fullWidth", "disabled", "placeholder", "max"]);
     var inputRef = (0, react_1.useRef)(null);
     var selectRef = (0, react_1.useRef)(null);
     var styles = (0, styles_1.useStyles)();
@@ -188,7 +188,6 @@ var DependentLookupEditor = function (_a) {
     var showMoreButton = options.length > displayedOptions.length;
     var isEmptyValue = multiple ? (0, ramda_1.isEmpty)(value) : !(value === null || value === void 0 ? void 0 : value.lookupCode) && !(value === null || value === void 0 ? void 0 : value.value);
     var markAsTouched = (0, useAutopopulation_1.default)({
-        id: autopopulationId,
         initialDefaultOptions: initialDefaultOptions,
         isEmptyValue: isEmptyValue,
         multiple: multiple,
@@ -218,7 +217,6 @@ DependentLookupEditor.propTypes = {
     fullWidth: prop_types_1.default.bool,
     placeholder: prop_types_1.default.string,
     disabled: prop_types_1.default.bool,
-    autopopulationId: prop_types_1.default.string,
     max: prop_types_1.default.number
 };
 exports.default = DependentLookupEditor;

package/cjs/components/editors/DependentLookupEditor/useAutopopulation.d.ts

@@ -3,13 +3,12 @@ declare type Option = {
     value: string;
 };
 declare type Props = {
-    id: string;
     initialDefaultOptions: Option[];
     isEmptyValue: boolean;
     multiple: boolean;
     onChange: (value: Option | Option[]) => void;
 };
-declare const useAutopopulation: ({ id, initialDefaultOptions, isEmptyValue, multiple, onChange }: Props) => {
+declare const useAutopopulation: ({ initialDefaultOptions, isEmptyValue, multiple, onChange }: Props) => {
     markAsTouched: () => void;
 };
 export default useAutopopulation;

package/cjs/components/editors/DependentLookupEditor/useAutopopulation.js

@@ -1,25 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var react_1 = require("react");
-var touchedEditorsMap = {};
-var addTouchedEditor = function (id) {
-    touchedEditorsMap[id] = true;
-};
-var isTouchedEditor = function (id) { return touchedEditorsMap[id]; };
+var contexts_1 = require("../../../contexts");
 // Autopopulation for just added editor. Other autopopulation cases should be covered by cascadeUpdate flow.
 var useAutopopulation = function (_a) {
-    var id = _a.id, initialDefaultOptions = _a.initialDefaultOptions, isEmptyValue = _a.isEmptyValue, multiple = _a.multiple, onChange = _a.onChange;
+    var initialDefaultOptions = _a.initialDefaultOptions, isEmptyValue = _a.isEmptyValue, multiple = _a.multiple, onChange = _a.onChange;
+    var _b = (0, react_1.useContext)(contexts_1.DependentLookupAutopopulationContext) || {}, id = _b.id, isTouched = _b.isTouched, onTouch = _b.onTouch;
     (0, react_1.useEffect)(function () {
-        if (id && initialDefaultOptions && initialDefaultOptions.length === 1 && isEmptyValue && !isTouchedEditor(id)) {
+        if (id && initialDefaultOptions && initialDefaultOptions.length === 1 && isEmptyValue && !isTouched) {
             onChange(multiple ? initialDefaultOptions : initialDefaultOptions[0]);
         }
         //eslint-disable-next-line react-hooks/exhaustive-deps
     }, [initialDefaultOptions]);
     var markAsTouched = (0, react_1.useCallback)(function () {
         if (id) {
-            addTouchedEditor(id);
+            onTouch === null || onTouch === void 0 ? void 0 : onTouch(id);
         }
-    }, [id]);
+    }, [onTouch, id]);
     return { markAsTouched: markAsTouched };
 };
 exports.default = useAutopopulation;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type DependentLookupAutopopulationContextValue = {
+    id: string;
+    isTouched: boolean;
+    onTouch: (id: string) => void;
+};
+export declare const DependentLookupAutopopulationContext: React.Context<DependentLookupAutopopulationContextValue>;
+export {};

package/cjs/contexts/DependentLookupAutopopulationContext/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.DependentLookupAutopopulationContext = void 0;
+var react_1 = __importDefault(require("react"));
+exports.DependentLookupAutopopulationContext = react_1.default.createContext(null);
+exports.DependentLookupAutopopulationContext.displayName = 'DependentLookupAutopopulationContext';

package/cjs/contexts/index.d.ts

@@ -26,4 +26,5 @@ export { ScrollToErrorContext, ScrollToErrorProvider } from './ScrollToErrorCont
 export { UrlGeneratorsContext } from './UrlGeneratorsContext';
 export { LabelsContext } from './LabelsContext';
 export { FeaturesContext } from './FeaturesContext';
+export { DependentLookupAutopopulationContext } from './DependentLookupAutopopulationContext';
 export { PageRequestsAbortingContext } from './PageRequestsAbortingContext';

package/cjs/contexts/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PageRequestsAbortingContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.ScrollToErrorProvider = exports.ScrollToErrorContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
+exports.PageRequestsAbortingContext = exports.DependentLookupAutopopulationContext = exports.FeaturesContext = exports.LabelsContext = exports.UrlGeneratorsContext = exports.ScrollToErrorProvider = exports.ScrollToErrorContext = exports.SearchValueContext = exports.InterceptHandlersContext = exports.HighlightedValuesContext = exports.SnackbarContext = exports.SearchFiltersContext = exports.useReloadFacet = exports.ReloadFacetProvider = exports.useReloadAllFacets = exports.SandboxAPIContext = exports.EntityContext = exports.RelatedObjectUrisContext = exports.WorkflowTasksContext = exports.EntityMarkerContext = exports.useAttributeExpanded = exports.ExpandedAttributesProvider = exports.useHighlightedCrosswalks = exports.useCrosswalkHighlight = exports.useCrosswalkFocus = exports.useCrosswalkColor = exports.CrosswalksDisplayProvider = exports.EntitiesMapContext = exports.IdContext = exports.ProfilePerspectiveViewContext = exports.PivotingAttributeContext = exports.UsersContext = exports.CollaborationContextProvider = exports.CollaborationContext = exports.BlockImageGalleryDialogContext = exports.ViewIdContext = exports.PopupBoundariesContext = exports.HistoryDiffContext = exports.AsyncMountContext = void 0;
 var AsyncMountContext_1 = require("./AsyncMountContext");
 Object.defineProperty(exports, "AsyncMountContext", { enumerable: true, get: function () { return AsyncMountContext_1.AsyncMountContext; } });
 var HistoryAppearanceContext_1 = require("./HistoryAppearanceContext");
@@ -66,5 +66,7 @@ var LabelsContext_1 = require("./LabelsContext");
 Object.defineProperty(exports, "LabelsContext", { enumerable: true, get: function () { return LabelsContext_1.LabelsContext; } });
 var FeaturesContext_1 = require("./FeaturesContext");
 Object.defineProperty(exports, "FeaturesContext", { enumerable: true, get: function () { return FeaturesContext_1.FeaturesContext; } });
+var DependentLookupAutopopulationContext_1 = require("./DependentLookupAutopopulationContext");
+Object.defineProperty(exports, "DependentLookupAutopopulationContext", { enumerable: true, get: function () { return DependentLookupAutopopulationContext_1.DependentLookupAutopopulationContext; } });
 var PageRequestsAbortingContext_1 = require("./PageRequestsAbortingContext");
 Object.defineProperty(exports, "PageRequestsAbortingContext", { enumerable: true, get: function () { return PageRequestsAbortingContext_1.PageRequestsAbortingContext; } });

package/esm/components/attributes/editMode/SimpleAttributeEditor/SimpleAttributeEditor.js

@@ -38,8 +38,9 @@ import { attributeValueToEditorValue, prepareChangeData } from './utils';
 import withAsyncMount from '../../../../HOCs/withAsyncMount/withAsyncMount';
 import { getDependentLookupEditorContext } from './selectors/getDependentLookupEditorContext';
 import { withContext } from '../../../../HOCs';
-import { ScrollToErrorContext } from '../../../../contexts';
+import { ScrollToErrorContext, DependentLookupAutopopulationContext } from '../../../../contexts';
 import { useScrollToAttributeError } from '../../../../hooks';
+import { useAutopopulationContextValue } from './useAutopopulationContextValue';
 import { useStyles } from './styles';
 var AsyncMountPlaceholder = function () {
     var styles = useStyles();
@@ -81,9 +82,15 @@ var SimpleAttributeEditor = function (_a) {
     var showDeleteButton = !deleted && !!onDeleteAttribute && canDelete;
     var hasError = !!errorMessage;
     var deletedProps = deleted ? { disabled: true } : {};
+    var autopopulationContextValue = useAutopopulationContextValue({
+        enabled: Boolean(dependentLookupEditorContext),
+        attributeTypeUri: attributeType === null || attributeType === void 0 ? void 0 : attributeType.uri,
+        valueUri: attributeValue.uri
+    }).autopopulationContextValue;
     return (React.createElement("div", { ref: ref, className: classnames(styles.editor, className, errorClassName) },
         React.createElement(ErrorWrapper, { errorMessage: errorMessage, className: styles.errorWrapper },
-            React.createElement("div", { className: classnames(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.createElement(DataTypeValueEditor, __assign({ fieldName: attributeUriToSearchUri(attributeType.uri), value: value, dataTypeDefinition: dataTypeDefinition, error: hasError, onChange: onValueEditorChange, fullWidth: true }, dependentLookupEditorContext, otherProps, deletedProps))) : (React.createElement(DataTypeValue, { value: getAttributeValue(attributeValue), dataTypeDefinition: dataTypeDefinition })))),
+            React.createElement("div", { className: classnames(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.createElement(DependentLookupAutopopulationContext.Provider, { value: autopopulationContextValue },
+                React.createElement(DataTypeValueEditor, __assign({ fieldName: attributeUriToSearchUri(attributeType.uri), value: value, dataTypeDefinition: dataTypeDefinition, error: hasError, onChange: onValueEditorChange, fullWidth: true }, dependentLookupEditorContext, otherProps, deletedProps)))) : (React.createElement(DataTypeValue, { value: getAttributeValue(attributeValue), dataTypeDefinition: dataTypeDefinition })))),
         React.createElement("div", { className: styles['editor-actions'] },
             edited && (React.createElement(Typography, { variant: "caption", className: styles.editedLabel },
                 "(",

package/esm/components/attributes/editMode/SimpleAttributeEditor/selectors/getDependentLookupEditorContext.js

@@ -1,4 +1,3 @@
-import { isAutopopulationEnabled } from '@reltio/mdm-sdk';
 import mdmModule from '@reltio/mdm-module';
 import i18n from 'ui-i18n';
 import { getParents } from './helpers/parents';
@@ -11,8 +10,6 @@ export var getDependentLookupEditorContext = function (state, attributeValue, at
         var _a = getParents(state, valueUri, node), parents = _a.parents, missedParentsAttributeTypes = _a.missedParentsAttributeTypes;
         var _b = (mdmModule.selectors.getDependentLookupEditorState(state, valueUri) || {}).isBlocked, isBlocked = _b === void 0 ? false : _b;
         var missedParentsMessage = buildMissedParentsMessage(missedParentsAttributeTypes);
-        var autocompleteConfig = mdmModule.selectors.getLookupAutocomplete(state);
-        var autopopulationEnabled = isAutopopulationEnabled(autocompleteConfig, attributeTypeUri);
         var isEmptyValue = !(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.lookupCode) && !(attributeValue === null || attributeValue === void 0 ? void 0 : attributeValue.value);
         var placeholder = (isEmptyValue && isBlocked && i18n.text('Populating values...')) ||
             (isEmptyValue && missedParentsMessage) ||
@@ -20,8 +17,7 @@ export var getDependentLookupEditorContext = function (state, attributeValue, at
         var context = {
             parents: missedParentsMessage ? null : parents,
             disabled: (!!missedParentsMessage && isEmptyValue) || isBlocked,
-            placeholder: placeholder,
-            autopopulationId: autopopulationEnabled ? valueUri : null
+            placeholder: placeholder
         };
         if (placeholder) {
             context.value = null;

package/esm/components/attributes/editMode/SimpleAttributeEditor/selectors/types.d.ts

@@ -7,6 +7,5 @@ export declare type DependentLookupEditorContext = {
     parents: DependentLookupsParentForApi[];
     disabled: boolean;
     placeholder: string;
-    autopopulationId: string;
     value?: null;
 };

package/esm/components/attributes/editMode/SimpleAttributeEditor/useAutopopulationContextValue.d.ts

@@ -0,0 +1,13 @@
+declare type Props = {
+    enabled: boolean;
+    attributeTypeUri: string;
+    valueUri: string;
+};
+export declare const useAutopopulationContextValue: ({ enabled, attributeTypeUri, valueUri }: Props) => {
+    autopopulationContextValue: {
+        id: string;
+        isTouched: boolean;
+        onTouch: (id: string) => void;
+    };
+};
+export {};

package/esm/components/attributes/editMode/SimpleAttributeEditor/useAutopopulationContextValue.js

@@ -0,0 +1,25 @@
+import { useCallback, useMemo } from 'react';
+import { isAutopopulationEnabled } from '@reltio/mdm-sdk';
+import { useDispatch, useSelector } from 'react-redux';
+import mdmModule, { profile } from '@reltio/mdm-module';
+export var useAutopopulationContextValue = function (_a) {
+    var enabled = _a.enabled, attributeTypeUri = _a.attributeTypeUri, valueUri = _a.valueUri;
+    var dispatch = useDispatch();
+    var autocompleteConfig = useSelector(mdmModule.selectors.getLookupAutocomplete);
+    var autopopulationEnabled = enabled && isAutopopulationEnabled(autocompleteConfig, attributeTypeUri);
+    var autopopulationId = autopopulationEnabled ? valueUri : null;
+    var _b = (useSelector(function (state) { return mdmModule.selectors.getDependentLookupEditorState(state, valueUri); }) || {}).isTouched, isTouched = _b === void 0 ? false : _b;
+    var onTouch = useCallback(function (valueUri) {
+        dispatch(profile.dependentLookups.actions.dependentLookupsEditorTouched({ uri: valueUri, isTouched: true }));
+    }, [dispatch]);
+    var autopopulationContextValue = useMemo(function () {
+        return autopopulationId
+            ? {
+                id: autopopulationId,
+                isTouched: isTouched,
+                onTouch: onTouch
+            }
+            : null;
+    }, [autopopulationId, isTouched, onTouch]);
+    return { autopopulationContextValue: autopopulationContextValue };
+};

package/esm/components/editors/DependentLookupEditor/DependentLookupEditor.d.ts

@@ -1,6 +1,6 @@
 export const DEBOUNCE_INTERVAL: 400;
 export default DependentLookupEditor;
-declare function DependentLookupEditor({ multiple, value, lookupCode: lookupTypeCode, TextFieldProps, parents, onChange, getLookups, lookups, resolveLookups, fullWidth, disabled, placeholder, autopopulationId, max, ...otherProps }: {
+declare function DependentLookupEditor({ multiple, value, lookupCode: lookupTypeCode, TextFieldProps, parents, onChange, getLookups, lookups, resolveLookups, fullWidth, disabled, placeholder, max, ...otherProps }: {
     [x: string]: any;
     multiple: any;
     value: any;
@@ -14,7 +14,6 @@ declare function DependentLookupEditor({ multiple, value, lookupCode: lookupType
     fullWidth: any;
     disabled: any;
     placeholder: any;
-    autopopulationId: any;
     max?: number;
 }): JSX.Element;
 declare namespace DependentLookupEditor {
@@ -41,7 +40,6 @@ declare namespace DependentLookupEditor {
         const fullWidth: PropTypes.Requireable<boolean>;
         const placeholder: PropTypes.Requireable<string>;
         const disabled: PropTypes.Requireable<boolean>;
-        const autopopulationId: PropTypes.Requireable<string>;
         const max: PropTypes.Requireable<number>;
     }
 }

package/esm/components/editors/DependentLookupEditor/DependentLookupEditor.js

@@ -55,7 +55,7 @@ var SelectComponents = {
 export var DEBOUNCE_INTERVAL = 400;
 var MAX_DEPENDENT_LOOKUP_VALUES = 50;
 var DependentLookupEditor = function (_a) {
-    var multiple = _a.multiple, value = _a.value, lookupTypeCode = _a.lookupCode, TextFieldProps = _a.TextFieldProps, parents = _a.parents, onChange = _a.onChange, getLookups = _a.getLookups, _b = _a.lookups, lookups = _b === void 0 ? {} : _b, resolveLookups = _a.resolveLookups, fullWidth = _a.fullWidth, disabled = _a.disabled, placeholder = _a.placeholder, autopopulationId = _a.autopopulationId, _c = _a.max, max = _c === void 0 ? MAX_DEPENDENT_LOOKUP_VALUES : _c, otherProps = __rest(_a, ["multiple", "value", "lookupCode", "TextFieldProps", "parents", "onChange", "getLookups", "lookups", "resolveLookups", "fullWidth", "disabled", "placeholder", "autopopulationId", "max"]);
+    var multiple = _a.multiple, value = _a.value, lookupTypeCode = _a.lookupCode, TextFieldProps = _a.TextFieldProps, parents = _a.parents, onChange = _a.onChange, getLookups = _a.getLookups, _b = _a.lookups, lookups = _b === void 0 ? {} : _b, resolveLookups = _a.resolveLookups, fullWidth = _a.fullWidth, disabled = _a.disabled, placeholder = _a.placeholder, _c = _a.max, max = _c === void 0 ? MAX_DEPENDENT_LOOKUP_VALUES : _c, otherProps = __rest(_a, ["multiple", "value", "lookupCode", "TextFieldProps", "parents", "onChange", "getLookups", "lookups", "resolveLookups", "fullWidth", "disabled", "placeholder", "max"]);
     var inputRef = useRef(null);
     var selectRef = useRef(null);
     var styles = useStyles();
@@ -159,7 +159,6 @@ var DependentLookupEditor = function (_a) {
     var showMoreButton = options.length > displayedOptions.length;
     var isEmptyValue = multiple ? isEmpty(value) : !(value === null || value === void 0 ? void 0 : value.lookupCode) && !(value === null || value === void 0 ? void 0 : value.value);
     var markAsTouched = useAutopopulation({
-        id: autopopulationId,
         initialDefaultOptions: initialDefaultOptions,
         isEmptyValue: isEmptyValue,
         multiple: multiple,
@@ -189,7 +188,6 @@ DependentLookupEditor.propTypes = {
     fullWidth: PropTypes.bool,
     placeholder: PropTypes.string,
     disabled: PropTypes.bool,
-    autopopulationId: PropTypes.string,
     max: PropTypes.number
 };
 export default DependentLookupEditor;

package/esm/components/editors/DependentLookupEditor/useAutopopulation.d.ts

@@ -3,13 +3,12 @@ declare type Option = {
     value: string;
 };
 declare type Props = {
-    id: string;
     initialDefaultOptions: Option[];
     isEmptyValue: boolean;
     multiple: boolean;
     onChange: (value: Option | Option[]) => void;
 };
-declare const useAutopopulation: ({ id, initialDefaultOptions, isEmptyValue, multiple, onChange }: Props) => {
+declare const useAutopopulation: ({ initialDefaultOptions, isEmptyValue, multiple, onChange }: Props) => {
     markAsTouched: () => void;
 };
 export default useAutopopulation;

package/esm/components/editors/DependentLookupEditor/useAutopopulation.js

@@ -1,23 +1,20 @@
-import { useCallback, useEffect } from 'react';
-var touchedEditorsMap = {};
-var addTouchedEditor = function (id) {
-    touchedEditorsMap[id] = true;
-};
-var isTouchedEditor = function (id) { return touchedEditorsMap[id]; };
+import { useCallback, useContext, useEffect } from 'react';
+import { DependentLookupAutopopulationContext } from '../../../contexts';
 // Autopopulation for just added editor. Other autopopulation cases should be covered by cascadeUpdate flow.
 var useAutopopulation = function (_a) {
-    var id = _a.id, initialDefaultOptions = _a.initialDefaultOptions, isEmptyValue = _a.isEmptyValue, multiple = _a.multiple, onChange = _a.onChange;
+    var initialDefaultOptions = _a.initialDefaultOptions, isEmptyValue = _a.isEmptyValue, multiple = _a.multiple, onChange = _a.onChange;
+    var _b = useContext(DependentLookupAutopopulationContext) || {}, id = _b.id, isTouched = _b.isTouched, onTouch = _b.onTouch;
     useEffect(function () {
-        if (id && initialDefaultOptions && initialDefaultOptions.length === 1 && isEmptyValue && !isTouchedEditor(id)) {
+        if (id && initialDefaultOptions && initialDefaultOptions.length === 1 && isEmptyValue && !isTouched) {
             onChange(multiple ? initialDefaultOptions : initialDefaultOptions[0]);
         }
         //eslint-disable-next-line react-hooks/exhaustive-deps
     }, [initialDefaultOptions]);
     var markAsTouched = useCallback(function () {
         if (id) {
-            addTouchedEditor(id);
+            onTouch === null || onTouch === void 0 ? void 0 : onTouch(id);
         }
-    }, [id]);
+    }, [onTouch, id]);
     return { markAsTouched: markAsTouched };
 };
 export default useAutopopulation;

package/esm/contexts/DependentLookupAutopopulationContext/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type DependentLookupAutopopulationContextValue = {
+    id: string;
+    isTouched: boolean;
+    onTouch: (id: string) => void;
+};
+export declare const DependentLookupAutopopulationContext: React.Context<DependentLookupAutopopulationContextValue>;
+export {};

package/esm/contexts/DependentLookupAutopopulationContext/index.js

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

package/esm/contexts/index.d.ts

@@ -26,4 +26,5 @@ export { ScrollToErrorContext, ScrollToErrorProvider } from './ScrollToErrorCont
 export { UrlGeneratorsContext } from './UrlGeneratorsContext';
 export { LabelsContext } from './LabelsContext';
 export { FeaturesContext } from './FeaturesContext';
+export { DependentLookupAutopopulationContext } from './DependentLookupAutopopulationContext';
 export { PageRequestsAbortingContext } from './PageRequestsAbortingContext';

package/esm/contexts/index.js

@@ -26,4 +26,5 @@ export { ScrollToErrorContext, ScrollToErrorProvider } from './ScrollToErrorCont
 export { UrlGeneratorsContext } from './UrlGeneratorsContext';
 export { LabelsContext } from './LabelsContext';
 export { FeaturesContext } from './FeaturesContext';
+export { DependentLookupAutopopulationContext } from './DependentLookupAutopopulationContext';
 export { PageRequestsAbortingContext } from './PageRequestsAbortingContext';

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1481",
+  "version": "1.4.1483",
   "license": "SEE LICENSE IN LICENSE FILE",
   "main": "./cjs/index.js",
   "module": "./esm/index.js",
   "dependencies": {
     "@date-io/moment": "^1.3.5",
     "@react-google-maps/api": "2.7.0",
-    "@reltio/mdm-module": "^1.4.1481",
-    "@reltio/mdm-sdk": "^1.4.1481",
+    "@reltio/mdm-module": "^1.4.1483",
+    "@reltio/mdm-sdk": "^1.4.1483",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",