dtable-ui-component 5.3.1-beta6 → 5.3.2-alpha1

package/lib/locals/fr.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* eslint-disable quotes */
+const fr = {
+  "Add_an_option": "Ajouter une option",
+  "Search_option": "Trouver une option",
+  "No_options_available": "Il n'y a pas d'options disponibles.",
+  "Current_option": "Option actuelle",
+  "No_option": "Aucune option",
+  "Choose_an_option": "Choisis une option",
+  "Add_a_collaborator": "Ajouter un collaborateur",
+  "Search_collaborator": "Trouver un collaborateur",
+  "No_collaborators_available": "Aucun collaborateur n'est disponible.",
+  "Done": "Fait",
+  "Choose_a_collaborator": "Choisissez un collaborateur",
+  "Please_input": "Veuillez saisir",
+  "Please_select": "Veuillez sélectionner",
+  "Clear": "Effacer",
+  "Are_you_sure_you_want_to_delete_this_image": "Êtes-vous sûr de vouloir supprimer cette image?",
+  "Are_you_sure_you_want_to_delete_this_file": "Êtes-vous sûr de vouloir supprimer ce fichier?",
+  "Cancel": "Annuler",
+  "Delete": "Supprimer",
+  "Search_department": "Chercher un département",
+  "No_departments_available": "Aucun département n'est disponible.",
+  "Current_user_department": "Département de l'utilisateur actuel",
+  "Current_user_department_and_sub": "Département et sous-départements de l'utilisateur actuel",
+  "Specific_departments": "Départements spécifiques",
+  "Deleted_department": "Le département a été supprimé.",
+  "Add_filter": "Ajouter un filtre",
+  "No_filters": "Aucun filtre",
+  "Submit": "Soumettre",
+  "Select_an_option": "Sélectionner une option",
+  "Add_collaborator": "Ajouter un collaborateur",
+  "Add_a_creator": "Ajouter un créateur",
+  "Add_a_last_modifier": "Ajouter un dernier éditeur",
+  "Invalid_filter": "Filtre invalide",
+  "Search_column": "Rechercher une colonne",
+  "No_results": "Aucun résultat",
+  "Select_option(s)": "Selectionner une ou plusieurs options",
+  "contains": "contient",
+  "does_not_contain": "ne contient pas",
+  "is": "est égale à",
+  "is_not": "est différente de",
+  "equal": "=",
+  "not_equal": "≠",
+  "less": "<",
+  "greater": ">",
+  "less_or_equal": "≤",
+  "greater_or_equal": "≥",
+  "is_empty": "est vide",
+  "is_not_empty": "n'est pas vide",
+  "is_within": "est pendant",
+  "is_before": "est avant",
+  "is_after": "est après",
+  "is_on_or_before": "est le ou avant",
+  "is_on_or_after": "est le ou après",
+  "has_any_of": "contient au moins un",
+  "has_all_of": "contient tout",
+  "has_none_of": "ne contient aucun",
+  "is_exactly": "est exactement",
+  "is_current_user_ID": "est l'ID de l'utilisateur connecté",
+  "Current_date": "Date actuelle",
+  "Specific_date": "Date spécifique",
+  "x_days_before_current_date": "Jour avant la date actuelle",
+  "x_days_after_current_date": "Jour après la data actuelle",
+  "is_any_of": "contient au moins un",
+  "is_none_of": "ne contient aucun",
+  "include_me": " Inclure l'utilisateur actuel",
+  "today": "aujourd'hui",
+  "tomorrow": "demain",
+  "yesterday": "hier",
+  "one_week_ago": "il y a une semaine",
+  "one_week_from_now": "dans une semaine",
+  "one_month_ago": "il y a un mois",
+  "one_month_from_now": "dans un mois",
+  "number_of_days_ago": "il y a tels jours",
+  "number_of_days_from_now": "dans tels jours",
+  "exact_date": "date exacte",
+  "the_past_week": "la semaine dernière",
+  "the_past_month": "le mois dernier",
+  "the_past_year": "l'année dernière",
+  "the_next_week": "la semaine prochaine",
+  "the_next_month": "le mois prochain",
+  "the_next_year": "l'année prochaine",
+  "the_next_numbers_of_days": "au cours de tels prochains jours",
+  "the_past_numbers_of_days": "au cours de tels derniers jours",
+  "this_week": "cette semaine",
+  "this_month": "ce mois",
+  "this_year": "cette année",
+  "last_week": "la semaine dernière",
+  "last_month": "le mois dernier",
+  "last_year": "l'année dernière",
+  "URL_is_invalid": "L'URL est invalide.",
+  "Select_department": "Sélectionner un département",
+  "Default": "Violation",
+  "Custom": "Les coutumes",
+  "Recently_used": "Utilisé récemment"
+};
+var _default = exports.default = fr;

