framework7-react 6.3.16 → 7.0.0-beta.12

package/{esm/components → components}/menu-item.js

@@ -1,68 +1,68 @@
 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); }
 
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { useIsomorphicLayoutEffect } from '../shared/use-isomorphic-layout-effect';
-import { classNames, getExtraAttrs, getSlots, emit } from '../shared/utils';
-import { colorClasses, routerAttrs, routerClasses, actionsClasses, actionsAttrs } from '../shared/mixins';
-import { useRouteProps } from '../shared/use-route-props';
-import { useIcon } from '../shared/use-icon';
-import { f7ready, f7 } from '../shared/f7';
-import { useTooltip } from '../shared/use-tooltip';
+import { useIsomorphicLayoutEffect } from '../shared/use-isomorphic-layout-effect.js';
+import { classNames, getExtraAttrs, getSlots, emit } from '../shared/utils.js';
+import { colorClasses, routerAttrs, routerClasses, actionsClasses, actionsAttrs } from '../shared/mixins.js';
+import { useRouteProps } from '../shared/use-route-props.js';
+import { useIcon } from '../shared/use-icon.js';
+import { f7ready, f7 } from '../shared/f7.js';
+import { useTooltip } from '../shared/use-tooltip.js';
 
-var MenuItem = /*#__PURE__*/forwardRef(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      link = props.link,
-      href = props.href,
-      target = props.target,
-      text = props.text,
-      dropdown = props.dropdown,
-      iconOnly = props.iconOnly;
-  var extraAttrs = getExtraAttrs(props);
-  var elRef = useRef(null);
+const MenuItem = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    className,
+    id,
+    style,
+    link,
+    href,
+    target,
+    text,
+    dropdown,
+    iconOnly
+  } = props;
+  const extraAttrs = getExtraAttrs(props);
+  const elRef = useRef(null);
 
