@gingkoo/pandora-metabase 1.0.153 → 1.0.154

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

@@ -7,6 +7,7 @@ interface PropsType {
     exitData: any;
     onOk: Function;
     onCancel: Function;
+    readonly?: boolean;
 }
 declare const CaseEditor: (props: PropsType) => React.JSX.Element;
 export default CaseEditor;

package/lib/cjs/components/dialog/custom-editor/index.js

@@ -30,7 +30,9 @@ var CaseEditor = function CaseEditor(props) {
     data = props.data,
     exitData = props.exitData,
     onOk = props.onOk,
-    onCancel = props.onCancel;
+    onCancel = props.onCancel,
+    _props$readonly = props.readonly,
+    readonly = _props$readonly === void 0 ? false : _props$readonly;
   var store = (0, _useProvider.useStore)();
   var _useState = (0, _react.useState)(value.formulaList || []),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
@@ -48,6 +50,7 @@ var CaseEditor = function CaseEditor(props) {
     onCancel === null || onCancel === void 0 || onCancel();
   };
   var _onOk = function _onOk() {
+    if (readonly) return;
     if (!(0, _utils2.isValidSQLAlias)(name)) {
       _pandora.Toast.warning((0, _locale.__)('SqlQueryBuilder.nameForRules'));
       return false;
@@ -81,6 +84,7 @@ var CaseEditor = function CaseEditor(props) {
                 placeholder: (0, _locale.__)('customColumn.somethingAwesomeToDocument'),
                 size: 'large',
                 onChange: function onChange(val) {
+                  if (readonly) return;
                   setName(val);
                 }
               })
@@ -92,7 +96,10 @@ var CaseEditor = function CaseEditor(props) {
             data: data,
             exitData: exitData,
             ref: ref,
-            onChange: setCaseList,
+            onChange: function onChange(nextList) {
+              if (readonly) return;
+              setCaseList(nextList);
+            },
             _type: _types.FormulaTypeEnum.CUSTOM
           })]
         })
@@ -109,7 +116,7 @@ var CaseEditor = function CaseEditor(props) {
             return _onClose();
           },
           children: (0, _locale.__)('customColumn.cancel')
