udp-react-enterprise-component-library 25.18.3 → 25.18.4-beta.2

package/dist/colors-BONxjrOE.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"colors-BONxjrOE.js","names":[],"sources":["../src/utilities/style/colors.js"],"sourcesContent":["export const colors = {\n  systemIcon: {\n    trigger: {\n      main: '#FFCD27',\n      hint: '#FDFAF0',\n      hover: { outline: '#AF9027', background: '#FFFDEF' }\n    },\n    action: {\n      main: '#1542FF',\n      hint: '#F3F5FE',\n      hover: { outline: '#40529D', background: '#ECEFFA' }\n    },\n    condition: {\n      main: '#AE14FF',\n      hint: '#F9EEFF',\n      hover: { outline: '#844EA0', background: '#FAF2FE' }\n    },\n    sequence: {\n      main: '#FD7F12',\n      hint: '#FFF6EE',\n      hover: { outline: '#A86123', background: '#FDF4EC' }\n    }\n  },\n  unity: {\n    success: {\n      hint: '#F3FAF3'\n    },\n    warning: {\n      hint: '#FFF6EA'\n    },\n    info: {\n      hint: '#F3F9FE'\n    },\n    error: {\n      hint: '#FDF7F6'\n    }\n  },\n  categoryColors: {\n    one: {\n      hint: '#F8BBD0',\n      main: '#F3FAF3'\n    },\n    two: {\n      hint: '#FFF6EA',\n      main: '#FFF6EA'\n    },\n    three: {\n      hint: '#FFF6EA',\n      main: '#FFF6EA'\n    },\n    four: {\n      hint: '#F8BBD0',\n      main: '#f3e0eb'\n    },\n    five: {\n      hint: '#F8BBD0',\n      main: 'rgb(194 223 218)'\n    },\n    six: {\n      hint: '#F8BBD0',\n      main: 'rgb(222 217 235)'\n    }\n  }\n};\n"],"mappings":";AAAA,MAAa,SAAS;CACpB,YAAY;EACV,SAAS;GACP,MAAM;GACN,MAAM;GACN,OAAO;IAAE,SAAS;IAAW,YAAY;IAAW;GACrD;EACD,QAAQ;GACN,MAAM;GACN,MAAM;GACN,OAAO;IAAE,SAAS;IAAW,YAAY;IAAW;GACrD;EACD,WAAW;GACT,MAAM;GACN,MAAM;GACN,OAAO;IAAE,SAAS;IAAW,YAAY;IAAW;GACrD;EACD,UAAU;GACR,MAAM;GACN,MAAM;GACN,OAAO;IAAE,SAAS;IAAW,YAAY;IAAW;GACrD;EACF;CACD,OAAO;EACL,SAAS,EACP,MAAM,WACP;EACD,SAAS,EACP,MAAM,WACP;EACD,MAAM,EACJ,MAAM,WACP;EACD,OAAO,EACL,MAAM,WACP;EACF;CACD,gBAAgB;EACd,KAAK;GACH,MAAM;GACN,MAAM;GACP;EACD,KAAK;GACH,MAAM;GACN,MAAM;GACP;EACD,OAAO;GACL,MAAM;GACN,MAAM;GACP;EACD,MAAM;GACJ,MAAM;GACN,MAAM;GACP;EACD,MAAM;GACJ,MAAM;GACN,MAAM;GACP;EACD,KAAK;GACH,MAAM;GACN,MAAM;GACP;EACF;CACF"}

package/dist/components-MqfMwrBA.js

@@ -1 +0,0 @@
-export {  };

package/dist/configService-C4uoG3wj.js

@@ -1,3 +0,0 @@
-import { ConfigService } from "udp-react-stencil-component-library/core";
-
-export { ConfigService as t };

package/dist/containers-Cugra-dO.js

@@ -1 +0,0 @@
-export {  };

package/dist/crudActions-B1w1RG-L.js

