dtable-ui-component 4.4.0 → 4.4.2

package/lib/Department-editor/selected-departments/index.js

@@ -0,0 +1,81 @@
+import React, { useMemo } from 'react';
+import { DEPARTMENT_SELECT_RANGE_MAP } from 'dtable-utils';
+import { DEPARTMENT_SELECT_RANGE_OPTIONS } from '../constants';
+import { getLocale } from '../../lang';
+import './index.css';
+function SelectedDepartments(props) {
+  const {
+    value,
+    removeDepartment,
+    isShowRemoveIcon,
+    departments
+  } = props;
+  const idDepartmentMap = useMemo(() => {
+    let idDepartmentMap = {};
+    departments.forEach(department => {
+      idDepartmentMap[department.id] = department;
+    });
+    return idDepartmentMap;
+  }, [departments]);
+  const dom = Array.isArray(value) ? value.map((content, index) => {
+    if ([DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT, DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT_AND_SUB].includes(content)) {
+      const name = getLocale(DEPARTMENT_SELECT_RANGE_OPTIONS.find(option => option.type === content).name);
+      return /*#__PURE__*/React.createElement("div", {
+        key: "department-".concat(index),
+        className: "department mr-1"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "department-name text-truncate",
+        title: name,
+        "aria-label": name
+      }, name));
+    }
+    const department = idDepartmentMap[content];
+    if (department) {
+      const {
+        name
+      } = department;
+      return /*#__PURE__*/React.createElement("div", {
+        key: "department-".concat(index),
+        className: "department mr-1"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "department-avatar-container d-flex align-items-center justify-content-center"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "dtable-font dtable-icon-department-single-selection"
+      })), /*#__PURE__*/React.createElement("span", {
+        className: "department-name text-truncate",
+        title: name,
+        "aria-label": name
+      }, name), isShowRemoveIcon && /*#__PURE__*/React.createElement("span", {
+        className: "remove-container"
+      }, /*#__PURE__*/React.createElement("span", {
+        className: "remove-icon",
+        onClick: event => removeDepartment(event, content)
+      }, /*#__PURE__*/React.createElement("i", {
+        className: "dtable-font dtable-icon-fork-number department-remove-icon"
+      }))));
+    }
+    return /*#__PURE__*/React.createElement("div", {
+      key: "department-".concat(index),
+      className: "department empty-department mr-1"
+    }, /*#__PURE__*/React.createElement("div", {
+      className: "department-avatar-container d-flex align-items-center justify-content-center"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "dtable-font dtable-icon-department-single-selection"
+    })), /*#__PURE__*/React.createElement("span", {
+      className: "department-name"
+    }, getLocale('Deleted_department')), isShowRemoveIcon && /*#__PURE__*/React.createElement("span", {
+      className: "remove-container"
+    }, /*#__PURE__*/React.createElement("span", {
+      className: "remove-icon",
+      onClick: event => removeDepartment(event, content)
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "dtable-font dtable-icon-fork-number department-remove-icon"
+    }))));
+  }) : null;
+  return dom;
+}
+SelectedDepartments.defaultProps = {
+  isShowRemoveIcon: false,
+  departments: []
+};
+export default SelectedDepartments;

package/lib/Department-editor/utils.js

@@ -0,0 +1,29 @@
+export const searchDepartments = (departments, searchValue) => {
+  const validSearchValue = searchValue ? searchValue.trim().toLowerCase() : '';
+  const validDepartments = Array.isArray(departments) ? departments : [];
+  if (!validSearchValue) return validDepartments;
+  return validDepartments.filter(department => {
+    const {
+      name
+    } = department;
+    if (!name) return false;
+    return name.toString().toLowerCase().indexOf(validSearchValue) > -1;
+  });
+};
+export const getNormalizedDepartments = function (departments) {
+  let canExpand = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+  let parentIdMap = {};
+  for (let i = 0; i < departments.length; i++) {
+    let item = departments[i];
+    parentIdMap[item.parent_id] = true;
+  }
+  return departments.map(depart => {
+    const hasChild = canExpand && !!parentIdMap[depart.id];
+    const isExpanded = depart.parent_id === -1 ? true : false;
+    return {
+      ...depart,
+      hasChild,
+      isExpanded
+    };
+  });
+};

