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

package/dist/AggregateChip-DJLReylv.js

@@ -0,0 +1,242 @@
+import { ConfigService } from "./configService/index.js";
+import { A as SeverityTypeEnums } from "./unitySystemEnums-DnxEalNP.js";
+import { t as useAxiosGet } from "./useAxiosGet-BtxSpEO3.js";
+import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
+import { n as executeQueryInstance } from "./methodUtils-PKTRJpSD.js";
+import { t as getThresholdStatus } from "./aggregateUtils-CSgWZ6jj.js";
+import React, { memo, useEffect, useMemo, useState } from "react";
+import { ButtonBase, CircularProgress, Typography, makeStyles } from "@material-ui/core";
+import PropTypes from "prop-types";
+import { Alert } from "@material-ui/lab";
+
+//#region src/UI/dataDisplay/entityHeader/ui/AlertPill.jsx
+/**
+* Styles for the AlertPill component
+*/
+const useStyles = makeStyles((theme) => {
+	const endRadius = theme.spacing(3);
+	return {
+		root: {
+			display: "flex",
+			flexDirection: "row",
+			overflow: "hidden",
+			flexGrow: 0,
+			alignSelf: "start"
+		},
+		alertRoot: {
+			padding: theme.spacing(0, 1.5, 0, 1),
+			borderRadius: 0,
+			"&:first-of-type": {
+				borderTopLeftRadius: endRadius,
+				borderBottomLeftRadius: endRadius
+			},
+			"&:last-of-type": {
+				borderTopRightRadius: endRadius,
+				borderBottomRightRadius: endRadius
+			}
+		},
+		alertIcon: { marginRight: theme.spacing(.5) },
+		buttonBase: {
+			borderRadius: endRadius,
+			overflow: "hidden"
+		},
+		defaultSeverityAlert: { backgroundColor: theme.palette.grey[400] }
+	};
+});
+/**
+* Memoized version of the Alert component
+*
+* @param {object} props - Component props
+* @param {number} props.count - The count to display in the Alert
+* @param {boolean} props.hide - Whether the Alert should be hidden
+* @param {string} props.severity - The severity of the Alert
+* @param {object} props.alertProps - Additional props to pass to the Alert component
+* @param {number} props.maxCount - Max count to show before displaying as "{maxCount}+"
+* @returns {JSX.Element | null} - The Alert component, or null if the count is falsy or hide is true
+*/
+const MemoizedAlert = memo((props) => {
+	const { count, hide, severity, alertProps, maxCount, label } = props;
+	const classes = useStyles(props);
+	if (count && !hide) {
+		let displayCount = count;
+		if (maxCount && count > maxCount) displayCount = `${maxCount}+`;
+		if (severity === SeverityTypeEnums.Default) return /* @__PURE__ */ React.createElement(Alert, {
+			severity: SeverityTypeEnums.Info,
+			...alertProps,
+			className: classes.defaultSeverityAlert
+		}, displayCount);
+		return /* @__PURE__ */ React.createElement(Alert, {
+			severity,
+			...alertProps
+		}, label ? label : displayCount);
+	}
+	return null;
+});
+MemoizedAlert.displayName = "MemoizedAlert";
+/**
+* The AlertPill component displays a row of Alerts, each with a count and a severity level.
+* Alerts can be hidden by setting the corresponding hide prop to true.
+*
+* @param {object} props - Component props
+* @param {function} [props.handleClick] - The click event handler.
+* @param {number} props.maxCount - Max count to show before displaying as "{maxCount}+"
+* @param {number} props.errorCount - The count for the error Alert
+* @param {number} props.warningCount - The count for the warning Alert
+* @param {number} props.successCount - The count for the success Alert
+* @param {number} props.infoCount - The count for the info Alert
+* @param {number} props.defaultCount - The count for the default Alert
+* @param {string} props.errorLabel - The label for the error Alert
+* @param {string} props.warningLabel - The label for the warning Alert
+* @param {string} props.successLabel - The label for the success Alert
+* @param {string} props.infoLabel - The label for the info Alert
+* @param {string} props.defaultLabel - The label for the default Alert
+* @param {boolean} props.hideError - Whether the error Alert should be hidden
+* @param {boolean} props.hideWarning - Whether the warning Alert should be hidden
+* @param {boolean} props.hideSuccess - Whether the success Alert should be hidden
+* @param {boolean} props.hideInfo - Whether the info Alert should be hidden
+* @param {boolean} props.hideDefault - Whether the default Alert should be hidden
+* @param {string} props.variant - The variant of the Alert
+* @param {function} [props.handleClick] - The click event handler.
+* @param {number} props.maxCount - Max count to show before displaying as "{maxCount}+"
+* @returns {JSX.Element} - The AlertPill component
+*/
+const AlertPill = (props) => {
+	const { variant = "filled", handleClick, maxCount, errorCount, warningCount, successCount, infoCount, defaultCount, errorLabel, warningLabel, successLabel, infoLabel, defaultLabel, hideError = false, hideWarning = false, hideSuccess = false, hideInfo = false, hideDefault = false } = props;
+	const classes = useStyles(props);
+	const alertProps = {
+		variant: {
+			filled: "filled",
+			standard: "hint",
+			outlined: "outlined",
+			text: ""
+		}[variant],
+		classes: {
+			root: classes.alertRoot,
+			icon: classes.alertIcon
+		}
+	};
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(ButtonBase, {
+		onClick: handleClick,
+		className: classes.buttonBase
+	}, /* @__PURE__ */ React.createElement(MemoizedAlert, {
+		count: errorCount,
+		hide: hideError,
+		severity: SeverityTypeEnums.Error,
+		alertProps,
+		maxCount,
+		label: errorLabel
+	}), /* @__PURE__ */ React.createElement(MemoizedAlert, {
+		count: warningCount,
+		hide: hideWarning,
+		severity: SeverityTypeEnums.Warning,
+		alertProps,
+		maxCount,
+		label: warningLabel
+	}), /* @__PURE__ */ React.createElement(MemoizedAlert, {
+		count: successCount,
+		hide: hideSuccess,
+		severity: SeverityTypeEnums.Success,
+		alertProps,
+		maxCount,
+		label: successLabel
+	}), /* @__PURE__ */ React.createElement(MemoizedAlert, {
+		count: infoCount,
+		hide: hideInfo,
+		severity: SeverityTypeEnums.Info,
+		alertProps,
+		maxCount,
+		label: infoLabel
+	}), /* @__PURE__ */ React.createElement(MemoizedAlert, {
+		count: defaultCount,
+		hide: hideDefault,
+		severity: SeverityTypeEnums.Default,
+		alertProps,
+		maxCount,
+		label: defaultLabel
+	})));
+};
+
+//#endregion
+//#region src/UI/utilityDisplay/AggregateChip.jsx
+const AggregateChip = (props) => {
+	const { aggregateThresholdId, aggregateThresholdParamMappings, label, chipColor, setStatus, isActionable = false, isAlert = false, hideAlert = false, onAlertClick } = props;
+	const [color, setColor] = useState(chipColor);
+	const [aggregateValue, setAggregateValue] = useState(null);
+	const [loading, setLoading] = useState(false);
+	const [{ data: aggregateThreshold, loading: loadingAggregateThreshold }] = useAxiosGet(ConfigService.integrationV2ApiUrl, `aggregateThreshold/${aggregateThresholdId}`, {}, !!!aggregateThresholdId);
+	const alertDisplayLabel = useMemo(() => {
+		if (!label) return aggregateValue;
+		return `${label.replace("{value}", aggregateValue)}`;
+	}, [aggregateValue, label]);
+	useEffect(() => {
+		const setAggregateData = async (apiMethodInstanceId, valueKey) => {
+			setLoading(true);
+			const response = await executeQueryInstance(aggregateThresholdParamMappings ? { data: aggregateThresholdParamMappings } : { data: {} }, apiMethodInstanceId).catch((res) => setLoading(false));
+			if (response?.status === 200 && valueKey) {
+				const aggregateResult = response.data?.aggregateResults && response.data?.aggregateResults[0];
+				if (aggregateResult) setAggregateValue(aggregateResult[valueKey] ? Math.round(aggregateResult[valueKey]) : "");
+			}
+			setLoading(false);
+		};
+		if (aggregateThreshold) setAggregateData(aggregateThreshold.apiMethodInstanceId, aggregateThreshold.aggregateKey);
+	}, [aggregateThreshold]);
+	useEffect(() => {
+		if (aggregateThreshold && aggregateValue) {
+			const status = getThresholdStatus(aggregateThreshold, aggregateValue);
+			setColor(status);
+			if (setStatus) setStatus(status || "default");
+		}
+	}, [
+		aggregateThreshold,
+		aggregateValue,
+		setStatus
+	]);
+	if (loading || loadingAggregateThreshold) return /* @__PURE__ */ React.createElement(CircularProgress, { size: 18 });
+	if (!color && !isAlert) return /* @__PURE__ */ React.createElement(Typography, {
+		variant: "caption2",
+		style: { fontSize: "0.7rem" }
+	}, label || aggregateValue);
+	if (isAlert) return /* @__PURE__ */ React.createElement(AlertPill, {
+		handleClick: onAlertClick,
+		successCount: color === SeverityTypeEnums.Success ? aggregateValue : "",
+		errorCount: color === SeverityTypeEnums.Error ? aggregateValue : "",
+		warningCount: color === SeverityTypeEnums.Warning ? aggregateValue : "",
+		infoCount: color === SeverityTypeEnums.Info ? aggregateValue : "",
+		defaultCount: !color && (aggregateValue || ""),
+		successLabel: color === SeverityTypeEnums.Success ? alertDisplayLabel : "",
+		errorLabel: color === SeverityTypeEnums.Error ? alertDisplayLabel : "",
+		warningLabel: color === SeverityTypeEnums.Warning ? alertDisplayLabel : "",
+		infoLabel: color === SeverityTypeEnums.Info ? alertDisplayLabel : "",
+		defaultLabel: !color && (alertDisplayLabel || ""),
+		hideSuccess: color === SeverityTypeEnums.Success ? hideAlert : false,
+		hideError: color === SeverityTypeEnums.Error ? hideAlert : false,
+		hideWarning: color === SeverityTypeEnums.Warning ? hideAlert : false,
+		hideInfo: color === SeverityTypeEnums.Info ? hideAlert : false,
+		hideDefault: !color ? hideAlert : false
+	});
+	return label || aggregateValue ? /* @__PURE__ */ React.createElement(StatusChip, {
+		label: label || aggregateValue,
+		status: color,
+		useSmallChip: true,
+		isActionable
+	}) : null;
+};
+AggregateChip.propTypes = {
+	chipColor: PropTypes.oneOf([
+		"success",
+		"error",
+		"warning",
+		"info",
+		void 0,
+		null
+	]),
+	aggregateThresholdId: PropTypes.oneOf([
+		PropTypes.string,
+		void 0,
+		null
+	])
+};
+
+//#endregion
+export { AlertPill as n, AggregateChip as t };
+//# sourceMappingURL=AggregateChip-DJLReylv.js.map

