dtable-ui-component 6.0.49 → 6.0.50

package/lib/formatterConfig/base-formatter-config.js

@@ -29,29 +29,30 @@ var _DurationFormatter = _interopRequireDefault(require("../DurationFormatter"))
 var _RateFormatter = _interopRequireDefault(require("../RateFormatter"));
 var _ButtonFormatter = _interopRequireDefault(require("../ButtonFormatter"));
 var _DepartmentSingleSelectFormatter = _interopRequireDefault(require("../DepartmentSingleSelectFormatter"));
+var _jsxRuntime = require("react/jsx-runtime");
 const BaseFormatterConfig = {
-  [_dtableUtils.CellType.DEFAULT]: /*#__PURE__*/_react.default.createElement(_TextFormatter.default, null),
-  [_dtableUtils.CellType.TEXT]: /*#__PURE__*/_react.default.createElement(_TextFormatter.default, null),
-  [_dtableUtils.CellType.CHECKBOX]: /*#__PURE__*/_react.default.createElement(_CheckboxFormatter.default, null),
-  [_dtableUtils.CellType.LONG_TEXT]: /*#__PURE__*/_react.default.createElement(_SimpleLongTextFormatter.default, null),
-  [_dtableUtils.CellType.SINGLE_SELECT]: /*#__PURE__*/_react.default.createElement(_SingleSelectFormatter.default, null),
-  [_dtableUtils.CellType.IMAGE]: /*#__PURE__*/_react.default.createElement(_ImageFormatter.default, null),
-  [_dtableUtils.CellType.FILE]: /*#__PURE__*/_react.default.createElement(_FileFormatter.default, null),
-  [_dtableUtils.CellType.MULTIPLE_SELECT]: /*#__PURE__*/_react.default.createElement(_MultipleSelectFormatter.default, null),
-  [_dtableUtils.CellType.COLLABORATOR]: /*#__PURE__*/_react.default.createElement(_CollaboratorFormatter.default, null),
-  [_dtableUtils.CellType.NUMBER]: /*#__PURE__*/_react.default.createElement(_NumberFormatter.default, null),
-  [_dtableUtils.CellType.DATE]: /*#__PURE__*/_react.default.createElement(_DateFormatter.default, null),
-  [_dtableUtils.CellType.CREATOR]: /*#__PURE__*/_react.default.createElement(_CreatorFormatter.default, null),
-  [_dtableUtils.CellType.CTIME]: /*#__PURE__*/_react.default.createElement(_CTimeFormatter.default, null),
-  [_dtableUtils.CellType.LAST_MODIFIER]: /*#__PURE__*/_react.default.createElement(_LastModifierFormatter.default, null),
-  [_dtableUtils.CellType.MTIME]: /*#__PURE__*/_react.default.createElement(_MTimeFormatter.default, null),
-  [_dtableUtils.CellType.GEOLOCATION]: /*#__PURE__*/_react.default.createElement(_GeolocationFormatter.default, null),
-  [_dtableUtils.CellType.AUTO_NUMBER]: /*#__PURE__*/_react.default.createElement(_AutoNumberFormatter.default, null),
-  [_dtableUtils.CellType.URL]: /*#__PURE__*/_react.default.createElement(_UrlFormatter.default, null),
-  [_dtableUtils.CellType.EMAIL]: /*#__PURE__*/_react.default.createElement(_EmailFormatter.default, null),
-  [_dtableUtils.CellType.DURATION]: /*#__PURE__*/_react.default.createElement(_DurationFormatter.default, null),
-  [_dtableUtils.CellType.RATE]: /*#__PURE__*/_react.default.createElement(_RateFormatter.default, null),
-  [_dtableUtils.CellType.BUTTON]: /*#__PURE__*/_react.default.createElement(_ButtonFormatter.default, null),
-  [_dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT]: /*#__PURE__*/_react.default.createElement(_DepartmentSingleSelectFormatter.default, null)
+  [_dtableUtils.CellType.DEFAULT]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, {}),
+  [_dtableUtils.CellType.TEXT]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_TextFormatter.default, {}),
+  [_dtableUtils.CellType.CHECKBOX]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CheckboxFormatter.default, {}),
+  [_dtableUtils.CellType.LONG_TEXT]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SimpleLongTextFormatter.default, {}),
+  [_dtableUtils.CellType.SINGLE_SELECT]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SingleSelectFormatter.default, {}),
+  [_dtableUtils.CellType.IMAGE]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ImageFormatter.default, {}),
+  [_dtableUtils.CellType.FILE]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FileFormatter.default, {}),
+  [_dtableUtils.CellType.MULTIPLE_SELECT]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MultipleSelectFormatter.default, {}),
+  [_dtableUtils.CellType.COLLABORATOR]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CollaboratorFormatter.default, {}),
+  [_dtableUtils.CellType.NUMBER]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_NumberFormatter.default, {}),
+  [_dtableUtils.CellType.DATE]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateFormatter.default, {}),
+  [_dtableUtils.CellType.CREATOR]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CreatorFormatter.default, {}),
+  [_dtableUtils.CellType.CTIME]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_CTimeFormatter.default, {}),
+  [_dtableUtils.CellType.LAST_MODIFIER]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LastModifierFormatter.default, {}),
+  [_dtableUtils.CellType.MTIME]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_MTimeFormatter.default, {}),
+  [_dtableUtils.CellType.GEOLOCATION]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_GeolocationFormatter.default, {}),
+  [_dtableUtils.CellType.AUTO_NUMBER]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_AutoNumberFormatter.default, {}),
+  [_dtableUtils.CellType.URL]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_UrlFormatter.default, {}),
+  [_dtableUtils.CellType.EMAIL]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_EmailFormatter.default, {}),
+  [_dtableUtils.CellType.DURATION]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DurationFormatter.default, {}),
+  [_dtableUtils.CellType.RATE]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_RateFormatter.default, {}),
+  [_dtableUtils.CellType.BUTTON]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonFormatter.default, {}),
+  [_dtableUtils.CellType.DEPARTMENT_SINGLE_SELECT]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DepartmentSingleSelectFormatter.default, {})
 };
 var _default = exports.default = BaseFormatterConfig;

