@capsitech/react-utilities 0.1.2 → 0.1.4

package/lib/Components/SuspenseRoute.js

@@ -0,0 +1,29 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React from "react";
+const isSuspenseComponent = (component) => typeof component === "object" &&
+    component &&
+    component.hasOwnProperty("$$typeof") &&
+    component.hasOwnProperty("_payload") &&
+    component.hasOwnProperty("_init");
+export const SuspenseRoute = ({ children: Component, label = "Loading components...", fallback: FallbackComponent, }) => {
+    if (isSuspenseComponent(Component)) {
+        if (!FallbackComponent)
+            FallbackComponent = SuspenseRouteFallback;
+        return _jsx(React.Suspense, { fallback: _jsx(FallbackComponent, { label: label }), children: _jsx(Component, {}) });
+    }
+    return (_jsx(Component, {}));
+};
+const SuspenseRouteFallback = ({ label = "Loading components..." }) => {
+    return _jsx("div", { style: {
+            position: 'fixed',
+            top: 0,
+            left: 0,
+            width: '100%',
+            height: '100%',
+            backgroundColor: 'rgba(0, 0, 0, 0.3)',
+            zIndex: 9999,
+            display: 'flex',
+            justifyContent: 'center',
+            alignItems: 'center'
+        }, children: label });
+};

package/lib/Components/index.d.ts

@@ -0,0 +1 @@
+export * from './SuspenseRoute';

package/lib/Components/index.js

@@ -0,0 +1 @@
+export * from './SuspenseRoute';

package/lib/Utilities/RouteUtils.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { matchPath, Route } from "react-router-dom";
-import { SuspenseRoute } from "./SuspenseRoute";
+import { SuspenseRoute } from "../Components/SuspenseRoute";
 export var FeatureStatus;
 (function (FeatureStatus) {
     FeatureStatus[FeatureStatus["placeholder"] = 0] = "placeholder";

package/lib/Utilities/index.d.ts

@@ -9,7 +9,6 @@ export * from './LoadScripts';
 export * from './MTDFraudPrevention';
 export * from './Nationalities';
 export * from './RouteUtils';
-export * from './SuspenseRoute';
 export * from './TimeZones';
 export * from './Types';
 export * from './Utils';

package/lib/Utilities/index.js

@@ -9,7 +9,6 @@ export * from './LoadScripts';
 export * from './MTDFraudPrevention';
 export * from './Nationalities';
 export * from './RouteUtils';
-export * from './SuspenseRoute';
 export * from './TimeZones';
 export * from './Types';
 export * from './Utils';

package/lib/index.d.ts

@@ -1,2 +1,3 @@
-export * from "./Hooks";
-export * from "./Utilities";
+export * from './Components';
+export * from './Hooks';
+export * from './Utilities';

package/lib/index.js

@@ -1,2 +1,3 @@
-export * from "./Hooks";
-export * from "./Utilities";
+export * from './Components';
+export * from './Hooks';
+export * from './Utilities';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@capsitech/react-utilities",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "A set of javascript utility methods",
   "main": "lib/index.js",
   "jsnext:main": "lib/index.js",
@@ -40,25 +40,26 @@
     "lodash": "^4.17.21"
   },
   "peerDependencies": {
-    "axios": "^1.7.7",
+    "axios": "^1.9.0",
     "file-saver": "^2.0.5",
     "react": ">=18",
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "@storybook/addon-actions": "^8.4.2",
-    "@storybook/addon-essentials": "^8.4.2",
-    "@storybook/addon-links": "^8.4.2",
-    "@storybook/addon-storysource": "^8.4.2",
-    "@storybook/addon-webpack5-compiler-babel": "3.0.3",
-    "@storybook/react": "^8.4.2",
-    "@storybook/react-webpack5": "^8.4.2",
+    "@storybook/addon-actions": "^8.6.14",
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-links": "^8.6.14",
+    "@storybook/addon-storysource": "^8.6.14",
+    "@storybook/addon-webpack5-compiler-babel": "^3.0.6",
+    "@storybook/react": "^8.6.14",
+    "@storybook/react-webpack5": "^8.6.14",
+    "@storybook/test": "^8.6.14",
     "@types/file-saver": "^2.0.7",
     "@types/lodash": "4.17.13",
     "@types/react": "^18.3.12",
     "@typescript-eslint/eslint-plugin": "^8.13.0",
     "@typescript-eslint/parser": "^8.13.0",
-    "axios": "^1.7.7",
+    "axios": "^1.9.0",
     "copyfiles": "2.4.1",
     "cross-env": "^7.0.3",
     "eslint": "^9.14.0",
@@ -73,7 +74,7 @@
     "react-router-dom": "6.3.0",
     "react-scripts": "5.0.1",
     "rimraf": "6.0.1",
-    "storybook": "8.4.2",
+    "storybook": "^8.6.14",
     "typescript": "^4.9.5"
   },
   "browserslist": {
@@ -89,4 +90,4 @@
     ]
   },
   "packageManager": "yarn@4.5.1"
-}
+}

package/lib/Utilities/SuspenseRoute.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from "react";
-const isSuspenseComponent = (component) => typeof component === "object" &&
-    component &&
-    component.hasOwnProperty("$$typeof") &&
-    component.hasOwnProperty("_payload") &&
-    component.hasOwnProperty("_init");
-export const SuspenseRoute = ({ children: Component, label = "Loading components...", fallback: FallbackComponent, }) => {
-    return isSuspenseComponent(Component) ? (_jsx(React.Suspense, { fallback: _jsx(FallbackComponent, { label: label }), children: _jsx(Component, {}) })) : (_jsx(Component, {}));
-};