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

package/dist/cjs/components/Resizer/Resizer.js

@@ -1,31 +1,10 @@
 "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.Resizer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
+const react_1 = __importDefault(require("react"));
 const ResizerButton_1 = require("./ResizerButton");
 const ResizerInner_1 = require("./ResizerInner");
 const inners = {
@@ -38,80 +17,93 @@ const inners = {
         start: ResizerInner_1.HorizontalStartResizerInner,
     },
 };
-const Resizer = ({ buttonInner, direction, side, collapsed, onResize, onResizeButton, onResizeEnd, }) => {
-    const resizerRef = react_1.default.useRef(null);
-    const [isHovering, setIsHovering] = (0, react_1.useState)(false);
-    const [isResizing, setIsResizing] = (0, react_1.useState)(false);
-    const [startPosition, setStartPosition] = (0, react_1.useState)(0);
-    const getPosition = (0, react_1.useCallback)((e) => {
-        return direction === 'row' ? e.screenX : e.screenY;
-    }, [direction]);
-    const getDelta = (0, react_1.useCallback)((delta) => {
-        return side === 'end' ? delta - startPosition : startPosition - delta;
-    }, [side, startPosition]);
-    const scheduleResize = (0, react_1.useCallback)((delta) => {
-        if (isResizing && delta) {
-            onResize(delta);
-        }
-    }, [isResizing, onResize]);
-    const mouseUpHandler = (0, react_1.useCallback)((e, outOfBounds = false) => {
-        window.removeEventListener('mousemove', mouseMoveHandler);
-        window.removeEventListener('mouseup', mouseUpHandler);
-        window.removeEventListener('mouseout', handleOutofBounds);
-        setIsResizing(false);
-        const position = getPosition(e);
-        const adjustedPosition = outOfBounds ? position - 32 : position;
-        const delta = getDelta(adjustedPosition);
-        if (delta === 0) {
-            onResizeButton();
-        }
-        onResize(delta);
-        onResizeEnd(delta);
-    }, [getPosition, getDelta, onResize, onResizeButton, onResizeEnd]);
-    const mouseMoveHandler = (0, react_1.useCallback)((e) => {
-        const position = getPosition(e);
-        const delta = getDelta(position);
-        scheduleResize(delta);
-    }, [getPosition, getDelta, scheduleResize]);
-    const handleOutofBounds = (0, react_1.useCallback)((e) => {
-        const disableResizeNodes = [
-            'IFRAME',
-            'HTML',
-            null,
-        ];
-        if (isResizing &&
-            disableResizeNodes.includes(e.relatedTarget && e.relatedTarget.nodeName)) {
-            mouseUpHandler(e, true);
-        }
-    }, [isResizing, mouseUpHandler]);
-    const mouseDownHandler = (0, react_1.useCallback)((e) => {
-        e.preventDefault();
-        if (!resizerRef.current || e.target !== resizerRef.current) {
-            return;
-        }
-        if (isResizing) {
-            return;
-        }
-        setIsResizing(true);
-        setStartPosition(getPosition(e));
-        window.addEventListener('mousemove', mouseMoveHandler);
-        window.addEventListener('mouseup', mouseUpHandler);
-        window.addEventListener('mouseout', handleOutofBounds);
-    }, [
-        isResizing,
-        getPosition,
-        mouseMoveHandler,
-        mouseUpHandler,
-        handleOutofBounds,
-    ]);
-    const mouseEnterHandler = (0, react_1.useCallback)(() => {
-        setIsHovering(true);
-    }, []);
-    const mouseLeaveHandler = (0, react_1.useCallback)(() => {
-        setIsHovering(false);
-    }, []);
-    const ResizerInner = inners[direction][side];
-    return ((0, jsx_runtime_1.jsx)(ResizerInner, Object.assign({ ref: resizerRef, onMouseDown: mouseDownHandler, onMouseEnter: mouseEnterHandler, onMouseLeave: mouseLeaveHandler }, { children: (0, jsx_runtime_1.jsx)(ResizerButton_1.ResizerButton, { direction: direction, isCollapsed: collapsed, isVisible: isHovering, onClick: onResizeButton, side: side, buttonInner: buttonInner }) })));
-};
+class Resizer extends react_1.default.Component {
+    constructor() {
+        super(...arguments);
+        this.resizerRef = react_1.default.createRef();
+        this.state = {
+            isHovering: false,
+            isResizing: false,
+            startPosition: 0,
+        };
+        this.scheduleResize = (delta) => {
+            if (this.state.isResizing && delta) {
+                this.props.onResize(delta);
+            }
+        };
+        this.mouseDownHandler = (e) => {
+            e.preventDefault();
+            if (!this.resizerRef.current || e.target !== this.resizerRef.current) {
+                return;
+            }
+            if (this.state.isResizing) {
+                return;
+            }
+            this.setState({
+                isResizing: true,
+                startPosition: this.getPosition(e),
+            });
+            window.addEventListener('mousemove', this.mouseMoveHandler);
+            window.addEventListener('mouseup', this.mouseUpHandler);
+            window.addEventListener('mouseout', this.handleOutofBounds);
+        };
+        this.mouseUpHandler = (e, outOfBounds = false) => {
+            window.removeEventListener('mousemove', this.mouseMoveHandler);
+            window.removeEventListener('mouseup', this.mouseUpHandler);
+            window.removeEventListener('mouseout', this.handleOutofBounds);
+            this.setState({
+                isResizing: false,
+            });
+            const position = this.getPosition(e);
+            const adjustedPosition = outOfBounds ? position - 32 : position;
+            const delta = this.getDelta(adjustedPosition);
+            if (delta === 0) {
+                this.props.onResizeButton();
+            }
+            this.props.onResize(delta);
+            this.props.onResizeEnd(delta);
+        };
+        this.mouseMoveHandler = (e) => {
+            const position = this.getPosition(e);
+            const delta = this.getDelta(position);
+            this.scheduleResize(delta);
+        };
+        this.mouseEnterHandler = () => {
+            this.setState({
+                isHovering: true,
+            });
+        };
+        this.mouseLeaveHandler = () => {
+            this.setState({
+                isHovering: false,
+            });
+        };
+        this.handleOutofBounds = (e) => {
+            const disableResizeNodes = [
+                'IFRAME',
+                'HTML',
+                null,
+            ];
+            if (this.state.isResizing &&
+                disableResizeNodes.includes(e.relatedTarget && e.relatedTarget.nodeName)) {
+                this.mouseUpHandler(e, true);
+            }
+        };
+        this.getDelta = (delta) => {
+            const { startPosition } = this.state;
+            return this.props.side === 'end'
+                ? delta - startPosition
+                : startPosition - delta;
+        };
+        this.getPosition = (e) => {
+            return this.props.direction === 'row' ? e.screenX : e.screenY;
+        };
+    }
+    render() {
+        const { buttonInner, direction, side } = this.props;
+        const ResizerInner = inners[direction][side];
+        return (react_1.default.createElement(ResizerInner, { ref: this.resizerRef, onMouseDown: this.mouseDownHandler, onMouseEnter: this.mouseEnterHandler, onMouseLeave: this.mouseLeaveHandler },
+            react_1.default.createElement(ResizerButton_1.ResizerButton, { direction: direction, isCollapsed: this.props.collapsed, isVisible: this.state.isHovering, onClick: this.props.onResizeButton, side: side, buttonInner: buttonInner })));
+    }
+}
 exports.Resizer = Resizer;
