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

package/dist/UdpTimeSelector-BIKJO-Q4.js

@@ -0,0 +1,147 @@
+import React, { useCallback } from "react";
+import { InputAdornment, makeStyles } from "@material-ui/core";
+import { KeyboardDateTimePicker, MuiPickersUtilsProvider } from "@material-ui/pickers";
+import DateFnsUtils from "@date-io/date-fns";
+import { EventDateIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+
+//#region src/UI/inputs/pickers/FluentDateTimePicker.jsx
+const useStyles$2 = makeStyles((theme) => ({
+	root: {},
+	inputRoot: { fontSize: 12 },
+	input: {
+		borderRadius: 2,
+		height: 32,
+		padding: 0,
+		paddingLeft: theme.spacing(1)
+	},
+	formTextInput: { fontSize: 14 },
+	labelRoot: { fontSize: 14 },
+	FormControl: {
+		display: "none",
+		marginTop: 0
+	}
+}));
+const FluentDateTimePicker = (props) => {
+	const classes = useStyles$2();
+	const { id, udprecordid, label, startAdornment, endAdornment, handleDateChange: onChangeProp, selectedDate,...otherProps } = props;
+	const onChange = useCallback((e, value) => {
+		return onChangeProp?.(e, value);
+	}, [onChangeProp]);
+	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils }, /* @__PURE__ */ React.createElement(KeyboardDateTimePicker, {
+		format: "MM/dd/yyyy HH:mm",
+		margin: "normal",
+		id,
+		udprecordid,
+		inputVariant: "outlined",
+		value: selectedDate,
+		onChange,
+		...otherProps,
+		KeyboardButtonProps: {
+			"aria-label": "change date",
+			udprecordid: udprecordid + "-button"
+		},
+		keyboardIcon: /* @__PURE__ */ React.createElement(EventDateIcon, { style: { fontSize: 16 } }),
+		InputProps: {
+			classes: {
+				root: classes.input,
+				input: classes.formTextInput,
+				...props.InputProps?.classes
+			},
+			...props.InputProps,
+			...startAdornment,
+			...endAdornment,
+			startAdornment: /* @__PURE__ */ React.createElement(InputAdornment, {
+				classes: { root: classes.inputRoot },
+				className: classes.inputRoot,
+				position: "start"
+			}, label)
+		},
+		InputLabelProps: {
+			shrink: false,
+			classes: {
+				root: classes.labelRoot,
+				focused: classes.labelFocused
+			}
+		}
+	})));
+};
+FluentDateTimePicker.propTypes = { label: PropTypes.string.isRequired };
+
+//#endregion
+//#region src/UI/inputs/pickers/UdpDateSelector.jsx
+const useStyles$1 = makeStyles((theme) => ({ dateInput: {
+	borderRadius: 2,
+	height: 32,
+	padding: theme.spacing(1),
+	margin: theme.spacing(1),
+	fontSize: 14,
+	border: "1px solid #ced4da",
+	backgroundColor: "transparent",
+	"&:focus": {
+		borderColor: theme.palette.primary.main,
+		outline: "none"
+	}
+} }));
+const UdpDateSelector = (props) => {
+	const classes = useStyles$1();
+	const { id, udprecordid, label, handleDateChange: onChangeProp, selectedDate,...otherProps } = props;
+	const onChange = (event) => {
+		return onChangeProp?.(event.target.value);
+	};
+	return /* @__PURE__ */ React.createElement("label", {
+		htmlFor: id,
+		className: classes.labelRoot
+	}, label, /* @__PURE__ */ React.createElement("input", {
+		type: "date",
+		id,
+		className: classes.dateInput,
+		value: selectedDate,
+		onChange,
+		...otherProps
+	}));
+};
+UdpDateSelector.propTypes = {
+	label: PropTypes.string.isRequired,
+	id: PropTypes.string.isRequired,
+	handleDateChange: PropTypes.func,
+	selectedDate: PropTypes.string
+};
+
+//#endregion
+//#region src/UI/inputs/pickers/UdpTimeSelector.jsx
+const useStyles = makeStyles((theme) => ({ timeInput: {
+	borderRadius: 2,
+	height: 32,
+	padding: theme.spacing(1),
+	margin: theme.spacing(1),
+	fontSize: 14,
+	border: "1px solid #ced4da",
+	backgroundColor: "transparent",
+	"&:focus": {
+		borderColor: theme.palette.primary.main,
+		outline: "none"
+	}
+} }));
+const UdpTimeSelector = (props) => {
+	const classes = useStyles();
+	const { id, label,...otherProps } = props;
+	return /* @__PURE__ */ React.createElement("label", {
+		htmlFor: id,
+		className: classes.labelRoot
+	}, label, /* @__PURE__ */ React.createElement("input", {
+		type: "time",
+		id,
+		udprecordid: "udpRecord-FluentTimePicker-" + id,
+		className: classes.timeInput,
+		...otherProps
+	}));
+};
+UdpTimeSelector.propTypes = {
+	label: PropTypes.string,
+	id: PropTypes.string
+};
+
+//#endregion
+export { FluentDateTimePicker, UdpDateSelector, UdpTimeSelector };
+//# sourceMappingURL=UdpTimeSelector-BIKJO-Q4.js.map

