@gingkoo/pandora-metabase 1.0.137 → 1.0.139-alpha.1

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

@@ -86,6 +86,7 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
     _useState12 = (0, _slicedToArray2["default"])(_useState11, 2),
     isNext = _useState12[0],
     setIsNext = _useState12[1];
+  var showLeftFormula = Boolean(formula.type);
   var setParentClosable = function setParentClosable(closable) {
     if (parentPopupChannel === 'secondary') {
       store.setClosable2(closable);
@@ -789,7 +790,7 @@ var SelectFilterColumn = function SelectFilterColumn(_ref) {
             className: 'span-name',
             onClick: goPrevPage,
             children: [(0, _jsxRuntime.jsx)(_icons.LeftArrowIcon, {}), getName(curColumn.lhs)]
-          }), leftFormula()]
+          }), showLeftFormula && leftFormula()]
         }), (0, _jsxRuntime.jsxs)("div", {
           className: 'right-info',
           children: [filterCustomType && (0, _jsxRuntime.jsx)(_pandora.Dropdown, {

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

@@ -29,7 +29,7 @@ var _helperDom = require("../../../utils/helper-dom");
 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'
+  className: 'visual-box scroller'
 })(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
 var CaseEditor = _react["default"].forwardRef(function (props, ref) {
   var _store$formulaTemplat, _fun$args;

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

@@ -162,7 +162,7 @@ var CaseWhenGroup = function CaseWhenGroup(_ref) {
           className: 'Sqb-CaseBranchIndex',
           children: branchIndex + 1
         }), (0, _jsxRuntime.jsx)("div", {
-          className: 'Sqb-CaseBranch-body',
+          className: 'Sqb-CaseBranch-body scroller-x',
           children: renderBranchContent((0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
             children: [(0, _jsxRuntime.jsxs)("div", {
               className: 'Sqb-CaseSection Sqb-CaseSection-condition',
@@ -233,7 +233,7 @@ var CaseWhenGroup = function CaseWhenGroup(_ref) {
         className: 'Sqb-CaseBranchIndex Sqb-CaseBranchIndex--else',
         "aria-hidden": 'true'
       }), (0, _jsxRuntime.jsx)("div", {
-        className: 'Sqb-CaseBranch-body',
+        className: 'Sqb-CaseBranch-body scroller-x',
         children: renderBranchContent((0, _jsxRuntime.jsxs)("div", {
           className: 'Sqb-CaseSection Sqb-CaseSection-result Sqb-CaseSection-else',
           children: [(0, _jsxRuntime.jsx)("span", {

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

@@ -496,7 +496,7 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
         children: (0, _jsxRuntime.jsxs)("div", {
           className: 'Sqb-FormulaListZoomEditor',
           children: [(0, _jsxRuntime.jsx)("div", {
-            className: 'Sqb-FormulaListZoomEditor-body',
+            className: 'Sqb-FormulaListZoomEditor-body scroller scroller-x',
             children: (0, _jsxRuntime.jsx)("div", {
               className: 'Sqb-NotebookCell Sqb-FormulaListZoomEditor-cell',
               children: (0, _jsxRuntime.jsx)(_CaseWhenGroup["default"], {
@@ -658,7 +658,7 @@ var FormulaList = (0, _react.forwardRef)(function (props, ref) {
         children: (0, _jsxRuntime.jsxs)("div", {
           className: 'Sqb-FormulaListZoomEditor',
           children: [(0, _jsxRuntime.jsx)("div", {
-            className: 'Sqb-FormulaListZoomEditor-body Sqb-FormulaListZoomEditor-body--formulaList',
+            className: 'Sqb-FormulaListZoomEditor-body Sqb-FormulaListZoomEditor-body--formulaList scroller scroller-x',
             children: (0, _jsxRuntime.jsx)(FormulaList, {
               ref: ref,
               value: draftList,

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

@@ -1649,8 +1649,8 @@
   width: 100%;
   min-width: 100%;
   box-sizing: border-box;
-  padding-left: var(--sqb-item-shell-margin-x, 14px);
-  padding-right: var(--sqb-item-shell-margin-x, 14px);
+  padding: var(--sqb-item-shell-margin-x, 14px);
+  // padding: var(--sqb-item-shell-margin-x, 14px);
 }
 
 .Sqb-FormulaListZoomEditor-body .Sqb-FormulaListZoomEditor-cell {
@@ -1736,6 +1736,14 @@
   padding-bottom: 4px;
 }
 
+.Sqb-FormulaListZoomEditor-body
+  .Sqb-CaseWhenGroup:not(.Sqb-CaseWhenGroup--nested)
+  > .Sqb-FormulaGroup-row
+  > .Sqb-CaseBranch-body:has(.Sqb-CaseWhenGroup--nested) {
+  overflow: visible;
+  padding-bottom: 0;
+}
+
 .Sqb-FormulaListZoomEditor-body
   .Sqb-CaseWhenGroup:not(.Sqb-CaseWhenGroup--nested)
   > .Sqb-FormulaGroup-row
@@ -2162,3 +2170,101 @@
   background: rgba(80, 158, 227, 0.88);
   border-color: rgba(80, 158, 227, 0.88);
 }
+
+.Sqb-FormulaGroup.logic-group > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested),
+.Sqb-FormulaGroup.logic-group
+  > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested)
+  > .Sqb-NestedFormulaList,
+.Sqb-FormulaGroup.logic-group
+  > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested)
+  > .Sqb-NestedFormulaList
+  > .Sqb-NotebookCell,
+.Sqb-FormulaGroup.logic-group
+  > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested)
+  > .Sqb-NestedFormulaList
+  > .Sqb-NotebookCell.Sqb-NotebookCell--embedded,
+.Sqb-FormulaGroup.logic-group
+  > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested)
+  > .Sqb-NestedFormulaList
+  > .Sqb-NotebookCell.Sqb-NotebookCell--embedded
+  > .Sqb-Filter-item.item-composite,
+.Sqb-FormulaGroup.logic-group
+  > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested)
+  > .Sqb-NestedFormulaList
+  > .Sqb-NotebookCell.Sqb-NotebookCell--embedded
+  > .Sqb-Filter-item.item-composite
+  > .Sqb-Filter-item-node,
+.Sqb-FormulaGroup.logic-group
+  > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested)
+  .Sqb-CaseWhenGroup.Sqb-CaseWhenGroup--nested {
+  min-width: 0;
+  max-width: 100%;
+  box-sizing: border-box;
+}
+
+.Sqb-FormulaGroup.logic-group > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested) {
+  flex: 1 1 auto;
+}
+
+.Sqb-FormulaGroup.logic-group
+  > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested)
+  > .Sqb-NestedFormulaList,
+.Sqb-FormulaGroup.logic-group
+  > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested)
+  > .Sqb-NestedFormulaList
+  > .Sqb-NotebookCell,
+.Sqb-FormulaGroup.logic-group
+  > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested)
+  > .Sqb-NestedFormulaList
+  > .Sqb-NotebookCell.Sqb-NotebookCell--embedded,
+.Sqb-FormulaGroup.logic-group
+  > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested)
+  > .Sqb-NestedFormulaList
+  > .Sqb-NotebookCell.Sqb-NotebookCell--embedded
+  > .Sqb-Filter-item.item-composite,
+.Sqb-FormulaGroup.logic-group
+  > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested)
+  > .Sqb-NestedFormulaList
+  > .Sqb-NotebookCell.Sqb-NotebookCell--embedded
+  > .Sqb-Filter-item.item-composite
+  > .Sqb-Filter-item-node,
+.Sqb-FormulaGroup.logic-group
+  > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested)
+  .Sqb-CaseWhenGroup.Sqb-CaseWhenGroup--nested {
+  flex: 1 1 auto;
+  width: 100%;
+}
+
+.Sqb-FormulaGroup.logic-group
+  > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested)
+  .Sqb-CaseWhenGroup.Sqb-CaseWhenGroup--nested
+  > .Sqb-FormulaGroup-row.row-when,
+.Sqb-FormulaGroup.logic-group
+  > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested)
+  .Sqb-CaseWhenGroup.Sqb-CaseWhenGroup--nested
+  > .Sqb-FormulaGroup-row.row-else {
+  grid-template-columns:
+    var(--sqb-case-index-column) minmax(0, 1fr)
+    var(--sqb-case-action-column);
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+}
+
+.Sqb-FormulaGroup.logic-group
+  > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested)
+  .Sqb-CaseWhenGroup.Sqb-CaseWhenGroup--nested
+  > .Sqb-FormulaGroup-row.row-when
+  > .Sqb-CaseBranch-body,
+.Sqb-FormulaGroup.logic-group
+  > .Sqb-LogicGroup-content:has(.Sqb-CaseWhenGroup--nested)
+  .Sqb-CaseWhenGroup.Sqb-CaseWhenGroup--nested
+  > .Sqb-FormulaGroup-row.row-else
+  > .Sqb-CaseBranch-body {
+  width: 100%;
+  min-width: 0;
+  max-width: 100%;
+  overflow-x: auto;
+  overflow-y: hidden;
+  padding-bottom: 4px;
+}

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

@@ -108,6 +108,12 @@ var customTypes = exports.customTypes = [{
 }, {
   value: _types.AtomsTypeEnum.EXPRESSION,
   label: (0, _locale.__)('customColumn.expression')
+}, {
+  value: _types.AtomsTypeEnum.CASE_WHEN,
+  label: (0, _locale.__)('customColumn.caseWhen')
+}, {
+  value: _types.AtomsTypeEnum.AND_OR,
+  label: (0, _locale.__)('customColumn.andOr')
 }, {
   value: _types.AtomsTypeEnum.INPUT_STRING,
   label: (0, _locale.__)('customColumn.input')

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

@@ -5,6 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.NUMBER_GROUP_MAP = exports.DATE_GROUP_MAP = void 0;
+var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/toConsumableArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _jsxRuntime = require("react/jsx-runtime");
@@ -95,32 +96,74 @@ var SelectJoinColumn = function SelectJoinColumn(_ref) {
       setCurTable(selectedTableUuid);
     }
   }, [_value]);
-  var getFieldTableKey = function getFieldTableKey(tableId, tableUuid) {
-    return tableId || tableUuid || '';
+  var normalizeIdentityValue = function normalizeIdentityValue(val) {
+    if (val === undefined || val === null) return '';
+    return "".concat(val);
   };
-  var isSameSelectedTable = function isSameSelectedTable(field, tableId, tableUuid) {
-    if (field.tableId && tableId) {
-      return field.tableId === tableId;
+  var isSourceLikeDatasource = function isSourceLikeDatasource(datasourceId) {
+    var normalizedDatasourceId = normalizeIdentityValue(datasourceId);
+    return !normalizedDatasourceId || normalizedDatasourceId === _helper.SummarizeAlias;
+  };
+  var getFieldTableKey = function getFieldTableKey(tableId, tableUuid, tableAlias, datasourceId) {
+    var normalizedTableId = normalizeIdentityValue(tableId);
+    var normalizedTableAlias = normalizeIdentityValue(tableAlias);
+    var normalizedTableUuid = normalizeIdentityValue(tableUuid);
+    var normalizedDatasourceId = normalizeIdentityValue(datasourceId);
+    var datasourceKey = isSourceLikeDatasource(normalizedDatasourceId) ? '' : normalizedDatasourceId;
+    if (normalizedTableId) {
+      return "".concat(datasourceKey, "|id:").concat(normalizedTableId, "|alias:").concat(normalizedTableAlias);
     }
-    if (field.tableUuid && tableUuid) {
-      return field.tableUuid === tableUuid;
+    if (normalizedTableUuid) {
+      return "".concat(datasourceKey, "|uuid:").concat(normalizedTableUuid);
     }
-    return false;
+    return datasourceKey;
   };
-  var getSelectedFieldKey = function getSelectedFieldKey(field) {
-    if (!field) return '';
-    var tableKey = getFieldTableKey(field.tableId, field.tableUuid);
-    var fieldKey = field.fieldId || field.fieldUuid || field.fieldName || '';
-    return "".concat(tableKey, "|").concat(fieldKey);
+  var isSameSelectedTable = function isSameSelectedTable(field, tableItem) {
+    if (!tableItem) return false;
+    var fieldDatasourceId = normalizeIdentityValue(field.datasourceId);
+    var tableDatasourceId = normalizeIdentityValue(tableItem.datasourceId);
+    if (fieldDatasourceId && tableDatasourceId && !isSourceLikeDatasource(fieldDatasourceId) && !isSourceLikeDatasource(tableDatasourceId) && fieldDatasourceId !== tableDatasourceId) {
+      return false;
+    }
+    var fieldTableId = normalizeIdentityValue(field.tableId);
+    var tableId = normalizeIdentityValue(tableItem.id);
+    if (fieldTableId && tableId) {
+      if (fieldTableId !== tableId) return false;
+      var fieldTableAlias = normalizeIdentityValue(field.tableAlias);
+      var tableAlias = normalizeIdentityValue(tableItem.alias);
+      if (fieldTableAlias && tableAlias) {
+        return fieldTableAlias === tableAlias;
+      }
+      return true;
+    }
+    var fieldTableUuid = normalizeIdentityValue(field.tableUuid);
+    var tableUuid = normalizeIdentityValue(tableItem.tableUuid);
+    return Boolean(fieldTableUuid && tableUuid && fieldTableUuid === tableUuid);
   };
-  var getColumnKey = function getColumnKey(column, isSummarizeColumn, tableId, tableUuid) {
-    var tableKey = getFieldTableKey(tableId, tableUuid);
-    var fieldKey = column.id || column.fieldId || column.fieldUuid || column.name || '';
-    return "".concat(tableKey, "|").concat(fieldKey);
+  var getFieldStableValues = function getFieldStableValues(field) {
+    var includeAlias = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    if (!field) return [];
+    return [field.fieldId, field.id, field.fieldName].concat((0, _toConsumableArray2["default"])(includeAlias ? [field.fieldAlias] : [])).map(normalizeIdentityValue).filter(Boolean);
+  };
+  var getColumnStableValues = function getColumnStableValues(column) {
+    var includeAlias = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    if (!column) return [];
+    return [column.id, column.fieldId, column.fieldName, column.name, column.realName].concat((0, _toConsumableArray2["default"])(includeAlias ? [column.fieldAlias] : [])).map(normalizeIdentityValue).filter(Boolean);
+  };
+  var isSameSelectedField = function isSameSelectedField(field, column) {
+    var includeAlias = Boolean(column.summarizeType);
+    var fieldValues = getFieldStableValues(field, includeAlias);
+    var columnValues = getColumnStableValues(column, includeAlias);
+    if (fieldValues.some(function (value) {
+      return columnValues.includes(value);
+    })) {
+      return true;
+    }
+    return Boolean(field.fieldUuid && column.fieldUuid && field.fieldUuid === column.fieldUuid);
   };
-  var isActive = function isActive(id_alias, tableId, tableUuid) {
+  var isActive = function isActive(column, tableItem) {
     return (value === null || value === void 0 ? void 0 : value.filter(function (v) {
-      return isSameSelectedTable(v, tableId, tableUuid) && getSelectedFieldKey(v) === id_alias;
+      return isSameSelectedTable(v, tableItem) && isSameSelectedField(v, column);
     }).length) > 0;
   };
   (0, _react.useEffect)(function () {
@@ -174,14 +217,8 @@ var SelectJoinColumn = function SelectJoinColumn(_ref) {
   };
   var getMatchedColumnByField = function getMatchedColumnByField(field, tableItem) {
     if (!tableItem) return null;
-    var tableId = tableItem.id || '';
-    var tableUuid = tableItem.tableUuid || '';
     return (tableItem.columns || []).find(function (column) {
-      return (0, _helper2.isSameColumnByIdFirst)((0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, column), {}, {
-        tableId: tableId,
-        tableUuid: tableUuid,
-        datasourceId: tableItem.datasourceId || ''
-      }), field);
+      return isSameSelectedField(field, column);
     }) || null;
   };
   var syncSelectedFieldByColumn = function syncSelectedFieldByColumn(field, column, tableItem) {
@@ -206,7 +243,7 @@ var SelectJoinColumn = function SelectJoinColumn(_ref) {
   (0, _react.useEffect)(function () {
     var syncedValue = (_value || []).map(function (field) {
       var tableItem = data.find(function (item) {
-        return isSameSelectedTable(field, item.id || '', item.tableUuid || '');
+        return isSameSelectedTable(field, item);
       });
       var matchedColumn = getMatchedColumnByField(field, tableItem);
       return matchedColumn ? syncSelectedFieldByColumn(field, matchedColumn, tableItem) : field;
@@ -226,7 +263,12 @@ var SelectJoinColumn = function SelectJoinColumn(_ref) {
       return;
     }
     var isHas = (value === null || value === void 0 ? void 0 : value.filter(function (v) {
-      return val && isSameSelectedTable(v, val.tableId, val.tableUuid) && (0, _helper2.isSameColumnByIdFirst)(v, val);
+      return val && isSameSelectedTable(v, {
+        id: val.tableId,
+        tableUuid: val.tableUuid,
+        alias: val.tableAlias,
+        datasourceId: val.datasourceId
+      }) && isSameSelectedField(v, val);
     }).length) > 0;
     var _value = value.slice();
     if (tableUuid != selectedTable) {
@@ -234,22 +276,26 @@ var SelectJoinColumn = function SelectJoinColumn(_ref) {
     }
     if (!isHas && val) {
       _value = _value.filter(function (v) {
-        var hasTableKey = getFieldTableKey(v.tableId, v.tableUuid);
+        var hasTableKey = getFieldTableKey(v.tableId, v.tableUuid, v.tableAlias, v.datasourceId);
         var isLegacySameField = !hasTableKey && (v.fieldId && v.fieldId === val.fieldId || v.fieldName && v.fieldName === val.fieldName);
         return !isLegacySameField;
       });
       _value.push(val);
     } else {
       _value = _value.filter(function (v) {
-        return !(val && isSameSelectedTable(v, val.tableId, val.tableUuid) && (0, _helper2.isSameColumnByIdFirst)(v, val));
+        return !(val && isSameSelectedTable(v, {
+          id: val.tableId,
+          tableUuid: val.tableUuid,
+          alias: val.tableAlias,
+          datasourceId: val.datasourceId
+        }) && isSameSelectedField(v, val));
       });
     }
     var curTableItem = data.find(function (v) {
       return v.tableUuid === tableUuid;
     });
-    var curTableId = (curTableItem === null || curTableItem === void 0 ? void 0 : curTableItem.id) || '';
     _value = _value.map(function (item2) {
-      if (!isSameSelectedTable(item2, curTableId, tableUuid)) return null;
+      if (!isSameSelectedTable(item2, curTableItem)) return null;
       var matchedColumn = getMatchedColumnByField(item2, curTableItem);
       return matchedColumn ? syncSelectedFieldByColumn(item2, matchedColumn, curTableItem) : null;
     }).filter(Boolean);
@@ -400,7 +446,6 @@ var SelectJoinColumn = function SelectJoinColumn(_ref) {
                   _v$database_type = v.database_type,
                   database_type = _v$database_type === void 0 ? '' : _v$database_type,
                   name = v.name;
-                var columnKey = getColumnKey(v, isSummarize, tableId || '', tableUuid);
                 var fieldAlias = isSummarize ? v.fieldAlias || name || '' : v.fieldAlias || '';
                 var fieldName = name || '';
                 var fieldId = v.id || '';
@@ -416,7 +461,7 @@ var SelectJoinColumn = function SelectJoinColumn(_ref) {
                   className: (0, _classnames["default"])("Sqb-List-section"),
                   children: (0, _jsxRuntime.jsx)("div", {
                     className: (0, _classnames["default"])("Sqb-List-item mx-2", {
-                      active: isActive(columnKey, tableId || '', tableUuid)
+                      active: isActive(v, tableItem)
                     }),
                     onClick: function onClick() {
                       changeValue(tableUuid, {

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

@@ -1,3 +1,39 @@
+.scroller::-webkit-scrollbar {
+  width: 4px;
+  height: 100%;
+  background: transparent;
+}
+
+.scroller::-webkit-scrollbar-thumb {
+  background: rgba(100, 100, 100, 0.4);
+  border-radius: 2px;
+
+  &:hover {
+    background: rgba(100, 100, 100, 0.7);
+  }
+}
+
+.scroller-x::-webkit-scrollbar {
+  width: 100%;
+  height: 8px;
+  background: transparent;
+}
+
+.scroller.scroller-x::-webkit-scrollbar {
+  width: 4px;
+  height: 8px;
+  background: transparent;
+}
+
+.scroller-x::-webkit-scrollbar-thumb {
+  background: rgba(100, 100, 100, 0.4);
+  border-radius: 2px;
+
+  &:hover {
+    background: rgba(100, 100, 100, 0.7);
+  }
+}
+
 .mx-4 {
   margin-left: 1rem;
   margin-right: 1rem;

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

@@ -24,7 +24,7 @@ var _useProvider = require("../../hooks/use-provider");
 var _storage = _interopRequireDefault(require("../../utils/storage"));
 var _templateObject;
 var VisualBox = _styledComponents["default"].div.attrs({
-  className: 'visual-box'
+  className: 'visual-box scroller'
 })(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
 var Metabase = function Metabase(props) {
   var _props$btnText = props.btnText,