react-admin-base-bootstrap 0.5.0

package/lib/esm/Components/FilePickerCore.js

@@ -0,0 +1,82 @@
+import React, { useCallback } from 'react';
+import prettysize from 'prettysize';
+import { Button } from "reactstrap";
+import { useApp, useFilePicker, usePreviewComponent } from "react-admin-base";
+import { FormattedMessage } from "react-intl";
+var photo_ext = ["png", "jpg", "jpeg", "svg"];
+function is_photo(name) {
+    return photo_ext.indexOf(name.split('.')[1]) !== -1;
+}
+function is_absolute(url) {
+    if (url.indexOf("blob:") === 0)
+        return false;
+    var pat = /^https?:\/\//i;
+    return !pat.test(url);
+}
+export function Relative({ children }) {
+    const app = useApp();
+    if (!children)
+        return null;
+    const { src, href } = children.props;
+    return React.cloneElement(children, {
+        src: src && (is_absolute(src) ? app.endpoint.replace(/\/$/, "") + src : src),
+        href: href && (is_absolute(href) ? app.endpoint.replace(/\/$/, "") + href : href)
+    });
+}
+export function Preview({ value }) {
+    var name = value.$name;
+    var src = value.$blob_url || value.$src;
+    if (is_photo(name)) {
+        return React.createElement("div", { className: "mt-2" },
+            React.createElement(Relative, null,
+                React.createElement("img", { src: src, style: { maxHeight: '150px', maxWidth: '100%' }, alt: name })));
+    }
+    return null;
+}
+export default function FilePickerCore({ disabled, className, accepts, value, onNotify, children, transform }) {
+    const [uc, cancel, pick] = useFilePicker(value, onNotify);
+    const CustomPreview = usePreviewComponent() || Preview;
+    const chooseFile = useCallback(function (e) {
+        e.preventDefault();
+        pick(accepts, transform);
+    }, [pick, accepts, transform]);
+    if (uc.$state === 1) { // dosya sec
+        return React.createElement("div", { className: className },
+            React.createElement(Button, { color: "primary", size: "sm", onClick: chooseFile, disabled: disabled },
+                React.createElement("i", { className: "fa fa-upload" }),
+                " ",
+                React.createElement(FormattedMessage, { id: "CHOOSE_FILE" })),
+            children && children(null));
+    }
+    else if (uc.$state === 2) { // yukleniyor
+        return React.createElement("div", { className: className },
+            React.createElement(Button, { color: "danger", outline: true, size: "sm", onClick: cancel },
+                React.createElement("i", { className: "fa fa-times-circle" })),
+            ' ',
+            React.createElement(Button, { disabled: true, size: "sm", outline: true, color: "dark" },
+                React.createElement("i", { className: "fa fa-spinner fa-spin" }),
+                React.createElement("span", { style: { width: '35px', display: 'inline-block' } },
+                    Math.round(uc.$pr * 1000) / 10,
+                    "%"),
+                uc.name),
+            children && children(uc));
+    }
+    else if (uc.$state === 3) { // yuklendi
+        return React.createElement("div", { className: className },
+            !disabled && React.createElement(Button, { color: "danger", outline: true, size: "sm", onClick: cancel },
+                React.createElement("i", { className: "fa fa-trash" })),
+            "\u00A0",
+            React.createElement(Relative, null,
+                React.createElement("a", { href: uc.$src, target: "_blank", className: "btn btn-sm btn-outline-primary" },
+                    React.createElement("i", { className: "fa fa-download" }),
+                    " ",
+                    uc.name)),
+            React.createElement("span", null,
+                "\u00A0(",
+                prettysize(uc.$size),
+                ")"),
+            React.createElement(CustomPreview, { value: uc }),
+            children && children(uc));
+    }
+    return null;
+}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export default class GoToTop extends React.Component {
+    state: {
+        show: boolean;
+    };
+    scrollTop(e: any): void;
+    handleScroll(e: any): void;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): JSX.Element | null;
+}

