@reltio/components 1.4.1207 → 1.4.1210

package/cjs/components/MatchRulesBlock/MatchRulesBlock.js

@@ -22,11 +22,10 @@ var MatchRulesBlock = function (_a) {
         return uri !== mdm_sdk_1.NOT_MATCH;
     });
     var hasNotMatch = rules.length !== matchRules.length;
-    var showTransitive = isTransitive && variant !== types_1.MatchRuleVariant.ml;
     var showSimple = !isTransitive && !hasNotMatch;
-    var showNotMatch = hasNotMatch && ![types_1.MatchRuleVariant.excludeNotMatch, types_1.MatchRuleVariant.ml].includes(variant);
+    var showNotMatch = hasNotMatch && variant !== types_1.MatchRuleVariant.excludeNotMatch;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        showTransitive ? (react_1.default.createElement(TransitiveMatchBlock_1.default, { transitiveMatchRules: mdm_sdk_1.getTransitiveMatchRules(metadata, match, entitiesMap) })) : null,
+        isTransitive ? (react_1.default.createElement(TransitiveMatchBlock_1.default, { transitiveMatchRules: mdm_sdk_1.getTransitiveMatchRules(metadata, match, entitiesMap) })) : null,
         showSimple ? (react_1.default.createElement(SimpleMatchRulesBuilder_1.default, { variant: variant, matchRules: matchRules, Component: SimpleMatchRulesBlock_1.default })) : null,
         showNotMatch ? react_1.default.createElement(NotMatchRule_1.default, null) : null));
 };

package/cjs/components/MatchRulesBlock/SimpleMatchRulesBuilder/SimpleMatchRulesBuilder.js

@@ -33,9 +33,9 @@ var types_1 = require("../types");
 var SimpleMatchRulesBuilder = function (_a) {
     var matchRules = _a.matchRules, Component = _a.Component, _b = _a.variant, variant = _b === void 0 ? types_1.MatchRuleVariant.all : _b, otherProps = __rest(_a, ["matchRules", "Component", "variant"]);
     var _c = mdm_sdk_1.partitionByMlMatch(matchRules), MlMatchRules = _c[0], otherMatchRules = _c[1];
-    var all = types_1.MatchRuleVariant.all, simple = types_1.MatchRuleVariant.simple, ml = types_1.MatchRuleVariant.ml, excludeML = types_1.MatchRuleVariant.excludeML, excludeNotMatch = types_1.MatchRuleVariant.excludeNotMatch;
-    var showSimple = [all, simple, excludeML, excludeNotMatch].includes(variant) && !ramda_1.isEmpty(otherMatchRules);
-    var showML = [all, ml, excludeNotMatch, excludeNotMatch].includes(variant) && !ramda_1.isEmpty(MlMatchRules);
+    var all = types_1.MatchRuleVariant.all, simple = types_1.MatchRuleVariant.simple, excludeNotMatch = types_1.MatchRuleVariant.excludeNotMatch;
+    var showSimple = [all, simple, excludeNotMatch].includes(variant) && !ramda_1.isEmpty(otherMatchRules);
+    var showML = [all, excludeNotMatch].includes(variant) && !ramda_1.isEmpty(MlMatchRules);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         showSimple ? react_1.default.createElement(Component, __assign({ matchRules: otherMatchRules }, otherProps)) : null,
         showML ? react_1.default.createElement(Component, __assign({ isMlMatch: true, matchRules: MlMatchRules }, otherProps)) : null));

package/cjs/components/MatchRulesBlock/types/index.d.ts

