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

package/lib/RowExpandView/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"));
@@ -20,34 +21,46 @@ var _MobileFullScreenPage = _interopRequireDefault(require("../MobileFullScreenP
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["saveImmediately", "readonly", "isInsertingRow", "zIndex", "title", "className", "valueKey", "row", "columns", "commit", "onToggle", "uploadFile", "copyURL", "children", "historyCallback"];
-const {
-  Header,
-  Body: MobileFullScreenPageBody
-} = _MobileFullScreenPage.default;
+const Header = _MobileFullScreenPage.default.Header,
+  MobileFullScreenPageBody = _MobileFullScreenPage.default.Body;
 const RowExpandView = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-      saveImmediately = true,
-      readonly = false,
-      isInsertingRow = false,
-      zIndex,
-      title,
-      className,
-      valueKey = 'name',
-      // name or key
-      row: defaultRow,
-      columns: defaultColumns,
-      commit,
-      onToggle,
-      uploadFile,
-      copyURL,
-      children = [],
-      historyCallback
-    } = _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,
+    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,
+    historyCallback = _ref.historyCallback,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  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)(true),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isLoading = _useState2[0],
+    setLoading = _useState2[1];
+  const _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    isSaving = _useState4[0],
+    setSaving = _useState4[1];
+  const _useState5 = (0, _react.useState)({}),
+    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
+    row = _useState6[0],
+    setRow = _useState6[1];
+  const _useState7 = (0, _react.useState)([]),
+    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
+    columns = _useState8[0],
+    setColumns = _useState8[1];
   const isChangedRef = (0, _react.useRef)(false);
   const update = (0, _react.useRef)({});
   const checkEditable = (0, _react.useCallback)(column => {
@@ -75,10 +88,9 @@ const RowExpandView = /*#__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

package/lib/SelectItem/index.js

@@ -11,13 +11,11 @@ var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const SelectItem = _ref => {
-  let {
-    option,
-    fontSize,
-    className,
-    isShowRemove,
-    onRemove
-  } = _ref;
+  let option = _ref.option,
+    fontSize = _ref.fontSize,
+    className = _ref.className,
+    isShowRemove = _ref.isShowRemove,
+    onRemove = _ref.onRemove;
   const selectItemStyle = (0, _react.useMemo)(() => {
     return {
       fontSize: fontSize || 13,

package/lib/SelectOptionGroup/index.js

@@ -20,15 +20,13 @@ class SelectOptionGroup extends _react.Component {
     super(props);
     this.resetMenuStyle = () => {
       if (!this.optionGroupRef) return;
-      const {
-        isInModal,
-        position
-      } = this.props;
-      const {
-        top,
-        height,
-        width
-      } = this.optionGroupRef.getBoundingClientRect();
+      const _this$props = this.props,
+        isInModal = _this$props.isInModal,
+        position = _this$props.position;
+      const _this$optionGroupRef$ = this.optionGroupRef.getBoundingClientRect(),
+        top = _this$optionGroupRef$.top,
+        height = _this$optionGroupRef$.height,
+        width = _this$optionGroupRef$.width;
       if (isInModal) {
         if (position.y + position.height + height > window.innerHeight) {
           this.optionGroupRef.style.top = position.y - height + 'px';
@@ -82,9 +80,7 @@ class SelectOptionGroup extends _react.Component {
       }
     };
     this.onMouseDown = e => {
-      const {
-        isInModal
-      } = this.props;
+      const isInModal = this.props.isInModal;
       // prevent event propagation when click option or search input
       if (isInModal) {
         e.stopPropagation();
@@ -96,10 +92,9 @@ class SelectOptionGroup extends _react.Component {
       }
     };
     this.scrollContent = () => {
-      const {
-        offsetHeight,
-        scrollTop
-      } = this.optionGroupContentRef;
+      const _this$optionGroupCont = this.optionGroupContentRef,
+        offsetHeight = _this$optionGroupCont.offsetHeight,
+        scrollTop = _this$optionGroupCont.scrollTop;
       this.setState({
         disableHover: true
       });
@@ -133,10 +128,9 @@ class SelectOptionGroup extends _react.Component {
       }
     };
     this.renderOptGroup = searchVal => {
-      let {
-        noOptionsPlaceholder,
-        onSelectOption
-      } = this.props;
+      let _this$props2 = this.props,
+        noOptionsPlaceholder = _this$props2.noOptionsPlaceholder,
+        onSelectOption = _this$props2.onSelectOption;
       this.filterOptions = this.props.getFilterOptions(searchVal);
       if (this.filterOptions.length === 0) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
@@ -180,26 +174,22 @@ class SelectOptionGroup extends _react.Component {
     window.removeEventListener('keydown', this.onHotKey);
   }
   render() {
-    const {
-      searchable,
-      searchPlaceholder,
-      top,
-      left,
-      minWidth,
-      value,
-      isShowSelected,
-      isInModal,
-      position,
-      className,
-      addOptionAble,
-      component
-    } = this.props;
-    const {
-      AddOption
-    } = component || {};
-    let {
-      searchVal
-    } = this.state;
+    const _this$props3 = this.props,
+      searchable = _this$props3.searchable,
+      searchPlaceholder = _this$props3.searchPlaceholder,
+      top = _this$props3.top,
+      left = _this$props3.left,
+      minWidth = _this$props3.minWidth,
+      value = _this$props3.value,
+      isShowSelected = _this$props3.isShowSelected,
+      isInModal = _this$props3.isInModal,
+      position = _this$props3.position,
+      className = _this$props3.className,
+      addOptionAble = _this$props3.addOptionAble,
+      component = _this$props3.component;
+    const _ref = component || {},
+      AddOption = _ref.AddOption;
+    let searchVal = this.state.searchVal;
     let style = {
       top: top || 0,
       left: left || 0

package/lib/SelectedDepartments/index.js

@@ -12,12 +12,12 @@ var _lang = require("../lang");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function SelectedDepartments(_ref) {
-  let {
-    value,
-    removeDepartment,
-    isShowRemoveIcon = false,
-    departments = []
-  } = _ref;
+  let value = _ref.value,
+    removeDepartment = _ref.removeDepartment,
+    _ref$isShowRemoveIcon = _ref.isShowRemoveIcon,
+    isShowRemoveIcon = _ref$isShowRemoveIcon === void 0 ? false : _ref$isShowRemoveIcon,
+    _ref$departments = _ref.departments,
+    departments = _ref$departments === void 0 ? [] : _ref$departments;
   const idDepartmentMap = (0, _react.useMemo)(() => {
     let idDepartmentMap = {};
     departments.forEach(department => {
@@ -40,9 +40,7 @@ function SelectedDepartments(_ref) {
     }
     const department = idDepartmentMap[content];
     if (department) {
-      const {
-        name
-      } = department;
+      const name = department.name;
       return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
         className: "department mr-1",
         children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/SimpleLongTextFormatter/index.js

@@ -56,20 +56,17 @@ class SimpleLongTextFormatter extends _react.default.Component {
       });
     };
     this.translateValue = () => {
-      const {
-        value
-      } = this.props;
+      const value = this.props.value;
       if (!value) return {};
       const valueType = Object.prototype.toString.call(value);
       if (valueType === '[object String]') {
         const isMarkdown = true;
         const previewTextNeedSlice = false;
-        const {
-          previewText,
-          images,
-          links,
-          checklist
-        } = (0, _seafileEditor.getPreviewContent)(value, isMarkdown, previewTextNeedSlice);
+        const _getPreviewContent = (0, _seafileEditor.getPreviewContent)(value, isMarkdown, previewTextNeedSlice),
+          previewText = _getPreviewContent.previewText,
+          images = _getPreviewContent.images,
+          links = _getPreviewContent.links,
+          checklist = _getPreviewContent.checklist;
         const newValue = Object.assign({}, {
           text: value,
           preview: previewText,
@@ -142,13 +139,10 @@ class SimpleLongTextFormatter extends _react.default.Component {
     this.clearClosePreviewTimer();
   }
   render() {
-    const {
-      isPreview
-    } = this.state;
-    const {
-      containerClassName,
-      previewClassName
-    } = this.props;
+    const isPreview = this.state.isPreview;
+    const _this$props = this.props,
+      containerClassName = _this$props.containerClassName,
+      previewClassName = _this$props.previewClassName;
     const className = (0, _classnames.default)('dtable-ui cell-formatter-container long-text-formatter', containerClassName);
     const value = this.translateValue();
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/SimpleLongTextFormatter/normalize-long-text-value.js

@@ -46,10 +46,9 @@ const getPreviewContent = markdownContent => {
   }
   const hrefList = markdownContent.match(hrefReg);
   if (hrefList) {
-    const {
-      images,
-      links
-    } = getLinks(hrefList);
+    const _getLinks = getLinks(hrefList),
+      images = _getLinks.images,
+      links = _getLinks.links;
     return {
       preview,
       images,

package/lib/SimpleLongTextFormatter/widgets/LongTextPreview.js

@@ -14,17 +14,12 @@ class LongTextPreview extends _react.default.PureComponent {
   constructor(props) {
     super(props);
     this.getStyle = () => {
-      let {
-        formatterStyle
-      } = this.props;
-      let {
-        left,
-        top
-      } = formatterStyle;
-      const {
-        height,
-        opacity
-      } = this.state;
+      let formatterStyle = this.props.formatterStyle;
+      let left = formatterStyle.left,
+        top = formatterStyle.top;
+      const _this$state = this.state,
+        height = _this$state.height,
+        opacity = _this$state.opacity;
       const width = 520;
       const padding = 6;
       left = left - width > 0 ? left - width - 12 : 0;
@@ -53,15 +48,12 @@ class LongTextPreview extends _react.default.PureComponent {
     setTimeout(() => {
       var _value$images;
       if (!this.ref) return;
-      const {
-        value
-      } = this.props;
+      const value = this.props.value;
 
       // If image is included, sets the preview height to the maximum height
       const hasImage = (value === null || value === void 0 ? void 0 : (_value$images = value.images) === null || _value$images === void 0 ? void 0 : _value$images.length) >= 2 ? true : false;
-      let {
-        height: domHeight
-      } = this.ref.getBoundingClientRect();
+      let _this$ref$getBounding = this.ref.getBoundingClientRect(),
+        domHeight = _this$ref$getBounding.height;
       domHeight = hasImage ? 450 : domHeight;
       this.setState({
         height: Math.min(domHeight, 450),
@@ -70,10 +62,9 @@ class LongTextPreview extends _react.default.PureComponent {
     }, 10);
   }
   render() {
-    const {
-      className,
-      value
-    } = this.props;
+    const _this$props = this.props,
+      className = _this$props.className,
+      value = _this$props.value;
     const markdownContent = value ? value.text : '';
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: (0, _classnames.default)('longtext-modal-dialog longtext-preview', className),

package/lib/SimpleLongTextFormatter/widgets/dtable-markdown-viewer.js

@@ -51,10 +51,9 @@ class DtableMarkdownViewer extends _react.default.PureComponent {
         }
       });
     }
-    const {
-      showTOC,
-      markdownContent
-    } = this.props;
+    const _this$props = this.props,
+      showTOC = _this$props.showTOC,
+      markdownContent = _this$props.markdownContent;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_seafileEditor.MarkdownViewer, {
       value: markdownContent,
       isShowOutline: showTOC

package/lib/SingleSelectEditor/index.js

@@ -13,9 +13,7 @@ var _selectEditor = _interopRequireDefault(require("../select-editor"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["value"];
 const SingleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-      value: oldValue
-    } = _ref,
+  let oldValue = _ref.value,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   const value = oldValue ? [oldValue] : [];
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_selectEditor.default, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {

package/lib/SingleSelectFormatter/index.js

@@ -14,11 +14,11 @@ class SingleSelectFormatter extends _react.default.PureComponent {
   constructor() {
     super(...arguments);
     this.getOption = () => {
-      let {
-        value,
-        options = [],
-        fontSize
-      } = this.props;
+      let _this$props = this.props,
+        value = _this$props.value,
+        _this$props$options = _this$props.options,
+        options = _this$props$options === void 0 ? [] : _this$props$options,
+        fontSize = _this$props.fontSize;
       let option = options.find(item => item.id === value || item.name === value);
       if (option) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectItem.default, {
@@ -29,10 +29,9 @@ class SingleSelectFormatter extends _react.default.PureComponent {
     };
   }
   render() {
-    const {
-      containerClassName,
-      value
-    } = this.props;
+    const _this$props2 = this.props,
+      containerClassName = _this$props2.containerClassName,
+      value = _this$props2.value;
     let classname = (0, _classnames.default)('dtable-ui cell-formatter-container single-select-formatter', containerClassName);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: classname,

package/lib/TabBar/Tab.js

@@ -14,15 +14,14 @@ class Tab extends React.PureComponent {
   constructor() {
     super(...arguments);
     this.renderIcon = () => {
-      const {
-        dot,
-        badge,
-        selected,
-        selectedIcon,
-        icon,
-        title,
-        prefixCls
-      } = this.props;
+      const _this$props = this.props,
+        dot = _this$props.dot,
+        badge = _this$props.badge,
+        selected = _this$props.selected,
+        selectedIcon = _this$props.selectedIcon,
+        icon = _this$props.icon,
+        title = _this$props.title,
+        prefixCls = _this$props.prefixCls;
       const iconRes = selected ? selectedIcon : icon;
       const iconDom = /*#__PURE__*/React.isValidElement(iconRes) ? iconRes : /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
         className: "".concat(prefixCls, "-image"),
@@ -53,13 +52,12 @@ class Tab extends React.PureComponent {
     };
   }
   render() {
-    const {
-      title,
-      prefixCls,
-      selected,
-      unselectedTintColor,
-      tintColor
-    } = this.props;
+    const _this$props2 = this.props,
+      title = _this$props2.title,
+      prefixCls = _this$props2.prefixCls,
+      selected = _this$props2.selected,
+      unselectedTintColor = _this$props2.unselectedTintColor,
+      tintColor = _this$props2.tintColor;
     const iconColor = selected ? tintColor : unselectedTintColor;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.props.dataAttrs), {}, {
       onClick: this.onClick,

package/lib/TabBar/index.js

@@ -15,10 +15,9 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class Item extends React.Component {
   render() {
-    const {
-      prefixCls,
-      style
-    } = this.props;
+    const _this$props = this.props,
+      prefixCls = _this$props.prefixCls,
+      style = _this$props.style;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: prefixCls,
       style: style,
@@ -44,14 +43,13 @@ class AntTabBar extends React.Component {
       return tabs;
     };
     this.renderTabBar = () => {
-      const {
-        barTintColor,
-        prefixCls,
-        tintColor,
-        unselectedTintColor,
-        hidden,
-        tabBarPosition
-      } = this.props;
+      const _this$props2 = this.props,
+        barTintColor = _this$props2.barTintColor,
+        prefixCls = _this$props2.prefixCls,
+        tintColor = _this$props2.tintColor,
+        unselectedTintColor = _this$props2.unselectedTintColor,
+        hidden = _this$props2.hidden,
+        tabBarPosition = _this$props2.tabBarPosition;
       const tabsData = this.getTabs();
       const content = Array.isArray(tabsData) ? tabsData.map((cProps, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
@@ -82,15 +80,14 @@ class AntTabBar extends React.Component {
     };
   }
   render() {
-    const {
-      prefixCls,
-      children,
-      animated,
-      swipeable,
-      noRenderContent,
-      prerenderingSiblingsNumber,
-      tabBarPosition
-    } = this.props;
+    const _this$props3 = this.props,
+      prefixCls = _this$props3.prefixCls,
+      children = _this$props3.children,
+      animated = _this$props3.animated,
+      swipeable = _this$props3.swipeable,
+      noRenderContent = _this$props3.noRenderContent,
+      prerenderingSiblingsNumber = _this$props3.prerenderingSiblingsNumber,
+      tabBarPosition = _this$props3.tabBarPosition;
     const tabs = this.getTabs();
     let activeIndex = 0;
     if (Array.isArray(tabs)) {

package/lib/Tabs/index.js

@@ -20,9 +20,7 @@ class Tabs extends React.PureComponent {
   constructor() {
     super(...arguments);
     this.renderTabBar = props => {
-      const {
-        renderTab
-      } = this.props;
+      const renderTab = this.props.renderTab;
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(DefaultTabBar, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
         renderTab: renderTab
       }));

package/lib/TextEditor/index.js

@@ -16,9 +16,7 @@ class TextEditor extends _react.Component {
   constructor(props) {
     super(props);
     this.getValue = () => {
-      const {
-        value
-      } = this.state;
+      const value = this.state.value;
       const text = (0, _utils.getTrimmedString)(value) || null;
       return text;
     };
@@ -59,11 +57,10 @@ class TextEditor extends _react.Component {
       });
     };
     this.onInputKeyDown = e => {
-      const {
-        selectionStart,
-        selectionEnd,
-        value
-      } = e.currentTarget;
+      const _e$currentTarget = e.currentTarget,
+        selectionStart = _e$currentTarget.selectionStart,
+        selectionEnd = _e$currentTarget.selectionEnd,
+        value = _e$currentTarget.value;
       if (e.keyCode === _constants.KeyCodes.Enter) {
         e.preventDefault();
         this.onBlur();
@@ -107,13 +104,10 @@ class TextEditor extends _react.Component {
     };
   }
   UNSAFE_componentWillReceiveProps(nextProps) {
-    const {
-      value: oldValue,
-      column
-    } = this.props;
-    const {
-      value: newValue
-    } = nextProps;
+    const _this$props = this.props,
+      oldValue = _this$props.value,
+      column = _this$props.column;
+    const newValue = nextProps.value;
     if ((0, _cellComparer.isCellValueChanged)(oldValue, newValue, column.type)) {
       this.setState({
         value: newValue || ''
@@ -121,14 +115,11 @@ class TextEditor extends _react.Component {
     }
   }
   render() {
-    const {
-      column,
-      className,
-      placeholder
-    } = this.props;
-    const {
-      value
-    } = this.state;
+    const _this$props2 = this.props,
+      column = _this$props2.column,
+      className = _this$props2.className,
+      placeholder = _this$props2.placeholder;
+    const value = this.state.value;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
         type: "text",

package/lib/TextFormatter/index.js

@@ -23,10 +23,9 @@ class TextFormatter extends _react.default.Component {
     };
   }
   render() {
-    const {
-      containerClassName,
-      value
-    } = this.props;
+    const _this$props = this.props,
+      containerClassName = _this$props.containerClassName,
+      value = _this$props.value;
     const classname = (0, _classnames.default)('dtable-ui cell-formatter-container text-formatter', containerClassName);
     const formattedValue = this.getFormattedValue(value);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {