@manuscripts/style-guide 1.5.0-LEAN-3083 → 1.5.0-LEAN-2992

package/dist/cjs/index.js

@@ -34,9 +34,12 @@ 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);
@@ -70,8 +73,10 @@ __exportStar(require("./components/Text"), exports);
 __exportStar(require("./components/ManuscriptNoteList"), exports);
 __exportStar(require("./components/Comments"), exports);
 __exportStar(require("./components/RelativeDate"), exports);
+__exportStar(require("./components/Menus"), exports);
 __exportStar(require("./hooks/use-dropdown"), exports);
 __exportStar(require("./hooks/use-files"), exports);
+__exportStar(require("./hooks/use-menus"), exports);
 var use_deep_compare_1 = require("./hooks/use-deep-compare");
 Object.defineProperty(exports, "useDeepCompareMemo", { enumerable: true, get: function () { return use_deep_compare_1.useDeepCompareMemo; } });
 Object.defineProperty(exports, "useDeepCompareCallback", { enumerable: true, get: function () { return use_deep_compare_1.useDeepCompareCallback; } });
@@ -79,6 +84,7 @@ __exportStar(require("./lib/authors"), exports);
 __exportStar(require("./lib/capabilities"), exports);
 __exportStar(require("./lib/files"), exports);
 __exportStar(require("./lib/comments"), exports);
+__exportStar(require("./lib/menus"), exports);
 var errors_decoder_1 = require("./lib/errors-decoder");
 Object.defineProperty(exports, "errorsDecoder", { enumerable: true, get: function () { return __importDefault(errors_decoder_1).default; } });
 __exportStar(require("./types"), exports);

package/dist/cjs/lib/menus.js

