udp-react-enterprise-component-library 25.18.1-beta.3 → 25.18.1-beta.31

package/dist/AmbientCard-DK9abODq.js

@@ -0,0 +1,165 @@
+import { t as FluentButton } from "./FluentButton-BexKrnAp.js";
+import { t as FluentIconButton } from "./FluentIconButton-Dc95mE3v.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-DGhpVDRV.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-DK9abODq.js.map

package/dist/AmbientCard-DK9abODq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmbientCard-DK9abODq.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-DGhpVDRV.js

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

package/dist/AmbientCardButton-DGhpVDRV.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmbientCardButton-DGhpVDRV.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,UAAU,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"}

package/dist/AmbientChipButton-DYAYXuKp.js

@@ -0,0 +1,50 @@
+import { t as FluentIcon } from "./FluentIcon-DQ6nSDJg.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-DYAYXuKp.js.map

package/dist/AmbientChipButton-DYAYXuKp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmbientChipButton-DYAYXuKp.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"}