@antscorp/antsomi-ui 1.3.5-beta.315 → 1.3.5-beta.317

package/es/components/molecules/EditorTab/EditorTab.d.ts

@@ -3,14 +3,9 @@ interface EditorTabItem {
     showIcon?: boolean;
     showDropdown?: boolean;
     closeable?: boolean;
-    formatSelectedText: string;
-    formattedQuery: string;
     id: string;
     name: string;
-    query: string;
-    type: string;
-    selectedTextOut: string;
-    queryResult: any;
+    type: 'query' | 'table-detail';
     cursorSql?: string;
     cursorSqlOut?: string;
     refreshAndFocusId?: string;

package/es/components/molecules/EditorTab/EditorTab.js

@@ -9,12 +9,6 @@ import { EditorTabStyled } from './styled';
 // Utils
 import { handleError } from '@antscorp/antsomi-ui/es/utils';
 const PATH = 'src/components/EditorTab/index.jsx';
-const constants = {
-    TAB_TYPE: {
-        QUERY: 'query',
-        TABLE_DETAIL: 'table-detail',
-    },
-};
 export const EditorTab = props => {
     var _a;
     const { listTab = [], activeId = '', showArrow, showDropdown, disabledScroll, onCloseTab, onActiveTab, handleAddTab, onConfigure, onSaveName, showComposeNewQuery, className, leftBlockClassName, tabItemClassName, } = props;
@@ -23,7 +17,7 @@ export const EditorTab = props => {
     const [isEditable, setIsEditable] = useState();
     // Ref
     const leftBlockRef = useRef(null);
-    const activeTabIdx = useMemo(() => arrTabs.findIndex(tab => tab.id === activeId), [activeId]);
+    const activeTabIdx = useMemo(() => arrTabs.findIndex(tab => tab.id === activeId), [activeId, arrTabs]);
     useEffect(() => {
         if (listTab.length - arrTabs.length === 1) {
             setActiveTabId(listTab[listTab.length - 1].id);
@@ -121,7 +115,7 @@ export const EditorTab = props => {
                         active: tab.id === activeTabId,
                     }) },
                     showIcon &&
-                        (tab.type === constants.TAB_TYPE.QUERY ? (React.createElement(Icon, { type: "icon-ants-material-outline-manage-search", overlayStyle: { fontSize: 21 } })) : (React.createElement(Icon, { type: "icon-ants-table-vertical", overlayStyle: { fontSize: 21 } }))),
+                        (tab.type === 'query' ? (React.createElement(Icon, { type: "icon-ants-material-outline-manage-search", overlayStyle: { fontSize: 21 } })) : (React.createElement(Icon, { type: "icon-ants-table-vertical", overlayStyle: { fontSize: 21 } }))),
                     isEditable === tab.id ? (React.createElement(ContentEditable, { value: tab.name, onSave: newValue => {
                             setIsEditable(undefined);
                             onSaveName === null || onSaveName === void 0 ? void 0 : onSaveName(tab.id, newValue);

package/es/components/organism/PreviewTemplateModal/components/Banner/styled.js

@@ -3,6 +3,7 @@ import styled, { css } from 'styled-components';
 import skeletonBackground from '../../../../../assets/images/background/skeleton-background.png';
 // Constants
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
+import { MOBILE_VIEWPORT } from '@antscorp/antsomi-ui/es/components/atoms/MobileFrameV2/constants';
 const THUMBNAIL_CARD_RADIUS = 5;
 export const BannerWrapper = styled.div `
   width: 100%;
@@ -19,9 +20,16 @@ export const BannerWrapper = styled.div `
   #banner-mobile {
     ${props => {
     const height = props.$height || 700;
-    const scale = (height - 10) / 722.41;
+    const smallScale = (height - 10) / MOBILE_VIEWPORT.MD.height;
+    const largeScale = (height - 10) / MOBILE_VIEWPORT.LG.height;
     return css `
-        transform: scale(${scale});
+        @media screen and (max-height: 1000px) {
+          transform: scale(${smallScale});
+        }
+
+        @media screen and (min-height: 1001px) {
+          transform: scale(${largeScale});
+        }
       `;
 }}
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.315",
+  "version": "1.3.5-beta.317",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",