udp-react-enterprise-component-library 25.18.1-beta.37 → 25.18.1-beta.39

package/dist/pickers-DfIXzoW7.js

@@ -1,147 +0,0 @@
-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 { UdpDateSelector as n, FluentDateTimePicker as r, UdpTimeSelector as t };
-//# sourceMappingURL=pickers-DfIXzoW7.js.map

package/dist/pickers-DfIXzoW7.js.map

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

package/dist/redirectToLink-CvjUyGaR.js

@@ -1,31 +0,0 @@
-//#region src/utilities/menus/redirectToLink.js
-const redirectToLinkOnClick = async (redirectInfo, getAccessToken, user) => {
-	if (redirectInfo) if (getAccessToken) {
-		const accessToken = await getAccessToken();
-		const form = document.createElement("form");
-		form.setAttribute("method", "post");
-		form.setAttribute("target", "_blank");
-		form.setAttribute("action", redirectInfo);
-		const params = {
-			_tau: accessToken,
-			unityuser: user?.email
-		};
-		for (const key in params) if (params.hasOwnProperty(key)) {
-			const hiddenField = document.createElement("input");
-			hiddenField.type = "hidden";
-			hiddenField.name = key;
-			hiddenField.value = params[key];
-			form.appendChild(hiddenField);
-		}
-		document.body.appendChild(form);
-		form.submit();
-		form.remove();
-	} else {
-		let ulrEndpoint = `${redirectInfo}`;
-		window.open(ulrEndpoint, "_blank");
-	}
-};
-
-//#endregion
-export { redirectToLinkOnClick as t };
-//# sourceMappingURL=redirectToLink-CvjUyGaR.js.map

package/dist/redirectToLink-CvjUyGaR.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"redirectToLink-CvjUyGaR.js","names":[],"sources":["../src/utilities/menus/redirectToLink.js"],"sourcesContent":["export const redirectToLinkOnClick = async (\n  redirectInfo,\n  getAccessToken,\n  user\n) => {\n  if (redirectInfo) {\n    if (getAccessToken) {\n      const accessToken = await getAccessToken();\n      const form = document.createElement('form');\n      form.setAttribute('method', 'post');\n      form.setAttribute('target', '_blank');\n      form.setAttribute('action', redirectInfo);\n      const params = { _tau: accessToken, unityuser: user?.email };\n      for (const key in params) {\n        if (params.hasOwnProperty(key)) {\n          const hiddenField = document.createElement('input');\n          hiddenField.type = 'hidden';\n          hiddenField.name = key;\n          hiddenField.value = params[key];\n          form.appendChild(hiddenField);\n        }\n      }\n      document.body.appendChild(form);\n      form.submit();\n      form.remove();\n    } else {\n      let ulrEndpoint = `${redirectInfo}`;\n      window.open(ulrEndpoint, '_blank');\n    }\n  }\n};\n"],"mappings":";AAAA,MAAa,wBAAwB,OACnC,cACA,gBACA,SACG;AACH,KAAI,aACF,KAAI,gBAAgB;EAClB,MAAM,cAAc,MAAM,gBAAgB;EAC1C,MAAM,OAAO,SAAS,cAAc,OAAO;AAC3C,OAAK,aAAa,UAAU,OAAO;AACnC,OAAK,aAAa,UAAU,SAAS;AACrC,OAAK,aAAa,UAAU,aAAa;EACzC,MAAM,SAAS;GAAE,MAAM;GAAa,WAAW,MAAM;GAAO;AAC5D,OAAK,MAAM,OAAO,OAChB,KAAI,OAAO,eAAe,IAAI,EAAE;GAC9B,MAAM,cAAc,SAAS,cAAc,QAAQ;AACnD,eAAY,OAAO;AACnB,eAAY,OAAO;AACnB,eAAY,QAAQ,OAAO;AAC3B,QAAK,YAAY,YAAY;;AAGjC,WAAS,KAAK,YAAY,KAAK;AAC/B,OAAK,QAAQ;AACb,OAAK,QAAQ;QACR;EACL,IAAI,cAAc,GAAG;AACrB,SAAO,KAAK,aAAa,SAAS"}

package/dist/redirectToProduct-CD4DWw08.js

@@ -1,9 +0,0 @@
-//#region src/utilities/DemoJuly/redirectToProduct.js
-const redirectToProductOnClick = (redirectInfo, tenantId) => {
-	let urlEndpoint = `${redirectInfo}?tenantId=${tenantId}`;
-	window.open(urlEndpoint, "_blank");
-};
-
-//#endregion
-export { redirectToProductOnClick as t };
-//# sourceMappingURL=redirectToProduct-CD4DWw08.js.map

package/dist/redirectToProduct-CD4DWw08.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"redirectToProduct-CD4DWw08.js","names":[],"sources":["../src/utilities/DemoJuly/redirectToProduct.js"],"sourcesContent":["// TODO for demo purposes\nexport const redirectToProductOnClick = (redirectInfo, tenantId) => {\n  // const { externalAppURL, unityuser, method } = redirectInfo;\n\n  let urlEndpoint = `${redirectInfo}?tenantId=${tenantId}`;\n\n  // let unityToken = sessionStorage.getItem(\n  //   `msal.${process.env.REACT_APP_MSAL_CLIENT_ID}.idtoken`\n  // );\n\n  window.open(urlEndpoint, '_blank');\n  // ulrEndpoint = `${externalAppURL}?unityb2ctoken=${unityToken}&unityuser=${unityuser}`;\n\n  // if (method === 'GET') {\n  //   window.open(ulrEndpoint, '_blank');\n  // } else {\n  //   openWindowWithPost(externalAppURL, unityuser, unityToken);\n  // }\n};\n\n// TODO for demo purposes\nconst openWindowWithPost = (url, user, token) => {\n  let form = document.createElement('form');\n  form.target = '_blank';\n  form.method = 'POST';\n  form.action = url;\n  form.style.display = 'none';\n\n  let inputUser = document.createElement('input');\n  inputUser.type = 'hidden';\n  inputUser.name = 'unityuser';\n  inputUser.value = user;\n\n  form.appendChild(inputUser);\n\n  let inputToken = document.createElement('input');\n  inputToken.type = 'hidden';\n  inputToken.name = 'unityb2ctoken';\n  inputToken.value = token;\n\n  form.appendChild(inputToken);\n\n  document.body.appendChild(form);\n  form.submit();\n  document.body.removeChild(form);\n};\n\n// TODO AXIOS\n// axios.defaults.headers.post['Access-Control-Allow-Origin'] = '*';\n// axios\n//   .post(ulrEndpoint, bodyParameters, config)\n//   .then(res => {\n//     console.log(res);\n//     debugger;\n//     window.open(ulrEndpoint, '_blank');\n//   })\n//   .catch(error => {\n//     console.log('Error: -> ', error);\n//   });\n"],"mappings":";AACA,MAAa,4BAA4B,cAAc,aAAa;CAGlE,IAAI,cAAc,GAAG,aAAa,YAAY;AAM9C,QAAO,KAAK,aAAa,SAAS"}