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

package/dist/RequiredFieldsMappingForm-GQH7b1rM.js

@@ -1,344 +0,0 @@
-import { Form, FormButtons, SubmitButton } from "./FormButtons-Bstnb0d-.js";
-import { Field } from "./Field-Idoc1A5M.js";
-import { FluentButton } from "./FluentButton-h_8VjXGT.js";
-import { FluentTextFieldAutoComplete } from "./FluentTextFieldAutoComplete-BQvVv8m_.js";
-import { FluentIcon } from "./FluentIcon-CB-ANF6C.js";
-import { FluentIconButton } from "./FluentIconButton-le92OnEc.js";
-import { useAxiosGet } from "./useAxiosGet-VY6m2qeW.js";
-import React, { useCallback, useEffect, useMemo, useState } from "react";
-import { TextField, Typography, makeStyles } from "@material-ui/core";
-import { ConfigService } from "udp-react-stencil-component-library";
-import { ChromeBackMirroredIcon, DropdownIcon, TextFieldIcon } from "@fluentui/react-icons";
-import { useTranslation } from "react-i18next";
-import { v4 } from "uuid";
-
-//#region src/dataBrowser/forms/ParamsMappingFields.jsx
-const useStyles$2 = makeStyles((theme) => ({
-	root: {},
-	row: {
-		display: "flex",
-		alignItems: "center"
-	},
-	iconContainer: {
-		marginLeft: theme.spacing(1),
-		marginRight: theme.spacing(1)
-	}
-}));
-const ParamsMappingFields = (props) => {
-	const { paramMappings, paramOptions, propertyOptions, fieldWidth, propertyLabel } = props;
-	const classes = useStyles$2();
-	const { t } = useTranslation();
-	return paramOptions.map((item) => {
-		let initialPropertyValue = "";
-		const matchingMappingName = paramMappings?.[item.value];
-		if (matchingMappingName) initialPropertyValue = propertyOptions.find((property) => property.name === matchingMappingName);
-		return /* @__PURE__ */ React.createElement("div", { className: classes.row }, /* @__PURE__ */ React.createElement(Field, {
-			component: FluentTextFieldAutoComplete,
-			label: t(propertyLabel),
-			name: `property-${item.label}`,
-			id: `property-${item.label}`,
-			fullWidth: true,
-			variant: "outlined",
-			margin: "dense",
-			size: "small",
-			options: propertyOptions || [],
-			optionKey: "name",
-			style: { width: fieldWidth },
-			initialValue: initialPropertyValue
-		}), /* @__PURE__ */ React.createElement("div", { className: classes.iconContainer }, /* @__PURE__ */ React.createElement(FluentIcon, {
-			component: ChromeBackMirroredIcon,
-			size: 20,
-			customSize: true
-		})), /* @__PURE__ */ React.createElement(Typography, {
-			variant: "subtitle1",
-			style: {
-				textOverflow: "ellipsis",
-				overflow: "hidden"
-			}
-		}, item.label));
-	});
-};
-
-//#endregion
-//#region src/dataBrowser/forms/ParamsMappingForm.jsx
-const ParamsMappingForm = (props) => {
-	const { queryId, paramMappings, properties, onSubmit = () => {}, fieldWidth = 180, propertyLabel = "Property" } = props;
-	const [{ data: apiMethodInstance, loading: apiMethodInstancebLoading, error: apiMethodInstanceError }] = useAxiosGet(ConfigService.integrationV1ApiUrl, `apiMethodInstance/${queryId}`, {}, !!!queryId, false);
-	const paramOptions = useMemo(() => {
-		if (!apiMethodInstance) return [];
-		try {
-			const options = [];
-			const bodyStr = apiMethodInstance.body;
-			JSON.parse(bodyStr)?.filterElements?.forEach((filter) => {
-				if (filter.searchValue.startsWith("params.")) {
-					const key = filter?.searchValue.replace("params.", "");
-					options.push({
-						label: key,
-						value: key
-					});
-				}
-			});
-			return options;
-		} catch {
-			console.warn("Error parsing apiMethodInstance body");
-			return [];
-		}
-	}, [apiMethodInstance]);
-	const propertyOptions = useMemo(() => {
-		if (!properties) return [];
-		return properties.filter((property) => property?.type !== "array" && property?.type !== "object");
-	}, [properties]);
-	const handleOnSubmit = useCallback((values) => {
-		const paramMappings$1 = {};
-		const parameters = /* @__PURE__ */ new Set();
-		Object.keys(values).forEach((key) => {
-			const parameter = key.split("-")[1];
-			parameters.add(parameter);
-		});
-		parameters.forEach((parameter) => {
-			const property = values[`property-${parameter}`];
-			if (parameter && property) {
-				const parameterValue = parameter;
-				paramMappings$1[parameterValue] = property.name;
-			}
-		});
-		onSubmit(paramMappings$1);
-	}, [onSubmit]);
-	return /* @__PURE__ */ React.createElement(Form, { onSubmit: handleOnSubmit }, /* @__PURE__ */ React.createElement(ParamsMappingFields, {
-		paramMappings,
-		paramOptions,
-		propertyOptions,
-		fieldWidth,
-		propertyLabel
-	}), /* @__PURE__ */ React.createElement(FormButtons, null, /* @__PURE__ */ React.createElement(SubmitButton, {
-		variant: "contained",
-		color: "primary",
-		disablePristine: false,
-		fullWidth: true,
-		style: {
-			marginRight: 8,
-			marginLeft: 8
-		}
-	}, "Save Mapping")));
-};
-
-//#endregion
-//#region src/dataBrowser/forms/RequiredFieldsMappingField.jsx
-const useStyles$1 = makeStyles((theme) => ({
-	root: {
-		display: "flex",
-		alignItems: "center"
-	},
-	requiredFieldContainer: {
-		width: "100%",
-		display: "flex",
-		alignItems: "center"
-	},
-	input: {
-		height: 34,
-		padding: 0
-	},
-	formTextInput: { fontSize: 14 },
-	labelRoot: { fontSize: 14 }
-}));
-const RequiredFieldsMappingField = (props) => {
-	const { requiredField, onRequiredFieldChange, options, optionLabelDisplayFunction, groupBy } = props;
-	const [state, setState] = useState(requiredField);
-	const [isTextField, setIsTextField] = useState(!!!requiredField.propertyValue);
-	const classes = useStyles$1(props);
-	const { t } = useTranslation();
-	const handleStateChange = useCallback((key, value, merge = false) => {
-		let updatedState = { ...state };
-		if (merge) updatedState = {
-			...updatedState,
-			...value
-		};
-		else updatedState[key] = value;
-		setState(updatedState);
-	}, [state]);
-	const handleInputChange = useCallback((evt) => {
-		handleStateChange(evt.target.name, evt.target.value);
-	}, [handleStateChange]);
-	const handleOnBlur = useCallback((evt) => {
-		if (evt.target.name === "strValue" && !!evt.target.value) {
-			onRequiredFieldChange(requiredField.id, {
-				propertyValue: "",
-				strValue: evt.target.value
-			}, "strValue", true);
-			handleStateChange("propertyValue", {
-				propertyValue: "",
-				strValue: evt.target.value
-			}, true);
-		} else onRequiredFieldChange(requiredField.id, evt.target.value, evt.target.name);
-	}, [
-		requiredField,
-		onRequiredFieldChange,
-		handleStateChange
-	]);
-	const handleRequiredFieldChange = useCallback((value) => {
-		onRequiredFieldChange(requiredField.id, {
-			propertyValue: value,
-			strValue: ""
-		}, "propertyValue", true);
-		handleStateChange("propertyValue", {
-			propertyValue: value,
-			strValue: ""
-		}, true);
-	}, [
-		requiredField,
-		onRequiredFieldChange,
-		handleStateChange
-	]);
-	const handleButtonClick = useCallback(() => {
-		setIsTextField(!isTextField);
-	}, [isTextField]);
-	let field = null;
-	if (isTextField) field = /* @__PURE__ */ React.createElement("div", { style: { width: "100%" } }, /* @__PURE__ */ React.createElement(TextField, {
-		name: "strValue",
-		id: "strValue",
-		onChange: handleInputChange,
-		onBlur: handleOnBlur,
-		label: t("Value"),
-		value: state?.strValue || "",
-		fullWidth: true,
-		variant: "outlined",
-		margin: "dense",
-		size: "small",
-		style: { width: 200 },
-		InputProps: { classes: {
-			root: classes.input,
-			input: classes.formTextInput
-		} },
-		InputLabelProps: { classes: { root: classes.labelRoot } }
-	}));
-	else field = /* @__PURE__ */ React.createElement("div", { style: { width: "100%" } }, /* @__PURE__ */ React.createElement(FluentTextFieldAutoComplete, {
-		name: "propertyValue",
-		id: "propertyValue",
-		label: t("Value"),
-		onChange: handleRequiredFieldChange,
-		optionLabelDisplayFunction,
-		value: state?.propertyValue || "",
-		options: options || [],
-		optionKey: optionLabelDisplayFunction ? "" : "name",
-		groupBy,
-		variant: "outlined",
-		margin: "dense",
-		style: { width: 200 }
-	}));
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, /* @__PURE__ */ React.createElement("div", { className: classes.requiredFieldContainer }, field, /* @__PURE__ */ React.createElement(FluentIconButton, {
-		className: classes.icon,
-		icon: isTextField ? DropdownIcon : TextFieldIcon,
-		onClick: handleButtonClick
-	})));
-};
-
-//#endregion
-//#region src/dataBrowser/forms/RequiredFieldsMappingForm.jsx
-const useStyles = makeStyles((theme) => ({
-	root: {},
-	row: {
-		display: "flex",
-		alignItems: "center"
-	},
-	variableContainer: {
-		width: "100%",
-		display: "flex",
-		alignItems: "flex-start"
-	},
-	icon: { marginTop: theme.spacing(5) },
-	iconButton: { marginTop: theme.spacing(3.5) },
-	iconContainer: { marginRight: theme.spacing(1) }
-}));
-const RequiredFieldsMappingForm = (props) => {
-	const { requiredFields = "", fieldMappings, properties, onSubmit = () => {}, optionLabelDisplayFunction, groupBy, propertyType = "entity" } = props;
-	const [fields, setFields] = useState([]);
-	const classes = useStyles(props);
-	const fieldOptions = useMemo(() => {
-		const fieldsStr = requiredFields || "";
-		if (!fieldsStr.trim()) return [];
-		const options = [];
-		fieldsStr.split(",").forEach((field) => {
-			options.push({
-				label: field.trim(),
-				value: field.trim()
-			});
-		});
-		return options;
-	}, [requiredFields]);
-	const handleRequiredFieldChange = useCallback((fieldId, value, key, merge = false) => {
-		const updatedFields = [...fields];
-		let matchingField = updatedFields.find((f) => f.id === fieldId);
-		if (matchingField) if (merge) Object.keys(value).forEach((key$1) => {
-			matchingField[key$1] = value[key$1];
-		});
-		else matchingField[key] = value;
-		setFields(updatedFields);
-	}, [fields, setFields]);
-	const propertyOptions = useMemo(() => {
-		if (!properties) return [];
-		return properties;
-	}, [properties]);
-	const handleOnSubmit = useCallback(() => {
-		const fieldMappings$1 = {};
-		fields.forEach((field) => {
-			fieldMappings$1[field.name] = {
-				value: field.propertyValue ? field.propertyValue?.name : field.strValue.trim(),
-				type: field.propertyValue ? propertyType : "custom"
-			};
-		});
-		onSubmit(fieldMappings$1);
-	}, [
-		onSubmit,
-		fields,
-		propertyType
-	]);
-	useEffect(() => {
-		if (!fieldOptions || !fieldMappings || !propertyOptions) return;
-		const currentFields = [];
-		fieldOptions.forEach((fo) => {
-			const mappingValue = fieldMappings[fo.value];
-			const currentField = {
-				id: v4(),
-				strValue: mappingValue?.type === "custom" ? mappingValue?.value : "",
-				propertyValue: mappingValue?.type === propertyType ? propertyOptions.find((po) => po.name === mappingValue?.value) : "",
-				name: fo.value
-			};
-			currentFields.push(currentField);
-		});
-		setFields(currentFields);
-	}, [
-		fieldMappings,
-		fieldOptions,
-		propertyOptions,
-		propertyType
-	]);
-	return /* @__PURE__ */ React.createElement("div", { className: classes.root }, fields.length > 0 && fieldOptions.map((item) => {
-		const matchingField = fields.find((field) => field.name === item.value);
-		return /* @__PURE__ */ React.createElement("div", { className: classes.row }, /* @__PURE__ */ React.createElement(RequiredFieldsMappingField, {
-			requiredField: matchingField,
-			onRequiredFieldChange: handleRequiredFieldChange,
-			options: propertyOptions || [],
-			optionLabelDisplayFunction,
-			groupBy
-		}), /* @__PURE__ */ React.createElement("div", { className: classes.iconContainer }, /* @__PURE__ */ React.createElement(FluentIcon, {
-			component: ChromeBackMirroredIcon,
-			size: 20,
-			customSize: true
-		})), /* @__PURE__ */ React.createElement(Typography, {
-			variant: "subtitle1",
-			style: {
-				textOverflow: "ellipsis",
-				overflow: "hidden"
-			}
-		}, item.label));
-	}), /* @__PURE__ */ React.createElement(FluentButton, {
-		variant: "contained",
-		color: "primary",
-		fullWidth: true,
-		onClick: handleOnSubmit
-	}, " ", "Save Mapping"));
-};
-
-//#endregion
-export { ParamsMappingFields, ParamsMappingForm, RequiredFieldsMappingField, RequiredFieldsMappingForm };
-//# sourceMappingURL=RequiredFieldsMappingForm-GQH7b1rM.js.map

