dtable-ui-component 5.3.0 → 5.3.1-beta1

package/lib/{RowExpandFileFormatter → RowExpandFormatter/RowExpandFileFormatter}/row-expand-file-item-formatter.js

@@ -8,9 +8,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
-var _lang = require("../lang");
-var _utils = require("../FileItemFormatter/utils");
-var _deleteTip = _interopRequireDefault(require("../common/delete-tip"));
+var _lang = require("../../lang");
+var _url = require("../../utils/url");
+var _deleteTip = _interopRequireDefault(require("../../common/delete-tip"));
 class RowExpandFileItemFormatter extends _react.Component {
   constructor(props) {
     super(props);
@@ -39,10 +39,6 @@ class RowExpandFileItemFormatter extends _react.Component {
       this.closeDeleteTip();
       this.props.deleteFile(this.props.index);
     };
-    this.getFileIconData = item => {
-      let fileIconUrl = (0, _utils.getFileIconUrl)(item.name, item.type);
-      return require('../FileItemFormatter/' + fileIconUrl);
-    };
     this.state = {
       isTooltipOpen: false,
       isDeleteTipOpen: false
@@ -55,20 +51,23 @@ class RowExpandFileItemFormatter extends _react.Component {
       index,
       readOnly,
       downloadFile,
-      deleteFile
+      deleteFile,
+      config
     } = this.props;
     const id = 'file-list-preview-item' + column.key + index;
-    const url = this.getFileIconData(file);
+    const {
+      fileIconUrl
+    } = (0, _url.getFileThumbnailInfo)(file, config);
     return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
       key: "file-".concat(index),
       className: "row-expand-item-file",
       id: id
     }, /*#__PURE__*/_react.default.createElement("img", {
-      src: url,
+      src: fileIconUrl,
       id: "item-file-".concat(index),
       alt: file.name
     }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-file-icons-choice"
+      className: "dtable-ui-file-icons-choice"
     }, downloadFile && /*#__PURE__*/_react.default.createElement("span", {
       className: "file-icon",
       onClick: e => this.props.downloadFile(file, e)

package/lib/{RowExpandFormulaFormatter → RowExpandFormatter/RowExpandFormulaFormatter}/index.js

@@ -8,13 +8,14 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dtableUtils = require("dtable-utils");
-var _baseFormatterConfig = _interopRequireDefault(require("../formatterConfig/base-formatter-config"));
-var _TextFormatter = _interopRequireDefault(require("../TextFormatter"));
-var _utils = require("../FormulaFormatter/utils");
-var _cellValueValidator = _interopRequireDefault(require("../FormulaFormatter/cell-value-validator"));
-var _toaster = _interopRequireDefault(require("../toaster"));
-var _lang = require("../lang");
-require("../FormulaFormatter/index.css");
+var _baseFormatterConfig = _interopRequireDefault(require("../../formatterConfig/base-formatter-config"));
+var _TextFormatter = _interopRequireDefault(require("../../TextFormatter"));
+var _utils = require("../../FormulaFormatter/utils");
+var _utils2 = require("../../utils/utils");
+var _cellValueValidator = _interopRequireDefault(require("../../FormulaFormatter/cell-value-validator"));
+var _toaster = _interopRequireDefault(require("../../toaster"));
+var _lang = require("../../lang");
+require("../../FormulaFormatter/index.css");
 class RowExpandFormulaFormatter extends _react.default.Component {
   constructor() {
     super(...arguments);
@@ -32,11 +33,11 @@ class RowExpandFormulaFormatter extends _react.default.Component {
       }
     };
     this.onOpenUrlLink = url => {
-      if (!(0, _utils.isValidUrl)(url)) {
+      if (!(0, _utils2.isValidUrl)(url)) {
         url = "http://".concat(url);
       }
       try {
-        (0, _utils.openUrlLink)(url);
+        (0, _utils2.openUrlLink)(url);
       } catch {
         _toaster.default.danger((0, _lang.getLocale)('URL_is_invalid'));
       }
@@ -179,7 +180,7 @@ class RowExpandFormulaFormatter extends _react.default.Component {
       return /*#__PURE__*/_react.default.cloneElement(Formatter, {
         ...formatterProps
       });
-    } else if ((0, _utils.isFunction)(Formatter)) {
+    } else if ((0, _utils2.isFunction)(Formatter)) {
       return /*#__PURE__*/_react.default.createElement(Formatter, formatterProps);
     } else {
       return /*#__PURE__*/_react.default.createElement(_TextFormatter.default, formatterProps);

package/lib/{RowExpandImageFormatter → RowExpandFormatter/RowExpandImageFormatter}/index.css

@@ -1,4 +1,4 @@
-@import url('../css/cell-formatter.css');
+@import url('../../css/cell-formatter.css');
 
 .dtable-ui.row-expand-image-formatter {
   display: flex;
@@ -28,7 +28,7 @@
   border-color: #c9c9c9;
 }
 
-.dtable-ui.row-expand-image-formatter .row-expand-item-image .dtable-image-icons-choice {
+.dtable-ui.row-expand-image-formatter .row-expand-item-image .dtable-ui-image-icons-choice {
   height: 20px;
   width: 100%;
   top: 0;
@@ -40,11 +40,11 @@
   align-items: center;
 }
 
-.dtable-ui.row-expand-image-formatter .row-expand-item-image:hover .dtable-image-icons-choice {
+.dtable-ui.row-expand-image-formatter .row-expand-item-image:hover .dtable-ui-image-icons-choice {
   display: flex;
 }
 
-.dtable-ui.row-expand-image-formatter .row-expand-item-image .dtable-image-icons-choice .image-icon {
+.dtable-ui.row-expand-image-formatter .row-expand-item-image .dtable-ui-image-icons-choice .image-icon {
   height: 16px;
   width: 16px;
   border-radius: 50%;
@@ -56,11 +56,11 @@
   align-items: center;
 }
 
-.dtable-ui.row-expand-image-formatter .row-expand-item-image .dtable-image-icons-choice .image-icon:nth-child(2) {
+.dtable-ui.row-expand-image-formatter .row-expand-item-image .dtable-ui-image-icons-choice .image-icon:nth-child(2) {
   margin-left: 5px;
 }
 
-.dtable-ui.row-expand-image-formatter .row-expand-item-image .dtable-image-icons-choice .image-icon .dtable-font {
+.dtable-ui.row-expand-image-formatter .row-expand-item-image .dtable-ui-image-icons-choice .image-icon .dtable-font {
   font-size: 12px;
   transform: scale(.7);
 }

package/lib/{RowExpandImageFormatter → RowExpandFormatter/RowExpandImageFormatter}/index.js

@@ -9,7 +9,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _rowExpandImageItemFormatter = _interopRequireDefault(require("./row-expand-image-item-formatter"));
-var _ImagePreviewerLightbox = _interopRequireDefault(require("../ImagePreviewerLightbox"));
+var _ImagePreviewerLightbox = _interopRequireDefault(require("../../ImagePreviewerLightbox"));
 require("./index.css");
 class RowExpandImageFormatter extends _react.default.Component {
   constructor(props) {

package/lib/{RowExpandImageFormatter → RowExpandFormatter/RowExpandImageFormatter}/row-expand-image-item-formatter.js

@@ -9,8 +9,8 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _reactstrap = require("reactstrap");
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
-var _lang = require("../lang");
-var _deleteTip = _interopRequireDefault(require("../common/delete-tip"));
+var _lang = require("../../lang");
+var _deleteTip = _interopRequireDefault(require("../../common/delete-tip"));
 class RowExpandImageItemFormatter extends _react.Component {
   constructor(props) {
     super(props);
@@ -74,7 +74,7 @@ class RowExpandImageItemFormatter extends _react.Component {
       id: "item-image-".concat(index),
       alt: name
     }), /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-image-icons-choice"
+      className: "dtable-ui-image-icons-choice"
     }, downloadFile && /*#__PURE__*/_react.default.createElement("span", {
       className: "image-icon",
       onClick: this.onClickDownload

package/lib/{RowExpandLinkFormatter → RowExpandFormatter/RowExpandLinkFormatter}/collaborator-item-formatter.js

@@ -8,7 +8,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _dtableUtils = require("dtable-utils");
-var _CollaboratorItem = _interopRequireDefault(require("../CollaboratorItem"));
+var _CollaboratorItem = _interopRequireDefault(require("../../CollaboratorItem"));
 class CollaboratorItemFormatter extends _react.Component {
   constructor(_props) {
     super(_props);

package/lib/{RowExpandLinkFormatter → RowExpandFormatter/RowExpandLinkFormatter}/index.js

@@ -7,11 +7,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _constants = require("../constants");
-var _MultipleSelectFormatter = _interopRequireDefault(require("../MultipleSelectFormatter"));
-var _CTimeFormatter = _interopRequireDefault(require("../CTimeFormatter"));
-var _MTimeFormatter = _interopRequireDefault(require("../MTimeFormatter"));
-var _DateFormatter = _interopRequireDefault(require("../DateFormatter"));
+var _constants = require("../../constants");
+var _MultipleSelectFormatter = _interopRequireDefault(require("../../MultipleSelectFormatter"));
+var _CTimeFormatter = _interopRequireDefault(require("../../CTimeFormatter"));
+var _MTimeFormatter = _interopRequireDefault(require("../../MTimeFormatter"));
+var _DateFormatter = _interopRequireDefault(require("../../DateFormatter"));
 var _collaboratorItemFormatter = _interopRequireDefault(require("./collaborator-item-formatter"));
 var _utils = require("./utils");
 var _valueDisplayUtils = require("./value-display-utils");

package/lib/{RowExpandLinkFormatter → RowExpandFormatter/RowExpandLinkFormatter}/utils.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.getTwoDimensionArrayValue = exports.getFormulaArrayValue = void 0;
 exports.isArrayFormatColumn = isArrayFormatColumn;
 exports.isValidCellValue = void 0;
-var _constants = require("../constants");
+var _constants = require("../../constants");
 const isValidCellValue = value => {
   if (value === undefined) return false;
   if (value === null) return false;

package/lib/{RowExpandRateFormatter → RowExpandFormatter/RowExpandRateFormatter}/index.css

@@ -1,4 +1,4 @@
-@import url('../css/cell-formatter.css');
+@import url('../../css/cell-formatter.css');
 
 .dtable-ui.dtable-row-expand-formatter .dtable-rate-formatter .dtable-icon-rate {
   padding-right: 5px;

package/lib/RowExpandFormatter/RowExpandUrlFormatter/index.css

@@ -0,0 +1 @@
+@import url('../../css/cell-formatter.css');

package/lib/{RowExpandUrlFormatter → RowExpandFormatter/RowExpandUrlFormatter}/index.js

@@ -7,8 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
-var _toaster = _interopRequireDefault(require("../toaster"));
-var _editorUtils = require("../utils/editor-utils");
+var _toaster = _interopRequireDefault(require("../../toaster"));
+var _editorUtils = require("../../utils/editor-utils");
+var _utils = require("../../utils/utils");
 require("./index.css");
 class UrlFormatter extends _react.default.Component {
   constructor() {
@@ -18,7 +19,7 @@ class UrlFormatter extends _react.default.Component {
         value
       } = this.props;
       const url = (0, _editorUtils.getTrimmedString)(value);
-      const validUrl = (0, _editorUtils.isValidUrl)(url) ? url : "http://".concat(url);
+      const validUrl = (0, _utils.isValidUrl)(url) ? url : "http://".concat(url);
       try {
         let a = document.createElement('a');
         document.body.appendChild(a);

package/lib/RowExpandFormatter/constants.js

@@ -0,0 +1,60 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DEFAULT_FORMATTER = void 0;
+var _constants = require("../constants");
+var _TextFormatter = _interopRequireDefault(require("../TextFormatter"));
+var _NumberFormatter = _interopRequireDefault(require("../NumberFormatter"));
+var _CheckboxFormatter = _interopRequireDefault(require("../CheckboxFormatter"));
+var _DateFormatter = _interopRequireDefault(require("../DateFormatter"));
+var _SingleSelectFormatter = _interopRequireDefault(require("../SingleSelectFormatter"));
+var _MultipleSelectFormatter = _interopRequireDefault(require("../MultipleSelectFormatter"));
+var _CollaboratorFormatter = _interopRequireDefault(require("../CollaboratorFormatter"));
+var _LongTextFormatter = _interopRequireDefault(require("../LongTextFormatter"));
+var _GeolocationFormatter = _interopRequireDefault(require("../GeolocationFormatter"));
+var _CTimeFormatter = _interopRequireDefault(require("../CTimeFormatter"));
+var _CreatorFormatter = _interopRequireDefault(require("../CreatorFormatter"));
+var _LastModifierFormatter = _interopRequireDefault(require("../LastModifierFormatter"));
+var _MTimeFormatter = _interopRequireDefault(require("../MTimeFormatter"));
+var _AutoNumberFormatter = _interopRequireDefault(require("../AutoNumberFormatter"));
+var _DurationFormatter = _interopRequireDefault(require("../DurationFormatter"));
+var _ButtonFormatter = _interopRequireDefault(require("../ButtonFormatter"));
+var _RowExpandUrlFormatter = _interopRequireDefault(require("./RowExpandUrlFormatter"));
+var _RowExpandEmailFormatter = _interopRequireDefault(require("./RowExpandEmailFormatter"));
+var _RowExpandRateFormatter = _interopRequireDefault(require("./RowExpandRateFormatter"));
+var _RowExpandImageFormatter = _interopRequireDefault(require("./RowExpandImageFormatter"));
+var _RowExpandFileFormatter = _interopRequireDefault(require("./RowExpandFileFormatter"));
+var _RowExpandLinkFormatter = _interopRequireDefault(require("./RowExpandLinkFormatter"));
+var _RowExpandFormulaFormatter = _interopRequireDefault(require("./RowExpandFormulaFormatter"));
+var _DigitalSignFormatter = _interopRequireDefault(require("../DigitalSignFormatter"));
+var _RowExpandDepartmentFormatter = _interopRequireDefault(require("./RowExpandDepartmentFormatter"));
+const DEFAULT_FORMATTER = exports.DEFAULT_FORMATTER = {
+  [_constants.CellType.TEXT]: _TextFormatter.default,
+  [_constants.CellType.NUMBER]: _NumberFormatter.default,
+  [_constants.CellType.CHECKBOX]: _CheckboxFormatter.default,
+  [_constants.CellType.DATE]: _DateFormatter.default,
+  [_constants.CellType.SINGLE_SELECT]: _SingleSelectFormatter.default,
+  [_constants.CellType.MULTIPLE_SELECT]: _MultipleSelectFormatter.default,
+  [_constants.CellType.COLLABORATOR]: _CollaboratorFormatter.default,
+  [_constants.CellType.LONG_TEXT]: _LongTextFormatter.default,
+  [_constants.CellType.GEOLOCATION]: _GeolocationFormatter.default,
+  [_constants.CellType.CTIME]: _CTimeFormatter.default,
+  [_constants.CellType.CREATOR]: _CreatorFormatter.default,
+  [_constants.CellType.LAST_MODIFIER]: _LastModifierFormatter.default,
+  [_constants.CellType.MTIME]: _MTimeFormatter.default,
+  [_constants.CellType.AUTO_NUMBER]: _AutoNumberFormatter.default,
+  [_constants.CellType.DURATION]: _DurationFormatter.default,
+  [_constants.CellType.BUTTON]: _ButtonFormatter.default,
+  [_constants.CellType.URL]: _RowExpandUrlFormatter.default,
+  [_constants.CellType.EMAIL]: _RowExpandEmailFormatter.default,
+  [_constants.CellType.RATE]: _RowExpandRateFormatter.default,
+  [_constants.CellType.IMAGE]: _RowExpandImageFormatter.default,
+  [_constants.CellType.FILE]: _RowExpandFileFormatter.default,
+  [_constants.CellType.LINK]: _RowExpandLinkFormatter.default,
+  [_constants.CellType.FORMULA]: _RowExpandFormulaFormatter.default,
+  [_constants.CellType.DIGITAL_SIGN]: _DigitalSignFormatter.default,
+  [_constants.CellType.DEPARTMENT_SINGLE_SELECT]: _RowExpandDepartmentFormatter.default
+};

package/lib/RowExpandFormatter/index.css

@@ -109,3 +109,29 @@
 .dtable-ui.dtable-row-expand-formatter .dtable-link-formatter {
   padding-top: 8px;
 }
+
+.dtable-ui-row-expand-select-formatter.custom-select {
+  display: flex;
+  padding: 0 10px;
+  border-radius: 3px;
+  align-items: center;
+  justify-content: space-between;
+  -webkit-user-select: none;
+  user-select: none;
+  text-align: left;
+  position: relative;
+  cursor: pointer;
+  height: fit-content;
+  min-height: 2.375rem;
+  background-color: #f8f9fa !important;
+  cursor: default;
+}
+
+.dtable-ui-row-expand-select-formatter .dtable-ui-row-expand-select-formatter-inner {
+  display: flex;
+  flex: 1 1;
+  overflow: hidden;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: space-between;
+}