udp-react-enterprise-component-library 25.16.0 → 25.16.1

package/dist/AmbientToggleButton-C-7jtLY0.js

@@ -0,0 +1,67 @@
+import React from "react";
+import { makeStyles } from "@material-ui/core";
+import PropTypes from "prop-types";
+import ToggleButton from "@material-ui/lab/ToggleButton";
+
+//#region src/UI/inputs/buttons/AmbientToggleButton.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	groupActionContainer: {
+		display: "flex",
+		flexDirection: "column",
+		flexWrap: "wrap",
+		alignContent: "space-around"
+	},
+	toggleRoot: {
+		"&:not(:first-child)": {
+			marginTop: 16,
+			border: "1px solid lightgrey",
+			borderTopLeftRadius: 25,
+			borderTopRightRadius: 25,
+			borderRadius: 25,
+			padding: 0,
+			paddingRight: theme.spacing(2)
+		},
+		"&:not(:last-child)": {
+			borderBottomLeftRadius: 25,
+			borderBottomRightRadius: 25,
+			borderRadius: 25,
+			padding: 0,
+			border: "1px solid lightgrey",
+			paddingRight: theme.spacing(2)
+		},
+		"& .MuiToggleButton-root.Mui-selected": {
+			color: "rgba(0, 0, 0, 0.54)",
+			backgroundColor: "white"
+		}
+	},
+	buttonRoot: {
+		textTransform: "none",
+		fontWeight: 700,
+		justifyContent: "flex-start"
+	},
+	".MuiToggleButton-root.Mui-selected": {
+		color: "rgba(0, 0, 0, 0.54)",
+		backgroundColor: "white"
+	}
+}));
+const AmbientToggleButton = ({ children, value, ariaLabel, onClick,...otherProps }) => {
+	const classes = useStyles();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(ToggleButton, {
+		classes: { root: classes.buttonRoot },
+		value,
+		"aria-label": ariaLabel,
+		onClick,
+		...otherProps
+	}, children));
+};
+AmbientToggleButton.propTypes = {
+	children: PropTypes.node,
+	value: PropTypes.string,
+	ariaLabel: PropTypes.string,
+	onClick: PropTypes.func
+};
+
+//#endregion
+export { AmbientToggleButton };
+//# sourceMappingURL=AmbientToggleButton-C-7jtLY0.js.map

package/dist/AmbientToggleButton-C-7jtLY0.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmbientToggleButton-C-7jtLY0.js","names":[],"sources":["../src/UI/inputs/buttons/AmbientToggleButton.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport ToggleButton from '@material-ui/lab/ToggleButton';\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  groupActionContainer: {\n    display: 'flex',\n    flexDirection: 'column',\n    flexWrap: 'wrap',\n    alignContent: 'space-around',\n  }, \n  toggleRoot: {\n    '&:not(:first-child)': {\n      marginTop: 16,\n      border: '1px solid lightgrey',\n      borderTopLeftRadius: 25,\n      borderTopRightRadius: 25,\n      borderRadius: 25,\n      padding: 0,\n      paddingRight: theme.spacing(2),\n      \n    },\n    '&:not(:last-child)': {\n      borderBottomLeftRadius: 25,\n      borderBottomRightRadius: 25,\n      borderRadius: 25,\n      padding: 0,\n      border: '1px solid lightgrey',\n      paddingRight: theme.spacing(2)\n    },\n    '& .MuiToggleButton-root.Mui-selected': {\n      color: 'rgba(0, 0, 0, 0.54)',\n      backgroundColor: 'white'\n    }\n  },\n  buttonRoot: {\n    textTransform: 'none',\n    fontWeight: 700,\n    justifyContent: 'flex-start'\n  },\n  '.MuiToggleButton-root.Mui-selected': {\n    color: 'rgba(0, 0, 0, 0.54)',\n    backgroundColor: 'white'\n  }\n}))\n\nexport const AmbientToggleButton = ({children, value, ariaLabel, onClick, ...otherProps}) => {\n  const classes = useStyles()\n\n\n  return (\n    <div className={classes.root} >\n    \n      <ToggleButton classes={{root: classes.buttonRoot}}  value={value} aria-label={ariaLabel} onClick={onClick} {...otherProps} >\n        {children}\n     </ToggleButton>\n    </div>\n  )\n}\nAmbientToggleButton.propTypes = {\n  /**\n   * Contents of the button\n   */\n  children: PropTypes.node,\n  /**\n   * Value used to determine active toggle\n   */\n  value: PropTypes.string,\n    /**\n   * Lable for accessiblity on icon\n   */\n  ariaLabel: PropTypes.string,\n      /**\n   * Function to handle event\n   */\n  onClick: PropTypes.func,\n}\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,sBAAsB;EACpB,SAAS;EACT,eAAe;EACf,UAAU;EACV,cAAc;EACf;CACD,YAAY;EACV,uBAAuB;GACrB,WAAW;GACX,QAAQ;GACR,qBAAqB;GACrB,sBAAsB;GACtB,cAAc;GACd,SAAS;GACT,cAAc,MAAM,QAAQ,EAAE;GAE/B;EACD,sBAAsB;GACpB,wBAAwB;GACxB,yBAAyB;GACzB,cAAc;GACd,SAAS;GACT,QAAQ;GACR,cAAc,MAAM,QAAQ,EAAE;GAC/B;EACD,wCAAwC;GACtC,OAAO;GACP,iBAAiB;GAClB;EACF;CACD,YAAY;EACV,eAAe;EACf,YAAY;EACZ,gBAAgB;EACjB;CACD,sCAAsC;EACpC,OAAO;EACP,iBAAiB;EAClB;CACF,EAAE;AAEH,MAAa,uBAAuB,EAAC,UAAU,OAAO,WAAW,QAAS,GAAG,iBAAgB;CAC3F,MAAM,UAAU,WAAW;AAG3B,QACE,oCAAC,SAAI,WAAW,QAAQ,QAEtB,oCAAC;EAAa,SAAS,EAAC,MAAM,QAAQ,YAAW;EAAU;EAAO,cAAY;EAAoB;EAAS,GAAI;IAC5G,SACW,CACV;;AAGV,oBAAoB,YAAY;CAI9B,UAAU,UAAU;CAIpB,OAAO,UAAU;CAIjB,WAAW,UAAU;CAIrB,SAAS,UAAU;CACpB"}

