datastake-daf 0.6.798 → 0.6.799

package/src/@daf/core/components/Screens/Admin/AdminViews/EditLocation/index.jsx

@@ -0,0 +1,196 @@
+import { useEffect, useMemo, useState } from "react";
+import { useForms } from "../../../../../context/Forms";
+import { EditForm } from "../../../../EditForm/form.jsx";
+import { transformConfigToEditForm } from "./configTransformer.js";
+import { getMainApiUrl, getAppHeader as getBaseAppHeader } from "../../../../../../services/BaseService.js";
+import { convertUndefinedToNull } from "../../../../../../utils/object.js";
+
+export default function EditLocation({
+	t,
+	conf,
+	data = {},
+	formOptions = {},
+	MainForm,
+	setData = () => {},
+	isChanged,
+	setIsChanged,
+	goToView,
+	getApiBaseUrl = getMainApiUrl,
+	getAppHeader = getBaseAppHeader,
+	user = null,
+	goTo = () => {},
+	query = null,
+	app = null,
+}) {
+	console.log('EditLocation - Props received:', {
+		conf,
+		data,
+		formOptions,
+		isChanged,
+	});
+
+	const { addCheck, removeCheck } = useForms();
+	
+	const [inputsMeta, setInputsMeta] = useState({});
+	const [linkingForms, setLinkingForms] = useState({});
+	const [errors, setErrors] = useState({});
+	const [ajaxForms, setAjaxForms] = useState({});
+	const [ajaxOptions, setAjaxOptions] = useState({});
+
+	useEffect(() => {
+		if (isChanged) {
+			addCheck(() => goToView());
+		} else {
+			removeCheck();
+		}
+	}, [isChanged, addCheck, removeCheck, goToView]);
+
+	const editFormConfig = useMemo(() => {
+		console.log('EditLocation - Transforming config:', {
+			conf,
+			formOptions,
+		});
+		const transformed = transformConfigToEditForm(conf, formOptions, t);
+		console.log('EditLocation - Transformed editFormConfig:', transformed);
+		return transformed;
+	}, [conf, formOptions, t]);
+
+	const onValuesChange = (changedValues, allValues) => {
+		console.log('EditLocation - Values changed:', {
+			changedValues,
+			allValues,
+		});
+		expectations
+		const convertedValues = convertUndefinedToNull(allValues);
+		
+		setIsChanged(true);
+		setData(convertedValues);
+	};
+
+	const changeInputMeta = ({ key, type, value, otherValues = {} }) => {
+		console.log('EditLocation - changeInputMeta:', { key, type, value, otherValues });
+		
+		setInputsMeta((prev) => ({
+			...prev,
+			[key]: { ...(prev[key] || {}), ...value },
+		}));
+
+		const otherValuesKeys = Object.keys(otherValues);
+		if (otherValuesKeys.length) {
+			otherValuesKeys.forEach((k) => {
+				MainForm.setFieldValue(k, otherValues[k]);
+			});
+			
+			const updatedData = {
+				...data,
+				...otherValues,
+			};
+			setData(updatedData);
+		}
+	};
+
+	const changeLinking = ({ key, linkingKey, value }) => {
+		console.log('EditLocation - changeLinking:', { key, linkingKey, value });
+		
+		const updatedLinking = {
+			...linkingForms,
+			[key]: {
+				...(linkingForms[key] || {}),
+				[linkingKey]: value,
+			},
+		};
+		
+		setLinkingForms(updatedLinking);
+		
+		const updatedData = {
+			...data,
+			linking: {
+				...(data?.linking || {}),
+				[key]: {
+					...((data?.linking || {})[key] || {}),
+					[linkingKey]: value,
+				},
+			},
+		};
+		
+		setData(updatedData);
+	};
+
+	const changeErrors = (newErrors) => {
+		console.log('EditLocation - changeErrors:', newErrors);
+		setErrors(newErrors);
+	};
+
+	const changeAjaxForms = (newAjaxForms) => {
+		console.log('EditLocation - changeAjaxForms:', newAjaxForms);
+		setAjaxForms(newAjaxForms);
+	};
+
+	const changeAjaxOptions = (newAjaxOptions) => {
+		console.log('EditLocation - changeAjaxOptions:', newAjaxOptions);
+		setAjaxOptions(newAjaxOptions);
+	};
+
+	if (!editFormConfig) {
+		console.error('EditLocation - No editFormConfig generated!');
+		return null;
+	}
+
+
+	const definition = (
+		<>
+			<div className="group">
+				<div className="daf-title with-subtitle">
+					<h1>{t(conf.title)}</h1>
+					{conf.description && (
+						<p style={{ 
+							color: '#8c8c8c', 
+							fontSize: '14px',
+							marginTop: '8px',
+							marginBottom: '0',
+							lineHeight: '1.5'
+						}}>
+							{t(conf.description)}
+						</p>
+					)}
+				</div>
+			</div>
+		</>
+	);
+
+	return (
+		<div className="form-edit flex-row">
+			<EditForm
+				form={editFormConfig}
+				data={data}
+				allData={data}
+				MainForm={MainForm}
+				onValuesChange={onValuesChange}
+				t={t}
+				definition={definition}
+				plainForms={{}}
+				linkingForms={linkingForms}
+				inputsMeta={inputsMeta}
+				changeInputMeta={changeInputMeta}
+				changeLinking={changeLinking}
+				errors={errors}
+				changeErrors={changeErrors}
+				staticWidth="614px"
+				fullWidth={false}
+				noConvert={false}
+				getApiBaseUrl={getApiBaseUrl}
+				getAppHeader={getAppHeader}
+				getMainApiUrl={getMainApiUrl}
+				user={user}
+				ajaxForms={ajaxForms}
+				ajaxOptions={ajaxOptions}
+				changeAjaxForms={changeAjaxForms}
+				changeAjaxOptions={changeAjaxOptions}
+				app={app}
+				query={query}
+				goTo={goTo}
+			/>
+		</div>
+	);
+}
+

