react-admin-base-bootstrap 0.8.23 → 0.9.1

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

@@ -6,3 +6,15 @@ export default function ThemeProvider({ themes, defaultTheme, children }: {
     defaultTheme: any;
     children: any;
 }): React.JSX.Element;
+export declare function rawCssLoader(cb: any): Promise<{
+    default: {
+        use: () => Promise<void>;
+        unuse: () => void;
+    };
+}>;
+export declare function urlCssLoader(link: any): Promise<{
+    default: {
+        use: () => void;
+        unuse: () => void;
+    };
+}>;

package/lib/esm/Components/ThemeProvider.js

@@ -1,3 +1,12 @@
+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, { createContext, useContext, useEffect, useMemo } from "react";
 import { useLocalStorage } from "react-admin-base";
 const ThemeContext = createContext(null);
@@ -26,3 +35,43 @@ export default function ThemeProvider({ themes, defaultTheme, children }) {
     return React.createElement(AllThemesContext.Provider, { value: themes },
         React.createElement(ThemeContext.Provider, { value: val }, children));
 }
+export function rawCssLoader(cb) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const styleTag = document.createElement('style');
+        let loaded = false;
+        return {
+            default: {
+                use: function () {
+                    return __awaiter(this, void 0, void 0, function* () {
+                        document.head.appendChild(styleTag);
+                        if (!loaded) {
+                            loaded = true;
+                            styleTag.innerHTML = yield cb();
+                        }
+                    });
+                },
+                unuse: function () {
+                    document.head.removeChild(styleTag);
+                }
+            }
+        };
+    });
+}
+export function urlCssLoader(link) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const linkTag = document.createElement('link');
+        linkTag.rel = 'stylesheet';
+        linkTag.type = 'text/css';
+        linkTag.href = link;
+        return {
+            default: {
+                use: function () {
+                    document.head.appendChild(linkTag);
+                },
+                unuse: function () {
+                    document.head.removeChild(linkTag);
+                }
+            }
+        };
+    });
+}

package/lib/esm/index.d.ts

@@ -16,11 +16,11 @@ import CheckBox from './Components/CheckBox';
 import ErrorBoundary from './Components/ErrorBoundary';
 import { useMenuState, useIsMobile } from './Components/MenuState';
 import TopProgressBar from './Components/TopProgressBar';
-import ThemeProvider, { useTheme, useAllThemes } from './Components/ThemeProvider';
+import ThemeProvider, { useTheme, useAllThemes, rawCssLoader, urlCssLoader } from './Components/ThemeProvider';
 import StepList, { StepItem } from './Components/StepList';
 import PasswordInput from './Components/PasswordInput';
 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, CustomRenderer, LanguageProvider, useLanguage, LanguageSwitcher, ErrorBoundary, CheckBox, DragAndDropArrow, useBootstrapOptions, BootstrapOptionsProvider, BootstrapModal, CreateSelect, useRow, useRows };
+export { ThemeProvider, useTheme, useAllThemes, rawCssLoader, urlCssLoader, 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, CreateSelect, useRow, useRows };

package/lib/esm/index.js

@@ -16,11 +16,11 @@ import CheckBox from './Components/CheckBox';
 import ErrorBoundary from './Components/ErrorBoundary';
 import { useMenuState, useIsMobile } from './Components/MenuState';
 import TopProgressBar from './Components/TopProgressBar';
-import ThemeProvider, { useTheme, useAllThemes } from './Components/ThemeProvider';
+import ThemeProvider, { useTheme, useAllThemes, rawCssLoader, urlCssLoader } from './Components/ThemeProvider';
 import StepList, { StepItem } from './Components/StepList';
 import PasswordInput from './Components/PasswordInput';
 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, CustomRenderer, LanguageProvider, useLanguage, LanguageSwitcher, ErrorBoundary, CheckBox, DragAndDropArrow, useBootstrapOptions, BootstrapOptionsProvider, BootstrapModal, CreateSelect, useRow, useRows };
+export { ThemeProvider, useTheme, useAllThemes, rawCssLoader, urlCssLoader, 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, CreateSelect, useRow, useRows };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-admin-base-bootstrap",
-  "version": "0.8.23",
+  "version": "0.9.1",
   "description": "",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1",
@@ -27,32 +27,28 @@
   "peerDependencies": {
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "react-intl": "^6.2.10",
-    "react-router-dom": "^6.18.0"
+    "react-intl": "^6.6.1",
+    "react-router-dom": "^6.21.3"
   },
   "dependencies": {
-    "@emotion/react": "^11.11.1",
-    "@fortawesome/fontawesome-free": "^6.4.0",
-    "bootstrap": "^5.3.0",
+    "@emotion/react": "^11.11.3",
+    "@fortawesome/fontawesome-free": "^6.5.1",
+    "bootstrap": "^5.3.2",
     "file-dialog": "^0.0.8",
     "modal-cropper": "^1.2.3",
     "nprogress": "^0.2.0",
     "prettysize": "^2.0.0",
-    "react-admin-base": "^0.8.12",
+    "react-admin-base": "^0.9.0",
     "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.3",
-    "reactstrap": "^9.2.0",
-    "rewire": "^6.0.0",
-    "sweetalert2": "^11.7.12"
+    "react-select": "^5.8.0",
+    "reactstrap": "^9.2.2",
+    "sweetalert2": "^11.10.4"
   },
   "devDependencies": {
-    "@types/react": "^18.2.12",
-    "cross-env": "^7.0.3",
-    "nodemon": "^2.0.22",
-    "react-intl": "^6.4.4",
-    "typescript": "^5.1.3"
+    "nodemon": "^3.0.3",
+    "typescript": "^5.3.3"
   }
 }