package/dist/UdpTimeSelector-BIKJO-Q4.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpTimeSelector-BIKJO-Q4.js","names":["useStyles","useStyles"],"sources":["../src/UI/inputs/pickers/FluentDateTimePicker.jsx","../src/UI/inputs/pickers/UdpDateSelector.jsx","../src/UI/inputs/pickers/UdpTimeSelector.jsx"],"sourcesContent":["import React, { useCallback } from 'react';\nimport { makeStyles, InputAdornment } from '@material-ui/core';\nimport { EventDateIcon } from '@fluentui/react-icons';\nimport {\n  MuiPickersUtilsProvider,\n  KeyboardDateTimePicker\n} from '@material-ui/pickers';\nimport DateFnsUtils from '@date-io/date-fns';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  inputRoot: {\n    fontSize: 12\n  },\n  input: {\n    borderRadius: 2,\n    height: 32,\n    padding: 0,\n    paddingLeft: theme.spacing(1)\n  },\n  formTextInput: {\n    fontSize: 14\n  },\n  labelRoot: {\n    fontSize: 14\n  },\n  FormControl: {\n    display: 'none',\n    marginTop: 0\n  }\n}));\n\nexport const FluentDateTimePicker = (props) => {\n  const classes = useStyles();\n  const {\n    id,\n    udprecordid,\n    label,\n    startAdornment,\n    endAdornment,\n    handleDateChange: onChangeProp,\n    selectedDate,\n    ...otherProps\n  } = props;\n\n  const onChange = useCallback(\n    (e, value) => {\n      return onChangeProp?.(e, value);\n    },\n    [onChangeProp]\n  );\n\n  return (\n    <div>\n      <MuiPickersUtilsProvider utils={DateFnsUtils}>\n        <KeyboardDateTimePicker\n          // disableToolbar\n          // variant='inline'\n          format='MM/dd/yyyy HH:mm'\n          margin='normal'\n          id={id}\n          udprecordid={udprecordid}\n          inputVariant='outlined'\n          value={selectedDate}\n          onChange={onChange}\n          {...otherProps}\n          KeyboardButtonProps={{\n            'aria-label': 'change date',\n            udprecordid: udprecordid + '-button'\n          }}\n          keyboardIcon={<EventDateIcon style={{ fontSize: 16 }} />}\n          InputProps={{\n            classes: {\n              root: classes.input,\n              input: classes.formTextInput,\n              ...props.InputProps?.classes\n            },\n            ...props.InputProps,\n            ...startAdornment,\n            ...endAdornment,\n            startAdornment: (\n              <InputAdornment\n                classes={{ root: classes.inputRoot }}\n                className={classes.inputRoot}\n                position='start'\n              >\n                {label}\n              </InputAdornment>\n            )\n          }}\n          InputLabelProps={{\n            shrink: false,\n            classes: {\n              root: classes.labelRoot,\n              focused: classes.labelFocused\n            }\n          }}\n        />\n      </MuiPickersUtilsProvider>\n    </div>\n  );\n};\n\nFluentDateTimePicker.propTypes = {\n  /**\n   * Adornment label (eg, From: )\n   */\n  label: PropTypes.string.isRequired\n  /**\n   * Id\n   */\n};\n","import React from 'react';  \nimport { makeStyles} from '@material-ui/core';  \nimport PropTypes from 'prop-types';  \n  \nconst useStyles = makeStyles((theme) => ({  \n  dateInput: {  \n    borderRadius: 2,  \n    height: 32,  \n    padding: theme.spacing(1),  \n    margin: theme.spacing(1), // Add margin around the input  \n    fontSize: 14,  \n    border: '1px solid #ced4da',  \n    backgroundColor: 'transparent', // Set the background color to transparent  \n    '&:focus': {  \n      borderColor: theme.palette.primary.main,  \n      outline: 'none',  \n    },  \n  },  \n}));  \n  \nexport const UdpDateSelector = (props) => {  \n  const classes = useStyles();  \n  const {  \n    id,  \n    udprecordid,  \n    label,  \n    handleDateChange: onChangeProp,  \n    selectedDate,  \n    ...otherProps  \n  } = props;  \n  \n  const onChange = (event) => {  \n    return onChangeProp?.(event.target.value);  \n  };  \n  \n  return (  \n    <label htmlFor={id} className={classes.labelRoot}>  \n      {label}  \n      <input  \n        type=\"date\"  \n        id={id}  \n        className={classes.dateInput}  \n        value={selectedDate}  \n        onChange={onChange}  \n        {...otherProps}  \n      />  \n    </label>  \n  );  \n};  \n  \nUdpDateSelector.propTypes = {  \n  label: PropTypes.string.isRequired,  \n  id: PropTypes.string.isRequired,  \n  handleDateChange: PropTypes.func,  \n  selectedDate: PropTypes.string,  \n};  \n  \nexport default UdpDateSelector;  ","import React from 'react';  \nimport { makeStyles } from '@material-ui/core';  \nimport PropTypes from 'prop-types';  \n  \nconst useStyles = makeStyles((theme) => ({  \n  // Style for the time input box with transparent background  \n  timeInput: {  \n    borderRadius: 2, // Rounded corners with a radius of 2px  \n    height: 32, \n    padding: theme.spacing(1), // Padding inside the input box, typically 8px if default theme spacing is used  \n    margin: theme.spacing(1), // Margin outside the input box to create space around the element  \n    fontSize: 14, // Font size of 14px for the text inside the input  \n    border: '1px solid #ced4da', // Border of 1px solid grey, matching old Material-UI grey  \n    backgroundColor: 'transparent', \n    '&:focus': {  \n      borderColor: theme.palette.primary.main, // Border color changes to primary color when the input is focused  \n      outline: 'none', // Removes the default browser outline on focus  \n    },  \n  },  \n}));  \n\n  \nexport const UdpTimeSelector = (props) => {  \n  const classes = useStyles();  \n  const { id, label, ...otherProps } = props;  \n  \n  return (  \n    <label htmlFor={id} className={classes.labelRoot}>  \n      {label}  \n      <input  \n        type=\"time\"  \n        id={id}  \n        udprecordid={\"udpRecord-FluentTimePicker-\"+id}\n        className={classes.timeInput}  \n        {...otherProps}  \n      />  \n    </label>  \n  );  \n};  \n  \nUdpTimeSelector.propTypes = {  \n  /**  \n   * Label for the time input  \n   */  \n  label: PropTypes.string,  \n  /**  \n   * Id for the time input  \n   */  \n  id: PropTypes.string,  \n};  \n  \nexport default UdpTimeSelector; "],"mappings":";;;;;;;;AAUA,MAAMA,cAAY,YAAY,WAAW;CACvC,MAAM,EAAE;CACR,WAAW,EACT,UAAU,IACX;CACD,OAAO;EACL,cAAc;EACd,QAAQ;EACR,SAAS;EACT,aAAa,MAAM,QAAQ,EAAE;EAC9B;CACD,eAAe,EACb,UAAU,IACX;CACD,WAAW,EACT,UAAU,IACX;CACD,aAAa;EACX,SAAS;EACT,WAAW;EACZ;CACF,EAAE;AAEH,MAAa,wBAAwB,UAAU;CAC7C,MAAM,UAAUA,aAAW;CAC3B,MAAM,EACJ,IACA,aACA,OACA,gBACA,cACA,kBAAkB,cAClB,aACA,GAAG,eACD;CAEJ,MAAM,WAAW,aACd,GAAG,UAAU;AACZ,SAAO,eAAe,GAAG,MAAM;IAEjC,CAAC,aAAa,CACf;AAED,QACE,oCAAC,aACC,oCAAC,2BAAwB,OAAO,gBAC9B,oCAAC;EAGC,QAAO;EACP,QAAO;EACH;EACS;EACb,cAAa;EACb,OAAO;EACG;EACV,GAAI;EACJ,qBAAqB;GACnB,cAAc;GACd,aAAa,cAAc;GAC5B;EACD,cAAc,oCAAC,iBAAc,OAAO,EAAE,UAAU,IAAI,GAAI;EACxD,YAAY;GACV,SAAS;IACP,MAAM,QAAQ;IACd,OAAO,QAAQ;IACf,GAAG,MAAM,YAAY;IACtB;GACD,GAAG,MAAM;GACT,GAAG;GACH,GAAG;GACH,gBACE,oCAAC;IACC,SAAS,EAAE,MAAM,QAAQ,WAAW;IACpC,WAAW,QAAQ;IACnB,UAAS;MAER,MACc;GAEpB;EACD,iBAAiB;GACf,QAAQ;GACR,SAAS;IACP,MAAM,QAAQ;IACd,SAAS,QAAQ;IAClB;GACF;GACD,CACsB,CACtB;;AAIV,qBAAqB,YAAY,EAI/B,OAAO,UAAU,OAAO,YAIzB;;;;AC5GD,MAAMC,cAAY,YAAY,WAAW,EACvC,WAAW;CACT,cAAc;CACd,QAAQ;CACR,SAAS,MAAM,QAAQ,EAAE;CACzB,QAAQ,MAAM,QAAQ,EAAE;CACxB,UAAU;CACV,QAAQ;CACR,iBAAiB;CACjB,WAAW;EACT,aAAa,MAAM,QAAQ,QAAQ;EACnC,SAAS;EACV;CACF,EACF,EAAE;AAEH,MAAa,mBAAmB,UAAU;CACxC,MAAM,UAAUA,aAAW;CAC3B,MAAM,EACJ,IACA,aACA,OACA,kBAAkB,cAClB,aACA,GAAG,eACD;CAEJ,MAAM,YAAY,UAAU;AAC1B,SAAO,eAAe,MAAM,OAAO,MAAM;;AAG3C,QACE,oCAAC;EAAM,SAAS;EAAI,WAAW,QAAQ;IACpC,OACD,oCAAC;EACC,MAAK;EACD;EACJ,WAAW,QAAQ;EACnB,OAAO;EACG;EACV,GAAI;GACJ,CACI;;AAIZ,gBAAgB,YAAY;CAC1B,OAAO,UAAU,OAAO;CACxB,IAAI,UAAU,OAAO;CACrB,kBAAkB,UAAU;CAC5B,cAAc,UAAU;CACzB;;;;ACnDD,MAAM,YAAY,YAAY,WAAW,EAEvC,WAAW;CACT,cAAc;CACd,QAAQ;CACR,SAAS,MAAM,QAAQ,EAAE;CACzB,QAAQ,MAAM,QAAQ,EAAE;CACxB,UAAU;CACV,QAAQ;CACR,iBAAiB;CACjB,WAAW;EACT,aAAa,MAAM,QAAQ,QAAQ;EACnC,SAAS;EACV;CACF,EACF,EAAE;AAGH,MAAa,mBAAmB,UAAU;CACxC,MAAM,UAAU,WAAW;CAC3B,MAAM,EAAE,IAAI,MAAO,GAAG,eAAe;AAErC,QACE,oCAAC;EAAM,SAAS;EAAI,WAAW,QAAQ;IACpC,OACD,oCAAC;EACC,MAAK;EACD;EACJ,aAAa,gCAA8B;EAC3C,WAAW,QAAQ;EACnB,GAAI;GACJ,CACI;;AAIZ,gBAAgB,YAAY;CAI1B,OAAO,UAAU;CAIjB,IAAI,UAAU;CACf"}

package/dist/UnityFluentIcon-fuqAQh0C.js

@@ -0,0 +1,70 @@
+import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
+import React from "react";
+import { makeStyles } from "@material-ui/core";
+import clsx from "clsx";
+
+//#region src/utilities/iconLibrary/UnityIcon.jsx
+const useStyles = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		fill: (props) => props.color || "black"
+	},
+	showcase: {
+		fontSize: 38,
+		width: 38,
+		height: 38
+	},
+	large: {
+		fontSize: 20,
+		width: 20,
+		height: 20
+	},
+	default: {
+		fontSize: 18,
+		width: 18,
+		height: 18
+	},
+	medium: {
+		fontSize: 16,
+		width: 16,
+		height: 16
+	},
+	small: {
+		fontSize: 14,
+		width: 14,
+		height: 14
+	},
+	xs: {
+		fontSize: 12,
+		width: 12,
+		height: 12
+	}
+}));
+const UnityIcon = (props) => {
+	const { component, size = "default", className,...otherProps } = props;
+	const classes = useStyles(props);
+	return /* @__PURE__ */ React.createElement("div", {
+		...otherProps,
+		className: clsx(classes.root, className, classes[size])
+	}, component);
+};
+
+//#endregion
+//#region src/utilities/iconLibrary/UnityFluentIcon.jsx
+const UnityFluentIcon = (props) => {
+	const { type, icon, color,...other } = props;
+	if (!icon) return null;
+	return type === "unity" ? /* @__PURE__ */ React.createElement(UnityIcon, {
+		component: icon,
+		color,
+		...other
+	}) : /* @__PURE__ */ React.createElement(FluentIcon, {
+		component: icon,
+		style: { color: color || "" },
+		...other
+	});
+};
+
+//#endregion
+export { UnityFluentIcon, UnityIcon };
+//# sourceMappingURL=UnityFluentIcon-fuqAQh0C.js.map

