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

package/dist/cjs/components/DraggableModal.js

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

package/dist/cjs/components/Drawer.js

@@ -22,9 +22,12 @@ 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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importStar(require("styled-components"));
 const icons_1 = require("./icons");
 const slideIn = (0, styled_components_1.keyframes) `
@@ -121,6 +124,22 @@ const ItemMeta = styled_components_1.default.span `
   color: ${(props) => props.theme.colors.text.secondary};
 `;
 const Drawer = ({ items, selectedIds = [], title, onSelect, onBack, width, }) => {
-    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))) })] })));
+    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)))))))));
 };
 exports.Drawer = Drawer;

package/dist/cjs/components/Dropdown.js

@@ -5,9 +5,7 @@ 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,11 +1,48 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("./Button");
 const icons_1 = require("./icons");
@@ -59,9 +96,15 @@ exports.Field = styled_components_1.default.div `
 `;
 const InspectorSection = ({ title, contentStyles, children, }) => {
     const [expanded, setExpanded] = (0, react_1.useState)(true);
-    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 }))] }));
+    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)));
 };
 exports.InspectorSection = InspectorSection;
 const Line = styled_components_1.default.hr `

package/dist/cjs/components/LoadingOverlay.js

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

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

@@ -1,10 +1,25 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const Submenu_1 = require("./Submenu");
 const MenusContainer = styled_components_1.default.div `
@@ -29,13 +44,17 @@ const MenuContainer = styled_components_1.default.div `
   }
 `;
 const Menus = ({ menus, innerRef, handleClick, }) => {
-    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}`));
-        }) })));
+    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]) }));
+                }))))));
+    })));
 };
 exports.Menus = Menus;

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

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

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

@@ -1,10 +1,25 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const menus_1 = require("../../lib/menus");
 const icons_1 = require("../icons");
@@ -82,22 +97,28 @@ const SubmenuLabel = ({ menu, handleClick }) => {
     if ((0, menus_1.isMenuSeparator)(menu)) {
         return null;
     }
-    return ((0, jsx_runtime_1.jsxs)(Container, Object.assign({ isOpen: menu.isOpen, "data-cy": 'submenu', className: menu.isEnabled ? '' : 'disabled', onMouseDown: (e) => {
+    return (react_1.default.createElement(Container, { isOpen: menu.isOpen, "data-cy": 'submenu', className: menu.isEnabled ? '' : 'disabled', onMouseDown: (e) => {
             e.preventDefault();
             handleClick([]);
-        } }, { 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 })] })));
+        } },
+        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 })));
 };
 exports.SubmenuLabel = SubmenuLabel;
 const Submenu = ({ menu, handleClick }) => {
     if ((0, menus_1.isMenuSeparator)(menu)) {
-        return (0, jsx_runtime_1.jsx)(Separator, {});
+        return react_1.default.createElement(Separator, null);
     }
     if (menu.component) {
-        return (0, jsx_runtime_1.jsx)(menu.component, { menu: menu, handleClick: handleClick });
+        return react_1.default.createElement(menu.component, { menu: menu, handleClick: handleClick });
     }
     if (!menu.submenu) {
-        return (0, jsx_runtime_1.jsx)(exports.SubmenuLabel, { menu: menu, handleClick: handleClick });
+        return react_1.default.createElement(exports.SubmenuLabel, { menu: menu, handleClick: handleClick });
     }
-    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}`))) }))] })));
+    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]) })))))));
 };
 exports.Submenu = Submenu;

package/dist/cjs/components/MultiValueInput.js

@@ -1,11 +1,33 @@
 "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 jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
+const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const TextField_1 = require("./TextField");
 const Container = styled_components_1.default.div `
@@ -121,6 +143,10 @@ const MultiValueInput = ({ id, inputType, placeholder = '', initialValues = [],
         : inputType === 'number'
             ? 'Enter number and press enter'
             : 'Enter text and press enter';
-    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 })] }));
+    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 })));
 };
 exports.MultiValueInput = MultiValueInput;

package/dist/cjs/components/NavDropdown.js

@@ -1,4 +1,19 @@
 "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);
@@ -22,9 +37,12 @@ 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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const react_router_dom_1 = require("react-router-dom");
 const styled_components_1 = __importStar(require("styled-components"));
 const Badge_1 = require("./Badge");
@@ -124,11 +142,16 @@ 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) `
+exports.NavDropdownButtonContainer = (0, styled_components_1.default)(Button_1.SecondaryButton).attrs((props) => ({
+    selected: props.isOpen,
+})) `
   .inheritColors path {
     fill: currentColor;
     stroke: currentColor;
   }
 `;
-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' : '' })] })));
+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' : '' })));
 exports.NavDropdownButton = NavDropdownButton;

package/dist/cjs/components/RadioButton.js

@@ -1,4 +1,19 @@
 "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)
@@ -15,7 +30,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RadioButton = 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 Input = styled_components_1.default.input `
     position: absolute;
@@ -65,6 +80,8 @@ const Input = styled_components_1.default.input `
 `;
 const RadioButton = (_a) => {
     var { checked, id, label, name } = _a, rest = __rest(_a, ["checked", "id", "label", "name"]);
-    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 }))] }));
+    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)));
 };
 exports.RadioButton = RadioButton;

package/dist/cjs/components/RelativeDate.js

@@ -1,4 +1,19 @@
 "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)
@@ -10,9 +25,12 @@ 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 jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const RelativeDate = (_a) => {
     var { date } = _a, props = __rest(_a, ["date"]);
     if (!date) {
@@ -25,6 +43,6 @@ const RelativeDate = (_a) => {
         value = Math.floor(value / 24);
         unit = 'day';
     }
-    return (0, jsx_runtime_1.jsx)("span", Object.assign({}, props, { children: formatter.format(value, unit) }));
+    return react_1.default.createElement("span", Object.assign({}, props), formatter.format(value, unit));
 };
 exports.RelativeDate = RelativeDate;