├── .github ├── FUNDING.yml ├── ISSUE_TEMPLATE.md ├── PULL_REQUEST_TEMPLATE.md └── workflows │ └── ci.yml ├── .gitignore ├── .prettierrc ├── .storybook ├── addons.js ├── config.js └── webpack.config.js ├── LICENSE ├── README.md ├── babel.config.js ├── docs └── stories │ └── _redirects ├── examples └── vite │ ├── .eslintrc.cjs │ ├── .gitignore │ ├── README.md │ ├── index.html │ ├── package.json │ ├── pnpm-lock.yaml │ ├── public │ └── vite.svg │ ├── src │ ├── App.css │ ├── App.tsx │ ├── assets │ │ └── react.svg │ ├── index.css │ ├── main.tsx │ └── vite-env.d.ts │ ├── tsconfig.app.json │ ├── tsconfig.json │ ├── tsconfig.node.json │ └── vite.config.ts ├── fixture.html ├── logo.png ├── package.json ├── pnpm-lock.yaml ├── renovate.json ├── screenshot.gif ├── scripts ├── deploy-minor.sh ├── deploy-patch.sh ├── prod.common.js ├── prod.es5.js └── prod.js ├── src ├── index.js.flow ├── index.test.tsx └── index.tsx ├── stories ├── bare │ └── bare.tsx ├── basic │ ├── controlled.tsx │ ├── multi-controlled.tsx │ ├── multi-uncontrolled.tsx │ └── uncontrolled.tsx ├── bounds-and-offset.js ├── bounds │ ├── body-controlled.tsx │ ├── element-controlled.tsx │ ├── element-uncontrolled.tsx │ ├── parent-controlled.tsx │ ├── parent-uncontrolled.tsx │ ├── selector-controlled.tsx │ ├── selector-uncontrolled.tsx │ └── window-controlled.tsx ├── callback │ └── callbacks.tsx ├── cancel │ └── cancel.tsx ├── customization │ └── resizeHandleComponent.tsx ├── dragAxis │ ├── dragAxisNone.tsx │ ├── dragAxisX.tsx │ └── dragAxisY.tsx ├── grid │ ├── both.tsx │ ├── drag.tsx │ └── resize.tsx ├── index.tsx ├── lock-aspect-ratio │ └── basic.tsx ├── max-size-with-percent.js ├── min │ └── uncontrolled.tsx ├── multiple.js ├── sandbox.js ├── sandbox │ ├── bodysize-to-maxwidth.tsx │ ├── issue-#622.tsx │ └── lock-aspect-ratio-with-bounds.tsx ├── scale │ ├── body-uncontrolled-x0-5.tsx │ ├── body-uncontrolled-x1-5.tsx │ ├── parent-uncontrolled.tsx │ ├── selector-controlled.tsx │ ├── selector-uncontrolled.tsx │ └── window-uncontrolled.tsx ├── size-and-position.js ├── size-percentage.js ├── size │ ├── size-percent-controlled.tsx │ └── size-percent-uncontrolled.tsx ├── styles.css └── styles.ts ├── tsconfig.json └── tslint.json /.github/FUNDING.yml: -------------------------------------------------------------------------------- 1 | # These are supported funding model platforms 2 | 3 | github: [bokuweb] 4 | -------------------------------------------------------------------------------- /.github/ISSUE_TEMPLATE.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/.github/ISSUE_TEMPLATE.md -------------------------------------------------------------------------------- /.github/PULL_REQUEST_TEMPLATE.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/.github/PULL_REQUEST_TEMPLATE.md -------------------------------------------------------------------------------- /.github/workflows/ci.yml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/.github/workflows/ci.yml -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/.gitignore -------------------------------------------------------------------------------- /.prettierrc: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/.prettierrc -------------------------------------------------------------------------------- /.storybook/addons.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/.storybook/addons.js -------------------------------------------------------------------------------- /.storybook/config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/.storybook/config.js -------------------------------------------------------------------------------- /.storybook/webpack.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/.storybook/webpack.config.js -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/LICENSE -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/README.md -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/babel.config.js -------------------------------------------------------------------------------- /docs/stories/_redirects: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/docs/stories/_redirects -------------------------------------------------------------------------------- /examples/vite/.eslintrc.cjs: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/examples/vite/.eslintrc.cjs -------------------------------------------------------------------------------- /examples/vite/.gitignore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/examples/vite/.gitignore -------------------------------------------------------------------------------- /examples/vite/README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/examples/vite/README.md -------------------------------------------------------------------------------- /examples/vite/index.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/examples/vite/index.html -------------------------------------------------------------------------------- /examples/vite/package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/examples/vite/package.json -------------------------------------------------------------------------------- /examples/vite/pnpm-lock.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/examples/vite/pnpm-lock.yaml -------------------------------------------------------------------------------- /examples/vite/public/vite.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/examples/vite/public/vite.svg -------------------------------------------------------------------------------- /examples/vite/src/App.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/examples/vite/src/App.css -------------------------------------------------------------------------------- /examples/vite/src/App.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/examples/vite/src/App.tsx -------------------------------------------------------------------------------- /examples/vite/src/assets/react.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/examples/vite/src/assets/react.svg -------------------------------------------------------------------------------- /examples/vite/src/index.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/examples/vite/src/index.css -------------------------------------------------------------------------------- /examples/vite/src/main.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/examples/vite/src/main.tsx -------------------------------------------------------------------------------- /examples/vite/src/vite-env.d.ts: -------------------------------------------------------------------------------- 1 | /// 2 | -------------------------------------------------------------------------------- /examples/vite/tsconfig.app.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/examples/vite/tsconfig.app.json -------------------------------------------------------------------------------- /examples/vite/tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/examples/vite/tsconfig.json -------------------------------------------------------------------------------- /examples/vite/tsconfig.node.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/examples/vite/tsconfig.node.json -------------------------------------------------------------------------------- /examples/vite/vite.config.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/examples/vite/vite.config.ts -------------------------------------------------------------------------------- /fixture.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/fixture.html -------------------------------------------------------------------------------- /logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/logo.png -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/package.json -------------------------------------------------------------------------------- /pnpm-lock.yaml: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/pnpm-lock.yaml -------------------------------------------------------------------------------- /renovate.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/renovate.json -------------------------------------------------------------------------------- /screenshot.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/screenshot.gif -------------------------------------------------------------------------------- /scripts/deploy-minor.sh: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/scripts/deploy-minor.sh -------------------------------------------------------------------------------- /scripts/deploy-patch.sh: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/scripts/deploy-patch.sh -------------------------------------------------------------------------------- /scripts/prod.common.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/scripts/prod.common.js -------------------------------------------------------------------------------- /scripts/prod.es5.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/scripts/prod.es5.js -------------------------------------------------------------------------------- /scripts/prod.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/scripts/prod.js -------------------------------------------------------------------------------- /src/index.js.flow: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/src/index.js.flow -------------------------------------------------------------------------------- /src/index.test.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/src/index.test.tsx -------------------------------------------------------------------------------- /src/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/src/index.tsx -------------------------------------------------------------------------------- /stories/bare/bare.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/bare/bare.tsx -------------------------------------------------------------------------------- /stories/basic/controlled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/basic/controlled.tsx -------------------------------------------------------------------------------- /stories/basic/multi-controlled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/basic/multi-controlled.tsx -------------------------------------------------------------------------------- /stories/basic/multi-uncontrolled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/basic/multi-uncontrolled.tsx -------------------------------------------------------------------------------- /stories/basic/uncontrolled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/basic/uncontrolled.tsx -------------------------------------------------------------------------------- /stories/bounds-and-offset.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/bounds-and-offset.js -------------------------------------------------------------------------------- /stories/bounds/body-controlled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/bounds/body-controlled.tsx -------------------------------------------------------------------------------- /stories/bounds/element-controlled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/bounds/element-controlled.tsx -------------------------------------------------------------------------------- /stories/bounds/element-uncontrolled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/bounds/element-uncontrolled.tsx -------------------------------------------------------------------------------- /stories/bounds/parent-controlled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/bounds/parent-controlled.tsx -------------------------------------------------------------------------------- /stories/bounds/parent-uncontrolled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/bounds/parent-uncontrolled.tsx -------------------------------------------------------------------------------- /stories/bounds/selector-controlled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/bounds/selector-controlled.tsx -------------------------------------------------------------------------------- /stories/bounds/selector-uncontrolled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/bounds/selector-uncontrolled.tsx -------------------------------------------------------------------------------- /stories/bounds/window-controlled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/bounds/window-controlled.tsx -------------------------------------------------------------------------------- /stories/callback/callbacks.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/callback/callbacks.tsx -------------------------------------------------------------------------------- /stories/cancel/cancel.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/cancel/cancel.tsx -------------------------------------------------------------------------------- /stories/customization/resizeHandleComponent.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/customization/resizeHandleComponent.tsx -------------------------------------------------------------------------------- /stories/dragAxis/dragAxisNone.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/dragAxis/dragAxisNone.tsx -------------------------------------------------------------------------------- /stories/dragAxis/dragAxisX.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/dragAxis/dragAxisX.tsx -------------------------------------------------------------------------------- /stories/dragAxis/dragAxisY.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/dragAxis/dragAxisY.tsx -------------------------------------------------------------------------------- /stories/grid/both.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/grid/both.tsx -------------------------------------------------------------------------------- /stories/grid/drag.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/grid/drag.tsx -------------------------------------------------------------------------------- /stories/grid/resize.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/grid/resize.tsx -------------------------------------------------------------------------------- /stories/index.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/index.tsx -------------------------------------------------------------------------------- /stories/lock-aspect-ratio/basic.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/lock-aspect-ratio/basic.tsx -------------------------------------------------------------------------------- /stories/max-size-with-percent.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/max-size-with-percent.js -------------------------------------------------------------------------------- /stories/min/uncontrolled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/min/uncontrolled.tsx -------------------------------------------------------------------------------- /stories/multiple.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/multiple.js -------------------------------------------------------------------------------- /stories/sandbox.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/sandbox.js -------------------------------------------------------------------------------- /stories/sandbox/bodysize-to-maxwidth.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/sandbox/bodysize-to-maxwidth.tsx -------------------------------------------------------------------------------- /stories/sandbox/issue-#622.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/sandbox/issue-#622.tsx -------------------------------------------------------------------------------- /stories/sandbox/lock-aspect-ratio-with-bounds.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/sandbox/lock-aspect-ratio-with-bounds.tsx -------------------------------------------------------------------------------- /stories/scale/body-uncontrolled-x0-5.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/scale/body-uncontrolled-x0-5.tsx -------------------------------------------------------------------------------- /stories/scale/body-uncontrolled-x1-5.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/scale/body-uncontrolled-x1-5.tsx -------------------------------------------------------------------------------- /stories/scale/parent-uncontrolled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/scale/parent-uncontrolled.tsx -------------------------------------------------------------------------------- /stories/scale/selector-controlled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/scale/selector-controlled.tsx -------------------------------------------------------------------------------- /stories/scale/selector-uncontrolled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/scale/selector-uncontrolled.tsx -------------------------------------------------------------------------------- /stories/scale/window-uncontrolled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/scale/window-uncontrolled.tsx -------------------------------------------------------------------------------- /stories/size-and-position.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/size-and-position.js -------------------------------------------------------------------------------- /stories/size-percentage.js: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/size-percentage.js -------------------------------------------------------------------------------- /stories/size/size-percent-controlled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/size/size-percent-controlled.tsx -------------------------------------------------------------------------------- /stories/size/size-percent-uncontrolled.tsx: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/size/size-percent-uncontrolled.tsx -------------------------------------------------------------------------------- /stories/styles.css: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/styles.css -------------------------------------------------------------------------------- /stories/styles.ts: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/stories/styles.ts -------------------------------------------------------------------------------- /tsconfig.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/tsconfig.json -------------------------------------------------------------------------------- /tslint.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/bokuweb/react-rnd/HEAD/tslint.json --------------------------------------------------------------------------------