dtable-ui-component 5.3.1-beta → 5.3.1

package/lib/FileEditor/files-previewer/index.css

@@ -1,56 +0,0 @@
-.dtable-ui-file-editor-previewer {
-  position: relative;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  justify-content: space-between;
-}
-
-.dtable-ui-file-editor-previewer .dtable-ui-file-editor-previewer-wrapper {
-  height: 390px;
-  width: 100%;
-  overflow: hidden;
-}
-
-.dtable-ui-file-editor-previewer .dtable-ui-file-editor-previewer-add-btn {
-  width: 100%;
-}
-
-/* header */
-.dtable-ui-file-editor-previewer .dtable-ui-file-editor-previewer-header {
-  height: 40px;
-  margin: 0 3% 0 3%;
-  position: relative;
-  flex-direction: row;
-  justify-content: space-between;
-  font-size: 14px;
-}
-
-.dtable-ui-file-editor-previewer .dtable-ui-file-editor-previewer-header .dtable-ui-file-editor-count-content {
-  font-weight: 450;
-}
-
-.dtable-ui-file-editor-previewer .dtable-ui-file-editor-previewer-header .dtable-ui-file-editor-operation-content {
-  color: #FF8000;
-}
-
-.dtable-ui-file-editor-previewer .dtable-ui-file-editor-previewer-header .dtable-ui-file-editor-operation-content:hover {
-  cursor: pointer;
-}
-
-/* content */
-.dtable-ui-file-editor-previewer .dtable-ui-file-editor-previewer-content {
-  margin-top: 10px;
-  height: 336px;
-  overflow-y: auto;
-}
-
-.dtable-ui-file-editor-previewer .dtable-ui-file-editor-previewer-content::after {
-  content: '';
-  width: 94%;
-  height: 1px;
-  position: absolute;
-  left: 3%;
-  top: 40px;
-  background-color: #e9ecef;
-}

package/lib/FileEditor/files-previewer/index.js