package/dist/AggregateChip-DJLReylv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AggregateChip-DJLReylv.js","names":[],"sources":["../src/UI/dataDisplay/entityHeader/ui/AlertPill.jsx","../src/UI/utilityDisplay/AggregateChip.jsx"],"sourcesContent":["import React, { memo } from 'react';\nimport { ButtonBase, makeStyles } from '@material-ui/core';\nimport { Alert } from '@material-ui/lab';\nimport { SeverityTypeEnums } from '../../../../enums/unitySystemEnums';\n\n/**\n * Styles for the AlertPill component\n */\n\nconst useStyles = makeStyles((theme) => {\n  const endRadius = theme.spacing(3);\n  return {\n    root: {\n      display: 'flex',\n      flexDirection: 'row',\n      // borderRadius: endRadius,\n      overflow: 'hidden',\n      flexGrow: 0,\n      alignSelf: 'start'\n    },\n    alertRoot: {\n      // mui alert class\n      padding: theme.spacing(0, 1.5, 0, 1),\n      borderRadius: 0,\n      '&:first-of-type': {\n        borderTopLeftRadius: endRadius,\n        borderBottomLeftRadius: endRadius\n      },\n      '&:last-of-type': {\n        borderTopRightRadius: endRadius,\n        borderBottomRightRadius: endRadius\n      }\n    },\n    alertIcon: {\n      // mui alert icon class\n      marginRight: theme.spacing(0.5)\n    },\n    buttonBase: {\n      borderRadius: endRadius,\n      overflow: 'hidden'\n    },\n    defaultSeverityAlert: {\n      backgroundColor: theme.palette.grey[400]\n    }\n  };\n});\n\n/**\n * Memoized version of the Alert component\n *\n * @param {object} props - Component props\n * @param {number} props.count - The count to display in the Alert\n * @param {boolean} props.hide - Whether the Alert should be hidden\n * @param {string} props.severity - The severity of the Alert\n * @param {object} props.alertProps - Additional props to pass to the Alert component\n * @param {number} props.maxCount - Max count to show before displaying as \"{maxCount}+\"\n * @returns {JSX.Element | null} - The Alert component, or null if the count is falsy or hide is true\n */\nconst MemoizedAlert = memo((props) => {\n  const { count, hide, severity, alertProps, maxCount, label } = props;\n  const classes = useStyles(props);\n\n  if (count && !hide) {\n    let displayCount = count;\n    if (maxCount && count > maxCount) {\n      displayCount = `${maxCount}+`;\n    }\n\n    if (severity === SeverityTypeEnums.Default) {\n      return (\n        <Alert\n          severity={SeverityTypeEnums.Info}\n          {...alertProps}\n          className={classes.defaultSeverityAlert}\n        >\n          {displayCount}\n        </Alert>\n      );\n    }\n\n    return (\n      <Alert severity={severity} {...alertProps}>\n        {label ? label : displayCount}\n      </Alert>\n    );\n  }\n\n  return null;\n});\n\nMemoizedAlert.displayName = 'MemoizedAlert';\n\n/**\n * The AlertPill component displays a row of Alerts, each with a count and a severity level.\n * Alerts can be hidden by setting the corresponding hide prop to true.\n *\n * @param {object} props - Component props\n * @param {function} [props.handleClick] - The click event handler.\n * @param {number} props.maxCount - Max count to show before displaying as \"{maxCount}+\"\n * @param {number} props.errorCount - The count for the error Alert\n * @param {number} props.warningCount - The count for the warning Alert\n * @param {number} props.successCount - The count for the success Alert\n * @param {number} props.infoCount - The count for the info Alert\n * @param {number} props.defaultCount - The count for the default Alert\n * @param {string} props.errorLabel - The label for the error Alert\n * @param {string} props.warningLabel - The label for the warning Alert\n * @param {string} props.successLabel - The label for the success Alert\n * @param {string} props.infoLabel - The label for the info Alert\n * @param {string} props.defaultLabel - The label for the default Alert\n * @param {boolean} props.hideError - Whether the error Alert should be hidden\n * @param {boolean} props.hideWarning - Whether the warning Alert should be hidden\n * @param {boolean} props.hideSuccess - Whether the success Alert should be hidden\n * @param {boolean} props.hideInfo - Whether the info Alert should be hidden\n * @param {boolean} props.hideDefault - Whether the default Alert should be hidden\n * @param {string} props.variant - The variant of the Alert\n * @param {function} [props.handleClick] - The click event handler.\n * @param {number} props.maxCount - Max count to show before displaying as \"{maxCount}+\"\n * @returns {JSX.Element} - The AlertPill component\n */\nexport const AlertPill = (props) => {\n  const {\n    variant = 'filled',\n    handleClick,\n    maxCount,\n    errorCount,\n    warningCount,\n    successCount,\n    infoCount,\n    defaultCount,\n    errorLabel,\n    warningLabel,\n    successLabel,\n    infoLabel,\n    defaultLabel,\n    hideError = false,\n    hideWarning = false,\n    hideSuccess = false,\n    hideInfo = false,\n    hideDefault = false\n  } = props;\n  const classes = useStyles(props);\n\n  const variantMapping = {\n    filled: 'filled',\n    standard: 'hint',\n    outlined: 'outlined',\n    text: ''\n  };\n\n  const alertProps = {\n    variant: variantMapping[variant],\n    classes: {\n      root: classes.alertRoot,\n      icon: classes.alertIcon\n    }\n  };\n\n  return (\n    <div className={classes.root}>\n      <ButtonBase onClick={handleClick} className={classes.buttonBase}>\n        <MemoizedAlert\n          count={errorCount}\n          hide={hideError}\n          severity={SeverityTypeEnums.Error}\n          alertProps={alertProps}\n          maxCount={maxCount}\n          label={errorLabel}\n        />\n        <MemoizedAlert\n          count={warningCount}\n          hide={hideWarning}\n          severity={SeverityTypeEnums.Warning}\n          alertProps={alertProps}\n          maxCount={maxCount}\n          label={warningLabel}\n        />\n        <MemoizedAlert\n          count={successCount}\n          hide={hideSuccess}\n          severity={SeverityTypeEnums.Success}\n          alertProps={alertProps}\n          maxCount={maxCount}\n          label={successLabel}\n        />\n        <MemoizedAlert\n          count={infoCount}\n          hide={hideInfo}\n          severity={SeverityTypeEnums.Info}\n          alertProps={alertProps}\n          maxCount={maxCount}\n          label={infoLabel}\n        />\n        <MemoizedAlert\n          count={defaultCount}\n          hide={hideDefault}\n          severity={SeverityTypeEnums.Default}\n          alertProps={alertProps}\n          maxCount={maxCount}\n          label={defaultLabel}\n        />\n      </ButtonBase>\n    </div>\n  );\n};\n","import React, { useEffect, useMemo, useState } from 'react';\nimport PropTypes from 'prop-types';\nimport { StatusChip } from '../dataDisplay/status/StatusChip';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { Typography, CircularProgress } from '@material-ui/core';\nimport { executeQueryInstance } from '../../udp/utilities/methodUtils';\nimport { getThresholdStatus } from './utilities/aggregateUtils';\nimport { AlertPill } from '../dataDisplay/entityHeader/ui/AlertPill';\nimport { SeverityTypeEnums } from '../../enums/unitySystemEnums';\nimport { ConfigService } from '../../configService';\n\nexport const AggregateChip = (props) => {\n  const {\n    aggregateThresholdId,\n    aggregateThresholdParamMappings,\n    label,\n    chipColor,\n    setStatus,\n    isActionable = false,\n    isAlert = false,\n    hideAlert = false,\n    onAlertClick\n  } = props;\n  const [color, setColor] = useState(chipColor);\n  const [aggregateValue, setAggregateValue] = useState(null);\n  const [loading, setLoading] = useState(false);\n  const [{ data: aggregateThreshold, loading: loadingAggregateThreshold }] =\n    useAxiosGet(\n      ConfigService.integrationV2ApiUrl,\n      `aggregateThreshold/${aggregateThresholdId}`,\n      {},\n      !!!aggregateThresholdId\n    );\n\n  const alertDisplayLabel = useMemo(() => {\n    if (!label) {\n      return aggregateValue;\n    }\n    return `${label.replace('{value}', aggregateValue)}`;\n  }, [aggregateValue, label]);\n\n  useEffect(() => {\n    const setAggregateData = async (apiMethodInstanceId, valueKey) => {\n      setLoading(true);\n      const data = aggregateThresholdParamMappings\n        ? { data: aggregateThresholdParamMappings }\n        : { data: {} };\n      const response = await executeQueryInstance(\n        data,\n        apiMethodInstanceId\n      ).catch((res) => setLoading(false));\n      if (response?.status === 200 && valueKey) {\n        const aggregateResult =\n          response.data?.aggregateResults && response.data?.aggregateResults[0];\n        if (aggregateResult) {\n          setAggregateValue(\n            aggregateResult[valueKey]\n              ? Math.round(aggregateResult[valueKey])\n              : ''\n          );\n        }\n      }\n      setLoading(false);\n    };\n    if (aggregateThreshold) {\n      setAggregateData(\n        aggregateThreshold.apiMethodInstanceId,\n        aggregateThreshold.aggregateKey\n      );\n    }\n    // when aggregateThresholdParamMappings changes we don't want to re-render chip\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [aggregateThreshold]);\n\n  useEffect(() => {\n    if (aggregateThreshold && aggregateValue) {\n      const status = getThresholdStatus(aggregateThreshold, aggregateValue);\n      setColor(status);\n      if (setStatus) {\n        setStatus(status || 'default');\n      }\n    }\n  }, [aggregateThreshold, aggregateValue, setStatus]);\n\n  if (loading || loadingAggregateThreshold) {\n    return <CircularProgress size={18} />;\n  }\n\n  if (!color && !isAlert) {\n    return (\n      <Typography variant='caption2' style={{ fontSize: '0.7rem' }}>\n        {label || aggregateValue}\n      </Typography>\n    );\n  }\n\n  if (isAlert) {\n    return (\n      <AlertPill\n        handleClick={onAlertClick}\n        successCount={color === SeverityTypeEnums.Success ? aggregateValue : ''}\n        errorCount={color === SeverityTypeEnums.Error ? aggregateValue : ''}\n        warningCount={color === SeverityTypeEnums.Warning ? aggregateValue : ''}\n        infoCount={color === SeverityTypeEnums.Info ? aggregateValue : ''}\n        defaultCount={!color && (aggregateValue || '')}\n        successLabel={\n          color === SeverityTypeEnums.Success ? alertDisplayLabel : ''\n        }\n        errorLabel={color === SeverityTypeEnums.Error ? alertDisplayLabel : ''}\n        warningLabel={\n          color === SeverityTypeEnums.Warning ? alertDisplayLabel : ''\n        }\n        infoLabel={color === SeverityTypeEnums.Info ? alertDisplayLabel : ''}\n        defaultLabel={!color && (alertDisplayLabel || '')}\n        hideSuccess={color === SeverityTypeEnums.Success ? hideAlert : false}\n        hideError={color === SeverityTypeEnums.Error ? hideAlert : false}\n        hideWarning={color === SeverityTypeEnums.Warning ? hideAlert : false}\n        hideInfo={color === SeverityTypeEnums.Info ? hideAlert : false}\n        hideDefault={!color ? hideAlert : false}\n      />\n    );\n  }\n\n  return label || aggregateValue ? (\n    <StatusChip\n      label={label || aggregateValue}\n      status={color}\n      useSmallChip={true}\n      isActionable={isActionable}\n    />\n  ) : null;\n};\n\nAggregateChip.propTypes = {\n  /**\n   * Color of chip\n   */\n  chipColor: PropTypes.oneOf([\n    'success',\n    'error',\n    'warning',\n    'info',\n    undefined,\n    null\n  ]),\n  /**\n   * Id of AggregateThreshold\n   */\n  aggregateThresholdId: PropTypes.oneOf([PropTypes.string, undefined, null])\n};\n"],"mappings":"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"}

package/dist/AlertContainer-JhEDfi4e.js

@@ -0,0 +1,45 @@
+import { i as mapRule, t as evaluateRule } from "./RuleUtilities-Dzn4U1kc.js";
+import React, { useEffect, useState } from "react";
+import { Chip, makeStyles, useTheme } from "@material-ui/core";
+
+//#region src/UI/AlertContainer.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		display: "grid",
+		gridTemplateColumns: "auto auto"
+	},
+	alertContainer: { margin: "0.3em" },
+	chipStyle: {
+		maxWidth: "150px",
+		textOverflow: "ellipsis"
+	}
+}));
+const AlertContainer = (props) => {
+	const { data } = props;
+	const theme = useTheme();
+	const [alertData, setAlertData] = useState([]);
+	const classes = useStyles(props);
+	useEffect(() => {
+		if (data?.properties?.alerts) {
+			let tempData = [];
+			data.properties.alerts.forEach((alert) => {
+				if (evaluateRule(mapRule(alert.propertyMapping, alert.jsonLogic), data.nodeObj, data.properties?.joiningEntityCatalogObjectKey, data.wasLazyLoaded)) tempData.push(alert);
+			});
+			setAlertData(tempData);
+		}
+	}, [data]);
+	if (alertData.length > 0) return /* @__PURE__ */ React.createElement("div", { className: classes.root }, alertData.filter((item, i) => i % 2 === 0).map((alert) => /* @__PURE__ */ React.createElement("div", { className: classes.alertContainer }, /* @__PURE__ */ React.createElement(Chip, {
+		label: alert.label,
+		style: { backgroundColor: alert ? alert.alertColor.hex : theme.palette.secondary.main },
+		className: classes.chipStyle
+	}))), alertData.filter((item, i) => i % 2 !== 0 && i !== 0).map((alert) => /* @__PURE__ */ React.createElement("div", { className: classes.alertContainer }, /* @__PURE__ */ React.createElement(Chip, {
+		label: alert.label,
+		style: { backgroundColor: alert ? alert.alertColor.hex : theme.palette.secondary.main },
+		className: classes.chipStyle
+	}))));
+	else return null;
+};
+
+//#endregion
+export { AlertContainer as t };
+//# sourceMappingURL=AlertContainer-JhEDfi4e.js.map

