framework7-react 6.3.15 → 7.0.0-beta.11

package/cjs/components/menu.js

@@ -1,42 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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); }
-
-var Menu = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var classes = (0, _utils.classNames)('menu', (0, _mixins.colorClasses)(props), className);
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), /*#__PURE__*/_react.default.createElement("div", {
-    className: "menu-inner"
-  }, children));
-});
-Menu.displayName = 'f7-menu';
-var _default = Menu;
-exports.default = _default;

package/cjs/components/message.js

@@ -1,133 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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); }
-
-var Message = /*#__PURE__*/(0, _react.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 = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var onClick = function onClick(event) {
-    (0, _utils.emit)(props, 'click', event);
-  };
-
-  var onNameClick = function onNameClick(event) {
-    (0, _utils.emit)(props, 'clickName', event);
-  };
-
-  var onTextClick = function onTextClick(event) {
-    (0, _utils.emit)(props, 'clickText', event);
-  };
-
-  var onAvatarClick = function onAvatarClick(event) {
-    (0, _utils.emit)(props, 'clickAvatar', event);
-  };
-
-  var onHeaderClick = function onHeaderClick(event) {
-    (0, _utils.emit)(props, 'clickHeader', event);
-  };
-
-  var onFooterClick = function onFooterClick(event) {
-    (0, _utils.emit)(props, 'clickFooter', event);
-  };
-
-  var onBubbleClick = function onBubbleClick(event) {
-    (0, _utils.emit)(props, 'clickBubble', event);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var slots = (0, _utils.getSlots)(props);
-  var classes = (0, _utils.classNames)(className, 'message', {
-    'message-sent': type === 'sent',
-    'message-received': type === 'received',
-    'message-typing': typing,
-    'message-first': first,
-    'message-last': last,
-    'message-tail': tail,
-    'message-same-name': sameName,
-    'message-same-header': sameHeader,
-    'message-same-footer': sameFooter,
-    'message-same-avatar': sameAvatar
-  }, (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs, {
-    onClick: onClick
-  }), slots.start, (avatar || slots.avatar) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "message-avatar",
-    style: {
-      backgroundImage: avatar && "url(" + avatar + ")"
-    },
-    onClick: onAvatarClick
-  }, slots.avatar), /*#__PURE__*/_react.default.createElement("div", {
-    className: "message-content"
-  }, slots['content-start'], (slots.name || name) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "message-name",
-    onClick: onNameClick
-  }, name, slots.name), (slots.header || header) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "message-header",
-    onClick: onHeaderClick
-  }, header, slots.header), /*#__PURE__*/_react.default.createElement("div", {
-    className: "message-bubble",
-    onClick: onBubbleClick
-  }, slots['bubble-start'], (slots.image || image) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "message-image"
-  }, slots.image || /*#__PURE__*/_react.default.createElement("img", {
-    src: image
-  })), (slots['text-header'] || textHeader) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "message-text-header"
-  }, textHeader, slots['text-header']), (slots.text || text || typing) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "message-text",
-    onClick: onTextClick
-  }, text, slots.text, typing && /*#__PURE__*/_react.default.createElement("div", {
-    className: "message-typing-indicator"
-  }, /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null), /*#__PURE__*/_react.default.createElement("div", null))), (slots['text-footer'] || textFooter) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "message-text-footer"
-  }, textFooter, slots['text-footer']), slots['bubble-end'], slots.default), (slots.footer || footer) && /*#__PURE__*/_react.default.createElement("div", {
-    className: "message-footer",
-    onClick: onFooterClick
-  }, footer, slots.footer), slots['content-end']), slots.end);
-});
-Message.displayName = 'f7-message';
-var _default = Message;
-exports.default = _default;

package/cjs/components/messagebar-attachment.js

@@ -1,59 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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); }
-
-var MessagebarAttachment = /*#__PURE__*/(0, _react.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 = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var onClick = function onClick(event) {
-    (0, _utils.emit)(props, 'attachmentClick', event);
-  };
-
-  var onDeleteClick = function onDeleteClick(event) {
-    (0, _utils.emit)(props, 'attachmentDelete', event);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var classes = (0, _utils.classNames)(className, 'messagebar-attachment', (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs, {
-    onClick: onClick
-  }), image && /*#__PURE__*/_react.default.createElement("img", {
-    src: image
-  }), deletable && /*#__PURE__*/_react.default.createElement("span", {
-    className: "messagebar-attachment-delete",
-    onClick: onDeleteClick
-  }), children);
-});
-MessagebarAttachment.displayName = 'f7-messagebar-attachment';
-var _default = MessagebarAttachment;
-exports.default = _default;

package/cjs/components/messagebar-attachments.js

@@ -1,40 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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); }
-
-var MessagebarAttachments = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var classes = (0, _utils.classNames)(className, 'messagebar-attachments', (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), children);
-});
-MessagebarAttachments.displayName = 'f7-messagebar-attachments';
-var _default = MessagebarAttachments;
-exports.default = _default;

