@onehat/ui 0.4.76 → 0.4.78

package/package.json

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

package/src/Components/Editor/AttachmentDirectoriesEditor.js

@@ -0,0 +1,51 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+import Editor from './Editor.js';
+import _ from 'lodash';
+
+export default function AttachmentDirectoriesEditor(props) {
+
+	const
+		items = [
+		    {
+		        "type": "Column",
+		        "flex": 1,
+		        "defaults": {},
+		        "items": [
+		            {
+		                "type": "FieldSet",
+		                "title": "General",
+		                "reference": "general",
+		                "defaults": {},
+		                "items": [
+		                    {
+		                        "name": "attachment_directories__name"
+		                    },
+		                    {
+		                        "name": "attachment_directories__model"
+		                    },
+		                    {
+		                        "name": "attachment_directories__modelid"
+		                    }
+		                ]
+		            }
+		        ]
+		    }
+		],
+		ancillaryItems = [],
+		columnDefaults = { // defaults for each column defined in 'items', for use in Form amd Viewer
+		};
+	return <Editor
+				reference="AttachmentDirectoriesEditor"
+				title="AttachmentDirectories"
+				items={items}
+				ancillaryItems={ancillaryItems}
+				columnDefaults={columnDefaults}
+				{...props}
+			/>;
+}
+

package/src/Components/Editor/AttachmentsEditor.js

@@ -0,0 +1,81 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+import Editor from './Editor.js';
+import _ from 'lodash';
+
+export default function AttachmentsEditor(props) {
+
+	const
+		items = [
+		    {
+		        "type": "Column",
+		        "flex": 1,
+		        "defaults": {},
+		        "items": [
+		            {
+		                "type": "FieldSet",
+		                "title": "General",
+		                "reference": "general",
+		                "defaults": {},
+		                "items": [
+		                    {
+		                        "name": "attachments__model_display"
+		                    },
+		                    {
+		                        "name": "attachments__size_formatted"
+		                    },
+		                    {
+		                        "name": "attachments__info"
+		                    },
+		                    {
+		                        "name": "attachments__uri"
+		                    },
+		                    {
+		                        "name": "attachments__attachment_directory_id"
+		                    },
+		                    {
+		                        "name": "attachments__abs_path"
+		                    },
+		                    {
+		                        "name": "attachments__model"
+		                    },
+		                    {
+		                        "name": "attachments__modelid"
+		                    },
+		                    {
+		                        "name": "attachments__uuid"
+		                    },
+		                    {
+		                        "name": "attachments__path"
+		                    },
+		                    {
+		                        "name": "attachments__filename"
+		                    },
+		                    {
+		                        "name": "attachments__mimetype"
+		                    },
+		                    {
+		                        "name": "attachments__size"
+		                    }
+		                ]
+		            }
+		        ]
+		    }
+		],
+		ancillaryItems = [],
+		columnDefaults = { // defaults for each column defined in 'items', for use in Form amd Viewer
+		};
+	return <Editor
+				reference="AttachmentsEditor"
+				title="Attachments"
+				items={items}
+				ancillaryItems={ancillaryItems}
+				columnDefaults={columnDefaults}
+				{...props}
+			/>;
+}
+

package/src/Components/Form/Field/Combo/AttachmentDirectoriesCombo.js

@@ -0,0 +1,20 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import Combo from './Combo.js';
+
+function AttachmentDirectoriesCombo(props) {
+	return <Combo
+				reference="AttachmentDirectoriesCombo"
+				model="AttachmentDirectories"
+				uniqueRepository={true}
+				usePermissions={true}
+				{...props}
+			/>;
+}
+
+export default AttachmentDirectoriesCombo;

package/src/Components/Form/Field/Combo/AttachmentDirectoriesComboEditor.js

@@ -0,0 +1,22 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import { ComboEditor } from './Combo.js';
+import AttachmentDirectoriesEditorWindow from '../../../Window/AttachmentDirectoriesEditorWindow.js';
+
+function AttachmentDirectoriesComboEditor(props) {
+	return <ComboEditor
+				reference="AttachmentDirectoriesComboEditor"
+				model="AttachmentDirectories"
+				uniqueRepository={true}
+				Editor={AttachmentDirectoriesEditorWindow}
+				usePermissions={true}
+				{...props}
+			/>;
+}
+
+export default AttachmentDirectoriesComboEditor;

package/src/Components/Form/Field/Combo/AttachmentsCombo.js

@@ -0,0 +1,20 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import Combo from './Combo.js';
+
+function AttachmentsCombo(props) {
+	return <Combo
+				reference="AttachmentsCombo"
+				model="Attachments"
+				uniqueRepository={true}
+				usePermissions={true}
+				{...props}
+			/>;
+}
+
+export default AttachmentsCombo;

