@manuscripts/style-guide 0.30.17 → 0.30.21

package/dist/cjs/components/PdfPreview.js

@@ -22,22 +22,22 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-require("pdfjs-dist/es5/web/pdf_viewer.css");
-const pdf_1 = require("pdfjs-dist/es5/build/pdf");
-const pdfjsWorker = __importStar(require("pdfjs-dist/es5/build/pdf.worker.entry"));
-const pdf_viewer_1 = require("pdfjs-dist/es5/web/pdf_viewer");
+require("pdfjs-dist/web/pdf_viewer.css");
+const pdf_1 = require("pdfjs-dist/build/pdf");
+const pdfjsWorker = __importStar(require("pdfjs-dist/build/pdf.worker.entry"));
+const pdf_viewer_1 = require("pdfjs-dist/web/pdf_viewer");
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 pdf_1.GlobalWorkerOptions.workerSrc = pdfjsWorker;
 const PdfPreview = ({ url, scale = 1, }) => {
-    const [pdfViewer, setPdfViewer] = react_1.useState({
+    const [pdfViewer, setPdfViewer] = (0, react_1.useState)({
         currentScaleValue: scale,
     });
-    const [error, setError] = react_1.useState(null);
-    const [progress, setProgress] = react_1.useState(null);
-    const [eventBus, setEventBus] = react_1.useState(null);
-    const nodeRef = react_1.useRef(null);
-    react_1.useEffect(() => {
+    const [error, setError] = (0, react_1.useState)(null);
+    const [progress, setProgress] = (0, react_1.useState)(null);
+    const [eventBus, setEventBus] = (0, react_1.useState)(null);
+    const nodeRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         const container = nodeRef.current;
         const eventBus = new pdf_viewer_1.EventBus();
         const pdfViewer = new pdf_viewer_1.PDFViewer({
@@ -46,7 +46,7 @@ const PdfPreview = ({ url, scale = 1, }) => {
         });
         setPdfViewer(pdfViewer);
         setEventBus(eventBus);
-        const loadingTask = pdf_1.getDocument({
+        const loadingTask = (0, pdf_1.getDocument)({
             url,
             withCredentials: true,
         });
@@ -62,7 +62,7 @@ const PdfPreview = ({ url, scale = 1, }) => {
             setError(err);
         });
     }, [url]);
-    react_1.useEffect(() => {
+    (0, react_1.useEffect)(() => {
         pdfViewer.currentScaleValue = scale;
         if (eventBus) {
             eventBus.on('pagesinit', () => (pdfViewer.currentScaleValue = scale));
@@ -102,6 +102,6 @@ const Progress = styled_components_1.default.div `
   background: ${(props) => props.theme.colors.background.success};
   text-align: center;
 `;
-const Error = styled_components_1.default(Container) `
+const Error = (0, styled_components_1.default)(Container) `
   color: ${(props) => props.theme.colors.text.error};
 `;

package/dist/cjs/components/RadioButton.js

@@ -78,9 +78,10 @@ const Input = styled_components_1.default.input `
     }
   }
 `;
-exports.RadioButton = (_a) => {
+const RadioButton = (_a) => {
     var { checked, id, label, name } = _a, rest = __rest(_a, ["checked", "id", "label", "name"]);
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(Input, Object.assign({ checked: checked, type: "radio", name: name, id: id }, rest)),
         react_1.default.createElement("label", { htmlFor: id }, label)));
 };
+exports.RadioButton = RadioButton;

package/dist/cjs/components/RelativeDate.js

@@ -8,11 +8,12 @@ require("@formatjs/intl-relativetimeformat/polyfill-locales");
 const intl_utils_1 = require("@formatjs/intl-utils");
 const react_1 = __importDefault(require("react"));
 const react_intl_1 = require("react-intl");
-exports.RelativeDate = ({ createdAt }) => {
+const RelativeDate = ({ createdAt }) => {
     if (!createdAt) {
         return null;
     }
-    const { value, unit } = intl_utils_1.selectUnit(createdAt);
+    const { value, unit } = (0, intl_utils_1.selectUnit)(createdAt);
     return (react_1.default.createElement(react_intl_1.IntlProvider, { locale: "en" },
         react_1.default.createElement(react_intl_1.FormattedRelativeTime, { value: value, unit: unit })));
 };
+exports.RelativeDate = RelativeDate;

package/dist/cjs/components/SaveStatus.js

@@ -24,7 +24,7 @@ const styled_components_1 = __importDefault(require("styled-components"));
 const save_icon_offline_1 = __importDefault(require("./icons/save-icon-offline"));
 const save_icon_saved_1 = __importDefault(require("./icons/save-icon-saved"));
 const save_icon_saving_1 = __importDefault(require("./icons/save-icon-saving"));
-exports.SaveStatus = ({ status }) => {
+const SaveStatus = ({ status }) => {
     switch (status) {
         case 'offline':
             return (react_1.default.createElement(Container, null,
@@ -42,6 +42,7 @@ exports.SaveStatus = ({ status }) => {
                 react_1.default.createElement(Text, null, "Saved")));
     }
 };
+exports.SaveStatus = SaveStatus;
 const Container = styled_components_1.default.div `
   color: ${(props) => props.theme.colors.text.secondary};
   display: inline-flex;

package/dist/cjs/components/SimpleModal.js

@@ -37,7 +37,7 @@ exports.ModalHeader = styled_components_1.default.div `
   top: 0;
   z-index: 1;
 `;
-exports.CloseButton = styled_components_1.default(Button_1.RoundIconButton) `
+exports.CloseButton = (0, styled_components_1.default)(Button_1.RoundIconButton) `
   box-shadow: none;
   text-indent: -99999px;
 
@@ -61,7 +61,7 @@ exports.CloseButton = styled_components_1.default(Button_1.RoundIconButton) `
 exports.ModalMain = styled_components_1.default.div `
   padding: ${(props) => props.theme.grid.unit * 4}px;
 `;
-exports.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: {
+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)',
@@ -92,3 +92,4 @@ exports.SimpleModal = ({ children, closeWithOverlay, handleClose, width = 'auto'
         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/cjs/components/StyledModal.js

@@ -36,11 +36,12 @@ const styled_components_1 = __importDefault(require("styled-components"));
 const totalTransitionTime = 800;
 const transitionDelay = 300;
 const delayedTransitionTime = totalTransitionTime - transitionDelay;
-exports.ReactModalAdapter = (_a) => {
+const ReactModalAdapter = (_a) => {
     var { className, modalClassName } = _a, props = __rest(_a, ["className", "modalClassName"]);
     return (react_1.default.createElement(react_modal_1.default, Object.assign({ className: modalClassName, portalClassName: className, closeTimeoutMS: totalTransitionTime, appElement: document.getElementById('root') }, props)));
 };
-exports.StyledModal = styled_components_1.default(exports.ReactModalAdapter).attrs({
+exports.ReactModalAdapter = ReactModalAdapter;
+exports.StyledModal = (0, styled_components_1.default)(exports.ReactModalAdapter).attrs({
     closeTimeoutMS: totalTransitionTime,
     overlayClassName: {
         base: 'Overlay',

package/dist/cjs/components/SubmissionInspector/BaseInformation.js

@@ -44,7 +44,8 @@ const AttentionRed_1 = __importDefault(require("@manuscripts/assets/react/Attent
 const date_fns_1 = require("date-fns");
 const react_1 = __importStar(require("react"));
 const react_modern_calendar_datepicker_1 = __importDefault(require("react-modern-calendar-datepicker"));
-const styled_components_1 = __importDefault(require("styled-components"));
+const react_tooltip_1 = __importDefault(require("react-tooltip"));
+const styled_components_1 = __importStar(require("styled-components"));
 const Button_1 = require("../Button");
 const Dialog_1 = require("../Dialog");
 const types_1 = require("./types");
@@ -55,17 +56,17 @@ const criticalityPill = {
     [types_1.SubmissionCriticality.ON_SCHEDULE]: { label: 'At risk', color: '#FFE0B2' },
 };
 const CalenderDatePicker = ({ submission, handleDateChange, Button }) => {
-    const [dueDate, setDueDate] = react_1.useState(undefined);
-    const [toggleDialog, setToggleDialog] = react_1.useState(false);
-    const onConfirmClick = react_1.useCallback(() => {
+    const [dueDate, setDueDate] = (0, react_1.useState)(undefined);
+    const [toggleDialog, setToggleDialog] = (0, react_1.useState)(false);
+    const onConfirmClick = (0, react_1.useCallback)(() => {
         handleDateChange(dueDate);
         setToggleDialog(false);
     }, [dueDate, setToggleDialog, handleDateChange]);
-    const formattedDueDate = react_1.useMemo(() => dueDate &&
-        date_fns_1.format(new Date(dueDate.year, dueDate.month, dueDate.day), dateFormat), [dueDate]);
-    const formattedPotentialDueDate = react_1.useMemo(() => dueDate &&
-        date_fns_1.format(potentialDueDate(submission.currentStep.dueDate, dueDate, submission.dueDate), dateFormat), [submission.dueDate, submission.currentStep.dueDate, dueDate]);
-    const onDatePickerChange = react_1.useCallback((date) => {
+    const formattedDueDate = (0, react_1.useMemo)(() => dueDate &&
+        (0, date_fns_1.format)(new Date(dueDate.year, dueDate.month, dueDate.day), dateFormat), [dueDate]);
+    const formattedPotentialDueDate = (0, react_1.useMemo)(() => dueDate &&
+        (0, date_fns_1.format)(potentialDueDate(submission.currentStep.dueDate, dueDate, submission.dueDate), dateFormat), [submission.dueDate, submission.currentStep.dueDate, dueDate]);
+    const onDatePickerChange = (0, react_1.useCallback)((date) => {
         setDueDate(date);
         setToggleDialog(true);
         const button = document.querySelector('.DatePicker button');
@@ -78,7 +79,7 @@ const CalenderDatePicker = ({ submission, handleDateChange, Button }) => {
                 react_1.default.createElement(UpdatedDueDate, null, formattedDueDate),
                 react_1.default.createElement(DueDateMessage, null, "By rescheduling the task, the publication expected date of the article will be modified accordingly:"),
                 react_1.default.createElement(Value, null,
-                    react_1.default.createElement(StrikeDueDate, { as: 'del' }, date_fns_1.format(submission.dueDate, 'd MMM, EEEE')),
+                    react_1.default.createElement(StrikeDueDate, { as: 'del' }, (0, date_fns_1.format)(submission.dueDate, 'd MMM, EEEE')),
                     formattedPotentialDueDate)), actions: {
                 primary: {
                     action: onConfirmClick,
@@ -90,12 +91,16 @@ const CalenderDatePicker = ({ submission, handleDateChange, Button }) => {
                 },
             } })));
 };
-exports.BaseInformation = ({ submission, handleDateChange, userRole }) => {
-    const Button = ({ ref }) => (react_1.default.createElement(DateButton, { ref: ref, criticality: submission.currentStep.criticality, disabled: userRole !== 'pe' },
-        date_fns_1.format(submission.currentStep.dueDate, 'd MMM, EEEE'),
-        submission.currentStep.criticality ===
-            types_1.SubmissionCriticality.DUE_TODAY && react_1.default.createElement(AttentionOrange_1.default, null),
-        submission.currentStep.criticality === types_1.SubmissionCriticality.OVERDUE && (react_1.default.createElement(AttentionRed_1.default, null))));
+const BaseInformation = ({ submission, handleDateChange, userRole }) => {
+    const Button = ({ ref }) => (react_1.default.createElement(Container, null,
+        react_1.default.createElement("div", { "data-tip": true, "data-for": submission.id },
+            react_1.default.createElement(DateButton, { ref: ref, criticality: submission.currentStep.criticality, disabled: userRole !== 'pe' },
+                (0, date_fns_1.format)(submission.currentStep.dueDate, 'd MMM, EEEE'),
+                submission.currentStep.criticality ===
+                    types_1.SubmissionCriticality.DUE_TODAY && react_1.default.createElement(AttentionOrange_1.default, null),
+                submission.currentStep.criticality ===
+                    types_1.SubmissionCriticality.OVERDUE && react_1.default.createElement(AttentionRed_1.default, null))),
+        react_1.default.createElement(react_tooltip_1.default, { id: submission.id, place: "bottom", effect: "solid", offset: { top: 10 }, className: "tooltip", disable: userRole == 'pe' }, "No permissions to reschedule")));
     return (react_1.default.createElement(Grid, null,
         react_1.default.createElement(DateLabel, null, "Due date"),
         react_1.default.createElement(Value, null,
@@ -117,21 +122,28 @@ exports.BaseInformation = ({ submission, handleDateChange, userRole }) => {
         react_1.default.createElement(Value, null, submission.journal.productionEditor.displayName),
         react_1.default.createElement(Label, null, "Publication Due:"),
         react_1.default.createElement(Value, null,
-            date_fns_1.format(submission.dueDate, 'd MMM, EEEE'),
+            (0, date_fns_1.format)(submission.dueDate, 'd MMM, EEEE'),
             submission.isAtRisk && (react_1.default.createElement(Pill, { background: criticalityPill[submission.criticality].color }, criticalityPill[submission.criticality].label)))));
 };
+exports.BaseInformation = BaseInformation;
 const getDay = (date) => ({
     year: date.getFullYear(),
     month: date.getMonth() + 1,
     day: date.getDate(),
 });
 const potentialDueDate = (stepDueDate, dueDate, submissionDueDate) => {
-    const duration = date_fns_1.intervalToDuration({
+    const duration = (0, date_fns_1.intervalToDuration)({
         start: stepDueDate,
         end: new Date(`${dueDate.year}-${dueDate.month < 10 ? `0${dueDate.month}` : dueDate.month}-${dueDate.day < 10 ? `0${dueDate.day}` : dueDate.day}`),
     });
-    return date_fns_1.add(submissionDueDate, duration);
+    return (0, date_fns_1.add)(submissionDueDate, duration);
 };
+const Container = styled_components_1.default.div `
+  .tooltip {
+    border-radius: 6px;
+    padding: ${(props) => props.theme.grid.unit * 2}px;
+  }
+`;
 const Grid = styled_components_1.default.div `
   display: grid;
   grid-template-columns: 30% auto;
@@ -151,10 +163,14 @@ const Label = styled_components_1.default.div `
   color: ${(props) => props.theme.colors.text.secondary};
   line-height: 1;
 `;
-const DateLabel = styled_components_1.default(Label) `
+const DateLabel = (0, styled_components_1.default)(Label) `
   color: ${(props) => props.theme.colors.text.primary};
 `;
-const DateButton = styled_components_1.default(Button_1.IconTextButton) `
+const disabledStyle = (0, styled_components_1.css) `
+  background-color: ${(props) => props.theme.colors.background.secondary} !important;
+  color: ${(props) => props.theme.colors.text.secondary} !important;
+`;
+const DateButton = (0, styled_components_1.default)(Button_1.IconTextButton) `
   border: 1px solid ${(props) => props.theme.colors.border.secondary}!important;
   box-sizing: border-box;
   border-radius: 6px;
@@ -166,9 +182,20 @@ const DateButton = styled_components_1.default(Button_1.IconTextButton) `
   width: 100%;
   height: ${(props) => props.theme.grid.unit * 7.5}px;
   justify-content: space-between;
-  background: transparent !important;
   padding: 0 ${(props) => props.theme.grid.unit * 2}px 0
     ${(props) => props.theme.grid.unit * 4}px;
+
+  ${(props) => props.disabled && disabledStyle}
+
+  &:focus {
+    border-color: ${(props) => props.theme.colors.border.field.hover}!important;
+    background-color: ${(props) => props.theme.colors.background.fifth};
+  }
+
+  &:hover {
+    background-color: ${(props) => props.theme.colors.background.fifth};
+  }
+
   svg {
     margin-right: 0;
   }
@@ -227,11 +254,11 @@ const UpdatedDueDate = styled_components_1.default.div `
   padding: ${(props) => props.theme.grid.unit}px
     ${(props) => props.theme.grid.unit * 2}px; ;
 `;
-const DueDateMessage = styled_components_1.default(Dialog_1.MessageContainer) `
+const DueDateMessage = (0, styled_components_1.default)(Dialog_1.MessageContainer) `
   min-height: min-content;
   margin: ${(props) => props.theme.grid.unit * 6}px 0 0 0;
 `;
-const StrikeDueDate = styled_components_1.default(Dialog_1.MessageContainer) `
+const StrikeDueDate = (0, styled_components_1.default)(Dialog_1.MessageContainer) `
   margin: 0;
   min-height: min-content;
   padding-right: ${(props) => props.theme.grid.unit}px;

package/dist/cjs/components/SubmissionInspector/Button.js

@@ -21,11 +21,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ZoomButtonGroup = exports.ZoomButton = void 0;
 const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("../Button");
-exports.ZoomButton = styled_components_1.default(Button_1.IconButton) `
+exports.ZoomButton = (0, styled_components_1.default)(Button_1.IconButton) `
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.12);
   border-radius: ${(props) => props.theme.grid.unit * 8}px;
 `;
-exports.ZoomButtonGroup = styled_components_1.default(Button_1.ButtonGroup) `
+exports.ZoomButtonGroup = (0, styled_components_1.default)(Button_1.ButtonGroup) `
   width: ${(props) => props.theme.grid.unit * 22}px;
   justify-content: space-between;
 `;

package/dist/cjs/components/SubmissionInspector/Progress.js

@@ -30,7 +30,7 @@ const CriticalityLabel = {
     DUE_TODAY: { label: 'Due today', color: '#353535' },
     OVERDUE: { label: 'Overdue', color: '#F35143' },
 };
-exports.Progress = ({ submission }) => {
+const Progress = ({ submission }) => {
     const { currentStep, nextStep, previousStep } = submission;
     return (react_1.default.createElement(Grid, null,
         previousStep && (react_1.default.createElement(react_1.default.Fragment, null,
@@ -42,7 +42,7 @@ exports.Progress = ({ submission }) => {
                 react_1.default.createElement(Text_1.SecondarySmallText, null,
                     "Actor: ",
                     previousStep.type.role.label),
-                react_1.default.createElement(Text_1.SecondarySmallText, null, date_fns_1.format(previousStep.dueDate, 'd MMMM, EEEE'))))),
+                react_1.default.createElement(Text_1.SecondarySmallText, null, (0, date_fns_1.format)(previousStep.dueDate, 'd MMMM, EEEE'))))),
         react_1.default.createElement(TaskStatus, null,
             react_1.default.createElement(icons_1.TaskStepCurrentIcon, { color: CriticalityLabel[currentStep.criticality].color })),
         react_1.default.createElement(TaskContainer, null,
@@ -51,7 +51,7 @@ exports.Progress = ({ submission }) => {
             react_1.default.createElement(Text_1.SecondarySmallText, null,
                 "Actor: ",
                 currentStep.type.role.label),
-            react_1.default.createElement(Text_1.PrimarySmallText, null, date_fns_1.format(currentStep.dueDate, 'd MMMM, EEEE')),
+            react_1.default.createElement(Text_1.PrimarySmallText, null, (0, date_fns_1.format)(currentStep.dueDate, 'd MMMM, EEEE')),
             !(currentStep.criticality === types_1.SubmissionCriticality.ON_SCHEDULE) && (react_1.default.createElement(CriticalityText, { color: CriticalityLabel[currentStep.criticality].color }, CriticalityLabel[currentStep.criticality].label))),
         nextStep && (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement(TaskStatus, null,
@@ -62,8 +62,9 @@ exports.Progress = ({ submission }) => {
                 react_1.default.createElement(Text_1.SecondarySmallText, null,
                     "Actor: ",
                     nextStep.type.role.label),
-                react_1.default.createElement(Text_1.PrimarySmallText, null, date_fns_1.format(nextStep.dueDate, 'd MMMM, EEEE')))))));
+                react_1.default.createElement(Text_1.PrimarySmallText, null, (0, date_fns_1.format)(nextStep.dueDate, 'd MMMM, EEEE')))))));
 };
+exports.Progress = Progress;
 const Grid = styled_components_1.default.div `
   display: grid;
   grid-template-columns: max-content auto;
@@ -80,6 +81,6 @@ const TaskContainer = styled_components_1.default.div `
   grid-column: 2;
   margin-bottom: 8px;
 `;
-const CriticalityText = styled_components_1.default(Text_1.PrimarySmallText) `
+const CriticalityText = (0, styled_components_1.default)(Text_1.PrimarySmallText) `
   color: ${(props) => props.color};
 `;

package/dist/cjs/components/SubmissionInspector/Text.js

@@ -28,7 +28,7 @@ exports.PrimaryBoldHeading = styled_components_1.default.div `
   letter-spacing: -0.369231px;
   color: ${(props) => props.theme.colors.text.primary};
 `;
-exports.SecondaryBoldHeading = styled_components_1.default(exports.PrimaryBoldHeading) `
+exports.SecondaryBoldHeading = (0, styled_components_1.default)(exports.PrimaryBoldHeading) `
   color: ${(props) => props.theme.colors.text.secondary};
 `;
 exports.PrimarySmallText = styled_components_1.default.div `
@@ -38,6 +38,6 @@ exports.PrimarySmallText = styled_components_1.default.div `
   line-height: ${(props) => props.theme.font.lineHeight.normal};
   color: ${(props) => props.theme.colors.text.primary};
 `;
-exports.SecondarySmallText = styled_components_1.default(exports.PrimarySmallText) `
+exports.SecondarySmallText = (0, styled_components_1.default)(exports.PrimarySmallText) `
   color: ${(props) => props.theme.colors.text.secondary};
 `;

package/dist/cjs/components/TextField.js

@@ -40,7 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TextFieldWrapper = exports.TextFieldLabel = exports.TextFieldGroup = exports.TextArea = exports.TextField = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importStar(require("styled-components"));
-const commonStyles = styled_components_1.css `
+const commonStyles = (0, styled_components_1.css) `
   border: 1px solid
     ${(props) => props.error
     ? props.theme.colors.border.error
@@ -131,8 +131,9 @@ const IconWrapper = styled_components_1.default.div `
   flex-direction: column;
   justify-content: space-around;
 `;
-exports.TextFieldWrapper = ({ leftIcon, children }) => {
+const TextFieldWrapper = ({ leftIcon, children }) => {
     return (react_1.default.createElement(TextFieldWrapperStyles, null,
         children,
         react_1.default.createElement(IconWrapper, null, leftIcon)));
 };
+exports.TextFieldWrapper = TextFieldWrapper;

package/dist/cjs/components/TextFieldContainer.js

@@ -22,7 +22,7 @@ exports.TextFieldContainer = void 0;
 const react_1 = __importDefault(require("react"));
 const TextField_1 = require("./TextField");
 const TextFieldError_1 = require("./TextFieldError");
-exports.TextFieldContainer = ({ label, error, children, }) => {
+const TextFieldContainer = ({ label, error, children }) => {
     const childrenWithErrorProp = react_1.default.Children.map(children, (child) => react_1.default.cloneElement(child, { error }));
     return (react_1.default.createElement(react_1.default.Fragment, null,
         label ? (react_1.default.createElement(TextField_1.TextFieldLabel, null,
@@ -32,3 +32,4 @@ exports.TextFieldContainer = ({ label, error, children, }) => {
         error && (react_1.default.createElement(TextFieldError_1.TextFieldError, null,
             react_1.default.createElement(TextFieldError_1.TextFieldErrorItem, null, error)))));
 };
+exports.TextFieldContainer = TextFieldContainer;

package/dist/cjs/components/TextFieldError.js

@@ -45,6 +45,7 @@ const Container = styled_components_1.default.div `
 exports.TextFieldErrorItem = styled_components_1.default.div `
   margin: 8px;
 `;
-exports.TextFieldError = ({ children }) => (react_1.default.createElement(Container, null,
+const TextFieldError = ({ children }) => (react_1.default.createElement(Container, null,
     react_1.default.createElement(Arrow, null),
     children));
+exports.TextFieldError = TextFieldError;

package/dist/cjs/components/TextFieldGroupContainer.js

@@ -23,8 +23,9 @@ const react_1 = __importDefault(require("react"));
 const TextField_1 = require("./TextField");
 const TextFieldError_1 = require("./TextFieldError");
 const hasErrors = (errors) => Object.values(errors).some((error) => !!error);
-exports.TextFieldGroupContainer = ({ children, errors, }) => {
+const TextFieldGroupContainer = ({ children, errors }) => {
     return (react_1.default.createElement(TextField_1.TextFieldGroup, null,
         children,
         errors && hasErrors(errors) && (react_1.default.createElement(TextFieldError_1.TextFieldError, null, Object.entries(errors).map(([key, error]) => error && (react_1.default.createElement(TextFieldError_1.TextFieldErrorItem, { id: `${key}-text-field-error`, key: key }, error)))))));
 };
+exports.TextFieldGroupContainer = TextFieldGroupContainer;

package/dist/cjs/components/Tip.js

@@ -47,14 +47,14 @@ const TipContainer = styled_components_1.default.div `
   font-family: ${(props) => props.theme.font.family.sans};
   justify-content: center;
 `;
-exports.Tip = ({ children, placement, title, }) => {
-    const [tooltip, setTooltip] = react_1.useState();
-    react_1.useEffect(() => () => {
+const Tip = ({ children, placement, title, }) => {
+    const [tooltip, setTooltip] = (0, react_1.useState)();
+    (0, react_1.useEffect)(() => () => {
         if (tooltip) {
             tooltip.dispose();
         }
     }, [tooltip]);
-    const createTooltip = react_1.useCallback((node) => {
+    const createTooltip = (0, react_1.useCallback)((node) => {
         if (node) {
             setTooltip(new tooltip_js_1.default(node, {
                 placement,
@@ -64,15 +64,16 @@ exports.Tip = ({ children, placement, title, }) => {
             }));
         }
     }, [setTooltip, placement, title]);
-    const show = react_1.useCallback(() => {
+    const show = (0, react_1.useCallback)(() => {
         if (tooltip) {
             tooltip.show();
         }
     }, [tooltip]);
-    const hide = react_1.useCallback(() => {
+    const hide = (0, react_1.useCallback)(() => {
         if (tooltip) {
             tooltip.hide();
         }
     }, [tooltip]);
     return (react_1.default.createElement(TipContainer, { ref: createTooltip, onMouseEnter: show, onMouseLeave: hide }, children));
 };
+exports.Tip = Tip;

package/dist/cjs/components/icons/back-arrow.js

@@ -20,6 +20,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BackArrow = void 0;
 const react_1 = __importDefault(require("react"));
-exports.BackArrow = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 408 408", width: props.size || 408, height: props.size || 408 }, props),
+const BackArrow = (props) => (react_1.default.createElement("svg", Object.assign({ viewBox: "0 0 408 408", width: props.size || 408, height: props.size || 408 }, props),
     react_1.default.createElement("path", { d: "M408 178.5H96.9L239.7 35.7 204 0 0 204l204 204 35.7-35.7L96.9 229.5H408v-51z", fill: props.color || '#000', fillRule: "evenodd" })));
+exports.BackArrow = BackArrow;
 exports.default = exports.BackArrow;

package/dist/cjs/hooks/use-dropdown.js

@@ -17,13 +17,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.useDropdown = void 0;
 const react_1 = require("react");
-exports.useDropdown = () => {
-    const [isOpen, setOpen] = react_1.useState(false);
-    const toggleOpen = react_1.useCallback(() => {
+const useDropdown = () => {
+    const [isOpen, setOpen] = (0, react_1.useState)(false);
+    const toggleOpen = (0, react_1.useCallback)(() => {
         setOpen((open) => !open);
     }, []);
-    const wrapperRef = react_1.useRef(null);
-    react_1.useEffect(() => {
+    const wrapperRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         const handleClickOutside = (event) => {
             if (wrapperRef.current &&
                 !wrapperRef.current.contains(event.target)) {
@@ -41,3 +41,4 @@ exports.useDropdown = () => {
         wrapperRef,
     };
 };
+exports.useDropdown = useDropdown;

package/dist/cjs/lib/authors.js

@@ -26,19 +26,21 @@ const getModelsByType = (modelMap, objectType) => {
     }
     return output;
 };
-exports.buildSortedAuthors = (modelMap) => {
+const buildSortedAuthors = (modelMap) => {
     return getModelsByType(modelMap, manuscripts_json_schema_1.ObjectTypes.Contributor)
         .filter((item) => item.role === 'author')
         .sort((a, b) => Number(a.priority) - Number(b.priority));
 };
-exports.buildAuthorPriority = (authors) => {
+exports.buildSortedAuthors = buildSortedAuthors;
+const buildAuthorPriority = (authors) => {
     if (!authors.length) {
         return 0;
     }
     const priorities = authors.map((author) => Number(author.priority));
     return Math.max(...priorities) + 1;
 };
-exports.buildAffiliationIDs = (authors) => {
+exports.buildAuthorPriority = buildAuthorPriority;
+const buildAffiliationIDs = (authors) => {
     const ids = [];
     authors.forEach((author) => {
         if (author.affiliations) {
@@ -49,7 +51,8 @@ exports.buildAffiliationIDs = (authors) => {
     });
     return ids.filter((value, index) => ids.indexOf(value) === index);
 };
-exports.buildAuthorAffiliations = (authors, affiliations, uniqueAffiliationIDs) => {
+exports.buildAffiliationIDs = buildAffiliationIDs;
+const buildAuthorAffiliations = (authors, affiliations, uniqueAffiliationIDs) => {
     const items = new Map();
     authors.forEach((author) => {
         items.set(author._id, (author.affiliations || []).map((id) => {
@@ -61,41 +64,47 @@ exports.buildAuthorAffiliations = (authors, affiliations, uniqueAffiliationIDs)
     });
     return items;
 };
-exports.buildAffiliationsMap = (affiliationIDs, modelMap) => new Map(affiliationIDs.map((id) => [
+exports.buildAuthorAffiliations = buildAuthorAffiliations;
+const buildAffiliationsMap = (affiliationIDs, modelMap) => new Map(affiliationIDs.map((id) => [
     id,
     modelMap.get(id),
 ]));
-exports.buildAuthorsAndAffiliations = (modelMap) => {
-    const authors = exports.buildSortedAuthors(modelMap);
-    const affiliationIDs = exports.buildAffiliationIDs(authors);
-    const affiliations = exports.buildAffiliationsMap(affiliationIDs, modelMap);
-    const authorAffiliations = exports.buildAuthorAffiliations(authors, affiliations, affiliationIDs);
+exports.buildAffiliationsMap = buildAffiliationsMap;
+const buildAuthorsAndAffiliations = (modelMap) => {
+    const authors = (0, exports.buildSortedAuthors)(modelMap);
+    const affiliationIDs = (0, exports.buildAffiliationIDs)(authors);
+    const affiliations = (0, exports.buildAffiliationsMap)(affiliationIDs, modelMap);
+    const authorAffiliations = (0, exports.buildAuthorAffiliations)(authors, affiliations, affiliationIDs);
     return {
         affiliations,
         authors,
         authorAffiliations,
     };
 };
-exports.isJointFirstAuthor = (authors, index) => {
+exports.buildAuthorsAndAffiliations = buildAuthorsAndAffiliations;
+const isJointFirstAuthor = (authors, index) => {
     const author = index === 0 ? authors[index] : authors[index - 1];
     return Boolean(author.isJointContributor);
 };
-exports.affiliationLabel = (affiliation) => {
+exports.isJointFirstAuthor = isJointFirstAuthor;
+const affiliationLabel = (affiliation) => {
     const { department, institution = '' } = affiliation;
     if (!institution) {
         return '(unknown institution)';
     }
     return department ? `${institution} (${department})`.trim() : institution;
 };
-exports.affiliationsOptions = (affiliations, authorAffiliations) => {
+exports.affiliationLabel = affiliationLabel;
+const affiliationsOptions = (affiliations, authorAffiliations) => {
     if (!authorAffiliations) {
-        return exports.affiliationsOptions(affiliations, []);
+        return (0, exports.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: exports.affiliationLabel(affiliation) || '',
+        label: (0, exports.affiliationLabel)(affiliation) || '',
     }));
 };
+exports.affiliationsOptions = affiliationsOptions;