@manuscripts/style-guide 3.3.6 → 3.3.8

package/dist/cjs/components/AlertMessage.js

@@ -1,19 +1,4 @@
 "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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -52,8 +37,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.AlertMessage = exports.AlertMessageType = exports.TextButton = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
-const react_sizeme_1 = require("react-sizeme");
 const styled_components_1 = __importStar(require("styled-components"));
 const Button_1 = require("./Button");
 const icons_1 = require("./icons");
@@ -166,13 +151,7 @@ class AlertMessage extends react_1.default.Component {
         const { isOpen } = this.state;
         const AlertContainer = alertContainers[type];
         const AlertIcon = alertIcons[type];
-        return (isOpen && (react_1.default.createElement(react_sizeme_1.SizeMe, null, () => (react_1.default.createElement(AlertContainer, { className: 'alert-message' },
-            react_1.default.createElement(InnerContainer, null,
-                react_1.default.createElement(InformativeIcon, null, react_1.default.createElement(AlertIcon, null)),
-                react_1.default.createElement(TextContainer, null, children),
-                dismissButton && (react_1.default.createElement(exports.TextButton, { onClick: dismissButton.action
-                        ? dismissButton.action
-                        : this.handleClose }, dismissButton.text))))))));
+        return (isOpen && ((0, jsx_runtime_1.jsx)(AlertContainer, { className: 'alert-message', children: (0, jsx_runtime_1.jsxs)(InnerContainer, { children: [(0, jsx_runtime_1.jsx)(InformativeIcon, { children: (0, jsx_runtime_1.jsx)(AlertIcon, {}) }), (0, jsx_runtime_1.jsx)(TextContainer, { children: children }), dismissButton && ((0, jsx_runtime_1.jsx)(exports.TextButton, { onClick: dismissButton.action ? dismissButton.action : this.handleClose, children: dismissButton.text }))] }) })));
     }
 }
 exports.AlertMessage = AlertMessage;

package/dist/cjs/components/AutoSaveInput.js

@@ -1,24 +1,10 @@
 "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.AutoSaveInput = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 class AutoSaveInput extends react_1.default.Component {
     constructor() {
@@ -53,7 +39,7 @@ class AutoSaveInput extends react_1.default.Component {
     }
     render() {
         const { component: Component, field, placeholder, disabled, testId, } = this.props;
-        return (react_1.default.createElement(Component, { ...field, placeholder: placeholder, disabled: disabled, checked: !!field.value, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, "data-testid": testId && `${testId}__input`, "aria-invalid": this.props.isInvalid || undefined }));
+        return ((0, jsx_runtime_1.jsx)(Component, { ...field, placeholder: placeholder, disabled: disabled, checked: !!field.value, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, "data-testid": testId && `${testId}__input`, "aria-invalid": this.props.isInvalid || undefined }));
     }
 }
 exports.AutoSaveInput = AutoSaveInput;

package/dist/cjs/components/Avatar.js

@@ -1,58 +1,11 @@
 "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 __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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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.Avatar = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styled_components_1 = __importDefault(require("styled-components"));
 const icons_1 = require("./icons");
 const AvatarContainer = styled_components_1.default.div `
@@ -83,6 +36,6 @@ const Avatar = (props) => {
     const handleSrcError = (0, react_1.useCallback)(() => {
         setSrcError(true);
     }, []);
-    return (react_1.default.createElement(AvatarContainer, { opacity: props.opacity || 1 }, props.src && !srcError ? (react_1.default.createElement(RoundedImage, { src: props.src, size: props.size, onError: handleSrcError })) : (react_1.default.createElement(StyledAvatar, { height: props.size, width: props.size, color: props.color }))));
+    return ((0, jsx_runtime_1.jsx)(AvatarContainer, { opacity: props.opacity || 1, children: props.src && !srcError ? ((0, jsx_runtime_1.jsx)(RoundedImage, { src: props.src, size: props.size, onError: handleSrcError })) : ((0, jsx_runtime_1.jsx)(StyledAvatar, { height: props.size, width: props.size, color: props.color })) }));
 };
 exports.Avatar = Avatar;

package/dist/cjs/components/Button.js

@@ -85,7 +85,11 @@ const btnStyles = (0, styled_components_1.css) `
   justify-content: center;
   outline: none;
   padding: 7px ${(props) => props.theme.grid.unit * 3}px;
