udp-react-enterprise-component-library 25.18.1-beta.1 → 25.18.1-beta.10

package/dist/AmChart-HUKP1z6F.js

@@ -1,71 +0,0 @@
-import { a as UdpLineChart, i as UdpDistributionChart, n as UdpSankeyChart, o as UdpBarChart, r as UdpDonutChart, t as UdpXYMultiSeriesChart } from "./UdpXYMultiSeriesChart-BLyAiDEL.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-HUKP1z6F.js.map

package/dist/AmChart-HUKP1z6F.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmChart-HUKP1z6F.js","names":["chart: ReactElement | null"],"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,kBACA,GAAG,eACD;CACJ,MAAM,UAAU,WAAW;CAE3B,MAAMA,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-Dt_6PYSs.js

@@ -1,42 +0,0 @@
-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-Dt_6PYSs.js.map

package/dist/AmbientAlert-Dt_6PYSs.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmbientAlert-Dt_6PYSs.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,kBACA,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-CUo67QiT.js

@@ -1,102 +0,0 @@
-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, loading, disableCloseOnSelect = false, getOptionDisabled,...other } = props;
-	const classes = useStyles(props);
-	const { autocompleteRoot } = classProps || {};
-	const onChange = useCallback((e, value$1) => {
-		if (additionalOnChangeAction) additionalOnChangeAction(value$1);
-		return onChangeProp?.(value$1);
-	}, [onChangeProp, additionalOnChangeAction]);
-	return /* @__PURE__ */ React.createElement(Autocomplete, {
-		id: "autocomplete",
-		multiple: isMultiple,
-		limitTags,
-		disabled,
-		options: options || [],
-		loading,
-		getOptionLabel: getOptionLabelFunction,
-		getOptionSelected,
-		groupBy,
-		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-CUo67QiT.js.map

package/dist/AmbientAutoComplete-CUo67QiT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmbientAutoComplete-CUo67QiT.js","names":["value"],"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    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      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,SACA,uBAAuB,OACvB,kBACA,GAAG,UACD;CAEJ,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,qBAAqB,cAAc,EAAE;CAE7C,MAAM,WAAW,aACd,GAAG,YAAU;AACZ,MAAI,yBACF,0BAAyBA,QAAM;AAEjC,SAAO,eAAeA,QAAM;IAE9B,CAAC,cAAc,yBAAyB,CACzC;AAED,QACE,oCAAC;EACC,IAAG;EACH,UAAU;EACC;EACD;EACV,SAAS,WAAW,EAAE;EACb;EACT,gBAAgB;EACG;EACV;EACC;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"}

package/dist/AmbientCard-blAjLcmr.js

@@ -1,165 +0,0 @@
-import { t as FluentButton } from "./FluentButton-3xMbN_Vs.js";
-import { t as FluentIconButton } from "./FluentIconButton-CtN4xdO_.js";
-import { r as getEllipseColor } from "./colorConverter-x64WSLsF.js";
-import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
-import { t as StatusChip } from "./StatusChip-DZAN88VU.js";
-import { t as AmbientCardButton } from "./AmbientCardButton-DOnaCczn.js";
-import { t as Adornment } from "./Adornment-Ciq1X7he.js";
-import React, { useState } from "react";
-import { CardContent, CardMedia, Collapse, Paper, Typography, lighten, makeStyles } from "@material-ui/core";
-import { ChevronDownIcon, ChevronUpIcon } from "@fluentui/react-icons";
-
-//#region src/UI/surfaces/cards/AmbientCard/AmbientCard.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {},
-	paper: {
-		width: "100%",
-		position: "relative",
-		display: "flex",
-		flexDirection: "column",
-		height: (props) => props?.cardHeight ?? ""
-	},
-	adornment: {
-		top: 0,
-		left: 0,
-		height: "100%",
-		position: "absolute"
-	},
-	launchButtons: {
-		padding: theme.spacing(0, 2, 2, 2),
-		display: "flex",
-		justifyContent: "flex-end",
-		bottom: (props) => props.adjustBaseline ? props.adjustBaseline : 16,
-		right: theme.spacing(2),
-		gridGap: theme.spacing(1)
-	},
-	moreButton: {
-		marginTop: theme.spacing(1),
-		display: "flex",
-		justifyContent: "center",
-		backgroundColor: lighten(theme.palette.secondary.main, .9),
-		padding: theme.spacing(1)
-	},
-	styleWidth: {
-		width: (props) => !props?.fullWidth ? "75%" : "100%",
-		height: "100%"
-	},
-	media: { height: (props) => props.mediaHeight || 120 },
-	cardContent: {
-		flexGrow: 1,
-		padding: (props) => props.removePadding && 0,
-		"&:last-child": { paddingBottom: (props) => props.lastChildBottomPadding ? props.lastChildBottomPadding : theme.spacing(2) },
-		paddingTop: 0,
-		height: (props) => props.cardContentHeight ? props.cardContentHeight : ""
-	},
-	titleWrapper: {
-		display: "flex",
-		backgroundColor: (props) => props.headerColor && getEllipseColor(theme, props.headerColor, "light")
-	},
-	title: { color: (props) => props.headerColor && theme.palette.getContrastText(getEllipseColor(theme, props.headerColor, "light")) },
-	loading: {
-		position: "absolute",
-		top: 0,
-		left: 0
-	},
-	expandMessage: { display: "flex" },
-	cardRoot: { "&:last-child": { paddingBottom: theme.spacing(2) } },
-	visualization: {
-		display: "flex",
-		alignItems: "flex-end",
-		width: "100%",
-		height: 300
-	},
-	titlesWrapper: {
-		display: "flex",
-		flexDirection: "column",
-		flex: 1,
-		lineHeight: (props) => props.globalExpanded && "125%"
-	},
-	collapseChildren: {
-		flexGrow: 1,
-		"& .MuiCollapse-wrapper": { height: "100%" },
-		"& .MuiCollapse-wrapperInner": { height: "100%" },
-		height: (props) => props.cardContentHeight ? props.cardContentHeight : ""
-	}
-}));
-const AmbientCard = (props) => {
-	const classes = useStyles(props);
-	const [expanded, setExpanded] = useState(false);
-	const { adornment = "secondary", ariaLabel, baseLoading, cardHeight, children, collapseChildrenWhenExpanded, customAdornment = " ", deleteEvent, deleteOption, editEvent, editOption, extendedContent, extendedList, fullWidth, globalToggle, header, image, imageTitle, label, large, launchEvent, launchOption, loading, mediaHeight, more, moreMessage, moreButton, moreButtonExpanded, noAdornment = false, overrideStatusSuccess, overrideStatusError, overrideStatusWarning, overrideStatusInfo, removeTopLayoutUnit, status, subCard, title, toggleGlobalExpanded = true, visualization, subtitle,...otherProps } = props;
-	const [globalExpanded, setGlobalExpanded] = useState(toggleGlobalExpanded);
-	if (baseLoading) return null;
-	return /* @__PURE__ */ React.createElement(Paper, {
-		elevation: 0,
-		className: classes.paper
-	}, !noAdornment && /* @__PURE__ */ React.createElement("div", { className: classes.adornment }, customAdornment ? customAdornment : /* @__PURE__ */ React.createElement(Adornment, { color: adornment })), title && /* @__PURE__ */ React.createElement(CardContent, {
-		className: classes.titleWrapper,
-		classes: { root: classes.cardRoot }
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.titlesWrapper }, /* @__PURE__ */ React.createElement(Typography, {
-		className: classes.title,
-		component: "h2",
-		variant: subCard ? "subtitle2" : "h6"
-	}, title), subtitle && /* @__PURE__ */ React.createElement(Typography, {
-		variant: "body1",
-		className: classes.title
-	}, subtitle)), status && /* @__PURE__ */ React.createElement(StatusChip, {
-		status,
-		label,
-		success: overrideStatusSuccess,
-		error: overrideStatusError,
-		warning: overrideStatusWarning,
-		info: overrideStatusInfo
-	}), globalToggle && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		onClick: () => setGlobalExpanded(!globalExpanded),
-		icon: globalExpanded ? ChevronUpIcon : ChevronDownIcon,
-		className: classes.icon,
-		id: "udpRecord-AmbientCard-Toggle-" + (globalExpanded ? "Up" : "Down"),
-		udprecordid: "udpRecord-AmbientCard-Toggle-" + (globalExpanded ? "Up" : "Down")
-	}))), image && /* @__PURE__ */ React.createElement(CardMedia, {
-		className: classes.media,
-		image,
-		title: imageTitle
-	}), globalExpanded && /* @__PURE__ */ React.createElement(CardContent, { classes: { root: classes.cardContent } }, !image && !header && !removeTopLayoutUnit && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: large ? "md" : "xxs" }), image && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xs" }), /* @__PURE__ */ React.createElement(Collapse, {
-		in: !collapseChildrenWhenExpanded || !expanded,
-		timeout: "auto",
-		className: classes.collapseChildren
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.styleWidth }, children)), extendedList && /* @__PURE__ */ React.createElement(Collapse, {
-		in: expanded,
-		timeout: "auto"
-	}, /* @__PURE__ */ React.createElement("div", null, extendedList)), more && /* @__PURE__ */ React.createElement("div", { className: classes.moreButton }, /* @__PURE__ */ React.createElement("div", { className: classes.expandMessage }, /* @__PURE__ */ React.createElement(Typography, {
-		style: {
-			marginTop: 4,
-			marginRight: 16
-		},
-		variant: "subtitle2"
-	}, !expanded && moreMessage), /* @__PURE__ */ React.createElement(FluentButton, {
-		onClick: () => setExpanded(!expanded),
-		color: "secondary",
-		variant: "outlined"
-	}, expanded ? moreButtonExpanded : moreButton)))), visualization && /* @__PURE__ */ React.createElement("div", { className: classes.visualization }, visualization), !globalToggle && (editOption || launchOption || deleteOption) && /* @__PURE__ */ React.createElement("div", { className: classes.launchButtons }, editOption && /* @__PURE__ */ React.createElement(AmbientCardButton, {
-		"aria-label": ariaLabel,
-		editOption: true,
-		...otherProps,
-		onClick: editEvent,
-		id: "udpRecord-AmbientCard-edit",
-		udprecordid: "udpRecord-AmbientCard-edit"
-	}), launchOption && /* @__PURE__ */ React.createElement(AmbientCardButton, {
-		"aria-label": ariaLabel,
-		launchOption: true,
-		...otherProps,
-		onClick: launchEvent,
-		id: "udpRecord-AmbientCard-launch",
-		udprecordid: "udpRecord-AmbientCard-launch"
-	}), deleteOption && /* @__PURE__ */ React.createElement(AmbientCardButton, {
-		"aria-label": ariaLabel,
-		deleteOption: true,
-		...otherProps,
-		onClick: deleteEvent,
-		id: "udpRecord-AmbientCard-delete",
-		udprecordid: "udpRecord-AmbientCard-delete"
-	})));
-};
-
-//#endregion
-export { AmbientCard as t };
-//# sourceMappingURL=AmbientCard-blAjLcmr.js.map