package/dist/RequiredFieldsMappingForm-GQH7b1rM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RequiredFieldsMappingForm-GQH7b1rM.js","names":["useStyles","paramMappings","useStyles","key","fieldMappings","uuid"],"sources":["../src/dataBrowser/forms/ParamsMappingFields.jsx","../src/dataBrowser/forms/ParamsMappingForm.jsx","../src/dataBrowser/forms/RequiredFieldsMappingField.jsx","../src/dataBrowser/forms/RequiredFieldsMappingForm.jsx"],"sourcesContent":["import React from 'react';\nimport { Field } from '../../utilities/form';\nimport { FluentTextFieldAutoComplete } from '../../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { useTranslation } from 'react-i18next';\nimport { makeStyles, Typography } from '@material-ui/core';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  row: {\n    display: 'flex',\n    alignItems: 'center'\n  },\n  iconContainer: {\n    marginLeft: theme.spacing(1),\n    marginRight: theme.spacing(1)\n  }\n}));\n\nexport const ParamsMappingFields = (props) => {\n  const {\n    paramMappings,\n    paramOptions,\n    propertyOptions,\n    fieldWidth,\n    propertyLabel\n  } = props;\n  const classes = useStyles();\n  const { t } = useTranslation();\n\n  return paramOptions.map((item) => {\n    let initialPropertyValue = '';\n\n    const matchingMappingName = paramMappings?.[item.value];\n    if (matchingMappingName) {\n      initialPropertyValue = propertyOptions.find(\n        (property) => property.name === matchingMappingName\n      );\n    }\n\n    return (\n      <div className={classes.row}>\n        <Field\n          component={FluentTextFieldAutoComplete}\n          label={t(propertyLabel)}\n          name={`property-${item.label}`}\n          id={`property-${item.label}`}\n          fullWidth\n          variant='outlined'\n          margin='dense'\n          size='small'\n          options={propertyOptions || []}\n          optionKey={'name'}\n          style={{ width: fieldWidth }}\n          initialValue={initialPropertyValue}\n        />\n        <div className={classes.iconContainer}>\n          <FluentIcon component={ChromeBackMirroredIcon} size={20} customSize />\n        </div>\n        <Typography\n          variant='subtitle1'\n          style={{ textOverflow: 'ellipsis', overflow: 'hidden' }}\n        >\n          {item.label}\n        </Typography>\n      </div>\n    );\n  });\n};\n","import React, { useCallback, useMemo } from 'react';\nimport { useAxiosGet } from '../../utilities/useAxiosGet';\nimport { Form, FormButtons, SubmitButton } from '../../utilities/form';\nimport { ParamsMappingFields } from './ParamsMappingFields';\nimport { ConfigService } from 'udp-react-stencil-component-library';\n\nexport const ParamsMappingForm = (props) => {\n  const {\n    queryId,\n    paramMappings,\n    properties,\n    onSubmit = () => {},\n    fieldWidth = 180,\n    propertyLabel = 'Property'\n  } = props;\n\n  const [\n    {\n      data: apiMethodInstance,\n      loading: apiMethodInstancebLoading,\n      error: apiMethodInstanceError\n    }\n  ] = useAxiosGet(\n    ConfigService.integrationV1ApiUrl,\n    `apiMethodInstance/${queryId}`,\n    {},\n    !!!queryId,\n    false\n  );\n\n  const paramOptions = useMemo(() => {\n    if (!apiMethodInstance) {\n      return [];\n    }\n    try {\n      const options = [];\n      const bodyStr = apiMethodInstance.body;\n      const body = JSON.parse(bodyStr);\n      // Checks for any filter elements that have been configured with params.\n      body?.filterElements?.forEach((filter) => {\n        if (filter.searchValue.startsWith('params.')) {\n          const key = filter?.searchValue.replace('params.', '');\n          options.push({ label: key, value: key });\n        }\n      });\n      return options;\n    } catch {\n      console.warn('Error parsing apiMethodInstance body');\n      return [];\n    }\n  }, [apiMethodInstance]);\n\n  const propertyOptions = useMemo(() => {\n    if (!properties) {\n      return [];\n    }\n    return properties.filter(\n      (property) => property?.type !== 'array' && property?.type !== 'object'\n    );\n  }, [properties]);\n\n  //   const handleOnSubmit = useCallback(\n  //     (values) => {\n  //       // construct the mapping object from the values\n  //       // the map would be [{parameter: params.apple, property: appleValue}]\n  //       const paramMappings = [];\n\n  //       const parameters = new Set();\n  //       Object.keys(values).forEach((key) => {\n  //         const parameter = key.split('-')[1];\n  //         parameters.add(parameter);\n  //       });\n  //       parameters.forEach((parameter) => {\n  //         // const parameter = values[`parameter-${parameter}`];\n  //         const property = values[`property-${parameter}`];\n  //         if (parameter) {\n  //           //   const parameterValue = parameter.value;\n  //           paramMappings.push({\n  //             parameter: `params.${parameter}`,\n  //             property: property?.name\n  //           });\n  //         }\n  //       });\n  //       onSubmit(paramMappings);\n  //     },\n  //     [onSubmit]\n  //   );\n\n  const handleOnSubmit = useCallback(\n    (values) => {\n      // construct the mapping object from the values\n      // the map would be {params.apple: appleValue}\n      const paramMappings = {};\n\n      const parameters = new Set();\n      Object.keys(values).forEach((key) => {\n        const parameter = key.split('-')[1];\n        parameters.add(parameter);\n      });\n      parameters.forEach((parameter) => {\n        const property = values[`property-${parameter}`];\n        if (parameter && property) {\n          const parameterValue = parameter;\n          paramMappings[parameterValue] = property.name;\n        }\n      });\n      onSubmit(paramMappings);\n    },\n    [onSubmit]\n  );\n\n  return (\n    <Form onSubmit={handleOnSubmit}>\n      <ParamsMappingFields\n        paramMappings={paramMappings}\n        paramOptions={paramOptions}\n        propertyOptions={propertyOptions}\n        fieldWidth={fieldWidth}\n        propertyLabel={propertyLabel}\n      />\n      <FormButtons>\n        <SubmitButton\n          variant='contained'\n          color='primary'\n          disablePristine={false}\n          fullWidth\n          style={{ marginRight: 8, marginLeft: 8 }}\n        >\n          Save Mapping\n        </SubmitButton>\n      </FormButtons>\n    </Form>\n  );\n};\n","import React, { useCallback, useState } from 'react';\nimport { makeStyles, TextField } from '@material-ui/core';\nimport { FluentTextFieldAutoComplete } from '../../UI/inputs/textField/FluentTextFieldAutoComplete';\nimport { FluentIconButton } from '../../UI/inputs/buttons/FluentIconButton';\nimport { useTranslation } from 'react-i18next';\nimport { DropdownIcon, TextFieldIcon } from '@fluentui/react-icons';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    display: 'flex',\n    alignItems: 'center'\n  },\n  requiredFieldContainer: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'center'\n  },\n  input: {\n    height: 34,\n    padding: 0\n  },\n  formTextInput: {\n    fontSize: 14\n  },\n  labelRoot: {\n    fontSize: 14\n  }\n}));\n\nexport const RequiredFieldsMappingField = (props) => {\n  const {\n    requiredField,\n    onRequiredFieldChange,\n    options,\n    optionLabelDisplayFunction,\n    groupBy\n  } = props;\n  const [state, setState] = useState(requiredField);\n  const [isTextField, setIsTextField] = useState(\n    !!!requiredField.propertyValue\n  );\n  const classes = useStyles(props);\n  const { t } = useTranslation();\n\n  const handleStateChange = useCallback(\n    (key, value, merge = false) => {\n      let updatedState = { ...state };\n      if (merge) {\n        updatedState = { ...updatedState, ...value };\n      } else {\n        updatedState[key] = value;\n      }\n      setState(updatedState);\n    },\n    [state]\n  );\n\n  // Having a separate handler for onChange and blur for text fields because\n  // there is a lag between typing and rendering\n  const handleInputChange = useCallback(\n    (evt) => {\n      handleStateChange(evt.target.name, evt.target.value);\n    },\n    [handleStateChange]\n  );\n\n  // Using a handler for blur because we want add the text input to the list of requiredFields\n  // after user has finished typing\n  const handleOnBlur = useCallback(\n    (evt) => {\n      if (evt.target.name === 'strValue' && !!evt.target.value) {\n        onRequiredFieldChange(\n          requiredField.id,\n          { propertyValue: '', strValue: evt.target.value },\n          'strValue',\n          true\n        );\n        handleStateChange(\n          'propertyValue',\n          { propertyValue: '', strValue: evt.target.value },\n          true\n        );\n      } else {\n        onRequiredFieldChange(\n          requiredField.id,\n          evt.target.value,\n          evt.target.name\n        );\n      }\n    },\n    [requiredField, onRequiredFieldChange, handleStateChange]\n  );\n\n  const handleRequiredFieldChange = useCallback(\n    (value) => {\n      onRequiredFieldChange(\n        requiredField.id,\n        { propertyValue: value, strValue: '' },\n        'propertyValue',\n        true\n      );\n      handleStateChange(\n        'propertyValue',\n        { propertyValue: value, strValue: '' },\n        true\n      );\n    },\n    [requiredField, onRequiredFieldChange, handleStateChange]\n  );\n\n  const handleButtonClick = useCallback(() => {\n    setIsTextField(!isTextField);\n  }, [isTextField]);\n\n  let field = null;\n\n  if (isTextField) {\n    field = (\n      <div style={{ width: '100%' }}>\n        <TextField\n          name='strValue'\n          id='strValue'\n          onChange={handleInputChange}\n          onBlur={handleOnBlur}\n          label={t('Value')}\n          value={state?.strValue || ''}\n          fullWidth\n          variant='outlined'\n          margin='dense'\n          size='small'\n          style={{ width: 200 }}\n          InputProps={{\n            classes: {\n              root: classes.input,\n              input: classes.formTextInput\n            }\n          }}\n          InputLabelProps={{\n            classes: {\n              root: classes.labelRoot\n            }\n          }}\n        />\n      </div>\n    );\n  } else {\n    field = (\n      <div style={{ width: '100%' }}>\n        <FluentTextFieldAutoComplete\n          name='propertyValue'\n          id='propertyValue'\n          label={t('Value')}\n          onChange={handleRequiredFieldChange}\n          optionLabelDisplayFunction={optionLabelDisplayFunction}\n          value={state?.propertyValue || ''}\n          options={options || []}\n          optionKey={optionLabelDisplayFunction ? '' : 'name'}\n          groupBy={groupBy}\n          variant='outlined'\n          margin='dense'\n          style={{ width: 200 }}\n        />\n      </div>\n    );\n  }\n\n  return (\n    <div className={classes.root}>\n      <div className={classes.requiredFieldContainer}>\n        {field}\n        <FluentIconButton\n          className={classes.icon}\n          icon={isTextField ? DropdownIcon : TextFieldIcon}\n          onClick={handleButtonClick}\n        />\n      </div>\n    </div>\n  );\n};\n","import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport { RequiredFieldsMappingField } from './RequiredFieldsMappingField';\nimport { ChromeBackMirroredIcon } from '@fluentui/react-icons';\nimport { FluentIcon } from '../../utilities/iconLibrary/FluentIcon';\nimport { Typography, makeStyles } from '@material-ui/core';\nimport { FluentButton } from '../../UI/inputs/buttons/FluentButton';\nimport { v4 as uuid } from 'uuid';\n\nconst useStyles = makeStyles((theme) => ({\n  root: {},\n  row: {\n    display: 'flex',\n    alignItems: 'center'\n  },\n  variableContainer: {\n    width: '100%',\n    display: 'flex',\n    alignItems: 'flex-start'\n  },\n  icon: {\n    marginTop: theme.spacing(5)\n  },\n  iconButton: {\n    marginTop: theme.spacing(3.5)\n  },\n  iconContainer: {\n    marginRight: theme.spacing(1)\n  }\n}));\n\nexport const RequiredFieldsMappingForm = (props) => {\n  const {\n    requiredFields = '',\n    fieldMappings,\n    properties,\n    onSubmit = () => {},\n    optionLabelDisplayFunction,\n    groupBy,\n    propertyType = 'entity'\n  } = props;\n  const [fields, setFields] = useState([]);\n  const classes = useStyles(props);\n\n  const fieldOptions = useMemo(() => {\n    const fieldsStr = requiredFields || '';\n    if (!fieldsStr.trim()) {\n      return [];\n    }\n\n    const options = [];\n    const fields = fieldsStr.split(',');\n\n    fields.forEach((field) => {\n      options.push({ label: field.trim(), value: field.trim() });\n    });\n\n    return options;\n  }, [requiredFields]);\n\n  const handleRequiredFieldChange = useCallback(\n    (fieldId, value, key, merge = false) => {\n      const updatedFields = [...fields];\n      let matchingField = updatedFields.find((f) => f.id === fieldId);\n      if (matchingField) {\n        if (merge) {\n          Object.keys(value).forEach((key) => {\n            matchingField[key] = value[key];\n          });\n        } else {\n          matchingField[key] = value;\n        }\n      }\n      setFields(updatedFields);\n    },\n    [fields, setFields]\n  );\n\n  const propertyOptions = useMemo(() => {\n    if (!properties) {\n      return [];\n    }\n    // return properties.filter(\n    //   (property) => property?.type !== 'array' && property?.type !== 'object'\n    // );\n    return properties;\n  }, [properties]);\n\n  const handleOnSubmit = useCallback(() => {\n    // construct the mapping object from the values\n    // the map would be {params.apple: appleValue}\n    const fieldMappings = {};\n\n    fields.forEach((field) => {\n      fieldMappings[field.name] = {\n        value: field.propertyValue\n          ? field.propertyValue?.name\n          : field.strValue.trim(),\n        type: field.propertyValue ? propertyType : 'custom'\n      };\n    });\n    onSubmit(fieldMappings);\n  }, [onSubmit, fields, propertyType]);\n\n  useEffect(() => {\n    if (!fieldOptions || !fieldMappings || !propertyOptions) {\n      return;\n    }\n    const currentFields = [];\n    fieldOptions.forEach((fo) => {\n      const mappingValue = fieldMappings[fo.value];\n      const currentField = {\n        id: uuid(),\n        strValue: mappingValue?.type === 'custom' ? mappingValue?.value : '',\n        propertyValue:\n          mappingValue?.type === propertyType\n            ? propertyOptions.find((po) => po.name === mappingValue?.value)\n            : '',\n        name: fo.value\n      };\n      currentFields.push(currentField);\n    });\n    setFields(currentFields);\n  }, [fieldMappings, fieldOptions, propertyOptions, propertyType]);\n\n  return (\n    <div className={classes.root}>\n      {fields.length > 0 &&\n        fieldOptions.map((item) => {\n          const matchingField = fields.find(\n            (field) => field.name === item.value\n          );\n\n          return (\n            <div className={classes.row}>\n              <RequiredFieldsMappingField\n                requiredField={matchingField}\n                onRequiredFieldChange={handleRequiredFieldChange}\n                options={propertyOptions || []}\n                optionLabelDisplayFunction={optionLabelDisplayFunction}\n                groupBy={groupBy}\n              />\n              <div className={classes.iconContainer}>\n                <FluentIcon\n                  component={ChromeBackMirroredIcon}\n                  size={20}\n                  customSize\n                />\n              </div>\n              <Typography\n                variant='subtitle1'\n                style={{ textOverflow: 'ellipsis', overflow: 'hidden' }}\n              >\n                {item.label}\n              </Typography>\n            </div>\n          );\n        })}\n      <FluentButton\n        variant='contained'\n        color='primary'\n        fullWidth\n        onClick={handleOnSubmit}\n      >\n        {' '}\n        Save Mapping\n      </FluentButton>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/RuleUtilities-DXVlN84J.js

