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

package/dist/CircleButton-DpVIcx-w.js

@@ -0,0 +1,240 @@
+import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
+import { t as IconRenderer } from "./IconRenderer-BB7NMX-b.js";
+import { n as TimelineStatus, r as TimelineDateBar } from "./MttYearTag-Cw8OyKTy.js";
+import React, { useState } from "react";
+import { ButtonBase, Divider, Fade, Paper, Tooltip, Typography, makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+
+//#region src/componentSystems/multiThreadTimeline/ui/SummaryToken.jsx
+const useStyles$4 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		minHeight: 200,
+		background: (props) => !props.hidebackground && "whitesmoke"
+	},
+	dateBar: { width: 130 },
+	centerWrapper: {
+		display: "flex",
+		justifyContent: "center"
+	}
+}));
+const SummaryToken = (props) => {
+	const { title, short, showMonth, amount, status, date, user, icon, months = [], className, month, balance } = props;
+	const classes = useStyles$4(props);
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.root, className) }, /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "space-between",
+		width: 130
+	} }, /* @__PURE__ */ React.createElement("div", {
+		style: { marginRight: -8 },
+		className: classes.centerWrapper
+	}, icon), /* @__PURE__ */ React.createElement("div", { style: {
+		height: 24,
+		display: "flex",
+		justifyContent: "center"
+	} }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })), /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		flexDirection: "column"
+	} }, /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ React.createElement(Tooltip, { title }, /* @__PURE__ */ React.createElement(Typography, {
+		variant: "subtitle2",
+		style: {
+			textOverflow: "ellipsis",
+			overflow: "hidden",
+			whiteSpace: "nowrap"
+		}
+	}, title))), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "nudge" }), amount && /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ React.createElement(Tooltip, { title: amount }, /* @__PURE__ */ React.createElement(Typography, { style: {
+		textOverflow: "ellipsis",
+		overflow: "hidden",
+		whiteSpace: "nowrap"
+	} }, amount))), !amount && /* @__PURE__ */ React.createElement("div", { style: {
+		display: "flex",
+		justifyContent: "center"
+	} }, /* @__PURE__ */ React.createElement(TimelineStatus, { status })), /* @__PURE__ */ React.createElement("div", { style: { textAlign: "center" } }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, date), /* @__PURE__ */ React.createElement("div", { style: {
+		textOverflow: "ellipsis",
+		overflow: "hidden",
+		whiteSpace: "nowrap"
+	} }, /* @__PURE__ */ React.createElement(Tooltip, { title: user }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, user))), /* @__PURE__ */ React.createElement("div", { style: {
+		textOverflow: "ellipsis",
+		overflow: "hidden",
+		whiteSpace: "nowrap"
+	} }, /* @__PURE__ */ React.createElement(Tooltip, { title: balance }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, balance))))), /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), !short && /* @__PURE__ */ React.createElement("div", { className: classes.dateBar }, /* @__PURE__ */ React.createElement(TimelineDateBar, {
+		month,
+		showMonth,
+		months
+	}))));
+};
+SummaryToken.propTypes = {
+	title: PropTypes.string,
+	short: PropTypes.bool,
+	showMonth: PropTypes.bool,
+	amount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+	status: PropTypes.string,
+	date: PropTypes.string,
+	user: PropTypes.string,
+	icon: PropTypes.element,
+	months: PropTypes.array,
+	className: PropTypes.string,
+	month: PropTypes.string,
+	balance: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+	hidebackground: PropTypes.bool
+};
+
+//#endregion
+//#region src/componentSystems/multiThreadTimeline/ui/TimelineToggleButton.jsx
+/**
+* @returns {import('@material-ui/core/styles').WithStyles<import('@material-ui/core/styles/withStyles').Styles<any, {}, string>>}
+*/
+const useStyles$3 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		alignItems: "center",
+		cursor: "pointer"
+	},
+	off: { opacity: .5 }
+}));
+const TimelineToggleButton = ({ title, timelineItem, handleClick, icon, off }) => {
+	const classes = useStyles$3();
+	const [filter, setFilter] = useState(true);
+	const selectFilter = () => {
+		setFilter(!filter);
+	};
+	return /* @__PURE__ */ React.createElement("div", {
+		className: classes.root,
+		onClick: handleClick,
+		onMouseUp: selectFilter
+	}, /* @__PURE__ */ React.createElement("div", { className: off && classes.off }, icon), /* @__PURE__ */ React.createElement("div", { style: {
+		marginTop: -4,
+		marginRight: 48
+	} }, /* @__PURE__ */ React.createElement(Typography, {
+		variant: "caption",
+		style: { textDecoration: !filter && "line-through" }
+	}, title)));
+};
+TimelineToggleButton.propTypes = {
+	title: PropTypes.string.isRequired,
+	timelineItem: PropTypes.object,
+	handleClick: PropTypes.func.isRequired,
+	icon: PropTypes.node.isRequired,
+	off: PropTypes.bool
+};
+
+//#endregion
+//#region src/componentSystems/multiThreadTimeline/ui/TimelineTopRowFilter.jsx
+const useStyles$2 = makeStyles((theme) => ({
+	root: {},
+	menu: {
+		marginTop: 10,
+		marginRight: 8,
+		marginBottom: 20
+	}
+}));
+const TimelineTopRowFilter = ({ filterList, filterCall, filterListGroup, off, clear }) => {
+	const classes = useStyles$2();
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { style: { display: "flex" } }, filterListGroup && filterListGroup.map((item) => {
+		return /* @__PURE__ */ React.createElement(TimelineToggleButton, {
+			title: item.name,
+			timelineItem: item.name,
+			handleClick: () => filterCall(item.name),
+			off,
+			icon: /* @__PURE__ */ React.createElement(IconRenderer, {
+				noBorder: true,
+				value: {
+					color: { hex: "#" + item.color },
+					name: item.icon
+				}
+			})
+		});
+	})))));
+};
+TimelineTopRowFilter.propTypes = {
+	filterList: PropTypes.array,
+	filterCall: PropTypes.func,
+	filterListGroup: PropTypes.array,
+	off: PropTypes.bool,
+	clear: PropTypes.func
+};
+
+//#endregion
+//#region src/componentSystems/multiThreadTimeline/ui/DateWrapper.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		alignContent: "flex-end",
+		cursor: "pointer",
+		justifyContent: "center"
+	},
+	wrapper: { display: "flex" },
+	countWrapper: {
+		background: "#E9DADB",
+		borderRadius: 25,
+		padding: 8
+	}
+}));
+const DateWrapper = ({ children, date, months, count }) => {
+	const classes = useStyles$1();
+	const [show, setShow] = useState(true);
+	const threadHeight = 165;
+	const MONTHS = {
+		1: "Jan",
+		2: "Feb",
+		3: "March",
+		4: "Apr",
+		5: "May",
+		6: "June",
+		7: "July",
+		8: "Aug",
+		9: "Sept",
+		10: "Oct",
+		11: "Nov",
+		12: "Dec"
+	};
+	const orderedMonths = [months];
+	orderedMonths.sort(function(a, b) {
+		return a - b;
+	});
+	const output = orderedMonths.map(function(i) {
+		return MONTHS[i];
+	});
+	return /* @__PURE__ */ React.createElement("div", { onClick: () => setShow(!show) }, /* @__PURE__ */ React.createElement(Fade, { in: show }, /* @__PURE__ */ React.createElement("div", null, show && /* @__PURE__ */ React.createElement("div", { className: classes.wrapper }, children, " "))), /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", null, !show && /* @__PURE__ */ React.createElement("div", { style: {
+		height: threadHeight,
+		display: "flex",
+		justifyContent: "center"
+	} }, /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.countWrapper }, /* @__PURE__ */ React.createElement(Typography, { variant: "subtitle2" }, " + "), count), /* @__PURE__ */ React.createElement("div", { style: {
+		height: 123,
+		display: "flex",
+		justifyContent: "center"
+	} }, /* @__PURE__ */ React.createElement(Divider, { orientation: "vertical" })))), /* @__PURE__ */ React.createElement("div", { style: { padding: 4 } }, /* @__PURE__ */ React.createElement(Typography, { variant: "caption" }, output, " ")))));
+};
+DateWrapper.propTypes = {
+	children: PropTypes.node,
+	date: PropTypes.string,
+	months: PropTypes.number,
+	count: PropTypes.number
+};
+
+//#endregion
+//#region src/componentSystems/multiThreadTimeline/ui/CircleButton.jsx
+const useStyles = makeStyles((theme) => ({ root: {
+	padding: 12,
+	paddingLeft: 13,
+	paddingRight: 11,
+	borderRadius: 50,
+	background: theme.palette.common.white,
+	minWidth: 32,
+	minHeight: 32
+} }));
+const CircleButton = (props) => {
+	const { children,...otherProps } = props;
+	const classes = useStyles(props);
+	return /* @__PURE__ */ React.createElement(ButtonBase, otherProps, /* @__PURE__ */ React.createElement(Paper, {
+		className: classes.root,
+		elevation: 1
+	}, children));
+};
+CircleButton.propTypes = { children: PropTypes.node };
+
+//#endregion
+export { useStyles$3 as a, TimelineToggleButton as i, DateWrapper as n, SummaryToken as o, TimelineTopRowFilter as r, CircleButton as t };
+//# sourceMappingURL=CircleButton-DpVIcx-w.js.map

