@manuscripts/style-guide 0.30.26 → 0.31.1

package/dist/es/lib/inlineFiles.js

@@ -4,33 +4,44 @@ import { FileType } from '../components/FileManager/util';
 const getCaptionText = (caption) => caption &&
     new DOMParser().parseFromString(caption, 'text/html').documentElement
         .innerText;
-const getFigureData = (element, modelMap) => {
-    const externalFileReferences = [];
+const getAttachment = (externalFileRef, attachmentsMap) => {
+    if (!(externalFileRef === null || externalFileRef === void 0 ? void 0 : externalFileRef.url.includes('https://'))) {
+        const attachmentId = externalFileRef === null || externalFileRef === void 0 ? void 0 : externalFileRef.url.replace('attachment:', '');
+        return attachmentId ? attachmentsMap.get(attachmentId) : undefined;
+    }
+    else {
+        return [...attachmentsMap.values()].find((attachment) => attachment.link === externalFileRef.url);
+    }
+};
+const getFigureData = (element, modelMap, attachmentsMap) => {
+    const attachments = [];
     element.containedObjectIDs.map((e) => {
         var _a;
         const object = modelMap.get(e);
         if (object && object.objectType === ObjectTypes.Figure) {
             const externalFileRef = (_a = object.externalFileReferences) === null || _a === void 0 ? void 0 : _a.find((figure) => figure.kind === 'imageRepresentation');
-            if (externalFileRef) {
-                externalFileReferences.push(externalFileRef);
+            const attachment = getAttachment(externalFileRef, attachmentsMap);
+            if (attachment) {
+                attachments.push(attachment);
             }
         }
     });
     return {
         id: element._id,
-        externalFileReferences,
+        attachments,
         caption: getCaptionText(element.caption),
     };
 };
-export default (modelMap) => {
+export default (modelMap, attachments) => {
     const files = [];
+    const attachmentsMap = new Map(attachments.map((attachment) => [attachment.id, attachment]));
     getModelsByType(modelMap, ObjectTypes.Section).map((section) => {
         var _a, _b;
         if (section.category === 'MPSectionCategory:abstract-graphical') {
             (_a = section.elementIDs) === null || _a === void 0 ? void 0 : _a.some((elementId) => {
                 const element = modelMap.get(elementId);
                 if (element && hasObjectType(ObjectTypes.FigureElement)(element)) {
-                    files.unshift(Object.assign(Object.assign({}, getFigureData(element, modelMap)), { label: `Graphical Abstract`, type: FileType.GraphicalAbstract }));
+                    files.unshift(Object.assign(Object.assign({}, getFigureData(element, modelMap, attachmentsMap)), { label: `Graphical Abstract`, type: FileType.GraphicalAbstract }));
                     return true;
                 }
             });
@@ -45,19 +56,20 @@ export default (modelMap) => {
                 switch (element.objectType) {
                     case ObjectTypes.FigureElement:
                     case ObjectTypes.MultiGraphicFigureElement: {
-                        files.push(Object.assign(Object.assign({}, getFigureData(element, modelMap)), { label: `Figure`, type: FileType.Figure }));
+                        files.push(Object.assign(Object.assign({}, getFigureData(element, modelMap, attachmentsMap)), { label: `Figure`, type: FileType.Figure }));
                         break;
                     }
                     case ObjectTypes.TableElement: {
                         const tableElement = element;
                         const table = modelMap.get(tableElement.containedObjectID);
-                        const externalFileReferences = (_a = table.externalFileReferences) === null || _a === void 0 ? void 0 : _a.filter((file) => file.kind === 'dataset' && file.ref);
-                        if (externalFileReferences && externalFileReferences.length > 0) {
+                        const externalFileReference = (_a = table.externalFileReferences) === null || _a === void 0 ? void 0 : _a.find((file) => file.kind === 'dataset' && file.ref);
+                        const attachment = getAttachment(externalFileReference, attachmentsMap);
+                        if (attachment) {
                             files.push({
                                 id: element._id,
                                 label: `Table`,
                                 type: FileType.SheetsWorkbooks,
-                                externalFileReferences: table.externalFileReferences,
+                                attachments: [attachment],
                                 caption: getCaptionText(tableElement.caption),
                             });
                         }

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

@@ -1,14 +1,21 @@
-import { ExternalFile, Model } from '@manuscripts/manuscripts-json-schema';
 import React, { Dispatch } from 'react';
+import { SubmissionAttachment } from './FileSectionItem/FileSectionItem';
 import { Action } from './FileSectionState';
+import { FileType } from './util';
 export interface ExternalFileRef {
     url: string;
     kind?: string;
-    ref?: ExternalFile;
+    ref?: SubmissionAttachment;
 }
 export declare const InlineFilesSection: React.FC<{
     submissionId: string;
-    modelMap: Map<string, Model>;
+    inlineFiles: {
+        id: string;
+        label: string;
+        type: FileType;
+        caption?: string;
+        attachments?: SubmissionAttachment[];
+    }[];
     handleReplace: (submissionId: string, attachmentId: string, name: string, file: File, typeId: string) => Promise<boolean>;
     handleDownload: (url: string) => void;
     isEditor: boolean;

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

@@ -0,0 +1,36 @@
+import React from 'react';
+import { ResizerButtonInnerProps } from './ResizerButtonInner';
+import { ResizerDirection, ResizerSide } from './types';
+interface Props {
+    collapsed: boolean;
+    direction: ResizerDirection;
+    onResize: (resizeDelta: number) => void;
+    onResizeButton: () => void;
+    onResizeEnd: (resizeDelta: number) => void;
+    side: ResizerSide;
+    buttonInner?: React.ComponentType<ResizerButtonInnerProps>;
+}
+interface State {
+    isHovering: boolean;
+    isResizing: boolean;
+    startPosition: number;
+}
+export declare class Resizer extends React.Component<Props, State> {
+    resizerRef: React.RefObject<HTMLDivElement>;
+    state: {
+        isHovering: boolean;
+        isResizing: boolean;
+        startPosition: number;
+    };
+    render(): JSX.Element;
+    private scheduleResize;
+    private mouseDownHandler;
+    private mouseUpHandler;
+    private mouseMoveHandler;
+    private mouseEnterHandler;
+    private mouseLeaveHandler;
+    private handleOutofBounds;
+    private getDelta;
+    private getPosition;
+}
+export {};

package/dist/types/components/Resizer/ResizerButton.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import { ResizerButtonInnerProps } from './ResizerButtonInner';
+import { ResizerDirection, ResizerSide } from './types';
+interface Props extends React.HTMLProps<HTMLButtonElement> {
+    direction: ResizerDirection;
+    isCollapsed: boolean;
+    isVisible: boolean;
+    side: ResizerSide;
+    buttonInner?: React.ComponentType<ResizerButtonInnerProps>;
+}
+export declare class ResizerButton extends React.PureComponent<Props> {
+    static defaultProps: {
+        isCollapsed: boolean;
+        isVisible: boolean;
+    };
+    render(): JSX.Element;
+}
+export {};

package/dist/types/components/Resizer/ResizerButtonInner.d.ts

@@ -0,0 +1,8 @@
+export interface ResizerButtonInnerProps {
+    isCollapsed: boolean;
+    isVisible: boolean;
+}
+export declare const HorizontalEndResizerButtonInner: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ResizerButtonInnerProps, never>;
+export declare const HorizontalStartResizerButtonInner: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ResizerButtonInnerProps, never>;
+export declare const VerticalEndResizerButtonInner: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ResizerButtonInnerProps, never>;
+export declare const VerticalStartResizerButtonInner: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ResizerButtonInnerProps, never>;

package/dist/types/components/Resizer/ResizerInner.d.ts

@@ -0,0 +1,4 @@
+export declare const HorizontalStartResizerInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const HorizontalEndResizerInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const VerticalStartResizerInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const VerticalEndResizerInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -0,0 +1,2 @@
+export { Resizer } from './Resizer';
+export * from './types';

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

@@ -0,0 +1,2 @@
+export declare type ResizerDirection = 'row' | 'column';
+export declare type ResizerSide = 'start' | 'end';

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

@@ -14,5 +14,5 @@
  * limitations under the License.
  */
 import React from 'react';
-declare const AttachIcon: React.FC<React.SVGAttributes<SVGElement>>;
+declare const AttachIcon: React.FC;
 export default AttachIcon;

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

@@ -34,3 +34,4 @@ export { default as TaskStepDoneIcon } from './task-step-done';
 export { default as TaskStepNextIcon } from './task-step-next';
 export { default as AttachIcon } from './attach';
 export { default as UploadIcon } from './upload';
+export { default as MissingImage } from './missing-image';

package/dist/types/components/icons/missing-image.d.ts

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

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

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

package/dist/types/index.d.ts

@@ -33,6 +33,7 @@ export * from './components/Form';
 export * from './components/FileManager';
 export * from './components/FileManager/util';
 export * from './components/FileManager/FileSectionItem/FileSectionItem';
+export * from './components/Resizer';
 export * from './components/SaveStatus';
 export * from './components/SimpleModal';
 export * from './components/StyledModal';

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

@@ -1,11 +1,11 @@
 import { Model } from '@manuscripts/manuscripts-json-schema';
-import { ExternalFileRef } from '../components/FileManager/InlineFilesSection';
+import { SubmissionAttachment } from '../components/FileManager/FileSectionItem/FileSectionItem';
 import { FileType } from '../components/FileManager/util';
-declare const _default: (modelMap: Map<string, Model>) => {
+declare const _default: (modelMap: Map<string, Model>, attachments: SubmissionAttachment[]) => {
     id: string;
     label: string;
     type: FileType;
     caption?: string | undefined;
-    externalFileReferences?: ExternalFileRef[] | undefined;
+    attachments?: SubmissionAttachment[] | undefined;
 }[];
 export default _default;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "0.30.26",
+  "version": "0.31.1",
   "repository": "gitlab:atypon-opensource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",