dtable-ui-component 7.0.13 → 7.0.15

package/lib/DTableRadio/index.js

@@ -10,16 +10,15 @@ var _classnames = _interopRequireDefault(require("classnames"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function DTableRadio(_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;
+  let {
+    disabled = false,
+    name = 'dtable-radio-input',
+    onCheckedChange = () => {},
+    className,
+    isChecked,
+    value,
+    label
+  } = _ref;
   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,7 +28,9 @@ class DTableRadioGroup extends _react.default.Component {
       this.setTransitionTimer = null;
     };
     this.onSelectChanged = event => {
-      const option = event.target.dataset.option;
+      const {
+        option
+      } = event.target.dataset;
       if (option === this.state.activeOption) return;
       this.setState({
         activeOption: option
@@ -43,13 +45,17 @@ class DTableRadioGroup extends _react.default.Component {
     this.setTransitionTimer = null;
   }
   componentDidMount() {
-    const options = this.props.options;
+    const {
+      options
+    } = this.props;
     if (!this.btn || !this.slider || !Array.isArray(options)) return;
-    this.slider.style.width = "".concat(100 / options.length, "%");
+    this.slider.style.width = `${100 / options.length}%`;
     this.setSliderTransition();
   }
   componentDidUpdate(prevProps) {
-    const activeOption = this.props.activeOption;
+    const {
+      activeOption
+    } = this.props;
     if (activeOption !== prevProps.activeOption && activeOption !== this.state.activeOption) {
       this.setState({
         activeOption
@@ -60,21 +66,24 @@ class DTableRadioGroup extends _react.default.Component {
     this.clearTransitionTimer();
   }
   render() {
-    const _this$props = this.props,
-      options = _this$props.options,
-      optionsDisplay = _this$props.optionsDisplay,
-      readOnly = _this$props.readOnly;
-    const activeOption = this.state.activeOption;
+    const {
+      options,
+      optionsDisplay,
+      readOnly
+    } = this.props;
+    const {
+      activeOption
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
       className: "radio-group-wrapper",
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "radio-group-options ".concat(readOnly ? 'read-only' : ''),
+        className: `radio-group-options ${readOnly ? 'read-only' : ''}`,
         children: [options.map(option => {
           const isActive = activeOption === option ? true : false;
           const displayOption = optionsDisplay && optionsDisplay[option] || '';
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
             ref: ref => this.btn = ref,
-            className: "radio-group-button ".concat(isActive ? 'active' : ''),
+            className: `radio-group-button ${isActive ? 'active' : ''}`,
             "data-option": option,
             onClick: this.onSelectChanged,
             children: displayOption

package/lib/DTableSearchInput/index.js

@@ -18,9 +18,10 @@ class DtableSearchInput extends _react.Component {
     };
     this.onChange = e => {
       this.timer && clearTimeout(this.timer);
-      const _this$props = this.props,
-        onChange = _this$props.onChange,
-        wait = _this$props.wait;
+      const {
+        onChange,
+        wait
+      } = this.props;
       let text = e.target.value;
       this.setState({
         searchValue: text || ''
@@ -36,7 +37,9 @@ class DtableSearchInput extends _react.Component {
       this.onChange(e);
     };
     this.clearSearch = () => {
-      const clearValue = this.props.clearValue;
+      const {
+        clearValue
+      } = this.props;
       this.setState({
         searchValue: ''
       }, () => {
@@ -52,14 +55,18 @@ class DtableSearchInput extends _react.Component {
       }
     };
     this.renderClear = () => {
-      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;
+      const {
+        isClearable,
+        clearClassName,
+        components = {}
+      } = this.props;
+      const {
+        searchValue
+      } = this.state;
       if (!isClearable || !searchValue) return null;
-      const ClearIndicator = components.ClearIndicator;
+      const {
+        ClearIndicator
+      } = components;
       if (/*#__PURE__*/_react.default.isValidElement(ClearIndicator)) {
         return /*#__PURE__*/_react.default.cloneElement(ClearIndicator, {
           clearValue: this.clearSearch
@@ -95,14 +102,17 @@ class DtableSearchInput extends _react.Component {
     this.inputRef = null;
   }
   render() {
-    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;
+    const {
+      placeholder,
+      autoFocus,
+      className,
+      onKeyDown,
+      disabled,
+      style
+    } = this.props;
+    const {
+      searchValue
+    } = this.state;
     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,14 +9,13 @@ var _react = _interopRequireDefault(require("react"));
 require("./dtable-select-label.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function DTableSelectLabel(_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;
+  let {
+    classname = '',
+    name = '',
+    isSelect = false
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "".concat(classname, " w-100 d-flex justify-content-between"),
+    className: `${classname} w-100 d-flex justify-content-between`,
     children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       children: name
     }), isSelect && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {

package/lib/DTableSelect/index.js

@@ -5,40 +5,41 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _reactSelect = _interopRequireDefault(require("react-select"));
 var _utils = require("./utils");
 var _jsxRuntime = require("react/jsx-runtime");
 class DTableSelect extends _react.default.Component {
   render() {
-    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)({
+    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 mergedComponents = {
       Option: _utils.Option,
       DropdownIndicator: _utils.DropdownIndicator,
       MenuList: _utils.MenuList,
-      ClearIndicator: _utils.ClearIndicator
-    }, userComponents);
+      ClearIndicator: _utils.ClearIndicator,
+      ...userComponents
+    };
     const processedOptions = (0, _utils.processOptionsWithClear)(options, isClearable);
     return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.default, {
       value: value,

package/lib/DTableSelect/select-dropdown-indicator/index.js

@@ -10,7 +10,9 @@ var _DTableIcon = _interopRequireDefault(require("../../DTableIcon"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 const SelectDropdownIndicator = _ref => {
-  let isDisabled = _ref.isDisabled;
+  let {
+    isDisabled
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
     className: "select-dropdown-indicator d-flex align-items-center",
     "aria-hidden": "true",

package/lib/DTableSelect/utils.js

@@ -5,13 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.processOptionsWithClear = exports.handleSelectChange = exports.createHandleChange = exports.Option = exports.MenuSelectStyle = exports.MenuList = exports.DropdownIndicator = exports.ClearIndicator = void 0;
-var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _reactSelect = require("react-select");
 require("./dtable-select-label.css");
 var _jsxRuntime = require("react/jsx-runtime");
-const _excluded = ["innerProps"]; // DtableSelect is based on seatable-ui.css, so use the following content to override the default react-select style
+// DtableSelect is based on seatable-ui.css, so use the following content to override the default react-select style
 const DEFAULT_CONTROL_STYLE = {
   fontSize: '14px',
   padding: '0 4px 0 8px',
@@ -46,8 +44,10 @@ const HEADER_ICON_STYLE = {
   padding: 0
 };
 const controlCallback = (provided, state) => {
-  const isDisabled = state.isDisabled,
-    isFocused = state.isFocused;
+  const {
+    isDisabled,
+    isFocused
+  } = state;
   const headerIconStyle = {
     '.header-icon': HEADER_ICON_STYLE,
     '.header-icon .dtable-font': {
@@ -55,38 +55,53 @@ const controlCallback = (provided, state) => {
     }
   };
   if (isDisabled) {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), DISABLED_CONTROL_STYLE), {}, {
+    return {
+      ...provided,
+      ...DISABLED_CONTROL_STYLE,
       ':active': {
         border: '1px solid var(--bs-bg-border-color)'
-      }
-    }, headerIconStyle);
+      },
+      ...headerIconStyle
+    };
   }
   if (isFocused) {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), FOCUS_CONTROL_STYLE), headerIconStyle);
+    return {
+      ...provided,
+      ...FOCUS_CONTROL_STYLE,
+      ...headerIconStyle
+    };
   }
-  return (0, _objectSpread2.default)((0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
+  return {
+    ...provided,
     fontSize: '14px',
     lineHeight: '1.5',
-    cursor: 'pointer'
-  }, DEFAULT_CONTROL_STYLE), headerIconStyle);
+    cursor: 'pointer',
+    ...DEFAULT_CONTROL_STYLE,
+    ...headerIconStyle
+  };
 };
 const MenuSelectStyle = exports.MenuSelectStyle = {
   menu: base => {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, base), {}, {
+    return {
+      ...base,
       backgroundColor: 'var(--bs-popover-bg)',
       border: '1px solid var(--bs-border-secondary-color)',
       borderRadius: '4px',
       boxShadow: 'var(--bs-border-secondary-shadow)',
       marginTop: '4px',
       marginBottom: 0
-    });
+    };
   },
-  menuList: provided => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
+  menuList: provided => ({
+    ...provided,
     padding: '8px'
   }),
   option: (provided, state) => {
-    const isDisabled = state.isDisabled;
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
+    const {
+      isDisabled
+    } = state;
+    return {
+      ...provided,
       color: 'var(--bs-body-color)',
       borderRadius: '4px',
       minHeight: '32px',
@@ -100,28 +115,32 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
         backgroundColor: 'var(--bs-btn-background-hover)'
       },
       '.header-icon': HEADER_ICON_STYLE
-    });
+    };
   },
   control: controlCallback,
-  menuPortal: base => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, base), {}, {
+  menuPortal: base => ({
+    ...base,
     zIndex: 9999,
     backgroundColor: 'var(--bs-popover-bg)',
     color: 'var(--bs-body-color)',
     borderColor: 'var(--bs-border-secondary-color)'
   }),
   singleValue: provided => {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
+    return {
+      ...provided,
       color: 'var(--bs-body-color)',
       margin: 0
-    });
+    };
   },
   multiValue: provided => {
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
+    return {
+      ...provided,
       color: 'var(--bs-body-color)',
       margin: 0
-    });
+    };
   },
-  multiValueRemove: styles => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, styles), {}, {
+  multiValueRemove: styles => ({
+    ...styles,
     '.dtable-font': {
       color: 'var(--bs-icon-color)'
     },
@@ -130,16 +149,20 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
       color: 'var(--bs-icon-color)'
     }
   }),
-  input: styles => (0, _objectSpread2.default)((0, _objectSpread2.default)({}, styles), {}, {
+  input: styles => ({
+    ...styles,
     color: 'var(--bs-body-color)'
   }),
   placeholder: (provided, state) => {
-    const isDisabled = state.isDisabled;
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
+    const {
+      isDisabled
+    } = state;
+    return {
+      ...provided,
       color: 'var(--bs-bg-placeholder-color)',
       opacity: isDisabled ? 0.65 : 1,
       margin: 0
-    });
+    };
   },
   indicatorSeparator: (styles, state) => {
     return {
@@ -147,18 +170,22 @@ const MenuSelectStyle = exports.MenuSelectStyle = {
     };
   },
   dropdownIndicator: (provided, state) => {
-    const isDisabled = state.isDisabled;
-    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, provided), {}, {
+    const {
+      isDisabled
+    } = state;
+    return {
+      ...provided,
       paddingRight: '12px',
       '.dtable-font': {
         color: 'var(--bs-icon-color) !important',
         opacity: isDisabled ? 0.65 : 1
       }
-    });
+    };
   }
 };
 const DropdownIndicator = props => {
-  return _reactSelect.components.DropdownIndicator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.DropdownIndicator, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  return _reactSelect.components.DropdownIndicator && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.DropdownIndicator, {
+    ...props,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "dtable-font dtable-icon-down3",
       style: {
@@ -168,20 +195,24 @@ const DropdownIndicator = props => {
         paddingRight: 0
       }
     })
-  }));
+  });
 };
 exports.DropdownIndicator = DropdownIndicator;
 const ClearIndicator = _ref => {
-  let innerProps = _ref.innerProps,
-    props = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  let {
+    innerProps,
+    ...props
+  } = _ref;
   const onMouseDown = e => {
     e.nativeEvent.stopImmediatePropagation();
     innerProps.onMouseDown(e);
   };
-  props.innerProps = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, innerProps), {}, {
+  props.innerProps = {
+    ...innerProps,
     onMouseDown
-  });
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.ClearIndicator, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  };
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.ClearIndicator, {
+    ...props,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "dtable-font dtable-icon-fork-number",
       style: {
@@ -190,21 +221,25 @@ const ClearIndicator = _ref => {
         color: 'var(--bs-icon-color)'
       }
     })
-  }));
+  });
 };
 exports.ClearIndicator = ClearIndicator;
 const MenuList = props => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
   onClick: e => e.nativeEvent.stopImmediatePropagation(),
   onMouseDown: e => e.nativeEvent.stopImmediatePropagation(),
-  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.MenuList, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.MenuList, {
+    ...props,
     children: props.children
-  }))
+  })
 });
 exports.MenuList = MenuList;
 const Option = props => {
-  const isSelected = props.isSelected,
-    label = props.label;
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.Option, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, props), {}, {
+  const {
+    isSelected,
+    label
+  } = props;
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactSelect.components.Option, {
+    ...props,
     children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       style: {
         display: 'flex',
@@ -225,7 +260,7 @@ const Option = props => {
         }
       })]
     })
