kui-crm_actions 0.0.120 → 0.0.122

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/cjs/index.js CHANGED
@@ -14,9 +14,9 @@ var react = require('react');
14
14
  var reactHookForm = require('react-hook-form');
15
15
  var kuiBasic = require('kui-basic');
16
16
  var yup$1 = require('@hookform/resolvers/yup');
17
- var mobxReact = require('mobx-react');
18
17
  var styled = require('@emotion/styled');
19
18
  var kuiIcon = require('kui-icon');
19
+ var mobxReact = require('mobx-react');
20
20
  var mobx = require('mobx');
21
21
 
22
22
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -965,6 +965,43 @@ var getInventoryMeterFields = function (settings, inputsSettings) { return __spr
965
965
  __assign({ label: "Passport", name: "passportFile", variant: "custom", CustomInput: kuiComplex.InputFile }, inputsSettings === null || inputsSettings === void 0 ? void 0 : inputsSettings.passportFile),
966
966
  ], false); };
967
967
 
968
+ var AddedMeterItem = function (props) {
969
+ var meter = props.meter, getMeterLabel = props.getMeterLabel;
970
+ var resource = meter.resource, type = meter.type, number = meter.number;
971
+ var initialValue = meter.initialValue, initialValueT1 = meter.initialValueT1, initialValueT2 = meter.initialValueT2, initialValueT3 = meter.initialValueT3;
972
+ var meterValues = [
973
+ initialValue,
974
+ initialValueT1,
975
+ initialValueT2,
976
+ initialValueT3,
977
+ ]
978
+ .filter(function (value) { return typeof value !== "undefined"; })
979
+ .map(function (value) { return value; })
980
+ .join(" / ");
981
+ var getDefaultMeterLabel = function () {
982
+ return ___default["default"].capitalize("".concat(type ? "".concat(type, " ") : "").concat(resource, " meter"));
983
+ };
984
+ var label = getMeterLabel
985
+ ? getMeterLabel(resource, type)
986
+ : getDefaultMeterLabel();
987
+ return (jsxRuntime.jsxs(kuiBasic.Caption, __assign({ size: "s" }, { children: ["\u2022 ", label, " #", number, " -", " ", jsxRuntime.jsxs(StyledAccent, { children: [meterValues, " ", kuiCrm.meterUnitLabel[meter.resource]] })] })));
988
+ };
989
+ var StyledAccent = styled__default["default"].span(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n font-weight: 600;\n"], ["\n font-weight: 600;\n"])));
990
+ var templateObject_1$a;
991
+
992
+ var AddedMetersBlock = function (props) {
993
+ var _a, _b;
994
+ var resource = props.resource, formStore = props.formStore, label = props.label, getMeterLabel = props.getMeterLabel;
995
+ 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; });
996
+ if (!(addedMeters === null || addedMeters === void 0 ? void 0 : addedMeters.length))
997
+ return null;
998
+ 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)); })] }));
999
+ };
1000
+ 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);
1001
+ 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);
1002
+ var StyledHeader = styled__default["default"](kuiBasic.Grid)(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
1003
+ var templateObject_1$9, templateObject_2$6, templateObject_3$3;
1004
+
968
1005
  function InventoryMeterInfoFields(props) {
969
1006
  var _a, _b;
970
1007
  var resource = props.resource, index = props.index, formStore = props.formStore;
@@ -992,7 +1029,7 @@ function InventoryMeterInfoFields(props) {
992
1029
  formStore.replaceFieldInArray("meters", __assign(__assign({}, data), { resource: resource }), index);
993
1030
  formStore.nextStep();
994
1031
  };
995
- return (jsxRuntime.jsx(kuiCrm.FormWrapper, __assign({ form: form, onSubmit: handleSubmit, label: "Next", variant: "next", withPrevStep: true, handlePrevClick: formStore.prevStep }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, spacing: 2 }, { children: [withMeterType && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsx(kuiCrm.MeterTypeRadioGroup, { form: form, resource: resource, handleChange: setMeterType }) }))), meterFields.map(function (_a) {
1032
+ return (jsxRuntime.jsx(kuiCrm.FormWrapper, __assign({ form: form, onSubmit: handleSubmit, label: "Next", variant: "next", withPrevStep: true, handlePrevClick: formStore.prevStep }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, spacing: 2 }, { children: [jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsx(AddedMetersBlock, { formStore: formStore, resource: resource }) })), withMeterType && (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsx(kuiCrm.MeterTypeRadioGroup, { form: form, resource: resource, handleChange: setMeterType }) }))), meterFields.map(function (_a) {
996
1033
  var size = _a.size, field = __rest(_a, ["size"]);
997
1034
  return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: size || 6 }, { children: jsxRuntime.jsx(kuiCrm.InputByType, __assign({ form: form }, field)) }), field.name));