@@ -0,0 +1,22 @@
+"use strict";
+/*!
+ * © 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.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isMenuSeparator = void 0;
+const isMenuSeparator = (menu) => {
+    return (menu === null || menu === void 0 ? void 0 : menu.role) === 'separator';
+};
+exports.isMenuSeparator = isMenuSeparator;

package/dist/es/components/AffiliationsList.js

@@ -0,0 +1,36 @@
+/*!
+ * © 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 styled from 'styled-components';
+import formatAddress from '../lib/formatAddress';
+const Container = styled.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.th `
+  font-weight: ${(props) => props.theme.font.weight.normal}
+  padding: 0 4px 0 0;
+  vertical-align: top;
+`;
+const Body = styled.td `
+  padding: 0;
+`;
+export const AffiliationsList = ({ affiliations, }) => (React.createElement(Container, null,
+    React.createElement("tbody", null, Array.from(affiliations.values()).map((affiliation, index) => (React.createElement("tr", { key: affiliation._id },
+        React.createElement(Header, null, index + 1),
+        React.createElement(Body, null, formatAddress(affiliation))))))));

package/dist/es/components/AuthorsContainer.js

@@ -0,0 +1,41 @@
+/*!
+ * © 2021 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, { useMemo } from 'react';
+import styled from 'styled-components';
+import { AffiliationsList } from './AffiliationsList';
+import { AuthorsList } from './AuthorsList';
+export const AuthorsContainer = ({ authorData, showEditButton, startEditing, selectAuthor, disableEditButton, }) => {
+    const authorAffiliations = useMemo(() => authorData.authors.filter((author) => author.role === 'author'), [authorData.authors]);
+    const isThereJointContributor = useMemo(() => authorData.authors.find((contributor) => contributor.isJointContributor), [authorData.authors]);
+    return (React.createElement(Container, { "data-cy": 'author-container' },
+        React.createElement(AuthorsList, { authors: authorAffiliations, authorAffiliations: authorData.authorAffiliations, startEditing: startEditing, showEditButton: showEditButton, selectAuthor: selectAuthor, disableEditButton: disableEditButton }),
+        React.createElement(AffiliationsList, { affiliations: authorData.affiliations }),
+        isThereJointContributor && (React.createElement(LegendWrapper, null,
+            React.createElement(Legend, null, "\u2020"),
+            "These authors contributed equally to this work."))));
+};
+const Container = styled.div `
+  margin-top: ${(props) => props.theme.grid.unit * 4}px;
+`;
+const LegendWrapper = styled.p `
+  margin: ${(props) => props.theme.grid.unit * 4}px 0 0 0;
+`;
+const Legend = styled.span `
+  display: inline-block;
+  font-size: 0.75em;
+  line-height: 1;
+  vertical-align: top;
+`;

package/dist/es/components/AuthorsList/Author.js

@@ -0,0 +1,69 @@
+/*!
+ * © 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 styled, { css } from 'styled-components';
+import { AuthorName } from '../AuthorName';
+const AuthorNotes = styled.span `
+  display: inline-block;
+  font-size: 0.75em;
+  line-height: 1;
+  vertical-align: top;
+`;
+const LinkSharedStyles = css `
+  text-decoration: none;
+  color: inherit;
+  outline: none;
+
+  &:not(:disabled) {
+    &:hover,
+    &:focus {
+      &,
+      span {
+        color: ${(props) => props.theme.colors.text.tertiary};
+      }
+    }
+  }
+`;
+const AuthorAffiliation = styled.span `
+  ${LinkSharedStyles}
+`;
+const AuthorsContainer = styled.button `
+  display: inline-flex;
+  background: transparent;
+  border: 0;
+  font-size: 1rem;
+  ${LinkSharedStyles}
+
+  &:not(:disabled) {
+    &:hover {
+      text-decoration: underline;
+      cursor: pointer !important;
+    }
+  }
+`;
+export const Author = ({ author, affiliations, jointFirstAuthor, startEditing, selectAuthor, showEditButton, disableEditButton, }) => (React.createElement("span", { key: author._id },
+    showEditButton ? (React.createElement(AuthorsContainer, { disabled: disableEditButton, onClick: (e) => {
+            e.preventDefault();
+            startEditing && startEditing();
+            selectAuthor && selectAuthor(author);
+        } },
+        React.createElement(AuthorName, { name: author.bibliographicName, email: (author.isCorresponding && author.email) || undefined }))) : (React.createElement(AuthorName, { name: author.bibliographicName, email: (author.isCorresponding && author.email) || undefined })),
+    affiliations && (React.createElement(AuthorNotes, null, affiliations.map((affiliation, index) => (React.createElement(React.Fragment, { key: affiliation.data._id },
+        !!index && ',',
+        React.createElement(AuthorAffiliation, null, affiliation.ordinal)))))),
+    author.isCorresponding && (React.createElement(AuthorNotes, { title: 'Corresponding author' }, "*")),
+    jointFirstAuthor && (React.createElement(AuthorNotes, { title: 'Joint contributor' }, "\u2020"))));
+export default Author;

package/dist/es/components/AuthorsList/AuthorsList.js

@@ -0,0 +1,45 @@
+/*!
+ * © 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 styled from 'styled-components';
+import { isJointFirstAuthor } from '../../lib/authors';
+import { PrimaryButton } from '../Button';
+import { Author } from './Author';
+const AuthorsContainer = styled.div `
+  align-items: center;
+  display: flex;
+
+  @media (min-width: 768px) {
+    & ${PrimaryButton} {
+      display: ${(props) => (props.isEmpty ? 'initial' : 'none')};
+    }
+
+    &:hover ${PrimaryButton} {
+      display: initial;
+    }
+  }
+`;
+const AuthorsActions = styled.div `
+  align-items: center;
+  display: flex;
+  margin-left: ${(props) => props.theme.grid.unit * 2}px;
+`;
+export const AuthorsList = ({ authors, authorAffiliations, startEditing, showEditButton, disableEditButton, selectAuthor, }) => (React.createElement(AuthorsContainer, { isEmpty: !authors.length },
+    React.createElement("div", null, authors.map((author, index) => (React.createElement(React.Fragment, { key: author._id },
+        !!index && ', ',
+        React.createElement(Author, { author: author, jointFirstAuthor: isJointFirstAuthor(authors, index), affiliations: authorAffiliations.get(author._id), selectAuthor: selectAuthor, startEditing: startEditing, showEditButton: showEditButton, disableEditButton: disableEditButton }))))),
+    showEditButton && startEditing && (React.createElement(AuthorsActions, null,
+        React.createElement(PrimaryButton, { mini: true, onClick: startEditing, className: 'edit_authors_button', disabled: disableEditButton }, "Edit Authors")))));

package/dist/es/components/AuthorsList/index.js

@@ -0,0 +1,16 @@
+/*!
+ * © 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.
+ */
+export * from './AuthorsList';

package/dist/es/components/Menus/Menus.js

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

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

