udp-react-enterprise-component-library 25.18.1-beta.31 → 25.18.1-beta.33

package/dist/CircleButton-DZk_tZkr.js

@@ -1,240 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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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"}

package/dist/CircleGaugeWidget-ByKcP5ut.js

@@ -1,111 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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/ClientSideUdpGrid-D--quAtb.js

@@ -1,11 +0,0 @@
-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-D--quAtb.js.map

package/dist/ClientSideUdpGrid-D--quAtb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ClientSideUdpGrid-D--quAtb.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-DjKgQdBo.js

@@ -1,16 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,30 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,176 +0,0 @@
-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