@manuscripts/style-guide 1.5.0-LEAN-2992 → 1.5.0-LEAN-3180-3

package/dist/types/components/{Menus/Submenu.d.ts → References/CitationViewer.d.ts}

@@ -1,5 +1,5 @@
 /*!
- * © 2019 Atypon Systems LLC
+ * © 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.
@@ -13,13 +13,12 @@
  * 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 { Menu, MenuSeparator } from '../../lib/menus';
-export declare const Text: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const SubmenusContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-interface SubmenuProps {
-    menu: Menu | MenuSeparator;
-    handleClick: (position: number[]) => void;
+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 Submenu: React.FC<SubmenuProps>;
-export {};
+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/{Menus/Shortcut.d.ts → References/ReferenceSearch.d.ts}

@@ -1,5 +1,5 @@
 /*!
- * © 2019 Atypon Systems LLC
+ * © 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.
@@ -13,11 +13,14 @@
  * 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 { MenuShortcut } from '../../lib/menus';
-export declare const ShortcutContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-interface ShortcutProps {
-    shortcut: MenuShortcut;
-}
-export declare const Shortcut: React.FC<ShortcutProps>;
-export {};
+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/{Menus/Menus.d.ts → References/SearchInput.d.ts}

@@ -1,5 +1,5 @@
 /*!
- * © 2019 Atypon Systems LLC
+ * © 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.
@@ -13,12 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React, { Ref } from 'react';
-import { Menu } from '../../lib/menus';
-interface MenusProps {
-    menus: Menu[];
-    innerRef: Ref<HTMLDivElement>;
-    handleClick: (position: number[]) => void;
-}
-export declare const Menus: React.FC<MenusProps>;
-export {};
+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/{cjs/lib/menus.js → types/components/SelectField.d.ts}

@@ -1,4 +1,3 @@
-"use strict";
 /*!
  * © 2024 Atypon Systems LLC
  *
@@ -14,9 +13,15 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.isMenuSeparator = void 0;
-const isMenuSeparator = (menu) => {
-    return (menu === null || menu === void 0 ? void 0 : menu.role) === 'separator';
+import { FieldProps } from 'formik';
+import React from 'react';
+export type OptionType = {
+    label: string;
+    value: string;
 };
-exports.isMenuSeparator = isMenuSeparator;
+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/{es/lib/menus.js → types/hooks/use-scroll-detection.d.ts}

@@ -1,5 +1,5 @@
 /*!
- * © 2024 Atypon Systems LLC
+ * © 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.
@@ -13,6 +13,10 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-export const isMenuSeparator = (menu) => {
-    return (menu === null || menu === void 0 ? void 0 : menu.role) === 'separator';
+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,15 +53,13 @@ export * from './components/Text';
 export * from './components/ManuscriptNoteList';
 export * from './components/Comments';
 export * from './components/RelativeDate';
-export * from './components/Menus';
+export * from './components/References';
 export * from './hooks/use-dropdown';
 export * from './hooks/use-files';
-export * from './hooks/use-menus';
 export { useDeepCompareMemo, useDeepCompareCallback, } from './hooks/use-deep-compare';
 export * from './lib/authors';
 export * from './lib/capabilities';
 export * from './lib/files';
 export * from './lib/comments';
-export * from './lib/menus';
 export { default as errorsDecoder } from './lib/errors-decoder';
 export * from './types';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.5.0-LEAN-2992",
+  "version": "1.5.0-LEAN-3180-3",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -40,6 +40,7 @@
     "@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/Menus/Menus.js

@@ -1,62 +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.Menus = 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 Submenu_1 = require("./Submenu");
-react_modal_1.default.setAppElement('#root');
-const MenusContainer = styled_components_1.default.div `
-  display: flex;
-  font-size: 14px;
-`;
-const MenuHeading = styled_components_1.default.div `
-  padding: 4px 8px;
-  cursor: pointer;
-  border: 1px solid transparent;
-  border-bottom: none;
-`;
-const MenuContainer = styled_components_1.default.div `
-  position: relative;
-
-  & ${MenuHeading} {
-    background-color: #fff;
-    color: ${(props) => (props.isEnabled ? '#353535' : '#e2e2e2')};
-
-    &:hover {
-      background-color: ${(props) => (props.isEnabled ? '#f2fbfc' : '#fff')};
-    }
-  }
-`;
-const Menus = ({ menus, innerRef, handleClick, }) => {
-    return (react_1.default.createElement(MenusContainer, { ref: innerRef }, menus.map((menu, index) => {
-        return (react_1.default.createElement(MenuContainer, { key: `menu-${index}`, isEnabled: menu.isEnabled },
-            react_1.default.createElement(MenuHeading, { onMouseDown: (e) => {
-                    e.preventDefault();
-                    handleClick([index]);
-                }, isOpen: menu.isOpen },
-                react_1.default.createElement(Submenu_1.Text, null, menu.label)),
-            menu.isEnabled && menu.isOpen && menu.submenu && (react_1.default.createElement(Submenu_1.SubmenusContainer, null, menu.submenu.map((submenu, sindex) => {
-                return (react_1.default.createElement(Submenu_1.Submenu, { key: `${index}-${sindex}`, menu: submenu, handleClick: (i) => handleClick([index, sindex, ...i]) }));
-            })))));
-    })));
-};
-exports.Menus = Menus;

package/dist/cjs/components/Menus/Shortcut.js

@@ -1,64 +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.Shortcut = exports.ShortcutContainer = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const isMac = /Mac/.test(window.navigator.platform);
-exports.ShortcutContainer = styled_components_1.default.div `
-  display: inline-flex;
-  color: #6e6e6e;
-  margin-left: 16px;
-  flex-shrink: 0;
-  justify-content: flex-end;
-`;
-const macModifiers = {
-    Option: '⌥',
-    CommandOrControl: '⌘',
-    Shift: '⇧',
-};
-const pcModifiers = {
-    Option: 'Alt',
-    CommandOrControl: 'Ctrl',
-    Shift: 'Shift',
-};
-const modifiers = isMac ? macModifiers : pcModifiers;
-const system = isMac ? 'mac' : 'pc';
-const separator = isMac ? '' : '-';
-const Character = styled_components_1.default.span `
-  display: inline-block;
-  min-width: 1ch;
-`;
-const parts = (shortcut) => {
-    const nodes = [];
-    for (const part of shortcut[system].split('+')) {
-        const modifier = modifiers[part];
-        if (modifier) {
-            nodes.push(modifier);
-            nodes.push(separator);
-        }
-        else {
-            nodes.push(react_1.default.createElement(Character, { key: part }, part));
-        }
-    }
-    return nodes;
-};
-const Shortcut = ({ shortcut }) => (react_1.default.createElement(exports.ShortcutContainer, null, parts(shortcut)));
-exports.Shortcut = Shortcut;

package/dist/cjs/components/Menus/Submenu.js

@@ -1,119 +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.Submenu = exports.SubmenusContainer = exports.Text = void 0;
-const TriangleCollapsed_1 = __importDefault(require("@manuscripts/assets/react/TriangleCollapsed"));
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const menus_1 = require("../../lib/menus");
-const Shortcut_1 = require("./Shortcut");
-exports.Text = styled_components_1.default.div `
-  flex: 1 0 auto;
-`;
-const SubmenuContainer = styled_components_1.default.div `
-  position: relative;
-`;
-exports.SubmenusContainer = styled_components_1.default.div `
-  background: #fff;
-  border: 1px solid #e2e2e2;
-  border-radius: 4px;
-  box-shadow: 0 4px 9px 0 rgba(84, 83, 83, 0.3);
-  color: #353535;
-  min-width: 150px;
-  max-height: 70vh;
-  overflow-y: auto;
-  padding: 4px 0;
-  white-space: nowrap;
-  width: auto;
-  z-index: 10;
-
-  position: absolute;
-
-  &[data-placement='bottom-start'] {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-
-  &[data-placement='right-start'] {
-    top: 8px;
-  }
-`;
-const NestedSubmenusContainer = (0, styled_components_1.default)(exports.SubmenusContainer) `
-  top: 0;
-  left: 100%;
-`;
-const Separator = styled_components_1.default.div `
-  height: 0;
-  border-bottom: 1px solid #e2e2e2;
-  margin: 4px 0;
-`;
-const Active = styled_components_1.default.div `
-  width: 16px;
-  display: inline-flex;
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-`;
-const Arrow = (0, styled_components_1.default)(TriangleCollapsed_1.default) `
-  margin-left: 8px;
-`;
-const Container = styled_components_1.default.div `
-  align-items: center;
-  cursor: pointer;
-  display: flex;
-  padding: 8px 16px 8px 4px;
-  position: relative;
-  ${(props) => props.isOpen && 'background: #f2fbfc;'}
-
-  &:hover {
-    background: #f2fbfc;
-  }
-
-  &.disabled {
-    cursor: default;
-    opacity: 0.4;
-  }
-`;
-const activeContent = (menu) => (menu.isActive ? '✓' : '');
-const Submenu = ({ menu, handleClick }) => {
-    if ((0, menus_1.isMenuSeparator)(menu)) {
-        return react_1.default.createElement(Separator, null);
-    }
-    if (!menu.submenu) {
-        return (react_1.default.createElement(Container, { isOpen: menu.isOpen, className: menu.isEnabled ? '' : 'disabled', onMouseDown: (e) => {
-                e.preventDefault();
-                handleClick([]);
-            } },
-            react_1.default.createElement(Active, null, activeContent(menu)),
-            react_1.default.createElement(exports.Text, null, menu.label),
-            menu.shortcut && react_1.default.createElement(Shortcut_1.Shortcut, { shortcut: menu.shortcut })));
-    }
-    return (react_1.default.createElement(SubmenuContainer, null,
-        react_1.default.createElement(Container, { onMouseDown: (e) => {
-                e.preventDefault();
-                handleClick([]);
-            }, isOpen: menu.isOpen, className: menu.isEnabled ? '' : 'disabled' },
-            react_1.default.createElement(Active, null, activeContent(menu)),
-            react_1.default.createElement(exports.Text, null, menu.label),
-            menu.submenu && react_1.default.createElement(Arrow, null),
-            menu.shortcut && react_1.default.createElement(Shortcut_1.Shortcut, { shortcut: menu.shortcut })),
-        menu.submenu && menu.isOpen && (react_1.default.createElement(NestedSubmenusContainer, null, menu.submenu.map((submenu, index) => (react_1.default.createElement(exports.Submenu, { key: `menu-${index}`, menu: submenu, handleClick: (i) => handleClick([index, ...i]) })))))));
-};
-exports.Submenu = Submenu;