@@ -1,277 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _url = require("../../utils/url");
-var _utils = require("../../utils/utils");
-var _constants = require("../../constants");
-var _lang = require("../../lang");
-var _ImagePreviewerLightbox = _interopRequireDefault(require("../../ImagePreviewerLightbox"));
-var _DTableCommonAddTool = _interopRequireDefault(require("../../DTableCommonAddTool"));
-var _filePreviewer = _interopRequireDefault(require("./file-previewer"));
-require("./index.css");
-class FilesPreviewer extends _react.default.Component {
-  constructor(props) {
-    super(props);
-    this.getFileItemImageUrlList = value => {
-      this.setState({
-        fileImageUrlList: (0, _url.getValidFileImageUrls)(value)
-      });
-    };
-    this.showLargeImage = itemUrl => {
-      let {
-        fileImageUrlList
-      } = this.state;
-      this.setState({
-        isShowLargeImage: true,
-        largeImageIndex: fileImageUrlList.indexOf(itemUrl)
-      });
-    };
-    this.moveNext = () => {
-      let {
-        fileImageUrlList
-      } = this.state;
-      this.setState(prevState => ({
-        largeImageIndex: (prevState.largeImageIndex + 1) % fileImageUrlList.length
-      }));
-    };
-    this.movePrev = () => {
-      let {
-        fileImageUrlList
-      } = this.state;
-      this.setState(prevState => ({
-        largeImageIndex: (prevState.largeImageIndex + fileImageUrlList.length - 1) % fileImageUrlList.length
-      }));
-    };
-    this.hideLargeImage = () => {
-      this.setState({
-        isShowLargeImage: false,
-        largeImageIndex: -1
-      });
-    };
-    this.downloadImage = imageItemUrl => {
-      const {
-        value
-      } = this.props;
-      const file = value.find(v => v.url === imageItemUrl);
-      if (!file) return;
-      this.props.getDownLoadFiles([file], _ref => {
-        let [dFile] = _ref;
-        dFile && (0, _utils.downloadFile)(dFile);
-      });
-    };
-    this.onRotateImage = (imageIndex, degree) => {
-      let {
-        fileImageUrlList
-      } = this.state;
-      const imageUrl = fileImageUrlList[imageIndex];
-      this.props.onRotateImage && this.props.onRotateImage(imageUrl, degree);
-    };
-    this.deleteImage = (index, type) => {
-      const {
-        value
-      } = this.props;
-      let {
-        fileImageUrlList
-      } = this.state;
-      const imageUrl = fileImageUrlList[index];
-      let fileItemIndex = value.findIndex(fileItem => fileItem.url === imageUrl);
-      this.props.deleteFile(fileItemIndex, type);
-      if (index > fileImageUrlList.length - 2) {
-        if (fileImageUrlList.length - 2 < 0) {
-          this.hideLargeImage();
-        } else {
-          this.setState({
-            largeImageIndex: 0
-          });
-        }
-      }
-    };
-    this.togglePreviewer = () => {
-      this.props.togglePreviewer(_constants.FILE_EDITOR_STATUS.ADDITION);
-      this.props.resetFileValue();
-    };
-    this.freezeItem = () => {
-      this.setState({
-        isItemFreezed: true
-      });
-    };
-    this.unFreezeItem = () => {
-      this.setState({
-        isItemFreezed: false
-      });
-    };
-    this.onSelectFiles = name => {
-      const {
-        selectedFilesList
-      } = this.state;
-      let filesList = selectedFilesList.slice(0);
-      const selectedFileIndex = selectedFilesList.indexOf(name);
-      if (selectedFileIndex > -1) {
-        filesList.splice(selectedFileIndex, 1);
-      } else {
-        filesList.push(name);
-      }
-      this.setState({
-        selectedFilesList: filesList
-      });
-    };
-    this.onSelectAllFiles = () => {
-      const {
-        value
-      } = this.props;
-      const {
-        selectedFilesList
-      } = this.state;
-      if (value.length === 0) return;
-      let allFilesList = selectedFilesList.slice(0);
-      value.map(item => {
-        if (selectedFilesList.indexOf(item.name) === -1) {
-          allFilesList.push(item.name);
-        }
-        return null;
-      });
-      this.setState({
-        selectedFilesList: allFilesList
-      });
-    };
-    this.onChangeSelectMultipleFiles = state => {
-      this.setState({
-        isSelectMultipleFiles: state,
-        selectedFilesList: []
-      });
-    };
-    this.onDownloadAllSelectedFiles = () => {
-      const {
-        config
-      } = this.props;
-      const {
-        selectedFilesList
-      } = this.state;
-      if (selectedFilesList.length === 0) return;
-      this.props.getDownLoadFiles(selectedFilesList, downloadFilesUrlList => {
-        if (downloadFilesUrlList.length > 0) {
-          (0, _utils.downloadFiles)(downloadFilesUrlList, config);
-        }
-        this.onChangeSelectMultipleFiles(false);
-      });
-    };
-    this.onDeleteAllSelectedFiles = () => {
-      const {
-        selectedFilesList
-      } = this.state;
-      this.props.deleteFiles(selectedFilesList);
-      this.onChangeSelectMultipleFiles(false);
-    };
-    this.renderFilesOperation = () => {
-      const {
-        value,
-        deleteFiles,
-        getDownLoadFiles
-      } = this.props;
-      const {
-        isSelectMultipleFiles,
-        selectedFilesList
-      } = this.state;
-      if (value.length === 0) return null;
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui-file-editor-operation-content"
-      }, !isSelectMultipleFiles ? /*#__PURE__*/_react.default.createElement("span", {
-        onClick: this.onChangeSelectMultipleFiles.bind(this, true)
-      }, (0, _lang.getLocale)('Select')) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, selectedFilesList.length > 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, deleteFiles && /*#__PURE__*/_react.default.createElement("span", {
-        onClick: this.onDeleteAllSelectedFiles
-      }, (0, _lang.getLocale)('Delete')), getDownLoadFiles && /*#__PURE__*/_react.default.createElement("span", {
-        className: "ml-2",
-        onClick: this.onDownloadAllSelectedFiles
-      }, (0, _lang.getLocale)('Download'))), /*#__PURE__*/_react.default.createElement("span", {
-        className: "ml-2",
-        onClick: this.onSelectAllFiles
-      }, (0, _lang.getLocale)('Select_all')), /*#__PURE__*/_react.default.createElement("span", {
-        className: "ml-2",
-        onClick: this.onChangeSelectMultipleFiles.bind(this, false)
-      }, (0, _lang.getLocale)('Cancel'))));
-    };
-    this.state = {
-      isShowRename: false,
-      value: props.value,
-      isItemFreezed: false,
-      isShowLargeImage: false,
-      isSelectMultipleFiles: false,
-      fileImageUrlList: [],
-      selectedFilesList: [],
-      largeImageIndex: -1
-    };
-  }
-  componentDidMount() {
-    this.getFileItemImageUrlList(this.props.value);
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    if (JSON.stringify(this.props.value) !== JSON.stringify(nextProps.value)) {
-      this.getFileItemImageUrlList(nextProps.value);
-    }
-  }
-  render() {
-    let {
-      value,
-      getDownLoadFiles
-    } = this.props;
-    const {
-      isSelectMultipleFiles,
-      selectedFilesList
-    } = this.state;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-wrapper"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-header d-flex align-items-center"
-    }, selectedFilesList.length > 0 ? /*#__PURE__*/_react.default.createElement("span", {
-      className: "dtable-ui-file-editor-count-content"
-    }, selectedFilesList.length === 1 ? (0, _lang.getLocale)('1_file_selected') : (0, _lang.getLocale)('Selected_xxx_files', {
-      count: selectedFilesList.length
-    })) : /*#__PURE__*/_react.default.createElement("span", {
-      className: "dtable-ui-file-editor-count-content"
-    }, value.length <= 1 ? (0, _lang.getLocale)('xxx_existing_file', {
-      count: value.length
-    }) : (0, _lang.getLocale)('xxx_existing_files', {
-      count: value.length
-    })), this.renderFilesOperation()), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-file-editor-previewer-content"
-    }, value.length > 0 && value.map((fileItem, index) => {
-      const isSelected = selectedFilesList.indexOf(fileItem.name) === -1 ? false : true;
-      return /*#__PURE__*/_react.default.createElement(_filePreviewer.default, {
-        key: fileItem.url,
-        fileItem: fileItem,
-        deleteFile: this.props.deleteFile,
-        renameFile: this.props.renameFile,
-        freezeItem: this.freezeItem,
-        unFreezeItem: this.unFreezeItem,
-        isItemFreezed: this.state.isItemFreezed,
-        itemIndex: index,
-        isSelected: isSelected,
-        showLargeImage: this.showLargeImage,
-        onSelectFiles: this.onSelectFiles,
-        isSelectMultipleFiles: isSelectMultipleFiles,
-        downloadFile: getDownLoadFiles ? this.downloadImage : null
-      });
-    }))), this.state.isShowLargeImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
-      imageItems: this.state.fileImageUrlList,
-      imageIndex: this.state.largeImageIndex,
-      closeImagePopup: this.hideLargeImage,
-      moveToPrevImage: this.movePrev,
-      moveToNextImage: this.moveNext,
-      deleteImage: this.deleteImage,
-      downloadImage: this.downloadImage,
-      onRotateImage: this.onRotateImage
-    }), /*#__PURE__*/_react.default.createElement(_DTableCommonAddTool.default, {
-      className: "dtable-ui-file-editor-previewer-add-btn",
-      callBack: this.togglePreviewer,
-      footerName: (0, _lang.getLocale)('Add_files')
-    }));
-  }
-}
-var _default = exports.default = FilesPreviewer;

