sea-chart 2.0.38 → 2.0.39

package/dist/view/wrapper/table-element/components/formatters/link-formatter.js

@@ -1,16 +1,23 @@
-import _LongTextFormatter from "dtable-ui-component/lib/LongTextFormatter";
-import _CheckboxFormatter from "dtable-ui-component/lib/CheckboxFormatter";
-import _MultipleSelectFormatter from "dtable-ui-component/lib/MultipleSelectFormatter";
-import _LastModifierFormatter from "dtable-ui-component/lib/LastModifierFormatter";
-import _CreatorFormatter from "dtable-ui-component/lib/CreatorFormatter";
-import _MTimeFormatter from "dtable-ui-component/lib/MTimeFormatter";
-import _CTimeFormatter from "dtable-ui-component/lib/CTimeFormatter";
-import _DateFormatter from "dtable-ui-component/lib/DateFormatter";
-import _NumberFormatter from "dtable-ui-component/lib/NumberFormatter";
-import React from 'react';
-import { CellType, FORMULA_RESULT_TYPE, getDurationDisplayString, getGeolocationDisplayString, getMultipleOptionName } from 'dtable-utils';
-import { getFormulaArrayValue, isArrayFormalColumn } from '../dataset-utils';
-import { getCellDisplayValue } from '../value-display-utils';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _LongTextFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/LongTextFormatter"));
+var _CheckboxFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/CheckboxFormatter"));
+var _MultipleSelectFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/MultipleSelectFormatter"));
+var _LastModifierFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/LastModifierFormatter"));
+var _CreatorFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/CreatorFormatter"));
+var _MTimeFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/MTimeFormatter"));
+var _CTimeFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/CTimeFormatter"));
+var _DateFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/DateFormatter"));
+var _NumberFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/NumberFormatter"));
+var _react = _interopRequireDefault(require("react"));
+var _dtableUtils = require("dtable-utils");
+var _datasetUtils = require("../dataset-utils");
+var _valueDisplayUtils = require("../value-display-utils");
 function LinkFormatter(props) {
   const {
     column,
@@ -30,244 +37,244 @@ function LinkFormatter(props) {
     type: displayColumnType,
     data: displayColumnData
   } = displayColumn;
-  const cellValue = getFormulaArrayValue(value, !isArrayFormalColumn(displayColumnType));
+  const cellValue = (0, _datasetUtils.getFormulaArrayValue)(value, !(0, _datasetUtils.isArrayFormalColumn)(displayColumnType));
   if (!Array.isArray(cellValue) || cellValue.length === 0) return props.renderEmptyFormatter();
   switch (displayColumnType) {
-    case CellType.TEXT:
-    case CellType.AUTO_NUMBER:
-    case CellType.EMAIL:
-    case CellType.URL:
+    case _dtableUtils.CellType.TEXT:
+    case _dtableUtils.CellType.AUTO_NUMBER:
+    case _dtableUtils.CellType.EMAIL:
+    case _dtableUtils.CellType.URL:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/React.createElement("div", {
+          return /*#__PURE__*/_react.default.createElement("div", {
             title: value,
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, value);
         }));
       }
-    case CellType.NUMBER:
+    case _dtableUtils.CellType.NUMBER:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value && value !== 0) return null;
-          return /*#__PURE__*/React.createElement(_NumberFormatter, {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement(_NumberFormatter2.default, {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             containerClassName: "table-element-link-item",
             data: displayColumnData || {},
             value: value
           });
         }));
       }
-    case CellType.DATE:
+    case _dtableUtils.CellType.DATE:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value || typeof value !== 'string') return null;
           const {
             format
           } = displayColumnData || {};
-          return /*#__PURE__*/React.createElement(_DateFormatter, {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement(_DateFormatter2.default, {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
             format: format,
             containerClassName: "table-element-link-item"
           });
         }));
       }
-    case CellType.CTIME:
+    case _dtableUtils.CellType.CTIME:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/React.createElement(_CTimeFormatter, {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement(_CTimeFormatter2.default, {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
             containerClassName: "table-element-link-item"
           });
         }));
       }
-    case CellType.MTIME:
+    case _dtableUtils.CellType.MTIME:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/React.createElement(_MTimeFormatter, {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement(_MTimeFormatter2.default, {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
             containerClassName: "table-element-link-item"
           });
         }));
       }
