@qoretechnologies/reqore 0.36.8 → 0.37.1

package/dist/containers/ReqoreProvider.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
         if (ar || !(i in from)) {
@@ -26,7 +49,8 @@ exports.__esModule = true;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var react_1 = require("react");
 var lodash_1 = require("lodash");
-var react_2 = require("react");
+var react_2 = __importStar(require("react"));
+var react_dom_1 = require("react-dom");
 var react_use_1 = require("react-use");
 var shortid_1 = __importDefault(require("shortid"));
 var use_context_selector_1 = require("use-context-selector");
@@ -35,10 +59,12 @@ var Notifications_1 = __importDefault(require("../components/Notifications"));
 var notification_1 = __importDefault(require("../components/Notifications/notification"));
 var ReqoreContext_1 = __importDefault(require("../context/ReqoreContext"));
 var ThemeContext_1 = __importDefault(require("../context/ThemeContext"));
+var PopoverProvider_1 = __importDefault(require("./PopoverProvider"));
 var ReqoreProvider = function (_a) {
     var children = _a.children, _b = _a.options, options = _b === void 0 ? {} : _b;
     var _c = (0, react_2.useState)([]), notifications = _c[0], setNotifications = _c[1];
-    var _d = (0, react_2.useState)({}), confirmationModal = _d[0], setConfirmationModal = _d[1];
+    var _d = (0, react_2.useState)({}), modals = _d[0], setModals = _d[1];
+    var _e = (0, react_2.useState)({}), confirmationModal = _e[0], setConfirmationModal = _e[1];
     var theme = (0, use_context_selector_1.useContext)(ThemeContext_1["default"]);
     var latestZIndex = (0, react_2.useRef)(9000);
     var isMobile = process.env.NODE_ENV === 'test' ? false : (0, react_use_1.useMedia)('(max-width: 480px)');
@@ -57,6 +83,21 @@ var ReqoreProvider = function (_a) {
     var closeConfirmationModal = function () {
         setConfirmationModal(function (cur) { return (__assign(__assign({}, cur), { isOpen: false })); });
     };
+    var addModal = (0, react_2.useCallback)(function (modal, id) {
+        var _id = id || shortid_1["default"].generate();
+        setModals(function (cur) {
+            var _a;
+            return __assign(__assign({}, cur), (_a = {}, _a[_id] = modal, _a));
+        });
+        return _id;
+    }, []);
+    var removeModal = (0, react_2.useCallback)(function (id) {
+        setModals(function (cur) {
+            var newModals = __assign({}, cur);
+            delete newModals[id];
+            return newModals;
+        });
+    }, []);
     var addNotification = function (data) {
         setNotifications(function (cur) {
             var newNotifications = __spreadArray([], cur, true);
@@ -79,11 +120,13 @@ var ReqoreProvider = function (_a) {
             return __spreadArray([], cur, true).filter(function (notification) { return notification.id !== id; });
         });
     };
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(ReqoreContext_1["default"].Provider, __assign({ value: {
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(ReqoreContext_1["default"].Provider, __assign({ value: {
                 notifications: notifications,
                 theme: theme,
                 addNotification: addNotification,
                 removeNotification: removeNotification,
+                addModal: addModal,
+                removeModal: removeModal,
                 confirmAction: confirmAction,
                 isMobile: isMobile,
                 isTablet: isTablet,
@@ -93,41 +136,55 @@ var ReqoreProvider = function (_a) {
                 animations: options.animations || { buttons: true, dialogs: true },
                 tooltips: options.tooltips || { delay: 0 },
                 closePopoversOnEscPress: 'closePopoversOnEscPress' in options ? options.closePopoversOnEscPress : true
-            } }, { children: [(0, lodash_1.size)(notifications) > 0 ? ((0, jsx_runtime_1.jsx)(Notifications_1["default"], __assign({ position: options.notificationsPosition }, { children: notifications.map(function (notification) { return ((0, react_1.createElement)(notification_1["default"], __assign({}, notification, { key: notification.id, onClick: notification.onClick
-                            ? function () { return void notification.onClick(notification.id); }
-                            : undefined, onClose: function () {
-                            if (notification.onClose) {
-                                notification.onClose(notification.id);
-                            }
-                            removeNotification(notification.id);
-                        }, onFinish: function () {
-                            if (notification.onFinish) {
-                                notification.onFinish(notification.id);
-                            }
-                            removeNotification(notification.id);
-                        } }))); }) }))) : null, children, confirmationModal.isOpen && ((0, jsx_runtime_1.jsx)(__1.ReqoreModal, __assign({ isOpen: true, flat: true, opacity: 0.9, blur: 2, width: '500px', intent: confirmationModal.intent, label: confirmationModal.title || 'Confirm your action', icon: 'ErrorWarningFill', className: 'reqore-confirmation-modal', bottomActions: [
-                        {
-                            label: confirmationModal.cancelLabel || 'Cancel',
-                            icon: 'CloseLine',
-                            onClick: function () {
-                                var _a;
-                                (_a = confirmationModal === null || confirmationModal === void 0 ? void 0 : confirmationModal.onCancel) === null || _a === void 0 ? void 0 : _a.call(confirmationModal);
-                                closeConfirmationModal();
+            } }, { children: (0, jsx_runtime_1.jsxs)(PopoverProvider_1["default"], __assign({ uiScale: options === null || options === void 0 ? void 0 : options.uiScale }, { children: [(0, lodash_1.size)(notifications) > 0 ? ((0, jsx_runtime_1.jsx)(Notifications_1["default"], __assign({ position: options.notificationsPosition }, { children: notifications.map(function (notification) { return ((0, react_1.createElement)(notification_1["default"], __assign({}, notification, { key: notification.id, onClick: notification.onClick
+                                ? function () { return void notification.onClick(notification.id); }
+                                : undefined, onClose: function () {
+                                if (notification.onClose) {
+                                    notification.onClose(notification.id);
+                                }
+                                removeNotification(notification.id);
+                            }, onFinish: function () {
+                                if (notification.onFinish) {
+                                    notification.onFinish(notification.id);
+                                }
+                                removeNotification(notification.id);
+                            } }))); }) }))) : null, children, confirmationModal.isOpen && ((0, jsx_runtime_1.jsx)(__1.ReqoreModal, __assign({ isOpen: true, flat: true, opacity: 0.9, blur: 2, width: '500px', intent: confirmationModal.intent, label: confirmationModal.title || 'Confirm your action', icon: 'ErrorWarningFill', className: 'reqore-confirmation-modal', bottomActions: [
+                            {
+                                label: confirmationModal.cancelLabel || 'Cancel',
+                                icon: 'CloseLine',
+                                onClick: function () {
+                                    var _a;
+                                    (_a = confirmationModal === null || confirmationModal === void 0 ? void 0 : confirmationModal.onCancel) === null || _a === void 0 ? void 0 : _a.call(confirmationModal);
+                                    closeConfirmationModal();
+                                },
+                                position: 'left'
                             },
-                            position: 'left'
-                        },
-                        {
-                            label: confirmationModal.confirmLabel || 'Confirm',
-                            intent: confirmationModal.confirmButtonIntent || 'success',
-                            icon: confirmationModal.confirmIcon || 'CheckLine',
-                            onClick: function () {
-                                var _a;
-                                (_a = confirmationModal === null || confirmationModal === void 0 ? void 0 : confirmationModal.onConfirm) === null || _a === void 0 ? void 0 : _a.call(confirmationModal);
-                                closeConfirmationModal();
+                            {
+                                label: confirmationModal.confirmLabel || 'Confirm',
+                                intent: confirmationModal.confirmButtonIntent || 'success',
+                                icon: confirmationModal.confirmIcon || 'CheckLine',
+                                onClick: function () {
+                                    var _a;
+                                    (_a = confirmationModal === null || confirmationModal === void 0 ? void 0 : confirmationModal.onConfirm) === null || _a === void 0 ? void 0 : _a.call(confirmationModal);
+                                    closeConfirmationModal();
+                                },
+                                position: 'right'
                             },
-                            position: 'right'
-                        },
-                    ] }, { children: (0, jsx_runtime_1.jsx)(__1.ReqoreTextEffect, __assign({ as: 'p', effect: { textAlign: 'center', weight: 'bold', textSize: 'big' } }, { children: confirmationModal.description || 'Are you sure you want to proceed?' })) })))] })) }));
+                        ] }, { children: (0, jsx_runtime_1.jsx)(__1.ReqoreTextEffect, __assign({ as: 'p', effect: { textAlign: 'center', weight: 'bold', textSize: 'big' } }, { children: confirmationModal.description || 'Are you sure you want to proceed?' })) }))), (0, lodash_1.map)(modals, function (modal, key) {
+                        return react_2["default"].isValidElement(modal) ? ((0, react_dom_1.createPortal)(react_2["default"].cloneElement(modal, {
+                            key: key,
+                            isOpen: true,
+                            onClose: function () {
+                                var _a, _b;
+                                removeModal(key);
+                                (_b = (_a = modal.props).onClose) === null || _b === void 0 ? void 0 : _b.call(_a);
+                            }
+                        }), document.querySelector('#reqore-portal'))) : ((0, react_1.createElement)(__1.ReqoreModal, __assign({}, modal, { key: key, isOpen: true, onClose: function () {
+                                var _a;
+                                removeModal(key);
+                                (_a = modal.onClose) === null || _a === void 0 ? void 0 : _a.call(modal);
+                            } })));
+                    })] })) })) }));
 };
 exports["default"] = ReqoreProvider;
 //# sourceMappingURL=ReqoreProvider.js.map

