@antscorp/antsomi-ui 1.3.5-beta.512 → 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: {

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.512",
+  "version": "1.3.5-beta.513",
   "description": "An enterprise-class UI design language and React UI library.",
   "sideEffects": [
     "dist/*",