dtable-ui-component 6.0.91 → 6.0.93

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

@@ -15,6 +15,7 @@ var _cell = require("../../../utils/cell");
 var _mapEditorUtils = require("../../map-editor-utils");
 var _largeEditor = _interopRequireDefault(require("./large-editor"));
 var _lang = require("../../../lang");
+var _jsxRuntime = require("react/jsx-runtime");
 class MapSelectionEditor extends _react.Component {
   constructor(props) {
     super(props);
@@ -124,7 +125,7 @@ class MapSelectionEditor extends _react.Component {
           backgroundColor: '#ffffff',
           boxShadow: '1px 2px 1px rgba(0,0,0,.15)',
           padding: '3px 10px',
-          transform: "translate(-50%, ".concat(translateY, ")"),
+          transform: `translate(-50%, ${translateY})`,
           borderRadius: '3px',
           fontWeight: '500',
           left: '7px'
@@ -166,9 +167,26 @@ class MapSelectionEditor extends _react.Component {
       } = value;
       const tagContent = Array.isArray(tag) && tag.length > 0 ? tag[0] : '';
       if (title) {
-        return "\n          <div class='dtable-ui-selection-label-content' id='dtable-ui-selection-label-content'>\n            <i class='dtable-font dtable-icon-down3'></i>\n            <span class='label-title text-truncate' title=".concat(title, ">").concat(title, "</span>\n            ").concat(tagContent && "<span class='label-tag'>".concat(tagContent, "</span>"), "\n            <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>\n            <span class='label-address-tip'>").concat((0, _lang.getLocale)('Address'), "</span>\n            <span class='label-address text-truncate' title=").concat(address, ">").concat(address, "</span>\n            <div class='label-submit btn btn-primary' id='selection-label-submit'>").concat((0, _lang.getLocale)('Fill_in'), "</div>\n          </div>\n        ");
+        return `
+          <div class='dtable-ui-selection-label-content' id='dtable-ui-selection-label-content'>
+            <i class='dtable-font dtable-icon-down3'></i>
+            <span class='label-title text-truncate' title=${title}>${title}</span>
+            ${tagContent && `<span class='label-tag'>${tagContent}</span>`}
+            <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>
+            <span class='label-address-tip'>${(0, _lang.getLocale)('Address')}</span>
+            <span class='label-address text-truncate' title=${address}>${address}</span>
+            <div class='label-submit btn btn-primary' id='selection-label-submit'>${(0, _lang.getLocale)('Fill_in')}</div>
+          </div>
+        `;
       }
-      return "\n        <div class='dtable-ui-selection-label-content simple' id='dtable-ui-selection-label-content'>\n          <i class='dtable-font dtable-icon-down3'></i>\n          <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>\n          <span class='label-address text-truncate simple' title=".concat(address, ">").concat(address, "</span>\n          <div class='label-submit btn btn-primary' id='selection-label-submit'>").concat((0, _lang.getLocale)('Fill_in'), "</div>\n        </div>\n      ");
+      return `
+        <div class='dtable-ui-selection-label-content simple' id='dtable-ui-selection-label-content'>
+          <i class='dtable-font dtable-icon-down3'></i>
+          <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>
+          <span class='label-address text-truncate simple' title=${address}>${address}</span>
+          <div class='label-submit btn btn-primary' id='selection-label-submit'>${(0, _lang.getLocale)('Fill_in')}</div>
+        </div>
+      `;
     };
     this.getInitValue = () => {
       const {
@@ -322,19 +340,22 @@ class MapSelectionEditor extends _react.Component {
         searchResults
       } = this.state;
       if (searchResults.length === 0) return null;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "search-results-container"
-      }, searchResults.map((result, index) => {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: "search-result-item",
-          key: index,
-          onClick: this.onClickSelection.bind(this, result)
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "search-result-item-title"
-        }, result.title || ''), /*#__PURE__*/_react.default.createElement("span", {
-          className: "search-result-item-address"
-        }, result.address || ''));
-      }));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "search-results-container",
+        children: searchResults.map((result, index) => {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "search-result-item",
+            onClick: this.onClickSelection.bind(this, result),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "search-result-item-title",
+              children: result.title || ''
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "search-result-item-address",
+              children: result.address || ''
+            })]
+          }, index);
+        })
+      });
     };
     const _value = this.getInitValue();
     this.readOnly = props.readOnly;
