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

package/dist/FluentActivityRow-CmoRw1Lt.js

@@ -1,69 +0,0 @@
-import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
-import { AvatarAlphabet } from "./AvatarAlphabet-BFwr2xyn.js";
-import React from "react";
-import { Avatar, Tooltip, Typography, lighten, makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-import TimeAgo from "timeago-react";
-
-//#region src/UI/dataDisplay/FluentActivity/FluentActivity.jsx
-const useStyles = makeStyles((theme) => ({
-	root: { marginBottom: theme.spacing(2) },
-	topRow: { display: "flex" },
-	desc: { marginLeft: theme.spacing(.5) },
-	indent: { marginLeft: (props) => props.avatarDisplay ? theme.spacing(6) : theme.spacing(4) },
-	indentChildren: {
-		marginLeft: (props) => props.avatarDisplay ? theme.spacing(2) : 0,
-		marginTop: (props) => props.avatarDisplay ? theme.spacing(-1.5) : 0
-	},
-	timestamp: {
-		color: lighten(theme.palette.common.black, .5),
-		marginTop: theme.spacing(-3)
-	},
-	actionUser: {
-		marginRight: 10,
-		marginLeft: 11
-	},
-	activityIcon: { marginTop: 2 },
-	action: {
-		verticalAlign: "text-bottom",
-		lineHeight: 1.8
-	},
-	avatar: {
-		width: 35,
-		height: 35,
-		textTransform: "uppercase"
-	}
-}));
-const FluentActivity = (props) => {
-	const classes = useStyles(props);
-	const { activityIcon, avatar, avatarAlt, timeStamp, children, action, actionUser, avatarDisplay } = props;
-	const getUser = (userEmail) => {
-		return />(.*)</g.exec(userEmail)[1].trim()?.charAt(0) || "?";
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.topRow }, activityIcon && /* @__PURE__ */ React.createElement("div", { className: classes.activityIcon }, /* @__PURE__ */ React.createElement(FluentIcon, { component: activityIcon })), avatarDisplay && avatar && /* @__PURE__ */ React.createElement("div", { className: classes.avatarContainer }, /* @__PURE__ */ React.createElement(Avatar, {
-		alt: avatarAlt,
-		className: classes.avatar,
-		src: avatar
-	})), avatarDisplay && !avatar && /* @__PURE__ */ React.createElement("div", { className: classes.avatarContainer }, /* @__PURE__ */ React.createElement(AvatarAlphabet, {
-		alt: avatarAlt,
-		className: classes.avatar,
-		avatarCharacter: getUser(actionUser.props.children[0].props.jsx).toUpperCase()
-	}, getUser(actionUser.props.children[0].props.jsx))), /* @__PURE__ */ React.createElement("div", { className: classes.actionUser }, actionUser), /* @__PURE__ */ React.createElement(Typography, {
-		variant: "caption",
-		className: classes.action
-	}, action)), /* @__PURE__ */ React.createElement("div", { className: classes.indentChildren }, children), /* @__PURE__ */ React.createElement("div", { className: classes.time }, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "caption",
-		className: clsx(classes.indent, classes.timestamp)
-	}, /* @__PURE__ */ React.createElement(Tooltip, { title: timeStamp }, /* @__PURE__ */ React.createElement(TimeAgo, { datetime: timeStamp })))));
-};
-
-//#endregion
-//#region src/UI/dataDisplay/FluentActivity/FluentActivityRow.jsx
-const FluentActivityRow = (props) => {
-	const { children } = props;
-	return /* @__PURE__ */ React.createElement("div", { style: { marginLeft: 30 } }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, children));
-};
-
-//#endregion
-export { FluentActivity, FluentActivityRow };
-//# sourceMappingURL=FluentActivityRow-CmoRw1Lt.js.map

package/dist/FluentActivityRow-CmoRw1Lt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentActivityRow-CmoRw1Lt.js","names":[],"sources":["../src/UI/dataDisplay/FluentActivity/FluentActivity.jsx","../src/UI/dataDisplay/FluentActivity/FluentActivityRow.jsx"],"sourcesContent":["import React from 'react'\nimport {\n  Avatar,\n  lighten,\n  makeStyles,\n  Typography,\n  Tooltip\n} from '@material-ui/core'\nimport { FluentIcon } from '../../../utilities/iconLibrary/FluentIcon'\nimport clsx from 'clsx'\nimport TimeAgo from 'timeago-react'\nimport { AvatarAlphabet } from '../../dataDisplay/AvatarAlphabet'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    marginBottom: theme.spacing(2)\n  },\n  topRow: {\n    display: 'flex'\n  },\n  desc: {\n    marginLeft: theme.spacing(0.5)\n  },\n  indent: {\n    marginLeft: (props) =>\n      props.avatarDisplay ? theme.spacing(6) : theme.spacing(4)\n  },\n  indentChildren: {\n    marginLeft: (props) => (props.avatarDisplay ? theme.spacing(2) : 0),\n    marginTop: (props) => (props.avatarDisplay ? theme.spacing(-1.5) : 0)\n  },\n  timestamp: {\n    color: lighten(theme.palette.common.black, 0.5),\n    marginTop: theme.spacing(-3)\n  },\n  actionUser: {\n    marginRight: 10,\n    marginLeft: 11\n  },\n  activityIcon: {\n    marginTop: 2\n  },\n  action: {\n    verticalAlign: 'text-bottom',\n    lineHeight: 1.8\n  },\n  avatar: {\n    width: 35,\n    height: 35,\n    textTransform: 'uppercase'\n  }\n}))\n\nexport const FluentActivity = (props) => {\n  const classes = useStyles(props)\n  const {\n    activityIcon,\n    avatar,\n    avatarAlt,\n    timeStamp,\n    children,\n    action,\n    actionUser,\n    avatarDisplay\n  } = props\n\n  const getUser = (userEmail) => {\n    const regex = />(.*)</g\n    const matches = regex.exec(userEmail)\n    return matches[1].trim()?.charAt(0) || '?'\n  }\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.topRow}>\n        {activityIcon && (\n          <div className={classes.activityIcon}>\n            <FluentIcon component={activityIcon} />\n          </div>\n        )}\n        {avatarDisplay && avatar && (\n          <div className={classes.avatarContainer}>\n            <Avatar alt={avatarAlt} className={classes.avatar} src={avatar} />\n          </div>\n        )}\n        {avatarDisplay && !avatar && (\n          <div className={classes.avatarContainer}>\n            <AvatarAlphabet\n              alt={avatarAlt}\n              className={classes.avatar}\n              avatarCharacter={getUser(\n                actionUser.props.children[0].props.jsx\n              ).toUpperCase()}\n            >\n              {getUser(actionUser.props.children[0].props.jsx)}\n            </AvatarAlphabet>\n          </div>\n        )}\n\n        <div className={classes.actionUser}>{actionUser}</div>\n\n        <Typography variant='caption' className={classes.action}>\n          {action}\n        </Typography>\n      </div>\n      <div className={classes.indentChildren}>{children}</div>\n      <div className={classes.time}>\n        <Typography\n          variant='caption'\n          className={clsx(classes.indent, classes.timestamp)}\n        >\n          <Tooltip title={timeStamp}>\n            <TimeAgo datetime={timeStamp} />\n          </Tooltip>\n        </Typography>\n      </div>\n    </div>\n  )\n}\n","import React from 'react'\nimport { Typography } from '@material-ui/core'\n\nexport const FluentActivityRow = (props) => {\n  const { children } = props\n  return (\n    <div style={{ marginLeft: 30 }}>\n      <Typography variant='caption'>{children}</Typography>\n    </div>\n  )\n}\n"],"mappings":";;;;;;;;AAaA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,cAAc,MAAM,QAAQ,EAAE,EAC/B;CACD,QAAQ,EACN,SAAS,QACV;CACD,MAAM,EACJ,YAAY,MAAM,QAAQ,GAAI,EAC/B;CACD,QAAQ,EACN,aAAa,UACX,MAAM,gBAAgB,MAAM,QAAQ,EAAE,GAAG,MAAM,QAAQ,EAAE,EAC5D;CACD,gBAAgB;EACd,aAAa,UAAW,MAAM,gBAAgB,MAAM,QAAQ,EAAE,GAAG;EACjE,YAAY,UAAW,MAAM,gBAAgB,MAAM,QAAQ,KAAK,GAAG;EACpE;CACD,WAAW;EACT,OAAO,QAAQ,MAAM,QAAQ,OAAO,OAAO,GAAI;EAC/C,WAAW,MAAM,QAAQ,GAAG;EAC7B;CACD,YAAY;EACV,aAAa;EACb,YAAY;EACb;CACD,cAAc,EACZ,WAAW,GACZ;CACD,QAAQ;EACN,eAAe;EACf,YAAY;EACb;CACD,QAAQ;EACN,OAAO;EACP,QAAQ;EACR,eAAe;EAChB;CACF,EAAE;AAEH,MAAa,kBAAkB,UAAU;CACvC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,cACA,QACA,WACA,WACA,UACA,QACA,YACA,kBACE;CAEJ,MAAM,WAAW,cAAc;AAG7B,SAFc,UACQ,KAAK,UAAU,CACtB,GAAG,MAAM,EAAE,OAAO,EAAE,IAAI;;AAGzC,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC,SAAI,WAAW,QAAQ,UACrB,gBACC,oCAAC,SAAI,WAAW,QAAQ,gBACtB,oCAAC,cAAW,WAAW,eAAgB,CACnC,EAEP,iBAAiB,UAChB,oCAAC,SAAI,WAAW,QAAQ,mBACtB,oCAAC;EAAO,KAAK;EAAW,WAAW,QAAQ;EAAQ,KAAK;GAAU,CAC9D,EAEP,iBAAiB,CAAC,UACjB,oCAAC,SAAI,WAAW,QAAQ,mBACtB,oCAAC;EACC,KAAK;EACL,WAAW,QAAQ;EACnB,iBAAiB,QACf,WAAW,MAAM,SAAS,GAAG,MAAM,IACpC,CAAC,aAAa;IAEd,QAAQ,WAAW,MAAM,SAAS,GAAG,MAAM,IAAI,CACjC,CACb,EAGR,oCAAC,SAAI,WAAW,QAAQ,cAAa,WAAiB,EAEtD,oCAAC;EAAW,SAAQ;EAAU,WAAW,QAAQ;IAC9C,OACU,CACT,EACN,oCAAC,SAAI,WAAW,QAAQ,kBAAiB,SAAe,EACxD,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EACC,SAAQ;EACR,WAAW,KAAK,QAAQ,QAAQ,QAAQ,UAAU;IAElD,oCAAC,WAAQ,OAAO,aACd,oCAAC,WAAQ,UAAU,YAAa,CACxB,CACC,CACT,CACF;;;;;ACjHV,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EAAE,aAAa;AACrB,QACE,oCAAC,SAAI,OAAO,EAAE,YAAY,IAAI,IAC5B,oCAAC,cAAW,SAAQ,aAAW,SAAsB,CACjD"}

