@pega/react-sdk-components 0.25.1 → 0.25.3

package/lib/components/field/Location/Location.js

@@ -0,0 +1,157 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState, useCallback, useRef } from 'react';
+import { Box, TextField, Alert } from '@mui/material';
+import AddLocationAltIcon from '@mui/icons-material/AddLocationAlt';
+import InputAdornment from '@mui/material/InputAdornment';
+import IconButton from '@mui/material/IconButton';
+import { GoogleMap, Marker, useLoadScript } from '@react-google-maps/api';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
+import handleEvent from '../../helpers/event-utils';
+const mapContainerStyle = {
+    width: '100%',
+    height: '300px',
+    marginTop: '0px'
+};
+const defaultCenter = {
+    lat: 18.5204,
+    lng: 73.8567
+};
+const disabledMapOptions = {
+    gestureHandling: 'none',
+    keyboardShortcuts: false,
+    disableDefaultUI: true,
+    clickableIcons: false,
+    zoomControl: false,
+    mapTypeControl: false,
+    scaleControl: false,
+    streetViewControl: false,
+    rotateControl: false,
+    fullscreenControl: false
+};
+export default function Location(props) {
+    const TextInput = getComponentFromMap('TextInput');
+    const FieldValueList = getComponentFromMap('FieldValueList');
+    const { getPConnect, label, required = false, disabled = false, value = '', validatemessage, status, readOnly = false, testId, displayMode, hideLabel = false, placeholder, helperText, coordinates = '', onlyCoordinates = false, showMap, showMapReadOnly } = props;
+    const pConn = getPConnect();
+    const actions = pConn.getActionsApi();
+    const propName = pConn.getStateProps().value;
+    const coordPropName = pConn.getStateProps().coordinates;
+    const [inputValue, setInputValue] = useState(value ?? '');
+    const [mapCenter, setMapCenter] = useState(defaultCenter);
+    const [markerPosition, setMarkerPosition] = useState(null);
+    const inputRef = useRef(null);
+    const autocompleteRef = useRef(null);
+    const { isLoaded } = useLoadScript({
+        googleMapsApiKey: pConn.getGoogleMapsAPIKey?.() || '',
+        libraries: ['places', 'geocoding']
+    });
+    const hasError = status === 'error' && !!validatemessage && !disabled;
+    useEffect(() => {
+        if (onlyCoordinates && coordinates) {
+            setInputValue(coordinates);
+        }
+        else {
+            setInputValue(value ?? '');
+        }
+        if (coordinates) {
+            const [lat, lng] = coordinates.split(',').map(parseFloat);
+            if (!isNaN(lat) && !isNaN(lng)) {
+                setMapCenter({ lat, lng });
+                setMarkerPosition({ lat, lng });
+            }
+        }
+    }, [value, coordinates, onlyCoordinates]);
+    const handleChange = useCallback((event) => {
+        const newValue = event.target.value ?? '';
+        setInputValue(newValue);
+        handleEvent(actions, 'changeNblur', propName, newValue);
+        if (newValue === '' && coordPropName) {
+            actions.updateFieldValue(coordPropName, '');
+            setMarkerPosition(null);
+        }
+    }, [actions, propName, coordPropName]);
+    const handlePlaceChanged = useCallback(() => {
+        if (autocompleteRef.current) {
+            const place = autocompleteRef.current.getPlace();
+            if (place.geometry?.location) {
+                const lat = place.geometry.location.lat();
+                const lng = place.geometry.location.lng();
+                const address = place.formatted_address || place.name || '';
+                const coordinateString = `${lat}, ${lng}`;
+                setMapCenter({ lat, lng });
+                setMarkerPosition({ lat, lng });
+                if (onlyCoordinates) {
+                    setInputValue(coordinateString);
+                    handleEvent(actions, 'changeNblur', propName, coordinateString);
+                    if (coordPropName) {
+                        actions.updateFieldValue(coordPropName, coordinateString);
+                    }
+                }
+                else {
+                    setInputValue(address);
+                    handleEvent(actions, 'changeNblur', propName, address);
+                    if (coordPropName) {
+                        actions.updateFieldValue(coordPropName, coordinateString);
+                    }
+                }
+            }
+        }
+    }, [actions, propName, coordPropName, onlyCoordinates]);
+    useEffect(() => {
+        if (isLoaded && inputRef.current && !autocompleteRef.current) {
+            autocompleteRef.current = new google.maps.places.Autocomplete(inputRef.current);
+            autocompleteRef.current.addListener('place_changed', handlePlaceChanged);
+        }
+    }, [isLoaded, handlePlaceChanged]);
+    const handleGetCurrentLocation = useCallback(() => {
+        if (navigator.geolocation) {
+            navigator.geolocation.getCurrentPosition(position => {
+                const lat = position.coords.latitude;
+                const lng = position.coords.longitude;
+                const coordinateString = `${lat}, ${lng}`;
+                setMapCenter({ lat, lng });
+                setMarkerPosition({ lat, lng });
+                if (onlyCoordinates) {
+                    setInputValue(coordinateString);
+                    handleEvent(actions, 'changeNblur', propName, coordinateString);
+                    if (coordPropName) {
+                        actions.updateFieldValue(coordPropName, coordinateString);
+                    }
+                }
+                else {
+                    const geocoder = new window.google.maps.Geocoder();
+                    geocoder.geocode({ location: { lat, lng } }, (results, responseStatus) => {
+                        if (responseStatus === 'OK' && results && results[0]) {
+                            const address = results[0].formatted_address;
+                            setInputValue(address);
+                            handleEvent(actions, 'changeNblur', propName, address);
+                            if (coordPropName) {
+                                actions.updateFieldValue(coordPropName, coordinateString);
+                            }
+                        }
+                    });
+                }
+            }, error => {
+                console.error('Error getting current location: ', error);
+            });
+        }
+    }, [actions, propName, coordPropName, onlyCoordinates]);
+    if (displayMode === 'DISPLAY_ONLY') {
+        return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: value });
+    }
+    if (displayMode === 'STACKED_LARGE_VAL') {
+        return _jsx(FieldValueList, { name: hideLabel ? '' : label, value: value, variant: 'stacked' });
+    }
+    const map = (_jsx("div", { style: { opacity: disabled ? 0.7 : 1 }, children: _jsx(Box, { mt: 1, style: { flex: 1 }, children: _jsx(GoogleMap, { mapContainerStyle: mapContainerStyle, center: mapCenter, zoom: 14, options: disabled ? disabledMapOptions : undefined, children: markerPosition && _jsx(Marker, { position: markerPosition }) }) }) }));
+    if (readOnly) {
+        return (_jsxs("div", { children: [_jsx(TextInput, { ...props }), isLoaded && showMapReadOnly && map] }));
+    }
+    const testProps = { 'data-test-id': testId };
+    return (_jsxs("div", { children: [hasError && (_jsx(Alert, { severity: 'error', sx: { mb: 1 }, children: validatemessage })), isLoaded && (_jsx(TextField, { fullWidth: true, label: hideLabel ? '' : label, required: required, disabled: disabled, error: hasError, placeholder: placeholder ?? 'Search location', helperText: helperText, value: inputValue, onChange: handleChange, inputRef: inputRef, slotProps: {
+                    input: {
+                        endAdornment: (_jsx(InputAdornment, { position: 'end', children: _jsx(IconButton, { onClick: handleGetCurrentLocation, disabled: disabled, edge: 'end', children: _jsx(AddLocationAltIcon, {}) }) })),
+                        inputProps: { ...testProps }
+                    }
+                } })), isLoaded && showMap && map] }));
+}
+//# sourceMappingURL=Location.js.map