package/lib/locals/pt.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* eslint-disable quotes */
+const pt = {
+  "Add_an_option": "Adicione uma opção",
+  "Search_option": "Encontre uma opção",
+  "No_options_available": "Sem opções disponíveis",
+  "Current_option": "Opção atual",
+  "No_option": "Nenhuma opção",
+  "Choose_an_option": "Escolha uma opção",
+  "Add_a_collaborator": "Adicionar um colaborador",
+  "Search_collaborator": "Encontre um colaborador",
+  "No_collaborators_available": "Nenhum colaborador disponível.",
+  "Done": "Feita",
+  "Choose_a_collaborator": "Choose a collaborator",
+  "Please_input": "Please input",
+  "Please_select": "Please select",
+  "Clear": "Clara",
+  "Are_you_sure_you_want_to_delete_this_image": "Tem certeza de que deseja apagar esta imagem?",
+  "Are_you_sure_you_want_to_delete_this_file": "Tem certeza de que deseja excluir este arquivo?",
+  "Cancel": "Cancelar",
+  "Delete": "Excluir",
+  "Search_department": "Search department",
+  "No_departments_available": "No departments available",
+  "Current_user_department": "Current user's department",
+  "Current_user_department_and_sub": "Current user's department and sub-departments",
+  "Specific_departments": "Specific departments",
+  "Deleted_department": "Deleted department",
+  "Add_filter": "Adicione o filtro",
+  "Submit": "Enviar",
+  "No_filters": "Sem filtros",
+  "Select_an_option": "Selecione uma opção",
+  "Add_collaborator": "Adicione o colaborador",
+  "Add_a_creator": "Adicione um Criador",
+  "Add_a_last_modifier": "Adicione um último modificador",
+  "Invalid_filter": "Filtro inválido",
+  "Search_column": "Encontrar coluna",
+  "No_results": "Sem resultados.",
+  "Select_option(s)": "Selecione as opções)",
+  "contains": "contém",
+  "does_not_contain": "não contém",
+  "is": "é",
+  "is_not": "não é",
+  "equal": "=",
+  "not_equal": "≠",
+  "less": "<",
+  "greater": ">",
+  "less_or_equal": "≤",
+  "greater_or_equal": "≥",
+  "is_empty": "está vazia",
+  "is_not_empty": "não está vazio",
+  "is_within": "está dentro",
+  "is_before": "é antes",
+  "is_after": "é depois",
+  "is_on_or_before": "está ligado ou antes",
+  "is_on_or_after": "está ligado ou depois",
+  "has_any_of": "tem qualquer um",
+  "has_all_of": "tem tudo de",
+  "has_none_of": "não tem nenhum",
+  "is_exactly": "é exatamente",
+  "is_current_user_ID": "é o ID do usuário atual",
+  "Current_date": "Data atua",
+  "Specific_date": "Específico",
+  "x_days_before_current_date": "x dias antes da data atual",
+  "x_days_after_current_date": "x dias após a data atual",
+  "is_any_of": "é qualquer um",
+  "is_none_of": "não é nenhum",
+  "include_me": "incluir o usuário atual",
+  "today": "hoje",
+  "tomorrow": "amanhã",
+  "yesterday": "ontem",
+  "one_week_ago": "uma semana atrás",
+  "one_week_from_now": "daqui a uma semana",
+  "one_month_ago": "um mês atrás",
+  "one_month_from_now": "um mês atrás",
+  "number_of_days_ago": "número de dias atrás",
+  "number_of_days_from_now": "número de dias a partir de agora",
+  "exact_date": "data exata",
+  "the_past_week": "semana anterior",
+  "the_past_month": "mês passado",
+  "the_past_year": "ano passado",
+  "the_next_week": "a próxima semana",
+  "the_next_month": "o próximo mês",
+  "the_next_year": "no próximo ano",
+  "the_next_numbers_of_days": "os próximos números de dias",
+  "the_past_numbers_of_days": "os últimos números de dias",
+  "this_week": "essa semana",
+  "this_month": "este mês",
+  "this_year": "este ano",
+  "last_week": "semana anterior",
+  "last_month": "mês passado",
+  "last_year": "ano passado",
+  "URL_is_invalid": "URL é inválido",
+  "Select_department": "Select department",
+  "Default": "por omissão",
+  "Custom": "personalizado",
+  "Recently_used": "usado recentemente"
+};
+var _default = exports.default = pt;