package/dist/CircleButton-DpVIcx-w.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleButton-DpVIcx-w.js","names":["useStyles","useStyles","useStyles","useStyles"],"sources":["../src/componentSystems/multiThreadTimeline/ui/SummaryToken.jsx","../src/componentSystems/multiThreadTimeline/ui/TimelineToggleButton.jsx","../src/componentSystems/multiThreadTimeline/ui/TimelineTopRowFilter.jsx","../src/componentSystems/multiThreadTimeline/ui/DateWrapper.jsx","../src/componentSystems/multiThreadTimeline/ui/CircleButton.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Typography, Divider, Tooltip } from '@material-ui/core';\nimport clsx from 'clsx';\nimport PropTypes from 'prop-types';\nimport { TimelineDateBar } from './TimelineDateBar';\nimport { LayoutUnit } from '../../../layout/LayoutUnit';\nimport { TimelineStatus } from './TimelineStatus';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    minHeight: 200,\n    background: (props) => !props.hidebackground && 'whitesmoke'\n  },\n  dateBar: {\n    width: 130\n  },\n  centerWrapper: {\n    display: 'flex',\n    justifyContent: 'center'\n  }\n}));\n\nexport const SummaryToken = (props) => {\n  const {\n    title,\n    short,\n    showMonth,\n    amount,\n    status,\n    date,\n    user,\n    icon,\n    months = [],\n    className,\n    month,\n    balance\n  } = props;\n  const classes = useStyles(props);\n\n  return (\n    <div className={clsx(classes.root, className)}>\n      <div\n        style={{\n          display: 'flex',\n          flexDirection: 'column',\n          justifyContent: 'space-between',\n          width: 130\n        }}\n      >\n        <div style={{ marginRight: -8 }} className={classes.centerWrapper}>\n          {icon}\n        </div>\n\n        <div style={{ height: 24, display: 'flex', justifyContent: 'center' }}>\n          <Divider orientation='vertical' />\n        </div>\n\n        <div style={{ display: 'flex', flexDirection: 'column' }}>\n          <LayoutUnit unit='nudge' />\n          <div style={{ textAlign: 'center' }}>\n            <Tooltip title={title}>\n              <Typography\n                variant='subtitle2'\n                style={{\n                  textOverflow: 'ellipsis',\n                  overflow: 'hidden',\n                  whiteSpace: 'nowrap'\n                }}\n              >\n                {title}\n              </Typography>\n            </Tooltip>\n          </div>\n          <LayoutUnit unit='nudge' />\n\n          {amount && (\n            <div\n              style={{\n                textAlign: 'center'\n              }}\n            >\n              <Tooltip title={amount}>\n                <Typography\n                  style={{\n                    textOverflow: 'ellipsis',\n                    overflow: 'hidden',\n                    whiteSpace: 'nowrap'\n                  }}\n                >\n                  {amount}\n                </Typography>\n              </Tooltip>\n            </div>\n          )}\n\n          {!amount && (\n            <div\n              style={{\n                display: 'flex',\n                justifyContent: 'center'\n              }}\n            >\n              <TimelineStatus status={status} />\n            </div>\n          )}\n\n          <div style={{ textAlign: 'center' }}>\n            <Typography variant='caption'>{date}</Typography>\n            <div\n              style={{\n                textOverflow: 'ellipsis',\n                overflow: 'hidden',\n                whiteSpace: 'nowrap'\n              }}\n            >\n              <Tooltip title={user}>\n                <Typography variant='caption'>{user}</Typography>\n              </Tooltip>\n            </div>\n            <div\n              style={{\n                textOverflow: 'ellipsis',\n                overflow: 'hidden',\n                whiteSpace: 'nowrap'\n              }}\n            >\n              <Tooltip title={balance}>\n                <Typography variant='caption'>{balance}</Typography>\n              </Tooltip>\n            </div>\n          </div>\n        </div>\n        <LayoutUnit unit='xxs' />\n        {!short && (\n          <div className={classes.dateBar}>\n            <TimelineDateBar\n              month={month}\n              showMonth={showMonth}\n              months={months}\n            />\n          </div>\n        )}\n      </div>\n    </div>\n  );\n};\n\nSummaryToken.propTypes = {\n  title: PropTypes.string,\n  short: PropTypes.bool,\n  showMonth: PropTypes.bool,\n  amount: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  status: PropTypes.string,\n  date: PropTypes.string,\n  user: PropTypes.string,\n  icon: PropTypes.element,\n  months: PropTypes.array,\n  className: PropTypes.string,\n  month: PropTypes.string,\n  balance: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  hidebackground: PropTypes.bool\n};\n","import React, { useState } from 'react';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\n/**\n * @returns {import('@material-ui/core/styles').WithStyles<import('@material-ui/core/styles/withStyles').Styles<any, {}, string>>}\n */\nexport const useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    alignItems: 'center',\n    cursor: 'pointer'\n  },\n  off: {\n    opacity: 0.5\n  }\n}));\n\nexport const TimelineToggleButton = ({\n  title,\n  timelineItem,\n  handleClick,\n  icon,\n  off\n}) => {\n  //const [width, setWidth] = useState(0);\n  const classes = useStyles();\n  const [filter, setFilter] = useState(true);\n\n  const selectFilter = () => {\n    setFilter(!filter);\n  };\n\n  return (\n    <div\n      className={classes.root}\n      onClick={handleClick}\n      onMouseUp={selectFilter}\n    >\n      <div className={off && classes.off}>{icon}</div>\n\n      <div style={{ marginTop: -4, marginRight: 48 }}>\n        <Typography\n          variant='caption'\n          style={{ textDecoration: !filter && 'line-through' }}\n        >\n          {title}\n        </Typography>\n      </div>\n      {/* @todo: fix caption size */}\n    </div>\n  );\n};\n\nTimelineToggleButton.propTypes = {\n  title: PropTypes.string.isRequired,\n  timelineItem: PropTypes.object,\n  handleClick: PropTypes.func.isRequired,\n  icon: PropTypes.node.isRequired,\n  off: PropTypes.bool\n};\n","import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport { TimelineToggleButton } from './TimelineToggleButton';\nimport { IconRenderer } from '../../../UI/templates/ui/renderers/IconRenderer';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  menu: {\n    marginTop: 10,\n    marginRight: 8,\n    marginBottom: 20\n  }\n}));\n\nexport const TimelineTopRowFilter = ({\n  filterList,\n  filterCall,\n  filterListGroup,\n  off,\n  clear\n}) => {\n  const classes = useStyles();\n\n  return (\n    <div className={classes.root}>\n      {/* <button onClick={()=> setCompact(!compact) } > minimize  </button> */}\n      <div>\n        <div>\n          <div style={{ display: 'flex' }}>\n            {filterListGroup &&\n              filterListGroup.map((item) => {\n                return (\n                  <TimelineToggleButton\n                    title={item.name}\n                    timelineItem={item.name}\n                    handleClick={() => filterCall(item.name)}\n                    off={off}\n                    icon={\n                      <IconRenderer\n                        noBorder\n                        value={{\n                          color: { hex: '#' + item.color },\n                          name: item.icon\n                        }}\n                      />\n                    }\n                  />\n                );\n              })}\n            {/* <Button onClick={clear} >Clear</Button>  */}\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n\nTimelineTopRowFilter.propTypes = {\n  filterList: PropTypes.array,\n  filterCall: PropTypes.func,\n  filterListGroup: PropTypes.array,\n  off: PropTypes.bool,\n  clear: PropTypes.func\n};\n","import React, { useState } from 'react';\nimport { makeStyles, Typography, Fade, Divider } from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    alignContent: 'flex-end',\n    cursor: 'pointer',\n    justifyContent: 'center'\n  },\n  wrapper: {\n    display: 'flex'\n  },\n  countWrapper: {\n    background: '#E9DADB',\n    borderRadius: 25,\n    padding: 8\n  }\n}));\n\nexport const DateWrapper = ({ children, date, months, count }) => {\n  const classes = useStyles();\n\n  const [show, setShow] = useState(true);\n  const threadHeight = 165;\n\n  const MONTHS = {\n    1: 'Jan',\n    2: 'Feb',\n    3: 'March',\n    4: 'Apr',\n    5: 'May',\n    6: 'June',\n    7: 'July',\n    8: 'Aug',\n    9: 'Sept',\n    10: 'Oct',\n    11: 'Nov',\n    12: 'Dec'\n  };\n\n  // Convert months to order\n  const orderedMonths = [months];\n\n  orderedMonths.sort(function (a, b) {\n    return a - b;\n  });\n\n  // Map to named months\n  const output = orderedMonths.map(function (i) {\n    return MONTHS[i];\n  });\n\n  return (\n    <div onClick={() => setShow(!show)}>\n      <Fade in={show}>\n        <div>{show && <div className={classes.wrapper}>{children} </div>}</div>\n      </Fade>\n\n      <div className={classes.root}>\n        <div>\n          {!show && (\n            <div\n              style={{\n                height: threadHeight,\n                display: 'flex',\n                justifyContent: 'center'\n              }}\n            >\n              <div>\n                <div className={classes.countWrapper}>\n                  <Typography variant='subtitle2'> + </Typography>\n                  {count}\n                </div>\n                <div\n                  style={{\n                    height: 123,\n                    display: 'flex',\n                    justifyContent: 'center'\n                  }}\n                >\n                  <Divider orientation='vertical' />\n                </div>\n              </div>\n            </div>\n          )}\n          <div style={{ padding: 4 }}>\n            <Typography variant='caption'>{output} </Typography>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\nDateWrapper.propTypes = {\n  children: PropTypes.node,\n  date: PropTypes.string,\n  months: PropTypes.number,\n  count: PropTypes.number\n};\n","import React from 'react';\nimport { makeStyles, ButtonBase, Paper } from '@material-ui/core';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: 12,\n    paddingLeft: 13,\n    paddingRight: 11,\n    borderRadius: 50,\n    background: theme.palette.common.white,\n    minWidth: 32,\n    minHeight: 32\n  }\n}));\n\nexport const CircleButton = (props) => {\n  const { children, ...otherProps } = props;\n  const classes = useStyles(props);\n\n  return (\n    <ButtonBase {...otherProps}>\n      <Paper className={classes.root} elevation={1}>\n        {children}\n      </Paper>\n    </ButtonBase>\n  );\n};\nCircleButton.propTypes = {\n  children: PropTypes.node\n};\n"],"mappings":"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"}

package/dist/CircleGaugeWidget-DltrvGDC.js

@@ -0,0 +1,111 @@
+import { t as SummaryBlock } from "./SummaryBlock-C--ByR2X.js";
+import React from "react";
+import { Box, Typography, makeStyles } from "@material-ui/core";
+import { PropTypes as PropTypes$1 } from "prop-types";
+
+//#region src/UI/widgets/library/CircleGaugeWidget/CircleGaugeWidget.jsx
+const useStyles = makeStyles((theme) => ({
+	circle: {
+		width: (props) => props.width || "134px",
+		minHeight: (props) => props.height || "134px",
+		borderRadius: "50%",
+		boxSizing: "border-box",
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "center",
+		alignItems: "center",
+		padding: "8px 0px",
+		background: (props) => props?.background || theme.palette.background.paper,
+		border: (props) => props?.borderColor ? `2px solid ${props.borderColor}` : `2px solid #BDBDBD`
+	},
+	cardStat: {
+		fontSize: "1.5rem",
+		fontWeight: "700",
+		color: "#000",
+		textAlign: "center",
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "center",
+		alignItems: "center",
+		padding: "0px",
+		width: (props) => props.width || "134px",
+		height: "50%"
+	},
+	primaryText: {
+		display: "flex",
+		flexDirection: "row",
+		justifyContent: "center",
+		alignItems: "center",
+		padding: "0px",
+		gap: "8px",
+		fontWeight: "400",
+		fontSize: "22px",
+		fontStyle: "normal",
+		width: (props) => props.width || "134px",
+		height: "32px",
+		margin: "-4px 0px"
+	},
+	secondaryText: {
+		fontStyle: "normal",
+		fontWeight: "400",
+		fontSize: "12px",
+		display: "flex",
+		flexDirection: "column",
+		alignItems: "center",
+		padding: "0px",
+		width: (props) => props.width || "134px",
+		height: "20px",
+		color: "rgba(0, 0, 0, 0.6)"
+	},
+	keySummary: {
+		fontSize: "1rem",
+		fontWeight: "700",
+		color: "#000",
+		textAlign: "center",
+		lineHeight: "50px",
+		display: "flex",
+		flexDirection: "column",
+		justifyContent: "center",
+		alignItems: "center",
+		padding: "0px",
+		width: (props) => props.width || "134px",
+		height: "50%",
+		borderTop: (props) => props?.borderColor ? `2px solid ${props.borderColor}` : `2px solid #BDBDBD`
+	}
+}));
+const DEFAULT_SUMMARY_BLOCK = {
+	border: "none",
+	width: "69px",
+	height: "32px",
+	fontStyle: "normal",
+	fontWeight: 400,
+	fontSize: "22px",
+	label: { color: "#000" }
+};
+const CircleGaugeWidget = (props) => {
+	const { value, label, textVariant = "h5", secondaryValue, secondaryStartLabel, background, style: styleProps } = props;
+	const classes = useStyles(props);
+	return /* @__PURE__ */ React.createElement(Box, {
+		className: classes.circle,
+		style: styleProps
+	}, /* @__PURE__ */ React.createElement(Box, { className: classes.cardStat }, /* @__PURE__ */ React.createElement(Typography, { className: classes.primaryText }, value), /* @__PURE__ */ React.createElement(Typography, { className: classes.secondaryText }, label)), /* @__PURE__ */ React.createElement(Box, { className: classes.keySummary }, secondaryValue && /* @__PURE__ */ React.createElement(SummaryBlock, {
+		value: secondaryValue,
+		startLabel: secondaryStartLabel || "",
+		textVariant,
+		backgroundColor: background,
+		style: styleProps?.summaryBlock || DEFAULT_SUMMARY_BLOCK
+	})));
+};
+CircleGaugeWidget.propTypes = {
+	value: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]).isRequired,
+	label: PropTypes$1.string,
+	textVariant: PropTypes$1.string,
+	secondaryValue: PropTypes$1.oneOfType([PropTypes$1.string, PropTypes$1.number]).isRequired,
+	secondaryStartLabel: PropTypes$1.string,
+	background: PropTypes$1.string,
+	style: PropTypes$1.object
+};
+
+//#endregion
+export { CircleGaugeWidget as t };
+//# sourceMappingURL=CircleGaugeWidget-DltrvGDC.js.map

