react-resizable 3.1.2 → 3.1.3

package/package.json

@@ -1,8 +1,13 @@
 {
   "name": "react-resizable",
-  "version": "3.1.2",
+  "version": "3.1.3",
   "description": "A component that is resizable with handles.",
   "main": "index.js",
+  "files": [
+    "build/",
+    "css/",
+    "index.js"
+  ],
   "scripts": {
     "lint": "eslint lib/ __tests__/ setupTests/; flow",
     "test": "jest --coverage",

package/.babelrc

@@ -1,16 +0,0 @@
-{
-  "presets": [
-    [
-      "@babel/preset-env",
-      {
-        "loose": true
-      }
-    ],
-    "@babel/preset-react",
-    "@babel/preset-flow"
-  ],
-  "plugins": [
-    ["@babel/plugin-proposal-class-properties", {"loose": true}],
-    "@babel/plugin-proposal-object-rest-spread"
-  ]
-}

package/.browserslistrc

@@ -1,3 +0,0 @@
-> 0.25%
-ie 11
-not dead

package/.claude/commands/fix-issue.md

@@ -1,110 +0,0 @@
-# Fix GitHub Issue
-
-Analyze and fix GitHub issue #$ARGUMENTS for react-grid-layout.
-
-## Workflow
-
-Follow these steps precisely:
-
-### 1. Understand the Issue
-
-Fetch and analyze the issue:
-
-```bash
-gh issue view $ARGUMENTS
-```
-
-Determine:
-
-- What is the bug? (not feature requests or questions)
-- Is there a CodeSandbox reproduction?
-- Which component/hook is affected?
-- Is this fixable? (has clear reproduction, is actually a bug)
-
-If not actionable, explain why and stop.
-
-### 2. Investigate
-
-- Search for relevant code using Grep/Glob
-- Read the affected files
-- Identify the root cause
-- Check existing tests in `test/spec/`
-
-### 3. Write a Failing Test FIRST
-
-**CRITICAL: The test must fail before implementing the fix.**
-
-Add a test to the appropriate file in `test/spec/` that:
-
-- Reproduces the exact bug behavior
-- Includes comment `// #$ARGUMENTS`
-- Actually FAILS when run
-
-Verify it fails:
-
-```bash
-NODE_ENV=test npx jest --testPathPatterns="<test-file>"
-```
-
-If test passes, it's invalid - revise until it fails.
-
-### 4. Implement the Fix
-
-- Make minimal changes to fix the bug
-- Add comments explaining non-obvious fixes
-- Reference the issue number
-
-Verify test now passes:
-
-```bash
-NODE_ENV=test npx jest --testPathPatterns="<test-file>"
-```
-
-### 5. Validate
-
-Run in order:
-
-```bash
-yarn test
-yarn lint
-yarn fmt
-```
-
-Fix any failures before proceeding.
-
-### 6. Commit and PR
-
-```bash
-git checkout -b fix/issue-$ARGUMENTS-<short-desc>
-git add <files>
-git commit -m "fix: <description> (#$ARGUMENTS)"
-git push -u origin fix/issue-$ARGUMENTS-<short-desc>
-gh pr create --title "fix: <description> (#$ARGUMENTS)" --body "Fixes #$ARGUMENTS
-
-## Summary
-<root cause>
-
-## Fix
-<what changed>
-
-## Test plan
-- [x] Test fails without fix
-- [x] Test passes with fix
-- [x] All tests pass"
-```
-
-### 7. Wait and Merge
-
-```bash
-gh pr checks <pr-number> --watch
-gh pr merge <pr-number> --squash --delete-branch
-git checkout master && git pull
-```
-
-## Key Files
-
-- `src/core/` - Pure algorithms
-- `src/react/components/` - React components
-- `src/react/hooks/` - React hooks
-- `src/legacy/` - v1 compatibility
-- `test/spec/` - Tests

package/.claude/settings.local.json

@@ -1,18 +0,0 @@
-{
-  "permissions": {
-    "allow": [
-      "WebFetch(domain:github.com)",
-      "Bash(npx jest:*)",
-      "Bash(git tag:*)",
-      "Bash(gh release create:*)",
-      "Bash(gh issue close:*)",
-      "Bash(gh search:*)",
-      "WebFetch(domain:raw.githubusercontent.com)",
-      "Bash(curl:*)"
-    ]
-  },
-  "enableAllProjectMcpServers": true,
-  "enabledMcpjsonServers": [
-    "messenger"
-  ]
-}

package/.flowconfig

@@ -1,25 +0,0 @@
-[version]
-^0.153.0
-
-[ignore]
-.*/node_modules/@babel.*
-.*/node_modules/.*/malformed_package_json/.*
-<PROJECT_ROOT>/build/.*
-
-[include]
-
-[libs]
-flow-typed
-
-[lints]
-all=warn
-implicit-inexact-object=error
-
-[options]
-suppress_type=$FlowFixMe
-experimental.strict_call_arity=true
-module.system.node.allow_root_relative=true
-module.use_strict=true
-server.max_workers=6
-exact_by_default=true
-sharedmemory.heap_size=3221225472

package/.packj.yaml

@@ -1,153 +0,0 @@
-#
-# Audit policies
-#
-audit:
-  alerts:
-    #
-    # category: malicious packages (publicly known and unknown)
-    #
-    malicious:
-      contains known malware:
-        - reason: package is known to contain a dangerous malware
-        - enabled: true
-      typo-squatting or repo-jacking package:
-        - reason: package impersonates another popular package to propagate malware
-        - enabled: true
-
-    #
-    # alert category: suspicious packages (potentially malicious)
-    #
-    suspicious:
-      inconsistent with repo source:
-        - reason: package code inconsistent with the public repo source code
-        - enabled: false # WIP
-      overwrites system binaries:
-        - reason: package code inconsistent with the public repo source code
-        - enabled: false # WIP
-
-    #
-    # alert category: packages vulnerable to code exploits
-    #
-    vulnerable:
-      contains known vulnerabilities:
-        - reason: known vulnerabilities (CVEs) in package code could be exploited
-        - enabled: true
-      insecure network communication:
-        - reason: package code uses insecure network communication (not https)
-        - enabled: false # WIP
-
-    #
-    # packages with undesirable or "risky" attributes
-    #
-    undesirable:
-      package is old or abandoned:
-        - reason: old or abandoned packages receive no security updates and are risky
-        - enabled: true
-
-      invalid or no author email:
-        - reason: a package with lack of or invalid author email suggests 2FA not enabled
-        - enabled: true
-
-      invalid or no homepage:
-        - reason: a package with no or invalid homepage may not be preferable
-        - enabled: false
-
-      no source repo:
-        - reason: lack of public source repo may suggest malicious intention
-        - enabled: true
-
-      fewer downloads:
-        - reason: a package with few downloads may not be preferable
-        - enabled: true
-
-      no or insufficient readme:
-        - reason: a package with lack of documentation may not be preferable
-        - enabled: false
-
-      fewer versions or releases:
-        - reason: few versions suggest unstable or inactive project
-        - enabled: true
-
-      too many dependencies:
-        - reason: too many dependencies increase attack surface
-        - enabled: false
-
-      version release after a long gap:
-        - reason: a release after a long time may indicate account hijacking
-        - enabled: false
-
-      contains custom installation hooks:
-        - reason: custom installation hooks may download or execute malicious code
-        - enabled: false # WIP
-
-      #
-      # type: repo stats
-      #
-      few source repo stars:
-        - reason: a package with few repo stars may not be preferable
-        - enabled: false
-
-      few source repo forks:
-        - reason: a package with few repo forks may not be preferable
-        - enabled: false
-
-      forked source repo:
-        - reason: a forked copy of a popular package may contain malicious code
-        - enabled: true
-
-      #
-      # type: APIs and permissions
-      #
-      generates new code:
-        - reason: package generates new code at runtime, which could be malicious
-        - enabled: false
-      forks or exits OS processes:
-        - reason: package spawns new operating system processes, which could be malicious
-        - enabled: false
-      accesses obfuscated (hidden) code:
-        - enabled: true
-      accesses environment variables:
-        - enabled: false
-      changes system/environment variables:
-        - enabled: false
-      accesses files and dirs:
-        - enabled: false
-      communicates with external network:
-        - enabled: false
-      reads user input:
-        - enabled: false
-
-#
-# Sandboxing policies
-#
-sandbox:
-  rules:
-    #
-    # File system (allow or block accesses to file/dirs)
-    #
-    #   ~/ represents home dir
-    #   . represents cwd dir
-    #
-    # NOTE: only ONE 'allow' and 'block' lines are allowed
-    #
-    fs:
-      # TODO: customize as per your threat model
-
-      # block access to home dir and all other locations (except the ones below)
-      block: ~/, /
-      allow: ., ~/.cache, ~/.npm, ~/.local, ~/.ruby, /tmp, /proc, /etc, /var, /bin, /usr/include, /usr/local, /usr/bin, /usr/lib, /usr/share, /lib
-
-    #
-    # Network (allow or block domains/ports)
-    #
-    # NOTE: only ONE 'allow' and 'block' lines are allowed
-    #
-    network:
-
-      # TODO: customize as per your threat model
-
-      # block all external network communication (except the ones below)
-      block: 0.0.0.0
-
-      # For NPM packages
-      allow: registry.yarnpkg.com:0, npmjs.org:0, npmjs.com:0

package/CHANGELOG.md

@@ -1,181 +0,0 @@
-# Changelog
-
-### 3.1.2 (Jan 1, 2026)
-
-- 🐛 Bugfix: Fix SSR crash where `Element` is not defined in Node.js environments. [#251](https://github.com/react-grid-layout/react-resizable/issues/251)
-
-### 3.1.1 (Dec 30, 2025)
-
-- 🐛 Bugfix: Fix crash when `Resizable` child has a single child element (was not iterable). [#219](https://github.com/react-grid-layout/react-resizable/issues/219)
-- 🐛 Bugfix: Fix `offsetParent` propType from `PropTypes.node` to `PropTypes.instanceOf(Element)`. [#220](https://github.com/react-grid-layout/react-resizable/pull/220)
-- ✏ Chore: Update GitHub Actions workflows to latest versions.
-- ✏ Chore: Add version display to demo page.
-
-### 3.1.0 (Dec 30, 2025)
-
-- 🐛 Bugfix: Fix `onResizeStop` reporting stale size data due to React's batched state updates. The callback now uses the stored size from the last `onResize` call. [#250](https://github.com/react-grid-layout/react-resizable/pull/250)
-- ➕ Feature: React 18 support.
-- ✏ Chore: Migrate test suite from Enzyme to React Testing Library. [#249](https://github.com/react-grid-layout/react-resizable/pull/249)
-- ✏ Chore: Update `react-draggable` to ^4.5.0.
-- ✏ Chore: Update `react-test-renderer` to ^18.
-
-### 3.0.5 (Mar 21, 2023)
-
-- 🐛 Bugfix: Make `width` and `height` conditionally required if an `axis` is set. See [#196](https://github.com/react-grid-layout/react-resizable/issues/196)
-- ✏ Chore: Minor dependency upgrades.
-- ✏ Chore: Fix documentation of `onResize` callback arity.
-
-### 3.0.4 (Jun 15, 2021)
-
-- 🐛 Bugfix: Fix incorrect fix for `handleAxis` on DOM elements. [#175](https://github.com/react-grid-layout/react-resizable/issues/175)
-- ✏ Chore:Upgrade dependencies.
-
-### 3.0.3 (Jun 14, 2021)
-
-- 🐛 Bugfix: Remove unknown prop `handleAxis` making it to DOM elements, causing a warning in dev.
-- ✏ Chore: Rewrote `lockAspectRatio` logic to be more accurate and shorter.
-
-### 3.0.2 (Jun 8, 2021)
-
-- ✏ Chore: Add documentation for resize handles and fix a mistake where the `handleAxis` prop was not being passed to custom components.
-  - See [Resize Handles](README.md#resize-handle)
-
-### 3.0.1 (May 10, 2021)
-
-- ✏ Chore: Reduce package size through `.npmignore`.
-
-### 3.0.0 (May 10, 2021)
-
-#### Breaking
-
-- 🐛 Bugfix: Fixed handling of the `nodeRef` that needs to be passed to `<DraggableCore>` to avoid use of ReactDOM. This means that vanilla usage of `react-resizable` no longer requires ReactDOM. No code changes are needed in the usual case, except:
-  * React `>= 16.3` is required due to use of `React.createRef()`, and
-  * The `handle` prop now sends a `ReactRef<HTMLElement>` as its second argument and expects it to be used on your returned component.
-    * If you do not attach the `ref`, you will receive the following error: `"<DraggableCore> not mounted on DragStart!"` This is due to the ref being present but not attached to any node.
-
-### 1.11.1 (Mar 5, 2021)
-
-- ✏ Chore: Added React 17 to peerDependencies.
-
-### 1.11.0 (Sep 3, 2020)
-
-- ⚠ Important Notice!
-  - React-Resizable 2.0.0 was published due to a breaking change in `props` handling. This change ended up actually completely breaking certain workflows, for the dubious benefit of making the code slightly simpler to add to. The breaking change has been reverted, 2.0.0 is now deprecated, and we will continue on the 1.x branch. Future breaking changes to `react-resizable` will upgrade the major version to `3`.
-- ➕ Feature: `<ResizableBox>` now takes a `style` prop which will be applied on the wrapping `<div>`. `width` and `height` in this prop are ignored.
-- 🐛 Bugfix: remove unknown Prop `handle` from div children in Resizable `React.cloneElement`. [#124](https://github.com/STRML/react-resizable/issues/124)
-- 🐛 Bugfix: Fix top and left resizing jerkiness. Thanks @conor-kelleher. [#136](https://github.com/STRML/react-resizable/pull/136)
-- ✏ Chore: Improved test suite. Please contribute tests for your use cases if you have the time, I would really appreciate it! Thanks very much, @Danielecina
-- ✏ Chore: Minor internal refactors and additional tests.
-- ✏ Chore: Additional examples.
-
-### 1.10.1 (Nov 25, 2019)
-
-> Note: 1.10.0 was a mis-publish.
-
-- ➕ Feature: Add `transformScale` prop [#115](https://github.com/STRML/react-resizable/pull/115)
-- 🐛 Bugfix: Resolve `getDerivedStateFromProps` dev warning [#117](https://github.com/STRML/react-resizable/pull/117)
-
-### 1.9.0 (Oct 24, 2019)
-
-- 🐛 Bugfix: Fix resize with north/south handles when `lockAspectRatio=true` [#106](https://github.com/STRML/react-resizable/pull/106)
-- ✏ Chore: Remove deprecated React 16.9 lifecycle methods (`componentWillReceiveProps`) (https://github.com/STRML/react-resizable/pull/112/commits/541dee69b8e45d91a533855609472b481634edee)
-- ✏ Chore: Upgrade to babel 7
-- ✏ Chore: [Remove unused state inside `<Draggable>`](https://github.com/STRML/react-resizable/pull/112/commits/05693f63d6d221ad652f0f28af024cfb46a5f2df). This has not been needed for quite some time, fixes [some bugs](https://github.com/STRML/react-resizable/issues/99) and improves performance.
-
-### 1.8.0 (May 15, 2019)
-
-- ➕ Feature: Added support for custom resize handles [#79](https://github.com/STRML/react-resizable/pull/79)
-- ➕ Feature: Added support for resize handles on all corners [#191](https://github.com/STRML/react-resizable/pull/191)
-
-### 1.7.5 (Sep 26, 2017)
-
-- ✏ Chore: Support for React 16 (no changes required, updated `peerDependencies`)
-- ✏ Chore: Minor dep updates.
-
-### 1.7.4 (Sep 5, 2017)
-
-- ✏ Chore: Minor Flow & dependency updates.
-
-### 1.7.3 (Aug 31, 2017)
-
-- 🐛 Bugfix: React deprecation warnings from `import *`
-  - https://github.com/facebook/react/issues/10583
-
-### 1.7.2 (Aug 21, 2017)
-
-- ✏ Chore: Pkg: Add `react-draggable@3.0.0` to version range.
-  - This package is compatible with both `@2` and `@3` versions.
-
-### 1.7.1 (May 23, 2017)
-
-- 🐛 Bugfix: Some flow types were improperly specified.
-
-### 1.7.0 (May 1, 2017)
-
-- ⚠ Deprecation: `React.PropTypes` now deprecated in React 15.5, moved to `prop-types` package
-- ✏ Chore: Update devDeps, upgrade to webpack 2
-- ✏ Chore: Remove babel `stage-1` and `transform-flow-comments`, bring in only selected plugins, makes for leaner dev/build.
-
-### 1.6.0 (Jan 23, 2017)
-
-- ➕ Feature: Allow restricting by axis. (#40, thanks @dnissley-al)
-
-### 1.5.0 (Jan 23, 2017)
-
-- 🐛 Bugfix: Persist SyntheticEvents when needed (#45, #46)
-- ➕ Feature: Add componentWillReceiveProps to `<ResizableBox>` (#44, thanks @JoaoMosmann)
-
-### 1.4.6 (Dec 30, 2016)
-
-- ✏ Chore: Removed unused ref from `<Resizable>`.
-- ✏ Chore: Added development lockfile.
-
-### 1.4.5 (Sep 30, 2016)
-
-- 🐛 Bugfix: Fix bad publish
-
-### 1.4.4 (Sep 30, 2016)
-
-- 🐛 Bugfix: Minor flow errors
-
-### 1.4.3 (Sep 27, 2016)
-
-- 🐛 Bugfix: Don't pass `onResize` in `<ResizableBox>`.
-- 🐛 Bugfix: Fix new Flow errors (type parameters no longer optional).
-
-### 1.4.2 (July 1, 2016)
-
-- 🐛 Bugfix: Don't pass unknown props to underlying DOM element. Fixes React 15.2.0 warnings.
-
-### 1.4.1 (May 23, 2016)
-
-- 🐛 Bugfix: Resizable handle should have a `key` when injected. Fixes React warnings on custom components.
-
-### 1.4.0 (May 20, 2016)
-
-- ✏ Chore: Update to React-Draggable v2, which changed callback data structure.
-
-### 1.3.4 (May 17, 2016)
-
-- 🐛 Bugfix: Slack was not being reset on resizeStop. Fixes #34, #36.
-- ✏ Chore: Added `flow-bin` to devDeps.
-
-### 1.3.3 (Apr 19, 2016)
-
-- ➕ Feature: Add Flow comments.
-
-### 1.3.2 (Apr 8, 2016)
-
-- 🐛 Bugfix: Prevent `width` and `height` from leaking to the underlying DOM element and being written.
-
-### 1.3.1 (Apr 8, 2016)
-
-- ✏ Chore: Allow React v15 in peerdeps.
-
-### 1.3.0 (Mar 11, 2016)
-
-- 🐛 Bugfix: Switch to ES2015 Loose Mode to fix IE9/10 issues.
-- 🐛 Bugfix: Flow typing fixes.
-- 🐛 Bugfix: Styling fixes to the demo page.
-
-> Changes before 1.3.0 were not logged. Please see the git commit history.

package/CLAUDE.md

@@ -1,71 +0,0 @@
-# CLAUDE.md
-
-This file provides guidance to Claude Code (claude.ai/code) when working with code in this repository.
-
-## Commands
-
-```bash
-# Install dependencies
-yarn
-
-# Run tests with coverage
-yarn test
-
-# Run tests in watch mode
-yarn unit
-
-# Lint (ESLint + Flow)
-yarn lint
-
-# Type check only
-yarn flow
-
-# Build (transpile lib/ to build/)
-yarn build
-
-# Run dev server with examples
-yarn dev
-
-# Build examples for production
-yarn build-example
-```
-
-Run a single test file:
-```bash
-npx jest __tests__/Resizable.test.js
-```
-
-Run tests matching a pattern:
-```bash
-npx jest --testNamePattern="snapshot"
-```
-
-## Architecture
-
-This is a React component library providing resizable functionality via two main components:
-
-### Core Components (`lib/`)
-
-- **Resizable.js** - Stateless base component. Wraps a child element with draggable resize handles using `react-draggable`'s `DraggableCore`. Computes size changes from drag deltas, applies constraints, and invokes callbacks. Does not manage state - parent must set `width`/`height` props from callback data.
-
-- **ResizableBox.js** - Stateful wrapper around `<Resizable>`. Manages width/height state internally and renders a `<div>` with those dimensions. Simpler API for common use cases.
-
-- **propTypes.js** - Shared Flow types and PropTypes definitions. Exports `resizableProps` object and types like `ResizeHandleAxis`, `ResizeCallbackData`, etc.
-
-- **utils.js** - Helper `cloneElement()` that merges `style` and `className` when cloning React elements.
-
-### Key Implementation Details
-
-- Resize handles are rendered as `<DraggableCore>` wrappers around handle elements
-- Handle positions: `'s'`, `'w'`, `'e'`, `'n'`, `'sw'`, `'nw'`, `'se'`, `'ne'`
-- The `runConstraints()` method applies min/max constraints and aspect ratio locking with slack tracking
-- Position tracking via `lastHandleRect` compensates for element repositioning during north/west drags
-- `transformScale` prop adjusts deltas when parent has CSS transform scaling
-
-### Build Output
-
-`yarn build` transpiles `lib/*.js` to `build/` and copies source files as `*.js.flow` for Flow consumers.
-
-## Testing
-
-Tests use Jest with Enzyme for shallow/mount rendering. Test files in `__tests__/` mirror the lib structure. Snapshot tests verify render output; unit tests verify resize behavior, constraint handling, and callback data.