@onehat/ui 0.4.65 → 0.4.67

package/src/Components/Hoc/withDraggable.js

@@ -1,4 +1,4 @@
-import { forwardRef, useState, } from 'react';
+import { forwardRef, useState, useRef, } from 'react';
 import {
 	HORIZONTAL,
 	VERTICAL,
@@ -50,6 +50,7 @@ export default function withDraggable(WrappedComponent) {
 			[isDragging, setIsDraggingRaw] = useState(false),
 			[node, setNode] = useState(false),
 			[bounds, setBounds] = useState(null),
+			nodeRef = useRef(null), // to get around React Draggable bug // https://stackoverflow.com/a/63603903
 			{ block } = useBlocking(),
 			setIsDragging = (value) => {
 				setIsDraggingRaw(value);
@@ -231,10 +232,11 @@ export default function withDraggable(WrappedComponent) {
 							onDrag={handleDrag}
 							onStop={handleStop}
 							position={{ x: 0, y: 0, /* reset to dropped position */ }}
+							nodeRef={nodeRef}
 							// bounds={bounds}
 							{...draggableProps}
 						>
-							<div className="nsResize">
+							<div ref={nodeRef} className="nsResize">
 								<WrappedComponent {...propsToPass} ref={ref} />
 							</div>
 						</Draggable>;
@@ -246,9 +248,10 @@ export default function withDraggable(WrappedComponent) {
 							onStop={handleStop}
 							position={{ x: 0, y: 0, /* reset to dropped position */ }}
 							// bounds={bounds}
+							nodeRef={nodeRef}
 							{...draggableProps}
 						>
-							<div className="ewResize" style={{ height: '100%', }}>
+							<div ref={nodeRef} className="ewResize" style={{ height: '100%', }}>
 								<WrappedComponent {...propsToPass} ref={ref} />
 							</div>
 						</Draggable>;
@@ -262,9 +265,10 @@ export default function withDraggable(WrappedComponent) {
 						onStop={handleStop}
 						position={{ x: 0, y: 0, /* reset to dropped position */ }}
 						handle={handle}
+						nodeRef={nodeRef}
 						{...draggableProps}
 					>
-						<WrappedComponent {...propsToPass} ref={ref} />
+						<WrappedComponent {...propsToPass} ref={nodeRef} />
 					</Draggable>;
 		} else if (CURRENT_MODE === UI_MODE_NATIVE) {
 

package/src/Components/Hoc/withEditor.js

@@ -670,8 +670,14 @@ export default function withEditor(WrappedComponent, isTree = false) {
 		useEffect(() => {
 			setEditorMode(calculateEditorMode());
 
-			setIsIgnoreNextSelectionChange(false);
 			setLastSelection(selection);
+			
+			// Push isIgnoreNextSelectionChange until after a microtask to ensure all
+			// synchronous operations (including listener callbacks) are complete
+			// (this is to prevent the editor from immediately switching modes on doAdd in Tree)
+			Promise.resolve().then(() => {
+				setIsIgnoreNextSelectionChange(false);
+			});
 		}, [selection]);
 
 		if (self) {

package/src/Components/Icons/Arcs.js

@@ -0,0 +1,10 @@
+import { createIcon } from "../Gluestack/icon";
+import { Path, Svg } from 'react-native-svg';
+
+const SvgComponent = createIcon({
+	Root: Svg,
+	viewBox: '0 0 53.98 53.98',
+	path: <Path d="M14.59 0c1.1 1.66 1.74 3.65 1.74 5.79 0 5.82-4.72 10.54-10.54 10.54-2.14 0-4.13-.64-5.79-1.74 1.89 2.86 5.12 4.75 8.8 4.75 5.82 0 10.54-4.72 10.54-10.54 0-3.68-1.89-6.92-4.75-8.8zM49.23 0c1.1 1.66 1.74 3.65 1.74 5.79 0 5.82-4.72 10.54-10.54 10.54-2.14 0-4.13-.64-5.79-1.74 1.89 2.86 5.12 4.75 8.8 4.75 5.82 0 10.54-4.72 10.54-10.54 0-3.68-1.89-6.92-4.75-8.8zM14.59 34.64c1.1 1.66 1.74 3.65 1.74 5.79 0 5.82-4.72 10.54-10.54 10.54-2.14 0-4.13-.64-5.79-1.74 1.89 2.86 5.12 4.75 8.8 4.75 5.82 0 10.54-4.72 10.54-10.54 0-3.68-1.89-6.92-4.75-8.8zM49.23 34.64c1.1 1.66 1.74 3.65 1.74 5.79 0 5.82-4.72 10.54-10.54 10.54-2.14 0-4.13-.64-5.79-1.74 1.89 2.86 5.12 4.75 8.8 4.75 5.82 0 10.54-4.72 10.54-10.54 0-3.68-1.89-6.92-4.75-8.8z" />,
+});
+
+export default SvgComponent