998
1035
  })] })) })));
@@ -1029,20 +1066,20 @@ var getRoomsImagesSteps = function (type, settings, roomsParams) { return __spre
1029
1066
 
1030
1067
  var InspectionFeedbackBillet = function (props) {
1031
1068
  var feedback = props.feedback, label = props.label;
1032
- return (jsxRuntime.jsx(StyledWrapper$5, __assign({ status: feedback.status }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500, color: "fiftyP" }, { children: label })), feedback.status !== "notSigned" && (jsxRuntime.jsxs(StyledIconWrapper, { children: [feedback.status === "signed" ? (jsxRuntime.jsx(StyledCheckIcon, {})) : (jsxRuntime.jsx(StyledErrorIcon, {})), !!feedback.comment && (jsxRuntime.jsx(kuiCrm.Tooltip, __assign({ placement: "bottom", content: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", color: "fiftyP" }, { children: "Comment" })), jsxRuntime.jsx(StyledComment, __assign({ size: "xs" }, { children: feedback.comment }))] }) }, { children: jsxRuntime.jsx(StyledCommentIcon, {}) })))] }))] })) })));
1069
+ return (jsxRuntime.jsx(StyledWrapper$4, __assign({ status: feedback.status }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", weight: 500, color: "fiftyP" }, { children: label })), feedback.status !== "notSigned" && (jsxRuntime.jsxs(StyledIconWrapper, { children: [feedback.status === "signed" ? (jsxRuntime.jsx(StyledCheckIcon, {})) : (jsxRuntime.jsx(StyledErrorIcon, {})), !!feedback.comment && (jsxRuntime.jsx(kuiCrm.Tooltip, __assign({ placement: "bottom", content: jsxRuntime.jsxs("div", { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", color: "fiftyP" }, { children: "Comment" })), jsxRuntime.jsx(StyledComment, __assign({ size: "xs" }, { children: feedback.comment }))] }) }, { children: jsxRuntime.jsx(StyledCommentIcon, {}) })))] }))] })) })));
1033
1070
  };