package/dist/FluentBody-PdsySA1c.js

@@ -1,16 +0,0 @@
-import React from "react";
-import { TableBody, useTheme } from "@material-ui/core";
-
-//#region src/UI/dataDisplay/FluentDataTable/FluentBody/index.tsx
-const FluentBody = (props) => {
-	const theme = useTheme();
-	return /* @__PURE__ */ React.createElement(TableBody, { style: {
-		background: props?.background || theme.palette.background.paper,
-		...props?.style
-	} }, props?.children);
-};
-var FluentBody_default = FluentBody;
-
-//#endregion
-export { FluentBody_default };
-//# sourceMappingURL=FluentBody-PdsySA1c.js.map

package/dist/FluentBody-PdsySA1c.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentBody-PdsySA1c.js","names":[],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentBody/index.tsx"],"sourcesContent":["import { TableBody, useTheme } from '@material-ui/core';\nimport React, { ReactNode } from 'react';\n\ninterface FluentBodyProps {\n  background?: string;\n  style?: object;\n  children: ReactNode;\n};\n\nconst FluentBody = (props: FluentBodyProps) => {\n\n  const theme = useTheme();\n\n  return (\n    <TableBody style={{ background: props?.background || theme.palette.background.paper, ...props?.style }}>\n      {props?.children}\n    </TableBody>\n  )\n};\n\nexport default FluentBody;"],"mappings":";;;;AASA,MAAM,cAAc,UAA2B;CAE7C,MAAM,QAAQ,UAAU;AAExB,QACE,oCAAC,aAAU,OAAO;EAAE,YAAY,OAAO,cAAc,MAAM,QAAQ,WAAW;EAAO,GAAG,OAAO;EAAO,IACnG,OAAO,SACE;;AAIhB,yBAAe"}

package/dist/FluentButton-h_8VjXGT.js

@@ -1,44 +0,0 @@
-import React from "react";
-import { Button, CircularProgress, makeStyles } from "@material-ui/core";
-
-//#region src/UI/inputs/buttons/FluentButton.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		borderRadius: 2,
-		height: (props) => props.height ? props.height : 32,
-		padding: "0 16px",
-		minWidth: (props) => props.minWidth ? props.minWidth : 80,
-		border: (props) => `1px solid ${props.color}`
-	},
-	label: {
-		textTransform: "capitalize",
-		fontSize: "0.875rem",
-		fontWeight: 600
-	}
-}));
-const FluentButton = (props) => {
-	const classes = useStyles(props);
-	const { children, id, udprecordid, minWidth, progress, disabled,...otherProps } = props;
-	return /* @__PURE__ */ React.createElement(Button, {
-		...otherProps,
-		disableElevation: true,
-		classes: {
-			root: classes.root,
-			label: classes.label
-		},
-		margin: "dense",
-		id,
-		udprecordid,
-		minWidth,
-		disabled: disabled || progress
-	}, progress && /* @__PURE__ */ React.createElement(CircularProgress, {
-		id: id + "-ButtonProgress",
-		udprecordid: udprecordid + "-ButtonProgress",
-		size: 18,
-		color: "primary"
-	}), !progress && children);
-};
-
-//#endregion
-export { FluentButton };
-//# sourceMappingURL=FluentButton-h_8VjXGT.js.map

package/dist/FluentButton-h_8VjXGT.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentButton-h_8VjXGT.js","names":[],"sources":["../src/UI/inputs/buttons/FluentButton.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { Button, CircularProgress } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    borderRadius: 2,\n    height: (props) => (props.height ? props.height : 32),\n    padding: '0 16px',\n    minWidth: (props) => (props.minWidth ? props.minWidth : 80),\n    border: (props) => `1px solid ${props.color}`\n  },\n  label: {\n    textTransform: 'capitalize',\n    fontSize: '0.875rem',\n    fontWeight: 600\n  }\n}));\n\nexport const FluentButton = (props) => {\n  const classes = useStyles(props);\n  const { children, id, udprecordid, minWidth, progress, disabled, ...otherProps } =\n    props;\n  return (\n    <Button\n      {...otherProps}\n      disableElevation\n      classes={{\n        root: classes.root,\n        label: classes.label\n      }}\n      margin='dense'\n      id={id}\n      udprecordid={udprecordid}\n      minWidth={minWidth}\n      disabled={disabled || progress}\n    >\n      {progress && (\n        <CircularProgress\n          id={id + '-ButtonProgress'}\n          udprecordid={udprecordid + '-ButtonProgress'}\n          size={18}\n          color='primary'\n        />\n      )}\n      {!progress && children}\n    </Button>\n  );\n};\n"],"mappings":";;;;AAIA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,cAAc;EACd,SAAS,UAAW,MAAM,SAAS,MAAM,SAAS;EAClD,SAAS;EACT,WAAW,UAAW,MAAM,WAAW,MAAM,WAAW;EACxD,SAAS,UAAU,aAAa,MAAM;EACvC;CACD,OAAO;EACL,eAAe;EACf,UAAU;EACV,YAAY;EACb;CACF,EAAE;AAEH,MAAa,gBAAgB,UAAU;CACrC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,UAAU,IAAI,aAAa,UAAU,UAAU,SAAU,GAAG,eAClE;AACF,QACE,oCAAC;EACC,GAAI;EACJ;EACA,SAAS;GACP,MAAM,QAAQ;GACd,OAAO,QAAQ;GAChB;EACD,QAAO;EACH;EACS;EACH;EACV,UAAU,YAAY;IAErB,YACC,oCAAC;EACC,IAAI,KAAK;EACT,aAAa,cAAc;EAC3B,MAAM;EACN,OAAM;GACN,EAEH,CAAC,YAAY,SACP"}

