udp-react-enterprise-component-library 25.18.1-beta.2 → 25.18.1-beta.20

package/dist/crudActions-DXyHKaN8.js

@@ -0,0 +1,205 @@
+import { t as Field } from "./Field-Cda5rJe2.js";
+import { t as ConfigService } from "./configService-C4uoG3wj.js";
+import { t as apiMutate } from "./useAxiosMutate-DcLxzykX.js";
+import { t as DateTimeField } from "./DateTimeField-CUzs3MIq.js";
+import { t as FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-5Hp3qpk6.js";
+import { t as FluentToggle } from "./FluentToggle-B1DqTfua.js";
+import { t as PropertyTypeEnum } from "./propertyTypeEnums-Dys-84NL.js";
+import { t as InputFieldType } from "./InputFieldTypeEnums-Mg684vvi.js";
+import { a as toTitleCase, i as toLowerFirstChar } from "./StringUtilities-u-cxAW6-.js";
+import { t as FluentColorPicker } from "./FluentColorPicker-Wi2o3JqX.js";
+import { r as getSanitizedName } from "./entityUtilities-_8w-Zjs3.js";
+import React, { useCallback } from "react";
+import { FormControlLabel, TextField } from "@material-ui/core";
+
+//#region src/hooks/crudActions.jsx
+function useCrudActions() {
+	const renderInputByForeignKey = useCallback((foreignKeyData, setFkData, crudTableFormData, schemaAttribute, index, isNewEntry, entityData, label = "", manyToManyPropertyList = /* @__PURE__ */ new Set()) => {
+		const foreignKeyAttributeName = toLowerFirstChar(schemaAttribute.name);
+		if (!foreignKeyData) return;
+		let attributeData = foreignKeyData.find((fkd) => fkd.fieldName === foreignKeyAttributeName)?.data;
+		return (!schemaAttribute.extendedProperties.identifier || isNewEntry) && /* @__PURE__ */ React.createElement(Field, {
+			component: FluentTextFieldAutoComplete,
+			id: `${schemaAttribute.name}${index}`,
+			initialValue: attributeData ? attributeData.find((d) => d.id === crudTableFormData[foreignKeyAttributeName]) : 0,
+			label: toTitleCase(label),
+			name: foreignKeyAttributeName,
+			fullWidth: true,
+			variant: "outlined",
+			margin: "normal",
+			options: attributeData || [],
+			optionKey: "name",
+			required: !schemaAttribute?.nullable,
+			style: { marginTop: 8 },
+			disabled: schemaAttribute?.disabled
+		});
+	}, []);
+	return {
+		renderInputByForeignKey,
+		renderInputByFieldType: useCallback((schemaAttribute, index, attributes, fieldInfo, foreignKeyData, setFkData, crudTableFormData, classes, isNewEntry, entityData, manyToManyPropertyList) => {
+			const NUMBER_TYPE = [
+				PropertyTypeEnum.Int,
+				PropertyTypeEnum.Long,
+				PropertyTypeEnum.Double
+			];
+			if (schemaAttribute?.name === "clusterId") return;
+			const ceAttributes = attributes.filter((ea) => ea.extendedProperties.childEntity);
+			if (schemaAttribute.type === "bool" && crudTableFormData[toLowerFirstChar(schemaAttribute.name)] === "") crudTableFormData[toLowerFirstChar(schemaAttribute.name)] = false;
+			const attribute = 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);
+			}));
+			if ((schemaAttribute?.isForeignKey || attribute) && !(!attribute?.extendedProperties?.childEntityAssoc?.IsJoiningObject && attribute?.extendedProperties?.childEntityAssoc?.Cardinality === 2) && attribute?.extendedProperties?.childEntityAssoc?.Cardinality !== 3) {
+				const label = fieldInfo?.properties?.displayName ? fieldInfo.properties.displayName : attribute?.reference ? getSanitizedName(attribute.reference) : "";
+				console.log(label);
+				return renderInputByForeignKey(foreignKeyData, setFkData, crudTableFormData, schemaAttribute, index, isNewEntry, entityData, label, manyToManyPropertyList);
+			}
+			const maintainenceConfig = fieldInfo?.properties?.maintainenceConfig;
+			const displayLabel = toTitleCase(fieldInfo?.properties?.displayName || schemaAttribute.name);
+			const defaultFieldType = schemaAttribute?.type;
+			const disabled = schemaAttribute?.disabled || maintainenceConfig?.readOnly || schemaAttribute?.extendedProperties?.readOnly;
+			let fieldIsNumberType = maintainenceConfig?.renderAs === InputFieldType.Number;
+			const required = !schemaAttribute?.nullable || fieldInfo?.isPrimaryKey && !disabled || disabled;
+			const DefaultTextField = /* @__PURE__ */ React.createElement(Field, {
+				component: TextField,
+				id: `${schemaAttribute.name}${index}`,
+				name: toLowerFirstChar(schemaAttribute.name),
+				label: displayLabel,
+				initialValue: crudTableFormData[toLowerFirstChar(schemaAttribute.name)] !== null ? crudTableFormData[toLowerFirstChar(schemaAttribute.name)] : "",
+				type: fieldIsNumberType && "number",
+				fullWidth: true,
+				variant: "outlined",
+				size: "small",
+				required,
+				margin: "dense",
+				InputProps: { classes: {
+					root: classes?.input,
+					input: classes?.formTextInput
+				} },
+				inputProps: { udprecordid: `udpRecord-crudActions-${schemaAttribute.name}${index}` },
+				InputLabelProps: { classes: { root: classes?.labelRoot } },
+				disabled
+			});
+			const DefaultFluentToggle = /* @__PURE__ */ React.createElement(FormControlLabel, {
+				control: /* @__PURE__ */ React.createElement(Field, {
+					component: FluentToggle,
+					type: "checkbox",
+					id: `${schemaAttribute.name}${index}`,
+					disabled,
+					classes: { root: classes?.switchRoot },
+					name: toLowerFirstChar(schemaAttribute.name),
+					color: "secondary",
+					inputProps: { "aria-label": "Active condition" },
+					initialValue: typeof crudTableFormData[toLowerFirstChar(schemaAttribute.name)] === "boolean" ? crudTableFormData[toLowerFirstChar(schemaAttribute.name)] : crudTableFormData[toLowerFirstChar(schemaAttribute.name)] === "true" ? true : false
+				}),
+				label: displayLabel,
+				labelPlacement: "start",
+				style: { marginLeft: 4 }
+			});
+			const DefaultFluentDatePicker = /* @__PURE__ */ React.createElement(Field, {
+				disabled,
+				component: DateTimeField,
+				id: `${schemaAttribute.name}${index}`,
+				name: toLowerFirstChar(schemaAttribute.name),
+				label: displayLabel,
+				initialValue: crudTableFormData[toLowerFirstChar(schemaAttribute.name)] ? new Date(crudTableFormData[toLowerFirstChar(schemaAttribute.name)]) : "",
+				fullWidth: true,
+				variant: "outlined",
+				size: "small",
+				required,
+				style: { marginTop: 8 }
+			});
+			const DefaultFluentColorPicker = /* @__PURE__ */ React.createElement(FormControlLabel, {
+				control: /* @__PURE__ */ React.createElement(Field, {
+					component: FluentColorPicker,
+					id: `${schemaAttribute.name}${index}`,
+					name: toLowerFirstChar(schemaAttribute.name),
+					initialValue: crudTableFormData[toLowerFirstChar(schemaAttribute.name)] || "",
+					fullWidth: true,
+					variant: "outlined",
+					size: "small",
+					required,
+					margin: "dense",
+					InputProps: { classes: {
+						root: classes?.input,
+						input: classes?.formTextInput
+					} },
+					InputLabelProps: { classes: { root: classes?.labelRoot } },
+					disabled
+				}),
+				label: displayLabel,
+				labelPlacement: "start",
+				style: { marginLeft: 4 }
+			});
+			if (maintainenceConfig?.hiddenForm) return null;
+			switch (maintainenceConfig?.renderAs) {
+				case InputFieldType.Text:
+				case InputFieldType.Number: return DefaultTextField;
+				case InputFieldType.Toggle: return DefaultFluentToggle;
+				case InputFieldType.DateTime: return DefaultFluentDatePicker;
+				case InputFieldType.ColorPicker: return DefaultFluentColorPicker;
+				case InputFieldType.Default:
+				default:
+					fieldIsNumberType = NUMBER_TYPE.includes(defaultFieldType);
+					switch (defaultFieldType) {
+						case PropertyTypeEnum.Int:
+						case PropertyTypeEnum.Long:
+						case PropertyTypeEnum.Double:
+						case PropertyTypeEnum.String:
+						case PropertyTypeEnum.String_Uuid: return DefaultTextField;
+						case PropertyTypeEnum.Boolean: return DefaultFluentToggle;
+						case PropertyTypeEnum.DateTime: return DefaultFluentDatePicker;
+						default: return null;
+					}
+			}
+		}, [renderInputByForeignKey]),
+		getFKData: useCallback(async (fkMethods, setForeignKeyData, enqueueSnackbar, displayToasts) => {
+			let fkData = [];
+			let promises = [];
+			let promiseDetails = [];
+			fkMethods.forEach((method) => {
+				if (method && method?.entity?.unityBaseGetAllMethod) {
+					promiseDetails.push({
+						url: ConfigService.integrationV1ApiUrl + `/apimethod/executeQueryWithParameters/${method?.entity?.unityBaseGetAllMethod?.apiMethodId}`,
+						fieldName: method.fkName,
+						name: method.entity.entityName
+					});
+					promises.push(apiMutate(ConfigService.integrationV1ApiUrl, `apimethod/executeQueryWithParameters/${method?.entity?.unityBaseGetAllMethod?.apiMethodId}`, { method: "post" }, { data: {} }));
+				} else if (displayToasts) enqueueSnackbar(`${method.entity.entityName}'s Get-All method needs to be promoted`, {
+					variant: "error",
+					anchorOrigin: {
+						vertical: "top",
+						horizontal: "center"
+					}
+				});
+				else console.warn(`${method.entity.entityName}'s Get-All method needs to be promoted`);
+			});
+			Promise.all(promises).then((resp) => {
+				resp.forEach((response, index) => {
+					if (response.status === 200) {
+						if (response?.data) {
+							let respData = [];
+							response.data.forEach((d) => {
+								respData.push({
+									id: d.id,
+									name: d.name ?? d.id
+								});
+							});
+							const promiseDetail = promiseDetails.find((p) => p.url === response?.config?.url);
+							fkData.push({
+								fieldName: promiseDetail.fieldName,
+								name: promiseDetail.fieldName,
+								data: respData
+							});
+						}
+					}
+				});
+				setForeignKeyData(fkData);
+			});
+		}, [])
+	};
+}
+
+//#endregion
+export { useCrudActions as t };
+//# sourceMappingURL=crudActions-DXyHKaN8.js.map