package/dist/containers/ReqoreProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReqoreProvider.js","sourceRoot":"","sources":["../../src/containers/ReqoreProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAA8B;AAC9B,+BAA6D;AAC7D,uCAAqC;AACrC,oDAA8B;AAC9B,6DAAkD;AAClD,wBAAmD;AACnD,8EAAqE;AACrE,0FAEkD;AAElD,2EAAqD;AACrD,yEAAmD;AA8BnD,IAAM,cAAc,GAAmC,UAAC,EAA0B;QAAxB,QAAQ,cAAA,EAAE,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA;IACxE,IAAA,KAAoC,IAAA,gBAAQ,EAAmC,EAAE,CAAC,EAAjF,aAAa,QAAA,EAAE,gBAAgB,QAAkD,CAAC;IACnF,IAAA,KAA4C,IAAA,gBAAQ,EAA2B,EAAE,CAAC,EAAjF,iBAAiB,QAAA,EAAE,oBAAoB,QAA0C,CAAC;IACzF,IAAM,KAAK,GAAiB,IAAA,iCAAU,EAAe,yBAAY,CAAC,CAAC;IACnE,IAAM,YAAY,GAAG,IAAA,cAAM,EAAS,IAAI,CAAC,CAAC;IAE1C,IAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAA,oBAAQ,EAAC,oBAAoB,CAAC,CAAC;IAC1F,IAAM,QAAQ,GACZ,OAAO,CAAC,GAAG,CAAC,QAAQ,KAAK,MAAM;QAC7B,CAAC,CAAC,KAAK;QACP,CAAC,CAAC,IAAA,oBAAQ,EAAC,4CAA4C,CAAC,CAAC;IAC7D,IAAM,gBAAgB,GAAG,QAAQ,IAAI,QAAQ,CAAC;IAE9C,IAAM,oBAAoB,GAAG,IAAA,mBAAW,EAAC;QACvC,YAAY,CAAC,OAAO,IAAI,CAAC,CAAC;QAE1B,OAAO,YAAY,CAAC,OAAO,CAAC;IAC9B,CAAC,EAAE,CAAC,YAAY,CAAC,OAAO,CAAC,CAAC,CAAC;IAE3B,IAAM,aAAa,GAAG,UAAC,IAA8B;QACnD,oBAAoB,uBACf,IAAI,KACP,MAAM,EAAE,IAAI,IACZ,CAAC;IACL,CAAC,CAAC;IAEF,8CAA8C;IAC9C,IAAM,sBAAsB,GAAG;QAC7B,oBAAoB,CAAC,UAAC,GAA6B,IAAK,OAAA,uBACnD,GAAG,KACN,MAAM,EAAE,KAAK,IACb,EAHsD,CAGtD,CAAC,CAAC;IACN,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,IAA6B;QACpD,gBAAgB,CAAC,UAAC,GAAG;YACnB,IAAI,gBAAgB,qBAAO,GAAG,OAAC,CAAC;YAEhC,IAAM,KAAK,GAAG,GAAG,CAAC,SAAS,CACzB,UAAC,YAAY,IAAK,OAAA,YAAY,CAAC,EAAE,KAAK,CAAC,IAAI,CAAC,EAAE,IAAI,oBAAO,CAAC,QAAQ,EAAE,CAAC,EAAnD,CAAmD,CACtE,CAAC;YAEF,IAAI,KAAK,IAAI,CAAC,EAAE;gBACd,gBAAgB,CAAC,KAAK,CAAC,GAAG,IAAI,CAAC;aAChC;iBAAM;gBACL,gBAAgB,mCAAO,gBAAgB,UAAE,IAAI,SAAC,CAAC;aAChD;YAED,oFAAoF;YACpF,IAAI,gBAAgB,CAAC,MAAM,GAAG,CAAC,EAAE;gBAC/B,gBAAgB,CAAC,KAAK,EAAE,CAAC;aAC1B;YAED,OAAO,gBAAgB,CAAC;QAC1B,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG,UAAC,EAAmB;QAC7C,gBAAgB,CAAC,UAAC,GAAG;YACnB,OAAO,kBAAI,GAAG,QAAE,MAAM,CAAC,UAAC,YAAY,IAAK,OAAA,YAAY,CAAC,EAAE,KAAK,EAAE,EAAtB,CAAsB,CAAC,CAAC;QACnE,CAAC,CAAC,CAAC;IACL,CAAC,CAAC;IAEF,OAAO,CACL,2DACE,wBAAC,0BAAa,CAAC,QAAQ,aACrB,KAAK,EAAE;gBACL,aAAa,eAAA;gBACb,KAAK,OAAA;gBACL,eAAe,iBAAA;gBACf,kBAAkB,oBAAA;gBAClB,aAAa,eAAA;gBACb,QAAQ,UAAA;gBACR,QAAQ,UAAA;gBACR,gBAAgB,kBAAA;gBAChB,YAAY,EAAE,YAAY,CAAC,OAAO;gBAClC,oBAAoB,sBAAA;gBACpB,UAAU,EAAE,OAAO,CAAC,UAAU,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE;gBAClE,QAAQ,EAAE,OAAO,CAAC,QAAQ,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE;gBAC1C,uBAAuB,EACrB,yBAAyB,IAAI,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAAC,CAAC,IAAI;aAChF,iBAEA,IAAA,aAAI,EAAC,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CACzB,uBAAC,0BAA0B,aAAC,QAAQ,EAAE,OAAO,CAAC,qBAAqB,gBAChE,aAAa,CAAC,GAAG,CAAC,UAAC,YAAY,IAAK,OAAA,CACnC,2BAAC,yBAAkB,eACb,YAAY,IAChB,GAAG,EAAE,YAAY,CAAC,EAAE,EACpB,OAAO,EACL,YAAY,CAAC,OAAO;4BAClB,CAAC,CAAC,cAAM,OAAA,KAAK,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC,EAA1C,CAA0C;4BAClD,CAAC,CAAC,SAAS,EAEf,OAAO,EAAE;4BACP,IAAI,YAAY,CAAC,OAAO,EAAE;gCACxB,YAAY,CAAC,OAAO,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;6BACvC;4BAED,kBAAkB,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;wBACtC,CAAC,EACD,QAAQ,EAAE;4BACR,IAAI,YAAY,CAAC,QAAQ,EAAE;gCACzB,YAAY,CAAC,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;6BACxC;4BAED,kBAAkB,CAAC,YAAY,CAAC,EAAE,CAAC,CAAC;wBACtC,CAAC,IACD,CACH,EAxBoC,CAwBpC,CAAC,IACyB,CAC9B,CAAC,CAAC,CAAC,IAAI,EACP,QAAQ,EACR,iBAAiB,CAAC,MAAM,IAAI,CAC3B,uBAAC,eAAW,aACV,MAAM,QACN,IAAI,QACJ,OAAO,EAAE,GAAG,EACZ,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,OAAO,EACb,MAAM,EAAE,iBAAiB,CAAC,MAAM,EAChC,KAAK,EAAE,iBAAiB,CAAC,KAAK,IAAI,qBAAqB,EACvD,IAAI,EAAC,kBAAkB,EACvB,SAAS,EAAC,2BAA2B,EACrC,aAAa,EAAE;wBACb;4BACE,KAAK,EAAE,iBAAiB,CAAC,WAAW,IAAI,QAAQ;4BAChD,IAAI,EAAE,WAAW;4BACjB,OAAO,EAAE;;gCACP,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,QAAQ,iEAAI,CAAC;gCAChC,sBAAsB,EAAE,CAAC;4BAC3B,CAAC;4BACD,QAAQ,EAAE,MAAM;yBACjB;wBACD;4BACE,KAAK,EAAE,iBAAiB,CAAC,YAAY,IAAI,SAAS;4BAClD,MAAM,EAAE,iBAAiB,CAAC,mBAAmB,IAAI,SAAS;4BAC1D,IAAI,EAAE,iBAAiB,CAAC,WAAW,IAAI,WAAW;4BAClD,OAAO,EAAE;;gCACP,MAAA,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,SAAS,iEAAI,CAAC;gCACjC,sBAAsB,EAAE,CAAC;4BAC3B,CAAC;4BACD,QAAQ,EAAE,OAAO;yBAClB;qBACF,gBAED,uBAAC,oBAAgB,aACf,EAAE,EAAC,GAAG,EACN,MAAM,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,gBAE/D,iBAAiB,CAAC,WAAW,IAAI,mCAAmC,IACpD,IACP,CACf,KACsB,GACxB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,cAAc,CAAC"}
+{"version":3,"file":"ReqoreProvider.js","sourceRoot":"","sources":["../../src/containers/ReqoreProvider.tsx"],"names":[],"mappings":"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"}

