@cccsaurora/howler-ui 2.19.0-dev.1099 → 2.19.0-dev.1143

package/locales/en/translation.json

@@ -380,8 +380,8 @@
     "page.settings.local.details.drawer.description": "Instead of switching between a divided view and the drawer on different screen sizes, this setting forces Howler to always use the drawer.",
     "page.settings.local.flatten.json": "Flatten JSON in JSON View",
     "page.settings.local.flatten.json.description": "Instead of showing the object structure of the JSON, show it as flattened keys.",
-    "page.settings.local.hits.display_type": "Default display type for results",
-    "page.settings.local.hits.display_type.description": "This setting allows you to decide whether to use the list or grid view by default when searching.",
+    "page.settings.local.hits.display_type": "Display type for results",
+    "page.settings.local.hits.display_type.description": "This setting allows you to decide whether to use the list or grid view when searching.",
     "page.settings.local.hits.display_type.grid": "Grid",
     "page.settings.local.hits.display_type.list": "List",
     "page.settings.local.hits.field_count": "Template Field Count",
@@ -763,9 +763,12 @@
     "usermenu.settings": "Settings",
     "using": "using",
     "view.assigned_to_me": "Assigned to Me",
+    "view.display.grid.inactive_warning": "The view has grid properties which cannot be applied",
     "view.notfound": "This view is not available to you, or does not exist.",
     "view.open": "Open View Query",
     "view.refresh": "Refresh View",
+    "view.settings": "View Settings",
     "view.settings.advance_on_triage": "Advance to next hit on triage",
-    "view.settings.advance_on_triage.description": "If this is enabled, triaging a hit on this view will automatically move to the next hit in line, making rapid triage of hits easier."
+    "view.settings.advance_on_triage.description": "If this is enabled, triaging a hit on this view will automatically move to the next hit in line, making rapid triage of hits easier.",
+    "view.settings.layout": "Default layout in search"
 }

package/locales/fr/translation.json

@@ -380,8 +380,8 @@
     "page.settings.local.details.drawer.description": "Au lieu de basculer entre une vue divisée et le tiroir en fonction de la taille de l'écran, ce paramètre oblige Howler à toujours utiliser le tiroir.",
     "page.settings.local.flatten.json": "Aplatir le JSON dans la vue JSON",
     "page.settings.local.flatten.json.description": "Au lieu d'afficher la structure d'objet du JSON, affichez-la sous forme de clés aplaties",
-    "page.settings.local.hits.display_type": "Type d'affichage par défaut pour les résultats",
-    "page.settings.local.hits.display_type.description": "Ce paramètre vous permet de choisir entre l'affichage sous forme de liste ou de grille par défaut lors d'une recherche.",
+    "page.settings.local.hits.display_type": "Type d'affichage pour les résultats",
+    "page.settings.local.hits.display_type.description": "Ce paramètre vous permet de choisir entre l'affichage sous forme de liste ou de grille lors d'une recherche.",
     "page.settings.local.hits.display_type.grid": "Grille",
     "page.settings.local.hits.display_type.list": "Liste",
     "page.settings.local.hits.field_count": "Nombre de champs du modèle",
@@ -763,9 +763,12 @@
     "usermenu.settings": "Paramètres",
     "using": "utilisant",
     "view.assigned_to_me": "Assigné à moi",
+    "view.display.grid.inactive_warning": "La vue possède des propriétés de grille qui ne peuvent pas être appliquées",
     "view.notfound": "Cette vue n'est pas disponible pour vous, ou n'existe pas.",
     "view.open": "Ouvrir requête de la vue",
     "view.refresh": "Rafraîchir la vue",
+    "view.settings": "Paramètres de vue",
     "view.settings.advance_on_triage": "Passer à la hit suivant lors du triage",
-    "view.settings.advance_on_triage.description": "Si cette option est activée, le triage d'une hit sur cette vue passera automatiquement à la hit suivant, ce qui facilitera le triage rapide des résultats."
+    "view.settings.advance_on_triage.description": "Si cette option est activée, le triage d'une hit sur cette vue passera automatiquement à la hit suivant, ce qui facilitera le triage rapide des résultats.",
+    "view.settings.layout": "Mise en page par défaut dans la recherche"
 }

package/models/entities/generated/Column.d.ts

@@ -0,0 +1,7 @@
+/**
+ * NOTE: This is an auto-generated file. Don't edit this manually.
+ */
+export interface Column {
+  field?: string;
+  width?: number;
+}

package/models/entities/generated/Host.d.ts

