@antscorp/antsomi-ui 1.3.5-beta.421 → 1.3.5-beta.422

package/es/components/organism/DataTable/hooks/useDataTableListing/useDataTableListing.d.ts

@@ -10,7 +10,12 @@ interface TUseDataTableListing<TTableType = any> {
     pagination: PaginationProps;
     table: TableProps<TTableType>;
     search: TSearchActionButton;
+    /** @deprecated This selectedRowKeys is deprecated. Use selectedRow.keys instead. */
     selectedRowKeys: React.Key[];
+    selectedRow: {
+        keys: React.Key[];
+        rows: TTableType[];
+    };
     queries: {
         getTableListing: ReturnType<typeof useGetTableListing>;
         getModifyColumnList: ReturnType<typeof useGetModifyColumnList>;
@@ -27,6 +32,10 @@ type TState<TTableType = any> = {
     pagination: PaginationProps;
     table: TableProps<TTableType>;
     selectedRowKeys: React.Key[];
+    selectedRow: {
+        keys: React.Key[];
+        rows: TTableType[];
+    };
     searchValue?: string;
     sorter?: SorterResult<TTableType>;
 };

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

@@ -51,6 +51,10 @@ const initialState = {
         columnWidths: {},
     },
     selectedRowKeys: [],
+    selectedRow: {
+        keys: [],
+        rows: [],
+    },
     searchValue: '',
     sorter: {},
 };
@@ -69,7 +73,7 @@ export function useDataTableListing(props) {
     const _d = apiFilter || {}, { url: filterUrl = `${COLUMN_DOMAIN[env || 'development']}/api/filter`, enabled: enabledApiFilter = true } = _d, restOfApiFilterRequest = __rest(_d, ["url", "enabled"]);
     const _e = apiListing || {}, { url: listingUrl = '', enabled: enabledApiListing = true } = _e, restOfApiListingRequest = __rest(_e, ["url", "enabled"]);
     const _f = apiSearch || {}, { url: searchUrl = '', enabled: enabledApiSearch = true } = _f, restOfApiSearchRequest = __rest(_f, ["url", "enabled"]);
-    const { filters, selectedFilterId, pagination, selectedRowKeys, searchValue, table, sorter } = state;
+    const { filters, selectedFilterId, pagination, selectedRowKeys, searchValue, table, sorter, selectedRow, } = state;
     const { externalFilters } = filterProps || {};
     const modifyColumnAuth = Object.assign(Object.assign({}, auth), { url: columnUrl });
     const filterAuth = Object.assign(Object.assign({}, auth), { url: filterUrl });
@@ -491,8 +495,8 @@ export function useDataTableListing(props) {
             columnWidths: table.columnWidths || {},
             rowSelection: {
                 selectedRowKeys,
-                onChange(selectedRowKeys) {
-                    setState(prev => (Object.assign(Object.assign({}, prev), { selectedRowKeys })));
+                onChange(selectedRowKeys, selectedRows) {
+                    setState(prev => (Object.assign(Object.assign({}, prev), { selectedRowKeys, selectedRow: { keys: selectedRowKeys, rows: selectedRows } })));
                 },
             },
             onChange: onChangeTable,
@@ -503,7 +507,9 @@ export function useDataTableListing(props) {
                 });
             },
         },
+        /* Selected row */
         selectedRowKeys,
+        selectedRow,
         /* Search */
         search: Object.assign(Object.assign(Object.assign({ loading: isSearchListingLoading || isSearchListingFetching, searchList }, (!!(searchProps === null || searchProps === void 0 ? void 0 : searchProps.render) && {
             itemSearchRender(_item, index, node) {

package/es/tests/DataTableTest.js

@@ -25,7 +25,7 @@ export const DataTableTest = () => {
     // Variables
     const { tableCollapsed } = state;
     // Hooks
-    const { modifyColumn, filter, pagination, table, search, selectedRowKeys } = useDataTableListing({
+    const { modifyColumn, filter, pagination, table, search, selectedRowKeys, selectedRow } = useDataTableListing({
         config: {
             // auth: {}, // Default is get from AppConfigProvider
             auth: {
@@ -91,6 +91,7 @@ export const DataTableTest = () => {
             // },
         },
     });
+    console.log('selectedRowKeys', selectedRowKeys, selectedRow.keys);
     // const { filter, pagination, table, modifyColumn } = useDataTableListing<ProjectSurvey>({
     //   name: 'permission-account',
     //   config: {

package/package.json

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