@gingkoo/pandora-metabase 1.0.39 → 1.0.41

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

@@ -8,9 +8,11 @@ exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectWithoutProperties"));
 var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
-var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _jsxRuntime = require("react/jsx-runtime");
+var _react = require("react");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _locale = require("../../locale");
 var _pandora = require("@gingkoo/pandora");
@@ -27,12 +29,51 @@ var _header = _interopRequireDefault(require("./components/header"));
 var _useProvider = require("../../hooks/use-provider");
 var _excluded = ["subToolbar", "notExistsColumns", "isExit", "toolbar"];
 var TableData = function TableData(props) {
-  var _meta$subquery, _meta$subquery2, _meta$subquery3, _meta$table3, _meta$table4, _meta$table6, _meta$table7, _store$showMainColumn;
+  var _meta$subquery, _meta$subquery2, _meta$subquery3, _meta$table4, _meta$table5, _meta$table7, _meta$table8, _store$showMainColumn;
   var meta = props.meta,
     groupIndex = props.groupIndex;
   var store = (0, _useProvider.useStore)();
   var selected = Boolean(meta.table.name);
   var subQuerySelected = Boolean((_meta$subquery = meta.subquery) === null || _meta$subquery === void 0 || (_meta$subquery = _meta$subquery[0]) === null || _meta$subquery === void 0 || (_meta$subquery = _meta$subquery.table) === null || _meta$subquery === void 0 ? void 0 : _meta$subquery.name);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isDel = _useState2[0],
+    setIsDel = _useState2[1];
+  var tableIsDel = /*#__PURE__*/function () {
+    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+      var _meta$table;
+      var tableName, tables, names;
+      return _regenerator["default"].wrap(function (_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            tableName = (_meta$table = meta.table) === null || _meta$table === void 0 ? void 0 : _meta$table.name;
+            _context.next = 1;
+            return store === null || store === void 0 ? void 0 : store.fetchDataset(meta.table.datasourceId);
+          case 1:
+            tables = _context.sent;
+            names = (tables === null || tables === void 0 ? void 0 : tables.map(function (v) {
+              return v.name;
+            })) || [];
+            if (!names.includes(tableName)) {
+              setIsDel(true);
+            } else {
+              setIsDel(false);
+            }
+          case 2:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee);
+    }));
+    return function tableIsDel() {
+      return _ref.apply(this, arguments);
+    };
+  }();
+  (0, _react.useEffect)(function () {
+    setTimeout(function () {
+      tableIsDel();
+    }, 0);
+  }, [meta]);
   function selectTable(e) {
     !meta.readonly && store.setPopup({
       visible: true,
@@ -60,6 +101,7 @@ var TableData = function TableData(props) {
           store.setPopup({
             visible: false
           });
+          setIsDel(false);
         }
       })
     });