@@ -1,205 +0,0 @@
-import { t as Field } from "./Field-BSE8Fwr1.js";
-import { t as ConfigService } from "./configService-C4uoG3wj.js";
-import { t as apiMutate } from "./useAxiosMutate-BcHMn9qn.js";
-import { t as DateTimeField } from "./DateTimeField-DoOiiJG0.js";
-import { t as FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-DdYoWp4s.js";
-import { t as FluentToggle } from "./FluentToggle-B1DqTfua.js";
-import { t as PropertyTypeEnum } from "./propertyTypeEnums-kRCZNBn6.js";
-import { t as InputFieldType } from "./InputFieldTypeEnums-CtR8GR5A.js";
-import { a as toTitleCase, i as toLowerFirstChar } from "./StringUtilities-u-cxAW6-.js";
-import { t as FluentColorPicker } from "./FluentColorPicker-CfPPFHfr.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-B1w1RG-L.js.map

package/dist/crudActions-B1w1RG-L.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"crudActions-B1w1RG-L.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-D9plGwh9.js

@@ -1 +0,0 @@
-export {  };

package/dist/dataDisplay-C5Yt52pt.js

@@ -1,180 +0,0 @@
-import { t as FluentIcon } from "./FluentIcon-Bdl1Wq7N.js";
-import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
-import { t as StatusChip } from "./StatusChip-CuENztR1.js";
-import { t as EmptyStateDisplay } from "./EmptyStateDisplay-D5C4Stpu.js";
-import React, { useState } from "react";
-import { Avatar, Box, Divider, Link, List, ListItem, ListItemAvatar, ListItemIcon, ListItemText, Typography, makeStyles, useTheme } from "@material-ui/core";
-import clsx from "clsx";
-import { ErrorIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-import { makeStyles as makeStyles$1, useTheme as useTheme$1 } from "@material-ui/core/styles";
-
-//#region src/UI/dataDisplay/HintPanel.jsx
-const useStyles$2 = makeStyles$1((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$2(useTheme$1());
-	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
-//#region src/UI/dataDisplay/AmbientList.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	avatar: {
-		backgroundColor: theme.palette.secondary.light,
-		color: theme.palette.getContrastText(theme.palette.secondary.light)
-	},
-	denseAvatar: {
-		width: theme.spacing(3.75),
-		height: theme.spacing(3.75),
-		margin: "4px 0px"
-	},
-	list: {
-		width: "100%",
-		backgroundColor: theme.palette.background.paper,
-		padding: "0px",
-		maxHeight: (props) => props?.maxHeight || 343,
-		overflow: "auto",
-		height: (props) => props?.listHeight
-	},
-	listItem: { padding: "0px 15px" },
-	status: { marginLeft: theme.spacing(1) },
-	noDataMessage: {
-		height: (props) => props?.noDataHeight,
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "center",
-		justifyContent: "center",
-		gap: "10px"
-	}
-}));
-const DefaultFieldConfig = {
-	primaryText: "primaryText",
-	secondaryText: "secondaryText"
-};
-const AmbientList = (props) => {
-	const theme = useTheme();
-	const classes = useStyles$1(props);
-	const { data, useAvatar = true, getItemIcon = () => {}, getItemStatus = () => {}, onItemClick = () => {}, fieldConfig = DefaultFieldConfig, noDataMessage = "No data available" } = props;
-	if (!data || data.length === 0) return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement(EmptyStateDisplay, {
-		icon: ErrorIcon,
-		primaryText: noDataMessage
-	}), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }));
-	return /* @__PURE__ */ React.createElement(List, { className: classes?.list }, data?.map((item, index) => {
-		const status = getItemStatus(item);
-		const icon = getItemIcon(item);
-		return /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(ListItem, {
-			button: true,
-			className: classes.listItem,
-			onClick: () => onItemClick(item)
-		}, useAvatar && icon ? /* @__PURE__ */ React.createElement(ListItemAvatar, null, /* @__PURE__ */ React.createElement(Avatar, {
-			className: clsx(classes.avatar, { [classes.denseAvatar]: !item?.[fieldConfig?.primaryText] || !item?.[fieldConfig?.secondaryText] }),
-			sizes: "large"
-		}, /* @__PURE__ */ React.createElement(FluentIcon, {
-			component: icon,
-			size: "small"
-		}))) : /* @__PURE__ */ React.createElement("div", null, icon && /* @__PURE__ */ React.createElement(ListItemIcon, null, /* @__PURE__ */ React.createElement(FluentIcon, {
-			component: icon,
-			size: !item?.[fieldConfig?.primaryText] || !item?.[fieldConfig?.secondaryText] ? "medium" : "large",
-			color: theme.palette.secondary.main
-		}))), /* @__PURE__ */ React.createElement(ListItemText, {
-			primary: item?.[fieldConfig?.primaryText],
-			secondary: item?.[fieldConfig?.secondaryText],
-			primaryTypographyProps: {
-				variant: "body2",
-				color: "textPrimary"
-			},
-			secondaryTypographyProps: {
-				variant: "body1",
-				color: "textSecondary"
-			}
-		}), /* @__PURE__ */ React.createElement(ListItemText, { disableTypography: true }, /* @__PURE__ */ React.createElement(Typography, { align: "right" }, item?.[fieldConfig?.subText])), status?.label && /* @__PURE__ */ React.createElement(Box, {
-			display: "flex",
-			flexDirection: "column",
-			justifyContent: "center",
-			alignItems: "flex-end",
-			className: classes.status
-		}, /* @__PURE__ */ React.createElement(StatusChip, {
-			status: status?.status ?? "info",
-			label: status?.label
-		}))), /* @__PURE__ */ React.createElement(Divider, null));
-	}));
-};
-AmbientList.propTypes = {
-	data: PropTypes.arrayOf(PropTypes.object),
-	useAvatar: PropTypes.bool,
-	getItemIcon: PropTypes.func,
-	getItemStatus: PropTypes.func,
-	onItemClick: PropTypes.func,
-	fieldConfig: PropTypes.shape({
-		primaryText: PropTypes.string,
-		secondaryText: PropTypes.string,
-		subText: PropTypes.string
-	}),
-	noDataMessage: PropTypes.string,
-	maxHeight: PropTypes.number,
-	listHeight: PropTypes.string,
-	noDataHeight: PropTypes.string
-};
-
-//#endregion
-//#region src/UI/dataDisplay/FluentListElement.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {},
-	wrapper: {
-		display: "flex",
-		flexDirection: "row",
-		padding: theme.spacing(1),
-		lineHeight: 2
-	},
-	value: { flex: 1 }
-}));
-const FluentListElement = ({ subject, value, className, status, anchor = false, href }) => {
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React.createElement(Typography, {
-		className: classes.value,
-		variant: "body2"
-	}, subject, " ", subject && ":"), status && /* @__PURE__ */ React.createElement(StatusChip, {
-		status,
-		label: value
-	}), anchor && href ? /* @__PURE__ */ React.createElement(Link, {
-		href,
-		variant: "body2",
-		underline: "hover",
-		target: "_blank",
-		rel: "noopener noreferrer"
-	}, /* @__PURE__ */ React.createElement("strong", null, value)) : !status ? /* @__PURE__ */ React.createElement(Typography, { variant: "body2" }, /* @__PURE__ */ React.createElement("strong", null, value)) : null), /* @__PURE__ */ React.createElement(Divider, null));
-};
-
-//#endregion
-export { AmbientList as n, HintPanel as r, FluentListElement as t };
-//# sourceMappingURL=dataDisplay-C5Yt52pt.js.map