-        }), (0, _jsxRuntime.jsx)("button", {
+        }), !readonly && (0, _jsxRuntime.jsx)("button", {
           className: (0, _classnames["default"])("btn ml-4", {
             usable: usable
           }),

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

@@ -7,6 +7,7 @@ interface PropsType {
     onOk: Function;
     onCancel: Function;
     className?: string;
+    readonly?: boolean;
 }
 declare const CaseEditor: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<unknown>>;
 export default CaseEditor;

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

@@ -39,7 +39,9 @@ var CaseEditor = _react["default"].forwardRef(function (props, ref) {
   var value = props.value,
     data = props.data,
     onOk = props.onOk,
-    onCancel = props.onCancel;
+    onCancel = props.onCancel,
+    _props$readonly = props.readonly,
+    readonly = _props$readonly === void 0 ? false : _props$readonly;
   var _useState = (0, _react.useState)(function () {
       return (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, value), {}, {
         id: value.id || value.name
@@ -94,6 +96,7 @@ var CaseEditor = _react["default"].forwardRef(function (props, ref) {
     onCancel === null || onCancel === void 0 || onCancel();
   };
   var _onOk = function _onOk() {
+    if (readonly) return;
     typeof onOk === 'function' && (onOk === null || onOk === void 0 ? void 0 : onOk((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, fun), {}, {
       arity: effectiveArity,
       id: currentFormulaKey,
@@ -104,6 +107,7 @@ var CaseEditor = _react["default"].forwardRef(function (props, ref) {
   var handleFunName = function handleFunName(id) {
     var _formulaList$id, _formulaList$id2, _formulaList$id3;
     var isId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    if (readonly) return;
     setFun((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, fun), {}, {
       args: (0, _utils2.getTemArgs)(formulaList === null || formulaList === void 0 ? void 0 : formulaList[id].args, formulaList === null || formulaList === void 0 || (_formulaList$id = formulaList[id]) === null || _formulaList$id === void 0 ? void 0 : _formulaList$id.arity),
       arity: formulaList === null || formulaList === void 0 || (_formulaList$id2 = formulaList[id]) === null || _formulaList$id2 === void 0 ? void 0 : _formulaList$id2.arity,
@@ -112,6 +116,7 @@ var CaseEditor = _react["default"].forwardRef(function (props, ref) {
     }));
   };
   var addParams = function addParams(index) {
+    if (readonly) return;
     var _args = (0, _cloneDeep["default"])(fun.args);
     var tem = (0, _utils2.getTemArgs)(currentFormulaTemplate === null || currentFormulaTemplate === void 0 ? void 0 : currentFormulaTemplate.args)[index + 1] || {
       type: _types.AtomsTypeEnum.COLLECTION,
@@ -124,6 +129,7 @@ var CaseEditor = _react["default"].forwardRef(function (props, ref) {
     }));
   };
   var delParams = function delParams(index) {
+    if (readonly) return;
     var _args = (0, _cloneDeep["default"])(fun.args);
     _args.splice(index, 1);
     setFun((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, fun), {}, {
@@ -174,6 +180,7 @@ var CaseEditor = _react["default"].forwardRef(function (props, ref) {
                     });
                   },
                   onChange: function onChange(val) {
+                    if (readonly) return;
                     handleFunName(val);
                   },
                   children: (_store$formulaTemplat = store.formulaTemplates) === null || _store$formulaTemplat === void 0 ? void 0 : _store$formulaTemplat.map(function (options, index) {
@@ -223,6 +230,7 @@ var CaseEditor = _react["default"].forwardRef(function (props, ref) {
                     ref: _ref,
                     _type: _types.FormulaTypeEnum.FORMULA,
                     onChange: function onChange(data, _quotes) {
+                      if (readonly) return;
                       var _args = (0, _cloneDeep["default"])(fun.args);
                       _args[i].list = data;
                       setFun((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, fun), {}, {
@@ -231,7 +239,7 @@ var CaseEditor = _react["default"].forwardRef(function (props, ref) {
                       }));
                     }
                   })]
-                }), (0, _jsxRuntime.jsxs)("div", {
+                }), !readonly && (0, _jsxRuntime.jsxs)("div", {
                   className: 'Sqb-item-opr',
                   children: [(0, _jsxRuntime.jsx)(_pandora.Button, {
                     primary: true,
@@ -273,7 +281,7 @@ var CaseEditor = _react["default"].forwardRef(function (props, ref) {
             return _onClose();
           },
           children: (0, _locale.__)('customColumn.cancel')
-        }), (0, _jsxRuntime.jsx)("button", {
+        }), !readonly && (0, _jsxRuntime.jsx)("button", {
           className: (0, _classnames["default"])("btn ml-4", {
             usable: usable
           }),

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

@@ -1432,6 +1432,7 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
         multiple: false,
         value: [val],
         theme: _enum.ColumnsPopupThemeEnum.skyBlue,
+        readonly: snapshotMode,
         onSelect: function onSelect(fields) {
           var _caseList = caseList.slice();
           _caseList[i] = fields[0];
@@ -1832,6 +1833,7 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
           children: (0, _jsxRuntime.jsx)(_formula["default"], {
             data: data,
             value: _value,
+            readonly: snapshotMode,
             onCancel: function onCancel() {
               o.close();
             },
@@ -2135,6 +2137,7 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
     var isCompositeAtom = v.type === _types.AtomsTypeEnum.CASE_WHEN || v.type === _types.AtomsTypeEnum.AND_OR;
     var showAfterArrow = !snapshotMode && canShowItemInsertArrows(v, groupType);
     var showBeforeArrow = !snapshotMode && canShowItemInsertArrows(v, groupType);
+    var canOpenInSnapshot = v.type === _types.AtomsTypeEnum.FORMULA || v.type === _types.AtomsTypeEnum.FIELD || v.type === _types.AtomsTypeEnum.SUB_QUERY || v.type === _types.AtomsTypeEnum.EXISTS || v.type === _types.AtomsTypeEnum.NOT_EXISTS;
     return (0, _jsxRuntime.jsx)(_react["default"].Fragment, {
       children: (0, _jsxRuntime.jsxs)("div", {
         className: (0, _classnames["default"])('Sqb-Filter-item', (0, _defineProperty2["default"])({
@@ -2183,7 +2186,7 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
           }
         }), (0, _jsxRuntime.jsx)("div", {
           style: {
-            pointerEvents: snapshotMode || isCheck || store.isMetabaseCopy ? 'none' : 'auto'
+            pointerEvents: snapshotMode && !canOpenInSnapshot || isCheck || store.isMetabaseCopy ? 'none' : 'auto'
           },
           className: (0, _classnames["default"])('Sqb-Filter-item-node', {
             openCheck: isCheck && !isCompositeAtom
@@ -2191,8 +2194,11 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
           children: itemContent.raw ? itemContent.node : (0, _jsxRuntime.jsx)(_itemName["default"], (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, getItemNameProps(v)), {}, {
             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),
+              children: (0, _jsxRuntime.jsx)("div", (0, _objectSpread2["default"])((0, _objectSpread2["default"])((0, _objectSpread2["default"])({
+                className: (0, _classnames["default"])('Sqb-TableName', itemContent.className)
+              }, snapshotMode && canOpenInSnapshot ? {
+                'data-sqb-snapshot-allow': 'true'
+              } : {}), {}, {
                 onClick: itemContent.onClick,
                 style: getTokenStyleByClassName(itemContent.className, itemContent.style)
               }, itemContent.attrs || {}), {}, {

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

@@ -42,6 +42,7 @@ interface PropsType {
     showNextBtn?: boolean;
     nextBtnText?: string;
     onNextStep?: () => void;
+    readonly?: boolean;
 }
-declare const SelectJoinColumn: ({ data, value: _value, theme, onSelect, isGroup, onGroup, didUpdate, multiple, showNextBtn, nextBtnText, onNextStep, }: PropsType) => React.JSX.Element;
+declare const SelectJoinColumn: ({ data, value: _value, theme, onSelect, isGroup, onGroup, didUpdate, multiple, showNextBtn, nextBtnText, onNextStep, readonly, }: PropsType) => React.JSX.Element;
 export default SelectJoinColumn;

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

@@ -55,7 +55,9 @@ var SelectJoinColumn = function SelectJoinColumn(_ref) {
     showNextBtn = _ref$showNextBtn === void 0 ? false : _ref$showNextBtn,
     _ref$nextBtnText = _ref.nextBtnText,
     nextBtnText = _ref$nextBtnText === void 0 ? (0, _locale.__)('metabase.nextBtn') : _ref$nextBtnText,
-    onNextStep = _ref.onNextStep;
+    onNextStep = _ref.onNextStep,
+    _ref$readonly = _ref.readonly,
+    readonly = _ref$readonly === void 0 ? false : _ref$readonly;
   var store = (0, _useProvider.useStore)();
   var selectedTableUuid = (_value === null || _value === void 0 || (_value$ = _value[0]) === null || _value$ === void 0 ? void 0 : _value$.tableId) === _helper.SummarizeAlias ? '' : (_value === null || _value === void 0 || (_value$2 = _value[0]) === null || _value$2 === void 0 ? void 0 : _value$2.tableUuid) || '';
   var _useState = (0, _react.useState)(_value),
@@ -268,11 +270,12 @@ var SelectJoinColumn = function SelectJoinColumn(_ref) {
       return matchedColumn ? syncSelectedFieldByColumn(field, matchedColumn, tableItem) : field;
     });
     setValue(syncedValue);
-    if (!(0, _isEqual["default"])(syncedValue, _value || [])) {
+    if (!readonly && !(0, _isEqual["default"])(syncedValue, _value || [])) {
       onSelect === null || onSelect === void 0 || onSelect(syncedValue, getQuotes(syncedValue));
     }
   }, [data, _value]);
   var changeValue = function changeValue(tableUuid, val) {
+    if (readonly) return;
     if (!multiple) {
       var _data = val ? [val] : [];
       setValue(_data);
@@ -518,7 +521,7 @@ var SelectJoinColumn = function SelectJoinColumn(_ref) {
           }, (tableUuid || tableAlias) + '' + i);
         })]
       })
-    }), showNextBtn && multiple && (0, _jsxRuntime.jsx)(_pandora.Button, {
+    }), !readonly && showNextBtn && multiple && (0, _jsxRuntime.jsx)(_pandora.Button, {
       block: true,
       disabled: (value === null || value === void 0 ? void 0 : value.length) < 1,
       primary: true,

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

@@ -17,6 +17,7 @@ interface PropsType {
     onChange: (reocrd: ValueType) => void;
     didUpdate?: Function;
     ignoreGroupByType?: boolean;
+    readonly?: boolean;
 }
-declare const SelectSummarize: ({ data, value, onChange, didUpdate, ignoreGroupByType }: PropsType) => React.JSX.Element;
+declare const SelectSummarize: ({ data, value, onChange, didUpdate, ignoreGroupByType, readonly, }: PropsType) => React.JSX.Element;
 export default SelectSummarize;

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

@@ -84,7 +84,8 @@ var SelectSummarize = function SelectSummarize(_ref) {
     value = _ref.value,
     onChange = _ref.onChange,
     didUpdate = _ref.didUpdate,
-    ignoreGroupByType = _ref.ignoreGroupByType;
+    ignoreGroupByType = _ref.ignoreGroupByType,
+    readonly = _ref.readonly;
   var _useState = (0, _react.useState)(value.condition),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     condition = _useState2[0],
@@ -120,6 +121,7 @@ var SelectSummarize = function SelectSummarize(_ref) {
     atoms = _useState4[0],
     setAtoms = _useState4[1];
   function goPrevPage() {
+    if (readonly) return;
     setCondition('');
   }
   function getFormulaSummary() {
@@ -234,7 +236,7 @@ var SelectSummarize = function SelectSummarize(_ref) {
             })
           })
         })
-      }), (0, _jsxRuntime.jsx)("div", {
+      }), !readonly && (0, _jsxRuntime.jsx)("div", {
         className: 'Sqb-SelectSummarize-formula-footer',
         children: (0, _jsxRuntime.jsx)(_pandora.Button, {
           primary: true,
@@ -280,6 +282,7 @@ var SelectSummarize = function SelectSummarize(_ref) {
                 active: condition === v.name
               }),
               onClick: function onClick() {
+                if (readonly) return;
                 if (~Special.indexOf(v.name)) {
                   setAtoms([]);
                   handleSelect(v.name, {});

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

@@ -227,6 +227,7 @@ var CustomColumn = function CustomColumn(props) {
             data: getColumns(),
             exitData: getColumns(),
             value: _value,
+            readonly: store.snapshotMode,
             onCancel: function onCancel() {
               o.close();
             },
@@ -319,6 +320,7 @@ var CustomColumn = function CustomColumn(props) {
                   value: v,
                   children: (0, _jsxRuntime.jsxs)("div", {
                     className: (0, _classnames["default"])("Sqb-TableName gray-name"),
+                    "data-sqb-snapshot-allow": 'true',
                     onClick: function onClick(e) {
                       return showSubQuery(e, i);
                     },

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

@@ -1390,6 +1390,7 @@ var JoinData = function JoinData(props) {
                 className: (0, _classnames["default"])("Sqb-TableName", {
                   notSelected: !subQuerySelected
                 }),
+                "data-sqb-snapshot-allow": 'true',
                 onClick: function onClick() {
                   showSubQuery(meta.subquery);
                 },

package/lib/cjs/components/modules/summarize/group-by.js

@@ -100,7 +100,8 @@ var buildAutoGroupByAlias = function buildAutoGroupByAlias(tableAlias, fieldName
 var GroupByEditor = function GroupByEditor(_ref) {
   var data = _ref.data,
     value = _ref.value,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    readonly = _ref.readonly;
   var _useState = (0, _react.useState)(function () {
       if (Array.isArray(value.atoms) && value.atoms.length) {
         return value.atoms;
@@ -155,7 +156,7 @@ var GroupByEditor = function GroupByEditor(_ref) {
           })
         })
       })
-    }), (0, _jsxRuntime.jsx)("div", {
+    }), !readonly && (0, _jsxRuntime.jsx)("div", {
       className: 'Sqb-SelectSummarize-formula-footer',
       children: (0, _jsxRuntime.jsx)(_pandora.Button, {
         primary: true,
@@ -292,6 +293,7 @@ var GroupBy = function GroupBy(props) {
       content: (0, _jsxRuntime.jsx)(GroupByEditor, {
         data: data,
         value: value,
+        readonly: store.snapshotMode,
         onChange: function onChange(nextValue) {
           newMeta[index].by.splice(i, 1, normalizeByRecord(nextValue, i, newMeta));
           store.setMeta(newMeta, groupIndex, {
@@ -524,6 +526,7 @@ var GroupBy = function GroupBy(props) {
           value: v,
           children: (0, _jsxRuntime.jsxs)("div", {
             className: "Sqb-TableName green-name",
+            "data-sqb-snapshot-allow": store.snapshotMode ? 'true' : undefined,
             onClick: function onClick(e) {
               return handleUpdate(e, i);
             },

package/lib/cjs/components/modules/summarize/select-index.js

@@ -157,6 +157,7 @@ var SelectIndex = function SelectIndex(props) {
         data: data,
         value: value,
         ignoreGroupByType: store.ignoreGroupByType,
+        readonly: store.snapshotMode,
         onChange: function onChange(data) {
           if (hasDuplicateNoArgumentMetric(newMeta[index].group, data.condition, i)) {
             _pandora.Toast.warning(summarizeWithoutArgumentMessage);
@@ -423,6 +424,7 @@ var SelectIndex = function SelectIndex(props) {
           value: v,
           children: (0, _jsxRuntime.jsxs)("div", {
             className: "Sqb-TableName green-name",
+            "data-sqb-snapshot-allow": store.snapshotMode ? 'true' : undefined,
             onClick: function onClick(e) {
               return handleUpdate(e, i);
             },

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

@@ -306,6 +306,7 @@ var TableData = function TableData(props) {
                   className: (0, _classnames["default"])("Sqb-TableName", {
                     notSelected: !subQuerySelected
                   }),
+                  "data-sqb-snapshot-allow": 'true',
                   onClick: function onClick() {
                     showSubQuery(meta.subquery);
                   },

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

@@ -7,6 +7,7 @@ interface PropsType {
     exitData: any;
     onOk: Function;
     onCancel: Function;
+    readonly?: boolean;
 }
 declare const CaseEditor: (props: PropsType) => React.JSX.Element;
 export default CaseEditor;

package/lib/es/components/dialog/custom-editor/index.js

@@ -23,7 +23,9 @@ var CaseEditor = function CaseEditor(props) {
     data = props.data,
     exitData = props.exitData,
     onOk = props.onOk,
-    onCancel = props.onCancel;
+    onCancel = props.onCancel,
+    _props$readonly = props.readonly,
+    readonly = _props$readonly === void 0 ? false : _props$readonly;
   var store = useStore();
   var _useState = useState(value.formulaList || []),
     _useState2 = _slicedToArray(_useState, 2),
@@ -41,6 +43,7 @@ var CaseEditor = function CaseEditor(props) {
     onCancel === null || onCancel === void 0 || onCancel();
   };
   var _onOk = function _onOk() {
+    if (readonly) return;
     if (!isValidSQLAlias(name)) {
       Toast.warning(__('SqlQueryBuilder.nameForRules'));
       return false;
@@ -74,6 +77,7 @@ var CaseEditor = function CaseEditor(props) {
                 placeholder: __('customColumn.somethingAwesomeToDocument'),
                 size: 'large',
                 onChange: function onChange(val) {
+                  if (readonly) return;
                   setName(val);
                 }
               })
@@ -85,7 +89,10 @@ var CaseEditor = function CaseEditor(props) {
             data: data,
             exitData: exitData,
             ref: ref,
-            onChange: setCaseList,
+            onChange: function onChange(nextList) {
+              if (readonly) return;
+              setCaseList(nextList);
+            },
             _type: FormulaTypeEnum.CUSTOM
           })]
         })
@@ -102,7 +109,7 @@ var CaseEditor = function CaseEditor(props) {
             return _onClose();
           },
           children: __('customColumn.cancel')
-        }), _jsx("button", {
+        }), !readonly && _jsx("button", {
           className: cx("btn ml-4", {
             usable: usable
           }),

package/lib/es/components/dialog/formula/index.d.ts

@@ -7,6 +7,7 @@ interface PropsType {
     onOk: Function;
     onCancel: Function;
     className?: string;
+    readonly?: boolean;
 }
 declare const CaseEditor: React.ForwardRefExoticComponent<PropsType & React.RefAttributes<unknown>>;
 export default CaseEditor;

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

@@ -30,7 +30,9 @@ var CaseEditor = React.forwardRef(function (props, ref) {
   var value = props.value,
     data = props.data,
     onOk = props.onOk,
-    onCancel = props.onCancel;
+    onCancel = props.onCancel,
+    _props$readonly = props.readonly,
+    readonly = _props$readonly === void 0 ? false : _props$readonly;
   var _useState = useState(function () {
       return _objectSpread(_objectSpread({}, value), {}, {
         id: value.id || value.name
@@ -85,6 +87,7 @@ var CaseEditor = React.forwardRef(function (props, ref) {
     onCancel === null || onCancel === void 0 || onCancel();
   };
   var _onOk = function _onOk() {
+    if (readonly) return;
     typeof onOk === 'function' && (onOk === null || onOk === void 0 ? void 0 : onOk(_objectSpread(_objectSpread({}, fun), {}, {
       arity: effectiveArity,
       id: currentFormulaKey,
@@ -95,6 +98,7 @@ var CaseEditor = React.forwardRef(function (props, ref) {
   var handleFunName = function handleFunName(id) {
     var _formulaList$id, _formulaList$id2, _formulaList$id3;
     var isId = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    if (readonly) return;
     setFun(_objectSpread(_objectSpread({}, fun), {}, {
       args: getTemArgs(formulaList === null || formulaList === void 0 ? void 0 : formulaList[id].args, formulaList === null || formulaList === void 0 || (_formulaList$id = formulaList[id]) === null || _formulaList$id === void 0 ? void 0 : _formulaList$id.arity),
       arity: formulaList === null || formulaList === void 0 || (_formulaList$id2 = formulaList[id]) === null || _formulaList$id2 === void 0 ? void 0 : _formulaList$id2.arity,
@@ -103,6 +107,7 @@ var CaseEditor = React.forwardRef(function (props, ref) {
     }));
   };
   var addParams = function addParams(index) {
+    if (readonly) return;
     var _args = cloneDeep(fun.args);
     var tem = getTemArgs(currentFormulaTemplate === null || currentFormulaTemplate === void 0 ? void 0 : currentFormulaTemplate.args)[index + 1] || {
       type: AtomsTypeEnum.COLLECTION,
@@ -115,6 +120,7 @@ var CaseEditor = React.forwardRef(function (props, ref) {
     }));
   };
   var delParams = function delParams(index) {
+    if (readonly) return;
     var _args = cloneDeep(fun.args);
     _args.splice(index, 1);
     setFun(_objectSpread(_objectSpread({}, fun), {}, {
@@ -165,6 +171,7 @@ var CaseEditor = React.forwardRef(function (props, ref) {
                     });
                   },
                   onChange: function onChange(val) {
+                    if (readonly) return;
                     handleFunName(val);
                   },
                   children: (_store$formulaTemplat = store.formulaTemplates) === null || _store$formulaTemplat === void 0 ? void 0 : _store$formulaTemplat.map(function (options, index) {
@@ -214,6 +221,7 @@ var CaseEditor = React.forwardRef(function (props, ref) {
                     ref: _ref,
                     _type: FormulaTypeEnum.FORMULA,
                     onChange: function onChange(data, _quotes) {
+                      if (readonly) return;
                       var _args = cloneDeep(fun.args);
                       _args[i].list = data;
                       setFun(_objectSpread(_objectSpread({}, fun), {}, {
@@ -222,7 +230,7 @@ var CaseEditor = React.forwardRef(function (props, ref) {
                       }));
                     }
                   })]
-                }), _jsxs("div", {
+                }), !readonly && _jsxs("div", {
                   className: 'Sqb-item-opr',
                   children: [_jsx(Button, {
                     primary: true,
@@ -264,7 +272,7 @@ var CaseEditor = React.forwardRef(function (props, ref) {
             return _onClose();
           },
           children: __('customColumn.cancel')
-        }), _jsx("button", {
+        }), !readonly && _jsx("button", {
           className: cx("btn ml-4", {
             usable: usable
           }),

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

@@ -1423,6 +1423,7 @@ var FormulaList = forwardRef(function (props, ref) {
         multiple: false,
         value: [val],
         theme: ColumnsPopupThemeEnum.skyBlue,
+        readonly: snapshotMode,
         onSelect: function onSelect(fields) {
           var _caseList = caseList.slice();
           _caseList[i] = fields[0];
@@ -1823,6 +1824,7 @@ var FormulaList = forwardRef(function (props, ref) {
           children: _jsx(Formula, {
             data: data,
             value: _value,
+            readonly: snapshotMode,
             onCancel: function onCancel() {
               o.close();
             },
@@ -2126,6 +2128,7 @@ var FormulaList = forwardRef(function (props, ref) {
     var isCompositeAtom = v.type === AtomsTypeEnum.CASE_WHEN || v.type === AtomsTypeEnum.AND_OR;
     var showAfterArrow = !snapshotMode && canShowItemInsertArrows(v, groupType);
     var showBeforeArrow = !snapshotMode && canShowItemInsertArrows(v, groupType);
+    var canOpenInSnapshot = v.type === AtomsTypeEnum.FORMULA || v.type === AtomsTypeEnum.FIELD || v.type === AtomsTypeEnum.SUB_QUERY || v.type === AtomsTypeEnum.EXISTS || v.type === AtomsTypeEnum.NOT_EXISTS;
     return _jsx(React.Fragment, {
       children: _jsxs("div", {
         className: cx('Sqb-Filter-item', _defineProperty({
@@ -2174,7 +2177,7 @@ var FormulaList = forwardRef(function (props, ref) {
           }
         }), _jsx("div", {
           style: {
-            pointerEvents: snapshotMode || isCheck || store.isMetabaseCopy ? 'none' : 'auto'
+            pointerEvents: snapshotMode && !canOpenInSnapshot || isCheck || store.isMetabaseCopy ? 'none' : 'auto'
           },
           className: cx('Sqb-Filter-item-node', {
             openCheck: isCheck && !isCompositeAtom
@@ -2182,8 +2185,11 @@ var FormulaList = forwardRef(function (props, ref) {
           children: itemContent.raw ? itemContent.node : _jsx(ItemName, _objectSpread(_objectSpread({}, getItemNameProps(v)), {}, {
             children: _jsx(RightClickValue, {
               value: v,
-              children: _jsx("div", _objectSpread(_objectSpread({
-                className: cx('Sqb-TableName', itemContent.className),
+              children: _jsx("div", _objectSpread(_objectSpread(_objectSpread({
+                className: cx('Sqb-TableName', itemContent.className)
+              }, snapshotMode && canOpenInSnapshot ? {
+                'data-sqb-snapshot-allow': 'true'
+              } : {}), {}, {
                 onClick: itemContent.onClick,
                 style: getTokenStyleByClassName(itemContent.className, itemContent.style)
               }, itemContent.attrs || {}), {}, {

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

@@ -42,6 +42,7 @@ interface PropsType {
     showNextBtn?: boolean;
     nextBtnText?: string;
     onNextStep?: () => void;
+    readonly?: boolean;
 }
-declare const SelectJoinColumn: ({ data, value: _value, theme, onSelect, isGroup, onGroup, didUpdate, multiple, showNextBtn, nextBtnText, onNextStep, }: PropsType) => React.JSX.Element;
+declare const SelectJoinColumn: ({ data, value: _value, theme, onSelect, isGroup, onGroup, didUpdate, multiple, showNextBtn, nextBtnText, onNextStep, readonly, }: PropsType) => React.JSX.Element;
 export default SelectJoinColumn;

package/lib/es/components/dialog/select-column-multiple/index.js

@@ -49,7 +49,9 @@ var SelectJoinColumn = function SelectJoinColumn(_ref) {
     showNextBtn = _ref$showNextBtn === void 0 ? false : _ref$showNextBtn,
     _ref$nextBtnText = _ref.nextBtnText,
     nextBtnText = _ref$nextBtnText === void 0 ? __('metabase.nextBtn') : _ref$nextBtnText,
-    onNextStep = _ref.onNextStep;
+    onNextStep = _ref.onNextStep,
+    _ref$readonly = _ref.readonly,
+    readonly = _ref$readonly === void 0 ? false : _ref$readonly;
   var store = useStore();
   var selectedTableUuid = (_value === null || _value === void 0 || (_value$ = _value[0]) === null || _value$ === void 0 ? void 0 : _value$.tableId) === SummarizeAlias ? '' : (_value === null || _value === void 0 || (_value$2 = _value[0]) === null || _value$2 === void 0 ? void 0 : _value$2.tableUuid) || '';
   var _useState = useState(_value),
@@ -262,11 +264,12 @@ var SelectJoinColumn = function SelectJoinColumn(_ref) {
       return matchedColumn ? syncSelectedFieldByColumn(field, matchedColumn, tableItem) : field;
     });
     setValue(syncedValue);
-    if (!isEqual(syncedValue, _value || [])) {
+    if (!readonly && !isEqual(syncedValue, _value || [])) {
       onSelect === null || onSelect === void 0 || onSelect(syncedValue, getQuotes(syncedValue));
     }
   }, [data, _value]);
   var changeValue = function changeValue(tableUuid, val) {
+    if (readonly) return;
     if (!multiple) {
       var _data = val ? [val] : [];
       setValue(_data);
@@ -512,7 +515,7 @@ var SelectJoinColumn = function SelectJoinColumn(_ref) {
           }, (tableUuid || tableAlias) + '' + i);
         })]
       })
-    }), showNextBtn && multiple && _jsx(Button, {
+    }), !readonly && showNextBtn && multiple && _jsx(Button, {
       block: true,
       disabled: (value === null || value === void 0 ? void 0 : value.length) < 1,
       primary: true,

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

@@ -17,6 +17,7 @@ interface PropsType {
     onChange: (reocrd: ValueType) => void;
     didUpdate?: Function;
     ignoreGroupByType?: boolean;
+    readonly?: boolean;
 }
-declare const SelectSummarize: ({ data, value, onChange, didUpdate, ignoreGroupByType }: PropsType) => React.JSX.Element;
+declare const SelectSummarize: ({ data, value, onChange, didUpdate, ignoreGroupByType, readonly, }: PropsType) => React.JSX.Element;
 export default SelectSummarize;

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

@@ -77,7 +77,8 @@ var SelectSummarize = function SelectSummarize(_ref) {
     value = _ref.value,
     onChange = _ref.onChange,
     didUpdate = _ref.didUpdate,
-    ignoreGroupByType = _ref.ignoreGroupByType;
+    ignoreGroupByType = _ref.ignoreGroupByType,
+    readonly = _ref.readonly;
   var _useState = useState(value.condition),
     _useState2 = _slicedToArray(_useState, 2),
     condition = _useState2[0],
@@ -113,6 +114,7 @@ var SelectSummarize = function SelectSummarize(_ref) {
     atoms = _useState4[0],
     setAtoms = _useState4[1];
   function goPrevPage() {
+    if (readonly) return;
     setCondition('');
   }
   function getFormulaSummary() {
@@ -227,7 +229,7 @@ var SelectSummarize = function SelectSummarize(_ref) {
             })
           })
         })
-      }), _jsx("div", {
+      }), !readonly && _jsx("div", {
         className: 'Sqb-SelectSummarize-formula-footer',
         children: _jsx(Button, {
           primary: true,
@@ -273,6 +275,7 @@ var SelectSummarize = function SelectSummarize(_ref) {
                 active: condition === v.name
               }),
               onClick: function onClick() {
+                if (readonly) return;
                 if (~Special.indexOf(v.name)) {
                   setAtoms([]);
                   handleSelect(v.name, {});

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

@@ -223,6 +223,7 @@ var CustomColumn = function CustomColumn(props) {
             data: getColumns(),
             exitData: getColumns(),
             value: _value,
+            readonly: store.snapshotMode,
             onCancel: function onCancel() {
               o.close();
             },
@@ -315,6 +316,7 @@ var CustomColumn = function CustomColumn(props) {
                   value: v,
                   children: _jsxs("div", {
                     className: cx("Sqb-TableName gray-name"),
+                    "data-sqb-snapshot-allow": 'true',
                     onClick: function onClick(e) {
                       return showSubQuery(e, i);
                     },

package/lib/es/components/modules/join-data.js

@@ -1385,6 +1385,7 @@ var JoinData = function JoinData(props) {
                 className: cx("Sqb-TableName", {
                   notSelected: !subQuerySelected
                 }),
+                "data-sqb-snapshot-allow": 'true',
                 onClick: function onClick() {
                   showSubQuery(meta.subquery);
                 },

package/lib/es/components/modules/summarize/group-by.js

@@ -94,7 +94,8 @@ var buildAutoGroupByAlias = function buildAutoGroupByAlias(tableAlias, fieldName
 var GroupByEditor = function GroupByEditor(_ref) {
   var data = _ref.data,
     value = _ref.value,
-    onChange = _ref.onChange;
+    onChange = _ref.onChange,
+    readonly = _ref.readonly;
   var _useState = useState(function () {
       if (Array.isArray(value.atoms) && value.atoms.length) {
         return value.atoms;
@@ -149,7 +150,7 @@ var GroupByEditor = function GroupByEditor(_ref) {
           })
         })
       })
-    }), _jsx("div", {
+    }), !readonly && _jsx("div", {
       className: 'Sqb-SelectSummarize-formula-footer',
       children: _jsx(Button, {
         primary: true,
@@ -286,6 +287,7 @@ var GroupBy = function GroupBy(props) {
       content: _jsx(GroupByEditor, {
         data: data,
         value: value,
+        readonly: store.snapshotMode,
         onChange: function onChange(nextValue) {
           newMeta[index].by.splice(i, 1, normalizeByRecord(nextValue, i, newMeta));
           store.setMeta(newMeta, groupIndex, {
@@ -518,6 +520,7 @@ var GroupBy = function GroupBy(props) {
           value: v,
           children: _jsxs("div", {
             className: "Sqb-TableName green-name",
+            "data-sqb-snapshot-allow": store.snapshotMode ? 'true' : undefined,
             onClick: function onClick(e) {
               return handleUpdate(e, i);
             },

package/lib/es/components/modules/summarize/select-index.js

@@ -151,6 +151,7 @@ var SelectIndex = function SelectIndex(props) {
         data: data,
         value: value,
         ignoreGroupByType: store.ignoreGroupByType,
+        readonly: store.snapshotMode,
         onChange: function onChange(data) {
           if (hasDuplicateNoArgumentMetric(newMeta[index].group, data.condition, i)) {
             Toast.warning(summarizeWithoutArgumentMessage);
@@ -417,6 +418,7 @@ var SelectIndex = function SelectIndex(props) {
           value: v,
           children: _jsxs("div", {
             className: "Sqb-TableName green-name",
+            "data-sqb-snapshot-allow": store.snapshotMode ? 'true' : undefined,
             onClick: function onClick(e) {
               return handleUpdate(e, i);
             },

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

@@ -300,6 +300,7 @@ var TableData = function TableData(props) {
                   className: cx("Sqb-TableName", {
                     notSelected: !subQuerySelected
                   }),
+                  "data-sqb-snapshot-allow": 'true',
                   onClick: function onClick() {
                     showSubQuery(meta.subquery);
                   },

package/package.json

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