package/lib/formatterConfig/index.js

@@ -10,9 +10,10 @@ var _dtableUtils = require("dtable-utils");
 var _baseFormatterConfig = _interopRequireDefault(require("./base-formatter-config"));
 var _LinkFormatter = _interopRequireDefault(require("../LinkFormatter"));
 var _FormulaFormatter = _interopRequireDefault(require("../FormulaFormatter"));
+var _jsxRuntime = require("react/jsx-runtime");
 const FormatterConfig = {
   ..._baseFormatterConfig.default,
-  [_dtableUtils.CellType.FORMULA]: /*#__PURE__*/_react.default.createElement(_FormulaFormatter.default, null),
-  [_dtableUtils.CellType.LINK]: /*#__PURE__*/_react.default.createElement(_LinkFormatter.default, null)
+  [_dtableUtils.CellType.FORMULA]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_FormulaFormatter.default, {}),
+  [_dtableUtils.CellType.LINK]: /*#__PURE__*/(0, _jsxRuntime.jsx)(_LinkFormatter.default, {})
 };
 var _default = exports.default = FormatterConfig;

package/lib/index.js

@@ -16,6 +16,12 @@ Object.defineProperty(exports, "ActivityIndicator", {
     return _ActivityIndicator.default;
   }
 });
+Object.defineProperty(exports, "AsyncUserSelect", {
+  enumerable: true,
+  get: function () {
+    return _AsyncUserSelect.default;
+  }
+});
 Object.defineProperty(exports, "AutoNumberFormatter", {
   enumerable: true,
   get: function () {
@@ -690,6 +696,7 @@ var _DTableEmptyTip = _interopRequireDefault(require("./DTableEmptyTip"));
 var _IconButton = _interopRequireDefault(require("./IconButton"));
 var _UploadProgress = _interopRequireDefault(require("./UploadProgress"));
 var _SvgIcon = _interopRequireDefault(require("./SvgIcon"));
+var _AsyncUserSelect = _interopRequireDefault(require("./AsyncUserSelect"));
 var _ActionSheet = _interopRequireDefault(require("./ActionSheet"));
 var _ActivityIndicator = _interopRequireDefault(require("./ActivityIndicator"));
 var _DatePicker = _interopRequireDefault(require("./DatePicker"));

package/lib/locales/de.json

@@ -172,5 +172,9 @@
   "Latitude_abbr": "Breite",
   "Longitude_abbr": "Länge",
   "Latitude": "Breitengrad",
-  "Longitude": "Längengrad"
+  "Longitude": "Längengrad",
+  "Search_users": "Benutzer suchen",
+  "User_not_found": "Der Benutzer wurde nicht gefunden.",
+  "Enter_characters_to_start_searching": "Geben Sie Zeichen ein, um die Suche zu starten.",
+  "Remove": "Entfernen"
 }

package/lib/locales/en.json

@@ -172,5 +172,9 @@
   "Latitude_abbr": "Lat",
   "Longitude_abbr": "Lng",
   "Latitude": "Latitude",
-  "Longitude": "Longitude"
+  "Longitude": "Longitude",
+  "Search_users": "Search users",
+  "User_not_found": "User not found",
+  "Enter_characters_to_start_searching": "Enter characters to start searching",
+  "Remove": "Remove"
 }

package/lib/locales/es.json

@@ -26,7 +26,7 @@
   "Add_filter": "Añadir filtro",
   "And": "Y",
   "Or": "O",
-  "Add_filter_group": "Añadir grupo de filtros", 
+  "Add_filter_group": "Añadir grupo de filtros",
   "Click_to_add_filter": "Haz clic para añadir filtro",
   "Click_to_input_value": "Haz clic para introducir valor",
   "Submit": "Enviar",
@@ -172,5 +172,9 @@
   "Latitude_abbr": "Lat",
   "Longitude_abbr": "Lng",
   "Latitude": "Latitude",
-  "Longitude": "Longitude"
+  "Longitude": "Longitude",
+  "Search_users": "Buscar usuarios",
+  "User_not_found": "Usuario no encontrado",
+  "Enter_characters_to_start_searching": "Escribe algunos caracteres para empezar la búsqueda",
+  "Remove": "Eliminar"
 }