package/cjs/components/messagebar-sheet-image.js

@@ -1,59 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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); }
-
-var MessagebarSheetImage = /*#__PURE__*/(0, _react.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 = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var onChange = function onChange(event) {
-    if (event.target.checked) (0, _utils.emit)(props, 'checked', event);else (0, _utils.emit)(props, 'unchecked', event);
-    (0, _utils.emit)(props, 'change', event);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var classes = (0, _utils.classNames)(className, 'messagebar-sheet-image', 'checkbox', (0, _mixins.colorClasses)(props));
-
-  var styles = _extends({
-    backgroundImage: image && "url(" + image + ")"
-  }, style || {});
-
-  return /*#__PURE__*/_react.default.createElement("label", _extends({
-    id: id,
-    className: classes,
-    style: styles,
-    ref: elRef
-  }, extraAttrs), /*#__PURE__*/_react.default.createElement("input", {
-    type: "checkbox",
-    checked: checked,
-    onChange: onChange
-  }), /*#__PURE__*/_react.default.createElement("i", {
-    className: "icon icon-checkbox"
-  }), children);
-});
-MessagebarSheetImage.displayName = 'f7-messagebar-sheet-image';
-var _default = MessagebarSheetImage;
-exports.default = _default;

package/cjs/components/messagebar-sheet-item.js

@@ -1,40 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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); }
-
-var MessagebarSheetItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var classes = (0, _utils.classNames)(className, 'messagebar-sheet-item', (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), children);
-});
-MessagebarSheetItem.displayName = 'f7-messagebar-sheet-item';
-var _default = MessagebarSheetItem;
-exports.default = _default;

package/cjs/components/messagebar-sheet.js

@@ -1,40 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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); }
-
-var MessagebarSheet = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  var classes = (0, _utils.classNames)(className, 'messagebar-sheet', (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), children);
-});
-MessagebarSheet.displayName = 'f7-messagebar-sheet';
-var _default = MessagebarSheet;
-exports.default = _default;

package/cjs/components/messagebar.js

