@manuscripts/body-editor 1.6.11 → 1.6.12

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

@@ -1,185 +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.setTableCellBorderStyles = exports.setTableCellStyles = exports.getSelectedTableCellStyles = exports.setTableAttrs = exports.getSelectedTableAttr = void 0;
-const transform_1 = require("@manuscripts/transform");
-const lodash_es_1 = require("lodash-es");
-const prosemirror_tables_1 = require("prosemirror-tables");
-const commands_1 = require("../../commands");
-const helpers_1 = require("../../lib/helpers");
-const getSelectedTableAttr = (state) => {
-    const { $head } = state.selection;
-    const tableDepth = (0, helpers_1.nearestAncestor)((0, helpers_1.isNodeOfType)('table'))($head);
-    if (!tableDepth) {
-        return {
-            id: '',
-            headerRows: 1,
-            footerRows: 1,
-        };
-    }
-    const tableEl = $head.node(tableDepth);
-    return tableEl.attrs;
-};
-exports.getSelectedTableAttr = getSelectedTableAttr;
-const setTableAttrs = (attrs) => (state, dispatch) => {
-    const { selection, tr } = state;
-    const { $head } = selection;
-    const tableDepth = (0, helpers_1.nearestAncestor)((0, helpers_1.isNodeOfType)('table'))($head);
-    if (!tableDepth) {
-        return false;
-    }
-    const tableEl = $head.node(tableDepth);
-    const start = $head.start(tableDepth);
-    if (dispatch) {
-        tr.setNodeMarkup(start - 1, tableEl.type, attrs, tableEl.marks);
-        dispatch(tr);
-    }
-    return true;
-};
-exports.setTableAttrs = setTableAttrs;
-const getTableCellSelection = (selection) => {
-    if (selection instanceof prosemirror_tables_1.CellSelection) {
-        const nodes = [];
-        selection.ranges.map((range) => {
-            const { parent, pos } = range.$from;
-            if (!(0, helpers_1.isNodeOfType)('table_cell')) {
-                return true;
-            }
-            nodes.push([parent, pos]);
-            return true;
-        });
-        return nodes;
-    }
-    if (!(0, commands_1.isTextSelection)(selection)) {
-        return [];
-    }
-    const depth = (0, helpers_1.nearestAncestor)((0, helpers_1.isNodeOfType)('table_cell'))(selection.$anchor);
-    if (!depth) {
-        return [];
-    }
-    const { $anchor } = selection;
-    const node = $anchor.node(depth);
-    return [[node, $anchor.start(depth)]];
-};
-const getNeighbouringCells = (state, cells) => {
-    if (!cells.length) {
-        return () => [];
-    }
-    const $firstCell = state.doc.resolve(cells[0][1]);
-    const tableDepth = (0, helpers_1.nearestAncestor)((0, helpers_1.isNodeOfType)('table'))($firstCell);
-    if (!tableDepth) {
-        throw new Error('Attempting to resolve cell not in table');
-    }
-    const table = $firstCell.node(tableDepth);
-    const map = prosemirror_tables_1.TableMap.get(table);
-    const offset = $firstCell.start(tableDepth) + 1;
-    return (direction) => {
-        const getNeighbourPosition = (pos) => {
-            const axis = ['top', 'bottom'].includes(direction) ? 'vert' : 'horiz';
-            const dir = ['bottom', 'right'].includes(direction) ? 1 : -1;
-            return (map.nextCell(pos - offset, axis, dir) || 0) + offset;
-        };
-        return cells
-            .map(([, pos]) => {
-            const neighbourPos = getNeighbourPosition(pos);
-            if (neighbourPos <= offset) {
-                return null;
-            }
-            const $neighbour = state.doc.resolve(neighbourPos);
-            const neighbour = $neighbour.parent;
-            if (neighbour.type !== state.schema.nodes.table_cell) {
-                return null;
-            }
-            return [neighbour, neighbourPos];
-        })
-            .filter(Boolean);
-    };
-};
-const everyNodeAttr = (nodes, attr) => {
-    const value = (0, lodash_es_1.get)(nodes[0].attrs, attr, null);
-    return nodes.every((node) => (0, lodash_es_1.get)(node.attrs, attr, null) === value)
-        ? value
-        : null;
-};
-const getSelectedTableCellStyles = (state) => {
-    const { selection } = state;
-    const nodes = getTableCellSelection(selection);
-    const empty = {};
-    if (!nodes.length) {
-        return empty;
-    }
-    const styles = transform_1.TABLE_CELL_STYLES.reduce((acc, key) => {
-        const value = everyNodeAttr(nodes.map((node) => node[0]), `styles.${key}`);
-        acc[key] = value;
-        return acc;
-    }, empty);
-    return styles;
-};
-exports.getSelectedTableCellStyles = getSelectedTableCellStyles;
-const reshapeStyleCommands = (0, helpers_1.mergeSimilarItems)((a, b) => a[1] === b[1], (a, b) => {
-    return [a[0], a[1], Object.assign(Object.assign({}, a[2]), b[2])];
-});
-const mapStylesToNodes = (nodes, style) => {
-    return nodes.map((node) => [node[0], node[1], style]);
-};
-const applyStylesToTableCells = (commands) => (state, dispatch) => {
-    const { tr } = state;
-    if (!commands.length) {
-        return false;
-    }
-    const reshaped = reshapeStyleCommands(commands);
-    reshaped.map(([node, pos, styles]) => {
-        tr.setNodeMarkup(pos - 1, undefined, Object.assign(Object.assign({}, node.attrs), { styles: Object.assign(Object.assign({}, node.attrs.styles), styles) }), node.marks);
-    });
-    dispatch && dispatch(tr);
-    return true;
-};
-const setTableCellStyles = (styles) => (state, dispatch) => {
-    const { selection } = state;
-    const nodes = getTableCellSelection(selection);
-    if (!nodes.length) {
-        return false;
-    }
-    return applyStylesToTableCells(mapStylesToNodes(nodes, styles))(state, dispatch);
-};
-exports.setTableCellStyles = setTableCellStyles;
-const setTableCellBorderStyles = ({ direction, width, color }) => (state, dispatch) => {
-    const { selection } = state;
-    const nodes = getTableCellSelection(selection);
-    if (!nodes.length) {
-        return false;
-    }
-    const neighbours = getNeighbouringCells(state, nodes);
-    const value = Number(width)
-        ? `${width}px solid ${color}`
-        : `1px solid transparent`;
-    let commands = [];
-    if (['all', 'top'].includes(direction)) {
-        commands = commands.concat(mapStylesToNodes(nodes, { 'border-top': value }), mapStylesToNodes(neighbours('top'), { 'border-bottom': value }));
-    }
-    if (['all', 'bottom'].includes(direction)) {
-        commands = commands.concat(mapStylesToNodes(nodes, { 'border-bottom': value }), mapStylesToNodes(neighbours('bottom'), { 'border-top': value }));
-    }
-    if (['all', 'left'].includes(direction)) {
-        commands = commands.concat(mapStylesToNodes(nodes, { 'border-left': value }), mapStylesToNodes(neighbours('left'), { 'border-right': value }));
-    }
-    if (['all', 'right'].includes(direction)) {
-        commands = commands.concat(mapStylesToNodes(nodes, { 'border-right': value }), mapStylesToNodes(neighbours('right'), { 'border-left': value }));
-    }
-    return applyStylesToTableCells(commands)(state, dispatch);
-};
-exports.setTableCellBorderStyles = setTableCellBorderStyles;

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

