react-admin-base-bootstrap 0.5.0

package/.yarnrc

@@ -0,0 +1 @@
+--install.no-lockfile true

package/assets/main.css

@@ -0,0 +1,63 @@
+
+@import "~nprogress/nprogress.css";
+@import "~sweetalert2/dist/sweetalert2.css";
+@import "~@fortawesome/fontawesome-free/css/all.min.css";
+
+// Image Picker
+@import url('~tingle.js/dist/tingle.css');
+@import url('~cropperjs/dist/cropper.css');
+
+.tingle-modal--visible {
+  z-index: 10000;
+}
+
+@media (max-width: 540px) {
+  .tingle-modal-box__footer .tingle-btn.tingle-btn--danger {
+	display:none;
+  }
+  
+  .tingle-modal-box__content {
+	padding: 1.5rem 3rem;
+  }
+
+  .tingle-modal-box {
+	width: 100%;
+  }
+
+  .price_in {
+	margin-bottom: 24px;
+  }
+}
+
+.tingle-modal.tingle-modal--visible {
+  display: flex;
+  flex-direction: column;
+}
+
+.tingle-modal-box {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+}
+
+.tingle-modal-box__content {
+  flex: 1;
+  position: relative;
+}
+
+.tingle-modal-box__content > div {
+  position: absolute;
+  left:0;
+  right:0;
+  top:0;
+  bottom:0;
+}
+
+.tingle-modal--overflow {
+  overflow-y: hidden !important;
+  padding-top: 0 !important;
+}
+
+.tingle-modal-box__footer {
+  text-align: center;
+}

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

@@ -0,0 +1,3 @@
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+export default function ApiSelect(props: any): jsx.JSX.Element;

package/lib/esm/Components/ApiSelect.js