package/src/@daf/core/components/Screens/Admin/AdminViews/EditStakeholder/configTransformer.js

@@ -0,0 +1,216 @@
+/**
+ * Transforms simple config format to EditForm's expected format
+ * 
+ * Simple config format:
+ * {
+ *   title: "Core Data",
+ *   key: "core-data",
+ *   items: [
+ *     { label: "Name", key: "name", type: "select", optionsName: "category" }
+ *   ]
+ * }
+ * 
+ * EditForm format:
+ * {
+ *   id: "core-data",
+ *   options: {
+ *     name: { 
+ *       type: "select", 
+ *       label: "Name",
+ *       options: [...],
+ *       meta: {}
+ *     }
+ *   }
+ * }
+ */
+
+/**
+ * Transforms a config item to EditForm option format
+ * @param {Object} item - Config item
+ * @param {Object} formOptions - Available form options (countries, categories, etc.)
+ * @param {Function} t - Translation function
+ * @returns {Object} EditForm option configuration
+ */
+export function transformConfigItem(item, formOptions = {}, t = (s) => s) {
+	const { 
+		key, 
+		label, 
+		type, 
+		optionsName, 
+		level, 
+		placeholder,
+		rules,
+		showFormIf,
+		disabled,
+		defaultValue,
+		meta: configMeta = {},
+		...rest 
+	} = item;
+
+	const option = {
+		type: type || "text",
+		label: label,
+		meta: { ...configMeta },
+		...rest,
+	};
+
+	if (placeholder) {
+		option.placeholder = placeholder;
+	}
+
+	if (rules && Array.isArray(rules)) {
+		option.rules = rules;
+	}
+
+	if (showFormIf) {
+		option.showFormIf = showFormIf;
+	}
+
+	if (disabled !== undefined) {
+		option.disabled = disabled;
+		option.meta.disableEdit = disabled;
+	}
+
+	if (defaultValue !== undefined) {
+		option.meta.defaultValue = defaultValue;
+	}
+
+	if (type === "select" || type === "multiselect") {
+		if (optionsName && formOptions[optionsName]) {
+			option.options = formOptions[optionsName].map((opt) => {
+				if (typeof opt === 'object' && opt !== null) {
+					return {
+						value: opt.value,
+						label: t(opt.label || opt.value),
+					};
+				}
+				return {
+					value: opt,
+					label: t(opt),
+				};
+			});
+		} else if (level && formOptions[level]) {
+			option.options = formOptions[level].map((opt) => {
+				if (typeof opt === 'object' && opt !== null) {
+					return {
+						value: opt.value,
+						label: t(opt.label || opt.value),
+					};
+				}
+				return {
+					value: opt,
+					label: t(opt),
+				};
+			});
+		} else {
+			option.options = [];
+			console.warn(`No options found for field "${key}" with optionsName="${optionsName}" or level="${level}"`);
+		}
+		
+		if (type === "multiselect") {
+			option.mode = "multiple";
+			option.type = "select";
+		}
+	}
+
+	if (type === "ajaxSelect") {
+		const { entity, method, mapper, filters } = item;
+		
+		if (!entity || !method || !mapper) {
+			console.error(`ajaxSelect field "${key}" is missing required properties (entity, method, or mapper)`);
+			option.type = "text";
+			option.disabled = true;
+		} else {
+			const filtersString = filters ? JSON.stringify(filters) : "{}";
+			const mapperString = JSON.stringify(mapper);
+			option.meta.call = `${entity}::${method}(${filtersString})::${mapperString}`;
+			option.type = "ajaxSelect";
+			
+			// Disable "add new" functionality if noAddNew is set
+			if (option.meta.noAddNew) {
+				option.onNewSetValue = false;
+			}
+		}
+	}
+
+	if (type === "administrative") {
+		option.type = "text";
+		option.disabled = true;
+		option.meta.disableEdit = false;
+		if (level) {
+			option.meta.level = level;
+		}
+	}
+
+	if (type === "input") {
+		option.type = "text";
+	}
+
+	if (type === "switch" || type === "checkbox") {
+		option.type = type;
+		if (defaultValue === undefined) {
+			option.meta.defaultValue = false;
+		}
+	}
+
+	if (type === "date" || type === "datetime" || type === "year") {
+		option.type = type;
+	}
+
+	if (type === "textarea") {
+		option.type = "textarea";
+		option.rows = item.rows || 4;
+	}
+
+	if (type === "number") {
+		option.type = "text";
+		option.meta.inputType = "number";
+	}
+
+	if (option.position === undefined) {
+		option.position = 0;
+	}
+
+	return option;
+}
+
+
+/**
+ * Transforms simple config format to EditForm format
+ * @param {Object} conf - Simple config object
+ * @param {Object} formOptions - Available form options
+ * @param {Function} t - Translation function
+ * @returns {Object} EditForm configuration
+ */
+export function transformConfigToEditForm(conf, formOptions = {}, t = (s) => s) {
+	if (!conf || !conf.items || !Array.isArray(conf.items)) {
+		return null;
+	}
+
+	const options = {};
+	conf.items.forEach((item, index) => {
+		const transformedOption = transformConfigItem(item, formOptions, t);
+		transformedOption.position = item.position !== undefined ? item.position : index;
+		options[item.key] = transformedOption;
+	});
+
+	return {
+		id: conf.key || "edit-form",
+		introText: "",
+		formTitles: conf.formTitles || {},
+		options,
+	};
+}
+
+/**
+ * Extracts field keys from config for filtering form data
+ * @param {Object} conf - Simple config object
+ * @returns {Array} Array of field keys
+ */
+export function getConfigFieldKeys(conf) {
+	if (!conf || !conf.items || !Array.isArray(conf.items)) {
+		return [];
+	}
+	return conf.items.map((item) => item.key);
+}
+

