@antscorp/antsomi-ui 1.3.5-beta.511 → 1.3.5-beta.513

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

@@ -30,7 +30,7 @@ import { Typography, Switch, Flex } from '@antscorp/antsomi-ui/es/components/ato
 // Constants
 import { COLUMN_DOMAIN, OPERATORS_CODE, QUERY_KEYS, globalToken, } from '@antscorp/antsomi-ui/es/constants';
 import { MODIFY_COLUMN_DISABLE_EDITABLE, MODIFY_COLUMN_DISABLE_REMOVE, SAVED_FILTER_DEFAULT, TABLE_LISTING_PREFIX, } from './constants';
-import { DEFAULT_CELL_EMPTY, DEFAULT_TOGGLE_WIDTH, SORT_MAP } from '../../constants';
+import { DEFAULT_CELL_EMPTY, DEFAULT_PAGE_SIZE, DEFAULT_TOGGLE_WIDTH, SORT_MAP, } from '../../constants';
 // Hooks
 import { useDeepCompareEffect, useDeepCompareMemo } from '@antscorp/antsomi-ui/es/hooks';
 import { useCreateModifyColumn, useDeleteModifyColumn, useDeleteSavedFilter, useGetColumnMetrics, useGetFilterMetricList, useGetInfiniteMatchesAnyList, useGetModifyColumnList, useGetSavedFilterList, useGetSearchListing, useGetTableListing, useSaveFilter, useUpdateFilter, useUpdateModifyColumn, } from '@antscorp/antsomi-ui/es/queries';
@@ -45,7 +45,7 @@ const initialState = {
     selectedFilterId: SAVED_FILTER_DEFAULT[0].id,
     pagination: {
         page: 1,
-        pageSize: 10,
+        pageSize: DEFAULT_PAGE_SIZE,
         total: 0,
     },
     table: {
@@ -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/es/components/organism/ModifyColumnModal/ModifyColumnModal.js

@@ -218,12 +218,14 @@ export const ModifyColumnModal = props => {
             },
             body: {
                 padding: 0,
-                height: 624,
+                height: '100%',
             },
             footer: {
                 marginTop: 0,
             },
-        }, centered: true, width: 900, footer: React.createElement(Flex, { align: "center", justify: "space-between" },
+        }, centered: true, width: "65vw", style: {
+            height: '70%',
+        }, footer: React.createElement(Flex, { align: "center", justify: "space-between" },
             React.createElement(Flex, null,
                 React.createElement(Checkbox, { checked: !!editedColumnSet || state.checkedColumnSet, disabled: !!editedColumnSet, onChange: () => setState(prev => (Object.assign(Object.assign({}, prev), { checkedColumnSet: !prev.checkedColumnSet }))) }, checkedColumnSet || !!editedColumnSet ? (React.createElement(Input, { disabled: !!editedColumnSet, value: editedColumnSet ? editedColumnSet.name : columnSetName, maxLength: 255, showCount: true, onChange: e => setState(prev => (Object.assign(Object.assign({}, prev), { columnSetName: e.target.value }))) })) : (t(translations.modifyColumn.saveColumnSet).toString()))),
             React.createElement(Flex, { align: "center", gap: 10 },

package/es/components/organism/ModifyColumnModal/styled.js

@@ -8,6 +8,10 @@ import { Scrollbars } from '../../atoms/Scrollbars';
 import { globalToken } from '@antscorp/antsomi-ui/es/constants';
 export const StyledModal = styled(ModalV2) `
   .antsomi-modal-content {
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+
     .antsomi-modal-close {
       right: 15px !important;
       top: 14px !important;

package/package.json

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