package/dist/crudActions-DXyHKaN8.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"crudActions-DXyHKaN8.js","names":[],"sources":["../src/hooks/crudActions.jsx"],"sourcesContent":["import { FormControlLabel, TextField } from '@material-ui/core';\nimport React, { useCallback } from 'react';\nimport { apiMutate } from '../utilities/useAxiosMutate';\nimport { DateTimeField } from '../UI/inputs/datetimes/DateTimeField';\nimport { Field } from '../utilities/form';\nimport { FluentTextFieldAutoComplete } from '../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { FluentToggle } from '../UI/inputs/toggle/FluentToggle';\nimport { PropertyTypeEnum } from '../enums/propertyTypeEnums';\nimport { InputFieldType } from '../enums/InputFieldTypeEnums';\nimport { toLowerFirstChar } from '../utilities/input/StringUtilities';\nimport { toTitleCase } from '../utilities/input/StringUtilities';\nimport { FluentColorPicker } from '../UI/inputs/pickers/FluentColorPicker';\nimport { getSanitizedName } from '../utilities/entities/entityUtilities';\nimport { ConfigService } from '../configService';\n\nexport function useCrudActions() {\n  const renderInputByForeignKey = useCallback(\n    (\n      foreignKeyData,\n      setFkData,\n      crudTableFormData,\n      schemaAttribute,\n      index,\n      isNewEntry,\n      entityData,\n      label = '',\n      manyToManyPropertyList = new Set()\n    ) => {\n      const foreignKeyAttributeName = toLowerFirstChar(schemaAttribute.name);\n      if (!foreignKeyData) {\n        return;\n      }\n\n      let attributeData = foreignKeyData.find(\n        (fkd) => fkd.fieldName === foreignKeyAttributeName\n      )?.data;\n\n      //This onChange is trying to prevent duplicate entries but does not consider a 3 way many to many\n      // const onChange = (value) => {\n      //   let newFKData = [...foreignKeyData];\n      //   const fieldName = schemaAttribute.name;\n      //   const existingEntityData = [...entityData].filter(\n      //     (ed) => ed[fieldName] === value?.id\n      //   );\n      //   if (manyToManyPropertyList.has(fieldName?.toLowerCase())) {\n      //     newFKData.forEach((fkd) => {\n      //       // omit comparing selected entity\n      //       if (fkd.fieldName !== fieldName) {\n      //         // compare existing data and remove any used options\n      //         existingEntityData.forEach((eData) => {\n      //           fkd.data = fkd.data.filter(\n      //             (data) => data.id !== eData[fkd.fieldName]\n      //           );\n      //         });\n      //       }\n      //     });\n      //   }\n\n      //   setFkData && setFkData(newFKData);\n      // };\n\n      return (\n        (!schemaAttribute.extendedProperties.identifier || isNewEntry) && (\n          <Field\n            component={FluentTextFieldAutoComplete}\n            id={`${schemaAttribute.name}${index}`}\n            initialValue={\n              attributeData\n                ? attributeData.find(\n                    (d) => d.id === crudTableFormData[foreignKeyAttributeName]\n                  )\n                : 0\n            }\n            label={toTitleCase(label)}\n            name={foreignKeyAttributeName}\n            fullWidth\n            variant='outlined'\n            margin='normal'\n            options={attributeData || []}\n            optionKey={'name'}\n            required={!schemaAttribute?.nullable}\n            style={{ marginTop: 8 }}\n            //additionalOnChangeAction={onChange}\n            disabled={schemaAttribute?.disabled}\n          />\n        )\n      );\n    },\n    []\n  );\n\n  const renderInputByFieldType = useCallback(\n    (\n      schemaAttribute,\n      index,\n      attributes,\n      fieldInfo,\n      foreignKeyData,\n      setFkData,\n      crudTableFormData,\n      classes,\n      isNewEntry,\n      entityData,\n      manyToManyPropertyList\n    ) => {\n      const NUMBER_TYPE = [\n        PropertyTypeEnum.Int,\n        PropertyTypeEnum.Long,\n        PropertyTypeEnum.Double\n      ];\n\n      //dont render clusterId\n      if (schemaAttribute?.name === 'clusterId') {\n        return;\n      }\n\n      //Get list of child entities\n      const ceAttributes = attributes.filter(\n        (ea) => ea.extendedProperties.childEntity\n      );\n\n      //If bool field not set, set to false\n      if (\n        schemaAttribute.type === 'bool' &&\n        crudTableFormData[toLowerFirstChar(schemaAttribute.name)] === ''\n      ) {\n        crudTableFormData[toLowerFirstChar(schemaAttribute.name)] = false;\n      }\n\n      //finding if any child entity\n      const attribute = 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      //If schemaAttribute is used as a foreign key, render field as foreign field\n      //schemaAttribute must be a foreign key to another table and if its manytomany, it has to be the joining table. No one to many\n      if (\n        (schemaAttribute?.isForeignKey || attribute) &&\n        !(\n          !attribute?.extendedProperties?.childEntityAssoc?.IsJoiningObject &&\n          attribute?.extendedProperties?.childEntityAssoc?.Cardinality === 2\n        ) &&\n        attribute?.extendedProperties?.childEntityAssoc?.Cardinality !== 3\n      ) {\n        const label = fieldInfo?.properties?.displayName\n          ? fieldInfo.properties.displayName\n          : attribute?.reference\n          ? getSanitizedName(attribute.reference)\n          : '';\n        console.log(label);\n        return renderInputByForeignKey(\n          foreignKeyData,\n          setFkData,\n          crudTableFormData,\n          schemaAttribute,\n          index,\n          isNewEntry,\n          entityData,\n          label,\n          manyToManyPropertyList\n        );\n      }\n\n      const maintainenceConfig = fieldInfo?.properties?.maintainenceConfig;\n      const displayLabel = toTitleCase(\n        fieldInfo?.properties?.displayName || schemaAttribute.name\n      );\n      const defaultFieldType = schemaAttribute?.type;\n      const disabled =\n        schemaAttribute?.disabled ||\n        maintainenceConfig?.readOnly ||\n        schemaAttribute?.extendedProperties?.readOnly;\n\n      let fieldIsNumberType =\n        maintainenceConfig?.renderAs === InputFieldType.Number;\n\n      const required =\n        !schemaAttribute?.nullable ||\n        (fieldInfo?.isPrimaryKey && !disabled) ||\n        disabled;\n\n      const DefaultTextField = (\n        <Field\n          component={TextField}\n          id={`${schemaAttribute.name}${index}`}\n          name={toLowerFirstChar(schemaAttribute.name)}\n          label={displayLabel}\n          initialValue={\n            crudTableFormData[toLowerFirstChar(schemaAttribute.name)] !== null\n              ? crudTableFormData[toLowerFirstChar(schemaAttribute.name)]\n              : ''\n          }\n          type={fieldIsNumberType && 'number'}\n          fullWidth\n          variant='outlined'\n          size='small'\n          required={required}\n          margin='dense'\n          InputProps={{\n            classes: {\n              root: classes?.input,\n              input: classes?.formTextInput\n            }\n          }}\n          inputProps={{\n            udprecordid: `udpRecord-crudActions-${schemaAttribute.name}${index}`\n          }}\n          InputLabelProps={{\n            classes: {\n              root: classes?.labelRoot\n            }\n          }}\n          disabled={disabled}\n        />\n      );\n\n      const DefaultFluentToggle = (\n        <FormControlLabel\n          control={\n            <Field\n              component={FluentToggle}\n              type='checkbox'\n              id={`${schemaAttribute.name}${index}`}\n              disabled={disabled}\n              classes={{ root: classes?.switchRoot }}\n              name={toLowerFirstChar(schemaAttribute.name)}\n              color='secondary'\n              inputProps={{ 'aria-label': 'Active condition' }}\n              initialValue={\n                typeof crudTableFormData[\n                  toLowerFirstChar(schemaAttribute.name)\n                ] === 'boolean'\n                  ? crudTableFormData[toLowerFirstChar(schemaAttribute.name)]\n                  : crudTableFormData[\n                      toLowerFirstChar(schemaAttribute.name)\n                    ] === 'true'\n                  ? true\n                  : false\n              }\n            />\n          }\n          label={displayLabel}\n          labelPlacement='start'\n          style={{ marginLeft: 4 }}\n        />\n      );\n\n      const DefaultFluentDatePicker = (\n        <Field\n          disabled={disabled}\n          component={DateTimeField}\n          id={`${schemaAttribute.name}${index}`}\n          name={toLowerFirstChar(schemaAttribute.name)}\n          label={displayLabel}\n          initialValue={\n            crudTableFormData[toLowerFirstChar(schemaAttribute.name)]\n              ? new Date(\n                  crudTableFormData[toLowerFirstChar(schemaAttribute.name)]\n                )\n              : ''\n          }\n          fullWidth\n          variant='outlined'\n          size='small'\n          required={required}\n          style={{ marginTop: 8 }}\n        />\n      );\n\n      const DefaultFluentColorPicker = (\n        <FormControlLabel\n          control={\n            <Field\n              component={FluentColorPicker}\n              id={`${schemaAttribute.name}${index}`}\n              name={toLowerFirstChar(schemaAttribute.name)}\n              initialValue={\n                crudTableFormData[toLowerFirstChar(schemaAttribute.name)] || ''\n              }\n              fullWidth\n              variant='outlined'\n              size='small'\n              required={required}\n              margin='dense'\n              InputProps={{\n                classes: {\n                  root: classes?.input,\n                  input: classes?.formTextInput\n                }\n              }}\n              InputLabelProps={{\n                classes: {\n                  root: classes?.labelRoot\n                }\n              }}\n              disabled={disabled}\n            />\n          }\n          label={displayLabel}\n          labelPlacement='start'\n          style={{ marginLeft: 4 }}\n        />\n      );\n\n      if (maintainenceConfig?.hiddenForm) return null;\n\n      switch (maintainenceConfig?.renderAs) {\n        case InputFieldType.Text:\n        case InputFieldType.Number:\n          return DefaultTextField;\n        case InputFieldType.Toggle:\n          return DefaultFluentToggle;\n        case InputFieldType.DateTime:\n          return DefaultFluentDatePicker;\n        case InputFieldType.ColorPicker:\n          return DefaultFluentColorPicker;\n        case InputFieldType.Default:\n        default:\n          fieldIsNumberType = NUMBER_TYPE.includes(defaultFieldType);\n          switch (defaultFieldType) {\n            case PropertyTypeEnum.Int:\n            case PropertyTypeEnum.Long:\n            case PropertyTypeEnum.Double:\n            case PropertyTypeEnum.String:\n            case PropertyTypeEnum.String_Uuid:\n              return DefaultTextField;\n            case PropertyTypeEnum.Boolean:\n              return DefaultFluentToggle;\n            case PropertyTypeEnum.DateTime:\n              return DefaultFluentDatePicker;\n            default:\n              return null;\n          }\n      }\n    },\n    [renderInputByForeignKey]\n  );\n\n  const getFKData = useCallback(\n    async (fkMethods, setForeignKeyData, enqueueSnackbar, displayToasts) => {\n      let fkData = [];\n      let promises = [];\n      let promiseDetails = [];\n      fkMethods.forEach((method) => {\n        if (method && method?.entity?.unityBaseGetAllMethod) {\n          promiseDetails.push({\n            url:\n              ConfigService.integrationV1ApiUrl +\n              `/apimethod/executeQueryWithParameters/${method?.entity?.unityBaseGetAllMethod?.apiMethodId}`,\n            fieldName: method.fkName,\n            name: method.entity.entityName\n          });\n\n          promises.push(\n            apiMutate(\n              ConfigService.integrationV1ApiUrl,\n              `apimethod/executeQueryWithParameters/${method?.entity?.unityBaseGetAllMethod?.apiMethodId}`,\n              {\n                method: 'post'\n              },\n              { data: {} }\n            )\n          );\n        } else {\n          if (displayToasts) {\n            enqueueSnackbar(\n              `${method.entity.entityName}'s Get-All method needs to be promoted`,\n              {\n                variant: 'error',\n                anchorOrigin: {\n                  vertical: 'top',\n                  horizontal: 'center'\n                }\n              }\n            );\n          } else {\n            console.warn(\n              `${method.entity.entityName}'s Get-All method needs to be promoted`\n            );\n          }\n        }\n      });\n\n      Promise.all(promises).then((resp) => {\n        resp.forEach((response, index) => {\n          if (response.status === 200) {\n            if (response?.data) {\n              let respData = [];\n              response.data.forEach((d) => {\n                respData.push({ id: d.id, name: d.name ?? d.id });\n              });\n\n              const promiseDetail = promiseDetails.find(\n                (p) => p.url === response?.config?.url\n              );\n              fkData.push({\n                fieldName: promiseDetail.fieldName,\n                name: promiseDetail.fieldName,\n                data: respData\n              });\n            }\n          }\n        });\n        setForeignKeyData(fkData);\n      });\n    },\n    []\n  );\n\n  return {\n    renderInputByForeignKey,\n    renderInputByFieldType,\n    getFKData\n  };\n}\n"],"mappings":"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"}

