udp-react-enterprise-component-library 25.14.1-beta.9 → 25.16.0

package/dist/AmbientCard-Cp-eNzrW.js

@@ -1,165 +0,0 @@
-import { FluentButton } from "./FluentButton-h_8VjXGT.js";
-import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
-import { getEllipseColor } from "./colorConverter-sleh0lAZ.js";
-import { LayoutUnit } from "./LayoutUnit-fGVQwt6Y.js";
-import { StatusChip } from "./StatusChip-Bw-0wE_B.js";
-import { AmbientCardButton } from "./AmbientCardButton-DGmyyJxn.js";
-import { Adornment } from "./Adornment-9YJw6GPr.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.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 };
-//# sourceMappingURL=AmbientCard-Cp-eNzrW.js.map

package/dist/AmbientCard-Cp-eNzrW.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmbientCard-Cp-eNzrW.js","names":[],"sources":["../src/UI/surfaces/cards/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/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-DGmyyJxn.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 };
-//# sourceMappingURL=AmbientCardButton-DGmyyJxn.js.map

package/dist/AmbientCardButton-DGmyyJxn.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmbientCardButton-DGmyyJxn.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/AmbientCardTitle-gBng9x3q.js

@@ -1,38 +0,0 @@
-import React from "react";
-import { Box, Typography, useTheme } from "@material-ui/core";
-import { PropTypes as PropTypes$1 } from "prop-types";
-
-//#region src/UI/surfaces/cards/AmbientCardTitle.jsx
-const AmbientCardTitle = (props) => {
-	const theme = useTheme();
-	const { title, color, backgroundColor = theme.palette.background.paper, variant = "h6", style, textStyle, children } = props;
-	return /* @__PURE__ */ React.createElement(Box, {
-		display: "flex",
-		alignItems: "flex-start",
-		style: {
-			width: "100%",
-			padding: "8px 16px",
-			backgroundColor,
-			...style
-		}
-	}, /* @__PURE__ */ React.createElement(Typography, {
-		variant,
-		style: {
-			color,
-			...textStyle
-		}
-	}, title), children && children);
-};
-AmbientCardTitle.propTypes = {
-	title: PropTypes$1.string.isRequired,
-	color: PropTypes$1.string,
-	backgroundColor: PropTypes$1.string,
-	variant: PropTypes$1.elementType,
-	style: PropTypes$1.object,
-	textStyle: PropTypes$1.object,
-	children: PropTypes$1.elementType
-};
-
-//#endregion
-export { AmbientCardTitle };
-//# sourceMappingURL=AmbientCardTitle-gBng9x3q.js.map

package/dist/AmbientCardTitle-gBng9x3q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AmbientCardTitle-gBng9x3q.js","names":["PropTypes"],"sources":["../src/UI/surfaces/cards/AmbientCardTitle.jsx"],"sourcesContent":["import React from 'react';\nimport { Box, Typography, useTheme } from '@material-ui/core';\nimport { PropTypes } from 'prop-types';\n\nexport const AmbientCardTitle = (props) => {\n  const theme = useTheme();\n  const {\n    title,\n    color,\n    backgroundColor = theme.palette.background.paper,\n    variant = 'h6',\n    style,\n    textStyle,\n    children\n  } = props;\n\n  return (\n    <Box\n      display='flex'\n      alignItems='flex-start'\n      style={{\n        width: '100%',\n        padding: '8px 16px',\n        backgroundColor: backgroundColor,\n        ...style\n      }}\n    >\n      <Typography\n        variant={variant}\n        style={{ color, ...textStyle }}\n      >\n        {title}\n      </Typography>\n      {children && children}\n    </Box>\n  );\n};\n\nAmbientCardTitle.propTypes = {\n  /** @type {?string} title text */\n  title: PropTypes.string.isRequired,\n\n  /** @type {?string} color text by default #FFF */\n  color: PropTypes.string,\n\n  /** @type {?string} optional backgroundColor */\n  backgroundColor: PropTypes.string,\n\n  /** @type {?elementType} variant values for material ui ->\n  | 'h1'\n  | 'h2'\n  | 'h3'\n  | 'h4'\n  | 'h5'\n  | 'h6'\n  | 'subtitle1'\n  | 'subtitle2'\n  | 'body1'\n  | 'body2'\n  | 'caption'\n  | 'button'\n  | 'overline'*/\n  variant: PropTypes.elementType,\n\n  /** @type {?object} optional additional css properties */\n  style: PropTypes.object,\n\n  /** @type {?object}  additional text style properties */\n  textStyle: PropTypes.object,\n\n  /** @type {?elementType} optional children element */\n  children: PropTypes.elementType\n};\n"],"mappings":";;;;;AAIA,MAAa,oBAAoB,UAAU;CACzC,MAAM,QAAQ,UAAU;CACxB,MAAM,EACJ,OACA,OACA,kBAAkB,MAAM,QAAQ,WAAW,OAC3C,UAAU,MACV,OACA,WACA,aACE;AAEJ,QACE,oCAAC;EACC,SAAQ;EACR,YAAW;EACX,OAAO;GACL,OAAO;GACP,SAAS;GACQ;GACjB,GAAG;GACJ;IAED,oCAAC;EACU;EACT,OAAO;GAAE;GAAO,GAAG;GAAW;IAE7B,MACU,EACZ,YAAY,SACT;;AAIV,iBAAiB,YAAY;CAE3B,OAAOA,YAAU,OAAO;CAGxB,OAAOA,YAAU;CAGjB,iBAAiBA,YAAU;CAgB3B,SAASA,YAAU;CAGnB,OAAOA,YAAU;CAGjB,WAAWA,YAAU;CAGrB,UAAUA,YAAU;CACrB"}

package/dist/AmbientChipButton-C2KvNywY.js

@@ -1,50 +0,0 @@
-import { FluentIcon } from "./FluentIcon-CB-ANF6C.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 };
-//# sourceMappingURL=AmbientChipButton-C2KvNywY.js.map

package/dist/AmbientChipButton-C2KvNywY.js.map

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