-exports.Resizer.displayName = 'Resizer';

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

@@ -4,7 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ResizerButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const ResizerButtonInner_1 = require("./ResizerButtonInner");
 const inners = {
@@ -17,9 +16,15 @@ const inners = {
         start: ResizerButtonInner_1.HorizontalStartResizerButtonInner,
     },
 };
-exports.ResizerButton = react_1.default.memo(({ buttonInner, direction, side, isCollapsed = false, onClick, isVisible = false, }) => {
-    const ResizerButtonInner = (buttonInner ||
-        inners[direction][side]);
-    return ((0, jsx_runtime_1.jsx)(ResizerButtonInner, { "aria-expanded": !isCollapsed, isCollapsed: isCollapsed, isVisible: isVisible, onClick: onClick, onMouseDown: (event) => event.preventDefault() }));
-});
-exports.ResizerButton.displayName = 'ResizerButton';
+class ResizerButton extends react_1.default.PureComponent {
+    render() {
+        const { buttonInner, direction, side, isCollapsed, onClick, isVisible } = this.props;
+        const ResizerButtonInner = buttonInner || inners[direction][side];
+        return (react_1.default.createElement(ResizerButtonInner, { "aria-expanded": !isCollapsed, isCollapsed: isCollapsed, isVisible: isVisible, onClick: onClick, onMouseDown: (event) => event.preventDefault() }));
+    }
+}
+exports.ResizerButton = ResizerButton;
+ResizerButton.defaultProps = {
+    isCollapsed: false,
+    isVisible: false,
+};

