dtable-ui-component 6.0.49 → 6.0.50

package/lib/GeolocationEditor/mb-editor/province-editor.js

@@ -11,6 +11,7 @@ var _Picker = _interopRequireDefault(require("../../Picker"));
 var _List = _interopRequireDefault(require("../../List"));
 var _MobileFullScreenPage = _interopRequireDefault(require("../../MobileFullScreenPage"));
 var _lang = require("../../lang");
+var _jsxRuntime = require("react/jsx-runtime");
 const {
   Header,
   Body
@@ -45,32 +46,46 @@ const ProvinceEditor = _ref => {
     }
     onToggle();
   }, [value, oldValue, onCommit, onToggle]);
-  return /*#__PURE__*/_react.default.createElement(_MobileFullScreenPage.default, {
-    onClose: onToggle
-  }, /*#__PURE__*/_react.default.createElement(Header, {
-    onLeftClick: onToggle,
-    onRightClick: onSubmit
-  }, /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, column.name), /*#__PURE__*/_react.default.createElement("span", {
-    style: {
-      color: '#f09f3f'
-    }
-  }, (0, _lang.getLocale)('Submit'))), /*#__PURE__*/_react.default.createElement(Body, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "dtable-ui-mobile-row-expand-subtitle"
-  }, /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Address_information'))), /*#__PURE__*/_react.default.createElement(_Picker.default, {
-    className: "dtable-ui-mobile-geolocation-editor-picker",
-    data: isLoading ? [] : locations.current,
-    value: value,
-    format: "",
-    onChange: onValueChange,
-    cascade: true,
-    title: (0, _lang.getLocale)('Address_information'),
-    extra: (0, _lang.getLocale)('Select_location'),
-    onOk: e => onValueChange(e),
-    okText: (0, _lang.getLocale)('Done'),
-    dismissText: (0, _lang.getLocale)('Cancel'),
-    cols: 1
-  }, /*#__PURE__*/_react.default.createElement(_List.default.Item, {
-    arrow: "horizontal"
-  }, value[0] || (0, _lang.getLocale)('Select_location')))));
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
+    onClose: onToggle,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(Header, {
+      onLeftClick: onToggle,
+      onRightClick: onSubmit,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: (0, _lang.getLocale)('Cancel')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+        children: column.name
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        style: {
+          color: '#f09f3f'
+        },
+        children: (0, _lang.getLocale)('Submit')
+      })]
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Body, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-mobile-row-expand-subtitle",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: (0, _lang.getLocale)('Address_information')
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, {
+        className: "dtable-ui-mobile-geolocation-editor-picker",
+        data: isLoading ? [] : locations.current,
+        value: value,
+        format: "",
+        onChange: onValueChange,
+        cascade: true,
+        title: (0, _lang.getLocale)('Address_information'),
+        extra: (0, _lang.getLocale)('Select_location'),
+        onOk: e => onValueChange(e),
+        okText: (0, _lang.getLocale)('Done'),
+        dismissText: (0, _lang.getLocale)('Cancel'),
+        cols: 1,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_List.default.Item, {
+          arrow: "horizontal",
+          children: value[0] || (0, _lang.getLocale)('Select_location')
+        })
+      })]
+    })]
+  });
 };
 var _default = exports.default = ProvinceEditor;

package/lib/GeolocationEditor/pc-editor/country-editor.js

@@ -11,6 +11,7 @@ var _reactstrap = require("reactstrap");
 var _constants = require("../../constants");
 var _Loading = _interopRequireDefault(require("../../Loading"));
 var _lang = require("../../lang");
+var _jsxRuntime = require("react/jsx-runtime");
 class CountryEditor extends _react.Component {
   constructor(props) {
     super(props);
@@ -133,18 +134,20 @@ class CountryEditor extends _react.Component {
         const countryList = this.createCountryList(continent, index);
         if (countryList.length > 0) {
           isSearchResultEmpty = false;
-          return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-            key: continent
-          }, /*#__PURE__*/_react.default.createElement("div", {
-            className: "geolocation-region-editor-continent"
-          }, continent), countryList);
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              className: "geolocation-region-editor-continent",
+              children: continent
+            }), countryList]
+          }, continent);
         }
         return null;
       });
       if (isSearchResultEmpty) {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: "country-list-empty"
-        }, (0, _lang.getLocale)('No_options'));
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "country-list-empty",
+          children: (0, _lang.getLocale)('No_options')
+        });
       }
       return continentsList;
     };