package/lib/locales/fr.json

@@ -172,5 +172,9 @@
   "Latitude_abbr": "Lat",
   "Longitude_abbr": "Lng",
   "Latitude": "Latitude",
-  "Longitude": "Longitude"
+  "Longitude": "Longitude",
+  "Search_users": "Rechercher les utilisateurs",
+  "User_not_found": "L'utilisateur n'a pas pu être trouvé.",
+  "Enter_characters_to_start_searching": "Entrez pour lancer la recherche.",
+  "Remove": "Supprimer"
 }

package/lib/locales/pt.json

@@ -172,5 +172,9 @@
   "Latitude_abbr": "Lat",
   "Longitude_abbr": "Lng",
   "Latitude": "Latitude",
-  "Longitude": "Longitude"
+  "Longitude": "Longitude",
+  "Search_users": "Pesquise usuários",
+  "User_not_found": "Usuário não encontrado",
+  "Enter_characters_to_start_searching": "Insira os caracteres para começar a pesquisar",
+  "Remove": "Remover"
 }

package/lib/locales/ru.json

@@ -172,5 +172,9 @@
   "Latitude_abbr": "Lat",
   "Longitude_abbr": "Lng",
   "Latitude": "Latitude",
-  "Longitude": "Longitude"
+  "Longitude": "Longitude",
+  "Search_users": "Поиск пользователей",
+  "User_not_found": "Пользователь не найден",
+  "Enter_characters_to_start_searching": "Введите символы для начала поиска",
+  "Remove": "Удалять"
 }

package/lib/locales/zh-CN.json

@@ -172,5 +172,9 @@
   "Latitude_abbr": "纬度",
   "Longitude_abbr": "经度",
   "Latitude": "纬度",