package/dist/cjs/components/RichText/RichText.js

@@ -1,10 +1,32 @@
 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RichText = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
-const react_1 = require("react");
+const react_1 = __importStar(require("react"));
 const schema_1 = require("./schema");
 const RichText = ({ className, value }) => {
     const editorRef = (0, react_1.useRef)(null);
@@ -19,6 +41,6 @@ const RichText = ({ className, value }) => {
         });
         editorRef.current && editorRef.current.replaceChildren(view.dom);
     }, [value]);
-    return (0, jsx_runtime_1.jsx)("div", { className: className, ref: editorRef });
+    return react_1.default.createElement("div", { className: className, ref: editorRef });
 };
 exports.RichText = RichText;

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

@@ -1,16 +1,38 @@
 "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.RichTextField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 const prosemirror_commands_1 = require("prosemirror-commands");
 const prosemirror_history_1 = require("prosemirror-history");
 const prosemirror_keymap_1 = require("prosemirror-keymap");
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
-const react_1 = require("react");
+const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const schema_1 = require("./schema");
 const Container = styled_components_1.default.div `
@@ -63,6 +85,6 @@ const RichTextField = ({ value, onChange, }) => {
         });
         editorRef.current && editorRef.current.appendChild(view.dom);
     }, [value, onChange]);
-    return (0, jsx_runtime_1.jsx)(Container, { ref: editorRef });
+    return react_1.default.createElement(Container, { ref: editorRef });
 };
 exports.RichTextField = RichTextField;

package/dist/cjs/components/SaveStatus.js

@@ -1,22 +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 __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SaveStatus = 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 icons_1 = require("./icons");
 const SaveStatus = ({ status }) => {
     switch (status) {
         case 'offline':
-            return ((0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsx)(icons_1.SaveStatusOfflineIcon, {}), (0, jsx_runtime_1.jsx)(Text, { children: "Offline" })] }));
+            return (react_1.default.createElement(Container, null,
+                react_1.default.createElement(icons_1.SaveStatusOfflineIcon, null),
+                react_1.default.createElement(Text, null, "Offline")));
         case 'saving':
-            return ((0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsx)(RotateContinuous, { children: (0, jsx_runtime_1.jsx)(icons_1.SaveStatusSavingIcon, {}) }), (0, jsx_runtime_1.jsx)(Text, { children: "Saving\u2026" })] }));
+            return (react_1.default.createElement(Container, null,
+                react_1.default.createElement(RotateContinuous, null,
+                    react_1.default.createElement(icons_1.SaveStatusSavingIcon, null)),
+                react_1.default.createElement(Text, null, "Saving\u2026")));
         case 'saved':
-            return ((0, jsx_runtime_1.jsxs)(Container, { children: [(0, jsx_runtime_1.jsx)(PopPop, { children: (0, jsx_runtime_1.jsx)(icons_1.SaveStatusSavedIcon, {}) }), (0, jsx_runtime_1.jsx)(Text, { children: "Saved" })] }));
+            return (react_1.default.createElement(Container, null,
+                react_1.default.createElement(PopPop, null,
+                    react_1.default.createElement(icons_1.SaveStatusSavedIcon, null)),
+                react_1.default.createElement(Text, null, "Saved")));
         case 'failed':
-            return ((0, jsx_runtime_1.jsxs)(FailedContainer, { children: [(0, jsx_runtime_1.jsx)(PopPop, { children: (0, jsx_runtime_1.jsx)(icons_1.AttentionRedIcon, {}) }), (0, jsx_runtime_1.jsx)(FailedText, { children: "Failed To Save" })] }));
+            return (react_1.default.createElement(FailedContainer, null,
+                react_1.default.createElement(PopPop, null,
+                    react_1.default.createElement(icons_1.AttentionRedIcon, null)),
+                react_1.default.createElement(FailedText, null, "Failed To Save")));
         default:
             return null;
     }

package/dist/cjs/components/SelectField.js

@@ -1,10 +1,25 @@
 "use strict";
+/*!
+ * © 2024 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectField = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const react_select_1 = __importDefault(require("react-select"));
-const SelectField = ({ id, options, field, form, }) => ((0, jsx_runtime_1.jsx)(react_select_1.default, { inputId: id, options: options, name: field.name, classNamePrefix: field.name, value: options === null || options === void 0 ? void 0 : options.find((option) => option.value === field.value), onChange: (option) => form.setFieldValue(field.name, option === null || option === void 0 ? void 0 : option.value), onBlur: field.onBlur }));
+const SelectField = ({ id, options, field, form, }) => (react_1.default.createElement(react_select_1.default, { inputId: id, options: options, name: field.name, classNamePrefix: field.name, value: options === null || options === void 0 ? void 0 : options.find((option) => option.value === field.value), onChange: (option) => form.setFieldValue(field.name, option === null || option === void 0 ? void 0 : option.value), onBlur: field.onBlur }));
 exports.SelectField = SelectField;

package/dist/cjs/components/SelectedItemsBox.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectedItemsBox = 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 BoxContainer = styled_components_1.default.div `
   border: 1px solid ${(props) => props.theme.colors.border.tertiary};
