dtable-ui-component 6.0.49 → 6.0.50

package/lib/GeolocationEditor/pc-editor/map-editor/index.js

@@ -16,6 +16,7 @@ var _mapEditorUtils = require("../../map-editor-utils");
 var _largeEditor = _interopRequireDefault(require("./large-editor"));
 var _lang = require("../../../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class MapEditor extends _react.Component {
   constructor(props) {
     super(props);
@@ -418,84 +419,108 @@ class MapEditor extends _react.Component {
     const lat = lng_lat && !(0, _dtableUtils.isEmpty)(lng_lat.lat) ? lng_lat.lat : '';
     const lng = lng_lat && !(0, _dtableUtils.isEmpty)(lng_lat.lng) ? lng_lat.lng : '';
     if (!isShowLargeEditor) {
-      return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-map-editor-header"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-map-editor-logo"
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "dtable-font dtable-icon-location"
-      }), /*#__PURE__*/_react.default.createElement("span", {
-        className: "ml-2 dtable-ui-geolocation-map-editor-title"
-      }, (0, _lang.getLocale)('Address'))), /*#__PURE__*/_react.default.createElement("span", {
-        className: "dtable-ui-geolocation-map-editor-screen dtable-font dtable-icon-full-screen",
-        onClick: this.toggleFullScreen
-      })), /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-map-editor"
-      }, !this.readOnly && /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-map-lng-lat-editor-header"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-map-lng-lat-input-container map-lat-input-container"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-map-lng-lat-input-label"
-      }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Latitude_abbr'))), /*#__PURE__*/_react.default.createElement("input", {
-        type: "text",
-        value: lat,
-        onBlur: this.onBlur,
-        onChange: this.onChangeLatitude,
-        onKeyDown: this.onKeyDown,
-        className: "form-control",
-        placeholder: (0, _lang.getLocale)('Latitude'),
-        autoFocus: true
-      })), /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-map-lng-lat-input-container map-lng-input-container"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-map-lng-lat-input-label"
-      }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Longitude_abbr'))), /*#__PURE__*/_react.default.createElement("input", {
-        type: "text",
-        value: lng,
-        onBlur: this.onBlur,
-        onChange: this.onChangeLongitude,
-        onKeyDown: this.onKeyDown,
-        className: "form-control",
-        placeholder: (0, _lang.getLocale)('Longitude')
-      }))), /*#__PURE__*/_react.default.createElement("div", {
-        className: this.readOnly ? 'geolocation-map-read-only-container' : 'geolocation-map-container'
-      }, this.mapType && isLoading && /*#__PURE__*/_react.default.createElement(_Loading.default, null), !this.mapType && /*#__PURE__*/_react.default.createElement("div", {
-        className: "error-message d-flex justify-content-center mt-9"
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "alert-danger"
-      }, (0, _lang.getLocale)('The_map_plugin_is_not_properly_configured_contact_the_administrator'))), !isLoading && this.mapType && /*#__PURE__*/_react.default.createElement("div", {
-        className: "w-100 h-100",
-        ref: ref => this.ref = ref,
-        id: "geolocation-map-container"
-      })), /*#__PURE__*/_react.default.createElement("div", {
-        className: "geolocation-map-controller"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-locate-control",
-        onClick: this.onLocateCurrentPosition
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-font dtable-icon-current-location"
-      })), /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-zoom-control"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-zoom-control-btn",
-        onClick: this.onZoomIn
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        "aria-hidden": "true",
-        className: "dtable-font dtable-icon-enlarge"
-      })), /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-geolocation-zoom-control-btn",
-        onClick: this.onZoomOut
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        "aria-hidden": "true",
-        className: "dtable-font dtable-icon-narrow"
-      }))))));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-geolocation-map-editor-header",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "dtable-ui-geolocation-map-editor-logo",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "dtable-font dtable-icon-location"
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "ml-2 dtable-ui-geolocation-map-editor-title",
+              children: (0, _lang.getLocale)('Address')
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "dtable-ui-geolocation-map-editor-screen dtable-font dtable-icon-full-screen",
+            onClick: this.toggleFullScreen
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-geolocation-map-editor",
+          children: [!this.readOnly && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "dtable-ui-geolocation-map-lng-lat-editor-header",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: "dtable-ui-geolocation-map-lng-lat-input-container map-lat-input-container",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "dtable-ui-geolocation-map-lng-lat-input-label",
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                  children: (0, _lang.getLocale)('Latitude_abbr')
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+                type: "text",
+                value: lat,
+                onBlur: this.onBlur,
+                onChange: this.onChangeLatitude,
+                onKeyDown: this.onKeyDown,
+                className: "form-control",
+                placeholder: (0, _lang.getLocale)('Latitude'),
+                autoFocus: true
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: "dtable-ui-geolocation-map-lng-lat-input-container map-lng-input-container",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "dtable-ui-geolocation-map-lng-lat-input-label",
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                  children: (0, _lang.getLocale)('Longitude_abbr')
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+                type: "text",
+                value: lng,
+                onBlur: this.onBlur,
+                onChange: this.onChangeLongitude,
+                onKeyDown: this.onKeyDown,
+                className: "form-control",
+                placeholder: (0, _lang.getLocale)('Longitude')
+              })]
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: this.readOnly ? 'geolocation-map-read-only-container' : 'geolocation-map-container',
+            children: [this.mapType && isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.default, {}), !this.mapType && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "error-message d-flex justify-content-center mt-9",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                className: "alert-danger",
+                children: (0, _lang.getLocale)('The_map_plugin_is_not_properly_configured_contact_the_administrator')
+              })
+            }), !isLoading && this.mapType && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "w-100 h-100",
+              ref: ref => this.ref = ref,
+              id: "geolocation-map-container"
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "geolocation-map-controller",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "dtable-ui-geolocation-locate-control",
+              onClick: this.onLocateCurrentPosition,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                className: "dtable-font dtable-icon-current-location"
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: "dtable-ui-geolocation-zoom-control",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "dtable-ui-geolocation-zoom-control-btn",
+                onClick: this.onZoomIn,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                  "aria-hidden": "true",
+                  className: "dtable-font dtable-icon-enlarge"
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "dtable-ui-geolocation-zoom-control-btn",
+                onClick: this.onZoomOut,
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                  "aria-hidden": "true",
+                  className: "dtable-font dtable-icon-narrow"
+                })
+              })]
+            })]
+          })]
+        })]
+      });
     }