package/dist/AmbientCard-blAjLcmr.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmbientCard-blAjLcmr.js","names":[],"sources":["../src/UI/surfaces/cards/AmbientCard/AmbientCard.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport {\n  Paper,\n  CardContent,\n  makeStyles,\n  Typography,\n  CardMedia,\n  lighten,\n  Collapse\n} from '@material-ui/core';\nimport { LayoutUnit } from '../../../../layout/LayoutUnit';\nimport { StatusChip } from '../../../dataDisplay/status/StatusChip';\nimport { ChevronDownIcon, ChevronUpIcon } from '@fluentui/react-icons';\nimport { FluentButton } from '../../../inputs/buttons/FluentButton';\nimport { FluentIconButton } from '../../../inputs/buttons/FluentIconButton';\nimport { AmbientCardButton } from '../../../inputs/buttons/AmbientCardButton';\nimport { Adornment } from '../../../components/feedback/Adornment';\nimport { getEllipseColor } from '../../../../utilities/style/colorConverter';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  paper: {\n    width: '100%',\n    position: 'relative',\n    display: 'flex',\n    flexDirection: 'column',\n    height: (props) => props?.cardHeight ?? ''\n  },\n  adornment: {\n    top: 0,\n    left: 0,\n    height: '100%',\n    position: 'absolute'\n  },\n  launchButtons: {\n    // position: (props) => !props.extendedContent && 'absolute',\n    // marginTop: 'auto',\n    padding: theme.spacing(0, 2, 2, 2),\n    display: 'flex',\n    justifyContent: 'flex-end',\n    bottom: (props) => (props.adjustBaseline ? props.adjustBaseline : 16),\n    right: theme.spacing(2),\n    gridGap: theme.spacing(1)\n  },\n  moreButton: {\n    marginTop: theme.spacing(1),\n    display: 'flex',\n    justifyContent: 'center',\n    backgroundColor: lighten(theme.palette.secondary.main, 0.9),\n    padding: theme.spacing(1)\n  },\n  styleWidth: {\n    width: (props) => (!props?.fullWidth ? '75%' : '100%'),\n    height: '100%'\n  },\n  media: {\n    height: (props) => props.mediaHeight || 120\n  },\n  cardContent: {\n    // backgroundColor: 'red',\n    flexGrow: 1,\n    padding: (props) => props.removePadding && 0,\n    '&:last-child': {\n      paddingBottom: (props) =>\n        props.lastChildBottomPadding\n          ? props.lastChildBottomPadding\n          : theme.spacing(2)\n    },\n    paddingTop: 0,\n    height: (props) => (props.cardContentHeight ? props.cardContentHeight : '')\n  },\n  titleWrapper: {\n    display: 'flex',\n    backgroundColor: (props) =>\n      props.headerColor && getEllipseColor(theme, props.headerColor, 'light')\n  },\n  title: {\n    color: (props) =>\n      props.headerColor &&\n      theme.palette.getContrastText(\n        getEllipseColor(theme, props.headerColor, 'light')\n      )\n  },\n  loading: {\n    position: 'absolute',\n    top: 0,\n    left: 0\n  },\n  expandMessage: {\n    display: 'flex'\n  },\n  cardRoot: {\n    '&:last-child': {\n      paddingBottom: theme.spacing(2)\n    }\n  },\n  visualization: {\n    display: 'flex',\n    alignItems: 'flex-end',\n    width: '100%',\n    height: 300\n  },\n  titlesWrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n    flex: 1,\n    lineHeight: (props) => props.globalExpanded && '125%'\n  },\n  collapseChildren: {\n    flexGrow: 1,\n    '& .MuiCollapse-wrapper': {\n      height: '100%'\n    },\n    '& .MuiCollapse-wrapperInner': {\n      height: '100%'\n    },\n    height: (props) => (props.cardContentHeight ? props.cardContentHeight : '')\n  }\n}));\n\nexport const AmbientCard = (props) => {\n  const classes = useStyles(props);\n  const [expanded, setExpanded] = useState(false);\n\n  const {\n    adornment = 'secondary',\n    ariaLabel,\n    baseLoading,\n    cardHeight,\n    children,\n    collapseChildrenWhenExpanded,\n    customAdornment = ' ',\n    deleteEvent,\n    deleteOption,\n    editEvent,\n    editOption,\n    extendedContent,\n    extendedList,\n    fullWidth,\n    globalToggle,\n    header,\n    image,\n    imageTitle,\n    label,\n    large,\n    launchEvent,\n    launchOption,\n    loading,\n    mediaHeight,\n    more,\n    moreMessage,\n    moreButton,\n    moreButtonExpanded,\n    noAdornment = false,\n    overrideStatusSuccess,\n    overrideStatusError,\n    overrideStatusWarning,\n    overrideStatusInfo,\n    removeTopLayoutUnit,\n    status,\n    subCard,\n    title,\n    toggleGlobalExpanded = true,\n    visualization,\n    subtitle,\n    ...otherProps\n  } = props;\n\n  const [globalExpanded, setGlobalExpanded] = useState(toggleGlobalExpanded);\n\n  if (baseLoading) return null;\n\n  return (\n    <Paper\n      elevation={0}\n      // className={clsx(classes.paper, adornment && classes.adornment)}\n      className={classes.paper}\n    >\n      {!noAdornment && (\n        <div className={classes.adornment}>\n          {customAdornment ? customAdornment : <Adornment color={adornment} />}\n        </div>\n      )}\n      {/* {loading && (\n            <div className={classes.loading}>\n              <Skeleton variant=\"rectangle\" width={4} height={400} />\n            </div>\n          )} */}\n      {title && (\n        <CardContent\n          className={classes.titleWrapper}\n          classes={{ root: classes.cardRoot }}\n        >\n          <div className={classes.titlesWrapper}>\n            <Typography\n              className={classes.title}\n              component='h2'\n              variant={subCard ? 'subtitle2' : 'h6'}\n            >\n              {title}\n            </Typography>\n            {subtitle && (\n              <Typography variant={'body1'} className={classes.title}>\n                {subtitle}\n              </Typography>\n            )}\n          </div>\n\n          {status && (\n            <StatusChip\n              status={status}\n              label={label}\n              success={overrideStatusSuccess}\n              error={overrideStatusError}\n              warning={overrideStatusWarning}\n              info={overrideStatusInfo}\n            />\n          )}\n          {globalToggle && (\n            <div>\n              <FluentIconButton\n                onClick={() => setGlobalExpanded(!globalExpanded)}\n                icon={globalExpanded ? ChevronUpIcon : ChevronDownIcon}\n                className={classes.icon}\n                id={\n                  'udpRecord-AmbientCard-Toggle-' +\n                  (globalExpanded ? 'Up' : 'Down')\n                }\n                udprecordid={\n                  'udpRecord-AmbientCard-Toggle-' +\n                  (globalExpanded ? 'Up' : 'Down')\n                }\n              />\n            </div>\n          )}\n        </CardContent>\n      )}\n      {image && (\n        <CardMedia className={classes.media} image={image} title={imageTitle} />\n      )}\n      {globalExpanded && (\n        <CardContent classes={{ root: classes.cardContent }}>\n          {!image && !header && !removeTopLayoutUnit && (\n            <LayoutUnit unit={large ? 'md' : 'xxs'} />\n          )}\n          {image && <LayoutUnit unit='xs' />}\n\n          {/* LAA UNT-2624: Add logic to collapse children when expanded if prop is set */}\n          <Collapse\n            in={!collapseChildrenWhenExpanded || !expanded}\n            timeout='auto'\n            className={classes.collapseChildren}\n          >\n            <div className={classes.styleWidth}>{children}</div>\n          </Collapse>\n\n          {extendedList && (\n            <Collapse in={expanded} timeout='auto'>\n              <div>{extendedList}</div>\n            </Collapse>\n          )}\n          {more && (\n            <div className={classes.moreButton}>\n              <div className={classes.expandMessage}>\n                <Typography\n                  style={{ marginTop: 4, marginRight: 16 }}\n                  variant='subtitle2'\n                >\n                  {!expanded && moreMessage}\n                </Typography>\n                <FluentButton\n                  onClick={() => setExpanded(!expanded)}\n                  color='secondary'\n                  variant='outlined'\n                >\n                  {expanded ? moreButtonExpanded : moreButton}\n                </FluentButton>\n              </div>\n            </div>\n          )}\n        </CardContent>\n      )}\n      {visualization && (\n        <div className={classes.visualization}>{visualization}</div>\n      )}\n      {!globalToggle && (editOption || launchOption || deleteOption) && (\n        <div className={classes.launchButtons}>\n          {editOption && (\n            <AmbientCardButton\n              aria-label={ariaLabel}\n              editOption\n              {...otherProps}\n              onClick={editEvent}\n              id='udpRecord-AmbientCard-edit'\n              udprecordid='udpRecord-AmbientCard-edit'\n            />\n          )}\n          {launchOption && (\n            <AmbientCardButton\n              aria-label={ariaLabel}\n              launchOption\n              {...otherProps}\n              onClick={launchEvent}\n              id='udpRecord-AmbientCard-launch'\n              udprecordid='udpRecord-AmbientCard-launch'\n            />\n          )}\n          {deleteOption && (\n            <AmbientCardButton\n              aria-label={ariaLabel}\n              deleteOption\n              {...otherProps}\n              onClick={deleteEvent}\n              id='udpRecord-AmbientCard-delete'\n              udprecordid='udpRecord-AmbientCard-delete'\n            />\n          )}\n        </div>\n      )}\n    </Paper>\n  );\n};\n"],"mappings":"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"}

package/dist/AmbientCardButton-DOnaCczn.js

@@ -1,31 +0,0 @@
-import React from "react";
-import { Button, makeStyles } from "@material-ui/core";
-import { ArrowUpRightIcon, DeleteIcon, EditIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/inputs/buttons/AmbientCardButton.jsx
-const useStyles = makeStyles((theme) => ({ root: {
-	borderRadius: 0,
-	padding: 8
-} }));
-const AmbientCardButton = (props) => {
-	const classes = useStyles(props);
-	const { editOption, launchOption, deleteOption, children,...otherProps } = props;
-	return /* @__PURE__ */ React.createElement(Button, {
-		classes: { root: classes.root },
-		variant: "outlined",
-		disableElevation: true,
-		color: "primary",
-		...otherProps
-	}, editOption && /* @__PURE__ */ React.createElement(EditIcon, null), launchOption && /* @__PURE__ */ React.createElement(ArrowUpRightIcon, null), deleteOption && /* @__PURE__ */ React.createElement(DeleteIcon, null), children);
-};
-AmbientCardButton.propTypes = {
-	editOption: PropTypes.bool,
-	launchOption: PropTypes.bool,
-	deleteOption: PropTypes.bool,
-	children: PropTypes.string
-};
-
-//#endregion
-export { AmbientCardButton as t };
-//# sourceMappingURL=AmbientCardButton-DOnaCczn.js.map

package/dist/AmbientCardButton-DOnaCczn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmbientCardButton-DOnaCczn.js","names":[],"sources":["../src/UI/inputs/buttons/AmbientCardButton.jsx"],"sourcesContent":["import React from 'react'\nimport { Button, makeStyles } from '@material-ui/core'\nimport { ArrowUpRightIcon, EditIcon, DeleteIcon } from '@fluentui/react-icons'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    borderRadius: 0,\n    padding: 8\n  }\n}))\n\nexport const AmbientCardButton = (props) => {\n  const classes = useStyles(props)\n\n  const { editOption, launchOption, deleteOption, children, ...otherProps } = props\n\n  return (\n    <Button\n      classes={{ root: classes.root }}\n      variant='outlined'\n      disableElevation\n      color='primary'\n      {...otherProps}\n    >\n      {editOption && <EditIcon />}\n      {launchOption && <ArrowUpRightIcon />}\n      {deleteOption && <DeleteIcon />}\n      {children}\n    </Button>\n  );\n}\n\nAmbientCardButton.propTypes = {\n  /**\n   * When true will display edit button.\n   */\n  editOption: PropTypes.bool,\n  /**\n   * When true will display launch button.\n   */\n  launchOption: PropTypes.bool,\n   /**\n   * When true will display delete button.\n   */\n  deleteOption: PropTypes.bool,\n  /**\n   * Will display a text lable vesion.\n   */\n  children: PropTypes.string,\n\n}"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,cAAc;CACd,SAAS;CACV,EACF,EAAE;AAEH,MAAa,qBAAqB,UAAU;CAC1C,MAAM,UAAU,UAAU,MAAM;CAEhC,MAAM,EAAE,YAAY,cAAc,cAAc,SAAU,GAAG,eAAe;AAE5E,QACE,oCAAC;EACC,SAAS,EAAE,MAAM,QAAQ,MAAM;EAC/B,SAAQ;EACR;EACA,OAAM;EACN,GAAI;IAEH,cAAc,oCAAC,eAAW,EAC1B,gBAAgB,oCAAC,uBAAmB,EACpC,gBAAgB,oCAAC,iBAAa,EAC9B,SACM;;AAIb,kBAAkB,YAAY;CAI5B,YAAY,UAAU;CAItB,cAAc,UAAU;CAIxB,cAAc,UAAU;CAIxB,UAAU,UAAU;CAErB"}

