react-admin-base-bootstrap 0.8.14 → 0.8.16

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);
@@ -151,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,11 +1,13 @@
-import { ReactNode } from "react";
+import React, { ReactNode } from "react";
 import BootstrapOptions from "./BootstrapOptions";
 interface BootstrapOptions {
     noCloseModal: boolean;
+    noCloseOnSave: boolean;
+    onlySaveOnDirty: boolean;
 }
 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, noCloseOnSave, onlySaveOnDirty }: BootstrapOptionsProviderProps): React.JSX.Element;
 export {};

package/lib/esm/Components/BootstrapOptions.js

@@ -1,11 +1,13 @@
 import React, { createContext, useContext, useMemo } from "react";
 const BootstrapOptionsContext = createContext({
-    noCloseModal: false
+    noCloseModal: false,
+    noCloseOnSave: false,
+    onlySaveOnDirty: false
 });
 export function useBootstrapOptions() {
     return useContext(BootstrapOptionsContext);
 }
-export default function BootstrapOptionsProvider({ children, noCloseModal }) {
-    const options = useMemo(() => ({ noCloseModal }), [noCloseModal]);
+export default function BootstrapOptionsProvider({ children, noCloseModal, noCloseOnSave, onlySaveOnDirty }) {
+    const options = useMemo(() => ({ noCloseModal, noCloseOnSave, onlySaveOnDirty }), [noCloseModal, noCloseOnSave]);
     return React.createElement(BootstrapOptionsContext.Provider, { value: options }, children);
 }

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/CRUD.js

@@ -26,8 +26,10 @@ import { Alert, Button, Col, Form, ModalFooter, ModalHeader, Row } from "reactst
 import LoadingButton from '../Components/LoadingButton';
 import BootstrapDataTable, { Actions } from './BootstrapDataTable';
 import BootstrapModal from './BootstrapModal';
+import { useBootstrapOptions } from "./BootstrapOptions";
 export function ModalEntityEditor({ entity, title, size, url, onReload, disabled, children }) {
-    const [, , save, loading] = entity;
+    const [, , save, loading, dirty] = entity;
+    const bsOptions = useBootstrapOptions();
     const [open, setOpen] = useState(true);
     const [saved, setSaved] = useState(false);
     const [error, setError] = useState(false);
@@ -59,7 +61,7 @@ export function ModalEntityEditor({ entity, title, size, url, onReload, disabled
         });
     }, [save, saved, error, onReload, url]);
     return React.createElement(React.Fragment, null,
-        (saved || !open) && url && React.createElement(Navigate, { to: url, replace: true }),
+        ((!bsOptions.noCloseOnSave && saved) || !open) && url && React.createElement(Navigate, { to: url, replace: true }),
         React.createElement(BootstrapModal, { isOpen: true, size: size, toggle: () => url ? setOpen(false) : onReload(null), fade: false },
             title && React.createElement(ModalHeader, { toggle: () => url ? setOpen(false) : onReload(null) },
                 React.createElement("b", null, title)),
@@ -68,9 +70,13 @@ export function ModalEntityEditor({ entity, title, size, url, onReload, disabled
                     React.createElement("fieldset", { disabled: !!loading || !!disabled }, children),
                     React.createElement(ModalFooter, null,
                         error && React.createElement(Alert, { color: "danger", toggle: () => setError(null), style: { display: 'block', width: '100%' } }, error),
+                        bsOptions.noCloseOnSave && !dirty && saved && React.createElement(Alert, { color: "success", style: { display: 'block', width: '100%' } },
+                            React.createElement("i", { className: "fas fa-check-circle" }),
+                            " ",
+                            React.createElement(FormattedMessage, { id: "ENTITY.SAVED" })),
                         React.createElement(Row, { className: "w-100" },
                             React.createElement(Col, null,
-                                React.createElement(LoadingButton, { block: true, loading: loading, type: "submit", color: "primary" },
+                                React.createElement(LoadingButton, { block: true, loading: loading, disabled: bsOptions.onlySaveOnDirty && !dirty, type: "submit", color: "primary" },
                                     React.createElement("i", { className: "fas fa-save" }),
                                     ' ',
                                     React.createElement(FormattedMessage, { id: "ENTITY.SAVE" }))),

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.14",
+  "version": "0.8.16",
   "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.10",
     "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();
 
@@ -196,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/Components/BootstrapOptions.tsx

@@ -3,6 +3,8 @@ import BootstrapOptions from "./BootstrapOptions";
 
 interface BootstrapOptions {
     noCloseModal: boolean;
+    noCloseOnSave: boolean;
+    onlySaveOnDirty: boolean;
 }
 
 interface BootstrapOptionsProviderProps extends BootstrapOptions {
@@ -10,15 +12,17 @@ interface BootstrapOptionsProviderProps extends BootstrapOptions {
 }
 
 const BootstrapOptionsContext = createContext<BootstrapOptions>({
-    noCloseModal: false
+    noCloseModal: false,
+    noCloseOnSave: false,
+    onlySaveOnDirty: false
 });
 
 export function useBootstrapOptions() {
     return useContext(BootstrapOptionsContext);
 }
 
-export default function BootstrapOptionsProvider({children,noCloseModal}: BootstrapOptionsProviderProps) {
-    const options = useMemo(() => ({noCloseModal}), [noCloseModal]);
+export default function BootstrapOptionsProvider({children,noCloseModal,noCloseOnSave, onlySaveOnDirty}: BootstrapOptionsProviderProps) {
+    const options = useMemo(() => ({noCloseModal,noCloseOnSave,onlySaveOnDirty}), [noCloseModal, noCloseOnSave]);
     return <BootstrapOptionsContext.Provider value={options}>
         { children }
     </BootstrapOptionsContext.Provider>;

package/src/Components/CRUD.tsx

@@ -19,7 +19,8 @@ type ModalEntityEditorParams = {
 }
 
 export function ModalEntityEditor({ entity, title, size, url, onReload, disabled, children } : ModalEntityEditorParams) {
-    const [ , , save, loading ] = entity;
+    const [ , , save, loading, dirty ] = entity;
+    const bsOptions = useBootstrapOptions();
 
     const [ open, setOpen ] = useState(true);
     const [ saved, setSaved ] = useState(false);
@@ -58,10 +59,10 @@ export function ModalEntityEditor({ entity, title, size, url, onReload, disabled
     }, [save, saved, error, onReload, url]);
 
     return <>
-        { (saved || !open) && url && <Navigate to={url} replace />}
+        { ((!bsOptions.noCloseOnSave && saved) || !open) && url && <Navigate to={url} replace />}
         <BootstrapModal isOpen size={size} toggle={() => url ? setOpen(false) : onReload(null)} fade={false}>
             { title && <ModalHeader toggle={() => url ? setOpen(false) : onReload(null)}>
-                <b>{ title }</b>
+                    <b>{ title }</b>
             </ModalHeader> }
             <ValidatorProvider>
                 <Form onSubmit={onSubmit} disabled={!!loading || disabled}>
@@ -69,12 +70,13 @@ export function ModalEntityEditor({ entity, title, size, url, onReload, disabled
                         { children }
                     </fieldset>
                     <ModalFooter>
-                      { error && <Alert color="danger" toggle={() => setError(null)} style={{ display: 'block', width: '100%' }}>{ error }</Alert>}
+                        { error && <Alert color="danger" toggle={() => setError(null)} style={{ display: 'block', width: '100%' }}>{ error }</Alert>}
+                        { bsOptions.noCloseOnSave && !dirty && saved && <Alert color="success" style={{ display: 'block', width: '100%' }}><i className="fas fa-check-circle" /> <FormattedMessage id="ENTITY.SAVED" /></Alert>}
                       <Row className="w-100">
                         <Col>
-                          <LoadingButton block loading={loading} type="submit" color="primary">
-                              <i className="fas fa-save" />{' '}<FormattedMessage id="ENTITY.SAVE" />
-                          </LoadingButton>
+                            <LoadingButton block loading={loading} disabled={bsOptions.onlySaveOnDirty && !dirty} type="submit" color="primary">
+                                <i className="fas fa-save" />{' '}<FormattedMessage id="ENTITY.SAVE" />
+                            </LoadingButton>
                         </Col>
                         <Col>
                           <Button block outline color="danger" onClick={(e) => { e.preventDefault(); (url ? setOpen(false) : onReload(null)); }}>

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,