@antscorp/antsomi-ui 1.3.5-beta.510 → 1.3.5-beta.512

package/es/components/molecules/HeaderV2/HeaderV2.js

@@ -110,7 +110,7 @@ export const HeaderV2 = memo(props => {
     const QUOTE_ENTITY = React.createElement(React.Fragment, null, "\u00BB");
     return (React.createElement(HeaderV2Styled, { className: className || '', style: style },
         React.createElement("div", { className: "left-side" },
-            showLogo && (React.createElement(LogoWrapper, null,
+            showLogo && (React.createElement(LogoWrapper, { className: "logo-wrapper" },
                 React.createElement("img", { src: SubLogoAntsomi, alt: "Antsomi sub logo" }))),
             React.createElement(AccountSelection, Object.assign({}, accountSelectionProps, { currentAccount: selectedAccount, apiConfig: accountSelectionApiConfig, onChange: handleChangeAccount, inputStyle: inputStyle })),
             React.createElement("div", { className: "title-container" },

package/es/components/molecules/HeaderV2/styled.d.ts

@@ -1,2 +1,2 @@
-export declare const HeaderV2Styled: import("styled-components").StyledComponent<"div", any, {}, never>;
 export declare const LogoWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const HeaderV2Styled: import("styled-components").StyledComponent<"div", any, {}, never>;

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

@@ -3,6 +3,15 @@ var _a, _b, _c;
 import styled from 'styled-components';
 // Constants
 import { THEME, globalToken } from '@antscorp/antsomi-ui/es/constants';
+export const LogoWrapper = styled.div `
+  height: 30px;
+  width: 30px;
+
+  img {
+    height: 100%;
+    width: 100%;
+  }
+`;
 export const HeaderV2Styled = styled.div `
   height: ${(_a = THEME.token) === null || _a === void 0 ? void 0 : _a.headerHeight};
   background-color: #f6f8fc;
@@ -22,6 +31,15 @@ export const HeaderV2Styled = styled.div `
   .left-side {
     flex: 1;
     overflow: hidden;
+
+    .logo-wrapper {
+      flex-shrink: 0;
+    }
+
+    .title-container {
+      flex: 1;
+      min-width: 0;
+    }
   }
 
   .header-breadcrumbs,
@@ -47,12 +65,3 @@ export const HeaderV2Styled = styled.div `
     color: ${globalToken === null || globalToken === void 0 ? void 0 : globalToken.colorTextBase};
   }
 `;
-export const LogoWrapper = styled.div `
-  height: 30px;
-  width: 30px;
-
-  img {
-    height: 100%;
-    width: 100%;
-  }
-`;

package/es/components/organism/DataTable/hooks/useDataTableListing/useDataTableListing.js

@@ -387,7 +387,6 @@ export function useDataTableListing(props) {
         });
     }, [mapObject, updateModifyColumn]);
     const onApplyModifyColumn = useCallback((args) => __awaiter(this, void 0, void 0, function* () {
-        var _h;
         const { selectedMetrics, columnSetName, existColumnSet } = args || {};
         const flattenMetrics = flatTree(columnMetricsData, 'child');
         const selectedColumnMetrics = selectedMetrics
@@ -396,12 +395,14 @@ export function useDataTableListing(props) {
         let exitModifyColumnId = '';
         // Update exits column set
         // columnSetName is empty that mean save for Custom column set
-        if (existColumnSet || columnSetName === '') {
+        if (existColumnSet /* || columnSetName === '' */) {
             exitModifyColumnId = (existColumnSet === null || existColumnSet === void 0 ? void 0 : existColumnSet.id) || '';
-            if (columnSetName === '') {
-                exitModifyColumnId =
-                    ((_h = modifyColumnsData === null || modifyColumnsData === void 0 ? void 0 : modifyColumnsData.find(modifyColumn => modifyColumn.modifyName === 'Custom')) === null || _h === void 0 ? void 0 : _h.modifyColId) || '';
-            }
+            // if (columnSetName === '') {
+            //   exitModifyColumnId =
+            //     modifyColumnsData?.find(
+            //       modifyColumn => modifyColumn.modifyName === 'Custom', // NOTES: Hard Custom name, will move constants
+            //     )?.modifyColId || '';
+            // }
         }
         /**
          * Check if exitModifyColumnId is not empty
@@ -423,7 +424,7 @@ export function useDataTableListing(props) {
         return {
             success: !!status,
         };
-    }), [columnMetricsData, createModifyColumn, mapObject, modifyColumnsData, updateModifyColumn]);
+    }), [columnMetricsData, createModifyColumn, mapObject, updateModifyColumn]);
     const handleUpdatePagination = useCallback((pagination) => {
         const localStorageValues = parseJSONFromLocalStorage(localStorageKey) || {};
         // Set State

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antscorp/antsomi-ui",
-  "version": "1.3.5-beta.510",
+  "version": "1.3.5-beta.512",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",
@@ -59,7 +59,7 @@
     "not op_mini all"
   ],
   "dependencies": {
-    "@antscorp/icons": "0.27.51",
+    "@antscorp/icons": "latest",
     "@antscorp/image-editor": "1.0.2",
     "@antscorp/processing-notification": "^1.0.3",
     "@dnd-kit/core": "^6.1.0",