package/lib/constants/index.js

@@ -19,4 +19,7 @@ const DATE_TYPES = {
 const SIMPLE_CELL_COLUMNS = [CellType.TEXT, CellType.NUMBER, CellType.DATE, CellType.CTIME, CellType.MTIME, CellType.AUTO_NUMBER, CellType.URL, CellType.EMAIL, CellType.DURATION, CellType.CHECKBOX, CellType.RATE];
 const ARRAY_FORMAT_COLUMNS = [CellType.IMAGE, CellType.FILE, CellType.MULTIPLE_SELECT, CellType.COLLABORATOR];
 const SIMPLE_CELL_FORMULA_RESULTS = [FORMULA_RESULT_TYPE.NUMBER, FORMULA_RESULT_TYPE.STRING, FORMULA_RESULT_TYPE.DATE, FORMULA_RESULT_TYPE.BOOL];
-export { CellType, NUMBER_TYPES, DATE_TYPES, FORMULA_RESULT_TYPE, SIMPLE_CELL_COLUMNS, ARRAY_FORMAT_COLUMNS, SIMPLE_CELL_FORMULA_RESULTS };
+const EVENT_BUS_TYPE = {
+  OPEN_SELECT: 'open-select'
+};
+export { CellType, NUMBER_TYPES, DATE_TYPES, FORMULA_RESULT_TYPE, SIMPLE_CELL_COLUMNS, ARRAY_FORMAT_COLUMNS, SIMPLE_CELL_FORMULA_RESULTS, EVENT_BUS_TYPE };

package/lib/hooks/common-hooks.js

@@ -0,0 +1,21 @@
+import { useEffect } from 'react';
+export const useClickOutside = (_ref, deps) => {
+  let {
+    currDOM,
+    onClickOutside
+  } = _ref;
+  useEffect(() => {
+    const onMousedown = event => {
+      if (currDOM && event && currDOM.contains(event.target)) {
+        return;
+      }
+      onClickOutside && onClickOutside(event);
+    };
+    document.addEventListener('mousedown', onMousedown);
+    return () => {
+      document.removeEventListener('mousedown', onMousedown);
+    };
+
+    // eslint-disable-next-line
+  }, deps || []);
+};

package/lib/index.js

@@ -70,4 +70,7 @@ export { default as ModalPortal } from './ModalPortal';
 export { default as RoleStatusEditor } from './RoleStatusEditor';
 
 // setting
-export { default as FieldDisplaySetting } from './FieldDisplaySetting';
+export { default as FieldDisplaySetting } from './FieldDisplaySetting';
+
+// popover
+export { default as DTableFiltersPopover } from './DTableFiltersPopover';

package/lib/lang/index.js

@@ -2,17 +2,26 @@ import de from '../locals/de';
 import en from '../locals/en';
 import fr from '../locals/fr';
 import zh_CN from '../locals/zh-CN';
+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');
+const frFR = require('@seafile/seafile-calendar/lib/locale/fr_FR');
+const deDE = require('@seafile/seafile-calendar/lib/locale/de_DE');
+const esES = require('@seafile/seafile-calendar/lib/locale/es_ES');
+const plPL = require('@seafile/seafile-calendar/lib/locale/pl_PL');
+const csCZ = require('@seafile/seafile-calendar/lib/locale/cs_CZ');
+const ruRU = require('@seafile/seafile-calendar/lib/locale/ru_RU');
 let langData = {
   'de': de,
   'en': en,
   'fr': fr,
   'zh-cn': zh_CN
 };
-const LANGUAGE = 'en';
+let LANGUAGE = 'en';
 let LANGUAGE_MAP = langData[LANGUAGE];
 export function setLocale(args) {
-  let lang = typeof args === 'string' ? args : LANGUAGE;
-  LANGUAGE_MAP = langData[lang] || langData[LANGUAGE];
+  LANGUAGE = typeof args === 'string' ? args : LANGUAGE;
+  LANGUAGE_MAP = langData[LANGUAGE];
 }
 export function getLocale(key, def) {
   if (!key) return def;
@@ -40,4 +49,59 @@ export function substitute(str, obj) {
     return val;
   }
   return '';
+}
+export function translateCalendar() {
+  const locale = LANGUAGE ? LANGUAGE : 'en';
+  let language;
+  switch (locale) {
+    case 'zh-cn':
+      language = zhCN;
+      break;
+    case 'zh-tw':
+      language = zhTW;
+      break;
+    case 'en':
+      language = enUS;
+      break;
+    case 'fr':
+      language = frFR;
+      break;
+    case 'de':
+      language = deDE;
+      break;
+    case 'es':
+      language = esES;
+      break;
+    case 'es-ar':
+      language = esES;
+      break;
+    case 'es-mx':
+      language = esES;
+      break;
+    case 'pl':
+      language = plPL;
+      break;
+    case 'cs':
+      language = csCZ;
+      break;
+    case 'ru':
+      language = ruRU;
+      break;
+    default:
+      language = enUS;
+  }
+  return language;
+}
+export function getMobileDatePickerLocale() {
+  return {
+    DatePickerLocale: {
+      year: getLocale('Year'),
+      month: getLocale('Month'),
+      day: getLocale('Day'),
+      hour: getLocale('Hour'),
+      minute: getLocale('Minute')
+    },
+    okText: getLocale('Done'),
+    dismissText: getLocale('Cancel')
+  };
 }

package/lib/locals/en.js

@@ -1,3 +1,4 @@
+/* eslint-disable quotes */
 const en = {
   Add_an_option: 'Add an option',
   Find_an_option: 'Find a option',
@@ -16,6 +17,73 @@ const en = {
   Are_you_sure_you_want_to_delete_this_file: 'Are you sure you want to delete this file?',
   Are_you_sure_you_want_to_delete_this_image: 'Are you sure you want to delete this image?',
   Cancel: 'Cancel',
-  Delete: 'Delete'
+  Delete: 'Delete',
+  Find_a_department: 'Find a 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: 'Add filter',
+  Submit: 'Submit',
+  No_filters: 'No filters',
+  Select_an_option: 'Select an option',
+  Add_collaborator: 'Add collaborator',
+  Add_a_creator: 'Add a creator',
+  Add_a_last_modifier: 'Add a last modifier',
+  Invalid_filter: 'Invalid filter',
+  Find_column: 'Find column',
+  No_results: 'No results',
+  'Select_option(s)': 'Select option(s)',
+  "contains": "contains",
+  "does_not_contain": "does not contain",
+  "is": "is",
+  "is_not": "is not",
+  "equal": "\u003d",
+  "not_equal": "\u2260",
+  "less": "\u003C",
+  "greater": "\u003E",
+  "less_or_equal": "\u2264",
+  "greater_or_equal": "\u2265",
+  "is_empty": "is empty",
+  "is_not_empty": "is not empty",
+  "is_within": "is within",
+  "is_before": "is before",
+  "is_after": "is after",
+  "is_on_or_before": "is on or before",
+  "is_on_or_after": "is on or after",
+  "has_any_of": "has any of",
+  "has_all_of": "has all of",
+  "has_none_of": "has none of",
+  "is_exactly": "is exactly",
+  "is_current_user_ID": "is current user's 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 any of",
+  "is_none_of": "is none of",
+  "include_me": "include the current user",
+  "today": "today",
+  "tomorrow": "tomorrow",
+  "yesterday": "yesterday",
+  "one_week_ago": "one week ago",
+  "one_week_from_now": "one week from now",
+  "one_month_ago": "one month ago",
+  "one_month_from_now": "one month from now",
+  "number_of_days_ago": "number of days ago",
+  "number_of_days_from_now": "number of days from now",
+  "exact_date": "exact date",
+  "the_past_week": "last week",
+  "the_past_month": "last month",
+  "the_past_year": "last year",
+  "the_next_week": "the next week",
+  "the_next_month": "the next month",
+  "the_next_year": "the next year",
+  "the_next_numbers_of_days": "the next numbers of days",
+  "the_past_numbers_of_days": "the past numbers of days",
+  "this_week": "this week",
+  "this_month": "this month",
+  "this_year": "this year"
 };
 export default en;

package/lib/locals/zh-CN.js

@@ -1,3 +1,4 @@
+/* eslint-disable quotes */
 const zh_CN = {
   Add_an_option: '添加一个选项',
   Find_an_option: '查找标签',
@@ -16,6 +17,72 @@ const zh_CN = {
   Are_you_sure_you_want_to_delete_this_file: '你确定要删除此文件吗？',
   Are_you_sure_you_want_to_delete_this_image: '你确定要删除此图片吗？',
   Cancel: '取消',
-  Delete: '删除'
+  Delete: '删除',
+  Find_a_department: "查找部门",
+  Current_user_department: "当前用户的部门",
+  Current_user_department_and_sub: "当前用户的部门和子部门",
+  Specific_departments: "具体部门",
+  Deleted_department: "已经删除的部门",
+  Add_filter: '添加过滤',
+  Submit: '提交',
+  No_filters: '没有过滤条件',
+  Select_an_option: '选择标签',
+  Add_collaborator: '添加协作人',
+  Add_a_creator: '增加创建者',
+  Add_a_last_modifier: '增加最后修改者',
+  Invalid_filter: '无效的过滤器',
+  Find_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": "今年"
 };
 export default zh_CN;

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

@@ -119,7 +119,7 @@
     transition: translateY(1px);
   }
 
-  .dtable-ui-mb-select-editor-body .mb-create-select-item .add-new-option {
+  .dtable-ui-mb-select-editor-body .mb-create-select-item .dtable-ui-add-new-option {
     font-size: 14px;
     font-weight: 500px;
   }

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

@@ -176,7 +176,7 @@ class MBSelectEditorPopover extends React.Component {
     }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-add-table"
     }), /*#__PURE__*/React.createElement("span", {
-      className: "add-new-option"
+      className: "dtable-ui-add-new-option"
     }, "".concat(getLocale('Add_an_option'), " ").concat(searchVal)))));
   }
 }

