tycho-components 0.0.11-SNAPSHOT-7 → 0.0.11-SNAPSHOT-9

package/dist/Comments/Comments.d.ts

@@ -1,10 +1,12 @@
 import './style.scss';
+import { Comment } from './types/Comment';
 type Props = {
     uid: string;
     keywords?: Record<string, string | number | boolean>;
     references: Record<string, string | number | boolean>;
     onClose: () => void;
     mode: 'lexicon' | 'corpus' | 'parser';
+    onChange: (a: Comment[]) => void;
 };
-export default function Comments({ uid, keywords, references, onClose, mode, }: Props): import("react/jsx-runtime").JSX.Element;
+export default function Comments({ uid, keywords, references, onClose, mode, onChange, }: Props): import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/Comments/Comments.js

@@ -16,7 +16,7 @@ import SecurityUtils from '../functions/SecurityUtils';
 import './style.scss';
 import { EMPTY_COMMENT_REQUEST, } from './types/Comment';
 import CommentService from './types/CommentService';
-export default function Comments({ uid, keywords, references, onClose, mode, }) {
+export default function Comments({ uid, keywords, references, onClose, mode, onChange, }) {
     const { t } = useTranslation('comments');
     const { state } = useContext(CommonContext);
     const { isLoading, dispatchLoading } = useMessageUtils();
@@ -50,7 +50,9 @@ export default function Comments({ uid, keywords, references, onClose, mode, })
             dispatchLoading(false);
             setOpenAddComment(false);
             setComment(undefined);
-            setComments((prev) => [...(prev || []), r.data]);
+            const updated = [...(comments || []), r.data];
+            setComments(updated);
+            onChange(updated);
             createdForm.reset(EMPTY_COMMENT_REQUEST);
         });
     };
@@ -62,7 +64,9 @@ export default function Comments({ uid, keywords, references, onClose, mode, })
     };
     const handleRemove = (thisComment) => {
         CommentService.remove(thisComment.id).then(() => {
-            setComments(comments?.filter((c) => c.id !== thisComment.id));
+            const updated = comments?.filter((c) => c.id !== thisComment.id);
+            setComments(updated);
+            onChange(updated || []);
         });
     };
     const handleEdit = (thisComment) => {
@@ -73,6 +77,8 @@ export default function Comments({ uid, keywords, references, onClose, mode, })
             title: thisComment.title,
             requestedUser: thisComment.requested?.uid,
         });
