@peculiar/react-components 0.0.2-alpha.89 → 0.1.0

package/dist/cjs/Dialog/dialog.js

@@ -0,0 +1,104 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Dialog = void 0;
+var react_1 = __importDefault(require("react"));
+var Modal_1 = require("../Modal");
+var Box_1 = require("../Box");
+var Fade_1 = require("../Fade");
+var CircularProgress_1 = require("../CircularProgress");
+var styles_1 = require("../styles");
+var stylesBase = function (loading) { return (0, styles_1.css)(__assign({ label: 'Dialog', width: '100%', display: 'flex', maxHeight: 'calc(100% - 60px)', flexDirection: 'column', margin: 'var(--pv-size-base-6)', position: 'relative', outline: 'none', boxShadow: 'var(--pv-shadow-dark-hight)', overflow: 'hidden', border: 0, padding: 0 }, (loading && {
+    '[data-key="dialog.content"]': {
+        opacity: 0.5,
+    },
+    '[data-key="dialog.actions"]': {
+        opacity: 0.5,
+    },
+}))); };
+var stylesSizeSmall = function () { return (0, styles_1.css)({
+    label: 'small',
+    maxWidth: '310px',
+}); };
+var stylesSizeMedium = function () { return (0, styles_1.css)({
+    label: 'medium',
+    maxWidth: '640px',
+}); };
+var stylesSizeLarge = function () { return (0, styles_1.css)({
+    label: 'large',
+    maxWidth: '1024px',
+}); };
+var stylesFullScreen = function () { return (0, styles_1.css)({
+    label: 'fullScreen',
+    height: '100%',
+    margin: 0,
+    maxWidth: '100%',
+    maxHeight: 'none',
+}); };
+var stylesModal = function () { return (0, styles_1.css)({
+    label: 'Dialog-modal',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+}); };
+var stylesLoading = function () { return (0, styles_1.css)({
+    label: 'Dialog-loading',
+    position: 'absolute',
+    inset: '0px',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'center',
+}); };
+exports.Dialog = react_1.default.forwardRef(function (props, ref) {
+    var _a;
+    var open = props.open, children = props.children, className = props.className, fullScreen = props.fullScreen, transitionDuration = props.transitionDuration, disableBackdropClick = props.disableBackdropClick, disableEscapeKeyDown = props.disableEscapeKeyDown, size = props.size, loading = props.loading, loadingColor = props.loadingColor, onClose = props.onClose, dataTestId = props["data-testid"], other = __rest(props, ["open", "children", "className", "fullScreen", "transitionDuration", "disableBackdropClick", "disableEscapeKeyDown", "size", "loading", "loadingColor", "onClose", 'data-testid']);
+    return (react_1.default.createElement(Modal_1.Modal, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, className: (0, styles_1.cx)(stylesModal()), disableBackdropClick: loading || disableBackdropClick, disableEscapeKeyDown: loading || disableEscapeKeyDown, backdropProps: {
+            invisible: fullScreen,
+        } },
+        react_1.default.createElement(Fade_1.Fade, { in: open, timeout: transitionDuration },
+            react_1.default.createElement(Box_1.Box, __assign({}, other, { role: "dialog", background: "white", borderRadius: fullScreen ? 0 : 4, className: (0, styles_1.cx)((_a = {},
+                    _a[stylesBase(loading)] = true,
+                    _a[stylesSizeSmall()] = size === 'small',
+                    _a[stylesSizeMedium()] = size === 'medium',
+                    _a[stylesSizeLarge()] = size === 'large',
+                    _a[stylesFullScreen()] = fullScreen,
+                    _a[className] = !!className,
+                    _a)), tabIndex: -1, component: "fieldset", disabled: loading }),
+                children,
+                loading && (react_1.default.createElement(Box_1.Box, { className: (0, styles_1.cx)(stylesLoading()) },
+                    react_1.default.createElement(CircularProgress_1.CircularProgress, { color: loadingColor })))))));
+});
+exports.Dialog.displayName = 'Dialog';
+exports.Dialog.defaultProps = {
+    transitionDuration: 225,
+    fullScreen: false,
+    disableBackdropClick: false,
+    disableEscapeKeyDown: false,
+    size: 'medium',
+    loadingColor: 'secondary',
+};
+//# sourceMappingURL=dialog.js.map

package/dist/cjs/Dialog/dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.js","sourceRoot":"","sources":["../../../src/Dialog/dialog.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/Dialog/dialog_actions.js

@@ -0,0 +1,52 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogActions = void 0;
+var react_1 = __importDefault(require("react"));
+var styles_1 = require("../styles");
+var stylesBase = function () { return (0, styles_1.css)({
+    label: 'DialogActions',
+    padding: 'var(--pv-size-base-3) var(--pv-size-base-4) var(--pv-size-base-4)',
+    flex: '0 0 auto',
+    display: 'flex',
+    alignItems: 'center',
+    justifyContent: 'flex-end',
+    '& > :not(:first-of-type)': {
+        marginLeft: 'var(--pv-size-base-2)',
+    },
+}); };
+exports.DialogActions = react_1.default.forwardRef(function (props, ref) {
+    var _a;
+    var children = props.children, className = props.className, other = __rest(props, ["children", "className"]);
+    return (react_1.default.createElement("footer", __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)), "data-key": "dialog.actions" }), children));
+});
+exports.DialogActions.displayName = 'DialogActions';
+exports.DialogActions.defaultProps = {};
+//# sourceMappingURL=dialog_actions.js.map