package/dist/AlertContainer-JhEDfi4e.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertContainer-JhEDfi4e.js","names":[],"sources":["../src/UI/AlertContainer.jsx"],"sourcesContent":["import React, { useState, useEffect } from 'react';\nimport { evaluateRule, mapRule } from '../utilities/rules/RuleUtilities';\nimport { Chip, useTheme, makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'grid',\n    gridTemplateColumns: 'auto auto'\n  },\n  alertContainer: {\n    margin: '0.3em'\n  },\n  chipStyle: {\n    maxWidth: '150px',\n    textOverflow: 'ellipsis'\n  }\n}));\n\nexport const AlertContainer = (props) => {\n  const { data } = props;\n\n  const theme = useTheme();\n  const [alertData, setAlertData] = useState([]);\n  const classes = useStyles(props);\n\n  useEffect(() => {\n    if (data?.properties?.alerts) {\n      let tempData = [];\n      data.properties.alerts.forEach((alert) => {\n        let res = mapRule(alert.propertyMapping, alert.jsonLogic);\n        if (\n          evaluateRule(\n            res,\n            data.nodeObj,\n            data.properties?.joiningEntityCatalogObjectKey,\n            data.wasLazyLoaded\n          )\n        ) {\n          tempData.push(alert);\n        }\n      });\n      setAlertData(tempData);\n    }\n  }, [data]);\n\n  if (alertData.length > 0) {\n    return (\n      <div className={classes.root}>\n        {alertData\n          .filter((item, i) => i % 2 === 0)\n          .map((alert) => (\n            <div className={classes.alertContainer}>\n              <Chip\n                label={alert.label}\n                style={{\n                  backgroundColor: alert\n                    ? alert.alertColor.hex\n                    : theme.palette.secondary.main\n                }}\n                className={classes.chipStyle}\n              />\n            </div>\n          ))}\n\n        {alertData\n          .filter((item, i) => i % 2 !== 0 && i !== 0)\n          .map((alert) => (\n            <div className={classes.alertContainer}>\n              <Chip\n                label={alert.label}\n                style={{\n                  backgroundColor: alert\n                    ? alert.alertColor.hex\n                    : theme.palette.secondary.main\n                }}\n                className={classes.chipStyle}\n              />\n            </div>\n          ))}\n      </div>\n    );\n  } else {\n    return null;\n  }\n};\n"],"mappings":";;;;;AAIA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,qBAAqB;EACtB;CACD,gBAAgB,EACd,QAAQ,SACT;CACD,WAAW;EACT,UAAU;EACV,cAAc;EACf;CACF,EAAE;AAEH,MAAa,kBAAkB,UAAU;CACvC,MAAM,EAAE,SAAS;CAEjB,MAAM,QAAQ,UAAU;CACxB,MAAM,CAAC,WAAW,gBAAgB,SAAS,EAAE,CAAC;CAC9C,MAAM,UAAU,UAAU,MAAM;AAEhC,iBAAgB;AACd,MAAI,MAAM,YAAY,QAAQ;GAC5B,IAAI,WAAW,EAAE;AACjB,QAAK,WAAW,OAAO,SAAS,UAAU;AAExC,QACE,aAFQ,QAAQ,MAAM,iBAAiB,MAAM,UAAU,EAIrD,KAAK,SACL,KAAK,YAAY,+BACjB,KAAK,cACN,CAED,UAAS,KAAK,MAAM;KAEtB;AACF,gBAAa,SAAS;;IAEvB,CAAC,KAAK,CAAC;AAEV,KAAI,UAAU,SAAS,EACrB,QACE,oCAAC,SAAI,WAAW,QAAQ,QACrB,UACE,QAAQ,MAAM,MAAM,IAAI,MAAM,EAAE,CAChC,KAAK,UACJ,oCAAC,SAAI,WAAW,QAAQ,kBACtB,oCAAC;EACC,OAAO,MAAM;EACb,OAAO,EACL,iBAAiB,QACb,MAAM,WAAW,MACjB,MAAM,QAAQ,UAAU,MAC7B;EACD,WAAW,QAAQ;GACnB,CACE,CACN,EAEH,UACE,QAAQ,MAAM,MAAM,IAAI,MAAM,KAAK,MAAM,EAAE,CAC3C,KAAK,UACJ,oCAAC,SAAI,WAAW,QAAQ,kBACtB,oCAAC;EACC,OAAO,MAAM;EACb,OAAO,EACL,iBAAiB,QACb,MAAM,WAAW,MACjB,MAAM,QAAQ,UAAU,MAC7B;EACD,WAAW,QAAQ;GACnB,CACE,CACN,CACA;KAGR,QAAO"}

