@manuscripts/style-guide 1.7.11 → 1.8.0

package/dist/cjs/lib/formatAddress.js

@@ -1,31 +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.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.default = (affiliation) => {
-    const { department, institution, addressLine1, city, county, country, postCode, } = affiliation;
-    return [
-        department,
-        institution,
-        addressLine1,
-        city,
-        county,
-        country,
-        postCode,
-    ]
-        .filter(Boolean)
-        .join(', ');
-};

package/dist/cjs/lib/name.js

@@ -1,26 +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.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.initials = void 0;
-const initials = (name) => name.given
-    ? name.given
-        .trim()
-        .split(' ')
-        .map((part) => part.substr(0, 1).toUpperCase() + '.')
-        .join('')
-    : '';
-exports.initials = initials;

package/dist/cjs/types.js

@@ -1,17 +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.
- */
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/es/components/AffiliationsEditor/AffiliationsEditor.js

@@ -1,34 +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, { useCallback, useState } from 'react';
-import { affiliationsOptions } from '../../lib/authors';
-import AffiliationsEditorView from './AffiliationsEditorView';
-const AffiliationsEditor = ({ affiliations, authorAffiliations, addAuthorAffiliation, updateAffiliation, removeAuthorAffiliation, components, styleOverrides, }) => {
-    const [searchText, setSearchText] = useState('');
-    const handleChoose = useCallback((value) => {
-        if (value) {
-            const selectedAffiliation = value;
-            addAuthorAffiliation(selectedAffiliation.value);
-        }
-        setSearchText('');
-    }, [addAuthorAffiliation]);
-    const options = affiliationsOptions(affiliations, authorAffiliations);
-    const active = authorAffiliations
-        ? authorAffiliations.map((item) => item.data)
-        : [];
-    return (React.createElement(AffiliationsEditorView, { options: options, selected: active, updateAffiliation: updateAffiliation, removeAuthorAffiliation: removeAuthorAffiliation, components: components, styleOverrides: styleOverrides, handleChoose: handleChoose, handleInputChange: setSearchText, inputValue: searchText }));
-};
-export default AffiliationsEditor;

package/dist/es/components/AffiliationsEditor/AffiliationsEditorItem.js