@@ -3,6 +3,7 @@
  */
 export interface Host {
   domain?: string;
+  hostname?: string;
   id?: string;
   ip?: string[];
   mac?: string[];

package/models/entities/generated/Settings.d.ts

@@ -1,6 +1,10 @@
+import type { Column } from './Column';
+
 /**
  * NOTE: This is an auto-generated file. Don't edit this manually.
  */
 export interface Settings {
   advance_on_triage?: boolean;
+  columns?: Column[];
+  display?: string;
 }

package/package.json

@@ -93,7 +93,7 @@
     "url": "https://github.com/CybercentreCanada/howler"
   },
   "type": "module",
-  "version": "2.19.0-dev.1099",
+  "version": "2.19.0-dev.1143",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",
@@ -211,6 +211,7 @@
     "./components/elements/hit/aggregate/*": "./components/elements/hit/aggregate/*.js",
     "./components/elements/hit/outlines/*": "./components/elements/hit/outlines/*.js",
     "./components/elements/hit/actions/*": "./components/elements/hit/actions/*.js",
+    "./components/elements/hit/grid/*": "./components/elements/hit/grid/*.js",
     "./components/elements/hit/elements/*": "./components/elements/hit/elements/*.js",
     "./components/elements/hit/outlines/al/*": "./components/elements/hit/outlines/al/*.js",
     "./components/elements/addons/search/*": "./components/elements/addons/search/*.js",

package/utils/stringUtils.d.ts

@@ -6,3 +6,4 @@ export declare const sanitizeLuceneQuery: (query: string) => string;
 export declare const safeStringPropertyCompare: (propertyPath: string) => (a: unknown, b: unknown) => any;
 export declare const sanitizeMultilineLucene: (query: string) => string;
 export declare const validateRegex: (regex: string) => boolean;
+export declare const parsePixelSizeStringToInt: (size: string) => number;

package/utils/stringUtils.js

@@ -45,3 +45,10 @@ export const validateRegex = (regex) => {
         return false;
     }
 };
+export const parsePixelSizeStringToInt = (size) => {
+    const match = size.match(/^(\d+(\.\d+)?)(px)?$/);
+    if (match) {
+        return parseInt(match[1]);
+    }
+    return null;
+};

package/utils/stringUtils.test.js

@@ -1,6 +1,6 @@
 /// <reference types="vitest" />
 import { describe, expect, it } from 'vitest';
