react-side-sheet-pro 0.1.5 → 0.1.6

package/dist/components/SideSheetProvider.js

@@ -74,53 +74,66 @@ var SideSheetProvider = exports.SideSheetProvider = function SideSheetProvider(_
   var close = (0, _react.useCallback)(/*#__PURE__*/function () {
     var _ref2 = _asyncToGenerator(/*#__PURE__*/_regeneratorRuntime().mark(function _callee(id) {
       var _itemsToClose;
-      var itemsToClose, _iterator, _step, _item$options$onClose, _item$options, item, _item$options$confirm, _item$options$confirm2, confirmCallback, confirmed, duration;
+      var force,
+        itemsToClose,
+        _iterator,
+        _step,
+        _item$options$onClose,
+        _item$options,
+        item,
+        _item$options$confirm,
+        _item$options$confirm2,
+        confirmCallback,
+        confirmed,
+        duration,
+        _args = arguments;
       return _regeneratorRuntime().wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
+            force = _args.length > 1 && _args[1] !== undefined ? _args[1] : false;
             itemsToClose = id === null ? _toConsumableArray(stackRef.current) : stackRef.current.filter(function (i) {
               return i.id === id;
             });
             _iterator = _createForOfIteratorHelper(itemsToClose);
-            _context.prev = 2;
+            _context.prev = 3;
             _iterator.s();
-          case 4:
+          case 5:
             if ((_step = _iterator.n()).done) {
-              _context.next = 16;
+              _context.next = 17;
               break;
             }
             item = _step.value;
-            if (!item.options.confirmBeforeClose) {
-              _context.next = 13;
+            if (!(!force && item.options.confirmBeforeClose)) {
+              _context.next = 14;
               break;
             }
             confirmCallback = (_item$options$confirm = item.options.confirmCallback) !== null && _item$options$confirm !== void 0 ? _item$options$confirm : config.confirmCallback;
-            _context.next = 10;
+            _context.next = 11;
             return confirmCallback((_item$options$confirm2 = item.options.confirmMessage) !== null && _item$options$confirm2 !== void 0 ? _item$options$confirm2 : config.confirmMessage);
-          case 10:
+          case 11:
             confirmed = _context.sent;
             if (confirmed) {
-              _context.next = 13;
+              _context.next = 14;
               break;
             }
             return _context.abrupt("return");
-          case 13:
-            (_item$options$onClose = (_item$options = item.options).onClose) === null || _item$options$onClose === void 0 || _item$options$onClose.call(_item$options, item.id);
           case 14:
-            _context.next = 4;
+            (_item$options$onClose = (_item$options = item.options).onClose) === null || _item$options$onClose === void 0 || _item$options$onClose.call(_item$options, item.id);
+          case 15:
+            _context.next = 5;
             break;
-          case 16:
-            _context.next = 21;
+          case 17:
+            _context.next = 22;
             break;
-          case 18:
-            _context.prev = 18;
-            _context.t0 = _context["catch"](2);
+          case 19:
+            _context.prev = 19;
+            _context.t0 = _context["catch"](3);
             _iterator.e(_context.t0);
-          case 21:
-            _context.prev = 21;
+          case 22:
+            _context.prev = 22;
             _iterator.f();
-            return _context.finish(21);
-          case 24:
+            return _context.finish(22);
+          case 25:
             if (!config.enableOverflow && stackRef.current.length <= itemsToClose.length) {
               document.body.style.overflow = overflowRef.current;
             }
@@ -144,11 +157,11 @@ var SideSheetProvider = exports.SideSheetProvider = function SideSheetProvider(_
                 });
               }
             }, duration);
-          case 28:
+          case 29:
           case "end":
             return _context.stop();
         }
-      }, _callee, null, [[2, 18, 21, 24]]);
+      }, _callee, null, [[3, 19, 22, 25]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);

package/index.d.ts

@@ -22,7 +22,7 @@ interface SideOptions {
 }
 interface SideElementProps {
     sideId: number;
-    close: (id: number | null) => Promise<void>;
+    close: (id: number | null, force?: boolean) => Promise<void>;
     open: (element: SideElement, options?: SideOptions) => number;
     update: (id: number, options: SideOptions) => void;
     options: SideOptions;
@@ -36,7 +36,7 @@ interface SideStackItem {
 }
 interface SideSheetContextValue {
     open: (el: SideElement, opts?: SideOptions) => number;
-    close: (id: number | null) => Promise<void>;
+    close: (id: number | null, force?: boolean) => Promise<void>;
     update: (id: number, opts: SideOptions) => void;
     config: SideSheetOptions;
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "react-side-sheet-pro",
   "description": "A flexible React SideSheet component for displaying contextual information.",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "license": "MIT",
   "keywords": [
     "react",

package/src/components/SideSheetProvider.tsx

@@ -56,14 +56,14 @@ export const SideSheetProvider: React.FC<{
     return id;
   }, []);
 
-  const close = useCallback(async (id: number | null) => {
+  const close = useCallback(async (id: number | null, force = false) => {
     const itemsToClose =
       id === null
         ? [...stackRef.current]
         : stackRef.current.filter(i => i.id === id);
 
     for (const item of itemsToClose) {
-      if (item.options.confirmBeforeClose) {
+      if (! force && item.options.confirmBeforeClose) {
         const confirmCallback =
           item.options.confirmCallback ?? config.confirmCallback;
         const confirmed = await confirmCallback(

package/src/types/index.ts

@@ -42,7 +42,7 @@ export interface SideStackItem {
 
 export interface SideSheetContextValue {
   open: (el: SideElement, opts?: SideOptions) => number;
-  close: (id: number | null) => Promise<void>;
+  close: (id: number | null, force: boolean) => Promise<void>;
   update: (id: number, opts: SideOptions) => void;
   config: SideSheetOptions;
 }