1034
- var StyledWrapper$5 = styled__default["default"].div(templateObject_1$a || (templateObject_1$a = __makeTemplateObject(["\n background: ", ";\n border-radius: 66px;\n border: 1px solid ", ";\n padding: 6px 16px;\n width: fit-content;\n @media (max-width: ", "px) {\n width: 100%;\n > div {\n justify-content: center;\n }\n }\n"], ["\n background: ", ";\n border-radius: 66px;\n border: 1px solid ", ";\n padding: 6px 16px;\n width: fit-content;\n @media (max-width: ", "px) {\n width: 100%;\n > div {\n justify-content: center;\n }\n }\n"])), function (_a) {
1071
+ var StyledWrapper$4 = styled__default["default"].div(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n background: ", ";\n border-radius: 66px;\n border: 1px solid ", ";\n padding: 6px 16px;\n width: fit-content;\n @media (max-width: ", "px) {\n width: 100%;\n > div {\n justify-content: center;\n }\n }\n"], ["\n background: ", ";\n border-radius: 66px;\n border: 1px solid ", ";\n padding: 6px 16px;\n width: fit-content;\n @media (max-width: ", "px) {\n width: 100%;\n > div {\n justify-content: center;\n }\n }\n"])), function (_a) {
1035
1072
  var status = _a.status;
1036
1073
  return status === "notSigned"
1037
1074
  ? kuiBasic.theme.palette.background.light1
1038
1075
  : kuiBasic.theme.palette.grey.zero;
1039
1076
  }, kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.breakpoints.sm);
1040
- var StyledIconWrapper = styled__default["default"].div(templateObject_2$6 || (templateObject_2$6 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-left: 8px;\n > div {\n margin-left: 8px;\n }\n"], ["\n display: flex;\n align-items: center;\n margin-left: 8px;\n > div {\n margin-left: 8px;\n }\n"])));
1041
- var StyledCheckIcon = styled__default["default"](kuiIcon.CheckIcon)(templateObject_3$3 || (templateObject_3$3 = __makeTemplateObject(["\n path {\n fill: ", ";\n }\n"], ["\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.green.fiftyP);
1077
+ var StyledIconWrapper = styled__default["default"].div(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n margin-left: 8px;\n > div {\n margin-left: 8px;\n }\n"], ["\n display: flex;\n align-items: center;\n margin-left: 8px;\n > div {\n margin-left: 8px;\n }\n"])));
1078
+ var StyledCheckIcon = styled__default["default"](kuiIcon.CheckIcon)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n path {\n fill: ", ";\n }\n"], ["\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.green.fiftyP);
1042
1079
  var StyledErrorIcon = styled__default["default"](kuiIcon.CancelIcon)(templateObject_4$1 || (templateObject_4$1 = __makeTemplateObject(["\n width: 12px;\n height: 12px;\n path {\n fill: ", ";\n }\n"], ["\n width: 12px;\n height: 12px;\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.red.fiftyP);
1043
1080
  var StyledComment = styled__default["default"](kuiBasic.Caption)(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n margin-top: 8px;\n"], ["\n margin-top: 8px;\n"])));
1044
1081
  var StyledCommentIcon = styled__default["default"](kuiIcon.CommentIcon)(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n width: 13px;\n cursor: pointer;\n path {\n fill: ", ";\n stroke: ", ";\n }\n"], ["\n width: 13px;\n cursor: pointer;\n path {\n fill: ", ";\n stroke: ", ";\n }\n"])), kuiBasic.theme.palette.grey.zero, kuiBasic.theme.palette.grey.thirty);
1045
- var templateObject_1$a, templateObject_2$6, templateObject_3$3, templateObject_4$1, templateObject_5$1, templateObject_6;
1082
+ var templateObject_1$8, templateObject_2$5, templateObject_3$2, templateObject_4$1, templateObject_5$1, templateObject_6;
1046
1083
 
1047
1084
  var InspectionFeedbackStatus = function (props) {
1048
1085
  var feedback = props.feedback, label = props.label, resendLabel = props.resendLabel, resend = props.resend;
@@ -1051,19 +1088,19 @@ var InspectionFeedbackStatus = function (props) {
1051
1088
  return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true }, { children: jsxRuntime.jsxs(kuiBasic.Grid, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(InspectionFeedbackBillet, { feedback: feedback, label: label }), feedback.status === "rejected" && (jsxRuntime.jsx(StyledButton, __assign({ size: "xs", variant: "orange", onClick: resend, endIcon: jsxRuntime.jsx(kuiIcon.UpdateIcon, {}) }, { children: resendLabel })))] })) })));
1052
1089
  };
1053
1090
  var InspectionFeedbackStatus$1 = mobxReact.observer(InspectionFeedbackStatus);
1054
- var StyledButton = styled__default["default"](kuiBasic.Button)(templateObject_1$9 || (templateObject_1$9 = __makeTemplateObject(["\n margin-left: 16px;\n @media (max-width: ", "px) {\n width: 100%;\n margin-left: 0;\n margin-top: 8px;\n }\n"], ["\n margin-left: 16px;\n @media (max-width: ", "px) {\n width: 100%;\n margin-left: 0;\n margin-top: 8px;\n }\n"])), kuiBasic.theme.breakpoints.sm);
1055
- var templateObject_1$9;
1091
+ var StyledButton = styled__default["default"](kuiBasic.Button)(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n margin-left: 16px;\n @media (max-width: ", "px) {\n width: 100%;\n margin-left: 0;\n margin-top: 8px;\n }\n"], ["\n margin-left: 16px;\n @media (max-width: ", "px) {\n width: 100%;\n margin-left: 0;\n margin-top: 8px;\n }\n"])), kuiBasic.theme.breakpoints.sm);
1092
+ var templateObject_1$7;
1056
1093
 
1057
1094
  var InspectionFeedback = function (props) {
1058
1095
  var tenantFeedback = props.tenantFeedback, landlordFeedback = props.landlordFeedback, resignInspection = props.resignInspection, resendLabel = props.resendLabel;
1059
1096
  var tenantLabel = props.tenantLabel, landlordLabel = props.landlordLabel;
1060
1097
  if (!tenantFeedback && !landlordFeedback)
1061
1098
  return null;
1062
- return (jsxRuntime.jsxs(StyledWrapper$4, __assign({ container: true, spacing: 2, alignItems: "center" }, { children: [jsxRuntime.jsx(InspectionFeedbackStatus$1, { resend: resignInspection, resendLabel: resendLabel, feedback: tenantFeedback, label: tenantLabel }), jsxRuntime.jsx(InspectionFeedbackStatus$1, { resend: resignInspection, resendLabel: resendLabel, feedback: landlordFeedback, label: landlordLabel })] })));
1099
+ return (jsxRuntime.jsxs(StyledWrapper$3, __assign({ container: true, spacing: 2, alignItems: "center" }, { children: [jsxRuntime.jsx(InspectionFeedbackStatus$1, { resend: resignInspection, resendLabel: resendLabel, feedback: tenantFeedback, label: tenantLabel }), jsxRuntime.jsx(InspectionFeedbackStatus$1, { resend: resignInspection, resendLabel: resendLabel, feedback: landlordFeedback, label: landlordLabel })] })));
1063
1100
  };
1064
1101
  var index = mobxReact.observer(InspectionFeedback);
1065
- var StyledWrapper$4 = styled__default["default"](kuiBasic.Grid)(templateObject_1$8 || (templateObject_1$8 = __makeTemplateObject(["\n padding-top: 8px;\n"], ["\n padding-top: 8px;\n"])));
1066
- var templateObject_1$8;
1102
+ var StyledWrapper$3 = styled__default["default"](kuiBasic.Grid)(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n padding-top: 8px;\n"], ["\n padding-top: 8px;\n"])));
1103
+ var templateObject_1$6;
1067
1104
 
1068
1105
  var FillingCardContent = function (props) {
1069
1106
  var filling = props.filling, warningLabel = props.warningLabel;
@@ -1071,18 +1108,18 @@ var FillingCardContent = function (props) {
1071
1108
  ? "".concat(filling.numberOfSubjects, " pieces")
1072
1109
  : "", filling.numberOfSubjects && filling.serialNumber ? " \u2022 " : "", filling.serialNumber] })))] })] })));
