udp-react-enterprise-component-library 25.16.1 → 25.16.2-beta.10

package/dist/CrudForm-rWxl2Ejx.js

@@ -0,0 +1,349 @@
+import { t as Form$1 } from "./Form-DZ1kwXKb.js";
+import { t as Field$1 } from "./Field-Cpjv208h.js";
+import { n as SubmitButton, t as FormButtons } from "./FormButtons-9It_7BQ0.js";
+import { a as getPrimaryKeyValues, r as getPathObject } from "./CrudBrowserUtilities-C9nVmUR3.js";
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { i as useHandleAxiosSnackbar } from "./apiHelpers-BpZTkMX8.js";
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { n as useAxiosMutate } from "./useAxiosMutate-q_ZpG98Z.js";
+import { t as FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-g8jRczF9.js";
+import { i as toLowerFirstChar } from "./StringUtilities-u-cxAW6-.js";
+import { r as getSanitizedName } from "./entityUtilities-_8w-Zjs3.js";
+import { t as useCrudActions } from "./crudActions-sObuiwo7.js";
+import { N as UdpEnums, a as EntityAttributeEnums, n as CardinalityTypeEnums } from "./unitySystemEnums-DQSkCr3D.js";
+import { i as executeQueryWithParameters } from "./methodUtils-DEk9B4A8.js";
+import { t as usePromotedMethodEntity } from "./usePromotedMethodEntity-wRBkHT3x.js";
+import { n as useDefaultFormValues_default } from "./useDefaultFormValues-BVsgZOlc.js";
+import { t as TagEnums } from "./tagEnums-CaBSvJ6o.js";
+import React, { useCallback, useEffect, useMemo, useState } from "react";
+import { Typography, makeStyles } from "@material-ui/core";
+import { useForm } from "react-final-form";
+import PropTypes from "prop-types";
+import { differenceWith } from "lodash";
+
+//#region src/UI/forms/UdpCrudFormFields.jsx
+const UdpCrudFormFields = (props) => {
+	const { entityName, formData, existingTagAssociation } = props;
+	const form = useForm();
+	useUser();
+	const sanitizedEntityName = getSanitizedName(entityName);
+	const IS_FOR_LOOKUP = sanitizedEntityName?.toLowerCase() === UdpEnums.Udp_Lookup.toLowerCase();
+	const IS_FOR_TAGS = ![
+		TagEnums.TagAssociationSanitizedName.toLowerCase(),
+		TagEnums.TagSanitizedName.toLowerCase(),
+		TagEnums.TagTypeSanitizedName.toLowerCase()
+	].includes(sanitizedEntityName?.toLowerCase());
+	const { data: udpObjectInfoEntity } = usePromotedMethodEntity("udpObjectInfo", true);
+	const { data: udpTagEntity } = usePromotedMethodEntity("udpTag", true);
+	const [{ data: udpObjectInfoList }, fetchUdpObjectInfoList] = useAxiosMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${udpObjectInfoEntity?.unityBaseGetAllMethod?.apiMethodId}`, { method: "post" });
+	const [{ data: udpTagList }, fetchUdpTagList] = useAxiosMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${udpTagEntity?.unityBaseGetAllMethod?.apiMethodId}`, { method: "post" });
+	const initialTagValues = useMemo(() => {
+		let existingTagIds = existingTagAssociation?.map((tag) => tag.id);
+		return udpTagList ? udpTagList.filter((tag) => existingTagIds.includes(tag.id)) : [];
+	}, [existingTagAssociation, udpTagList]);
+	const initialDomainNameValue = useMemo(() => {
+		let domainName = formData?.domainName;
+		if (domainName && udpObjectInfoList) {
+			domainName = getSanitizedName(domainName);
+			return udpObjectInfoList.find((updObjectInfo) => updObjectInfo.sanitizedName === domainName);
+		}
+		return "";
+	}, [formData, udpObjectInfoList]);
+	const lookupFields = useMemo(() => {
+		return /* @__PURE__ */ React.createElement(Field$1, {
+			component: FluentTextFieldAutoComplete,
+			initialValue: initialDomainNameValue,
+			label: "Domain Name",
+			name: "domainName",
+			fullWidth: true,
+			variant: "outlined",
+			margin: "normal",
+			options: udpObjectInfoList || [],
+			optionKey: "sanitizedName",
+			style: { marginTop: 8 }
+		});
+	}, [udpObjectInfoList, initialDomainNameValue]);
+	const tagFields = useMemo(() => {
+		return /* @__PURE__ */ React.createElement(Field$1, {
+			component: FluentTextFieldAutoComplete,
+			initialValue: initialTagValues,
+			isMultiple: true,
+			label: "Tags",
+			name: "udpTags",
+			fullWidth: true,
+			variant: "outlined",
+			margin: "normal",
+			options: udpTagList || [],
+			optionKey: "name",
+			style: { marginTop: 8 }
+		});
+	}, [udpTagList, initialTagValues]);
+	useEffect(() => {
+		if (udpObjectInfoEntity?.unityBaseGetAllMethod && IS_FOR_LOOKUP) fetchUdpObjectInfoList({ data: {} });
+	}, [
+		udpObjectInfoEntity,
+		fetchUdpObjectInfoList,
+		IS_FOR_LOOKUP
+	]);
+	useEffect(() => {
+		form.change("domainName", initialDomainNameValue);
+	}, [form, initialDomainNameValue]);
+	useEffect(() => {
+		form.change("udpTags", initialTagValues);
+	}, [form, initialTagValues]);
+	useEffect(() => {
+		if (udpTagEntity?.unityBaseGetAllMethod) fetchUdpTagList({ data: {} });
+	}, [udpTagEntity, fetchUdpTagList]);
+	return /* @__PURE__ */ React.createElement(React.Fragment, null, IS_FOR_LOOKUP ? lookupFields : null, IS_FOR_TAGS ? tagFields : null);
+};
+UdpCrudFormFields.propTypes = { entityName: PropTypes.string };
+
+//#endregion
+//#region src/UI/forms/CrudForm.jsx
+const useStyles = makeStyles((theme) => ({
+	actions: {
+		marginTop: theme.spacing(2),
+		marginBottom: theme.spacing(2),
+		display: "flex",
+		flexDirection: "row"
+	},
+	title: { flexGrow: 1 },
+	subject: {
+		marginLeft: theme.spacing(1),
+		display: "flex",
+		flexDirection: "row",
+		flexGrow: 1
+	},
+	switchRoot: { marginLeft: theme.spacing(1) },
+	input: {
+		height: 34,
+		padding: 0
+	},
+	formTextInput: { fontSize: 13 },
+	labelRoot: { fontSize: 13 }
+}));
+const CrudForm = (props) => {
+	const { entityAttributes, udpFieldInfos, foreignKeyData, crudTableEditionData, closeSideSheet, onCreate, onUpdate, isNewEntry, entityData, entityName } = props;
+	const { renderInputByFieldType } = useCrudActions();
+	const [fkData, setFkData] = useState(foreignKeyData?.map((fkd) => ({ ...fkd })));
+	const { data: promotedEntity } = usePromotedMethodEntity(entityName);
+	const { data: udpTagAssocPromotedEntity } = usePromotedMethodEntity("UdpTagAssociation", true);
+	const { defaultFormValues } = useDefaultFormValues_default(entityAttributes);
+	const [crudTableFormData, setCrudTableFormData] = useState(crudTableEditionData || defaultFormValues);
+	const [existingTagAssociation, setExistingTagAssociation] = useState([]);
+	const classes = useStyles();
+	const { handleErrorSnackbar } = useHandleAxiosSnackbar();
+	const primaryKeyValues = useMemo(() => getPrimaryKeyValues(entityAttributes, crudTableEditionData), [entityAttributes, crudTableEditionData]);
+	const getEntityFull = useCallback(async () => {
+		if (!promotedEntity?.unityBaseGetFullMethod?.apiMethodId || !promotedEntity?.unityBaseUpdateMethod?.pathParameters) return null;
+		const pathObject = getPathObject(promotedEntity.unityBaseUpdateMethod.pathParameters, primaryKeyValues);
+		let data = { requestBody: {} };
+		if (Array.isArray(pathObject)) pathObject.forEach((po) => {
+			data[Object.keys(po)[0]] = po[Object.keys(po)[0]];
+		});
+		else data = {
+			...pathObject,
+			requestBody: {}
+		};
+		const response = await executeQueryWithParameters({ data }, promotedEntity.unityBaseGetFullMethod.apiMethodId).catch((res) => {
+			console.error(res);
+		});
+		if (response?.status === 200) return response.data;
+		else console.error(`Could not retrieve full data for ${promotedEntity?.entityName}`);
+		return null;
+	}, [promotedEntity, primaryKeyValues]);
+	const manyToManyPropertyList = useMemo(() => {
+		if (!entityAttributes?.length) return [];
+		const mtmPropertyList = /* @__PURE__ */ new Set();
+		entityAttributes.forEach((attr) => {
+			if (attr?.extendedProperties?.childEntity) Object.keys(attr.extendedProperties.childEntityAssoc || {}).length && attr.extendedProperties.childEntityAssoc.Cardinality === CardinalityTypeEnums.Many_To_Many && attr.extendedProperties.childEntityAssoc.Keys.forEach((value, i) => {
+				const name = value.split(",")[0];
+				if (name) mtmPropertyList.add(name.toLowerCase());
+			});
+		});
+		return mtmPropertyList;
+	}, [entityAttributes]);
+	const getJoiningObj = (schemaAttribute, ceAttributes) => {
+		return ceAttributes.find((ceAttr) => Object.keys(ceAttr?.extendedProperties?.childEntityAssoc || {}).length && ceAttr.extendedProperties.childEntityAssoc.Keys.find((a) => {
+			const fieldId = a.split(",")[0];
+			return (/^[A-Z]*$/.test(fieldId) ? fieldId.toLowerCase() : toLowerFirstChar(fieldId)) === toLowerFirstChar(schemaAttribute.name);
+		}));
+	};
+	const renderAttribute = useCallback((schemaAttribute, fieldInfo) => {
+		let render = !fieldInfo?.isIdentity;
+		if (schemaAttribute?.extendedProperties?.identifier && fieldInfo?.dataType === "Guid") render = false;
+		entityAttributes.every((schemaAttribute$1, index) => {
+			if (getJoiningObj(schemaAttribute$1, entityAttributes.filter((ea) => ea.extendedProperties.childEntity && ea.extendedProperties.childEntityAssoc.Cardinality === CardinalityTypeEnums.Many_To_Many && ea.extendedProperties.childEntityAssoc.IsJoiningObject))) {
+				render = true;
+				return false;
+			}
+			return true;
+		});
+		return render;
+	}, [entityAttributes]);
+	const transformDataForUdpMaintenance = useCallback((values) => {
+		const sanitizedName = getSanitizedName(entityName?.toLowerCase());
+		if (sanitizedName === UdpEnums.Udp_Lookup.toLowerCase()) {
+			const attributeName = toLowerFirstChar(EntityAttributeEnums.Domain_Name);
+			let domainName = values[attributeName];
+			const modelNameSpaceStructure = domainName?.namespaceStructure?.model;
+			const sanitizedName$1 = domainName?.sanitizedName;
+			values[toLowerFirstChar(EntityAttributeEnums.Is_Product_Lookup)] = false;
+			if (modelNameSpaceStructure) values[attributeName] = `${modelNameSpaceStructure}.Models.${sanitizedName$1}`;
+			else values[attributeName] = "";
+		} else if (sanitizedName === TagEnums.TagTypeSanitizedName.toLowerCase()) values[toLowerFirstChar(EntityAttributeEnums.User_Defined)] = true;
+		else if (sanitizedName === UdpEnums.Udp_Shortcut_Content.toLowerCase()) values[toLowerFirstChar(EntityAttributeEnums.Is_Product_ShortcutContent)] = false;
+	}, [entityName]);
+	const tagAssociationComparator = (ta1, ta2) => {
+		return ta1?.id === ta2?.id;
+	};
+	const handleTagAssociation = useCallback(async (values, businessObjectKey) => {
+		const tagAssociationToDelete = differenceWith(existingTagAssociation, values?.udpTags, tagAssociationComparator);
+		const tagAssociationToCreate = differenceWith(values?.udpTags, existingTagAssociation, tagAssociationComparator);
+		const deleteTagAssociationApiMethod = udpTagAssocPromotedEntity?.unityBaseDeleteMethod;
+		const createTagAssociationApiMethod = udpTagAssocPromotedEntity?.unityBaseCreateMethod;
+		if (businessObjectKey) {
+			if (deleteTagAssociationApiMethod) {
+				const deletedPromises = [];
+				tagAssociationToDelete.forEach((tagAssocToDelete) => {
+					const data = {};
+					data["{tagId}"] = tagAssocToDelete.id;
+					data["{entityBusinessKey}"] = businessObjectKey;
+					deletedPromises.push(executeQueryWithParameters({ data }, deleteTagAssociationApiMethod.apiMethodId));
+				});
+				await Promise.all(deletedPromises.map((p) => p.catch((e) => e))).then((responses) => {
+					if (responses.length !== deletedPromises.length) console.warn(`Not all Tag Association deleted`);
+				});
+			} else handleErrorSnackbar(null, "Delete Tag Association Method Not Promoted");
+			if (createTagAssociationApiMethod) {
+				const createdPromises = [];
+				tagAssociationToCreate.forEach((tagAssoc) => {
+					const data = { requestBody: {
+						tagId: tagAssoc.id,
+						entityBusinessKey: businessObjectKey
+					} };
+					createdPromises.push(executeQueryWithParameters({ data }, createTagAssociationApiMethod.apiMethodId));
+				});
+				await Promise.all(createdPromises.map((p) => p.catch((e) => e))).then((responses) => {
+					responses.forEach((response) => {
+						if (response.status === 200) {
+							const entityBusinessKey = response.data.entityBusinessKey;
+							if (!tagAssociationToCreate.find((ta) => ta.value === entityBusinessKey)) console.warn(`Tag Association not created for all file to entities`);
+						}
+					});
+				});
+				setExistingTagAssociation(values?.udpTags);
+			} else handleErrorSnackbar(null, "Create Tag Association Method Not Promoted");
+		}
+	}, [
+		handleErrorSnackbar,
+		existingTagAssociation,
+		setExistingTagAssociation,
+		udpTagAssocPromotedEntity
+	]);
+	const handleSubmit = useCallback(async (values) => {
+		let newTableData = {
+			...crudTableFormData,
+			...values
+		};
+		transformDataForUdpMaintenance(newTableData);
+		const isNewRow = !crudTableEditionData;
+		if (!isNewEntry) entityAttributes.filter((ea) => {
+			const joiningObject = getJoiningObj(ea, entityAttributes);
+			const fieldInfo = udpFieldInfos?.find((fi) => fi?.name.toLowerCase() === ea?.name?.toLowerCase());
+			return ea?.extendedProperties?.identifier && fieldInfo?.isIdentity && fieldInfo?.dataType !== "Guid" && (!joiningObject || joiningObject.extendedProperties?.childEntity);
+		}).forEach((ea) => {
+			delete newTableData[ea.name];
+		});
+		foreignKeyData.forEach((fkd) => {
+			Object.keys(newTableData).forEach((key) => {
+				if (key === fkd.fieldName) {
+					const fkData$1 = fkd.data.find((d) => d.id === newTableData[key]?.id)?.id;
+					if (fkData$1 !== null) newTableData[key] = fkData$1;
+				}
+			});
+		});
+		let businessObjectKey = "";
+		if (isNewRow) {
+			if (onCreate) {
+				const createdResponse = await onCreate(newTableData);
+				if (createdResponse?.status === 200) businessObjectKey = createdResponse?.data?.businessObjectKey;
+			}
+		} else if (onUpdate) {
+			await onUpdate(newTableData, primaryKeyValues);
+			businessObjectKey = newTableData?.businessObjectKey;
+		}
+		if (businessObjectKey && values?.udpTags) handleTagAssociation(values, businessObjectKey);
+		closeSideSheet && closeSideSheet();
+	}, [
+		crudTableFormData,
+		transformDataForUdpMaintenance,
+		crudTableEditionData,
+		isNewEntry,
+		foreignKeyData,
+		closeSideSheet,
+		entityAttributes,
+		onCreate,
+		onUpdate,
+		primaryKeyValues,
+		handleTagAssociation
+	]);
+	const shouldAttributeRenderField = useCallback((schemaAttribute) => {
+		const sanitizedName = getSanitizedName(entityName?.toLowerCase());
+		if (sanitizedName === TagEnums.TagTypeSanitizedName.toLowerCase() && schemaAttribute?.name === toLowerFirstChar(EntityAttributeEnums.User_Defined)) return false;
+		else if (sanitizedName === UdpEnums.Udp_Shortcut_Content.toLowerCase() && schemaAttribute?.name === toLowerFirstChar(EntityAttributeEnums.Is_Product_ShortcutContent)) return false;
+		else if (sanitizedName === UdpEnums.Udp_Lookup.toLowerCase() && schemaAttribute?.name === toLowerFirstChar(EntityAttributeEnums.Is_Product_Lookup)) return false;
+		return true;
+	}, [entityName]);
+	useEffect(() => {
+		const getFullData = async () => {
+			const fullEntityData = await getEntityFull();
+			if (fullEntityData) {
+				const filteredTags = fullEntityData.udpTags?.map((tagAssoc) => tagAssoc.udpTagAssociationUdpTag);
+				setExistingTagAssociation(filteredTags || []);
+			}
+		};
+		if (promotedEntity && !isNewEntry) getFullData();
+	}, [
+		promotedEntity,
+		getEntityFull,
+		isNewEntry
+	]);
+	useEffect(() => {
+		if (foreignKeyData) setFkData(foreignKeyData?.map((fkd) => ({ ...fkd })));
+	}, [foreignKeyData]);
+	return /* @__PURE__ */ React.createElement(Form$1, { onSubmit: handleSubmit }, /* @__PURE__ */ React.createElement("div", null, entityAttributes?.map((schemaAttribute, index) => {
+		const fieldInfo = udpFieldInfos?.find((fi) => fi?.name.toLowerCase() === schemaAttribute?.name?.toLowerCase());
+		if (fieldInfo?.isPrimaryKey && !isNewEntry) schemaAttribute.disabled = true;
+		if (fieldInfo?.isPrimaryKey && isNewEntry && !fieldInfo?.isIdentity) schemaAttribute.disabled = false;
+		if (!shouldAttributeRenderField(schemaAttribute)) return null;
+		return renderAttribute(schemaAttribute, fieldInfo) && /* @__PURE__ */ React.createElement(React.Fragment, { key: `${schemaAttribute.name}-${index}` }, /* @__PURE__ */ React.createElement(Typography, {
+			variant: "subtitle2",
+			style: { marginTop: 8 }
+		}, schemaAttribute.friendlyName), renderInputByFieldType(schemaAttribute, index, entityAttributes, fieldInfo, fkData, setFkData, crudTableFormData, classes, isNewEntry, entityData, manyToManyPropertyList));
+	}), /* @__PURE__ */ React.createElement(UdpCrudFormFields, {
+		entityName,
+		formData: crudTableFormData,
+		existingTagAssociation
+	})), /* @__PURE__ */ React.createElement(FormButtons, null, /* @__PURE__ */ React.createElement(SubmitButton, {
+		id: "udpRecord-CrudForm-Submit",
+		udprecordid: "udpRecord-CrudForm-Submit",
+		variant: "contained",
+		color: "secondary",
+		disablePristine: false,
+		disabled: false,
+		style: { marginTop: 15 }
+	}, "Save")));
+};
+CrudForm.propTypes = {
+	entityAttributes: PropTypes.array,
+	foreignKeyData: PropTypes.array,
+	crudTableEditionData: PropTypes.array,
+	closeSideSheet: PropTypes.func,
+	onCreate: PropTypes.func,
+	onUpdate: PropTypes.func
+};
+
+//#endregion
+export { UdpCrudFormFields as n, CrudForm as t };
+//# sourceMappingURL=CrudForm-rWxl2Ejx.js.map