package/lib/utils/dayjs.js

@@ -0,0 +1,4 @@
+import dayjs from 'dayjs';
+import customParseFormat from 'dayjs/plugin/customParseFormat';
+dayjs.extend(customParseFormat);
+export default dayjs;

package/lib/utils/event-bus.js

@@ -0,0 +1,28 @@
+class EventBus {
+  constructor() {
+    this.subscribers = {};
+  }
+  subscribe(type, handler) {
+    if (!this.subscribers[type]) {
+      this.subscribers[type] = [];
+    }
+    const handlers = this.subscribers[type];
+    handlers.push(handler);
+    return () => {
+      const index = handlers.indexOf(handler);
+      if (index > -1) {
+        handlers.splice(index, 1);
+      }
+    };
+  }
+  dispatch(type) {
+    for (var _len = arguments.length, data = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      data[_key - 1] = arguments[_key];
+    }
+    const handlers = this.subscribers[type];
+    if (Array.isArray(handlers)) {
+      handlers.forEach(handler => handler(...data));
+    }
+  }
+}
+export default new EventBus();

package/lib/utils/utils.js

@@ -37,4 +37,9 @@ export const downloadFile = downloadUrl => {
   iframe.style.display = 'none';
   iframe.src = downloadUrl;
   document.body.appendChild(iframe);
+};
+export const getEventClassName = e => {
+  // svg mouseEvent event.target.className is an object
+  if (!e || !e.target) return '';
+  return e.target.getAttribute('class') || '';
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "4.4.0",
+  "version": "4.4.2",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "2.0.5",