@@ -72,7 +72,10 @@ const RemoveButton = styled_components_1.default.button `
 `;
 const SelectedItemsBox = (_a) => {
     var { items, onRemove, placeholder = 'No items selected' } = _a, props = __rest(_a, ["items", "onRemove", "placeholder"]);
-    return ((0, jsx_runtime_1.jsx)(BoxContainer, Object.assign({}, props, { children: items.length > 0 ? ((0, jsx_runtime_1.jsx)(ItemsList, { children: items.map((item) => ((0, jsx_runtime_1.jsxs)(Item, Object.assign({ "data-cy": "item" }, { children: [item.label, (0, jsx_runtime_1.jsx)(RemoveButton, Object.assign({ onClick: () => onRemove(item.id), "aria-label": `Remove ${item.label}` }, { children: "x" }))] }), item.id))) })) : ((0, jsx_runtime_1.jsx)(EmptyContainer, { children: (0, jsx_runtime_1.jsx)(Placeholder, { children: placeholder }) })) })));
+    return (react_1.default.createElement(BoxContainer, Object.assign({}, props), items.length > 0 ? (react_1.default.createElement(ItemsList, null, items.map((item) => (react_1.default.createElement(Item, { key: item.id, "data-cy": "item" },
+        item.label,
+        react_1.default.createElement(RemoveButton, { onClick: () => onRemove(item.id), "aria-label": `Remove ${item.label}` }, "x")))))) : (react_1.default.createElement(EmptyContainer, null,
+        react_1.default.createElement(Placeholder, null, placeholder)))));
 };
 exports.SelectedItemsBox = SelectedItemsBox;
 exports.default = exports.SelectedItemsBox;

package/dist/cjs/components/StyledModal.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.StyledModal = exports.ScrollableModalContent = exports.ModelContent = exports.ModalSidebarTitle = exports.ModalSidebarHeader = exports.ModalSidebar = exports.ModalBody = exports.CloseButton = exports.ModalHeader = exports.ModalContainer = 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 styled_components_1 = __importDefault(require("styled-components"));
 const Button_1 = require("./Button");