-  }));
+  });
 };
 exports.Option = Option;
 const processOptionsWithClear = (options, isClearable) => {
@@ -240,9 +275,10 @@ const processOptionsWithClear = (options, isClearable) => {
 exports.processOptionsWithClear = processOptionsWithClear;
 const handleSelectChange = (selectedOption, actionMeta, onChangeCallback) => {
   if (selectedOption && selectedOption.value === '__clear__') {
-    onChangeCallback(null, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, actionMeta), {}, {
+    onChangeCallback(null, {
+      ...actionMeta,
       action: 'clear'
-    }));
+    });
   } else {
     onChangeCallback(selectedOption, actionMeta);
   }

package/lib/DTableSubDropdownMenu/index.js

@@ -5,20 +5,23 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _DTableDropdownMenu = _interopRequireDefault(require("../DTableDropdownMenu"));
 var _jsxRuntime = require("react/jsx-runtime");
 const DTableSubDropdownMenu = _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);
+  let {
+    id,
+    className,
+    container,
+    modifiers,
+    flip,
+    style,
+    menuProps,
+    children
+  } = _ref;
+  let customMenuProps = {
+    ...menuProps
+  };
   if (container) {
     customMenuProps.container = container;
   }
@@ -34,14 +37,15 @@ const DTableSubDropdownMenu = _ref => {
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableDropdownMenu.default, {
     id: id,
     className: (0, _classnames.default)('dtable-sub-dropdown-menu', className),
-    menuProps: (0, _objectSpread2.default)((0, _objectSpread2.default)({}, customMenuProps), {}, {
+    menuProps: {
+      ...customMenuProps,
       modifiers: [{
         name: 'offset',
         options: {
           offset: [-8, -1]
         }
       }, ...((customMenuProps === null || customMenuProps === void 0 ? void 0 : customMenuProps.modifiers) || [])]
-    }),
+    },
     children: children
   });
 };

