kui-crm 0.0.87 → 0.0.89

package/cjs/index.js

@@ -364,7 +364,7 @@ var CitiesStore = /** @class */ (function () {
     return CitiesStore;
 }());
 
-var useAutocomplete = function (filter, paginator, fetchAll, defaultFilter, withoutRequest) {
+var useAutocomplete = function (filter, paginator, fetchAll, isOpen, defaultFilter, withoutRequest) {
     React.useEffect(function () {
         if (defaultFilter)
             filter.updateFilterQuery(defaultFilter);
@@ -373,11 +373,16 @@ var useAutocomplete = function (filter, paginator, fetchAll, defaultFilter, with
         paginator.startFetching();
     }, []);
     React.useEffect(function () {
-        if (paginator.isFetching && !paginator.isFinishPage && !withoutRequest) {
+        console.log("effect", paginator.isFetching, paginator.isFinishPage, withoutRequest, isOpen);
+        if (paginator.isFetching &&
+            !paginator.isFinishPage &&
+            !withoutRequest &&
+            isOpen) {
             fetchAll();
         }
-    }, [fetchAll, paginator.isFetching]);
+    }, [fetchAll, paginator.isFetching, isOpen]);
     kuiUtils.useDebounce(filter.searchQuery, 500, function () {
+        console.log("update search query");
         paginator.clearOffset();
         paginator.startFetching();
     });
@@ -401,17 +406,18 @@ var useAutocomplete = function (filter, paginator, fetchAll, defaultFilter, with
 };
 
 function CityAutocomplete(props) {
+    var _a = React.useState(false), isOpen = _a[0], setIsOpen = _a[1];
     var form = props.form, name = props.name, label = props.label, onSelect = props.onSelect, regionName = props.regionName, otherProps = __rest(props, ["form", "name", "label", "onSelect", "regionName"]);
     var citiesStoreRef = React.useRef(new CitiesStore());
-    var _a = React.useState(false), isMounted = _a[0], setIsMounted = _a[1];
+    var _b = React.useState(false), isMounted = _b[0], setIsMounted = _b[1];
     var inputRef = React.useRef(null);
-    var _b = citiesStoreRef.current, cities = _b.cities, fetchCities = _b.fetchCities, paginator = _b.paginator, filter = _b.filter, loader = _b.loader;
+    var _c = citiesStoreRef.current, cities = _c.cities, fetchCities = _c.fetchCities, paginator = _c.paginator, filter = _c.filter, loader = _c.loader;
     var isLoading = loader.isLoading;
     var region = reactHookForm.useWatch({
         control: form.control,
         name: regionName,
     });
-    var _c = useAutocomplete(filter, paginator, fetchCities, (region === null || region === void 0 ? void 0 : region.id) ? "&region=".concat(region.id) : ""), onSearchItem = _c.onSearchItem, onScrollEnd = _c.onScrollEnd;
+    var _d = useAutocomplete(filter, paginator, fetchCities, isOpen, (region === null || region === void 0 ? void 0 : region.id) ? "&region=".concat(region.id) : ""), onSearchItem = _d.onSearchItem, onScrollEnd = _d.onScrollEnd;
     var onSelectItem = function (item) {
         form.setValue("".concat(name, ".id"), item === null || item === void 0 ? void 0 : item.id);
         form.setValue("".concat(name, ".name"), item === null || item === void 0 ? void 0 : item.name, { shouldValidate: true });
@@ -431,7 +437,7 @@ function CityAutocomplete(props) {
         }
         setIsMounted(true);
     }, [region === null || region === void 0 ? void 0 : region.id]);
-    return (jsxRuntime.jsx(kuiComplex.InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsxRuntime.jsx(kuiComplex.AutocompleteOption, { label: option.name })); }, isLoading: isLoading, options: cities, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd, inputRef: inputRef }, otherProps)));
+    return (jsxRuntime.jsx(kuiComplex.InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsxRuntime.jsx(kuiComplex.AutocompleteOption, { label: option.name })); }, isLoading: isLoading, options: cities, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd, inputRef: inputRef, onOpen: setIsOpen }, otherProps)));
 }
 CityAutocomplete.defaultProps = {
     label: "City",
@@ -471,18 +477,19 @@ var CountriesStore = /** @class */ (function () {
 }());
 
 function CountryAutocomplete(props) {
+    var _a = React.useState(false), isOpen = _a[0], setIsOpen = _a[1];
     var form = props.form, name = props.name, label = props.label, defaultFilter = props.defaultFilter, onSelect = props.onSelect, otherProps = __rest(props, ["form", "name", "label", "defaultFilter", "onSelect"]);
     var countriesStoreRef = React.useRef(new CountriesStore());
-    var _a = countriesStoreRef.current, countries = _a.countries, fetchCountries = _a.fetchCountries, paginator = _a.paginator, filter = _a.filter, loader = _a.loader;
+    var _b = countriesStoreRef.current, countries = _b.countries, fetchCountries = _b.fetchCountries, paginator = _b.paginator, filter = _b.filter, loader = _b.loader;
     var isLoading = loader.isLoading;
-    var _b = useAutocomplete(filter, paginator, fetchCountries, defaultFilter), onSearchItem = _b.onSearchItem, onScrollEnd = _b.onScrollEnd;
+    var _c = useAutocomplete(filter, paginator, fetchCountries, isOpen, defaultFilter), onSearchItem = _c.onSearchItem, onScrollEnd = _c.onScrollEnd;
     var onSelectItem = function (item) {
         form.setValue("".concat(name, ".id"), item === null || item === void 0 ? void 0 : item.id);
         form.setValue("".concat(name, ".name"), item === null || item === void 0 ? void 0 : item.name, { shouldValidate: true });
         if (onSelect)
             onSelect(item);
     };
-    return (jsxRuntime.jsx(kuiComplex.InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsxRuntime.jsx(kuiComplex.AutocompleteOption, { label: option.name })); }, isLoading: isLoading, options: countries, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd }, otherProps)));
+    return (jsxRuntime.jsx(kuiComplex.InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsxRuntime.jsx(kuiComplex.AutocompleteOption, { label: option.name })); }, isLoading: isLoading, options: countries, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd, onOpen: setIsOpen }, otherProps)));
 }
 CountryAutocomplete.defaultProps = {
     label: "Country",
@@ -591,17 +598,18 @@ var RegionsStore = /** @class */ (function () {
 }());
 
 function RegionAutocomplete(props) {
+    var _a = React.useState(false), isOpen = _a[0], setIsOpen = _a[1];
     var form = props.form, name = props.name, label = props.label, onSelect = props.onSelect, countryName = props.countryName, otherProps = __rest(props, ["form", "name", "label", "onSelect", "countryName"]);
     var regionsStoreRef = React.useRef(new RegionsStore());
-    var _a = React.useState(false), isMounted = _a[0], setIsMounted = _a[1];
+    var _b = React.useState(false), isMounted = _b[0], setIsMounted = _b[1];
     var inputRef = React.useRef(null);
-    var _b = regionsStoreRef.current, regions = _b.regions, fetchRegions = _b.fetchRegions, paginator = _b.paginator, filter = _b.filter, loader = _b.loader;
+    var _c = regionsStoreRef.current, regions = _c.regions, fetchRegions = _c.fetchRegions, paginator = _c.paginator, filter = _c.filter, loader = _c.loader;
     var isLoading = loader.isLoading;
     var country = reactHookForm.useWatch({
         control: form.control,
         name: countryName,
     });
-    var _c = useAutocomplete(filter, paginator, fetchRegions, (country === null || country === void 0 ? void 0 : country.id) ? "&country=".concat(country.id) : ""), onSearchItem = _c.onSearchItem, onScrollEnd = _c.onScrollEnd;
+    var _d = useAutocomplete(filter, paginator, fetchRegions, isOpen, (country === null || country === void 0 ? void 0 : country.id) ? "&country=".concat(country.id) : ""), onSearchItem = _d.onSearchItem, onScrollEnd = _d.onScrollEnd;
     var onSelectItem = function (item) {
         form.setValue("".concat(name, ".id"), item === null || item === void 0 ? void 0 : item.id);
         form.setValue("".concat(name, ".name"), item === null || item === void 0 ? void 0 : item.name, { shouldValidate: true });
@@ -621,7 +629,7 @@ function RegionAutocomplete(props) {
         }
         setIsMounted(true);
     }, [country === null || country === void 0 ? void 0 : country.id]);
-    return (jsxRuntime.jsx(kuiComplex.InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsxRuntime.jsx(kuiComplex.AutocompleteOption, { label: option.name })); }, isLoading: isLoading, options: regions, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd, inputRef: inputRef }, otherProps)));
+    return (jsxRuntime.jsx(kuiComplex.InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsxRuntime.jsx(kuiComplex.AutocompleteOption, { label: option.name })); }, isLoading: isLoading, options: regions, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd, inputRef: inputRef, onOpen: setIsOpen }, otherProps)));
 }
 RegionAutocomplete.defaultProps = {
     label: "Region",
@@ -1518,14 +1526,15 @@ var CompaniesStore = /** @class */ (function () {
 
 function CompanyAutocomplete(props) {
     var _this = this;
+    var _a = React.useState(false), isOpen = _a[0], setIsOpen = _a[1];
     var form = props.form, name = props.name, label = props.label, handleSelect = props.handleSelect, forApartment = props.forApartment, otherProps = __rest(props, ["form", "name", "label", "handleSelect", "forApartment"]);
     var companiesStore = React.useRef(new CompaniesStore());
-    var _a = companiesStore.current, companies = _a.companies, paginator = _a.paginator, fetchAll = _a.fetchAll, loader = _a.loader, filter = _a.filter;
+    var _b = companiesStore.current, companies = _b.companies, paginator = _b.paginator, fetchAll = _b.fetchAll, loader = _b.loader, filter = _b.filter;
     var logo = reactHookForm.useWatch({
         control: form.control,
         name: "".concat(name, ".logo"),
     });
-    var _b = useAutocomplete(filter, paginator, fetchAll), onSearchItem = _b.onSearchItem, onScrollEnd = _b.onScrollEnd;
+    var _c = useAutocomplete(filter, paginator, fetchAll, isOpen), onSearchItem = _c.onSearchItem, onScrollEnd = _c.onScrollEnd;
     var onSearch = function (value) {
         if (forApartment) {
             if (value) {
@@ -1562,7 +1571,7 @@ function CompanyAutocomplete(props) {
             filter.updateFilterQuery("&for_apartment=".concat(forApartment));
         }
     }, [forApartment]);
-    return (jsxRuntime.jsx(kuiComplex.InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsxRuntime.jsx(TwoOptionForAutocomplete, { option: option })); }, options: companies, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), isLoading: loader.isLoading, onSelectItem: onSelectItem, onSearchItem: onSearch, handleScrollEnd: onScrollEnd, creatingLabel: "Add new company", endComponent: logo && jsxRuntime.jsx(SquarePreviewImage, { size: "sm", imageSrc: logo }), renderCreatingModal: function (modalProps) { return (jsxRuntime.jsx(CompanyCreationModal$1, __assign({ createCompany: onCreate }, modalProps))); } }, otherProps)));
+    return (jsxRuntime.jsx(kuiComplex.InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsxRuntime.jsx(TwoOptionForAutocomplete, { option: option })); }, options: companies, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), isLoading: loader.isLoading, onSelectItem: onSelectItem, onSearchItem: onSearch, handleScrollEnd: onScrollEnd, creatingLabel: "Add new company", endComponent: logo && jsxRuntime.jsx(SquarePreviewImage, { size: "sm", imageSrc: logo }), renderCreatingModal: function (modalProps) { return (jsxRuntime.jsx(CompanyCreationModal$1, __assign({ createCompany: onCreate }, modalProps))); }, onOpen: setIsOpen }, otherProps)));
 }
 CompanyAutocomplete.defaultProps = {
     label: "Company",
@@ -2398,17 +2407,18 @@ var DistrictsStore = /** @class */ (function () {
 }());
 
 function DistrictAutocomplete(props) {
+    var _a = React.useState(false), isOpen = _a[0], setIsOpen = _a[1];
     var form = props.form, name = props.name, label = props.label, onSelect = props.onSelect, cityName = props.cityName, otherProps = __rest(props, ["form", "name", "label", "onSelect", "cityName"]);
     var districtsStoreRef = React.useRef(new DistrictsStore());
-    var _a = React.useState(false), isMounted = _a[0], setIsMounted = _a[1];
+    var _b = React.useState(false), isMounted = _b[0], setIsMounted = _b[1];
     var inputRef = React.useRef(null);
-    var _b = districtsStoreRef.current, districts = _b.districts, fetchDistricts = _b.fetchDistricts, paginator = _b.paginator, filter = _b.filter, loader = _b.loader;
+    var _c = districtsStoreRef.current, districts = _c.districts, fetchDistricts = _c.fetchDistricts, paginator = _c.paginator, filter = _c.filter, loader = _c.loader;
     var isLoading = loader.isLoading;
     var city = reactHookForm.useWatch({
         control: form.control,
         name: cityName,
     });
-    var _c = useAutocomplete(filter, paginator, fetchDistricts, (city === null || city === void 0 ? void 0 : city.id) ? "&city=".concat(city.id) : ""), onSearchItem = _c.onSearchItem, onScrollEnd = _c.onScrollEnd;
+    var _d = useAutocomplete(filter, paginator, fetchDistricts, isOpen, (city === null || city === void 0 ? void 0 : city.id) ? "&city=".concat(city.id) : ""), onSearchItem = _d.onSearchItem, onScrollEnd = _d.onScrollEnd;
     var onSelectItem = function (item) {
         form.setValue("".concat(name, ".id"), item === null || item === void 0 ? void 0 : item.id);
         form.setValue("".concat(name, ".name"), item === null || item === void 0 ? void 0 : item.name, { shouldValidate: true });
@@ -2428,7 +2438,7 @@ function DistrictAutocomplete(props) {
         }
         setIsMounted(true);
     }, [city === null || city === void 0 ? void 0 : city.id]);
-    return (jsxRuntime.jsx(kuiComplex.InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsxRuntime.jsx(kuiComplex.AutocompleteOption, { label: option.name })); }, isLoading: isLoading, options: districts, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd, inputRef: inputRef }, otherProps)));
+    return (jsxRuntime.jsx(kuiComplex.InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsxRuntime.jsx(kuiComplex.AutocompleteOption, { label: option.name })); }, isLoading: isLoading, options: districts, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd, inputRef: inputRef, onOpen: setIsOpen }, otherProps)));
 }
 DistrictAutocomplete.defaultProps = {
     label: "District",
@@ -2672,6 +2682,7 @@ function TariffCreationModal(props) {
 function TariffGroupAutocomplete(props) {
     var _this = this;
     var form = props.form, name = props.name, label = props.label, resource = props.resource, filterQuery = props.filter, filterRequired = props.filterRequired, otherProps = __rest(props, ["form", "name", "label", "resource", "filter", "filterRequired"]);
+    var _a = React.useState(false), isOpen = _a[0], setIsOpen = _a[1];
     var tariffsStoreRef = React.useRef(new TariffsLiteStore());
     var tariffsStore = tariffsStoreRef.current;
     var tariffs = tariffsStore.tariffs, paginator = tariffsStore.paginator, fetchAll = tariffsStore.fetchAll, loader = tariffsStore.loader, filter = tariffsStore.filter;
@@ -2680,7 +2691,7 @@ function TariffGroupAutocomplete(props) {
             fetchAll(resource);
         }
     }, [resource, filter.filterQuery]);
-    var _a = useAutocomplete(filter, paginator, fetchAllByResource), onSearchItem = _a.onSearchItem, onScrollEnd = _a.onScrollEnd;
+    var _b = useAutocomplete(filter, paginator, fetchAllByResource, isOpen), onSearchItem = _b.onSearchItem, onScrollEnd = _b.onScrollEnd;
     var onSelectItem = function (item) {
         form.setValue("".concat(name, ".id"), item === null || item === void 0 ? void 0 : item.id);
         form.setValue("".concat(name, ".type"), resource);
@@ -2702,7 +2713,7 @@ function TariffGroupAutocomplete(props) {
     React.useEffect(function () {
         filter.updateFilterQuery(filterQuery);
     }, [filterQuery]);
-    return (jsxRuntime.jsx(kuiComplex.InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsxRuntime.jsx(kuiComplex.AutocompleteOption, { label: option.name })); }, options: tariffs, isLoading: loader.isLoading, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd, creatingLabel: "Add new tariff group", renderCreatingModal: function (modalProps) { return (jsxRuntime.jsx(TariffCreationModal, __assign({ creationForm: tariffsStore.creationForm, createTariff: onCreate, defaultResource: resource }, modalProps))); } }, otherProps)));
+    return (jsxRuntime.jsx(kuiComplex.InputWithAutocomplete, __assign({ renderOption: function (option) { return (jsxRuntime.jsx(kuiComplex.AutocompleteOption, { label: option.name })); }, options: tariffs, isLoading: loader.isLoading, label: label, form: form, name: "".concat(name, ".name"), hideName: "".concat(name, ".id"), onSelectItem: onSelectItem, onSearchItem: onSearchItem, handleScrollEnd: onScrollEnd, creatingLabel: "Add new tariff group", renderCreatingModal: function (modalProps) { return (jsxRuntime.jsx(TariffCreationModal, __assign({ creationForm: tariffsStore.creationForm, createTariff: onCreate, defaultResource: resource }, modalProps))); }, onOpen: setIsOpen }, otherProps)));
 }
 TariffGroupAutocomplete.defaultProps = {
     name: "tariffGroup",