@epilot/base-elements 3.4.0-rc1 → 3.4.1

package/dist/ClickAwayListener/ClickAwayListener.d.ts

@@ -0,0 +1 @@
+export { ClickAwayListener } from '@material-ui/core';

package/dist/ClickAwayListener/ClickAwayListener.js

@@ -0,0 +1,13 @@
+"use strict";
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+exports.__esModule = true;
+exports.ClickAwayListener = void 0;
+var core_1 = require("@material-ui/core");
+__createBinding(exports, core_1, "ClickAwayListener");
+//# sourceMappingURL=ClickAwayListener.js.map

package/dist/ClickAwayListener/ClickAwayListener.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClickAwayListener.js","sourceRoot":"","sources":["../../src/ClickAwayListener/ClickAwayListener.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,0CAAqD;AAA5C,sDAAiB"}

package/dist/ClickAwayListener/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ClickAwayListener';
+export * from './types';

package/dist/ClickAwayListener/index.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ClickAwayListener"), exports);
+tslib_1.__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/ClickAwayListener/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/ClickAwayListener/index.ts"],"names":[],"mappings":";;;AAAA,8DAAmC;AACnC,kDAAuB"}

package/dist/ClickAwayListener/types.d.ts

@@ -0,0 +1 @@
+export type { ClickAwayListenerProps } from '@material-ui/core';

package/dist/{AppBar → ClickAwayListener}/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/AppBar/types.ts"],"names":[],"mappings":""}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/ClickAwayListener/types.ts"],"names":[],"mappings":""}

package/dist/Drawer360/ActionFooter.js

@@ -8,13 +8,13 @@ var Button_1 = require("../Button");
 var Icon_1 = require("../Icon");
 var Tooltip_1 = require("../Tooltip");
 var helpers_1 = require("./helpers");