package/lib/DTableSubDropdownToggle/index.js

@@ -5,25 +5,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
 var _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _lang = require("../lang");
 var _jsxRuntime = require("react/jsx-runtime");
 const DTableSubDropdownToggle = _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;
+  let {
+    className,
+    id,
+    text,
+    icon,
+    disabled,
+    hideArrow = false,
+    title,
+    ariaLabel,
+    ariaExpanded = false,
+    toggleProps
+  } = _ref;
   const renderedIcon = () => {
     if (!icon || ! /*#__PURE__*/_react.default.isValidElement(icon)) return null;
     return /*#__PURE__*/_react.default.cloneElement(icon, {
@@ -31,7 +30,7 @@ const DTableSubDropdownToggle = _ref => {
       'aria-hidden': 'true'
     });
   };
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.DropdownToggle, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.DropdownToggle, {
     id: id,
     className: (0, _classnames.default)('dtable-sub-dropdown-toggle dropdown-item', className),
     role: "button",
@@ -40,8 +39,8 @@ const DTableSubDropdownToggle = _ref => {
     title: title || (0, _lang.getLocale)('More_operations'),
     "aria-label": ariaLabel || (0, _lang.getLocale)('More_operations'),
     "aria-expanded": ariaExpanded,
-    disabled: disabled
-  }, toggleProps), {}, {
+    disabled: disabled,
+    ...toggleProps,
     children: [renderedIcon(), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "item-text",
       children: text
@@ -49,6 +48,6 @@ const DTableSubDropdownToggle = _ref => {
       className: "item-icon dtable-font dtable-icon-down3 rotate-270 mr-0",
       "aria-hidden": "true"
     })]
-  }));
+  });
 };
 var _default = exports.default = DTableSubDropdownToggle;