@@ -1,89 +0,0 @@
-import jsonLogic from "json-logic-js";
-
-//#region src/utilities/rules/RuleUtilities.js
-/**
-* Constructs an array of object from the object map.
-*
-* @param {Object} obj ex: {"a": "customerID", "b": "firstName"}
-* @returns an array of object ex. [{"variable": "a", "value": "serviceLocationID"}, {"variable": "b", "value" "firstName"}]
-*/
-const getPropertyMappingList = (obj) => {
-	const mappings = [];
-	if (obj) Object.keys(obj).forEach((key) => {
-		const mappingObj = {
-			variable: key,
-			value: obj[key]
-		};
-		mappings.push(mappingObj);
-	});
-	return mappings;
-};
-/**
-* Constructs a map object where variables are keys and values are the values.
-*
-* @param {Array<Object>} properties ex. [{"variable": "a", "value": "serviceLocationID"}, {"variable": "b", "value" "firstName"}]
-* @returns mapped object ex: {"a": "customerID", "b": "firstName"}
-*/
-const getPropertyMappingObj = (properties) => {
-	const mapping = {};
-	if (properties?.length) properties.forEach((property) => {
-		mapping[property.variable] = property.value;
-	});
-	return mapping;
-};
-/**
-* Maps the keys of mapping to the values of data.
-*
-* @param {Object} mapping ex: {"a": "customerID", "b": "firstName"}
-* @param {Object} data ex: {"customerID": 1001, "firstName": "John"}
-* @returns flat object ex: {"a": 1001, "b": "John"}
-*/
-const mapRuleData = (mapping, data) => {
-	const mappedData = {};
-	if (mapping && mapping.length) Object.keys(mapping).forEach((key) => {
-		const dataKey = mapping[key];
-		if (dataKey) mappedData[key] = data[dataKey];
-	});
-	return mappedData;
-};
-/**
-* Maps the mapping values in the mapping object to the variables in the rule.
-*
-* @param {Object} mapping ex: {"a": "customerID", "b": "firstName"}
-* @param {Object} rule ex: {"or": [{"==": [{"var": "a"}, 400]}, {"==": [{"var": "b"}, John]}]}
-* @returns jsonLogic object with the correct variable names ex: [{"==": [{"var": "customerID"}, 400]}, {"==": [{"var": "firstName"}, John]}]
-*/
-const mapRule = (mapping = {}, rule = "") => {
-	const keys = Object.keys(mapping);
-	let updatedJsonLogic = JSON.stringify(rule);
-	keys.forEach((key) => {
-		const substr = JSON.stringify({ var: key });
-		const newSubstr = JSON.stringify({ var: mapping[key] });
-		updatedJsonLogic = updatedJsonLogic.replaceAll(substr, newSubstr);
-	});
-	try {
-		return JSON.parse(updatedJsonLogic);
-	} catch (err) {
-		console.err("Error with parsing JSON Logic String");
-		return {};
-	}
-};
-/**
-* Evaluates the rule with provided data.
-*
-* @param {Object} rule ex: {"or": [{"==": [{"var": "customerID"}, 400]}, {"==": [{"var": "firstName"}, John]}]}
-* @param {Object} data ex: {"customerID": 1001, "firstName": "John"}
-* @param {string} objectKey ex: "users"
-* @param {boolean} dataLazyLoaded ex: "true"
-* @returns the evaluated rule ex: true
-*/
-const evaluateRule = (rule, data, objectKey, dataLazyLoaded) => {
-	let formattedData = {};
-	if (objectKey && dataLazyLoaded) formattedData[objectKey] = data[objectKey] ? data[objectKey] : data;
-	else formattedData = data;
-	return jsonLogic.apply(rule, formattedData);
-};
-
-//#endregion
-export { evaluateRule, getPropertyMappingList, getPropertyMappingObj, mapRule, mapRuleData };
-//# sourceMappingURL=RuleUtilities-DXVlN84J.js.map