package/dist/dataDisplay-C5Yt52pt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dataDisplay-C5Yt52pt.js","names":["useStyles","makeStyles","useTheme","useStyles","MuiList"],"sources":["../src/UI/dataDisplay/HintPanel.jsx","../src/UI/dataDisplay/AmbientList.jsx","../src/UI/dataDisplay/FluentListElement.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","import React from 'react';\nimport {\n  makeStyles,\n  useTheme,\n  Typography,\n  Box,\n  List as MuiList,\n  ListItem,\n  ListItemText,\n  Divider,\n  ListItemAvatar,\n  Avatar,\n  ListItemIcon\n} from '@material-ui/core';\nimport { ErrorIcon } from '@fluentui/react-icons';\nimport { StatusChip } from './status/StatusChip';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { LayoutUnit } from '../../layout/LayoutUnit';\nimport clsx from 'clsx';\nimport { EmptyStateDisplay } from './EmptyStateDisplay';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  avatar: {\n    backgroundColor: theme.palette.secondary.light,\n    color: theme.palette.getContrastText(theme.palette.secondary.light)\n  },\n  denseAvatar: {\n    width: theme.spacing(3.75),\n    height: theme.spacing(3.75),\n    margin: '4px 0px'\n  },\n  list: {\n    width: '100%',\n    backgroundColor: theme.palette.background.paper,\n    padding: '0px',\n    maxHeight: (props) => props?.maxHeight || 343,\n    overflow: 'auto',\n    height: (props) => props?.listHeight\n  },\n  listItem: {\n    padding: '0px 15px'\n  },\n  status: {\n    marginLeft: theme.spacing(1)\n  },\n  noDataMessage: {\n    height: (props) => props?.noDataHeight,\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'center',\n    gap: '10px'\n  }\n}));\n\nconst DefaultFieldConfig = {\n  primaryText: 'primaryText',\n  secondaryText: 'secondaryText'\n};\n\nexport const AmbientList = (props) => {\n  const theme = useTheme();\n  const classes = useStyles(props);\n\n  const {\n    data,\n    useAvatar = true,\n    getItemIcon = () => {},\n    getItemStatus = () => {},\n    onItemClick = () => {},\n    fieldConfig = DefaultFieldConfig,\n    noDataMessage = 'No data available'\n  } = props;\n\n  if (!data || data.length === 0) {\n    return (\n      <>\n        <LayoutUnit unit='xxs' />\n        <EmptyStateDisplay icon={ErrorIcon} primaryText={noDataMessage} />\n        <LayoutUnit unit='xxs' />\n      </>\n    );\n  }\n\n  return (\n    <MuiList className={classes?.list}>\n      {data?.map((item, index) => {\n        const status = getItemStatus(item);\n        const icon = getItemIcon(item);\n\n        return (\n          <>\n            <ListItem\n              button\n              className={classes.listItem}\n              onClick={() => onItemClick(item)}\n            >\n              {useAvatar && icon ? (\n                <ListItemAvatar>\n                  <Avatar\n                    className={clsx(classes.avatar, {\n                      [classes.denseAvatar]:\n                        !item?.[fieldConfig?.primaryText] ||\n                        !item?.[fieldConfig?.secondaryText]\n                    })}\n                    sizes='large'\n                  >\n                    <FluentIcon component={icon} size='small' />\n                  </Avatar>\n                </ListItemAvatar>\n              ) : (\n                <div>\n                  {icon && (\n                    <ListItemIcon>\n                      <FluentIcon\n                        component={icon}\n                        size={\n                          !item?.[fieldConfig?.primaryText] ||\n                          !item?.[fieldConfig?.secondaryText]\n                            ? 'medium'\n                            : 'large'\n                        }\n                        color={theme.palette.secondary.main}\n                      />\n                    </ListItemIcon>\n                  )}\n                </div>\n              )}\n              {/*\n              Note: The primary and secondary typography variant is flipped because\n              it is in incorrect in our theme. Temporary fix until we fix the theme.\n              */}\n              <ListItemText\n                primary={item?.[fieldConfig?.primaryText]}\n                secondary={item?.[fieldConfig?.secondaryText]}\n                primaryTypographyProps={{\n                  variant: 'body2',\n                  color: 'textPrimary'\n                }}\n                secondaryTypographyProps={{\n                  variant: 'body1',\n                  color: 'textSecondary'\n                }}\n              />\n              <ListItemText disableTypography>\n                <Typography align='right'>\n                  {item?.[fieldConfig?.subText]}\n                </Typography>\n              </ListItemText>\n\n              {status?.label && (\n                <Box\n                  display='flex'\n                  flexDirection='column'\n                  justifyContent='center'\n                  alignItems='flex-end'\n                  className={classes.status}\n                >\n                  <StatusChip\n                    status={status?.status ?? 'info'}\n                    label={status?.label}\n                  />\n                </Box>\n              )}\n            </ListItem>\n            <Divider />\n          </>\n        );\n      })}\n    </MuiList>\n  );\n};\n\nAmbientList.propTypes = {\n  data: PropTypes.arrayOf(PropTypes.object),\n  useAvatar: PropTypes.bool,\n  getItemIcon: PropTypes.func,\n  getItemStatus: PropTypes.func,\n  onItemClick: PropTypes.func,\n  fieldConfig: PropTypes.shape({\n    primaryText: PropTypes.string,\n    secondaryText: PropTypes.string,\n    subText: PropTypes.string\n  }),\n  noDataMessage: PropTypes.string,\n  maxHeight: PropTypes.number,\n  listHeight: PropTypes.string,\n  noDataHeight: PropTypes.string\n};\n","import React from 'react'\nimport { makeStyles, Typography, Divider, Link } from '@material-ui/core'\nimport { StatusChip } from './status/StatusChip'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  wrapper: {\n    display: 'flex',\n    flexDirection: 'row',\n    padding: theme.spacing(1),\n    lineHeight: 2\n  },\n  value: {\n    flex: 1\n  }\n}))\n\nexport const FluentListElement = ({ subject, value, className, status, anchor = false, href }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <div className={classes.wrapper}>\n        <Typography className={classes.value} variant='body2'>\n          {subject} {subject && ':'}\n        </Typography>\n        {status && <StatusChip status={status} label={value} />}\n        {anchor && href ?\n          <Link href={href} variant='body2' underline=\"hover\" target=\"_blank\" rel=\"noopener noreferrer\">\n            <strong>{value}</strong>\n          </Link>\n          :\n          !status ?\n            <Typography variant='body2'>\n              <strong>{value}</strong>\n            </Typography>\n          :\n          null\n        }\n      </div>\n\n      <Divider />\n    </div>\n  )\n}\n"],"mappings":"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"}

