@manuscripts/style-guide 1.8.0-LEAN-3423-3 → 1.8.1-LEAN-3429-0

package/dist/cjs/components/TableFootnotesSelector.js

@@ -96,8 +96,7 @@ const TableFootnotesSelector = ({ notes, onAdd, onInsert, onCancel }) => {
         return selections.has(item.attrs.id);
     };
     const handleClick = () => {
-        const items = Array.from(selections.values());
-        return onInsert(items);
+        return onInsert(notes.filter(({ node }) => selections.has(node.attrs.id)));
     };
     return (react_1.default.createElement(Container, null,
         react_1.default.createElement(NotesContainer, null,
@@ -113,11 +112,11 @@ const TableFootnotesSelector = ({ notes, onAdd, onInsert, onCancel }) => {
 };
 exports.TableFootnotesSelector = TableFootnotesSelector;
 const TableFootnotesList = ({ notes, isSelected, onSelect }) => {
-    return (react_1.default.createElement(NotesListContainer, null, notes.map((note, index) => {
+    return (react_1.default.createElement(NotesListContainer, null, notes.map(({ node, index }) => {
         var _a;
-        return (react_1.default.createElement(FootnoteItem, { onClick: () => onSelect(note), key: note.attrs.id },
-            react_1.default.createElement(StatusIcon, null, isSelected(note) ? (react_1.default.createElement(AddedIcon_1.default, { "data-cy": 'plus-icon-ok', width: 24, height: 24 })) : (react_1.default.createElement(AddIcon_1.default, { "data-cy": 'plus-icon', width: 24, height: 24 }))),
-            react_1.default.createElement(NoteText, null, ++index + '. ' + ((_a = note.firstChild) === null || _a === void 0 ? void 0 : _a.textContent))));
+        return (react_1.default.createElement(FootnoteItem, { onClick: () => onSelect(node), key: node.attrs.id },
+            react_1.default.createElement(StatusIcon, null, isSelected(node) ? (react_1.default.createElement(AddedIcon_1.default, { "data-cy": 'plus-icon-ok', width: 24, height: 24 })) : (react_1.default.createElement(AddIcon_1.default, { "data-cy": 'plus-icon', width: 24, height: 24 }))),
+            react_1.default.createElement(NoteText, null, (index ? index + '. ' : '') + ((_a = node.firstChild) === null || _a === void 0 ? void 0 : _a.textContent))));
     })));
 };
 const NotesListContainer = styled_components_1.default.div `

package/dist/cjs/hooks/use-dropdown.js

@@ -19,7 +19,8 @@ exports.useDropdown = void 0;
 const react_1 = require("react");
 const useDropdown = () => {
     const [isOpen, setOpen] = (0, react_1.useState)(false);
-    const toggleOpen = (0, react_1.useCallback)(() => {
+    const toggleOpen = (0, react_1.useCallback)((e) => {
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
         setOpen((open) => !open);
     }, []);
     const wrapperRef = (0, react_1.useRef)(null);

package/dist/es/components/TableFootnotesSelector.js

@@ -67,8 +67,7 @@ export const TableFootnotesSelector = ({ notes, onAdd, onInsert, onCancel }) =>
         return selections.has(item.attrs.id);
     };
     const handleClick = () => {
-        const items = Array.from(selections.values());
-        return onInsert(items);
+        return onInsert(notes.filter(({ node }) => selections.has(node.attrs.id)));
     };
     return (React.createElement(Container, null,
         React.createElement(NotesContainer, null,
@@ -83,11 +82,11 @@ export const TableFootnotesSelector = ({ notes, onAdd, onInsert, onCancel }) =>
                 React.createElement(PrimaryButton, { onClick: handleClick, disabled: selections.size === 0 }, "Insert")))));
 };
 const TableFootnotesList = ({ notes, isSelected, onSelect }) => {
-    return (React.createElement(NotesListContainer, null, notes.map((note, index) => {
+    return (React.createElement(NotesListContainer, null, notes.map(({ node, index }) => {
         var _a;
-        return (React.createElement(FootnoteItem, { onClick: () => onSelect(note), key: note.attrs.id },
-            React.createElement(StatusIcon, null, isSelected(note) ? (React.createElement(AddedIcon, { "data-cy": 'plus-icon-ok', width: 24, height: 24 })) : (React.createElement(AddIcon, { "data-cy": 'plus-icon', width: 24, height: 24 }))),
-            React.createElement(NoteText, null, ++index + '. ' + ((_a = note.firstChild) === null || _a === void 0 ? void 0 : _a.textContent))));
+        return (React.createElement(FootnoteItem, { onClick: () => onSelect(node), key: node.attrs.id },
+            React.createElement(StatusIcon, null, isSelected(node) ? (React.createElement(AddedIcon, { "data-cy": 'plus-icon-ok', width: 24, height: 24 })) : (React.createElement(AddIcon, { "data-cy": 'plus-icon', width: 24, height: 24 }))),
+            React.createElement(NoteText, null, (index ? index + '. ' : '') + ((_a = node.firstChild) === null || _a === void 0 ? void 0 : _a.textContent))));
     })));
 };
 const NotesListContainer = styled.div `

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

@@ -16,7 +16,8 @@
 import { useCallback, useEffect, useRef, useState } from 'react';
 export const useDropdown = () => {
     const [isOpen, setOpen] = useState(false);
-    const toggleOpen = useCallback(() => {
+    const toggleOpen = useCallback((e) => {
+        e === null || e === void 0 ? void 0 : e.stopPropagation();
         setOpen((open) => !open);
     }, []);
     const wrapperRef = useRef(null);

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

@@ -15,9 +15,13 @@
  */
 import { FootnoteNode } from '@manuscripts/transform';
 import React from 'react';
+export type FootnoteWithIndex = {
+    node: FootnoteNode;
+    index?: string;
+};
 export declare const TableFootnotesSelector: React.FC<{
-    notes: FootnoteNode[];
+    notes: FootnoteWithIndex[];
     onAdd: () => void;
-    onInsert: (notes: FootnoteNode[]) => void;
+    onInsert: (notes: FootnoteWithIndex[]) => void;
     onCancel: () => void;
 }>;

package/dist/types/hooks/use-dropdown.d.ts

@@ -16,6 +16,6 @@
 /// <reference types="react" />
 export declare const useDropdown: () => {
     isOpen: boolean;
-    toggleOpen: () => void;
+    toggleOpen: (e: any) => void;
     wrapperRef: import("react").RefObject<HTMLDivElement>;
 };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.8.0-LEAN-3423-3",
+  "version": "1.8.1-LEAN-3429-0",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -33,8 +33,8 @@
   },
   "dependencies": {
     "@manuscripts/assets": "^0.6.4",
-    "@manuscripts/json-schema": "2.2.6-LEAN-3423-0",
-    "@manuscripts/transform": "2.1.8-LEAN-3423-0",
+    "@manuscripts/json-schema": "^2.2.6",
+    "@manuscripts/transform": "^2.1.6",
     "@reach/tabs": "^0.18.0",
     "date-fns": "^2.29.3",
     "formik": "^2.2.9",