npm - @manuscripts/article-editor - Versions diffs - 4.7.28 → 4.7.30 - Mend

@manuscripts/article-editor 4.7.28 → 4.7.30

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (150) hide show

package/dist/es/components/projects/ListToolbarItem.js CHANGED Viewed

@@ -11,7 +11,7 @@
  */
 import { ListStyles } from '@manuscripts/body-editor';
 import { ArrowDownIcon, DropdownList, ToolbarOrderedListIcon, ToolbarUnorderedListIcon, Tooltip, useDropdown, } from '@manuscripts/style-guide';
-import React from 'react';
+import React, { useEffect } from 'react';
 import styled from 'styled-components';
 import { ListButton, ListStyleButton } from './ListToolbarItemStyles';
 import { ToolbarItem } from './ManuscriptToolbar';
@@ -20,12 +20,52 @@ const Container = styled.div `
 `;
 const ListStyleSelector = ({ title, disabled, styles, onClick, }) => {
     const { isOpen, toggleOpen, wrapperRef } = useDropdown();
-    return (React.createElement(Container, { onClick: () => !disabled && toggleOpen(), ref: wrapperRef },
-        React.createElement(ListStyleButton, { "data-tooltip-id": title, disabled: disabled, "aria-label": title },
+    const buttonRef = React.useRef(null);
+    const styleRefs = React.useRef([]);
+    useEffect(() => {
+        if (isOpen) {
+            styleRefs.current[0]?.focus();
+        }
+    }, [isOpen]);
+    const handleKeyDown = (e) => {
+        if (!isOpen) {
+            return;
+        }
+        const items = styleRefs.current.filter(Boolean);
+        if (items.length === 0) {
+            return;
+        }
+        const currentIndex = items.indexOf(document.activeElement);
+        if (currentIndex === -1) {
+            return;
+        }
+        e.preventDefault();
+        switch (e.key) {
+            case 'ArrowDown':
+            case 'ArrowRight':
+                items[(currentIndex + 1) % items.length]?.focus();
+                break;
+            case 'ArrowUp':
+            case 'ArrowLeft':
+                items[(currentIndex - 1 + items.length) % items.length]?.focus();
+                break;
+            case 'Escape':
+                toggleOpen();
+                buttonRef.current?.focus();
+                break;
+            case 'Enter': {
+                const el = document.activeElement;
+                el?.click();
+                break;
+            }
+        }
+    };
+    return (React.createElement(Container, { onClick: () => !disabled && toggleOpen(), ref: wrapperRef, onKeyDown: handleKeyDown },
+        React.createElement(ListStyleButton, { ref: buttonRef, "data-tooltip-id": title, disabled: disabled, "aria-label": title },
             React.createElement(ArrowDownIcon, null)),
         React.createElement(Tooltip, { id: title, place: "bottom" }, title),
         isOpen && (React.createElement(DropdownList, { direction: 'right', top: 6, onClick: toggleOpen },
-            React.createElement(ListStyles, { styles: styles, onClick: onClick })))));
+            React.createElement(ListStyles, { styles: styles, onClick: onClick, styleRefs: styleRefs })))));
 };
 export const ListToolbarItem = ({ state, type, dispatch, view, config }) => {
     if (!config.options) {
@@ -43,11 +83,19 @@ export const ListToolbarItem = ({ state, type, dispatch, view, config }) => {
         view && view.focus();
     };
     const styles = Object.keys(config.options);
+    const run = () => {
+        config.run(state, dispatch, view);
+        view?.focus();
+    };
     return (React.createElement(ToolbarItem, null,
         React.createElement(ListButton, { "data-tooltip-id": config.title, "data-active": config.isActive && config.isActive(state), disabled: !isEnabled, onMouseDown: (event) => {
                 event.preventDefault();
-                config.run(state, dispatch, view);
-                view && view.focus();
+                run();
+            }, onKeyDown: (event) => {
+                if (event.key === 'Enter') {
+                    event.preventDefault();
+                    run();
+                }
             }, "aria-label": config.title }, type === 'ordered_list' ? (React.createElement(ToolbarOrderedListIcon, null)) : (React.createElement(ToolbarUnorderedListIcon, null))),
         React.createElement(Tooltip, { id: config.title, place: "bottom" }, config.title),
         React.createElement(ListStyleSelector, { title: config.title + ' styles', disabled: !isEnabled, onClick: handleClick, styles: styles })));

package/dist/es/components/projects/ListToolbarItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListToolbarItem.js","sourceRoot":"","sources":["../../../../src/components/projects/ListToolbarItem.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,UAAU,EAAuB,MAAM,0BAA0B,CAAA;AAC1E,OAAO,EACL,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,wBAAwB,EACxB,OAAO,EACP,WAAW,GACZ,MAAM,0BAA0B,CAAA;AAGjC,OAAO,KAAK,MAAM,OAAO,CAAA;~~AACzB~~,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,UAAU,EAAE,eAAe,EAAE,MAAM,yBAAyB,CAAA;AACrE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;CAE3B,CAAA;AASD,MAAM,iBAAiB,GAAqC,CAAC,EAC3D,KAAK,EACL,QAAQ,EACR,MAAM,EACN,OAAO,GACR,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAA;~~IAExD~~,OAAO,CACL,oBAAC,SAAS,~~IAAC~~,OAAO,EAAE,GAAG,EAAE,CAAC,CAAC,QAAQ,IAAI,UAAU,EAAE,~~EAAE~~,GAAG,EAAE,UAAU;~~QAClE~~,oBAAC,eAAe,~~uBACG~~,KAAK,EACtB,QAAQ,EAAE,QAAQ,gBACN,KAAK;YAEjB,oBAAC,aAAa,OAAG,CACD;QAClB,oBAAC,OAAO,IAAC,EAAE,EAAE,KAAK,EAAE,KAAK,EAAC,QAAQ,IAC/B,KAAK,CACE;QACT,MAAM,IAAI,CACT,oBAAC,YAAY,IAAC,SAAS,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,EAAE,OAAO,EAAE,UAAU;YAC3D,oBAAC,UAAU,IAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,~~CACnC~~,CAChB,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAMvB,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE;IAC/C,IAAI,CAAC,MAAM,CAAC,OAAO,EAAE,CAAC;QACpB,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,SAAS,GAAG,CAAC,MAAM,CAAC,SAAS,IAAI,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;IAE9D;;;;;OAKG;IACH,MAAM,WAAW,GAAG,CAAC,KAAa,EAAE,EAAE;QACpC,MAAM,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,CAAA;QAC9C,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAA;IACtB,CAAC,CAAA;IAED,MAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;IAE1C,OAAO,CACL,oBAAC,WAAW;QACV,oBAAC,UAAU,uBACQ,MAAM,CAAC,KAAK,iBAChB,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,QAAQ,CAAC,KAAK,CAAC,EACtD,QAAQ,EAAE,CAAC,SAAS,EACpB,WAAW,EAAE,CAAC,KAAK,EAAE,EAAE;gBACrB,KAAK,CAAC,cAAc,EAAE,CAAA;gBACtB,~~MAAM~~,CAAC,~~GAAG~~,CAAC,KAAK,EAAE,~~QAAQ,~~EAAE,IAAI,CAAC,~~CAAA;gBACjC~~,~~IAAI~~,~~IAAI~~,~~IAAI~~,CAAC,KAAK,EAAE,CAAA;~~YACtB~~,CAAC,gBACW,MAAM,CAAC,KAAK,IAEvB,IAAI,KAAK,cAAc,CAAC,CAAC,CAAC,CACzB,oBAAC,sBAAsB,OAAG,CAC3B,CAAC,CAAC,CAAC,CACF,oBAAC,wBAAwB,OAAG,CAC7B,CACU;QACb,oBAAC,OAAO,IAAC,EAAE,EAAE,MAAM,CAAC,KAAK,EAAE,KAAK,EAAC,QAAQ,IACtC,MAAM,CAAC,KAAK,CACL;QACV,oBAAC,iBAAiB,IAChB,KAAK,EAAE,MAAM,CAAC,KAAK,GAAG,SAAS,EAC/B,QAAQ,EAAE,CAAC,SAAS,EACpB,OAAO,EAAE,WAAW,EACpB,MAAM,EAAE,MAAM,GACd,CACU,CACf,CAAA;AACH,CAAC,CAAA"}
1	+ {"version":3,"file":"ListToolbarItem.js","sourceRoot":"","sources":["../../../../src/components/projects/ListToolbarItem.tsx"],"names":[],"mappings":"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"}

package/dist/es/components/projects/ListToolbarItemStyles.js CHANGED Viewed

@@ -33,6 +33,7 @@ const buttonCss = css `
 `;
 export const ListButton = styled.button.attrs({
     type: 'button',
+    'data-toolbar-button': true,
 }) `
   ${buttonCss};
   padding: ${(props) => props.theme.grid.unit * 2 - 1}px
@@ -42,9 +43,15 @@ export const ListButton = styled.button.attrs({
   border-right: 0;
   border-top-right-radius: 0 !important;
   border-bottom-right-radius: 0 !important;
+  &:focus-visible {
+    outline: 2px solid ${(props) => props.theme.colors.outline.focus};
+    outline-offset: -2px;
+  }
 `;
 export const ListStyleButton = styled.button.attrs({
     type: 'button',
+    'data-toolbar-button': true,
 }) `
   ${buttonCss};
   border-left: 0;
@@ -60,5 +67,10 @@ export const ListStyleButton = styled.button.attrs({
   &:hover path {
     stroke: #6e6e6e;
   }
+  &:focus-visible {
+    outline: 2px solid ${(props) => props.theme.colors.outline.focus};
+    outline-offset: -2px;
+  }
 `;
 //# sourceMappingURL=ListToolbarItemStyles.js.map

package/dist/es/components/projects/ListToolbarItemStyles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListToolbarItemStyles.js","sourceRoot":"","sources":["../../../../src/components/projects/ListToolbarItemStyles.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,MAAM,SAAS,GAAG,GAAG,CAEnB;sBACoB,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO;sBACnD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS;;;;;;;kBAOlD,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,SAAS;;;;;;;;;;;CAW5E,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;IAC5C,IAAI,EAAE,QAAQ;~~CACf~~,CAAC,CAEA;IACE,SAAS;aACA,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC;MAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;MACpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC;MACxC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC~~;;;;CAIzC~~,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;IACjD,IAAI,EAAE,QAAQ;~~CACf~~,CAAC,CAEA;IACE,SAAS~~;;;;;;;;;;;;;;CAcZ~~,CAAA"}
1	+ {"version":3,"file":"ListToolbarItemStyles.js","sourceRoot":"","sources":["../../../../src/components/projects/ListToolbarItemStyles.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,MAAM,SAAS,GAAG,GAAG,CAEnB;sBACoB,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO;sBACnD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS;;;;;;;kBAOlD,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,SAAS;;;;;;;;;;;CAW5E,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;IAC5C,IAAI,EAAE,QAAQ;IACd,qBAAqB,EAAE,IAAI;CAC5B,CAAC,CAEA;IACE,SAAS;aACA,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC;MAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;MACpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC;MACxC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;;;;;;yBAMjB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;CAGnE,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;IACjD,IAAI,EAAE,QAAQ;IACd,qBAAqB,EAAE,IAAI;CAC5B,CAAC,CAEA;IACE,SAAS;;;;;;;;;;;;;;;;yBAgBY,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;CAGnE,CAAA"}

package/dist/es/components/projects/ManuscriptMenus.js CHANGED Viewed

@@ -75,7 +75,7 @@ export const ManuscriptMenus = () => {
         }
         return getFilteredMenus(editor, can);
     }, [can, editor]);
-    const { menus, ref, handleClick } = useMenus(specs);
-    return React.createElement(Menus, { menus: menus, innerRef: ref, handleClick: handleClick });
+    const { menus, ref, handleClick, closeAll } = useMenus(specs);
+    return (React.createElement(Menus, { menus: menus, innerRef: ref, handleClick: handleClick, closeAll: closeAll }));
 };
 //# sourceMappingURL=ManuscriptMenus.js.map

