From 4c2c24674a30f8b9321e5a80282538510b9e69e5 Mon Sep 17 00:00:00 2001
From: Nicolas Thouvenin <nthouvenin@gmail.com>
Date: Tue, 23 Apr 2024 14:31:31 +0200
Subject: [PATCH] fix: add internal name as className for composed fields

---
 src/app/js/public/Property/CompositeProperty.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/app/js/public/Property/CompositeProperty.js b/src/app/js/public/Property/CompositeProperty.js
index 9cb83ffc6..97f02053b 100644
--- a/src/app/js/public/Property/CompositeProperty.js
+++ b/src/app/js/public/Property/CompositeProperty.js
@@ -1,6 +1,7 @@
 import React from 'react';
 import PropTypes from 'prop-types';
 import { connect } from 'react-redux';
+import camelCase from 'lodash/camelCase';
 import { fromFields } from '../../sharedSelectors';
 import { field as fieldPropTypes } from '../../propTypes';
 import Property from './';
@@ -34,7 +35,7 @@ export const CompositePropertyComponent = ({
         <div style={styles.container}>
             {compositeFields.map((f) => (
                 <Property
-                    className={`compose_${getFieldClassName(field)}`}
+                    className={`compose_${getFieldClassName(field)} ${camelCase(f.internalName || '')}`}
                     key={f.name}
                     field={f}
                     isSub