jamespot-react-core 1.1.2 → 1.1.7

package/.history/src/displayer/DisplayAttribute.component_20211215152445.tsx

@@ -1,42 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributesProps, RenderAttributeProps } from './types';
-
-/***
- * Choose the component to render according to the type of the object
- */
-const RenderAttribute = (props: RenderAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<RenderAttributeProps> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-
-    return <RenderComponent {...props} />;
-};
-
-/****
- * The jamespot model depend on the platform
- * For example a user can have the size attribute only for a given platform
- * The model specifics of a platform are stored in J.model
- *
- * This component display an array of attributes only if this attribute is activated on the platform
- *
- * @param props.object the object to display (ie the user)
- * @param props.attributesName an array of string : the list of attributes we want to display
- * @param props.componentsOverride we can override the default render of the attribute
- * @param props.componentsOverride.render the whole component logic (we override @DisplayList or @DisplaySingleValue for exemple)
- * @param props.componentsOverride.wrapper the attribute is wrapped inside an element. For a list it can be an UL
- * @param props.componentsOverride.element the component just above the element value
- *  Note :If we override the "render" you can't override "wrapper" and "element" because the render rewrite everything
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributesName, object, componentsOverride } = props;
-    const config = J.react.useDisplay(attributesName || [], object.type);
-
-    return config.map((attributeProps) => {
-        attributeProps.components = {
-            ...attributeProps.components,
-            ...componentsOverride[attributeProps.accessor],
-        };
-        return <RenderAttribute attribute={attributeProps} object={object} />;
-    });
-};

package/.history/src/displayer/DisplayAttribute.component_20211215152458.tsx

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributesProps, RenderAttributeProps } from './types';
-
-/***
- * Choose the component to render according to the type of the object
- */
-const RenderAttribute = (props: RenderAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<RenderAttributeProps> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-
-    return (
-        <WrapperComponent>
-            <RenderComponent {...props} />
-        </WrapperComponent>
-    );
-};
-
-/****
- * The jamespot model depend on the platform
- * For example a user can have the size attribute only for a given platform
- * The model specifics of a platform are stored in J.model
- *
- * This component display an array of attributes only if this attribute is activated on the platform
- *
- * @param props.object the object to display (ie the user)
- * @param props.attributesName an array of string : the list of attributes we want to display
- * @param props.componentsOverride we can override the default render of the attribute
- * @param props.componentsOverride.render the whole component logic (we override @DisplayList or @DisplaySingleValue for exemple)
- * @param props.componentsOverride.wrapper the attribute is wrapped inside an element. For a list it can be an UL
- * @param props.componentsOverride.element the component just above the element value
- *  Note :If we override the "render" you can't override "wrapper" and "element" because the render rewrite everything
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributesName, object, componentsOverride } = props;
-    const config = J.react.useDisplay(attributesName || [], object.type);
-
-    return config.map((attributeProps) => {
-        attributeProps.components = {
-            ...attributeProps.components,
-            ...componentsOverride[attributeProps.accessor],
-        };
-        return <RenderAttribute attribute={attributeProps} object={object} />;
-    });
-};

package/.history/src/displayer/DisplayAttribute.component_20211215153047.tsx

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributesProps, RenderAttributeProps } from './types';
-
-/***
- * Choose the component to render according to the type of the object
- */
-const RenderAttribute = (props: RenderAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<RenderAttributeProps> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-
-    return (
-        <WrapperComponent>
-            <RenderComponent {...props} />
-        </WrapperComponent>
-    );
-};
-
-/****
- * The jamespot model depend on the platform
- * For example a user can have the size attribute only for a given platform
- * The model specifics of a platform are stored in J.model
- *
- * This component display an array of attributes only if this attribute is activated on the platform
- *
- * @param props.object the object to display (ie the user)
- * @param props.attributesName an array of string : the list of attributes we want to display
- * @param props.componentsOverride we can override the default render of the attribute
- * @param props.componentsOverride.render the whole component logic (we override @DisplayList or @DisplaySingleValue for exemple)
- * @param props.componentsOverride.wrapper the attribute is wrapped inside an element. For a list it can be an UL
- * @param props.componentsOverride.element the component just above the element value
- *  Note :If we override the "render" you can't override "wrapper" and "element" because the render rewrite everything
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributesName, object, componentsOverride } = props;
-    const config = J.react.useDisplay(attributesName || [], object.type);
-
-    return config.map((attributeProps) => {
-        attributeProps.components = {
-            ...attributeProps.components,
-            ...componentsOverride[attributeProps.name],
-        };
-        return <RenderAttribute attribute={attributeProps} object={object} />;
-    });
-};

package/.history/src/displayer/DisplayAttribute.component_20211215153845.tsx

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributesProps, RenderAttributeProps } from './types';
-
-/***
- * Choose the component to render according to the type of the object
- */
-const RenderAttribute = (props: RenderAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<RenderAttributeProps> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-
-    return (
-        <WrapperComponent>
-            <RenderComponent {...props} />
-        </WrapperComponent>
-    );
-};
-
-/****
- * The jamespot model depend on the platform
- * For example a user can have the size attribute only for a given platform
- * The model specifics of a platform are stored in J.model
- *
- * This component display an array of attributes only if this attribute is activated on the platform
- *
- * @param props.object the object to display (ie the user)
- * @param props.attributesName an array of string : the list of attributes we want to display
- * @param props.componentsOverride we can override the default render of the attribute
- * @param props.componentsOverride.render the whole component logic (we override @DisplayList or @DisplaySingleValue for exemple)
- * @param props.componentsOverride.wrapper the attribute is wrapped inside an element. For a list it can be an UL
- * @param props.componentsOverride.element the component just above the element value
- *  Note :If we override the "render" you can't override "wrapper" and "element" because the render rewrite everything
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributesName, object, componentsOverride } = props;
-    const config = J.react.useDisplay(attributesName || [], object.type);
-
-    return config.map((attributeProps) => {
-        attributeProps.components = {
-            ...attributeProps.components,
-            ...componentsOverride[attributeProps.name],
-        };
-        return <RenderAttribute attribute={attributeProps} object={object} />;
-    });
-};

package/.history/src/displayer/DisplayAttribute.component_20211215153848.tsx

@@ -1,47 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributesProps, RenderAttributeProps } from './types';
-
-/***
- * Choose the component to render according to the type of the object
- */
-const RenderAttribute = (props: RenderAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<RenderAttributeProps> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-
-    return (
-        <WrapperComponent>
-            <RenderComponent {...props} />
-        </WrapperComponent>
-    );
-};
-
-/****
- * The jamespot model depend on the platform
- * For example a user can have the size attribute only for a given platform
- * The model specifics of a platform are stored in J.model
- *
- * This component display an array of attributes only if this attribute is activated on the platform
- *
- * @param props.object the object to display (ie the user)
- * @param props.attributesName an array of string : the list of attributes we want to display
- * @param props.componentsOverride we can override the default render of the attribute
- * @param props.componentsOverride.render the whole component logic (we override @DisplayList or @DisplaySingleValue for exemple)
- * @param props.componentsOverride.wrapper the attribute is wrapped inside an element. For a list it can be an UL
- * @param props.componentsOverride.element the component just above the element value
- *  Note :If we override the "render" you can't override "wrapper" and "element" because the render rewrite everything
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributesName, object, componentsOverride } = props;
-    const config = J.react.useDisplay(attributesName || [], object.type);
-
-    return config.map((attributeProps) => {
-        attributeProps.components = {
-            ...attributeProps.components,
-            ...componentsOverride[attributeProps.name],
-        };
-
-        return <RenderAttribute attribute={attributeProps} object={object} />;
-    });
-};

package/.history/src/displayer/DisplayAttribute.component_20211215153850.tsx

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributesProps, RenderAttributeProps } from './types';
-
-/***
- * Choose the component to render according to the type of the object
- */
-const RenderAttribute = (props: RenderAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<RenderAttributeProps> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-
-    return (
-        <WrapperComponent>
-            <RenderComponent {...props} />
-        </WrapperComponent>
-    );
-};
-
-/****
- * The jamespot model depend on the platform
- * For example a user can have the size attribute only for a given platform
- * The model specifics of a platform are stored in J.model
- *
- * This component display an array of attributes only if this attribute is activated on the platform
- *
- * @param props.object the object to display (ie the user)
- * @param props.attributesName an array of string : the list of attributes we want to display
- * @param props.componentsOverride we can override the default render of the attribute
- * @param props.componentsOverride.render the whole component logic (we override @DisplayList or @DisplaySingleValue for exemple)
- * @param props.componentsOverride.wrapper the attribute is wrapped inside an element. For a list it can be an UL
- * @param props.componentsOverride.element the component just above the element value
- *  Note :If we override the "render" you can't override "wrapper" and "element" because the render rewrite everything
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributesName, object, componentsOverride } = props;
-    const config = J.react.useDisplay(attributesName || [], object.type);
-
-    return config.map((attributeProps) => {
-        attributeProps.components = {
-            ...attributeProps.components,
-            ...componentsOverride[attributeProps.name],
-        };
-        return <RenderAttribute attribute={attributeProps} object={object} />;
-    });
-};

package/.history/src/displayer/DisplayAttribute.component_20211221155746.tsx

@@ -1,46 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributesProps, RenderAttributeProps } from './types';
-
-/***
- * Choose the component to render according to the type of the object
- */
-const RenderAttribute = (props: RenderAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<RenderAttributeProps> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-
-    return (
-        <WrapperComponent>
-            <RenderComponent {...props} />
-        </WrapperComponent>
-    );
-};
-
-/****
- * The jamespot model depend on the platform
- * For example a user can have the size attribute only for a given platform
- * The model specifics of a platform are stored in J.model
- *
- * This component display an array of attributes only if this attribute is activated on the platform
- *
- * @param props.object the object to display (ie the user)
- * @param props.attributesName an array of string : the list of attributes we want to display
- * @param props.componentsOverride we can override the default render of the attribute
- * @param props.componentsOverride.render the whole component logic (we override @DisplayList or @DisplaySingleValue for exemple)
- * @param props.componentsOverride.wrapper the attribute is wrapped inside an element. For a list it can be an UL
- * @param props.componentsOverride.element the component just above the element value
- *  Note :If we override the "render" you can't override "wrapper" and "element" because the render rewrite everything
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributesName, object, componentsOverride } = props;
-    const config = J.react.useDisplay(attributesName || [], object.type);
-
-    return config.map((attributeProps) => {
-        attributeProps.components = {
-            ...attributeProps.components,
-            ...(componentsOverride && componentsOverride[attributeProps.name]),
-        };
-        return <RenderAttribute attribute={attributeProps} object={object} />;
-    });
-};

package/.history/src/displayer/components/DisplayList.component_20211214145222.tsx

@@ -1,20 +0,0 @@
-import { DisplayAttributeProps } from 'displayer/types';
-import * as React from 'react';
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: React.FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-    const list = objectValues[attribute.accessor];
-    return (
-        <WrapperComponent>
-            {list.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {list.length > 1 && index !== list.length && ', '}
-                    {list.length > 1 && index === list.length && '...'}
-                </RenderComponent>;
-            })}
-        </WrapperComponent>
-    );
-};

package/.history/src/displayer/components/DisplayList.component_20211214154540.tsx

@@ -1,21 +0,0 @@
-import { DisplayAttributeProps } from 'displayer/types';
-import * as React from 'react';
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    if (!attribute) return null;
-    const RenderComponent: React.FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-    const list = objectValues[attribute.accessor];
-    return (
-        <WrapperComponent>
-            {list.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {list.length > 1 && index !== list.length && ', '}
-                    {list.length > 1 && index === list.length && '...'}
-                </RenderComponent>;
-            })}
-        </WrapperComponent>
-    );
-};

package/.history/src/displayer/components/DisplayList.component_20211214154625.tsx

@@ -1,23 +0,0 @@
-import { DisplayAttributeProps } from 'displayer/types';
-import * as React from 'react';
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    if (!attribute) return null;
-
-    console.log(attribute);
-    const RenderComponent: React.FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-    const list = objectValues[attribute.accessor];
-    return (
-        <WrapperComponent>
-            {list.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {list.length > 1 && index !== list.length && ', '}
-                    {list.length > 1 && index === list.length && '...'}
-                </RenderComponent>;
-            })}
-        </WrapperComponent>
-    );
-};

package/.history/src/displayer/components/DisplayList.component_20211214154805.tsx

@@ -1,22 +0,0 @@
-import { DisplayAttributeProps } from 'displayer/types';
-import * as React from 'react';
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    if (!attribute) return null;
-
-    const RenderComponent: React.FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-    const list = objectValues[attribute.accessor];
-    return (
-        <WrapperComponent>
-            {list.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {list.length > 1 && index !== list.length && ', '}
-                    {list.length > 1 && index === list.length && '...'}
-                </RenderComponent>;
-            })}
-        </WrapperComponent>
-    );
-};

package/.history/src/displayer/components/DisplayList.component_20211214154807.tsx

@@ -1,21 +0,0 @@
-import { DisplayAttributeProps } from 'displayer/types';
-import * as React from 'react';
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    if (!attribute) return null;
-    const RenderComponent: React.FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-    const list = objectValues[attribute.accessor];
-    return (
-        <WrapperComponent>
-            {list.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {list.length > 1 && index !== list.length && ', '}
-                    {list.length > 1 && index === list.length && '...'}
-                </RenderComponent>;
-            })}
-        </WrapperComponent>
-    );
-};

package/.history/src/displayer/components/DisplayList.component_20211214155122.tsx

@@ -1,21 +0,0 @@
-import { DisplayAttributeProps } from 'displayer/types';
-import * as React from 'react';
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    if (!attribute && !Array.isArray(list)) return null;
-    const RenderComponent: React.FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-    const list = objectValues[attribute.accessor];
-    return (
-        <WrapperComponent>
-            {list.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {list.length > 1 && index !== list.length && ', '}
-                    {list.length > 1 && index === list.length && '...'}
-                </RenderComponent>;
-            })}
-        </WrapperComponent>
-    );
-};

package/.history/src/displayer/components/DisplayList.component_20211214155211.tsx

@@ -1,22 +0,0 @@
-import { DisplayAttributeProps } from 'displayer/types';
-import * as React from 'react';
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const list = objectValues[attribute.accessor];
-
-    if (!attribute && !Array.isArray(list)) return null;
-    const RenderComponent: React.FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-    return (
-        <WrapperComponent>
-            {list.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {list.length > 1 && index !== list.length && ', '}
-                    {list.length > 1 && index === list.length && '...'}
-                </RenderComponent>;
-            })}
-        </WrapperComponent>
-    );
-};

package/.history/src/displayer/components/DisplayList.component_20211214155213.tsx

@@ -1,21 +0,0 @@
-import { DisplayAttributeProps } from 'displayer/types';
-import * as React from 'react';
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const list = objectValues[attribute.accessor];
-    if (!attribute && !Array.isArray(list)) return null;
-    const RenderComponent: React.FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-    return (
-        <WrapperComponent>
-            {list.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {list.length > 1 && index !== list.length && ', '}
-                    {list.length > 1 && index === list.length && '...'}
-                </RenderComponent>;
-            })}
-        </WrapperComponent>
-    );
-};

package/.history/src/displayer/components/DisplayList.component_20211214155344.tsx

@@ -1,21 +0,0 @@
-import { DisplayAttributeProps } from 'displayer/types';
-import * as React from 'react';
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const list = objectValues[attribute.accessor];
-    if (!attribute && !Array.isArray(list) && list !== '') return null;
-    const RenderComponent: React.FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-    return (
-        <WrapperComponent>
-            {list.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {list.length > 1 && index !== list.length && ', '}
-                    {list.length > 1 && index === list.length && '...'}
-                </RenderComponent>;
-            })}
-        </WrapperComponent>
-    );
-};

package/.history/src/displayer/components/DisplayList.component_20211214155417.tsx

@@ -1,21 +0,0 @@
-import { DisplayAttributeProps } from 'displayer/types';
-import * as React from 'react';
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const list = objectValues[attribute.accessor];
-    if (!attribute && !Array.isArray(list)) return null;
-    const RenderComponent: React.FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-    return (
-        <WrapperComponent>
-            {list.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {list.length > 1 && index !== list.length && ', '}
-                    {list.length > 1 && index === list.length && '...'}
-                </RenderComponent>;
-            })}
-        </WrapperComponent>
-    );
-};

package/.history/src/displayer/components/DisplayList.component_20211214155425.tsx

@@ -1,23 +0,0 @@
-import { DisplayAttributeProps } from 'displayer/types';
-import * as React from 'react';
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const list = objectValues[attribute.accessor];
-    if (!attribute && !Array.isArray(list)) return null;
-
-    console.log(list);
-    const RenderComponent: React.FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-    return (
-        <WrapperComponent>
-            {list.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {list.length > 1 && index !== list.length && ', '}
-                    {list.length > 1 && index === list.length && '...'}
-                </RenderComponent>;
-            })}
-        </WrapperComponent>
-    );
-};

package/.history/src/displayer/components/DisplayList.component_20211214155508.tsx

@@ -1,24 +0,0 @@
-import { DisplayAttributeProps } from 'displayer/types';
-import * as React from 'react';
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const list = objectValues[attribute.accessor];
-
-    if (!attribute && !Array.isArray(list)) return null;
-
-    console.log(list);
-    const RenderComponent: React.FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-    return (
-        <WrapperComponent>
-            {list.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {list.length > 1 && index !== list.length && ', '}
-                    {list.length > 1 && index === list.length && '...'}
-                </RenderComponent>;
-            })}
-        </WrapperComponent>
-    );
-};

package/.history/src/displayer/components/DisplayList.component_20211214155555.tsx

@@ -1,24 +0,0 @@
-import { DisplayAttributeProps } from 'displayer/types';
-import * as React from 'react';
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const list = objectValues[attribute.accessor];
-
-    if (!attribute && Array.isArray(list) === false) return null;
-
-    console.log(list);
-    const RenderComponent: React.FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-    return (
-        <WrapperComponent>
-            {list.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {list.length > 1 && index !== list.length && ', '}
-                    {list.length > 1 && index === list.length && '...'}
-                </RenderComponent>;
-            })}
-        </WrapperComponent>
-    );
-};

package/.history/src/displayer/components/DisplayList.component_20211214155600.tsx

@@ -1,24 +0,0 @@
-import { DisplayAttributeProps } from 'displayer/types';
-import * as React from 'react';
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const list = objectValues[attribute.accessor];
-
-    if (!attribute || Array.isArray(list) === false) return null;
-
-    console.log(list);
-    const RenderComponent: React.FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: React.FunctionComponent<any> = attribute.components.wrapper;
-    return (
-        <WrapperComponent>
-            {list.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {list.length > 1 && index !== list.length && ', '}
-                    {list.length > 1 && index === list.length && '...'}
-                </RenderComponent>;
-            })}
-        </WrapperComponent>
-    );
-};