react-admin-base-bootstrap 0.8.13 → 0.8.15

package/lib/esm/Components/BootstrapDataTable.d.ts

@@ -8,10 +8,10 @@ type ActionsProp = {
     rowSpan?: number | undefined;
     children?: React.ReactNode;
 };
-export declare function Actions({ edit, del, rowSpan, children }: ActionsProp): JSX.Element;
-export declare function IdColumn(): JSX.Element;
-export declare function ActionsColumn(): JSX.Element;
-export declare function Column(props: any): JSX.Element;
+export declare function Actions({ edit, del, rowSpan, children }: ActionsProp): React.JSX.Element;
+export declare function IdColumn(): React.JSX.Element;
+export declare function ActionsColumn(): React.JSX.Element;
+export declare function Column(props: any): React.JSX.Element;
 export interface BootstrapTableProps {
     url: string;
     bordered?: boolean;
@@ -25,7 +25,7 @@ export interface BootstrapTableProps {
 interface RowRendererProps<Row = any> {
     render: (row: Row) => React.ReactNode;
 }
-export declare function RowRenderer<Row = any>({ render }: RowRendererProps<Row>): JSX.Element;
-export declare function CustomRenderer<Row = any>({ render }: RowRendererProps<Row>): JSX.Element;
-export default function BootstrapTable({ url, bordered, noStrip, defaultParams, add, children, innerRef, body }: BootstrapTableProps): JSX.Element;
+export declare function RowRenderer<Row = any>({ render }: RowRendererProps<Row>): React.JSX.Element;
+export declare function CustomRenderer<Row = any>({ render }: RowRendererProps<Row>): React.JSX.Element;
+export default function BootstrapTable({ url, bordered, noStrip, defaultParams, add, children, innerRef, body }: BootstrapTableProps): React.JSX.Element;
 export {};

package/lib/esm/Components/BootstrapDataTable.js

@@ -93,7 +93,7 @@ export function CustomRenderer({ render }) {
 export default function BootstrapTable({ url, bordered, noStrip, defaultParams, add, children, innerRef, body }) {
     const state = useState(Object.assign({ sort: 'id' }, defaultParams));
     const [params, setParams] = state;
-    const [page, lastPage, setPage, data, itemPerPage, setItemPerPage, update] = useDataTable(url, params, body);
+    const [page, lastPage, setPage, data, itemPerPage, setItemPerPage, update, count] = useDataTable(url, params, body);
     const intl = useIntl();
     const [api] = useAuth();
     const ref = useRef(defaultParams);
@@ -142,7 +142,8 @@ 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 || '', 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 })) }))),
+                            children[3]),
                         data === null ? React.createElement(Alert, { className: "text-center mb-0 mx-3 ", color: "warning" },
                             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" }),
@@ -150,7 +151,10 @@ export default function BootstrapTable({ url, bordered, noStrip, defaultParams,
                             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],
                             children[1].type === "tbody" ? React.createElement("tbody", null, data && data.map(children[1].props.children)) : children[1]),
-                        lastPage > 1 && React.createElement(CardFooter, null,
-                            React.createElement("nav", null,
-                                React.createElement(BootstrapPagination, { currentPage: page, pageCount: lastPage, onPageChange: index => setPage(index) }))))))));
+                        (lastPage > 1 || count > 0) && React.createElement(CardFooter, null,
+                            React.createElement(Row, { className: "justify-content-between" },
+                                React.createElement(Col, null, lastPage > 1 && React.createElement("nav", null,
+                                    React.createElement(BootstrapPagination, { currentPage: page, pageCount: lastPage, onPageChange: index => setPage(index) }))),
+                                count > 0 && React.createElement(Col, { className: "col-auto align-self-center" },
+                                    React.createElement(FormattedMessage, { id: "RECORDS", values: { count } })))))))));
 }

package/lib/esm/Components/BootstrapModal.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { ModalProps } from "reactstrap";
-export default function BootstrapModal(props: ModalProps): JSX.Element;
+export default function BootstrapModal(props: ModalProps): React.JSX.Element;

