dtable-ui-component 4.4.3-2 → 4.4.3-alpha1

package/lib/DTableFiltersPopover/utils/index.js

@@ -1,42 +1,29 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "FilterItemUtils", {
-  enumerable: true,
-  get: function () {
-    return _filterItemUtils.default;
-  }
-});
-exports.isFilterTermArray = exports.isCheckboxColumn = exports.getUpdatedFilterByTermModifier = exports.getUpdatedFilterBySpecialTerm = exports.getUpdatedFilterBySelectSingle = exports.getUpdatedFilterBySelectMultiple = exports.getUpdatedFilterByRate = exports.getUpdatedFilterByPredicate = exports.getUpdatedFilterByNormalTerm = exports.getUpdatedFilterByCreator = exports.getUpdatedFilterByColumn = exports.getUpdatedFilterByCollaborator = exports.getFormulaColumnFilter = exports.getFilterByColumn = exports.getDateColumnFormat = exports.getColumnOptions = exports.getColumnByKey = exports.generateDefaultUser = void 0;
-var _dtableUtils = require("dtable-utils");
-var _filterItemUtils = _interopRequireDefault(require("./filter-item-utils"));
-var _constants = require("../constants");
+import { FILTER_PREDICATE_TYPE, FILTER_COLUMN_OPTIONS, filterTermModifierNotWithin, filterTermModifierIsWithin, CellType, isDateColumn, isNumericColumn, FORMULA_RESULT_TYPE, COLLABORATOR_COLUMN_TYPES, DATE_COLUMN_OPTIONS, FORMULA_COLUMN_TYPES_MAP, DEFAULT_DATE_FORMAT } from 'dtable-utils';
+import FilterItemUtils from './filter-item-utils';
+import { FORMULA_COLUMN_TYPES, SPECIAL_TERM_TYPE, ARRAY_PREDICATE, STRING_PREDICATE, DATE_EMPTY_LABEL_MAP, MULTIPLE_SELECTOR_COLUMNS } from '../constants';
 const isArrayFilterTermByArrayType = array_type => {
-  return _dtableUtils.COLLABORATOR_COLUMN_TYPES.includes(array_type) || array_type === _dtableUtils.CellType.SINGLE_SELECT || array_type === _dtableUtils.CellType.MULTIPLE_SELECT;
+  return COLLABORATOR_COLUMN_TYPES.includes(array_type) || array_type === CellType.SINGLE_SELECT || array_type === CellType.MULTIPLE_SELECT;
 };
