@tarojs/components 3.6.0-canary.9 → 3.6.0

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

@@ -1,74 +0,0 @@
-import { Fragment } from 'react';
-import reactifyWc from './reactify-wc';
-
-// 视图容器
-export var CoverImage = reactifyWc('taro-cover-image-core');
-export var CoverView = reactifyWc('taro-cover-view-core');
-export var MatchMedia = reactifyWc('taro-match-media-core');
-export var MovableArea = reactifyWc('taro-movable-area-core');
-export var MovableView = reactifyWc('taro-movable-view-core');
-export var PageContainer = reactifyWc('taro-page-container-core');
-export var RootPortal = reactifyWc('taro-root-portal-core');
-export var ScrollView = reactifyWc('taro-scroll-view-core');
-export var ShareElement = reactifyWc('taro-share-element-core');
-export var Swiper = reactifyWc('taro-swiper-core');
-export var SwiperItem = reactifyWc('taro-swiper-item-core');
-export var View = reactifyWc('taro-view-core');
-
-// 基础内容
-export var Icon = reactifyWc('taro-icon-core');
-export var Progress = reactifyWc('taro-progress-core');
-export var RichText = reactifyWc('taro-rich-text-core');
-export var Text = reactifyWc('taro-text-core');
-
-// 表单组件
-export var Button = reactifyWc('taro-button-core');
-export var Checkbox = reactifyWc('taro-checkbox-core');
-export var CheckboxGroup = reactifyWc('taro-checkbox-group-core');
-export var Editor = reactifyWc('taro-editor-core');
-export var Form = reactifyWc('taro-form-core');
-export { default as Input } from './input';
-export var KeyboardAccessory = reactifyWc('taro-keyboard-accessory-core');
-export var Label = reactifyWc('taro-label-core');
-export var Picker = reactifyWc('taro-picker-core');
-export var PickerView = reactifyWc('taro-picker-view-core');
-export var PickerViewColumn = reactifyWc('taro-picker-view-column-core');
-export var Radio = reactifyWc('taro-radio-core');
-export var RadioGroup = reactifyWc('taro-radio-group-core');
-export var Slider = reactifyWc('taro-slider-core');
-export var Switch = reactifyWc('taro-switch-core');
-export var Textarea = reactifyWc('taro-textarea-core');
-
-// 导航
-export var FunctionalPageNavigator = reactifyWc('taro-functional-page-navigator-core');
-export var Navigator = reactifyWc('taro-navigator-core');
-export var NavigationBar = reactifyWc('taro-navigation-bar-core');
-
-// 媒体组件
-export var Audio = reactifyWc('taro-audio-core');
-export var Camera = reactifyWc('taro-camera-core');
-export var Image = reactifyWc('taro-image-core');
-export var LivePlayer = reactifyWc('taro-live-player-core');
-export var LivePusher = reactifyWc('taro-live-pusher-core');
-export var Video = reactifyWc('taro-video-core');
-export var VoipRoom = reactifyWc('taro-voip-room-core');
-
-// 地图
-export var Map = reactifyWc('taro-map-core');
-
-// 画布
-export var Canvas = reactifyWc('taro-canvas-core');
-
-// 开放能力
-export var Ad = reactifyWc('taro-ad-core');
-export var AdCustom = reactifyWc('taro-ad-custom-core');
-export var OfficialAccount = reactifyWc('taro-official-account-core');
-export var OpenData = reactifyWc('taro-open-data-core');
-export var WebView = reactifyWc('taro-web-view-core');
-
-// 页面属性配置节点
-export var PageMeta = reactifyWc('taro-page-meta-core');
-
-// 其他
-export var Block = Fragment;
-export var CustomWrapper = reactifyWc('taro-custom-wrapper-core');

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

@@ -1,17 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import React from 'react';
-import reactifyWc from './reactify-wc';
-var Input = reactifyWc('taro-input-core');
-var h = React.createElement;
-
-// eslint-disable-next-line react/display-name
-export default /*#__PURE__*/React.forwardRef(function (props, ref) {
-  var args = _objectSpread({}, props);
-  if (args.hasOwnProperty('focus')) {
-    args.autoFocus = Boolean(args.focus);
-    delete args.focus;
-  }
-  return h(Input, _objectSpread(_objectSpread({}, args), {}, {
-    ref: ref
-  }));
-});

