@manuscripts/style-guide 1.5.0-LEAN-3180-2 → 1.5.0-LEAN-3083

package/dist/cjs/components/Dialog.js

@@ -27,7 +27,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Dialog = exports.Category = exports.MessageContainer = exports.DialogModalBody = void 0;
+exports.Dialog = exports.Category = exports.MessageContainer = exports.ModalBody = void 0;
 const AttentionRed_1 = __importDefault(require("@manuscripts/assets/react/AttentionRed"));
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
@@ -40,7 +40,7 @@ const Icon = styled_components_1.default.div `
   display: inline-flex;
   align-items: center;
 `;
-exports.DialogModalBody = styled_components_1.default.div `
+exports.ModalBody = styled_components_1.default.div `
   border-radius: ${(props) => props.theme.grid.radius.default};
   box-shadow: ${(props) => props.theme.shadow.dropShadow};
   background: ${(props) => props.theme.colors.background.primary};
@@ -121,7 +121,7 @@ class Dialog extends react_1.default.Component {
         const { actions, isOpen, header, message, category, children, confirmFieldText, className, } = this.props;
         const { primaryActionDisabled } = this.state;
         return (react_1.default.createElement(StyledModal_1.StyledModal, { isOpen: isOpen, onRequestClose: actions.onClose, shouldCloseOnOverlayClick: true, className: className },
-            react_1.default.createElement(exports.DialogModalBody, null,
+            react_1.default.createElement(exports.ModalBody, null,
                 react_1.default.createElement(HeaderContainer, null,
                     category === Category.error && (react_1.default.createElement(Icon, null,
                         react_1.default.createElement(AttentionRed_1.default, null))),

package/dist/cjs/components/SimpleModal.js

@@ -0,0 +1,95 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SimpleModal = exports.ModalMain = exports.CloseButton = exports.ModalHeader = exports.ModalContainer = void 0;
+const react_1 = __importDefault(require("react"));
+const react_modal_1 = __importDefault(require("react-modal"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const Button_1 = require("./Button");
+exports.ModalContainer = styled_components_1.default.div `
+  background: ${(props) => props.theme.colors.background.primary};
+  border-radius: ${(props) => props.theme.grid.radius.default};
+  box-shadow: ${(props) => props.theme.shadow.dropShadow};
+  font-family: ${(props) => props.theme.font.family.sans};
+  overflow: hidden;
+  margin: ${(props) => props.theme.grid.unit * 3}px;
+`;
+exports.ModalHeader = styled_components_1.default.div `
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+`;
+exports.CloseButton = (0, styled_components_1.default)(Button_1.RoundIconButton) `
+  box-shadow: none;
+  text-indent: -99999px;
+
+  ::before,
+  ::after {
+    background-color: ${(props) => props.theme.colors.text.secondary};
+    border-radius: 2px;
+    content: ' ';
+    display: block;
+    height: 14px;
+    transform: rotate(-45deg);
+    width: 2px;
+    position: absolute;
+    top: calc(50% - 7px);
+    left: calc(50% - 1px);
+  }
+  ::after {
+    transform: rotate(45deg);
+  }
+`;
+exports.ModalMain = styled_components_1.default.div `
+  padding: ${(props) => props.theme.grid.unit * 4}px;
+`;
+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)',
+            bottom: 0,
+            display: 'flex',
+            justifyContent: 'center',
+            left: 0,
+            position: 'fixed',
+            right: 0,
+            top: 0,
+        },
+        content: {
+            background: 'transparent',
+            border: 'none',
+            bottom: 0,
+            left: 0,
+            margin: 'auto',
+            maxHeight: '70vh',
+            maxWidth: '70vw',
+            padding: 0,
+            position: 'relative',
+            right: 0,
+            top: 0,
+            width,
+        },
+    } },
+    react_1.default.createElement(exports.ModalContainer, null,
+        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

@@ -29,12 +29,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.StyledModal = exports.ScrollableModalContent = exports.ModelContent = exports.ModalSidebarTitle = exports.ModalSidebarHeader = exports.ModalSidebar = exports.ModalBody = exports.CloseButton = exports.ModalHeader = exports.ModalContainer = void 0;
+exports.StyledModal = exports.ReactModalAdapter = void 0;
 const react_1 = __importDefault(require("react"));
 const react_modal_1 = __importDefault(require("react-modal"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const Button_1 = require("./Button");
-const Sidebar_1 = require("./Sidebar");
 const totalTransitionTime = 800;
 const transitionDelay = 300;
 const delayedTransitionTime = totalTransitionTime - transitionDelay;
@@ -42,83 +40,8 @@ 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.ModalContainer = styled_components_1.default.div `
-  background: ${(props) => props.theme.colors.background.primary};
-  border-radius: ${(props) => props.theme.grid.radius.default};
-  box-shadow: ${(props) => props.theme.shadow.dropShadow};
-  font-family: ${(props) => props.theme.font.family.sans};
-  overflow: hidden;
-  margin: ${(props) => props.theme.grid.unit * 3}px;
-`;
-exports.ModalHeader = styled_components_1.default.div `
-  position: absolute;
-  right: 0;
-  top: 0;
-  z-index: 1;
-`;
-exports.CloseButton = (0, styled_components_1.default)(Button_1.RoundIconButton) `
-  box-shadow: none;
-  text-indent: -99999px;
-
-  ::before,
-  ::after {
-    background-color: ${(props) => props.theme.colors.text.secondary};
-    border-radius: 2px;
-    content: ' ';
-    display: block;
-    height: 14px;
-    transform: rotate(-45deg);
-    width: 2px;
-    position: absolute;
-    top: calc(50% - 7px);
-    left: calc(50% - 1px);
-  }
-  ::after {
-    transform: rotate(45deg);
-  }
-`;
-exports.ModalBody = styled_components_1.default.div `
-  align-items: stretch;
-  display: flex;
-  flex: 1;
-  height: 90vh;
-  max-height: 680px;
-`;
-exports.ModalSidebar = styled_components_1.default.div `
-  ${Sidebar_1.SidebarStyles};
-  background-color: ${(props) => props.theme.colors.background.secondary};
-  border-top-left-radius: ${(props) => props.theme.grid.radius.default};
-  border-bottom-left-radius: ${(props) => props.theme.grid.radius.default};
-  max-width: 40vw;
-  overflow: auto;
-  width: 340px;
-`;
-exports.ModalSidebarHeader = styled_components_1.default.div `
-  align-items: flex-start;
-  display: flex;
-  flex-shrink: 0;
-  justify-content: space-between;
-  padding: 0 ${(props) => props.theme.grid.unit * 3}px;
-  margin-bottom: ${(props) => props.theme.grid.unit * 6}px;
-`;
-exports.ModalSidebarTitle = styled_components_1.default.div `
-  font-size: ${(props) => props.theme.font.size.xlarge};
-  font-weight: ${(props) => props.theme.font.weight.semibold};
-  color: ${(props) => props.theme.colors.text.primary};
-  user-select: none;
-  white-space: nowrap;
-  width: 100%;
-`;
-exports.ModelContent = styled_components_1.default.div `
-  padding: ${(props) => props.theme.grid.unit * 4}px;
-  box-sizing: border-box;
-  max-width: 60vw;
-  width: 480px;
-`;
-exports.ScrollableModalContent = (0, styled_components_1.default)(exports.ModelContent) `
-  overflow-y: auto;
-`;
-exports.StyledModal = (0, styled_components_1.default)(ReactModalAdapter).attrs({
+exports.ReactModalAdapter = ReactModalAdapter;
+exports.StyledModal = (0, styled_components_1.default)(exports.ReactModalAdapter).attrs({
     closeTimeoutMS: totalTransitionTime,
     overlayClassName: {
         base: 'Overlay',

package/dist/cjs/index.js

@@ -34,12 +34,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.errorsDecoder = exports.useDeepCompareCallback = exports.useDeepCompareMemo = void 0;
 __exportStar(require("./components/AffiliationsEditor"), exports);
-__exportStar(require("./components/AffiliationsList"), exports);
 __exportStar(require("./components/AuthorForm"), exports);
 __exportStar(require("./components/AuthorName"), exports);
-__exportStar(require("./components/AuthorsList"), exports);
 __exportStar(require("./components/AuthorsDND"), exports);
-__exportStar(require("./components/AuthorsContainer"), exports);
 __exportStar(require("./components/AlertMessage"), exports);
 __exportStar(require("./components/Button"), exports);
 __exportStar(require("./components/ColorField"), exports);
@@ -53,6 +50,7 @@ __exportStar(require("./components/FileManager"), exports);
 __exportStar(require("./components/FileManager/util"), exports);
 __exportStar(require("./components/Resizer"), exports);
 __exportStar(require("./components/SaveStatus"), exports);
+__exportStar(require("./components/SimpleModal"), exports);
 __exportStar(require("./components/StyledModal"), exports);
 __exportStar(require("./components/TextField"), exports);
 __exportStar(require("./components/TextFieldContainer"), exports);
@@ -72,7 +70,6 @@ __exportStar(require("./components/Text"), exports);
 __exportStar(require("./components/ManuscriptNoteList"), exports);
 __exportStar(require("./components/Comments"), exports);
 __exportStar(require("./components/RelativeDate"), exports);
-__exportStar(require("./components/References"), exports);
 __exportStar(require("./hooks/use-dropdown"), exports);
 __exportStar(require("./hooks/use-files"), exports);
 var use_deep_compare_1 = require("./hooks/use-deep-compare");

package/dist/es/components/Dialog.js

@@ -34,7 +34,7 @@ const Icon = styled.div `
   display: inline-flex;
   align-items: center;
 `;
-export const DialogModalBody = styled.div `
+export const ModalBody = styled.div `
   border-radius: ${(props) => props.theme.grid.radius.default};
   box-shadow: ${(props) => props.theme.shadow.dropShadow};
   background: ${(props) => props.theme.colors.background.primary};
@@ -115,7 +115,7 @@ export class Dialog extends React.Component {
         const { actions, isOpen, header, message, category, children, confirmFieldText, className, } = this.props;
         const { primaryActionDisabled } = this.state;
         return (React.createElement(StyledModal, { isOpen: isOpen, onRequestClose: actions.onClose, shouldCloseOnOverlayClick: true, className: className },
-            React.createElement(DialogModalBody, null,
+            React.createElement(ModalBody, null,
                 React.createElement(HeaderContainer, null,
                     category === Category.error && (React.createElement(Icon, null,
                         React.createElement(AttentionRed, null))),

package/dist/es/components/SimpleModal.js

@@ -0,0 +1,88 @@
+/*!
+ * © 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 from 'react';
+import Modal from 'react-modal';
+import styled from 'styled-components';
+import { RoundIconButton } from './Button';
+export const ModalContainer = styled.div `
+  background: ${(props) => props.theme.colors.background.primary};
+  border-radius: ${(props) => props.theme.grid.radius.default};
+  box-shadow: ${(props) => props.theme.shadow.dropShadow};
+  font-family: ${(props) => props.theme.font.family.sans};
+  overflow: hidden;
+  margin: ${(props) => props.theme.grid.unit * 3}px;
+`;
+export const ModalHeader = styled.div `
+  position: absolute;
+  right: 0;
+  top: 0;
+  z-index: 1;
+`;
+export const CloseButton = styled(RoundIconButton) `
+  box-shadow: none;
+  text-indent: -99999px;
+
+  ::before,
+  ::after {
+    background-color: ${(props) => props.theme.colors.text.secondary};
+    border-radius: 2px;
+    content: ' ';
+    display: block;
+    height: 14px;
+    transform: rotate(-45deg);
+    width: 2px;
+    position: absolute;
+    top: calc(50% - 7px);
+    left: calc(50% - 1px);
+  }
+  ::after {
+    transform: rotate(45deg);
+  }
+`;
+export const ModalMain = styled.div `
+  padding: ${(props) => props.theme.grid.unit * 4}px;
+`;
+export const SimpleModal = ({ children, closeWithOverlay, handleClose, width = 'auto', }) => (React.createElement(Modal, { isOpen: true, onRequestClose: handleClose, shouldCloseOnOverlayClick: closeWithOverlay, appElement: document.getElementById('root'), style: {
+        overlay: {
+            alignItems: 'center',
+            backgroundColor: 'rgba(0,0,0,0.5)',
+            bottom: 0,
+            display: 'flex',
+            justifyContent: 'center',
+            left: 0,
+            position: 'fixed',
+            right: 0,
+            top: 0,
+        },
+        content: {
+            background: 'transparent',
+            border: 'none',
+            bottom: 0,
+            left: 0,
+            margin: 'auto',
+            maxHeight: '70vh',
+            maxWidth: '70vw',
+            padding: 0,
+            position: 'relative',
+            right: 0,
+            top: 0,
+            width,
+        },
+    } },
+    React.createElement(ModalContainer, null,
+        React.createElement(ModalHeader, null,
+            React.createElement(CloseButton, { onClick: handleClose })),
+        React.createElement(ModalMain, null, children))));

package/dist/es/components/StyledModal.js

@@ -25,93 +25,15 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React from 'react';
-import ReactModal from 'react-modal';
+import Modal from 'react-modal';
 import styled from 'styled-components';
-import { RoundIconButton } from './Button';
-import { SidebarStyles } from './Sidebar';
 const totalTransitionTime = 800;
 const transitionDelay = 300;
 const delayedTransitionTime = totalTransitionTime - transitionDelay;
-const ReactModalAdapter = (_a) => {
+export const ReactModalAdapter = (_a) => {
     var { className, modalClassName } = _a, props = __rest(_a, ["className", "modalClassName"]);
-    return (React.createElement(ReactModal, Object.assign({ className: modalClassName, portalClassName: className, closeTimeoutMS: totalTransitionTime, appElement: document.getElementById('root') }, props)));
+    return (React.createElement(Modal, Object.assign({ className: modalClassName, portalClassName: className, closeTimeoutMS: totalTransitionTime, appElement: document.getElementById('root') }, props)));
 };
-export const ModalContainer = styled.div `
-  background: ${(props) => props.theme.colors.background.primary};
-  border-radius: ${(props) => props.theme.grid.radius.default};
-  box-shadow: ${(props) => props.theme.shadow.dropShadow};
-  font-family: ${(props) => props.theme.font.family.sans};
-  overflow: hidden;
-  margin: ${(props) => props.theme.grid.unit * 3}px;
-`;
-export const ModalHeader = styled.div `
-  position: absolute;
-  right: 0;
-  top: 0;
-  z-index: 1;
-`;
-export const CloseButton = styled(RoundIconButton) `
-  box-shadow: none;
-  text-indent: -99999px;
-
-  ::before,
-  ::after {
-    background-color: ${(props) => props.theme.colors.text.secondary};
-    border-radius: 2px;
-    content: ' ';
-    display: block;
-    height: 14px;
-    transform: rotate(-45deg);
-    width: 2px;
-    position: absolute;
-    top: calc(50% - 7px);
-    left: calc(50% - 1px);
-  }
-  ::after {
-    transform: rotate(45deg);
-  }
-`;
-export const ModalBody = styled.div `
-  align-items: stretch;
-  display: flex;
-  flex: 1;
-  height: 90vh;
-  max-height: 680px;
-`;
-export const ModalSidebar = styled.div `
-  ${SidebarStyles};
-  background-color: ${(props) => props.theme.colors.background.secondary};
-  border-top-left-radius: ${(props) => props.theme.grid.radius.default};
-  border-bottom-left-radius: ${(props) => props.theme.grid.radius.default};
-  max-width: 40vw;
-  overflow: auto;
-  width: 340px;
-`;
-export const ModalSidebarHeader = styled.div `
-  align-items: flex-start;
-  display: flex;
-  flex-shrink: 0;
-  justify-content: space-between;
-  padding: 0 ${(props) => props.theme.grid.unit * 3}px;
-  margin-bottom: ${(props) => props.theme.grid.unit * 6}px;
-`;
-export const ModalSidebarTitle = styled.div `
-  font-size: ${(props) => props.theme.font.size.xlarge};
-  font-weight: ${(props) => props.theme.font.weight.semibold};
-  color: ${(props) => props.theme.colors.text.primary};
-  user-select: none;
-  white-space: nowrap;
-  width: 100%;
-`;
-export const ModelContent = styled.div `
-  padding: ${(props) => props.theme.grid.unit * 4}px;
-  box-sizing: border-box;
-  max-width: 60vw;
-  width: 480px;
-`;
-export const ScrollableModalContent = styled(ModelContent) `
-  overflow-y: auto;
-`;
 export const StyledModal = styled(ReactModalAdapter).attrs({
     closeTimeoutMS: totalTransitionTime,
     overlayClassName: {

package/dist/es/index.js

@@ -14,12 +14,9 @@
  * limitations under the License.
  */
 export * from './components/AffiliationsEditor';
-export * from './components/AffiliationsList';
 export * from './components/AuthorForm';
 export * from './components/AuthorName';
-export * from './components/AuthorsList';
 export * from './components/AuthorsDND';
-export * from './components/AuthorsContainer';
 export * from './components/AlertMessage';
 export * from './components/Button';
 export * from './components/ColorField';
@@ -33,6 +30,7 @@ export * from './components/FileManager';
 export * from './components/FileManager/util';
 export * from './components/Resizer';
 export * from './components/SaveStatus';
+export * from './components/SimpleModal';
 export * from './components/StyledModal';
 export * from './components/TextField';
 export * from './components/TextFieldContainer';
@@ -52,7 +50,6 @@ export * from './components/Text';
 export * from './components/ManuscriptNoteList';
 export * from './components/Comments';
 export * from './components/RelativeDate';
-export * from './components/References';
 export * from './hooks/use-dropdown';
 export * from './hooks/use-files';
 export { useDeepCompareMemo, useDeepCompareCallback, } from './hooks/use-deep-compare';

package/dist/types/components/Dialog.d.ts

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import React from 'react';
-export declare const DialogModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const MessageContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 interface DialogState {
     primaryActionDisabled: boolean;

package/dist/types/components/SimpleModal.d.ts

@@ -0,0 +1,41 @@
+/*!
+ * © 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 from 'react';
+export declare const ModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button" | "reset" | "submit";
+} & {
+    danger?: boolean | undefined;
+    disabled?: boolean | undefined;
+    mini?: boolean | undefined;
+} & {
+    defaultColor?: boolean | undefined;
+    size?: number | undefined;
+    iconColor?: string | undefined;
+} & {
+    defaultColor: boolean;
+} & {
+    size?: number | undefined;
+}, "type" | "defaultColor">;
+export declare const ModalMain: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+interface Props {
+    handleClose: () => void;
+    closeWithOverlay: boolean;
+    width?: string;
+}
+export declare const SimpleModal: React.FunctionComponent<Props>;
+export {};

package/dist/types/components/StyledModal.d.ts

@@ -14,35 +14,13 @@
  * limitations under the License.
  */
 import React from 'react';
-import ReactModal from 'react-modal';
+import Modal from 'react-modal';
 import { ThemeProps } from 'styled-components';
 interface Props {
-    modalClassName?: ReactModal.Classes;
+    modalClassName?: Modal.Classes;
 }
-export declare const ModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const CloseButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
-    type: "button" | "reset" | "submit";
-} & {
-    danger?: boolean | undefined;
-    disabled?: boolean | undefined;
-    mini?: boolean | undefined;
-} & {
-    defaultColor?: boolean | undefined;
-    size?: number | undefined;
-    iconColor?: string | undefined;
-} & {
-    defaultColor: boolean;
-} & {
-    size?: number | undefined;
-}, "type" | "defaultColor">;
-export declare const ModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ModalSidebar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ModalSidebarHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ModalSidebarTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ModelContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const ScrollableModalContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const StyledModal: import("styled-components").StyledComponent<React.FC<ReactModal.Props & ThemeProps<ReactModal> & Props>, import("styled-components").DefaultTheme, {
+export declare const ReactModalAdapter: React.FunctionComponent<Modal.Props & ThemeProps<ReactModal> & Props>;
+export declare const StyledModal: import("styled-components").StyledComponent<React.FunctionComponent<Modal.Props & ThemeProps<Modal> & Props>, import("styled-components").DefaultTheme, {
     closeTimeoutMS: 800;
     overlayClassName: {
         base: string;

package/dist/types/index.d.ts

@@ -15,12 +15,9 @@
  */
 export { Theme } from './theme';
 export * from './components/AffiliationsEditor';
-export * from './components/AffiliationsList';
 export * from './components/AuthorForm';
 export * from './components/AuthorName';
-export * from './components/AuthorsList';
 export * from './components/AuthorsDND';
-export * from './components/AuthorsContainer';
 export * from './components/AlertMessage';
 export * from './components/Button';
 export * from './components/ColorField';
@@ -34,6 +31,7 @@ export * from './components/FileManager';
 export * from './components/FileManager/util';
 export * from './components/Resizer';
 export * from './components/SaveStatus';
+export * from './components/SimpleModal';
 export * from './components/StyledModal';
 export * from './components/TextField';
 export * from './components/TextFieldContainer';
@@ -53,7 +51,6 @@ export * from './components/Text';
 export * from './components/ManuscriptNoteList';
 export * from './components/Comments';
 export * from './components/RelativeDate';
-export * from './components/References';
 export * from './hooks/use-dropdown';
 export * from './hooks/use-files';
 export { useDeepCompareMemo, useDeepCompareCallback, } from './hooks/use-deep-compare';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.5.0-LEAN-3180-2",
+  "version": "1.5.0-LEAN-3083",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -40,7 +40,6 @@
     "@manuscripts/json-schema": "2.2.1",
     "@reach/tabs": "^0.11.2",
     "formik": "^2.2.9",
-    "fuzzysort": "^2.0.4",
     "date-fns": "^2.29.3",
     "lodash-es": "^4.17.21",
     "tooltip.js": "^1.3.3",

package/dist/cjs/components/AffiliationsList.js

@@ -1,43 +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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AffiliationsList = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const formatAddress_1 = __importDefault(require("../lib/formatAddress"));
-const Container = styled_components_1.default.table `
-  border-collapse: collapse;
-  font: inherit;
-  color: ${(props) => props.theme.colors.text.secondary};
-  margin-top: ${(props) => props.theme.grid.unit * 4}px;
-`;
-const Header = styled_components_1.default.th `
-  font-weight: ${(props) => props.theme.font.weight.normal}
-  padding: 0 4px 0 0;
-  vertical-align: top;
-`;
-const Body = styled_components_1.default.td `
-  padding: 0;
-`;
-const AffiliationsList = ({ affiliations, }) => (react_1.default.createElement(Container, null,
-    react_1.default.createElement("tbody", null, Array.from(affiliations.values()).map((affiliation, index) => (react_1.default.createElement("tr", { key: affiliation._id },
-        react_1.default.createElement(Header, null, index + 1),
-        react_1.default.createElement(Body, null, (0, formatAddress_1.default)(affiliation))))))));
-exports.AffiliationsList = AffiliationsList;