-import { maxLenStr, nameToInitials, safeFieldValue, safeFieldValueURI, safeStringPropertyCompare, sanitizeLuceneQuery, sanitizeMultilineLucene, validateRegex } from './stringUtils';
+import { maxLenStr, nameToInitials, parsePixelSizeStringToInt, safeFieldValue, safeFieldValueURI, safeStringPropertyCompare, sanitizeLuceneQuery, sanitizeMultilineLucene, validateRegex } from './stringUtils';
 describe('nameToInitials', () => {
     it('returns initials from a standard first-last name', () => {
         expect(nameToInitials('John Doe')).toEqual(['J', 'D']);
@@ -157,3 +157,23 @@ describe('validateRegex', () => {
         expect(validateRegex('a{2,5}')).toBe(true);
     });
 });
+describe('parsePixelSizeStringToInt', () => {
+    it('parses a pixel size string with "px" suffix', () => {
+        expect(parsePixelSizeStringToInt('100px')).toBe(100);
+    });
+    it('parses a pixel size string without "px" suffix', () => {
+        expect(parsePixelSizeStringToInt('200')).toBe(200);
+    });
+    it('parses a pixel size string with decimal value', () => {
+        expect(parsePixelSizeStringToInt('150.5px')).toBe(150);
+    });
+    it('returns null for a non-numeric string', () => {
+        expect(parsePixelSizeStringToInt('abc')).toBeNull();
+    });
+    it('returns null for an empty string', () => {
+        expect(parsePixelSizeStringToInt('')).toBeNull();
+    });
+    it('returns null for a string with an invalid unit', () => {
+        expect(parsePixelSizeStringToInt('50rem')).toBeNull();
+    });
+});

package/components/routes/hits/search/LayoutSettings.js

@@ -1,24 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArrowDropDown, InfoOutlined, List, Settings, TableChart, ViewComfy, ViewCompact, ViewModule } from '@mui/icons-material';
-import { Checkbox, Divider, FormLabel, Stack, TextField, ToggleButton, ToggleButtonGroup, Tooltip } from '@mui/material';
-import { HitSearchContext } from '@cccsaurora/howler-ui/components/app/providers/HitSearchProvider';
-import ChipPopper from '@cccsaurora/howler-ui/components/elements/display/ChipPopper';
-import { HitLayout } from '@cccsaurora/howler-ui/components/elements/hit/HitLayout';
-import { useMyLocalStorageItem } from '@cccsaurora/howler-ui/components/hooks/useMyLocalStorage';
-import { useTranslation } from 'react-i18next';
-import { useContextSelector } from 'use-context-selector';
-import { StorageKey } from '@cccsaurora/howler-ui/utils/constants';
-const LayoutSettings = () => {
-    const { t } = useTranslation();
-    const displayType = useContextSelector(HitSearchContext, ctx => ctx.displayType);
-    const setDisplayType = useContextSelector(HitSearchContext, ctx => ctx.setDisplayType);
-    const [hitLayout, setHitLayout] = useMyLocalStorageItem(StorageKey.HIT_LAYOUT, false);
-    const [templateFieldCount, setTemplateFieldCount] = useMyLocalStorageItem(StorageKey.TEMPLATE_FIELD_COUNT, null);
-    return (_jsx(ChipPopper, { icon: _jsx(Tooltip, { title: t('search.layout.settings'), children: _jsx(Settings, {}) }), deleteIcon: _jsx(ArrowDropDown, {}), toggleOnDelete: true, disablePortal: false, slotProps: { chip: { size: 'medium', 'aria-label': t('search.layout.settings') } }, placement: "bottom-end", children: _jsxs(Stack, { spacing: 1, alignItems: "start", children: [_jsxs(Stack, { direction: "row", spacing: 0.5, alignItems: "center", alignSelf: "stretch", children: [_jsx(FormLabel, { id: "display_type", children: t('page.settings.local.hits.display_type') }), _jsx("div", { style: { flex: 1 } }), _jsx(Tooltip, { title: t('page.settings.local.hits.display_type.description'), children: _jsx(InfoOutlined, { fontSize: "inherit" }) })] }), _jsxs(ToggleButtonGroup, { exclusive: true, value: displayType, onChange: (__, value) => setDisplayType(value), size: "small", "aria-labelledby": "display_type", children: [_jsx(ToggleButton, { value: "list", children: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [_jsx(List, {}), _jsx("span", { children: t('page.settings.local.hits.display_type.list') })] }) }), _jsx(ToggleButton, { value: "grid", children: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [_jsx(TableChart, {}), _jsx("span", { children: t('page.settings.local.hits.display_type.grid') })] }) })] }), _jsx(Divider, { flexItem: true }), _jsxs(Stack, { direction: "row", spacing: 0.5, alignItems: "center", alignSelf: "stretch", children: [_jsx(FormLabel, { id: "layout", children: t('page.settings.local.hits.layout') }), _jsx("div", { style: { flex: 1 } }), _jsx(Tooltip, { title: t('page.settings.local.hits.layout.description'), children: _jsx(InfoOutlined, { fontSize: "inherit" }) })] }), _jsxs(ToggleButtonGroup, { exclusive: true, size: "small", value: hitLayout, onChange: (_, value) => setHitLayout(value), "aria-labelledby": "layout", children: [_jsx(ToggleButton, { value: HitLayout.DENSE, children: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [_jsx(ViewCompact, {}), _jsx("span", { children: t('page.settings.local.hits.layout.dense') })] }) }), _jsx(ToggleButton, { value: HitLayout.NORMAL, children: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [_jsx(ViewModule, {}), _jsx("span", { children: t('page.settings.local.hits.layout.normal') })] }) }), _jsx(ToggleButton, { value: HitLayout.COMFY, children: _jsxs(Stack, { direction: "row", spacing: 0.5, children: [_jsx(ViewComfy, {}), _jsx("span", { children: t('page.settings.local.hits.layout.comfy') })] }) })] }), _jsx(Divider, { flexItem: true }), _jsxs(Stack, { direction: "row", spacing: 0.5, alignItems: "center", alignSelf: "stretch", children: [_jsx(FormLabel, { id: "field_count", children: t('page.settings.local.hits.field_count') }), _jsx("div", { style: { flex: 1 } }), _jsx(Tooltip, { title: t('page.settings.local.hits.field_count.description'), children: _jsx(InfoOutlined, { fontSize: "inherit" }) })] }), _jsxs(Stack, { direction: "row", spacing: 0.5, alignSelf: "stretch", children: [_jsx(Checkbox, { checked: templateFieldCount !== null, onChange: (_, checked) => setTemplateFieldCount(checked ? 3 : null), size: "small" }), _jsx(TextField, { type: "number", size: "small", disabled: templateFieldCount === null, value: templateFieldCount ?? 3, fullWidth: true, onChange: e => {
-                                const val = parseInt(e.target.value);
-                                if (!isNaN(val)) {
-                                    setTemplateFieldCount(Math.min(15, Math.max(0, val)));
-                                }
-                            }, inputProps: { min: 0, max: 15, 'aria-labelledby': 'field_count' } })] })] }) }));
-};
-export default LayoutSettings;