@onehat/ui 0.3.385 → 0.3.388

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@onehat/ui",
-	"version": "0.3.385",
+	"version": "0.3.388",
 	"description": "Base UI for OneHat apps",
 	"main": "src/index.js",
 	"type": "module",
@@ -25,10 +25,6 @@
 	},
 	"license": "UNLICENSED",
 	"dependencies": {
-		"@gluestack-style/animation-resolver": "^1.0.4",
-		"@gluestack-style/react": "^1.0.56",
-		"@gluestack-ui/config": "^1.1.18",
-		"@gluestack-ui/themed": "^1.1.26",
 		"@hookform/resolvers": "^3.3.1",
 		"@k-renwick/colour-mixer": "^1.2.1",
 		"@onehat/data": "^1.22.0",

package/src/{Components → components}/Form/Field/Tag/Tag.js

@@ -22,6 +22,7 @@ function TagComponent(props) {
 			isViewOnly = false,
 			isValueAlwaysArray,
 			isValueAsStringifiedJson,
+			showEye = true,
 			Editor,
 			_combo = {},
 			tooltip,
@@ -214,6 +215,7 @@ function TagComponent(props) {
 						text={val.text}
 						onView={() => onView(val)}
 						onDelete={!isViewOnly ? () => onDelete(val) : null}
+						showEye={showEye}
 					/>;
 		});
 	

package/src/{Components → components}/Form/Field/Tag/ValueBox.js

@@ -14,6 +14,7 @@ export default function ValueBox(props) {
 			text,
 			onView,
 			onDelete,
+			showEye,
 		} = props,
 		styles = UiGlobals.styles;
 	return <Row
@@ -26,18 +27,19 @@ export default function ValueBox(props) {
 				alignItems="center"
 				maxWidth="100%"
 			>
-				<IconButton
-					{...testProps('eyeBtn')}
-					_icon={{
-						as: Eye,
-						color: 'trueGray.600',
-						size: styles.FORM_TAG_VALUEBOX_ICON_SIZE,
-					}}
-					onPress={onView}
-					h="100%"
-				/>
+				{showEye && <IconButton
+								{...testProps('eyeBtn')}
+								_icon={{
+									as: Eye,
+									color: 'trueGray.600',
+									size: styles.FORM_TAG_VALUEBOX_ICON_SIZE,
+								}}
+								onPress={onView}
+								h="100%"
+							/>}
 				<Text
 					color="trueGray.600"
+					ml={showEye ? 0 : 2}
 					mr={onDelete ? 0 : 2}
 					fontSize={styles.FORM_TAG_VALUEBOX_FONTSIZE}
 				>{text}</Text>

package/src/{Components → components}/Hoc/withPermissions.js

@@ -12,6 +12,7 @@ import {
 	UPLOAD_DOWNLOAD,
 } from '../../Constants/Commands.js';
 import UiGlobals from '../../UiGlobals.js';
+import oneHatData from '@onehat/data';
 import _ from 'lodash';
 
 /**
@@ -22,11 +23,23 @@ import _ from 'lodash';
 export function checkPermission(permission) {
 	const
 		reduxState = UiGlobals.redux?.getState(),
-		permissions = reduxState?.app?.permissions;
-	if (!permissions) {
-		return false;
+		permissions = reduxState?.app?.permissions || [];
+	let hasPermission = inArray(permission, permissions);
+	if (hasPermission) {
+		return true;
 	}
-	return inArray(permission, permissions);
+	// check for anonymous get
+	const matches = permission.match(/^view_(.*)$/);
+	if (matches) {
+		const
+			name = Inflector.camelize(matches[1]), // 'pm_events' -> 'PmEvents'
+			repository = oneHatData.getRepository(name),
+			allowAnonymousGet = repository?.schema.repository.allowAnonymousGet;
+		if (allowAnonymousGet) {
+			hasPermission = true;
+		}
+	}
+	return hasPermission;
 }
 
 /**

package/src/{Components → components}/Hoc/withPresetButtons.js

@@ -188,7 +188,7 @@ export default function withPresetButtons(WrappedComponent, isGrid = false) {
 					case ADD:
 						key = 'addBtn';
 						text = 'Add';
-						handler = onAdd;
+						handler = (parent, e) => onAdd();
 						icon = <Plus />;
 						if (selectorId && !selectorSelected) {
 							isDisabled = true;
@@ -200,7 +200,7 @@ export default function withPresetButtons(WrappedComponent, isGrid = false) {
 					case EDIT:
 						key = 'editBtn';
 						text = 'Edit';
-						handler = onEdit;
+						handler = (parent, e) => onEdit();
 						icon = <Edit />;
 						if (selectorId && !selectorSelected) {
 							isDisabled = true;
@@ -215,7 +215,7 @@ export default function withPresetButtons(WrappedComponent, isGrid = false) {
 					case DELETE:
 						key = 'deleteBtn';
 						text = 'Delete';
-						handler = onDelete;
+						handler = (parent, e) => onDelete();
 						icon = <Trash />;
 						if (selectorId && !selectorSelected) {
 							isDisabled = true;
@@ -236,7 +236,7 @@ export default function withPresetButtons(WrappedComponent, isGrid = false) {
 					case VIEW:
 						key = 'viewBtn';
 						text = 'View';
-						handler = onView;
+						handler = (parent, e) => onView();
 						icon = <Eye />;
 						isDisabled = !selection.length || selection.length !== 1;
 						if (selectorId && !selectorSelected) {
@@ -249,7 +249,7 @@ export default function withPresetButtons(WrappedComponent, isGrid = false) {
 					case COPY:
 						key = 'copyBtn';
 						text = 'Copy to Clipboard';
-						handler = onCopyToClipboard;
+						handler = (parent, e) => onCopyToClipboard();
 						icon = <Clipboard />;
 						isDisabled = !selection.length;
 						if (selectorId && !selectorSelected) {
@@ -262,7 +262,7 @@ export default function withPresetButtons(WrappedComponent, isGrid = false) {
 					case DUPLICATE:
 						key = 'duplicateBtn';
 						text = 'Duplicate';
-						handler = onDuplicate;
+						handler = (parent, e) => onDuplicate();
 						icon = <Duplicate />;
 						isDisabled = !selection.length || selection.length !== 1;
 						if (selectorId && !selectorSelected) {
@@ -283,7 +283,7 @@ export default function withPresetButtons(WrappedComponent, isGrid = false) {
 					case UPLOAD_DOWNLOAD:
 						key = 'uploadDownloadBtn';
 						text = 'Upload/Download';
-						handler = onUploadDownload;
+						handler = (parent, e) => onUploadDownload();
 						icon = <UploadDownload />;
 						break;
 					default: