@cccsaurora/howler-ui 2.18.0-dev.695 → 2.18.0-dev.700

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

@@ -3,3 +3,4 @@ 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, values: string | string[]) => Promise<Case>;
+export declare const patch: (id: string, value: string, newPath: string) => Promise<Case>;

package/api/v2/case/items.js

@@ -1,5 +1,5 @@
 // eslint-disable-next-line import/no-cycle
-import { hdelete, hpost, joinUri } from '@cccsaurora/howler-ui/api';
+import { hdelete, hpatch, hpost, 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');
@@ -13,3 +13,6 @@ export const del = (id, values) => {
     }
     return hdelete(uri(id), { values });
 };
+export const patch = (id, value, newPath) => {
+    return hpatch(uri(id), { value, new_path: newPath });
+};

package/components/app/providers/ModalProvider.d.ts

@@ -1,6 +1,7 @@
 import type { FC, PropsWithChildren, ReactNode } from 'react';
 export interface ModalOptions {
     disableClose?: boolean;
+    height?: number | string | null;
     maxWidth?: string;
     maxHeight?: string;
 }

package/components/elements/display/Modal.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Box, Modal as MuiModal } from '@mui/material';
 import { ModalContext } from '@cccsaurora/howler-ui/components/app/providers/ModalProvider';
+import { has } from 'lodash-es';
 import { useCallback, useContext } from 'react';
 const Modal = () => {
     const { content, setContent, options } = useContext(ModalContext);
@@ -15,7 +16,7 @@ const Modal = () => {
                 left: '50%',
                 maxWidth: options.maxWidth || '1200px',
                 maxHeight: options.maxHeight || '400px',
-                height: '100%',
+                height: has(options, 'height') ? options.height : '100%',
                 transform: 'translate(-50%, -50%)',
                 backgroundColor: 'background.paper',
                 borderRadius: theme.shape.borderRadius,

package/components/routes/cases/detail/CaseSidebar.js

@@ -56,6 +56,6 @@ const CaseSidebar = ({ case: _case, update }) => {
                 ], component: Link, to: `/cases/${_case?.case_id}/assets`, children: [_jsx(Dataset, {}), _jsx(Typography, { sx: { userSelect: 'none', pl: 0.5, textWrap: 'nowrap' }, children: t('page.cases.assets') })] }), _jsx(Divider, {}), _case && (_jsx(Box, { flex: 1, overflow: "auto", width: "100%", sx: {
                     position: 'relative',
                     borderRight: `thin solid ${theme.palette.divider}`
-                }, children: _jsx(Box, { position: "absolute", sx: { left: 0, right: 0 }, children: _jsx(CaseFolder, { case: _case, onItemRemoved: update }) }) }))] }));
+                }, children: _jsx(Box, { position: "absolute", sx: { left: 0, right: 0 }, children: _jsx(CaseFolder, { case: _case, onItemUpdated: update }) }) }))] }));
 };
 export default CaseSidebar;

package/components/routes/cases/detail/sidebar/CaseFolder.d.ts

@@ -8,7 +8,7 @@ interface CaseFolderProps {
     step?: number;
     rootCaseId?: string;
     pathPrefix?: string;
-    onItemRemoved?: (newCase: Case) => void;
+    onItemUpdated?: (newCase: Case) => void;
 }
 declare const CaseFolder: FC<CaseFolderProps>;
 export default CaseFolder;

package/components/routes/cases/detail/sidebar/CaseFolder.js

@@ -18,7 +18,7 @@ const ICON_FOR_TYPE = {
     lead: Lightbulb,
     reference: LinkIcon
 };
-const CaseFolder = ({ case: _case, folder, name, step = -1, rootCaseId, pathPrefix = '', onItemRemoved }) => {
+const CaseFolder = ({ case: _case, folder, name, step = -1, rootCaseId, pathPrefix = '', onItemUpdated }) => {
     const theme = useTheme();
     const location = useLocation();
     const { dispatchApi } = useMyApi();
@@ -76,7 +76,7 @@ const CaseFolder = ({ case: _case, folder, name, step = -1, rootCaseId, pathPref
             setCaseStates(current => ({ ...current, [resolvedKey]: { ...current[resolvedKey], loading: false } }));
         });
     }, [caseStates, dispatchApi]);
