@trilogy-ds/react 0.0.1-beta.9 → 0.0.3-beta-v4

package/lib/components/accordion/Accordion.d.ts

@@ -1,13 +1,11 @@
-import React from 'react';
+import * as React from 'react';
 import { AccordionProps } from './AccordionProps';
-export declare const AccordionContext: React.Context<{
-    inverted: boolean;
-}>;
 /**
  * Accordion Component
+ * @param id
  * @param className {string} Additionnal CSS Classes
- * @param children {ReactNode}
- * @param inverted {boolean} Accordion with white background
+ * @param children
+ * @param others
  */
-declare const Accordion: ({ className, testId, inverted, ...others }: AccordionProps) => React.JSX.Element;
+declare const Accordion: ({ id, className, children, ...others }: AccordionProps) => React.JSX.Element;
 export default Accordion;

package/lib/components/accordion/Accordion.js

@@ -1,19 +1,20 @@
-import React, { createContext } from 'react';
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
 import clsx from 'clsx';
 import { useTrilogyContext } from '../../context/index';
-import { hashClass } from '../..//helpers/hashClassesHelpers';
-export const AccordionContext = createContext({ inverted: false });
+import { hashClass } from '../../helpers/hashClassesHelpers';
 /**
  * Accordion Component
+ * @param id
  * @param className {string} Additionnal CSS Classes
- * @param children {ReactNode}
- * @param inverted {boolean} Accordion with white background
+ * @param children
+ * @param others
  */