package/dist/UnityFluentIcon-fuqAQh0C.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnityFluentIcon-fuqAQh0C.js","names":[],"sources":["../src/utilities/iconLibrary/UnityIcon.jsx","../src/utilities/iconLibrary/UnityFluentIcon.jsx"],"sourcesContent":["import React from 'react';\nimport { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    fill: (props) => props.color || 'black'\n  },\n  showcase: {\n    fontSize: 38,\n    width: 38,\n    height: 38\n  },\n  large: {\n    fontSize: 20,\n    width: 20,\n    height: 20\n  },\n  default: {\n    fontSize: 18,\n    width: 18,\n    height: 18\n  },\n  medium: {\n    fontSize: 16,\n    width: 16,\n    height: 16\n  },\n  small: {\n    fontSize: 14,\n    width: 14,\n    height: 14\n  },\n  xs: {\n    fontSize: 12,\n    width: 12,\n    height: 12\n  }\n}));\n\nexport const UnityIcon = (props) => {\n  const { component, size = 'default', className, ...otherProps } = props;\n  const classes = useStyles(props);\n\n  return (\n    <div\n      {...otherProps}\n      className={clsx(classes.root, className, classes[size])}\n    >\n      {component}\n    </div>\n  );\n};\n","import React from 'react';\nimport { UnityIcon } from './UnityIcon';\nimport { FluentIcon } from './FluentIcon';\n\nexport const UnityFluentIcon = (props) => {\n  const { type, icon, color, ...other } = props;\n\n  if (!icon) {\n    return null;\n  }\n\n  return type === 'unity' ? (\n    <UnityIcon component={icon} color={color} {...other} />\n  ) : (\n    <FluentIcon component={icon} style={{ color: color || '' }} {...other} />\n  );\n};\n"],"mappings":";;;;;;AAIA,MAAM,YAAY,YAAY,WAAW;CACvC,MAAM;EACJ,SAAS;EACT,OAAO,UAAU,MAAM,SAAS;EACjC;CACD,UAAU;EACR,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,OAAO;EACL,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,SAAS;EACP,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,QAAQ;EACN,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,OAAO;EACL,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACD,IAAI;EACF,UAAU;EACV,OAAO;EACP,QAAQ;EACT;CACF,EAAE;AAEH,MAAa,aAAa,UAAU;CAClC,MAAM,EAAE,WAAW,OAAO,WAAW,UAAW,GAAG,eAAe;CAClE,MAAM,UAAU,UAAU,MAAM;AAEhC,QACE,oCAAC;EACC,GAAI;EACJ,WAAW,KAAK,QAAQ,MAAM,WAAW,QAAQ,MAAM;IAEtD,UACG;;;;;AC/CV,MAAa,mBAAmB,UAAU;CACxC,MAAM,EAAE,MAAM,MAAM,MAAO,GAAG,UAAU;AAExC,KAAI,CAAC,KACH,QAAO;AAGT,QAAO,SAAS,UACd,oCAAC;EAAU,WAAW;EAAa;EAAO,GAAI;GAAS,GAEvD,oCAAC;EAAW,WAAW;EAAM,OAAO,EAAE,OAAO,SAAS,IAAI;EAAE,GAAI;GAAS"}

