@cccsaurora/howler-ui 2.19.0-dev.989 → 2.19.0

package/api/search/user.js

@@ -5,7 +5,7 @@ export const uri = () => {
 };
 export const post = async (request) => {
     const response = await hpost(uri(), {
-        ...(request || {}),
+        ...request,
         query: request?.query || 'name:*'
     });
     return {

package/api/search/view.js

@@ -4,5 +4,5 @@ export const uri = () => {
     return joinUri(parentUri(), 'view');
 };
 export const post = (request) => {
-    return hpost(uri(), { ...(request || {}), query: request?.query || 'title:*' });
+    return hpost(uri(), { ...request, query: request?.query || 'title:*' });
 };

package/api/socket/index.d.ts

@@ -0,0 +1,3 @@
+import * as viewers from '@cccsaurora/howler-ui/api/socket/viewers';
+export declare const uri: () => string;
+export { viewers };

package/api/socket/index.js

@@ -0,0 +1,6 @@
+import { joinAllUri } from '@cccsaurora/howler-ui/api';
+import * as viewers from '@cccsaurora/howler-ui/api/socket/viewers';
+export const uri = () => {
+    return joinAllUri('/socket', 'v1');
+};
+export { viewers };

package/api/socket/viewers.d.ts

@@ -0,0 +1,2 @@
+export declare const uri: (entityId?: string) => string;
+export declare const get: (entityId: string) => Promise<string[]>;

package/api/socket/viewers.js

@@ -0,0 +1,8 @@
+import { hget, joinAllUri } from '@cccsaurora/howler-ui/api';
+import { uri as parentUri } from '@cccsaurora/howler-ui/api/socket';
+export const uri = (entityId) => {
+    return entityId ? joinAllUri(parentUri(), 'viewers', entityId) : joinAllUri(parentUri(), 'viewers');
+};
+export const get = async (entityId) => {
+    return hget(uri(entityId));
+};

package/api/socket/viewers.test.js

@@ -0,0 +1,44 @@
+import { beforeEach, describe, expect, it, vi } from 'vitest';
+// ---------------------------------------------------------------------------
+// Hoisted mocks
+// ---------------------------------------------------------------------------
+const mockHget = vi.hoisted(() => vi.fn());
+vi.mock('api', async () => {
+    const urlJoin = (await import('url-join')).default;
+    return {
+        hget: mockHget,
+        joinAllUri: (...parts) => urlJoin(...parts)
+    };
+});
+// ---------------------------------------------------------------------------
+// Import after mocks
+// ---------------------------------------------------------------------------
+// eslint-disable-next-line
+import { get } from './viewers';
+// ---------------------------------------------------------------------------
+// Setup
+// ---------------------------------------------------------------------------
+beforeEach(() => {
+    mockHget.mockReset();
+});
+// ---------------------------------------------------------------------------
+// Tests
+// ---------------------------------------------------------------------------
+describe('viewers API', () => {
+    describe('get', () => {
+        it('calls hget with the correct URI', async () => {
+            mockHget.mockResolvedValue(['alice', 'bob']);
+            await get('entity-1');
+            expect(mockHget).toHaveBeenCalledWith('/socket/v1/viewers/entity-1');
+        });
+        it('returns the result from hget', async () => {
+            mockHget.mockResolvedValue(['alice', 'bob']);
+            const result = await get('entity-1');
+            expect(result).toEqual(['alice', 'bob']);
+        });
+        it('propagates errors from hget', async () => {
+            mockHget.mockRejectedValue(new Error('not found'));
+            await expect(get('entity-1')).rejects.toThrow('not found');
+        });
+    });
+});

package/api/template/index.d.ts

@@ -1,6 +1,7 @@
+import { type HowlerRefreshParam } from '@cccsaurora/howler-ui/api';
 import type { Template } from '@cccsaurora/howler-ui/models/entities/generated/Template';
 export declare const uri: (id?: string) => string;
 export declare const get: () => Promise<Template[]>;
-export declare const post: (newData: Partial<Template>) => Promise<Template>;
-export declare const put: (id: string, newFields: string[]) => Promise<Template>;
-export declare const del: (id: string) => Promise<void>;
+export declare const post: (newData: Partial<Template>, refresh?: HowlerRefreshParam) => Promise<Template>;
+export declare const put: (id: string, newFields: string[], refresh?: HowlerRefreshParam) => Promise<Template>;
+export declare const del: (id: string, refresh?: HowlerRefreshParam) => Promise<void>;

package/api/template/index.js

@@ -5,12 +5,12 @@ export const uri = (id) => {
 export const get = () => {
     return hget(uri());
 };
-export const post = (newData) => {
-    return hpost(uri(), newData);
+export const post = (newData, refresh) => {
+    return hpost(uri(), newData, undefined, refresh ? new URLSearchParams({ refresh }) : undefined);
 };
-export const put = (id, newFields) => {
-    return hput(uri(id), newFields);
+export const put = (id, newFields, refresh) => {
+    return hput(uri(id), newFields, undefined, refresh ? new URLSearchParams({ refresh }) : undefined);
 };
-export const del = (id) => {
-    return hdelete(uri(id));
+export const del = (id, refresh) => {
+    return hdelete(uri(id), undefined, undefined, refresh ? new URLSearchParams({ refresh }) : undefined);
 };

package/api/user/index.d.ts

@@ -1,3 +1,4 @@
+import { type HowlerRefreshParam } from '@cccsaurora/howler-ui/api';
 import * as avatar from '@cccsaurora/howler-ui/api/user/avatar';
 import * as groups from '@cccsaurora/howler-ui/api/user/groups';
 import * as whoami from '@cccsaurora/howler-ui/api/user/whoami';
@@ -6,5 +7,5 @@ export declare const uri: (username?: string) => string;
 export declare const get: (username: string) => Promise<HowlerUser>;
 export declare const put: (username: string, newData: Partial<HowlerUser> | {
     new_pass: string;
-}) => Promise<any>;
+}, refresh?: HowlerRefreshParam) => Promise<any>;
 export { avatar, groups, whoami };

package/api/user/index.js

@@ -9,7 +9,7 @@ export const uri = (username) => {
 export const get = (username) => {
     return hget(uri(username));
 };
-export const put = (username, newData) => {
-    return hput(uri(username), newData);
+export const put = (username, newData, refresh) => {
+    return hput(uri(username), newData, undefined, refresh ? new URLSearchParams({ refresh }) : undefined);
 };
 export { avatar, groups, whoami };

package/api/v2/case/index.d.ts

@@ -0,0 +1,9 @@
+import * as items from '@cccsaurora/howler-ui/api/v2/case/items';
+import * as rules from '@cccsaurora/howler-ui/api/v2/case/rules';
+import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
+export declare const uri: (id?: string) => string;
+export declare const get: (id: string) => Promise<Case>;
+export declare const post: (newData: Partial<Case>) => Promise<Case>;
+export declare const put: (id: string, _case: Partial<Case>) => Promise<Case>;
+export declare const del: (id: string) => Promise<void>;
+export { items, rules };

package/api/v2/case/index.js

@@ -0,0 +1,21 @@
+// eslint-disable-next-line import/no-cycle
+import { hdelete, hget, hpost, hput, joinAllUri, joinUri } from '@cccsaurora/howler-ui/api';
+import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2';
+import * as items from '@cccsaurora/howler-ui/api/v2/case/items';
+import * as rules from '@cccsaurora/howler-ui/api/v2/case/rules';
+export const uri = (id) => {
+    return id ? joinAllUri(parentUri(), 'case', id) : joinUri(parentUri(), 'case');
+};
+export const get = (id) => {
+    return hget(uri(id));
+};
+export const post = (newData) => {
+    return hpost(uri(), newData);
+};
+export const put = (id, _case) => {
+    return hput(uri(id), _case);
+};
+export const del = (id) => {
+    return hdelete(uri(id));
+};
+export { items, rules };

package/api/v2/case/items.d.ts

@@ -0,0 +1,9 @@
+import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
+import type { Item } from '@cccsaurora/howler-ui/models/entities/generated/Item';
+export declare const uri: (id: string) => string;
+export declare const post: (id: string, newData: Item) => Promise<Case>;
+export declare const del: (id: string, ids: string | string[], force?: boolean) => Promise<Case>;
+export declare const put: (caseId: string, id: string, payload?: {
+    name?: string;
+    parent?: string;
+}) => Promise<Case>;

package/api/v2/case/items.js

@@ -0,0 +1,19 @@
+// eslint-disable-next-line import/no-cycle
+import { hdelete, hpost, hput, joinUri } from '@cccsaurora/howler-ui/api';
+import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2/case';
+export const uri = (id) => {
+    return joinUri(parentUri(id), 'items');
+};
+export const post = (id, newData) => {
+    return hpost(uri(id), newData);
+};
+export const del = (id, ids, force = false) => {
+    if (!Array.isArray(ids)) {
+        ids = [ids];
+    }
+    return hdelete(uri(id), { ids, force });
+};
+export const put = (caseId, id, payload = {}) => {
+    payload.id = id;
+    return hput(uri(caseId), payload);
+};

package/api/v2/case/rules.d.ts

@@ -0,0 +1,6 @@
+import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
+import type { Rule } from '@cccsaurora/howler-ui/models/entities/generated/Rule';
+export declare const uri: (caseId: string, ruleId?: string) => string;
+export declare const post: (caseId: string, ruleData: Partial<Rule>) => Promise<Case>;
+export declare const del: (caseId: string, ruleId: string) => Promise<Case>;
+export declare const put: (caseId: string, ruleId: string, data: Partial<Rule>) => Promise<Case>;

package/api/v2/case/rules.js

@@ -0,0 +1,18 @@
+// eslint-disable-next-line import/no-cycle
+import { hdelete, hpost, hput, joinAllUri } from '@cccsaurora/howler-ui/api';
+import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2/case';
+export const uri = (caseId, ruleId) => {
+    if (ruleId) {
+        return joinAllUri(parentUri(caseId), 'rules', ruleId);
+    }
+    return joinAllUri(parentUri(caseId), 'rules');
+};
+export const post = (caseId, ruleData) => {
+    return hpost(uri(caseId), ruleData);
+};
+export const del = (caseId, ruleId) => {
+    return hdelete(uri(caseId, ruleId));
+};
+export const put = (caseId, ruleId, data) => {
+    return hput(uri(caseId, ruleId), data);
+};

package/api/v2/fuzzy.d.ts

@@ -0,0 +1,17 @@
+import type { HowlerSearchResponse } from '@cccsaurora/howler-ui/api/search';
+import type { Case } from '@cccsaurora/howler-ui/models/entities/generated/Case';
+import type { Event } from '@cccsaurora/howler-ui/models/entities/generated/Event';
+import type { Hit } from '@cccsaurora/howler-ui/models/entities/generated/Hit';
+export type FuzzySearchRequest = {
+    query: string;
+    indexes?: string[];
+    filters?: string[];
+    offset?: number;
+    rows?: number;
+    track_total_hits?: boolean;
+};
+export type FuzzySearchItem<T = Hit | Event | Case> = T & {
+    _score: number;
+};
+export declare const uri: () => string;
+export declare const post: (request: FuzzySearchRequest) => Promise<HowlerSearchResponse<FuzzySearchItem>>;

package/api/v2/fuzzy.js

@@ -0,0 +1,11 @@
+import { hpost, joinAllUri } from '@cccsaurora/howler-ui/api';
+import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2';
+export const uri = () => {
+    return joinAllUri(parentUri(), 'fuzzy');
+};
+export const post = (request) => {
+    if (!request.query || !request.query.trim()) {
+        throw new Error('Search query is required.');
+    }
+    return hpost(joinAllUri(uri(), 'search'), request);
+};

package/api/v2/index.d.ts

@@ -0,0 +1,5 @@
+import * as case_ from '@cccsaurora/howler-ui/api/v2/case';
+import * as fuzzy from '@cccsaurora/howler-ui/api/v2/fuzzy';
+import * as search from '@cccsaurora/howler-ui/api/v2/search';
+export declare const uri: () => string;
+export { case_ as case, fuzzy, search };

package/api/v2/index.js

@@ -0,0 +1,7 @@
+import * as case_ from '@cccsaurora/howler-ui/api/v2/case';
+import * as fuzzy from '@cccsaurora/howler-ui/api/v2/fuzzy';
+import * as search from '@cccsaurora/howler-ui/api/v2/search';
+export const uri = () => {
+    return '/api/v2';
+};
+export { case_ as case, fuzzy, search };

package/api/v2/search/facet.d.ts

@@ -0,0 +1,3 @@
+import type { HowlerFacetSearchRequest, HowlerFacetSearchResponse } from '@cccsaurora/howler-ui/api/search/facet';
+export declare const uri: (indexes: string[]) => string;
+export declare const post: (indexes: string | string[], request?: HowlerFacetSearchRequest) => Promise<HowlerFacetSearchResponse>;

package/api/v2/search/facet.js

@@ -0,0 +1,12 @@
+// eslint-disable-next-line import/no-cycle
+import { hpost, joinAllUri } from '@cccsaurora/howler-ui/api';
+import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2';
+export const uri = (indexes) => {
+    return joinAllUri(parentUri(), 'search', 'facet', indexes.join(','));
+};
+export const post = (indexes, request) => {
+    if (typeof indexes === 'string') {
+        indexes = indexes.split(',');
+    }
+    return hpost(uri(indexes), { ...request, query: request?.query || 'howler.id:*' });
+};

package/api/v2/search/index.d.ts

@@ -0,0 +1,6 @@
+import type { HowlerSearchRequest, HowlerSearchResponse } from '@cccsaurora/howler-ui/api/search';
+import * as facet from './facet';
+export type SearchIndex = 'hit' | 'event' | 'case';
+export declare const uri: (indexes: string[]) => string;
+export declare const post: <T = any>(indexes: SearchIndex | SearchIndex[], request?: HowlerSearchRequest) => Promise<HowlerSearchResponse<T>>;
+export { facet };

package/api/v2/search/index.js

@@ -0,0 +1,24 @@
+// eslint-disable-next-line import/no-cycle
+import { hpost, joinAllUri } from '@cccsaurora/howler-ui/api';
+import { uri as parentUri } from '@cccsaurora/howler-ui/api/v2';
+import { identity, isNil } from 'lodash-es';
+import * as facet from './facet';
+export const uri = (indexes) => {
+    return joinAllUri(parentUri(), 'search', indexes.join(','));
+};
+export const post = (indexes, request) => {
+    if (isNil(indexes)) {
+        throw new Error('Indexes cannot be null or undefined.');
+    }
+    if (typeof indexes === 'string') {
+        indexes = indexes.split(',').filter(identity);
+    }
+    if (indexes.some(index => !['hit', 'event', 'case'].includes(index))) {
+        throw new Error('Only hit, case, and event indexes should be used currently.');
+    }
+    if (indexes.length < 1) {
+        throw new Error('indexes must have length of at least 1.');
+    }
+    return hpost(uri(indexes), { ...request, query: request?.query || 'howler.id:*' });
+};
+export { facet };

package/api/view/index.d.ts

@@ -1,8 +1,9 @@
+import { type HowlerRefreshParam } from '@cccsaurora/howler-ui/api';
 import * as favourite from '@cccsaurora/howler-ui/api/view/favourite';
 import type { View } from '@cccsaurora/howler-ui/models/entities/generated/View';
 export declare const uri: (id?: string) => string;
 export declare const get: () => Promise<View[]>;
-export declare const post: (newData: Partial<View>) => Promise<View>;
-export declare const put: (id: string, partialView: Partial<Omit<View, "view_id">>) => Promise<View>;
-export declare const del: (id: string) => Promise<void>;
+export declare const post: (newData: Partial<View>, refresh?: HowlerRefreshParam) => Promise<View>;
+export declare const put: (id: string, partialView: Partial<Omit<View, 'view_id'>>, refresh?: HowlerRefreshParam) => Promise<View>;
+export declare const del: (id: string, refresh?: HowlerRefreshParam) => Promise<void>;
 export { favourite };

package/api/view/index.js

@@ -6,13 +6,13 @@ export const uri = (id) => {
 export const get = () => {
     return hget(uri());
 };
-export const post = (newData) => {
-    return hpost(uri(), newData);
+export const post = (newData, refresh) => {
+    return hpost(uri(), newData, undefined, refresh ? new URLSearchParams({ refresh }) : undefined);
 };
-export const put = (id, partialView) => {
-    return hput(uri(id), partialView);
+export const put = (id, partialView, refresh) => {
+    return hput(uri(id), partialView, undefined, refresh ? new URLSearchParams({ refresh }) : undefined);
 };
-export const del = (id) => {
-    return hdelete(uri(id));
+export const del = (id, refresh) => {
+    return hdelete(uri(id), undefined, undefined, refresh ? new URLSearchParams({ refresh }) : undefined);
 };
 export { favourite };

package/branding/AppBrand.d.ts

@@ -72,9 +72,9 @@ export declare const SIZES: {
         };
     };
 };
-export declare const BRAND_APPLICATIONS: readonly ["analyticalplatform", "assemblyline", "howler"];
+export declare const BRAND_APPLICATIONS: readonly ['analyticalplatform', 'assemblyline', 'howler'];
 export declare const BRAND_SIZES: string[];
-export declare const BRAND_VARIANTS: readonly ["app", "logo", "banner-vertical", "banner-horizontal"];
+export declare const BRAND_VARIANTS: readonly ['app', 'logo', 'banner-vertical', 'banner-horizontal'];
 export type BrandApplication = (typeof BRAND_APPLICATIONS)[number];
 export type BrandVariant = (typeof BRAND_VARIANTS)[number];
 export type BrandSize = (typeof BRAND_SIZES)[number];

package/commons/components/app/AppSkeleton.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Apps } from '@mui/icons-material';
 import { Divider, List, Skeleton, Toolbar, styled, useMediaQuery, useTheme } from '@mui/material';
 import { useAppBreadcrumbs, useAppConfigs, useAppLayout, useAppLeftNav, useAppQuickSearch } from '@cccsaurora/howler-ui/commons/components/app/hooks';

package/commons/components/app/hooks/useAppConfigs.d.ts

@@ -1,5 +1,4 @@
 export declare function useAppConfigs(): {
-    allowPersonalization: boolean;
     preferences: {
         topnav: {
             themeSelectionMode?: import("../AppConfigs").AppThemeSelectionMode;
@@ -52,8 +51,9 @@ export declare function useAppConfigs(): {
         itemsAfter?: number;
     };
     theme: {
-        components?: import("@mui/material").Components<Omit<import("@mui/material").Theme, "components">>;
+        components?: import("@mui/material").Components<Omit<import("@mui/material").Theme, '@cccsaurora/howler-ui/components'>>;
         palette?: import("../AppConfigs").AppPaletteConfigs;
         appbar?: import("../AppConfigs").AppBarThemeConfigs;
     };
+    allowPersonalization: boolean;
 };

package/commons/components/app/hooks/useAppSitemap.d.ts

@@ -5,9 +5,12 @@ export type BreadcrumbItem = {
     matcher: PathMatch<string>;
 };
 export declare const getRoute: (route: string, siteMap: AppSiteMapRoute[]) => BreadcrumbItem;
+declare const appendRoute: (breadcrumbs: BreadcrumbItem[], breadcrumb: BreadcrumbItem) => BreadcrumbItem[];
+declare const is404: (breadcrumb: BreadcrumbItem) => boolean;
 export declare function useAppSitemap(): {
-    appendRoute: (breadcrumbs: BreadcrumbItem[], breadcrumb: BreadcrumbItem) => BreadcrumbItem[];
+    appendRoute: typeof appendRoute;
     getTitle: (breadcrumb: BreadcrumbItem) => string;
     getRoute: (path: string) => BreadcrumbItem;
-    is404: (breadcrumb: BreadcrumbItem) => boolean;
+    is404: typeof is404;
 };
+export {};

package/commons/components/breadcrumbs/BreadcrumbIcon.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useTheme } from '@mui/material';
 import {} from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSitemap';
 const BreadcrumbIcon = ({ item }) => {

package/commons/components/breadcrumbs/Breadcrumbs.d.ts

@@ -1,4 +1,5 @@
-declare const _default: import("react").MemoExoticComponent<({ disableStyle }: {
+declare const Breadcrumbs: ({ disableStyle }: {
     disableStyle?: boolean;
-}) => import("react/jsx-runtime").JSX.Element>;
+}) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof Breadcrumbs>;
 export default _default;

package/commons/components/display/AppToc.d.ts

@@ -15,5 +15,6 @@ type AppTocProps = {
     titleI18nKey?: string;
     topI18nKey?: string;
 };
-declare const _default: React.MemoExoticComponent<({ children, translation, items, titleI18nKey, topI18nKey }: AppTocProps) => import("react/jsx-runtime").JSX.Element>;
+declare const AppToc: ({ children, translation, items, titleI18nKey, topI18nKey }: AppTocProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: React.MemoExoticComponent<typeof AppToc>;
 export default _default;

package/commons/components/display/AppToc.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { styled, useTheme } from '@mui/material';
 import { useAppBar } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppBar';
 import { useAppLayout } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppLayout';

package/commons/components/display/hooks/useAppColor.d.ts

@@ -1,5 +1,5 @@
 import { colors } from '@mui/material';
 type MuiColorType = keyof typeof colors;
 type MuiColorVariant = keyof typeof colors.blue;
-export default function useAppColor(color?: MuiColorType, lightVariant?: MuiColorVariant, darkVariant?: MuiColorVariant): "#1e88e5" | "#1976d2" | "#42a5f5" | "#0d47a1" | "#90caf9" | "#64b5f6" | "#2196f3" | "#e3f2fd" | "#bbdefb" | "#1565c0" | "#82b1ff" | "#448aff" | "#2979ff" | "#2962ff";
+export default function useAppColor(color?: MuiColorType, lightVariant?: MuiColorVariant, darkVariant?: MuiColorVariant): "#0d47a1" | "#1565c0" | "#1976d2" | "#1e88e5" | "#2196f3" | "#2962ff" | "#2979ff" | "#42a5f5" | "#448aff" | "#64b5f6" | "#82b1ff" | "#90caf9" | "#bbdefb" | "#e3f2fd";
 export {};

package/commons/components/leftnav/LeftNavDrawer.d.ts

@@ -1,2 +1,3 @@
-declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+declare const LeftNavDrawer: () => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof LeftNavDrawer>;
 export default _default;

package/commons/components/leftnav/LeftNavDrawer.js

@@ -75,7 +75,7 @@ const LeftNavDrawer = () => {
                     }
                 }, children: _jsx(AppName, {}) }), !isTopLayout && _jsx(Divider, {})] }));
     const hide = (_jsx(List, { disablePadding: true, children: _jsxs(ListItemButton, { onClick: leftnav.toggle, children: [_jsx(ListItemIcon, { children: leftnav.open ? _jsx(ChevronLeftIcon, {}) : _jsx(ChevronRightIcon, {}) }), _jsx(ListItemText, { primary: t('drawer.collapse') })] }, "chevron") }));
-    return (_jsx(ClickAwayListener, { mouseEvent: "onMouseDown", touchEvent: "onTouchStart", onClickAway: onCloseDrawerIfOpen, children: _jsxs(StyledDrawer, { PaperProps: { elevation: 1 }, variant: "permanent", style: { height: '100%' }, width: preferences.leftnav.width, open: leftnav.open, children: [leftnav.open ? (header) : (_jsx(Tooltip, { title: preferences.appName, "aria-label": preferences.appName, placement: "right", children: header })), _jsx(List, { disablePadding: true, children: leftnav.elements.map((e, i) => {
+    return (_jsx(ClickAwayListener, { mouseEvent: "onMouseDown", touchEvent: "onTouchStart", onClickAway: onCloseDrawerIfOpen, children: _jsxs(StyledDrawer, { variant: "permanent", style: { height: '100%' }, width: preferences.leftnav.width, open: leftnav.open, children: [leftnav.open ? (header) : (_jsx(Tooltip, { title: preferences.appName, "aria-label": preferences.appName, placement: "right", children: header })), _jsx(List, { disablePadding: true, children: leftnav.elements.map((e, i) => {
                         if (e.type === 'item') {
                             const item = e.element;
                             return _jsx(LeftNavItem, { item: item, onClick: isSmDown && onCloseDrawerIfOpen }, item.id);

package/commons/components/leftnav/LeftNavGroup.d.ts

@@ -3,5 +3,6 @@ interface LeftNavGroupProps {
     group: AppLeftNavGroup;
     onItemClick: () => void;
 }
-declare const _default: import("react").MemoExoticComponent<({ group, onItemClick }: LeftNavGroupProps) => import("react/jsx-runtime").JSX.Element>;
+declare const LeftNavGroup: ({ group, onItemClick }: LeftNavGroupProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof LeftNavGroup>;
 export default _default;

package/commons/components/leftnav/LeftNavItem.d.ts

@@ -6,5 +6,6 @@ type LeftNavItemProps = {
     hideIcon?: boolean;
     onClick: () => void;
 };
-declare const _default: import("react").MemoExoticComponent<({ item, context, popover, hideIcon, onClick }: LeftNavItemProps) => import("react/jsx-runtime").JSX.Element>;
+declare const LeftNavItem: ({ item, context, popover, hideIcon, onClick }: LeftNavItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof LeftNavItem>;
 export default _default;

package/commons/components/leftnav/LeftNavItem.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Box, ListItem, ListItemButton, ListItemIcon, ListItemText, Tooltip, useTheme } from '@mui/material';
 import { useAppLeftNav, useAppUser } from '@cccsaurora/howler-ui/commons/components/app/hooks';
 import { memo, useMemo } from 'react';

package/commons/components/notification/Notification.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { parseFeed } from '@cccsaurora/howler-ui/commons/components/notification';
 import { NotificationContainer } from '@cccsaurora/howler-ui/commons/components/notification/elements/NotificationContainer';
 import { NotificationTopNavButton } from '@cccsaurora/howler-ui/commons/components/notification/elements/NotificationTopNavButton';

package/commons/components/notification/elements/NotificationHeader.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Divider, Icon, Typography, useTheme } from '@mui/material';
 import React, { memo } from 'react';
 export const NotificationHeader = memo(({ title = '', icon = null, children = null }) => {

package/commons/components/notification/elements/NotificationItems.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Divider, Stack, useTheme } from '@mui/material';
 import {} from '@cccsaurora/howler-ui/commons/components/app/AppNotificationService';
 import {} from '@cccsaurora/howler-ui/commons/components/notification';

package/commons/components/notification/elements/item/NotificationItemAuthor.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link, Typography, useTheme } from '@mui/material';
 import { memo, useMemo } from 'react';
 export const NotificationItemAuthor = memo(({ author = null }) => {

package/commons/components/pages/PageCenter.d.ts

@@ -4,5 +4,6 @@ type PageCenterProps = PageProps & {
     maxWidth?: string;
     textAlign?: string;
 };
-declare const _default: import("react").MemoExoticComponent<({ children, height, width, maxWidth, textAlign, ...props }: PageCenterProps) => import("react/jsx-runtime").JSX.Element>;
+declare const PageCenter: ({ children, height, width, maxWidth, textAlign, ...props }: PageCenterProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof PageCenter>;
 export default _default;

package/commons/components/pages/PageContent.d.ts

@@ -3,5 +3,6 @@ import { type ReactNode } from 'react';
 type PageContentProps = PageProps & {
     children?: ReactNode;
 };
-declare const _default: import("react").MemoExoticComponent<({ children, ...props }: PageContentProps) => import("react/jsx-runtime").JSX.Element>;
+declare const PageContent: ({ children, ...props }: PageContentProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof PageContent>;
 export default _default;

package/commons/components/pages/PageFullScreen.d.ts

@@ -6,5 +6,6 @@ type PageFullscreenProps = {
     mr?: number;
     mt?: number;
 };
-declare const _default: import("react").MemoExoticComponent<({ children, margin, mb, ml, mr, mt }: PageFullscreenProps) => import("react/jsx-runtime").JSX.Element>;
+declare const PageFullscreen: ({ children, margin, mb, ml, mr, mt }: PageFullscreenProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof PageFullscreen>;
 export default _default;

package/commons/components/search/AppSearch.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Search } from '@mui/icons-material';
 import { Box, ClickAwayListener, Dialog, DialogContent, DialogTitle, emphasize, IconButton, Popper, Slide, Stack, styled, Tooltip, useMediaQuery, useTheme } from '@mui/material';
 import { useAppSearchService } from '@cccsaurora/howler-ui/commons/components/app/hooks/useAppSearchService';

package/commons/components/search/AppSearchInput.d.ts

@@ -7,5 +7,6 @@ type AppSearchInputProps = {
     onClear: () => void;
     onToggleFullscreen: () => void;
 } & InputBaseProps;
-declare const _default: import("react").MemoExoticComponent<({ searching, provided, autoFocus, showToggle, value, open, onClear, onToggleFullscreen, onFocus, onChange, onKeyDown, ...inputProps }: AppSearchInputProps) => import("react/jsx-runtime").JSX.Element>;
+declare const AppSearchInput: ({ searching, provided, autoFocus, showToggle, value, open, onClear, onToggleFullscreen, onFocus, onChange, onKeyDown, ...inputProps }: AppSearchInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof AppSearchInput>;
 export default _default;

package/commons/components/search/AppSearchResult.d.ts

@@ -1,4 +1,5 @@
 import { type MenuListProps } from '@mui/material';
 type AppSearchResultProps = MenuListProps;
-declare const _default: import("react").MemoExoticComponent<({ className, ...menuProps }: AppSearchResultProps) => import("react/jsx-runtime").JSX.Element>;
+declare const AppSearchResult: ({ className, ...menuProps }: AppSearchResultProps) => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof AppSearchResult>;
 export default _default;

package/commons/components/topnav/AppBar.d.ts

@@ -1,5 +1,6 @@
 export declare const AppBarBase: ({ children }: {
     children: any;
 }) => import("react/jsx-runtime").JSX.Element;
-declare const _default: import("react").MemoExoticComponent<() => import("react/jsx-runtime").JSX.Element>;
+declare const AppBar: () => import("react/jsx-runtime").JSX.Element;
+declare const _default: import("react").MemoExoticComponent<typeof AppBar>;
 export default _default;