@doist/reactist 33.1.0 → 33.2.0

package/CHANGELOG.md

@@ -1,3 +1,9 @@
+## [33.2.0](https://github.com/Doist/reactist/compare/v33.1.0...v33.2.0) (2026-06-19)
+
+### Features
+
+- support React 19 ([#1074](https://github.com/Doist/reactist/issues/1074)) ([0637971](https://github.com/Doist/reactist/commit/06379714f9410ce1cc75e80c1f8e6d0a39a621c9))
+
 ## [33.1.0](https://github.com/Doist/reactist/compare/v33.0.1...v33.1.0) (2026-06-11)
 
 ### Features

package/dist/reactist.cjs.development.js

@@ -6,7 +6,6 @@ var reactCompilerRuntime = require('react-compiler-runtime');
 var React = require('react');
 var classNames = require('classnames');
 var _extends = require('@babel/runtime/helpers/extends');
-var ReactDOM = require('react-dom');
 var react = require('@ariakit/react');
 var dayjs = require('dayjs');
 var LocalizedFormat = require('dayjs/plugin/localizedFormat');
@@ -39,7 +38,6 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
 var _extends__default = /*#__PURE__*/_interopDefaultLegacy(_extends);
-var ReactDOM__default = /*#__PURE__*/_interopDefaultLegacy(ReactDOM);
 var dayjs__default = /*#__PURE__*/_interopDefaultLegacy(dayjs);
 var LocalizedFormat__default = /*#__PURE__*/_interopDefaultLegacy(LocalizedFormat);
 var flattenChildren__default = /*#__PURE__*/_interopDefaultLegacy(flattenChildren);
@@ -551,7 +549,9 @@ const Stack = polymorphicComponent(function Stack({
     as: as,
     className: exceptionallySetClassName,
     ref: ref
-  }), dividers !== 'none' ? React__namespace.Children.map(flattenChildren__default["default"](children), (child, index) => index > 0 ? /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Divider, {
+  }), dividers !== 'none' ? React__namespace.Children.map(
+  // react-keyed-flatten-children returns ReactChild[], a type removed in React 19.
+  flattenChildren__default["default"](children), (child, index) => index > 0 ? /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(Divider, {
     weight: dividers
   }), child) : child) : children);
 });
@@ -668,13 +668,17 @@ const Tooltip = /*#__PURE__*/React__namespace.forwardRef(({
   }
 
   /* eslint-disable react-hooks/refs */
-  if (typeof child.ref === 'string') {
+  const rawRef = 'ref' in child.props ? child.props.ref :
+  // child.ref access kept for React 18 compatibility
+  child.ref;
+  if (typeof rawRef === 'string') {
     throw new Error('Tooltip: String refs cannot be used as they cannot be forwarded');
   }
+  const childRef = rawRef;
   return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.createElement(react.TooltipAnchor, {
     render: child,
     store: tooltip,
-    ref: child.ref
+    ref: childRef
   }), isOpen && content ? /*#__PURE__*/React__namespace.createElement(react.Tooltip, {
     store: tooltip,
     gutter: gapSize,
@@ -2410,7 +2414,7 @@ const InternalToast = /*#__PURE__*/React__default["default"].forwardRef(function
     onRemoveToast
   } = t0;
   const showDismissButton = t1 === undefined ? true : t1;
-  const timeoutRef = React__default["default"].useRef();
+  const timeoutRef = React__default["default"].useRef(undefined);
   let t2;
   if ($[0] !== onDismiss || $[1] !== onRemoveToast || $[2] !== toastId) {
     t2 = function removeToast() {
@@ -6370,15 +6374,11 @@ const Button$1 = /*#__PURE__*/React__namespace.forwardRef(function Button(t0, re
   return t5;
 });
 Button$1.displayName = 'Button';
-Button$1.defaultProps = {
-  size: 'default',
-  loading: false,
-  disabled: false
-};
 
 var Button = Button$1;
 
 class Box extends React__namespace.Component {
+  rootRef = /*#__PURE__*/React__namespace.createRef();
   constructor(props, context) {
     super(props, context);
     this.state = {
@@ -6394,7 +6394,7 @@ class Box extends React__namespace.Component {
     }
   }
   _handleClickOutside = event => {
-    const dropdownDOMNode = ReactDOM__default["default"].findDOMNode(this);
+    const dropdownDOMNode = this.rootRef.current;
     if (dropdownDOMNode && !dropdownDOMNode.contains(event.target)) this._toggleShowBody();else if (!this.props.allowBodyInteractions) {
       // won't close when body interactions are allowed
       this._timeout = setTimeout(() => {
@@ -6430,11 +6430,11 @@ class Box extends React__namespace.Component {
     if (body) {
       const scrollingParent = document.getElementById(this.props.scrolling_parent ? this.props.scrolling_parent : '');
       if (scrollingParent) {
-        const dropdown = ReactDOM__default["default"].findDOMNode(this);
+        const dropdown = this.rootRef.current;
         if (!dropdown) {
           return;
         }
-        const dropdownVerticalPosition = ReactDOM__default["default"].findDOMNode(this).offsetTop;
+        const dropdownVerticalPosition = dropdown.offsetTop;
         const dropdownTrigger = dropdown.querySelector('.trigger');
         if (!dropdownTrigger) {
           return;
@@ -6490,6 +6490,7 @@ class Box extends React__namespace.Component {
       top
     } = this.state;
     return /*#__PURE__*/React__namespace.createElement("div", {
+      ref: this.rootRef,
       style: {
         display: 'inline-block'
       },