-  "Longitude": "经度"
+  "Longitude": "经度",
+  "Search_users": "搜索用户",
+  "User_not_found": "未找到用户",
+  "Enter_characters_to_start_searching": "输入字符以开始搜索",
+  "Remove": "删除"
 }

package/lib/select-editor/index.js

@@ -10,25 +10,34 @@ var _react = _interopRequireWildcard(require("react"));
 var _reactResponsive = _interopRequireDefault(require("react-responsive"));
 var _pcEditor = _interopRequireDefault(require("./pc-editor"));
 var _mbEditor = _interopRequireDefault(require("./mb-editor"));
+var _jsxRuntime = require("react/jsx-runtime");
 const SelectEditor = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
   let {
     isMobile,
     ...props
   } = _ref;
-  if (isMobile === false) return /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
+  if (isMobile === false) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+    ...props,
     ref: ref
-  }));
-  if (isMobile === true) return /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
+  });
+  if (isMobile === true) return /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+    ...props,
     ref: ref
-  }));
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(min-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_pcEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))), /*#__PURE__*/_react.default.createElement(_reactResponsive.default, {
-    query: "(max-width: 768px)"
-  }, /*#__PURE__*/_react.default.createElement(_mbEditor.default, Object.assign({}, props, {
-    ref: ref
-  }))));
+  });
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(min-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pcEditor.default, {
+        ...props,
+        ref: ref
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactResponsive.default, {
+      query: "(max-width: 768px)",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_mbEditor.default, {
+        ...props,
+        ref: ref
+      })
+    })]
+  });
 });
 var _default = exports.default = SelectEditor;

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

