framework7-react 7.0.9 → 8.0.0-beta.1

package/components/menu-item.js

@@ -1,101 +0,0 @@
-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.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';
-
-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);
-
-  const onClick = e => {
-    emit(props, 'click', e);
-  };
-
-  const onOpened = el => {
-    if (elRef.current !== el) return;
-    emit(props, 'menuOpened', el);
-  };
-
-  const onClosed = el => {
-    if (elRef.current !== el) return;
-    emit(props, 'menuClosed', el);
-  };
-
-  useImperativeHandle(ref, () => ({
-    el: elRef.current
-  }));
-  useTooltip(elRef, props);
-  useRouteProps(elRef, props);
-
-  const attachEvents = () => {
-    f7ready(() => {
-      f7.on('menuOpened', onOpened);
-      f7.on('menuClosed', onClosed);
-    });
-  };
-
-  const detachEvents = () => {
-    f7.off('menuOpened', onOpened);
-    f7.off('menuClosed', onOpened);
-  };
-
-  useIsomorphicLayoutEffect(() => {
-    attachEvents();
-    return detachEvents;
-  });
-  const iconEl = useIcon(props);
-  const slots = getSlots(props);
-  let iconOnlyComputed;
-
-  if (iconOnly || !text && slots.text && slots.text.length === 0 || !text && !slots.text) {
-    iconOnlyComputed = true;
-  } else {
-    iconOnlyComputed = false;
-  }
-
-  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));
-  let hrefComputed = href;
-  if (typeof hrefComputed === 'undefined' && link) hrefComputed = '#';
-  const attrs = {
-    href: hrefComputed,
-    target,
-    ...routerAttrs(props),
-    ...actionsAttrs(props)
-  };
-  return /*#__PURE__*/React.createElement(Tag, _extends({
-    ref: elRef,
-    className: classes,
-    id: id,
-    style: style
-  }, attrs, extraAttrs, {
-    onClick: onClick
-  }), (text || slots.text && slots.text.length || iconEl) && /*#__PURE__*/React.createElement("div", {
-    className: "menu-item-content"
-  }, text, iconEl, slots.text), slots.default);
-});
-MenuItem.displayName = 'f7-menu-item';
-export default MenuItem;

package/components/menu.d.ts

@@ -1,23 +0,0 @@
-
-import * as React from 'react';
-
-
-export interface MenuProps {
-  slot?: string;
-  id?: string | number;
-  className?: string;
-  style?: React.CSSProperties;
-  ref?: React.MutableRefObject<{el: HTMLElement | null}>;
-  children?: React.ReactNode;
-  color?: string;
-  colorTheme?: string;
-  textColor?: string;
-  bgColor?: string;
-  borderColor?: string;
-  rippleColor?: string;
-  dark?: boolean;
-}
-declare const Menu: React.FunctionComponent<MenuProps>;
-
-export default Menu;
-  

package/components/menu.js

@@ -1,30 +0,0 @@
-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.js';
-import { colorClasses } from '../shared/mixins.js';
-
-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,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), /*#__PURE__*/React.createElement("div", {
-    className: "menu-inner"
-  }, children));
-});
-Menu.displayName = 'f7-menu';
-export default Menu;

package/components/row.d.ts

@@ -1,31 +0,0 @@
-
-import * as React from 'react';
-
-
-export interface RowProps {
-  slot?: string;
-  id?: string | number;
-  className?: string;
-  style?: React.CSSProperties;
-  noGap ?: boolean;
-  tag ?: string;
-  resizable ?: boolean;
-  resizableFixed ?: boolean;
-  resizableAbsolute ?: boolean;
-  resizableHandler ?: boolean;
-  onClick ?: (event?: any) => void;
-  onGridResize ?: (...args: any[]) => void;
-  ref?: React.MutableRefObject<{el: HTMLElement | null}>;
-  children?: React.ReactNode;
-  color?: string;
-  colorTheme?: string;
-  textColor?: string;
-  bgColor?: string;
-  borderColor?: string;
-  rippleColor?: string;
-  dark?: boolean;
-}
-declare const Row: React.FunctionComponent<RowProps>;
-
-export default Row;
-  

package/components/row.js

@@ -1,64 +0,0 @@
-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, useEffect } from 'react';
-import { classNames, getExtraAttrs, emit } from '../shared/utils.js';
-import { colorClasses } from '../shared/mixins.js';
-import { f7ready, f7 } from '../shared/f7.js';
-
-const Row = /*#__PURE__*/forwardRef((props, ref) => {
-  const {
-    className,
-    id,
-    style,
-    children,
-    tag = 'div',
-    noGap,
-    resizable,
-    resizableFixed,
-    resizableAbsolute,
-    resizableHandler = true
-  } = props;
-  const extraAttrs = getExtraAttrs(props);
-  const elRef = useRef(null);
-
-  const onClick = event => {
-    emit(props, 'click', event);
-  };
-
-  const onResize = el => {
-    if (el === elRef.current) {
-      emit(props, 'gridResize');
-    }
-  };
-
-  useImperativeHandle(ref, () => ({
-    el: elRef.current
-  }));
-  useEffect(() => {
-    f7ready(() => {
-      f7.on('gridResize', onResize);
-    });
-    return () => {
-      f7.off('gridResize', onResize);
-    };
-  });
-  const RowTag = tag;
-  const classes = classNames(className, 'row', {
-    'no-gap': noGap,
-    resizable,
-    'resizable-fixed': resizableFixed,
-    'resizable-absolute': resizableAbsolute
-  }, colorClasses(props));
-  return /*#__PURE__*/React.createElement(RowTag, _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs, {
-    onClick: onClick
-  }), children, resizable && resizableHandler && /*#__PURE__*/React.createElement("span", {
-    className: "resize-handler"
-  }));
-});
-Row.displayName = 'f7-row';
-export default Row;