tabler-react-2 0.1.104 → 0.1.105

package/dist/offcanvas/index.js

@@ -116,45 +116,42 @@ Offcanvas.defaultProps = {
 };
 var useOffcanvas = exports.useOffcanvas = function useOffcanvas() {
   var options = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
-  // Store the initial state in a memo so it doesn't change across renders
   var initialState = (0, _react.useMemo)(function () {
+    var _options$content, _options$position;
     return {
       show: false,
       resolve: null,
-      content: options.content || null,
-      position: options.position || "start"
+      content: (_options$content = options.content) !== null && _options$content !== void 0 ? _options$content : null,
+      position: (_options$position = options.position) !== null && _options$position !== void 0 ? _options$position : "start"
     };
   }, [options.content, options.position]);
   var _useState = (0, _react.useState)(initialState),
     _useState2 = _slicedToArray(_useState, 2),
     state = _useState2[0],
     setState = _useState2[1];
-
-  // Open the offcanvas, optionally providing new content or position
   var offcanvas = (0, _react.useCallback)(function () {
     var newOptions = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
     return new Promise(function (resolve) {
-      setState(function (prev) {
-        var _newOptions$content, _newOptions$position;
-        return _objectSpread(_objectSpread({}, prev), {}, {
-          show: true,
-          resolve: resolve,
-          content: (_newOptions$content = newOptions.content) !== null && _newOptions$content !== void 0 ? _newOptions$content : prev.content,
-          position: (_newOptions$position = newOptions.position) !== null && _newOptions$position !== void 0 ? _newOptions$position : prev.position
-        });
-      });
+      var _newOptions$content, _newOptions$position;
+      setState(_objectSpread(_objectSpread({}, initialState), {}, {
+        show: true,
+        resolve: resolve,
+        content: (_newOptions$content = newOptions.content) !== null && _newOptions$content !== void 0 ? _newOptions$content : initialState.content,
+        position: (_newOptions$position = newOptions.position) !== null && _newOptions$position !== void 0 ? _newOptions$position : initialState.position
+      }));
     });
-  }, []);
-
-  // Close the offcanvas and reset to the initial state
+  }, [initialState]);
   var close = (0, _react.useCallback)(function () {
     if (state.resolve) {
       state.resolve();
     }
-    setState(initialState);
-  }, [state.resolve, initialState]);
-
-  // The Offcanvas element to render
+    setState(function (prev) {
+      return _objectSpread(_objectSpread({}, prev), {}, {
+        show: false,
+        resolve: null
+      });
+    });
+  }, [state.resolve]);
   var OffcanvasElement = /*#__PURE__*/_react["default"].createElement(Offcanvas, _extends({
     show: state.show,
     onHide: close,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "tabler-react-2",
-  "version": "0.1.104",
+  "version": "0.1.105",
   "description": "A react implementation of Tabler ui",
   "main": "dist/index.js",
   "scripts": {