package/dist/AmChart-04PtpeIm.js

@@ -0,0 +1,71 @@
+import { a as UdpDonutChart, i as UdpLineChart, n as UdpXYMultiSeriesChart, o as UdpDistributionChart, r as UdpSankeyChart, t as UdpBarChart } from "./UdpBarChart-cY3DPy-m.js";
+import React, { useMemo } from "react";
+import { makeStyles } from "@material-ui/core";
+
+//#region src/UI/dataDisplay/visualization/amCharts/AmChart.tsx
+const useStyles = makeStyles(() => ({ chartWrapper: {
+	height: "100%",
+	width: "100%"
+} }));
+const AmChart = (props) => {
+	const { chartType, data, dataMappingField, labelFormat, tooltipTextFormat, ...otherProps } = props;
+	const classes = useStyles();
+	const chart = useMemo(() => {
+		switch (chartType) {
+			case "sankey": return /* @__PURE__ */ React.createElement(UdpSankeyChart, {
+				data,
+				valueField: dataMappingField?.valueField,
+				targetIdField: dataMappingField?.targetIdField,
+				sourceIdField: dataMappingField?.sourceIdField,
+				labelFormat,
+				tooltipTextFormat,
+				...otherProps
+			});
+			case "bar": return /* @__PURE__ */ React.createElement(UdpBarChart, {
+				data,
+				valueField: dataMappingField?.valueField,
+				labelField: dataMappingField?.labelField,
+				...otherProps
+			});
+			case "donut": return /* @__PURE__ */ React.createElement(UdpDonutChart, {
+				data,
+				valueField: dataMappingField?.valueField,
+				labelField: dataMappingField?.labelField,
+				hideLegend: false,
+				...otherProps
+			});
+			case "line": return /* @__PURE__ */ React.createElement(UdpLineChart, {
+				data,
+				xAxisField: dataMappingField?.xAxisField,
+				yAxisField: dataMappingField?.yAxisField,
+				...otherProps
+			});
+			case "distribution": return /* @__PURE__ */ React.createElement(UdpDistributionChart, {
+				data,
+				valueField: dataMappingField?.valueField,
+				...otherProps
+			});
+			case "xyMultiSeries": return /* @__PURE__ */ React.createElement(UdpXYMultiSeriesChart, {
+				hideLegend: false,
+				xAxes: [],
+				yAxes: [],
+				series: [],
+				data,
+				...otherProps
+			});
+			default: return null;
+		}
+	}, [
+		chartType,
+		data,
+		dataMappingField,
+		labelFormat,
+		otherProps,
+		tooltipTextFormat
+	]);
+	return /* @__PURE__ */ React.createElement("div", { className: classes.chartWrapper }, chart);
+};
+
+//#endregion
+export { AmChart as t };
+//# sourceMappingURL=AmChart-04PtpeIm.js.map

