framework7-react 6.3.16 → 7.0.0-beta.12

package/cjs/components/photo-browser.js

@@ -1,180 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = require("react");
-
-var _useIsomorphicLayoutEffect = require("../shared/use-isomorphic-layout-effect");
-
-var _utils = require("../shared/utils");
-
-var _watchProp = require("../shared/watch-prop");
-
-var _f = require("../shared/f7");
-
-
-var PhotoBrowser = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _f7PhotoBrowser = (0, _react.useRef)(null);
-
-  var _props$init = props.init,
-      init = _props$init === void 0 ? true : _props$init,
-      params = props.params,
-      photos = props.photos,
-      _props$exposition = props.exposition,
-      exposition = _props$exposition === void 0 ? true : _props$exposition,
-      _props$expositionHide = props.expositionHideCaptions,
-      expositionHideCaptions = _props$expositionHide === void 0 ? false : _props$expositionHide,
-      type = props.type,
-      _props$navbar = props.navbar,
-      navbar = _props$navbar === void 0 ? true : _props$navbar,
-      _props$toolbar = props.toolbar,
-      toolbar = _props$toolbar === void 0 ? true : _props$toolbar,
-      theme = props.theme,
-      captionsTheme = props.captionsTheme,
-      iconsColor = props.iconsColor,
-      _props$swipeToClose = props.swipeToClose,
-      swipeToClose = _props$swipeToClose === void 0 ? true : _props$swipeToClose,
-      pageBackLinkText = props.pageBackLinkText,
-      popupCloseLinkText = props.popupCloseLinkText,
-      navbarOfText = props.navbarOfText,
-      navbarShowCount = props.navbarShowCount,
-      swiper = props.swiper,
-      url = props.url,
-      _props$routableModals = props.routableModals,
-      routableModals = _props$routableModals === void 0 ? false : _props$routableModals,
-      _props$virtualSlides = props.virtualSlides,
-      virtualSlides = _props$virtualSlides === void 0 ? true : _props$virtualSlides,
-      view = props.view,
-      renderNavbar = props.renderNavbar,
-      renderToolbar = props.renderToolbar,
-      renderCaption = props.renderCaption,
-      renderObject = props.renderObject,
-      renderLazyPhoto = props.renderLazyPhoto,
-      renderPhoto = props.renderPhoto,
-      renderPage = props.renderPage,
-      renderPopup = props.renderPopup,
-      renderStandalone = props.renderStandalone;
-
-  var open = function open(index) {
-    return _f7PhotoBrowser.current.open(index);
-  };
-
-  var close = function close() {
-    return _f7PhotoBrowser.current.close();
-  };
-
-  var expositionToggle = function expositionToggle() {
-    return _f7PhotoBrowser.current.expositionToggle();
-  };
-
-  var expositionEnable = function expositionEnable() {
-    return _f7PhotoBrowser.current.expositionEnable();
-  };
-
-  var expositionDisable = function expositionDisable() {
-    return _f7PhotoBrowser.current.expositionDisable();
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      f7PhotoBrowser: function f7PhotoBrowser() {
-        return _f7PhotoBrowser.current;
-      },
-      open: open,
-      close: close,
-      expositionToggle: expositionToggle,
-      expositionEnable: expositionEnable,
-      expositionDisable: expositionDisable
-    };
-  });
-  (0, _watchProp.watchProp)(photos, function (newValue) {
-    var pb = _f7PhotoBrowser.current;
-    if (!pb) return;
-    pb.params.photos = newValue;
-
-    if (pb.opened && pb.swiper) {
-      pb.swiper.update();
-    }
-  });
-
-  var onMount = function onMount() {
-    if (!init) return;
-    (0, _f.f7ready)(function () {
-      var paramsComputed;
-
-      if (typeof params !== 'undefined') {
-        paramsComputed = params;
-      } else {
-        paramsComputed = {
-          photos: photos,
-          exposition: exposition,
-          expositionHideCaptions: expositionHideCaptions,
-          type: type,
-          navbar: navbar,
-          toolbar: toolbar,
-          theme: theme,
-          captionsTheme: captionsTheme,
-          iconsColor: iconsColor,
-          swipeToClose: swipeToClose,
-          pageBackLinkText: pageBackLinkText,
-          popupCloseLinkText: popupCloseLinkText,
-          navbarOfText: navbarOfText,
-          navbarShowCount: navbarShowCount,
-          swiper: swiper,
-          url: url,
-          routableModals: routableModals,
-          virtualSlides: virtualSlides,
-          view: view,
-          renderNavbar: renderNavbar,
-          renderToolbar: renderToolbar,
-          renderCaption: renderCaption,
-          renderObject: renderObject,
-          renderLazyPhoto: renderLazyPhoto,
-          renderPhoto: renderPhoto,
-          renderPage: renderPage,
-          renderPopup: renderPopup,
-          renderStandalone: renderStandalone
-        };
-      }
-
-      Object.keys(paramsComputed).forEach(function (param) {
-        if (typeof paramsComputed[param] === 'undefined' || paramsComputed[param] === '') delete paramsComputed[param];
-      });
-      paramsComputed = (0, _utils.extend)({}, paramsComputed, {
-        on: {
-          open: function open() {
-            (0, _utils.emit)(props, 'photoBrowserOpen');
-          },
-          close: function close() {
-            (0, _utils.emit)(props, 'photoBrowserClose');
-          },
-          opened: function opened() {
-            (0, _utils.emit)(props, 'photoBrowserOpened');
-          },
-          closed: function closed() {
-            (0, _utils.emit)(props, 'photoBrowserClosed');
-          },
-          swipeToClose: function swipeToClose() {
-            (0, _utils.emit)(props, 'photoBrowserSwipeToClose');
-          }
-        }
-      });
-      _f7PhotoBrowser.current = _f.f7.photoBrowser.create(paramsComputed);
-    });
-  };
-
-  var onDestroy = function onDestroy() {
-    if (_f7PhotoBrowser.current && _f7PhotoBrowser.current.destroy) _f7PhotoBrowser.current.destroy();
-    _f7PhotoBrowser.current = null;
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-  return null;
-});
-PhotoBrowser.displayName = 'f7-photo-browser';
-var _default = PhotoBrowser;
-exports.default = _default;

