@gingkoo/pandora-metabase 1.0.152 → 1.0.154

package/lib/es/components/modules/components/header.js

@@ -63,7 +63,7 @@ var Header = function Header(props) {
       })
     }), _jsx(Space, {
       className: cx(':Sqb-item-actions'),
-      children: props.onClose && !store.isMetabaseCopy && _jsx(Tooltip, {
+      children: props.onClose && !store.isMetabaseCopy && !store.snapshotMode && _jsx(Tooltip, {
         placement: 'top',
         title: __('data.del'),
         children: _jsx(CloseIcon2, {

package/lib/es/components/modules/components/item-name.js

@@ -2,12 +2,15 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Badge, Button, Tooltip } from '@gingkoo/pandora';
 import { ExclamationCircleFill } from '@gingkoo/pandora-icons';
 import { __ } from '../../../locale';
+import { useStore } from '../../../hooks/use-provider';
 var ItemName = function ItemName(props) {
   var children = props.children,
     isError = props.isError,
     message = props.message;
+  var store = useStore();
+  var showError = isError && !store.snapshotMode;
   return _jsx(Badge, {
-    count: isError ? _jsx(Tooltip, {
+    count: showError ? _jsx(Tooltip, {
       title: message || __('metabase.verify'),
       children: _jsx(Button, {
         className: 'isError',

package/lib/es/components/modules/components/item-wrapper.js

@@ -23,7 +23,7 @@ var ItemWrapper = function ItemWrapper(props) {
     store.setMetabaseCopyModule(data);
     storage._metabaseCopyModule = data;
   };
-  if (store.isMetabaseCopy && meta.type !== 'union' && meta.type !== 'data') {
+  if (store.isMetabaseCopy && !store.snapshotMode && meta.type !== 'union' && meta.type !== 'data') {
     return _jsx(Checkbox, {
       checked: metaIsCheck(store.metabaseCopyModule, meta),
       onChange: function onChange(val) {

package/lib/es/components/modules/components/meta-icon.js

@@ -314,8 +314,9 @@ var NextDom = function NextDom(props) {
       storage._metabaseCopyModule = [];
     }
   };
+  if (store.snapshotMode) return null;
   return _jsxs(_Fragment, {
-    children: [store.metabaseCopyModule && store.metabaseCopyModule.length > 0 && isShowAdd && _jsx(Tooltip, {
+    children: [store.metabaseCopyModule && store.metabaseCopyModule.length > 0 && isShowAdd && !store.snapshotMode && _jsx(Tooltip, {
       title: "\u5728\u6B64\u5904\u7C98\u8D34",
       children: _jsxs(Button, {
         className: cx(':Sqb-item-copy'),
@@ -339,7 +340,8 @@ var NextDom = function NextDom(props) {
               large: size === IconSIzeEnum.LARGE
             }),
             onClick: function onClick() {
-              return handleClick(v);
+              if (store.snapshotMode) return;
+              handleClick(v);
             },
             children: _jsxs("div", {
               children: [info.icon, size === IconSIzeEnum.LARGE ? _jsx("div", {

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,10 +316,11 @@ 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);
                     },
-                    children: [v.name, _jsx("span", {
+                    children: [v.name, !store.snapshotMode && _jsx("span", {
                       style: {
                         fontSize: 0
                       },
@@ -330,7 +332,7 @@ var CustomColumn = function CustomColumn(props) {
                   })
                 })
               }, i);
-            }), _jsx("div", {
+            }), !store.snapshotMode && _jsx("div", {
               className: "Sqb-TableName gray-name",
               onClick: function onClick(e) {
                 showSubQuery(e, -1);

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

@@ -373,6 +373,7 @@ var JoinData = function JoinData(props) {
         table: meta.table2,
         metaIndex: index,
         groupIndex: groupIndex,
+        readonly: store.snapshotMode,
         onChange: function onChange(data, newMetaList) {
           var _newMetaList = newMetaList || store.metaList[groupIndex].list.slice();
           _newMetaList[index].columns = data;
@@ -1302,6 +1303,33 @@ var JoinData = function JoinData(props) {
     }
     return false;
   };
+  var renderSwitchTypeButton = function renderSwitchTypeButton(position, expressionIndex) {
+    if (store.snapshotMode) {
+      return _jsx("span", {
+        "aria-hidden": 'true',
+        style: {
+          display: 'inline-block',
+          marginRight: 8
+        }
+      });
+    }
+    return _jsx(Tooltip, {
+      title: __('SqlQueryBuilder.switch'),
+      children: _jsx(Button, {
+        disabled: meta.readonly,
+        primary: true,
+        ghost: true,
+        className: 'mr-2 operator-icon',
+        icon: _jsx(Repeat, {}),
+        onClick: function onClick(e) {
+          onChangeType(e, {
+            position: position,
+            index: expressionIndex
+          });
+        }
+      })
+    });
+  };
   return _jsx(Wrapper, {
     className: cx("Sqb-item"),
     children: _jsxs("div", {
@@ -1357,12 +1385,13 @@ var JoinData = function JoinData(props) {
                 className: cx("Sqb-TableName", {
                   notSelected: !subQuerySelected
                 }),
+                "data-sqb-snapshot-allow": 'true',
                 onClick: function onClick() {
                   showSubQuery(meta.subquery);
                 },
                 children: [subQuerySelected && _jsx(_Fragment, {
                   children: function () {
-                    var showButton = store.tableEnableAlias || tableIsError() && isDel;
+                    var showButton = !store.snapshotMode && (store.tableEnableAlias || tableIsError() && isDel);
                     var icon = isDel ? _jsx(ExclamationCircleFill, {}) : store.tableEnableAlias ? 'As' : '';
                     return showButton ? _jsx(Tooltip, {
                       title: __(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
@@ -1403,7 +1432,7 @@ var JoinData = function JoinData(props) {
                 onClick: selectTable,
                 children: [table2Selected && _jsx(_Fragment, {
                   children: function () {
-                    var showButton = store.tableEnableAlias || tableIsError() && isDel;
+                    var showButton = !store.snapshotMode && (store.tableEnableAlias || tableIsError() && isDel);
                     var icon = isDel ? _jsx(ExclamationCircleFill, {}) : store.tableEnableAlias ? 'As' : '';
                     return showButton ? _jsx(Tooltip, {
                       title: __(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
@@ -1435,7 +1464,7 @@ var JoinData = function JoinData(props) {
                   }()
                 }), table2Selected ? "".concat(meta.table2.datasourceName, ".").concat(meta.table2.name, " ").concat((_meta$table7 = meta.table2) !== null && _meta$table7 !== void 0 && _meta$table7.alias && store.tableEnableAlias ? "as ".concat((_meta$table8 = meta.table2) === null || _meta$table8 === void 0 ? void 0 : _meta$table8.alias) : '') : __('SqlQueryBuilder.pickTable')]
               })
-            }), store.showSubquery && _jsx(Tooltip, {
+            }), store.showSubquery && (!store.snapshotMode || meta.isSubquery) && _jsx(Tooltip, {
               title: __('SqlQueryBuilder.switchSubQuery'),
               children: _jsx(Button, {
                 disabled: meta.readonly,
@@ -1452,40 +1481,10 @@ var JoinData = function JoinData(props) {
                   children: [i == 0 && _jsx("span", {
                     className: 'ml-2 mr-4 text-gray-500',
                     children: "on"
-                  }), renderItem(v.lhs, ExpressionsEnum.LEFT, i), _jsx(Tooltip, {
-                    title: __('SqlQueryBuilder.switch'),
-                    children: _jsx(Button, {
-                      disabled: meta.readonly,
-                      primary: true,
-                      ghost: true,
-                      className: 'mr-2 operator-icon',
-                      icon: _jsx(Repeat, {}),
-                      onClick: function onClick(e) {
-                        onChangeType(e, {
-                          position: ExpressionsEnum.LEFT,
-                          index: i
-                        });
-                      }
-                    })
-                  }), _jsx("span", {
+                  }), renderItem(v.lhs, ExpressionsEnum.LEFT, i), renderSwitchTypeButton(ExpressionsEnum.LEFT, i), _jsx("span", {
                     className: 'mr-2 text-gray-500',
                     children: "="
-                  }), renderItem(v.rhs, ExpressionsEnum.RIGHT, i), _jsx(Tooltip, {
-                    title: __('SqlQueryBuilder.switch'),
-                    children: _jsx(Button, {
-                      disabled: meta.readonly,
-                      primary: true,
-                      ghost: true,
-                      className: 'mr-2 operator-icon',
-                      icon: _jsx(Repeat, {}),
-                      onClick: function onClick(e) {
-                        onChangeType(e, {
-                          position: ExpressionsEnum.RIGHT,
-                          index: i
-                        });
-                      }
-                    })
-                  }), _jsx(Tooltip, {
+                  }), renderItem(v.rhs, ExpressionsEnum.RIGHT, i), renderSwitchTypeButton(ExpressionsEnum.RIGHT, i), !store.snapshotMode && _jsx(Tooltip, {
                     title: __('SqlQueryBuilder.add'),
                     children: _jsx(Dropdown, {
                       trigger: ['click'],
@@ -1501,7 +1500,7 @@ var JoinData = function JoinData(props) {
                         icon: _jsx(FfPlus, {})
                       })
                     })
-                  }), _jsx(Tooltip, {
+                  }), !store.snapshotMode && _jsx(Tooltip, {
                     title: __('SqlQueryBuilder.del'),
                     children: _jsx(Button, {
                       disabled: meta.readonly,
@@ -1557,7 +1556,7 @@ var JoinData = function JoinData(props) {
                         children: v.quotes || __('joinData.selectExpression')
                       }, i)
                     })
-                  }), _jsx(Tooltip, {
+                  }), !store.snapshotMode && _jsx(Tooltip, {
                     title: __('SqlQueryBuilder.add'),
                     children: _jsx(Dropdown, {
                       trigger: ['click'],
@@ -1573,7 +1572,7 @@ var JoinData = function JoinData(props) {
                         icon: _jsx(FfPlus, {})
                       })
                     })
-                  }), _jsx(Tooltip, {
+                  }), !store.snapshotMode && _jsx(Tooltip, {
                     title: __('SqlQueryBuilder.del'),
                     children: _jsx(Button, {
                       disabled: meta.readonly,
@@ -1608,7 +1607,7 @@ var JoinData = function JoinData(props) {
                         type: ChangeType.expressions
                       });
                     }
-                  }), _jsx(Tooltip, {
+                  }), !store.snapshotMode && _jsx(Tooltip, {
                     title: __('SqlQueryBuilder.add'),
                     children: _jsx(Dropdown, {
                       trigger: ['click'],
@@ -1624,7 +1623,7 @@ var JoinData = function JoinData(props) {
                         icon: _jsx(FfPlus, {})
                       })
                     })
-                  }), _jsx(Tooltip, {
+                  }), !store.snapshotMode && _jsx(Tooltip, {
                     title: __('SqlQueryBuilder.del'),
                     children: _jsx(Button, {
                       disabled: meta.readonly,
@@ -1638,7 +1637,7 @@ var JoinData = function JoinData(props) {
                   })]
                 }, i);
               }
-            })), ((_meta$table1 = meta.table2) === null || _meta$table1 === void 0 ? void 0 : _meta$table1.name) && ((_meta$table10 = meta.table1) === null || _meta$table10 === void 0 ? void 0 : _meta$table10.name) && (((_meta$expressions2 = meta.expressions) === null || _meta$expressions2 === void 0 ? void 0 : _meta$expressions2.length) || 0) < 1 && _jsx(Tooltip, {
+            })), !store.snapshotMode && ((_meta$table1 = meta.table2) === null || _meta$table1 === void 0 ? void 0 : _meta$table1.name) && ((_meta$table10 = meta.table1) === null || _meta$table10 === void 0 ? void 0 : _meta$table10.name) && (((_meta$expressions2 = meta.expressions) === null || _meta$expressions2 === void 0 ? void 0 : _meta$expressions2.length) || 0) < 1 && _jsx(Tooltip, {
               title: __('SqlQueryBuilder.add'),
               children: _jsx(Dropdown, {
                 trigger: ['click'],
@@ -1656,6 +1655,7 @@ var JoinData = function JoinData(props) {
               })
             }), columnsSelected && (((_store$showMainColumn = store.showMainColumn[groupIndex]) === null || _store$showMainColumn === void 0 ? void 0 : _store$showMainColumn.showColumn) || ((_store$showMainColumn2 = store.showMainColumn[groupIndex]) === null || _store$showMainColumn2 === void 0 ? void 0 : _store$showMainColumn2.index) < index) && (!store.isExit || store.isSubquery) && store.showFields && _jsx("div", {
               className: "Sqb-TableColumns",
+              "data-sqb-snapshot-allow": 'true',
               onClick: selectColumns,
               children: __('SqlQueryBuilder.columns')
             })]

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

@@ -22,6 +22,7 @@ var PermissionTable = function PermissionTable(props) {
   var _getHelper = getHelper(store.metaList[groupIndex].list, meta),
     prevTables = _getHelper.prevTables;
   function selectTable(e) {
+    if (store.snapshotMode) return;
     var _getHelper2 = getHelper(store.metaList[groupIndex].list, meta),
       ExistAboveGroupBy = _getHelper2.ExistAboveGroupBy,
       prevList = _getHelper2.prevList,

package/lib/es/components/modules/row-limit.js

@@ -14,6 +14,7 @@ var RowLimit = function RowLimit(props) {
   var store = useStore();
   var index = findIndex(store.metaList[groupIndex].list, meta);
   function handleChange(inputValue) {
+    if (store.snapshotMode) return;
     var newMeta = store.metaList[groupIndex].list.slice();
     newMeta[index].limit = inputValue;
     store.setMeta(newMeta, groupIndex);

package/lib/es/components/modules/sort.js

@@ -200,7 +200,7 @@ var Sort = function Sort(props) {
                     onClick: function onClick() {
                       return handleSort(i);
                     },
-                    children: [v.sort === SortEnum.asc ? _jsx(UpArrowIcon, {}) : _jsx(DownArrowIcon, {}), getName(v.expression), _jsx("span", {
+                    children: [v.sort === SortEnum.asc ? _jsx(UpArrowIcon, {}) : _jsx(DownArrowIcon, {}), getName(v.expression), !store.snapshotMode && _jsx("span", {
                       style: {
                         fontSize: 0
                       },
@@ -212,7 +212,7 @@ var Sort = function Sort(props) {
                   }, i)
                 })
               }, i);
-            }), _jsx("div", {
+            }), !store.snapshotMode && _jsx("div", {
               className: "Sqb-TableName gray-name",
               onClick: addSortColumn,
               children: _jsx(AddIcon, {})

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,11 +520,12 @@ 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);
             },
             children: [v.quotes && _jsx(_Fragment, {
-              children: store.groupByEnableAlias && _jsx(Tooltip, {
+              children: store.groupByEnableAlias && !store.snapshotMode && _jsx(Tooltip, {
                 title: !isValidSQLAlias(v === null || v === void 0 ? void 0 : v.fieldAlias) ? __('SqlQueryBuilder.aliasForRules') : __('SqlQueryBuilder.alias'),
                 children: _jsx(Button, {
                   className: cx(':Sqb-TableName-as :Sqb-TableName green-name', _defineProperty({}, 'isError', !isValidSQLAlias(v === null || v === void 0 ? void 0 : v.fieldAlias))),
@@ -537,7 +540,7 @@ var GroupBy = function GroupBy(props) {
                   }
                 })
               })
-            }), "".concat(v.quotes, " ").concat(v.fieldAlias ? "as ".concat(v.fieldAlias) : ''), _jsx("span", {
+            }), "".concat(v.quotes, " ").concat(v.fieldAlias ? "as ".concat(v.fieldAlias) : ''), !store.snapshotMode && _jsx("span", {
               style: {
                 fontSize: 0
               },
@@ -549,7 +552,7 @@ var GroupBy = function GroupBy(props) {
           })
         })
       }, i);
-    }), _jsx("div", {
+    }), !store.snapshotMode && _jsx("div", {
       className: cx("Sqb-TableName green-name", {
         notSelected: notBySelected
       }),

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,11 +418,12 @@ 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);
             },
             children: [v.quotes && _jsx(_Fragment, {
-              children: store.groupByEnableAlias && _jsx(Tooltip, {
+              children: store.groupByEnableAlias && !store.snapshotMode && _jsx(Tooltip, {
                 title: !isValidSQLAlias(v === null || v === void 0 ? void 0 : v.fieldAlias) ? __('SqlQueryBuilder.aliasForRules') : __('SqlQueryBuilder.alias'),
                 children: _jsx(Button, {
                   className: cx(':Sqb-TableName-as :Sqb-TableName green-name', _defineProperty({}, 'isError', !isValidSQLAlias(v === null || v === void 0 ? void 0 : v.fieldAlias))),
@@ -436,7 +438,7 @@ var SelectIndex = function SelectIndex(props) {
                   }
                 })
               })
-            }), "".concat(v.quotes, " ").concat(v.fieldAlias ? "as ".concat(v.fieldAlias) : ''), _jsx("span", {
+            }), "".concat(v.quotes, " ").concat(v.fieldAlias ? "as ".concat(v.fieldAlias) : ''), !store.snapshotMode && _jsx("span", {
               style: {
                 fontSize: 0
               },
@@ -448,7 +450,7 @@ var SelectIndex = function SelectIndex(props) {
           })
         })
       }, i);
-    }), _jsx("div", {
+    }), !store.snapshotMode && _jsx("div", {
       className: cx("Sqb-TableName green-name", {
         notSelected: notGroupSelected
       }),

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

@@ -79,7 +79,7 @@ var TableData = function TableData(props) {
     }, 0);
   }, [meta]);
   function selectTable(e) {
-    !meta.readonly && store.setPopup({
+    !meta.readonly && !store.snapshotMode && store.setPopup({
       visible: true,
       node: e.currentTarget,
       content: _jsx(SelectTable, {
@@ -122,6 +122,7 @@ var TableData = function TableData(props) {
         groupIndex: groupIndex,
         table: meta.table,
         metaIndex: 0,
+        readonly: store.snapshotMode,
         data: columns,
         onChange: function onChange(data, newMetaList) {
           var _newMetaList = newMetaList || store.metaList[groupIndex].list.slice();
@@ -299,12 +300,13 @@ var TableData = function TableData(props) {
                   className: cx("Sqb-TableName", {
                     notSelected: !subQuerySelected
                   }),
+                  "data-sqb-snapshot-allow": 'true',
                   onClick: function onClick() {
                     showSubQuery(meta.subquery);
                   },
                   children: [subQuerySelected && _jsx(_Fragment, {
                     children: function () {
-                      var showButton = store.tableEnableAlias || tableIsError() && isDel;
+                      var showButton = !store.snapshotMode && (store.tableEnableAlias || tableIsError() && isDel);
                       var icon = isDel ? _jsx(ExclamationCircleFill, {}) : store.tableEnableAlias ? 'As' : '';
                       return showButton ? _jsx(Tooltip, {
                         title: __(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
@@ -346,7 +348,7 @@ var TableData = function TableData(props) {
                 onClick: selectTable,
                 children: [selected && _jsx(_Fragment, {
                   children: function () {
-                    var showButton = store.tableEnableAlias || tableIsError() && isDel;
+                    var showButton = !store.snapshotMode && (store.tableEnableAlias || tableIsError() && isDel);
                     var icon = isDel ? _jsx(ExclamationCircleFill, {}) : store.tableEnableAlias ? 'As' : '';
                     return showButton ? _jsx(Tooltip, {
                       title: __(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
@@ -378,7 +380,7 @@ var TableData = function TableData(props) {
                   }()
                 }), 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) : '') : __('SqlQueryBuilder.pickTable')]
               })
-            }), store.showSubquery && _jsx(Tooltip, {
+            }), store.showSubquery && (!store.snapshotMode || meta.isSubquery) && _jsx(Tooltip, {
               title: __('SqlQueryBuilder.switchSubQuery'),
               children: _jsx(Button, {
                 disabled: meta.readonly,
@@ -390,6 +392,7 @@ var TableData = function TableData(props) {
               })
             }), selected && store.showFields && (!store.isExit || store.isSubquery) && ((_store$showMainColumn = store.showMainColumn[groupIndex]) === null || _store$showMainColumn === void 0 ? void 0 : _store$showMainColumn.showColumn) && _jsx("div", {
               className: "Sqb-TableColumns",
+              "data-sqb-snapshot-allow": 'true',
               onClick: selectColumns,
               children: __('SqlQueryBuilder.columns')
             })]

package/lib/es/components/modules/union.js

@@ -20,7 +20,7 @@ var RowLimit = function RowLimit(props) {
     groupIndex = props.groupIndex;
   var store = useStore();
   function selectOperator(e) {
-    !meta.readonly && store.setPopup({
+    !meta.readonly && !store.snapshotMode && store.setPopup({
       visible: true,
       node: e.currentTarget,
       content: _jsx(SelectList, {