react-admin-base-bootstrap 0.8.7 → 0.8.9

package/assets/main.css

@@ -1394,3 +1394,115 @@
 {
     color: var(--bs-form-select-color);
 }
+
+.ck-body-wrapper {
+    z-index: 100000000;
+    position: relative;
+}
+
+body  {
+    --ck-custom-background: var(--bs-form-select-bg);
+    --ck-custom-foreground: var(--bs-form-select-color);
+    --ck-custom-border: var(--bs-form-select-border-color);
+    --ck-color-focus-outer-shadow: var(--bs-form-select-border-color);
+
+    --ck-focus-outer-shadow: none;
+
+    --ck-custom-white: var(--bs-form-select-bg);
+
+    /* Overrides the border radius setting in the theme. */
+    --ck-border-radius: 4px;
+
+    /* -- Overrides generic colors. ------------------------------------------------------------- */
+
+    --ck-color-base-foreground: var(--ck-custom-background);
+    --ck-color-base-border: var(--bs-form-select-border-color);
+    --ck-focus-ring: 1px solid var(--ck-color-focus-border);
+
+    --ck-color-focus-border: var(--bs-form-select-border-color);
+    --ck-color-text: var(--bs-form-select-text);
+    /*
+    --ck-color-shadow-drop: hsla(0, 0%, 0%, 0.2);
+    --ck-color-shadow-inner: hsla(0, 0%, 0%, 0.1);
+*/
+    --ck-color-base-active: var(--ck-custom-background);
+    --ck-color-base-active-focus: var(--ck-custom-background);
+    --ck-color-base-background: var(--ck-custom-background);
+
+
+    /* -- Overrides the default .ck-button class colors. ---------------------------------------- */
+
+    --ck-color-button-default-background: var(--ck-custom-background);
+    --ck-color-button-default-hover-background: var(--ck-custom-border);
+    --ck-color-button-default-active-background: var(--ck-custom-border);
+    --ck-color-button-default-active-shadow: var(--ck-custom-border);
+    --ck-color-button-default-disabled-background: var(--ck-custom-background);
+
+    --ck-color-button-on-background: var(--ck-color-focus-border);
+    --ck-color-button-on-hover-background: var(--ck-custom-border);
+    --ck-color-button-on-active-background: var(--ck-custom-border);
+    --ck-color-button-on-active-shadow: var(--ck-custom-border);
+    --ck-color-button-on-disabled-background: var(--ck-custom-foreground);
+/*
+    --ck-color-button-action-background: hsl(168, 76%, 42%);
+    --ck-color-button-action-hover-background: hsl(168, 76%, 38%);
+    --ck-color-button-action-active-background: hsl(168, 76%, 36%);
+    --ck-color-button-action-active-shadow: hsl(168, 75%, 34%);
+    --ck-color-button-action-disabled-background: hsl(168, 76%, 42%);
+*/
+    --ck-color-button-action-text: var(--ck-custom-white);
+
+    --ck-color-button-save: hsl(120, 100%, 46%);
+    --ck-color-button-cancel: hsl(15, 100%, 56%);
+
+    /* -- Overrides the default .ck-dropdown class colors. -------------------------------------- */
+
+    --ck-color-dropdown-panel-background: var(--ck-custom-background);
+    --ck-color-dropdown-panel-border: var(--ck-custom-border);
+
+    /* -- Overrides the default .ck-splitbutton class colors. ----------------------------------- */
+
+    --ck-color-split-button-hover-background: var(--ck-color-button-default-hover-background);
+    --ck-color-split-button-hover-border: var(--ck-custom-foreground);
+
+    /* -- Overrides the default .ck-input class colors. ----------------------------------------- */
+
+    --ck-color-input-background: var(--ck-custom-background);
+    /*
+    --ck-color-input-border: hsl(257, 3%, 43%);
+    --ck-color-input-text: hsl(0, 0%, 98%);
+    --ck-color-input-disabled-background: hsl(255, 4%, 21%);
+    --ck-color-input-disabled-border: hsl(250, 3%, 38%);
+    --ck-color-input-disabled-text: hsl(0, 0%, 78%);
+*/
+    /* -- Overrides the default .ck-labeled-field-view class colors. ---------------------------- */
+
+    --ck-color-labeled-field-label-background: var(--ck-custom-background);
+
+    /* -- Overrides the default .ck-list class colors. ------------------------------------------ */
+
+    --ck-color-list-background: var(--ck-custom-background);
+    --ck-color-list-button-hover-background: var(--bs-gray-300);
+    --ck-color-list-button-on-background: var(--ck-color-base-active);
+    --ck-color-list-button-on-background-focus: var(--ck-color-base-active-focus);
+    --ck-color-list-button-on-text: var(--bs-form-select-color);
+
+    --ck-color-panel-background: var(--ck-custom-background);
+    --ck-color-panel-border: var(--ck-custom-border);
+
+    --ck-color-toolbar-background: var(--ck-custom-background);
+    --ck-color-toolbar-border: var(--ck-custom-border);
+/*
+    --ck-color-tooltip-background: hsl(252, 7%, 14%);
+    --ck-color-tooltip-text: hsl(0, 0%, 93%);
+
+    --ck-color-image-caption-background: hsl(0, 0%, 97%);
+    --ck-color-image-caption-text: hsl(0, 0%, 20%);
+
+    --ck-color-widget-blurred-border: hsl(0, 0%, 87%);
+    --ck-color-widget-hover-border: hsl(43, 100%, 68%);
+    --ck-color-widget-editable-focus-background: var(--ck-custom-white);
+
+    --ck-color-link-default: hsl(190, 100%, 75%);
+*/
+}

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