package/dist/dataDisplay-Mz_2mdbg.js

@@ -1,50 +0,0 @@
-import { t as colors$1 } from "./colors-BONxjrOE.js";
-import { t as Token } from "./Token-DCd-8YTQ.js";
-import React from "react";
-import { Divider, Typography, makeStyles } from "@material-ui/core";
-import { CalendarIcon, OpenInNewTabIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/components/dataDisplay/Sticky.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		display: "inline-flex",
-		alignItems: "center",
-		background: (props) => {
-			if (colors$1.unity.hasOwnProperty(props.color)) return colors$1.unity[props.color].hint;
-			else return colors$1.unity.info.hint;
-		},
-		borderRadius: (props) => props.size === "large" ? 56 / 2 : 48 / 2,
-		margin: theme.spacing(1)
-	},
-	stickyChild: { display: "inline-table" }
-}), { name: "FluentListItem" });
-const Sticky = (props) => {
-	const classes = useStyles(props);
-	const { text, size, color } = props;
-	const typographyVariant = size === "large" ? "body2" : "body1";
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Token, {
-		className: classes.stickyChild,
-		icon: CalendarIcon,
-		size,
-		color
-	}), /* @__PURE__ */ React.createElement(Typography, {
-		className: classes.stickyChild,
-		variant: typographyVariant
-	}, text ?? ""), /* @__PURE__ */ React.createElement(Token, {
-		className: classes.stickyChild,
-		icon: OpenInNewTabIcon,
-		variant: "filled",
-		size,
-		color
-	}));
-};
-Sticky.propTypes = {
-	text: PropTypes.string,
-	size: PropTypes.string,
-	color: PropTypes.string
-};
-
-//#endregion
-export { Sticky as t };
-//# sourceMappingURL=dataDisplay-Mz_2mdbg.js.map