package/lib/locals/ru.js

@@ -0,0 +1,103 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* eslint-disable quotes */
+const ru = {
+  "Add_an_option": "Add an option",
+  "Search_option": "Search option",
+  "No_options_available": "Нет доступных вариантов.",
+  "Current_option": "Текущая опция",
+  "No_option": "Нет опций",
+  "Choose_an_option": "Choose an option",
+  "Add_a_collaborator": "Add a collaborator",
+  "Search_collaborator": "Найти сотрудников",
+  "No_collaborators_available": "Нет сотрудников.",
+  "Done": "Выполнено",
+  "Choose_a_collaborator": "Choose a collaborator",
+  "Please_input": "Please input",
+  "Please_select": "Please select",
+  "Clear": "Очистить",
+  "Are_you_sure_you_want_to_delete_this_image": "Are you sure you want to delete this image?",
+  "Are_you_sure_you_want_to_delete_this_file": "Are you sure you want to delete this file?",
+  "Cancel": "Отменить",
+  "Delete": "Удалить",
+  "Search_department": "Search department",
+  "No_departments_available": "No departments available",
+  "Current_user_department": "Current user's department",
+  "Current_user_department_and_sub": "Current user's department and sub-departments",
+  "Specific_departments": "Specific departments",
+  "Deleted_department": "Deleted department",
+  "Add_filter": "Добавить фильтр",
+  "Submit": "Сохранить",
+  "No_filters": "No filters",
+  "Select_an_option": "Выберите опцию",
+  "Add_collaborator": "Add collaborator",
+  "Add_a_creator": "Добавить создателя",
+  "Add_a_last_modifier": "Добавить последний изменивший",
+  "Invalid_filter": "Invalid filter",
+  "Search_column": "Search column",
+  "No_results": "Нет результатов.",
+  "Select_option(s)": "Выберите опцию(и)",
+  "contains": "содержит",
+  "does_not_contain": "не содержит",
+  "is": "является",
+  "is_not": "не является",
+  "equal": "=",
+  "not_equal": "≠",
+  "less": "<",
+  "greater": ">",
+  "less_or_equal": "≤",
+  "greater_or_equal": "≥",
+  "is_empty": "пусто",
+  "is_not_empty": "не пусто",
+  "include_me": "включить текущего пользователя",
+  "is_within": "внутри...",
+  "is_before": "раньше ...",
+  "is_after": "после ...",
+  "is_on_or_before": "сейчас или раньше ...",
+  "is_on_or_after": "сейчас или после ...",
+  "has_any_of": "имеет какой-либо из ...",
+  "has_all_of": "есть все ...",
+  "has_none_of": "не имеет ни одного из них...",
+  "is_exactly": "точно ...",
+  "is_current_user_ID": "это идентификатор текущего пользователя",
+  "Current_date": "Current date",
+  "Specific_date": "Specific date",
+  "x_days_before_current_date": "X days before current date",
+  "x_days_after_current_date": "X days after current date",
+  "is_any_of": "любой из ...",
+  "is_none_of": "кроме ...",
+  "today": "Сегодня",
+  "tomorrow": "завтра",
+  "yesterday": "вчера",
+  "one_week_ago": "неделю назад",
+  "one_week_from_now": "через неделю",
+  "one_month_ago": "месяц назад",
+  "one_month_from_now": "через месяц",
+  "number_of_days_ago": "количество дней назад",
+  "number_of_days_from_now": "количество дней с этого момента",
+  "exact_date": "точная дата",
+  "the_past_week": "прошлая неделя",
+  "the_past_month": "прошлый месяц",
+  "the_past_year": "прошлый год",
+  "the_next_week": "на следующей неделе",
+  "the_next_month": "в следующем месяце",
+  "the_next_year": "в следующем году",
+  "the_next_numbers_of_days": "через дней...",
+  "the_past_numbers_of_days": "до дней ...",
+  "this_week": "на этой неделе",
+  "this_month": "в этом месяце",
+  "this_year": "в этом году",
+  "last_week": "last week",
+  "last_month": "last month",
+  "last_year": "last year",
+  "URL_is_invalid": "URL-адрес недействителен",
+  "Select_department": "Select department",
+  "Default": "Нарушение обязательств",
+  "Custom": "Обычаи",
+  "Recently_used": "Недавно использованный"
+};
+var _default = exports.default = ru;

