dtable-ui-component 0.1.75-beta2 → 0.1.75-beta3

package/es/css/custom-rc-calendar.css

@@ -0,0 +1,118 @@
+.dtable-ui.mb-date-editor-picker .rc-calendar-date {
+  width: 28px;
+  height: 30px;
+  border-radius: 50%;
+  font-size: 14px;
+  line-height: 30px;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-date-panel {
+  width: 100%;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-selected-day .rc-calendar-date {
+  background-color: #FcEcD9;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-date:hover,
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-year-panel-year:hover,
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-month-panel-cell .rc-calendar-month-panel-month:hover {
+  background-color: #FcEcD9;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-selected-date .rc-calendar-date,
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-selected-date .rc-calendar-date:hover,
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-year-panel-selected-cell .rc-calendar-year-panel-year,
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-month-panel-selected-cell .rc-calendar-month-panel-month {
+  background-color: #f09f3f;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-next-year-btn:not([href]):not([tabindex]),
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-prev-year-btn:not([href]):not([tabindex]),
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-next-month-btn:not([href]):not([tabindex]),
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-prev-month-btn:not([href]):not([tabindex]) {
+  color: #999;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-next-year-btn:not([href]):not([tabindex]):hover,
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-prev-year-btn:not([href]):not([tabindex]):hover,
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-next-month-btn:not([href]):not([tabindex]):hover,
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-prev-month-btn:not([href]):not([tabindex]):hover {
+  color: #666;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-today .rc-calendar-date {
+  border: none;
+  position: relative;  
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar .rc-calendar-today .rc-calendar-date::after {
+  content: '';
+  background: #f09f3f;
+  position: absolute;
+  width: 4px;
+  height: 4px;
+  border-radius: 50%;
+  left: 45%;
+  bottom: 0%;
+  display: inline-block;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar .rdg-editor-container input.editor-main[readonly] {
+  background-color: #fff;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-time-picker {
+  z-index: 1;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-right-panel-body ul li.highlight {
+  margin: 0;
+  border: none;
+  background-color: #fff;
+  font-size: 12px;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar {
+  box-shadow: none;
+  border-radius: 0px;
+  border: 1px solid #e9e9e9;
+  border-left: none;
+  border-right: none;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-date {
+  font-size: 14px;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-date-panel {
+  width: 100%;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-body {
+  height: 22rem;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-table tr {
+  height: 3rem;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-prev-month-btn,
+.dtable-ui.mb-date-editor-picker .rc-calendar-next-month-btn,
+.dtable-ui.mb-date-editor-picker .rc-calendar-prev-year-btn,
+.dtable-ui.mb-date-editor-picker .rc-calendar-next-year-btn {
+  font-size: 30px;
+  width: 50px;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-header {
+  border-bottom: none;
+  margin-top: 0.5rem;
+}
+
+.dtable-ui.mb-date-editor-picker .rc-calendar-year-select,
+.dtable-ui.mb-date-editor-picker .rc-calendar-month-select,
+.dtable-ui.mb-date-editor-picker .rc-calendar-day-select {
+  font-size: 16px;
+  padding: 5px;
+}

package/es/formatterConfig/index.js

@@ -0,0 +1,31 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var _FormatterConfig;
+
+import React from 'react';
+import { CellType } from '../constants';
+import CheckboxFormatter from '../CheckboxFormatter';
+import ImageFormatter from '../ImageFormatter';
+import LongTextFormatter from '../LongTextFormatter';
+import TextCellFormatter from '../TextFormatter';
+import SingleSelectFormatter from '../SingleSelectFormatter';
+import MultipleSelectFormatter from '../MultipleSelectFormatter';
+import FileFormatter from '../FileFormatter';
+import LinkFormatter from '../LinkFormatter';
+import CollaboratorFormatter from '../CollaboratorFormatter';
+import NumberFormatter from '../NumberFormatter';
+import DateFormatter from '../DateFormatter';
+import CreatorFormatter from '../CreatorFormatter';
+import CTimeFormatter from '../CTimeFormatter';
+import LastModifierFormatter from '../LastModifierFormatter';
+import MTimeFormatter from '../MTimeFormatter';
+import GeolocationFormatter from '../GeolocationFormatter';
+import FormulaFormatter from '../FormulaFormatter';
+import AutoNumberFormatter from '../AutoNumberFormatter';
+import UrlFormatter from '../UrlFormatter';
+import EmailFormatter from '../EmailFormatter';
+import DurationFormatter from '../DurationFormatter';
+import RateFormatter from '../RateFormatter';
+import ButtonFormatter from '../ButtonFormatter';
+var FormatterConfig = (_FormatterConfig = {}, _defineProperty(_FormatterConfig, CellType.DEFAULT, /*#__PURE__*/React.createElement(TextCellFormatter, null)), _defineProperty(_FormatterConfig, CellType.TEXT, /*#__PURE__*/React.createElement(TextCellFormatter, null)), _defineProperty(_FormatterConfig, CellType.CHECKBOX, /*#__PURE__*/React.createElement(CheckboxFormatter, null)), _defineProperty(_FormatterConfig, CellType.LONG_TEXT, /*#__PURE__*/React.createElement(LongTextFormatter, null)), _defineProperty(_FormatterConfig, CellType.SINGLE_SELECT, /*#__PURE__*/React.createElement(SingleSelectFormatter, null)), _defineProperty(_FormatterConfig, CellType.IMAGE, /*#__PURE__*/React.createElement(ImageFormatter, null)), _defineProperty(_FormatterConfig, CellType.FILE, /*#__PURE__*/React.createElement(FileFormatter, null)), _defineProperty(_FormatterConfig, CellType.MULTIPLE_SELECT, /*#__PURE__*/React.createElement(MultipleSelectFormatter, null)), _defineProperty(_FormatterConfig, CellType.COLLABORATOR, /*#__PURE__*/React.createElement(CollaboratorFormatter, null)), _defineProperty(_FormatterConfig, CellType.NUMBER, /*#__PURE__*/React.createElement(NumberFormatter, null)), _defineProperty(_FormatterConfig, CellType.DATE, /*#__PURE__*/React.createElement(DateFormatter, null)), _defineProperty(_FormatterConfig, CellType.LINK, /*#__PURE__*/React.createElement(LinkFormatter, null)), _defineProperty(_FormatterConfig, CellType.CREATOR, /*#__PURE__*/React.createElement(CreatorFormatter, null)), _defineProperty(_FormatterConfig, CellType.CTIME, /*#__PURE__*/React.createElement(CTimeFormatter, null)), _defineProperty(_FormatterConfig, CellType.LAST_MODIFIER, /*#__PURE__*/React.createElement(LastModifierFormatter, null)), _defineProperty(_FormatterConfig, CellType.MTIME, /*#__PURE__*/React.createElement(MTimeFormatter, null)), _defineProperty(_FormatterConfig, CellType.GEOLOCATION, /*#__PURE__*/React.createElement(GeolocationFormatter, null)), _defineProperty(_FormatterConfig, CellType.FORMULA, /*#__PURE__*/React.createElement(FormulaFormatter, null)), _defineProperty(_FormatterConfig, CellType.AUTO_NUMBER, /*#__PURE__*/React.createElement(AutoNumberFormatter, null)), _defineProperty(_FormatterConfig, CellType.URL, /*#__PURE__*/React.createElement(UrlFormatter, null)), _defineProperty(_FormatterConfig, CellType.EMAIL, /*#__PURE__*/React.createElement(EmailFormatter, null)), _defineProperty(_FormatterConfig, CellType.DURATION, /*#__PURE__*/React.createElement(DurationFormatter, null)), _defineProperty(_FormatterConfig, CellType.RATE, /*#__PURE__*/React.createElement(RateFormatter, null)), _defineProperty(_FormatterConfig, CellType.BUTTON, /*#__PURE__*/React.createElement(ButtonFormatter, null)), _FormatterConfig);
+export default FormatterConfig;

package/es/index.js

@@ -0,0 +1,31 @@
+export { default as toaster } from './toaster';
+export { setLocale } from './lang';
+export { getDateDisplayString, getNumberDisplayString, formatStringToNumber, formatNumberString } from './utils/value-format-utils';
+export { default as CheckboxFormatter } from './CheckboxFormatter';
+export { default as ImageFormatter } from './ImageFormatter';
+export { default as LongTextFormatter } from './LongTextFormatter';
+export { default as TextFormatter } from './TextFormatter';
+export { default as SingleSelectFormatter } from './SingleSelectFormatter';
+export { default as MultipleSelectFormatter } from './MultipleSelectFormatter';
+export { default as FileFormatter } from './FileFormatter';
+export { default as LinkFormatter } from './LinkFormatter';
+export { default as CollaboratorFormatter } from './CollaboratorFormatter';
+export { default as NumberFormatter } from './NumberFormatter';
+export { default as DateFormatter } from './DateFormatter';
+export { default as CreatorFormatter } from './CreatorFormatter';
+export { default as CTimeFormatter } from './CTimeFormatter';
+export { default as LastModifierFormatter } from './LastModifierFormatter';
+export { default as MTimeFormatter } from './MTimeFormatter';
+export { default as GeolocationFormatter } from './GeolocationFormatter';
+export { default as FormulaFormatter } from './FormulaFormatter';
+export { default as AutoNumberFormatter } from './AutoNumberFormatter';
+export { default as UrlFormatter } from './UrlFormatter';
+export { default as EmailFormatter } from './EmailFormatter';
+export { default as DurationFormatter } from './DurationFormatter';
+export { default as RateFormatter } from './RateFormatter';
+export { default as ButtonFormatter } from './ButtonFormatter';
+export { default as ImagePreviewerLightbox } from './ImagePreviewerLightbox';
+export { default as CollaboratorItem } from './CollaboratorItem';
+export { default as FileItemFormatter } from './FileItemFormatter';
+export { default as Loading } from './Loading';
+export { TextEditor, NumberEditor, CheckboxEditor, SingleSelectEditor, CollaboratorEditor, DateEditor, LinkEditor } from './components/cell-editor';

package/es/lang/index.js

@@ -0,0 +1,50 @@
+import de from '../locals/de';
+import en from '../locals/en';
+import fr from '../locals/fr';
+import zh_CN from '../locals/zh-CN';
+var langData = {
+  'de': de,
+  'en': en,
+  'fr': fr,
+  'zh-cn': zh_CN
+};
+var LANGUAGE = 'en';
+var LANGUAGE_MAP = {};
+export function setLocale(args) {
+  var lang = typeof args === 'string' ? args : LANGUAGE;
+  LANGUAGE_MAP = langData[lang] || langData[LANGUAGE];
+}
+export function getLocale(key, def) {
+  if (!key) return def;
+
+  if (!LANGUAGE_MAP[key]) {
+    return def || key;
+  }
+
+  return LANGUAGE_MAP[key];
+}
+export function substitute(str, obj) {
+  if (typeof str === 'string') {
+    if (str.indexOf('{') < 0) {
+      return str;
+    }
+
+    return str.replace(/\\?\{([^{}]+)\}/g, function (match, name) {
+      if (match.charAt(0) === '\\') {
+        return match.slice(1);
+      }
+
+      return obj[name] === null || obj[name] === undefined ? '' : obj[name];
+    });
+  } else if (typeof str === 'function') {
+    var val = str(obj);
+
+    if (val === obj && typeof val === 'object') {
+      val = Object.assign({}, obj);
+    }
+
+    return val;
+  }
+
+  return '';
+}

package/es/locals/de.js

@@ -0,0 +1,2 @@
+var de = {};
+export default de;

package/es/locals/en.js

@@ -0,0 +1,17 @@
+var en = {
+  Add_an_option: "Add an option",
+  Find_an_option: "Find a option",
+  No_options_available: "No options available",
+  Current_option: "Current option",
+  No_option: "No option",
+  Choose_an_option: "Choose an option",
+  Add_a_collaborator: "Add a collaborator",
+  Find_a_collaborator: "Find a collaborator",
+  No_collaborators_available: "No collaborators available",
+  Done: 'Done',
+  Choose_a_collaborator: "Choose a collaborator",
+  Please_input: "Please input",
+  Please_select: "Please select",
+  Clear: "Clear"
+};
+export default en;

package/es/locals/fr.js

@@ -0,0 +1,2 @@
+var fr = {};
+export default fr;

package/es/locals/zh-CN.js

@@ -0,0 +1,17 @@
+var zh_CN = {
+  Add_an_option: '添加一个选项',
+  Find_an_option: "查找标签",
+  No_options_available: "没有找到标签。",
+  Current_option: "当前标签",
+  No_option: "没有标签",
+  Choose_an_option: "选择一个标签",
+  Add_a_collaborator: "添加协作者",
+  Find_a_collaborator: "查找协作者",
+  No_collaborators_available: "没有找到协作者",
+  Done: '完成',
+  Choose_a_collaborator: "选择一个协作者",
+  Please_input: "请输入",
+  Please_select: "请选择",
+  Clear: "清空"
+};
+export default zh_CN;

package/es/utils/cell-value-validator.js

@@ -0,0 +1,31 @@
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+
+var _validators;
+
+import { FORMULA_RESULT_TYPE, CellType } from '../constants';
+
+var numberValidator = function numberValidator(value) {
+  return (value || value === 0) && Object.prototype.toString.call(value) === '[object Number]';
+};
+
+var textValidator = function textValidator(value) {
+  return !!value;
+};
+
+var checkboxValidator = function checkboxValidator(value) {
+  return typeof value === 'boolean';
+};
+
+var validators = (_validators = {}, _defineProperty(_validators, CellType.NUMBER, numberValidator), _defineProperty(_validators, CellType.RATE, numberValidator), _defineProperty(_validators, CellType.DURATION, numberValidator), _defineProperty(_validators, CellType.CHECKBOX, checkboxValidator), _defineProperty(_validators, CellType.TEXT, textValidator), _defineProperty(_validators, CellType.DATE, textValidator), _defineProperty(_validators, CellType.CTIME, textValidator), _defineProperty(_validators, CellType.MTIME, textValidator), _defineProperty(_validators, CellType.GEOLOCATION, textValidator), _defineProperty(_validators, CellType.AUTO_NUMBER, textValidator), _defineProperty(_validators, CellType.URL, textValidator), _defineProperty(_validators, CellType.EMAIL, textValidator), _defineProperty(_validators, FORMULA_RESULT_TYPE.DATE, textValidator), _defineProperty(_validators, FORMULA_RESULT_TYPE.STRING, textValidator), _defineProperty(_validators, FORMULA_RESULT_TYPE.NUMBER, numberValidator), _defineProperty(_validators, FORMULA_RESULT_TYPE.BOOL, checkboxValidator), _validators);
+
+var cellValueValidator = function cellValueValidator(cellValue, type) {
+  var validator = validators[type];
+
+  if (validator) {
+    return validator(cellValue);
+  }
+
+  return true;
+};
+
+export default cellValueValidator;

package/es/utils/column-utils.js

@@ -0,0 +1,7 @@
+import { ARRAY_FORMAL_COLUMNS, SIMPLE_CELL_COLUMNS, SIMPLE_CELL_FORMULA_RESULTS } from '../constants';
+export function isSimpleCellFormatter(type) {
+  return SIMPLE_CELL_COLUMNS.includes(type) || SIMPLE_CELL_FORMULA_RESULTS.includes(type);
+}
+export function isArrayFormalColumn(columnType) {
+  return ARRAY_FORMAL_COLUMNS.includes(columnType);
+}

package/es/utils/editor-utils.js

@@ -0,0 +1,71 @@
+var zhCN = require('@seafile/seafile-calendar/lib/locale/zh_CN');
+
+var zhTW = require('@seafile/seafile-calendar/lib/locale/zh_TW');
+
+var enUS = require('@seafile/seafile-calendar/lib/locale/en_US');
+
+var frFR = require('@seafile/seafile-calendar/lib/locale/fr_FR');
+
+var deDE = require('@seafile/seafile-calendar/lib/locale/de_DE');
+
+var esES = require('@seafile/seafile-calendar/lib/locale/es_ES');
+
+var plPL = require('@seafile/seafile-calendar/lib/locale/pl_PL');
+
+var csCZ = require('@seafile/seafile-calendar/lib/locale/cs_CZ');
+
+export var initDateEditorLanguage = function initDateEditorLanguage(lang) {
+  var language;
+
+  switch (lang) {
+    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;
+
+    default:
+      language = zhCN;
+  }
+
+  return language;
+};
+export var getSelectOptionItem = function getSelectOptionItem(options, optionId) {
+  return options.find(function (option) {
+    return option.id === optionId;
+  });
+};

package/es/utils/markdown2html.js

@@ -0,0 +1,62 @@
+var unified = require('./unified');
+
+var markdown = require('remark-parse');
+
+var slug = require('remark-slug');
+
+var breaks = require('remark-breaks');
+
+var remark2rehype = require('remark-rehype');
+
+var format = require('rehype-format');
+
+var raw = require('rehype-raw');
+
+var xtend = require('xtend');
+
+var toHTML = require('hast-util-to-html');
+
+var sanitize = require('hast-util-sanitize');
+
+var gh = require('hast-util-sanitize/lib/github');
+
+var deepmerge = require('deepmerge').default;
+
+var mathjax = require('rehype-mathjax/browser');
+
+var math = require('remark-math/block');
+
+function stringify(config) {
+  var settings = xtend(config, this.data('settings'));
+  var schema = deepmerge(gh, {
+    'attributes': {
+      'input': ['type'],
+      'li': ['className'],
+      'code': ['className'],
+      'span': ['className'],
+      'div': ['className']
+    },
+    'tagNames': ['input', 'code', 'span', 'div']
+  });
+  this.Compiler = compiler;
+
+  function compiler(tree) {
+    // use sanity to remove dangerous html, the default is
+    // GitHub style sanitation
+    var hast = sanitize(tree, schema);
+    return toHTML(hast, settings);
+  }
+} // markdown -> mdast -> html AST -> html
+
+
+var processor = unified().use(markdown, {
+  commonmark: true
+}).use(math).use(breaks).use(slug).use(remark2rehype, {
+  allowDangerousHTML: true
+}).use(mathjax, {
+  displayMath: ['$$', '$$']
+}).use(raw).use(format).use(stringify);
+var processorGetAST = unified().use(markdown, {
+  commonmark: true
+}).use(slug);
+export { processor, processorGetAST };

package/es/utils/normalize-long-text-value.js

@@ -0,0 +1,69 @@
+var hrefReg = /\[.+\]\(\S+\)|<img src=(\S+).+\/>|!\[\]\(\S+\)|<\S+>/g;
+var imageReg1 = /^<img( width=[\\|/|"](\d)+[\\|/|"])? src="(\S+)" .?\/>/;
+var imageReg2 = /^!\[\]\((\S+)\)/;
+var linkReg1 = /^\[.+\]\(\S+\)/;
+var linkReg2 = /^<\S+>$/;
+
+var getLinks = function getLinks(hrefList) {
+  var hrefObj = {
+    links: [],
+    images: []
+  };
+  hrefList.forEach(function (href) {
+    if (href.search(linkReg1) >= 0 || href.search(linkReg2) >= 0) {
+      hrefObj.links.push(href);
+    } else {
+      var imageSrcList = href.match(imageReg1);
+      var imageSrcList1 = href.match(imageReg2);
+
+      if (imageSrcList) {
+        hrefObj.images.push(imageSrcList[1]);
+      } else if (imageSrcList1) {
+        hrefObj.images.push(imageSrcList1[1]);
+      }
+    }
+  });
+  return hrefObj;
+};
+
+var getPreviewContent = function getPreviewContent(markdownContent) {
+  var preview = '';
+  var newMarkdownContent = markdownContent.replace(hrefReg, '');
+
+  for (var index = 0; index < newMarkdownContent.length; index++) {
+    if (newMarkdownContent[index] === '#') {
+      continue;
+    } else if (newMarkdownContent[index] === '\n') {
+      preview += ' ';
+    } else {
+      preview += newMarkdownContent[index];
+    }
+
+    if (preview.length === 150) {
+      break;
+    }
+  }
+
+  var hrefList = markdownContent.match(hrefReg);
+
+  if (hrefList) {
+    var _getLinks = getLinks(hrefList),
+        images = _getLinks.images,
+        links = _getLinks.links;
+
+    return {
+      preview: preview,
+      images: images,
+      links: links
+    };
+  }
+
+  return {
+    preview: preview,
+    images: [],
+    links: [],
+    text: markdownContent
+  };
+};
+
+export default getPreviewContent;