package/lib/esm/Components/GoToTop.js

@@ -0,0 +1,34 @@
+import React from 'react';
+import { FormattedMessage } from "react-intl";
+export default class GoToTop extends React.Component {
+    constructor() {
+        super(...arguments);
+        this.state = { show: false };
+    }
+    scrollTop(e) {
+        e.preventDefault();
+        window.scrollTo(0, 0);
+    }
+    handleScroll(e) {
+        var newShow = window.scrollY > 100;
+        if (newShow !== this.state.show) {
+            this.setState({ show: newShow });
+        }
+    }
+    componentDidMount() {
+        this.handleScroll = this.handleScroll.bind(this);
+        window.addEventListener('scroll', this.handleScroll);
+    }
+    componentWillUnmount() {
+        window.removeEventListener('scroll', this.handleScroll);
+    }
+    render() {
+        if (!this.state.show) {
+            return null;
+        }
+        return React.createElement("div", { onClick: this.scrollTop, className: "back-btn-shown" },
+            React.createElement("span", null,
+                React.createElement(FormattedMessage, { id: "GO_TOP" })),
+            React.createElement("i", { className: "fa fa-angle-up", title: "Go top" }));
+    }
+}

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

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

package/lib/esm/Components/ImagePicker.js

@@ -0,0 +1,22 @@
+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 } from 'react';
+import SingleFilePicker from './SingleFilePicker';
+export default function ImagePicker(props) {
+    const { width, height, type, exact } = props;
+    const transform = useCallback(function (file) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const modalCropper = yield import('modal-cropper');
+            const modalCropperFnc = modalCropper.default || modalCropper;
+            return yield modalCropperFnc(file, width, height, type, exact);
+        });
+    }, [width, height, type, exact]);
+    return React.createElement(SingleFilePicker, Object.assign({}, props, { transform: transform, accepts: "image/png, image/jpeg" }));
+}

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

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export declare function useLanguage(): any;
+export default function LanguageProvider({ defaultLanguage, languages, children }: {
+    defaultLanguage: any;
+    languages: any;
+    children: any;
+}): JSX.Element;
+export declare function LanguageSwitcher(): JSX.Element;

package/lib/esm/Components/LanguageProvider.js

@@ -0,0 +1,42 @@
+import React, { useContext, useReducer, useMemo, useState } from 'react';
+import { useApp } from 'react-admin-base';
+import { IntlProvider } from 'react-intl';
+import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';
+import enMessages from '../i18n/en.json';
+import deMessages from '../i18n/de.json';
+import trMessages from '../i18n/tr.json';
+const _languages = {
+    'en': enMessages,
+    'de': deMessages,
+    'tr': trMessages
+};
+const LanguageContext = React.createContext(null);
+export function useLanguage() {
+    return useContext(LanguageContext);
+}
+export default function LanguageProvider({ defaultLanguage, languages, children }) {
+    const app = useApp();
+    const preferredLanguage = (navigator.languages && navigator.languages[0]) ||
+        navigator.language;
+    const [lang, setLang] = useReducer((oldValue, newValue) => {
+        localStorage.setItem(app.id + "_" + 'language', newValue);
+        return newValue;
+    }, localStorage.getItem(app.id + "_" + 'language') || null);
+    const activeLanguageKey = (!!lang && languages[lang] && lang) || (languages[preferredLanguage] && preferredLanguage) || (languages[defaultLanguage] && defaultLanguage);
+    const activeLanguage = languages[activeLanguageKey];
+    const messages = useMemo(() => (Object.assign(Object.assign({}, (_languages[activeLanguageKey] || _languages.en)), activeLanguage.messages)), [activeLanguage]);
+    const value = useMemo(() => [activeLanguage, languages, setLang], [activeLanguage, languages, setLang]);
+    return React.createElement(IntlProvider, { locale: activeLanguageKey, messages: messages },
+        React.createElement(LanguageContext.Provider, { value: value }, children));
+}
+export function LanguageSwitcher() {
+    const [show, setShow] = useState(false);
+    const [activeLang, languages, setLanguage] = useLanguage();
+    return React.createElement(Dropdown, { isOpen: show, toggle: () => setShow(!show) },
+        React.createElement(DropdownToggle, { className: "nav-flag dropdown-toggle show", nav: true, caret: true },
+            React.createElement("img", { width: "20", src: activeLang.icon, alt: activeLang.name })),
+        React.createElement(DropdownMenu, { end: true }, Object.entries(languages).map(([key, value]) => React.createElement(DropdownItem, { key: key, active: activeLang === value, onClick: () => setLanguage(key) },
+            React.createElement("img", { width: "20", src: value.icon, alt: value.name }),
+            " ",
+            React.createElement("span", { className: "align-middle" }, value.name)))));
+}

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

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

