@seafile/sdoc-editor 1.0.17 → 1.0.19

package/dist/basic-sdk/extension/plugins/seatable-tables/seatable-settings/filter-setter/filter-popover-widgets/filter-item-utils.js

@@ -0,0 +1,144 @@
+import React, { Fragment } from 'react';
+import { COLUMNS_ICON_CONFIG } from 'dtable-utils';
+class FilterItemUtils {
+  static generatorColumnOption(column) {
+    if (!column) return null;
+    const {
+      type,
+      name
+    } = column;
+    return {
+      value: {
+        column
+      },
+      label: /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement("span", {
+        className: "filter-header-icon"
+      }, /*#__PURE__*/React.createElement("i", {
+        className: COLUMNS_ICON_CONFIG[type]
+      })), /*#__PURE__*/React.createElement("span", {
+        className: "select-option-name"
+      }, name))
+    };
+  }
+  static generatorPredicateOption(filterPredicate, t) {
+    return {
+      value: {
+        filterPredicate
+      },
+      label: /*#__PURE__*/React.createElement("span", {
+        className: "select-option-name"
+      }, t(filterPredicate))
+    };
+  }
+  static generatorTermModifierOption(filterTermModifier, t) {
+    const FILTER_TERM_MODIFIER_SHOW = {
+      'today': t('today'),
+      'tomorrow': t('tomorrow'),
+      'yesterday': t('yesterday'),
+      'one_week_ago': t('one_week_ago'),
+      'one_week_from_now': t('one_week_from_now'),
+      'one_month_ago': t('one_month_ago'),
+      'one_month_from_now': t('one_month_from_now'),
+      'number_of_days_ago': t('number_of_days_ago'),
+      'number_of_days_from_now': t('number_of_days_from_now'),
+      'exact_date': t('exact_date'),
+      'the_past_week': t('last_week'),
+      'the_past_month': t('last_month'),
+      'the_past_year': t('last_year'),
+      'the_next_week': t('the_next_week'),
+      'the_next_month': t('the_next_month'),
+      'the_next_year': t('the_next_year'),
+      'the_next_numbers_of_days': t('the_next_numbers_of_days'),
+      'the_past_numbers_of_days': t('the_past_numbers_of_days'),
+      'this_week': t('this_week'),
+      'this_month': t('this_month'),
+      'this_year': t('this_year')
+    };
+    return {
+      value: {
+        filterTermModifier
+      },
+      label: /*#__PURE__*/React.createElement("span", {
+        className: "select-option-name"
+      }, FILTER_TERM_MODIFIER_SHOW[filterTermModifier])
+    };
+  }
+  static generatorSingleSelectOption(option) {
+    return {
+      value: {
+        columnOption: option
+      },
+      label: /*#__PURE__*/React.createElement("div", {
+        className: "select-option-name"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "single-select-option",
+        style: {
+          background: option.color,
+          color: option.textColor || null
+        },
+        title: option.name,
+        "aria-label": option.name
+      }, option.name))
+    };
+  }
+  static generatorMultipleSelectOption(option, filterTerm) {
+    return {
+      value: {
+        columnOption: option
+      },
+      label: /*#__PURE__*/React.createElement("div", {
+        className: "select-option-name multiple-option-name"
+      }, /*#__PURE__*/React.createElement("div", {
+        className: "multiple-select-option",
+        style: {
+          background: option.color,
+          color: option.textColor
+        },
+        title: option.name,
+        "aria-label": option.name
+      }, option.name), /*#__PURE__*/React.createElement("div", {
+        className: "multiple-check-icon"
+      }, filterTerm.indexOf(option.id) > -1 && /*#__PURE__*/React.createElement("i", {
+        className: "option-edit dtable-font dtable-icon-check-mark"
+      })))
+    };
+  }
+  static generatorConjunctionOptions(t) {
+    return [{
+      value: {
+        filterConjunction: 'And'
+      },
+      label: /*#__PURE__*/React.createElement("span", {
+        className: "select-option-name"
+      }, t('And'))
+    }, {
+      value: {
+        filterConjunction: 'Or'
+      },
+      label: /*#__PURE__*/React.createElement("span", {
+        className: "select-option-name"
+      }, t('Or'))
+    }];
+  }
+  static getActiveConjunctionOption(conjunction, t) {
+    if (conjunction === 'And') {
+      return {
+        value: {
+          filterConjunction: 'And'
+        },
+        label: /*#__PURE__*/React.createElement("span", {
+          className: "select-option-name"
+        }, t('And'))
+      };
+    }
+    return {
+      value: {
+        filterConjunction: 'Or'
+      },
+      label: /*#__PURE__*/React.createElement("span", {
+        className: "select-option-name"
+      }, t('Or'))
+    };
+  }
+}
+export default FilterItemUtils;