package/lib/components/field/Location/Location.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Location.js","sourceRoot":"","sources":["../../../../src/components/field/Location/Location.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState, useCallback, useRef } from 'react';\nimport { Box, TextField, Alert } from '@mui/material';\nimport AddLocationAltIcon from '@mui/icons-material/AddLocationAlt';\nimport InputAdornment from '@mui/material/InputAdornment';\nimport IconButton from '@mui/material/IconButton';\nimport { GoogleMap, Marker, useLoadScript } from '@react-google-maps/api';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnFieldProps } from '../../../types/PConnProps';\nimport handleEvent from '../../helpers/event-utils';\n\ninterface LocationProps extends PConnFieldProps {\n  coordinates?: string;\n  onlyCoordinates?: boolean;\n  showMap?: boolean;\n  showMapReadOnly?: boolean;\n}\n\nconst mapContainerStyle = {\n  width: '100%',\n  height: '300px',\n  marginTop: '0px'\n};\n\nconst defaultCenter = {\n  lat: 18.5204,\n  lng: 73.8567\n};\n\nconst disabledMapOptions = {\n  gestureHandling: 'none',\n  keyboardShortcuts: false,\n  disableDefaultUI: true,\n  clickableIcons: false,\n  zoomControl: false,\n  mapTypeControl: false,\n  scaleControl: false,\n  streetViewControl: false,\n  rotateControl: false,\n  fullscreenControl: false\n};\n\nexport default function Location(props: LocationProps) {\n  const TextInput = getComponentFromMap('TextInput');\n  const FieldValueList = getComponentFromMap('FieldValueList');\n\n  const {\n    getPConnect,\n    label,\n    required = false,\n    disabled = false,\n    value = '',\n    validatemessage,\n    status,\n    readOnly = false,\n    testId,\n    displayMode,\n    hideLabel = false,\n    placeholder,\n    helperText,\n    coordinates = '',\n    onlyCoordinates = false,\n    showMap,\n    showMapReadOnly\n  } = props;\n\n  const pConn = getPConnect();\n  const actions = pConn.getActionsApi();\n  const propName = (pConn.getStateProps() as any).value;\n  const coordPropName = (pConn.getStateProps() as any).coordinates;\n\n  const [inputValue, setInputValue] = useState<string>(value ?? '');\n  const [mapCenter, setMapCenter] = useState(defaultCenter);\n  const [markerPosition, setMarkerPosition] = useState<google.maps.LatLngLiteral | null>(null);\n\n  const inputRef = useRef<HTMLInputElement | null>(null);\n  const autocompleteRef = useRef<google.maps.places.Autocomplete | null>(null);\n\n  const { isLoaded } = useLoadScript({\n    googleMapsApiKey: pConn.getGoogleMapsAPIKey?.() || '',\n    libraries: ['places', 'geocoding']\n  });\n\n  const hasError = status === 'error' && !!validatemessage && !disabled;\n\n  useEffect(() => {\n    if (onlyCoordinates && coordinates) {\n      setInputValue(coordinates);\n    } else {\n      setInputValue(value ?? '');\n    }\n    if (coordinates) {\n      const [lat, lng] = coordinates.split(',').map(parseFloat);\n\n      if (!isNaN(lat) && !isNaN(lng)) {\n        setMapCenter({ lat, lng });\n        setMarkerPosition({ lat, lng });\n      }\n    }\n  }, [value, coordinates, onlyCoordinates]);\n\n  const handleChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      const newValue = event.target.value ?? '';\n      setInputValue(newValue);\n      handleEvent(actions, 'changeNblur', propName, newValue);\n\n      if (newValue === '' && coordPropName) {\n        actions.updateFieldValue(coordPropName, '');\n        setMarkerPosition(null);\n      }\n    },\n    [actions, propName, coordPropName]\n  );\n\n  const handlePlaceChanged = useCallback(() => {\n    if (autocompleteRef.current) {\n      const place = autocompleteRef.current.getPlace();\n      if (place.geometry?.location) {\n        const lat = place.geometry.location.lat();\n        const lng = place.geometry.location.lng();\n        const address = place.formatted_address || place.name || '';\n        const coordinateString = `${lat}, ${lng}`;\n\n        setMapCenter({ lat, lng });\n        setMarkerPosition({ lat, lng });\n\n        if (onlyCoordinates) {\n          setInputValue(coordinateString);\n          handleEvent(actions, 'changeNblur', propName, coordinateString);\n          if (coordPropName) {\n            actions.updateFieldValue(coordPropName, coordinateString);\n          }\n        } else {\n          setInputValue(address);\n          handleEvent(actions, 'changeNblur', propName, address);\n          if (coordPropName) {\n            actions.updateFieldValue(coordPropName, coordinateString);\n          }\n        }\n      }\n    }\n  }, [actions, propName, coordPropName, onlyCoordinates]);\n\n  useEffect(() => {\n    if (isLoaded && inputRef.current && !autocompleteRef.current) {\n      autocompleteRef.current = new google.maps.places.Autocomplete(inputRef.current);\n      autocompleteRef.current.addListener('place_changed', handlePlaceChanged);\n    }\n  }, [isLoaded, handlePlaceChanged]);\n\n  const handleGetCurrentLocation = useCallback(() => {\n    if (navigator.geolocation) {\n      navigator.geolocation.getCurrentPosition(\n        position => {\n          const lat = position.coords.latitude;\n          const lng = position.coords.longitude;\n          const coordinateString = `${lat}, ${lng}`;\n\n          setMapCenter({ lat, lng });\n          setMarkerPosition({ lat, lng });\n\n          if (onlyCoordinates) {\n            setInputValue(coordinateString);\n            handleEvent(actions, 'changeNblur', propName, coordinateString);\n            if (coordPropName) {\n              actions.updateFieldValue(coordPropName, coordinateString);\n            }\n          } else {\n            const geocoder = new window.google.maps.Geocoder();\n            geocoder.geocode({ location: { lat, lng } }, (results, responseStatus) => {\n              if (responseStatus === 'OK' && results && results[0]) {\n                const address = results[0].formatted_address;\n                setInputValue(address);\n                handleEvent(actions, 'changeNblur', propName, address);\n                if (coordPropName) {\n                  actions.updateFieldValue(coordPropName, coordinateString);\n                }\n              }\n            });\n          }\n        },\n        error => {\n          console.error('Error getting current location: ', error);\n        }\n      );\n    }\n  }, [actions, propName, coordPropName, onlyCoordinates]);\n\n  if (displayMode === 'DISPLAY_ONLY') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} />;\n  }\n\n  if (displayMode === 'STACKED_LARGE_VAL') {\n    return <FieldValueList name={hideLabel ? '' : label} value={value} variant='stacked' />;\n  }\n\n  const map = (\n    <div style={{ opacity: disabled ? 0.7 : 1 }}>\n      <Box mt={1} style={{ flex: 1 }}>\n        <GoogleMap mapContainerStyle={mapContainerStyle} center={mapCenter} zoom={14} options={disabled ? disabledMapOptions : undefined}>\n          {markerPosition && <Marker position={markerPosition} />}\n        </GoogleMap>\n      </Box>\n    </div>\n  );\n\n  if (readOnly) {\n    return (\n      <div>\n        <TextInput {...props} />\n        {isLoaded && showMapReadOnly && map}\n      </div>\n    );\n  }\n\n  const testProps: any = { 'data-test-id': testId };\n\n  return (\n    <div>\n      {hasError && (\n        <Alert severity='error' sx={{ mb: 1 }}>\n          {validatemessage}\n        </Alert>\n      )}\n\n      {isLoaded && (\n        <TextField\n          fullWidth\n          label={hideLabel ? '' : label}\n          required={required}\n          disabled={disabled}\n          error={hasError}\n          placeholder={placeholder ?? 'Search location'}\n          helperText={helperText}\n          value={inputValue}\n          onChange={handleChange}\n          inputRef={inputRef}\n          slotProps={{\n            input: {\n              endAdornment: (\n                <InputAdornment position='end'>\n                  <IconButton onClick={handleGetCurrentLocation} disabled={disabled} edge='end'>\n                    <AddLocationAltIcon />\n                  </IconButton>\n                </InputAdornment>\n              ),\n              inputProps: { ...testProps }\n            }\n          }}\n        />\n      )}\n\n      {isLoaded && showMap && map}\n    </div>\n  );\n}\n"]}

package/lib/components/field/Location/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Location';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/field/Location/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Location/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC"}

package/lib/components/field/Location/index.js

@@ -0,0 +1,2 @@
+export { default } from './Location';
+//# sourceMappingURL=index.js.map

package/lib/components/field/Location/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/field/Location/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC","sourcesContent":["export { default } from './Location';\n"]}

package/lib/components/field/Multiselect/Multiselect.js.map

