@seafile/sdoc-editor 2.0.82 → 2.0.83

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/index.js

@@ -1,154 +0,0 @@
-"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 _helpers = require("../helpers");
-var _customSwitch = _interopRequireDefault(require("./custom-switch"));
-var _filterSetter = _interopRequireDefault(require("./filter-setter"));
-var _hideColumnSetter = _interopRequireDefault(require("./hide-column-setter"));
-var _sortSetter = _interopRequireDefault(require("./sort-setter"));
-var _tableSetting = _interopRequireDefault(require("./table-setting"));
-require("./index.css");
-function TableSettings(_ref) {
-  let {
-    editor,
-    element,
-    onHideSettings
-  } = _ref;
-  const [settings, updateSettings] = (0, _react.useState)(element);
-  const [columns, setColumns] = (0, _react.useState)([]);
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  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 = (0, _react.useCallback)(updateProperties => {
-    const newElement = {
-      ...settings,
-      ...updateProperties
-    };
-    updateSettings(newElement);
-    if (timer.current) {
-      clearTimeout(timer.current);
-    }
-    timer.current = setTimeout(() => {
-      (0, _helpers.updateSeaTableTable)(editor, updateProperties);
-    }, 300);
-  }, [editor, settings]);
-  const onTableChange = (0, _react.useCallback)(option => {
-    const {
-      value
-    } = option;
-    const table = editor.getTableById(value);
-    updatePageSettings({
-      table_id: value,
-      filters: [],
-      filter_conjunction: 'And',
-      sorts: [],
-      shown_column_keys: table.columns.map(item => item.key),
-      show_record_numbers: false,
-      alternate_color: true,
-      select_column_display_option_color: true
-    });
-  }, [editor, updatePageSettings]);
-  const onFiltersChange = (0, _react.useCallback)((filters, filter_conjunction) => {
-    updatePageSettings({
-      filters,
-      filter_conjunction
-    });
-  }, [updatePageSettings]);
-  const onSortsChange = (0, _react.useCallback)(sorts => {
-    updatePageSettings({
-      sorts
-    });
-  }, [updatePageSettings]);
-  const onHideColumnChange = (0, _react.useCallback)(shownColumnKeys => {
-    updatePageSettings({
-      shown_column_keys: shownColumnKeys
-    });
-  }, [updatePageSettings]);
-  const onRecordNumbersChange = (0, _react.useCallback)(value => {
-    updatePageSettings({
-      show_record_numbers: value
-    });
-  }, [updatePageSettings]);
-  const onAlternateColorChange = (0, _react.useCallback)(value => {
-    updatePageSettings({
-      alternate_color: value
-    });
-  }, [updatePageSettings]);
-
-  // const onSelectModuleChange = useCallback((value) => {
-  //   updatePageSettings({ select_column_display_option_color: value });
-  // }, [updatePageSettings]);
-
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "document-seatable-settings-wrapper"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "document-seatable-settings-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "document-seatable-settings-header"
-  }, /*#__PURE__*/_react.default.createElement("span", null, t('SeaTable_settings')), /*#__PURE__*/_react.default.createElement("span", {
-    className: "dtable-font dtable-icon-x",
-    onClick: onHideSettings
-  })), /*#__PURE__*/_react.default.createElement("div", {
-    className: "document-seatable-settings-content"
-  }, /*#__PURE__*/_react.default.createElement(_tableSetting.default, {
-    tables: editor.tables,
-    element: settings,
-    onTableChange: onTableChange
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "setting-divide-line"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "setting-item"
-  }, t('Data_settings')), /*#__PURE__*/_react.default.createElement(_filterSetter.default, {
-    wrapperClass: 'filter-setter',
-    columns: columns,
-    filterConjunction: settings.filter_conjunction || 'And',
-    filters: settings.filters || [],
-    collaborators: editor.collaborators,
-    onFiltersChange: onFiltersChange,
-    isNeedSubmit: true
-  }), /*#__PURE__*/_react.default.createElement(_sortSetter.default, {
-    wrapperClass: 'sort-setter',
-    columns: columns,
-    sorts: settings.sorts || [],
-    onSortsChange: onSortsChange,
-    isNeedSubmit: true
-  }), /*#__PURE__*/_react.default.createElement(_hideColumnSetter.default, {
-    wrapperClass: 'hide-column-setter',
-    columns: columns,
-    shownColumnKeys: settings.shown_column_keys || [],
-    onSettingUpdate: onHideColumnChange
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "setting-divide-line"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "setting-item"
-  }, t('Style_settings')), /*#__PURE__*/_react.default.createElement("div", {
-    className: "setting-item"
-  }, /*#__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.default.createElement("div", {
-    className: "setting-item"
-  }, /*#__PURE__*/_react.default.createElement(_customSwitch.default, {
-    checked: settings['alternate_color'] === false ? false : true,
-    isLocked: false,
-    title: t('Alternate_color'),
-    onPropertiesChanged: onAlternateColorChange
-  })))));
-}

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/sort-setter/index.css

