@cccsaurora/howler-ui 2.17.0-dev.517 → 2.17.0-dev.518

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

@@ -7,24 +7,22 @@ import { useTranslation } from 'react-i18next';
 import { Link } from 'react-router-dom';
 const CaseTask = ({ task, onEdit, onDelete, paths, newTask = false }) => {
     const { t } = useTranslation();
-    const [editing, setEditing] = useState(newTask);
     const [loading, setLoading] = useState(false);
+    const [editing, setEditing] = useState(newTask);
     const [summary, setSummary] = useState(task?.summary || '');
     const [path, setPath] = useState(task?.path ?? null);
     const [assignment, setAssignment] = useState(task?.assignment);
     const [complete, setComplete] = useState(task?.complete ?? false);
-    const dirty = summary !== task?.summary || path !== task?.path;
+    const dirty = summary !== task?.summary || path !== task?.path || complete !== task?.complete || assignment !== task?.assignment;
     const onSubmit = async () => {
         if (dirty && editing) {
-            console.log('confirmed bongo time');
             setLoading(true);
-            await onEdit({ summary, path: !path ? null : path, assignment });
+            await onEdit({ summary, path: !path ? null : path, assignment, complete });
             setLoading(false);
         }
     };
     useEffect(() => {
         if (!editing && task?.assignment !== assignment) {
-            console.log('confirmed bongo time 2');
             setLoading(true);
             onEdit({ assignment }).finally(() => setLoading(false));
         }
@@ -32,13 +30,12 @@ const CaseTask = ({ task, onEdit, onDelete, paths, newTask = false }) => {
     }, [assignment]);
     useEffect(() => {
         if (!editing && task?.complete !== complete) {
-            console.log('confirmed bongo time 3');
             setLoading(true);
             onEdit({ complete }).finally(() => setLoading(false));
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [complete]);
-    return (_jsxs(Card, { sx: { pl: 0.5, pr: 1, py: 0.5, position: 'relative' }, children: [_jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, children: [_jsx(Checkbox, { disabled: loading, color: "success", checked: complete, size: "small", onChange: (_ev, _complete) => setComplete(_complete) }), editing ? (_jsx(TextField, { disabled: loading, value: summary, onChange: e => setSummary(e.target.value), size: "small", fullWidth: true, sx: { minWidth: '40%' } })) : (_jsx(Typography, { sx: [task?.complete && { textDecoration: 'line-through' }], children: task?.summary || summary })), !editing && task?.path && _jsx(Chip, { clickable: true, component: Link, to: task.path, label: task.path }), editing && (_jsx(Autocomplete, { disabled: loading, value: path, options: paths, onChange: (_ev, value) => setPath(value), fullWidth: true, renderInput: params => _jsx(TextField, { ...params, size: "small" }) })), _jsx(UserList, { disabled: loading, userIds: [assignment], onChange: ([_assigment]) => setAssignment(_assigment), i18nLabel: "route.cases.task.set.assignment", avatarHeight: 24 }), _jsx("div", { style: { flex: 1 } }), editing && (_jsx(Tooltip, { title: t('route.cases.task.delete'), children: _jsx(IconButton, { size: "small", color: "error", onClick: () => {
+    return (_jsxs(Card, { sx: { pl: 0.5, pr: 1, py: 0.5, position: 'relative' }, children: [_jsxs(Stack, { direction: "row", alignItems: "center", spacing: 1, children: [_jsx(Checkbox, { disabled: loading, color: "success", checked: complete, size: "small", onChange: (_ev, _complete) => setComplete(_complete) }), editing ? (_jsx(TextField, { disabled: loading, value: summary, onChange: e => setSummary(e.target.value), size: "small", fullWidth: true, sx: { minWidth: '40%' } })) : (_jsx(Typography, { sx: [complete && { textDecoration: 'line-through' }], children: task?.summary || summary })), !editing && path && _jsx(Chip, { clickable: true, component: Link, to: path, label: path }), editing && (_jsx(Autocomplete, { disabled: loading, value: path, options: paths, onChange: (_ev, value) => setPath(value), fullWidth: true, renderInput: params => _jsx(TextField, { ...params, size: "small" }) })), _jsx(UserList, { disabled: loading, userIds: [assignment], onChange: ([_assigment]) => setAssignment(_assigment), i18nLabel: "route.cases.task.set.assignment", avatarHeight: 24 }), _jsx("div", { style: { flex: 1 } }), editing && (_jsx(Tooltip, { title: t('route.cases.task.delete'), children: _jsx(IconButton, { size: "small", color: "error", onClick: () => {
                                 setLoading(true);
                                 onDelete().then(() => setLoading(false));
                             }, disabled: loading, children: _jsx(Delete, { fontSize: "small" }) }) })), _jsx(Tooltip, { title: t(editing ? 'route.cases.task.edit.save' : 'route.cases.task.edit'), children: _jsx("span", { children: _jsx(IconButton, { size: "small", color: editing ? 'success' : 'default', onClick: async () => {

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

@@ -13,7 +13,7 @@ const RelatedCasePanel = ({ case: _case }) => {
     if (!_case) {
         return _jsx(Skeleton, { height: 240 });
     }
-    return (_jsxs(Stack, { spacing: 1, children: [_jsxs(Stack, { direction: "row", children: [_jsx(Typography, { flex: 1, variant: "h4", children: t('page.cases.dashboard.alerts') }), _jsx(Pagination, { count: casePages.length, page: casePage, onChange: (_, page) => setCasePage(page) })] }), _jsx(Divider, {}), casePages[casePage - 1]?.map(item => (_jsxs(Box, { position: "relative", children: [_jsx(CaseCard, { caseId: item.id }), _jsx(Box, { component: Link, to: item.path, sx: {
+    return (_jsxs(Stack, { spacing: 1, children: [_jsxs(Stack, { direction: "row", children: [_jsx(Typography, { flex: 1, variant: "h4", children: t('page.cases.dashboard.cases') }), _jsx(Pagination, { count: casePages.length, page: casePage, onChange: (_, page) => setCasePage(page) })] }), _jsx(Divider, {}), casePages[casePage - 1]?.map(item => (_jsxs(Box, { position: "relative", children: [_jsx(CaseCard, { caseId: item.id }), _jsx(Box, { component: Link, to: item.path, sx: {
                             position: 'absolute',
                             top: 0,
                             left: 0,

package/locales/en/translation.json

@@ -336,6 +336,7 @@
     "page.cases.created": "Created",
     "page.cases.dashboard": "Dashboard",
     "page.cases.dashboard.alerts": "Alerts",
+    "page.cases.dashboard.cases": "Related Cases",
     "page.cases.dashboard.duration": "Duration",
     "page.cases.dashboard.indicators": "Indicators",
     "page.cases.dashboard.target": "Targets",

package/locales/fr/translation.json

@@ -340,6 +340,7 @@
     "page.cases.created": "Créé",
     "page.cases.dashboard": "Tableau de bord",
     "page.cases.dashboard.alerts": "Alertes",
+    "page.cases.dashboard.cases": "Cas connexes",
     "page.cases.dashboard.duration": "Durée",
     "page.cases.dashboard.indicators": "Indicateurs",
     "page.cases.dashboard.target": "Cibles",

package/package.json

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