dtable-ui-component 5.3.1-beta1 → 6.0.0

package/lib/locals/ru.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* eslint-disable quotes */
+const ru = {
+  "Add_an_option": "Add an option",
+  "Search_option": "Search option",
+  "No_options_available": "Нет доступных вариантов.",
+  "Current_option": "Текущая опция",
+  "No_option": "Нет опций",
+  "Choose_an_option": "Choose an option",
+  "Add_a_collaborator": "Add a collaborator",
+  "Search_collaborator": "Найти сотрудников",
+  "No_collaborators_available": "Нет сотрудников.",
+  "Done": "Выполнено",
+  "Choose_a_collaborator": "Choose a collaborator",
+  "Please_input": "Please input",
+  "Please_select": "Please select",
+  "Clear": "Очистить",
+  "Are_you_sure_you_want_to_delete_this_image": "Are you sure you want to delete this image?",
+  "Are_you_sure_you_want_to_delete_this_file": "Are you sure you want to delete this file?",
+  "Cancel": "Отменить",
+  "Delete": "Удалить",
+  "Search_department": "Search department",
+  "No_departments_available": "No departments available",
+  "Current_user_department": "Current user's department",
+  "Current_user_department_and_sub": "Current user's department and sub-departments",
+  "Specific_departments": "Specific departments",
+  "Deleted_department": "Deleted department",
+  "Add_filter": "Добавить фильтр",
+  "Submit": "Сохранить",
+  "No_filters": "No filters",
+  "Select_an_option": "Выберите опцию",
+  "Add_collaborator": "Add collaborator",
+  "Add_a_creator": "Добавить создателя",
+  "Add_a_last_modifier": "Добавить последний изменивший",
+  "Invalid_filter": "Invalid filter",
+  "Search_column": "Search column",
+  "No_results": "Нет результатов.",
+  "Select_option(s)": "Выберите опцию(и)",
+  "contains": "содержит",
+  "does_not_contain": "не содержит",
+  "is": "является",
+  "is_not": "не является",
+  "equal": "=",
+  "not_equal": "≠",
+  "less": "<",
+  "greater": ">",
+  "less_or_equal": "≤",
+  "greater_or_equal": "≥",
+  "is_empty": "пусто",
+  "is_not_empty": "не пусто",
+  "include_me": "включить текущего пользователя",
+  "is_within": "внутри...",
+  "is_before": "раньше ...",
+  "is_after": "после ...",
+  "is_on_or_before": "сейчас или раньше ...",
+  "is_on_or_after": "сейчас или после ...",
+  "has_any_of": "имеет какой-либо из ...",
+  "has_all_of": "есть все ...",
+  "has_none_of": "не имеет ни одного из них...",
+  "is_exactly": "точно ...",
+  "is_current_user_ID": "это идентификатор текущего пользователя",
+  "Current_date": "Current date",
+  "Specific_date": "Specific date",
+  "x_days_before_current_date": "X days before current date",
+  "x_days_after_current_date": "X days after current date",
+  "is_any_of": "любой из ...",
+  "is_none_of": "кроме ...",
+  "today": "Сегодня",
+  "tomorrow": "завтра",
+  "yesterday": "вчера",
+  "one_week_ago": "неделю назад",
+  "one_week_from_now": "через неделю",
+  "one_month_ago": "месяц назад",
+  "one_month_from_now": "через месяц",
+  "number_of_days_ago": "количество дней назад",
+  "number_of_days_from_now": "количество дней с этого момента",
+  "exact_date": "точная дата",
+  "the_past_week": "прошлая неделя",
+  "the_past_month": "прошлый месяц",
+  "the_past_year": "прошлый год",
+  "the_next_week": "на следующей неделе",
+  "the_next_month": "в следующем месяце",
+  "the_next_year": "в следующем году",
+  "the_next_numbers_of_days": "через дней...",
+  "the_past_numbers_of_days": "до дней ...",
+  "this_week": "на этой неделе",
+  "this_month": "в этом месяце",
+  "this_year": "в этом году",
+  "last_week": "last week",
+  "last_month": "last month",
+  "last_year": "last year",
+  "URL_is_invalid": "URL-адрес недействителен",
+  "Select_department": "Select department",
+  "Default": "Нарушение обязательств",
+  "Custom": "Обычаи",
+  "Recently_used": "Недавно использованный"
+};
+var _default = exports.default = ru;