package/dist/AmChart-04PtpeIm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmChart-04PtpeIm.js","names":[],"sources":["../src/UI/dataDisplay/visualization/amCharts/AmChart.tsx"],"sourcesContent":["import React, { ReactElement, useMemo } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { UdpBarChart } from '../../../charts/amcharts/UdpBarChart';\nimport { UdpLineChart } from '../../../charts/amcharts/UdpLineChart';\nimport { UdpDistributionChart } from '../../../charts/amcharts/UdpDistributionChart';\nimport { UdpDonutChart } from '../../../charts/amcharts/UdpDonutChart';\nimport { UdpSankeyChart } from '../../../charts/amcharts/UdpSankeyChart';\nimport { UdpXYMultiSeriesChart } from '../../../charts/amcharts/UdpXYMultiSeriesChart';\n\nconst useStyles = makeStyles(() => ({\n  chartWrapper: {\n    height: '100%',\n    width: '100%'\n  }\n}));\n\ntype ChartType =\n  | 'sankey'\n  | 'bar'\n  | 'donut'\n  | 'line'\n  | 'distribution'\n  | 'xyMultiSeries';\n\nexport interface AmChartProps {\n  chartType: ChartType;\n  data?: any;\n  dataMappingField?: any;\n  labelFormat?: any;\n  tooltipTextFormat?: any;\n  [key: string]: any;\n}\n\nexport const AmChart = (props: AmChartProps): ReactElement | null => {\n  const {\n    chartType,\n    data,\n    dataMappingField,\n    labelFormat,\n    tooltipTextFormat,\n    ...otherProps\n  } = props;\n  const classes = useStyles();\n\n  const chart: ReactElement | null = useMemo(() => {\n    switch (chartType) {\n      case 'sankey':\n        return (\n          <UdpSankeyChart\n            data={data}\n            valueField={dataMappingField?.valueField}\n            targetIdField={dataMappingField?.targetIdField}\n            sourceIdField={dataMappingField?.sourceIdField}\n            labelFormat={labelFormat}\n            tooltipTextFormat={tooltipTextFormat}\n            {...otherProps}\n          />\n        );\n      case 'bar':\n        return (\n          <UdpBarChart\n            data={data}\n            valueField={dataMappingField?.valueField}\n            labelField={dataMappingField?.labelField}\n            {...otherProps}\n          />\n        );\n      case 'donut':\n        return (\n          <UdpDonutChart\n            data={data}\n            valueField={dataMappingField?.valueField}\n            labelField={dataMappingField?.labelField}\n            hideLegend={false}\n            {...otherProps}\n          />\n        );\n      case 'line':\n        return (\n          <UdpLineChart\n            data={data}\n            xAxisField={dataMappingField?.xAxisField}\n            yAxisField={dataMappingField?.yAxisField}\n            {...otherProps}\n          />\n        );\n      case 'distribution':\n        return (\n          <UdpDistributionChart\n            data={data}\n            valueField={dataMappingField?.valueField}\n            {...otherProps}\n          />\n        );\n      case 'xyMultiSeries':\n        return (\n          <UdpXYMultiSeriesChart\n            hideLegend={false}\n            xAxes={[]}\n            yAxes={[]}\n            series={[]}\n            data={data}\n            {...otherProps}\n          />\n        );\n      default:\n        return null;\n    }\n  }, [\n    chartType,\n    data,\n    dataMappingField,\n    labelFormat,\n    otherProps,\n    tooltipTextFormat\n  ]);\n\n  return <div className={classes.chartWrapper}>{chart}</div>;\n};\n"],"mappings":";;;;;AASA,MAAM,YAAY,kBAAkB,EAClC,cAAc;CACZ,QAAQ;CACR,OAAO;CACR,EACF,EAAE;AAmBH,MAAa,WAAW,UAA6C;CACnE,MAAM,EACJ,WACA,MACA,kBACA,aACA,mBACA,GAAG,eACD;CACJ,MAAM,UAAU,WAAW;CAE3B,MAAM,QAA6B,cAAc;AAC/C,UAAQ,WAAR;GACE,KAAK,SACH,QACE,oCAAC;IACO;IACN,YAAY,kBAAkB;IAC9B,eAAe,kBAAkB;IACjC,eAAe,kBAAkB;IACpB;IACM;IACnB,GAAI;KACJ;GAEN,KAAK,MACH,QACE,oCAAC;IACO;IACN,YAAY,kBAAkB;IAC9B,YAAY,kBAAkB;IAC9B,GAAI;KACJ;GAEN,KAAK,QACH,QACE,oCAAC;IACO;IACN,YAAY,kBAAkB;IAC9B,YAAY,kBAAkB;IAC9B,YAAY;IACZ,GAAI;KACJ;GAEN,KAAK,OACH,QACE,oCAAC;IACO;IACN,YAAY,kBAAkB;IAC9B,YAAY,kBAAkB;IAC9B,GAAI;KACJ;GAEN,KAAK,eACH,QACE,oCAAC;IACO;IACN,YAAY,kBAAkB;IAC9B,GAAI;KACJ;GAEN,KAAK,gBACH,QACE,oCAAC;IACC,YAAY;IACZ,OAAO,EAAE;IACT,OAAO,EAAE;IACT,QAAQ,EAAE;IACJ;IACN,GAAI;KACJ;GAEN,QACE,QAAO;;IAEV;EACD;EACA;EACA;EACA;EACA;EACA;EACD,CAAC;AAEF,QAAO,oCAAC,SAAI,WAAW,QAAQ,gBAAe,MAAY"}

