framework7-react 6.3.5 → 7.0.0-beta.10

package/cjs/components/text-editor.js

@@ -1,160 +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 _f = require("../shared/f7");
-
-var _watchProp = require("../shared/watch-prop");
-
-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 TextEditor = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _f7TextEditor = (0, _react.useRef)(null);
-
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      mode = props.mode,
-      value = props.value,
-      buttons = props.buttons,
-      customButtons = props.customButtons,
-      dividers = props.dividers,
-      imageUrlText = props.imageUrlText,
-      linkUrlText = props.linkUrlText,
-      placeholder = props.placeholder,
-      clearFormattingOnPaste = props.clearFormattingOnPaste,
-      _props$resizable = props.resizable,
-      resizable = _props$resizable === void 0 ? false : _props$resizable;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var onChange = function onChange(editor, editorValue) {
-    (0, _utils.emit)(props, 'textEditorChange', editorValue);
-  };
-
-  var onInput = function onInput(editor, editorValue) {
-    (0, _utils.emit)(props, 'textEditorInput', editorValue);
-  };
-
-  var onFocus = function onFocus() {
-    (0, _utils.emit)(props, 'textEditorFocus');
-  };
-
-  var onBlur = function onBlur() {
-    (0, _utils.emit)(props, 'textEditorBlur');
-  };
-
-  var onButtonClick = function onButtonClick(editor, button) {
-    (0, _utils.emit)(props, 'textEditorButtonClick', button);
-  };
-
-  var onKeyboardOpen = function onKeyboardOpen() {
-    (0, _utils.emit)(props, 'textEditorKeyboardOpen');
-  };
-
-  var onKeyboardClose = function onKeyboardClose() {
-    (0, _utils.emit)(props, 'textEditorKeyboardClose');
-  };
-
-  var onPopoverOpen = function onPopoverOpen() {
-    (0, _utils.emit)(props, 'textEditorPopoverOpen');
-  };
-
-  var onPopoverClose = function onPopoverClose() {
-    (0, _utils.emit)(props, 'textEditorPopoverClose');
-  };
-
-  var onInsertLink = function onInsertLink(editor, url) {
-    (0, _utils.emit)(props, 'textEditorInsertLink', url);
-  };
-
-  var onInsertImage = function onInsertImage(editor, url) {
-    (0, _utils.emit)(props, 'textEditorInsertImage', url);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current,
-      f7TextEditor: function f7TextEditor() {
-        return _f7TextEditor.current;
-      }
-    };
-  });
-  (0, _watchProp.watchProp)(value, function (newValue) {
-    if (_f7TextEditor.current) {
-      _f7TextEditor.current.setValue(newValue);
-    }
-  });
-
-  var onMount = function onMount() {
-    var params = (0, _utils.noUndefinedProps)({
-      el: elRef.current,
-      mode: mode,
-      value: value,
-      buttons: buttons,
-      customButtons: customButtons,
-      dividers: dividers,
-      imageUrlText: imageUrlText,
-      linkUrlText: linkUrlText,
-      placeholder: placeholder,
-      clearFormattingOnPaste: clearFormattingOnPaste,
-      on: {
-        change: onChange,
-        input: onInput,
-        focus: onFocus,
-        blur: onBlur,
-        buttonClick: onButtonClick,
-        keyboardOpen: onKeyboardOpen,
-        keyboardClose: onKeyboardClose,
-        popoverOpen: onPopoverOpen,
-        popoverClose: onPopoverClose,
-        insertLink: onInsertLink,
-        insertImage: onInsertImage
-      }
-    });
-    (0, _f.f7ready)(function () {
-      _f7TextEditor.current = _f.f7.textEditor.create(params);
-    });
-  };
-
-  var onDestroy = function onDestroy() {
-    if (_f7TextEditor.current && _f7TextEditor.current.destroy) {
-      _f7TextEditor.current.destroy();
-    }
-
-    _f7TextEditor.current = null;
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-  var slots = (0, _utils.getSlots)(props);
-  var classes = (0, _utils.classNames)(className, 'text-editor', resizable && 'text-editor-resizable', (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    ref: elRef,
-    id: id,
-    style: style,
-    className: classes
-  }, extraAttrs), slots['root-start'], /*#__PURE__*/_react.default.createElement("div", {
-    className: "text-editor-content",
-    contentEditable: true
-  }, slots.default), slots['root-end'], slots.root);
-});
-TextEditor.displayName = 'f7-text-editor';
-var _default = TextEditor;
-exports.default = _default;

package/cjs/components/toggle.js

