udp-react-enterprise-component-library 25.16.0 → 25.16.2-beta.1

package/dist/AmbientCardButton-DGmyyJxn.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 };
+//# sourceMappingURL=AmbientCardButton-DGmyyJxn.js.map

package/dist/AmbientCardButton-DGmyyJxn.js.map

@@ -0,0 +1 @@
+{"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-CF2luWZ_.js

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

package/dist/AmbientCardTitle-CF2luWZ_.js.map

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

@@ -0,0 +1,50 @@
+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

@@ -0,0 +1 @@
+{"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"}