package/dist/RuleUtilities-DXVlN84J.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"RuleUtilities-DXVlN84J.js","names":[],"sources":["../src/utilities/rules/RuleUtilities.js"],"sourcesContent":["import jsonLogic from 'json-logic-js';\n\n/**\n * Constructs an array of object from the object map.\n *\n * @param {Object} obj ex: {\"a\": \"customerID\", \"b\": \"firstName\"}\n * @returns an array of object ex. [{\"variable\": \"a\", \"value\": \"serviceLocationID\"}, {\"variable\": \"b\", \"value\" \"firstName\"}]\n */\nexport const getPropertyMappingList = (obj) => {\n  const mappings = [];\n  if (obj) {\n    const keys = Object.keys(obj);\n    keys.forEach((key) => {\n      const mappingObj = { variable: key, value: obj[key] };\n      mappings.push(mappingObj);\n    });\n  }\n  return mappings;\n};\n\n/**\n * Constructs a map object where variables are keys and values are the values.\n *\n * @param {Array<Object>} properties ex. [{\"variable\": \"a\", \"value\": \"serviceLocationID\"}, {\"variable\": \"b\", \"value\" \"firstName\"}]\n * @returns mapped object ex: {\"a\": \"customerID\", \"b\": \"firstName\"}\n */\nexport const getPropertyMappingObj = (properties) => {\n  const mapping = {};\n  if (properties?.length) {\n    properties.forEach((property) => {\n      mapping[property.variable] = property.value;\n    });\n  }\n  return mapping;\n};\n\n/**\n * Maps the keys of mapping to the values of data.\n *\n * @param {Object} mapping ex: {\"a\": \"customerID\", \"b\": \"firstName\"}\n * @param {Object} data ex: {\"customerID\": 1001, \"firstName\": \"John\"}\n * @returns flat object ex: {\"a\": 1001, \"b\": \"John\"}\n */\nexport const mapRuleData = (mapping, data) => {\n  const mappedData = {};\n  if (mapping && mapping.length) {\n    const keys = Object.keys(mapping);\n    keys.forEach((key) => {\n      const dataKey = mapping[key];\n      if (dataKey) {\n        const dataValue = data[dataKey];\n        mappedData[key] = dataValue;\n      }\n    });\n  }\n  return mappedData;\n};\n\n/**\n * Maps the mapping values in the mapping object to the variables in the rule.\n *\n * @param {Object} mapping ex: {\"a\": \"customerID\", \"b\": \"firstName\"}\n * @param {Object} rule ex: {\"or\": [{\"==\": [{\"var\": \"a\"}, 400]}, {\"==\": [{\"var\": \"b\"}, John]}]}\n * @returns jsonLogic object with the correct variable names ex: [{\"==\": [{\"var\": \"customerID\"}, 400]}, {\"==\": [{\"var\": \"firstName\"}, John]}]\n */\nexport const mapRule = (mapping = {}, rule = '') => {\n  const keys = Object.keys(mapping);\n  let updatedJsonLogic = JSON.stringify(rule);\n  keys.forEach((key) => {\n    const substr = JSON.stringify({ var: key });\n    const newSubstr = JSON.stringify({ var: mapping[key] });\n    updatedJsonLogic = updatedJsonLogic.replaceAll(substr, newSubstr);\n  });\n  try {\n    return JSON.parse(updatedJsonLogic);\n  } catch (err) {\n    console.err('Error with parsing JSON Logic String');\n    return {};\n  }\n};\n\n/**\n * Evaluates the rule with provided data.\n *\n * @param {Object} rule ex: {\"or\": [{\"==\": [{\"var\": \"customerID\"}, 400]}, {\"==\": [{\"var\": \"firstName\"}, John]}]}\n * @param {Object} data ex: {\"customerID\": 1001, \"firstName\": \"John\"}\n * @param {string} objectKey ex: \"users\"\n * @param {boolean} dataLazyLoaded ex: \"true\"\n * @returns the evaluated rule ex: true\n */\nexport const evaluateRule = (rule, data, objectKey, dataLazyLoaded) => {\n  let formattedData = {};\n  if (objectKey && dataLazyLoaded) {\n    formattedData[objectKey] = data[objectKey] ? data[objectKey] : data;\n  } else {\n    formattedData = data;\n  }\n  return jsonLogic.apply(rule, formattedData);\n};\n"],"mappings":";;;;;;;;;AAQA,MAAa,0BAA0B,QAAQ;CAC7C,MAAM,WAAW,EAAE;AACnB,KAAI,IAEF,CADa,OAAO,KAAK,IAAI,CACxB,SAAS,QAAQ;EACpB,MAAM,aAAa;GAAE,UAAU;GAAK,OAAO,IAAI;GAAM;AACrD,WAAS,KAAK,WAAW;GACzB;AAEJ,QAAO;;;;;;;;AAST,MAAa,yBAAyB,eAAe;CACnD,MAAM,UAAU,EAAE;AAClB,KAAI,YAAY,OACd,YAAW,SAAS,aAAa;AAC/B,UAAQ,SAAS,YAAY,SAAS;GACtC;AAEJ,QAAO;;;;;;;;;AAUT,MAAa,eAAe,SAAS,SAAS;CAC5C,MAAM,aAAa,EAAE;AACrB,KAAI,WAAW,QAAQ,OAErB,CADa,OAAO,KAAK,QAAQ,CAC5B,SAAS,QAAQ;EACpB,MAAM,UAAU,QAAQ;AACxB,MAAI,QAEF,YAAW,OADO,KAAK;GAGzB;AAEJ,QAAO;;;;;;;;;AAUT,MAAa,WAAW,UAAU,EAAE,EAAE,OAAO,OAAO;CAClD,MAAM,OAAO,OAAO,KAAK,QAAQ;CACjC,IAAI,mBAAmB,KAAK,UAAU,KAAK;AAC3C,MAAK,SAAS,QAAQ;EACpB,MAAM,SAAS,KAAK,UAAU,EAAE,KAAK,KAAK,CAAC;EAC3C,MAAM,YAAY,KAAK,UAAU,EAAE,KAAK,QAAQ,MAAM,CAAC;AACvD,qBAAmB,iBAAiB,WAAW,QAAQ,UAAU;GACjE;AACF,KAAI;AACF,SAAO,KAAK,MAAM,iBAAiB;UAC5B,KAAK;AACZ,UAAQ,IAAI,uCAAuC;AACnD,SAAO,EAAE;;;;;;;;;;;;AAab,MAAa,gBAAgB,MAAM,MAAM,WAAW,mBAAmB;CACrE,IAAI,gBAAgB,EAAE;AACtB,KAAI,aAAa,eACf,eAAc,aAAa,KAAK,aAAa,KAAK,aAAa;KAE/D,iBAAgB;AAElB,QAAO,UAAU,MAAM,MAAM,cAAc"}

