Merge pull request #1334 from data-driven-forms/fix-example-display-names

Fix docs examples display names.

Author: rvsia

packages/react-renderer-demo/src/components/code-example.js

@@ -193,7 +193,7 @@ const CodeExample = ({ source, mode }) => {
     mode === 'preview'
       ? dynamic(
           import(`@docs/examples/${source}`).then((mod) => {
-            setName(mod.default.name);
+            setName(mod.default?.displayName || '');
             return mod;
           })
         )

packages/react-renderer-demo/src/examples/components/action-mapper.js

@@ -48,5 +48,6 @@ const actionMapper = {
 const ActionMapper = () => (
   <FormRenderer FormTemplate={FormTemplate} actionMapper={actionMapper} componentMapper={componentMapper} schema={schema} onSubmit={console.log} />
 );
+ActionMapper.displayName = 'Action mapper';
 
 export default ActionMapper;

packages/react-renderer-demo/src/examples/components/clear-on-unmount.js

@@ -62,4 +62,6 @@ const ClearOnUnmount = () => {
   );
 };
 
+ClearOnUnmount.displayName = 'Clear on umnout';
+
 export default ClearOnUnmount;

packages/react-renderer-demo/src/examples/components/cleared-value.js

@@ -49,4 +49,6 @@ const ClearedValueExample = () => {
   );
 };
 
+ClearedValueExample.displayName = 'Cleard value example';
+
 export default ClearedValueExample;

packages/react-renderer-demo/src/examples/components/component-mapper/form-fields-mapper.js

@@ -149,4 +149,6 @@ const ComponentMapper = () => {
   );
 };
 
+ComponentMapper.displayName = 'Component mapper';
+
 export default ComponentMapper;

packages/react-renderer-demo/src/examples/components/condition.js

@@ -88,5 +88,6 @@ const componentMapper = {
 const FormTemplateWrapper = (props) => <FormTemplate {...props} showFormControls={false} />;
 
 const Condition = () => <FormRenderer FormTemplate={FormTemplateWrapper} componentMapper={componentMapper} schema={schema} onSubmit={console.log} />;
+Condition.displayName = 'Condition';
 
 export default Condition;

packages/react-renderer-demo/src/examples/components/conditions/and.js

@@ -41,5 +41,6 @@ const componentMapper = {
 };
 
 const AndCondition = () => <FormRenderer FormTemplate={FormTemplate} componentMapper={componentMapper} schema={schema} onSubmit={console.log} />;
+AndCondition.displayName = 'And condition';
 
 export default AndCondition;

packages/react-renderer-demo/src/examples/components/conditions/comparators.js

@@ -46,5 +46,6 @@ const componentMapper = {
 };
 
 const IsCondition = () => <FormRenderer FormTemplate={FormTemplate} componentMapper={componentMapper} schema={schema} onSubmit={console.log} />;
+IsCondition.displayName = 'Is condition';
 
 export default IsCondition;

packages/react-renderer-demo/src/examples/components/conditions/is-empty.js

@@ -31,5 +31,6 @@ const componentMapper = {
 };
 
 const IsEmpty = () => <FormRenderer FormTemplate={FormTemplate} componentMapper={componentMapper} schema={schema} onSubmit={console.log} />;
+IsEmpty.displayName = 'Is empty';
 
 export default IsEmpty;

packages/react-renderer-demo/src/examples/components/conditions/is-function.js

@@ -44,5 +44,6 @@ const IsCondition = () => (
     <FormRenderer FormTemplate={FormTemplate} componentMapper={componentMapper} schema={schema} onSubmit={console.log} />
   </LocalizationProvider>
 );
+IsCondition.displayName = 'IsCondition';
 
 export default IsCondition;