@gingkoo/pandora-metabase 1.0.146 → 1.0.147

package/lib/cjs/components/modules/table-data.js

@@ -24,6 +24,7 @@ var _utils = require("../../utils");
 var _pandoraIcons = require("@gingkoo/pandora-icons");
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 var _itemName = _interopRequireDefault(require("./components/item-name"));
+var _rightClickValue = _interopRequireDefault(require("../right-click-value"));
 var _dialog = require("../dialog");
 var _Wrapper = _interopRequireDefault(require("./components/Wrapper"));
 var _metaIcon = _interopRequireDefault(require("./components/meta-icon"));
@@ -298,14 +299,58 @@ var TableData = function TableData(props) {
             className: "Sqb-NotebookCell",
             children: [meta.isSubquery ? (0, _jsxRuntime.jsx)(_itemName["default"], {
               isError: (0, _utils.isExistsError)(meta.subquery || [], store.existsError),
+              children: (0, _jsxRuntime.jsx)(_rightClickValue["default"], {
+                value: meta,
+                children: (0, _jsxRuntime.jsxs)("div", {
+                  className: (0, _classnames["default"])("Sqb-TableName", {
+                    notSelected: !subQuerySelected
+                  }),
+                  onClick: function onClick() {
+                    showSubQuery(meta.subquery);
+                  },
+                  children: [subQuerySelected && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+                    children: function () {
+                      var showButton = store.tableEnableAlias || tableIsError() && isDel;
+                      var icon = isDel ? (0, _jsxRuntime.jsx)(_pandoraIcons.ExclamationCircleFill, {}) : store.tableEnableAlias ? 'As' : '';
+                      return showButton ? (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
+                        title: (0, _locale.__)(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
+                        children: (0, _jsxRuntime.jsx)(_pandora.Button, {
+                          danger: tableIsError(),
+                          className: (0, _classnames["default"])(':Sqb-TableName-as', {
+                            isError: tableIsError()
+                          }),
+                          shape: 'circle',
+                          style: isDel ? {
+                            fontSize: 18,
+                            backgroundColor: '#fff',
+                            width: 'auto',
+                            height: 'auto'
+                          } : {},
+                          iconOnly: true,
+                          primary: !isDel,
+                          icon: icon,
+                          size: 'small',
+                          onClick: function onClick(e) {
+                            if (store.tableEnableAlias) {
+                              var _meta$table3;
+                              e.stopPropagation();
+                              onChangeTableAlias(((_meta$table3 = meta.table) === null || _meta$table3 === void 0 ? void 0 : _meta$table3.alias) || '');
+                            }
+                          }
+                        })
+                      }) : null;
+                    }()
+                  }), subQuerySelected ? "".concat(((_meta$subquery2 = meta.subquery) === null || _meta$subquery2 === void 0 ? void 0 : _meta$subquery2[0]).table.datasourceName, ".").concat(((_meta$subquery3 = meta.subquery) === null || _meta$subquery3 === void 0 ? void 0 : _meta$subquery3[0]).table.name, " ").concat((_meta$table4 = meta.table) !== null && _meta$table4 !== void 0 && _meta$table4.alias && store.tableEnableAlias ? "as ".concat((_meta$table5 = meta.table) === null || _meta$table5 === void 0 ? void 0 : _meta$table5.alias) : '', " ") : (0, _locale.__)('SqlQueryBuilder.setSubQuery')]
+                })
+              })
+            }) : (0, _jsxRuntime.jsx)(_rightClickValue["default"], {
+              value: meta.table,
               children: (0, _jsxRuntime.jsxs)("div", {
                 className: (0, _classnames["default"])("Sqb-TableName", {
-                  notSelected: !subQuerySelected
+                  notSelected: !selected
                 }),
-                onClick: function onClick() {
-                  showSubQuery(meta.subquery);
-                },
-                children: [subQuerySelected && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
+                onClick: selectTable,
+                children: [selected && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
                   children: function () {
                     var showButton = store.tableEnableAlias || tableIsError() && isDel;
                     var icon = isDel ? (0, _jsxRuntime.jsx)(_pandoraIcons.ExclamationCircleFill, {}) : store.tableEnableAlias ? 'As' : '';
@@ -329,54 +374,16 @@ var TableData = function TableData(props) {
                         size: 'small',
                         onClick: function onClick(e) {
                           if (store.tableEnableAlias) {
-                            var _meta$table3;
+                            var _meta$table6;
                             e.stopPropagation();
-                            onChangeTableAlias(((_meta$table3 = meta.table) === null || _meta$table3 === void 0 ? void 0 : _meta$table3.alias) || '');
+                            onChangeTableAlias(((_meta$table6 = meta.table) === null || _meta$table6 === void 0 ? void 0 : _meta$table6.alias) || '');
                           }
                         }
                       })
                     }) : null;
                   }()
-                }), subQuerySelected ? "".concat(((_meta$subquery2 = meta.subquery) === null || _meta$subquery2 === void 0 ? void 0 : _meta$subquery2[0]).table.datasourceName, ".").concat(((_meta$subquery3 = meta.subquery) === null || _meta$subquery3 === void 0 ? void 0 : _meta$subquery3[0]).table.name, " ").concat((_meta$table4 = meta.table) !== null && _meta$table4 !== void 0 && _meta$table4.alias && store.tableEnableAlias ? "as ".concat((_meta$table5 = meta.table) === null || _meta$table5 === void 0 ? void 0 : _meta$table5.alias) : '', " ") : (0, _locale.__)('SqlQueryBuilder.setSubQuery')]
+                }), selected ? "".concat(meta.table.datasourceName, ".").concat(meta.table.name, " ").concat((_meta$table7 = meta.table) !== null && _meta$table7 !== void 0 && _meta$table7.alias && store.tableEnableAlias ? "as ".concat((_meta$table8 = meta.table) === null || _meta$table8 === void 0 ? void 0 : _meta$table8.alias) : '') : (0, _locale.__)('SqlQueryBuilder.pickTable')]
               })
