@manuscripts/style-guide 0.31.22 → 0.31.24

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

@@ -0,0 +1,16 @@
+/*!
+ * © 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.
+ */
+export declare const Badge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -1,6 +1,6 @@
 export declare const DropdownList: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     direction?: "left" | "right" | undefined;
-    width: number;
+    width?: number | undefined;
     height?: number | undefined;
     top?: number | undefined;
 }, never>;

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

@@ -0,0 +1,56 @@
+import { ApolloError } from '@apollo/client';
+import React from 'react';
+export declare type PartialSubmission = {
+    id: string;
+    currentStep: SubmissionStep;
+    nextStep?: SubmissionStep | null | undefined;
+};
+export declare type SubmissionStep = {
+    type: SubmissionStepType;
+};
+export declare type SubmissionStepTransition = {
+    status: {
+        id: string;
+        label: string;
+    };
+    type: SubmissionStepType;
+};
+export declare type SubmissionStepType = {
+    id: string;
+    label: string;
+    description: string;
+    transitions: Array<SubmissionStepTransition>;
+    duration: number;
+    role: {
+        label: string;
+    };
+};
+export declare const EditorHeader: React.FC<{
+    handleSnapshot?: () => Promise<void>;
+    submission: PartialSubmission;
+    hasPendingSuggestions?: boolean;
+    canCompleteTask: boolean;
+    exceptionDialog: React.FC<{
+        errorCode: string;
+    }>;
+    userRole: string;
+    submitProceed: {
+        complete: boolean;
+        error: string;
+        mutationError: ApolloError | undefined;
+        submit: (statusId: string, noteValue: string) => Promise<unknown>;
+    };
+    goBack?: () => void;
+    status?: 'saved' | 'saving' | 'offline' | 'failed';
+    isAnnotator: boolean;
+    message: React.FC;
+    disabelProceedNote?: boolean;
+}>;
+export declare const PrimaryButtonSmall: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button" | "reset" | "submit";
+} & {
+    danger?: boolean | undefined;
+    disabled?: boolean | undefined;
+    mini?: boolean | undefined;
+}, "type">;
+export declare const MediumTextArea: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, import("../Form").ErrorProps, never>;

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

@@ -0,0 +1,22 @@
+import React from 'react';
+import { SubmissionStepTransition, SubmissionStepType } from './EditorHeader';
+export declare const ProceedView: React.FC<{
+    isAnnotator: boolean;
+    disable: boolean;
+    onTransitionClick: (event: unknown) => void;
+    onNoteChange?: (event: unknown) => void;
+    hasPendingSuggestions: boolean;
+    loading: boolean;
+    showComplete: boolean;
+    noteValue: string;
+    currentStepTransition: SubmissionStepTransition[];
+    error: string | undefined;
+    nextStepType: SubmissionStepType;
+    currentStepType: SubmissionStepType;
+    confirmationDialog: boolean;
+    onCancelClick: () => void;
+    continueDialogAction: () => Promise<void>;
+    message: React.FC<{
+        isCentered: boolean;
+    }>;
+}>;

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const LoadingOverlay: React.FC;

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

@@ -0,0 +1,58 @@
+/*!
+ * © 2020 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 { Title } from '@manuscripts/title-editor';
+import React from 'react';
+import { NavLink } from 'react-router-dom';
+export declare const NavDropdownContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const NavDropdown: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    direction?: "left" | "right" | undefined;
+    minWidth?: number | undefined;
+    top?: number | undefined;
+}, never>;
+export declare const PlaceholderTitle: import("styled-components").StyledComponent<typeof Title, import("styled-components").DefaultTheme, {}, never>;
+export declare const InvitedBy: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const NavDropdownLink: import("styled-components").StyledComponent<typeof NavLink, import("styled-components").DefaultTheme, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const NavDropdownElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    disabled?: boolean | undefined;
+}, never>;
+export declare const NavDropdownSeparator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const NavDropdownButtonText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+interface DropdownProps {
+    isOpen: boolean;
+}
+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";
+} & {
+    danger?: boolean | undefined;
+    disabled?: boolean | undefined;
+    mini?: boolean | undefined;
+} & {
+    selected: boolean;
+} & DropdownProps, "type" | "selected">;
+interface DropdownButtonProps {
+    as?: React.FunctionComponent<any>;
+    disabled?: boolean;
+    isOpen: boolean;
+    notificationsCount?: number;
+    onClick?: React.MouseEventHandler;
+    removeChevron?: boolean;
+}
+export declare const NavDropdownButton: React.FunctionComponent<DropdownButtonProps>;
+export {};

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

@@ -15,7 +15,7 @@
  */
 import React from 'react';
 interface Props {
-    status: 'saving' | 'saved' | 'offline';
+    status: 'saving' | 'saved' | 'offline' | 'failed';
 }
 export declare const SaveStatus: React.FC<Props>;
 export {};

package/dist/types/components/icons/annotator-icon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const AnnotatorIcon: React.FC<React.SVGAttributes<SVGElement>>;
+export default AnnotatorIcon;

package/dist/types/components/icons/edit-icon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const EditIcon: React.FC<React.SVGAttributes<SVGElement>>;
+export default EditIcon;

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

@@ -37,3 +37,7 @@ export { default as AttachIcon } from './attach';
 export { default as UploadIcon } from './upload';
 export { default as MissingImage } from './missing-image';
 export { default as UnsupportedFormatFileIcon } from './unsupported-format-file-icon';
+export { default as EditIcon } from './edit-icon';
+export { default as ReadingIcon } from './reading-icon';
+export { default as AnnotatorIcon } from './annotator-icon';
+export { default as LeftArrow } from './left-arrow';

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

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const LeftArrow: React.FC;
+export default LeftArrow;

package/dist/types/components/icons/reading-icon.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const ReadingIcon: React.FC<React.SVGAttributes<SVGElement>>;
+export default ReadingIcon;

package/dist/types/index.d.ts

@@ -45,6 +45,8 @@ export * from './components/Tip';
 export * from './components/icons';
 export * from './components/Inspector';
 export * from './components/InspectorSection';
+export * from './components/Badge';
+export * from './components/NavDropdown';
 export { default as PdfPreview } from './components/PdfPreview';
 export * from './components/SubmissionInspector';
 export * from './components/Dropdown';
@@ -56,3 +58,5 @@ export * from './lib/capabilities';
 export { default as errorsDecoder } from './lib/lw-errors-decoder';
 export * from './types';
 export { SelectDialogDesignation } from './components/FileManager/SelectDialogDesignation';
+export * from './components/LoadingOverlay';
+export * from './components/EditorHeader/EditorHeader';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "0.31.22",
+  "version": "0.31.24",
   "repository": "gitlab:atypon-opensource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -31,10 +31,12 @@
     "version": "yarn build"
   },
   "dependencies": {
+    "@apollo/client": "^3.6.9",
     "@formatjs/intl-relativetimeformat": "^4.5.9",
     "@formatjs/intl-utils": "^2.2.0",
     "@manuscripts/assets": "^0.6.1",
     "@manuscripts/eslint-config": "^0.4.2",
+    "@manuscripts/title-editor": "^0.5.2",
     "@reach/tabs": "^0.11.2",
     "@types/prosemirror-model": "~1.13.0",
     "@types/react-color": "^3.0.4",