@@ -0,0 +1,82 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+/** @jsx jsx */
+import { jsx } from '@emotion/react';
+import React, { useCallback, useMemo, useState } from 'react';
+import { useFetch } from 'react-admin-base';
+import { FormattedMessage, useIntl } from 'react-intl';
+import Select, { components } from "react-select";
+import CreatableSelect from 'react-select/creatable';
+function Option(props) {
+    return jsx(components.Option, Object.assign({}, props), (props.selectProps.children && props.selectProps.children(props.data)) || (props.data.__isNew__ ? jsx(FormattedMessage, { id: "CREATE_VALUE", values: { text: props.children } }) : props.children));
+}
+function SingleValue(props) {
+    return jsx(components.SingleValue, Object.assign({}, props), (props.selectProps.children && props.selectProps.children(props.data)) || (props.data.__isNew__ ? jsx(FormattedMessage, { id: "CREATE_VALUE", values: { text: props.children } }) : props.children));
+}
+function EditOrAddIndicator(props) {
+    const { className, cx, getStyles, innerProps } = props;
+    return (jsx("div", Object.assign({}, innerProps, { className: cx({
+            indicator: true,
+            'clear-indicator': true
+        }, className), css: getStyles('clearIndicator', props), onMouseDown: e => {
+            e.stopPropagation();
+            e.preventDefault();
+            props.selectProps.onAddOrEdit();
+        } }),
+        jsx("i", { className: "fas " + (props.hasValue ? 'fa-pencil-alt' : 'fa-plus') })));
+}
+function IndicatorsContainer(props) {
+    return jsx(components.IndicatorsContainer, Object.assign({}, props),
+        props.selectProps.onAddOrEdit && jsx(React.Fragment, null,
+            jsx(EditOrAddIndicator, Object.assign({}, props)),
+            jsx(components.IndicatorSeparator, Object.assign({}, props))),
+        props.children);
+}
+const Components = { Option, SingleValue, IndicatorsContainer };
+export default function ApiSelect(props) {
+    const { disabled, url, getOptionLabel, getOptionValue, idKey, nameKey, filter, group, onCreateOption, getNewOptionData, isMulti, onChange, value, placeholder, staticOptions } = props;
+    const intl = useIntl();
+    const [search, setSearch] = useState('');
+    const params = useMemo(() => ({ query: search }), [search]);
+    const [isMenuOpen, setIsMenuOpen] = useState(false);
+    const [hasMenuOpen, setHasMenuOpen] = useState(false);
+    const [data, loading] = useFetch((hasMenuOpen && url) || false, params);
+    const [creating, setCreating] = useState(false);
+    let options = staticOptions || (data && data.data) || data;
+    if (group) {
+        options = group(options || []);
+    }
+    const handleCreateOption = useCallback(function (input) {
+        return __awaiter(this, void 0, void 0, function* () {
+            setCreating(true);
+            try {
+                let option = yield onCreateOption(input);
+                if (isMulti) {
+                    onChange((value || []).concat([option]));
+                }
+                else {
+                    onChange(option);
+                }
+            }
+            finally {
+                setCreating(false);
+            }
+        });
+    }, [onCreateOption, setCreating, isMulti, value]);
+    const onMenuOpen = useCallback(function () {
+        setIsMenuOpen(true);
+        setHasMenuOpen(true);
+    }, [setIsMenuOpen, setHasMenuOpen]);
+    const onMenuClose = useCallback(function () {
+        setIsMenuOpen(false);
+    }, [setIsMenuOpen]);
+    const Component = onCreateOption ? CreatableSelect : Select;
+    return jsx(Component, Object.assign({}, props, { onCreateOption: (onCreateOption && handleCreateOption) || null, getNewOptionData: onCreateOption ? getNewOptionData ? getNewOptionData : (inputValue) => ({ [nameKey || 'name']: inputValue, __isNew__: true }) : null, inputValue: search, onInputChange: a => setSearch(a), components: Components, isLoading: !!loading || creating, getOptionLabel: getOptionLabel || ((row) => row[nameKey || 'name']), getOptionValue: getOptionValue || ((row) => row[idKey || 'id']), isDisabled: !!disabled || creating, isClearable: true, isSearchable: true, placeholder: placeholder || intl.formatMessage({ id: 'SELECT' }), options: !options ? [] : ((filter && options.filter(filter)) || options), isMenuOpen: isMenuOpen, onMenuOpen: onMenuOpen, onMenuClose: onMenuClose }));
+}

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+export declare function useDataTableContext(): any;
+export declare function Actions({ edit, del, rowSpan, children }: {
+    edit: any;
+    del: any;
+    rowSpan?: any;
+    children?: any;
+}): JSX.Element;
+export declare function IdColumn(): JSX.Element;
+export declare function ActionsColumn(): JSX.Element;
+export declare function Column(props: any): JSX.Element;
+export default function BootstrapTable({ url, bordered, noStrip, defaultParams, add, children, innerRef, body }: any): JSX.Element;

package/lib/esm/Components/BootstrapDataTable.js

