dtable-ui-component 6.0.49 → 6.0.50

package/lib/RowExpandFormatter/formula-formatter/index.js

@@ -16,6 +16,7 @@ var _cellValueValidator = _interopRequireDefault(require("../../FormulaFormatter
 var _toaster = _interopRequireDefault(require("../../toaster"));
 var _lang = require("../../lang");
 require("../../FormulaFormatter/index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandFormulaFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -67,10 +68,11 @@ class RowExpandFormulaFormatter extends _react.default.Component {
           position: 'relative'
         };
       }
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "d-flex align-items-center form-control disabled h-auto",
-        style: style
-      }, dom);
+        style: style,
+        children: dom
+      });
     };
     this.renderCellValue = (cellValue, resultType) => {
       const {
@@ -78,11 +80,12 @@ class RowExpandFormulaFormatter extends _react.default.Component {
       } = this.props;
       const customClassName = this.getGridCellClassName(resultType);
       const className = "dtable-ui cell-formatter-container formula-formatter ".concat(containerClassName, " ").concat(customClassName);
-      return this.renderBorder( /*#__PURE__*/_react.default.createElement("div", {
+      return this.renderBorder( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: className,
         title: cellValue,
-        "aria-label": cellValue
-      }, cellValue));
+        "aria-label": cellValue,
+        children: cellValue
+      }));
     };
     this.renderInternalErrorValue = (errorValue, resultType) => {
       return this.renderCellValue(errorValue, resultType);
@@ -122,27 +125,28 @@ class RowExpandFormulaFormatter extends _react.default.Component {
         formulaEmail = cellValue[0];
         formulaEmail = formulaEmail ? formulaEmail.trim() : '';
       }
-      return this.renderBorder( /*#__PURE__*/_react.default.createElement("div", {
-        className: "dtable-ui formula-formatter multiple"
-      }, cellValue.map((v, index) => {
-        formatterProps.value = v;
-        return /*#__PURE__*/_react.default.createElement("div", {
-          className: (0, _classnames.default)('formula-formatter-content-item', {
-            'simple-cell-formatter': (0, _utils.isSimpleCellFormatter)(array_type)
-          }, {
-            'formula-url-formatter-column': formulaUrl || formulaEmail
-          }),
-          key: "formula-formatter-content-item-".concat(index)
-        }, formulaUrl && /*#__PURE__*/_react.default.createElement("span", {
-          "aria-hidden": "true",
-          className: "dtable-font dtable-icon-url formula-url-link",
-          onClick: this.onOpenUrlLink.bind(this, formulaUrl)
-        }), formulaEmail && /*#__PURE__*/_react.default.createElement("span", {
-          "aria-hidden": "true",
-          className: "dtable-font dtable-icon-email formula-email-link",
-          onClick: this.onOpenEmailLink.bind(this, formulaEmail)
-        }), this.createColumnFormatter(Formatter, formatterProps));
-      })));
+      return this.renderBorder( /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "dtable-ui formula-formatter multiple",
+        children: cellValue.map((v, index) => {
+          formatterProps.value = v;
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+            className: (0, _classnames.default)('formula-formatter-content-item', {
+              'simple-cell-formatter': (0, _utils.isSimpleCellFormatter)(array_type)
+            }, {
+              'formula-url-formatter-column': formulaUrl || formulaEmail
+            }),
+            children: [formulaUrl && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              "aria-hidden": "true",
+              className: "dtable-font dtable-icon-url formula-url-link",
+              onClick: this.onOpenUrlLink.bind(this, formulaUrl)
+            }), formulaEmail && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              "aria-hidden": "true",
+              className: "dtable-font dtable-icon-email formula-email-link",
+              onClick: this.onOpenEmailLink.bind(this, formulaEmail)
+            }), this.createColumnFormatter(Formatter, formatterProps)]
+          }, "formula-formatter-content-item-".concat(index));
+        })
+      }));
     };
     this.getFormatterProps = (array_type, array_data, collaborators, departments) => {
       switch (array_type) {
@@ -192,9 +196,13 @@ class RowExpandFormulaFormatter extends _react.default.Component {
         ...formatterProps
       });
     } else if ((0, _utils2.isFunction)(Formatter)) {
-      return /*#__PURE__*/_react.default.createElement(Formatter, formatterProps);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(Formatter, {
+        ...formatterProps
+      });
     } else {
-      return /*#__PURE__*/_react.default.createElement(_TextFormatter.default, formatterProps);
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, {
+        ...formatterProps
+      });
     }
   }
   render() {

package/lib/RowExpandFormatter/image-formatter/index.js

@@ -11,6 +11,7 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _rowExpandImageItemFormatter = _interopRequireDefault(require("./row-expand-image-item-formatter"));
 var _ImagePreviewerLightbox = _interopRequireDefault(require("../../ImagePreviewerLightbox"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandImageFormatter extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -61,34 +62,36 @@ class RowExpandImageFormatter extends _react.default.Component {
     if (!Array.isArray(value) || value.length === 0) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('dtable-ui cell-formatter-container row-expand-image-formatter', containerClassName)
-    }, value.map((item, index) => {
-      return /*#__PURE__*/_react.default.createElement(_rowExpandImageItemFormatter.default, {
-        url: item,
-        key: index,
-        index: index,
-        column: column,
-        downloadFile: this.props.downloadImage,
-        deleteFile: this.props.deleteFile,
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: (0, _classnames.default)('dtable-ui cell-formatter-container row-expand-image-formatter', containerClassName),
+        children: value.map((item, index) => {
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)(_rowExpandImageItemFormatter.default, {
+            url: item,
+            index: index,
+            column: column,
+            downloadFile: this.props.downloadImage,
+            deleteFile: this.props.deleteFile,
+            readOnly: readOnly,
+            onImageClick: this.onImageClick
+          }, index);
+        })
+      }), isPreviewImage && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImagePreviewerLightbox.default, {
+        imageItems: value,
+        imageIndex: previewImageIndex,
+        closeImagePopup: this.closeImagePopup,
+        moveToPrevImage: this.movePrev,
+        moveToNextImage: this.moveNext,
+        deleteImage: this.props.deleteFile,
+        downloadImage: this.props.downloadImage,
+        onRotateImage: this.props.rotateImage,
+        onViewOriginal: this.props.onViewOriginal,
         readOnly: readOnly,
-        onImageClick: this.onImageClick
-      });
-    })), isPreviewImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
-      imageItems: value,
-      imageIndex: previewImageIndex,
-      closeImagePopup: this.closeImagePopup,
-      moveToPrevImage: this.movePrev,
-      moveToNextImage: this.moveNext,
-      deleteImage: this.props.deleteFile,
-      downloadImage: this.props.downloadImage,
-      onRotateImage: this.props.rotateImage,
-      onViewOriginal: this.props.onViewOriginal,
-      readOnly: readOnly,
-      server: server,
-      moveToPrevRowImage: this.props.moveToPrevRowImage,
-      moveToNextRowImage: this.props.moveToNextRowImage
-    }));
+        server: server,
+        moveToPrevRowImage: this.props.moveToPrevRowImage,
+        moveToNextRowImage: this.props.moveToNextRowImage
+      })]
+    });
   }
 }
 exports.default = RowExpandImageFormatter;