package/dist/dashboard/index.js

@@ -1,11 +1,11 @@
-import "../FluentIcon-DjE8A5DC.js";
+import "../FluentIcon-DQ6nSDJg.js";
 import "../shellStore-C8zfPsZ-.js";
-import { n as WidgetCard } from "../DashboardWidget-Cs3KcYJk.js";
-import "../FUICard-BuGJ_WAu.js";
+import { n as WidgetCard } from "../DashboardWidget-F4pnOQAe.js";
+import "../FUICard-DmszpY_T.js";
 import "../FUISquareIconButton-DwTSTnBV.js";
-import "../FluentCard-DyXAmC_f.js";
+import "../FluentCard-C3qSYfiz.js";
 import "../useId-I-OmRBmB.js";
-import "../FUIMenuItem-BvpTageE.js";
+import "../FUIMenuItem-BZJKJa91.js";
 import "../PageLoading-GD6E2uMU.js";
 
 export { WidgetCard };

package/dist/dataBrowser/forms/index.js

@@ -1,19 +1,19 @@
-import "../../Form-DZ1kwXKb.js";
-import "../../Field-Cpjv208h.js";
-import "../../form-DiRJbkTP.js";
-import "../../FluentButton-3xMbN_Vs.js";
-import "../../FormButtons-9It_7BQ0.js";
+import "../../Form-DbOA5j38.js";
+import "../../Field-Cda5rJe2.js";
+import "../../form-Dj1zVw6K.js";
+import "../../FluentButton-BexKrnAp.js";
+import "../../FormButtons-BTCO-pzW.js";
 import "../../configService-C4uoG3wj.js";