@@ -5,9 +5,7 @@ declare type MatchRule = {
 export declare type MatchRules = MatchRule[];
 export declare enum MatchRuleVariant {
     all = "all",
-    ml = "ml",
     simple = "simple",
-    excludeML = "excludeML",
     excludeNotMatch = "excludeNotMatch"
 }
 export declare type TransitiveMatchRules = Array<{

package/cjs/components/MatchRulesBlock/types/index.js

@@ -4,8 +4,6 @@ exports.MatchRuleVariant = void 0;
 var MatchRuleVariant;
 (function (MatchRuleVariant) {
     MatchRuleVariant["all"] = "all";
-    MatchRuleVariant["ml"] = "ml";
     MatchRuleVariant["simple"] = "simple";
-    MatchRuleVariant["excludeML"] = "excludeML";
     MatchRuleVariant["excludeNotMatch"] = "excludeNotMatch";
 })(MatchRuleVariant = exports.MatchRuleVariant || (exports.MatchRuleVariant = {}));

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, ...otherProps }: {
+declare function DependentLookupEditor({ multiple, value, lookupCode: lookupTypeCode, TextFieldProps, parents, onChange, getLookups, lookups, resolveLookups, fullWidth, disabled, placeholder, autopopulationId, max, ...otherProps }: {
     [x: string]: any;
     multiple: any;
     value: any;
@@ -15,6 +15,7 @@ declare function DependentLookupEditor({ multiple, value, lookupCode: lookupType
     disabled: any;
     placeholder: any;
     autopopulationId: any;
+    max?: number;
 }): JSX.Element;
 declare namespace DependentLookupEditor {
     namespace propTypes {
@@ -41,6 +42,7 @@ declare namespace DependentLookupEditor {
         const placeholder: PropTypes.Requireable<string>;
         const disabled: PropTypes.Requireable<boolean>;
         const autopopulationId: PropTypes.Requireable<string>;
+        const max: PropTypes.Requireable<number>;
     }
 }
 import PropTypes from "prop-types";

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

@@ -64,6 +64,7 @@ var useDefaultOptions_1 = __importDefault(require("./useDefaultOptions"));
 var useAutopopulation_1 = __importDefault(require("./useAutopopulation"));
 var useSavingFocus_1 = __importDefault(require("./useSavingFocus"));
 var LoadMoreButton_1 = __importDefault(require("../../commonReactSelectComponents/LoadMoreButton"));
+var hooks_1 = require("../../../hooks");
 var SelectComponents = {
     IndicatorSeparator: utils_1.EmptyStub,
     LoadingIndicator: utils_1.EmptyStub,
@@ -76,7 +77,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, otherProps = __rest(_a, ["multiple", "value", "lookupCode", "TextFieldProps", "parents", "onChange", "getLookups", "lookups", "resolveLookups", "fullWidth", "disabled", "placeholder", "autopopulationId"]);
+    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 inputRef = react_1.useRef(null);
     var selectRef = react_1.useRef(null);
     var styles = styles_1.useStyles();
@@ -87,10 +88,10 @@ var DependentLookupEditor = function (_a) {
         onLookupsResolve: function (lookups) { return onChange(multiple ? lookups : lookups[0]); }
     });
     useSavingFocus_1.default(selectRef, inputRef, disabled);
-    var _c = react_1.useState(''), inputValue = _c[0], setInputValue = _c[1];
-    var _d = react_1.useState([]), options = _d[0], setOptions = _d[1];
-    var _e = react_1.useState(1), pageNumber = _e[0], setPageNumber = _e[1];
-    var _f = react_1.useState(false), nextPageIsLoading = _f[0], setNextPageIsLoading = _f[1];
+    var _d = react_1.useState(''), inputValue = _d[0], setInputValue = _d[1];
+    var _e = react_1.useState([]), options = _e[0], setOptions = _e[1];
+    var _f = react_1.useState(1), pageNumber = _f[0], setPageNumber = _f[1];
+    var _g = react_1.useState(false), optionsAreLoading = _g[0], setOptionsAreLoading = _g[1];
     var handleInputChange = function (value) {
         if (value !== inputValue) {
             setInputValue(value);
@@ -100,41 +101,35 @@ var DependentLookupEditor = function (_a) {
     };
     var loadOptions = react_1.useCallback(function (value, pageNumber) {
         if (pageNumber === void 0) { pageNumber = 1; }
+        setOptionsAreLoading(true);
         return getLookups({
             type: lookupTypeCode,
             parents: parents,
             displayNamePrefix: value,
-            max: MAX_DEPENDENT_LOOKUP_VALUES + 1,
-            offset: (pageNumber - 1) * MAX_DEPENDENT_LOOKUP_VALUES
-        }).then(function (buildOptions) { return helpers_1.buildLookupOptions(buildOptions); });
-    }, [lookupTypeCode, parents]);
-    var loadMoreOptions = react_1.useCallback(function () {
-        setNextPageIsLoading(true);
-        loadOptions(inputValue, pageNumber + 1)
-            .then(function (buildOptions) {
-            setOptions(function (options) {
-                return ramda_1.concat(options.slice(0, pageNumber * MAX_DEPENDENT_LOOKUP_VALUES), buildOptions);
-            });
-            setPageNumber(function (page) { return page + 1; });
+            max: max + 1,
+            offset: (pageNumber - 1) * max
         })
+            .then(function (buildOptions) { return helpers_1.buildLookupOptions(buildOptions); })
             .catch(function () { return []; })
-            .finally(function () { return setNextPageIsLoading(false); });
-    }, [loadOptions, inputValue, pageNumber]);
+            .finally(function () { return setOptionsAreLoading(false); });
+    }, [max, lookupTypeCode, parents]);
+    var loadMoreOptions = react_1.useCallback(function () {
+        loadOptions(inputValue, pageNumber + 1).then(function (buildOptions) {
+            setOptions(function (options) { return ramda_1.concat(options.slice(0, pageNumber * max), buildOptions); });
+            setPageNumber(function (page) { return page + 1; });
+        });
+    }, [max, loadOptions, inputValue, pageNumber]);
     var debouncedLoadOptions = react_1.useCallback(mdm_sdk_1.debounce(function (value, callback) {
-        setNextPageIsLoading(true);
-        loadOptions(value)
-            .then(function (options) { return callback(options); })
-            .catch(function () { return callback([]); })
-            .finally(function () { return setNextPageIsLoading(false); });
+        loadOptions(value).then(function (options) { return callback(options); });
     }, exports.DEBOUNCE_INTERVAL), [loadOptions]);
-    var _g = useDefaultOptions_1.default(loadOptions), defaultOptions = _g.defaultOptions, initialDefaultOptions = _g.initialDefaultOptions, isLoadingDefaultOptions = _g.isLoading;
+    var _h = useDefaultOptions_1.default(loadOptions), defaultOptions = _h.defaultOptions, initialDefaultOptions = _h.initialDefaultOptions, isLoadingDefaultOptions = _h.isLoading;
     react_1.useEffect(function () {
         setOptions(defaultOptions);
     }, [defaultOptions]);
-    var displayedOptions = react_1.useMemo(function () { return options.slice(0, pageNumber * MAX_DEPENDENT_LOOKUP_VALUES); }, [
-        options,
-        pageNumber
-    ]);
+    hooks_1.useDidUpdateEffect(function () {
+        setPageNumber(1);
+    }, [lookupTypeCode]);
+    var displayedOptions = react_1.useMemo(function () { return options.slice(0, pageNumber * max); }, [max, options, pageNumber]);
     var showMoreButton = options.length > displayedOptions.length;
     var isEmptyValue = multiple ? ramda_1.isEmpty(value) : !(value === null || value === void 0 ? void 0 : value.lookupCode) && !(value === null || value === void 0 ? void 0 : value.value);
     var markAsTouched = useAutopopulation_1.default({
@@ -147,10 +142,12 @@ var DependentLookupEditor = function (_a) {
     return (react_1.default.createElement(Select_1.default, __assign({}, otherProps, { isMulti: multiple, classes: styles, menuPortalTarget: document.body, menuPlacement: "auto", TextFieldProps: __assign(__assign({}, TextFieldProps), { ref: inputRef, disabled: (TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.disabled) || disabled }), inputRef: inputRef, innerRef: selectRef, styles: {
             menuPortal: function (base) { return (__assign(__assign({}, base), { zIndex: 1300 })); },
             container: function (base) { return (__assign(__assign({}, base), (fullWidth ? { width: '100%' } : {}))); }
-        }, loadingMessage: function () { return ui_i18n_1.default.text('Loading...'); }, noOptionsMessage: function () { return ui_i18n_1.default.text('No results found'); }, components: SelectComponents, isClearable: true, isSearchable: true, inputValue: inputValue, onInputChange: handleInputChange, isLoading: !inputValue && isLoadingDefaultOptions, hideSelectedOptions: false, placeholder: placeholder || '', isDisabled: disabled, options: displayedOptions, getOptionValue: ramda_1.either(ramda_1.prop('value'), ramda_1.prop('lookupCode')), getOptionLabel: helpers_1.getOptionLabel, onChange: function (value) {
+        }, noOptionsMessage: function () {
+            return optionsAreLoading && !showMoreButton ? ui_i18n_1.default.text('Loading...') : ui_i18n_1.default.text('No results found');
+        }, components: SelectComponents, isClearable: true, isSearchable: true, inputValue: inputValue, onInputChange: handleInputChange, loadingMessage: function () { return ui_i18n_1.default.text('Loading...'); }, isLoading: !inputValue && isLoadingDefaultOptions, hideSelectedOptions: false, placeholder: placeholder || '', isDisabled: disabled, options: displayedOptions, getOptionValue: ramda_1.either(ramda_1.prop('value'), ramda_1.prop('lookupCode')), getOptionLabel: helpers_1.getOptionLabel, onChange: function (value) {
             markAsTouched();
             onChange(value);
-        }, value: ramda_1.defaultTo(multiple ? [] : null, value), menuListFooter: showMoreButton && react_1.default.createElement(LoadMoreButton_1.default, { loading: nextPageIsLoading, onClick: loadMoreOptions }) })));
+        }, value: ramda_1.defaultTo(multiple ? [] : null, value), menuListFooter: showMoreButton && react_1.default.createElement(LoadMoreButton_1.default, { loading: optionsAreLoading, onClick: loadMoreOptions }) })));
 };
 DependentLookupEditor.propTypes = {
     multiple: prop_types_1.default.bool,
@@ -169,6 +166,7 @@ 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
+    autopopulationId: prop_types_1.default.string,
+    max: prop_types_1.default.number
 };
 exports.default = DependentLookupEditor;

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

@@ -1,7 +1,8 @@
 export default TypeaheadEditor;
-declare function TypeaheadEditor({ value, getSuggestions, onChange, multiple, fullWidth, InputProps, ...inputProps }: {
+declare function TypeaheadEditor({ value, max, getSuggestions, onChange, multiple, fullWidth, InputProps, ...inputProps }: {
     [x: string]: any;
     value: any;
+    max?: number;
     getSuggestions: any;
     onChange: any;
     multiple: any;
@@ -17,6 +18,7 @@ declare namespace TypeaheadEditor {
         const onChange: PropTypes.Validator<(...args: any[]) => any>;
         const getSuggestions: PropTypes.Validator<(...args: any[]) => any>;
         const InputProps: PropTypes.Requireable<object>;
+        const max: PropTypes.Requireable<number>;
     }
 }
 import PropTypes from "prop-types";

package/cjs/components/editors/TypeaheadEditor/TypeaheadEditor.js

@@ -70,13 +70,13 @@ var hooks_1 = require("../../../hooks");
 var FETCH_DEBOUNCE_INTERVAL = 300;
 var PAGE_SIZE = 50;
 var TypeaheadEditor = function (_a) {
-    var value = _a.value, getSuggestions = _a.getSuggestions, onChange = _a.onChange, multiple = _a.multiple, fullWidth = _a.fullWidth, _b = _a.InputProps, InputProps = _b === void 0 ? {} : _b, inputProps = __rest(_a, ["value", "getSuggestions", "onChange", "multiple", "fullWidth", "InputProps"]);
-    var _c = react_1.useState([]), suggestions = _c[0], setSuggestions = _c[1];
-    var _d = react_1.useState(false), isPlaceholderVisible = _d[0], setPlaceholderVisibility = _d[1];
-    var _e = react_1.useState(1), pageNumber = _e[0], setPageNumber = _e[1];
-    var _f = react_1.useState(false), nextPageIsLoading = _f[0], setNextPageIsLoading = _f[1];
-    var pageSizeForRequest = PAGE_SIZE + 1;
-    var _g = react_1.useState(''), currentValue = _g[0], setCurrentValue = _g[1];
+    var value = _a.value, _b = _a.max, max = _b === void 0 ? PAGE_SIZE : _b, getSuggestions = _a.getSuggestions, onChange = _a.onChange, multiple = _a.multiple, fullWidth = _a.fullWidth, _c = _a.InputProps, InputProps = _c === void 0 ? {} : _c, inputProps = __rest(_a, ["value", "max", "getSuggestions", "onChange", "multiple", "fullWidth", "InputProps"]);
+    var _d = react_1.useState([]), suggestions = _d[0], setSuggestions = _d[1];
+    var _e = react_1.useState(false), isPlaceholderVisible = _e[0], setPlaceholderVisibility = _e[1];
+    var _f = react_1.useState(1), pageNumber = _f[0], setPageNumber = _f[1];
+    var _g = react_1.useState(false), nextPageIsLoading = _g[0], setNextPageIsLoading = _g[1];
+    var pageSizeForRequest = max + 1;
+    var _h = react_1.useState(''), currentValue = _h[0], setCurrentValue = _h[1];
     value = ramda_1.defaultTo(multiple ? [] : '', value);
     var inputValue = multiple ? currentValue : value;
     hooks_1.useDidUpdateEffect(function () {
@@ -100,9 +100,9 @@ var TypeaheadEditor = function (_a) {
     var debouncedFetchSuggestions = react_1.useCallback(mdm_sdk_1.debounce(fetchSuggestions, FETCH_DEBOUNCE_INTERVAL), [
         getSuggestions
     ]);
-    var displayedSuggestions = react_1.useMemo(function () { return suggestions.slice(0, pageNumber * PAGE_SIZE); }, [suggestions, pageNumber]);
+    var displayedSuggestions = react_1.useMemo(function () { return suggestions.slice(0, pageNumber * max); }, [suggestions, pageNumber, max]);
     var showMoreButton = suggestions.length > displayedSuggestions.length;
-    var _h = react_1.useState(false), hasHighlightedItem = _h[0], setHasHighlightedItem = _h[1];
+    var _j = react_1.useState(false), hasHighlightedItem = _j[0], setHasHighlightedItem = _j[1];
     var onInputChange = function (_a) {
         var newValue = _a.newValue, method = _a.method;
         switch (method) {
@@ -172,6 +172,7 @@ TypeaheadEditor.propTypes = {
     value: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.arrayOf(prop_types_1.default.string)]),
     onChange: prop_types_1.default.func.isRequired,
     getSuggestions: prop_types_1.default.func.isRequired,
-    InputProps: prop_types_1.default.object
+    InputProps: prop_types_1.default.object,
+    max: prop_types_1.default.number
 };
 exports.default = TypeaheadEditor;

package/esm/components/MatchRulesBlock/MatchRulesBlock.js

@@ -17,11 +17,10 @@ var MatchRulesBlock = function (_a) {
         return uri !== NOT_MATCH;
     });
     var hasNotMatch = rules.length !== matchRules.length;
-    var showTransitive = isTransitive && variant !== MatchRuleVariant.ml;
     var showSimple = !isTransitive && !hasNotMatch;
-    var showNotMatch = hasNotMatch && ![MatchRuleVariant.excludeNotMatch, MatchRuleVariant.ml].includes(variant);
+    var showNotMatch = hasNotMatch && variant !== MatchRuleVariant.excludeNotMatch;
     return (React.createElement(React.Fragment, null,
-        showTransitive ? (React.createElement(TransitiveMatchBlock, { transitiveMatchRules: getTransitiveMatchRules(metadata, match, entitiesMap) })) : null,
+        isTransitive ? (React.createElement(TransitiveMatchBlock, { transitiveMatchRules: getTransitiveMatchRules(metadata, match, entitiesMap) })) : null,
         showSimple ? (React.createElement(SimpleMatchRulesBuilder, { variant: variant, matchRules: matchRules, Component: SimpleMatchRulesBlock })) : null,
         showNotMatch ? React.createElement(NotMatchRule, null) : null));
 };

package/esm/components/MatchRulesBlock/SimpleMatchRulesBuilder/SimpleMatchRulesBuilder.js

@@ -28,9 +28,9 @@ import { MatchRuleVariant } from '../types';
 var SimpleMatchRulesBuilder = function (_a) {
     var matchRules = _a.matchRules, Component = _a.Component, _b = _a.variant, variant = _b === void 0 ? MatchRuleVariant.all : _b, otherProps = __rest(_a, ["matchRules", "Component", "variant"]);
     var _c = partitionByMlMatch(matchRules), MlMatchRules = _c[0], otherMatchRules = _c[1];
-    var all = MatchRuleVariant.all, simple = MatchRuleVariant.simple, ml = MatchRuleVariant.ml, excludeML = MatchRuleVariant.excludeML, excludeNotMatch = MatchRuleVariant.excludeNotMatch;
-    var showSimple = [all, simple, excludeML, excludeNotMatch].includes(variant) && !isEmpty(otherMatchRules);
-    var showML = [all, ml, excludeNotMatch, excludeNotMatch].includes(variant) && !isEmpty(MlMatchRules);
+    var all = MatchRuleVariant.all, simple = MatchRuleVariant.simple, excludeNotMatch = MatchRuleVariant.excludeNotMatch;
+    var showSimple = [all, simple, excludeNotMatch].includes(variant) && !isEmpty(otherMatchRules);
+    var showML = [all, excludeNotMatch].includes(variant) && !isEmpty(MlMatchRules);
     return (React.createElement(React.Fragment, null,
         showSimple ? React.createElement(Component, __assign({ matchRules: otherMatchRules }, otherProps)) : null,
         showML ? React.createElement(Component, __assign({ isMlMatch: true, matchRules: MlMatchRules }, otherProps)) : null));

package/esm/components/MatchRulesBlock/types/index.d.ts

@@ -5,9 +5,7 @@ declare type MatchRule = {
 export declare type MatchRules = MatchRule[];
 export declare enum MatchRuleVariant {
     all = "all",
-    ml = "ml",
     simple = "simple",
-    excludeML = "excludeML",
     excludeNotMatch = "excludeNotMatch"
 }
 export declare type TransitiveMatchRules = Array<{

package/esm/components/MatchRulesBlock/types/index.js

@@ -1,8 +1,6 @@
 export var MatchRuleVariant;
 (function (MatchRuleVariant) {
     MatchRuleVariant["all"] = "all";
-    MatchRuleVariant["ml"] = "ml";
     MatchRuleVariant["simple"] = "simple";
-    MatchRuleVariant["excludeML"] = "excludeML";
     MatchRuleVariant["excludeNotMatch"] = "excludeNotMatch";
 })(MatchRuleVariant || (MatchRuleVariant = {}));

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, ...otherProps }: {
+declare function DependentLookupEditor({ multiple, value, lookupCode: lookupTypeCode, TextFieldProps, parents, onChange, getLookups, lookups, resolveLookups, fullWidth, disabled, placeholder, autopopulationId, max, ...otherProps }: {
     [x: string]: any;
     multiple: any;
     value: any;
@@ -15,6 +15,7 @@ declare function DependentLookupEditor({ multiple, value, lookupCode: lookupType
     disabled: any;
     placeholder: any;
     autopopulationId: any;
+    max?: number;
 }): JSX.Element;
 declare namespace DependentLookupEditor {
     namespace propTypes {
@@ -41,6 +42,7 @@ declare namespace DependentLookupEditor {
         const placeholder: PropTypes.Requireable<string>;
         const disabled: PropTypes.Requireable<boolean>;
         const autopopulationId: PropTypes.Requireable<string>;
+        const max: PropTypes.Requireable<number>;
     }
 }
 import PropTypes from "prop-types";

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

@@ -39,6 +39,7 @@ import useDefaultOptions from './useDefaultOptions';
 import useAutopopulation from './useAutopopulation';
 import useSavingFocus from './useSavingFocus';
 import LoadMoreButton from '../../commonReactSelectComponents/LoadMoreButton';
+import { useDidUpdateEffect } from '../../../hooks';
 var SelectComponents = {
     IndicatorSeparator: EmptyStub,
     LoadingIndicator: EmptyStub,
@@ -51,7 +52,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, otherProps = __rest(_a, ["multiple", "value", "lookupCode", "TextFieldProps", "parents", "onChange", "getLookups", "lookups", "resolveLookups", "fullWidth", "disabled", "placeholder", "autopopulationId"]);
+    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 inputRef = useRef(null);
     var selectRef = useRef(null);
     var styles = useStyles();
@@ -62,10 +63,10 @@ var DependentLookupEditor = function (_a) {
         onLookupsResolve: function (lookups) { return onChange(multiple ? lookups : lookups[0]); }
     });
     useSavingFocus(selectRef, inputRef, disabled);
-    var _c = useState(''), inputValue = _c[0], setInputValue = _c[1];
-    var _d = useState([]), options = _d[0], setOptions = _d[1];
-    var _e = useState(1), pageNumber = _e[0], setPageNumber = _e[1];
-    var _f = useState(false), nextPageIsLoading = _f[0], setNextPageIsLoading = _f[1];
+    var _d = useState(''), inputValue = _d[0], setInputValue = _d[1];
+    var _e = useState([]), options = _e[0], setOptions = _e[1];
+    var _f = useState(1), pageNumber = _f[0], setPageNumber = _f[1];
+    var _g = useState(false), optionsAreLoading = _g[0], setOptionsAreLoading = _g[1];
     var handleInputChange = function (value) {
         if (value !== inputValue) {
             setInputValue(value);
@@ -75,41 +76,35 @@ var DependentLookupEditor = function (_a) {
     };
     var loadOptions = useCallback(function (value, pageNumber) {
         if (pageNumber === void 0) { pageNumber = 1; }
+        setOptionsAreLoading(true);
         return getLookups({
             type: lookupTypeCode,
             parents: parents,
             displayNamePrefix: value,
-            max: MAX_DEPENDENT_LOOKUP_VALUES + 1,
-            offset: (pageNumber - 1) * MAX_DEPENDENT_LOOKUP_VALUES
-        }).then(function (buildOptions) { return buildLookupOptions(buildOptions); });
-    }, [lookupTypeCode, parents]);
-    var loadMoreOptions = useCallback(function () {
-        setNextPageIsLoading(true);
-        loadOptions(inputValue, pageNumber + 1)
-            .then(function (buildOptions) {
-            setOptions(function (options) {
-                return concat(options.slice(0, pageNumber * MAX_DEPENDENT_LOOKUP_VALUES), buildOptions);
-            });
-            setPageNumber(function (page) { return page + 1; });
+            max: max + 1,
+            offset: (pageNumber - 1) * max
         })
+            .then(function (buildOptions) { return buildLookupOptions(buildOptions); })
             .catch(function () { return []; })
-            .finally(function () { return setNextPageIsLoading(false); });
-    }, [loadOptions, inputValue, pageNumber]);
+            .finally(function () { return setOptionsAreLoading(false); });
+    }, [max, lookupTypeCode, parents]);
+    var loadMoreOptions = useCallback(function () {
+        loadOptions(inputValue, pageNumber + 1).then(function (buildOptions) {
+            setOptions(function (options) { return concat(options.slice(0, pageNumber * max), buildOptions); });
+            setPageNumber(function (page) { return page + 1; });
+        });
+    }, [max, loadOptions, inputValue, pageNumber]);
     var debouncedLoadOptions = useCallback(debounce(function (value, callback) {
-        setNextPageIsLoading(true);
-        loadOptions(value)
-            .then(function (options) { return callback(options); })
-            .catch(function () { return callback([]); })
-            .finally(function () { return setNextPageIsLoading(false); });
+        loadOptions(value).then(function (options) { return callback(options); });
     }, DEBOUNCE_INTERVAL), [loadOptions]);
-    var _g = useDefaultOptions(loadOptions), defaultOptions = _g.defaultOptions, initialDefaultOptions = _g.initialDefaultOptions, isLoadingDefaultOptions = _g.isLoading;
+    var _h = useDefaultOptions(loadOptions), defaultOptions = _h.defaultOptions, initialDefaultOptions = _h.initialDefaultOptions, isLoadingDefaultOptions = _h.isLoading;
     useEffect(function () {
         setOptions(defaultOptions);
     }, [defaultOptions]);
-    var displayedOptions = useMemo(function () { return options.slice(0, pageNumber * MAX_DEPENDENT_LOOKUP_VALUES); }, [
-        options,
-        pageNumber
-    ]);
+    useDidUpdateEffect(function () {
+        setPageNumber(1);
+    }, [lookupTypeCode]);
+    var displayedOptions = useMemo(function () { return options.slice(0, pageNumber * max); }, [max, options, pageNumber]);
     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({
@@ -122,10 +117,12 @@ var DependentLookupEditor = function (_a) {
     return (React.createElement(Select, __assign({}, otherProps, { isMulti: multiple, classes: styles, menuPortalTarget: document.body, menuPlacement: "auto", TextFieldProps: __assign(__assign({}, TextFieldProps), { ref: inputRef, disabled: (TextFieldProps === null || TextFieldProps === void 0 ? void 0 : TextFieldProps.disabled) || disabled }), inputRef: inputRef, innerRef: selectRef, styles: {
             menuPortal: function (base) { return (__assign(__assign({}, base), { zIndex: 1300 })); },
             container: function (base) { return (__assign(__assign({}, base), (fullWidth ? { width: '100%' } : {}))); }
-        }, loadingMessage: function () { return i18n.text('Loading...'); }, noOptionsMessage: function () { return i18n.text('No results found'); }, components: SelectComponents, isClearable: true, isSearchable: true, inputValue: inputValue, onInputChange: handleInputChange, isLoading: !inputValue && isLoadingDefaultOptions, hideSelectedOptions: false, placeholder: placeholder || '', isDisabled: disabled, options: displayedOptions, getOptionValue: either(prop('value'), prop('lookupCode')), getOptionLabel: getOptionLabel, onChange: function (value) {
+        }, noOptionsMessage: function () {
+            return optionsAreLoading && !showMoreButton ? i18n.text('Loading...') : i18n.text('No results found');
+        }, components: SelectComponents, isClearable: true, isSearchable: true, inputValue: inputValue, onInputChange: handleInputChange, loadingMessage: function () { return i18n.text('Loading...'); }, isLoading: !inputValue && isLoadingDefaultOptions, hideSelectedOptions: false, placeholder: placeholder || '', isDisabled: disabled, options: displayedOptions, getOptionValue: either(prop('value'), prop('lookupCode')), getOptionLabel: getOptionLabel, onChange: function (value) {
             markAsTouched();
             onChange(value);
-        }, value: defaultTo(multiple ? [] : null, value), menuListFooter: showMoreButton && React.createElement(LoadMoreButton, { loading: nextPageIsLoading, onClick: loadMoreOptions }) })));
+        }, value: defaultTo(multiple ? [] : null, value), menuListFooter: showMoreButton && React.createElement(LoadMoreButton, { loading: optionsAreLoading, onClick: loadMoreOptions }) })));
 };
 DependentLookupEditor.propTypes = {
     multiple: PropTypes.bool,
@@ -144,6 +141,7 @@ DependentLookupEditor.propTypes = {
     fullWidth: PropTypes.bool,
     placeholder: PropTypes.string,
     disabled: PropTypes.bool,
-    autopopulationId: PropTypes.string
+    autopopulationId: PropTypes.string,
+    max: PropTypes.number
 };
 export default DependentLookupEditor;

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

@@ -1,7 +1,8 @@
 export default TypeaheadEditor;
-declare function TypeaheadEditor({ value, getSuggestions, onChange, multiple, fullWidth, InputProps, ...inputProps }: {
+declare function TypeaheadEditor({ value, max, getSuggestions, onChange, multiple, fullWidth, InputProps, ...inputProps }: {
     [x: string]: any;
     value: any;
+    max?: number;
     getSuggestions: any;
     onChange: any;
     multiple: any;
@@ -17,6 +18,7 @@ declare namespace TypeaheadEditor {
         const onChange: PropTypes.Validator<(...args: any[]) => any>;
         const getSuggestions: PropTypes.Validator<(...args: any[]) => any>;
         const InputProps: PropTypes.Requireable<object>;
+        const max: PropTypes.Requireable<number>;
     }
 }
 import PropTypes from "prop-types";

package/esm/components/editors/TypeaheadEditor/TypeaheadEditor.js

@@ -46,13 +46,13 @@ import { useDidUpdateEffect } from '../../../hooks';
 var FETCH_DEBOUNCE_INTERVAL = 300;
 var PAGE_SIZE = 50;
 var TypeaheadEditor = function (_a) {
-    var value = _a.value, getSuggestions = _a.getSuggestions, onChange = _a.onChange, multiple = _a.multiple, fullWidth = _a.fullWidth, _b = _a.InputProps, InputProps = _b === void 0 ? {} : _b, inputProps = __rest(_a, ["value", "getSuggestions", "onChange", "multiple", "fullWidth", "InputProps"]);
-    var _c = useState([]), suggestions = _c[0], setSuggestions = _c[1];
-    var _d = useState(false), isPlaceholderVisible = _d[0], setPlaceholderVisibility = _d[1];
-    var _e = useState(1), pageNumber = _e[0], setPageNumber = _e[1];
-    var _f = useState(false), nextPageIsLoading = _f[0], setNextPageIsLoading = _f[1];
-    var pageSizeForRequest = PAGE_SIZE + 1;
-    var _g = useState(''), currentValue = _g[0], setCurrentValue = _g[1];
+    var value = _a.value, _b = _a.max, max = _b === void 0 ? PAGE_SIZE : _b, getSuggestions = _a.getSuggestions, onChange = _a.onChange, multiple = _a.multiple, fullWidth = _a.fullWidth, _c = _a.InputProps, InputProps = _c === void 0 ? {} : _c, inputProps = __rest(_a, ["value", "max", "getSuggestions", "onChange", "multiple", "fullWidth", "InputProps"]);
+    var _d = useState([]), suggestions = _d[0], setSuggestions = _d[1];
+    var _e = useState(false), isPlaceholderVisible = _e[0], setPlaceholderVisibility = _e[1];
+    var _f = useState(1), pageNumber = _f[0], setPageNumber = _f[1];
+    var _g = useState(false), nextPageIsLoading = _g[0], setNextPageIsLoading = _g[1];
+    var pageSizeForRequest = max + 1;
+    var _h = useState(''), currentValue = _h[0], setCurrentValue = _h[1];
     value = defaultTo(multiple ? [] : '', value);
     var inputValue = multiple ? currentValue : value;
     useDidUpdateEffect(function () {
@@ -76,9 +76,9 @@ var TypeaheadEditor = function (_a) {
     var debouncedFetchSuggestions = useCallback(debounce(fetchSuggestions, FETCH_DEBOUNCE_INTERVAL), [
         getSuggestions
     ]);
-    var displayedSuggestions = useMemo(function () { return suggestions.slice(0, pageNumber * PAGE_SIZE); }, [suggestions, pageNumber]);
+    var displayedSuggestions = useMemo(function () { return suggestions.slice(0, pageNumber * max); }, [suggestions, pageNumber, max]);
     var showMoreButton = suggestions.length > displayedSuggestions.length;
-    var _h = useState(false), hasHighlightedItem = _h[0], setHasHighlightedItem = _h[1];
+    var _j = useState(false), hasHighlightedItem = _j[0], setHasHighlightedItem = _j[1];
     var onInputChange = function (_a) {
         var newValue = _a.newValue, method = _a.method;
         switch (method) {
@@ -148,6 +148,7 @@ TypeaheadEditor.propTypes = {
     value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
     onChange: PropTypes.func.isRequired,
     getSuggestions: PropTypes.func.isRequired,
-    InputProps: PropTypes.object
+    InputProps: PropTypes.object,
+    max: PropTypes.number
 };
 export default TypeaheadEditor;

package/package.json

@@ -1,14 +1,14 @@
 {
   "name": "@reltio/components",
-  "version": "1.4.1207",
+  "version": "1.4.1210",
   "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.1207",
-    "@reltio/mdm-sdk": "^1.4.1207",
+    "@reltio/mdm-module": "^1.4.1210",
+    "@reltio/mdm-sdk": "^1.4.1210",
     "classnames": "^2.2.5",
     "d3-cloud": "^1.2.5",
     "d3-geo": "^2.0.1",