package/src/@daf/core/components/Screens/Admin/AdminViews/EditStakeholder/index.js

@@ -0,0 +1,7 @@
+export { default } from './index.jsx';
+export { 
+	transformConfigItem, 
+	transformConfigToEditForm, 
+	getConfigFieldKeys 
+} from './configTransformer.js';
+

package/src/@daf/core/components/Screens/Admin/AdminViews/EditStakeholder/index.jsx

@@ -0,0 +1,184 @@
+import { useEffect, useMemo, useState } from "react";
+import { useForms } from "../../../../../context/Forms";
+import { EditForm } from "../../../../EditForm/form.jsx";
+import { transformConfigToEditForm } from "./configTransformer.js";
+import { getMainApiUrl, getAppHeader as getBaseAppHeader } from "../../../../../../services/BaseService.js";
+import { convertUndefinedToNull } from "../../../../../../utils/object.js";
+
+export default function EditStakeholder({
+	t,
+	conf,
+	data = {},
+	formOptions = {},
+	MainForm,
+	setData = () => {},
+	isChanged,
+	setIsChanged,
+	goToView,
+	getApiBaseUrl = getMainApiUrl,
+	getAppHeader = getBaseAppHeader,
+	user = null,
+	goTo = () => {},
+	query = null,
+	app = null,
+}) {
+	const { addCheck, removeCheck } = useForms();
+	
+	const [inputsMeta, setInputsMeta] = useState({});
+	const [linkingForms, setLinkingForms] = useState({});
+	const [errors, setErrors] = useState({});
+	const [ajaxForms, setAjaxForms] = useState({});
+	const [ajaxOptions, setAjaxOptions] = useState({});
+	
+	console.log('EditStakeholder - Data received:', data);
+
+
+
+	useEffect(() => {
+		if (isChanged) {
+			addCheck(() => goToView());
+		} else {
+			removeCheck();
+		}
+	}, [isChanged, addCheck, removeCheck, goToView]);
+
+	const editFormConfig = useMemo(() => {
+		return transformConfigToEditForm(conf, formOptions, t);
+	}, [conf, formOptions, t]);
+
+	const onValuesChange = (changedValues, allValues) => {
+		console.log('EditStakeholder - Values changed:', {
+			changedValues,
+			allValues,
+		});
+		
+		const convertedValues = convertUndefinedToNull(allValues);
+		
+		setIsChanged(true);
+		setData(convertedValues);
+	};
+
+	const changeInputMeta = ({ key, type, value, otherValues = {} }) => {
+		console.log('EditStakeholder - changeInputMeta:', { key, type, value, otherValues });
+		
+		setInputsMeta((prev) => ({
+			...prev,
+			[key]: { ...(prev[key] || {}), ...value },
+		}));
+
+		const otherValuesKeys = Object.keys(otherValues);
+		if (otherValuesKeys.length) {
+			otherValuesKeys.forEach((k) => {
+				MainForm.setFieldValue(k, otherValues[k]);
+			});
+			
+			const updatedData = {
+				...data,
+				...otherValues,
+			};
+			setData(updatedData);
+		}
+	};
+
+	const changeLinking = ({ key, linkingKey, value }) => {
+		console.log('EditStakeholder - changeLinking:', { key, linkingKey, value });
+		
+		const updatedLinking = {
+			...linkingForms,
+			[key]: {
+				...(linkingForms[key] || {}),
+				[linkingKey]: value,
+			},
+		};
+		
+		setLinkingForms(updatedLinking);
+		
+		const updatedData = {
+			...data,
+			linking: {
+				...(data?.linking || {}),
+				[key]: {
+					...((data?.linking || {})[key] || {}),
+					[linkingKey]: value,
+				},
+			},
+		};
+		
+		setData(updatedData);
+	};
+
+	const changeErrors = (newErrors) => {
+		console.log('EditStakeholder - changeErrors:', newErrors);
+		setErrors(newErrors);
+	};
+
+	const changeAjaxForms = (newAjaxForms) => {
+		console.log('EditStakeholder - changeAjaxForms:', newAjaxForms);
+		setAjaxForms(newAjaxForms);
+	};
+
+	const changeAjaxOptions = (newAjaxOptions) => {
+		console.log('EditStakeholder - changeAjaxOptions:', newAjaxOptions);
+		setAjaxOptions(newAjaxOptions);
+	};
+
+	if (!editFormConfig) {
+		return null;
+	}
+
+	const definition = (
+		<>
+			<div className="group">
+				<div className="daf-title with-subtitle">
+					<h1>{t(conf.title)}</h1>
+					{conf.description && (
+						<p style={{ 
+							color: '#8c8c8c', 
+							fontSize: '14px',
+							marginTop: '8px',
+							marginBottom: '0',
+							lineHeight: '1.5'
+						}}>
+							{t(conf.description)}
+						</p>
+					)}
+				</div>
+			</div>
+		</>
+	);
+
+	return (
+		<div className="form-edit flex-row">
+			<EditForm
+				form={editFormConfig}
+				data={data}
+				allData={data}
+				MainForm={MainForm}
+				onValuesChange={onValuesChange}
+				t={t}
+				definition={definition}
+				plainForms={{}}
+				linkingForms={linkingForms}
+				inputsMeta={inputsMeta}
+				changeInputMeta={changeInputMeta}
+				changeLinking={changeLinking}
+				errors={errors}
+				changeErrors={changeErrors}
+				staticWidth="614px"
+				fullWidth={false}
+				noConvert={false}
+				getApiBaseUrl={getApiBaseUrl}
+				getAppHeader={getAppHeader}
+				getMainApiUrl={getMainApiUrl}
+				user={user}
+				ajaxForms={ajaxForms}
+				ajaxOptions={ajaxOptions}
+				changeAjaxForms={changeAjaxForms}
+				changeAjaxOptions={changeAjaxOptions}
+				app={app}
+				query={query}
+				goTo={goTo}
+			/>
+		</div>
+	);
+}

