@manuscripts/style-guide 0.30.17 → 0.30.21

package/dist/types/components/AffiliationsEditor/AffiliationsEditorView.d.ts

@@ -14,8 +14,7 @@
  * limitations under the License.
  */
 import React from 'react';
-import { ValueType } from 'react-select';
-import { DefaultTheme, ThemeProps } from 'styled-components';
+import { OnChangeValue } from 'react-select';
 import { AffiliationGeneric, AffiliationOption } from '../../types';
 import { AuthorFormComponentOverrides } from '../AuthorForm/AuthorFormComponents';
 interface Props {
@@ -23,7 +22,7 @@ interface Props {
     selected: AffiliationGeneric[];
     inputValue: string;
     handleInputChange: (text: string) => void;
-    handleChoose: (value: ValueType<AffiliationOption>) => void;
+    handleChoose: (value: OnChangeValue<AffiliationOption, false>) => void;
     updateAffiliation: (affiliation: AffiliationGeneric) => void;
     removeAuthorAffiliation: (affiliation: AffiliationGeneric) => void;
     components?: AuthorFormComponentOverrides;
@@ -31,7 +30,5 @@ interface Props {
         menuZIndex?: number;
     };
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<Props & ThemeProps<DefaultTheme>>, "children" | "selected" | "updateAffiliation" | "removeAuthorAffiliation" | "options" | "handleChoose" | "handleInputChange" | "inputValue" | "components" | "styleOverrides"> & {
-    theme?: DefaultTheme | undefined;
-}>;
-export default _default;
+declare const AffiliationsEditorView: React.FC<Props>;
+export default AffiliationsEditorView;

package/dist/types/components/AffiliationsEditor/styles.d.ts

@@ -14,10 +14,10 @@
  * limitations under the License.
  */
 import React from 'react';
-import { IndicatorContainerProps } from 'react-select';
+import { IndicatorsContainerProps } from 'react-select';
 import { AffiliationOption } from '../../types';
 export declare const Container: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const Field: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const List: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const AddAffiliationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const AddAffiliationIndicator: React.FC<IndicatorContainerProps<AffiliationOption>>;
+export declare const AddAffiliationIndicator: React.FC<IndicatorsContainerProps<AffiliationOption, false>>;

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" | "submit" | "reset";
+    type: "button" | "reset" | "submit";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;

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

@@ -14,4 +14,3 @@
  * limitations under the License.
  */
 export * from './AuthorForm';
-export * from './AffiliationsSelect';

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

@@ -24,5 +24,5 @@ interface Props {
     getSidebarItemDecorator?: (authorID: string) => JSX.Element | null;
     components?: AuthorItemComponentOverrides;
 }
-export declare const AuthorsDND: React.FunctionComponent<Props>;
-export {};
+declare const AuthorsDND: React.FunctionComponent<Props>;
+export default AuthorsDND;

package/dist/types/components/AuthorsDND/DraggableAuthorItem.d.ts

@@ -16,8 +16,9 @@
 import { Contributor } from '@manuscripts/manuscripts-json-schema';
 import React from 'react';
 import { DefaultTheme } from 'styled-components';
-import { AuthorItem, ConnectedDragSourceProps, ConnectedDropTargetProps } from '../../types';
+import { AuthorItem, ConnectedDragSourceProps, ConnectedDropTargetProps, DropSide } from '../../types';
 import { AuthorItemComponentOverrides } from './AuthorItemComponents';
+declare type ConnectedProps = ConnectedDragSourceProps & ConnectedDropTargetProps;
 interface Props {
     authorItem: AuthorItem;
     onDrop: (oldIndex: number, newIndex: number) => void;
@@ -30,11 +31,20 @@ interface Props {
     theme: DefaultTheme;
     components?: AuthorItemComponentOverrides;
 }
+interface State {
+    dragPosition: DropSide;
+}
 interface UserProfileWithAvatar {
     _id: string;
     avatar: string;
 }
-declare const _default: React.ForwardRefExoticComponent<Pick<Pick<Pick<Props & ConnectedDragSourceProps & ConnectedDropTargetProps, "author" | "theme" | "onDrop" | "components" | "selectAuthor" | "authors" | "authorItem" | "user" | "selectedAuthor" | "sidebarItemDecorator" | "connectDragSource" | "isDragging" | "item">, "author" | "theme" | "onDrop" | "components" | "selectAuthor" | "authors" | "authorItem" | "user" | "selectedAuthor" | "sidebarItemDecorator"> & React.RefAttributes<React.Component<Pick<Pick<Props & ConnectedDragSourceProps & ConnectedDropTargetProps, "author" | "theme" | "onDrop" | "components" | "selectAuthor" | "authors" | "authorItem" | "user" | "selectedAuthor" | "sidebarItemDecorator" | "connectDragSource" | "isDragging" | "item">, "author" | "theme" | "onDrop" | "components" | "selectAuthor" | "authors" | "authorItem" | "user" | "selectedAuthor" | "sidebarItemDecorator">, any, any>>, "author" | "ref" | "key" | "onDrop" | "components" | "selectAuthor" | "authors" | "authorItem" | "user" | "selectedAuthor" | "sidebarItemDecorator"> & {
-    theme?: DefaultTheme | undefined;
-}>;
-export default _default;
+declare class AuthorComponent extends React.Component<Props & ConnectedProps, State> {
+    state: State;
+    render(): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+    private mightDrop;
+    private selectedAuthorClass;
+    private topPreviewStyles;
+    private bottomPreviewStyles;
+}
+declare const DraggableAuthorItem: import("react-dnd").DndComponentClass<import("react-dnd").DndComponentClass<typeof AuthorComponent, import("react-dnd").Omit<Props & ConnectedDragSourceProps & ConnectedDropTargetProps, "connectDropTarget" | "isOver" | "isOverCurrent" | "canDrop">>, import("react-dnd").Omit<import("react-dnd").Omit<Props & ConnectedDragSourceProps & ConnectedDropTargetProps, "connectDropTarget" | "isOver" | "isOverCurrent" | "canDrop">, "connectDragSource" | "isDragging" | "item">>;
+export default DraggableAuthorItem;

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

@@ -13,4 +13,4 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export * from './AuthorsDND';
+export { default as AuthorsDND } from './AuthorsDND';

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" | "submit" | "reset";
+    type: "button" | "reset" | "submit";
 } & {
     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" | "submit" | "reset";
+    type: "button" | "reset" | "submit";
 } & {
     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" | "submit" | "reset";
+    type: "button" | "reset" | "submit";
 } & {
     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" | "submit" | "reset";
+    type: "button" | "reset" | "submit";
 } & {
     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" | "submit" | "reset";
+    type: "button" | "reset" | "submit";
 } & {
     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" | "submit" | "reset";
+    type: "button" | "reset" | "submit";
 } & {
     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" | "submit" | "reset";
+    type: "button" | "reset" | "submit";
 } & {
     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" | "submit" | "reset";
+    type: "button" | "reset" | "submit";
 } & {
     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" | "submit" | "reset";
+    type: "button" | "reset" | "submit";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;

package/dist/types/components/FileManager/util.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ExternalFile } from '@manuscripts/manuscripts-json-schema';
 import { Capabilities } from '../../lib/capabilities';
 export declare enum FileSectionType {

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

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 /// <reference types="react" />
-export declare const CenteredForm: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "title" | "name" | "slot" | "style" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoComplete" | "method" | "target" | "acceptCharset" | "action" | "encType" | "noValidate"> & import("react").RefAttributes<HTMLFormElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const CenteredForm: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Pick<import("react").DetailedHTMLProps<import("react").FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "title" | "role" | "name" | "placeholder" | "slot" | "style" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoComplete" | "method" | "target" | "acceptCharset" | "action" | "encType" | "noValidate"> & import("react").RefAttributes<HTMLFormElement>>, import("styled-components").DefaultTheme, {}, never>;
 export declare const FormHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FormActions: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const FormError: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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" | "submit" | "reset";
+    type: "button" | "reset" | "submit";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;

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

@@ -1,4 +1,4 @@
-import 'pdfjs-dist/es5/web/pdf_viewer.css';
+import 'pdfjs-dist/web/pdf_viewer.css';
 import React from 'react';
 declare const PdfPreview: React.FC<{
     scale?: number;

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

@@ -17,7 +17,7 @@ import React from 'react';
 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" | "submit" | "reset";
+    type: "button" | "reset" | "submit";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;

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

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 export declare const ZoomButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    type: "button" | "submit" | "reset";
+    type: "button" | "reset" | "submit";
 } & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;

package/dist/types/components/icons/add-author.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const AddAuthor: (props: IconProps) => JSX.Element;
 export default AddAuthor;

package/dist/types/components/icons/add-icon-active.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const AddIconActive: (props: IconProps) => JSX.Element;
 export default AddIconActive;

package/dist/types/components/icons/add-icon-inverted.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const AddIconInverted: (props: IconProps) => JSX.Element;
 export default AddIconInverted;

package/dist/types/components/icons/back-arrow.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 export declare const BackArrow: (props: IconProps) => JSX.Element;
 export default BackArrow;

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

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const Bookmark: (props: IconProps) => JSX.Element;
 export default Bookmark;

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

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const Google: (props: IconProps) => JSX.Element;
 export default Google;

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

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const Orcid: (props: IconProps) => JSX.Element;
 export default Orcid;

package/dist/types/components/icons/project-notification.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const ProjectNotification: (props: IconProps) => JSX.Element;
 export default ProjectNotification;

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

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const ProjectIcon: (props: IconProps) => JSX.Element;
 export default ProjectIcon;

package/dist/types/components/icons/projects-list.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const ProjectsList: (props: IconProps) => JSX.Element;
 export default ProjectsList;

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

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const SearchIcon: (props: IconProps) => JSX.Element;
 export default SearchIcon;

package/dist/types/components/icons/tick-mark.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const TickMark: (props: IconProps) => JSX.Element;
 export default TickMark;

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

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
 import { IconProps } from './types';
 declare const User: (props: IconProps) => JSX.Element;
 export default User;

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

@@ -13,7 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import { Build } from '@manuscripts/manuscript-transform';
+import { Build, ManuscriptNode } from '@manuscripts/manuscript-transform';
 import { BibliographicName, CommentAnnotation, Contribution, ManuscriptNote } from '@manuscripts/manuscripts-json-schema';
 export declare type CommentType = ManuscriptNote | CommentAnnotation;
 export interface UnsavedComment extends Build<CommentAnnotation> {
@@ -25,6 +25,6 @@ export interface CommentData<T = CommentType> {
 }
 export declare const isSavedComment: (comment: CommentType | UnsavedComment) => comment is CommentType;
 export declare type CommentsTreeMap<T = CommentType> = Map<string, CommentData<T>[]>;
-export declare const buildCommentTree: (doc: any, comments: CommentType[], newComment?: CommentAnnotation | ManuscriptNote | undefined) => CommentsTreeMap<CommentType>;
+export declare const buildCommentTree: (doc: ManuscriptNode, comments: CommentType[], newComment?: CommentType | undefined) => CommentsTreeMap<CommentType>;
 export declare const buildNoteTree: (comments: CommentType[]) => CommentsTreeMap<CommentType>;
 export declare const buildName: (name: Pick<BibliographicName, 'given' | 'family'>) => string;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "0.30.17",
+  "version": "0.30.21",
   "repository": "gitlab:mpapp-public/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -36,6 +36,7 @@
     "@manuscripts/assets": "^0.6.1",
     "@manuscripts/eslint-config": "^0.4.2",
     "@reach/tabs": "^0.11.2",
+    "@types/prosemirror-model": "~1.13.0",
     "@types/react-color": "^3.0.4",
     "@types/react-router-dom": "^5.1.6",
     "date-fns": "^2.16.1",
@@ -47,7 +48,7 @@
     "react-modal": "^3.11.2",
     "react-modern-calendar-datepicker": "^3.1.3",
     "react-router-dom": "^5.2.0",
-    "react-select": "^3.0.8",
+    "react-select": "^5.0.1",
     "react-sizeme": "^2.6.12",
     "react-tooltip": "^4.2.11",
     "tooltip.js": "^1.3.3",
@@ -75,7 +76,6 @@
     "@types/react": "^16.9.52",
     "@types/react-dom": "^16.9.8",
     "@types/react-modal": "^3.10.6",
-    "@types/react-select": "^3.0.22",
     "@types/storybook__addon-actions": "^3.4.1",
     "@types/storybook__react": "^4.0.2",
     "@types/styled-components": "^5.1.4",
@@ -85,7 +85,7 @@
     "babel-jest": "^26.5.2",
     "babel-loader": "^8.0.6",
     "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
-    "chokidar": "^3.4.2",
+    "chokidar": "^3.3.1",
     "eslint": "^7.11.0",
     "eslint-config-prettier": "^6.12.0",
     "eslint-plugin-header": "^3.1.0",
@@ -111,7 +111,7 @@
     "react-is": "^16.11.0",
     "rimraf": "^3.0.0",
     "styled-components": "^5.2.0",
-    "typescript": "^4.0.3"
+    "typescript": "~4.4.4"
   },
   "peerDependencies": {
     "@manuscripts/comment-editor": "^0.2.3",

package/dist/cjs/components/AuthorForm/AffiliationsSelect.js

@@ -1,55 +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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AffiliationsSelect = void 0;
-const react_1 = __importDefault(require("react"));
-const creatable_1 = __importDefault(require("react-select/creatable"));
-const styled_components_1 = require("styled-components");
-exports.AffiliationsSelect = ({ affiliations, createAffiliation, form, field, theme }) => {
-    return (react_1.default.createElement(creatable_1.default, { isMulti: true, noOptionsMessage: () => 'Type institution name to search for it.', onChange: (value, actionMeta) => __awaiter(void 0, void 0, void 0, function* () {
-            form.setFieldValue(field.name, yield Promise.all(value.map((option) => __awaiter(void 0, void 0, void 0, function* () {
-                if (actionMeta.action === 'create-option' && option.__isNew__) {
-                    return createAffiliation(option.label);
-                }
-                return affiliations.get(option.value);
-            }))));
-            yield form.submitForm();
-        }), options: Array.from(affiliations.values()).map((affiliation) => ({
-            value: affiliation._id,
-            label: affiliation.institution || '',
-        })), value: (field.value || []).map((item) => ({
-            value: item._id,
-            label: item.institution,
-        })), styles: {
-            control: (provided, state) => (Object.assign(Object.assign({}, provided), { backgroundColor: theme.colors.background.primary, borderColor: state.isFocused
-                    ? theme.colors.border.field.active
-                    : theme.colors.border.field.default, borderRadius: theme.grid.radius.default, boxShadow: 'none', fontFamily: theme.font.family.sans })),
-        } }));
-};
-exports.default = styled_components_1.withTheme(exports.AffiliationsSelect);

package/dist/es/components/AuthorForm/AffiliationsSelect.js

@@ -1,49 +0,0 @@
-/*!
- * © 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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-import React from 'react';
-import CreatableSelect from 'react-select/creatable';
-import { withTheme } from 'styled-components';
-export const AffiliationsSelect = ({ affiliations, createAffiliation, form, field, theme }) => {
-    return (React.createElement(CreatableSelect, { isMulti: true, noOptionsMessage: () => 'Type institution name to search for it.', onChange: (value, actionMeta) => __awaiter(void 0, void 0, void 0, function* () {
-            form.setFieldValue(field.name, yield Promise.all(value.map((option) => __awaiter(void 0, void 0, void 0, function* () {
-                if (actionMeta.action === 'create-option' && option.__isNew__) {
-                    return createAffiliation(option.label);
-                }
-                return affiliations.get(option.value);
-            }))));
-            yield form.submitForm();
-        }), options: Array.from(affiliations.values()).map((affiliation) => ({
-            value: affiliation._id,
-            label: affiliation.institution || '',
-        })), value: (field.value || []).map((item) => ({
-            value: item._id,
-            label: item.institution,
-        })), styles: {
-            control: (provided, state) => (Object.assign(Object.assign({}, provided), { backgroundColor: theme.colors.background.primary, borderColor: state.isFocused
-                    ? theme.colors.border.field.active
-                    : theme.colors.border.field.default, borderRadius: theme.grid.radius.default, boxShadow: 'none', fontFamily: theme.font.family.sans })),
-        } }));
-};
-export default withTheme(AffiliationsSelect);

package/dist/types/components/AuthorForm/AffiliationsSelect.d.ts

@@ -1,29 +0,0 @@
-/*!
- * © 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.
- */
-import { Affiliation, UserProfileAffiliation } from '@manuscripts/manuscripts-json-schema';
-import { FieldProps } from 'formik';
-import React from 'react';
-import { DefaultTheme, ThemeProps } from 'styled-components';
-declare type AffiliationType = UserProfileAffiliation | Affiliation;
-interface Props {
-    affiliations: Map<string, AffiliationType>;
-    createAffiliation: (institution: string) => Promise<AffiliationType>;
-}
-export declare const AffiliationsSelect: React.FunctionComponent<Props & FieldProps & ThemeProps<DefaultTheme>>;
-declare const _default: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<Props & FieldProps<any, any> & ThemeProps<DefaultTheme>>, "form" | "meta" | "children" | "field" | "affiliations" | "createAffiliation"> & {
-    theme?: DefaultTheme | undefined;
-}>;
-export default _default;