@manuscripts/style-guide 1.6.2 → 1.7.0

package/dist/types/components/References/CitationViewer.d.ts

@@ -0,0 +1,24 @@
+/*!
+ * © 2024 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 { BibliographyItem } from '@manuscripts/json-schema';
+import React from 'react';
+export declare const CitedItems: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CitedItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export interface CitationViewerProps {
+    rids: string[];
+    items: BibliographyItem[];
+}
+export declare const CitationViewer: React.FC<CitationViewerProps>;

package/dist/types/components/References/ReferenceForm.d.ts

@@ -0,0 +1,35 @@
+/*!
+ * © 2023 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 { BibliographyItem } from '@manuscripts/json-schema';
+import React, { MutableRefObject } from 'react';
+export declare const LabelContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const FormField: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ReferenceTextArea: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, import("../Form").ErrorProps, never>;
+export declare const FlexForm: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Pick<React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>, "name" | "slot" | "style" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "autoComplete" | "method" | "target" | "acceptCharset" | "action" | "encType" | "noValidate"> & React.RefAttributes<HTMLFormElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const FormFields: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export type ReferenceFormValues = Pick<BibliographyItem, '_id' | 'title' | 'author' | 'DOI' | 'issued' | 'type' | 'container-title' | 'URL' | 'issue' | 'volume' | 'supplement' | 'page'>;
+export interface ReferenceFormActions {
+    reset: () => void;
+}
+export declare const ReferenceForm: React.FC<{
+    values: ReferenceFormValues;
+    showDelete: boolean;
+    onChange: (values: ReferenceFormValues) => void;
+    onCancel: () => void;
+    onDelete: () => void;
+    onSave: (values: ReferenceFormValues) => void;
+    actionsRef?: MutableRefObject<ReferenceFormActions | undefined>;
+}>;

package/dist/types/components/References/ReferenceLine.d.ts

@@ -0,0 +1,10 @@
+import { BibliographyItem } from '@manuscripts/json-schema';
+import React from 'react';
+export declare const Metadata: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const MetadataContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const metadata: (item: BibliographyItem) => string;
+export declare const issuedYear: (item: Partial<BibliographyItem>) => string;
+export declare const authors: (item: BibliographyItem) => string;
+export declare const ReferenceLine: React.FC<{
+    item: BibliographyItem;
+}>;

package/dist/types/components/References/ReferenceSearch.d.ts

@@ -0,0 +1,26 @@
+/*!
+ * © 2023 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 { BibliographyItem } from '@manuscripts/json-schema';
+import React from 'react';
+import { BibliographyItemSource } from './BibliographyItemSource';
+export declare const ReferenceSearch: React.FC<{
+    query?: string;
+    sources: BibliographyItemSource[];
+    items: BibliographyItem[];
+    onAdd: () => void;
+    onCite: (items: BibliographyItem[]) => void;
+    onCancel: () => void;
+}>;

package/dist/types/components/References/ReferenceSearchResults.d.ts

@@ -0,0 +1,26 @@
+/*!
+ * © 2023 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 { BibliographyItem } from '@manuscripts/json-schema';
+import React from 'react';
+export declare const ReferenceSearchResultsContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ReferenceSearchResult: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ReferenceSearchResults: React.FC<{
+    items: BibliographyItem[];
+    total: number;
+    isSelected: (item: BibliographyItem) => boolean;
+    onSelect: (item: BibliographyItem) => void;
+    onShowMore: () => void;
+}>;

package/dist/types/components/References/ReferenceSearchResultsPlaceholder.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ReferenceSearchResultsPlaceholder: React.FC;

package/dist/types/components/References/ReferenceSearchSection.d.ts

@@ -0,0 +1,25 @@
+/*!
+ * © 2023 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 { BibliographyItem } from '@manuscripts/json-schema';
+import React from 'react';
+import { BibliographyItemSource } from './BibliographyItemSource';
+export declare const Arrow: import("styled-components").StyledComponent<React.SFC<React.SVGAttributes<SVGElement>>, import("styled-components").DefaultTheme, {}, never>;
+export declare const ReferenceSearchSection: React.FC<{
+    query: string;
+    source: BibliographyItemSource;
+    isSelected: (item: BibliographyItem) => boolean;
+    onSelect: (item: BibliographyItem) => void;
+}>;

package/dist/types/components/References/ReferencesModal.d.ts

@@ -0,0 +1,14 @@
+import { BibliographyItem } from '@manuscripts/json-schema';
+import React from 'react';
+import { ReferenceFormValues } from './ReferenceForm';
+export declare const normalize: (item: BibliographyItem) => ReferenceFormValues;
+export interface ReferencesModalProps {
+    isOpen: boolean;
+    onCancel: () => void;
+    items: BibliographyItem[];
+    item?: BibliographyItem;
+    citationCounts: Map<string, number>;
+    onSave: (item: BibliographyItem) => void;
+    onDelete: (item: BibliographyItem) => void;
+}
+export declare const ReferencesModal: React.FC<ReferencesModalProps>;

package/dist/types/components/References/SearchInput.d.ts

@@ -0,0 +1,18 @@
+/*!
+ * © 2023 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, { InputHTMLAttributes } from 'react';
+export declare const SearchWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SearchInput: React.FC<InputHTMLAttributes<HTMLInputElement>>;

package/dist/types/components/References/index.d.ts

@@ -0,0 +1,4 @@
+export * from './CitationEditor';
+export * from './CitationViewer';
+export * from './ReferencesModal';
+export * from './BibliographyItemSource';

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

@@ -0,0 +1,27 @@
+/*!
+ * © 2024 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 { FieldProps } from 'formik';
+import React from 'react';
+export type OptionType = {
+    label: string;
+    value: string;
+};
+interface Props {
+    id?: string;
+    options: OptionType[];
+}
+export declare const SelectField: React.FC<Props & FieldProps>;
+export {};

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

@@ -0,0 +1,2 @@
+export declare const SidebarStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const SidebarContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

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

@@ -14,13 +14,35 @@
  * limitations under the License.
  */
 import React from 'react';
