udp-react-enterprise-component-library 25.18.1-beta.6 → 25.18.1-beta.61

package/dist/FluentStatsSnippet-BuDlbH0Q.js

@@ -1,83 +0,0 @@
-import React from "react";
-import { Typography, colors, makeStyles } from "@material-ui/core";
-import round from "@extra-number/round";
-import DownArrow from "@material-ui/icons/esm/ArrowDownward";
-import UpArrow from "@material-ui/icons/esm/ArrowUpward";
-
-//#region src/UI/widgets/FluentComponents/atoms/FluentTrendArrow.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	root: {},
-	DownArrow: {
-		color: colors.red[500],
-		fontSize: 16
-	},
-	UpArrow: {
-		color: colors.green[500],
-		fontSize: 16
-	}
-}));
-const FluentTrendArrow = (props) => {
-	const { type } = props;
-	const classes = useStyles$1();
-	let trend = "";
-	switch (type) {
-		case "up":
-			trend = /* @__PURE__ */ React.createElement(UpArrow, { className: classes.UpArrow });
-			break;
-		case "down":
-			trend = /* @__PURE__ */ React.createElement(DownArrow, { className: classes.DownArrow });
-			break;
-		default:
-	}
-	return trend;
-};
-var FluentTrendArrow_default = FluentTrendArrow;
-
-//#endregion
-//#region src/UI/widgets/FluentComponents/atoms/FluentStatsSnippet.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {},
-	percent: {
-		display: "flex",
-		flexDirection: "row",
-		marginTop: theme.spacing(-.5)
-	},
-	arrow: {
-		display: "flex",
-		flexDirection: "column",
-		justifyContent: "center"
-	},
-	percentAmount: {}
-}));
-const FluentStatsSnippet = (props) => {
-	const classes = useStyles(props);
-	const { label, amount: rawAmount, prevAmount, percent: percentProp, trend: trendProp } = props;
-	let amount = rawAmount;
-	if (Math.abs(rawAmount) > 1e6) {
-		let newNumber = rawAmount / 1e6;
-		amount = [Math.round(newNumber * 10) / 10, "M"];
-	} else if (Math.abs(rawAmount) > 1e3) {
-		let newNumber = rawAmount / 1e3;
-		amount = [Math.round(newNumber * 10) / 10, "K"];
-	}
-	let percent = percentProp;
-	let trend = trendProp;
-	if (typeof prevAmount === "number") {
-		const ratio = (rawAmount - prevAmount) / prevAmount;
-		percent = Math.abs(round(ratio * 100, Math.abs(ratio) < .01 ? .01 : 1)) + "%";
-		trend = ratio < 0 ? "down" : "up";
-	}
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "overline",
-		component: "div"
-	}, label), /* @__PURE__ */ React.createElement(Typography, {
-		className: classes.stat,
-		variant: "h5",
-		component: "div"
-	}, amount), /* @__PURE__ */ React.createElement("div", { className: classes.percent }, /* @__PURE__ */ React.createElement("div", { className: classes.arrow }, /* @__PURE__ */ React.createElement(FluentTrendArrow_default, { type: trend })), /* @__PURE__ */ React.createElement("div", { className: classes.percentAmount }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, percent))));
-};
-var FluentStatsSnippet_default = FluentStatsSnippet;
-
-//#endregion
-export { FluentStatsSnippet_default as t };
-//# sourceMappingURL=FluentStatsSnippet-BuDlbH0Q.js.map

