feat: add resize cursor

daybrush · Apr 9, 2023 · 85fb038 · 85fb038
1 parent a7d31ea
commit 85fb038
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 12 deletions.
diff --git a/packages/croact-guides/package.json b/packages/croact-guides/package.json
@@ -58,7 +58,7 @@
         "@scena/dragscroll": "^1.3.0",
         "@scena/react-guides": "~0.24.0",
         "croact-css-styled": "^1.1.2",
-        "croact-ruler": "^0.15.0",
+        "croact-ruler": "^0.16.1",
         "css-to-mat": "^1.0.3",
         "framework-utils": "^1.1.0",
         "gesto": "^1.13.4",

diff --git a/packages/react-guides/package.json b/packages/react-guides/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@scena/react-guides",
-    "version": "0.24.0",
+    "version": "0.25.0-beta.2",
     "description": "A React Guides component that can draw ruler and manage guidelines.",
     "main": "./dist/guides.cjs.js",
     "module": "./dist/guides.esm.js",
@@ -58,7 +58,7 @@
     "dependencies": {
         "@daybrush/utils": "^1.4.0",
         "@scena/dragscroll": "^1.3.0",
-        "@scena/react-ruler": "^0.16.0",
+        "@scena/react-ruler": "^0.17.1",
         "css-to-mat": "^1.0.3",
         "framework-utils": "^1.1.0",
         "gesto": "^1.13.4",

diff --git a/packages/react-guides/src/react-guides/consts.ts b/packages/react-guides/src/react-guides/consts.ts
@@ -67,6 +67,12 @@ canvas {
     height: 100%;
     width: 0;
 }
+:host.horizontal canvas {
+    cursor: ns-resize;
+}
+:host.vertical canvas {
+    cursor: ew-resize;
+}
 .guide {
     position: absolute;
     background: #f33;
@@ -125,6 +131,7 @@ export const PROPERTIES: Array<keyof GuidesOptions> = [
     "guideStyle",
     "guidesOffset",
     "digit",
+    "defaultGuidesPos",
     "dragGuideStyle",
     "displayGuidePos",
     "guidePosFormat",

diff --git a/yarn.lock b/yarn.lock
@@ -3042,10 +3042,10 @@
   dependencies:
     "@daybrush/utils" "^1.4.0"
 
-"@scena/react-ruler@^0.16.0", "@scena/react-ruler@~0.16.0":
-  version "0.16.0"
-  resolved "https://registry.npmjs.org/@scena/react-ruler/-/react-ruler-0.16.0.tgz#bd36128c22b07286c995662ffb4cc5ca4b46b262"
-  integrity sha512-xwINeoR+9Z6J1OITqWeS5fyeXeK3p3XLb9KyGJTwdsISomTVrQWjVqLEbV2+0JVab1d7toJCElW4zmelMcu0LQ==
+"@scena/react-ruler@^0.17.1", "@scena/react-ruler@~0.17.1":
+  version "0.17.1"
+  resolved "https://registry.npmjs.org/@scena/react-ruler/-/react-ruler-0.17.1.tgz#ced7bb1d925ade80456d131fc0b88856dda70524"
+  integrity sha512-ZgLSlNByevYMH2G7QzId49eojyfqd0zUNASIRIJm89X8ub1ipaMqaTPsSXS+yJspgiYFeVSjL8KCC/Yc1SMzLg==
   dependencies:
     "@daybrush/utils" "^1.11.0"
     framework-utils "^1.1.0"
@@ -6578,12 +6578,12 @@ croact-css-styled@^1.1.2:
     css-styled "~1.0.1"
     framework-utils "^1.1.0"
 
-croact-ruler@^0.15.0:
-  version "0.15.0"
-  resolved "https://registry.npmjs.org/croact-ruler/-/croact-ruler-0.15.0.tgz#5206f72a246a5c1e0ac9658a8db5eb78dd05a55f"
-  integrity sha512-k3dHYu4PltlDkxVFnyE2w+zjQ72vvwLklSpMoCPBV0NAmk++i8qzqJh1NLav9x2aqUsSv4alVlszHnlh37NnfA==
+croact-ruler@^0.16.1:
+  version "0.16.1"
+  resolved "https://registry.npmjs.org/croact-ruler/-/croact-ruler-0.16.1.tgz#665087211e6535a018cd0c9bc7004062a7c10007"
+  integrity sha512-uj+60mlEMh+OWa5L9KjTyQgQOGI07TWyWbL9+kMrgIc74EJuV9AnwVXGII7b8JvHHxU6BzVFxXY7rj15EydOCQ==
   dependencies:
-    "@scena/react-ruler" "~0.16.0"
+    "@scena/react-ruler" "~0.17.1"
 
 croact@^1.0.0:
   version "1.0.0"