@manuscripts/style-guide 1.6.2 → 1.7.0-LEAN-3083

package/dist/cjs/components/SimpleModal.js

@@ -1,95 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SimpleModal = exports.ModalMain = exports.CloseButton = exports.ModalHeader = exports.ModalContainer = void 0;
-const react_1 = __importDefault(require("react"));
-const react_modal_1 = __importDefault(require("react-modal"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Button_1 = require("./Button");
-exports.ModalContainer = styled_components_1.default.div `
-  background: ${(props) => props.theme.colors.background.primary};
-  border-radius: ${(props) => props.theme.grid.radius.default};
-  box-shadow: ${(props) => props.theme.shadow.dropShadow};
-  font-family: ${(props) => props.theme.font.family.sans};
-  overflow: hidden;
-  margin: ${(props) => props.theme.grid.unit * 3}px;
-`;
-exports.ModalHeader = styled_components_1.default.div `
-  position: absolute;
-  right: 0;
-  top: 0;
-  z-index: 1;
-`;
-exports.CloseButton = (0, styled_components_1.default)(Button_1.RoundIconButton) `
-  box-shadow: none;
-  text-indent: -99999px;
-
-  ::before,
-  ::after {
-    background-color: ${(props) => props.theme.colors.text.secondary};
-    border-radius: 2px;
-    content: ' ';
-    display: block;
-    height: 14px;
-    transform: rotate(-45deg);
-    width: 2px;
-    position: absolute;
-    top: calc(50% - 7px);
-    left: calc(50% - 1px);
-  }
-  ::after {
-    transform: rotate(45deg);
-  }
-`;
-exports.ModalMain = styled_components_1.default.div `
-  padding: ${(props) => props.theme.grid.unit * 4}px;
-`;
-const SimpleModal = ({ children, closeWithOverlay, handleClose, width = 'auto', }) => (react_1.default.createElement(react_modal_1.default, { isOpen: true, onRequestClose: handleClose, shouldCloseOnOverlayClick: closeWithOverlay, appElement: document.getElementById('root'), style: {
-        overlay: {
-            alignItems: 'center',
-            backgroundColor: 'rgba(0,0,0,0.5)',
-            bottom: 0,
-            display: 'flex',
-            justifyContent: 'center',
-            left: 0,
-            position: 'fixed',
-            right: 0,
-            top: 0,
-        },
-        content: {
-            background: 'transparent',
-            border: 'none',
-            bottom: 0,
-            left: 0,
-            margin: 'auto',
-            maxHeight: '70vh',
-            maxWidth: '70vw',
-            padding: 0,
-            position: 'relative',
-            right: 0,
-            top: 0,
-            width,
-        },
-    } },
-    react_1.default.createElement(exports.ModalContainer, null,
-        react_1.default.createElement(exports.ModalHeader, null,
-            react_1.default.createElement(exports.CloseButton, { onClick: handleClose })),
-        react_1.default.createElement(exports.ModalMain, null, children))));
-exports.SimpleModal = SimpleModal;

package/dist/es/components/AffiliationsList.js

@@ -1,36 +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 React from 'react';
-import styled from 'styled-components';
-import formatAddress from '../lib/formatAddress';
-const Container = styled.table `
-  border-collapse: collapse;
-  font: inherit;
-  color: ${(props) => props.theme.colors.text.secondary};
-  margin-top: ${(props) => props.theme.grid.unit * 4}px;
-`;
-const Header = styled.th `
-  font-weight: ${(props) => props.theme.font.weight.normal}
-  padding: 0 4px 0 0;
-  vertical-align: top;
-`;
-const Body = styled.td `
-  padding: 0;
-`;
-export const AffiliationsList = ({ affiliations, }) => (React.createElement(Container, null,
-    React.createElement("tbody", null, Array.from(affiliations.values()).map((affiliation, index) => (React.createElement("tr", { key: affiliation._id },
-        React.createElement(Header, null, index + 1),
-        React.createElement(Body, null, formatAddress(affiliation))))))));

package/dist/es/components/AuthorsContainer.js

@@ -1,41 +0,0 @@
-/*!
- * © 2021 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, { useMemo } from 'react';
-import styled from 'styled-components';
-import { AffiliationsList } from './AffiliationsList';
-import { AuthorsList } from './AuthorsList';
-export const AuthorsContainer = ({ authorData, showEditButton, startEditing, selectAuthor, disableEditButton, }) => {
-    const authorAffiliations = useMemo(() => authorData.authors.filter((author) => author.role === 'author'), [authorData.authors]);
-    const isThereJointContributor = useMemo(() => authorData.authors.find((contributor) => contributor.isJointContributor), [authorData.authors]);
-    return (React.createElement(Container, { "data-cy": 'author-container' },
-        React.createElement(AuthorsList, { authors: authorAffiliations, authorAffiliations: authorData.authorAffiliations, startEditing: startEditing, showEditButton: showEditButton, selectAuthor: selectAuthor, disableEditButton: disableEditButton }),
-        React.createElement(AffiliationsList, { affiliations: authorData.affiliations }),
-        isThereJointContributor && (React.createElement(LegendWrapper, null,
-            React.createElement(Legend, null, "\u2020"),
-            "These authors contributed equally to this work."))));
-};
-const Container = styled.div `
-  margin-top: ${(props) => props.theme.grid.unit * 4}px;
-`;
-const LegendWrapper = styled.p `
-  margin: ${(props) => props.theme.grid.unit * 4}px 0 0 0;
-`;
-const Legend = styled.span `
-  display: inline-block;
-  font-size: 0.75em;
-  line-height: 1;
-  vertical-align: top;
-`;

package/dist/es/components/AuthorsList/Author.js

@@ -1,69 +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 React from 'react';
-import styled, { css } from 'styled-components';
-import { AuthorName } from '../AuthorName';
-const AuthorNotes = styled.span `
-  display: inline-block;
-  font-size: 0.75em;
-  line-height: 1;
-  vertical-align: top;
-`;
-const LinkSharedStyles = css `
-  text-decoration: none;
-  color: inherit;
-  outline: none;
-
-  &:not(:disabled) {
-    &:hover,
-    &:focus {
-      &,
-      span {
-        color: ${(props) => props.theme.colors.text.tertiary};
-      }
-    }
-  }
-`;
-const AuthorAffiliation = styled.span `
-  ${LinkSharedStyles}
-`;
-const AuthorsContainer = styled.button `
-  display: inline-flex;
-  background: transparent;
-  border: 0;
-  font-size: 1rem;
-  ${LinkSharedStyles}
-
-  &:not(:disabled) {
-    &:hover {
-      text-decoration: underline;
-      cursor: pointer !important;
-    }
-  }
-`;
-export const Author = ({ author, affiliations, jointFirstAuthor, startEditing, selectAuthor, showEditButton, disableEditButton, }) => (React.createElement("span", { key: author._id },
-    showEditButton ? (React.createElement(AuthorsContainer, { disabled: disableEditButton, onClick: (e) => {
-            e.preventDefault();
-            startEditing && startEditing();
-            selectAuthor && selectAuthor(author);
-        } },
-        React.createElement(AuthorName, { name: author.bibliographicName, email: (author.isCorresponding && author.email) || undefined }))) : (React.createElement(AuthorName, { name: author.bibliographicName, email: (author.isCorresponding && author.email) || undefined })),
-    affiliations && (React.createElement(AuthorNotes, null, affiliations.map((affiliation, index) => (React.createElement(React.Fragment, { key: affiliation.data._id },
-        !!index && ',',
-        React.createElement(AuthorAffiliation, null, affiliation.ordinal)))))),
-    author.isCorresponding && (React.createElement(AuthorNotes, { title: 'Corresponding author' }, "*")),
-    jointFirstAuthor && (React.createElement(AuthorNotes, { title: 'Joint contributor' }, "\u2020"))));
-export default Author;

package/dist/es/components/AuthorsList/AuthorsList.js

@@ -1,45 +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 React from 'react';
-import styled from 'styled-components';
-import { isJointFirstAuthor } from '../../lib/authors';
-import { PrimaryButton } from '../Button';
-import { Author } from './Author';
-const AuthorsContainer = styled.div `
-  align-items: center;
-  display: flex;
-
-  @media (min-width: 768px) {
-    & ${PrimaryButton} {
-      display: ${(props) => (props.isEmpty ? 'initial' : 'none')};
-    }
-
-    &:hover ${PrimaryButton} {
-      display: initial;
-    }
-  }
-`;
-const AuthorsActions = styled.div `
-  align-items: center;
-  display: flex;
-  margin-left: ${(props) => props.theme.grid.unit * 2}px;
-`;
-export const AuthorsList = ({ authors, authorAffiliations, startEditing, showEditButton, disableEditButton, selectAuthor, }) => (React.createElement(AuthorsContainer, { isEmpty: !authors.length },
-    React.createElement("div", null, authors.map((author, index) => (React.createElement(React.Fragment, { key: author._id },
-        !!index && ', ',
-        React.createElement(Author, { author: author, jointFirstAuthor: isJointFirstAuthor(authors, index), affiliations: authorAffiliations.get(author._id), selectAuthor: selectAuthor, startEditing: startEditing, showEditButton: showEditButton, disableEditButton: disableEditButton }))))),
-    showEditButton && startEditing && (React.createElement(AuthorsActions, null,
-        React.createElement(PrimaryButton, { mini: true, onClick: startEditing, className: 'edit_authors_button', disabled: disableEditButton }, "Edit Authors")))));

package/dist/es/components/SimpleModal.js

@@ -1,88 +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 React from 'react';
-import Modal from 'react-modal';
-import styled from 'styled-components';
-import { RoundIconButton } from './Button';
-export const ModalContainer = styled.div `
-  background: ${(props) => props.theme.colors.background.primary};
-  border-radius: ${(props) => props.theme.grid.radius.default};
-  box-shadow: ${(props) => props.theme.shadow.dropShadow};
-  font-family: ${(props) => props.theme.font.family.sans};
-  overflow: hidden;
-  margin: ${(props) => props.theme.grid.unit * 3}px;
-`;
-export const ModalHeader = styled.div `
-  position: absolute;
-  right: 0;
-  top: 0;
-  z-index: 1;
-`;
-export const CloseButton = styled(RoundIconButton) `
-  box-shadow: none;
-  text-indent: -99999px;
-
-  ::before,
-  ::after {
-    background-color: ${(props) => props.theme.colors.text.secondary};
-    border-radius: 2px;
-    content: ' ';
-    display: block;
-    height: 14px;
-    transform: rotate(-45deg);
-    width: 2px;
-    position: absolute;
-    top: calc(50% - 7px);
-    left: calc(50% - 1px);
-  }
-  ::after {
-    transform: rotate(45deg);
-  }
-`;
-export const ModalMain = styled.div `
-  padding: ${(props) => props.theme.grid.unit * 4}px;
-`;
-export const SimpleModal = ({ children, closeWithOverlay, handleClose, width = 'auto', }) => (React.createElement(Modal, { isOpen: true, onRequestClose: handleClose, shouldCloseOnOverlayClick: closeWithOverlay, appElement: document.getElementById('root'), style: {
-        overlay: {
-            alignItems: 'center',
-            backgroundColor: 'rgba(0,0,0,0.5)',
-            bottom: 0,
-            display: 'flex',
-            justifyContent: 'center',
-            left: 0,
-            position: 'fixed',
-            right: 0,
-            top: 0,
-        },
-        content: {
-            background: 'transparent',
-            border: 'none',
-            bottom: 0,
-            left: 0,
-            margin: 'auto',
-            maxHeight: '70vh',
-            maxWidth: '70vw',
-            padding: 0,
-            position: 'relative',
-            right: 0,
-            top: 0,
-            width,
-        },
-    } },
-    React.createElement(ModalContainer, null,
-        React.createElement(ModalHeader, null,
-            React.createElement(CloseButton, { onClick: handleClose })),
-        React.createElement(ModalMain, null, children))));

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

@@ -1,41 +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 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" | "reset" | "submit";
-} & {
-    danger?: boolean | undefined;
-    disabled?: boolean | undefined;
-    mini?: boolean | undefined;
-} & {
-    defaultColor?: boolean | undefined;
-    size?: number | undefined;
-    iconColor?: string | undefined;
-} & {
-    defaultColor: boolean;
-} & {
-    size?: number | undefined;
-}, "type" | "defaultColor">;
-export declare const ModalMain: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-interface Props {
-    handleClose: () => void;
-    closeWithOverlay: boolean;
-    width?: string;
-}
-export declare const SimpleModal: React.FunctionComponent<Props>;
-export {};