chore(packages): use @reactflow org for packages

packages/core/README.md

@@ -1,10 +1,10 @@
-# @rctflw/core
+# @reactflow/core
 
 Core components and util functions of React Flow.
 
 ## Installation 
 
 ```sh 
-npm install @rctflw/core
+npm install @reactflow/core
 ```
 

packages/core/package.json

@@ -1,5 +1,5 @@
 {
-  "name": "@rctflw/core",
+  "name": "@reactflow/core",
   "version": "11.0.0-next.0",
   "description": "Core components and util functions of React Flow.",
   "keywords": [
@@ -13,11 +13,14 @@
   "files": [
     "dist"
   ],
-  "main": "dist/rctflw-core.cjs.js",
-  "module": "dist/rctflw-core.esm.js",
-  "types": "dist/rctflw-core.cjs.d.ts",
+  "main": "dist/reactflow-core.cjs.js",
+  "module": "dist/reactflow-core.esm.js",
+  "types": "dist/reactflow-core.cjs.d.ts",
   "sideEffects": false,
   "license": "MIT",
+  "publishConfig": {
+    "access": "public"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/wbkd/react-flow.git",

packages/core/src/styles/init.css

@@ -1,4 +1,4 @@
-/* these are the necessary styles for React Flow */
+/* these are the necessary styles for React Flow, they get used by base.css and style.css */
 .react-flow__container {
   position: absolute;
   width: 100%;
@@ -138,6 +138,7 @@
 
   &.connectable {
     pointer-events: all;
+    cursor: crosshair;
   }
 
   &-bottom {

packages/core/src/utils/index.ts

@@ -7,7 +7,7 @@ export const getDimensions = (node: HTMLDivElement): Dimensions => ({
 
 export const clamp = (val: number, min = 0, max = 1): number => Math.min(Math.max(val, min), max);
 
-export const clampPosition = (position: XYPosition, extent: CoordinateExtent) => ({
+export const clampPosition = (position: XYPosition = { x: 0, y: 0 }, extent: CoordinateExtent) => ({
   x: clamp(position.x, extent[0][0], extent[1][0]),
   y: clamp(position.y, extent[0][1], extent[1][1]),
 });