-    return (_jsxs(Stack, { sx: { overflow: 'visible' }, children: [name && (_jsx(CaseFolderContextMenu, { _case: _case, tree: tree, onRemoved: onItemRemoved, children: _jsxs(Stack, { direction: "row", pl: step * 1.5, py: 0.25, sx: {
+    return (_jsxs(Stack, { sx: { overflow: 'visible' }, children: [name && (_jsx(CaseFolderContextMenu, { _case: _case, tree: tree, onUpdate: onItemUpdated, children: _jsxs(Stack, { direction: "row", pl: step * 1.5, py: 0.25, sx: {
                         cursor: 'pointer',
                         transition: theme.transitions.create('background', { duration: 50 }),
                         background: 'transparent',
@@ -86,7 +86,7 @@ const CaseFolder = ({ case: _case, folder, name, step = -1, rootCaseId, pathPref
                     }, onClick: () => setOpen(_open => !_open), children: [_jsx(ChevronRight, { fontSize: "small", color: "disabled", sx: [
                                 { transition: theme.transitions.create('transform', { duration: 100 }), transform: 'rotate(0deg)' },
                                 open && { transform: 'rotate(90deg)' }
-                            ] }), _jsx(FolderIcon, { fontSize: "small", color: "disabled" }), _jsx(Typography, { variant: "caption", color: "textSecondary", sx: { userSelect: 'none', pl: 0.5, textWrap: 'nowrap' }, children: name })] }) })), open && (_jsxs(_Fragment, { children: [Object.entries(omit(tree, 'leaves')).map(([path, subfolder]) => (_jsx(CaseFolder, { name: path, case: _case, folder: subfolder, step: step + 1, rootCaseId: currentRootCaseId, pathPrefix: pathPrefix, onItemRemoved: onItemRemoved }, `${_case?.case_id}-${path}`))), tree.leaves?.map(leaf => {
+                            ] }), _jsx(FolderIcon, { fontSize: "small", color: "disabled" }), _jsx(Typography, { variant: "caption", color: "textSecondary", sx: { userSelect: 'none', pl: 0.5, textWrap: 'nowrap' }, children: name })] }) })), open && (_jsxs(_Fragment, { children: [Object.entries(omit(tree, 'leaves')).map(([path, subfolder]) => (_jsx(CaseFolder, { name: path, case: _case, folder: subfolder, step: step + 1, rootCaseId: currentRootCaseId, pathPrefix: pathPrefix, onItemUpdated: onItemUpdated }, `${_case?.case_id}-${path}`))), tree.leaves?.map(leaf => {
                         const itemType = leaf.type?.toLowerCase();
                         const isCase = itemType === 'case';
                         const fullRelativePath = [pathPrefix, leaf.path].filter(Boolean).join('/');
@@ -104,7 +104,7 @@ const CaseFolder = ({ case: _case, folder, name, step = -1, rootCaseId, pathPref
                         const iconColor = escalationColor ?? 'inherit';
                         const leafColor = escalationColor ? `${escalationColor}.light` : 'text.secondary';
                         const Icon = ICON_FOR_TYPE[itemType ?? ''] ?? Article;
-                        return (_jsx(CaseFolderContextMenu, { _case: _case, leaf: leaf, onRemoved: onItemRemoved, children: _jsxs(Stack, { children: [_jsxs(Stack, { direction: "row", pl: step * 1.5 + 1, py: 0.25, sx: [
+                        return (_jsx(CaseFolderContextMenu, { _case: _case, leaf: leaf, onUpdate: onItemUpdated, children: _jsxs(Stack, { children: [_jsxs(Stack, { direction: "row", pl: step * 1.5 + 1, py: 0.25, sx: [
                                             {
                                                 cursor: 'pointer',
                                                 overflow: 'visible',
@@ -127,7 +127,7 @@ const CaseFolder = ({ case: _case, folder, name, step = -1, rootCaseId, pathPref
                                                         transition: theme.transitions.create('transform', { duration: 100 }),
                                                         transform: isCaseOpen ? 'rotate(90deg)' : 'rotate(0deg)'
                                                     }
-                                                ] }), _jsx(Icon, { fontSize: "small", color: iconColor }), _jsx(Typography, { variant: "caption", color: leafColor, sx: { userSelect: 'none', pl: 0.5, textWrap: 'nowrap' }, children: leaf.path?.split('/').pop() || leaf.value })] }), isCase && isCaseOpen && isCaseLoading && (_jsx(Stack, { pl: step * 1.5 + 4, py: 0.25, children: _jsx(Skeleton, { width: 140, height: 16 }) })), isCase && isCaseOpen && nestedCase && (_jsx(CaseFolder, { case: nestedCase, step: step + 1, rootCaseId: currentRootCaseId, pathPrefix: fullRelativePath, onItemRemoved: onItemRemoved }))] }) }, `${_case?.case_id}-${leaf.value}-${leaf.path}`));
+                                                ] }), _jsx(Icon, { fontSize: "small", color: iconColor }), _jsx(Typography, { variant: "caption", color: leafColor, sx: { userSelect: 'none', pl: 0.5, textWrap: 'nowrap' }, children: leaf.path?.split('/').pop() || leaf.value })] }), isCase && isCaseOpen && isCaseLoading && (_jsx(Stack, { pl: step * 1.5 + 4, py: 0.25, children: _jsx(Skeleton, { width: 140, height: 16 }) })), isCase && isCaseOpen && nestedCase && (_jsx(CaseFolder, { case: nestedCase, step: step + 1, rootCaseId: currentRootCaseId, pathPrefix: fullRelativePath, onItemUpdated: onItemUpdated }))] }) }, `${_case?.case_id}-${leaf.value}-${leaf.path}`));
                     })] }))] }));
 };
 export default CaseFolder;

package/components/routes/cases/detail/sidebar/CaseFolderContextMenu.d.ts

@@ -22,8 +22,8 @@ export interface CaseFolderContextMenuProps extends PropsWithChildren {
     leaf?: Item;
     /** Present when the context menu is for a folder (all leaves within it will be removed). */
     tree?: Tree;
-    /** Called after item(s) have been successfully removed. */
-    onRemoved?: (updatedCase: Case) => void;
+    /** Called after item(s) have been updated (renamed, removed). */
+    onUpdate?: (updatedCase: Case) => void;
 }
 /**
  * Wraps its children with a right-click context menu providing:

package/components/routes/cases/detail/sidebar/CaseFolderContextMenu.js

@@ -1,9 +1,11 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-import { Delete, OpenInNew } from '@mui/icons-material';
+import { Delete, DriveFileRenameOutline, OpenInNew } from '@mui/icons-material';
 import api from '@cccsaurora/howler-ui/api';
+import { ModalContext } from '@cccsaurora/howler-ui/components/app/providers/ModalProvider';
 import ContextMenu, {} from '@cccsaurora/howler-ui/components/elements/ContextMenu';
 import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
-import { useMemo } from 'react';
+import RenameItemModal from '@cccsaurora/howler-ui/components/routes/cases/modals/RenameItemModal';
+import { useContext, useMemo } from 'react';
 import { useTranslation } from 'react-i18next';
 /**
  * Recursively collects all leaf items from a folder tree.
@@ -46,9 +48,10 @@ export const getOpenUrl = (leaf) => {
  * - **Open item** – opens the item in a new tab (only for leaf items with a navigable URL).
  * - **Remove item / Remove folder** – deletes the leaf item or all items under a folder.
  */
-const CaseFolderContextMenu = ({ _case, leaf, tree, onRemoved, children }) => {
+const CaseFolderContextMenu = ({ _case, leaf, tree, onUpdate, children }) => {
     const { dispatchApi } = useMyApi();
     const { t } = useTranslation();
+    const { showModal } = useContext(ModalContext);
     const items = useMemo(() => {
         const entries = [];
         if (leaf) {
@@ -62,6 +65,13 @@ const CaseFolderContextMenu = ({ _case, leaf, tree, onRemoved, children }) => {
                     onClick: () => window.open(openUrl, '_blank', 'noopener noreferrer')
                 });
             }
+            entries.push({
+                kind: 'item',
+                id: 'rename-item',
+                label: t('page.cases.sidebar.item.rename'),
+                icon: _jsx(DriveFileRenameOutline, { fontSize: "small" }),
+                onClick: () => showModal(_jsx(RenameItemModal, { _case: _case, leaf: leaf, onRenamed: onUpdate }), { height: null })
+            });
         }
         if (entries.length > 0) {
             entries.push({ kind: 'divider', id: 'divider-remove' });
@@ -83,13 +93,13 @@ const CaseFolderContextMenu = ({ _case, leaf, tree, onRemoved, children }) => {
                 }
                 dispatchApi(api.v2.case.items.del(_case.case_id, values), { throwError: false }).then(updatedCase => {
                     if (updatedCase) {
-                        onRemoved?.(updatedCase);
+                        onUpdate?.(updatedCase);
                     }
                 });
             }
         });
         return entries;
-    }, [_case, leaf, tree, dispatchApi, onRemoved, t]);
+    }, [_case, leaf, tree, dispatchApi, onUpdate, showModal, t]);
     return _jsx(ContextMenu, { items: items, children: children });
 };
 export default CaseFolderContextMenu;

package/components/routes/cases/detail/sidebar/CaseFolderContextMenu.test.js

@@ -21,17 +21,29 @@ vi.mock('components/hooks/useMyApi', () => ({
     default: () => ({ dispatchApi: mockDispatchApi })
 }));
 const mockDel = vi.hoisted(() => vi.fn());
+const mockPatch = vi.hoisted(() => vi.fn());
 vi.mock('api', () => ({
     default: {
         v2: {
             case: {
                 items: {
-                    del: (...args) => mockDel(...args)
+                    del: (...args) => mockDel(...args),
+                    patch: (...args) => mockPatch(...args)
                 }
             }
         }
     }
 }));
+const mockShowModal = vi.hoisted(() => vi.fn());
+vi.mock('components/app/providers/ModalProvider', async () => {
+    const { createContext } = await import('react');
+    return {
+        ModalContext: createContext({ showModal: mockShowModal, close: vi.fn(), setContent: vi.fn() })
+    };
+});
+vi.mock('components/routes/cases/modals/RenameItemModal', () => ({
+    default: () => _jsx("div", { id: "rename-item-modal" })
+}));
 // ---------------------------------------------------------------------------
 // Imports (after mocks so that module registry picks up the stubs)
 // ---------------------------------------------------------------------------
@@ -52,9 +64,12 @@ const renderMenu = (props) => render(_jsx(CaseFolderContextMenu, { _case: mockCa
 // ---------------------------------------------------------------------------
 beforeEach(() => {
     mockDel.mockClear();
+    mockPatch.mockClear();
     mockDispatchApi.mockClear();
+    mockShowModal.mockClear();
     mockDispatchApi.mockImplementation((p) => p);
     mockDel.mockResolvedValue(mockCase);
+    mockPatch.mockResolvedValue(mockCase);
     vi.spyOn(window, 'open').mockReturnValue(null);
 });
 // ---------------------------------------------------------------------------
@@ -159,11 +174,13 @@ describe('CaseFolderContextMenu', () => {
             renderMenu({ leaf: hitLeaf });
             expect(screen.getByTestId('remove-item')).toHaveTextContent('page.cases.sidebar.item.remove');
         });
-        it('shows a divider only when "Open item" is also present', () => {
+        it('shows a divider for all leaf types (between leaf actions and remove)', () => {
             const { container: withOpen } = renderMenu({ leaf: hitLeaf });
             expect(withOpen.querySelector('hr')).not.toBeNull();
             const { container: withoutOpen } = renderMenu({ leaf: tableLeaf });
-            expect(withoutOpen.querySelector('hr')).toBeNull();
+            expect(withoutOpen.querySelector('hr')).not.toBeNull();
+            const { container: withFolder } = renderMenu({ tree: { leaves: [hitLeaf] } });
+            expect(withFolder.querySelector('hr')).toBeNull();
         });
     });
     describe('menu items for folders', () => {
@@ -218,14 +235,14 @@ describe('CaseFolderContextMenu', () => {
                 expect(mockDel).toHaveBeenCalledWith('case-1', ['hit-123']);
             });
         });
-        it('calls onRemoved with the updated case after the delete resolves', async () => {
-            const onRemoved = vi.fn();
-            renderMenu({ leaf: hitLeaf, onRemoved });
+        it('calls onUpdate with the updated case after the delete resolves', async () => {
+            const onUpdate = vi.fn();
+            renderMenu({ leaf: hitLeaf, onUpdate: onUpdate });
             act(() => {
                 fireEvent.click(screen.getByTestId('remove-item'));
             });
             await waitFor(() => {
-                expect(onRemoved).toHaveBeenCalledWith(mockCase);
+                expect(onUpdate).toHaveBeenCalledWith(mockCase);
             });
         });
         it('does not call the API when case_id is missing', () => {
@@ -246,6 +263,44 @@ describe('CaseFolderContextMenu', () => {
             });
         });
     });
+    describe('"Rename item" action', () => {
+        it('shows "Rename item" entry for a hit leaf', () => {
+            renderMenu({ leaf: hitLeaf });
+            expect(screen.getByTestId('rename-item')).toBeInTheDocument();
+        });
+        it('shows "Rename item" for a table leaf', () => {
+            renderMenu({ leaf: tableLeaf });
+            expect(screen.getByTestId('rename-item')).toBeInTheDocument();
+        });
+        it('does not show "Rename item" for a folder', () => {
+            renderMenu({ tree: { leaves: [hitLeaf] } });
+            expect(screen.queryByTestId('rename-item')).not.toBeInTheDocument();
+        });
+        it('calls showModal when "Rename item" is clicked', () => {
+            renderMenu({ leaf: hitLeaf });
+            act(() => {
+                fireEvent.click(screen.getByTestId('rename-item'));
+            });
+            expect(mockShowModal).toHaveBeenCalledTimes(1);
+        });
+        it('passes the current case and leaf to the rename modal', () => {
+            const onUpdate = vi.fn();
+            renderMenu({ leaf: hitLeaf, onUpdate: onUpdate });
+            act(() => {
+                fireEvent.click(screen.getByTestId('rename-item'));
+            });
+            const [modalElement] = mockShowModal.mock.calls[0];
+            expect(modalElement.props._case).toBe(mockCase);
+            expect(modalElement.props.leaf).toBe(hitLeaf);
+        });
+        it('works fine when onUpdate is not provided', () => {
+            renderMenu({ leaf: hitLeaf });
+            act(() => {
+                fireEvent.click(screen.getByTestId('rename-item'));
+            });
+            expect(mockShowModal).toHaveBeenCalledTimes(1);
+        });
+    });
     describe('"Remove folder" action', () => {
         it('calls dispatchApi with all leaf values in a single batch call', async () => {
             const folderTree = { leaves: [hitLeaf, referenceLeaf] };
@@ -272,25 +327,25 @@ describe('CaseFolderContextMenu', () => {
                 expect(mockDel).toHaveBeenCalledTimes(1);
             });
         });
-        it('calls onRemoved with the updated case after deletion', async () => {
-            const onRemoved = vi.fn();
+        it('calls onUpdate with the updated case after deletion', async () => {
+            const onUpdate = vi.fn();
             const folderTree = { leaves: [hitLeaf, referenceLeaf] };
-            renderMenu({ tree: folderTree, onRemoved });
+            renderMenu({ tree: folderTree, onUpdate: onUpdate });
             act(() => {
                 fireEvent.click(screen.getByTestId('remove-item'));
             });
             await waitFor(() => {
-                expect(onRemoved).toHaveBeenCalledWith(mockCase);
+                expect(onUpdate).toHaveBeenCalledWith(mockCase);
             });
         });
-        it('does not call the API or onRemoved for an empty folder', () => {
-            const onRemoved = vi.fn();
-            renderMenu({ tree: { leaves: [] }, onRemoved });
+        it('does not call the API or onUpdate for an empty folder', () => {
+            const onUpdate = vi.fn();
+            renderMenu({ tree: { leaves: [] }, onUpdate: onUpdate });
             act(() => {
                 fireEvent.click(screen.getByTestId('remove-item'));
             });
             expect(mockDel).not.toHaveBeenCalled();
-            expect(onRemoved).not.toHaveBeenCalled();
+            expect(onUpdate).not.toHaveBeenCalled();
         });
     });
 });

package/components/routes/cases/modals/RenameItemModal.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';
+import { type FC } from 'react';
+declare const RenameItemModal: FC<{
+    _case: Case;
+    leaf: Item;
+    onRenamed?: (updatedCase: Case) => void;
+}>;
+export default RenameItemModal;

package/components/routes/cases/modals/RenameItemModal.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button, Stack, TextField, Typography } from '@mui/material';
+import api from '@cccsaurora/howler-ui/api';
+import { ModalContext } from '@cccsaurora/howler-ui/components/app/providers/ModalProvider';
+import useMyApi from '@cccsaurora/howler-ui/components/hooks/useMyApi';
+import { useContext, useMemo, useState } from 'react';
+import { useTranslation } from 'react-i18next';
+const RenameItemModal = ({ _case, leaf, onRenamed }) => {
+    const { t } = useTranslation();
+    const { dispatchApi } = useMyApi();
+    const { close } = useContext(ModalContext);
+    const currentPath = leaf.path ?? '';
+    const lastSlash = currentPath.lastIndexOf('/');
+    const folderPrefix = lastSlash >= 0 ? currentPath.slice(0, lastSlash) : '';
+    const currentName = lastSlash >= 0 ? currentPath.slice(lastSlash + 1) : currentPath;
+    const [name, setName] = useState(currentName);
+    const newPath = folderPrefix ? `${folderPrefix}/${name}` : name;
+    const existingPaths = useMemo(() => new Set((_case.items ?? []).filter(item => item.value !== leaf.value).map(item => item.path)), [_case.items, leaf.value]);
+    const nameError = useMemo(() => {
+        if (!name.trim()) {
+            return t('modal.cases.rename_item.error.empty');
+        }
+        if (name.includes('/')) {
+            return t('modal.cases.rename_item.error.slash');
+        }
+        if (existingPaths.has(newPath)) {
+            return t('modal.cases.rename_item.error.taken');
+        }
+        return null;
+    }, [name, newPath, existingPaths, t]);
+    const isValid = !nameError;
+    const onSubmit = async () => {
+        if (!isValid || !_case.case_id || !leaf.value) {
+            return;
+        }
+        const updatedCase = await dispatchApi(api.v2.case.items.patch(_case.case_id, leaf.value, newPath));
+        if (updatedCase) {
+            onRenamed?.(updatedCase);
+            close();
+        }
+    };
+    return (_jsxs(Stack, { spacing: 2, p: 2, sx: { minWidth: 'min(600px, 60vw)' }, children: [_jsx(Typography, { variant: "h4", children: t('modal.cases.rename_item') }), folderPrefix && (_jsx(Typography, { variant: "body2", color: "textSecondary", children: t('modal.cases.rename_item.folder_path', { path: folderPrefix }) })), _jsx(TextField, { size: "small", label: t('modal.cases.rename_item.new_name'), value: name, onChange: ev => setName(ev.target.value), error: !!nameError, helperText: nameError ?? ' ', fullWidth: true, autoFocus: true, onKeyDown: ev => {
+                    if (ev.key === 'Enter' && isValid) {
+                        onSubmit();
+                    }
+                } }), _jsxs(Stack, { direction: "row", justifyContent: "flex-end", spacing: 1, children: [_jsx(Button, { onClick: close, color: "error", variant: "outlined", children: t('button.cancel') }), _jsx(Button, { onClick: onSubmit, color: "success", variant: "outlined", disabled: !isValid, children: t('button.confirm') })] })] }));
+};
+export default RenameItemModal;

package/locales/en/translation.json

@@ -315,6 +315,12 @@
     "modal.cases.add_to_case.select_case": "Search Cases",
     "modal.cases.add_to_case.select_path": "Select Folder Path",
     "modal.cases.add_to_case.title": "Item Title",
+    "modal.cases.rename_item": "Rename Item",
+    "modal.cases.rename_item.error.empty": "Name cannot be empty",
+    "modal.cases.rename_item.error.slash": "Name cannot contain '/'",
+    "modal.cases.rename_item.error.taken": "An item already exists at this path",
+    "modal.cases.rename_item.folder_path": "Folder: {{path}}",
+    "modal.cases.rename_item.new_name": "New Name",
     "modal.cases.resolve": "Resolve Case",
     "modal.cases.resolve.description": "When resolving a case, you must either assess all open alerts, or add an assessment to the alerts.",
     "modal.confirm.delete.description": "Are you sure you want to delete this item?",
@@ -387,6 +393,7 @@
     "page.cases.sidebar.folder.remove": "Remove folder",
     "page.cases.sidebar.item.open": "Open item",
     "page.cases.sidebar.item.remove": "Remove item",
+    "page.cases.sidebar.item.rename": "Rename item",
     "page.cases.sources": "Sources",
     "page.cases.updated": "Updated",
     "page.dashboard.settings.edit": "Edit Dashboard",

package/locales/fr/translation.json

@@ -315,6 +315,12 @@
     "modal.cases.add_to_case.select_case": "Rechercher des cas",
     "modal.cases.add_to_case.select_path": "Sélectionner le chemin du dossier",
     "modal.cases.add_to_case.title": "Titre de l'élément",
+    "modal.cases.rename_item": "Renommer l'élément",
+    "modal.cases.rename_item.error.empty": "Le nom ne peut pas être vide",
+    "modal.cases.rename_item.error.slash": "Le nom ne peut pas contenir '/'",
+    "modal.cases.rename_item.error.taken": "Un élément existe déjà à ce chemin",
+    "modal.cases.rename_item.folder_path": "Dossier : {{path}}",
+    "modal.cases.rename_item.new_name": "Nouveau nom",
     "modal.cases.resolve": "Résoudre le cas",
     "modal.cases.resolve.description": "Lors de la résolution d'un cas, vous devez soit évaluer toutes les alertes ouvertes, soit ajouter une évaluation aux alertes.",
     "modal.confirm.delete.description": "Êtes-vous sûr de vouloir supprimer cet élément ?",
@@ -387,6 +393,7 @@
     "page.cases.sidebar.folder.remove": "Supprimer le dossier",
     "page.cases.sidebar.item.open": "Ouvrir l'élément",
     "page.cases.sidebar.item.remove": "Supprimer l'élément",
+    "page.cases.sidebar.item.rename": "Renommer l'élément",
     "page.cases.sources": "Sources",
     "page.cases.updated": "Mis à jour",
     "page.dashboard.settings.edit": "Modifier le tableau de bord",

package/package.json

@@ -101,7 +101,7 @@
     "internal-slot": "1.0.7"
   },
   "type": "module",
-  "version": "2.18.0-dev.695",
+  "version": "2.18.0-dev.700",
   "exports": {
     "./i18n": "./i18n.js",
     "./index.css": "./index.css",