@gingkoo/pandora-metabase 1.0.146 → 1.0.147

package/lib/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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;

package/lib/cjs/components/dialog/custom-column/tokenized-expression.d.ts

@@ -5,6 +5,6 @@ interface PropsType {
     source: string;
 }
 export default class TokenizedExpression extends React.Component<PropsType> {
-    render(): import("react/jsx-runtime").JSX.Element;
+    render(): React.JSX.Element;
 }
 export {};

package/lib/cjs/components/dialog/custom-editor/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
 import { MetaCustom_Item } from '../../../store/types';
 interface PropsType {
@@ -7,5 +8,5 @@ interface PropsType {
     onOk: Function;
     onCancel: Function;
 }
-declare const CaseEditor: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const CaseEditor: (props: PropsType) => React.JSX.Element;
 export default CaseEditor;

package/lib/cjs/components/dialog/expression/index.d.ts

@@ -1,4 +1,5 @@
 import './index.less';
+import React from 'react';
 import { AtomsExpression } from '../../../store/types';
 import { DataType } from '../select-column-multiple';
 interface PropsType {
@@ -11,5 +12,5 @@ interface PropsType {
     filterCustomType?: boolean;
     parentPopupChannel?: 'primary' | 'secondary';
 }
-declare const _default: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const _default: (props: PropsType) => React.JSX.Element;
 export default _default;

package/lib/cjs/components/dialog/formula/index.js

@@ -26,6 +26,8 @@ var _pandora = require("@gingkoo/pandora");
 var _cloneDeep = _interopRequireDefault(require("lodash/cloneDeep"));
 var _useProvider = require("../../../hooks/use-provider");
 var _helperDom = require("../../../utils/helper-dom");
+var _rightClickValue = require("../../right-click-value");
+var _rightClickMenu = _interopRequireWildcard(require("../../right-click-menu"));
 var _templateObject;
 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 VisualBox = _styledComponents["default"].div.attrs({
@@ -80,6 +82,11 @@ var CaseEditor = _react["default"].forwardRef(function (props, ref) {
     });
   }, [currentFormulaKey, currentFormulaTemplate, effectiveArity]);
   var _ref = (0, _react.useRef)(null);
+  var formulaRightClickValueId = (0, _rightClickValue.useRightClickValue)(fun);
+  var _useState5 = (0, _react.useState)(null),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    rightClickMenuState = _useState6[0],
+    setRightClickMenuState = _useState6[1];
   var usable = (0, _react.useMemo)(function () {
     return fun.name && (0, _utils.isOk)(fun.args);
   }, [fun]);
@@ -128,6 +135,9 @@ var CaseEditor = _react["default"].forwardRef(function (props, ref) {
     className: (0, _classnames["default"])(props.className, 'function-box'),
     ref: ref,
     children: [(0, _jsxRuntime.jsx)(VisualBox, {
+      onContextMenu: function onContextMenu(e) {
+        return (0, _rightClickMenu.openSqbRightClickMenu)(store, e, setRightClickMenuState);
+      },
       children: (0, _jsxRuntime.jsx)("div", {
         className: "Sqb-item Sqb-case-editor mb-2 mt-2",
         children: (0, _jsxRuntime.jsxs)("div", {
@@ -159,6 +169,7 @@ var CaseEditor = _react["default"].forwardRef(function (props, ref) {
                       className: (0, _classnames["default"])("Sqb-TableName Sqb-TableName-OPERATOR", {
                         notSelected: !fun.name
                       }),
+                      "data-right-click-id": formulaRightClickValueId,
                       children: (0, _utils2.formulaName)(fun, formulaList) || (0, _locale.__)('customColumn.selectFormula')
                     });
                   },
@@ -246,6 +257,10 @@ var CaseEditor = _react["default"].forwardRef(function (props, ref) {
           })]
         })
       })
+    }), (0, _jsxRuntime.jsx)(_rightClickMenu["default"], {
+      popupZIndex: (0, _helperDom.getTopLayerZIndex)() + 10,
+      state: rightClickMenuState,
+      setState: setRightClickMenuState
     }), (0, _jsxRuntime.jsx)("div", {
       className: "btns p-4",
       children: (0, _jsxRuntime.jsxs)("div", {

package/lib/cjs/components/dialog/formula-list/CaseWhenGroup.d.ts

@@ -24,5 +24,5 @@ type Props = {
     activeRegionKey?: string | null;
     onActivateRegion?: (key: string) => void;
 };
-declare const CaseWhenGroup: ({ caseAtomsContent, whenClauses, elseContent, onAddBranch, onAddElse, onRemoveElse, onZoomCase, onDeleteCase, showTools, isNested, useBranchScrollInner, caseRegionKey, elseRegionKey, activeRegionKey, onActivateRegion, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const CaseWhenGroup: ({ caseAtomsContent, whenClauses, elseContent, onAddBranch, onAddElse, onRemoveElse, onZoomCase, onDeleteCase, showTools, isNested, useBranchScrollInner, caseRegionKey, elseRegionKey, activeRegionKey, onActivateRegion, }: Props) => React.JSX.Element;
 export default CaseWhenGroup;

package/lib/cjs/components/dialog/formula-list/LogicGroup.d.ts

@@ -9,5 +9,5 @@ type Props = {
     onDeleteItem: (operatorIndex: number, side: 'left' | 'right') => void;
     onDelete: (e: any) => void;
 };
-declare const LogicGroup: ({ items, onChangeOperator, onAddItem, onDeleteItem, onDelete, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const LogicGroup: ({ items, onChangeOperator, onAddItem, onDeleteItem, onDelete, }: Props) => React.JSX.Element;
 export default LogicGroup;

package/lib/cjs/components/dialog/formula-list/index.js

@@ -37,6 +37,7 @@ var _selectList = _interopRequireDefault(require("../../dialog/select-list"));
 var _arrow = _interopRequireDefault(require("./arrow.svg"));
 var _useProvider = require("../../../hooks/use-provider");
 var _itemName = _interopRequireDefault(require("../../modules/components/item-name"));
+var _rightClickValue = _interopRequireDefault(require("../../right-click-value"));
 var _diffViewer = _interopRequireDefault(require("../diff-viewer"));
 var _storage = _interopRequireDefault(require("../../../utils/storage"));
 var _helperDom = require("../../../utils/helper-dom");
@@ -595,7 +596,8 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
                   height: '100%',
                   fullscreen: true,
                   value: sql,
-                  showLanguage: false
+                  showLanguage: false,
+                  matchBrackets: store.matchBrackets
                 })
               }),
               onClose: function onClose() {}
@@ -2179,13 +2181,16 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
             openCheck: isCheck && !isCompositeAtom
           }),
           children: itemContent.raw ? itemContent.node : (0, _jsxRuntime.jsx)(_itemName["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, getItemNameProps(v)), {}, {
-            children: (0, _jsxRuntime.jsx)("div", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
-              className: (0, _classnames["default"])('Sqb-TableName', itemContent.className),
-              onClick: itemContent.onClick,
-              style: getTokenStyleByClassName(itemContent.className, itemContent.style)
-            }, itemContent.attrs || {}), {}, {
-              children: itemContent.node
-            }))
+            children: (0, _jsxRuntime.jsx)(_rightClickValue["default"], {
+              value: v,
+              children: (0, _jsxRuntime.jsx)("div", (0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+                className: (0, _classnames["default"])('Sqb-TableName', itemContent.className),
+                onClick: itemContent.onClick,
+                style: getTokenStyleByClassName(itemContent.className, itemContent.style)
+              }, itemContent.attrs || {}), {}, {
+                children: itemContent.node
+              }))
+            })
           }))
         }), showAfterArrow && selectOperator({
           triggerElement: function triggerElement(value) {

package/lib/cjs/components/dialog/select-column/index.d.ts

@@ -1,4 +1,5 @@
 import './index.less';
+import React from 'react';
 import { MetaData_ColumnsType, MetaData_TableType } from '../../../store/types';
 interface PropsType {
     data: MetaData_ColumnsType[];
@@ -7,5 +8,5 @@ interface PropsType {
     groupIndex: number;
     onChange: (record: MetaData_ColumnsType[], newMetaList?: any[]) => void;
 }
-declare const SelectColumn: ({ data, table, metaIndex, groupIndex, onChange }: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const SelectColumn: ({ data, table, metaIndex, groupIndex, onChange }: PropsType) => React.JSX.Element;
 export default SelectColumn;

package/lib/cjs/components/dialog/select-column-multiple/index.d.ts

@@ -1,4 +1,5 @@
 import './index.less';
+import React from 'react';
 import { ColumnsPopupThemeEnum, SQL_COLUMN_TYPE } from '../../../store/enum';
 import { MetaData_ColumnsType, MetaJoin_TalbeType, AtomsField } from '../../../store/types';
 import { DatasourceType } from '../../../types';
@@ -42,5 +43,5 @@ interface PropsType {
     nextBtnText?: string;
     onNextStep?: () => void;
 }
-declare const SelectJoinColumn: ({ data, value: _value, theme, onSelect, isGroup, onGroup, didUpdate, multiple, showNextBtn, nextBtnText, onNextStep, }: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const SelectJoinColumn: ({ data, value: _value, theme, onSelect, isGroup, onGroup, didUpdate, multiple, showNextBtn, nextBtnText, onNextStep, }: PropsType) => React.JSX.Element;
 export default SelectJoinColumn;

package/lib/cjs/components/dialog/select-join/index.d.ts

@@ -1,8 +1,9 @@
 import './index.less';
+import React from 'react';
 import { JoinEnum } from '../../../store/enum';
 interface PropsType {
     value: JoinEnum;
     onChange: (type: JoinEnum) => void;
 }
-declare const SelectJoin: ({ value, onChange }: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const SelectJoin: ({ value, onChange }: PropsType) => React.JSX.Element;
 export default SelectJoin;

package/lib/cjs/components/dialog/select-join-column/index.d.ts

@@ -1,4 +1,5 @@
 import './index.less';
+import React from 'react';
 import { ColumnsPopupThemeEnum, SQL_COLUMN_TYPE } from '../../../store/enum';
 import { MetaData_ColumnsType, MetaJoin_TalbeType } from '../../../store/types';
 import { DatasourceType } from '../../../types';
@@ -45,5 +46,5 @@ interface PropsType {
     didUpdate?: Function;
     multiple?: boolean;
 }
-declare const SelectJoinColumn: ({ data, value: _value, theme, onSelect, isGroup, onGroup, didUpdate, multiple, }: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const SelectJoinColumn: ({ data, value: _value, theme, onSelect, isGroup, onGroup, didUpdate, multiple, }: PropsType) => React.JSX.Element;
 export default SelectJoinColumn;

package/lib/cjs/components/dialog/select-join-column-multiple/index.d.ts

@@ -1,4 +1,5 @@
 import './index.less';
+import React from 'react';
 import { ColumnsPopupThemeEnum, SQL_COLUMN_TYPE } from '../../../store/enum';
 import { MetaData_ColumnsType, MetaJoin_TalbeType, MetaJoin_Field } from '../../../store/types';
 import { DatasourceType } from '../../../types';
@@ -44,5 +45,5 @@ interface PropsType {
     didUpdate?: Function;
     multiple?: boolean;
 }
-declare const SelectJoinColumn: ({ data, tableInfo: tableInfo, value: _value, theme, onSelect, isGroup, onGroup, didUpdate, multiple, }: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const SelectJoinColumn: ({ data, tableInfo: tableInfo, value: _value, theme, onSelect, isGroup, onGroup, didUpdate, multiple, }: PropsType) => React.JSX.Element;
 export default SelectJoinColumn;

package/lib/cjs/components/dialog/select-list/index.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import './index.less';
 import { OptionItem } from '../../../types';
 interface PropsType {
@@ -6,5 +7,5 @@ interface PropsType {
     list: OptionItem[];
     onChange: (type: any) => void;
 }
-declare const SelectList: ({ value, onChange, list, className }: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const SelectList: ({ value, onChange, list, className }: PropsType) => React.JSX.Element;
 export default SelectList;

package/lib/cjs/components/dialog/select-permission-table/index.d.ts

@@ -1,4 +1,5 @@
 import './index.less';
+import React from 'react';
 import { MetaData_TableType } from '../../../store/types';
 interface PropsType {
     data: MetaData_TableType[];
@@ -7,5 +8,5 @@ interface PropsType {
     didUpdate?: Function;
     tableEnableAlias: boolean;
 }
-declare const SelectPermissionTable: ({ data, value, onChange, didUpdate, tableEnableAlias, }: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const SelectPermissionTable: ({ data, value, onChange, didUpdate, tableEnableAlias, }: PropsType) => React.JSX.Element;
 export default SelectPermissionTable;

package/lib/cjs/components/dialog/select-summarize/index.d.ts

@@ -1,4 +1,5 @@
 import './index.less';
+import React from 'react';
 import { DataType, ColumnType } from '../select-column-multiple';
 import { AtomsItem } from '../../../store/types';
 export type ValueType = Partial<ColumnType> & {
@@ -17,5 +18,5 @@ interface PropsType {
     didUpdate?: Function;
     ignoreGroupByType?: boolean;
 }
-declare const SelectSummarize: ({ data, value, onChange, didUpdate, ignoreGroupByType }: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const SelectSummarize: ({ data, value, onChange, didUpdate, ignoreGroupByType }: PropsType) => React.JSX.Element;
 export default SelectSummarize;

package/lib/cjs/components/dialog/select-table/index.d.ts

@@ -1,4 +1,5 @@
 import './index.less';
+import React from 'react';
 import { MetaData_TableType } from '../../../store/types';
 import { DatasourceType } from '../../../types';
 interface PropsType {
@@ -9,5 +10,5 @@ interface PropsType {
     didUpdate?: Function;
     tableFlat?: boolean;
 }
-declare const SelectTable: ({ data, sourceTable, value, onChange, didUpdate, tableFlat, }: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const SelectTable: ({ data, sourceTable, value, onChange, didUpdate, tableFlat, }: PropsType) => React.JSX.Element;
 export default SelectTable;

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

@@ -1,35 +1,36 @@
+import React from 'react';
 type IconProps = {
     width?: number;
     height?: number;
     style?: object;
 };
-export declare const CloseIcon2: (reset: any) => import("react/jsx-runtime").JSX.Element;
-export declare const FilterIcon: ({ width, height }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SummarizeIcon: ({ width, height }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const JoinDataIcon: ({ width, height }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const GroupIcon: ({ width, height }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const PermissionTableIcon: ({ width, height }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CustomColumnIcon: ({ width, height }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SortIcon: ({ width, height }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const RowLimitIcon: ({ width, height }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const LeftJoinIcon: ({ width, height, style }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const InnerJoinIcon: ({ width, height, style }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const UpArrowIcon: ({ width, height }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DownArrowIcon: ({ width, height }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const CloseIcon: ({ width, height }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const AddIcon: ({ width, height }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const TableIcon: ({ width, height }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const SearchIcon: ({ width, height }: IconProps) => import("react/jsx-runtime").JSX.Element;
-export declare const NotSelectIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const SelectIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const CircleIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const LetterAaIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const CalendarIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const WellIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const ForeignKeyIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const UpArrowIcon2: () => import("react/jsx-runtime").JSX.Element;
-export declare const DownArrowIcon2: () => import("react/jsx-runtime").JSX.Element;
-export declare const LeftArrowIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const RightArrowIcon: () => import("react/jsx-runtime").JSX.Element;
-export declare const DataSourceIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare const CloseIcon2: (reset: any) => React.JSX.Element;
+export declare const FilterIcon: ({ width, height }: IconProps) => React.JSX.Element;
+export declare const SummarizeIcon: ({ width, height }: IconProps) => React.JSX.Element;
+export declare const JoinDataIcon: ({ width, height }: IconProps) => React.JSX.Element;
+export declare const GroupIcon: ({ width, height }: IconProps) => React.JSX.Element;
+export declare const PermissionTableIcon: ({ width, height }: IconProps) => React.JSX.Element;
+export declare const CustomColumnIcon: ({ width, height }: IconProps) => React.JSX.Element;
+export declare const SortIcon: ({ width, height }: IconProps) => React.JSX.Element;
+export declare const RowLimitIcon: ({ width, height }: IconProps) => React.JSX.Element;
+export declare const LeftJoinIcon: ({ width, height, style }: IconProps) => React.JSX.Element;
+export declare const InnerJoinIcon: ({ width, height, style }: IconProps) => React.JSX.Element;
+export declare const UpArrowIcon: ({ width, height }: IconProps) => React.JSX.Element;
+export declare const DownArrowIcon: ({ width, height }: IconProps) => React.JSX.Element;
+export declare const CloseIcon: ({ width, height }: IconProps) => React.JSX.Element;
+export declare const AddIcon: ({ width, height }: IconProps) => React.JSX.Element;
+export declare const TableIcon: ({ width, height }: IconProps) => React.JSX.Element;
+export declare const SearchIcon: ({ width, height }: IconProps) => React.JSX.Element;
+export declare const NotSelectIcon: () => React.JSX.Element;
+export declare const SelectIcon: () => React.JSX.Element;
+export declare const CircleIcon: () => React.JSX.Element;
+export declare const LetterAaIcon: () => React.JSX.Element;
+export declare const CalendarIcon: () => React.JSX.Element;
+export declare const WellIcon: () => React.JSX.Element;
+export declare const ForeignKeyIcon: () => React.JSX.Element;
+export declare const UpArrowIcon2: () => React.JSX.Element;
+export declare const DownArrowIcon2: () => React.JSX.Element;
+export declare const LeftArrowIcon: () => React.JSX.Element;
+export declare const RightArrowIcon: () => React.JSX.Element;
+export declare const DataSourceIcon: () => React.JSX.Element;
 export {};

package/lib/cjs/components/metabase/index.d.ts

@@ -1,4 +1,5 @@
 import './index.less';
+import React from 'react';
 import type { MetabaseProps } from '../../types';
-declare const Metabase: (props: MetabaseProps) => import("react/jsx-runtime").JSX.Element;
+declare const Metabase: (props: MetabaseProps) => React.JSX.Element;
 export default Metabase;

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

@@ -1,6 +1,7 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -22,7 +23,9 @@ var _modules = _interopRequireDefault(require("../modules"));
 var _popup = _interopRequireDefault(require("../popup"));
 var _useProvider = require("../../hooks/use-provider");
 var _storage = _interopRequireDefault(require("../../utils/storage"));
+var _rightClickMenu = _interopRequireWildcard(require("../right-click-menu"));
 var _templateObject;
+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 VisualBox = _styledComponents["default"].div.attrs({
   className: 'visual-box scroller'
 })(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
@@ -34,7 +37,10 @@ var Metabase = function Metabase(props) {
     onOk = props.onOk,
     metabaseCopy = props.metabaseCopy,
     moduleCopy = props.moduleCopy,
-    popupZIndex = props.popupZIndex;
+    popupZIndex = props.popupZIndex,
+    _props$rightClickMenu = props.rightClickMenu,
+    rightClickMenu = _props$rightClickMenu === void 0 ? [] : _props$rightClickMenu,
+    onRightClickMenuClick = props.onRightClickMenuClick;
   var store = (0, _useProvider.useStore)();
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -151,6 +157,10 @@ var Metabase = function Metabase(props) {
       return _ref.apply(this, arguments);
     };
   }();
+  (0, _react.useEffect)(function () {
+    store.setRightClickMenu(rightClickMenu || []);
+    store.setRightClickMenuClick(onRightClickMenuClick);
+  }, [rightClickMenu, onRightClickMenuClick]);
   var copy = function copy() {
     return (0, _jsxRuntime.jsxs)(_pandora.Space, {
       children: [moduleCopy && (0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
@@ -213,6 +223,9 @@ var Metabase = function Metabase(props) {
   };
   return (0, _jsxRuntime.jsx)(VisualBox, {
     ref: store.popupContainer,
+    onContextMenu: function onContextMenu(e) {
+      return (0, _rightClickMenu.openSqbRightClickMenu)(store, e);
+    },
     children: (0, _jsxRuntime.jsxs)("div", {
       className: 'Sqb',
       children: [(0, _jsxRuntime.jsx)("div", {
@@ -274,6 +287,8 @@ var Metabase = function Metabase(props) {
           });
         },
         children: popupContent2
+      }), (0, _jsxRuntime.jsx)(_rightClickMenu["default"], {
+        popupZIndex: popupZIndex
       })]
     })
   });

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

@@ -13,6 +13,40 @@
 .Sqb {
   padding: 0 20px 50px;
   position: relative;
+  &-right-click-menu {
+    position: fixed;
+    min-width: 140px;
+    padding: 4px;
+    border: 1px solid #d9dee8;
+    border-radius: 6px;
+    background: #fff;
+    box-shadow: 0 8px 24px rgba(31, 35, 41, 0.16);
+  }
+  &-right-click-menu-item {
+    display: block;
+    width: 100%;
+    min-height: 32px;
+    padding: 6px 10px;
+    border: 0;
+    border-radius: 4px;
+    background: transparent;
+    color: #1f2329;
+    font-size: 14px;
+    line-height: 20px;
+    text-align: left;
+    cursor: pointer;
+
+    &:hover {
+      background: #f4f6f8;
+    }
+
+    &.disabled,
+    &:disabled {
+      color: #b8bbc3;
+      cursor: not-allowed;
+      background: transparent;
+    }
+  }
   &-fun-btns {
     position: absolute;
     left: 0;

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

@@ -3,5 +3,5 @@ interface WrapperType {
     children: React.ReactElement;
     className: string;
 }
-declare const Wrapper: ({ children, className }: WrapperType) => import("react/jsx-runtime").JSX.Element;
+declare const Wrapper: ({ children, className }: WrapperType) => React.JSX.Element;
 export default Wrapper;

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

@@ -1,3 +1,4 @@
+import React from 'react';
 interface HeaderProps {
     title: string;
     className?: string;
@@ -8,5 +9,5 @@ interface HeaderProps {
     meta?: any;
     isDataModule?: boolean;
 }
-declare const Header: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const Header: (props: HeaderProps) => React.JSX.Element;
 export default Header;

package/lib/cjs/components/modules/components/item-name.d.ts

@@ -4,5 +4,5 @@ interface HeaderProps {
     isError: boolean;
     message?: string;
 }
-declare const ItemName: (props: HeaderProps) => import("react/jsx-runtime").JSX.Element;
+declare const ItemName: (props: HeaderProps) => React.JSX.Element;
 export default ItemName;

package/lib/cjs/components/modules/components/item-wrapper.d.ts

@@ -5,5 +5,5 @@ interface HeaderProps {
     meta?: any;
     children?: React.ReactNode;
 }
-declare const ItemWrapper: (props: HeaderProps) => string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+declare const ItemWrapper: (props: HeaderProps) => string | number | boolean | Iterable<React.ReactNode> | React.JSX.Element | null | undefined;
 export default ItemWrapper;

package/lib/cjs/components/modules/components/meta-icon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { TypeEnum } from '../../../store/enum';
 import { MetaListType } from '../../../store/types';
 interface PropsType {
@@ -11,5 +12,5 @@ type IconInfoType = {
 };
 export declare const IconTypeMap: Map<TypeEnum, IconInfoType>;
 export declare const findNextIcon: (store: any, props: PropsType) => TypeEnum[];
-declare const NextDom: (props: PropsType) => import("react/jsx-runtime").JSX.Element | null;
+declare const NextDom: (props: PropsType) => React.JSX.Element | null;
 export default NextDom;

package/lib/cjs/components/modules/custom-column.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 import { MetaCustom } from '../../store/types';
 interface PropsType {
     store?: any;
     meta: MetaCustom;
     groupIndex: number;
 }
-declare const CustomColumn: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const CustomColumn: (props: PropsType) => React.JSX.Element;
 export default CustomColumn;

package/lib/cjs/components/modules/custom-column.js

@@ -26,6 +26,7 @@ var _metaIcon = _interopRequireDefault(require("./components/meta-icon"));
 var _header = _interopRequireDefault(require("./components/header"));
 var _itemWrapper = _interopRequireDefault(require("./components/item-wrapper"));
 var _itemName = _interopRequireDefault(require("./components/item-name"));
+var _rightClickValue = _interopRequireDefault(require("../right-click-value"));
 var _helperDom = require("../../utils/helper-dom");
 var CustomColumn = function CustomColumn(props) {
   var meta = props.meta,
@@ -314,20 +315,23 @@ var CustomColumn = function CustomColumn(props) {
             children: [meta.customColumn.map(function (v, i) {
               return (0, _jsxRuntime.jsx)(_itemName["default"], {
                 isError: (0, _utils.isError)(v.formulaList, getColumns()) || (0, _utils.isExistsError)(v.formulaList, store.existsError),
-                children: (0, _jsxRuntime.jsxs)("div", {
-                  className: (0, _classnames["default"])("Sqb-TableName gray-name"),
-                  onClick: function onClick(e) {
-                    return showSubQuery(e, i);
-                  },
-                  children: [v.name, (0, _jsxRuntime.jsx)("span", {
-                    style: {
-                      fontSize: 0
-                    },
+                children: (0, _jsxRuntime.jsx)(_rightClickValue["default"], {
+                  value: v,
+                  children: (0, _jsxRuntime.jsxs)("div", {
+                    className: (0, _classnames["default"])("Sqb-TableName gray-name"),
                     onClick: function onClick(e) {
-                      return handleDel(e, i);
+                      return showSubQuery(e, i);
                     },
-                    children: (0, _jsxRuntime.jsx)(_icons.CloseIcon, {})
-                  })]
+                    children: [v.name, (0, _jsxRuntime.jsx)("span", {
+                      style: {
+                        fontSize: 0
+                      },
+                      onClick: function onClick(e) {
+                        return handleDel(e, i);
+                      },
+                      children: (0, _jsxRuntime.jsx)(_icons.CloseIcon, {})
+                    })]
+                  })
                 })
               }, i);
             }), (0, _jsxRuntime.jsx)("div", {

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

@@ -1,7 +1,8 @@
+import React from 'react';
 import { MetaFilter } from '../../store/types';
 interface PropsType {
     meta: MetaFilter;
     groupIndex: number;
 }
-declare const Filter: (props: PropsType) => import("react/jsx-runtime").JSX.Element;
+declare const Filter: (props: PropsType) => React.JSX.Element;
 export default Filter;