@@ -1,230 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _useIsomorphicLayoutEffect = require("../shared/use-isomorphic-layout-effect");
-
-var _utils = require("../shared/utils");
-
-var _mixins = require("../shared/mixins");
-
-var _link = _interopRequireDefault(require("./link"));
-
-var _input = _interopRequireDefault(require("./input"));
-
-var _f = require("../shared/f7");
-
-var _watchProp = require("../shared/watch-prop");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-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); }
-
-
-var Messagebar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _f7Messagebar = (0, _react.useRef)(null);
-
-  var updateSheetVisible = (0, _react.useRef)(false);
-  var updateAttachmentsVisible = (0, _react.useRef)(false);
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      sheetVisible = props.sheetVisible,
-      attachmentsVisible = props.attachmentsVisible,
-      top = props.top,
-      _props$resizable = props.resizable,
-      resizable = _props$resizable === void 0 ? true : _props$resizable,
-      _props$bottomOffset = props.bottomOffset,
-      bottomOffset = _props$bottomOffset === void 0 ? 0 : _props$bottomOffset,
-      _props$topOffset = props.topOffset,
-      topOffset = _props$topOffset === void 0 ? 0 : _props$topOffset,
-      maxHeight = props.maxHeight,
-      _props$resizePage = props.resizePage,
-      resizePage = _props$resizePage === void 0 ? true : _props$resizePage,
-      sendLink = props.sendLink,
-      value = props.value,
-      disabled = props.disabled,
-      readonly = props.readonly,
-      textareaId = props.textareaId,
-      name = props.name,
-      _props$placeholder = props.placeholder,
-      placeholder = _props$placeholder === void 0 ? 'Message' : _props$placeholder,
-      _props$init = props.init,
-      init = _props$init === void 0 ? true : _props$init;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  var areaElRef = (0, _react.useRef)(null);
-
-  var onChange = function onChange(event) {
-    (0, _utils.emit)(props, 'change', event);
-  };
-
-  var onInput = function onInput(event) {
-    (0, _utils.emit)(props, 'input', event);
-  };
-
-  var onFocus = function onFocus(event) {
-    (0, _utils.emit)(props, 'focus', event);
-  };
-
-  var onBlur = function onBlur(event) {
-    (0, _utils.emit)(props, 'blur', event);
-  };
-
-  var onClick = function onClick(event) {
-    var inputValue = areaElRef.current.el.value;
-    var clear = _f7Messagebar.current ? function () {
-      _f7Messagebar.current.clear();
-    } : function () {};
-    (0, _utils.emit)(props, 'submit', inputValue, clear);
-    (0, _utils.emit)(props, 'send', inputValue, clear);
-    (0, _utils.emit)(props, 'click', event);
-  };
-
-  var onAttachmentDelete = function onAttachmentDelete(instance, attachmentEl, attachmentElIndex) {
-    (0, _utils.emit)(props, 'messagebarAttachmentDelete', instance, attachmentEl, attachmentElIndex);
-  };
-
-  var onAttachmentClick = function onAttachmentClick(instance, attachmentEl, attachmentElIndex) {
-    (0, _utils.emit)(props, 'messagebarAttachmentClick', instance, attachmentEl, attachmentElIndex);
-  };
-
-  var onResizePage = function onResizePage(instance) {
-    (0, _utils.emit)(props, 'messagebarResizePage', instance);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current,
-      f7Messagebar: function f7Messagebar() {
-        return _f7Messagebar.current;
-      }
-    };
-  });
-  (0, _watchProp.watchProp)(sheetVisible, function () {
-    if (!resizable || !_f7Messagebar.current) return;
-    updateSheetVisible.current = true;
-  });
-  (0, _watchProp.watchProp)(attachmentsVisible, function () {
-    if (!resizable || !_f7Messagebar.current) return;
-    updateAttachmentsVisible.current = true;
-  });
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    if (!_f7Messagebar.current) return;
-
-    if (updateSheetVisible.current) {
-      updateSheetVisible.current = false;
-      _f7Messagebar.current.sheetVisible = sheetVisible;
-
-      _f7Messagebar.current.resizePage();
-    }
-
-    if (updateAttachmentsVisible.current) {
-      updateAttachmentsVisible.current = false;
-      _f7Messagebar.current.attachmentsVisible = attachmentsVisible;
-
-      _f7Messagebar.current.resizePage();
-    }
-  });
-
-  var onMount = function onMount() {
-    if (!init) return;
-    if (!elRef.current) return;
-    var params = (0, _utils.noUndefinedProps)({
-      el: elRef.current,
-      top: top,
-      resizePage: resizePage,
-      bottomOffset: bottomOffset,
-      topOffset: topOffset,
-      maxHeight: maxHeight,
-      on: {
-        attachmentDelete: onAttachmentDelete,
-        attachmentClick: onAttachmentClick,
-        resizePage: onResizePage
-      }
-    });
-    (0, _f.f7ready)(function () {
-      _f7Messagebar.current = _f.f7.messagebar.create(params);
-    });
-  };
-
-  var onDestroy = function onDestroy() {
-    if (_f7Messagebar.current && _f7Messagebar.current.destroy) _f7Messagebar.current.destroy();
-    _f7Messagebar.current = null;
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-  var slots = (0, _utils.getSlots)(props);
-  var slotsDefault = slots.default,
-      slotsBeforeInner = slots['before-inner'],
-      slotsAfterInner = slots['after-inner'],
-      slotsSendLink = slots['send-link'],
-      slotsInnerStart = slots['inner-start'],
-      slotsInnerEnd = slots['inner-end'],
-      slotsBeforeArea = slots['before-area'],
-      slotsAfterArea = slots['after-area'];
-  var innerEndEls = [];
-  var messagebarAttachmentsEl;
-  var messagebarSheetEl;
-
-  if (slotsDefault) {
-    slotsDefault.forEach(function (child) {
-      if (typeof child === 'undefined') return;
-      var tag = child.type && (child.type.displayName || child.type.name);
-
-      if (tag && (tag.indexOf('messagebar-attachments') >= 0 || tag === 'F7MessagebarAttachments' || tag === 'f7-messagebar-attachments')) {
-        messagebarAttachmentsEl = child;
-      } else if (tag && (tag.indexOf('messagebar-sheet') >= 0 || tag === 'F7MessagebarSheet' || tag === 'f7-messagebar-sheet')) {
-        messagebarSheetEl = child;
-      } else {
-        innerEndEls.push(child);
-      }
-    });
-  }
-
-  var valueProps = {};
-  if ('value' in props) valueProps.value = value;
-  var classes = (0, _utils.classNames)(className, 'toolbar', 'messagebar', {
-    'messagebar-attachments-visible': attachmentsVisible,
-    'messagebar-sheet-visible': sheetVisible
-  }, (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), slotsBeforeInner, /*#__PURE__*/_react.default.createElement("div", {
-    className: "toolbar-inner"
-  }, slotsInnerStart, /*#__PURE__*/_react.default.createElement("div", {
-    className: "messagebar-area"
-  }, slotsBeforeArea, messagebarAttachmentsEl, /*#__PURE__*/_react.default.createElement(_input.default, _extends({
-    id: textareaId,
-    ref: areaElRef,
-    type: "textarea",
-    wrap: false,
-    placeholder: placeholder,
-    disabled: disabled,
-    name: name,
-    readonly: readonly,
-    resizable: resizable,
-    onInput: onInput,
-    onChange: onChange,
-    onFocus: onFocus,
-    onBlur: onBlur
-  }, valueProps)), slotsAfterArea), (sendLink && sendLink.length > 0 || slotsSendLink) && /*#__PURE__*/_react.default.createElement(_link.default, {
-    onClick: onClick
-  }, slotsSendLink || sendLink), slotsInnerEnd, innerEndEls), slotsAfterInner, messagebarSheetEl);
-});
-Messagebar.displayName = 'f7-messagebar';
-var _default = Messagebar;
-exports.default = _default;