@@ -0,0 +1,141 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { useCallback, useContext, useEffect, useRef, useState } from 'react';
+import { DataContextProvider, useAuth, useDataTable } from 'react-admin-base';
+import { FormattedMessage, useIntl } from "react-intl";
+import { Link } from 'react-router-dom';
+import { Alert, Button, Card, CardFooter, CardHeader, Col, Input, Row, Table } from 'reactstrap';
+import Swal from 'sweetalert2';
+import BootstrapPagination from "./BootstrapPagination";
+const DataTableContext = React.createContext(null);
+export function useDataTableContext() {
+    return useContext(DataTableContext);
+}
+export function Actions({ edit, del, rowSpan, children }) {
+    const [api] = useAuth();
+    const [, setParams] = useContext(DataTableContext);
+    const intl = useIntl();
+    const [loading, setLoading] = useState(false);
+    const delFnc = useCallback(function (e) {
+        return __awaiter(this, void 0, void 0, function* () {
+            e && e.preventDefault();
+            const val = yield Swal.fire({
+                title: intl.formatMessage({ id: 'ACTIONS.DELETE.TITLE' }),
+                text: intl.formatMessage({ id: 'ACTIONS.DELETE.TEXT' }),
+                icon: 'warning',
+                showCancelButton: true,
+                confirmButtonColor: '#3085d6',
+                cancelButtonColor: '#d33',
+                confirmButtonText: intl.formatMessage({ id: 'ACTIONS.DELETE.CONFIRM' })
+            });
+            if (val.value) {
+                setLoading(true);
+                try {
+                    yield api.tokenized.delete(del);
+                    setParams({}, true);
+                }
+                finally {
+                    setLoading(false);
+                }
+            }
+        });
+    }, [api, del, setParams, intl, setLoading]);
+    return React.createElement("td", { className: "min", rowSpan: rowSpan },
+        edit && React.createElement(Link, { to: edit },
+            React.createElement(Button, { outline: true, color: "primary" },
+                React.createElement("i", { className: "fa fa-pencil-alt" }))),
+        edit && del && ' ',
+        del && React.createElement(Button, { color: "danger", outline: true, onClick: delFnc, disabled: loading },
+            React.createElement("i", { className: loading ? "fa fa-spin fa-spinner" : "fa fa-trash" })),
+        children);
+}
+export function IdColumn() {
+    return React.createElement(Column, { className: "min text-center", sort: "id" },
+        React.createElement("i", { className: "fas fa-hashtag" }));
+}
+export function ActionsColumn() {
+    return React.createElement(Column, { className: "min text-center" },
+        React.createElement("i", { className: "fas fa-water" }));
+}
+export function Column(props) {
+    const [params, setParams] = useContext(DataTableContext);
+    const { sort } = props;
+    return React.createElement("th", Object.assign({}, props, { style: props.sort && { cursor: 'pointer' }, onClick: props.sort && (() => setParams({
+            sort: sort,
+            desc: params.sort === sort ? !params.desc : true
+        })) }),
+        props.children,
+        " ",
+        sort && params.sort && params.sort === sort ? params.desc ?
+            React.createElement("i", { className: "fa fa-sort-down" }) :
+            React.createElement("i", { className: "fa fa-sort-up" }) : '');
+}
+export default function BootstrapTable({ url, bordered, noStrip, defaultParams, add, children, innerRef, body }) {
+    var state = useState(Object.assign({ sort: 'id' }, defaultParams));
+    const [params, setParams] = state;
+    const [page, lastPage, setPage, data, itemPerPage, setItemPerPage] = useDataTable(url, params, body);
+    const intl = useIntl();
+    const [api] = useAuth();
+    var ref = useRef(defaultParams);
+    useEffect(function () {
+        if (ref.current !== defaultParams) {
+            ref.current = defaultParams;
+            setParams(defaultParams);
+        }
+    }, [defaultParams, ref, setParams]);
+    useEffect(function () {
+        if (innerRef) {
+            innerRef.current = setParams;
+            return function () {
+                innerRef.current = null;
+            };
+        }
+    }, [setParams, innerRef]);
+    const fetchData = useCallback(function (extraParams) {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (body) {
+                const data = yield api.tokenized.post(url, body, { params: Object.assign(Object.assign({}, params), (extraParams || {})) });
+                return data.data;
+            }
+            const data = yield api.tokenized.get(url, { params: Object.assign(Object.assign({}, params), (extraParams || {})) });
+            return data.data;
+        });
+    }, [api, url, params, body]);
+    return React.createElement(Card, null,
+        React.createElement(DataTableContext.Provider, { value: state },
+            React.createElement(DataContextProvider, { value: fetchData },
+                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("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("option", { value: "1" }, "1"),
+                                React.createElement("option", { value: "20" }, "20"),
+                                React.createElement("option", { value: "50" }, "50"),
+                                React.createElement("option", { value: "100" }, "100"),
+                                React.createElement("option", { value: "150" }, "150"),
+                                React.createElement("option", { value: "200" }, "200"),
+                                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 })) })))),
+                data === null ? React.createElement(Alert, { className: "text-center mb-0 ", color: "warning" },
+                    React.createElement("i", { className: "fas fa-spinner fa-lg fa-spin" })) : !data.length ? React.createElement(Alert, { className: "text-center", color: "danger" },
+                    React.createElement("i", { className: "far fa-times-circle fa-lg" }),
+                    " ",
+                    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],
+                    React.createElement("tbody", null, data && data.map(children[1].props.children))),
+                lastPage > 1 && React.createElement(CardFooter, null,
+                    React.createElement("nav", null,
+                        React.createElement(BootstrapPagination, { currentPage: page, pageCount: lastPage, onPageChange: index => setPage(index) }))))));
+}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+declare 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 {};