@@ -1,126 +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 _f = require("../shared/f7");
-
-var _watchProp = require("../shared/watch-prop");
-
-var _useTooltip = require("../shared/use-tooltip");
-
-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 Toggle = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _f7Toggle = (0, _react.useRef)(null);
-
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      _props$init = props.init,
-      init = _props$init === void 0 ? true : _props$init,
-      checked = props.checked,
-      defaultChecked = props.defaultChecked,
-      disabled = props.disabled,
-      readonly = props.readonly,
-      name = props.name,
-      value = props.value;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var onChange = function onChange(event) {
-    (0, _utils.emit)(props, 'change', event);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current,
-      f7Toggle: function f7Toggle() {
-        return _f7Toggle.current;
-      }
-    };
-  });
-  (0, _useTooltip.useTooltip)(elRef, props);
-  (0, _watchProp.watchProp)(checked, function (newValue) {
-    if (!_f7Toggle.current) return;
-    _f7Toggle.current.checked = newValue;
-  });
-
-  var onToggleChange = function onToggleChange(toggleInstance) {
-    (0, _utils.emit)(props, 'toggleChange', toggleInstance.checked);
-  };
-
-  var toggleEvents = function toggleEvents(method) {
-    if (!_f7Toggle.current) return;
-
-    _f7Toggle.current[method]('toggleChange', onToggleChange);
-  };
-
-  var onMount = function onMount() {
-    (0, _f.f7ready)(function () {
-      if (!init || !elRef.current) return;
-      _f7Toggle.current = _f.f7.toggle.create({
-        el: elRef.current
-      });
-      toggleEvents('on');
-    });
-  };
-
-  var onDestroy = function onDestroy() {
-    if (_f7Toggle.current && _f7Toggle.current.destroy && _f7Toggle.current.$el) {
-      _f7Toggle.current.destroy();
-    }
-
-    _f7Toggle.current = null;
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    toggleEvents('on');
-    return function () {
-      toggleEvents('off');
-    };
-  });
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-  var labelClasses = (0, _utils.classNames)('toggle', className, {
-    disabled: disabled
-  }, (0, _mixins.colorClasses)(props));
-
-  var inputEl = /*#__PURE__*/_react.default.createElement("input", {
-    type: "checkbox",
-    name: name,
-    disabled: disabled,
-    readOnly: readonly,
-    checked: checked,
-    defaultChecked: defaultChecked,
-    value: value,
-    onChange: onChange
-  });
-
-  return /*#__PURE__*/_react.default.createElement("label", _extends({
-    id: id,
-    style: style,
-    className: labelClasses,
-    ref: elRef
-  }, extraAttrs), inputEl, /*#__PURE__*/_react.default.createElement("span", {
-    className: "toggle-icon"
-  }));
-});
-Toggle.displayName = 'f7-toggle';
-var _default = Toggle;
-exports.default = _default;

package/cjs/components/toolbar.js

@@ -1,125 +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 _useTheme = require("../shared/use-theme");
-
-var _f = require("../shared/f7");
-
-var _tabbarContext = require("../shared/tabbar-context");
-
-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 Toolbar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      tabbar = props.tabbar,
-      labels = props.labels,
-      scrollable = props.scrollable,
-      hidden = props.hidden,
-      noShadow = props.noShadow,
-      noHairline = props.noHairline,
-      noBorder = props.noBorder,
-      position = props.position,
-      topMd = props.topMd,
-      topIos = props.topIos,
-      topAurora = props.topAurora,
-      top = props.top,
-      bottomMd = props.bottomMd,
-      bottomIos = props.bottomIos,
-      bottomAurora = props.bottomAurora,
-      bottom = props.bottom,
-      _props$inner = props.inner,
-      inner = _props$inner === void 0 ? true : _props$inner;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var onHide = function onHide(toolbarEl) {
-    if (elRef.current !== toolbarEl) return;
-    (0, _utils.emit)(props, 'toolbarHide');
-  };
-
-  var onShow = function onShow(toolbarEl) {
-    if (elRef.current !== toolbarEl) return;
-    (0, _utils.emit)(props, 'toolbarShow');
-  };
-
-  var hide = function hide(animate) {
-    if (!_f.f7) return;
-
-    _f.f7.toolbar.hide(elRef.current, animate);
-  };
-
-  var show = function show(animate) {
-    if (!_f.f7) return;
-
-    _f.f7.toolbar.show(elRef.current, animate);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current,
-      hide: hide,
-      show: show
-    };
-  });
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    (0, _f.f7ready)(function () {
-      if (tabbar && _f.f7 && elRef.current) {
-        _f.f7.toolbar.setHighlight(elRef.current);
-      }
-
-      _f.f7.on('toolbarShow', onShow);
-
-      _f.f7.on('toolbarHide', onHide);
-    });
-    return function () {
-      if (!_f.f7) return;
-
-      _f.f7.off('toolbarShow', onShow);
-
-      _f.f7.off('toolbarHide', onHide);
-    };
-  });
-  var theme = (0, _useTheme.useTheme)();
-  var classes = (0, _utils.classNames)(className, 'toolbar', {
-    tabbar: tabbar,
-    'toolbar-bottom': theme && theme.md && bottomMd || theme && theme.ios && bottomIos || theme && theme.aurora && bottomAurora || bottom || position === 'bottom',
-    'toolbar-top': theme && theme.md && topMd || theme && theme.ios && topIos || theme && theme.aurora && topAurora || top || position === 'top',
-    'tabbar-labels': labels,
-    'tabbar-scrollable': scrollable,
-    'toolbar-hidden': hidden,
-    'no-shadow': noShadow,
-    'no-hairline': noHairline || noBorder
-  }, (0, _mixins.colorClasses)(props));
-  var slots = (0, _utils.getSlots)(props);
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), /*#__PURE__*/_react.default.createElement(_tabbarContext.TabbarContext.Provider, {
-    value: {
-      tabbarHasLabels: labels
-    }
-  }, slots['before-inner'], inner ? /*#__PURE__*/_react.default.createElement("div", {
-    className: "toolbar-inner"
-  }, slots.default) : slots.default, slots['after-inner']));
-});
-Toolbar.displayName = 'f7-toolbar';
-var _default = Toolbar;
-exports.default = _default;

