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

package/dist/FUIAppSwitcher-DzE2TQlx.js

@@ -1,360 +0,0 @@
-import { FluentButton } from "./FluentButton-h_8VjXGT.js";
-import { useUser } from "./useUser-Cn88hlN_.js";
-import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
-import { redirectToLinkOnClick } from "./redirectToLink-B4Y9oH1K.js";
-import { redirectToProductOnClick } from "./redirectToProduct-BHIghYZd.js";
-import React, { Fragment, useState } from "react";
-import { AppBar, ButtonBase, Divider, IconButton, Toolbar, Typography, makeStyles, useTheme } from "@material-ui/core";
-import { ConfigService } from "udp-react-stencil-component-library";
-import { Link as Link$1 } from "react-router-dom";
-import { ForwardIcon, WaffleIcon } from "@fluentui/react-icons";
-import { useTranslation } from "react-i18next";
-import "@material-ui/icons/esm/ArrowForward";
-
-//#region src/shell/ui/appSwitcher/FUIAppHeader.jsx
-const useStyles$6 = makeStyles((theme) => ({
-	main: {
-		flexGrow: 1,
-		padding: "0 24px",
-		display: "flex",
-		justifyContent: "space-between",
-		alignItems: "center"
-	},
-	secondary: {},
-	appIcon: {
-		width: 24,
-		height: 24,
-		color: theme.palette.text.primary
-	},
-	appLink: {
-		display: "flex",
-		flexDirection: "row"
-	},
-	arrow: {},
-	arrowIcon: {
-		width: 12,
-		height: 12
-	},
-	linkTitle: { marginRight: theme.spacing(1) },
-	toolbar: {
-		padding: 0,
-		minHeight: theme.spacing(6)
-	}
-}));
-const FUIAppHeader = (props) => {
-	const classes = useStyles$6();
-	const { onClose, unityUrl } = props;
-	const { t, i18n } = useTranslation();
-	const user = useUser();
-	const openInNewTab = (url) => {
-		const newWindow = window.open(url + `?tenantId=${user.currentTenantId}`, "_blank", "noopener,noreferrer");
-		if (newWindow) newWindow.opener = null;
-	};
-	return /* @__PURE__ */ React.createElement(AppBar, {
-		elevation: 0,
-		color: "transparent",
-		position: "static"
-	}, /* @__PURE__ */ React.createElement(Toolbar, { className: classes.toolbar }, /* @__PURE__ */ React.createElement("div", { className: classes.main }, /* @__PURE__ */ React.createElement(IconButton, {
-		className: classes.menuButton,
-		edge: "start",
-		onClick: onClose
-	}, /* @__PURE__ */ React.createElement(FluentIcon, {
-		component: WaffleIcon,
-		className: classes.appIcon
-	})), ConfigService.config.UNITY_PRODUCT_ID != 1 && /* @__PURE__ */ React.createElement(FluentButton, {
-		className: classes.appLink,
-		onClick: () => openInNewTab(unityUrl)
-	}, /* @__PURE__ */ React.createElement("div", { className: classes.linkTitle }, /* @__PURE__ */ React.createElement(Typography, {
-		className: classes.secondary,
-		variant: "body1"
-	}, t("Back to Unity"))), /* @__PURE__ */ React.createElement("div", { className: classes.arrow }, /* @__PURE__ */ React.createElement(FluentIcon, {
-		component: ForwardIcon,
-		className: classes.arrowIcon
-	}))))));
-};
-var FUIAppHeader_default = FUIAppHeader;
-
-//#endregion
-//#region src/shell/ui/appSwitcher/FUIAppListItem.jsx
-const useStyles$5 = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		flexDirection: "row",
-		marginTop: theme.spacing(3),
-		marginRight: theme.spacing(6),
-		width: 110,
-		alignItems: "center"
-	},
-	iconStyle: {
-		backgroundColor: (props) => props.verticalColor,
-		color: theme.palette.getContrastText(theme.palette.secondary.dark),
-		width: 40,
-		height: 40,
-		display: "flex",
-		justifyContent: "center",
-		alignItems: "center"
-	},
-	iconContainer: { marginRight: theme.spacing(1) },
-	imageIcon: {
-		width: 28,
-		height: 28
-	},
-	label: { marginTop: theme.spacing(.5) },
-	images: {
-		width: theme.spacing(6),
-		height: theme.spacing(6)
-	}
-}));
-const FUIAppListItem = (props) => {
-	const classes = useStyles$5();
-	const { iconStyle } = useStyles$5(props);
-	const { icon, label, color, redirectInfo, link, image, params, closeSwitcher, user } = props;
-	const [open, setOpen] = useState(false);
-	const handleClick = () => {
-		if (redirectInfo) redirectToProductOnClick(redirectInfo, user.currentTenantId);
-		else closeSwitcher();
-		setOpen(!open);
-	};
-	const iconButton = !!icon || !!image ? redirectInfo ? /* @__PURE__ */ React.createElement(ButtonBase, { onClick: handleClick }, image ? /* @__PURE__ */ React.createElement("img", {
-		src: image,
-		alt: label,
-		className: classes.images
-	}) : /* @__PURE__ */ React.createElement("div", { className: `${iconStyle}` }, /* @__PURE__ */ React.createElement(FluentIcon, {
-		component: icon,
-		style: { color: `${color ? color : ""}` }
-	}))) : /* @__PURE__ */ React.createElement(ButtonBase, {
-		component: Link$1,
-		to: {
-			pathname: link,
-			state: params
-		},
-		onClick: handleClick
-	}, image ? /* @__PURE__ */ React.createElement("img", {
-		src: image,
-		alt: label,
-		className: classes.images
-	}) : /* @__PURE__ */ React.createElement("div", { className: `${iconStyle}` }, /* @__PURE__ */ React.createElement(FluentIcon, {
-		component: icon,
-		style: { color: `${color ? color : ""}` }
-	}))) : null;
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.iconContainer }, iconButton), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "caption",
-		className: classes.label
-	}, label)));
-};
-var FUIAppListItem_default = FUIAppListItem;
-
-//#endregion
-//#region src/shell/ui/appSwitcher/FUIAppList.jsx
-const useStyles$4 = makeStyles({ root: {
-	display: "flex",
-	flexDirection: "row",
-	flexWrap: "wrap",
-	maxWidth: 500
-} }, { name: "FUIAppList" });
-const FUIAppList = (props) => {
-	const { apps, verticalColor, closeSwitcher, user } = props;
-	const classes = useStyles$4();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, apps.map((item) => {
-		return /* @__PURE__ */ React.createElement(FUIAppListItem_default, {
-			key: item.label,
-			verticalColor,
-			closeSwitcher,
-			user,
-			...item
-		});
-	}));
-};
-var FUIAppList_default = FUIAppList;
-
-//#endregion
-//#region src/shell/ui/appSwitcher/UnityApps.jsx
-const useStyles$3 = makeStyles((theme) => ({
-	firstStyle: {
-		backgroundColor: (props) => props.backgroundColor,
-		padding: theme.spacing(2),
-		marginTop: 24
-	},
-	secondStyle: { color: "black" }
-}));
-const UnityApps = (props) => {
-	const { firstStyle, secondStyle } = useStyles$3(props);
-	const { children } = props;
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: `${firstStyle} ${secondStyle}` }, children));
-};
-var UnityApps_default = UnityApps;
-
-//#endregion
-//#region src/shell/ui/appSwitcher/ProductAppListItem.jsx
-const useStyles$2 = makeStyles((theme) => ({
-	icons: { color: (props) => props.color },
-	buttonGroup: {
-		display: "flex",
-		alignItems: "center",
-		marginBottom: "16px !important",
-		width: 190
-	},
-	label: { paddingLeft: theme.spacing(3) },
-	images: {
-		width: theme.spacing(3),
-		height: theme.spacing(3),
-		cursor: "pointer",
-		color: "lightslategray"
-	}
-}));
-const ProductAppListItem = (props) => {
-	const classes = useStyles$2(props);
-	const { label, redirectInfo, image, icon, getAccessToken, user } = props;
-	const [open, setOpen] = useState(false);
-	const handleClick = () => {
-		redirectToLinkOnClick(redirectInfo, getAccessToken, user);
-		setOpen(!open);
-	};
-	return image ? /* @__PURE__ */ React.createElement("div", { className: classes.buttonGroup }, /* @__PURE__ */ React.createElement(IconButton, {
-		className: classes.icons,
-		onClick: handleClick
-	}, /* @__PURE__ */ React.createElement("img", {
-		src: image,
-		alt: label,
-		className: classes.images
-	})), /* @__PURE__ */ React.createElement("div", { className: classes.label }, label)) : /* @__PURE__ */ React.createElement("div", { className: classes.buttonGroup }, icon && /* @__PURE__ */ React.createElement(FluentIcon, {
-		component: icon,
-		className: classes.images,
-		onClick: handleClick
-	}), /* @__PURE__ */ React.createElement("div", { className: classes.label }, label));
-};
-var ProductAppListItem_default = ProductAppListItem;
-
-//#endregion
-//#region src/shell/ui/appSwitcher/ProductAppList.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	root: {
-		"& > *": { margin: theme.spacing(.5) },
-		display: "flex",
-		flexWrap: "wrap"
-	},
-	icons: { color: (props) => props.color },
-	buttonGroup: {
-		display: "flex",
-		marginRight: theme.spacing(3),
-		width: 170
-	},
-	label: {
-		color: theme.palette.getContrastText(theme.palette.secondary.light),
-		marginTop: theme.spacing(2)
-	},
-	title: {
-		color: theme.palette.getContrastText(theme.palette.secondary.light),
-		minWidth: 320
-	},
-	moreAppContainer: { width: "100%" },
-	moreApps: {
-		color: theme.palette.getContrastText(theme.palette.secondary.light),
-		display: "flex",
-		flexDirection: "row",
-		justifyContent: "flex-end"
-	},
-	arrow: {
-		size: 18,
-		marginLeft: theme.spacing(1)
-	}
-}));
-const ProductAppList = (props) => {
-	const classes = useStyles$1(props);
-	const { apps, user } = props;
-	const { t, i18n } = useTranslation();
-	const AppGroup = (props$1) => {
-		const { title, apps: apps$1 } = props$1;
-		return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Typography, {
-			variant: "h6",
-			className: classes.title
-		}, t(title)), apps$1);
-	};
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(AppGroup, { apps: apps.map((item) => {
-		return /* @__PURE__ */ React.createElement(ProductAppListItem_default, {
-			key: item.id,
-			label: t(item.label),
-			redirectInfo: item.redirectInfo,
-			image: item.image,
-			icon: item.icon,
-			user,
-			getAccessToken: item.getAccessToken
-		});
-	}) }));
-};
-var ProductAppList_default = ProductAppList;
-
-//#endregion
-//#region src/shell/ui/appSwitcher/FUIAppSwitcher.jsx
-const useStyles = makeStyles((theme) => ({
-	card: {
-		marginRight: theme.spacing(1.5),
-		marginBottom: theme.spacing(1.5)
-	},
-	content: { padding: theme.spacing(2) },
-	appList: { marginTop: theme.spacing(1) },
-	list: {
-		display: "flex",
-		flexDirection: "row",
-		flexWrap: "wrap"
-	},
-	divider: {
-		marginTop: theme.spacing(2),
-		marginBottom: theme.spacing(2)
-	},
-	unityBuilders: {},
-	title: { marginTop: theme.spacing(2) },
-	column: {
-		display: "flex",
-		flexDirection: "row"
-	},
-	favorite: {
-		display: "flex",
-		flexDirection: "row",
-		marginTop: theme.spacing(-1)
-	}
-}));
-const FUIAppSwitcher = (props) => {
-	const { onClose, favoriteMenu, builderMenu, appMenu, unityUrl, user, header } = props;
-	const classes = useStyles(props);
-	const theme = useTheme();
-	const appHintColor = theme.palette.primary.light;
-	const appColor = theme.palette.primary.main;
-	const { t, i18n } = useTranslation();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(FUIAppHeader_default, {
-		onClose,
-		unityUrl,
-		user
-	}), /* @__PURE__ */ React.createElement("div", { className: classes.content }, /* @__PURE__ */ React.createElement("div", { className: classes.column }, /* @__PURE__ */ React.createElement("div", { className: classes.right }, /* @__PURE__ */ React.createElement("div", { className: classes.appList }, header, appMenu?.length ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "h6",
-		className: classes.title
-	}, t("Unity Apps")), /* @__PURE__ */ React.createElement(UnityApps_default, {
-		backgroundColor: appHintColor,
-		children: /* @__PURE__ */ React.createElement(ProductAppList_default, {
-			apps: appMenu,
-			color: appColor,
-			user
-		})
-	}), /* @__PURE__ */ React.createElement(Divider, { className: classes.divider })) : null, builderMenu?.length ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "h6",
-		className: classes.title
-	}, t("Unity Builders")), /* @__PURE__ */ React.createElement("div", { className: classes.unityBuilders }, /* @__PURE__ */ React.createElement(FUIAppList_default, {
-		apps: builderMenu,
-		verticalColor: appColor,
-		closeSwitcher: onClose,
-		user
-	})), /* @__PURE__ */ React.createElement(Divider, { className: classes.divider }), " ") : null, favoriteMenu?.length ? /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "h6",
-		className: classes.title
-	}, t("Favorites")), /* @__PURE__ */ React.createElement("div", { className: classes.favorite }, /* @__PURE__ */ React.createElement(FUIAppList_default, {
-		apps: favoriteMenu,
-		verticalColor: appColor,
-		closeSwitcher: onClose,
-		user
-	}))) : null)))));
-};
-var FUIAppSwitcher_default = FUIAppSwitcher;
-
-//#endregion
-export { FUIAppSwitcher_default };
-//# sourceMappingURL=FUIAppSwitcher-DzE2TQlx.js.map

