udp-react-enterprise-component-library 26.6.0-beta.0 → 26.6.0-beta.2

package/dist/UI/inputs/fieldArrayCard/FieldArrayCard.mjs

@@ -1,35 +1,29 @@
 import { c } from "../../../reactCompilerRuntime.mjs";
 import { Field } from "../../../utilities/form/Field.mjs";
-import { DateTimeField } from "../datetimes/DateTimeField.mjs";
-import { FluentToggle } from "../toggle/FluentToggle.mjs";
-import { Typography as Typography$1 } from "../../dataDisplay/typography/Typography.mjs";
-import { LayoutUnit } from "../../../layout/LayoutUnit.mjs";
-import { AmbientCard } from "../../surfaces/cards/AmbientCard/AmbientCard.mjs";
-import { IconButtonWithTooltip } from "../buttons/IconButtonWithToolTip.mjs";
-import { FluentTextField } from "../textField/FluentTextField.mjs";
-import { FluentDatePicker } from "../pickers/FluentDatePicker.mjs";
-import { FormControlLabel as FormControlLabel$1 } from "../../utilityDisplay/FormControlLabel.mjs";
+import { UdpAutocomplete } from "../../fluent-web-components/UdpAutocomplete.mjs";
 import { Grid as Grid$1 } from "../../Grid.mjs";
-import { FluentCheckbox } from "../checkbox/FluentCheckbox.mjs";
-import { EmptyStateDisplay } from "../../dataDisplay/EmptyStateDisplay.mjs";
-import { FluentTimePicker } from "../pickers/FluentTimePicker.mjs";
+import { UdpCard } from "../../fluent-web-components/UdpCard.mjs";
+import { UdpCheckbox } from "../../fluent-web-components/UdpCheckbox.mjs";
+import { UdpDateInput } from "../../fluent-web-components/UdpDateInput.mjs";
+import { UdpDateTimeInput } from "../../fluent-web-components/UdpDateTimeInput.mjs";
+import { UdpEmptyState } from "../../fluent-web-components/UdpEmptyState.mjs";
+import { UdpIconButton } from "../../fluent-web-components/UdpIconButton.mjs";
+import { UdpSwitch } from "../../fluent-web-components/UdpSwitch.mjs";
+import { UdpText } from "../../fluent-web-components/UdpText.mjs";
+import { UdpNumberInput } from "../../fluent-web-components/UdpNumberInput.mjs";
+import { UdpTextInput } from "../../fluent-web-components/UdpTextInput.mjs";
+import { UdpTimeInput } from "../../fluent-web-components/UdpTimeInput.mjs";
+import { UdpTooltip } from "../../fluent-web-components/UdpTooltip.mjs";
+import { UdpVerticalSpacer } from "../../fluent-web-components/UdpVerticalSpacer.mjs";
 import { FieldType } from "./fieldArrayCardEnum.mjs";
 import SearchSideSheet from "./SearchSideSheet.mjs";
-import AutocompleteFinalField from "./AutocompleteFinalField.mjs";
 import DateRangeField from "./DateRangeField.mjs";
 import React, { useState } from "react";
 import { makeStyles } from "@material-ui/core";