package/lib/esm/Components/BootstrapOptions.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import BootstrapOptions from "./BootstrapOptions";
 interface BootstrapOptions {
     noCloseModal: boolean;
@@ -7,5 +7,5 @@ interface BootstrapOptionsProviderProps extends BootstrapOptions {
     children: ReactNode;
 }
 export declare function useBootstrapOptions(): BootstrapOptions;
-export default function BootstrapOptionsProvider({ children, noCloseModal }: BootstrapOptionsProviderProps): JSX.Element;
+export default function BootstrapOptionsProvider({ children, noCloseModal }: BootstrapOptionsProviderProps): React.JSX.Element;
 export {};

package/lib/esm/Components/BootstrapPagination.d.ts

@@ -1,8 +1,9 @@
+import React from "react";
 type BootstrapPaginationProps = {
     className?: string;
     currentPage: number;
     pageCount: number;
     onPageChange: (page: number) => void;
 };
-export default function BootstrapPagination({ className, currentPage, pageCount, onPageChange }: BootstrapPaginationProps): JSX.Element | null;
+export default function BootstrapPagination({ className, currentPage, pageCount, onPageChange }: BootstrapPaginationProps): React.JSX.Element | null;
 export {};

package/lib/esm/Components/CRUD.d.ts

@@ -9,18 +9,18 @@ type ModalEntityEditorParams = {
     disabled?: Boolean;
     children: React.ReactNode;
 };
-export declare function ModalEntityEditor({ entity, title, size, url, onReload, disabled, children }: ModalEntityEditorParams): JSX.Element;
+export declare function ModalEntityEditor({ entity, title, size, url, onReload, disabled, children }: ModalEntityEditorParams): React.JSX.Element;
 type CrudActionProps = {
     id: any;
     edit?: Boolean;
     del: string;
     children?: React.ReactNode;
 };
-export declare function CRUDActions({ id, edit, del, children }: CrudActionProps): JSX.Element;
+export declare function CRUDActions({ id, edit, del, children }: CrudActionProps): React.JSX.Element;
 interface CRUDProps extends BootstrapTableProps {
     apiUrl?: string;
     Component: any;
     noAdd?: boolean;
 }
-export default function CRUD(props: CRUDProps): JSX.Element;
+export default function CRUD(props: CRUDProps): React.JSX.Element;
 export {};

package/lib/esm/Components/CheckBox.d.ts

@@ -6,5 +6,5 @@ interface CheckBoxProps extends InputProps {
     label?: React.ReactNode;
     children?: React.ReactNode;
 }
-export default function CheckBox(props: CheckBoxProps): JSX.Element;
+export default function CheckBox(props: CheckBoxProps): React.JSX.Element;
 export {};

package/lib/esm/Components/DefaultValidatorOptions.d.ts

@@ -2,5 +2,5 @@ import React from "react";
 type DefaultValidatorOptionsProps = {
     children: React.ReactNode;
 };
-export default function DefaultValidatorOptions({ children }: DefaultValidatorOptionsProps): JSX.Element;
+export default function DefaultValidatorOptions({ children }: DefaultValidatorOptionsProps): React.JSX.Element;
 export {};

package/lib/esm/Components/DragAndDropArrow.d.ts

@@ -1,2 +1,3 @@
+import React from "react";
 import { ButtonProps } from "reactstrap";
-export default function DragAndDropArrow(props: ButtonProps): JSX.Element | null;
+export default function DragAndDropArrow(props: ButtonProps): React.JSX.Element | null;

package/lib/esm/Components/EntityEditor.d.ts

@@ -7,5 +7,5 @@ type EntityEditorParams = {
     disabled?: Boolean;
     children: React.ReactNode;
 };
-export default function EntityEditor({ entity, disabled, children, onSave, saveButtonClassName, saveButtonText }: EntityEditorParams): JSX.Element;
+export default function EntityEditor({ entity, disabled, children, onSave, saveButtonClassName, saveButtonText }: EntityEditorParams): React.JSX.Element;
 export {};

package/lib/esm/Components/ErrorBoundary.d.ts

@@ -10,5 +10,5 @@ export default class ErrorBoundary extends React.Component<{
         hasError: boolean;
         error: any;
     };
-    render(): string | number | boolean | JSX.Element | React.ReactFragment | null | undefined;
+    render(): string | number | boolean | React.JSX.Element | Iterable<React.ReactNode> | null | undefined;
 }

package/lib/esm/Components/ExcelExportButton.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 export default function ExcelExportButton({ name, header, params, size, map, extra }: {
     name: any;
     header: any;
@@ -5,4 +6,4 @@ export default function ExcelExportButton({ name, header, params, size, map, ext
     size: any;
     map: any;
     extra: any;
-}): JSX.Element;
+}): React.JSX.Element;

package/lib/esm/Components/ExternalLoginButton.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 type ExternalLoginButtonProps = {
     id: string;
     icon?: string;
     name: string;
     url: string;
 };
-export default function ExternalLoginButton({ id, icon, name, url }: ExternalLoginButtonProps): JSX.Element;
+export default function ExternalLoginButton({ id, icon, name, url }: ExternalLoginButtonProps): React.JSX.Element;
 export {};

