@tarojs/components 3.6.0-canary.10 → 3.6.0-canary.12

package/dist/react/react-component-lib/createOverlayComponent.js

@@ -1,178 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-import _regeneratorRuntime from "@babel/runtime/helpers/esm/regeneratorRuntime";
-import _asyncToGenerator from "@babel/runtime/helpers/esm/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/esm/classCallCheck";
-import _createClass from "@babel/runtime/helpers/esm/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/esm/assertThisInitialized";
-import _inherits from "@babel/runtime/helpers/esm/inherits";
-import _createSuper from "@babel/runtime/helpers/esm/createSuper";
-import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
-var _excluded = ["children", "isOpen", "onDidDismiss", "onDidPresent", "onWillDismiss", "onWillPresent"];
-import React from 'react';
-import ReactDOM from 'react-dom';
-import { attachProps, dashToPascalCase, defineCustomElement, setRef } from './utils';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var createOverlayComponent = function createOverlayComponent(tagName, controller, customElement) {
-  defineCustomElement(tagName, customElement);
-  var displayName = dashToPascalCase(tagName);
-  var didDismissEventName = "on".concat(displayName, "DidDismiss");
-  var didPresentEventName = "on".concat(displayName, "DidPresent");
-  var willDismissEventName = "on".concat(displayName, "WillDismiss");
-  var willPresentEventName = "on".concat(displayName, "WillPresent");
-  var isDismissing = false;
-  var Overlay = /*#__PURE__*/function (_React$Component) {
-    _inherits(Overlay, _React$Component);
-    var _super = _createSuper(Overlay);
-    function Overlay(props) {
-      var _this;
-      _classCallCheck(this, Overlay);
-      _this = _super.call(this, props);
-      _defineProperty(_assertThisInitialized(_this), "overlay", void 0);
-      _defineProperty(_assertThisInitialized(_this), "el", void 0);
-      if (typeof document !== 'undefined') {
-        _this.el = document.createElement('div');
-      }
-      _this.handleDismiss = _this.handleDismiss.bind(_assertThisInitialized(_this));
-      return _this;
-    }
-    _createClass(Overlay, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        if (this.props.isOpen) {
-          this.present();
-        }
-      }
-    }, {
-      key: "componentWillUnmount",
-      value: function componentWillUnmount() {
-        if (this.overlay) {
-          this.overlay.dismiss();
-        }
-      }
-    }, {
-      key: "handleDismiss",
-      value: function handleDismiss(event) {
-        if (this.props.onDidDismiss) {
-          this.props.onDidDismiss(event);
-        }
-        setRef(this.props.forwardedRef, null);
-      }
-    }, {
-      key: "shouldComponentUpdate",
-      value: function shouldComponentUpdate(nextProps) {
-        // Check if the overlay component is about to dismiss
-        if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {
-          isDismissing = true;
-        }
-        return true;
-      }
-    }, {
-      key: "componentDidUpdate",
-      value: function () {
-        var _componentDidUpdate = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee(prevProps) {
-          return _regeneratorRuntime().wrap(function _callee$(_context) {
-            while (1) {
-              switch (_context.prev = _context.next) {
-                case 0:
-                  if (this.overlay) {
-                    attachProps(this.overlay, this.props, prevProps);
-                  }
-                  if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
-                    this.present(prevProps);
-                  }
-                  if (!(this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false)) {
-                    _context.next = 7;
-                    break;
-                  }
-                  _context.next = 5;
-                  return this.overlay.dismiss();
-                case 5:
-                  isDismissing = false;
-
-                  /**
-                   * Now that the overlay is dismissed
-                   * we need to render again so that any
-                   * inner components will be unmounted
-                   */
-                  this.forceUpdate();
-                case 7:
-                case "end":
-                  return _context.stop();
-              }
-            }
-          }, _callee, this);
-        }));
-        function componentDidUpdate(_x) {
-          return _componentDidUpdate.apply(this, arguments);
-        }
-        return componentDidUpdate;
-      }()
-    }, {
-      key: "present",
-      value: function () {
-        var _present = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime().mark(function _callee2(prevProps) {
-          var _this2 = this,
-            _objectSpread2;
-          var _this$props, children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent, cProps, elementProps;
-          return _regeneratorRuntime().wrap(function _callee2$(_context2) {
-            while (1) {
-              switch (_context2.prev = _context2.next) {
-                case 0:
-                  _this$props = this.props, children = _this$props.children, isOpen = _this$props.isOpen, onDidDismiss = _this$props.onDidDismiss, onDidPresent = _this$props.onDidPresent, onWillDismiss = _this$props.onWillDismiss, onWillPresent = _this$props.onWillPresent, cProps = _objectWithoutProperties(_this$props, _excluded);
-                  elementProps = _objectSpread(_objectSpread({}, cProps), {}, (_objectSpread2 = {
-                    ref: this.props.forwardedRef
-                  }, _defineProperty(_objectSpread2, didDismissEventName, this.handleDismiss), _defineProperty(_objectSpread2, didPresentEventName, function (e) {
-                    return _this2.props.onDidPresent && _this2.props.onDidPresent(e);
-                  }), _defineProperty(_objectSpread2, willDismissEventName, function (e) {
-                    return _this2.props.onWillDismiss && _this2.props.onWillDismiss(e);
-                  }), _defineProperty(_objectSpread2, willPresentEventName, function (e) {
-                    return _this2.props.onWillPresent && _this2.props.onWillPresent(e);
-                  }), _objectSpread2));
-                  _context2.next = 4;
-                  return controller.create(_objectSpread(_objectSpread({}, elementProps), {}, {
-                    component: this.el,
-                    componentProps: {}
-                  }));
-                case 4:
-                  this.overlay = _context2.sent;
-                  setRef(this.props.forwardedRef, this.overlay);
-                  attachProps(this.overlay, elementProps, prevProps);
-                  _context2.next = 9;
-                  return this.overlay.present();
-                case 9:
-                case "end":
-                  return _context2.stop();
-              }
-            }
-          }, _callee2, this);
-        }));
-        function present(_x2) {
-          return _present.apply(this, arguments);
-        }
-        return present;
-      }()
-    }, {
-      key: "render",
-      value: function render() {
-        /**
-         * Continue to render the component even when
-         * overlay is dismissing otherwise component
-         * will be hidden before animation is done.
-         */
-        return /*#__PURE__*/ReactDOM.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
-      }
-    }], [{
-      key: "displayName",
-      get: function get() {
-        return displayName;
-      }
-    }]);
-    return Overlay;
-  }(React.Component);
-  return /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/_jsx(Overlay, _objectSpread(_objectSpread({}, props), {}, {
-      forwardedRef: ref
-    }));
-  });
-};