package/dist/CircleGaugeWidget-DltrvGDC.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleGaugeWidget-DltrvGDC.js","names":["PropTypes"],"sources":["../src/UI/widgets/library/CircleGaugeWidget/CircleGaugeWidget.jsx"],"sourcesContent":["import React from 'react';\nimport { Box, Typography, makeStyles } from '@material-ui/core';\nimport { SummaryBlock } from '../../../dataDisplay/SummaryBlock';\nimport { PropTypes } from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  circle: {\n    width: (props) => props.width || '134px',\n    minHeight: (props) => props.height || '134px',\n    borderRadius: '50%',\n    boxSizing: 'border-box',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: '8px 0px',\n    background: (props) => props?.background || theme.palette.background.paper,\n    border: (props) =>\n      props?.borderColor\n        ? `2px solid ${props.borderColor}`\n        : `2px solid #BDBDBD`\n  },\n  cardStat: {\n    fontSize: '1.5rem',\n    fontWeight: '700',\n    color: '#000',\n    textAlign: 'center',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: '0px',\n    width: (props) => props.width || '134px',\n    height: '50%'\n  },\n  primaryText: {\n    display: 'flex',\n    flexDirection: 'row',\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: '0px',\n    gap: '8px',\n    fontWeight: '400',\n    fontSize: '22px',\n    fontStyle: 'normal',\n    width: (props) => props.width || '134px',\n    height: '32px',\n    margin: '-4px 0px'\n  },\n  secondaryText: {\n    fontStyle: 'normal',\n    fontWeight: '400',\n    fontSize: '12px',\n    display: 'flex',\n    flexDirection: 'column',\n    alignItems: 'center',\n    padding: '0px',\n    width: (props) => props.width || '134px',\n    height: '20px',\n    color: 'rgba(0, 0, 0, 0.6)'\n  },\n  keySummary: {\n    fontSize: '1rem',\n    fontWeight: '700',\n    color: '#000',\n    textAlign: 'center',\n    lineHeight: '50px',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n    alignItems: 'center',\n    padding: '0px',\n    width: (props) => props.width || '134px',\n    height: '50%',\n    borderTop: (props) =>\n      props?.borderColor\n        ? `2px solid ${props.borderColor}`\n        : `2px solid #BDBDBD`\n  }\n}));\n\nconst DEFAULT_SUMMARY_BLOCK = {\n  border: 'none',\n  width: '69px',\n  height: '32px',\n  fontStyle: 'normal',\n  fontWeight: 400,\n  fontSize: '22px',\n  label: { color: '#000' }\n};\n\nexport const CircleGaugeWidget = (props) => {\n  const {\n    value,\n    label,\n    textVariant = 'h5',\n    secondaryValue,\n    secondaryStartLabel,\n    background,\n    style: styleProps\n  } = props;\n  const classes = useStyles(props);\n\n  return (\n    <Box className={classes.circle} style={styleProps}>\n      <Box className={classes.cardStat}>\n        <Typography className={classes.primaryText}>{value}</Typography>\n        <Typography className={classes.secondaryText}>{label}</Typography>\n      </Box>\n      <Box className={classes.keySummary}>\n        {secondaryValue && (\n          <SummaryBlock\n            value={secondaryValue}\n            startLabel={secondaryStartLabel || ''}\n            textVariant={textVariant}\n            backgroundColor={background}\n            style={styleProps?.summaryBlock || DEFAULT_SUMMARY_BLOCK}\n          />\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nCircleGaugeWidget.propTypes = {\n  /** @type {string, number} label showed in the bottom part of the circle gauge */\n  value: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,\n\n  /** @type {?string} optional label */\n  label: PropTypes.string,\n\n  /** @type {?string} optional icon to display ticks in the graph */\n  textVariant: PropTypes.string,\n\n  /** @type {string, number} optional second value */\n  secondaryValue: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n    .isRequired,\n\n  /** @type {?string}  optional started label */\n  secondaryStartLabel: PropTypes.string,\n\n  /** @type {?string} custom background color */\n  background: PropTypes.string,\n\n  /** @type {object} optional additional css properties */\n  style: PropTypes.object\n};\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW;CACvC,QAAQ;EACN,QAAQ,UAAU,MAAM,SAAS;EACjC,YAAY,UAAU,MAAM,UAAU;EACtC,cAAc;EACd,WAAW;EACX,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,SAAS;EACT,aAAa,UAAU,OAAO,cAAc,MAAM,QAAQ,WAAW;EACrE,SAAS,UACP,OAAO,cACH,aAAa,MAAM,gBACnB;EACP;CACD,UAAU;EACR,UAAU;EACV,YAAY;EACZ,OAAO;EACP,WAAW;EACX,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,SAAS;EACT,QAAQ,UAAU,MAAM,SAAS;EACjC,QAAQ;EACT;CACD,aAAa;EACX,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,SAAS;EACT,KAAK;EACL,YAAY;EACZ,UAAU;EACV,WAAW;EACX,QAAQ,UAAU,MAAM,SAAS;EACjC,QAAQ;EACR,QAAQ;EACT;CACD,eAAe;EACb,WAAW;EACX,YAAY;EACZ,UAAU;EACV,SAAS;EACT,eAAe;EACf,YAAY;EACZ,SAAS;EACT,QAAQ,UAAU,MAAM,SAAS;EACjC,QAAQ;EACR,OAAO;EACR;CACD,YAAY;EACV,UAAU;EACV,YAAY;EACZ,OAAO;EACP,WAAW;EACX,YAAY;EACZ,SAAS;EACT,eAAe;EACf,gBAAgB;EAChB,YAAY;EACZ,SAAS;EACT,QAAQ,UAAU,MAAM,SAAS;EACjC,QAAQ;EACR,YAAY,UACV,OAAO,cACH,aAAa,MAAM,gBACnB;EACP;CACF,EAAE;AAEH,MAAM,wBAAwB;CAC5B,QAAQ;CACR,OAAO;CACP,QAAQ;CACR,WAAW;CACX,YAAY;CACZ,UAAU;CACV,OAAO,EAAE,OAAO,QAAQ;CACzB;AAED,MAAa,qBAAqB,UAAU;CAC1C,MAAM,EACJ,OACA,OACA,cAAc,MACd,gBACA,qBACA,YACA,OAAO,eACL;CACJ,MAAM,UAAU,UAAU,MAAM;AAEhC,QACE,oCAAC;EAAI,WAAW,QAAQ;EAAQ,OAAO;IACrC,oCAAC,OAAI,WAAW,QAAQ,YACtB,oCAAC,cAAW,WAAW,QAAQ,eAAc,MAAmB,EAChE,oCAAC,cAAW,WAAW,QAAQ,iBAAgB,MAAmB,CAC9D,EACN,oCAAC,OAAI,WAAW,QAAQ,cACrB,kBACC,oCAAC;EACC,OAAO;EACP,YAAY,uBAAuB;EACtB;EACb,iBAAiB;EACjB,OAAO,YAAY,gBAAgB;GACnC,CAEA,CACF;;AAIV,kBAAkB,YAAY;CAE5B,OAAOA,YAAU,UAAU,CAACA,YAAU,QAAQA,YAAU,OAAO,CAAC,CAAC;CAGjE,OAAOA,YAAU;CAGjB,aAAaA,YAAU;CAGvB,gBAAgBA,YAAU,UAAU,CAACA,YAAU,QAAQA,YAAU,OAAO,CAAC,CACtE;CAGH,qBAAqBA,YAAU;CAG/B,YAAYA,YAAU;CAGtB,OAAOA,YAAU;CAClB"}

package/dist/CircularProgress-CeJ9Prk4.js

@@ -0,0 +1,48 @@
+import React from "react";
+import { CircularProgress } from "@material-ui/core";
+import clsx from "clsx";
+import { makeStyles as makeStyles$1 } from "@material-ui/core/styles";
+
+//#region src/UI/loading/CircularProgress.jsx
+const useStyles = makeStyles$1((theme) => ({
+	circleColorPrimary: { color: theme.palette.primary.main },
+	circleColorSecondary: { color: theme.palette.secondary.main },
+	circleColorSuccess: { color: theme.palette.success.main },
+	circleColorError: { color: theme.palette.error.main },
+	circleColorWarning: { color: theme.palette.warning.main },
+	circleColorInfo: { color: theme.palette.info.main },
+	customColorCircle: (props) => ({ backgroundColor: props.color })
+}));
+const CircularProgress$1 = (props) => {
+	const { variant = "indeterminate", value, color = "primary",...otherProps } = props;
+	const isPredefinedColor = [
+		"primary",
+		"secondary",
+		"success",
+		"error",
+		"warning",
+		"info"
+	].includes(color);
+	const classes = useStyles({ color });
+	return /* @__PURE__ */ React.createElement(CircularProgress, {
+		...otherProps,
+		variant,
+		value,
+		classes: {
+			root: classes.root,
+			circle: clsx({
+				[classes.circleColorPrimary]: color === "primary",
+				[classes.circleColorSecondary]: color === "secondary",
+				[classes.circleColorSuccess]: color === "success",
+				[classes.circleColorError]: color === "error",
+				[classes.circleColorWarning]: color === "warning",
+				[classes.circleColorInfo]: color === "info",
+				[classes.customColorCircle]: !isPredefinedColor
+			})
+		}
+	});
+};
+
+//#endregion
+export { CircularProgress$1 as t };
+//# sourceMappingURL=CircularProgress-CeJ9Prk4.js.map

package/dist/CircularProgress-CeJ9Prk4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress-CeJ9Prk4.js","names":["makeStyles","CircularProgress","MuiCircularProgress"],"sources":["../src/UI/loading/CircularProgress.jsx"],"sourcesContent":["import React from 'react';\nimport { CircularProgress as MuiCircularProgress } from '@material-ui/core';\nimport { makeStyles } from '@material-ui/core/styles';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles(theme => ({\n  circleColorPrimary: {\n    color: theme.palette.primary.main,\n  },\n  circleColorSecondary: {\n    color: theme.palette.secondary.main,\n  },\n  circleColorSuccess: {\n    color: theme.palette.success.main,\n  },\n  circleColorError: {\n    color: theme.palette.error.main,\n  },\n  circleColorWarning: {\n    color: theme.palette.warning.main,\n  },\n  circleColorInfo: {\n    color: theme.palette.info.main,\n  },\n  // Custom circle color class\n  customColorCircle: props => ({\n    backgroundColor: props.color,\n  }),\n}));\n\nexport const CircularProgress = props => {\n  const {\n    variant = 'indeterminate',\n    value,\n    color = 'primary',\n    ...otherProps\n  } = props;\n\n  const isPredefinedColor = [\n    'primary',\n    'secondary',\n    'success',\n    'error',\n    'warning',\n    'info',\n  ].includes(color);\n  const classes = useStyles({ color });\n\n  return (\n    <MuiCircularProgress\n      {...otherProps}\n      variant={variant}\n      value={value}\n      classes={{\n        root: classes.root,\n        circle: clsx({\n          [classes.circleColorPrimary]: color === 'primary',\n          [classes.circleColorSecondary]: color === 'secondary',\n          [classes.circleColorSuccess]: color === 'success',\n          [classes.circleColorError]: color === 'error',\n          [classes.circleColorWarning]: color === 'warning',\n          [classes.circleColorInfo]: color === 'info',\n          [classes.customColorCircle]: !isPredefinedColor,\n        }),\n      }}\n    />\n  );\n};\n"],"mappings":";;;;;;AAKA,MAAM,YAAYA,cAAW,WAAU;CACrC,oBAAoB,EAClB,OAAO,MAAM,QAAQ,QAAQ,MAC9B;CACD,sBAAsB,EACpB,OAAO,MAAM,QAAQ,UAAU,MAChC;CACD,oBAAoB,EAClB,OAAO,MAAM,QAAQ,QAAQ,MAC9B;CACD,kBAAkB,EAChB,OAAO,MAAM,QAAQ,MAAM,MAC5B;CACD,oBAAoB,EAClB,OAAO,MAAM,QAAQ,QAAQ,MAC9B;CACD,iBAAiB,EACf,OAAO,MAAM,QAAQ,KAAK,MAC3B;CAED,oBAAmB,WAAU,EAC3B,iBAAiB,MAAM,OACxB;CACF,EAAE;AAEH,MAAaC,sBAAmB,UAAS;CACvC,MAAM,EACJ,UAAU,iBACV,OACA,QAAQ,UACR,GAAG,eACD;CAEJ,MAAM,oBAAoB;EACxB;EACA;EACA;EACA;EACA;EACA;EACD,CAAC,SAAS,MAAM;CACjB,MAAM,UAAU,UAAU,EAAE,OAAO,CAAC;AAEpC,QACE,oCAACC;EACC,GAAI;EACK;EACF;EACP,SAAS;GACP,MAAM,QAAQ;GACd,QAAQ,KAAK;KACV,QAAQ,qBAAqB,UAAU;KACvC,QAAQ,uBAAuB,UAAU;KACzC,QAAQ,qBAAqB,UAAU;KACvC,QAAQ,mBAAmB,UAAU;KACrC,QAAQ,qBAAqB,UAAU;KACvC,QAAQ,kBAAkB,UAAU;KACpC,QAAQ,oBAAoB,CAAC;IAC/B,CAAC;GACH;GACD"}

package/dist/CkRichEditor-CoP_h6jt.js

@@ -0,0 +1,47 @@
+import React, { forwardRef, useCallback, useEffect } from "react";
+import { makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import { CKEditor } from "@ckeditor/ckeditor5-react";
+import ClassicEditor from "@ckeditor/ckeditor5-build-classic";
+
+//#region src/UI/inputs/richEditors/CkRichEditor.jsx
+const useStyles = makeStyles((theme) => ({ editor: { "& .ck-editor__main > .ck-editor__editable_inline": { height: (props) => props.height ? props.height : 300 } } }));
+const CkRichEditor = (props) => {
+	const { includeToolbar = true, data, readOnly = false, handleChange, placeholder, editorRef, isUsingRef = false, classes: classProps } = props;
+	const classes = useStyles(props);
+	const { editor } = classProps || {};
+	const toolbar = includeToolbar ? [
+		"heading",
+		"|",
+		"bold",
+		"italic",
+		"link",
+		"bulletedList",
+		"numberedList",
+		"blockQuote"
+	] : [];
+	const handleBodyChange = useCallback((event, editor$1) => {
+		if (!readOnly) {
+			const data$1 = editor$1.getData();
+			if (handleChange) handleChange(data$1);
+		}
+	}, [handleChange, readOnly]);
+	useEffect(() => {}, [editorRef]);
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(classes.editor, editor) }, /* @__PURE__ */ React.createElement(CKEditor, {
+		editor: ClassicEditor,
+		disabled: readOnly,
+		data,
+		config: {
+			toolbar,
+			placeholder
+		},
+		onChange: handleBodyChange,
+		onReady: (editor$1) => {
+			if (isUsingRef) editorRef.current = editor$1;
+		}
+	}));
+};
+
+//#endregion
+export { CkRichEditor as t };
+//# sourceMappingURL=CkRichEditor-CoP_h6jt.js.map

package/dist/CkRichEditor-CoP_h6jt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CkRichEditor-CoP_h6jt.js","names":["data","editor"],"sources":["../src/UI/inputs/richEditors/CkRichEditor.jsx"],"sourcesContent":["import React, { useCallback, forwardRef, useEffect } from 'react';\nimport { CKEditor } from '@ckeditor/ckeditor5-react';\nimport ClassicEditor from '@ckeditor/ckeditor5-build-classic';\nimport { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  editor: {\n    '& .ck-editor__main > .ck-editor__editable_inline': {\n      height: (props) => (props.height ? props.height : 300)\n    }\n  }\n}));\n\nexport const CkRichEditor = (props) => {\n  const {\n    includeToolbar = true,\n    data,\n    readOnly = false,\n    handleChange,\n    placeholder,\n    editorRef,\n    isUsingRef = false,\n    classes: classProps\n  } = props;\n\n  const classes = useStyles(props);\n  const { editor } = classProps || {};\n\n  const toolbar = includeToolbar\n    ? [\n        'heading',\n        '|',\n        'bold',\n        'italic',\n        'link',\n        'bulletedList',\n        'numberedList',\n        'blockQuote'\n      ]\n    : [];\n\n  const handleBodyChange = useCallback(\n    (event, editor) => {\n      if (!readOnly) {\n        const data = editor.getData();\n        if (handleChange) {\n          handleChange(data);\n        }\n      }\n    },\n    [handleChange, readOnly]\n  );\n\n  useEffect(() => {}, [editorRef]);\n\n  return (\n    <div className={clsx(classes.editor, editor)}>\n      <CKEditor\n        editor={ClassicEditor}\n        disabled={readOnly}\n        data={data}\n        config={{\n          toolbar: toolbar,\n          placeholder: placeholder\n        }}\n        onChange={handleBodyChange}\n        onReady={(editor) => {\n          if (isUsingRef) {\n            editorRef.current = editor;\n          }\n        }}\n      />\n    </div>\n  );\n};\n"],"mappings":";;;;;;;AAMA,MAAM,YAAY,YAAY,WAAW,EACvC,QAAQ,EACN,oDAAoD,EAClD,SAAS,UAAW,MAAM,SAAS,MAAM,SAAS,KACnD,EACF,EACF,EAAE;AAEH,MAAa,gBAAgB,UAAU;CACrC,MAAM,EACJ,iBAAiB,MACjB,MACA,WAAW,OACX,cACA,aACA,WACA,aAAa,OACb,SAAS,eACP;CAEJ,MAAM,UAAU,UAAU,MAAM;CAChC,MAAM,EAAE,WAAW,cAAc,EAAE;CAEnC,MAAM,UAAU,iBACZ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD,GACD,EAAE;CAEN,MAAM,mBAAmB,aACtB,OAAO,aAAW;AACjB,MAAI,CAAC,UAAU;GACb,MAAMA,SAAOC,SAAO,SAAS;AAC7B,OAAI,aACF,cAAaD,OAAK;;IAIxB,CAAC,cAAc,SAAS,CACzB;AAED,iBAAgB,IAAI,CAAC,UAAU,CAAC;AAEhC,QACE,oCAAC,SAAI,WAAW,KAAK,QAAQ,QAAQ,OAAO,IAC1C,oCAAC;EACC,QAAQ;EACR,UAAU;EACJ;EACN,QAAQ;GACG;GACI;GACd;EACD,UAAU;EACV,UAAU,aAAW;AACnB,OAAI,WACF,WAAU,UAAUC;;GAGxB,CACE"}

package/dist/ClientSideUdpGrid-C7iZDuF9.js

@@ -0,0 +1,11 @@
+import React from "react";
+import { ClientSideGrid } from "udp-react-stencil-component-library";
+
+//#region src/UI/templates/newGrid/ClientSideUdpGrid.jsx
+const ClientSideUdpGrid = (props) => {
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(ClientSideGrid, props));
+};
+
+//#endregion
+export { ClientSideUdpGrid as t };
+//# sourceMappingURL=ClientSideUdpGrid-C7iZDuF9.js.map

package/dist/ClientSideUdpGrid-C7iZDuF9.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ClientSideUdpGrid-C7iZDuF9.js","names":[],"sources":["../src/UI/templates/newGrid/ClientSideUdpGrid.jsx"],"sourcesContent":["import React from 'react'\nimport { ClientSideGrid } from 'udp-react-stencil-component-library'\n\nexport const ClientSideUdpGrid = (props) => {\n\n  return (\n   <div >\n      <ClientSideGrid {...props}/>\n   </div>\n  )\n}\n"],"mappings":";;;;AAGA,MAAa,qBAAqB,UAAU;AAE1C,QACC,oCAAC,aACE,oCAAC,gBAAmB,MAAQ,CACzB"}

package/dist/CompactDataList-DbcQ8Pev.js

@@ -0,0 +1,16 @@
+import React, { Children } from "react";
+import { Divider } from "@material-ui/core";
+
+//#region src/UI/dataDisplay/CompactDataList.jsx
+const CompactDataList = (props) => {
+	const { children, disableSeparator = true } = props;
+	const arrayChildren = Children.toArray(children);
+	return /* @__PURE__ */ React.createElement("div", null, Children.map(arrayChildren, (child, index) => {
+		const isLast = index === arrayChildren.length - 1;
+		return /* @__PURE__ */ React.createElement(React.Fragment, null, child, !isLast && !disableSeparator && /* @__PURE__ */ React.createElement(Divider, null));
+	}));
+};
+
+//#endregion
+export { CompactDataList as t };
+//# sourceMappingURL=CompactDataList-DbcQ8Pev.js.map

package/dist/CompactDataList-DbcQ8Pev.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactDataList-DbcQ8Pev.js","names":[],"sources":["../src/UI/dataDisplay/CompactDataList.jsx"],"sourcesContent":["import React, { Children } from 'react';\nimport { Divider } from '@material-ui/core';\n\nexport const CompactDataList = (props) => {\n  const { children, disableSeparator = true } = props;\n  const arrayChildren = Children.toArray(children);\n\n  return (\n    <div>\n      {Children.map(arrayChildren, (child, index) => {\n        const isLast = index === arrayChildren.length - 1;\n        return (\n          <>\n            {child}\n            {!isLast && !disableSeparator && <Divider />}\n          </>\n        );\n      })}\n    </div>\n  );\n};\n"],"mappings":";;;;AAGA,MAAa,mBAAmB,UAAU;CACxC,MAAM,EAAE,UAAU,mBAAmB,SAAS;CAC9C,MAAM,gBAAgB,SAAS,QAAQ,SAAS;AAEhD,QACE,oCAAC,aACE,SAAS,IAAI,gBAAgB,OAAO,UAAU;EAC7C,MAAM,SAAS,UAAU,cAAc,SAAS;AAChD,SACE,0DACG,OACA,CAAC,UAAU,CAAC,oBAAoB,oCAAC,cAAU,CAC3C;GAEL,CACE"}

package/dist/CompactDataListItem-CP6-FZHb.js

@@ -0,0 +1,28 @@
+import React from "react";
+import { Typography, makeStyles } from "@material-ui/core";
+
+//#region src/UI/dataDisplay/CompactDataListItem.jsx
+const useStyles = makeStyles((theme) => ({
+	root: { display: "flex" },
+	labelRoot: {
+		color: "inherit",
+		marginRight: theme.spacing(.5),
+		opacity: .6
+	},
+	valueRoot: { color: "inherit" }
+}));
+const CompactDataListItem = (props) => {
+	const { label, value, labelSeparator = ":", disableLabelSeparator = false } = props;
+	const classes = useStyles(props);
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, !!label && /* @__PURE__ */ React.createElement(Typography, {
+		variant: "body1",
+		className: classes.labelRoot
+	}, label, !disableLabelSeparator && labelSeparator), !!value && /* @__PURE__ */ React.createElement(Typography, {
+		variant: "body1",
+		className: classes.valueRoot
+	}, value));
+};
+
+//#endregion
+export { CompactDataListItem as t };
+//# sourceMappingURL=CompactDataListItem-CP6-FZHb.js.map

package/dist/CompactDataListItem-CP6-FZHb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactDataListItem-CP6-FZHb.js","names":[],"sources":["../src/UI/dataDisplay/CompactDataListItem.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles, Typography } from '@material-ui/core';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex'\n  },\n  labelRoot: {\n    color: 'inherit',\n    marginRight: theme.spacing(0.5),\n    opacity: 0.6\n  },\n  valueRoot: {\n    color: 'inherit'\n  }\n}));\n\nexport const CompactDataListItem = (props) => {\n  const {\n    label,\n    value,\n    labelSeparator = ':',\n    disableLabelSeparator = false\n  } = props;\n  const classes = useStyles(props);\n\n  return (\n    <div className={classes.root}>\n      {!!label && (\n        <Typography variant={'body1'} className={classes.labelRoot}>\n          {label}\n          {!disableLabelSeparator && labelSeparator}\n        </Typography>\n      )}\n      {!!value && (\n        <Typography variant={'body1'} className={classes.valueRoot}>\n          {value}\n        </Typography>\n      )}\n    </div>\n  );\n};\n"],"mappings":";;;;AAGA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,SAAS,QACV;CACD,WAAW;EACT,OAAO;EACP,aAAa,MAAM,QAAQ,GAAI;EAC/B,SAAS;EACV;CACD,WAAW,EACT,OAAO,WACR;CACF,EAAE;AAEH,MAAa,uBAAuB,UAAU;CAC5C,MAAM,EACJ,OACA,OACA,iBAAiB,KACjB,wBAAwB,UACtB;CACJ,MAAM,UAAU,UAAU,MAAM;AAEhC,QACE,oCAAC,SAAI,WAAW,QAAQ,QACrB,CAAC,CAAC,SACD,oCAAC;EAAW,SAAS;EAAS,WAAW,QAAQ;IAC9C,OACA,CAAC,yBAAyB,eAChB,EAEd,CAAC,CAAC,SACD,oCAAC;EAAW,SAAS;EAAS,WAAW,QAAQ;IAC9C,MACU,CAEX"}

package/dist/ContentContainer-DavKGqul.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+import PropTypes from "prop-types";
+
+//#region src/utilities/style/ContentContainer.jsx
+const useStyles = makeStyles((theme) => ({
+	root: { padding: (props) => theme.spacing(props.text ? 2 : 1) },
+	paddingTop: { paddingTop: (props) => theme.spacing(props.text ? 2 : 1) },
+	paddingBottom: { paddingBottom: (props) => theme.spacing(props.text ? 2 : 1) },
+	paddingRight: { paddingRight: (props) => theme.spacing(props.text ? 2 : 1) },
+	paddingLeft: { paddingLeft: (props) => theme.spacing(props.text ? 2 : 1) }
+}));
+const ContentContainer = (props) => {
+	const { children, np, pt, pb, pl, pr } = props;
+	const classes = useStyles(props);
+	return /* @__PURE__ */ React.createElement("div", { className: clsx(!np && classes.root, pt && classes.paddingTop, pb && classes.paddingBottom, pl && classes.paddingLeft, pr && classes.paddingRight) }, children);
+};
+ContentContainer.propTypes = {
+	np: PropTypes.bool,
+	pt: PropTypes.bool,
+	pb: PropTypes.bool,
+	pl: PropTypes.bool,
+	pr: PropTypes.bool,
+	text: PropTypes.text
+};
+
+//#endregion
+export { ContentContainer as t };
+//# sourceMappingURL=ContentContainer-DavKGqul.js.map

package/dist/ContentContainer-DavKGqul.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContentContainer-DavKGqul.js","names":[],"sources":["../src/utilities/style/ContentContainer.jsx"],"sourcesContent":["import React from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport clsx from 'clsx'\nimport PropTypes from 'prop-types'\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    padding: (props) => theme.spacing(props.text ? 2 : 1)\n  },\n  paddingTop: {\n    paddingTop: (props) => theme.spacing(props.text ? 2 : 1)\n  },\n  paddingBottom: {\n    paddingBottom: (props) => theme.spacing(props.text ? 2 : 1)\n  },\n  paddingRight: {\n    paddingRight: (props) => theme.spacing(props.text ? 2 : 1)\n  },\n  paddingLeft: {\n    paddingLeft: (props) => theme.spacing(props.text ? 2 : 1)\n  }\n}))\n\nexport const ContentContainer = (props) => {\n  const { children, np, pt, pb, pl, pr } = props\n  const classes = useStyles(props)\n\n  return (\n    <div\n      className={clsx(\n        !np && classes.root,\n        pt && classes.paddingTop,\n        pb && classes.paddingBottom,\n        pl && classes.paddingLeft,\n        pr && classes.paddingRight\n      )}\n    >\n      {children}\n    </div>\n  )\n}\n\nContentContainer.propTypes = {\n  /**\n   * removes padding from container to allow for custom padding\n   */\n  np: PropTypes.bool,\n  /**\n   * Sets padding top (if np is true)\n   */\n  pt: PropTypes.bool,\n  /**\n   * Sets padding bottom (if np is true)\n   */\n  pb: PropTypes.bool,\n  /**\n   * Sets padding left (if np is true)\n   */\n  pl: PropTypes.bool,\n  /**\n   * Sets padding right (if np is true)\n   */\n  pr: PropTypes.bool,\n  /**\n   * Sets double padding for use with text\n   */\n  text: PropTypes.text\n}\n"],"mappings":";;;;;;AAKA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM,EACJ,UAAU,UAAU,MAAM,QAAQ,MAAM,OAAO,IAAI,EAAE,EACtD;CACD,YAAY,EACV,aAAa,UAAU,MAAM,QAAQ,MAAM,OAAO,IAAI,EAAE,EACzD;CACD,eAAe,EACb,gBAAgB,UAAU,MAAM,QAAQ,MAAM,OAAO,IAAI,EAAE,EAC5D;CACD,cAAc,EACZ,eAAe,UAAU,MAAM,QAAQ,MAAM,OAAO,IAAI,EAAE,EAC3D;CACD,aAAa,EACX,cAAc,UAAU,MAAM,QAAQ,MAAM,OAAO,IAAI,EAAE,EAC1D;CACF,EAAE;AAEH,MAAa,oBAAoB,UAAU;CACzC,MAAM,EAAE,UAAU,IAAI,IAAI,IAAI,IAAI,OAAO;CACzC,MAAM,UAAU,UAAU,MAAM;AAEhC,QACE,oCAAC,SACC,WAAW,KACT,CAAC,MAAM,QAAQ,MACf,MAAM,QAAQ,YACd,MAAM,QAAQ,eACd,MAAM,QAAQ,aACd,MAAM,QAAQ,aACf,IAEA,SACG;;AAIV,iBAAiB,YAAY;CAI3B,IAAI,UAAU;CAId,IAAI,UAAU;CAId,IAAI,UAAU;CAId,IAAI,UAAU;CAId,IAAI,UAAU;CAId,MAAM,UAAU;CACjB"}