package/dist/es/components/projects/ManuscriptMenus.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ManuscriptMenus.js","sourceRoot":"","sources":["../../../../src/components/projects/ManuscriptMenus.tsx"],"names":[],"mappings":"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~~IAEnD~~,OAAO,oBAAC,KAAK,~~IAAC~~,KAAK,EAAE,KAAK,~~EAAE~~,QAAQ,EAAE,GAAG,~~EAAE~~,WAAW,EAAE,WAAW,~~GAAI~~,CAAA;~~AACzE~~,CAAC,CAAA"}
1	+ {"version":3,"file":"ManuscriptMenus.js","sourceRoot":"","sources":["../../../../src/components/projects/ManuscriptMenus.tsx"],"names":[],"mappings":"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"}

package/dist/es/components/projects/ManuscriptPageContainer.js CHANGED Viewed

@@ -71,11 +71,19 @@ const ManuscriptPageView = () => {
                                     React.createElement(MenusWrapper, null,
                                         React.createElement(ManuscriptMenus, null),
                                         savingProcess && React.createElement(SaveStatus, { status: savingProcess }))),
-                                showTrackChangesToggle && (React.createElement(React.Fragment, null,
+                                showTrackChangesToggle && (React.createElement(TrackChangesToggleWrapper, { onKeyDown: (e) => {
+                                        if (e.key === 'Enter') {
+                                            e.preventDefault();
+                                            toggleTrackingChangesVisibility();
+                                        }
+                                    }, tabIndex: 0, role: "button", "aria-label": "show tracked changes", "aria-pressed": isTrackingChangesVisible },
                                     React.createElement(Label, null, "Show tracked changes"),
-                                    React.createElement(IconButton, { defaultColor: true, onClick: toggleTrackingChangesVisibility, "aria-label": isTrackingChangesVisible
+                                    React.createElement(IconButton, { defaultColor: true, onClick: (e) => {
+                                            e.stopPropagation();
+                                            toggleTrackingChangesVisibility();
+                                        }, "aria-label": isTrackingChangesVisible
                                             ? 'Hide tracked changes'
-                                            : 'Show tracked changes' }, isTrackingChangesVisible ? (React.createElement(SliderOnIcon, null)) : (React.createElement(SliderOffIcon, null)))))),
+                                            : 'Show tracked changes', tabIndex: -1 }, isTrackingChangesVisible ? (React.createElement(SliderOnIcon, null)) : (React.createElement(SliderOffIcon, null)))))),
                             can.seeEditorToolbar && React.createElement(ManuscriptToolbar, null),
                             React.createElement(SearchReplace, null)),
                         React.createElement(EditorBody, { className: "editor-body" },
@@ -84,6 +92,18 @@ const ManuscriptPageView = () => {
             React.createElement(Inspector, { "data-cy": "inspector" }),
             React.createElement(UtilitiesEffects, null))));
 };
