dtable-ui-component 6.0.49 → 6.0.50

package/lib/DTableFiltersPopover/widgets/department-select-filter/department-single-select-filter.js

@@ -14,6 +14,7 @@ var _departments = require("../../../constants/departments");
 var _ModalPortal = _interopRequireDefault(require("../../../ModalPortal"));
 var _commonHooks = require("../../../hooks/common-hooks");
 var _lang = require("../../../lang");
+var _jsxRuntime = require("react/jsx-runtime");
 function DepartmentSingleSelectFilter(props) {
   const {
     value,
@@ -39,19 +40,22 @@ function DepartmentSingleSelectFilter(props) {
         type,
         name
       } = option;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
         className: "department-item",
-        key: index,
-        onClick: event => onSelect(event, type)
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "department-item-left-content d-flex align-items-center"
-      }, /*#__PURE__*/_react.default.createElement("span", {
-        className: "text-truncate department-name"
-      }, (0, _lang.getLocale)(name)), selectedDepartment === type && /*#__PURE__*/_react.default.createElement("span", {
-        className: "department-check-icon"
-      }, /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-font dtable-icon-check-mark"
-      }))));
+        onClick: event => onSelect(event, type),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "department-item-left-content d-flex align-items-center",
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "text-truncate department-name",
+            children: (0, _lang.getLocale)(name)
+          }), selectedDepartment === type && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+            className: "department-check-icon",
+            children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+              className: "dtable-font dtable-icon-check-mark"
+            })
+          })]
+        })
+      }, index);
     });
   }
   function onSelectToggle(event) {
@@ -71,45 +75,51 @@ function DepartmentSingleSelectFilter(props) {
       columnOption
     });
   }
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     ref: selectorRef,
     className: (0, _classnames.default)('dtable-select custom-select', {
       'focus': isShowSelector
     }),
     onClick: onSelectToggle,
-    id: "filter-department-editor"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "selected-option"
-  }, value ? /*#__PURE__*/_react.default.createElement("span", {
-    className: "selected-option-show"
-  }, /*#__PURE__*/_react.default.createElement(_SelectedDepartments.default, {
-    departments: departments,
-    value: selectedDepartmentIds
-  })) : /*#__PURE__*/_react.default.createElement("span", {
-    className: "select-placeholder"
-  }, (0, _lang.getLocale)('Select_department')), !readOnly && /*#__PURE__*/_react.default.createElement("span", {
-    className: "dtable-font dtable-icon-down3"
-  })), isShowSelector && !isInModal && /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectEditor.default, {
-    target: selectorRef.current,
-    enableSelectRange: false,
-    isInModal: isInModal,
-    column: column,
-    value: value,
-    onCommit: onCommit,
-    userDepartmentIdsMap: userDepartmentIdsMap,
-    departments: departments,
-    renderUserDepartmentOptions: renderUserDepartmentOptions
-  }), isShowSelector && isInModal && /*#__PURE__*/_react.default.createElement(_ModalPortal.default, null, /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectEditor.default, {
-    target: selectorRef.current,
-    enableSelectRange: false,
-    isInModal: isInModal,
-    column: column,
-    value: value,
-    position: selectorRef.current.getBoundingClientRect(),
-    onCommit: onCommit,
-    userDepartmentIdsMap: userDepartmentIdsMap,
-    departments: departments,
-    renderUserDepartmentOptions: renderUserDepartmentOptions
-  })));
+    id: "filter-department-editor",
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "selected-option",
+      children: [value ? /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "selected-option-show",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectedDepartments.default, {
+          departments: departments,
+          value: selectedDepartmentIds
+        })
+      }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "select-placeholder",
+        children: (0, _lang.getLocale)('Select_department')
+      }), !readOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+        className: "dtable-font dtable-icon-down3"
+      })]
+    }), isShowSelector && !isInModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DepartmentSingleSelectEditor.default, {
+      target: selectorRef.current,
+      enableSelectRange: false,
+      isInModal: isInModal,
+      column: column,
+      value: value,
+      onCommit: onCommit,
+      userDepartmentIdsMap: userDepartmentIdsMap,
+      departments: departments,
+      renderUserDepartmentOptions: renderUserDepartmentOptions
+    }), isShowSelector && isInModal && /*#__PURE__*/(0, _jsxRuntime.jsx)(_ModalPortal.default, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DepartmentSingleSelectEditor.default, {
+        target: selectorRef.current,
+        enableSelectRange: false,
+        isInModal: isInModal,
+        column: column,
+        value: value,
+        position: selectorRef.current.getBoundingClientRect(),
+        onCommit: onCommit,
+        userDepartmentIdsMap: userDepartmentIdsMap,
+        departments: departments,
+        renderUserDepartmentOptions: renderUserDepartmentOptions
+      })
+    })]
+  });
 }
 var _default = exports.default = DepartmentSingleSelectFilter;

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