package/dist/cjs/Dialog/dialog_actions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog_actions.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_actions.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,oCAAoC;AAepC,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,KAAK,EAAE,eAAe;IACtB,OAAO,EAAE,mEAAmE;IAC5E,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,MAAM;IACf,UAAU,EAAE,QAAQ;IACpB,cAAc,EAAE,UAAU;IAC1B,0BAA0B,EAAE;QAC1B,UAAU,EAAE,uBAAuB;KACpC;CACF,CAAC,EAVuB,CAUvB,CAAC;AAEU,QAAA,aAAa,GAAG,eAAK,CAAC,UAAU,CAAqC,UAAC,KAAK,EAAE,GAAG;;IAEzF,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAJH,yBAIL,CADS,CACA;IAEV,OAAO,CACL,qDACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,WAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,cACO,gBAAgB,KAExB,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,qBAAa,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/cjs/Dialog/dialog_content.js

@@ -0,0 +1,76 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogContent = void 0;
+var react_1 = __importDefault(require("react"));
+var Box_1 = require("../Box");
+var Collapse_1 = require("../Collapse");
+var Alert_1 = require("../Alert");
+var styles_1 = require("../styles");
+var stylesBase = function () { return (0, styles_1.css)({
+    label: 'DialogContent',
+    flex: '1 1 auto',
+    overflow: 'hidden',
+    display: 'flex',
+    flexDirection: 'column',
+}); };
+var stylesPinned = function () { return (0, styles_1.css)({
+    label: 'DialogPinnedContent',
+    padding: '0 var(--pv-size-base-4)',
+    flex: '0 0 auto',
+}); };
+var stylesScrolled = function () { return (0, styles_1.css)({
+    label: 'DialogScrolledContent',
+    overflowY: 'auto',
+    flex: '1 1 auto',
+    padding: 'var(--pv-size-base-3) var(--pv-size-base-4) var(--pv-size-base-6) var(--pv-size-base-4)',
+}); };
+var stylesError = function () { return (0, styles_1.css)({
+    label: 'DialogContent-error',
+    margin: 'var(--pv-size-base-2) 0',
+    padding: 'var(--pv-size-base-2) var(--pv-size-base-3)',
+}); };
+var stylesCollapse = function () { return (0, styles_1.css)({
+    margin: '0 calc(var(--pv-size-base-3) * -1)',
+}); };
+exports.DialogContent = react_1.default.forwardRef(function (props, ref) {
+    var _a;
+    var children = props.children, className = props.className, dividers = props.dividers, error = props.error, other = __rest(props, ["children", "className", "dividers", "error"]);
+    return (react_1.default.createElement(Box_1.Box, __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)), borderColor: "gray-5", borderWidth: dividers ? 1 : 0, borderStyle: "solid", borderPosition: "horizontal", "data-key": "dialog.content" }),
+        react_1.default.createElement("div", { className: (0, styles_1.cx)(stylesPinned()) },
+            react_1.default.createElement(Collapse_1.Collapse, { in: Boolean(error), className: (0, styles_1.cx)(stylesCollapse()) },
+                react_1.default.createElement(Alert_1.Alert, { variant: "wrong", disableIcon: true, className: (0, styles_1.cx)(stylesError()) }, error))),
+        react_1.default.createElement("div", { className: (0, styles_1.cx)(stylesScrolled()) }, children)));
+});
+exports.DialogContent.displayName = 'DialogContent';
+exports.DialogContent.defaultProps = {
+    dividers: true,
+};
+//# sourceMappingURL=dialog_content.js.map