package/dist/dataDisplay-Mz_2mdbg.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dataDisplay-Mz_2mdbg.js","names":["colors"],"sources":["../src/UI/components/dataDisplay/Sticky.jsx"],"sourcesContent":["import React from 'react'\nimport { Typography, makeStyles, Divider } from '@material-ui/core'\nimport { Token } from './Token'\nimport { OpenInNewTabIcon, CalendarIcon } from '@fluentui/react-icons'\nimport { colors } from '../../../utilities/style/colors';\nimport PropTypes from 'prop-types';\n\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      display: 'inline-flex',\n      alignItems: 'center',\n      background: (props) => {\n        if (colors.unity.hasOwnProperty(props.color)) {\n          return colors.unity[props.color].hint;\n        } else {\n          return colors.unity.info.hint;\n        }\n      },\n      borderRadius: props => props.size === \"large\" ? 56 / 2.0 : 48 / 2.0,\n      margin: theme.spacing(1)\n    },\n    stickyChild: {\n      display: 'inline-table'\n    },\n  }),\n  { name: 'FluentListItem' }\n)\n\nexport const Sticky = (props) => {\n  const classes = useStyles(props)\n  const {\n    text,\n    size,\n    color\n  } = props\n\n  const typographyVariant = (size === \"large\") ? \"body2\" : \"body1\"\n\n  return (\n    <div className={classes.root}>\n      <Token className={classes.stickyChild} icon={CalendarIcon} size={size} color={color} />\n      <Typography className={classes.stickyChild} variant={typographyVariant}>\n        { text ?? \"\" }\n      </Typography>\n      <Token className={classes.stickyChild} icon={OpenInNewTabIcon} variant=\"filled\" size={size} color={color} />\n    </div>\n  )\n}\n\nSticky.propTypes = {\n  text: PropTypes.string,\n  size: PropTypes.string,\n  color: PropTypes.string\n}\n"],"mappings":";;;;;;;;AAQA,MAAM,YAAY,YACf,WAAW;CACV,MAAM;EACJ,SAAS;EACT,YAAY;EACZ,aAAa,UAAU;AACrB,OAAIA,SAAO,MAAM,eAAe,MAAM,MAAM,CAC1C,QAAOA,SAAO,MAAM,MAAM,OAAO;OAEjC,QAAOA,SAAO,MAAM,KAAK;;EAG7B,eAAc,UAAS,MAAM,SAAS,UAAU,KAAK,IAAM,KAAK;EAChE,QAAQ,MAAM,QAAQ,EAAE;EACzB;CACD,aAAa,EACX,SAAS,gBACV;CACF,GACD,EAAE,MAAM,kBAAkB,CAC3B;AAED,MAAa,UAAU,UAAU;CAC/B,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,MACA,MACA,UACE;CAEJ,MAAM,oBAAqB,SAAS,UAAW,UAAU;AAEzD,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EAAM,WAAW,QAAQ;EAAa,MAAM;EAAoB;EAAa;GAAS,EACvF,oCAAC;EAAW,WAAW,QAAQ;EAAa,SAAS;IACjD,QAAQ,GACC,EACb,oCAAC;EAAM,WAAW,QAAQ;EAAa,MAAM;EAAkB,SAAQ;EAAe;EAAa;GAAS,CACxG;;AAIV,OAAO,YAAY;CACjB,MAAM,UAAU;CAChB,MAAM,UAAU;CAChB,OAAO,UAAU;CAClB"}

