udp-react-enterprise-component-library 25.14.1-beta.9 → 25.16.0

package/dist/SideSheet-D48-jzNi.js

@@ -0,0 +1,288 @@
+import { FluentButton, FluentIcon, FluentIconButton, StandardTitle } from "./EnvironmentRibbon-OD01SY9G.js";
+import React, { forwardRef, useCallback, useImperativeHandle } from "react";
+import { CardContent, CircularProgress, Drawer, LinearProgress, makeStyles } from "@material-ui/core";
+import { Field, Form } from "react-final-form";
+import { getIn } from "final-form";
+import { ChromeCloseIcon } from "@fluentui/react-icons";
+import PropTypes from "prop-types";
+
+//#region src/utilities/form/final-form-scroll/isFocusableInput.js
+const isFocusableInput = (wtf) => !!(wtf && typeof wtf.focus === "function");
+var isFocusableInput_default = isFocusableInput;
+
+//#endregion
+//#region src/utilities/form/final-form-scroll/getAllInputs.js
+const getAllInputs = () => {
+	if (typeof document === "undefined") return [];
+	return Array.prototype.slice.call(document.forms).reduce((accumulator, form) => accumulator.concat(Array.prototype.slice.call(form).filter(isFocusableInput_default)), []);
+};
+var getAllInputs_default = getAllInputs;
+
+//#endregion
+//#region src/utilities/form/final-form-scroll/findInput.js
+const findInput = (inputs, errors) => inputs.find((input) => input.name && getIn(errors, input.name));
+var findInput_default = findInput;
+
+//#endregion
+//#region src/utilities/form/final-form-scroll/createDecorator.js
+const noop = () => {};
+/**
+* The decorator is created based on final-form-focus https://github.com/final-form/final-form-focus
+*/
+const createDecorator = () => (form) => {
+	const scrollToFirstError = (errors) => {
+		const inputToScrollTo = findInput_default(getAllInputs_default(), errors)?.parentElement;
+		if (inputToScrollTo) inputToScrollTo.scrollIntoView({ behavior: "smooth" });
+	};
+	const originalSubmit = form.submit;
+	let state = {};
+	const unsubscribe = form.subscribe((nextState) => {
+		state = nextState;
+	}, {
+		errors: true,
+		submitErrors: true
+	});
+	const afterSubmit = () => {
+		const { errors, submitErrors } = state;
+		if (errors && Object.keys(errors).length) scrollToFirstError(errors);
+		else if (submitErrors && Object.keys(submitErrors).length) scrollToFirstError(submitErrors);
+	};
+	form.submit = () => {
+		const result = originalSubmit.call(form);
+		if (result && typeof result.then === "function") result.then(afterSubmit, noop);
+		else afterSubmit();
+		return result;
+	};
+	return () => {
+		unsubscribe();
+		form.submit = originalSubmit;
+	};
+};
+var createDecorator_default = createDecorator;
+
+//#endregion
+//#region src/utilities/form/Form.tsx
+const scrollToError = createDecorator_default();
+/**
+* final-form Form wrapper with automatic <form> and submit handler
+*/
+const _Form = ({ render: renderProp, children, id,...props }, ref) => {
+	const render = renderProp || children;
+	return /* @__PURE__ */ React.createElement(Form, {
+		ref,
+		decorators: [scrollToError],
+		...props
+	}, (params) => {
+		useImperativeHandle(ref, () => ({ ...params }));
+		return /* @__PURE__ */ React.createElement("form", {
+			onSubmit: params.handleSubmit,
+			noValidate: true,
+			id
+		}, typeof render === "function" ? render(params) : render);
+	});
+};
+const Form$1 = forwardRef(_Form);
+
+//#endregion
+//#region src/utilities/form/Field.tsx
+/**
+* final-form Field wrapper that supports using Material UI fields as components
+* @todo Implement a validation function that uses required, etc... (or defer this till Redwerks' form library is built)
+*/
+let Field$1 = forwardRef((props, ref) => {
+	const { component: Component, afterSubmit, allowNull, beforeSubmit, component, defaultValue, format, formatOnBlur, initialValue, isEqual, name, parse, render, subscription, validate, validateFields, value, helperText, valueForChange, required, ComponentProps, type,...componentProps } = props;
+	const fieldProps = {
+		afterSubmit,
+		allowNull,
+		beforeSubmit,
+		defaultValue,
+		format,
+		formatOnBlur,
+		initialValue,
+		isEqual,
+		name,
+		parse,
+		subscription,
+		validate,
+		validateFields,
+		value,
+		type
+	};
+	const makeValidation = useCallback((value$1, allValues, meta) => {
+		if (required && (typeof value$1 !== "number" && !!!value$1 || Array.isArray(value$1))) if (Array.isArray(value$1) && value$1.length) return;
+		else if (!!value$1 && !Array.isArray(value$1)) return;
+		else return "Required";
+		if (validate) return validate(value$1, allValues, meta);
+	}, [required, validate]);
+	return /* @__PURE__ */ React.createElement(Field, {
+		...fieldProps,
+		validate: makeValidation
+	}, (params) => {
+		const { input, meta } = params;
+		const { name: name$1, onChange,...inputProps } = input;
+		const showError = (meta.submitError && !meta.dirtySinceLastSubmit || meta.error) && meta.touched;
+		return /* @__PURE__ */ React.createElement(Component, {
+			ref,
+			required,
+			...componentProps,
+			...ComponentProps,
+			helperText: showError ? meta.error || meta.submitError : helperText,
+			error: showError,
+			onChange: (...args) => {
+				if (valueForChange) args = [valueForChange(...args)];
+				onChange(...args);
+			},
+			name: name$1,
+			...inputProps
+		});
+	});
+});
+Field$1.displayName = "Field";
+
+//#endregion
+//#region src/UI/dataDisplay/typography/SideSheetHeader.jsx
+const useStyles$1 = makeStyles((theme) => ({
+	root: {
+		display: "flex",
+		flexDirection: "row",
+		padding: theme.spacing(1),
+		paddingLeft: 0,
+		background: theme?.getThemeData()?.mode === "dark" ? theme.palette.grey[800] : theme.palette.common.white,
+		position: ({ isSticky }) => isSticky ? "sticky" : "relative",
+		top: ({ isSticky }) => isSticky ? 0 : "auto",
+		zIndex: ({ isSticky }) => isSticky ? 1200 : "auto"
+	},
+	title: {
+		display: "flex",
+		flex: 1,
+		alignItems: "center",
+		marginLeft: theme.spacing(1.5)
+	},
+	actionButton: {
+		marginRight: theme.spacing(1),
+		position: "relative"
+	},
+	fabProgress: {
+		position: "absolute",
+		top: 4,
+		left: "35%",
+		zIndex: 1
+	}
+}));
+const SideSheetHeader = ({ isSticky = false,...props }) => {
+	const classes = useStyles$1({ isSticky });
+	const { title, onClose, buttonLabel, onSubmit, buttonProgress, buttonTwoLabel, buttonTwoIcon, buttonTwoAction, buttonTwoProgress, id, udprecordid = "", buttonOneDisabled, buttonTwoDisabled,...otherProps } = props;
+	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.title }, /* @__PURE__ */ React.createElement(FluentIconButton, {
+		id: id + "-Close",
+		udprecordid: udprecordid + "-Close",
+		icon: ChromeCloseIcon,
+		onClick: onClose,
+		"aria-label": "Close Panel"
+	}), /* @__PURE__ */ React.createElement(StandardTitle, { className: classes.title }, title)), buttonTwoLabel && /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FluentButton, {
+		color: "secondary",
+		onClick: buttonTwoAction,
+		disabled: buttonTwoDisabled,
+		...otherProps
+	}, buttonTwoProgress && /* @__PURE__ */ React.createElement(CircularProgress, {
+		size: 24,
+		color: "secondary",
+		className: classes.fabProgress
+	}), buttonTwoIcon && /* @__PURE__ */ React.createElement(FluentIcon, {
+		size: "small",
+		component: buttonTwoIcon,
+		style: { marginRight: 8 }
+	}), buttonTwoLabel)), buttonLabel && /* @__PURE__ */ React.createElement("div", { className: classes.actionButton }, /* @__PURE__ */ React.createElement(FluentButton, {
+		id: id + "-CreateView",
+		udprecordid: udprecordid + "-CreateView",
+		variant: "contained",
+		color: "secondary",
+		onClick: onSubmit,
+		disabled: buttonOneDisabled,
+		...otherProps
+	}, buttonProgress && /* @__PURE__ */ React.createElement(CircularProgress, {
+		id: id + "-ButtonProgress",
+		udprecordid: udprecordid + "-ButtonProgress",
+		size: 24,
+		color: "secondary",
+		className: classes.fabProgress
+	}), buttonLabel)));
+};
+
+//#endregion
+//#region src/UI/surfaces/SideSheet.jsx
+const useStyles = makeStyles((theme) => ({
+	paper: {
+		width: "100%",
+		[theme.breakpoints.up("sm")]: { width: (props) => props.width || 320 },
+		background: theme?.getThemeData()?.mode === "dark" ? theme.palette.grey[700] : "#f4f4f4"
+	},
+	container: {
+		height: (props) => props.contentHeight ? props.contentHeight : "",
+		overflowY: (props) => props.contentHeight ? "auto" : "",
+		padding: (props) => props.noPadding ? 0 : ""
+	}
+}));
+/**
+* Base right hand side sheet with no contents
+*/
+const BaseSideSheet = (props) => {
+	const classes = useStyles(props);
+	const { anchor = "right", width, children, onClose, noBackdrop, buttonLabel,...drawerProps } = props;
+	return /* @__PURE__ */ React.createElement(Drawer, {
+		classes: { paper: classes.paper },
+		variant: "temporary",
+		anchor,
+		onClose,
+		...drawerProps,
+		BackdropProps: { invisible: noBackdrop }
+	}, children);
+};
+/**
+* A right hand material side sheet
+*/
+const SideSheet = (props) => {
+	const classes = useStyles(props);
+	const { children, title, progress, progressColor, buttonLabel, noPadding, onSubmit, variant = "determinate", buttonTwoLabel, buttonTwoIcon, buttonTwoAction, buttonTwoProgress, buttonOneDisabled, buttonTwoDisabled, id, udprecordid,...otherProps } = props;
+	const { onClose } = props;
+	return /* @__PURE__ */ React.createElement(BaseSideSheet, otherProps, /* @__PURE__ */ React.createElement(SideSheetHeader, {
+		id,
+		udprecordid,
+		onClose,
+		title,
+		buttonLabel,
+		onSubmit,
+		buttonTwoLabel,
+		buttonTwoIcon,
+		buttonTwoAction,
+		buttonTwoProgress,
+		isSticky: true,
+		buttonOneDisabled,
+		buttonTwoDisabled,
+		...otherProps
+	}), progress && /* @__PURE__ */ React.createElement(LinearProgress, {
+		variant,
+		color: progressColor,
+		value: progress
+	}), /* @__PURE__ */ React.createElement(CardContent, { classes: { root: classes.container } }, children));
+};
+SideSheet.propTypes = {
+	children: PropTypes.oneOfType([PropTypes.arrayOf(PropTypes.node), PropTypes.node]),
+	title: PropTypes.string.isRequired,
+	onClose: PropTypes.func,
+	open: PropTypes.bool,
+	progress: PropTypes.any,
+	progressColor: PropTypes.string,
+	width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),
+	anchor: PropTypes.string,
+	buttonLabel: PropTypes.string,
+	noPadding: PropTypes.string,
+	contentHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number])
+};
+SideSheet.defaultProps = {
+	anchor: "right",
+	progressColor: "secondary"
+};
+
+//#endregion
+export { BaseSideSheet, Field$1 as Field, Form$1 as Form, SideSheet, SideSheetHeader, createDecorator_default };
+//# sourceMappingURL=SideSheet-D48-jzNi.js.map