package/src/@daf/core/components/Screens/Admin/AdminViews/ViewLocation/config.js

@@ -0,0 +1,64 @@
+export const config = [
+	{
+		label: "Core Data",
+		key: "core-data",
+		title: "Core Data",
+		description: "this-data-is-used-to-identify-the-location.Changing-it-will-affect-the-subject-itself,any-forms-where-it-appears-and-any-related-or-linked-subjects.",
+		items: [
+			{ 
+				label: "Name", 
+				key: "name", 
+				type: "text", 
+				placeholder: "Enter location name",
+				rules: [
+					{ required: true, message: "errors::Name is required" }
+				]
+			},
+			{ 
+				label: "Category", 
+				key: "category", 
+				type: "select", 
+				optionsName: "categories", 
+				placeholder: "Select a category",
+				rules: [
+					{ required: true, message: "errors::Category is required" }
+				]
+			},
+			{ 
+				label: "Country", 
+				key: "country", 
+				type: "select", 
+				optionsName: "countries",
+				placeholder: "Select a country",
+				rules: [
+					{ required: true, message: "errors::Country is required" }
+				]
+			},
+			{ 
+				label: "Administrative Level 1", 
+				key: "administrativeLevel1", 
+				type: "ajaxSelect",
+				entity: "AdministrativeLevel",
+				method: "getOptions", 
+				optionsName: "level_1", 
+
+		
+				
+			
+				
+				
+			},
+			{ 
+				label: "Administrative Level 2", 
+				key: "administrativeLevel2", 
+				type: "ajaxSelect",
+				entity: "AdministrativeLevel",
+				method: "getOptions",
+				optionsName: "level_2", 
+		
+				
+			
+			},
+		],
+	},
+];

package/src/@daf/core/components/Screens/Admin/AdminViews/ViewLocation/helpers.js

@@ -0,0 +1,13 @@
+export const getNameByLevel = (data, level) => {
+	const entry = Object.values(data || {}).find(item => item.level === level);
+	return entry?.name || "-";
+};
+
+export const getAdministrativeLevel1 = (location) => {
+	return getNameByLevel(location?.linking?.SCL.name, "level_1");
+};
+
+export const getAdministrativeLevel2 = (location) => {
+	return getNameByLevel(location?.linking?.SCL.name, "level_2");
+};
+