package/dist/AmbientChipButton-DVEZWSRM.js

@@ -1,50 +0,0 @@
-import { t as FluentIcon } from "./FluentIcon-DjE8A5DC.js";
-import React, { forwardRef } from "react";
-import { Chip, IconButton, Tooltip, Typography, makeStyles } from "@material-ui/core";
-import PropTypes from "prop-types";
-
-//#region src/UI/inputs/buttons/AmbientChipButton.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {},
-	actionHeader: {
-		display: "flex",
-		flexDirection: "row"
-	},
-	icon: {
-		marginLeft: theme.spacing(1),
-		color: (props) => props.background === "transparent" ? theme.palette.secondary.main : theme.palette.primary.main
-	},
-	chipRoot: { background: (props) => props.background ? props.background : theme.palette.common.white },
-	label: {
-		overflow: "hidden",
-		whiteSpace: "nowrap",
-		textOverflow: "ellipsis"
-	}
-}));
-const AmbientChipButton = forwardRef(function AmbientChipButton$1(props, ref) {
-	const { tooltip, label, onClick, icon, iconClassName, className, labelClassName, otherProps, id = "chip-button", udprecordid } = props;
-	const classes = useStyles(props);
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Tooltip, { title: tooltip }, /* @__PURE__ */ React.createElement(Chip, {
-		id,
-		udprecordid,
-		ref,
-		className: className ?? classes.chipRoot,
-		label: /* @__PURE__ */ React.createElement(Typography, { className: labelClassName ?? classes.label }, label),
-		onClick,
-		icon: icon && /* @__PURE__ */ React.createElement(FluentIcon, {
-			className: iconClassName ?? classes.icon,
-			component: icon
-		}),
-		...otherProps
-	})));
-});
-AmbientChipButton.propTypes = {
-	tooltip: PropTypes.string.isRequired,
-	label: PropTypes.string.isRequired,
-	onClick: PropTypes.func,
-	icon: PropTypes.func.isRequired
-};
-
-//#endregion
-export { AmbientChipButton as t };
-//# sourceMappingURL=AmbientChipButton-DVEZWSRM.js.map