package/cjs/components/pie-chart.js

@@ -1,202 +0,0 @@
-"use strict";
-
-exports.__esModule = true;
-exports.default = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _utils = require("../shared/utils");
-
-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 PieChart = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      _props$size = props.size,
-      size = _props$size === void 0 ? 320 : _props$size,
-      _props$tooltip = props.tooltip,
-      tooltip = _props$tooltip === void 0 ? false : _props$tooltip,
-      _props$datasets = props.datasets,
-      datasets = _props$datasets === void 0 ? [] : _props$datasets,
-      formatTooltip = props.formatTooltip,
-      children = props.children;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-
-  var _useState = (0, _react.useState)(null),
-      currentIndex = _useState[0],
-      setCurrentIndex = _useState[1];
-
-  var previousIndex = (0, _react.useRef)(null);
-  var elRef = (0, _react.useRef)(null);
-  var f7Tooltip = (0, _react.useRef)(null);
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current
-    };
-  });
-
-  var getSummValue = function getSummValue() {
-    var summ = 0;
-    datasets.map(function (d) {
-      return d.value || 0;
-    }).forEach(function (value) {
-      summ += value;
-    });
-    return summ;
-  };
-
-  var getPaths = function getPaths() {
-    var paths = [];
-    var cumulativePercentage = 0;
-
-    function getCoordinatesForPercentage(percentage) {
-      var x = Math.cos(2 * Math.PI * percentage) * (size / 3);
-      var y = Math.sin(2 * Math.PI * percentage) * (size / 3);
-      return [x, y];
-    }
-
-    datasets.forEach(function (_ref) {
-      var value = _ref.value,
-          label = _ref.label,
-          color = _ref.color;
-      var percentage = value / getSummValue();
-
-      var _getCoordinatesForPer = getCoordinatesForPercentage(cumulativePercentage),
-          startX = _getCoordinatesForPer[0],
-          startY = _getCoordinatesForPer[1];
-
-      cumulativePercentage += percentage;
-
-      var _getCoordinatesForPer2 = getCoordinatesForPercentage(cumulativePercentage),
-          endX = _getCoordinatesForPer2[0],
-          endY = _getCoordinatesForPer2[1];
-
-      var largeArcFlag = percentage > 0.5 ? 1 : 0;
-      var points = ["M " + startX + " " + startY, // Move
-      "A " + size / 3 + " " + size / 3 + " 0 " + largeArcFlag + " 1 " + endX + " " + endY, // Arc
-      'L 0 0' // Line
-      ].join(' ');
-      paths.push({
-        points: points,
-        label: label,
-        color: color
-      });
-    });
-    return paths;
-  };
-
-  var formatTooltipText = function formatTooltipText() {
-    if (currentIndex === null) return '';
-    var _datasets$currentInde = datasets[currentIndex],
-        value = _datasets$currentInde.value,
-        label = _datasets$currentInde.label,
-        color = _datasets$currentInde.color;
-    var percentage = value / getSummValue() * 100;
-
-    var round = function round(v) {
-      if (parseInt(v, 10) === v) return v;
-      return Math.round(v * 100) / 100;
-    };
-
-    if (formatTooltip) {
-      return formatTooltip({
-        index: currentIndex,
-        value: value,
-        label: label,
-        color: color,
-        percentage: percentage
-      });
-    }
-
-    var tooltipText = "" + (label ? label + ": " : '') + round(value) + " (" + round(percentage) + "%)";
-    return "\n      <div class=\"pie-chart-tooltip-label\">\n        <span class=\"pie-chart-tooltip-color\" style=\"background-color: " + color + ";\"></span> " + tooltipText + "\n      </div>\n    ";
-  };
-
-  var setTooltip = function setTooltip() {
-    if (currentIndex === null && !f7Tooltip.current) return;
-    if (!tooltip || !elRef.current || !_f.f7) return;
-
-    if (currentIndex !== null && !f7Tooltip.current) {
-      f7Tooltip.current = _f.f7.tooltip.create({
-        trigger: 'manual',
-        containerEl: elRef.current,
-        targetEl: elRef.current.querySelector("path[data-index=\"" + currentIndex + "\"]"),
-        text: formatTooltipText(),
-        cssClass: 'pie-chart-tooltip'
-      });
-      f7Tooltip.current.show();
-      return;
-    }
-
-    if (!f7Tooltip.current) return;
-
-    if (currentIndex !== null) {
-      f7Tooltip.current.setText(formatTooltipText());
-      f7Tooltip.current.setTargetEl(elRef.current.querySelector("path[data-index=\"" + currentIndex + "\"]"));
-      f7Tooltip.current.show();
-    } else {
-      f7Tooltip.current.hide();
-    }
-  };
-
-  (0, _react.useEffect)(function () {
-    if (previousIndex.current === currentIndex) return;
-    previousIndex.current = currentIndex;
-    (0, _utils.emit)(props, 'select', currentIndex, datasets[currentIndex]);
-    setTooltip();
-  }, [currentIndex]);
-  (0, _react.useEffect)(function () {
-    return function () {
-      if (f7Tooltip.current && f7Tooltip.current.destroy) {
-        f7Tooltip.current.destroy();
-      }
-
-      f7Tooltip.current = null;
-    };
-  }, []);
-  var classes = (0, _utils.classNames)('pie-chart', className);
-  var paths = getPaths();
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), /*#__PURE__*/_react.default.createElement("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    width: size,
-    height: size,
-    viewBox: "-" + size / 3 + " -" + size / 3 + " " + size * 2 / 3 + " " + size * 2 / 3,
-    style: {
-      transform: 'rotate(-90deg)'
-    }
-  }, paths.map(function (path, index) {
-    return /*#__PURE__*/_react.default.createElement("path", {
-      key: path.label || index,
-      d: path.points,
-      fill: path.color,
-      "data-index": index,
-      className: (0, _utils.classNames)({
-        'pie-chart-hidden': currentIndex !== null && currentIndex !== index
-      }),
-      onClick: function onClick() {
-        return setCurrentIndex(index);
-      },
-      onMouseEnter: function onMouseEnter() {
-        return setCurrentIndex(index);
-      },
-      onMouseLeave: function onMouseLeave() {
-        return setCurrentIndex(null);
-      }
-    });
-  })), children);
-});
-PieChart.displayName = 'f7-pie-chart';
-var _default = PieChart;
-exports.default = _default;