package/dist/SearchMethodUdpGrid-Ua0Kj84J.js

@@ -1,11 +0,0 @@
-import React from "react";
-import { SearchMethodGrid } from "udp-react-stencil-component-library";
-
-//#region src/UI/templates/newGrid/SearchMethodUdpGrid.jsx
-const SearchMethodUdpGrid = (props) => {
-	return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(SearchMethodGrid, props));
-};
-
-//#endregion
-export { SearchMethodUdpGrid };
-//# sourceMappingURL=SearchMethodUdpGrid-Ua0Kj84J.js.map

package/dist/SearchMethodUdpGrid-Ua0Kj84J.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchMethodUdpGrid-Ua0Kj84J.js","names":[],"sources":["../src/UI/templates/newGrid/SearchMethodUdpGrid.jsx"],"sourcesContent":["import React from 'react'\nimport { SearchMethodGrid } from 'udp-react-stencil-component-library'\n\nexport const SearchMethodUdpGrid = (props) => {\n\n  return (\n   <div >\n      <SearchMethodGrid {...props}/>\n   </div>\n  )\n}\n"],"mappings":";;;;AAGA,MAAa,uBAAuB,UAAU;AAE5C,QACC,oCAAC,aACE,oCAAC,kBAAqB,MAAQ,CAC3B"}