@@ -155,19 +158,20 @@ class CountryEditor extends _react.Component {
       } = this.state;
       let countryList = this.filteredCountry[continent].map((country, index) => {
         const isHighlight = highlightIndexes[0] === continentIndex && highlightIndexes[1] === index;
-        return /*#__PURE__*/_react.default.createElement("div", {
+        return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
           className: "geolocation-region-editor-country ".concat(isHighlight ? 'geolocation-region-editor-province-highlight' : ''),
-          key: country,
           onMouseEnter: () => this.onMenuMouseEnter(continentIndex, index),
           onMouseLeave: () => this.onMenuMouseLeave(continentIndex, index),
           title: country,
           "aria-label": country,
-          onClick: () => this.onClick(country)
-        }, /*#__PURE__*/_react.default.createElement("span", {
-          className: "icon ".concat(value === country ? 'dtable-font dtable-icon-check-mark' : '')
-        }), /*#__PURE__*/_react.default.createElement("span", {
-          className: "country-name"
-        }, country));
+          onClick: () => this.onClick(country),
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "icon ".concat(value === country ? 'dtable-font dtable-icon-check-mark' : '')
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "country-name",
+            children: country
+          })]
+        }, country);
       });
       return countryList;
     };
@@ -256,20 +260,23 @@ class CountryEditor extends _react.Component {
     const {
       isLoadingData
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-country-editor"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "geolocation-region-list-header"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Input, {
-      value: this.state.searchingCountry,
-      onChange: this.onChange,
-      autoFocus: true,
-      onKeyDown: this.onKeyDown,
-      placeholder: (0, _lang.getLocale)('Search_country')
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "geolocation-region-list-container",
-      ref: ref => this.selectContainer = ref
-    }, isLoadingData ? /*#__PURE__*/_react.default.createElement(_Loading.default, null) : this.createContinentList()));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dtable-ui-geolocation-country-editor",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "geolocation-region-list-header",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Input, {
+          value: this.state.searchingCountry,
+          onChange: this.onChange,
+          autoFocus: true,
+          onKeyDown: this.onKeyDown,
+          placeholder: (0, _lang.getLocale)('Search_country')
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "geolocation-region-list-container",
+        ref: ref => this.selectContainer = ref,
+        children: isLoadingData ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.default, {}) : this.createContinentList()
+      })]
+    });
   }
 }
 var _default = exports.default = CountryEditor;

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

