@manuscripts/style-guide 1.8.4-LEAN-3144-4 → 1.8.4-LEAN-3514.1

package/dist/cjs/components/TableFootnotesSelector.js

@@ -79,14 +79,8 @@ const AddNewFootnote = (0, styled_components_1.default)(Button_1.ButtonGroup) `
     }
   }
 `;
-const TableFootnotesSelector = ({ notes, inlineFootnote, onAdd, onInsert, onCancel }) => {
-    let selectedNotesMap;
-    if (inlineFootnote) {
-        const rids = inlineFootnote.attrs.rids;
-        const selectedNotes = notes.filter(({ node }) => rids.includes(node.attrs.id));
-        selectedNotesMap = new Map(selectedNotes.map(({ node }) => [node.attrs.id, node]));
-    }
-    const [selections, setSelections] = (0, react_1.useState)(new Map(selectedNotesMap));
+const TableFootnotesSelector = ({ notes, onAdd, onInsert, onCancel }) => {
+    const [selections, setSelections] = (0, react_1.useState)(new Map());
     const toggleSelection = (item) => {
         const id = item.attrs.id;
         if (selections.has(id)) {
@@ -106,7 +100,7 @@ const TableFootnotesSelector = ({ notes, inlineFootnote, onAdd, onInsert, onCanc
     };
     return (react_1.default.createElement(Container, null,
         react_1.default.createElement(NotesContainer, null,
-            react_1.default.createElement(TableFootnotesList, { notes: notes, inlineFootnote: inlineFootnote, isSelected: isSelected, onSelect: toggleSelection })),
+            react_1.default.createElement(TableFootnotesList, { notes: notes, isSelected: isSelected, onSelect: toggleSelection })),
         react_1.default.createElement(Actions, null,
             react_1.default.createElement(AddNewFootnote, null,
                 react_1.default.createElement(Button_1.IconTextButton, { onClick: onAdd },
@@ -114,38 +108,17 @@ const TableFootnotesSelector = ({ notes, inlineFootnote, onAdd, onInsert, onCanc
                     "Add new")),
             react_1.default.createElement(Button_1.ButtonGroup, null,
                 react_1.default.createElement(Button_1.SecondaryButton, { onClick: onCancel }, "Cancel"),
-                react_1.default.createElement(Button_1.PrimaryButton, { onClick: handleClick, disabled: selections.size === 0 && !inlineFootnote }, inlineFootnote ? 'Update' : 'Insert')))));
+                react_1.default.createElement(Button_1.PrimaryButton, { onClick: handleClick, disabled: selections.size === 0 }, "Insert")))));
 };
 exports.TableFootnotesSelector = TableFootnotesSelector;
-const TableFootnotesList = ({ notes, isSelected, onSelect, inlineFootnote }) => {
-    const selectedNotes = [];
-    const remainingNotes = [];
-    notes.forEach((note) => {
-        const isNoteSelected = inlineFootnote && inlineFootnote.attrs.rids.includes(note.node.attrs.id);
-        if (isNoteSelected) {
-            selectedNotes.push(note);
-        }
-        else {
-            remainingNotes.push(note);
-        }
-    });
-    return (react_1.default.createElement(NotesListContainer, null,
-        selectedNotes.map((note) => footnoteItem(note, isSelected, onSelect)),
-        selectedNotes.length > 0 && remainingNotes.length > 0 && react_1.default.createElement(Separator, null),
-        remainingNotes.map((note) => footnoteItem(note, isSelected, onSelect))));
-};
-const footnoteItem = (note, isSelected, onSelect) => {
-    var _a;
-    const { node, index } = note;
-    return (react_1.default.createElement(FootnoteItem, { onClick: () => onSelect(node), key: node.attrs.id },
-        react_1.default.createElement(StatusIcon, null, isSelected(node) ? (react_1.default.createElement(AddedIcon_1.default, { "data-cy": 'plus-icon-ok', width: 24, height: 24 })) : (react_1.default.createElement(AddIcon_1.default, { "data-cy": 'plus-icon', width: 24, height: 24 }))),
-        react_1.default.createElement(NoteText, null, (index ? index + '. ' : '') + ((_a = node.firstChild) === null || _a === void 0 ? void 0 : _a.textContent))));
+const TableFootnotesList = ({ notes, isSelected, onSelect }) => {
+    return (react_1.default.createElement(NotesListContainer, null, notes.map(({ node, index }) => {
+        var _a;
+        return (react_1.default.createElement(FootnoteItem, { onClick: () => onSelect(node), key: node.attrs.id },
+            react_1.default.createElement(StatusIcon, null, isSelected(node) ? (react_1.default.createElement(AddedIcon_1.default, { "data-cy": 'plus-icon-ok', width: 24, height: 24 })) : (react_1.default.createElement(AddIcon_1.default, { "data-cy": 'plus-icon', width: 24, height: 24 }))),
+            react_1.default.createElement(NoteText, null, (index ? index + '. ' : '') + ((_a = node.firstChild) === null || _a === void 0 ? void 0 : _a.textContent))));
+    })));
 };
-const Separator = styled_components_1.default.div `
-  height: 0;
-  border-bottom: 1px solid #e2e2e2;
-  margin: 4px 0;
-`;
 const NotesListContainer = styled_components_1.default.div `
   padding: ${(props) => props.theme.grid.unit * 6}px
     ${(props) => props.theme.grid.unit * 5}px;

package/dist/cjs/components/icons/index.js

@@ -18,7 +18,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeleteIcon = exports.PlusIcon = exports.PullQuoteIcon = exports.BlockQuoteIcon = exports.LeftArrow = exports.AnnotatorIcon = exports.ReadingIcon = exports.EditIcon = exports.UnsupportedFormatFileIcon = exports.MissingImage = exports.UploadIcon = exports.AttachIcon = exports.TaskStepNextIcon = exports.TaskStepDoneIcon = exports.TaskStepCurrentIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.UserIcon = exports.TickMarkIcon = exports.SearchIcon = exports.ProjectsListIcon = exports.ProjectIcon = exports.ProjectNotificationIcon = exports.OrcidIcon = exports.GoogleIcon = exports.AddComment = exports.CloseOIcon = exports.CloseIcon = exports.BookmarkIcon = exports.BackArrowIcon = exports.AddIconInverted = exports.AddIconActive = exports.AddAuthor = void 0;
+exports.TemplateIcon = exports.LinkIcon = exports.DeleteIcon = exports.PlusIcon = exports.PullQuoteIcon = exports.BlockQuoteIcon = exports.LeftArrow = exports.AnnotatorIcon = exports.ReadingIcon = exports.EditIcon = exports.UnsupportedFormatFileIcon = exports.MissingImage = exports.UploadIcon = exports.AttachIcon = exports.TaskStepNextIcon = exports.TaskStepDoneIcon = exports.TaskStepCurrentIcon = exports.ZoomOutIcon = exports.ZoomInIcon = exports.UserIcon = exports.TickMarkIcon = exports.SearchIcon = exports.ProjectsListIcon = exports.ProjectIcon = exports.ProjectNotificationIcon = exports.OrcidIcon = exports.GoogleIcon = exports.AddComment = exports.CloseOIcon = exports.CloseIcon = exports.BookmarkIcon = exports.BackArrowIcon = exports.AddIconInverted = exports.AddIconActive = exports.AddAuthor = void 0;
 var add_author_1 = require("./add-author");
 Object.defineProperty(exports, "AddAuthor", { enumerable: true, get: function () { return __importDefault(add_author_1).default; } });
 var add_icon_active_1 = require("./add-icon-active");
@@ -85,3 +85,7 @@ var plus_icon_1 = require("./plus-icon");
 Object.defineProperty(exports, "PlusIcon", { enumerable: true, get: function () { return __importDefault(plus_icon_1).default; } });
 var delete_icon_1 = require("./delete-icon");
 Object.defineProperty(exports, "DeleteIcon", { enumerable: true, get: function () { return delete_icon_1.DeleteIcon; } });
+var link_icon_1 = require("./link-icon");
+Object.defineProperty(exports, "LinkIcon", { enumerable: true, get: function () { return link_icon_1.LinkIcon; } });
+var template_icon_1 = require("./template-icon");
+Object.defineProperty(exports, "TemplateIcon", { enumerable: true, get: function () { return template_icon_1.TemplateIcon; } });

package/dist/cjs/index.js

@@ -67,11 +67,12 @@ __exportStar(require("./components/Text"), exports);
 __exportStar(require("./components/ManuscriptNoteList"), exports);
 __exportStar(require("./components/Comments"), exports);
 __exportStar(require("./components/RelativeDate"), exports);
-__exportStar(require("./components/References"), exports);
 __exportStar(require("./components/Menus"), exports);
+__exportStar(require("./components/SelectField"), exports);
 __exportStar(require("./hooks/use-dropdown"), exports);
 __exportStar(require("./hooks/use-files"), exports);
 __exportStar(require("./hooks/use-menus"), exports);
+__exportStar(require("./hooks/use-scroll-detection"), exports);
 var use_deep_compare_1 = require("./hooks/use-deep-compare");
 Object.defineProperty(exports, "useDeepCompareMemo", { enumerable: true, get: function () { return use_deep_compare_1.useDeepCompareMemo; } });
 Object.defineProperty(exports, "useDeepCompareCallback", { enumerable: true, get: function () { return use_deep_compare_1.useDeepCompareCallback; } });

package/dist/es/components/TableFootnotesSelector.js

@@ -50,14 +50,8 @@ const AddNewFootnote = styled(ButtonGroup) `
     }
   }
 `;
-export const TableFootnotesSelector = ({ notes, inlineFootnote, onAdd, onInsert, onCancel }) => {
-    let selectedNotesMap;
-    if (inlineFootnote) {
-        const rids = inlineFootnote.attrs.rids;
-        const selectedNotes = notes.filter(({ node }) => rids.includes(node.attrs.id));
-        selectedNotesMap = new Map(selectedNotes.map(({ node }) => [node.attrs.id, node]));
-    }
-    const [selections, setSelections] = useState(new Map(selectedNotesMap));
+export const TableFootnotesSelector = ({ notes, onAdd, onInsert, onCancel }) => {
+    const [selections, setSelections] = useState(new Map());
     const toggleSelection = (item) => {
         const id = item.attrs.id;
         if (selections.has(id)) {
@@ -77,7 +71,7 @@ export const TableFootnotesSelector = ({ notes, inlineFootnote, onAdd, onInsert,
     };
     return (React.createElement(Container, null,
         React.createElement(NotesContainer, null,
-            React.createElement(TableFootnotesList, { notes: notes, inlineFootnote: inlineFootnote, isSelected: isSelected, onSelect: toggleSelection })),
+            React.createElement(TableFootnotesList, { notes: notes, isSelected: isSelected, onSelect: toggleSelection })),
         React.createElement(Actions, null,
             React.createElement(AddNewFootnote, null,
                 React.createElement(IconTextButton, { onClick: onAdd },
@@ -85,37 +79,16 @@ export const TableFootnotesSelector = ({ notes, inlineFootnote, onAdd, onInsert,
                     "Add new")),
             React.createElement(ButtonGroup, null,
                 React.createElement(SecondaryButton, { onClick: onCancel }, "Cancel"),
-                React.createElement(PrimaryButton, { onClick: handleClick, disabled: selections.size === 0 && !inlineFootnote }, inlineFootnote ? 'Update' : 'Insert')))));
-};
-const TableFootnotesList = ({ notes, isSelected, onSelect, inlineFootnote }) => {
-    const selectedNotes = [];
-    const remainingNotes = [];
-    notes.forEach((note) => {
-        const isNoteSelected = inlineFootnote && inlineFootnote.attrs.rids.includes(note.node.attrs.id);
-        if (isNoteSelected) {
-            selectedNotes.push(note);
-        }
-        else {
-            remainingNotes.push(note);
-        }
-    });
-    return (React.createElement(NotesListContainer, null,
-        selectedNotes.map((note) => footnoteItem(note, isSelected, onSelect)),
-        selectedNotes.length > 0 && remainingNotes.length > 0 && React.createElement(Separator, null),
-        remainingNotes.map((note) => footnoteItem(note, isSelected, onSelect))));
+                React.createElement(PrimaryButton, { onClick: handleClick, disabled: selections.size === 0 }, "Insert")))));
 };
-const footnoteItem = (note, isSelected, onSelect) => {
-    var _a;
-    const { node, index } = note;
-    return (React.createElement(FootnoteItem, { onClick: () => onSelect(node), key: node.attrs.id },
-        React.createElement(StatusIcon, null, isSelected(node) ? (React.createElement(AddedIcon, { "data-cy": 'plus-icon-ok', width: 24, height: 24 })) : (React.createElement(AddIcon, { "data-cy": 'plus-icon', width: 24, height: 24 }))),
-        React.createElement(NoteText, null, (index ? index + '. ' : '') + ((_a = node.firstChild) === null || _a === void 0 ? void 0 : _a.textContent))));
+const TableFootnotesList = ({ notes, isSelected, onSelect }) => {
+    return (React.createElement(NotesListContainer, null, notes.map(({ node, index }) => {
+        var _a;
+        return (React.createElement(FootnoteItem, { onClick: () => onSelect(node), key: node.attrs.id },
+            React.createElement(StatusIcon, null, isSelected(node) ? (React.createElement(AddedIcon, { "data-cy": 'plus-icon-ok', width: 24, height: 24 })) : (React.createElement(AddIcon, { "data-cy": 'plus-icon', width: 24, height: 24 }))),
+            React.createElement(NoteText, null, (index ? index + '. ' : '') + ((_a = node.firstChild) === null || _a === void 0 ? void 0 : _a.textContent))));
+    })));
 };
-const Separator = styled.div `
-  height: 0;
-  border-bottom: 1px solid #e2e2e2;
-  margin: 4px 0;
-`;
 const NotesListContainer = styled.div `
   padding: ${(props) => props.theme.grid.unit * 6}px
     ${(props) => props.theme.grid.unit * 5}px;

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