package/dist/SearchOperator-BLSwbmXG.js

@@ -1,59 +0,0 @@
-//#region src/models/SearchOperator.ts
-const SearchOperators = [
-	{
-		value: "=",
-		label: "Equals"
-	},
-	{
-		value: "IN",
-		label: "Contains"
-	},
-	{
-		value: "<>",
-		label: "Does not Equal"
-	},
-	{
-		value: ">",
-		label: "Greater Than"
-	},
-	{
-		value: "<",
-		label: "Less Than"
-	},
-	{
-		value: ">=",
-		label: "Greater Than or Equal To"
-	},
-	{
-		value: "<=",
-		label: "Less Than or Equal To"
-	},
-	{
-		value: "LIKE",
-		label: "Like"
-	},
-	{
-		value: "STARTSWITH",
-		label: "Starts With"
-	},
-	{
-		value: "BETWEEN",
-		label: "Between"
-	}
-];
-const FilterOperators = {
-	equals: "=",
-	contains: "LIKE",
-	notEqual: "<>",
-	greaterThan: ">",
-	lessThan: "<",
-	greaterThanOrEqual: ">=",
-	lessThanOrEqual: "<=",
-	between: "BETWEEN",
-	In: "IN",
-	startsWith: "STARTSWITH"
-};
-
-//#endregion
-export { FilterOperators, SearchOperators };
-//# sourceMappingURL=SearchOperator-BLSwbmXG.js.map

