@manuscripts/style-guide 1.7.11 → 1.8.0-LEAN-3423-5

package/dist/es/components/Menus/Submenu.js

@@ -17,6 +17,7 @@ import TriangleCollapsed from '@manuscripts/assets/react/TriangleCollapsed';
 import React from 'react';
 import styled from 'styled-components';
 import { isMenuSeparator } from '../../lib/menus';
+import { Block, BlockItem, bulletListContextMenu, Label, ListContainer, orderedListContextMenu, StyleBlock, } from './Menus';
 import { Shortcut } from './Shortcut';
 export const Text = styled.div `
   flex: 1 0 auto;
@@ -31,8 +32,6 @@ export const SubmenusContainer = styled.div `
   box-shadow: 0 4px 9px 0 rgba(84, 83, 83, 0.3);
   color: #353535;
   min-width: 150px;
-  max-height: 70vh;
-  overflow-y: auto;
   padding: 4px 0;
   white-space: nowrap;
   width: auto;
@@ -90,7 +89,7 @@ export const Submenu = ({ menu, handleClick }) => {
     if (isMenuSeparator(menu)) {
         return React.createElement(Separator, null);
     }
-    if (!menu.submenu) {
+    if (!menu.submenu && !menu.options) {
         return (React.createElement(Container, { isOpen: menu.isOpen, className: menu.isEnabled ? '' : 'disabled', onMouseDown: (e) => {
                 e.preventDefault();
                 handleClick([]);
@@ -99,6 +98,17 @@ export const Submenu = ({ menu, handleClick }) => {
             React.createElement(Text, null, menu.label),
             menu.shortcut && React.createElement(Shortcut, { shortcut: menu.shortcut })));
     }
+    if (menu.options) {
+        const styles = menu.id === 'bullet-list-context-menu'
+            ? bulletListContextMenu
+            : orderedListContextMenu;
+        return (React.createElement(ListContainer, null, styles.map((style, index) => (React.createElement(StyleBlock, { key: index, onClick: () => {
+                menu.options && menu.options[style.type]();
+                handleClick([-1, -1]);
+            } }, style.items.map((style, index) => (React.createElement(BlockItem, { key: index },
+            React.createElement(Label, { hide: style === '-' }, style),
+            React.createElement(Block, null)))))))));
+    }
     return (React.createElement(SubmenuContainer, null,
         React.createElement(Container, { onMouseDown: (e) => {
                 e.preventDefault();

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

@@ -5,7 +5,6 @@ import React, { useMemo, useState } from 'react';
 import styled from 'styled-components';
 import { ButtonGroup, IconButton, IconTextButton, PrimaryButton, SecondaryButton, } from '../Button';
 import { Category, Dialog } from '../Dialog';
-import { AddComment } from '../icons';
 import { CitedItem, CitedItems } from './CitationViewer';
 import { ReferenceLine } from './ReferenceLine';
 import { ReferenceSearch } from './ReferenceSearch';
@@ -107,9 +106,7 @@ export const CitationEditor = ({ query, rids, items, citationCounts, sources, on
                     React.createElement(CloseIconDark, { className: 'remove-icon' }))))))),
         React.createElement(ReferencesModal, { isOpen: editingForm.show, onCancel: () => setEditingForm({ show: false }), items: items, citationCounts: citationCounts, item: editingForm.item, onSave: onSave, onDelete: onDelete }),
         React.createElement(Actions, null,
-            React.createElement(IconTextButton, { onClick: onComment },
-                React.createElement(AddComment, null),
-                React.createElement(AddCommentButtonText, null, "Add Comment")),
+            React.createElement(IconTextButton, null),
             React.createElement(ButtonGroup, null,
                 React.createElement(SecondaryButton, { onClick: onCancel }, "Done"),
                 React.createElement(PrimaryButton, { disabled: !canEdit, onClick: () => setSearching(true) }, "Add Citation")))));

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

@@ -45,3 +45,4 @@ export { default as LeftArrow } from './left-arrow';
 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';

package/dist/es/hooks/use-dropdown.js

@@ -16,8 +16,7 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 export const useDropdown = () => {
     const [isOpen, setOpen] = useState(false);
-    const toggleOpen = useCallback((e) => {
-        e === null || e === void 0 ? void 0 : e.stopPropagation();
+    const toggleOpen = useCallback(() => {
         setOpen((open) => !open);
     }, []);
     const wrapperRef = useRef(null);

package/dist/es/hooks/use-menus.js

@@ -64,6 +64,9 @@ export const useMenus = (menus) => {
             const index = indices[depth];
             setPointer(transformPointer(depth, index));
         }
+        if (menu.options) {
+            setPointer([-1, -1, -1]);
+        }
     }, [state]);
     const ref = useRef(null);
     useEffect(() => {

package/dist/es/index.js

@@ -13,12 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export * from './components/AffiliationsEditor';
-export * from './components/AuthorForm';
-export * from './components/AuthorName';
-export * from './components/AuthorsDND';
 export * from './components/AlertMessage';
 export * from './components/Button';
+export * from './components/ContextMenu';
 export * from './components/RadioButton';
 export * from './components/AutoSaveInput';
 export * from './components/Avatar';
@@ -31,6 +28,8 @@ export * from './components/Resizer';
 export * from './components/SaveStatus';
 export * from './components/StyledModal';
 export * from './components/TableFootnotesSelector';
+export * from './components/Sidebar';
+export * from './components/DragLayer';
 export * from './components/TextField';
 export * from './components/TextFieldContainer';
 export * from './components/TextFieldError';
@@ -55,10 +54,8 @@ export * from './hooks/use-dropdown';
 export * from './hooks/use-files';
 export * from './hooks/use-menus';
 export { useDeepCompareMemo, useDeepCompareCallback, } from './hooks/use-deep-compare';
-export * from './lib/authors';
 export * from './lib/capabilities';
 export * from './lib/files';
 export * from './lib/comments';
 export * from './lib/menus';
 export { default as errorsDecoder } from './lib/errors-decoder';
-export * from './types';

package/dist/es/lib/capabilities.js

@@ -17,6 +17,7 @@ export const getCapabilities = (project, profile, role, actions) => {
     const allowed = (action) => !!(actions === null || actions === void 0 ? void 0 : actions.includes(action));
     return {
         handleSuggestion: isOwner() || isEditor() || isWriter(),
+        editWithoutTracking: isWriter(),
         rejectOwnSuggestion: !isViewer(),
         createSuggestion: !isViewer(),
         viewSuggestion: true,
@@ -46,7 +47,6 @@ export const getCapabilities = (project, profile, role, actions) => {
         putOnHoldTask: isProdEditor(),
         changeDueDate: isProdEditor() && allowed(Actions.updateDueDate),
         previewAccess: true,
-        editNotTracked: false,
         accessEditor: true,
         formatArticle: !isViewer(),
         editArticle: !isViewer(),

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

@@ -15,7 +15,7 @@
  */
 import React from 'react';
 export declare const TextButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    type: "button" | "reset" | "submit";
+    type: "button" | "submit" | "reset";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;

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

@@ -14,35 +14,35 @@
  * limitations under the License.
  */
 export declare const SecondaryButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    type: "button" | "reset" | "submit";
+    type: "button" | "submit" | "reset";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;
     mini?: boolean | undefined;
 }, "type">;
 export declare const PrimaryButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    type: "button" | "reset" | "submit";
+    type: "button" | "submit" | "reset";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;
     mini?: boolean | undefined;
 }, "type">;
 export declare const TertiaryButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    type: "button" | "reset" | "submit";
+    type: "button" | "submit" | "reset";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;
     mini?: boolean | undefined;
 }, "type">;
 export declare const IconTextButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    type: "button" | "reset" | "submit";
+    type: "button" | "submit" | "reset";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;
     mini?: boolean | undefined;
 }, "type">;
 export declare const ToggleButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    type: "button" | "reset" | "submit";
+    type: "button" | "submit" | "reset";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;
@@ -51,7 +51,7 @@ export declare const ToggleButton: import("styled-components").StyledComponent<"
     selected?: boolean | undefined;
 }, "type">;
 export declare const ToggleButtonAlt: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    type: "button" | "reset" | "submit";
+    type: "button" | "submit" | "reset";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;
@@ -60,7 +60,7 @@ export declare const ToggleButtonAlt: import("styled-components").StyledComponen
     selected?: boolean | undefined;
 }, "type">;
 export declare const IconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    type: "button" | "reset" | "submit";
+    type: "button" | "submit" | "reset";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;
@@ -71,7 +71,7 @@ export declare const IconButton: import("styled-components").StyledComponent<"bu
     iconColor?: string | undefined;
 }, "type">;
 export declare const RoundIconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    type: "button" | "reset" | "submit";
+    type: "button" | "submit" | "reset";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;
@@ -84,7 +84,7 @@ export declare const RoundIconButton: import("styled-components").StyledComponen
     defaultColor: boolean;
 }, "type" | "defaultColor">;
 export declare const SecondaryIconButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    type: "button" | "reset" | "submit";
+    type: "button" | "submit" | "reset";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;
@@ -95,3 +95,4 @@ export declare const SecondaryIconButton: import("styled-components").StyledComp
     iconColor?: string | undefined;
 }, "type">;
 export declare const ButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const IconButtonGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/types/components/{AuthorName.d.ts → ContextMenu.d.ts}

@@ -1,5 +1,5 @@
 /*!
- * © 2019 Atypon Systems LLC
+ * © 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.
@@ -13,10 +13,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { BibliographicName } from '@manuscripts/json-schema';
 import React from 'react';
-export interface AuthorNameProps {
-    name: BibliographicName;
-    email?: string;
+export interface Actions {
+    label: string;
+    action: () => void;
+    icon: string;
 }
-export declare const AuthorName: React.FC<AuthorNameProps>;
+export interface ContextMenuProps {
+    actions: Actions[];
+}
+export declare const ContextMenu: React.FC<ContextMenuProps>;

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

@@ -60,7 +60,7 @@ export declare const EditorHeader: React.FC<{
     disabelProceedNote?: boolean;
 }>;
 export declare const PrimaryButtonSmall: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    type: "button" | "reset" | "submit";
+    type: "button" | "submit" | "reset";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;

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

@@ -15,7 +15,7 @@
  */
 import React, { CSSProperties } from 'react';
 export declare const ExpanderButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    type: "button" | "reset" | "submit";
+    type: "button" | "submit" | "reset";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;

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

@@ -21,4 +21,19 @@ interface MenusProps {
     handleClick: (position: number[]) => void;
 }
 export declare const Menus: React.FC<MenusProps>;
+export declare const orderedListContextMenu: {
+    items: string[];
+    type: string;
+}[];
+export declare const bulletListContextMenu: {
+    items: string[];
+    type: string;
+}[];
+export declare const ListContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyleBlock: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const BlockItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Block: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Label: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    hide?: boolean | undefined;
+}, never>;
 export {};

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

