framework7-react 6.3.15 → 7.0.0-beta.11

package/cjs/components/fab.js

@@ -1,98 +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");
-
-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 Fab = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      morphTo = props.morphTo,
-      href = props.href,
-      target = props.target,
-      text = props.text,
-      _props$position = props.position,
-      position = _props$position === void 0 ? 'right-bottom' : _props$position;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-
-  var onClick = function onClick(e) {
-    (0, _utils.emit)(props, 'click', e);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  (0, _useTooltip.useTooltip)(elRef, props);
-  var hrefComputed = href;
-  if (hrefComputed === true) hrefComputed = '#';
-  if (hrefComputed === false) hrefComputed = undefined; // no href attribute
-
-  var linkChildren = [];
-  var rootChildren = [];
-
-  var _getSlots = (0, _utils.getSlots)(props),
-      linkSlots = _getSlots.link,
-      defaultSlots = _getSlots.default,
-      rootSlots = _getSlots.root,
-      textSlots = _getSlots.text;
-
-  if (defaultSlots) {
-    for (var i = 0; i < defaultSlots.length; i += 1) {
-      var child = defaultSlots[i];
-      var isRoot = void 0;
-      var tag = child.type && (child.type.displayName || child.type.name);
-      if (tag === 'FabButtons' || tag === 'f7-fab-buttons') isRoot = true;
-      if (isRoot) rootChildren.push(child);else linkChildren.push(child);
-    }
-  }
-
-  var textEl;
-
-  if (text || textSlots && textSlots.length) {
-    textEl = /*#__PURE__*/_react.default.createElement("div", {
-      className: "fab-text"
-    }, text, textSlots);
-  }
-
-  var linkEl;
-
-  if (linkChildren.length || linkSlots && linkSlots.length || textEl) {
-    linkEl = /*#__PURE__*/_react.default.createElement("a", {
-      target: target,
-      href: hrefComputed,
-      onClick: onClick
-    }, linkChildren, textEl, linkSlots);
-  }
-
-  var classes = (0, _utils.classNames)(className, 'fab', "fab-" + position, {
-    'fab-morph': morphTo,
-    'fab-extended': typeof textEl !== 'undefined'
-  }, (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    "data-morph-to": morphTo,
-    ref: elRef
-  }, extraAttrs), linkEl, rootChildren, rootSlots);
-});
-Fab.displayName = 'f7-fab';
-var _default = Fab;
-exports.default = _default;

package/cjs/components/gauge.js

@@ -1,127 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../shared/utils");
-
-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 Gauge = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      _props$type = props.type,
-      type = _props$type === void 0 ? 'circle' : _props$type,
-      _props$value = props.value,
-      value = _props$value === void 0 ? 0 : _props$value,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 200 : _props$size,
-      _props$bgColor = props.bgColor,
-      bgColor = _props$bgColor === void 0 ? 'transparent' : _props$bgColor,
-      _props$borderBgColor = props.borderBgColor,
-      borderBgColor = _props$borderBgColor === void 0 ? '#eeeeee' : _props$borderBgColor,
-      _props$borderColor = props.borderColor,
-      borderColor = _props$borderColor === void 0 ? '#000000' : _props$borderColor,
-      _props$borderWidth = props.borderWidth,
-      borderWidth = _props$borderWidth === void 0 ? 10 : _props$borderWidth,
-      valueText = props.valueText,
-      _props$valueTextColor = props.valueTextColor,
-      valueTextColor = _props$valueTextColor === void 0 ? '#000000' : _props$valueTextColor,
-      _props$valueFontSize = props.valueFontSize,
-      valueFontSize = _props$valueFontSize === void 0 ? 31 : _props$valueFontSize,
-      _props$valueFontWeigh = props.valueFontWeight,
-      valueFontWeight = _props$valueFontWeigh === void 0 ? 500 : _props$valueFontWeigh,
-      labelText = props.labelText,
-      _props$labelTextColor = props.labelTextColor,
-      labelTextColor = _props$labelTextColor === void 0 ? '#888888' : _props$labelTextColor,
-      _props$labelFontSize = props.labelFontSize,
-      labelFontSize = _props$labelFontSize === void 0 ? 14 : _props$labelFontSize,
-      _props$labelFontWeigh = props.labelFontWeight,
-      labelFontWeight = _props$labelFontWeigh === void 0 ? 400 : _props$labelFontWeigh;
-  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, 'gauge');
-  var semiCircle = type === 'semicircle';
-  var radius = size / 2 - borderWidth / 2;
-  var length = 2 * Math.PI * radius;
-  var progress = Math.max(Math.min(value, 1), 0);
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), /*#__PURE__*/_react.default.createElement("svg", {
-    className: "gauge-svg",
-    width: size + "px",
-    height: (semiCircle ? size / 2 : size) + "px",
-    viewBox: "0 0 " + size + " " + (semiCircle ? size / 2 : size)
-  }, semiCircle && /*#__PURE__*/_react.default.createElement("path", {
-    className: "gauge-back-semi",
-    d: "M" + (size - borderWidth / 2) + "," + size / 2 + " a1,1 0 0,0 -" + (size - borderWidth) + ",0",
-    stroke: borderBgColor,
-    strokeWidth: borderWidth,
-    fill: bgColor || 'none'
-  }), semiCircle && /*#__PURE__*/_react.default.createElement("path", {
-    className: "gauge-front-semi",
-    d: "M" + (size - borderWidth / 2) + "," + size / 2 + " a1,1 0 0,0 -" + (size - borderWidth) + ",0",
-    stroke: borderColor,
-    strokeWidth: borderWidth,
-    strokeDasharray: length / 2,
-    strokeDashoffset: length / 2 * (1 + progress),
-    fill: borderBgColor ? 'none' : bgColor || 'none'
-  }), !semiCircle && borderBgColor && /*#__PURE__*/_react.default.createElement("circle", {
-    className: "gauge-back-circle",
-    stroke: borderBgColor,
-    strokeWidth: borderWidth,
-    fill: bgColor || 'none',
-    cx: size / 2,
-    cy: size / 2,
-    r: radius
-  }), !semiCircle && /*#__PURE__*/_react.default.createElement("circle", {
-    className: "gauge-front-circle",
-    transform: "rotate(-90 " + size / 2 + " " + size / 2 + ")",
-    stroke: borderColor,
-    strokeWidth: borderWidth,
-    strokeDasharray: length,
-    strokeDashoffset: length * (1 - progress),
-    fill: borderBgColor ? 'none' : bgColor || 'none',
-    cx: size / 2,
-    cy: size / 2,
-    r: radius
-  }), valueText && /*#__PURE__*/_react.default.createElement("text", {
-    className: "gauge-value-text",
-    x: "50%",
-    y: semiCircle ? '100%' : '50%',
-    fontWeight: valueFontWeight,
-    fontSize: valueFontSize,
-    fill: valueTextColor,
-    dy: semiCircle ? labelText ? -labelFontSize - 15 : -5 : 0,
-    textAnchor: "middle",
-    dominantBaseline: !semiCircle ? 'middle' : null
-  }, valueText), labelText && /*#__PURE__*/_react.default.createElement("text", {
-    className: "gauge-label-text",
-    x: "50%",
-    y: semiCircle ? '100%' : '50%',
-    fontWeight: labelFontWeight,
-    fontSize: labelFontSize,
-    fill: labelTextColor,
-    dy: semiCircle ? -5 : valueText ? valueFontSize / 2 + 10 : 0,
-    textAnchor: "middle",
-    dominantBaseline: !semiCircle ? 'middle' : null
-  }, labelText)));
-});
-Gauge.displayName = 'f7-gauge';
-var _default = Gauge;
-exports.default = _default;

