@manuscripts/body-editor 3.7.12 → 3.7.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/affiliations/AffiliationForm.js +20 -7
- package/dist/cjs/components/authors/AuthorDetailsForm.js +19 -6
- package/dist/cjs/versions.js +1 -1
- package/dist/es/components/affiliations/AffiliationForm.js +20 -7
- package/dist/es/components/authors/AuthorDetailsForm.js +19 -6
- package/dist/es/versions.js +1 -1
- package/dist/types/versions.d.ts +1 -1
- package/package.json +1 -1
- package/styles/AdvancedEditor.css +11 -0
|
@@ -42,6 +42,7 @@ const formik_1 = require("formik");
|
|
|
42
42
|
const react_1 = __importStar(require("react"));
|
|
43
43
|
const styled_components_1 = __importDefault(require("styled-components"));
|
|
44
44
|
const ChangeHandlingForm_1 = require("../ChangeHandlingForm");
|
|
45
|
+
const styled_components_2 = require("../references/ReferenceForm/styled-components");
|
|
45
46
|
const Row = styled_components_1.default.div `
|
|
46
47
|
display: flex;
|
|
47
48
|
`;
|
|
@@ -99,17 +100,29 @@ const AffiliationForm = ({ values, onSave, onChange, actionsRef, }) => {
|
|
|
99
100
|
return (react_1.default.createElement(formik_1.Formik, { initialValues: values, onSubmit: onSave, innerRef: formRef, enableReinitialize: true }, () => (react_1.default.createElement(ChangeHandlingForm_1.ChangeHandlingForm, { onChange: onChange, id: "affiliation-form" },
|
|
100
101
|
react_1.default.createElement(FormLabel, null, "Institution*"),
|
|
101
102
|
react_1.default.createElement(Row, null,
|
|
102
|
-
react_1.default.createElement(formik_1.Field, { name: "institution" }, (props) => (react_1.default.createElement(
|
|
103
|
+
react_1.default.createElement(formik_1.Field, { name: "institution" }, (props) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
104
|
+
react_1.default.createElement(styled_components_2.Label, { htmlFor: "institution", className: "sr-only" }, "Institution Name"),
|
|
105
|
+
react_1.default.createElement(AffiliationsTextField, { id: "institution", placeholder: "Institution Name", ...props.field }))))),
|
|
103
106
|
react_1.default.createElement(FormLabel, null, "Details"),
|
|
104
107
|
react_1.default.createElement(Row, null,
|
|
105
|
-
react_1.default.createElement(formik_1.Field, { name: "department" }, (props) => (react_1.default.createElement(
|
|
108
|
+
react_1.default.createElement(formik_1.Field, { name: "department" }, (props) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
109
|
+
react_1.default.createElement(styled_components_2.Label, { htmlFor: "department", className: "sr-only" }, "Department"),
|
|
110
|
+
react_1.default.createElement(DepartmentTextField, { id: "department", placeholder: "Department", ...props.field }))))),
|
|
106
111
|
react_1.default.createElement(Row, null,
|
|
107
|
-
react_1.default.createElement(formik_1.Field, { name: "addressLine1" }, (props) => (react_1.default.createElement(
|
|
112
|
+
react_1.default.createElement(formik_1.Field, { name: "addressLine1" }, (props) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
113
|
+
react_1.default.createElement(styled_components_2.Label, { htmlFor: "addressLine1", className: "sr-only" }, "Street Address"),
|
|
114
|
+
react_1.default.createElement(AffiliationsTextField, { id: "addressLine1", placeholder: "Street Address", ...props.field }))))),
|
|
108
115
|
react_1.default.createElement(Row, null,
|
|
109
|
-
react_1.default.createElement(formik_1.Field, { name: "city" }, (props) => (react_1.default.createElement(MarginRightTextField, { id: "city", placeholder: "City", ...props.field }))),
|
|
110
|
-
react_1.default.createElement(formik_1.Field, { name: "county" }, (props) => (react_1.default.createElement(
|
|
116
|
+
react_1.default.createElement(formik_1.Field, { name: "city" }, (props) => (react_1.default.createElement(MarginRightTextField, { id: "city", placeholder: "City", "aria-label": "City", ...props.field }))),
|
|
117
|
+
react_1.default.createElement(formik_1.Field, { name: "county" }, (props) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
118
|
+
react_1.default.createElement(styled_components_2.Label, { htmlFor: "county", className: "sr-only" }, "State / Province"),
|
|
119
|
+
react_1.default.createElement(AffiliationsTextField, { id: "county", placeholder: "State / Province", ...props.field }))))),
|
|
111
120
|
react_1.default.createElement(Row, null,
|
|
112
|
-
react_1.default.createElement(formik_1.Field, { name: "postCode" }, (props) => (react_1.default.createElement(
|
|
113
|
-
|
|
121
|
+
react_1.default.createElement(formik_1.Field, { name: "postCode" }, (props) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
122
|
+
react_1.default.createElement(styled_components_2.Label, { htmlFor: "postCode", className: "sr-only" }, "Postal Code"),
|
|
123
|
+
react_1.default.createElement(MarginRightTextField, { id: "postCode", placeholder: "Postal Code", ...props.field })))),
|
|
124
|
+
react_1.default.createElement(formik_1.Field, { name: "country" }, ({ field }) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
125
|
+
react_1.default.createElement(styled_components_2.Label, { htmlFor: "country", className: "sr-only" }, "Country"),
|
|
126
|
+
react_1.default.createElement(AffiliationsTextField, { id: "country", placeholder: "Country", ...field })))))))));
|
|
114
127
|
};
|
|
115
128
|
exports.AffiliationForm = AffiliationForm;
|
|
@@ -57,6 +57,7 @@ const formik_1 = require("formik");
|
|
|
57
57
|
const react_1 = __importStar(require("react"));
|
|
58
58
|
const styled_components_1 = __importDefault(require("styled-components"));
|
|
59
59
|
const ChangeHandlingForm_1 = require("../ChangeHandlingForm");
|
|
60
|
+
const styled_components_2 = require("../references/ReferenceForm/styled-components");
|
|
60
61
|
exports.LabelText = styled_components_1.default.div `
|
|
61
62
|
font: ${(props) => props.theme.font.weight.normal}
|
|
62
63
|
${(props) => props.theme.font.size.normal} / 1
|
|
@@ -108,16 +109,26 @@ const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmailRequir
|
|
|
108
109
|
return (react_1.default.createElement(ChangeHandlingForm_1.ChangeHandlingForm, { onChange: onChange, id: "author-details-form", formRef: authorFormRef },
|
|
109
110
|
react_1.default.createElement(exports.Fieldset, null,
|
|
110
111
|
react_1.default.createElement(style_guide_1.TextFieldGroupContainer, null,
|
|
111
|
-
react_1.default.createElement(formik_1.Field, { name: 'prefix' }, (props) => (react_1.default.createElement(
|
|
112
|
-
|
|
113
|
-
|
|
112
|
+
react_1.default.createElement(formik_1.Field, { name: 'prefix' }, (props) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
113
|
+
react_1.default.createElement(styled_components_2.Label, { htmlFor: "prefix", className: "sr-only" }, "Prefix"),
|
|
114
|
+
react_1.default.createElement(style_guide_1.TextField, { id: 'prefix', placeholder: 'Prefix', ...props.field })))),
|
|
115
|
+
react_1.default.createElement(formik_1.Field, { name: 'bibliographicName.given' }, (props) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
116
|
+
react_1.default.createElement(styled_components_2.Label, { htmlFor: "given-name", className: "sr-only" }, "Given name"),
|
|
117
|
+
react_1.default.createElement(style_guide_1.TextField, { id: 'given-name', placeholder: 'Given name', ...props.field })))),
|
|
118
|
+
react_1.default.createElement(formik_1.Field, { name: 'bibliographicName.family' }, (props) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
119
|
+
react_1.default.createElement(styled_components_2.Label, { htmlFor: "family-name", className: "sr-only" }, "Family name"),
|
|
120
|
+
react_1.default.createElement(style_guide_1.TextField, { id: 'family-name', placeholder: 'Family name', ...props.field }))))),
|
|
114
121
|
react_1.default.createElement(formik_1.Field, { name: 'email', type: 'email' }, (props) => {
|
|
115
122
|
const placeholder = isEmailRequired
|
|
116
123
|
? '*Email address (required)'
|
|
117
124
|
: 'Email address';
|
|
118
|
-
return (react_1.default.createElement(
|
|
125
|
+
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
126
|
+
react_1.default.createElement(styled_components_2.Label, { htmlFor: "email", className: "sr-only" }, "Email address"),
|
|
127
|
+
react_1.default.createElement(TextFieldWithError, { id: 'email', type: "email", required: isEmailRequired, placeholder: placeholder, ...props.field })));
|
|
119
128
|
}),
|
|
120
|
-
react_1.default.createElement(formik_1.Field, { name: 'role' }, (props) => (react_1.default.createElement(
|
|
129
|
+
react_1.default.createElement(formik_1.Field, { name: 'role' }, (props) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
130
|
+
react_1.default.createElement(styled_components_2.Label, { htmlFor: "role", className: "sr-only" }, "Job Title"),
|
|
131
|
+
react_1.default.createElement(style_guide_1.TextField, { id: 'role', placeholder: 'Job Title', ...props.field })))),
|
|
121
132
|
react_1.default.createElement(exports.CheckboxContainer, null,
|
|
122
133
|
react_1.default.createElement(style_guide_1.CheckboxLabel, null,
|
|
123
134
|
react_1.default.createElement(formik_1.Field, { name: 'isCorresponding' }, (props) => (react_1.default.createElement(style_guide_1.CheckboxField, { id: 'isCorresponding', checked: props.field.value, ...props.field }))),
|
|
@@ -125,7 +136,9 @@ const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmailRequir
|
|
|
125
136
|
react_1.default.createElement(OrcidContainer, null,
|
|
126
137
|
react_1.default.createElement(style_guide_1.TextFieldLabel, null,
|
|
127
138
|
react_1.default.createElement(exports.LabelText, null, "ORCID"),
|
|
128
|
-
react_1.default.createElement(formik_1.Field, { name: 'ORCIDIdentifier', type: 'text' }, (props) => (react_1.default.createElement(
|
|
139
|
+
react_1.default.createElement(formik_1.Field, { name: 'ORCIDIdentifier', type: 'text' }, (props) => (react_1.default.createElement(react_1.default.Fragment, null,
|
|
140
|
+
react_1.default.createElement(styled_components_2.Label, { htmlFor: "orcid", className: "sr-only" }, "ORCID"),
|
|
141
|
+
react_1.default.createElement(style_guide_1.TextField, { id: 'orcid', placeholder: 'https://orcid.org/...', pattern: "https://orcid\\.org/\\d{4}-\\d{4}-\\d{4}-\\d{4}", title: "Please enter a valid ORCID URL format: https://orcid.org/xxxx-xxxx-xxxx-xxxx", ...props.field })))))))));
|
|
129
142
|
}));
|
|
130
143
|
};
|
|
131
144
|
exports.AuthorDetailsForm = AuthorDetailsForm;
|
package/dist/cjs/versions.js
CHANGED
|
@@ -3,6 +3,7 @@ import { Field, Formik } from 'formik';
|
|
|
3
3
|
import React, { useRef } from 'react';
|
|
4
4
|
import styled from 'styled-components';
|
|
5
5
|
import { ChangeHandlingForm } from '../ChangeHandlingForm';
|
|
6
|
+
import { Label } from '../references/ReferenceForm/styled-components';
|
|
6
7
|
const Row = styled.div `
|
|
7
8
|
display: flex;
|
|
8
9
|
`;
|
|
@@ -60,16 +61,28 @@ export const AffiliationForm = ({ values, onSave, onChange, actionsRef, }) => {
|
|
|
60
61
|
return (React.createElement(Formik, { initialValues: values, onSubmit: onSave, innerRef: formRef, enableReinitialize: true }, () => (React.createElement(ChangeHandlingForm, { onChange: onChange, id: "affiliation-form" },
|
|
61
62
|
React.createElement(FormLabel, null, "Institution*"),
|
|
62
63
|
React.createElement(Row, null,
|
|
63
|
-
React.createElement(Field, { name: "institution" }, (props) => (React.createElement(
|
|
64
|
+
React.createElement(Field, { name: "institution" }, (props) => (React.createElement(React.Fragment, null,
|
|
65
|
+
React.createElement(Label, { htmlFor: "institution", className: "sr-only" }, "Institution Name"),
|
|
66
|
+
React.createElement(AffiliationsTextField, { id: "institution", placeholder: "Institution Name", ...props.field }))))),
|
|
64
67
|
React.createElement(FormLabel, null, "Details"),
|
|
65
68
|
React.createElement(Row, null,
|
|
66
|
-
React.createElement(Field, { name: "department" }, (props) => (React.createElement(
|
|
69
|
+
React.createElement(Field, { name: "department" }, (props) => (React.createElement(React.Fragment, null,
|
|
70
|
+
React.createElement(Label, { htmlFor: "department", className: "sr-only" }, "Department"),
|
|
71
|
+
React.createElement(DepartmentTextField, { id: "department", placeholder: "Department", ...props.field }))))),
|
|
67
72
|
React.createElement(Row, null,
|
|
68
|
-
React.createElement(Field, { name: "addressLine1" }, (props) => (React.createElement(
|
|
73
|
+
React.createElement(Field, { name: "addressLine1" }, (props) => (React.createElement(React.Fragment, null,
|
|
74
|
+
React.createElement(Label, { htmlFor: "addressLine1", className: "sr-only" }, "Street Address"),
|
|
75
|
+
React.createElement(AffiliationsTextField, { id: "addressLine1", placeholder: "Street Address", ...props.field }))))),
|
|
69
76
|
React.createElement(Row, null,
|
|
70
|
-
React.createElement(Field, { name: "city" }, (props) => (React.createElement(MarginRightTextField, { id: "city", placeholder: "City", ...props.field }))),
|
|
71
|
-
React.createElement(Field, { name: "county" }, (props) => (React.createElement(
|
|
77
|
+
React.createElement(Field, { name: "city" }, (props) => (React.createElement(MarginRightTextField, { id: "city", placeholder: "City", "aria-label": "City", ...props.field }))),
|
|
78
|
+
React.createElement(Field, { name: "county" }, (props) => (React.createElement(React.Fragment, null,
|
|
79
|
+
React.createElement(Label, { htmlFor: "county", className: "sr-only" }, "State / Province"),
|
|
80
|
+
React.createElement(AffiliationsTextField, { id: "county", placeholder: "State / Province", ...props.field }))))),
|
|
72
81
|
React.createElement(Row, null,
|
|
73
|
-
React.createElement(Field, { name: "postCode" }, (props) => (React.createElement(
|
|
74
|
-
|
|
82
|
+
React.createElement(Field, { name: "postCode" }, (props) => (React.createElement(React.Fragment, null,
|
|
83
|
+
React.createElement(Label, { htmlFor: "postCode", className: "sr-only" }, "Postal Code"),
|
|
84
|
+
React.createElement(MarginRightTextField, { id: "postCode", placeholder: "Postal Code", ...props.field })))),
|
|
85
|
+
React.createElement(Field, { name: "country" }, ({ field }) => (React.createElement(React.Fragment, null,
|
|
86
|
+
React.createElement(Label, { htmlFor: "country", className: "sr-only" }, "Country"),
|
|
87
|
+
React.createElement(AffiliationsTextField, { id: "country", placeholder: "Country", ...field })))))))));
|
|
75
88
|
};
|
|
@@ -18,6 +18,7 @@ import { Field, Formik } from 'formik';
|
|
|
18
18
|
import React, { useEffect, useRef } from 'react';
|
|
19
19
|
import styled from 'styled-components';
|
|
20
20
|
import { ChangeHandlingForm } from '../ChangeHandlingForm';
|
|
21
|
+
import { Label } from '../references/ReferenceForm/styled-components';
|
|
21
22
|
export const LabelText = styled.div `
|
|
22
23
|
font: ${(props) => props.theme.font.weight.normal}
|
|
23
24
|
${(props) => props.theme.font.size.normal} / 1
|
|
@@ -69,16 +70,26 @@ export const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmai
|
|
|
69
70
|
return (React.createElement(ChangeHandlingForm, { onChange: onChange, id: "author-details-form", formRef: authorFormRef },
|
|
70
71
|
React.createElement(Fieldset, null,
|
|
71
72
|
React.createElement(TextFieldGroupContainer, null,
|
|
72
|
-
React.createElement(Field, { name: 'prefix' }, (props) => (React.createElement(
|
|
73
|
-
|
|
74
|
-
|
|
73
|
+
React.createElement(Field, { name: 'prefix' }, (props) => (React.createElement(React.Fragment, null,
|
|
74
|
+
React.createElement(Label, { htmlFor: "prefix", className: "sr-only" }, "Prefix"),
|
|
75
|
+
React.createElement(TextField, { id: 'prefix', placeholder: 'Prefix', ...props.field })))),
|
|
76
|
+
React.createElement(Field, { name: 'bibliographicName.given' }, (props) => (React.createElement(React.Fragment, null,
|
|
77
|
+
React.createElement(Label, { htmlFor: "given-name", className: "sr-only" }, "Given name"),
|
|
78
|
+
React.createElement(TextField, { id: 'given-name', placeholder: 'Given name', ...props.field })))),
|
|
79
|
+
React.createElement(Field, { name: 'bibliographicName.family' }, (props) => (React.createElement(React.Fragment, null,
|
|
80
|
+
React.createElement(Label, { htmlFor: "family-name", className: "sr-only" }, "Family name"),
|
|
81
|
+
React.createElement(TextField, { id: 'family-name', placeholder: 'Family name', ...props.field }))))),
|
|
75
82
|
React.createElement(Field, { name: 'email', type: 'email' }, (props) => {
|
|
76
83
|
const placeholder = isEmailRequired
|
|
77
84
|
? '*Email address (required)'
|
|
78
85
|
: 'Email address';
|
|
79
|
-
return (React.createElement(
|
|
86
|
+
return (React.createElement(React.Fragment, null,
|
|
87
|
+
React.createElement(Label, { htmlFor: "email", className: "sr-only" }, "Email address"),
|
|
88
|
+
React.createElement(TextFieldWithError, { id: 'email', type: "email", required: isEmailRequired, placeholder: placeholder, ...props.field })));
|
|
80
89
|
}),
|
|
81
|
-
React.createElement(Field, { name: 'role' }, (props) => (React.createElement(
|
|
90
|
+
React.createElement(Field, { name: 'role' }, (props) => (React.createElement(React.Fragment, null,
|
|
91
|
+
React.createElement(Label, { htmlFor: "role", className: "sr-only" }, "Job Title"),
|
|
92
|
+
React.createElement(TextField, { id: 'role', placeholder: 'Job Title', ...props.field })))),
|
|
82
93
|
React.createElement(CheckboxContainer, null,
|
|
83
94
|
React.createElement(CheckboxLabel, null,
|
|
84
95
|
React.createElement(Field, { name: 'isCorresponding' }, (props) => (React.createElement(CheckboxField, { id: 'isCorresponding', checked: props.field.value, ...props.field }))),
|
|
@@ -86,6 +97,8 @@ export const AuthorDetailsForm = ({ values, onChange, onSave, actionsRef, isEmai
|
|
|
86
97
|
React.createElement(OrcidContainer, null,
|
|
87
98
|
React.createElement(TextFieldLabel, null,
|
|
88
99
|
React.createElement(LabelText, null, "ORCID"),
|
|
89
|
-
React.createElement(Field, { name: 'ORCIDIdentifier', type: 'text' }, (props) => (React.createElement(
|
|
100
|
+
React.createElement(Field, { name: 'ORCIDIdentifier', type: 'text' }, (props) => (React.createElement(React.Fragment, null,
|
|
101
|
+
React.createElement(Label, { htmlFor: "orcid", className: "sr-only" }, "ORCID"),
|
|
102
|
+
React.createElement(TextField, { id: 'orcid', placeholder: 'https://orcid.org/...', pattern: "https://orcid\\.org/\\d{4}-\\d{4}-\\d{4}-\\d{4}", title: "Please enter a valid ORCID URL format: https://orcid.org/xxxx-xxxx-xxxx-xxxx", ...props.field })))))))));
|
|
90
103
|
}));
|
|
91
104
|
};
|
package/dist/es/versions.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export const VERSION = '3.7.
|
|
1
|
+
export const VERSION = '3.7.13';
|
|
2
2
|
export const MATHJAX_VERSION = '3.2.2';
|
package/dist/types/versions.d.ts
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export declare const VERSION = "3.7.
|
|
1
|
+
export declare const VERSION = "3.7.13";
|
|
2
2
|
export declare const MATHJAX_VERSION = "3.2.2";
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@manuscripts/body-editor",
|
|
3
3
|
"description": "Prosemirror components for editing and viewing manuscripts",
|
|
4
|
-
"version": "3.7.
|
|
4
|
+
"version": "3.7.13",
|
|
5
5
|
"repository": "github:Atypon-OpenSource/manuscripts-body-editor",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"main": "dist/cjs",
|
|
@@ -2050,3 +2050,14 @@ th:hover > .table-context-menu-button,
|
|
|
2050
2050
|
top: 35px;
|
|
2051
2051
|
right: 26px;
|
|
2052
2052
|
}
|
|
2053
|
+
|
|
2054
|
+
.sr-only {
|
|
2055
|
+
position: absolute;
|
|
2056
|
+
width: 1px;
|
|
2057
|
+
height: 1px;
|
|
2058
|
+
padding: 0;
|
|
2059
|
+
margin: -1px;
|
|
2060
|
+
overflow: hidden;
|
|
2061
|
+
clip: rect(0, 0, 0, 0);
|
|
2062
|
+
border: 0;
|
|
2063
|
+
}
|