package/dist/AmbientChipButton-DVEZWSRM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmbientChipButton-DVEZWSRM.js","names":["AmbientChipButton"],"sources":["../src/UI/inputs/buttons/AmbientChipButton.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport {\n  makeStyles,\n  Tooltip,\n  IconButton,\n  Chip,\n  Typography\n} from '@material-ui/core';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  actionHeader: {\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  icon: {\n    marginLeft: theme.spacing(1),\n    color: (props) =>\n      props.background === 'transparent'\n        ? theme.palette.secondary.main\n        : theme.palette.primary.main\n  },\n  chipRoot: {\n    background: (props) =>\n      props.background ? props.background : theme.palette.common.white\n  },\n  label: {\n    overflow: 'hidden',\n    whiteSpace: 'nowrap',\n    textOverflow: 'ellipsis'\n  }\n}));\n\nexport const AmbientChipButton = forwardRef(function AmbientChipButton(\n  props,\n  ref\n) {\n  const {\n    tooltip,\n    label,\n    onClick,\n    icon,\n    iconClassName,\n    className,\n    labelClassName,\n    otherProps,\n    id='chip-button',\n    udprecordid\n  } = props;\n  const classes = useStyles(props);\n\n  return (\n    <div className={classes.root}>\n      <Tooltip title={tooltip}>\n        <Chip\n          id={id}\n          udprecordid={udprecordid}\n          ref={ref}\n          className={className ?? classes.chipRoot}\n          label={\n            <Typography className={labelClassName ?? classes.label}>\n              {label}\n            </Typography>\n          }\n          onClick={onClick}\n          icon={\n            icon && (\n              <FluentIcon\n                className={iconClassName ?? classes.icon}\n                component={icon}\n              />\n            )\n          }\n          {...otherProps}\n        />\n      </Tooltip>\n    </div>\n  );\n});\n\nAmbientChipButton.propTypes = {\n  /**\n   * Tooltip to display for button\n   */\n  tooltip: PropTypes.string.isRequired,\n  /**\n   * Accessiblity label for icon\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * event for button function\n   */\n  onClick: PropTypes.func,\n  /**\n   * icon to appear in button\n   */\n  icon: PropTypes.func.isRequired\n};\n"],"mappings":";;;;;;AAWA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,cAAc;EACZ,SAAS;EACT,eAAe;EAChB;CACD,MAAM;EACJ,YAAY,MAAM,QAAQ,EAAE;EAC5B,QAAQ,UACN,MAAM,eAAe,gBACjB,MAAM,QAAQ,UAAU,OACxB,MAAM,QAAQ,QAAQ;EAC7B;CACD,UAAU,EACR,aAAa,UACX,MAAM,aAAa,MAAM,aAAa,MAAM,QAAQ,OAAO,OAC9D;CACD,OAAO;EACL,UAAU;EACV,YAAY;EACZ,cAAc;EACf;CACF,EAAE;AAEH,MAAa,oBAAoB,WAAW,SAASA,oBACnD,OACA,KACA;CACA,MAAM,EACJ,SACA,OACA,SACA,MACA,eACA,WACA,gBACA,YACA,KAAG,eACH,gBACE;CACJ,MAAM,UAAU,UAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,WAAQ,OAAO,WACd,oCAAC;EACK;EACS;EACR;EACL,WAAW,aAAa,QAAQ;EAChC,OACE,oCAAC,cAAW,WAAW,kBAAkB,QAAQ,SAC9C,MACU;EAEN;EACT,MACE,QACE,oCAAC;GACC,WAAW,iBAAiB,QAAQ;GACpC,WAAW;IACX;EAGN,GAAI;GACJ,CACM,CACN;EAER;AAEF,kBAAkB,YAAY;CAI5B,SAAS,UAAU,OAAO;CAI1B,OAAO,UAAU,OAAO;CAIxB,SAAS,UAAU;CAInB,MAAM,UAAU,KAAK;CACtB"}