@@ -1,83 +0,0 @@
-.sort-popover .popover {
-  max-width: none;
-  min-width: 400px;
-}
-
-.sort-popover .sorts-list {
-  min-height: 120px;
-  max-height: 100%;
-  padding: 15px;
-}
-
-.sort-popover .sorts-list .option-group {
-  overflow: auto;
-  max-height: 360px;
-}
-
-.sort-popover .empty-sorts-container {
-  min-height: 80px;
-  padding: 16px;
-}
-
-.sorts-list .sort-item {
-  display: flex;
-  align-items: center;
-  padding: 0.25rem 0;
-}
-
-.sort-item .condition {
-  display: flex;
-  flex: 1 1;
-}
-
-.sort-item .condition>div {
-  height: 38px;
-  line-height: 38px;
-}
-
-.sort-item .sort-column {
-  width: 150px;
-}
-
-.sort-item .sort-predicate {
-  width: 130px;
-}
-
-.sorts-list .delete-sort {
-  width: 12px;
-  height: 20px;
-  margin-right: 14px;
-  text-align: center;
-}
-
-.sorts-list .empty-sorts-list {
-  color: #999;
-}
-
-.delete-sort .dtable-icon-fork-number {
-  display: inline-block;
-  font-size: 12px;
-  color: #999;
-  cursor: pointer;
-}
-
-.sorts-list .delete-sort .dtable-icon-fork-number:hover {
-  color: #555;
-}
-
-.sort-popover .popover-add-tool {
-  border-top: none;
-  color: #555555;
-}
-
-.sort-popover .popover-add-tool .popover-add-icon {
-  margin-right: 14px;
-}
-
-.sort-popover .sort-popover-footer {
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  padding: 1rem;
-  border-top: 1px solid #e9ecef;
-}

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/sort-setter/index.js

@@ -1,48 +0,0 @@
-"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);
-    (0, _defineProperty2.default)(this, "update", update => {
-      const {
-        sorts
-      } = update || {};
-      this.props.onSortsChange(sorts);
-    });
-  }
-  render() {
-    const {
-      target = 'sdoc-editor-sort-popover',
-      isNeedSubmit = false,
-      sorts,
-      columns,
-      isShowSortPopover,
-      container,
-      popperClassName,
-      onSortToggle
-    } = this.props;
-    if (!columns) return null;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, isShowSortPopover && /*#__PURE__*/_react.default.createElement(_sortPopover.default, {
-      target: target,
-      popperClassName: popperClassName,
-      container: container,
-      isNeedSubmit: isNeedSubmit,
-      columns: columns,
-      onSortComponentToggle: onSortToggle,
-      update: this.update,
-      sorts: sorts
-    }));
-  }
-}
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SortSetter);

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/sort-setter/sort-popover.js