@@ -1,146 +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 Trashcan from '@manuscripts/assets/react/AnnotationRemove';
-import ArrowDownBlue from '@manuscripts/assets/react/ArrowDownBlue';
-import { Field, Form, Formik } from 'formik';
-import React, { useCallback } from 'react';
-import styled from 'styled-components';
-import { affiliationLabel } from '../../lib/authors';
-import { AutoSaveInput } from '../AutoSaveInput';
-import { TextField } from '../TextField';
-const Section = styled.section `
-  border: 1px solid ${(props) => props.theme.colors.border.field.default};
-  border-radius: ${(props) => props.theme.grid.radius.default};
-  background: ${(props) => props.theme.colors.background.primary};
-  margin-bottom: 2px;
-  overflow: hidden;
-`;
-const Title = styled.h4 `
-  margin: 0;
-  display: flex;
-  align-items: center;
-  font-size: 0.875rem;
-  padding-right: 0.5rem;
-  background: ${(props) => props.isInvalid ? props.theme.colors.background.warning : 'transparent'};
-  color: ${(props) => props.isInvalid ? props.theme.colors.text.warning : 'inherit'};
-`;
-const DropdownIndicator = styled(ArrowDownBlue) `
-  border: 0;
-  border-radius: 50%;
-  margin-right: 0.6em;
-  min-width: 20px;
-`;
-const ToggleButton = styled.button `
-  flex-grow: 1;
-  display: flex;
-  align-items: center;
-  width: 100%;
-  background: transparent;
-  border: none;
-  text-align: left;
-  font-family: ${(props) => props.theme.font.family.sans};
-  font-size: 1rem;
-  padding: 0.6em 0.5em;
-
-  outline: none;
-
-  &:focus {
-    color: ${(props) => props.theme.colors.button.primary.border.hover};
-  }
-
-  svg {
-    transform: ${(props) => (props.isOpen ? 'rotateX(180deg)' : 'initial')};
-  }
-`;
-const RemoveButton = styled.button `
-  border: none;
-  background: transparent;
-  padding: 0;
-
-  outline: none;
-
-  &:focus path {
-    fill: ${(props) => props.theme.colors.button.primary.color.hover};
-  }
-
-  svg {
-    width: 2rem;
-    height: 2rem;
-  }
-`;
-const AffiliationsForm = styled(Form) `
-  border: 1px solid ${(props) => props.theme.colors.border.field.default};
-  border-radius: ${(props) => props.theme.grid.radius.default};
-  margin: 0.4rem 0.71rem 0.71rem;
-  overflow: hidden;
-`;
-const AffiliationsTextField = styled(TextField) `
-  border-radius: 0;
-  border-bottom: none;
-  border-right: none;
-  border-left: none;
-  background: transparent;
-  &:first-child {
-    border-top: none;
-  }
-
-  &[aria-invalid] {
-    background: ${(props) => props.theme.colors.background.warning};
-  }
-
-  &[aria-invalid]:focus {
-    background: transparent;
-  }
-`;
-const Columns = styled.div `
-  display: flex;
-`;
-const Column = styled.div `
-  flex: 1 1 auto;
-  max-width: 50%;
-  border-top: 1px solid ${(props) => props.theme.colors.border.field.default};
-  border-left: 1px solid ${(props) => props.theme.colors.border.field.default};
-  &:first-child {
-    border-left: none;
-  }
-`;
-export const AffiliationsEditorItem = ({ affiliation, requestToggle, isOpen, updateAffiliation, removeAuthorAffiliation, }) => {
-    const remove = useCallback(() => {
-        removeAuthorAffiliation(affiliation);
-    }, [affiliation, removeAuthorAffiliation]);
-    const vivifiedAffiliation = Object.assign({ institution: '', department: '', addressLine1: '', addressLine2: '', addressLine3: '', city: '', county: '', country: '', postCode: '' }, affiliation);
-    const isInvalid = !vivifiedAffiliation.institution;
-    return (React.createElement(Section, null,
-        React.createElement(Title, { isInvalid: isInvalid },
-            React.createElement(ToggleButton, { type: "button", onClick: requestToggle, isOpen: isOpen },
-                React.createElement(DropdownIndicator, null,
-                    React.createElement(ArrowDownBlue, null)),
-                affiliationLabel(affiliation)),
-            React.createElement(RemoveButton, { type: "button", "aria-label": "Delete this affiliation", onClick: remove },
-                React.createElement(Trashcan, null))),
-        isOpen && (React.createElement(Formik, { initialValues: vivifiedAffiliation, onSubmit: updateAffiliation }, () => (React.createElement(AffiliationsForm, null,
-            React.createElement(Field, { name: "institution" }, (props) => (React.createElement(AutoSaveInput, Object.assign({}, props, { component: AffiliationsTextField, saveOn: "blur", placeholder: "Institution Name", isInvalid: isInvalid })))),
-            React.createElement(Field, { name: "department" }, (props) => (React.createElement(AutoSaveInput, Object.assign({}, props, { component: AffiliationsTextField, saveOn: "blur", placeholder: "Department" })))),
-            React.createElement(Field, { name: "addressLine1" }, (props) => (React.createElement(AutoSaveInput, Object.assign({}, props, { component: AffiliationsTextField, saveOn: "blur", placeholder: "Street Address" })))),
-            React.createElement(Columns, null,
-                React.createElement(Column, null,
-                    React.createElement(Field, { name: "city" }, (props) => (React.createElement(AutoSaveInput, Object.assign({}, props, { component: AffiliationsTextField, saveOn: "blur", placeholder: "City" })))),
-                    React.createElement(Field, { name: "county" }, (props) => (React.createElement(AutoSaveInput, Object.assign({}, props, { component: AffiliationsTextField, saveOn: "blur", placeholder: "State / Province" }))))),
-                React.createElement(Column, null,
-                    React.createElement(Field, { name: "postCode" }, (props) => (React.createElement(AutoSaveInput, Object.assign({}, props, { component: AffiliationsTextField, saveOn: "blur", placeholder: "Postal Code" })))),
-                    React.createElement(Field, { name: "country" }, (props) => (React.createElement(AutoSaveInput, Object.assign({}, props, { component: AffiliationsTextField, saveOn: "blur", placeholder: "Country" }))))))))))));
-};
-export default AffiliationsEditorItem;

package/dist/es/components/AffiliationsEditor/AffiliationsEditorProfile.js

