@digitaldefiance/express-suite-react-components 4.19.20 → 4.19.22

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@digitaldefiance/express-suite-react-components",
-  "version": "4.19.20",
+  "version": "4.19.22",
   "homepage": "https://github.com/Digital-Defiance/react-components",
   "description": "React MUI components for Digital Defiance Express Suite",
   "repository": {

package/src/components/TopMenu.js

@@ -44,7 +44,7 @@ const TopMenu = ({ Logo, additionalMenus, constants, showTitle }) => {
                             marginRight: 2,
                             display: 'flex',
                             alignItems: 'center',
-                        }, children: Logo }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", component: "div", sx: { flexGrow: 1 }, children: (showTitle !== false) ? siteTitle : ' ' }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', alignItems: 'center' }, children: [isAuthenticated ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { color: "inherit", component: react_router_dom_1.Link, to: "/dashboard", children: tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Dashboard) }), allMenus.map((menu, index) => menu.isUserMenu ? ((0, jsx_runtime_1.jsx)(UserMenu_1.UserMenu, {}, `user-menu`)) : ((0, jsx_runtime_1.jsx)(DropdownMenu_1.DropdownMenu, { menuType: menu.menuType, menuIcon: menu.menuIcon }, `menu-${index}`)))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { color: "inherit", component: react_router_dom_1.Link, to: "/login", children: tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Login_LoginButton) }), (0, jsx_runtime_1.jsx)(material_1.Button, { color: "inherit", component: react_router_dom_1.Link, to: "/register", children: tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.RegisterButton) })] })), (0, jsx_runtime_1.jsx)(UserLanguageSelector_1.UserLanguageSelector, {})] })] }), (0, jsx_runtime_1.jsx)(SideMenu_1.SideMenu, { isOpen: isSideMenuOpen, onClose: handleCloseSideMenu })] }));
+                        }, children: Logo }), (0, jsx_runtime_1.jsx)(material_1.Typography, { variant: "h6", component: "div", sx: { flexGrow: 1 }, children: (showTitle !== false) ? siteTitle : '\u00A0' }), (0, jsx_runtime_1.jsxs)(material_1.Box, { sx: { display: 'flex', alignItems: 'center' }, children: [isAuthenticated ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { color: "inherit", component: react_router_dom_1.Link, to: "/dashboard", children: tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Common_Dashboard) }), allMenus.map((menu, index) => menu.isUserMenu ? ((0, jsx_runtime_1.jsx)(UserMenu_1.UserMenu, {}, `user-menu`)) : ((0, jsx_runtime_1.jsx)(DropdownMenu_1.DropdownMenu, { menuType: menu.menuType, menuIcon: menu.menuIcon }, `menu-${index}`)))] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(material_1.Button, { color: "inherit", component: react_router_dom_1.Link, to: "/login", children: tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.Login_LoginButton) }), (0, jsx_runtime_1.jsx)(material_1.Button, { color: "inherit", component: react_router_dom_1.Link, to: "/register", children: tComponent(suite_core_lib_1.SuiteCoreComponentId, suite_core_lib_1.SuiteCoreStringKey.RegisterButton) })] })), (0, jsx_runtime_1.jsx)(UserLanguageSelector_1.UserLanguageSelector, {})] })] }), (0, jsx_runtime_1.jsx)(SideMenu_1.SideMenu, { isOpen: isSideMenuOpen, onClose: handleCloseSideMenu })] }));
 };
 exports.TopMenu = TopMenu;
 exports.default = exports.TopMenu;

package/src/hooks/index.d.ts

@@ -3,4 +3,5 @@ export * from './useLocalStorage';
 export * from './useBackupCodes';
 export * from './useUserSettings';
 export * from './useEmailVerification';
+export * from './useAuthenticatedApi';
 //# sourceMappingURL=index.d.ts.map

package/src/hooks/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC"}

package/src/hooks/index.js

@@ -6,3 +6,4 @@ tslib_1.__exportStar(require("./useLocalStorage"), exports);
 tslib_1.__exportStar(require("./useBackupCodes"), exports);
 tslib_1.__exportStar(require("./useUserSettings"), exports);
 tslib_1.__exportStar(require("./useEmailVerification"), exports);
+tslib_1.__exportStar(require("./useAuthenticatedApi"), exports);

package/src/hooks/useAuthenticatedApi.d.ts