@@ -1,281 +0,0 @@
-"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 _DTableCustomizeSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableCustomizeSelect"));
-var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _reactstrap = require("reactstrap");
-var _dtableUtils = require("dtable-utils");
-var _isHotkey = _interopRequireDefault(require("is-hotkey"));
-var _commonAddTool = _interopRequireDefault(require("../common-add-tool"));
-var _utils = require("../utils/utils");
-var _sortUtils = require("./sort-utils");
-const SORT_TYPES = [_dtableUtils.SORT_TYPE.UP, _dtableUtils.SORT_TYPE.DOWN];
-class SortPopover extends _react.Component {
-  constructor(props) {
-    super(props);
-    (0, _defineProperty2.default)(this, "isNeedSubmit", () => {
-      return this.props.isNeedSubmit;
-    });
-    (0, _defineProperty2.default)(this, "onHotKey", e => {
-      if ((0, _isHotkey.default)('esc', e)) {
-        e.preventDefault();
-        this.props.onSortComponentToggle();
-      }
-    });
-    (0, _defineProperty2.default)(this, "addSort", () => {
-      const {
-        sorts
-      } = this.state;
-      const newSorts = (0, _sortUtils.execSortsOperation)(_sortUtils.SORT_OPERATION.ADD_SORT, {
-        sorts
-      });
-      this.updateSorts(newSorts);
-    });
-    (0, _defineProperty2.default)(this, "deleteSort", (event, index) => {
-      event.nativeEvent.stopImmediatePropagation();
-      const sorts = this.state.sorts.slice(0);
-      const newSorts = (0, _sortUtils.execSortsOperation)(_sortUtils.SORT_OPERATION.DELETE_SORT, {
-        sorts,
-        index
-      });
-      this.updateSorts(newSorts);
-    });
-    (0, _defineProperty2.default)(this, "onSelectColumn", (value, index) => {
-      const sorts = this.state.sorts.slice(0);
-      const newColumnKey = value.column.key;
-      if (newColumnKey === sorts[index].column_key) {
-        return;
-      }
-      const newSorts = (0, _sortUtils.execSortsOperation)(_sortUtils.SORT_OPERATION.MODIFY_SORT_COLUMN, {
-        sorts,
-        index,
-        column_key: newColumnKey
-      });
-      this.updateSorts(newSorts);
-    });
-    (0, _defineProperty2.default)(this, "onSelectSortType", (value, index) => {
-      const sorts = this.state.sorts.slice(0);
-      const newSortType = value.sortType;
-      if (newSortType === sorts[index].sort_type) {
-        return;
-      }
-      const newSorts = (0, _sortUtils.execSortsOperation)(_sortUtils.SORT_OPERATION.MODIFY_SORT_TYPE, {
-        sorts,
-        index,
-        sort_type: newSortType
-      });
-      this.updateSorts(newSorts);
-    });
-    (0, _defineProperty2.default)(this, "updateSorts", sorts => {
-      if (this.isNeedSubmit()) {
-        const isSubmitDisabled = false;
-        this.setState({
-          sorts,
-          isSubmitDisabled
-        });
-        return;
-      }
-      this.setState({
-        sorts
-      }, () => {
-        this.handleSortAnimation();
-      });
-    });
-    (0, _defineProperty2.default)(this, "handleSortAnimation", () => {
-      const update = {
-        sorts: this.state.sorts
-      };
-      this.props.update(update);
-    });
-    (0, _defineProperty2.default)(this, "onClosePopover", () => {
-      this.props.onSortComponentToggle();
-    });
-    (0, _defineProperty2.default)(this, "onSubmitSorts", () => {
-      const {
-        sorts
-      } = this.state;
-      const update = {
-        sorts: sorts
-      };
-      this.props.update(update);
-      this.props.onSortComponentToggle();
-    });
-    (0, _defineProperty2.default)(this, "createColumnsOptions", function () {
-      let columns = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-      const sortableColumns = columns.filter(column => _dtableUtils.SORT_COLUMN_OPTIONS.includes(column.type));
-      return sortableColumns.map(column => {
-        const {
-          type,
-          name
-        } = column;
-        return {
-          value: {
-            column
-          },
-          label: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-            className: "filter-header-icon"
-          }, /*#__PURE__*/_react.default.createElement("i", {
-            className: _dtableUtils.COLUMNS_ICON_CONFIG[type]
-          })), /*#__PURE__*/_react.default.createElement("span", {
-            className: "select-option-name"
-          }, name))
-        };
-      });
-    });
-    (0, _defineProperty2.default)(this, "createSortTypeOptions", () => {
-      const {
-        t
-      } = this.props;
-      return SORT_TYPES.map(sortType => {
-        return {
-          value: {
-            sortType
-          },
-          label: /*#__PURE__*/_react.default.createElement("span", {
-            className: "select-option-name"
-          }, t(sortType))
-        };
-      });
-    });
-    (0, _defineProperty2.default)(this, "renderSortsList", () => {
-      const {
-        columns
-      } = this.props;
-      const {
-        sorts
-      } = this.state;
-      return sorts.map((sort, index) => {
-        const column = (0, _utils.getColumnByKey)(sort.column_key, columns) || {};
-        return this.renderSortItem(column, sort, index);
-      });
-    });
-    (0, _defineProperty2.default)(this, "renderSortItem", (column, sort, index) => {
-      const {
-        t
-      } = this.props;
-      let {
-        name,
-        type
-      } = column;
-      let selectedColumn = {
-        label: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("span", {
-          className: "filter-header-icon"
-        }, /*#__PURE__*/_react.default.createElement("i", {
-          className: _dtableUtils.COLUMNS_ICON_CONFIG[type]
-        })), /*#__PURE__*/_react.default.createElement("span", {
-          className: "select-option-name",
-          title: name,
-          "aria-label": name
-        }, name))
-      };
-      let selectedTypeShow = sort.sort_type;
-      let selectedSortType = selectedTypeShow && {
-        label: /*#__PURE__*/_react.default.createElement("span", {
-          className: "select-option-name"
-        }, t(selectedTypeShow))
-      };
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: 'sort-item-' + index,
-        className: "sort-item"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "delete-sort",
-        onClick: event => this.deleteSort(event, index)
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-font dtable-icon-fork-number"
-      })), /*#__PURE__*/_react.default.createElement("div", {
-        className: "condition"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "sort-column"
-      }, /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
-        value: selectedColumn,
-        onSelectOption: value => this.onSelectColumn(value, index),
-        options: this.columnsOptions,
-        searchable: true,
-        searchPlaceholder: t('Search_column'),
-        noOptionsPlaceholder: t('No_results')
-      })), /*#__PURE__*/_react.default.createElement("div", {
-        className: "sort-predicate ml-2"
-      }, /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect2.default, {
-        value: selectedSortType,
-        onSelectOption: value => this.onSelectSortType(value, index),
-        options: this.sortTypeOptions
-      }))));
-    });
-    (0, _defineProperty2.default)(this, "onPopoverInsideClick", e => {
-      e.stopPropagation();
-    });
-    const {
-      sorts: _sorts,
-      columns: _columns
-    } = this.props;
-    this.sortTypeOptions = this.createSortTypeOptions();
-    this.columnsOptions = this.createColumnsOptions(_columns);
-    this.state = {
-      sorts: (0, _sortUtils.getDisplaySorts)(_sorts, _columns)
-    };
-  }
-  componentDidMount() {
-    document.addEventListener('keydown', this.onHotKey);
-  }
-  componentWillUnmount() {
-    document.removeEventListener('keydown', this.onHotKey);
-  }
-  UNSAFE_componentWillReceiveProps(nextProps) {
-    const newColumns = nextProps.columns;
-    if (newColumns !== this.props.columns) {
-      this.columnsOptions = this.createColumnsOptions(newColumns);
-    }
-  }
-  render() {
-    const {
-      target,
-      container,
-      popperClassName,
-      t
-    } = this.props;
-    const {
-      sorts
-    } = this.state;
-    const isEmpty = (0, _sortUtils.isSortsEmpty)(sorts);
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.UncontrolledPopover, {
-      placement: "bottom-start",
-      isOpen: true,
-      target: target,
-      fade: false,
-      hideArrow: true,
-      className: "sort-popover",
-      popperClassName: popperClassName,
-      container: container,
-      boundariesElement: document.body
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: ref => this.sortPopoverRef = ref,
-      onClick: this.onPopoverInsideClick
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: `sorts-list ${isEmpty ? 'empty-sorts-container' : ''}`
-    }, isEmpty ? /*#__PURE__*/_react.default.createElement("div", {
-      className: "empty-sorts-list"
-    }, t('No_sorts')) : this.renderSortsList()), /*#__PURE__*/_react.default.createElement(_commonAddTool.default, {
-      callBack: this.addSort,
-      footerName: t('Add_sort'),
-      className: "popover-add-tool",
-      addIconClassName: "popover-add-icon"
-    }), this.isNeedSubmit() && /*#__PURE__*/_react.default.createElement("div", {
-      className: "sort-popover-footer"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-      className: "mr-2",
-      onClick: this.onClosePopover
-    }, t('Cancel')), /*#__PURE__*/_react.default.createElement(_reactstrap.Button, {
-      color: "primary",
-      disabled: this.state.isSubmitDisabled,
-      onClick: this.onSubmitSorts
-    }, t('Submit')))));
-  }
-}
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SortPopover);

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/sort-setter/sort-utils.js