package/src/Components/Form/Field/Combo/AttachmentsComboEditor.js

@@ -0,0 +1,22 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import { ComboEditor } from './Combo.js';
+import AttachmentsEditorWindow from '../../../Window/AttachmentsEditorWindow.js';
+
+function AttachmentsComboEditor(props) {
+	return <ComboEditor
+				reference="AttachmentsComboEditor"
+				model="Attachments"
+				uniqueRepository={true}
+				Editor={AttachmentsEditorWindow}
+				usePermissions={true}
+				{...props}
+			/>;
+}
+
+export default AttachmentsComboEditor;

package/src/Components/Form/Field/Tag/AttachmentDirectoriesTag.js

@@ -0,0 +1,22 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import Tag from './Tag.js';
+import AttachmentDirectoriesEditorWindow from '../../../Window/AttachmentDirectoriesEditorWindow.js';
+
+function AttachmentDirectoriesTag(props) {
+	return <Tag
+				reference="AttachmentDirectoriesTag"
+				model="AttachmentDirectories"
+				uniqueRepository={true}
+				Editor={AttachmentDirectoriesEditorWindow}
+				usePermissions={true}
+				{...props}
+			/>;
+}
+
+export default AttachmentDirectoriesTag;

package/src/Components/Form/Field/Tag/AttachmentDirectoriesTagEditor.js

@@ -0,0 +1,22 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import { TagEditor } from './Tag.js';
+import AttachmentDirectoriesEditorWindow from '../../../Window/AttachmentDirectoriesEditorWindow.js';
+
+function AttachmentDirectoriesTagEditor(props) {
+	return <TagEditor
+				reference="AttachmentDirectoriesTagEditor"
+				model="AttachmentDirectories"
+				uniqueRepository={true}
+				Editor={AttachmentDirectoriesEditorWindow}
+				usePermissions={true}
+				{...props}
+			/>;
+}
+
+export default AttachmentDirectoriesTagEditor;

package/src/Components/Form/Field/Tag/AttachmentsTag.js

@@ -0,0 +1,22 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import Tag from './Tag.js';
+import AttachmentsEditorWindow from '../../../Window/AttachmentsEditorWindow.js';
+
+function AttachmentsTag(props) {
+	return <Tag
+				reference="AttachmentsTag"
+				model="Attachments"
+				uniqueRepository={true}
+				Editor={AttachmentsEditorWindow}
+				usePermissions={true}
+				{...props}
+			/>;
+}
+
+export default AttachmentsTag;

package/src/Components/Form/Field/Tag/AttachmentsTagEditor.js

@@ -0,0 +1,22 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import { TagEditor } from './Tag.js';
+import AttachmentsEditorWindow from '../../../Window/AttachmentsEditorWindow.js';
+
+function AttachmentsTagEditor(props) {
+	return <TagEditor
+				reference="AttachmentsTagEditor"
+				model="Attachments"
+				uniqueRepository={true}
+				Editor={AttachmentsEditorWindow}
+				usePermissions={true}
+				{...props}
+			/>;
+}
+
+export default AttachmentsTagEditor;

package/src/Components/Form/Form.js

@@ -185,7 +185,27 @@ function Form(props) {
 		}),
 		initialValues = _.merge(startingValues, (record && !record.isDestroyed ? record.submitValues : {})),
 		defaultValues = isMultiple ? getNullFieldValues(initialValues, Repository) : initialValues, // when multiple entities, set all default values to null
-		validatorToUse = validator || (isMultiple ? disableRequiredYupFields(Repository?.schema?.model?.validator) : Repository?.schema?.model?.validator) || yup.object(),
+		validatorToUse = (() => {
+			// If a custom validator is provided, use it
+			if (validator) {
+				return validator;
+			}
+			
+			// If we have a Repository with a schema, use it (with modifications for multiple records)
+			if (Repository?.schema?.model?.validator) {
+				return isMultiple 
+					? disableRequiredYupFields(Repository.schema.model.validator)
+					: Repository.schema.model.validator;
+			}
+			
+			// For forms with no fields (like reports), create a schema that defaults to valid
+			if (!items || items.length === 0) {
+				return yup.object().default({}); // This will make the form valid by default
+			}
+			
+			// Fallback to empty schema that allows any fields and defaults to valid
+			return yup.object().noUnknown(false).default({});
+		})(),
 		{
 			control,
 			formState,
@@ -1131,6 +1151,20 @@ function Form(props) {
 		}, [formState.isDirty]);
 	}
 
