@manuscripts/style-guide 2.1.7 → 2.1.8-LEAN-4344.0

package/dist/cjs/components/DraggableModal.js

@@ -1,48 +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 (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.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 }) => {
@@ -76,14 +39,13 @@ const DraggableModal = ({ children, isOpen, onRequestClose }) => {
             document.removeEventListener('mouseup', mouseup);
         };
     }, []);
-    return (react_1.default.createElement(StyledModal_1.StyledModal, { isOpen: isOpen, onRequestClose: onRequestClose, shouldCloseOnOverlayClick: false, pointerEventsOnBackdrop: "none", style: {
+    return ((0, jsx_runtime_1.jsx)(StyledModal_1.StyledModal, Object.assign({ isOpen: isOpen, onRequestClose: onRequestClose, shouldCloseOnOverlayClick: false, pointerEventsOnBackdrop: "none", style: {
             content: {
                 left: pos.left + 'px',
                 top: pos.top + 'px',
                 transition: 'none',
             },
-        } },
-        react_1.default.createElement(DraggableModalContainer, { onMouseDown: mouseDown, onMouseMove: mouseMove, "data-cy": "find-replace-modal" }, children)));
+        } }, { children: (0, jsx_runtime_1.jsx)(DraggableModalContainer, Object.assign({ 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

@@ -22,12 +22,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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.Drawer = 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 icons_1 = require("./icons");
 const slideIn = (0, styled_components_1.keyframes) `
@@ -124,22 +121,6 @@ const ItemMeta = styled_components_1.default.span `
   color: ${(props) => props.theme.colors.text.secondary};
 `;
 const Drawer = ({ items, selectedIds = [], title, onSelect, onBack, width, }) => {
-    return (react_1.default.createElement(DrawerContainer, { "data-cy": "drawer", width: width },
-        react_1.default.createElement(BackButton, { onClick: onBack },
-            react_1.default.createElement("span", null, "\u2190"),
-            "Back"),
-        react_1.default.createElement(DrawerTitle, null, title),
-        react_1.default.createElement(ItemsList, null, items.map((item) => (react_1.default.createElement(ListItem, { "data-cy": "item", key: item.id, selected: selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.includes(item.id), onClick: () => onSelect(item.id) },
-            react_1.default.createElement(Icon, null, (selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.includes(item.id)) ? (react_1.default.createElement(icons_1.AddedIcon, { width: 22, height: 22 })) : (react_1.default.createElement(icons_1.AddIcon, { width: 22, height: 22 }))),
-            react_1.default.createElement(LabelContainer, null,
-                react_1.default.createElement(ItemLabel, null, item.label),
-                react_1.default.createElement(ItemMeta, null,
-                    item.city && (react_1.default.createElement(react_1.default.Fragment, null,
-                        item.city,
-                        item.state || item.country ? ', ' : '')),
-                    item.state && (react_1.default.createElement(react_1.default.Fragment, null,
-                        item.state,
-                        item.country ? ', ' : '')),
-                    item.country && react_1.default.createElement(react_1.default.Fragment, null, item.country)))))))));
+    return ((0, jsx_runtime_1.jsxs)(DrawerContainer, Object.assign({ "data-cy": "drawer", width: width }, { children: [(0, jsx_runtime_1.jsxs)(BackButton, Object.assign({ onClick: onBack }, { children: [(0, jsx_runtime_1.jsx)("span", { children: "\u2190" }), "Back"] })), (0, jsx_runtime_1.jsx)(DrawerTitle, { children: title }), (0, jsx_runtime_1.jsx)(ItemsList, { children: items.map((item) => ((0, jsx_runtime_1.jsxs)(ListItem, Object.assign({ "data-cy": "item", selected: selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.includes(item.id), onClick: () => onSelect(item.id) }, { children: [(0, jsx_runtime_1.jsx)(Icon, { children: (selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.includes(item.id)) ? ((0, jsx_runtime_1.jsx)(icons_1.AddedIcon, { width: 22, height: 22 })) : ((0, jsx_runtime_1.jsx)(icons_1.AddIcon, { width: 22, height: 22 })) }), (0, jsx_runtime_1.jsxs)(LabelContainer, { children: [(0, jsx_runtime_1.jsx)(ItemLabel, { children: item.label }), (0, jsx_runtime_1.jsxs)(ItemMeta, { children: [item.city && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [item.city, item.state || item.country ? ', ' : ''] })), item.state && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [item.state, item.country ? ', ' : ''] })), item.country && (0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: item.country })] })] })] }), item.id))) })] })));
 };
 exports.Drawer = Drawer;

package/dist/cjs/components/Dropdown.js

@@ -5,7 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DropdownButton = exports.DropdownContainer = exports.DropdownList = void 0;
 const styled_components_1 = __importDefault(require("styled-components"));
-exports.DropdownList = styled_components_1.default.div.attrs({ 'data-cy': 'dropdown' }) `
+exports.DropdownList = styled_components_1.default.div.attrs({
+    'data-cy': 'dropdown',
+}) `
   display: flex;
   flex-direction: column;
   border: 1px solid ${(props) => props.theme.colors.border.secondary};

package/dist/cjs/components/InspectorSection.js

@@ -1,48 +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 (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.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");
@@ -96,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, Object.assign({ onClick: () => setExpanded(!expanded), marginBottom: (!(expanded && children) && '40px') || undefined }, { children: [(0, jsx_runtime_1.jsx)(HeadingText, { children: title }), (0, jsx_runtime_1.jsx)(exports.ExpanderButton, Object.assign({ "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", Object.assign({ 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, Object.assign({ 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, Object.assign({ ref: innerRef, "data-cy": 'manuscript-menus' }, { children: menus.map((menu, index) => {
+            return ((0, jsx_runtime_1.jsxs)(MenuContainer, Object.assign({ "data-cy": 'menu', isEnabled: menu.isEnabled }, { children: [(0, jsx_runtime_1.jsx)(MenuHeading, Object.assign({ 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;

package/dist/cjs/components/Menus/Submenu.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.Submenu = exports.SubmenuLabel = exports.NestedSubmenusContainer = exports.SubmenusContainer = exports.SubmenusContainerWrapper = exports.SubmenuContainer = exports.Text = 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 menus_1 = require("../../lib/menus");
 const icons_1 = require("../icons");
@@ -97,28 +82,22 @@ const SubmenuLabel = ({ menu, handleClick }) => {
     if ((0, menus_1.isMenuSeparator)(menu)) {
         return null;
     }
-    return (react_1.default.createElement(Container, { isOpen: menu.isOpen, "data-cy": 'submenu', className: menu.isEnabled ? '' : 'disabled', onMouseDown: (e) => {
+    return ((0, jsx_runtime_1.jsxs)(Container, Object.assign({ isOpen: menu.isOpen, "data-cy": 'submenu', className: menu.isEnabled ? '' : 'disabled', onMouseDown: (e) => {
             e.preventDefault();
             handleClick([]);
-        } },
-        react_1.default.createElement(Active, null, activeContent(menu)),
-        react_1.default.createElement(exports.Text, null, menu.label),
-        menu.submenu && react_1.default.createElement(Arrow, null),
-        menu.shortcut && react_1.default.createElement(Shortcut_1.Shortcut, { shortcut: menu.shortcut })));
+        } }, { children: [(0, jsx_runtime_1.jsx)(Active, { children: activeContent(menu) }), (0, jsx_runtime_1.jsx)(exports.Text, { children: menu.label }), menu.submenu && (0, jsx_runtime_1.jsx)(Arrow, {}), menu.shortcut && (0, jsx_runtime_1.jsx)(Shortcut_1.Shortcut, { shortcut: menu.shortcut })] })));
 };
 exports.SubmenuLabel = SubmenuLabel;
 const Submenu = ({ menu, handleClick }) => {
     if ((0, menus_1.isMenuSeparator)(menu)) {
-        return react_1.default.createElement(Separator, null);
+        return (0, jsx_runtime_1.jsx)(Separator, {});
     }
     if (menu.component) {
-        return react_1.default.createElement(menu.component, { menu: menu, handleClick: handleClick });
+        return (0, jsx_runtime_1.jsx)(menu.component, { menu: menu, handleClick: handleClick });
     }
     if (!menu.submenu) {
-        return react_1.default.createElement(exports.SubmenuLabel, { menu: menu, handleClick: handleClick });
+        return (0, jsx_runtime_1.jsx)(exports.SubmenuLabel, { menu: menu, handleClick: handleClick });
     }
-    return (react_1.default.createElement(exports.SubmenuContainer, { "data-cy": 'submenu' },
-        react_1.default.createElement(exports.SubmenuLabel, { menu: menu, handleClick: handleClick }),
-        menu.submenu && menu.isOpen && (react_1.default.createElement(exports.NestedSubmenusContainer, null, menu.submenu.map((submenu, index) => (react_1.default.createElement(exports.Submenu, { key: `menu-${index}`, menu: submenu, handleClick: (i) => handleClick([index, ...i]) })))))));
+    return ((0, jsx_runtime_1.jsxs)(exports.SubmenuContainer, Object.assign({ "data-cy": 'submenu' }, { children: [(0, jsx_runtime_1.jsx)(exports.SubmenuLabel, { menu: menu, handleClick: handleClick }), menu.submenu && menu.isOpen && ((0, jsx_runtime_1.jsx)(exports.NestedSubmenusContainer, { children: menu.submenu.map((submenu, index) => ((0, jsx_runtime_1.jsx)(exports.Submenu, { menu: submenu, handleClick: (i) => handleClick([index, ...i]) }, `menu-${index}`))) }))] })));
 };
 exports.Submenu = Submenu;

package/dist/cjs/components/MultiValueInput.js

@@ -1,33 +1,11 @@
 "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.MultiValueInput = 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 TextField_1 = require("./TextField");
 const Container = styled_components_1.default.div `
@@ -143,10 +121,6 @@ const MultiValueInput = ({ id, inputType, placeholder = '', initialValues = [],
         : inputType === 'number'
             ? 'Enter number and press enter'
             : 'Enter text and press enter';
-    return (react_1.default.createElement(Container, null,
-        values.map((value, index) => (react_1.default.createElement(Chip, { key: index },
-            value,
-            react_1.default.createElement(RemoveButton, { onMouseUp: () => handleRemoveValue(index) }, "\u00D7")))),
-        react_1.default.createElement(Input, { id: id, type: inputType, value: currentValue, onChange: handleInputChange, onKeyDown: handleKeyDown, onBlur: handleBlur, placeholder: xplaceholder })));
+    return ((0, jsx_runtime_1.jsxs)(Container, { children: [values.map((value, index) => ((0, jsx_runtime_1.jsxs)(Chip, { children: [value, (0, jsx_runtime_1.jsx)(RemoveButton, Object.assign({ onMouseUp: () => handleRemoveValue(index) }, { children: "\u00D7" }))] }, index))), (0, jsx_runtime_1.jsx)(Input, { id: id, type: inputType, value: currentValue, onChange: handleInputChange, onKeyDown: handleKeyDown, onBlur: handleBlur, placeholder: xplaceholder })] }));
 };
 exports.MultiValueInput = MultiValueInput;

package/dist/cjs/components/NavDropdown.js

@@ -1,19 +1,4 @@
 "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);
@@ -37,12 +22,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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.NavDropdownButton = exports.NavDropdownButtonContainer = exports.NotificationsBadge = exports.NavDropdownToggle = exports.NavDropdownButtonText = exports.NavDropdownSeparator = exports.NavDropdownElement = exports.NavDropdownLink = exports.InvitedBy = exports.NavDropdown = exports.NavDropdownContainer = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_router_dom_1 = require("react-router-dom");
 const styled_components_1 = __importStar(require("styled-components"));
 const Badge_1 = require("./Badge");
@@ -142,16 +124,11 @@ exports.NotificationsBadge = (0, styled_components_1.default)(Badge_1.Badge) `
   min-width: 10px;
   min-height: 10px;
 `;
-exports.NavDropdownButtonContainer = (0, styled_components_1.default)(Button_1.SecondaryButton).attrs((props) => ({
-    selected: props.isOpen,
-})) `
+exports.NavDropdownButtonContainer = (0, styled_components_1.default)(Button_1.SecondaryButton) `
   .inheritColors path {
     fill: currentColor;
     stroke: currentColor;
   }
 `;
-const NavDropdownButton = ({ as, children, disabled, isOpen, notificationsCount, onClick, removeChevron, }) => (react_1.default.createElement(exports.NavDropdownButtonContainer, { as: as, disabled: disabled, onClick: onClick, isOpen: isOpen, className: 'dropdown-toggle' },
-    react_1.default.createElement(exports.NavDropdownButtonText, null, children),
-    !!notificationsCount && (react_1.default.createElement(exports.NotificationsBadge, { isOpen: isOpen }, notificationsCount)),
-    !removeChevron && react_1.default.createElement(exports.NavDropdownToggle, { className: isOpen ? 'open' : '' })));
+const NavDropdownButton = ({ as, children, disabled, isOpen, notificationsCount, onClick, removeChevron, }) => ((0, jsx_runtime_1.jsxs)(exports.NavDropdownButtonContainer, Object.assign({ as: as, disabled: disabled, onClick: onClick, isOpen: isOpen, selected: isOpen, className: 'dropdown-toggle' }, { children: [(0, jsx_runtime_1.jsx)(exports.NavDropdownButtonText, { children: children }), !!notificationsCount && ((0, jsx_runtime_1.jsx)(exports.NotificationsBadge, Object.assign({ isOpen: isOpen }, { children: notificationsCount }))), !removeChevron && (0, jsx_runtime_1.jsx)(exports.NavDropdownToggle, { className: isOpen ? 'open' : '' })] })));
 exports.NavDropdownButton = NavDropdownButton;

package/dist/cjs/components/RadioButton.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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -30,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioButton = 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 Input = styled_components_1.default.input `
     position: absolute;
@@ -80,8 +65,6 @@ const Input = styled_components_1.default.input `
 `;
 const RadioButton = (_a) => {
     var { checked, id, label, name } = _a, rest = __rest(_a, ["checked", "id", "label", "name"]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Input, Object.assign({ checked: checked, type: "radio", name: name, id: id }, rest)),
-        react_1.default.createElement("label", { htmlFor: id }, label)));
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Input, Object.assign({ checked: checked, type: "radio", name: name, id: id }, rest)), (0, jsx_runtime_1.jsx)("label", Object.assign({ htmlFor: id }, { children: label }))] }));
 };
 exports.RadioButton = RadioButton;

package/dist/cjs/components/RelativeDate.js

@@ -1,19 +1,4 @@
 "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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -25,12 +10,9 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RelativeDate = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const RelativeDate = (_a) => {
     var { date } = _a, props = __rest(_a, ["date"]);
     if (!date) {
@@ -43,6 +25,6 @@ const RelativeDate = (_a) => {
         value = Math.floor(value / 24);
         unit = 'day';
     }
-    return react_1.default.createElement("span", Object.assign({}, props), formatter.format(value, unit));
+    return (0, jsx_runtime_1.jsx)("span", Object.assign({}, props, { children: formatter.format(value, unit) }));
 };
 exports.RelativeDate = RelativeDate;