package/dist/FUIAppSwitcher-DzE2TQlx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FUIAppSwitcher-DzE2TQlx.js","names":["useStyles","useStyles","Link","useStyles","FUIAppListItem","useStyles","useStyles","useStyles","props","apps","ProductAppListItem","FUIAppHeader","UnityApps","ProductAppList","FUIAppList"],"sources":["../src/shell/ui/appSwitcher/FUIAppHeader.jsx","../src/shell/ui/appSwitcher/FUIAppListItem.jsx","../src/shell/ui/appSwitcher/FUIAppList.jsx","../src/shell/ui/appSwitcher/UnityApps.jsx","../src/shell/ui/appSwitcher/ProductAppListItem.jsx","../src/shell/ui/appSwitcher/ProductAppList.jsx","../src/shell/ui/appSwitcher/FUIAppSwitcher.jsx"],"sourcesContent":["import React from 'react';\nimport {\n  makeStyles,\n  Typography,\n  IconButton,\n  AppBar,\n  Toolbar\n} from '@material-ui/core';\nimport { WaffleIcon, ForwardIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\nimport { FluentButton } from '../../../UI/inputs/buttons/FluentButton';\nimport { useTranslation } from 'react-i18next';\nimport { useUser } from '../../../utilities/auth/useUser';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nconst useStyles = makeStyles((theme) => ({\n  main: {\n    flexGrow: 1,\n    padding: '0 24px',\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center'\n  },\n  secondary: {},\n  appIcon: {\n    width: 24,\n    height: 24,\n    color: theme.palette.text.primary\n  },\n  appLink: {\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  arrow: {},\n  arrowIcon: {\n    width: 12,\n    height: 12\n  },\n  linkTitle: {\n    marginRight: theme.spacing(1)\n  },\n  toolbar: {\n    padding: 0,\n    minHeight: theme.spacing(6)\n  }\n}));\n\nconst FUIAppHeader = (props) => {\n  const classes = useStyles();\n  const { onClose, unityUrl } = props;\n  const { t, i18n } = useTranslation();\n  const user = useUser();\n\n  const openInNewTab = (url) => {\n    const newWindow = window.open(\n      url + `?tenantId=${user.currentTenantId}`,\n      '_blank',\n      'noopener,noreferrer'\n    );\n    if (newWindow) newWindow.opener = null;\n  };\n  return (\n    <AppBar elevation={0} color='transparent' position='static'>\n      <Toolbar className={classes.toolbar}>\n        <div className={classes.main}>\n          <IconButton\n            className={classes.menuButton}\n            edge='start'\n            onClick={onClose}\n          >\n            <FluentIcon component={WaffleIcon} className={classes.appIcon} />\n          </IconButton>\n          {ConfigService.config.UNITY_PRODUCT_ID != 1 && (\n            <FluentButton\n              className={classes.appLink}\n              onClick={() => openInNewTab(unityUrl)}\n            >\n              <div className={classes.linkTitle}>\n                <Typography className={classes.secondary} variant='body1'>\n                  {t('Back to Unity')}\n                </Typography>\n              </div>\n\n              <div className={classes.arrow}>\n                <FluentIcon\n                  component={ForwardIcon}\n                  className={classes.arrowIcon}\n                />\n              </div>\n            </FluentButton>\n          )}\n        </div>\n      </Toolbar>\n    </AppBar>\n  );\n};\nexport default FUIAppHeader;\n","import React, { useState } from 'react'\nimport { makeStyles, Typography, ButtonBase } from '@material-ui/core'\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon'\nimport { Link } from 'react-router-dom'\nimport { redirectToProductOnClick } from '../../../utilities/DemoJuly/redirectToProduct' // TODO for demo purposes\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    marginTop: theme.spacing(3),\n    marginRight: theme.spacing(6),\n    width: 110,\n    alignItems: 'center'\n  },\n  iconStyle: {\n    backgroundColor: (props) => props.verticalColor,\n    color: theme.palette.getContrastText(theme.palette.secondary.dark),\n    width: 40,\n    height: 40,\n    display: 'flex',\n    justifyContent: 'center',\n    alignItems: 'center'\n  },\n  iconContainer: {\n    marginRight: theme.spacing(1)\n  },\n  imageIcon: {\n    width: 28,\n    height: 28\n  },\n  label: {\n    marginTop: theme.spacing(0.5)\n  },\n  images: {\n    width: theme.spacing(6),\n    height: theme.spacing(6)\n  }\n}))\n\nconst FUIAppListItem = (props) => {\n  const classes = useStyles()\n  const { iconStyle } = useStyles(props)\n  const {\n    icon,\n    label,\n    color,\n    redirectInfo,\n    link,\n    image,\n    params,\n    closeSwitcher,\n    user\n  } = props\n  const [open, setOpen] = useState(false)\n\n  const handleClick = () => {\n    if (redirectInfo) {\n      redirectToProductOnClick(redirectInfo, user.currentTenantId) // TODO for demo purposes\n    } else {\n      closeSwitcher()\n    }\n    setOpen(!open)\n  }\n\n  const iconButton =\n    !!icon || !!image ? (\n      redirectInfo ? (\n        <ButtonBase onClick={handleClick}>\n          {image ? (\n            <img src={image} alt={label} className={classes.images} />\n          ) : (\n            <div className={`${iconStyle}`}>\n              <FluentIcon\n                component={icon}\n                style={{ color: `${color ? color : ''}` }}\n              />\n            </div>\n          )}\n        </ButtonBase>\n      ) : (\n        <ButtonBase\n          component={Link}\n          to={{\n            pathname: link,\n            state: params\n          }}\n          onClick={handleClick}\n        >\n          {image ? (\n            <img src={image} alt={label} className={classes.images} />\n          ) : (\n            <div className={`${iconStyle}`}>\n              <FluentIcon\n                component={icon}\n                style={{ color: `${color ? color : ''}` }}\n              />\n            </div>\n          )}\n        </ButtonBase>\n      )\n    ) : null\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.iconContainer}>{iconButton}</div>\n      <div>\n        <Typography variant='caption' className={classes.label}>\n          {label}\n        </Typography>\n      </div>\n    </div>\n  )\n}\nexport default FUIAppListItem\n","import React from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport FUIAppListItem from './FUIAppListItem'\n\nconst useStyles = makeStyles(\n  {\n    root: {\n      display: 'flex',\n      flexDirection: 'row',\n      flexWrap: 'wrap',\n      maxWidth: 500\n    }\n  },\n  { name: 'FUIAppList' }\n)\n\nconst FUIAppList = (props) => {\n  const { apps, verticalColor, closeSwitcher, user } = props\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      {apps.map((item) => {\n        return (\n          <FUIAppListItem\n            key={item.label}\n            verticalColor={verticalColor}\n            closeSwitcher={closeSwitcher}\n            user={user}\n            {...item}\n          />\n        )\n      })}\n    </div>\n  )\n}\nexport default FUIAppList\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  firstStyle: {\n    backgroundColor: (props) => props.backgroundColor,\n    padding: theme.spacing(2),\n    marginTop: 24\n  },\n  secondStyle: {\n    // color: props => props.color,\n    color: 'black'\n  }\n}));\n\nconst UnityApps = (props) => {\n  const { firstStyle, secondStyle } = useStyles(props);\n  const { children } = props;\n  return (\n    <div>\n      <div className={`${firstStyle} ${secondStyle}`}>{children}</div>\n    </div>\n  );\n};\nexport default UnityApps;\n","import React, { useState } from 'react';\nimport { makeStyles, IconButton } from '@material-ui/core';\nimport { redirectToLinkOnClick } from '../../../utilities/menus/redirectToLink';\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon';\n\nconst useStyles = makeStyles((theme) => ({\n  icons: {\n    color: (props) => props.color\n  },\n  buttonGroup: {\n    display: 'flex',\n    alignItems: 'center',\n    marginBottom: '16px !important',\n    width: 190\n  },\n  label: {\n    paddingLeft: theme.spacing(3)\n  },\n  images: {\n    width: theme.spacing(3),\n    height: theme.spacing(3),\n    cursor: 'pointer',\n    color: 'lightslategray'\n  }\n}));\n\nconst ProductAppListItem = (props) => {\n  const classes = useStyles(props);\n  const { label, redirectInfo, image, icon, getAccessToken, user } = props;\n  const [open, setOpen] = useState(false);\n\n  const handleClick = () => {\n    redirectToLinkOnClick(redirectInfo, getAccessToken, user);\n    setOpen(!open);\n  };\n\n  return image ? (\n    <div className={classes.buttonGroup}>\n      <IconButton className={classes.icons} onClick={handleClick}>\n        <img src={image} alt={label} className={classes.images} />\n      </IconButton>\n      <div className={classes.label}>{label}</div>\n    </div>\n  ) : (\n    <div className={classes.buttonGroup}>\n      {icon && (\n        <FluentIcon\n          component={icon}\n          className={classes.images}\n          onClick={handleClick}\n        />\n      )}\n      <div className={classes.label}>{label}</div>\n    </div>\n  );\n};\nexport default ProductAppListItem;\n","import React from 'react';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport Arrow from '@material-ui/icons/esm/ArrowForward';\nimport ProductAppListItem from './ProductAppListItem';\nimport { useTranslation } from 'react-i18next';\n\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    '& > *': {\n      margin: theme.spacing(0.5)\n    },\n    display: 'flex',\n    flexWrap: 'wrap'\n  },\n  icons: {\n    color: (props) => props.color\n  },\n  buttonGroup: {\n    display: 'flex',\n    marginRight: theme.spacing(3),\n    width: 170\n  },\n  label: {\n    color: theme.palette.getContrastText(theme.palette.secondary.light),\n    marginTop: theme.spacing(2)\n  },\n  title: {\n    color: theme.palette.getContrastText(theme.palette.secondary.light),\n    minWidth: 320\n  },\n\n  moreAppContainer: {\n    width: '100%'\n  },\n  moreApps: {\n    color: theme.palette.getContrastText(theme.palette.secondary.light),\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'flex-end'\n  },\n  arrow: {\n    size: 18,\n    marginLeft: theme.spacing(1)\n  }\n}));\n\nconst ProductAppList = (props) => {\n  const classes = useStyles(props);\n  const { apps, user } = props;\n  const { t, i18n } = useTranslation();\n\n  const AppGroup = (props) => {\n    const { title, apps } = props;\n    return (\n      <div className={classes.root}>\n        <Typography variant='h6' className={classes.title}>\n          {t(title)}\n        </Typography>\n        {apps}\n        {/* <div className={classes.moreAppContainer}>\n          <div className={classes.moreApps}>\n            <div>\n              <Typography variant=\"caption\">All Apps</Typography>\n            </div>\n            <div className={classes.arrow}>\n              <Arrow />\n            </div>\n          </div>\n        </div> */}\n      </div>\n    );\n  };\n\n  return (\n    <div>\n      <AppGroup\n        apps={apps.map((item) => {\n          return (\n            <ProductAppListItem\n              key={item.id}\n              label={t(item.label)}\n              redirectInfo={item.redirectInfo}\n              image={item.image}\n              icon={item.icon}\n              user={user}\n              getAccessToken={item.getAccessToken}\n            />\n          );\n        })}\n      />\n    </div>\n  );\n};\nexport default ProductAppList;\n","import React, { Fragment } from 'react';\nimport { makeStyles, Typography, Divider, useTheme } from '@material-ui/core';\nimport FUIAppHeader from './FUIAppHeader';\nimport FUIAppList from './FUIAppList';\nimport UnityApps from './UnityApps';\nimport ProductAppList from './ProductAppList';\nimport { useTranslation } from 'react-i18next';\n\n\nconst useStyles = makeStyles((theme) => ({\n  // root: { width: 540 },\n  card: { marginRight: theme.spacing(1.5), marginBottom: theme.spacing(1.5) },\n  content: {\n    padding: theme.spacing(2)\n  },\n  appList: {\n    marginTop: theme.spacing(1)\n  },\n  list: {\n    display: 'flex',\n    flexDirection: 'row',\n    flexWrap: 'wrap'\n  },\n  divider: {\n    marginTop: theme.spacing(2),\n    marginBottom: theme.spacing(2)\n  },\n  unityBuilders: {\n    // width: 300,\n  },\n  title: {\n    marginTop: theme.spacing(2)\n  },\n  column: {\n    display: 'flex',\n    flexDirection: 'row'\n  },\n  favorite: {\n    display: 'flex',\n    flexDirection: 'row',\n    marginTop: theme.spacing(-1)\n  }\n}));\n\nconst FUIAppSwitcher = (props) => {\n  const { onClose, favoriteMenu, builderMenu, appMenu, unityUrl, user, header } = props;\n  const classes = useStyles(props);\n  const theme = useTheme();\n  const appHintColor = theme.palette.primary.light;\n  const appColor = theme.palette.primary.main;\n  const { t, i18n } = useTranslation();\n  return (\n    <div className={classes.root}>\n      <FUIAppHeader onClose={onClose} unityUrl={unityUrl} user={user} />\n      <div className={classes.content}>\n        <div className={classes.column}>\n          <div className={classes.right}>\n            <div className={classes.appList}>\n              {header}\n              {appMenu?.length ? (\n                <>\n                  <Typography variant='h6' className={classes.title}>\n                    {t('Unity Apps')}\n                  </Typography>\n                  <UnityApps\n                    backgroundColor={appHintColor}\n                    children={\n                      <ProductAppList\n                        apps={appMenu}\n                        color={appColor}\n                        user={user}\n                      />\n                    }\n                  />\n                  <Divider className={classes.divider} />\n                </>\n              ) : null}\n              {builderMenu?.length ? (\n                <>\n                  <Typography variant='h6' className={classes.title}>\n                    {t('Unity Builders')}\n                  </Typography>\n                  <div className={classes.unityBuilders}>\n                    <FUIAppList\n                      apps={builderMenu}\n                      verticalColor={appColor}\n                      closeSwitcher={onClose}\n                      user={user}\n                    />\n                  </div>\n                  <Divider className={classes.divider} />{' '}\n                </>\n              ) : null}\n              {favoriteMenu?.length ? (\n                <>\n                  <Typography variant='h6' className={classes.title}>\n                    {t('Favorites')}\n                  </Typography>\n                  <div className={classes.favorite}>\n                    <FUIAppList\n                      apps={favoriteMenu}\n                      verticalColor={appColor}\n                      closeSwitcher={onClose}\n                      user={user}\n                    />\n                  </div>\n                </>\n              ) : null}\n            </div>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\nexport default FUIAppSwitcher;\n"],"mappings":"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"}

package/dist/FUICard-B5SvhKL0.js

@@ -1,140 +0,0 @@
-import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
-import { FUISquareIconButton_default } from "./FUISquareIconButton-CzLgq8u-.js";
-import { FluentCard } from "./FluentCard-CjR2Ft0S.js";
-import { useId } from "./useId-Dfv7qFlj.js";
-import React, { forwardRef } from "react";
-import { Button, CardActions, CardContent, Menu, Typography, makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-import { MoreIcon } from "@fluentui/react-icons";
-
-//#region src/UI/surfaces/cards/FUICardHeader.jsx
-const useStyles$3 = makeStyles((theme) => ({
-	root: {
-		minHeight: 40,
-		paddingLeft: theme.spacing(2),
-		display: "flex",
-		flexDirection: "row",
-		alignItems: "center",
-		borderBottom: `1px solid ${theme.palette.divider}`
-	},
-	title: { flexGrow: 1 }
-}));
-const FUICardHeader = (props, ref) => {
-	const classes = useStyles$3(props);
-	const { className, children, headerActions, titleId,...other } = props;
-	return /* @__PURE__ */ React.createElement("div", {
-		ref,
-		...other,
-		className: clsx(className, classes.root)
-	}, /* @__PURE__ */ React.createElement(Typography, {
-		id: titleId,
-		className: classes.title
-	}, children), headerActions);
-};
-var FUICardHeader_default = forwardRef(FUICardHeader);
-
-//#endregion
-//#region src/UI/surfaces/cards/FluentCardContent.jsx
-const useStyles$2 = makeStyles({ root: {} }, { name: "FluentCardContent" });
-/**
-* A variant of <CardContent> that uses a Fluent UI card style
-*/
-const FluentCardContent = forwardRef((props, ref) => {
-	const classes = useStyles$2(props);
-	const { children,...other } = props;
-	return /* @__PURE__ */ React.createElement(CardContent, {
-		ref,
-		...other,
-		classes
-	}, children);
-});
-FluentCardContent.displayName = "FluentCardContent";
-
-//#endregion
-//#region src/UI/surfaces/cards/FluentCardActions.jsx
-const useStyles$1 = makeStyles({
-	root: {},
-	spacing: {}
-}, { name: "FluentCardActions" });
-/**
-* A variant of <CardActions> that uses a Fluent UI card style
-*/
-const FluentCardActions = forwardRef((props, ref) => {
-	const classes = useStyles$1(props);
-	const { children,...other } = props;
-	return /* @__PURE__ */ React.createElement(CardActions, {
-		ref,
-		...other,
-		classes
-	}, children);
-});
-FluentCardActions.displayName = "FluentCardActions";
-
-//#endregion
-//#region src/UI/surfaces/cards/FUICard.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		flexDirection: "column"
-	},
-	raised: { zIndex: 1 },
-	contentArea: {
-		flex: "1 1 auto",
-		minHeight: 0,
-		display: "flex",
-		flexDirection: "column"
-	},
-	cardActions: {
-		display: "flex",
-		flexDirection: "row",
-		justifyContent: "flex-start",
-		paddingTop: theme.spacing(1),
-		padding: theme.spacing(2)
-	}
-}), { name: "FUICard" });
-let FUICardAction = (props, ref) => {
-	const { children,...other } = props;
-	return /* @__PURE__ */ React.createElement(Button, {
-		ref,
-		size: "small",
-		variant: "contained",
-		disableElevation: true,
-		...other
-	}, children);
-};
-FUICardAction = forwardRef(FUICardAction);
-let FUICardHeaderMenu = (props, ref) => {
-	const { children } = props;
-	return /* @__PURE__ */ React.createElement("div", {
-		button: /* @__PURE__ */ React.createElement(FUISquareIconButton_default, null, /* @__PURE__ */ React.createElement(FluentIcon, {
-			component: MoreIcon,
-			size: "small"
-		})),
-		menu: /* @__PURE__ */ React.createElement(Menu, null, children)
-	});
-};
-FUICardHeaderMenu = forwardRef(FUICardHeaderMenu);
-const FUICard = (props, ref) => {
-	const classes = useStyles();
-	const { className, children, actions, title, headerActions, CardHeaderProps, CardProps, raised, name,...cardProps } = props;
-	const titleId = `${useId(name, cardProps.id)}-title`;
-	return /* @__PURE__ */ React.createElement(FluentCard, {
-		ref,
-		component: "section",
-		"aria-labelledby": titleId,
-		...cardProps,
-		raised,
-		className: clsx(className, raised && classes.raised),
-		...CardProps,
-		classes: { root: classes.root }
-	}, /* @__PURE__ */ React.createElement(FUICardHeader_default, {
-		titleId,
-		headerActions,
-		...CardHeaderProps
-	}, title), /* @__PURE__ */ React.createElement(FluentCardContent, { className: classes.contentArea }, children), actions && /* @__PURE__ */ React.createElement(FluentCardActions, { className: classes.cardActions }, actions));
-};
-var FUICard_default = forwardRef(FUICard);
-
-//#endregion
-export { FUICardAction, FUICardHeaderMenu, FUICard_default, FluentCardActions, FluentCardContent };
-//# sourceMappingURL=FUICard-B5SvhKL0.js.map

package/dist/FUICard-B5SvhKL0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FUICard-B5SvhKL0.js","names":["useStyles","useStyles","useStyles","FUISquareIconButton","FUICardHeader"],"sources":["../src/UI/surfaces/cards/FUICardHeader.jsx","../src/UI/surfaces/cards/FluentCardContent.jsx","../src/UI/surfaces/cards/FluentCardActions.jsx","../src/UI/surfaces/cards/FUICard.jsx"],"sourcesContent":["import { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx';\nimport React, { forwardRef } from 'react';\n\nconst useStyles = makeStyles(theme => ({\n  root: {\n    minHeight: 40,\n    paddingLeft: theme.spacing(2),\n    display: 'flex',\n    flexDirection: 'row',\n    alignItems: 'center',\n    borderBottom: `1px solid ${theme.palette.divider}`,\n  },\n  title: {\n    flexGrow: 1,\n  },\n}));\n\nconst FUICardHeader = (props, ref) => {\n  const classes = useStyles(props);\n  const { className, children, headerActions, titleId, ...other } = props;\n\n  return (\n    <div ref={ref} {...other} className={clsx(className, classes.root)}>\n      <Typography id={titleId} className={classes.title}>\n        {children}\n      </Typography>\n      {headerActions}\n    </div>\n  );\n};\n\nexport default forwardRef(FUICardHeader);\n","import React from 'react';\nimport { forwardRef } from 'react';\nimport { makeStyles, CardContent } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n  {\n    root: {},\n  },\n  { name: 'FluentCardContent' }\n);\n\n/**\n * A variant of <CardContent> that uses a Fluent UI card style\n */\nexport const FluentCardContent = forwardRef((props, ref) => {\n  const classes = useStyles(props);\n  const { children, ...other } = props;\n\n  return (\n    <CardContent ref={ref} {...other} classes={classes}>\n      {children}\n    </CardContent>\n  );\n});\nFluentCardContent.displayName = 'FluentCardContent';\n","import React from 'react';\nimport { forwardRef } from 'react';\nimport { makeStyles, CardActions } from '@material-ui/core';\n\nconst useStyles = makeStyles(\n  {\n    root: {},\n    spacing: {},\n  },\n  { name: 'FluentCardActions' }\n);\n\n/**\n * A variant of <CardActions> that uses a Fluent UI card style\n */\nexport const FluentCardActions = forwardRef((props, ref) => {\n  const classes = useStyles(props);\n  const { children, ...other } = props;\n\n  return (\n    <CardActions ref={ref} {...other} classes={classes}>\n      {children}\n    </CardActions>\n  );\n});\nFluentCardActions.displayName = 'FluentCardActions';\n","import { MoreIcon } from '@fluentui/react-icons'\nimport { Button, makeStyles, Menu } from '@material-ui/core'\nimport clsx from 'clsx'\nimport React, { forwardRef } from 'react'\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon'\nimport FUICardHeader from './FUICardHeader'\nimport FUISquareIconButton from '../../inputs/buttons/FUISquareIconButton'\nimport { FluentCard } from './FluentCard'\nimport { FluentCardContent } from './FluentCardContent'\nimport { FluentCardActions } from './FluentCardActions'\nimport useId from '../../widgets/utils/useId'\n\nconst useStyles = makeStyles(\n  (theme) => ({\n    root: {\n      display: 'flex',\n      flexDirection: 'column'\n    },\n    raised: {\n      zIndex: 1\n    },\n    contentArea: {\n      flex: '1 1 auto',\n      minHeight: 0,\n      display: 'flex',\n      flexDirection: 'column'\n    },\n    cardActions: {\n      display: 'flex',\n      flexDirection: 'row',\n      justifyContent: 'flex-start',\n      paddingTop: theme.spacing(1),\n      padding: theme.spacing(2)\n    }\n  }),\n  { name: 'FUICard' }\n)\n\nexport let FUICardAction = (props, ref) => {\n  const { children, ...other } = props\n\n  return (\n    <Button\n      ref={ref}\n      size='small'\n      variant='contained'\n      disableElevation\n      {...other}\n    >\n      {children}\n    </Button>\n  )\n}\nFUICardAction = forwardRef(FUICardAction)\n\nexport let FUICardHeaderMenu = (props, ref) => {\n  const { children } = props\n\n  return (\n    <div\n      button={\n        <FUISquareIconButton>\n          <FluentIcon component={MoreIcon} size='small' />\n        </FUISquareIconButton>\n      }\n      menu={<Menu>{children}</Menu>}\n    />\n  )\n}\nFUICardHeaderMenu = forwardRef(FUICardHeaderMenu)\n\nconst FUICard = (props, ref) => {\n  const classes = useStyles()\n  const {\n    className,\n    children,\n    actions,\n    title,\n    headerActions,\n    CardHeaderProps,\n    CardProps,\n    raised,\n    name,\n    ...cardProps\n  } = props\n  const id = useId(name, cardProps.id)\n  const titleId = `${id}-title`\n\n  return (\n    <FluentCard\n      ref={ref}\n      component='section'\n      aria-labelledby={titleId}\n      {...cardProps}\n      raised={raised}\n      className={clsx(className, raised && classes.raised)}\n      {...CardProps}\n      classes={{ root: classes.root }}\n    >\n      <FUICardHeader\n        titleId={titleId}\n        headerActions={headerActions}\n        {...CardHeaderProps}\n      >\n        {title}\n      </FUICardHeader>\n      <FluentCardContent className={classes.contentArea}>\n        {children}\n      </FluentCardContent>\n      {actions && (\n        <FluentCardActions className={classes.cardActions}>\n          {actions}\n        </FluentCardActions>\n      )}\n    </FluentCard>\n  )\n}\n\nexport default forwardRef(FUICard)\n"],"mappings":";;;;;;;;;;AAIA,MAAMA,cAAY,YAAW,WAAU;CACrC,MAAM;EACJ,WAAW;EACX,aAAa,MAAM,QAAQ,EAAE;EAC7B,SAAS;EACT,eAAe;EACf,YAAY;EACZ,cAAc,aAAa,MAAM,QAAQ;EAC1C;CACD,OAAO,EACL,UAAU,GACX;CACF,EAAE;AAEH,MAAM,iBAAiB,OAAO,QAAQ;CACpC,MAAM,UAAUA,YAAU,MAAM;CAChC,MAAM,EAAE,WAAW,UAAU,eAAe,QAAS,GAAG,UAAU;AAElE,QACE,oCAAC;EAAS;EAAK,GAAI;EAAO,WAAW,KAAK,WAAW,QAAQ,KAAK;IAChE,oCAAC;EAAW,IAAI;EAAS,WAAW,QAAQ;IACzC,SACU,EACZ,cACG;;AAIV,4BAAe,WAAW,cAAc;;;;AC5BxC,MAAMC,cAAY,WAChB,EACE,MAAM,EAAE,EACT,EACD,EAAE,MAAM,qBAAqB,CAC9B;;;;AAKD,MAAa,oBAAoB,YAAY,OAAO,QAAQ;CAC1D,MAAM,UAAUA,YAAU,MAAM;CAChC,MAAM,EAAE,SAAU,GAAG,UAAU;AAE/B,QACE,oCAAC;EAAiB;EAAK,GAAI;EAAgB;IACxC,SACW;EAEhB;AACF,kBAAkB,cAAc;;;;ACpBhC,MAAMC,cAAY,WAChB;CACE,MAAM,EAAE;CACR,SAAS,EAAE;CACZ,EACD,EAAE,MAAM,qBAAqB,CAC9B;;;;AAKD,MAAa,oBAAoB,YAAY,OAAO,QAAQ;CAC1D,MAAM,UAAUA,YAAU,MAAM;CAChC,MAAM,EAAE,SAAU,GAAG,UAAU;AAE/B,QACE,oCAAC;EAAiB;EAAK,GAAI;EAAgB;IACxC,SACW;EAEhB;AACF,kBAAkB,cAAc;;;;ACbhC,MAAM,YAAY,YACf,WAAW;CACV,MAAM;EACJ,SAAS;EACT,eAAe;EAChB;CACD,QAAQ,EACN,QAAQ,GACT;CACD,aAAa;EACX,MAAM;EACN,WAAW;EACX,SAAS;EACT,eAAe;EAChB;CACD,aAAa;EACX,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY,MAAM,QAAQ,EAAE;EAC5B,SAAS,MAAM,QAAQ,EAAE;EAC1B;CACF,GACD,EAAE,MAAM,WAAW,CACpB;AAED,IAAW,iBAAiB,OAAO,QAAQ;CACzC,MAAM,EAAE,SAAU,GAAG,UAAU;AAE/B,QACE,oCAAC;EACM;EACL,MAAK;EACL,SAAQ;EACR;EACA,GAAI;IAEH,SACM;;AAGb,gBAAgB,WAAW,cAAc;AAEzC,IAAW,qBAAqB,OAAO,QAAQ;CAC7C,MAAM,EAAE,aAAa;AAErB,QACE,oCAAC;EACC,QACE,oCAACC,mCACC,oCAAC;GAAW,WAAW;GAAU,MAAK;IAAU,CAC5B;EAExB,MAAM,oCAAC,YAAM,SAAgB;GAC7B;;AAGN,oBAAoB,WAAW,kBAAkB;AAEjD,MAAM,WAAW,OAAO,QAAQ;CAC9B,MAAM,UAAU,WAAW;CAC3B,MAAM,EACJ,WACA,UACA,SACA,OACA,eACA,iBACA,WACA,QACA,KACA,GAAG,cACD;CAEJ,MAAM,UAAU,GADL,MAAM,MAAM,UAAU,GAAG,CACd;AAEtB,QACE,oCAAC;EACM;EACL,WAAU;EACV,mBAAiB;EACjB,GAAI;EACI;EACR,WAAW,KAAK,WAAW,UAAU,QAAQ,OAAO;EACpD,GAAI;EACJ,SAAS,EAAE,MAAM,QAAQ,MAAM;IAE/B,oCAACC;EACU;EACM;EACf,GAAI;IAEH,MACa,EAChB,oCAAC,qBAAkB,WAAW,QAAQ,eACnC,SACiB,EACnB,WACC,oCAAC,qBAAkB,WAAW,QAAQ,eACnC,QACiB,CAEX;;AAIjB,sBAAe,WAAW,QAAQ"}

package/dist/FUIMenuItem-C6Ypt-fU.js

@@ -1,26 +0,0 @@
-import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
-import React, { forwardRef } from "react";
-import { ListItemIcon, ListItemText, MenuItem, makeStyles } from "@material-ui/core";
-
-//#region src/UI/widgets/FluentComponents/FUIMenuItem.jsx
-const useStyles = makeStyles({ listItemIcon: { minWidth: 32 } }, { name: "FUIMenuItem" });
-/**
-* <MenuItem> with icon support
-*/
-const FUIMenuItem = (props, ref) => {
-	const classes = useStyles();
-	const { icon, fluentIcon, primary, secondary,...menuItemProps } = props;
-	return /* @__PURE__ */ React.createElement(MenuItem, {
-		ref,
-		dense: true,
-		...menuItemProps
-	}, /* @__PURE__ */ React.createElement(ListItemIcon, { className: classes.listItemIcon }, icon || /* @__PURE__ */ React.createElement(FluentIcon, { component: fluentIcon })), /* @__PURE__ */ React.createElement(ListItemText, {
-		primary,
-		secondary
-	}));
-};
-var FUIMenuItem_default = forwardRef(FUIMenuItem);
-
-//#endregion
-export { FUIMenuItem_default };
-//# sourceMappingURL=FUIMenuItem-C6Ypt-fU.js.map

package/dist/FUIMenuItem-C6Ypt-fU.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FUIMenuItem-C6Ypt-fU.js","names":[],"sources":["../src/UI/widgets/FluentComponents/FUIMenuItem.jsx"],"sourcesContent":["import React, { forwardRef } from 'react'\nimport {\n  MenuItem,\n  ListItemIcon,\n  ListItemText,\n  makeStyles\n} from '@material-ui/core'\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon'\n\nconst useStyles = makeStyles(\n  {\n    listItemIcon: {\n      minWidth: 32\n    }\n  },\n  { name: 'FUIMenuItem' }\n)\n\n/**\n * <MenuItem> with icon support\n */\nconst FUIMenuItem = (props, ref) => {\n  const classes = useStyles()\n  const { icon, fluentIcon, primary, secondary, ...menuItemProps } = props\n\n  return (\n    <MenuItem ref={ref} dense {...menuItemProps}>\n      <ListItemIcon className={classes.listItemIcon}>\n        {icon || <FluentIcon component={fluentIcon} />}\n      </ListItemIcon>\n      <ListItemText {...{ primary, secondary }} />\n    </MenuItem>\n  )\n}\n\nexport default forwardRef(FUIMenuItem)\n"],"mappings":";;;;;AASA,MAAM,YAAY,WAChB,EACE,cAAc,EACZ,UAAU,IACX,EACF,EACD,EAAE,MAAM,eAAe,CACxB;;;;AAKD,MAAM,eAAe,OAAO,QAAQ;CAClC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,MAAM,YAAY,SAAS,UAAW,GAAG,kBAAkB;AAEnE,QACE,oCAAC;EAAc;EAAK;EAAM,GAAI;IAC5B,oCAAC,gBAAa,WAAW,QAAQ,gBAC9B,QAAQ,oCAAC,cAAW,WAAW,aAAc,CACjC,EACf,oCAAC,cAAiB;EAAE;EAAS;EAAW,CAAI,CACnC;;AAIf,0BAAe,WAAW,YAAY"}

package/dist/FUISquareIconButton-CzLgq8u-.js

@@ -1,20 +0,0 @@
-import React from "react";
-import { IconButton, makeStyles } from "@material-ui/core";
-
-//#region src/UI/inputs/buttons/FUISquareIconButton.jsx
-const useStyles = makeStyles((theme) => ({ root: { borderRadius: 0 } }), { name: "FUISquareIconButton" });
-/**
-* <IconButton> but with a square highlight
-*/
-const FUISquareIconButton = (props) => {
-	const classes = useStyles(props);
-	return /* @__PURE__ */ React.createElement(IconButton, {
-		...props,
-		classes
-	});
-};
-var FUISquareIconButton_default = FUISquareIconButton;
-
-//#endregion
-export { FUISquareIconButton_default };
-//# sourceMappingURL=FUISquareIconButton-CzLgq8u-.js.map

package/dist/FUISquareIconButton-CzLgq8u-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FUISquareIconButton-CzLgq8u-.js","names":[],"sources":["../src/UI/inputs/buttons/FUISquareIconButton.jsx"],"sourcesContent":["import { IconButton, makeStyles } from '@material-ui/core';\nimport React from 'react';\n\nconst useStyles = makeStyles(\n  theme => ({\n    root: {\n      borderRadius: 0,\n    },\n  }),\n  { name: 'FUISquareIconButton' }\n);\n\n/**\n * <IconButton> but with a square highlight\n */\nconst FUISquareIconButton = props => {\n  const classes = useStyles(props);\n  return <IconButton {...props} classes={classes} />;\n};\n\nexport default FUISquareIconButton;\n"],"mappings":";;;;AAGA,MAAM,YAAY,YAChB,WAAU,EACR,MAAM,EACJ,cAAc,GACf,EACF,GACD,EAAE,MAAM,uBAAuB,CAChC;;;;AAKD,MAAM,uBAAsB,UAAS;CACnC,MAAM,UAAU,UAAU,MAAM;AAChC,QAAO,oCAAC;EAAW,GAAI;EAAgB;GAAW;;AAGpD,kCAAe"}