package/lib/esm/Components/LoadingButton.js

@@ -0,0 +1,6 @@
+import React from 'react';
+import { Button } from 'reactstrap';
+export default function LoadingButton(props) {
+    return props.loading ? React.createElement(Button, Object.assign({}, props, { loading: undefined, disabled: true }),
+        React.createElement("i", { className: "fas fa-spin fa-circle-notch" })) : React.createElement(Button, Object.assign({}, props, { loading: undefined }));
+}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare function useIsMobile(): any;
+export declare function useMenuState(): [boolean, import("react").DispatchWithoutAction];

package/lib/esm/Components/MenuState.js

@@ -0,0 +1,20 @@
+import { useEffect, useReducer } from 'react';
+import { useMediaQuery } from 'react-responsive';
+import { useHistory } from "react-router-dom";
+export function useIsMobile() {
+    return useMediaQuery({ query: '(max-width: 992px)' });
+}
+export function useMenuState() {
+    const isMobile = useIsMobile();
+    const state = useReducer(a => !a, !isMobile);
+    const [isOpen, toggleOpen] = state;
+    const history = useHistory();
+    useEffect(function () {
+        if (isMobile && isOpen) {
+            return history.listen(function () {
+                toggleOpen();
+            });
+        }
+    }, [isMobile, isOpen, history]);
+    return state;
+}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+declare type MultiFilePickerProps = {
+    disabled?: boolean;
+    className?: string;
+    accepts?: string;
+    value: any;
+    onChange: (value: any) => void;
+    children?: (value: any) => React.ReactNode;
+};
+export default function MultiFilePicker({ disabled, className, accepts, value, onChange, children }: MultiFilePickerProps): JSX.Element;
+export {};

package/lib/esm/Components/MultiFilePicker.js

@@ -0,0 +1,22 @@
+import React, { useMemo } from 'react';
+import { useMultiFilePicker } from "react-admin-base";
+import { FormattedMessage } from "react-intl";
+import { Button } from "reactstrap";
+import FilePickerCore from "./FilePickerCore";
+export default function MultiFilePicker({ disabled, className, accepts, value, onChange, children }) {
+    const uniqueIdList = useMemo(() => [], []);
+    const [controllers, _onChange, chooseFile] = useMultiFilePicker(value, onChange);
+    function getConstantUniqueIdFor(element) {
+        if (uniqueIdList.indexOf(element) < 0) {
+            uniqueIdList.push(element);
+        }
+        return uniqueIdList.indexOf(element);
+    }
+    return React.createElement("div", null,
+        React.createElement(Button, { color: "primary", size: "sm", disabled: !!disabled, outline: true, onClick: chooseFile.bind(null, accepts) },
+            React.createElement("i", { className: "fa fa-upload" }),
+            " ",
+            React.createElement(FormattedMessage, { id: "CHOOSE_FILE" })),
+        children && children(null),
+        controllers.map((a, i) => React.createElement(FilePickerCore, { key: getConstantUniqueIdFor(a), disabled: !!disabled, className: "mt-2", accepts: accepts, value: a, onNotify: _onChange.bind(null, a) }, children)));
+}

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