@@ -1 +1 @@
-{"version":3,"file":"Multiselect.js","sourceRoot":"","sources":["../../../../src/components/field/Multiselect/Multiselect.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { Autocomplete, TextField } from '@mui/material';\nimport { doSearch, getDisplayFieldsMetaData, useDeepMemo, preProcessColumns, getGroupDataForItemsTree } from './utils';\nimport { insertInstruction, deleteInstruction } from '../../helpers/instructions-utils';\nimport { debounce } from 'throttle-debounce';\n\nexport default function Multiselect(props) {\n  const {\n    getPConnect,\n    label,\n    placeholder,\n    referenceList,\n    selectionKey,\n    primaryField,\n    initialCaseClass,\n    showSecondaryInSearchOnly = false,\n    listType = '',\n    isGroupData = false,\n    referenceType,\n    secondaryFields,\n    groupDataSource = [],\n    parameters = {},\n    matchPosition = 'contains',\n    maxResultsDisplay,\n    groupColumnsConfig = [{}],\n    selectionList,\n    value\n  } = props;\n  let { datasource = [], columns = [{}] } = props;\n\n  if (referenceList.length > 0) {\n    datasource = referenceList;\n    columns = [\n      {\n        value: primaryField,\n        display: 'true',\n        useForSearch: true,\n        primary: 'true'\n      },\n      {\n        value: selectionKey,\n        setProperty: selectionKey,\n        key: 'true'\n      }\n    ];\n    let secondaryColumns: any = [];\n    if (secondaryFields) {\n      secondaryColumns = secondaryFields.map(secondaryField => ({\n        value: secondaryField,\n        display: 'true',\n        secondary: 'true',\n        useForSearch: 'true'\n      }));\n    } else {\n      secondaryColumns = [\n        {\n          value: selectionKey,\n          display: 'true',\n          secondary: 'true',\n          useForSearch: 'true'\n        }\n      ];\n    }\n    if (referenceType === 'Case') {\n      columns = [...columns, ...secondaryColumns];\n    }\n  }\n  const [inputValue, setInputValue] = useState(value);\n  const [selectedItems, setSelectedItems] = useState([]);\n\n  const dataConfig = useDeepMemo(() => {\n    return {\n      dataSource: datasource,\n      groupDataSource,\n      isGroupData,\n      showSecondaryInSearchOnly,\n      parameters,\n      matchPosition,\n      listType,\n      maxResultsDisplay: maxResultsDisplay || '100',\n      columns: preProcessColumns(columns),\n      groupColumnsConfig: preProcessColumns(groupColumnsConfig)\n    };\n  }, [\n    datasource,\n    groupDataSource,\n    isGroupData,\n    showSecondaryInSearchOnly,\n    parameters,\n    matchPosition,\n    listType,\n    maxResultsDisplay,\n    columns,\n    groupColumnsConfig\n  ]);\n  const groupsDisplayFieldMeta = useMemo(\n    () => (listType !== 'associated' ? getDisplayFieldsMetaData(dataConfig.groupColumnsConfig) : null),\n    [dataConfig.groupColumnsConfig]\n  );\n\n  const itemsTreeBaseData = getGroupDataForItemsTree(groupDataSource, groupsDisplayFieldMeta, showSecondaryInSearchOnly) || [];\n\n  const [itemsTree, setItemsTree] = useState(\n    isGroupData ? getGroupDataForItemsTree(groupDataSource, groupsDisplayFieldMeta, showSecondaryInSearchOnly) : []\n  );\n\n  const displayFieldMeta = listType !== 'associated' ? getDisplayFieldsMetaData(dataConfig.columns) : null;\n  const getCaseListBasedOnParamsDebounced: any = useRef();\n  const pConn = getPConnect();\n  const contextName = pConn.getContextName();\n  const listActions = pConn.getListActions();\n  const dataApiObj: any = useRef();\n\n  // main search function trigger\n  const getCaseListBasedOnParams = async (searchText, group, selectedRows, currentItemsTree, isTriggeredFromSearch = false) => {\n    if (referenceList && referenceList.length > 0) {\n      selectedRows = await listActions.getSelectedRows(true);\n\n      selectedRows =\n        selectedRows &&\n        selectedRows.map(item => {\n          return {\n            id: item[selectionKey.startsWith('.') ? selectionKey.substring(1) : selectionKey],\n            primary: item[primaryField.startsWith('.') ? primaryField.substring(1) : primaryField]\n          };\n        });\n      setSelectedItems(selectedRows);\n    }\n\n    // if items tree is null or text search is triggered then always should use fresh data object, we use the original object\n    const initalItemsTree = isTriggeredFromSearch || !currentItemsTree ? [...itemsTreeBaseData] : [...currentItemsTree];\n    const res = await doSearch(\n      searchText,\n      group,\n      initialCaseClass,\n      displayFieldMeta,\n      dataApiObj.current,\n      initalItemsTree,\n      isGroupData,\n      showSecondaryInSearchOnly,\n      selectedRows || []\n    );\n    setItemsTree(res);\n  };\n\n  useEffect(() => {\n    if (referenceList && referenceList.length > 0) {\n      pConn.setReferenceList(selectionList);\n    }\n  }, [pConn]);\n\n  useEffect(() => {\n    getCaseListBasedOnParamsDebounced.current = debounce(500, getCaseListBasedOnParams);\n  }, []);\n\n  useEffect(() => {\n    if (listType !== 'associated') {\n      PCore.getDataApi()\n        ?.init(dataConfig, contextName)\n        .then(dataObj => {\n          dataApiObj.current = dataObj;\n          if (!isGroupData) {\n            getCaseListBasedOnParamsDebounced.current(inputValue ?? '', '', [...selectedItems], [...itemsTree]);\n          }\n        });\n    }\n  }, [dataConfig, listType, dataConfig.columns, inputValue, dataConfig.groupColumnsConfig, showSecondaryInSearchOnly]);\n\n  const onSearchHandler = ev => {\n    const searchText = ev.target.value;\n    setInputValue(searchText);\n    getCaseListBasedOnParamsDebounced.current(searchText, '', [...selectedItems], [...itemsTree], true);\n  };\n\n  const setSelectedItemsForReferenceList = item => {\n    // Clear error messages if any\n    const propName = pConn.getStateProps().selectionList;\n    pConn.clearErrorMessages({\n      property: propName\n    });\n    const { selected } = item;\n    if (selected) {\n      insertInstruction(pConn, selectionList, selectionKey, primaryField, item);\n    } else {\n      deleteInstruction(pConn, selectionList, selectionKey, item);\n    }\n  };\n\n  const handleChange = (event, newSelectedValues) => {\n    let clickedItem;\n    let updatedItems: any = [];\n    if (newSelectedValues && newSelectedValues.length > 0) {\n      updatedItems = newSelectedValues.map(ele => {\n        ele.selected = true;\n        return ele;\n      });\n    }\n    if (newSelectedValues.length > selectedItems.length) {\n      clickedItem = newSelectedValues.filter(item => !selectedItems.some((ele: any) => ele.id === item.id));\n    } else {\n      clickedItem = selectedItems.filter((item: any) => !newSelectedValues.some((ele: any) => ele.id === item.id));\n      clickedItem[0].selected = false;\n    }\n    itemsTree.forEach(ele => {\n      ele.selected = !!updatedItems.find(item => item.id === ele.id);\n    });\n\n    setSelectedItems(updatedItems);\n    setItemsTree(itemsTree);\n\n    setInputValue('');\n\n    // if this is a referenceList case\n    if (referenceList) setSelectedItemsForReferenceList(clickedItem[0]);\n  };\n\n  return (\n    <Autocomplete\n      multiple\n      fullWidth\n      options={itemsTree}\n      disableCloseOnSelect\n      // getOptionSelected={(option: any, val: any) => option?.primary === val?.primary}\n      getOptionLabel={(option: any) => option?.primary}\n      onChange={handleChange}\n      value={selectedItems}\n      // renderOption={(_props, option: any, { selected }) => (\n      //   <>\n      //     <Checkbox icon={icon} checkedIcon={checkedIcon} style={{ marginRight: 8 }} checked={selected} />\n      //     {option.primary}\n      //   </>\n      // )}\n      renderInput={params => (\n        <TextField {...params} variant='outlined' fullWidth label={label} placeholder={placeholder} size='small' onChange={onSearchHandler} />\n      )}\n    />\n  );\n}\n"]}
+{"version":3,"file":"Multiselect.js","sourceRoot":"","sources":["../../../../src/components/field/Multiselect/Multiselect.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useRef, useState } from 'react';\nimport { Autocomplete, TextField } from '@mui/material';\nimport { doSearch, getDisplayFieldsMetaData, useDeepMemo, preProcessColumns, getGroupDataForItemsTree } from './utils';\nimport { insertInstruction, deleteInstruction } from '../../helpers/instructions-utils';\nimport { debounce } from 'throttle-debounce';\n\nexport default function Multiselect(props) {\n  const {\n    getPConnect,\n    label,\n    placeholder,\n    referenceList,\n    selectionKey,\n    primaryField,\n    initialCaseClass,\n    showSecondaryInSearchOnly = false,\n    listType = '',\n    isGroupData = false,\n    referenceType,\n    secondaryFields,\n    groupDataSource = [],\n    parameters = {},\n    matchPosition = 'contains',\n    maxResultsDisplay,\n    groupColumnsConfig = [{}],\n    selectionList,\n    value\n  } = props;\n  let { datasource = [], columns = [{}] } = props;\n\n  if (referenceList.length > 0) {\n    datasource = referenceList;\n    columns = [\n      {\n        value: primaryField,\n        display: 'true',\n        useForSearch: true,\n        primary: 'true'\n      },\n      {\n        value: selectionKey,\n        setProperty: selectionKey,\n        key: 'true'\n      }\n    ];\n    let secondaryColumns: any = [];\n    if (secondaryFields) {\n      secondaryColumns = secondaryFields.map(secondaryField => ({\n        value: secondaryField,\n        display: 'true',\n        secondary: 'true',\n        useForSearch: 'true'\n      }));\n    } else {\n      secondaryColumns = [\n        {\n          value: selectionKey,\n          display: 'true',\n          secondary: 'true',\n          useForSearch: 'true'\n        }\n      ];\n    }\n    if (referenceType === 'Case') {\n      columns = [...columns, ...secondaryColumns];\n    }\n  }\n  const [inputValue, setInputValue] = useState(value);\n  const [selectedItems, setSelectedItems] = useState([]);\n\n  const dataConfig = useDeepMemo(() => {\n    return {\n      dataSource: datasource,\n      groupDataSource,\n      isGroupData,\n      showSecondaryInSearchOnly,\n      parameters,\n      matchPosition,\n      listType,\n      maxResultsDisplay: maxResultsDisplay || '100',\n      columns: preProcessColumns(columns),\n      groupColumnsConfig: preProcessColumns(groupColumnsConfig)\n    };\n  }, [\n    datasource,\n    groupDataSource,\n    isGroupData,\n    showSecondaryInSearchOnly,\n    parameters,\n    matchPosition,\n    listType,\n    maxResultsDisplay,\n    columns,\n    groupColumnsConfig\n  ]);\n  const groupsDisplayFieldMeta = useMemo(\n    () => (listType !== 'associated' ? getDisplayFieldsMetaData(dataConfig.groupColumnsConfig) : null),\n    [dataConfig.groupColumnsConfig]\n  );\n\n  const itemsTreeBaseData = getGroupDataForItemsTree(groupDataSource, groupsDisplayFieldMeta, showSecondaryInSearchOnly) || [];\n\n  const [itemsTree, setItemsTree] = useState(\n    isGroupData ? getGroupDataForItemsTree(groupDataSource, groupsDisplayFieldMeta, showSecondaryInSearchOnly) : []\n  );\n\n  const displayFieldMeta = listType !== 'associated' ? getDisplayFieldsMetaData(dataConfig.columns) : null;\n  const getCaseListBasedOnParamsDebounced: any = useRef();\n  const pConn = getPConnect();\n  const contextName = pConn.getContextName();\n  const listActions = pConn.getListActions();\n  const dataApiObj: any = useRef();\n\n  // main search function trigger\n  const getCaseListBasedOnParams = async (searchText, group, selectedRows, currentItemsTree, isTriggeredFromSearch = false) => {\n    if (referenceList && referenceList.length > 0) {\n      selectedRows = await listActions.getSelectedRows(true);\n\n      selectedRows =\n        selectedRows &&\n        selectedRows.map(item => {\n          return {\n            id: item[selectionKey.startsWith('.') ? selectionKey.substring(1) : selectionKey],\n            primary: item[primaryField.startsWith('.') ? primaryField.substring(1) : primaryField]\n          };\n        });\n      setSelectedItems(selectedRows);\n    }\n\n    // if items tree is null or text search is triggered then always should use fresh data object, we use the original object\n    const initalItemsTree = isTriggeredFromSearch || !currentItemsTree ? [...itemsTreeBaseData] : [...currentItemsTree];\n    const res = await doSearch(\n      searchText,\n      group,\n      initialCaseClass,\n      displayFieldMeta,\n      dataApiObj.current,\n      initalItemsTree,\n      isGroupData,\n      showSecondaryInSearchOnly,\n      selectedRows || []\n    );\n    setItemsTree(res);\n  };\n\n  useEffect(() => {\n    if (referenceList && referenceList.length > 0) {\n      pConn.setReferenceList(selectionList);\n    }\n  }, [pConn]);\n\n  useEffect(() => {\n    getCaseListBasedOnParamsDebounced.current = debounce(500, getCaseListBasedOnParams);\n  }, []);\n\n  useEffect(() => {\n    if (listType !== 'associated') {\n      PCore.getDataApi()\n        ?.init(dataConfig, contextName)\n        .then(dataObj => {\n          dataApiObj.current = dataObj;\n          if (!isGroupData) {\n            getCaseListBasedOnParamsDebounced.current(inputValue ?? '', '', [...selectedItems], [...itemsTree]);\n          }\n        });\n    }\n  }, [dataConfig, listType, dataConfig.columns, inputValue, dataConfig.groupColumnsConfig, showSecondaryInSearchOnly]);\n\n  const onSearchHandler = ev => {\n    const searchText = ev.target.value;\n    setInputValue(searchText);\n    getCaseListBasedOnParamsDebounced.current(searchText, '', [...selectedItems], [...itemsTree], true);\n  };\n\n  const setSelectedItemsForReferenceList = item => {\n    // Clear error messages if any\n    const propName = pConn.getStateProps().selectionList;\n    pConn.clearErrorMessages({\n      property: propName\n    });\n    const { selected } = item;\n    if (selected) {\n      insertInstruction(pConn, selectionList, selectionKey, primaryField, item);\n    } else {\n      deleteInstruction(pConn, selectionList, selectionKey, item);\n    }\n  };\n\n  const handleChange = (event, newSelectedValues) => {\n    let clickedItem;\n    let updatedItems: any = [];\n    if (newSelectedValues && newSelectedValues.length > 0) {\n      updatedItems = newSelectedValues.map(ele => {\n        ele.selected = true;\n        return ele;\n      });\n    }\n    if (newSelectedValues.length > selectedItems.length) {\n      clickedItem = newSelectedValues.filter(item => !selectedItems.some((ele: any) => ele.id === item.id));\n    } else {\n      clickedItem = selectedItems.filter((item: any) => !newSelectedValues.some((ele: any) => ele.id === item.id));\n      clickedItem[0].selected = false;\n    }\n    itemsTree.forEach(ele => {\n      ele.selected = !!updatedItems.find(item => item.id === ele.id);\n    });\n\n    setSelectedItems(updatedItems);\n    setItemsTree(itemsTree);\n\n    setInputValue('');\n\n    // if this is a referenceList case\n    if (referenceList) setSelectedItemsForReferenceList(clickedItem[0]);\n  };\n\n  return (\n    <Autocomplete\n      multiple\n      fullWidth\n      options={itemsTree}\n      disableCloseOnSelect\n      // getOptionSelected={(option: any, val: any) => option?.primary === val?.primary}\n      getOptionLabel={(option: any) => option?.primary}\n      onChange={handleChange}\n      value={selectedItems}\n      // renderOption={(_props, option: any, { selected }) => (\n      //   <>\n      //     <Checkbox icon={icon} checkedIcon={checkedIcon} style={{ marginRight: 8 }} checked={selected} />\n      //     {option.primary}\n      //   </>\n      // )}\n      renderInput={params => (\n        <TextField {...params} variant='outlined' fullWidth label={label} placeholder={placeholder} size='small' onChange={onSearchHandler} />\n      )}\n    />\n  );\n}\n"]}