@@ -11,6 +11,7 @@ var _SelectItem = _interopRequireDefault(require("../../SelectItem"));
 var _MobileSelector = _interopRequireDefault(require("../../MobileSelector"));
 var _DTableCommonAddTool = _interopRequireDefault(require("../../DTableCommonAddTool"));
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 const {
   Search,
   Option,
@@ -57,13 +58,13 @@ class MBSelectEditor extends _react.default.Component {
       } = this.props;
       return options.map(option => {
         const isSelected = value.includes(option[valueKey]);
-        return /*#__PURE__*/_react.default.createElement(Option, {
-          key: option[valueKey],
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(Option, {
           isSelected: isSelected,
-          onChange: this.onChange.bind(this, option)
-        }, /*#__PURE__*/_react.default.createElement(_SelectItem.default, {
-          option: option
-        }));
+          onChange: this.onChange.bind(this, option),
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_SelectItem.default, {
+            option: option
+          })
+        }, option[valueKey]);
       });
     };
     this.state = {
@@ -82,18 +83,23 @@ class MBSelectEditor extends _react.default.Component {
     } = this.state;
     const displayOptions = this.getDisplayOptions();
     const isShowCreateBtn = isSupportNewOption && onAddNewOption && !!searchVal && !options.find(item => item.name !== searchVal);
-    return /*#__PURE__*/_react.default.createElement(_MobileSelector.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_MobileSelector.default, {
       onClose: this.props.onClose,
       title: column.name,
-      className: "dtable-ui-mobile-select-editor"
-    }, options.length > 10 && /*#__PURE__*/_react.default.createElement(Search, {
-      value: searchVal,
-      placeholder: (0, _lang.getLocale)('Search_option'),
-      onChange: this.onChangeSearch
-    }), /*#__PURE__*/_react.default.createElement(Options, null, displayOptions.length === 0 && /*#__PURE__*/_react.default.createElement(Empty, null, (0, _lang.getLocale)('No_options_available')), displayOptions.length > 0 && this.renderOptions(displayOptions), isShowCreateBtn && /*#__PURE__*/_react.default.createElement(_DTableCommonAddTool.default, {
-      footerName: (0, _lang.getLocale)('Add_option'),
-      callBack: this.onAddNewOption
-    })));
+      className: "dtable-ui-mobile-select-editor",
+      children: [options.length > 10 && /*#__PURE__*/(0, _jsxRuntime.jsx)(Search, {
+        value: searchVal,
+        placeholder: (0, _lang.getLocale)('Search_option'),
+        onChange: this.onChangeSearch
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(Options, {
+        children: [displayOptions.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(Empty, {
+          children: (0, _lang.getLocale)('No_options_available')
+        }), displayOptions.length > 0 && this.renderOptions(displayOptions), isShowCreateBtn && /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableCommonAddTool.default, {
+          footerName: (0, _lang.getLocale)('Add_option'),
+          callBack: this.onAddNewOption
+        })]
+      })]
+    });
   }
 }
 MBSelectEditor.defaultProps = {

package/lib/select-editor/pc-editor/index.js

@@ -12,6 +12,7 @@ var _lang = require("../../lang");
 var _DTableSearchInput = _interopRequireDefault(require("../../DTableSearchInput"));
 var _constants = require("../../constants");
 require("./index.css");
+var _jsxRuntime = require("react/jsx-runtime");
 class PCSelectEditor extends _react.default.Component {
   constructor(props) {
     super(props);
@@ -218,71 +219,84 @@ class PCSelectEditor extends _react.default.Component {
     // maxWidth = column.width > 200 ? column.width - 20 - 12 - 20 - 10 : 200 - 20 - 12 - 20 - 10
     // maxWidth = column.width > 200 ? column.width - 62 : 200 - 62
     let maxWidth = isInModal ? 250 : (column === null || column === void 0 ? void 0 : column.width) > 200 ? column.width - 62 : 138;
-    const dom = /*#__PURE__*/_react.default.createElement("div", {
+    const dom = /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
       className: (0, _classnames.default)('dtable-ui-editor-container dtable-ui-select-editor-container', className, {
         ["".concat(classNamePrefix, "-select-editor-container")]: classNamePrefix
       }),
-      ref: ref => this.ref = ref
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "select-options-search"
-    }, /*#__PURE__*/_react.default.createElement(_DTableSearchInput.default, {
-      placeholder: (0, _lang.getLocale)('Search_option'),
-      onKeyDown: this.onKeyDown,
-      onChange: this.onValueChanged,
-      autoFocus: true
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "select-dtable-ui-mobile-selector-options-container",
-      ref: ref => this.container = ref
-    }, this.filteredOptions.length > 0 && this.filteredOptions.map((option, index) => {
-      let optionStyle = this.getOptionStyle(option);
-      optionStyle = {
-        ...optionStyle,
-        maxWidth
-      };
-      let isSelected = value.includes(option[valueKey]);
-      return /*#__PURE__*/_react.default.createElement("div", {
-        key: option.id,
-        className: "select-option-item",
-        ref: ref => this.selectItem = ref
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: (0, _classnames.default)('select-option-item-container', {
-          'select-option-item-container-highlight': index === highlightIndex
-        }),
-        onMouseDown: this.onChange.bind(this, option),
-        onMouseEnter: this.onMenuMouseEnter.bind(this, index),
-        onMouseLeave: this.onMenuMouseLeave.bind(this, index)
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "option-info"
-      }, /*#__PURE__*/_react.default.createElement("div", {
-        className: "option-name",
-        style: optionStyle,
-        title: option.name
-      }, option.name)), /*#__PURE__*/_react.default.createElement("div", {
-        className: "option-checked"
-      }, isSelected && /*#__PURE__*/_react.default.createElement("i", {
-        className: "dtable-font dtable-icon-check-mark"
-      }))));
-    }), this.filteredOptions.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-ui-editor-no-search-result"
-    }, (0, _lang.getLocale)('No_options_available'))), isSupportNewOption && !!searchValue && /*#__PURE__*/_react.default.createElement("div", {
-      className: "select-options-add",
-      onClick: this.onAddNewOption
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: "dtable-font dtable-icon-add-table"
-    }), /*#__PURE__*/_react.default.createElement("span", null, (0, _lang.getLocale)('Add_an_option'), ' ', searchValue)));
+      ref: ref => this.ref = ref,
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "select-options-search",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_DTableSearchInput.default, {
+          placeholder: (0, _lang.getLocale)('Search_option'),
+          onKeyDown: this.onKeyDown,
+          onChange: this.onValueChanged,
+          autoFocus: true
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "select-dtable-ui-mobile-selector-options-container",
+        ref: ref => this.container = ref,
+        children: [this.filteredOptions.length > 0 && this.filteredOptions.map((option, index) => {
+          let optionStyle = this.getOptionStyle(option);
+          optionStyle = {
+            ...optionStyle,
+            maxWidth
+          };
+          let isSelected = value.includes(option[valueKey]);
+          return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+            className: "select-option-item",
+            ref: ref => this.selectItem = ref,
+            children: /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+              className: (0, _classnames.default)('select-option-item-container', {
+                'select-option-item-container-highlight': index === highlightIndex
+              }),
+              onMouseDown: this.onChange.bind(this, option),
+              onMouseEnter: this.onMenuMouseEnter.bind(this, index),
+              onMouseLeave: this.onMenuMouseLeave.bind(this, index),
+              children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "option-info",
+                children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                  className: "option-name",
+                  style: optionStyle,
+                  title: option.name,
+                  children: option.name
+                })
+              }), /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+                className: "option-checked",
+                children: isSelected && /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+                  className: "dtable-font dtable-icon-check-mark"
+                })
+              })]
+            })
+          }, option.id);
+        }), this.filteredOptions.length === 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          className: "dtable-ui-editor-no-search-result",
+          children: (0, _lang.getLocale)('No_options_available')
+        })]
+      }), isSupportNewOption && !!searchValue && /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "select-options-add",
+        onClick: this.onAddNewOption,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          className: "dtable-font dtable-icon-add-table"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("span", {
+          children: [(0, _lang.getLocale)('Add_an_option'), ' ', searchValue]
+        })]
+      })]
+    });
     if (isInModal) {
-      return /*#__PURE__*/_react.default.createElement("div", {
-        ref: ref => this.parent = ref
-      }, /*#__PURE__*/_react.default.createElement(_reactstrap.Popover, {
-        placement: "bottom-start",
-        isOpen: true,
-        target: target,
-        hideArrow: true,
-        fade: false,
-        className: (0, _classnames.default)('dtable-ui dtable-ui-row-expand-select-editor-popover', {
-          ["".concat(classNamePrefix, "-select-editor-popover")]: classNamePrefix
+      return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        ref: ref => this.parent = ref,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactstrap.Popover, {
+          placement: "bottom-start",
+          isOpen: true,
+          target: target,
+          hideArrow: true,
+          fade: false,
+          className: (0, _classnames.default)('dtable-ui dtable-ui-row-expand-select-editor-popover', {
+            ["".concat(classNamePrefix, "-select-editor-popover")]: classNamePrefix
+          }),
+          children: dom
         })
-      }, dom));
+      });
     }
     return dom;
   }