package/dist/CrudForm-rWxl2Ejx.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrudForm-rWxl2Ejx.js","names":["Field","useDefaultFormValues","schemaAttribute","sanitizedName","fkData","Form"],"sources":["../src/UI/forms/UdpCrudFormFields.jsx","../src/UI/forms/CrudForm.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useMemo, useEffect } from 'react';\nimport { Field } from '../../utilities/form';\nimport { UdpEnums } from '../../enums/unitySystemEnums';\nimport { FluentTextFieldAutoComplete } from '../inputs/textField/FluentTextFieldAutoComplete';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { useAxiosMutate } from '../../utilities/useAxiosMutate';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { useForm } from 'react-final-form';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { TagEnums } from '../../enums/tagEnums';\nimport { ConfigService } from '../../configService';\n\nexport const UdpCrudFormFields = (props) => {\n  const { entityName, formData, existingTagAssociation } = props;\n  const form = useForm();\n  const user = useUser();\n  const sanitizedEntityName = getSanitizedName(entityName);\n  const IS_FOR_LOOKUP =\n    sanitizedEntityName?.toLowerCase() === UdpEnums.Udp_Lookup.toLowerCase();\n  const IS_FOR_TAGS = ![\n    TagEnums.TagAssociationSanitizedName.toLowerCase(),\n    TagEnums.TagSanitizedName.toLowerCase(),\n    TagEnums.TagTypeSanitizedName.toLowerCase()\n  ].includes(sanitizedEntityName?.toLowerCase());\n\n  const { data: udpObjectInfoEntity } = usePromotedMethodEntity(\n    'udpObjectInfo',\n    true\n  );\n  const { data: udpTagEntity } = usePromotedMethodEntity('udpTag', true);\n\n  const [{ data: udpObjectInfoList }, fetchUdpObjectInfoList] = useAxiosMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryWithParameters/${udpObjectInfoEntity?.unityBaseGetAllMethod?.apiMethodId}`,\n    {\n      method: 'post'\n    }\n  );\n\n  const [{ data: udpTagList }, fetchUdpTagList] = useAxiosMutate(\n    ConfigService.integrationV1ApiUrl,\n    `apimethod/executeQueryWithParameters/${udpTagEntity?.unityBaseGetAllMethod?.apiMethodId}`,\n    {\n      method: 'post'\n    }\n  );\n\n  const initialTagValues = useMemo(() => {\n    let existingTagIds = existingTagAssociation?.map((tag) => tag.id);\n    let tagValues = udpTagList\n      ? udpTagList.filter((tag) => existingTagIds.includes(tag.id))\n      : [];\n    return tagValues;\n  }, [existingTagAssociation, udpTagList]);\n\n  const initialDomainNameValue = useMemo(() => {\n    let domainName = formData?.domainName;\n    if (domainName && udpObjectInfoList) {\n      domainName = getSanitizedName(domainName);\n      return udpObjectInfoList.find(\n        (updObjectInfo) => updObjectInfo.sanitizedName === domainName\n      );\n    }\n    return '';\n  }, [formData, udpObjectInfoList]);\n\n  const lookupFields = useMemo(() => {\n    return (\n      <Field\n        component={FluentTextFieldAutoComplete}\n        initialValue={initialDomainNameValue}\n        label={'Domain Name'}\n        name={'domainName'}\n        fullWidth\n        variant='outlined'\n        margin='normal'\n        options={udpObjectInfoList || []}\n        optionKey={'sanitizedName'}\n        style={{ marginTop: 8 }}\n      />\n    );\n  }, [udpObjectInfoList, initialDomainNameValue]);\n\n  const tagFields = useMemo(() => {\n    return (\n      <Field\n        component={FluentTextFieldAutoComplete}\n        initialValue={initialTagValues}\n        isMultiple\n        label={'Tags'}\n        name={'udpTags'}\n        fullWidth\n        variant='outlined'\n        margin='normal'\n        options={udpTagList || []}\n        optionKey={'name'}\n        style={{ marginTop: 8 }}\n      />\n    );\n  }, [udpTagList, initialTagValues]);\n\n  useEffect(() => {\n    if (udpObjectInfoEntity?.unityBaseGetAllMethod && IS_FOR_LOOKUP) {\n      fetchUdpObjectInfoList({ data: {} });\n    }\n  }, [udpObjectInfoEntity, fetchUdpObjectInfoList, IS_FOR_LOOKUP]);\n\n  useEffect(() => {\n    form.change('domainName', initialDomainNameValue);\n  }, [form, initialDomainNameValue]);\n\n  useEffect(() => {\n    form.change('udpTags', initialTagValues);\n  }, [form, initialTagValues]);\n\n  useEffect(() => {\n    if (udpTagEntity?.unityBaseGetAllMethod) {\n      fetchUdpTagList({ data: {} });\n    }\n  }, [udpTagEntity, fetchUdpTagList]);\n\n  return (\n    <>\n      {IS_FOR_LOOKUP ? lookupFields : null}\n      {IS_FOR_TAGS ? tagFields : null}\n    </>\n  );\n};\n\nUdpCrudFormFields.propTypes = {\n  /**\n   * Entity name for promoted entity\n   */\n  entityName: PropTypes.string\n};\n","import { makeStyles, Typography } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport React, { useMemo, useState, useCallback, useEffect } from 'react';\nimport { Form, FormButtons, SubmitButton } from '../../utilities/form';\nimport { useCrudActions } from '../../hooks/crudActions';\nimport { toLowerFirstChar } from '../../utilities/input/StringUtilities';\nimport useDefaultFormValues from '../../utilities/crud/useDefaultFormValues';\nimport {\n  getPathObject,\n  getPrimaryKeyValues\n} from '../../utilities/maintenanceEngine/CrudBrowserUtilities';\nimport {\n  CardinalityTypeEnums,\n  EntityAttributeEnums,\n  UdpEnums\n} from '../../enums/unitySystemEnums';\nimport { UdpCrudFormFields } from './UdpCrudFormFields';\nimport { usePromotedMethodEntity } from '../../hooks/usePromotedMethodEntity';\nimport { executeQueryWithParameters } from '../../udp/utilities/methodUtils';\nimport { differenceWith } from 'lodash';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { TagEnums } from '../../enums/tagEnums';\n\nconst useStyles = makeStyles((theme) => ({\n  actions: {\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(2),\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  title: {\n    flexGrow: 1\n  },\n  subject: {\n    marginLeft: theme.spacing(1),\n    display: 'flex',\n    flexDirection: 'row',\n    flexGrow: 1\n  },\n  switchRoot: {\n    marginLeft: theme.spacing(1)\n  },\n  input: {\n    height: 34,\n    padding: 0\n  },\n  formTextInput: {\n    fontSize: 13\n  },\n  labelRoot: {\n    fontSize: 13\n  }\n}));\n\nexport const CrudForm = (props) => {\n  const {\n    entityAttributes,\n    udpFieldInfos,\n    foreignKeyData,\n    crudTableEditionData,\n    closeSideSheet,\n    onCreate,\n    onUpdate,\n    isNewEntry,\n    entityData,\n    entityName\n  } = props;\n  const { renderInputByFieldType } = useCrudActions();\n\n  const [fkData, setFkData] = useState(\n    foreignKeyData?.map((fkd) => ({ ...fkd }))\n  );\n  const { data: promotedEntity } = usePromotedMethodEntity(entityName);\n  const { data: udpTagAssocPromotedEntity } = usePromotedMethodEntity(\n    'UdpTagAssociation',\n    true\n  );\n  const { defaultFormValues } = useDefaultFormValues(entityAttributes);\n  const [crudTableFormData, setCrudTableFormData] = useState(\n    crudTableEditionData || defaultFormValues\n  );\n  const [existingTagAssociation, setExistingTagAssociation] = useState([]);\n  const classes = useStyles();\n\n  const { handleErrorSnackbar } = useHandleAxiosSnackbar();\n\n  const primaryKeyValues = useMemo(\n    () => getPrimaryKeyValues(entityAttributes, crudTableEditionData),\n    [entityAttributes, crudTableEditionData]\n  );\n\n  const getEntityFull = useCallback(async () => {\n    if (\n      !promotedEntity?.unityBaseGetFullMethod?.apiMethodId ||\n      !promotedEntity?.unityBaseUpdateMethod?.pathParameters\n    ) {\n      return null;\n    }\n\n    const pathObject = getPathObject(\n      promotedEntity.unityBaseUpdateMethod.pathParameters,\n      primaryKeyValues\n    );\n\n    let data = { requestBody: {} };\n    if (Array.isArray(pathObject)) {\n      pathObject.forEach((po) => {\n        data[Object.keys(po)[0]] = po[Object.keys(po)[0]];\n      });\n    } else {\n      data = { ...pathObject, requestBody: {} };\n    }\n\n    const response = await executeQueryWithParameters(\n      { data },\n      promotedEntity.unityBaseGetFullMethod.apiMethodId\n    ).catch((res) => {\n      console.error(res);\n    });\n\n    if (response?.status === 200) {\n      return response.data;\n    } else {\n      console.error(\n        `Could not retrieve full data for ${promotedEntity?.entityName}`\n      );\n    }\n    return null;\n  }, [promotedEntity, primaryKeyValues]);\n\n  // we'll need this to determine which property names are used as keys for many-to-many\n  const manyToManyPropertyList = useMemo(() => {\n    if (!entityAttributes?.length) return [];\n    const mtmPropertyList = new Set();\n    entityAttributes.forEach((attr) => {\n      if (attr?.extendedProperties?.childEntity) {\n        Object.keys(attr.extendedProperties.childEntityAssoc || {}).length &&\n          attr.extendedProperties.childEntityAssoc.Cardinality ===\n            CardinalityTypeEnums.Many_To_Many &&\n          attr.extendedProperties.childEntityAssoc.Keys.forEach((value, i) => {\n            const name = value.split(',')[0];\n            if (name) {\n              // check name string: if 1 word, lowercase. if 2 words, lower first char\n              mtmPropertyList.add(name.toLowerCase());\n            }\n          });\n      }\n    });\n    return mtmPropertyList;\n  }, [entityAttributes]);\n\n  const getJoiningObj = (schemaAttribute, ceAttributes) => {\n    return ceAttributes.find(\n      (ceAttr) =>\n        Object.keys(ceAttr?.extendedProperties?.childEntityAssoc || {})\n          .length &&\n        ceAttr.extendedProperties.childEntityAssoc.Keys.find((a) => {\n          const fieldId = a.split(',')[0];\n          return (\n            (/^[A-Z]*$/.test(fieldId)\n              ? fieldId.toLowerCase()\n              : toLowerFirstChar(fieldId)) ===\n            toLowerFirstChar(schemaAttribute.name)\n          );\n        })\n    );\n  };\n\n  const renderAttribute = useCallback(\n    (schemaAttribute, fieldInfo) => {\n      let render = !fieldInfo?.isIdentity;\n\n      if (\n        schemaAttribute?.extendedProperties?.identifier &&\n        fieldInfo?.dataType === 'Guid'\n      ) {\n        render = false;\n      }\n      entityAttributes.every((schemaAttribute, index) => {\n        const ceAttributes = entityAttributes.filter(\n          (ea) =>\n            ea.extendedProperties.childEntity &&\n            ea.extendedProperties.childEntityAssoc.Cardinality ===\n              CardinalityTypeEnums.Many_To_Many &&\n            ea.extendedProperties.childEntityAssoc.IsJoiningObject\n        );\n\n        if (getJoiningObj(schemaAttribute, ceAttributes)) {\n          render = true;\n          return false;\n        }\n        return true;\n      });\n\n      return render;\n    },\n    [entityAttributes]\n  );\n\n  // function that helps transform form data for entites like UdpLookup, UdpTagType, UdpShortcutContent\n  const transformDataForUdpMaintenance = useCallback(\n    (values) => {\n      const sanitizedName = getSanitizedName(entityName?.toLowerCase());\n      // Current entity to modify is a UdpLookup\n      if (sanitizedName === UdpEnums.Udp_Lookup.toLowerCase()) {\n        const attributeName = toLowerFirstChar(\n          EntityAttributeEnums.Domain_Name\n        );\n        let domainName = values[attributeName];\n        const modelNameSpaceStructure = domainName?.namespaceStructure?.model;\n        const sanitizedName = domainName?.sanitizedName;\n        values[\n          toLowerFirstChar(EntityAttributeEnums.Is_Product_Lookup)\n        ] = false;\n        if (modelNameSpaceStructure) {\n          values[\n            attributeName\n          ] = `${modelNameSpaceStructure}.Models.${sanitizedName}`;\n        } else {\n          values[attributeName] = '';\n        }\n      } else if (\n        sanitizedName === TagEnums.TagTypeSanitizedName.toLowerCase()\n      ) {\n        values[toLowerFirstChar(EntityAttributeEnums.User_Defined)] = true;\n      } else if (\n        sanitizedName === UdpEnums.Udp_Shortcut_Content.toLowerCase()\n      ) {\n        values[\n          toLowerFirstChar(EntityAttributeEnums.Is_Product_ShortcutContent)\n        ] = false;\n      }\n    },\n    [entityName]\n  );\n\n  const tagAssociationComparator = (ta1, ta2) => {\n    return ta1?.id === ta2?.id;\n  };\n\n  // Callback to handle associating tags to business objects\n  const handleTagAssociation = useCallback(\n    async (values, businessObjectKey) => {\n      // Get the tagAssociation objects to delete\n      const tagAssociationToDelete = differenceWith(\n        existingTagAssociation,\n        values?.udpTags,\n        tagAssociationComparator\n      );\n\n      // Get the tagAssociation objects to create\n      const tagAssociationToCreate = differenceWith(\n        values?.udpTags,\n        existingTagAssociation,\n        tagAssociationComparator\n      );\n\n      const deleteTagAssociationApiMethod =\n        udpTagAssocPromotedEntity?.unityBaseDeleteMethod;\n      const createTagAssociationApiMethod =\n        udpTagAssocPromotedEntity?.unityBaseCreateMethod;\n\n      if (businessObjectKey) {\n        if (deleteTagAssociationApiMethod) {\n          const deletedPromises = [];\n          tagAssociationToDelete.forEach((tagAssocToDelete) => {\n            const data = {};\n            data['{tagId}'] = tagAssocToDelete.id;\n            data['{entityBusinessKey}'] = businessObjectKey;\n            deletedPromises.push(\n              executeQueryWithParameters(\n                { data },\n                deleteTagAssociationApiMethod.apiMethodId\n              )\n            );\n          });\n\n          await Promise.all(deletedPromises.map((p) => p.catch((e) => e))).then(\n            (responses) => {\n              if (responses.length !== deletedPromises.length) {\n                console.warn(`Not all Tag Association deleted`);\n              }\n            }\n          );\n        } else {\n          handleErrorSnackbar(\n            null,\n            'Delete Tag Association Method Not Promoted'\n          );\n        }\n\n        if (createTagAssociationApiMethod) {\n          const createdPromises = [];\n          tagAssociationToCreate.forEach((tagAssoc) => {\n            const data = {\n              requestBody: {\n                tagId: tagAssoc.id,\n                entityBusinessKey: businessObjectKey\n              }\n            };\n            createdPromises.push(\n              executeQueryWithParameters(\n                { data },\n                createTagAssociationApiMethod.apiMethodId\n              )\n            );\n          });\n          await Promise.all(createdPromises.map((p) => p.catch((e) => e))).then(\n            (responses) => {\n              responses.forEach((response) => {\n                if (response.status === 200) {\n                  const entityBusinessKey = response.data.entityBusinessKey;\n                  const matchingTagAssociation = tagAssociationToCreate.find(\n                    (ta) => ta.value === entityBusinessKey\n                  );\n                  if (!matchingTagAssociation) {\n                    console.warn(\n                      `Tag Association not created for all file to entities`\n                    );\n                  }\n                }\n              });\n            }\n          );\n          setExistingTagAssociation(values?.udpTags);\n        } else {\n          handleErrorSnackbar(\n            null,\n            'Create Tag Association Method Not Promoted'\n          );\n        }\n      }\n    },\n    [\n      handleErrorSnackbar,\n      existingTagAssociation,\n      setExistingTagAssociation,\n      udpTagAssocPromotedEntity\n    ]\n  );\n\n  const handleSubmit = useCallback(\n    async (values) => {\n      let newTableData = {\n        ...crudTableFormData,\n        ...values\n      };\n\n      transformDataForUdpMaintenance(newTableData);\n\n      const isNewRow = !crudTableEditionData;\n\n      if (!isNewEntry) {\n        // remove identifiers from object\n        entityAttributes\n          .filter((ea) => {\n            const joiningObject = getJoiningObj(ea, entityAttributes);\n            const fieldInfo = udpFieldInfos?.find(\n              (fi) => fi?.name.toLowerCase() === ea?.name?.toLowerCase()\n            );\n            return (\n              ea?.extendedProperties?.identifier &&\n              fieldInfo?.isIdentity &&\n              fieldInfo?.dataType !== 'Guid' &&\n              (!joiningObject || joiningObject.extendedProperties?.childEntity)\n            );\n          })\n          .forEach((ea) => {\n            delete newTableData[ea.name];\n          });\n      }\n\n      // transform values by fkData before creating/updating\n      foreignKeyData.forEach((fkd) => {\n        Object.keys(newTableData).forEach((key) => {\n          if (key === fkd.fieldName) {\n            const fkData = fkd.data.find(\n              (d) => d.id === newTableData[key]?.id\n            )?.id;\n            if (fkData !== null) {\n              newTableData[key] = fkData;\n            }\n          }\n        });\n      });\n\n      let businessObjectKey = '';\n      if (isNewRow) {\n        if (onCreate) {\n          const createdResponse = await onCreate(newTableData);\n          if (createdResponse?.status === 200) {\n            businessObjectKey = createdResponse?.data?.businessObjectKey;\n          }\n        }\n      } else {\n        if (onUpdate) {\n          await onUpdate(newTableData, primaryKeyValues);\n          businessObjectKey = newTableData?.businessObjectKey;\n        }\n      }\n      if (businessObjectKey && values?.udpTags) {\n        handleTagAssociation(values, businessObjectKey);\n      }\n      closeSideSheet && closeSideSheet();\n    },\n    [\n      crudTableFormData,\n      transformDataForUdpMaintenance,\n      crudTableEditionData,\n      isNewEntry,\n      foreignKeyData,\n      closeSideSheet,\n      entityAttributes,\n      onCreate,\n      onUpdate,\n      primaryKeyValues,\n      handleTagAssociation\n    ]\n  );\n\n  const shouldAttributeRenderField = useCallback(\n    (schemaAttribute) => {\n      const sanitizedName = getSanitizedName(entityName?.toLowerCase());\n      if (\n        sanitizedName === TagEnums.TagTypeSanitizedName.toLowerCase() &&\n        schemaAttribute?.name ===\n          toLowerFirstChar(EntityAttributeEnums.User_Defined)\n      ) {\n        return false;\n      } else if (\n        sanitizedName === UdpEnums.Udp_Shortcut_Content.toLowerCase() &&\n        schemaAttribute?.name ===\n          toLowerFirstChar(EntityAttributeEnums.Is_Product_ShortcutContent)\n      ) {\n        return false;\n      } else if (\n        sanitizedName === UdpEnums.Udp_Lookup.toLowerCase() &&\n        schemaAttribute?.name ===\n          toLowerFirstChar(EntityAttributeEnums.Is_Product_Lookup)\n      ) {\n        return false;\n      }\n\n      return true;\n    },\n    [entityName]\n  );\n\n  useEffect(() => {\n    const getFullData = async () => {\n      const fullEntityData = await getEntityFull();\n      if (fullEntityData) {\n        const filteredTags = fullEntityData.udpTags?.map(\n          (tagAssoc) => tagAssoc.udpTagAssociationUdpTag\n        );\n        setExistingTagAssociation(filteredTags || []);\n      }\n    };\n    if (promotedEntity && !isNewEntry) {\n      getFullData();\n    }\n  }, [promotedEntity, getEntityFull, isNewEntry]);\n\n  useEffect(() => {\n    if (foreignKeyData) {\n      setFkData(foreignKeyData?.map((fkd) => ({ ...fkd })));\n    }\n  }, [foreignKeyData]);\n\n  return (\n    <Form onSubmit={handleSubmit}>\n      <div>\n        {entityAttributes?.map((schemaAttribute, index) => {\n          const fieldInfo = udpFieldInfos?.find(\n            (fi) =>\n              fi?.name.toLowerCase() === schemaAttribute?.name?.toLowerCase()\n          );\n          // If the field is an identity and is Updating form, we will make the field readOnly\n          if (fieldInfo?.isPrimaryKey && !isNewEntry) {\n            schemaAttribute.disabled = true;\n          }\n          if (fieldInfo?.isPrimaryKey && isNewEntry && !fieldInfo?.isIdentity) {\n            schemaAttribute.disabled = false;\n          }\n          if (!shouldAttributeRenderField(schemaAttribute)) {\n            return null;\n          }\n          return (\n            renderAttribute(schemaAttribute, fieldInfo) && (\n              <React.Fragment key={`${schemaAttribute.name}-${index}`}>\n                <Typography variant='subtitle2' style={{ marginTop: 8 }}>\n                  {schemaAttribute.friendlyName}\n                </Typography>\n                {renderInputByFieldType(\n                  schemaAttribute,\n                  index,\n                  entityAttributes,\n                  fieldInfo,\n                  fkData,\n                  setFkData,\n                  crudTableFormData,\n                  classes,\n                  isNewEntry,\n                  entityData,\n                  manyToManyPropertyList\n                )}\n              </React.Fragment>\n            )\n          );\n        })}\n        <UdpCrudFormFields\n          entityName={entityName}\n          formData={crudTableFormData}\n          existingTagAssociation={existingTagAssociation}\n        />\n      </div>\n\n      <FormButtons>\n        <SubmitButton\n          id='udpRecord-CrudForm-Submit'\n          udprecordid='udpRecord-CrudForm-Submit'\n          variant='contained'\n          color='secondary'\n          disablePristine={false}\n          disabled={false}\n          style={{ marginTop: 15 }}\n        >\n          Save\n        </SubmitButton>\n      </FormButtons>\n    </Form>\n  );\n};\n\nCrudForm.propTypes = {\n  /**\n   * Entity attributes for selected entity within catalog\n   */\n  entityAttributes: PropTypes.array,\n  /**\n   * Foreign key data for selected entity within catalog\n   */\n  foreignKeyData: PropTypes.array,\n  /**\n   * Entity data\n   */\n  crudTableEditionData: PropTypes.array,\n  /**\n   * onClick event for closing sidesheet\n   */\n  closeSideSheet: PropTypes.func,\n  /**\n   * onClick event for creating\n   */\n  onCreate: PropTypes.func,\n  /**\n   * onClick event for updating\n   */\n  onUpdate: PropTypes.func\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EAAE,YAAY,UAAU,2BAA2B;CACzD,MAAM,OAAO,SAAS;AACT,UAAS;CACtB,MAAM,sBAAsB,iBAAiB,WAAW;CACxD,MAAM,gBACJ,qBAAqB,aAAa,KAAK,SAAS,WAAW,aAAa;CAC1E,MAAM,cAAc,CAAC;EACnB,SAAS,4BAA4B,aAAa;EAClD,SAAS,iBAAiB,aAAa;EACvC,SAAS,qBAAqB,aAAa;EAC5C,CAAC,SAAS,qBAAqB,aAAa,CAAC;CAE9C,MAAM,EAAE,MAAM,wBAAwB,wBACpC,iBACA,KACD;CACD,MAAM,EAAE,MAAM,iBAAiB,wBAAwB,UAAU,KAAK;CAEtE,MAAM,CAAC,EAAE,MAAM,qBAAqB,0BAA0B,eAC5D,cAAc,qBACd,wCAAwC,qBAAqB,uBAAuB,eACpF,EACE,QAAQ,QACT,CACF;CAED,MAAM,CAAC,EAAE,MAAM,cAAc,mBAAmB,eAC9C,cAAc,qBACd,wCAAwC,cAAc,uBAAuB,eAC7E,EACE,QAAQ,QACT,CACF;CAED,MAAM,mBAAmB,cAAc;EACrC,IAAI,iBAAiB,wBAAwB,KAAK,QAAQ,IAAI,GAAG;AAIjE,SAHgB,aACZ,WAAW,QAAQ,QAAQ,eAAe,SAAS,IAAI,GAAG,CAAC,GAC3D,EAAE;IAEL,CAAC,wBAAwB,WAAW,CAAC;CAExC,MAAM,yBAAyB,cAAc;EAC3C,IAAI,aAAa,UAAU;AAC3B,MAAI,cAAc,mBAAmB;AACnC,gBAAa,iBAAiB,WAAW;AACzC,UAAO,kBAAkB,MACtB,kBAAkB,cAAc,kBAAkB,WACpD;;AAEH,SAAO;IACN,CAAC,UAAU,kBAAkB,CAAC;CAEjC,MAAM,eAAe,cAAc;AACjC,SACE,oCAACA;GACC,WAAW;GACX,cAAc;GACd,OAAO;GACP,MAAM;GACN;GACA,SAAQ;GACR,QAAO;GACP,SAAS,qBAAqB,EAAE;GAChC,WAAW;GACX,OAAO,EAAE,WAAW,GAAG;IACvB;IAEH,CAAC,mBAAmB,uBAAuB,CAAC;CAE/C,MAAM,YAAY,cAAc;AAC9B,SACE,oCAACA;GACC,WAAW;GACX,cAAc;GACd;GACA,OAAO;GACP,MAAM;GACN;GACA,SAAQ;GACR,QAAO;GACP,SAAS,cAAc,EAAE;GACzB,WAAW;GACX,OAAO,EAAE,WAAW,GAAG;IACvB;IAEH,CAAC,YAAY,iBAAiB,CAAC;AAElC,iBAAgB;AACd,MAAI,qBAAqB,yBAAyB,cAChD,wBAAuB,EAAE,MAAM,EAAE,EAAE,CAAC;IAErC;EAAC;EAAqB;EAAwB;EAAc,CAAC;AAEhE,iBAAgB;AACd,OAAK,OAAO,cAAc,uBAAuB;IAChD,CAAC,MAAM,uBAAuB,CAAC;AAElC,iBAAgB;AACd,OAAK,OAAO,WAAW,iBAAiB;IACvC,CAAC,MAAM,iBAAiB,CAAC;AAE5B,iBAAgB;AACd,MAAI,cAAc,sBAChB,iBAAgB,EAAE,MAAM,EAAE,EAAE,CAAC;IAE9B,CAAC,cAAc,gBAAgB,CAAC;AAEnC,QACE,0DACG,gBAAgB,eAAe,MAC/B,cAAc,YAAY,KAC1B;;AAIP,kBAAkB,YAAY,EAI5B,YAAY,UAAU,QACvB;;;;AC/GD,MAAM,YAAY,YAAY,WAAW;CACvC,SAAS;EACP,WAAW,MAAM,QAAQ,EAAE;EAC3B,cAAc,MAAM,QAAQ,EAAE;EAC9B,SAAS;EACT,eAAe;EAChB;CACD,OAAO,EACL,UAAU,GACX;CACD,SAAS;EACP,YAAY,MAAM,QAAQ,EAAE;EAC5B,SAAS;EACT,eAAe;EACf,UAAU;EACX;CACD,YAAY,EACV,YAAY,MAAM,QAAQ,EAAE,EAC7B;CACD,OAAO;EACL,QAAQ;EACR,SAAS;EACV;CACD,eAAe,EACb,UAAU,IACX;CACD,WAAW,EACT,UAAU,IACX;CACF,EAAE;AAEH,MAAa,YAAY,UAAU;CACjC,MAAM,EACJ,kBACA,eACA,gBACA,sBACA,gBACA,UACA,UACA,YACA,YACA,eACE;CACJ,MAAM,EAAE,2BAA2B,gBAAgB;CAEnD,MAAM,CAAC,QAAQ,aAAa,SAC1B,gBAAgB,KAAK,SAAS,EAAE,GAAG,KAAK,EAAE,CAC3C;CACD,MAAM,EAAE,MAAM,mBAAmB,wBAAwB,WAAW;CACpE,MAAM,EAAE,MAAM,8BAA8B,wBAC1C,qBACA,KACD;CACD,MAAM,EAAE,sBAAsBC,6BAAqB,iBAAiB;CACpE,MAAM,CAAC,mBAAmB,wBAAwB,SAChD,wBAAwB,kBACzB;CACD,MAAM,CAAC,wBAAwB,6BAA6B,SAAS,EAAE,CAAC;CACxE,MAAM,UAAU,WAAW;CAE3B,MAAM,EAAE,wBAAwB,wBAAwB;CAExD,MAAM,mBAAmB,cACjB,oBAAoB,kBAAkB,qBAAqB,EACjE,CAAC,kBAAkB,qBAAqB,CACzC;CAED,MAAM,gBAAgB,YAAY,YAAY;AAC5C,MACE,CAAC,gBAAgB,wBAAwB,eACzC,CAAC,gBAAgB,uBAAuB,eAExC,QAAO;EAGT,MAAM,aAAa,cACjB,eAAe,sBAAsB,gBACrC,iBACD;EAED,IAAI,OAAO,EAAE,aAAa,EAAE,EAAE;AAC9B,MAAI,MAAM,QAAQ,WAAW,CAC3B,YAAW,SAAS,OAAO;AACzB,QAAK,OAAO,KAAK,GAAG,CAAC,MAAM,GAAG,OAAO,KAAK,GAAG,CAAC;IAC9C;MAEF,QAAO;GAAE,GAAG;GAAY,aAAa,EAAE;GAAE;EAG3C,MAAM,WAAW,MAAM,2BACrB,EAAE,MAAM,EACR,eAAe,uBAAuB,YACvC,CAAC,OAAO,QAAQ;AACf,WAAQ,MAAM,IAAI;IAClB;AAEF,MAAI,UAAU,WAAW,IACvB,QAAO,SAAS;MAEhB,SAAQ,MACN,oCAAoC,gBAAgB,aACrD;AAEH,SAAO;IACN,CAAC,gBAAgB,iBAAiB,CAAC;CAGtC,MAAM,yBAAyB,cAAc;AAC3C,MAAI,CAAC,kBAAkB,OAAQ,QAAO,EAAE;EACxC,MAAM,kCAAkB,IAAI,KAAK;AACjC,mBAAiB,SAAS,SAAS;AACjC,OAAI,MAAM,oBAAoB,YAC5B,QAAO,KAAK,KAAK,mBAAmB,oBAAoB,EAAE,CAAC,CAAC,UAC1D,KAAK,mBAAmB,iBAAiB,gBACvC,qBAAqB,gBACvB,KAAK,mBAAmB,iBAAiB,KAAK,SAAS,OAAO,MAAM;IAClE,MAAM,OAAO,MAAM,MAAM,IAAI,CAAC;AAC9B,QAAI,KAEF,iBAAgB,IAAI,KAAK,aAAa,CAAC;KAEzC;IAEN;AACF,SAAO;IACN,CAAC,iBAAiB,CAAC;CAEtB,MAAM,iBAAiB,iBAAiB,iBAAiB;AACvD,SAAO,aAAa,MACjB,WACC,OAAO,KAAK,QAAQ,oBAAoB,oBAAoB,EAAE,CAAC,CAC5D,UACH,OAAO,mBAAmB,iBAAiB,KAAK,MAAM,MAAM;GAC1D,MAAM,UAAU,EAAE,MAAM,IAAI,CAAC;AAC7B,WACG,WAAW,KAAK,QAAQ,GACrB,QAAQ,aAAa,GACrB,iBAAiB,QAAQ,MAC7B,iBAAiB,gBAAgB,KAAK;IAExC,CACL;;CAGH,MAAM,kBAAkB,aACrB,iBAAiB,cAAc;EAC9B,IAAI,SAAS,CAAC,WAAW;AAEzB,MACE,iBAAiB,oBAAoB,cACrC,WAAW,aAAa,OAExB,UAAS;AAEX,mBAAiB,OAAO,mBAAiB,UAAU;AASjD,OAAI,cAAcC,mBARG,iBAAiB,QACnC,OACC,GAAG,mBAAmB,eACtB,GAAG,mBAAmB,iBAAiB,gBACrC,qBAAqB,gBACvB,GAAG,mBAAmB,iBAAiB,gBAC1C,CAE+C,EAAE;AAChD,aAAS;AACT,WAAO;;AAET,UAAO;IACP;AAEF,SAAO;IAET,CAAC,iBAAiB,CACnB;CAGD,MAAM,iCAAiC,aACpC,WAAW;EACV,MAAM,gBAAgB,iBAAiB,YAAY,aAAa,CAAC;AAEjE,MAAI,kBAAkB,SAAS,WAAW,aAAa,EAAE;GACvD,MAAM,gBAAgB,iBACpB,qBAAqB,YACtB;GACD,IAAI,aAAa,OAAO;GACxB,MAAM,0BAA0B,YAAY,oBAAoB;GAChE,MAAMC,kBAAgB,YAAY;AAClC,UACE,iBAAiB,qBAAqB,kBAAkB,IACtD;AACJ,OAAI,wBACF,QACE,iBACE,GAAG,wBAAwB,UAAUA;OAEzC,QAAO,iBAAiB;aAG1B,kBAAkB,SAAS,qBAAqB,aAAa,CAE7D,QAAO,iBAAiB,qBAAqB,aAAa,IAAI;WAE9D,kBAAkB,SAAS,qBAAqB,aAAa,CAE7D,QACE,iBAAiB,qBAAqB,2BAA2B,IAC/D;IAGR,CAAC,WAAW,CACb;CAED,MAAM,4BAA4B,KAAK,QAAQ;AAC7C,SAAO,KAAK,OAAO,KAAK;;CAI1B,MAAM,uBAAuB,YAC3B,OAAO,QAAQ,sBAAsB;EAEnC,MAAM,yBAAyB,eAC7B,wBACA,QAAQ,SACR,yBACD;EAGD,MAAM,yBAAyB,eAC7B,QAAQ,SACR,wBACA,yBACD;EAED,MAAM,gCACJ,2BAA2B;EAC7B,MAAM,gCACJ,2BAA2B;AAE7B,MAAI,mBAAmB;AACrB,OAAI,+BAA+B;IACjC,MAAM,kBAAkB,EAAE;AAC1B,2BAAuB,SAAS,qBAAqB;KACnD,MAAM,OAAO,EAAE;AACf,UAAK,aAAa,iBAAiB;AACnC,UAAK,yBAAyB;AAC9B,qBAAgB,KACd,2BACE,EAAE,MAAM,EACR,8BAA8B,YAC/B,CACF;MACD;AAEF,UAAM,QAAQ,IAAI,gBAAgB,KAAK,MAAM,EAAE,OAAO,MAAM,EAAE,CAAC,CAAC,CAAC,MAC9D,cAAc;AACb,SAAI,UAAU,WAAW,gBAAgB,OACvC,SAAQ,KAAK,kCAAkC;MAGpD;SAED,qBACE,MACA,6CACD;AAGH,OAAI,+BAA+B;IACjC,MAAM,kBAAkB,EAAE;AAC1B,2BAAuB,SAAS,aAAa;KAC3C,MAAM,OAAO,EACX,aAAa;MACX,OAAO,SAAS;MAChB,mBAAmB;MACpB,EACF;AACD,qBAAgB,KACd,2BACE,EAAE,MAAM,EACR,8BAA8B,YAC/B,CACF;MACD;AACF,UAAM,QAAQ,IAAI,gBAAgB,KAAK,MAAM,EAAE,OAAO,MAAM,EAAE,CAAC,CAAC,CAAC,MAC9D,cAAc;AACb,eAAU,SAAS,aAAa;AAC9B,UAAI,SAAS,WAAW,KAAK;OAC3B,MAAM,oBAAoB,SAAS,KAAK;AAIxC,WAAI,CAH2B,uBAAuB,MACnD,OAAO,GAAG,UAAU,kBACtB,CAEC,SAAQ,KACN,uDACD;;OAGL;MAEL;AACD,8BAA0B,QAAQ,QAAQ;SAE1C,qBACE,MACA,6CACD;;IAIP;EACE;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,eAAe,YACnB,OAAO,WAAW;EAChB,IAAI,eAAe;GACjB,GAAG;GACH,GAAG;GACJ;AAED,iCAA+B,aAAa;EAE5C,MAAM,WAAW,CAAC;AAElB,MAAI,CAAC,WAEH,kBACG,QAAQ,OAAO;GACd,MAAM,gBAAgB,cAAc,IAAI,iBAAiB;GACzD,MAAM,YAAY,eAAe,MAC9B,OAAO,IAAI,KAAK,aAAa,KAAK,IAAI,MAAM,aAAa,CAC3D;AACD,UACE,IAAI,oBAAoB,cACxB,WAAW,cACX,WAAW,aAAa,WACvB,CAAC,iBAAiB,cAAc,oBAAoB;IAEvD,CACD,SAAS,OAAO;AACf,UAAO,aAAa,GAAG;IACvB;AAIN,iBAAe,SAAS,QAAQ;AAC9B,UAAO,KAAK,aAAa,CAAC,SAAS,QAAQ;AACzC,QAAI,QAAQ,IAAI,WAAW;KACzB,MAAMC,WAAS,IAAI,KAAK,MACrB,MAAM,EAAE,OAAO,aAAa,MAAM,GACpC,EAAE;AACH,SAAIA,aAAW,KACb,cAAa,OAAOA;;KAGxB;IACF;EAEF,IAAI,oBAAoB;AACxB,MAAI,UACF;OAAI,UAAU;IACZ,MAAM,kBAAkB,MAAM,SAAS,aAAa;AACpD,QAAI,iBAAiB,WAAW,IAC9B,qBAAoB,iBAAiB,MAAM;;aAI3C,UAAU;AACZ,SAAM,SAAS,cAAc,iBAAiB;AAC9C,uBAAoB,cAAc;;AAGtC,MAAI,qBAAqB,QAAQ,QAC/B,sBAAqB,QAAQ,kBAAkB;AAEjD,oBAAkB,gBAAgB;IAEpC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;CAED,MAAM,6BAA6B,aAChC,oBAAoB;EACnB,MAAM,gBAAgB,iBAAiB,YAAY,aAAa,CAAC;AACjE,MACE,kBAAkB,SAAS,qBAAqB,aAAa,IAC7D,iBAAiB,SACf,iBAAiB,qBAAqB,aAAa,CAErD,QAAO;WAEP,kBAAkB,SAAS,qBAAqB,aAAa,IAC7D,iBAAiB,SACf,iBAAiB,qBAAqB,2BAA2B,CAEnE,QAAO;WAEP,kBAAkB,SAAS,WAAW,aAAa,IACnD,iBAAiB,SACf,iBAAiB,qBAAqB,kBAAkB,CAE1D,QAAO;AAGT,SAAO;IAET,CAAC,WAAW,CACb;AAED,iBAAgB;EACd,MAAM,cAAc,YAAY;GAC9B,MAAM,iBAAiB,MAAM,eAAe;AAC5C,OAAI,gBAAgB;IAClB,MAAM,eAAe,eAAe,SAAS,KAC1C,aAAa,SAAS,wBACxB;AACD,8BAA0B,gBAAgB,EAAE,CAAC;;;AAGjD,MAAI,kBAAkB,CAAC,WACrB,cAAa;IAEd;EAAC;EAAgB;EAAe;EAAW,CAAC;AAE/C,iBAAgB;AACd,MAAI,eACF,WAAU,gBAAgB,KAAK,SAAS,EAAE,GAAG,KAAK,EAAE,CAAC;IAEtD,CAAC,eAAe,CAAC;AAEpB,QACE,oCAACC,UAAK,UAAU,gBACd,oCAAC,aACE,kBAAkB,KAAK,iBAAiB,UAAU;EACjD,MAAM,YAAY,eAAe,MAC9B,OACC,IAAI,KAAK,aAAa,KAAK,iBAAiB,MAAM,aAAa,CAClE;AAED,MAAI,WAAW,gBAAgB,CAAC,WAC9B,iBAAgB,WAAW;AAE7B,MAAI,WAAW,gBAAgB,cAAc,CAAC,WAAW,WACvD,iBAAgB,WAAW;AAE7B,MAAI,CAAC,2BAA2B,gBAAgB,CAC9C,QAAO;AAET,SACE,gBAAgB,iBAAiB,UAAU,IACzC,oCAAC,MAAM,YAAS,KAAK,GAAG,gBAAgB,KAAK,GAAG,WAC9C,oCAAC;GAAW,SAAQ;GAAY,OAAO,EAAE,WAAW,GAAG;KACpD,gBAAgB,aACN,EACZ,uBACC,iBACA,OACA,kBACA,WACA,QACA,WACA,mBACA,SACA,YACA,YACA,uBACD,CACc;GAGrB,EACF,oCAAC;EACa;EACZ,UAAU;EACc;GACxB,CACE,EAEN,oCAAC,mBACC,oCAAC;EACC,IAAG;EACH,aAAY;EACZ,SAAQ;EACR,OAAM;EACN,iBAAiB;EACjB,UAAU;EACV,OAAO,EAAE,WAAW,IAAI;IACzB,OAEc,CACH,CACT;;AAIX,SAAS,YAAY;CAInB,kBAAkB,UAAU;CAI5B,gBAAgB,UAAU;CAI1B,sBAAsB,UAAU;CAIhC,gBAAgB,UAAU;CAI1B,UAAU,UAAU;CAIpB,UAAU,UAAU;CACrB"}

package/dist/CrudTableSidePanel-CMnpkZSu.js

@@ -0,0 +1,120 @@
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { t as useUser } from "./useUser-wpHGo6jU.js";
+import { N as UdpEnums } from "./unitySystemEnums-DQSkCr3D.js";
+import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
+import { t as useAxiosGet } from "./useAxiosGet-BMoXHfLN.js";
+import { t as PageContainer } from "./PageContainer-C76IH-3L.js";
+import { t as CrudForm } from "./CrudForm-rWxl2Ejx.js";
+import React, { useMemo } from "react";
+import { Divider, makeStyles } from "@material-ui/core";
+import PropTypes from "prop-types";
+import { Skeleton } from "@material-ui/lab";
+import { DndProvider } from "react-dnd";
+import { HTML5Backend } from "react-dnd-html5-backend";
+
+//#region src/maintenanceEngine/entityAttributeActions.js
+const UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE = [
+	"businessObjectKey",
+	"clusterId",
+	"data",
+	"domainName"
+];
+
+//#endregion
+//#region src/maintenanceEngine/crudBrowser/CrudTableSidePanel.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	divider: { marginTop: theme.spacing(2) }
+}));
+const FIELD_NUMBER = 10;
+const CrudTableSidePanel = (props) => {
+	const { entityAttributes, udpFieldInfos, foreignKeyData, crudTableEditionData, closeSideSheet, onCreate, onUpdate, pageId, setSideSheetWidth, setSideSheetButtonLabel, setSideSheetOnSubmit, setSideSheetProps, isNewEntry, entityData, entityName } = props;
+	const user = useUser();
+	const classes = useStyles();
+	const [{ data: page, loading: loadingPage }] = useAxiosGet(ConfigService.tenantV1ApiUrl, `page/${pageId}`, {}, !!!pageId, false);
+	const skeleton = useMemo(() => {
+		const skeletonArr = [];
+		for (let i = 0; i < FIELD_NUMBER; i++) skeletonArr.push(/* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Skeleton, {
+			key: i,
+			variant: "rect",
+			className: classes.skeleton
+		}), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" })));
+		return skeletonArr;
+	}, [classes]);
+	const filteredEntityAttributes = useMemo(() => {
+		if (entityName?.toLowerCase().includes(UdpEnums.Udp_Lookup.toLowerCase())) return entityAttributes.filter((attr) => !UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE.includes(attr.name));
+		return entityAttributes.filter((attr) => attr.name !== "businessObjectKey");
+	}, [entityAttributes, entityName]);
+	const sideSheetContent = useMemo(() => {
+		if (page) return /* @__PURE__ */ React.createElement(DndProvider, { backend: HTML5Backend }, /* @__PURE__ */ React.createElement(PageContainer, {
+			user,
+			key: pageId,
+			pageData: page,
+			widgetParams: {
+				pageId: page?.pageId,
+				entityAttributes: filteredEntityAttributes,
+				entityData,
+				entityName,
+				foreignKeyData,
+				isNewEntry,
+				udpFieldInfos,
+				nodeObj: crudTableEditionData,
+				setSideSheetWidth,
+				setSideSheetButtonLabel,
+				setSideSheetOnSubmit,
+				closeSideSheet,
+				setSideSheetProps,
+				onCreate,
+				onUpdate
+			},
+			disableMargins: true
+		}));
+		else return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(CrudForm, {
+			entityAttributes: filteredEntityAttributes,
+			udpFieldInfos,
+			foreignKeyData,
+			crudTableEditionData,
+			closeSideSheet,
+			onCreate,
+			onUpdate,
+			isNewEntry,
+			entityData,
+			entityName
+		}), /* @__PURE__ */ React.createElement("div", { className: classes.divider }, /* @__PURE__ */ React.createElement(Divider, null)));
+	}, [
+		page,
+		user,
+		pageId,
+		setSideSheetWidth,
+		setSideSheetButtonLabel,
+		setSideSheetOnSubmit,
+		setSideSheetProps,
+		closeSideSheet,
+		onCreate,
+		onUpdate,
+		filteredEntityAttributes,
+		foreignKeyData,
+		isNewEntry,
+		entityData,
+		classes,
+		entityName,
+		udpFieldInfos,
+		crudTableEditionData
+	]);
+	return /* @__PURE__ */ React.createElement("div", null, loadingPage ? /* @__PURE__ */ React.createElement(React.Fragment, null, skeleton.map((sk) => sk), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "md" }), /* @__PURE__ */ React.createElement(Skeleton, {
+		variant: "rect",
+		className: classes.skeletonButton
+	})) : sideSheetContent);
+};
+CrudTableSidePanel.propTypes = {
+	entityAttributes: PropTypes.array,
+	foreignKeyData: PropTypes.array,
+	crudTableEditionData: PropTypes.array,
+	closeSideSheet: PropTypes.func,
+	onCreate: PropTypes.func,
+	onUpdate: PropTypes.func
+};
+
+//#endregion
+export { UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE as n, CrudTableSidePanel as t };
+//# sourceMappingURL=CrudTableSidePanel-CMnpkZSu.js.map

package/dist/CrudTableSidePanel-CMnpkZSu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrudTableSidePanel-CMnpkZSu.js","names":[],"sources":["../src/maintenanceEngine/entityAttributeActions.js","../src/maintenanceEngine/crudBrowser/CrudTableSidePanel.jsx"],"sourcesContent":["export const UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE = [\n  'businessObjectKey',\n  'clusterId',\n  'data',\n  'domainName'\n];\n","import { Divider, makeStyles } from '@material-ui/core';\nimport PropTypes from 'prop-types';\nimport React, { useMemo } from 'react';\nimport { CrudForm } from '../../UI/forms/CrudForm';\nimport { useUser } from '../../utilities/auth/useUser';\nimport { DndProvider } from 'react-dnd';\nimport { HTML5Backend } from 'react-dnd-html5-backend';\nimport { PageContainer } from '../../page/PageContainer';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { Skeleton } from '@material-ui/lab';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport { UdpEnums } from '../../enums/unitySystemEnums';\nimport { UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE } from '../entityAttributeActions';\nimport { ConfigService } from '../../configService';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  divider: {\n    marginTop: theme.spacing(2)\n  }\n}));\n\nconst FIELD_NUMBER = 10;\n\nexport const CrudTableSidePanel = (props) => {\n  const {\n    entityAttributes,\n    udpFieldInfos,\n    foreignKeyData,\n    crudTableEditionData,\n    closeSideSheet,\n    onCreate,\n    onUpdate,\n    pageId,\n    setSideSheetWidth,\n    setSideSheetButtonLabel,\n    setSideSheetOnSubmit,\n    setSideSheetProps,\n    isNewEntry,\n    entityData,\n    entityName\n  } = props;\n  const user = useUser();\n  const classes = useStyles();\n\n  const [{ data: page, loading: loadingPage }] = useAxiosGet(\n    ConfigService.tenantV1ApiUrl,\n    `page/${pageId}`,\n    {},\n    !!!pageId,\n    false\n  );\n\n  const skeleton = useMemo(() => {\n    const skeletonArr = [];\n    for (let i = 0; i < FIELD_NUMBER; i++) {\n      skeletonArr.push(\n        <>\n          <Skeleton key={i} variant='rect' className={classes.skeleton} />\n          <LayoutUnit unit='xxs' />\n        </>\n      );\n    }\n    return skeletonArr;\n  }, [classes]);\n\n  // LAA UNT-3026: Remove businessObjectKey field from the side panel crud form\n  const filteredEntityAttributes = useMemo(() => {\n    if (entityName?.toLowerCase().includes(UdpEnums.Udp_Lookup.toLowerCase())) {\n      return entityAttributes.filter(\n        (attr) => !UDP_LOOKUP_ENTITY_ATTRIBUTES_TO_HIDE.includes(attr.name)\n      );\n    }\n    return entityAttributes.filter((attr) => attr.name !== 'businessObjectKey');\n  }, [entityAttributes, entityName]);\n\n  const sideSheetContent = useMemo(() => {\n    if (page) {\n      return (\n        <DndProvider backend={HTML5Backend}>\n          <PageContainer\n            user={user}\n            key={pageId}\n            pageData={page}\n            widgetParams={{\n              pageId: page?.pageId,\n              entityAttributes: filteredEntityAttributes,\n              entityData: entityData,\n              entityName: entityName,\n              foreignKeyData: foreignKeyData,\n              isNewEntry: isNewEntry,\n              udpFieldInfos: udpFieldInfos,\n              nodeObj: crudTableEditionData,\n              setSideSheetWidth: setSideSheetWidth,\n              setSideSheetButtonLabel: setSideSheetButtonLabel,\n              setSideSheetOnSubmit: setSideSheetOnSubmit,\n              closeSideSheet: closeSideSheet,\n              setSideSheetProps: setSideSheetProps,\n              onCreate: onCreate,\n              onUpdate: onUpdate\n            }}\n            disableMargins={true}\n          />\n        </DndProvider>\n      );\n    } else {\n      return (\n        <>\n          <CrudForm\n            entityAttributes={filteredEntityAttributes}\n            udpFieldInfos={udpFieldInfos}\n            foreignKeyData={foreignKeyData}\n            crudTableEditionData={crudTableEditionData}\n            closeSideSheet={closeSideSheet}\n            onCreate={onCreate}\n            onUpdate={onUpdate}\n            isNewEntry={isNewEntry}\n            entityData={entityData}\n            entityName={entityName}\n          />\n          <div className={classes.divider}>\n            <Divider />\n          </div>\n        </>\n      );\n    }\n  }, [\n    page,\n    user,\n    pageId,\n    setSideSheetWidth,\n    setSideSheetButtonLabel,\n    setSideSheetOnSubmit,\n    setSideSheetProps,\n    closeSideSheet,\n    onCreate,\n    onUpdate,\n    filteredEntityAttributes,\n    foreignKeyData,\n    isNewEntry,\n    entityData,\n    classes,\n    entityName,\n    udpFieldInfos,\n    crudTableEditionData\n  ]);\n\n  return (\n    <div>\n      {loadingPage ? (\n        <>\n          {skeleton.map((sk) => sk)}\n          <LayoutUnit unit='md' />\n          <Skeleton variant='rect' className={classes.skeletonButton} />\n        </>\n      ) : (\n        sideSheetContent\n      )}\n    </div>\n  );\n};\n\nCrudTableSidePanel.propTypes = {\n  /**\n   * Entity attributes for selected entity within catalog\n   */\n  entityAttributes: PropTypes.array,\n  /**\n   * Foreign key data for selected entity within catalog\n   */\n  foreignKeyData: PropTypes.array,\n  /**\n   * Entity data\n   */\n  crudTableEditionData: PropTypes.array,\n  /**\n   * onClick event for closing sidesheet\n   */\n  closeSideSheet: PropTypes.func,\n  /**\n   * onClick event for creating\n   */\n  onCreate: PropTypes.func,\n  /**\n   * onClick event for updating\n   */\n  onUpdate: PropTypes.func\n};\n"],"mappings":";;;;;;;;;;;;;;;AAAA,MAAa,uCAAuC;CAClD;CACA;CACA;CACA;CACD;;;;ACUD,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,SAAS,EACP,WAAW,MAAM,QAAQ,EAAE,EAC5B;CACF,EAAE;AAEH,MAAM,eAAe;AAErB,MAAa,sBAAsB,UAAU;CAC3C,MAAM,EACJ,kBACA,eACA,gBACA,sBACA,gBACA,UACA,UACA,QACA,mBACA,yBACA,sBACA,mBACA,YACA,YACA,eACE;CACJ,MAAM,OAAO,SAAS;CACtB,MAAM,UAAU,WAAW;CAE3B,MAAM,CAAC,EAAE,MAAM,MAAM,SAAS,iBAAiB,YAC7C,cAAc,gBACd,QAAQ,UACR,EAAE,EACF,CAAC,CAAC,CAAC,QACH,MACD;CAED,MAAM,WAAW,cAAc;EAC7B,MAAM,cAAc,EAAE;AACtB,OAAK,IAAI,IAAI,GAAG,IAAI,cAAc,IAChC,aAAY,KACV,0DACE,oCAAC;GAAS,KAAK;GAAG,SAAQ;GAAO,WAAW,QAAQ;IAAY,EAChE,oCAAC,cAAW,MAAK,QAAQ,CACxB,CACJ;AAEH,SAAO;IACN,CAAC,QAAQ,CAAC;CAGb,MAAM,2BAA2B,cAAc;AAC7C,MAAI,YAAY,aAAa,CAAC,SAAS,SAAS,WAAW,aAAa,CAAC,CACvE,QAAO,iBAAiB,QACrB,SAAS,CAAC,qCAAqC,SAAS,KAAK,KAAK,CACpE;AAEH,SAAO,iBAAiB,QAAQ,SAAS,KAAK,SAAS,oBAAoB;IAC1E,CAAC,kBAAkB,WAAW,CAAC;CAElC,MAAM,mBAAmB,cAAc;AACrC,MAAI,KACF,QACE,oCAAC,eAAY,SAAS,gBACpB,oCAAC;GACO;GACN,KAAK;GACL,UAAU;GACV,cAAc;IACZ,QAAQ,MAAM;IACd,kBAAkB;IACN;IACA;IACI;IACJ;IACG;IACf,SAAS;IACU;IACM;IACH;IACN;IACG;IACT;IACA;IACX;GACD,gBAAgB;IAChB,CACU;MAGhB,QACE,0DACE,oCAAC;GACC,kBAAkB;GACH;GACC;GACM;GACN;GACN;GACA;GACE;GACA;GACA;IACZ,EACF,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC,cAAU,CACP,CACL;IAGN;EACD;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QACE,oCAAC,aACE,cACC,0DACG,SAAS,KAAK,OAAO,GAAG,EACzB,oCAAC,cAAW,MAAK,OAAO,EACxB,oCAAC;EAAS,SAAQ;EAAO,WAAW,QAAQ;GAAkB,CAC7D,GAEH,iBAEE;;AAIV,mBAAmB,YAAY;CAI7B,kBAAkB,UAAU;CAI5B,gBAAgB,UAAU;CAI1B,sBAAsB,UAAU;CAIhC,gBAAgB,UAAU;CAI1B,UAAU,UAAU;CAIpB,UAAU,UAAU;CACrB"}

package/dist/CustomMenuPage-DoVoBXnB.js

@@ -0,0 +1,96 @@
+import { t as MenuPage_default } from "./MenuPage-CqjwUsdW.js";
+import React from "react";
+import { Typography, makeStyles } from "@material-ui/core";
+import PropTypes from "prop-types";
+
+//#region src/menuPage/CustomMenuPage.jsx
+const useStyles = makeStyles((theme) => ({ root: {
+	flexGrow: 1,
+	padding: theme.spacing(1)
+} }));
+function buildInnerMenuFromItems(items = [], menuTitle, idPrefix = "custom", showItemCount = false, itemCountAccessor = null) {
+	const idMap = {};
+	const views = (items || []).map((item, idx) => {
+		const itemKey = item.id ?? item.ID ?? item.groupID ?? idx;
+		const menuStructureId = `${idPrefix}-${itemKey}`;
+		let itemCount = null;
+		if (showItemCount && typeof itemCountAccessor === "function") try {
+			const cnt = itemCountAccessor(item);
+			if (cnt !== void 0 && cnt !== null) itemCount = cnt;
+		} catch (e) {}
+		idMap[menuStructureId] = item;
+		item.__menuStructureId = menuStructureId;
+		item.__itemKey = itemKey;
+		const parametersObj = {
+			FluentIcon: "PageListIcon",
+			PageId: "",
+			defaultDisplay: "expanded"
+		};
+		if (itemCount !== null && itemCount !== void 0) parametersObj.itemCount = itemCount;
+		return {
+			menuStructureId,
+			menuItemInstance: {
+				menuItemInstanceId: `${idPrefix}-item-${itemKey}`,
+				clusterId: null,
+				menuItemId: null,
+				name: item.name ?? "",
+				parameters: JSON.stringify(parametersObj),
+				isActive: true,
+				roleIds: [],
+				groupIds: [],
+				tenantSsoId: null,
+				parentMenuItemInstanceId: null,
+				items: null
+			},
+			title: item.name ?? "",
+			order: idx,
+			parentId: null,
+			unsubscribed: false,
+			menuItemInstanceStructures: []
+		};
+	});
+	return {
+		innerMenu: {
+			name: menuTitle ? menuTitle : "",
+			menuItemInstanceStructureViews: views
+		},
+		idMap
+	};
+}
+const CustomMenuPage = ({ items = [], className = "", menuTitle, mainContent: clientMainContent, idPrefix = "custom", showItemCount = false, itemCountAccessor = null, allowMissingPageParam = false }) => {
+	const classes = useStyles();
+	const { innerMenu, idMap } = buildInnerMenuFromItems(items, menuTitle, idPrefix, showItemCount, itemCountAccessor);
+	const clientContent = clientMainContent ? ({ selectedNode, menuItemsList }) => clientMainContent({
+		selectedNode,
+		menuItemsList,
+		idMap,
+		items,
+		classes,
+		className
+	}) : ({ selectedNode, menuItemsList }) => /* @__PURE__ */ React.createElement("div", { className: `${classes.root} ${className}` });
+	const composedMainContent = ({ selectedNode, menuItemsList }) => /* @__PURE__ */ React.createElement("div", { className: `${classes.root} ${className}` }, clientContent({
+		selectedNode,
+		menuItemsList
+	}));
+	return /* @__PURE__ */ React.createElement(MenuPage_default, {
+		innerMenuOverride: innerMenu,
+		mainContent: composedMainContent,
+		menuTitle,
+		allowMissingPageParam
+	});
+};
+CustomMenuPage.propTypes = {
+	items: PropTypes.array,
+	className: PropTypes.string,
+	menuTitle: PropTypes.string,
+	mainContent: PropTypes.func,
+	idPrefix: PropTypes.string,
+	showItemCount: PropTypes.bool,
+	itemCountAccessor: PropTypes.func,
+	allowMissingPageParam: PropTypes.bool
+};
+var CustomMenuPage_default = CustomMenuPage;
+
+//#endregion
+export { CustomMenuPage_default as t };
+//# sourceMappingURL=CustomMenuPage-DoVoBXnB.js.map