dtable-ui-component 6.0.126 → 7.0.0-xia.1

package/lib/RowExpandDialog/body/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -65,10 +64,11 @@ class Body extends _react.default.Component {
       this.fieldEditorOpen = false;
     };
     this.onHotKey = event => {
-      const _this$props = this.props,
-        columns = _this$props.columns,
-        onKeyDown = _this$props.onKeyDown,
-        onToggle = _this$props.onToggle;
+      const {
+        columns,
+        onKeyDown,
+        onToggle
+      } = this.props;
       const readonly = Array.isArray(columns) && columns.length > 0 ? !columns.some(c => c.editable) : true;
       const keyCode = event.keyCode;
       // When opening field editor, all shortcuts in row expand dialog do not work
@@ -96,7 +96,9 @@ class Body extends _react.default.Component {
     this.onPressTab = event => {
       event.stopPropagation();
       event.preventDefault();
-      const columns = this.props.columns;
+      const {
+        columns
+      } = this.props;
       let tabIndex = this.state.tabIndex;
       // Press tab, highlight next column;
       if (event.shiftKey) {
@@ -127,30 +129,40 @@ class Body extends _react.default.Component {
       this.props.getDownLoadFiles([{
         url: imageItemUrl
       }]).then(res => {
-        const _res$data$urls = (0, _slicedToArray2.default)(res.data.urls, 1),
-          downloadUrl = _res$data$urls[0];
+        const [downloadUrl] = res.data.urls;
         (0, _utils.downloadFile)(downloadUrl);
       }).catch(error => {
         // todo
       });
     };
     this.getCellValue = _ref => {
-      let row = _ref.row,
-        column = _ref.column;
+      let {
+        row,
+        column
+      } = _ref;
       if (!row || !column) return null;
-      const valueKey = this.props.valueKey;
+      const {
+        valueKey
+      } = this.props;
       return row[column[valueKey]];
     };
     this.renderColumnValue = (row, column, columnIndex, isEditorFocus) => {
-      const _this$props2 = this.props,
-        component = _this$props2.component,
-        onChange = _this$props2.onChange,
-        props = (0, _objectWithoutProperties2.default)(_this$props2, _excluded);
-      const getDownLoadFiles = props.getDownLoadFiles;
-      const editable = column.editable;
-      const _ref2 = component || {},
-        editor = _ref2.editor,
-        formatter = _ref2.formatter;
+      const _this$props = this.props,
+        {
+          component,
+          onChange
+        } = _this$props,
+        props = (0, _objectWithoutProperties2.default)(_this$props, _excluded);
+      const {
+        getDownLoadFiles
+      } = props;
+      const {
+        editable
+      } = column;
+      const {
+        editor,
+        formatter
+      } = component || {};
       if (editable) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           column: column,
@@ -183,10 +195,11 @@ class Body extends _react.default.Component {
       });
     };
     this.renderChildren = () => {
-      const _this$props3 = this.props,
-        columns = _this$props3.columns,
-        row = _this$props3.row,
-        children = _this$props3.children;
+      const {
+        columns,
+        row,
+        children
+      } = this.props;
       const props = {
         columns,
         row
@@ -216,10 +229,11 @@ class Body extends _react.default.Component {
     window.removeEventListener('keydown', this.onHotKey);
   }
   render() {
-    const _this$props4 = this.props,
-      columns = _this$props4.columns,
-      row = _this$props4.row,
-      placeholder = _this$props4.placeholder;
+    const {
+      columns,
+      row,
+      placeholder
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.ModalBody, {
       className: "dtable-ui-row-expand-body",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -228,12 +242,15 @@ class Body extends _react.default.Component {
         children: [columns.length === 0 && placeholder && /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
           children: placeholder
         }), columns.map((column, index) => {
-          const type = column.type,
-            data = column.data;
+          const {
+            type,
+            data
+          } = column;
           let isHasMore = false;
           if (type === _dtableUtils.CellType.LINK_FORMULA) {
-            let _ref3 = data || {},
-              array_type = _ref3.array_type;
+            let {
+              array_type
+            } = data || {};
             const value = this.getCellValue({
               row,
               column

package/lib/RowExpandDialog/column-content/index.js

@@ -13,12 +13,16 @@ var _DTableColumnIcon = _interopRequireDefault(require("../../DTableColumnIcon")
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const ColumnContent = _ref => {
-  let column = _ref.column,
-    children = _ref.children;
+  let {
+    column,
+    children
+  } = _ref;
   const descriptionRef = (0, _react.useRef)(null);
-  const name = column.name,
-    key = column.key,
-    description = column.description;
+  const {
+    name,
+    key,
+    description
+  } = column;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.Row, {
     className: "dtable-ui-row-expand-column-content pb-4",
     children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.Col, {

package/lib/RowExpandDialog/header/index.js

@@ -15,12 +15,14 @@ var _IconButton = _interopRequireDefault(require("../../IconButton"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const Header = _ref => {
-  let title = _ref.title,
-    columns = _ref.columns,
-    row = _ref.row,
-    onToggle = _ref.onToggle,
-    copyURL = _ref.copyURL,
-    children = _ref.children;
+  let {
+    title,
+    columns,
+    row,
+    onToggle,
+    copyURL,
+    children
+  } = _ref;
   const renderTitle = (0, _react.useCallback)(() => {
     const props = {
       columns,

package/lib/RowExpandDialog/index.js

@@ -7,7 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
@@ -23,48 +22,31 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["saveImmediately", "readonly", "isInsertingRow", "zIndex", "title", "className", "valueKey", "layout", "row", "columns", "commit", "onToggle", "uploadFile", "copyURL", "children"];
 const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let _ref$saveImmediately = _ref.saveImmediately,
-    saveImmediately = _ref$saveImmediately === void 0 ? true : _ref$saveImmediately,
-    _ref$readonly = _ref.readonly,
-    readonly = _ref$readonly === void 0 ? false : _ref$readonly,
-    _ref$isInsertingRow = _ref.isInsertingRow,
-    isInsertingRow = _ref$isInsertingRow === void 0 ? false : _ref$isInsertingRow,
-    zIndex = _ref.zIndex,
-    title = _ref.title,
-    className = _ref.className,
-    _ref$valueKey = _ref.valueKey,
-    valueKey = _ref$valueKey === void 0 ? 'name' : _ref$valueKey,
-    _ref$layout = _ref.layout,
-    layout = _ref$layout === void 0 ? 'horizontal' : _ref$layout,
-    defaultRow = _ref.row,
-    defaultColumns = _ref.columns,
-    commit = _ref.commit,
-    onToggle = _ref.onToggle,
-    uploadFile = _ref.uploadFile,
-    copyURL = _ref.copyURL,
-    _ref$children = _ref.children,
-    children = _ref$children === void 0 ? [] : _ref$children,
+  let {
+      saveImmediately = true,
+      readonly = false,
+      isInsertingRow = false,
+      zIndex,
+      title,
+      className,
+      valueKey = 'name',
+      // name or key
+      layout = 'horizontal',
+      // horizontal or vertical
+      row: defaultRow,
+      columns: defaultColumns,
+      commit,
+      onToggle,
+      uploadFile,
+      copyURL,
+      children = []
+    } = _ref,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  const _useState = (0, _react.useState)(false),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    isAnimationEnd = _useState2[0],
-    setAnimationEnd = _useState2[1];
-  const _useState3 = (0, _react.useState)(true),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    isLoading = _useState4[0],
-    setLoading = _useState4[1];
-  const _useState5 = (0, _react.useState)(false),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    isSaving = _useState6[0],
-    setSaving = _useState6[1];
-  const _useState7 = (0, _react.useState)({}),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    row = _useState8[0],
-    setRow = _useState8[1];
-  const _useState9 = (0, _react.useState)([]),
-    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
-    columns = _useState0[0],
-    setColumns = _useState0[1];
+  const [isAnimationEnd, setAnimationEnd] = (0, _react.useState)(false);
+  const [isLoading, setLoading] = (0, _react.useState)(true);
+  const [isSaving, setSaving] = (0, _react.useState)(false);
+  const [row, setRow] = (0, _react.useState)({});
+  const [columns, setColumns] = (0, _react.useState)([]);
   const modalRef = (0, _react.useRef)(null);
   const isChangedRef = (0, _react.useRef)(false);
   const update = (0, _react.useRef)({});
@@ -115,9 +97,10 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     onToggle();
   }, [isSaving, onToggle]);
   const onSave = (0, _react.useCallback)(function (updated) {
-    let _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
-      successCallback = _ref2.successCallback,
-      failCallback = _ref2.failCallback;
+    let {
+      successCallback,
+      failCallback
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     commit(updated, columns, {
       successCallback,
       failCallback
@@ -168,10 +151,12 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     // use setTimeout to make sure real dom rendered
     setTimeout(() => {
       let dom = modalRef.current.firstChild;
-      const width = style.width,
-        maxWidth = style.maxWidth,
-        marginLeft = style.marginLeft,
-        height = style.height;
+      const {
+        width,
+        maxWidth,
+        marginLeft,
+        height
+      } = style;
       dom.style.width = "".concat(width, "px");
       dom.style.maxWidth = "".concat(maxWidth, "px");
       dom.style.marginLeft = "".concat(marginLeft, "px");

package/lib/RowExpandEditor/checkbox-editor/mb-editor/index.js

@@ -19,10 +19,11 @@ class RowExpandMBCheckboxEditor extends _react.default.Component {
     this.editor = null;
   }
   render() {
-    const _this$props = this.props,
-      column = _this$props.column,
-      value = _this$props.value,
-      className = _this$props.className;
+    const {
+      column,
+      value,
+      className
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)('dtable-ui-mobile-row-expand-checkbox-editor-container', className),
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxEditor.default, {

package/lib/RowExpandEditor/checkbox-editor/pc-editor.js

@@ -13,19 +13,21 @@ class RowExpandPCCheckboxEditor extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.onCommit = newValue => {
-      const _this$props = this.props,
-        columnIndex = _this$props.columnIndex,
-        updateTabIndex = _this$props.updateTabIndex,
-        onCommit = _this$props.onCommit;
+      const {
+        columnIndex,
+        updateTabIndex,
+        onCommit
+      } = this.props;
       updateTabIndex && updateTabIndex(columnIndex);
       onCommit && onCommit(newValue);
     };
   }
   render() {
-    const _this$props2 = this.props,
-      isEditorFocus = _this$props2.isEditorFocus,
-      column = _this$props2.column,
-      value = _this$props2.value;
+    const {
+      isEditorFocus,
+      column,
+      value
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxEditor.default, {
       className: "dtable-ui-row-expand-checkbox-editor mt-2",
       column: column,

package/lib/RowExpandEditor/collaborator-editor/mb-editor/index.js

@@ -17,16 +17,19 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.initCollaborators = props => {
-      const row = props.row,
-        column = props.column,
-        valueKey = props.valueKey;
+      const {
+        row,
+        column,
+        valueKey
+      } = props;
       const emails = row[column[valueKey]] || [];
       props.queryCollaborators && props.queryCollaborators(emails);
     };
     this.getCollaborators = () => {
-      const _this$props = this.props,
-        getCollaborators = _this$props.getCollaborators,
-        collaborators = _this$props.collaborators;
+      const {
+        getCollaborators,
+        collaborators
+      } = this.props;
       if (getCollaborators) return getCollaborators();
       return collaborators || [];
     };
@@ -66,13 +69,16 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
       this.props.onCommit(newValue);
     };
     this.renderCollaborators = value => {
-      const emailCollaboratorMap = this.state.emailCollaboratorMap;
+      const {
+        emailCollaboratorMap
+      } = this.state;
       if (Array.isArray(value) && value.length > 0) {
         return value.map((email, index) => {
           let collaborator = emailCollaboratorMap[email];
           if (collaborator) {
-            const _collaborator = collaborator,
-              email = _collaborator.email;
+            const {
+              email
+            } = collaborator;
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorItem.default, {
               collaborator: collaborator
             }, email);
@@ -92,10 +98,11 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
         text: (0, _lang.getLocale)('Add_collaborator')
       });
     };
-    const _this$props2 = this.props,
-      _row = _this$props2.row,
-      _column = _this$props2.column,
-      _valueKey = _this$props2.valueKey;
+    const {
+      row: _row,
+      column: _column,
+      valueKey: _valueKey
+    } = this.props;
     this.state = {
       menuPosition: null,
       value: _row[_column[_valueKey]] || [],
@@ -113,9 +120,11 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
     }
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.initCollaborators(nextProps);
       this.setState({
@@ -130,12 +139,14 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
     }
   }
   render() {
-    const _this$props3 = this.props,
-      collaborators = _this$props3.collaborators,
-      column = _this$props3.column;
-    const _this$state = this.state,
-      showEditor = _this$state.showEditor,
-      value = _this$state.value;
+    const {
+      collaborators,
+      column
+    } = this.props;
+    const {
+      showEditor,
+      value
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "dtable-ui dtable-ui-mobile-row-expand-collaborators position-relative",

package/lib/RowExpandEditor/collaborator-editor/pc-editor/index.js

@@ -17,16 +17,19 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.initCollaborators = props => {
-      const row = props.row,
-        column = props.column,
-        valueKey = props.valueKey;
+      const {
+        row,
+        column,
+        valueKey
+      } = props;
       const emails = row[column[valueKey]] || [];
       props.queryCollaborators && props.queryCollaborators(emails);
     };
     this.getCollaborators = () => {
-      const _this$props = this.props,
-        getCollaborators = _this$props.getCollaborators,
-        collaborators = _this$props.collaborators;
+      const {
+        getCollaborators,
+        collaborators
+      } = this.props;
       if (getCollaborators) return getCollaborators();
       return collaborators || [];
     };
@@ -87,7 +90,9 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
       this.props.onCommit(newValue);
     };
     this.removeCollaborator = index => {
-      let value = this.state.value;
+      let {
+        value
+      } = this.state;
       let newValue = value.slice(0);
       newValue.splice(index, 1);
       this.setState({
@@ -96,10 +101,13 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
       this.props.onCommit(newValue);
     };
     this.renderSelectedCollaborators = () => {
-      const isEditorFocus = this.props.isEditorFocus;
-      const _this$state = this.state,
-        value = _this$state.value,
-        emailCollaboratorMap = _this$state.emailCollaboratorMap;
+      const {
+        isEditorFocus
+      } = this.props;
+      const {
+        value,
+        emailCollaboratorMap
+      } = this.state;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         tabIndex: 0,
         onFocus: this.onFocus,
@@ -116,8 +124,9 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
               children: value.map((email, index) => {
                 let collaborator = emailCollaboratorMap[email];
                 if (collaborator) {
-                  const _collaborator = collaborator,
-                    email = _collaborator.email;
+                  const {
+                    email
+                  } = collaborator;
                   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorItem.default, {
                     collaborator: collaborator,
                     enableDeleteCollaborator: true,
@@ -144,10 +153,11 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
         })
       });
     };
-    const _this$props2 = this.props,
-      _row = _this$props2.row,
-      _column = _this$props2.column,
-      _valueKey = _this$props2.valueKey;
+    const {
+      row: _row,
+      column: _column,
+      valueKey: _valueKey
+    } = this.props;
     this.state = {
       menuPosition: null,
       value: _row[_column[_valueKey]] || [],
@@ -167,9 +177,11 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
     }
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.initCollaborators(nextProps);
       this.setState({
@@ -196,12 +208,14 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    const _this$props3 = this.props,
-      collaborators = _this$props3.collaborators,
-      column = _this$props3.column;
-    const _this$state2 = this.state,
-      showCollaboratorSelect = _this$state2.showCollaboratorSelect,
-      value = _this$state2.value;
+    const {
+      collaborators,
+      column
+    } = this.props;
+    const {
+      showCollaboratorSelect,
+      value
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "position-relative mt-1 w-100",
       ref: ref => this.collaboratorSelectRef = ref,

package/lib/RowExpandEditor/date-editor/mb-editor.js

@@ -30,18 +30,22 @@ class RowExpandMBDateEditor extends _react.default.Component {
         value
       });
     };
-    const column = props.column,
-      row = props.row,
-      valueKey = props.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = props;
     this.state = {
       isShowEditor: false,
       value: row[column[valueKey]]
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]],
@@ -50,12 +54,14 @@ class RowExpandMBDateEditor extends _react.default.Component {
     }
   }
   render() {
-    let _this$props = this.props,
-      column = _this$props.column,
-      lang = _this$props.lang;
-    let _this$state = this.state,
-      value = _this$state.value,
-      isShowEditor = _this$state.isShowEditor;
+    let {
+      column,
+      lang
+    } = this.props;
+    let {
+      value,
+      isShowEditor
+    } = this.state;
     const format = (0, _columnUtils.getDateColumnFormat)(column);
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/RowExpandEditor/date-editor/pc-editor.js

@@ -57,19 +57,22 @@ class RowExpandPCDateEditor extends _react.default.Component {
     };
   }
   componentDidMount() {
-    const _this$props = this.props,
-      column = _this$props.column,
-      row = _this$props.row,
-      valueKey = _this$props.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = this.props;
     this.setState({
       value: row[column[valueKey]]
     });
     document.addEventListener('keydown', this.onKeyDown);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const column = nextProps.column,
-      row = nextProps.row,
-      valueKey = nextProps.valueKey;
+    const {
+      column,
+      row,
+      valueKey
+    } = nextProps;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]],
@@ -91,14 +94,16 @@ class RowExpandPCDateEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    let _this$props2 = this.props,
-      column = _this$props2.column,
-      isInModal = _this$props2.isInModal,
-      isEditorFocus = _this$props2.isEditorFocus,
-      lang = _this$props2.lang;
-    let _this$state = this.state,
-      value = _this$state.value,
-      isShowEditor = _this$state.isShowEditor;
+    let {
+      column,
+      isInModal,
+      isEditorFocus,
+      lang
+    } = this.props;
+    let {
+      value,
+      isShowEditor
+    } = this.state;
     const format = (0, _columnUtils.getDateColumnFormat)(column);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: ref => this.dateSelectRef = ref,