package/lib/toaster/alert.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _jsxRuntime = require("react/jsx-runtime");
 class Alert extends _react.default.PureComponent {
   getIconClass(intent) {
     switch (intent) {
@@ -30,22 +31,30 @@ class Alert extends _react.default.PureComponent {
       onRemove
     } = this.props;
     const iconClass = this.getIconClass(intent);
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-toast-alert-container ".concat(intent || 'success')
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      className: "toast-alert-icon"
-    }, /*#__PURE__*/_react.default.createElement("i", {
-      className: iconClass
-    })), /*#__PURE__*/_react.default.createElement("div", {
-      className: "toast-text-container"
-    }, /*#__PURE__*/_react.default.createElement("p", {
-      className: "toast-text-title"
-    }, title), children ? /*#__PURE__*/_react.default.createElement("p", {
-      className: "toast-text-child"
-    }, children) : null), isRemovable && /*#__PURE__*/_react.default.createElement("div", {
-      onClick: onRemove,
-      className: "toast-close"
-    }, /*#__PURE__*/_react.default.createElement("span", null, "\xD7")));
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+      className: "dtable-toast-alert-container ".concat(intent || 'success'),
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        className: "toast-alert-icon",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("i", {
+          className: iconClass
+        })
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)("div", {
+        className: "toast-text-container",
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          className: "toast-text-title",
+          children: title
+        }), children ? /*#__PURE__*/(0, _jsxRuntime.jsx)("p", {
+          className: "toast-text-child",
+          children: children
+        }) : null]
+      }), isRemovable && /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        onClick: onRemove,
+        className: "toast-close",
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("span", {
+          children: "\xD7"
+        })
+      })]
+    });
   }
 }
 var _default = exports.default = Alert;