@@ -0,0 +1,12 @@
+import React from 'react';
+declare type SingleFilePickerProps = {
+    disabled?: boolean;
+    className?: string;
+    accepts?: string;
+    value: any;
+    onChange: (value: any) => void;
+    children?: (value: any) => React.ReactNode;
+    transform?: any;
+};
+export default function SingleFilePicker({ disabled, className, accepts, value, onChange, transform, children }: SingleFilePickerProps): JSX.Element;
+export {};

package/lib/esm/Components/SingleFilePicker.js

@@ -0,0 +1,20 @@
+import React, { useCallback, useMemo } from 'react';
+import { useUploadController } from "react-admin-base";
+import FilePickerCore from "./FilePickerCore";
+export default function SingleFilePicker({ disabled, className, accepts, value, onChange, transform, children }) {
+    const uploadController = useUploadController();
+    const controller = useMemo(() => uploadController(value), [uploadController, value]);
+    const _onChange = useCallback(function () {
+        if (controller.$state === 3) {
+            if (value !== controller) {
+                onChange(controller);
+            }
+        }
+        else {
+            if (!!value) {
+                onChange(null);
+            }
+        }
+    }, [value, controller, onChange]);
+    return React.createElement(FilePickerCore, { disabled: !!disabled, className: className, accepts: accepts, value: controller, onNotify: _onChange, transform: transform }, children);
+}

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

@@ -0,0 +1,3 @@
+export default function TopProgressBar({ children }: {
+    children: any;
+}): any;

package/lib/esm/Components/TopProgressBar.js

@@ -0,0 +1,10 @@
+import NProgress from 'nprogress';
+import { useEffect } from 'react';
+import { useAuth } from "react-admin-base";
+export default function TopProgressBar({ children }) {
+    const [api] = useAuth();
+    useEffect(function () {
+        return api.set_hook(() => NProgress.start(), () => NProgress.done());
+    }, [api.set_hook]);
+    return children;
+}

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

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+declare type ValidatorProps = {
+    name: string;
+    type: any;
+    children: any;
+};
+export declare function Validator({ name, type, children }: ValidatorProps): JSX.Element;
+declare 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 {};

package/lib/esm/Components/Validator.js

@@ -0,0 +1,33 @@
+import React from 'react';
+import { useValidate, useValidator } from 'react-admin-base';
+import { FormattedMessage } from "react-intl";
+import { Alert, FormFeedback } from "reactstrap";
+function ValidatorCore(name, value, type, children) {
+    const error = useValidate(name || '', value, type);
+    return React.createElement(React.Fragment, null,
+        (error
+            && React.cloneElement(children, { invalid: !!error, className: (children.props.className || '') + (!!error ? ' is-invalid' : '') })) || children,
+        error && React.createElement(FormFeedback, { className: "d-block" }, error));
+}
+export function Validator({ name, type, children }) {
+    return ValidatorCore(name, children.props.value || children.props.checked, type, children);
+}
+export function ValueValidator({ name, value, type, children }) {
+    return ValidatorCore(name, value, type, children);
+}
+export function ValidationErrors() {
+    const validator = useValidator();
+    if (validator.messagesShown) {
+        let errors = Object.values(validator.getErrorMessages()).filter(a => !!a);
+        if (!!errors.length) {
+            return React.createElement(Alert, { color: "danger", toggle: () => validator.hideMessages() },
+                React.createElement("p", null,
+                    React.createElement("i", { className: "fas fa-exclamation-circle" }),
+                    " ",
+                    React.createElement("b", null,
+                        React.createElement(FormattedMessage, { id: "VALIDATION.ERROR" }))),
+                React.createElement("ol", { className: "mb-0" }, errors.map(value => React.createElement("li", null, value))));
+        }
+    }
+    return null;
+}