-const Accordion = ({ className, testId, inverted, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('accordions', className));
-    return (React.createElement(AccordionContext.Provider, { value: { inverted: inverted || false } },
-        React.createElement("section", { className: classes, ...others, "data-testid": testId })));
+var Accordion = function (_a) {
+    var id = _a.id, className = _a.className, children = _a.children, others = __rest(_a, ["id", "className", "children"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('accordion', className));
+    return (React.createElement("div", __assign({ id: id, className: classes }, others), children));
 };
 export default Accordion;
-//# sourceMappingURL=Accordion.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7O0dBTUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXNEO0lBQXBELElBQUEsRUFBRSxRQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUM3QyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUMvRCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDeEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/accordion/Accordion.native.d.ts

@@ -1,15 +1,12 @@
-import React from 'react';
-import { AccordionProps } from './AccordionProps';
-import { ComponentName } from '../enumsComponentsName';
-export declare const AccordionContext: React.Context<{
-    inverted: boolean;
-}>;
+/// <reference types="react" />
+import { AccordionProps } from "./AccordionProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Accordion Component
  * @param children {ReactNode}
  */
 declare const Accordion: {
-    ({ inverted, ...others }: AccordionProps): JSX.Element;
+    ({ ...others }: AccordionProps): JSX.Element;
     displayName: ComponentName;
 };
 export default Accordion;

package/lib/components/accordion/Accordion.native.js

@@ -1,22 +1,22 @@
-import React, { createContext } from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../enumsComponentsName';
-export const AccordionContext = createContext({ inverted: false });
+import { __assign, __rest } from "tslib";
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Accordion Component
  * @param children {ReactNode}
  */
-const Accordion = ({ inverted, ...others }) => {
-    const styles = StyleSheet.create({
+var Accordion = function (_a) {
+    var others = __rest(_a, []);
+    var styles = StyleSheet.create({
         accordion: {
-            width: '100%',
+            width: "100%",
             minHeight: 10,
             borderRadius: 6,
         },
     });
-    return (React.createElement(AccordionContext.Provider, { value: { inverted: inverted || false } },
-        React.createElement(View, { style: styles.accordion, ...others })));
+    return React.createElement(View, __assign({ style: styles.accordion }, others));
 };
 Accordion.displayName = ComponentName.Accordion;
 export default Accordion;
-//# sourceMappingURL=Accordion.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL0FjY29yZGlvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsVUFBQyxFQUE2QjtRQUF4QixNQUFNLGNBQVgsRUFBYSxDQUFGO0lBQzVCLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsS0FBSyxFQUFFLE1BQU07WUFDYixTQUFTLEVBQUUsRUFBRTtZQUNiLFlBQVksRUFBRSxDQUFDO1NBQ2hCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxvQkFBQyxJQUFJLGFBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxTQUFTLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDdEQsQ0FBQyxDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=

package/lib/components/accordion/AccordionProps.d.ts

@@ -1,10 +1,8 @@
 /// <reference types="react" />
-import { Accessibility } from "../../objects";
 /**
  * Accordion Interface
  */
-export interface AccordionProps extends Accessibility {
-    children?: React.ReactNode;
-    className?: string;
-    inverted?: boolean;
+import { CommonProps } from '../../objects/facets/CommonProps';
+export interface AccordionProps extends CommonProps {
+    children: React.ReactNode;
 }

package/lib/components/accordion/AccordionProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=AccordionProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9BY2NvcmRpb25Qcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

package/lib/components/accordion/AccordionPropsDefaults.js

@@ -0,0 +1,30 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/accordion/index.d.ts

@@ -1,5 +1,5 @@
 import Accordion from './Accordion';
 import AccordionItem from './item';
-import AccordionHeader from './header';
-import AccordionBody from './body';
+import AccordionHeader from './item/header';
+import AccordionBody from './item/body';
 export { Accordion, AccordionItem, AccordionHeader, AccordionBody };

package/lib/components/accordion/index.js

@@ -1,6 +1,6 @@
 import Accordion from './Accordion';
 import AccordionItem from './item';
-import AccordionHeader from './header';
-import AccordionBody from './body';
+import AccordionHeader from './item/header';
+import AccordionBody from './item/body';
 export { Accordion, AccordionItem, AccordionHeader, AccordionBody };
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxhQUFhLENBQUE7QUFDbkMsT0FBTyxhQUFhLE1BQU0sUUFBUSxDQUFBO0FBQ2xDLE9BQU8sZUFBZSxNQUFNLGVBQWUsQ0FBQTtBQUMzQyxPQUFPLGFBQWEsTUFBTSxhQUFhLENBQUE7QUFFdkMsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxDQUFBIn0=

package/lib/components/accordion/item/AccordionItem.d.ts

@@ -8,8 +8,6 @@ import { AccordionItemProps } from './AccordionItemProps';
  * @param onClick {ClickEvent} onClick Event
  * @param disabled {boolean} Disabled AccordionItem
  * @param children {ReactNode}
- * @param onOpen {Function} onOpen Accordion Item Function
- * @param onClose {Function} onClose Accordion Item Function
  */
-declare const AccordionItem: ({ active, className, children, id, onClick, disabled, onClose, onOpen, ...others }: AccordionItemProps) => JSX.Element;
+declare const AccordionItem: ({ open, className, children, id, onClick, disabled, ...others }: AccordionItemProps) => JSX.Element;
 export default AccordionItem;

package/lib/components/accordion/item/AccordionItem.helper.js

@@ -3,5 +3,7 @@
  * @param type
  * @returns {boolean}
  */
-export const hasDisplayName = (type) => 'displayName' in type;
-//# sourceMappingURL=AccordionItem.helper.js.map
+export var hasDisplayName = function (type) {
+    return 'displayName' in type;
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5oZWxwZXIuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL0FjY29yZGlvbkl0ZW0uaGVscGVyLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBOzs7O0dBSUc7QUFDSCxNQUFNLENBQUMsSUFBTSxjQUFjLEdBQUcsVUFBbUIsSUFBaUM7SUFDaEYsT0FBQSxhQUFhLElBQUksSUFBSTtBQUFyQixDQUFxQixDQUFBIn0=

package/lib/components/accordion/item/AccordionItem.js

@@ -1,10 +1,9 @@
-import React, { useContext, useEffect, useRef, useState } from 'react';
+import { __assign, __rest } from "tslib";
+import React, { useRef } from 'react';
 import shortid from 'shortid';
-import { is, has } from '../../../services';
 import clsx from 'clsx';
 import { hashClass } from '../../../helpers';
 import { useTrilogyContext } from '../../../context';
-import { AccordionContext } from '../Accordion';
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
@@ -13,62 +12,18 @@ import { AccordionContext } from '../Accordion';
  * @param onClick {ClickEvent} onClick Event
  * @param disabled {boolean} Disabled AccordionItem
  * @param children {ReactNode}
- * @param onOpen {Function} onOpen Accordion Item Function
- * @param onClose {Function} onClose Accordion Item Function
  */
-const AccordionItem = ({ active, className, children, id = shortid.generate(), onClick, disabled, onClose, onOpen, ...others }) => {
-    const ref = useRef(null);
-    const { styled } = useTrilogyContext();
-    const [isActive, setIsActive] = useState(active || false);
-    const [expandedHeight, setExpandedHeight] = useState();
-    const [collapsedHeight, setCollapsedHeight] = useState();
-    const accordionContextValues = useContext(AccordionContext);
-    // Faire à l'avance un pré-calcul de la hauteur de l'accordéon plié et déplié,
-    // Ces infos sont enregistrées dans les data-attributs "data-collapsed" et "data-expanded".
-    // Nécessaire quand l'accordion est consommé par un parent où un traitement supplémentaire
-    // est requis comme un scrollTo par exemple. Dans ce cas là on transmet au component react
-    // un événement onClick qui initie le scrollTo en amont de déclencher le toggle.
-    // C'est-à-dire avant que l'accordion a été rendu dans son état déplié.
-    useEffect(() => {
-        const e = ref.current;
-        if (!e) {
-            return;
-        }
-        const { floor, abs } = Math;
-        const firstChild = e.children[1].firstChild;
-        const expandedInactive = floor(abs(e.clientHeight + (firstChild === null || firstChild === void 0 ? void 0 : firstChild.clientHeight))).toString();
-        const expandedActive = floor(abs(e.clientHeight)).toString();
-        const collapsedInactive = floor(abs(e.clientHeight + 1)).toString();
-        const collapsedActive = floor(abs(e.children[0].clientHeight)).toString();
-        setExpandedHeight(isActive ? expandedActive : expandedInactive);
-        setCollapsedHeight(isActive ? collapsedActive : collapsedInactive);
-    }, [isActive]);
-    useEffect(() => {
-        setIsActive(active || false);
-    }, [active]);
-    const classes = hashClass(styled, clsx('accordion', className, isActive && is('active'), disabled && is('disabled'), (accordionContextValues.inverted) && has('background-white')));
-    let childrenElement;
-    if (children) {
-        childrenElement = Array.isArray(children)
-            ? children.map((child, index) => {
-                return React.cloneElement(child, {
-                    key: `article-${index}`,
-                    dataId: index === 0 ? `header-${id}` : `body-${id}`,
-                    disabled,
-                });
-            })
-            : children;
+var AccordionItem = function (_a) {
+    var open = _a.open, className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, onClick = _a.onClick, disabled = _a.disabled, others = __rest(_a, ["open", "className", "children", "id", "onClick", "disabled"]);
+    var ref = useRef(null);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('accordion-item', className));
+    var ariaProps = {};
+    if (disabled) {
+        ariaProps['tabIndex'] = -1;
+        ariaProps['aria-disabled'] = true;
     }
-    return (React.createElement("article", { "data-testid": id, className: classes, ref: ref, id: id, ...others, "data-collapsed": collapsedHeight, "data-expanded": expandedHeight, onClick: (e) => {
-            if (onOpen && !isActive)
-                onOpen(e);
-            if (onClose && isActive)
-                onClose(e);
-            if (onClick)
-                onClick(e);
-        } },
-        !disabled && (React.createElement("input", { type: 'checkbox', "data-accordion-toggle": true, id: `toggle_header-${id}`, style: { display: 'none' }, defaultChecked: isActive })),
-        childrenElement));
+    return (React.createElement("details", __assign({ open: open }, ariaProps, { "data-testid": id, className: classes, ref: ref, id: id }, others, { onClick: function (e) { return (onClick ? onClick(e) : null); } }), children));
 };
 export default AccordionItem;
-//# sourceMappingURL=AccordionItem.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vQWNjb3JkaW9uSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3JDLE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBUUY7SUFQbkIsSUFBQSxJQUFJLFVBQUEsRUFDSixTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBUFksOERBUXRCLENBRFU7SUFFVCxJQUFNLEdBQUcsR0FBRyxNQUFNLENBQXFCLElBQUksQ0FBQyxDQUFBO0lBQ3BDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFcEUsSUFBTSxTQUFTLEdBQXFELEVBQUUsQ0FBQTtJQUV0RSxJQUFJLFFBQVEsRUFBRTtRQUNaLFNBQVMsQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUMxQixTQUFTLENBQUMsZUFBZSxDQUFDLEdBQUcsSUFBSSxDQUFBO0tBQ2xDO0lBRUQsT0FBTyxDQUNMLDBDQUNFLElBQUksRUFBRSxJQUFJLElBQ04sU0FBUyxtQkFDQSxFQUFFLEVBQ2YsU0FBUyxFQUFFLE9BQU8sRUFDbEIsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxJQUNGLE1BQU0sSUFDVixPQUFPLEVBQUUsVUFBQyxDQUFlLElBQUssT0FBQSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBN0IsQ0FBNkIsS0FFMUQsUUFBUSxDQUNELENBQ1gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsYUFBYSxDQUFBIn0=

package/lib/components/accordion/item/AccordionItem.native.d.ts

@@ -1,18 +1,16 @@
 /// <reference types="react" />
-import { AccordionItemProps } from './AccordionItemProps';
-import { ComponentName } from '../../enumsComponentsName';
+import { AccordionItemProps } from "./AccordionItemProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
  * @param id {string} id for accordion item
  * @param onClick {ClickEvent} onClick Event
- * @param onOpen {Function} onOpen Accordion Item Function
- * @param onClose {Function} onClose Accordion Item Function
  * @param disabled {boolean} Disabled AccordionItem
  * @param children
  */
 declare const AccordionItem: {
-    ({ active, id, onClick, disabled, onOpen, onClose, children, ...others }: AccordionItemProps): JSX.Element;
+    ({ open, id, onClick, disabled, children, ...others }: AccordionItemProps): JSX.Element;
     displayName: ComponentName;
 };
 export default AccordionItem;

package/lib/components/accordion/item/AccordionItem.native.js

@@ -1,78 +1,79 @@
-import React, { useContext, useEffect, useRef, useState } from 'react';
-import { Animated, Easing, StyleSheet, TouchableWithoutFeedback, View } from 'react-native';
-import { getColorStyle, mixColors, TrilogyColor } from '../../../objects/facets/Color';
-import { hasDisplayName } from './AccordionItem.helper';
-import { IconName } from '../../icon/IconNameEnum';
-import { Spacer, SpacerSize } from '../../spacer';
-import { Icon, IconSize } from '../../icon';
-import { ComponentName } from '../../enumsComponentsName';
-import { AccordionContext } from '../Accordion.native';
+import { __assign, __read, __rest } from "tslib";
+import React, { useEffect, useRef, useState } from "react";
+import { Animated, Easing, StyleSheet, TouchableWithoutFeedback, View, } from "react-native";
+import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
+import { hasDisplayName } from "./AccordionItem.helper";
+import { IconName } from "../../../components/icon/IconNameEnum";
+import { Spacer, SpacerSize } from "../../../components/spacer";
+import { Icon, IconSize } from "../../../components/icon";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
  * @param id {string} id for accordion item
  * @param onClick {ClickEvent} onClick Event
- * @param onOpen {Function} onOpen Accordion Item Function
- * @param onClose {Function} onClose Accordion Item Function
  * @param disabled {boolean} Disabled AccordionItem
  * @param children
  */
-const AccordionItem = ({ active, id, onClick, disabled, onOpen, onClose, children, ...others }) => {
-    const [isActive, setIsActive] = useState(Boolean(typeof active !== 'undefined' ? active : false));
-    const animatedController = useRef(new Animated.Value(0)).current;
-    const [bodySectionHeight, setBodySectionHeight] = useState(0);
-    const [childs, setChilds] = useState({ header: undefined, body: undefined });
-    const accordionContextValues = useContext(AccordionContext);
-    const itemColor = accordionContextValues.inverted
-        ? getColorStyle(TrilogyColor.WHITE)
-        : mixColors(TrilogyColor.GREY, -96);
-    const styles = StyleSheet.create({
+var AccordionItem = function (_a) {
+    var open = _a.open, id = _a.id, onClick = _a.onClick, disabled = _a.disabled, children = _a.children, others = __rest(_a, ["open", "id", "onClick", "disabled", "children"]);
+    var _b = __read(useState(Boolean(typeof open !== "undefined" ? open : false)), 2), isActive = _b[0], setIsActive = _b[1];
+    var animatedController = useRef(new Animated.Value(0)).current;
+    var _c = __read(useState(0), 2), bodySectionHeight = _c[0], setBodySectionHeight = _c[1];
+    var _d = __read(useState({
+        header: undefined,
+        body: undefined,
+    }), 2), childs = _d[0], setChilds = _d[1];
+    var styles = StyleSheet.create({
         item: {
-            width: '100%',
+            width: "100%",
             padding: 5,
             borderRadius: 6,
-            backgroundColor: itemColor,
+            backgroundColor: disabled
+                ? getColorStyle(TrilogyColor.DISABLED_FADE)
+                : getColorStyle(TrilogyColor.BACKGROUND),
             borderWidth: 1,
-            borderColor: mixColors(TrilogyColor.GREY, -80),
+            borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
+                getColorStyle(TrilogyColor.NEUTRAL)
         },
         bodyBackground: {
             borderRadius: 6,
-            backgroundColor: itemColor,
-            overflow: 'hidden',
+            backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
+            overflow: "hidden",
         },
         titleContainer: {
-            minWidth: '100%',
-            display: 'flex',
-            flexDirection: 'row',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            paddingLeft: 5,
+            minWidth: "100%",
+            display: "flex",
+            flexDirection: "row",
+            justifyContent: "space-between",
+            alignItems: "center",
+            paddingLeft: 10,
             paddingRight: 5,
             paddingTop: 5,
             paddingBottom: 5,
-            borderColor: itemColor,
+            borderColor: getColorStyle(TrilogyColor.BACKGROUND),
         },
         bodyContainer: {
             padding: 10,
             paddingLeft: 10,
             paddingRight: 10,
-            position: 'absolute',
+            position: "absolute",
             bottom: 0,
             borderRadius: 6,
         },
     });
-    const bodyHeight = animatedController.interpolate({
+    var bodyHeight = animatedController.interpolate({
         inputRange: [0, 1],
         outputRange: [0, bodySectionHeight],
     });
-    const arrowAngle = animatedController.interpolate({
+    var arrowAngle = animatedController.interpolate({
         inputRange: [0, 1],
-        outputRange: ['0rad', `${Math.PI}rad`],
+        outputRange: ["0rad", "".concat(Math.PI, "rad")],
     });
-    useEffect(() => {
-        setIsActive(active || false);
-    }, [active]);
-    const toggleListItem = () => {
+    useEffect(function () {
+        setIsActive(open || false);
+    }, [open]);
+    var toggleListItem = function () {
         if (isActive) {
             Animated.timing(animatedController, {
                 duration: 300,
@@ -91,23 +92,23 @@ const AccordionItem = ({ active, id, onClick, disabled, onOpen, onClose, childre
         }
         setIsActive(!isActive);
     };
-    useEffect(() => {
-        active ? animatedController.setValue(1) : animatedController.setValue(0);
-    }, [active]);
-    useEffect(() => {
-        const newChilds = {};
+    useEffect(function () {
+        open ? animatedController.setValue(1) : animatedController.setValue(0);
+    }, [open]);
+    useEffect(function () {
+        var newChilds = {};
         if (Array.isArray(children)) {
-            children.forEach((child) => {
+            children.forEach(function (child) {
                 if (child &&
-                    typeof child === 'object' &&
-                    'type' in child &&
-                    typeof child.type === 'function' &&
+                    typeof child === "object" &&
+                    "type" in child &&
+                    typeof child.type === "function" &&
                     hasDisplayName(child.type)) {
                     switch (child.type.displayName) {
-                        case 'AccordionHeader':
+                        case "AccordionHeader":
                             newChilds.header = child;
                             break;
-                        case 'AccordionBody':
+                        case "AccordionBody":
                             newChilds.body = child;
                             break;
                         default:
@@ -120,31 +121,27 @@ const AccordionItem = ({ active, id, onClick, disabled, onOpen, onClose, childre
     }, [children]);
     return (React.createElement(React.Fragment, null,
         React.createElement(View, { style: styles.item },
-            React.createElement(TouchableWithoutFeedback, { style: styles.item, testID: id || '', 
+            React.createElement(TouchableWithoutFeedback, __assign({ style: styles.item, testID: id || "", 
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                onPress: (e) => {
+                onPress: function (e) {
                     if (!disabled) {
                         toggleListItem();
-                        if (onOpen && !isActive)
-                            onOpen(e);
-                        if (onClose && isActive)
-                            onClose(e);
                         if (onClick)
                             onClick(e);
                     }
-                }, ...others },
+                } }, others),
                 React.createElement(View, { style: styles.titleContainer },
                     childs.header && React.createElement(View, null, childs.header),
                     React.createElement(Animated.View, { style: { transform: [{ rotateZ: arrowAngle }] } },
-                        React.createElement(Icon, { name: IconName.ARROW_DOWN, size: IconSize.SMALLER, color: isActive ? TrilogyColor.SECONDARY : TrilogyColor.GREY_DARK })))),
+                        React.createElement(Icon, { name: IconName.ARROW_DOWN, size: IconSize.SMALLER, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN })))),
             React.createElement(Animated.View, { style: [styles.bodyBackground, { height: bodyHeight }] },
                 React.createElement(View, { style: styles.bodyContainer, 
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                    onLayout: (e) => {
+                    onLayout: function (e) {
                         setBodySectionHeight(e.nativeEvent.layout.height);
                     } }, childs.body && React.createElement(View, null, childs.body)))),
-        React.createElement(Spacer, { size: SpacerSize.SMALL })));
+        React.createElement(Spacer, { size: SpacerSize.TWO })));
 };
 AccordionItem.displayName = ComponentName.AccordionItem;
 export default AccordionItem;
-//# sourceMappingURL=AccordionItem.native.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL0FjY29yZGlvbkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLEVBQ0wsUUFBUSxFQUNSLE1BQU0sRUFDTixVQUFVLEVBQ1Ysd0JBQXdCLEVBQ3hCLElBQUksR0FDTCxNQUFNLGNBQWMsQ0FBQTtBQUVyQixPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDekQsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQU9oRTs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQU9GO0lBTm5CLElBQUEsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQU5ZLGlEQU90QixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQTBCLFFBQVEsQ0FDdEMsT0FBTyxDQUFDLE9BQU8sSUFBSSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FDcEQsSUFBQSxFQUZNLFFBQVEsUUFBQSxFQUFFLFdB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

package/lib/components/accordion/item/AccordionItemProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ClickEvent } from '../../../events/OnClickEvent';
+import { CommonProps } from '../../../objects/facets/CommonProps';
 export type TargetElement = HTMLElement & {
     active?: boolean;
     id?: string;
@@ -16,13 +16,9 @@ export interface OnClickCallback {
 /**
  * AccordionItem Interface
  */
-export interface AccordionItemProps {
-    children?: React.ReactNode | Array<React.ReactNode>;
-    active?: boolean;
+export interface AccordionItemProps extends CommonProps {
+    children: React.ReactNode | Array<React.ReactNode>;
+    open?: boolean;
     onClick?: OnClickCallback;
-    className?: string;
-    id?: string;
     disabled?: boolean;
-    onClose?: ClickEvent;
-    onOpen?: ClickEvent;
 }

package/lib/components/accordion/item/AccordionItemProps.js

@@ -1,2 +1,2 @@
 export {};
-//# sourceMappingURL=AccordionItemProps.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbVByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vaXRlbS9BY2NvcmRpb25JdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9

package/lib/components/accordion/item/AccordionItemPropsDefaults.js

@@ -0,0 +1,54 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal",
+      "ReactNode[]"
+    ]
+  },
+  "open": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "onClick": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "OnClickCallback"
+    ]
+  },
+  "disabled": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/accordion/item/OnClickCallbackDefaults.js

@@ -0,0 +1 @@
+export default {};

package/lib/components/accordion/item/body/AccordionBody.d.ts

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { AccordionBodyProps } from './AccordionBodyProps';
+/**
+ * Accordion Body Component
+ * @param children {React.ReactNode} Children for Accordion body
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additionnal CSS Classes
+ * @param dataId {string} data attribute
+ */
+declare const AccordionBody: ({ children, className, id, ...others }: AccordionBodyProps) => React.JSX.Element;
+export default AccordionBody;