package/dist/UnityIconLibrary-DnCuEr5M.js

@@ -0,0 +1,44 @@
+import React from "react";
+import SewerUrl from "./assets/unityIcons/Sewer.svg";
+import WaterDropUrl from "./assets/unityIcons/WaterDrop.svg";
+
+//#region src/utilities/iconLibrary/SvgIcon.tsx
+const SvgIcon = ({ src, alt = "", size, width, height, className, style }) => {
+	const resolvedWidth = width ?? size;
+	const resolvedHeight = height ?? size;
+	return /* @__PURE__ */ React.createElement("img", {
+		src,
+		alt,
+		width: resolvedWidth,
+		height: resolvedHeight,
+		className,
+		style
+	});
+};
+
+//#endregion
+//#region src/utilities/iconLibrary/UnityIconLibrary.jsx
+const unityIcons = [{
+	id: "WaterDropIcon",
+	label: "Water Drop",
+	icon: /* @__PURE__ */ React.createElement(SvgIcon, {
+		src: WaterDropUrl,
+		alt: "Water Drop"
+	}),
+	type: "unity"
+}, {
+	id: "SewerIcon",
+	label: "Sewer",
+	icon: /* @__PURE__ */ React.createElement(SvgIcon, {
+		src: SewerUrl,
+		alt: "Sewer"
+	}),
+	type: "unity"
+}];
+const getUnityIconFromName = (name) => {
+	return unityIcons.find((icon) => icon.id === name)?.icon || null;
+};
+
+//#endregion
+export { SvgIcon, getUnityIconFromName, unityIcons };
+//# sourceMappingURL=UnityIconLibrary-DnCuEr5M.js.map