package/lib/esm/i18n/de.json

@@ -0,0 +1,34 @@
+{
+    "ENTITY.SAVE": "Speichern",
+    "ENTITY.CANCEL": "Abbrechen",
+    "USERNAME": "Benutzername",
+    "PASSWORD": "Passwort",
+    "FORGOT_PASSWORD": "Ich habe mein Passwort vergessen",
+    "LOGIN": "Einloggen",
+    "LOGIN_HEAD": "Anmeldebereich",
+    "SUBMIT": "Absenden",
+    "SIGN_IN_USING": "Mit anmelden",
+    "RESET_PASSWORD": "Passwort zurücksetzen",
+    "EMAIL": "Email",
+    "AUTH_CODE": "Autorisierungscode",
+    "ENTER_AUTH_CODE": "Bitte geben Sie den Bestätigungscode ein, an den wir gesendet haben",
+    "CHANGE_EMAIL": "An eine neue E-Mail-Adresse gesendet.",
+    "PASSWORD_REPEAT": "Passwort (wieder)",
+    "VALIDATION.ERROR": "Entität hat folgende Fehler:",
+    "ENTITY.SAVED": "Änderungen werden gespeichert.",
+    "CHOOSE_FILE": "Datei aussuchen",
+    "OR": "ODER",
+    "NEW_ACCOUNT": "Registrieren Sie ein neues Konto",
+    "GO_TOP": "Oben",
+    "INVALID_PASSWORD": "Ungültiger Benutzername oder Passwort",
+    "ALL": "Alles",
+    "SEARCH": "Suche...",
+    "NO_DATA_IS_AVAILABLE": "Es sind keine Daten verfügbar.",
+    "SELECT": "Auswählen",
+    "BACK": "Zurück",
+    "ACTIONS.DELETE.TITLE": "Bist du sicher?",
+    "ACTIONS.DELETE.TEXT": "Diese Aktion ist nicht umkehrbar!",
+    "ACTIONS.DELETE.CONFIRM": "Ja, löschen!",
+    "PLEASE_WAIT": "Warten Sie mal.",
+    "AUTHORIZATION_CODE": "Zugangscode"
+}

package/lib/esm/i18n/en.json

@@ -0,0 +1,35 @@
+{
+    "ENTITY.SAVE": "Save",
+    "ENTITY.CANCEL": "Cancel",
+    "USERNAME": "Username",
+    "PASSWORD": "Password",
+    "FORGOT_PASSWORD": "I forgot my password",
+    "LOGIN": "Login",
+    "LOGIN_HEAD": "Login Area",
+    "SUBMIT": "Submit",
+    "SIGN_IN_USING": "Sign in using {provider}",
+    "RESET_PASSWORD": "Reset Password",
+    "EMAIL": "Email",
+    "AUTH_CODE": "Authorization Code",
+    "ENTER_AUTH_CODE": "Please enter the verification code that we sent to {email}.",
+    "CHANGE_EMAIL": "Not your e-mail? <1>Sent to a new email address</1>.",
+    "PASSWORD_REPEAT": "Password (again)",
+    "VALIDATION.ERROR": "Entity has following errors:",
+    "ENTITY.SAVED": "Changes are saved.",
+    "CHOOSE_FILE": "Choose file",
+    "OR": "OR",
+    "NEW_ACCOUNT": "Register a new account",
+    "GO_TOP": "Go Top",
+    "CREATE_VALUE": "Create \"{text}\"",
+    "INVALID_PASSWORD": "Invalid username or password",
+    "ALL": "All",
+    "SEARCH": "Search...",
+    "NO_DATA_IS_AVAILABLE": "No data is available.",
+    "SELECT": "Please Select",
+    "BACK": "Back",
+    "ACTIONS.DELETE.TITLE": "Are you sure?",
+    "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"
+}

package/lib/esm/i18n/tr.json