@@ -29,7 +44,7 @@ const ReactModalAdapter = (_a) => {
     if (props.pointerEventsOnBackdrop == 'none') {
         props.style.content = Object.assign(Object.assign({}, props.style.content), { pointerEvents: 'all' });
     }
-    return ((0, jsx_runtime_1.jsx)(react_modal_1.default, Object.assign({ className: modalClassName, portalClassName: className, closeTimeoutMS: totalTransitionTime, preventScroll: true, appElement: document.getElementById('root') }, props)));
+    return (react_1.default.createElement(react_modal_1.default, Object.assign({ className: modalClassName, portalClassName: className, closeTimeoutMS: totalTransitionTime, preventScroll: true, appElement: document.getElementById('root') }, props)));
 };
 exports.ModalContainer = styled_components_1.default.div `
   background: ${(props) => props.theme.colors.background.primary};

package/dist/cjs/components/SystemUserAvatar.js

@@ -1,11 +1,48 @@
 "use strict";
+/*!
+ * © 2019 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (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.Avatar = 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 icons_1 = require("./icons");
 const SystemUserAvatarContainer = styled_components_1.default.div `
@@ -35,6 +72,6 @@ const Avatar = (props) => {
     const handleSrcError = (0, react_1.useCallback)(() => {
         setSrcError(true);
     }, []);
-    return ((0, jsx_runtime_1.jsx)(SystemUserAvatarContainer, { children: props.src && !srcError ? ((0, jsx_runtime_1.jsx)(RoundedImage, { src: props.src, size: props.size, onError: handleSrcError })) : ((0, jsx_runtime_1.jsx)(StyledAvatar, { height: props.size, width: props.size, color: props.color })) }));
+    return (react_1.default.createElement(SystemUserAvatarContainer, null, props.src && !srcError ? (react_1.default.createElement(RoundedImage, { src: props.src, size: props.size, onError: handleSrcError })) : (react_1.default.createElement(StyledAvatar, { height: props.size, width: props.size, color: props.color }))));
 };
 exports.Avatar = Avatar;

package/dist/cjs/components/TextField.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 __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.TextFieldWrapper = exports.TextFieldLabel = exports.TextFieldGroup = exports.TextArea = exports.TextField = exports.commonStyles = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importStar(require("styled-components"));
 exports.commonStyles = (0, styled_components_1.css) `
   border: 1px solid
@@ -118,6 +136,8 @@ const IconWrapper = styled_components_1.default.div `
   justify-content: space-around;
 `;
 const TextFieldWrapper = ({ leftIcon, children }) => {
-    return ((0, jsx_runtime_1.jsxs)(TextFieldWrapperStyles, { children: [children, (0, jsx_runtime_1.jsx)(IconWrapper, { children: leftIcon })] }));
+    return (react_1.default.createElement(TextFieldWrapperStyles, null,
+        children,
+        react_1.default.createElement(IconWrapper, null, leftIcon)));
 };
 exports.TextFieldWrapper = TextFieldWrapper;

package/dist/cjs/components/TextFieldContainer.js

@@ -1,15 +1,35 @@
 "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.TextFieldContainer = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importDefault(require("react"));
 const TextField_1 = require("./TextField");
 const TextFieldError_1 = require("./TextFieldError");
 const TextFieldContainer = ({ label, error, children }) => {
     const childrenWithErrorProp = react_1.default.Children.map(children, (child) => react_1.default.cloneElement(child, { error: String(error) }));
-    return ((0, jsx_runtime_1.jsxs)(react_1.default.Fragment, { children: [label ? ((0, jsx_runtime_1.jsxs)(TextField_1.TextFieldLabel, { children: [label, " ", childrenWithErrorProp] })) : (childrenWithErrorProp), error && ((0, jsx_runtime_1.jsx)(TextFieldError_1.TextFieldError, { children: (0, jsx_runtime_1.jsx)(TextFieldError_1.TextFieldErrorItem, { children: error }) }))] }));
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        label ? (react_1.default.createElement(TextField_1.TextFieldLabel, null,
+            label,
+            " ",
+            childrenWithErrorProp)) : (childrenWithErrorProp),
+        error && (react_1.default.createElement(TextFieldError_1.TextFieldError, null,
+            react_1.default.createElement(TextFieldError_1.TextFieldErrorItem, null, error)))));
 };
 exports.TextFieldContainer = TextFieldContainer;