package/src/Components/ThemeProvider.tsx

@@ -1,4 +1,4 @@
-import React, { createContext, Dispatch, useContext, useEffect, useMemo, useReducer, useRef } from "react";
+import React, { createContext, useContext, useEffect, useMemo, useReducer, useRef } from "react";
 import { useLocalStorage } from "react-admin-base";
 
 const ThemeContext = createContext(null as any);
@@ -9,7 +9,7 @@ export function useTheme() {
 }
 
 export function useAllThemes() {
-	return useContext(AllThemesContext);	
+	return useContext(AllThemesContext);
 }
 
 export default function ThemeProvider({ themes, defaultTheme, children }) {
@@ -38,3 +38,43 @@ export default function ThemeProvider({ themes, defaultTheme, children }) {
 		</ThemeContext.Provider>
 	</AllThemesContext.Provider>;
 }
+
+export async function rawCssLoader(cb) {
+	const styleTag = document.createElement('style');
+
+	let loaded = false;
+
+	return {
+		default: {
+			use: async function() {
+				document.head.appendChild(styleTag);
+
+				if (!loaded) {
+					loaded = true;
+					styleTag.innerHTML = await cb();
+				}
+			},
+			unuse: function() {
+				document.head.removeChild(styleTag);
+			}
+		}
+	};
+}
+
+export async function urlCssLoader(link) {
+	const linkTag = document.createElement('link');
+	linkTag.rel = 'stylesheet';
+	linkTag.type = 'text/css';
+	linkTag.href = link;
+
+	return {
+		default: {
+			use: function() {
+				document.head.appendChild(linkTag);
+			},
+			unuse: function() {
+				document.head.removeChild(linkTag);
+			}
+		}
+	};
+}

package/src/index.ts

@@ -17,7 +17,7 @@ import CheckBox from './Components/CheckBox';
 import ErrorBoundary from './Components/ErrorBoundary';
 import { useMenuState, useIsMobile } from './Components/MenuState';
 import TopProgressBar from './Components/TopProgressBar';
-import ThemeProvider, { useTheme, useAllThemes } from './Components/ThemeProvider';
+import ThemeProvider, { useTheme, useAllThemes, rawCssLoader, urlCssLoader } from './Components/ThemeProvider';
 import StepList, { StepItem } from './Components/StepList';
 import PasswordInput from './Components/PasswordInput';
 import DefaultValidatorOptions from './Components/DefaultValidatorOptions';
@@ -26,7 +26,7 @@ import BootstrapOptionsProvider, { useBootstrapOptions } from './Components/Boot
 import BootstrapModal from './Components/BootstrapModal';
 
 export {
-    ThemeProvider, useTheme, useAllThemes,
+    ThemeProvider, useTheme, useAllThemes, rawCssLoader, urlCssLoader,
     useIsMobile, useMenuState,
     DefaultValidatorOptions,
     PasswordInput,

package/build.js

@@ -1,24 +0,0 @@
-
-const rewire = require('rewire');
-const webpackConfig = rewire('react-scripts/scripts/build');
-const config = webpackConfig.__get__('config');
-
-addLazyLoadingStyleLoader(config.module);
-	
-function addLazyLoadingStyleLoader(config) {
-	const cssLoader = config.rules[1].oneOf[5];
-	
-	config.rules[1].oneOf.splice(5, 2, {
-		...cssLoader,
-		use: [
-			{
-				loader: require.resolve('style-loader'),
-				options: {
-					injectType: 'lazyStyleTag'
-				}
-			},
-			cssLoader.use[1],
-			cssLoader.use[2]
-		]
-	});
-}

package/watch.js

@@ -1,58 +0,0 @@
-
-const rewire = require('rewire');
-const webpackConfig = rewire('react-scripts/scripts/start');
-const oldConfigFactory = webpackConfig.__get__('configFactory');
-const ModuleScopePlugin = require('react-dev-utils/ModuleScopePlugin');
-const fs = require('fs');
-const path = require('path');
-
-webpackConfig.__set__('configFactory', function(env) {
-	const config = oldConfigFactory(env);
-	
-	// disable use modules outside of src
-	config.resolve.plugins = config.resolve.plugins.filter(plugin => !(plugin instanceof ModuleScopePlugin));
-	
-	// disable local node_modules/ path
-	config.resolve.modules.shift();
-	
-	// add aliased packages from /opt/packages
-	for (const alias of find_custom_packages('/opt/packages')){
-		config.resolve.alias[alias.name] = alias.path;
-	}
-
-	addLazyLoadingStyleLoader(config.module);
-	
-	console.log(config);
-	//process.exit(0);
-	
-	return config;
-});
-
-function* find_custom_packages(location) {
-	const dir = fs.opendirSync(location, { withFileTypes: true });
-	let dirent;
-	while ((dirent = dir.readSync()) !== null) {
-	  if (dirent.isSymbolicLink()) {
-		  yield {name: dirent.name, path: fs.realpathSync(path.join(location, dirent.name))};
-	  }
-	}
-	dir.closeSync();
-}
-
-function addLazyLoadingStyleLoader(config) {
-	const cssLoader = config.rules[1].oneOf[5];
-	
-	config.rules[1].oneOf.splice(5, 2, {
-		...cssLoader,
-		use: [
-			{
-				loader: cssLoader.use[0],
-				options: {
-					injectType: 'lazyStyleTag'
-				}
-			},
-			cssLoader.use[1],
-			cssLoader.use[2]
-		]
-	});
-}