package/dist/UnityIconLibrary-DnCuEr5M.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnityIconLibrary-DnCuEr5M.js","names":["SvgIcon: React.FC<SvgIconProps>"],"sources":["../src/utilities/iconLibrary/SvgIcon.tsx","../src/utilities/iconLibrary/UnityIconLibrary.jsx"],"sourcesContent":["import React from 'react';\n\nexport type SvgIconProps = {\n  src: string;\n  alt?: string;\n  size?: number | string;\n  width?: number | string;\n  height?: number | string;\n  className?: string;\n  style?: React.CSSProperties;\n};\n\nexport const SvgIcon: React.FC<SvgIconProps> = ({\n  src,\n  alt = '',\n  size,\n  width,\n  height,\n  className,\n  style,\n}) => {\n  const resolvedWidth = width ?? size;\n  const resolvedHeight = height ?? size;\n  return (\n    <img\n      src={src}\n      alt={alt}\n      width={resolvedWidth as any}\n      height={resolvedHeight as any}\n      className={className}\n      style={style}\n    />\n  );\n};\n\nexport default SvgIcon;\n","import React from 'react';\nimport SewerUrl from '../../assets/unityIcons/Sewer.svg';\nimport WaterDropUrl from '../../assets/unityIcons/WaterDrop.svg';\nimport { SvgIcon } from './SvgIcon';\nexport const unityIcons = [\n  {\n    id: 'WaterDropIcon',\n    label: 'Water Drop',\n  icon: <SvgIcon src={WaterDropUrl} alt=\"Water Drop\" />,\n    type: 'unity',\n  },\n  {\n    id: 'SewerIcon',\n    label: 'Sewer',\n  icon: <SvgIcon src={SewerUrl} alt=\"Sewer\" />,\n    type: 'unity',\n  },\n];\n\nexport const getUnityIconFromName = name => {\n  const foundIcon = unityIcons.find(icon => icon.id === name);\n  return foundIcon?.icon || null;\n};\n"],"mappings":";;;;;AAYA,MAAaA,WAAmC,EAC9C,KACA,MAAM,IACN,MACA,OACA,QACA,WACA,YACI;CACJ,MAAM,gBAAgB,SAAS;CAC/B,MAAM,iBAAiB,UAAU;AACjC,QACE,oCAAC;EACM;EACA;EACL,OAAO;EACP,QAAQ;EACG;EACJ;GACP;;;;;AC3BN,MAAa,aAAa,CACxB;CACE,IAAI;CACJ,OAAO;CACT,MAAM,oCAAC;EAAQ,KAAK;EAAc,KAAI;GAAe;CACnD,MAAM;CACP,EACD;CACE,IAAI;CACJ,OAAO;CACT,MAAM,oCAAC;EAAQ,KAAK;EAAU,KAAI;GAAU;CAC1C,MAAM;CACP,CACF;AAED,MAAa,wBAAuB,SAAQ;AAE1C,QADkB,WAAW,MAAK,SAAQ,KAAK,OAAO,KAAK,EACzC,QAAQ"}