package/lib/esm/Components/BootstrapPagination.js

@@ -0,0 +1,13 @@
+import React from "react";
+import { PaginatorCore } from 'react-admin-base';
+import { Pagination, PaginationItem, PaginationLink } from "reactstrap";
+export default function BootstrapPagination({ className, currentPage, pageCount, onPageChange }) {
+    if (pageCount <= 1)
+        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)) }));
+}

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

@@ -0,0 +1,20 @@
+import React from 'react';
+declare type ModalEntityEditorParams = {
+    entity: any;
+    title?: string;
+    size?: string;
+    url?: string;
+    onReload?: any;
+    disabled?: Boolean;
+    children: React.ReactNode;
+};
+export declare function ModalEntityEditor({ entity, title, size, url, onReload, disabled, children }: ModalEntityEditorParams): JSX.Element;
+declare type CrudActionProps = {
+    id: any;
+    edit?: Boolean;
+    del: string;
+    children?: React.ReactNode;
+};
+export declare function CRUDActions({ id, edit, del, children }: CrudActionProps): JSX.Element;
+export default function CRUD(props: any): JSX.Element;
+export {};

package/lib/esm/Components/CRUD.js

@@ -0,0 +1,88 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { useCallback, useContext, useRef, useState } from 'react';
+import { ValidatorProvider } from "react-admin-base";
+import { FormattedMessage } from 'react-intl';
+import { Redirect, Route } from 'react-router-dom';
+import { Alert, Button, Form, Modal, ModalFooter, ModalHeader } from "reactstrap";
+import LoadingButton from '../Components/LoadingButton';
+import BootstrapDataTable, { Actions } from './BootstrapDataTable';
+export function ModalEntityEditor({ entity, title, size, url, onReload, disabled, children }) {
+    const [, , save, loading] = entity;
+    const [open, setOpen] = useState(true);
+    const [saved, setSaved] = useState(false);
+    const [error, setError] = useState(false);
+    const onSubmit = useCallback(function (e) {
+        return __awaiter(this, void 0, void 0, function* () {
+            e.stopPropagation();
+            e.preventDefault();
+            if (saved) {
+                setSaved(false);
+            }
+            if (error) {
+                setError(null);
+            }
+            try {
+                let data = yield save();
+                if (onReload) {
+                    yield onReload(data);
+                }
+                if (url) {
+                    setSaved(true);
+                }
+            }
+            catch (e) {
+                console.error(e);
+                setError((e.response && e.response.data && e.response.data.message) || (error.data && error.data.message) || e.data || e.message || e);
+            }
+            finally {
+            }
+        });
+    }, [save, saved, error, onReload, url]);
+    return React.createElement(React.Fragment, null,
+        (saved || !open) && url && React.createElement(Redirect, { to: url }),
+        React.createElement(Modal, { 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)),
+            React.createElement(ValidatorProvider, null,
+                React.createElement(Form, { onSubmit: onSubmit, disabled: !!loading || 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),
+                        React.createElement(LoadingButton, { block: true, loading: loading, type: "submit", color: "primary" },
+                            React.createElement("i", { className: "fas fa-save" }),
+                            ' ',
+                            React.createElement(FormattedMessage, { id: "ENTITY.SAVE" })),
+                        React.createElement(Button, { block: true, outline: true, color: "danger", onClick: (e) => { e.preventDefault(); (url ? setOpen(false) : onReload(null)); } },
+                            React.createElement("i", { className: "fas fa-times-circle" }),
+                            ' ',
+                            React.createElement(FormattedMessage, { id: "ENTITY.CANCEL" })))))));
+}
+const UrlContext = React.createContext(null);
+export function CRUDActions({ id, edit, del, children }) {
+    const url = useContext(UrlContext);
+    return React.createElement(Actions, { edit: edit && (url + "/" + id + "/edit"), del: del }, children);
+}
+export default function CRUD(props) {
+    const ref = useRef(null);
+    const { id, url, apiUrl, Component, defaultParams, noAdd } = props;
+    var reload = useCallback(function () {
+        return __awaiter(this, void 0, void 0, function* () {
+            if (ref.current) {
+                ref.current({});
+            }
+        });
+    }, [ref]);
+    return React.createElement(UrlContext.Provider, { value: url },
+        !noAdd && React.createElement(Route, { path: url + "/create", render: props => React.createElement(Component, Object.assign({ url: url, onReload: reload }, (defaultParams || {}))) }),
+        React.createElement(Route, { path: url + "/:id/edit", render: props => React.createElement(Component, Object.assign({ url: url, onReload: reload, id: props.match.params.id }, (defaultParams || {}))) }),
+        id && React.createElement(Route, { path: url + "/edit", render: props => React.createElement(Component, Object.assign({ url: url, onReload: reload, id: id }, (defaultParams || {}))) }),
+        React.createElement(BootstrapDataTable, Object.assign({ innerRef: ref, add: !noAdd && (url + "/create") }, props, { url: apiUrl || url })));
+}

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export default function CheckBox(props: any): JSX.Element;