package/dist/cjs/Dialog/dialog_content.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog_content.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_content.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,8BAA6B;AAC7B,wCAAuC;AACvC,kCAAiC;AACjC,oCAAoC;AAuBpC,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,KAAK,EAAE,eAAe;IACtB,IAAI,EAAE,UAAU;IAChB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ;CACxB,CAAC,EANuB,CAMvB,CAAC;AAEH,IAAM,YAAY,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC7B,KAAK,EAAE,qBAAqB;IAC5B,OAAO,EAAE,yBAAyB;IAClC,IAAI,EAAE,UAAU;CACjB,CAAC,EAJyB,CAIzB,CAAC;AAEH,IAAM,cAAc,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC/B,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,MAAM;IACjB,IAAI,EAAE,UAAU;IAChB,OAAO,EAAE,yFAAyF;CACnG,CAAC,EAL2B,CAK3B,CAAC;AAEH,IAAM,WAAW,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC5B,KAAK,EAAE,qBAAqB;IAC5B,MAAM,EAAE,yBAAyB;IACjC,OAAO,EAAE,6CAA6C;CACvD,CAAC,EAJwB,CAIxB,CAAC;AAEH,IAAM,cAAc,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC/B,MAAM,EAAE,oCAAoC;CAC7C,CAAC,EAF2B,CAE3B,CAAC;AAEU,QAAA,aAAa,GAAG,eAAK,CAAC,UAAU,CAAqC,UAAC,KAAK,EAAE,GAAG;;IAEzF,IAAA,QAAQ,GAKN,KAAK,SALC,EACR,SAAS,GAIP,KAAK,UAJE,EACT,QAAQ,GAGN,KAAK,SAHC,EACR,KAAK,GAEH,KAAK,MAFF,EACF,KAAK,UACN,KAAK,EANH,8CAML,CADS,CACA;IAEV,OAAO,CACL,8BAAC,SAAG,eACE,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,WAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,EACF,WAAW,EAAC,QAAQ,EACpB,WAAW,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC7B,WAAW,EAAC,OAAO,EACnB,cAAc,EAAC,YAAY,cAClB,gBAAgB;QAEzB,uCAAK,SAAS,EAAE,IAAA,WAAE,EAAC,YAAY,EAAE,CAAC;YAChC,8BAAC,mBAAQ,IACP,EAAE,EAAE,OAAO,CAAC,KAAK,CAAC,EAClB,SAAS,EAAE,IAAA,WAAE,EAAC,cAAc,EAAE,CAAC;gBAE/B,8BAAC,aAAK,IACJ,OAAO,EAAC,OAAO,EACf,WAAW,QACX,SAAS,EAAE,IAAA,WAAE,EAAC,WAAW,EAAE,CAAC,IAE3B,KAAK,CACA,CACC,CACP;QACN,uCAAK,SAAS,EAAE,IAAA,WAAE,EAAC,cAAc,EAAE,CAAC,IACjC,QAAQ,CACL,CACF,CACP,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,qBAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,qBAAa,CAAC,YAAY,GAAG;IAC3B,QAAQ,EAAE,IAAI;CACf,CAAC"}

package/dist/cjs/Dialog/dialog_title.js

@@ -0,0 +1,58 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogTitle = void 0;
+var react_1 = __importDefault(require("react"));
+var Typography_1 = require("../Typography");
+var styles_1 = require("../styles");
+var IconButton_1 = require("../IconButton");
+var icons_1 = require("../icons");
+var stylesBase = function () { return (0, styles_1.css)({
+    label: 'DialogTitle',
+    padding: 'var(--pv-size-base-4) var(--pv-size-base-4) var(--pv-size-base-2)',
+    display: 'flex',
+    flex: '0 0 auto',
+    justifyContent: 'space-between',
+}); };
+var stylesCloseButton = function () { return (0, styles_1.css)({
+    label: 'DialogTitle-close',
+    margin: '0 calc(var(--pv-size-base) * -1) 0 var(--pv-size-base-2)',
+}); };
+exports.DialogTitle = react_1.default.forwardRef(function (props, ref) {
+    var _a;
+    var children = props.children, className = props.className, onClose = props.onClose, other = __rest(props, ["children", "className", "onClose"]);
+    return (react_1.default.createElement("header", __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
+            _a[stylesBase()] = true,
+            _a[className] = !!className,
+            _a)), "data-key": "dialog.title" }),
+        react_1.default.createElement(Typography_1.Typography, { variant: "h4", color: "black" }, children),
+        onClose && (react_1.default.createElement(IconButton_1.IconButton, { size: "small", onClick: onClose, className: (0, styles_1.cx)(stylesCloseButton()) },
+            react_1.default.createElement(icons_1.CloseIcon, null)))));
+});
+exports.DialogTitle.displayName = 'DialogTitle';
+exports.DialogTitle.defaultProps = {};
+//# sourceMappingURL=dialog_title.js.map

