dtable-ui-component 6.0.49 → 6.0.50

package/lib/ImageEditor/pc-editor/images-previewer/index.js

@@ -13,6 +13,7 @@ var _utils = require("../../utils/utils");
 var _constants = require("../../constants");
 var _lang = require("../../lang");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class ImagesPreviewer extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -104,37 +105,39 @@ class ImagesPreviewer extends _react.default.Component {
     let {
       value
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-image-previewer-container"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-image-previewer-wrapper ".concat(value.length === 0 && _constants.isMobile ? 'd-none' : '')
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-image-previewer-content"
-    }, value.length > 0 && value.map((imageItemUrl, index) => {
-      return /*#__PURE__*/_react.default.createElement(_imagePreview.default, {
-        key: imageItemUrl + index,
-        imageItemUrl: imageItemUrl,
-        value: value,
-        itemIndex: index,
-        deleteImage: this.props.deleteImage,
-        showLargeImage: this.showLargeImage,
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dtable-ui-image-previewer-container",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui-image-previewer-wrapper ".concat(value.length === 0 && _constants.isMobile ? 'd-none' : ''),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dtable-ui-image-previewer-content",
+          children: value.length > 0 && value.map((imageItemUrl, index) => {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_imagePreview.default, {
+              imageItemUrl: imageItemUrl,
+              value: value,
+              itemIndex: index,
+              deleteImage: this.props.deleteImage,
+              showLargeImage: this.showLargeImage,
+              downloadImage: this.downloadImage,
+              enterImageItemIndex: this.state.enterImageItemIndex,
+              setImageItemIndex: this.setImageItemIndex
+            }, imageItemUrl + index);
+          })
+        })
+      }), this.state.isShowLargeImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagePreviewerLightbox.default, {
+        imageItems: value,
+        imageIndex: this.state.largeImageIndex,
+        closeImagePopup: this.hideLargeImage,
+        moveToPrevImage: this.movePrev,
+        moveToNextImage: this.moveNext,
+        deleteImage: this.props.deleteImage ? this.deleteImage : null,
         downloadImage: this.downloadImage,
-        enterImageItemIndex: this.state.enterImageItemIndex,
-        setImageItemIndex: this.setImageItemIndex
-      });
-    }))), this.state.isShowLargeImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
-      imageItems: value,
-      imageIndex: this.state.largeImageIndex,
-      closeImagePopup: this.hideLargeImage,
-      moveToPrevImage: this.movePrev,
-      moveToNextImage: this.moveNext,
-      deleteImage: this.props.deleteImage ? this.deleteImage : null,
-      downloadImage: this.downloadImage,
-      onRotateImage: this.props.onRotateImage
-    }), /*#__PURE__*/_react.default.createElement(_DTableCommonAddTool.default, {
-      callBack: this.togglePreviewer,
-      footerName: (0, _lang.getLocale)('Add_images')
-    }));
+        onRotateImage: this.props.onRotateImage
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableCommonAddTool.default, {
+        callBack: this.togglePreviewer,
+        footerName: (0, _lang.getLocale)('Add_images')
+      })]
+    });
   }
 }
 var _default = exports.default = ImagesPreviewer;

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

@@ -14,6 +14,7 @@ var _DTableModalHeader = _interopRequireDefault(require("../../DTableModalHeader
 var _lang = require("../../lang");
 var _constants2 = require("../constants");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class PCImageEditor extends _react.default.Component {
   constructor(props) {
     var _this;
@@ -117,17 +118,24 @@ class PCImageEditor extends _react.default.Component {
         editorView
       } = this.state;
       if (this.props.isInModal) {
-        return /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Add_images'));
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: (0, _lang.getLocale)('Add_images')
+        });
       }
       if (editorView === _constants.FILE_EDITOR_STATUS.PREVIEWER) {
-        return /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('All_images'));
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: (0, _lang.getLocale)('All_images')
+        });
       }
