@manuscripts/style-guide 1.13.7 → 1.13.8-LEAN-3645

package/dist/cjs/components/{TableFootnotesSelector.js → FootnotesSelector.js}

@@ -41,7 +41,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.TableFootnotesSelector = void 0;
+exports.FootnotesSelector = void 0;
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("./Button");
@@ -77,7 +77,7 @@ const AddNewFootnote = (0, styled_components_1.default)(Button_1.ButtonGroup) `
     }
   }
 `;
-const TableFootnotesSelector = ({ notes, inlineFootnote, onAdd, onInsert, onCancel }) => {
+const FootnotesSelector = ({ notes, inlineFootnote, onAdd, onInsert, onCancel, addNewLabel }) => {
     let selectedNotesMap;
     if (inlineFootnote) {
         const rids = inlineFootnote.attrs.rids;
@@ -104,18 +104,18 @@ const TableFootnotesSelector = ({ notes, inlineFootnote, onAdd, onInsert, onCanc
     };
     return (react_1.default.createElement(Container, null,
         react_1.default.createElement(NotesContainer, null,
-            react_1.default.createElement(TableFootnotesList, { notes: notes, inlineFootnote: inlineFootnote, isSelected: isSelected, onSelect: toggleSelection })),
+            react_1.default.createElement(FootnotesList, { notes: notes, inlineFootnote: inlineFootnote, isSelected: isSelected, onSelect: toggleSelection })),
         react_1.default.createElement(Actions, null,
             react_1.default.createElement(AddNewFootnote, null,
                 react_1.default.createElement(Button_1.IconTextButton, { onClick: onAdd },
                     react_1.default.createElement(icons_1.AddNewIcon, null),
-                    "Add new")),
+                    addNewLabel || 'Add new')),
             react_1.default.createElement(Button_1.ButtonGroup, null,
                 react_1.default.createElement(Button_1.SecondaryButton, { onClick: onCancel }, "Cancel"),
                 react_1.default.createElement(Button_1.PrimaryButton, { onClick: handleClick, disabled: selections.size === 0 && !inlineFootnote }, inlineFootnote ? 'Update' : 'Insert')))));
 };
