@onehat/ui 0.3.218 → 0.3.221

package/package.json

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

package/src/Components/Grid/Grid.js

@@ -464,6 +464,8 @@ function GridComponent(props) {
 								rowDragProps.isDropTarget = true;
 								rowDragProps.dropTargetAccept = dropTargetAccept;
 								rowDragProps.onDrop = (droppedItem) => {
+									// TODO: the item is somehow getting stale
+									// might have something to do with memoization
 									onRowDrop(item, droppedItem);
 								};
 							}

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

@@ -298,7 +298,7 @@ export default function withSecondaryEditor(WrappedComponent, isTree = false) {
 				const
 					entity = secondarySelection[0],
 					idProperty = SecondaryRepository.getSchema().model.idProperty,
-					rawValues = _.omit(entity.rawValues, idProperty),
+					rawValues = _.omit(entity.getOriginalData(), idProperty),
 					duplicate = await SecondaryRepository.add(rawValues, false, true);
 				setSecondaryIsIgnoreNextSelectionChange(true);
 				secondarySetSelection([duplicate]);

package/src/Components/Hoc/withEditor.js

@@ -302,7 +302,7 @@ export default function withEditor(WrappedComponent, isTree = false) {
 				const
 					entity = selection[0],
 					idProperty = Repository.getSchema().model.idProperty,
-					rawValues = _.omit(entity.rawValues, idProperty),
+					rawValues = _.omit(entity.getOriginalData(), idProperty),
 					duplicate = await Repository.add(rawValues, false, true);
 				setIsIgnoreNextSelectionChange(true);
 				setSelection([duplicate]);
@@ -321,10 +321,17 @@ export default function withEditor(WrappedComponent, isTree = false) {
 			doEditorSave = async (data, e) => {
 				// NOTE: The Form submits onSave for both adds (when not isAutoSsave) and edits.
 				const isSingle = selection.length === 1;
+				let useStaged = false;
 				if (isSingle) {
 					// just update this one entity
 					selection[0].setValues(data);
 
+					// If this is a remote phantom, and nothing is dirty, stage it so it actually gets saved to server and solidified
+					if (selection[0].isRemotePhantom && !selection[0].isDirty) {
+						selection[0].markStaged();
+						useStaged = true;
+					}
+
 				} else if (selection.length > 1) {
 					// Edit multiple entities
 
@@ -349,7 +356,7 @@ export default function withEditor(WrappedComponent, isTree = false) {
 				setIsSaving(true);
 				let success;
 				try {
-					await Repository.save();
+					await Repository.save(null, useStaged);
 					success = true;
 				} catch (e) {
 					// alert(e.context);

package/src/Components/Icons/Link.js

@@ -0,0 +1,13 @@
+// Font Awesome Pro 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2022 Fonticons, Inc.
+import * as React from "react"
+import Svg, { Path } from "react-native-svg"
+
+function SvgComponent(props) {
+  return (
+    <Svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 512" {...props}>
+      <Path d="M579.8 267.7c56.5-56.5 56.5-148 0-204.5-50-50-128.8-56.5-186.3-15.4l-1.6 1.1c-14.4 10.3-17.7 30.3-7.4 44.6s30.3 17.7 44.6 7.4l1.6-1.1c32.1-22.9 76-19.3 103.8 8.6 31.5 31.5 31.5 82.5 0 114L422.3 334.8c-31.5 31.5-82.5 31.5-114 0-27.9-27.9-31.5-71.8-8.6-103.8l1.1-1.6c10.3-14.4 6.9-34.4-7.4-44.6s-34.4-6.9-44.6 7.4l-1.1 1.6C206.5 251.2 213 330 263 380c56.5 56.5 148 56.5 204.5 0l112.3-112.3zM60.2 244.3c-56.5 56.5-56.5 148 0 204.5 50 50 128.8 56.5 186.3 15.4l1.6-1.1c14.4-10.3 17.7-30.3 7.4-44.6s-30.3-17.7-44.6-7.4l-1.6 1.1c-32.1 22.9-76 19.3-103.8-8.6C74 372 74 321 105.5 289.5l112.2-112.3c31.5-31.5 82.5-31.5 114 0 27.9 27.9 31.5 71.8 8.6 103.9l-1.1 1.6c-10.3 14.4-6.9 34.4 7.4 44.6s34.4 6.9 44.6-7.4l1.1-1.6C433.5 260.8 427 182 377 132c-56.5-56.5-148-56.5-204.5 0L60.2 244.3z" />
+    </Svg>
+  )
+}
+
+export default SvgComponent

package/src/Components/index.js

@@ -93,6 +93,7 @@ import Info from '../Components/Icons/Info.js';
 import ItunesNote from '../Components/Icons/ItunesNote.js';
 import Js from '../Components/Icons/Js.js';
 import Leaf from '../Components/Icons/Leaf.js';
+import Link from '../Components/Icons/Link.js';
 import List from '../Components/Icons/List.js';
 import ListCheck from '../Components/Icons/ListCheck.js';
 import LocationDot from '../Components/Icons/LocationDot.js';
@@ -326,6 +327,7 @@ const components = {
 	ItunesNote,
 	Js,
 	Leaf,
+	Link,
 	List,
 	ListCheck,
 	LocationDot,