dtable-ui-component 7.0.13 → 7.0.15

package/lib/DTableColorPicker/index.js

@@ -1,13 +1,11 @@
 "use strict";
 
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 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 _reactstrap = require("reactstrap");
 var _reactColor = require("react-color");
@@ -30,46 +28,25 @@ const RGB_COLORS_MAP = {
 };
 const LOCAL_STORAGE_KEY = 'dtable-color-picker';
 const DTableColorPicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
-  let onToggle = _ref.onToggle,
-    popoverStyle = _ref.popoverStyle,
-    _ref$color = _ref.color,
-    color = _ref$color === void 0 ? '#ffffff' : _ref$color,
-    defaultColors = _ref.defaultColors,
-    useProtal = _ref.useProtal,
-    target = _ref.target,
-    scrollContainerId = _ref.scrollContainerId,
-    _ref$throttleDelay = _ref.throttleDelay,
-    throttleDelay = _ref$throttleDelay === void 0 ? 20 : _ref$throttleDelay,
-    onSubmit = _ref.onSubmit;
+  let {
+    onToggle,
+    popoverStyle,
+    color = '#ffffff',
+    defaultColors,
+    useProtal,
+    target,
+    scrollContainerId,
+    throttleDelay = 20,
+    onSubmit
+  } = _ref;
   const initialRgbaColor = (0, _utils.hexToRgba)(color);
-  const _useState = (0, _react.useState)(initialRgbaColor),
-    _useState2 = (0, _slicedToArray2.default)(_useState, 2),
-    value = _useState2[0],
-    setValue = _useState2[1];
-  const _useState3 = (0, _react.useState)((0, _utils.getInitialHexVal)(color)),
-    _useState4 = (0, _slicedToArray2.default)(_useState3, 2),
-    hexVal = _useState4[0],
-    setHexVal = _useState4[1];
-  const _useState5 = (0, _react.useState)((0, _utils.toPercentage)(initialRgbaColor.a)),
-    _useState6 = (0, _slicedToArray2.default)(_useState5, 2),
-    alphaVal = _useState6[0],
-    setAlphaVal = _useState6[1];
-  const _useState7 = (0, _react.useState)(initialRgbaColor.r),
-    _useState8 = (0, _slicedToArray2.default)(_useState7, 2),
-    redVal = _useState8[0],
-    setRedVal = _useState8[1];
-  const _useState9 = (0, _react.useState)(initialRgbaColor.g),
-    _useState0 = (0, _slicedToArray2.default)(_useState9, 2),
-    greenVal = _useState0[0],
-    setGreenVal = _useState0[1];
-  const _useState1 = (0, _react.useState)(initialRgbaColor.b),
-    _useState10 = (0, _slicedToArray2.default)(_useState1, 2),
-    blueVal = _useState10[0],
-    setBlueVal = _useState10[1];
-  const _useState11 = (0, _react.useState)(COLOR_PICKER_MODE.HEX),
-    _useState12 = (0, _slicedToArray2.default)(_useState11, 2),
-    colorMode = _useState12[0],
-    setColorMode = _useState12[1]; // hex or rgb
+  const [value, setValue] = (0, _react.useState)(initialRgbaColor);
+  const [hexVal, setHexVal] = (0, _react.useState)((0, _utils.getInitialHexVal)(color));
+  const [alphaVal, setAlphaVal] = (0, _react.useState)((0, _utils.toPercentage)(initialRgbaColor.a));
+  const [redVal, setRedVal] = (0, _react.useState)(initialRgbaColor.r);
+  const [greenVal, setGreenVal] = (0, _react.useState)(initialRgbaColor.g);
+  const [blueVal, setBlueVal] = (0, _react.useState)(initialRgbaColor.b);
+  const [colorMode, setColorMode] = (0, _react.useState)(COLOR_PICKER_MODE.HEX); // hex or rgb
   const colorPickerRef = (0, _react.useRef)(null);
   let currentUsedColors = [];
   const currentUsedColorsStr = window.localStorage.getItem(LOCAL_STORAGE_KEY);
@@ -92,10 +69,12 @@ const DTableColorPicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     rgba.a = Math.round(rgba.a * 100) / 100;
     const transferedHex = (0, _utils.rgbaToHex)(rgba);
     const hexVal = transferedHex.substring(1, 7);
