jamespot-react-core 1.1.2 → 1.1.5

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

@@ -1,66 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributeProps, DisplayAttributesProps } from './types';
-
-export const BasicComponent = ({ children }: { children: JSX.Element }) => <div>{children}</div>;
-
-export const DisplaySingleValue = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render || BasicComponent;
-    const WrapperComponent: FunctionComponent<any> = attribute.components.wrapper || BasicComponent;
-    return (
-        <WrapperComponent>
-            <RenderComponent>{objectValues[attribute.accessor]}</RenderComponent>
-        </WrapperComponent>
-    );
-    return null;
-};
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render || BasicComponent;
-    const WrapperComponent: FunctionComponent<any> = attribute.components.wrapper || BasicComponent;
-
-   
-    return (
-        <WrapperComponent>
-            {filteredlist.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {filteredlist.length > 1 && index !== filteredlist.length && ', '}
-                    {filteredlist.length > 1 && index === filteredlist.length && '...'}
-                </RenderComponent>;
-            })
-        </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 attribute only if this attribute is activated on the platform
- *
- * @param props.objectValues the object to display (ie the user)
- * @param props.attribute
- * @param props.attribute.fieldName the attribute we want to access to (ie size)
- * @param props.attribute.wrapperComponent (optional) if we want to wrap all the result in a specific component
- * @param props.attribute.renderComponent (optional) if the result is a list you can also wrap all elements to specific component
- * @param props.attribute.extraCondition (optional) condition to render the attribute (ie size>10)
- */
-export const DisplayAttribute = (props: DisplayAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<DisplayAttributeProps> = attribute.components.render;
-    return <RenderComponent {...props} />;
-};
-
-/****
- * Display a set of @DisplayAttribute
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributes, objectValues } = props;
-
-    return attributes.map((attributeProps) => (
-        <DisplayAttribute attribute={attributeProps} objectValues={objectValues} />
-    ));
-};

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

@@ -1,67 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributeProps, DisplayAttributesProps } from './types';
-
-export const BasicComponent = ({ children }: { children: JSX.Element }) => <div>{children}</div>;
-
-export const DisplaySingleValue = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render || BasicComponent;
-    const WrapperComponent: FunctionComponent<any> = attribute.components.wrapper || BasicComponent;
-    return (
-        <WrapperComponent>
-            <RenderComponent>{objectValues[attribute.accessor]}</RenderComponent>
-        </WrapperComponent>
-    );
-    return null;
-};
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render || BasicComponent;
-    const WrapperComponent: FunctionComponent<any> = attribute.components.wrapper || BasicComponent;
-
-    const list = objectValues[attribute.accessor]
-   
-    return (
-        <WrapperComponent>
-            {filteredlist.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {filteredlist.length > 1 && index !== filteredlist.length && ', '}
-                    {filteredlist.length > 1 && index === filteredlist.length && '...'}
-                </RenderComponent>;
-            })
-        </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 attribute only if this attribute is activated on the platform
- *
- * @param props.objectValues the object to display (ie the user)
- * @param props.attribute
- * @param props.attribute.fieldName the attribute we want to access to (ie size)
- * @param props.attribute.wrapperComponent (optional) if we want to wrap all the result in a specific component
- * @param props.attribute.renderComponent (optional) if the result is a list you can also wrap all elements to specific component
- * @param props.attribute.extraCondition (optional) condition to render the attribute (ie size>10)
- */
-export const DisplayAttribute = (props: DisplayAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<DisplayAttributeProps> = attribute.components.render;
-    return <RenderComponent {...props} />;
-};
-
-/****
- * Display a set of @DisplayAttribute
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributes, objectValues } = props;
-
-    return attributes.map((attributeProps) => (
-        <DisplayAttribute attribute={attributeProps} objectValues={objectValues} />
-    ));
-};

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

@@ -1,65 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributeProps, DisplayAttributesProps } from './types';
-
-export const BasicComponent = ({ children }: { children: JSX.Element }) => <div>{children}</div>;
-
-export const DisplaySingleValue = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render || BasicComponent;
-    const WrapperComponent: FunctionComponent<any> = attribute.components.wrapper || BasicComponent;
-    return (
-        <WrapperComponent>
-            <RenderComponent>{objectValues[attribute.accessor]}</RenderComponent>
-        </WrapperComponent>
-    );
-    return null;
-};
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render || BasicComponent;
-    const WrapperComponent: FunctionComponent<any> = attribute.components.wrapper || BasicComponent;
-    const list = objectValues[attribute.accessor]
-    return (
-        <WrapperComponent>
-            {filteredlist.map((element: any, index: number) => {
-                <RenderComponent>
-                    {element.title}
-                    {filteredlist.length > 1 && index !== filteredlist.length && ', '}
-                    {filteredlist.length > 1 && index === filteredlist.length && '...'}
-                </RenderComponent>;
-            })
-        </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 attribute only if this attribute is activated on the platform
- *
- * @param props.objectValues the object to display (ie the user)
- * @param props.attribute
- * @param props.attribute.fieldName the attribute we want to access to (ie size)
- * @param props.attribute.wrapperComponent (optional) if we want to wrap all the result in a specific component
- * @param props.attribute.renderComponent (optional) if the result is a list you can also wrap all elements to specific component
- * @param props.attribute.extraCondition (optional) condition to render the attribute (ie size>10)
- */
-export const DisplayAttribute = (props: DisplayAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<DisplayAttributeProps> = attribute.components.render;
-    return <RenderComponent {...props} />;
-};
-
-/****
- * Display a set of @DisplayAttribute
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributes, objectValues } = props;
-
-    return attributes.map((attributeProps) => (
-        <DisplayAttribute attribute={attributeProps} objectValues={objectValues} />
-    ));
-};

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

@@ -1,65 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributeProps, DisplayAttributesProps } from './types';
-
-export const BasicComponent = ({ children }: { children: JSX.Element }) => <div>{children}</div>;
-
-export const DisplaySingleValue = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render || BasicComponent;
-    const WrapperComponent: FunctionComponent<any> = attribute.components.wrapper || BasicComponent;
-    return (
-        <WrapperComponent>
-            <RenderComponent>{objectValues[attribute.accessor]}</RenderComponent>
-        </WrapperComponent>
-    );
-    return null;
-};
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render || BasicComponent;
-    const WrapperComponent: FunctionComponent<any> = attribute.components.wrapper || BasicComponent;
-    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>
-    );
-};
-/****
- * 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 attribute only if this attribute is activated on the platform
- *
- * @param props.objectValues the object to display (ie the user)
- * @param props.attribute
- * @param props.attribute.fieldName the attribute we want to access to (ie size)
- * @param props.attribute.wrapperComponent (optional) if we want to wrap all the result in a specific component
- * @param props.attribute.renderComponent (optional) if the result is a list you can also wrap all elements to specific component
- * @param props.attribute.extraCondition (optional) condition to render the attribute (ie size>10)
- */
-export const DisplayAttribute = (props: DisplayAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<DisplayAttributeProps> = attribute.components.render;
-    return <RenderComponent {...props} />;
-};
-
-/****
- * Display a set of @DisplayAttribute
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributes, objectValues } = props;
-
-    return attributes.map((attributeProps) => (
-        <DisplayAttribute attribute={attributeProps} objectValues={objectValues} />
-    ));
-};

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

@@ -1,65 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributeProps, DisplayAttributesProps } from './types';
-
-export const BasicComponent = ({ children }: { children: JSX.Element }) => <div>{children}</div>;
-
-export const DisplaySingleValue = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render || BasicComponent;
-    const WrapperComponent: FunctionComponent<any> = attribute.components.wrapper || BasicComponent;
-    return (
-        <WrapperComponent>
-            <RenderComponent>{objectValues[attribute.accessor]}</RenderComponent>
-        </WrapperComponent>
-    );
-    return null;
-};
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render || BasicComponent;
-    const WrapperComponent: FunctionComponent<any> = attribute.components.wrapper || BasicComponent;
-    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>
-    );
-};
-/****
- * 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 attribute only if this attribute is activated on the platform
- *
- * @param props.objectValues the object to display (ie the user)
- * @param props.attribute
- * @param props.attribute.fieldName the attribute we want to access to (ie size)
- * @param props.attribute.wrapperComponent (optional) if we want to wrap all the result in a specific component
- * @param props.attribute.renderComponent (optional) if the result is a list you can also wrap all elements to specific component
- * @param props.attribute.extraCondition (optional) condition to render the attribute (ie size>10)
- */
-export const DisplayAttribute = (props: DisplayAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<DisplayAttributeProps> = attribute.components.render;
-    return <RenderComponent {...props} />;
-};
-
-/****
- * Display a set of @DisplayAttribute
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributes, objectValues } = props;
-
-    return attributes.map((attributeProps) => (
-        <DisplayAttribute attribute={attributeProps} objectValues={objectValues} />
-    ));
-};

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

@@ -1,66 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributeProps, DisplayAttributesProps } from './types';
-
-export const BasicComponent = ({ children }: { children: JSX.Element }) => <div>{children}</div>;
-
-export const DisplaySingleValue = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render || BasicComponent;
-    const WrapperComponent: FunctionComponent<any> = attribute.components.wrapper || BasicComponent;
-    return (
-        <WrapperComponent>
-            <RenderComponent>{objectValues[attribute.accessor]}</RenderComponent>
-        </WrapperComponent>
-    );
-    return null;
-};
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render || BasicComponent;
-    const WrapperComponent: FunctionComponent<any> = attribute.components.wrapper || BasicComponent;
-    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>
-    );
-};
-
-/****
- * 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 attribute only if this attribute is activated on the platform
- *
- * @param props.objectValues the object to display (ie the user)
- * @param props.attribute
- * @param props.attribute.fieldName the attribute we want to access to (ie size)
- * @param props.attribute.wrapperComponent (optional) if we want to wrap all the result in a specific component
- * @param props.attribute.renderComponent (optional) if the result is a list you can also wrap all elements to specific component
- * @param props.attribute.extraCondition (optional) condition to render the attribute (ie size>10)
- */
-export const DisplayAttribute = (props: DisplayAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<DisplayAttributeProps> = attribute.components.render;
-    return <RenderComponent {...props} />;
-};
-
-/****
- * Display a set of @DisplayAttribute
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributes, objectValues } = props;
-
-    return attributes.map((attributeProps) => (
-        <DisplayAttribute attribute={attributeProps} objectValues={objectValues} />
-    ));
-};

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

@@ -1,66 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributeProps, DisplayAttributesProps } from './types';
-
-export const BasicComponent = ({ children }: { children: JSX.Element }) => <div>{children}</div>;
-
-export const DisplaySingleValue = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render || BasicComponent;
-    const WrapperComponent: FunctionComponent<any> = attribute.components.wrapper || BasicComponent;
-    return (
-        <WrapperComponent>
-            <RenderComponent>{objectValues[attribute.accessor]}</RenderComponent>
-        </WrapperComponent>
-    );
-    return null;
-};
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render || BasicComponent;
-    const WrapperComponent: FunctionComponent<any> = attribute.components.wrapper || BasicComponent;
-    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>
-    );
-};
-
-/****
- * 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 attribute only if this attribute is activated on the platform
- *
- * @param props.objectValues the object to display (ie the user)
- * @param props.attribute
- * @param props.attribute.fieldName the attribute we want to access to (ie size)
- * @param props.attribute.wrapperComponent (optional) if we want to wrap all the result in a specific component
- * @param props.attribute.renderComponent (optional) if the result is a list you can also wrap all elements to specific component
- * @param props.attribute.extraCondition (optional) condition to render the attribute (ie size>10)
- */
-export const DisplayAttribute = (props: DisplayAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<DisplayAttributeProps> = attribute.components.render;
-    return <RenderComponent {...props} />;
-};
-
-/****
- * Display a set of @DisplayAttribute
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributes, objectValues } = props;
-
-    return attributes.map((attributeProps) => (
-        <DisplayAttribute attribute={attributeProps} objectValues={objectValues} />
-    ));
-};

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

@@ -1,66 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributeProps, DisplayAttributesProps } from './types';
-
-export const BasicComponent = ({ children }: { children: JSX.Element }) => <div>{children}</div>;
-
-export const DisplaySingleValue = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render || BasicComponent;
-    const WrapperComponent: FunctionComponent<any> = attribute.components.wrapper || BasicComponent;
-    return (
-        <WrapperComponent>
-            <RenderComponent>{objectValues[attribute.accessor]}</RenderComponent>
-        </WrapperComponent>
-    );
-    return null;
-};
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: 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>
-    );
-};
-
-/****
- * 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 attribute only if this attribute is activated on the platform
- *
- * @param props.objectValues the object to display (ie the user)
- * @param props.attribute
- * @param props.attribute.fieldName the attribute we want to access to (ie size)
- * @param props.attribute.wrapperComponent (optional) if we want to wrap all the result in a specific component
- * @param props.attribute.renderComponent (optional) if the result is a list you can also wrap all elements to specific component
- * @param props.attribute.extraCondition (optional) condition to render the attribute (ie size>10)
- */
-export const DisplayAttribute = (props: DisplayAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<DisplayAttributeProps> = attribute.components.render;
-    return <RenderComponent {...props} />;
-};
-
-/****
- * Display a set of @DisplayAttribute
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributes, objectValues } = props;
-
-    return attributes.map((attributeProps) => (
-        <DisplayAttribute attribute={attributeProps} objectValues={objectValues} />
-    ));
-};

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

@@ -1,66 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributeProps, DisplayAttributesProps } from './types';
-
-export const BasicComponent = ({ children }: { children: JSX.Element }) => <div>{children}</div>;
-
-export const DisplaySingleValue = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: FunctionComponent<any> = attribute.components.wrapper;
-    return (
-        <WrapperComponent>
-            <RenderComponent>{objectValues[attribute.accessor]}</RenderComponent>
-        </WrapperComponent>
-    );
-    return null;
-};
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: 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>
-    );
-};
-
-/****
- * 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 attribute only if this attribute is activated on the platform
- *
- * @param props.objectValues the object to display (ie the user)
- * @param props.attribute
- * @param props.attribute.fieldName the attribute we want to access to (ie size)
- * @param props.attribute.wrapperComponent (optional) if we want to wrap all the result in a specific component
- * @param props.attribute.renderComponent (optional) if the result is a list you can also wrap all elements to specific component
- * @param props.attribute.extraCondition (optional) condition to render the attribute (ie size>10)
- */
-export const DisplayAttribute = (props: DisplayAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<DisplayAttributeProps> = attribute.components.render;
-    return <RenderComponent {...props} />;
-};
-
-/****
- * Display a set of @DisplayAttribute
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributes, objectValues } = props;
-
-    return attributes.map((attributeProps) => (
-        <DisplayAttribute attribute={attributeProps} objectValues={objectValues} />
-    ));
-};

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

@@ -1,54 +0,0 @@
-import * as React from 'react';
-import { FunctionComponent } from 'react';
-import { DisplayAttributeProps, DisplayAttributesProps } from './types';
-
-export const BasicComponent = ({ children }: { children: JSX.Element }) => <div>{children}</div>;
-
-export const DisplayList = (props: DisplayAttributeProps) => {
-    const { objectValues, attribute } = props;
-    const RenderComponent: FunctionComponent<any> = attribute.components.render;
-    const WrapperComponent: 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>
-    );
-};
-
-/****
- * 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 attribute only if this attribute is activated on the platform
- *
- * @param props.objectValues the object to display (ie the user)
- * @param props.attribute
- * @param props.attribute.fieldName the attribute we want to access to (ie size)
- * @param props.attribute.wrapperComponent (optional) if we want to wrap all the result in a specific component
- * @param props.attribute.renderComponent (optional) if the result is a list you can also wrap all elements to specific component
- * @param props.attribute.extraCondition (optional) condition to render the attribute (ie size>10)
- */
-export const DisplayAttribute = (props: DisplayAttributeProps) => {
-    const { attribute } = props;
-    const RenderComponent: FunctionComponent<DisplayAttributeProps> = attribute.components.render;
-    return <RenderComponent {...props} />;
-};
-
-/****
- * Display a set of @DisplayAttribute
- */
-export const DisplayAttributes = (props: DisplayAttributesProps) => {
-    const { attributes, objectValues } = props;
-
-    return attributes.map((attributeProps) => (
-        <DisplayAttribute attribute={attributeProps} objectValues={objectValues} />
-    ));
-};