+	useEffect(() => {
+		// For forms with no items (like some reports), manually trigger validation to set valid state
+		if ((!items || items.length === 0) && !columnsConfig) {
+			setTimeout(() => { // ensure the form is fully initialized
+				trigger().then(() => {
+					// Force validity to true for empty forms
+					if (onValidityChange) {
+						onValidityChange(true);
+					}
+				});
+			}, 0);
+		}
+	}, [items, columnsConfig, trigger, onValidityChange]);
+
 	if (skipAll) {
 		return null;
 	}
@@ -1307,6 +1341,23 @@ function Form(props) {
 		}
 		footerButtons =
 			<>
+			
+				{additionalFooterButtons && _.map(additionalFooterButtons, (props, ix) => {
+					let isDisabled = false;
+					if (props.disableOnInvalid) {
+						isDisabled = !formState.isValid;
+					}
+					const key = 'additionalFooterBtn-' + ix;
+					return <Button
+								{...testProps(key)}
+								key={key}
+								{...props}
+								onPress={(e) => props.skipSubmit ? props.onPress() : handleSubmit(props.onPress, onSubmitError)(e)}
+								icon={props.icon || null}
+								text={props.text}
+								isDisabled={isDisabled}
+							/>;
+				})}
 				{onDelete && getEditorMode() === EDITOR_MODE__EDIT && isSingle &&
 
 					<HStack className="flex-1 justify-start">
@@ -1376,23 +1427,6 @@ function Form(props) {
 						className="text-white"
 						text={submitBtnLabel || 'Submit'}
 					/>}
-			
-				{additionalFooterButtons && _.map(additionalFooterButtons, (props, ix) => {
-					let isDisabled = false;
-					if (props.disableOnInvalid) {
-						isDisabled = !formState.isValid;
-					}
-					const key = 'additionalFooterBtn-' + ix;
-					return <Button
-								{...testProps(key)}
-								key={key}
-								{...props}
-								onPress={(e) => handleSubmit(props.onPress, onSubmitError)(e)}
-								icon={props.icon || null}
-								text={props.text}
-								isDisabled={isDisabled}
-							/>;
-				})}
 			</>;
 
 		if (editorType === EDITOR_TYPE__INLINE) {

package/src/Components/Grid/AttachmentDirectoriesFilteredGrid.js

@@ -0,0 +1,17 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import AttachmentDirectoriesGrid from './AttachmentDirectoriesGrid.js';
+
+export default function AttachmentDirectoriesFilteredGrid(props) {
+	return <AttachmentDirectoriesGrid
+				reference="AttachmentDirectoriesFilteredGrid"
+				useFilters={true}
+				
+				{...props}
+			/>;
+}

package/src/Components/Grid/AttachmentDirectoriesFilteredGridEditor.js

@@ -0,0 +1,17 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import AttachmentDirectoriesGridEditor from './AttachmentDirectoriesGridEditor.js';
+
+export default function AttachmentDirectoriesFilteredGridEditor(props) {
+	return <AttachmentDirectoriesGridEditor
+				reference="AttachmentDirectoriesFilteredGridEditor"
+				useFilters={true}
+
+				{...props}
+			/>;
+}

package/src/Components/Grid/AttachmentDirectoriesFilteredInlineGridEditor.js

@@ -0,0 +1,17 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import AttachmentDirectoriesInlineGridEditor from './AttachmentDirectoriesInlineGridEditor.js';
+
+export default function AttachmentDirectoriesFilteredInlineGridEditor(props) {
+	return <AttachmentDirectoriesInlineGridEditor
+				reference="AttachmentDirectoriesFilteredInlineGridEditor"
+				useFilters={true}
+
+				{...props}
+			/>;
+}

package/src/Components/Grid/AttachmentDirectoriesFilteredSideGridEditor.js

@@ -0,0 +1,17 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import AttachmentDirectoriesSideGridEditor from './AttachmentDirectoriesSideGridEditor.js';
+
+export default function AttachmentDirectoriesFilteredSideGridEditor(props) {
+	return <AttachmentDirectoriesSideGridEditor
+				reference="AttachmentDirectoriesFilteredSideGridEditor"
+				useFilters={true}
+
+				{...props}
+			/>;
+}

package/src/Components/Grid/AttachmentDirectoriesGrid.js

@@ -0,0 +1,20 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import Grid from './Grid.js';
+import AttachmentDirectoriesGridColumns from './Columns/AttachmentDirectoriesGridColumns.js';
+
+export default function AttachmentDirectoriesGrid(props) {
+	return <Grid
+				reference="AttachmentDirectoriesGrid"
+				model="AttachmentDirectories"
+				usePermissions={true}
+				columnsConfig={AttachmentDirectoriesGridColumns}
+
+				{...props}
+			/>;
+}

package/src/Components/Grid/AttachmentDirectoriesGridEditor.js

@@ -0,0 +1,27 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import {
+	SELECTION_MODE_SINGLE,
+} from '../../Constants/Selection.js';
+import { WindowedGridEditor } from './Grid.js';
+import AttachmentDirectoriesEditorWindow from '../Window/AttachmentDirectoriesEditorWindow.js';
+import AttachmentDirectoriesGridColumns from './Columns/AttachmentDirectoriesGridColumns.js';
+
+export default function AttachmentDirectoriesGridEditor(props) {
+	return <WindowedGridEditor
+				reference="AttachmentDirectoriesGridEditor"
+				model="AttachmentDirectories"
+				usePermissions={true}
+				selectionMode={SELECTION_MODE_SINGLE}
+				Editor={AttachmentDirectoriesEditorWindow}
+				columnsConfig={AttachmentDirectoriesGridColumns}
+				
+				
+				{...props}
+			/>;
+}

package/src/Components/Grid/AttachmentDirectoriesInlineGridEditor.js

@@ -0,0 +1,25 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import {
+	SELECTION_MODE_SINGLE,
+} from '../../Constants/Selection.js';
+import { InlineGridEditor } from './Grid.js';
+import AttachmentDirectoriesGridColumns from './Columns/AttachmentDirectoriesGridColumns.js';
+
+export default function AttachmentDirectoriesInlineGridEditor(props) {
+	return <InlineGridEditor
+				reference="AttachmentDirectoriesInlineGridEditor"
+				model="AttachmentDirectories"
+				usePermissions={true}
+				selectionMode={SELECTION_MODE_SINGLE}
+				columnsConfig={AttachmentDirectoriesGridColumns}
+				
+				
+				{...props}
+			/>;
+}

package/src/Components/Grid/AttachmentDirectoriesSideGridEditor.js

@@ -0,0 +1,24 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import { SideGridEditor } from './Grid.js';
+import AttachmentDirectoriesEditor from '../Editor/AttachmentDirectoriesEditor.js';
+import AttachmentDirectoriesGridColumns from './Columns/AttachmentDirectoriesGridColumns.js';
+
+export default function AttachmentDirectoriesSideGridEditor(props) {
+	return <SideGridEditor
+				reference="AttachmentDirectoriesSideGridEditor"
+				model="AttachmentDirectories"
+				usePermissions={true}
+				isCollapsible={false}
+				Editor={AttachmentDirectoriesEditor}
+				columnsConfig={AttachmentDirectoriesGridColumns}
+				
+				
+				{...props}
+			/>;
+}

package/src/Components/Grid/AttachmentsFilteredGrid.js

@@ -0,0 +1,17 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import AttachmentsGrid from './AttachmentsGrid.js';
+
+export default function AttachmentsFilteredGrid(props) {
+	return <AttachmentsGrid
+				reference="AttachmentsFilteredGrid"
+				useFilters={true}
+				
+				{...props}
+			/>;
+}

package/src/Components/Grid/AttachmentsFilteredGridEditor.js

@@ -0,0 +1,17 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import AttachmentsGridEditor from './AttachmentsGridEditor.js';
+
+export default function AttachmentsFilteredGridEditor(props) {
+	return <AttachmentsGridEditor
+				reference="AttachmentsFilteredGridEditor"
+				useFilters={true}
+
+				{...props}
+			/>;
+}

package/src/Components/Grid/AttachmentsFilteredInlineGridEditor.js

@@ -0,0 +1,17 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import AttachmentsInlineGridEditor from './AttachmentsInlineGridEditor.js';
+
+export default function AttachmentsFilteredInlineGridEditor(props) {
+	return <AttachmentsInlineGridEditor
+				reference="AttachmentsFilteredInlineGridEditor"
+				useFilters={true}
+
+				{...props}
+			/>;
+}

package/src/Components/Grid/AttachmentsFilteredSideGridEditor.js

@@ -0,0 +1,17 @@
+/**
+ * COPYRIGHT NOTICE
+ * This file is categorized as "Custom Source Code"
+ * and is subject to the terms and conditions defined in the
+ * "LICENSE.txt" file, which is part of this source code package.
+ */
+
+import AttachmentsSideGridEditor from './AttachmentsSideGridEditor.js';
+
+export default function AttachmentsFilteredSideGridEditor(props) {
+	return <AttachmentsSideGridEditor
+				reference="AttachmentsFilteredSideGridEditor"
+				useFilters={true}
+
+				{...props}
+			/>;
+}