dtable-ui-component 4.4.3-2 → 4.4.3-alpha1

package/lib/Department-editor/index.js

@@ -1,18 +1,10 @@
-"use strict";
-
-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 _react = _interopRequireWildcard(require("react"));
-var _DTablePopover = _interopRequireDefault(require("../DTablePopover"));
-var _constants = require("./constants");
-var _departmentSingleSelect = _interopRequireDefault(require("./department-single-select"));
-var _lang = require("../lang");
-require("./index.css");
-class DepartmentSingleSelectEditor extends _react.Component {
+import React, { Component } from 'react';
+import DTablePopover from '../DTablePopover';
+import { DEPARTMENT_SELECT_RANGE_OPTIONS } from './constants';
+import DepartmentSingleSelect from './department-single-select';
+import { getLocale } from '../lang';
+import './index.css';
+class DepartmentSingleSelectEditor extends Component {
   constructor(props) {
     super(props);
     this.onCommit = value => {
@@ -32,16 +24,16 @@ class DepartmentSingleSelectEditor extends _react.Component {
       return updated;
     };
     this.createSpecificDepartments = () => {
-      return _constants.DEPARTMENT_SELECT_RANGE_OPTIONS.slice(0, 2).map(option => {
+      return DEPARTMENT_SELECT_RANGE_OPTIONS.slice(0, 2).map(option => {
         const {
           type,
           name
         } = option;
         return {
           value: type,
-          label: /*#__PURE__*/_react.default.createElement("span", {
+          label: /*#__PURE__*/React.createElement("span", {
             className: "text-truncate department-name"
-          }, (0, _lang.getLocale)(name))
+          }, getLocale(name))
         };
       });
     };
@@ -83,7 +75,7 @@ class DepartmentSingleSelectEditor extends _react.Component {
       userDepartmentIdsMap,
       departments
     } = this.props;
-    const dom = /*#__PURE__*/_react.default.createElement(_departmentSingleSelect.default, {
+    const dom = /*#__PURE__*/React.createElement(DepartmentSingleSelect, {
       column: column,
       value: this.state.value,
       enableSelectRange: this.enableSelectRange,
@@ -92,9 +84,9 @@ class DepartmentSingleSelectEditor extends _react.Component {
       departments: departments,
       onCommit: this.onCommit
     });
-    return this.isRowExpand ? /*#__PURE__*/_react.default.createElement("div", {
+    return this.isRowExpand ? /*#__PURE__*/React.createElement("div", {
       ref: ref => this.outerRef = ref
-    }, /*#__PURE__*/_react.default.createElement(_DTablePopover.default, {
+    }, /*#__PURE__*/React.createElement(DTablePopover, {
       hideArrow: true,
       popoverClassName: "select-editor-popover",
       target: target,
@@ -104,4 +96,4 @@ class DepartmentSingleSelectEditor extends _react.Component {
     }, dom)) : dom;
   }
 }
-var _default = exports.default = DepartmentSingleSelectEditor;
+export default DepartmentSingleSelectEditor;

package/lib/Department-editor/selected-departments/index.js

@@ -1,15 +1,8 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _constants = require("../constants");
-var _lang = require("../../lang");
-require("./index.css");
+import React, { useMemo } from 'react';
+import { DEPARTMENT_SELECT_RANGE_MAP } from 'dtable-utils';
+import { DEPARTMENT_SELECT_RANGE_OPTIONS } from '../constants';
+import { getLocale } from '../../lang';
+import './index.css';
 function SelectedDepartments(props) {
   const {
     value,
@@ -17,7 +10,7 @@ function SelectedDepartments(props) {
     isShowRemoveIcon,
     departments
   } = props;
-  const idDepartmentMap = (0, _react.useMemo)(() => {
+  const idDepartmentMap = useMemo(() => {
     let idDepartmentMap = {};
     departments.forEach(department => {
       idDepartmentMap[department.id] = department;
@@ -25,12 +18,12 @@ function SelectedDepartments(props) {
     return idDepartmentMap;
   }, [departments]);
   const dom = Array.isArray(value) ? value.map((content, index) => {
-    if ([_dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT, _dtableUtils.DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT_AND_SUB].includes(content)) {
-      const name = (0, _lang.getLocale)(_constants.DEPARTMENT_SELECT_RANGE_OPTIONS.find(option => option.type === content).name);
-      return /*#__PURE__*/_react.default.createElement("div", {
+    if ([DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT, DEPARTMENT_SELECT_RANGE_MAP.CURRENT_USER_DEPARTMENT_AND_SUB].includes(content)) {
+      const name = getLocale(DEPARTMENT_SELECT_RANGE_OPTIONS.find(option => option.type === content).name);
+      return /*#__PURE__*/React.createElement("div", {
         key: "department-".concat(index),
         className: "department mr-1"
-      }, /*#__PURE__*/_react.default.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         className: "department-name text-truncate",
         title: name,
         "aria-label": name
@@ -41,41 +34,41 @@ function SelectedDepartments(props) {
       const {
         name
       } = department;
-      return /*#__PURE__*/_react.default.createElement("div", {
+      return /*#__PURE__*/React.createElement("div", {
         key: "department-".concat(index),
         className: "department mr-1"
-      }, /*#__PURE__*/_react.default.createElement("div", {
+      }, /*#__PURE__*/React.createElement("div", {
         className: "department-avatar-container d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/_react.default.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         className: "dtable-font dtable-icon-department-single-selection"
-      })), /*#__PURE__*/_react.default.createElement("span", {
+      })), /*#__PURE__*/React.createElement("span", {
         className: "department-name text-truncate",
         title: name,
         "aria-label": name
-      }, name), isShowRemoveIcon && /*#__PURE__*/_react.default.createElement("span", {
+      }, name), isShowRemoveIcon && /*#__PURE__*/React.createElement("span", {
         className: "remove-container"
-      }, /*#__PURE__*/_react.default.createElement("span", {
+      }, /*#__PURE__*/React.createElement("span", {
         className: "remove-icon",
         onClick: event => removeDepartment(event, content)
-      }, /*#__PURE__*/_react.default.createElement("i", {
+      }, /*#__PURE__*/React.createElement("i", {
         className: "dtable-font dtable-icon-fork-number department-remove-icon"
       }))));
     }
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       key: "department-".concat(index),
       className: "department empty-department mr-1"
-    }, /*#__PURE__*/_react.default.createElement("div", {
+    }, /*#__PURE__*/React.createElement("div", {
       className: "department-avatar-container d-flex align-items-center justify-content-center"
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "dtable-font dtable-icon-department-single-selection"
-    })), /*#__PURE__*/_react.default.createElement("span", {
+    })), /*#__PURE__*/React.createElement("span", {
       className: "department-name"
-    }, (0, _lang.getLocale)('Deleted_department')), isShowRemoveIcon && /*#__PURE__*/_react.default.createElement("span", {
+    }, getLocale('Deleted_department')), isShowRemoveIcon && /*#__PURE__*/React.createElement("span", {
       className: "remove-container"
-    }, /*#__PURE__*/_react.default.createElement("span", {
+    }, /*#__PURE__*/React.createElement("span", {
       className: "remove-icon",
       onClick: event => removeDepartment(event, content)
-    }, /*#__PURE__*/_react.default.createElement("i", {
+    }, /*#__PURE__*/React.createElement("i", {
       className: "dtable-font dtable-icon-fork-number department-remove-icon"
     }))));
   }) : null;
@@ -85,4 +78,4 @@ SelectedDepartments.defaultProps = {
   isShowRemoveIcon: false,
   departments: []
 };
-var _default = exports.default = SelectedDepartments;
+export default SelectedDepartments;

package/lib/Department-editor/utils.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.searchDepartments = exports.getNormalizedDepartments = void 0;
-const searchDepartments = (departments, searchValue) => {
+export const searchDepartments = (departments, searchValue) => {
   const validSearchValue = searchValue ? searchValue.trim().toLowerCase() : '';
   const validDepartments = Array.isArray(departments) ? departments : [];
   if (!validSearchValue) return validDepartments;
@@ -16,8 +10,7 @@ const searchDepartments = (departments, searchValue) => {
     return name.toString().toLowerCase().indexOf(validSearchValue) > -1;
   });
 };
-exports.searchDepartments = searchDepartments;
-const getNormalizedDepartments = function (departments) {
+export const getNormalizedDepartments = function (departments) {
   let canExpand = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
   let parentIdMap = {};
   for (let i = 0; i < departments.length; i++) {
@@ -33,5 +26,4 @@ const getNormalizedDepartments = function (departments) {
       isExpanded
     };
   });
-};
-exports.getNormalizedDepartments = getNormalizedDepartments;
+};

package/lib/DepartmentSingleSelectFormatter/index.js

@@ -1,13 +1,6 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./index.css");
+import React from 'react';
+import classnames from 'classnames';
+import './index.css';
 function DepartmentSingleSelectFormatter(props) {
   const {
     value,
@@ -19,14 +12,14 @@ function DepartmentSingleSelectFormatter(props) {
   const deletedTip = tip || 'Deleted department';
   const department = departments.find(department => department.id === value);
   const name = department ? department.name : deletedTip;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('dtable-ui cell-formatter-container department-single-select-formatter text-truncate', containerClassName)
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames('dtable-ui cell-formatter-container department-single-select-formatter text-truncate', containerClassName)
+  }, /*#__PURE__*/React.createElement("div", {
     className: "department-avatar-container d-flex align-items-center justify-content-center"
-  }, /*#__PURE__*/_react.default.createElement("span", {
+  }, /*#__PURE__*/React.createElement("span", {
     className: "dtable-font dtable-icon-department-single-selection"
-  })), /*#__PURE__*/_react.default.createElement("span", {
+  })), /*#__PURE__*/React.createElement("span", {
     className: "department-name text-truncate"
   }, name));
 }
-var _default = exports.default = DepartmentSingleSelectFormatter;
+export default DepartmentSingleSelectFormatter;

package/lib/DigitalSignFormatter/index.js

@@ -1,19 +1,11 @@
-"use strict";
-
-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 _react = _interopRequireWildcard(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _imagesLazyLoad = _interopRequireDefault(require("../ImageFormatter/images-lazy-load"));
-var _ImagePreviewerLightbox = _interopRequireDefault(require("../ImagePreviewerLightbox"));
-var _utils = require("./utils");
-var _utils2 = require("../utils/utils");
-require("./index.css");
-class DigitalSignFormatter extends _react.Component {
+import React, { Component } from 'react';
+import classnames from 'classnames';
+import ImagesLazyLoad from '../ImageFormatter/images-lazy-load';
+import ImagePreviewerLightbox from '../ImagePreviewerLightbox';
+import { getDigitalSignImageUrl } from './utils';
+import { downloadFile } from '../utils/utils';
+import './index.css';
+class DigitalSignFormatter extends Component {
   constructor(props) {
     super(props);
     this.getSignImages = () => {
@@ -21,7 +13,7 @@ class DigitalSignFormatter extends _react.Component {
         value,
         config
       } = this.props;
-      return [(0, _utils.getDigitalSignImageUrl)(value, config)].filter(Boolean);
+      return [getDigitalSignImageUrl(value, config)].filter(Boolean);
     };
     this.onClickSignImage = index => {
       if (!this.props.isSupportPreview) return;
@@ -48,7 +40,7 @@ class DigitalSignFormatter extends _react.Component {
       }
       const urlSuffix = availableUrl.indexOf('?dl=1');
       const downloadUrl = urlSuffix !== -1 ? availableUrl : availableUrl + '?dl=1';
-      (0, _utils2.downloadFile)(downloadUrl);
+      downloadFile(downloadUrl);
     };
     this.state = {
       isPreviewSignImage: false,
@@ -62,20 +54,20 @@ class DigitalSignFormatter extends _react.Component {
       config,
       isSample
     } = this.props;
-    const className = (0, _classnames.default)('dtable-ui cell-formatter-container digital-sign-formatter', containerClassName);
+    const className = classnames('dtable-ui cell-formatter-container digital-sign-formatter', containerClassName);
     const signImages = this.getSignImages();
     if (signImages.length === 0) return null;
     const {
       isPreviewSignImage,
       largeSignImageIndex
     } = this.state;
-    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
       className: className
-    }, /*#__PURE__*/_react.default.createElement(_imagesLazyLoad.default, {
+    }, /*#__PURE__*/React.createElement(ImagesLazyLoad, {
       images: signImages,
       server: config.server,
       onImageClick: this.onClickSignImage
-    })), isPreviewSignImage && /*#__PURE__*/_react.default.createElement(_ImagePreviewerLightbox.default, {
+    })), isPreviewSignImage && /*#__PURE__*/React.createElement(ImagePreviewerLightbox, {
       className: "digital-sign-formatter-image-previewer",
       readOnly: readOnly,
       server: isSample ? config.server : '',
@@ -96,4 +88,4 @@ DigitalSignFormatter.defaultProps = {
   config: {},
   containerClassName: ''
 };
-var _default = exports.default = DigitalSignFormatter;
+export default DigitalSignFormatter;

package/lib/DigitalSignFormatter/utils.js

@@ -1,10 +1,4 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.isValidDigitalSignImageValue = exports.getDigitalSignImageUrl = void 0;
-const getDigitalSignImageUrl = (cellValue, config) => {
+export const getDigitalSignImageUrl = (cellValue, config) => {
   if (!cellValue) return '';
   const url = cellValue && cellValue.sign_image_url || '';
   if (!url) return '';
@@ -19,11 +13,9 @@ const getDigitalSignImageUrl = (cellValue, config) => {
   }
   return url;
 };
-exports.getDigitalSignImageUrl = getDigitalSignImageUrl;
-const isValidDigitalSignImageValue = cellValue => {
+export const isValidDigitalSignImageValue = cellValue => {
   if (!cellValue) return false;
   const digitalSignImage = cellValue && cellValue.sign_image_url;
   if (!digitalSignImage) return false;
   return true;
-};
-exports.isValidDigitalSignImageValue = isValidDigitalSignImageValue;
+};

package/lib/DurationFormatter/index.js

@@ -1,27 +1,20 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-var _dtableUtils = require("dtable-utils");
-require("./index.css");
-class DurationFormatter extends _react.default.Component {
+import React from 'react';
+import classnames from 'classnames';
+import { getDurationDisplayString } from 'dtable-utils';
+import './index.css';
+class DurationFormatter extends React.Component {
   render() {
     let {
       value,
       containerClassName,
       format
     } = this.props;
-    let classname = (0, _classnames.default)('dtable-ui cell-formatter-container duration-formatter', containerClassName);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    let classname = classnames('dtable-ui cell-formatter-container duration-formatter', containerClassName);
+    return /*#__PURE__*/React.createElement("div", {
       className: classname
-    }, (0, _dtableUtils.getDurationDisplayString)(value, {
+    }, getDurationDisplayString(value, {
       duration_format: format
     }));
   }
 }
-var _default = exports.default = DurationFormatter;
+export default DurationFormatter;

package/lib/EditEditorButton/index.js

@@ -1,21 +1,14 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-require("./index.css");
-class EditEditorButton extends _react.default.Component {
+import React from 'react';
+import './index.css';
+class EditEditorButton extends React.Component {
   render() {
     const {
       text
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement("span", {
+    return /*#__PURE__*/React.createElement("span", {
       className: "dtable-ui-editor-button",
       onClick: this.props.onClick
     }, text);
   }
 }
-var _default = exports.default = EditEditorButton;
+export default EditEditorButton;

package/lib/EmailFormatter/index.js

@@ -1,23 +1,16 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _classnames = _interopRequireDefault(require("classnames"));
-require("./index.css");
-class EmailFormatter extends _react.default.Component {
+import React from 'react';
+import classnames from 'classnames';
+import './index.css';
+class EmailFormatter extends React.Component {
   render() {
     const {
       containerClassName,
       value
     } = this.props;
-    let classname = (0, _classnames.default)('dtable-ui cell-formatter-container email-formatter', containerClassName);
-    return /*#__PURE__*/_react.default.createElement("div", {
+    let classname = classnames('dtable-ui cell-formatter-container email-formatter', containerClassName);
+    return /*#__PURE__*/React.createElement("div", {
       className: classname
     }, value);
   }
 }
-var _default = exports.default = EmailFormatter;
+export default EmailFormatter;

package/lib/FieldDisplaySetting/field-item.js

@@ -1,13 +1,6 @@
-"use strict";
-
-var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-var _dtableUtils = require("dtable-utils");
-var _index = require("../index");
+import React, { useState, useRef } from 'react';
+import { COLUMNS_ICON_CONFIG } from 'dtable-utils';
+import { DTableSwitch } from '../index';
 function FieldItem(_ref) {
   let {
     field,
@@ -16,8 +9,8 @@ function FieldItem(_ref) {
     onMoveField
   } = _ref;
   let enteredCounter = 0;
-  const fieldItemRef = (0, _react.useRef)(null);
-  const [isItemDropTipShow, setDropTipShow] = (0, _react.useState)(false);
+  const fieldItemRef = useRef(null);
+  const [isItemDropTipShow, setDropTipShow] = useState(false);
   const handleClickField = e => {
     e.nativeEvent.stopImmediatePropagation();
     const value = e.target.checked;
@@ -61,30 +54,30 @@ function FieldItem(_ref) {
     onMoveField(droppedColumnKey, field.key);
   };
   const placeholder = () => {
-    return /*#__PURE__*/_react.default.createElement("div", {
+    return /*#__PURE__*/React.createElement("div", {
       className: "field-switch"
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font ".concat(_dtableUtils.COLUMNS_ICON_CONFIG[field.type])
-    }), /*#__PURE__*/_react.default.createElement("span", null, field.name));
+    }, /*#__PURE__*/React.createElement("i", {
+      className: "dtable-font ".concat(COLUMNS_ICON_CONFIG[field.type])
+    }), /*#__PURE__*/React.createElement("span", null, field.name));
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     ref: fieldItemRef,
     className: "field-item-container ".concat(isCollapsed ? 'd-none' : ''),
     onDrop: onDrop,
     onDragEnter: onTableDragEnter,
     onDragOver: onDragOver,
     onDragLeave: onDragLeave
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "field-dragbar",
     draggable: "true",
     onDragStart: onDragStart
-  }, /*#__PURE__*/_react.default.createElement("i", {
+  }, /*#__PURE__*/React.createElement("i", {
     className: "dtable-font dtable-icon-drag pr-2"
-  })), /*#__PURE__*/_react.default.createElement(_index.DTableSwitch, {
+  })), /*#__PURE__*/React.createElement(DTableSwitch, {
     checked: field.shown,
     switchClassName: "flex-fill",
     placeholder: placeholder(),
     onChange: handleClickField
   }));
 }
-var _default = exports.default = FieldItem;
+export default FieldItem;

package/lib/FieldDisplaySetting/index.js

@@ -1,16 +1,8 @@
-"use strict";
-
-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 _react = _interopRequireWildcard(require("react"));
-var _reactstrap = require("reactstrap");
-var _reactTransitionGroup = require("react-transition-group");
-var _fieldItem = _interopRequireDefault(require("./field-item"));
-require("./index.css");
+import React, { useRef, useState } from 'react';
+import { Label } from 'reactstrap';
+import { Transition } from 'react-transition-group';
+import FieldItem from './field-item';
+import './index.css';
 const FIELD_ITEM_HEIGHT = 30;
 const BANNER_HEIGHT = 24;
 const DURATION = 300;
@@ -23,8 +15,8 @@ function FieldDisplaySetting(_ref) {
     onMoveField,
     onToggleFieldsVisibility
   } = _ref;
-  const nodeRef = (0, _react.useRef)(null);
-  const [isCollapsed, setCollapsed] = (0, _react.useState)(true);
+  const nodeRef = useRef(null);
+  const [isCollapsed, setCollapsed] = useState(true);
   const expandAllFields = () => {
     setCollapsed(!isCollapsed);
   };
@@ -50,37 +42,37 @@ function FieldDisplaySetting(_ref) {
       height: 0
     }
   };
-  return /*#__PURE__*/_react.default.createElement("div", {
+  return /*#__PURE__*/React.createElement("div", {
     className: "field-setting"
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "field-setting-header d-flex align-items-center justify-content-between",
     onClick: expandAllFields
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
+  }, /*#__PURE__*/React.createElement(Label, {
     className: "mb-0"
-  }, textProperties.titleValue), /*#__PURE__*/_react.default.createElement("span", {
+  }, textProperties.titleValue), /*#__PURE__*/React.createElement("span", {
     className: "dtable-font dtable-icon-right expand-button ".concat(isCollapsed ? '' : 'revolving')
-  })), /*#__PURE__*/_react.default.createElement(_reactTransitionGroup.Transition, {
+  })), /*#__PURE__*/React.createElement(Transition, {
     nodeRef: nodeRef,
     in: !isCollapsed,
     timeout: DURATION
-  }, state => /*#__PURE__*/_react.default.createElement("div", {
+  }, state => /*#__PURE__*/React.createElement("div", {
     className: "field-setting-wrapper",
     ref: nodeRef,
     style: {
       ...defaultStyle,
       ...transitionStyles[state]
     }
-  }, /*#__PURE__*/_react.default.createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: "field-setting-banner ".concat(isCollapsed ? 'd-none' : 'd-flex', " align-items-center justify-content-between h-5 mt-2 mb-2")
-  }, /*#__PURE__*/_react.default.createElement(_reactstrap.Label, {
+  }, /*#__PURE__*/React.createElement(Label, {
     className: "mb-0"
-  }, textProperties.bannerValue), /*#__PURE__*/_react.default.createElement("span", {
+  }, textProperties.bannerValue), /*#__PURE__*/React.createElement("span", {
     className: "show-all-button",
     onClick: onToggleFieldsVisibility
-  }, fieldAllShown ? textProperties.hideValue : textProperties.showValue)), /*#__PURE__*/_react.default.createElement("div", {
+  }, fieldAllShown ? textProperties.hideValue : textProperties.showValue)), /*#__PURE__*/React.createElement("div", {
     className: "field-setting-body"
   }, fields.map((field, index) => {
-    return /*#__PURE__*/_react.default.createElement(_fieldItem.default, {
+    return /*#__PURE__*/React.createElement(FieldItem, {
       key: "".concat(field.key, "-").concat(index),
       field: field,
       isCollapsed: isCollapsed,
@@ -89,4 +81,4 @@ function FieldDisplaySetting(_ref) {
     });
   })))));
 }
-var _default = exports.default = FieldDisplaySetting;
+export default FieldDisplaySetting;

package/lib/FileEditor/index.js

@@ -1,14 +1,7 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _reactstrap = require("reactstrap");
-var _lang = require("../lang");
-class FileEditor extends _react.default.Component {
+import React from 'react';
+import { Modal, ModalHeader, ModalBody } from 'reactstrap';
+import { getLocale } from '../lang';
+class FileEditor extends React.Component {
   constructor(props) {
     super(props);
     this.state = {};
@@ -17,12 +10,12 @@ class FileEditor extends _react.default.Component {
     let {
       closeEditor
     } = this.props;
-    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
+    return /*#__PURE__*/React.createElement(Modal, {
       isOpen: true,
       toggle: closeEditor
-    }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
+    }, /*#__PURE__*/React.createElement(ModalHeader, {
       toggle: closeEditor
-    }, (0, _lang.getLocale)('Add_Files')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
+    }, getLocale('Add_Files')), /*#__PURE__*/React.createElement(ModalBody, {
       className: "file-editor-container"
     }));
   }
@@ -31,4 +24,4 @@ FileEditor.defaultProps = {
   isCheckRepeat: false,
   columnType: 'file'
 };
-var _default = exports.default = FileEditor;
+export default FileEditor;

package/lib/FileEditor/pc-files-addition/index.js

@@ -1 +0,0 @@
-"use strict";