@manuscripts/style-guide 0.30.15 → 0.30.19

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "0.30.15",
+  "version": "0.30.19",
   "repository": "gitlab:mpapp-public/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -36,6 +36,7 @@
     "@manuscripts/assets": "^0.6.1",
     "@manuscripts/eslint-config": "^0.4.2",
     "@reach/tabs": "^0.11.2",
+    "@types/prosemirror-model": "~1.13.0",
     "@types/react-color": "^3.0.4",
     "@types/react-router-dom": "^5.1.6",
     "date-fns": "^2.16.1",
@@ -47,7 +48,7 @@
     "react-modal": "^3.11.2",
     "react-modern-calendar-datepicker": "^3.1.3",
     "react-router-dom": "^5.2.0",
-    "react-select": "^3.0.8",
+    "react-select": "^5.0.1",
     "react-sizeme": "^2.6.12",
     "react-tooltip": "^4.2.11",
     "tooltip.js": "^1.3.3",
@@ -75,7 +76,6 @@
     "@types/react": "^16.9.52",
     "@types/react-dom": "^16.9.8",
     "@types/react-modal": "^3.10.6",
-    "@types/react-select": "^3.0.22",
     "@types/storybook__addon-actions": "^3.4.1",
     "@types/storybook__react": "^4.0.2",
     "@types/styled-components": "^5.1.4",
@@ -85,7 +85,7 @@
     "babel-jest": "^26.5.2",
     "babel-loader": "^8.0.6",
     "babel-plugin-transform-es2015-modules-commonjs": "^6.26.2",
-    "chokidar": "^3.4.2",
+    "chokidar": "^3.3.1",
     "eslint": "^7.11.0",
     "eslint-config-prettier": "^6.12.0",
     "eslint-plugin-header": "^3.1.0",
@@ -111,7 +111,7 @@
     "react-is": "^16.11.0",
     "rimraf": "^3.0.0",
     "styled-components": "^5.2.0",
-    "typescript": "^4.0.3"
+    "typescript": "~4.4.4"
   },
   "peerDependencies": {
     "@manuscripts/comment-editor": "^0.2.3",

package/dist/cjs/components/AuthorForm/AffiliationsSelect.js

@@ -1,55 +0,0 @@
-"use strict";
-/*!
- * © 2019 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var __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());
-    });
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AffiliationsSelect = void 0;
-const react_1 = __importDefault(require("react"));
-const creatable_1 = __importDefault(require("react-select/creatable"));
-const styled_components_1 = require("styled-components");
-exports.AffiliationsSelect = ({ affiliations, createAffiliation, form, field, theme }) => {
-    return (react_1.default.createElement(creatable_1.default, { isMulti: true, noOptionsMessage: () => 'Type institution name to search for it.', onChange: (value, actionMeta) => __awaiter(void 0, void 0, void 0, function* () {
-            form.setFieldValue(field.name, yield Promise.all(value.map((option) => __awaiter(void 0, void 0, void 0, function* () {
-                if (actionMeta.action === 'create-option' && option.__isNew__) {
-                    return createAffiliation(option.label);
-                }
-                return affiliations.get(option.value);
-            }))));
-            yield form.submitForm();
-        }), options: Array.from(affiliations.values()).map((affiliation) => ({
-            value: affiliation._id,
-            label: affiliation.institution || '',
-        })), value: (field.value || []).map((item) => ({
-            value: item._id,
-            label: item.institution,
-        })), styles: {
-            control: (provided, state) => (Object.assign(Object.assign({}, provided), { backgroundColor: theme.colors.background.primary, borderColor: state.isFocused
-                    ? theme.colors.border.field.active
-                    : theme.colors.border.field.default, borderRadius: theme.grid.radius.default, boxShadow: 'none', fontFamily: theme.font.family.sans })),
-        } }));
-};
-exports.default = styled_components_1.withTheme(exports.AffiliationsSelect);

package/dist/es/components/AuthorForm/AffiliationsSelect.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.
- */
-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 from 'react';
-import CreatableSelect from 'react-select/creatable';
-import { withTheme } from 'styled-components';
-export const AffiliationsSelect = ({ affiliations, createAffiliation, form, field, theme }) => {
-    return (React.createElement(CreatableSelect, { isMulti: true, noOptionsMessage: () => 'Type institution name to search for it.', onChange: (value, actionMeta) => __awaiter(void 0, void 0, void 0, function* () {
-            form.setFieldValue(field.name, yield Promise.all(value.map((option) => __awaiter(void 0, void 0, void 0, function* () {
-                if (actionMeta.action === 'create-option' && option.__isNew__) {
-                    return createAffiliation(option.label);
-                }
-                return affiliations.get(option.value);
-            }))));
-            yield form.submitForm();
-        }), options: Array.from(affiliations.values()).map((affiliation) => ({
-            value: affiliation._id,
-            label: affiliation.institution || '',
-        })), value: (field.value || []).map((item) => ({
-            value: item._id,
-            label: item.institution,
-        })), styles: {
-            control: (provided, state) => (Object.assign(Object.assign({}, provided), { backgroundColor: theme.colors.background.primary, borderColor: state.isFocused
-                    ? theme.colors.border.field.active
-                    : theme.colors.border.field.default, borderRadius: theme.grid.radius.default, boxShadow: 'none', fontFamily: theme.font.family.sans })),
-        } }));
-};
-export default withTheme(AffiliationsSelect);

package/dist/types/components/AuthorForm/AffiliationsSelect.d.ts

@@ -1,29 +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 { Affiliation, UserProfileAffiliation } from '@manuscripts/manuscripts-json-schema';
-import { FieldProps } from 'formik';
-import React from 'react';
-import { DefaultTheme, ThemeProps } from 'styled-components';
-declare type AffiliationType = UserProfileAffiliation | Affiliation;
-interface Props {
-    affiliations: Map<string, AffiliationType>;
-    createAffiliation: (institution: string) => Promise<AffiliationType>;
-}
-export declare const AffiliationsSelect: React.FunctionComponent<Props & FieldProps & ThemeProps<DefaultTheme>>;
-declare const _default: React.ForwardRefExoticComponent<Pick<React.PropsWithChildren<Props & FieldProps<any, any> & ThemeProps<DefaultTheme>>, "form" | "meta" | "children" | "field" | "affiliations" | "createAffiliation"> & {
-    theme?: DefaultTheme | undefined;
-}>;
-export default _default;