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

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

@@ -1,10 +1,31 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+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.Resizer = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_1 = __importStar(require("react"));
 const ResizerButton_1 = require("./ResizerButton");
 const ResizerInner_1 = require("./ResizerInner");
 const inners = {
@@ -17,93 +38,80 @@ const inners = {
         start: ResizerInner_1.HorizontalStartResizerInner,
     },
 };
-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 })));
-    }
-}
+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 }) })));
+};
 exports.Resizer = Resizer;
+exports.Resizer.displayName = 'Resizer';

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

@@ -4,6 +4,7 @@ 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 = {
@@ -16,15 +17,9 @@ const inners = {
         start: ResizerButtonInner_1.HorizontalStartResizerButtonInner,
     },
 };
-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,
-};
+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';

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

@@ -1,32 +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;
-};
 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 = __importStar(require("react"));
+const react_1 = require("react");
 const schema_1 = require("./schema");
 const RichText = ({ className, value }) => {
     const editorRef = (0, react_1.useRef)(null);
@@ -41,6 +19,6 @@ const RichText = ({ className, value }) => {
         });
         editorRef.current && editorRef.current.replaceChildren(view.dom);
     }, [value]);
-    return react_1.default.createElement("div", { className: className, ref: editorRef });
+    return (0, jsx_runtime_1.jsx)("div", { className: className, ref: editorRef });
 };
 exports.RichText = RichText;

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

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

package/dist/cjs/components/SaveStatus.js

@@ -1,48 +1,22 @@
 "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 react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importDefault(require("styled-components"));
 const icons_1 = require("./icons");
 const SaveStatus = ({ status }) => {
     switch (status) {
         case 'offline':
-            return (react_1.default.createElement(Container, null,
-                react_1.default.createElement(icons_1.SaveStatusOfflineIcon, null),
-                react_1.default.createElement(Text, null, "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" })] }));
         case 'saving':
-            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")));
+            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" })] }));
         case '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")));
+            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" })] }));
         case 'failed':
-            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")));
+            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" })] }));
         default:
             return null;
     }

package/dist/cjs/components/SelectField.js

@@ -1,25 +1,10 @@
 "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 react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const react_select_1 = __importDefault(require("react-select"));
-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 }));
+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 }));
 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 react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 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,10 +72,7 @@ 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 (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)))));
+    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 }) })) })));
 };
 exports.SelectedItemsBox = SelectedItemsBox;
 exports.default = exports.SelectedItemsBox;

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

package/dist/cjs/components/SystemUserAvatar.js

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

package/dist/cjs/components/TextField.js

@@ -1,19 +1,4 @@
 "use strict";
-/*!
- * © 2019 Atypon Systems LLC
- *
- * Licensed under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License.
- * You may obtain a copy of the License at
- *
- *    http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software
- * distributed under the License is distributed on an "AS IS" BASIS,
- * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
- * See the License for the specific language governing permissions and
- * limitations under the License.
- */
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     var desc = Object.getOwnPropertyDescriptor(m, k);
@@ -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.TextFieldWrapper = exports.TextFieldLabel = exports.TextFieldGroup = exports.TextArea = exports.TextField = exports.commonStyles = void 0;
-const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = require("react/jsx-runtime");
 const styled_components_1 = __importStar(require("styled-components"));
 exports.commonStyles = (0, styled_components_1.css) `
   border: 1px solid
@@ -136,8 +118,6 @@ const IconWrapper = styled_components_1.default.div `
   justify-content: space-around;
 `;
 const TextFieldWrapper = ({ leftIcon, children }) => {
-    return (react_1.default.createElement(TextFieldWrapperStyles, null,
-        children,
-        react_1.default.createElement(IconWrapper, null, leftIcon)));
+    return ((0, jsx_runtime_1.jsxs)(TextFieldWrapperStyles, { children: [children, (0, jsx_runtime_1.jsx)(IconWrapper, { children: leftIcon })] }));
 };
 exports.TextFieldWrapper = TextFieldWrapper;

package/dist/cjs/components/TextFieldContainer.js

@@ -1,35 +1,15 @@
 "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 (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)))));
+    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 }) }))] }));
 };
 exports.TextFieldContainer = TextFieldContainer;