+        const updated = comments?.map((c) => c.id === thisComment.id ? { ...c, ...thisComment } : c);
+        onChange(updated || []);
     };
     const handleUpdate = () => {
         if (!comment)
@@ -89,19 +95,20 @@ export default function Comments({ uid, keywords, references, onClose, mode, })
     useEffect(() => {
         load();
     }, []);
-    if (!comments)
-        return _jsx(AppLoading, {});
-    return (_jsx(Drawer, { anchor: "right", open: true, onClose: onClose, children: _jsxs("div", { className: "comments-container", children: [_jsxs("div", { className: "header", children: [_jsx(IconButton, { name: "close", size: "small", mode: "ghost", onClick: onClose }), _jsx("span", { className: "title", children: t('label.title.comments') }), _jsx("div", { className: "actions", children: hasEditAccess && (_jsx(Button, { text: t('button.add'), icon: "add", mode: "outlined", size: "small", className: "edit-button", onClick: () => {
+    return (_jsx(Drawer, { anchor: "right", open: true, onClose: onClose, children: !comments ? (_jsx(AppLoading, {})) : (_jsxs("div", { className: "comments-container", children: [_jsxs("div", { className: "header", children: [_jsx(IconButton, { name: "close", size: "small", mode: "ghost", onClick: onClose }), _jsx("span", { className: "title", children: t('label.title.comments') }), _jsx("div", { className: "actions", children: hasEditAccess && (_jsx(Button, { text: t('button.add'), icon: "add", mode: "outlined", size: "small", className: "edit-button", onClick: () => {
                                     setComment(undefined);
                                     setOpenAddComment(!openAddComment);
                                 } })) })] }), _jsxs("div", { className: "body", children: [openAddComment && (_jsxs("div", { className: "form", children: [_jsx(TextField, { label: t('input.value'), attr: "value", createdForm: createdForm, showEndAdornment: false, placeholder: t('common:generic.placeholder'), required: true, multiline: true }), _jsx(TextField, { label: t('input.title'), attr: "title", createdForm: createdForm, showEndAdornment: false, placeholder: t('common:generic.placeholder') }), _jsx(SelectField, { label: t('input.user'), attr: "requestedUser", createdForm: createdForm, options: [
-                                        { label: t('common:generic.placeholder.select'), value: '' },
+                                        {
+                                            label: t('common:generic.placeholder.select'),
+                                            value: '',
+                                        },
                                         ...FormUtils.convertList(users, 'name', 'uid'),
                                     ], showEndAdornment: false }), _jsxs("div", { className: "buttons", children: [comment && (_jsx(Button, { onClick: comment?.id ? handleUpdate : handleAdd, text: t('button.discard'), color: "danger" })), _jsx(Button, { onClick: comment ? handleUpdate : handleAdd, text: comment ? t('label.button.update') : t('label.button.add'), disabled: !createdForm.formState.isValid })] })] })), comments?.length === 0 && (_jsx(AppPlaceholder, { children: _jsx("span", { children: t('placeholder.comments.empty') }) })), comments?.map((el, idx) => (_jsxs("div", { className: "comment", children: [_jsxs("div", { className: "top", children: [_jsx(Avatar, { title: el.name, src: el.picture, size: "medium" }), _jsx("div", { className: "name", children: el.name }), _jsxs("div", { className: "buttons", children: [state.logged?.uid === el.user && (_jsxs(_Fragment, { children: [_jsx(IconButton, { size: "small", onClick: () => handleEdit(el), title: t('tooltip.edit'), name: "edit" }), _jsx(IconButton, { size: "small", onClick: () => handleRemove(el), title: t('tooltip.delete'), name: "delete" })] })), el.requested &&
                                                     !el.read &&
                                                     state.logged?.uid === el.requested.uid && (_jsx(IconButton, { size: "small", onClick: () => {
                                                         handleMarkRead(el);
-                                                    }, title: t('tooltip.read'), name: "check_circle" }))] })] }), _jsxs("div", { className: "content", children: [el.title && _jsx("div", { className: "title", children: el.title }), _jsx("div", { className: "text", children: el.value }), el.requested && (_jsxs("div", { className: "date", children: [_jsx("span", { className: "me-1", children: t('label.requested.to') }), _jsx("span", { children: el.requested.name })] })), _jsxs("div", { className: "date", children: [_jsx("span", { className: "me-1", children: t('label.posted.on') }), _jsx("span", { className: "me-1", children: DateUtils.formatDateTime(el.edited ? el.edited : el.date, 'MM/dd/yyyy - HH:mm') }), el.edited && _jsx("i", { children: "edited" })] })] })] }, idx.valueOf())))] })] }) }));
+                                                    }, title: t('tooltip.read'), name: "check_circle" }))] })] }), _jsxs("div", { className: "content", children: [el.title && _jsx("div", { className: "title", children: el.title }), _jsx("div", { className: "text", children: el.value }), el.requested && (_jsxs("div", { className: "date", children: [_jsx("span", { className: "me-1", children: t('label.requested.to') }), _jsx("span", { children: el.requested.name })] })), _jsxs("div", { className: "date", children: [_jsx("span", { className: "me-1", children: t('label.posted.on') }), _jsx("span", { className: "me-1", children: DateUtils.formatDateTime(el.edited ? el.edited : el.date, 'MM/dd/yyyy - HH:mm') }), el.edited && _jsx("i", { children: "edited" })] })] })] }, idx.valueOf())))] })] })) }));
 }
 const getFormSchema = (t) => yup.object().shape({
     title: yup.string().optional(),

package/dist/index.d.ts

@@ -20,8 +20,9 @@ export { KeyboardCustomLayouts } from './VirtualKeyboard/KeyboardCustomLayout';
 export { default as DateUtils } from './functions/DateUtils';
 export { default as FormUtils } from './functions/FormUtils';
 export { default as SecurityUtils } from './functions/SecurityUtils';
-export type { FormFieldOption } from './AppEditable/FormFieldOption';
 export type { AppEditableField } from './AppEditable/AppEditableField';
+export type { Comment } from './Comments/types/Comment';
+export type { FormFieldOption } from './AppEditable/FormFieldOption';
 export type { FieldOperations, FormField } from './AppEditable/FormField';
 export type { KeyboardLayout } from './VirtualKeyboard/KeyboardCustomLayout';
 export type { User } from './configs/User';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "tycho-components",
   "private": false,
-  "version": "0.0.11-SNAPSHOT-7",
+  "version": "0.0.11-SNAPSHOT-9",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
   "exports": {