udp-react-enterprise-component-library 25.16.2 → 25.18.1-beta.1

package/dist/theme-Cglg2APV.js

@@ -1,286 +0,0 @@
-import { i as verticalSecondary, n as useTypeScale, r as verticalPrimary, t as greyScale } from "./verticalStyles-Dw8XL1HT.js";
-import React, { useCallback, useMemo, useState } from "react";
-import { CssBaseline, lighten } from "@material-ui/core";
-import _ from "lodash";
-import { createTheme } from "@material-ui/core/styles";
-import MuiThemeProvider from "@material-ui/styles/esm/ThemeProvider";
-
-//#region src/utilities/stringUtils.js
-/**
-* stringToProps
-*
-* @export
-* @param {*} stringProperties
-* @return {*}
-*/
-function stringToProps(stringProperties) {
-	if (!stringProperties) throw new Error("No properties found");
-	let configObject = {};
-	try {
-		const configArray = JSON.parse(stringProperties);
-		configObject = _.fromPairs(configArray.map((item) => {
-			return [_.camelCase(item.key || item.Key), _.has(item, "Value") ? item.Value : item.value || ""];
-		}));
-	} catch (error) {
-		return { error: error.message };
-	}
-	return { attributes: configObject };
-}
-
-//#endregion
-//#region src/utilities/systemColors.js
-const useSystemColor = () => {
-	const [color] = useState({
-		info: "rgb(15, 98, 254)",
-		error: "rgb(218, 30, 40)",
-		warning: "rgb(255, 131, 43)",
-		success: "rgb(36, 161, 72)"
-	});
-	return [color];
-};
-
-//#endregion
-//#region src/utilities/theme.jsx
-/**
-* Custom MUI theme provider
-*/
-const ThemeProvider = ({ children }) => {
-	const [h1, h2, h3, h4, h5, h6, body1, body2, subtitle1, subtitle2, subtitle3, button, caption, caption2, overline] = useTypeScale();
-	const [currentTheme, setCurrentTheme] = useState("");
-	const [mode, setMode] = useState("light");
-	const getThemeData = useCallback(() => {
-		return {
-			mode,
-			currentTheme
-		};
-	}, [mode, currentTheme]);
-	const theme = useMemo(() => {
-		const { augmentColor } = createTheme().palette;
-		const primary = verticalPrimary(currentTheme?.toLowerCase());
-		const secondary = verticalSecondary(currentTheme?.toLowerCase());
-		return {
-			...createTheme({
-				...createTheme({
-					palette: {
-						type: mode,
-						primary: {
-							main: primary,
-							light: lighten(primary, .8)
-						},
-						secondary: { main: secondary },
-						appBar: augmentColor({ main: "#021b38" }),
-						background: {
-							default: greyScale(mode),
-							footer: "#021b38"
-						}
-					},
-					dimensions: { drawerWidth: 200 },
-					typography: { fontFamily: [
-						"Segoe UI",
-						"Roboto",
-						"Noto",
-						"Helvetica Neue",
-						"Helvetica",
-						"Ubuntu",
-						"Arial",
-						"sans-serif",
-						"Apple Color Emoji",
-						"Segoe UI Emoji",
-						"Segoe UI Symbol"
-					].map((item) => item.includes(" ") ? `"${item}"` : item).join(", ") },
-					mixins: {},
-					props: { MuiTextField: {
-						margin: "normal",
-						variant: "filled",
-						fullWidth: true
-					} }
-				}),
-				overrides: {
-					MuiCssBaseline: { "@global": {
-						"*::-webkit-scrollbar": {
-							height: 8,
-							width: 8,
-							backgroundColor: "#fff"
-						},
-						"*::-webkit-scrollbar-track": { backgroundColor: "#fff" },
-						"*::-webkit-scrollbar-track:hover": { backgroundColor: "#f4f4f4" },
-						"*::-webkit-scrollbar-thumb": {
-							backgroundColor: "#babac0",
-							borderRadius: 16,
-							border: "2px solid #fff"
-						},
-						"*::-webkit-scrollbar-thumb:hover": {
-							backgroundColor: "#a0a0a5",
-							border: "2px solid #f4f4f4"
-						}
-					} },
-					MuiTypography: {
-						h1: {
-							fontSize: h1.size,
-							fontWeight: h1.weight,
-							lineHeight: h1.lineHeight,
-							letterSpacing: h1.letterSpacing
-						},
-						h2: {
-							fontSize: h2.size,
-							fontWeight: h2.weight,
-							lineHeight: h2.lineHeight,
-							letterSpacing: h2.letterSpacing
-						},
-						h3: {
-							fontSize: h3.size,
-							fontWeight: h3.weight,
-							lineHeight: h3.lineHeight,
-							letterSpacing: h3.letterSpacing
-						},
-						h4: {
-							fontSize: h4.size,
-							fontWeight: h4.weight,
-							lineHeight: h4.lineHeight,
-							letterSpacing: h4.letterSpacing
-						},
-						h5: {
-							fontSize: h5.size,
-							fontWeight: h5.weight,
-							lineHeight: h5.lineHeight,
-							letterSpacing: h5.letterSpacing
-						},
-						h6: {
-							fontSize: h6.size,
-							fontWeight: h6.weight,
-							lineHeight: h6.lineHeight,
-							letterSpacing: h6.letterSpacing
-						},
-						subtitle1: {
-							fontSize: subtitle1.size,
-							fontWeight: subtitle1.weight,
-							lineHeight: subtitle1.lineHeight,
-							letterSpacing: subtitle1.letterSpacing
-						},
-						subtitle2: {
-							fontSize: subtitle2.size,
-							fontWeight: subtitle2.weight,
-							lineHeight: subtitle2.lineHeight,
-							letterSpacing: subtitle2.letterSpacing
-						},
-						subtitle3: {
-							fontSize: subtitle3.size,
-							fontWeight: subtitle3.weight,
-							lineHeight: subtitle3.lineHeight,
-							letterSpacing: subtitle3.letterSpacing
-						},
-						body1: {
-							fontSize: body1.size,
-							fontWeight: body1.weight,
-							lineHeight: body1.lineHeight,
-							letterSpacing: body1.letterSpacing
-						},
-						body2: {
-							fontSize: body2.size,
-							fontWeight: body2.weight,
-							lineHeight: body2.lineHeight,
-							letterSpacing: body2.letterSpacing
-						},
-						button: {
-							fontSize: button.size,
-							fontWeight: button.weight,
-							lineHeight: button.lineHeight,
-							letterSpacing: button.letterSpacing
-						},
-						caption: {
-							fontSize: caption.size,
-							fontWeight: caption.weight,
-							lineHeight: caption.lineHeight,
-							letterSpacing: caption.letterSpacing
-						},
-						caption2: {
-							fontSize: caption2.size,
-							fontWeight: caption2.weight,
-							lineHeight: caption2.lineHeight,
-							letterSpacing: caption2.letterSpacing
-						},
-						overline: {
-							fontSize: overline.size,
-							fontWeight: overline.weight,
-							lineHeight: overline.lineHeight,
-							letterSpacing: overline.letterSpacing
-						}
-					}
-				}
-			}),
-			setCurrentTheme,
-			isInitialized: currentTheme !== "",
-			setMode,
-			getThemeData
-		};
-	}, [
-		body1.letterSpacing,
-		body1.lineHeight,
-		body1.size,
-		body1.weight,
-		body2.letterSpacing,
-		body2.lineHeight,
-		body2.size,
-		body2.weight,
-		button.letterSpacing,
-		button.lineHeight,
-		button.size,
-		button.weight,
-		caption.letterSpacing,
-		caption.lineHeight,
-		caption.size,
-		caption.weight,
-		caption2.letterSpacing,
-		caption2.lineHeight,
-		caption2.size,
-		caption2.weight,
-		h1.letterSpacing,
-		h1.lineHeight,
-		h1.size,
-		h1.weight,
-		h2.letterSpacing,
-		h2.lineHeight,
-		h2.size,
-		h2.weight,
-		h3.letterSpacing,
-		h3.lineHeight,
-		h3.size,
-		h3.weight,
-		h4.letterSpacing,
-		h4.lineHeight,
-		h4.size,
-		h4.weight,
-		h5.letterSpacing,
-		h5.lineHeight,
-		h5.size,
-		h5.weight,
-		h6.letterSpacing,
-		h6.lineHeight,
-		h6.size,
-		h6.weight,
-		overline.letterSpacing,
-		overline.lineHeight,
-		overline.size,
-		overline.weight,
-		subtitle1.letterSpacing,
-		subtitle1.lineHeight,
-		subtitle1.size,
-		subtitle1.weight,
-		subtitle2.letterSpacing,
-		subtitle2.lineHeight,
-		subtitle2.size,
-		subtitle2.weight,
-		subtitle3.letterSpacing,
-		subtitle3.lineHeight,
-		subtitle3.size,
-		subtitle3.weight,
-		currentTheme,
-		mode,
-		getThemeData
-	]);
-	return /* @__PURE__ */ React.createElement(MuiThemeProvider, { theme }, /* @__PURE__ */ React.createElement(CssBaseline, null), children);
-};
-
-//#endregion
-export { useSystemColor as n, stringToProps as r, ThemeProvider as t };
-//# sourceMappingURL=theme-Cglg2APV.js.map