-import "../../apiHelpers-BpZTkMX8.js";
-import "../../pageEnums-CA-HlW3W.js";
+import "../../apiHelpers-B_cn3sZo.js";
+import "../../pageEnums-DHCYa0ey.js";
 import "../../UnitySessionStorage-CUDx9YWR.js";
-import "../../axiosInterceptors-6Czv1PA5.js";
+import "../../axiosInterceptors-FQ3b5kjr.js";
 import "../../useUser-wpHGo6jU.js";
-import "../../FluentTextFieldAutoComplete-g8jRczF9.js";
-import "../../FluentIcon-DjE8A5DC.js";
-import "../../FluentIconButton-CtN4xdO_.js";
-import "../../useAxiosGet-BMoXHfLN.js";
-import { i as ParamsMappingFields, n as RequiredFieldsMappingField, r as ParamsMappingForm, t as RequiredFieldsMappingForm } from "../../RequiredFieldsMappingForm-UdgVao79.js";
-import "../../forms-DoLgP7J3.js";
+import "../../FluentTextFieldAutoComplete-5Hp3qpk6.js";
+import "../../FluentIcon-DQ6nSDJg.js";
+import "../../FluentIconButton-Dc95mE3v.js";
+import "../../useAxiosGet-vvPjwB4W.js";
+import { i as ParamsMappingFields, n as RequiredFieldsMappingField, r as ParamsMappingForm, t as RequiredFieldsMappingForm } from "../../RequiredFieldsMappingForm-KwEaUAJ-.js";
+import "../../forms-uSV7-14b.js";
 
 export { ParamsMappingFields, ParamsMappingForm, RequiredFieldsMappingField, RequiredFieldsMappingForm };