package/dist/react/component-lib/reactify-wc.js

@@ -1,206 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-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";
-import _toConsumableArray from "@babel/runtime/helpers/esm/toConsumableArray";
-/**
- * https://github.com/BBKolton/reactify-wc/
- * modified event naming
- **/
-import React, { createElement, createRef } from 'react';
-var h = React.createElement;
-var SCROLL_VIEW = 'taro-scroll-view-core';
-var IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;
-
-// 为了不要覆盖 wc 中 host 内置的 class 和 stencil 加入的 class
-function getClassName(wc, prevProps, props) {
-  var classList = Array.from(wc.classList);
-  var oldClassNames = (prevProps.className || prevProps.class || '').split(' ');
-  var incomingClassNames = (props.className || props.class || '').split(' ');
-  var finalClassNames = [];
-  classList.forEach(function (classname) {
-    if (incomingClassNames.indexOf(classname) > -1) {
-      finalClassNames.push(classname);
-      incomingClassNames = incomingClassNames.filter(function (name) {
-        return name !== classname;
-      });
-    } else if (oldClassNames.indexOf(classname) === -1) {
-      finalClassNames.push(classname);
-    }
-  });
-  finalClassNames = [].concat(_toConsumableArray(finalClassNames), _toConsumableArray(incomingClassNames));
-  return finalClassNames.join(' ');
-}
-function updateStyle(dom, key, val) {
-  if (/^--/.test(key)) {
-    // css variable
-    dom.style.setProperty(key, val);
-  } else if (typeof val !== 'number' || IS_NON_DIMENSIONAL.test(key)) {
-    dom.style[key] = val;
-  } else {
-    dom.style[key] = val + 'px';
-  }
-}
-function updateProp(ctx, comp, propKey, prevProps, props) {
-  var dom = ctx.ref.current;
-  var val = props[propKey];
-  var prevVal = prevProps ? prevProps[propKey] : undefined;
-  if (propKey === 'children') {
-    return;
-  }
-  if (propKey.toLowerCase() === 'classname') {
-    dom.className = prevProps ? getClassName(dom, prevProps, props) : val;
-    return;
-  }
-  if (propKey === 'style') {
-    if (typeof val === 'string') {
-      dom.setAttribute(propKey, val);
-      return;
-    }
-    if (!val) {
-      dom.removeAttribute(propKey);
-      return;
-    }
-    if (prevProps) {
-      if (typeof prevVal === 'string') {
-        dom.style.cssText = '';
-      } else {
-        for (var styleKey in prevVal) {
-          updateStyle(dom, styleKey, '');
-        }
-      }
-    }
-    for (var _styleKey in val) {
-      updateStyle(dom, _styleKey, val[_styleKey]);
-    }
-    return;
-  }
-  if (/^data-.+/.test(propKey)) {
-    dom.setAttribute(propKey, val);
-  }
-  if (comp === SCROLL_VIEW) {
-    if (propKey === 'scrollTop') {
-      dom.mpScrollTop = val;
-      return;
-    }
-    if (propKey === 'scrollLeft') {
-      dom.mpScrollLeft = val;
-      return;
-    }
-    if (propKey === 'scrollIntoView') {
-      dom.mpScrollIntoView = val;
-      return;
-    }
-  }
-  if (typeof val === 'function' && propKey.match(/^on[A-Z]/)) {
-    var event = propKey.substr(2).toLowerCase();
-    ctx.eventHandlers.push([event, val]);
-    return dom.addEventListener(event, val);
-  }
-  if (typeof val === 'string' || typeof val === 'number') {
-    dom.setAttribute(propKey, val);
-    dom[propKey] = val;
-    return;
-  }
-  if (typeof val === 'boolean') {
-    if (val) {
-      dom[propKey] = true;
-      return dom.setAttribute(propKey, val);
-    }
-    dom[propKey] = false;
-    return dom.removeAttribute(propKey);
-  }
-  dom[propKey] = val;
-}
-var reactifyWebComponent = function reactifyWebComponent(WC) {
-  var Index = /*#__PURE__*/function (_React$Component) {
-    _inherits(Index, _React$Component);
-    var _super = _createSuper(Index);
-    function Index(props) {
-      var _this;
-      _classCallCheck(this, Index);
-      _this = _super.call(this, props);
-      _defineProperty(_assertThisInitialized(_this), "eventHandlers", void 0);
-      _defineProperty(_assertThisInitialized(_this), "ref", void 0);
-      _this.eventHandlers = [];
-      _this.ref = /*#__PURE__*/createRef();
-      return _this;
-    }
-    _createClass(Index, [{
-      key: "update",
-      value: function update(prevProps) {
-        var _this2 = this;
-        this.clearEventHandlers();
-        if (!this.ref.current) return;
-        Object.keys(prevProps || {}).forEach(function (key) {
-          if (key !== 'children' && key !== 'key' && !(key in _this2.props)) {
-            updateProp(_this2, WC, key, prevProps, _this2.props);
-          }
-        });
-        Object.keys(this.props).forEach(function (key) {
-          updateProp(_this2, WC, key, prevProps, _this2.props);
-        });
-      }
-    }, {
-      key: "componentDidUpdate",
-      value: function componentDidUpdate(prevProps) {
-        this.update(prevProps);
-      }
-    }, {
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        var forwardRef = this.props.forwardRef;
-        if (typeof forwardRef === 'function') {
-          forwardRef(this.ref.current);
-        } else if (forwardRef && _typeof(forwardRef) === 'object' && forwardRef.hasOwnProperty('current')) {
-          forwardRef.current = this.ref.current;
-        } else if (typeof forwardRef === 'string') {
-          console.warn('内置组件不支持字符串 ref');
-        }
-        this.update(undefined);
-      }
-    }, {
-      key: "componentWillUnmount",
-      value: function componentWillUnmount() {
-        this.clearEventHandlers();
-      }
-    }, {
-      key: "clearEventHandlers",
-      value: function clearEventHandlers() {
-        var _this3 = this;
-        this.eventHandlers.forEach(function (_ref) {
-          var _ref2 = _slicedToArray(_ref, 2),
-            event = _ref2[0],
-            handler = _ref2[1];
-          if (!_this3.ref.current) return;
-          _this3.ref.current.removeEventListener(event, handler);
-        });
-        this.eventHandlers = [];
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this$props = this.props,
-          children = _this$props.children,
-          dangerouslySetInnerHTML = _this$props.dangerouslySetInnerHTML;
-        var props = {
-          ref: this.ref
-        };
-        if (dangerouslySetInnerHTML) props.dangerouslySetInnerHTML = dangerouslySetInnerHTML;
-        return /*#__PURE__*/createElement(WC, props, children);
-      }
-    }]);
-    return Index;
-  }(React.Component); // eslint-disable-next-line react/display-name
-  return /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return h(Index, _objectSpread(_objectSpread({}, props), {}, {
-      forwardRef: ref
-    }));
-  });
-};
-export default reactifyWebComponent;