@@ -377,88 +398,112 @@ class MapSelectionEditor extends _react.Component {
       isShowLargeEditor
     } = this.state;
     if (isShowLargeEditor) {
-      return /*#__PURE__*/_react.default.createElement(_largeEditor.default, Object.assign({}, this.props, {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_largeEditor.default, {
+        ...this.props,
         toggleFullScreen: this.toggleFullScreen
-      }));
+      });
     }
     if (this.mapType === _mapEditorUtils.MAP_TYPES.G_MAP || this.mapType === _mapEditorUtils.MAP_TYPES.M_MAP) {
-      return /*#__PURE__*/_react.default.createElement(_react.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("div", {
-        className: "dtable-ui-geolocation-map-editor no-support-tip"
-      }, (0, _lang.getLocale)('This_map_type_currently_does_not_support_map_point_selection')));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("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)("div", {
+          className: "dtable-ui-geolocation-map-editor no-support-tip",
+          children: (0, _lang.getLocale)('This_map_type_currently_does_not_support_map_point_selection')
+        })]
+      });
     }
-    return /*#__PURE__*/_react.default.createElement(_react.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 selection-editor"
-    }, !this.readOnly && /*#__PURE__*/_react.default.createElement("div", {
-      className: "map-editor-header"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "search-tables-container d-flex"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      type: "text",
-      value: inputValue,
-      onKeyDown: this.onKeyDown,
-      onChange: this.onChange,
-      className: "form-control selection-input",
-      placeholder: (0, _lang.getLocale)('Please_enter_the_address'),
-      autoFocus: true
-    }), inputValue && /*#__PURE__*/_react.default.createElement("span", {
-      className: "clear-search-numerical dtable-font dtable-icon-x-",
-      onClick: this.clearSearchNumerical
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "dtable-ui-geolocation-search-selection-editor",
-      onClick: this.onSearch
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-search"
-    })))), /*#__PURE__*/_react.default.createElement("div", {
-      className: this.readOnly ? 'geolocation-map-selection-read-only-container' : 'geolocation-map-selection-container'
-    }, 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-selection-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"
-    })))), this.renderSearchResults()));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.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 selection-editor",
+        children: [!this.readOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "map-editor-header",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "search-tables-container d-flex",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              type: "text",
+              value: inputValue,
+              onKeyDown: this.onKeyDown,
+              onChange: this.onChange,
+              className: "form-control selection-input",
+              placeholder: (0, _lang.getLocale)('Please_enter_the_address'),
+              autoFocus: true
+            }), inputValue && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "clear-search-numerical dtable-font dtable-icon-x-",
+              onClick: this.clearSearchNumerical
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "dtable-ui-geolocation-search-selection-editor",
+              onClick: this.onSearch,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                className: "dtable-font dtable-icon-search"
+              })
+            })]
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: this.readOnly ? 'geolocation-map-selection-read-only-container' : 'geolocation-map-selection-container',
+          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-selection-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"
+              })
+            })]
+          })]
+        }), this.renderSearchResults()]
+      })]
+    });
   }
 }
 var _default = exports.default = MapSelectionEditor;

package/lib/GeolocationEditor/pc-editor/map-selection-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 LargeMapSelectionEditorDialog extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -112,7 +113,7 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
           backgroundColor: '#ffffff',
           boxShadow: '1px 2px 1px rgba(0,0,0,.15)',
           padding: '3px 10px',
-          transform: "translate(-50%, ".concat(translateY, ")"),
+          transform: `translate(-50%, ${translateY})`,
           borderRadius: '3px',
           fontWeight: '500',
           left: '7px'
