dtable-ui-component 7.0.13 → 7.0.15

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

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _filesPreviewer = _interopRequireDefault(require("../files-previewer"));
@@ -27,9 +26,10 @@ class PCFileEditor extends _react.default.Component {
       return this.state.value;
     };
     this.getEditorView = () => {
-      const _this$props = this.props,
-        isInModal = _this$props.isInModal,
-        value = _this$props.value;
+      const {
+        isInModal,
+        value
+      } = this.props;
       return !value || value.length === 0 || isInModal ? _constants.FILE_EDITOR_STATUS.ADDITION : _constants.FILE_EDITOR_STATUS.PREVIEWER;
     };
     this.deleteImage = function (index) {
@@ -59,9 +59,10 @@ class PCFileEditor extends _react.default.Component {
       e.stopPropagation();
       if (this.state.isOpen && this.state.isUpdated) {
         if (this.state.editorView === _constants.FILE_EDITOR_STATUS.ADDITION) {
-          let _this$state = this.state,
-            value = _this$state.value,
-            uploadLocalFileValue = _this$state.uploadLocalFileValue;
+          let {
+            value,
+            uploadLocalFileValue
+          } = this.state;
           let newValue = value.concat(uploadLocalFileValue);
           this.setState({
             value: newValue
@@ -111,11 +112,13 @@ class PCFileEditor extends _react.default.Component {
     };
     this.addUploadedFile = fileMessageList => {
       const uploadLocalFileValue = [...this.state.uploadLocalFileValue, ...fileMessageList.map(_ref => {
-        let name = _ref.name,
-          size = _ref.size,
-          type = _ref.type,
-          url = _ref.url,
-          mtime = _ref.mtime;
+        let {
+          name,
+          size,
+          type,
+          url,
+          mtime
+        } = _ref;
         return {
           name,
           size,
@@ -130,7 +133,9 @@ class PCFileEditor extends _react.default.Component {
       });
     };
     this.renderHeader = () => {
-      let editorView = this.state.editorView;
+      let {
+        editorView
+      } = this.state;
       // if (this.props.isInModal) {
       //   return (<span>{getLocale('Add_files')}</span>);
       // }
@@ -150,10 +155,11 @@ class PCFileEditor extends _react.default.Component {
       });
     };
     this.showImageListPreviewer = () => {
-      let _this$state2 = this.state,
-        value = _this$state2.value,
-        uploadLocalFileValue = _this$state2.uploadLocalFileValue,
-        imageLinkValue = _this$state2.imageLinkValue;
+      let {
+        value,
+        uploadLocalFileValue,
+        imageLinkValue
+      } = this.state;
       let newValue = value.concat(uploadLocalFileValue, imageLinkValue);
       this.setState({
         value: newValue
@@ -196,13 +202,15 @@ class PCFileEditor extends _react.default.Component {
       let fileItem = newValue[index];
       if (!this.props.renameFile) return;
       this.props.renameFile(fileItem, newName).then(res => {
-        const _res$data = res.data,
-          name = _res$data.name,
-          url = _res$data.url;
-        fileItem = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, fileItem), {}, {
+        const {
           name,
           url
-        });
+        } = res.data;
+        fileItem = {
+          ...fileItem,
+          name,
+          url
+        };
         newValue[index] = fileItem;
         this.setState({
           value: newValue

package/lib/FileFormatter/index.js

@@ -1,12 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 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 _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _FileItemFormatter = _interopRequireDefault(require("../FileItemFormatter"));
@@ -15,33 +14,27 @@ var _url = require("../utils/url");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const FileFormatter = _ref => {
-  let _ref$isSample = _ref.isSample,
-    isSample = _ref$isSample === void 0 ? false : _ref$isSample,
-    _ref$value = _ref.value,
-    value = _ref$value === void 0 ? [] : _ref$value,
-    _ref$containerClassNa = _ref.containerClassName,
-    containerClassName = _ref$containerClassNa === void 0 ? '' : _ref$containerClassNa,
-    renderItem = _ref.renderItem,
-    _ref$isSupportOpenFil = _ref.isSupportOpenFile,
-    isSupportOpenFile = _ref$isSupportOpenFil === void 0 ? false : _ref$isSupportOpenFil,
-    onOpenFile = _ref.onOpenFile,
-    server = _ref.server,
-    workspaceID = _ref.workspaceID,
-    dtableUuid = _ref.dtableUuid,
-    downloadImage = _ref.downloadImage;
-  const _useState = (0, _react.useState)(-1),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    largeImageIndex = _useState2[0],
-    setLargeImageIndex = _useState2[1];
-  const _useState3 = (0, _react.useState)([]),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    fileImageUrlList = _useState4[0],
-    setFileImageUrlList = _useState4[1];
+  let {
+    isSample = false,
+    value = [],
+    containerClassName = '',
+    renderItem,
+    isSupportOpenFile = false,
+    onOpenFile,
+    server,
+    workspaceID,
+    dtableUuid,
+    downloadImage
+  } = _ref;
+  const [largeImageIndex, setLargeImageIndex] = (0, _react.useState)(-1);
+  const [fileImageUrlList, setFileImageUrlList] = (0, _react.useState)([]);
   const getFileItemImageUrlList = (0, _react.useCallback)(value => {
     let newFileImageUrlList = [];
     value.forEach(fileItem => {
-      const url = fileItem.url,
-        name = fileItem.name;
+      const {
+        url,
+        name
+      } = fileItem;
       let assetFileIndex = typeof url === 'string' ? url.indexOf('/asset') : -1;
       if (assetFileIndex > -1) {
         const isImage = (0, _url.imageCheck)(name);
@@ -97,7 +90,7 @@ const FileFormatter = _ref => {
         file: item
       }), value.length !== 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
         className: "file-item-count",
-        children: "+".concat(value.length)
+        children: `+${value.length}`
       })]
     });
   }

package/lib/FileItemFormatter/index.js

@@ -9,15 +9,18 @@ var _react = _interopRequireDefault(require("react"));
 var _url = require("../utils/url");
 var _jsxRuntime = require("react/jsx-runtime");
 const FileItemFormatter = _ref => {
-  let file = _ref.file,
-    config = _ref.config,
-    openFile = _ref.openFile;
-  const _getFileThumbnailInfo = (0, _url.getFileThumbnailInfo)(file, config),
-    fileIconUrl = _getFileThumbnailInfo.fileIconUrl,
-    isImage = _getFileThumbnailInfo.isImage;
+  let {
+    file,
+    config,
+    openFile
+  } = _ref;
+  const {
+    fileIconUrl,
+    isImage
+  } = (0, _url.getFileThumbnailInfo)(file, config);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
     onClick: () => openFile && openFile(file),
-    className: "file-item-icon ".concat(isImage ? 'img' : ''),
+    className: `file-item-icon ${isImage ? 'img' : ''}`,
     src: fileIconUrl,
     alt: (file === null || file === void 0 ? void 0 : file.name) || ''
   });

package/lib/FileUploader/index.js

@@ -27,9 +27,10 @@ class FileUploader extends _react.default.Component {
       this.uploadFileRef.click();
     };
     this.onDragEnter = e => {
-      const _this$props = this.props,
-        isSupportDragDrop = _this$props.isSupportDragDrop,
-        updateParentTips = _this$props.updateParentTips;
+      const {
+        isSupportDragDrop,
+        updateParentTips
+      } = this.props;
       if (isSupportDragDrop) {
         e.preventDefault();
         this.enteredCounter++;
@@ -39,16 +40,19 @@ class FileUploader extends _react.default.Component {
       }
     };
     this.onDragOver = e => {
-      const isSupportDragDrop = this.props.isSupportDragDrop;
+      const {
+        isSupportDragDrop
+      } = this.props;
       if (isSupportDragDrop) {
         e.stopPropagation();
         e.preventDefault();
       }
     };
     this.onDragLeave = e => {
-      const _this$props2 = this.props,
-        isSupportDragDrop = _this$props2.isSupportDragDrop,
-        updateParentTips = _this$props2.updateParentTips;
+      const {
+        isSupportDragDrop,
+        updateParentTips
+      } = this.props;
       if (isSupportDragDrop) {
         this.enteredCounter--;
         if (this.enteredCounter === 0) {
@@ -57,10 +61,11 @@ class FileUploader extends _react.default.Component {
       }
     };
     this.onDrop = event => {
-      const _this$props3 = this.props,
-        isSupportDragDrop = _this$props3.isSupportDragDrop,
-        updateParentTips = _this$props3.updateParentTips,
-        onCellTipShow = _this$props3.onCellTipShow;
+      const {
+        isSupportDragDrop,
+        updateParentTips,
+        onCellTipShow
+      } = this.props;
       if (isSupportDragDrop) {
         this.enteredCounter = 0;
         updateParentTips(false);
@@ -74,7 +79,9 @@ class FileUploader extends _react.default.Component {
       }
     };
     this.onPaste = event => {
-      const isSupportPaste = this.props.isSupportPaste;
+      const {
+        isSupportPaste
+      } = this.props;
       if (isSupportPaste) {
         event.stopPropagation();
         let cliperData = (0, _getEventTransfer.default)(event);
@@ -85,17 +92,19 @@ class FileUploader extends _react.default.Component {
       }
     };
     this.onMouseEnter = () => {
-      const _this$props4 = this.props,
-        updateParentTips = _this$props4.updateParentTips,
-        uploadType = _this$props4.uploadType;
+      const {
+        updateParentTips,
+        uploadType
+      } = this.props;
       if (uploadType === 'image') {
         if (updateParentTips) updateParentTips(true, uploadType);
       }
     };
     this.onMouseLeave = () => {
-      const _this$props5 = this.props,
-        updateParentTips = _this$props5.updateParentTips,
-        uploadType = _this$props5.uploadType;
+      const {
+        updateParentTips,
+        uploadType
+      } = this.props;
       if (uploadType === 'image') {
         if (updateParentTips) updateParentTips(false, uploadType);
       }
@@ -106,10 +115,11 @@ class FileUploader extends _react.default.Component {
     this.handleFilesChange = function (files) {
       let isPasteUpload = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
       const _this = _this2;
-      const _this2$props = _this2.props,
-        uploadType = _this2$props.uploadType,
-        updateUploadFileList = _this2$props.updateUploadFileList,
-        onCellTipShow = _this2$props.onCellTipShow;
+      const {
+        uploadType,
+        updateUploadFileList,
+        onCellTipShow
+      } = _this2.props;
       let uploadFileList = [];
       let dealFileCnt = 0;
       let allFileLen = files.length;
@@ -127,7 +137,7 @@ class FileUploader extends _react.default.Component {
       for (let i = 0; i < allFileLen; i++) {
         let uploadFile = files[i];
         if (isPasteUpload && uploadFile.name === 'image.png') {
-          let newName = "image-".concat((0, _dayjs.default)().format('YYYY-MM-DD-HH-mm'), ".png");
+          let newName = `image-${(0, _dayjs.default)().format('YYYY-MM-DD-HH-mm')}.png`;
           uploadFile = new File([uploadFile], newName, {
             type: uploadFile.type
           });
@@ -187,7 +197,9 @@ class FileUploader extends _react.default.Component {
       });
     };
     this.handleFileChange = (fileMessage, callback) => {
-      const onFileUploadFailed = this.props.onFileUploadFailed;
+      const {
+        onFileUploadFailed
+      } = this.props;
       this.uploadFile(fileMessage).then(res => {
         const data = res;
         this.uploadFileMessage({
@@ -208,9 +220,10 @@ class FileUploader extends _react.default.Component {
       });
     };
     this.uploadFileMessage = _ref => {
-      let _ref$data = _ref.data,
-        data = _ref$data === void 0 ? {} : _ref$data,
-        fileMessage = _ref.fileMessage;
+      let {
+        data = {},
+        fileMessage
+      } = _ref;
       fileMessage.name = data.name;
       fileMessage.isUploading = false;
       fileMessage.size = data.size;
@@ -226,7 +239,9 @@ class FileUploader extends _react.default.Component {
       this.handleFileChange(fileMessage);
     };
     this.onUploadProgress = (event, fileMessage) => {
-      const onFileUploadProgress = this.props.onFileUploadProgress;
+      const {
+        onFileUploadProgress
+      } = this.props;
       let uploadPercent = Math.floor(event.loaded / event.total * 100);
       fileMessage.percent = uploadPercent;
       if (onFileUploadProgress) onFileUploadProgress(fileMessage);
@@ -241,7 +256,9 @@ class FileUploader extends _react.default.Component {
     };
   }
   render() {
-    const uploadType = this.props.uploadType;
+    const {
+      uploadType
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       onDragEnter: this.onDragEnter,
       onDragOver: this.onDragOver,

package/lib/FormulaFormatter/index.js

@@ -5,7 +5,6 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _dtableUtils = require("dtable-utils");
 var _baseFormatterConfig = _interopRequireDefault(require("../formatterConfig/base-formatter-config"));
@@ -32,10 +31,12 @@ class FormulaFormatter extends _react.default.Component {
       }
     };
     this.renderCellValue = (cellValue, resultType) => {
-      const containerClassName = this.props.containerClassName;
+      const {
+        containerClassName
+      } = this.props;
       const gridCellClassName = this.getGridCellClassName(resultType);
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-        className: "dtable-ui cell-formatter-container formula-formatter ".concat(containerClassName, " ").concat(gridCellClassName),
+        className: `dtable-ui cell-formatter-container formula-formatter ${containerClassName} ${gridCellClassName}`,
         title: cellValue,
         "aria-label": cellValue,
         children: cellValue
@@ -45,13 +46,18 @@ class FormulaFormatter extends _react.default.Component {
       return this.renderCellValue(errorValue, resultType);
     };
     this.renderOtherColumnFormatter = () => {
-      const _this$props = this.props,
-        value = _this$props.value,
-        column = _this$props.column,
-        collaborators = _this$props.collaborators;
-      const columnData = column.data;
-      const array_type = columnData.array_type,
-        array_data = columnData.array_data;
+      const {
+        value,
+        column,
+        collaborators
+      } = this.props;
+      const {
+        data: columnData
+      } = column;
+      const {
+        array_type,
+        array_data
+      } = columnData;
       if (!array_type || array_type === _dtableUtils.CellType.LINK) {
         return null;
       }
@@ -66,7 +72,7 @@ class FormulaFormatter extends _react.default.Component {
       if (!Array.isArray(value)) {
         cellValue = (0, _cellValueValidator.default)(value, array_type) ? [value] : [];
       }
-      const contentItemClassName = "formula-formatter-content-item ".concat(_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : '');
+      const contentItemClassName = `formula-formatter-content-item ${_isSimpleCellFormatterColumn ? 'simple-cell-formatter' : ''}`;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "dtable-ui formula-formatter multiple",
         children: cellValue.map((v, index) => {
@@ -74,7 +80,7 @@ class FormulaFormatter extends _react.default.Component {
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             className: contentItemClassName,
             children: this.createColumnFormatter(Formatter, formatterProps)
-          }, "formula-formatter-content-item-".concat(index));
+          }, `formula-formatter-content-item-${index}`);
         })
       });
     };
@@ -82,7 +88,9 @@ class FormulaFormatter extends _react.default.Component {
       switch (array_type) {
         case _dtableUtils.CellType.DURATION:
           {
-            const duration_format = array_data.duration_format;
+            const {
+              duration_format
+            } = array_data;
             return {
               format: duration_format
             };
@@ -97,30 +105,42 @@ class FormulaFormatter extends _react.default.Component {
           }
         default:
           {
-            return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, array_data), {}, {
+            return {
+              ...array_data,
               collaborators
-            });
+            };
           }
       }
     };
   }
   createColumnFormatter(Formatter, formatterProps) {
     if (/*#__PURE__*/_react.default.isValidElement(Formatter)) {
-      return /*#__PURE__*/_react.default.cloneElement(Formatter, (0, _objectSpread2.default)({}, formatterProps));
+      return /*#__PURE__*/_react.default.cloneElement(Formatter, {
+        ...formatterProps
+      });
     } else if ((0, _utils2.isFunction)(Formatter)) {
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, (0, _objectSpread2.default)({}, formatterProps));
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, {
+        ...formatterProps
+      });
     }
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, (0, _objectSpread2.default)({}, formatterProps));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, {
+      ...formatterProps
+    });
   }
   render() {
-    const _this$props2 = this.props,
-      column = _this$props2.column,
-      collaborators = _this$props2.collaborators;
-    const data = column.data;
+    const {
+      column,
+      collaborators
+    } = this.props;
+    const {
+      data
+    } = column;
     let value = this.props.value;
     if (!data || !value && value !== 0 && value !== false) return null;
-    const array_type = data.array_type,
-      resultType = data.result_type;
+    const {
+      array_type,
+      result_type: resultType
+    } = data;
     if (_dtableUtils.DISPLAY_INTERNAL_ERRORS.includes(value)) {
       return this.renderInternalErrorValue(value, resultType);
     }

package/lib/GeolocationEditor/index.js

@@ -6,33 +6,34 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["isMobile", "config"];
 const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let isMobile = _ref.isMobile,
-    propsConfig = _ref.config,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  let {
+    isMobile,
+    config: propsConfig,
+    ...props
+  } = _ref;
   const config = (0, _react.useMemo)(() => {
     var _window;
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (_window = window) === null || _window === void 0 ? void 0 : _window.dtable), propsConfig);
+    return {
+      ...((_window = window) === null || _window === void 0 ? void 0 : _window.dtable),
+      ...propsConfig
+    };
   }, [propsConfig]);
   const getLocationData = (0, _react.useCallback)(() => {
     var _window2, _window2$app;
     if ((_window2 = window) !== null && _window2 !== void 0 && (_window2$app = _window2.app) !== null && _window2$app !== void 0 && _window2$app.location) return new Promise((resolve, reject) => {
       resolve(window.app.location);
     });
-    const _ref2 = config || {},
-      _ref2$server = _ref2.server,
-      server = _ref2$server === void 0 ? '' : _ref2$server,
-      _ref2$mediaUrl = _ref2.mediaUrl,
-      mediaUrl = _ref2$mediaUrl === void 0 ? '' : _ref2$mediaUrl;
-    return fetch("".concat(server).concat(mediaUrl, "geo-data/cn-location.json").replaceAll('//', '/')).then(res => {
+    const {
+      server = '',
+      mediaUrl = ''
+    } = config || {};
+    return fetch(`${server}${mediaUrl}geo-data/cn-location.json`.replaceAll('//', '/')).then(res => {
       // get locations from server
       return res.json();
     }).catch(() => {
@@ -49,16 +50,16 @@ const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     if (lang !== 'cn' && window.app.countryListEn) return new Promise((resolve, reject) => {
       resolve(window.app.countryListEn);
     });
-    const _config$mediaUrl = config.mediaUrl,
-      mediaUrl = _config$mediaUrl === void 0 ? '' : _config$mediaUrl,
-      _config$server = config.server,
-      server = _config$server === void 0 ? '' : _config$server;
+    const {
+      mediaUrl = '',
+      server = ''
+    } = config;
     const geoFileName = lang === 'cn' ? 'cn-region-location' : 'en-region-location';
-    return fetch("".concat(server).concat(mediaUrl, "geo-data/").concat(geoFileName, ".json").replaceAll('//', '/')).then(res => {
+    return fetch(`${server}${mediaUrl}geo-data/${geoFileName}.json`.replaceAll('//', '/')).then(res => {
       return res.json();
     }).catch(() => {
       // get locations from local
-      return fetch("./geo-data/".concat(geoFileName, ".json")).then(res => {
+      return fetch(`./geo-data/${geoFileName}.json`).then(res => {
         return res.json();
       });
     }).then(res => {
@@ -71,35 +72,39 @@ const GeolocationEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       return data;
     });
   }, [config]);
-  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+    ...props,
     config: config,
     getLocationData: getLocationData,
     getCountryData: getCountryData,
     ref: ref
-  }));
-  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  });
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+    ...props,
     config: config,
     getLocationData: getLocationData,
     getCountryData: getCountryData,
     ref: ref
-  }));
+  });
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(min-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
         config: config,
         getLocationData: getLocationData,
         getCountryData: getCountryData,
         ref: ref
-      }))
+      })
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
       query: "(max-width: 768px)",
-      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
         config: config,
         getLocationData: getLocationData,
         getCountryData: getCountryData,
         ref: ref
-      }))
+      })
     })]
   });
 });