package/lib/locals/zh-CN.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* eslint-disable quotes */
+const zh_CN = {
+  "Add_an_option": "添加一个选项",
+  "Search_option": "查找标签",
+  "No_options_available": "没有找到标签。",
+  "Current_option": "当前标签",
+  "No_option": "没有标签",
+  "Choose_an_option": "选择一个标签",
+  "Add_a_collaborator": "添加协作者",
+  "Search_collaborator": "搜索协作者",
+  "No_collaborators_available": "没有找到协作者",
+  "Done": "完成",
+  "Choose_a_collaborator": "选择一个协作者",
+  "Please_input": "请输入",
+  "Please_select": "请选择",
+  "Clear": "清空",
+  "Are_you_sure_you_want_to_delete_this_file": "你确定要删除此文件吗？",
+  "Are_you_sure_you_want_to_delete_this_image": "你确定要删除此图片吗？",
+  "Cancel": "取消",
+  "Delete": "删除",
+  "Search_department": "查找部门",
+  "No_departments_available": "没有可用的部门",
+  "Current_user_department": "当前用户的部门",
+  "Current_user_department_and_sub": "当前用户的部门和子部门",
+  "Specific_departments": "具体部门",
+  "Deleted_department": "已经删除的部门",
+  "View_original_image": "查看原图",
+  "Add_filter": "添加过滤",
+  "Submit": "提交",
+  "No_filters": "没有过滤条件",
+  "Select_an_option": "选择标签",
+  "Add_collaborator": "添加协作人",
+  "Add_a_creator": "增加创建者",
+  "Add_a_last_modifier": "增加最后修改者",
+  "Invalid_filter": "无效的过滤器",
+  "Search_column": "查找列",
+  "No_results": "没有结果",
+  "Select_option(s)": "选择标签",
+  "contains": "包含",
+  "does_not_contain": "不包含",
+  "is": "是",
+  "is_not": "不是",
+  "equal": "=",
+  "not_equal": "≠",
+  "less": "<",
+  "greater": ">",
+  "less_or_equal": "≤",
+  "greater_or_equal": "≥",
+  "is_empty": "是空",
+  "is_not_empty": "不是空",
+  "is_within": "在某段时间内",
+  "is_before": "在某天之前",
+  "is_after": "在某天之后",
+  "is_on_or_before": "在某天或之前",
+  "is_on_or_after": "在某天或之后",
+  "has_any_of": "包含其中一个",
+  "has_all_of": "包含所有",
+  "has_none_of": "不包含",
+  "is_exactly": "精确筛选",
+  "is_current_user_ID": "是当前用户的 ID",
+  "Current_date": "当前日期",
+  "Specific_date": "指定日期",
+  "x_days_before_current_date": "当前日期的前 X 天",
+  "x_days_after_current_date": "当前日期的后 X 天",
+  "is_any_of": "是任意一个...",
+  "is_none_of": "不是任意一个...",
+  "include_me": "包括当前用户",
+  "today": "今天",
+  "tomorrow": "明天",
+  "yesterday": "昨天",
+  "one_week_ago": "一周前",
+  "one_week_from_now": "一周后",
+  "one_month_ago": "一个月前",
+  "one_month_from_now": "一个月后",
+  "number_of_days_ago": "特定天数前",
+  "number_of_days_from_now": "特定天数后",
+  "exact_date": "精确日期",
+  "the_past_week": "上个星期",
+  "the_past_month": "上个月",
+  "the_past_year": "去年",
+  "the_next_week": "下个星期",
+  "the_next_month": "下个月",
+  "the_next_year": "下一年",
+  "the_next_numbers_of_days": "今天之后的指定天数",
+  "the_past_numbers_of_days": "今天之前的指定天数",
+  "this_week": "这个星期",
+  "this_month": "这个月",
+  "this_year": "今年",
+  "last_week": "上个星期",
+  "last_month": "上个月",
+  "last_year": "去年",
+  "URL_is_invalid": "URL 无效",
+  "Select_department": "选择部门",
+  "Default": "默认",
+  "Custom": "自定义",
+  "Recently_used": "最近使用"
+};
+var _default = exports.default = zh_CN;

package/lib/select-editor/index.js