@@ -1,26 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogController = exports.DialogNames = void 0;
-const react_1 = __importDefault(require("react"));
-const TableCellBorderOptions_1 = __importDefault(require("./TableCellBorderOptions"));
-const TableCellOptions_1 = __importDefault(require("./TableCellOptions"));
-const TableOptions_1 = __importDefault(require("./TableOptions"));
-var types_1 = require("./types");
-Object.defineProperty(exports, "DialogNames", { enumerable: true, get: function () { return types_1.DialogNames; } });
-const Lookup = {
-    TableOptions: TableOptions_1.default,
-    TableCellOptions: TableCellOptions_1.default,
-    TableCellBorderOptions: TableCellBorderOptions_1.default,
-};
-const DialogController = (props) => {
-    const { currentDialog } = props;
-    if (!currentDialog) {
-        return null;
-    }
-    const Component = Lookup[currentDialog];
-    return react_1.default.createElement(Component, Object.assign({}, props));
-};
-exports.DialogController = DialogController;

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

@@ -1,48 +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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Modal = void 0;
-const style_guide_1 = require("@manuscripts/style-guide");
-const react_1 = __importStar(require("react"));
-function Modal({ handleCloseDialog, editorState, dispatch, selector, command, header, children, }) {
-    const [state, setState] = (0, react_1.useState)(selector(editorState));
-    const handleChange = (0, react_1.useCallback)((key, value) => setState((prevState) => (Object.assign(Object.assign({}, prevState), { [key]: value }))), []);
-    const handleOK = (0, react_1.useCallback)(() => {
-        command(state)(editorState, dispatch);
-        handleCloseDialog();
-    }, [state, editorState, dispatch, command, handleCloseDialog]);
-    return (react_1.default.createElement(style_guide_1.Dialog, { category: style_guide_1.Category.confirmation, header: header, isOpen: true, actions: {
-            primary: {
-                action: handleOK,
-                title: 'OK',
-                isDestructive: false,
-            },
-            secondary: {
-                action: handleCloseDialog,
-                title: 'Cancel',
-            },
-        }, message: children({ state, handleChange }) }));
-}
-exports.Modal = Modal;

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