+const TrackChangesToggleWrapper = styled.div `
+  display: flex;
+  align-items: center;
+  cursor: pointer;
+  border-radius: 4px;
+  padding: 0px 8px;
+  &:focus-visible {
+    outline: 2px solid ${(props) => props.theme.colors.outline.focus};
+    outline-offset: -2px;
+  }
+`;
 const Label = styled.div `
   padding-right: 8px;
   white-space: nowrap;

package/dist/es/components/projects/ManuscriptPageContainer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ManuscriptPageContainer.js","sourceRoot":"","sources":["../../../../src/components/projects/ManuscriptPageContainer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,4CAA4C,CAAA;AACnD,OAAO,oDAAoD,CAAA;AAC3D,OAAO,4CAA4C,CAAA;AACnD,OAAO,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,YAAY,GACb,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAA;AACtF,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,GACf,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAClD,OAAO,EACL,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,YAAY,GACb,MAAM,mBAAmB,CAAA;AAC1B,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,MAAM,uBAAuB,GAAa,GAAG,EAAE;IAC7C,mCAAmC;IACnC,0BAA0B,EAAE,CAAA;IAE5B,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAC,GAAG,QAAQ,CACnE,CAAC,KAAK,EAAE,EAAE;QACR,OAAO;YACL,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;YACxC,aAAa,EAAE,KAAK,CAAC,aAAa;SACnC,CAAA;IACH,CAAC,CACF,CAAA;IAED,MAAM,GAAG,GAAG,iBAAiB,CAAC;QAC5B,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,OAAO;QAChB,gBAAgB;QAChB,aAAa;KACd,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,oBAAoB,IAAC,GAAG,EAAE,GAAG;QAC5B,oBAAC,kBAAkB,OAAG,CACD,CACxB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAa,GAAG,EAAE;IACxC,MAAM,GAAG,GAAG,cAAc,EAAE,CAAA;IAC5B,MAAM,CAAC,wBAAwB,EAAE,+BAA+B,CAAC,GAC/D,qBAAqB,EAAE,CAAA;IAEzB,MAAM,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,GAAG,QAAQ,CAClE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACV,aAAa,EAAE,KAAK,CAAC,aAAa;QAClC,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,aAAa,EAAE,KAAK,CAAC,aAAa;KACnC,CAAC,CACH,CAAA;IAED,MAAM,sBAAsB,GAAG,CAAC,GAAG,CAAC,mBAAmB,IAAI,CAAC,aAAa,CAAA;IACzE,MAAM,iBAAiB,GACrB,CAAC,sBAAsB,IAAI,wBAAwB,CAAC,IAAI,eAAe,CAAA;IAEzE,OAAO,CACL,oBAAC,OAAO,IAAC,SAAS,EAAE,GAAG,iBAAiB,IAAI,kBAAkB,EAAE;QAC9D,oBAAC,iBAAiB,eAAS,oBAAoB,GAAG;QAClD,oBAAC,WAAW;YACV,oBAAC,IAAI,eAAS,aAAa;gBACzB,oBAAC,eAAe;oBACd,oBAAC,oBAAoB;wBACnB,oBAAC,YAAY,eAAS,eAAe;4BACnC,oBAAC,wBAAwB;gCACvB,oBAAC,6BAA6B;oCAC5B,oBAAC,YAAY;wCACX,oBAAC,eAAe,OAAG;wCAClB,aAAa,IAAI,oBAAC,UAAU,IAAC,MAAM,EAAE,aAAa,GAAI,CAC1C,CACe;gCAE/B,sBAAsB,IAAI,CACzB;~~oCACE~~,oBAAC,KAAK,+BAA6B;oCACnC,oBAAC,UAAU,IACT,YAAY,EAAE,IAAI,EAClB,OAAO,EAAE,+BAA+B,~~gBAEtC~~,wBAAwB;4CACtB,CAAC,CAAC,sBAAsB;4CACxB,CAAC,CAAC,sBAAsB,~~IAG3B~~,wBAAwB,CAAC,CAAC,CAAC,CAC1B,oBAAC,YAAY,OAAG,CACjB,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,OAAG,CAClB,CACU,~~CACZ~~,~~CACJ~~,CACwB;4BAC1B,GAAG,CAAC,gBAAgB,IAAI,oBAAC,iBAAiB,OAAG;4BAC9C,oBAAC,aAAa,OAAG,CACJ;wBACf,oBAAC,UAAU,IAAC,SAAS,EAAC,aAAa;4BACjC,oBAAC,kBAAkB;gCACjB,oBAAC,aAAa,OAAG,CACE,CACV,CACQ,CACP,CACb;YACP,oBAAC,SAAS,eAAS,WAAW,GAAG;YACjC,oBAAC,gBAAgB,OAAG,CACR,CACN,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGvB,CAAA;AACD,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQzB,CAAA;AACD,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;sBAI5B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,SAAS;CACvE,CAAA;AACD,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAA;;eAExC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc;;aAE5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;MAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;MACpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;MAChC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE;;CAE1C,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAGtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;CAC5C,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK7B,CAAA;AAED,eAAe,uBAAuB,CAAA"}
1	+ {"version":3,"file":"ManuscriptPageContainer.js","sourceRoot":"","sources":["../../../../src/components/projects/ManuscriptPageContainer.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,4CAA4C,CAAA;AACnD,OAAO,oDAAoD,CAAA;AAC3D,OAAO,4CAA4C,CAAA;AACnD,OAAO,EACL,UAAU,EACV,UAAU,EACV,aAAa,EACb,YAAY,GACb,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,2CAA2C,CAAA;AACtF,OAAO,EAAE,qBAAqB,EAAE,MAAM,qCAAqC,CAAA;AAC3E,OAAO,EACL,oBAAoB,EACpB,iBAAiB,EACjB,cAAc,GACf,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAChD,OAAO,gBAAgB,MAAM,qBAAqB,CAAA;AAClD,OAAO,EACL,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,YAAY,GACb,MAAM,mBAAmB,CAAA;AAC1B,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AACnD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AAEzD,MAAM,uBAAuB,GAAa,GAAG,EAAE;IAC7C,mCAAmC;IACnC,0BAA0B,EAAE,CAAA;IAE5B,MAAM,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,gBAAgB,EAAE,aAAa,EAAE,CAAC,GAAG,QAAQ,CACnE,CAAC,KAAK,EAAE,EAAE;QACR,OAAO;YACL,OAAO,EAAE,KAAK,CAAC,OAAO;YACtB,IAAI,EAAE,KAAK,CAAC,IAAI;YAChB,gBAAgB,EAAE,KAAK,CAAC,gBAAgB;YACxC,aAAa,EAAE,KAAK,CAAC,aAAa;SACnC,CAAA;IACH,CAAC,CACF,CAAA;IAED,MAAM,GAAG,GAAG,iBAAiB,CAAC;QAC5B,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,OAAO;QAChB,gBAAgB;QAChB,aAAa;KACd,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,oBAAoB,IAAC,GAAG,EAAE,GAAG;QAC5B,oBAAC,kBAAkB,OAAG,CACD,CACxB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,kBAAkB,GAAa,GAAG,EAAE;IACxC,MAAM,GAAG,GAAG,cAAc,EAAE,CAAA;IAC5B,MAAM,CAAC,wBAAwB,EAAE,+BAA+B,CAAC,GAC/D,qBAAqB,EAAE,CAAA;IAEzB,MAAM,CAAC,EAAE,aAAa,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC,GAAG,QAAQ,CAClE,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACV,aAAa,EAAE,KAAK,CAAC,aAAa;QAClC,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,aAAa,EAAE,KAAK,CAAC,aAAa;KACnC,CAAC,CACH,CAAA;IAED,MAAM,sBAAsB,GAAG,CAAC,GAAG,CAAC,mBAAmB,IAAI,CAAC,aAAa,CAAA;IACzE,MAAM,iBAAiB,GACrB,CAAC,sBAAsB,IAAI,wBAAwB,CAAC,IAAI,eAAe,CAAA;IAEzE,OAAO,CACL,oBAAC,OAAO,IAAC,SAAS,EAAE,GAAG,iBAAiB,IAAI,kBAAkB,EAAE;QAC9D,oBAAC,iBAAiB,eAAS,oBAAoB,GAAG;QAClD,oBAAC,WAAW;YACV,oBAAC,IAAI,eAAS,aAAa;gBACzB,oBAAC,eAAe;oBACd,oBAAC,oBAAoB;wBACnB,oBAAC,YAAY,eAAS,eAAe;4BACnC,oBAAC,wBAAwB;gCACvB,oBAAC,6BAA6B;oCAC5B,oBAAC,YAAY;wCACX,oBAAC,eAAe,OAAG;wCAClB,aAAa,IAAI,oBAAC,UAAU,IAAC,MAAM,EAAE,aAAa,GAAI,CAC1C,CACe;gCAE/B,sBAAsB,IAAI,CACzB,oBAAC,yBAAyB,IACxB,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE;wCACf,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;4CACtB,CAAC,CAAC,cAAc,EAAE,CAAA;4CAClB,+BAA+B,EAAE,CAAA;wCACnC,CAAC;oCACH,CAAC,EACD,QAAQ,EAAE,CAAC,EACX,IAAI,EAAC,QAAQ,gBACF,sBAAsB,kBACnB,wBAAwB;oCAEtC,oBAAC,KAAK,+BAA6B;oCACnC,oBAAC,UAAU,IACT,YAAY,EAAE,IAAI,EAClB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;4CACb,CAAC,CAAC,eAAe,EAAE,CAAA;4CACnB,+BAA+B,EAAE,CAAA;wCACnC,CAAC,gBAEC,wBAAwB;4CACtB,CAAC,CAAC,sBAAsB;4CACxB,CAAC,CAAC,sBAAsB,EAE5B,QAAQ,EAAE,CAAC,CAAC,IAEX,wBAAwB,CAAC,CAAC,CAAC,CAC1B,oBAAC,YAAY,OAAG,CACjB,CAAC,CAAC,CAAC,CACF,oBAAC,aAAa,OAAG,CAClB,CACU,CACa,CAC7B,CACwB;4BAC1B,GAAG,CAAC,gBAAgB,IAAI,oBAAC,iBAAiB,OAAG;4BAC9C,oBAAC,aAAa,OAAG,CACJ;wBACf,oBAAC,UAAU,IAAC,SAAS,EAAC,aAAa;4BACjC,oBAAC,kBAAkB;gCACjB,oBAAC,aAAa,OAAG,CACE,CACV,CACQ,CACP,CACb;YACP,oBAAC,SAAS,eAAS,WAAW,GAAG;YACjC,oBAAC,gBAAgB,OAAG,CACR,CACN,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,yBAAyB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;yBAQnB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,KAAK;;;CAGnE,CAAA;AAED,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGvB,CAAA;AACD,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQzB,CAAA;AACD,MAAM,CAAC,MAAM,wBAAwB,GAAG,MAAM,CAAC,GAAG,CAAA;;;;sBAI5B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,SAAS;CACvE,CAAA;AACD,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,GAAG,CAAA;;eAExC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc;;aAE5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;MAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;MACpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;MAChC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE;;CAE1C,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;SAGtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;CAC5C,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;CAK7B,CAAA;AAED,eAAe,uBAAuB,CAAA"}

package/dist/es/components/projects/ManuscriptToolbar.js CHANGED Viewed

@@ -12,7 +12,7 @@
 import { templateAllows, toolbar, TypeSelector, } from '@manuscripts/body-editor';
 import { Tooltip } from '@manuscripts/style-guide';
 import { schema } from '@manuscripts/transform';
-import React from 'react';
+import React, { useCallback, useLayoutEffect, useRef } from 'react';
 import styled from 'styled-components';
 import { usePermissions } from '../../lib/capabilities';
 import { useStore } from '../../store';
@@ -23,6 +23,7 @@ export const ToolbarItem = styled.div `
 `;
 const ToolbarButton = styled.button.attrs({
     type: 'button',
+    'data-toolbar-button': true,
 }) `
   background-color: ${(props) => props['data-active'] ? '#eee' : props.theme.colors.background.primary};
   border: 1px solid ${(props) => props.theme.colors.border.secondary};