package/dist/react/react-component-lib/index.js

@@ -1,2 +0,0 @@
-export { createReactComponent } from './createComponent';
-export { createOverlayComponent } from './createOverlayComponent';

package/dist/react/react-component-lib/utils/attachProps.js

@@ -1,98 +0,0 @@
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import { camelToDashCase } from './case';
-export var attachProps = function attachProps(node, newProps) {
-  var oldProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
-  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
-  if (node instanceof Element) {
-    // add any classes in className to the class list
-    var className = getClassName(node.classList, newProps, oldProps);
-    if (className !== '') {
-      node.className = className;
-    }
-    Object.keys(newProps).forEach(function (name) {
-      if (name === 'children' || name === 'style' || name === 'ref' || name === 'class' || name === 'className' || name === 'forwardedRef') {
-        return;
-      }
-      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-        var eventName = name.substring(2);
-        var eventNameLc = eventName.toLowerCase();
-        if (!isCoveredByReact(eventNameLc)) {
-          syncEvent(node, eventNameLc, newProps[name]);
-        }
-      } else {
-        node[name] = newProps[name];
-        var propType = _typeof(newProps[name]);
-        if (propType === 'string') {
-          node.setAttribute(camelToDashCase(name), newProps[name]);
-        }
-      }
-    });
-  }
-};
-export var getClassName = function getClassName(classList, newProps, oldProps) {
-  var newClassProp = newProps.className || newProps.class;
-  var oldClassProp = oldProps.className || oldProps.class;
-  // map the classes to Maps for performance
-  var currentClasses = arrayToMap(classList);
-  var incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
-  var oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
-  var finalClassNames = [];
-  // loop through each of the current classes on the component
-  // to see if it should be a part of the classNames added
-  currentClasses.forEach(function (currentClass) {
-    if (incomingPropClasses.has(currentClass)) {
-      // add it as its already included in classnames coming in from newProps
-      finalClassNames.push(currentClass);
-      incomingPropClasses.delete(currentClass);
-    } else if (!oldPropClasses.has(currentClass)) {
-      // add it as it has NOT been removed by user
-      finalClassNames.push(currentClass);
-    }
-  });
-  incomingPropClasses.forEach(function (s) {
-    return finalClassNames.push(s);
-  });
-  return finalClassNames.join(' ');
-};
-
-/**
- * Checks if an event is supported in the current execution environment.
- * @license Modernizr 3.0.0pre (Custom Build) | MIT
- */
-export var isCoveredByReact = function isCoveredByReact(eventNameSuffix) {
-  if (typeof document === 'undefined') {
-    return true;
-  } else {
-    var eventName = 'on' + eventNameSuffix;
-    var isSupported = (eventName in document);
-    if (!isSupported) {
-      var element = document.createElement('div');
-      element.setAttribute(eventName, 'return;');
-      isSupported = typeof element[eventName] === 'function';
-    }
-    return isSupported;
-  }
-};
-export var syncEvent = function syncEvent(node, eventName, newEventHandler) {
-  var eventStore = node.__events || (node.__events = {});
-  var oldEventHandler = eventStore[eventName];
-
-  // Remove old listener so they don't double up.
-  if (oldEventHandler) {
-    node.removeEventListener(eventName, oldEventHandler);
-  }
-
-  // Bind new listener.
-  node.addEventListener(eventName, eventStore[eventName] = function handler(e) {
-    if (newEventHandler) {
-      newEventHandler.call(this, e);
-    }
-  });
-};
-var arrayToMap = function arrayToMap(arr) {
-  var map = new Map();
-  arr.forEach(function (s) {
-    return map.set(s, s);
-  });
-  return map;
-};