-  var onClick = function onClick(e) {
+  const onClick = e => {
     emit(props, 'click', e);
   };
 
-  var onOpened = function onOpened(el) {
+  const onOpened = el => {
     if (elRef.current !== el) return;
     emit(props, 'menuOpened', el);
   };
 
-  var onClosed = function onClosed(el) {
+  const onClosed = el => {
     if (elRef.current !== el) return;
     emit(props, 'menuClosed', el);
   };
 
-  useImperativeHandle(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
+  useImperativeHandle(ref, () => ({
+    el: elRef.current
+  }));
   useTooltip(elRef, props);
   useRouteProps(elRef, props);
 
-  var attachEvents = function attachEvents() {
-    f7ready(function () {
+  const attachEvents = () => {
+    f7ready(() => {
       f7.on('menuOpened', onOpened);
       f7.on('menuClosed', onClosed);
     });
   };
 
-  var detachEvents = function detachEvents() {
+  const detachEvents = () => {
     f7.off('menuOpened', onOpened);
     f7.off('menuClosed', onOpened);
   };
 
-  useIsomorphicLayoutEffect(function () {
+  useIsomorphicLayoutEffect(() => {
     attachEvents();
     return detachEvents;
   });
-  var iconEl = useIcon(props);
-  var slots = getSlots(props);
-  var iconOnlyComputed;
+  const iconEl = useIcon(props);
+  const slots = getSlots(props);
+  let iconOnlyComputed;
 
   if (iconOnly || !text && slots.text && slots.text.length === 0 || !text && !slots.text) {
     iconOnlyComputed = true;
@@ -70,22 +70,22 @@ var MenuItem = /*#__PURE__*/forwardRef(function (props, ref) {
     iconOnlyComputed = false;
   }
 
-  var isLink = link || href || href === '';
-  var Tag = isLink ? 'a' : 'div';
-  var isDropdown = dropdown || dropdown === '';
-  var classes = classNames({
+  const isLink = link || href || href === '';
+  const Tag = isLink ? 'a' : 'div';
+  const isDropdown = dropdown || dropdown === '';
+  const classes = classNames({
     'menu-item': true,
     'menu-item-dropdown': isDropdown,
     'icon-only': iconOnlyComputed
   }, className, colorClasses(props), routerClasses(props), actionsClasses(props));
-  var hrefComputed = href;
+  let hrefComputed = href;
   if (typeof hrefComputed === 'undefined' && link) hrefComputed = '#';
-
-  var attrs = _extends({
+  const attrs = {
     href: hrefComputed,
-    target: target
-  }, routerAttrs(props), actionsAttrs(props));
-
+    target,
+    ...routerAttrs(props),
+    ...actionsAttrs(props)
+  };
   return /*#__PURE__*/React.createElement(Tag, _extends({
     ref: elRef,
     className: classes,

package/{esm/components → components}/menu.js

@@ -1,22 +1,22 @@
 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); }
 
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { classNames, getExtraAttrs } from '../shared/utils';
-import { colorClasses } from '../shared/mixins';
+import { classNames, getExtraAttrs } from '../shared/utils.js';
+import { colorClasses } from '../shared/mixins.js';
 
-var Menu = /*#__PURE__*/forwardRef(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children;
-  var extraAttrs = getExtraAttrs(props);
-  var elRef = useRef(null);
-  useImperativeHandle(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var classes = classNames('menu', colorClasses(props), className);
+const Menu = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    className,
+    id,
+    style,
+    children
+  } = props;
+  const extraAttrs = getExtraAttrs(props);
+  const elRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    el: elRef.current
+  }));
+  const classes = classNames('menu', colorClasses(props), className);
   return /*#__PURE__*/React.createElement("div", _extends({
     id: id,
     style: style,

package/{esm/components → components}/message.js

@@ -1,69 +1,68 @@
 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); }
 
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { classNames, getExtraAttrs, getSlots, emit } from '../shared/utils';
-import { colorClasses } from '../shared/mixins';
+import { classNames, getExtraAttrs, getSlots, emit } from '../shared/utils.js';
+import { colorClasses } from '../shared/mixins.js';
 
-var Message = /*#__PURE__*/forwardRef(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      text = props.text,
-      name = props.name,
-      avatar = props.avatar,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'sent' : _props$type,
-      image = props.image,
-      header = props.header,
-      footer = props.footer,
-      textHeader = props.textHeader,
-      textFooter = props.textFooter,
-      first = props.first,
-      last = props.last,
-      tail = props.tail,
-      sameName = props.sameName,
-      sameHeader = props.sameHeader,
-      sameFooter = props.sameFooter,
-      sameAvatar = props.sameAvatar,
-      typing = props.typing;
-  var extraAttrs = getExtraAttrs(props);
-  var elRef = useRef(null);
+const Message = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    className,
+    id,
+    style,
+    text,
+    name,
+    avatar,
+    type = 'sent',
+    image,
+    header,
+    footer,
+    textHeader,
+    textFooter,
+    first,
+    last,
+    tail,
+    sameName,
+    sameHeader,
+    sameFooter,
+    sameAvatar,
+    typing
+  } = props;
+  const extraAttrs = getExtraAttrs(props);
+  const elRef = useRef(null);
 
-  var onClick = function onClick(event) {
+  const onClick = event => {
     emit(props, 'click', event);
   };
 
-  var onNameClick = function onNameClick(event) {
+  const onNameClick = event => {
     emit(props, 'clickName', event);
   };
 
-  var onTextClick = function onTextClick(event) {
+  const onTextClick = event => {
     emit(props, 'clickText', event);
   };
 
-  var onAvatarClick = function onAvatarClick(event) {
+  const onAvatarClick = event => {
     emit(props, 'clickAvatar', event);
   };
 
-  var onHeaderClick = function onHeaderClick(event) {
+  const onHeaderClick = event => {
     emit(props, 'clickHeader', event);
   };
 
-  var onFooterClick = function onFooterClick(event) {
+  const onFooterClick = event => {
     emit(props, 'clickFooter', event);
   };
 
-  var onBubbleClick = function onBubbleClick(event) {
+  const onBubbleClick = event => {
     emit(props, 'clickBubble', event);
   };
 
-  useImperativeHandle(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var slots = getSlots(props);
-  var classes = classNames(className, 'message', {
+  useImperativeHandle(ref, () => ({
+    el: elRef.current
+  }));
+  const slots = getSlots(props);
+  const classes = classNames(className, 'message', {
     'message-sent': type === 'sent',
     'message-received': type === 'received',
     'message-typing': typing,
@@ -85,7 +84,7 @@ var Message = /*#__PURE__*/forwardRef(function (props, ref) {
   }), slots.start, (avatar || slots.avatar) && /*#__PURE__*/React.createElement("div", {
     className: "message-avatar",
     style: {
-      backgroundImage: avatar && "url(" + avatar + ")"
+      backgroundImage: avatar && `url(${avatar})`
     },
     onClick: onAvatarClick
   }, slots.avatar), /*#__PURE__*/React.createElement("div", {

package/{esm/components → components}/messagebar-attachment.js

@@ -1,34 +1,33 @@
 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); }
 
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { classNames, getExtraAttrs, emit } from '../shared/utils';
-import { colorClasses } from '../shared/mixins';
+import { classNames, getExtraAttrs, emit } from '../shared/utils.js';
+import { colorClasses } from '../shared/mixins.js';
 
-var MessagebarAttachment = /*#__PURE__*/forwardRef(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      image = props.image,
-      _props$deletable = props.deletable,
-      deletable = _props$deletable === void 0 ? true : _props$deletable;
-  var extraAttrs = getExtraAttrs(props);
-  var elRef = useRef(null);
+const MessagebarAttachment = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    className,
+    id,
+    style,
+    children,
+    image,
+    deletable = true
+  } = props;
+  const extraAttrs = getExtraAttrs(props);
+  const elRef = useRef(null);
 
-  var onClick = function onClick(event) {
+  const onClick = event => {
     emit(props, 'attachmentClick', event);
   };
 
-  var onDeleteClick = function onDeleteClick(event) {
+  const onDeleteClick = event => {
     emit(props, 'attachmentDelete', event);
   };
 
-  useImperativeHandle(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var classes = classNames(className, 'messagebar-attachment', colorClasses(props));
+  useImperativeHandle(ref, () => ({
+    el: elRef.current
+  }));
+  const classes = classNames(className, 'messagebar-attachment', colorClasses(props));
   return /*#__PURE__*/React.createElement("div", _extends({
     id: id,
     style: style,

package/{esm/components → components}/messagebar-attachments.js

@@ -1,22 +1,22 @@
 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); }
 
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { classNames, getExtraAttrs } from '../shared/utils';
-import { colorClasses } from '../shared/mixins';
+import { classNames, getExtraAttrs } from '../shared/utils.js';
+import { colorClasses } from '../shared/mixins.js';
 
-var MessagebarAttachments = /*#__PURE__*/forwardRef(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children;
-  var extraAttrs = getExtraAttrs(props);
-  var elRef = useRef(null);
-  useImperativeHandle(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var classes = classNames(className, 'messagebar-attachments', colorClasses(props));
+const MessagebarAttachments = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    className,
+    id,
+    style,
+    children
+  } = props;
+  const extraAttrs = getExtraAttrs(props);
+  const elRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    el: elRef.current
+  }));
+  const classes = classNames(className, 'messagebar-attachments', colorClasses(props));
   return /*#__PURE__*/React.createElement("div", _extends({
     id: id,
     style: style,

package/{esm/components → components}/messagebar-sheet-image.js

@@ -1,35 +1,34 @@
 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); }
 
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { classNames, getExtraAttrs, emit } from '../shared/utils';
-import { colorClasses } from '../shared/mixins';
+import { classNames, getExtraAttrs, emit } from '../shared/utils.js';
+import { colorClasses } from '../shared/mixins.js';
 
-var MessagebarSheetImage = /*#__PURE__*/forwardRef(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      image = props.image,
-      checked = props.checked;
-  var extraAttrs = getExtraAttrs(props);
-  var elRef = useRef(null);
+const MessagebarSheetImage = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    className,
+    id,
+    style,
+    children,
+    image,
+    checked
+  } = props;
+  const extraAttrs = getExtraAttrs(props);
+  const elRef = useRef(null);
 
-  var onChange = function onChange(event) {
+  const onChange = event => {
     if (event.target.checked) emit(props, 'checked', event);else emit(props, 'unchecked', event);
     emit(props, 'change', event);
   };
 
-  useImperativeHandle(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var classes = classNames(className, 'messagebar-sheet-image', 'checkbox', colorClasses(props));
-
-  var styles = _extends({
-    backgroundImage: image && "url(" + image + ")"
-  }, style || {});
-
+  useImperativeHandle(ref, () => ({
+    el: elRef.current
+  }));
+  const classes = classNames(className, 'messagebar-sheet-image', 'checkbox', colorClasses(props));
+  const styles = {
+    backgroundImage: image && `url(${image})`,
+    ...(style || {})
+  };
   return /*#__PURE__*/React.createElement("label", _extends({
     id: id,
     className: classes,

package/{esm/components → components}/messagebar-sheet-item.js

@@ -1,22 +1,22 @@
 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); }
 
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { classNames, getExtraAttrs } from '../shared/utils';
-import { colorClasses } from '../shared/mixins';
+import { classNames, getExtraAttrs } from '../shared/utils.js';
+import { colorClasses } from '../shared/mixins.js';
 
-var MessagebarSheetItem = /*#__PURE__*/forwardRef(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children;
-  var extraAttrs = getExtraAttrs(props);
-  var elRef = useRef(null);
-  useImperativeHandle(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var classes = classNames(className, 'messagebar-sheet-item', colorClasses(props));
+const MessagebarSheetItem = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    className,
+    id,
+    style,
+    children
+  } = props;
+  const extraAttrs = getExtraAttrs(props);
+  const elRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    el: elRef.current
+  }));
+  const classes = classNames(className, 'messagebar-sheet-item', colorClasses(props));
   return /*#__PURE__*/React.createElement("div", _extends({
     id: id,
     style: style,

package/{esm/components → components}/messagebar-sheet.js

@@ -1,22 +1,22 @@
 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); }
 
 import React, { forwardRef, useRef, useImperativeHandle } from 'react';
-import { classNames, getExtraAttrs } from '../shared/utils';
-import { colorClasses } from '../shared/mixins';
+import { classNames, getExtraAttrs } from '../shared/utils.js';
+import { colorClasses } from '../shared/mixins.js';
 
-var MessagebarSheet = /*#__PURE__*/forwardRef(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children;
-  var extraAttrs = getExtraAttrs(props);
-  var elRef = useRef(null);
-  useImperativeHandle(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var classes = classNames(className, 'messagebar-sheet', colorClasses(props));
+const MessagebarSheet = /*#__PURE__*/forwardRef((props, ref) => {
+  const {
+    className,
+    id,
+    style,
+    children
+  } = props;
+  const extraAttrs = getExtraAttrs(props);
+  const elRef = useRef(null);
+  useImperativeHandle(ref, () => ({
+    el: elRef.current
+  }));
+  const classes = classNames(className, 'messagebar-sheet', colorClasses(props));
   return /*#__PURE__*/React.createElement("div", _extends({
     id: id,
     style: style,