package/lib/toaster/toast.js

@@ -8,6 +8,7 @@ exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Transition = _interopRequireDefault(require("react-transition-group/Transition"));
 var _alert = _interopRequireDefault(require("./alert"));
+var _jsxRuntime = require("react/jsx-runtime");
 const ANIMATION_DURATION = 240;
 class Toast extends _react.default.PureComponent {
   constructor() {
@@ -75,33 +76,36 @@ class Toast extends _react.default.PureComponent {
     this.clearCloseTimer();
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement(_Transition.default, {
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)(_Transition.default, {
       appear: true,
       unmountOnExit: true,
       timeout: ANIMATION_DURATION,
       in: this.state.isShown,
-      onExited: this.props.onRemove
-    }, state => /*#__PURE__*/_react.default.createElement("div", {
-      "data-state": state,
-      className: "dtable-toast-container ".concat(state),
-      onMouseEnter: this.handleMouseEnter,
-      onMouseLeave: this.handleMouseLeave,
-      style: {
-        zIndex: this.props.zIndex
-      },
-      ref: this.containerRef
-    }, /*#__PURE__*/_react.default.createElement("div", {
-      ref: this.onRef,
-      style: {
-        padding: 8
-      }
-    }, /*#__PURE__*/_react.default.createElement(_alert.default, {
-      intent: this.props.intent,
-      title: this.props.title,
-      children: this.props.children || '',
-      isRemovable: this.props.hasCloseButton,
-      onRemove: event => this.close(event)
-    }))));
+      onExited: this.props.onRemove,
+      children: state => /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+        "data-state": state,
+        className: "dtable-toast-container ".concat(state),
+        onMouseEnter: this.handleMouseEnter,
+        onMouseLeave: this.handleMouseLeave,
+        style: {
+          zIndex: this.props.zIndex
+        },
+        ref: this.containerRef,
+        children: /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+          ref: this.onRef,
+          style: {
+            padding: 8
+          },
+          children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_alert.default, {
+            intent: this.props.intent,
+            title: this.props.title,
+            children: this.props.children || '',
+            isRemovable: this.props.hasCloseButton,
+            onRemove: event => this.close(event)
+          })
+        })
+      })
+    });
   }
 }
 exports.default = Toast;

package/lib/toaster/toastManager.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _toast = _interopRequireDefault(require("./toast"));
+var _jsxRuntime = require("react/jsx-runtime");
 const hasCustomId = settings => Object.hasOwnProperty.call(settings, 'id');
 class ToastManager extends _react.default.PureComponent {
   constructor(props, context) {
@@ -90,19 +91,21 @@ class ToastManager extends _react.default.PureComponent {
     };
   }
   render() {
-    return /*#__PURE__*/_react.default.createElement("div", {
-      className: "dtable-toast-manager"
-    }, this.state.toasts.map(_ref => {
-      let {
-        id,
-        description,
-        ...props
-      } = _ref;
-      return /*#__PURE__*/_react.default.createElement(_toast.default, Object.assign({
-        key: id,
-        onRemove: () => this.removeToast(id)
-      }, props), description);
-    }));
+    return /*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
+      className: "dtable-toast-manager",
+      children: this.state.toasts.map(_ref => {
+        let {
+          id,
+          description,
+          ...props
+        } = _ref;
+        return /*#__PURE__*/(0, _jsxRuntime.jsx)(_toast.default, {
+          onRemove: () => this.removeToast(id),
+          ...props,
+          children: description
+        }, id);
+      })
+    });
   }
 }
 exports.default = ToastManager;