package/lib/esm/Components/CheckBox.js

@@ -0,0 +1,7 @@
+import React from "react";
+import { FormGroup, Input, Label } from "reactstrap";
+export default function CheckBox(props) {
+    return React.createElement(FormGroup, { check: true },
+        React.createElement(Input, Object.assign({ type: props.type || "checkbox" }, props, { label: undefined })),
+        React.createElement(Label, { check: true, for: props.id }, props.children || props.label));
+}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type EntityEditorParams = {
+    entity: any;
+    onSave?: any;
+    saveButtonClassName?: string;
+    saveButtonText?: string;
+    disabled?: Boolean;
+    children: React.ReactNode;
+};
+export default function EntityEditor({ entity, disabled, children, onSave, saveButtonClassName, saveButtonText }: EntityEditorParams): JSX.Element;
+export {};

package/lib/esm/Components/EntityEditor.js

@@ -0,0 +1,61 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+import React, { useCallback, useState } from 'react';
+import { ValidatorProvider } from "react-admin-base";
+import { FormattedMessage } from "react-intl";
+import { Alert, Form } from 'reactstrap';
+import LoadingButton from "../Components/LoadingButton";
+import { ValidationErrors } from './Validator';
+export default function EntityEditor({ entity, disabled, children, onSave, saveButtonClassName, saveButtonText }) {
+    const [_1, _2, save, loading] = entity;
+    const [saved, setSaved] = useState(false);
+    const [error, setError] = useState(false);
+    const onSubmit = useCallback(function (e) {
+        return __awaiter(this, void 0, void 0, function* () {
+            e.preventDefault();
+            e.stopPropagation();
+            if (saved) {
+                setSaved(false);
+            }
+            if (error) {
+                setError(null);
+            }
+            try {
+                yield save();
+                onSave && onSave();
+                setSaved(true);
+            }
+            catch (e) {
+                console.error(e);
+                setError((e.response && e.response.data && e.response.data.message) || (error.data && error.data.message) || e.data || e.message || e);
+            }
+            finally {
+            }
+        });
+    }, [save, saved, error]);
+    const savedAlert = saved && React.createElement(Alert, { color: "success", toggle: () => setSaved(false) },
+        React.createElement("i", { className: "fas fa-check-circle me-2" }),
+        React.createElement(FormattedMessage, { id: "ENTITY.SAVED" }));
+    return React.createElement(ValidatorProvider, null,
+        React.createElement(Form, { onSubmit: onSubmit, disabled: !!loading || !!disabled },
+            loading && React.createElement(Alert, { color: "warning", toggle: () => setSaved(false) },
+                React.createElement("i", { className: "fa fa-spin fa-spinner" }),
+                ' ',
+                React.createElement(FormattedMessage, { id: "PLEASE_WAIT" })),
+            savedAlert,
+            error && React.createElement(Alert, { color: "danger", toggle: () => setError(null) }, error),
+            React.createElement("fieldset", { disabled: !!loading || !!disabled }, children),
+            React.createElement(ValidationErrors, null),
+            savedAlert,
+            React.createElement(LoadingButton, { className: saveButtonClassName || "col-md-12", loading: loading, type: "submit", color: "primary" },
+                saveButtonText || React.createElement(FormattedMessage, { id: "ENTITY.SAVE" }),
+                " ",
+                React.createElement("i", { className: "fas fa-save fa-lg" }))));
+}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+export default class ErrorBoundary extends React.Component {
+    state: {
+        hasError: boolean;
+        error: null;
+    };
+    static getDerivedStateFromError(error: any): {
+        hasError: boolean;
+        error: any;
+    };
+    render(): React.ReactNode;
+}

