@douyinfe/semi-ui 2.52.0 → 2.52.2

package/lib/cjs/resizeObserver/index.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
-import ResizeObserver from 'resize-observer-polyfill';
 /** A parallel type to `ResizeObserverEntry` (from resize-observer-polyfill). */
 export interface ResizeEntry {
     contentRect: DOMRectReadOnly;

package/lib/cjs/resizeObserver/index.js

@@ -8,7 +8,6 @@ var _react = _interopRequireDefault(require("react"));
 var _reactDom = require("react-dom");
 var _propTypes = _interopRequireDefault(require("prop-types"));
 var _baseComponent = _interopRequireDefault(require("../_base/baseComponent"));
-var _resizeObserverPolyfill = _interopRequireDefault(require("resize-observer-polyfill"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 class ReactResizeObserver extends _baseComponent.default {
   constructor(props) {
@@ -32,13 +31,17 @@ class ReactResizeObserver extends _baseComponent.default {
         ref.current = node;
       }
     };
-    this.observer = new _resizeObserverPolyfill.default(props.onResize);
+    if (globalThis['ResizeObserver']) {
+      this.observer = new ResizeObserver(props.onResize);
+    }
   }
   componentDidMount() {
-    this.observeElement();
+    var _a;
+    (_a = this.observeElement) === null || _a === void 0 ? void 0 : _a.call(this);
   }
   componentDidUpdate(prevProps) {
-    this.observeElement(this.props.observeParent !== prevProps.observeParent);
+    var _a;
+    (_a = this.observeElement) === null || _a === void 0 ? void 0 : _a.call(this, this.props.observeParent !== prevProps.observeParent);
   }
   componentWillUnmount() {
     if (this.observer) {
@@ -51,7 +54,7 @@ class ReactResizeObserver extends _baseComponent.default {
     let force = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
     const element = this.getElement();
     if (!this.observer) {
-      this.observer = new _resizeObserverPolyfill.default(this.props.onResize);
+      this.observer = new ResizeObserver(this.props.onResize);
     }
     if (!(element && element instanceof Element)) {
       // stop everything if not defined

package/lib/es/resizeObserver/index.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import BaseComponent, { BaseProps } from '../_base/baseComponent';
-import ResizeObserver from 'resize-observer-polyfill';
 /** A parallel type to `ResizeObserverEntry` (from resize-observer-polyfill). */
 export interface ResizeEntry {
     contentRect: DOMRectReadOnly;

package/lib/es/resizeObserver/index.js

@@ -2,7 +2,6 @@ import React from 'react';
 import { findDOMNode } from 'react-dom';
 import PropTypes from 'prop-types';
 import BaseComponent from '../_base/baseComponent';
-import ResizeObserver from 'resize-observer-polyfill';
 export default class ReactResizeObserver extends BaseComponent {
   constructor(props) {
     super(props);
@@ -25,13 +24,17 @@ export default class ReactResizeObserver extends BaseComponent {
         ref.current = node;
       }
     };
-    this.observer = new ResizeObserver(props.onResize);
+    if (globalThis['ResizeObserver']) {
+      this.observer = new ResizeObserver(props.onResize);
+    }
   }
   componentDidMount() {
-    this.observeElement();
+    var _a;
+    (_a = this.observeElement) === null || _a === void 0 ? void 0 : _a.call(this);
   }
   componentDidUpdate(prevProps) {
-    this.observeElement(this.props.observeParent !== prevProps.observeParent);
+    var _a;
+    (_a = this.observeElement) === null || _a === void 0 ? void 0 : _a.call(this, this.props.observeParent !== prevProps.observeParent);
   }
   componentWillUnmount() {
     if (this.observer) {

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@douyinfe/semi-ui",
-    "version": "2.52.0",
+    "version": "2.52.2",
     "description": "A modern, comprehensive, flexible design system and UI library. Connect DesignOps & DevOps. Quickly build beautiful React apps. Maintained by Douyin-fe team.",
     "main": "lib/cjs/index.js",
     "module": "lib/es/index.js",
@@ -20,12 +20,12 @@
         "@dnd-kit/core": "^6.0.8",
         "@dnd-kit/sortable": "^7.0.2",
         "@dnd-kit/utilities": "^3.2.1",
-        "@douyinfe/semi-animation": "2.52.0",
-        "@douyinfe/semi-animation-react": "2.52.0",
-        "@douyinfe/semi-foundation": "2.52.0",
-        "@douyinfe/semi-icons": "2.52.0",
-        "@douyinfe/semi-illustrations": "2.52.0",
-        "@douyinfe/semi-theme-default": "2.52.0",
+        "@douyinfe/semi-animation": "2.52.2",
+        "@douyinfe/semi-animation-react": "2.52.2",
+        "@douyinfe/semi-foundation": "2.52.2",
+        "@douyinfe/semi-icons": "2.52.2",
+        "@douyinfe/semi-illustrations": "2.52.2",
+        "@douyinfe/semi-theme-default": "2.52.2",
         "async-validator": "^3.5.0",
         "classnames": "^2.2.6",
         "copy-text-to-clipboard": "^2.1.1",
@@ -35,7 +35,6 @@
         "prop-types": "^15.7.2",
         "react-resizable": "^3.0.5",
         "react-window": "^1.8.2",
-        "resize-observer-polyfill": "^1.5.1",
         "scroll-into-view-if-needed": "^2.2.24",
         "utility-types": "^3.10.0"
     },
@@ -75,7 +74,7 @@
     ],
     "author": "",
     "license": "MIT",
-    "gitHead": "3520c78b985bdeb81c5ce745ebc2f2e11511f8dd",
+    "gitHead": "db7c1131b569cb5263692cd4fa073721027499bd",
     "devDependencies": {
         "@babel/plugin-proposal-decorators": "^7.15.8",
         "@babel/plugin-transform-runtime": "^7.15.8",