package/dist/FluentCard-CjR2Ft0S.js

@@ -1,23 +0,0 @@
-import React, { forwardRef } from "react";
-import { Card, makeStyles } from "@material-ui/core";
-
-//#region src/UI/surfaces/cards/FluentCard.jsx
-const useStyles = makeStyles({ root: {} }, { name: "FluentCard" });
-/**
-* A variant of <Card> that uses a square Fluent UI card style
-*/
-const FluentCard = forwardRef((props, ref) => {
-	const classes = useStyles(props);
-	const { children,...other } = props;
-	return /* @__PURE__ */ React.createElement(Card, {
-		ref,
-		square: true,
-		...other,
-		classes
-	}, children);
-});
-FluentCard.displayName = "FluentCard";
-
-//#endregion
-export { FluentCard };
-//# sourceMappingURL=FluentCard-CjR2Ft0S.js.map

package/dist/FluentCard-CjR2Ft0S.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentCard-CjR2Ft0S.js","names":[],"sources":["../src/UI/surfaces/cards/FluentCard.jsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { makeStyles, Card } from '@material-ui/core'\n\nconst useStyles = makeStyles(\n  {\n    root: {}\n  },\n  { name: 'FluentCard' }\n)\n\n/**\n * A variant of <Card> that uses a square Fluent UI card style\n */\nexport const FluentCard = forwardRef((props, ref) => {\n  const classes = useStyles(props)\n  const { children, ...other } = props\n\n  return (\n    <Card ref={ref} square {...other} classes={classes}>\n      {children}\n    </Card>\n  )\n})\nFluentCard.displayName = 'FluentCard'\n"],"mappings":";;;;AAIA,MAAM,YAAY,WAChB,EACE,MAAM,EAAE,EACT,EACD,EAAE,MAAM,cAAc,CACvB;;;;AAKD,MAAa,aAAa,YAAY,OAAO,QAAQ;CACnD,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,SAAU,GAAG,UAAU;AAE/B,QACE,oCAAC;EAAU;EAAK;EAAO,GAAI;EAAgB;IACxC,SACI;EAET;AACF,WAAW,cAAc"}

package/dist/FluentCardText-Cs6pzYL3.js

@@ -1,89 +0,0 @@
-import React from "react";
-import { Box, Typography, makeStyles, styled } from "@material-ui/core";
-
-//#region src/UI/surfaces/cards/FluentCardText.jsx
-const useStyles = makeStyles((theme) => ({
-	rootContainer: {
-		backgroundColor: theme.palette.background.paper,
-		padding: "10px",
-		width: "100%",
-		boxSizing: "border-box",
-		display: "flex",
-		flexDirection: "column",
-		alignItems: "center",
-		justifyContent: "space-evenly",
-		gap: "10px",
-		[theme.breakpoints.down("sm")]: {
-			flexDirection: "row",
-			alignItems: "center",
-			justifyContent: "space-between"
-		}
-	},
-	title: {
-		textAlign: "center",
-		fontWeight: 500,
-		letterSpacing: "0.15px",
-		[theme.breakpoints.down("sm")]: { textAlign: "left" }
-	},
-	description: {
-		fontSize: "1.5rem",
-		fontWeight: 300,
-		letterSpacing: "0.15px",
-		[theme.breakpoints.down("sm")]: {
-			fontSize: "1rem",
-			textAlign: "left"
-		}
-	},
-	descriptionColor: { color: (props) => props.textColor || theme.palette.text.primary }
-}));
-const Title = styled(Typography)(({ theme }) => ({
-	textAlign: "center",
-	fontWeight: 500,
-	letterSpacing: "0.15px",
-	[theme.breakpoints.down("sm")]: { textAlign: "left" }
-}));
-const Description = styled(Typography)(({ theme, color }) => ({
-	fontSize: "1.5rem",
-	fontWeight: 300,
-	letterSpacing: "0.15px",
-	color: color || theme.palette.text.primary,
-	[theme.breakpoints.down("sm")]: {
-		fontSize: "1rem",
-		textAlign: "left"
-	}
-}));
-const FluentCardText = (props) => {
-	const classes = useStyles(props);
-	const { title, description, sx, titleStyle, descriptionStyle, titleVariant = "body2", loading = false, errorMessage = "" } = props;
-	return /* @__PURE__ */ React.createElement(Box, {
-		className: classes.rootContainer,
-		style: sx
-	}, /* @__PURE__ */ React.createElement(Title, {
-		variant: titleVariant,
-		align: "center",
-		style: titleStyle
-	}, title), loading ? /* @__PURE__ */ React.createElement(Box, { style: {
-		width: "100%",
-		height: "100%",
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "center"
-	} }, /* @__PURE__ */ React.createElement(Typography, {
-		align: "center",
-		className: classes.title,
-		style: titleStyle
-	}, "Loading...")) : errorMessage ? /* @__PURE__ */ React.createElement(Description, {
-		variant: "body2",
-		align: "center",
-		style: descriptionStyle,
-		color: "error"
-	}, errorMessage) : /* @__PURE__ */ React.createElement(Description, {
-		variant: "body2",
-		align: "center",
-		style: descriptionStyle
-	}, description));
-};
-
-//#endregion
-export { FluentCardText };
-//# sourceMappingURL=FluentCardText-Cs6pzYL3.js.map

package/dist/FluentCardText-Cs6pzYL3.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentCardText-Cs6pzYL3.js","names":[],"sources":["../src/UI/surfaces/cards/FluentCardText.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, styled, Typography, Box } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  rootContainer: {\n    backgroundColor: theme.palette.background.paper,\n    padding: '10px',\n    width: '100%',\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    justifyContent: 'space-evenly',\n    gap: '10px',\n    [theme.breakpoints.down('sm')]: {\n      flexDirection: 'row',\n      alignItems: 'center',\n      justifyContent: 'space-between'\n    }\n  },\n  title: {\n    textAlign: 'center',\n    fontWeight: 500,\n    letterSpacing: '0.15px',\n    [theme.breakpoints.down('sm')]: {\n      textAlign: 'left'\n    }\n  },\n  description: {\n    fontSize: '1.5rem',\n    fontWeight: 300,\n    letterSpacing: '0.15px',\n    [theme.breakpoints.down('sm')]: {\n      fontSize: '1rem',\n      textAlign: 'left'\n    }\n  },\n  descriptionColor: {\n    color: (props) => props.textColor || theme.palette.text.primary\n  }\n}));\n\nconst Title = styled(Typography)(({ theme }) => ({\n  textAlign: 'center',\n  fontWeight: 500,\n  letterSpacing: '0.15px',\n  [theme.breakpoints.down('sm')]: {\n    textAlign: 'left'\n  }\n}));\n\nconst Description = styled(Typography)(({ theme, color }) => ({\n  fontSize: '1.5rem',\n  fontWeight: 300,\n  letterSpacing: '0.15px',\n  color: color || theme.palette.text.primary,\n  [theme.breakpoints.down('sm')]: {\n    fontSize: '1rem',\n    textAlign: 'left'\n  }\n}));\n\nexport const FluentCardText = (props) => {\n  const classes = useStyles(props);\n  const {\n    title,\n    description,\n    sx,\n    titleStyle,\n    descriptionStyle,\n    titleVariant = 'body2',\n    loading = false,\n    errorMessage = ''\n  } = props;\n\n  return (\n    <Box className={classes.rootContainer} style={sx}>\n      <Title variant={titleVariant} align='center' style={titleStyle}>\n        {title}\n      </Title>\n      {loading ? (\n        <Box\n          style={{\n            width: '100%',\n            height: '100%',\n            display: 'flex',\n            alignItems: 'center',\n            justifyContent: 'center'\n          }}\n        >\n          <Typography\n            align='center'\n            className={classes.title}\n            style={titleStyle}\n          >\n            Loading...\n          </Typography>\n        </Box>\n      ) : errorMessage ? (\n        <Description\n          variant='body2'\n          align='center'\n          style={descriptionStyle}\n          color='error'\n        >\n          {errorMessage}\n        </Description>\n      ) : (\n        <Description variant='body2' align='center' style={descriptionStyle}>\n          {description}\n        </Description>\n      )}\n    </Box>\n  );\n};\n"],"mappings":";;;;AAGA,MAAM,YAAY,YAAY,WAAW;CACvC,eAAe;EACb,iBAAiB,MAAM,QAAQ,WAAW;EAC1C,SAAS;EACT,OAAO;EACP,WAAW;EACX,SAAS;EACT,eAAe;EACf,YAAY;EACZ,gBAAgB;EAChB,KAAK;GACJ,MAAM,YAAY,KAAK,KAAK,GAAG;GAC9B,eAAe;GACf,YAAY;GACZ,gBAAgB;GACjB;EACF;CACD,OAAO;EACL,WAAW;EACX,YAAY;EACZ,eAAe;GACd,MAAM,YAAY,KAAK,KAAK,GAAG,EAC9B,WAAW,QACZ;EACF;CACD,aAAa;EACX,UAAU;EACV,YAAY;EACZ,eAAe;GACd,MAAM,YAAY,KAAK,KAAK,GAAG;GAC9B,UAAU;GACV,WAAW;GACZ;EACF;CACD,kBAAkB,EAChB,QAAQ,UAAU,MAAM,aAAa,MAAM,QAAQ,KAAK,SACzD;CACF,EAAE;AAEH,MAAM,QAAQ,OAAO,WAAW,EAAE,EAAE,aAAa;CAC/C,WAAW;CACX,YAAY;CACZ,eAAe;EACd,MAAM,YAAY,KAAK,KAAK,GAAG,EAC9B,WAAW,QACZ;CACF,EAAE;AAEH,MAAM,cAAc,OAAO,WAAW,EAAE,EAAE,OAAO,aAAa;CAC5D,UAAU;CACV,YAAY;CACZ,eAAe;CACf,OAAO,SAAS,MAAM,QAAQ,KAAK;EAClC,MAAM,YAAY,KAAK,KAAK,GAAG;EAC9B,UAAU;EACV,WAAW;EACZ;CACF,EAAE;AAEH,MAAa,kBAAkB,UAAU;CACvC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,OACA,aACA,IACA,YACA,kBACA,eAAe,SACf,UAAU,OACV,eAAe,OACb;AAEJ,QACE,oCAAC;EAAI,WAAW,QAAQ;EAAe,OAAO;IAC5C,oCAAC;EAAM,SAAS;EAAc,OAAM;EAAS,OAAO;IACjD,MACK,EACP,UACC,oCAAC,OACC,OAAO;EACL,OAAO;EACP,QAAQ;EACR,SAAS;EACT,YAAY;EACZ,gBAAgB;EACjB,IAED,oCAAC;EACC,OAAM;EACN,WAAW,QAAQ;EACnB,OAAO;IACR,aAEY,CACT,GACJ,eACF,oCAAC;EACC,SAAQ;EACR,OAAM;EACN,OAAO;EACP,OAAM;IAEL,aACW,GAEd,oCAAC;EAAY,SAAQ;EAAQ,OAAM;EAAS,OAAO;IAChD,YACW,CAEZ"}

package/dist/FluentCell-C7lb2y4Z.js

@@ -1,81 +0,0 @@
-import { UnityFluentIcon } from "./UnityFluentIcon-fuqAQh0C.js";
-import { getIconFromName } from "./TreeUtilities-XLrXtUeL.js";
-import { StatusChip } from "./StatusChip-Bw-0wE_B.js";
-import React from "react";
-import { Box, TableCell, Tooltip, makeStyles, useTheme } from "@material-ui/core";
-import clsx from "clsx";
-import { format } from "date-fns";
-
-//#region src/UI/dataDisplay/FluentDataTable/FluentCell/index.tsx
-const useStyles = makeStyles((theme) => ({
-	labelText: {
-		color: theme.palette.text.primary,
-		fontSize: "12px"
-	},
-	tableCell: {
-		fontSize: "12px",
-		letterSpacing: "0.4px",
-		fontWeight: (props) => props?.bold ? 500 : 400
-	},
-	unityIconWrapper: { gap: theme.spacing(1) }
-}));
-const CellUnityIcon = (props) => {
-	const theme = useTheme();
-	const { icon = "", size = "large", color = theme.palette.primary.main, children } = props;
-	const classes = useStyles(props);
-	return /* @__PURE__ */ React.createElement(FluentCell, props, /* @__PURE__ */ React.createElement(Box, {
-		display: "flex",
-		alignItems: "center",
-		className: classes.unityIconWrapper
-	}, /* @__PURE__ */ React.createElement(UnityFluentIcon, {
-		size,
-		color,
-		icon: getIconFromName(icon)
-	}), children && children));
-};
-const CellImage = (props) => /* @__PURE__ */ React.createElement(FluentCell, props, /* @__PURE__ */ React.createElement("img", {
-	src: props?.src,
-	alt: props?.alt,
-	style: props?.style
-}), props?.title);
-const CellIcon = (props) => /* @__PURE__ */ React.createElement(FluentCell, props, /* @__PURE__ */ React.createElement(React.Fragment, null, props?.label ? /* @__PURE__ */ React.createElement(Box, {
-	display: "flex",
-	alignItems: "center",
-	style: { gap: "8px" }
-}, /* @__PURE__ */ React.createElement(Box, null, props?.icon), props?.label) : props?.icon, props?.children));
-const CellNumber = (props) => /* @__PURE__ */ React.createElement(FluentCell, props, Number(props?.children).toFixed(Number(props?.decimals ?? 2)));
-const CellDate = (props) => /* @__PURE__ */ React.createElement(FluentCell, props, format(new Date(props?.children), props?.format || "MM/dd/yyyy"));
-const CellCurrency = (props) => /* @__PURE__ */ React.createElement(FluentCell, props, props?.currencySymbol || "$", props?.children);
-const CellText = (props) => /* @__PURE__ */ React.createElement(FluentCell, props, props.children);
-const CellChip = (props) => /* @__PURE__ */ React.createElement(FluentCell, props, /* @__PURE__ */ React.createElement(StatusChip, {
-	status: props?.status || "success",
-	label: props?.children
-}));
-const FluentCell = (props) => {
-	const classes = useStyles(props);
-	const { scope = "row", style, align, colSpan, className, tooltip, children } = props;
-	const cellContent = children;
-	return /* @__PURE__ */ React.createElement(TableCell, {
-		scope,
-		className: clsx(classes.tableCell, className),
-		style,
-		align,
-		colSpan
-	}, tooltip ? /* @__PURE__ */ React.createElement(Tooltip, {
-		title: tooltip || "",
-		children: /* @__PURE__ */ React.createElement("span", null, cellContent || "")
-	}) : cellContent);
-};
-FluentCell.UnityIcon = CellUnityIcon;
-FluentCell.Icon = CellIcon;
-FluentCell.Number = CellNumber;
-FluentCell.Text = CellText;
-FluentCell.Currency = CellCurrency;
-FluentCell.Date = CellDate;
-FluentCell.Chip = CellChip;
-FluentCell.Image = CellImage;
-var FluentCell_default = FluentCell;
-
-//#endregion
-export { FluentCell_default };
-//# sourceMappingURL=FluentCell-C7lb2y4Z.js.map