package/lib/FileEditor/index.css

@@ -1,6 +0,0 @@
-@import url('../ImageEditor/index.css');
-
-.dtable-ui-file-editor-container {
-  min-height: 300px;
-}
-

package/lib/FileEditor/utils.js

@@ -1,22 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.getFileUploadTime = exports.bytesToSize = void 0;
-var _dayjs = _interopRequireDefault(require("dayjs"));
-const getFileUploadTime = file => {
-  return file.upload_time ? (0, _dayjs.default)(file.upload_time).format('YYYY-MM-DD HH:mm') : '';
-};
-exports.getFileUploadTime = getFileUploadTime;
-const bytesToSize = bytes => {
-  if (typeof bytes == 'undefined') return ' ';
-  if (bytes < 0) return '--';
-  const sizes = ['bytes', 'KB', 'MB', 'GB', 'TB', 'PB'];
-  if (bytes === 0) return bytes + ' ' + sizes[0];
-  const i = parseInt(Math.floor(Math.log(bytes) / Math.log(1000)), 10);
-  if (i === 0) return bytes + ' ' + sizes[i];
-  return (bytes / 1000 ** i).toFixed(1) + ' ' + sizes[i];
-};
-exports.bytesToSize = bytesToSize;

package/lib/FileUploader/index.css

@@ -1,9 +0,0 @@
-.dtable-ui-upload-image {
-  width: 1px;
-  height: 1px;
-  opacity: 0;
-  position: absolute;
-  top: 0;
-  font-size: 0;
-  cursor: pointer;
-}

package/lib/GeolocationEditor/country-editor.js

