sea-chart 2.0.58 → 2.0.60

package/dist/components/statistic-record-dialog/index.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = void 0;
+var _DTableSwitch2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableSwitch"));
 var _DTableEmptyTip2 = _interopRequireDefault(require("dtable-ui-component/lib/DTableEmptyTip"));
 var _toaster2 = _interopRequireDefault(require("dtable-ui-component/lib/toaster"));
 var _react = _interopRequireWildcard(require("react"));
@@ -19,6 +20,8 @@ var _loading = _interopRequireDefault(require("../loading"));
 var _search = require("../../utils/search");
 var _chartDataSql = _interopRequireDefault(require("../../utils/sql/chart-data-sql"));
 var _rowRecordUtils = require("../../utils/row-record-utils");
+var _icon = _interopRequireDefault(require("../icon"));
+var _hideColumnPopover = _interopRequireDefault(require("../popover/hide-column-popover/hide-column-popover"));
 var _rowCard = _interopRequireDefault(require("../row-card/row-card"));
 var _commonConstants = require("../../constants/common-constants");
 var _utils = require("../../utils");
@@ -26,7 +29,83 @@ var _constants = require("../../constants");
 require("./index.css");
 class StatisticRecordDialog extends _react.default.Component {
   constructor(_props) {
+    var _this;
     super(_props);
+    _this = this;
+    this.initSearchSettings = (chart, table) => {
+      const allColumnKeys = ((table === null || table === void 0 ? void 0 : table.columns) || []).map(column => column.key);
+      const searchSettingKey = `${chart === null || chart === void 0 ? void 0 : chart.id}-${table === null || table === void 0 ? void 0 : table._id}`;
+      const searchConfig = JSON.parse(window.localStorage.getItem('sea-chart-search-config') || '{}');
+      const searchSetting = searchConfig[searchSettingKey] || {};
+      const nameColumnKey = allColumnKeys[0];
+      const savedColumns = searchSetting.search_participate_columns || allColumnKeys;
+      const searchParticipateColumns = savedColumns.includes(nameColumnKey) ? savedColumns : [nameColumnKey, ...savedColumns];
+      return {
+        isExactSearch: !!searchSetting.is_exact,
+        searchParticipateColumns
+      };
+    };
+    this.onSaveSearchConfig = function () {
+      let updatedConfig = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
+      const {
+        chart
+      } = _this.props.chartRecordsParams || {};
+      if (!chart || !_this.table) return;
+      const searchSettingKey = `${chart.id}-${_this.table._id}`;
+      const searchConfig = JSON.parse(window.localStorage.getItem('sea-chart-search-config') || '{}');
+      window.localStorage.setItem('sea-chart-search-config', JSON.stringify({
+        ...searchConfig,
+        [searchSettingKey]: updatedConfig
+      }));
+    };
+    this.onChangeExactSearch = () => {
+      const isExactSearch = !this.state.isExactSearch;
+      const {
+        rows,
+        searchVal
+      } = this.state;
+      const searchedRowsIds = this.getSearchedRows(rows, searchVal, {
+        isExactSearch
+      });
+      this.setState({
+        isExactSearch,
+        searchedRowsIds
+      });
+      this.onSaveSearchConfig({
+        is_exact: isExactSearch,
+        search_participate_columns: this.state.searchParticipateColumns
+      });
+    };
+    this.modifySearchParticipateColumns = shownColumnKeys => {
+      var _this$table$columns$;
+      const nameColumnKey = (_this$table$columns$ = this.table.columns[0]) === null || _this$table$columns$ === void 0 ? void 0 : _this$table$columns$.key;
+      const searchParticipateColumns = shownColumnKeys.includes(nameColumnKey) ? shownColumnKeys : [nameColumnKey, ...shownColumnKeys];
+      const {
+        rows,
+        searchVal
+      } = this.state;
+      const searchedRowsIds = this.getSearchedRows(rows, searchVal, {
+        searchParticipateColumns
+      });
+      this.setState({
+        searchParticipateColumns,
+        searchedRowsIds
+      });
+      this.onSaveSearchConfig({
+        is_exact: this.state.isExactSearch,
+        search_participate_columns: searchParticipateColumns
+      });
+    };
+    this.toggleSearchHidePopover = () => {
+      this.setState({
+        isShowSearchHidePopover: !this.state.isShowSearchHidePopover
+      });
+    };
+    this.onToggleShowExactMatch = () => {
+      this.setState({
+        isShowExactMatch: !this.state.isShowExactMatch
+      });
+    };
     this.init = () => {
       const {
         chartRecordsParams,
@@ -186,10 +265,22 @@ class StatisticRecordDialog extends _react.default.Component {
         searchVal: ''
       });
     };
-    this.getSearchedRows = (rows, searchVal) => {
+    this.getSearchedRows = function (rows, searchVal) {
+      let settings = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
       if (!Array.isArray(rows) || rows.length === 0) return [];
       if (searchVal) {
-        return (0, _search.searchRows)(rows, (0, _dtableUtils.getViewShownColumns)(this.view, this.table.columns), searchVal, row => {
+        var _settings$isExactSear, _settings$searchParti, _this$table$columns$2;
+        const isExactSearch = (_settings$isExactSear = settings.isExactSearch) !== null && _settings$isExactSear !== void 0 ? _settings$isExactSear : _this.state.isExactSearch;
+        const participateKeys = (_settings$searchParti = settings.searchParticipateColumns) !== null && _settings$searchParti !== void 0 ? _settings$searchParti : _this.state.searchParticipateColumns;
+        const nameColumnKey = (_this$table$columns$2 = _this.table.columns[0]) === null || _this$table$columns$2 === void 0 ? void 0 : _this$table$columns$2.key;
+        const searchParticipateColumns = participateKeys.includes(nameColumnKey) ? participateKeys : [nameColumnKey, ...participateKeys];
+        const searchColumns = (0, _dtableUtils.getViewShownColumns)(_this.view, _this.table.columns).filter(col => searchParticipateColumns.includes(col.key));
+        if (isExactSearch) {
+          return (0, _search.searchRowsByExactVal)(searchVal.trim().toLowerCase(), rows, searchColumns, {
+            formulaRows: _this.formulaRows
+          }).map(row => row._id);
+        }
+        return (0, _search.searchRows)(rows, searchColumns, searchVal, row => {
           return row;
         }).map(row => row._id);
       }
@@ -294,14 +385,25 @@ class StatisticRecordDialog extends _react.default.Component {
         formulaRows: view.formula_rows
       };
     };
+    this.getCachedSearchedRows = (searchedRowsIds, rows) => {
+      if (this.searchedRowsCache.searchedRowsIds !== searchedRowsIds || this.searchedRowsCache.rows !== rows) {
+        this.searchedRowsCache = {
+          searchedRowsIds,
+          rows,
+          result: this.getRowsByIds(searchedRowsIds)
+        };
+      }
+      return this.searchedRowsCache.result;
+    };
     this.renderRowsCards = () => {
       const {
         isCalculateByView
       } = this.props;
       const {
-        searchedRowsIds
+        searchedRowsIds,
+        rows
       } = this.state;
-      const searchedRows = this.getRowsByIds(searchedRowsIds);
+      const searchedRows = this.getCachedSearchedRows(searchedRowsIds, rows);
       if (searchedRows.length === 0) return /*#__PURE__*/_react.default.createElement("div", {
         className: "w-100 h-100"
       }, /*#__PURE__*/_react.default.createElement(_DTableEmptyTip2.default, {
@@ -317,22 +419,45 @@ class StatisticRecordDialog extends _react.default.Component {
         columns: this.renderedColumns,
         rows: searchedRows,
         isExpandRowDetail: isCalculateByView,
+        isVirtualized: true,
+        showScrollBtn: !window.isMobile,
         rowCardType: 'statistic'
       };
       return /*#__PURE__*/_react.default.createElement(_rowCard.default, props);
     };
+    const {
+      chartRecordsParams: _chartRecordsParams,
+      tables: _tables
+    } = _props;
+    const {
+      chart: _chart
+    } = _chartRecordsParams || {};
+    const _table = _chart ? (0, _dtableUtils.getTableById)(_tables, _chart.config.table_id) : null;
+    const {
+      isExactSearch: _isExactSearch,
+      searchParticipateColumns: _searchParticipateColumns
+    } = this.initSearchSettings(_chart, _table);
     this.state = {
       loading: true,
       title: '',
       rows: [],
       idRowMap: {},
       searchVal: '',
-      searchedRowsIds: []
+      searchedRowsIds: [],
+      isExactSearch: _isExactSearch,
+      searchParticipateColumns: _searchParticipateColumns,
+      isShowExactMatch: _isExactSearch,
+      isShowSearchHidePopover: false
     };
     this.table = null;
     this.valueChanged = false;
     this.renderedColumns = [];
     this.formulaRows = null;
+    this.searchedRowsCache = {
+      searchedRowsIds: null,
+      rows: null,
+      result: []
+    };
   }
   componentDidMount() {
     const {
@@ -348,10 +473,17 @@ class StatisticRecordDialog extends _react.default.Component {
     this.unsubscribeExpandRowDeleted && this.unsubscribeExpandRowDeleted();
   }
   render() {
+    var _this$table, _this$table2, _this$table2$columns, _this$table2$columns$;
     const {
       loading,
-      title
+      title,
+      isExactSearch,
+      searchParticipateColumns,
+      isShowExactMatch,
+      isShowSearchHidePopover
     } = this.state;
+    const searchableColumns = (((_this$table = this.table) === null || _this$table === void 0 ? void 0 : _this$table.columns) || []).filter(col => _search.SUPPORT_SEARCH_COLUMN_TYPES.includes(col.type));
+    const nameColumnKey = (_this$table2 = this.table) === null || _this$table2 === void 0 ? void 0 : (_this$table2$columns = _this$table2.columns) === null || _this$table2$columns === void 0 ? void 0 : (_this$table2$columns$ = _this$table2$columns[0]) === null || _this$table2$columns$ === void 0 ? void 0 : _this$table2$columns$.key;
     return /*#__PURE__*/_react.default.createElement(_reactstrap.Modal, {
       isOpen: true,
       autoFocus: false,
@@ -384,9 +516,40 @@ class StatisticRecordDialog extends _react.default.Component {
           }, /*#__PURE__*/_react.default.createElement("i", {
             className: "dtable-font dtable-icon-x-"
           }));
+        },
+        ExactMatchIndicator: () => {
+          return /*#__PURE__*/_react.default.createElement("span", {
+            className: "clear-search-text exact-match-search-text"
+          }, /*#__PURE__*/_react.default.createElement("div", {
+            className: "right-exact-button",
+            onClick: this.onToggleShowExactMatch
+          }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+            symbol: "exact-match"
+          })));
         }
       }
-    })), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
+    })), isShowExactMatch && /*#__PURE__*/_react.default.createElement("div", {
+      className: "search-settings-container d-flex align-items-center"
+    }, /*#__PURE__*/_react.default.createElement(_DTableSwitch2.default, {
+      size: "sm",
+      switchPosition: "left",
+      checked: isExactSearch,
+      placeholder: _intl.default.get('Exact_match'),
+      onChange: this.onChangeExactSearch
+    }), /*#__PURE__*/_react.default.createElement("span", {
+      className: "toolbar-btn exact-search-columns",
+      id: "statistic-search-hide-column",
+      onClick: this.toggleSearchHidePopover
+    }, /*#__PURE__*/_react.default.createElement(_icon.default, {
+      symbol: "field-set"
+    }), /*#__PURE__*/_react.default.createElement("span", null, _intl.default.get('Searchable_columns')))), isShowSearchHidePopover && /*#__PURE__*/_react.default.createElement(_hideColumnPopover.default, {
+      columns: searchableColumns,
+      ignoreColumnsKeys: nameColumnKey ? [nameColumnKey] : [],
+      target: "statistic-search-hide-column",
+      shownColumnKeys: searchParticipateColumns,
+      modifyHiddenColumns: this.modifySearchParticipateColumns,
+      onPopoverToggle: this.toggleSearchHidePopover
+    }), /*#__PURE__*/_react.default.createElement(_reactstrap.ModalBody, {
       className: "sea-chart-statistic-records-container"
     }, loading ? /*#__PURE__*/_react.default.createElement("div", {
       className: "d-flex py-8"

package/dist/locale/lang/de.js

@@ -259,6 +259,10 @@ const de = {
   "Use_default_color": "Standardfarbe verwenden",
   "Use_colors_in_single_select_solumn": "Verwenden Sie Farben in einer einzelnen Auswahlspalte",
   "Search_records": "Einträge suchen",
+  "Exact_match": "Exakte Übereinstimmung",
+  "Searchable_columns": "Durchsuchbare Spalten",
+  "Clear_search_text": "Suchtext leeren",
+  "No_columns_available_to_be_hidden": "Es können keine Spalten ausgeblendet werden.",
   "Please_select_a_grouping_column": "Bitte Gruppierungsspalte auswählen",
   "View": "Sicht",
   "Funnel": "Trichterdiagramm",

package/dist/locale/lang/en.js

@@ -259,6 +259,10 @@ const en = {
   "Use_default_color": "Use default color",
   "Use_colors_in_single_select_solumn": "Use colors in single select column",
   "Search_records": "Search records",
+  "Exact_match": "Exact match",
+  "Searchable_columns": "Searchable columns",
+  "Clear_search_text": "Clear search text",
+  "No_columns_available_to_be_hidden": "No columns available to be hidden.",
   "Please_select_a_grouping_column": "Please select grouping column",
   "View": "View",
   "Funnel": "Funnel",

package/dist/locale/lang/es.js

@@ -259,6 +259,10 @@ const es = {
   "Use_default_color": "Use default color",
   "Use_colors_in_single_select_solumn": "Use colors in single select column",
   "Search_records": "Search records",
+  "Exact_match": "Coincidencia exacta",
+  "Searchable_columns": "Columnas de búsqueda",
+  "Clear_search_text": "Limpiar texto de búsqueda",
+  "No_columns_available_to_be_hidden": "No hay columnas disponibles para ocultar.",
   "Please_select_a_grouping_column": "Please select grouping column",
   "View": "View",
   "Funnel": "Funnel",

package/dist/locale/lang/fr.js

@@ -259,6 +259,10 @@ const fr = {
   "Use_default_color": "Utiliser la couleur par défaut",
   "Use_colors_in_single_select_solumn": "Utiliser les couleurs dans une colonne de sélection unique",
   "Search_records": "Rechercher des enregistrements",
+  "Exact_match": "Correspondence exacte",
+  "Searchable_columns": "Colonnes de recherche",
+  "Clear_search_text": "Effacer le texte de recherche",
+  "No_columns_available_to_be_hidden": "Aucune colonne ne peut être masquée.",
   "Please_select_a_grouping_column": "Veuillez sélectionner la colonne de regroupement",
   "View": "Voir",
   "Funnel": "Entonnoir",

package/dist/locale/lang/pt.js

@@ -259,6 +259,10 @@ const pt = {
   "Use_default_color": "Use default color",
   "Use_colors_in_single_select_solumn": "Use colors in single select column",
   "Search_records": "Search records",
+  "Exact_match": "Correspondência exacta",
+  "Searchable_columns": "Colunas pesquisáveis",
+  "Clear_search_text": "Limpar texto de pesquisa",
+  "No_columns_available_to_be_hidden": "Nenhuma coluna disponível para ser ocultada.",
   "Please_select_a_grouping_column": "Please select grouping column",
   "View": "View",
   "Funnel": "Funnel",

package/dist/locale/lang/ru.js

@@ -259,6 +259,10 @@ const ru = {
   "Use_default_color": "Use default color",
   "Use_colors_in_single_select_solumn": "Use colors in single select column",
   "Search_records": "Search records",
+  "Exact_match": "Точное соответствие",
+  "Searchable_columns": "Поиск столбцов",
+  "Clear_search_text": "Очистить текст поиска",
+  "No_columns_available_to_be_hidden": "Нет доступных столбцов для скрытия",
   "Please_select_a_grouping_column": "Please select grouping column",
   "View": "View",
   "Funnel": "Funnel",

package/dist/locale/lang/zh_CN.js

@@ -259,6 +259,10 @@ const zh_CN = {
   "Use_default_color": "使用默认颜色",
   "Use_colors_in_single_select_solumn": "使用列中的选项颜色",
   "Search_records": "搜索记录",
+  "Exact_match": "精确匹配",
+  "Searchable_columns": "可搜索的列",
+  "Clear_search_text": "清除搜索文本",
+  "No_columns_available_to_be_hidden": "没有列可以被隐藏。",
   "Please_select_a_grouping_column": "请选择一个分组列",
   "View": "视图",
   "Funnel": "漏斗图",

package/dist/utils/search.js

@@ -4,12 +4,13 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.searchRows = void 0;
+exports.searchRowsByExactVal = exports.searchRows = exports.SUPPORT_SEARCH_COLUMN_TYPES = void 0;
 var _dayjs = _interopRequireDefault(require("dayjs"));
-var _context = _interopRequireDefault(require("../context"));
 var _dtableUtils = require("dtable-utils");
+var _context = _interopRequireDefault(require("../context"));
 var _columnUtils = require("./column-utils");
-const SUPPORT_SEARCH_COLUMN_TYPES = [_dtableUtils.CellType.DATE, _dtableUtils.CellType.TEXT, _dtableUtils.CellType.LONG_TEXT, _dtableUtils.CellType.NUMBER, _dtableUtils.CellType.URL, _dtableUtils.CellType.EMAIL, _dtableUtils.CellType.SINGLE_SELECT, _dtableUtils.CellType.CTIME, _dtableUtils.CellType.MTIME, _dtableUtils.CellType.MULTIPLE_SELECT, _dtableUtils.CellType.LAST_MODIFIER, _dtableUtils.CellType.CREATOR, _dtableUtils.CellType.COLLABORATOR, _dtableUtils.CellType.LINK, _dtableUtils.CellType.FORMULA, _dtableUtils.CellType.LINK_FORMULA, _dtableUtils.CellType.AUTO_NUMBER, _dtableUtils.CellType.GEOLOCATION, _dtableUtils.CellType.DURATION];
+var _cellFormatUtils = require("./cell-format-utils");
+const SUPPORT_SEARCH_COLUMN_TYPES = exports.SUPPORT_SEARCH_COLUMN_TYPES = [_dtableUtils.CellType.DATE, _dtableUtils.CellType.TEXT, _dtableUtils.CellType.LONG_TEXT, _dtableUtils.CellType.NUMBER, _dtableUtils.CellType.URL, _dtableUtils.CellType.EMAIL, _dtableUtils.CellType.SINGLE_SELECT, _dtableUtils.CellType.CTIME, _dtableUtils.CellType.MTIME, _dtableUtils.CellType.MULTIPLE_SELECT, _dtableUtils.CellType.LAST_MODIFIER, _dtableUtils.CellType.CREATOR, _dtableUtils.CellType.COLLABORATOR, _dtableUtils.CellType.LINK, _dtableUtils.CellType.FORMULA, _dtableUtils.CellType.LINK_FORMULA, _dtableUtils.CellType.AUTO_NUMBER, _dtableUtils.CellType.GEOLOCATION, _dtableUtils.CellType.DURATION];
 const searchRows = (rows, columns, val, processRow) => {
   let dtableCollaborators = _context.default.getCollaboratorFromCache() || [];
   let collaborators = _context.default.collaborators || [];
@@ -71,4 +72,35 @@ const searchRows = (rows, columns, val, processRow) => {
   });
   return searchResult;
 };
-exports.searchRows = searchRows;
+exports.searchRows = searchRows;
+const searchRowsByExactVal = function (searchValue) {
+  let rows = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];
+  let columns = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : [];
+  let {
+    formulaRows = {}
+  } = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : {};
+  // search matched rows from support columns
+  const validColumns = columns.filter(column => SUPPORT_SEARCH_COLUMN_TYPES.includes(column.type));
+  if (!Array.isArray(rows) || rows.length === 0) return [];
+  if (!searchValue) return rows;
+  const collaborators = [...(_context.default.getCollaboratorsFromCache() || []), ...(_context.default.collaborators || [])];
+  return rows.filter(row => {
+    for (const column of validColumns) {
+      const {
+        key,
+        type,
+        data
+      } = column;
+      const formattedCellValue = (0, _cellFormatUtils.getClientCellValueDisplayString)(row, type, key, {
+        formulaRows,
+        data,
+        collaborators
+      });
+      if (formattedCellValue && formattedCellValue.trim() && formattedCellValue.toLowerCase() === searchValue) {
+        return true;
+      }
+    }
+    return false;
+  });
+};
+exports.searchRowsByExactVal = searchRowsByExactVal;

package/dist/view/index.js

@@ -146,7 +146,10 @@ class View extends _react.default.PureComponent {
       isCalculateByView,
       autoRefresh,
       refreshInterval,
-      pageId
+      pageId,
+      hasUnSaved,
+      chart,
+      tables
     } = this.props;
     this.unsubscribeReFreshChart = _eventBus.default.subscribe(_commonConstants.CommonEventTypes.REFRESH_CHARTS, this.refreshChart);
 
@@ -167,10 +170,7 @@ class View extends _react.default.PureComponent {
         this.calculateStatistic();
       }, refreshInterval * 60000);
     }
-    const {
-      hasUnSaved
-    } = this.props;
-    if (!hasUnSaved) {
+    if (!hasUnSaved || !_chartUtils.BaseUtils.isValidExistChart(tables, chart)) {
       this.calculateStatistic();
     }
   }
@@ -178,20 +178,20 @@ class View extends _react.default.PureComponent {
     this.unsubscribeReFreshChart();
     this.refreshTimer && clearInterval(this.refreshTimer);
   }
-  componentDidUpdate(nextProps) {
-    const {
-      chart: oldChart,
-      hasUnSaved,
-      version
-    } = this.props;
+  componentDidUpdate(prevProps) {
     const {
       chart,
-      hasUnSaved: nextUnSaved,
-      version: nextVersion,
+      hasUnSaved,
+      version,
       autoRefresh,
       refreshInterval,
       pageId
-    } = nextProps;
+    } = this.props;
+    const {
+      chart: oldChart,
+      hasUnSaved: prevHasUnSaved,
+      version: prevVersion
+    } = prevProps;
     const {
       data
     } = this.state;
@@ -216,32 +216,32 @@ class View extends _react.default.PureComponent {
 
     // universal-apps will not trigger calculation of the chart before the chart config saved
     // after saving, hasUnSaved was set to false, then start calculation
-    const needCalc = hasUnSaved === true && nextUnSaved === false;
+    const needCalc = prevHasUnSaved === true && hasUnSaved === false;
     if (needCalc && !data) {
       this.calculateStatistic();
       return;
     }
 
     // version was used to dectect table change in big screen plugin
-    if ((0, _shallowequal.default)(chart, oldChart) && version === nextVersion) return;
+    if ((0, _shallowequal.default)(chart, oldChart) && version === prevVersion) return;
     this.setState({
       isCalculated: false
     }, () => {
-      if (_chartUtils.BaseUtils.isChartTypeChange(chart, oldChart)) {
+      if (_chartUtils.BaseUtils.isChartTypeChange(oldChart, chart)) {
         this.calculateStatistic();
         return;
       }
-      if (_chartUtils.BaseUtils.isChartViewChange(chart, oldChart)) {
+      if (_chartUtils.BaseUtils.isChartViewChange(oldChart, chart)) {
         this.calculateStatistic();
         return;
       }
-      if (_chartUtils.BaseUtils.isChartStyleChange(chart, oldChart)) {
+      if (_chartUtils.BaseUtils.isChartStyleChange(oldChart, chart)) {
         this.setState({
           isCalculated: true
         });
         return;
       }
-      if (_chartUtils.BaseUtils.isChartSortChange(chart, oldChart)) {
+      if (_chartUtils.BaseUtils.isChartSortChange(oldChart, chart)) {
         this.calculateStatistic(false);
         return;
       }
@@ -365,6 +365,11 @@ const propTypes = exports.propTypes = {
   departments: _propTypes.default.array,
   dtableStoreValue: _propTypes.default.object,
   isCalculateByView: _propTypes.default.bool,
+  hasUnSaved: _propTypes.default.bool,
+  pageId: _propTypes.default.string,
+  version: _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.number]),
+  autoRefresh: _propTypes.default.bool,
+  refreshInterval: _propTypes.default.number,
   // event
   integratedEventTypes: _propTypes.default.object,
   integratedEventBus: _propTypes.default.object,