Update dependencies (#96)

* feat: added support to edit text properties before create it

* chore: update dependencies

Author: jesusmpc

code/components/room-components/node-properties/stroke-properties.tsx

@@ -29,11 +29,11 @@ export function StrokeProperties() {
   const actualAction = useWeave((state) => state.actions.actual);
 
   const nodePropertiesAction = useCollaborationRoom(
-    (state) => state.nodeProperties.action,
+    (state) => state.nodeProperties.action
   );
 
   const nodeCreateProps = useCollaborationRoom(
-    (state) => state.nodeProperties.createProps,
+    (state) => state.nodeProperties.createProps
   );
 
   const actualNode = React.useMemo(() => {
@@ -62,7 +62,7 @@ export function StrokeProperties() {
         instance.updateNode(updatedNode);
       }
     },
-    [instance, actualAction, nodePropertiesAction],
+    [instance, actualAction, nodePropertiesAction]
   );
 
   if (!instance || !actualAction || !actualNode) {
@@ -71,7 +71,8 @@ export function StrokeProperties() {
 
   if (!actualAction && !actualNode) return null;
 
-  if (["colorTokenTool", "frameTool"].includes(actualAction)) return null;
+  if (["colorTokenTool", "frameTool", "textTool"].includes(actualAction))
+    return null;
 
   if (["text", "color-token", "frame"].includes(actualNode.type)) {
     return null;

code/components/room-components/node-properties/text-properties.tsx

@@ -34,11 +34,11 @@ export function TextProperties() {
   const actualAction = useWeave((state) => state.actions.actual);
 
   const nodePropertiesAction = useCollaborationRoom(
-    (state) => state.nodeProperties.action,
+    (state) => state.nodeProperties.action
   );
 
   const nodeCreateProps = useCollaborationRoom(
-    (state) => state.nodeProperties.createProps,
+    (state) => state.nodeProperties.createProps
   );
 
   const actualNode = React.useMemo(() => {
@@ -67,7 +67,7 @@ export function TextProperties() {
         instance.updateNode(updatedNode);
       }
     },
-    [instance, actualAction, nodePropertiesAction],
+    [instance, actualAction, nodePropertiesAction]
   );
 
   if (!instance || !actualAction || !actualNode) {
@@ -76,7 +76,10 @@ export function TextProperties() {
 
   if (!actualAction && !actualNode) return null;
 
-  if (!["text"].includes(actualNode.type)) {
+  if (
+    !["textTool"].includes(actualAction) &&
+    !["text"].includes(actualNode.type)
+  ) {
     return null;
   }
 

code/components/room-components/overlay/node-properties.tsx

@@ -34,17 +34,17 @@ export const NodeProperties = () => {
   const setNode = useWeave((state) => state.setNode);
 
   const sidebarRightActive = useCollaborationRoom(
-    (state) => state.sidebar.right.active,
+    (state) => state.sidebar.right.active
   );
   const setSidebarActive = useCollaborationRoom(
-    (state) => state.setSidebarActive,
+    (state) => state.setSidebarActive
   );
   const setNodePropertiesAction = useCollaborationRoom(
-    (state) => state.setNodePropertiesAction,
+    (state) => state.setNodePropertiesAction
   );
 
   const nodePropertiesAction = useCollaborationRoom(
-    (state) => state.nodeProperties.action,
+    (state) => state.nodeProperties.action
   );
 
   React.useEffect(() => {
@@ -61,6 +61,7 @@ export const NodeProperties = () => {
         "arrowTool",
         "colorTokenTool",
         "frameTool",
+        "textTool",
       ].includes(actualAction)
     ) {
       setNodePropertiesAction("create");
@@ -128,6 +129,8 @@ export const NodeProperties = () => {
         return "Color Token";
       case "frameTool":
         return "Frame";
+      case "textTool":
+        return "Text";
       default:
         return "Unknown";
     }
@@ -212,6 +215,7 @@ export const NodeProperties = () => {
                   "arrowTool",
                   "colorTokenTool",
                   "frameTool",
+                  "textTool",
                 ].includes(actualAction)
               ) {
                 instance.cancelAction(actualAction);