@manuscripts/style-guide 3.3.7 → 3.3.9

package/dist/es/components/Dialog.js

@@ -1,18 +1,4 @@
-/*!
- * © 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.
- */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import React from 'react';
 import styled from 'styled-components';
 import { ButtonGroup, PrimaryButton, SecondaryButton } from './Button';
@@ -71,19 +57,15 @@ export var Category;
     Category["warning"] = "warning";
     Category["success"] = "success";
 })(Category || (Category = {}));
-const PrimaryAction = (props) => props.isDestructive ? (props.hasForm ? (React.createElement(PrimaryButton, { danger: true, disabled: props.disabled, form: "formDialog", type: "submit" }, props.title)) : (React.createElement(PrimaryButton, { danger: true, disabled: props.disabled, onClick: props.action, autoFocus: true }, props.title))) : props.hasForm ? (React.createElement(PrimaryButton, { disabled: props.disabled, form: "formDialog", type: "submit" }, props.title)) : (React.createElement(PrimaryButton, { disabled: props.disabled, onClick: props.action, autoFocus: true }, props.title));
-const SecondaryAction = (props) => (React.createElement(SecondaryButton, { disabled: props.disabled, onClick: props.action }, props.title));
+const PrimaryAction = (props) => props.isDestructive ? (props.hasForm ? (_jsx(PrimaryButton, { danger: true, disabled: props.disabled, form: "formDialog", type: "submit", children: props.title })) : (_jsx(PrimaryButton, { danger: true, disabled: props.disabled, onClick: props.action, autoFocus: true, children: props.title }))) : props.hasForm ? (_jsx(PrimaryButton, { disabled: props.disabled, form: "formDialog", type: "submit", children: props.title })) : (_jsx(PrimaryButton, { disabled: props.disabled, onClick: props.action, autoFocus: true, children: props.title }));
+const SecondaryAction = (props) => (_jsx(SecondaryButton, { disabled: props.disabled, onClick: props.action, children: props.title }));
 export class Dialog extends React.Component {
     constructor() {
         super(...arguments);
         this.state = {
             primaryActionDisabled: true,
         };
-        this.renderButtons = (props, disabled) => (React.createElement(ButtonsContainer, null, props.actions.secondary ? (!props.actions.primary.isDestructive ? (React.createElement(React.Fragment, null,
-            React.createElement(SecondaryAction, { action: props.actions.secondary.action, hasForm: !!this.props.confirmFieldText, title: props.actions.secondary.title }),
-            React.createElement(PrimaryAction, { action: props.actions.primary.action, disabled: disabled, title: props.actions.primary.title || 'Dismiss' }))) : (React.createElement(React.Fragment, null,
-            React.createElement(PrimaryAction, { action: props.actions.primary.action, disabled: disabled, isDestructive: true, hasForm: !!this.props.confirmFieldText, title: props.actions.primary.title || 'Dismiss' }),
-            React.createElement(SecondaryAction, { action: props.actions.secondary.action, title: props.actions.secondary.title })))) : (React.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) => (_jsx(ButtonsContainer, { children: props.actions.secondary ? (!props.actions.primary.isDestructive ? (_jsxs(_Fragment, { children: [_jsx(SecondaryAction, { action: props.actions.secondary.action, hasForm: !!this.props.confirmFieldText, title: props.actions.secondary.title }), _jsx(PrimaryAction, { action: props.actions.primary.action, disabled: disabled, title: props.actions.primary.title || 'Dismiss' })] })) : (_jsxs(_Fragment, { children: [_jsx(PrimaryAction, { action: props.actions.primary.action, disabled: disabled, isDestructive: true, hasForm: !!this.props.confirmFieldText, title: props.actions.primary.title || 'Dismiss' }), _jsx(SecondaryAction, { action: props.actions.secondary.action, title: props.actions.secondary.title })] }))) : (_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;
@@ -107,21 +89,6 @@ export class Dialog extends React.Component {
     render() {
         const { actions, isOpen, header, message, category, children, confirmFieldText, className, } = this.props;
         const { primaryActionDisabled } = this.state;
-        return (React.createElement(StyledModal, { isOpen: isOpen, onRequestClose: actions.onClose, shouldCloseOnOverlayClick: true, className: className },
-            React.createElement(DialogModalBody, null,
-                React.createElement(HeaderContainer, null,
-                    category === Category.error && (React.createElement(Icon, null,
-                        React.createElement(AttentionRedIcon, null))),
-                    category === Category.warning && (React.createElement(Icon, null,
-                        React.createElement(AttentionOrangeIcon, null))),
-                    category === Category.success && (React.createElement(Icon, null,
-                        React.createElement(AttentionGreenIcon, null))),
-                    header),
-                React.createElement(MessageContainer, null,
-                    message,
-                    confirmFieldText && (React.createElement("form", { id: "formDialog", onSubmit: this.handleSubmit },
-                        React.createElement(ConfirmationTextField, { autoFocus: true, onChange: this.checkInputValue, placeholder: 'Please type: ' + confirmFieldText, required: true }))),
-                    children),
-                this.renderButtons(this.props, primaryActionDisabled))));
+        return (_jsx(StyledModal, { isOpen: isOpen, onRequestClose: actions.onClose, shouldCloseOnOverlayClick: true, className: className, children: _jsxs(DialogModalBody, { children: [_jsxs(HeaderContainer, { children: [category === Category.error && (_jsx(Icon, { children: _jsx(AttentionRedIcon, {}) })), category === Category.warning && (_jsx(Icon, { children: _jsx(AttentionOrangeIcon, {}) })), category === Category.success && (_jsx(Icon, { children: _jsx(AttentionGreenIcon, {}) })), header] }), _jsxs(MessageContainer, { children: [message, confirmFieldText && (_jsx("form", { id: "formDialog", onSubmit: this.handleSubmit, children: _jsx(ConfirmationTextField, { autoFocus: true, onChange: this.checkInputValue, placeholder: 'Please type: ' + confirmFieldText, required: true }) })), children] }), this.renderButtons(this.props, primaryActionDisabled)] }) }));
     }
 }

package/dist/es/components/DraggableModal.js

@@ -1,19 +1,5 @@
-/*!
- * © 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.
- */
-import React, { useCallback, useEffect, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
 import styled from 'styled-components';
 import { ModalContainer, StyledModal } from './StyledModal';
 export const DraggableModal = ({ children, isOpen, onRequestClose, hideOverlay }) => {
@@ -56,7 +42,7 @@ export const DraggableModal = ({ children, isOpen, onRequestClose, hideOverlay }
             document.removeEventListener('mouseup', mouseup);
         };
     }, []);
-    return (React.createElement(StyledModal, { isOpen: isOpen, onRequestClose: onRequestClose, shouldCloseOnOverlayClick: false, pointerEventsOnBackdrop: "none", hideOverlay: hideOverlay, style: {
+    return (_jsx(StyledModal, { isOpen: isOpen, onRequestClose: onRequestClose, shouldCloseOnOverlayClick: false, pointerEventsOnBackdrop: "none", hideOverlay: hideOverlay, style: {
             content: {
                 left: '0',
                 bottom: '0',
@@ -64,8 +50,7 @@ export const DraggableModal = ({ children, isOpen, onRequestClose, hideOverlay }
                 position: 'fixed',
                 width: '100%',
             },
-        } },
-        React.createElement(DraggableModalContainer, { onMouseDown: mouseDown, onMouseMove: mouseMove, "data-cy": "find-replace-modal" }, children)));
+        }, children: _jsx(DraggableModalContainer, { onMouseDown: mouseDown, onMouseMove: mouseMove, "data-cy": "find-replace-modal", children: children }) }));
 };
 const DraggableModalContainer = styled(ModalContainer) `
   padding: 1rem 1.5rem;

package/dist/es/components/Drawer.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled, { keyframes } from 'styled-components';
 const slideIn = keyframes `
   from {
@@ -95,10 +95,5 @@ export const DrawerItemMeta = styled.span `
   color: ${(props) => props.theme.colors.text.secondary};
 `;
 export const Drawer = ({ title, onBack, width, children, }) => {
-    return (React.createElement(DrawerContainer, { "data-cy": "drawer", width: width },
-        React.createElement(DrawerBackButton, { onClick: onBack },
-            React.createElement("span", null, "\u2190"),
-            "Back"),
-        React.createElement(DrawerTitle, null, title),
-        children));
+    return (_jsxs(DrawerContainer, { "data-cy": "drawer", width: width, children: [_jsxs(DrawerBackButton, { onClick: onBack, children: [_jsx("span", { children: "\u2190" }), "Back"] }), _jsx(DrawerTitle, { children: title }), children] }));
 };

package/dist/es/components/InspectorSection.js

@@ -1,19 +1,5 @@
-/*!
- * © 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.
- */
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import styled from 'styled-components';
 import { IconButton } from './Button';
 import { ArrowDownCircleIcon } from './icons';
@@ -67,15 +53,9 @@ export const Field = styled.div `
 `;
 export const InspectorSection = ({ title, contentStyles, children, }) => {
     const [expanded, setExpanded] = useState(true);
-    return (React.createElement(Section, null,
-        React.createElement(Line, null),
-        React.createElement(Heading, { onClick: () => setExpanded(!expanded), marginBottom: (!(expanded && children) && '40px') || undefined },
-            React.createElement(HeadingText, null, title),
-            React.createElement(ExpanderButton, { "aria-label": 'Toggle expand section', onClick: () => setExpanded(!expanded), style: {
-                    transform: expanded ? 'rotate(0deg)' : 'rotate(180deg)',
-                } },
-                React.createElement(ArrowDownCircleIcon, null))),
-        expanded && children && React.createElement("div", { style: contentStyles }, children)));
+    return (_jsxs(Section, { children: [_jsx(Line, {}), _jsxs(Heading, { onClick: () => setExpanded(!expanded), marginBottom: (!(expanded && children) && '40px') || undefined, children: [_jsx(HeadingText, { children: title }), _jsx(ExpanderButton, { "aria-label": 'Toggle expand section', onClick: () => setExpanded(!expanded), style: {
+                            transform: expanded ? 'rotate(0deg)' : 'rotate(180deg)',
+                        }, children: _jsx(ArrowDownCircleIcon, {}) })] }), expanded && children && _jsx("div", { style: contentStyles, children: children })] }));
 };
 const Line = styled.hr `
   flex: 1;

package/dist/es/components/LoadingOverlay.js

@@ -1,7 +1,6 @@
-import React from 'react';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 import Modal from 'react-modal';
-export const LoadingOverlay = ({ children, }) => (React.createElement(React.Fragment, null,
-    React.createElement(Modal, { isOpen: true, style: {
+export const LoadingOverlay = ({ children, }) => (_jsx(_Fragment, { children: _jsx(Modal, { isOpen: true, style: {
             overlay: {
                 position: 'fixed',
                 top: 0,
@@ -24,5 +23,4 @@ export const LoadingOverlay = ({ children, }) => (React.createElement(React.Frag
                 overflow: 'auto',
                 border: 'none',
             },
-        } },
-        React.createElement(React.Fragment, null, children))));
+        }, children: _jsx(_Fragment, { children: children }) }) }));

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

@@ -1,19 +1,4 @@
-/*!
- * © 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.
- */
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from 'styled-components';
 import { Submenu, SubmenusContainer, SubmenusContainerWrapper, Text, } from './Submenu';
 const MenusContainer = styled.div `
@@ -38,16 +23,12 @@ const MenuContainer = styled.div `
   }
 `;
 export const Menus = ({ menus, innerRef, handleClick, }) => {
-    return (React.createElement(MenusContainer, { ref: innerRef, "data-cy": 'manuscript-menus' }, menus.map((menu, index) => {
-        return (React.createElement(MenuContainer, { "data-cy": 'menu', key: `menu-${index}`, isEnabled: menu.isEnabled },
-            React.createElement(MenuHeading, { onMouseDown: (e) => {
-                    e.preventDefault();
-                    handleClick([index]);
-                }, isOpen: menu.isOpen },
-                React.createElement(Text, null, menu.label)),
-            menu.isEnabled && menu.isOpen && menu.submenu && (React.createElement(SubmenusContainerWrapper, null,
-                React.createElement(SubmenusContainer, null, menu.submenu.map((submenu, sindex) => {
-                    return (React.createElement(Submenu, { key: `${index}-${sindex}`, menu: submenu, handleClick: (i) => handleClick([index, sindex, ...i]) }));
-                }))))));
-    })));
+    return (_jsx(MenusContainer, { ref: innerRef, "data-cy": 'manuscript-menus', children: menus.map((menu, index) => {
+            return (_jsxs(MenuContainer, { "data-cy": 'menu', isEnabled: menu.isEnabled, children: [_jsx(MenuHeading, { onMouseDown: (e) => {
+                            e.preventDefault();
+                            handleClick([index]);
+                        }, isOpen: menu.isOpen, children: _jsx(Text, { children: menu.label }) }), menu.isEnabled && menu.isOpen && menu.submenu && (_jsx(SubmenusContainerWrapper, { children: _jsx(SubmenusContainer, { children: menu.submenu.map((submenu, sindex) => {
+                                return (_jsx(Submenu, { menu: submenu, handleClick: (i) => handleClick([index, sindex, ...i]) }, `${index}-${sindex}`));
+                            }) }) }))] }, `menu-${index}`));
+        }) }));
 };

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

@@ -1,19 +1,4 @@
-/*!
- * © 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.
- */
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import styled from 'styled-components';
 const isMac = /Mac/.test(window.navigator.platform);
 export const ShortcutContainer = styled.div `
@@ -49,9 +34,9 @@ const parts = (shortcut) => {
             nodes.push(separator);
         }
         else {
-            nodes.push(React.createElement(Character, { key: part }, part));
+            nodes.push(_jsx(Character, { children: part }, part));
         }
     }
     return nodes;
 };
-export const Shortcut = ({ shortcut }) => (React.createElement(ShortcutContainer, null, parts(shortcut)));
+export const Shortcut = ({ shortcut }) => (_jsx(ShortcutContainer, { children: parts(shortcut) }));

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

@@ -1,19 +1,4 @@
-/*!
- * © 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.
- */
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from 'styled-components';
 import { isMenuSeparator } from '../../lib/menus';
 import { TriangleCollapsedIcon } from '../icons';
@@ -91,26 +76,20 @@ export const SubmenuLabel = ({ menu, handleClick }) => {
     if (isMenuSeparator(menu)) {
         return null;
     }
-    return (React.createElement(Container, { isOpen: menu.isOpen, "data-cy": 'submenu', className: menu.isEnabled ? '' : 'disabled', onMouseDown: (e) => {
+    return (_jsxs(Container, { isOpen: menu.isOpen, "data-cy": 'submenu', className: menu.isEnabled ? '' : 'disabled', onMouseDown: (e) => {
             e.preventDefault();
             handleClick([]);
-        } },
-        React.createElement(Active, null, activeContent(menu)),
-        React.createElement(Text, null, menu.label),
-        menu.submenu && React.createElement(Arrow, null),
-        menu.shortcut && React.createElement(Shortcut, { shortcut: menu.shortcut })));
+        }, children: [_jsx(Active, { children: activeContent(menu) }), _jsx(Text, { children: menu.label }), menu.submenu && _jsx(Arrow, {}), menu.shortcut && _jsx(Shortcut, { shortcut: menu.shortcut })] }));
 };
 export const Submenu = ({ menu, handleClick }) => {
     if (isMenuSeparator(menu)) {
-        return React.createElement(Separator, null);
+        return _jsx(Separator, {});
     }
     if (menu.component) {
-        return React.createElement(menu.component, { menu: menu, handleClick: handleClick });
+        return _jsx(menu.component, { menu: menu, handleClick: handleClick });
     }
     if (!menu.submenu) {
-        return React.createElement(SubmenuLabel, { menu: menu, handleClick: handleClick });
+        return _jsx(SubmenuLabel, { menu: menu, handleClick: handleClick });
     }
-    return (React.createElement(SubmenuContainer, { "data-cy": 'submenu' },
-        React.createElement(SubmenuLabel, { menu: menu, handleClick: handleClick }),
-        menu.submenu && menu.isOpen && (React.createElement(NestedSubmenusContainer, null, menu.submenu.map((submenu, index) => (React.createElement(Submenu, { key: `menu-${index}`, menu: submenu, handleClick: (i) => handleClick([index, ...i]) })))))));
+    return (_jsxs(SubmenuContainer, { "data-cy": 'submenu', children: [_jsx(SubmenuLabel, { menu: menu, handleClick: handleClick }), menu.submenu && menu.isOpen && (_jsx(NestedSubmenusContainer, { children: menu.submenu.map((submenu, index) => (_jsx(Submenu, { menu: submenu, handleClick: (i) => handleClick([index, ...i]) }, `menu-${index}`))) }))] }));
 };

package/dist/es/components/Message.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from 'styled-components';
 const Text = styled.p `
   font: ${(props) => props.theme.font.weight.normal}
@@ -23,6 +23,4 @@ const MessageWrapper = styled.div `
     transform: translate(-50%);
   }
 `;
-export const Message = ({ isCentered, icon: Icon, children, }) => (React.createElement(MessageWrapper, { className: isCentered ? 'centered' : '' },
-    Icon && React.createElement(Icon, null),
-    React.createElement(Text, null, children)));
+export const Message = ({ isCentered, icon: Icon, children, }) => (_jsxs(MessageWrapper, { className: isCentered ? 'centered' : '', children: [Icon && _jsx(Icon, {}), _jsx(Text, { children: children })] }));

package/dist/es/components/MultiValueInput.js

@@ -1,4 +1,5 @@
-import React, { useState } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
 import styled from 'styled-components';
 import { commonStyles } from './TextField';
 const Container = styled.div `
@@ -114,9 +115,5 @@ export const MultiValueInput = ({ id, inputType, placeholder = '', initialValues
         : inputType === 'number'
             ? 'Enter number and press enter'
             : 'Enter text and press enter';
-    return (React.createElement(Container, null,
-        values.map((value, index) => (React.createElement(Chip, { key: index },
-            value,
-            React.createElement(RemoveButton, { onMouseUp: () => handleRemoveValue(index) }, "\u00D7")))),
-        React.createElement(Input, { id: id, type: inputType, value: currentValue, onChange: handleInputChange, onKeyDown: handleKeyDown, onBlur: handleBlur, placeholder: xplaceholder })));
+    return (_jsxs(Container, { children: [values.map((value, index) => (_jsxs(Chip, { children: [value, _jsx(RemoveButton, { onMouseUp: () => handleRemoveValue(index), children: "\u00D7" })] }, index))), _jsx(Input, { id: id, type: inputType, value: currentValue, onChange: handleInputChange, onKeyDown: handleKeyDown, onBlur: handleBlur, placeholder: xplaceholder })] }));
 };

package/dist/es/components/NavDropdown.js

@@ -1,19 +1,4 @@
-/*!
- * © 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.
- */
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { NavLink } from 'react-router-dom';
 import styled, { css } from 'styled-components';
 import { Badge } from './Badge';
@@ -121,7 +106,4 @@ export const NavDropdownButtonContainer = styled(SecondaryButton).attrs((props)
     stroke: currentColor;
   }
 `;
-export const NavDropdownButton = ({ as, children, disabled, isOpen, notificationsCount, onClick, removeChevron, }) => (React.createElement(NavDropdownButtonContainer, { as: as, disabled: disabled, onClick: onClick, isOpen: isOpen, className: 'dropdown-toggle' },
-    React.createElement(NavDropdownButtonText, null, children),
-    !!notificationsCount && (React.createElement(NotificationsBadge, { isOpen: isOpen }, notificationsCount)),
-    !removeChevron && React.createElement(NavDropdownToggle, { className: isOpen ? 'open' : '' })));
+export const NavDropdownButton = ({ as, children, disabled, isOpen, notificationsCount, onClick, removeChevron, }) => (_jsxs(NavDropdownButtonContainer, { as: as, disabled: disabled, onClick: onClick, isOpen: isOpen, className: 'dropdown-toggle', children: [_jsx(NavDropdownButtonText, { children: children }), !!notificationsCount && (_jsx(NotificationsBadge, { isOpen: isOpen, children: notificationsCount })), !removeChevron && _jsx(NavDropdownToggle, { className: isOpen ? 'open' : '' })] }));

package/dist/es/components/RadioButton.js

@@ -1,19 +1,4 @@
-/*!
- * © 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.
- */
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from 'styled-components';
 const Input = styled.input `
     position: absolute;
@@ -61,6 +46,4 @@ const Input = styled.input `
     }
   }
 `;
-export const RadioButton = ({ checked, id, label, name, ...rest }) => (React.createElement(React.Fragment, null,
-    React.createElement(Input, { checked: checked, type: "radio", name: name, id: id, ...rest }),
-    React.createElement("label", { htmlFor: id }, label)));
+export const RadioButton = ({ checked, id, label, name, ...rest }) => (_jsxs(_Fragment, { children: [_jsx(Input, { checked: checked, type: "radio", name: name, id: id, ...rest }), _jsx("label", { htmlFor: id, children: label })] }));

package/dist/es/components/RelativeDate.js

@@ -1,19 +1,4 @@
-/*!
- * © 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.
- */
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 export const RelativeDate = ({ date, ...props }) => {
     if (!date) {
         return null;
@@ -26,7 +11,7 @@ export const RelativeDate = ({ date, ...props }) => {
     let value;
     let unit;
     if (minutesAgo < 1) {
-        return React.createElement("span", { ...props }, "just now");
+        return _jsx("span", { ...props, children: "just now" });
     }
     else if (minutesAgo < HOUR) {
         value = Math.round(minutesAgo);
@@ -40,5 +25,5 @@ export const RelativeDate = ({ date, ...props }) => {
         value = Math.round(minutesAgo / DAY);
         unit = 'day';
     }
-    return React.createElement("span", { ...props }, formatter.format(-value, unit));
+    return _jsx("span", { ...props, children: formatter.format(-value, unit) });
 };

package/dist/es/components/Resizer/Resizer.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { ResizerButton } from './ResizerButton';
 import { HorizontalEndResizerInner, HorizontalStartResizerInner, VerticalEndResizerInner, VerticalStartResizerInner, } from './ResizerInner';
@@ -96,7 +97,6 @@ export class Resizer extends React.Component {
     render() {
         const { buttonInner, direction, side } = this.props;
         const ResizerInner = inners[direction][side];
-        return (React.createElement(ResizerInner, { ref: this.resizerRef, onMouseDown: this.mouseDownHandler, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler },
-            React.createElement(ResizerButton, { direction: direction, isCollapsed: this.props.collapsed, isVisible: this.state.isHovering, onClick: this.props.onResizeButton, side: side, buttonInner: buttonInner })));
+        return (_jsx(ResizerInner, { ref: this.resizerRef, onMouseDown: this.mouseDownHandler, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler, children: _jsx(ResizerButton, { direction: direction, isCollapsed: this.props.collapsed, isVisible: this.state.isHovering, onClick: this.props.onResizeButton, side: side, buttonInner: buttonInner }) }));
     }
 }

package/dist/es/components/Resizer/ResizerButton.js

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React from 'react';
 import { HorizontalEndResizerButtonInner, HorizontalStartResizerButtonInner, VerticalEndResizerButtonInner, VerticalStartResizerButtonInner, } from './ResizerButtonInner';
 const inners = {
@@ -14,7 +15,7 @@ export class ResizerButton extends React.PureComponent {
     render() {
         const { buttonInner, direction, side, isCollapsed, onClick, isVisible } = this.props;
         const ResizerButtonInner = buttonInner || inners[direction][side];
-        return (React.createElement(ResizerButtonInner, { "aria-expanded": !isCollapsed, isCollapsed: isCollapsed, isVisible: isVisible, onClick: onClick, onMouseDown: (event) => event.preventDefault() }));
+        return (_jsx(ResizerButtonInner, { "aria-expanded": !isCollapsed, isCollapsed: isCollapsed, isVisible: isVisible, onClick: onClick, onMouseDown: (event) => event.preventDefault() }));
     }
 }
 ResizerButton.defaultProps = {

package/dist/es/components/RichText/RichText.js

@@ -1,6 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
-import React, { useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import { parseRichText, schema } from './schema';
 export const RichText = ({ className, value }) => {
     const editorRef = useRef(null);
@@ -15,5 +16,5 @@ export const RichText = ({ className, value }) => {
         });
         editorRef.current && editorRef.current.replaceChildren(view.dom);
     }, [value]);
-    return React.createElement("div", { className: className, ref: editorRef });
+    return _jsx("div", { className: className, ref: editorRef });
 };

package/dist/es/components/RichText/RichTextField.js

@@ -1,9 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import { baseKeymap, toggleMark } from 'prosemirror-commands';
 import { history, redo, undo } from 'prosemirror-history';
 import { keymap } from 'prosemirror-keymap';
 import { EditorState } from 'prosemirror-state';
 import { EditorView } from 'prosemirror-view';
-import React, { useEffect, useRef } from 'react';
+import { useEffect, useRef } from 'react';
 import styled from 'styled-components';
 import { parseRichText, schema, serializeRichText } from './schema';
 const Container = styled.div `
@@ -56,5 +57,5 @@ export const RichTextField = ({ value, onChange, }) => {
         });
         editorRef.current && editorRef.current.appendChild(view.dom);
     }, [value, onChange]);
-    return React.createElement(Container, { ref: editorRef });
+    return _jsx(Container, { ref: editorRef });
 };

package/dist/es/components/SaveStatus.js

@@ -1,42 +1,16 @@
-/*!
- * © 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.
- */
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from 'styled-components';
 import { AttentionRedIcon, SaveStatusOfflineIcon, SaveStatusSavedIcon, SaveStatusSavingIcon, } from './icons';
 export const SaveStatus = ({ status }) => {
     switch (status) {
         case 'offline':
-            return (React.createElement(Container, null,
-                React.createElement(SaveStatusOfflineIcon, null),
-                React.createElement(Text, null, "Offline")));
+            return (_jsxs(Container, { children: [_jsx(SaveStatusOfflineIcon, {}), _jsx(Text, { children: "Offline" })] }));
         case 'saving':
-            return (React.createElement(Container, null,
-                React.createElement(RotateContinuous, null,
-                    React.createElement(SaveStatusSavingIcon, null)),
-                React.createElement(Text, null, "Saving\u2026")));
+            return (_jsxs(Container, { children: [_jsx(RotateContinuous, { children: _jsx(SaveStatusSavingIcon, {}) }), _jsx(Text, { children: "Saving\u2026" })] }));
         case 'saved':
-            return (React.createElement(Container, null,
-                React.createElement(PopPop, null,
-                    React.createElement(SaveStatusSavedIcon, null)),
-                React.createElement(Text, null, "Saved")));
+            return (_jsxs(Container, { children: [_jsx(PopPop, { children: _jsx(SaveStatusSavedIcon, {}) }), _jsx(Text, { children: "Saved" })] }));
         case 'failed':
-            return (React.createElement(FailedContainer, null,
-                React.createElement(PopPop, null,
-                    React.createElement(AttentionRedIcon, null)),
-                React.createElement(FailedText, null, "Failed To Save")));
+            return (_jsxs(FailedContainer, { children: [_jsx(PopPop, { children: _jsx(AttentionRedIcon, {}) }), _jsx(FailedText, { children: "Failed To Save" })] }));
         default:
             return null;
     }

package/dist/es/components/SelectField.js

@@ -1,18 +1,3 @@
-/*!
- * © 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.
- */
-import React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import Select from 'react-select';
-export const SelectField = ({ id, options, field, form, }) => (React.createElement(Select, { inputId: id, options: options, name: field.name, classNamePrefix: field.name, value: options?.find((option) => option.value === field.value), onChange: (option) => form.setFieldValue(field.name, option?.value), onBlur: field.onBlur }));
+export const SelectField = ({ id, options, field, form, }) => (_jsx(Select, { inputId: id, options: options, name: field.name, classNamePrefix: field.name, value: options?.find((option) => option.value === field.value), onChange: (option) => form.setFieldValue(field.name, option?.value), onBlur: field.onBlur }));

package/dist/es/components/SelectedItemsBox.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import styled from 'styled-components';
 const BoxContainer = styled.div `
   border: 1px solid ${(props) => props.theme.colors.border.tertiary};
@@ -54,9 +54,6 @@ const RemoveButton = styled.button `
   font-weight: ${(props) => props.theme.font.weight.light};
 `;
 export const SelectedItemsBox = ({ items, onRemove, placeholder = 'No items selected', ...props }) => {
-    return (React.createElement(BoxContainer, { ...props }, items.length > 0 ? (React.createElement(ItemsList, null, items.map((item) => (React.createElement(Item, { key: item.id, "data-cy": "item" },
-        item.label,
-        React.createElement(RemoveButton, { onClick: () => onRemove(item.id), "aria-label": `Remove ${item.label}` }, "x")))))) : (React.createElement(EmptyContainer, null,
-        React.createElement(Placeholder, null, placeholder)))));
+    return (_jsx(BoxContainer, { ...props, children: items.length > 0 ? (_jsx(ItemsList, { children: items.map((item) => (_jsxs(Item, { "data-cy": "item", children: [item.label, _jsx(RemoveButton, { onClick: () => onRemove(item.id), "aria-label": `Remove ${item.label}`, children: "x" })] }, item.id))) })) : (_jsx(EmptyContainer, { children: _jsx(Placeholder, { children: placeholder }) })) }));
 };
 export default SelectedItemsBox;