@antscorp/antsomi-ui 1.3.5-common.2 → 1.3.5-common.3

package/dist/index.js.LICENSE.txt

@@ -168,39 +168,6 @@ For more information about SproutCore, visit http://www.sproutcore.com
  * LICENSE file in the root directory of this source tree.
  */
 
-/**
- * @remix-run/router v1.7.2
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-
-/**
- * React Router DOM v6.14.2
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-
-/**
- * React Router v6.14.2
- *
- * Copyright (c) Remix Software Inc.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE.md file in the root directory of this source tree.
- *
- * @license MIT
- */
-
 /** @license React v16.13.1
  * react-is.production.min.js
  *

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;
@@ -25,6 +20,7 @@ interface EditorTabProps {
     tabItemClassName?: string;
     listTab?: EditorTabItem[];
     activeId?: string;
+    defaultActiveId?: string;
     onActiveTab: (id: string) => void;
     onCloseTab: (tab: EditorTabItem, index: number, newTabs: EditorTabItem[]) => void;
     onConfigure: (id: string) => void;

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

@@ -9,29 +9,21 @@ 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;
-    const [activeTabId, setActiveTabId] = useState(activeId || ((_a = listTab === null || listTab === void 0 ? void 0 : listTab[0]) === null || _a === void 0 ? void 0 : _a.id));
+    const { listTab = [], activeId = '', defaultActiveId, showArrow, showDropdown, disabledScroll, onCloseTab, onActiveTab, handleAddTab, onConfigure, onSaveName, showComposeNewQuery, className, leftBlockClassName, tabItemClassName, } = props;
+    const [activeTabId, setActiveTabId] = useState(defaultActiveId || activeId || ((_a = listTab === null || listTab === void 0 ? void 0 : listTab[0]) === null || _a === void 0 ? void 0 : _a.id));
     const [arrTabs, setArrTabs] = useState(listTab || []);
     const [isEditable, setIsEditable] = useState();
     // Ref
     const leftBlockRef = useRef(null);
-    const activeTabIdx = useMemo(() => {
-        return 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);
         }
         setArrTabs(listTab);
-    }, [listTab]);
+    }, [listTab, arrTabs.length]);
     useEffect(() => {
         onActiveTab(activeTabId);
         setTimeout(() => {
@@ -42,12 +34,12 @@ export const EditorTab = props => {
                 }
             }
         }, 500);
-    }, [activeTabId]);
+    }, [activeTabId, disabledScroll, onActiveTab]);
     useEffect(() => {
         if (activeId && activeTabId !== activeId) {
             setActiveTabId(activeId);
         }
-    }, [activeId]);
+    }, [activeId, activeTabId]);
     const handleAddNew = () => {
         handleAddTab();
     };
@@ -105,6 +97,8 @@ export const EditorTab = props => {
                     }
                     setActiveTabId(arrTabs[idx + 1].id);
                     break;
+                default:
+                    break;
             }
         }
     };
@@ -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);
@@ -134,7 +128,6 @@ export const EditorTab = props => {
                             onClick: ({ key, domEvent }) => {
                                 switch (key) {
                                     case 'configure':
-                                        console.log('click configure', domEvent);
                                         setIsEditable(tab.id);
                                         onConfigure === null || onConfigure === void 0 ? void 0 : onConfigure(tab.id);
                                         break;
@@ -145,7 +138,7 @@ export const EditorTab = props => {
                                         break;
                                 }
                             },
-                        }, placement: "bottomRight", trigger: ['click'] },
+                        }, placement: "bottomRight", trigger: ['click'], destroyPopupOnHide: true },
                         React.createElement(Button, { icon: React.createElement(Icon, { type: "icon-ants-angle-left", overlayStyle: { fontSize: 12 } }), style: { transform: 'rotate(-90deg)' }, size: "small" }))) : closeable ? (React.createElement(Button, { icon: React.createElement(Icon, { type: "icon-ants-remove-slim", onClick: e => handleCloseTab(e, tab, idx), overlayStyle: { fontSize: 12 } }), size: "small" })) : null));
             })
             : null),

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

@@ -54,8 +54,15 @@ export const EditorTabStyled = styled.div `
       max-width: 200px;
       background-color: ${(_b = THEME.token) === null || _b === void 0 ? void 0 : _b.bw2};
 
+      & button {
+        display: none !important;
+      }
+
       &:hover {
         background-color: ${(_c = THEME.token) === null || _c === void 0 ? void 0 : _c.blue};
+        & button {
+          display: flex !important;
+        }
       }
 
       white-space: nowrap;
@@ -87,6 +94,9 @@ export const EditorTabStyled = styled.div `
           transform: scaleX(1);
         }
         background-color: #fff;
+        & button {
+          display: flex !important;
+        }
       }
     }
 

package/es/components/organism/LeftMenu/hooks/useLeftMenu.js

@@ -71,10 +71,10 @@ export const useLeftMenu = (props) => {
     const { data: dashboardData, refetch: refetchDashboard } = useGetDashboard({
         args: {
             auth: {
-                token: env === 'development' ? '5474r2x214z284d4w2b4y494d43464k5a4v2j464m5a4' : auth === null || auth === void 0 ? void 0 : auth.token,
-                url: env === 'development' ? `${CDP_API.production}/hub` : `${CDP_API === null || CDP_API === void 0 ? void 0 : CDP_API[env]}/hub`,
-                portalId: env === 'development' ? 561236459 : auth === null || auth === void 0 ? void 0 : auth.portalId,
-                userId: env === 'development' ? '1600083836' : auth === null || auth === void 0 ? void 0 : auth.userId,
+                token: auth === null || auth === void 0 ? void 0 : auth.token,
+                url: `${CDP_API === null || CDP_API === void 0 ? void 0 : CDP_API[env]}/hub`,
+                portalId: auth === null || auth === void 0 ? void 0 : auth.portalId,
+                userId: auth === null || auth === void 0 ? void 0 : auth.userId,
             },
             params: {
                 objectType,

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 + 36);
+    const largeScale = (height - 10) / (MOBILE_VIEWPORT.LG.height + 36);
     return css `
-        transform: scale(${scale});
+        @media screen and (max-height: 1000px) {
+          transform: scale(${smallScale});
+        }
+
+        @media screen and (min-height: 1001px) {
+          transform: scale(${largeScale});
+        }
       `;
 }}
   }

package/es/constants/theme.js

@@ -177,9 +177,9 @@ THEME.components = {
         titleFontSizeSM: 14,
         horizontalMargin: '0px',
         colorBorderSecondary: '#E5E5E5',
-        lineHeight: 1.17,
-        lineHeightLG: 1.17,
-        lineHeightSM: 1.17,
+        lineHeight: 1.143,
+        lineHeightLG: 1.143,
+        lineHeightSM: 1.143,
         itemHoverColor: (_w = THEME.token) === null || _w === void 0 ? void 0 : _w.colorPrimary,
     },
     Collapse: {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-common.2",
+  "version": "1.3.5-common.3",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -19,6 +19,7 @@
   "unpkg": "dist/index.js",
   "types": "es/index.d.ts",
   "scripts": {
+    "publish": "npm run clean && npm run build:es",
     "build:es": "npm run copy-files && npm run ts-compile",
     "clean": "rimraf dist lib es",
     "dev": "vite",