package/dist/FluentStatsSnippet-BuDlbH0Q.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentStatsSnippet-BuDlbH0Q.js","names":["useStyles","FluentTrendArrow"],"sources":["../src/UI/widgets/FluentComponents/atoms/FluentTrendArrow.jsx","../src/UI/widgets/FluentComponents/atoms/FluentStatsSnippet.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, colors } from '@material-ui/core';\nimport DownArrow from '@material-ui/icons/esm/ArrowDownward';\nimport UpArrow from '@material-ui/icons/esm/ArrowUpward';\n\nconst useStyles = makeStyles(theme => ({\n  root: {},\n  DownArrow: {\n    color: colors.red[500],\n    fontSize: 16,\n  },\n  UpArrow: {\n    color: colors.green[500],\n    fontSize: 16,\n  },\n}));\n\nconst FluentTrendArrow = props => {\n  const { type } = props;\n  const classes = useStyles();\n\n  let trend = '';\n\n  switch (type) {\n    case 'up':\n      trend = <UpArrow className={classes.UpArrow} />;\n      break;\n    case 'down':\n      trend = <DownArrow className={classes.DownArrow} />;\n      break;\n    default:\n  }\n\n  return trend;\n};\nexport default FluentTrendArrow;\n","import React from 'react';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport round from '@extra-number/round';\nimport FluentTrendArrow from './FluentTrendArrow';\n\nconst useStyles = makeStyles(theme => ({\n  root: {},\n  percent: {\n    display: 'flex',\n    flexDirection: 'row',\n    marginTop: theme.spacing(-0.5),\n  },\n  arrow: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n  },\n  percentAmount: {},\n}));\n\nconst FluentStatsSnippet = props => {\n  const classes = useStyles(props);\n  const {\n    label,\n    amount: rawAmount,\n    prevAmount,\n    percent: percentProp,\n    trend: trendProp,\n  } = props;\n\n  // @todo Use an Intl formatter\n  let amount = rawAmount;\n  // TODO: Revisit below after Tampa Demo\n  if (Math.abs(rawAmount) > 1_000_000) {\n    //amount = Math.floor(rawAmount / 1_000_000) + 'M';\n    let newNumber = rawAmount / 1_000_000;\n    amount = [Math.round(newNumber * 10) / 10, 'M'];\n  } else if (Math.abs(rawAmount) > 1_000) {\n    //amount = Math.floor(rawAmount / 1_000) + 'K';\n    let newNumber = rawAmount / 1_000;\n    amount = [Math.round(newNumber * 10) / 10, 'K'];\n  }\n\n  let percent = percentProp;\n  let trend = trendProp;\n  if (typeof prevAmount === 'number') {\n    const ratio = (rawAmount - prevAmount) / prevAmount;\n\n    percent =\n      Math.abs(round(ratio * 100, Math.abs(ratio) < 0.01 ? 0.01 : 1)) + '%';\n    trend = ratio < 0 ? 'down' : 'up';\n  }\n\n  return (\n    <div className={classes.root}>\n      <Typography variant=\"overline\" component=\"div\">\n        {label}\n      </Typography>\n      <Typography className={classes.stat} variant=\"h5\" component=\"div\">\n        {amount}\n      </Typography>\n      <div className={classes.percent}>\n        <div className={classes.arrow}>\n          <FluentTrendArrow type={trend} />\n        </div>\n        <div className={classes.percentAmount}>\n          <Typography variant=\"caption\">{percent}</Typography>\n        </div>\n      </div>\n    </div>\n  );\n};\nexport default FluentStatsSnippet;\n"],"mappings":";;;;;;;AAKA,MAAMA,cAAY,YAAW,WAAU;CACrC,MAAM,EAAE;CACR,WAAW;EACT,OAAO,OAAO,IAAI;EAClB,UAAU;EACX;CACD,SAAS;EACP,OAAO,OAAO,MAAM;EACpB,UAAU;EACX;CACF,EAAE;AAEH,MAAM,oBAAmB,UAAS;CAChC,MAAM,EAAE,SAAS;CACjB,MAAM,UAAUA,aAAW;CAE3B,IAAI,QAAQ;AAEZ,SAAQ,MAAR;EACE,KAAK;AACH,WAAQ,oCAAC,WAAQ,WAAW,QAAQ,UAAW;AAC/C;EACF,KAAK;AACH,WAAQ,oCAAC,aAAU,WAAW,QAAQ,YAAa;AACnD;EACF;;AAGF,QAAO;;AAET,+BAAe;;;;AC9Bf,MAAM,YAAY,YAAW,WAAU;CACrC,MAAM,EAAE;CACR,SAAS;EACP,SAAS;EACT,eAAe;EACf,WAAW,MAAM,QAAQ,IAAK;EAC/B;CACD,OAAO;EACL,SAAS;EACT,eAAe;EACf,gBAAgB;EACjB;CACD,eAAe,EAAE;CAClB,EAAE;AAEH,MAAM,sBAAqB,UAAS;CAClC,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,OACA,QAAQ,WACR,YACA,SAAS,aACT,OAAO,cACL;CAGJ,IAAI,SAAS;AAEb,KAAI,KAAK,IAAI,UAAU,GAAG,KAAW;EAEnC,IAAI,YAAY,YAAY;AAC5B,WAAS,CAAC,KAAK,MAAM,YAAY,GAAG,GAAG,IAAI,IAAI;YACtC,KAAK,IAAI,UAAU,GAAG,KAAO;EAEtC,IAAI,YAAY,YAAY;AAC5B,WAAS,CAAC,KAAK,MAAM,YAAY,GAAG,GAAG,IAAI,IAAI;;CAGjD,IAAI,UAAU;CACd,IAAI,QAAQ;AACZ,KAAI,OAAO,eAAe,UAAU;EAClC,MAAM,SAAS,YAAY,cAAc;AAEzC,YACE,KAAK,IAAI,MAAM,QAAQ,KAAK,KAAK,IAAI,MAAM,GAAG,MAAO,MAAO,EAAE,CAAC,GAAG;AACpE,UAAQ,QAAQ,IAAI,SAAS;;AAG/B,QACE,oCAAC,SAAI,WAAW,QAAQ,QACtB,oCAAC;EAAW,SAAQ;EAAW,WAAU;IACtC,MACU,EACb,oCAAC;EAAW,WAAW,QAAQ;EAAM,SAAQ;EAAK,WAAU;IACzD,OACU,EACb,oCAAC,SAAI,WAAW,QAAQ,WACtB,oCAAC,SAAI,WAAW,QAAQ,SACtB,oCAACC,4BAAiB,MAAM,QAAS,CAC7B,EACN,oCAAC,SAAI,WAAW,QAAQ,iBACtB,oCAAC,cAAW,SAAQ,aAAW,QAAqB,CAChD,CACF,CACF;;AAGV,iCAAe"}

package/dist/FluentTabPanel-Co7I1NkL.js

@@ -1,24 +0,0 @@
-import React from "react";
-import { Box, Typography } from "@material-ui/core";
-import PropTypes from "prop-types";
-
-//#region src/UI/navigation/tabs/defaultTabs/FluentTabPanel.jsx
-const FluentTabPanel = (props) => {
-	const { children, value, persistant, index, p = 0,...other } = props;
-	return /* @__PURE__ */ React.createElement("div", {
-		role: "tabpanel",
-		hidden: value !== index,
-		id: `simple-tabpanel-${index}`,
-		"aria-labelledby": `simple-tab-${index}`,
-		...other
-	}, (value === index || persistant) && /* @__PURE__ */ React.createElement(Box, { p }, /* @__PURE__ */ React.createElement(Typography, { component: "div" }, children)));
-};
-FluentTabPanel.propTypes = {
-	children: PropTypes.node,
-	index: PropTypes.any.isRequired,
-	value: PropTypes.any.isRequired
-};
-
-//#endregion
-export { FluentTabPanel as t };
-//# sourceMappingURL=FluentTabPanel-Co7I1NkL.js.map

package/dist/FluentTabPanel-Co7I1NkL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentTabPanel-Co7I1NkL.js","names":[],"sources":["../src/UI/navigation/tabs/defaultTabs/FluentTabPanel.jsx"],"sourcesContent":["import React from 'react'\nimport PropTypes from 'prop-types'\nimport { Typography, Box } from '@material-ui/core'\n\nexport const FluentTabPanel = (props) => {\n  const { children, value, persistant, index, p = 0, ...other } = props\n\n  return (\n    <div\n      role='tabpanel'\n      hidden={value !== index}\n      id={`simple-tabpanel-${index}`}\n      aria-labelledby={`simple-tab-${index}`}\n      {...other}\n    >\n      {(value === index || persistant) && (\n        <Box p={p}>\n          <Typography component='div'>{children}</Typography>\n        </Box>\n      )}\n    </div>\n  )\n}\n\nFluentTabPanel.propTypes = {\n  children: PropTypes.node,\n  index: PropTypes.any.isRequired,\n  value: PropTypes.any.isRequired\n}\n"],"mappings":";;;;;AAIA,MAAa,kBAAkB,UAAU;CACvC,MAAM,EAAE,UAAU,OAAO,YAAY,OAAO,IAAI,EAAG,GAAG,UAAU;AAEhE,QACE,oCAAC;EACC,MAAK;EACL,QAAQ,UAAU;EAClB,IAAI,mBAAmB;EACvB,mBAAiB,cAAc;EAC/B,GAAI;KAEF,UAAU,SAAS,eACnB,oCAAC,OAAO,KACN,oCAAC,cAAW,WAAU,SAAO,SAAsB,CAC/C,CAEJ;;AAIV,eAAe,YAAY;CACzB,UAAU,UAAU;CACpB,OAAO,UAAU,IAAI;CACrB,OAAO,UAAU,IAAI;CACtB"}

package/dist/FluentTabUtility-CARkHefk.js

@@ -1,55 +0,0 @@
-import { n as FluentSimpleTab, t as FluentSimpleTabs } from "./FluentSimpleTabs-N5j1mM48.js";
-import { t as FluentTabPanel } from "./FluentTabPanel-Co7I1NkL.js";
-import React, { useState } from "react";
-import { makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-
-//#region src/UI/navigation/tabs/defaultTabs/FluentTabUtility.jsx
-function a11yProps(index) {
-	return {
-		id: `simple-tab-${index}`,
-		"aria-controls": `simple-tabpanel-${index}`
-	};
-}
-const useStyles = makeStyles((theme) => ({ root: {
-	flexGrow: 1,
-	backgroundColor: theme.palette.background.paper
-} }));
-const FluentTabUtility = (props, ...otherProps) => {
-	const classes = useStyles();
-	const { TabList, block, className, variant, color, FluentSimpleTabsProps } = props;
-	const [value, setValue] = useState(0);
-	const handleChange = (event, newValue) => {
-		setValue(newValue);
-	};
-	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement(FluentSimpleTabs, {
-		value,
-		block,
-		onChange: handleChange,
-		...FluentSimpleTabsProps,
-		...otherProps
-	}, TabList.map((item, index) => {
-		return /* @__PURE__ */ React.createElement(FluentSimpleTab, {
-			...otherProps,
-			key: index,
-			label: item.label,
-			icon: item.icon,
-			block,
-			badgeContent: item.badgeContent,
-			variant,
-			color,
-			...a11yProps(index)
-		});
-	})), TabList.map((item, index) => {
-		return /* @__PURE__ */ React.createElement(FluentTabPanel, {
-			block,
-			value,
-			index,
-			key: index
-		}, item.child);
-	}));
-};
-
-//#endregion
-export { FluentTabUtility as t };
-//# sourceMappingURL=FluentTabUtility-CARkHefk.js.map

package/dist/FluentTabUtility-CARkHefk.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentTabUtility-CARkHefk.js","names":[],"sources":["../src/UI/navigation/tabs/defaultTabs/FluentTabUtility.jsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { FluentSimpleTabs } from '../defaultTabs/FluentSimpleTabs';\nimport { FluentSimpleTab } from '../defaultTabs/FluentSimpleTab';\nimport { FluentTabPanel } from '../defaultTabs/FluentTabPanel';\nimport clsx from 'clsx';\n\nfunction a11yProps(index) {\n  return {\n    id: `simple-tab-${index}`,\n    'aria-controls': `simple-tabpanel-${index}`\n  };\n}\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    flexGrow: 1,\n    backgroundColor: theme.palette.background.paper\n  }\n}));\n\nexport const FluentTabUtility = (props, ...otherProps) => {\n  const classes = useStyles();\n  const { TabList, block, className, variant, color, FluentSimpleTabsProps } =\n    props;\n\n  const [value, setValue] = useState(0);\n\n  const handleChange = (event, newValue) => {\n    setValue(newValue);\n  };\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <FluentSimpleTabs\n        value={value}\n        block={block}\n        onChange={handleChange}\n        {...FluentSimpleTabsProps}\n        {...otherProps}\n      >\n        {TabList.map((item, index) => {\n          return (\n            <FluentSimpleTab\n              {...otherProps}\n              key={index}\n              label={item.label}\n              icon={item.icon}\n              block={block}\n              badgeContent={item.badgeContent}\n              variant={variant}\n              color={color}\n              {...a11yProps(index)}\n            />\n          );\n        })}\n      </FluentSimpleTabs>\n\n      {TabList.map((item, index) => {\n        return (\n          <FluentTabPanel block={block} value={value} index={index} key={index}>\n            {item.child}\n          </FluentTabPanel>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAOA,SAAS,UAAU,OAAO;AACxB,QAAO;EACL,IAAI,cAAc;EAClB,iBAAiB,mBAAmB;EACrC;;AAGH,MAAM,YAAY,YAAY,WAAW,EACvC,MAAM;CACJ,UAAU;CACV,iBAAiB,MAAM,QAAQ,WAAW;CAC3C,EACF,EAAE;AAEH,MAAa,oBAAoB,OAAO,GAAG,eAAe;CACxD,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,SAAS,OAAO,WAAW,SAAS,OAAO,0BACjD;CAEF,MAAM,CAAC,OAAO,YAAY,SAAS,EAAE;CAErC,MAAM,gBAAgB,OAAO,aAAa;AACxC,WAAS,SAAS;;AAGpB,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,MAAM,UAAU,IAC3C,oCAAC;EACQ;EACA;EACP,UAAU;EACV,GAAI;EACJ,GAAI;IAEH,QAAQ,KAAK,MAAM,UAAU;AAC5B,SACE,oCAAC;GACC,GAAI;GACJ,KAAK;GACL,OAAO,KAAK;GACZ,MAAM,KAAK;GACJ;GACP,cAAc,KAAK;GACV;GACF;GACP,GAAI,UAAU,MAAM;IACpB;GAEJ,CACe,EAElB,QAAQ,KAAK,MAAM,UAAU;AAC5B,SACE,oCAAC;GAAsB;GAAc;GAAc;GAAO,KAAK;KAC5D,KAAK,MACS;GAEnB,CACE"}

package/dist/FluentTextField-vCX3f3zJ.js

@@ -1,68 +0,0 @@
-import React, { forwardRef } from "react";
-import { TextField, makeStyles } from "@material-ui/core";
-
-//#region src/UI/inputs/textField/FluentTextField.jsx
-const useStyles = makeStyles((theme) => ({
-	input: {
-		borderRadius: 2,
-		height: (props) => !props.multiline && !Array.isArray(props.value) && 32,
-		padding: (props) => !props.multiline && 0,
-		marginTop: 3
-	},
-	formTextInput: { fontSize: 14 },
-	labelRoot: { fontSize: 14 },
-	FormControl: {
-		display: "none",
-		marginTop: 0
-	},
-	root: {
-		marginTop: 25,
-		"& .MuiFormLabel-root": {
-			marginTop: -27,
-			marginLeft: -15
-		},
-		"& .MuiInputAdornment-root": { paddingLeft: theme.spacing(1) }
-	},
-	noLabel: { marginTop: theme.spacing(1) }
-}));
-const FluentTextFieldComponent = (props, ref) => {
-	const classes = useStyles(props);
-	const { id, label, startAdornment, endAdornment, udprecordid, inputProps,...InputProps } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: label ? classes.root : classes.noLabel }, /* @__PURE__ */ React.createElement(TextField, {
-		...InputProps,
-		id,
-		variant: "outlined",
-		size: "small",
-		inputRef: ref,
-		margin: "dense",
-		label,
-		classes: { label: classes.label },
-		inputProps: {
-			id,
-			udprecordid,
-			...inputProps
-		},
-		InputProps: {
-			classes: {
-				root: classes.input,
-				input: classes.formTextInput,
-				...props.InputProps?.classes
-			},
-			...props.InputProps,
-			...startAdornment,
-			...endAdornment
-		},
-		InputLabelProps: {
-			shrink: false,
-			classes: {
-				root: classes.labelRoot,
-				focused: classes.labelFocused
-			}
-		}
-	}));
-};
-const FluentTextField = forwardRef(FluentTextFieldComponent);
-
-//#endregion
-export { FluentTextFieldComponent as n, FluentTextField as t };
-//# sourceMappingURL=FluentTextField-vCX3f3zJ.js.map

package/dist/FluentTextField-vCX3f3zJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentTextField-vCX3f3zJ.js","names":[],"sources":["../src/UI/inputs/textField/FluentTextField.jsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport { makeStyles, TextField } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  input: {\n    borderRadius: 2,\n    height: (props) => !props.multiline && !Array.isArray(props.value) && 32, // multiline or multiselect\n    padding: (props) => !props.multiline && 0,\n    marginTop: 3\n  },\n  formTextInput: {\n    fontSize: 14\n  },\n  labelRoot: {\n    fontSize: 14\n  },\n  FormControl: {\n    display: 'none',\n    marginTop: 0\n  },\n  root: {\n    marginTop: 25,\n    '& .MuiFormLabel-root': {\n      marginTop: -27,\n      marginLeft: -15\n    },\n    '& .MuiInputAdornment-root': {\n      paddingLeft: theme.spacing(1)\n    }\n  },\n  noLabel: {\n    marginTop: theme.spacing(1)\n  }\n}));\n\nexport const FluentTextFieldComponent = (props, ref) => {\n  const classes = useStyles(props);\n  const {\n    id,\n    label,\n    startAdornment,\n    endAdornment,\n    udprecordid,\n    inputProps,\n    ...InputProps\n  } = props;\n  return (\n    <div className={label ? classes.root : classes.noLabel}>\n      <TextField\n        {...InputProps}\n        id={id}\n        variant='outlined'\n        size='small'\n        inputRef={ref}\n        margin='dense'\n        label={label}\n        classes={{ label: classes.label }}\n        inputProps={{ id: id, udprecordid: udprecordid, ...inputProps }}\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        }}\n        InputLabelProps={{\n          shrink: false,\n          classes: {\n            root: classes.labelRoot,\n            focused: classes.labelFocused\n          }\n        }}\n      />\n    </div>\n  );\n};\n\nexport const FluentTextField = forwardRef(FluentTextFieldComponent);\n"],"mappings":";;;;AAGA,MAAM,YAAY,YAAY,WAAW;CACvC,OAAO;EACL,cAAc;EACd,SAAS,UAAU,CAAC,MAAM,aAAa,CAAC,MAAM,QAAQ,MAAM,MAAM,IAAI;EACtE,UAAU,UAAU,CAAC,MAAM,aAAa;EACxC,WAAW;EACZ;CACD,eAAe,EACb,UAAU,IACX;CACD,WAAW,EACT,UAAU,IACX;CACD,aAAa;EACX,SAAS;EACT,WAAW;EACZ;CACD,MAAM;EACJ,WAAW;EACX,wBAAwB;GACtB,WAAW;GACX,YAAY;GACb;EACD,6BAA6B,EAC3B,aAAa,MAAM,QAAQ,EAAE,EAC9B;EACF;CACD,SAAS,EACP,WAAW,MAAM,QAAQ,EAAE,EAC5B;CACF,EAAE;AAEH,MAAa,4BAA4B,OAAO,QAAQ;CACtD,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EACJ,IACA,OACA,gBACA,cACA,aACA,WACA,GAAG,eACD;AACJ,QACE,oCAAC,SAAI,WAAW,QAAQ,QAAQ,OAAO,QAAQ,WAC7C,oCAAC;EACC,GAAI;EACA;EACJ,SAAQ;EACR,MAAK;EACL,UAAU;EACV,QAAO;EACA;EACP,SAAS,EAAE,OAAO,QAAQ,OAAO;EACjC,YAAY;GAAM;GAAiB;GAAa,GAAG;GAAY;EAC/D,YAAY;GACV,SAAS;IACP,MAAM,QAAQ;IACd,OAAO,QAAQ;IACf,GAAG,MAAM,YAAY;IACtB;GACD,GAAG,MAAM;GACT,GAAG;GACH,GAAG;GACJ;EACD,iBAAiB;GACf,QAAQ;GACR,SAAS;IACP,MAAM,QAAQ;IACd,SAAS,QAAQ;IAClB;GACF;GACD,CACE;;AAIV,MAAa,kBAAkB,WAAW,yBAAyB"}

package/dist/FluentTextFieldAutoComplete-g8jRczF9.js

@@ -1,100 +0,0 @@
-import React, { useCallback, useState } from "react";
-import { Popper, TextField, makeStyles } from "@material-ui/core";
-import Autocomplete from "@material-ui/lab/Autocomplete";
-import clsx from "clsx";
-
-//#region src/UI/inputs/textField/FluentTextFieldAutoComplete.jsx
-const useStyles = makeStyles((theme) => ({
-	formTextInput: { fontSize: 14 },
-	labelRoot: { fontSize: 14 }
-}));
-const AutoCompletePopper = (props) => {
-	return /* @__PURE__ */ React.createElement(Popper, {
-		...props,
-		placement: "bottom-start"
-	});
-};
-const FluentTextFieldAutoComplete = (props) => {
-	const { label, placeholder, options, textFieldProps, disabled, onChange: onChangeProp, value, optionKey, additionalOnChangeAction, classes: classProps, variant = "outlined", inputProps, inputPropClasses, customPopper, disableClearable = false, defaultValue, additionalOptionKey, isMultiple = false, limitTags, renderTags, optionLabelDisplayFunction = (option) => option, groupBy = null, size = "medium", id, udprecordid, freeSolo = false, formatUserInputValue,...other } = props;
-	const classes = useStyles();
-	const { autocompleteRoot } = classProps || {};
-	const [inputValue, setInputValue] = useState("");
-	const onChange = useCallback((e, value$1) => {
-		if (additionalOnChangeAction) additionalOnChangeAction(value$1);
-		return onChangeProp?.(value$1);
-	}, [onChangeProp, additionalOnChangeAction]);
-	const handleInputChange = useCallback((e, newInputValue) => {
-		setInputValue(newInputValue ?? "");
-	}, []);
-	const handleClose = useCallback((event, reason) => {
-		if (!freeSolo) return;
-		if (isMultiple) return;
-		if (value && typeof value === "object") return;
-		const raw = (inputValue || "").trim();
-		if (!raw) return;
-		if (reason === "blur" || reason === "enter" || reason === "create-option") {
-			const updatedValue = formatUserInputValue ? formatUserInputValue(raw) : raw;
-			if (additionalOnChangeAction) additionalOnChangeAction(updatedValue);
-			onChangeProp?.(updatedValue);
-		}
-	}, [
-		freeSolo,
-		isMultiple,
-		value,
-		inputValue,
-		formatUserInputValue,
-		additionalOnChangeAction,
-		onChangeProp
-	]);
-	return /* @__PURE__ */ React.createElement(Autocomplete, {
-		id: "autocomplete",
-		multiple: isMultiple,
-		limitTags,
-		disabled,
-		options: options || [],
-		getOptionLabel: (option) => option && (optionKey ? `${optionLabelDisplayFunction(option[optionKey])}${additionalOptionKey ? ` - (${option[additionalOptionKey]})` : ""}` : optionLabelDisplayFunction(option) || ""),
-		getOptionSelected: (option, val) => optionKey ? option[optionKey] === val[optionKey] : option === val,
-		groupBy,
-		onChange,
-		inputValue,
-		onInputChange: handleInputChange,
-		onClose: handleClose,
-		value: value || (isMultiple ? [] : null),
-		className: autocompleteRoot,
-		classes: { root: classProps?.formControl },
-		PopperComponent: customPopper || AutoCompletePopper,
-		disableClearable,
-		defaultValue,
-		size,
-		renderInput: (params) => /* @__PURE__ */ React.createElement(TextField, {
-			...textFieldProps,
-			...params,
-			...other,
-			inputProps: {
-				...params.inputProps,
-				id,
-				udprecordid
-			},
-			label,
-			margin: "dense",
-			variant,
-			placeholder,
-			size: "small",
-			InputProps: {
-				...params.InputProps,
-				...inputProps,
-				classes: {
-					root: classProps?.inputPropRoot,
-					input: clsx(classes.formTextInput, classProps?.inputPropInput)
-				}
-			},
-			InputLabelProps: { classes: { root: clsx(classes.labelRoot, classProps?.formLabelRoot) } }
-		}),
-		renderTags,
-		freeSolo
-	});
-};
-
-//#endregion
-export { FluentTextFieldAutoComplete as t };
-//# sourceMappingURL=FluentTextFieldAutoComplete-g8jRczF9.js.map

package/dist/FluentTextFieldAutoComplete-g8jRczF9.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentTextFieldAutoComplete-g8jRczF9.js","names":["value"],"sources":["../src/UI/inputs/textField/FluentTextFieldAutoComplete.jsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport React, { useCallback, useState } from 'react';\nimport { TextField, makeStyles, Popper } from '@material-ui/core';\nimport Autocomplete from '@material-ui/lab/Autocomplete';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  formTextInput: {\n    fontSize: 14\n  },\n  labelRoot: {\n    fontSize: 14\n  }\n}));\n\nconst AutoCompletePopper = (props) => {\n  return <Popper {...props} placement='bottom-start' />;\n};\n\nexport const FluentTextFieldAutoComplete = (props) => {\n  const {\n    label,\n    placeholder,\n    options,\n    textFieldProps,\n    disabled,\n    onChange: onChangeProp,\n    value,\n    optionKey,\n    additionalOnChangeAction,\n    classes: classProps,\n    variant = 'outlined',\n    inputProps,\n    inputPropClasses,\n    customPopper,\n    disableClearable = false,\n    defaultValue,\n    additionalOptionKey,\n    isMultiple = false,\n    limitTags,\n    renderTags,\n    optionLabelDisplayFunction = (option) => option,\n    groupBy = null,\n    size = 'medium',\n    id,\n    udprecordid,\n    freeSolo = false,\n    formatUserInputValue,\n    ...other\n  } = props;\n\n  const classes = useStyles();\n  const { autocompleteRoot } = classProps || {};\n  const [inputValue, setInputValue] = useState('');\n\n  const onChange = useCallback(\n    (e, value) => {\n      if (additionalOnChangeAction) {\n        additionalOnChangeAction(value);\n      }\n      return onChangeProp?.(value);\n    },\n    [onChangeProp, additionalOnChangeAction]\n  );\n\n  const handleInputChange = useCallback((e, newInputValue) => {\n    setInputValue(newInputValue ?? '');\n  }, []);\n\n  const handleClose = useCallback(\n    (event, reason) => {\n      if (!freeSolo) return;\n      if (isMultiple) return;\n\n      if (value && typeof value === 'object') return;\n\n      const raw = (inputValue || '').trim();\n      if (!raw) return;\n\n      if (\n        reason === 'blur' ||\n        reason === 'enter' ||\n        reason === 'create-option'\n      ) {\n        const updatedValue = formatUserInputValue\n          ? formatUserInputValue(raw)\n          : raw;\n        if (additionalOnChangeAction) additionalOnChangeAction(updatedValue);\n        onChangeProp?.(updatedValue);\n      }\n    },\n    [\n      freeSolo,\n      isMultiple,\n      value,\n      inputValue,\n      formatUserInputValue,\n      additionalOnChangeAction,\n      onChangeProp\n    ]\n  );\n\n  return (\n    <Autocomplete\n      id='autocomplete'\n      multiple={isMultiple}\n      limitTags={limitTags}\n      disabled={disabled}\n      options={options || []}\n      getOptionLabel={(option) =>\n        option &&\n        (optionKey\n          ? `${optionLabelDisplayFunction(option[optionKey])}${\n              additionalOptionKey ? ` - (${option[additionalOptionKey]})` : ''\n            }`\n          : optionLabelDisplayFunction(option) || '')\n      }\n      getOptionSelected={(option, val) =>\n        optionKey ? option[optionKey] === val[optionKey] : option === val\n      }\n      groupBy={groupBy}\n      onChange={onChange}\n      inputValue={inputValue}\n      onInputChange={handleInputChange}\n      onClose={handleClose}\n      value={value || (isMultiple ? [] : null)}\n      className={autocompleteRoot}\n      classes={{\n        root: classProps?.formControl\n      }}\n      PopperComponent={customPopper || AutoCompletePopper}\n      disableClearable={disableClearable}\n      defaultValue={defaultValue}\n      size={size}\n      renderInput={(params) => (\n        <TextField\n          {...textFieldProps}\n          {...params}\n          {...other}\n          inputProps={{\n            ...params.inputProps,\n            id: id,\n            udprecordid: udprecordid\n          }}\n          label={label}\n          margin='dense'\n          variant={variant}\n          placeholder={placeholder}\n          size='small'\n          InputProps={{\n            ...params.InputProps,\n            ...inputProps,\n            classes: {\n              root: classProps?.inputPropRoot,\n              input: clsx(classes.formTextInput, classProps?.inputPropInput)\n            }\n          }}\n          InputLabelProps={{\n            classes: {\n              root: clsx(classes.labelRoot, classProps?.formLabelRoot)\n            }\n          }}\n        />\n      )}\n      renderTags={renderTags}\n      freeSolo={freeSolo}\n    />\n  );\n};\n"],"mappings":";;;;;;AAMA,MAAM,YAAY,YAAY,WAAW;CACvC,eAAe,EACb,UAAU,IACX;CACD,WAAW,EACT,UAAU,IACX;CACF,EAAE;AAEH,MAAM,sBAAsB,UAAU;AACpC,QAAO,oCAAC;EAAO,GAAI;EAAO,WAAU;GAAiB;;AAGvD,MAAa,+BAA+B,UAAU;CACpD,MAAM,EACJ,OACA,aACA,SACA,gBACA,UACA,UAAU,cACV,OACA,WACA,0BACA,SAAS,YACT,UAAU,YACV,YACA,kBACA,cACA,mBAAmB,OACnB,cACA,qBACA,aAAa,OACb,WACA,YACA,8BAA8B,WAAW,QACzC,UAAU,MACV,OAAO,UACP,IACA,aACA,WAAW,OACX,qBACA,GAAG,UACD;CAEJ,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,qBAAqB,cAAc,EAAE;CAC7C,MAAM,CAAC,YAAY,iBAAiB,SAAS,GAAG;CAEhD,MAAM,WAAW,aACd,GAAG,YAAU;AACZ,MAAI,yBACF,0BAAyBA,QAAM;AAEjC,SAAO,eAAeA,QAAM;IAE9B,CAAC,cAAc,yBAAyB,CACzC;CAED,MAAM,oBAAoB,aAAa,GAAG,kBAAkB;AAC1D,gBAAc,iBAAiB,GAAG;IACjC,EAAE,CAAC;CAEN,MAAM,cAAc,aACjB,OAAO,WAAW;AACjB,MAAI,CAAC,SAAU;AACf,MAAI,WAAY;AAEhB,MAAI,SAAS,OAAO,UAAU,SAAU;EAExC,MAAM,OAAO,cAAc,IAAI,MAAM;AACrC,MAAI,CAAC,IAAK;AAEV,MACE,WAAW,UACX,WAAW,WACX,WAAW,iBACX;GACA,MAAM,eAAe,uBACjB,qBAAqB,IAAI,GACzB;AACJ,OAAI,yBAA0B,0BAAyB,aAAa;AACpE,kBAAe,aAAa;;IAGhC;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACD,CACF;AAED,QACE,oCAAC;EACC,IAAG;EACH,UAAU;EACC;EACD;EACV,SAAS,WAAW,EAAE;EACtB,iBAAiB,WACf,WACC,YACG,GAAG,2BAA2B,OAAO,WAAW,GAC9C,sBAAsB,OAAO,OAAO,qBAAqB,KAAK,OAEhE,2BAA2B,OAAO,IAAI;EAE5C,oBAAoB,QAAQ,QAC1B,YAAY,OAAO,eAAe,IAAI,aAAa,WAAW;EAEvD;EACC;EACE;EACZ,eAAe;EACf,SAAS;EACT,OAAO,UAAU,aAAa,EAAE,GAAG;EACnC,WAAW;EACX,SAAS,EACP,MAAM,YAAY,aACnB;EACD,iBAAiB,gBAAgB;EACf;EACJ;EACR;EACN,cAAc,WACZ,oCAAC;GACC,GAAI;GACJ,GAAI;GACJ,GAAI;GACJ,YAAY;IACV,GAAG,OAAO;IACN;IACS;IACd;GACM;GACP,QAAO;GACE;GACI;GACb,MAAK;GACL,YAAY;IACV,GAAG,OAAO;IACV,GAAG;IACH,SAAS;KACP,MAAM,YAAY;KAClB,OAAO,KAAK,QAAQ,eAAe,YAAY,eAAe;KAC/D;IACF;GACD,iBAAiB,EACf,SAAS,EACP,MAAM,KAAK,QAAQ,WAAW,YAAY,cAAc,EACzD,EACF;IACD;EAEQ;EACF;GACV"}

package/dist/FluentTimePicker-Bmts2cQ0.js

@@ -1,67 +0,0 @@
-import React from "react";
-import { InputAdornment, makeStyles } from "@material-ui/core";
-import { KeyboardTimePicker, 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/FluentTimePicker.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 FluentTimePicker = (props) => {
-	const classes = useStyles();
-	const { id, label, startAdornment, endAdornment,...otherProps } = props;
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils }, /* @__PURE__ */ React.createElement(KeyboardTimePicker, {
-		variant: "inline",
-		margin: "normal",
-		...otherProps,
-		id,
-		inputVariant: "outlined",
-		KeyboardButtonProps: { "aria-label": "change date" },
-		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
-			}
-		}
-	})));
-};
-FluentTimePicker.propTypes = {
-	label: PropTypes.string,
-	id: PropTypes.string
-};
-
-//#endregion
-export { FluentTimePicker as t };
-//# sourceMappingURL=FluentTimePicker-Bmts2cQ0.js.map

