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

package/lib/RowExpandDialog/body/index.js

@@ -7,6 +7,7 @@ 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"));
@@ -64,11 +65,10 @@ class Body extends _react.default.Component {
       this.fieldEditorOpen = false;
     };
     this.onHotKey = event => {
-      const {
-        columns,
-        onKeyDown,
-        onToggle
-      } = this.props;
+      const _this$props = this.props,
+        columns = _this$props.columns,
+        onKeyDown = _this$props.onKeyDown,
+        onToggle = _this$props.onToggle;
       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,9 +96,7 @@ class Body extends _react.default.Component {
     this.onPressTab = event => {
       event.stopPropagation();
       event.preventDefault();
-      const {
-        columns
-      } = this.props;
+      const columns = this.props.columns;
       let tabIndex = this.state.tabIndex;
       // Press tab, highlight next column;
       if (event.shiftKey) {
@@ -129,40 +127,30 @@ class Body extends _react.default.Component {
       this.props.getDownLoadFiles([{
         url: imageItemUrl
       }]).then(res => {
-        const [downloadUrl] = res.data.urls;
+        const _res$data$urls = (0, _slicedToArray2.default)(res.data.urls, 1),
+          downloadUrl = _res$data$urls[0];
         (0, _utils.downloadFile)(downloadUrl);
       }).catch(error => {
         // todo
       });
     };
     this.getCellValue = _ref => {
-      let {
-        row,
-        column
-      } = _ref;
+      let row = _ref.row,
+        column = _ref.column;
       if (!row || !column) return null;
-      const {
-        valueKey
-      } = this.props;
+      const valueKey = this.props.valueKey;
       return row[column[valueKey]];
     };
     this.renderColumnValue = (row, column, columnIndex, isEditorFocus) => {
-      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 || {};
+      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;
       if (editable) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_RowExpandEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
           column: column,
@@ -195,11 +183,10 @@ class Body extends _react.default.Component {
       });
     };
     this.renderChildren = () => {
-      const {
-        columns,
-        row,
-        children
-      } = this.props;
+      const _this$props3 = this.props,
+        columns = _this$props3.columns,
+        row = _this$props3.row,
+        children = _this$props3.children;
       const props = {
         columns,
         row
@@ -229,11 +216,10 @@ class Body extends _react.default.Component {
     window.removeEventListener('keydown', this.onHotKey);
   }
   render() {
-    const {
-      columns,
-      row,
-      placeholder
-    } = this.props;
+    const _this$props4 = this.props,
+      columns = _this$props4.columns,
+      row = _this$props4.row,
+      placeholder = _this$props4.placeholder;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.ModalBody, {
       className: "dtable-ui-row-expand-body",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
@@ -242,15 +228,12 @@ 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,
-            data
-          } = column;
+          const type = column.type,
+            data = column.data;
           let isHasMore = false;
           if (type === _dtableUtils.CellType.LINK_FORMULA) {
-            let {
-              array_type
-            } = data || {};
+            let _ref3 = data || {},
+              array_type = _ref3.array_type;
             const value = this.getCellValue({
               row,
               column

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

@@ -13,16 +13,12 @@ var _DTableColumnIcon = _interopRequireDefault(require("../../DTableColumnIcon")
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const ColumnContent = _ref => {
-  let {
-    column,
-    children
-  } = _ref;
+  let column = _ref.column,
+    children = _ref.children;
   const descriptionRef = (0, _react.useRef)(null);
-  const {
-    name,
-    key,
-    description
-  } = column;
+  const name = column.name,
+    key = column.key,
+    description = column.description;
   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,14 +15,12 @@ var _IconButton = _interopRequireDefault(require("../../IconButton"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const Header = _ref => {
-  let {
-    title,
-    columns,
-    row,
-    onToggle,
-    copyURL,
-    children
-  } = _ref;
+  let title = _ref.title,
+    columns = _ref.columns,
+    row = _ref.row,
+    onToggle = _ref.onToggle,
+    copyURL = _ref.copyURL,
+    children = _ref.children;
   const renderTitle = (0, _react.useCallback)(() => {
     const props = {
       columns,

package/lib/RowExpandDialog/index.js

@@ -7,6 +7,7 @@ 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"));
@@ -22,31 +23,48 @@ 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 {
-      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,
+  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,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  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 _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 modalRef = (0, _react.useRef)(null);
   const isChangedRef = (0, _react.useRef)(false);
   const update = (0, _react.useRef)({});
@@ -97,10 +115,9 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     onToggle();
   }, [isSaving, onToggle]);
   const onSave = (0, _react.useCallback)(function (updated) {
-    let {
-      successCallback,
-      failCallback
-    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    let _ref2 = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {},
+      successCallback = _ref2.successCallback,
+      failCallback = _ref2.failCallback;
     commit(updated, columns, {
       successCallback,
       failCallback
@@ -151,12 +168,10 @@ const RowExpandDialog = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     // use setTimeout to make sure real dom rendered
     setTimeout(() => {
       let dom = modalRef.current.firstChild;
-      const {
-        width,
-        maxWidth,
-        marginLeft,
-        height
-      } = style;
+      const width = style.width,
+        maxWidth = style.maxWidth,
+        marginLeft = style.marginLeft,
+        height = style.height;
       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,11 +19,10 @@ class RowExpandMBCheckboxEditor extends _react.default.Component {
     this.editor = null;
   }
   render() {
-    const {
-      column,
-      value,
-      className
-    } = this.props;
+    const _this$props = this.props,
+      column = _this$props.column,
+      value = _this$props.value,
+      className = _this$props.className;
     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,21 +13,19 @@ class RowExpandPCCheckboxEditor extends _react.default.Component {
   constructor() {
     super(...arguments);
     this.onCommit = newValue => {
-      const {
-        columnIndex,
-        updateTabIndex,
-        onCommit
-      } = this.props;
+      const _this$props = this.props,
+        columnIndex = _this$props.columnIndex,
+        updateTabIndex = _this$props.updateTabIndex,
+        onCommit = _this$props.onCommit;
       updateTabIndex && updateTabIndex(columnIndex);
       onCommit && onCommit(newValue);
     };
   }
   render() {
-    const {
-      isEditorFocus,
-      column,
-      value
-    } = this.props;
+    const _this$props2 = this.props,
+      isEditorFocus = _this$props2.isEditorFocus,
+      column = _this$props2.column,
+      value = _this$props2.value;
     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,19 +17,16 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.initCollaborators = props => {
-      const {
-        row,
-        column,
-        valueKey
-      } = props;
+      const row = props.row,
+        column = props.column,
+        valueKey = props.valueKey;
       const emails = row[column[valueKey]] || [];
       props.queryCollaborators && props.queryCollaborators(emails);
     };
     this.getCollaborators = () => {
-      const {
-        getCollaborators,
-        collaborators
-      } = this.props;
+      const _this$props = this.props,
+        getCollaborators = _this$props.getCollaborators,
+        collaborators = _this$props.collaborators;
       if (getCollaborators) return getCollaborators();
       return collaborators || [];
     };
@@ -69,16 +66,13 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
       this.props.onCommit(newValue);
     };
     this.renderCollaborators = value => {
-      const {
-        emailCollaboratorMap
-      } = this.state;
+      const emailCollaboratorMap = this.state.emailCollaboratorMap;
       if (Array.isArray(value) && value.length > 0) {
         return value.map((email, index) => {
           let collaborator = emailCollaboratorMap[email];
           if (collaborator) {
-            const {
-              email
-            } = collaborator;
+            const _collaborator = collaborator,
+              email = _collaborator.email;
             return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorItem.default, {
               collaborator: collaborator
             }, email);
@@ -98,11 +92,10 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
         text: (0, _lang.getLocale)('Add_collaborator')
       });
     };
-    const {
-      row: _row,
-      column: _column,
-      valueKey: _valueKey
-    } = this.props;
+    const _this$props2 = this.props,
+      _row = _this$props2.row,
+      _column = _this$props2.column,
+      _valueKey = _this$props2.valueKey;
     this.state = {
       menuPosition: null,
       value: _row[_column[_valueKey]] || [],
@@ -120,11 +113,9 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
     }
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.initCollaborators(nextProps);
       this.setState({
@@ -139,14 +130,12 @@ class RowExpandMBCollaboratorEditor extends _react.default.Component {
     }
   }
   render() {
-    const {
-      collaborators,
-      column
-    } = this.props;
-    const {
-      showEditor,
-      value
-    } = this.state;
+    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;
     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,19 +17,16 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
   constructor(_props) {
     super(_props);
     this.initCollaborators = props => {
-      const {
-        row,
-        column,
-        valueKey
-      } = props;
+      const row = props.row,
+        column = props.column,
+        valueKey = props.valueKey;
       const emails = row[column[valueKey]] || [];
       props.queryCollaborators && props.queryCollaborators(emails);
     };
     this.getCollaborators = () => {
-      const {
-        getCollaborators,
-        collaborators
-      } = this.props;
+      const _this$props = this.props,
+        getCollaborators = _this$props.getCollaborators,
+        collaborators = _this$props.collaborators;
       if (getCollaborators) return getCollaborators();
       return collaborators || [];
     };
@@ -90,9 +87,7 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
       this.props.onCommit(newValue);
     };
     this.removeCollaborator = index => {
-      let {
-        value
-      } = this.state;
+      let value = this.state.value;
       let newValue = value.slice(0);
       newValue.splice(index, 1);
       this.setState({
@@ -101,13 +96,10 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
       this.props.onCommit(newValue);
     };
     this.renderSelectedCollaborators = () => {
-      const {
-        isEditorFocus
-      } = this.props;
-      const {
-        value,
-        emailCollaboratorMap
-      } = this.state;
+      const isEditorFocus = this.props.isEditorFocus;
+      const _this$state = this.state,
+        value = _this$state.value,
+        emailCollaboratorMap = _this$state.emailCollaboratorMap;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         tabIndex: 0,
         onFocus: this.onFocus,
@@ -124,9 +116,8 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
               children: value.map((email, index) => {
                 let collaborator = emailCollaboratorMap[email];
                 if (collaborator) {
-                  const {
-                    email
-                  } = collaborator;
+                  const _collaborator = collaborator,
+                    email = _collaborator.email;
                   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorItem.default, {
                     collaborator: collaborator,
                     enableDeleteCollaborator: true,
@@ -153,11 +144,10 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
         })
       });
     };
-    const {
-      row: _row,
-      column: _column,
-      valueKey: _valueKey
-    } = this.props;
+    const _this$props2 = this.props,
+      _row = _this$props2.row,
+      _column = _this$props2.column,
+      _valueKey = _this$props2.valueKey;
     this.state = {
       menuPosition: null,
       value: _row[_column[_valueKey]] || [],
@@ -177,11 +167,9 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
     }
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.initCollaborators(nextProps);
       this.setState({
@@ -208,14 +196,12 @@ class RowExpandPCCollaboratorEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    const {
-      collaborators,
-      column
-    } = this.props;
-    const {
-      showCollaboratorSelect,
-      value
-    } = this.state;
+    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;
     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,22 +30,18 @@ class RowExpandMBDateEditor extends _react.default.Component {
         value
       });
     };
-    const {
-      column,
-      row,
-      valueKey
-    } = props;
+    const column = props.column,
+      row = props.row,
+      valueKey = props.valueKey;
     this.state = {
       isShowEditor: false,
       value: row[column[valueKey]]
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]],
@@ -54,14 +50,12 @@ class RowExpandMBDateEditor extends _react.default.Component {
     }
   }
   render() {
-    let {
-      column,
-      lang
-    } = this.props;
-    let {
-      value,
-      isShowEditor
-    } = this.state;
+    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;
     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,22 +57,19 @@ class RowExpandPCDateEditor extends _react.default.Component {
     };
   }
   componentDidMount() {
-    const {
-      column,
-      row,
-      valueKey
-    } = this.props;
+    const _this$props = this.props,
+      column = _this$props.column,
+      row = _this$props.row,
+      valueKey = _this$props.valueKey;
     this.setState({
       value: row[column[valueKey]]
     });
     document.addEventListener('keydown', this.onKeyDown);
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      column,
-      row,
-      valueKey
-    } = nextProps;
+    const column = nextProps.column,
+      row = nextProps.row,
+      valueKey = nextProps.valueKey;
     if (row._id !== this.props.row._id) {
       this.setState({
         value: row[column[valueKey]],
@@ -94,16 +91,14 @@ class RowExpandPCDateEditor extends _react.default.Component {
     document.removeEventListener('keydown', this.onKeyDown);
   }
   render() {
-    let {
-      column,
-      isInModal,
-      isEditorFocus,
-      lang
-    } = this.props;
-    let {
-      value,
-      isShowEditor
-    } = this.state;
+    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;
     const format = (0, _columnUtils.getDateColumnFormat)(column);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       ref: ref => this.dateSelectRef = ref,