framework7-react 7.1.5 → 8.0.0-beta.2

package/components/accordion-content.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const AccordionContent = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,

package/components/accordion-item.js

@@ -1,11 +1,11 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { useIsomorphicLayoutEffect } from '../shared/use-isomorphic-layout-effect.js';
 import { classNames, getExtraAttrs, emit } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 import { f7, f7ready } from '../shared/f7.js';
 
+
 const AccordionItem = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -18,37 +18,30 @@ const AccordionItem = /*#__PURE__*/forwardRef((props, ref) => {
   useImperativeHandle(ref, () => ({
     el: elRef.current
   }));
-
   const onBeforeOpen = (el, prevent) => {
     if (elRef.current !== el) return;
     emit(props, 'accordionBeforeOpen', prevent);
   };
-
   const onOpen = el => {
     if (elRef.current !== el) return;
     emit(props, 'accordionOpen');
   };
-
   const onOpened = el => {
     if (elRef.current !== el) return;
     emit(props, 'accordionOpened');
   };
-
   const onBeforeClose = (el, prevent) => {
     if (elRef.current !== el) return;
     emit(props, 'accordionBeforeClose', prevent);
   };
-
   const onClose = el => {
     if (elRef.current !== el) return;
     emit(props, 'accordionClose');
   };
-
   const onClosed = el => {
     if (elRef.current !== el) return;
     emit(props, 'accordionClosed');
   };
-
   const attachEvents = () => {
     f7ready(() => {
       f7.on('accordionBeforeOpen', onBeforeOpen);
@@ -59,7 +52,6 @@ const AccordionItem = /*#__PURE__*/forwardRef((props, ref) => {
       f7.on('accordionClosed', onClosed);
     });
   };
-
   const detachEvents = () => {
     f7.off('accordionBeforeOpen', onBeforeOpen);
     f7.off('accordionOpen', onOpen);
@@ -68,7 +60,6 @@ const AccordionItem = /*#__PURE__*/forwardRef((props, ref) => {
     f7.off('accordionClose', onClose);
     f7.off('accordionClosed', onClosed);
   };
-
   useIsomorphicLayoutEffect(() => {
     attachEvents();
     return detachEvents;

package/components/accordion-toggle.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const AccordionToggle = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,

package/components/accordion.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useImperativeHandle, useRef } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const Accordion = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,

package/components/actions-button.d.ts

@@ -7,7 +7,7 @@ export interface ActionsButtonProps {
   id?: string | number;
   className?: string;
   style?: React.CSSProperties;
-  bold?: boolean;
+  strong?: boolean;
   close?: boolean;
   onClick ?: (event?: any) => void;
   ref?: React.MutableRefObject<{el: HTMLElement | null}>;

package/components/actions-button.js

@@ -1,16 +1,16 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs, getSlots, emit } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 import { f7 } from '../shared/f7.js';
 
+
 const ComponentName = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
     id,
     style,
-    bold,
+    strong,
     close = true
   } = props;
   const extraAttrs = getExtraAttrs(props);
@@ -20,25 +20,21 @@ const ComponentName = /*#__PURE__*/forwardRef((props, ref) => {
   }));
   const classes = classNames(className, {
     'actions-button': true,
-    'actions-button-bold': bold
+    'actions-button-strong': strong
   }, colorClasses(props));
   let mediaEl;
   const slots = getSlots(props);
-
   if (slots.media && slots.media.length) {
     mediaEl = /*#__PURE__*/React.createElement("div", {
       className: "actions-button-media"
     }, slots.media);
   }
-
   const onClick = e => {
     if (elRef.current && close && f7) {
       f7.actions.close(f7.$(elRef.current).parents('.actions-modal'));
     }
-
     emit(props, 'click', e);
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({
     id: id,
     style: style,

package/components/actions-group.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const ActionsGroup = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,

package/components/actions-label.js

@@ -1,16 +1,16 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs, emit } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const ActionsLabel = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
     id,
     style,
     children,
-    bold
+    strong
   } = props;
   const extraAttrs = getExtraAttrs(props);
   const elRef = useRef(null);
@@ -18,13 +18,11 @@ const ActionsLabel = /*#__PURE__*/forwardRef((props, ref) => {
     el: elRef.current
   }));
   const classes = classNames(className, 'actions-label', {
-    'actions-button-bold': bold
+    'actions-button-strong': strong
   }, colorClasses(props));
-
   const onClick = e => {
     emit(props, 'click', e);
   };
-
   return /*#__PURE__*/React.createElement("div", _extends({
     id: id,
     style: style,

package/components/actions.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { useIsomorphicLayoutEffect } from '../shared/use-isomorphic-layout-effect.js';
 import { classNames, getExtraAttrs, emit } from '../shared/utils.js';
@@ -9,6 +8,7 @@ import { watchProp } from '../shared/watch-prop.js';
 import { modalStateClasses } from '../shared/modal-state-classes.js';
 
 
+
 const Actions = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -24,43 +24,37 @@ const Actions = /*#__PURE__*/forwardRef((props, ref) => {
   const isOpened = useRef(opened);
   const isClosing = useRef(false);
   const f7Actions = useRef(null);
-
   const onOpen = instance => {
     isOpened.current = true;
     isClosing.current = false;
     emit(props, 'actionsOpen', instance);
   };
-
   const onOpened = instance => {
     emit(props, 'actionsOpened', instance);
   };
-
   const onClose = instance => {
     isOpened.current = false;
     isClosing.current = true;
     emit(props, 'actionsClose', instance);
   };
-
   const onClosed = instance => {
     isClosing.current = false;
     emit(props, 'actionsClosed', instance);
   };
-
   useImperativeHandle(ref, () => ({
     el: elRef.current,
     f7Actions: () => f7Actions.current
-  })); // watch opened changes
+  }));
 
+  // watch opened changes
   watchProp(opened, value => {
     if (!f7Actions.current) return;
-
     if (value) {
       f7Actions.current.open();
     } else {
       f7Actions.current.close();
     }
   });
-
   const modalEvents = method => {
     if (!f7Actions.current) return;
     f7Actions.current[method]('open', onOpen);
@@ -68,7 +62,6 @@ const Actions = /*#__PURE__*/forwardRef((props, ref) => {
     f7Actions.current[method]('close', onClose);
     f7Actions.current[method]('closed', onClosed);
   };
-
   const onMount = () => {
     if (!elRef.current) return;
     const {
@@ -99,18 +92,15 @@ const Actions = /*#__PURE__*/forwardRef((props, ref) => {
     f7ready(() => {
       f7Actions.current = f7.actions.create(params);
       modalEvents('on');
-
       if (opened) {
         f7Actions.current.open(false);
       }
     });
   };
-
   const onDestroy = () => {
     if (f7Actions.current) f7Actions.current.destroy();
     f7Actions.current = null;
   };
-
   useIsomorphicLayoutEffect(() => {
     modalEvents('on');
     return () => {

package/components/app.js

@@ -1,5 +1,4 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { useIsomorphicLayoutEffect } from '../shared/use-isomorphic-layout-effect.js';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
@@ -9,6 +8,7 @@ import { f7init, f7 } from '../shared/f7.js';
 
 
 
+
 const App = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -22,27 +22,23 @@ const App = /*#__PURE__*/forwardRef((props, ref) => {
   useImperativeHandle(ref, () => ({
     el: elRef.current
   }));
-  const classes = classNames(className, 'framework7-root', colorClasses(props)); // eslint-disable-next-line
+  const classes = classNames(className, 'framework7-root', colorClasses(props));
 
+  // eslint-disable-next-line
   if (!f7 || typeof window === 'undefined') {
     f7init(elRef.current, params, false);
   }
-
   useIsomorphicLayoutEffect(() => {
     const parentEl = elRef.current && elRef.current.parentNode;
     /* eslint-disable no-restricted-globals */
-
     if (typeof document !== 'undefined' && parentEl && parentEl !== document.body && parentEl.parentNode === document.body) {
       parentEl.style.height = '100%';
     }
     /* eslint-enable no-restricted-globals */
-
-
     if (f7) {
       f7.init(elRef.current);
       return;
     }
-
     f7init(elRef.current, params, true);
   }, []);
   return /*#__PURE__*/React.createElement("div", _extends({

package/components/area-chart.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle, useState, useEffect } from 'react';
 import { classNames, getExtraAttrs, emit } from '../shared/utils.js';
 import { f7 } from '../shared/f7.js';
 
+
 const AreaChart = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,
@@ -38,14 +38,12 @@ const AreaChart = /*#__PURE__*/forwardRef((props, ref) => {
   useImperativeHandle(ref, () => ({
     el: elRef.current
   }));
-
   const getVisibleLegends = () => {
     if (!maxAxisLabels || axisLabels.length <= maxAxisLabels) return axisLabels;
     const skipStep = Math.ceil(axisLabels.length / maxAxisLabels);
     const filtered = axisLabels.filter((label, index) => index % skipStep === 0);
     return filtered;
   };
-
   const getSummValues = () => {
     const summValues = [];
     datasets.filter((dataset, index) => !hiddenDatasets.includes(index)).forEach(_ref => {
@@ -59,17 +57,13 @@ const AreaChart = /*#__PURE__*/forwardRef((props, ref) => {
     });
     return summValues;
   };
-
   const getChartData = () => {
     const data = [];
-
     if (!datasets.length) {
       return data;
     }
-
     const lastValues = datasets[0].values.map(() => 0);
     let maxValue = 0;
-
     if (lineChart) {
       datasets.forEach(_ref2 => {
         let {
@@ -81,7 +75,6 @@ const AreaChart = /*#__PURE__*/forwardRef((props, ref) => {
     } else {
       maxValue = Math.max(...getSummValues());
     }
-
     datasets.filter((dataset, index) => !hiddenDatasets.includes(index)).forEach(_ref3 => {
       let {
         label,
@@ -93,18 +86,14 @@ const AreaChart = /*#__PURE__*/forwardRef((props, ref) => {
         const value = lineChart ? originalValue : lastValues[valueIndex];
         const x = valueIndex / (values.length - 1) * width;
         const y = height - value / maxValue * height;
-
         if (lineChart) {
           return `${valueIndex === 0 ? 'M' : 'L'}${x},${y}`;
         }
-
         return `${x} ${y}`;
       });
-
       if (!lineChart) {
         points.push(`${width} ${height} 0 ${height}`);
       }
-
       data.push({
         label,
         points: points.join(' '),
@@ -113,14 +102,11 @@ const AreaChart = /*#__PURE__*/forwardRef((props, ref) => {
     });
     return data.reverse();
   };
-
   const getVerticalLines = () => {
     const lines = [];
-
     if (!datasets.length) {
       return lines;
     }
-
     const values = datasets[0].values;
     values.forEach((value, valueIndex) => {
       const x = valueIndex / (values.length - 1) * width;
@@ -128,38 +114,30 @@ const AreaChart = /*#__PURE__*/forwardRef((props, ref) => {
     });
     return lines;
   };
-
   const toggleDataset = index => {
     if (!toggleDatasets) return;
-
     if (hiddenDatasets.includes(index)) {
       hiddenDatasets.splice(hiddenDatasets.indexOf(index), 1);
     } else {
       hiddenDatasets.push(index);
     }
-
     setHiddenDatasets([...hiddenDatasets]);
   };
-
   const formatAxisLabel = label => {
     if (formatAxisLabelProp) return formatAxisLabelProp(label);
     return label;
   };
-
   const formatLegendLabel = label => {
     if (formatLegendLabelProp) return formatLegendLabelProp(label);
     return label;
   };
-
   const calcLinesOffsets = () => {
     const lines = svgElRef.current.querySelectorAll('line');
     linesOffsets.current = [];
-
     for (let i = 0; i < lines.length; i += 1) {
       linesOffsets.current.push(lines[i].getBoundingClientRect().left);
     }
   };
-
   const formatTooltip = () => {
     if (currentIndex === null) return '';
     let total = 0;
@@ -171,7 +149,6 @@ const AreaChart = /*#__PURE__*/forwardRef((props, ref) => {
     currentValues.forEach(dataset => {
       total += dataset.value;
     });
-
     if (formatTooltipProp) {
       return formatTooltipProp({
         index: currentIndex,
@@ -179,11 +156,10 @@ const AreaChart = /*#__PURE__*/forwardRef((props, ref) => {
         datasets: currentValues
       });
     }
-
     let labelText = formatTooltipAxisLabel ? formatTooltipAxisLabel(axisLabels[currentIndex]) : formatAxisLabel(axisLabels[currentIndex]);
     if (!labelText) labelText = '';
-    const totalText = formatTooltipTotal ? formatTooltipTotal(total) : total; // prettier-ignore
-
+    const totalText = formatTooltipTotal ? formatTooltipTotal(total) : total;
+    // prettier-ignore
     const datasetsText = currentValues.length > 0 ? `
       <ul class="area-chart-tooltip-list">
         ${currentValues.map(_ref4 => {
@@ -197,24 +173,21 @@ const AreaChart = /*#__PURE__*/forwardRef((props, ref) => {
               <li><span style="background-color: ${color};"></span>${valueText}</li>
             `;
     }).join('')}
-      </ul>` : ''; // prettier-ignore
-
+      </ul>` : '';
+    // prettier-ignore
     return `
       <div class="area-chart-tooltip-label">${labelText}</div>
       <div class="area-chart-tooltip-total">${totalText}</div>
       ${datasetsText}
     `;
   };
-
   const setTooltip = () => {
     if (!tooltip) return;
     const hasVisibleDataSets = datasets.filter((dataset, index) => !hiddenDatasets.includes(index)).length > 0;
-
     if (!hasVisibleDataSets) {
       if (f7Tooltip.current && f7Tooltip.current.hide) f7Tooltip.current.hide();
       return;
     }
-
     if (currentIndex !== null && !f7Tooltip.current) {
       f7Tooltip.current = f7.tooltip.create({
         trigger: 'manual',
@@ -223,18 +196,14 @@ const AreaChart = /*#__PURE__*/forwardRef((props, ref) => {
         text: formatTooltip(),
         cssClass: 'area-chart-tooltip'
       });
-
       if (f7Tooltip.current && f7Tooltip.current.show) {
         f7Tooltip.current.show();
       }
-
       return;
     }
-
     if (!f7Tooltip.current || !f7Tooltip.current.hide || !f7Tooltip.current.show) {
       return;
     }
-
     if (currentIndex !== null) {
       f7Tooltip.current.setText(formatTooltip());
       f7Tooltip.current.setTargetEl(svgElRef.current.querySelector(`line[data-index="${currentIndex}"]`));
@@ -243,16 +212,13 @@ const AreaChart = /*#__PURE__*/forwardRef((props, ref) => {
       f7Tooltip.current.hide();
     }
   };
-
   const onMouseEnter = () => {
     calcLinesOffsets();
   };
-
   const onMouseMove = e => {
     if (!linesOffsets.current) {
       calcLinesOffsets();
     }
-
     let currentLeft = e.pageX;
     if (typeof currentLeft === 'undefined') currentLeft = 0;
     const distances = linesOffsets.current.map(left => Math.abs(currentLeft - left));
@@ -260,25 +226,21 @@ const AreaChart = /*#__PURE__*/forwardRef((props, ref) => {
     const closestIndex = distances.indexOf(minDistance);
     setCurrentIndex(closestIndex);
   };
-
   const onMouseLeave = () => {
     setCurrentIndex(null);
   };
-
   const attachEvents = () => {
     if (!svgElRef.current) return;
     svgElRef.current.addEventListener('mouseenter', onMouseEnter);
     svgElRef.current.addEventListener('mousemove', onMouseMove);
     svgElRef.current.addEventListener('mouseleave', onMouseLeave);
   };
-
   const detachEvents = () => {
     if (!svgElRef.current) return;
     svgElRef.current.removeEventListener('mouseenter', onMouseEnter);
     svgElRef.current.removeEventListener('mousemove', onMouseMove);
     svgElRef.current.removeEventListener('mouseleave', onMouseLeave);
   };
-
   useEffect(() => {
     if (previousIndex.current === currentIndex) return;
     previousIndex.current = currentIndex;
@@ -294,7 +256,6 @@ const AreaChart = /*#__PURE__*/forwardRef((props, ref) => {
       if (f7Tooltip.current && f7Tooltip.current.destroy) {
         f7Tooltip.current.destroy();
       }
-
       f7Tooltip.current = null;
     };
   }, []);

package/components/badge.js

@@ -1,10 +1,10 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 import { useTooltip } from '../shared/use-tooltip.js';
 
+
 /* dts-instance
 f7Tooltip: Tooltip.Tooltip
 */

package/components/block-footer.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const BlockFooter = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,

package/components/block-header.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const BlockHeader = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,

package/components/block-title.js

@@ -1,9 +1,9 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
 import { classNames, getExtraAttrs } from '../shared/utils.js';
 import { colorClasses } from '../shared/mixins.js';
 
+
 const BlockTitle = /*#__PURE__*/forwardRef((props, ref) => {
   const {
     className,