package/dist/FluentTimePicker-Bmts2cQ0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentTimePicker-Bmts2cQ0.js","names":[],"sources":["../src/UI/inputs/pickers/FluentTimePicker.jsx"],"sourcesContent":["import React from 'react'\nimport { KeyboardTimePicker } from '@material-ui/pickers'\nimport { makeStyles, InputAdornment } from '@material-ui/core'\nimport { EventDateIcon } from '@fluentui/react-icons'\nimport { MuiPickersUtilsProvider } 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 FluentTimePicker = (props) => {\n  const classes = useStyles()\n  const { id, label, startAdornment, endAdornment, ...otherProps } = props\n\n  return (\n    <div>\n      <MuiPickersUtilsProvider utils={DateFnsUtils}>\n        <KeyboardTimePicker\n          variant='inline'\n          margin='normal'\n          {...otherProps}\n          id={id}\n          inputVariant='outlined'\n          KeyboardButtonProps={{\n            'aria-label': 'change date'\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\nFluentTimePicker.propTypes = {\n  /**\n   * Adornment label (eg, From: )\n   */\n  label: PropTypes.string,\n  /**\n   * Id\n   */\n  id: PropTypes.string\n}\n"],"mappings":";;;;;;;;AAQA,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,EAAE,IAAI,OAAO,gBAAgB,aAAc,GAAG,eAAe;AAEnE,QACE,oCAAC,aACC,oCAAC,2BAAwB,OAAO,gBAC9B,oCAAC;EACC,SAAQ;EACR,QAAO;EACP,GAAI;EACA;EACJ,cAAa;EACb,qBAAqB,EACnB,cAAc,eACf;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;CAI3B,OAAO,UAAU;CAIjB,IAAI,UAAU;CACf"}

package/dist/FluentTimeline-CiDvNDHN.js

@@ -1,92 +0,0 @@
-import React, { Fragment } from "react";
-import { Avatar, Typography, colors, makeStyles } from "@material-ui/core";
-import clsx from "clsx";
-
-//#region src/UI/widgets/utils/NumberVisualization.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	root: {
-		minWidth: 30,
-		minHeight: 30,
-		maxWidth: 70,
-		maxHeight: 70,
-		color: theme?.palette?.primary?.dark
-	},
-	positive: { backgroundColor: (props) => colors.teal[Math.ceil(props.number * 5 / 100) * 100] },
-	negative: { backgroundColor: (props) => colors.deepOrange[Math.abs(Math.ceil(props.number * 5 / 100) * 100)] }
-}));
-const NumberVisualization = (props) => {
-	const classes = useStyles$1(props);
-	const { number } = props;
-	let displayCircle = "";
-	if (number > 0) displayCircle = /* @__PURE__ */ React.createElement(Avatar, {
-		className: clsx(classes.root, classes.positive),
-		style: {
-			width: number * 2,
-			height: number * 2
-		}
-	}, number);
-	else displayCircle = /* @__PURE__ */ React.createElement(Avatar, {
-		className: clsx(classes.root, classes.negative),
-		style: {
-			width: number * 2,
-			height: number * 2
-		}
-	}, number);
-	return /* @__PURE__ */ React.createElement(Fragment, null, " ", displayCircle, " ");
-};
-var NumberVisualization_default = NumberVisualization;
-
-//#endregion
-//#region src/UI/widgets/FluentComponents/molecules/FluentTimeline.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		flexDirection: "row",
-		marginTop: theme.spacing(3),
-		marginLeft: theme.spacing(2),
-		overflow: "auto"
-	},
-	dot: {
-		width: 10,
-		height: 10,
-		backgroundColor: "white",
-		borderRadius: theme.shape.borderRadius + 25,
-		marginTop: theme.spacing(1)
-	},
-	timeLabels: { color: "white" },
-	indicator: {
-		display: "flex",
-		flexDirection: "column",
-		justifyContent: "flex-end",
-		marginRight: theme.spacing(2),
-		textAlign: "center",
-		alignItems: "center"
-	}
-}));
-const TimeDot = (props) => {
-	const classes = useStyles();
-	const { dot } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: classes.indicator }, /* @__PURE__ */ React.createElement("div", { className: classes.dot }), /* @__PURE__ */ React.createElement("div", { className: classes.timeLabels }, /* @__PURE__ */ React.createElement(Typography, { variant: "overline" }, dot)));
-};
-const Visualization = (props) => {
-	const classes = useStyles();
-	const { value, label } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: classes.indicator }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(NumberVisualization_default, { number: value })), /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(TimeDot, { dot: label })));
-};
-const categoriesToDisplay = (categories) => categories.map((item) => {
-	return /* @__PURE__ */ React.createElement(Visualization, {
-		key: item.label,
-		value: item.value,
-		label: item.label
-	});
-});
-const FluentTimeline = (props) => {
-	const classes = useStyles();
-	const { categories } = props;
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, categoriesToDisplay(categories));
-};
-var FluentTimeline_default = FluentTimeline;
-
-//#endregion
-export { FluentTimeline_default as t };
-//# sourceMappingURL=FluentTimeline-CiDvNDHN.js.map