package/dist/FluentCell-C7lb2y4Z.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentCell-C7lb2y4Z.js","names":[],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentCell/index.tsx"],"sourcesContent":["import React, { ReactNode } from 'react';\nimport { Box, makeStyles, TableCell, Theme, useTheme, Tooltip } from '@material-ui/core';\nimport { format } from 'date-fns';\nimport { UnityFluentIcon } from '../../../../utilities/iconLibrary/UnityFluentIcon';\nimport { getIconFromName } from '../../../../utilities/tree/TreeUtilities';\nimport { StatusChip } from '../../StatusChip';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles<Theme, FluentCellProps>((theme) => ({\n  labelText: {\n    color: theme.palette.text.primary,\n    fontSize: '12px'\n  },\n  tableCell: {\n    fontSize: '12px',\n    letterSpacing: '0.4px',\n    fontWeight: (props) => (props?.bold ? 500 : 400)\n  },\n  unityIconWrapper: {\n    gap: theme.spacing(1)\n  }\n}));\n\n/* #region  CellUnityIcon */\n\ninterface CellUnityIconProps extends FluentCellProps {\n  icon: string;\n  size: string;\n  color: string;\n  align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';\n  className?: string;\n}\n\nconst CellUnityIcon = (props: Partial<CellUnityIconProps>) => {\n  const theme = useTheme();\n  const {\n    icon = '',\n    size = 'large',\n    color = theme.palette.primary.main,\n    children\n  } = props;\n  const classes = useStyles(props as FluentCellProps);\n\n  return (\n    <FluentCell {...props}>\n      { /* @ts-ignore */ }\n      <Box display='flex' alignItems='center' className={classes.unityIconWrapper}>\n        <UnityFluentIcon\n          size={size}\n          color={color}\n          icon={getIconFromName(icon)}\n        />\n        {children && children}\n      </Box>\n    </FluentCell>\n  );\n};\n\n/* #endregion */\n\n/* #region  CellIcon */\n\ninterface CellImageProps extends FluentCellProps {\n  src: string;\n  alt: string;\n  title: string;\n  style?: object;\n  children: any;\n}\n\nconst CellImage = (props: CellImageProps) => (\n  <FluentCell {...props}>\n    <img src={props?.src} alt={props?.alt} style={props?.style} />\n    {props?.title}\n  </FluentCell>\n);\n\n/* #endregion */\n\n/* #region  CellIcon */\n\ninterface CellIconProps extends FluentCellProps {\n  icon: any;\n  label: string;\n  style?: object;\n}\n\nconst CellIcon = (props: Partial<CellIconProps>) => (\n  <FluentCell {...props}>\n    <>\n      {props?.label ? (\n      // @ts-ignore\n        <Box display='flex' alignItems='center' style={{ gap: '8px' }}>\n      { /* @ts-ignore */ }\n          <Box>{props?.icon}</Box>\n          {props?.label}\n        </Box>\n      ) : (\n        props?.icon\n      )}\n      {props?.children}\n    </>\n  </FluentCell>\n);\n\n/* #endregion */\n\n/* #region  CellNumber */\n\ninterface CellNumberProps extends FluentCellProps {\n  decimals?: number | string;\n  children: any;\n}\n\nconst CellNumber = (props: CellNumberProps) => (\n  <FluentCell {...props}>\n    {Number(props?.children).toFixed(Number(props?.decimals ?? 2))}\n  </FluentCell>\n);\n\n/* #endregion */\n\n/* #region  CellDate */\n\ninterface CellDateProps extends FluentCellProps {\n  format?: string;\n  children: any;\n}\n\nconst CellDate = (props: CellDateProps) => (\n  <FluentCell {...props}>\n    {format(new Date(props?.children), props?.format || 'MM/dd/yyyy')}\n  </FluentCell>\n);\n\n/* #endregion */\n\n/* #region  CellCurrency */\n\ninterface CellCurrencyProps extends FluentCellProps {\n  currencySymbol?: string;\n  children: any;\n}\n\nconst CellCurrency = (props: CellCurrencyProps) => (\n  <FluentCell {...props}>\n    {props?.currencySymbol || '$'}\n    {props?.children}\n  </FluentCell>\n);\n\n/* #endregion */\n\n/* #region  CellText */\n\ninterface CellTextProps extends FluentCellProps {\n  children: any;\n}\n\nconst CellText = (props: CellTextProps) => (\n  <FluentCell {...props}>{props.children}</FluentCell>\n);\n\n/* #endregion */\n\n/* #region  Chip */\n\ninterface CellChipProps extends FluentCellProps {\n  status?: string;\n  size?: string;\n  children: any;\n}\n\nconst CellChip = (props: CellChipProps) => (\n  <FluentCell {...props}>\n    {/* @ts-ignore */}\n    <StatusChip\n      status={props?.status || 'success'}\n      label={props?.children}\n    />\n  </FluentCell>\n);\n/* #endregion */\n\ninterface FluentCellProps {\n  scope?: string;\n  bold?: boolean;\n  style?: object;\n  align?: 'inherit' | 'left' | 'center' | 'right' | 'justify';\n  children?: ReactNode;\n  className?: string;\n  colSpan?: number;\n  tooltip?: string;\n}\n\nconst FluentCell = (props: FluentCellProps) => {\n  const classes = useStyles(props);\n  const { scope = 'row', style, align, colSpan, className, tooltip, children } = props;\n\n  const cellContent = children;\n\n  return (\n    <TableCell\n      scope={scope}\n      className={clsx(classes.tableCell, className)}\n      style={style}\n      align={align}\n      colSpan={colSpan}\n    >\n      {tooltip ? (\n        <Tooltip title={tooltip || ''} children={<span>{cellContent || ''}</span>} />\n      ) : (\n        cellContent\n      )}\n    </TableCell>\n  );\n};\n\nFluentCell.UnityIcon = CellUnityIcon;\nFluentCell.Icon = CellIcon;\nFluentCell.Number = CellNumber;\nFluentCell.Text = CellText;\nFluentCell.Currency = CellCurrency;\nFluentCell.Date = CellDate;\nFluentCell.Chip = CellChip;\nFluentCell.Image = CellImage;\n\nexport default FluentCell;\n"],"mappings":";;;;;;;;;AAQA,MAAM,YAAY,YAAoC,WAAW;CAC/D,WAAW;EACT,OAAO,MAAM,QAAQ,KAAK;EAC1B,UAAU;EACX;CACD,WAAW;EACT,UAAU;EACV,eAAe;EACf,aAAa,UAAW,OAAO,OAAO,MAAM;EAC7C;CACD,kBAAkB,EAChB,KAAK,MAAM,QAAQ,EAAE,EACtB;CACF,EAAE;AAYH,MAAM,iBAAiB,UAAuC;CAC5D,MAAM,QAAQ,UAAU;CACxB,MAAM,EACJ,OAAO,IACP,OAAO,SACP,QAAQ,MAAM,QAAQ,QAAQ,MAC9B,aACE;CACJ,MAAM,UAAU,UAAU,MAAyB;AAEnD,QACE,oCAAC,YAAe,OAEd,oCAAC;EAAI,SAAQ;EAAO,YAAW;EAAS,WAAW,QAAQ;IACzD,oCAAC;EACO;EACC;EACP,MAAM,gBAAgB,KAAK;GAC3B,EACD,YAAY,SACT,CACK;;AAgBjB,MAAM,aAAa,UACjB,oCAAC,YAAe,OACd,oCAAC;CAAI,KAAK,OAAO;CAAK,KAAK,OAAO;CAAK,OAAO,OAAO;EAAS,EAC7D,OAAO,MACG;AAaf,MAAM,YAAY,UAChB,oCAAC,YAAe,OACd,0DACG,OAAO,QAEN,oCAAC;CAAI,SAAQ;CAAO,YAAW;CAAS,OAAO,EAAE,KAAK,OAAO;GAE3D,oCAAC,WAAK,OAAO,KAAW,EACvB,OAAO,MACJ,GAEN,OAAO,MAER,OAAO,SACP,CACQ;AAYf,MAAM,cAAc,UAClB,oCAAC,YAAe,OACb,OAAO,OAAO,SAAS,CAAC,QAAQ,OAAO,OAAO,YAAY,EAAE,CAAC,CACnD;AAYf,MAAM,YAAY,UAChB,oCAAC,YAAe,OACb,OAAO,IAAI,KAAK,OAAO,SAAS,EAAE,OAAO,UAAU,aAAa,CACtD;AAYf,MAAM,gBAAgB,UACpB,oCAAC,YAAe,OACb,OAAO,kBAAkB,KACzB,OAAO,SACG;AAWf,MAAM,YAAY,UAChB,oCAAC,YAAe,OAAQ,MAAM,SAAsB;AAatD,MAAM,YAAY,UAChB,oCAAC,YAAe,OAEd,oCAAC;CACC,QAAQ,OAAO,UAAU;CACzB,OAAO,OAAO;EACd,CACS;AAef,MAAM,cAAc,UAA2B;CAC7C,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,QAAQ,OAAO,OAAO,OAAO,SAAS,WAAW,SAAS,aAAa;CAE/E,MAAM,cAAc;AAEpB,QACE,oCAAC;EACQ;EACP,WAAW,KAAK,QAAQ,WAAW,UAAU;EACtC;EACA;EACE;IAER,UACC,oCAAC;EAAQ,OAAO,WAAW;EAAI,UAAU,oCAAC,cAAM,eAAe,GAAU;GAAI,GAE7E,YAEQ;;AAIhB,WAAW,YAAY;AACvB,WAAW,OAAO;AAClB,WAAW,SAAS;AACpB,WAAW,OAAO;AAClB,WAAW,WAAW;AACtB,WAAW,OAAO;AAClB,WAAW,OAAO;AAClB,WAAW,QAAQ;AAEnB,yBAAe"}

