@manuscripts/style-guide 1.12.1 → 1.12.2

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.DeleteSolidIcon = 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.DeleteSolidIcon = 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,5 +85,9 @@ 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; } });
 var delete_solid_icon_1 = require("./delete-solid-icon");
 Object.defineProperty(exports, "DeleteSolidIcon", { enumerable: true, get: function () { return delete_solid_icon_1.DeleteSolidIcon; } });

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/icons/index.js

@@ -46,4 +46,6 @@ 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';
 export { DeleteSolidIcon } from './delete-solid-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/icons/index.d.ts

@@ -46,4 +46,6 @@ 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';
 export { DeleteSolidIcon } from './delete-solid-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.12.1",
+  "version": "1.12.2",
   "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.3.0",
+    "@manuscripts/transform": "2.3.2",
     "@reach/tabs": "^0.18.0",
     "date-fns": "^2.29.3",
     "formik": "^2.2.9",

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,142 +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 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 icons_1 = require("../icons");
-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 {
-    color: #6e6e6e;
-  }
-`;
-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(icons_1.DeleteSolidIcon, { 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;