package/dist/dateUtils-D--4wfy8.js

@@ -1,62 +0,0 @@
-import { DateTime } from "luxon";
-
-//#region src/UI/widgets/utils/dateUtils.js
-function formatDate(value, formatStr = "") {
-	try {
-		let date = new Date(value);
-		const day = date.toLocaleString("default", { day: "2-digit" });
-		const month = date.toLocaleString("default", { month: "short" });
-		const year = date.toLocaleString("default", { year: "numeric" });
-		switch (formatStr.toLowerCase()) {
-			case "mon dd, yyyy": return `${day} ${month}, ${year}`;
-			case "dd/mm/yyyy": return `${date.getDate()}/${date.getMonth() + 1}/${date.getFullYear()}`;
-			case "yyyy-mm-dd": return date.toISOString().split("T")[0];
-			default: return "";
-		}
-	} catch (error) {
-		return "";
-	}
-}
-/**
-* Creates a Date object based on an ISO 8601 date string.
-* @param dateString A ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]
-* @returns A date object, or null if the format was invalid.
-*/
-const getDateFromString = (dateString) => {
-	if (!dateString || dateString.length === 0) return null;
-	const date = DateTime.fromISO(dateString);
-	return date ? date.toJSDate() : null;
-};
-/**
-* Formats a date string by converting it to a date in the specified time zone,
-* stripping out the time element and returning a localized date string.
-* @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]
-* @param timeZone An IANA time zone id. If supplied, convert the date into the specified time zone,
-* otherwise convert to local browser time.
-* @returns A date string without time based on the supplied time zone and the
-* user's browser locale settings.
-*/
-const getLocalizedDateString = (date, timeZone = "local") => {
-	const convertedDate = date instanceof Date ? date : getDateFromString(date);
-	return convertedDate ? DateTime.fromJSDate(convertedDate, { zone: timeZone }).toLocaleString(DateTime.DATE_SHORT) : "";
-};
-/**
-* Formats a date string by converting it to a date in the specified timezone,
-* and returning a string with the localized date and time.
-* @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]
-* @param delimiter If supplied, split the date and time by this string when returned.
-* @param timeZone If supplied, convert the date into the specified IANA time zone,
-* otherwise convert to local browser time.
-* @returns A date and time string based on the user's browser locale settings.
-*/
-const getLocalizedDateTimeString = (date, delimiter = null, timeZone = "local", includeOffset = false) => {
-	const convertedDate = date instanceof Date ? date : getDateFromString(date);
-	if (convertedDate === null) return "";
-	const convertedDateTime = DateTime.fromJSDate(convertedDate, { zone: timeZone });
-	if (delimiter !== null) return convertedDateTime.toLocaleString(DateTime.DATE_SHORT) + delimiter + convertedDateTime.toLocaleString(DateTime.TIME_WITH_SECONDS) + (includeOffset ? " " + convertedDateTime.offsetNameShort : "");
-	else return convertedDateTime.toLocaleString(DateTime.DATETIME_SHORT_WITH_SECONDS) + (includeOffset ? " " + convertedDateTime.offsetNameShort : "");
-};
-
-//#endregion
-export { getLocalizedDateTimeString as i, getDateFromString as n, getLocalizedDateString as r, formatDate as t };
-//# sourceMappingURL=dateUtils-D--4wfy8.js.map