-            }) : (0, _jsxRuntime.jsxs)("div", {
-              className: (0, _classnames["default"])("Sqb-TableName", {
-                notSelected: !selected
-              }),
-              onClick: selectTable,
-              children: [selected && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
-                children: function () {
-                  var showButton = store.tableEnableAlias || tableIsError() && isDel;
-                  var icon = isDel ? (0, _jsxRuntime.jsx)(_pandoraIcons.ExclamationCircleFill, {}) : store.tableEnableAlias ? 'As' : '';
-                  return showButton ? (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
-                    title: (0, _locale.__)(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
-                    children: (0, _jsxRuntime.jsx)(_pandora.Button, {
-                      danger: tableIsError(),
-                      className: (0, _classnames["default"])(':Sqb-TableName-as', {
-                        isError: tableIsError()
-                      }),
-                      shape: 'circle',
-                      style: isDel ? {
-                        fontSize: 18,
-                        backgroundColor: '#fff',
-                        width: 'auto',
-                        height: 'auto'
-                      } : {},
-                      iconOnly: true,
-                      primary: !isDel,
-                      icon: icon,
-                      size: 'small',
-                      onClick: function onClick(e) {
-                        if (store.tableEnableAlias) {
-                          var _meta$table6;
-                          e.stopPropagation();
-                          onChangeTableAlias(((_meta$table6 = meta.table) === null || _meta$table6 === void 0 ? void 0 : _meta$table6.alias) || '');
-                        }
-                      }
-                    })
-                  }) : null;
-                }()
-              }), selected ? "".concat(meta.table.datasourceName, ".").concat(meta.table.name, " ").concat((_meta$table7 = meta.table) !== null && _meta$table7 !== void 0 && _meta$table7.alias && store.tableEnableAlias ? "as ".concat((_meta$table8 = meta.table) === null || _meta$table8 === void 0 ? void 0 : _meta$table8.alias) : '') : (0, _locale.__)('SqlQueryBuilder.pickTable')]
             }), store.showSubquery && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
               title: (0, _locale.__)('SqlQueryBuilder.switchSubQuery'),
               children: (0, _jsxRuntime.jsx)(_pandora.Button, {

package/lib/cjs/components/modules/union.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { UnionEnum } from '../../store/enum';
 interface PropsType {
     store?: any;
@@ -5,5 +6,5 @@ interface PropsType {
     union: UnionEnum;
     groupIndex: number;
 }
-declare const RowLimit: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const RowLimit: (props: PropsType) => React.JSX.Element;
 export default RowLimit;

package/lib/cjs/components/popup.d.ts

@@ -41,7 +41,7 @@ declare class TriggerInternal extends React.Component<PropsType, StateType> {
     private getContainer;
     private getComponent;
     private didUpdate;
-    render(): import("react/jsx-runtime").JSX.Element | null;
+    render(): React.JSX.Element | null;
 }
 export declare function generateTrigger(PortalComponent: any): typeof TriggerInternal;
 declare const _default: typeof TriggerInternal;

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export type RightClickMenuState = {
+    x: number;
+    y: number;
+    item: any;
+    itemText: string;
+    target: HTMLElement;
+};
+export declare const openSqbRightClickMenu: (store: any, event: React.MouseEvent<HTMLElement>, setMenuState?: (state: RightClickMenuState | null) => void) => void;
+interface SqbRightClickMenuProps {
+    popupZIndex?: number;
+    state?: RightClickMenuState | null;
+    setState?: (state: RightClickMenuState | null) => void;
+}
+declare const SqbRightClickMenu: ({ popupZIndex, state, setState }: SqbRightClickMenuProps) => React.JSX.Element | null;
+export default SqbRightClickMenu;

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

@@ -0,0 +1,179 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.openSqbRightClickMenu = exports["default"] = void 0;
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/typeof"));
+var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _utils = require("../utils");
+var _useProvider = require("../hooks/use-provider");
+var findRightClickTarget = function findRightClickTarget(target) {
+  var element = target instanceof HTMLElement ? target : null;
+  while (element) {
+    var _element$classList, _element$classList2, _element$classList3;
+    if ((_element$classList = element.classList) !== null && _element$classList !== void 0 && _element$classList.contains('Sqb-TableName') || (_element$classList2 = element.classList) !== null && _element$classList2 !== void 0 && _element$classList2.contains(':Sqb-TableName') && !((_element$classList3 = element.classList) !== null && _element$classList3 !== void 0 && _element$classList3.contains('operator-trigger'))) {
+      return element;
+    }
+    element = element.parentElement;
+  }
+  return null;
+};
+var getRightClickTriggerText = function getRightClickTriggerText(element) {
+  return (element.innerText || '').replace(/\s+/g, ' ').trim();
+};
+var getRightClickTriggerValue = function getRightClickTriggerValue(store, element, triggerText) {
+  var valueId = element.getAttribute('data-right-click-id');
+  if (valueId) {
+    var registeredValue = store.getRightClickButtonValue(valueId);
+    if (registeredValue !== undefined && registeredValue !== null) {
+      return registeredValue;
+    }
+  }
+  return triggerText;
+};
+var isEmptyRightClickTriggerValue = function isEmptyRightClickTriggerValue(value) {
+  if (value === undefined || value === null) return true;
+  if (typeof value === 'string') return !value.trim();
+  if (Array.isArray(value)) return value.length === 0;
+  if ((0, _typeof2["default"])(value) === 'object') {
+    if (value.type === 'exists' || value.type === 'notExists') {
+      return !Array.isArray(value.notExists) || value.notExists.length === 0;
+    }
+    if (value.type === 'FORMULA') {
+      return !String(value.name || '').trim();
+    }
+  }
+  return false;
+};
+var openSqbRightClickMenu = exports.openSqbRightClickMenu = function openSqbRightClickMenu(store, event, setMenuState) {
+  var _store$getRightClickM;
+  var rightClickMenu = store.rightClickMenu || [];
+  var onRightClickMenuClick = (_store$getRightClickM = store.getRightClickMenuClick) === null || _store$getRightClickM === void 0 ? void 0 : _store$getRightClickM.call(store);
+  var setState = setMenuState || store.setRightClickMenuState;
+  if (!Array.isArray(rightClickMenu) || rightClickMenu.length === 0 || typeof onRightClickMenuClick !== 'function') {
+    return;
+  }
+  var target = findRightClickTarget(event.target);
+  if (!target || target.classList.contains('notSelected')) {
+    setState(null);
+    return;
+  }
+  var itemText = getRightClickTriggerText(target);
+  var item = getRightClickTriggerValue(store, target, itemText);
+  if (isEmptyRightClickTriggerValue(item)) {
+    setState(null);
+    return;
+  }
+  event.preventDefault();
+  event.stopPropagation();
+  setState({
+    x: event.clientX,
+    y: event.clientY,
+    item: item,
+    itemText: itemText,
+    target: target
+  });
+};
+var SqbRightClickMenu = function SqbRightClickMenu(_ref) {
+  var popupZIndex = _ref.popupZIndex,
+    state = _ref.state,
+    setState = _ref.setState;
+  var store = (0, _useProvider.useStore)();
+  var _store$rightClickMenu = store.rightClickMenu,
+    rightClickMenu = _store$rightClickMenu === void 0 ? [] : _store$rightClickMenu;
+  var rightClickMenuState = state === undefined ? store.rightClickMenuState : state;
+  var setRightClickMenuState = setState || store.setRightClickMenuState;
+  var handleRightClickMenuItem = function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])(_regenerator["default"].mark(function _callee(menuItem) {
+      var _store$getRightClickM2;
+      var onRightClickMenuClick, shouldClose;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            if (!(!rightClickMenuState || menuItem.disabled)) {
+              _context.next = 1;
+              break;
+            }
+            return _context.abrupt("return");
+          case 1:
+            onRightClickMenuClick = (_store$getRightClickM2 = store.getRightClickMenuClick) === null || _store$getRightClickM2 === void 0 ? void 0 : _store$getRightClickM2.call(store);
+            if (!(typeof onRightClickMenuClick !== 'function')) {
+              _context.next = 2;
+              break;
+            }
+            return _context.abrupt("return");
+          case 2:
+            _context.next = 3;
+            return onRightClickMenuClick({
+              item: rightClickMenuState.item,
+              itemText: rightClickMenuState.itemText,
+              menuValue: menuItem.value,
+              menuItem: menuItem,
+              data: (0, _utils.normalizeLegacySummarizeForSave)((0, _utils.splitByUnion)(store.metaList)),
+              target: rightClickMenuState.target
+            });
+          case 3:
+            shouldClose = _context.sent;
+            if (shouldClose === true) {
+              setRightClickMenuState(null);
+            }
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function handleRightClickMenuItem(_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }();
+  (0, _react.useEffect)(function () {
+    if (!rightClickMenuState) return;
+    var closeRightClickMenu = function closeRightClickMenu() {
+      return setRightClickMenuState(null);
+    };
+    window.addEventListener('click', closeRightClickMenu);
+    window.addEventListener('scroll', closeRightClickMenu, true);
+    window.addEventListener('resize', closeRightClickMenu);
+    return function () {
+      window.removeEventListener('click', closeRightClickMenu);
+      window.removeEventListener('scroll', closeRightClickMenu, true);
+      window.removeEventListener('resize', closeRightClickMenu);
+    };
+  }, [rightClickMenuState]);
+  if (!rightClickMenuState) return null;
+  return (0, _jsxRuntime.jsx)("div", {
+    className: 'Sqb-right-click-menu',
+    style: {
+      left: rightClickMenuState.x,
+      top: rightClickMenuState.y,
+      zIndex: popupZIndex ? popupZIndex + 10 : 9999
+    },
+    onClick: function onClick(event) {
+      return event.stopPropagation();
+    },
+    onContextMenu: function onContextMenu(event) {
+      return event.preventDefault();
+    },
+    children: rightClickMenu.map(function (menuItem) {
+      return (0, _jsxRuntime.jsx)("button", {
+        type: 'button',
+        className: (0, _classnames["default"])('Sqb-right-click-menu-item', {
+          disabled: menuItem.disabled
+        }),
+        disabled: menuItem.disabled,
+        onClick: function onClick() {
+          return handleRightClickMenuItem(menuItem);
+        },
+        children: menuItem.label
+      }, menuItem.value);
+    })
+  });
+};
+var _default = exports["default"] = SqbRightClickMenu;

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

@@ -0,0 +1,8 @@
+import React from 'react';
+interface RightClickValueProps {
+    value: any;
+    children: React.ReactElement;
+}
+declare const RightClickValue: ({ value, children }: RightClickValueProps) => React.ReactElement<any, string | React.JSXElementConstructor<any>>;
+export declare const useRightClickValue: (value: any) => string;
+export default RightClickValue;

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

@@ -0,0 +1,33 @@
+"use strict";
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useRightClickValue = exports["default"] = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _useProvider = require("../hooks/use-provider");
+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 RightClickValue = function RightClickValue(_ref) {
+  var value = _ref.value,
+    children = _ref.children;
+  var valueId = useRightClickValue(value);
+  return _react["default"].cloneElement(children, {
+    'data-right-click-id': valueId
+  });
+};
+var useRightClickValue = exports.useRightClickValue = function useRightClickValue(value) {
+  var store = (0, _useProvider.useStore)();
+  var valueIdRef = (0, _react.useRef)();
+  if (!valueIdRef.current) {
+    valueIdRef.current = "sqb-right-click-".concat(Math.random().toString(36).slice(2));
+  }
+  (0, _react.useEffect)(function () {
+    store.setRightClickButtonValue(valueIdRef.current, value);
+    return function () {
+      store.removeRightClickButtonValue(valueIdRef.current);
+    };
+  }, [store, value]);
+  return valueIdRef.current;
+};
+var _default = exports["default"] = RightClickValue;

package/lib/cjs/hooks/use-provider.d.ts

@@ -6,6 +6,6 @@ interface ProviderProps {
     value: ContextProps;
     children: React.ReactNode;
 }
-export declare const Provider: ({ value, children }: ProviderProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Provider: ({ value, children }: ProviderProps) => React.JSX.Element;
 export declare const useStore: any;
 export {};

package/lib/cjs/hooks/use-state.js

@@ -194,38 +194,67 @@ var useStore = function useStore() {
     _useState64 = (0, _slicedToArray2["default"])(_useState63, 2),
     showFormulaDiff = _useState64[0],
     setShowFormulaDiff = _useState64[1];
-  var _useState65 = (0, _react.useState)(false),
+  var _useState65 = (0, _react.useState)(true),
     _useState66 = (0, _slicedToArray2["default"])(_useState65, 2),
-    hasFormulaSqlCode = _useState66[0],
-    setHasFormulaSqlCode = _useState66[1];
+    matchBrackets = _useState66[0],
+    setMatchBrackets = _useState66[1];
   var _useState67 = (0, _react.useState)(false),
     _useState68 = (0, _slicedToArray2["default"])(_useState67, 2),
-    hasFormulaDiffCode = _useState68[0],
-    setHasFormulaDiffCode = _useState68[1];
-  var _useState69 = (0, _react.useState)([]),
+    hasFormulaSqlCode = _useState68[0],
+    setHasFormulaSqlCode = _useState68[1];
+  var _useState69 = (0, _react.useState)(false),
     _useState70 = (0, _slicedToArray2["default"])(_useState69, 2),
-    sourceData = _useState70[0],
-    setSourceData = _useState70[1];
-  var _useState71 = (0, _react.useState)(false),
+    hasFormulaDiffCode = _useState70[0],
+    setHasFormulaDiffCode = _useState70[1];
+  var _useState71 = (0, _react.useState)([]),
     _useState72 = (0, _slicedToArray2["default"])(_useState71, 2),
-    moduleCopy = _useState72[0],
-    setModuleCopy = _useState72[1];
+    sourceData = _useState72[0],
+    setSourceData = _useState72[1];
   var _useState73 = (0, _react.useState)(false),
     _useState74 = (0, _slicedToArray2["default"])(_useState73, 2),
-    isMetabaseCopy = _useState74[0],
-    setIsMetabaseCopy = _useState74[1];
+    moduleCopy = _useState74[0],
+    setModuleCopy = _useState74[1];
   var _useState75 = (0, _react.useState)(false),
     _useState76 = (0, _slicedToArray2["default"])(_useState75, 2),
-    joinAliasConflictCheck = _useState76[0],
-    setJoinAliasConflictCheck = _useState76[1];
-  var _useState77 = (0, _react.useState)([]),
+    isMetabaseCopy = _useState76[0],
+    setIsMetabaseCopy = _useState76[1];
+  var _useState77 = (0, _react.useState)(false),
     _useState78 = (0, _slicedToArray2["default"])(_useState77, 2),
-    existsError = _useState78[0],
-    setExistsError = _useState78[1];
-  var _useState79 = (0, _react.useState)(_storage["default"]._metabaseCopyModule || []),
+    joinAliasConflictCheck = _useState78[0],
+    setJoinAliasConflictCheck = _useState78[1];
+  var _useState79 = (0, _react.useState)([]),
     _useState80 = (0, _slicedToArray2["default"])(_useState79, 2),
-    metabaseCopyModule = _useState80[0],
-    setMetabaseCopyModule = _useState80[1];
+    existsError = _useState80[0],
+    setExistsError = _useState80[1];
+  var rightClickButtonValueMap = (0, _react.useRef)({});
+  var _useState81 = (0, _react.useState)([]),
+    _useState82 = (0, _slicedToArray2["default"])(_useState81, 2),
+    rightClickMenu = _useState82[0],
+    setRightClickMenu = _useState82[1];
+  var _useState83 = (0, _react.useState)(null),
+    _useState84 = (0, _slicedToArray2["default"])(_useState83, 2),
+    rightClickMenuState = _useState84[0],
+    setRightClickMenuState = _useState84[1];
+  var rightClickMenuClickRef = (0, _react.useRef)();
+  var _useState85 = (0, _react.useState)(_storage["default"]._metabaseCopyModule || []),
+    _useState86 = (0, _slicedToArray2["default"])(_useState85, 2),
+    metabaseCopyModule = _useState86[0],
+    setMetabaseCopyModule = _useState86[1];
+  var setRightClickMenuClick = function setRightClickMenuClick(fn) {
+    rightClickMenuClickRef.current = fn;
+  };
+  var getRightClickMenuClick = function getRightClickMenuClick() {
+    return rightClickMenuClickRef.current;
+  };
+  var setRightClickButtonValue = function setRightClickButtonValue(id, value) {
+    rightClickButtonValueMap.current[id] = value;
+  };
+  var removeRightClickButtonValue = function removeRightClickButtonValue(id) {
+    delete rightClickButtonValueMap.current[id];
+  };
+  var getRightClickButtonValue = function getRightClickButtonValue(id) {
+    return rightClickButtonValueMap.current[id];
+  };
   var setFormulaTemplates = function setFormulaTemplates(data) {
     var newData = data === null || data === void 0 ? void 0 : data.map(function (v) {
       var children = v.children.map(function (vv) {
@@ -1094,6 +1123,8 @@ var useStore = function useStore() {
     setShowFormulaSql: setShowFormulaSql,
     showFormulaDiff: showFormulaDiff,
     setShowFormulaDiff: setShowFormulaDiff,
+    matchBrackets: matchBrackets,
+    setMatchBrackets: setMatchBrackets,
     hasFormulaSqlCode: hasFormulaSqlCode,
     hasFormulaDiffCode: hasFormulaDiffCode,
     sourceData: sourceData,
@@ -1117,7 +1148,16 @@ var useStore = function useStore() {
     setExistsErrorFn: setExistsErrorFn,
     existsError: existsError,
     joinAliasConflictCheck: joinAliasConflictCheck,
-    setJoinAliasConflictCheck: setJoinAliasConflictCheck
+    setJoinAliasConflictCheck: setJoinAliasConflictCheck,
+    setRightClickButtonValue: setRightClickButtonValue,
+    removeRightClickButtonValue: removeRightClickButtonValue,
+    getRightClickButtonValue: getRightClickButtonValue,
+    rightClickMenu: rightClickMenu,
+    setRightClickMenu: setRightClickMenu,
+    rightClickMenuState: rightClickMenuState,
+    setRightClickMenuState: setRightClickMenuState,
+    setRightClickMenuClick: setRightClickMenuClick,
+    getRightClickMenuClick: getRightClickMenuClick
   };
 };
 var _default = exports["default"] = useStore;

package/lib/cjs/index.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import './locale/en';
 import './locale/zh';
-import type { MetabaseProps, SqlVisionBuilderRef, DatasourceType } from './types';
+import type { MetabaseProps, SqlVisionBuilderRef, DatasourceType, MetabaseRightClickMenuItem, MetabaseRightClickMenuClickParams } from './types';
 import type { MetaListType, ToolbarType } from './store/types';
 declare const SqlVisionBuilder: React.ForwardRefExoticComponent<MetabaseProps & React.RefAttributes<SqlVisionBuilderRef>>;
 export default SqlVisionBuilder;
-export { MetabaseProps, DatasourceType, MetaListType, ToolbarType, SqlVisionBuilderRef };
+export { MetabaseProps, DatasourceType, MetaListType, ToolbarType, SqlVisionBuilderRef, MetabaseRightClickMenuItem, MetabaseRightClickMenuClickParams, };

package/lib/cjs/index.js

@@ -81,6 +81,8 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     showFormulaSql = _props$showFormulaSql === void 0 ? true : _props$showFormulaSql,
     _props$showFormulaDif = props.showFormulaDiff,
     showFormulaDiff = _props$showFormulaDif === void 0 ? true : _props$showFormulaDif,
+    _props$matchBrackets = props.matchBrackets,
+    matchBrackets = _props$matchBrackets === void 0 ? true : _props$matchBrackets,
     _props$joinAliasConfl = props.joinAliasConflictCheck,
     joinAliasConflictCheck = _props$joinAliasConfl === void 0 ? false : _props$joinAliasConfl,
     _props$operatorList = props.operatorList,
@@ -133,11 +135,12 @@ var SqlVisionBuilder = _react["default"].forwardRef(function (props, ref) {
     store.setModuleDiff(moduleDiff);
     store.setShowFormulaSql(showFormulaSql);
     store.setShowFormulaDiff(showFormulaDiff);
+    store.setMatchBrackets(matchBrackets);
     store.setIsSubquery(isSubquery);
     store.setModuleCopy(moduleCopy);
     store.setJoinAliasConflictCheck(joinAliasConflictCheck);
     store.setOperatorList(operatorList || []);
-  }, [showFields, fieldNameTpl, tableNameTpl, toolbar, showSubquery, subShowSubquery, constantList, formulaTemplates, ignoreGroupByType, filterCustomType, isExit, tableEnableAlias, fieldEnableAlias, groupByEnableAlias, isSelectFields, tableFlat, copyType, metabaseCopy, moduleDiff, showFormulaSql, showFormulaDiff, getFormulaSqlCode, getFormulaDiffCode, isSubquery, moduleCopy, joinAliasConflictCheck, operatorList]);
+  }, [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 {
       reset: function reset() {

package/lib/cjs/types.d.ts

@@ -26,6 +26,20 @@ export interface FormulaDiffCodeParams {
     oldCode: AtomsItem[];
     newCode: AtomsItem[];
 }
+export interface MetabaseRightClickMenuItem {
+    label: React.ReactNode;
+    value: React.Key;
+    disabled?: boolean;
+    [key: string]: any;
+}
+export interface MetabaseRightClickMenuClickParams {
+    item: any;
+    itemText: string;
+    menuValue: React.Key;
+    menuItem: MetabaseRightClickMenuItem;
+    data: MetaListType[];
+    target?: HTMLElement;
+}
 export interface MetabaseProps {
     loading?: boolean;
     btnText?: string;
@@ -69,6 +83,9 @@ export interface MetabaseProps {
     moduleCopy?: boolean;
     showFormulaSql?: boolean;
     showFormulaDiff?: boolean;
+    matchBrackets?: boolean;
+    rightClickMenu?: MetabaseRightClickMenuItem[];
+    onRightClickMenuClick?: (params: MetabaseRightClickMenuClickParams) => boolean | void | Promise<boolean | void>;
     joinAliasConflictCheck?: boolean;
     getModuleDiffCode?: (obj: {
         oldCode: MetaListType;

package/lib/es/common/Loading/index.d.ts

@@ -1,6 +1,7 @@
 import './index.less';
+import React from 'react';
 declare const Loading: ({ show, msg }: {
     show: boolean;
     msg?: string;
-}) => import("react/jsx-runtime").JSX.Element | null;
+}) => React.JSX.Element | null;
 export default Loading;

package/lib/es/components/dialog/custom-column/dialog/function-tip.d.ts

@@ -1,7 +1,8 @@
 import './function-tip.less';
+import React from 'react';
 interface PropsType {
     funcName: string;
     didUpdate?: Function;
 }
-declare const FunctionTip: ({ funcName }: PropsType) => import("react/jsx-runtime").JSX.Element | null;
+declare const FunctionTip: ({ funcName }: PropsType) => React.JSX.Element | null;
 export default FunctionTip;

package/lib/es/components/dialog/custom-column/dialog/select-list.d.ts

@@ -1,4 +1,5 @@
 import './select-list.less';
+import React from 'react';
 import { OptionsTypeEnum } from '../expressions/suggest';
 export interface ListProps {
     type: OptionsTypeEnum;
@@ -10,5 +11,5 @@ export interface PropsType {
     onSelect: (type: OptionsTypeEnum, val: string) => any;
     didUpdate?: Function;
 }
-declare const SelectList: ({ data, onSelect }: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const SelectList: ({ data, onSelect }: PropsType) => React.JSX.Element;
 export default SelectList;

package/lib/es/components/dialog/custom-column/expression-editor.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { MetaData_ColumnsType } from '../../../store/types';
 interface PropsType {
     store?: any;
@@ -5,5 +6,5 @@ interface PropsType {
     expression: string;
     onChange: (formula: string) => void;
 }
-declare const ExpressionEditor: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const ExpressionEditor: (props: PropsType) => React.JSX.Element;
 export default ExpressionEditor;

package/lib/es/components/dialog/custom-column/index.d.ts

@@ -1,4 +1,5 @@
 import './index.less';
+import React from 'react';
 import { MetaCustom_Item, MetaData_ColumnsType } from '../../../store/types';
 interface PropsType {
     value: MetaCustom_Item;
@@ -6,5 +7,5 @@ interface PropsType {
     onChange: (record: MetaCustom_Item) => void;
     onClose: Function;
 }
-declare const CustomColumn: ({ value, data, onChange, onClose }: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const CustomColumn: ({ value, data, onChange, onClose }: PropsType) => React.JSX.Element;
 export default CustomColumn;