framework7-react 8.2.0 → 8.3.0

package/components/sheet.d.ts

@@ -24,6 +24,9 @@ export interface SheetProps {
   swipeToStep ?: boolean;
   swipeHandler ?: string | object;
   containerEl ?: string | object;
+  breakpoints ?: number[];
+  backdropBreakpoint ?: number;
+  pushBreakpoint ?: number;
   color?: string;
   colorTheme?: string;
   textColor?: string;

package/components/sheet.js

@@ -29,12 +29,18 @@ const Sheet = /*#__PURE__*/forwardRef((props, ref) => {
     swipeToClose,
     swipeToStep,
     swipeHandler,
-    containerEl
+    containerEl,
+    breakpoints,
+    backdropBreakpoint,
+    pushBreakpoint
   } = props;
   const extraAttrs = getExtraAttrs(props);
   const elRef = useRef(null);
   const isOpened = useRef(opened);
   const isClosing = useRef(false);
+  const onBreakpoint = (instance, breakpoint) => {
+    emit(props, 'sheetBreakpoint', instance, breakpoint);
+  };
   const onStepProgress = (instance, progress) => {
     emit(props, 'sheetStepProgress', instance, progress);
   };
@@ -74,11 +80,15 @@ const Sheet = /*#__PURE__*/forwardRef((props, ref) => {
     f7Sheet.current[method]('stepOpen', onStepOpen);
     f7Sheet.current[method]('stepClose', onStepClose);
     f7Sheet.current[method]('stepProgress', onStepProgress);
+    f7Sheet.current[method]('breakpoint', onBreakpoint);
   };
   const onMount = () => {
     if (!elRef.current) return;
     const sheetParams = {
-      el: elRef.current
+      el: elRef.current,
+      breakpoints,
+      backdropBreakpoint,
+      pushBreakpoint
     };
     if ('animate' in props && typeof animate !== 'undefined') sheetParams.animate = animate;
     if ('backdrop' in props && typeof backdrop !== 'undefined') sheetParams.backdrop = backdrop;
@@ -90,6 +100,9 @@ const Sheet = /*#__PURE__*/forwardRef((props, ref) => {
     if ('swipeToStep' in props) sheetParams.swipeToStep = swipeToStep;
     if ('swipeHandler' in props) sheetParams.swipeHandler = swipeHandler;
     if ('containerEl' in props) sheetParams.containerEl = containerEl;
+    if ('breakpoints' in props) sheetParams.breakpoints = breakpoints;
+    if ('backdropBreakpoint' in props) sheetParams.backdropBreakpoint = backdropBreakpoint;
+    if ('pushBreakpoint' in props) sheetParams.pushBreakpoint = pushBreakpoint;
     f7ready(() => {
       f7Sheet.current = f7.sheet.create(sheetParams);
       modalEvents('on');

package/framework7-react.js

@@ -1,5 +1,5 @@
 /**
- * Framework7 React 8.2.0
+ * Framework7 React 8.3.0
  * Build full featured iOS & Android apps using Framework7 & React
  * https://framework7.io/react/
  *
@@ -7,7 +7,7 @@
  *
  * Released under the MIT License
  *
- * Released on: July 6, 2023
+ * Released on: August 18, 2023
  */
 import Framework7React from './shared/plugin.js';
 import { f7, f7ready, theme } from './shared/f7.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "framework7-react",
-  "version": "8.2.0",
+  "version": "8.3.0",
   "description": "Build full featured iOS & Android apps using Framework7 & React",
   "type": "module",
   "exports": {
@@ -47,5 +47,5 @@
     "type": "patreon",
     "url": "https://www.patreon.com/framework7"
   },
-  "releaseDate": "July 6, 2023"
+  "releaseDate": "August 18, 2023"
 }