package/dist/FluentCheckbox-DdPx94AF.js

@@ -1,23 +0,0 @@
-import React from "react";
-import { Checkbox, makeStyles } from "@material-ui/core";
-import { CheckboxCompositeReversedIcon, CheckboxIcon } from "@fluentui/react-icons";
-
-//#region src/UI/inputs/checkbox/FluentCheckbox.jsx
-const useStyles = makeStyles((theme) => ({ box: { fontSize: 18 } }));
-const FluentCheckbox = (props) => {
-	const classes = useStyles(props);
-	const { name, checked, onChange, aria,...otherProps } = props;
-	return /* @__PURE__ */ React.createElement(Checkbox, {
-		...otherProps,
-		name,
-		icon: /* @__PURE__ */ React.createElement(CheckboxIcon, { className: classes.box }),
-		checkedIcon: /* @__PURE__ */ React.createElement(CheckboxCompositeReversedIcon, { className: classes.box }),
-		checked,
-		inputProps: { "aria-label": { aria } },
-		onChange
-	});
-};
-
-//#endregion
-export { FluentCheckbox };
-//# sourceMappingURL=FluentCheckbox-DdPx94AF.js.map

package/dist/FluentCheckbox-DdPx94AF.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentCheckbox-DdPx94AF.js","names":[],"sources":["../src/UI/inputs/checkbox/FluentCheckbox.jsx"],"sourcesContent":["import React from 'react'\nimport { Checkbox, makeStyles } from '@material-ui/core'\nimport {\n  CheckboxIcon,\n  CheckboxCompositeReversedIcon\n} from '@fluentui/react-icons'\n\nconst useStyles = makeStyles((theme) => ({\n  box: {\n    fontSize: 18\n  }\n}))\n\nexport const FluentCheckbox = (props) => {\n  const classes = useStyles(props)\n  const { name, checked, onChange, aria, ...otherProps } = props\n  return (\n    <Checkbox\n      {...otherProps}\n      name={name}\n      icon={<CheckboxIcon className={classes.box} />}\n      checkedIcon={<CheckboxCompositeReversedIcon className={classes.box} />}\n      checked={checked}\n      inputProps={{ 'aria-label': { aria } }}\n      onChange={onChange}\n    />\n  )\n}\n"],"mappings":";;;;;AAOA,MAAM,YAAY,YAAY,WAAW,EACvC,KAAK,EACH,UAAU,IACX,EACF,EAAE;AAEH,MAAa,kBAAkB,UAAU;CACvC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,MAAM,SAAS,UAAU,KAAM,GAAG,eAAe;AACzD,QACE,oCAAC;EACC,GAAI;EACE;EACN,MAAM,oCAAC,gBAAa,WAAW,QAAQ,MAAO;EAC9C,aAAa,oCAAC,iCAA8B,WAAW,QAAQ,MAAO;EAC7D;EACT,YAAY,EAAE,cAAc,EAAE,MAAM,EAAE;EAC5B;GACV"}

package/dist/FluentColorPicker-DWJ1ri6q.js

@@ -1,77 +0,0 @@
-import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
-import React, { useCallback, useState } from "react";
-import { makeStyles } from "@material-ui/core";
-import { SketchPicker } from "react-color";
-import { EyedropperIcon } from "@fluentui/react-icons";
-
-//#region src/UI/inputs/pickers/FluentColorPicker.jsx
-const useStyles = makeStyles((theme) => ({
-	buttonContainer: {
-		display: "flex",
-		alignItems: "center"
-	},
-	color: {
-		width: theme.spacing(3),
-		height: theme.spacing(2),
-		borderRadius: theme.spacing(.25),
-		background: (props) => props.currentColor?.hex ? props.currentColor.hex : props.currentColor
-	},
-	swatch: {
-		display: "flex",
-		alignItems: "center",
-		justifyContent: "space-around",
-		background: "#fff",
-		width: theme.spacing(3.5),
-		height: theme.spacing(2.5),
-		borderRadius: theme.spacing(.25),
-		boxShadow: "0 0 0 1px rgba(0,0,0,.1)",
-		marginLeft: theme.spacing(.5)
-	},
-	popover: {
-		position: "absolute",
-		zIndex: "2"
-	},
-	cover: {
-		position: "fixed",
-		top: "0px",
-		right: "0px",
-		bottom: "0px",
-		left: "0px"
-	}
-}));
-const FluentColorPicker = (props) => {
-	const { handleColorChange, onChange, value } = props;
-	const [displayColorPicker, setDisplayColorPicker] = useState(false);
-	const [currentColor, setCurrentColor] = useState(`${value ? value?.hex ? value.hex : value : ""}`);
-	const classes = useStyles({
-		currentColor,
-		...props
-	});
-	const handleOpen = () => {
-		setDisplayColorPicker(true);
-	};
-	const handleClose = () => {
-		setDisplayColorPicker(false);
-	};
-	const handleChange = useCallback((newColor) => {
-		if (handleColorChange) handleColorChange(newColor);
-		else if (onChange) onChange(newColor.hex);
-		setCurrentColor(newColor.hex);
-	}, [handleColorChange, onChange]);
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.buttonContainer }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		onClick: handleOpen,
-		color: "primary",
-		icon: EyedropperIcon
-	})), /* @__PURE__ */ React.createElement("div", { className: classes.swatch }, /* @__PURE__ */ React.createElement("div", { className: classes.color }))), displayColorPicker ? /* @__PURE__ */ React.createElement("div", { className: classes.popover }, /* @__PURE__ */ React.createElement("div", {
-		className: classes.cover,
-		onClick: handleClose
-	}), /* @__PURE__ */ React.createElement(SketchPicker, {
-		color: currentColor,
-		onChange: handleChange,
-		disableAlpha: true
-	})) : null);
-};
-
-//#endregion
-export { FluentColorPicker };
-//# sourceMappingURL=FluentColorPicker-DWJ1ri6q.js.map

