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

package/dist/cjs/components/{FileManager/DragLayer.js → DragLayer.js}

@@ -1,40 +1,32 @@
 "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.DragLayer = void 0;
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const react_dnd_1 = require("react-dnd");
 const styled_components_1 = __importDefault(require("styled-components"));
-const FileContainer_1 = require("./FileContainer");
-const FileCreatedDate_1 = require("./FileCreatedDate");
-const FileName_1 = require("./FileName");
-function getItemStyles(initialOffset, currentOffset) {
-    if (!initialOffset || !currentOffset) {
+const FileContainer_1 = require("./FileManager/FileContainer");
+const FileCreatedDate_1 = require("./FileManager/FileCreatedDate");
+const FileName_1 = require("./FileManager/FileName");
+const Container = styled_components_1.default.div `
+  position: fixed;
+  pointer-events: none;
+  z-index: 999;
+  left: 0;
+  top: 0;
+  max-width: 400px;
+`;
+const DraggableFileContainer = (0, styled_components_1.default)(FileContainer_1.FileContainer) `
+  padding: 16px 32px;
+  background: #f2fbfc;
+  border: 1px solid #bce7f6;
+  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+`;
+const getItemStyles = (currentOffset) => {
+    if (!currentOffset) {
         return {
             display: 'none',
         };
@@ -45,16 +37,15 @@ function getItemStyles(initialOffset, currentOffset) {
         transform,
         WebkitTransform: transform,
     };
-}
+};
 const DragLayer = () => {
-    const { itemType, isDragging, item, initialOffset, currentOffset } = (0, react_dnd_1.useDragLayer)((monitor) => ({
+    const { itemType, isDragging, item, currentOffset } = (0, react_dnd_1.useDragLayer)((monitor) => ({
         item: monitor.getItem(),
         itemType: monitor.getItemType(),
-        initialOffset: monitor.getInitialSourceClientOffset(),
         currentOffset: monitor.getSourceClientOffset(),
         isDragging: monitor.isDragging(),
     }));
-    const renderItem = (0, react_1.useCallback)(() => {
+    const renderItem = () => {
         switch (itemType) {
             case 'file':
                 return (react_1.default.createElement(DraggableFileContainer, null,
@@ -63,25 +54,10 @@ const DragLayer = () => {
             default:
                 return null;
         }
-    }, [itemType, item]);
+    };
     if (!isDragging) {
         return null;
     }
-    return (react_1.default.createElement(Container, { style: getItemStyles(initialOffset, currentOffset) }, renderItem()));
+    return (react_1.default.createElement(Container, { style: getItemStyles(currentOffset) }, renderItem()));
 };
 exports.DragLayer = DragLayer;
-const Container = styled_components_1.default.div `
-  position: fixed;
-  pointer-events: none;
-  z-index: 999;
-  left: 0;
-  top: 0;
-  max-width: 400px;
-`;
-const DraggableFileContainer = (0, styled_components_1.default)(FileContainer_1.FileContainer) `
-  padding: 16px 32px;
-  background: #f2fbfc;
-  border: 1px solid #bce7f6;
-  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.3);
-  border-radius: 6px;
-`;

package/dist/cjs/components/FileManager/FileManager.js

@@ -26,10 +26,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileManager = exports.PermissionsContext = void 0;
 const react_1 = __importStar(require("react"));
 const index_1 = require("../../index");
+const DragLayer_1 = require("../DragLayer");
 const Inspector_1 = require("../Inspector");
 const InspectorSection_1 = require("../InspectorSection");
 const Tooltip_1 = require("../Tooltip");
-const DragLayer_1 = require("./DragLayer");
 const FileManagerProvider_1 = require("./FileManagerProvider");
 const InlineFilesSection_1 = require("./InlineFilesSection");
 const OtherFilesSection_1 = require("./OtherFilesSection");

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.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.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");
@@ -83,3 +83,5 @@ var pull_quote_icon_1 = require("./pull-quote-icon");
 Object.defineProperty(exports, "PullQuoteIcon", { enumerable: true, get: function () { return __importDefault(pull_quote_icon_1).default; } });
 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; } });

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

@@ -19,8 +19,7 @@ exports.useDropdown = void 0;
 const react_1 = require("react");
 const useDropdown = () => {
     const [isOpen, setOpen] = (0, react_1.useState)(false);
-    const toggleOpen = (0, react_1.useCallback)((e) => {
-        e === null || e === void 0 ? void 0 : e.stopPropagation();
+    const toggleOpen = (0, react_1.useCallback)(() => {
         setOpen((open) => !open);
     }, []);
     const wrapperRef = (0, react_1.useRef)(null);

package/dist/cjs/index.js

@@ -33,10 +33,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.errorsDecoder = exports.useDeepCompareCallback = exports.useDeepCompareMemo = void 0;
-__exportStar(require("./components/AffiliationsEditor"), exports);
-__exportStar(require("./components/AuthorForm"), exports);
-__exportStar(require("./components/AuthorName"), exports);
-__exportStar(require("./components/AuthorsDND"), exports);
 __exportStar(require("./components/AlertMessage"), exports);
 __exportStar(require("./components/Button"), exports);
 __exportStar(require("./components/RadioButton"), exports);
@@ -51,6 +47,8 @@ __exportStar(require("./components/Resizer"), exports);
 __exportStar(require("./components/SaveStatus"), exports);
 __exportStar(require("./components/StyledModal"), exports);
 __exportStar(require("./components/TableFootnotesSelector"), exports);
+__exportStar(require("./components/Sidebar"), exports);
+__exportStar(require("./components/DragLayer"), exports);
 __exportStar(require("./components/TextField"), exports);
 __exportStar(require("./components/TextFieldContainer"), exports);
 __exportStar(require("./components/TextFieldError"), exports);
@@ -77,11 +75,9 @@ __exportStar(require("./hooks/use-menus"), 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; } });
-__exportStar(require("./lib/authors"), exports);
 __exportStar(require("./lib/capabilities"), exports);
 __exportStar(require("./lib/files"), exports);
 __exportStar(require("./lib/comments"), exports);
 __exportStar(require("./lib/menus"), exports);
 var errors_decoder_1 = require("./lib/errors-decoder");
 Object.defineProperty(exports, "errorsDecoder", { enumerable: true, get: function () { return __importDefault(errors_decoder_1).default; } });
-__exportStar(require("./types"), exports);

package/dist/cjs/lib/capabilities.js

@@ -23,6 +23,7 @@ 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,
@@ -52,7 +53,6 @@ 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/es/components/{FileManager/DragLayer.js → DragLayer.js}

@@ -1,11 +1,26 @@
-import React, { useCallback } from 'react';
+import React from 'react';
 import { useDragLayer } from 'react-dnd';
 import styled from 'styled-components';
-import { FileContainer } from './FileContainer';
-import { FileCreatedDate } from './FileCreatedDate';
-import { FileName } from './FileName';
-function getItemStyles(initialOffset, currentOffset) {
-    if (!initialOffset || !currentOffset) {
+import { FileContainer } from './FileManager/FileContainer';
+import { FileCreatedDate } from './FileManager/FileCreatedDate';
+import { FileName } from './FileManager/FileName';
+const Container = styled.div `
+  position: fixed;
+  pointer-events: none;
+  z-index: 999;
+  left: 0;
+  top: 0;
+  max-width: 400px;
+`;
+const DraggableFileContainer = styled(FileContainer) `
+  padding: 16px 32px;
+  background: #f2fbfc;
+  border: 1px solid #bce7f6;
+  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.3);
+  border-radius: 6px;
+`;
+const getItemStyles = (currentOffset) => {
+    if (!currentOffset) {
         return {
             display: 'none',
         };
@@ -16,16 +31,15 @@ function getItemStyles(initialOffset, currentOffset) {
         transform,
         WebkitTransform: transform,
     };
-}
+};
 export const DragLayer = () => {
-    const { itemType, isDragging, item, initialOffset, currentOffset } = useDragLayer((monitor) => ({
+    const { itemType, isDragging, item, currentOffset } = useDragLayer((monitor) => ({
         item: monitor.getItem(),
         itemType: monitor.getItemType(),
-        initialOffset: monitor.getInitialSourceClientOffset(),
         currentOffset: monitor.getSourceClientOffset(),
         isDragging: monitor.isDragging(),
     }));
-    const renderItem = useCallback(() => {
+    const renderItem = () => {
         switch (itemType) {
             case 'file':
                 return (React.createElement(DraggableFileContainer, null,
@@ -34,24 +48,9 @@ export const DragLayer = () => {
             default:
                 return null;
         }
-    }, [itemType, item]);
+    };
     if (!isDragging) {
         return null;
     }
-    return (React.createElement(Container, { style: getItemStyles(initialOffset, currentOffset) }, renderItem()));
+    return (React.createElement(Container, { style: getItemStyles(currentOffset) }, renderItem()));
 };
-const Container = styled.div `
-  position: fixed;
-  pointer-events: none;
-  z-index: 999;
-  left: 0;
-  top: 0;
-  max-width: 400px;
-`;
-const DraggableFileContainer = styled(FileContainer) `
-  padding: 16px 32px;
-  background: #f2fbfc;
-  border: 1px solid #bce7f6;
-  box-shadow: 0 4px 9px rgba(0, 0, 0, 0.3);
-  border-radius: 6px;
-`;

package/dist/es/components/FileManager/FileManager.js

@@ -1,9 +1,9 @@
 import React, { createContext } from 'react';
 import { useFiles } from '../../index';
+import { DragLayer } from '../DragLayer';
 import { InspectorTab, InspectorTabList, InspectorTabPanel, InspectorTabPanels, InspectorTabs, } from '../Inspector';
 import { InspectorSection } from '../InspectorSection';
 import { Tooltip } from '../Tooltip';
-import { DragLayer } from './DragLayer';
 import { FileManagerProvider } from './FileManagerProvider';
 import { InlineFilesSection } from './InlineFilesSection';
 import { OtherFilesSection } from './OtherFilesSection';

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

@@ -13,10 +13,6 @@
  * 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/RadioButton';
@@ -31,6 +27,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 +53,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;

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/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,10 +14,6 @@
  * 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/RadioButton';
@@ -32,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';
@@ -56,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/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/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-3",
   "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-0",
     "@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;