package/dist/containers/UIProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UIProvider.d.ts","sourceRoot":"","sources":["../../src/containers/UIProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAiB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAOjE,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,4BAA4B,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT;;;;aAIK;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AACD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAwCD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAwBtD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
+{"version":3,"file":"UIProvider.d.ts","sourceRoot":"","sources":["../../src/containers/UIProvider.tsx"],"names":[],"mappings":"AAGA,OAAO,KAA+B,MAAM,OAAO,CAAC;AAGpD,OAAO,EAAE,4BAA4B,EAAE,MAAM,6BAA6B,CAAC;AAC3E,OAAO,EAAiB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAMjE,MAAM,WAAW,cAAc;IAC7B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,qBAAqB,CAAC,EAAE,4BAA4B,CAAC;IACrD,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,UAAU,CAAC,EAAE;QACX,OAAO,CAAC,EAAE,OAAO,CAAC;QAClB,OAAO,CAAC,EAAE,OAAO,CAAC;KACnB,CAAC;IACF,QAAQ,CAAC,EAAE;QACT;;;;aAIK;QACL,KAAK,CAAC,EAAE,MAAM,CAAC;KAChB,CAAC;IACF,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC;AACD,MAAM,WAAW,sBAAsB;IACrC,QAAQ,CAAC,EAAE,GAAG,CAAC;IACf,KAAK,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAC9B,OAAO,CAAC,EAAE,cAAc,CAAC;CAC1B;AAwCD,QAAA,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAoBtD,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/containers/UIProvider.js

@@ -51,7 +51,6 @@ var Layout_1 = __importDefault(require("../components/Layout"));
 var theme_1 = require("../constants/theme");
 var ThemeContext_1 = __importDefault(require("../context/ThemeContext"));
 var colors_1 = require("../helpers/colors");
-var PopoverProvider_1 = __importDefault(require("./PopoverProvider"));
 var ReqoreProvider_1 = __importDefault(require("./ReqoreProvider"));
 var ThemeProvider_1 = __importDefault(require("./ThemeProvider"));
 var GlobalStyle = (0, styled_components_1.createGlobalStyle)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  .reqore-blur-wrapper {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999998;\n    cursor: pointer;\n    background-color: ", ";\n    backdrop-filter: blur(3px);\n  }\n\n  .reqore-blur-z-index {\n    z-index: 999999;\n  }\n"], ["\n  .reqore-blur-wrapper {\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    z-index: 999998;\n    cursor: pointer;\n    background-color: ", ";\n    backdrop-filter: blur(3px);\n  }\n\n  .reqore-blur-z-index {\n    z-index: 999999;\n  }\n"])), function (_a) {
@@ -71,7 +70,7 @@ var ReqoreUIProvider = function (_a) {
     var _theme = (0, lodash_1.cloneDeep)(theme || {});
     var _defaultTheme = (0, lodash_1.cloneDeep)(theme_1.DEFAULT_THEME);
     var rebuiltTheme = (0, colors_1.buildTheme)((0, merge_1["default"])(_defaultTheme, _theme));
-    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(ThemeContext_1["default"].Provider, __assign({ value: __assign({}, rebuiltTheme) }, { children: [(0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsx)(GlobalStyle, {}) }), (0, jsx_runtime_1.jsx)(Layout_1["default"], __assign({ withSidebar: options === null || options === void 0 ? void 0 : options.withSidebar }, { children: modalPortal ? ((0, jsx_runtime_1.jsx)(ReqoreProvider_1["default"], __assign({ options: options }, { children: (0, jsx_runtime_1.jsx)(PopoverProvider_1["default"], __assign({ uiScale: options === null || options === void 0 ? void 0 : options.uiScale }, { children: children })) }))) : null })), (0, jsx_runtime_1.jsx)(ReqorePortal, { ref: setModalPortal })] })) }));
+    return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsxs)(ThemeContext_1["default"].Provider, __assign({ value: __assign({}, rebuiltTheme) }, { children: [(0, jsx_runtime_1.jsx)(ThemeProvider_1["default"], { children: (0, jsx_runtime_1.jsx)(GlobalStyle, {}) }), (0, jsx_runtime_1.jsx)(Layout_1["default"], __assign({ withSidebar: options === null || options === void 0 ? void 0 : options.withSidebar }, { children: modalPortal ? (0, jsx_runtime_1.jsx)(ReqoreProvider_1["default"], __assign({ options: options }, { children: children })) : null })), (0, jsx_runtime_1.jsx)(ReqorePortal, { ref: setModalPortal })] })) }));
 };
 exports["default"] = ReqoreUIProvider;
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/containers/UIProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../src/containers/UIProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,uDAAiC;AACjC,qCAAgC;AAChC,+BAAoD;AACpD,qEAAmE;AACnE,gEAAuD;AAEvD,4CAAiE;AACjE,yEAAmD;AACnD,4CAAyF;AACzF,sEAAgD;AAChD,oEAA8C;AAC9C,kEAAkD;AA0BlD,IAAM,WAAW,OAAG,qCAAiB,wVAAA,gLASb,EAAuD,kGAO9E,KAPuB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,IAAA,eAAI,EAAC,IAAA,+BAAsB,EAAC,KAAK,CAAC,EAAE,GAAG,CAAC;AAAxC,CAAwC,CAO9E,CAAC;AAEF,IAAM,YAAY,GAAG,8BAAM,CAAC,GAAG,8IAAA,qEAO3B,EAED,IACF,KAHG,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,WAAA,uBAAG,4FAAA,eACT,EAAmD,OAC7D,KADU,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAD7C,CAEhB,CACF,CAAC;AAEF,IAAM,YAAY,GAAG,IAAA,kBAAU,EAAyB,UAAC,MAAM,EAAE,GAAG;IAClE,OAAO,CACL,uBAAC,0BAAmB,cAClB,uBAAC,YAAY,IAAC,EAAE,EAAC,eAAe,EAAC,GAAG,EAAE,GAAG,GAAI,GACzB,CACvB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAM,gBAAgB,GAAqC,UAAC,EAA4B;QAA1B,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA;IAC9E,IAAA,KAAgC,IAAA,gBAAQ,EAAM,KAAK,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IAE3D,IAAM,MAAM,GAA0B,IAAA,kBAAS,EAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC7D,IAAM,aAAa,GAAiB,IAAA,kBAAS,EAAC,qBAAa,CAAC,CAAC;IAC7D,IAAM,YAAY,GAAiB,IAAA,mBAAU,EAAC,IAAA,kBAAK,EAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5E,OAAO,CACL,2DACE,wBAAC,yBAAY,CAAC,QAAQ,aAAC,KAAK,eAAO,YAAY,kBAC7C,uBAAC,0BAAmB,cAClB,uBAAC,WAAW,KAAG,GACK,EACtB,uBAAC,mBAAmB,aAAC,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,gBACnD,WAAW,CAAC,CAAC,CAAC,CACb,uBAAC,2BAAc,aAAC,OAAO,EAAE,OAAO,gBAC9B,uBAAC,4BAAe,aAAC,OAAO,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,gBAAG,QAAQ,IAAmB,IACzD,CAClB,CAAC,CAAC,CAAC,IAAI,IACY,EACtB,uBAAC,YAAY,IAAC,GAAG,EAAE,cAAc,GAAI,KACf,GACvB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"UIProvider.js","sourceRoot":"","sources":["../../src/containers/UIProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,iCAAmC;AACnC,uDAAiC;AACjC,qCAAgC;AAChC,+BAAoD;AACpD,qEAAmE;AACnE,gEAAuD;AAEvD,4CAAiE;AACjE,yEAAmD;AACnD,4CAAyF;AACzF,oEAA8C;AAC9C,kEAAkD;AA0BlD,IAAM,WAAW,OAAG,qCAAiB,wVAAA,gLASb,EAAuD,kGAO9E,KAPuB,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,IAAA,eAAI,EAAC,IAAA,+BAAsB,EAAC,KAAK,CAAC,EAAE,GAAG,CAAC;AAAxC,CAAwC,CAO9E,CAAC;AAEF,IAAM,YAAY,GAAG,8BAAM,CAAC,GAAG,8IAAA,qEAO3B,EAED,IACF,KAHG,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,WAAA,uBAAG,4FAAA,eACT,EAAmD,OAC7D,KADU,IAAA,yBAAgB,EAAC,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,IAAI,CAAC;AAD7C,CAEhB,CACF,CAAC;AAEF,IAAM,YAAY,GAAG,IAAA,kBAAU,EAAyB,UAAC,MAAM,EAAE,GAAG;IAClE,OAAO,CACL,uBAAC,0BAAmB,cAClB,uBAAC,YAAY,IAAC,EAAE,EAAC,eAAe,EAAC,GAAG,EAAE,GAAG,GAAI,GACzB,CACvB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,IAAM,gBAAgB,GAAqC,UAAC,EAA4B;QAA1B,QAAQ,cAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA;IAC9E,IAAA,KAAgC,IAAA,gBAAQ,EAAM,KAAK,CAAC,EAAnD,WAAW,QAAA,EAAE,cAAc,QAAwB,CAAC;IAE3D,IAAM,MAAM,GAA0B,IAAA,kBAAS,EAAC,KAAK,IAAI,EAAE,CAAC,CAAC;IAC7D,IAAM,aAAa,GAAiB,IAAA,kBAAS,EAAC,qBAAa,CAAC,CAAC;IAC7D,IAAM,YAAY,GAAiB,IAAA,mBAAU,EAAC,IAAA,kBAAK,EAAC,aAAa,EAAE,MAAM,CAAC,CAAC,CAAC;IAE5E,OAAO,CACL,2DACE,wBAAC,yBAAY,CAAC,QAAQ,aAAC,KAAK,eAAO,YAAY,kBAC7C,uBAAC,0BAAmB,cAClB,uBAAC,WAAW,KAAG,GACK,EACtB,uBAAC,mBAAmB,aAAC,WAAW,EAAE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,gBACnD,WAAW,CAAC,CAAC,CAAC,uBAAC,2BAAc,aAAC,OAAO,EAAE,OAAO,gBAAG,QAAQ,IAAkB,CAAC,CAAC,CAAC,IAAI,IAC/D,EACtB,uBAAC,YAAY,IAAC,GAAG,EAAE,cAAc,GAAI,KACf,GACvB,CACJ,CAAC;AACJ,CAAC,CAAC;AAEF,qBAAe,gBAAgB,CAAC"}