@@ -0,0 +1,35 @@
+{
+    "ENTITY.SAVE": "Kaydet",
+    "ENTITY.CANCEL": "İptal",
+    "USERNAME": "Kullanıcı Adı",
+    "PASSWORD": "Şifre",
+    "FORGOT_PASSWORD": "Şifremi unuttum",
+    "SUBMIT": "Gönder",
+    "LOGIN": "Giriş",
+    "LOGIN_HEAD": "Oturum Açma Alanı",
+    "SIGN_IN_USING": "Kullanarak oturum açın",
+    "RESET_PASSWORD": "Şifreyi Sıfırla",
+    "EMAIL": "E-Posta",
+    "AUTH_CODE": "Yetki Kodu",
+    "ENTER_AUTH_CODE": "Lütfen gönderdiğimiz doğrulama kodunu giriniz.",
+    "CHANGE_EMAIL": "Yeni bir e-posta adresine gönderildi.",
+    "PASSWORD_REPEAT": "Şifre (tekrar)",
+    "VALIDATION.ERROR": "Aşağıdaki hatalar mevcut:",
+    "ENTITY.SAVED": "Değişiklikler kaydedildi.",
+    "CHOOSE_FILE": "Dosya Seçin",
+    "OR": "Veya",
+    "NEW_ACCOUNT": "Yeni bir hesap açın",
+    "GO_TOP": "Yukarı",
+    "CREATE_VALUE": "Oluştur \"{text}\"",
+    "INVALID_PASSWORD": "Kullanıcı adı veya şifre hatalı",
+    "ALL": "Hepsi",
+    "SEARCH": "Arama...",
+    "NO_DATA_IS_AVAILABLE": "Veri bulunmamaktadır.",
+    "SELECT": "Seçiniz",
+    "BACK": "Geri",
+    "ACTIONS.DELETE.TITLE": "Emin misiniz?",
+    "ACTIONS.DELETE.TEXT": "Bu işlem geri alınamaz!",
+    "ACTIONS.DELETE.CONFIRM": "Evet, sil!",
+    "PLEASE_WAIT": "Lütfen bekleyiniz.",
+    "AUTHORIZATION_CODE": "Yetki Kodu"
+}

package/lib/esm/index.d.ts

@@ -0,0 +1,19 @@
+import BootstrapTable, { Actions, ActionsColumn, Column, default as BootstrapDataTable, IdColumn, useDataTableContext } from './Components/BootstrapDataTable';
+import CRUD, { CRUDActions, ModalEntityEditor } from './Components/CRUD';
+import EntityEditor from "./Components/EntityEditor";
+import ExcelExportButton from './Components/ExcelExportButton';
+import ExternalLoginButton from './Components/ExternalLoginButton';
+import GoToTop from "./Components/GoToTop";
+import { ValidationErrors, Validator, ValueValidator } from "./Components/Validator";
+import ApiSelect from "./Components/ApiSelect";
+import { Preview, Relative } from './Components/FilePickerCore';
+import ImagePicker from './Components/ImagePicker';
+import LoadingButton from './Components/LoadingButton';
+import MultiFilePicker from "./Components/MultiFilePicker";
+import SingleFilePicker from "./Components/SingleFilePicker";
+import LanguageProvider, { LanguageSwitcher, useLanguage } from "./Components/LanguageProvider";
+import CheckBox from './Components/CheckBox';
+import ErrorBoundary from './Components/ErrorBoundary';
+import { useMenuState, useIsMobile } from './Components/MenuState';
+import TopProgressBar from './Components/TopProgressBar';
+export { useIsMobile, useMenuState, TopProgressBar, CRUD, ModalEntityEditor, CRUDActions, Relative, ApiSelect, Preview, ExcelExportButton, ExternalLoginButton, SingleFilePicker, MultiFilePicker, ImagePicker, BootstrapTable, EntityEditor, GoToTop, Validator, ValueValidator, ValidationErrors, LoadingButton, BootstrapDataTable, IdColumn, Column, ActionsColumn, Actions, useDataTableContext, LanguageProvider, useLanguage, LanguageSwitcher, ErrorBoundary, CheckBox };