package/dist/dataBrowser/index.js

@@ -1,90 +1,90 @@
 import "../AgTable-B2xTzAm2.js";
-import "../Form-DZ1kwXKb.js";
-import "../Field-Cpjv208h.js";
-import "../form-DiRJbkTP.js";
-import "../FluentButton-3xMbN_Vs.js";
-import "../FormButtons-9It_7BQ0.js";
+import "../Form-DbOA5j38.js";
+import "../Field-Cda5rJe2.js";
+import "../form-Dj1zVw6K.js";
+import "../FluentButton-BexKrnAp.js";
+import "../FormButtons-BTCO-pzW.js";
 import "../CrudBrowserUtilities-C9nVmUR3.js";
 import "../configService-C4uoG3wj.js";
-import "../apiHelpers-BpZTkMX8.js";
-import "../pageEnums-CA-HlW3W.js";
+import "../apiHelpers-B_cn3sZo.js";
+import "../pageEnums-DHCYa0ey.js";
 import "../UnitySessionStorage-CUDx9YWR.js";
-import "../axiosInterceptors-6Czv1PA5.js";
+import "../axiosInterceptors-FQ3b5kjr.js";
 import "../useUser-wpHGo6jU.js";
-import "../useAxiosMutate-q_ZpG98Z.js";
-import "../DateTimeField-ClXADzX_.js";
-import "../FluentTextFieldAutoComplete-g8jRczF9.js";
-import "../FluentToggle-tnFh7NYe.js";
+import "../useAxiosMutate-DcLxzykX.js";
+import "../DateTimeField-CUzs3MIq.js";
+import "../FluentTextFieldAutoComplete-5Hp3qpk6.js";
+import "../FluentToggle-B1DqTfua.js";
 import "../propertyTypeEnums-Dys-84NL.js";
 import "../InputFieldTypeEnums-Mg684vvi.js";
 import "../StringUtilities-u-cxAW6-.js";
-import "../FluentIcon-DjE8A5DC.js";
-import "../FluentIconButton-CtN4xdO_.js";
-import "../FluentColorPicker-8XGyMfwI.js";
+import "../FluentIcon-DQ6nSDJg.js";
+import "../FluentIconButton-Dc95mE3v.js";
+import "../FluentColorPicker-Wi2o3JqX.js";
 import "../entityUtilities-_8w-Zjs3.js";
-import "../crudActions-sObuiwo7.js";
+import "../crudActions-DXyHKaN8.js";
 import "../unitySystemEnums-DQSkCr3D.js";
-import "../UnityFluentIcon-DkZ-zXku.js";
+import "../UnityFluentIcon-DrASIcTF.js";
 import "../ActionLoadingDispatchContext-XEU8GWlw.js";
-import "../actionUtils-99XIoiDI.js";
+import "../actionUtils-cC_2y5Xi.js";
 import "../inquiryStore-BMYKf5MP.js";
 import "../catalogStore-DP2GxpTJ.js";
 import "../shellStore-C8zfPsZ-.js";
-import "../useActions-CBGNxEKr.js";
-import "../PrimaryActionButton-D21P13f_.js";
+import "../useActions-BbqecXkd.js";
+import "../PrimaryActionButton-Dk8zvDAW.js";
 import "../SearchUtilities-Df1gkDw9.js";
 import "../teleporterStore-CjUFtATo.js";
 import "../AmbientPopoverMenuItem-BZuX43zJ.js";
 import "../LayoutUnit-D4jJvonh.js";
-import "../StandardTitle-UHYnVDSe.js";
-import "../SideSheetHeader-BS0A6YT-.js";
-import "../SideSheet-DVvhEo7C.js";
-import "../useAxiosGet-BMoXHfLN.js";
-import "../DashboardWidget-Cs3KcYJk.js";
-import "../FUICard-BuGJ_WAu.js";
+import "../StandardTitle-DJ9zcNBA.js";
+import "../SideSheetHeader-DgnkLGmv.js";
+import "../SideSheet-C-rILQqR.js";
+import "../useAxiosGet-vvPjwB4W.js";
+import "../DashboardWidget-F4pnOQAe.js";
+import "../FUICard-DmszpY_T.js";
 import "../FUISquareIconButton-DwTSTnBV.js";
-import "../FluentCard-DyXAmC_f.js";
+import "../FluentCard-C3qSYfiz.js";
 import "../useId-I-OmRBmB.js";
-import "../FUIMenuItem-BvpTageE.js";
+import "../FUIMenuItem-BZJKJa91.js";
 import "../PageLoading-GD6E2uMU.js";
-import "../Page-DY0ESivs.js";
-import "../PrimaryActionHeader-Csy_2HwQ.js";
+import "../Page-CpSUnDZr.js";
+import "../PrimaryActionHeader-DbGQNveI.js";
 import "../StatusChip-DZAN88VU.js";
-import "../UdpTabs-CB8ez2EV.js";
+import "../UdpTabs-DVZGEwOC.js";
 import "../PageContext-BpOBJHpb.js";
 import "../useSetLocationState-Kvcc9BTb.js";
-import "../PageContainer-C76IH-3L.js";
-import "../methodUtils-DEk9B4A8.js";
+import "../PageContainer-N4d5KO-T.js";
+import "../methodUtils-Cwo_kmVX.js";
 import "../useBuildEnvironment-2gdqpmBX.js";
