@antscorp/antsomi-ui 1.3.5-beta.319 → 1.3.5-beta.320

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

@@ -13,6 +13,7 @@ interface EditorTabItem {
 interface EditorTabProps {
     showArrow?: boolean;
     showDropdown?: boolean;
+    editNameOnConfigure?: boolean;
     disabledScroll?: boolean;
     showComposeNewQuery?: boolean;
     className?: string;
@@ -25,7 +26,7 @@ interface EditorTabProps {
     onCloseTab: (tab: EditorTabItem, index: number, newTabs: EditorTabItem[]) => void;
     onConfigure: (id: string) => void;
     onSaveName?: (id: string, value: string) => void;
-    handleAddTab: () => void;
+    onAddTab: () => void;
 }
 export declare const EditorTab: React.FC<EditorTabProps>;
 export {};

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

@@ -11,7 +11,7 @@ import { handleError } from '@antscorp/antsomi-ui/es/utils';
 const PATH = 'src/components/EditorTab/index.jsx';
 export const EditorTab = props => {
     var _a;
-    const { listTab = [], activeId = '', defaultActiveId, showArrow, showDropdown, disabledScroll, onCloseTab, onActiveTab, handleAddTab, onConfigure, onSaveName, showComposeNewQuery, className, leftBlockClassName, tabItemClassName, } = props;
+    const { listTab = [], activeId = '', defaultActiveId, showArrow, showDropdown, editNameOnConfigure, disabledScroll, onCloseTab, onActiveTab, onAddTab, 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();
@@ -41,7 +41,7 @@ export const EditorTab = props => {
         }
     }, [activeId, activeTabId]);
     const handleAddNew = () => {
-        handleAddTab();
+        onAddTab();
     };
     const handleCloseTab = (e, tab, idx) => {
         e.stopPropagation();
@@ -103,7 +103,7 @@ export const EditorTab = props => {
         }
     };
     return (React.createElement(EditorTabStyled, { className: className || '' },
-        showArrow && (React.createElement("div", { className: classnames('arrow-btn', {
+        showArrow && (React.createElement("div", { className: classnames('navigate-button', {
                 '--disabled': activeTabIdx === 0,
             }), onClick: () => onClickArrow('left') },
             React.createElement(Icon, { type: "icon-ants-angle-left" }))),
@@ -128,7 +128,8 @@ export const EditorTab = props => {
                             onClick: ({ key, domEvent }) => {
                                 switch (key) {
                                     case 'configure':
-                                        setIsEditable(tab.id);
+                                        if (editNameOnConfigure)
+                                            setIsEditable(tab.id);
                                         onConfigure === null || onConfigure === void 0 ? void 0 : onConfigure(tab.id);
                                         break;
                                     case 'remove':
@@ -139,14 +140,17 @@ export const EditorTab = props => {
                                 }
                             },
                         }, 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));
+                        React.createElement(Button, { icon: React.createElement(Icon, { type: "icon-ants-three-dot-vertical", overlayStyle: { fontSize: 12 } }), 
+                            // icon={<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),
-        showArrow && (React.createElement("div", { className: classnames('arrow-btn', '--right', {
+        showArrow && (React.createElement("div", { className: classnames('navigate-button', '--right', {
                 '--disabled': activeTabIdx === arrTabs.length - 1,
             }), onClick: () => onClickArrow('right') },
             React.createElement(Icon, { type: "icon-ants-angle-right" }))),
-        showComposeNewQuery && (React.createElement(Button, { onClick: handleAddNew, className: "new-query-btn" },
+        showComposeNewQuery && (React.createElement(Button, { onClick: handleAddNew, className: "new-query-button" },
             React.createElement(Icon, { type: "icon-ants-add-square" }),
             "New query"))));
 };

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

@@ -109,12 +109,12 @@ export const EditorTabStyled = styled.div `
     }
   }
 
-  button.new-query-btn {
+  button.new-query-button {
     margin-left: 10px;
     border: none;
   }
 
-  .arrow-btn {
+  .navigate-button {
     /* Structure Block */
     flex-shrink: 0;
     height: 100%;

package/package.json

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