@bsol-oss/react-datatable5 1.0.10 → 1.0.11

package/dist/index.d.ts

@@ -1,11 +1,11 @@
 /// <reference types="react" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode } from 'react';
 import { ColumnDef } from '@tanstack/react-table';
+import { ReactNode } from 'react';
 import * as _tanstack_table_core from '@tanstack/table-core';
 
 interface DataTableProps<T> {
-    children: ReactNode;
+    children: JSX.Element | JSX.Element[];
     url: string;
     columns: ColumnDef<T, unknown>[];
     enableRowSelection?: boolean;

package/dist/index.js

@@ -171,7 +171,7 @@ const EditSortingButton = () => {
 
 const PageSizeControl = ({ pageSizes = [10, 20, 30, 40, 50], }) => {
     const { table } = react.useContext(TableContext);
-    return (jsxRuntime.jsx("select", { value: table.getState().pagination.pageSize, onChange: (e) => {
+    return (jsxRuntime.jsx(react$1.Select, { value: table.getState().pagination.pageSize, onChange: (e) => {
             table.setPageSize(Number(e.target.value));
         }, children: pageSizes.map((pageSize) => (jsxRuntime.jsx("option", { value: pageSize, children: pageSize }, pageSize))) }));
 };

package/dist/index.mjs

@@ -2,7 +2,7 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { createContext, useState, useEffect, useContext } from 'react';
 import { useReactTable, getCoreRowModel, flexRender } from '@tanstack/react-table';
 import axios from 'axios';
-import { Popover, PopoverTrigger, IconButton, PopoverContent, PopoverArrow, PopoverBody, Flex, FormControl, Checkbox, Button, Box, Text, Input, Tooltip, Container, Table as Table$1, Grid, Card, CardBody, Tfoot, Tr as Tr$1, Th, Thead, ButtonGroup } from '@chakra-ui/react';
+import { Popover, PopoverTrigger, IconButton, PopoverContent, PopoverArrow, PopoverBody, Flex, FormControl, Checkbox, Button, Box, Text, Input, Tooltip, Select, Container, Table as Table$1, Grid, Card, CardBody, Tfoot, Tr as Tr$1, Th, Thead, ButtonGroup } from '@chakra-ui/react';
 import { IoMdEye } from 'react-icons/io';
 import { MdFilterAlt, MdOutlineSort, MdFilterListAlt, MdFirstPage, MdArrowBack, MdArrowForward, MdLastPage } from 'react-icons/md';
 import { ChevronUpIcon, UpDownIcon, ChevronDownIcon, CloseIcon } from '@chakra-ui/icons';
@@ -169,7 +169,7 @@ const EditSortingButton = () => {
 
 const PageSizeControl = ({ pageSizes = [10, 20, 30, 40, 50], }) => {
     const { table } = useContext(TableContext);
-    return (jsx("select", { value: table.getState().pagination.pageSize, onChange: (e) => {
+    return (jsx(Select, { value: table.getState().pagination.pageSize, onChange: (e) => {
             table.setPageSize(Number(e.target.value));
         }, children: pageSizes.map((pageSize) => (jsx("option", { value: pageSize, children: pageSize }, pageSize))) }));
 };

package/dist/types/components/DataTable.d.ts

@@ -1,7 +1,7 @@
-import { ReactNode } from "react";
+/// <reference types="react" />
 import { ColumnDef } from "@tanstack/react-table";
 export interface DataTableProps<T> {
-    children: ReactNode;
+    children: JSX.Element | JSX.Element[];
     url: string;
     columns: ColumnDef<T, unknown>[];
     enableRowSelection?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bsol-oss/react-datatable5",
-  "version": "1.0.10",
+  "version": "1.0.11",
   "type": "module",
   "main": "dist/index.js",
   "module": "dist/index.mjs",