kui-crm_actions 0.0.118 → 0.0.120
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 +59 -20
- package/cjs/index.js.map +1 -1
- package/index.d.ts +13 -5
- package/index.js +60 -22
- package/index.js.map +1 -1
- package/package.json +1 -1
package/cjs/index.js
CHANGED
|
@@ -966,11 +966,13 @@ var getInventoryMeterFields = function (settings, inputsSettings) { return __spr
|
|
|
966
966
|
], false); };
|
|
967
967
|
|
|
968
968
|
function InventoryMeterInfoFields(props) {
|
|
969
|
-
var
|
|
969
|
+
var _a, _b;
|
|
970
|
+
var resource = props.resource, index = props.index, formStore = props.formStore;
|
|
971
|
+
var defaultValues = (_b = (_a = formStore.fields) === null || _a === void 0 ? void 0 : _a.meters) === null || _b === void 0 ? void 0 : _b[index];
|
|
970
972
|
var withMeterType = resource === "water" || resource === "electricity";
|
|
971
973
|
var defaultType = resource === "water" ? "cold" : "T1";
|
|
972
974
|
var defaultMeterType = withMeterType ? defaultType : null;
|
|
973
|
-
var
|
|
975
|
+
var _c = react.useState((defaultValues === null || defaultValues === void 0 ? void 0 : defaultValues.type) || defaultMeterType), meterType = _c[0], setMeterType = _c[1];
|
|
974
976
|
var meterFields = getInventoryMeterFields({
|
|
975
977
|
resource: resource,
|
|
976
978
|
meterType: meterType,
|
|
@@ -986,7 +988,11 @@ function InventoryMeterInfoFields(props) {
|
|
|
986
988
|
values: defaultValues,
|
|
987
989
|
});
|
|
988
990
|
}, [meterFeaturesFieldsSchema]);
|
|
989
|
-
|
|
991
|
+
var handleSubmit = function (data) {
|
|
992
|
+
formStore.replaceFieldInArray("meters", __assign(__assign({}, data), { resource: resource }), index);
|
|
993
|
+
formStore.nextStep();
|
|
994
|
+
};
|
|
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) {
|
|
990
996
|
var size = _a.size, field = __rest(_a, ["size"]);
|
|
991
997
|
return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: size || 6 }, { children: jsxRuntime.jsx(kuiCrm.InputByType, __assign({ form: form }, field)) }), field.name));
|
|
992
998
|
})] })) })));
|
|
@@ -1023,20 +1029,20 @@ var getRoomsImagesSteps = function (type, settings, roomsParams) { return __spre
|
|
|
1023
1029
|
|
|
1024
1030
|
var InspectionFeedbackBillet = function (props) {
|
|
1025
1031
|
var feedback = props.feedback, label = props.label;
|
|
1026
|
-
return (jsxRuntime.jsx(StyledWrapper$
|
|
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, {}) })))] }))] })) })));
|
|
1027
1033
|
};
|
|
1028
|
-
var StyledWrapper$
|
|
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) {
|
|
1029
1035
|
var status = _a.status;
|
|
1030
1036
|
return status === "notSigned"
|
|
1031
1037
|
? kuiBasic.theme.palette.background.light1
|
|
1032
1038
|
: kuiBasic.theme.palette.grey.zero;
|
|
1033
1039
|
}, kuiBasic.theme.palette.grey.fifteenB, kuiBasic.theme.breakpoints.sm);
|
|
1034
|
-
var StyledIconWrapper = styled__default["default"].div(templateObject_2$
|
|
1035
|
-
var StyledCheckIcon = styled__default["default"](kuiIcon.CheckIcon)(templateObject_3$
|
|
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);
|
|
1036
1042
|
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);
|
|
1037
1043
|
var StyledComment = styled__default["default"](kuiBasic.Caption)(templateObject_5$1 || (templateObject_5$1 = __makeTemplateObject(["\n margin-top: 8px;\n"], ["\n margin-top: 8px;\n"])));
|
|
1038
1044
|
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);
|
|
1039
|
-
var templateObject_1$
|
|
1045
|
+
var templateObject_1$a, templateObject_2$6, templateObject_3$3, templateObject_4$1, templateObject_5$1, templateObject_6;
|
|
1040
1046
|
|
|
1041
1047
|
var InspectionFeedbackStatus = function (props) {
|
|
1042
1048
|
var feedback = props.feedback, label = props.label, resendLabel = props.resendLabel, resend = props.resend;
|
|
@@ -1045,19 +1051,19 @@ var InspectionFeedbackStatus = function (props) {
|
|
|
1045
1051
|
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 })))] })) })));
|
|
1046
1052
|
};
|
|
1047
1053
|
var InspectionFeedbackStatus$1 = mobxReact.observer(InspectionFeedbackStatus);
|
|
1048
|
-
var StyledButton = styled__default["default"](kuiBasic.Button)(templateObject_1$
|
|
1049
|
-
var templateObject_1$
|
|
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;
|
|
1050
1056
|
|
|
1051
1057
|
var InspectionFeedback = function (props) {
|
|
1052
1058
|
var tenantFeedback = props.tenantFeedback, landlordFeedback = props.landlordFeedback, resignInspection = props.resignInspection, resendLabel = props.resendLabel;
|
|
1053
1059
|
var tenantLabel = props.tenantLabel, landlordLabel = props.landlordLabel;
|
|
1054
1060
|
if (!tenantFeedback && !landlordFeedback)
|
|
1055
1061
|
return null;
|
|
1056
|
-
return (jsxRuntime.jsxs(StyledWrapper$
|
|
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 })] })));
|
|
1057
1063
|
};
|
|
1058
1064
|
var index = mobxReact.observer(InspectionFeedback);
|
|
1059
|
-
var StyledWrapper$
|
|
1060
|
-
var templateObject_1$
|
|
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;
|
|
1061
1067
|
|
|
1062
1068
|
var FillingCardContent = function (props) {
|
|
1063
1069
|
var filling = props.filling, warningLabel = props.warningLabel;
|
|
@@ -1065,18 +1071,18 @@ var FillingCardContent = function (props) {
|
|
|
1065
1071
|
? "".concat(filling.numberOfSubjects, " pieces")
|
|
1066
1072
|
: "", filling.numberOfSubjects && filling.serialNumber ? " \u2022 " : "", filling.serialNumber] })))] })] })));
|
|
1067
1073
|
};
|
|
1068
|
-
var StyledWarningIcon = styled__default["default"](kuiIcon.WarningIcon)(templateObject_1$
|
|
1069
|
-
var StyledLabelWrapper = styled__default["default"].div(templateObject_2$
|
|
1070
|
-
var StyledSubtitle = styled__default["default"](kuiBasic.Caption)(templateObject_3$
|
|
1071
|
-
var templateObject_1$
|
|
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;
|
|
1072
1078
|
|
|
1073
1079
|
var InspectionFillingCard = function (props) {
|
|
1074
1080
|
var className = props.className, form = props.form, index = props.index, disabled = props.disabled, other = __rest(props, ["className", "form", "index", "disabled"]);
|
|
1075
1081
|
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 }) })));
|
|
1076
1082
|
};
|
|
1077
|
-
var StyledCard$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$
|
|
1078
|
-
var StyledCheckbox = styled__default["default"](kuiComplex.CheckboxWithController)(templateObject_2$
|
|
1079
|
-
var templateObject_1$
|
|
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;
|
|
1080
1086
|
|
|
1081
1087
|
var useMetersValues = function (formStore, metersStore) {
|
|
1082
1088
|
react.useEffect(function () {
|
|
@@ -1144,6 +1150,38 @@ var useFillingList = function (apartmentId, formStore, fillingStore) {
|
|
|
1144
1150
|
}, [fillingStore.fillingList, fillingStore.loader.isLoading]);
|
|
1145
1151
|
};
|
|
1146
1152
|
|
|
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
|
+
|
|
1147
1185
|
var ObjectForMapPoint = function (props) {
|
|
1148
1186
|
var label = props.label, onClick = props.onClick, isActive = props.isActive;
|
|
1149
1187
|
return (jsxRuntime.jsx(kuiBasic.Button, __assign({ size: "xs", variant: isActive ? "primary" : "white", onClick: onClick }, { children: label })));
|
|
@@ -1191,6 +1229,7 @@ var ObjectForMapOverlay = function (props) {
|
|
|
1191
1229
|
var StyledWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n position: relative;\n"], ["\n position: relative;\n"])));
|
|
1192
1230
|
var templateObject_1;
|
|
1193
1231
|
|
|
1232
|
+
exports.AddedMetersBlock = AddedMetersBlock;
|
|
1194
1233
|
exports.AdditionalInfoFieldsSchema = AdditionalInfoFieldsSchema;
|
|
1195
1234
|
exports.AdditionalInfoStepSchema = AdditionalInfoStepSchema;
|
|
1196
1235
|
exports.BasicApartmentInfoFieldsSchema = BasicApartmentInfoFieldsSchema;
|