package/lib/RowExpandFormatter/image-formatter/row-expand-image-item-formatter.js

@@ -11,6 +11,7 @@ var _reactstrap = require("reactstrap");
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _lang = require("../../lang");
 var _DeleteTip = _interopRequireDefault(require("../../DeleteTip"));
+var _jsxRuntime = require("react/jsx-runtime");
 class RowExpandImageItemFormatter extends _react.Component {
   constructor(props) {
     super(props);
@@ -64,45 +65,52 @@ class RowExpandImageItemFormatter extends _react.Component {
     } = this.props;
     const id = 'image-list-preview-item' + column.key + index;
     const name = decodeURI(url.slice(url.lastIndexOf('/') + 1));
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-      key: "image-".concat(index),
-      className: "row-expand-item-image",
-      id: id,
-      onClick: this.onClickImage
-    }, /*#__PURE__*/_react.default.createElement("img", {
-      src: url,
-      id: "item-image-".concat(index),
-      alt: name
-    }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-image-icons-choice"
-    }, downloadFile && /*#__PURE__*/_react.default.createElement("span", {
-      className: "image-icon",
-      onClick: this.onClickDownload
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-download"
-    })), !readOnly && deleteFile && /*#__PURE__*/_react.default.createElement("span", {
-      className: "image-icon",
-      onClick: this.onClickDelete
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-fork-number"
-    })))), this.state.isDeleteTipOpen && /*#__PURE__*/_react.default.createElement(_DeleteTip.default, {
-      position: this.position,
-      toggle: this.closeDeleteTip,
-      handleDelete: this.onDelete,
-      deleteTip: (0, _lang.getLocale)('Are_you_sure_you_want_to_delete_this_image')
-    }), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-      query: '(min-width: 768px)'
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Tooltip, {
-      placement: "bottom",
-      isOpen: this.state.isTooltipOpen,
-      toggle: this.toggleTooltip,
-      target: id,
-      delay: {
-        show: 0,
-        hide: 0
-      },
-      fade: false
-    }, name)));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "row-expand-item-image",
+        id: id,
+        onClick: this.onClickImage,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
+          src: url,
+          id: "item-image-".concat(index),
+          alt: name
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "dtable-ui-image-icons-choice",
+          children: [downloadFile && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "image-icon",
+            onClick: this.onClickDownload,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+              className: "dtable-font dtable-icon-download"
+            })
+          }), !readOnly && deleteFile && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "image-icon",
+            onClick: this.onClickDelete,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+              className: "dtable-font dtable-icon-fork-number"
+            })
+          })]
+        })]
+      }, "image-".concat(index)), this.state.isDeleteTipOpen && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DeleteTip.default, {
+        position: this.position,
+        toggle: this.closeDeleteTip,
+        handleDelete: this.onDelete,
+        deleteTip: (0, _lang.getLocale)('Are_you_sure_you_want_to_delete_this_image')
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+        query: '(min-width: 768px)',
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Tooltip, {
+          placement: "bottom",
+          isOpen: this.state.isTooltipOpen,
+          toggle: this.toggleTooltip,
+          target: id,
+          delay: {
+            show: 0,
+            hide: 0
+          },
+          fade: false,
+          children: name
+        })
+      })]
+    });
   }
 }
 exports.default = RowExpandImageItemFormatter;