-exports.TableFootnotesSelector = TableFootnotesSelector;
-const TableFootnotesList = ({ notes, isSelected, onSelect, inlineFootnote }) => {
+exports.FootnotesSelector = FootnotesSelector;
+const FootnotesList = ({ notes, isSelected, onSelect, inlineFootnote }) => {
     const selectedNotes = [];
     const remainingNotes = [];
     notes.forEach((note) => {
@@ -170,5 +170,5 @@ const NoteText = styled_components_1.default.div `
   color: ${(props) => props.theme.colors.text.primary};
   flex: 1;
   font-weight: ${(props) => props.theme.font.weight.normal};
-  margin-top: ${(props) => props.theme.grid.unit}px;
+  margin-top: 2px;
 `;

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

@@ -14,13 +14,37 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Label = exports.Block = exports.BlockItem = exports.StyleBlock = exports.ListContainer = exports.bulletListContextMenu = exports.orderedListContextMenu = exports.Menus = void 0;
-const react_1 = __importDefault(require("react"));
+exports.ColumnChangeWarningDialog = exports.Label = exports.Block = exports.BlockItem = exports.StyleBlock = exports.ListContainer = exports.bulletListContextMenu = exports.orderedListContextMenu = exports.Menus = void 0;
+const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
+const Dialog_1 = require("../Dialog");
 const Submenu_1 = require("./Submenu");
 const MenusContainer = styled_components_1.default.div `
   display: flex;
@@ -44,17 +68,25 @@ const MenuContainer = styled_components_1.default.div `
   }
 `;
 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]) }));
-            })))));
-    })));
+    const [columnMenu, setColumnMenu] = (0, react_1.useState)(undefined);
+    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]), setColumnMenu: setColumnMenu }));
+                })))));
+        }),
+        react_1.default.createElement(exports.ColumnChangeWarningDialog, { isOpen: !!columnMenu, primaryAction: () => {
+                if (columnMenu === null || columnMenu === void 0 ? void 0 : columnMenu.run) {
+                    columnMenu.run();
+                    setColumnMenu(undefined);
+                }
+            }, secondaryAction: () => setColumnMenu(undefined) })));
 };
 exports.Menus = Menus;
 exports.orderedListContextMenu = [
@@ -110,3 +142,14 @@ exports.Label = styled_components_1.default.div `
   font-style: normal;
   color: ${(props) => (props.hide && 'white') || 'initial'};
 `;
+const ColumnChangeWarningDialog = ({ isOpen, primaryAction, secondaryAction }) => (react_1.default.createElement(Dialog_1.Dialog, { isOpen: isOpen, category: Dialog_1.Category.confirmation, header: "This change can't be tracked", message: "This column action won't be marked as chnage. Do you want to continue?", actions: {
+        primary: {
+            action: primaryAction,
+            title: 'Ok',
+        },
+        secondary: {
+            action: secondaryAction,
+            title: 'Cancel',
+        },
+    } }));
+exports.ColumnChangeWarningDialog = ColumnChangeWarningDialog;

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

@@ -91,7 +91,11 @@ const Container = styled_components_1.default.div `
   }
 `;
 const activeContent = (menu) => (menu.isActive ? '✓' : '');
-const Submenu = ({ menu, handleClick }) => {
+const isColumnMenu = (menu) => (menu.role !== 'separator' &&
+    menu.id === 'format-table-add-column-before') ||
+    menu.id === 'format-table-add-column-after' ||
+    menu.id === 'format-table-delete-column';
+const Submenu = ({ menu, handleClick, setColumnMenu, }) => {
     if ((0, menus_1.isMenuSeparator)(menu)) {
         return react_1.default.createElement(Separator, null);
     }
@@ -124,6 +128,8 @@ const Submenu = ({ menu, handleClick }) => {
             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]) })))))));
+        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) => isColumnMenu(submenu) && setColumnMenu
+                ? setColumnMenu(submenu)
+                : handleClick([index, ...i]) })))))));
 };
 exports.Submenu = Submenu;

package/dist/cjs/index.js

@@ -47,7 +47,7 @@ __exportStar(require("./components/FileManager/util"), exports);
 __exportStar(require("./components/Resizer"), exports);
 __exportStar(require("./components/SaveStatus"), exports);
 __exportStar(require("./components/StyledModal"), exports);
-__exportStar(require("./components/TableFootnotesSelector"), exports);
+__exportStar(require("./components/FootnotesSelector"), exports);
 __exportStar(require("./components/Sidebar"), exports);
 __exportStar(require("./components/RichText"), exports);
 __exportStar(require("./components/TextField"), exports);

package/dist/es/components/{TableFootnotesSelector.js → FootnotesSelector.js}

@@ -48,7 +48,7 @@ const AddNewFootnote = styled(ButtonGroup) `
     }
   }
 `;
-export const TableFootnotesSelector = ({ notes, inlineFootnote, onAdd, onInsert, onCancel }) => {
+export const FootnotesSelector = ({ notes, inlineFootnote, onAdd, onInsert, onCancel, addNewLabel }) => {
     let selectedNotesMap;
     if (inlineFootnote) {
         const rids = inlineFootnote.attrs.rids;
@@ -75,17 +75,17 @@ export const TableFootnotesSelector = ({ notes, inlineFootnote, onAdd, onInsert,
     };
     return (React.createElement(Container, null,
         React.createElement(NotesContainer, null,
-            React.createElement(TableFootnotesList, { notes: notes, inlineFootnote: inlineFootnote, isSelected: isSelected, onSelect: toggleSelection })),
+            React.createElement(FootnotesList, { notes: notes, inlineFootnote: inlineFootnote, isSelected: isSelected, onSelect: toggleSelection })),
         React.createElement(Actions, null,
             React.createElement(AddNewFootnote, null,
                 React.createElement(IconTextButton, { onClick: onAdd },
                     React.createElement(AddNewIcon, null),
-                    "Add new")),
+                    addNewLabel || 'Add new')),
             React.createElement(ButtonGroup, null,
                 React.createElement(SecondaryButton, { onClick: onCancel }, "Cancel"),
                 React.createElement(PrimaryButton, { onClick: handleClick, disabled: selections.size === 0 && !inlineFootnote }, inlineFootnote ? 'Update' : 'Insert')))));
 };
-const TableFootnotesList = ({ notes, isSelected, onSelect, inlineFootnote }) => {
+const FootnotesList = ({ notes, isSelected, onSelect, inlineFootnote }) => {
     const selectedNotes = [];
     const remainingNotes = [];
     notes.forEach((note) => {
@@ -140,5 +140,5 @@ const NoteText = styled.div `
   color: ${(props) => props.theme.colors.text.primary};
   flex: 1;
   font-weight: ${(props) => props.theme.font.weight.normal};
-  margin-top: ${(props) => props.theme.grid.unit}px;
+  margin-top: 2px;
 `;

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

@@ -13,8 +13,9 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-import React from 'react';
+import React, { useState } from 'react';
 import styled from 'styled-components';
+import { Category, Dialog } from '../Dialog';
 import { Submenu, SubmenusContainer, Text } from './Submenu';
 const MenusContainer = styled.div `
   display: flex;
@@ -38,17 +39,25 @@ const MenuContainer = styled.div `
   }
 `;
 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]) }));