@@ -0,0 +1,57 @@
+/*!
+ * © 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 styled from 'styled-components';
+const isMac = /Mac/.test(window.navigator.platform);
+export const ShortcutContainer = styled.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.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.createElement(Character, { key: part }, part));
+        }
+    }
+    return nodes;
+};
+export const Shortcut = ({ shortcut }) => (React.createElement(ShortcutContainer, null, parts(shortcut)));

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

@@ -0,0 +1,112 @@
+/*!
+ * © 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 TriangleCollapsed from '@manuscripts/assets/react/TriangleCollapsed';
+import React from 'react';
+import styled from 'styled-components';
+import { isMenuSeparator } from '../../lib/menus';
+import { Shortcut } from './Shortcut';
+export const Text = styled.div `
+  flex: 1 0 auto;
+`;
+const SubmenuContainer = styled.div `
+  position: relative;
+`;
+export const SubmenusContainer = styled.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 = styled(SubmenusContainer) `
+  top: 0;
+  left: 100%;
+`;
+const Separator = styled.div `
+  height: 0;
+  border-bottom: 1px solid #e2e2e2;
+  margin: 4px 0;
+`;
+const Active = styled.div `
+  width: 16px;
+  display: inline-flex;
+  flex-shrink: 0;
+  justify-content: center;
+  align-items: center;
+`;
+const Arrow = styled(TriangleCollapsed) `
+  margin-left: 8px;
+`;
+const Container = styled.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 ? '✓' : '');
+export const Submenu = ({ menu, handleClick }) => {
+    if (isMenuSeparator(menu)) {
+        return React.createElement(Separator, null);
+    }
+    if (!menu.submenu) {
+        return (React.createElement(Container, { isOpen: menu.isOpen, className: menu.isEnabled ? '' : 'disabled', onMouseDown: (e) => {
+                e.preventDefault();
+                handleClick([]);
+            } },
+            React.createElement(Active, null, activeContent(menu)),
+            React.createElement(Text, null, menu.label),
+            menu.shortcut && React.createElement(Shortcut, { shortcut: menu.shortcut })));
+    }
+    return (React.createElement(SubmenuContainer, null,
+        React.createElement(Container, { onMouseDown: (e) => {
+                e.preventDefault();
+                handleClick([]);
+            }, isOpen: menu.isOpen, className: menu.isEnabled ? '' : 'disabled' },
+            React.createElement(Active, null, activeContent(menu)),
+            React.createElement(Text, null, menu.label),
+            menu.submenu && React.createElement(Arrow, null),
+            menu.shortcut && React.createElement(Shortcut, { shortcut: menu.shortcut })),
+        menu.submenu && menu.isOpen && (React.createElement(NestedSubmenusContainer, null, menu.submenu.map((submenu, index) => (React.createElement(Submenu, { key: `menu-${index}`, menu: submenu, handleClick: (i) => handleClick([index, ...i]) })))))));
+};

package/dist/es/components/Menus/index.js

@@ -0,0 +1 @@
+export * from './Menus';

package/dist/es/hooks/use-menus.js

@@ -0,0 +1,85 @@
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { isMenuSeparator, } from '../lib/menus';
+const initialPointer = [-1, -1, -1];
+const transformPointer = (depth, index) => (pointer) => pointer.map((pointerPart, i) => {
+    if (i === depth) {
+        return index;
+    }
+    if (i > depth) {
+        return -1;
+    }
+    return pointerPart;
+});
+const isPart = (pointer, position) => {
+    const limit = position.length < 3 ? position.length : 3;
+    for (let i = 0; i < limit; i++) {
+        if (position[i] !== pointer[i]) {
+            return false;
+        }
+    }
+    return true;
+};
+const getSubmenuState = (specs, pointer, position) => {
+    return specs.map((spec, index) => {
+        if (isMenuSeparator(spec)) {
+            return spec;
+        }
+        const current = [...position, index];
+        return Object.assign(Object.assign({}, spec), { submenu: spec.submenu && getSubmenuState(spec.submenu, pointer, current), isOpen: isPart(pointer, current) });
+    });
+};
+const getMenuState = (specs, pointer) => {
+    return specs.map((spec, index) => {
+        const position = [index];
+        return Object.assign(Object.assign({}, spec), { submenu: spec.submenu && getSubmenuState(spec.submenu, pointer, position), isOpen: isPart(pointer, position) });
+    });
+};
+const getMenuAt = (state, position) => {
+    const [head, ...tail] = position.filter((i) => i !== -1);
+    const menu = state[head];
+    if (isMenuSeparator(menu)) {
+        return;
+    }
+    if (!tail.length) {
+        return menu;
+    }
+    else if (menu.submenu) {
+        return getMenuAt(menu.submenu, tail);
+    }
+};
+export const useMenus = (menus) => {
+    const [pointer, setPointer] = useState(initialPointer);
+    const state = getMenuState(menus, pointer);
+    const handleClick = useCallback((indices) => {
+        const menu = getMenuAt(state, indices);
+        if (!menu || !menu.isEnabled) {
+            return;
+        }
+        if (menu.run) {
+            menu.run();
+            setPointer([-1, -1, -1]);
+        }
+        else if (menu.submenu) {
+            const depth = indices.length - 1;
+            const index = indices[depth];
+            setPointer(transformPointer(depth, index));
+        }
+    }, [state]);
+    const ref = useRef(null);
+    useEffect(() => {
+        const handleClickOutside = (event) => {
+            if (ref.current && !ref.current.contains(event.target)) {
+                setPointer([-1, -1, -1]);
+            }
+        };
+        document.addEventListener('click', handleClickOutside);
+        return () => {
+            document.removeEventListener('click', handleClickOutside);
+        };
+    }, []);
+    return {
+        menus: state,
+        handleClick,
+        ref,
+    };
+};

package/dist/es/index.js

@@ -14,9 +14,12 @@
  * 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';
@@ -50,12 +53,15 @@ export * from './components/Text';
 export * from './components/ManuscriptNoteList';
 export * from './components/Comments';
 export * from './components/RelativeDate';
+export * from './components/Menus';
 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/dist/es/lib/menus.js

@@ -0,0 +1,18 @@
+/*!
+ * © 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.
+ */
+export const isMenuSeparator = (menu) => {
+    return (menu === null || menu === void 0 ? void 0 : menu.role) === 'separator';
+};

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

@@ -0,0 +1,22 @@
+/*!
+ * © 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 { AffiliationMap } from '../types';
+interface Props {
+    affiliations: AffiliationMap;
+}
+export declare const AffiliationsList: React.FunctionComponent<Props>;
+export {};