package/dist/FluentTimeline-CiDvNDHN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FluentTimeline-CiDvNDHN.js","names":["useStyles","NumberVisualization"],"sources":["../src/UI/widgets/utils/NumberVisualization.jsx","../src/UI/widgets/FluentComponents/molecules/FluentTimeline.jsx"],"sourcesContent":["import React, { Fragment } from 'react'\nimport { Avatar, colors, makeStyles } from '@material-ui/core'\nimport clsx from 'clsx'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    minWidth: 30,\n    minHeight: 30,\n    maxWidth: 70,\n    maxHeight: 70,\n    // color: theme.palette.getContrastText(theme.palette.primary.dark),\n    color: theme?.palette?.primary?.dark\n  },\n  positive: {\n    backgroundColor: (props) =>\n      colors.teal[Math.ceil((props.number * 5) / 100) * 100]\n  },\n  negative: {\n    backgroundColor: (props) =>\n      colors.deepOrange[Math.abs(Math.ceil((props.number * 5) / 100) * 100)]\n  }\n}))\n\nconst NumberVisualization = (props) => {\n  const classes = useStyles(props)\n  const { number } = props\n\n  let displayCircle = ''\n\n  if (number > 0) {\n    displayCircle = (\n      <Avatar\n        className={clsx(classes.root, classes.positive)}\n        style={{\n          width: number * 2,\n          height: number * 2\n        }}\n      >\n        {number}\n      </Avatar>\n    )\n  } else {\n    displayCircle = (\n      <Avatar\n        className={clsx(classes.root, classes.negative)}\n        style={{\n          width: number * 2,\n          height: number * 2\n        }}\n      >\n        {number}\n      </Avatar>\n    )\n  }\n\n  return <Fragment> {displayCircle} </Fragment>\n}\nexport default NumberVisualization\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport NumberVisualization from '../../utils/NumberVisualization'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    marginTop: theme.spacing(3),\n    marginLeft: theme.spacing(2),\n    overflow: 'auto'\n  },\n  dot: {\n    width: 10,\n    height: 10,\n    backgroundColor: 'white',\n    borderRadius: theme.shape.borderRadius + 25,\n    marginTop: theme.spacing(1)\n  },\n  timeLabels: {\n    color: 'white'\n  },\n  indicator: {\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'flex-end',\n    marginRight: theme.spacing(2),\n    textAlign: 'center',\n    alignItems: 'center'\n  }\n}))\n\nconst TimeDot = (props) => {\n  const classes = useStyles()\n  const { dot } = props\n  return (\n    <div className={classes.indicator}>\n      <div className={classes.dot} />\n      <div className={classes.timeLabels}>\n        <Typography variant='overline'>{dot}</Typography>\n      </div>\n    </div>\n  )\n}\n\nconst Visualization = (props) => {\n  const classes = useStyles()\n  const { value, label } = props\n  return (\n    <div className={classes.indicator}>\n      <div>\n        <NumberVisualization number={value} />\n      </div>\n      <div>\n        <TimeDot dot={label} />\n      </div>\n    </div>\n  )\n}\n\nconst categoriesToDisplay = (categories) =>\n  categories.map((item) => {\n    return (\n      <Visualization key={item.label} value={item.value} label={item.label} />\n    )\n  })\n\nconst FluentTimeline = (props) => {\n  const classes = useStyles()\n  const { categories } = props\n\n  return <div className={classes.root}>{categoriesToDisplay(categories)}</div>\n}\nexport default FluentTimeline\n"],"mappings":";;;;;AAIA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM;EACJ,UAAU;EACV,WAAW;EACX,UAAU;EACV,WAAW;EAEX,OAAO,OAAO,SAAS,SAAS;EACjC;CACD,UAAU,EACR,kBAAkB,UAChB,OAAO,KAAK,KAAK,KAAM,MAAM,SAAS,IAAK,IAAI,GAAG,MACrD;CACD,UAAU,EACR,kBAAkB,UAChB,OAAO,WAAW,KAAK,IAAI,KAAK,KAAM,MAAM,SAAS,IAAK,IAAI,GAAG,IAAI,GACxE;CACF,EAAE;AAEH,MAAM,uBAAuB,UAAU;CACrC,MAAM,UAAUA,YAAU,MAAM;CAChC,MAAM,EAAE,WAAW;CAEnB,IAAI,gBAAgB;AAEpB,KAAI,SAAS,EACX,iBACE,oCAAC;EACC,WAAW,KAAK,QAAQ,MAAM,QAAQ,SAAS;EAC/C,OAAO;GACL,OAAO,SAAS;GAChB,QAAQ,SAAS;GAClB;IAEA,OACM;KAGX,iBACE,oCAAC;EACC,WAAW,KAAK,QAAQ,MAAM,QAAQ,SAAS;EAC/C,OAAO;GACL,OAAO,SAAS;GAChB,QAAQ,SAAS;GAClB;IAEA,OACM;AAIb,QAAO,oCAAC,gBAAS,KAAE,eAAc,IAAY;;AAE/C,kCAAe;;;;ACrDf,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,eAAe;EACf,WAAW,MAAM,QAAQ,EAAE;EAC3B,YAAY,MAAM,QAAQ,EAAE;EAC5B,UAAU;EACX;CACD,KAAK;EACH,OAAO;EACP,QAAQ;EACR,iBAAiB;EACjB,cAAc,MAAM,MAAM,eAAe;EACzC,WAAW,MAAM,QAAQ,EAAE;EAC5B;CACD,YAAY,EACV,OAAO,SACR;CACD,WAAW;EACT,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,aAAa,MAAM,QAAQ,EAAE;EAC7B,WAAW;EACX,YAAY;EACb;CACF,EAAE;AAEH,MAAM,WAAW,UAAU;CACzB,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,QAAQ;AAChB,QACE,oCAAC,SAAI,WAAW,QAAQ,aACtB,oCAAC,SAAI,WAAW,QAAQ,MAAO,EAC/B,oCAAC,SAAI,WAAW,QAAQ,cACtB,oCAAC,cAAW,SAAQ,cAAY,IAAiB,CAC7C,CACF;;AAIV,MAAM,iBAAiB,UAAU;CAC/B,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,OAAO,UAAU;AACzB,QACE,oCAAC,SAAI,WAAW,QAAQ,aACtB,oCAAC,aACC,oCAACC,+BAAoB,QAAQ,QAAS,CAClC,EACN,oCAAC,aACC,oCAAC,WAAQ,KAAK,QAAS,CACnB,CACF;;AAIV,MAAM,uBAAuB,eAC3B,WAAW,KAAK,SAAS;AACvB,QACE,oCAAC;EAAc,KAAK,KAAK;EAAO,OAAO,KAAK;EAAO,OAAO,KAAK;GAAS;EAE1E;AAEJ,MAAM,kBAAkB,UAAU;CAChC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,eAAe;AAEvB,QAAO,oCAAC,SAAI,WAAW,QAAQ,QAAO,oBAAoB,WAAW,CAAO;;AAE9E,6BAAe"}