kui-crm 0.0.222 → 0.0.224

package/cjs/index.js

@@ -4368,13 +4368,23 @@ var useMetroBlock = function (form, mapStore, metroStore, coords) {
         control: form.control,
         name: "metroStations",
     }), fields = _b.fields, append = _b.append, remove = _b.remove, update = _b.update, replace = _b.replace;
-    var addMap = function () {
-        if (!map) {
-            var div = document.createElement("div");
-            var createdMap = new window.google.maps.Map(div);
-            setMap(createdMap);
-        }
-    };
+    var addMap = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var div, Map_1, createdMap;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (!!map) return [3 /*break*/, 2];
+                    div = document.createElement("div");
+                    return [4 /*yield*/, window.google.maps.importLibrary("maps")];
+                case 1:
+                    Map_1 = (_a.sent()).Map;
+                    createdMap = new Map_1(div);
+                    setMap(createdMap);
+                    _a.label = 2;
+                case 2: return [2 /*return*/];
+            }
+        });
+    }); };
     var checkMapLoaded = function () {
         if (!window.google) {
             setTimeout(checkMapLoaded, 1);
@@ -4472,8 +4482,8 @@ var StyledInputWrapper = styled__default["default"].div(templateObject_1$3 || (t
 var templateObject_1$3;
 
 var MetroBlockHeader = function (props) {
-    var addMetro = props.addMetro, updateMetroStations = props.updateMetroStations, label = props.label;
-    return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsxs(StyledWrapper$1, __assign({ container: true, alignItems: "center", justify: "space-between" }, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", weight: 600 }, { children: (label || "METRO").toUpperCase() })), jsxRuntime.jsxs(StyledButtonsWrapper, __assign({ container: true, wrap: "nowrap" }, { children: [jsxRuntime.jsx(kuiBasic.Button, __assign({ isCircle: true, size: "xs", variant: "grayLight", onClick: updateMetroStations }, { children: jsxRuntime.jsx(kuiIcon.UpdateIcon, {}) })), jsxRuntime.jsx(kuiBasic.Button, __assign({ isCircle: true, size: "xs", variant: "grayLight", onClick: addMetro }, { children: jsxRuntime.jsx(kuiIcon.PlusIcon, { width: 14, height: 14 }) }))] }))] })) })));
+    var addMetro = props.addMetro, updateMetroStations = props.updateMetroStations, label = props.label, disabled = props.disabled;
+    return (jsxRuntime.jsx(kuiBasic.Grid, __assign({ item: true, xs: 12 }, { children: jsxRuntime.jsxs(StyledWrapper$1, __assign({ container: true, alignItems: "center", justify: "space-between" }, { children: [jsxRuntime.jsx(kuiBasic.Caption, __assign({ size: "xs", weight: 600 }, { children: (label || "METRO").toUpperCase() })), jsxRuntime.jsxs(StyledButtonsWrapper, __assign({ container: true, wrap: "nowrap" }, { children: [jsxRuntime.jsx(kuiBasic.Button, __assign({ isCircle: true, size: "xs", variant: "grayLight", onClick: updateMetroStations, disabled: disabled }, { children: jsxRuntime.jsx(kuiIcon.UpdateIcon, {}) })), jsxRuntime.jsx(kuiBasic.Button, __assign({ isCircle: true, size: "xs", variant: "grayLight", onClick: addMetro, disabled: disabled }, { children: jsxRuntime.jsx(kuiIcon.PlusIcon, { width: 14, height: 14 }) }))] }))] })) })));
 };
 var StyledWrapper$1 = styled__default["default"](kuiBasic.Grid)(templateObject_1$2 || (templateObject_1$2 = __makeTemplateObject(["\n  margin-bottom: 16px;\n  margin-top: 8px;\n"], ["\n  margin-bottom: 16px;\n  margin-top: 8px;\n"])));
 var StyledButtonsWrapper = styled__default["default"](kuiBasic.Grid)(templateObject_2$1 || (templateObject_2$1 = __makeTemplateObject(["\n  width: fit-content;\n  > button:first-of-type {\n    margin-right: 16px;\n  }\n"], ["\n  width: fit-content;\n  > button:first-of-type {\n    margin-right: 16px;\n  }\n"])));
@@ -4482,7 +4492,7 @@ var templateObject_1$2, templateObject_2$1;
 function MetroBlockForModal(props) {
     var form = props.form, isEditing = props.isEditing, coords = props.coords, metroStore = props.metroStore, mapStore = props.mapStore, fieldsSettings = props.fieldsSettings, label = props.label;
     var _a = useMetroBlock(form, mapStore, metroStore, coords), fields = _a.fields, isLoading = _a.isLoading, remove = _a.remove, update = _a.update, updateMetroStations = _a.updateMetroStations, addMetro = _a.addMetro;
-    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(MetroBlockHeader, { addMetro: addMetro, updateMetroStations: updateMetroStations, label: label }), jsxRuntime.jsx(kuiBasic.Grid, __assign({ container: true, spacing: 3 }, { children: fields.map(function (item, index) { return (jsxRuntime.jsx(MetroItem$1, { index: index, form: form, isEditing: isEditing, onDelete: remove, apartmentCoords: coords, onChange: update, metroStore: metroStore, fieldsSettings: fieldsSettings }, fields[index].id)); }) })), isLoading && jsxRuntime.jsx(LoaderPopup, { label: "metro changes" })] }));
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx(MetroBlockHeader, { addMetro: addMetro, updateMetroStations: updateMetroStations, label: label, disabled: !isEditing }), jsxRuntime.jsx(kuiBasic.Grid, __assign({ container: true, spacing: 3 }, { children: fields.map(function (item, index) { return (jsxRuntime.jsx(MetroItem$1, { index: index, form: form, isEditing: isEditing, onDelete: remove, apartmentCoords: coords, onChange: update, metroStore: metroStore, fieldsSettings: fieldsSettings }, fields[index].id)); }) })), isLoading && jsxRuntime.jsx(LoaderPopup, { label: "metro changes" })] }));
 }
 var index$1 = mobxReact.observer(MetroBlockForModal);