-var styles_1 = require("./styles");
+var styles_module_css_1 = tslib_1.__importDefault(require("./styles.module.css"));
+// eslint-disable-next-line react/display-name
 exports.ActionFooter = react_1.memo(function (_a) {
     var alwaysEnableSaveButton = _a.alwaysEnableSaveButton, disableSaveButton = _a.disableSaveButton, locales = _a.locales, handleClose = _a.handleClose, handleSave = _a.handleSave, unsavedChanges = _a.unsavedChanges, isLoading = _a.isLoading, showDiscard = _a.showDiscard, customCannotSaveMessage = _a.customCannotSaveMessage;
     var _b = react_1.useState(undefined), ref = _b[0], setRef = _b[1];
     var isOverflow = helpers_1.useIsOverflow(ref);
     var showFullWarning = !isOverflow;
-    var classes = styles_1.useFooterStyles({ showFullWarning: showFullWarning });
     var disabledSaveButton = react_1.useMemo(function () {
         if (alwaysEnableSaveButton) {
             return false;
@@ -33,16 +33,16 @@ exports.ActionFooter = react_1.memo(function (_a) {
         !alwaysEnableSaveButton &&
         unsavedChanges &&
         locales.warningMessage;
-    return (react_1["default"].createElement("div", { className: classes.bottomBar },
+    return (react_1["default"].createElement("div", { className: styles_module_css_1["default"].bottomBar },
         showWarningMessage && (react_1["default"].createElement(WarningTooltip, { title: showFullWarning ? '' : locales.warningMessage },
-            react_1["default"].createElement("div", { className: classes.warningContent },
+            react_1["default"].createElement("div", { className: styles_module_css_1["default"].status + " " + styles_module_css_1["default"].warningText },
                 react_1["default"].createElement(Icon_1.Icon, { name: "warning" }),
-                showFullWarning && (react_1["default"].createElement("span", { className: classes.warningContentText, ref: measureRef }, locales.warningMessage))))),
-        showDiscard && isLoading && locales.loadingMessage && (react_1["default"].createElement("div", { className: classes.loadingMessageContent },
+                showFullWarning && (react_1["default"].createElement("span", { ref: measureRef }, locales.warningMessage))))),
+        showDiscard && isLoading && locales.loadingMessage && (react_1["default"].createElement("div", { className: styles_module_css_1["default"].status + " " + styles_module_css_1["default"].infoText },
             react_1["default"].createElement(Icon_1.Icon, { color: "primary", name: "info" }),
             react_1["default"].createElement("span", null, locales.loadingMessage))),
         showDiscard && !isLoading && (react_1["default"].createElement("div", null,
-            react_1["default"].createElement(Button_1.Button, { className: classes.noWrap, onClick: handleClose, variant: "outlined" }, locales.discardButtonLabel))),
+            react_1["default"].createElement(Button_1.Button, { className: styles_module_css_1["default"].noWrap, onClick: handleClose, variant: "outlined" }, locales.discardButtonLabel))),
         react_1["default"].createElement(Tooltip_1.Tooltip, { title: alwaysEnableSaveButton
                 ? ''
                 : disableSaveButton
@@ -51,12 +51,11 @@ exports.ActionFooter = react_1.memo(function (_a) {
                         ? ''
                         : customCannotSaveMessage !== null && customCannotSaveMessage !== void 0 ? customCannotSaveMessage : locales.noChangesMessage },
             react_1["default"].createElement("div", null,
-                react_1["default"].createElement(Button_1.Button, { className: classes.saveButton + " " + classes.noWrap, color: "primary", disabled: disabledSaveButton && !alwaysEnableSaveButton, onClick: handleSave, variant: "contained" },
-                    isLoading && (react_1["default"].createElement(__1.CircularProgress, { classes: { root: classes.loader }, size: 16 })),
+                react_1["default"].createElement(Button_1.Button, { className: styles_module_css_1["default"].saveButton + " " + styles_module_css_1["default"].noWrap, color: "primary", disabled: disabledSaveButton && !alwaysEnableSaveButton, onClick: handleSave, variant: "contained" },
+                    isLoading && (react_1["default"].createElement(__1.CircularProgress, { className: styles_module_css_1["default"].loader, size: 16 })),
                     locales.saveButtonLabel)))));
 });
 var WarningTooltip = function (props) {
-    var classes = styles_1.useFooterStyles({});
-    return (react_1["default"].createElement(Tooltip_1.Tooltip, tslib_1.__assign({}, props, { classes: { arrow: classes.arrow, tooltip: classes.tooltip } })));
+    return react_1["default"].createElement(Tooltip_1.Tooltip, tslib_1.__assign({}, props));
 };
 //# sourceMappingURL=ActionFooter.js.map

package/dist/Drawer360/ActionFooter.js.map

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

package/dist/Drawer360/Drawer360.js

@@ -12,12 +12,12 @@ var Typography_1 = require("../Typography");
 var ActionFooter_1 = require("./ActionFooter");
 var DiscardDialog_1 = require("./DiscardDialog");
 var helpers_1 = require("./helpers");
-var styles_1 = require("./styles");
+var styles_module_css_1 = tslib_1.__importDefault(require("./styles.module.css"));
 var Drawer360 = function (_a) {
     var _b = _a.alwaysEnableSaveButton, alwaysEnableSaveButton = _b === void 0 ? false : _b, _c = _a.anchor, anchor = _c === void 0 ? 'right' : _c, children = _a.children, maxWidth = _a.maxWidth, onClose = _a.onClose, onSave = _a.onSave, onDiscard = _a.onDiscard, _d = _a.responsive, responsive = _d === void 0 ? true : _d, _e = _a.size, size = _e === void 0 ? 'two-thirds' : _e, _f = _a.showActionButtons, showActionButtons = _f === void 0 ? true : _f, title = _a.title, unsavedChanges = _a.unsavedChanges, open = _a.open, disableSaveButton = _a.disableSaveButton, isLoading = _a.isLoading, localesProp = _a.locales, customCannotSaveMessage = _a.customCannotSaveMessage, 
     // prop sanitisation for deprecated props
     onBackdropClick = _a.onBackdropClick, onEscapeKeyDown = _a.onEscapeKeyDown, onRendered = _a.onRendered, rest = tslib_1.__rest(_a, ["alwaysEnableSaveButton", "anchor", "children", "maxWidth", "onClose", "onSave", "onDiscard", "responsive", "size", "showActionButtons", "title", "unsavedChanges", "open", "disableSaveButton", "isLoading", "locales", "customCannotSaveMessage", "onBackdropClick", "onEscapeKeyDown", "onRendered"]);
-    var classes = styles_1.useDrawerStyles({ responsive: responsive, size: size, maxWidth: maxWidth });
+    var classes = helpers_1.useDrawerStyles({ responsive: responsive, size: size, maxWidth: maxWidth });
     var _g = react_1["default"].useState(false), showDiscardDialog = _g[0], setShowDiscardDialog = _g[1];
     react_1.useEffect(function () {
         if (!open) {
@@ -53,15 +53,14 @@ var Drawer360 = function (_a) {
     }, []);
     var locales = helpers_1.useLocales(localesProp);
     return (react_1["default"].createElement(core_1.Drawer, tslib_1.__assign({}, rest, { anchor: anchor, elevation: 2, onClose: handleClose, open: open }),
-        react_1["default"].createElement("div", { className: classes.sideDrawerRoot + " " + rest.className },
-            react_1["default"].createElement("div", { className: classes.topBar },
-                react_1["default"].createElement(Typography_1.H3, { className: classes.title }, title),
+        react_1["default"].createElement("div", { className: classes.sideDrawerRoot + " " + styles_module_css_1["default"].sideDrawerRoot },
+            react_1["default"].createElement("div", { className: styles_module_css_1["default"].topBar },
+                react_1["default"].createElement(Typography_1.H3, { className: styles_module_css_1["default"].title }, title),
                 !isLoading && (react_1["default"].createElement(Tooltip_1.Tooltip, { title: locales.closeButtonLabel },
                     react_1["default"].createElement("div", { className: "fs-drawer-close" },
                         react_1["default"].createElement(IconButton_1.IconButton, { onClick: handleClose },
                             react_1["default"].createElement(Icon_1.EIcon, { color: "secondary", name: "x" })))))),
-            react_1["default"].createElement(Dialog_1.DialogContent, { className: classes.dialogContent },
-                react_1["default"].createElement("div", { className: classes.body }, children)),
+            react_1["default"].createElement(Dialog_1.DialogContent, { className: styles_module_css_1["default"].body }, children),
             open && showActionButtons && (react_1["default"].createElement(ActionFooter_1.ActionFooter, { alwaysEnableSaveButton: alwaysEnableSaveButton, customCannotSaveMessage: customCannotSaveMessage, disableSaveButton: disableSaveButton, handleClose: handleClose, handleSave: handleSave, isLoading: isLoading, locales: locales, showDiscard: Boolean(onDiscard), unsavedChanges: unsavedChanges }))),
         react_1["default"].createElement(DiscardDialog_1.DiscardDialog, { handleDiscard: handleDiscard, locales: locales, onClose: closeDiscardDialog, open: showDiscardDialog })));
 };

package/dist/Drawer360/Drawer360.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer360.js","sourceRoot":"","sources":["../../src/Drawer360/Drawer360.tsx"],"names":[],"mappings":";;;;AAAA,0CAAuD;AACvD,qDAA2D;AAE3D,oCAAyC;AACzC,gCAA+B;AAC/B,4CAA0C;AAC1C,sCAAoC;AACpC,4CAAkC;AAElC,+CAA6C;AAC7C,iDAA+C;AAC/C,qCAAsC;AACtC,mCAA0C;AAG1C,IAAM,SAAS,GAAG,UAAC,EAuBF;IAtBf,IAAA,8BAA8B,EAA9B,sBAAsB,mBAAG,KAAK,KAAA,EAC9B,cAAgB,EAAhB,MAAM,mBAAG,OAAO,KAAA,EAChB,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACN,SAAS,eAAA,EACT,kBAAiB,EAAjB,UAAU,mBAAG,IAAI,KAAA,EACjB,YAAmB,EAAnB,IAAI,mBAAG,YAAY,KAAA,EACnB,yBAAwB,EAAxB,iBAAiB,mBAAG,IAAI,KAAA,EACxB,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,IAAI,UAAA,EACJ,iBAAiB,uBAAA,EACjB,SAAS,eAAA,EACA,WAAW,aAAA,EACpB,uBAAuB,6BAAA;IACvB,yCAAyC;IACzC,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,UAAU,gBAAA,EACP,IAAI,sBAtBU,wSAuBlB,CADQ;IAEP,IAAM,OAAO,GAAG,wBAAe,CAAC,EAAE,UAAU,YAAA,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IACzD,IAAA,KAA4C,kBAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAhE,iBAAiB,QAAA,EAAE,oBAAoB,QAAyB,CAAA;IAEvE,iBAAS,CAAC;QACR,IAAI,CAAC,IAAI,EAAE;YACT,oBAAoB,CAAC,KAAK,CAAC,CAAA;SAC5B;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,IAAM,WAAW,GAAG,mBAAW,CAC7B,UACE,CAAsC,EACtC,MAA0C;QAE1C,IAAI,SAAS,EAAE;YACb,OAAM;SACP;QAED,IAAI,CAAC,sBAAsB,IAAI,iBAAiB,IAAI,cAAc,EAAE;YAClE,oBAAoB,CAAC,IAAI,CAAC,CAAA;SAC3B;aAAM;YACL,OAAO,IAAI,OAAO,CAAC,CAAC,EAAE,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,eAAe,CAAC,CAAA;SACjD;IACH,CAAC,EACD;QACE,SAAS;QACT,sBAAsB;QACtB,iBAAiB;QACjB,cAAc;QACd,OAAO;KACR,CACF,CAAA;IAED,IAAM,UAAU,GAAG,mBAAW,CAC5B,UAAC,CAAsC;QACrC,MAAM,IAAI,MAAM,CAAC,CAAC,CAAC,CAAA;IACrB,CAAC,EACD,CAAC,MAAM,CAAC,CACT,CAAA;IAED,IAAM,aAAa,GAAG,mBAAW,CAC/B,UAAC,CAAsC;QACrC,oBAAoB,CAAC,KAAK,CAAC,CAAA;QAC3B,SAAS,IAAI,SAAS,CAAC,CAAC,CAAC,CAAA;IAC3B,CAAC,EACD,CAAC,SAAS,CAAC,CACZ,CAAA;IAED,IAAM,kBAAkB,GAAG,mBAAW,CAAC;QACrC,oBAAoB,CAAC,KAAK,CAAC,CAAA;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,OAAO,GAAG,oBAAU,CAAC,WAAW,CAAC,CAAA;IAEvC,OAAO,CACL,iCAAC,aAAS,uBACJ,IAAI,IACR,MAAM,EAAE,MAAM,EACd,SAAS,EAAE,CAAC,EACZ,OAAO,EAAE,WAAW,EACpB,IAAI,EAAE,IAAI;QAEV,0CAAK,SAAS,EAAK,OAAO,CAAC,cAAc,SAAI,IAAI,CAAC,SAAW;YAC3D,0CAAK,SAAS,EAAE,OAAO,CAAC,MAAM;gBAC5B,iCAAC,eAAE,IAAC,SAAS,EAAE,OAAO,CAAC,KAAK,IAAG,KAAK,CAAM;gBAEzC,CAAC,SAAS,IAAI,CACb,iCAAC,iBAAO,IAAC,KAAK,EAAE,OAAO,CAAC,gBAAgB;oBACtC,0CAAK,SAAS,EAAC,iBAAiB;wBAC9B,iCAAC,uBAAU,IAAC,OAAO,EAAE,WAAW;4BAC9B,iCAAC,YAAK,IAAC,KAAK,EAAC,WAAW,EAAC,IAAI,EAAC,GAAG,GAAG,CACzB,CACT,CACE,CACX,CACG;YAEN,iCAAC,sBAAa,IAAC,SAAS,EAAE,OAAO,CAAC,aAAa;gBAC7C,0CAAK,SAAS,EAAE,OAAO,CAAC,IAAI,IAAG,QAAQ,CAAO,CAChC;YAEf,IAAI,IAAI,iBAAiB,IAAI,CAC5B,iCAAC,2BAAY,IACX,sBAAsB,EAAE,sBAAsB,EAC9C,uBAAuB,EAAE,uBAAuB,EAChD,iBAAiB,EAAE,iBAAiB,EACpC,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,OAAO,EAChB,WAAW,EAAE,OAAO,CAAC,SAAS,CAAC,EAC/B,cAAc,EAAE,cAAc,GAC9B,CACH,CACG;QAEN,iCAAC,6BAAa,IACZ,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,kBAAkB,EAC3B,IAAI,EAAE,iBAAiB,GACvB,CACQ,CACb,CAAA;AACH,CAAC,CAAA;AAED,IAAM,iBAAiB,GAAG,YAAI,CAAC,SAAS,CAAC,CAAA;AAEX,sCAAS"}
+{"version":3,"file":"Drawer360.js","sourceRoot":"","sources":["../../src/Drawer360/Drawer360.tsx"],"names":[],"mappings":"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"}

package/dist/Drawer360/helpers.d.ts

@@ -1,3 +1,4 @@
-import { Drawer360Locales } from './types';
+import { Drawer360Locales, DrawerStyleType } from './types';
 export declare const useLocales: (locales?: Partial<Drawer360Locales> | undefined) => Drawer360Locales;
 export declare const useIsOverflow: (element?: HTMLElement | undefined, callback?: ((_?: boolean | undefined) => void) | undefined) => boolean | undefined;
+export declare const useDrawerStyles: (props: DrawerStyleType) => Record<"sideDrawerRoot", string>;

package/dist/Drawer360/helpers.js

@@ -1,7 +1,8 @@
 "use strict";
 exports.__esModule = true;
-exports.useIsOverflow = exports.useLocales = void 0;
+exports.useDrawerStyles = exports.useIsOverflow = exports.useLocales = void 0;
 var tslib_1 = require("tslib");
+var core_1 = require("@material-ui/core");
 var react_1 = require("react");
 var DEFAULT_LOCALES = {
     warningMessage: 'There are some unsaved changes',
@@ -54,4 +55,20 @@ var useIsOverflow = function (element, callback) {
     return isOverflow;
 };
 exports.useIsOverflow = useIsOverflow;
+var customSizes = [
+    { 'one-third': '560px', 'two-thirds': '720px', 'max-width': '850px' },
+    { 'one-third': '33vw', 'two-thirds': '66vw', 'max-width': '90vw' }
+];
+exports.useDrawerStyles = core_1.makeStyles(function () { return ({
+    sideDrawerRoot: {
+        maxWidth: function (_a) {
+            var maxWidth = _a.maxWidth;
+            return maxWidth;
+        },
+        width: function (_a) {
+            var _b = _a.responsive, responsive = _b === void 0 ? true : _b, _c = _a.size, size = _c === void 0 ? 'two-thirds' : _c;
+            return customSizes[Number(responsive)][size];
+        }
+    }
+}); });
 //# sourceMappingURL=helpers.js.map

package/dist/Drawer360/helpers.js.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/Drawer360/helpers.ts"],"names":[],"mappings":";;;;AAAA,+BAA0D;AAI1D,IAAM,eAAe,GAAqB;IACxC,cAAc,EAAE,gCAAgC;IAChD,cAAc,EAAE,gBAAgB;IAChC,gBAAgB,EAAE,OAAO;IACzB,kBAAkB,EAAE,iBAAiB;IACrC,eAAe,EAAE,cAAc;IAC/B,gBAAgB,EAAE,6CAA6C;IAC/D,yBAAyB,EAAE,EAAE;IAC7B,oBAAoB,EAAE;QACpB,KAAK,EAAE,sBAAsB;QAC7B,OAAO,EACL,4FAA4F;QAC9F,iBAAiB,EAAE,kBAAkB;QACrC,kBAAkB,EAAE,aAAa;KAClC;CACF,CAAA;AAEM,IAAM,UAAU,GAAG,UAAC,OAAmC;IAC5D,OAAA,eAAO,CACL,cAAM,OAAA,CAAC,OAAO,CAAC,CAAC,uCAAM,eAAe,GAAK,OAAO,EAAG,CAAC,CAAC,eAAe,CAAC,EAAhE,CAAgE,EACtE,CAAC,OAAO,CAAC,CACV;AAHD,CAGC,CAAA;AAJU,QAAA,UAAU,cAIpB;AAEI,IAAM,aAAa,GAAG,UAC3B,OAAqB,EACrB,QAAgC;IAE1B,IAAA,KAA8B,gBAAQ,CAAsB,SAAS,CAAC,EAArE,UAAU,QAAA,EAAE,aAAa,QAA4C,CAAA;IAE5E,uBAAe,CAAC;;QACd,IAAM,OAAO,GAAG;;YACd,IAAM,WAAW,GAAG,OAAO,CACzB,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,KAAI,CAAC,CAAC;gBACzB,CAAC,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,WAAW,KAAI,MAAM,CAAC,SAAS,CAAC;gBACzD,CAAC,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,YAAY,KAAI,CAAC,CAAC;oBAC1B,CAAC,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,YAAY,KAAI,MAAM,CAAC,SAAS,CAAC,CAC/D,CAAA;YAED,IAAI,WAAW,KAAK,UAAU,EAAE;gBAC9B,aAAa,CAAC,WAAW,CAAC,CAAA;gBAC1B,IAAI,QAAQ;oBAAE,QAAQ,CAAC,WAAW,CAAC,CAAA;aACpC;QACH,CAAC,CAAA;QAED,4EAA4E;QAC5E,IAAI,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,aAAa,KAAI,gBAAgB,IAAI,MAAM,EAAE;YACvE,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,OAAO,OAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,aAAa,CAAC,CAAA;SAC3E;QACD,IAAI,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa;YAAE,OAAO,EAAE,CAAA;QAErC,OAAO;;YACL,IAAI,OAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,aAAa,KAAI,gBAAgB,IAAI,MAAM,EAAE;gBACvE,IAAI,cAAc,CAAC,OAAO,CAAC,CAAC,SAAS,OACnC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,0CAAE,aAAa,CACtC,CAAA;aACF;QACH,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,EAAE,OAAO,EAAE,aAAa,EAAE,UAAU,CAAC,CAAC,CAAA;IAElD,OAAO,UAAU,CAAA;AACnB,CAAC,CAAA;AArCY,QAAA,aAAa,iBAqCzB"}
+{"version":3,"file":"helpers.js","sourceRoot":"","sources":["../../src/Drawer360/helpers.ts"],"names":[],"mappings":"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"}

package/dist/Drawer360/types.d.ts

@@ -31,3 +31,8 @@ export interface Drawer360Locales {
         confirmButtonLabel: string;
     };
 }
+export interface DrawerStyleType {
+    responsive?: boolean;
+    size?: Drawer360Props['size'];
+    maxWidth?: string;
+}