package/dist/SearchOperator-BLSwbmXG.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"SearchOperator-BLSwbmXG.js","names":["SearchOperators: Array<SearchOperator>"],"sources":["../src/models/SearchOperator.ts"],"sourcesContent":["export interface SearchOperator {\n  value: string;\n  label: string;\n}\n\nexport const SearchOperators: Array<SearchOperator> = [\n  {\n    value: '=',\n    label: 'Equals'\n  },\n  {\n    value: 'IN',\n    label: 'Contains'\n  },\n  {\n    value: '<>',\n    label: 'Does not Equal'\n  },\n  {\n    value: '>',\n    label: 'Greater Than'\n  },\n  {\n    value: '<',\n    label: 'Less Than'\n  },\n  {\n    value: '>=',\n    label: 'Greater Than or Equal To'\n  },\n  {\n    value: '<=',\n    label: 'Less Than or Equal To'\n  },\n  {\n    value: 'LIKE',\n    label: 'Like'\n  },\n  {\n    value: 'STARTSWITH',\n    label: 'Starts With'\n  },\n  {\n    value: 'BETWEEN',\n    label: 'Between'\n  }\n];\n\nexport const FilterOperators = {\n  equals: '=',\n  contains: 'LIKE',\n  notEqual: '<>',\n  greaterThan: '>',\n  lessThan: '<',\n  greaterThanOrEqual: '>=',\n  lessThanOrEqual: '<=',\n  between: 'BETWEEN',\n  In: \"IN\",\n  startsWith: \"STARTSWITH\"\n\n};\n"],"mappings":";AAKA,MAAaA,kBAAyC;CACpD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACD;EACE,OAAO;EACP,OAAO;EACR;CACF;AAED,MAAa,kBAAkB;CAC7B,QAAQ;CACR,UAAU;CACV,UAAU;CACV,aAAa;CACb,UAAU;CACV,oBAAoB;CACpB,iBAAiB;CACjB,SAAS;CACT,IAAI;CACJ,YAAY;CAEb"}