kui-crm_actions 0.0.122 → 0.0.123

package/index.d.ts

@@ -971,7 +971,7 @@ type InspectionFeedbackProps = {
 
 declare const _default: (props: InspectionFeedbackProps) => JSX.Element | null;
 
-declare const useMetersValues: (formStore: MultistepForm<any>, metersStore: ApartmentMetersStoreInterface) => void;
+declare const useMetersValues: (formStore: MultistepForm<any>, metersStore: ApartmentMetersStoreInterface, onLoad?: (() => void) | undefined) => void;
 
 declare class FillingListStore {
     fillingList: FillingCheckParams[];
@@ -981,7 +981,7 @@ declare class FillingListStore {
     updateFillingList: (fillingList: FillingListItemModel[]) => void;
 }
 
-declare const useFillingList: (apartmentId: number | null, formStore: MultistepForm<any>, fillingStore: FillingListStore) => void;
+declare const useFillingList: (apartmentId: number | null, formStore: MultistepForm<any>, fillingStore: FillingListStore, onLoad?: (() => void) | undefined) => void;
 
 type AddedMetersBlockProps = {
   formStore: MultistepForm<any>

package/index.js

@@ -955,7 +955,7 @@ var AddedMeterItem = function (props) {
     var label = getMeterLabel
         ? getMeterLabel(resource, type)
         : getDefaultMeterLabel();
-    return (jsxs(Caption, __assign({ size: "s" }, { children: ["\u2022 ", label, " #", number, " -", " ", jsxs(StyledAccent, { children: [meterValues, " ", meterUnitLabel[meter.resource]] })] })));
+    return (jsxs(Caption, __assign({ "data-testid": "addedMeterLine", size: "s" }, { children: ["\u2022 ", label, " #", number, " -", " ", jsxs(StyledAccent, { children: [meterValues, " ", meterUnitLabel[meter.resource]] })] })));
 };
 var StyledAccent = styled.span(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n  font-weight: 600;\n"], ["\n  font-weight: 600;\n"])));
 var templateObject_1$a;
@@ -966,7 +966,7 @@ var AddedMetersBlock = function (props) {
     var addedMeters = (_b = (_a = formStore.fields) === null || _a === void 0 ? void 0 : _a.meters) === null || _b === void 0 ? void 0 : _b.filter(function (meter) { return meter.resource === resource; });
     if (!(addedMeters === null || addedMeters === void 0 ? void 0 : addedMeters.length))
         return null;
-    return (jsxs(StyledWrapper$5, { children: [jsxs(StyledHeader, __assign({ container: true, alignItems: "center" }, { children: [jsx(StyledIcon, {}), jsx(Caption, __assign({ size: "s", color: "fiftyP" }, { children: label || "In the previous steps were added:" }))] })), addedMeters.map(function (meter) { return (jsx(AddedMeterItem, { getMeterLabel: getMeterLabel, meter: meter }, meter.number)); })] }));
+    return (jsxs(StyledWrapper$5, __assign({ "data-testid": "addedMetersBlock" }, { children: [jsxs(StyledHeader, __assign({ container: true, alignItems: "center" }, { children: [jsx(StyledIcon, {}), jsx(Caption, __assign({ size: "s", color: "fiftyP" }, { children: label || "In the previous steps were added:" }))] })), addedMeters.map(function (meter) { return (jsx(AddedMeterItem, { getMeterLabel: getMeterLabel, meter: meter }, meter.number)); })] })));
 };
 var StyledWrapper$5 = styled.div(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n  border-radius: 8px;\n  border: 1px solid ", ";\n  padding: 12px 16px;\n  background: white;\n"], ["\n  border-radius: 8px;\n  border: 1px solid ", ";\n  padding: 12px 16px;\n  background: white;\n"])), theme.palette.grey.fifteenB);
 var StyledIcon = styled(WarningIcon)(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n  margin-right: 8px;\n  width: 16px;\n  height: 16px;\n  path {\n    fill: ", ";\n  }\n"], ["\n  margin-right: 8px;\n  width: 16px;\n  height: 16px;\n  path {\n    fill: ", ";\n  }\n"])), theme.palette.brand.main);
@@ -1092,12 +1092,25 @@ var StyledCard$1 = styled(Grid)(templateObject_1$4 || (templateObject_1$4 = __ma
 var StyledCheckbox = styled(CheckboxWithController)(templateObject_2$3 || (templateObject_2$3 = __makeTemplateObject(["\n  .KUI-Label_checkbox {\n    margin-left: 0;\n  }\n"], ["\n  .KUI-Label_checkbox {\n    margin-left: 0;\n  }\n"])));
 var templateObject_1$4, templateObject_2$3;
 
-var useMetersValues = function (formStore, metersStore) {
-    useEffect(function () {
+var useMetersValues = function (formStore, metersStore, onLoad) {
+    var loadMeters = function () { return __awaiter(void 0, void 0, void 0, function () {
         var _a, _b;
-        if (!((_b = (_a = formStore.fields) === null || _a === void 0 ? void 0 : _a.meters) === null || _b === void 0 ? void 0 : _b.length)) {
-            metersStore.fetchMeters();
-        }
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!!((_b = (_a = formStore.fields) === null || _a === void 0 ? void 0 : _a.meters) === null || _b === void 0 ? void 0 : _b.length)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, metersStore.fetchMeters()];
+                case 1:
+                    _c.sent();
+                    if (onLoad)
+                        onLoad();
+                    _c.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        loadMeters();
     }, []);
     useEffect(function () {
         if (!metersStore.loader.isLoading) {
@@ -1141,12 +1154,25 @@ var FillingListStore = /** @class */ (function () {
     return FillingListStore;
 }());
 
-var useFillingList = function (apartmentId, formStore, fillingStore) {
-    useEffect(function () {
+var useFillingList = function (apartmentId, formStore, fillingStore, onLoad) {
+    var loadFillingList = function () { return __awaiter(void 0, void 0, void 0, function () {
         var _a, _b;
-        if (!((_b = (_a = formStore.fields) === null || _a === void 0 ? void 0 : _a.filling) === null || _b === void 0 ? void 0 : _b.length) && apartmentId) {
-            fillingStore.fetchFillingList(apartmentId, "appliance");
-        }
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    if (!(!((_b = (_a = formStore.fields) === null || _a === void 0 ? void 0 : _a.filling) === null || _b === void 0 ? void 0 : _b.length) && apartmentId)) return [3 /*break*/, 2];
+                    return [4 /*yield*/, fillingStore.fetchFillingList(apartmentId, "appliance")];
+                case 1:
+                    _c.sent();
+                    if (onLoad)
+                        onLoad();
+                    _c.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        loadFillingList();
     }, [apartmentId]);
     useEffect(function () {
         var _a, _b;