@@ -1,80 +0,0 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isSortsEmpty = exports.getDisplaySorts = exports.execSortsOperation = exports.SORT_OPERATION = void 0;
-var _dtableUtils = require("dtable-utils");
-const SORT_OPERATION = exports.SORT_OPERATION = {
-  ADD_SORT: 'add_sort',
-  DELETE_SORT: 'delete_sort',
-  MODIFY_SORT_COLUMN: 'modify_sort_column',
-  MODIFY_SORT_TYPE: 'modify_sort_type'
-};
-const getDisplaySorts = (sorts, columns) => {
-  if (!Array.isArray(sorts) || !Array.isArray(columns)) {
-    return [];
-  }
-  return sorts.filter(sort => !sort.column_key || (0, _dtableUtils.isValidSort)(sort, columns));
-};
-exports.getDisplaySorts = getDisplaySorts;
-const isSortsEmpty = sorts => {
-  return !sorts || sorts.length === 0;
-};
-exports.isSortsEmpty = isSortsEmpty;
-const execSortsOperation = (action, payload) => {
-  const {
-    sorts: updatedSorts
-  } = payload;
-  switch (action) {
-    case SORT_OPERATION.ADD_SORT:
-      {
-        const newSort = {
-          column_key: null,
-          sort_type: _dtableUtils.SORT_TYPE.UP
-        };
-        updatedSorts.push(newSort);
-        return updatedSorts;
-      }
-    case SORT_OPERATION.DELETE_SORT:
-      {
-        const {
-          index
-        } = payload;
-        updatedSorts.splice(index, 1);
-        return updatedSorts;
-      }
-    case SORT_OPERATION.MODIFY_SORT_COLUMN:
-      {
-        const {
-          index,
-          column_key
-        } = payload;
-        const newSort = {
-          column_key: column_key,
-          sort_type: _dtableUtils.SORT_TYPE.UP
-        };
-        updatedSorts[index] = newSort;
-        return updatedSorts;
-      }
-    case SORT_OPERATION.MODIFY_SORT_TYPE:
-      {
-        const {
-          index,
-          sort_type
-        } = payload;
-        const updatedSort = updatedSorts[index];
-        const newSort = {
-          column_key: updatedSort.column_key,
-          sort_type: sort_type
-        };
-        updatedSorts[index] = newSort;
-        return updatedSorts;
-      }
-    default:
-      {
-        return updatedSorts;
-      }
-  }
-};
-exports.execSortsOperation = execSortsOperation;

package/dist/plugin-module/plugins/seatable-tables/seatable-settings/table-setting/index.js

@@ -1,47 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _DTableSelect2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSelect"));
-var _react = _interopRequireDefault(require("react"));
-var _reactI18next = require("react-i18next");
-var _reactstrap = require("reactstrap");
-class TableSetting extends _react.default.Component {
-  render() {
-    const {
-      tables,
-      element,
-      t
-    } = this.props;
-    const {
-      table_id
-    } = element;
-    const options = tables.map(item => {
-      let value = item._id;
-      let label = item.name;
-      return {
-        value,
-        label
-      };
-    });
-    let selectedOption;
-    if (table_id) {
-      selectedOption = options.find(option => option.value === table_id);
-    }
-    if (!selectedOption) {
-      selectedOption = options[0];
-    }
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "setting-item table-setting"
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, null, t('Sub_table')), /*#__PURE__*/_react.default.createElement(_DTableSelect2.default, {
-      value: selectedOption,
-      options: options,
-      onChange: this.props.onTableChange,
-      menuPortalTarget: "element-settings"
-    }));
-  }
-}
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(TableSetting);