@@ -4,16 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "MBSelectEditor", {
+Object.defineProperty(exports, "MBSelectEditorPopover", {
   enumerable: true,
   get: function () {
-    return _mbSelectEditor.default;
+    return _mbSelectEditorPopover.default;
   }
 });
-Object.defineProperty(exports, "PCSelectEditor", {
+Object.defineProperty(exports, "PCSelectEditorPopover", {
   enumerable: true,
   get: function () {
-    return _pcSelectEditor.default;
+    return _pcSelectEditorPopover.default;
   }
 });
 Object.defineProperty(exports, "SelectEditorOption", {
@@ -22,6 +22,6 @@ Object.defineProperty(exports, "SelectEditorOption", {
     return _selectEditorOption.default;
   }
 });
-var _mbSelectEditor = _interopRequireDefault(require("./mb-select-editor"));
-var _pcSelectEditor = _interopRequireDefault(require("./pc-select-editor"));
+var _mbSelectEditorPopover = _interopRequireDefault(require("./mb-select-editor-popover"));
+var _pcSelectEditorPopover = _interopRequireDefault(require("./pc-select-editor-popover"));
 var _selectEditorOption = _interopRequireDefault(require("./select-editor-option"));

package/lib/select-editor/{mb-select-editor → mb-select-editor-popover}/index.js

@@ -14,7 +14,7 @@ require("./index.css");
 class MBSelectEditorPopover extends _react.default.Component {
   constructor(props) {
     super(props);
-    this.handleHistoryBack = e => {
+    this.handleHistaryBack = e => {
       e.preventDefault();
       this.props.onClosePopover();
     };
@@ -109,10 +109,10 @@ class MBSelectEditorPopover extends _react.default.Component {
   }
   componentDidMount() {
     history.pushState(null, null, '#'); // eslint-disable-line
-    window.addEventListener('popstate', this.handleHistoryBack, false);
+    window.addEventListener('popstate', this.handleHistaryBack, false);
   }
   componentWillUnmount() {
-    window.removeEventListener('popstate', this.handleHistoryBack, false);
+    window.removeEventListener('popstate', this.handleHistaryBack, false);
   }
   render() {
     const {

package/lib/select-editor/pc-select-editor-popover/index.css

@@ -0,0 +1,71 @@
+@import url('../../css/cell-editor.css');
+
+.dtable-ui-select-editor-popover .select-options-search {
+  padding: 10px 10px 0 10px;
+}
+
+.dtable-ui-select-editor-popover .select-options-search input {
+  height: 28px;
+}
+
+.dtable-ui-select-editor-popover .select-options-container {
+  min-height: 160px;
+  max-height: 200px;
+  margin: 10px 0;
+  padding: 0 10px;
+  overflow: auto;
+}
+
+/* option item */
+.dtable-ui-select-editor-popover .select-option-item {
+  display: flex;
+  height: 30px;
+  padding-left: 12px;
+  font-size: 14px;
+  line-height: 30px;
+  cursor: pointer;
+}
+
+.dtable-ui-select-editor-popover .select-option-item:hover {
+  background-color: #f5f5f5;
+}
+
+.dtable-ui-select-editor-popover .option-info {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+
+.dtable-ui-select-editor-popover .option-checked {
+  width: 20px;
+  text-align: center;
+}
+
+.dtable-ui-select-editor-popover .option-checked .dtable-font {
+  font-size: 12px;
+  color: #798d99;
+}
+
+.dtable-ui-select-editor-popover .select-options-add {
+  display: flex;
+  align-items: center;
+  padding: 0 10px;
+  height: 30px;
+  border-top: 1px solid #ccc;
+}
+
+.dtable-ui-select-editor-popover .select-options-add .dtable-font {
+  margin-right: 5px;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.dtable-ui-select-editor-popover .select-options-add > span {
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  color: #212529;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

package/lib/select-editor/pc-select-editor-popover/index.js

@@ -0,0 +1,122 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _lang = require("../../lang");
+require("./index.css");
+class PCSelectEditorPopover extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.onValueChanged = event => {
+      let value = event.target.value;
+      this.setState({
+        searchValue: value
+      });
+    };
+    this.onInputClick = event => {
+      event.nativeEvent.stopImmediatePropagation();
+      event.stopPropagation();
+    };
+    this.onAddNewOption = () => {
+      let name = this.state.searchValue.trim();
+      this.props.onAddNewOption(name);
+    };
+    this.onOptionItemToggle = item => {
+      this.props.onOptionItemToggle(item);
+    };
+    this.getFilterOptions = () => {
+      let {
+        options
+      } = this.props;
+      let filter = this.state.searchValue.toLowerCase();
+      if (!filter) {
+        return options;
+      }
+      return options.filter(option => {
+        return option.name.toString().toLowerCase().indexOf(filter) > -1;
+      });
+    };
+    this.getOptionStyle = option => {
+      const textColor = option.textColor || null;
+      return {
+        display: 'inline-block',
+        padding: '0px 10px',
+        height: '20px',
+        lineHeight: '20px',
+        borderRadius: '10px',
+        fontSize: '13px',
+        backgroundColor: option.color,
+        color: textColor
+      };
+    };
+    this.state = {
+      searchValue: ''
+    };
+  }
+  render() {
+    let options = this.getFilterOptions();
+    let {
+      popoverPosition,
+      selectedOptions,
+      isSupportNewOption
+    } = this.props;
+    let {
+      searchValue
+    } = this.state;
+    let popoverStyle = Object.assign({}, {
+      ...popoverPosition
+    }, {
+      position: 'absolute'
+    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "dtable-ui-editor-popover dtable-ui-select-editor-popover",
+      style: popoverStyle
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "select-options-search"
+    }, /*#__PURE__*/_react.default.createElement("input", {
+      className: "form-control",
+      onChange: this.onValueChanged,
+      onClick: this.onInputClick,
+      placeholder: (0, _lang.getLocale)('Search_option')
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "select-options-container"
+    }, options.length > 0 && options.map((option, index) => {
+      let optionStyle = this.getOptionStyle(option);
+      let isSelect = selectedOptions.some(selectedOption => {
+        return selectedOption.id === option.id;
+      });
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: index,
+        className: "select-option-item",
+        onClick: this.onOptionItemToggle.bind(this, option)
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "option-info"
+      }, /*#__PURE__*/_react.default.createElement("div", {
+        className: "option-name",
+        style: optionStyle,
+        title: option.name
+      }, option.name)), /*#__PURE__*/_react.default.createElement("div", {
+        className: "option-checked"
+      }, isSelect && /*#__PURE__*/_react.default.createElement("i", {
+        className: "dtable-font dtable-icon-check-mark"
+      })));
+    }), options.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+      className: "no-search-result"
+    }, (0, _lang.getLocale)('No_options_available'))), isSupportNewOption && !!searchValue && /*#__PURE__*/_react.default.createElement("div", {
+      className: "select-options-add",
+      onClick: this.onAddNewOption
+    }, /*#__PURE__*/_react.default.createElement("i", {
+      className: "dtable-font dtable-icon-add-table"
+    }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Add_an_option'), ' ', searchValue)));
+  }
+}
+PCSelectEditorPopover.defaultProps = {
+  popoverPosition: {},
+  options: [],
+  isShowAddBtn: false
+};
+var _default = exports.default = PCSelectEditorPopover;

package/lib/toaster/toaster.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactDom = _interopRequireDefault(require("react-dom"));
+var _client = require("react-dom/client");
 var _toastManager = _interopRequireDefault(require("./toastManager"));
 require("./index.css");
 const isBrowser = typeof window !== 'undefined' && typeof window.document !== 'undefined';
@@ -65,11 +65,12 @@ class Toaster {
     const container = document.createElement('div');
     container.setAttribute('data-evergreen-toaster-container', '');
     document.body.appendChild(container);
-    _reactDom.default.render( /*#__PURE__*/_react.default.createElement(_toastManager.default, {
+    const root = (0, _client.createRoot)(container);
+    root.render( /*#__PURE__*/_react.default.createElement(_toastManager.default, {
       bindNotify: this._bindNotify,
       bindGetToasts: this._bindGetToasts,
       bindCloseAll: this._bindCloseAll
-    }), container);
+    }));
   }
 }
 exports.default = Toaster;

package/lib/utils/editor-utils.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.initDateEditorLanguage = exports.getTrimmedString = exports.getSelectOptionItem = void 0;
+exports.isValidUrl = exports.initDateEditorLanguage = exports.getTrimmedString = exports.getSelectOptionItem = void 0;
 const zhCN = require('@seafile/seafile-calendar/lib/locale/zh_CN');
 const zhTW = require('@seafile/seafile-calendar/lib/locale/zh_TW');
 const enUS = require('@seafile/seafile-calendar/lib/locale/en_US');
@@ -63,6 +63,11 @@ const getSelectOptionItem = (options, optionId) => {
   return options.find(option => option.id === optionId);
 };
 exports.getSelectOptionItem = getSelectOptionItem;
+const isValidUrl = url => {
+  const reg = /^(([-a-zA-Z0-9+.]+):\/\/)[-A-Za-z0-9+&@#/%?=~_|!:,.;]+[-A-Za-z0-9+&@#/%=~_|]/;
+  return reg.test(url);
+};
+exports.isValidUrl = isValidUrl;
 const getTrimmedString = value => {
   return typeof value === 'string' ? value.trim() : '';
 };