package/dist/react/components.js

@@ -1,82 +0,0 @@
-/* eslint-disable */
-/* tslint:disable */
-/* auto-generated react proxies */
-import { Fragment } from 'react';
-import { manipulatePropsFunction } from './helper';
-import { createReactComponent } from './react-component-lib';
-export var Ad = /*@__PURE__*/createReactComponent('taro-ad-core', undefined, manipulatePropsFunction);
-export var AdCustom = /*@__PURE__*/createReactComponent('taro-ad-custom-core', undefined, manipulatePropsFunction);
-export var AnimationVideo = /*@__PURE__*/createReactComponent('taro-animation-video-core', undefined, manipulatePropsFunction);
-export var AnimationView = /*@__PURE__*/createReactComponent('taro-animation-view-core', undefined, manipulatePropsFunction);
-export var ArCamera = /*@__PURE__*/createReactComponent('taro-ar-camera-core', undefined, manipulatePropsFunction);
-export var Audio = /*@__PURE__*/createReactComponent('taro-audio-core', undefined, manipulatePropsFunction);
-export var AwemeData = /*@__PURE__*/createReactComponent('taro-aweme-data-core', undefined, manipulatePropsFunction);
-export var Block = Fragment;
-export var Button = /*@__PURE__*/createReactComponent('taro-button-core', undefined, manipulatePropsFunction);
-export var Camera = /*@__PURE__*/createReactComponent('taro-camera-core', undefined, manipulatePropsFunction);
-export var Canvas = /*@__PURE__*/createReactComponent('taro-canvas-core', undefined, manipulatePropsFunction);
-export var Checkbox = /*@__PURE__*/createReactComponent('taro-checkbox-core', undefined, manipulatePropsFunction);
-export var CheckboxGroup = /*@__PURE__*/createReactComponent('taro-checkbox-group-core', undefined, manipulatePropsFunction);
-export var CommentDetail = /*@__PURE__*/createReactComponent('taro-comment-detail-core', undefined, manipulatePropsFunction);
-export var CommentList = /*@__PURE__*/createReactComponent('taro-comment-list-core', undefined, manipulatePropsFunction);
-export var ContactButton = /*@__PURE__*/createReactComponent('taro-contact-button-core', undefined, manipulatePropsFunction);
-export var CoverImage = /*@__PURE__*/createReactComponent('taro-cover-image-core', undefined, manipulatePropsFunction);
-export var CoverView = /*@__PURE__*/createReactComponent('taro-cover-view-core', undefined, manipulatePropsFunction);
-export var CustomWrapper = Fragment;
-export var Editor = /*@__PURE__*/createReactComponent('taro-editor-core', undefined, manipulatePropsFunction);
-export var FollowSwan = /*@__PURE__*/createReactComponent('taro-follow-swan-core', undefined, manipulatePropsFunction);
-export var Form = /*@__PURE__*/createReactComponent('taro-form-core', undefined, manipulatePropsFunction);
-export var FunctionalPageNavigator = /*@__PURE__*/createReactComponent('taro-functional-page-navigator-core', undefined, manipulatePropsFunction);
-export var Icon = /*@__PURE__*/createReactComponent('taro-icon-core', undefined, manipulatePropsFunction);
-export var Image = /*@__PURE__*/createReactComponent('taro-image-core', undefined, manipulatePropsFunction);
-export var InlinePaymentPanel = /*@__PURE__*/createReactComponent('taro-inline-payment-panel-core', undefined, manipulatePropsFunction);
-export var Input = /*@__PURE__*/createReactComponent('taro-input-core', undefined, manipulatePropsFunction);
-export var KeyboardAccessory = /*@__PURE__*/createReactComponent('taro-keyboard-accessory-core', undefined, manipulatePropsFunction);
-export var Label = /*@__PURE__*/createReactComponent('taro-label-core', undefined, manipulatePropsFunction);
-export var Lifestyle = /*@__PURE__*/createReactComponent('taro-lifestyle-core', undefined, manipulatePropsFunction);
-export var Like = /*@__PURE__*/createReactComponent('taro-like-core', undefined, manipulatePropsFunction);
-export var LivePlayer = /*@__PURE__*/createReactComponent('taro-live-player-core', undefined, manipulatePropsFunction);
-export var LivePusher = /*@__PURE__*/createReactComponent('taro-live-pusher-core', undefined, manipulatePropsFunction);
-export var Login = /*@__PURE__*/createReactComponent('taro-login-core', undefined, manipulatePropsFunction);
-export var Lottie = /*@__PURE__*/createReactComponent('taro-lottie-core', undefined, manipulatePropsFunction);
-export var Map = /*@__PURE__*/createReactComponent('taro-map-core', undefined, manipulatePropsFunction);
-export var MatchMedia = /*@__PURE__*/createReactComponent('taro-match-media-core', undefined, manipulatePropsFunction);
-export var MovableArea = /*@__PURE__*/createReactComponent('taro-movable-area-core', undefined, manipulatePropsFunction);
-export var MovableView = /*@__PURE__*/createReactComponent('taro-movable-view-core', undefined, manipulatePropsFunction);
-export var NativeSlot = /*@__PURE__*/createReactComponent('taro-native-slot-core', undefined, manipulatePropsFunction);
-export var NavigationBar = /*@__PURE__*/createReactComponent('taro-navigation-bar-core', undefined, manipulatePropsFunction);
-export var Navigator = /*@__PURE__*/createReactComponent('taro-navigator-core', undefined, manipulatePropsFunction);
-export var OfficialAccount = /*@__PURE__*/createReactComponent('taro-official-account-core', undefined, manipulatePropsFunction);
-export var OpenData = /*@__PURE__*/createReactComponent('taro-open-data-core', undefined, manipulatePropsFunction);
-export var PageContainer = /*@__PURE__*/createReactComponent('taro-page-container-core', undefined, manipulatePropsFunction);
-export var PageMeta = /*@__PURE__*/createReactComponent('taro-page-meta-core', undefined, manipulatePropsFunction);
-export var Picker = /*@__PURE__*/createReactComponent('taro-picker-core', undefined, manipulatePropsFunction);
-export var PickerGroup = /*@__PURE__*/createReactComponent('taro-picker-group', undefined, manipulatePropsFunction);
-export var PickerViewColumn = /*@__PURE__*/createReactComponent('taro-picker-view-column-core', undefined, manipulatePropsFunction);
-export var PickerView = /*@__PURE__*/createReactComponent('taro-picker-view-core', undefined, manipulatePropsFunction);
-export var Progress = /*@__PURE__*/createReactComponent('taro-progress-core', undefined, manipulatePropsFunction);
-export var PullToRefresh = /*@__PURE__*/createReactComponent('taro-pull-to-refresh', undefined, manipulatePropsFunction);
-export var Radio = /*@__PURE__*/createReactComponent('taro-radio-core', undefined, manipulatePropsFunction);
-export var RadioGroup = /*@__PURE__*/createReactComponent('taro-radio-group-core', undefined, manipulatePropsFunction);
-export var RichText = /*@__PURE__*/createReactComponent('taro-rich-text-core', undefined, manipulatePropsFunction);
-export var RootPortal = /*@__PURE__*/createReactComponent('taro-root-portal-core', undefined, manipulatePropsFunction);
-export var RtcRoom = /*@__PURE__*/createReactComponent('taro-rtc-room-core', undefined, manipulatePropsFunction);
-export var RtcRoomItem = /*@__PURE__*/createReactComponent('taro-rtc-room-item-core', undefined, manipulatePropsFunction);
-export var ScrollView = /*@__PURE__*/createReactComponent('taro-scroll-view-core', undefined, manipulatePropsFunction);
-export var ShareElement = /*@__PURE__*/createReactComponent('taro-share-element-core', undefined, manipulatePropsFunction);
-export var Slider = /*@__PURE__*/createReactComponent('taro-slider-core', undefined, manipulatePropsFunction);
-export var Slot = /*@__PURE__*/createReactComponent('taro-slot-core', undefined, manipulatePropsFunction);
-export var Swiper = /*@__PURE__*/createReactComponent('taro-swiper-core', undefined, manipulatePropsFunction);
-export var SwiperItem = /*@__PURE__*/createReactComponent('taro-swiper-item-core', undefined, manipulatePropsFunction);
-export var Switch = /*@__PURE__*/createReactComponent('taro-switch-core', undefined, manipulatePropsFunction);
-export var TabItem = /*@__PURE__*/createReactComponent('taro-tab-item-core', undefined, manipulatePropsFunction);
-export var Tabbar = /*@__PURE__*/createReactComponent('taro-tabbar', undefined, manipulatePropsFunction);
-export var Tabs = /*@__PURE__*/createReactComponent('taro-tabs-core', undefined, manipulatePropsFunction);
-export var Text = /*@__PURE__*/createReactComponent('taro-text-core', undefined, manipulatePropsFunction);
-export var Textarea = /*@__PURE__*/createReactComponent('taro-textarea-core', undefined, manipulatePropsFunction);
-export var VideoControl = /*@__PURE__*/createReactComponent('taro-video-control', undefined, manipulatePropsFunction);
-export var Video = /*@__PURE__*/createReactComponent('taro-video-core', undefined, manipulatePropsFunction);
-export var VideoDanmu = /*@__PURE__*/createReactComponent('taro-video-danmu', undefined, manipulatePropsFunction);
-export var View = /*@__PURE__*/createReactComponent('taro-view-core', undefined, manipulatePropsFunction);
-export var VoipRoom = /*@__PURE__*/createReactComponent('taro-voip-room-core', undefined, manipulatePropsFunction);
-export var WebView = /*@__PURE__*/createReactComponent('taro-web-view-core', undefined, manipulatePropsFunction);

