@onehat/ui 0.3.223 → 0.3.225

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@onehat/ui",
-	"version": "0.3.223",
+	"version": "0.3.225",
 	"description": "Base UI for OneHat apps",
 	"main": "src/index.js",
 	"type": "module",

package/src/Components/Container/Splitter.js

@@ -45,6 +45,15 @@ function Splitter(props) {
 			</Column>;
 }
 
+function withAdditionalProps(WrappedComponent) {
+	return (props) => {
+		return <WrappedComponent
+					isDraggable={true}
+					{...props}
+				/>;
+	};
+}
+
 // Need a hoc to specifically deliver the 'getParentNode' prop
 function withParentNode(WrappedComponent) {
 	return (props) => {
@@ -58,4 +67,4 @@ function withParentNode(WrappedComponent) {
 	};
 }
 
-export default withParentNode(withDraggable(Splitter));
+export default withParentNode(withAdditionalProps(withDraggable(Splitter)));

package/src/Components/Grid/GridHeaderRow.js

@@ -305,7 +305,7 @@ export default function GridHeaderRow(props) {
 						propsToPass = {
 							borderRightWidth: 2,
 							borderRightColor: '#fff',
-						}
+						};
 
 					if (all.length === 1) {
 						propsToPass.w = '100%';

package/src/Components/Grid/HeaderReorderHandle.js

@@ -26,4 +26,13 @@ function HeaderReorderHandle(props) {
 			</Column>;
 }
 
-export default withDraggable(HeaderReorderHandle);
+function withAdditionalProps(WrappedComponent) {
+	return (props) => {
+		return <WrappedComponent
+					isDraggable={true}
+					{...props}
+				/>;
+	};
+}
+
+export default withAdditionalProps(withDraggable(HeaderReorderHandle));

package/src/Components/Grid/HeaderResizeHandle.js

@@ -26,4 +26,13 @@ function HeaderResizeHandle(props) {
 			</Column>;
 }
 
-export default withDraggable(HeaderResizeHandle);
+function withAdditionalProps(WrappedComponent) {
+	return (props) => {
+		return <WrappedComponent
+					isDraggable={true}
+					{...props}
+				/>;
+	};
+}
+
+export default withAdditionalProps(withDraggable(HeaderResizeHandle));

package/src/Components/Hoc/Secondary/withSecondaryEditor.js

@@ -305,8 +305,9 @@ export default function withSecondaryEditor(WrappedComponent, isTree = false) {
 				const
 					entity = secondarySelection[0],
 					idProperty = SecondaryRepository.getSchema().model.idProperty,
-					rawValues = _.omit(entity.getOriginalData(), idProperty),
-					duplicate = await SecondaryRepository.add(rawValues, false, true);
+					rawValues = _.omit(entity.getOriginalData(), idProperty);
+				rawValues.id = null; // unset the id of the duplicate
+				const duplicate = await SecondaryRepository.add(rawValues, false, true);
 				setSecondaryIsIgnoreNextSelectionChange(true);
 				secondarySetSelection([duplicate]);
 				secondarySetEditorMode(EDITOR_MODE__EDIT);

package/src/Components/Hoc/withEditor.js

@@ -302,8 +302,9 @@ export default function withEditor(WrappedComponent, isTree = false) {
 				const
 					entity = selection[0],
 					idProperty = Repository.getSchema().model.idProperty,
-					rawValues = _.omit(entity.getOriginalData(), idProperty),
-					duplicate = await Repository.add(rawValues, false, true);
+					rawValues = _.omit(entity.getOriginalData(), idProperty);
+				rawValues.id = null; // unset the id of the duplicate
+				const duplicate = await Repository.add(rawValues, false, true);
 				setIsIgnoreNextSelectionChange(true);
 				setSelection([duplicate]);
 				setEditorMode(EDITOR_MODE__EDIT);

package/src/Components/Tree/TreeNode.js

@@ -87,4 +87,13 @@ export default function TreeNode(props) {
 	]);
 }
 
-export const DraggableTreeNode = withDraggable(TreeNode);
+function withAdditionalProps(WrappedComponent) {
+	return (props) => {
+		return <WrappedComponent
+					isDraggable={true}
+					{...props}
+				/>;
+	};
+}
+
+export const DraggableTreeNode = withAdditionalProps(withDraggable(TreeNode));