@@ -46,3 +46,5 @@ export { default as BlockQuoteIcon } from './block-quote-icon';
 export { default as PullQuoteIcon } from './pull-quote-icon';
 export { default as PlusIcon } from './plus-icon';
 export { DeleteIcon } from './delete-icon';
+export { LinkIcon } from './link-icon';
+export { TemplateIcon } from './template-icon';

package/dist/es/index.js

@@ -47,11 +47,12 @@ export * from './components/Text';
 export * from './components/ManuscriptNoteList';
 export * from './components/Comments';
 export * from './components/RelativeDate';
-export * from './components/References';
 export * from './components/Menus';
+export * from './components/SelectField';
 export * from './hooks/use-dropdown';
 export * from './hooks/use-files';
 export * from './hooks/use-menus';
+export * from './hooks/use-scroll-detection';
 export { useDeepCompareMemo, useDeepCompareCallback, } from './hooks/use-deep-compare';
 export * from './lib/capabilities';
 export * from './lib/files';

package/dist/types/components/TableFootnotesSelector.d.ts

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { FootnoteNode, InlineFootnoteNode } from '@manuscripts/transform';
+import { FootnoteNode } from '@manuscripts/transform';
 import React from 'react';
 export type FootnoteWithIndex = {
     node: FootnoteNode;
@@ -21,7 +21,6 @@ export type FootnoteWithIndex = {
 };
 export declare const TableFootnotesSelector: React.FC<{
     notes: FootnoteWithIndex[];
-    inlineFootnote?: InlineFootnoteNode;
     onAdd: () => void;
     onInsert: (notes: FootnoteWithIndex[]) => void;
     onCancel: () => void;

package/dist/types/components/icons/index.d.ts

@@ -46,3 +46,5 @@ export { default as BlockQuoteIcon } from './block-quote-icon';
 export { default as PullQuoteIcon } from './pull-quote-icon';
 export { default as PlusIcon } from './plus-icon';
 export { DeleteIcon } from './delete-icon';
+export { LinkIcon } from './link-icon';
+export { TemplateIcon } from './template-icon';

package/dist/types/index.d.ts

@@ -48,11 +48,12 @@ export * from './components/Text';
 export * from './components/ManuscriptNoteList';
 export * from './components/Comments';
 export * from './components/RelativeDate';
-export * from './components/References';
 export * from './components/Menus';
+export * from './components/SelectField';
 export * from './hooks/use-dropdown';
 export * from './hooks/use-files';
 export * from './hooks/use-menus';
+export * from './hooks/use-scroll-detection';
 export { useDeepCompareMemo, useDeepCompareCallback, } from './hooks/use-deep-compare';
 export * from './lib/capabilities';
 export * from './lib/files';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.8.4-LEAN-3144-4",
+  "version": "1.8.4-LEAN-3514.1",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -34,7 +34,7 @@
   "dependencies": {
     "@manuscripts/assets": "^0.6.4",
     "@manuscripts/json-schema": "^2.2.7",
-    "@manuscripts/transform": "^2.1.10",
+    "@manuscripts/transform": "2.1.10-LEAN-3514.1",
     "@reach/tabs": "^0.18.0",
     "date-fns": "^2.29.3",
     "formik": "^2.2.9",
@@ -103,4 +103,4 @@
     "@types/react": "^17.0.2",
     "jackspeak": "2.1.1"
   }
-}
+}

