udp-react-enterprise-component-library 25.18.1-beta.3 → 25.18.1-beta.30

package/dist/ChipAlphabet-CektqzPW.js

@@ -0,0 +1,353 @@
+import { t as AvatarAlphabet } from "./AvatarAlphabet-wbHcpayy.js";
+import React from "react";
+import { Chip, lighten } from "@material-ui/core";
+
+//#region src/UI/dataDisplay/ChipAlphabet.jsx
+const ChipAlphabet = ({ avatarCharacter, label, handleClick, avatar }) => {
+	let letter = "";
+	const highlight = .8;
+	switch (avatarCharacter) {
+		case "A":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#FFB900", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "B":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#E74856", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "C":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#0078D7", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "D":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#0099BC", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "E":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#7A7574", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "F":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#0078D7", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "G":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#FF8C00", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "H":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#E81123", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "I":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#0063B1", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				})
+			});
+			break;
+		case "J":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#2D7D9A", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "K":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#5D5A58", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "L":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#4C4A48", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "M":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#F7630C", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "N":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#EA005E", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "O":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#8E8CD8", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "P":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#00B7C3", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "Q":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#68768A", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "R":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#69797E", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "S":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#CA5010", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "T":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#C30052", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "U":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("FF4343", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "V":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#9A0089", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "W":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#10893E", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "X":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#567C73", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "Y":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#018574", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		case "Z":
+			letter = /* @__PURE__ */ React.createElement(Chip, {
+				style: { backgroundColor: lighten("#881798", highlight) },
+				label,
+				size: "small",
+				avatar: /* @__PURE__ */ React.createElement(AvatarAlphabet, {
+					size: "small",
+					avatarCharacter: avatar && avatarCharacter
+				}),
+				onClick: handleClick,
+				clickable: true
+			});
+			break;
+		default:
+	}
+	return letter;
+};
+
+//#endregion
+export { ChipAlphabet as t };
+//# sourceMappingURL=ChipAlphabet-CektqzPW.js.map

package/dist/ChipAlphabet-CektqzPW.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChipAlphabet-CektqzPW.js","names":[],"sources":["../src/UI/dataDisplay/ChipAlphabet.jsx"],"sourcesContent":["import React from 'react'\nimport { Chip, lighten } from '@material-ui/core'\nimport { AvatarAlphabet } from './AvatarAlphabet'\n\nexport const ChipAlphabet = ({\n  avatarCharacter,\n  label,\n  handleClick,\n  avatar\n}) => {\n  let letter = ''\n  const highlight = 0.8\n\n  switch (avatarCharacter) {\n    case 'A':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#FFB900', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'B':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#E74856', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'C':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#0078D7', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'D':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#0099BC', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'E':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#7A7574', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'F':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#0078D7', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'G':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#FF8C00', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'H':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#E81123', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'I':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#0063B1', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n        />\n      )\n      break\n    case 'J':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#2D7D9A', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'K':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#5D5A58', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'L':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#4C4A48', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'M':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#F7630C', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'N':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#EA005E', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'O':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#8E8CD8', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'P':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#00B7C3', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'Q':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#68768A', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'R':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#69797E', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'S':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#CA5010', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'T':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#C30052', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'U':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('FF4343', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'V':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#9A0089', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'W':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#10893E', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'X':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#567C73', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'Y':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#018574', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n    case 'Z':\n      letter = (\n        <Chip\n          style={{ backgroundColor: lighten('#881798', highlight) }}\n          label={label}\n          size='small'\n          avatar={\n            <AvatarAlphabet\n              size='small'\n              avatarCharacter={avatar && avatarCharacter}\n            />\n          }\n          onClick={handleClick}\n          clickable\n        />\n      )\n      break\n\n    default:\n  }\n\n  return letter\n}\n"],"mappings":"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"}

package/dist/CircleButton-DZk_tZkr.js

@@ -0,0 +1,240 @@
+import { t as LayoutUnit } from "./LayoutUnit-D4jJvonh.js";
+import { t as IconRenderer } from "./IconRenderer-Cl025sZh.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-DZk_tZkr.js.map

package/dist/CircleButton-DZk_tZkr.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleButton-DZk_tZkr.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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"}