@@ -36,7 +36,7 @@ interface DropdownProps {
 export declare const NavDropdownToggle: import("styled-components").StyledComponent<React.SFC<React.SVGAttributes<SVGElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const NotificationsBadge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DropdownProps, never>;
 export declare const NavDropdownButtonContainer: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    type: "button" | "reset" | "submit";
+    type: "button" | "submit" | "reset";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;

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

@@ -22,7 +22,7 @@ interface Props {
 export declare const ModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CloseButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    type: "button" | "reset" | "submit";
+    type: "button" | "submit" | "reset";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;

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

@@ -45,3 +45,4 @@ export { default as LeftArrow } from './left-arrow';
 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';

package/dist/types/hooks/use-dropdown.d.ts

@@ -16,6 +16,6 @@
 /// <reference types="react" />
 export declare const useDropdown: () => {
     isOpen: boolean;
-    toggleOpen: (e: any) => void;
+    toggleOpen: () => void;
     wrapperRef: import("react").RefObject<HTMLDivElement>;
 };

package/dist/types/index.d.ts

@@ -14,12 +14,9 @@
  * limitations under the License.
  */
 export { Theme } from './theme';
-export * from './components/AffiliationsEditor';
-export * from './components/AuthorForm';
-export * from './components/AuthorName';
-export * from './components/AuthorsDND';
 export * from './components/AlertMessage';
 export * from './components/Button';
+export * from './components/ContextMenu';
 export * from './components/RadioButton';
 export * from './components/AutoSaveInput';
 export * from './components/Avatar';
@@ -32,6 +29,8 @@ export * from './components/Resizer';
 export * from './components/SaveStatus';
 export * from './components/StyledModal';
 export * from './components/TableFootnotesSelector';
+export * from './components/Sidebar';
+export * from './components/DragLayer';
 export * from './components/TextField';
 export * from './components/TextFieldContainer';
 export * from './components/TextFieldError';
@@ -56,10 +55,8 @@ export * from './hooks/use-dropdown';
 export * from './hooks/use-files';
 export * from './hooks/use-menus';
 export { useDeepCompareMemo, useDeepCompareCallback, } from './hooks/use-deep-compare';
-export * from './lib/authors';
 export * from './lib/capabilities';
 export * from './lib/files';
 export * from './lib/comments';
 export * from './lib/menus';
 export { default as errorsDecoder } from './lib/errors-decoder';
-export * from './types';

package/dist/types/lib/capabilities.d.ts

@@ -30,7 +30,7 @@ export type Capabilities = {
     putOnHoldTask: boolean;
     changeDueDate: boolean;
     previewAccess: boolean;
-    editNotTracked: boolean;
+    editWithoutTracking: boolean;
     accessEditor: boolean;
     formatArticle: boolean;
     editArticle: boolean;

package/dist/types/lib/menus.d.ts

@@ -13,6 +13,8 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import { ManuscriptTransaction } from '@manuscripts/transform';
+export type Dispatch = (tr: ManuscriptTransaction) => void;
 export interface MenuShortcut {
     mac: string;
     pc: string;
@@ -26,6 +28,9 @@ export interface MenuSpec {
     isEnabled: boolean;
     run?: () => void;
     submenu?: (MenuSpec | MenuSeparator)[];
+    options?: {
+        [key: string]: () => void;
+    };
 }
 export interface Menu extends MenuSpec {
     isOpen: boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.7.11",
+  "version": "1.8.0-LEAN-3423-5",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "@manuscripts/assets": "^0.6.4",
-    "@manuscripts/json-schema": "^2.2.6",
-    "@manuscripts/transform": "^2.1.6",
+    "@manuscripts/json-schema": "2.2.6-LEAN-3423-0",
+    "@manuscripts/transform": "2.1.8-LEAN-3423-2",
     "@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/AffiliationsEditor/AffiliationsEditor.js

@@ -1,62 +0,0 @@
-"use strict";
-/*!
- * © 2019 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 });
-const react_1 = __importStar(require("react"));
-const authors_1 = require("../../lib/authors");
-const AffiliationsEditorView_1 = __importDefault(require("./AffiliationsEditorView"));
-const AffiliationsEditor = ({ affiliations, authorAffiliations, addAuthorAffiliation, updateAffiliation, removeAuthorAffiliation, components, styleOverrides, }) => {
-    const [searchText, setSearchText] = (0, react_1.useState)('');
-    const handleChoose = (0, react_1.useCallback)((value) => {
-        if (value) {
-            const selectedAffiliation = value;
-            addAuthorAffiliation(selectedAffiliation.value);
-        }
-        setSearchText('');
-    }, [addAuthorAffiliation]);
-    const options = (0, authors_1.affiliationsOptions)(affiliations, authorAffiliations);
-    const active = authorAffiliations
-        ? authorAffiliations.map((item) => item.data)
-        : [];
-    return (react_1.default.createElement(AffiliationsEditorView_1.default, { options: options, selected: active, updateAffiliation: updateAffiliation, removeAuthorAffiliation: removeAuthorAffiliation, components: components, styleOverrides: styleOverrides, handleChoose: handleChoose, handleInputChange: setSearchText, inputValue: searchText }));
-};
-exports.default = AffiliationsEditor;