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

package/dist/es/components/Button.js

@@ -19,7 +19,6 @@ const dangerBtnStyles = css `
 
   &:not([disabled]):hover, &:not([disabled]):focus {
     ${(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 {
     ${(props) => btnColors(props.theme.colors.button.error.color.active, props.theme.colors.button.error.background.active, props.theme.colors.button.error.border.active)}
@@ -204,7 +203,7 @@ const IconButtonTemplate = styled(ButtonTemplate) `
   ${(props) => !props.defaultColor && svgColors}
 `;
 export const IconButton = styled(IconButtonTemplate) `
-  ${(props) => btnColors(props.theme.colors.text.primary, props.theme.colors.button.default.background.default, props.theme.colors.button.default.border.default, false)}
+  ${(props) => btnColors('#6e6e6e', props.theme.colors.button.default.background.default, props.theme.colors.button.default.border.default, false)}
 
   &:not([disabled]):hover, &:not([disabled]):focus {
     ${(props) => btnColors(props.theme.colors.brand.medium, 'transparent', 'transparent', false)}
@@ -262,3 +261,14 @@ 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 {
+    width: 28px;
+    height: 28px;
+  }
+`;

package/dist/es/components/ContextMenu.js

@@ -0,0 +1,44 @@
+/*!
+ * © 2024 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 React from 'react';
+import styled from 'styled-components';
+import { IconButton, IconButtonGroup } from './Button';
+import { AddComment, EditIcon } from './icons';
+import { Tooltip } from './Tooltip';
+const Icons = {
+    AddComment: AddComment,
+    EditIcon: EditIcon,
+};
+const ContextMenuIconButton = styled(IconButton) `
+  &:not([disabled]):hover,
+  &:not([disabled]):focus {
+    color: #363636;
+    background-color: #f2f2f2;
+    border-color: #f2f2f2;
+  }
+`;
+export const ContextMenu = ({ actions }) => {
+    let Icon;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(IconButtonGroup, null, actions.map((action) => {
+            {
+                Icon = Icons[action.icon];
+            }
+            return (React.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.action },
+                React.createElement(Icon, null),
+                React.createElement(Tooltip, { id: action.icon, place: "bottom" }, action.label)));
+        }))));
+};

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

@@ -1,26 +1,11 @@
-import React from 'react';
+import React, { useCallback } from 'react';
 import { useDragLayer } from 'react-dnd';
 import styled from 'styled-components';
-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) {
+import { FileContainer } from './FileContainer';
+import { FileCreatedDate } from './FileCreatedDate';
+import { FileName } from './FileName';
+function getItemStyles(initialOffset, currentOffset) {
+    if (!initialOffset || !currentOffset) {
         return {
             display: 'none',
         };
@@ -31,15 +16,16 @@ const getItemStyles = (currentOffset) => {
         transform,
         WebkitTransform: transform,
     };
-};
+}
 export const DragLayer = () => {
-    const { itemType, isDragging, item, currentOffset } = useDragLayer((monitor) => ({
+    const { itemType, isDragging, item, initialOffset, currentOffset } = useDragLayer((monitor) => ({
         item: monitor.getItem(),
         itemType: monitor.getItemType(),
+        initialOffset: monitor.getInitialSourceClientOffset(),
         currentOffset: monitor.getSourceClientOffset(),
         isDragging: monitor.isDragging(),
     }));
-    const renderItem = () => {
+    const renderItem = useCallback(() => {
         switch (itemType) {
             case 'file':
                 return (React.createElement(DraggableFileContainer, null,
@@ -48,9 +34,24 @@ export const DragLayer = () => {
             default:
                 return null;
         }
-    };
+    }, [itemType, item]);
     if (!isDragging) {
         return null;
     }
-    return (React.createElement(Container, { style: getItemStyles(currentOffset) }, renderItem()));
+    return (React.createElement(Container, { style: getItemStyles(initialOffset, 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,7 +5,6 @@ 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';
@@ -107,9 +106,7 @@ 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, { onClick: onComment },
-                React.createElement(AddComment, null),
-                React.createElement(AddCommentButtonText, null, "Add Comment")),
+            React.createElement(IconTextButton, null),
             React.createElement(ButtonGroup, null,
                 React.createElement(SecondaryButton, { onClick: onCancel }, "Done"),
                 React.createElement(PrimaryButton, { disabled: !canEdit, onClick: () => setSearching(true) }, "Add Citation")))));

package/dist/es/components/icons/index.js

@@ -45,4 +45,3 @@ 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,8 +13,13 @@
  * 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';
@@ -27,8 +32,6 @@ 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';
@@ -53,8 +56,10 @@ export * from './hooks/use-dropdown';
 export * from './hooks/use-files';
 export * from './hooks/use-menus';
 export { useDeepCompareMemo, useDeepCompareCallback, } from './hooks/use-deep-compare';
+export * from './lib/authors';
 export * from './lib/capabilities';
 export * from './lib/files';
 export * from './lib/comments';
 export * from './lib/menus';
 export { default as errorsDecoder } from './lib/errors-decoder';
+export * from './types';

package/dist/es/lib/authors.js

@@ -0,0 +1,98 @@
+/*!
+ * © 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 { ObjectTypes, } from '@manuscripts/json-schema';
+const getModelsByType = (modelMap, objectType) => {
+    const output = [];
+    for (const model of modelMap.values()) {
+        if (model.objectType === objectType) {
+            output.push(model);
+        }
+    }
+    return output;
+};
+export const buildSortedAuthors = (modelMap) => {
+    return getModelsByType(modelMap, ObjectTypes.Contributor)
+        .filter((item) => item.role === 'author')
+        .sort((a, b) => Number(a.priority) - Number(b.priority));
+};
+export const buildAuthorPriority = (authors) => {
+    if (!authors.length) {
+        return 0;
+    }
+    const priorities = authors.map((author) => Number(author.priority));
+    return Math.max(...priorities) + 1;
+};
+export const buildAffiliationIDs = (authors) => {
+    const ids = [];
+    authors.forEach((author) => {
+        if (author.affiliations) {
+            author.affiliations.forEach((id) => {
+                ids.push(id);
+            });
+        }
+    });
+    return ids.filter((value, index) => ids.indexOf(value) === index);
+};
+export const buildAuthorAffiliations = (authors, affiliations, uniqueAffiliationIDs) => {
+    const items = new Map();
+    authors.forEach((author) => {
+        items.set(author._id, (author.affiliations || []).map((id) => {
+            return {
+                ordinal: uniqueAffiliationIDs.indexOf(id) + 1,
+                data: affiliations.get(id),
+            };
+        }));
+    });
+    return items;
+};
+export const buildAffiliationsMap = (affiliationIDs, modelMap) => new Map(affiliationIDs.map((id) => [
+    id,
+    modelMap.get(id),
+]));
+export const buildAuthorsAndAffiliations = (modelMap) => {
+    const authors = buildSortedAuthors(modelMap);
+    const affiliationIDs = buildAffiliationIDs(authors);
+    const affiliations = buildAffiliationsMap(affiliationIDs, modelMap);
+    const authorAffiliations = buildAuthorAffiliations(authors, affiliations, affiliationIDs);
+    return {
+        affiliations,
+        authors,
+        authorAffiliations,
+    };
+};
+export const isJointFirstAuthor = (authors, index) => {
+    const author = index === 0 ? authors[index] : authors[index - 1];
+    return Boolean(author.isJointContributor);
+};
+export const affiliationLabel = (affiliation) => {
+    const { department, institution = '' } = affiliation;
+    if (!institution) {
+        return '(unknown institution)';
+    }
+    return department ? `${institution} (${department})`.trim() : institution;
+};
+export const affiliationsOptions = (affiliations, authorAffiliations) => {
+    if (!authorAffiliations) {
+        return affiliationsOptions(affiliations, []);
+    }
+    const authorAffiliationsIds = new Set(authorAffiliations.map((authorAffiliation) => authorAffiliation.data._id));
+    return Array.from(affiliations.values())
+        .filter((affiliation) => !authorAffiliationsIds.has(affiliation._id))
+        .map((affiliation) => ({
+        value: affiliation._id,
+        label: affiliationLabel(affiliation) || '',
+    }));
+};

package/dist/es/lib/formatAddress.js

@@ -0,0 +1,29 @@
+/*!
+ * © 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 default (affiliation) => {
+    const { department, institution, addressLine1, city, county, country, postCode, } = affiliation;
+    return [
+        department,
+        institution,
+        addressLine1,
+        city,
+        county,
+        country,
+        postCode,
+    ]
+        .filter(Boolean)
+        .join(', ');
+};

package/dist/es/lib/name.js

@@ -0,0 +1,22 @@
+/*!
+ * © 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 const initials = (name) => name.given
+    ? name.given
+        .trim()
+        .split(' ')
+        .map((part) => part.substr(0, 1).toUpperCase() + '.')
+        .join('')
+    : '';

package/dist/es/types.js

@@ -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 {};

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

@@ -0,0 +1,31 @@
+/*!
+ * © 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 React from 'react';
+import { AffiliationGeneric, AuthorAffiliation } from '../../types';
+import { AuthorFormComponentOverrides } from '../AuthorForm/AuthorFormComponents';
+interface Props {
+    affiliations: Map<string, AffiliationGeneric>;
+    authorAffiliations?: AuthorAffiliation[];
+    addAuthorAffiliation: (affiliation: AffiliationGeneric | string) => void;
+    removeAuthorAffiliation: (affiliation: AffiliationGeneric) => void;
+    updateAffiliation: (affiliation: AffiliationGeneric) => void;
+    components?: AuthorFormComponentOverrides;
+    styleOverrides?: {
+        menuZIndex?: number;
+    };
+}
+declare const AffiliationsEditor: React.FC<Props>;
+export default AffiliationsEditor;

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

@@ -0,0 +1,26 @@
+/*!
+ * © 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 React from 'react';
+import { AffiliationGeneric } from '../../types';
+interface Props {
+    affiliation: AffiliationGeneric;
+    requestToggle: () => void;
+    isOpen: boolean;
+    updateAffiliation: (affiliation: AffiliationGeneric) => void;
+    removeAuthorAffiliation: (affiliation: AffiliationGeneric) => void;
+}
+export declare const AffiliationsEditorItem: React.FC<Props>;
+export default AffiliationsEditorItem;

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

@@ -0,0 +1,30 @@
+/*!
+ * © 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 { UserProfileAffiliation } from '@manuscripts/json-schema';
+import React from 'react';
+import { AuthorFormComponentOverrides } from '../AuthorForm/AuthorFormComponents';
+interface Props {
+    affiliations: Map<string, UserProfileAffiliation>;
+    addAffiliation: (affiliation: string) => void;
+    removeAffiliation: (affiliation: UserProfileAffiliation) => void;
+    updateAffiliation: (affiliation: UserProfileAffiliation) => void;
+    components?: AuthorFormComponentOverrides;
+    styleOverrides?: {
+        menuZIndex?: number;
+    };
+}
+declare const AffiliationsEditorProfile: React.FC<Props>;
+export default AffiliationsEditorProfile;

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

@@ -0,0 +1,34 @@
+/*!
+ * © 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 React from 'react';
+import { OnChangeValue } from 'react-select';
+import { AffiliationGeneric, AffiliationOption } from '../../types';
+import { AuthorFormComponentOverrides } from '../AuthorForm/AuthorFormComponents';
+interface Props {
+    options: AffiliationOption[];
+    selected: AffiliationGeneric[];
+    inputValue: string;
+    handleInputChange: (text: string) => void;
+    handleChoose: (value: OnChangeValue<AffiliationOption, false>) => void;
+    updateAffiliation: (affiliation: AffiliationGeneric) => void;
+    removeAuthorAffiliation: (affiliation: AffiliationGeneric) => void;
+    components?: AuthorFormComponentOverrides;
+    styleOverrides?: {
+        menuZIndex?: number;
+    };
+}
+declare const AffiliationsEditorView: React.FC<Props>;
+export default AffiliationsEditorView;

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

@@ -0,0 +1,17 @@
+/*!
+ * © 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 { default as AffiliationsEditor } from './AffiliationsEditor';
+export { default as AffiliationsEditorProfile } from './AffiliationsEditorProfile';

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

@@ -0,0 +1,23 @@
+/*!
+ * © 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 React from 'react';
+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<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/AuthorForm.d.ts

@@ -0,0 +1,29 @@
+/*!
+ * © 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 { Contributor, ContributorRole } from '@manuscripts/json-schema';
+import React from 'react';
+import { AuthorValues } from '../../types';
+import { AuthorFormComponentOverrides } from './AuthorFormComponents';
+export declare const AuthorForm: React.FunctionComponent<{
+    author: Contributor;
+    isRemoveAuthorOpen: boolean;
+    removeAuthor: (data: Contributor) => void;
+    handleSave: (values: AuthorValues) => Promise<void>;
+    handleRemoveAuthor: () => void;
+    components?: AuthorFormComponentOverrides;
+    contributorRoles?: ContributorRole[];
+    createContributorRole?: (name: string) => Promise<ContributorRole>;
+}>;

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

@@ -0,0 +1,31 @@
+/*!
+ * © 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 { DefaultTheme, StyledComponent } from 'styled-components';
+export declare const Fields: StyledComponent<"div", DefaultTheme, {}, never>;
+export declare const Label: StyledComponent<"label", DefaultTheme, {}, never>;
+export declare const LabelText: StyledComponent<"div", DefaultTheme, {}, never>;
+export declare const Fieldset: StyledComponent<"fieldset", DefaultTheme, {}, never>;
+export declare const Legend: StyledComponent<"legend", DefaultTheme, {}, never>;
+export declare const Container: StyledComponent<"div", DefaultTheme, {}, never>;
+export interface AuthorFormComponents {
+    Legend: StyledComponent<'legend', DefaultTheme>;
+    CheckboxLabel: StyledComponent<'label', DefaultTheme>;
+    TextField: StyledComponent<'input', DefaultTheme>;
+}
+export type AuthorFormComponentOverrides = {
+    [K in keyof AuthorFormComponents]?: AuthorFormComponents[K];
+};
+export declare const defaultAuthorFormComponents: AuthorFormComponents;

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

@@ -0,0 +1,23 @@
+/*!
+ * © 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 { ContributorRole } from '@manuscripts/json-schema';
+import React from 'react';
+export declare const ContributorRolesSelect: React.FC<{
+    contributorRoles: ContributorRole[];
+    createContributorRole: (name: string) => Promise<ContributorRole>;
+    value: string[];
+    setFieldValue: (value: string[]) => void;
+}>;