@seafile/sdoc-editor 1.0.54 → 1.0.56

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/hide-column-setter/hide-column-popover.js

@@ -1,20 +1,27 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React from 'react';
-import { UncontrolledPopover } from 'reactstrap';
-import { withTranslation } from 'react-i18next';
-import isHotkey from 'is-hotkey';
-import { COLUMNS_ICON_CONFIG } from 'dtable-utils';
-import HideColumnItem from './hide-column-item';
-class HideColumnPopover extends React.Component {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _reactstrap = require("reactstrap");
+var _reactI18next = require("react-i18next");
+var _isHotkey = _interopRequireDefault(require("is-hotkey"));
+var _dtableUtils = require("dtable-utils");
+var _hideColumnItem = _interopRequireDefault(require("./hide-column-item"));
+class HideColumnPopover extends _react.default.Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "onHotKey", e => {
-      if (isHotkey('esc', e)) {
+    (0, _defineProperty2.default)(this, "onHotKey", e => {
+      if ((0, _isHotkey.default)('esc', e)) {
         e.preventDefault();
         this.props.onPopoverToggle();
       }
     });
-    _defineProperty(this, "onChooseAllColumns", () => {
+    (0, _defineProperty2.default)(this, "onChooseAllColumns", () => {
       const {
         columns
       } = this.props;
@@ -34,7 +41,7 @@ class HideColumnPopover extends React.Component {
         this.props.modifyHiddenColumns(shownColumnKeys);
       });
     });
-    _defineProperty(this, "onHideAllColumns", () => {
+    (0, _defineProperty2.default)(this, "onHideAllColumns", () => {
       const {
         columns
       } = this.props;
@@ -50,7 +57,7 @@ class HideColumnPopover extends React.Component {
         this.props.modifyHiddenColumns(shownColumnKeys);
       });
     });
-    _defineProperty(this, "onUpdateFieldSetting", columnSetting => {
+    (0, _defineProperty2.default)(this, "onUpdateFieldSetting", columnSetting => {
       const {
         columns
       } = this.props;
@@ -77,10 +84,10 @@ class HideColumnPopover extends React.Component {
         this.props.modifyHiddenColumns(shownColumnKeys);
       });
     });
-    _defineProperty(this, "onPopoverInsideClick", e => {
+    (0, _defineProperty2.default)(this, "onPopoverInsideClick", e => {
       e.stopPropagation();
     });
-    _defineProperty(this, "onChangeSearch", event => {
+    (0, _defineProperty2.default)(this, "onChangeSearch", event => {
       let {
         searchVal
       } = this.state;
@@ -92,7 +99,7 @@ class HideColumnPopover extends React.Component {
         searchVal
       });
     });
-    _defineProperty(this, "getFilteredColumns", () => {
+    (0, _defineProperty2.default)(this, "getFilteredColumns", () => {
       let {
         searchVal,
         fieldSettings
@@ -126,7 +133,7 @@ class HideColumnPopover extends React.Component {
         key: column.key,
         isChecked: shownColumnKeys.includes(column.key),
         columnName: column.name,
-        columnIcon: COLUMNS_ICON_CONFIG[column.type]
+        columnIcon: _dtableUtils.COLUMNS_ICON_CONFIG[column.type]
       };
     });
     // table page cannot hide first column
@@ -144,7 +151,7 @@ class HideColumnPopover extends React.Component {
     } = this.props;
     const fieldSettings = this.getFilteredColumns();
     const isEmpty = fieldSettings.length === 0 ? true : false;
-    return /*#__PURE__*/React.createElement(UncontrolledPopover, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
       placement: "bottom-start",
       container: container,
       popperClassName: popperClassName,
@@ -154,43 +161,43 @@ class HideColumnPopover extends React.Component {
       hideArrow: true,
       className: "hidden-column-popover",
       boundariesElement: document.body
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       ref: ref => this.popoverRef = ref,
       onClick: this.onPopoverInsideClick
-    }, /*#__PURE__*/React.createElement("div", {
-      className: "field-settings ".concat(isEmpty ? 'empty' : '')
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: `field-settings ${isEmpty ? 'empty' : ''}`
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "search-column"
-    }, /*#__PURE__*/React.createElement("input", {
+    }, /*#__PURE__*/_react.default.createElement("input", {
       className: "form-control",
       type: "text",
       placeholder: t('Search_column'),
       value: this.state.searchVal,
       onChange: this.onChangeSearch
-    })), isEmpty && /*#__PURE__*/React.createElement("div", {
+    })), isEmpty && /*#__PURE__*/_react.default.createElement("div", {
       className: "empty-hidden-columns-container"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "empty-hidden-columns-list"
-    }, t('No_columns_available_to_be_hidden'))), !isEmpty && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    }, t('No_columns_available_to_be_hidden'))), !isEmpty && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       className: "field-settings-body",
       style: {
         maxHeight: window.innerHeight - 400 + 'px'
       }
     }, fieldSettings.map(setting => {
-      return /*#__PURE__*/React.createElement(HideColumnItem, {
+      return /*#__PURE__*/_react.default.createElement(_hideColumnItem.default, {
         key: setting.key,
         setting: setting,
         onUpdateFieldSetting: this.onUpdateFieldSetting
       });
-    })), !this.state.searchVal && /*#__PURE__*/React.createElement("div", {
+    })), !this.state.searchVal && /*#__PURE__*/_react.default.createElement("div", {
       className: "field-settings-header"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "hide-all px-2",
       onClick: this.onHideAllColumns
-    }, t('Hide_all')), /*#__PURE__*/React.createElement("div", {
+    }, t('Hide_all')), /*#__PURE__*/_react.default.createElement("div", {
       className: "show-all px-2",
       onClick: this.onChooseAllColumns
     }, t('Show_all')))))));
   }
 }
-export default withTranslation('sdoc-editor')(HideColumnPopover);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(HideColumnPopover);

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/hide-column-setter/index.css

@@ -54,6 +54,7 @@
   line-height: 30px;
   display: flex;
   cursor: pointer;
+  padding: 0 16px;
 }
 
 .field-settings .field-settings-body>div:hover {

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/hide-column-setter/index.js

@@ -1,12 +1,20 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { Component } from 'react';
-import { withTranslation } from 'react-i18next';
-import HideColumnPopover from './hide-column-popover';
-import './index.css';
-class HideColumnSetter extends Component {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _hideColumnPopover = _interopRequireDefault(require("./hide-column-popover"));
+require("./index.css");
+class HideColumnSetter extends _react.Component {
   constructor(props) {
     super(props);
-    _defineProperty(this, "modifyHiddenColumns", shownColumnKeys => {
+    (0, _defineProperty2.default)(this, "modifyHiddenColumns", shownColumnKeys => {
       this.setState({
         shownColumnKeys
       });
@@ -28,7 +36,7 @@ class HideColumnSetter extends Component {
       shownColumnKeys
     } = this.state;
     if (!columns) return null;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isShowHideColumnSetter && /*#__PURE__*/React.createElement(HideColumnPopover, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isShowHideColumnSetter && /*#__PURE__*/_react.default.createElement(_hideColumnPopover.default, {
       container: container,
       target: target,
       popperClassName: popperClassName,
@@ -39,7 +47,7 @@ class HideColumnSetter extends Component {
     }));
   }
 }
-_defineProperty(HideColumnSetter, "defaultProps", {
+(0, _defineProperty2.default)(HideColumnSetter, "defaultProps", {
   target: 'sdoc-editor-hide-column-popover'
 });
-export default withTranslation('sdoc-editor')(HideColumnSetter);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(HideColumnSetter);

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/index.js

@@ -1,32 +1,40 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import TableSetting from './table-setting';
-import FilterSetter from './filter-setter';
-import SortSetter from './sort-setter';
-import HideColumnSetter from './hide-column-setter';
-import CustomSwitch from './custom-switch';
-import { updateSeaTableTable } from '../helpers';
-import './index.css';
-export default function TableSettings(_ref) {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = TableSettings;
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _tableSetting = _interopRequireDefault(require("./table-setting"));
+var _filterSetter = _interopRequireDefault(require("./filter-setter"));
+var _sortSetter = _interopRequireDefault(require("./sort-setter"));
+var _hideColumnSetter = _interopRequireDefault(require("./hide-column-setter"));
+var _customSwitch = _interopRequireDefault(require("./custom-switch"));
+var _helpers = require("../helpers");
+require("./index.css");
+function TableSettings(_ref) {
   let {
     editor,
     element,
     onHideSettings
   } = _ref;
-  const [settings, updateSettings] = useState(element);
-  const [columns, setColumns] = useState([]);
+  const [settings, updateSettings] = (0, _react.useState)(element);
+  const [columns, setColumns] = (0, _react.useState)([]);
   const {
     t
-  } = useTranslation();
-  const timer = useRef(null);
-  useEffect(() => {
+  } = (0, _reactI18next.useTranslation)();
+  const timer = (0, _react.useRef)(null);
+  (0, _react.useEffect)(() => {
     const {
       table_id
     } = settings;
     const table = editor.getTableById(table_id);
     setColumns(table.columns);
   }, [editor, settings]);
-  const updatePageSettings = useCallback(updateProperties => {
+  const updatePageSettings = (0, _react.useCallback)(updateProperties => {
     const newElement = {
       ...settings,
       ...updateProperties
@@ -36,10 +44,10 @@ export default function TableSettings(_ref) {
       clearTimeout(timer.current);
     }
     timer.current = setTimeout(() => {
-      updateSeaTableTable(editor, updateProperties);
+      (0, _helpers.updateSeaTableTable)(editor, updateProperties);
     }, 300);
   }, [editor, settings]);
-  const onTableChange = useCallback(option => {
+  const onTableChange = (0, _react.useCallback)(option => {
     const {
       value
     } = option;
@@ -55,28 +63,28 @@ export default function TableSettings(_ref) {
       select_column_display_option_color: true
     });
   }, [editor, updatePageSettings]);
-  const onFiltersChange = useCallback((filters, filter_conjunction) => {
+  const onFiltersChange = (0, _react.useCallback)((filters, filter_conjunction) => {
     updatePageSettings({
       filters,
       filter_conjunction
     });
   }, [updatePageSettings]);
-  const onSortsChange = useCallback(sorts => {
+  const onSortsChange = (0, _react.useCallback)(sorts => {
     updatePageSettings({
       sorts
     });
   }, [updatePageSettings]);
-  const onHideColumnChange = useCallback(shownColumnKeys => {
+  const onHideColumnChange = (0, _react.useCallback)(shownColumnKeys => {
     updatePageSettings({
       shown_column_keys: shownColumnKeys
     });
   }, [updatePageSettings]);
-  const onRecordNumbersChange = useCallback(value => {
+  const onRecordNumbersChange = (0, _react.useCallback)(value => {
     updatePageSettings({
       show_record_numbers: value
     });
   }, [updatePageSettings]);
-  const onAlternateColorChange = useCallback(value => {
+  const onAlternateColorChange = (0, _react.useCallback)(value => {
     updatePageSettings({
       alternate_color: value
     });
@@ -86,26 +94,26 @@ export default function TableSettings(_ref) {
   //   updatePageSettings({ select_column_display_option_color: value });
   // }, [updatePageSettings]);
 
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "document-seatable-settings-wrapper"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "document-seatable-settings-container"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     className: "document-seatable-settings-header"
-  }, /*#__PURE__*/React.createElement("span", null, t('SeaTable_settings')), /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", null, t('SeaTable_settings')), /*#__PURE__*/_react.default.createElement("span", {
     className: "dtable-font dtable-icon-x",
     onClick: onHideSettings
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "document-seatable-settings-content"
-  }, /*#__PURE__*/React.createElement(TableSetting, {
+  }, /*#__PURE__*/_react.default.createElement(_tableSetting.default, {
     tables: editor.tables,
     element: settings,
     onTableChange: onTableChange
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "setting-divide-line"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "setting-item"
-  }, t('Data_settings')), /*#__PURE__*/React.createElement(FilterSetter, {
+  }, t('Data_settings')), /*#__PURE__*/_react.default.createElement(_filterSetter.default, {
     wrapperClass: 'filter-setter',
     columns: columns,
     filterConjunction: settings.filter_conjunction || 'And',
@@ -113,31 +121,31 @@ export default function TableSettings(_ref) {
     collaborators: editor.collaborators,
     onFiltersChange: onFiltersChange,
     isNeedSubmit: true
-  }), /*#__PURE__*/React.createElement(SortSetter, {
+  }), /*#__PURE__*/_react.default.createElement(_sortSetter.default, {
     wrapperClass: 'sort-setter',
     columns: columns,
     sorts: settings.sorts || [],
     onSortsChange: onSortsChange,
     isNeedSubmit: true
-  }), /*#__PURE__*/React.createElement(HideColumnSetter, {
+  }), /*#__PURE__*/_react.default.createElement(_hideColumnSetter.default, {
     wrapperClass: 'hide-column-setter',
     columns: columns,
     shownColumnKeys: settings.shown_column_keys || [],
     onSettingUpdate: onHideColumnChange
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "setting-divide-line"
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "setting-item"
-  }, t('Style_settings')), /*#__PURE__*/React.createElement("div", {
+  }, t('Style_settings')), /*#__PURE__*/_react.default.createElement("div", {
     className: "setting-item"
-  }, /*#__PURE__*/React.createElement(CustomSwitch, {
+  }, /*#__PURE__*/_react.default.createElement(_customSwitch.default, {
     checked: settings['show_record_numbers'] === true ? true : false,
     isLocked: false,
     title: t('Show_record_numbers'),
     onPropertiesChanged: onRecordNumbersChange
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     className: "setting-item"
-  }, /*#__PURE__*/React.createElement(CustomSwitch, {
+  }, /*#__PURE__*/_react.default.createElement(_customSwitch.default, {
     checked: settings['alternate_color'] === false ? false : true,
     isLocked: false,
     title: t('Alternate_color'),

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/sort-setter/index.js

@@ -1,12 +1,20 @@
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-import React, { Component } from 'react';
-import { withTranslation } from 'react-i18next';
-import SortPopover from './sort-popover';
-import './index.css';
-class SortSetter extends Component {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _sortPopover = _interopRequireDefault(require("./sort-popover"));
+require("./index.css");
+class SortSetter extends _react.Component {
   constructor() {
     super(...arguments);
-    _defineProperty(this, "update", update => {
+    (0, _defineProperty2.default)(this, "update", update => {
       const {
         sorts
       } = update || {};
@@ -24,7 +32,7 @@ class SortSetter extends Component {
       onSortToggle
     } = this.props;
     if (!columns) return null;
-    return /*#__PURE__*/React.createElement(React.Fragment, null, isShowSortPopover && /*#__PURE__*/React.createElement(SortPopover, {
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isShowSortPopover && /*#__PURE__*/_react.default.createElement(_sortPopover.default, {
       target: this.props.target,
       popperClassName: popperClassName,
       container: container,
@@ -36,8 +44,8 @@ class SortSetter extends Component {
     }));
   }
 }
-_defineProperty(SortSetter, "defaultProps", {
+(0, _defineProperty2.default)(SortSetter, "defaultProps", {
   target: 'sdoc-editor-sort-popover',
   isNeedSubmit: false
 });
-export default withTranslation('sdoc-editor')(SortSetter);
+var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SortSetter);