package/dist/react/react-component-lib/utils/case.js

@@ -1,10 +0,0 @@
-export var dashToPascalCase = function dashToPascalCase(str) {
-  return str.toLowerCase().split('-').map(function (segment) {
-    return segment.charAt(0).toUpperCase() + segment.slice(1);
-  }).join('');
-};
-export var camelToDashCase = function camelToDashCase(str) {
-  return str.replace(/([A-Z])/g, function (m) {
-    return "-".concat(m[0].toLowerCase());
-  });
-};

package/dist/react/react-component-lib/utils/dev.js

@@ -1,12 +0,0 @@
-export var isDevMode = function isDevMode() {
-  return process && process.env && process.env.NODE_ENV === 'development';
-};
-var warnings = {};
-export var deprecationWarning = function deprecationWarning(key, message) {
-  if (isDevMode()) {
-    if (!warnings[key]) {
-      console.warn(message);
-      warnings[key] = true;
-    }
-  }
-};

package/dist/react/react-component-lib/utils/index.js

@@ -1,37 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import { jsx as _jsx } from "react/jsx-runtime";
-export var setRef = function setRef(ref, value) {
-  if (typeof ref === 'function') {
-    ref(value);
-  } else if (ref != null) {
-    // Cast as a MutableRef so we can assign current
-    ref.current = value;
-  }
-};
-export var mergeRefs = function mergeRefs() {
-  for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
-    refs[_key] = arguments[_key];
-  }
-  return function (value) {
-    refs.forEach(function (ref) {
-      setRef(ref, value);
-    });
-  };
-};
-export var createForwardRef = function createForwardRef(ReactComponent, displayName) {
-  var forwardRef = function forwardRef(props, ref) {
-    return /*#__PURE__*/_jsx(ReactComponent, _objectSpread(_objectSpread({}, props), {}, {
-      forwardedRef: ref
-    }));
-  };
-  forwardRef.displayName = displayName;
-  return /*#__PURE__*/React.forwardRef(forwardRef);
-};
-export var defineCustomElement = function defineCustomElement(tagName, customElement) {
-  if (customElement !== undefined && typeof customElements !== 'undefined' && !customElements.get(tagName)) {
-    customElements.define(tagName, customElement);
-  }
-};
-export * from './attachProps';
-export * from './case';