@@ -1,34 +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 { ObjectTypes } from '@manuscripts/json-schema';
-import React, { useCallback, useState } from 'react';
-import AffiliationsEditorView from './AffiliationsEditorView';
-const AffiliationsEditorProfile = ({ affiliations, addAffiliation, updateAffiliation, removeAffiliation, components, styleOverrides, }) => {
-    const [searchText, setSearchText] = useState('');
-    const handleChoose = useCallback((value) => {
-        if (value) {
-            const selectedAffiliation = value;
-            addAffiliation(selectedAffiliation.value);
-        }
-        setSearchText('');
-    }, [addAffiliation]);
-    const affiliationsArr = Array.from(affiliations.values());
-    const updateUserProfileAffiliation = useCallback((data) => {
-        updateAffiliation(Object.assign(Object.assign({}, data), { objectType: ObjectTypes.UserProfileAffiliation }));
-    }, [updateAffiliation]);
-    return (React.createElement(AffiliationsEditorView, { options: [], selected: affiliationsArr, updateAffiliation: updateUserProfileAffiliation, removeAuthorAffiliation: removeAffiliation, components: components, styleOverrides: styleOverrides, handleChoose: handleChoose, handleInputChange: setSearchText, inputValue: searchText }));
-};
-export default AffiliationsEditorProfile;

package/dist/es/components/AffiliationsEditor/AffiliationsEditorView.js

@@ -1,52 +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, { useContext, useState } from 'react';
-import CreatableSelect from 'react-select/creatable';
-import { ThemeContext } from 'styled-components';
-import { defaultAuthorFormComponents, } from '../AuthorForm/AuthorFormComponents';
-import { AffiliationsEditorItem } from './AffiliationsEditorItem';
-import { AddAffiliationIndicator, Container, Field, List } from './styles';
-const reactSelectComponents = {
-    IndicatorsContainer: AddAffiliationIndicator,
-};
-const AffiliationsEditorView = ({ options, selected, updateAffiliation, removeAuthorAffiliation, handleChoose, handleInputChange, inputValue, components, styleOverrides, }) => {
-    const { Legend } = Object.assign(Object.assign({}, defaultAuthorFormComponents), components);
-    const [currentSection, setCurrentSection] = useState('');
-    const requestOpen = (id) => {
-        setCurrentSection(id === currentSection ? '' : id);
-    };
-    const theme = useContext(ThemeContext);
-    return (React.createElement(Container, null,
-        React.createElement(Legend, null, "Affiliations"),
-        React.createElement(Field, null,
-            React.createElement(List, null, selected &&
-                selected.map((affiliation) => {
-                    const { _id } = affiliation;
-                    return (React.createElement(AffiliationsEditorItem, { key: _id, affiliation: affiliation, isOpen: currentSection === _id, requestToggle: () => requestOpen(_id), updateAffiliation: updateAffiliation, removeAuthorAffiliation: removeAuthorAffiliation }));
-                })),
-            React.createElement(CreatableSelect, { isMulti: false, isClearable: false, options: options, onInputChange: (t) => handleInputChange(t), inputValue: inputValue, onChange: handleChoose, value: null, placeholder: "Begin typing to add affiliation", isValidNewOption: (currentText) => !!currentText, components: reactSelectComponents, noOptionsMessage: () => 'Type the name of an institution', styles: {
-                    control: (provided, state) => (Object.assign(Object.assign({}, provided), { backgroundColor: state.isFocused
-                            ? theme.colors.background.fifth
-                            : theme.colors.background.primary, borderColor: state.isFocused
-                            ? theme.colors.border.field.active
-                            : theme.colors.border.field.default, '&:hover': {
-                            backgroundColor: theme.colors.background.fifth,
-                        }, borderRadius: theme.grid.radius.default, boxShadow: 'none', fontFamily: theme.font.family.sans })),
-                    menu: (provided) => (Object.assign(Object.assign({}, provided), { zIndex: (styleOverrides && styleOverrides.menuZIndex) ||
-                            provided.zIndex })),
-                } }))));
-};
-export default AffiliationsEditorView;

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

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

