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

package/dist/CircleGaugeWidget-ByKcP5ut.js

@@ -0,0 +1,111 @@
+import { t as SummaryBlock } from "./SummaryBlock-BjUNDl4q.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-ByKcP5ut.js.map

package/dist/CircleGaugeWidget-ByKcP5ut.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircleGaugeWidget-ByKcP5ut.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-CACqWr56.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-CACqWr56.js.map

package/dist/CircularProgress-CACqWr56.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CircularProgress-CACqWr56.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,WACR,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/CompactDataList-DjKgQdBo.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-DjKgQdBo.js.map

package/dist/CompactDataList-DjKgQdBo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CompactDataList-DjKgQdBo.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/ContentContainer-DM8k_rkb.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-DM8k_rkb.js.map

package/dist/ContentContainer-DM8k_rkb.js.map

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

package/dist/CrudBrowserContainer-BOjdVMWv.js

@@ -0,0 +1,176 @@
+import { a as toTitleCase } from "./StringUtilities-u-cxAW6-.js";
+import { r as getSanitizedName } from "./entityUtilities-_8w-Zjs3.js";
+import { F as UdpEnums, p as LookupTypeIdEnums } from "./unitySystemEnums-DtVX3A-I.js";
+import { t as SearchMethodUdpGrid } from "./SearchMethodUdpGrid-QU4FZ0Gk.js";
+import React, { useCallback, useEffect, useMemo } from "react";
+import { useHistory } from "react-router-dom";
+import { LookupEntitiesIcon } from "@fluentui/react-icons";
+import { useTranslation } from "react-i18next";
+import { v4 } from "uuid";
+
+//#region src/maintenanceEngine/crudBrowser/crudHelper.ts
+function mapDotNetTypeToAgGridType(type) {
+	const normalized = type.replace(/\?$/, "").trim().toLowerCase();
+	if (normalized === "byte" || normalized === "short" || normalized === "int" || normalized === "long" || normalized === "float" || normalized === "double" || normalized === "decimal") return "number";
+	if (normalized === "string" || normalized === "guid") return "text";
+	if (normalized === "bool" || normalized === "boolean") return "boolean";
+	if (normalized === "date") return "dateString";
+	if (normalized === "datetime") return "dateTimeString";
+	if (normalized.startsWith("dictionary") || normalized === "object") return "object";
+	return "text";
+}
+
+//#endregion
+//#region src/maintenanceEngine/crudBrowser/CrudTableColumnDefs.js
+const CrudTableColumnDefs = (entityAttributes, actionList) => {
+	let columnDefs = entityAttributes?.reduce((defs, element) => {
+		if (element?.extendedProperties?.udpFieldProperties?.maintenanceConfig?.hidden === true) return defs;
+		if (element?.name === "businessObjectKey") return defs;
+		if (!element?.extendedProperties?.childEntity) {
+			const columnHeaderName = toTitleCase(element?.extendedProperties?.udpFieldProperties?.displayName || element?.name);
+			const lookupId = element?.extendedProperties?.lookup || element?.extendedProperties?.udpFieldProperties?.maintainenceConfig?.lookup;
+			let def = {
+				headerName: columnHeaderName,
+				field: element?.name.charAt(0).toLowerCase() + element?.name.slice(1),
+				cellDataType: mapDotNetTypeToAgGridType(element?.type),
+				filter: element?.extendedProperties?.searchable,
+				sortable: element?.extendedProperties?.orderable,
+				hide: element?.extendedProperties?.udpFieldProperties?.maintainenceConfig?.hidden,
+				tooltipField: element?.name.charAt(0).toLowerCase() + element?.name.slice(1),
+				context: {
+					lookupId,
+					...element
+				}
+			};
+			defs.push(def);
+		}
+		return defs;
+	}, []) || [];
+	columnDefs.push({
+		headerName: "Actions",
+		field: "actions",
+		cellRenderer: "actionsRenderer",
+		cellRendererParams: { actionList }
+	});
+	return columnDefs;
+};
+
+//#endregion
+//#region src/maintenanceEngine/crudBrowser/CrudBrowserContainer.jsx
+const GRID_ID = "4be3be45-1930-4ab9-b7b7-0c0fa3e30490";
+const CrudBrowserContainer = (props) => {
+	const { actionList, onCreate, entityAttributes, foreignKeyData, promotedEntity, apiMethod, filterElements, setAlertWarnings, gridApiCallback, showBackToTableBrowser, ...other } = props;
+	const { t } = useTranslation();
+	const history = useHistory();
+	const entityName = useMemo(() => {
+		return promotedEntity?.entityName;
+	}, [promotedEntity]);
+	const commonEntityName = useMemo(() => {
+		if (!entityName) return "";
+		return toTitleCase(getSanitizedName(entityName));
+	}, [entityName]);
+	const handleGoToTableBrowser = useCallback(() => {
+		history.push({ pathname: `/tableBrowser` });
+	}, [history]);
+	const secondaryActionButtons = useMemo(() => {
+		if (showBackToTableBrowser) return [{
+			label: t("Table Browser"),
+			iconName: "arrowLeft16",
+			onClick: handleGoToTableBrowser
+		}];
+		else return [];
+	}, [
+		handleGoToTableBrowser,
+		showBackToTableBrowser,
+		t
+	]);
+	const virtualActions = useMemo(() => {
+		return [{
+			id: 3,
+			title: t("Open Virtual Table"),
+			icon: LookupEntitiesIcon,
+			loading: !!!foreignKeyData,
+			onClick: (value) => {
+				history.push({
+					pathname: `/virtual/${value.id}`,
+					search: `?entityName=${entityName}`,
+					state: {
+						value,
+						promotedEntity,
+						label: value.name
+					}
+				});
+			},
+			checkDisabled: (value) => value.typeId !== LookupTypeIdEnums.Lookup
+		}];
+	}, [
+		entityName,
+		foreignKeyData,
+		history,
+		promotedEntity,
+		t
+	]);
+	const jointActionList = useMemo(() => {
+		if (!actionList || actionList?.length === 0) return null;
+		if (getSanitizedName(entityName?.toLowerCase()) === UdpEnums.Udp_Lookup.toLowerCase()) return [...actionList, ...virtualActions];
+		return [...actionList];
+	}, [
+		actionList,
+		entityName,
+		virtualActions
+	]);
+	const columnDefs = useMemo(() => {
+		if (entityAttributes && jointActionList) return CrudTableColumnDefs(entityAttributes, jointActionList);
+	}, [entityAttributes, jointActionList]);
+	useEffect(() => {
+		if (promotedEntity) {
+			if (!promotedEntity?.unityBaseSearchMethod?.apiMethodId) {
+				const searchMethodWarning = {
+					id: v4(),
+					message: `${promotedEntity.entityName}'s Search method needs to be promoted`
+				};
+				setAlertWarnings && setAlertWarnings((prevState) => [...prevState, searchMethodWarning]);
+			}
+		}
+	}, [promotedEntity, setAlertWarnings]);
+	const searchMethodConfig = useMemo(() => {
+		return {
+			apiMethodId: promotedEntity?.unityBaseSearchMethod?.apiMethodId,
+			customSearchObject: { filterElements }
+		};
+	}, [promotedEntity?.unityBaseSearchMethod?.apiMethodId, filterElements]);
+	const gridFunctions = useMemo(() => {
+		return [
+			{ name: "openSavedViews" },
+			{ name: "agGridSizeColumnsToFit" },
+			{ name: "agGridAutoSizeColumns" },
+			{ name: "agGridResetColumns" },
+			{ name: "agGridHideShowColumns" }
+		];
+	}, []);
+	return /* @__PURE__ */ React.createElement(SearchMethodUdpGrid, {
+		columnDefs,
+		searchMethodConfig,
+		gridHeaderConfig: {
+			title: commonEntityName,
+			primaryActionButton: {
+				label: "Add",
+				iconName: "add",
+				onClick: onCreate
+			},
+			secondaryActionButtons
+		},
+		gridId: GRID_ID,
+		entityName: commonEntityName,
+		gridOptions: {
+			pagination: true,
+			...other
+		},
+		gridApiCallback,
+		gridFunctions
+	});
+};
+
+//#endregion
+export { CrudTableColumnDefs as n, mapDotNetTypeToAgGridType as r, CrudBrowserContainer as t };
+//# sourceMappingURL=CrudBrowserContainer-BOjdVMWv.js.map