package/lib/esm/index.js

@@ -0,0 +1,19 @@
+import BootstrapTable, { Actions, ActionsColumn, Column, default as BootstrapDataTable, IdColumn, useDataTableContext } from './Components/BootstrapDataTable';
+import CRUD, { CRUDActions, ModalEntityEditor } from './Components/CRUD';
+import EntityEditor from "./Components/EntityEditor";
+import ExcelExportButton from './Components/ExcelExportButton';
+import ExternalLoginButton from './Components/ExternalLoginButton';
+import GoToTop from "./Components/GoToTop";
+import { ValidationErrors, Validator, ValueValidator } from "./Components/Validator";
+import ApiSelect from "./Components/ApiSelect";
+import { Preview, Relative } from './Components/FilePickerCore';
+import ImagePicker from './Components/ImagePicker';
+import LoadingButton from './Components/LoadingButton';
+import MultiFilePicker from "./Components/MultiFilePicker";
+import SingleFilePicker from "./Components/SingleFilePicker";
+import LanguageProvider, { LanguageSwitcher, useLanguage } from "./Components/LanguageProvider";
+import CheckBox from './Components/CheckBox';
+import ErrorBoundary from './Components/ErrorBoundary';
+import { useMenuState, useIsMobile } from './Components/MenuState';
+import TopProgressBar from './Components/TopProgressBar';
+export { useIsMobile, useMenuState, TopProgressBar, CRUD, ModalEntityEditor, CRUDActions, Relative, ApiSelect, Preview, ExcelExportButton, ExternalLoginButton, SingleFilePicker, MultiFilePicker, ImagePicker, BootstrapTable, EntityEditor, GoToTop, Validator, ValueValidator, ValidationErrors, LoadingButton, BootstrapDataTable, IdColumn, Column, ActionsColumn, Actions, useDataTableContext, LanguageProvider, useLanguage, LanguageSwitcher, ErrorBoundary, CheckBox };

package/package.json

@@ -0,0 +1,55 @@
+{
+  "name": "react-admin-base-bootstrap",
+  "version": "0.5.0",
+  "description": "",
+  "scripts": {
+    "test": "echo \"Error: no test specified\" && exit 1",
+    "build": "tsc",
+    "watch": "nodemon --exec npm run build"
+  },
+  "main": "lib/esm/index.js",
+  "jsnext:main": "lib/esm/index.js",
+  "module": "lib/esm/index.js",
+  "keywords": [],
+  "author": "",
+  "license": "MIT",
+  "eslintConfig": {
+    "extends": [
+      "react-app"
+    ]
+  },
+  "nodemonConfig": {
+    "ignore": [
+      "lib/**"
+    ],
+    "delay": "100"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "react-router-dom": "^5.3.0",
+    "react-intl": "^5.21.0"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.5.0",
+    "@fortawesome/fontawesome-free": "^5.15.4",
+    "bootstrap": "^5.1.3",
+    "file-dialog": "^0.0.8",
+    "modal-cropper": "^1.2.3",
+    "nprogress": "^0.2.0",
+    "prettysize": "^2.0.0",
+    "react-admin-base": "^0.4.3",
+    "react-responsive": "^8.2.0",
+    "react-select": "^5.2.1",
+    "reactstrap": "^9.0.0",
+    "sweetalert2": "^11.1.9"
+  },
+  "devDependencies": {
+    "@types/react": "^17.0.34",
+    "@types/react-router-dom": "^5.3.2",
+    "react-intl": "^5.21.0",
+    "cross-env": "^7.0.3",
+    "nodemon": "^2.0.14",
+    "typescript": "^4.4.4"
+  }
+}