-            })))));
-    })));
+    const [columnMenu, setColumnMenu] = useState(undefined);
+    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]), setColumnMenu: setColumnMenu }));
+                })))));
+        }),
+        React.createElement(ColumnChangeWarningDialog, { isOpen: !!columnMenu, primaryAction: () => {
+                if (columnMenu === null || columnMenu === void 0 ? void 0 : columnMenu.run) {
+                    columnMenu.run();
+                    setColumnMenu(undefined);
+                }
+            }, secondaryAction: () => setColumnMenu(undefined) })));
 };
 export const orderedListContextMenu = [
     { items: ['1.', '2.', '3.'], type: 'order' },
@@ -103,3 +112,13 @@ export const Label = styled.div `
   font-style: normal;
   color: ${(props) => (props.hide && 'white') || 'initial'};
 `;
+export const ColumnChangeWarningDialog = ({ isOpen, primaryAction, secondaryAction }) => (React.createElement(Dialog, { isOpen: isOpen, category: Category.confirmation, header: "This change can't be tracked", message: "This column action won't be marked as chnage. Do you want to continue?", actions: {
+        primary: {
+            action: primaryAction,
+            title: 'Ok',
+        },
+        secondary: {
+            action: secondaryAction,
+            title: 'Cancel',
+        },
+    } }));

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

@@ -85,7 +85,11 @@ const Container = styled.div `
   }
 `;
 const activeContent = (menu) => (menu.isActive ? '✓' : '');
-export const Submenu = ({ menu, handleClick }) => {
+const isColumnMenu = (menu) => (menu.role !== 'separator' &&
+    menu.id === 'format-table-add-column-before') ||
+    menu.id === 'format-table-add-column-after' ||
+    menu.id === 'format-table-delete-column';
+export const Submenu = ({ menu, handleClick, setColumnMenu, }) => {
     if (isMenuSeparator(menu)) {
         return React.createElement(Separator, null);
     }
@@ -118,5 +122,7 @@ export const Submenu = ({ menu, handleClick }) => {
             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]) })))))));
+        menu.submenu && menu.isOpen && (React.createElement(NestedSubmenusContainer, null, menu.submenu.map((submenu, index) => (React.createElement(Submenu, { key: `menu-${index}`, menu: submenu, handleClick: (i) => isColumnMenu(submenu) && setColumnMenu
+                ? setColumnMenu(submenu)
+                : handleClick([index, ...i]) })))))));
 };

package/dist/es/index.js

@@ -27,7 +27,7 @@ export * from './components/FileManager/util';
 export * from './components/Resizer';
 export * from './components/SaveStatus';
 export * from './components/StyledModal';
-export * from './components/TableFootnotesSelector';
+export * from './components/FootnotesSelector';
 export * from './components/Sidebar';
 export * from './components/RichText';
 export * from './components/TextField';

package/dist/types/components/{TableFootnotesSelector.d.ts → FootnotesSelector.d.ts}

@@ -19,10 +19,11 @@ export type FootnoteWithIndex = {
     node: FootnoteNode;
     index?: string;
 };
-export declare const TableFootnotesSelector: React.FC<{
+export declare const FootnotesSelector: React.FC<{
     notes: FootnoteWithIndex[];
     inlineFootnote?: InlineFootnoteNode;
     onAdd: () => void;
     onInsert: (notes: FootnoteWithIndex[]) => void;
     onCancel: () => void;
+    addNewLabel?: string;
 }>;

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

@@ -36,4 +36,9 @@ export declare const Block: import("styled-components").StyledComponent<"div", i
 export declare const Label: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     hide?: boolean | undefined;
 }, never>;
+export declare const ColumnChangeWarningDialog: React.FC<{
+    isOpen: boolean;
+    primaryAction: () => void;
+    secondaryAction: () => void;
+}>;
 export {};

package/dist/types/components/Menus/Submenu.d.ts

@@ -20,6 +20,7 @@ export declare const SubmenusContainer: import("styled-components").StyledCompon
 interface SubmenuProps {
     menu: Menu | MenuSeparator;
     handleClick: (position: number[]) => void;
+    setColumnMenu?: React.Dispatch<React.SetStateAction<undefined | Menu>>;
 }
 export declare const Submenu: React.FC<SubmenuProps>;
 export {};

package/dist/types/index.d.ts

@@ -28,7 +28,7 @@ export * from './components/FileManager/util';
 export * from './components/Resizer';
 export * from './components/SaveStatus';
 export * from './components/StyledModal';
-export * from './components/TableFootnotesSelector';
+export * from './components/FootnotesSelector';
 export * from './components/Sidebar';
 export * from './components/RichText';
 export * from './components/TextField';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "1.13.7",
+  "version": "1.13.8-LEAN-3645",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -109,4 +109,4 @@
     "@types/react": "^17.0.2",
     "jackspeak": "2.1.1"
   }
-}
+}