package/dist/theme-Cglg2APV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"theme-Cglg2APV.js","names":[],"sources":["../src/utilities/stringUtils.js","../src/utilities/systemColors.js","../src/utilities/theme.jsx"],"sourcesContent":["import _ from 'lodash';\n\n/**\n * stringToProps\n *\n * @export\n * @param {*} stringProperties\n * @return {*}\n */\nexport function stringToProps(stringProperties) {\n  if (!stringProperties) {\n    throw new Error('No properties found');\n  }\n\n  let configObject = {};\n\n  try {\n    // Parse the JSON string into an array of objects\n    const configArray = JSON.parse(stringProperties);\n\n    configObject = _.fromPairs(\n      configArray.map((item) => {\n        // Normalize the key to camelCase, regardless of its original casing\n        const key = _.camelCase(item.key || item.Key);\n        const value = _.has(item, 'Value') ? item.Value : item.value || '';\n        return [key, value];\n      })\n    );\n  } catch (error) {\n    return { error: error.message };\n  }\n\n  return { attributes: configObject };\n}\n","import { useState } from 'react'\n\nexport const useSystemColor = () => {\n  const [color] = useState({\n    info: 'rgb(15, 98, 254)',\n    error: 'rgb(218, 30, 40)',\n    warning: 'rgb(255, 131, 43)',\n    success: 'rgb(36, 161, 72)'\n  })\n\n  return [color]\n}\n","import React, { useCallback, useMemo, useState } from 'react';\nimport { CssBaseline, lighten } from '@material-ui/core';\nimport {default as MuiThemeProvider } from '@material-ui/styles/esm/ThemeProvider';\nimport { createTheme } from '@material-ui/core/styles';\nimport { verticalPrimary, verticalSecondary } from './style/verticalStyles';\nimport { useTypeScale } from './style/verticalStyles';\nimport { greyScale } from './style/verticalStyles';\n/**\n * Custom MUI theme provider\n */\nexport const ThemeProvider = ({ children }) => {\n  const [\n    h1,\n    h2,\n    h3,\n    h4,\n    h5,\n    h6,\n    body1,\n    body2,\n    subtitle1,\n    subtitle2,\n    subtitle3,\n    button,\n    caption,\n    caption2,\n    overline\n  ] = useTypeScale();\n  const [currentTheme, setCurrentTheme] = useState('');\n  const [mode, setMode] = useState('light');\n\n  const getThemeData = useCallback(() => {\n    return { mode, currentTheme };\n  }, [mode, currentTheme]);\n\n  const theme = useMemo(() => {\n    const { augmentColor } = createTheme().palette;\n\n    const primary = verticalPrimary(currentTheme?.toLowerCase());\n    const secondary = verticalSecondary(currentTheme?.toLowerCase());\n\n    const coreTheme = createTheme({\n      palette: {\n        type: mode,\n        primary: {\n          main: primary,\n          light: lighten(primary, 0.8)\n        },\n        secondary: {\n          main: secondary\n        },\n        appBar: augmentColor({\n          main: '#021b38'\n        }),\n        background: {\n          default: greyScale(mode),\n          footer: '#021b38'\n        }\n      },\n      dimensions: {\n        drawerWidth: 200\n      },\n      typography: {\n        fontFamily: [\n          // Webfont\n          // System font stack\n          // '-apple-system',\n          // 'BlinkMacSystemFont',\n          'Segoe UI',\n          'Roboto',\n          'Noto',\n          'Helvetica Neue',\n          'Helvetica',\n          'Ubuntu',\n          'Arial',\n          'sans-serif',\n          'Apple Color Emoji',\n          'Segoe UI Emoji',\n          'Segoe UI Symbol'\n        ]\n          .map((item) => (item.includes(' ') ? `\"${item}\"` : item))\n          .join(', ')\n      },\n      mixins: {\n        // toolbar: {\n        //   minHeight: 48,\n        //   padding: 0\n        // }\n      },\n      props: {\n        MuiTextField: {\n          margin: 'normal',\n          variant: 'filled',\n          fullWidth: true\n        }\n      }\n    });\n\n    const fullTheme = createTheme({\n      ...coreTheme,\n      overrides: {\n        MuiCssBaseline: {\n          '@global': {\n            '*::-webkit-scrollbar': {\n              height: 8,\n              width: 8,\n              backgroundColor: '#fff'\n            },\n            '*::-webkit-scrollbar-track': {\n              backgroundColor: '#fff'\n            },\n            '*::-webkit-scrollbar-track:hover': {\n              backgroundColor: '#f4f4f4'\n            },\n            '*::-webkit-scrollbar-thumb': {\n              backgroundColor: '#babac0',\n              borderRadius: 16,\n              border: '2px solid #fff'\n            },\n            '*::-webkit-scrollbar-thumb:hover': {\n              backgroundColor: '#a0a0a5',\n              border: '2px solid #f4f4f4'\n            }\n          }\n        },\n        MuiTypography: {\n          h1: {\n            fontSize: h1.size,\n            fontWeight: h1.weight,\n            lineHeight: h1.lineHeight,\n            letterSpacing: h1.letterSpacing\n          },\n          h2: {\n            fontSize: h2.size,\n            fontWeight: h2.weight,\n            lineHeight: h2.lineHeight,\n            letterSpacing: h2.letterSpacing\n          },\n          h3: {\n            fontSize: h3.size,\n            fontWeight: h3.weight,\n            lineHeight: h3.lineHeight,\n            letterSpacing: h3.letterSpacing\n          },\n          h4: {\n            fontSize: h4.size,\n            fontWeight: h4.weight,\n            lineHeight: h4.lineHeight,\n            letterSpacing: h4.letterSpacing\n          },\n\n          h5: {\n            fontSize: h5.size,\n            fontWeight: h5.weight,\n            lineHeight: h5.lineHeight,\n            letterSpacing: h5.letterSpacing\n          },\n          h6: {\n            fontSize: h6.size,\n            fontWeight: h6.weight,\n            lineHeight: h6.lineHeight,\n            letterSpacing: h6.letterSpacing\n          },\n          subtitle1: {\n            fontSize: subtitle1.size,\n            fontWeight: subtitle1.weight,\n            lineHeight: subtitle1.lineHeight,\n            letterSpacing: subtitle1.letterSpacing\n          },\n          subtitle2: {\n            fontSize: subtitle2.size,\n            fontWeight: subtitle2.weight,\n            lineHeight: subtitle2.lineHeight,\n            letterSpacing: subtitle2.letterSpacing\n          },\n          subtitle3: {\n            fontSize: subtitle3.size,\n            fontWeight: subtitle3.weight,\n            lineHeight: subtitle3.lineHeight,\n            letterSpacing: subtitle3.letterSpacing\n          },\n          body1: {\n            fontSize: body1.size,\n            fontWeight: body1.weight,\n            lineHeight: body1.lineHeight,\n            letterSpacing: body1.letterSpacing\n          },\n          body2: {\n            fontSize: body2.size,\n            fontWeight: body2.weight,\n            lineHeight: body2.lineHeight,\n            letterSpacing: body2.letterSpacing\n          },\n          button: {\n            fontSize: button.size,\n            fontWeight: button.weight,\n            lineHeight: button.lineHeight,\n            letterSpacing: button.letterSpacing\n          },\n          caption: {\n            fontSize: caption.size,\n            fontWeight: caption.weight,\n            lineHeight: caption.lineHeight,\n            letterSpacing: caption.letterSpacing\n          },\n          caption2: {\n            fontSize: caption2.size,\n            fontWeight: caption2.weight,\n            lineHeight: caption2.lineHeight,\n            letterSpacing: caption2.letterSpacing\n          },\n          overline: {\n            fontSize: overline.size,\n            fontWeight: overline.weight,\n            lineHeight: overline.lineHeight,\n            letterSpacing: overline.letterSpacing\n          }\n        }\n      }\n    });\n    return {\n      ...fullTheme,\n      setCurrentTheme,\n      isInitialized: currentTheme !== '',\n      setMode,\n      getThemeData\n    };\n  }, [\n    body1.letterSpacing,\n    body1.lineHeight,\n    body1.size,\n    body1.weight,\n    body2.letterSpacing,\n    body2.lineHeight,\n    body2.size,\n    body2.weight,\n    button.letterSpacing,\n    button.lineHeight,\n    button.size,\n    button.weight,\n    caption.letterSpacing,\n    caption.lineHeight,\n    caption.size,\n    caption.weight,\n    caption2.letterSpacing,\n    caption2.lineHeight,\n    caption2.size,\n    caption2.weight,\n    h1.letterSpacing,\n    h1.lineHeight,\n    h1.size,\n    h1.weight,\n    h2.letterSpacing,\n    h2.lineHeight,\n    h2.size,\n    h2.weight,\n    h3.letterSpacing,\n    h3.lineHeight,\n    h3.size,\n    h3.weight,\n    h4.letterSpacing,\n    h4.lineHeight,\n    h4.size,\n    h4.weight,\n    h5.letterSpacing,\n    h5.lineHeight,\n    h5.size,\n    h5.weight,\n    h6.letterSpacing,\n    h6.lineHeight,\n    h6.size,\n    h6.weight,\n    overline.letterSpacing,\n    overline.lineHeight,\n    overline.size,\n    overline.weight,\n    subtitle1.letterSpacing,\n    subtitle1.lineHeight,\n    subtitle1.size,\n    subtitle1.weight,\n    subtitle2.letterSpacing,\n    subtitle2.lineHeight,\n    subtitle2.size,\n    subtitle2.weight,\n    subtitle3.letterSpacing,\n    subtitle3.lineHeight,\n    subtitle3.size,\n    subtitle3.weight,\n    currentTheme,\n    mode,\n    getThemeData\n  ]);\n\n  return (\n    <MuiThemeProvider theme={theme}>\n      <CssBaseline />\n      {children}\n    </MuiThemeProvider>\n  );\n};\n"],"mappings":"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"}

