dtable-ui-component 7.0.0-xia.1 → 7.0.0-xia.2

package/lib/DTablePopover/index.js

@@ -18,10 +18,9 @@ class DTablePopover extends _react.default.Component {
       this.props.hideDTablePopover(e);
     };
     this.onKeyDown = e => {
-      const {
-        canHideDTablePopover,
-        hideDTablePopoverWithEsc
-      } = this.props;
+      const _this$props = this.props,
+        canHideDTablePopover = _this$props.canHideDTablePopover,
+        hideDTablePopoverWithEsc = _this$props.hideDTablePopoverWithEsc;
       if (e.keyCode === 27 && typeof hideDTablePopoverWithEsc === 'function') {
         e.preventDefault();
         hideDTablePopoverWithEsc();
@@ -32,9 +31,7 @@ class DTablePopover extends _react.default.Component {
       }
     };
     this.onMousedown = e => {
-      const {
-        canHideDTablePopover
-      } = this.props;
+      const canHideDTablePopover = this.props.canHideDTablePopover;
       if (!canHideDTablePopover) return;
       if (this.dtablePopoverRef && e && (0, _utils.getEventClassName)(e).indexOf('popover') === -1 && !this.dtablePopoverRef.contains(e.target)) {
         this.props.hideDTablePopover(e);
@@ -55,14 +52,13 @@ class DTablePopover extends _react.default.Component {
     window.removeEventListener('popstate', this.onHistoryState);
   }
   render() {
-    const {
-      target,
-      innerClassName,
-      popoverClassName,
-      hideArrow,
-      modifiers,
-      placement
-    } = this.props;
+    const _this$props2 = this.props,
+      target = _this$props2.target,
+      innerClassName = _this$props2.innerClassName,
+      popoverClassName = _this$props2.popoverClassName,
+      hideArrow = _this$props2.hideArrow,
+      modifiers = _this$props2.modifiers,
+      placement = _this$props2.placement;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Popover, {
       placement: placement,
       isOpen: true,

package/lib/DTableRadio/index.js

@@ -10,15 +10,16 @@ var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function DTableRadio(_ref) {
-  let {
-    disabled = false,
-    name = 'dtable-radio-input',
-    onCheckedChange = () => {},
-    className,
-    isChecked,
-    value,
-    label
-  } = _ref;
+  let _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? 'dtable-radio-input' : _ref$name,
+    _ref$onCheckedChange = _ref.onCheckedChange,
+    onCheckedChange = _ref$onCheckedChange === void 0 ? () => {} : _ref$onCheckedChange,
+    className = _ref.className,
+    isChecked = _ref.isChecked,
+    value = _ref.value,
+    label = _ref.label;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("label", {
     className: (0, _classnames.default)('dtable-radio w-100 align-items-center position-relative', {
       'dtable-radio-disable': disabled,

package/lib/DTableRadioGroup/index.js

@@ -28,9 +28,7 @@ class DTableRadioGroup extends _react.default.Component {
       this.setTransitionTimer = null;
     };
     this.onSelectChanged = event => {
-      const {
-        option
-      } = event.target.dataset;
+      const option = event.target.dataset.option;
       if (option === this.state.activeOption) return;
       this.setState({
         activeOption: option
@@ -45,17 +43,13 @@ class DTableRadioGroup extends _react.default.Component {
     this.setTransitionTimer = null;
   }
   componentDidMount() {
-    const {
-      options
-    } = this.props;
+    const options = this.props.options;
     if (!this.btn || !this.slider || !Array.isArray(options)) return;
     this.slider.style.width = "".concat(100 / options.length, "%");
     this.setSliderTransition();
   }
   componentDidUpdate(prevProps) {
-    const {
-      activeOption
-    } = this.props;
+    const activeOption = this.props.activeOption;
     if (activeOption !== prevProps.activeOption && activeOption !== this.state.activeOption) {
       this.setState({
         activeOption
@@ -66,14 +60,11 @@ class DTableRadioGroup extends _react.default.Component {
     this.clearTransitionTimer();
   }
   render() {
-    const {
-      options,
-      optionsDisplay,
-      readOnly
-    } = this.props;
-    const {
-      activeOption
-    } = this.state;
+    const _this$props = this.props,
+      options = _this$props.options,
+      optionsDisplay = _this$props.optionsDisplay,
+      readOnly = _this$props.readOnly;
+    const activeOption = this.state.activeOption;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "radio-group-wrapper",
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {

package/lib/DTableSearchInput/index.js

@@ -18,10 +18,9 @@ class DtableSearchInput extends _react.Component {
     };
     this.onChange = e => {
       this.timer && clearTimeout(this.timer);
-      const {
-        onChange,
-        wait
-      } = this.props;
+      const _this$props = this.props,
+        onChange = _this$props.onChange,
+        wait = _this$props.wait;
       let text = e.target.value;
       this.setState({
         searchValue: text || ''
@@ -37,9 +36,7 @@ class DtableSearchInput extends _react.Component {
       this.onChange(e);
     };
     this.clearSearch = () => {
-      const {
-        clearValue
-      } = this.props;
+      const clearValue = this.props.clearValue;
       this.setState({
         searchValue: ''
       }, () => {
@@ -55,18 +52,14 @@ class DtableSearchInput extends _react.Component {
       }
     };
     this.renderClear = () => {
-      const {
-        isClearable,
-        clearClassName,
-        components = {}
-      } = this.props;
-      const {
-        searchValue
-      } = this.state;
+      const _this$props2 = this.props,
+        isClearable = _this$props2.isClearable,
+        clearClassName = _this$props2.clearClassName,
+        _this$props2$componen = _this$props2.components,
+        components = _this$props2$componen === void 0 ? {} : _this$props2$componen;
+      const searchValue = this.state.searchValue;
       if (!isClearable || !searchValue) return null;
-      const {
-        ClearIndicator
-      } = components;
+      const ClearIndicator = components.ClearIndicator;
       if (/*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
         return /*#__PURE__*/_react.default.cloneElement(ClearIndicator, {
           clearValue: this.clearSearch
@@ -102,17 +95,14 @@ class DtableSearchInput extends _react.Component {
     this.inputRef = null;
   }
   render() {
-    const {
-      placeholder,
-      autoFocus,
-      className,
-      onKeyDown,
-      disabled,
-      style
-    } = this.props;
-    const {
-      searchValue
-    } = this.state;
+    const _this$props3 = this.props,
+      placeholder = _this$props3.placeholder,
+      autoFocus = _this$props3.autoFocus,
+      className = _this$props3.className,
+      onKeyDown = _this$props3.onKeyDown,
+      disabled = _this$props3.disabled,
+      style = _this$props3.style;
+    const searchValue = this.state.searchValue;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
         ref: ref => this.inputRef = ref,

package/lib/DTableSelect/dtable-select-label.js

@@ -9,11 +9,12 @@ var _react = _interopRequireDefault(require("react"));
 require("./dtable-select-label.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function DTableSelectLabel(_ref) {
-  let {
-    classname = '',
-    name = '',
-    isSelect = false
-  } = _ref;
+  let _ref$classname = _ref.classname,
+    classname = _ref$classname === void 0 ? '' : _ref$classname,
+    _ref$name = _ref.name,
+    name = _ref$name === void 0 ? '' : _ref$name,
+    _ref$isSelect = _ref.isSelect,
+    isSelect = _ref$isSelect === void 0 ? false : _ref$isSelect;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
     className: "".concat(classname, " w-100 d-flex justify-content-between"),
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {

package/lib/DTableSelect/index.js

@@ -12,28 +12,27 @@ var _utils = require("./utils");
 var _jsxRuntime = require("react/jsx-runtime");
 class DTableSelect extends _react.default.Component {
   render() {
-    const {
-      options,
-      onChange,
-      value,
-      isSearchable,
-      placeholder,
-      isMulti,
-      menuPosition,
-      isClearable,
-      noOptionsMessage,
-      classNamePrefix,
-      style,
-      innerRef,
-      isDisabled,
-      form,
-      customFilterOption,
-      autoFocus,
-      className,
-      closeMenuOnSelect,
-      onMenuClose,
-      components: userComponents
-    } = this.props;
+    const _this$props = this.props,
+      options = _this$props.options,
+      onChange = _this$props.onChange,
+      value = _this$props.value,
+      isSearchable = _this$props.isSearchable,
+      placeholder = _this$props.placeholder,
+      isMulti = _this$props.isMulti,
+      menuPosition = _this$props.menuPosition,
+      isClearable = _this$props.isClearable,
+      noOptionsMessage = _this$props.noOptionsMessage,
+      classNamePrefix = _this$props.classNamePrefix,
+      style = _this$props.style,
+      innerRef = _this$props.innerRef,
+      isDisabled = _this$props.isDisabled,
+      form = _this$props.form,
+      customFilterOption = _this$props.customFilterOption,
+      autoFocus = _this$props.autoFocus,
+      className = _this$props.className,
+      closeMenuOnSelect = _this$props.closeMenuOnSelect,
+      onMenuClose = _this$props.onMenuClose,
+      userComponents = _this$props.components;
     const mergedComponents = (0, _objectSpread2.default)({
       Option: _utils.Option,
       DropdownIndicator: _utils.DropdownIndicator,

package/lib/DTableSelect/utils.js

@@ -25,10 +25,8 @@ const noneCallback = () => ({
   display: 'none'
 });
 const controlCallback = (provided, state) => {
-  const {
-    isDisabled,
-    isFocused
-  } = state;
+  const isDisabled = state.isDisabled,
+    isFocused = state.isFocused;
   if (isFocused && !isDisabled) {
     return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), FOCUS_CONTROL_STYLE), {}, {
       '&:hover': (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), FOCUS_CONTROL_STYLE)
@@ -44,10 +42,8 @@ const controlCallback = (provided, state) => {
 };
 const UserSelectStyle = exports.UserSelectStyle = {
   option: (provided, state) => {
-    const {
-      isDisabled,
-      isFocused
-    } = state;
+    const isDisabled = state.isDisabled,
+      isFocused = state.isFocused;
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
       cursor: isDisabled ? 'default' : 'pointer',
       backgroundColor: isFocused ? '#f5f5f5' : '#fff'
@@ -95,10 +91,8 @@ const UserSelectStyle = exports.UserSelectStyle = {
 };
 const MenuSelectStyle = exports.MenuSelectStyle = {
   option: (provided, state) => {
-    const {
-      isDisabled,
-      isFocused
-    } = state;
+    const isDisabled = state.isDisabled,
+      isFocused = state.isFocused;
     return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
       fontSize: '13px',
       color: '#212529',
@@ -134,9 +128,7 @@ const DropdownIndicator = props => {
 };
 exports.DropdownIndicator = DropdownIndicator;
 const ClearIndicator = _ref => {
-  let {
-      innerProps
-    } = _ref,
+  let innerProps = _ref.innerProps,
     props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
   const onMouseDown = e => {
     e.nativeEvent.stopImmediatePropagation();

package/lib/DTableSubDropdownMenu/index.js

@@ -10,16 +10,14 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _DTableDropdownMenu = _interopRequireDefault(require("../DTableDropdownMenu"));
 var _jsxRuntime = require("react/jsx-runtime");
 const DTableSubDropdownMenu = _ref => {
-  let {
-    id,
-    className,
-    container,
-    modifiers,
-    flip,
-    style,
-    menuProps,
-    children
-  } = _ref;
+  let id = _ref.id,
+    className = _ref.className,
+    container = _ref.container,
+    modifiers = _ref.modifiers,
+    flip = _ref.flip,
+    style = _ref.style,
+    menuProps = _ref.menuProps,
+    children = _ref.children;
   let customMenuProps = (0, _objectSpread2.default)({}, menuProps);
   if (container) {
     customMenuProps.container = container;

package/lib/DTableSubDropdownToggle/index.js

@@ -12,18 +12,18 @@ var _classnames = _interopRequireDefault(require("classnames"));
 var _lang = require("../lang");
 var _jsxRuntime = require("react/jsx-runtime");
 const DTableSubDropdownToggle = _ref => {
-  let {
-    className,
-    id,
-    text,
-    icon,
-    disabled,
-    hideArrow = false,
-    title,
-    ariaLabel,
-    ariaExpanded = false,
-    toggleProps
-  } = _ref;
+  let className = _ref.className,
+    id = _ref.id,
+    text = _ref.text,
+    icon = _ref.icon,
+    disabled = _ref.disabled,
+    _ref$hideArrow = _ref.hideArrow,
+    hideArrow = _ref$hideArrow === void 0 ? false : _ref$hideArrow,
+    title = _ref.title,
+    ariaLabel = _ref.ariaLabel,
+    _ref$ariaExpanded = _ref.ariaExpanded,
+    ariaExpanded = _ref$ariaExpanded === void 0 ? false : _ref$ariaExpanded,
+    toggleProps = _ref.toggleProps;
   const renderedIcon = () => {
     if (!icon || ! /*#__PURE__*/_react.default.isValidElement(icon)) return null;
     return /*#__PURE__*/_react.default.cloneElement(icon, {

package/lib/DTableSwitch/index.js

@@ -11,17 +11,18 @@ var _dtableUtils = require("dtable-utils");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function DTableSwitch(_ref) {
-  let {
-    onChange,
-    checked = false,
-    placeholder,
-    disabled,
-    size = 'sm',
-    switchPosition = 'right',
-    switchClassName,
-    innerClassName,
-    inputId
-  } = _ref;
+  let onChange = _ref.onChange,
+    _ref$checked = _ref.checked,
+    checked = _ref$checked === void 0 ? false : _ref$checked,
+    placeholder = _ref.placeholder,
+    disabled = _ref.disabled,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'sm' : _ref$size,
+    _ref$switchPosition = _ref.switchPosition,
+    switchPosition = _ref$switchPosition === void 0 ? 'right' : _ref$switchPosition,
+    switchClassName = _ref.switchClassName,
+    innerClassName = _ref.innerClassName,
+    inputId = _ref.inputId;
   const switchNode = /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     className: "custom-switch-indicator"
   });

package/lib/DTableToolTip/index.js

@@ -11,14 +11,13 @@ var _reactstrap = require("reactstrap");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const DTableToolTip = _ref => {
-  let {
-    target,
-    placement = 'bottom',
-    className,
-    children,
-    shortcut,
-    modifiers
-  } = _ref;
+  let target = _ref.target,
+    _ref$placement = _ref.placement,
+    placement = _ref$placement === void 0 ? 'bottom' : _ref$placement,
+    className = _ref.className,
+    children = _ref.children,
+    shortcut = _ref.shortcut,
+    modifiers = _ref.modifiers;
   const hasShortcut = Boolean(shortcut);
   const renderContent = () => {
     if (hasShortcut) {

package/lib/DateEditor/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _dtableUtils = require("dtable-utils");
@@ -18,21 +19,25 @@ require("dayjs/locale/en-gb");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const DateEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let {
-    isMobile,
-    lang,
-    isReadOnly,
-    column,
-    className,
-    isInModal,
-    firstDayOfWeek,
-    size,
-    value: oldValue,
-    hideCalendar,
-    onCommit
-  } = _ref;
-  const [isDateInit, setDateInit] = (0, _react.useState)(false);
-  const [value, setValue] = (0, _react.useState)(oldValue || '');
+  let isMobile = _ref.isMobile,
+    lang = _ref.lang,
+    isReadOnly = _ref.isReadOnly,
+    column = _ref.column,
+    className = _ref.className,
+    isInModal = _ref.isInModal,
+    firstDayOfWeek = _ref.firstDayOfWeek,
+    size = _ref.size,
+    oldValue = _ref.value,
+    hideCalendar = _ref.hideCalendar,
+    onCommit = _ref.onCommit;
+  const _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
+    isDateInit = _useState2[0],
+    setDateInit = _useState2[1];
+  const _useState3 = (0, _react.useState)(oldValue || ''),
+    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
+    value = _useState4[0],
+    setValue = _useState4[1];
   const format = (0, _react.useMemo)(() => {
     var _column$data;
     return (column === null || column === void 0 ? void 0 : column.data) && (column === null || column === void 0 ? void 0 : (_column$data = column.data) === null || _column$data === void 0 ? void 0 : _column$data.format) || _dtableUtils.DEFAULT_DATE_FORMAT;

package/lib/DateEditor/mb-editor/index.js

@@ -20,10 +20,8 @@ require("@seafile/seafile-calendar/assets/index.css");
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 let now = (0, _dayjs.default)();
-const {
-  Header,
-  Body
-} = _MobileFullScreenPage.default;
+const Header = _MobileFullScreenPage.default.Header,
+  Body = _MobileFullScreenPage.default.Body;
 class MBDateEditor extends _react.default.PureComponent {
   constructor(props) {
     super(props);
@@ -69,14 +67,11 @@ class MBDateEditor extends _react.default.PureComponent {
       });
     };
     this.renderCalender = () => {
-      const {
-        lang,
-        className,
-        firstDayOfWeek
-      } = this.props;
-      const {
-        time
-      } = this.state;
+      const _this$props = this.props,
+        lang = _this$props.lang,
+        className = _this$props.className,
+        firstDayOfWeek = _this$props.firstDayOfWeek;
+      const time = this.state.time;
       const calendar = /*#__PURE__*/(0, _jsxRuntime.jsx)(_seafileCalendar.default, {
         className: (0, _classnames.default)('dtable-rc-calendar', className),
         locale: (0, _editorUtils.initDateEditorLanguage)(lang),
@@ -102,9 +97,7 @@ class MBDateEditor extends _react.default.PureComponent {
           width: '100%'
         },
         children: _ref => {
-          let {
-            time
-          } = _ref;
+          let time = _ref.time;
           return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
             tabIndex: "0",
             onFocus: this.onReadOnlyFocus,
@@ -124,10 +117,8 @@ class MBDateEditor extends _react.default.PureComponent {
         }
       });
     };
-    const {
-      dateFormat,
-      showHourAndMinute
-    } = props;
+    const dateFormat = props.dateFormat,
+      showHourAndMinute = props.showHourAndMinute;
     this.state = {
       time: null
     };
@@ -137,10 +128,9 @@ class MBDateEditor extends _react.default.PureComponent {
     this.format = showHourAndMinute ? 'YYYY-MM-DD HH:mm' : 'YYYY-MM-DD';
   }
   componentDidMount() {
-    let {
-      value,
-      lang
-    } = this.props;
+    let _this$props2 = this.props,
+      value = _this$props2.value,
+      lang = _this$props2.lang;
     const iszhcn = lang === 'zh-cn';
     if (iszhcn) {
       now = now.locale('zh-cn');
@@ -156,14 +146,11 @@ class MBDateEditor extends _react.default.PureComponent {
     });
   }
   render() {
-    const {
-      lang,
-      column,
-      showHourAndMinute
-    } = this.props;
-    const {
-      time
-    } = this.state;
+    const _this$props3 = this.props,
+      lang = _this$props3.lang,
+      column = _this$props3.column,
+      showHourAndMinute = _this$props3.showHourAndMinute;
+    const time = this.state.time;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileFullScreenPage.default, {
       className: "dtable-ui-mobile-date-editor",
       onClose: this.props.onClose,