package/dist/CrudBrowserContainer-BOjdVMWv.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CrudBrowserContainer-BOjdVMWv.js","names":["uuid"],"sources":["../src/maintenanceEngine/crudBrowser/crudHelper.ts","../src/maintenanceEngine/crudBrowser/CrudTableColumnDefs.js","../src/maintenanceEngine/crudBrowser/CrudBrowserContainer.jsx"],"sourcesContent":["export function mapDotNetTypeToAgGridType(\n  type: string\n): 'text' | 'number' | 'boolean' | 'dateString' | 'dateTimeString' | 'object' {\n  const normalized = type.replace(/\\?$/, '').trim().toLowerCase();\n\n  if (\n    normalized === 'byte' ||\n    normalized === 'short' ||\n    normalized === 'int' ||\n    normalized === 'long' ||\n    normalized === 'float' ||\n    normalized === 'double' ||\n    normalized === 'decimal'\n  ) {\n    return 'number';\n  }\n\n  if (normalized === 'string' || normalized === 'guid') {\n    return 'text';\n  }\n\n  if (normalized === 'bool' || normalized === 'boolean') {\n    return 'boolean';\n  }\n\n  if (normalized === 'date') {\n    return 'dateString';\n  }\n\n  if (normalized === 'datetime') {\n    return 'dateTimeString';\n  }\n\n  if (normalized.startsWith('dictionary') || normalized === 'object') {\n    return 'object';\n  }\n\n  // fallback default\n  return 'text';\n}\n","import { toTitleCase } from '../../utilities/input/StringUtilities';\nimport { mapDotNetTypeToAgGridType } from './crudHelper';\n\nexport const CrudTableColumnDefs = (entityAttributes, actionList) => {\n  let columnDefs =\n    entityAttributes?.reduce((defs, element) => {\n      //skip is hidden through maintenance config\n      if (\n        element?.extendedProperties?.udpFieldProperties?.maintenanceConfig\n          ?.hidden === true\n      ) {\n        return defs;\n      }\n      //skip if business object key\n      if (element?.name === 'businessObjectKey') {\n        return defs;\n      }\n\n      if (!element?.extendedProperties?.childEntity) {\n        const columnHeader =\n          element?.extendedProperties?.udpFieldProperties?.displayName ||\n          element?.name;\n\n        const columnHeaderName = toTitleCase(columnHeader);\n        const lookupId =\n          element?.extendedProperties?.lookup ||\n          element?.extendedProperties?.udpFieldProperties?.maintainenceConfig\n            ?.lookup;\n\n        let def = {\n          headerName: columnHeaderName,\n          field: element?.name.charAt(0).toLowerCase() + element?.name.slice(1),\n          cellDataType: mapDotNetTypeToAgGridType(element?.type),\n          filter: element?.extendedProperties?.searchable,\n          sortable: element?.extendedProperties?.orderable,\n          hide: element?.extendedProperties?.udpFieldProperties?.maintainenceConfig?.hidden,\n          tooltipField: element?.name.charAt(0).toLowerCase() + element?.name.slice(1),\n          context: {\n            lookupId: lookupId,\n            ...element\n          }\n        };\n\n        defs.push(def);\n      }\n      return defs;\n    }, []) || [];\n\n  columnDefs.push({\n    headerName: 'Actions',\n    field: 'actions',\n    cellRenderer: 'actionsRenderer',\n    cellRendererParams: {\n      actionList: actionList\n    }\n  });\n\n  return columnDefs;\n};\n","import React, { useMemo, useEffect, useCallback } from 'react';\nimport { CrudTableColumnDefs } from './CrudTableColumnDefs';\nimport { LookupEntitiesIcon } from '@fluentui/react-icons';\nimport { useTranslation } from 'react-i18next';\nimport { useHistory } from 'react-router-dom';\nimport { LookupTypeIdEnums, UdpEnums } from '../../enums/unitySystemEnums';\nimport { toTitleCase } from '../../utilities/input/StringUtilities';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { v4 as uuid } from 'uuid';\nimport { SearchMethodUdpGrid } from '../../UI/templates/newGrid/SearchMethodUdpGrid';\n\nconst GRID_ID = '4be3be45-1930-4ab9-b7b7-0c0fa3e30490';\n\nexport const CrudBrowserContainer = (props) => {\n  const {\n    actionList,\n    onCreate,\n    entityAttributes,\n    foreignKeyData,\n    promotedEntity,\n    apiMethod,\n    filterElements,\n    setAlertWarnings,\n    gridApiCallback,\n    showBackToTableBrowser,\n    ...other\n  } = props;\n\n  const { t } = useTranslation();\n  const history = useHistory();\n\n  const entityName = useMemo(() => {\n    return promotedEntity?.entityName;\n  }, [promotedEntity]);\n\n  const commonEntityName = useMemo(() => {\n    if (!entityName) return '';\n    return toTitleCase(getSanitizedName(entityName));\n  }, [entityName]);\n\n  const handleGoToTableBrowser = useCallback(() => {\n    history.push({\n      pathname: `/tableBrowser`\n    });\n  }, [history]);\n\n  const secondaryActionButtons = useMemo(() => {\n    if (showBackToTableBrowser) {\n      return [\n        {\n          label: t('Table Browser'),\n          iconName: 'arrowLeft16',\n          onClick: handleGoToTableBrowser\n        }\n      ];\n    } else {\n      return [];\n    }\n  }, [handleGoToTableBrowser, showBackToTableBrowser, t]);\n\n  const virtualActions = useMemo(() => {\n    return [\n      // Action for opening Virtual Configuration\n      {\n        id: 3,\n        title: t('Open Virtual Table'),\n        icon: LookupEntitiesIcon,\n        loading: !!!foreignKeyData,\n        onClick: (value) => {\n          history.push({\n            pathname: `/virtual/${value.id}`,\n            search: `?entityName=${entityName}`,\n            state: {\n              value,\n              promotedEntity,\n              label: value.name\n            }\n          });\n        },\n        checkDisabled: (value) => value.typeId !== LookupTypeIdEnums.Lookup\n      }\n    ];\n  }, [entityName, foreignKeyData, history, promotedEntity, t]);\n\n  const jointActionList = useMemo(() => {\n    if (!actionList || actionList?.length === 0) {\n      return null;\n    }\n    // Check if it's a udp lookup entity\n    if (\n      getSanitizedName(entityName?.toLowerCase()) ===\n      UdpEnums.Udp_Lookup.toLowerCase()\n    ) {\n      return [...actionList, ...virtualActions];\n    }\n    return [...actionList];\n  }, [actionList, entityName, virtualActions]);\n\n  const columnDefs = useMemo(() => {\n    if (entityAttributes && jointActionList) {\n      return CrudTableColumnDefs(entityAttributes, jointActionList);\n    }\n  }, [entityAttributes, jointActionList]);\n\n  useEffect(() => {\n    if (promotedEntity) {\n      if (!promotedEntity?.unityBaseSearchMethod?.apiMethodId) {\n        const searchMethodWarning = {\n          id: uuid(),\n          message: `${promotedEntity.entityName}'s Search method needs to be promoted`\n        };\n        setAlertWarnings &&\n          setAlertWarnings((prevState) => [...prevState, searchMethodWarning]);\n      }\n    }\n  }, [promotedEntity, setAlertWarnings]);\n\n  const searchMethodConfig = useMemo(() => {\n    return {\n      apiMethodId: promotedEntity?.unityBaseSearchMethod?.apiMethodId,\n      customSearchObject: {filterElements: filterElements}\n    };\n  }, [promotedEntity?.unityBaseSearchMethod?.apiMethodId, filterElements]);\n\n  const gridFunctions = useMemo(() => {\n    return [\n      { name: 'openSavedViews' },\n      { name: 'agGridSizeColumnsToFit' },\n      { name: 'agGridAutoSizeColumns' },\n      { name: 'agGridResetColumns' },\n      { name: 'agGridHideShowColumns' }\n    ];\n  }, []);\n\n  return (\n    <SearchMethodUdpGrid\n      columnDefs={columnDefs}\n      searchMethodConfig={searchMethodConfig}\n      gridHeaderConfig={{\n        title: commonEntityName,\n        primaryActionButton: {\n          label: 'Add',\n          iconName: 'add',\n          onClick: onCreate\n        },\n        secondaryActionButtons: secondaryActionButtons\n      }}\n      gridId={GRID_ID}\n      entityName={commonEntityName}\n      gridOptions={{\n        pagination: true,\n        ...other\n      }}\n      gridApiCallback={gridApiCallback}\n      gridFunctions={gridFunctions}\n    />\n  );\n};\n"],"mappings":"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"}