-import "../usePromotedMethodEntity-wRBkHT3x.js";
-import "../AmbientTextField-BBZcLilt.js";
+import "../usePromotedMethodEntity-Bi2neP26.js";
+import "../AmbientTextField-CdnqPJUw.js";
 import "../Ellipse-DGTaApGj.js";
-import "../GridGroupingSidebar-YNa0__cR.js";
-import "../AmbientTokenButton-DGq_rY9l.js";
-import "../Token-2qpMI6YU.js";
-import "../AmbientToggleButton-CWxK7Djj.js";
+import "../GridGroupingSidebar-D-ozXbff.js";
+import "../AmbientTokenButton-B53E25r2.js";
+import "../Token-rFpVjQT_.js";
+import "../AmbientToggleButton-BjyjXj8S.js";
 import "../isValueSelected-DhRqZZPu.js";
-import "../AmbientToggleButtonGroupDefault-BhzqJ9wA.js";
-import "../BulkActionsGridButton-Ov0wgiPQ.js";
-import "../AmbientChipButton-DVEZWSRM.js";
-import "../FluentDialog-8KC6injO.js";
+import "../AmbientToggleButtonGroupDefault-CngfAplM.js";
+import "../BulkActionsGridButton-CSzHiVvH.js";
+import "../AmbientChipButton-DYAYXuKp.js";
+import "../FluentDialog-B5ZxvX1E.js";
 import "../GridFunctions-BmV2e-nR.js";
 import "../useDynamicListCalculation-BzXkwt1u.js";
-import "../DynamicContainerWithMenu-DWB4-ibW.js";
+import "../DynamicContainerWithMenu-lYZyNyb_.js";
 import "../SearchOperator-D9838PIe.js";
-import "../AmbientGridTemplate-Dzn3Ya2g.js";
-import "../IconButtonWithToolTip-BL60Lfj0.js";
-import "../ActionsRenderer-DzA7nlDx.js";
-import { i as ParamsMappingFields, n as RequiredFieldsMappingField, r as ParamsMappingForm, t as RequiredFieldsMappingForm } from "../RequiredFieldsMappingForm-UdgVao79.js";
+import "../AmbientGridTemplate-BecuOnHe.js";
+import "../IconButtonWithToolTip-DswviiJB.js";
+import "../ActionsRenderer-B1ImXko3.js";
+import { i as ParamsMappingFields, n as RequiredFieldsMappingField, r as ParamsMappingForm, t as RequiredFieldsMappingForm } from "../RequiredFieldsMappingForm-KwEaUAJ-.js";
 import "../lookupsStore-DPI8oD9R.js";
 import "../QueryResult-CNLmUNN4.js";
-import "../useQueryExecutors-CuXmVvXX.js";
+import "../useQueryExecutors-UWa24-Mf.js";
 import "../SearchServiceDatasource-CFWLJElU.js";
 import "../useDefaultFormValues-BVsgZOlc.js";
 import "../tagEnums-BG8WEzei.js";
-import "../CrudForm-DyhVJYmX.js";
-import "../CrudTableSidePanel-DuhfEA3E.js";
-import { n as DataBrowserColumnDefs, r as defaultColActionsDef, t as DataBrowserContainer } from "../DataBrowserContainer-OW5RxLhu.js";
-import "../forms-DoLgP7J3.js";
+import "../CrudForm-DzmNPfVa.js";
+import "../CrudTableSidePanel-CXOSojmw.js";
+import { n as DataBrowserColumnDefs, r as defaultColActionsDef, t as DataBrowserContainer } from "../DataBrowserContainer-DHE9PS3L.js";
+import "../forms-uSV7-14b.js";
 
 export { DataBrowserColumnDefs, DataBrowserContainer, ParamsMappingFields, ParamsMappingForm, RequiredFieldsMappingField, RequiredFieldsMappingForm, defaultColActionsDef };

package/dist/dataDisplay-CBFgak2F.js

@@ -0,0 +1,44 @@
+import React, { useState } from "react";
+import PropTypes from "prop-types";
+import { makeStyles, useTheme } from "@material-ui/core/styles";
+
+//#region src/UI/dataDisplay/HintPanel.jsx
+const useStyles = makeStyles((theme) => ({
+	hintContainer: { borderLeft: `3px solid ${theme.palette.primary.main}` },
+	hintContent: {
+		backgroundColor: "#F3F9FE",
+		padding: `1rem`
+	},
+	hideHintButton: {
+		border: "none",
+		background: "none",
+		cursor: "pointer",
+		color: "#0B79D0",
+		textDecoration: "none"
+	},
+	hidehelp: {
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "flex-end",
+		width: "100%"
+	}
+}));
+const HintPanel = ({ hint, hideHintText }) => {
+	const classes = useStyles(useTheme());
+	const [showHint, setShowHint] = useState(true);
+	const handleHideHint = () => {
+		setShowHint(false);
+	};
+	return /* @__PURE__ */ React.createElement("div", { className: classes.hintContainer }, showHint && /* @__PURE__ */ React.createElement("div", { className: classes.hintContent }, /* @__PURE__ */ React.createElement("div", null, hint), /* @__PURE__ */ React.createElement("div", { className: classes.hidehelp }, /* @__PURE__ */ React.createElement("button", {
+		className: classes.hideHintButton,
+		onClick: handleHideHint
+	}, hideHintText))));
+};
+HintPanel.propTypes = {
+	hint: PropTypes.string.isRequired,
+	hideHintText: PropTypes.string.isRequired
+};
+
+//#endregion
+export { HintPanel as t };
+//# sourceMappingURL=dataDisplay-CBFgak2F.js.map