package/dist/FluentColorPicker-DWJ1ri6q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentColorPicker-DWJ1ri6q.js","names":[],"sources":["../src/UI/inputs/pickers/FluentColorPicker.jsx"],"sourcesContent":["//JIRA: UNT-3388, Author: Mithara Silva, Date: 06/09/2023=====\nimport React, { useState, useCallback } from 'react';\nimport { SketchPicker } from 'react-color';\nimport { makeStyles } from '@material-ui/core';\nimport { FluentIconButton } from '../buttons/FluentIconButton';\nimport { EyedropperIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n  buttonContainer: {\n    display: 'flex',\n    alignItems: 'center'\n  },\n  color: {\n    width: theme.spacing(3),\n    height: theme.spacing(2),\n    borderRadius: theme.spacing(0.25),\n    background: (props) => props.currentColor?.hex ? props.currentColor.hex : props.currentColor\n  },\n  swatch: {\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'space-around',\n    background: '#fff',\n    width: theme.spacing(3.5),\n    height: theme.spacing(2.5),\n    borderRadius: theme.spacing(0.25),\n    boxShadow: '0 0 0 1px rgba(0,0,0,.1)',\n    marginLeft: theme.spacing(0.5)\n  },\n  popover: {\n    position: 'absolute',\n    zIndex: '2'\n  },\n  cover: {\n    position: 'fixed',\n    top: '0px',\n    right: '0px',\n    bottom: '0px',\n    left: '0px'\n  }\n}));\n\nexport const FluentColorPicker = (props) => {\n  const { handleColorChange, onChange, value } = props;\n  const [displayColorPicker, setDisplayColorPicker] = useState(false);\n  const [currentColor, setCurrentColor] = useState(`${value ? ( value?.hex ? value.hex : value ) : ''}`);\n  const classes = useStyles({ currentColor: currentColor, ...props });\n\n\n  const handleOpen = () => {\n    setDisplayColorPicker(true);\n  };\n\n  const handleClose = () => {\n    setDisplayColorPicker(false);\n  };\n\n  const handleChange = useCallback(\n    (newColor) => {\n      if (handleColorChange) {\n        handleColorChange(newColor);\n      }\n      else if (onChange) {\n        onChange(newColor.hex);\n      }\n      setCurrentColor(newColor.hex);\n    },\n    [handleColorChange, onChange]\n  );\n\n  return (\n    <div>\n      <div className={classes.buttonContainer}>\n        <div>\n          <FluentIconButton\n            onClick={handleOpen}\n            color='primary'\n            icon={EyedropperIcon}\n          />\n        </div>\n        <div className={classes.swatch}>\n          <div className={classes.color} />\n        </div>\n      </div>\n      {displayColorPicker ? (\n        <div className={classes.popover}>\n          <div className={classes.cover} onClick={handleClose} />\n          <SketchPicker\n            color={currentColor}\n            onChange={handleChange}\n            disableAlpha={true}\n          />\n        </div>\n      ) : null}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAOA,MAAM,YAAY,YAAY,WAAW;CACvC,iBAAiB;EACf,SAAS;EACT,YAAY;EACb;CACD,OAAO;EACL,OAAO,MAAM,QAAQ,EAAE;EACvB,QAAQ,MAAM,QAAQ,EAAE;EACxB,cAAc,MAAM,QAAQ,IAAK;EACjC,aAAa,UAAU,MAAM,cAAc,MAAM,MAAM,aAAa,MAAM,MAAM;EACjF;CACD,QAAQ;EACN,SAAS;EACT,YAAY;EACZ,gBAAgB;EAChB,YAAY;EACZ,OAAO,MAAM,QAAQ,IAAI;EACzB,QAAQ,MAAM,QAAQ,IAAI;EAC1B,cAAc,MAAM,QAAQ,IAAK;EACjC,WAAW;EACX,YAAY,MAAM,QAAQ,GAAI;EAC/B;CACD,SAAS;EACP,UAAU;EACV,QAAQ;EACT;CACD,OAAO;EACL,UAAU;EACV,KAAK;EACL,OAAO;EACP,QAAQ;EACR,MAAM;EACP;CACF,EAAE;AAEH,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EAAE,mBAAmB,UAAU,UAAU;CAC/C,MAAM,CAAC,oBAAoB,yBAAyB,SAAS,MAAM;CACnE,MAAM,CAAC,cAAc,mBAAmB,SAAS,GAAG,QAAU,OAAO,MAAM,MAAM,MAAM,QAAU,KAAK;CACtG,MAAM,UAAU,UAAU;EAAgB;EAAc,GAAG;EAAO,CAAC;CAGnE,MAAM,mBAAmB;AACvB,wBAAsB,KAAK;;CAG7B,MAAM,oBAAoB;AACxB,wBAAsB,MAAM;;CAG9B,MAAM,eAAe,aAClB,aAAa;AACZ,MAAI,kBACF,mBAAkB,SAAS;WAEpB,SACP,UAAS,SAAS,IAAI;AAExB,kBAAgB,SAAS,IAAI;IAE/B,CAAC,mBAAmB,SAAS,CAC9B;AAED,QACE,oCAAC,aACC,oCAAC,SAAI,WAAW,QAAQ,mBACtB,oCAAC,aACC,oCAAC;EACC,SAAS;EACT,OAAM;EACN,MAAM;GACN,CACE,EACN,oCAAC,SAAI,WAAW,QAAQ,UACtB,oCAAC,SAAI,WAAW,QAAQ,QAAS,CAC7B,CACF,EACL,qBACC,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC;EAAI,WAAW,QAAQ;EAAO,SAAS;GAAe,EACvD,oCAAC;EACC,OAAO;EACP,UAAU;EACV,cAAc;GACd,CACE,GACJ,KACA"}

package/dist/FluentDataTable-BwVi4r3o.js

@@ -1 +0,0 @@
-export {  };

package/dist/FluentDataTable-C3A36z2b.js

@@ -1,30 +0,0 @@
-import { FluentBody_default } from "./FluentBody-PdsySA1c.js";
-import { FluentCell_default } from "./FluentCell-C7lb2y4Z.js";
-import { FluentHead_default } from "./FluentHead-BTV-o45z.js";
-import { FluentRow_default } from "./FluentRow-CVqnk9pB.js";
-import React from "react";
-import { Table, TableContainer, makeStyles } from "@material-ui/core";
-
-//#region src/UI/dataDisplay/FluentDataTable/FluentDataTable.tsx
-const useStyles = makeStyles((theme) => ({ root: { maxHeight: (props) => props?.containerMaxHeight } }));
-const FluentDataTable = ((props) => {
-	const { size = "small", style, stickyHeader = false, containerMaxHeight } = props;
-	useStyles({ containerMaxHeight });
-	return /* @__PURE__ */ React.createElement(TableContainer, { style: {
-		maxHeight: containerMaxHeight,
-		height: "100%"
-	} }, /* @__PURE__ */ React.createElement(Table, {
-		"aria-label": "simple table",
-		size,
-		style,
-		stickyHeader
-	}, props?.children));
-});
-FluentDataTable.FluentHead = FluentHead_default;
-FluentDataTable.FluentBody = FluentBody_default;
-FluentDataTable.FluentCell = FluentCell_default;
-FluentDataTable.FluentRow = FluentRow_default;
-
-//#endregion
-export { FluentDataTable };
-//# sourceMappingURL=FluentDataTable-C3A36z2b.js.map

package/dist/FluentDataTable-C3A36z2b.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentDataTable-C3A36z2b.js","names":["FluentHead","FluentBody","FluentCell","FluentRow"],"sources":["../src/UI/dataDisplay/FluentDataTable/FluentDataTable.tsx"],"sourcesContent":["import { Size, Table, TableContainer, makeStyles } from '@material-ui/core';\nimport React, { ReactElement, ReactNode } from 'react';\nimport FluentBody from './FluentBody';\nimport FluentCell from './FluentCell';\nimport FluentHead from './FluentHead';\nimport FluentRow from './FluentRow';\n\ninterface FluentDataTableProps {\n  style?: object;\n  size?: Size | undefined;\n  children: ReactNode;\n  stickyHeader?: boolean;\n  containerMaxHeight?: string | number;\n}\n\ntype FluentDataTableComponent = React.FC<FluentDataTableProps> & {\n  FluentHead: typeof FluentHead;\n  FluentBody: typeof FluentBody;\n  FluentCell: typeof FluentCell;\n  FluentRow: typeof FluentRow;\n};\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    maxHeight: (props: any) => props?.containerMaxHeight\n  }\n}));\n\nexport const FluentDataTable = ((props: FluentDataTableProps): ReactElement => {\n  const { size = 'small', style, stickyHeader = false, containerMaxHeight } = props;\n  const classes = useStyles({ containerMaxHeight });\n  return (\n    <TableContainer\n      style={{ maxHeight: containerMaxHeight, height: '100%'}}\n    >\n      <Table\n        aria-label='simple table'\n        size={size}\n        style={style}\n        stickyHeader={stickyHeader}\n      >\n        {props?.children}\n      </Table>\n    </TableContainer>\n  );\n}) as FluentDataTableComponent;\n\nFluentDataTable.FluentHead = FluentHead;\nFluentDataTable.FluentBody = FluentBody;\nFluentDataTable.FluentCell = FluentCell;\nFluentDataTable.FluentRow = FluentRow;\n"],"mappings":";;;;;;;;AAsBA,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM,EACJ,YAAY,UAAe,OAAO,oBACnC,EACF,EAAE;AAEH,MAAa,oBAAoB,UAA8C;CAC7E,MAAM,EAAE,OAAO,SAAS,OAAO,eAAe,OAAO,uBAAuB;AAC5D,WAAU,EAAE,oBAAoB,CAAC;AACjD,QACE,oCAAC,kBACC,OAAO;EAAE,WAAW;EAAoB,QAAQ;EAAO,IAEvD,oCAAC;EACC,cAAW;EACL;EACC;EACO;IAEb,OAAO,SACF,CACO;;AAIrB,gBAAgB,aAAaA;AAC7B,gBAAgB,aAAaC;AAC7B,gBAAgB,aAAaC;AAC7B,gBAAgB,YAAYC"}