@@ -16,6 +16,7 @@ var _countryEditor = _interopRequireDefault(require("./country-editor"));
 var _provinceEditor = _interopRequireDefault(require("./province-editor"));
 var _provinceCityEditor = _interopRequireDefault(require("./province-city-editor"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class PCGeolocationEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
@@ -171,54 +172,61 @@ class PCGeolocationEditor extends _react.default.Component {
       switch (geoFormat) {
         case _dtableUtils.GEOLOCATION_FORMAT.LNG_LAT:
           {
-            return /*#__PURE__*/_react.default.createElement(_mapEditor.default, Object.assign({}, props, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapEditor.default, {
+              ...props,
               toggleLargeMap: toggleLargeMap,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         case _dtableUtils.GEOLOCATION_FORMAT.MAP_SELECTION:
           {
-            return /*#__PURE__*/_react.default.createElement(_mapSelectionEditor.default, Object.assign({}, props, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mapSelectionEditor.default, {
+              ...props,
               toggleLargeMap: toggleLargeMap,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         case _dtableUtils.GEOLOCATION_FORMAT.COUNTRY_REGION:
           {
-            return /*#__PURE__*/_react.default.createElement(_countryEditor.default, Object.assign({}, props, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_countryEditor.default, {
+              ...props,
               getData: getCountryData,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE:
           {
-            return /*#__PURE__*/_react.default.createElement(_provinceEditor.default, Object.assign({}, props, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceEditor.default, {
+              ...props,
               onPressTab: this.props.onPressTab,
               getData: getLocationData,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY:
           {
-            return /*#__PURE__*/_react.default.createElement(_provinceCityEditor.default, Object.assign({}, props, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_provinceCityEditor.default, {
+              ...props,
               getData: getLocationData,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         case _dtableUtils.GEOLOCATION_FORMAT.PROVINCE_CITY_DISTRICT:
           {
-            return /*#__PURE__*/_react.default.createElement(_locationEditor.default, Object.assign({}, props, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, {
+              ...props,
               getData: getLocationData,
               ref: ref => this.editor = ref
-            }));
+            });
           }
         default:
           {
-            return /*#__PURE__*/_react.default.createElement(_locationEditor.default, Object.assign({}, props, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_locationEditor.default, {
+              ...props,
               isShowDetails: true,
               getData: getLocationData,
               ref: ref => this.editor = ref
-            }));
+            });
           }
       }
     };
@@ -240,11 +248,12 @@ class PCGeolocationEditor extends _react.default.Component {
     const {
       editorPosition
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: ref => this.ref = ref,
       style: editorPosition,
-      className: "dtable-ui-dtable-ui-geolocation-editor"
-    }, this.createEditor());
+      className: "dtable-ui-dtable-ui-geolocation-editor",
+      children: this.createEditor()
+    });
   }
 }
 var _default = exports.default = PCGeolocationEditor;

package/lib/GeolocationEditor/pc-editor/location-editor.js

@@ -15,6 +15,7 @@ var _constants = require("../../constants");
 var _Loading = _interopRequireDefault(require("../../Loading"));
 var _parseGeolocation = _interopRequireDefault(require("./parse-geolocation"));
 var _lang = require("../../lang");
+var _jsxRuntime = require("react/jsx-runtime");
 class LocationEditor extends _react.Component {
   constructor(props) {
     super(props);
@@ -229,101 +230,126 @@ class LocationEditor extends _react.Component {
       isLoadingData,
       location
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, !isLoadingData ? /*#__PURE__*/_react.default.createElement("div", {
-      onClick: this.onClick,
-      className: "dtable-ui-geolocation-editor-content"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-editor-item dtable-ui-geolocation-editor-selector-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-editor-item-left"
-    }, (0, _lang.getLocale)('Address_information') + ':'), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-editor-item-right"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      onClick: this.onToggleSelector,
-      className: "dtable-ui-geolocation-editor-selector text-truncate ".concat(isShowSelector ? 'focus' : '')
-    }, /*#__PURE__*/_react.default.createElement("span", {
-      className: "selected-option-show"
-    }, location ? location : (0, _lang.getLocale)('Select_province_city_district')), /*#__PURE__*/_react.default.createElement("span", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-down3 dtable-ui-geolocation-editor-parameter-icon"
-    }))), isShowSelector && /*#__PURE__*/_react.default.createElement("div", {
-      className: "geolocation-selector-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "geolocation-selector-header"
-    }, /*#__PURE__*/_react.default.createElement(_selectorHeaderItem.default, {
-      type: "province",
-      clickHandler: this.selectSelectorType,
-      selectedType: selectedItem,
-      selectedItem: selectedProvince
-    }), /*#__PURE__*/_react.default.createElement(_selectorHeaderItem.default, {
-      type: "city",
-      clickHandler: this.selectSelectorType,
-      selectedType: selectedItem,
-      selectedItem: selectedCity
-    }), /*#__PURE__*/_react.default.createElement(_selectorHeaderItem.default, {
-      type: "county",
-      clickHandler: this.selectSelectorType,
-      selectedType: selectedItem,
-      selectedItem: selectedCounty
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "geolocation-selector-body"
-    }, selectedItem === 'province' && /*#__PURE__*/_react.default.createElement(_selectorList.default, {
-      type: "province",
-      parent: this.locations,
-      selectedItem: selectedProvince,
-      clickHandler: this.selectProvince
-    }), selectedItem === 'city' && /*#__PURE__*/_react.default.createElement(_selectorList.default, {
-      type: "city",
-      parent: selectedProvince,
-      selectedItem: selectedCity,
-      clickHandler: this.selectCity
-    }), selectedItem === 'county' && /*#__PURE__*/_react.default.createElement(_selectorList.default, {
-      type: "county",
-      parent: selectedCity,
-      selectedItem: selectedCounty,
-      clickHandler: this.selectCounty
-    })))), this.props.isShowDetails && /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-editor-item dtable-ui-geolocation-editor-detail"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-editor-item-left"
-    }, (0, _lang.getLocale)('Detailed_address') + ':'), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-editor-item-right"
-    }, /*#__PURE__*/_react.default.createElement("textarea", {
-      ref: ref => this.detailInfo = ref,
-      placeholder: (0, _lang.getLocale)('Detailed_address_placeholder'),
-      className: "dtable-ui-geolocation-editor-detail-info",
-      type: "text",
-      onChange: this.onChange,
-      defaultValue: this.value.detail,
-      onKeyDown: this.onKeyDown,
-      autoFocus: true
-    }))), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-editor-item dtable-ui-geolocation-editor-parse"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-editor-item-left"
-    }, (0, _lang.getLocale)('Auto_recognition') + ':'), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-geolocation-editor-item-right"
-    }, /*#__PURE__*/_react.default.createElement("textarea", {
-      ref: ref => this.parseRef = ref,
-      placeholder: (0, _lang.getLocale)('Try_pasting_addresses_such_as_provinces/cities/districts_roads_neighborhoods_etc_to_quickly_identify_the_address_information'),
-      className: "dtable-ui-geolocation-editor-detail-info dtable-ui-geolocation-editor-recognition",
-      type: "text",
-      onChange: this.onParseChange,
-      onKeyDown: this.onKeyDown,
-      onCompositionEnd: this.onCompositionEnd,
-      onCompositionStart: this.onCompositionStart
-    })))) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_Loading.default, null), /*#__PURE__*/_react.default.createElement("div", {
-      className: "align-items-center"
-    }, (0, _lang.getLocale)('Loading_geolocation_data'))), this.state.errMessage && /*#__PURE__*/_react.default.createElement(_reactstrap.Alert, {
-      color: "danger",
-      className: "mt-2"
-    }, this.state.errMessage), /*#__PURE__*/_react.default.createElement(_DTableCustomFooter.default, null, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-      onClick: this.props.onCancel,
-      color: "secondary"
-    }, (0, _lang.getLocale)('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-      onClick: this.onSubmit,
-      color: "primary"
-    }, (0, _lang.getLocale)('Submit'))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [!isLoadingData ? /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        onClick: this.onClick,
+        className: "dtable-ui-geolocation-editor-content",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-geolocation-editor-item dtable-ui-geolocation-editor-selector-container",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-geolocation-editor-item-left",
+            children: (0, _lang.getLocale)('Address_information') + ':'
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-geolocation-editor-item-right",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              onClick: this.onToggleSelector,
+              className: "dtable-ui-geolocation-editor-selector text-truncate ".concat(isShowSelector ? 'focus' : ''),
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                className: "selected-option-show",
+                children: location ? location : (0, _lang.getLocale)('Select_province_city_district')
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+                "aria-hidden": "true",
+                className: "dtable-font dtable-icon-down3 dtable-ui-geolocation-editor-parameter-icon"
+              })]
+            })
+          }), isShowSelector && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: "geolocation-selector-container",
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: "geolocation-selector-header",
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_selectorHeaderItem.default, {
+                type: "province",
+                clickHandler: this.selectSelectorType,
+                selectedType: selectedItem,
+                selectedItem: selectedProvince
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectorHeaderItem.default, {
+                type: "city",
+                clickHandler: this.selectSelectorType,
+                selectedType: selectedItem,
+                selectedItem: selectedCity
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectorHeaderItem.default, {
+                type: "county",
+                clickHandler: this.selectSelectorType,
+                selectedType: selectedItem,
+                selectedItem: selectedCounty
+              })]
+            }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: "geolocation-selector-body",
+              children: [selectedItem === 'province' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectorList.default, {
+                type: "province",
+                parent: this.locations,
+                selectedItem: selectedProvince,
+                clickHandler: this.selectProvince
+              }), selectedItem === 'city' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectorList.default, {
+                type: "city",
+                parent: selectedProvince,
+                selectedItem: selectedCity,
+                clickHandler: this.selectCity
+              }), selectedItem === 'county' && /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectorList.default, {
+                type: "county",
+                parent: selectedCity,
+                selectedItem: selectedCounty,
+                clickHandler: this.selectCounty
+              })]
+            })]
+          })]
+        }), this.props.isShowDetails && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-geolocation-editor-item dtable-ui-geolocation-editor-detail",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-geolocation-editor-item-left",
+            children: (0, _lang.getLocale)('Detailed_address') + ':'
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-geolocation-editor-item-right",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
+              ref: ref => this.detailInfo = ref,
+              placeholder: (0, _lang.getLocale)('Detailed_address_placeholder'),
+              className: "dtable-ui-geolocation-editor-detail-info",
+              type: "text",
+              onChange: this.onChange,
+              defaultValue: this.value.detail,
+              onKeyDown: this.onKeyDown,
+              autoFocus: true
+            })
+          })]
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-geolocation-editor-item dtable-ui-geolocation-editor-parse",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-geolocation-editor-item-left",
+            children: (0, _lang.getLocale)('Auto_recognition') + ':'
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "dtable-ui-geolocation-editor-item-right",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("textarea", {
+              ref: ref => this.parseRef = ref,
+              placeholder: (0, _lang.getLocale)('Try_pasting_addresses_such_as_provinces/cities/districts_roads_neighborhoods_etc_to_quickly_identify_the_address_information'),
+              className: "dtable-ui-geolocation-editor-detail-info dtable-ui-geolocation-editor-recognition",
+              type: "text",
+              onChange: this.onParseChange,
+              onKeyDown: this.onKeyDown,
+              onCompositionEnd: this.onCompositionEnd,
+              onCompositionStart: this.onCompositionStart
+            })
+          })]
+        })]
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.default, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "align-items-center",
+          children: (0, _lang.getLocale)('Loading_geolocation_data')
+        })]
+      }), this.state.errMessage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Alert, {
+        color: "danger",
+        className: "mt-2",
+        children: this.state.errMessage
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_DTableCustomFooter.default, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Button, {
+          onClick: this.props.onCancel,
+          color: "secondary",
+          children: (0, _lang.getLocale)('Cancel')
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Button, {
+          onClick: this.onSubmit,
+          color: "primary",
+          children: (0, _lang.getLocale)('Submit')
+        })]
+      })]
+    });
   }
 }
 var _default = exports.default = LocationEditor;