package/dist/dataDisplay-CBFgak2F.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dataDisplay-CBFgak2F.js","names":[],"sources":["../src/UI/dataDisplay/HintPanel.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core/styles';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  hintContainer: {\n    borderLeft: `3px solid ${theme.palette.primary.main}`\n  },\n  hintContent: {\n    backgroundColor: '#F3F9FE',\n    padding: `1rem`\n  },\n  hideHintButton: {\n    border: 'none',\n    background: 'none',\n    cursor: 'pointer',\n    color: '#0B79D0',\n    textDecoration: 'none'\n  },\n  hidehelp: {\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'flex-end',\n    width: '100%'\n  }\n}));\n\nexport const HintPanel = ({ hint, hideHintText }) => {\n  const theme = useTheme();\n  const classes = useStyles(theme);\n  const [showHint, setShowHint] = useState(true);\n\n  const handleHideHint = () => {\n    setShowHint(false);\n  };\n\n  return (\n    <div className={classes.hintContainer}>\n      {showHint && (\n        <div className={classes.hintContent}>\n          <div>{hint}</div>\n          <div className={classes.hidehelp}>\n            <button className={classes.hideHintButton} onClick={handleHideHint}>\n              {hideHintText}\n            </button>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n};\n\nHintPanel.propTypes = {\n  hint: PropTypes.string.isRequired, // Hint content to be displayed\n  hideHintText: PropTypes.string.isRequired // Text for the hide hint button\n};\n"],"mappings":";;;;;AAIA,MAAM,YAAY,YAAY,WAAW;CACvC,eAAe,EACb,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,aAAa;EACX,iBAAiB;EACjB,SAAS;EACV;CACD,gBAAgB;EACd,QAAQ;EACR,YAAY;EACZ,QAAQ;EACR,OAAO;EACP,gBAAgB;EACjB;CACD,UAAU;EACR,SAAS;EACT,eAAe;EACf,YAAY;EACZ,OAAO;EACR;CACF,EAAE;AAEH,MAAa,aAAa,EAAE,MAAM,mBAAmB;CAEnD,MAAM,UAAU,UADF,UAAU,CACQ;CAChC,MAAM,CAAC,UAAU,eAAe,SAAS,KAAK;CAE9C,MAAM,uBAAuB;AAC3B,cAAY,MAAM;;AAGpB,QACE,oCAAC,SAAI,WAAW,QAAQ,iBACrB,YACC,oCAAC,SAAI,WAAW,QAAQ,eACtB,oCAAC,aAAK,KAAW,EACjB,oCAAC,SAAI,WAAW,QAAQ,YACtB,oCAAC;EAAO,WAAW,QAAQ;EAAgB,SAAS;IACjD,aACM,CACL,CACF,CAEJ;;AAIV,UAAU,YAAY;CACpB,MAAM,UAAU,OAAO;CACvB,cAAc,UAAU,OAAO;CAChC"}

package/dist/defaultTabs-CVeUq9lw.js

@@ -0,0 +1,43 @@
+import React from "react";
+import { Box, Tab, Typography, lighten, styled } from "@material-ui/core";
+import PropTypes from "prop-types";
+
+//#region src/UI/navigation/tabs/defaultTabs/FluentTabPanels.jsx
+const a11yProps = (index) => {
+	return {
+		id: `simple-tab-${index}`,
+		"aria-controls": `simple-tabpanel-${index}`
+	};
+};
+/**
+* @type {import('@material-ui/core').StyledComponentProps<"root" | "labelIcon" | "textColorInherit" | "textColorPrimary" | "textColorSecondary" | "selected" | "disabled" | "fullWidth" | "wrapped" | "wrapper">}
+*/
+const StyledTab = styled(Tab)(({ theme, style }) => ({
+	textTransform: "none",
+	"&.Mui-selected": {
+		backgroundColor: lighten(theme.palette.secondary.light, .9),
+		color: theme.palette.primary.main
+	},
+	backgroundColor: theme.palette.background.paper,
+	...style
+}));
+const FluentTabPanels = (props) => {
+	const { children, value, index, sx, ...other } = props;
+	return /* @__PURE__ */ React.createElement("div", {
+		role: "tabpanel",
+		hidden: value !== index,
+		id: `simple-tabpanel-${index}`,
+		"aria-labelledby": `simple-tab-${index}`,
+		...other
+	}, value === index && /* @__PURE__ */ React.createElement(Box, { sx: sx ? { ...sx } : { p: 3 } }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, children)));
+};
+FluentTabPanels.propTypes = {
+	children: PropTypes.node,
+	index: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,
+	value: PropTypes.number.isRequired,
+	sx: PropTypes.object
+};
+
+//#endregion
+export { StyledTab as n, a11yProps as r, FluentTabPanels as t };
+//# sourceMappingURL=defaultTabs-CVeUq9lw.js.map

package/dist/defaultTabs-CVeUq9lw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"defaultTabs-CVeUq9lw.js","names":[],"sources":["../src/UI/navigation/tabs/defaultTabs/FluentTabPanels.jsx"],"sourcesContent":["import React from 'react'\nimport { Box, Tab, Typography, styled, lighten } from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\nexport const a11yProps = (index) => {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`,\n  };\n}\n\n/**\n * @type {import('@material-ui/core').StyledComponentProps<\"root\" | \"labelIcon\" | \"textColorInherit\" | \"textColorPrimary\" | \"textColorSecondary\" | \"selected\" | \"disabled\" | \"fullWidth\" | \"wrapped\" | \"wrapper\">}\n */\nexport const StyledTab = styled(Tab)(({ theme, style }) => ({\n  textTransform: \"none\",\n  '&.Mui-selected': {\n    backgroundColor: lighten(theme.palette.secondary.light, 0.9),\n    color: theme.palette.primary.main,\n  },\n  backgroundColor: theme.palette.background.paper,\n  ...style\n}));\n\nexport const FluentTabPanels = (props) => {\n  const { children, value, index, sx, ...other } = props;\n\n  return (\n    <div\n      role=\"tabpanel\"\n      hidden={value !== index}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n      {...other}\n    >\n      {value === index && (\n        <Box sx={sx ? { ...sx } : { p: 3 }}>\n          <Typography variant=\"subtitle2\">{children}</Typography>\n        </Box>\n      )}\n    </div>\n  );\n}\n\nFluentTabPanels.propTypes = {\n  children: PropTypes.node,\n  index: PropTypes.oneOfType([PropTypes.number, PropTypes.string]).isRequired,\n  value: PropTypes.number.isRequired,\n  sx: PropTypes.object,\n}\n\n"],"mappings":";;;;;AAIA,MAAa,aAAa,UAAU;AAClC,QAAO;EACL,IAAI,cAAc;EAClB,iBAAiB,mBAAmB;EACrC;;;;;AAMH,MAAa,YAAY,OAAO,IAAI,EAAE,EAAE,OAAO,aAAa;CAC1D,eAAe;CACf,kBAAkB;EAChB,iBAAiB,QAAQ,MAAM,QAAQ,UAAU,OAAO,GAAI;EAC5D,OAAO,MAAM,QAAQ,QAAQ;EAC9B;CACD,iBAAiB,MAAM,QAAQ,WAAW;CAC1C,GAAG;CACJ,EAAE;AAEH,MAAa,mBAAmB,UAAU;CACxC,MAAM,EAAE,UAAU,OAAO,OAAO,IAAI,GAAG,UAAU;AAEjD,QACE,oCAAC;EACC,MAAK;EACL,QAAQ,UAAU;EAClB,IAAI,mBAAmB;EACvB,mBAAiB,cAAc;EAC/B,GAAI;IAEH,UAAU,SACT,oCAAC,OAAI,IAAI,KAAK,EAAE,GAAG,IAAI,GAAG,EAAE,GAAG,GAAG,IAChC,oCAAC,cAAW,SAAQ,eAAa,SAAsB,CACnD,CAEJ;;AAIV,gBAAgB,YAAY;CAC1B,UAAU,UAAU;CACpB,OAAO,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,CAAC,CAAC;CACjE,OAAO,UAAU,OAAO;CACxB,IAAI,UAAU;CACf"}