package/dist/UnitySessionStorage-DBqfMiK5.js

@@ -0,0 +1,19 @@
+//#region src/utilities/storage/UnitySessionStorage.js
+const TenantStorageKey = "active-tenant";
+const storeInitialTenant = () => {
+	const urlTenantId = new URLSearchParams(window.location.search).get("tenantId");
+	if (urlTenantId) storeTenant(urlTenantId);
+};
+const storeTenant = (tenantId) => {
+	window.sessionStorage.setItem(TenantStorageKey, tenantId);
+};
+const getStoredTenant = () => {
+	return window.sessionStorage.getItem(TenantStorageKey);
+};
+const clearStoredTenant = () => {
+	window.sessionStorage.removeItem(TenantStorageKey);
+};
+
+//#endregion
+export { clearStoredTenant, getStoredTenant, storeInitialTenant, storeTenant };
+//# sourceMappingURL=UnitySessionStorage-DBqfMiK5.js.map

package/dist/UnitySessionStorage-DBqfMiK5.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnitySessionStorage-DBqfMiK5.js","names":[],"sources":["../src/utilities/storage/UnitySessionStorage.js"],"sourcesContent":["const TenantStorageKey = 'active-tenant';\n\nexport const storeInitialTenant = () => {\n  const urlParams = new URLSearchParams(window.location.search);\n  const urlTenantId = urlParams.get('tenantId');\n\n  if (urlTenantId) {\n    storeTenant(urlTenantId);\n  }\n};\n\nexport const storeTenant = (tenantId) => {\n  window.sessionStorage.setItem(TenantStorageKey, tenantId);\n};\n\nexport const getStoredTenant = () => {\n  return window.sessionStorage.getItem(TenantStorageKey);\n};\n\nexport const clearStoredTenant = () => {\n  window.sessionStorage.removeItem(TenantStorageKey);\n};\n"],"mappings":";AAAA,MAAM,mBAAmB;AAEzB,MAAa,2BAA2B;CAEtC,MAAM,cADY,IAAI,gBAAgB,OAAO,SAAS,OAAO,CAC/B,IAAI,WAAW;AAE7C,KAAI,YACF,aAAY,YAAY;;AAI5B,MAAa,eAAe,aAAa;AACvC,QAAO,eAAe,QAAQ,kBAAkB,SAAS;;AAG3D,MAAa,wBAAwB;AACnC,QAAO,OAAO,eAAe,QAAQ,iBAAiB;;AAGxD,MAAa,0BAA0B;AACrC,QAAO,eAAe,WAAW,iBAAiB"}