-import Modal from 'react-modal';
+import ReactModal from 'react-modal';
 import { ThemeProps } from 'styled-components';
 interface Props {
-    modalClassName?: Modal.Classes;
+    modalClassName?: ReactModal.Classes;
 }
-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, {
+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, {
     closeTimeoutMS: 800;
     overlayClassName: {
         base: string;

package/dist/types/components/icons/delete-icon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DeleteIcon: React.FC;

package/dist/types/components/icons/link-icon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const LinkIcon: React.FC;

package/dist/types/components/icons/template-icon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TemplateIcon: React.FC;

package/dist/types/hooks/use-scroll-detection.d.ts

@@ -0,0 +1,22 @@
+/*!
+ * © 2023 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.
+ */
+export declare const useScrollDetection: (topTrigger: number, bottomTrigger: number) => {
+    ref: (node: HTMLDivElement | null) => void;
+    triggers: {
+        bottom: boolean;
+        top: boolean;
+    };
+};

package/dist/types/index.d.ts

@@ -34,7 +34,6 @@ 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';
@@ -54,6 +53,7 @@ export * from './components/Text';
 export * from './components/ManuscriptNoteList';
 export * from './components/Comments';
 export * from './components/RelativeDate';
+export * from './components/References';
 export * from './components/Menus';
 export * from './hooks/use-dropdown';
 export * from './hooks/use-files';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.6.2",
+  "version": "1.7.0",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -40,6 +40,7 @@
     "@manuscripts/json-schema": "^2.2.2",
     "@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",
@@ -113,4 +114,4 @@
   "resolutions": {
     "@types/react": "^17.0.2"
   }
-}
+}

package/dist/cjs/components/SimpleModal.js

@@ -1,95 +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.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/es/components/SimpleModal.js

@@ -1,88 +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 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/types/components/SimpleModal.d.ts

@@ -1,41 +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 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 {};