-    return /*#__PURE__*/_react.default.createElement(_largeEditor.default, Object.assign({}, this.props, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_largeEditor.default, {
+      ...this.props,
       value: this.state.value,
       setValue: this.setValue,
       toggleFullScreen: this.toggleFullScreen
-    }));
+    });
   }
 }
 var _default = exports.default = MapEditor;

package/lib/GeolocationEditor/pc-editor/map-editor/large-editor/index.js

@@ -15,6 +15,7 @@ var _cell = require("../../../../utils/cell");
 var _mapEditorUtils = require("../../../map-editor-utils");
 var _lang = require("../../../../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class LargeMapEditorDialog extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -408,85 +409,107 @@ class LargeMapEditorDialog extends _react.default.Component {
     } = this.state;
     const lat = lng_lat && !(0, _dtableUtils.isEmpty)(lng_lat.lat) ? lng_lat.lat : '';
     const lng = lng_lat && !(0, _dtableUtils.isEmpty)(lng_lat.lng) ? lng_lat.lng : '';
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.Modal, {
       size: "lg",
       isOpen: true,
       toggle: this.toggle,
-      className: "dtable-ui-large-map-editor-dialog"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-map-editor-header",
-      onClick: this.handlerClick
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-map-editor-logo"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "dtable-font dtable-icon-location"
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "ml-2 dtable-ui-geolocation-map-editor-title"
-    }, (0, _lang.getLocale)('Address'))), /*#__PURE__*/_react.default.createElement("span", {
-      className: "dtable-ui-geolocation-map-editor-screen dtable-font dtable-icon-full-screen",
-      onClick: this.toggle
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-map-editor-large",
-      onClick: this.handlerClick
-    }, !this.readOnly && /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-map-lng-lat-editor-header"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-map-lng-lat-input-container dtable-ui-geolocation-map-lat-input-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-map-lng-lat-input-label"
-    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Latitude_abbr'))), /*#__PURE__*/_react.default.createElement("input", {
-      type: "text",
-      value: lat,
-      onBlur: this.onBlur,
-      onChange: this.onChangeLatitude,
-      onKeyDown: this.onKeyDown,
-      className: "form-control",
-      placeholder: (0, _lang.getLocale)('Latitude'),
-      autoFocus: true
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-map-lng-lat-input-container dtable-ui-geolocation-map-lng-input-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-map-lng-lat-input-label"
-    }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Longitude_abbr'))), /*#__PURE__*/_react.default.createElement("input", {
-      type: "text",
-      value: lng,
-      onBlur: this.onBlur,
-      onChange: this.onChangeLongitude,
-      onKeyDown: this.onKeyDown,
-      className: "form-control",
-      placeholder: (0, _lang.getLocale)('Longitude')
-    }))), /*#__PURE__*/_react.default.createElement("div", {
-      className: this.readOnly ? 'geolocation-map-read-only-container' : 'geolocation-map-container-large'
-    }, this.mapType && isLoading && /*#__PURE__*/_react.default.createElement(_Loading.default, null), !this.mapType && /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-map-editor-error-message d-flex justify-content-center mt-9"
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "alert-danger"
-    }, (0, _lang.getLocale)('The_map_plugin_is_not_properly_configured_contact_the_administrator'))), !isLoading && this.mapType && /*#__PURE__*/_react.default.createElement("div", {
-      className: "w-100 h-100",
-      ref: ref => this.ref = ref,
-      id: "geolocation-map-container-large"
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "geolocation-map-controller"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-locate-control",
-      onClick: this.onLocateCurrentPosition
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-current-location"
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-zoom-control"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-zoom-control-btn",
-      onClick: this.onZoomIn
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-enlarge"
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-zoom-control-btn",
-      onClick: this.onZoomOut
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-narrow"
-    }))))));
+      className: "dtable-ui-large-map-editor-dialog",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui-geolocation-map-editor-header",
+        onClick: this.handlerClick,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-geolocation-map-editor-logo",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "dtable-font dtable-icon-location"
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "ml-2 dtable-ui-geolocation-map-editor-title",
+            children: (0, _lang.getLocale)('Address')
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "dtable-ui-geolocation-map-editor-screen dtable-font dtable-icon-full-screen",
+          onClick: this.toggle
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "dtable-ui-geolocation-map-editor-large",
+        onClick: this.handlerClick,
+        children: [!this.readOnly && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-geolocation-map-lng-lat-editor-header",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "dtable-ui-geolocation-map-lng-lat-input-container dtable-ui-geolocation-map-lat-input-container",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "dtable-ui-geolocation-map-lng-lat-input-label",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: (0, _lang.getLocale)('Latitude_abbr')
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              type: "text",
+              value: lat,
+              onBlur: this.onBlur,
+              onChange: this.onChangeLatitude,
+              onKeyDown: this.onKeyDown,
+              className: "form-control",
+              placeholder: (0, _lang.getLocale)('Latitude'),
+              autoFocus: true
+            })]
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "dtable-ui-geolocation-map-lng-lat-input-container dtable-ui-geolocation-map-lng-input-container",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "dtable-ui-geolocation-map-lng-lat-input-label",
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                children: (0, _lang.getLocale)('Longitude_abbr')
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              type: "text",
+              value: lng,
+              onBlur: this.onBlur,
+              onChange: this.onChangeLongitude,
+              onKeyDown: this.onKeyDown,
+              className: "form-control",
+              placeholder: (0, _lang.getLocale)('Longitude')
+            })]
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: this.readOnly ? 'geolocation-map-read-only-container' : 'geolocation-map-container-large',
+          children: [this.mapType && isLoading && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.default, {}), !this.mapType && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-geolocation-map-editor-error-message d-flex justify-content-center mt-9",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "alert-danger",
+              children: (0, _lang.getLocale)('The_map_plugin_is_not_properly_configured_contact_the_administrator')
+            })
+          }), !isLoading && this.mapType && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "w-100 h-100",
+            ref: ref => this.ref = ref,
+            id: "geolocation-map-container-large"
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "geolocation-map-controller",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-geolocation-locate-control",
+            onClick: this.onLocateCurrentPosition,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+              className: "dtable-font dtable-icon-current-location"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "dtable-ui-geolocation-zoom-control",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "dtable-ui-geolocation-zoom-control-btn",
+              onClick: this.onZoomIn,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                "aria-hidden": "true",
+                className: "dtable-font dtable-icon-enlarge"
+              })
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "dtable-ui-geolocation-zoom-control-btn",
+              onClick: this.onZoomOut,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                "aria-hidden": "true",
+                className: "dtable-font dtable-icon-narrow"
+              })
+            })]
+          })]
+        })]
+      })]
+    });
   }
 }
 var _default = exports.default = LargeMapEditorDialog;