dtable-ui-component 4.4.3-2 → 4.4.3-alpha1

package/lib/RowExpandEmailFormatter/index.js

@@ -1,15 +1,8 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _editorUtils = require("../utils/editor-utils");
-require("./index.css");
-class RowExpandEmailFormatter extends _react.default.Component {
+import React from 'react';
+import classnames from 'classnames';
+import { getTrimmedString } from '../utils/editor-utils';
+import './index.css';
+class RowExpandEmailFormatter extends React.Component {
   constructor() {
     super(...arguments);
     this.onOpenEmailLink = () => {
@@ -25,15 +18,15 @@ class RowExpandEmailFormatter extends _react.default.Component {
       containerClassName,
       value
     } = this.props;
-    let classname = (0, _classnames.default)('dtable-ui cell-formatter-container email-formatter', containerClassName);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    let classname = classnames('dtable-ui cell-formatter-container email-formatter', containerClassName);
+    return /*#__PURE__*/React.createElement("div", {
       className: classname
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "email-formatter-value text-truncate"
-    }, value), (0, _editorUtils.getTrimmedString)(value) && /*#__PURE__*/_react.default.createElement("span", {
+    }, value), getTrimmedString(value) && /*#__PURE__*/React.createElement("span", {
       className: "dtable-font dtable-icon-email row-expand-jump-link",
       onClick: this.onOpenEmailLink
     }));
   }
 }
-var _default = exports.default = RowExpandEmailFormatter;
+export default RowExpandEmailFormatter;

package/lib/RowExpandFileFormatter/index.js

@@ -1,15 +1,8 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _rowExpandFileItemFormatter = _interopRequireDefault(require("./row-expand-file-item-formatter"));
-require("./index.css");
-class RowExpandFileFormatter extends _react.default.PureComponent {
+import React from 'react';
+import classname from 'classnames';
+import RowExpandFileItemFormatter from './row-expand-file-item-formatter';
+import './index.css';
+export default class RowExpandFileFormatter extends React.PureComponent {
   render() {
     let {
       value,
@@ -22,10 +15,10 @@ class RowExpandFileFormatter extends _react.default.PureComponent {
     if (!Array.isArray(value) || value.length === 0) {
       return null;
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('dtable-ui cell-formatter-container row-expand-file-formatter', containerClassName)
+    return /*#__PURE__*/React.createElement("div", {
+      className: classname('dtable-ui cell-formatter-container row-expand-file-formatter', containerClassName)
     }, value.map((item, index) => {
-      return /*#__PURE__*/_react.default.createElement(_rowExpandFileItemFormatter.default, {
+      return /*#__PURE__*/React.createElement(RowExpandFileItemFormatter, {
         file: item,
         key: index,
         index: index,
@@ -37,7 +30,6 @@ class RowExpandFileFormatter extends _react.default.PureComponent {
     }));
   }
 }
-exports.default = RowExpandFileFormatter;
 RowExpandFileFormatter.defaultProps = {
   value: [],
   containerClassName: ''

package/lib/RowExpandFileFormatter/row-expand-file-item-formatter.js

@@ -1,17 +1,9 @@
-"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 _lang = require("../lang");
-var _utils = require("../FileItemFormatter/utils");
-var _deleteTip = _interopRequireDefault(require("../common/delete-tip"));
-class RowExpandFileItemFormatter extends _react.Component {
+import React, { Component } from 'react';
+import { Tooltip } from 'reactstrap';
+import { getLocale } from '../lang';
+import { getFileIconUrl } from '../FileItemFormatter/utils';
+import DeleteTip from '../common/delete-tip';
+export default class RowExpandFileItemFormatter extends Component {
   constructor(props) {
     super(props);
     this.toggleTooltip = () => {
@@ -40,7 +32,7 @@ class RowExpandFileItemFormatter extends _react.Component {
       this.props.deleteFile(this.props.index);
     };
     this.getFileIconData = item => {
-      let fileIconUrl = (0, _utils.getFileIconUrl)(item.name, item.type);
+      let fileIconUrl = getFileIconUrl(item.name, item.type);
       return require('../FileItemFormatter/' + fileIconUrl);
     };
     this.state = {
@@ -59,32 +51,32 @@ class RowExpandFileItemFormatter extends _react.Component {
     } = this.props;
     const id = 'file-list-preview-item' + column.key + index;
     const url = this.getFileIconData(file);
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       key: "file-".concat(index),
       className: "row-expand-item-file",
       id: id
-    }, /*#__PURE__*/_react.default.createElement("img", {
+    }, /*#__PURE__*/React.createElement("img", {
       src: url,
       id: "item-file-".concat(index),
       alt: file.name
-    }), /*#__PURE__*/_react.default.createElement("div", {
+    }), /*#__PURE__*/React.createElement("div", {
       className: "dtable-file-icons-choice"
-    }, downloadFile && /*#__PURE__*/_react.default.createElement("span", {
+    }, downloadFile && /*#__PURE__*/React.createElement("span", {
       className: "file-icon",
       onClick: e => this.props.downloadFile(file, e)
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-download"
-    })), !readOnly && deleteFile && /*#__PURE__*/_react.default.createElement("span", {
+    })), !readOnly && deleteFile && /*#__PURE__*/React.createElement("span", {
       className: "file-icon",
       onClick: this.onClickDelete
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-fork-number"
-    })))), this.state.isDeleteTipOpen && /*#__PURE__*/_react.default.createElement(_deleteTip.default, {
+    })))), this.state.isDeleteTipOpen && /*#__PURE__*/React.createElement(DeleteTip, {
       position: this.position,
       toggle: this.closeDeleteTip,
       onDelete: this.onDelete,
-      deleteTip: (0, _lang.getLocale)('Are_you_sure_you_want_to_delete_this_file')
-    }), /*#__PURE__*/_react.default.createElement(_reactstrap.Tooltip, {
+      deleteTip: getLocale('Are_you_sure_you_want_to_delete_this_file')
+    }), /*#__PURE__*/React.createElement(Tooltip, {
       placement: "bottom",
       isOpen: this.state.isTooltipOpen,
       toggle: this.toggleTooltip,
@@ -96,5 +88,4 @@ class RowExpandFileItemFormatter extends _react.Component {
       fade: false
     }, file.name));
   }
-}
-exports.default = RowExpandFileItemFormatter;
+}

package/lib/RowExpandFormatter/index.js

@@ -1,16 +1,9 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _index = require("../index");
-var _constants = require("../constants");
-require("./index.css");
-class EditorFormatter extends _react.default.Component {
+import React from 'react';
+import classnames from 'classnames';
+import { TextFormatter, NumberFormatter, CheckboxFormatter, DateFormatter, SingleSelectFormatter, MultipleSelectFormatter, CollaboratorFormatter, LongTextFormatter, GeolocationFormatter, CTimeFormatter, CreatorFormatter, LastModifierFormatter, MTimeFormatter, AutoNumberFormatter, DurationFormatter, ButtonFormatter, RowExpandUrlFormatter, RowExpandEmailFormatter, RowExpandRateFormatter, RowExpandImageFormatter, RowExpandFileFormatter, RowExpandLinkFormatter, RowExpandFormulaFormatter, DigitalSignFormatter, DepartmentSingleSelectFormatter } from '../index';
+import { CellType } from '../constants';
+import './index.css';
+export default class EditorFormatter extends React.Component {
   constructor(_props) {
     super(_props);
     this.updateCollaborators = () => {
@@ -23,10 +16,10 @@ class EditorFormatter extends _react.default.Component {
         row,
         column
       } = props;
-      if (column.type === _constants.CellType.CREATOR || column.type === _constants.CellType.LAST_MODIFIER) {
+      if (column.type === CellType.CREATOR || column.type === CellType.LAST_MODIFIER) {
         const email = row[column.name];
         this.loadCollaborator(email);
-      } else if (column.type === _constants.CellType.COLLABORATOR) {
+      } else if (column.type === CellType.COLLABORATOR) {
         const emails = row[column.name];
         if (Array.isArray(emails)) {
           emails.forEach(email => {
@@ -54,7 +47,7 @@ class EditorFormatter extends _react.default.Component {
       }
     };
     this.renderEmpty = () => {
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         className: "d-flex align-items-center form-control disabled h-auto"
       });
     };
@@ -73,131 +66,131 @@ class EditorFormatter extends _react.default.Component {
       const containerClassName = "dtable-".concat(columnType, "-formatter ").concat(className || '');
       let cellValue = row[column.key] || row[column.name];
       switch (columnType) {
-        case _constants.CellType.TEXT:
+        case CellType.TEXT:
           {
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               className: "form-control d-flex align-items-center w-100"
-            }, /*#__PURE__*/_react.default.createElement(_index.TextFormatter, {
+            }, /*#__PURE__*/React.createElement(TextFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             }));
           }
-        case _constants.CellType.COLLABORATOR:
+        case CellType.COLLABORATOR:
           {
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               className: "form-control d-flex align-items-center w-100 h-auto"
-            }, /*#__PURE__*/_react.default.createElement(_index.CollaboratorFormatter, {
+            }, /*#__PURE__*/React.createElement(CollaboratorFormatter, {
               value: cellValue,
               collaborators: collaborators,
               containerClassName: containerClassName
             }));
           }
-        case _constants.CellType.LONG_TEXT:
+        case CellType.LONG_TEXT:
           {
             if (!cellValue) return null;
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               className: "longtext-formatter-container"
-            }, /*#__PURE__*/_react.default.createElement(_index.LongTextFormatter, {
+            }, /*#__PURE__*/React.createElement(LongTextFormatter, {
               value: cellValue,
               containerClassName: containerClassName,
               isSample: false
             }));
           }
-        case _constants.CellType.GEOLOCATION:
+        case CellType.GEOLOCATION:
           {
             if (typeof cellValue !== 'object') return null;
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               className: "geolocation-formatter-container"
-            }, /*#__PURE__*/_react.default.createElement(_index.GeolocationFormatter, {
+            }, /*#__PURE__*/React.createElement(GeolocationFormatter, {
               value: cellValue,
               data: column.data,
               containerClassName: containerClassName
             }));
           }
-        case _constants.CellType.NUMBER:
+        case CellType.NUMBER:
           {
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               className: "form-control d-flex align-items-center",
               style: {
                 width: 320
               }
-            }, /*#__PURE__*/_react.default.createElement(_index.NumberFormatter, {
+            }, /*#__PURE__*/React.createElement(NumberFormatter, {
               value: cellValue,
               data: column.data,
               containerClassName: containerClassName
             }));
           }
-        case _constants.CellType.DATE:
+        case CellType.DATE:
           {
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               className: "form-control d-flex align-items-center",
               style: {
                 width: 320
               }
-            }, /*#__PURE__*/_react.default.createElement(_index.DateFormatter, {
+            }, /*#__PURE__*/React.createElement(DateFormatter, {
               value: cellValue,
               format: column.data.format,
               containerClassName: containerClassName
             }));
           }
-        case _constants.CellType.CTIME:
+        case CellType.CTIME:
           {
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               className: "form-control d-flex align-items-center ctime-formatter-container",
               style: {
                 width: 320
               }
-            }, /*#__PURE__*/_react.default.createElement(_index.CTimeFormatter, {
+            }, /*#__PURE__*/React.createElement(CTimeFormatter, {
               value: row._ctime,
               containerClassName: containerClassName
             }));
           }
-        case _constants.CellType.MTIME:
+        case CellType.MTIME:
           {
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               className: "form-control d-flex align-items-center mtime-formatter-container",
               style: {
                 width: 320
               }
-            }, /*#__PURE__*/_react.default.createElement(_index.MTimeFormatter, {
+            }, /*#__PURE__*/React.createElement(MTimeFormatter, {
               value: row._mtime,
               containerClassName: containerClassName
             }));
           }
-        case _constants.CellType.MULTIPLE_SELECT:
+        case CellType.MULTIPLE_SELECT:
           {
             const options = column.data ? column.data.options : [];
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               className: "form-control d-flex align-items-center w-100 h-auto"
-            }, /*#__PURE__*/_react.default.createElement(_index.MultipleSelectFormatter, {
+            }, /*#__PURE__*/React.createElement(MultipleSelectFormatter, {
               value: cellValue,
               options: options,
               containerClassName: containerClassName
             }));
           }
-        case _constants.CellType.SINGLE_SELECT:
+        case CellType.SINGLE_SELECT:
           {
             const options = column.data ? column.data.options : [];
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               className: "form-control d-flex align-items-center w-100"
-            }, /*#__PURE__*/_react.default.createElement(_index.SingleSelectFormatter, {
+            }, /*#__PURE__*/React.createElement(SingleSelectFormatter, {
               value: cellValue,
               options: options,
               containerClassName: containerClassName
             }));
           }
-        case _constants.CellType.FILE:
+        case CellType.FILE:
           {
-            return /*#__PURE__*/_react.default.createElement(_index.RowExpandFileFormatter, {
+            return /*#__PURE__*/React.createElement(RowExpandFileFormatter, {
               value: cellValue,
               column: column,
               downloadFile: this.props.downloadFile,
               deleteFile: this.props.deleteFile
             });
           }
-        case _constants.CellType.IMAGE:
+        case CellType.IMAGE:
           {
-            return /*#__PURE__*/_react.default.createElement(_index.RowExpandImageFormatter, {
+            return /*#__PURE__*/React.createElement(RowExpandImageFormatter, {
               value: cellValue,
               column: column,
               downloadImage: this.props.downloadImage,
@@ -205,41 +198,41 @@ class EditorFormatter extends _react.default.Component {
               onRotateImage: this.props.onRotateImage
             });
           }
-        case _constants.CellType.CHECKBOX:
+        case CellType.CHECKBOX:
           {
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               className: "checkbox-formatter-container"
-            }, /*#__PURE__*/_react.default.createElement(_index.CheckboxFormatter, {
+            }, /*#__PURE__*/React.createElement(CheckboxFormatter, {
               value: cellValue
             }));
           }
-        case _constants.CellType.CREATOR:
+        case CellType.CREATOR:
           {
-            return /*#__PURE__*/_react.default.createElement(_index.CreatorFormatter, {
+            return /*#__PURE__*/React.createElement(CreatorFormatter, {
               collaborators: collaborators,
               value: cellValue,
               containerClassName: containerClassName
             });
           }
-        case _constants.CellType.LAST_MODIFIER:
+        case CellType.LAST_MODIFIER:
           {
-            return /*#__PURE__*/_react.default.createElement(_index.LastModifierFormatter, {
+            return /*#__PURE__*/React.createElement(LastModifierFormatter, {
               collaborators: collaborators,
               value: cellValue,
               containerClassName: containerClassName
             });
           }
-        case _constants.CellType.FORMULA:
-        case _constants.CellType.LINK_FORMULA:
+        case CellType.FORMULA:
+        case CellType.LINK_FORMULA:
           {
-            return /*#__PURE__*/_react.default.createElement(_index.RowExpandFormulaFormatter, {
+            return /*#__PURE__*/React.createElement(RowExpandFormulaFormatter, {
               value: cellValue,
               column: column,
               collaborators: collaborators,
               containerClassName: containerClassName
             });
           }
-        case _constants.CellType.LINK:
+        case CellType.LINK:
           {
             // handle link column do not have column.data.display_column
             const {
@@ -257,13 +250,13 @@ class EditorFormatter extends _react.default.Component {
                   ...data,
                   display_column: {
                     key: display_column_key || '0000',
-                    type: array_type || _constants.CellType.TEXT,
+                    type: array_type || CellType.TEXT,
                     data: array_data || null
                   }
                 }
               };
             }
-            return /*#__PURE__*/_react.default.createElement(_index.RowExpandLinkFormatter, {
+            return /*#__PURE__*/React.createElement(RowExpandLinkFormatter, {
               value: cellValue,
               column: column,
               collaborators: collaborators,
@@ -271,76 +264,76 @@ class EditorFormatter extends _react.default.Component {
               renderEmpty: this.renderEmpty
             });
           }
-        case _constants.CellType.AUTO_NUMBER:
+        case CellType.AUTO_NUMBER:
           {
-            return /*#__PURE__*/_react.default.createElement(_index.AutoNumberFormatter, {
+            return /*#__PURE__*/React.createElement(AutoNumberFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             });
           }
-        case _constants.CellType.URL:
+        case CellType.URL:
           {
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               className: "form-control d-flex align-items-center w-100"
-            }, /*#__PURE__*/_react.default.createElement(_index.RowExpandUrlFormatter, {
+            }, /*#__PURE__*/React.createElement(RowExpandUrlFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             }));
           }
-        case _constants.CellType.EMAIL:
+        case CellType.EMAIL:
           {
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               className: "form-control d-flex align-items-center w-100"
-            }, /*#__PURE__*/_react.default.createElement(_index.RowExpandEmailFormatter, {
+            }, /*#__PURE__*/React.createElement(RowExpandEmailFormatter, {
               value: cellValue,
               containerClassName: containerClassName
             }));
           }
-        case _constants.CellType.DURATION:
+        case CellType.DURATION:
           {
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               className: "form-control d-flex align-items-center",
               style: {
                 width: 320
               }
-            }, /*#__PURE__*/_react.default.createElement(_index.DurationFormatter, {
+            }, /*#__PURE__*/React.createElement(DurationFormatter, {
               value: cellValue,
               format: column.data.duration_format,
               containerClassName: containerClassName
             }));
           }
-        case _constants.CellType.RATE:
+        case CellType.RATE:
           {
-            return /*#__PURE__*/_react.default.createElement("div", {
+            return /*#__PURE__*/React.createElement("div", {
               className: "form-control d-flex align-items-center",
               style: {
                 width: 320
               }
-            }, /*#__PURE__*/_react.default.createElement(_index.RowExpandRateFormatter, {
+            }, /*#__PURE__*/React.createElement(RowExpandRateFormatter, {
               value: cellValue,
               data: column.data,
               containerClassName: containerClassName
             }));
           }
-        case _constants.CellType.BUTTON:
+        case CellType.BUTTON:
           {
-            return /*#__PURE__*/_react.default.createElement(_index.ButtonFormatter, {
+            return /*#__PURE__*/React.createElement(ButtonFormatter, {
               data: column.data,
               containerClassName: containerClassName,
               onClickButton: this.props.onClickButton
             });
           }
-        case _constants.CellType.DIGITAL_SIGN:
+        case CellType.DIGITAL_SIGN:
           {
-            return /*#__PURE__*/_react.default.createElement(_index.DigitalSignFormatter, {
+            return /*#__PURE__*/React.createElement(DigitalSignFormatter, {
               value: cellValue,
               containerClassName: containerClassName,
               config: this.props.config
             });
           }
-        case _constants.CellType.DEPARTMENT_SINGLE_SELECT:
+        case CellType.DEPARTMENT_SINGLE_SELECT:
           {
-            return /*#__PURE__*/_react.default.createElement(_index.DepartmentSingleSelectFormatter, {
+            return /*#__PURE__*/React.createElement(DepartmentSingleSelectFormatter, {
               value: cellValue,
               departments: this.props.departments
             });
@@ -371,14 +364,13 @@ class EditorFormatter extends _react.default.Component {
     const {
       className
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('dtable-ui dtable-row-expand-formatter', {
+    return /*#__PURE__*/React.createElement("div", {
+      className: classnames('dtable-ui dtable-row-expand-formatter', {
         [className]: className
       })
     }, this.renderFormatter());
   }
 }
-exports.default = EditorFormatter;
 EditorFormatter.defaultProps = {
   className: ''
 };