dtable-ui-component 4.4.4 → 4.4.5

package/lib/Department-editor/index.js

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

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

@@ -1,8 +1,15 @@
-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';
+"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");
 function SelectedDepartments(props) {
   const {
     value,
@@ -10,7 +17,7 @@ function SelectedDepartments(props) {
     isShowRemoveIcon,
     departments
   } = props;
-  const idDepartmentMap = useMemo(() => {
+  const idDepartmentMap = (0, _react.useMemo)(() => {
     let idDepartmentMap = {};
     departments.forEach(department => {
       idDepartmentMap[department.id] = department;
@@ -18,12 +25,12 @@ function SelectedDepartments(props) {
     return idDepartmentMap;
   }, [departments]);
   const dom = Array.isArray(value) ? value.map((content, index) => {
-    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", {
+    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", {
         key: "department-".concat(index),
         className: "department mr-1"
-      }, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: "department-name text-truncate",
         title: name,
         "aria-label": name
@@ -34,41 +41,41 @@ function SelectedDepartments(props) {
       const {
         name
       } = department;
-      return /*#__PURE__*/React.createElement("div", {
+      return /*#__PURE__*/_react.default.createElement("div", {
         key: "department-".concat(index),
         className: "department mr-1"
-      }, /*#__PURE__*/React.createElement("div", {
+      }, /*#__PURE__*/_react.default.createElement("div", {
         className: "department-avatar-container d-flex align-items-center justify-content-center"
-      }, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: "dtable-font dtable-icon-department-single-selection"
-      })), /*#__PURE__*/React.createElement("span", {
+      })), /*#__PURE__*/_react.default.createElement("span", {
         className: "department-name text-truncate",
         title: name,
         "aria-label": name
-      }, name), isShowRemoveIcon && /*#__PURE__*/React.createElement("span", {
+      }, name), isShowRemoveIcon && /*#__PURE__*/_react.default.createElement("span", {
         className: "remove-container"
-      }, /*#__PURE__*/React.createElement("span", {
+      }, /*#__PURE__*/_react.default.createElement("span", {
         className: "remove-icon",
         onClick: event => removeDepartment(event, content)
-      }, /*#__PURE__*/React.createElement("i", {
+      }, /*#__PURE__*/_react.default.createElement("i", {
         className: "dtable-font dtable-icon-fork-number department-remove-icon"
       }))));
     }
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/_react.default.createElement("div", {
       key: "department-".concat(index),
       className: "department empty-department mr-1"
-    }, /*#__PURE__*/React.createElement("div", {
+    }, /*#__PURE__*/_react.default.createElement("div", {
       className: "department-avatar-container d-flex align-items-center justify-content-center"
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement("span", {
       className: "dtable-font dtable-icon-department-single-selection"
-    })), /*#__PURE__*/React.createElement("span", {
+    })), /*#__PURE__*/_react.default.createElement("span", {
       className: "department-name"
-    }, getLocale('Deleted_department')), isShowRemoveIcon && /*#__PURE__*/React.createElement("span", {
+    }, (0, _lang.getLocale)('Deleted_department')), isShowRemoveIcon && /*#__PURE__*/_react.default.createElement("span", {
       className: "remove-container"
-    }, /*#__PURE__*/React.createElement("span", {
+    }, /*#__PURE__*/_react.default.createElement("span", {
       className: "remove-icon",
       onClick: event => removeDepartment(event, content)
-    }, /*#__PURE__*/React.createElement("i", {
+    }, /*#__PURE__*/_react.default.createElement("i", {
       className: "dtable-font dtable-icon-fork-number department-remove-icon"
     }))));
   }) : null;
@@ -78,4 +85,4 @@ SelectedDepartments.defaultProps = {
   isShowRemoveIcon: false,
   departments: []
 };
-export default SelectedDepartments;
+var _default = exports.default = SelectedDepartments;

package/lib/Department-editor/utils.js

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

package/lib/DepartmentSingleSelectFormatter/index.js

@@ -1,6 +1,13 @@
-import React from 'react';
-import classnames from 'classnames';
-import './index.css';
+"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");
 function DepartmentSingleSelectFormatter(props) {
   const {
     value,
@@ -12,14 +19,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.createElement("div", {
-    className: classnames('dtable-ui cell-formatter-container department-single-select-formatter text-truncate', containerClassName)
-  }, /*#__PURE__*/React.createElement("div", {
+  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", {
     className: "department-avatar-container d-flex align-items-center justify-content-center"
-  }, /*#__PURE__*/React.createElement("span", {
+  }, /*#__PURE__*/_react.default.createElement("span", {
     className: "dtable-font dtable-icon-department-single-selection"
-  })), /*#__PURE__*/React.createElement("span", {
+  })), /*#__PURE__*/_react.default.createElement("span", {
     className: "department-name text-truncate"
   }, name));
 }
-export default DepartmentSingleSelectFormatter;
+var _default = exports.default = DepartmentSingleSelectFormatter;

package/lib/DigitalSignFormatter/index.js

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

package/lib/DigitalSignFormatter/utils.js

@@ -1,4 +1,10 @@
-export const getDigitalSignImageUrl = (cellValue, config) => {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isValidDigitalSignImageValue = exports.getDigitalSignImageUrl = void 0;
+const getDigitalSignImageUrl = (cellValue, config) => {
   if (!cellValue) return '';
   const url = cellValue && cellValue.sign_image_url || '';
   if (!url) return '';
@@ -13,9 +19,11 @@ export const getDigitalSignImageUrl = (cellValue, config) => {
   }
   return url;
 };
-export const isValidDigitalSignImageValue = cellValue => {
+exports.getDigitalSignImageUrl = getDigitalSignImageUrl;
+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,20 +1,27 @@
-import React from 'react';
-import classnames from 'classnames';
-import { getDurationDisplayString } from 'dtable-utils';
-import './index.css';
-class DurationFormatter extends React.Component {
+"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 {
   render() {
     let {
       value,
       containerClassName,
       format
     } = this.props;
-    let classname = classnames('dtable-ui cell-formatter-container duration-formatter', containerClassName);
-    return /*#__PURE__*/React.createElement("div", {
+    let classname = (0, _classnames.default)('dtable-ui cell-formatter-container duration-formatter', containerClassName);
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: classname
-    }, getDurationDisplayString(value, {
+    }, (0, _dtableUtils.getDurationDisplayString)(value, {
       duration_format: format
     }));
   }
 }
-export default DurationFormatter;
+var _default = exports.default = DurationFormatter;

package/lib/EditEditorButton/index.js

@@ -1,14 +1,21 @@
-import React from 'react';
-import './index.css';
-class EditEditorButton extends React.Component {
+"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 {
   render() {
     const {
       text
     } = this.props;
-    return /*#__PURE__*/React.createElement("span", {
+    return /*#__PURE__*/_react.default.createElement("span", {
       className: "dtable-ui-editor-button",
       onClick: this.props.onClick
     }, text);
   }
 }
-export default EditEditorButton;
+var _default = exports.default = EditEditorButton;

package/lib/EmailFormatter/index.js

@@ -1,16 +1,23 @@
-import React from 'react';
-import classnames from 'classnames';
-import './index.css';
-class EmailFormatter extends React.Component {
+"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 {
   render() {
     const {
       containerClassName,
       value
     } = this.props;
-    let classname = classnames('dtable-ui cell-formatter-container email-formatter', containerClassName);
-    return /*#__PURE__*/React.createElement("div", {
+    let classname = (0, _classnames.default)('dtable-ui cell-formatter-container email-formatter', containerClassName);
+    return /*#__PURE__*/_react.default.createElement("div", {
       className: classname
     }, value);
   }
 }
-export default EmailFormatter;
+var _default = exports.default = EmailFormatter;

package/lib/FieldDisplaySetting/field-item.js

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

package/lib/FieldDisplaySetting/index.js

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

package/lib/FileEditor/index.js

@@ -1,7 +1,14 @@
-import React from 'react';
-import { Modal, ModalHeader, ModalBody } from 'reactstrap';
-import { getLocale } from '../lang';
-class FileEditor extends React.Component {
+"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 {
   constructor(props) {
     super(props);
     this.state = {};
@@ -10,12 +17,12 @@ class FileEditor extends React.Component {
     let {
       closeEditor
     } = this.props;
-    return /*#__PURE__*/React.createElement(Modal, {
+    return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
       isOpen: true,
       toggle: closeEditor
-    }, /*#__PURE__*/React.createElement(ModalHeader, {
+    }, /*#__PURE__*/_react.default.createElement(_reactstrap.ModalHeader, {
       toggle: closeEditor
-    }, getLocale('Add_Files')), /*#__PURE__*/React.createElement(ModalBody, {
+    }, (0, _lang.getLocale)('Add_Files')), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
       className: "file-editor-container"
     }));
   }
@@ -24,4 +31,4 @@ FileEditor.defaultProps = {
   isCheckRepeat: false,
   columnType: 'file'
 };
-export default FileEditor;
+var _default = exports.default = FileEditor;

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

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