@@ -93,17 +135,17 @@ var TableData = function TableData(props) {
         }
       }),
       onOk: function () {
-        var _onOk = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee() {
+        var _onOk = (0, _asyncToGenerator2["default"])(/*#__PURE__*/_regenerator["default"].mark(function _callee2() {
           var newMetaList;
-          return _regenerator["default"].wrap(function (_context) {
-            while (1) switch (_context.prev = _context.next) {
+          return _regenerator["default"].wrap(function (_context2) {
+            while (1) switch (_context2.prev = _context2.next) {
               case 0:
                 if ((0, _utils.isValidSQLAlias)(alias)) {
-                  _context.next = 1;
+                  _context2.next = 1;
                   break;
                 }
                 _pandora.Toast.warning((0, _locale.__)('SqlQueryBuilder.aliasForRules'));
-                return _context.abrupt("return", false);
+                return _context2.abrupt("return", false);
               case 1:
                 newMetaList = store.metaList[groupIndex].list.slice(); // @ts-ignore
                 newMetaList[0].table.alias = alias;
@@ -111,9 +153,9 @@ var TableData = function TableData(props) {
                 store.setMeta(newMetaList, groupIndex);
               case 2:
               case "end":
-                return _context.stop();
+                return _context2.stop();
             }
-          }, _callee);
+          }, _callee2);
         }));
         function onOk() {
           return _onOk.apply(this, arguments);
@@ -214,12 +256,12 @@ var TableData = function TableData(props) {
     store.setMeta(newMetaList, groupIndex);
   };
   var tableIsError = function tableIsError() {
-    var _store$preProps3, _meta$table;
+    var _store$preProps3, _meta$table2;
     var aliass = ((_store$preProps3 = store.preProps) === null || _store$preProps3 === void 0 || (_store$preProps3 = _store$preProps3.notExistsColumns) === null || _store$preProps3 === void 0 ? void 0 : _store$preProps3.map(function (v) {
       return v.alias;
     })) || [];
-    var tableAlias = (_meta$table = meta.table) === null || _meta$table === void 0 ? void 0 : _meta$table.alias;
-    if (tableAlias && aliass.includes(tableAlias)) {
+    var tableAlias = (_meta$table2 = meta.table) === null || _meta$table2 === void 0 ? void 0 : _meta$table2.alias;
+    if (tableAlias && aliass.includes(tableAlias) || isDel) {
       return true;
     }
     return false;
@@ -242,48 +284,60 @@ var TableData = function TableData(props) {
               showSubQuery(meta.subquery);
             },
             children: [subQuerySelected && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
-              title: (0, _locale.__)(tableIsError() ? 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
+              title: (0, _locale.__)(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
               children: (0, _jsxRuntime.jsx)(_pandora.Button, {
                 danger: tableIsError(),
                 className: (0, _classnames["default"])(':Sqb-TableName-as', {
                   isError: tableIsError()
                 }),
                 shape: 'circle',
+                style: isDel ? {
+                  fontSize: 18,
+                  backgroundColor: '#fff',
+                  width: 'auto',
+                  height: 'auto'
+                } : {},
                 iconOnly: true,
-                primary: true,
-                icon: 'As',
+                primary: !isDel,
+                icon: isDel ? (0, _jsxRuntime.jsx)(_pandoraIcons.ExclamationCircleFill, {}) : 'As',
                 size: 'small',
                 onClick: function onClick(e) {
-                  var _meta$table2;
+                  var _meta$table3;
                   e.stopPropagation();
-                  onChangeTableAlias(((_meta$table2 = meta.table) === null || _meta$table2 === void 0 ? void 0 : _meta$table2.alias) || '');
+                  onChangeTableAlias(((_meta$table3 = meta.table) === null || _meta$table3 === void 0 ? void 0 : _meta$table3.alias) || '');
                 }
               })
-            }), subQuerySelected ? "".concat(((_meta$subquery2 = meta.subquery) === null || _meta$subquery2 === void 0 ? void 0 : _meta$subquery2[0]).table.datasourceName, ".").concat(((_meta$subquery3 = meta.subquery) === null || _meta$subquery3 === void 0 ? void 0 : _meta$subquery3[0]).table.name, " ").concat((_meta$table3 = meta.table) !== null && _meta$table3 !== void 0 && _meta$table3.alias ? "as ".concat((_meta$table4 = meta.table) === null || _meta$table4 === void 0 ? void 0 : _meta$table4.alias) : '', " ") : (0, _locale.__)('SqlQueryBuilder.setSubQuery')]
+            }), subQuerySelected ? "".concat(((_meta$subquery2 = meta.subquery) === null || _meta$subquery2 === void 0 ? void 0 : _meta$subquery2[0]).table.datasourceName, ".").concat(((_meta$subquery3 = meta.subquery) === null || _meta$subquery3 === void 0 ? void 0 : _meta$subquery3[0]).table.name, " ").concat((_meta$table4 = meta.table) !== null && _meta$table4 !== void 0 && _meta$table4.alias ? "as ".concat((_meta$table5 = meta.table) === null || _meta$table5 === void 0 ? void 0 : _meta$table5.alias) : '', " ") : (0, _locale.__)('SqlQueryBuilder.setSubQuery')]
           }) : (0, _jsxRuntime.jsxs)("div", {
             className: (0, _classnames["default"])("Sqb-TableName", {
               notSelected: !selected
             }),
             onClick: selectTable,
             children: [selected && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
-              title: (0, _locale.__)(tableIsError() ? 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
+              title: (0, _locale.__)(tableIsError() ? isDel ? 'metabase.verify' : 'SqlQueryBuilder.repeatAlias' : 'SqlQueryBuilder.alias'),
               children: (0, _jsxRuntime.jsx)(_pandora.Button, {
                 danger: tableIsError(),
                 className: (0, _classnames["default"])(':Sqb-TableName-as', {
                   isError: tableIsError()
                 }),
                 shape: 'circle',
+                style: isDel ? {
+                  fontSize: 18,
+                  backgroundColor: '#fff',
+                  width: 'auto',
+                  height: 'auto'
+                } : {},
                 iconOnly: true,
-                primary: true,
-                icon: 'As',
+                primary: !isDel,
+                icon: isDel ? (0, _jsxRuntime.jsx)(_pandoraIcons.ExclamationCircleFill, {}) : 'As',
                 size: 'small',
                 onClick: function onClick(e) {
-                  var _meta$table5;
+                  var _meta$table6;
                   e.stopPropagation();
-                  onChangeTableAlias(((_meta$table5 = meta.table) === null || _meta$table5 === void 0 ? void 0 : _meta$table5.alias) || '');
+                  onChangeTableAlias(((_meta$table6 = meta.table) === null || _meta$table6 === void 0 ? void 0 : _meta$table6.alias) || '');
                 }
               })
-            }), selected ? "".concat(meta.table.datasourceName, ".").concat(meta.table.name, " ").concat((_meta$table6 = meta.table) !== null && _meta$table6 !== void 0 && _meta$table6.alias ? "as ".concat((_meta$table7 = meta.table) === null || _meta$table7 === void 0 ? void 0 : _meta$table7.alias) : '') : (0, _locale.__)('SqlQueryBuilder.pickTable')]
+            }), selected ? "".concat(meta.table.datasourceName, ".").concat(meta.table.name, " ").concat((_meta$table7 = meta.table) !== null && _meta$table7 !== void 0 && _meta$table7.alias ? "as ".concat((_meta$table8 = meta.table) === null || _meta$table8 === void 0 ? void 0 : _meta$table8.alias) : '') : (0, _locale.__)('SqlQueryBuilder.pickTable')]
           }), store.showSubquery && (0, _jsxRuntime.jsx)(_pandora.Tooltip, {
             title: (0, _locale.__)('SqlQueryBuilder.switchSubQuery'),
             children: (0, _jsxRuntime.jsx)(_pandora.Button, {