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

package/lib/RowExpandView/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"));
@@ -21,46 +20,34 @@ 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 = _MobileFullScreenPage.default.Header,
-  MobileFullScreenPageBody = _MobileFullScreenPage.default.Body;
+const {
+  Header,
+  Body: MobileFullScreenPageBody
+} = _MobileFullScreenPage.default;
 const RowExpandView = /*#__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,
-    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,
+  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,
     otherProps = (0, _objectWithoutProperties2.default)(_ref, _excluded);
-  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 [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 isChangedRef = (0, _react.useRef)(false);
   const update = (0, _react.useRef)({});
   const checkEditable = (0, _react.useCallback)(column => {
@@ -88,9 +75,10 @@ const RowExpandView = /*#__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

package/lib/SelectItem/index.js

@@ -11,11 +11,13 @@ var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const SelectItem = _ref => {
-  let option = _ref.option,
-    fontSize = _ref.fontSize,
-    className = _ref.className,
-    isShowRemove = _ref.isShowRemove,
-    onRemove = _ref.onRemove;
+  let {
+    option,
+    fontSize,
+    className,
+    isShowRemove,
+    onRemove
+  } = _ref;
   const selectItemStyle = (0, _react.useMemo)(() => {
     return {
       fontSize: fontSize || 13,
@@ -37,7 +39,7 @@ const SelectItem = _ref => {
       title: option.name,
       children: option.name
     }), isShowRemove && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-      className: "dtable-ui-select-item-remove-btn",
+      className: "dtable-ui-select-item-remove-btn seatable-icon-btn",
       style: removeBtnStyle,
       onClick: onRemove,
       children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {

package/lib/SelectOptionGroup/index.js

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

package/lib/SimpleLongTextFormatter/index.js

@@ -56,17 +56,20 @@ class SimpleLongTextFormatter extends _react.default.Component {
       });
     };
     this.translateValue = () => {
-      const value = this.props.value;
+      const {
+        value
+      } = this.props;
       if (!value) return {};
       const valueType = Object.prototype.toString.call(value);
       if (valueType === '[object String]') {
         const isMarkdown = true;
         const previewTextNeedSlice = false;
-        const _getPreviewContent = (0, _seafileEditor.getPreviewContent)(value, isMarkdown, previewTextNeedSlice),
-          previewText = _getPreviewContent.previewText,
-          images = _getPreviewContent.images,
-          links = _getPreviewContent.links,
-          checklist = _getPreviewContent.checklist;
+        const {
+          previewText,
+          images,
+          links,
+          checklist
+        } = (0, _seafileEditor.getPreviewContent)(value, isMarkdown, previewTextNeedSlice);
         const newValue = Object.assign({}, {
           text: value,
           preview: previewText,
@@ -139,10 +142,13 @@ class SimpleLongTextFormatter extends _react.default.Component {
     this.clearClosePreviewTimer();
   }
   render() {
-    const isPreview = this.state.isPreview;
-    const _this$props = this.props,
-      containerClassName = _this$props.containerClassName,
-      previewClassName = _this$props.previewClassName;
+    const {
+      isPreview
+    } = this.state;
+    const {
+      containerClassName,
+      previewClassName
+    } = this.props;
     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,9 +46,10 @@ const getPreviewContent = markdownContent => {
   }
   const hrefList = markdownContent.match(hrefReg);
   if (hrefList) {
-    const _getLinks = getLinks(hrefList),
-      images = _getLinks.images,
-      links = _getLinks.links;
+    const {
+      images,
+      links
+    } = getLinks(hrefList);
     return {
       preview,
       images,

package/lib/SimpleLongTextFormatter/widgets/LongTextPreview.js

@@ -14,12 +14,17 @@ class LongTextPreview extends _react.default.PureComponent {
   constructor(props) {
     super(props);
     this.getStyle = () => {
-      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;
+      let {
+        formatterStyle
+      } = this.props;
+      let {
+        left,
+        top
+      } = formatterStyle;
+      const {
+        height,
+        opacity
+      } = this.state;
       const width = 520;
       const padding = 6;
       left = left - width > 0 ? left - width - 12 : 0;
@@ -48,12 +53,15 @@ class LongTextPreview extends _react.default.PureComponent {
     setTimeout(() => {
       var _value$images;
       if (!this.ref) return;
-      const value = this.props.value;
+      const {
+        value
+      } = this.props;
 
       // 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 _this$ref$getBounding = this.ref.getBoundingClientRect(),
-        domHeight = _this$ref$getBounding.height;
+      let {
+        height: domHeight
+      } = this.ref.getBoundingClientRect();
       domHeight = hasImage ? 450 : domHeight;
       this.setState({
         height: Math.min(domHeight, 450),
@@ -62,9 +70,10 @@ class LongTextPreview extends _react.default.PureComponent {
     }, 10);
   }
   render() {
-    const _this$props = this.props,
-      className = _this$props.className,
-      value = _this$props.value;
+    const {
+      className,
+      value
+    } = this.props;
     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,9 +51,10 @@ class DtableMarkdownViewer extends _react.default.PureComponent {
         }
       });
     }
-    const _this$props = this.props,
-      showTOC = _this$props.showTOC,
-      markdownContent = _this$props.markdownContent;
+    const {
+      showTOC,
+      markdownContent
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_seafileEditor.MarkdownViewer, {
       value: markdownContent,
       isShowOutline: showTOC

package/lib/SingleSelectEditor/index.js

@@ -13,7 +13,9 @@ var _selectEditor = _interopRequireDefault(require("../select-editor"));
 var _jsxRuntime = require("react/jsx-runtime");
 const _excluded = ["value"];
 const SingleSelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let oldValue = _ref.value,
+  let {
+      value: oldValue
+    } = _ref,
     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 _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 {
+        value,
+        options = [],
+        fontSize
+      } = this.props;
       let option = options.find(item => item.id === value || item.name === value);
       if (option) {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectItem.default, {
@@ -29,9 +29,10 @@ class SingleSelectFormatter extends _react.default.PureComponent {
     };
   }
   render() {
-    const _this$props2 = this.props,
-      containerClassName = _this$props2.containerClassName,
-      value = _this$props2.value;
+    const {
+      containerClassName,
+      value
+    } = this.props;
     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,14 +14,15 @@ class Tab extends React.PureComponent {
   constructor() {
     super(...arguments);
     this.renderIcon = () => {
-      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 {
+        dot,
+        badge,
+        selected,
+        selectedIcon,
+        icon,
+        title,
+        prefixCls
+      } = this.props;
       const iconRes = selected ? selectedIcon : icon;
       const iconDom = /*#__PURE__*/React.isValidElement(iconRes) ? iconRes : /*#__PURE__*/(0, _jsxRuntime.jsx)("img", {
         className: "".concat(prefixCls, "-image"),
@@ -52,12 +53,13 @@ class Tab extends React.PureComponent {
     };
   }
   render() {
-    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 {
+      title,
+      prefixCls,
+      selected,
+      unselectedTintColor,
+      tintColor
+    } = this.props;
     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,9 +15,10 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class Item extends React.Component {
   render() {
-    const _this$props = this.props,
-      prefixCls = _this$props.prefixCls,
-      style = _this$props.style;
+    const {
+      prefixCls,
+      style
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: prefixCls,
       style: style,
@@ -43,13 +44,14 @@ class AntTabBar extends React.Component {
       return tabs;
     };
     this.renderTabBar = () => {
-      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 {
+        barTintColor,
+        prefixCls,
+        tintColor,
+        unselectedTintColor,
+        hidden,
+        tabBarPosition
+      } = this.props;
       const tabsData = this.getTabs();
       const content = Array.isArray(tabsData) ? tabsData.map((cProps, index) => {
         return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Tab.default, {
@@ -80,14 +82,15 @@ class AntTabBar extends React.Component {
     };
   }
   render() {
-    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 {
+      prefixCls,
+      children,
+      animated,
+      swipeable,
+      noRenderContent,
+      prerenderingSiblingsNumber,
+      tabBarPosition
+    } = this.props;
     const tabs = this.getTabs();
     let activeIndex = 0;
     if (Array.isArray(tabs)) {

package/lib/Tabs/index.js

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

package/lib/TextEditor/index.js

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

package/lib/TextFormatter/index.js

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