react-admin-base-bootstrap 0.5.4 → 0.5.5

package/lib/esm/Components/BootstrapDataTable.js

@@ -114,10 +114,10 @@ export default function BootstrapTable({ url, bordered, noStrip, defaultParams,
                 React.createElement(CardHeader, null,
                     React.createElement(Row, null,
                         add && React.createElement(Col, { xs: "12", md: "2" },
-                            React.createElement(Link, { to: add, className: "btn btn-primary font-xl btn-lg d-block" },
+                            React.createElement(Link, { to: add, className: "btn btn-primary font-xl d-block" },
                                 React.createElement("i", { className: "fa fa-plus" }))),
                         React.createElement(Col, { md: "2" },
-                            React.createElement(Input, { type: "select", bsSize: "lg", value: itemPerPage.toString(), onChange: a => setItemPerPage(+a.currentTarget.value) },
+                            React.createElement(Input, { type: "select", value: itemPerPage.toString(), onChange: a => setItemPerPage(+a.currentTarget.value) },
                                 React.createElement("option", { value: "1" }, "1"),
                                 React.createElement("option", { value: "20" }, "20"),
                                 React.createElement("option", { value: "50" }, "50"),
@@ -127,10 +127,10 @@ export default function BootstrapTable({ url, bordered, noStrip, defaultParams,
                                 React.createElement("option", { value: "-1" }, intl.formatMessage({ id: "ALL" })))),
                         children[2],
                         React.createElement(Col, { md: "3", className: "ms-auto" },
-                            React.createElement(Input, { placeholder: intl.formatMessage({ id: "SEARCH" }), type: "text", value: params.query || '', bsSize: "lg", onChange: e => setParams(Object.assign(Object.assign({}, params), { query: e.currentTarget.value })) })))),
+                            React.createElement(Input, { placeholder: intl.formatMessage({ id: "SEARCH" }), type: "text", value: params.query || '', onChange: e => setParams(Object.assign(Object.assign({}, params), { query: e.currentTarget.value })) })))),
                 data === null ? React.createElement(Alert, { className: "text-center mb-0 mx-3 ", color: "warning" },
-                    React.createElement("i", { className: "fas fa-spinner fa-lg fa-spin" })) : !data.length ? React.createElement(Alert, { className: "text-center mx-3", color: "danger" },
-                    React.createElement("i", { className: "far fa-times-circle fa-lg" }),
+                    React.createElement("i", { className: "fas fa-spinner fa-spin" })) : !data.length ? React.createElement(Alert, { className: "text-center mx-3", color: "danger" },
+                    React.createElement("i", { className: "far fa-times-circle" }),
                     " ",
                     React.createElement(FormattedMessage, { id: "NO_DATA_IS_AVAILABLE" })) : React.createElement(Table, { hover: true, bordered: bordered, striped: !noStrip, responsive: true, size: "md", className: "mb-0 dataTable" },
                     children[0],

package/lib/esm/Components/BootstrapPagination.js

@@ -6,8 +6,8 @@ export default function BootstrapPagination({ className, currentPage, pageCount,
         return null;
     return React.createElement(Pagination, { listClassName: "mb-0", className: className },
         React.createElement(PaginatorCore, { activePage: currentPage, pageCount: pageCount, showPages: 15, prevPage: index => React.createElement(PaginationItem, { onClick: () => onPageChange(index) },
-                React.createElement(PaginationLink, { previous: true, tag: "button" }, "\u00AB")), page: index => React.createElement(PaginationItem, { key: index, active: currentPage === index },
-                React.createElement(PaginationLink, { tag: "button", onClick: () => onPageChange(index) }, index)), nextPage: index => React.createElement(PaginationItem, { onClick: () => onPageChange(index) },
-                React.createElement(PaginationLink, { next: true, tag: "button" }, "\u00BB")), dots: index => React.createElement(PaginationItem, { onClick: () => onPageChange(index), active: currentPage === index },
-                React.createElement(PaginationLink, { tag: "button" }, index)) }));
+                React.createElement(PaginationLink, { previous: true, tag: "button", type: "button" }, "\u00AB")), page: index => React.createElement(PaginationItem, { key: index, active: currentPage === index },
+                React.createElement(PaginationLink, { tag: "button", type: "button", onClick: () => onPageChange(index) }, index)), nextPage: index => React.createElement(PaginationItem, { onClick: () => onPageChange(index) },
+                React.createElement(PaginationLink, { next: true, tag: "button", type: "button" }, "\u00BB")), dots: index => React.createElement(PaginationItem, { onClick: () => onPageChange(index), active: currentPage === index },
+                React.createElement(PaginationLink, { tag: "button", type: "button" }, index)) }));
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-admin-base-bootstrap",
-  "version": "0.5.4",
+  "version": "0.5.5",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",

package/src/Components/BootstrapDataTable.tsx

@@ -114,9 +114,9 @@ export default function BootstrapTable({url, bordered, noStrip, defaultParams, a
             <DataContextProvider value={fetchData}>
                 <CardHeader>
                     <Row>
-                        {add && <Col xs="12" md="2"><Link to={add} className="btn btn-primary font-xl btn-lg d-block"><i className="fa fa-plus"/></Link></Col>}
+                        {add && <Col xs="12" md="2"><Link to={add} className="btn btn-primary font-xl d-block"><i className="fa fa-plus"/></Link></Col>}
                         <Col md="2">
-                            <Input type="select" bsSize="lg" value={itemPerPage.toString()} onChange={a => setItemPerPage(+a.currentTarget.value)}>
+                            <Input type="select" value={itemPerPage.toString()} onChange={a => setItemPerPage(+a.currentTarget.value)}>
                                 <option value="1">1</option>
                                 <option value="20">20</option>
                                 <option value="50">50</option>
@@ -131,14 +131,13 @@ export default function BootstrapTable({url, bordered, noStrip, defaultParams, a
                             <Input
                                 placeholder={intl.formatMessage({id: "SEARCH"})} type="text"
                                 value={params.query || ''}
-                                bsSize="lg"
                                 onChange={e => setParams({...params, query: e.currentTarget.value})}
                             />
                         </Col>
                     </Row>
                 </CardHeader>
-                    {data === null ? <Alert className="text-center mb-0 mx-3 " color="warning"><i className="fas fa-spinner fa-lg fa-spin"></i></Alert> : !data.length ? <Alert className="text-center mx-3" color="danger">
-                        <i className="far fa-times-circle fa-lg"></i> <FormattedMessage id="NO_DATA_IS_AVAILABLE"/>
+                    {data === null ? <Alert className="text-center mb-0 mx-3 " color="warning"><i className="fas fa-spinner fa-spin"></i></Alert> : !data.length ? <Alert className="text-center mx-3" color="danger">
+                        <i className="far fa-times-circle"></i> <FormattedMessage id="NO_DATA_IS_AVAILABLE"/>
                     </Alert> : <Table hover bordered={bordered} striped={!noStrip} responsive size="md" className="mb-0 dataTable">
                         {children[0]}
                         <tbody>

package/src/Components/BootstrapPagination.tsx

@@ -19,17 +19,17 @@ export default function BootstrapPagination({ className, currentPage, pageCount,
             activePage={currentPage}
             pageCount={pageCount}
             showPages={15}
-            prevPage={index => <PaginationItem onClick={() => onPageChange(index)}><PaginationLink previous tag="button">&laquo;</PaginationLink></PaginationItem>}
+            prevPage={index => <PaginationItem onClick={() => onPageChange(index)}><PaginationLink previous tag="button" type="button">&laquo;</PaginationLink></PaginationItem>}
 
             page={index => <PaginationItem key={index} active={currentPage === index}>
-                <PaginationLink tag="button" onClick={() => onPageChange(index)}>{index}</PaginationLink>
+                <PaginationLink tag="button" type="button" onClick={() => onPageChange(index)}>{index}</PaginationLink>
             </PaginationItem>}
 
             nextPage={index => <PaginationItem
-                onClick={() => onPageChange(index)}><PaginationLink next tag="button">&raquo;</PaginationLink></PaginationItem>}
+                onClick={() => onPageChange(index)}><PaginationLink next tag="button" type="button">&raquo;</PaginationLink></PaginationItem>}
 
             dots={index => <PaginationItem
-                onClick={() => onPageChange(index)} active={currentPage === index}><PaginationLink tag="button">{index}</PaginationLink></PaginationItem>}
+                onClick={() => onPageChange(index)} active={currentPage === index}><PaginationLink tag="button" type="button">{index}</PaginationLink></PaginationItem>}
         />
     </Pagination>;
 }