@manuscripts/style-guide 1.4.3 → 1.4.5-LEAN-3019

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

@@ -1,273 +0,0 @@
-"use strict";
-/*!
- * © 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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseInformation = void 0;
-require("react-modern-calendar-datepicker/lib/DatePicker.css");
-const AttentionOrange_1 = __importDefault(require("@manuscripts/assets/react/AttentionOrange"));
-const AttentionRed_1 = __importDefault(require("@manuscripts/assets/react/AttentionRed"));
-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 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");
-const dateFormat = 'd MMM, EEEE';
-const criticalityPill = {
-    [types_1.SubmissionCriticality.OVERDUE]: { label: 'Overdue', color: '#F5C1B7' },
-    [types_1.SubmissionCriticality.DUE_TODAY]: { label: 'At risk', color: '#FFE0B2' },
-    [types_1.SubmissionCriticality.ON_SCHEDULE]: { label: 'At risk', color: '#FFE0B2' },
-};
-const CalenderDatePicker = ({ submission, handleDateChange, Button }) => {
-    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 = (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');
-        button.blur();
-    }, []);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Calendar, null,
-            react_1.default.createElement(react_modern_calendar_datepicker_1.default, { value: getDay(submission.currentStep.dueDate), onChange: onDatePickerChange, calendarPopperPosition: 'bottom', colorPrimary: "#f2fbfc", calendarSelectedDayClassName: 'selected-day', calendarClassName: 'responsive-calendar', renderInput: Button })),
-        react_1.default.createElement(Dialog_1.Dialog, { isOpen: toggleDialog, category: Dialog_1.Category.confirmation, header: "Change the task due date?", message: react_1.default.createElement(react_1.default.Fragment, null,
-                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' }, (0, date_fns_1.format)(submission.dueDate, 'd MMM, EEEE')),
-                    formattedPotentialDueDate)), actions: {
-                primary: {
-                    action: onConfirmClick,
-                    title: 'Reschedule',
-                },
-                secondary: {
-                    action: () => setToggleDialog(false),
-                    title: 'Cancel',
-                },
-            } })));
-};
-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,
-        (!submission.isPublished && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(DateLabel, null, "Due date"),
-            react_1.default.createElement(Value, null,
-                react_1.default.createElement(CalenderDatePicker, { submission: submission, handleDateChange: handleDateChange, Button: Button }))))) || (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(Label, null, "Published:"),
-            react_1.default.createElement(Value, null, (0, date_fns_1.format)(submission.publishedDate || 0, 'd MMM yyyy, EEEE')))),
-        react_1.default.createElement(Label, null, "Article ID:"),
-        react_1.default.createElement(Value, null, submission.code),
-        react_1.default.createElement(Label, null, "DOI:"),
-        react_1.default.createElement(Value, null, submission.doi),
-        react_1.default.createElement(Label, null, "Journal:"),
-        react_1.default.createElement(Value, { "data-journal": submission.journal.title }, submission.journal.title),
-        react_1.default.createElement(Label, null, "Journal ID:"),
-        react_1.default.createElement(Value, null, submission.journal.id),
-        submission.author && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(Label, null, "Corresponding Author:"),
-            react_1.default.createElement(Value, null, submission.author.displayName),
-            react_1.default.createElement(Label, null, "Email:"),
-            react_1.default.createElement(Value, null, submission.author.email))),
-        react_1.default.createElement(Label, null, "Production Editor:"),
-        react_1.default.createElement(Value, null, submission.journal.productionEditor.displayName),
-        !submission.isPublished && (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(Label, null, "Publication Due:"),
-            react_1.default.createElement(Value, null,
-                (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 = (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 (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;
-  column-gap: ${(props) => props.theme.grid.unit * 2}px;
-  row-gap: ${(props) => props.theme.grid.unit * 4}px;
-`;
-const Value = styled_components_1.default.div `
-  flex: 1;
-  display: flex;
-  color: ${(props) => props.theme.colors.text.primary};
-  align-items: center;
-  line-height: 1;
-`;
-const Label = styled_components_1.default.div `
-  align-self: center;
-  width: fit-content;
-  color: ${(props) => props.theme.colors.text.secondary};
-  line-height: 1;
-`;
-const DateLabel = (0, styled_components_1.default)(Label) `
-  color: ${(props) => props.theme.colors.text.primary};
-`;
-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;
-  font-weight: ${(props) => props.theme.font.weight.normal};
-  font-size: ${(props) => props.theme.font.size.normal};
-  line-height: ${(props) => props.theme.font.lineHeight.large};
-  color: ${(props) => props.criticality === types_1.SubmissionCriticality.OVERDUE &&
-    props.theme.colors.text.error}!important;
-  width: 100%;
-  height: ${(props) => props.theme.grid.unit * 7.5}px;
-  justify-content: space-between;
-  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;
-  }
-`;
-const Calendar = styled_components_1.default.div `
-  flex: 1;
-
-  .DatePicker {
-    width: 100%;
-  }
-
-  .DatePicker__calendarContainer {
-    position: absolute;
-    top: unset;
-    left: unset !important;
-    right: 0 !important;
-    transform: unset !important;
-  }
-
-  .Calendar__weekDay {
-    color: #e6e6e;
-    font-size: ${(props) => props.theme.font.size.normal};
-    line-height: ${(props) => props.theme.font.lineHeight.large};
-    font-weight: ${(props) => props.theme.font.weight.medium};
-  }
-
-  .Calendar__day:not(.-blank):not(.-selected):hover {
-    background: #f2fbfc !important;
-  }
-
-  .Calendar__day.-today:hover::after {
-    opacity: 0.5 !important;
-  }
-
-  .selected-day {
-    color: ${(props) => props.theme.colors.text.primary} !important;
-    border: 1px solid ${(props) => props.theme.colors.border.primary} !important;
-  }
-`;
-const Pill = styled_components_1.default.div `
-  ${(props) => props.background && `background: ${props.background}`};
-  padding: ${(props) => props.theme.grid.unit}px;
-  margin-left: ${(props) => props.theme.grid.unit}px;
-  font-size: ${(props) => props.theme.font.size.small};
-  line-height: ${(props) => props.theme.font.lineHeight.normal};
-  font-weight: ${(props) => props.theme.font.weight.normal};
-  border-radius: 6px;
-`;
-const UpdatedDueDate = styled_components_1.default.div `
-  background: ${(props) => props.theme.colors.background.secondary};
-  color: ${(props) => props.theme.colors.text.primary};
-  width: max-content;
-  border: 1px solid ${(props) => props.theme.colors.border.secondary};
-  box-sizing: border-box;
-  border-radius: ${(props) => props.theme.grid.unit}px;
-  padding: ${(props) => props.theme.grid.unit}px
-    ${(props) => props.theme.grid.unit * 2}px;
-`;
-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 = (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

@@ -1,31 +0,0 @@
-"use strict";
-/*!
- * © 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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-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 = (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 = (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

@@ -1,86 +0,0 @@
-"use strict";
-/*!
- * © 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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Progress = void 0;
-const date_fns_1 = require("date-fns");
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const icons_1 = require("../icons");
-const Text_1 = require("./Text");
-const types_1 = require("./types");
-const CriticalityLabel = {
-    ON_SCHEDULE: { label: '', color: '' },
-    DUE_TODAY: { label: 'Due today', color: '#353535' },
-    OVERDUE: { label: 'Overdue', color: '#F35143' },
-};
-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,
-            react_1.default.createElement(TaskStatus, null,
-                react_1.default.createElement(icons_1.TaskStepDoneIcon, null)),
-            react_1.default.createElement(TaskContainer, null,
-                react_1.default.createElement(Text_1.SecondaryBoldHeading, null, previousStep.type.label),
-                react_1.default.createElement(Text_1.SecondarySmallText, null, previousStep.type.description),
-                react_1.default.createElement(Text_1.SecondarySmallText, null,
-                    "Actor: ",
-                    previousStep.type.role.label),
-                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,
-            react_1.default.createElement(Text_1.PrimaryBoldHeading, null, currentStep.type.label),
-            react_1.default.createElement(Text_1.SecondarySmallText, null, currentStep.type.description),
-            react_1.default.createElement(Text_1.SecondarySmallText, null,
-                "Actor: ",
-                currentStep.type.role.label),
-            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,
-                react_1.default.createElement(icons_1.TaskStepNextIcon, null)),
-            react_1.default.createElement(TaskContainer, null,
-                react_1.default.createElement(Text_1.PrimaryBoldHeading, null, nextStep.type.label),
-                react_1.default.createElement(Text_1.SecondarySmallText, null, nextStep.type.description),
-                react_1.default.createElement(Text_1.SecondarySmallText, null,
-                    "Actor: ",
-                    nextStep.type.role.label),
-                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;
-  gap: 0 ${(props) => props.theme.grid.unit * 2}px;
-`;
-const TaskStatus = styled_components_1.default.div `
-  grid-column: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  padding-top: 5px;
-`;
-const TaskContainer = styled_components_1.default.div `
-  grid-column: 2;
-  margin-bottom: 8px;
-`;
-const CriticalityText = (0, styled_components_1.default)(Text_1.PrimarySmallText) `
-  color: ${(props) => props.color};
-`;

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

@@ -1,43 +0,0 @@
-"use strict";
-/*!
- * © 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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-__exportStar(require("./Button"), exports);
-__exportStar(require("../SubmissionInspector/BaseInformation"), exports);
-__exportStar(require("../SubmissionInspector/Text"), exports);
-__exportStar(require("../SubmissionInspector/Progress"), exports);
-__exportStar(require("../ManuscriptNoteList"), exports);
-__exportStar(require("../Comments/CommentBody"), exports);
-__exportStar(require("../Comments/CommentTarget"), exports);
-__exportStar(require("../Comments/CommentUser"), exports);
-__exportStar(require("../Comments/ResolveButton"), exports);
-__exportStar(require("../Comments/CommentWrapper"), exports);
-__exportStar(require("../RelativeDate"), exports);
-__exportStar(require("../../lib/comments"), exports);

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

@@ -1,24 +0,0 @@
-"use strict";
-/*!
- * © 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.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SubmissionCriticality = void 0;
-var SubmissionCriticality;
-(function (SubmissionCriticality) {
-    SubmissionCriticality["ON_SCHEDULE"] = "ON_SCHEDULE";
-    SubmissionCriticality["DUE_TODAY"] = "DUE_TODAY";
-    SubmissionCriticality["OVERDUE"] = "OVERDUE";
-})(SubmissionCriticality = exports.SubmissionCriticality || (exports.SubmissionCriticality = {}));