@@ -47,6 +48,11 @@ const ToolbarButton = styled.button.attrs({
     opacity: 0.2;
     cursor: not-allowed;
   }
+  &:focus-visible {
+    outline: 2px solid ${(props) => props.theme.colors.outline.focus};
+    outline-offset: -2px;
+  }
 `;
 export const ToolbarContainer = styled.div `
   margin: ${(props) => props.theme.grid.unit}px;
@@ -88,9 +94,27 @@ export const ToolbarGroup = styled.div `
 `;
 export const ManuscriptToolbar = () => {
     const can = usePermissions();
+    const containerRef = useRef(null);
     const [{ editor }] = useStore((store) => ({
         editor: store.editor,
     }));
+    // Get all enabled toolbar buttons
+    const getButtons = useCallback(() => {
+        if (!containerRef.current) {
+            return [];
+        }
+        return Array.from(containerRef.current.querySelectorAll('[data-toolbar-button]:not([disabled]):not([aria-disabled="true"])'));
+    }, []);
+    // Roving tabindex: only first button is tabbable, rest are -1
+    useLayoutEffect(() => {
+        const buttons = getButtons();
+        if (buttons.length === 0) {
+            return;
+        }
+        buttons.forEach((button, index) => {
+            button.tabIndex = index === 0 ? 0 : -1;
+        });
+    }, [getButtons, editor]);
     if (!editor || !editor.view) {
         return null;
     }
@@ -99,7 +123,34 @@ export const ManuscriptToolbar = () => {
     const isEnabled = (id, item, state) => {
         return item.isEnabled(state);
     };
-    return (React.createElement(ToolbarContainer, { "data-cy": "toolbar" },
+    const handleKeyDown = (event) => {
+        if (event.key !== 'ArrowLeft' && event.key !== 'ArrowRight') {
+            return;
+        }
+        const target = event.target;
+        // Only handle if a button is currently focused
+        if (!target.hasAttribute('data-toolbar-button')) {
+            return;
+        }
+        const buttons = getButtons();
+        if (buttons.length === 0) {
+            return;
+        }
+        const currentIndex = buttons.indexOf(target);
+        if (currentIndex === -1) {
+            return;
+        }
+        event.preventDefault();
+        let nextIndex;
+        if (event.key === 'ArrowRight') {
+            nextIndex = (currentIndex + 1) % buttons.length;
+        }
+        else {
+            nextIndex = (currentIndex - 1 + buttons.length) % buttons.length;
+        }
+        buttons[nextIndex]?.focus();
+    };
+    return (React.createElement(ToolbarContainer, { "data-cy": "toolbar", ref: containerRef, onKeyDown: handleKeyDown },
         React.createElement(ToolbarGroup, null,
             React.createElement(TypeSelector, { state: state, dispatch: view.dispatch, view: view })),
         Object.entries(toolbar).map(([groupKey, group]) => (React.createElement(ToolbarGroup, { key: groupKey }, Object.entries(group)

package/dist/es/components/projects/ManuscriptToolbar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ManuscriptToolbar.js","sourceRoot":"","sources":["../../../../src/components/projects/ManuscriptToolbar.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EACL,cAAc,EACd,OAAO,EAEP,YAAY,GACb,MAAM,0BAA0B,CAAA;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAE/C,OAAO,KAAK,MAAM,OAAO,CAAA;~~AACzB~~,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAGpC,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC;IACxC,IAAI,EAAE,QAAQ;~~CACf~~,CAAC,CAEA;sBACoB,CAAC,KAAK,EAAE,EAAE,CAC5B,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,OAAO;sBACnD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS;;aAEvD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC;MAC/C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC;;;;;;;kBAO5B,CAAC,KAAK,EAAE,EAAE,CACtB,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,SAAS~~;;;;;;;;;;;;CAY5E~~,CAAA;AAED,MAAM,CAAC,MAAM,gBAAgB,GAAG,MAAM,CAAC,GAAG,CAAA;YAC9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;;;;SAInC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;;eAE9B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,cAAc;;aAE5C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,GAAG;MAC7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;MACpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,GAAG;MACtC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,EAAE;;CAE1C,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAA;;;;MAIhC,WAAW;;;;;MAKX,WAAW;;;;MAIX,WAAW;8BACa,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;iCACrC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;;;MAGnE,WAAW;+BACc,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;kCACrC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK;;CAEzE,CAAA;AAED,MAAM,CAAC,MAAM,iBAAiB,GAAa,GAAG,EAAE;IAC9C,MAAM,GAAG,GAAG,cAAc,EAAE,CAAA;~~IAE5B~~,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QACxC,MAAM,EAAE,KAAK,CAAC,MAAM;KACrB,CAAC,CAAC,CAAA;IAEH,IAAI,CAAC,MAAM,IAAI,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC;QAC5B,OAAO,IAAI,CAAA;IACb,CAAC;IAED,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;IACxB,MAAM,KAAK,GAAG,MAAM,CAAC,KAAK,CAAA;IAE1B,MAAM,SAAS,GAAG,CAChB,EAAU,EACV,IAAyB,EACzB,KAAkB,EAClB,EAAE;QACF,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAA;IAC9B,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,gBAAgB,~~eAAS~~,SAAS;~~QACjC~~,oBAAC,YAAY;YACX,oBAAC,YAAY,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,EAAE,IAAI,GAAI,CACtD;QAEd,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAClD,oBAAC,YAAY,IAAC,GAAG,EAAE,QAAQ,IACxB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC;aACnB,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE;YAChB,QAAQ,GAAG,EAAE,CAAC;gBACZ,KAAK,SAAS;oBACZ,OAAO,GAAG,CAAC,iBAAiB,CAAA;gBAC9B;oBACE,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;wBAC3B,MAAM,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAA;wBAClC,OAAO,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,IAAI,CAAA;oBAC1D,CAAC;oBACD,OAAO,IAAI,CAAA;YACf,CAAC;QACH,CAAC,CAAC;aACD,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,IAAI,CAAC,EAAE,EAAE,CACnB,GAAG,KAAK,cAAc,IAAI,GAAG,KAAK,aAAa,CAAC,CAAC,CAAC,CAChD,oBAAC,eAAe,IACd,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,IAAI,GACZ,CACH,CAAC,CAAC,CAAC,CACF,oBAAC,WAAW,IAAC,GAAG,EAAE,GAAG;YACnB,oBAAC,aAAa,uBACK,IAAI,CAAC,KAAK,iBACd,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,CAAC,KAAK,CAAC,EAClD,QAAQ,EAAE,CAAC,SAAS,CAAC,GAAG,EAAE,IAAI,EAAE,KAAK,CAAC,EACtC,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;oBACb,CAAC,CAAC,cAAc,EAAE,CAAA;oBAClB,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAA;oBACpC,IAAI,IAAI,IAAI,CAAC,KAAK,EAAE,CAAA;gBACtB,CAAC,gBACW,IAAI,CAAC,KAAK,IAErB,IAAI,CAAC,OAAO,CACC;YAChB,oBAAC,OAAO,IAAC,EAAE,EAAE,IAAI,CAAC,KAAK,EAAE,KAAK,EAAC,QAAQ,IACpC,IAAI,CAAC,KAAK,CACH,CACE,CACf,CACF,CACU,CAChB,CAAC,CACe,CACpB,CAAA;AACH,CAAC,CAAA"}
1	+ {"version":3,"file":"ManuscriptToolbar.js","sourceRoot":"","sources":["../../../../src/components/projects/ManuscriptToolbar.tsx"],"names":[],"mappings":"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"}

package/dist/es/components/track-changes/ApproveAllButton.js CHANGED Viewed

@@ -42,7 +42,7 @@ const ApproveAllButton = ({ approveAll }) => {
         React.createElement(StyledButton, { onClick: (event) => {
                 event.stopPropagation();
                 setOpenDialog(true);
-            } }, "Approve all"),
+            }, tabIndex: 0 }, "Approve all"),
         openDialog && (React.createElement(Dialog, { isOpen: openDialog, actions: approveAllDialogActions, category: Category.confirmation, header: 'Are you sure you want to approve all the suggestions?', message: 'By that, all pending suggestions will be applied to the document.' }))));
 };
 export default ApproveAllButton;

package/dist/es/components/track-changes/ApproveAllButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ApproveAllButton.js","sourceRoot":"","sources":["../../../../src/components/track-changes/ApproveAllButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACvE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;eACxB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM;WAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;kBAEpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;;;;aAIzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;CAEvD,CAAA;AACD,MAAM,gBAAgB,GAEjB,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACtB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,MAAM,uBAAuB,GAAG;QAC9B,OAAO,EAAE;YACP,MAAM,EAAE,GAAG,EAAE;gBACX,UAAU,EAAE,CAAA;gBACZ,aAAa,CAAC,KAAK,CAAC,CAAA;YACtB,CAAC;YACD,KAAK,EAAE,SAAS;SACjB;QACD,SAAS,EAAE;YACT,MAAM,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,QAAQ;SAChB;KACF,CAAA;IAED,OAAO,CACL;QACE,oBAAC,YAAY,IACX,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,KAAK,CAAC,eAAe,EAAE,CAAA;gBACvB,aAAa,CAAC,IAAI,CAAC,CAAA;YACrB,CAAC,~~kBAGY~~;QACd,UAAU,IAAI,CACb,oBAAC,MAAM,IACL,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,uBAAuB,EAChC,QAAQ,EAAE,QAAQ,CAAC,YAAY,EAC/B,MAAM,EAAE,uDAAuD,EAC/D,OAAO,EACL,mEAAmE,GAErE,CACH,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}
1	+ {"version":3,"file":"ApproveAllButton.js","sourceRoot":"","sources":["../../../../src/components/track-changes/ApproveAllButton.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAA;AACvE,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,MAAM,YAAY,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;eACxB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM;WAC3C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;kBAEpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;;;;aAIzC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,QAAQ;;CAEvD,CAAA;AACD,MAAM,gBAAgB,GAEjB,CAAC,EAAE,UAAU,EAAE,EAAE,EAAE;IACtB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,MAAM,uBAAuB,GAAG;QAC9B,OAAO,EAAE;YACP,MAAM,EAAE,GAAG,EAAE;gBACX,UAAU,EAAE,CAAA;gBACZ,aAAa,CAAC,KAAK,CAAC,CAAA;YACtB,CAAC;YACD,KAAK,EAAE,SAAS;SACjB;QACD,SAAS,EAAE;YACT,MAAM,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC;YAClC,KAAK,EAAE,QAAQ;SAChB;KACF,CAAA;IAED,OAAO,CACL;QACE,oBAAC,YAAY,IACX,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;gBACjB,KAAK,CAAC,eAAe,EAAE,CAAA;gBACvB,aAAa,CAAC,IAAI,CAAC,CAAA;YACrB,CAAC,EACD,QAAQ,EAAE,CAAC,kBAGE;QACd,UAAU,IAAI,CACb,oBAAC,MAAM,IACL,MAAM,EAAE,UAAU,EAClB,OAAO,EAAE,uBAAuB,EAChC,QAAQ,EAAE,QAAQ,CAAC,YAAY,EAC/B,MAAM,EAAE,uDAAuD,EAC/D,OAAO,EACL,mEAAmE,GAErE,CACH,CACA,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAA"}

package/dist/es/components/track-changes/SortByDropdown.js CHANGED Viewed

@@ -10,27 +10,56 @@
  * All portions of the code written by Atypon Systems LLC are Copyright (c) 2019 Atypon Systems LLC. All Rights Reserved.
  */
 import { SecondaryButton, useDropdown } from '@manuscripts/style-guide';
-import React from 'react';
+import React, { useEffect, useRef } from 'react';
 import styled, { css } from 'styled-components';
 import { Dropdown, DropdownButtonContainer, DropdownContainer, DropdownToggle, } from '../nav/Dropdown';
 export const SortByDropdown = ({ sortBy, setSortBy }) => {
     const { isOpen, toggleOpen, wrapperRef } = useDropdown();
+    const toggleButtonRef = useRef(null);
+    const optionRefs = useRef([]);
+    const options = ['Date', 'in Context'];
+    useEffect(() => {
+        if (isOpen) {
+            optionRefs.current[0]?.focus();
+        }
+    }, [isOpen]);
+    const handleDropdownKeyDown = (e) => {
+        const buttons = optionRefs.current;
+        const currentIndex = Array.from(buttons).indexOf(document.activeElement);
+        switch (e.key) {
+            case 'ArrowDown':
+                e.preventDefault();
+                buttons[(currentIndex + 1) % buttons.length]?.focus();
+                break;
+            case 'ArrowUp':
+                e.preventDefault();
+                buttons[(currentIndex - 1 + buttons.length) % buttons.length]?.focus();
+                break;
+            case 'Escape':
+                e.preventDefault();
+                toggleOpen();
+                toggleButtonRef.current?.focus();
+                break;
+        }
+    };
     return (React.createElement(React.Fragment, null,
         React.createElement(Container, { ref: wrapperRef },
-            React.createElement(DropdownButtonContainer, { isOpen: isOpen, onClick: toggleOpen, className: 'dropdown-toggle' },
+            React.createElement(DropdownButtonContainer, { ref: toggleButtonRef, isOpen: isOpen, onClick: toggleOpen, onKeyDown: (e) => {
+                    if (e.key === 'ArrowDown') {
+                        toggleOpen();
+                    }
+                }, className: 'dropdown-toggle', tabIndex: 0 },
                 React.createElement(Label, null,
                     "Sorted by:",
                     React.createElement(Bold, null, sortBy),
                     React.createElement(DropdownToggle, { className: isOpen ? 'open' : '' }))),
-            isOpen && (React.createElement(DropdownList, { direction: 'right', minWidth: 100 },
-                React.createElement(Option, { onClick: (e) => {
-                        setSortBy('Date');
-                        toggleOpen();
-                    }, key: 'Date', value: 'Date' }, "Date"),
-                React.createElement(Option, { onClick: (e) => {
-                        setSortBy('in Context');
-                        toggleOpen();
-                    }, key: 'in Context', value: 'in Context' }, "in Context")))),
+            isOpen && (React.createElement(DropdownList, { direction: 'right', minWidth: 100, onKeyDown: handleDropdownKeyDown }, options.map((opt, index) => (React.createElement(Option, { key: opt, value: opt, ref: (el) => {
+                    if (el)
+                        optionRefs.current[index] = el;
+                }, onClick: () => {
+                    setSortBy(opt);
+                    toggleOpen();
+                } }, opt)))))),
         React.createElement(SeparatorLine, null)));
 };
 const SeparatorLine = styled.div `
@@ -56,6 +85,11 @@ const Container = styled(DropdownContainer) `
   .dropdown-toggle {
     border: none;
     background: transparent !important;
+    &:focus-visible {
+      outline: 2px solid ${(props) => props.theme.colors.outline.focus};
+      outline-offset: 2px;
+    }
   }
 `;
 const Option = styled(SecondaryButton) `
@@ -63,10 +97,16 @@ const Option = styled(SecondaryButton) `
   text-align: left;
   display: block;
   border: none;
-  &:not([disabled]):hover {
+  &:not([disabled]):hover,
+  &:not([disabled]):focus {
     background: ${(props) => props.theme.colors.background.fifth} !important;
     color: ${(props) => props.theme.colors.button.secondary.color.default} !important;
   }
+  &:focus-visible {
+    outline: 2px solid ${(props) => props.theme.colors.outline.focus};
+    outline-offset: -2px;
+  }
 `;
 const DropdownList = styled(Dropdown) `
   padding: ${(props) => props.theme.grid.unit * 2}px 0;

package/dist/es/components/track-changes/SortByDropdown.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SortByDropdown.js","sourceRoot":"","sources":["../../../../src/components/track-changes/SortByDropdown.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AACvE,OAAO,KAAK,MAAM,OAAO,CAAA;~~AACzB~~,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EACL,QAAQ,EACR,uBAAuB,EACvB,iBAAiB,EACjB,cAAc,GACf,MAAM,iBAAiB,CAAA;AAMxB,MAAM,CAAC,MAAM,cAAc,GAAoB,CAAC,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE,EAAE;IACvE,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAA;~~IAExD~~,OAAO,CACL;QACE,oBAAC,SAAS,IAAC,GAAG,EAAE,UAAU;YACxB,oBAAC,uBAAuB,IACtB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,UAAU,EACnB,SAAS,EAAE,iBAAiB;~~gBAE5B~~,oBAAC,KAAK;;oBAEJ,oBAAC,IAAI,QAAE,MAAM,CAAQ;oBACrB,oBAAC,cAAc,IAAC,SAAS,EAAE,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,EAAE,GAAI,CAC7C,CACgB;YACzB,MAAM,IAAI,CACT,oBAAC,YAAY,~~IAAC~~,SAAS,EAAE,OAAO,~~EAAE~~,QAAQ,EAAE,GAAG~~;gBAC7C~~,~~oBAAC~~,~~MAAM~~,~~IACL~~,OAAO,~~EAAE~~,CAAC,CAAC,EAAE,EAAE~~;wBACb~~,~~SAAS~~,CAAC,MAAM,~~CAAC~~,~~CAAA;wBACjB~~,~~UAAU,~~EAAE,~~CAAA;oBACd~~,~~CAAC~~,~~EACD~~,GAAG,EAAE,~~MAAM~~,~~EACX~~,~~KAAK~~,EAAE,~~MAAM~~,~~WAGN~~;~~gBACT~~,~~oBAAC~~,~~MAAM~~,~~IACL,~~OAAO,~~EAAE~~,CAAC,CAAC,EAAE,EAAE;~~wBACb~~,SAAS,CAAC,~~YAAY~~,CAAC,CAAA;~~wBACvB~~,UAAU,EAAE,CAAA;~~oBACd~~,CAAC,~~EACD~~,GAAG,~~EAAE~~,~~YAAY~~,~~EACjB~~,~~KAAK~~,~~EAAE,YAAY,iBAGZ,CACI,~~CAChB,CACS;QACZ,oBAAC,aAAa,OAAG,CAChB,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;cAClB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;sBAC5B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,QAAQ;;CAElE,CAAA;AACD,MAAM,IAAI,GAAG,MAAM,CAAC,IAAI,CAAA;WACb,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;iBACpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;iBACvC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI;CAChD,CAAA;AACD,MAAM,KAAK,GAAG,MAAM,CAAC,GAAG,CAAA;WACb,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;eACxC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM;;;CAGrD,CAAA;AACD,MAAM,SAAS,GAAG,MAAM,CAAC,iBAAiB,CAAC,CAAA;iBAC1B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;kBACnC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC~~;;;;;;CAMrD~~,CAAA;AAED,MAAM,MAAM,GAAG,MAAM,CAAC,eAAe,CAAC,CAAA;IAClC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,QAAQ,IAAI,gBAAgB~~;;;;;kBAK~~/B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,KAAK;aACnD,CAAC,KAAK,EAAE,EAAE,CACjB,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,OAAO~~;;CAEtD~~,CAAA;AACD,MAAM,YAAY,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;aACxB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,GAAG,CAAC;CAChD,CAAA;AACD,MAAM,gBAAgB,GAAG,GAAG,CAAA;;;WAGjB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,SAAS;;CAEtD,CAAA"}
1	+ {"version":3,"file":"SortByDropdown.js","sourceRoot":"","sources":["../../../../src/components/track-changes/SortByDropdown.tsx"],"names":[],"mappings":"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"}

package/dist/es/components/track-changes/suggestion-list/Suggestion.js CHANGED Viewed

@@ -14,9 +14,18 @@ import styled from 'styled-components';
 import { scrollIntoView } from '../../../lib/utils';
 import { useStore } from '../../../store';
 import TrackModal from '../TrackModal';
-import { SuggestionSnippet } from './SuggestionSnippet';
-export const Suggestion = ({ suggestions, isSelected, onAccept, onReject, onSelect, }) => {
+import { Card, CardActions, SuggestionSnippet } from './SuggestionSnippet';
+export const Suggestion = ({ suggestions, isSelected, onAccept, onReject, onSelect, isTabbable, cardLinkRef, }) => {
     const wrapperRef = useRef(null);
+    const linkRef = useRef(null);
+    const actionButtonRefs = useRef([]);
+    const setLinkRef = (el) => {
+        linkRef.current = el;
+        cardLinkRef?.(el);
+    };
+    const setActionButtonRef = (el, index) => {
+        actionButtonRefs.current[index] = el;
+    };
     const [trackModalVisible, setModalVisible] = useState(false);
     const [{ isComparingMode, isTrackingChangesVisible }] = useStore((store) => ({
         isComparingMode: store.isComparingMode,
@@ -32,21 +41,83 @@ export const Suggestion = ({ suggestions, isSelected, onAccept, onReject, onSele
             onSelect();
         }
     };
+    const handleKeyDown = (e) => {
+        // Only handle horizontal navigation (Left/Right)
+        // Let vertical navigation (Up/Down) bubble to parent SuggestionList
+        if (!['ArrowLeft', 'ArrowRight'].includes(e.key)) {
+            return;
+        }
+        const actionButtons = actionButtonRefs.current.filter(Boolean);
+        if (actionButtons.length === 0) {
+            return;
+        }
+        const currentElement = document.activeElement;
+        // If on the card link and arrow right is pressed, move to first action button
+        if (currentElement === linkRef.current && e.key === 'ArrowRight') {
+            e.preventDefault();
+            e.stopPropagation();
+            actionButtons[0]?.focus();
+        }
+        // If on an action button, navigate between them
+        else if (actionButtons.includes(currentElement)) {
+            const currentIndex = actionButtons.indexOf(currentElement);
+            if (e.key === 'ArrowLeft') {
+                e.preventDefault();
+                e.stopPropagation();
+                if (currentIndex === 0) {
+                    linkRef.current?.focus();
+                }
+                else {
+                    actionButtons[currentIndex - 1]?.focus();
+                }
+            }
+            else if (e.key === 'ArrowRight') {
+                e.preventDefault();
+                e.stopPropagation();
+                if (currentIndex < actionButtons.length - 1) {
+                    actionButtons[currentIndex + 1]?.focus();
+                }
+            }
+        }
+    };
     useEffect(() => {
         if (isSelected && wrapperRef.current) {
             scrollIntoView(wrapperRef.current);
         }
     }, [isSelected]);
-    return (React.createElement(Wrapper, { "data-cy": "suggestion", isFocused: isSelected, ref: wrapperRef },
-        React.createElement(FocusHandle, { isTrackingChangesVisible: isTrackingChangesVisible, href: "#", onClick: handleClick },
-            React.createElement(SuggestionSnippet, { suggestions: suggestions, isComparingMode: isComparingMode, isFocused: isSelected, handleAccept: onAccept, handleReject: onReject })),
+    return (React.createElement(Wrapper, { "data-cy": "suggestion", isFocused: isSelected, ref: wrapperRef, onKeyDown: handleKeyDown },
+        React.createElement(FocusHandle, { ref: setLinkRef, tabIndex: isTabbable ? 0 : -1, isTrackingChangesVisible: isTrackingChangesVisible, onClick: handleClick, onKeyDown: (e) => {
+                if (e.target !== e.currentTarget) {
+                    return;
+                }
+                if (e.key === 'Enter') {
+                    e.preventDefault();
+                    handleClick(e);
+                }
+            } },
+            React.createElement(SuggestionSnippet, { suggestions: suggestions, isComparingMode: isComparingMode, isFocused: isSelected, handleAccept: onAccept, handleReject: onReject, isTrackingChangesVisible: isTrackingChangesVisible, actionButtonRefs: setActionButtonRef })),
         trackModalVisible && (React.createElement(TrackModal, { ref: wrapperRef, isVisible: trackModalVisible, changeId: suggestions[0].id, setVisible: setModalVisible }))));
 };
 const Wrapper = styled.li ``;
 const FocusHandle = styled.a `
   color: inherit;
-  text-decoration: none;
   overflow: hidden;
   cursor: ${(props) => props.isTrackingChangesVisible ? 'pointer' : 'default'};
+  &:focus {
+    outline: none;
+  }
+  ${(props) => props.isTrackingChangesVisible
+    ? `&:focus ${Card},
+      &:focus-within ${Card} {
+      background: ${props.theme.colors.background.tracked.hover};
+      ${CardActions} {
+        opacity: 1;
+        pointer-events: auto;
+      }
+    }`
+    : ''}
 `;
 //# sourceMappingURL=Suggestion.js.map

package/dist/es/components/track-changes/suggestion-list/Suggestion.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Suggestion.js","sourceRoot":"","sources":["../../../../../src/components/track-changes/suggestion-list/Suggestion.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAC1D,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACzC,OAAO,UAAU,MAAM,eAAe,CAAA;AACtC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;~~AAUvD~~,MAAM,CAAC,MAAM,UAAU,GAAoB,CAAC,EAC1C,WAAW,EACX,UAAU,EACV,QAAQ,EACR,QAAQ,EACR,QAAQ,~~GACT~~,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,MAAM,CAAgB,IAAI,CAAC,CAAA;IAC9C,MAAM,CAAC,iBAAiB,EAAE,eAAe,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC5D,MAAM,CAAC,EAAE,eAAe,EAAE,wBAAwB,EAAE,CAAC,GAAG,QAAQ,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC3E,eAAe,EAAE,KAAK,CAAC,eAAe;QACtC,wBAAwB,EAAE,KAAK,CAAC,wBAAwB;KACzD,CAAC,CAAC,CAAA;IAEH,MAAM,WAAW,GAAG,CAAC,~~CAAmB~~,EAAE,EAAE;~~QAC1C~~,CAAC,CAAC,cAAc,EAAE,CAAA;QAClB,IAAI,CAAC,wBAAwB,EAAE,CAAC;YAC9B,OAAM;QACR,CAAC;QACD,eAAe,CAAC,IAAI,CAAC,CAAA;QACrB,IAAI,QAAQ,EAAE,CAAC;YACb,QAAQ,EAAE,CAAA;QACZ,CAAC;IACH,CAAC,CAAA;IAED,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,IAAI,UAAU,CAAC,OAAO,EAAE,CAAC;YACrC,cAAc,CAAC,UAAU,CAAC,OAAO,CAAC,CAAA;QACpC,CAAC;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,OAAO,CACL,oBAAC,OAAO,~~eAAS~~,YAAY,~~EAAC~~,SAAS,EAAE,UAAU,~~EAAE~~,GAAG,EAAE,UAAU;~~QAClE~~,oBAAC,WAAW,IACV,wBAAwB,EAAE,wBAAwB,EAClD,IAAI,~~EAAC~~,GAAG,~~EACR~~,OAAO,EAAE,WAAW;~~YAEpB~~,oBAAC,iBAAiB,IAChB,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,SAAS,EAAE,UAAU,EACrB,YAAY,EAAE,QAAQ,EACtB,YAAY,EAAE,QAAQ,~~GACtB~~,CACU;QAEb,iBAAiB,IAAI,CACpB,oBAAC,UAAU,IACT,GAAG,EAAE,UAAU,EACf,SAAS,EAAE,iBAAiB,EAC5B,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE,EAC3B,UAAU,EAAE,eAAe,GACf,CACf,CACO,CACX,CAAA;AACH,CAAC,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,EAAE,CAEvB,EAAE,CAAA;AAEJ,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAE1B~~;;;;YAIU~~,CAAC,KAAK,EAAE,EAAE,CAClB,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;~~CACzD~~,CAAA"}
1	+ {"version":3,"file":"Suggestion.js","sourceRoot":"","sources":["../../../../../src/components/track-changes/suggestion-list/Suggestion.tsx"],"names":[],"mappings":"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"}