package/lib/esm/Components/ErrorBoundary.js

@@ -0,0 +1,25 @@
+import { Alert } from 'reactstrap';
+import React from 'react';
+function ErrorHandler({ error }) {
+    return React.createElement(Alert, { color: "danger" },
+        React.createElement("i", { className: "fas fa-exclamation-circle me-1" }),
+        error && ((error.response && error.response.data && error.response.data.message) || error.message));
+}
+export default class ErrorBoundary extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = { hasError: false, error: null };
+    }
+    static getDerivedStateFromError(error) {
+        return {
+            hasError: true,
+            error
+        };
+    }
+    render() {
+        if (this.state.hasError) {
+            return React.createElement(ErrorHandler, { error: this.state.error });
+        }
+        return this.props.children;
+    }
+}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export default function ExcelExportButton({ name, header, params, map, extra }: {
+    name: any;
+    header: any;
+    params: any;
+    map: any;
+    extra: any;
+}): JSX.Element;

package/lib/esm/Components/ExcelExportButton.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { useExporter } from 'react-admin-base';
+import { Button, Col } from "reactstrap";
+export default function ExcelExportButton({ name, header, params, map, extra }) {
+    const [handleExport, loading] = useExporter(header, params, map, extra);
+    return React.createElement(Col, null,
+        React.createElement(Button, { className: "w-100 d-block", type: "button", size: "lg", color: "success", outline: true, disabled: !!loading, onClick: () => handleExport(name) }, loading ? React.createElement("i", { className: "fas fa-spin fa-spinner" }) : React.createElement("i", { className: "fas fa-file-excel" })));
+}

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export default function ExternalLoginButton({ id, icon, name, url }: {
+    id: any;
+    icon: any;
+    name: any;
+    url: any;
+}): JSX.Element;

package/lib/esm/Components/ExternalLoginButton.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import { useApp, useAuth, useLogin } from 'react-admin-base';
+import { FormattedMessage } from 'react-intl';
+export default function ExternalLoginButton({ id, icon, name, url }) {
+    const { endpoint } = useApp();
+    const [{ client_id }] = useAuth();
+    const { login } = useLogin();
+    return React.createElement("a", { className: "btn btn-primary d-block w-100 btn-social-" + id, href: endpoint + url + '?client_id=' + client_id + '&callback_url=' + encodeURIComponent(window.location.origin + login) },
+        React.createElement("i", { className: "fab fa-" + (icon || id) + " me-2" }),
+        " ",
+        React.createElement(FormattedMessage, { id: "SIGN_IN_USING", values: { provider: React.createElement("b", null, name) } }));
+}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+export declare function Relative({ children }: {
+    children: any;
+}): React.ReactSVGElement | null;
+export declare function Preview({ value }: {
+    value: any;
+}): JSX.Element | null;
+export default function FilePickerCore({ disabled, className, accepts, value, onNotify, children, transform }: {
+    disabled?: any;
+    className?: any;
+    accepts?: any;
+    value?: any;
+    onNotify?: any;
+    children?: any;
+    transform?: any;
+}): JSX.Element | null;