@@ -1,9 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogNames = void 0;
-var DialogNames;
-(function (DialogNames) {
-    DialogNames["TableOptions"] = "TableOptions";
-    DialogNames["TableCellOptions"] = "TableCellOptions";
-    DialogNames["TableCellBorderOptions"] = "TableCellBorderOptions";
-})(DialogNames = exports.DialogNames || (exports.DialogNames = {}));

package/dist/cjs/components/toolbar/ListStyleSelector.js

@@ -1,150 +0,0 @@
-"use strict";
-/*!
- * © 2023 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 __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.ListStyleSelector = exports.ListStyleButton = exports.ListButton = void 0;
-const ArrowDownBlack_1 = __importDefault(require("@manuscripts/assets/react/ArrowDownBlack"));
-const style_guide_1 = require("@manuscripts/style-guide");
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importStar(require("styled-components"));
-const buttonCss = (0, styled_components_1.css) `
-  background-color: ${(props) => props['data-active'] ? '#eee' : props.theme.colors.background.primary};
-  border: 1px solid ${(props) => props.theme.colors.border.secondary};
-  cursor: pointer;
-  display: inline-flex;
-  align-items: center;
-  transition: 0.2s all;
-
-  &:hover {
-    background: ${(props) => props['data-active'] ? '#eee' : props.theme.colors.background.secondary};
-    z-index: 2;
-  }
-
-  &:active {
-    background: #ddd;
-  }
-
-  &:disabled {
-    opacity: 0.2;
-  }
-`;
-exports.ListButton = styled_components_1.default.button.attrs({
-    type: 'button',
-}) `
-  ${buttonCss};
-  padding: 2px ${(props) => props.theme.grid.unit * 1}px 2px
-    ${(props) => props.theme.grid.unit * 3}px;
-  border-top-right-radius: 0 !important;
-  border-bottom-right-radius: 0 !important;
-`;
-exports.ListStyleButton = styled_components_1.default.button.attrs({
-    type: 'button',
-}) `
-  ${buttonCss};
-  border-left: 0;
-  svg {
-    width: 8px;
-  }
-  path {
-    stroke: #c9c9c9;
-  }
-
-  &:hover path {
-    stroke: #6e6e6e;
-  }
-`;
-const ListStyleSelector = ({ disabled, onClickListType, list }) => {
-    const { isOpen, toggleOpen, wrapperRef } = (0, style_guide_1.useDropdown)();
-    return (react_1.default.createElement(Container, { onClick: (e) => !disabled && toggleOpen(e), ref: wrapperRef },
-        react_1.default.createElement(exports.ListStyleButton, { disabled: disabled },
-            react_1.default.createElement(ArrowDownBlack_1.default, null)),
-        isOpen && (react_1.default.createElement(style_guide_1.DropdownList, { direction: 'right', top: 6, onClick: toggleOpen },
-            react_1.default.createElement(ListContainer, null, list.map((style, index) => (react_1.default.createElement(StylesBlock, { onClick: onClickListType, key: index, style: style }))))))));
-};
-exports.ListStyleSelector = ListStyleSelector;
-const Container = styled_components_1.default.div `
-  display: flex;
-`;
-const ListContainer = styled_components_1.default.div `
-  padding: ${(props) => props.theme.grid.unit * 4}px;
-  display: grid;
-  grid-template-columns:
-    ${(props) => props.theme.grid.unit * 21}px
-    ${(props) => props.theme.grid.unit * 21}px;
-  gap: 6px;
-`;
-const StylesBlock = ({ style, onClick }) => (react_1.default.createElement(StyleBlock, { onClick: () => onClick(style.type) }, style.items.map((style, index) => (react_1.default.createElement(BlockItem, { key: index },
-    react_1.default.createElement(Label, null, style),
-    react_1.default.createElement(Block, null))))));
-const StyleBlock = styled_components_1.default.div `
-  border: 1px solid ${(props) => props.theme.colors.border.tertiary};
-  padding: ${(props) => props.theme.grid.unit * 2}px;
-  cursor: pointer;
-  display: flex;
-  flex-direction: column;
-  row-gap: ${(props) => props.theme.grid.unit * 2}px;
-
-  &:hover {
-    background: ${(props) => props.theme.colors.button.default.border.hover};
-  }
-
-  &:active {
-    border-color: ${(props) => props.theme.colors.border.primary};
-  }
-`;
-const BlockItem = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-  gap: 6px;
-`;
-const Block = styled_components_1.default.div `
-  height: 3px;
-  width: ${(props) => props.theme.grid.unit * 14}px;
-  background: ${(props) => props.theme.colors.border.tertiary};
-`;
-const Label = styled_components_1.default.div `
-  font-family: Lato, serif;
-  font-size: ${(props) => props.theme.font.size.small};
-  font-weight: ${(props) => props.theme.font.weight.normal};
-  line-height: ${(props) => props.theme.font.lineHeight.small};
-  font-style: normal;
-`;

package/dist/cjs/components/toolbar/ManuscriptToolbar.js

@@ -1,104 +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.ManuscriptToolbar = exports.ToolbarGroup = exports.ToolbarContainer = exports.ToolbarItem = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const toolbar_1 = require("../../toolbar");
-const LevelSelector_1 = require("./LevelSelector");
-exports.ToolbarItem = styled_components_1.default.div `
-  display: inline-flex;
-  position: relative;
-`;
-const ToolbarButton = styled_components_1.default.button.attrs({
-    type: 'button',
-}) `
-  background-color: ${(props) => props['data-active'] ? '#eee' : props.theme.colors.background.primary};
-  border: 1px solid ${(props) => props.theme.colors.border.secondary};
-  cursor: pointer;
-  padding: 2px ${(props) => props.theme.grid.unit * 3}px;
-  display: inline-flex;
-  align-items: center;
-  transition: 0.2s all;
-
-  &:hover {
-    background: ${(props) => props['data-active'] ? '#eee' : props.theme.colors.background.secondary};
-    z-index: 2;
-  }
-
-  &:active {
-    background: #ddd;
-  }
-
-  &:disabled {
-    opacity: 0.2;
-  }
-`;
-exports.ToolbarContainer = styled_components_1.default.div `
-  margin: ${(props) => props.theme.grid.unit}px;
-  display: flex;
-  flex-wrap: wrap;
-`;
-exports.ToolbarGroup = styled_components_1.default.div `
-  margin-right: ${(props) => props.theme.grid.unit * 2}px;
-  margin-bottom: ${(props) => props.theme.grid.unit * 2}px;
-  white-space: nowrap;
-
-  & ${exports.ToolbarItem} button {
-    margin-right: 0;
-  }
-
-  & ${exports.ToolbarItem}:not(:first-of-type) button {
-    margin-left: -1px;
-  }
-
-  & ${exports.ToolbarItem}:first-of-type button {
-    border-top-left-radius: ${(props) => props.theme.grid.radius.small};
-    border-bottom-left-radius: ${(props) => props.theme.grid.radius.small};
-  }
-
-  & ${exports.ToolbarItem}:last-of-type button {
-    border-top-right-radius: ${(props) => props.theme.grid.radius.small};
-    border-bottom-right-radius: ${(props) => props.theme.grid.radius.small};
-  }
-`;
-const ManuscriptToolbar = ({ state, dispatch, view, footnotesEnabled, can }) => {
-    return (react_1.default.createElement(exports.ToolbarContainer, null,
-        react_1.default.createElement(exports.ToolbarGroup, null,
-            react_1.default.createElement(LevelSelector_1.LevelSelector, { state: state, dispatch: dispatch, view: view })),
-        Object.entries(toolbar_1.toolbar).map(([groupKey, toolbarGroup]) => (react_1.default.createElement(exports.ToolbarGroup, { key: groupKey }, Object.entries(toolbarGroup)
-            .filter(([itemKey]) => {
-            switch (itemKey) {
-                case 'footnotes':
-                    return footnotesEnabled;
-                case 'highlight':
-                    return can.handleOwnComments;
-                default:
-                    return true;
-            }
-        })
-            .map(([itemKey, item]) => item.Component ? (react_1.default.createElement(item.Component, Object.assign({ key: itemKey, state: state, dispatch: dispatch, view: view }, item))) : (react_1.default.createElement(exports.ToolbarItem, { key: itemKey },
-            react_1.default.createElement(ToolbarButton, { title: item.title, "data-active": item.active && item.active(state), disabled: item.enable && !item.enable(state), onMouseDown: (event) => {
-                    event.preventDefault();
-                    item.run(state, dispatch);
-                    view && view.focus();
-                } }, item.content)))))))));
-};
-exports.ManuscriptToolbar = ManuscriptToolbar;

package/dist/cjs/components/toolbar/OrderListSelector.js

@@ -1,103 +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 });
-exports.updateListStyle = exports.OrderListSelector = void 0;
-const ToolbarIconOrderedList_1 = __importDefault(require("@manuscripts/assets/react/ToolbarIconOrderedList"));
-const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
-const transform_1 = require("@manuscripts/transform");
-const prosemirror_schema_list_1 = require("prosemirror-schema-list");
-const prosemirror_state_1 = require("prosemirror-state");
-const react_1 = __importStar(require("react"));
-const list_1 = require("../../keys/list");
-const ListStyleSelector_1 = require("./ListStyleSelector");
-const ManuscriptToolbar_1 = require("./ManuscriptToolbar");
-const OrderListSelector = ({ state, dispatch, view, title, active, run, enable }) => {
-    const isEnabled = !enable || enable(state);
-    const onClickListType = (0, react_1.useCallback)((type) => {
-        if (!dispatch) {
-            return;
-        }
-        const { $from, $to } = state.selection;
-        const range = $from.blockRange($to);
-        const isListNode = range &&
-            transform_1.schema.nodes.ordered_list.compatibleContent($from.node(range.depth - 1).type);
-        if (!isListNode) {
-            (0, list_1.skipTrackingChanges)((0, prosemirror_schema_list_1.wrapInList)(transform_1.schema.nodes.ordered_list, { listStyleType: type }))(state, dispatch);
-            view && view.focus();
-        }
-        else {
-            (0, exports.updateListStyle)(state, dispatch, range, type);
-        }
-    }, [dispatch, state, view]);
-    return (react_1.default.createElement(ManuscriptToolbar_1.ToolbarItem, null,
-        react_1.default.createElement(ListStyleSelector_1.ListButton, { title: title, "data-active": active && active(state), disabled: !isEnabled, onMouseDown: (event) => {
-                event.preventDefault();
-                run(state, dispatch);
-                view && view.focus();
-            } },
-            react_1.default.createElement(ToolbarIconOrderedList_1.default, null)),
-        react_1.default.createElement(ListStyleSelector_1.ListStyleSelector, { disabled: !isEnabled, onClickListType: onClickListType, list: [
-                { items: ['1.', '2.', '3.'], type: 'order' },
-                { items: ['A.', 'B.', 'C.'], type: 'alpha-upper' },
-                { items: ['a.', 'b.', 'c.'], type: 'alpha-lower' },
-                { items: ['I.', 'II.', 'III.'], type: 'roman-upper' },
-                { items: ['i.', 'ii.', 'iii.'], type: 'roman-lower' },
-            ] })));
-};
-exports.OrderListSelector = OrderListSelector;
-const updateListStyle = (state, dispatch, range, type) => {
-    const { $from } = state.selection;
-    const tr = state.tr;
-    const targetLevel = range.depth - 1;
-    const selectionDepth = $from.sharedDepth(state.selection.to);
-    const parentListDepth = [...Array(selectionDepth)].findIndex((_, index) => {
-        const node = $from.node(index + 1);
-        return (node.type === transform_1.schema.nodes.ordered_list ||
-            node.type === transform_1.schema.nodes.bullet_list);
-    }) + 1;
-    const parentListNode = $from.node(parentListDepth);
-    const parentListPos = $from.before(parentListDepth);
-    if (parentListDepth === targetLevel) {
-        replaceToOrderList(parentListPos, parentListPos + parentListNode.nodeSize, parentListNode);
-    }
-    else {
-        parentListNode.descendants((node, pos) => {
-            if ((node.type === transform_1.schema.nodes.ordered_list ||
-                node.type === transform_1.schema.nodes.bullet_list) &&
-                state.doc.resolve(parentListPos + pos + node.nodeSize).depth ===
-                    targetLevel) {
-                replaceToOrderList(parentListPos + pos, parentListPos + pos + node.nodeSize, node);
-            }
-        });
-    }
-    function replaceToOrderList(from, to, node) {
-        tr.replaceRangeWith(from, to, transform_1.schema.nodes.ordered_list.create(Object.assign(Object.assign({}, node.attrs), { listStyleType: type }), node.content, node.marks));
-    }
-    dispatch((0, track_changes_plugin_1.skipTracking)(tr).setSelection(prosemirror_state_1.Selection.near(tr.doc.resolve($from.pos))));
-};
-exports.updateListStyle = updateListStyle;

package/dist/cjs/views/EditableBlock.js

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MenuButton = exports.openMenu = exports.Menus = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const context_menu_1 = require("../lib/context-menu");
-const Menus = ({ openAddMenu, openEditMenu }) => {
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(exports.MenuButton, { href: "#", onClick: openAddMenu, className: "add-block add-block-after", "aria-label": "Open menu", "data-balloon-pos": "down-left" }),
-        react_1.default.createElement(exports.MenuButton, { href: "#", onClick: openEditMenu, className: "edit-block", "aria-label": "Open menu", "data-balloon-pos": "down-left" })));
-};
-exports.Menus = Menus;
-const openMenu = (viewProps, edit = false) => (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    const menu = new context_menu_1.ContextMenu(viewProps.node, viewProps.view, viewProps.getPos);
-    if (edit) {
-        menu.showEditMenu(e.currentTarget);
-    }
-    else {
-        menu.showAddMenu(e.currentTarget, true);
-    }
-};
-exports.openMenu = openMenu;
-const EditableBlock = ({ children, canWrite, viewProps, }) => {
-    return (react_1.default.createElement("div", { className: "block-container" },
-        react_1.default.createElement("div", { className: "block-gutter", contentEditable: false }, canWrite && (react_1.default.createElement(exports.Menus, { openAddMenu: (0, exports.openMenu)(viewProps), openEditMenu: (0, exports.openMenu)(viewProps, true) }))),
-        react_1.default.createElement("div", { className: "block" }, children),
-        react_1.default.createElement("div", { className: "block-gutter", contentEditable: false })));
-};
-exports.default = EditableBlock;
-exports.MenuButton = styled_components_1.default.a `
-  position: relative;
-`;