package/cjs/components/treeview-item.js

@@ -1,131 +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 _useIcon = require("../shared/use-icon");
-
-var _f = require("../shared/f7");
-
-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 TreeviewItem = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      toggle = props.toggle,
-      itemToggle = props.itemToggle,
-      selectable = props.selectable,
-      selected = props.selected,
-      opened = props.opened,
-      label = props.label,
-      loadChildren = props.loadChildren,
-      link = props.link;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var onClick = function onClick(event) {
-    (0, _utils.emit)(props, 'click', event);
-  };
-
-  var onOpen = function onOpen(el) {
-    if (elRef.current !== el) return;
-    (0, _utils.emit)(props, 'treeviewOpen', el);
-  };
-
-  var onClose = function onClose(el) {
-    if (elRef.current !== el) return;
-    (0, _utils.emit)(props, 'treeviewClose', el);
-  };
-
-  var onLoadChildren = function onLoadChildren(el, done) {
-    if (elRef.current !== el) return;
-    (0, _utils.emit)(props, 'treeviewLoadChildren', el, done);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-
-  var attachEvents = function attachEvents() {
-    if (!elRef.current) return;
-    (0, _f.f7ready)(function () {
-      _f.f7.on('treeviewOpen', onOpen);
-
-      _f.f7.on('treeviewClose', onClose);
-
-      _f.f7.on('treeviewLoadChildren', onLoadChildren);
-    });
-  };
-
-  var detachEvents = function detachEvents() {
-    if (!_f.f7) return;
-
-    _f.f7.off('treeviewOpen', onOpen);
-
-    _f.f7.off('treeviewClose', onClose);
-
-    _f.f7.off('treeviewLoadChildren', onLoadChildren);
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    attachEvents();
-    return detachEvents;
-  });
-  var slots = (0, _utils.getSlots)(props);
-  var hasChildren = slots.default && slots.default.length || slots.children && slots.children.length || slots['children-start'] && slots['children-start'].length;
-  var needToggle = typeof toggle === 'undefined' ? hasChildren : toggle;
-  var iconEl = (0, _useIcon.useIcon)(props);
-  var TreeviewRootTag = link || link === '' ? 'a' : 'div';
-  var classes = (0, _utils.classNames)(className, 'treeview-item', {
-    'treeview-item-opened': opened,
-    'treeview-load-children': loadChildren
-  }, (0, _mixins.colorClasses)(props));
-  var itemRootClasses = (0, _utils.classNames)('treeview-item-root', {
-    'treeview-item-selectable': selectable,
-    'treeview-item-selected': selected,
-    'treeview-item-toggle': itemToggle
-  }, (0, _mixins.routerClasses)(props), (0, _mixins.actionsClasses)(props));
-  var href = link;
-  if (link === true) href = '#';
-  if (link === false) href = undefined; // no href attribute
-
-  var itemRootAttrs = _extends({
-    href: href
-  }, (0, _mixins.routerAttrs)(props), (0, _mixins.actionsAttrs)(props));
-
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), /*#__PURE__*/_react.default.createElement(TreeviewRootTag, _extends({
-    onClick: onClick,
-    className: itemRootClasses
-  }, itemRootAttrs), slots['root-start'], needToggle && /*#__PURE__*/_react.default.createElement("div", {
-    className: "treeview-toggle"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "treeview-item-content"
-  }, slots['content-start'], iconEl, slots.media, /*#__PURE__*/_react.default.createElement("div", {
-    className: "treeview-item-label"
-  }, slots['label-start'], label, slots.label), slots.content, slots['content-end']), slots.root, slots['root-end']), hasChildren && /*#__PURE__*/_react.default.createElement("div", {
-    className: "treeview-item-children"
-  }, slots['children-start'], slots.default, slots.children));
-});
-TreeviewItem.displayName = 'f7-treeview-item';
-var _default = TreeviewItem;
-exports.default = _default;

package/cjs/components/treeview.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 Treeview = /*#__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, 'treeview', (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), children);
-});
-Treeview.displayName = 'f7-treeview';
-var _default = Treeview;
-exports.default = _default;