@@ -24,5 +24,6 @@ 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 {};

package/lib/esm/Components/BootstrapDataTable.js

@@ -80,6 +80,10 @@ export function RowRenderer({ render }) {
     const rows = useContext(RowDatasContext);
     return React.createElement("tbody", null, rows.map(render));
 }
+export function CustomRenderer({ render }) {
+    const rows = useContext(RowDatasContext);
+    return React.createElement(React.Fragment, null, rows.map(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;

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

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

package/lib/esm/Components/TitleOrTranslate.js

@@ -0,0 +1,5 @@
+import React from "react";
+import { FormattedMessage } from "react-intl";
+export default function TitleOrTranslate({ title, translate, values }) {
+    return title ? React.createElement(React.Fragment, null, title) : React.createElement(FormattedMessage, { id: translate, values: values });
+}

package/lib/esm/index.d.ts

@@ -1,4 +1,4 @@
-import BootstrapTable, { RowRenderer, Actions, ActionsColumn, Column, default as BootstrapDataTable, IdColumn, useDataTableContext } from './Components/BootstrapDataTable';
+import BootstrapTable, { RowRenderer, CustomRenderer, 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';
@@ -23,4 +23,4 @@ import DefaultValidatorOptions from './Components/DefaultValidatorOptions';
 import DragAndDropArrow from './Components/DragAndDropArrow';
 import BootstrapOptionsProvider, { useBootstrapOptions } from './Components/BootstrapOptions';
 import BootstrapModal from './Components/BootstrapModal';
-export { ThemeProvider, useTheme, useAllThemes, useIsMobile, useMenuState, DefaultValidatorOptions, PasswordInput, StepList, StepItem, 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, RowRenderer, LanguageProvider, useLanguage, LanguageSwitcher, ErrorBoundary, CheckBox, DragAndDropArrow, useBootstrapOptions, BootstrapOptionsProvider, BootstrapModal };
+export { ThemeProvider, useTheme, useAllThemes, useIsMobile, useMenuState, DefaultValidatorOptions, PasswordInput, StepList, StepItem, 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, RowRenderer, CustomRenderer, LanguageProvider, useLanguage, LanguageSwitcher, ErrorBoundary, CheckBox, DragAndDropArrow, useBootstrapOptions, BootstrapOptionsProvider, BootstrapModal };

package/lib/esm/index.js

@@ -1,4 +1,4 @@
-import BootstrapTable, { RowRenderer, Actions, ActionsColumn, Column, default as BootstrapDataTable, IdColumn, useDataTableContext } from './Components/BootstrapDataTable';
+import BootstrapTable, { RowRenderer, CustomRenderer, 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';
@@ -23,4 +23,4 @@ import DefaultValidatorOptions from './Components/DefaultValidatorOptions';
 import DragAndDropArrow from './Components/DragAndDropArrow';
 import BootstrapOptionsProvider, { useBootstrapOptions } from './Components/BootstrapOptions';
 import BootstrapModal from './Components/BootstrapModal';
-export { ThemeProvider, useTheme, useAllThemes, useIsMobile, useMenuState, DefaultValidatorOptions, PasswordInput, StepList, StepItem, 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, RowRenderer, LanguageProvider, useLanguage, LanguageSwitcher, ErrorBoundary, CheckBox, DragAndDropArrow, useBootstrapOptions, BootstrapOptionsProvider, BootstrapModal };
+export { ThemeProvider, useTheme, useAllThemes, useIsMobile, useMenuState, DefaultValidatorOptions, PasswordInput, StepList, StepItem, 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, RowRenderer, CustomRenderer, LanguageProvider, useLanguage, LanguageSwitcher, ErrorBoundary, CheckBox, DragAndDropArrow, useBootstrapOptions, BootstrapOptionsProvider, BootstrapModal };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-admin-base-bootstrap",
-  "version": "0.8.7",
+  "version": "0.8.9",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -27,32 +27,32 @@
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-intl": "^6.2.5",
-    "react-router-dom": "^6.5.0"
+    "react-intl": "^6.2.10",
+    "react-router-dom": "^6.8.2"
   },
   "dependencies": {
-    "@emotion/react": "^11.10.5",
-    "@fortawesome/fontawesome-free": "^6.2.1",
+    "@emotion/react": "^11.10.6",
+    "@fortawesome/fontawesome-free": "^6.3.0",
     "bootstrap": "^5.2.3",
     "file-dialog": "^0.0.8",
     "modal-cropper": "^1.2.3",
     "nprogress": "^0.2.0",
     "prettysize": "^2.0.0",
-    "react-admin-base": "^0.8.3",
+    "react-admin-base": "^0.8.4",
     "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.5",
+    "reactstrap": "^9.1.6",
     "rewire": "^6.0.0",
-    "sweetalert2": "^11.6.16"
+    "sweetalert2": "^11.7.3"
   },
   "devDependencies": {
-    "@types/react": "^18.0.26",
+    "@types/react": "^18.0.28",
     "cross-env": "^7.0.3",
-    "nodemon": "^2.0.20",
-    "react-intl": "^6.2.5",
-    "typescript": "^4.9.4"
+    "nodemon": "^2.0.21",
+    "react-intl": "^6.2.10",
+    "typescript": "^4.9.5"
   }
 }

package/src/Components/BootstrapDataTable.tsx

@@ -107,6 +107,14 @@ export function RowRenderer<Row = any>({render}: RowRendererProps<Row>) {
     </tbody>;
 }
 
+export function CustomRenderer<Row = any>({render}: RowRendererProps<Row>) {
+    const rows = useContext(RowDatasContext);
+
+    return <>
+        { rows.map(render) }
+    </>;
+}
+
 export default function BootstrapTable({url, bordered, noStrip, defaultParams, add, children, innerRef, body}: BootstrapTableProps) {
     const state = useState({sort: 'id', ...defaultParams});
     const [params, setParams] = state;

package/src/Components/TitleOrTranslate.tsx

@@ -0,0 +1,12 @@
+import React from "react";
+import { FormattedMessage } from "react-intl";
+
+export interface TitleOrTranslateProps {
+    title?: string;
+    translate?: string;
+    values?: Record<string, any>;
+}
+
+export default function TitleOrTranslate({ title, translate, values }: TitleOrTranslateProps){
+    return title ? <>{title}</> : <FormattedMessage id={translate} values={values} />;
+}

package/src/index.ts

@@ -1,5 +1,5 @@
 
-import BootstrapTable, { RowRenderer, Actions, ActionsColumn, Column, default as BootstrapDataTable, IdColumn, useDataTableContext } from './Components/BootstrapDataTable';
+import BootstrapTable, { RowRenderer, CustomRenderer, 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';
@@ -47,7 +47,7 @@ export {
     Validator, ValueValidator, ValidationErrors,
     LoadingButton,
     BootstrapDataTable, IdColumn, Column, ActionsColumn, Actions, useDataTableContext,
-    RowRenderer,
+    RowRenderer, CustomRenderer,
     LanguageProvider, useLanguage, LanguageSwitcher,
     ErrorBoundary,
     CheckBox,