package/lib/locals/zh-CN.js

@@ -0,0 +1,104 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+/* eslint-disable quotes */
+const zh_CN = {
+  "Add_an_option": "添加一个选项",
+  "Search_option": "查找标签",
+  "No_options_available": "没有找到标签。",
+  "Current_option": "当前标签",
+  "No_option": "没有标签",
+  "Choose_an_option": "选择一个标签",
+  "Add_a_collaborator": "添加协作者",
+  "Search_collaborator": "搜索协作者",
+  "No_collaborators_available": "没有找到协作者",
+  "Done": "完成",
+  "Choose_a_collaborator": "选择一个协作者",
+  "Please_input": "请输入",
+  "Please_select": "请选择",
+  "Clear": "清空",
+  "Are_you_sure_you_want_to_delete_this_file": "你确定要删除此文件吗？",
+  "Are_you_sure_you_want_to_delete_this_image": "你确定要删除此图片吗？",
+  "Cancel": "取消",
+  "Delete": "删除",
+  "Search_department": "查找部门",
+  "No_departments_available": "没有可用的部门",
+  "Current_user_department": "当前用户的部门",
+  "Current_user_department_and_sub": "当前用户的部门和子部门",
+  "Specific_departments": "具体部门",
+  "Deleted_department": "已经删除的部门",
+  "View_original_image": "查看原图",
+  "Add_filter": "添加过滤",
+  "Submit": "提交",
+  "No_filters": "没有过滤条件",
+  "Select_an_option": "选择标签",
+  "Add_collaborator": "添加协作人",
+  "Add_a_creator": "增加创建者",
+  "Add_a_last_modifier": "增加最后修改者",
+  "Invalid_filter": "无效的过滤器",
+  "Search_column": "查找列",
+  "No_results": "没有结果",
+  "Select_option(s)": "选择标签",
+  "contains": "包含",
+  "does_not_contain": "不包含",
+  "is": "是",
+  "is_not": "不是",
+  "equal": "=",
+  "not_equal": "≠",
+  "less": "<",
+  "greater": ">",
+  "less_or_equal": "≤",
+  "greater_or_equal": "≥",
+  "is_empty": "是空",
+  "is_not_empty": "不是空",
+  "is_within": "在某段时间内",
+  "is_before": "在某天之前",
+  "is_after": "在某天之后",
+  "is_on_or_before": "在某天或之前",
+  "is_on_or_after": "在某天或之后",
+  "has_any_of": "包含其中一个",
+  "has_all_of": "包含所有",
+  "has_none_of": "不包含",
+  "is_exactly": "精确筛选",
+  "is_current_user_ID": "是当前用户的 ID",
+  "Current_date": "当前日期",
+  "Specific_date": "指定日期",
+  "x_days_before_current_date": "当前日期的前 X 天",
+  "x_days_after_current_date": "当前日期的后 X 天",
+  "is_any_of": "是任意一个...",
+  "is_none_of": "不是任意一个...",
+  "include_me": "包括当前用户",
+  "today": "今天",
+  "tomorrow": "明天",
+  "yesterday": "昨天",
+  "one_week_ago": "一周前",
+  "one_week_from_now": "一周后",
+  "one_month_ago": "一个月前",
+  "one_month_from_now": "一个月后",
+  "number_of_days_ago": "特定天数前",
+  "number_of_days_from_now": "特定天数后",
+  "exact_date": "精确日期",
+  "the_past_week": "上个星期",
+  "the_past_month": "上个月",
+  "the_past_year": "去年",
+  "the_next_week": "下个星期",
+  "the_next_month": "下个月",
+  "the_next_year": "下一年",
+  "the_next_numbers_of_days": "今天之后的指定天数",
+  "the_past_numbers_of_days": "今天之前的指定天数",
+  "this_week": "这个星期",
+  "this_month": "这个月",
+  "this_year": "今年",
+  "last_week": "上个星期",
+  "last_month": "上个月",
+  "last_year": "去年",
+  "URL_is_invalid": "URL 无效",
+  "Select_department": "选择部门",
+  "Default": "默认",
+  "Custom": "自定义",
+  "Recently_used": "最近使用"
+};
+var _default = exports.default = zh_CN;