package/dist/dateUtils-D--4wfy8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"dateUtils-D--4wfy8.js","names":[],"sources":["../src/UI/widgets/utils/dateUtils.js"],"sourcesContent":["import { DateTime } from 'luxon'\n\nexport function formatDateLong(value) {\n  try {\n    let date = new Date(value);\n    const day = date.toLocaleString('default', { day: '2-digit' });\n    const month = date.toLocaleString('default', { month: 'short' });\n    const year = date.toLocaleString('default', { year: 'numeric' });\n    const dayOfWeek = date.toLocaleString('default', { weekday: 'long' });\n    return `${day} ${month}, ${year} (${dayOfWeek})`;\n  } catch (error) {\n    return '';\n  }\n}\n\nexport function formatDate(value, formatStr = '') {\n  try {\n    let date = new Date(value);\n    const day = date.toLocaleString('default', { day: '2-digit' });\n    const month = date.toLocaleString('default', { month: 'short' });\n    const year = date.toLocaleString('default', { year: 'numeric' });\n\n    switch (formatStr.toLowerCase()) {\n      case 'mon dd, yyyy':\n        return `${day} ${month}, ${year}`;\n      case 'dd/mm/yyyy':\n        return `${date.getDate()}/${date.getMonth() + 1}/${date.getFullYear()}`;\n      case 'yyyy-mm-dd':\n        return date.toISOString().split('T')[0];\n      default:\n        return '';\n    }\n  } catch (error) {\n    return '';\n  }\n}\n\nexport function getDaysDiff(dateOne, dateTwo) {\n  const d1 = new Date(dateOne);\n  const d2 = new Date(dateTwo);\n  const diff = d2.getTime() - d1.getTime();\n\n  return diff / (1000 * 60 * 60 * 24);\n}\n\n/**\n * Creates a Date object based on an ISO 8601 date string.\n * @param dateString A ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @returns A date object, or null if the format was invalid.\n */\nexport const getDateFromString = (dateString) => {\n  if (!dateString || dateString.length === 0) {\n    return null;\n  }\n\n  const date = DateTime.fromISO(dateString);\n\n  return date ? date.toJSDate() : null;\n};\n\n/**\n * Formats a date string by converting it to a date in the specified time zone,\n * stripping out the time element and returning a localized date string.\n * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @param timeZone An IANA time zone id. If supplied, convert the date into the specified time zone,\n * otherwise convert to local browser time.\n * @returns A date string without time based on the supplied time zone and the\n * user's browser locale settings.\n */\nexport const getLocalizedDateString = (date, timeZone = 'local') => {\n  const convertedDate = date instanceof Date ? date : getDateFromString(date);\n\n  return convertedDate\n    ? DateTime.fromJSDate(convertedDate, { zone: timeZone }).toLocaleString(DateTime.DATE_SHORT)\n    : '';\n};\n\n/**\n * Converts a date string to a date in the specified timezone,\n * and returning a converted date with the localized date and time.\n * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @param timeZone If supplied, convert the date into the specified IANA time zone,\n * otherwise convert to local browser time.\n * @returns A converted date and time based on the user's browser locale settings.\n */\nexport const getLocalizedDateTime = (date, timeZone = 'local') => {\n  const convertedDate = date instanceof Date ? date : getDateFromString(date);\n  if (convertedDate === null) {\n    return '';\n  }\n  const convertedDateTime = DateTime.fromJSDate(convertedDate, { zone: timeZone });\n\n  return convertedDateTime;\n};\n\n/**\n * Formats a date string by converting it to a date in the specified timezone,\n * and returning a string with the localized date and time.\n * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @param delimiter If supplied, split the date and time by this string when returned.\n * @param timeZone If supplied, convert the date into the specified IANA time zone,\n * otherwise convert to local browser time.\n * @returns A date and time string based on the user's browser locale settings.\n */\nexport const getLocalizedDateTimeString = (\n  date,\n  delimiter = null,\n  timeZone = 'local',\n  includeOffset = false,\n) => {\n  const convertedDate = date instanceof Date ? date : getDateFromString(date);\n  if (convertedDate === null) {\n    return '';\n  }\n  const convertedDateTime = DateTime.fromJSDate(convertedDate, { zone: timeZone });\n\n  if (delimiter !== null) {\n    return (\n      convertedDateTime.toLocaleString(DateTime.DATE_SHORT) +\n      delimiter +\n      convertedDateTime.toLocaleString(DateTime.TIME_WITH_SECONDS) +\n      (includeOffset ? ' ' + convertedDateTime.offsetNameShort : '')\n    );\n  } else {\n    return (\n      convertedDateTime.toLocaleString(DateTime.DATETIME_SHORT_WITH_SECONDS) +\n      (includeOffset ? ' ' + convertedDateTime.offsetNameShort : '')\n    );\n  }\n};\n\n/**\n * Formats a date string by converting it to a date in the specified time zone,\n * and returning a string as the localized time.\n * @param date A Date or ISO 8601 date string. EX: yyyy-MM-ddThh:mm:ss[Z|offset]\n * @param timeZone An IANA time zone id. If supplied, convert the date into the specified time zone,\n * otherwise convert to local browser time.\n * @returns A time string without the date based on the supplied time zone and user's\n * browser locale settings.\n */\nexport const getLocalizedTimeString = (date, timeZone = 'local') => {\n  const convertedDate = date instanceof Date ? date : getDateFromString(date);\n\n  return convertedDate\n    ? DateTime.fromJSDate(convertedDate, { zone: timeZone }).toLocaleString(\n        DateTime.TIME_WITH_SECONDS,\n      )\n    : '';\n};\n"],"mappings":";;;AAeA,SAAgB,WAAW,OAAO,YAAY,IAAI;AAChD,KAAI;EACF,IAAI,OAAO,IAAI,KAAK,MAAM;EAC1B,MAAM,MAAM,KAAK,eAAe,WAAW,EAAE,KAAK,WAAW,CAAC;EAC9D,MAAM,QAAQ,KAAK,eAAe,WAAW,EAAE,OAAO,SAAS,CAAC;EAChE,MAAM,OAAO,KAAK,eAAe,WAAW,EAAE,MAAM,WAAW,CAAC;AAEhE,UAAQ,UAAU,aAAa,EAA/B;GACE,KAAK,eACH,QAAO,GAAG,IAAI,GAAG,MAAM,IAAI;GAC7B,KAAK,aACH,QAAO,GAAG,KAAK,SAAS,CAAC,GAAG,KAAK,UAAU,GAAG,EAAE,GAAG,KAAK,aAAa;GACvE,KAAK,aACH,QAAO,KAAK,aAAa,CAAC,MAAM,IAAI,CAAC;GACvC,QACE,QAAO;;UAEJ,OAAO;AACd,SAAO;;;;;;;;AAiBX,MAAa,qBAAqB,eAAe;AAC/C,KAAI,CAAC,cAAc,WAAW,WAAW,EACvC,QAAO;CAGT,MAAM,OAAO,SAAS,QAAQ,WAAW;AAEzC,QAAO,OAAO,KAAK,UAAU,GAAG;;;;;;;;;;;AAYlC,MAAa,0BAA0B,MAAM,WAAW,YAAY;CAClE,MAAM,gBAAgB,gBAAgB,OAAO,OAAO,kBAAkB,KAAK;AAE3E,QAAO,gBACH,SAAS,WAAW,eAAe,EAAE,MAAM,UAAU,CAAC,CAAC,eAAe,SAAS,WAAW,GAC1F;;;;;;;;;;;AA8BN,MAAa,8BACX,MACA,YAAY,MACZ,WAAW,SACX,gBAAgB,UACb;CACH,MAAM,gBAAgB,gBAAgB,OAAO,OAAO,kBAAkB,KAAK;AAC3E,KAAI,kBAAkB,KACpB,QAAO;CAET,MAAM,oBAAoB,SAAS,WAAW,eAAe,EAAE,MAAM,UAAU,CAAC;AAEhF,KAAI,cAAc,KAChB,QACE,kBAAkB,eAAe,SAAS,WAAW,GACrD,YACA,kBAAkB,eAAe,SAAS,kBAAkB,IAC3D,gBAAgB,MAAM,kBAAkB,kBAAkB;KAG7D,QACE,kBAAkB,eAAe,SAAS,4BAA4B,IACrE,gBAAgB,MAAM,kBAAkB,kBAAkB"}