@@ -0,0 +1,34 @@
+/**
+ * useAuthenticatedApi — React hook + provider for a shared authenticated
+ * Axios instance.
+ *
+ * The provider creates a single AxiosInstance via createAuthenticatedApiClient
+ * using the baseUrl from SuiteConfigProvider. All component libraries consume
+ * the same instance through the useAuthenticatedApi() hook, eliminating
+ * duplicate axios instances and circular dependency issues.
+ *
+ * Usage:
+ *   // In the app root (wrap inside SuiteConfigProvider):
+ *   <AuthenticatedApiProvider>
+ *     <App />
+ *   </AuthenticatedApiProvider>
+ *
+ *   // In any component library:
+ *   const api = useAuthenticatedApi();
+ *   const res = await api.get('/some-endpoint');
+ */
+import { ReactNode } from 'react';
+import type { AxiosInstance } from 'axios';
+export interface AuthenticatedApiProviderProps {
+    children: ReactNode;
+    /** Optional token key in localStorage. Defaults to 'authToken'. */
+    tokenKey?: string;
+}
+export declare const AuthenticatedApiProvider: ({ children, tokenKey, }: AuthenticatedApiProviderProps) => import("react/jsx-runtime").JSX.Element;
+/**
+ * Returns the shared authenticated Axios instance.
+ * Must be used within an AuthenticatedApiProvider (which itself must be
+ * inside a SuiteConfigProvider).
+ */
+export declare const useAuthenticatedApi: () => AxiosInstance;
+//# sourceMappingURL=useAuthenticatedApi.d.ts.map

package/src/hooks/useAuthenticatedApi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAuthenticatedApi.d.ts","sourceRoot":"","sources":["../../../../../packages/digitaldefiance-express-suite-react-components/src/hooks/useAuthenticatedApi.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;GAkBG;AAEH,OAAO,EAAiB,SAAS,EAAuB,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAQ3C,MAAM,WAAW,6BAA6B;IAC5C,QAAQ,EAAE,SAAS,CAAC;IACpB,mEAAmE;IACnE,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,wBAAwB,GAAI,yBAGtC,6BAA6B,4CAa/B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,QAAO,aAQtC,CAAC"}

package/src/hooks/useAuthenticatedApi.js

@@ -0,0 +1,46 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAuthenticatedApi = exports.AuthenticatedApiProvider = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
+/**
+ * useAuthenticatedApi — React hook + provider for a shared authenticated
+ * Axios instance.
+ *
+ * The provider creates a single AxiosInstance via createAuthenticatedApiClient
+ * using the baseUrl from SuiteConfigProvider. All component libraries consume
+ * the same instance through the useAuthenticatedApi() hook, eliminating
+ * duplicate axios instances and circular dependency issues.
+ *
+ * Usage:
+ *   // In the app root (wrap inside SuiteConfigProvider):
+ *   <AuthenticatedApiProvider>
+ *     <App />
+ *   </AuthenticatedApiProvider>
+ *
+ *   // In any component library:
+ *   const api = useAuthenticatedApi();
+ *   const res = await api.get('/some-endpoint');
+ */
+const react_1 = require("react");
+const authenticatedApi_1 = require("../services/authenticatedApi");
+const SuiteConfigProvider_1 = require("../contexts/SuiteConfigProvider");
+const AuthenticatedApiContext = (0, react_1.createContext)(undefined);
+const AuthenticatedApiProvider = ({ children, tokenKey, }) => {
+    const { baseUrl } = (0, SuiteConfigProvider_1.useSuiteConfig)();
+    const api = (0, react_1.useMemo)(() => (0, authenticatedApi_1.createAuthenticatedApiClient)(baseUrl, tokenKey), [baseUrl, tokenKey]);
+    return ((0, jsx_runtime_1.jsx)(AuthenticatedApiContext.Provider, { value: api, children: children }));
+};
+exports.AuthenticatedApiProvider = AuthenticatedApiProvider;
+/**
+ * Returns the shared authenticated Axios instance.
+ * Must be used within an AuthenticatedApiProvider (which itself must be
+ * inside a SuiteConfigProvider).
+ */
+const useAuthenticatedApi = () => {
+    const context = (0, react_1.useContext)(AuthenticatedApiContext);
+    if (!context) {
+        throw new Error('useAuthenticatedApi must be used within an AuthenticatedApiProvider');
+    }
+    return context;
+};
+exports.useAuthenticatedApi = useAuthenticatedApi;