package/dist/cjs/Dialog/dialog_title.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog_title.js","sourceRoot":"","sources":["../../../src/Dialog/dialog_title.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,4CAA2C;AAC3C,oCAAoC;AACpC,4CAA2C;AAC3C,kCAAqC;AAmBrC,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,KAAK,EAAE,aAAa;IACpB,OAAO,EAAE,mEAAmE;IAC5E,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,UAAU;IAChB,cAAc,EAAE,eAAe;CAChC,CAAC,EANuB,CAMvB,CAAC;AAEH,IAAM,iBAAiB,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAClC,KAAK,EAAE,mBAAmB;IAC1B,MAAM,EAAE,0DAA0D;CACnE,CAAC,EAH8B,CAG9B,CAAC;AAEU,QAAA,WAAW,GAAG,eAAK,CAAC,UAAU,CAAmC,UAAC,KAAK,EAAE,GAAG;;IAErF,IAAA,QAAQ,GAIN,KAAK,SAJC,EACR,SAAS,GAGP,KAAK,UAHE,EACT,OAAO,GAEL,KAAK,QAFA,EACJ,KAAK,UACN,KAAK,EALH,oCAKL,CADS,CACA;IAEV,OAAO,CACL,qDACM,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,WAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,cACO,cAAc;QAEvB,8BAAC,uBAAU,IACT,OAAO,EAAC,IAAI,EACZ,KAAK,EAAC,OAAO,IAEZ,QAAQ,CACE;QAEZ,OAAO,IAAI,CACV,8BAAC,uBAAU,IACT,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,IAAA,WAAE,EAAC,iBAAiB,EAAE,CAAC;YAElC,8BAAC,iBAAS,OAAG,CACF,CACd,CACM,CACV,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,mBAAW,CAAC,WAAW,GAAG,aAAa,CAAC;AAExC,mBAAW,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/cjs/Dialog/index.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DialogActions = exports.DialogContent = exports.DialogTitle = exports.Dialog = void 0;
+var dialog_1 = require("./dialog");
+Object.defineProperty(exports, "Dialog", { enumerable: true, get: function () { return dialog_1.Dialog; } });
+var dialog_title_1 = require("./dialog_title");
+Object.defineProperty(exports, "DialogTitle", { enumerable: true, get: function () { return dialog_title_1.DialogTitle; } });
+var dialog_content_1 = require("./dialog_content");
+Object.defineProperty(exports, "DialogContent", { enumerable: true, get: function () { return dialog_content_1.DialogContent; } });
+var dialog_actions_1 = require("./dialog_actions");
+Object.defineProperty(exports, "DialogActions", { enumerable: true, get: function () { return dialog_actions_1.DialogActions; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/Dialog/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Dialog/index.ts"],"names":[],"mappings":";;;AAAA,mCAAkC;AAAzB,gGAAA,MAAM,OAAA;AACf,+CAA6C;AAApC,2GAAA,WAAW,OAAA;AACpB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA;AACtB,mDAAiD;AAAxC,+GAAA,aAAa,OAAA"}

package/dist/cjs/Drawer/drawer.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -47,7 +51,7 @@ var Modal_1 = require("../Modal");
 var Slide_1 = require("../Slide");
 var Box_1 = require("../Box");
 var styles_1 = require("../styles");
-var stylesBase = function () { return styles_1.css({
+var stylesBase = function () { return (0, styles_1.css)({
     label: 'Drawer',
     width: '270px',
     height: '100%',
@@ -55,19 +59,22 @@ var stylesBase = function () { return styles_1.css({
     top: 0,
     right: 0,
     overflowY: 'auto',
+    outline: 'none',
 }); };
 exports.Drawer = React.forwardRef(function (props, ref) {
     var _a;
-    var children = props.children, className = props.className, open = props.open, transitionDuration = props.transitionDuration, onClose = props.onClose, dataTestId = props.dataTestId, other = __rest(props, ["children", "className", "open", "transitionDuration", "onClose", "dataTestId"]);
-    return (React.createElement(Modal_1.Modal, { ref: ref, open: open, transitionDuration: transitionDuration, onBackdropClick: onClose, dataTestId: dataTestId },
+    var children = props.children, className = props.className, open = props.open, transitionDuration = props.transitionDuration, disableBackdropClick = props.disableBackdropClick, disableEscapeKeyDown = props.disableEscapeKeyDown, onClose = props.onClose, dataTestId = props["data-testid"], other = __rest(props, ["children", "className", "open", "transitionDuration", "disableBackdropClick", "disableEscapeKeyDown", "onClose", 'data-testid']);
+    return (React.createElement(Modal_1.Modal, { ref: ref, open: open, transitionDuration: transitionDuration, onClose: onClose, "data-testid": dataTestId, disableBackdropClick: disableBackdropClick, disableEscapeKeyDown: disableEscapeKeyDown, keepMounted: true },
         React.createElement(Slide_1.Slide, { in: open, timeout: transitionDuration },
-            React.createElement(Box_1.Box, __assign({}, other, { background: "white", className: styles_1.cx((_a = {},
+            React.createElement(Box_1.Box, __assign({}, other, { background: "white", className: (0, styles_1.cx)((_a = {},
                     _a[stylesBase()] = true,
                     _a[className] = !!className,
-                    _a)) }), children))));
+                    _a)), tabIndex: -1 }), children))));
 });
 exports.Drawer.displayName = 'Drawer';
 exports.Drawer.defaultProps = {
-    open: false,
+    transitionDuration: 225,
+    disableBackdropClick: false,
+    disableEscapeKeyDown: false,
 };
 //# sourceMappingURL=drawer.js.map

package/dist/cjs/Drawer/drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/Drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,kCAAiC;AACjC,kCAAiC;AACjC,8BAA6B;AAC7B,oCAAoC;AAyBpC,IAAM,UAAU,GAAG,cAAM,OAAA,YAAG,CAAC;IAC3B,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,MAAM;CAClB,CAAC,EARuB,CAQvB,CAAC;AAEU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;;IAE3E,IAAA,QAAQ,GAON,KAAK,SAPC,EACR,SAAS,GAMP,KAAK,UANE,EACT,IAAI,GAKF,KAAK,KALH,EACJ,kBAAkB,GAIhB,KAAK,mBAJW,EAClB,OAAO,GAGL,KAAK,QAHA,EACP,UAAU,GAER,KAAK,WAFG,EACP,KAAK,UACN,KAAK,EARH,gFAQL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,aAAK,IACJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,OAAO,EACxB,UAAU,EAAE,UAAU;QAEtB,oBAAC,aAAK,IACJ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB;YAE3B,oBAAC,SAAG,eACE,KAAK,IACT,UAAU,EAAC,OAAO,EAClB,SAAS,EAAE,WAAE;oBACX,GAAC,UAAU,EAAE,IAAG,IAAI;oBACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;wBACxB,KAED,QAAQ,CACL,CACA,CACF,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,cAAM,CAAC,YAAY,GAAG;IACpB,IAAI,EAAE,KAAK;CACZ,CAAC"}
+{"version":3,"file":"drawer.js","sourceRoot":"","sources":["../../../src/Drawer/drawer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,kCAAiC;AACjC,kCAAiC;AACjC,8BAA6B;AAC7B,oCAAoC;AAoCpC,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,KAAK,EAAE,QAAQ;IACf,KAAK,EAAE,OAAO;IACd,MAAM,EAAE,MAAM;IACd,QAAQ,EAAE,OAAO;IACjB,GAAG,EAAE,CAAC;IACN,KAAK,EAAE,CAAC;IACR,SAAS,EAAE,MAAM;IACjB,OAAO,EAAE,MAAM;CAChB,CAAC,EATuB,CASvB,CAAC;AAEU,QAAA,MAAM,GAAG,KAAK,CAAC,UAAU,CAA8B,UAAC,KAAK,EAAE,GAAG;;IAE3E,IAAA,QAAQ,GASN,KAAK,SATC,EACR,SAAS,GAQP,KAAK,UARE,EACT,IAAI,GAOF,KAAK,KAPH,EACJ,kBAAkB,GAMhB,KAAK,mBANW,EAClB,oBAAoB,GAKlB,KAAK,qBALa,EACpB,oBAAoB,GAIlB,KAAK,qBAJa,EACpB,OAAO,GAGL,KAAK,QAHA,EACQ,UAAU,GAEvB,KAAK,eAFkB,EACtB,KAAK,UACN,KAAK,EAVH,iIAUL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,aAAK,IACJ,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,IAAI,EACV,kBAAkB,EAAE,kBAAkB,EACtC,OAAO,EAAE,OAAO,iBACH,UAAU,EACvB,oBAAoB,EAAE,oBAAoB,EAC1C,oBAAoB,EAAE,oBAAoB,EAC1C,WAAW;QAEX,oBAAC,aAAK,IACJ,EAAE,EAAE,IAAI,EACR,OAAO,EAAE,kBAAkB;YAE3B,oBAAC,SAAG,eACE,KAAK,IACT,UAAU,EAAC,OAAO,EAClB,SAAS,EAAE,IAAA,WAAE;oBACX,GAAC,UAAU,EAAE,IAAG,IAAI;oBACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;wBACxB,EACF,QAAQ,EAAE,CAAC,CAAC,KAEX,QAAQ,CACL,CACA,CACF,CACT,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,cAAM,CAAC,WAAW,GAAG,QAAQ,CAAC;AAE9B,cAAM,CAAC,YAAY,GAAG;IACpB,kBAAkB,EAAE,GAAG;IACvB,oBAAoB,EAAE,KAAK;IAC3B,oBAAoB,EAAE,KAAK;CAC5B,CAAC"}

package/dist/cjs/Fab/fab.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -45,17 +49,26 @@ exports.Fab = void 0;
 var React = __importStar(require("react"));
 var styles_1 = require("../styles");
 var ButtonBase_1 = require("../ButtonBase");
-var stylesBase = function () { return styles_1.css({
+/**
+ *
+ */
+/**
+ * Styles.
+ */
+var stylesBase = function () { return (0, styles_1.css)({
     label: 'Fab',
     borderRadius: '50%',
-    height: '55px',
-    width: '55px',
-    padding: '10px',
+    height: 'var(--pv-size-base-11)',
+    width: 'var(--pv-size-base-11)',
+    padding: 'var(--pv-size-base-2)',
 }); };
+/**
+ *
+ */
 exports.Fab = React.forwardRef(function (props, ref) {
     var _a;
     var className = props.className, children = props.children, other = __rest(props, ["className", "children"]);
-    return (React.createElement(ButtonBase_1.ButtonBase, __assign({}, other, { ref: ref, className: styles_1.cx((_a = {},
+    return (React.createElement(ButtonBase_1.ButtonBase, __assign({}, other, { ref: ref, className: (0, styles_1.cx)((_a = {},
             _a[stylesBase()] = true,
             _a[className] = !!className,
             _a)), size: "large" }), children));
@@ -63,6 +76,7 @@ exports.Fab = React.forwardRef(function (props, ref) {
 exports.Fab.displayName = 'Fab';
 exports.Fab.defaultProps = {
     disabled: false,
-    variant: 'primary',
+    variant: 'contained',
+    color: 'primary',
 };
 //# sourceMappingURL=fab.js.map

package/dist/cjs/Fab/fab.js.map

@@ -1 +1 @@
-{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../../src/Fab/fab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAC/B,oCAAoC;AACpC,4CAA4D;AAI5D,IAAM,UAAU,GAAG,cAAM,OAAA,YAAG,CAAC;IAC3B,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,MAAM;IACd,KAAK,EAAE,MAAM;IACb,OAAO,EAAE,MAAM;CAChB,CAAC,EANuB,CAMvB,CAAC;AAEU,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAAiC,UAAC,KAAK,EAAE,GAAG;;IAE3E,IAAA,SAAS,GAGP,KAAK,UAHE,EACT,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EAJH,yBAIL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,uBAAU,eACL,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,WAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,EACF,IAAI,EAAC,OAAO,KAEX,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,WAAG,CAAC,YAAY,GAAG;IACjB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,SAAS;CACnB,CAAC"}
+{"version":3,"file":"fab.js","sourceRoot":"","sources":["../../../src/Fab/fab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,oCAAoC;AACpC,4CAA+D;AAyB/D;;GAEG;AAEH;;GAEG;AACH,IAAM,UAAU,GAAG,cAAM,OAAA,IAAA,YAAG,EAAC;IAC3B,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,KAAK;IACnB,MAAM,EAAE,wBAAwB;IAChC,KAAK,EAAE,wBAAwB;IAC/B,OAAO,EAAE,uBAAuB;CACjC,CAAC,EANuB,CAMvB,CAAC;AACH;;GAEG;AAEU,QAAA,GAAG,GAAG,KAAK,CAAC,UAAU,CAAgB,UAAC,KAAK,EAAE,GAAG;;IAE1D,IAAA,SAAS,GAGP,KAAK,UAHE,EACT,QAAQ,GAEN,KAAK,SAFC,EACL,KAAK,UACN,KAAK,EAJH,yBAIL,CADS,CACA;IAEV,OAAO,CACL,oBAAC,uBAAU,eACL,KAAK,IACT,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,IAAA,WAAE;YACX,GAAC,UAAU,EAAE,IAAG,IAAI;YACpB,GAAC,SAAS,IAAG,CAAC,CAAC,SAAS;gBACxB,EACF,IAAI,EAAC,OAAO,KAEX,QAAQ,CACE,CACd,CAAC;AACJ,CAAC,CAAqC,CAAC;AAEvC,WAAG,CAAC,WAAW,GAAG,KAAK,CAAC;AAExB,WAAG,CAAC,YAAY,GAAG;IACjB,QAAQ,EAAE,KAAK;IACf,OAAO,EAAE,WAAW;IACpB,KAAK,EAAE,SAAS;CACjB,CAAC"}

package/dist/cjs/Fab/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Fab/index.ts"],"names":[],"mappings":";;;AAAA,6BAA4B;AAAnB,0FAAA,GAAG,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/Fab/index.ts"],"names":[],"mappings":";;;AAAA,6BAIe;AAHb,0FAAA,GAAG,OAAA"}

package/dist/cjs/Fade/fade.js

@@ -12,7 +12,11 @@ var __assign = (this && this.__assign) || function () {
 };
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -29,20 +33,40 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+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;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Fade = void 0;
 var React = __importStar(require("react"));
 var react_transition_group_1 = require("react-transition-group");
-var Fade = function (props) {
-    var timeout = props.timeout, inProp = props.in, children = props.children, finalOpacity = props.finalOpacity, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting;
-    return (React.createElement(react_transition_group_1.Transition, { in: inProp, timeout: timeout, onEnter: onEnter, onEntered: onEntered, onEntering: onEntering, onExit: onExit, onExited: onExited, onExiting: onExiting }, function (state) { return (React.cloneElement(children, {
-        style: __assign({ opacity: (state === 'entering' || state === 'entered') ? finalOpacity : 0, transition: "opacity " + timeout + "ms", visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, children.props.style),
-    })); }));
-};
-exports.Fade = Fade;
+var hooks_1 = require("../hooks");
+exports.Fade = React.forwardRef(function (props, ref) {
+    var timeout = props.timeout, inProp = props.in, children = props.children, finalOpacity = props.finalOpacity, appear = props.appear, onEnter = props.onEnter, onEntered = props.onEntered, onEntering = props.onEntering, onExit = props.onExit, onExited = props.onExited, onExiting = props.onExiting, other = __rest(props, ["timeout", "in", "children", "finalOpacity", "appear", "onEnter", "onEntered", "onEntering", "onExit", "onExited", "onExiting"]);
+    var nodeRef = React.useRef(null);
+    var multiRef = (0, hooks_1.useMergedRef)(children.ref, ref, nodeRef);
+    var handleEnter = function (isAppearing) {
+        // reading a dimension prop will cause the browser to recalculate,
+        // which will let our animations work
+        nodeRef.current.offsetHeight; // eslint-disable-line @typescript-eslint/no-unused-expressions
+        if (onEnter) {
+            onEnter(isAppearing);
+        }
+    };
+    return (React.createElement(react_transition_group_1.Transition, __assign({ in: inProp, timeout: timeout, appear: appear, onEnter: handleEnter, onEntered: onEntered, onEntering: onEntering, onExit: onExit, onExited: onExited, onExiting: onExiting, nodeRef: nodeRef }, other), function (state, childProps) { return (React.cloneElement(children, __assign({ style: __assign({ opacity: (state === 'entering' || state === 'entered') ? finalOpacity : 0, transition: "opacity ".concat(timeout, "ms cubic-bezier(0.4, 0, 0.2, 1) 0ms"), visibility: state === 'exited' && !inProp ? 'hidden' : undefined }, children.props.style), ref: multiRef }, childProps))); }));
+});
 exports.Fade.displayName = 'Fade';
 exports.Fade.defaultProps = {
-    timeout: 300,
+    timeout: 225,
     finalOpacity: 1,
+    appear: true,
 };
 //# sourceMappingURL=fade.js.map

package/dist/cjs/Fade/fade.js.map

@@ -1 +1 @@
-{"version":3,"file":"fade.js","sourceRoot":"","sources":["../../../src/Fade/fade.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,iEAAoD;AA6B7C,IAAM,IAAI,GAAwB,UAAC,KAAK;IAE3C,IAAA,OAAO,GAUL,KAAK,QAVA,EACH,MAAM,GASR,KAAK,GATG,EACV,QAAQ,GAQN,KAAK,SARC,EACR,YAAY,GAOV,KAAK,aAPK,EACZ,OAAO,GAML,KAAK,QANA,EACP,SAAS,GAKP,KAAK,UALE,EACT,UAAU,GAIR,KAAK,WAJG,EACV,MAAM,GAGJ,KAAK,OAHD,EACN,QAAQ,GAEN,KAAK,SAFC,EACR,SAAS,GACP,KAAK,UADE,CACD;IAEV,OAAO,CACL,oBAAC,mCAAU,IACT,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,IAEnB,UAAC,KAAK,IAAK,OAAA,CACV,KAAK,CAAC,YAAY,CAAC,QAAQ,EAAE;QAC3B,KAAK,aACH,OAAO,EAAE,CAAC,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EACzE,UAAU,EAAE,aAAW,OAAO,OAAI,EAClC,UAAU,EAAE,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAC7D,QAAQ,CAAC,KAAK,CAAC,KAAK,CACxB;KACF,CAAC,CACH,EATW,CASX,CACU,CACd,CAAC;AACJ,CAAC,CAAC;AArCW,QAAA,IAAI,QAqCf;AAEF,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,YAAI,CAAC,YAAY,GAAG;IAClB,OAAO,EAAE,GAAG;IACZ,YAAY,EAAE,CAAC;CAChB,CAAC"}
+{"version":3,"file":"fade.js","sourceRoot":"","sources":["../../../src/Fade/fade.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,iEAAoD;AACpD,kCAAwC;AAiC3B,QAAA,IAAI,GAAG,KAAK,CAAC,UAAU,CAAiB,UAAC,KAAK,EAAE,GAAG;IAE5D,IAAA,OAAO,GAYL,KAAK,QAZA,EACH,MAAM,GAWR,KAAK,GAXG,EACV,QAAQ,GAUN,KAAK,SAVC,EACR,YAAY,GASV,KAAK,aATK,EACZ,MAAM,GAQJ,KAAK,OARD,EACN,OAAO,GAOL,KAAK,QAPA,EACP,SAAS,GAMP,KAAK,UANE,EACT,UAAU,GAKR,KAAK,WALG,EACV,MAAM,GAIJ,KAAK,OAJD,EACN,QAAQ,GAGN,KAAK,SAHC,EACR,SAAS,GAEP,KAAK,UAFE,EACN,KAAK,UACN,KAAK,EAbH,gIAaL,CADS,CACA;IACV,IAAM,OAAO,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,QAAQ,GAAG,IAAA,oBAAY,EAAE,QAAgB,CAAC,GAAG,EAAE,GAAG,EAAE,OAAO,CAAC,CAAC;IAEnE,IAAM,WAAW,GAAG,UAAC,WAAoB;QACvC,kEAAkE;QAClE,qCAAqC;QACrC,OAAO,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,+DAA+D;QAE7F,IAAI,OAAO,EAAE;YACX,OAAO,CAAC,WAAW,CAAC,CAAC;SACtB;IACH,CAAC,CAAC;IAEF,OAAO,CACL,oBAAC,mCAAU,aACT,EAAE,EAAE,MAAM,EACV,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,WAAW,EACpB,SAAS,EAAE,SAAS,EACpB,UAAU,EAAE,UAAU,EACtB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,IACZ,KAAK,GAER,UAAC,KAAuB,EAAE,UAAe,IAAK,OAAA,CAC7C,KAAK,CAAC,YAAY,CAAC,QAAQ,aACzB,KAAK,aACH,OAAO,EAAE,CAAC,KAAK,KAAK,UAAU,IAAI,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,CAAC,EACzE,UAAU,EAAE,kBAAW,OAAO,wCAAqC,EACnE,UAAU,EAAE,KAAK,KAAK,QAAQ,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,IAC7D,QAAQ,CAAC,KAAK,CAAC,KAAK,GAEzB,GAAG,EAAE,QAAQ,IACV,UAAU,EACb,CACH,EAX8C,CAW9C,CACU,CACd,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,YAAI,CAAC,WAAW,GAAG,MAAM,CAAC;AAE1B,YAAI,CAAC,YAAY,GAAG;IAClB,OAAO,EAAE,GAAG;IACZ,YAAY,EAAE,CAAC;IACf,MAAM,EAAE,IAAI;CACb,CAAC"}

package/dist/cjs/FocusTrap/focus_trap.js

@@ -0,0 +1,43 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FocusTrap = void 0;
+var react_1 = __importDefault(require("react"));
+var focus_trap_1 = require("focus-trap");
+var hooks_1 = require("../hooks");
+var FocusTrap = function (props) {
+    var children = props.children, open = props.open, disableAutoFocus = props.disableAutoFocus;
+    var rootRef = react_1.default.useRef(null);
+    var multiRef = (0, hooks_1.useMergedRef)(children.ref, rootRef);
+    react_1.default.useEffect(function () {
+        // We might render an empty child.
+        if (!open || !rootRef.current) {
+            return null;
+        }
+        var focusTrap = (0, focus_trap_1.createFocusTrap)(rootRef.current, __assign({ clickOutsideDeactivates: false, allowOutsideClick: true, escapeDeactivates: false, fallbackFocus: function () { return rootRef.current; } }, (disableAutoFocus && {
+            initialFocus: function () { return rootRef.current; },
+        })));
+        focusTrap.activate();
+        return function () {
+            focusTrap.deactivate({ returnFocus: true });
+        };
+    }, [open]);
+    return react_1.default.cloneElement(children, { ref: multiRef });
+};
+exports.FocusTrap = FocusTrap;
+exports.FocusTrap.displayName = 'FocusTrap';
+exports.FocusTrap.defaultProps = {};
+//# sourceMappingURL=focus_trap.js.map

package/dist/cjs/FocusTrap/focus_trap.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus_trap.js","sourceRoot":"","sources":["../../../src/FocusTrap/focus_trap.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,yCAA6C;AAC7C,kCAAwC;AAmBjC,IAAM,SAAS,GAAwB,UAAC,KAAK;IAEhD,IAAA,QAAQ,GAGN,KAAK,SAHC,EACR,IAAI,GAEF,KAAK,KAFH,EACJ,gBAAgB,GACd,KAAK,iBADS,CACR;IAEV,IAAM,OAAO,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IACnC,IAAM,QAAQ,GAAG,IAAA,oBAAY,EAAE,QAAgB,CAAC,GAAG,EAAE,OAAO,CAAC,CAAC;IAE9D,eAAK,CAAC,SAAS,CAAC;QACd,kCAAkC;QAClC,IAAI,CAAC,IAAI,IAAI,CAAC,OAAO,CAAC,OAAO,EAAE;YAC7B,OAAO,IAAI,CAAC;SACb;QAED,IAAM,SAAS,GAAG,IAAA,4BAAe,EAAC,OAAO,CAAC,OAAO,aAC/C,uBAAuB,EAAE,KAAK,EAC9B,iBAAiB,EAAE,IAAI,EACvB,iBAAiB,EAAE,KAAK,EACxB,aAAa,EAAE,cAAM,OAAA,OAAO,CAAC,OAAO,EAAf,CAAe,IACjC,CAAC,gBAAgB,IAAI;YACtB,YAAY,EAAE,cAAM,OAAA,OAAO,CAAC,OAAO,EAAf,CAAe;SACpC,CAAC,EACF,CAAC;QAEH,SAAS,CAAC,QAAQ,EAAE,CAAC;QAErB,OAAO;YACL,SAAS,CAAC,UAAU,CAAC,EAAE,WAAW,EAAE,IAAI,EAAE,CAAC,CAAC;QAC9C,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAC;IAEX,OAAO,eAAK,CAAC,YAAY,CAAC,QAAQ,EAAE,EAAE,GAAG,EAAE,QAAQ,EAAE,CAAC,CAAC;AACzD,CAAC,CAAC;AAlCW,QAAA,SAAS,aAkCpB;AAEF,iBAAS,CAAC,WAAW,GAAG,WAAW,CAAC;AAEpC,iBAAS,CAAC,YAAY,GAAG,EAAE,CAAC"}

package/dist/cjs/FocusTrap/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FocusTrap = void 0;
+var focus_trap_1 = require("./focus_trap");
+Object.defineProperty(exports, "FocusTrap", { enumerable: true, get: function () { return focus_trap_1.FocusTrap; } });
+//# sourceMappingURL=index.js.map

package/dist/cjs/FocusTrap/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/FocusTrap/index.ts"],"names":[],"mappings":";;;AAAA,2CAAyC;AAAhC,uGAAA,SAAS,OAAA"}