package/cjs/components/icon.js

@@ -1,109 +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");
-
-var _useTooltip = require("../shared/use-tooltip");
-
-var _useTheme = require("../shared/use-theme");
-
-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 Icon = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var theme = (0, _useTheme.useTheme)();
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      material = props.material,
-      f7 = props.f7,
-      icon = props.icon,
-      md = props.md,
-      ios = props.ios,
-      aurora = props.aurora,
-      size = props.size;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-  (0, _useTooltip.useTooltip)(elRef, props);
-
-  var getClasses = function getClasses() {
-    var classes = {
-      icon: true
-    };
-    var themeIcon;
-    if (theme && theme.ios) themeIcon = ios;else if (theme && theme.md) themeIcon = md;else if (theme && theme.aurora) themeIcon = aurora;
-
-    if (themeIcon) {
-      var parts = themeIcon.split(':');
-      var prop = parts[0];
-      var value = parts[1];
-
-      if (prop === 'material' || prop === 'f7') {
-        classes['material-icons'] = prop === 'material';
-        classes['f7-icons'] = prop === 'f7';
-      }
-
-      if (prop === 'icon') {
-        classes[value] = true;
-      }
-    } else {
-      classes = {
-        icon: true,
-        'material-icons': material,
-        'f7-icons': f7
-      };
-      if (icon) classes[icon] = true;
-    }
-
-    return (0, _utils.classNames)(className, classes, (0, _mixins.colorClasses)(props));
-  };
-
-  var getIconText = function getIconText() {
-    var text = material || f7;
-
-    if (md && theme && theme.md && (md.indexOf('material:') >= 0 || md.indexOf('f7:') >= 0)) {
-      text = md.split(':')[1];
-    } else if (ios && theme && theme.ios && (ios.indexOf('material:') >= 0 || ios.indexOf('f7:') >= 0)) {
-      text = ios.split(':')[1];
-    } else if (aurora && theme && theme.aurora && (aurora.indexOf('material:') >= 0 || aurora.indexOf('f7:') >= 0)) {
-      text = aurora.split(':')[1];
-    }
-
-    return text;
-  };
-
-  var sizeComputed = size;
-
-  if (typeof size === 'number' || parseFloat(size) === size * 1) {
-    sizeComputed = size + "px";
-  }
-
-  return /*#__PURE__*/_react.default.createElement("i", _extends({
-    id: id,
-    style: (0, _utils.extend)({
-      fontSize: sizeComputed,
-      width: sizeComputed,
-      height: sizeComputed
-    }, style),
-    className: getClasses(),
-    ref: elRef
-  }, extraAttrs), getIconText(), children);
-});
-Icon.displayName = 'f7-icon';
-var _default = Icon;
-exports.default = _default;