package/dist/es/components/AffiliationsEditor/styles.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.
- */
-import AddAuthor from '@manuscripts/assets/react/AddAuthor';
-import React from 'react';
-import styled from 'styled-components';
-export const Container = styled.div `
-  margin: 0 1.89rem 1rem;
-`;
-export const Field = styled.div `
-  margin: 1rem 0;
-`;
-export const List = styled.div `
-  margin-bottom: 0.5rem;
-`;
-export const AddAffiliationContainer = styled.div `
-  padding-right: 0.71rem;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-around;
-
-  svg {
-    width: 1.5rem;
-    height: 1.5rem;
-  }
-
-  circle,
-  use {
-    fill: ${(props) => props.theme.colors.brand.default};
-  }
-
-  path {
-    mask: none;
-  }
-`;
-export const AddAffiliationIndicator = () => (React.createElement(AddAffiliationContainer, null,
-    React.createElement(AddAuthor, null)));

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

@@ -1,92 +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 { Field, Form, Formik } from 'formik';
-import React from 'react';
-import styled from 'styled-components';
-import { AutoSaveInput } from '../AutoSaveInput';
-import { CheckboxField, CheckboxLabel } from '../Checkbox';
-import { TextFieldLabel } from '../TextField';
-import { TextFieldGroupContainer } from '../TextFieldGroupContainer';
-import { Container, defaultAuthorFormComponents, Fields, Fieldset, Label, LabelText, } from './AuthorFormComponents';
-import RemoveAuthorButton from './RemoveAuthorButton';
-const ensureString = (value) => value || '';
-const buildInitialValues = (author) => {
-    return {
-        affiliations: author.affiliations || [],
-        _id: author._id,
-        priority: Number(author.priority),
-        email: ensureString(author.email),
-        isCorresponding: Boolean(author.isCorresponding),
-        bibliographicName: {
-            _id: author.bibliographicName._id,
-            objectType: author.bibliographicName.objectType,
-            given: ensureString(author.bibliographicName.given),
-            family: ensureString(author.bibliographicName.family),
-            suffix: ensureString(author.bibliographicName.suffix),
-        },
-        role: ensureString(author.role),
-        contribution: ensureString(author.contribution),
-        ORCIDIdentifier: ensureString(author.ORCIDIdentifier),
-        roles: author.roles || [],
-    };
-};
-const OrcidContainer = styled.div `
-  margin: 16px 0 0;
-`;
-const RolesContainer = styled.div `
-  margin: 16px 0;
-`;
-export const AuthorForm = ({ author, handleSave, removeAuthor, isRemoveAuthorOpen, handleRemoveAuthor, components, }) => {
-    const { Legend, TextField } = Object.assign(Object.assign({}, defaultAuthorFormComponents), components);
-    return (React.createElement(Formik, { initialValues: buildInitialValues(author), onSubmit: handleSave, enableReinitialize: true }, ({ values }) => {
-        const isAuthor = values.role === 'author';
-        return (React.createElement(Form, null,
-            React.createElement(Fields, null,
-                React.createElement(Fieldset, null,
-                    React.createElement(Container, null,
-                        React.createElement(Legend, null, "Details"),
-                        React.createElement(RemoveAuthorButton, { author: author, removeAuthor: () => {
-                                removeAuthor(author);
-                            }, isOpen: isRemoveAuthorOpen, handleOpen: handleRemoveAuthor })),
-                    React.createElement(TextFieldGroupContainer, null,
-                        React.createElement(Field, { name: 'bibliographicName.given' }, (props) => (React.createElement(AutoSaveInput, Object.assign({}, props, { component: TextField, saveOn: 'blur', placeholder: 'Given name', testId: "bibliographic-name-given" })))),
-                        React.createElement(Field, { name: 'bibliographicName.family' }, (props) => (React.createElement(AutoSaveInput, Object.assign({}, props, { component: TextField, saveOn: 'blur', placeholder: 'Family name', testId: "bibliographic-name-family" }))))),
-                    React.createElement(CheckboxLabel, { disabled: !isAuthor },
-                        React.createElement(Field, { name: 'isCorresponding' }, (props) => (React.createElement(AutoSaveInput, Object.assign({}, props, { disabled: !isAuthor, component: CheckboxField, saveOn: 'change', testId: "corresponding-checkbox" })))),
-                        React.createElement(LabelText, null, "Corresponding Author")),
-                    values.isCorresponding && (React.createElement(Label, null,
-                        React.createElement(Field, { name: 'email', type: 'email' }, (props) => (React.createElement(AutoSaveInput, Object.assign({}, props, { disabled: !isAuthor, component: TextField, saveOn: 'blur', placeholder: 'Email address', testId: "corresponding-email" })))))),
-                    React.createElement(CheckboxLabel, null,
-                        React.createElement(Field, { name: 'role', type: 'checkbox' }, (props) => (React.createElement(CheckboxField, { name: 'role', checked: isAuthor, onChange: (event) => __awaiter(void 0, void 0, void 0, function* () {
-                                props.form.setFieldValue(props.field.name, event.target.checked ? 'author' : 'other', false);
-                                yield props.form.submitForm();
-                            }) }))),
-                        React.createElement(LabelText, null, "Include in Authors List")),
-                    React.createElement(OrcidContainer, null,
-                        React.createElement(TextFieldLabel, null,
-                            React.createElement(LabelText, null, "ORCID"),
-                            React.createElement(Field, { name: 'ORCIDIdentifier', type: 'text' }, (props) => (React.createElement(AutoSaveInput, Object.assign({}, props, { component: TextField, saveOn: 'blur', placeholder: 'https://orcid.org/...', testId: "bibliographic-name-family" }))))))))));
-    }));
-};

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