package/dist/AmbientToggleButtonGroup-BWYKeDtB.js

@@ -0,0 +1,87 @@
+import { isValueSelected } from "./isValueSelected-BfNYVyaD.js";
+import React, { Children, cloneElement, forwardRef, isValidElement } from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { makeStyles } from "@material-ui/core/styles";
+import { isFragment } from "react-is";
+import { capitalize } from "@material-ui/core/utils";
+
+//#region src/UI/inputs/buttons/AmbientToggleButtonGroup.jsx
+const useStyles = makeStyles((theme) => ({
+	item: { marginRight: 8 },
+	root: {
+		display: "inline-flex",
+		padding: 0
+	},
+	vertical: { flexDirection: "column" },
+	grouped: {},
+	groupedHorizontal: {
+		borderRadius: 25,
+		padding: 0,
+		paddingRight: 16,
+		"&:not(:first-child)": {
+			marginTop: 16,
+			borderRadius: 25,
+			paddingRight: 16,
+			padding: 0
+		},
+		"&:not(:last-child)": {
+			padding: 0,
+			borderRadius: 25,
+			paddingRight: 16
+		}
+	}
+}));
+const AmbientToggleButtonGroup = forwardRef(function AmbientToggleButton(props, ref) {
+	const { children, className, exclusive = false, onChange, orientation = "horizontal", size = "medium", value,...other } = props;
+	const classes = useStyles();
+	const handleChange = (event, buttonValue) => {
+		if (!onChange) return;
+		const index = value && value.indexOf(buttonValue);
+		let newValue;
+		if (value && index >= 0) {
+			newValue = value.slice();
+			newValue.splice(index, 1);
+		} else newValue = value ? value.concat(buttonValue) : [buttonValue];
+		onChange(event, newValue);
+	};
+	const handleExclusiveChange = (event, buttonValue) => {
+		if (!onChange) return;
+		onChange(event, value === buttonValue ? null : buttonValue);
+	};
+	return /* @__PURE__ */ React.createElement("div", {
+		role: "group",
+		className: clsx(classes.root, { [classes.vertical]: orientation === "vertical" }, className),
+		ref,
+		...other
+	}, Children.map(children, (child) => {
+		if (!isValidElement(child)) return null;
+		if (process.env.NODE_ENV !== "production") {
+			if (isFragment(child)) console.error(["Material-UI: The ToggleButtonGroup component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join("\n"));
+		}
+		return cloneElement(child, {
+			className: clsx(classes.grouped, classes[`grouped${capitalize(orientation)}`], child.props.className),
+			onChange: exclusive ? handleExclusiveChange : handleChange,
+			selected: child.props.selected === void 0 ? isValueSelected(child.props.value, value) : child.props.selected,
+			size: child.props.size || size
+		});
+	}));
+});
+AmbientToggleButtonGroup.propTypes = {
+	children: PropTypes.node,
+	classes: PropTypes.object,
+	className: PropTypes.string,
+	exclusive: PropTypes.bool,
+	onChange: PropTypes.func,
+	orientation: PropTypes.oneOf(["horizontal", "vertical"]),
+	size: PropTypes.oneOf([
+		"large",
+		"medium",
+		"small"
+	]),
+	value: PropTypes.any
+};
+
+//#endregion
+export { AmbientToggleButtonGroup };
+//# sourceMappingURL=AmbientToggleButtonGroup-BWYKeDtB.js.map

package/dist/AmbientToggleButtonGroup-BWYKeDtB.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmbientToggleButtonGroup-BWYKeDtB.js","names":[],"sources":["../src/UI/inputs/buttons/AmbientToggleButtonGroup.jsx"],"sourcesContent":["import React, {forwardRef, Children, isValidElement, cloneElement} from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport isValueSelected from '../../../utilities/isValueSelected';\nimport { makeStyles } from '@material-ui/core/styles';\nimport { capitalize } from '@material-ui/core/utils';\n\nconst useStyles = makeStyles((theme) => ({\n  item: {\n    marginRight: 8\n  },\n   /* Styles applied to the root element. */\n   root: {\n    display: 'inline-flex',\n    padding: 0\n  },\n  /* Styles applied to the root element if `orientation=\"vertical\"`. */\n  vertical: {\n    flexDirection: 'column',\n  },\n  /* Styles applied to the children. */\n  grouped: {},\n  /* Styles applied to the children if `orientation=\"horizontal\"`. */\n  groupedHorizontal: {\n    borderRadius: 25,\n    padding: 0,\n    paddingRight: 16,\n  '&:not(:first-child)': {\n    marginTop: 16,\n    borderRadius: 25,\n    paddingRight: 16,\n    padding: 0\n  },\n  '&:not(:last-child)': {\n    padding: 0,\n    borderRadius: 25,\n    paddingRight: 16,\n  },\n    \n   },\n}))\n\n\n\nexport const AmbientToggleButtonGroup = forwardRef(function AmbientToggleButton(props, ref) {\n  const {\n    children,\n    // classes,\n    className,\n    exclusive = false,\n    onChange,\n    orientation = 'horizontal',\n    size = 'medium',\n    value,\n    ...other\n  } = props;\n\n  const classes = useStyles()\n\n  const handleChange = (event, buttonValue) => {\n    if (!onChange) {\n      return;\n    }\n\n    const index = value && value.indexOf(buttonValue);\n    let newValue;\n\n    if (value && index >= 0) {\n      newValue = value.slice();\n      newValue.splice(index, 1);\n    } else {\n      newValue = value ? value.concat(buttonValue) : [buttonValue];\n    }\n\n    onChange(event, newValue);\n  };\n\n  const handleExclusiveChange = (event, buttonValue) => {\n    if (!onChange) {\n      return;\n    }\n\n    onChange(event, value === buttonValue ? null : buttonValue);\n  };\n\n  return (\n    <div\n      role=\"group\"\n      className={clsx(\n        classes.root,\n        {\n          [classes.vertical]: orientation === 'vertical',\n        },\n        className,\n      )}\n      ref={ref}\n      {...other}\n    >\n      {Children.map(children, (child) => {\n        if (!isValidElement(child)) {\n          return null;\n        }\n\n        if (process.env.NODE_ENV !== 'production') {\n          if (isFragment(child)) {\n            console.error(\n              [\n                \"Material-UI: The ToggleButtonGroup component doesn't accept a Fragment as a child.\",\n                'Consider providing an array instead.',\n              ].join('\\n'),\n            );\n          }\n        }\n\n        return cloneElement(child, {\n          className: clsx(\n            classes.grouped,\n            classes[`grouped${capitalize(orientation)}`],\n            child.props.className,\n          ),\n          onChange: exclusive ? handleExclusiveChange : handleChange,\n          selected:\n            child.props.selected === undefined\n              ? isValueSelected(child.props.value, value)\n              : child.props.selected,\n          size: child.props.size || size,\n        });\n      })}\n    </div>\n  );\n});\n\nAmbientToggleButtonGroup.propTypes = {\n  // ----------------------------- Warning --------------------------------\n  // | These PropTypes are generated from the TypeScript type definitions |\n  // |     To update them edit the d.ts file and run \"yarn proptypes\"     |\n  // ----------------------------------------------------------------------\n  /**\n   * The content of the button.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css) below for more details.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, only allow one of the child ToggleButton values to be selected.\n   */\n  exclusive: PropTypes.bool,\n  /**\n   * Callback fired when the value changes.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {any} value of the selected buttons. When `exclusive` is true\n   * this is a single value; when false an array of selected values. If no value\n   * is selected and `exclusive` is true the value is null; when false an empty array.\n   */\n  onChange: PropTypes.func,\n  /**\n   * The group orientation (layout flow direction).\n   */\n  orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n  /**\n   * The size of the buttons.\n   */\n  size: PropTypes.oneOf(['large', 'medium', 'small']),\n  /**\n   * The currently selected value within the group or an array of selected\n   * values when `exclusive` is false.\n   *\n   * The value must have reference equality with the option in order to be selected.\n   */\n  value: PropTypes.any,\n};\n\n// export default withStyles(styles, { name: 'MuiToggleButtonGroup' })(AmbientToggleButtonGroup);"],"mappings":";;;;;;;;;AAQA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,aAAa,GACd;CAEA,MAAM;EACL,SAAS;EACT,SAAS;EACV;CAED,UAAU,EACR,eAAe,UAChB;CAED,SAAS,EAAE;CAEX,mBAAmB;EACjB,cAAc;EACd,SAAS;EACT,cAAc;EAChB,uBAAuB;GACrB,WAAW;GACX,cAAc;GACd,cAAc;GACd,SAAS;GACV;EACD,sBAAsB;GACpB,SAAS;GACT,cAAc;GACd,cAAc;GACf;EAEC;CACH,EAAE;AAIH,MAAa,2BAA2B,WAAW,SAAS,oBAAoB,OAAO,KAAK;CAC1F,MAAM,EACJ,UAEA,WACA,YAAY,OACZ,UACA,cAAc,cACd,OAAO,UACP,MACA,GAAG,UACD;CAEJ,MAAM,UAAU,WAAW;CAE3B,MAAM,gBAAgB,OAAO,gBAAgB;AAC3C,MAAI,CAAC,SACH;EAGF,MAAM,QAAQ,SAAS,MAAM,QAAQ,YAAY;EACjD,IAAI;AAEJ,MAAI,SAAS,SAAS,GAAG;AACvB,cAAW,MAAM,OAAO;AACxB,YAAS,OAAO,OAAO,EAAE;QAEzB,YAAW,QAAQ,MAAM,OAAO,YAAY,GAAG,CAAC,YAAY;AAG9D,WAAS,OAAO,SAAS;;CAG3B,MAAM,yBAAyB,OAAO,gBAAgB;AACpD,MAAI,CAAC,SACH;AAGF,WAAS,OAAO,UAAU,cAAc,OAAO,YAAY;;AAG7D,QACE,oCAAC;EACC,MAAK;EACL,WAAW,KACT,QAAQ,MACR,GACG,QAAQ,WAAW,gBAAgB,YACrC,EACD,UACD;EACI;EACL,GAAI;IAEH,SAAS,IAAI,WAAW,UAAU;AACjC,MAAI,CAAC,eAAe,MAAM,CACxB,QAAO;AAGT,MAAI,QAAQ,IAAI,aAAa,cAC3B;OAAI,WAAW,MAAM,CACnB,SAAQ,MACN,CACE,sFACA,uCACD,CAAC,KAAK,KAAK,CACb;;AAIL,SAAO,aAAa,OAAO;GACzB,WAAW,KACT,QAAQ,SACR,QAAQ,UAAU,WAAW,YAAY,KACzC,MAAM,MAAM,UACb;GACD,UAAU,YAAY,wBAAwB;GAC9C,UACE,MAAM,MAAM,aAAa,SACrB,gBAAgB,MAAM,MAAM,OAAO,MAAM,GACzC,MAAM,MAAM;GAClB,MAAM,MAAM,MAAM,QAAQ;GAC3B,CAAC;GACF,CACE;EAER;AAEF,yBAAyB,YAAY;CAQnC,UAAU,UAAU;CAKpB,SAAS,UAAU;CAInB,WAAW,UAAU;CAIrB,WAAW,UAAU;CASrB,UAAU,UAAU;CAIpB,aAAa,UAAU,MAAM,CAAC,cAAc,WAAW,CAAC;CAIxD,MAAM,UAAU,MAAM;EAAC;EAAS;EAAU;EAAQ,CAAC;CAOnD,OAAO,UAAU;CAClB"}

package/dist/AmbientToggleButtonGroupDefault-JAnbpfxZ.js

@@ -0,0 +1,107 @@
+import { isValueSelected } from "./isValueSelected-BfNYVyaD.js";
+import React, { Children, cloneElement, forwardRef, isValidElement } from "react";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+import { withStyles } from "@material-ui/core/styles";
+import { isFragment } from "react-is";
+import { capitalize } from "@material-ui/core/utils";
+
+//#region src/UI/inputs/buttons/AmbientToggleButtonGroupDefault.jsx
+const styles = (theme) => ({
+	root: {
+		display: "inline-flex",
+		padding: 0
+	},
+	vertical: { flexDirection: "column" },
+	grouped: {},
+	groupedHorizontal: {
+		borderRadius: 25,
+		padding: 0,
+		paddingRight: 16,
+		"&:not(:first-child)": {
+			marginTop: 16,
+			borderRadius: 25,
+			paddingRight: 16,
+			padding: 0
+		},
+		"&:not(:last-child)": {
+			padding: 0,
+			borderRadius: 25,
+			paddingRight: 16
+		}
+	},
+	groupedVertical: {
+		borderRadius: 25,
+		padding: 0,
+		paddingRight: 16,
+		"&:not(:first-child)": {
+			marginTop: 16,
+			borderRadius: 25,
+			paddingRight: 16,
+			padding: 0
+		},
+		"&:not(:last-child)": {
+			padding: 0,
+			borderRadius: 25,
+			paddingRight: 16
+		}
+	}
+});
+const AmbientToggleButtonGroupDefault = forwardRef(function AmbientToggleButton(props, ref) {
+	const { children, classes, className, exclusive = false, onChange, orientation = "horizontal", size = "medium", value,...other } = props;
+	const handleChange = (event, buttonValue) => {
+		if (!onChange) return;
+		const index = value && value.indexOf(buttonValue);
+		let newValue;
+		if (value && index >= 0) {
+			newValue = value.slice();
+			newValue.splice(index, 1);
+		} else newValue = value ? value.concat(buttonValue) : [buttonValue];
+		onChange(event, newValue);
+	};
+	const handleExclusiveChange = (event, buttonValue) => {
+		if (!onChange) return;
+		onChange(event, value === buttonValue ? null : buttonValue);
+	};
+	return /* @__PURE__ */ React.createElement("div", {
+		role: "group",
+		className: clsx(classes.root, { [classes.vertical]: orientation === "vertical" }, className),
+		ref,
+		...other
+	}, Children.map(children, (child) => {
+		if (!isValidElement(child)) return null;
+		if (process.env.NODE_ENV !== "production") {
+			if (isFragment(child)) console.error(["Material-UI: The ToggleButtonGroup component doesn't accept a Fragment as a child.", "Consider providing an array instead."].join("\n"));
+		}
+		return cloneElement(child, {
+			className: clsx(classes.grouped, classes[`grouped${capitalize(orientation)}`], child.props.className),
+			onChange: exclusive ? handleExclusiveChange : handleChange,
+			selected: child.props.selected === void 0 ? isValueSelected(child.props.value, value) : child.props.selected,
+			size: child.props.size || size
+		});
+	}));
+});
+AmbientToggleButtonGroupDefault.propTypes = {
+	children: PropTypes.node,
+	classes: PropTypes.object,
+	className: PropTypes.string,
+	exclusive: PropTypes.bool,
+	onChange: PropTypes.func,
+	orientation: PropTypes.oneOf(["horizontal", "vertical"]),
+	size: PropTypes.oneOf([
+		"large",
+		"medium",
+		"small"
+	]),
+	value: PropTypes.any
+};
+/**
+* Explicitly cast the HOC to any to avoid non-portable inferred React types in declaration output.
+* @type {any}
+*/
+const AmbientToggleButtonGroupDefaultExport = withStyles(styles, { name: "MuiToggleButtonGroup" })(AmbientToggleButtonGroupDefault);
+var AmbientToggleButtonGroupDefault_default = AmbientToggleButtonGroupDefaultExport;
+
+//#endregion
+export { AmbientToggleButtonGroupDefault_default, styles };
+//# sourceMappingURL=AmbientToggleButtonGroupDefault-JAnbpfxZ.js.map

package/dist/AmbientToggleButtonGroupDefault-JAnbpfxZ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmbientToggleButtonGroupDefault-JAnbpfxZ.js","names":[],"sources":["../src/UI/inputs/buttons/AmbientToggleButtonGroupDefault.jsx"],"sourcesContent":["import React, {forwardRef, Children, isValidElement, cloneElement} from 'react';\nimport { isFragment } from 'react-is';\nimport PropTypes from 'prop-types';\nimport clsx from 'clsx';\nimport isValueSelected from '../../../utilities/isValueSelected';\nimport { withStyles } from '@material-ui/core/styles';\nimport { capitalize } from '@material-ui/core/utils';\n\nexport const styles = (theme) => ({\n  /* Styles applied to the root element. */\n  root: {\n    display: 'inline-flex',\n    padding: 0\n  },\n  /* Styles applied to the root element if `orientation=\"vertical\"`. */\n  vertical: {\n    flexDirection: 'column',\n  },\n  /* Styles applied to the children. */\n  grouped: {},\n  /* Styles applied to the children if `orientation=\"horizontal\"`. */\n  groupedHorizontal: {\n    // '&:not(:first-child)': {\n    //   marginLeft: -1,\n    //   borderLeft: '1px solid ',\n    //   borderTopLeftRadius: 25,\n    //   borderBottomLeftRadius: 25,\n    // },\n    // '&:not(:last-child)': {\n    //   borderTopRightRadius: 25,\n    //   borderBottomRightRadius: 25,\n    // },\n    borderRadius: 25,\n    padding: 0,\n    paddingRight: 16,\n  '&:not(:first-child)': {\n    marginTop: 16,\n    borderRadius: 25,\n    paddingRight: 16,\n    padding: 0\n  },\n  '&:not(:last-child)': {\n    padding: 0,\n    borderRadius: 25,\n    paddingRight: 16,\n  },\n    \n  },\n  /* Styles applied to the children if `orientation=\"vertical\"`. */\n  groupedVertical: {\n      borderRadius: 25,\n      padding: 0,\n      paddingRight: 16,\n    '&:not(:first-child)': {\n      marginTop: 16,\n      borderRadius: 25,\n      paddingRight: 16,\n      padding: 0\n    },\n    '&:not(:last-child)': {\n      padding: 0,\n      borderRadius: 25,\n      paddingRight: 16,\n    },\n  },\n});\n\nconst AmbientToggleButtonGroupDefault = forwardRef(function AmbientToggleButton(props, ref) {\n  const {\n    children,\n    classes,\n    className,\n    exclusive = false,\n    onChange,\n    orientation = 'horizontal',\n    size = 'medium',\n    value,\n    ...other\n  } = props;\n\n  const handleChange = (event, buttonValue) => {\n    if (!onChange) {\n      return;\n    }\n\n    const index = value && value.indexOf(buttonValue);\n    let newValue;\n\n    if (value && index >= 0) {\n      newValue = value.slice();\n      newValue.splice(index, 1);\n    } else {\n      newValue = value ? value.concat(buttonValue) : [buttonValue];\n    }\n\n    onChange(event, newValue);\n  };\n\n  const handleExclusiveChange = (event, buttonValue) => {\n    if (!onChange) {\n      return;\n    }\n\n    onChange(event, value === buttonValue ? null : buttonValue);\n  };\n\n  return (\n    <div\n      role=\"group\"\n      className={clsx(\n        classes.root,\n        {\n          [classes.vertical]: orientation === 'vertical',\n        },\n        className,\n      )}\n      ref={ref}\n      {...other}\n    >\n      {Children.map(children, (child) => {\n        if (!isValidElement(child)) {\n          return null;\n        }\n\n        if (process.env.NODE_ENV !== 'production') {\n          if (isFragment(child)) {\n            console.error(\n              [\n                \"Material-UI: The ToggleButtonGroup component doesn't accept a Fragment as a child.\",\n                'Consider providing an array instead.',\n              ].join('\\n'),\n            );\n          }\n        }\n\n        return cloneElement(child, {\n          className: clsx(\n            classes.grouped,\n            classes[`grouped${capitalize(orientation)}`],\n            child.props.className,\n          ),\n          onChange: exclusive ? handleExclusiveChange : handleChange,\n          selected:\n            child.props.selected === undefined\n              ? isValueSelected(child.props.value, value)\n              : child.props.selected,\n          size: child.props.size || size,\n        });\n      })}\n    </div>\n  );\n});\n\nAmbientToggleButtonGroupDefault.propTypes = {\n  // ----------------------------- Warning --------------------------------\n  // | These PropTypes are generated from the TypeScript type definitions |\n  // |     To update them edit the d.ts file and run \"yarn proptypes\"     |\n  // ----------------------------------------------------------------------\n  /**\n   * The content of the button.\n   */\n  children: PropTypes.node,\n  /**\n   * Override or extend the styles applied to the component.\n   * See [CSS API](#css) below for more details.\n   */\n  classes: PropTypes.object,\n  /**\n   * @ignore\n   */\n  className: PropTypes.string,\n  /**\n   * If `true`, only allow one of the child ToggleButton values to be selected.\n   */\n  exclusive: PropTypes.bool,\n  /**\n   * Callback fired when the value changes.\n   *\n   * @param {object} event The event source of the callback.\n   * @param {any} value of the selected buttons. When `exclusive` is true\n   * this is a single value; when false an array of selected values. If no value\n   * is selected and `exclusive` is true the value is null; when false an empty array.\n   */\n  onChange: PropTypes.func,\n  /**\n   * The group orientation (layout flow direction).\n   */\n  orientation: PropTypes.oneOf(['horizontal', 'vertical']),\n  /**\n   * The size of the buttons.\n   */\n  size: PropTypes.oneOf(['large', 'medium', 'small']),\n  /**\n   * The currently selected value within the group or an array of selected\n   * values when `exclusive` is false.\n   *\n   * The value must have reference equality with the option in order to be selected.\n   */\n  value: PropTypes.any,\n};\n\n/**\n * Explicitly cast the HOC to any to avoid non-portable inferred React types in declaration output.\n * @type {any}\n */\nconst AmbientToggleButtonGroupDefaultExport = withStyles(styles, { name: 'MuiToggleButtonGroup' })(AmbientToggleButtonGroupDefault);\n\nexport default AmbientToggleButtonGroupDefaultExport;"],"mappings":";;;;;;;;;AAQA,MAAa,UAAU,WAAW;CAEhC,MAAM;EACJ,SAAS;EACT,SAAS;EACV;CAED,UAAU,EACR,eAAe,UAChB;CAED,SAAS,EAAE;CAEX,mBAAmB;EAWjB,cAAc;EACd,SAAS;EACT,cAAc;EAChB,uBAAuB;GACrB,WAAW;GACX,cAAc;GACd,cAAc;GACd,SAAS;GACV;EACD,sBAAsB;GACpB,SAAS;GACT,cAAc;GACd,cAAc;GACf;EAEA;CAED,iBAAiB;EACb,cAAc;EACd,SAAS;EACT,cAAc;EAChB,uBAAuB;GACrB,WAAW;GACX,cAAc;GACd,cAAc;GACd,SAAS;GACV;EACD,sBAAsB;GACpB,SAAS;GACT,cAAc;GACd,cAAc;GACf;EACF;CACF;AAED,MAAM,kCAAkC,WAAW,SAAS,oBAAoB,OAAO,KAAK;CAC1F,MAAM,EACJ,UACA,SACA,WACA,YAAY,OACZ,UACA,cAAc,cACd,OAAO,UACP,MACA,GAAG,UACD;CAEJ,MAAM,gBAAgB,OAAO,gBAAgB;AAC3C,MAAI,CAAC,SACH;EAGF,MAAM,QAAQ,SAAS,MAAM,QAAQ,YAAY;EACjD,IAAI;AAEJ,MAAI,SAAS,SAAS,GAAG;AACvB,cAAW,MAAM,OAAO;AACxB,YAAS,OAAO,OAAO,EAAE;QAEzB,YAAW,QAAQ,MAAM,OAAO,YAAY,GAAG,CAAC,YAAY;AAG9D,WAAS,OAAO,SAAS;;CAG3B,MAAM,yBAAyB,OAAO,gBAAgB;AACpD,MAAI,CAAC,SACH;AAGF,WAAS,OAAO,UAAU,cAAc,OAAO,YAAY;;AAG7D,QACE,oCAAC;EACC,MAAK;EACL,WAAW,KACT,QAAQ,MACR,GACG,QAAQ,WAAW,gBAAgB,YACrC,EACD,UACD;EACI;EACL,GAAI;IAEH,SAAS,IAAI,WAAW,UAAU;AACjC,MAAI,CAAC,eAAe,MAAM,CACxB,QAAO;AAGT,MAAI,QAAQ,IAAI,aAAa,cAC3B;OAAI,WAAW,MAAM,CACnB,SAAQ,MACN,CACE,sFACA,uCACD,CAAC,KAAK,KAAK,CACb;;AAIL,SAAO,aAAa,OAAO;GACzB,WAAW,KACT,QAAQ,SACR,QAAQ,UAAU,WAAW,YAAY,KACzC,MAAM,MAAM,UACb;GACD,UAAU,YAAY,wBAAwB;GAC9C,UACE,MAAM,MAAM,aAAa,SACrB,gBAAgB,MAAM,MAAM,OAAO,MAAM,GACzC,MAAM,MAAM;GAClB,MAAM,MAAM,MAAM,QAAQ;GAC3B,CAAC;GACF,CACE;EAER;AAEF,gCAAgC,YAAY;CAQ1C,UAAU,UAAU;CAKpB,SAAS,UAAU;CAInB,WAAW,UAAU;CAIrB,WAAW,UAAU;CASrB,UAAU,UAAU;CAIpB,aAAa,UAAU,MAAM,CAAC,cAAc,WAAW,CAAC;CAIxD,MAAM,UAAU,MAAM;EAAC;EAAS;EAAU;EAAQ,CAAC;CAOnD,OAAO,UAAU;CAClB;;;;;AAMD,MAAM,wCAAwC,WAAW,QAAQ,EAAE,MAAM,wBAAwB,CAAC,CAAC,gCAAgC;AAEnI,8CAAe"}

package/dist/AmbientTokenButton-CpdlLmsF.js

@@ -0,0 +1,46 @@
+import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
+import React, { forwardRef } from "react";
+import { IconButton, Tooltip, makeStyles } from "@material-ui/core";
+import { ChevronDownIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+
+//#region src/UI/inputs/buttons/AmbientTokenButton.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {},
+	actionHeader: {
+		display: "flex",
+		flexDirection: "row"
+	},
+	icon: {
+		background: theme.palette.common.white,
+		padding: theme.spacing(1),
+		color: theme.palette.secondary.main
+	}
+}));
+const AmbientTokenButton = forwardRef(function AmbientTokenButton$1(props, ref) {
+	const { tooltip, ariaLabel, onClick, size, icon = ChevronDownIcon, iconClassName, otherProps, id = "token-button", udprecordid } = props;
+	const classes = useStyles(props);
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Tooltip, { title: tooltip }, /* @__PURE__ */ React.createElement(IconButton, {
+		id,
+		udprecordid,
+		ref,
+		"aria-label": ariaLabel,
+		className: iconClassName ?? classes.icon,
+		size: size ?? "small",
+		onClick,
+		...otherProps
+	}, /* @__PURE__ */ React.createElement(FluentIcon, {
+		className: classes.iconButtonStyle,
+		component: icon
+	}))));
+});
+AmbientTokenButton.propTypes = {
+	tooltip: PropTypes.string.isRequired,
+	ariaLabel: PropTypes.string.isRequired,
+	onClick: PropTypes.func,
+	icon: PropTypes.func.isRequired
+};
+
+//#endregion
+export { AmbientTokenButton };
+//# sourceMappingURL=AmbientTokenButton-CpdlLmsF.js.map

package/dist/AmbientTokenButton-CpdlLmsF.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AmbientTokenButton-CpdlLmsF.js","names":["AmbientTokenButton"],"sources":["../src/UI/inputs/buttons/AmbientTokenButton.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { makeStyles, Tooltip, IconButton } from '@material-ui/core';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\nimport { ChevronDownIcon } from '@fluentui/react-icons';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  actionHeader: {\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  icon: {\n    background: theme.palette.common.white,\n    padding: theme.spacing(1),\n    color: theme.palette.secondary.main\n  }\n}));\n\nexport const AmbientTokenButton = forwardRef(function AmbientTokenButton(\n  props,\n  ref\n) {\n  const {\n    tooltip,\n    ariaLabel,\n    onClick,\n    size,\n    icon = ChevronDownIcon,\n    iconClassName,\n    otherProps,\n    id = 'token-button',\n    udprecordid\n  } = props;\n  const classes = useStyles(props);\n\n  return (\n    <div className={classes.root}>\n      <Tooltip title={tooltip}>\n        <IconButton\n          id={id}\n          udprecordid={udprecordid}\n          ref={ref}\n          aria-label={ariaLabel}\n          className={iconClassName ?? classes.icon}\n          size={size ?? 'small'}\n          onClick={onClick}\n          {...otherProps}\n        >\n          <FluentIcon className={classes.iconButtonStyle} component={icon} />\n        </IconButton>\n      </Tooltip>\n    </div>\n  );\n});\n\nAmbientTokenButton.propTypes = {\n  /**\n   * Tooltip to display for button\n   */\n  tooltip: PropTypes.string.isRequired,\n  /**\n   * Accessiblity label for icon\n   */\n  ariaLabel: 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":";;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,cAAc;EACZ,SAAS;EACT,eAAe;EAChB;CACD,MAAM;EACJ,YAAY,MAAM,QAAQ,OAAO;EACjC,SAAS,MAAM,QAAQ,EAAE;EACzB,OAAO,MAAM,QAAQ,UAAU;EAChC;CACF,EAAE;AAEH,MAAa,qBAAqB,WAAW,SAASA,qBACpD,OACA,KACA;CACA,MAAM,EACJ,SACA,WACA,SACA,MACA,OAAO,iBACP,eACA,YACA,KAAK,gBACL,gBACE;CACJ,MAAM,UAAU,UAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,WAAQ,OAAO,WACd,oCAAC;EACK;EACS;EACR;EACL,cAAY;EACZ,WAAW,iBAAiB,QAAQ;EACpC,MAAM,QAAQ;EACL;EACT,GAAI;IAEJ,oCAAC;EAAW,WAAW,QAAQ;EAAiB,WAAW;GAAQ,CACxD,CACL,CACN;EAER;AAEF,mBAAmB,YAAY;CAI7B,SAAS,UAAU,OAAO;CAI1B,WAAW,UAAU,OAAO;CAI5B,SAAS,UAAU;CAInB,MAAM,UAAU,KAAK;CACtB"}