1073
1110
  };
1074
- var StyledWarningIcon = styled__default["default"](kuiIcon.WarningIcon)(templateObject_1$7 || (templateObject_1$7 = __makeTemplateObject(["\n margin-left: 4px;\n path {\n fill: ", ";\n }\n"], ["\n margin-left: 4px;\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.red.fiftyP);
1075
- var StyledLabelWrapper = styled__default["default"].div(templateObject_2$5 || (templateObject_2$5 = __makeTemplateObject(["\n margin-left: 8px;\n"], ["\n margin-left: 8px;\n"])));
1076
- var StyledSubtitle = styled__default["default"](kuiBasic.Caption)(templateObject_3$2 || (templateObject_3$2 = __makeTemplateObject(["\n margin-top: 4px;\n"], ["\n margin-top: 4px;\n"])));
1077
- var templateObject_1$7, templateObject_2$5, templateObject_3$2;
1111
+ var StyledWarningIcon = styled__default["default"](kuiIcon.WarningIcon)(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n margin-left: 4px;\n path {\n fill: ", ";\n }\n"], ["\n margin-left: 4px;\n path {\n fill: ", ";\n }\n"])), kuiBasic.theme.palette.red.fiftyP);
1112
+ var StyledLabelWrapper = styled__default["default"].div(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n margin-left: 8px;\n"], ["\n margin-left: 8px;\n"])));
1113
+ var StyledSubtitle = styled__default["default"](kuiBasic.Caption)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n margin-top: 4px;\n"], ["\n margin-top: 4px;\n"])));
1114
+ var templateObject_1$5, templateObject_2$4, templateObject_3$1;
1078
1115
 
1079
1116
  var InspectionFillingCard = function (props) {
1080
1117
  var className = props.className, form = props.form, index = props.index, disabled = props.disabled, other = __rest(props, ["className", "form", "index", "disabled"]);
1081
1118
  return (jsxRuntime.jsx(StyledCard$1, __assign({ className: className }, { children: jsxRuntime.jsx(StyledCheckbox, { form: form, name: "fillingList.".concat(index, ".check"), label: jsxRuntime.jsx(FillingCardContent, __assign({}, other)), disabled: disabled }) })));
1082
1119
  };
1083
- var StyledCard$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$6 || (templateObject_1$6 = __makeTemplateObject(["\n padding: 8px 16px;\n border-radius: 12px;\n background: white;\n"], ["\n padding: 8px 16px;\n border-radius: 12px;\n background: white;\n"])));
1084
- var StyledCheckbox = styled__default["default"](kuiComplex.CheckboxWithController)(templateObject_2$4 || (templateObject_2$4 = __makeTemplateObject(["\n .KUI-Label_checkbox {\n margin-left: 0;\n }\n"], ["\n .KUI-Label_checkbox {\n margin-left: 0;\n }\n"])));
1085
- var templateObject_1$6, templateObject_2$4;
1120
+ var StyledCard$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n padding: 8px 16px;\n border-radius: 12px;\n background: white;\n"], ["\n padding: 8px 16px;\n border-radius: 12px;\n background: white;\n"])));
1121
+ 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"])));
1122
+ var templateObject_1$4, templateObject_2$3;
1086
1123
 
1087
1124
  var useMetersValues = function (formStore, metersStore) {
1088
1125
  react.useEffect(function () {
@@ -1150,38 +1187,6 @@ var useFillingList = function (apartmentId, formStore, fillingStore) {
1150
1187
  }, [fillingStore.fillingList, fillingStore.loader.isLoading]);
1151
1188
  };
1152
1189
 
1153
- var AddedMeterItem = function (props) {
1154
- var meter = props.meter, getMeterLabel = props.getMeterLabel;
1155
- var resource = meter.resource, type = meter.type, number = meter.number;
1156
- var initialValue = meter.initialValue, initialValueT1 = meter.initialValueT1, initialValueT2 = meter.initialValueT2, initialValueT3 = meter.initialValueT3;
1157
- var label = getMeterLabel(resource, type);
1158
- var meterValues = [
1159
- initialValue,
1160
- initialValueT1,
1161
- initialValueT2,
1162
- initialValueT3,
1163
- ]
1164
- .filter(function (value) { return typeof value !== "undefined"; })
1165
- .map(function (value) { return value; })
1166
- .join(" / ");
1167
- return (jsxRuntime.jsxs(kuiBasic.Caption, __assign({ size: "s" }, { children: ["\u2022 ", label, " #", number, " -", " ", jsxRuntime.jsxs(StyledAccent, { children: [meterValues, " ", kuiCrm.meterUnitLabel[meter.resource]] })] })));
1168
- };
1169
- var StyledAccent = styled__default["default"].span(templateObject_1$5 || (templateObject_1$5 = __makeTemplateObject(["\n font-weight: 600;\n"], ["\n font-weight: 600;\n"])));
1170
- var templateObject_1$5;
1171
-
1172
- var AddedMetersBlock = function (props) {
1173
- var _a, _b;
1174
- var resource = props.resource, formStore = props.formStore, label = props.label, getMeterLabel = props.getMeterLabel;
1175
- 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; });
1176
- if (!(addedMeters === null || addedMeters === void 0 ? void 0 : addedMeters.length))
1177
- return null;
1178
- return (jsxRuntime.jsxs(StyledWrapper$3, { children: [jsxRuntime.jsxs(StyledHeader, __assign({ container: true, alignItems: "center" }, { children: [jsxRuntime.jsx(StyledIcon, {}), jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "s", color: "fiftyP" }, { children: label }))] })), addedMeters.map(function (meter) { return (jsxRuntime.jsx(AddedMeterItem, { getMeterLabel: getMeterLabel, meter: meter }, meter.number)); })] }));
1179
- };
1180
- var StyledWrapper$3 = styled__default["default"].div(templateObject_1$4 || (templateObject_1$4 = __makeTemplateObject(["\n border-radius: 8px;\n border: 1px solid ", ";\n padding: 12px 16px;\n"], ["\n border-radius: 8px;\n border: 1px solid ", ";\n padding: 12px 16px;\n"])), kuiBasic.theme.palette.grey.fifteenB);
1181
- var StyledIcon = styled__default["default"](kuiIcon.WarningIcon)(templateObject_2$3 || (templateObject_2$3 = __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);
1182
- var StyledHeader = styled__default["default"](kuiBasic.Grid)(templateObject_3$1 || (templateObject_3$1 = __makeTemplateObject(["\n margin-bottom: 8px;\n"], ["\n margin-bottom: 8px;\n"])));
1183
- var templateObject_1$4, templateObject_2$3, templateObject_3$1;
1184
-
1185
1190
  var ObjectForMapPoint = function (props) {
1186
1191
  var label = props.label, onClick = props.onClick, isActive = props.isActive;
1187
1192
  return (jsxRuntime.jsx(kuiBasic.Button, __assign({ size: "xs", variant: isActive ? "primary" : "white", onClick: onClick }, { children: label })));