@manuscripts/style-guide 1.7.10-LEAN-3415 → 1.7.10-LEAN-3301

package/dist/cjs/components/Button.js

@@ -38,13 +38,13 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.IconButtonGroup = exports.ButtonGroup = exports.SecondaryIconButton = exports.RoundIconButton = exports.IconButton = exports.ToggleButtonAlt = exports.ToggleButton = exports.IconTextButton = exports.TertiaryButton = exports.PrimaryButton = exports.SecondaryButton = void 0;
+exports.ButtonGroup = exports.SecondaryIconButton = exports.RoundIconButton = exports.IconButton = exports.ToggleButtonAlt = exports.ToggleButton = exports.IconTextButton = exports.TertiaryButton = exports.PrimaryButton = exports.SecondaryButton = void 0;
 const styled_components_1 = __importStar(require("styled-components"));
 const dangerBtnStyles = (0, styled_components_1.css) `
   ${(props) => btnColors(props.theme.colors.button.error.color.default, props.theme.colors.button.error.background.default, props.theme.colors.button.error.border.default, true)}
 
   &:not([disabled]):hover, &:not([disabled]):focus {
-    ${(props) => btnColors('red', 'pink', props.theme.colors.button.error.border.hover, true)}
+    ${(props) => btnColors(props.theme.colors.button.error.color.hover, props.theme.colors.button.error.background.hover, props.theme.colors.button.error.border.hover, true)}
   }
 
   &:not([disabled]):active {
@@ -230,10 +230,10 @@ const IconButtonTemplate = (0, styled_components_1.default)(ButtonTemplate) `
   ${(props) => !props.defaultColor && svgColors}
 `;
 exports.IconButton = (0, styled_components_1.default)(IconButtonTemplate) `