package/dist/ticketCard-Uf13MQHt.js

@@ -1,143 +0,0 @@
-import { t as FluentIconButton } from "./FluentIconButton-AN9tZKVl.js";
-import { t as StatusChip } from "./StatusChip-4NHp2t6B.js";
-import React from "react";
-import { Card, CardContent, Divider, Typography, makeStyles } from "@material-ui/core";
-import { ArrowUpRightIcon } from "@fluentui/react-icons";
-import PropTypes from "prop-types";
-
-//#region src/UI/dataDisplay/ticketCard/StatusLineItem.jsx
-const useStyles$2 = makeStyles((theme) => ({
-	root: {
-		width: "100%",
-		height: 44
-	},
-	wrapper: { display: "flex" },
-	labelCount: {
-		flex: 1,
-		display: "flex"
-	},
-	status: { marginRight: theme.spacing(1) },
-	icon: { marginRight: theme.spacing(1) }
-}));
-const StatusLineItem = ({ label, amount, status, icon, handleClick }) => {
-	const classes = useStyles$2();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.wrapper }, /* @__PURE__ */ React.createElement("div", { className: classes.labelCount }, /* @__PURE__ */ React.createElement("div", { className: classes.icon }, " ", icon, " "), /* @__PURE__ */ React.createElement(Typography, null, " ", label, " ")), /* @__PURE__ */ React.createElement("div", { className: classes.status }, status === "error" && /* @__PURE__ */ React.createElement(StatusChip, {
-		label: amount,
-		status
-	}), status !== "error" && amount), /* @__PURE__ */ React.createElement(FluentIconButton, {
-		onClick: handleClick,
-		className: classes.launch,
-		icon: ArrowUpRightIcon,
-		"aria-label": "launch"
-	})), /* @__PURE__ */ React.createElement(Divider, null));
-};
-StatusLineItem.propTypes = {
-	label: PropTypes.string.isRequired,
-	amount: PropTypes.number,
-	status: PropTypes.string,
-	icon: PropTypes.node,
-	handleClick: PropTypes.func
-};
-
-//#endregion
-//#region src/UI/dataDisplay/ticketCard/NotificationElement.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	root: {
-		width: 0,
-		height: 0,
-		borderTop: "0px solid transparent",
-		borderRight: `45px solid ${theme?.palette?.error?.main}`,
-		borderBottom: "45px solid transparent"
-	},
-	number: {
-		marginLeft: theme.spacing(3.5),
-		paddingTop: theme.spacing(.5),
-		color: theme?.palette?.common?.white
-	}
-}));
-const NotificationElement = ({ alertNumber }) => {
-	const classes = useStyles$1();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.number }, /* @__PURE__ */ React.createElement(Typography, null, " ", alertNumber, " ")));
-};
-NotificationElement.propTypes = { alertNumber: PropTypes.number.isRequired };
-
-//#endregion
-//#region src/UI/dataDisplay/ticketCard/TicketCard.jsx
-const useStyles = makeStyles((theme) => ({
-	root: { display: "flex" },
-	overviewContainer: {
-		width: theme.spacing(16),
-		height: theme.spacing(16),
-		background: "#393939",
-		marginRight: theme.spacing(2),
-		position: "relative"
-	},
-	notification: {
-		position: "absolute",
-		right: 0,
-		top: 0
-	},
-	totalNumber: {
-		textAlign: "center",
-		color: "#FFFFFF",
-		fontWeight: 400
-	},
-	label: {
-		display: "flex",
-		justifyContent: "center",
-		marginTop: -8,
-		color: "#FFFFFF"
-	},
-	itemContainer: {
-		width: "100%",
-		display: "flex",
-		flexDirection: "column",
-		alignContent: "space-around",
-		marginTop: theme.spacing(.5)
-	}
-}));
-const TicketCard = ({ totalAmount, label, notification, alertNumber, ticketData, component = "h6" }) => {
-	const classes = useStyles();
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(Card, {
-		elevation: 0,
-		square: true,
-		className: classes.overviewContainer
-	}, /* @__PURE__ */ React.createElement(CardContent, null, /* @__PURE__ */ React.createElement(Typography, {
-		variant: "h1",
-		component,
-		className: classes.totalNumber
-	}, totalAmount)), /* @__PURE__ */ React.createElement("div", { className: classes.label }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, label, " ")), notification && /* @__PURE__ */ React.createElement("div", { className: classes.notification }, /* @__PURE__ */ React.createElement(NotificationElement, { alertNumber })))), /* @__PURE__ */ React.createElement("div", { className: classes.itemContainer }, ticketData && ticketData.map((item) => {
-		return /* @__PURE__ */ React.createElement(StatusLineItem, {
-			label: item.label,
-			amount: item.amount,
-			status: item.status === "error" && "error",
-			icon: item.icon,
-			key: item.id
-		});
-	})));
-};
-TicketCard.propTypes = {
-	totalAmount: PropTypes.number,
-	label: PropTypes.string.isRequired,
-	notification: PropTypes.bool,
-	alertNumber: PropTypes.number,
-	ticketData: PropTypes.arrayOf(PropTypes.shape({
-		ticketAmount: PropTypes.string.isRequired,
-		label: PropTypes.number.isRequired,
-		notification: PropTypes.number.isRequired,
-		alertNumber: PropTypes.number,
-		id: PropTypes.number.isRequired,
-		ticketData: PropTypes.arrayOf(PropTypes.shape({
-			label: PropTypes.string.isRequired,
-			amount: PropTypes.number,
-			status: PropTypes.string.isRequired,
-			icon: PropTypes.node
-		}))
-	}).isRequired).isRequired,
-	component: PropTypes.string
-};
-TicketCard.defaultProps = { component: "h2" };
-
-//#endregion
-export { NotificationElement as n, StatusLineItem as r, TicketCard as t };
-//# sourceMappingURL=ticketCard-Uf13MQHt.js.map

