@manuscripts/style-guide 1.12.17-LEAN-3720.0 → 1.13.0

package/dist/es/components/Comments/CommentBody.js

@@ -1,131 +0,0 @@
-/*!
- * © 2020 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { Field, Form, Formik } from 'formik';
-import React, { useEffect } from 'react';
-import styled from 'styled-components';
-import { ButtonGroup, PrimaryButton, SecondaryButton } from '../Button';
-import { FormError } from '../Form';
-import { CommentReplyIcon } from '../icons';
-import { Tooltip } from '../Tooltip';
-export const CommentBody = React.memo(({ comment, saveComment, deleteComment, isReply, isNew, handleCreateReply, setIsEditing, scrollIntoHighlight, onFocusOut, isEditing, isProdNote, }) => {
-    useEffect(() => {
-        if (isNew) {
-            setIsEditing(true);
-        }
-    }, [isNew, setIsEditing]);
-    const cancelEditing = () => {
-        setIsEditing(false);
-        if (isNew) {
-            deleteComment(comment._id);
-        }
-    };
-    return (React.createElement(React.Fragment, null, isEditing ? (React.createElement(Formik, { initialValues: comment, onSubmit: (values, actions) => {
-            actions.setSubmitting(true);
-            saveComment(values);
-            setIsEditing(false);
-        } }, ({ errors, values, setFieldValue }) => (React.createElement(Form, null,
-        errors.contents && React.createElement(FormError, null, errors.contents),
-        React.createElement(Field, { name: 'contents' }, (props) => (React.createElement(CommentContent, null,
-            React.createElement(StyledCommentField, { id: comment._id, autoFocus: isEditing, value: values.contents, onChange: (event) => setFieldValue(props.field.name, event.target.value), onBlur: (event) => onFocusOut &&
-                    onFocusOut(comment._id, event.target.value), placeholder: !isReply ? 'Comment...' : 'Reply...' })))),
-        React.createElement(EditingCommentFooter, null,
-            React.createElement(Actions, null,
-                React.createElement(SecondaryButton, { onClick: cancelEditing }, "Cancel"),
-                React.createElement(PrimaryButton, { disabled: !values.contents.replace(/<[^>]+>/g, '').length ||
-                        (!isNew &&
-                            (comment.contents === values.contents ||
-                                !values.contents.replace(/<[^>]+>/g, '').length)), type: "submit" }, "Save"))))))) : (React.createElement("div", null,
-        React.createElement(CommentContent, { onClick: () => scrollIntoHighlight && scrollIntoHighlight(comment) },
-            React.createElement(StyledCommentViewer, { "data-cy": "note-text" }, comment.contents)),
-        !isReply && (React.createElement(CommentFooter, null,
-            React.createElement("span", null,
-                React.createElement(ActionButton, { hidden: !isProdNote, "data-tooltip-id": `reply-${comment._id}`, onClick: () => handleCreateReply(comment._id), "aria-label": 'reply', className: "reply-button note-actions" },
-                    React.createElement(CommentReplyIcon, null))),
-            React.createElement(Tooltip, { id: `reply-${comment._id}`, place: "bottom" }, "Reply")))))));
-});
-const CommentFooter = styled.div `
-  margin-bottom: ${(props) => props.theme.grid.unit * 2}px;
-  padding: ${(props) => props.theme.grid.unit * 2}px
-    ${(props) => props.theme.grid.unit * 2}px 0;
-  display: flex;
-  justify-content: flex-end;
-  height: ${(props) => props.theme.grid.unit * 6}px;
-`;
-const EditingCommentFooter = styled(CommentFooter) `
-  justify-content: flex-end;
-  padding: ${(props) => props.theme.grid.unit * 2}px
-    ${(props) => props.theme.grid.unit * 4}px 0;
-`;
-const ActionButton = styled.button `
-  border: none;
-  background: none;
-  cursor: pointer;
-  &:not([disabled]):hover {
-    path {
-      stroke: ${(props) => props.theme.colors.brand.medium};
-    }
-  }
-`;
-const CommentContent = styled.div `
-  cursor: pointer;
-  padding: 0 ${(props) => props.theme.grid.unit * 4}px;
-`;
-const StyledCommentField = styled.textarea `
-  cursor: text;
-  font-family: ${(props) => props.theme.font.family.sans};
-  color: ${(props) => props.theme.colors.text.primary};
-  margin: ${(props) => props.theme.grid.unit * 2}px 0;
-  resize: none;
-
-  width: 100%;
-  outline: 0;
-  border: 1px solid #e2e2e2;
-  border-radius: 6px;
-
-  &:focus {
-    background: #f2fbfc;
-    border: 1px solid #bce7f6;
-    border-radius: 6px;
-  }
-
-  .empty-node::before {
-    position: absolute;
-    color: #c9c9c9;
-    cursor: text;
-    pointer-events: none;
-  }
-
-  box-sizing: border-box;
-  padding: 3px 16px 3px 16px;
-  font-style: normal;
-  font-weight: normal;
-  font-size: 14px;
-  line-height: 24px;
-`;
-const StyledCommentViewer = styled.div `
-  flex: 1;
-
-  font-family: ${(props) => props.theme.font.family.sans};
-  line-height: 1.06;
-  letter-spacing: -0.2px;
-  color: ${(props) => props.theme.colors.text.primary};
-  margin: ${(props) => props.theme.grid.unit * 2}px 0;
-`;
-const Actions = styled(ButtonGroup) `
-  & button:not(:last-of-type) {
-    margin-right: 4px;
-  }
-`;

package/dist/es/components/Comments/CommentTarget.js

@@ -1,29 +0,0 @@
-/*!
- * © 2020 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { useEffect } from 'react';
-export const CommentTarget = React.memo(({ isSelected, children }) => {
-    const threadRef = React.createRef();
-    useEffect(() => {
-        if (threadRef.current && isSelected) {
-            threadRef.current.scrollIntoView({
-                behavior: 'smooth',
-                block: 'start',
-                inline: 'nearest',
-            });
-        }
-    });
-    return (React.createElement("div", { "data-cy": "comment-target", ref: threadRef }, children));
-});

package/dist/es/components/Comments/CommentUser.js

@@ -1,69 +0,0 @@
-/*!
- * © 2020 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import styled from 'styled-components';
-import { Avatar } from '../Avatar';
-import { LightRelativeDate } from '../ManuscriptNoteList';
-const CommentUserContainer = styled.div `
-  display: flex;
-`;
-const CommentUserName = styled.div `
-  margin: 0 ${(props) => props.theme.grid.unit * 2}px;
-  font-weight: ${(props) => props.theme.font.weight.normal};
-  max-width: ${(props) => props.theme.grid.unit * 50}px;
-  white-space: nowrap;
-  overflow: hidden;
-  text-overflow: ellipsis;
-`;
-const DateText = styled(CommentUserName) `
-  font-size: ${(props) => props.theme.font.size.small};
-  line-height: ${(props) => props.theme.font.lineHeight.normal};
-  font-weight: ${(props) => props.theme.font.weight.normal};
-  color: ${(props) => props.theme.colors.text.secondary};
-`;
-const Header = styled.div `
-  display: flex;
-  flex-direction: column;
-  font-size: ${(props) => props.theme.font.size.normal};
-`;
-export const CommentUser = ({ contributions, getCollaboratorById, displayName, createdAt }) => {
-    if (!contributions || !contributions.length) {
-        return (React.createElement(CommentUserContainer, null,
-            React.createElement(Header, null,
-                React.createElement(Avatar, { size: 20 })),
-            React.createElement(Header, null,
-                React.createElement(CommentUserName, null,
-                    "By ",
-                    displayName || '(unknown user)'),
-                React.createElement(DateText, null,
-                    React.createElement(LightRelativeDate, { createdAt: createdAt })))));
-    }
-    const [contribution] = contributions;
-    const user = getCollaboratorById(contribution.profileID);
-    const buildName = (name) => [name.given, name.family].filter((item) => item).join(' ');
-    if (!user) {
-        return null;
-    }
-    return (React.createElement(CommentUserContainer, null,
-        React.createElement(Header, null,
-            React.createElement(Avatar, { size: 20 })),
-        React.createElement(Header, null,
-            React.createElement(CommentUserName, null,
-                "By ",
-                buildName(user.bibliographicName)),
-            React.createElement(DateText, null,
-                React.createElement(LightRelativeDate, { createdAt: createdAt })))));
-};

package/dist/es/components/Comments/CommentWrapper.js

@@ -1,88 +0,0 @@
-/*!
- * © 2020 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react';
-import styled from 'styled-components';
-import { isSavedComment } from '../../lib/comments';
-import { CommentActions } from './CommentActions';
-import { CommentBody } from './CommentBody';
-import { CommentUser } from './CommentUser';
-const isOwn = (comment, userId) => {
-    var _a;
-    return comment.contributions
-        ? (_a = comment.contributions) === null || _a === void 0 ? void 0 : _a.some((c) => c.profileID === userId)
-        : false;
-};
-export const CommentWrapper = ({ createKeyword, comment, can, currentUserId, getCollaborator, getKeyword, listCollaborators, listKeywords, saveComment, deleteComment, isReply, isNew, handleCreateReply, handleSetResolved, isProdNote, isSelected, handleRequestSelect, scrollIntoHighlight, onFocusOut, children, }) => {
-    const [isEditing, setIsEditing] = useState();
-    const threadRef = useRef(null);
-    useEffect(() => {
-        if (isNew || isSelected) {
-            {
-                isNew && setIsEditing(true);
-            }
-            if (threadRef.current) {
-                setTimeout(() => {
-                    var _a;
-                    return (_a = threadRef.current) === null || _a === void 0 ? void 0 : _a.scrollIntoView({
-                        block: 'nearest',
-                        inline: 'nearest',
-                    });
-                }, 100);
-            }
-        }
-    }, [isNew, isSelected]);
-    const onTitleMouseDown = useCallback((e) => {
-        e.preventDefault();
-        handleRequestSelect && handleRequestSelect();
-    }, [handleRequestSelect]);
-    const onTitleKeyDown = useCallback((e) => {
-        if ([' ', 'Enter'].includes(e.key)) {
-            e.preventDefault();
-            handleRequestSelect && handleRequestSelect();
-        }
-    }, [handleRequestSelect]);
-    const isOwnComment = useMemo(() => isOwn(comment, currentUserId), [comment, currentUserId]);
-    return (React.createElement(Note, { "data-cy": "note", ref: threadRef, isSelected: isSelected },
-        React.createElement(NoteHeader, { "data-cy": "note-header" },
-            React.createElement(NoteTitle, { type: "button", onMouseDown: onTitleMouseDown, onKeyDown: onTitleKeyDown }, comment.contributions && (React.createElement(CommentUser, { contributions: comment.contributions, getCollaboratorById: getCollaborator, displayName: comment.displayName, createdAt: isSavedComment(comment) ? comment.createdAt * 1000 : undefined }))),
-            React.createElement(CommentActions, { id: comment._id, isOwnComment: isOwnComment, can: can, target: comment.target, isResolved: comment.resolved, handleSetResolved: handleSetResolved, deleteComment: deleteComment, setIsEditing: setIsEditing, isProdNote: isProdNote })),
-        children,
-        React.createElement(CommentBody, { createKeyword: createKeyword, onFocusOut: onFocusOut, comment: comment, deleteComment: deleteComment, getCollaborator: getCollaborator, getKeyword: getKeyword, listCollaborators: listCollaborators, listKeywords: listKeywords, isReply: isReply, saveComment: saveComment, handleCreateReply: handleCreateReply, scrollIntoHighlight: scrollIntoHighlight, isNew: isNew, setIsEditing: setIsEditing, isEditing: isEditing, isProdNote: isProdNote })));
-};
-const Note = styled.div `
-  & .note-actions {
-    opacity: 0;
-    ${({ isSelected }) => isSelected && 'opacity: 1'}
-    transition: 0.1s ease-in-out opacity;
-  }
-  &:hover .note-actions {
-    opacity: 1;
-  }
-`;
-const NoteTitle = styled.button `
-  border: none;
-  background: transparent;
-  padding: 0;
-  text-align: left;
-`;
-const NoteHeader = styled.div `
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  font-size: ${(props) => props.theme.font.size.normal};
-  margin-bottom: 16px;
-  padding: 0 16px;
-`;

package/dist/es/components/Comments/ResolveButton.js

@@ -1,59 +0,0 @@
-/*!
- * © 2021 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-import styled from 'styled-components';
-import { CommentResolveIcon } from '../icons';
-import { Tooltip } from '../Tooltip';
-export const ResolveButton = ({ id, resolved, resolvedCallback }) => {
-    return (React.createElement(Container, null,
-        React.createElement(Button, { className: resolved ? 'resolved' : '', "data-tooltip-id": id, onClick: resolvedCallback },
-            React.createElement(CommentResolveIcon, null)),
-        React.createElement(Tooltip, { id: id, place: "bottom" }, (resolved && 'Unresolve') || 'Resolve')));
-};
-const Container = styled.div `
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  margin-right: ${(props) => props.theme.grid.unit};
-`;
-const Button = styled.button `
-  display: flex;
-  align-items: center;
-  width: 24px;
-  height: 24px;
-  border-radius: 12px;
-  border: none;
-  background: #ffffff;
-  padding: 0;
-  cursor: pointer;
-
-  &.resolved {
-    background: #f2fbfc;
-    border: 1px solid #bce7f6;
-    path {
-      fill: #1a9bc7;
-    }
-  }
-
-  &:not([disabled]):hover,
-  &:not([disabled]):active {
-    path {
-      fill: #1a9bc7;
-    }
-    background: #f2fbfc;
-    border: 1px solid #c9c9c9;
-  }
-`;

package/dist/es/components/Comments/index.js

@@ -1,5 +0,0 @@
-export * from './CommentBody';
-export * from './CommentTarget';
-export * from './CommentUser';
-export * from './ResolveButton';
-export * from './CommentWrapper';

package/dist/es/components/ManuscriptNoteList.js

@@ -1,181 +0,0 @@
-/*!
- * © 2020 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import { ObjectTypes, } from '@manuscripts/json-schema';
-import { buildContribution, buildNote } from '@manuscripts/transform';
-import React, { useCallback, useEffect, useMemo, useState } from 'react';
-import styled from 'styled-components';
-import { v4 as uuid } from 'uuid';
-import { buildNoteTree, } from '../lib/comments';
-import { IconTextButton } from './Button';
-import { CheckboxField, CheckboxLabel } from './Checkbox';
-import { CommentTarget } from './Comments/CommentTarget';
-import { CommentWrapper } from './Comments/CommentWrapper';
-import { AddIcon } from './icons';
-import { RelativeDate } from './RelativeDate';
-export const ManuscriptNoteList = React.memo(({ createKeyword, deleteModel, getCollaboratorById, currentUserId, displayName, getKeyword, listCollaborators, listKeywords, notes, noteSource, saveModel, selected, can, }) => {
-    const [newComment, setNewComment] = useState();
-    const [selectResolved, setSelectResolved] = useState(false);
-    const [noteTarget, setNoteTarget] = useState();
-    useEffect(() => {
-        if (noteTarget && !newComment) {
-            const newComment = buildNote(noteTarget, noteSource);
-            newComment.displayName = displayName;
-            if (currentUserId) {
-                const contribution = buildContribution(currentUserId);
-                newComment.contributions = [contribution];
-            }
-            else {
-                newComment.contributions = [];
-            }
-            setNewComment(newComment);
-        }
-    }, [noteTarget, currentUserId, displayName, newComment, noteSource]);
-    const items = useMemo(() => {
-        const combinedComments = [...notes];
-        if (newComment) {
-            combinedComments.push(newComment);
-        }
-        const commentsTreeMap = buildNoteTree(combinedComments);
-        return Array.from(commentsTreeMap.entries());
-    }, [notes, newComment]);
-    const handleAddNewNote = useCallback((event) => {
-        event.preventDefault();
-        setNoteTarget(ObjectTypes.ManuscriptNote + ':' + uuid().toUpperCase());
-        setSelectResolved(false);
-    }, [setNoteTarget]);
-    const deleteNote = useCallback((id) => {
-        return deleteModel(id).finally(() => {
-            if (newComment && newComment._id === id) {
-                setNoteTarget(undefined);
-                setNewComment(undefined);
-            }
-        });
-    }, [deleteModel, newComment, setNoteTarget]);
-    const saveNote = useCallback((note) => {
-        return saveModel(note).then((note) => {
-            if (newComment && newComment._id === note._id) {
-                setNoteTarget(undefined);
-                setNewComment(undefined);
-            }
-            return note;
-        });
-    }, [newComment, setNoteTarget, saveModel]);
-    const isNew = useCallback((note) => {
-        return newComment ? newComment._id === note._id : false;
-    }, [newComment]);
-    const handleOnSelectChange = useCallback((e) => setSelectResolved(e.target.checked), []);
-    return (React.createElement(React.Fragment, null,
-        React.createElement(ActionHeader, { withAddButton: can.createNotes },
-            can.createNotes && (React.createElement(AddNoteButton, { onClick: handleAddNewNote },
-                "Add ",
-                React.createElement(AddIcon, null))),
-            items.length > 0 && (React.createElement(Checkbox, null,
-                React.createElement(CheckboxField, { checked: selectResolved, onChange: handleOnSelectChange }),
-                React.createElement(LabelText, null, "See resolved")))),
-        items.length >= 0 && (React.createElement(NoteListContainer, { "data-cy": "notes-list" }, items.map(([target, noteData]) => {
-            const isSelected = (selected &&
-                (selected.node.attrs.id === target ||
-                    selected.node.attrs.rid === target)) ||
-                false;
-            const selectedNoteData = selectResolved
-                ? noteData
-                : noteData.filter((note) => !note.comment.resolved);
-            return (React.createElement(CommentTarget, { key: target, isSelected: isSelected }, selectedNoteData.map(({ comment, children }) => (React.createElement(NoteThread, { key: comment._id },
-                React.createElement(NoteBodyContainer, { isSelected: isSelected, isNew: isNew(comment) },
-                    React.createElement(CommentWrapper, { createKeyword: createKeyword, comment: comment, deleteComment: deleteNote, handleSetResolved: () => __awaiter(void 0, void 0, void 0, function* () {
-                            return yield saveModel(Object.assign(Object.assign({}, comment), { resolved: !comment.resolved }));
-                        }), getCollaborator: getCollaboratorById, getKeyword: getKeyword, listCollaborators: listCollaborators, listKeywords: listKeywords, saveComment: saveNote, handleCreateReply: setNoteTarget, isNew: isNew(comment), isSelected: isSelected, isProdNote: true, can: can })),
-                children.map((note) => (React.createElement(ReplyBodyContainer, { key: note._id },
-                    React.createElement(CommentWrapper, { createKeyword: createKeyword, comment: note, deleteComment: deleteNote, getCollaborator: getCollaboratorById, getKeyword: getKeyword, isReply: true, listCollaborators: listCollaborators, listKeywords: listKeywords, saveComment: saveNote, handleCreateReply: setNoteTarget, isNew: isNew(note), isProdNote: true, can: can })))))))));
-        })))));
-});
-const AddNoteButton = styled(IconTextButton) `
-  svg {
-    margin: 0 0 0 ${(props) => props.theme.grid.unit * 4}px;
-    path {
-      fill: ${(props) => props.theme.colors.text.secondary};
-      stroke: ${(props) => props.theme.colors.text.secondary};
-    }
-  }
-  font-size: ${(props) => props.theme.font.size.normal};
-`;
-const NoteListContainer = styled.div `
-  flex: 1;
-  overflow-y: auto;
-`;
-export const NoteBodyContainer = styled.div `
-  padding: ${(props) => props.theme.grid.unit * 4}px 0
-    ${(props) => props.theme.grid.unit * 2}px;
-  background: ${(props) => props.theme.colors.background.primary};
-
-  ${(props) => borderStyle(props.theme.colors.border.secondary)};
-  ${(props) => (props.isNew || props.isSelected) &&
-    borderStyle(props.theme.colors.border.primary)}
-  ${(props) => props.isSelected &&
-    `background: ${props.theme.colors.background.selected};`}
-
-  .tooltip {
-    border-radius: 6px;
-    padding: 8px;
-    text-align: center;
-  }
-`;
-const borderStyle = (color) => `
-    ${'border: 1px solid ' + color};
-    ${'border-left: 4px solid ' + color};
-`;
-const NoteThread = styled.div `
-  margin: ${(props) => props.theme.grid.unit * 4}px 0;
-`;
-export const ReplyBodyContainer = styled.div `
-  padding: ${(props) => props.theme.grid.unit * 4}px 0
-    ${(props) => props.theme.grid.unit * 2}px;
-  margin-left: ${(props) => props.theme.grid.unit * 8}px;
-  border: 1px solid ${(props) => props.theme.colors.border.secondary};
-  border-top: none;
-`;
-export const LightRelativeDate = styled(RelativeDate) `
-  font-size: ${(props) => props.theme.font.size.small};
-  color: ${(props) => props.theme.colors.text.secondary};
-  letter-spacing: -0.2px;
-`;
-const ActionHeader = styled.div `
-  display: flex;
-  align-items: center;
-  justify-content: ${(props) => (props.withAddButton && 'space-between') || 'flex-end'};
-  padding-left: ${(props) => props.theme.grid.unit * 8}px;
-`;
-export const LabelText = styled.div `
-  font-family: ${(props) => props.theme.font.family.sans};
-  color: ${(props) => props.theme.colors.text.primary};
-  font-size: 14px;
-  line-height: 24px;
-  margin: 0 !important;
-`;
-const Checkbox = styled(CheckboxLabel) `
-  div {
-    color: ${(props) => props.theme.colors.text.primary};
-  }
-`;

package/dist/types/components/Comments/CommentActions.d.ts

@@ -1,28 +0,0 @@
-/*!
- * © 2020 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React, { Dispatch, SetStateAction } from 'react';
-import { Capabilities } from '../../lib/capabilities';
-export declare const CommentActions: React.FC<{
-    id: string;
-    target: string;
-    can?: Capabilities;
-    isResolved?: boolean;
-    isOwnComment: boolean;
-    handleSetResolved?: () => void;
-    deleteComment: (id: string, target?: string) => void;
-    setIsEditing: Dispatch<SetStateAction<boolean | undefined>>;
-    isProdNote?: boolean;
-}>;

package/dist/types/components/Comments/CommentBody.d.ts

@@ -1,39 +0,0 @@
-/*!
- * © 2020 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import { Keyword, UserProfile } from '@manuscripts/json-schema';
-import React, { Dispatch, SetStateAction } from 'react';
-import { CommentType, UnsavedComment } from '../../lib/comments';
-export interface CommentBodyProps {
-    createKeyword: (name: string) => Promise<Keyword>;
-    deleteComment: (id: string, target?: string) => void;
-    getCollaborator: (id: string) => UserProfile | undefined;
-    getKeyword: (id: string) => Keyword | undefined;
-    isNew: boolean;
-    isReply?: boolean;
-    listCollaborators: () => UserProfile[];
-    listKeywords: () => Keyword[];
-    comment: CommentType | UnsavedComment;
-    saveComment: (comment: CommentType | UnsavedComment) => Promise<CommentType>;
-    handleCreateReply: (id: string) => void;
-    scrollIntoHighlight?: (comment: CommentType | UnsavedComment) => void;
-    onFocusOut?: (id: string, content: string) => boolean;
-}
-export declare const CommentBody: React.FC<CommentBodyProps & {
-    setIsEditing: Dispatch<SetStateAction<boolean | undefined>>;
-    isEditing?: boolean;
-    isDeleting?: boolean;
-    isProdNote?: boolean;
-}>;

package/dist/types/components/Comments/CommentTarget.d.ts

@@ -1,21 +0,0 @@
-/*!
- * © 2020 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-import React from 'react';
-interface Props {
-    isSelected: boolean;
-}
-export declare const CommentTarget: React.FC<Props>;
-export {};