package/dist/enums/index.js

@@ -1,4 +1,4 @@
-import { n as UdpPageEnums, t as ClickOpenEnums } from "../pageEnums-CA-HlW3W.js";
+import { n as UdpPageEnums, t as ClickOpenEnums } from "../pageEnums-DHCYa0ey.js";
 import { t as PropertyTypeEnum } from "../propertyTypeEnums-Dys-84NL.js";
 import { t as InputFieldType } from "../InputFieldTypeEnums-Mg684vvi.js";
 import { A as SplitScreenTypeEnums, C as RoleIdEnums, D as SearchSortDirection, E as SearchGroupingType, F as UdpReminderFiledForType, I as VerticalEnums, L as VisibilityTypeEnums, M as TreeViewModeEnums, N as UdpEnums, O as SearchValueType, P as UdpKeywordEnums, S as ProductNameEnums, T as RoleTypeEnums, _ as NodeActionTriggerEnums, a as EntityAttributeEnums, b as PanelPositionEnums, c as GridStateTypeEnums, d as LogicalSearchOperatorEnums, f as LookupTypeEnums, g as NodeActionEnums, h as MenuTypeEnums, i as DeviceTypeEnums, j as TenantTypeEnums, k as SeverityTypeEnums, l as JobStatusIdMapping, m as MenuItemEnums, n as CardinalityTypeEnums, o as GridEnums, p as LookupTypeIdEnums, r as ContainerTypeEnums, s as GridExcelStyleEnums, t as ADUserTypeEnums, u as JobTypeIdMapping, v as NodeGroupOutlierEnums, w as RoleNameEnums, x as ProductEnums, y as NodeGroupTypeEnums } from "../unitySystemEnums-DQSkCr3D.js";
@@ -6,5 +6,6 @@ import { n as PaymentTenderTypeEnum, r as PaymentMethodTypeEnum, t as PaymentVen
 import { t as FilterElementParamType } from "../searchEnums-BTFUwf6v.js";
 import { n as UnitTypeEnums, t as UnitStateType } from "../workflowEnums-Ce66RCVc.js";
 import { t as TagEnums } from "../tagEnums-BG8WEzei.js";
+import "../enums-Edm9Kwqq.js";
 
 export { ADUserTypeEnums, CardinalityTypeEnums, ClickOpenEnums, ContainerTypeEnums, DeviceTypeEnums, EntityAttributeEnums, FilterElementParamType, GridEnums, GridExcelStyleEnums, GridStateTypeEnums, InputFieldType, JobStatusIdMapping, JobTypeIdMapping, LogicalSearchOperatorEnums, LookupTypeEnums, LookupTypeIdEnums, MenuItemEnums, MenuTypeEnums, NodeActionEnums, NodeActionTriggerEnums, NodeGroupOutlierEnums, NodeGroupTypeEnums, PanelPositionEnums, PaymentMethodTypeEnum, PaymentTenderTypeEnum, PaymentVendorFactoryEnum, ProductEnums, ProductNameEnums, PropertyTypeEnum, RoleIdEnums, RoleNameEnums, RoleTypeEnums, SearchGroupingType, SearchSortDirection, SearchValueType, SeverityTypeEnums, SplitScreenTypeEnums, TagEnums, TenantTypeEnums, TreeViewModeEnums, UdpEnums, UdpKeywordEnums, UdpPageEnums, UdpReminderFiledForType, UnitStateType, UnitTypeEnums, VerticalEnums, VisibilityTypeEnums };

package/dist/form-Dj1zVw6K.js

@@ -0,0 +1,76 @@
+import { n as createDecorator_default } from "./Form-DbOA5j38.js";
+import React, { useEffect } from "react";
+import { Typography } from "@material-ui/core";
+import { FormSpy, useField, useForm, useFormState } from "react-final-form";
+import arrayMutators from "final-form-arrays";
+
+//#region src/utilities/form/FormError.tsx
+/**
+* Displays form-wide validation and submit errors in a MUI Typography error element
+*/
+const FormError = (props) => {
+	return /* @__PURE__ */ React.createElement(FormSpy, { subscription: {
+		error: true,
+		submitError: true
+	} }, ({ error, submitError }) => {
+		if (error || submitError) return /* @__PURE__ */ React.createElement(Typography, {
+			component: "p",
+			paragraph: true,
+			...props,
+			color: "error"
+		}, error || submitError);
+		return null;
+	});
+};
+
+//#endregion
+//#region src/utilities/form/useFieldChangeListener.ts
+/**
+* Form helper hook that runs a callback when the value of a field has changed
+* Usefull for creating effects where changes to one field affect the value of another field imperatively
+*/
+function useFieldChangeListener(name, cb) {
+	const form = useForm();
+	useEffect(() => {
+		let lastValue = form.getFieldState(name)?.value;
+		return form.subscribe(({ values }) => {
+			const value = values[name];
+			if (value !== lastValue) cb(form, value, lastValue);
+			lastValue = values[name];
+		}, { values: true });
+	}, [
+		form,
+		name,
+		cb
+	]);
+}
+
+//#endregion
+//#region src/utilities/form/FormSpy.tsx
+createDecorator_default();
+/**
+* final-form Form Spy wrapper
+*/
+const FormSpy$1 = ({ render: renderProp, children, ...props }) => {
+	const render = renderProp || children;
+	return /* @__PURE__ */ React.createElement(FormSpy, props, (params) => /* @__PURE__ */ React.createElement(React.Fragment, null, typeof render === "function" ? render(params) : render));
+};
+
+//#endregion
+//#region src/utilities/form/formHooks.js
+/**
+* @returns {any}
+*/
+const useForm$1 = () => useForm();
+/**
+* @returns {any}
+*/
+const useField$1 = () => useField();
+/**
+* @returns {any}
+*/
+const useFormState$1 = () => useFormState();
+
+//#endregion
+export { FormSpy$1 as a, useFormState$1 as i, useField$1 as n, useFieldChangeListener as o, useForm$1 as r, FormError as s, arrayMutators as t };
+//# sourceMappingURL=form-Dj1zVw6K.js.map