package/dist/ticketCard-Uf13MQHt.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ticketCard-Uf13MQHt.js","names":["useStyles","useStyles"],"sources":["../src/UI/dataDisplay/ticketCard/StatusLineItem.jsx","../src/UI/dataDisplay/ticketCard/NotificationElement.jsx","../src/UI/dataDisplay/ticketCard/TicketCard.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles, Divider, Typography } from '@material-ui/core'\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton'\nimport { StatusChip } from '../StatusChip'\nimport { ArrowUpRightIcon } from '@fluentui/react-icons'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: '100%',\n    height: 44\n  },\n  wrapper: { display: 'flex' },\n  labelCount: {\n    flex: 1,\n    display: 'flex'\n  },\n  status: {\n    marginRight: theme.spacing(1)\n  },\n  icon: {\n    marginRight: theme.spacing(1)\n  }\n}))\n\nexport const StatusLineItem = ({\n  label,\n  amount,\n  status,\n  icon,\n  handleClick\n}) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.wrapper}>\n        <div className={classes.labelCount}>\n          <div className={classes.icon}> {icon} </div>\n          <Typography> {label} </Typography>\n        </div>\n        <div className={classes.status}>\n          {status === 'error' && <StatusChip label={amount} status={status} />}\n\n          {status !== 'error' && amount}\n        </div>\n        <FluentIconButton\n          onClick={handleClick}\n          className={classes.launch}\n          icon={ArrowUpRightIcon}\n          aria-label='launch'\n        />\n      </div>\n\n      <Divider />\n    </div>\n  )\n}\nStatusLineItem.propTypes = {\n  /**\n   * stat label\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * Total amount stat\n   */\n  amount: PropTypes.number,\n  /**\n   * Type of status for status chip\n   */\n  status: PropTypes.string,\n  /**\n   * list icon\n   */\n  icon: PropTypes.node,\n  /**\n   * onClick event\n   */\n  handleClick: PropTypes.func\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    width: 0,\n    height: 0,\n    borderTop: '0px solid transparent',\n    borderRight: `45px solid ${theme?.palette?.error?.main}`,\n    borderBottom: '45px solid transparent'\n  },\n  number: {\n    marginLeft: theme.spacing(3.5),\n    paddingTop: theme.spacing(0.5),\n    color: theme?.palette?.common?.white\n  }\n}))\n\nexport const NotificationElement = ({ alertNumber }) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.number}>\n        <Typography> {alertNumber} </Typography>\n      </div>\n    </div>\n  )\n}\nNotificationElement.propTypes = {\n  /**\n   * number of alert items\n   */\n  alertNumber: PropTypes.number.isRequired\n}\n","import React from 'react'\nimport { makeStyles, Card, CardContent, Typography } from '@material-ui/core'\nimport { StatusLineItem } from './StatusLineItem'\nimport { NotificationElement } from './NotificationElement'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex'\n  },\n  overviewContainer: {\n    width: theme.spacing(16),\n    height: theme.spacing(16),\n    background: '#393939', // Add to theme\n    marginRight: theme.spacing(2),\n    position: 'relative'\n  },\n  notification: {\n    position: 'absolute',\n    right: 0,\n    top: 0\n  },\n  totalNumber: {\n    textAlign: 'center',\n    // color: theme.palette.common.white\n    color: '#FFFFFF', // Hex color added to avoid TypeError\n    fontWeight: 400\n  },\n  label: {\n    display: 'flex',\n    justifyContent: 'center',\n    marginTop: -8,\n    // color: theme.pallette.common.white\n    color: '#FFFFFF'\n  },\n  itemContainer: {\n    width: '100%',\n    display: 'flex',\n    flexDirection: 'column',\n    alignContent: 'space-around',\n    marginTop: theme.spacing(0.5)\n  }\n}))\n\nexport const TicketCard = ({\n  totalAmount,\n  label,\n  notification,\n  alertNumber,\n  ticketData,\n  component = 'h6'\n}) => {\n  const classes = useStyles()\n\n  return (\n    <div className={classes.root}>\n      <div>\n        <Card elevation={0} square className={classes.overviewContainer}>\n          <CardContent>\n            <Typography\n              variant='h1'\n              component={component}\n              className={classes.totalNumber}\n            >\n              {totalAmount}\n            </Typography>\n          </CardContent>\n          <div className={classes.label}>\n            <Typography variant='caption'>{label} </Typography>\n          </div>\n          {notification && (\n            <div className={classes.notification}>\n              <NotificationElement alertNumber={alertNumber} />\n            </div>\n          )}\n        </Card>\n      </div>\n\n      <div className={classes.itemContainer}>\n        {ticketData &&\n          ticketData.map((item) => {\n            return (\n              <StatusLineItem\n                label={item.label}\n                amount={item.amount}\n                status={item.status === 'error' && 'error'}\n                icon={item.icon}\n                key={item.id}\n              />\n            )\n          })}\n      </div>\n    </div>\n  )\n}\nTicketCard.propTypes = {\n  /**\n   * Total amount stat\n   */\n  totalAmount: PropTypes.number,\n  /**\n   * Stat label\n   */\n  label: PropTypes.string.isRequired,\n  /**\n   * Type of status to toggle notification\n   */\n  notification: PropTypes.bool,\n  /**\n   * amount of alert items\n   */\n  alertNumber: PropTypes.number,\n  /**\n   * prop for mapped data\n   */\n  ticketData: PropTypes.arrayOf(\n    PropTypes.shape({\n      ticketAmount: PropTypes.string.isRequired,\n      label: PropTypes.number.isRequired,\n      notification: PropTypes.number.isRequired,\n      alertNumber: PropTypes.number,\n      id: PropTypes.number.isRequired,\n      ticketData: PropTypes.arrayOf(\n        PropTypes.shape({\n          label: PropTypes.string.isRequired,\n          amount: PropTypes.number,\n          status: PropTypes.string.isRequired,\n          icon: PropTypes.node\n        })\n      )\n    }).isRequired\n  ).isRequired,\n  /**\n   * Header Tag override. Defaults to H2\n   */\n  component: PropTypes.string\n}\n\nTicketCard.defaultProps = {\n  component: 'h2'\n}\n"],"mappings":"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"}