@@ -1,57 +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 styled from 'styled-components';
-import { CheckboxLabel } from '../Checkbox';
-import { TextField } from '../TextField';
-export const Fields = styled.div `
-  padding: 16px;
-`;
-export const Label = styled.label `
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 10px;
-`;
-export const LabelText = styled.div `
-  font: ${(props) => props.theme.font.weight.normal}
-    ${(props) => props.theme.font.size.normal} / 1
-    ${(props) => props.theme.font.family.sans};
-  letter-spacing: -0.2px;
-  color: ${(props) => props.theme.colors.text.primary};
-`;
-export const Fieldset = styled.fieldset `
-  border: none;
-
-  &:not(:last-child) {
-    margin-bottom: 16px;
-  }
-`;
-export const Legend = styled.legend `
-  font: ${(props) => props.theme.font.weight.normal}
-    ${(props) => props.theme.font.size.xlarge} /
-    ${(props) => props.theme.font.lineHeight.large}
-    ${(props) => props.theme.font.family.sans};
-  letter-spacing: -0.4px;
-  color: ${(props) => props.theme.colors.text.secondary};
-`;
-export const Container = styled.div `
-  display: flex;
-  justify-content: space-between;
-`;
-export const defaultAuthorFormComponents = {
-    Legend,
-    CheckboxLabel,
-    TextField,
-};

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

@@ -1,70 +0,0 @@
-/*!
- * © 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.
- */
-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, { useMemo, useState } from 'react';
-import CreatableSelect from 'react-select/creatable';
-const sortRolesAlphabetical = (a, b) => a.name.localeCompare(b.name);
-export const ContributorRolesSelect = ({ contributorRoles, createContributorRole, value, setFieldValue }) => {
-    const [saving, setSaving] = useState(false);
-    const selectedRoles = useMemo(() => value
-        .map((id) => contributorRoles.find((item) => item._id === id))
-        .flat(), [contributorRoles, value]);
-    const options = useMemo(() => {
-        const output = { local: [], 'dictionary.casrai.org': [] };
-        const groupedOptions = contributorRoles.reduce((output, contributorRole) => {
-            if (contributorRole.uri) {
-                const { hostname } = new URL(contributorRole.uri);
-                if (hostname in output) {
-                    output[hostname].push(contributorRole);
-                }
-            }
-            else {
-                output.local.push(contributorRole);
-            }
-            return output;
-        }, output);
-        return [
-            {
-                options: groupedOptions.local.sort(sortRolesAlphabetical),
-            },
-            {
-                label: 'CASRAI CRediT',
-                options: groupedOptions['dictionary.casrai.org'].sort(sortRolesAlphabetical),
-            },
-        ];
-    }, [contributorRoles]);
-    return (React.createElement(CreatableSelect, { options: options, value: selectedRoles, isMulti: true, isClearable: true, isLoading: saving, placeholder: 'Begin typing or choose contribution', noOptionsMessage: () => 'Type the name of a contributor role', getNewOptionData: (inputValue) => {
-            const option = {
-                name: `Create "${inputValue}" role`,
-            };
-            return option;
-        }, onCreateOption: (inputValue) => __awaiter(void 0, void 0, void 0, function* () {
-            setSaving(true);
-            const contribution = yield createContributorRole(inputValue);
-            setSaving(false);
-            setFieldValue([...value, contribution._id]);
-        }), getOptionValue: (option) => option._id, getOptionLabel: (option) => option.name, onChange: (value) => {
-            setFieldValue(value.map((item) => item._id));
-        } }));
-};