-      return /*#__PURE__*/_react.default.createElement("div", {
-        onClick: this.showImageListPreviewer
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        "aria-hidden": "true",
-        className: "dtable-font dtable-icon-return mr-2"
-      }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Add_images')));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        onClick: this.showImageListPreviewer,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          "aria-hidden": "true",
+          className: "dtable-font dtable-icon-return mr-2"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: (0, _lang.getLocale)('Add_images')
+        })]
+      });
     };
     this.showImageListPreviewer = () => {
       let {
@@ -162,33 +170,37 @@ class PCImageEditor extends _react.default.Component {
     };
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.Modal, {
       className: "dtable-ui-image-editor-dialog",
       contentClassName: "dtable-ui-image-editor-modal",
       isOpen: this.state.isOpen,
-      toggle: this.toggle
-    }, /*#__PURE__*/_react.default.createElement(_DTableModalHeader.default, {
-      toggle: this.toggle
-    }, this.renderHeader()), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
-      className: "p-0"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-image-editor-container"
-    }, this.state.editorView === _constants.FILE_EDITOR_STATUS.PREVIEWER && /*#__PURE__*/_react.default.createElement(_imagesPreviewer.default, {
-      value: this.state.value,
-      togglePreviewer: this.togglePreviewer,
-      deleteImage: this.deleteImage,
-      resetAdditionImage: this.resetAdditionImage
-    }), this.state.editorView === _constants.FILE_EDITOR_STATUS.ADDITION && /*#__PURE__*/_react.default.createElement(_additionPreviewer.default, {
-      deleteImage: this.deleteImage,
-      handleFilesChange: this.handleFilesChange,
-      uploadLocalImageValue: this.state.uploadLocalImageValue,
-      togglePreviewer: this.togglePreviewer,
-      saveImageLink: this.saveImageLink,
-      fileUploadCompleted: this.fileUploadCompleted,
-      addUploadedFile: this.addUploadedFile,
-      showImageListPreviewer: this.showImageListPreviewer,
-      uploadFile: this.uploadFile
-    }))));
+      toggle: this.toggle,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableModalHeader.default, {
+        toggle: this.toggle,
+        children: this.renderHeader()
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.ModalBody, {
+        className: "p-0",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-image-editor-container",
+          children: [this.state.editorView === _constants.FILE_EDITOR_STATUS.PREVIEWER && /*#__PURE__*/(0, _jsxRuntime.jsx)(_imagesPreviewer.default, {
+            value: this.state.value,
+            togglePreviewer: this.togglePreviewer,
+            deleteImage: this.deleteImage,
+            resetAdditionImage: this.resetAdditionImage
+          }), this.state.editorView === _constants.FILE_EDITOR_STATUS.ADDITION && /*#__PURE__*/(0, _jsxRuntime.jsx)(_additionPreviewer.default, {
+            deleteImage: this.deleteImage,
+            handleFilesChange: this.handleFilesChange,
+            uploadLocalImageValue: this.state.uploadLocalImageValue,
+            togglePreviewer: this.togglePreviewer,
+            saveImageLink: this.saveImageLink,
+            fileUploadCompleted: this.fileUploadCompleted,
+            addUploadedFile: this.addUploadedFile,
+            showImageListPreviewer: this.showImageListPreviewer,
+            uploadFile: this.uploadFile
+          })]
+        })
+      })]
+    });
   }
 }
 var _default = exports.default = PCImageEditor;

package/lib/ImageFormatter/images-lazy-load.js

@@ -9,6 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _Loading = _interopRequireDefault(require("../Loading"));
 var _url = require("../utils/url");