package/lib/esm/Components/FilePickerCore.d.ts

@@ -5,7 +5,7 @@ type RelativeProps = {
 export declare function Relative({ children }: RelativeProps): React.FunctionComponentElement<any> | null;
 export declare function Preview({ value }: {
     value: any;
-}): JSX.Element | null;
+}): React.JSX.Element | null;
 export default function FilePickerCore({ disabled, index, move, className, accepts, value, onNotify, children, transform }: {
     disabled?: any;
     index?: number;
@@ -16,5 +16,5 @@ export default function FilePickerCore({ disabled, index, move, className, accep
     onNotify?: any;
     children?: any;
     transform?: any;
-}): JSX.Element | null;
+}): React.JSX.Element | null;
 export {};

package/lib/esm/Components/GoToTop.d.ts

@@ -7,5 +7,5 @@ export default class GoToTop extends React.Component {
     handleScroll(e: any): void;
     componentDidMount(): void;
     componentWillUnmount(): void;
-    render(): JSX.Element | null;
+    render(): React.JSX.Element | null;
 }

package/lib/esm/Components/ImagePicker.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { SingleFilePickerProps } from './SingleFilePicker';
 interface ImagePickerProps extends SingleFilePickerProps {
     width: number;
@@ -5,5 +6,5 @@ interface ImagePickerProps extends SingleFilePickerProps {
     type: string;
     exact?: boolean;
 }
-export default function ImagePicker(props: ImagePickerProps): JSX.Element;
+export default function ImagePicker(props: ImagePickerProps): React.JSX.Element;
 export {};

package/lib/esm/Components/LanguageProvider.d.ts

@@ -6,6 +6,6 @@ type LanguageProviderProps = {
     loader?: (language: any) => any;
     children: React.ReactNode;
 };
-export default function LanguageProvider({ defaultLanguage, languages, loader, children }: LanguageProviderProps): JSX.Element | null;
-export declare function LanguageSwitcher(): JSX.Element | null;
+export default function LanguageProvider({ defaultLanguage, languages, loader, children }: LanguageProviderProps): React.JSX.Element | null;
+export declare function LanguageSwitcher(): React.JSX.Element | null;
 export {};

package/lib/esm/Components/LoadingButton.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { ButtonProps } from 'reactstrap';
-export default function LoadingButton(props: ButtonProps): JSX.Element;
+export default function LoadingButton(props: ButtonProps): React.JSX.Element;

package/lib/esm/Components/MultiFilePicker.d.ts

@@ -8,5 +8,5 @@ type MultiFilePickerProps = {
     noMove?: boolean;
     children?: (value: any) => React.ReactNode;
 };
-export default function MultiFilePicker({ disabled, className, noMove, accepts, value, onChange, children }: MultiFilePickerProps): JSX.Element;
+export default function MultiFilePicker({ disabled, className, noMove, accepts, value, onChange, children }: MultiFilePickerProps): React.JSX.Element;
 export {};

package/lib/esm/Components/PasswordInput.d.ts

@@ -1,3 +1,4 @@
+import React from "react";
 interface PasswordInputParams {
     value?: string;
     onChange: (str: string) => any;
@@ -7,5 +8,5 @@ interface PasswordInputParams {
     required?: boolean;
     placeholder?: string;
 }
-export default function PasswordInput({ value, onChange, className, disabled, icon, required, placeholder }: PasswordInputParams): JSX.Element;
+export default function PasswordInput({ value, onChange, className, disabled, icon, required, placeholder }: PasswordInputParams): React.JSX.Element;
 export {};

package/lib/esm/Components/SingleFilePicker.d.ts

@@ -8,4 +8,4 @@ export interface SingleFilePickerProps {
     children?: (value: any) => React.ReactNode;
     transform?: any;
 }
-export default function SingleFilePicker({ disabled, className, accepts, value, onChange, transform, children }: SingleFilePickerProps): JSX.Element;
+export default function SingleFilePicker({ disabled, className, accepts, value, onChange, transform, children }: SingleFilePickerProps): React.JSX.Element;

package/lib/esm/Components/StepList.d.ts

@@ -4,11 +4,11 @@ type StepListProps = {
     setActive: (active: number) => {};
     children: React.ReactNode;
 };
-export default function StepList({ active, setActive, children }: StepListProps): JSX.Element;
+export default function StepList({ active, setActive, children }: StepListProps): React.JSX.Element;
 type StepItemProps = {
     title?: string;
     translate?: string;
     disabled?: boolean;
 };
-export declare function StepItem({ title, translate, disabled }: StepItemProps): JSX.Element;
+export declare function StepItem({ title, translate, disabled }: StepItemProps): React.JSX.Element;
 export {};

package/lib/esm/Components/ThemeProvider.d.ts

@@ -1,7 +1,8 @@
+import React from "react";
 export declare function useTheme(): any;
 export declare function useAllThemes(): any;
 export default function ThemeProvider({ themes, defaultTheme, children }: {
     themes: any;
     defaultTheme: any;
     children: any;
-}): JSX.Element;
+}): React.JSX.Element;

