@manuscripts/body-editor 1.6.10 → 1.6.12

package/dist/cjs/components/application-menu/ApplicationMenu.js

@@ -1,63 +0,0 @@
-"use strict";
-/*!
- * © 2019 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ApplicationMenus = void 0;
-const react_1 = __importDefault(require("react"));
-const react_modal_1 = __importDefault(require("react-modal"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const MenuItemContainer_1 = require("./MenuItemContainer");
-react_modal_1.default.setAppElement('#root');
-const ApplicationMenuContainer = styled_components_1.default.div `
-  display: flex;
-  font-size: 14px;
-`;
-const MenuHeading = styled_components_1.default.div `
-  padding: 4px 8px;
-  cursor: pointer;
-  border: 1px solid transparent;
-  border-bottom: none;
-`;
-const MenuContainer = styled_components_1.default.div `
-  position: relative;
-
-  & ${MenuHeading} {
-    background-color: #fff;
-    color: ${(props) => (props.isEnabled ? '#353535' : '#e2e2e2')};
-
-    &:hover {
-      background-color: ${(props) => (props.isEnabled ? '#f2fbfc' : '#fff')};
-    }
-  }
-`;
-const ApplicationMenus = ({ menuState, wrapperRef, handleItemClick, }) => {
-    return (react_1.default.createElement(ApplicationMenuContainer, { ref: wrapperRef }, menuState.map((menu, index) => {
-        return (react_1.default.createElement(MenuContainer, { key: `menu-${index}`, isEnabled: menu.enable },
-            react_1.default.createElement(MenuHeading, { onMouseDown: (e) => {
-                    e.preventDefault();
-                    handleItemClick([index]);
-                }, isOpen: menu.isOpen },
-                react_1.default.createElement(MenuItemContainer_1.Text, null, menu.label)),
-            menu.enable && menu.isOpen && (react_1.default.createElement(MenuItemContainer_1.MenuList, null, menu.submenu &&
-                menu.submenu.map((submenu, menuIndex) => {
-                    return (react_1.default.createElement(MenuItemContainer_1.MenuItemContainer, { key: `menu-${menuIndex}`, item: submenu, depth: 1, handleMenuItemClick: () => handleItemClick([index, menuIndex]), handleSubmenuItemClick: (submenuIndex) => handleItemClick([index, menuIndex, submenuIndex]) }));
-                })))));
-    })));
-};
-exports.ApplicationMenus = ApplicationMenus;

package/dist/cjs/components/application-menu/MenuItemContainer.js

@@ -1,127 +0,0 @@
-"use strict";
-/*!
- * © 2019 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuItemContainer = exports.MenuList = exports.Text = void 0;
-const TriangleCollapsed_1 = __importDefault(require("@manuscripts/assets/react/TriangleCollapsed"));
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Shortcut_1 = require("./Shortcut");
-exports.Text = styled_components_1.default.div `
-  flex: 1 0 auto;
-`;
-exports.MenuList = styled_components_1.default.div `
-  background: #fff;
-  border: 1px solid #e2e2e2;
-  border-radius: 4px;
-  box-shadow: 0 4px 9px 0 rgba(84, 83, 83, 0.3);
-  color: #353535;
-  min-width: 150px;
-  max-height: 70vh;
-  overflow-y: auto;
-  padding: 4px 0;
-  white-space: nowrap;
-  width: auto;
-  z-index: 10;
-
-  position: absolute;
-
-  &[data-placement='bottom-start'] {
-    border-top-left-radius: 0;
-    border-top-right-radius: 0;
-  }
-  closeMenu={closeMenu}
-
-  &[data-placement='right-start'] {
-    top: 8px;
-  }
-`;
-const SubmenuContainer = styled_components_1.default.div `
-  position: relative;
-`;
-const SubmenuList = (0, styled_components_1.default)(exports.MenuList) `
-  top: 0;
-  left: 100%;
-`;
-const Separator = styled_components_1.default.div `
-  height: 0;
-  border-bottom: 1px solid #e2e2e2;
-  margin: 4px 0;
-`;
-const Active = styled_components_1.default.div `
-  width: 16px;
-  display: inline-flex;
-  flex-shrink: 0;
-  justify-content: center;
-  align-items: center;
-`;
-const Arrow = (0, styled_components_1.default)(TriangleCollapsed_1.default) `
-  margin-left: 8px;
-`;
-const Container = styled_components_1.default.div `
-  align-items: center;
-  cursor: pointer;
-  display: flex;
-  padding: 8px 16px 8px 4px;
-  position: relative;
-  ${(props) => props.isOpen && 'background: #f2fbfc;'}
-
-  &:hover {
-    background: #f2fbfc;
-  }
-
-  &.disabled {
-    cursor: default;
-    opacity: 0.4;
-  }
-`;
-const classNameFromState = (item) => (item.enable ? '' : 'disabled');
-const activeContent = (item) => (item.active ? '✓' : '');
-const isSeparator = (item) => item.role === 'separator';
-const MenuItemContainer = ({ item, handleMenuItemClick, handleSubmenuItemClick, depth, }) => {
-    if (isSeparator(item)) {
-        return react_1.default.createElement(Separator, null);
-    }
-    if (!item.submenu) {
-        return (react_1.default.createElement(Container, { isOpen: item.isOpen, className: classNameFromState(item), onMouseDown: (e) => {
-                e.preventDefault();
-                handleMenuItemClick();
-            } },
-            react_1.default.createElement(Active, null, activeContent(item)),
-            react_1.default.createElement(exports.Text, null, item.label),
-            item.accelerator && react_1.default.createElement(Shortcut_1.Shortcut, { accelerator: item.accelerator })));
-    }
-    return (react_1.default.createElement(SubmenuContainer, null,
-        react_1.default.createElement(Container, { onMouseDown: (e) => {
-                e.preventDefault();
-                handleMenuItemClick();
-            }, isOpen: item.isOpen, className: classNameFromState(item) },
-            react_1.default.createElement(Active, null, activeContent(item)),
-            react_1.default.createElement(exports.Text, null, item.label),
-            item.submenu && react_1.default.createElement(Arrow, null),
-            item.accelerator && react_1.default.createElement(Shortcut_1.Shortcut, { accelerator: item.accelerator })),
-        item.isOpen && (react_1.default.createElement(SubmenuList, null, item.submenu &&
-            item.submenu.map((menu, index) => (react_1.default.createElement(exports.MenuItemContainer, { key: `menu-${index}`, item: menu, handleMenuItemClick: () => {
-                    if (!handleSubmenuItemClick) {
-                        return;
-                    }
-                    handleSubmenuItemClick(index);
-                }, depth: depth + 1 })))))));
-};
-exports.MenuItemContainer = MenuItemContainer;

package/dist/cjs/components/application-menu/Shortcut.js

@@ -1,63 +0,0 @@
-"use strict";
-/*!
- * © 2019 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Shortcut = exports.ShortcutContainer = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const platform_1 = require("../../lib/platform");
-exports.ShortcutContainer = styled_components_1.default.div `
-  display: inline-flex;
-  color: #6e6e6e;
-  margin-left: 16px;
-  flex-shrink: 0;
-  justify-content: flex-end;
-`;
-const modifiers = platform_1.isMac
-    ? {
-        Option: '⌥',
-        CommandOrControl: '⌘',
-        Shift: '⇧',
-    }
-    : {
-        Option: 'Alt',
-        CommandOrControl: 'Ctrl',
-        Shift: 'Shift',
-    };
-const system = platform_1.isMac ? 'mac' : 'pc';
-const separator = platform_1.isMac ? '' : '-';
-const Character = styled_components_1.default.span `
-  display: inline-block;
-  min-width: 1ch;
-`;
-const acceleratorParts = (accelerator) => {
-    const parts = [];
-    for (const part of accelerator[system].split('+')) {
-        if (part in modifiers) {
-            parts.push(modifiers[part]);
-            parts.push(separator);
-        }
-        else {
-            parts.push(react_1.default.createElement(Character, { key: part }, part));
-        }
-    }
-    return parts;
-};
-const Shortcut = ({ accelerator, }) => react_1.default.createElement(exports.ShortcutContainer, null, acceleratorParts(accelerator));
-exports.Shortcut = Shortcut;

package/dist/cjs/components/application-menu/index.js

@@ -1,22 +0,0 @@
-"use strict";
-/*!
- * © 2019 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useApplicationMenus = exports.ApplicationMenus = void 0;
-var ApplicationMenu_1 = require("./ApplicationMenu");
-Object.defineProperty(exports, "ApplicationMenus", { enumerable: true, get: function () { return ApplicationMenu_1.ApplicationMenus; } });
-var useApplicationMenus_1 = require("./useApplicationMenus");
-Object.defineProperty(exports, "useApplicationMenus", { enumerable: true, get: function () { return useApplicationMenus_1.useApplicationMenus; } });

package/dist/cjs/components/application-menu/menuState.js

@@ -1,49 +0,0 @@
-"use strict";
-/*!
- * © 2019 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getMenuItem = exports.getMenuState = void 0;
-const getMenuState = (spec, pointer, depth = 0) => {
-    const pointerPart = pointer[depth];
-    return spec.map((itemSpec, index) => {
-        return {
-            id: itemSpec.id || '',
-            role: itemSpec.role || '',
-            accelerator: itemSpec.accelerator || null,
-            label: itemSpec.label || '',
-            active: itemSpec.active || false,
-            enable: typeof itemSpec.enable === 'boolean' ? itemSpec.enable : true,
-            run: itemSpec.run || null,
-            submenu: itemSpec.submenu
-                ? (0, exports.getMenuState)(itemSpec.submenu, pointer, depth + 1)
-                : null,
-            isOpen: index === pointerPart,
-        };
-    });
-};
-exports.getMenuState = getMenuState;
-const getMenuItem = (menuState, indices) => {
-    const [head, ...tail] = indices.filter((item) => item !== -1);
-    const item = menuState[head];
-    if (!tail.length) {
-        return item;
-    }
-    else if (item.submenu) {
-        return (0, exports.getMenuItem)(item.submenu, tail);
-    }
-    return null;
-};
-exports.getMenuItem = getMenuItem;

package/dist/cjs/components/application-menu/types.js

@@ -1,17 +0,0 @@
-"use strict";
-/*!
- * © 2019 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
-Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/components/application-menu/useApplicationMenus.js

@@ -1,154 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useApplicationMenus = exports.nextValidItem = exports.prevValidItem = void 0;
-const react_1 = require("react");
-const menuState_1 = require("./menuState");
-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 prevValidItem = (menu, current) => {
-    const prevIndex = current - 1;
-    if (prevIndex <= -1) {
-        return -1;
-    }
-    const prevItem = menu[prevIndex];
-    if (prevItem.role !== 'separator' && prevItem.enable) {
-        return prevIndex;
-    }
-    return (0, exports.prevValidItem)(menu, prevIndex);
-};
-exports.prevValidItem = prevValidItem;
-const nextValidItem = (menu, current) => {
-    const nextIndex = current + 1;
-    if (nextIndex >= menu.length) {
-        return 0;
-    }
-    const nextItem = menu[nextIndex];
-    if (nextItem.role !== 'separator' && nextItem.enable) {
-        return nextIndex;
-    }
-    return (0, exports.nextValidItem)(menu, nextIndex);
-};
-exports.nextValidItem = nextValidItem;
-const useApplicationMenus = (menuSpec) => {
-    const [pointer, setPointer] = (0, react_1.useState)(initialPointer);
-    const menuState = (0, menuState_1.getMenuState)(menuSpec, pointer);
-    const toggleMenus = (0, react_1.useCallback)(() => {
-        setPointer(pointer[0] === -1 ? [0, -1, -1] : [-1, -1, -1]);
-    }, [pointer]);
-    const handleItemClick = (0, react_1.useCallback)((indices) => {
-        const item = (0, menuState_1.getMenuItem)(menuState, indices);
-        if (!item || !item.enable) {
-            return;
-        }
-        if (item.run) {
-            item.run();
-            setPointer([-1, -1, -1]);
-        }
-        else if (item.submenu) {
-            const depth = indices.length - 1;
-            const index = indices[depth];
-            setPointer(transformPointer(depth, index));
-        }
-    }, [menuState]);
-    const wrapperRef = (0, react_1.useRef)(null);
-    const handleKeydown = (0, react_1.useCallback)((e) => {
-        const { key } = e;
-        const [menuI, itemI, submenuItemI] = pointer;
-        if (key === 'Escape') {
-            toggleMenus();
-            return false;
-        }
-        else if (menuI === -1) {
-            return true;
-        }
-        e.preventDefault();
-        let menuItem;
-        let items;
-        switch (key) {
-            case 'ArrowLeft':
-                if (submenuItemI !== -1) {
-                    setPointer([menuI, itemI, -1]);
-                    return false;
-                }
-                setPointer(transformPointer(0, (0, exports.prevValidItem)(menuState, menuI)));
-                return false;
-            case 'ArrowRight':
-                if (itemI !== -1 && submenuItemI === -1) {
-                    menuItem = (0, menuState_1.getMenuItem)(menuState, pointer);
-                    if (!menuItem || !menuItem.submenu) {
-                        return false;
-                    }
-                    setPointer(transformPointer(2, (0, exports.nextValidItem)(menuItem.submenu, -1)));
-                    return false;
-                }
-                setPointer(transformPointer(0, (0, exports.nextValidItem)(menuState, menuI)));
-                return false;
-            case 'ArrowUp':
-                if (submenuItemI !== -1) {
-                    menuItem = (0, menuState_1.getMenuItem)(menuState, [menuI, itemI]);
-                    items = menuItem && menuItem.submenu;
-                    if (!items) {
-                        return false;
-                    }
-                    setPointer(transformPointer(2, (0, exports.prevValidItem)(items, submenuItemI)));
-                    return false;
-                }
-                items = menuState[menuI].submenu;
-                if (!items) {
-                    return false;
-                }
-                setPointer(transformPointer(1, (0, exports.prevValidItem)(items, itemI)));
-                return false;
-            case 'ArrowDown':
-                if (submenuItemI !== -1) {
-                    menuItem = (0, menuState_1.getMenuItem)(menuState, [menuI, itemI]);
-                    items = menuItem && menuItem.submenu;
-                    if (!items) {
-                        return false;
-                    }
-                    setPointer(transformPointer(2, (0, exports.nextValidItem)(items, submenuItemI)));
-                    return false;
-                }
-                items = menuState[menuI].submenu;
-                if (!items) {
-                    return false;
-                }
-                setPointer(transformPointer(1, (0, exports.nextValidItem)(items, itemI)));
-                return false;
-            case 'Enter':
-            case 'Space':
-                handleItemClick(pointer);
-                return false;
-        }
-        return false;
-    }, [menuState, handleItemClick, pointer, toggleMenus]);
-    (0, react_1.useEffect)(() => {
-        const handleClickOutside = (event) => {
-            if (wrapperRef.current &&
-                !wrapperRef.current.contains(event.target)) {
-                setPointer([-1, -1, -1]);
-            }
-        };
-        document.addEventListener('click', handleClickOutside);
-        return () => {
-            document.removeEventListener('click', handleClickOutside);
-        };
-    }, []);
-    return {
-        handleKeydown,
-        toggleMenus,
-        menuState,
-        handleItemClick,
-        isMenuOpen: pointer[0] > -1,
-        wrapperRef,
-    };
-};
-exports.useApplicationMenus = useApplicationMenus;

package/dist/cjs/components/dialog/TableCellBorderOptions.js

@@ -1,64 +0,0 @@
-"use strict";
-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 });
-const style_guide_1 = require("@manuscripts/style-guide");
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const commands_1 = require("./commands");
-const shared_1 = require("./shared");
-const LabelStyled = styled_components_1.default.label `
-  font-weight: bold;
-  display: block;
-`;
-const initialState = () => ({
-    direction: 'all',
-    width: 1,
-    color: '#000',
-});
-const TableCellBorderOptions = ({ editorState, handleCloseDialog, dispatch, colors, handleAddColor, }) => {
-    const setColors = colors.filter((color) => color.value);
-    const colorExists = (0, react_1.useCallback)((hex) => setColors.find((color) => color.value === hex), [setColors]);
-    return (react_1.default.createElement(shared_1.Modal, { handleCloseDialog: handleCloseDialog, selector: initialState, command: commands_1.setTableCellBorderStyles, editorState: editorState, dispatch: dispatch, header: "Configure the Cell Borders" }, ({ state, handleChange }) => (react_1.default.createElement("form", null,
-        react_1.default.createElement(LabelStyled, { htmlFor: "direction" }, "Apply to"),
-        react_1.default.createElement("select", { id: "direction", value: state.direction, onChange: (e) => handleChange('direction', e.target.value) },
-            react_1.default.createElement("option", { value: "all" }, "All"),
-            react_1.default.createElement("option", { value: "top" }, "Top"),
-            react_1.default.createElement("option", { value: "bottom" }, "Bottom"),
-            react_1.default.createElement("option", { value: "left" }, "Left"),
-            react_1.default.createElement("option", { value: "right" }, "Right")),
-        react_1.default.createElement(LabelStyled, { htmlFor: "width" }, "Width (px)"),
-        react_1.default.createElement("input", { id: "width", type: "number", min: "0", max: "5", value: state.width, onChange: (e) => handleChange('width', e.target.value) }),
-        react_1.default.createElement(LabelStyled, { htmlFor: "backgroundColor" }, "Border Color"),
-        react_1.default.createElement(style_guide_1.ColorField, { options: setColors, value: state.color, handleChange: (hex) => {
-                handleChange('color', hex || '');
-                if (hex && !colorExists(hex)) {
-                    handleAddColor(hex);
-                }
-            } })))));
-};
-exports.default = TableCellBorderOptions;

package/dist/cjs/components/dialog/TableCellOptions.js

@@ -1,50 +0,0 @@
-"use strict";
-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 });
-const style_guide_1 = require("@manuscripts/style-guide");
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const commands_1 = require("./commands");
-const shared_1 = require("./shared");
-const LabelStyled = styled_components_1.default.label `
-  font-weight: bold;
-  display: block;
-`;
-const TableCellOptions = ({ editorState, handleCloseDialog, dispatch, colors, handleAddColor, }) => {
-    const setColors = colors.filter((color) => color.value);
-    const colorExists = (0, react_1.useCallback)((hex) => setColors.find((color) => color.value === hex), [setColors]);
-    return (react_1.default.createElement(shared_1.Modal, { handleCloseDialog: handleCloseDialog, selector: commands_1.getSelectedTableCellStyles, command: commands_1.setTableCellStyles, editorState: editorState, dispatch: dispatch, header: "Configure the Selected Table Cells" }, ({ state, handleChange }) => (react_1.default.createElement("form", null,
-        react_1.default.createElement(LabelStyled, { htmlFor: "backgroundColor" }, "Background Color"),
-        react_1.default.createElement(style_guide_1.ColorField, { options: setColors, value: state.backgroundColor || '', handleChange: (hex) => {
-                handleChange('backgroundColor', hex || '');
-                if (hex && !colorExists(hex)) {
-                    handleAddColor(hex);
-                }
-            } })))));
-};
-exports.default = TableCellOptions;

package/dist/cjs/components/dialog/TableOptions.js

@@ -1,31 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const commands_1 = require("./commands");
-const shared_1 = require("./shared");
-const FormStyled = styled_components_1.default.form `
-  display: flex;
-  flex-direction: row;
-`;
-const Field = styled_components_1.default.div `
-  flex: 1 0 auto;
-  width: 50%;
-`;
-const LabelStyled = styled_components_1.default.label `
-  font-weight: bold;
-  display: block;
-`;
-const TableOptions = ({ editorState, handleCloseDialog, dispatch, }) => {
-    return (react_1.default.createElement(shared_1.Modal, { handleCloseDialog: handleCloseDialog, editorState: editorState, dispatch: dispatch, selector: commands_1.getSelectedTableAttr, command: commands_1.setTableAttrs, header: "Configure the Selected Table" }, ({ state, handleChange }) => (react_1.default.createElement(FormStyled, null,
-        react_1.default.createElement(Field, null,
-            react_1.default.createElement(LabelStyled, { htmlFor: "headerRows" }, "Num Header Rows"),
-            react_1.default.createElement("input", { id: "headerRows", type: "number", min: "0", max: "5", value: state.headerRows, onChange: (e) => handleChange('headerRows', e.target.value) })),
-        react_1.default.createElement(Field, null,
-            react_1.default.createElement(LabelStyled, { htmlFor: "footerRows" }, "Num Footer Rows"),
-            react_1.default.createElement("input", { id: "footerRows", type: "number", min: "0", max: "5", value: state.footerRows, onChange: (e) => handleChange('footerRows', e.target.value) }))))));
-};
-exports.default = TableOptions;