-  transition: border 0.1s, color 0.1s, background-color 0.1s, color 0.1s,
+  transition:
+    border 0.1s,
+    color 0.1s,
+    background-color 0.1s,
+    color 0.1s,
     filter 0.1s;
   vertical-align: middle;
   white-space: nowrap;

package/dist/cjs/components/ContextMenu.js

@@ -1,19 +1,4 @@
 "use strict";
-/*!
- * © 2024 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);
@@ -52,7 +37,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ContextMenu = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("./Button");
 const Icons = __importStar(require("./icons"));
@@ -78,10 +63,8 @@ const icons = Object.entries(Icons).reduce((acc, [name, IconComponent]) => {
     acc[iconName] = IconComponent;
     return acc;
 }, {});
-const ContextMenu = ({ actions }) => (react_1.default.createElement(Button_1.IconButtonGroup, { size: 32 }, actions.map((action) => {
-    const Icon = icons[action.icon];
-    return (react_1.default.createElement(ContextMenuIconButton, { key: action.icon, "data-tooltip-id": action.icon, onClick: action.disabled === true ? () => null : action.action, className: action.selected ? 'selected' : '', disabled: !!action.disabled },
-        react_1.default.createElement(Icon, { width: 18, height: 18 }),
-        react_1.default.createElement(Tooltip_1.Tooltip, { id: action.icon, place: "bottom" }, action.label)));
-})));
+const ContextMenu = ({ actions }) => ((0, jsx_runtime_1.jsx)(Button_1.IconButtonGroup, { size: 32, children: actions.map((action) => {
+        const Icon = icons[action.icon];
+        return ((0, jsx_runtime_1.jsxs)(ContextMenuIconButton, { "data-tooltip-id": action.icon, onClick: action.disabled === true ? () => null : action.action, className: action.selected ? 'selected' : '', disabled: !!action.disabled, children: [(0, jsx_runtime_1.jsx)(Icon, { width: 18, height: 18 }), (0, jsx_runtime_1.jsx)(Tooltip_1.Tooltip, { id: action.icon, place: "bottom", children: action.label })] }, action.icon));
+    }) }));
 exports.ContextMenu = ContextMenu;

package/dist/cjs/components/Dialog.js

@@ -1,24 +1,10 @@
 "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.Dialog = exports.Category = exports.MessageContainer = exports.DialogModalBody = void 0;
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("./Button");
@@ -77,19 +63,15 @@ var Category;
     Category["warning"] = "warning";
     Category["success"] = "success";
 })(Category || (exports.Category = Category = {}));
-const PrimaryAction = (props) => props.isDestructive ? (props.hasForm ? (react_1.default.createElement(Button_1.PrimaryButton, { danger: true, disabled: props.disabled, form: "formDialog", type: "submit" }, props.title)) : (react_1.default.createElement(Button_1.PrimaryButton, { danger: true, disabled: props.disabled, onClick: props.action, autoFocus: true }, props.title))) : props.hasForm ? (react_1.default.createElement(Button_1.PrimaryButton, { disabled: props.disabled, form: "formDialog", type: "submit" }, props.title)) : (react_1.default.createElement(Button_1.PrimaryButton, { disabled: props.disabled, onClick: props.action, autoFocus: true }, props.title));
-const SecondaryAction = (props) => (react_1.default.createElement(Button_1.SecondaryButton, { disabled: props.disabled, onClick: props.action }, props.title));
+const PrimaryAction = (props) => props.isDestructive ? (props.hasForm ? ((0, jsx_runtime_1.jsx)(Button_1.PrimaryButton, { danger: true, disabled: props.disabled, form: "formDialog", type: "submit", children: props.title })) : ((0, jsx_runtime_1.jsx)(Button_1.PrimaryButton, { danger: true, disabled: props.disabled, onClick: props.action, autoFocus: true, children: props.title }))) : props.hasForm ? ((0, jsx_runtime_1.jsx)(Button_1.PrimaryButton, { disabled: props.disabled, form: "formDialog", type: "submit", children: props.title })) : ((0, jsx_runtime_1.jsx)(Button_1.PrimaryButton, { disabled: props.disabled, onClick: props.action, autoFocus: true, children: props.title }));
+const SecondaryAction = (props) => ((0, jsx_runtime_1.jsx)(Button_1.SecondaryButton, { disabled: props.disabled, onClick: props.action, children: props.title }));
 class Dialog extends react_1.default.Component {
     constructor() {
         super(...arguments);
         this.state = {
             primaryActionDisabled: true,
         };
-        this.renderButtons = (props, disabled) => (react_1.default.createElement(ButtonsContainer, null, props.actions.secondary ? (!props.actions.primary.isDestructive ? (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(SecondaryAction, { action: props.actions.secondary.action, hasForm: !!this.props.confirmFieldText, title: props.actions.secondary.title }),
-            react_1.default.createElement(PrimaryAction, { action: props.actions.primary.action, disabled: disabled, title: props.actions.primary.title || 'Dismiss' }))) : (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(PrimaryAction, { action: props.actions.primary.action, disabled: disabled, isDestructive: true, hasForm: !!this.props.confirmFieldText, title: props.actions.primary.title || 'Dismiss' }),
-            react_1.default.createElement(SecondaryAction, { action: props.actions.secondary.action, title: props.actions.secondary.title })))) : (react_1.default.createElement(PrimaryAction, { action: props.actions.primary.action, disabled: disabled, isDestructive: props.actions.primary.isDestructive, hasForm: !!this.props.confirmFieldText, title: props.actions.primary.title || 'Dismiss' }))));
+        this.renderButtons = (props, disabled) => ((0, jsx_runtime_1.jsx)(ButtonsContainer, { children: props.actions.secondary ? (!props.actions.primary.isDestructive ? ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(SecondaryAction, { action: props.actions.secondary.action, hasForm: !!this.props.confirmFieldText, title: props.actions.secondary.title }), (0, jsx_runtime_1.jsx)(PrimaryAction, { action: props.actions.primary.action, disabled: disabled, title: props.actions.primary.title || 'Dismiss' })] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(PrimaryAction, { action: props.actions.primary.action, disabled: disabled, isDestructive: true, hasForm: !!this.props.confirmFieldText, title: props.actions.primary.title || 'Dismiss' }), (0, jsx_runtime_1.jsx)(SecondaryAction, { action: props.actions.secondary.action, title: props.actions.secondary.title })] }))) : ((0, jsx_runtime_1.jsx)(PrimaryAction, { action: props.actions.primary.action, disabled: disabled, isDestructive: props.actions.primary.isDestructive, hasForm: !!this.props.confirmFieldText, title: props.actions.primary.title || 'Dismiss' })) }));
         this.checkInputValue = (event) => {
             const testingVal = this.props.confirmFieldText && this.props.confirmFieldText.toUpperCase();
             const target = event.target;
@@ -113,22 +95,7 @@ class Dialog extends react_1.default.Component {
     render() {
         const { actions, isOpen, header, message, category, children, confirmFieldText, className, } = this.props;
         const { primaryActionDisabled } = this.state;
-        return (react_1.default.createElement(StyledModal_1.StyledModal, { isOpen: isOpen, onRequestClose: actions.onClose, shouldCloseOnOverlayClick: true, className: className },
-            react_1.default.createElement(exports.DialogModalBody, null,
-                react_1.default.createElement(HeaderContainer, null,
-                    category === Category.error && (react_1.default.createElement(Icon, null,
-                        react_1.default.createElement(icons_1.AttentionRedIcon, null))),
-                    category === Category.warning && (react_1.default.createElement(Icon, null,
-                        react_1.default.createElement(icons_1.AttentionOrangeIcon, null))),
-                    category === Category.success && (react_1.default.createElement(Icon, null,
-                        react_1.default.createElement(icons_1.AttentionGreenIcon, null))),
-                    header),
-                react_1.default.createElement(exports.MessageContainer, null,
-                    message,
-                    confirmFieldText && (react_1.default.createElement("form", { id: "formDialog", onSubmit: this.handleSubmit },
-                        react_1.default.createElement(ConfirmationTextField, { autoFocus: true, onChange: this.checkInputValue, placeholder: 'Please type: ' + confirmFieldText, required: true }))),
-                    children),
-                this.renderButtons(this.props, primaryActionDisabled))));
+        return ((0, jsx_runtime_1.jsx)(StyledModal_1.StyledModal, { isOpen: isOpen, onRequestClose: actions.onClose, shouldCloseOnOverlayClick: true, className: className, children: (0, jsx_runtime_1.jsxs)(exports.DialogModalBody, { children: [(0, jsx_runtime_1.jsxs)(HeaderContainer, { children: [category === Category.error && ((0, jsx_runtime_1.jsx)(Icon, { children: (0, jsx_runtime_1.jsx)(icons_1.AttentionRedIcon, {}) })), category === Category.warning && ((0, jsx_runtime_1.jsx)(Icon, { children: (0, jsx_runtime_1.jsx)(icons_1.AttentionOrangeIcon, {}) })), category === Category.success && ((0, jsx_runtime_1.jsx)(Icon, { children: (0, jsx_runtime_1.jsx)(icons_1.AttentionGreenIcon, {}) })), header] }), (0, jsx_runtime_1.jsxs)(exports.MessageContainer, { children: [message, confirmFieldText && ((0, jsx_runtime_1.jsx)("form", { id: "formDialog", onSubmit: this.handleSubmit, children: (0, jsx_runtime_1.jsx)(ConfirmationTextField, { autoFocus: true, onChange: this.checkInputValue, placeholder: 'Please type: ' + confirmFieldText, required: true }) })), children] }), this.renderButtons(this.props, primaryActionDisabled)] }) }));
     }
 }
 exports.Dialog = Dialog;

package/dist/cjs/components/DraggableModal.js

@@ -1,58 +1,11 @@
 "use strict";
-/*!
- * © 2025 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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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.DraggableModal = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styled_components_1 = __importDefault(require("styled-components"));
 const StyledModal_1 = require("./StyledModal");
 const DraggableModal = ({ children, isOpen, onRequestClose, hideOverlay }) => {
@@ -95,7 +48,7 @@ const DraggableModal = ({ children, isOpen, onRequestClose, hideOverlay }) => {
             document.removeEventListener('mouseup', mouseup);
         };
     }, []);
-    return (react_1.default.createElement(StyledModal_1.StyledModal, { isOpen: isOpen, onRequestClose: onRequestClose, shouldCloseOnOverlayClick: false, pointerEventsOnBackdrop: "none", hideOverlay: hideOverlay, style: {
+    return ((0, jsx_runtime_1.jsx)(StyledModal_1.StyledModal, { isOpen: isOpen, onRequestClose: onRequestClose, shouldCloseOnOverlayClick: false, pointerEventsOnBackdrop: "none", hideOverlay: hideOverlay, style: {
             content: {
                 left: '0',
                 bottom: '0',
@@ -103,8 +56,7 @@ const DraggableModal = ({ children, isOpen, onRequestClose, hideOverlay }) => {
                 position: 'fixed',
                 width: '100%',
             },
-        } },
-        react_1.default.createElement(DraggableModalContainer, { onMouseDown: mouseDown, onMouseMove: mouseMove, "data-cy": "find-replace-modal" }, children)));
+        }, children: (0, jsx_runtime_1.jsx)(DraggableModalContainer, { onMouseDown: mouseDown, onMouseMove: mouseMove, "data-cy": "find-replace-modal", children: children }) }));
 };
 exports.DraggableModal = DraggableModal;
 const DraggableModalContainer = (0, styled_components_1.default)(StyledModal_1.ModalContainer) `

package/dist/cjs/components/Drawer.js

@@ -32,12 +32,9 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Drawer = exports.DrawerItemMeta = exports.DrawerItemLabel = exports.DrawerLabelContainer = exports.DrawerIcon = exports.DrawerListItem = exports.DrawerItemsList = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importStar(require("styled-components"));
 const slideIn = (0, styled_components_1.keyframes) `
   from {
@@ -134,11 +131,6 @@ exports.DrawerItemMeta = styled_components_1.default.span `
   color: ${(props) => props.theme.colors.text.secondary};
 `;
 const Drawer = ({ title, onBack, width, children, }) => {
-    return (react_1.default.createElement(DrawerContainer, { "data-cy": "drawer", width: width },
-        react_1.default.createElement(DrawerBackButton, { onClick: onBack },
-            react_1.default.createElement("span", null, "\u2190"),
-            "Back"),
-        react_1.default.createElement(DrawerTitle, null, title),
-        children));
+    return ((0, jsx_runtime_1.jsxs)(DrawerContainer, { "data-cy": "drawer", width: width, children: [(0, jsx_runtime_1.jsxs)(DrawerBackButton, { onClick: onBack, children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2190" }), "Back"] }), (0, jsx_runtime_1.jsx)(DrawerTitle, { children: title }), children] }));
 };
 exports.Drawer = Drawer;

package/dist/cjs/components/InspectorSection.js

@@ -1,58 +1,11 @@
 "use strict";
-/*!
- * © 2020 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 () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __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.InspectorSection = exports.Field = exports.Subheading = exports.ExpanderButton = void 0;
-const react_1 = __importStar(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = require("react");
 const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("./Button");
 const icons_1 = require("./icons");
@@ -106,15 +59,9 @@ exports.Field = styled_components_1.default.div `
 `;
 const InspectorSection = ({ title, contentStyles, children, }) => {
     const [expanded, setExpanded] = (0, react_1.useState)(true);
-    return (react_1.default.createElement(Section, null,
-        react_1.default.createElement(Line, null),
-        react_1.default.createElement(Heading, { onClick: () => setExpanded(!expanded), marginBottom: (!(expanded && children) && '40px') || undefined },
-            react_1.default.createElement(HeadingText, null, title),
-            react_1.default.createElement(exports.ExpanderButton, { "aria-label": 'Toggle expand section', onClick: () => setExpanded(!expanded), style: {
-                    transform: expanded ? 'rotate(0deg)' : 'rotate(180deg)',
-                } },
-                react_1.default.createElement(icons_1.ArrowDownCircleIcon, null))),
-        expanded && children && react_1.default.createElement("div", { style: contentStyles }, children)));
+    return ((0, jsx_runtime_1.jsxs)(Section, { children: [(0, jsx_runtime_1.jsx)(Line, {}), (0, jsx_runtime_1.jsxs)(Heading, { onClick: () => setExpanded(!expanded), marginBottom: (!(expanded && children) && '40px') || undefined, children: [(0, jsx_runtime_1.jsx)(HeadingText, { children: title }), (0, jsx_runtime_1.jsx)(exports.ExpanderButton, { "aria-label": 'Toggle expand section', onClick: () => setExpanded(!expanded), style: {
+                            transform: expanded ? 'rotate(0deg)' : 'rotate(180deg)',
+                        }, children: (0, jsx_runtime_1.jsx)(icons_1.ArrowDownCircleIcon, {}) })] }), expanded && children && (0, jsx_runtime_1.jsx)("div", { style: contentStyles, children: children })] }));
 };
 exports.InspectorSection = InspectorSection;
 const Line = styled_components_1.default.hr `

package/dist/cjs/components/LoadingOverlay.js

@@ -4,10 +4,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.LoadingOverlay = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_modal_1 = __importDefault(require("react-modal"));
-const LoadingOverlay = ({ children, }) => (react_1.default.createElement(react_1.default.Fragment, null,
-    react_1.default.createElement(react_modal_1.default, { isOpen: true, style: {
+const LoadingOverlay = ({ children, }) => ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(react_modal_1.default, { isOpen: true, style: {
             overlay: {
                 position: 'fixed',
                 top: 0,
@@ -30,6 +29,5 @@ const LoadingOverlay = ({ children, }) => (react_1.default.createElement(react_1
                 overflow: 'auto',
                 border: 'none',
             },
-        } },
-        react_1.default.createElement(react_1.default.Fragment, null, children))));
+        }, children: (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: children }) }) }));
 exports.LoadingOverlay = LoadingOverlay;

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

@@ -1,25 +1,10 @@
 "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.Menus = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const Submenu_1 = require("./Submenu");
 const MenusContainer = styled_components_1.default.div `
@@ -44,17 +29,13 @@ const MenuContainer = styled_components_1.default.div `
   }
 `;
 const Menus = ({ menus, innerRef, handleClick, }) => {
-    return (react_1.default.createElement(MenusContainer, { ref: innerRef, "data-cy": 'manuscript-menus' }, menus.map((menu, index) => {
-        return (react_1.default.createElement(MenuContainer, { "data-cy": 'menu', 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.SubmenusContainerWrapper, null,
-                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]) }));
-                }))))));
-    })));
+    return ((0, jsx_runtime_1.jsx)(MenusContainer, { ref: innerRef, "data-cy": 'manuscript-menus', children: menus.map((menu, index) => {
+            return ((0, jsx_runtime_1.jsxs)(MenuContainer, { "data-cy": 'menu', isEnabled: menu.isEnabled, children: [(0, jsx_runtime_1.jsx)(MenuHeading, { onMouseDown: (e) => {
+                            e.preventDefault();
+                            handleClick([index]);
+                        }, isOpen: menu.isOpen, children: (0, jsx_runtime_1.jsx)(Submenu_1.Text, { children: menu.label }) }), menu.isEnabled && menu.isOpen && menu.submenu && ((0, jsx_runtime_1.jsx)(Submenu_1.SubmenusContainerWrapper, { children: (0, jsx_runtime_1.jsx)(Submenu_1.SubmenusContainer, { children: menu.submenu.map((submenu, sindex) => {
+                                return ((0, jsx_runtime_1.jsx)(Submenu_1.Submenu, { menu: submenu, handleClick: (i) => handleClick([index, sindex, ...i]) }, `${index}-${sindex}`));
+                            }) }) }))] }, `menu-${index}`));
+        }) }));
 };
 exports.Menus = Menus;

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

@@ -1,25 +1,10 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const isMac = /Mac/.test(window.navigator.platform);
 exports.ShortcutContainer = styled_components_1.default.div `
@@ -55,10 +40,10 @@ const parts = (shortcut) => {
             nodes.push(separator);
         }
         else {
-            nodes.push(react_1.default.createElement(Character, { key: part }, part));
+            nodes.push((0, jsx_runtime_1.jsx)(Character, { children: part }, part));
         }
     }
     return nodes;
 };
-const Shortcut = ({ shortcut }) => (react_1.default.createElement(exports.ShortcutContainer, null, parts(shortcut)));
+const Shortcut = ({ shortcut }) => ((0, jsx_runtime_1.jsx)(exports.ShortcutContainer, { children: parts(shortcut) }));
 exports.Shortcut = Shortcut;