-import { AddIcon, DeleteIcon } from "@fluentui/react-icons";
 import { useTranslation } from "react-i18next";
 import { FieldArray } from "react-final-form-arrays";
 //#region src/UI/inputs/fieldArrayCard/FieldArrayCard.jsx
 const useStyles = makeStyles((theme) => ({
-	toggleWrapper: {
-		marginLeft: theme.spacing(-.1),
-		gap: theme.spacing(1),
-		marginTop: theme.spacing(.8)
-	},
-	checkboxField: { marginLeft: theme.spacing(-1.1) },
 	sectionHeader: {
 		display: "flex",
 		justifyContent: "space-between",
@@ -54,8 +48,8 @@ const useStyles = makeStyles((theme) => ({
 	}
 }));
 const FieldArrayCard = (props) => {
-	const $ = c(38);
-	const { title: t0, fieldArrayName, getRowTitle, fieldConfig, removeTopLayoutUnit: t1, defaultAddedItemValues, enableSearchSideSheet, searchSideSheetTitle, searchFieldId: t2, formFieldId: t3, formatAddedSearchItems, productApiBase, searchApi, searchGridColDefs, searchGridTitle, handleSearch, disableExcludeInSearch: t4, searchSideSheetWidth, searchSideSheetHeight } = props;
+	const $ = c(41);
+	const { title: t0, fieldArrayName, getRowTitle, fieldConfig, removeTopLayoutUnit: t1, defaultAddedItemValues, enableSearchSideSheet, searchSideSheetTitle, searchFieldId: t2, formFieldId: t3, formatAddedSearchItems, productApiBase, searchApi, searchGridColDefs, searchGridTitle, handleSearch, searchBarFieldName, defaultFilters, disableExcludeInSearch: t4, searchSideSheetWidth, searchSideSheetHeight } = props;
 	const title = t0 === void 0 ? " " : t0;
 	const removeTopLayoutUnit = t1 === void 0 ? false : t1;
 	const searchFieldId = t2 === void 0 ? "id" : t2;
@@ -65,155 +59,170 @@ const FieldArrayCard = (props) => {
 	const [openSideSheet, setOpenSideSheet] = useState(false);
 	const { t } = useTranslation();
 	let t5;
-	if ($[0] !== classes.checkboxField || $[1] !== classes.toggleWrapper) {
-		t5 = (finalFieldName, config, fieldObj) => {
+	if ($[0] !== t) {
+		t5 = (value, min, max) => {
+			if (typeof min === "number" && value < min) return t("Number must be greater than or equal to {{min}}", { min });
+			if (typeof max === "number" && value > max) return t("Number must be less than or equal to {{max}}", { max });
+		};
+		$[0] = t;
+		$[1] = t5;
+	} else t5 = $[1];
+	const validateNumberRange = t5;
+	let t6;
+	if ($[2] !== validateNumberRange) {
+		t6 = (finalFieldName, config, fieldObj) => {
 			const { fieldName, fieldType, fieldLabel, componentProps } = config;
 			let fieldComponent;
-			bb22: switch (fieldType) {
+			bb38: switch (fieldType) {
 				case FieldType.DropdownMenu:
 					fieldComponent = /* @__PURE__ */ React.createElement(Field, {
 						...componentProps,
 						name: `${finalFieldName}.${fieldName}`,
-						component: AutocompleteFinalField,
+						component: UdpAutocomplete,
 						label: fieldLabel
 					});
-					break bb22;
+					break bb38;
 				case FieldType.Date:
 					fieldComponent = /* @__PURE__ */ React.createElement(Field, {
 						...componentProps,
 						name: `${finalFieldName}.${fieldName}`,
-						component: FluentDatePicker,
+						component: UdpDateInput,
 						label: fieldLabel,
-						size: "small",
 						allowNull: true
 					});
-					break bb22;
+					break bb38;
 				case FieldType.DateRange:
 					fieldComponent = /* @__PURE__ */ React.createElement(DateRangeField, {
 						...componentProps,
 						fieldName: finalFieldName,
 						initialValues: fieldObj
 					});
-					break bb22;
+					break bb38;
 				case FieldType.Time:
 					fieldComponent = /* @__PURE__ */ React.createElement(Field, {
 						...componentProps,
 						name: `${finalFieldName}.${fieldName}`,
-						component: FluentTimePicker,
-						label: fieldLabel,
-						size: "small"
+						component: UdpTimeInput,
+						label: fieldLabel
 					});
-					break bb22;
+					break bb38;
 				case FieldType.DateTime:
 					fieldComponent = /* @__PURE__ */ React.createElement(Field, {
 						...componentProps,
 						name: `${finalFieldName}.${fieldName}`,
-						component: DateTimeField,
+						component: UdpDateTimeInput,
 						label: fieldLabel,
-						size: "small",
 						allowNull: true
 					});
-					break bb22;
+					break bb38;
 				case FieldType.Toggle:
-					fieldComponent = /* @__PURE__ */ React.createElement(FormControlLabel$1, {
-						control: /* @__PURE__ */ React.createElement(Field, {
-							defaultChecked: false,
-							...componentProps,
-							name: `${finalFieldName}.${fieldName}`,
-							component: FluentToggle,
-							type: "checkbox"
-						}),
-						label: fieldLabel,
-						className: classes.toggleWrapper
+					fieldComponent = /* @__PURE__ */ React.createElement(Field, {
+						defaultChecked: false,
+						...componentProps,
+						name: `${finalFieldName}.${fieldName}`,
+						component: UdpSwitch,
+						type: "checkbox",
+						label: fieldLabel
 					});
-					break bb22;
+					break bb38;
 				case FieldType.Checkbox:
-					fieldComponent = /* @__PURE__ */ React.createElement(FormControlLabel$1, {
-						control: /* @__PURE__ */ React.createElement(Field, {
-							defaultChecked: false,
-							...componentProps,
-							name: `${finalFieldName}.${fieldName}`,
-							component: FluentCheckbox,
-							type: "checkbox"
-						}),
+					fieldComponent = /* @__PURE__ */ React.createElement(Field, {
+						defaultChecked: false,
+						...componentProps,
+						name: `${finalFieldName}.${fieldName}`,
+						component: UdpCheckbox,
+						type: "checkbox",
+						label: fieldLabel
+					});
+					break bb38;
+				case FieldType.Number:
+					fieldComponent = /* @__PURE__ */ React.createElement(Field, {
+						...componentProps,
+						name: `${finalFieldName}.${fieldName}`,
+						component: UdpNumberInput,
 						label: fieldLabel,
-						className: classes.checkboxField
+						type: "number",
+						validate: (value_0) => validateNumberRange(value_0, componentProps?.min, componentProps?.max)
 					});
-					break bb22;
+					break bb38;
 				default: fieldComponent = /* @__PURE__ */ React.createElement(Field, {
 					...componentProps,
 					name: `${finalFieldName}.${fieldName}`,
-					component: FluentTextField,
+					component: UdpTextInput,
 					label: fieldLabel
 				});
 			}
 			return fieldComponent;
 		};
-		$[0] = classes.checkboxField;
-		$[1] = classes.toggleWrapper;
-		$[2] = t5;
-	} else t5 = $[2];
-	const getField = t5;
-	let t6;
-	if ($[3] !== disableExcludeInSearch || $[4] !== formFieldId || $[5] !== formatAddedSearchItems) {
-		t6 = (selectedRecords, fieldArray) => {
+		$[2] = validateNumberRange;
+		$[3] = t6;
+	} else t6 = $[3];
+	const getField = t6;
+	let t7;
+	if ($[4] !== disableExcludeInSearch || $[5] !== formFieldId || $[6] !== formatAddedSearchItems) {
+		t7 = (selectedRecords, fieldArray) => {
 			const formattedRecords = formatAddedSearchItems ? formatAddedSearchItems(selectedRecords ?? []) : selectedRecords;
 			if (formattedRecords?.length) {
 				for (const record of formattedRecords) if (disableExcludeInSearch || !!!fieldArray?.value?.find((item) => item[formFieldId] === record[formFieldId])) fieldArray.push(record);
 			}
 			setOpenSideSheet(false);
 		};
-		$[3] = disableExcludeInSearch;
-		$[4] = formFieldId;
-		$[5] = formatAddedSearchItems;
-		$[6] = t6;
-	} else t6 = $[6];
-	const handleCloseSideSheet = t6;
-	let t7;
-	if ($[7] !== defaultAddedItemValues || $[8] !== enableSearchSideSheet) {
-		t7 = (fields) => {
+		$[4] = disableExcludeInSearch;
+		$[5] = formFieldId;
+		$[6] = formatAddedSearchItems;
+		$[7] = t7;
+	} else t7 = $[7];
+	const handleCloseSideSheet = t7;
+	let t8;
+	if ($[8] !== defaultAddedItemValues || $[9] !== enableSearchSideSheet) {
+		t8 = (fields) => {
 			if (enableSearchSideSheet) setOpenSideSheet(true);
 			else if (defaultAddedItemValues) fields.push(defaultAddedItemValues);
 			else fields.push({});
 		};
-		$[7] = defaultAddedItemValues;
-		$[8] = enableSearchSideSheet;
-		$[9] = t7;
-	} else t7 = $[9];
-	const handleAddField = t7;
-	let t8;
-	if ($[10] !== classes.cardHeader || $[11] !== classes.cardsWrapper || $[12] !== classes.fieldsWrapper || $[13] !== classes.sectionHeader || $[14] !== disableExcludeInSearch || $[15] !== fieldConfig || $[16] !== formFieldId || $[17] !== getField || $[18] !== getRowTitle || $[19] !== handleAddField || $[20] !== handleCloseSideSheet || $[21] !== handleSearch || $[22] !== openSideSheet || $[23] !== productApiBase || $[24] !== removeTopLayoutUnit || $[25] !== searchApi || $[26] !== searchFieldId || $[27] !== searchGridColDefs || $[28] !== searchGridTitle || $[29] !== searchSideSheetHeight || $[30] !== searchSideSheetTitle || $[31] !== searchSideSheetWidth || $[32] !== t || $[33] !== title) {
-		t8 = (t9) => {
-			const { fields: fields_0 } = t9;
-			return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.sectionHeader }, /* @__PURE__ */ React.createElement("div", null, title && /* @__PURE__ */ React.createElement(Typography$1, { variant: "h6" }, title)), /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
+		$[8] = defaultAddedItemValues;
+		$[9] = enableSearchSideSheet;
+		$[10] = t8;
+	} else t8 = $[10];
+	const handleAddField = t8;
+	let t9;
+	if ($[11] !== classes.cardHeader || $[12] !== classes.cardsWrapper || $[13] !== classes.fieldsWrapper || $[14] !== classes.sectionHeader || $[15] !== defaultFilters || $[16] !== disableExcludeInSearch || $[17] !== fieldConfig || $[18] !== formFieldId || $[19] !== getField || $[20] !== getRowTitle || $[21] !== handleAddField || $[22] !== handleCloseSideSheet || $[23] !== handleSearch || $[24] !== openSideSheet || $[25] !== productApiBase || $[26] !== removeTopLayoutUnit || $[27] !== searchApi || $[28] !== searchBarFieldName || $[29] !== searchFieldId || $[30] !== searchGridColDefs || $[31] !== searchGridTitle || $[32] !== searchSideSheetHeight || $[33] !== searchSideSheetTitle || $[34] !== searchSideSheetWidth || $[35] !== t || $[36] !== title) {
+		t9 = (t10) => {
+			const { fields: fields_0 } = t10;
+			return /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement("div", { className: classes.sectionHeader }, /* @__PURE__ */ React.createElement("div", null, title && /* @__PURE__ */ React.createElement(UdpText, { variant: "subtitle2" }, title)), /* @__PURE__ */ React.createElement(UdpTooltip, { content: t("Add") }, /* @__PURE__ */ React.createElement(UdpIconButton, {
 				onClick: () => {
 					handleAddField(fields_0);
 				},
-				icon: AddIcon,
-				title: t("Add")
-			})), /* @__PURE__ */ React.createElement("div", { className: classes.cardsWrapper }, fields_0?.value?.length > 0 ? fields_0.map((name, index) => {
+				iconName: "add",
+				ariaLabel: t("Add"),
+				appearance: "transparent"
+			}))), /* @__PURE__ */ React.createElement("div", { className: classes.cardsWrapper }, fields_0?.value?.length > 0 ? fields_0.map((name, index) => {
 				const rowTitle = getRowTitle && getRowTitle(fields_0?.value?.[index]);
-				return /* @__PURE__ */ React.createElement(AmbientCard, { fullWidth: true }, /* @__PURE__ */ React.createElement("div", { className: classes.cardHeader }, /* @__PURE__ */ React.createElement(Typography$1, { variant: "h6" }, rowTitle), /* @__PURE__ */ React.createElement(IconButtonWithTooltip, {
+				return /* @__PURE__ */ React.createElement(UdpCard, {
+					appearance: "muted-lighter",
+					key: index
+				}, /* @__PURE__ */ React.createElement("div", { className: classes.cardHeader }, /* @__PURE__ */ React.createElement(UdpText, { variant: "subtitle2" }, rowTitle), /* @__PURE__ */ React.createElement(UdpTooltip, { content: t("Delete") }, /* @__PURE__ */ React.createElement(UdpIconButton, {
 					onClick: () => fields_0.remove(index),
-					icon: DeleteIcon,
-					title: t("Delete")
-				})), rowTitle && !removeTopLayoutUnit && /* @__PURE__ */ React.createElement(LayoutUnit, { unit: "xxs" }), /* @__PURE__ */ React.createElement("div", { className: classes.fieldsWrapper }, fieldConfig?.map((config_0) => {
+					iconName: "delete",
+					ariaLabel: t("Delete"),
+					appearance: "transparent"
+				}))), rowTitle && !removeTopLayoutUnit && /* @__PURE__ */ React.createElement(UdpVerticalSpacer, { unit: "xxs" }), /* @__PURE__ */ React.createElement("div", { className: classes.fieldsWrapper }, fieldConfig?.map((config_0, fieldKey) => {
 					if (Array.isArray(config_0)) return /* @__PURE__ */ React.createElement(Grid$1, {
 						container: true,
-						spacing: 2
-					}, config_0?.map((innerConfig) => /* @__PURE__ */ React.createElement(Grid$1, {
+						spacing: 2,
+						key: fieldKey
+					}, config_0?.map((innerConfig, key) => /* @__PURE__ */ React.createElement(Grid$1, {
 						item: true,
 						xs: 12,
-						sm: 12 / config_0?.length
+						sm: 12 / config_0?.length,
+						key
 					}, getField(name, innerConfig, fields_0?.value?.[index]))));
 					else return getField(name, config_0, fields_0?.value?.[index]);
 				})));
-			}) : /* @__PURE__ */ React.createElement(AmbientCard, {
-				fullWidth: true,
-				cardHeight: "155px"
-			}, /* @__PURE__ */ React.createElement(EmptyStateDisplay, {
-				primaryText: t("No records to show"),
-				secondaryText: t("Try adding one")
+			}) : /* @__PURE__ */ React.createElement(UdpCard, { appearance: "muted-lighter" }, /* @__PURE__ */ React.createElement(UdpEmptyState, {
+				iconName: "error",
+				heading: t("No records to show"),
+				description: t("Try adding one")
 			}))), /* @__PURE__ */ React.createElement(SearchSideSheet, {
 				open: openSideSheet,
 				handleClose: (data) => {
@@ -229,43 +238,47 @@ const FieldArrayCard = (props) => {
 				gridTitle: searchGridTitle,
 				handleSearch,
 				width: searchSideSheetWidth,
-				height: searchSideSheetHeight
+				height: searchSideSheetHeight,
+				searchBarFieldName,
+				defaultFilters
 			}));
 		};
-		$[10] = classes.cardHeader;
-		$[11] = classes.cardsWrapper;
-		$[12] = classes.fieldsWrapper;
-		$[13] = classes.sectionHeader;
-		$[14] = disableExcludeInSearch;
-		$[15] = fieldConfig;
-		$[16] = formFieldId;
-		$[17] = getField;
-		$[18] = getRowTitle;
-		$[19] = handleAddField;
-		$[20] = handleCloseSideSheet;
-		$[21] = handleSearch;
-		$[22] = openSideSheet;
-		$[23] = productApiBase;
-		$[24] = removeTopLayoutUnit;
-		$[25] = searchApi;
-		$[26] = searchFieldId;
-		$[27] = searchGridColDefs;
-		$[28] = searchGridTitle;
-		$[29] = searchSideSheetHeight;
-		$[30] = searchSideSheetTitle;
-		$[31] = searchSideSheetWidth;
-		$[32] = t;
-		$[33] = title;
-		$[34] = t8;
-	} else t8 = $[34];
-	let t9;
-	if ($[35] !== fieldArrayName || $[36] !== t8) {
-		t9 = /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FieldArray, { name: fieldArrayName }, t8));
-		$[35] = fieldArrayName;
-		$[36] = t8;
+		$[11] = classes.cardHeader;
+		$[12] = classes.cardsWrapper;
+		$[13] = classes.fieldsWrapper;
+		$[14] = classes.sectionHeader;
+		$[15] = defaultFilters;
+		$[16] = disableExcludeInSearch;
+		$[17] = fieldConfig;
+		$[18] = formFieldId;
+		$[19] = getField;
+		$[20] = getRowTitle;
+		$[21] = handleAddField;
+		$[22] = handleCloseSideSheet;
+		$[23] = handleSearch;
+		$[24] = openSideSheet;
+		$[25] = productApiBase;
+		$[26] = removeTopLayoutUnit;
+		$[27] = searchApi;
+		$[28] = searchBarFieldName;
+		$[29] = searchFieldId;
+		$[30] = searchGridColDefs;
+		$[31] = searchGridTitle;
+		$[32] = searchSideSheetHeight;
+		$[33] = searchSideSheetTitle;
+		$[34] = searchSideSheetWidth;
+		$[35] = t;
+		$[36] = title;
 		$[37] = t9;
 	} else t9 = $[37];
-	return t9;
+	let t10;
+	if ($[38] !== fieldArrayName || $[39] !== t9) {
+		t10 = /* @__PURE__ */ React.createElement("div", null, /* @__PURE__ */ React.createElement(FieldArray, { name: fieldArrayName }, t9));
+		$[38] = fieldArrayName;
+		$[39] = t9;
+		$[40] = t10;
+	} else t10 = $[40];
+	return t10;
 };
 //#endregion
 export { FieldArrayCard };

package/dist/UI/inputs/fieldArrayCard/FieldArrayCard.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FieldArrayCard.mjs","names":["AddIcon","DeleteIcon","makeStyles","React","useCallback","useState","FieldArray","useTranslation","SearchSideSheet","AutocompleteFinalField","DateRangeField","FieldType","AmbientCard","DateTimeField","EmptyStateDisplay","Field","FluentCheckbox","FluentDatePicker","FluentTextField","FluentTimePicker","FluentToggle","FormControlLabel","Grid","IconButtonWithTooltip","LayoutUnit","Typography","useStyles","theme","toggleWrapper","marginLeft","spacing","gap","marginTop","checkboxField","sectionHeader","display","justifyContent","alignItems","marginBottom","fieldsWrapper","flexDirection","cardsWrapper","cardHeader","FieldArrayCard","props","$","_c","title","t0","fieldArrayName","getRowTitle","fieldConfig","removeTopLayoutUnit","t1","defaultAddedItemValues","enableSearchSideSheet","searchSideSheetTitle","searchFieldId","t2","formFieldId","t3","formatAddedSearchItems","productApiBase","searchApi","searchGridColDefs","searchGridTitle","handleSearch","disableExcludeInSearch","t4","searchSideSheetWidth","searchSideSheetHeight","undefined","classes","openSideSheet","setOpenSideSheet","t","t5","finalFieldName","config","fieldObj","fieldName","fieldType","fieldLabel","componentProps","fieldComponent","bb22","DropdownMenu","Date","DateRange","Time","DateTime","Toggle","Checkbox","getField","t6","selectedRecords","fieldArray","formattedRecords","length","record","value","find","item","push","handleCloseSideSheet","t7","fields","handleAddField","t8","t9","fields_0","map","name","index","rowTitle","remove","config_0","Array","isArray","innerConfig","data"],"sources":["../../../../src/UI/inputs/fieldArrayCard/FieldArrayCard.jsx"],"sourcesContent":["import { AddIcon, DeleteIcon } from '@fluentui/react-icons';\nimport { makeStyles } from '@material-ui/core';\nimport React, { useCallback, useState } from 'react';\nimport { FieldArray } from 'react-final-form-arrays';\nimport { useTranslation } from 'react-i18next';\nimport SearchSideSheet from './SearchSideSheet';\nimport AutocompleteFinalField from './AutocompleteFinalField';\nimport DateRangeField from './DateRangeField';\nimport { FieldType } from './fieldArrayCardEnum';\nimport { AmbientCard } from '../../surfaces/cards/AmbientCard';\nimport { DateTimeField } from '../datetimes/DateTimeField';\nimport { EmptyStateDisplay } from '../../dataDisplay/EmptyStateDisplay';\nimport { Field } from '../../../utilities/form';\nimport { FluentCheckbox } from '../checkbox/FluentCheckbox';\nimport { FluentDatePicker } from '../pickers/FluentDatePicker';\nimport { FluentTextField } from '../textField/FluentTextField';\nimport { FluentTimePicker } from '../pickers/FluentTimePicker';\nimport { FluentToggle } from '../toggle/FluentToggle';\nimport { FormControlLabel } from '../../utilityDisplay/FormControlLabel';\nimport { Grid } from '../../Grid';\nimport { IconButtonWithTooltip } from '../buttons/IconButtonWithToolTip';\nimport { LayoutUnit } from '../../../layout/LayoutUnit';\nimport { Typography } from '../../dataDisplay/typography/Typography';\n\nconst useStyles = makeStyles(theme => ({\n  toggleWrapper: {\n    marginLeft: theme.spacing(-0.1),\n    gap: theme.spacing(1),\n    marginTop: theme.spacing(0.8),\n  },\n  checkboxField: {\n    marginLeft: theme.spacing(-1.1),\n  },\n  sectionHeader: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    gap: theme.spacing(1),\n    alignItems: 'center',\n    marginBottom: theme.spacing(1),\n  },\n  fieldsWrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n  },\n  cardsWrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(2),\n  },\n  cardHeader: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    gap: theme.spacing(1),\n    alignItems: 'center',\n  },\n}));\n\nexport const FieldArrayCard = props => {\n  const {\n    title = ' ',\n    fieldArrayName,\n    getRowTitle,\n    fieldConfig,\n    removeTopLayoutUnit = false,\n    defaultAddedItemValues,\n    //search sidesheet props\n    enableSearchSideSheet,\n    searchSideSheetTitle,\n    searchFieldId = 'id',\n    formFieldId = 'id',\n    formatAddedSearchItems,\n    productApiBase,\n    searchApi,\n    searchGridColDefs,\n    searchGridTitle,\n    handleSearch,\n    disableExcludeInSearch = false,\n    searchSideSheetWidth,\n    searchSideSheetHeight,\n  } = props;\n  const classes = useStyles();\n  const [openSideSheet, setOpenSideSheet] = useState(false);\n  const { t } = useTranslation();\n\n  const getField = useCallback(\n    (finalFieldName, config, fieldObj) => {\n      const { fieldName, fieldType, fieldLabel, componentProps } = config;\n\n      let fieldComponent = null;\n\n      switch (fieldType) {\n        case FieldType.DropdownMenu:\n          fieldComponent = (\n            <Field\n              {...componentProps}\n              name={`${finalFieldName}.${fieldName}`}\n              component={AutocompleteFinalField}\n              label={fieldLabel}\n            />\n          );\n          break;\n        case FieldType.Date:\n          fieldComponent = (\n            <Field\n              {...componentProps}\n              name={`${finalFieldName}.${fieldName}`}\n              component={FluentDatePicker}\n              label={fieldLabel}\n              size=\"small\"\n              allowNull\n            />\n          );\n          break;\n        case FieldType.DateRange:\n          fieldComponent = (\n            <DateRangeField\n              {...componentProps}\n              fieldName={finalFieldName}\n              initialValues={fieldObj}\n            />\n          );\n          break;\n        case FieldType.Time:\n          fieldComponent = (\n            <Field\n              {...componentProps}\n              name={`${finalFieldName}.${fieldName}`}\n              component={FluentTimePicker}\n              label={fieldLabel}\n              size=\"small\"\n            />\n          );\n          break;\n        case FieldType.DateTime:\n          fieldComponent = (\n            <Field\n              {...componentProps}\n              name={`${finalFieldName}.${fieldName}`}\n              component={DateTimeField}\n              label={fieldLabel}\n              size=\"small\"\n              allowNull\n            />\n          );\n          break;\n        case FieldType.Toggle:\n          fieldComponent = (\n            <FormControlLabel\n              control={\n                <Field\n                  defaultChecked={false}\n                  {...componentProps}\n                  name={`${finalFieldName}.${fieldName}`}\n                  component={FluentToggle}\n                  type=\"checkbox\"\n                />\n              }\n              label={fieldLabel}\n              className={classes.toggleWrapper}\n            />\n          );\n          break;\n        case FieldType.Checkbox:\n          fieldComponent = (\n            <FormControlLabel\n              control={\n                <Field\n                  defaultChecked={false}\n                  {...componentProps}\n                  name={`${finalFieldName}.${fieldName}`}\n                  component={FluentCheckbox}\n                  type=\"checkbox\"\n                />\n              }\n              label={fieldLabel}\n              className={classes.checkboxField}\n            />\n          );\n          break;\n        default:\n          fieldComponent = (\n            <Field\n              {...componentProps}\n              name={`${finalFieldName}.${fieldName}`}\n              component={FluentTextField}\n              label={fieldLabel}\n            />\n          );\n          break;\n      }\n\n      return fieldComponent;\n    },\n    [classes.checkboxField, classes.toggleWrapper]\n  );\n\n  const handleCloseSideSheet = useCallback(\n    (selectedRecords, fieldArray) => {\n      const formattedRecords = formatAddedSearchItems\n        ? formatAddedSearchItems(selectedRecords ?? [])\n        : selectedRecords;\n\n      if (formattedRecords?.length) {\n        for (const record of formattedRecords) {\n          if (\n            disableExcludeInSearch ||\n            !!!fieldArray?.value?.find(\n              item => item[formFieldId] === record[formFieldId]\n            )\n          )\n            fieldArray.push(record);\n        }\n      }\n\n      setOpenSideSheet(false);\n    },\n    [disableExcludeInSearch, formFieldId, formatAddedSearchItems]\n  );\n\n  const handleAddField = useCallback(\n    fields => {\n      if (enableSearchSideSheet) {\n        setOpenSideSheet(true);\n      } else {\n        if (defaultAddedItemValues) {\n          fields.push(defaultAddedItemValues);\n        } else {\n          fields.push({});\n        }\n      }\n    },\n    [defaultAddedItemValues, enableSearchSideSheet]\n  );\n\n  return (\n    <div>\n      <FieldArray name={fieldArrayName}>\n        {({ fields }) => {\n          return (\n            <div>\n              <div className={classes.sectionHeader}>\n                <div>\n                  {title && <Typography variant=\"h6\">{title}</Typography>}\n                </div>\n                <IconButtonWithTooltip\n                  onClick={() => {\n                    handleAddField(fields);\n                  }}\n                  icon={AddIcon}\n                  title={t('Add')}\n                />\n              </div>\n\n              <div className={classes.cardsWrapper}>\n                {fields?.value?.length > 0 ? (\n                  fields.map((name, index) => {\n                    const rowTitle =\n                      getRowTitle && getRowTitle(fields?.value?.[index]);\n                    return (\n                      <AmbientCard fullWidth>\n                        <div className={classes.cardHeader}>\n                          <Typography variant=\"h6\">{rowTitle}</Typography>\n\n                          <IconButtonWithTooltip\n                            onClick={() => fields.remove(index)}\n                            icon={DeleteIcon}\n                            title={t('Delete')}\n                          />\n                        </div>\n                        {rowTitle && !removeTopLayoutUnit && (\n                          <LayoutUnit unit=\"xxs\" />\n                        )}\n                        <div className={classes.fieldsWrapper}>\n                          {fieldConfig?.map(config => {\n                            if (Array.isArray(config)) {\n                              return (\n                                <Grid container spacing={2}>\n                                  {config?.map(innerConfig => {\n                                    return (\n                                      <Grid\n                                        item\n                                        xs={12}\n                                        sm={12 / config?.length}\n                                      >\n                                        {getField(\n                                          name,\n                                          innerConfig,\n                                          fields?.value?.[index]\n                                        )}\n                                      </Grid>\n                                    );\n                                  })}\n                                </Grid>\n                              );\n                            } else {\n                              return getField(\n                                name,\n                                config,\n                                fields?.value?.[index]\n                              );\n                            }\n                          })}\n                        </div>\n                      </AmbientCard>\n                    );\n                  })\n                ) : (\n                  <AmbientCard fullWidth cardHeight=\"155px\">\n                    <EmptyStateDisplay\n                      primaryText={t('No records to show')}\n                      secondaryText={t('Try adding one')}\n                    />\n                  </AmbientCard>\n                )}\n              </div>\n              <SearchSideSheet\n                open={openSideSheet}\n                handleClose={data => {\n                  handleCloseSideSheet(data, fields);\n                }}\n                exclude={disableExcludeInSearch ? [] : fields?.value}\n                title={searchSideSheetTitle}\n                productApiBase={productApiBase}\n                searchApi={searchApi}\n                colDefs={searchGridColDefs}\n                idField={searchFieldId}\n                formIdField={formFieldId}\n                gridTitle={searchGridTitle}\n                handleSearch={handleSearch}\n                width={searchSideSheetWidth}\n                height={searchSideSheetHeight}\n              />\n            </div>\n          );\n        }}\n      </FieldArray>\n    </div>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"FieldArrayCard.mjs","names":["makeStyles","React","useCallback","useState","FieldArray","useTranslation","SearchSideSheet","DateRangeField","FieldType","Field","Grid","UdpCard","UdpVerticalSpacer","UdpTooltip","UdpIconButton","UdpText","UdpTextInput","UdpDateInput","UdpTimeInput","UdpDateTimeInput","UdpSwitch","UdpCheckbox","UdpAutocomplete","UdpNumberInput","UdpEmptyState","useStyles","theme","sectionHeader","display","justifyContent","gap","spacing","alignItems","marginBottom","fieldsWrapper","flexDirection","cardsWrapper","cardHeader","FieldArrayCard","props","$","_c","title","t0","fieldArrayName","getRowTitle","fieldConfig","removeTopLayoutUnit","t1","defaultAddedItemValues","enableSearchSideSheet","searchSideSheetTitle","searchFieldId","t2","formFieldId","t3","formatAddedSearchItems","productApiBase","searchApi","searchGridColDefs","searchGridTitle","handleSearch","searchBarFieldName","defaultFilters","disableExcludeInSearch","t4","searchSideSheetWidth","searchSideSheetHeight","undefined","classes","openSideSheet","setOpenSideSheet","t","t5","value","min","max","validateNumberRange","t6","finalFieldName","config","fieldObj","fieldName","fieldType","fieldLabel","componentProps","fieldComponent","bb38","DropdownMenu","Date","DateRange","Time","DateTime","Toggle","Checkbox","Number","value_0","getField","t7","selectedRecords","fieldArray","formattedRecords","length","record","find","item","push","handleCloseSideSheet","t8","fields","handleAddField","t9","t10","fields_0","map","name","index","rowTitle","remove","config_0","fieldKey","Array","isArray","innerConfig","key","data"],"sources":["../../../../src/UI/inputs/fieldArrayCard/FieldArrayCard.jsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport React, { useCallback, useState } from 'react';\nimport { FieldArray } from 'react-final-form-arrays';\nimport { useTranslation } from 'react-i18next';\nimport SearchSideSheet from './SearchSideSheet';\nimport DateRangeField from './DateRangeField';\nimport { FieldType } from './fieldArrayCardEnum';\nimport { Field } from '../../../utilities/form';\nimport { Grid } from '../../Grid';\nimport {\n  UdpCard,\n  UdpVerticalSpacer,\n  UdpTooltip,\n  UdpIconButton,\n  UdpText,\n  UdpTextInput,\n  UdpDateInput,\n  UdpTimeInput,\n  UdpDateTimeInput,\n  UdpSwitch,\n  UdpCheckbox,\n  UdpAutocomplete,\n  UdpNumberInput,\n  UdpEmptyState\n} from '../../fluent-web-components';\n\nconst useStyles = makeStyles((theme) => ({\n  sectionHeader: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    gap: theme.spacing(1),\n    alignItems: 'center',\n    marginBottom: theme.spacing(1)\n  },\n  fieldsWrapper: {\n    display: 'flex',\n    flexDirection: 'column'\n  },\n  cardsWrapper: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: theme.spacing(2)\n  },\n  cardHeader: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    gap: theme.spacing(1),\n    alignItems: 'center'\n  }\n}));\n\nexport const FieldArrayCard = (props) => {\n  const {\n    title = ' ',\n    fieldArrayName,\n    getRowTitle,\n    fieldConfig,\n    removeTopLayoutUnit = false,\n    defaultAddedItemValues,\n    //search sidesheet props\n    enableSearchSideSheet,\n    searchSideSheetTitle,\n    searchFieldId = 'id',\n    formFieldId = 'id',\n    formatAddedSearchItems,\n    productApiBase,\n    searchApi,\n    searchGridColDefs,\n    searchGridTitle,\n    handleSearch,\n    searchBarFieldName,\n    defaultFilters,\n    disableExcludeInSearch = false,\n    searchSideSheetWidth,\n    searchSideSheetHeight\n  } = props;\n  const classes = useStyles();\n  const [openSideSheet, setOpenSideSheet] = useState(false);\n  const { t } = useTranslation();\n\n  const validateNumberRange = useCallback(\n    (value, min, max) => {\n      if (typeof min === 'number' && value < min) {\n        return t('Number must be greater than or equal to {{min}}', { min });\n      }\n      if (typeof max === 'number' && value > max) {\n        return t('Number must be less than or equal to {{max}}', { max });\n      }\n      return undefined;\n    },\n    [t]\n  );\n\n  const getField = useCallback(\n    (finalFieldName, config, fieldObj) => {\n      const { fieldName, fieldType, fieldLabel, componentProps } = config;\n\n      let fieldComponent = null;\n\n      switch (fieldType) {\n        case FieldType.DropdownMenu:\n          fieldComponent = (\n            <Field\n              {...componentProps}\n              name={`${finalFieldName}.${fieldName}`}\n              component={UdpAutocomplete}\n              label={fieldLabel}\n            />\n          );\n          break;\n        case FieldType.Date:\n          fieldComponent = (\n            <Field\n              {...componentProps}\n              name={`${finalFieldName}.${fieldName}`}\n              component={UdpDateInput}\n              label={fieldLabel}\n              allowNull\n            />\n          );\n          break;\n        case FieldType.DateRange:\n          fieldComponent = (\n            <DateRangeField\n              {...componentProps}\n              fieldName={finalFieldName}\n              initialValues={fieldObj}\n            />\n          );\n          break;\n        case FieldType.Time:\n          fieldComponent = (\n            <Field\n              {...componentProps}\n              name={`${finalFieldName}.${fieldName}`}\n              component={UdpTimeInput}\n              label={fieldLabel}\n            />\n          );\n          break;\n        case FieldType.DateTime:\n          fieldComponent = (\n            <Field\n              {...componentProps}\n              name={`${finalFieldName}.${fieldName}`}\n              component={UdpDateTimeInput}\n              label={fieldLabel}\n              allowNull\n            />\n          );\n          break;\n        case FieldType.Toggle:\n          fieldComponent = (\n            <Field\n              defaultChecked={false}\n              {...componentProps}\n              name={`${finalFieldName}.${fieldName}`}\n              component={UdpSwitch}\n              type='checkbox'\n              label={fieldLabel}\n            />\n          );\n          break;\n        case FieldType.Checkbox:\n          fieldComponent = (\n            <Field\n              defaultChecked={false}\n              {...componentProps}\n              name={`${finalFieldName}.${fieldName}`}\n              component={UdpCheckbox}\n              type='checkbox'\n              label={fieldLabel}\n            />\n          );\n          break;\n        case FieldType.Number:\n          fieldComponent = (\n            <Field\n              {...componentProps}\n              name={`${finalFieldName}.${fieldName}`}\n              component={UdpNumberInput}\n              label={fieldLabel}\n              type='number'\n              validate={(value) =>\n                validateNumberRange(\n                  value,\n                  componentProps?.min,\n                  componentProps?.max\n                )\n              }\n            />\n          );\n          break;\n        default:\n          fieldComponent = (\n            <Field\n              {...componentProps}\n              name={`${finalFieldName}.${fieldName}`}\n              component={UdpTextInput}\n              label={fieldLabel}\n            />\n          );\n          break;\n      }\n\n      return fieldComponent;\n    },\n    [validateNumberRange]\n  );\n\n  const handleCloseSideSheet = useCallback(\n    (selectedRecords, fieldArray) => {\n      const formattedRecords = formatAddedSearchItems\n        ? formatAddedSearchItems(selectedRecords ?? [])\n        : selectedRecords;\n\n      if (formattedRecords?.length) {\n        for (const record of formattedRecords) {\n          if (\n            disableExcludeInSearch ||\n            !!!fieldArray?.value?.find(\n              (item) => item[formFieldId] === record[formFieldId]\n            )\n          )\n            fieldArray.push(record);\n        }\n      }\n\n      setOpenSideSheet(false);\n    },\n    [disableExcludeInSearch, formFieldId, formatAddedSearchItems]\n  );\n\n  const handleAddField = useCallback(\n    (fields) => {\n      if (enableSearchSideSheet) {\n        setOpenSideSheet(true);\n      } else {\n        if (defaultAddedItemValues) {\n          fields.push(defaultAddedItemValues);\n        } else {\n          fields.push({});\n        }\n      }\n    },\n    [defaultAddedItemValues, enableSearchSideSheet]\n  );\n\n  return (\n    <div>\n      <FieldArray name={fieldArrayName}>\n        {({ fields }) => {\n          return (\n            <div>\n              <div className={classes.sectionHeader}>\n                <div>\n                  {title && <UdpText variant='subtitle2'>{title}</UdpText>}\n                </div>\n                <UdpTooltip content={t('Add')}>\n                  <UdpIconButton\n                    onClick={() => {\n                      handleAddField(fields);\n                    }}\n                    iconName='add'\n                    ariaLabel={t('Add')}\n                    appearance='transparent'\n                  />\n                </UdpTooltip>\n              </div>\n\n              <div className={classes.cardsWrapper}>\n                {fields?.value?.length > 0 ? (\n                  fields.map((name, index) => {\n                    const rowTitle =\n                      getRowTitle && getRowTitle(fields?.value?.[index]);\n                    return (\n                      <UdpCard appearance='muted-lighter' key={index}>\n                        <div className={classes.cardHeader}>\n                          <UdpText variant='subtitle2'>{rowTitle}</UdpText>\n                          <UdpTooltip content={t('Delete')}>\n                            <UdpIconButton\n                              onClick={() => fields.remove(index)}\n                              iconName='delete'\n                              ariaLabel={t('Delete')}\n                              appearance='transparent'\n                            />\n                          </UdpTooltip>\n                        </div>\n                        {rowTitle && !removeTopLayoutUnit && (\n                          <UdpVerticalSpacer unit='xxs' />\n                        )}\n                        <div className={classes.fieldsWrapper}>\n                          {fieldConfig?.map((config, fieldKey) => {\n                            if (Array.isArray(config)) {\n                              return (\n                                <Grid container spacing={2} key={fieldKey}>\n                                  {config?.map((innerConfig, key) => {\n                                    return (\n                                      <Grid\n                                        item\n                                        xs={12}\n                                        sm={12 / config?.length}\n                                        key={key}\n                                      >\n                                        {getField(\n                                          name,\n                                          innerConfig,\n                                          fields?.value?.[index]\n                                        )}\n                                      </Grid>\n                                    );\n                                  })}\n                                </Grid>\n                              );\n                            } else {\n                              return getField(\n                                name,\n                                config,\n                                fields?.value?.[index]\n                              );\n                            }\n                          })}\n                        </div>\n                      </UdpCard>\n                    );\n                  })\n                ) : (\n                  <UdpCard appearance='muted-lighter'>\n                    <UdpEmptyState\n                      iconName='error'\n                      heading={t('No records to show')}\n                      description={t('Try adding one')}\n                    />\n                  </UdpCard>\n                )}\n              </div>\n              <SearchSideSheet\n                open={openSideSheet}\n                handleClose={(data) => {\n                  handleCloseSideSheet(data, fields);\n                }}\n                exclude={disableExcludeInSearch ? [] : fields?.value}\n                title={searchSideSheetTitle}\n                productApiBase={productApiBase}\n                searchApi={searchApi}\n                colDefs={searchGridColDefs}\n                idField={searchFieldId}\n                formIdField={formFieldId}\n                gridTitle={searchGridTitle}\n                handleSearch={handleSearch}\n                width={searchSideSheetWidth}\n                height={searchSideSheetHeight}\n                searchBarFieldName={searchBarFieldName}\n                defaultFilters={defaultFilters}\n              />\n            </div>\n          );\n        }}\n      </FieldArray>\n    </div>\n  );\n};\n"],"mappings":"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"}

package/dist/UI/inputs/fieldArrayCard/SearchSideSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchSideSheet.d.ts","sourceRoot":"","sources":["../../../../src/UI/inputs/fieldArrayCard/SearchSideSheet.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAyC,MAAM,OAAO,CAAC;AAQ9D,QAAA,MAAM,eAAe,mCA2JpB,CAAC;AAEF,eAAe,eAAe,CAAC"}
+{"version":3,"file":"SearchSideSheet.d.ts","sourceRoot":"","sources":["../../../../src/UI/inputs/fieldArrayCard/SearchSideSheet.jsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAS5D,QAAA,MAAM,eAAe,mCAwMpB,CAAC;AAEF,eAAe,eAAe,CAAC"}