package/dist/FluentDatePicker-BV0xrRuX.js

@@ -1,75 +0,0 @@
-import React, { useCallback } from "react";
-import { InputAdornment, makeStyles } from "@material-ui/core";
-import { KeyboardDatePicker, MuiPickersUtilsProvider } from "@material-ui/pickers";
-import DateFnsUtils from "@date-io/date-fns";
-import { EventDateIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/inputs/pickers/FluentDatePicker.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {},
-	inputRoot: { fontSize: 12 },
-	input: {
-		borderRadius: 2,
-		height: 32,
-		padding: 0,
-		paddingLeft: theme.spacing(1)
-	},
-	formTextInput: { fontSize: 14 },
-	labelRoot: { fontSize: 14 },
-	FormControl: {
-		display: "none",
-		marginTop: 0
-	}
-}));
-const FluentDatePicker = (props) => {
-	const classes = useStyles();
-	const { id, udprecordid, label, startAdornment, endAdornment, handleDateChange: onChangeProp, selectedDate,...otherProps } = props;
-	const onChange = useCallback((e, value) => {
-		return onChangeProp?.(e, value);
-	}, [onChangeProp]);
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils }, /* @__PURE__ */ React.createElement(KeyboardDatePicker, {
-		disableToolbar: true,
-		variant: "inline",
-		format: "MM/dd/yyyy",
-		margin: "normal",
-		id,
-		udprecordid,
-		inputVariant: "outlined",
-		value: selectedDate,
-		onChange,
-		...otherProps,
-		KeyboardButtonProps: {
-			"aria-label": "change date",
-			udprecordid: udprecordid + "-button"
-		},
-		keyboardIcon: /* @__PURE__ */ React.createElement(EventDateIcon, { style: { fontSize: 16 } }),
-		InputProps: {
-			classes: {
-				root: classes.input,
-				input: classes.formTextInput,
-				...props.InputProps?.classes
-			},
-			...props.InputProps,
-			...startAdornment,
-			...endAdornment,
-			startAdornment: /* @__PURE__ */ React.createElement(InputAdornment, {
-				classes: { root: classes.inputRoot },
-				className: classes.inputRoot,
-				position: "start"
-			}, label)
-		},
-		InputLabelProps: {
-			shrink: false,
-			classes: {
-				root: classes.labelRoot,
-				focused: classes.labelFocused
-			}
-		}
-	})));
-};
-FluentDatePicker.propTypes = { label: PropTypes.string.isRequired };
-
-//#endregion
-export { FluentDatePicker };
-//# sourceMappingURL=FluentDatePicker-BV0xrRuX.js.map

package/dist/FluentDatePicker-BV0xrRuX.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentDatePicker-BV0xrRuX.js","names":[],"sources":["../src/UI/inputs/pickers/FluentDatePicker.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { makeStyles, InputAdornment } from '@material-ui/core';\nimport { EventDateIcon } from '@fluentui/react-icons';\nimport {\n  MuiPickersUtilsProvider,\n  KeyboardDatePicker\n} from '@material-ui/pickers';\nimport DateFnsUtils from '@date-io/date-fns';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  inputRoot: {\n    fontSize: 12\n  },\n  input: {\n    borderRadius: 2,\n    height: 32,\n    padding: 0,\n    paddingLeft: theme.spacing(1)\n  },\n  formTextInput: {\n    fontSize: 14\n  },\n  labelRoot: {\n    fontSize: 14\n  },\n  FormControl: {\n    display: 'none',\n    marginTop: 0\n  }\n}));\n\nexport const FluentDatePicker = (props) => {\n  const classes = useStyles();\n  const {\n    id,\n    udprecordid,\n    label,\n    startAdornment,\n    endAdornment,\n    handleDateChange: onChangeProp,\n    selectedDate,\n    ...otherProps\n  } = props;\n\n  const onChange = useCallback(\n    (e, value) => {\n      return onChangeProp?.(e, value);\n    },\n    [onChangeProp]\n  );\n\n  return (\n    <div>\n      <MuiPickersUtilsProvider utils={DateFnsUtils}>\n        <KeyboardDatePicker\n          disableToolbar\n          variant='inline'\n          format='MM/dd/yyyy'\n          margin='normal'\n          id={id}\n          udprecordid={udprecordid}\n          inputVariant='outlined'\n          value={selectedDate}\n          onChange={onChange}\n          {...otherProps}\n          KeyboardButtonProps={{\n            'aria-label': 'change date',\n            udprecordid: udprecordid + '-button'\n          }}\n          keyboardIcon={<EventDateIcon style={{ fontSize: 16 }} />}\n          InputProps={{\n            classes: {\n              root: classes.input,\n              input: classes.formTextInput,\n              ...props.InputProps?.classes\n            },\n            ...props.InputProps,\n            ...startAdornment,\n            ...endAdornment,\n            startAdornment: (\n              <InputAdornment\n                classes={{ root: classes.inputRoot }}\n                className={classes.inputRoot}\n                position='start'\n              >\n                {label}\n              </InputAdornment>\n            )\n          }}\n          InputLabelProps={{\n            shrink: false,\n            classes: {\n              root: classes.labelRoot,\n              focused: classes.labelFocused\n            }\n          }}\n        />\n      </MuiPickersUtilsProvider>\n    </div>\n  );\n};\n\nFluentDatePicker.propTypes = {\n  /**\n   * Adornment label (eg, From: )\n   */\n  label: PropTypes.string.isRequired\n  /**\n   * Id\n   */\n};\n"],"mappings":";;;;;;;;AAUA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,WAAW,EACT,UAAU,IACX;CACD,OAAO;EACL,cAAc;EACd,QAAQ;EACR,SAAS;EACT,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACD,eAAe,EACb,UAAU,IACX;CACD,WAAW,EACT,UAAU,IACX;CACD,aAAa;EACX,SAAS;EACT,WAAW;EACZ;CACF,EAAE;AAEH,MAAa,oBAAoB,UAAU;CACzC,MAAM,UAAU,WAAW;CAC3B,MAAM,EACJ,IACA,aACA,OACA,gBACA,cACA,kBAAkB,cAClB,aACA,GAAG,eACD;CAEJ,MAAM,WAAW,aACd,GAAG,UAAU;AACZ,SAAO,eAAe,GAAG,MAAM;IAEjC,CAAC,aAAa,CACf;AAED,QACE,oCAAC,aACC,oCAAC,2BAAwB,OAAO,gBAC9B,oCAAC;EACC;EACA,SAAQ;EACR,QAAO;EACP,QAAO;EACH;EACS;EACb,cAAa;EACb,OAAO;EACG;EACV,GAAI;EACJ,qBAAqB;GACnB,cAAc;GACd,aAAa,cAAc;GAC5B;EACD,cAAc,oCAAC,iBAAc,OAAO,EAAE,UAAU,IAAI,GAAI;EACxD,YAAY;GACV,SAAS;IACP,MAAM,QAAQ;IACd,OAAO,QAAQ;IACf,GAAG,MAAM,YAAY;IACtB;GACD,GAAG,MAAM;GACT,GAAG;GACH,GAAG;GACH,gBACE,oCAAC;IACC,SAAS,EAAE,MAAM,QAAQ,WAAW;IACpC,WAAW,QAAQ;IACnB,UAAS;MAER,MACc;GAEpB;EACD,iBAAiB;GACf,QAAQ;GACR,SAAS;IACP,MAAM,QAAQ;IACd,SAAS,QAAQ;IAClB;GACF;GACD,CACsB,CACtB;;AAIV,iBAAiB,YAAY,EAI3B,OAAO,UAAU,OAAO,YAIzB"}