-const isFilterTermArray = (column, filterPredicate) => {
+export const isFilterTermArray = (column, filterPredicate) => {
   const {
     type,
     data
   } = column;
-  if (_constants.MULTIPLE_SELECTOR_COLUMNS.includes(type)) {
+  if (MULTIPLE_SELECTOR_COLUMNS.includes(type)) {
     return true;
   }
-  if (type === _dtableUtils.CellType.SINGLE_SELECT && [_dtableUtils.FILTER_PREDICATE_TYPE.IS_ANY_OF, _dtableUtils.FILTER_PREDICATE_TYPE.IS_NONE_OF].includes(filterPredicate)) {
+  if (type === CellType.SINGLE_SELECT && [FILTER_PREDICATE_TYPE.IS_ANY_OF, FILTER_PREDICATE_TYPE.IS_NONE_OF].includes(filterPredicate)) {
     return true;
   }
-  if (_constants.FORMULA_COLUMN_TYPES.includes(type)) {
+  if (FORMULA_COLUMN_TYPES.includes(type)) {
     const {
       result_type,
       array_type
     } = data || {};
-    if (result_type !== _dtableUtils.FORMULA_RESULT_TYPE.ARRAY) return false;
+    if (result_type !== FORMULA_RESULT_TYPE.ARRAY) return false;
     return isArrayFilterTermByArrayType(array_type);
   }
-  if (type === _dtableUtils.CellType.LINK) {
+  if (type === CellType.LINK) {
     const {
       array_type
     } = data || {};
@@ -44,9 +31,8 @@ const isFilterTermArray = (column, filterPredicate) => {
   }
   return false;
 };
-exports.isFilterTermArray = isFilterTermArray;
-const getUpdatedFilterByCreator = (filter, collaborator) => {
-  const multipleSelectType = [_dtableUtils.FILTER_PREDICATE_TYPE.CONTAINS, _dtableUtils.FILTER_PREDICATE_TYPE.NOT_CONTAIN];
+export const getUpdatedFilterByCreator = (filter, collaborator) => {
+  const multipleSelectType = [FILTER_PREDICATE_TYPE.CONTAINS, FILTER_PREDICATE_TYPE.NOT_CONTAIN];
   let {
     filter_predicate,
     filter_term: filterTerm
@@ -70,11 +56,10 @@ const getUpdatedFilterByCreator = (filter, collaborator) => {
     filter_term: filterTerm
   });
 };
-exports.getUpdatedFilterByCreator = getUpdatedFilterByCreator;
-const getUpdatedFilterBySelectSingle = (filter, columnOption) => {
+export const getUpdatedFilterBySelectSingle = (filter, columnOption) => {
   let new_filter_term;
   // if predicate is any of / is none of, filter_term is array; else filter_term is string
-  if (filter.filter_predicate === _dtableUtils.FILTER_PREDICATE_TYPE.IS_ANY_OF || filter.filter_predicate === _dtableUtils.FILTER_PREDICATE_TYPE.IS_NONE_OF) {
+  if (filter.filter_predicate === FILTER_PREDICATE_TYPE.IS_ANY_OF || filter.filter_predicate === FILTER_PREDICATE_TYPE.IS_NONE_OF) {
     new_filter_term = Array.isArray(filter.filter_term) ? [...filter.filter_term] : [];
     const index = new_filter_term.indexOf(columnOption.id);
     if (index === -1) {
@@ -89,8 +74,7 @@ const getUpdatedFilterBySelectSingle = (filter, columnOption) => {
     filter_term: new_filter_term
   });
 };
-exports.getUpdatedFilterBySelectSingle = getUpdatedFilterBySelectSingle;
-const getUpdatedFilterBySelectMultiple = (filter, columnOption) => {
+export const getUpdatedFilterBySelectMultiple = (filter, columnOption) => {
   let filterTerm = filter.filter_term ? filter.filter_term : [];
   let index = filterTerm.indexOf(columnOption.id);
   if (index > -1) {
@@ -102,8 +86,7 @@ const getUpdatedFilterBySelectMultiple = (filter, columnOption) => {
     filter_term: filterTerm
   });
 };
-exports.getUpdatedFilterBySelectMultiple = getUpdatedFilterBySelectMultiple;
-const getUpdatedFilterByCollaborator = (filter, collaborator) => {
+export const getUpdatedFilterByCollaborator = (filter, collaborator) => {
   let filterTerm = filter.filter_term ? filter.filter_term.slice(0) : [];
   let selectedEmail = collaborator.email;
   let collaborator_index = filterTerm.indexOf(selectedEmail);
@@ -116,8 +99,7 @@ const getUpdatedFilterByCollaborator = (filter, collaborator) => {
     filter_term: filterTerm
   });
 };
-exports.getUpdatedFilterByCollaborator = getUpdatedFilterByCollaborator;
-const getUpdatedFilterByRate = (filter, value) => {
+export const getUpdatedFilterByRate = (filter, value) => {
   if (filter.filter_term === value) {
     return;
   }
@@ -125,30 +107,28 @@ const getUpdatedFilterByRate = (filter, value) => {
     filter_term: value
   });
 };
-exports.getUpdatedFilterByRate = getUpdatedFilterByRate;
-const getColumnOptions = column => {
+export const getColumnOptions = column => {
   const {
     type,
     data
   } = column;
-  if (_constants.FORMULA_COLUMN_TYPES.includes(type)) {
+  if (FORMULA_COLUMN_TYPES.includes(type)) {
     return getFormulaColumnFilterOptions(column);
   }
-  if (type === _dtableUtils.CellType.LINK) {
+  if (type === CellType.LINK) {
     const {
       array_type
     } = data || {};
-    if (array_type === _dtableUtils.FORMULA_RESULT_TYPE.BOOL) {
-      return _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.CHECKBOX];
+    if (array_type === FORMULA_RESULT_TYPE.BOOL) {
+      return FILTER_COLUMN_OPTIONS[CellType.CHECKBOX];
     }
-    if (array_type === _dtableUtils.FORMULA_RESULT_TYPE.STRING) {
-      return _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.TEXT];
+    if (array_type === FORMULA_RESULT_TYPE.STRING) {
+      return FILTER_COLUMN_OPTIONS[CellType.TEXT];
     }
     return getFilterOptionsByArrayType(array_type);
   }
-  return _dtableUtils.FILTER_COLUMN_OPTIONS[type] || {};
+  return FILTER_COLUMN_OPTIONS[type] || {};
 };
-exports.getColumnOptions = getColumnOptions;
 const getFormulaColumnFilterOptions = column => {
   const {
     data
@@ -157,54 +137,54 @@ const getFormulaColumnFilterOptions = column => {
     result_type,
     array_type
   } = data || {};
-  if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.BOOL) {
-    return _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.CHECKBOX];
+  if (result_type === FORMULA_RESULT_TYPE.BOOL) {
+    return FILTER_COLUMN_OPTIONS[CellType.CHECKBOX];
   }
-  if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.STRING) {
-    return _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.TEXT];
+  if (result_type === FORMULA_RESULT_TYPE.STRING) {
+    return FILTER_COLUMN_OPTIONS[CellType.TEXT];
   }
-  if ([_dtableUtils.FORMULA_RESULT_TYPE.NUMBER, _dtableUtils.FORMULA_RESULT_TYPE.DATE].includes(result_type)) {
-    return _dtableUtils.FILTER_COLUMN_OPTIONS[result_type];
+  if ([FORMULA_RESULT_TYPE.NUMBER, FORMULA_RESULT_TYPE.DATE].includes(result_type)) {
+    return FILTER_COLUMN_OPTIONS[result_type];
   }
-  if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY) {
+  if (result_type === FORMULA_RESULT_TYPE.ARRAY) {
     return getFilterOptionsByArrayType(array_type);
   }
-  return _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.TEXT];
+  return FILTER_COLUMN_OPTIONS[CellType.TEXT];
 };
 const getFilterOptionsByArrayType = array_type => {
   if (!array_type) {
     return {};
   }
   let checkType = array_type;
-  if (_dtableUtils.COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
-    checkType = _dtableUtils.CellType.COLLABORATOR;
-  } else if (array_type === _dtableUtils.CellType.SINGLE_SELECT) {
-    checkType = _dtableUtils.CellType.MULTIPLE_SELECT;
-  } else if (_dtableUtils.DATE_COLUMN_OPTIONS.includes(array_type)) {
-    checkType = _dtableUtils.CellType.DATE;
-  } else if ((0, _dtableUtils.isNumericColumn)({
+  if (COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
+    checkType = CellType.COLLABORATOR;
+  } else if (array_type === CellType.SINGLE_SELECT) {
+    checkType = CellType.MULTIPLE_SELECT;
+  } else if (DATE_COLUMN_OPTIONS.includes(array_type)) {
+    checkType = CellType.DATE;
+  } else if (isNumericColumn({
     type: array_type
   })) {
-    checkType = _dtableUtils.CellType.NUMBER;
+    checkType = CellType.NUMBER;
   }
 
   // only support: is
-  if (checkType === _dtableUtils.CellType.CHECKBOX || checkType === _dtableUtils.CellType.BOOL) {
-    return _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.CHECKBOX];
+  if (checkType === CellType.CHECKBOX || checkType === CellType.BOOL) {
+    return FILTER_COLUMN_OPTIONS[CellType.CHECKBOX];
   }
-  let filterOptions = _dtableUtils.FILTER_COLUMN_OPTIONS[checkType] || _dtableUtils.FILTER_COLUMN_OPTIONS[_dtableUtils.CellType.TEXT];
+  let filterOptions = FILTER_COLUMN_OPTIONS[checkType] || FILTER_COLUMN_OPTIONS[CellType.TEXT];
   let {
     filterPredicateList
   } = filterOptions;
-  if (filterPredicateList && !filterPredicateList.includes(_dtableUtils.FILTER_PREDICATE_TYPE.EMPTY)) {
-    filterPredicateList.push(_dtableUtils.FILTER_PREDICATE_TYPE.EMPTY);
+  if (filterPredicateList && !filterPredicateList.includes(FILTER_PREDICATE_TYPE.EMPTY)) {
+    filterPredicateList.push(FILTER_PREDICATE_TYPE.EMPTY);
   }
-  if (filterPredicateList && !filterPredicateList.includes(_dtableUtils.FILTER_PREDICATE_TYPE.NOT_EMPTY)) {
-    filterPredicateList.push(_dtableUtils.FILTER_PREDICATE_TYPE.NOT_EMPTY);
+  if (filterPredicateList && !filterPredicateList.includes(FILTER_PREDICATE_TYPE.NOT_EMPTY)) {
+    filterPredicateList.push(FILTER_PREDICATE_TYPE.NOT_EMPTY);
   }
   return filterOptions;
 };
-const getFilterByColumn = function (column, value) {
+export const getFilterByColumn = function (column, value) {
   let {
     textDefaultPredicate
   } = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
@@ -218,7 +198,7 @@ const getFilterByColumn = function (column, value) {
   } = getColumnOptions(column, value);
   if (!filterPredicateList) return;
   let filterPredicate = filterPredicateList[0];
-  if (textDefaultPredicate && columnType === _dtableUtils.CellType.TEXT && filterPredicateList.includes(textDefaultPredicate)) {
+  if (textDefaultPredicate && columnType === CellType.TEXT && filterPredicateList.includes(textDefaultPredicate)) {
     filterPredicate = textDefaultPredicate;
   }
   let updatedFilter = Object.assign({}, filter, {
@@ -231,12 +211,12 @@ const getFilterByColumn = function (column, value) {
   updatedFilter.filter_term = '';
 
   // checkbox
-  if (columnType === _dtableUtils.CellType.CHECKBOX) {
+  if (columnType === CellType.CHECKBOX) {
     updatedFilter.filter_term = false;
     return updatedFilter;
   }
   // rate
-  if (columnType === _dtableUtils.CellType.RATE) {
+  if (columnType === CellType.RATE) {
     const {
       rate_max_number
     } = columnData;
@@ -249,14 +229,14 @@ const getFilterByColumn = function (column, value) {
     return updatedFilter;
   }
   // date | ctime | mtime
-  if ((0, _dtableUtils.isDateColumn)(column)) {
-    let filterTermModifier = filterPredicate === _dtableUtils.FILTER_PREDICATE_TYPE.IS_WITHIN ? _dtableUtils.filterTermModifierIsWithin[0] : _dtableUtils.filterTermModifierNotWithin[0];
+  if (isDateColumn(column)) {
+    let filterTermModifier = filterPredicate === FILTER_PREDICATE_TYPE.IS_WITHIN ? filterTermModifierIsWithin[0] : filterTermModifierNotWithin[0];
     updatedFilter.filter_term_modifier = filterTermModifier;
     updatedFilter.filter_term = '';
     return updatedFilter;
   }
   // formula | link-formula
-  if (_constants.FORMULA_COLUMN_TYPES.includes(columnType)) {
+  if (FORMULA_COLUMN_TYPES.includes(columnType)) {
     const newUpdatedFilter = getFormulaColumnFilter(column, value, filter);
     if (newUpdatedFilter) {
       updatedFilter.filter_term = newUpdatedFilter.filter_term;
@@ -264,17 +244,17 @@ const getFilterByColumn = function (column, value) {
     return updatedFilter;
   }
   // link
-  if (columnType === _dtableUtils.CellType.LINK) {
+  if (columnType === CellType.LINK) {
     let {
       array_type,
       array_data
     } = columnData || {};
     if (array_type) {
-      if (array_type === _dtableUtils.FORMULA_RESULT_TYPE.BOOL) {
-        array_type = _dtableUtils.CellType.CHECKBOX;
+      if (array_type === FORMULA_RESULT_TYPE.BOOL) {
+        array_type = CellType.CHECKBOX;
       }
-      if (array_type === _dtableUtils.FORMULA_RESULT_TYPE.STRING) {
-        array_type = _dtableUtils.CellType.TEXT;
+      if (array_type === FORMULA_RESULT_TYPE.STRING) {
+        array_type = CellType.TEXT;
       }
       const linkedColumn = {
         key: column.key,
@@ -290,8 +270,7 @@ const getFilterByColumn = function (column, value) {
   }
   return updatedFilter;
 };
-exports.getFilterByColumn = getFilterByColumn;
-const getFormulaColumnFilter = (column, value, filter) => {
+export const getFormulaColumnFilter = (column, value, filter) => {
   const {
     data
   } = column;
@@ -300,7 +279,7 @@ const getFormulaColumnFilter = (column, value, filter) => {
     array_type,
     array_data
   } = data || {};
-  if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY) {
+  if (result_type === FORMULA_RESULT_TYPE.ARRAY) {
     const linkedColumn = {
       key: column.key,
       type: array_type,
@@ -309,11 +288,11 @@ const getFormulaColumnFilter = (column, value, filter) => {
     return getFilterByColumn(linkedColumn, value, filter);
   }
   // result_type: string | number | bool | date
-  if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.BOOL) {
-    array_type = _dtableUtils.CellType.CHECKBOX;
+  if (result_type === FORMULA_RESULT_TYPE.BOOL) {
+    array_type = CellType.CHECKBOX;
   }
-  if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.STRING) {
-    array_type = _dtableUtils.CellType.TEXT;
+  if (result_type === FORMULA_RESULT_TYPE.STRING) {
+    array_type = CellType.TEXT;
   }
   const linkedColumn = {
     key: column.key,
@@ -327,33 +306,32 @@ const getFormulaColumnFilter = (column, value, filter) => {
 // text, long-text, number, single-select, date, ctime, mtime, formula, link, geolocation : string
 // checkbox : boolean
 // multiple-select, collaborator, creator, last modifier : array
-exports.getFormulaColumnFilter = getFormulaColumnFilter;
-const getUpdatedFilterByColumn = (filters, value, filterIndex, column) => {
+
+export const getUpdatedFilterByColumn = (filters, value, filterIndex, column) => {
   const filter = filters[filterIndex];
   if (filter.column_key === column.key) {
     return;
   }
   return getFilterByColumn(column, value, filter);
 };
-exports.getUpdatedFilterByColumn = getUpdatedFilterByColumn;
-const getUpdatedFilterByPredicate = (filter, column, filterPredicate) => {
+export const getUpdatedFilterByPredicate = (filter, column, filterPredicate) => {
   let updatedFilter = Object.assign({}, filter, {
     filter_predicate: filterPredicate
   });
   let {
     type: columnType
   } = column;
-  if (columnType === _dtableUtils.CellType.CHECKBOX) {
+  if (columnType === CellType.CHECKBOX) {
     updatedFilter.filter_term = false;
     return updatedFilter;
   }
-  if ([_dtableUtils.CellType.SINGLE_SELECT, _dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT].includes(columnType)) {
-    if (_constants.ARRAY_PREDICATE[filterPredicate]) {
-      if (_constants.ARRAY_PREDICATE[filter.filter_predicate] !== _constants.ARRAY_PREDICATE[filterPredicate]) {
+  if ([CellType.SINGLE_SELECT, CellType.DEPARTMENT_SINGLE_SELECT].includes(columnType)) {
+    if (ARRAY_PREDICATE[filterPredicate]) {
+      if (ARRAY_PREDICATE[filter.filter_predicate] !== ARRAY_PREDICATE[filterPredicate]) {
         updatedFilter.filter_term = [];
       }
-    } else if (_constants.STRING_PREDICATE[filterPredicate]) {
-      if (_constants.STRING_PREDICATE[filter.filter_predicate] !== _constants.STRING_PREDICATE[filterPredicate]) {
+    } else if (STRING_PREDICATE[filterPredicate]) {
+      if (STRING_PREDICATE[filter.filter_predicate] !== STRING_PREDICATE[filterPredicate]) {
         updatedFilter.filter_term = '';
       }
     } else {
@@ -361,26 +339,25 @@ const getUpdatedFilterByPredicate = (filter, column, filterPredicate) => {
     }
     return updatedFilter;
   }
-  if ([_dtableUtils.CellType.CREATOR, _dtableUtils.CellType.LAST_MODIFIER].includes(columnType)) {
-    if (_constants.STRING_PREDICATE[filter.filter_predicate] !== _constants.STRING_PREDICATE[filterPredicate] || filterPredicate === _dtableUtils.FILTER_PREDICATE_TYPE.INCLUDE_ME) {
+  if ([CellType.CREATOR, CellType.LAST_MODIFIER].includes(columnType)) {
+    if (STRING_PREDICATE[filter.filter_predicate] !== STRING_PREDICATE[filterPredicate] || filterPredicate === FILTER_PREDICATE_TYPE.INCLUDE_ME) {
       updatedFilter.filter_term = [];
     }
   }
   if (isFilterTermArray(column, filterPredicate)) {
-    if (_constants.DATE_EMPTY_LABEL_MAP[filterPredicate] || filterPredicate === _dtableUtils.FILTER_PREDICATE_TYPE.INCLUDE_ME) {
+    if (DATE_EMPTY_LABEL_MAP[filterPredicate] || filterPredicate === FILTER_PREDICATE_TYPE.INCLUDE_ME) {
       updatedFilter.filter_term = [];
     }
     return updatedFilter;
   }
-  if ((0, _dtableUtils.isDateColumn)(column)) {
-    let filterTermModifier = filterPredicate === _dtableUtils.FILTER_PREDICATE_TYPE.IS_WITHIN ? _dtableUtils.filterTermModifierIsWithin[0] : _dtableUtils.filterTermModifierNotWithin[0];
+  if (isDateColumn(column)) {
+    let filterTermModifier = filterPredicate === FILTER_PREDICATE_TYPE.IS_WITHIN ? filterTermModifierIsWithin[0] : filterTermModifierNotWithin[0];
     updatedFilter.filter_term_modifier = filterTermModifier;
     return updatedFilter;
   }
   return updatedFilter;
 };
-exports.getUpdatedFilterByPredicate = getUpdatedFilterByPredicate;
-const getUpdatedFilterByTermModifier = (filters, filterIndex, filterTermModifier) => {
+export const getUpdatedFilterByTermModifier = (filters, filterIndex, filterTermModifier) => {
   const filter = filters[filterIndex];
   if (filter.filter_term_modifier === filterTermModifier) {
     return;
@@ -389,11 +366,10 @@ const getUpdatedFilterByTermModifier = (filters, filterIndex, filterTermModifier
     filter_term_modifier: filterTermModifier
   });
 };
-exports.getUpdatedFilterByTermModifier = getUpdatedFilterByTermModifier;
-const getUpdatedFilterByNormalTerm = (filters, column, filterIndex, event) => {
+export const getUpdatedFilterByNormalTerm = (filters, column, filterIndex, event) => {
   const filter = filters[filterIndex];
   let filterTerm;
-  if (column.type === _dtableUtils.CellType.CHECKBOX) {
+  if (column.type === CellType.CHECKBOX) {
     filterTerm = event.target.checked;
   } else {
     filterTerm = event.target.value;
@@ -405,27 +381,26 @@ const getUpdatedFilterByNormalTerm = (filters, column, filterIndex, event) => {
     filter_term: filterTerm
   });
 };
-exports.getUpdatedFilterByNormalTerm = getUpdatedFilterByNormalTerm;
-const getUpdatedFilterBySpecialTerm = (filters, filterIndex, type, value) => {
+export const getUpdatedFilterBySpecialTerm = (filters, filterIndex, type, value) => {
   const filter = filters[filterIndex];
   switch (type) {
-    case _constants.SPECIAL_TERM_TYPE.CREATOR:
+    case SPECIAL_TERM_TYPE.CREATOR:
       {
         return getUpdatedFilterByCreator(filter, value);
       }
-    case _constants.SPECIAL_TERM_TYPE.SINGLE_SELECT:
+    case SPECIAL_TERM_TYPE.SINGLE_SELECT:
       {
         return getUpdatedFilterBySelectSingle(filter, value);
       }
-    case _constants.SPECIAL_TERM_TYPE.MULTIPLE_SELECT:
+    case SPECIAL_TERM_TYPE.MULTIPLE_SELECT:
       {
         return getUpdatedFilterBySelectMultiple(filter, value);
       }
-    case _constants.SPECIAL_TERM_TYPE.COLLABORATOR:
+    case SPECIAL_TERM_TYPE.COLLABORATOR:
       {
         return getUpdatedFilterByCollaborator(filter, value);
       }
-    case _constants.SPECIAL_TERM_TYPE.RATE:
+    case SPECIAL_TERM_TYPE.RATE:
       {
         return getUpdatedFilterByRate(filter, value);
       }
@@ -435,41 +410,37 @@ const getUpdatedFilterBySpecialTerm = (filters, filterIndex, type, value) => {
       }
   }
 };
-exports.getUpdatedFilterBySpecialTerm = getUpdatedFilterBySpecialTerm;
-const getColumnByKey = (columns, columnKey) => {
+export const getColumnByKey = (columns, columnKey) => {
   if (!Array.isArray(columns) || !columnKey) return null;
   return columns.find(column => column.key === columnKey);
 };
-exports.getColumnByKey = getColumnByKey;
-const isCheckboxColumn = column => {
+export const isCheckboxColumn = column => {
   let {
     type,
     data
   } = column;
-  if (_dtableUtils.FORMULA_COLUMN_TYPES_MAP[type]) {
+  if (FORMULA_COLUMN_TYPES_MAP[type]) {
     const {
       result_type,
       array_type
     } = data || {};
-    if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY) {
-      return array_type === _dtableUtils.CellType.CHECKBOX;
+    if (result_type === FORMULA_RESULT_TYPE.ARRAY) {
+      return array_type === CellType.CHECKBOX;
     }
     return false;
   }
-  return type === _dtableUtils.CellType.CHECKBOX;
+  return type === CellType.CHECKBOX;
 };
-exports.isCheckboxColumn = isCheckboxColumn;
-const getDateColumnFormat = column => {
-  const format = column && column.data && column.data.format ? column.data.format : _dtableUtils.DEFAULT_DATE_FORMAT;
+export const getDateColumnFormat = column => {
+  const format = column && column.data && column.data.format ? column.data.format : DEFAULT_DATE_FORMAT;
   // Old Europe format is D/M/YYYY new format is DD/MM/YYYY
   return format;
 };
-exports.getDateColumnFormat = getDateColumnFormat;
 const getMediaUrl = () => {
   var _window, _window$dtable, _window2, _window2$dtablePlugin;
   return ((_window = window) === null || _window === void 0 ? void 0 : (_window$dtable = _window.dtable) === null || _window$dtable === void 0 ? void 0 : _window$dtable.mediaUrl) || ((_window2 = window) === null || _window2 === void 0 ? void 0 : (_window2$dtablePlugin = _window2.dtablePluginConfig) === null || _window2$dtablePlugin === void 0 ? void 0 : _window2$dtablePlugin.mediaUrl) || '/media/';
 };
-const generateDefaultUser = name => {
+export const generateDefaultUser = name => {
   const mediaUrl = getMediaUrl();
   const defaultAvatarUrl = "".concat(mediaUrl, "avatars/default.png");
   return {
@@ -478,4 +449,4 @@ const generateDefaultUser = name => {
     avatar_url: defaultAvatarUrl
   };
 };
-exports.generateDefaultUser = generateDefaultUser;
+export { FilterItemUtils };

package/lib/DTableFiltersPopover/widgets/collaborator-filter/index.js

@@ -1,17 +1,9 @@
-"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 = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _DTableCustomizeSelect = _interopRequireDefault(require("../../../DTableCustomizeSelect"));
-var _lang = require("../../../lang");
-require("./index.css");
-class CollaboratorFilter extends _react.Component {
+import React, { Component, Fragment } from 'react';
+import { FILTER_PREDICATE_TYPE } from 'dtable-utils';
+import DTableCustomizeSelect from '../../../DTableCustomizeSelect';
+import { getLocale } from '../../../lang';
+import './index.css';
+class CollaboratorFilter extends Component {
   constructor(props) {
     super(props);
     this.createCollaboratorOptions = (filterIndex, collaborators, filterTerm) => {
@@ -22,28 +14,28 @@ class CollaboratorFilter extends _react.Component {
             filterIndex,
             columnOption: collaborator
           },
-          label: /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+          label: /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("div", {
             className: "select-option-name option-collaborator"
-          }, /*#__PURE__*/_react.default.createElement("div", {
+          }, /*#__PURE__*/React.createElement("div", {
             className: "collaborator-container"
-          }, /*#__PURE__*/_react.default.createElement("div", {
+          }, /*#__PURE__*/React.createElement("div", {
             className: "collaborator"
-          }, /*#__PURE__*/_react.default.createElement("span", {
+          }, /*#__PURE__*/React.createElement("span", {
             className: "collaborator-avatar-container"
-          }, /*#__PURE__*/_react.default.createElement("img", {
+          }, /*#__PURE__*/React.createElement("img", {
             className: "collaborator-avatar",
             alt: collaborator.name,
             src: collaborator.avatar_url
-          })), /*#__PURE__*/_react.default.createElement("span", {
+          })), /*#__PURE__*/React.createElement("span", {
             className: "collaborator-name text-truncate",
             style: {
               maxWidth: '200px'
             },
             title: collaborator.name,
             "aria-label": collaborator.name
-          }, collaborator.name))), /*#__PURE__*/_react.default.createElement("div", {
+          }, collaborator.name))), /*#__PURE__*/React.createElement("div", {
             className: "collaborator-check-icon"
-          }, isSelected && /*#__PURE__*/_react.default.createElement("i", {
+          }, isSelected && /*#__PURE__*/React.createElement("i", {
             className: "option-edit dtable-font dtable-icon-check-mark"
           }))))
         };
@@ -55,7 +47,7 @@ class CollaboratorFilter extends _react.Component {
         columnOption: collaborator
       });
     };
-    this.supportMultipleSelectOptions = [_dtableUtils.FILTER_PREDICATE_TYPE.HAS_ANY_OF, _dtableUtils.FILTER_PREDICATE_TYPE.HAS_ALL_OF, _dtableUtils.FILTER_PREDICATE_TYPE.HAS_NONE_OF, _dtableUtils.FILTER_PREDICATE_TYPE.IS_EXACTLY];
+    this.supportMultipleSelectOptions = [FILTER_PREDICATE_TYPE.HAS_ANY_OF, FILTER_PREDICATE_TYPE.HAS_ALL_OF, FILTER_PREDICATE_TYPE.HAS_NONE_OF, FILTER_PREDICATE_TYPE.IS_EXACTLY];
   }
   render() {
     let {
@@ -69,35 +61,35 @@ class CollaboratorFilter extends _react.Component {
     let selectedCollaborators = Array.isArray(filterTerm) && filterTerm.length > 0 && filterTerm.map(item => {
       let collaborator = collaborators.find(c => c.email === item);
       if (!collaborator) return null;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         key: item,
         className: "collaborator"
-      }, /*#__PURE__*/_react.default.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         className: "collaborator-avatar-container"
-      }, /*#__PURE__*/_react.default.createElement("img", {
+      }, /*#__PURE__*/React.createElement("img", {
         className: "collaborator-avatar",
         alt: collaborator.name,
         src: collaborator.avatar_url
-      })), /*#__PURE__*/_react.default.createElement("span", {
+      })), /*#__PURE__*/React.createElement("span", {
         className: "collaborator-name text-truncate",
         title: collaborator.name,
         "aria-label": collaborator.name
-      }, collaborator.name), /*#__PURE__*/_react.default.createElement("span", {
+      }, collaborator.name), /*#__PURE__*/React.createElement("span", {
         className: "remove-container"
-      }, /*#__PURE__*/_react.default.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         className: "remove-icon",
         onClick: e => {
           this.onClick(e, collaborator);
         }
-      }, /*#__PURE__*/_react.default.createElement("i", {
+      }, /*#__PURE__*/React.createElement("i", {
         className: "dtable-font dtable-icon-fork-number"
       }))));
     });
     let value = selectedCollaborators ? {
-      label: /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, selectedCollaborators)
+      label: /*#__PURE__*/React.createElement(React.Fragment, null, selectedCollaborators)
     } : {};
     let options = Array.isArray(filterTerm) ? this.createCollaboratorOptions(filterIndex, collaborators, filterTerm) : [];
-    return /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect.default, {
+    return /*#__PURE__*/React.createElement(DTableCustomizeSelect, {
       className: "selector-collaborator",
       value: value,
       onSelectOption: this.props.onSelectCollaborator,
@@ -106,9 +98,9 @@ class CollaboratorFilter extends _react.Component {
       isLocked: this.props.isLocked,
       supportMultipleSelect: isSupportMultipleSelect,
       searchable: true,
-      searchPlaceholder: (0, _lang.getLocale)('Find_a_collaborator'),
+      searchPlaceholder: getLocale('Find_a_collaborator'),
       isShowSelected: false
     });
   }
 }
-var _default = exports.default = CollaboratorFilter;
+export default CollaboratorFilter;