package/lib/esm/Components/TitleOrTranslate.d.ts

@@ -1,6 +1,7 @@
+import React from "react";
 export interface TitleOrTranslateProps {
     title?: string;
     translate?: string;
     values?: Record<string, any>;
 }
-export default function TitleOrTranslate({ title, translate, values }: TitleOrTranslateProps): JSX.Element;
+export default function TitleOrTranslate({ title, translate, values }: TitleOrTranslateProps): React.JSX.Element;

package/lib/esm/Components/Validator.d.ts

@@ -1,15 +1,16 @@
+import React from 'react';
 type ValidatorProps = {
     name: string;
     type: any;
     children: JSX.Element;
 };
-export declare function Validator({ name, type, children }: ValidatorProps): JSX.Element;
+export declare function Validator({ name, type, children }: ValidatorProps): React.JSX.Element;
 type ValueValidatorProps = {
     name: string;
     type: any;
     value: any;
     children: any;
 };
-export declare function ValueValidator({ name, value, type, children }: ValueValidatorProps): JSX.Element;
-export declare function ValidationErrors(): JSX.Element | null;
+export declare function ValueValidator({ name, value, type, children }: ValueValidatorProps): React.JSX.Element;
+export declare function ValidationErrors(): React.JSX.Element | null;
 export {};

package/lib/esm/i18n/de.json

@@ -37,5 +37,6 @@
     "ACTIONS.DELETE.TEXT": "Diese Aktion ist nicht umkehrbar!",
     "ACTIONS.DELETE.CONFIRM": "Ja, löschen!",
     "PLEASE_WAIT": "Warten Sie mal.",
-    "AUTHORIZATION_CODE": "Zugangscode"
+    "AUTHORIZATION_CODE": "Zugangscode",
+    "RECORDS": "{count, plural, =0 {kein eintrag} one {# datensatz} other {# datensätze}}"
 }

package/lib/esm/i18n/en.json

@@ -39,5 +39,6 @@
     "ACTIONS.DELETE.TEXT": "You won't be able to revert this!",
     "ACTIONS.DELETE.CONFIRM": "Yes, delete it!",
     "PLEASE_WAIT": "Please wait.",
-    "AUTHORIZATION_CODE": "Authorization Code"
+    "AUTHORIZATION_CODE": "Authorization Code",
+    "RECORDS": "{count, plural, =0 {no records} one {# record} other {# records}}"
 }

package/lib/esm/i18n/tr.json

@@ -38,5 +38,6 @@
     "ACTIONS.DELETE.TEXT": "Bu işlem geri alınamaz!",
     "ACTIONS.DELETE.CONFIRM": "Evet, sil!",
     "PLEASE_WAIT": "Lütfen bekleyiniz.",
-    "AUTHORIZATION_CODE": "Yetki Kodu"
+    "AUTHORIZATION_CODE": "Yetki Kodu",
+    "RECORDS": "{count, plural, =0 {Kayıt yok} one {# kayıt} other {# kayıt}}"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-admin-base-bootstrap",
-  "version": "0.8.13",
+  "version": "0.8.15",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -28,31 +28,31 @@
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-intl": "^6.2.10",
-    "react-router-dom": "^6.8.2"
+    "react-router-dom": "^6.13.0"
   },
   "dependencies": {
-    "@emotion/react": "^11.10.6",
-    "@fortawesome/fontawesome-free": "^6.3.0",
-    "bootstrap": "^5.2.3",
+    "@emotion/react": "^11.11.1",
+    "@fortawesome/fontawesome-free": "^6.4.0",
+    "bootstrap": "^5.3.0",
     "file-dialog": "^0.0.8",
     "modal-cropper": "^1.2.3",
     "nprogress": "^0.2.0",
     "prettysize": "^2.0.0",
-    "react-admin-base": "^0.8.5",
+    "react-admin-base": "^0.8.8",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
     "react-password-strength-bar": "^0.4.1",
     "react-responsive": "^9.0.2",
-    "react-select": "^5.7.0",
-    "reactstrap": "^9.1.6",
+    "react-select": "^5.7.3",
+    "reactstrap": "^9.2.0",
     "rewire": "^6.0.0",
-    "sweetalert2": "^11.7.3"
+    "sweetalert2": "^11.7.12"
   },
   "devDependencies": {
-    "@types/react": "^18.0.28",
+    "@types/react": "^18.2.12",
     "cross-env": "^7.0.3",
-    "nodemon": "^2.0.21",
-    "react-intl": "^6.2.10",
-    "typescript": "^4.9.5"
+    "nodemon": "^2.0.22",
+    "react-intl": "^6.4.4",
+    "typescript": "^5.1.3"
   }
 }