+var _jsxRuntime = require("react/jsx-runtime");
 const ImagesLazyLoad = _ref => {
   let {
     images,
@@ -91,10 +92,11 @@ const ImagesLazyLoad = _ref => {
     const style = {
       marginLeft: '4px'
     };
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       style: style,
-      className: "d-flex align-items-center"
-    }, /*#__PURE__*/_react.default.createElement(_Loading.default, null));
+      className: "d-flex align-items-center",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Loading.default, {})
+    });
   }
   return loadedImages.map((image, index) => {
     let imageName = '';
@@ -105,7 +107,7 @@ const ImagesLazyLoad = _ref => {
       // eslint-disable-next-line no-console
       console.log(error);
     }
-    const imgDom = /*#__PURE__*/_react.default.createElement("img", {
+    const imgDom = /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
       title: imageName,
       className: "image-item",
       src: image === null || image === void 0 ? void 0 : image.src,
@@ -113,12 +115,12 @@ const ImagesLazyLoad = _ref => {
       onClick: event => handleImageClick(event, index),
       alt: ""
     });
-    if (renderItem) return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-      key: index
-    }, renderItem(imgDom));
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, {
-      key: index
-    }, imgDom);
+    if (renderItem) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+      children: renderItem(imgDom)
+    }, index);
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_react.Fragment, {
+      children: imgDom
+    }, index);
   });
 };
 var _default = exports.default = ImagesLazyLoad;

package/lib/ImageFormatter/index.js

@@ -12,6 +12,7 @@ var _imagesLazyLoad = _interopRequireDefault(require("./images-lazy-load"));
 var _ImagePreviewerLightbox = _interopRequireDefault(require("../ImagePreviewerLightbox"));
 var _url = require("../utils/url");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class ImageFormatter extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -82,41 +83,46 @@ class ImageFormatter extends _react.default.Component {
     if (isSample) {
       let item = value[0];
       let url = (0, _url.getImageThumbnailUrl)(item, server);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        className: className
-      }, /*#__PURE__*/_react.default.createElement("img", {
-        className: "image-item",
-        src: url,
-        alt: ""
-      }), value.length !== 1 && /*#__PURE__*/_react.default.createElement("span", {
-        className: "image-item-count"
-      }, "+".concat(value.length)));
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: className,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          className: "image-item",
+          src: url,
+          alt: ""
+        }), value.length !== 1 && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: "image-item-count",
+          children: "+".concat(value.length)
+        })]
+      });
     }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: className