package/dist/react/helper.js

@@ -1,8 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-export var manipulatePropsFunction = function manipulatePropsFunction(originalProps) {
-  var propsToPass = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
-  var dangerouslySetInnerHTML = originalProps.dangerouslySetInnerHTML;
-  return _objectSpread(_objectSpread({}, propsToPass), {}, {
-    dangerouslySetInnerHTML: dangerouslySetInnerHTML
-  });
-};

package/dist/react/index.js

@@ -1 +0,0 @@
-export * from './components';

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

@@ -1,99 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
-import _typeof from "@babel/runtime/helpers/esm/typeof";
-import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
-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", "forwardedRef", "style", "className", "ref"];
-import React, { createElement } from 'react';
-import { attachProps, camelToDashCase, createForwardRef, dashToPascalCase, isCoveredByReact, mergeRefs } from './utils';
-export var createReactComponent = function createReactComponent(tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) {
-  if (defineCustomElement !== undefined) {
-    defineCustomElement();
-  }
-  var displayName = dashToPascalCase(tagName);
-  var ReactComponent = /*#__PURE__*/function (_React$Component) {
-    _inherits(ReactComponent, _React$Component);
-    var _super = _createSuper(ReactComponent);
-    function ReactComponent(props) {
-      var _this;
-      _classCallCheck(this, ReactComponent);
-      _this = _super.call(this, props);
-      _defineProperty(_assertThisInitialized(_this), "componentEl", void 0);
-      _defineProperty(_assertThisInitialized(_this), "setComponentElRef", function (element) {
-        _this.componentEl = element;
-      });
-      return _this;
-    }
-    _createClass(ReactComponent, [{
-      key: "componentDidMount",
-      value: function componentDidMount() {
-        this.componentDidUpdate(this.props);
-      }
-    }, {
-      key: "componentDidUpdate",
-      value: function componentDidUpdate(prevProps) {
-        attachProps(this.componentEl, this.props, prevProps);
-      }
-    }, {
-      key: "render",
-      value: function render() {
-        var _this$props = this.props,
-          children = _this$props.children,
-          forwardedRef = _this$props.forwardedRef,
-          style = _this$props.style,
-          className = _this$props.className,
-          ref = _this$props.ref,
-          cProps = _objectWithoutProperties(_this$props, _excluded);
-        var propsToPass = Object.keys(cProps).reduce(function (acc, name) {
-          var value = cProps[name];
-          if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
-            var eventName = name.substring(2).toLowerCase();
-            if (typeof document !== 'undefined' && isCoveredByReact(eventName)) {
-              acc[name] = value;
-            }
-          } else {
-            // we should only render strings, booleans, and numbers as attrs in html.
-            // objects, functions, arrays etc get synced via properties on mount.
-            var type = _typeof(value);
-            if (type === 'string' || type === 'boolean' || type === 'number') {
-              acc[camelToDashCase(name)] = value;
-            }
-          }
-          return acc;
-        }, {});
-        if (manipulatePropsFunction) {
-          propsToPass = manipulatePropsFunction(this.props, propsToPass);
-        }
-        var newProps = _objectSpread(_objectSpread({}, propsToPass), {}, {
-          ref: mergeRefs(forwardedRef, this.setComponentElRef),
-          style: style
-        });
-
-        /**
-         * We use createElement here instead of
-         * React.createElement to work around a
-         * bug in Vite (https://github.com/vitejs/vite/issues/6104).
-         * React.createElement causes all elements to be rendered
-         * as <tagname> instead of the actual Web Component.
-         */
-        return /*#__PURE__*/createElement(tagName, newProps, children);
-      }
-    }], [{
-      key: "displayName",
-      get: function get() {
-        return displayName;
-      }
-    }]);
-    return ReactComponent;
-  }(React.Component);
-
-  // If context was passed to createReactComponent then conditionally add it to the Component Class
-  if (ReactComponentContext) {
-    ReactComponent.contextType = ReactComponentContext;
-  }
-  return createForwardRef(ReactComponent, displayName);
-};