no-frills-ui 0.0.14-alpha.4 → 0.0.14-alpha.6

package/lib-esm/components/Dialog/ConfirmDialog.js

@@ -1,48 +1,66 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsxs, jsx } from '@emotion/react/jsx-runtime';
 import React, { createRef } from 'react';
 import PropTypes from 'prop-types';
-import { Button, ActionButton } from '../Button';
-import Dialog, { DialogBody, DialogFooter, DialogHeader } from './Dialog';
+import Dialog from './Dialog.js';
+import { Header, Body, Footer } from '../../shared/styles.js';
+import StyledButton from '../Button/Button.js';
+import ActionButton from '../Button/ActionButton.js';
+
 class ConfirmDialog extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.dialog = createRef();
-        this.show = () => {
-            return new Promise((resolve, reject) => {
-                const onClose = (resp) => {
+    render() {
+        const { header, body, yesText, noText, dialogProps } = this.props;
+        return /*#__PURE__*/ jsxs(Dialog, {
+            ...dialogProps,
+            ref: this.dialog,
+            closeOnEsc: false,
+            closeOnOverlayClick: false,
+            children: [
+                header && /*#__PURE__*/ jsx(Header, {
+                    children: header
+                }),
+                /*#__PURE__*/ jsx(Body, {
+                    children: body
+                }),
+                /*#__PURE__*/ jsxs(Footer, {
+                    children: [
+                        /*#__PURE__*/ jsx(StyledButton, {
+                            onClick: this.cancel,
+                            children: noText
+                        }),
+                        /*#__PURE__*/ jsx(ActionButton, {
+                            onClick: this.confirm,
+                            children: yesText
+                        })
+                    ]
+                })
+            ]
+        });
+    }
+    constructor(...args){
+        super(...args), this.dialog = /*#__PURE__*/ createRef(), this.show = ()=>{
+            return new Promise((resolve, reject)=>{
+                const onClose = (resp)=>{
                     if (resp) {
                         resolve(null);
-                    }
-                    else {
+                    } else {
                         reject();
                     }
                 };
                 this.dialog.current.open(onClose);
             });
-        };
-        this.cancel = () => this.dialog.current.close(false);
-        this.confirm = () => this.dialog.current.close(true);
-    }
-    render() {
-        const { header, body, yesText, noText, dialogProps } = this.props;
-        return (_jsxs(Dialog, Object.assign({}, dialogProps, { ref: this.dialog, closeOnEsc: false, closeOnOverlayClick: false, children: [header && _jsx(DialogHeader, { children: header }), _jsx(DialogBody, { children: body }), _jsxs(DialogFooter, { children: [_jsx(Button, { onClick: this.cancel, children: noText }), _jsx(ActionButton, { onClick: this.confirm, children: yesText })] })] })));
+        }, this.cancel = ()=>this.dialog.current.close(false), this.confirm = ()=>this.dialog.current.close(true);
     }
 }
 ConfirmDialog.propTypes = {
-    /** Shown as header of the dialog */
-    header: PropTypes.string,
-    /** Rendered as body of the dialog */
-    body: PropTypes.string.isRequired,
-    /** Accept button text */
-    yesText: PropTypes.string,
-    /** Reject button text */
-    noText: PropTypes.string,
-    /** Props for the dialog */
-    dialogProps: PropTypes.object,
+    /** Shown as header of the dialog */ header: PropTypes.string,
+    /** Rendered as body of the dialog */ body: PropTypes.string.isRequired,
+    /** Accept button text */ yesText: PropTypes.string,
+    /** Reject button text */ noText: PropTypes.string,
+    /** Props for the dialog */ dialogProps: PropTypes.object
 };
 ConfirmDialog.defaultProps = {
     yesText: 'Yes',
-    noText: 'No',
+    noText: 'No'
 };
-export default ConfirmDialog;
-//# sourceMappingURL=ConfirmDialog.js.map
+
+export { ConfirmDialog as default };

package/lib-esm/components/Dialog/Dialog.d.ts

@@ -17,7 +17,7 @@ interface DialogState {
     show: boolean;
     LayerComponent?: () => React.ReactPortal | null;
 }
-declare class Dialog extends React.Component<React.PropsWithChildren<DialogOptions>, DialogState> {
+declare class Dialog extends React.Component<React.PropsWithChildren<DialogOptions> & Omit<React.HTMLProps<HTMLDivElement>, 'as' | 'ref'>, DialogState> {
     static propTypes: {
         /** Flag to close dialog on `esc` click. Default value is true. */
         closeOnEsc: PropTypes.Requireable<boolean>;
@@ -30,12 +30,37 @@ declare class Dialog extends React.Component<React.PropsWithChildren<DialogOptio
     };
     private closeDialog;
     private onCloseFn;
+    private lastFocusedElement;
+    private dialogRef;
     state: DialogState;
+    /**
+     * Retrieves all focusable elements within the dialog.
+     */
+    private getFocusableElements;
+    /**
+     * Handles keydown events to implement the focus trap.
+     * Traps Tab and Shift+Tab within the dialog.
+     */
+    private handleKeyDown;
+    /**
+     * Restores focus to the element that was focused before the dialog opened.
+     */
+    private restoreFocus;
+    /**
+     * Callback ref to capture the Dialog DOM element.
+     * Triggers initial focus setting when the element mounts.
+     */
+    private setDialogRef;
+    /**
+     * Sets initial focus within the dialog.
+     * Tries to focus the header first, then the first interactive element, or falls back to the container.
+     */
+    private setInitialFocus;
     shouldComponentUpdate(nextProps: DialogOptions, nextState: DialogState): boolean;
+    componentWillUnmount(): void;
     open: (closeCallback?: (resp: unknown) => void) => void;
     close: (resp?: unknown) => void;
     private closeCallback;
     render(): import("@emotion/react/jsx-runtime").JSX.Element;
 }
 export default Dialog;
-//# sourceMappingURL=Dialog.d.ts.map

package/lib-esm/components/Dialog/Dialog.js

@@ -1,47 +1,107 @@
-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)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
-import { jsx as _jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from '@emotion/react/jsx-runtime';
 import React from 'react';
 import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
-import LayerManager, { LAYER_POSITION } from '../../shared/LayerManager';
-import { Card } from '../Card';
-export const DialogContainer = styled(Card) `
-    max-width: 768px;
-    max-height: 80vh;
-    transform: scale(0);
-    opacity: 0;
-    transition: all 0.3s ease;
+import LayerManager, { LAYER_POSITION } from '../../shared/LayerManager.js';
+import Card from '../Card/Card.js';
 
-    .nf-layer-enter & {
-        opacity: 1;
-        transform: scale(1);
+const DialogContainer = /*#__PURE__*/ styled(Card, {
+    target: "ej4fpry0",
+    label: "DialogContainer"
+})("max-width:768px;max-height:80vh;transform:scale(0);opacity:0;transition:all 0.3s ease;.nf-layer-enter &{opacity:1;transform:scale(1);}.nf-layer-exit &{opacity:0;transform:scale(0);}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvRGlhbG9nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBMYXllck1hbmFnZXIsIHsgTEFZRVJfUE9TSVRJT04gfSBmcm9tICcuLi8uLi9zaGFyZWQvTGF5ZXJNYW5hZ2VyJztcbmltcG9ydCB7IENhcmQgfSBmcm9tICcuLi9DYXJkJztcblxuZXhwb3J0IGNvbnN0IERpYWxvZ0NvbnRhaW5lciA9IHN0eWxlZChDYXJkKWBcbiAgICBtYXgtd2lkdGg6IDc2OHB4O1xuICAgIG1heC1oZWlnaHQ6IDgwdmg7XG4gICAgdHJhbnNmb3JtOiBzY2FsZSgwKTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIHRyYW5zaXRpb246IGFsbCAwLjNzIGVhc2U7XG5cbiAgICAubmYtbGF5ZXItZW50ZXIgJiB7XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMSk7XG4gICAgfVxuXG4gICAgLm5mLWxheWVyLWV4aXQgJiB7XG4gICAgICAgIG9wYWNpdHk6IDA7XG4gICAgICAgIHRyYW5zZm9ybTogc2NhbGUoMCk7XG4gICAgfVxuYDtcblxuZXhwb3J0IHtcbiAgICBIZWFkZXIgYXMgRGlhbG9nSGVhZGVyLFxuICAgIEJvZHkgYXMgRGlhbG9nQm9keSxcbiAgICBGb290ZXIgYXMgRGlhbG9nRm9vdGVyLFxufSBmcm9tICcuLi8uLi9zaGFyZWQvc3R5bGVzJztcblxuaW50ZXJmYWNlIERpYWxvZ09wdGlvbnMge1xuICAgIC8qKiBGbGFnIHRvIGNsb3NlIGRpYWxvZyBvbiBgZXNjYCBjbGljay4gRGVmYXVsdCB2YWx1ZSBpcyB0cnVlLiAqL1xuICAgIGNsb3NlT25Fc2M/OiBib29sZWFuO1xuICAgIC8qKiBDbG9zZSBsYXllciBvdmVybGF5IGlzIGNsaWNrZWQuIERlZmF1bHQgdmFsdWUgaXMgdHJ1ZS4gKi9cbiAgICBjbG9zZU9uT3ZlcmxheUNsaWNrPzogYm9vbGVhbjtcbn1cblxuaW50ZXJmYWNlIERpYWxvZ1N0YXRlIHtcbiAgICBzaG93OiBib29sZWFuO1xuICAgIExheWVyQ29tcG9uZW50PzogKCkgPT4gUmVhY3QuUmVhY3RQb3J0YWwgfCBudWxsO1xufVxuXG5jbGFzcyBEaWFsb2cgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQ8XG4gICAgUmVhY3QuUHJvcHNXaXRoQ2hpbGRyZW48RGlhbG9nT3B0aW9ucz4gJiBPbWl0PFJlYWN0LkhUTUxQcm9wczxIVE1MRGl2RWxlbWVudD4sICdhcycgfCAncmVmJz4sXG4gICAgRGlhbG9nU3RhdGVcbj4ge1xuICAgIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgICAgIC8qKiBGbGFnIHRvIGNsb3NlIGRpYWxvZyBvbiBgZXNjYCBjbGljay4gRGVmYXVsdCB2YWx1ZSBpcyB0cnVlLiAqL1xuICAgICAgICBjbG9zZU9uRXNjOiBQcm9wVHlwZXMuYm9vbCxcbiAgICAgICAgLyoqIENsb3NlIGxheWVyIG92ZXJsYXkgaXMgY2xpY2tlZC4gRGVmYXVsdCB2YWx1ZSBpcyB0cnVlLiAqL1xuICAgICAgICBjbG9zZU9uT3ZlcmxheUNsaWNrOiBQcm9wVHlwZXMuYm9vbCxcbiAgICB9O1xuXG4gICAgc3RhdGljIGRlZmF1bHRQcm9wcyA9IHtcbiAgICAgICAgY2xvc2VPbkVzYzogdHJ1ZSxcbiAgICAgICAgY2xvc2VPbk92ZXJsYXlDbGljazogdHJ1ZSxcbiAgICB9O1xuXG4gICAgcHJpdmF0ZSBjbG9zZURpYWxvZzogKHJlc3A/OiB1bmtub3duKSA9PiB2b2lkO1xuICAgIHByaXZhdGUgb25DbG9zZUZuOiAocmVzcD86IHVua25vd24pID0+IHZvaWQ7XG4gICAgcHJpdmF0ZSBsYXN0Rm9jdXNlZEVsZW1lbnQ6IEhUTUxFbGVtZW50IHwgbnVsbCA9IG51bGw7XG4gICAgcHJpdmF0ZSBkaWFsb2dSZWYgPSBSZWFjdC5jcmVhdGVSZWY8SFRNTERpdkVsZW1lbnQ+KCk7XG5cbiAgICBzdGF0ZTogRGlhbG9nU3RhdGUgPSB7XG4gICAgICAgIHNob3c6IGZhbHNlLFxuICAgICAgICBMYXllckNvbXBvbmVudDogdW5kZWZpbmVkLFxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBSZXRyaWV2ZXMgYWxsIGZvY3VzYWJsZSBlbGVtZW50cyB3aXRoaW4gdGhlIGRpYWxvZy5cbiAgICAgKi9cbiAgICBwcml2YXRlIGdldEZvY3VzYWJsZUVsZW1lbnRzID0gKCk6IEhUTUxFbGVtZW50W10gPT4ge1xuICAgICAgICBpZiAoIXRoaXMuZGlhbG9nUmVmLmN1cnJlbnQpIHJldHVybiBbXTtcbiAgICAgICAgcmV0dXJuIEFycmF5LmZyb20oXG4gICAgICAgICAgICB0aGlzLmRpYWxvZ1JlZi5jdXJyZW50LnF1ZXJ5U2VsZWN0b3JBbGwoXG4gICAgICAgICAgICAgICAgJ2J1dHRvbiwgW2hyZWZdLCBpbnB1dCwgc2VsZWN0LCB0ZXh0YXJlYSwgW3RhYmluZGV4XTpub3QoW3RhYmluZGV4PVwiLTFcIl0pJyxcbiAgICAgICAgICAgICksXG4gICAgICAgICkgYXMgSFRNTEVsZW1lbnRbXTtcbiAgICB9O1xuXG4gICAgLyoqXG4gICAgICogSGFuZGxlcyBrZXlkb3duIGV2ZW50cyB0byBpbXBsZW1lbnQgdGhlIGZvY3VzIHRyYXAuXG4gICAgICogVHJhcHMgVGFiIGFuZCBTaGlmdCtUYWIgd2l0aGluIHRoZSBkaWFsb2cuXG4gICAgICovXG4gICAgcHJpdmF0ZSBoYW5kbGVLZXlEb3duID0gKGU6IFJlYWN0LktleWJvYXJkRXZlbnQpID0+IHtcbiAgICAgICAgaWYgKGUua2V5ID09PSAnVGFiJykge1xuICAgICAgICAgICAgY29uc3QgZm9jdXNhYmxlRWxlbWVudHMgPSB0aGlzLmdldEZvY3VzYWJsZUVsZW1lbnRzKCk7XG4gICAgICAgICAgICBpZiAoZm9jdXNhYmxlRWxlbWVudHMubGVuZ3RoID09PSAwKSByZXR1cm47XG5cbiAgICAgICAgICAgIGNvbnN0IGZpcnN0RWxlbWVudCA9IGZvY3VzYWJsZUVsZW1lbnRzWzBdO1xuICAgICAgICAgICAgY29uc3QgbGFzdEVsZW1lbnQgPSBmb2N1c2FibGVFbGVtZW50c1tmb2N1c2FibGVFbGVtZW50cy5sZW5ndGggLSAxXTtcblxuICAgICAgICAgICAgaWYgKGUuc2hpZnRLZXkpIHtcbiAgICAgICAgICAgICAgICBpZiAoZG9jdW1lbnQuYWN0aXZlRWxlbWVudCA9PT0gZmlyc3RFbGVtZW50KSB7XG4gICAgICAgICAgICAgICAgICAgIGxhc3RFbGVtZW50LmZvY3VzKCk7XG4gICAgICAgICAgICAgICAgICAgIGUucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICB9IGVsc2Uge1xuICAgICAgICAgICAgICAgIGlmIChkb2N1bWVudC5hY3RpdmVFbGVtZW50ID09PSBsYXN0RWxlbWVudCkge1xuICAgICAgICAgICAgICAgICAgICBmaXJzdEVsZW1lbnQuZm9jdXMoKTtcbiAgICAgICAgICAgICAgICAgICAgZS5wcmV2ZW50RGVmYXVsdCgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgIH1cbiAgICAgICAgfVxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBSZXN0b3JlcyBmb2N1cyB0byB0aGUgZWxlbWVudCB0aGF0IHdhcyBmb2N1c2VkIGJlZm9yZSB0aGUgZGlhbG9nIG9wZW5lZC5cbiAgICAgKi9cbiAgICBwcml2YXRlIHJlc3RvcmVGb2N1cyA9ICgpID0+IHtcbiAgICAgICAgaWYgKHRoaXMubGFzdEZvY3VzZWRFbGVtZW50KSB7XG4gICAgICAgICAgICBjb25zdCBlbGVtZW50VG9CZUZvY3VzZWQgPSB0aGlzLmxhc3RGb2N1c2VkRWxlbWVudDtcbiAgICAgICAgICAgIHRoaXMubGFzdEZvY3VzZWRFbGVtZW50ID0gbnVsbDtcbiAgICAgICAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICAgICAgICAgIGlmIChkb2N1bWVudC5ib2R5LmNvbnRhaW5zKGVsZW1lbnRUb0JlRm9jdXNlZCkpIHtcbiAgICAgICAgICAgICAgICAgICAgZWxlbWVudFRvQmVGb2N1c2VkLmZvY3VzKCk7XG4gICAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSwgMTAwKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICAvKipcbiAgICAgKiBDYWxsYmFjayByZWYgdG8gY2FwdHVyZSB0aGUgRGlhbG9nIERPTSBlbGVtZW50LlxuICAgICAqIFRyaWdnZXJzIGluaXRpYWwgZm9jdXMgc2V0dGluZyB3aGVuIHRoZSBlbGVtZW50IG1vdW50cy5cbiAgICAgKi9cbiAgICBwcml2YXRlIHNldERpYWxvZ1JlZiA9IChub2RlOiBIVE1MRGl2RWxlbWVudCB8IG51bGwpID0+IHtcbiAgICAgICAgKHRoaXMuZGlhbG9nUmVmIGFzIFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQgfCBudWxsPikuY3VycmVudCA9IG5vZGU7XG5cbiAgICAgICAgaWYgKG5vZGUpIHtcbiAgICAgICAgICAgIHRoaXMuc2V0SW5pdGlhbEZvY3VzKG5vZGUpO1xuICAgICAgICB9XG4gICAgfTtcblxuICAgIC8qKlxuICAgICAqIFNldHMgaW5pdGlhbCBmb2N1cyB3aXRoaW4gdGhlIGRpYWxvZy5cbiAgICAgKiBUcmllcyB0byBmb2N1cyB0aGUgaGVhZGVyIGZpcnN0LCB0aGVuIHRoZSBmaXJzdCBpbnRlcmFjdGl2ZSBlbGVtZW50LCBvciBmYWxscyBiYWNrIHRvIHRoZSBjb250YWluZXIuXG4gICAgICovXG4gICAgcHJpdmF0ZSBzZXRJbml0aWFsRm9jdXMgPSAocm9vdDogSFRNTEVsZW1lbnQpID0+IHtcbiAgICAgICAgY29uc3QgZmlyc3RDaGlsZCA9IHJvb3QuZmlyc3RFbGVtZW50Q2hpbGQgYXMgSFRNTEVsZW1lbnQ7XG4gICAgICAgIGlmIChmaXJzdENoaWxkKSB7XG4gICAgICAgICAgICBpZiAoZmlyc3RDaGlsZC5nZXRBdHRyaWJ1dGUoJ3RhYmluZGV4JykgPT09IG51bGwpIHtcbiAgICAgICAgICAgICAgICBmaXJzdENoaWxkLnNldEF0dHJpYnV0ZSgndGFiaW5kZXgnLCAnLTEnKTtcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGZpcnN0Q2hpbGQuZm9jdXMoKTtcbiAgICAgICAgICAgIHJldHVybjtcbiAgICAgICAgfVxuXG4gICAgICAgIGNvbnN0IGZvY3VzYWJsZUVsZW1lbnRzID0gdGhpcy5nZXRGb2N1c2FibGVFbGVtZW50cygpO1xuICAgICAgICBpZiAoZm9jdXNhYmxlRWxlbWVudHMubGVuZ3RoID4gMCkge1xuICAgICAgICAgICAgZm9jdXNhYmxlRWxlbWVudHNbMF0uZm9jdXMoKTtcbiAgICAgICAgfSBlbHNlIHtcbiAgICAgICAgICAgIHJvb3QuZm9jdXMoKTtcbiAgICAgICAgfVxuICAgIH07XG5cbiAgICBzaG91bGRDb21wb25lbnRVcGRhdGUobmV4dFByb3BzOiBEaWFsb2dPcHRpb25zLCBuZXh0U3RhdGU6IERpYWxvZ1N0YXRlKSB7XG4gICAgICAgIHJldHVybiB0aGlzLnN0YXRlLnNob3cgIT09IG5leHRTdGF0ZS5zaG93O1xuICAgIH1cblxuICAgIGNvbXBvbmVudFdpbGxVbm1vdW50KCkge1xuICAgICAgICAvLyBDbGVhbiB1cCBpZiBjb21wb25lbnQgdW5tb3VudHMgd2hpbGUgZGlhbG9nIGlzIG9wZW5cbiAgICAgICAgaWYgKHRoaXMuc3RhdGUuc2hvdyAmJiB0aGlzLmNsb3NlRGlhbG9nKSB7XG4gICAgICAgICAgICB0aGlzLmNsb3NlRGlhbG9nKCk7XG4gICAgICAgIH1cbiAgICAgICAgdGhpcy5yZXN0b3JlRm9jdXMoKTtcbiAgICAgICAgdGhpcy5jbG9zZURpYWxvZyA9IG51bGw7XG4gICAgICAgIHRoaXMub25DbG9zZUZuID0gbnVsbDtcbiAgICB9XG5cbiAgICBwdWJsaWMgb3BlbiA9IChjbG9zZUNhbGxiYWNrPzogKHJlc3A6IHVua25vd24pID0+IHZvaWQpID0+IHtcbiAgICAgICAgY29uc3QgeyBjbG9zZU9uRXNjLCBjbG9zZU9uT3ZlcmxheUNsaWNrLCBjaGlsZHJlbiwgLi4ucmVzdCB9ID0gdGhpcy5wcm9wcztcblxuICAgICAgICAvLyBTYXZlIGN1cnJlbnQgZm9jdXNcbiAgICAgICAgdGhpcy5sYXN0Rm9jdXNlZEVsZW1lbnQgPSBkb2N1bWVudC5hY3RpdmVFbGVtZW50IGFzIEhUTUxFbGVtZW50O1xuXG4gICAgICAgIGNvbnN0IFtDb21wb25lbnQsIGNsb3NlRm5dID0gTGF5ZXJNYW5hZ2VyLnJlbmRlckxheWVyKHtcbiAgICAgICAgICAgIGV4aXREZWxheTogMzAwLFxuICAgICAgICAgICAgb3ZlcmxheTogdHJ1ZSxcbiAgICAgICAgICAgIGNsb3NlT25Fc2MsXG4gICAgICAgICAgICBjbG9zZUNhbGxiYWNrOiB0aGlzLmNsb3NlQ2FsbGJhY2ssXG4gICAgICAgICAgICBjbG9zZU9uT3ZlcmxheUNsaWNrLFxuICAgICAgICAgICAgcG9zaXRpb246IExBWUVSX1BPU0lUSU9OLkRJQUxPRyxcbiAgICAgICAgICAgIGNvbXBvbmVudDogKFxuICAgICAgICAgICAgICAgIDxEaWFsb2dDb250YWluZXJcbiAgICAgICAgICAgICAgICAgICAgey4uLnJlc3R9XG4gICAgICAgICAgICAgICAgICAgIHJlZj17dGhpcy5zZXREaWFsb2dSZWZ9XG4gICAgICAgICAgICAgICAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgICAgICAgICAgICAgICBhcmlhLW1vZGFsPVwidHJ1ZVwiXG4gICAgICAgICAgICAgICAgICAgIHRhYkluZGV4PXstMX1cbiAgICAgICAgICAgICAgICAgICAgb25LZXlEb3duPXt0aGlzLmhhbmRsZUtleURvd259XG4gICAgICAgICAgICAgICAgICAgIG9uQ2xpY2s9eyhlKSA9PiBlLnN0b3BQcm9wYWdhdGlvbigpfVxuICAgICAgICAgICAgICAgICAgICBlbGV2YXRlZFxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICAgICAgICAgIDwvRGlhbG9nQ29udGFpbmVyPlxuICAgICAgICAgICAgKSxcbiAgICAgICAgfSk7XG5cbiAgICAgICAgdGhpcy5jbG9zZURpYWxvZyA9IGNsb3NlRm47XG5cbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgICBzaG93OiB0cnVlLFxuICAgICAgICAgICAgTGF5ZXJDb21wb25lbnQ6IENvbXBvbmVudCxcbiAgICAgICAgfSk7XG4gICAgICAgIHRoaXMub25DbG9zZUZuID0gY2xvc2VDYWxsYmFjaztcbiAgICB9O1xuXG4gICAgcHVibGljIGNsb3NlID0gKHJlc3A/OiB1bmtub3duKSA9PiB7XG4gICAgICAgIHRoaXMuY2xvc2VEaWFsb2c/LihyZXNwKTtcbiAgICB9O1xuXG4gICAgcHJpdmF0ZSBjbG9zZUNhbGxiYWNrID0gKHJlc3A/OiB1bmtub3duKSA9PiB7XG4gICAgICAgIHRoaXMucmVzdG9yZUZvY3VzKCk7XG4gICAgICAgIHRoaXMuc2V0U3RhdGUoe1xuICAgICAgICAgICAgc2hvdzogZmFsc2UsXG4gICAgICAgICAgICBMYXllckNvbXBvbmVudDogdW5kZWZpbmVkLFxuICAgICAgICB9KTtcbiAgICAgICAgdGhpcy5vbkNsb3NlRm4/LihyZXNwKTtcbiAgICB9O1xuXG4gICAgcmVuZGVyKCkge1xuICAgICAgICBjb25zdCB7IExheWVyQ29tcG9uZW50IH0gPSB0aGlzLnN0YXRlO1xuXG4gICAgICAgIGlmICh0aGlzLnN0YXRlLnNob3cgJiYgTGF5ZXJDb21wb25lbnQpIHtcbiAgICAgICAgICAgIHJldHVybiA8TGF5ZXJDb21wb25lbnQgLz47XG4gICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICByZXR1cm4gbnVsbDtcbiAgICAgICAgfVxuICAgIH1cbn1cblxuZXhwb3J0IGRlZmF1bHQgRGlhbG9nO1xuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQU0rQiJ9 */");
+class Dialog extends React.Component {
+    shouldComponentUpdate(nextProps, nextState) {
+        return this.state.show !== nextState.show;
     }
-
-    .nf-layer-exit & {
-        opacity: 0;
-        transform: scale(0);
+    componentWillUnmount() {
+        // Clean up if component unmounts while dialog is open
+        if (this.state.show && this.closeDialog) {
+            this.closeDialog();
+        }
+        this.restoreFocus();
+        this.closeDialog = null;
+        this.onCloseFn = null;
     }
-`;
-export { Header as DialogHeader, Body as DialogBody, Footer as DialogFooter, } from '../../shared/styles';
-class Dialog extends React.Component {
-    constructor() {
-        super(...arguments);
-        this.state = {
+    render() {
+        const { LayerComponent } = this.state;
+        if (this.state.show && LayerComponent) {
+            return /*#__PURE__*/ jsx(LayerComponent, {});
+        } else {
+            return null;
+        }
+    }
+    constructor(...args){
+        super(...args), this.lastFocusedElement = null, this.dialogRef = /*#__PURE__*/ React.createRef(), this.state = {
             show: false,
-            LayerComponent: undefined,
-        };
-        this.open = (closeCallback) => {
-            const _a = this.props, { closeOnEsc, closeOnOverlayClick, children } = _a, rest = __rest(_a, ["closeOnEsc", "closeOnOverlayClick", "children"]);
+            LayerComponent: undefined
+        }, /**
+     * Retrieves all focusable elements within the dialog.
+     */ this.getFocusableElements = ()=>{
+            if (!this.dialogRef.current) return [];
+            return Array.from(this.dialogRef.current.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])'));
+        }, /**
+     * Handles keydown events to implement the focus trap.
+     * Traps Tab and Shift+Tab within the dialog.
+     */ this.handleKeyDown = (e)=>{
+            if (e.key === 'Tab') {
+                const focusableElements = this.getFocusableElements();
+                if (focusableElements.length === 0) return;
+                const firstElement = focusableElements[0];
+                const lastElement = focusableElements[focusableElements.length - 1];
+                if (e.shiftKey) {
+                    if (document.activeElement === firstElement) {
+                        lastElement.focus();
+                        e.preventDefault();
+                    }
+                } else {
+                    if (document.activeElement === lastElement) {
+                        firstElement.focus();
+                        e.preventDefault();
+                    }
+                }
+            }
+        }, /**
+     * Restores focus to the element that was focused before the dialog opened.
+     */ this.restoreFocus = ()=>{
+            if (this.lastFocusedElement) {
+                const elementToBeFocused = this.lastFocusedElement;
+                this.lastFocusedElement = null;
+                setTimeout(()=>{
+                    if (document.body.contains(elementToBeFocused)) {
+                        elementToBeFocused.focus();
+                    }
+                }, 100);
+            }
+        }, /**
+     * Callback ref to capture the Dialog DOM element.
+     * Triggers initial focus setting when the element mounts.
+     */ this.setDialogRef = (node)=>{
+            this.dialogRef.current = node;
+            if (node) {
+                this.setInitialFocus(node);
+            }
+        }, /**
+     * Sets initial focus within the dialog.
+     * Tries to focus the header first, then the first interactive element, or falls back to the container.
+     */ this.setInitialFocus = (root)=>{
+            const firstChild = root.firstElementChild;
+            if (firstChild) {
+                if (firstChild.getAttribute('tabindex') === null) {
+                    firstChild.setAttribute('tabindex', '-1');
+                }
+                firstChild.focus();
+                return;
+            }
+            const focusableElements = this.getFocusableElements();
+            if (focusableElements.length > 0) {
+                focusableElements[0].focus();
+            } else {
+                root.focus();
+            }
+        }, this.open = (closeCallback)=>{
+            const { closeOnEsc, closeOnOverlayClick, children, ...rest } = this.props;
+            // Save current focus
+            this.lastFocusedElement = document.activeElement;
             const [Component, closeFn] = LayerManager.renderLayer({
                 exitDelay: 300,
                 overlay: true,
@@ -49,50 +109,43 @@ class Dialog extends React.Component {
                 closeCallback: this.closeCallback,
                 closeOnOverlayClick,
                 position: LAYER_POSITION.DIALOG,
-                component: (_jsx(DialogContainer, Object.assign({}, rest, { onClick: (e) => e.stopPropagation(), elevated: true, children: children }))),
+                component: /*#__PURE__*/ jsx(DialogContainer, {
+                    ...rest,
+                    ref: this.setDialogRef,
+                    role: "dialog",
+                    "aria-modal": "true",
+                    tabIndex: -1,
+                    onKeyDown: this.handleKeyDown,
+                    onClick: (e)=>e.stopPropagation(),
+                    elevated: true,
+                    children: children
+                })
             });
             this.closeDialog = closeFn;
             this.setState({
                 show: true,
-                LayerComponent: Component,
+                LayerComponent: Component
             });
             this.onCloseFn = closeCallback;
-        };
-        this.close = (resp) => {
-            var _a;
-            (_a = this.closeDialog) === null || _a === void 0 ? void 0 : _a.call(this, resp);
-        };
-        this.closeCallback = (resp) => {
-            var _a;
+        }, this.close = (resp)=>{
+            this.closeDialog?.(resp);
+        }, this.closeCallback = (resp)=>{
+            this.restoreFocus();
             this.setState({
                 show: false,
-                LayerComponent: undefined,
+                LayerComponent: undefined
             });
-            (_a = this.onCloseFn) === null || _a === void 0 ? void 0 : _a.call(this, resp);
+            this.onCloseFn?.(resp);
         };
     }
-    shouldComponentUpdate(nextProps, nextState) {
-        return this.state.show !== nextState.show;
-    }
-    render() {
-        const { LayerComponent } = this.state;
-        if (this.state.show && LayerComponent) {
-            return _jsx(LayerComponent, {});
-        }
-        else {
-            return null;
-        }
-    }
 }
 Dialog.propTypes = {
-    /** Flag to close dialog on `esc` click. Default value is true. */
-    closeOnEsc: PropTypes.bool,
-    /** Close layer overlay is clicked. Default value is true. */
-    closeOnOverlayClick: PropTypes.bool,
+    /** Flag to close dialog on `esc` click. Default value is true. */ closeOnEsc: PropTypes.bool,
+    /** Close layer overlay is clicked. Default value is true. */ closeOnOverlayClick: PropTypes.bool
 };
 Dialog.defaultProps = {
     closeOnEsc: true,
-    closeOnOverlayClick: true,
+    closeOnOverlayClick: true
 };
-export default Dialog;
-//# sourceMappingURL=Dialog.js.map
+
+export { DialogContainer, Dialog as default };

package/lib-esm/components/Dialog/PromptDialog.d.ts

@@ -34,4 +34,3 @@ export default class PromptDialog extends React.Component<PromptOption, {
     render(): import("@emotion/react/jsx-runtime").JSX.Element;
 }
 export {};
-//# sourceMappingURL=PromptDialog.d.ts.map

package/lib-esm/components/Dialog/PromptDialog.js

@@ -1,72 +1,110 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 import React, { createRef } from 'react';
 import PropTypes from 'prop-types';
 import styled from '@emotion/styled';
-import { Button, ActionButton } from '../Button';
-import { Input } from '../Input';
-import Dialog, { DialogHeader, DialogBody, DialogFooter } from './Dialog';
-const BodyText = styled.p `
-    margin-top: 0;
-`;
+import Dialog from './Dialog.js';
+import { Header, Body, Footer } from '../../shared/styles.js';
+import StyledButton from '../Button/Button.js';
+import ActionButton from '../Button/ActionButton.js';
+import Input from '../Input/Input.js';
+
+const BodyText = /*#__PURE__*/ styled("p", {
+    target: "ecd5j070",
+    label: "BodyText"
+})("margin-top:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvUHJvbXB0RGlhbG9nLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvUHJvbXB0RGlhbG9nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgY3JlYXRlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJ1dHRvbiwgQWN0aW9uQnV0dG9uIH0gZnJvbSAnLi4vQnV0dG9uJztcbmltcG9ydCB7IElucHV0IH0gZnJvbSAnLi4vSW5wdXQnO1xuaW1wb3J0IERpYWxvZywgeyBEaWFsb2dIZWFkZXIsIERpYWxvZ0JvZHksIERpYWxvZ0Zvb3RlciB9IGZyb20gJy4vRGlhbG9nJztcblxudHlwZSBQcm9tcHRPcHRpb24gPSBQcm9wVHlwZXMuSW5mZXJQcm9wczx0eXBlb2YgUHJvbXB0RGlhbG9nLnByb3BUeXBlcz47XG5cbmNvbnN0IEJvZHlUZXh0ID0gc3R5bGVkLnBgXG4gICAgbWFyZ2luLXRvcDogMDtcbmA7XG5cbmNvbnN0IElucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXg6IDE7XG4gICAgbWFyZ2luLXRvcDogMTBweDtcblxuICAgICYgPiBsYWJlbCB7XG4gICAgICAgIGZsZXg6IDE7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICAgICYgPiBpbnB1dCB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAgOHB4O1xuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0KWBcbiAgICBmbGV4OiAxO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBQcm9tcHREaWFsb2cgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQ8UHJvbXB0T3B0aW9uLCB7IHZhbHVlOiBzdHJpbmcgfT4ge1xuICAgIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgICAgIC8qKiBTaG93biBhcyBoZWFkZXIgb2YgdGhlIGRpYWxvZyAqL1xuICAgICAgICBoZWFkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBSZW5kZXJlZCBhcyB0aGUgYm9keSBvZiB0aGUgZGlhbG9nICovXG4gICAgICAgIGJvZHk6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBEZWZhdWx0IHZhbHVlIGZvciB0aGUgaW5wdXQuICovXG4gICAgICAgIGRlZmF1bHRWYWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgLyoqIFN1Ym1pdCBidXR0b24gdGV4dC4gRGVmYXVsdCB2YWx1ZSBpcyAnU3VibWl0JyAqL1xuICAgICAgICBzdWJtaXRUZXh0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgICAgICAvKiogQ2FuY2VsIGJ1dHRvbiB0ZXh0LiBEZWZhdWx0IHZhbHVlIGlzICdDYW5jZWwnICovXG4gICAgICAgIGNhbmNlbFRleHQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBQcm9wcyBmb3IgdGhlIGlucHV0LiAqL1xuICAgICAgICBpbnB1dFByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgICAgICAvKiogQWRkaXRpb25hbCBwcm9wcyBmb3IgdGhlIGRpYWxvZy4gKi9cbiAgICAgICAgZGlhbG9nUHJvcHM6IFByb3BUeXBlcy5vYmplY3QsXG4gICAgfTtcblxuICAgIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgICAgIGNhbmNlbFRleHQ6ICdDYW5jZWwnLFxuICAgICAgICBzdWJtaXRUZXh0OiAnU3VibWl0JyxcbiAgICAgICAgZGVmYXVsdFZhbHVlOiAnJyxcbiAgICB9O1xuXG4gICAgY29uc3RydWN0b3IocHJvcHM6IFByb21wdE9wdGlvbikge1xuICAgICAgICBzdXBlcihwcm9wcyk7XG4gICAgICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICAgICAgICB2YWx1ZTogcHJvcHMuZGVmYXVsdFZhbHVlLFxuICAgICAgICB9O1xuICAgIH1cblxuICAgIHByaXZhdGUgZGlhbG9nID0gY3JlYXRlUmVmPERpYWxvZz4oKTtcblxuICAgIHByaXZhdGUgdmFsdWVDaGFuZ2UgPSAoZTogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgICB2YWx1ZTogZS50YXJnZXQudmFsdWUsXG4gICAgICAgIH0pO1xuICAgIH07XG5cbiAgICBwcml2YXRlIGNhbmNlbCA9ICgpID0+IHRoaXMuZGlhbG9nLmN1cnJlbnQuY2xvc2UoKTtcblxuICAgIHByaXZhdGUgc3VibWl0ID0gKGU6IFJlYWN0LkZvcm1FdmVudCkgPT4ge1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIHRoaXMuZGlhbG9nLmN1cnJlbnQuY2xvc2UodGhpcy5zdGF0ZS52YWx1ZSk7XG4gICAgfTtcblxuICAgIHB1YmxpYyBzaG93ID0gKCkgPT4ge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3Qgb25DbG9zZSA9ICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICAgICAgICAgIHJlc29sdmUodmFsdWUpO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHJlamVjdCgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgICAgICAgICAgICAgICAgdmFsdWU6IHRoaXMucHJvcHMuZGVmYXVsdFZhbHVlLFxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHRoaXMuZGlhbG9nLmN1cnJlbnQub3BlbihvbkNsb3NlKTtcbiAgICAgICAgfSk7XG4gICAgfTtcblxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3QgeyBoZWFkZXIsIGJvZHksIGlucHV0UHJvcHMsIHN1Ym1pdFRleHQsIGNhbmNlbFRleHQsIGRpYWxvZ1Byb3BzIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8RGlhbG9nXG4gICAgICAgICAgICAgICAgey4uLmRpYWxvZ1Byb3BzfVxuICAgICAgICAgICAgICAgIHJlZj17dGhpcy5kaWFsb2d9XG4gICAgICAgICAgICAgICAgY2xvc2VPbkVzYz17ZmFsc2V9XG4gICAgICAgICAgICAgICAgY2xvc2VPbk92ZXJsYXlDbGljaz17ZmFsc2V9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGZvcm0gb25TdWJtaXQ9e3RoaXMuc3VibWl0fT5cbiAgICAgICAgICAgICAgICAgICAge2hlYWRlciAmJiA8RGlhbG9nSGVhZGVyPntoZWFkZXJ9PC9EaWFsb2dIZWFkZXI+fVxuICAgICAgICAgICAgICAgICAgICA8RGlhbG9nQm9keT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxCb2R5VGV4dD57Ym9keX08L0JvZHlUZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dGhpcy5zdGF0ZS52YWx1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMudmFsdWVDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5pbnB1dFByb3BzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0lucHV0Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICA8L0RpYWxvZ0JvZHk+XG4gICAgICAgICAgICAgICAgICAgIDxEaWFsb2dGb290ZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJidXR0b25cIiBvbkNsaWNrPXt0aGlzLmNhbmNlbH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2NhbmNlbFRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxBY3Rpb25CdXR0b24+e3N1Ym1pdFRleHR9PC9BY3Rpb25CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvRGlhbG9nRm9vdGVyPlxuICAgICAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICAgIDwvRGlhbG9nPlxuICAgICAgICApO1xuICAgIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFTaUIifQ== */");
+const InputContainer = /*#__PURE__*/ styled("div", {
+    target: "ecd5j071",
+    label: "InputContainer"
+})("display:flex;flex:1;margin-top:10px;& > label{flex:1;width:100%;padding:0;& > input{width:100%;padding:0 8px;box-sizing:border-box;}}", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvUHJvbXB0RGlhbG9nLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvUHJvbXB0RGlhbG9nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgY3JlYXRlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJ1dHRvbiwgQWN0aW9uQnV0dG9uIH0gZnJvbSAnLi4vQnV0dG9uJztcbmltcG9ydCB7IElucHV0IH0gZnJvbSAnLi4vSW5wdXQnO1xuaW1wb3J0IERpYWxvZywgeyBEaWFsb2dIZWFkZXIsIERpYWxvZ0JvZHksIERpYWxvZ0Zvb3RlciB9IGZyb20gJy4vRGlhbG9nJztcblxudHlwZSBQcm9tcHRPcHRpb24gPSBQcm9wVHlwZXMuSW5mZXJQcm9wczx0eXBlb2YgUHJvbXB0RGlhbG9nLnByb3BUeXBlcz47XG5cbmNvbnN0IEJvZHlUZXh0ID0gc3R5bGVkLnBgXG4gICAgbWFyZ2luLXRvcDogMDtcbmA7XG5cbmNvbnN0IElucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXg6IDE7XG4gICAgbWFyZ2luLXRvcDogMTBweDtcblxuICAgICYgPiBsYWJlbCB7XG4gICAgICAgIGZsZXg6IDE7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICAgICYgPiBpbnB1dCB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAgOHB4O1xuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0KWBcbiAgICBmbGV4OiAxO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBQcm9tcHREaWFsb2cgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQ8UHJvbXB0T3B0aW9uLCB7IHZhbHVlOiBzdHJpbmcgfT4ge1xuICAgIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgICAgIC8qKiBTaG93biBhcyBoZWFkZXIgb2YgdGhlIGRpYWxvZyAqL1xuICAgICAgICBoZWFkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBSZW5kZXJlZCBhcyB0aGUgYm9keSBvZiB0aGUgZGlhbG9nICovXG4gICAgICAgIGJvZHk6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBEZWZhdWx0IHZhbHVlIGZvciB0aGUgaW5wdXQuICovXG4gICAgICAgIGRlZmF1bHRWYWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgLyoqIFN1Ym1pdCBidXR0b24gdGV4dC4gRGVmYXVsdCB2YWx1ZSBpcyAnU3VibWl0JyAqL1xuICAgICAgICBzdWJtaXRUZXh0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgICAgICAvKiogQ2FuY2VsIGJ1dHRvbiB0ZXh0LiBEZWZhdWx0IHZhbHVlIGlzICdDYW5jZWwnICovXG4gICAgICAgIGNhbmNlbFRleHQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBQcm9wcyBmb3IgdGhlIGlucHV0LiAqL1xuICAgICAgICBpbnB1dFByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgICAgICAvKiogQWRkaXRpb25hbCBwcm9wcyBmb3IgdGhlIGRpYWxvZy4gKi9cbiAgICAgICAgZGlhbG9nUHJvcHM6IFByb3BUeXBlcy5vYmplY3QsXG4gICAgfTtcblxuICAgIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgICAgIGNhbmNlbFRleHQ6ICdDYW5jZWwnLFxuICAgICAgICBzdWJtaXRUZXh0OiAnU3VibWl0JyxcbiAgICAgICAgZGVmYXVsdFZhbHVlOiAnJyxcbiAgICB9O1xuXG4gICAgY29uc3RydWN0b3IocHJvcHM6IFByb21wdE9wdGlvbikge1xuICAgICAgICBzdXBlcihwcm9wcyk7XG4gICAgICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICAgICAgICB2YWx1ZTogcHJvcHMuZGVmYXVsdFZhbHVlLFxuICAgICAgICB9O1xuICAgIH1cblxuICAgIHByaXZhdGUgZGlhbG9nID0gY3JlYXRlUmVmPERpYWxvZz4oKTtcblxuICAgIHByaXZhdGUgdmFsdWVDaGFuZ2UgPSAoZTogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgICB2YWx1ZTogZS50YXJnZXQudmFsdWUsXG4gICAgICAgIH0pO1xuICAgIH07XG5cbiAgICBwcml2YXRlIGNhbmNlbCA9ICgpID0+IHRoaXMuZGlhbG9nLmN1cnJlbnQuY2xvc2UoKTtcblxuICAgIHByaXZhdGUgc3VibWl0ID0gKGU6IFJlYWN0LkZvcm1FdmVudCkgPT4ge1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIHRoaXMuZGlhbG9nLmN1cnJlbnQuY2xvc2UodGhpcy5zdGF0ZS52YWx1ZSk7XG4gICAgfTtcblxuICAgIHB1YmxpYyBzaG93ID0gKCkgPT4ge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3Qgb25DbG9zZSA9ICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICAgICAgICAgIHJlc29sdmUodmFsdWUpO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHJlamVjdCgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgICAgICAgICAgICAgICAgdmFsdWU6IHRoaXMucHJvcHMuZGVmYXVsdFZhbHVlLFxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHRoaXMuZGlhbG9nLmN1cnJlbnQub3BlbihvbkNsb3NlKTtcbiAgICAgICAgfSk7XG4gICAgfTtcblxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3QgeyBoZWFkZXIsIGJvZHksIGlucHV0UHJvcHMsIHN1Ym1pdFRleHQsIGNhbmNlbFRleHQsIGRpYWxvZ1Byb3BzIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8RGlhbG9nXG4gICAgICAgICAgICAgICAgey4uLmRpYWxvZ1Byb3BzfVxuICAgICAgICAgICAgICAgIHJlZj17dGhpcy5kaWFsb2d9XG4gICAgICAgICAgICAgICAgY2xvc2VPbkVzYz17ZmFsc2V9XG4gICAgICAgICAgICAgICAgY2xvc2VPbk92ZXJsYXlDbGljaz17ZmFsc2V9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGZvcm0gb25TdWJtaXQ9e3RoaXMuc3VibWl0fT5cbiAgICAgICAgICAgICAgICAgICAge2hlYWRlciAmJiA8RGlhbG9nSGVhZGVyPntoZWFkZXJ9PC9EaWFsb2dIZWFkZXI+fVxuICAgICAgICAgICAgICAgICAgICA8RGlhbG9nQm9keT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxCb2R5VGV4dD57Ym9keX08L0JvZHlUZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dGhpcy5zdGF0ZS52YWx1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMudmFsdWVDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5pbnB1dFByb3BzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0lucHV0Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICA8L0RpYWxvZ0JvZHk+XG4gICAgICAgICAgICAgICAgICAgIDxEaWFsb2dGb290ZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJidXR0b25cIiBvbkNsaWNrPXt0aGlzLmNhbmNlbH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2NhbmNlbFRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxBY3Rpb25CdXR0b24+e3N1Ym1pdFRleHR9PC9BY3Rpb25CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvRGlhbG9nRm9vdGVyPlxuICAgICAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICAgIDwvRGlhbG9nPlxuICAgICAgICApO1xuICAgIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFhdUIifQ== */");
+const StyledInput = /*#__PURE__*/ styled(Input, {
+    target: "ecd5j072",
+    label: "StyledInput"
+})("flex:1;padding:0;", "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvUHJvbXB0RGlhbG9nLnRzeCIsInNvdXJjZXMiOlsiL2hvbWUvcnVubmVyL3dvcmsvbm8tZnJpbGxzLXVpL25vLWZyaWxscy11aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvUHJvbXB0RGlhbG9nLnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgY3JlYXRlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IFByb3BUeXBlcyBmcm9tICdwcm9wLXR5cGVzJztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IEJ1dHRvbiwgQWN0aW9uQnV0dG9uIH0gZnJvbSAnLi4vQnV0dG9uJztcbmltcG9ydCB7IElucHV0IH0gZnJvbSAnLi4vSW5wdXQnO1xuaW1wb3J0IERpYWxvZywgeyBEaWFsb2dIZWFkZXIsIERpYWxvZ0JvZHksIERpYWxvZ0Zvb3RlciB9IGZyb20gJy4vRGlhbG9nJztcblxudHlwZSBQcm9tcHRPcHRpb24gPSBQcm9wVHlwZXMuSW5mZXJQcm9wczx0eXBlb2YgUHJvbXB0RGlhbG9nLnByb3BUeXBlcz47XG5cbmNvbnN0IEJvZHlUZXh0ID0gc3R5bGVkLnBgXG4gICAgbWFyZ2luLXRvcDogMDtcbmA7XG5cbmNvbnN0IElucHV0Q29udGFpbmVyID0gc3R5bGVkLmRpdmBcbiAgICBkaXNwbGF5OiBmbGV4O1xuICAgIGZsZXg6IDE7XG4gICAgbWFyZ2luLXRvcDogMTBweDtcblxuICAgICYgPiBsYWJlbCB7XG4gICAgICAgIGZsZXg6IDE7XG4gICAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgICBwYWRkaW5nOiAwO1xuXG4gICAgICAgICYgPiBpbnB1dCB7XG4gICAgICAgICAgICB3aWR0aDogMTAwJTtcbiAgICAgICAgICAgIHBhZGRpbmc6IDAgOHB4O1xuICAgICAgICAgICAgYm94LXNpemluZzogYm9yZGVyLWJveDtcbiAgICAgICAgfVxuICAgIH1cbmA7XG5cbmNvbnN0IFN0eWxlZElucHV0ID0gc3R5bGVkKElucHV0KWBcbiAgICBmbGV4OiAxO1xuICAgIHBhZGRpbmc6IDA7XG5gO1xuXG5leHBvcnQgZGVmYXVsdCBjbGFzcyBQcm9tcHREaWFsb2cgZXh0ZW5kcyBSZWFjdC5Db21wb25lbnQ8UHJvbXB0T3B0aW9uLCB7IHZhbHVlOiBzdHJpbmcgfT4ge1xuICAgIHN0YXRpYyBwcm9wVHlwZXMgPSB7XG4gICAgICAgIC8qKiBTaG93biBhcyBoZWFkZXIgb2YgdGhlIGRpYWxvZyAqL1xuICAgICAgICBoZWFkZXI6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBSZW5kZXJlZCBhcyB0aGUgYm9keSBvZiB0aGUgZGlhbG9nICovXG4gICAgICAgIGJvZHk6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBEZWZhdWx0IHZhbHVlIGZvciB0aGUgaW5wdXQuICovXG4gICAgICAgIGRlZmF1bHRWYWx1ZTogUHJvcFR5cGVzLnN0cmluZyxcbiAgICAgICAgLyoqIFN1Ym1pdCBidXR0b24gdGV4dC4gRGVmYXVsdCB2YWx1ZSBpcyAnU3VibWl0JyAqL1xuICAgICAgICBzdWJtaXRUZXh0OiBQcm9wVHlwZXMuc3RyaW5nLFxuICAgICAgICAvKiogQ2FuY2VsIGJ1dHRvbiB0ZXh0LiBEZWZhdWx0IHZhbHVlIGlzICdDYW5jZWwnICovXG4gICAgICAgIGNhbmNlbFRleHQ6IFByb3BUeXBlcy5zdHJpbmcsXG4gICAgICAgIC8qKiBQcm9wcyBmb3IgdGhlIGlucHV0LiAqL1xuICAgICAgICBpbnB1dFByb3BzOiBQcm9wVHlwZXMub2JqZWN0LFxuICAgICAgICAvKiogQWRkaXRpb25hbCBwcm9wcyBmb3IgdGhlIGRpYWxvZy4gKi9cbiAgICAgICAgZGlhbG9nUHJvcHM6IFByb3BUeXBlcy5vYmplY3QsXG4gICAgfTtcblxuICAgIHN0YXRpYyBkZWZhdWx0UHJvcHMgPSB7XG4gICAgICAgIGNhbmNlbFRleHQ6ICdDYW5jZWwnLFxuICAgICAgICBzdWJtaXRUZXh0OiAnU3VibWl0JyxcbiAgICAgICAgZGVmYXVsdFZhbHVlOiAnJyxcbiAgICB9O1xuXG4gICAgY29uc3RydWN0b3IocHJvcHM6IFByb21wdE9wdGlvbikge1xuICAgICAgICBzdXBlcihwcm9wcyk7XG4gICAgICAgIHRoaXMuc3RhdGUgPSB7XG4gICAgICAgICAgICB2YWx1ZTogcHJvcHMuZGVmYXVsdFZhbHVlLFxuICAgICAgICB9O1xuICAgIH1cblxuICAgIHByaXZhdGUgZGlhbG9nID0gY3JlYXRlUmVmPERpYWxvZz4oKTtcblxuICAgIHByaXZhdGUgdmFsdWVDaGFuZ2UgPSAoZTogUmVhY3QuQ2hhbmdlRXZlbnQ8SFRNTElucHV0RWxlbWVudD4pID0+IHtcbiAgICAgICAgdGhpcy5zZXRTdGF0ZSh7XG4gICAgICAgICAgICB2YWx1ZTogZS50YXJnZXQudmFsdWUsXG4gICAgICAgIH0pO1xuICAgIH07XG5cbiAgICBwcml2YXRlIGNhbmNlbCA9ICgpID0+IHRoaXMuZGlhbG9nLmN1cnJlbnQuY2xvc2UoKTtcblxuICAgIHByaXZhdGUgc3VibWl0ID0gKGU6IFJlYWN0LkZvcm1FdmVudCkgPT4ge1xuICAgICAgICBlLnByZXZlbnREZWZhdWx0KCk7XG4gICAgICAgIHRoaXMuZGlhbG9nLmN1cnJlbnQuY2xvc2UodGhpcy5zdGF0ZS52YWx1ZSk7XG4gICAgfTtcblxuICAgIHB1YmxpYyBzaG93ID0gKCkgPT4ge1xuICAgICAgICByZXR1cm4gbmV3IFByb21pc2UoKHJlc29sdmUsIHJlamVjdCkgPT4ge1xuICAgICAgICAgICAgY29uc3Qgb25DbG9zZSA9ICh2YWx1ZTogc3RyaW5nKSA9PiB7XG4gICAgICAgICAgICAgICAgaWYgKHZhbHVlKSB7XG4gICAgICAgICAgICAgICAgICAgIHJlc29sdmUodmFsdWUpO1xuICAgICAgICAgICAgICAgIH0gZWxzZSB7XG4gICAgICAgICAgICAgICAgICAgIHJlamVjdCgpO1xuICAgICAgICAgICAgICAgIH1cbiAgICAgICAgICAgICAgICB0aGlzLnNldFN0YXRlKHtcbiAgICAgICAgICAgICAgICAgICAgdmFsdWU6IHRoaXMucHJvcHMuZGVmYXVsdFZhbHVlLFxuICAgICAgICAgICAgICAgIH0pO1xuICAgICAgICAgICAgfTtcbiAgICAgICAgICAgIHRoaXMuZGlhbG9nLmN1cnJlbnQub3BlbihvbkNsb3NlKTtcbiAgICAgICAgfSk7XG4gICAgfTtcblxuICAgIHJlbmRlcigpIHtcbiAgICAgICAgY29uc3QgeyBoZWFkZXIsIGJvZHksIGlucHV0UHJvcHMsIHN1Ym1pdFRleHQsIGNhbmNlbFRleHQsIGRpYWxvZ1Byb3BzIH0gPSB0aGlzLnByb3BzO1xuXG4gICAgICAgIHJldHVybiAoXG4gICAgICAgICAgICA8RGlhbG9nXG4gICAgICAgICAgICAgICAgey4uLmRpYWxvZ1Byb3BzfVxuICAgICAgICAgICAgICAgIHJlZj17dGhpcy5kaWFsb2d9XG4gICAgICAgICAgICAgICAgY2xvc2VPbkVzYz17ZmFsc2V9XG4gICAgICAgICAgICAgICAgY2xvc2VPbk92ZXJsYXlDbGljaz17ZmFsc2V9XG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPGZvcm0gb25TdWJtaXQ9e3RoaXMuc3VibWl0fT5cbiAgICAgICAgICAgICAgICAgICAge2hlYWRlciAmJiA8RGlhbG9nSGVhZGVyPntoZWFkZXJ9PC9EaWFsb2dIZWFkZXI+fVxuICAgICAgICAgICAgICAgICAgICA8RGlhbG9nQm9keT5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxCb2R5VGV4dD57Ym9keX08L0JvZHlUZXh0PlxuICAgICAgICAgICAgICAgICAgICAgICAgPElucHV0Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxTdHlsZWRJbnB1dFxuICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICB2YWx1ZT17dGhpcy5zdGF0ZS52YWx1ZX1cbiAgICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgb25DaGFuZ2U9e3RoaXMudmFsdWVDaGFuZ2V9XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAgICAgIHsuLi5pbnB1dFByb3BzfVxuICAgICAgICAgICAgICAgICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0lucHV0Q29udGFpbmVyPlxuICAgICAgICAgICAgICAgICAgICA8L0RpYWxvZ0JvZHk+XG4gICAgICAgICAgICAgICAgICAgIDxEaWFsb2dGb290ZXI+XG4gICAgICAgICAgICAgICAgICAgICAgICA8QnV0dG9uIHR5cGU9XCJidXR0b25cIiBvbkNsaWNrPXt0aGlzLmNhbmNlbH0+XG4gICAgICAgICAgICAgICAgICAgICAgICAgICAge2NhbmNlbFRleHR9XG4gICAgICAgICAgICAgICAgICAgICAgICA8L0J1dHRvbj5cbiAgICAgICAgICAgICAgICAgICAgICAgIDxBY3Rpb25CdXR0b24+e3N1Ym1pdFRleHR9PC9BY3Rpb25CdXR0b24+XG4gICAgICAgICAgICAgICAgICAgIDwvRGlhbG9nRm9vdGVyPlxuICAgICAgICAgICAgICAgIDwvZm9ybT5cbiAgICAgICAgICAgIDwvRGlhbG9nPlxuICAgICAgICApO1xuICAgIH1cbn1cbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUErQm9CIn0= */");
 class PromptDialog extends React.Component {
-    constructor(props) {
-        super(props);
-        this.dialog = createRef();
-        this.valueChange = (e) => {
+    render() {
+        const { header, body, inputProps, submitText, cancelText, dialogProps } = this.props;
+        return /*#__PURE__*/ jsx(Dialog, {
+            ...dialogProps,
+            ref: this.dialog,
+            closeOnEsc: false,
+            closeOnOverlayClick: false,
+            children: /*#__PURE__*/ jsxs("form", {
+                onSubmit: this.submit,
+                children: [
+                    header && /*#__PURE__*/ jsx(Header, {
+                        children: header
+                    }),
+                    /*#__PURE__*/ jsxs(Body, {
+                        children: [
+                            /*#__PURE__*/ jsx(BodyText, {
+                                children: body
+                            }),
+                            /*#__PURE__*/ jsx(InputContainer, {
+                                children: /*#__PURE__*/ jsx(StyledInput, {
+                                    value: this.state.value,
+                                    onChange: this.valueChange,
+                                    ...inputProps
+                                })
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ jsxs(Footer, {
+                        children: [
+                            /*#__PURE__*/ jsx(StyledButton, {
+                                type: "button",
+                                onClick: this.cancel,
+                                children: cancelText
+                            }),
+                            /*#__PURE__*/ jsx(ActionButton, {
+                                children: submitText
+                            })
+                        ]
+                    })
+                ]
+            })
+        });
+    }
+    constructor(props){
+        super(props), this.dialog = /*#__PURE__*/ createRef(), this.valueChange = (e)=>{
             this.setState({
-                value: e.target.value,
+                value: e.target.value
             });
-        };
-        this.cancel = () => this.dialog.current.close();
-        this.submit = (e) => {
+        }, this.cancel = ()=>this.dialog.current.close(), this.submit = (e)=>{
             e.preventDefault();
             this.dialog.current.close(this.state.value);
-        };
-        this.show = () => {
-            return new Promise((resolve, reject) => {
-                const onClose = (value) => {
+        }, this.show = ()=>{
+            return new Promise((resolve, reject)=>{
+                const onClose = (value)=>{
                     if (value) {
                         resolve(value);
-                    }
-                    else {
+                    } else {
                         reject();
                     }
                     this.setState({
-                        value: this.props.defaultValue,
+                        value: this.props.defaultValue
                     });
                 };
                 this.dialog.current.open(onClose);
             });
         };
         this.state = {
-            value: props.defaultValue,
+            value: props.defaultValue
         };
     }
-    render() {
-        const { header, body, inputProps, submitText, cancelText, dialogProps } = this.props;
-        return (_jsx(Dialog, Object.assign({}, dialogProps, { ref: this.dialog, closeOnEsc: false, closeOnOverlayClick: false, children: _jsxs("form", { onSubmit: this.submit, children: [header && _jsx(DialogHeader, { children: header }), _jsxs(DialogBody, { children: [_jsx(BodyText, { children: body }), _jsx("div", { style: { display: 'flex' }, children: _jsx(Input, Object.assign({ style: { width: 'auto', flex: '1' }, value: this.state.value, onChange: this.valueChange }, inputProps)) })] }), _jsxs(DialogFooter, { children: [_jsx(Button, { type: "button", onClick: this.cancel, children: cancelText }), _jsx(ActionButton, { children: submitText })] })] }) })));
-    }
 }
 PromptDialog.propTypes = {
-    /** Shown as header of the dialog */
-    header: PropTypes.string,
-    /** Rendered as the body of the dialog */
-    body: PropTypes.string,
-    /** Default value for the input. */
-    defaultValue: PropTypes.string,
-    /** Submit button text. Default value is 'Submit' */
-    submitText: PropTypes.string,
-    /** Cancel button text. Default value is 'Cancel' */
-    cancelText: PropTypes.string,
-    /** Props for the input. */
-    inputProps: PropTypes.object,
-    /** Additional props for the dialog. */
-    dialogProps: PropTypes.object,
+    /** Shown as header of the dialog */ header: PropTypes.string,
+    /** Rendered as the body of the dialog */ body: PropTypes.string,
+    /** Default value for the input. */ defaultValue: PropTypes.string,
+    /** Submit button text. Default value is 'Submit' */ submitText: PropTypes.string,
+    /** Cancel button text. Default value is 'Cancel' */ cancelText: PropTypes.string,
+    /** Props for the input. */ inputProps: PropTypes.object,
+    /** Additional props for the dialog. */ dialogProps: PropTypes.object
 };
 PromptDialog.defaultProps = {
     cancelText: 'Cancel',
     submitText: 'Submit',
-    defaultValue: '',
+    defaultValue: ''
 };
-export default PromptDialog;
-//# sourceMappingURL=PromptDialog.js.map
+
+export { PromptDialog as default };

package/lib-esm/components/Dialog/index.d.ts

@@ -2,4 +2,3 @@ export { default as Dialog, DialogBody, DialogFooter, DialogHeader } from './Dia
 export { default as AlertDialog } from './AlertDialog';
 export { default as ConfirmDialog } from './ConfirmDialog';
 export { default as PromptDialog } from './PromptDialog';
-//# sourceMappingURL=index.d.ts.map

package/lib-esm/components/DragAndDrop/DragAndDrop.d.ts

@@ -67,4 +67,3 @@ declare namespace DragAndDrop {
     };
 }
 export default DragAndDrop;
-//# sourceMappingURL=DragAndDrop.d.ts.map