package/lib/components/field/Multiselect/utils.d.ts

@@ -3,7 +3,8 @@ export declare const setVisibilityForList: (c11nEnv: any, visibility: any) => vo
 declare const useDeepMemo: (memoFn: any, key: any) => any;
 declare const preProcessColumns: (columns: any) => any;
 declare const getDisplayFieldsMetaData: (columns: any) => any;
-declare const doSearch: (searchText: any, clickedGroup: any, initialCaseClass: any, displayFieldMeta: any, dataApiObj: any, itemsTree: any, isGroupData: any, showSecondaryInSearchOnly: any, selected: any) => Promise<any>;
+declare const doSearch: (searchText: any, clickedGroup: any, initialCaseClass: any, displayFieldMeta: any, dataApiObj: any, // deep clone of the dataApiObj
+itemsTree: any, isGroupData: any, showSecondaryInSearchOnly: any, selected: any) => Promise<any>;
 declare const setValuesToPropertyList: (searchText: any, assocProp: any, items: any, columns: any, actions: any, updatePropertyInRedux?: boolean) => any;
 declare const getGroupDataForItemsTree: (groupDataSource: any, groupsDisplayFieldMeta: any, showSecondaryInSearchOnly: any) => any;
 export { useDeepMemo, preProcessColumns, getDisplayFieldsMetaData, doSearch, setValuesToPropertyList, getGroupDataForItemsTree, updateNewInstuctions, insertInstruction, deleteInstruction };

package/lib/components/field/Multiselect/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Multiselect/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAE9G,eAAO,MAAM,oBAAoB,yCAMhC,CAAC;AAEF,QAAA,MAAM,WAAW,gCAMhB,CAAC;AAEF,QAAA,MAAM,iBAAiB,uBAStB,CAAC;AAEF,QAAA,MAAM,wBAAwB,uBAyB7B,CAAC;AAyCF,QAAA,MAAM,QAAQ,sMAkEb,CAAC;AAEF,QAAA,MAAM,uBAAuB,mHAoC5B,CAAC;AAEF,QAAA,MAAM,wBAAwB,4FAa7B,CAAC;AAEF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,wBAAwB,EACxB,QAAQ,EACR,uBAAuB,EACvB,wBAAwB,EACxB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EAClB,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../../src/components/field/Multiselect/utils.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,kCAAkC,CAAC;AAE9G,eAAO,MAAM,oBAAoB,GAAI,YAAO,EAAE,eAAU,SAMvD,CAAC;AAEF,QAAA,MAAM,WAAW,GAAI,WAAM,EAAE,QAAG,QAM/B,CAAC;AAEF,QAAA,MAAM,iBAAiB,GAAG,YAAO,QAShC,CAAC;AAEF,QAAA,MAAM,wBAAwB,GAAG,YAAO,QAyBvC,CAAC;AAyCF,QAAA,MAAM,QAAQ,GACZ,eAAU,EACV,iBAAY,EACZ,qBAAgB,EAChB,qBAAgB,EAChB,eAAU,EAAE,+BAA+B;AAC3C,cAAS,EACT,gBAAW,EACX,8BAAyB,EACzB,aAAQ,iBAyDT,CAAC;AAEF,QAAA,MAAM,uBAAuB,GAAI,eAAU,EAAE,cAAS,EAAE,UAAK,EAAE,YAAO,EAAE,YAAO,EAAE,+BAA4B,QAoC5G,CAAC;AAEF,QAAA,MAAM,wBAAwB,GAAI,oBAAe,EAAE,2BAAsB,EAAE,8BAAyB,QAanG,CAAC;AAEF,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,wBAAwB,EACxB,QAAQ,EACR,uBAAuB,EACvB,wBAAwB,EACxB,oBAAoB,EACpB,iBAAiB,EACjB,iBAAiB,EAClB,CAAC"}

