@pepperi-addons/ngx-composite-lib-react 0.5.28 → 0.5.30

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pepperi-addons/ngx-composite-lib-react",
-  "version": "0.5.28",
+  "version": "0.5.30",
   "description": "Thin React wrappers for Pepperi Angular Elements (Web Components) to improve DX in React.",
   "license": "MIT",
   "author": "Pepperi",

package/pep-generic-fields-builder.d.ts

@@ -25,6 +25,7 @@ export interface PepGenericFieldsBuilderProps {
     itemTitleLabel?: string;
     availableFields?: IPepDraggableItem[];
     fields?: IPepGenericField[];
+    fieldContentCallback?: (field: IPepGenericField, index: number) => string;
     onFieldsChange?: (fields: IPepGenericField[]) => void;
     onFieldAdd?: (event: IPepGenericFieldAddedEvent) => void;
     className?: string;

package/pep-generic-fields-builder.js

@@ -1,5 +1,5 @@
 import React, { useEffect, useRef } from 'react';
-export const PepGenericFieldsBuilder = ({ builderTitle, builderTitleHint, showAddSeparator, itemKeyLabel, itemTitleLabel, availableFields, fields, onFieldsChange, onFieldAdd, className, style, }) => {
+export const PepGenericFieldsBuilder = ({ builderTitle, builderTitleHint, showAddSeparator, itemKeyLabel, itemTitleLabel, availableFields, fields, fieldContentCallback, onFieldsChange, onFieldAdd, className, style, }) => {
     const ref = useRef(null);
     // Apply inputs as element properties
     useEffect(() => {
@@ -29,9 +29,11 @@ export const PepGenericFieldsBuilder = ({ builderTitle, builderTitleHint, showAd
                 el.availableFields = availableFields;
             if (fields !== undefined)
                 el.fields = fields;
+            if (fieldContentCallback !== undefined)
+                el.fieldContentCallback = fieldContentCallback;
         };
         setPropertiesWhenReady();
-    }, [builderTitle, builderTitleHint, showAddSeparator, itemKeyLabel, itemTitleLabel, availableFields, fields]);
+    }, [builderTitle, builderTitleHint, showAddSeparator, itemKeyLabel, itemTitleLabel, availableFields, fields, fieldContentCallback]);
     // Wire outputs
     useEffect(() => {
         const el = ref.current;