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

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

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

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

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

package/dist/AmbientToggleButtonGroup-DP1_fmcI.js.map

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

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

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

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

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