package/lib/components/field/Multiselect/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/field/Multiselect/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { useRef } from 'react';\nimport equal from 'fast-deep-equal';\nimport cloneDeep from 'lodash.clonedeep';\nimport { updateNewInstuctions, insertInstruction, deleteInstruction } from '../../helpers/instructions-utils';\n\nexport const setVisibilityForList = (c11nEnv, visibility) => {\n  const { selectionMode, selectionList, renderMode, referenceList } = c11nEnv.getComponentConfig();\n  // usecase:multiselect, fieldgroup, editable table\n  if ((selectionMode === PCore.getConstants().LIST_SELECTION_MODE.MULTI && selectionList) || (renderMode === 'Editable' && referenceList)) {\n    c11nEnv.getListActions().setVisibility(visibility);\n  }\n};\n\nconst useDeepMemo = (memoFn, key) => {\n  const ref: any = useRef();\n  if (!ref.current || !equal(key, ref.current.key)) {\n    ref.current = { key, value: memoFn() };\n  }\n  return ref.current.value;\n};\n\nconst preProcessColumns = columns => {\n  return columns?.map(col => {\n    const tempColObj = { ...col };\n    tempColObj.value = col.value && col.value.startsWith('.') ? col.value.substring(1) : col.value;\n    if (tempColObj.setProperty) {\n      tempColObj.setProperty = col.setProperty && col.setProperty.startsWith('.') ? col.setProperty.substring(1) : col.setProperty;\n    }\n    return tempColObj;\n  });\n};\n\nconst getDisplayFieldsMetaData = columns => {\n  const displayColumns = columns?.filter(col => col.display === 'true');\n  const metaDataObj: any = {\n    key: '',\n    primary: '',\n    secondary: []\n  };\n  const keyCol = columns?.filter(col => col.key === 'true');\n  metaDataObj.key = keyCol?.length > 0 ? keyCol[0].value : 'auto';\n  const itemsRecordsColumn = columns?.filter(col => col.itemsRecordsColumn === 'true');\n  if (itemsRecordsColumn?.length > 0) {\n    metaDataObj.itemsRecordsColumn = itemsRecordsColumn[0].value;\n  }\n  const itemsGroupKeyColumn = columns?.filter(col => col.itemsGroupKeyColumn === 'true');\n  if (itemsGroupKeyColumn?.length > 0) {\n    metaDataObj.itemsGroupKeyColumn = itemsGroupKeyColumn[0].value;\n  }\n  for (let index = 0; index < displayColumns?.length; index += 1) {\n    if (displayColumns[index].secondary === 'true') {\n      metaDataObj.secondary.push(displayColumns[index].value);\n    } else if (displayColumns[index].primary === 'true') {\n      metaDataObj.primary = displayColumns[index].value;\n    }\n  }\n  return metaDataObj;\n};\n\nconst createSingleTreeObejct = (entry, displayFieldMeta, showSecondaryData, selected) => {\n  const secondaryArr: any = [];\n  displayFieldMeta.secondary.forEach(col => {\n    secondaryArr.push(entry[col]);\n  });\n  const isSelected = selected.some(item => item.id === entry[displayFieldMeta.key]);\n\n  return {\n    id: entry[displayFieldMeta.key],\n    primary: entry[displayFieldMeta.primary],\n    secondary: showSecondaryData ? secondaryArr : [],\n    selected: isSelected\n  };\n};\n\nconst putItemsDataInItemsTree = (listObjData, displayFieldMeta, itemsTree, showSecondaryInSearchOnly, selected) => {\n  let newTreeItems = itemsTree.slice();\n  const showSecondaryData = !showSecondaryInSearchOnly;\n  for (const obj of listObjData) {\n    const items = obj[displayFieldMeta.itemsRecordsColumn].map(entry => createSingleTreeObejct(entry, displayFieldMeta, showSecondaryData, selected));\n\n    newTreeItems = newTreeItems.map(caseObject => {\n      if (caseObject.id === obj[displayFieldMeta.itemsGroupKeyColumn]) {\n        caseObject.items = [...items];\n      }\n      return caseObject;\n    });\n  }\n  return newTreeItems;\n};\n\nconst prepareSearchResults = (listObjData, displayFieldMeta) => {\n  const searchResults: any = [];\n  for (const obj of listObjData) {\n    searchResults.push(...obj[displayFieldMeta.itemsRecordsColumn]);\n  }\n  return searchResults;\n};\n\nconst doSearch = async (\n  searchText,\n  clickedGroup,\n  initialCaseClass,\n  displayFieldMeta,\n  dataApiObj, // deep clone of the dataApiObj\n  itemsTree,\n  isGroupData,\n  showSecondaryInSearchOnly,\n  selected\n) => {\n  let searchTextForUngroupedData = '';\n  if (dataApiObj) {\n    // creating dataApiObject in grouped data cases\n    if (isGroupData) {\n      dataApiObj = cloneDeep(dataApiObj);\n      dataApiObj.fetchedNQData = false;\n      dataApiObj.cache = {};\n\n      // if we have no search text and no group selected, return the original tree\n      if (searchText === '' && clickedGroup === '') {\n        return itemsTree;\n      }\n\n      // setting the inital search text & search classes in ApiObject\n      dataApiObj.parameters[Object.keys(dataApiObj.parameters)[1]] = searchText;\n      dataApiObj.parameters[Object.keys(dataApiObj.parameters)[0]] = initialCaseClass;\n\n      // if we have a selected group\n      if (clickedGroup) {\n        // check if the data for this group is already present and no search text\n        if (searchText === '') {\n          const containsData = itemsTree.find(item => item.id === clickedGroup);\n          // do not make API call when items of respective group are already fetched\n          if (containsData?.items?.length) return itemsTree;\n        }\n\n        dataApiObj.parameters[Object.keys(dataApiObj.parameters)[0]] = JSON.stringify([clickedGroup]);\n      }\n    } else {\n      searchTextForUngroupedData = searchText;\n    }\n\n    // search API call\n    const response = await dataApiObj.fetchData(searchTextForUngroupedData).catch(() => {\n      return itemsTree;\n    });\n\n    let listObjData = response.data;\n    let newItemsTree = [];\n    if (isGroupData) {\n      if (searchText) {\n        listObjData = prepareSearchResults(listObjData, displayFieldMeta);\n      } else {\n        newItemsTree = putItemsDataInItemsTree(listObjData, displayFieldMeta, itemsTree, showSecondaryInSearchOnly, selected);\n        return newItemsTree;\n      }\n    }\n    const showSecondaryData = showSecondaryInSearchOnly ? !!searchText : true;\n    if (listObjData !== undefined && listObjData.length > 0) {\n      newItemsTree = listObjData.map(entry => createSingleTreeObejct(entry, displayFieldMeta, showSecondaryData, selected));\n    }\n    return newItemsTree;\n  }\n\n  return itemsTree;\n};\n\nconst setValuesToPropertyList = (searchText, assocProp, items, columns, actions, updatePropertyInRedux = true) => {\n  const setPropertyList = columns\n    ?.filter(col => col.setProperty)\n    .map(col => {\n      return {\n        source: col.value,\n        target: col.setProperty,\n        key: col.key,\n        primary: col.primary\n      };\n    });\n  const valueToSet: any = [];\n  if (setPropertyList.length > 0) {\n    setPropertyList.forEach(prop => {\n      items.forEach(item => {\n        if (prop.key === 'true' && item) {\n          valueToSet.push(item.id);\n        } else if (prop.primary === 'true' || !item) {\n          valueToSet.push(searchText);\n        }\n      });\n\n      if (updatePropertyInRedux) {\n        // BUG-666851 setting options so that the store values are replaced and not merged\n        const options = {\n          isArrayDeepMerge: false\n        };\n        if (prop.target === 'Associated property') {\n          actions.updateFieldValue(assocProp, valueToSet, options);\n        } else {\n          actions.updateFieldValue(`.${prop.target}`, valueToSet, options);\n        }\n      }\n    });\n  }\n  return valueToSet;\n};\n\nconst getGroupDataForItemsTree = (groupDataSource, groupsDisplayFieldMeta, showSecondaryInSearchOnly) => {\n  return groupDataSource?.map(group => {\n    const secondaryArr: any = [];\n    groupsDisplayFieldMeta.secondary.forEach(col => {\n      secondaryArr.push(group[col]);\n    });\n    return {\n      id: group[groupsDisplayFieldMeta.key],\n      primary: group[groupsDisplayFieldMeta.primary],\n      secondary: showSecondaryInSearchOnly ? [] : secondaryArr,\n      items: []\n    };\n  });\n};\n\nexport {\n  useDeepMemo,\n  preProcessColumns,\n  getDisplayFieldsMetaData,\n  doSearch,\n  setValuesToPropertyList,\n  getGroupDataForItemsTree,\n  updateNewInstuctions,\n  insertInstruction,\n  deleteInstruction\n};\n"]}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/components/field/Multiselect/utils.ts"],"names":[],"mappings":"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","sourcesContent":["import { useRef } from 'react';\nimport equal from 'fast-deep-equal';\nimport cloneDeep from 'lodash.clonedeep';\nimport { updateNewInstuctions, insertInstruction, deleteInstruction } from '../../helpers/instructions-utils';\n\nexport const setVisibilityForList = (c11nEnv, visibility) => {\n  const { selectionMode, selectionList, renderMode, referenceList } = c11nEnv.getComponentConfig();\n  // usecase:multiselect, fieldgroup, editable table\n  if ((selectionMode === PCore.getConstants().LIST_SELECTION_MODE.MULTI && selectionList) || (renderMode === 'Editable' && referenceList)) {\n    c11nEnv.getListActions().setVisibility(visibility);\n  }\n};\n\nconst useDeepMemo = (memoFn, key) => {\n  const ref: any = useRef();\n  if (!ref.current || !equal(key, ref.current.key)) {\n    ref.current = { key, value: memoFn() };\n  }\n  return ref.current.value;\n};\n\nconst preProcessColumns = columns => {\n  return columns?.map(col => {\n    const tempColObj = { ...col };\n    tempColObj.value = col.value && col.value.startsWith('.') ? col.value.substring(1) : col.value;\n    if (tempColObj.setProperty) {\n      tempColObj.setProperty = col.setProperty && col.setProperty.startsWith('.') ? col.setProperty.substring(1) : col.setProperty;\n    }\n    return tempColObj;\n  });\n};\n\nconst getDisplayFieldsMetaData = columns => {\n  const displayColumns = columns?.filter(col => col.display === 'true');\n  const metaDataObj: any = {\n    key: '',\n    primary: '',\n    secondary: []\n  };\n  const keyCol = columns?.filter(col => col.key === 'true');\n  metaDataObj.key = keyCol?.length > 0 ? keyCol[0].value : 'auto';\n  const itemsRecordsColumn = columns?.filter(col => col.itemsRecordsColumn === 'true');\n  if (itemsRecordsColumn?.length > 0) {\n    metaDataObj.itemsRecordsColumn = itemsRecordsColumn[0].value;\n  }\n  const itemsGroupKeyColumn = columns?.filter(col => col.itemsGroupKeyColumn === 'true');\n  if (itemsGroupKeyColumn?.length > 0) {\n    metaDataObj.itemsGroupKeyColumn = itemsGroupKeyColumn[0].value;\n  }\n  for (let index = 0; index < displayColumns?.length; index += 1) {\n    if (displayColumns[index].secondary === 'true') {\n      metaDataObj.secondary.push(displayColumns[index].value);\n    } else if (displayColumns[index].primary === 'true') {\n      metaDataObj.primary = displayColumns[index].value;\n    }\n  }\n  return metaDataObj;\n};\n\nconst createSingleTreeObejct = (entry, displayFieldMeta, showSecondaryData, selected) => {\n  const secondaryArr: any = [];\n  displayFieldMeta.secondary.forEach(col => {\n    secondaryArr.push(entry[col]);\n  });\n  const isSelected = selected.some(item => item.id === entry[displayFieldMeta.key]);\n\n  return {\n    id: entry[displayFieldMeta.key],\n    primary: entry[displayFieldMeta.primary],\n    secondary: showSecondaryData ? secondaryArr : [],\n    selected: isSelected\n  };\n};\n\nconst putItemsDataInItemsTree = (listObjData, displayFieldMeta, itemsTree, showSecondaryInSearchOnly, selected) => {\n  let newTreeItems = itemsTree.slice();\n  const showSecondaryData = !showSecondaryInSearchOnly;\n  for (const obj of listObjData) {\n    const items = obj[displayFieldMeta.itemsRecordsColumn].map(entry => createSingleTreeObejct(entry, displayFieldMeta, showSecondaryData, selected));\n\n    newTreeItems = newTreeItems.map(caseObject => {\n      if (caseObject.id === obj[displayFieldMeta.itemsGroupKeyColumn]) {\n        caseObject.items = [...items];\n      }\n      return caseObject;\n    });\n  }\n  return newTreeItems;\n};\n\nconst prepareSearchResults = (listObjData, displayFieldMeta) => {\n  const searchResults: any = [];\n  for (const obj of listObjData) {\n    searchResults.push(...obj[displayFieldMeta.itemsRecordsColumn]);\n  }\n  return searchResults;\n};\n\nconst doSearch = async (\n  searchText,\n  clickedGroup,\n  initialCaseClass,\n  displayFieldMeta,\n  dataApiObj, // deep clone of the dataApiObj\n  itemsTree,\n  isGroupData,\n  showSecondaryInSearchOnly,\n  selected\n) => {\n  let searchTextForUngroupedData = '';\n  if (dataApiObj) {\n    // creating dataApiObject in grouped data cases\n    if (isGroupData) {\n      dataApiObj = cloneDeep(dataApiObj);\n      dataApiObj.fetchedNQData = false;\n      dataApiObj.cache = {};\n\n      // if we have no search text and no group selected, return the original tree\n      if (searchText === '' && clickedGroup === '') {\n        return itemsTree;\n      }\n\n      // setting the inital search text & search classes in ApiObject\n      dataApiObj.parameters[Object.keys(dataApiObj.parameters)[1]] = searchText;\n      dataApiObj.parameters[Object.keys(dataApiObj.parameters)[0]] = initialCaseClass;\n\n      // if we have a selected group\n      if (clickedGroup) {\n        // check if the data for this group is already present and no search text\n        if (searchText === '') {\n          const containsData = itemsTree.find(item => item.id === clickedGroup);\n          // do not make API call when items of respective group are already fetched\n          if (containsData?.items?.length) return itemsTree;\n        }\n\n        dataApiObj.parameters[Object.keys(dataApiObj.parameters)[0]] = JSON.stringify([clickedGroup]);\n      }\n    } else {\n      searchTextForUngroupedData = searchText;\n    }\n\n    // search API call\n    const response = await dataApiObj.fetchData(searchTextForUngroupedData).catch(() => {\n      return itemsTree;\n    });\n\n    let listObjData = response.data;\n    let newItemsTree = [];\n    if (isGroupData) {\n      if (searchText) {\n        listObjData = prepareSearchResults(listObjData, displayFieldMeta);\n      } else {\n        newItemsTree = putItemsDataInItemsTree(listObjData, displayFieldMeta, itemsTree, showSecondaryInSearchOnly, selected);\n        return newItemsTree;\n      }\n    }\n    const showSecondaryData = showSecondaryInSearchOnly ? !!searchText : true;\n    if (listObjData !== undefined && listObjData.length > 0) {\n      newItemsTree = listObjData.map(entry => createSingleTreeObejct(entry, displayFieldMeta, showSecondaryData, selected));\n    }\n    return newItemsTree;\n  }\n\n  return itemsTree;\n};\n\nconst setValuesToPropertyList = (searchText, assocProp, items, columns, actions, updatePropertyInRedux = true) => {\n  const setPropertyList = columns\n    ?.filter(col => col.setProperty)\n    .map(col => {\n      return {\n        source: col.value,\n        target: col.setProperty,\n        key: col.key,\n        primary: col.primary\n      };\n    });\n  const valueToSet: any = [];\n  if (setPropertyList.length > 0) {\n    setPropertyList.forEach(prop => {\n      items.forEach(item => {\n        if (prop.key === 'true' && item) {\n          valueToSet.push(item.id);\n        } else if (prop.primary === 'true' || !item) {\n          valueToSet.push(searchText);\n        }\n      });\n\n      if (updatePropertyInRedux) {\n        // BUG-666851 setting options so that the store values are replaced and not merged\n        const options = {\n          isArrayDeepMerge: false\n        };\n        if (prop.target === 'Associated property') {\n          actions.updateFieldValue(assocProp, valueToSet, options);\n        } else {\n          actions.updateFieldValue(`.${prop.target}`, valueToSet, options);\n        }\n      }\n    });\n  }\n  return valueToSet;\n};\n\nconst getGroupDataForItemsTree = (groupDataSource, groupsDisplayFieldMeta, showSecondaryInSearchOnly) => {\n  return groupDataSource?.map(group => {\n    const secondaryArr: any = [];\n    groupsDisplayFieldMeta.secondary.forEach(col => {\n      secondaryArr.push(group[col]);\n    });\n    return {\n      id: group[groupsDisplayFieldMeta.key],\n      primary: group[groupsDisplayFieldMeta.primary],\n      secondary: showSecondaryInSearchOnly ? [] : secondaryArr,\n      items: []\n    };\n  });\n};\n\nexport {\n  useDeepMemo,\n  preProcessColumns,\n  getDisplayFieldsMetaData,\n  doSearch,\n  setValuesToPropertyList,\n  getGroupDataForItemsTree,\n  updateNewInstuctions,\n  insertInstruction,\n  deleteInstruction\n};\n"]}

package/lib/components/field/ObjectReference/ObjectReference.d.ts

@@ -0,0 +1,16 @@
+import type { PConnFieldProps } from '../../../types/PConnProps';
+interface ObjectReferenceProps extends Omit<PConnFieldProps, 'value'> {
+    getPConnect: any;
+    displayMode: any;
+    allowAndPersistChangesInReviewMode: any;
+    targetObjectType: any;
+    mode: string;
+    parameters: object;
+    hideLabel: boolean;
+    inline: boolean;
+    showPromotedFilters: boolean;
+    additionalFields: any;
+}
+export default function ObjectReference(props: ObjectReferenceProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=ObjectReference.d.ts.map

package/lib/components/field/ObjectReference/ObjectReference.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectReference.d.ts","sourceRoot":"","sources":["../../../../src/components/field/ObjectReference/ObjectReference.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,2BAA2B,CAAC;AAEjE,UAAU,oBAAqB,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,CAAC;IAEnE,WAAW,EAAE,GAAG,CAAC;IACjB,WAAW,MAAC;IACZ,kCAAkC,EAAE,GAAG,CAAC;IACxC,gBAAgB,EAAE,GAAG,CAAC;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,mBAAmB,EAAE,OAAO,CAAC;IAC7B,gBAAgB,EAAE,GAAG,CAAC;CACvB;AAED,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,KAAK,EAAE,oBAAoB,2CAoNlE"}

package/lib/components/field/ObjectReference/ObjectReference.js

@@ -0,0 +1,165 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useMemo } from 'react';
+import Grid2 from '@mui/material/Grid2';
+import { SELECTION_MODE, generateColumns, getDataRelationshipContextFromKey } from './utils';
+import { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';
+export default function ObjectReference(props) {
+    const { getPConnect, displayMode, allowAndPersistChangesInReviewMode: editableInReview = false, targetObjectType, mode = '', parameters, hideLabel = false, inline = false, showPromotedFilters = false, additionalFields } = props;
+    const SingleReferenceReadonly = getComponentFromMap('SingleReferenceReadOnly');
+    // Configs
+    const pConn = getPConnect();
+    const referenceType = targetObjectType === 'case' ? 'Case' : 'Data';
+    const rawViewMetadata = pConn.getRawMetadata();
+    const refFieldMetadata = pConn.getFieldMetadata(rawViewMetadata?.config?.value?.split('.', 2)[1]);
+    // Destructured properties
+    const propsToUse = { ...pConn.getInheritedProps(), ...props };
+    // Computed variables
+    const isDisplayModeEnabled = displayMode === 'DISPLAY_ONLY';
+    const canBeChangedInReviewMode = editableInReview && ['Autocomplete', 'Dropdown'].includes(rawViewMetadata.config.componentType);
+    // Editable first child on change handler
+    const onRecordChange = event => {
+        const caseKey = pConn.getCaseInfo().getKey();
+        const refreshOptions = { autoDetectRefresh: true, propertyName: '' };
+        refreshOptions.propertyName = rawViewMetadata.config?.value;
+        if (!canBeChangedInReviewMode || !pConn.getValue('__currentPageTabViewName')) {
+            const pgRef = pConn.getPageReference().replace('caseInfo.content', '');
+            const viewName = rawViewMetadata.name;
+            if (viewName && viewName.length > 0) {
+                getPConnect().getActionsApi().refreshCaseView(caseKey, viewName, pgRef, refreshOptions);
+            }
+        }
+        // AutoComplete sets value on event.id whereas Dropdown sets it on event.target.value if event.id is unset
+        // When value is empty propValue will be undefined here and no value will be set for the reference
+        const propValue = event?.id || event?.target?.value;
+        const propName = rawViewMetadata.type === 'SimpleTableSelect' && mode === SELECTION_MODE.MULTI
+            ? PCore.getAnnotationUtils().getPropertyName(rawViewMetadata.config.selectionList)
+            : PCore.getAnnotationUtils().getPropertyName(rawViewMetadata.config?.value);
+        if (propValue && canBeChangedInReviewMode && isDisplayModeEnabled) {
+            PCore.getCaseUtils()
+                .getCaseEditLock(caseKey, '')
+                .then(caseResponse => {
+                const pageTokens = pConn.getPageReference().replace('caseInfo.content', '').split('.');
+                let curr = {};
+                const commitData = curr;
+                pageTokens.forEach(el => {
+                    if (el !== '') {
+                        curr[el] = {};
+                        curr = curr[el];
+                    }
+                });
+                // expecting format like {Customer: {pyID:"C-100"}}
+                const propArr = propName.split('.');
+                propArr.forEach((element, idx) => {
+                    if (idx + 1 === propArr.length) {
+                        curr[element] = propValue;
+                    }
+                    else {
+                        curr[element] = {};
+                        curr = curr[element];
+                    }
+                });
+                PCore.getCaseUtils()
+                    .updateCaseEditFieldsData(caseKey, { [caseKey]: commitData }, caseResponse.headers.etag, pConn.getContextName())
+                    .then(response => {
+                    PCore.getContainerUtils().updateParentLastUpdateTime(pConn.getContextName(), response.data.data.caseInfo.lastUpdateTime);
+                    PCore.getContainerUtils().updateRelatedContextEtag(pConn.getContextName(), response.headers.etag);
+                });
+            });
+        }
+    };
+    // Prepare first child
+    const recreatedFirstChild = useMemo(() => {
+        const type = rawViewMetadata.config.componentType;
+        /* Read-only variants */
+        if (type === 'SemanticLink' && !canBeChangedInReviewMode) {
+            const config = {
+                ...rawViewMetadata.config,
+                primaryField: rawViewMetadata.config.displayField
+            };
+            config.caseClass = rawViewMetadata.config.targetObjectClass;
+            config.text = config.primaryField;
+            config.caseID = config.value;
+            config.contextPage = `@P .${rawViewMetadata.config?.displayField ? getDataRelationshipContextFromKey(rawViewMetadata.config.displayField) : null}`;
+            config.resourceParams = {
+                workID: config.value
+            };
+            config.resourcePayload = {
+                caseClassName: config.caseClass
+            };
+            return getPConnect().createComponent({
+                type: 'SemanticLink',
+                config: {
+                    ...config,
+                    displayMode,
+                    referenceType,
+                    hideLabel,
+                    dataRelationshipContext: rawViewMetadata.config?.displayField
+                        ? getDataRelationshipContextFromKey(rawViewMetadata.config.displayField)
+                        : null
+                }
+            });
+        }
+        if (isDisplayModeEnabled && !canBeChangedInReviewMode) {
+            return (_jsx(SingleReferenceReadonly, { config: {
+                    ...rawViewMetadata.config,
+                    primaryField: rawViewMetadata.config.displayField
+                }, getPConnect: getPConnect, label: propsToUse.label, type: type, displayAs: 'readonly', displayMode: displayMode, activeViewRuleClass: rawViewMetadata.config.targetObjectClass, referenceType: referenceType, hideLabel: hideLabel, dataRelationshipContext: rawViewMetadata.config?.displayField ? getDataRelationshipContextFromKey(rawViewMetadata.config.displayField) : null, additionalFields: additionalFields }));
+        }
+        // 1) Set datasource
+        generateColumns(rawViewMetadata.config, pConn, referenceType);
+        rawViewMetadata.config.deferDatasource = true;
+        rawViewMetadata.config.listType = 'datapage';
+        if (['Dropdown', 'AutoComplete'].includes(type) && !rawViewMetadata.config.placeholder) {
+            rawViewMetadata.config.placeholder = '@L Select...';
+        }
+        // 2) Pass through configs
+        rawViewMetadata.config.showPromotedFilters = showPromotedFilters;
+        if (!canBeChangedInReviewMode) {
+            rawViewMetadata.config.displayMode = displayMode;
+        }
+        // 3) Define field meta
+        let fieldMetaData = null;
+        fieldMetaData = {
+            datasourceMetadata: {
+                datasource: {
+                    parameters: {}
+                }
+            }
+        };
+        if (rawViewMetadata.config?.parameters) {
+            fieldMetaData.datasourceMetadata.datasource.parameters = parameters;
+        }
+        fieldMetaData.datasourceMetadata.datasource.propertyForDisplayText = rawViewMetadata?.config?.datasource?.fields?.text.startsWith('@P')
+            ? rawViewMetadata?.config?.datasource?.fields?.text?.substring(3)
+            : rawViewMetadata?.config?.datasource?.fields?.text;
+        fieldMetaData.datasourceMetadata.datasource.propertyForValue = rawViewMetadata?.config?.datasource?.fields?.value.startsWith('@P')
+            ? rawViewMetadata?.config?.datasource?.fields?.value?.substring(3)
+            : rawViewMetadata?.config?.datasource?.fields?.value;
+        fieldMetaData.datasourceMetadata.datasource.name = rawViewMetadata.config?.referenceList;
+        return getPConnect().createComponent({
+            type,
+            config: {
+                ...rawViewMetadata.config,
+                descriptors: mode === SELECTION_MODE.SINGLE ? refFieldMetadata?.descriptors : null,
+                datasourceMetadata: fieldMetaData?.datasourceMetadata,
+                required: propsToUse.required,
+                visibility: propsToUse.visibility,
+                disabled: propsToUse.disabled,
+                label: propsToUse.label,
+                parameters: rawViewMetadata.config.parameters,
+                readOnly: false,
+                localeReference: rawViewMetadata.config.localeReference,
+                ...(mode === SELECTION_MODE.SINGLE ? { referenceType } : ''),
+                contextClass: rawViewMetadata.config.targetObjectClass,
+                primaryField: rawViewMetadata.config?.displayField,
+                dataRelationshipContext: rawViewMetadata.config?.displayField ? getDataRelationshipContextFromKey(rawViewMetadata.config.displayField) : null,
+                hideLabel,
+                onRecordChange,
+                inline
+            }
+        });
+    }, [rawViewMetadata.config?.datasource?.source, parameters, propsToUse.required, propsToUse.disabled, getPConnect().getPageReference()]);
+    // Prepare children to render
+    return (_jsx(Grid2, { container: true, children: _jsx(Grid2, { children: recreatedFirstChild }) }));
+}
+//# sourceMappingURL=ObjectReference.js.map

package/lib/components/field/ObjectReference/ObjectReference.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ObjectReference.js","sourceRoot":"","sources":["../../../../src/components/field/ObjectReference/ObjectReference.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo } from 'react';\n\nimport Grid2 from '@mui/material/Grid2';\n\nimport { SELECTION_MODE, generateColumns, getDataRelationshipContextFromKey } from './utils';\nimport { getComponentFromMap } from '../../../bridge/helpers/sdk_component_map';\nimport type { PConnFieldProps } from '../../../types/PConnProps';\n\ninterface ObjectReferenceProps extends Omit<PConnFieldProps, 'value'> {\n  // If any, enter additional props that only exist on ObjectReference here\n  getPConnect: any;\n  displayMode;\n  allowAndPersistChangesInReviewMode: any;\n  targetObjectType: any;\n  mode: string;\n  parameters: object;\n  hideLabel: boolean;\n  inline: boolean;\n  showPromotedFilters: boolean;\n  additionalFields: any;\n}\n\nexport default function ObjectReference(props: ObjectReferenceProps) {\n  const {\n    getPConnect,\n    displayMode,\n    allowAndPersistChangesInReviewMode: editableInReview = false,\n    targetObjectType,\n    mode = '',\n    parameters,\n    hideLabel = false,\n    inline = false,\n    showPromotedFilters = false,\n    additionalFields\n  } = props;\n\n  const SingleReferenceReadonly = getComponentFromMap('SingleReferenceReadOnly');\n\n  // Configs\n  const pConn = getPConnect();\n  const referenceType = targetObjectType === 'case' ? 'Case' : 'Data';\n  const rawViewMetadata = pConn.getRawMetadata();\n  const refFieldMetadata = pConn.getFieldMetadata(rawViewMetadata?.config?.value?.split('.', 2)[1]);\n\n  // Destructured properties\n  const propsToUse = { ...pConn.getInheritedProps(), ...props };\n\n  // Computed variables\n  const isDisplayModeEnabled = displayMode === 'DISPLAY_ONLY';\n  const canBeChangedInReviewMode = editableInReview && ['Autocomplete', 'Dropdown'].includes(rawViewMetadata.config.componentType);\n\n  // Editable first child on change handler\n  const onRecordChange = event => {\n    const caseKey = pConn.getCaseInfo().getKey();\n    const refreshOptions = { autoDetectRefresh: true, propertyName: '' };\n    refreshOptions.propertyName = rawViewMetadata.config?.value;\n\n    if (!canBeChangedInReviewMode || !pConn.getValue('__currentPageTabViewName')) {\n      const pgRef = pConn.getPageReference().replace('caseInfo.content', '');\n      const viewName = rawViewMetadata.name;\n      if (viewName && viewName.length > 0) {\n        getPConnect().getActionsApi().refreshCaseView(caseKey, viewName, pgRef, refreshOptions);\n      }\n    }\n\n    // AutoComplete sets value on event.id whereas Dropdown sets it on event.target.value if event.id is unset\n    // When value is empty propValue will be undefined here and no value will be set for the reference\n    const propValue = event?.id || event?.target?.value;\n    const propName =\n      rawViewMetadata.type === 'SimpleTableSelect' && mode === SELECTION_MODE.MULTI\n        ? PCore.getAnnotationUtils().getPropertyName(rawViewMetadata.config.selectionList)\n        : PCore.getAnnotationUtils().getPropertyName(rawViewMetadata.config?.value);\n\n    if (propValue && canBeChangedInReviewMode && isDisplayModeEnabled) {\n      PCore.getCaseUtils()\n        .getCaseEditLock(caseKey, '')\n        .then(caseResponse => {\n          const pageTokens = pConn.getPageReference().replace('caseInfo.content', '').split('.');\n          let curr = {};\n          const commitData = curr;\n\n          pageTokens.forEach(el => {\n            if (el !== '') {\n              curr[el] = {};\n              curr = curr[el];\n            }\n          });\n\n          // expecting format like {Customer: {pyID:\"C-100\"}}\n          const propArr = propName.split('.');\n          propArr.forEach((element, idx) => {\n            if (idx + 1 === propArr.length) {\n              curr[element] = propValue;\n            } else {\n              curr[element] = {};\n              curr = curr[element];\n            }\n          });\n\n          PCore.getCaseUtils()\n            .updateCaseEditFieldsData(caseKey, { [caseKey]: commitData }, caseResponse.headers.etag, pConn.getContextName())\n            .then(response => {\n              PCore.getContainerUtils().updateParentLastUpdateTime(pConn.getContextName(), (response.data as any).data.caseInfo.lastUpdateTime);\n              PCore.getContainerUtils().updateRelatedContextEtag(pConn.getContextName(), response.headers.etag);\n            });\n        });\n    }\n  };\n\n  // Prepare first child\n  const recreatedFirstChild = useMemo(() => {\n    const type = rawViewMetadata.config.componentType;\n\n    /* Read-only variants */\n    if (type === 'SemanticLink' && !canBeChangedInReviewMode) {\n      const config = {\n        ...rawViewMetadata.config,\n        primaryField: rawViewMetadata.config.displayField\n      };\n      config.caseClass = rawViewMetadata.config.targetObjectClass;\n      config.text = config.primaryField;\n      config.caseID = config.value;\n      config.contextPage = `@P .${\n        rawViewMetadata.config?.displayField ? getDataRelationshipContextFromKey(rawViewMetadata.config.displayField) : null\n      }`;\n      config.resourceParams = {\n        workID: config.value\n      };\n      config.resourcePayload = {\n        caseClassName: config.caseClass\n      };\n\n      return getPConnect().createComponent({\n        type: 'SemanticLink',\n        config: {\n          ...config,\n          displayMode,\n          referenceType,\n          hideLabel,\n          dataRelationshipContext: rawViewMetadata.config?.displayField\n            ? getDataRelationshipContextFromKey(rawViewMetadata.config.displayField)\n            : null\n        }\n      });\n    }\n    if (isDisplayModeEnabled && !canBeChangedInReviewMode) {\n      return (\n        <SingleReferenceReadonly\n          config={{\n            ...rawViewMetadata.config,\n            primaryField: rawViewMetadata.config.displayField\n          }}\n          getPConnect={getPConnect}\n          label={propsToUse.label}\n          type={type}\n          displayAs='readonly'\n          displayMode={displayMode}\n          activeViewRuleClass={rawViewMetadata.config.targetObjectClass} // for older views which may not have context class set, fall back to previous behavior\n          referenceType={referenceType}\n          hideLabel={hideLabel}\n          dataRelationshipContext={\n            rawViewMetadata.config?.displayField ? getDataRelationshipContextFromKey(rawViewMetadata.config.displayField) : null\n          }\n          additionalFields={additionalFields}\n        />\n      );\n    }\n\n    // 1) Set datasource\n    generateColumns(rawViewMetadata.config, pConn, referenceType);\n    rawViewMetadata.config.deferDatasource = true;\n    rawViewMetadata.config.listType = 'datapage';\n    if (['Dropdown', 'AutoComplete'].includes(type) && !rawViewMetadata.config.placeholder) {\n      rawViewMetadata.config.placeholder = '@L Select...';\n    }\n\n    // 2) Pass through configs\n    rawViewMetadata.config.showPromotedFilters = showPromotedFilters;\n\n    if (!canBeChangedInReviewMode) {\n      rawViewMetadata.config.displayMode = displayMode;\n    }\n\n    // 3) Define field meta\n    let fieldMetaData: any = null;\n\n    fieldMetaData = {\n      datasourceMetadata: {\n        datasource: {\n          parameters: {}\n        }\n      }\n    };\n    if (rawViewMetadata.config?.parameters) {\n      fieldMetaData.datasourceMetadata.datasource.parameters = parameters;\n    }\n    fieldMetaData.datasourceMetadata.datasource.propertyForDisplayText = rawViewMetadata?.config?.datasource?.fields?.text.startsWith('@P')\n      ? rawViewMetadata?.config?.datasource?.fields?.text?.substring(3)\n      : rawViewMetadata?.config?.datasource?.fields?.text;\n    fieldMetaData.datasourceMetadata.datasource.propertyForValue = rawViewMetadata?.config?.datasource?.fields?.value.startsWith('@P')\n      ? rawViewMetadata?.config?.datasource?.fields?.value?.substring(3)\n      : rawViewMetadata?.config?.datasource?.fields?.value;\n    fieldMetaData.datasourceMetadata.datasource.name = rawViewMetadata.config?.referenceList;\n\n    return getPConnect().createComponent({\n      type,\n      config: {\n        ...rawViewMetadata.config,\n        descriptors: mode === SELECTION_MODE.SINGLE ? refFieldMetadata?.descriptors : null,\n        datasourceMetadata: fieldMetaData?.datasourceMetadata,\n        required: propsToUse.required,\n        visibility: propsToUse.visibility,\n        disabled: propsToUse.disabled,\n        label: propsToUse.label,\n        parameters: rawViewMetadata.config.parameters,\n        readOnly: false,\n        localeReference: rawViewMetadata.config.localeReference,\n        ...(mode === SELECTION_MODE.SINGLE ? { referenceType } : ''),\n        contextClass: rawViewMetadata.config.targetObjectClass,\n        primaryField: rawViewMetadata.config?.displayField,\n        dataRelationshipContext: rawViewMetadata.config?.displayField ? getDataRelationshipContextFromKey(rawViewMetadata.config.displayField) : null,\n        hideLabel,\n        onRecordChange,\n        inline\n      }\n    });\n  }, [rawViewMetadata.config?.datasource?.source, parameters, propsToUse.required, propsToUse.disabled, getPConnect().getPageReference()]);\n\n  // Prepare children to render\n  return (\n    <Grid2 container>\n      <Grid2>{recreatedFirstChild}</Grid2>\n    </Grid2>\n  );\n}\n"]}

package/lib/components/field/ObjectReference/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './ObjectReference';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/field/ObjectReference/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/field/ObjectReference/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC"}