-  ${(props) => btnColors('#6e6e6e', props.theme.colors.button.default.background.default, props.theme.colors.button.default.border.default, false)}
+  ${(props) => btnColors(props.theme.colors.text.primary, props.theme.colors.button.default.background.default, props.theme.colors.button.default.border.default, false)}
 
   &:not([disabled]):hover, &:not([disabled]):focus {
-    ${(props) => btnColors('#363636', '#f2f2f2', '#f2f2f2', false)}
+    ${(props) => btnColors(props.theme.colors.brand.medium, 'transparent', 'transparent', false)}
   }
 
   &:not([disabled]):active {
@@ -288,19 +288,3 @@ exports.ButtonGroup = styled_components_1.default.div `
     margin-left: ${(props) => props.theme.grid.unit}px;
   }
 `;
-exports.IconButtonGroup = styled_components_1.default.div `
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-
-  // button:hover {
-  //   color: inherit !important;
-  //   background-color: hotpink !important;
-  // }
-
-  button {
-    width: 28px;
-    height: 28px;
-  }
-`;

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/References/CitationEditor.js

@@ -34,6 +34,7 @@ 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");
@@ -135,7 +136,9 @@ const CitationEditor = ({ query, rids, items, citationCounts, sources, onCite, o
                     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.IconTextButton, { onClick: onComment },
+                react_1.default.createElement(icons_1.AddComment, null),
+                react_1.default.createElement(AddCommentButtonText, null, "Add Comment")),
             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")))));

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

@@ -105,7 +105,7 @@ const ReferenceSearch = ({ query: initialQuery, sources, items, onAdd, onCite, o
     const debouncedSetQuery = (0, lodash_1.debounce)((e) => {
         setQuery(e.target.value.trim());
     }, 800);
-    return (react_1.default.createElement(Container, { "data-marek": "MAREK" },
+    return (react_1.default.createElement(Container, null,
         react_1.default.createElement(SearchInput_1.SearchInput, { onChange: debouncedSetQuery, defaultValue: initialQuery }),
         react_1.default.createElement(ReferenceSearchSectionContainer, null,
             react_1.default.createElement(ReferenceSearchSection_1.ReferenceSearchSection, { key: document.id, query: query, source: document, isSelected: isSelected, onSelect: toggleSelection }),

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

@@ -33,13 +33,8 @@ 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/ContextMenu"), exports);
 __exportStar(require("./components/RadioButton"), exports);
 __exportStar(require("./components/AutoSaveInput"), exports);
 __exportStar(require("./components/Avatar"), exports);
@@ -52,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);
@@ -78,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/es/components/Button.js

@@ -18,7 +18,7 @@ const dangerBtnStyles = css `
   ${(props) => btnColors(props.theme.colors.button.error.color.default, props.theme.colors.button.error.background.default, props.theme.colors.button.error.border.default, true)}
 
   &:not([disabled]):hover, &:not([disabled]):focus {
-    ${(props) => btnColors('red', 'pink', props.theme.colors.button.error.border.hover, true)}
+    ${(props) => btnColors(props.theme.colors.button.error.color.hover, props.theme.colors.button.error.background.hover, props.theme.colors.button.error.border.hover, true)}
   }
 
   &:not([disabled]):active {
@@ -204,10 +204,10 @@ const IconButtonTemplate = styled(ButtonTemplate) `
   ${(props) => !props.defaultColor && svgColors}
 `;
 export const IconButton = styled(IconButtonTemplate) `
-  ${(props) => btnColors('#6e6e6e', props.theme.colors.button.default.background.default, props.theme.colors.button.default.border.default, false)}
+  ${(props) => btnColors(props.theme.colors.text.primary, props.theme.colors.button.default.background.default, props.theme.colors.button.default.border.default, false)}
 
   &:not([disabled]):hover, &:not([disabled]):focus {
-    ${(props) => btnColors('#363636', '#f2f2f2', '#f2f2f2', false)}
+    ${(props) => btnColors(props.theme.colors.brand.medium, 'transparent', 'transparent', false)}
   }
 
   &:not([disabled]):active {
@@ -262,19 +262,3 @@ export const ButtonGroup = styled.div `
     margin-left: ${(props) => props.theme.grid.unit}px;
   }
 `;
-export const IconButtonGroup = styled.div `
-  display: flex;
-  flex-direction: row;
-  justify-content: flex-start;
-  align-items: center;
-
-  // button:hover {
-  //   color: inherit !important;
-  //   background-color: hotpink !important;
-  // }
-
-  button {
-    width: 28px;
-    height: 28px;
-  }
-`;

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/References/CitationEditor.js

@@ -5,6 +5,7 @@ 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';
@@ -106,7 +107,9 @@ 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, null),
+            React.createElement(IconTextButton, { onClick: onComment },
+                React.createElement(AddComment, null),
+                React.createElement(AddCommentButtonText, null, "Add Comment")),
             React.createElement(ButtonGroup, null,
                 React.createElement(SecondaryButton, { onClick: onCancel }, "Done"),
                 React.createElement(PrimaryButton, { disabled: !canEdit, onClick: () => setSearching(true) }, "Add Citation")))));

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

@@ -76,7 +76,7 @@ export const ReferenceSearch = ({ query: initialQuery, sources, items, onAdd, on
     const debouncedSetQuery = debounce((e) => {
         setQuery(e.target.value.trim());
     }, 800);
-    return (React.createElement(Container, { "data-marek": "MAREK" },
+    return (React.createElement(Container, null,
         React.createElement(SearchInput, { onChange: debouncedSetQuery, defaultValue: initialQuery }),
         React.createElement(ReferenceSearchSectionContainer, null,
             React.createElement(ReferenceSearchSection, { key: document.id, query: query, source: document, isSelected: isSelected, onSelect: toggleSelection }),

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

@@ -13,13 +13,8 @@
  * 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';
@@ -32,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';
@@ -56,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/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,4 +95,3 @@ 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/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/index.d.ts

@@ -14,13 +14,8 @@
  * 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';
@@ -33,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';
@@ -57,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';