package/cjs/components/popover.js

@@ -1,157 +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 _modalStateClasses = require("../shared/modal-state-classes");
-
-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 Popover = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
-  var _f7Popover = (0, _react.useRef)(null);
-
-  var className = props.className,
-      id = props.id,
-      style = props.style,
-      children = props.children,
-      opened = props.opened,
-      animate = props.animate,
-      targetEl = props.targetEl,
-      backdrop = props.backdrop,
-      backdropEl = props.backdropEl,
-      closeByBackdropClick = props.closeByBackdropClick,
-      closeByOutsideClick = props.closeByOutsideClick,
-      closeOnEscape = props.closeOnEscape,
-      containerEl = props.containerEl;
-  var extraAttrs = (0, _utils.getExtraAttrs)(props);
-  var elRef = (0, _react.useRef)(null);
-  var isOpened = (0, _react.useRef)(opened);
-  var isClosing = (0, _react.useRef)(false);
-
-  var onOpen = function onOpen(instance) {
-    isOpened.current = true;
-    isClosing.current = false;
-    (0, _utils.emit)(props, 'popoverOpen', instance);
-  };
-
-  var onOpened = function onOpened(instance) {
-    (0, _utils.emit)(props, 'popoverOpened', instance);
-  };
-
-  var onClose = function onClose(instance) {
-    isOpened.current = false;
-    isClosing.current = true;
-    (0, _utils.emit)(props, 'popoverClose', instance);
-  };
-
-  var onClosed = function onClosed(instance) {
-    isClosing.current = false;
-    (0, _utils.emit)(props, 'popoverClosed', instance);
-  };
-
-  (0, _react.useImperativeHandle)(ref, function () {
-    return {
-      el: elRef.current,
-      f7Popover: function f7Popover() {
-        return _f7Popover.current;
-      }
-    };
-  });
-  (0, _watchProp.watchProp)(opened, function (value) {
-    if (!_f7Popover.current) return;
-
-    if (value) {
-      _f7Popover.current.open();
-    } else {
-      _f7Popover.current.close();
-    }
-  });
-
-  var modalEvents = function modalEvents(method) {
-    if (!_f7Popover.current) return;
-
-    _f7Popover.current[method]('open', onOpen);
-
-    _f7Popover.current[method]('opened', onOpened);
-
-    _f7Popover.current[method]('close', onClose);
-
-    _f7Popover.current[method]('closed', onClosed);
-  };
-
-  var onMount = function onMount() {
-    if (!elRef.current) return;
-    var popoverParams = {
-      el: elRef.current
-    };
-    if (targetEl) popoverParams.targetEl = targetEl;
-    if ('closeByBackdropClick' in props) popoverParams.closeByBackdropClick = closeByBackdropClick;
-    if ('closeByOutsideClick' in props) popoverParams.closeByOutsideClick = closeByOutsideClick;
-    if ('closeOnEscape' in props) popoverParams.closeOnEscape = closeOnEscape;
-    if ('backdrop' in props) popoverParams.backdrop = backdrop;
-    if ('backdropEl' in props) popoverParams.backdropEl = backdropEl;
-    if ('animate' in props) popoverParams.animate = animate;
-    if ('containerEl' in props) popoverParams.containerEl = containerEl;
-    (0, _f.f7ready)(function () {
-      _f7Popover.current = _f.f7.popover.create(popoverParams);
-      modalEvents('on');
-
-      if (opened && targetEl) {
-        _f7Popover.current.open(targetEl, false);
-      }
-    });
-  };
-
-  var onDestroy = function onDestroy() {
-    if (_f7Popover.current) {
-      _f7Popover.current.destroy();
-    }
-
-    _f7Popover.current = null;
-  };
-
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    modalEvents('on');
-    return function () {
-      modalEvents('off');
-    };
-  });
-  (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function () {
-    onMount();
-    return onDestroy;
-  }, []);
-  var classes = (0, _utils.classNames)(className, 'popover', (0, _modalStateClasses.modalStateClasses)({
-    isOpened: isOpened,
-    isClosing: isClosing
-  }), (0, _mixins.colorClasses)(props));
-  return /*#__PURE__*/_react.default.createElement("div", _extends({
-    id: id,
-    style: style,
-    className: classes,
-    ref: elRef
-  }, extraAttrs), /*#__PURE__*/_react.default.createElement("div", {
-    className: "popover-angle"
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "popover-inner"
-  }, children));
-});
-Popover.displayName = 'f7-popover';
-var _default = Popover;
-exports.default = _default;