-    case CellType.DURATION:
+    case _dtableUtils.CellType.DURATION:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          const displayValue = getDurationDisplayString(value, displayColumnData);
-          return /*#__PURE__*/React.createElement("div", {
+          const displayValue = (0, _dtableUtils.getDurationDisplayString)(value, displayColumnData);
+          return /*#__PURE__*/_react.default.createElement("div", {
             title: displayValue,
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, displayValue);
         }));
       }
-    case CellType.CREATOR:
+    case _dtableUtils.CellType.CREATOR:
       {
         props.queryUsers([cellValue]);
-        return /*#__PURE__*/React.createElement(_CreatorFormatter, {
+        return /*#__PURE__*/_react.default.createElement(_CreatorFormatter2.default, {
           collaborators: collaborators,
           value: cellValue
         });
       }
-    case CellType.LAST_MODIFIER:
+    case _dtableUtils.CellType.LAST_MODIFIER:
       {
         props.queryUsers([cellValue]);
-        return /*#__PURE__*/React.createElement(_LastModifierFormatter, {
+        return /*#__PURE__*/_react.default.createElement(_LastModifierFormatter2.default, {
           collaborators: collaborators,
           value: cellValue
         });
       }
-    case CellType.SINGLE_SELECT:
+    case _dtableUtils.CellType.SINGLE_SELECT:
       {
         if (!cellValue || cellValue.length === 0) {
           return props.renderEmptyFormatter();
         }
         const options = displayColumnData && Array.isArray(displayColumnData.options) ? displayColumnData.options : [];
-        return /*#__PURE__*/React.createElement(_MultipleSelectFormatter, {
+        return /*#__PURE__*/_react.default.createElement(_MultipleSelectFormatter2.default, {
           value: cellValue,
           options: options || [],
-          containerClassName: `table-element-${displayColumnType}-formatter`
+          containerClassName: "table-element-".concat(displayColumnType, "-formatter")
         });
       }
-    case CellType.MULTIPLE_SELECT:
+    case _dtableUtils.CellType.MULTIPLE_SELECT:
       {
         if (!cellValue || cellValue.length === 0) {
           return props.renderEmptyFormatter();
         }
         const options = displayColumnData && Array.isArray(displayColumnData.options) ? displayColumnData.options : [];
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          const valueDisplayString = Array.isArray(value) ? getMultipleOptionName(options, value) : getMultipleOptionName(options, [value]);
-          return /*#__PURE__*/React.createElement("div", {
+          const valueDisplayString = Array.isArray(value) ? (0, _dtableUtils.getMultipleOptionName)(options, value) : (0, _dtableUtils.getMultipleOptionName)(options, [value]);
+          return /*#__PURE__*/_react.default.createElement("div", {
             title: valueDisplayString,
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, valueDisplayString);
         }));
       }
-    case CellType.COLLABORATOR:
+    case _dtableUtils.CellType.COLLABORATOR:
       {
         if (!cellValue || cellValue.length === 0) {
           return props.renderEmptyFormatter();
         }
         props.queryUsers(cellValue);
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          const valueDisplayString = Array.isArray(value) ? getCellDisplayValue({
+          const valueDisplayString = Array.isArray(value) ? (0, _valueDisplayUtils.getCellDisplayValue)({
             [displayColumn.key]: value
-          }, displayColumn, collaborators) : getCellDisplayValue({
+          }, displayColumn, collaborators) : (0, _valueDisplayUtils.getCellDisplayValue)({
             [displayColumn.key]: [value]
           }, displayColumn, collaborators);
-          return /*#__PURE__*/React.createElement("div", {
+          return /*#__PURE__*/_react.default.createElement("div", {
             title: valueDisplayString,
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, valueDisplayString);
         }));
       }
-    case CellType.CHECKBOX:
+    case _dtableUtils.CellType.CHECKBOX:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
-          return /*#__PURE__*/React.createElement(_CheckboxFormatter, {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement(_CheckboxFormatter2.default, {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: Boolean(value),
-            containerClassName: `table-element-${displayColumnType}-item`
+            containerClassName: "table-element-".concat(displayColumnType, "-item")
           });
         }));
       }
-    case CellType.GEOLOCATION:
+    case _dtableUtils.CellType.GEOLOCATION:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          const displayString = getGeolocationDisplayString(value, displayColumnData, {
+          const displayString = (0, _dtableUtils.getGeolocationDisplayString)(value, displayColumnData, {
             hyphen: ' '
           });
-          return /*#__PURE__*/React.createElement("div", {
+          return /*#__PURE__*/_react.default.createElement("div", {
             title: displayString,
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, displayString);
         }));
       }
-    case CellType.LONG_TEXT:
+    case _dtableUtils.CellType.LONG_TEXT:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/React.createElement(_LongTextFormatter, {
-            key: `link-${displayColumnType}-${index}`,
+          return /*#__PURE__*/_react.default.createElement(_LongTextFormatter2.default, {
+            key: "link-".concat(displayColumnType, "-").concat(index),
             value: value,
-            containerClassName: `table-element-${displayColumnType}-item`
+            containerClassName: "table-element-".concat(displayColumnType, "-item")
           });
         }));
       }
-    case CellType.FORMULA:
-    case CellType.LINK_FORMULA:
+    case _dtableUtils.CellType.FORMULA:
+    case _dtableUtils.CellType.LINK_FORMULA:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          const displayString = getCellDisplayValue({
+          const displayString = (0, _valueDisplayUtils.getCellDisplayValue)({
             [displayColumn.key]: value
           }, displayColumn, collaborators);
-          return /*#__PURE__*/React.createElement("div", {
+          return /*#__PURE__*/_react.default.createElement("div", {
             title: displayString,
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, displayString);
         }));
       }
-    case FORMULA_RESULT_TYPE.BOOL:
+    case _dtableUtils.FORMULA_RESULT_TYPE.BOOL:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
-          return /*#__PURE__*/React.createElement("div", {
+          return /*#__PURE__*/_react.default.createElement("div", {
             title: value + '',
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, value + '');
         }));
       }
-    case FORMULA_RESULT_TYPE.STRING:
+    case _dtableUtils.FORMULA_RESULT_TYPE.STRING:
       {
-        return /*#__PURE__*/React.createElement("div", {
+        return /*#__PURE__*/_react.default.createElement("div", {
           className: containerClassName
         }, cellValue.map((value, index) => {
           if (!value) return null;
-          return /*#__PURE__*/React.createElement("div", {
+          return /*#__PURE__*/_react.default.createElement("div", {
             title: value,
             value: value,
-            key: `link-${displayColumnType}-${index}`,
+            key: "link-".concat(displayColumnType, "-").concat(index),
             className: "table-element-link-item"
           }, value);
         }));
@@ -278,4 +285,4 @@ function LinkFormatter(props) {
       }
   }
 }
-export default LinkFormatter;
+var _default = exports.default = LinkFormatter;

package/dist/view/wrapper/table-element/components/formula-formatter.js

@@ -1,7 +1,14 @@
-import _FormulaFormatter from "dtable-ui-component/lib/FormulaFormatter";
-import React from 'react';
-import { CellType, COLLABORATOR_COLUMN_TYPES, FORMULA_RESULT_TYPE } from 'dtable-utils';
-import { convertValueToDtableLongTextValue } from './dataset-utils';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _FormulaFormatter2 = _interopRequireDefault(require("dtable-ui-component/lib/FormulaFormatter"));
+var _react = _interopRequireDefault(require("react"));
+var _dtableUtils = require("dtable-utils");
+var _datasetUtils = require("./dataset-utils");
 function DtableFormulaFormatter(props) {
   const {
     value,
@@ -18,19 +25,19 @@ function DtableFormulaFormatter(props) {
   } = column.data || {};
   let cellValue = value;
   if (Array.isArray(cellValue)) {
-    if (array_type === CellType.LONG_TEXT) {
-      cellValue = cellValue.map(item => convertValueToDtableLongTextValue(item));
+    if (array_type === _dtableUtils.CellType.LONG_TEXT) {
+      cellValue = cellValue.map(item => (0, _datasetUtils.convertValueToDtableLongTextValue)(item));
     }
   }
-  if (result_type === FORMULA_RESULT_TYPE.ARRAY && COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
+  if (result_type === _dtableUtils.FORMULA_RESULT_TYPE.ARRAY && _dtableUtils.COLLABORATOR_COLUMN_TYPES.includes(array_type)) {
     // need query user if not loaded
     props.queryUsers(Array.isArray(cellValue) ? cellValue : [cellValue]);
   }
-  return /*#__PURE__*/React.createElement(_FormulaFormatter, {
+  return /*#__PURE__*/_react.default.createElement(_FormulaFormatter2.default, {
     value: cellValue,
     column: column,
     collaborators: collaborators,
     containerClassName: containerClassName
   });
 }
-export default DtableFormulaFormatter;
+var _default = exports.default = DtableFormulaFormatter;