package/dist/SideSheet-D48-jzNi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SideSheet-D48-jzNi.js","names":["isFocusableInput","findInput","getAllInputs","createDecorator","FinalForm","Form: React.FC<FormProps>","Field: FieldComponent","value","FinalField","name","useStyles"],"sources":["../src/utilities/form/final-form-scroll/isFocusableInput.js","../src/utilities/form/final-form-scroll/getAllInputs.js","../src/utilities/form/final-form-scroll/findInput.js","../src/utilities/form/final-form-scroll/createDecorator.js","../src/utilities/form/Form.tsx","../src/utilities/form/Field.tsx","../src/UI/dataDisplay/typography/SideSheetHeader.jsx","../src/UI/surfaces/SideSheet.jsx"],"sourcesContent":["const isFocusableInput = (wtf) =>\n  !!(wtf && typeof wtf.focus === 'function');\n\nexport default isFocusableInput;\n","import isFocusableInput from './isFocusableInput';\n\nconst getAllInputs = () => {\n  if (typeof document === 'undefined') {\n    return [];\n  }\n  return Array.prototype.slice\n    .call(document.forms)\n    .reduce(\n      (accumulator, form) =>\n        accumulator.concat(\n          Array.prototype.slice.call(form).filter(isFocusableInput)\n        ),\n      []\n    );\n};\n\nexport default getAllInputs;\n","import { getIn } from 'final-form';\n\nconst findInput = (inputs, errors) =>\n  inputs.find(input => input.name && getIn(errors, input.name));\n\nexport default findInput;\n","import getAllInputs from './getAllInputs.js';\nimport findInput from './findInput.js';\n\nconst noop = () => {};\n\n/**\n * The decorator is created based on final-form-focus https://github.com/final-form/final-form-focus\n */\nconst createDecorator = () => (form) => {\n  const scrollToFirstError = (errors) => {\n    const allInputs = getAllInputs();\n    const firstInput = findInput(allInputs, errors);\n    const inputToScrollTo = firstInput?.parentElement;\n    if (inputToScrollTo) {\n      inputToScrollTo.scrollIntoView({ behavior: 'smooth' });\n    }\n  };\n  // Save original submit function\n  const originalSubmit = form.submit;\n  let state = {};\n  const unsubscribe = form.subscribe(\n    (nextState) => {\n      state = nextState;\n    },\n    { errors: true, submitErrors: true }\n  );\n  // What to do after submit\n  const afterSubmit = () => {\n    const { errors, submitErrors } = state;\n    if (errors && Object.keys(errors).length) {\n      scrollToFirstError(errors);\n    } else if (submitErrors && Object.keys(submitErrors).length) {\n      scrollToFirstError(submitErrors);\n    }\n  };\n\n  // Rewrite submit function\n  form.submit = () => {\n    const result = originalSubmit.call(form);\n    if (result && typeof result.then === 'function') {\n      // async\n      result.then(afterSubmit, noop);\n    } else {\n      // sync\n      afterSubmit();\n    }\n    return result;\n  };\n\n  return () => {\n    unsubscribe();\n    form.submit = originalSubmit;\n  };\n};\n\nexport default createDecorator;\n","import React, { forwardRef, useImperativeHandle } from 'react';\nimport {\n  AnyObject,\n  Form as FinalForm,\n  FormProps as FinalFormProps,\n  FormRenderProps,\n} from 'react-final-form';\nimport createDecorator from './final-form-scroll/createDecorator';\n\nexport interface FormProps<FormValues = AnyObject>\n  extends FinalFormProps<FormValues> {\n  children?: (props: FormRenderProps<FormValues>) => React.ReactNode;\n  id?: string;\n}\nconst scrollToError = createDecorator();\n\n/**\n * final-form Form wrapper with automatic <form> and submit handler\n */\n\nconst _Form = ({ render: renderProp, children, id, ...props }: FormProps, ref: React.Ref<any>) => {\n  const render = renderProp || children;\n\n  return (\n    <FinalForm ref={ref} decorators={[scrollToError]} {...props}>\n      {params => {\n         useImperativeHandle(ref, () => ({ ...params}))\n        return (\n          <form onSubmit={params.handleSubmit} noValidate={true} id={id}>\n            {typeof render === 'function' ? render(params) : render}\n          </form>\n        )\n      }}\n    </FinalForm>\n  );\n};\n\nexport const Form: React.FC<FormProps> = forwardRef(_Form)\n","import { InputBaseComponentProps } from '@material-ui/core';\nimport React, {\n  ElementType,\n  forwardRef,\n  useCallback,\n  ComponentType,\n} from 'react';\nimport {\n  Field as FinalField,\n  FieldProps as FinalFieldProps,\n  FieldRenderProps,\n} from 'react-final-form';\n\nexport interface MuiFieldComponentProps {\n  error?: boolean;\n  helperText?: React.ReactNode;\n  inputProps?: InputBaseComponentProps;\n  onChange: React.ChangeEventHandler;\n  ComponentProps?: any;\n}\n\nexport type MuiFieldComponent = ElementType<MuiFieldComponentProps>;\n\nexport type FieldProps<\n  FieldValue,\n  RP extends FieldRenderProps<FieldValue, T>,\n  T extends HTMLElement = HTMLElement\n  > = {\n    component: MuiFieldComponent;\n    // @fixme Some of the onChange handlers pass value instead\n    valueForChange?: (event: React.ChangeEvent<T>) => FieldValue;\n    pattern?: string;\n  } & Pick<\n    FinalFieldProps<FieldValue, RP, T>,\n    | 'afterSubmit'\n    | 'allowNull'\n    | 'beforeSubmit'\n    | 'defaultValue'\n    | 'format'\n    | 'formatOnBlur'\n    | 'initialValue'\n    | 'isEqual'\n    | 'name'\n    | 'parse'\n    | 'subscription'\n    | 'type'\n    | 'validate'\n    | 'validateFields'\n    | 'value'\n    | 'required'\n  > &\n  MuiFieldComponentProps; // @fixme Add another generic to extend this with componentProps\n\ntype FieldComponent<\n  FieldValue = any,\n  RP extends FieldRenderProps<FieldValue, T> = FieldRenderProps<\n    FieldValue,\n    HTMLElement\n  >,\n  T extends HTMLElement = HTMLElement\n  > = ComponentType<FieldProps<FieldValue, RP, T>>;\n\n/**\n * final-form Field wrapper that supports using Material UI fields as components\n * @todo Implement a validation function that uses required, etc... (or defer this till Redwerks' form library is built)\n */\nexport let Field: FieldComponent = forwardRef((props, ref) => {\n  const {\n    component: Component,\n    afterSubmit,\n    allowNull,\n    beforeSubmit,\n    component,\n    defaultValue,\n    format,\n    formatOnBlur,\n    initialValue,\n    isEqual,\n    name,\n    parse,\n    // @ts-ignore\n    render, // extract the render prop so it doesn't get passed to Field\n    subscription,\n    validate,\n    validateFields,\n    value, // radio/checkbox\n    helperText,\n    valueForChange,\n    required,\n    ComponentProps,\n    type,\n    ...componentProps\n  } = props;\n  const fieldProps = {\n    afterSubmit,\n    allowNull,\n    beforeSubmit,\n    defaultValue,\n    format,\n    formatOnBlur,\n    initialValue,\n    isEqual,\n    name,\n    parse,\n    subscription,\n    validate,\n    validateFields,\n    value,\n    type\n  };\n\n  // @fixme: will need to add a more generic validator for other valdiation props\n  const makeValidation = useCallback(\n    (value, allValues, meta) => {\n      if (required && ((typeof (value) !== \"number\" && !!!value) || Array.isArray(value))) {\n        if (Array.isArray(value) && value.length) {\n          return undefined;\n        } else if (!!value && !Array.isArray(value)) {\n          return undefined;\n        } else {\n          return 'Required';\n        }\n      }\n      if (validate) {\n        return validate(value, allValues, meta);\n      }\n    },\n    [required, validate]\n  );\n\n  return (\n    <FinalField {...fieldProps} validate={makeValidation}>\n      {params => {\n        const { input, meta } = params;\n        const { name, onChange, ...inputProps } = input;\n        const showError =\n          ((meta.submitError && !meta.dirtySinceLastSubmit) || meta.error) &&\n          meta.touched;\n\n        return (\n          <Component\n            ref={ref as any} // @fixme\n            required={required}\n            {...componentProps}\n            {...ComponentProps}\n            helperText={showError ? meta.error || meta.submitError : helperText}\n            error={showError}\n            onChange={(...args: any[]) => {\n              if (valueForChange) {\n                // @ts-ignore\n                args = [valueForChange(...args)];\n              }\n              // @ts-ignore\n              onChange(...args);\n            }}\n            name={name}\n            {...inputProps}\n          //value={value}\n          />\n        );\n      }}\n    </FinalField>\n  );\n});\nField.displayName = 'Field';\n","import React from 'react';\nimport { makeStyles, CircularProgress } from '@material-ui/core';\nimport { StandardTitle } from './StandardTitle';\nimport { FluentIconButton } from '../../inputs/buttons/FluentIconButton';\nimport { FluentButton } from '../../inputs/buttons/FluentButton';\nimport { ChromeCloseIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../../utilities/FluentIcon';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    flexDirection: 'row',\n    padding: theme.spacing(1),\n    paddingLeft: 0,\n    background:\n      theme?.getThemeData()?.mode === 'dark'\n        ? theme.palette.grey[800]\n        : theme.palette.common.white,\n    position: ({ isSticky }) => (isSticky ? 'sticky' : 'relative'),\n    top: ({ isSticky }) => (isSticky ? 0 : 'auto'),\n    zIndex: ({ isSticky }) => (isSticky ? 1200 : 'auto')\n  },\n  title: {\n    display: 'flex',\n    flex: 1,\n    alignItems: 'center',\n    marginLeft: theme.spacing(1.5)\n  },\n  actionButton: {\n    marginRight: theme.spacing(1),\n    position: 'relative'\n  },\n  fabProgress: {\n    position: 'absolute',\n    top: 4,\n    left: '35%',\n    zIndex: 1\n  }\n}));\n\nexport const SideSheetHeader = ({ isSticky = false, ...props }) => {\n  const classes = useStyles({ isSticky });\n  const {\n    title,\n    onClose,\n    buttonLabel,\n    onSubmit,\n    buttonProgress,\n    buttonTwoLabel,\n    buttonTwoIcon,\n    buttonTwoAction,\n    buttonTwoProgress,\n    id,\n    udprecordid = '',\n    buttonOneDisabled,\n    buttonTwoDisabled,\n    ...otherProps\n  } = props;\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.title}>\n        <FluentIconButton\n          id={id + '-Close'}\n          udprecordid={udprecordid + '-Close'}\n          icon={ChromeCloseIcon}\n          onClick={onClose}\n          aria-label='Close Panel'\n        />\n        <StandardTitle className={classes.title}>{title}</StandardTitle>\n      </div>\n      {buttonTwoLabel && (\n        <div>\n          <FluentButton\n            // variant='contained'\n            color='secondary'\n            onClick={buttonTwoAction}\n            disabled={buttonTwoDisabled}\n            {...otherProps}\n          >\n            {buttonTwoProgress && (\n              <CircularProgress\n                size={24}\n                color='secondary'\n                className={classes.fabProgress}\n              />\n            )}\n            {buttonTwoIcon && (\n              <FluentIcon\n                size='small'\n                component={buttonTwoIcon}\n                style={{ marginRight: 8 }}\n              />\n            )}\n            {buttonTwoLabel}\n          </FluentButton>\n        </div>\n      )}\n      {buttonLabel && (\n        <div className={classes.actionButton}>\n          <FluentButton\n            id={id + '-CreateView'}\n            udprecordid={udprecordid + '-CreateView'}\n            variant='contained'\n            color='secondary'\n            onClick={onSubmit}\n            disabled={buttonOneDisabled}\n            {...otherProps}\n          >\n            {buttonProgress && (\n              <CircularProgress\n                id={id + '-ButtonProgress'}\n                udprecordid={udprecordid + '-ButtonProgress'}\n                size={24}\n                color='secondary'\n                className={classes.fabProgress}\n              />\n            )}\n            {buttonLabel}\n          </FluentButton>\n        </div>\n      )}\n    </div>\n  );\n};\n","import React from 'react';\nimport {\n  makeStyles,\n  Drawer,\n  LinearProgress,\n  CardContent\n} from '@material-ui/core';\nimport { SideSheetHeader } from '../dataDisplay/typography/SideSheetHeader';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n  paper: {\n    // width: (props) => props.width || 320,\n    width: '100%',\n    [theme.breakpoints.up('sm')]: {\n      width: (props) => props.width || 320\n    },\n    background:\n      theme?.getThemeData()?.mode === 'dark'\n        ? theme.palette.grey[700]\n        : '#f4f4f4'\n  },\n  container: {\n    height: (props) => (props.contentHeight ? props.contentHeight : ''),\n    overflowY: (props) => (props.contentHeight ? 'auto' : ''),\n    padding: (props) => (props.noPadding ? 0 : '')\n  }\n}));\n\n/**\n * Base right hand side sheet with no contents\n */\nexport const BaseSideSheet = (props) => {\n  const classes = useStyles(props);\n  const {\n    anchor = 'right',\n    width,\n    children,\n    onClose,\n    noBackdrop,\n    buttonLabel,\n    ...drawerProps\n  } = props;\n\n  return (\n    <Drawer\n      classes={{ paper: classes.paper }}\n      variant='temporary'\n      anchor={anchor}\n      onClose={onClose}\n      {...drawerProps}\n      BackdropProps={{ invisible: noBackdrop }}\n    >\n      {children}\n    </Drawer>\n  );\n};\n\n/**\n * A right hand material side sheet\n */\nexport const SideSheet = (props) => {\n  const classes = useStyles(props);\n  const {\n    children,\n    title,\n    progress,\n    progressColor,\n    buttonLabel,\n    noPadding,\n    onSubmit,\n    variant = 'determinate',\n    buttonTwoLabel,\n    buttonTwoIcon,\n    buttonTwoAction,\n    buttonTwoProgress,\n    buttonOneDisabled,\n    buttonTwoDisabled,\n    id,\n    udprecordid,\n    ...otherProps\n  } = props;\n  const { onClose } = props;\n  return (\n    <BaseSideSheet {...otherProps}>\n      <SideSheetHeader\n        id={id}\n        udprecordid={udprecordid}\n        onClose={onClose}\n        title={title}\n        buttonLabel={buttonLabel}\n        onSubmit={onSubmit}\n        buttonTwoLabel={buttonTwoLabel}\n        buttonTwoIcon={buttonTwoIcon}\n        buttonTwoAction={buttonTwoAction}\n        buttonTwoProgress={buttonTwoProgress}\n        isSticky={true}\n        buttonOneDisabled={buttonOneDisabled}\n        buttonTwoDisabled={buttonTwoDisabled}\n        {...otherProps}\n      />\n      {progress && (\n        <LinearProgress\n          variant={variant}\n          color={progressColor}\n          value={progress}\n        />\n      )}\n      <CardContent classes={{ root: classes.container }}>\n        {children}\n      </CardContent>\n    </BaseSideSheet>\n  );\n};\n\nSideSheet.propTypes = {\n  /**\n   * Main content for the modal view\n   */\n  children: PropTypes.oneOfType([\n    PropTypes.arrayOf(PropTypes.node),\n    PropTypes.node\n  ]),\n  /**\n   * SideSheet title\n   */\n  title: PropTypes.string.isRequired,\n  /**\n   * Function to close SideSheet\n   */\n  onClose: PropTypes.func,\n  /**\n   * Determins the open or closed state of the SideSheet\n   */\n  open: PropTypes.bool,\n  /**\n   * Value for progress loading\n   */\n  progress: PropTypes.any, // ToDo: add fix for hiding 0 progress\n  /**\n   * Progress loading color\n   */\n  progressColor: PropTypes.string,\n  /**\n   * Width of the SideSheet\n   */\n  width: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n  /**\n   * Anchor orgin of card (right, left, top, bottom)\n   */\n  anchor: PropTypes.string,\n  /**\n   * Label for top action button (global only)\n   */\n  buttonLabel: PropTypes.string,\n  /**\n   * Option to override container padding\n   */\n  noPadding: PropTypes.string,\n  /**\n   * Progress loading color\n   */\n  contentHeight: PropTypes.oneOfType([PropTypes.string, PropTypes.number])\n};\n\nSideSheet.defaultProps = {\n  anchor: 'right',\n  progressColor: 'secondary'\n};\n"],"mappings":"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"}

package/dist/{UdpMaintenanceConfigPage-mJ4AkDYp.js → UdpMaintenanceConfigPage-Bbaa9QQm.js}

@@ -1,9 +1,8 @@
-import { useAxiosMutate } from "./useAxiosMutate-BNEb4J04.js";
-import { getSanitizedName } from "./entityUtilities-D7_FeTEd.js";
-import { useAxiosGet } from "./useAxiosGet-VY6m2qeW.js";
-import { PageLoading } from "./PageLoading-DCoyVjWf.js";
-import { useAuthedUser } from "./useAuthedUser-BbuZ-TTz.js";
-import { ClientSideUdpGrid } from "./ClientSideUdpGrid-CDxftJTA.js";
+import "./apiHelpers-DZPI1QCL.js";
+import { useAxiosGet } from "./useAxiosGet-Bi4Z0b8W.js";
+import { useAxiosMutate } from "./useAxiosMutate-pB7OdGIa.js";
+import { getSanitizedName } from "./entityUtilities-Hohniu0Q.js";
+import { ClientSideUdpGrid, PageLoading, useAuthedUser } from "./ClientSideUdpGrid-B3NVu-9l.js";
 import React, { useCallback, useEffect, useMemo, useState } from "react";
 import { useHistory } from "react-router-dom";
 import { useTranslation } from "react-i18next";
@@ -44,8 +43,7 @@ const UdpMaintenanceConfigPage = (props) => {
 	const handleOpenEntityMaintenancePage = useCallback((selectedEntity) => {
 		history.push(`/crudbrowser`, {
 			entityName: getSanitizedName(selectedEntity?.entityName),
-			apiCatalogId,
-			from: "tablebrowser"
+			apiCatalogId
 		});
 	}, [history, apiCatalogId]);
 	const actionList = useMemo(() => [{
@@ -86,5 +84,5 @@ const UdpMaintenanceConfigPage = (props) => {
 var UdpMaintenanceConfigPage_default = UdpMaintenanceConfigPage;
 
 //#endregion
-export { UdpMaintenanceConfigPage_default };
-//# sourceMappingURL=UdpMaintenanceConfigPage-mJ4AkDYp.js.map
+export { UdpMaintenanceConfigPage_default as default };
+//# sourceMappingURL=UdpMaintenanceConfigPage-Bbaa9QQm.js.map

package/dist/UdpMaintenanceConfigPage-Bbaa9QQm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpMaintenanceConfigPage-Bbaa9QQm.js","names":[],"sources":["../src/udp/pages/UdpMaintenanceConfigPage.jsx"],"sourcesContent":["import React, { useCallback, useEffect, useState, useMemo } from 'react';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { useAxiosMutate } from '../../utilities/useAxiosMutate';\nimport { useAuthedUser } from '../../utilities/auth/useAuthedUser';\nimport { getSanitizedName } from '../../utilities/entities/entityUtilities';\nimport { useHistory } from 'react-router-dom';\nimport { PageLoading } from '../../UI/feedback/PageLoading';\nimport { useTranslation } from 'react-i18next';\nimport { ClientSideUdpGrid } from '../../UI/templates/newGrid/ClientSideUdpGrid';\n\nconst UdpMaintenanceConfigPage = (props) => {\n  const [apiCatalogId, setApiCatalogId] = useState(null);\n  const user = useAuthedUser();\n  const history = useHistory();\n  const { t } = useTranslation();\n\n  /* #region  API Methods */\n\n  const [{ data: tpacb, loading: loadingTpacb, error: tpacbError }] =\n    useAxiosGet(\n      process.env.REACT_APP_INTEGRATION_API_BASE,\n      `tenantProductApiCatalogBase/tenant/${user?.currentTenantId}/product/${process.env.REACT_APP_UNITY_PRODUCT_ID}`,\n      {},\n      !!!user,\n      false\n    );\n\n  const [\n    {\n      data: promotedGetConfigApi,\n      loading: loadingPromotedGetConfigApi,\n      error: promotedGetConfigApiError\n    }\n  ] = useAxiosGet(\n    process.env.REACT_APP_INTEGRATION_API_BASE,\n    `apicatalog/${apiCatalogId}/promotedConfigEntity/product/${process.env.REACT_APP_UNITY_PRODUCT_ID}`,\n    {},\n    !!!apiCatalogId,\n    false\n  );\n\n  const [\n    {\n      data: tableConfigList,\n      loading: tableConfigListLoading,\n      error: tableConfigListError\n    },\n    fetchTableConfigList\n  ] = useAxiosMutate(\n    process.env.REACT_APP_INTEGRATION_API_BASE,\n    `apimethod/executeQueryWithParameters/${promotedGetConfigApi?.apiMethodId}`,\n    {\n      method: 'post'\n    }\n  );\n\n  const [{ data: promotedMethods, loading, error }] = useAxiosGet(\n    process.env.REACT_APP_INTEGRATION_API_BASE,\n    `apicatalog/${apiCatalogId}/promotedMethodEntities?productId=${process.env.REACT_APP_UNITY_PRODUCT_ID}`,\n    {},\n    !!!apiCatalogId,\n    false\n  );\n\n  /* #endregion */\n\n  const rowData = useMemo(() => {\n    if (!promotedMethods || !tableConfigList) {\n      return [];\n    }\n    let tmp = [];\n    if (Array.isArray(tableConfigList)) {\n      tmp = tableConfigList;\n    } else {\n      // eslint-disable-next-line no-unused-vars\n      for (const [key, value] of Object.entries(tableConfigList)) {\n        tmp.push(`${key}`);\n      }\n    }\n\n    const result = tmp.reduce((mergedData, tableConfig) => {\n      const matchingEntityRow = promotedMethods.find(\n        (promotedEntity) =>\n          promotedEntity.entityName === getSanitizedName(tableConfig)\n      );\n      if (matchingEntityRow) {\n        mergedData.push(matchingEntityRow);\n      } else {\n        const placeholderData = {\n          entityName: tableConfig,\n          productId: process.env.REACT_APP_UNITY_PRODUCT_ID,\n          unityBaseGetAllMethod: null,\n          unityBaseGetMethod: null,\n          unityBaseCreateMethod: null,\n          unityBaseUpdateMethod: null,\n          unityBaseDeleteMethod: null\n        };\n        mergedData.push(placeholderData);\n      }\n      return mergedData;\n    }, []);\n    return result;\n  }, [promotedMethods, tableConfigList]);\n\n  const handleOpenEntityMaintenancePage = useCallback(\n    (selectedEntity) => {\n      history.push(`/crudbrowser`, {\n        entityName: getSanitizedName(selectedEntity?.entityName),\n        apiCatalogId: apiCatalogId\n      });\n    },\n    [history, apiCatalogId]\n  );\n\n  const actionList = useMemo(\n    () => [\n      {\n        id: 0,\n        title: t('View table data'),\n        iconName: 'arrowRight16',\n        handleOnClick: (e, params) => handleOpenEntityMaintenancePage(params?.data),\n        disabled: false\n      }\n    ],\n    [handleOpenEntityMaintenancePage, t]\n  );\n\n  const columnDefs = useMemo(() => {\n    return [\n      {\n        headerName: 'Entity Name',\n        field: 'entityName',\n        valueGetter: (params) =>\n          params.data?.properties?.displayName ||\n          params.data?.sanitizedName ||\n          getSanitizedName(params.data?.entityName),\n      },\n      {\n        headerName: 'Actions',\n        field: 'actions',\n        cellRenderer: 'actionsRenderer',\n        cellRendererParams: {\n          actionList: actionList\n        }\n      }\n    ];\n  }, [actionList]);\n\n  useEffect(() => {\n    if (tpacb) {\n      setApiCatalogId(tpacb.apiCatalogId);\n    }\n  }, [tpacb]);\n\n  useEffect(() => {\n    if (promotedGetConfigApi?.apiMethodId) {\n      fetchTableConfigList({ data: {} });\n    }\n  }, [fetchTableConfigList, promotedGetConfigApi]);\n\n  if (loadingTpacb || loadingPromotedGetConfigApi || tableConfigListLoading) {\n    return <PageLoading />;\n  }\n\n  if (tpacbError) {\n    return (\n      <div>\n        {t('There is no Api Catalog associated with your tenant and product')}\n      </div>\n    );\n  }\n\n  if (promotedGetConfigApiError) {\n    return (\n      <div>\n        {t(\n          'Please promote your get configuration tables method before proceeding'\n        )}\n      </div>\n    );\n  }\n\n  if (tableConfigListError) {\n    return <div>{t('No configuration tables could be found')}</div>;\n  }\n\n  return (\n    <ClientSideUdpGrid\n      rowData={rowData}\n      columnDefs={columnDefs}\n      gridHeaderConfig={{ title: 'Table Browser' }}\n    />\n  );\n};\n\nexport default UdpMaintenanceConfigPage;\n"],"mappings":"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"}

package/dist/{UdpPublicForm-C0SHN_iy.js → UdpPublicForm-3xkpVjji.js}

@@ -1,10 +1,20 @@
-import { __export } from "./chunk-CTAAG5j7.js";
-import { useHandleAxiosSnackbar } from "./apiHelpers-DF2KUI11.js";
+import { useHandleAxiosSnackbar } from "./apiHelpers-DZPI1QCL.js";
 import React, { useEffect } from "react";
 import { UdpFormsRenderer } from "udp-react-stencil-component-library";
-import { useSnackbar } from "notistack";
 import { useLocation } from "react-router-dom";
 
+//#region rolldown:runtime
+var __defProp = Object.defineProperty;
+var __export = (all) => {
+	let target = {};
+	for (var name in all) __defProp(target, name, {
+		get: all[name],
+		enumerable: true
+	});
+	return target;
+};
+
+//#endregion
 //#region src/udp/pages/UdpPublicForm.jsx
 var UdpPublicForm_exports = /* @__PURE__ */ __export({
 	UdpPublicForm: () => UdpPublicForm,
@@ -16,7 +26,6 @@ const useSearchParams = () => {
 };
 const UdpPublicForm = (props) => {
 	const { handleErrorSnackbar } = useHandleAxiosSnackbar();
-	const { enqueueSnackbar, closeSnackbar } = useSnackbar();
 	const queryParams = useSearchParams();
 	const formId = queryParams.get("udpf_formId");
 	const tenantId = queryParams.get("udpf_tenantId");
@@ -32,13 +41,11 @@ const UdpPublicForm = (props) => {
 		productId: ConfigService.config.UNITY_PRODUCT_ID,
 		apiUrlBase: ConfigService.productV1ApiUrl,
 		callbackUrl,
-		enqueueSnackbar,
-		closeSnackbar,
 		isPublic: true
 	});
 };
 var UdpPublicForm_default = UdpPublicForm;
 
 //#endregion
-export { UdpPublicForm, UdpPublicForm_default, UdpPublicForm_exports };
-//# sourceMappingURL=UdpPublicForm-C0SHN_iy.js.map
+export { UdpPublicForm, UdpPublicForm_default, UdpPublicForm_exports, __export };
+//# sourceMappingURL=UdpPublicForm-3xkpVjji.js.map

package/dist/UdpPublicForm-3xkpVjji.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UdpPublicForm-3xkpVjji.js","names":[],"sources":["../src/udp/pages/UdpPublicForm.jsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { UdpFormsRenderer } from 'udp-react-stencil-component-library';\nimport { useLocation } from 'react-router-dom';\nimport { useHandleAxiosSnackbar } from '../../utilities/apiHelpers';\nconst useSearchParams = () => {\n  const search = useLocation().search;\n\n  // when params are populated with an internal redirect, like on a Page menu, the useLocation hook does not get the query params\n  // so it will fallback with window.location.search in that case\n  return new URLSearchParams(search || window.location.search);\n}\nexport const UdpPublicForm = (props) => {\n  const { handleErrorSnackbar } = useHandleAxiosSnackbar();\n  const queryParams = useSearchParams()\n\n  const formId = queryParams.get('udpf_formId');\n  const tenantId = queryParams.get('udpf_tenantId');\n  const callbackUrl = queryParams.get('udpf_callback_url');\n\n  useEffect(() => {\n    if (!formId) {\n      handleErrorSnackbar({}, 'Form Id not found, please specify udpf_formid in the query params');\n    }\n    if (!tenantId) {\n      handleErrorSnackbar({}, 'tenantId not found, please specify udpf_formid in the query params');\n    }\n  }, []);\n  if (!formId || !tenantId) return null;\n\n  return (\n    <UdpFormsRenderer\n      formId={formId}\n      tenantId={tenantId}\n      productId={ConfigService.config.UNITY_PRODUCT_ID}\n      apiUrlBase={ConfigService.productV1ApiUrl}\n      callbackUrl={callbackUrl}\n      isPublic\n    />\n  );\n};\n\nexport default UdpPublicForm;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAIA,MAAM,wBAAwB;CAC5B,MAAM,SAAS,aAAa,CAAC;AAI7B,QAAO,IAAI,gBAAgB,UAAU,OAAO,SAAS,OAAO;;AAE9D,MAAa,iBAAiB,UAAU;CACtC,MAAM,EAAE,wBAAwB,wBAAwB;CACxD,MAAM,cAAc,iBAAiB;CAErC,MAAM,SAAS,YAAY,IAAI,cAAc;CAC7C,MAAM,WAAW,YAAY,IAAI,gBAAgB;CACjD,MAAM,cAAc,YAAY,IAAI,oBAAoB;AAExD,iBAAgB;AACd,MAAI,CAAC,OACH,qBAAoB,EAAE,EAAE,oEAAoE;AAE9F,MAAI,CAAC,SACH,qBAAoB,EAAE,EAAE,qEAAqE;IAE9F,EAAE,CAAC;AACN,KAAI,CAAC,UAAU,CAAC,SAAU,QAAO;AAEjC,QACE,oCAAC;EACS;EACE;EACV,WAAW,cAAc,OAAO;EAChC,YAAY,cAAc;EACb;EACb;GACA;;AAIN,4BAAe"}

package/dist/UdpPublicForm-BdzIFRc0.js

@@ -0,0 +1,4 @@
+import { UdpPublicForm, UdpPublicForm_default } from "./UdpPublicForm-3xkpVjji.js";
+import "./apiHelpers-DZPI1QCL.js";
+
+export { UdpPublicForm, UdpPublicForm_default as default };