kui-crm_actions 0.0.120 → 0.0.121
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 +56 -51
- package/cjs/index.js.map +1 -1
- package/index.d.ts +2 -2
- package/index.js +60 -55
- package/index.js.map +1 -1
- package/package.json +1 -1
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"], ["\n border-radius: 8px;\n border: 1px solid ", ";\n padding: 12px 16px;\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$
|
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$
|
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$
|
1041
|
-
var StyledCheckIcon = styled__default["default"](kuiIcon.CheckIcon)(templateObject_3$
|
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$
|
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$
|
1055
|
-
var templateObject_1$
|
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$
|
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$
|
1066
|
-
var templateObject_1$
|
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$
|
1075
|
-
var StyledLabelWrapper = styled__default["default"].div(templateObject_2$
|
1076
|
-
var StyledSubtitle = styled__default["default"](kuiBasic.Caption)(templateObject_3$
|
1077
|
-
var templateObject_1$
|
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$
|
1084
|
-
var StyledCheckbox = styled__default["default"](kuiComplex.CheckboxWithController)(templateObject_2$
|
1085
|
-
var templateObject_1$
|
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 })));
|