kui-crm_actions 0.0.122 → 0.0.124

package/cjs/index.js

@@ -984,7 +984,7 @@ var AddedMeterItem = function (props) {
     var label = getMeterLabel
         ? getMeterLabel(resource, type)
         : getDefaultMeterLabel();
-    return (jsxRuntime.jsxs(kuiBasic.Caption, __assign({ size: "s" }, { children: ["\u2022 ", label, " #", number, " -", " ", jsxRuntime.jsxs(StyledAccent, { children: [meterValues, " ", kuiCrm.meterUnitLabel[meter.resource]] })] })));
+    return (jsxRuntime.jsxs(kuiBasic.Caption, __assign({ "data-testid": "addedMeterLine", size: "s" }, { children: ["\u2022 ", label, " #", number, " -", " ", jsxRuntime.jsxs(StyledAccent, { children: [meterValues, " ", kuiCrm.meterUnitLabel[meter.resource]] })] })));
 };
 var StyledAccent = styled__default["default"].span(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n  font-weight: 600;\n"], ["\n  font-weight: 600;\n"])));
 var templateObject_1$a;
@@ -995,7 +995,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 (jsxRuntime.jsxs(StyledWrapper$5, { children: [jsxRuntime.jsxs(StyledHeader, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(StyledIcon, {}), jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", color: "fiftyP" }, { children: label || "In the previous steps were added:" }))] })), addedMeters.map(function (meter) { return (jsxRuntime.jsx(AddedMeterItem, { getMeterLabel: getMeterLabel, meter: meter }, meter.number)); })] }));
+    return (jsxRuntime.jsxs(StyledWrapper$5, __assign({ "data-testid": "addedMetersBlock" }, { children: [jsxRuntime.jsxs(StyledHeader, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(StyledIcon, {}), jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", color: "fiftyP" }, { children: label || "In the previous steps were added:" }))] })), addedMeters.map(function (meter) { return (jsxRuntime.jsx(AddedMeterItem, { getMeterLabel: getMeterLabel, meter: meter }, meter.number)); })] })));
 };
 var StyledWrapper$5 = styled__default["default"].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"])), kuiBasic.theme.palette.grey.fifteenB);
 var StyledIcon = styled__default["default"](kuiIcon.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"])), kuiBasic.theme.palette.brand.main);
@@ -1121,12 +1121,31 @@ var StyledCard$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$4
 var StyledCheckbox = styled__default["default"](kuiComplex.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) {
-    react.useEffect(function () {
+var useMetersValues = function (formStore, metersStore, shouldBeLoad, 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 (!shouldBeLoad) return [3 /*break*/, 3];
+                    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 [3 /*break*/, 4];
+                case 3:
+                    if (onLoad)
+                        onLoad();
+                    _c.label = 4;
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    react.useEffect(function () {
+        loadMeters();
     }, []);
     react.useEffect(function () {
         if (!metersStore.loader.isLoading) {
@@ -1170,12 +1189,31 @@ var FillingListStore = /** @class */ (function () {
     return FillingListStore;
 }());
 
-var useFillingList = function (apartmentId, formStore, fillingStore) {
-    react.useEffect(function () {
+var useFillingList = function (apartmentId, formStore, fillingStore, shouldBeLoad, 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 (!shouldBeLoad) return [3 /*break*/, 3];
+                    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 [3 /*break*/, 4];
+                case 3:
+                    if (onLoad)
+                        onLoad();
+                    _c.label = 4;
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    react.useEffect(function () {
+        loadFillingList();
     }, [apartmentId]);
     react.useEffect(function () {
         var _a, _b;