package/dist/context/ReqoreContext.d.ts

@@ -1,10 +1,12 @@
 import { IReqoreTheme } from '../constants/theme';
-import { IReqoreConfirmationModal, IReqoreNotificationData } from '../containers/ReqoreProvider';
+import { IReqoreConfirmationModal, IReqoreModalFromProps, IReqoreNotificationData, TReqoreCustomModal } from '../containers/ReqoreProvider';
 import { IReqoreOptions } from '../containers/UIProvider';
 export interface IReqoreContext {
     readonly confirmAction: (data: IReqoreConfirmationModal) => void;
     readonly notifications?: IReqoreNotificationData[] | null;
     readonly addNotification?: (data: IReqoreNotificationData) => any;
+    readonly addModal?: (modal: IReqoreModalFromProps | TReqoreCustomModal, id?: string) => string;
+    readonly removeModal?: (id: string) => void;
     readonly removeNotification?: (id: string) => any;
     readonly isMobile?: boolean;
     readonly isTablet?: boolean;

package/dist/context/ReqoreContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ReqoreContext.d.ts","sourceRoot":"","sources":["../../src/context/ReqoreContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,EAAE,MAAM,8BAA8B,CAAC;AACjG,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACjE,QAAQ,CAAC,aAAa,CAAC,EAAE,uBAAuB,EAAE,GAAG,IAAI,CAAC;IAC1D,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,GAAG,CAAC;IAClE,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,GAAG,CAAC;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,MAAM,CAAC;IAC7C,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAC/C,QAAQ,CAAC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAC3C,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,KAAK,EAAE,YAAY,CAAC;CACrB;;AAED,wBAWG"}
+{"version":3,"file":"ReqoreContext.d.ts","sourceRoot":"","sources":["../../src/context/ReqoreContext.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACjE,OAAO,EACL,wBAAwB,EACxB,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EACnB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,aAAa,EAAE,CAAC,IAAI,EAAE,wBAAwB,KAAK,IAAI,CAAC;IACjE,QAAQ,CAAC,aAAa,CAAC,EAAE,uBAAuB,EAAE,GAAG,IAAI,CAAC;IAC1D,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,IAAI,EAAE,uBAAuB,KAAK,GAAG,CAAC;IAClE,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,qBAAqB,GAAG,kBAAkB,EAAE,EAAE,CAAC,EAAE,MAAM,KAAK,MAAM,CAAC;IAC/F,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC5C,QAAQ,CAAC,kBAAkB,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,GAAG,CAAC;IAClD,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAC;IAC5B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IACpC,QAAQ,CAAC,oBAAoB,CAAC,EAAE,MAAM,MAAM,CAAC;IAC7C,QAAQ,CAAC,UAAU,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAC;IACnD,QAAQ,CAAC,QAAQ,CAAC,EAAE,cAAc,CAAC,UAAU,CAAC,CAAC;IAC/C,QAAQ,CAAC,uBAAuB,CAAC,EAAE,OAAO,CAAC;IAC3C,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAC;IAC/B,KAAK,EAAE,YAAY,CAAC;CACrB;;AAED,wBAaG"}

package/dist/context/ReqoreContext.js

@@ -7,6 +7,8 @@ exports["default"] = (0, use_context_selector_1.createContext)({
     notifications: null,
     addNotification: null,
     removeNotification: null,
+    addModal: null,
+    removeModal: null,
     animations: {
         buttons: true,
         dialogs: true

package/dist/context/ReqoreContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReqoreContext.js","sourceRoot":"","sources":["../../src/context/ReqoreContext.tsx"],"names":[],"mappings":";;AAAA,6DAAqD;AACrD,4CAAiE;AAoBjE,qBAAe,IAAA,oCAAa,EAAiB;IAC3C,aAAa,EAAE,IAAI;IACnB,aAAa,EAAE,IAAI;IACnB,eAAe,EAAE,IAAI;IACrB,kBAAkB,EAAE,IAAI;IACxB,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;KACd;IACD,uBAAuB,EAAE,IAAI;IAC7B,KAAK,EAAE,qBAAa;CACrB,CAAC,CAAC"}
+{"version":3,"file":"ReqoreContext.js","sourceRoot":"","sources":["../../src/context/ReqoreContext.tsx"],"names":[],"mappings":";;AAAA,6DAAqD;AACrD,4CAAiE;AA2BjE,qBAAe,IAAA,oCAAa,EAAiB;IAC3C,aAAa,EAAE,IAAI;IACnB,aAAa,EAAE,IAAI;IACnB,eAAe,EAAE,IAAI;IACrB,kBAAkB,EAAE,IAAI;IACxB,QAAQ,EAAE,IAAI;IACd,WAAW,EAAE,IAAI;IACjB,UAAU,EAAE;QACV,OAAO,EAAE,IAAI;QACb,OAAO,EAAE,IAAI;KACd;IACD,uBAAuB,EAAE,IAAI;IAC7B,KAAK,EAAE,qBAAa;CACrB,CAAC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@qoretechnologies/reqore",
-  "version": "0.36.8",
+  "version": "0.37.1",
   "description": "ReQore is a highly theme-able and modular UI library for React",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/Collection/item.tsx

@@ -6,7 +6,7 @@ import styled, { css } from 'styled-components';
 import { changeDarkness, getMainBackgroundColor } from '../../helpers/colors';
 import { useReqoreProperty } from '../../hooks/useReqoreContext';
 import { useReqoreTheme } from '../../hooks/useTheme';
-import { StyledBackdrop } from '../Drawer';
+import { ReqoreBackdrop } from '../Drawer/backdrop';
 import {
   IReqorePanelAction,
   IReqorePanelBottomAction,
@@ -150,7 +150,7 @@ export const ReqoreCollectionItem = ({
   );
 
   const renderContent = () => {
-    const handleItemClick = (event) => {
+    const handleItemClick = (event?: any) => {
       if (expandable) {
         if (isSelected) {
           setDimensions(originalDimensions.current);
@@ -194,11 +194,10 @@ export const ReqoreCollectionItem = ({
         {position && (
           <>
             <div style={{ ...originalDimensions.current }} />
-            <StyledBackdrop
+            <ReqoreBackdrop
               zIndex={getAndIncreaseZIndex()}
               blur={5}
-              closable
-              onClick={handleItemClick}
+              onClose={() => handleItemClick()}
             />
           </>
         )}

package/src/components/Drawer/backdrop.tsx

@@ -0,0 +1,43 @@
+import { animated } from '@react-spring/web';
+import { rgba } from 'polished';
+import { memo } from 'react';
+import styled from 'styled-components';
+import { IReqoreDrawerStyle } from '.';
+import { getMainBackgroundColor } from '../../helpers/colors';
+
+export interface IReqoreBackdropProps extends React.HTMLAttributes<HTMLDivElement> {
+  zIndex?: number;
+  blur?: number;
+  onClose?: () => void;
+  opacity?: number;
+}
+
+export const StyledBackdrop = styled(animated.div)<
+  IReqoreDrawerStyle & { closable: boolean; zIndex?: number }
+>`
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  right: 0;
+  left: 0;
+  backdrop-filter: ${({ blur }) => (blur ? `blur(${blur}px)` : undefined)};
+  z-index: ${({ zIndex }) => zIndex};
+  background-color: ${({ theme }) => rgba(getMainBackgroundColor(theme), 0.3)};
+  cursor: ${({ closable }) => (closable ? 'pointer' : 'initial')};
+`;
+
+export const ReqoreBackdrop = memo(
+  ({ onClose, zIndex, blur, opacity, ...rest }: IReqoreBackdropProps) => (
+    <StyledBackdrop
+      {...rest}
+      className={`${rest.className || ''} reqore-drawer-backdrop`}
+      onClick={() => onClose?.()}
+      closable={!!onClose}
+      zIndex={zIndex}
+      blur={blur}
+      style={{
+        opacity,
+      }}
+    />
+  )
+);

package/src/components/Drawer/index.tsx

@@ -1,5 +1,4 @@
 import { animated, useTransition } from '@react-spring/web';
-import { rgba } from 'polished';
 import { Resizable } from 're-resizable';
 import { useEffect, useMemo, useState } from 'react';
 import { createPortal } from 'react-dom';
@@ -8,12 +7,12 @@ import { useReqoreProperty } from '../..';
 import { SPRING_CONFIG, SPRING_CONFIG_NO_ANIMATIONS } from '../../constants/animations';
 import { IReqoreTheme } from '../../constants/theme';
 import ReqoreThemeProvider from '../../containers/ThemeProvider';
-import { getMainBackgroundColor } from '../../helpers/colors';
 import useLatestZIndex from '../../hooks/useLatestZIndex';
 import { useReqoreTheme } from '../../hooks/useTheme';
 import { IReqoreIconName } from '../../types/icons';
 import ReqoreButton from '../Button';
 import { IReqorePanelAction, IReqorePanelProps, ReqorePanel } from '../Panel';
+import { ReqoreBackdrop } from './backdrop';
 
 export type TPosition = 'top' | 'bottom' | 'left' | 'right';
 
@@ -97,20 +96,6 @@ export const StyledCloseWrapper = styled.div<IReqoreDrawerStyle>`
 
 export const StyledDrawerResizable = styled(animated.div)``;
 
-export const StyledBackdrop = styled(animated.div)<
-  IReqoreDrawerStyle & { closable: boolean; zIndex?: number }
->`
-  position: fixed;
-  top: 0;
-  bottom: 0;
-  right: 0;
-  left: 0;
-  backdrop-filter: ${({ blur }) => (blur ? `blur(${blur}px)` : undefined)};
-  z-index: ${({ zIndex }) => zIndex};
-  background-color: ${({ theme }) => rgba(getMainBackgroundColor(theme), 0.3)};
-  cursor: ${({ closable }) => (closable ? 'pointer' : 'initial')};
-`;
-
 /**
  * It returns an icon name based on the position and whether the panel is hidden or not
  * @param {'top' | 'bottom' | 'left' | 'right'} position - The position of the panel.
@@ -245,15 +230,11 @@ export const ReqoreDrawer: React.FC<IReqoreDrawerProps> = ({
       item ? (
         <ReqoreThemeProvider theme={theme}>
           {hasBackdrop && !_isHidden ? (
-            <StyledBackdrop
-              className='reqore-drawer-backdrop'
-              onClick={() => onClose && onClose()}
-              closable={!!onClose}
+            <ReqoreBackdrop
+              onClose={onClose}
               zIndex={zIndex}
               blur={blur}
-              style={{
-                opacity: styles.opacity,
-              }}
+              opacity={styles.opacity}
             />
           ) : null}
           <Resizable

package/src/components/Navbar/index.tsx

@@ -20,6 +20,7 @@ export interface IReqoreNavbarStyle extends IReqoreNavbarProps {
 export const StyledNavbar = styled.div<IReqoreNavbarStyle>`
   ${({ theme, type }: IReqoreNavbarStyle) => css`
     height: 50px;
+    flex-shrink: 0;
     width: 100%;
     padding: 0 10px;
     color: ${theme[type]?.color ||

package/src/components/Sidebar/index.tsx

@@ -13,7 +13,7 @@ import useLatestZIndex from '../../hooks/useLatestZIndex';
 import { useReqoreTheme } from '../../hooks/useTheme';
 import { ActiveIconScale, InactiveIconScale, ScaleIconOnHover } from '../../styles';
 import { IReqoreIconName } from '../../types/icons';
-import { StyledBackdrop } from '../Drawer';
+import { ReqoreBackdrop } from '../Drawer/backdrop';
 import ReqoreIcon from '../Icon';
 import SidebarItem from './item';
 
@@ -423,10 +423,9 @@ const ReqoreSidebar: React.FC<IQorusSidebarProps> = ({
   return (
     <>
       {floating && hasFloatingBackdrop && isOpen ? (
-        <StyledBackdrop
+        <ReqoreBackdrop
           className='reqore-sidebar-backdrop'
-          onClick={() => onCloseClick?.()}
-          closable
+          onClose={() => onCloseClick?.()}
           zIndex={zIndex}
         />
       ) : null}