-    const r = rgba.r,
-      g = rgba.g,
-      b = rgba.b,
-      a = rgba.a;
+    const {
+      r,
+      g,
+      b,
+      a
+    } = rgba;
     setAlphaVal((0, _utils.toPercentage)(a));
     updateValue(rgba);
     if (colorMode === COLOR_PICKER_MODE.HEX) {
@@ -111,9 +90,11 @@ const DTableColorPicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
     if (colorMode === COLOR_PICKER_MODE.HEX) {
       newMode = COLOR_PICKER_MODE.RGBA;
       const rgba = (0, _utils.hexToRgba)(color);
-      const r = rgba.r,
-        g = rgba.g,
-        b = rgba.b;
+      const {
+        r,
+        g,
+        b
+      } = rgba;
       setRedVal(r);
       setGreenVal(g);
       setBlueVal(b);
@@ -140,10 +121,11 @@ const DTableColorPicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       newHexVal = newHexVal.split('').map(char => char + char).join('');
     }
     setHexVal(newHexVal);
-    const _hexToRgba = (0, _utils.hexToRgba)(newHexVal),
-      r = _hexToRgba.r,
-      g = _hexToRgba.g,
-      b = _hexToRgba.b;
+    const {
+      r,
+      g,
+      b
+    } = (0, _utils.hexToRgba)(newHexVal);
     const newValue = {
       r,
       g,
@@ -197,9 +179,10 @@ const DTableColorPicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       setSpecColor(value[specColor]);
       return;
     }
-    const newValue = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, value), {}, {
+    const newValue = {
+      ...value,
       [specColor]: val
-    });
+    };
     updateValue(newValue);
   };
   const updateValue = newValue => {
@@ -212,9 +195,10 @@ const DTableColorPicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
       setAlphaVal((0, _utils.toPercentage)(value.a));
       return;
     }
-    const newValue = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, value), {}, {
+    const newValue = {
+      ...value,
       a: parseFloat(alphaVal) / 100
-    });
+    };
     updateValue(newValue);
   };
   const onKeyDown = (event, callBack) => {
@@ -226,10 +210,12 @@ const DTableColorPicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   };
   const onSelectDefaultColor = color => {
     const rgba = (0, _utils.hexToRgba)(color);
-    const r = rgba.r,
-      g = rgba.g,
-      b = rgba.b,
-      a = rgba.a;
+    const {
+      r,
+      g,
+      b,
+      a
+    } = rgba;
     const alphaVal = (0, _utils.toPercentage)(a);
     if (colorMode === COLOR_PICKER_MODE.RGBA) {
       setRedVal(r);
@@ -260,18 +246,18 @@ const DTableColorPicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         children: colors.map((color, index) => {
           const isLight = (0, _utils.isLightColor)(color);
           return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-            className: "color-item mr-2 ".concat(isLight ? '' : 'dark'),
+            className: `color-item mr-2 ${isLight ? '' : 'dark'}`,
             onClick: () => onSelectDefaultColor(color),
             children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
               className: "colorinput-color d-flex align-items-center justify-content-center",
               style: {
                 backgroundColor: color
               },
-              children: color === "".concat((0, _utils.rgbaToHex)(value)) && alphaVal === 100 && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+              children: color === `${(0, _utils.rgbaToHex)(value)}` && alphaVal === 100 && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
                 className: "dtable-icon-color-check dtable-font dtable-icon-check-mark"
               })
             })
-          }, "default-color-".concat(index));
+          }, `default-color-${index}`);
         })
       })]
     });
@@ -285,7 +271,7 @@ const DTableColorPicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
         color: value,
         onChange: onChangeChromePicker
       }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-        className: "color-setting d-flex align-items-center ".concat(colorMode),
+        className: `color-setting d-flex align-items-center ${colorMode}`,
         children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
           className: "mode-btn d-flex",
           onClick: onChangeMode,
@@ -359,7 +345,7 @@ const DTableColorPicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
           children: currentUsedColors.map((color, index) => {
             const isLight = (0, _utils.isLightColor)(color);
             return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
-              className: "color-item mr-2 ".concat(isLight ? '' : 'dark'),
+              className: `color-item mr-2 ${isLight ? '' : 'dark'}`,
               onClick: () => onSelectDefaultColor(color),
               children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
                 className: "colorinput-color d-flex align-items-center justify-content-center",
@@ -367,7 +353,7 @@ const DTableColorPicker = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
                   backgroundColor: color
                 }
               })
