dtable-ui-component 6.0.48-apl0.4 → 6.0.49

package/lib/CollapsibleSettingLayout/index.css

@@ -10,11 +10,6 @@
 
 .collapsible-setting-layout-header .dtable-font {
   font-size: 10px;
-  color: #999;
-}
-
-.collapsible-setting-layout-header .dtable-font:hover {
-  color: #555;
 }
 
 .collapsible-setting-layout-header .dtable-font.dtable-icon-spin {

package/lib/CollapsibleSettingLayout/index.js

@@ -19,7 +19,7 @@ const CollapsibleSettingLayout = props => {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: (0, _classnames.default)('collapsible-setting-layout', className)
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "collapsible-setting-layout-header w-100 d-flex align-items-center",
+    className: "collapsible-setting-layout-header seatable-collapse-header w-100 d-flex align-items-center",
     onClick: () => setIsShowSettings(!isShowSettings)
   }, /*#__PURE__*/_react.default.createElement("span", {
     className: "collapsible-setting-layout-title"

package/lib/FieldDisplaySetting/index.css

@@ -4,7 +4,6 @@
 }
 
 .field-setting .field-setting-header .expand-button {
-  color: #999;
   font-size: 10px;
   cursor: pointer;
   transition: transform .3s cubic-bezier(.645,.045,.355,1);
@@ -14,11 +13,6 @@
   transform: rotate(90deg);
 }
 
-.field-setting .field-setting-header .expand-button:hover {
-  color: #555;
-  cursor: pointer;
-}
-
 .field-setting .field-setting-banner .show-all-button {
   color: #ed7109;
   cursor: pointer;

package/lib/FieldDisplaySetting/index.js

@@ -53,7 +53,7 @@ function FieldDisplaySetting(_ref) {
   return /*#__PURE__*/_react.default.createElement("div", {
     className: "field-setting"
   }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "field-setting-header d-flex align-items-center justify-content-between",
+    className: "field-setting-header seatable-collapse-header d-flex align-items-center justify-content-between",
     onClick: expandAllFields
   }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
     className: "mb-0"

package/lib/RowExpandFormatter/formula-formatter/index.js

@@ -91,7 +91,8 @@ class RowExpandFormulaFormatter extends _react.default.Component {
       const {
         value,
         column,
-        collaborators
+        collaborators,
+        departments
       } = this.props;
       const {
         array_type,
@@ -101,7 +102,7 @@ class RowExpandFormulaFormatter extends _react.default.Component {
         return null;
       }
       const Formatter = _baseFormatterConfig.default[array_type];
-      let formatterProps = this.getFormatterProps(array_type, array_data, collaborators);
+      let formatterProps = this.getFormatterProps(array_type, array_data, collaborators, departments);
       if ((0, _utils.isArrayFormatColumn)(array_type)) {
         formatterProps.value = value;
         return this.renderBorder(this.createColumnFormatter(Formatter, formatterProps));
@@ -121,8 +122,6 @@ class RowExpandFormulaFormatter extends _react.default.Component {
         formulaEmail = cellValue[0];
         formulaEmail = formulaEmail ? formulaEmail.trim() : '';
       }
-      console.log('Formatter', Formatter);
-      console.log('formatterProps', formatterProps);
       return this.renderBorder( /*#__PURE__*/_react.default.createElement("div", {
         className: "dtable-ui formula-formatter multiple"
       }, cellValue.map((v, index) => {
@@ -145,7 +144,7 @@ class RowExpandFormulaFormatter extends _react.default.Component {
         }), this.createColumnFormatter(Formatter, formatterProps));
       })));
     };
-    this.getFormatterProps = (array_type, array_data, collaborators) => {
+    this.getFormatterProps = (array_type, array_data, collaborators, departments) => {
       switch (array_type) {
         case _dtableUtils.CellType.DURATION:
           {
@@ -158,6 +157,16 @@ class RowExpandFormulaFormatter extends _react.default.Component {
           }
         case _dtableUtils.CellType.NUMBER:
         case _dtableUtils.CellType.RATE:
+        case _dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT:
+          {
+            return {
+              column: {
+                data: array_data
+              },
+              readOnly: true,
+              departments
+            };
+          }
         case _dtableUtils.CellType.GEOLOCATION:
           {
             return {

package/lib/RowExpandFormatter/index.js

@@ -235,7 +235,8 @@ class RowExpandFormatter extends _react.default.Component {
               value: cellValue,
               column: column,
               collaborators: collaborators,
-              containerClassName: containerClassName
+              containerClassName: containerClassName,
+              departments: this.props.departments
             });
           }
         case _dtableUtils.CellType.LINK:

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.48apl0.4",
+  "version": "6.0.49",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "4.0.2",