package/lib/select-editor/index.js

@@ -4,16 +4,16 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "MBSelectEditor", {
+Object.defineProperty(exports, "MBSelectEditorPopover", {
   enumerable: true,
   get: function () {
-    return _mbSelectEditor.default;
+    return _mbSelectEditorPopover.default;
   }
 });
-Object.defineProperty(exports, "PCSelectEditor", {
+Object.defineProperty(exports, "PCSelectEditorPopover", {
   enumerable: true,
   get: function () {
-    return _pcSelectEditor.default;
+    return _pcSelectEditorPopover.default;
   }
 });
 Object.defineProperty(exports, "SelectEditorOption", {
@@ -22,6 +22,6 @@ Object.defineProperty(exports, "SelectEditorOption", {
     return _selectEditorOption.default;
   }
 });
-var _mbSelectEditor = _interopRequireDefault(require("./mb-select-editor"));
-var _pcSelectEditor = _interopRequireDefault(require("./pc-select-editor"));
+var _mbSelectEditorPopover = _interopRequireDefault(require("./mb-select-editor-popover"));
+var _pcSelectEditorPopover = _interopRequireDefault(require("./pc-select-editor-popover"));
 var _selectEditorOption = _interopRequireDefault(require("./select-editor-option"));

package/lib/select-editor/{mb-select-editor → mb-select-editor-popover}/index.js

@@ -14,7 +14,7 @@ require("./index.css");
 class MBSelectEditorPopover extends _react.default.Component {
   constructor(props) {
     super(props);
-    this.handleHistoryBack = e => {
+    this.handleHistaryBack = e => {
       e.preventDefault();
       this.props.onClosePopover();
     };
@@ -109,10 +109,10 @@ class MBSelectEditorPopover extends _react.default.Component {
   }
   componentDidMount() {
     history.pushState(null, null, '#'); // eslint-disable-line
-    window.addEventListener('popstate', this.handleHistoryBack, false);
+    window.addEventListener('popstate', this.handleHistaryBack, false);
   }
   componentWillUnmount() {
-    window.removeEventListener('popstate', this.handleHistoryBack, false);
+    window.removeEventListener('popstate', this.handleHistaryBack, false);
   }
   render() {
     const {

package/lib/select-editor/pc-select-editor-popover/index.css

@@ -0,0 +1,71 @@
+@import url('../../css/cell-editor.css');
+
+.dtable-ui-select-editor-popover .select-options-search {
+  padding: 10px 10px 0 10px;
+}
+
+.dtable-ui-select-editor-popover .select-options-search input {
+  height: 28px;
+}
+
+.dtable-ui-select-editor-popover .select-options-container {
+  min-height: 160px;
+  max-height: 200px;
+  margin: 10px 0;
+  padding: 0 10px;
+  overflow: auto;
+}
+
+/* option item */
+.dtable-ui-select-editor-popover .select-option-item {
+  display: flex;
+  height: 30px;
+  padding-left: 12px;
+  font-size: 14px;
+  line-height: 30px;
+  cursor: pointer;
+}
+
+.dtable-ui-select-editor-popover .select-option-item:hover {
+  background-color: #f5f5f5;
+}
+
+.dtable-ui-select-editor-popover .option-info {
+  flex: 1;
+  display: flex;
+  align-items: center;
+}
+
+.dtable-ui-select-editor-popover .option-checked {
+  width: 20px;
+  text-align: center;
+}
+
+.dtable-ui-select-editor-popover .option-checked .dtable-font {
+  font-size: 12px;
+  color: #798d99;
+}
+
+.dtable-ui-select-editor-popover .select-options-add {
+  display: flex;
+  align-items: center;
+  padding: 0 10px;
+  height: 30px;
+  border-top: 1px solid #ccc;
+}
+
+.dtable-ui-select-editor-popover .select-options-add .dtable-font {
+  margin-right: 5px;
+  font-size: 12px;
+  font-weight: 600;
+}
+
+.dtable-ui-select-editor-popover .select-options-add > span {
+  display: inline-block;
+  font-size: 14px;
+  font-weight: 500;
+  color: #212529;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}

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

@@ -0,0 +1,122 @@
+"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 _lang = require("../../lang");
+require("./index.css");
+class PCSelectEditorPopover extends _react.default.Component {
+  constructor(props) {
+    super(props);
+    this.onValueChanged = event => {
+      let value = event.target.value;
+      this.setState({
+        searchValue: value
+      });
+    };
+    this.onInputClick = event => {
+      event.nativeEvent.stopImmediatePropagation();
+      event.stopPropagation();
+    };
+    this.onAddNewOption = () => {
+      let name = this.state.searchValue.trim();
+      this.props.onAddNewOption(name);
+    };
+    this.onOptionItemToggle = item => {
+      this.props.onOptionItemToggle(item);
+    };
+    this.getFilterOptions = () => {
+      let {
+        options
+      } = this.props;
+      let filter = this.state.searchValue.toLowerCase();
+      if (!filter) {
+        return options;
+      }
+      return options.filter(option => {
+        return option.name.toString().toLowerCase().indexOf(filter) > -1;
+      });
+    };
+    this.getOptionStyle = option => {
+      const textColor = option.textColor || null;
+      return {
+        display: 'inline-block',
+        padding: '0px 10px',
+        height: '20px',
+        lineHeight: '20px',
+        borderRadius: '10px',
+        fontSize: '13px',
+        backgroundColor: option.color,
+        color: textColor
+      };
+    };
+    this.state = {
+      searchValue: ''
+    };
+  }
+  render() {
+    let options = this.getFilterOptions();
+    let {
+      popoverPosition,
+      selectedOptions,
+      isSupportNewOption
+    } = this.props;
+    let {
+      searchValue
+    } = this.state;
+    let popoverStyle = Object.assign({}, {
+      ...popoverPosition
+    }, {
+      position: 'absolute'
+    });
+    return /*#__PURE__*/_react.default.createElement("div", {
+      className: "dtable-ui-editor-popover dtable-ui-select-editor-popover",
+      style: popoverStyle
+    }, /*#__PURE__*/_react.default.createElement("div", {
+      className: "select-options-search"
+    }, /*#__PURE__*/_react.default.createElement("input", {
+      className: "form-control",
+      onChange: this.onValueChanged,
+      onClick: this.onInputClick,
+      placeholder: (0, _lang.getLocale)('Search_option')
+    })), /*#__PURE__*/_react.default.createElement("div", {
+      className: "select-options-container"
+    }, options.length > 0 && options.map((option, index) => {
+      let optionStyle = this.getOptionStyle(option);
+      let isSelect = selectedOptions.some(selectedOption => {
+        return selectedOption.id === option.id;
+      });
+      return /*#__PURE__*/_react.default.createElement("div", {
+        key: index,
+        className: "select-option-item",
+        onClick: this.onOptionItemToggle.bind(this, option)
+      }, /*#__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"
+      }, isSelect && /*#__PURE__*/_react.default.createElement("i", {
+        className: "dtable-font dtable-icon-check-mark"
+      })));
+    }), options.length === 0 && /*#__PURE__*/_react.default.createElement("div", {
+      className: "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)));
+  }
+}
+PCSelectEditorPopover.defaultProps = {
+  popoverPosition: {},
+  options: [],
+  isShowAddBtn: false
+};
+var _default = exports.default = PCSelectEditorPopover;