-            }, "default-color-".concat(index));
+            }, `default-color-${index}`);
           })
         }) : /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
           className: "blank-placeholder d-flex align-items-center justify-content-center",

package/lib/DTableColorPicker/utils.js

@@ -43,16 +43,18 @@ const rgbaToHex = function (color) {
   let isNeedPrefix = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   let isNeedAlpha = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : true;
   if (hexRegex.test(color)) return color;
-  const r = color.r,
-    g = color.g,
-    b = color.b,
-    a = color.a;
+  const {
+    r,
+    g,
+    b,
+    a
+  } = color;
   const toHex = value => {
     const hex = value.toString(16);
     return hex.length === 1 ? '0' + hex : hex;
   };
   const alpha = a !== undefined && a !== 1 ? toHex(Math.round(a * 255)) : '';
-  return "".concat(isNeedPrefix ? '#' : '').concat(toHex(r)).concat(toHex(g)).concat(toHex(b)).concat(isNeedAlpha ? alpha : '');
+  return `${isNeedPrefix ? '#' : ''}${toHex(r)}${toHex(g)}${toHex(b)}${isNeedAlpha ? alpha : ''}`;
 };
 exports.rgbaToHex = rgbaToHex;
 const isLightColor = color => {

package/lib/DTableColumnIcon/index.js

@@ -45,12 +45,13 @@ const COLUMN_DISPLAY_TYPE_ICON_CONFIG = {
   }
 };
 const DTableColumnIcon = _ref => {
-  let column = _ref.column,
-    color = _ref.color,
-    className = _ref.className,
-    _ref$ariaHidden = _ref.ariaHidden,
-    ariaHidden = _ref$ariaHidden === void 0 ? false : _ref$ariaHidden,
-    getSvg = _ref.getSvg;
+  let {
+    column,
+    color,
+    className,
+    ariaHidden = false,
+    getSvg
+  } = _ref;
   const columnType = column === null || column === void 0 ? void 0 : column.type;
   if (!columnType) return null;
   const columnDisplayType = (0, _dtableUtils.getColumnDisplayType)(column);

package/lib/DTableCommonAddTool/index.js

@@ -9,18 +9,20 @@ var _react = _interopRequireDefault(require("react"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 function DTableCommonAddTool(_ref) {
-  let callBack = _ref.callBack,
-    footerName = _ref.footerName,
-    className = _ref.className,
-    addIconClassName = _ref.addIconClassName,
-    hideIcon = _ref.hideIcon,
-    style = _ref.style;
+  let {
+    callBack,
+    footerName,
+    className,
+    addIconClassName,
+    hideIcon,
+    style
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
-    className: "dtable-ui add-item-btn ".concat(className ? className : ''),
+    className: `dtable-ui add-item-btn ${className ? className : ''}`,
     style: style,
     onClick: e => callBack(e),
     children: [!hideIcon && /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-      className: "dtable-font dtable-icon-add-table ".concat(addIconClassName || '')
+      className: `dtable-font dtable-icon-add-table ${addIconClassName || ''}`
     }), /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
       className: "add-new-option text-truncate",
       children: footerName

package/lib/DTableCustomFooter/index.js

@@ -10,7 +10,9 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 // DTableCustomFooter is used in geolocation editor and digital sign editor
 const DTableCustomFooter = _ref => {
-  let children = _ref.children;
+  let {
+    children
+  } = _ref;
   return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
     className: "dtable-custom-footer",
     children: children

package/lib/DTableCustomizeSearchInput/index.js

@@ -9,6 +9,8 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _DTableIcon = _interopRequireDefault(require("../DTableIcon"));
+var _lang = require("../lang");
+var _DTableToolTip = _interopRequireDefault(require("../DTableToolTip"));
 require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class DTableCustomizeSearchInput extends _react.Component {
@@ -23,10 +25,10 @@ class DTableCustomizeSearchInput extends _react.Component {
       this.timer = null;
     };
     this.scheduleSearchChange = searchValue => {
-      const _this$props = this.props,
-        onChange = _this$props.onChange,
-        _this$props$wait = _this$props.wait,
-        wait = _this$props$wait === void 0 ? 100 : _this$props$wait;
+      const {
+        onChange,
+        wait = 100
+      } = this.props;
       this.timer = setTimeout(() => {
         this.timer = null;
         onChange(searchValue.trim());
@@ -47,7 +49,9 @@ class DTableCustomizeSearchInput extends _react.Component {
     };
     this.clearSearch = event => {
       event && event.stopPropagation && event.stopPropagation();
-      const clearValue = this.props.clearValue;
+      const {
+        clearValue
+      } = this.props;
       this.clearChangeTimer();
       this.setState({
         searchValue: ''
@@ -64,18 +68,28 @@ class DTableCustomizeSearchInput extends _react.Component {
       }
     };
     this.renderClear = () => {
-      const _this$props2 = this.props,
-        isClearable = _this$props2.isClearable,
-        clearClassName = _this$props2.clearClassName;
-      const searchValue = this.state.searchValue;
+      const {
+        isClearable,
+        clearClassName
+      } = this.props;
+      const {
+        searchValue
+      } = this.state;
       if (!isClearable || !searchValue) return null;
-      return /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
-        className: (0, _classnames.default)('clear-icon-x', clearClassName),
-        onClick: this.clearSearch,
-        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableIcon.default, {
-          symbol: "close",
-          color: "var(--bs-icon-color)"
-        })
+      return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          className: (0, _classnames.default)('clear-icon-x', clearClassName),
+          onClick: this.clearSearch,
+          id: "customize-search-clear",
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableIcon.default, {
+            symbol: "close",
+            color: "var(--bs-icon-color)"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableToolTip.default, {
+          placement: "bottom",
+          target: "customize-search-clear",
+          children: (0, _lang.getLocale)('Clear')
+        })]
       });
     };
     this.state = {
@@ -105,16 +119,17 @@ class DTableCustomizeSearchInput 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,
-      _this$props3$disabled = _this$props3.disabled,
-      disabled = _this$props3$disabled === void 0 ? false : _this$props3$disabled,
-      _this$props3$style = _this$props3.style,
-      style = _this$props3$style === void 0 ? {} : _this$props3$style;
-    const searchValue = this.state.searchValue;
+    const {
+      placeholder,
+      autoFocus,
+      className,
+      onKeyDown,
+      disabled = false,
+      style = {}
+    } = this.props;
+    const {
+      searchValue
+    } = this.state;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("input", {
         type: "text",

package/lib/DTableCustomizeSelect/index.js

@@ -54,20 +54,24 @@ class DTableCustomizeSelect extends _react.Component {
     };
     this.getSelectedOptionTop = () => {
       if (!this.selector) return 38;
-      const _this$selector$getBou = this.selector.getBoundingClientRect(),
-        height = _this$selector$getBou.height;
+      const {
+        height
+      } = this.selector.getBoundingClientRect();
       return height;
     };
     this.getFilterOptions = searchValue => {
-      const _this$props = this.props,
-        options = _this$props.options,
-        searchable = _this$props.searchable;
+      const {
+        options,
+        searchable
+      } = this.props;
       if (!searchable) return options || [];
       const validSearchVal = searchValue.trim().toLowerCase();
       if (!validSearchVal) return options || [];
       return options.filter(option => {
-        const value = option.value,
-          name = option.name;
+        const {
+          value,
+          name
+        } = option;
         if (typeof name === 'string') {
           return name.toLowerCase().indexOf(validSearchVal) > -1;
         }
@@ -94,18 +98,19 @@ class DTableCustomizeSelect extends _react.Component {
     document.removeEventListener('mousedown', this.handleDocumentMouseDown, true);
   }
   render() {
-    let _this$props2 = this.props,
-      className = _this$props2.className,
-      value = _this$props2.value,
-      options = _this$props2.options,
-      placeholder = _this$props2.placeholder,
-      searchable = _this$props2.searchable,
-      searchPlaceholder = _this$props2.searchPlaceholder,
-      noOptionsPlaceholder = _this$props2.noOptionsPlaceholder,
-      isLocked = _this$props2.isLocked,
-      isInModal = _this$props2.isInModal,
-      addOptionAble = _this$props2.addOptionAble,
-      component = _this$props2.component;
+    let {
+      className,
+      value,
+      options,
+      placeholder,
+      searchable,
+      searchPlaceholder,
+      noOptionsPlaceholder,
+      isLocked,
+      isInModal,
+      addOptionAble,
+      component
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       ref: node => this.selector = node,
       className: (0, _classnames.default)('seatable-customize-select custom-select', {

package/lib/DTableDropdownItem/index.js

@@ -5,7 +5,6 @@ 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 _classnames = _interopRequireDefault(require("classnames"));
 var _reactstrap = require("reactstrap");
@@ -13,27 +12,30 @@ var _DTableToolTip = _interopRequireDefault(require("../DTableToolTip"));
 var _svgIcon = _interopRequireDefault(require("../DTableIcon/svg-icon"));
 var _jsxRuntime = require("react/jsx-runtime");
 const DTableDropdownItem = _ref => {
-  let className = _ref.className,
-    divider = _ref.divider,
-    id = _ref.id,
-    toggle = _ref.toggle,
-    disabled = _ref.disabled,
-    tooltip = _ref.tooltip,
-    itemProps = _ref.itemProps,
-    showChecked = _ref.showChecked,
-    checked = _ref.checked,
-    leftSlotContent = _ref.leftSlotContent,
-    rightSlotContent = _ref.rightSlotContent,
-    icon = _ref.icon,
-    content = _ref.content,
-    onClick = _ref.onClick,
-    style = _ref.style,
-    tabIndex = _ref.tabIndex;
+  let {
+    className,
+    divider,
+    id,
+    toggle,
+    disabled,
+    tooltip,
+    itemProps,
+    showChecked,
+    checked,
+    leftSlotContent,
+    rightSlotContent,
+    icon,
+    content,
+    onClick,
+    style,
+    tabIndex
+  } = _ref;
   if (divider) {
-    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.DropdownItem, (0, _objectSpread2.default)((0, _objectSpread2.default)({}, itemProps), {}, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.DropdownItem, {
+      ...itemProps,
       divider: true,
       className: className
-    }));
+    });
   }
   const renderedIcon = () => {
     if (!icon || ! /*#__PURE__*/_react.default.isValidElement(icon)) return null;
@@ -42,7 +44,9 @@ const DTableDropdownItem = _ref => {
       'aria-hidden': 'true'
     });
   };
-  let customItemProps = (0, _objectSpread2.default)({}, itemProps);
+  let customItemProps = {
+    ...itemProps
+  };
   if (typeof onClick === 'function') {
     customItemProps.onClick = onClick;
   }
@@ -55,11 +59,11 @@ const DTableDropdownItem = _ref => {
   if (typeof tabIndex === 'number') {
     customItemProps.tabIndex = tabIndex;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.DropdownItem, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactstrap.DropdownItem, {
     className: className,
     disabled: disabled,
-    id: id
-  }, customItemProps), {}, {
+    id: id,
+    ...customItemProps,
     children: [(leftSlotContent || showChecked) && /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
       className: "dtable-dropdown-item-left-slot",
       children: [checked && /*#__PURE__*/(0, _jsxRuntime.jsx)(_svgIcon.default, {
@@ -85,6 +89,6 @@ const DTableDropdownItem = _ref => {
       }],
       children: tooltip
     })]
-  }));
+  });
 };
 var _default = exports.default = DTableDropdownItem;

package/lib/DTableDropdownMenu/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 _reactstrap = require("reactstrap");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _jsxRuntime = require("react/jsx-runtime");
 const DTableDropdownMenu = _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
+  };
   customMenuProps.modifiers = [{
     name: 'preventOverflow',
     options: {
@@ -37,11 +40,11 @@ const DTableDropdownMenu = _ref => {
   if (typeof flip === 'boolean') {
     customMenuProps.flip = flip;
   }
-  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.DropdownMenu, (0, _objectSpread2.default)((0, _objectSpread2.default)({
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.DropdownMenu, {
     id: id,
-    className: (0, _classnames.default)('dtable-dropdown-menu', className)
-  }, customMenuProps), {}, {
+    className: (0, _classnames.default)('dtable-dropdown-menu', className),
+    ...customMenuProps,
     children: children
-  }));
+  });
 };
 var _default = exports.default = DTableDropdownMenu;

package/lib/DTableEmptyTip/index.js

@@ -10,10 +10,11 @@ require("./index.css");
 var _jsxRuntime = require("react/jsx-runtime");
 class DTableEmptyTip extends _react.default.Component {
   render() {
-    const _this$props = this.props,
-      text = _this$props.text,
-      title = _this$props.title,
-      type = _this$props.type;
+    const {
+      text,
+      title,
+      type
+    } = this.props;
     return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: "empty-tip",
       children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("img", {