package/src/Components/BootstrapDataTable.tsx

@@ -126,7 +126,7 @@ export function CustomRenderer<Row = any>({render}: RowRendererProps<Row>) {
 export default function BootstrapTable({url, bordered, noStrip, defaultParams, add, children, innerRef, body}: BootstrapTableProps) {
     const state = useState({sort: 'id', ...defaultParams});
     const [params, setParams] = state;
-    const [page, lastPage, setPage, data, itemPerPage, setItemPerPage, update] = useDataTable(url, params, body);
+    const [page, lastPage, setPage, data, itemPerPage, setItemPerPage, update, count] = useDataTable(url, params, body);
     const intl = useIntl();
     const [ api ] = useAuth();
 
@@ -186,6 +186,7 @@ export default function BootstrapTable({url, bordered, noStrip, defaultParams, a
                                     />
                                 </Col>
                             </Row>
+                            {children[3]}
                         </CardHeader>
                             {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"/>
@@ -195,14 +196,24 @@ export default function BootstrapTable({url, bordered, noStrip, defaultParams, a
                                     {data && data.map(children[1].props.children)}
                                 </tbody> : children[1]}
                             </Table>}
-                        { lastPage > 1 && <CardFooter>
-                            <nav>
-                                <BootstrapPagination
-                                    currentPage={page}
-                                    pageCount={lastPage}
-                                    onPageChange={index => setPage(index)}
-                                />
-                            </nav>
+                        { (lastPage > 1 || count > 0) && <CardFooter>
+                            <Row className="justify-content-between">
+                                <Col>
+                                    { lastPage > 1 && <nav>
+                                        <BootstrapPagination
+                                            currentPage={page}
+                                            pageCount={lastPage}
+                                            onPageChange={index => setPage(index)}
+                                        />
+                                    </nav> }
+                                </Col>
+                                { count > 0 && <Col className="col-auto align-self-center">
+                                    <FormattedMessage
+                                        id="RECORDS"
+                                        values={{ count }}
+                                    />
+                                </Col> }
+                            </Row>
                         </CardFooter> }
                     </RowDatasContext.Provider>
                 </RefreshScope>

package/src/i18n/de.json

@@ -37,5 +37,6 @@
   "ACTIONS.DELETE.TEXT": "Diese Aktion ist nicht umkehrbar!",
   "ACTIONS.DELETE.CONFIRM": "Ja, löschen!",
   "PLEASE_WAIT": "Warten Sie mal.",
-  "AUTHORIZATION_CODE": "Zugangscode"
+  "AUTHORIZATION_CODE": "Zugangscode",
+  "RECORDS": "{count, plural, =0 {kein eintrag} one {# datensatz} other {# datensätze}}"
 }

package/src/i18n/en.json

@@ -39,5 +39,6 @@
   "ACTIONS.DELETE.TEXT": "You won't be able to revert this!",
   "ACTIONS.DELETE.CONFIRM": "Yes, delete it!",
   "PLEASE_WAIT": "Please wait.",
-  "AUTHORIZATION_CODE": "Authorization Code"
+  "AUTHORIZATION_CODE": "Authorization Code",
+  "RECORDS": "{count, plural, =0 {no records} one {# record} other {# records}}"
 }

package/src/i18n/tr.json

@@ -38,5 +38,6 @@
   "ACTIONS.DELETE.TEXT": "Bu işlem geri alınamaz!",
   "ACTIONS.DELETE.CONFIRM": "Evet, sil!",
   "PLEASE_WAIT": "Lütfen bekleyiniz.",
-  "AUTHORIZATION_CODE": "Yetki Kodu"
+  "AUTHORIZATION_CODE": "Yetki Kodu",
+  "RECORDS": "{count, plural, =0 {Kayıt yok} one {# kayıt} other {# kayıt}}"
 }

package/tsconfig.json

@@ -14,7 +14,6 @@
       "noImplicitThis": true,
       "noImplicitAny": false,
       "strictNullChecks": true,
-      "suppressImplicitAnyIndexErrors": true,
       "allowSyntheticDefaultImports": true,
       "resolveJsonModule": true,
       "strict": false,