-    }, /*#__PURE__*/_react.default.createElement(_imagesLazyLoad.default, {
-      images: value,
-      server: server,
-      onImageClick: this.onImageClick,
-      renderItem: this.props.renderItem,
-      dtableUuid: dtableUuid
-    })), isPreviewImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
-      imageItems: value,
-      className: lightboxClassName,
-      imageIndex: previewImageIndex,
-      closeImagePopup: this.closeImagePopup,
-      moveToPrevImage: this.movePrev,
-      moveToNextImage: this.moveNext,
-      deleteImage: this.canDelete ? this.deleteImage : null,
-      downloadImage: this.downloadImage,
-      onRotateImage: this.canRotate ? this.onRotateImage : null,
-      readOnly: readOnly,
-      server: server,
-      moveToPrevRowImage: this.props.moveToPrevRowImage,
-      moveToNextRowImage: this.props.moveToNextRowImage,
-      onViewOriginal: this.props.onViewOriginal,
-      dtableUuid: dtableUuid
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: className,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_imagesLazyLoad.default, {
+          images: value,
+          server: server,
+          onImageClick: this.onImageClick,
+          renderItem: this.props.renderItem,
+          dtableUuid: dtableUuid
+        })
+      }), isPreviewImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagePreviewerLightbox.default, {
+        imageItems: value,
+        className: lightboxClassName,
+        imageIndex: previewImageIndex,
+        closeImagePopup: this.closeImagePopup,
+        moveToPrevImage: this.movePrev,
+        moveToNextImage: this.moveNext,
+        deleteImage: this.canDelete ? this.deleteImage : null,
+        downloadImage: this.downloadImage,
+        onRotateImage: this.canRotate ? this.onRotateImage : null,
+        readOnly: readOnly,
+        server: server,
+        moveToPrevRowImage: this.props.moveToPrevRowImage,
+        moveToNextRowImage: this.props.moveToNextRowImage,
+        onViewOriginal: this.props.onViewOriginal,
+        dtableUuid: dtableUuid
+      })]
+    });
   }
 }
 ImageFormatter.defaultProps = {

package/lib/ImagePreviewerLightbox/index.js

@@ -12,6 +12,7 @@ var _url = require("../utils/url");
 var _lang = require("../lang");
 require("@seafile/react-image-lightbox/style.css");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 function ImagePreviewerLightbox(props) {
   const {
     imageItems,
@@ -61,14 +62,17 @@ function ImagePreviewerLightbox(props) {
       size: 512
     });
   }
-  const imageTitleDOM = props.imageTitle || /*#__PURE__*/_react.default.createElement("span", {
-    className: "d-flex"
-  }, /*#__PURE__*/_react.default.createElement("span", {
-    className: "text-truncate"
-  }, imageName), /*#__PURE__*/_react.default.createElement("span", {
-    className: "flex-shrink-0 pl-1"
-  }, "(", imageIndex + 1, "/", imagesLength, ")"));
-  return /*#__PURE__*/_react.default.createElement(_reactImageLightbox.default, {
+  const imageTitleDOM = props.imageTitle || /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+    className: "d-flex",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+      className: "text-truncate",
+      children: imageName
+    }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+      className: "flex-shrink-0 pl-1",
+      children: ["(", imageIndex + 1, "/", imagesLength, ")"]
+    })]
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactImageLightbox.default, {
     wrapperClassName: (0, _classnames.default)('dtable-ui-component', className),
     imageTitle: imageTitleDOM,
     mainSrc: mainSrc,

package/lib/ImageThumbnail/index.js

@@ -13,6 +13,7 @@ var _url = require("../utils/url");
 var _lang = require("../lang");
 var _constants = require("../constants");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class ImageThumbnail extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -95,44 +96,51 @@ class ImageThumbnail extends _react.default.Component {
     const {
       imageThumbnailUrl
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('dtable-ui-image-thumbnail', className),
-      onClick: this.onClick,
-      ref: ref => this.ref = ref
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      src: imageThumbnailUrl,
-      id: "item-image-".concat(index),
-      alt: ""
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-image-icons-choice"
-    }, downloadImage && /*#__PURE__*/_react.default.createElement("span", {
-      className: "image-icon",
-      onClick: this.downloadImage
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-download"
-    })), /*#__PURE__*/_react.default.createElement("span", {
-      className: "image-icon",
-      onClick: this.onClickDelete
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-fork-number"
-    })))), this.state.showTip && /*#__PURE__*/_react.default.createElement(_DeleteTip.default, {
-      position: this.position,
-      toggle: this.closeTip,
-      handleDelete: this.deleteImage,
-      deleteTip: this.props.deleteTip || (0, _lang.getLocale)('Are_you_sure_you_want_to_delete_this_image')
-    }), !_constants.isMobile && this.ref && /*#__PURE__*/_react.default.createElement(_reactstrap.Tooltip, {
-      placement: "bottom",
-      isOpen: this.state.isTooltipOpen,
-      toggle: this.toggle,
-      target: this.ref,
-      delay: {
-        show: 0,
-        hide: 0
-      },
-      fade: false
-    }, name || (0, _url.getFileName)(src)));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: (0, _classnames.default)('dtable-ui-image-thumbnail', className),
+        onClick: this.onClick,
+        ref: ref => this.ref = ref,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: imageThumbnailUrl,
+          id: "item-image-".concat(index),
+          alt: ""
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-image-icons-choice",
+          children: [downloadImage && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "image-icon",
+            onClick: this.downloadImage,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+              "aria-hidden": "true",
+              className: "dtable-font dtable-icon-download"
+            })
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "image-icon",
+            onClick: this.onClickDelete,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+              "aria-hidden": "true",
+              className: "dtable-font dtable-icon-fork-number"
+            })
+          })]
+        })]
+      }), this.state.showTip && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteTip.default, {
+        position: this.position,
+        toggle: this.closeTip,
+        handleDelete: this.deleteImage,
+        deleteTip: this.props.deleteTip || (0, _lang.getLocale)('Are_you_sure_you_want_to_delete_this_image')
+      }), !_constants.isMobile && this.ref && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Tooltip, {
+        placement: "bottom",
+        isOpen: this.state.isTooltipOpen,
+        toggle: this.toggle,
+        target: this.ref,
+        delay: {
+          show: 0,
+          hide: 0
+        },
+        fade: false,
+        children: name || (0, _url.getFileName)(src)
+      })]
+    });
   }
 }
 var _default = exports.default = ImageThumbnail;