@@ -154,9 +155,26 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
       } = value;
       const tagContent = Array.isArray(tag) && tag.length > 0 ? tag[0] : '';
       if (title) {
-        return "\n          <div class='dtable-ui-selection-label-content' id='dtable-ui-selection-label-content'>\n            <i class='dtable-font dtable-icon-down3'></i>\n            <span class='label-title text-truncate' title=".concat(title, ">").concat(title, "</span>\n            ").concat(tagContent && "<span class='label-tag'>".concat(tagContent, "</span>"), "\n            <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>\n            <span class='label-address-tip'>").concat((0, _lang.getLocale)('Address'), "</span>\n            <span class='label-address text-truncate' title=").concat(address, ">").concat(address, "</span>\n            <div class='label-submit btn btn-primary' id='selection-label-submit'>").concat((0, _lang.getLocale)('Fill_in'), "</div>\n          </div>\n        ");
+        return `
+          <div class='dtable-ui-selection-label-content' id='dtable-ui-selection-label-content'>
+            <i class='dtable-font dtable-icon-down3'></i>
+            <span class='label-title text-truncate' title=${title}>${title}</span>
+            ${tagContent && `<span class='label-tag'>${tagContent}</span>`}
+            <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>
+            <span class='label-address-tip'>${(0, _lang.getLocale)('Address')}</span>
+            <span class='label-address text-truncate' title=${address}>${address}</span>
+            <div class='label-submit btn btn-primary' id='selection-label-submit'>${(0, _lang.getLocale)('Fill_in')}</div>
+          </div>
+        `;
       } else {
-        return "\n          <div class='dtable-ui-selection-label-content simple' id='dtable-ui-selection-label-content'>\n            <i class='dtable-font dtable-icon-down3'></i>\n            <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>\n            <span class='label-address text-truncate simple' title=".concat(address, ">").concat(address, "</span>\n            <div class='label-submit btn btn-primary' id='selection-label-submit'>").concat((0, _lang.getLocale)('Fill_in'), "</div>\n          </div>\n        ");
+        return `
+          <div class='dtable-ui-selection-label-content simple' id='dtable-ui-selection-label-content'>
+            <i class='dtable-font dtable-icon-down3'></i>
+            <span class='dtable-font dtable-icon-x' id='selection-label-close'></span>
+            <span class='label-address text-truncate simple' title=${address}>${address}</span>
+            <div class='label-submit btn btn-primary' id='selection-label-submit'>${(0, _lang.getLocale)('Fill_in')}</div>
+          </div>
+        `;
       }
     };
     this.getInitValue = () => {
@@ -250,19 +268,22 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
         searchResults
       } = this.state;
       if (searchResults.length === 0) return null;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "search-results-container"
-      }, searchResults.map((result, index) => {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: "search-result-item",
-          key: index,
-          onClick: this.onClickSelection.bind(this, result)
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "search-result-item-title"
-        }, result.title || ''), /*#__PURE__*/_react.default.createElement("span", {
-          className: "search-result-item-address"
-        }, result.address || ''));
-      }));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "search-results-container",
+        children: searchResults.map((result, index) => {
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "search-result-item",
+            onClick: this.onClickSelection.bind(this, result),
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "search-result-item-title",
+              children: result.title || ''
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "search-result-item-address",
+              children: result.address || ''
+            })]
+          }, index);
+        })
+      });
     };
     this.handlerClick = e => {
       e.nativeEvent.stopImmediatePropagation();
@@ -370,78 +391,94 @@ class LargeMapSelectionEditorDialog extends _react.default.Component {
       isLoading,
       inputValue
     } = this.state;
-    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 selection-editor-large",
-      onClick: this.handlerClick
-    }, !this.readOnly && /*#__PURE__*/_react.default.createElement("div", {
-      className: "map-editor-header"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "search-tables-container d-flex"
-    }, /*#__PURE__*/_react.default.createElement("input", {
-      type: "text",
-      value: inputValue,
-      onChange: this.onChange,
-      onKeyDown: this.onKeyDown,
-      className: "form-control selection-input-large",
-      placeholder: (0, _lang.getLocale)('Please_enter_the_address'),
-      autoFocus: true
-    }), inputValue && /*#__PURE__*/_react.default.createElement("span", {
-      className: "clear-search-numerical dtable-font dtable-icon-x-",
-      onClick: this.clearSearchNumerical
-    }), /*#__PURE__*/_react.default.createElement("span", {
-      className: "dtable-ui-geolocation-search-selection-editor",
-      onClick: this.onSearch
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-search"
-    })))), /*#__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-selection-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"
-    })))), this.renderSearchResults()));
+      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 selection-editor-large",
+        onClick: this.handlerClick,
+        children: [!this.readOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "map-editor-header",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "search-tables-container d-flex",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              type: "text",
+              value: inputValue,
+              onChange: this.onChange,
+              onKeyDown: this.onKeyDown,
+              className: "form-control selection-input-large",
+              placeholder: (0, _lang.getLocale)('Please_enter_the_address'),
+              autoFocus: true
+            }), inputValue && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "clear-search-numerical dtable-font dtable-icon-x-",
+              onClick: this.clearSearchNumerical
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "dtable-ui-geolocation-search-selection-editor",
+              onClick: this.onSearch,
+              children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                className: "dtable-font dtable-icon-search"
+              })
+            })]
+          })
+        }), /*#__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-selection-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"
+              })
+            })]
+          })]
+        }), this.renderSearchResults()]
+      })]
+    });
   }
 }
 var _default = exports.default = LargeMapSelectionEditorDialog;