package/dist/AmbientAlert-BXaACQ3f.js

@@ -0,0 +1,42 @@
+import React from "react";
+import { Button, makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import { Alert, AlertTitle } from "@material-ui/lab";
+
+//#region src/UI/feedback/AmbientAlert.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	"@global": { ".MuiPaper-rounded": { borderRadius: 0 } },
+	alertSuccess: { borderLeft: `4px solid ${theme.palette.success.main}` },
+	alertWarning: { borderLeft: `4px solid ${theme.palette.warning.main}` },
+	alertError: {
+		borderLeft: `4px solid ${theme.palette.error.main}`,
+		color: theme.palette.error.main
+	},
+	alertInfo: { borderLeft: `4px solid ${theme.palette.info.main}` },
+	square: { borderRadius: 0 }
+}));
+const AmbientAlert = ({ alertButton, alertMessage, alertTitle, showAlert, alertSeverity, closeAlert, alertAction, alertActionButton, alertHandleAction, ...otherProps }) => {
+	const classes = useStyles();
+	const alertColor = () => {
+		if (alertSeverity === "success") return classes.alertSuccess;
+		else if (alertSeverity === "warning") return classes.alertWarning;
+		else if (alertSeverity === "error") return classes.alertError;
+		else if (alertSeverity === "info") return classes.alertInfo;
+	};
+	return /* @__PURE__ */ React.createElement("div", null, showAlert && /* @__PURE__ */ React.createElement(Alert, {
+		classes: { root: clsx(alertColor(), classes.square) },
+		...otherProps,
+		severity: alertSeverity,
+		onClose: closeAlert,
+		action: alertAction ? /* @__PURE__ */ React.createElement(Button, {
+			onClick: alertHandleAction,
+			id: "udpRecord-AmbientAlert-alertActionButton",
+			udprecordid: "udpRecord-AmbientAlert-alertActionButton"
+		}, alertActionButton) : null
+	}, alertTitle && /* @__PURE__ */ React.createElement(AlertTitle, null, alertTitle), alertMessage));
+};
+
+//#endregion
+export { AmbientAlert as t };
+//# sourceMappingURL=AmbientAlert-BXaACQ3f.js.map