package/lib/InputItem/custom-input.js

@@ -13,6 +13,7 @@ var _class = require("../utils/class");
 var _exenv = require("../utils/exenv");
 var _customKeyboard = _interopRequireDefault(require("./custom-keyboard"));
 var _portal = _interopRequireDefault(require("./portal"));
+var _jsxRuntime = require("react/jsx-runtime");
 let customNumberKeyboard = null;
 const IS_REACT_16 = !!ReactDOM.createPortal;
 function getBodyScrollTop() {
@@ -231,7 +232,7 @@ class NumberInput extends React.Component {
       moneyKeyboardHeader,
       disabledKeys
     } = this.props;
-    return /*#__PURE__*/React.createElement(_customKeyboard.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_customKeyboard.default, {
       ref: this.saveRef,
       onClick: this.onKeyboardClick,
       prefixCls: keyboardPrefixCls,
@@ -258,9 +259,10 @@ class NumberInput extends React.Component {
   }
   renderCustomKeyboard() {
     if (IS_REACT_16) {
-      this.keyBoard = /*#__PURE__*/React.createElement(_portal.default, {
-        getContainer: () => this.getContainer()
-      }, this.getComponent());
+      this.keyBoard = /*#__PURE__*/(0, _jsxRuntime.jsx)(_portal.default, {
+        getContainer: () => this.getContainer(),
+        children: this.getComponent()
+      });
     } else {
       const container = this.getContainer();
       const root = ReactDOM.createRoot(container);
@@ -292,20 +294,23 @@ class NumberInput extends React.Component {
     const fakeInputContainerCls = (0, _classnames.default)('fake-input-container', {
       'fake-input-container-left': moneyKeyboardAlign === 'left'
     });
-    return /*#__PURE__*/React.createElement("div", {
-      className: fakeInputContainerCls
-    }, value === '' &&
-    /*#__PURE__*/
-    // tslint:disable-next-line:jsx-no-multiline-js
-    React.createElement("div", {
-      className: "fake-input-placeholder"
-    }, placeholder), /*#__PURE__*/React.createElement("div", {
-      role: "textbox",
-      "aria-label": value || placeholder,
-      className: fakeInputCls,
-      ref: el => this.inputRef = el,
-      onClick: preventKeyboard ? () => {} : this.onFakeInputClick
-    }, value), this.renderPortal());
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: fakeInputContainerCls,
+      children: [value === '' &&
+      /*#__PURE__*/
+      // tslint:disable-next-line:jsx-no-multiline-js
+      (0, _jsxRuntime.jsx)("div", {
+        className: "fake-input-placeholder",
+        children: placeholder
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        role: "textbox",
+        "aria-label": value || placeholder,
+        className: fakeInputCls,
+        ref: el => this.inputRef = el,
+        onClick: preventKeyboard ? () => {} : this.onFakeInputClick,
+        children: value
+      }), this.renderPortal()]
+    });
   }
 }
 NumberInput.defaultProps = {