@gingkoo/pandora-metabase 1.0.149 → 1.0.151

package/lib/cjs/components/dialog/select-table/index.js

@@ -22,6 +22,19 @@ var _Loading = _interopRequireDefault(require("../../../common/Loading"));
 var _locale = require("../../../locale");
 var _icons = require("../../icons");
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+var EMPTY_ARRAY = [];
+function isStringArrayEqual(left, right) {
+  return left.length === right.length && left.every(function (item, index) {
+    return item === right[index];
+  });
+}
+function isSelectedTableTypesMapEqual(left, right) {
+  var leftKeys = Object.keys(left);
+  var rightKeys = Object.keys(right);
+  return isStringArrayEqual(leftKeys, rightKeys) && leftKeys.every(function (key) {
+    return isStringArrayEqual(left[key] || [], right[key] || []);
+  });
+}
 function focusWithoutScroll(input) {
   if (!input) return;
   setTimeout(function () {
@@ -78,9 +91,9 @@ function filterDatasourceTable(sourceTable, searchVal, selectedTableTypesMap) {
 }
 var SelectTable = function SelectTable(_ref) {
   var _ref$data = _ref.data,
-    data = _ref$data === void 0 ? [] : _ref$data,
+    data = _ref$data === void 0 ? EMPTY_ARRAY : _ref$data,
     _ref$sourceTable = _ref.sourceTable,
-    sourceTable = _ref$sourceTable === void 0 ? [] : _ref$sourceTable,
+    sourceTable = _ref$sourceTable === void 0 ? EMPTY_ARRAY : _ref$sourceTable,
     value = _ref.value,
     _ref$onChange = _ref.onChange,
     onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
@@ -188,21 +201,25 @@ var SelectTable = function SelectTable(_ref) {
   }, [sourceTable, flatSearchVal, selectedFlatTableTypes]);
   (0, _react.useEffect)(function () {
     setSelectedTableTypes(function (prev) {
-      return prev.filter(function (v) {
+      var next = prev.filter(function (v) {
         return tableTypeOptions.includes(v);
       });
+      return isStringArrayEqual(prev, next) ? prev : next;
     });
   }, [tableTypeOptions]);
   (0, _react.useEffect)(function () {
     setSelectedFlatTableTypes(function (prev) {
       var next = Object.keys(flatTableTypeOptions).reduce(function (mo, datasourceId) {
         var selected = prev[datasourceId] || [];
-        mo[datasourceId] = selected.filter(function (v) {
+        var nextSelected = selected.filter(function (v) {
           return flatTableTypeOptions[datasourceId].includes(v);
         });
+        if (nextSelected.length) {
+          mo[datasourceId] = nextSelected;
+        }
         return mo;
       }, {});
-      return next;
+      return isSelectedTableTypesMapEqual(prev, next) ? prev : next;
     });
   }, [flatTableTypeOptions]);
   function onInput(e) {

package/lib/cjs/components/metabase/index.js

@@ -29,6 +29,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 var VisualBox = _styledComponents["default"].div.attrs({
   className: 'visual-box scroller'
 })(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
+var EMPTY_ARRAY = [];
 var Metabase = function Metabase(props) {
   var _props$btnText = props.btnText,
     btnText = _props$btnText === void 0 ? '' : _props$btnText,
@@ -39,7 +40,7 @@ var Metabase = function Metabase(props) {
     moduleCopy = props.moduleCopy,
     popupZIndex = props.popupZIndex,
     _props$rightClickMenu = props.rightClickMenu,
-    rightClickMenu = _props$rightClickMenu === void 0 ? [] : _props$rightClickMenu,
+    rightClickMenu = _props$rightClickMenu === void 0 ? EMPTY_ARRAY : _props$rightClickMenu,
     onRightClickMenuClick = props.onRightClickMenuClick;
   var store = (0, _useProvider.useStore)();
   var _useState = (0, _react.useState)(false),
@@ -158,7 +159,7 @@ var Metabase = function Metabase(props) {
     };
   }();
   (0, _react.useEffect)(function () {
-    store.setRightClickMenu(rightClickMenu || []);
+    store.setRightClickMenu(rightClickMenu || EMPTY_ARRAY);
     store.setRightClickMenuClick(onRightClickMenuClick);
   }, [rightClickMenu, onRightClickMenuClick]);
   var copy = function copy() {

package/lib/cjs/components/right-click-menu.d.ts

@@ -12,5 +12,5 @@ interface SqbRightClickMenuProps {
     state?: RightClickMenuState | null;
     setState?: (state: RightClickMenuState | null) => void;
 }
-declare const SqbRightClickMenu: ({ popupZIndex, state, setState }: SqbRightClickMenuProps) => React.JSX.Element | null;
+declare const SqbRightClickMenu: ({ popupZIndex, state, setState }: SqbRightClickMenuProps) => React.ReactPortal | null;
 export default SqbRightClickMenu;

package/lib/cjs/components/right-click-menu.js

@@ -7,12 +7,15 @@ Object.defineProperty(exports, "__esModule", {
 exports.openSqbRightClickMenu = exports["default"] = void 0;
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
 var _jsxRuntime = require("react/jsx-runtime");
 var _react = require("react");
+var _reactDom = _interopRequireDefault(require("react-dom"));
 var _classnames = _interopRequireDefault(require("classnames"));
 var _utils = require("../utils");
 var _useProvider = require("../hooks/use-provider");
+var MENU_VIEWPORT_GAP = 8;
 var findRightClickTarget = function findRightClickTarget(target) {
   var element = target instanceof HTMLElement ? target : null;
   while (element) {
@@ -89,6 +92,18 @@ var SqbRightClickMenu = function SqbRightClickMenu(_ref) {
     rightClickMenu = _store$rightClickMenu === void 0 ? [] : _store$rightClickMenu;
   var rightClickMenuState = state === undefined ? store.rightClickMenuState : state;
   var setRightClickMenuState = setState || store.setRightClickMenuState;
+  var menuRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(null),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    menuContainer = _useState2[0],
+    setMenuContainer = _useState2[1];
+  var _useState3 = (0, _react.useState)({
+      left: 0,
+      top: 0
+    }),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    menuPosition = _useState4[0],
+    setMenuPosition = _useState4[1];
   var handleRightClickMenuItem = function () {
     var _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(menuItem) {
       var _store$getRightClickM2;
@@ -147,12 +162,40 @@ var SqbRightClickMenu = function SqbRightClickMenu(_ref) {
       window.removeEventListener('resize', closeRightClickMenu);
     };
   }, [rightClickMenuState]);
+  (0, _react.useEffect)(function () {
+    if (!rightClickMenuState || typeof document === 'undefined') {
+      setMenuContainer(null);
+      return;
+    }
+    var container = document.createElement('div');
+    container.setAttribute('data-sqb-right-click-menu-container', 'true');
+    document.body.appendChild(container);
+    setMenuContainer(container);
+    return function () {
+      if (document.body.contains(container)) {
+        document.body.removeChild(container);
+      }
+    };
+  }, [rightClickMenuState]);
+  (0, _react.useLayoutEffect)(function () {
+    if (!rightClickMenuState) return;
+    var menuElement = menuRef.current;
+    var menuWidth = (menuElement === null || menuElement === void 0 ? void 0 : menuElement.offsetWidth) || 0;
+    var menuHeight = (menuElement === null || menuElement === void 0 ? void 0 : menuElement.offsetHeight) || 0;
+    var maxLeft = Math.max(MENU_VIEWPORT_GAP, window.innerWidth - menuWidth - MENU_VIEWPORT_GAP);
+    var maxTop = Math.max(MENU_VIEWPORT_GAP, window.innerHeight - menuHeight - MENU_VIEWPORT_GAP);
+    setMenuPosition({
+      left: Math.min(Math.max(rightClickMenuState.x, MENU_VIEWPORT_GAP), maxLeft),
+      top: Math.min(Math.max(rightClickMenuState.y, MENU_VIEWPORT_GAP), maxTop)
+    });
+  }, [rightClickMenuState, rightClickMenu.length, menuContainer]);
   if (!rightClickMenuState) return null;
-  return (0, _jsxRuntime.jsx)("div", {
+  var menuNode = (0, _jsxRuntime.jsx)("div", {
+    ref: menuRef,
     className: 'Sqb-right-click-menu',
     style: {
-      left: rightClickMenuState.x,
-      top: rightClickMenuState.y,
+      left: menuPosition.left,
+      top: menuPosition.top,
       zIndex: popupZIndex ? popupZIndex + 10 : 9999
     },
     onClick: function onClick(event) {
@@ -175,5 +218,7 @@ var SqbRightClickMenu = function SqbRightClickMenu(_ref) {
       }, menuItem.value);
     })
   });
+  if (!menuContainer) return null;
+  return _reactDom["default"].createPortal(menuNode, menuContainer);
 };
 var _default = exports["default"] = SqbRightClickMenu;

package/lib/cjs/index.js

@@ -20,6 +20,7 @@ var _utils = require("./utils");
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 var EMPTY_ARRAY = [];
+var DEFAULT_TOOLBAR = ['filter', 'summarize', 'joinData', 'customColumn', 'sort', 'rowLimit'];
 var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
   var _props$loading = props.loading,
     loading = _props$loading === void 0 ? false : _props$loading,
@@ -37,7 +38,7 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     _props$fieldNameTpl = props.fieldNameTpl,
     fieldNameTpl = _props$fieldNameTpl === void 0 ? '${name}' : _props$fieldNameTpl,
     _props$toolbar = props.toolbar,
-    toolbar = _props$toolbar === void 0 ? ['filter', 'summarize', 'joinData', 'customColumn', 'sort', 'rowLimit'] : _props$toolbar,
+    toolbar = _props$toolbar === void 0 ? DEFAULT_TOOLBAR : _props$toolbar,
     _props$value = props.value,
     value = _props$value === void 0 ? EMPTY_ARRAY : _props$value,
     _props$sourceList = props.sourceList,
@@ -120,8 +121,8 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     store.setToolbar(toolbar);
     store.setShowSubquery(showSubquery);
     store._setShowSubquery(subShowSubquery);
-    store.setConstantList(constantList || []);
-    store.setFormulaTemplates(formulaTemplates || []);
+    store.setConstantList(constantList || EMPTY_ARRAY);
+    store.setFormulaTemplates(formulaTemplates || EMPTY_ARRAY);
     store.setIgnoreGroupByType(ignoreGroupByType);
     store.setfilterCustomType(filterCustomType);
     store.setIsExit(isExit);
@@ -130,7 +131,7 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     store.setGroupByEnableAlias(groupByEnableAlias);
     store.setIsSelectFields(isSelectFields);
     store.setTableFlat(tableFlat);
-    store.setCopyType(copyType || []);
+    store.setCopyType(copyType || EMPTY_ARRAY);
     store.setMetabaseCopy(metabaseCopy);
     store.setModuleDiff(moduleDiff);
     store.setShowFormulaSql(showFormulaSql);
@@ -139,7 +140,7 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     store.setIsSubquery(isSubquery);
     store.setModuleCopy(moduleCopy);
     store.setJoinAliasConflictCheck(joinAliasConflictCheck);
-    store.setOperatorList(operatorList || []);
+    store.setOperatorList(operatorList || EMPTY_ARRAY);
   }, [showFields, fieldNameTpl, tableNameTpl, toolbar, showSubquery, subShowSubquery, constantList, formulaTemplates, ignoreGroupByType, filterCustomType, isExit, tableEnableAlias, fieldEnableAlias, groupByEnableAlias, isSelectFields, tableFlat, copyType, metabaseCopy, moduleDiff, showFormulaSql, showFormulaDiff, matchBrackets, getFormulaSqlCode, getFormulaDiffCode, isSubquery, moduleCopy, joinAliasConflictCheck, operatorList]);
   _react["default"].useImperativeHandle(ref, function () {
     return {

package/lib/es/components/dialog/select-table/index.js

@@ -14,6 +14,19 @@ import Loading from '../../../common/Loading';
 import { __ } from '../../../locale';
 import { replaceTpl } from '../../../utils/helper';
 import { TableIcon, SearchIcon, DataSourceIcon, LeftArrowIcon } from '../../icons';
+var EMPTY_ARRAY = [];
+function isStringArrayEqual(left, right) {
+  return left.length === right.length && left.every(function (item, index) {
+    return item === right[index];
+  });
+}
+function isSelectedTableTypesMapEqual(left, right) {
+  var leftKeys = Object.keys(left);
+  var rightKeys = Object.keys(right);
+  return isStringArrayEqual(leftKeys, rightKeys) && leftKeys.every(function (key) {
+    return isStringArrayEqual(left[key] || [], right[key] || []);
+  });
+}
 function focusWithoutScroll(input) {
   if (!input) return;
   setTimeout(function () {
@@ -70,9 +83,9 @@ function filterDatasourceTable(sourceTable, searchVal, selectedTableTypesMap) {
 }
 var SelectTable = function SelectTable(_ref) {
   var _ref$data = _ref.data,
-    data = _ref$data === void 0 ? [] : _ref$data,
+    data = _ref$data === void 0 ? EMPTY_ARRAY : _ref$data,
     _ref$sourceTable = _ref.sourceTable,
-    sourceTable = _ref$sourceTable === void 0 ? [] : _ref$sourceTable,
+    sourceTable = _ref$sourceTable === void 0 ? EMPTY_ARRAY : _ref$sourceTable,
     value = _ref.value,
     _ref$onChange = _ref.onChange,
     onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
@@ -180,21 +193,25 @@ var SelectTable = function SelectTable(_ref) {
   }, [sourceTable, flatSearchVal, selectedFlatTableTypes]);
   useEffect(function () {
     setSelectedTableTypes(function (prev) {
-      return prev.filter(function (v) {
+      var next = prev.filter(function (v) {
         return tableTypeOptions.includes(v);
       });
+      return isStringArrayEqual(prev, next) ? prev : next;
     });
   }, [tableTypeOptions]);
   useEffect(function () {
     setSelectedFlatTableTypes(function (prev) {
       var next = Object.keys(flatTableTypeOptions).reduce(function (mo, datasourceId) {
         var selected = prev[datasourceId] || [];
-        mo[datasourceId] = selected.filter(function (v) {
+        var nextSelected = selected.filter(function (v) {
           return flatTableTypeOptions[datasourceId].includes(v);
         });
+        if (nextSelected.length) {
+          mo[datasourceId] = nextSelected;
+        }
         return mo;
       }, {});
-      return next;
+      return isSelectedTableTypesMapEqual(prev, next) ? prev : next;
     });
   }, [flatTableTypeOptions]);
   function onInput(e) {

package/lib/es/components/metabase/index.js

@@ -20,6 +20,7 @@ import SqbRightClickMenu, { openSqbRightClickMenu } from '../right-click-menu';
 var VisualBox = Styled.div.attrs({
   className: 'visual-box scroller'
 })(_templateObject || (_templateObject = _taggedTemplateLiteral([""])));
+var EMPTY_ARRAY = [];
 var Metabase = function Metabase(props) {
   var _props$btnText = props.btnText,
     btnText = _props$btnText === void 0 ? '' : _props$btnText,
@@ -30,7 +31,7 @@ var Metabase = function Metabase(props) {
     moduleCopy = props.moduleCopy,
     popupZIndex = props.popupZIndex,
     _props$rightClickMenu = props.rightClickMenu,
-    rightClickMenu = _props$rightClickMenu === void 0 ? [] : _props$rightClickMenu,
+    rightClickMenu = _props$rightClickMenu === void 0 ? EMPTY_ARRAY : _props$rightClickMenu,
     onRightClickMenuClick = props.onRightClickMenuClick;
   var store = useStore();
   var _useState = useState(false),
@@ -149,7 +150,7 @@ var Metabase = function Metabase(props) {
     };
   }();
   useEffect(function () {
-    store.setRightClickMenu(rightClickMenu || []);
+    store.setRightClickMenu(rightClickMenu || EMPTY_ARRAY);
     store.setRightClickMenuClick(onRightClickMenuClick);
   }, [rightClickMenu, onRightClickMenuClick]);
   var copy = function copy() {

package/lib/es/components/right-click-menu.d.ts

@@ -12,5 +12,5 @@ interface SqbRightClickMenuProps {
     state?: RightClickMenuState | null;
     setState?: (state: RightClickMenuState | null) => void;
 }
-declare const SqbRightClickMenu: ({ popupZIndex, state, setState }: SqbRightClickMenuProps) => React.JSX.Element | null;
+declare const SqbRightClickMenu: ({ popupZIndex, state, setState }: SqbRightClickMenuProps) => React.ReactPortal | null;
 export default SqbRightClickMenu;

package/lib/es/components/right-click-menu.js

@@ -1,11 +1,14 @@
 import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
 import _typeof from "@babel/runtime/helpers/esm/typeof";
 import _regeneratorRuntime from "@babel/runtime/regenerator";
 import { jsx as _jsx } from "react/jsx-runtime";
-import { useEffect } from 'react';
+import { useEffect, useLayoutEffect, useRef, useState } from 'react';
+import ReactDOM from 'react-dom';
 import cx from 'classnames';
 import { normalizeLegacySummarizeForSave, splitByUnion } from '../utils';
 import { useStore } from '../hooks/use-provider';
+var MENU_VIEWPORT_GAP = 8;
 var findRightClickTarget = function findRightClickTarget(target) {
   var element = target instanceof HTMLElement ? target : null;
   while (element) {
@@ -82,6 +85,18 @@ var SqbRightClickMenu = function SqbRightClickMenu(_ref) {
     rightClickMenu = _store$rightClickMenu === void 0 ? [] : _store$rightClickMenu;
   var rightClickMenuState = state === undefined ? store.rightClickMenuState : state;
   var setRightClickMenuState = setState || store.setRightClickMenuState;
+  var menuRef = useRef(null);
+  var _useState = useState(null),
+    _useState2 = _slicedToArray(_useState, 2),
+    menuContainer = _useState2[0],
+    setMenuContainer = _useState2[1];
+  var _useState3 = useState({
+      left: 0,
+      top: 0
+    }),
+    _useState4 = _slicedToArray(_useState3, 2),
+    menuPosition = _useState4[0],
+    setMenuPosition = _useState4[1];
   var handleRightClickMenuItem = function () {
     var _ref2 = _asyncToGenerator(_regeneratorRuntime.mark(function _callee(menuItem) {
       var _store$getRightClickM2;
@@ -140,12 +155,40 @@ var SqbRightClickMenu = function SqbRightClickMenu(_ref) {
       window.removeEventListener('resize', closeRightClickMenu);
     };
   }, [rightClickMenuState]);
+  useEffect(function () {
+    if (!rightClickMenuState || typeof document === 'undefined') {
+      setMenuContainer(null);
+      return;
+    }
+    var container = document.createElement('div');
+    container.setAttribute('data-sqb-right-click-menu-container', 'true');
+    document.body.appendChild(container);
+    setMenuContainer(container);
+    return function () {
+      if (document.body.contains(container)) {
+        document.body.removeChild(container);
+      }
+    };
+  }, [rightClickMenuState]);
+  useLayoutEffect(function () {
+    if (!rightClickMenuState) return;
+    var menuElement = menuRef.current;
+    var menuWidth = (menuElement === null || menuElement === void 0 ? void 0 : menuElement.offsetWidth) || 0;
+    var menuHeight = (menuElement === null || menuElement === void 0 ? void 0 : menuElement.offsetHeight) || 0;
+    var maxLeft = Math.max(MENU_VIEWPORT_GAP, window.innerWidth - menuWidth - MENU_VIEWPORT_GAP);
+    var maxTop = Math.max(MENU_VIEWPORT_GAP, window.innerHeight - menuHeight - MENU_VIEWPORT_GAP);
+    setMenuPosition({
+      left: Math.min(Math.max(rightClickMenuState.x, MENU_VIEWPORT_GAP), maxLeft),
+      top: Math.min(Math.max(rightClickMenuState.y, MENU_VIEWPORT_GAP), maxTop)
+    });
+  }, [rightClickMenuState, rightClickMenu.length, menuContainer]);
   if (!rightClickMenuState) return null;
-  return _jsx("div", {
+  var menuNode = _jsx("div", {
+    ref: menuRef,
     className: 'Sqb-right-click-menu',
     style: {
-      left: rightClickMenuState.x,
-      top: rightClickMenuState.y,
+      left: menuPosition.left,
+      top: menuPosition.top,
       zIndex: popupZIndex ? popupZIndex + 10 : 9999
     },
     onClick: function onClick(event) {
@@ -168,5 +211,7 @@ var SqbRightClickMenu = function SqbRightClickMenu(_ref) {
       }, menuItem.value);
     })
   });
+  if (!menuContainer) return null;
+  return ReactDOM.createPortal(menuNode, menuContainer);
 };
 export default SqbRightClickMenu;

package/lib/es/index.js

@@ -11,6 +11,7 @@ import Metabase from './components/metabase';
 import { reassembleByUnion, patchData, splitByUnion, normalizeLegacySummarizeForSave, normalizeAndOrStructure } from './utils';
 import cloneDeep from 'lodash/cloneDeep';
 var EMPTY_ARRAY = [];
+var DEFAULT_TOOLBAR = ['filter', 'summarize', 'joinData', 'customColumn', 'sort', 'rowLimit'];
 var SqlVisionBuilder = React.forwardRef(function (props, ref) {
   var _props$loading = props.loading,
     loading = _props$loading === void 0 ? false : _props$loading,
@@ -28,7 +29,7 @@ var SqlVisionBuilder = React.forwardRef(function (props, ref) {
     _props$fieldNameTpl = props.fieldNameTpl,
     fieldNameTpl = _props$fieldNameTpl === void 0 ? '${name}' : _props$fieldNameTpl,
     _props$toolbar = props.toolbar,
-    toolbar = _props$toolbar === void 0 ? ['filter', 'summarize', 'joinData', 'customColumn', 'sort', 'rowLimit'] : _props$toolbar,
+    toolbar = _props$toolbar === void 0 ? DEFAULT_TOOLBAR : _props$toolbar,
     _props$value = props.value,
     value = _props$value === void 0 ? EMPTY_ARRAY : _props$value,
     _props$sourceList = props.sourceList,
@@ -111,8 +112,8 @@ var SqlVisionBuilder = React.forwardRef(function (props, ref) {
     store.setToolbar(toolbar);
     store.setShowSubquery(showSubquery);
     store._setShowSubquery(subShowSubquery);
-    store.setConstantList(constantList || []);
-    store.setFormulaTemplates(formulaTemplates || []);
+    store.setConstantList(constantList || EMPTY_ARRAY);
+    store.setFormulaTemplates(formulaTemplates || EMPTY_ARRAY);
     store.setIgnoreGroupByType(ignoreGroupByType);
     store.setfilterCustomType(filterCustomType);
     store.setIsExit(isExit);
@@ -121,7 +122,7 @@ var SqlVisionBuilder = React.forwardRef(function (props, ref) {
     store.setGroupByEnableAlias(groupByEnableAlias);
     store.setIsSelectFields(isSelectFields);
     store.setTableFlat(tableFlat);
-    store.setCopyType(copyType || []);
+    store.setCopyType(copyType || EMPTY_ARRAY);
     store.setMetabaseCopy(metabaseCopy);
     store.setModuleDiff(moduleDiff);
     store.setShowFormulaSql(showFormulaSql);
@@ -130,7 +131,7 @@ var SqlVisionBuilder = React.forwardRef(function (props, ref) {
     store.setIsSubquery(isSubquery);
     store.setModuleCopy(moduleCopy);
     store.setJoinAliasConflictCheck(joinAliasConflictCheck);
-    store.setOperatorList(operatorList || []);
+    store.setOperatorList(operatorList || EMPTY_ARRAY);
   }, [showFields, fieldNameTpl, tableNameTpl, toolbar, showSubquery, subShowSubquery, constantList, formulaTemplates, ignoreGroupByType, filterCustomType, isExit, tableEnableAlias, fieldEnableAlias, groupByEnableAlias, isSelectFields, tableFlat, copyType, metabaseCopy, moduleDiff, showFormulaSql, showFormulaDiff, matchBrackets, getFormulaSqlCode, getFormulaDiffCode, isSubquery, moduleCopy, joinAliasConflictCheck, operatorList]);
   React.useImperativeHandle(ref, function () {
     return {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@gingkoo/pandora-metabase",
-  "version": "1.0.149",
+  "version": "1.0.151",
   "description": "",
   "main": "lib/es/index.js",
   "module": "lib/es/index.js",