@@ -1,319 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _constants = require("../constants");
-var _Loading = _interopRequireDefault(require("../Loading"));
-var _lang = require("../lang");
-class CountryEditor extends _react.Component {
-  constructor(props) {
-    super(props);
-    this.onHotKey = e => {
-      if (e.keyCode === _constants.KeyCodes.Enter) {
-        this.onEnter(e);
-      } else if (e.keyCode === _constants.KeyCodes.UpArrow) {
-        this.onUpArrow(e);
-      } else if (e.keyCode === _constants.KeyCodes.DownArrow) {
-        this.onDownArrow(e);
-      } else if (e.keyCode === _constants.KeyCodes.Tab) {
-        if (this.props.onPressTab) {
-          this.props.onPressTab(e);
-        }
-      }
-    };
-    this.onDownArrow = e => {
-      e.preventDefault();
-      e.stopPropagation();
-      let {
-        highlightIndexes
-      } = this.state;
-      const continents = Object.keys(this.filteredCountry);
-      if (continents.length === 0) return;
-      const continent = continents[highlightIndexes[0]];
-      if (highlightIndexes[1] < this.filteredCountry[continent].length - 1) {
-        highlightIndexes[1] = highlightIndexes[1] + 1;
-      } else if (highlightIndexes[1] === this.filteredCountry[continent].length - 1 && highlightIndexes[0] < continents.length - 1) {
-        highlightIndexes[0] = highlightIndexes[0] + 1;
-        highlightIndexes[1] = 0;
-      }
-      this.setState({
-        highlightIndexes: [...highlightIndexes]
-      }, () => {
-        let itemCount = this.getItemCount(highlightIndexes[0], highlightIndexes[1]);
-        if (itemCount >= this.maxItemNum) {
-          this.selectContainer.scrollTop += this.itemHeight * (highlightIndexes[1] === 0 ? 2 : 1);
-        }
-      });
-    };
-    this.onUpArrow = e => {
-      e.preventDefault();
-      e.stopPropagation();
-      let {
-        highlightIndexes
-      } = this.state;
-      const continents = Object.keys(this.filteredCountry);
-      if (continents.length === 0) return;
-      if (highlightIndexes[1] === 0 && highlightIndexes[0] !== 0) {
-        highlightIndexes[0] = highlightIndexes[0] - 1;
-        highlightIndexes[1] = this.filteredCountry[continents[highlightIndexes[0]]].length - 1;
-      } else if (highlightIndexes[1] === 0 && highlightIndexes[0] === 0) {
-        highlightIndexes = [0, 0];
-      } else {
-        highlightIndexes[1] = highlightIndexes[1] - 1;
-      }
-      this.setState({
-        highlightIndexes: [...highlightIndexes]
-      }, () => {
-        let itemCount = this.getItemCount(highlightIndexes[0], highlightIndexes[1]);
-        if (itemCount < this.getItemCount(continents.length - 1, this.filteredCountry[continents[continents.length - 1]].length - 1) - this.maxItemNum) {
-          this.selectContainer.scrollTop -= this.itemHeight * (highlightIndexes[1] === 0 ? 2 : 1);
-        }
-      });
-    };
-    this.getItemCount = (continentIndex, countryIndex) => {
-      const continents = Object.keys(this.filteredCountry);
-      let count = continentIndex + 1;
-      for (let index = 0; index < continentIndex; index++) {
-        count += this.filteredCountry[continents[index]].length;
-      }
-      count = count + countryIndex;
-      return count;
-    };
-    this.onEnter = e => {
-      e.stopPropagation();
-      const cuntries = Object.values(this.filteredCountry).flat();
-      if (cuntries && cuntries.length === 1) {
-        this.props.setValue({
-          country_region: cuntries[0]
-        });
-        this.props.onSubmit();
-      } else {
-        const {
-          highlightIndexes
-        } = this.state;
-        const continents = Object.keys(this.filteredCountry);
-        if (continents.length > 0) {
-          const continent = continents[highlightIndexes[0]];
-          const country = this.filteredCountry[continent][highlightIndexes[1]];
-          if (!country) return;
-          this.props.setValue({
-            country_region: country
-          });
-          this.props.onSubmit();
-        }
-      }
-    };
-    this.onMenuMouseEnter = (continentIndex, countryIndex) => {
-      this.setState({
-        highlightIndexes: [continentIndex, countryIndex]
-      });
-    };
-    this.onMenuMouseLeave = (continentIndex, countryIndex) => {
-      this.timer = setTimeout(() => {
-        const {
-          highlightIndexes
-        } = this.state;
-        if (highlightIndexes[0] === continentIndex && highlightIndexes[1] === countryIndex) {
-          this.setState({
-            highlightIndexes: [0, -1]
-          });
-        }
-      }, 300);
-    };
-    this.getLocationData = () => {
-      const {
-        config
-      } = this.props;
-      const {
-        mediaUrl
-      } = {
-        ...window.dtable,
-        ...config
-      };
-      let geoFileName = 'en-region-location';
-      if (this.lang === 'cn') {
-        geoFileName = 'cn-region-location';
-      }
-      return fetch("".concat(mediaUrl, "geo-data/").concat(geoFileName, ".json")).then(res => {
-        return res.json();
-      }).catch(() => {
-        // get locations from local
-        return fetch("./geo-data/".concat(geoFileName, ".json")).then(res => {
-          return res.json();
-        });
-      });
-    };
-    this.createContinentList = () => {
-      let isSearchResultEmpty = true;
-      const continents = Object.keys(this.filteredCountry);
-      const continentsList = continents.map((continent, index) => {
-        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 null;
-      });
-      if (isSearchResultEmpty) {
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: "country-list-empty"
-        }, (0, _lang.getLocale)('No_options'));
-      }
-      return continentsList;
-    };
-    this.createCountryList = (continent, continentIndex) => {
-      const {
-        value,
-        highlightIndexes
-      } = this.state;
-      let countryList = this.filteredCountry[continent].map((country, index) => {
-        const isHighlight = highlightIndexes[0] === continentIndex && highlightIndexes[1] === index;
-        return /*#__PURE__*/_react.default.createElement("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));
-      });
-      return countryList;
-    };
-    this.onClick = country => {
-      this.props.setValue({
-        country_region: country
-      });
-      this.props.onSubmit();
-    };
-    this.onChange = e => {
-      const value = e.target.value.trim();
-      if (value.length === 0) {
-        this.countryReg = null;
-      }
-      if (value.length > 0) {
-        let regStr = '(.*)' + value.split('').join('(.*)') + '(.*)';
-        this.countryReg = new RegExp(regStr, 'i');
-      }
-      this.filteredCountry = this.filterCountry();
-      this.setState({
-        searchingCountry: e.target.value,
-        highlightIndexes: Object.keys(this.filteredCountry).length > 0 ? [0, 0] : [0, -1]
-      });
-    };
-    this.filterCountry = () => {
-      const continents = Object.keys(this.geolocationRegions);
-      const map = {};
-      for (let i = 0; i < continents.length; i++) {
-        const countries = this.geolocationRegions[continents[i]];
-        const continent = continents[i];
-        map[continent] = [];
-        countries.forEach(item => {
-          if (this.countryReg && this.countryReg.test(item)) {
-            map[continent].push(item);
-          } else if (!this.countryReg) {
-            map[continent].push(item);
-          }
-        });
-        if (map[continent].length === 0) {
-          delete map[continent];
-        }
-      }
-      return map;
-    };
-    this.onKeyDown = e => {
-      if (e.keyCode === _constants.KeyCodes.ChineseInputMethod || e.keyCode === _constants.KeyCodes.Enter || e.keyCode === _constants.KeyCodes.LeftArrow || e.keyCode === _constants.KeyCodes.RightArrow) {
-        e.stopPropagation();
-      }
-    };
-    this.countryReg = null;
-    const {
-      column,
-      value: _value
-    } = props;
-    const columnData = column.data || {};
-    this.lang = columnData.lang === 'cn' ? 'cn' : 'en';
-    this.state = {
-      searchingCountry: '',
-      value: _value.country_region,
-      isLoadingData: true,
-      highlightIndexes: [0, -1]
-    };
-    this.filteredCountry = [];
-    this.timer = null;
-    this.maxItemNum = 6;
-    this.itemHeight = 30;
-  }
-  componentDidMount() {
-    document.addEventListener('keydown', this.onHotKey, true);
-    if (this.lang === 'cn' && window.app.countryListCn) {
-      this.geolocationRegions = window.app.countryListCn;
-      this.filteredCountry = this.geolocationRegions;
-      this.setState({
-        isLoadingData: false
-      });
-      return;
-    }
-    if (this.lang !== 'cn' && window.app.countryListEn) {
-      this.geolocationRegions = window.app.countryListEn;
-      this.filteredCountry = this.geolocationRegions;
-      this.setState({
-        isLoadingData: false
-      });
-      return;
-    }
-    this.getLocationData().then(data => {
-      this.geolocationRegions = data || {};
-      this.filteredCountry = this.geolocationRegions;
-      if (this.lang === 'cn') {
-        window.app.countryListCn = this.geolocationRegions;
-      } else {
-        window.app.countryListEn = this.geolocationRegions;
-      }
-      this.setState({
-        isLoadingData: false
-      });
-    });
-  }
-  componentWillUnmount() {
-    document.removeEventListener('keydown', this.onHotKey, true);
-    if (this.timer) {
-      clearTimeout(this.timer);
-      this.timer = null;
-    }
-  }
-  render() {
-    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()));
-  }
-}
-var _default = exports.default = CountryEditor;