package/dist/AmbientAlert-BXaACQ3f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmbientAlert-BXaACQ3f.js","names":[],"sources":["../src/UI/feedback/AmbientAlert.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Button } from '@material-ui/core';\nimport { Alert, AlertTitle } from '@material-ui/lab';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles(theme => ({\n  root: {},\n  '@global': {\n    '.MuiPaper-rounded': {\n      borderRadius: 0,\n    },\n  },\n  alertSuccess: {\n    borderLeft: `4px solid ${theme.palette.success.main}`,\n  },\n  alertWarning: {\n    borderLeft: `4px solid ${theme.palette.warning.main}`,\n  },\n  alertError: {\n    borderLeft: `4px solid ${theme.palette.error.main}`,\n    color: theme.palette.error.main,\n  },\n  alertInfo: {\n    borderLeft: `4px solid ${theme.palette.info.main}`,\n  },\n  square: {\n    borderRadius: 0,\n  },\n}));\n\nexport const AmbientAlert = ({\n  alertButton,\n  alertMessage,\n  alertTitle,\n  showAlert,\n  alertSeverity,\n  closeAlert,\n  alertAction,\n  alertActionButton,\n  alertHandleAction,\n  ...otherProps\n}) => {\n  const classes = useStyles();\n\n  const alertColor = () => {\n    if (alertSeverity === 'success') {\n      let alertLevel = classes.alertSuccess;\n      return alertLevel;\n    } else if (alertSeverity === 'warning') {\n      let alertLevel = classes.alertWarning;\n      return alertLevel;\n    } else if (alertSeverity === 'error') {\n      let alertLevel = classes.alertError;\n      return alertLevel;\n    } else if (alertSeverity === 'info') {\n      let alertLevel = classes.alertInfo;\n      return alertLevel;\n    }\n  };\n\n  return (\n    <div>\n      {showAlert && (\n        <Alert\n          classes={{ root: clsx(alertColor(), classes.square) }}\n          {...otherProps}\n          severity={alertSeverity}\n          onClose={closeAlert}\n          action={\n            alertAction ? (\n              <Button\n                onClick={alertHandleAction}\n                id='udpRecord-AmbientAlert-alertActionButton'\n                udprecordid='udpRecord-AmbientAlert-alertActionButton'\n              >\n                {alertActionButton}\n              </Button>\n            ) : null\n          }\n        >\n          {alertTitle && <AlertTitle>{alertTitle}</AlertTitle>}\n          {alertMessage}\n        </Alert>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAW,WAAU;CACrC,MAAM,EAAE;CACR,WAAW,EACT,qBAAqB,EACnB,cAAc,GACf,EACF;CACD,cAAc,EACZ,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,cAAc,EACZ,YAAY,aAAa,MAAM,QAAQ,QAAQ,QAChD;CACD,YAAY;EACV,YAAY,aAAa,MAAM,QAAQ,MAAM;EAC7C,OAAO,MAAM,QAAQ,MAAM;EAC5B;CACD,WAAW,EACT,YAAY,aAAa,MAAM,QAAQ,KAAK,QAC7C;CACD,QAAQ,EACN,cAAc,GACf;CACF,EAAE;AAEH,MAAa,gBAAgB,EAC3B,aACA,cACA,YACA,WACA,eACA,YACA,aACA,mBACA,mBACA,GAAG,iBACC;CACJ,MAAM,UAAU,WAAW;CAE3B,MAAM,mBAAmB;AACvB,MAAI,kBAAkB,UAEpB,QADiB,QAAQ;WAEhB,kBAAkB,UAE3B,QADiB,QAAQ;WAEhB,kBAAkB,QAE3B,QADiB,QAAQ;WAEhB,kBAAkB,OAE3B,QADiB,QAAQ;;AAK7B,QACE,oCAAC,aACE,aACC,oCAAC;EACC,SAAS,EAAE,MAAM,KAAK,YAAY,EAAE,QAAQ,OAAO,EAAE;EACrD,GAAI;EACJ,UAAU;EACV,SAAS;EACT,QACE,cACE,oCAAC;GACC,SAAS;GACT,IAAG;GACH,aAAY;KAEX,kBACM,GACP;IAGL,cAAc,oCAAC,kBAAY,WAAwB,EACnD,aACK,CAEN"}

package/dist/AmbientAutoComplete-DrhrqnYv.js

@@ -0,0 +1,103 @@
+import React, { useCallback } from "react";
+import { Popper, TextField, makeStyles } from "@material-ui/core";
+import Autocomplete from "@material-ui/lab/Autocomplete";
+
+//#region src/UI/inputs/textField/AmbientAutoComplete.jsx
+const useStyles = makeStyles((theme) => ({
+	input: {
+		borderRadius: 2,
+		minHeight: 32,
+		padding: 0,
+		paddingTop: "0 !important",
+		paddingBottom: (props) => props.isMultiple ? "0 !important" : 10,
+		marginTop: 3,
+		"& .MuiFilledInput-inputMarginDense": { paddingTop: 8 },
+		"& .MuiFilledInput-root": { paddingTop: 0 },
+		"& .MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)": {
+			marginTop: theme.spacing(.5),
+			marginLeft: theme.spacing(1)
+		}
+	},
+	formTextInput: {
+		fontSize: 14,
+		marginTop: "2px !important",
+		paddingBottom: "2px !important"
+	},
+	labelRoot: { fontSize: 14 },
+	root: {
+		marginTop: 25,
+		"& .MuiFormLabel-root": {
+			marginTop: -30,
+			marginLeft: -11
+		},
+		"& .MuiInputAdornment-root": { paddingLeft: theme.spacing(1) }
+	},
+	noLabel: { marginTop: theme.spacing(1) },
+	formControl: { width: "100%" }
+}));
+const AutoCompletePopper = (props) => {
+	return /* @__PURE__ */ React.createElement(Popper, {
+		...props,
+		placement: "bottom-start"
+	});
+};
+const AmbientAutoComplete = (props) => {
+	const { getOptionLabelFunction, getOptionSelected, label, placeholder, options, textFieldProps, disabled, onChange: onChangeProp, value, additionalOnChangeAction, classes: classProps, variant = "filled", inputProps, inputPropClasses, customPopper, disableClearable = false, defaultValue, additionalOptionKey, isMultiple = false, limitTags, renderTags, size = "medium", groupBy = null, filterOptions, loading, disableCloseOnSelect = false, getOptionDisabled, ...other } = props;
+	const classes = useStyles(props);
+	const { autocompleteRoot } = classProps || {};
+	const onChange = useCallback((e, value) => {
+		if (additionalOnChangeAction) additionalOnChangeAction(value);
+		return onChangeProp?.(value);
+	}, [onChangeProp, additionalOnChangeAction]);
+	return /* @__PURE__ */ React.createElement(Autocomplete, {
+		id: "autocomplete",
+		multiple: isMultiple,
+		limitTags,
+		disabled,
+		options: options || [],
+		loading,
+		getOptionLabel: getOptionLabelFunction,
+		getOptionSelected,
+		groupBy,
+		filterOptions,
+		onChange,
+		value: value || (isMultiple ? [] : null),
+		getOptionDisabled,
+		className: autocompleteRoot,
+		classes: { root: classes.formControl },
+		PopperComponent: customPopper || AutoCompletePopper,
+		disableClearable,
+		defaultValue,
+		size,
+		disableCloseOnSelect,
+		renderInput: (params) => /* @__PURE__ */ React.createElement("div", { className: label ? classes.root : classes.noLabel }, /* @__PURE__ */ React.createElement(TextField, {
+			...textFieldProps,
+			...params,
+			...other,
+			label,
+			margin: "dense",
+			variant,
+			size: "small",
+			InputProps: {
+				...params.InputProps,
+				classes: {
+					root: classes.input,
+					input: classes.formTextInput,
+					...props.InputProps?.classes
+				}
+			},
+			InputLabelProps: {
+				shrink: false,
+				classes: {
+					root: classes.labelRoot,
+					focused: classes.labelFocused
+				}
+			}
+		})),
+		renderTags
+	});
+};
+
+//#endregion
+export { AmbientAutoComplete as t };
+//# sourceMappingURL=AmbientAutoComplete-DrhrqnYv.js.map

package/dist/AmbientAutoComplete-DrhrqnYv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmbientAutoComplete-DrhrqnYv.js","names":[],"sources":["../src/UI/inputs/textField/AmbientAutoComplete.jsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport React, { useCallback } from 'react';\nimport { TextField, makeStyles, Popper } from '@material-ui/core';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\n\nconst useStyles = makeStyles((theme) => ({\n  input: {\n    borderRadius: 2,\n    minHeight: 32,\n    padding: 0,\n    paddingTop: '0 !important',\n    paddingBottom: (props) => (props.isMultiple ? '0 !important' : 10),\n    marginTop: 3,\n    '& .MuiFilledInput-inputMarginDense': {\n      paddingTop: 8\n    },\n    '& .MuiFilledInput-root': {\n      paddingTop: 0\n    },\n    '& .MuiInputAdornment-filled.MuiInputAdornment-positionStart:not(.MuiInputAdornment-hiddenLabel)':\n      {\n        marginTop: theme.spacing(0.5),\n        marginLeft: theme.spacing(1)\n      }\n  },\n  formTextInput: {\n    fontSize: 14,\n    marginTop: '2px !important',\n    paddingBottom: '2px !important'\n  },\n  labelRoot: {\n    fontSize: 14\n  },\n  root: {\n    marginTop: 25,\n    '& .MuiFormLabel-root': {\n      marginTop: -30,\n      marginLeft: -11\n    },\n    '& .MuiInputAdornment-root': {\n      paddingLeft: theme.spacing(1)\n    }\n  },\n  noLabel: {\n    marginTop: theme.spacing(1)\n  },\n  formControl: {\n    width: '100%'\n  }\n}));\n\nconst AutoCompletePopper = (props) => {\n  return <Popper {...props} placement='bottom-start' />;\n};\n\nexport const AmbientAutoComplete = (props) => {\n  const {\n    getOptionLabelFunction,\n    getOptionSelected,\n    label,\n    placeholder,\n    options,\n    textFieldProps,\n    disabled,\n    onChange: onChangeProp,\n    value,\n    additionalOnChangeAction,\n    classes: classProps,\n    variant = 'filled',\n    inputProps,\n    inputPropClasses,\n    customPopper,\n    disableClearable = false,\n    defaultValue,\n    additionalOptionKey,\n    isMultiple = false,\n    limitTags,\n    renderTags,\n    size = 'medium',\n    groupBy = null,\n    filterOptions,\n    loading,\n    disableCloseOnSelect = false,\n    getOptionDisabled,\n    ...other\n  } = props;\n\n  const classes = useStyles(props);\n  const { autocompleteRoot } = classProps || {};\n\n  const onChange = useCallback(\n    (e, value) => {\n      if (additionalOnChangeAction) {\n        additionalOnChangeAction(value);\n      }\n      return onChangeProp?.(value);\n    },\n    [onChangeProp, additionalOnChangeAction]\n  );\n\n  return (\n    <Autocomplete\n      id='autocomplete'\n      multiple={isMultiple}\n      limitTags={limitTags}\n      disabled={disabled}\n      options={options || []}\n      loading={loading}\n      getOptionLabel={getOptionLabelFunction}\n      getOptionSelected={getOptionSelected}\n      groupBy={groupBy}\n      filterOptions={filterOptions}\n      onChange={onChange}\n      value={value || (isMultiple ? [] : null)}\n      getOptionDisabled={getOptionDisabled}\n      className={autocompleteRoot}\n      classes={{\n        root: classes.formControl\n      }}\n      PopperComponent={customPopper || AutoCompletePopper}\n      disableClearable={disableClearable}\n      defaultValue={defaultValue}\n      size={size}\n      disableCloseOnSelect={disableCloseOnSelect}\n      renderInput={(params) => (\n        <div className={label ? classes.root : classes.noLabel}>\n          <TextField\n            {...textFieldProps}\n            {...params}\n            {...other}\n            label={label}\n            margin='dense'\n            variant={variant}\n            size='small'\n            InputProps={{\n              ...params.InputProps,\n              classes: {\n                root: classes.input,\n                input: classes.formTextInput,\n                ...props.InputProps?.classes\n              }\n            }}\n            InputLabelProps={{\n              shrink: false,\n              classes: {\n                root: classes.labelRoot,\n                focused: classes.labelFocused\n              }\n            }}\n          />\n        </div>\n      )}\n      renderTags={renderTags}\n    />\n  );\n};\n"],"mappings":";;;;;AAKA,MAAM,YAAY,YAAY,WAAW;CACvC,OAAO;EACL,cAAc;EACd,WAAW;EACX,SAAS;EACT,YAAY;EACZ,gBAAgB,UAAW,MAAM,aAAa,iBAAiB;EAC/D,WAAW;EACX,sCAAsC,EACpC,YAAY,GACb;EACD,0BAA0B,EACxB,YAAY,GACb;EACD,mGACE;GACE,WAAW,MAAM,QAAQ,GAAI;GAC7B,YAAY,MAAM,QAAQ,EAAE;GAC7B;EACJ;CACD,eAAe;EACb,UAAU;EACV,WAAW;EACX,eAAe;EAChB;CACD,WAAW,EACT,UAAU,IACX;CACD,MAAM;EACJ,WAAW;EACX,wBAAwB;GACtB,WAAW;GACX,YAAY;GACb;EACD,6BAA6B,EAC3B,aAAa,MAAM,QAAQ,EAAE,EAC9B;EACF;CACD,SAAS,EACP,WAAW,MAAM,QAAQ,EAAE,EAC5B;CACD,aAAa,EACX,OAAO,QACR;CACF,EAAE;AAEH,MAAM,sBAAsB,UAAU;AACpC,QAAO,oCAAC;EAAO,GAAI;EAAO,WAAU;GAAiB;;AAGvD,MAAa,uBAAuB,UAAU;CAC5C,MAAM,EACJ,wBACA,mBACA,OACA,aACA,SACA,gBACA,UACA,UAAU,cACV,OACA,0BACA,SAAS,YACT,UAAU,UACV,YACA,kBACA,cACA,mBAAmB,OACnB,cACA,qBACA,aAAa,OACb,WACA,YACA,OAAO,UACP,UAAU,MACV,eACA,SACA,uBAAuB,OACvB,mBACA,GAAG,UACD;CAEJ,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,qBAAqB,cAAc,EAAE;CAE7C,MAAM,WAAW,aACd,GAAG,UAAU;AACZ,MAAI,yBACF,0BAAyB,MAAM;AAEjC,SAAO,eAAe,MAAM;IAE9B,CAAC,cAAc,yBAAyB,CACzC;AAED,QACE,oCAAC;EACC,IAAG;EACH,UAAU;EACC;EACD;EACV,SAAS,WAAW,EAAE;EACb;EACT,gBAAgB;EACG;EACV;EACM;EACL;EACV,OAAO,UAAU,aAAa,EAAE,GAAG;EAChB;EACnB,WAAW;EACX,SAAS,EACP,MAAM,QAAQ,aACf;EACD,iBAAiB,gBAAgB;EACf;EACJ;EACR;EACgB;EACtB,cAAc,WACZ,oCAAC,SAAI,WAAW,QAAQ,QAAQ,OAAO,QAAQ,WAC7C,oCAAC;GACC,GAAI;GACJ,GAAI;GACJ,GAAI;GACG;GACP,QAAO;GACE;GACT,MAAK;GACL,YAAY;IACV,GAAG,OAAO;IACV,SAAS;KACP,MAAM,QAAQ;KACd,OAAO,QAAQ;KACf,GAAG,MAAM,YAAY;KACtB;IACF;GACD,iBAAiB;IACf,QAAQ;IACR,SAAS;KACP,MAAM,QAAQ;KACd,SAAS,QAAQ;KAClB;IACF;IACD,CACE;EAEI;GACZ"}