@@ -15,6 +15,7 @@ var _Picker = _interopRequireDefault(require("@seafile/seafile-calendar/lib/Pick
 var _lang = require("../../lang");
 var _columnUtils = require("../../utils/column-utils");
 require("@seafile/seafile-calendar/assets/index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 let now = (0, _dayjs.default)();
 class FilterCalendar extends _react.Component {
   constructor(props) {
@@ -111,7 +112,7 @@ class FilterCalendar extends _react.Component {
       firstDayOfWeek
     } = this.props;
     const state = this.state;
-    if (isReadOnly) return /*#__PURE__*/_react.default.createElement("input", {
+    if (isReadOnly) return /*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
       className: "ant-calendar-picker-input ant-input form-control",
       value: state.value ? state.value.format(this.columnDataFormat) : '',
       disabled: true
@@ -128,7 +129,7 @@ class FilterCalendar extends _react.Component {
       className: 'item-icon dtable-font dtable-icon-x',
       style: clearStyle
     });
-    const calendar = /*#__PURE__*/_react.default.createElement(_seafileCalendar.default, {
+    const calendar = /*#__PURE__*/(0, _jsxRuntime.jsx)(_seafileCalendar.default, {
       className: "dtable-rc-calendar",
       locale: (0, _lang.translateCalendar)(),
       style: {
@@ -142,35 +143,38 @@ class FilterCalendar extends _react.Component {
       clearIcon: clearIcon,
       firstDayOfWeek: firstDayOfWeek
     });
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "date-picker-container"
-    }, /*#__PURE__*/_react.default.createElement(_Picker.default, {
-      calendar: calendar,
-      value: state.value,
-      onChange: this.onChange,
-      getCalendarContainer: this.getCalendarContainer,
-      onOpenChange: this.onOpenChange,
-      open: state.open,
-      style: {
-        zIndex: 1001
-      }
-    }, _ref => {
-      let {
-        value
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement("span", {
-        tabIndex: "0",
-        onFocus: this.onReadOnlyFocus
-      }, /*#__PURE__*/_react.default.createElement("input", {
-        tabIndex: "-1",
-        readOnly: true,
-        className: "ant-calendar-picker-input ant-input form-control",
-        value: value ? value.format(this.columnDataFormat) : '',
-        onMouseDown: this.handleMouseDown
-      }), /*#__PURE__*/_react.default.createElement("div", {
-        ref: this.calendarContainerRef
-      }));
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "date-picker-container",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Picker.default, {
+        calendar: calendar,
+        value: state.value,
+        onChange: this.onChange,
+        getCalendarContainer: this.getCalendarContainer,
+        onOpenChange: this.onOpenChange,
+        open: state.open,
+        style: {
+          zIndex: 1001
+        },
+        children: _ref => {
+          let {
+            value
+          } = _ref;
+          return /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+            tabIndex: "0",
+            onFocus: this.onReadOnlyFocus,
+            children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
+              tabIndex: "-1",
+              readOnly: true,
+              className: "ant-calendar-picker-input ant-input form-control",
+              value: value ? value.format(this.columnDataFormat) : '',
+              onMouseDown: this.handleMouseDown
+            }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+              ref: this.calendarContainerRef
+            })]
+          });
+        }
+      })
+    });
   }
 }
 var _default = exports.default = FilterCalendar;

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

@@ -16,6 +16,7 @@ var _constants = require("../constants");
 var _utils = require("../utils");
 var _DTableCommonAddTool = _interopRequireDefault(require("../../DTableCommonAddTool"));
 var _lang = require("../../lang");
+var _jsxRuntime = require("react/jsx-runtime");
 class FilterGroup extends _react.Component {
   constructor() {
     super(...arguments);
@@ -81,7 +82,7 @@ class FilterGroup extends _react.Component {
         case 1:
           {
             const activeConjunction = _filterItemUtils.default.getActiveConjunctionOption(filterConjunction, conjunctionOptions);
-            return /*#__PURE__*/_react.default.createElement(_DTableCustomizeSelect.default, {
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableCustomizeSelect.default, {
               value: activeConjunction,
               options: conjunctionOptions,
               onSelectOption: this.onSelectGroupConjunction
@@ -89,9 +90,10 @@ class FilterGroup extends _react.Component {
           }
         default:
           {
-            return /*#__PURE__*/_react.default.createElement("span", {
-              className: "selected-conjunction-show"
-            }, (0, _lang.getLocale)(filterConjunction));
+            return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+              className: "selected-conjunction-show",
+              children: (0, _lang.getLocale)(filterConjunction)
+            });
           }
       }
     };
@@ -126,8 +128,7 @@ class FilterGroup extends _react.Component {
           error_message
         } = _dtableUtils.ValidateFilter.validate(currentFilter, columns);
         const filterColumn = columns.find(column => column.key === sub_filter_column_key) || {};
-        return /*#__PURE__*/_react.default.createElement(_filterItem.default, {
-          key: "filter-in-group-".concat(groupIndex, "-").concat(subFilterIndex),
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_filterItem.default, {
           isInModal: this.props.isInModal,
           lang: lang,
           index: subFilterIndex,
@@ -145,7 +146,7 @@ class FilterGroup extends _react.Component {
           updateConjunction: this.modifyConjunctionInGroup,
           deleteFilter: this.deleteFilterInGroup,
           updateFilter: this.updateFilterInGroup
-        });
+        }, "filter-in-group-".concat(groupIndex, "-").concat(subFilterIndex));
       });
     };
   }
@@ -155,31 +156,36 @@ class FilterGroup extends _react.Component {
       index,
       readOnly
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('filter-item', 'filter-group', "level-".concat(level))
-    }, !readOnly && /*#__PURE__*/_react.default.createElement("div", {
-      className: "delete-filter",
-      onClick: this.deleteFilterGroup,
-      role: "button",
-      tabIndex: 0,
-      "aria-label": (0, _lang.getLocale)('Delete')
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      "aria-hidden": "true",
-      className: "dtable-font dtable-icon-fork-number"
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "filter-group-wrapper"
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: (0, _classnames.default)('filter-conjunction', {
-        'conjunction-text': index > 1
-      })
-    }, this.renderConjunction()), /*#__PURE__*/_react.default.createElement("div", {
-      className: "filter-group-container"
-    }, this.renderGroupFilters(), !readOnly && /*#__PURE__*/_react.default.createElement(_DTableCommonAddTool.default, {
-      className: "group-filter-add-tool",
-      callBack: this.addFilterIntoGroup,
-      footerName: (0, _lang.getLocale)('Add_filter'),
-      addIconClassName: "popover-add-icon"
-    }))));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: (0, _classnames.default)('filter-item', 'filter-group', "level-".concat(level)),
+      children: [!readOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "delete-filter",
+        onClick: this.deleteFilterGroup,
+        role: "button",
+        tabIndex: 0,
+        "aria-label": (0, _lang.getLocale)('Delete'),
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          "aria-hidden": "true",
+          className: "dtable-font dtable-icon-fork-number"
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "filter-group-wrapper",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: (0, _classnames.default)('filter-conjunction', {
+            'conjunction-text': index > 1
+          }),
+          children: this.renderConjunction()
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+          className: "filter-group-container",
+          children: [this.renderGroupFilters(), !readOnly && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableCommonAddTool.default, {
+            className: "group-filter-add-tool",
+            callBack: this.addFilterIntoGroup,
+            footerName: (0, _lang.getLocale)('Add_filter'),
+            addIconClassName: "popover-add-icon"
+          })]
+        })]
+      })]
+    });
   }
 }
 FilterGroup.defaultProps = {