dtable-ui-component 6.0.102-alpha.2 → 6.0.102-asd0.1

package/lib/AsyncUserSelect/index.js

@@ -24,7 +24,8 @@ const AsyncUserSelect = _ref => {
     enableShowIDInOrgWhenSearchUser = false,
     selectedUsers = [],
     loadOptions,
-    modifySelectedUsers
+    modifySelectedUsers,
+    isShowInput = true
   } = _ref;
   const [isPopoverOpen, setIsPopoverOpen] = (0, _react.useState)(false);
   const [searchValue, setSearchValue] = (0, _react.useState)('');
@@ -190,8 +191,8 @@ const AsyncUserSelect = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ClickOutside.default, {
     onClickOutside: onClickOutside,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
-      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: (0, _classnames.default)('dtable-ui-selected-users-container form-control d-flex align-items-center', className, {
+      children: [isShowInput && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: classnames('dtable-ui-selected-users-container form-control d-flex align-items-center', className, {
           'focus': isPopoverOpen
         }),
         onClick: onTogglePopover,
@@ -231,7 +232,7 @@ const AsyncUserSelect = _ref => {
             ref: userListContainerRef,
             children: [searchedUsers.length > 0 && searchedUsers.map((user, index) => {
               return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-                className: (0, _classnames.default)('dtable-ui-user-item-container', {
+                className: classnames('dtable-ui-user-item-container', {
                   'dtable-ui-user-item-container-highlight': index === highlightIndex
                 }),
                 ref: userItemContainerRef,

package/lib/CheckboxFormatter/index.js

@@ -16,8 +16,7 @@ class CheckboxFormatter extends _react.default.PureComponent {
     super(...arguments);
     this.renderIcon = (symbol, color) => {
       const className = (0, _classnames.default)('dtable-ui-checkbox-check-mark', {
-        'dtable-ui-checkbox-check-svg': !(symbol !== null && symbol !== void 0 && symbol.startsWith('dtable-icon')),
-        'scale-icon-150': _constants.isMobile
+        'dtable-ui-checkbox-check-svg': !(symbol !== null && symbol !== void 0 && symbol.startsWith('dtable-icon'))
       });
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableIcon.default, {
         className: className,

package/lib/DTableColumnIcon/index.js

@@ -39,6 +39,11 @@ const COLUMNS_ICON_CONFIG = {
   [_dtableUtils.CellType.DIGITAL_SIGN]: 'dtable-font dtable-icon-handwritten-signature',
   [_dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT]: 'dtable-font dtable-icon-department-single-selection'
 };
+const COLUMN_DISPLAY_TYPE_ICON_CONFIG = {
+  [_dtableUtils.CellType.TEXT]: {
+    [_dtableUtils.TEXT_DISPLAY_TYPE_MAP.PHONE]: 'telephone'
+  }
+};
 const DTableColumnIcon = _ref => {
   let {
     column,
@@ -49,11 +54,6 @@ const DTableColumnIcon = _ref => {
   } = _ref;
   const columnType = column === null || column === void 0 ? void 0 : column.type;
   if (!columnType) return null;
-  const COLUMN_DISPLAY_TYPE_ICON_CONFIG = {
-    [_dtableUtils.CellType.TEXT]: {
-      [_dtableUtils.TEXT_DISPLAY_TYPE_MAP.PHONE]: 'telephone'
-    }
-  };
   const columnDisplayType = (0, _dtableUtils.getColumnDisplayType)(column);
   let symbol = null;
   let displayTypeIconConfig = COLUMN_DISPLAY_TYPE_ICON_CONFIG[columnType];

package/lib/DTableFiltersPopover/widgets/filter-item.js

@@ -267,7 +267,7 @@ class FilterItem extends _react.default.Component {
           ref: ref => this.numberEditor = ref,
           column: filterColumn,
           value: filterTerm,
-          onCommit: this.onFilterTermNumberChanged,
+          onBlur: this.onFilterTermNumberChanged,
           readOnly: readOnly
         });
       } else if (type === _constants.INPUT_CMP_TYPE_MAP.DURATION) {

package/lib/DTableIcon/index.css

@@ -4,7 +4,3 @@
   fill: currentColor;
   overflow: hidden;
 }
-
-.multicolor-icon.scale-icon-150 {
-  transform: scale(1.5);
-}

package/lib/FileFormatter/index.js

@@ -20,6 +20,7 @@ const FileFormatter = _ref => {
     containerClassName = '',
     renderItem,
     isSupportOpenFile = false,
+    onOpenFile,
     server,
     workspaceID,
     dtableUuid
@@ -62,7 +63,8 @@ const FileFormatter = _ref => {
     let assetFileIndex = openFileUrl.indexOf('/asset');
     if (assetFileIndex > -1) {
       previewerUrl = openFileUrl.replace('/asset', '/asset-preview');
-      window.open(previewerUrl, '_blank');
+      if (!onOpenFile) window.open(previewerUrl, '_blank');
+      onOpenFile(previewerUrl);
     }
   }, [fileImageUrlList, isSupportOpenFile, showLargeImage]);
   const moveNext = (0, _react.useCallback)(() => {

package/lib/NumberEditor/index.js

@@ -63,11 +63,7 @@ class NumberEditor extends _react.default.Component {
       return this.input.querySelector('input:not([type=hidden])');
     };
     this.onBlur = () => {
-      if (this.props.onCommit) {
-        this.props.onCommit(this.getValue());
-      } else if (this.props.onBlur) {
-        this.props.onBlur();
-      }
+      this.props.isInModal ? this.props.onCommit(this.getValue()) : this.props.onBlur();
     };
     this.setInputRef = input => {
       this.input = input;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "dtable-ui-component",
-  "version": "6.0.102-alpha.2",
+  "version": "6.0.102asd0.1",
   "main": "./lib/index.js",
   "dependencies": {
     "@seafile/react-image-lightbox": "4.0.2",