package/dist/cjs/components/References/BibliographyItemSource.js

@@ -1,91 +0,0 @@
-"use strict";
-/*!
- * © 2023 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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DocumentReferenceSource = void 0;
-const fuzzysort = __importStar(require("fuzzysort"));
-const newestFirst = (a, b) => {
-    if (a.createdAt === b.createdAt) {
-        return 0;
-    }
-    if (!a.createdAt) {
-        return -1;
-    }
-    if (!b.createdAt) {
-        return 1;
-    }
-    return b.createdAt - a.createdAt;
-};
-class DocumentReferenceSource {
-    constructor(items) {
-        this.id = 'document';
-        this.label = 'Document';
-        this.items = items;
-    }
-    search(query, limit) {
-        if (!query) {
-            return {
-                response: Promise.resolve({
-                    items: [...this.items].sort(newestFirst).slice(0, limit),
-                    total: this.items.length,
-                }),
-            };
-        }
-        const index = [...this.items].sort(newestFirst).map((i) => {
-            var _a;
-            return {
-                item: i,
-                title: i.title,
-                authors: (_a = i.author) === null || _a === void 0 ? void 0 : _a.map((a) => `${a.given} ${a.family}`).join(', '),
-            };
-        });
-        const results = fuzzysort.go(query, index, {
-            keys: ['title', 'authors'],
-            limit: limit,
-            threshold: -1000,
-        });
-        return {
-            response: Promise.resolve({
-                items: results.map((r) => r.obj.item),
-                total: results.total,
-            }),
-        };
-    }
-}
-exports.DocumentReferenceSource = DocumentReferenceSource;

package/dist/cjs/components/References/CitationEditor.js

@@ -1,143 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CitationEditor = void 0;
-const AnnotationEdit_1 = __importDefault(require("@manuscripts/assets/react/AnnotationEdit"));
-const CloseIconDark_1 = __importDefault(require("@manuscripts/assets/react/CloseIconDark"));
-const json_schema_1 = require("@manuscripts/json-schema");
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Button_1 = require("../Button");
-const Dialog_1 = require("../Dialog");
-const CitationViewer_1 = require("./CitationViewer");
-const ReferenceLine_1 = require("./ReferenceLine");
-const ReferenceSearch_1 = require("./ReferenceSearch");
-const ReferencesModal_1 = require("./ReferencesModal");
-const AddCommentButtonText = styled_components_1.default.div `
-  display: contents;
-  font-family: ${(props) => props.theme.font.family.sans};
-  font-weight: ${(props) => props.theme.font.weight.normal};
-  font-size: ${(props) => props.theme.font.size.small};
-  line-height: ${(props) => props.theme.font.lineHeight.large};
-  color: ${(props) => props.theme.colors.text.primary};
-`;
-const CitedItemActions = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  margin-left: 12px;
-
-  svg.remove-icon {
-    height: ${(props) => props.theme.grid.unit * 4}px;
-    width: ${(props) => props.theme.grid.unit * 4}px;
-  }
-`;
-const ActionButton = (0, styled_components_1.default)(Button_1.IconButton).attrs({
-    size: 24,
-}) `
-  :disabled {
-    background-color: transparent !important;
-    border-color: transparent !important;
-    color: rgb(255, 255, 255);
-    path,
-    g {
-      fill: ${(props) => props.theme.colors.background.tertiary} !important;
-    }
-  }
-  :not(:disabled):focus,
-  :not(:disabled):hover {
-    path,
-    g {
-      fill: ${(props) => props.theme.colors.brand.medium} !important;
-    }
-  }
-`;
-const EditReferenceButton = (0, styled_components_1.default)(ActionButton) `
-  margin-right: ${(props) => props.theme.grid.unit * 3}px;
-`;
-const Actions = styled_components_1.default.div `
-  margin: ${(props) => props.theme.grid.unit * 4}px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-`;
-const CitationEditor = ({ query, rids, items, citationCounts, sources, onCite, onUncite, onSave, onDelete, onComment, onCancel, canEdit, }) => {
-    const [deleteDialog, setDeleteDialog] = (0, react_1.useState)({ show: false });
-    const [editingForm, setEditingForm] = (0, react_1.useState)({
-        show: false,
-    });
-    const [searching, setSearching] = (0, react_1.useState)(false);
-    const handleAdd = () => {
-        setSearching(false);
-        const item = (0, json_schema_1.buildBibliographyItem)({});
-        onSave(item);
-        onCite([item]);
-        setEditingForm({ show: true, item: item });
-    };
-    const cited = (0, react_1.useMemo)(() => {
-        return rids.flatMap((rid) => items.filter((i) => i._id === rid));
-    }, [rids, items]);
-    if (searching) {
-        return (react_1.default.createElement(ReferenceSearch_1.ReferenceSearch, { sources: sources, items: items, onAdd: handleAdd, onCite: (items) => {
-                setSearching(false);
-                onCite(items);
-            }, onCancel: () => setSearching(false) }));
-    }
-    if (!rids.length) {
-        return (react_1.default.createElement(ReferenceSearch_1.ReferenceSearch, { query: query, sources: sources, items: items, onAdd: handleAdd, onCite: onCite, onCancel: onCancel }));
-    }
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Dialog_1.Dialog, { isOpen: deleteDialog.show, category: Dialog_1.Category.confirmation, header: "Remove cited item", message: "Are you sure you want to remove this cited item? It will still exist in the reference list.", actions: {
-                secondary: {
-                    action: () => {
-                        if (deleteDialog.id) {
-                            onUncite(deleteDialog.id);
-                            setDeleteDialog({ show: false });
-                        }
-                    },
-                    title: 'Remove',
-                },
-                primary: {
-                    action: () => setDeleteDialog({ show: false }),
-                    title: 'Cancel',
-                },
-            } }),
-        react_1.default.createElement(CitationViewer_1.CitedItems, null, cited.map((item) => (react_1.default.createElement(CitationViewer_1.CitedItem, { key: item._id },
-            react_1.default.createElement(ReferenceLine_1.ReferenceLine, { item: item }),
-            react_1.default.createElement(CitedItemActions, null,
-                react_1.default.createElement(EditReferenceButton, { value: item._id, disabled: !canEdit, onClick: () => setEditingForm({ show: true, item: item }) },
-                    react_1.default.createElement(AnnotationEdit_1.default, { color: '#6E6E6E' })),
-                react_1.default.createElement(ActionButton, { disabled: !canEdit, onClick: () => setDeleteDialog({ show: true, id: item._id }) },
-                    react_1.default.createElement(CloseIconDark_1.default, { className: 'remove-icon' }))))))),
-        react_1.default.createElement(ReferencesModal_1.ReferencesModal, { isOpen: editingForm.show, onCancel: () => setEditingForm({ show: false }), items: items, citationCounts: citationCounts, item: editingForm.item, onSave: onSave, onDelete: onDelete }),
-        react_1.default.createElement(Actions, null,
-            react_1.default.createElement(Button_1.IconTextButton, null),
-            react_1.default.createElement(Button_1.ButtonGroup, null,
-                react_1.default.createElement(Button_1.SecondaryButton, { onClick: onCancel }, "Done"),
-                react_1.default.createElement(Button_1.PrimaryButton, { disabled: !canEdit, onClick: () => setSearching(true) }, "Add Citation")))));
-};
-exports.CitationEditor = CitationEditor;

package/dist/cjs/components/References/CitationViewer.js

@@ -1,69 +0,0 @@
-"use strict";
-/*!
- * © 2024 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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.CitationViewer = exports.CitedItem = exports.CitedItems = void 0;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const ReferenceLine_1 = require("./ReferenceLine");
-exports.CitedItems = styled_components_1.default.div `
-  padding: 0 ${(props) => props.theme.grid.unit * 4}px;
-  font-family: ${(props) => props.theme.font.family.sans};
-  max-height: 70vh;
-  min-height: 100px;
-  overflow-y: auto;
-`;
-exports.CitedItem = styled_components_1.default.div `
-  display: flex;
-  padding: ${(props) => props.theme.grid.unit * 4}px 0;
-
-  &:not(:last-of-type) {
-    border-bottom: 1px solid ${(props) => props.theme.colors.border.secondary};
-  }
-`;
-const CitationViewer = ({ rids, items, }) => {
-    const cited = (0, react_1.useMemo)(() => {
-        return rids.flatMap((rid) => items.filter((i) => i._id === rid));
-    }, [rids, items]);
-    return (react_1.default.createElement(exports.CitedItems, null, cited.map((item) => (react_1.default.createElement(ReferenceLine_1.ReferenceLine, { key: item._id, item: item })))));
-};
-exports.CitationViewer = CitationViewer;