@trilogy-ds/react 0.0.1-beta-sc-2 → 0.0.1-beta-149

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { AccordionProps } from '../../components/accordion/AccordionProps';
+import * as React from "react";
+import { AccordionProps } from "./AccordionProps";
 /**
  * Accordion Component
  * @param className {string} Additionnal CSS Classes

package/lib/components/accordion/Accordion.js

@@ -1,17 +1,17 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { hashClass } from '../../helpers/hashClassesHelpers';
+import * as React from "react";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../context/index";
+import { hashClass } from "../../helpers/hashClassesHelpers";
 /**
  * Accordion Component
  * @param className {string} Additionnal CSS Classes
  */
-var Accordion = React.forwardRef(function (_a, ref) {
-    var className = _a.className, testId = _a.testId, others = __rest(_a, ["className", "testId"]);
-    var classes = hashClass(clsx('accordions', className));
+var Accordion = React.forwardRef(function (props, ref) {
+    var className = props.className, testId = props.testId, others = __rest(props, ["className", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx("accordions", className));
     return React.createElement("section", __assign({ ref: ref, className: classes }, others, { "data-testid": testId }));
 });
-Accordion.displayName = ComponentName.Accordion;
 export default Accordion;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBRXhEOzs7R0FHRztBQUNILElBQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLFVBQUMsRUFBZ0QsRUFBRSxHQUE4QjtJQUE5RSxJQUFBLFNBQVMsZUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBOUIsdUJBQWdDLENBQUY7SUFDN0IsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUN4RCxPQUFPLDBDQUFTLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLG1CQUFlLE1BQU0sSUFBSSxDQUFBO0FBQ25GLENBQUMsQ0FDRixDQUFBO0FBRUQsU0FBUyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsU0FBUyxDQUFBO0FBQy9DLGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7O0dBR0c7QUFDSCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFDLFVBQUMsS0FBcUIsRUFBRSxHQUFvQztJQUUzRixJQUFBLFNBQVMsR0FHUCxLQUFLLFVBSEUsRUFDVCxNQUFNLEdBRUosS0FBSyxPQUZELEVBQ0gsTUFBTSxVQUNQLEtBQUssRUFKSCx1QkFJTCxDQURVLENBQ0Y7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxZQUFZLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUNoRSxPQUFPLDBDQUFTLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLG1CQUFlLE1BQU0sSUFBSSxDQUFBO0FBQ25GLENBQUMsQ0FBQyxDQUFBO0FBRUYsZUFBZSxTQUFTLENBQUEifQ==

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

@@ -1,9 +1,12 @@
-import React from 'react';
-import { View } from 'react-native';
-import { AccordionProps } from '../../components/accordion/AccordionProps';
+/// <reference types="react" />
+import { AccordionProps } from "./AccordionProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Accordion Component
  * @param children {ReactNode}
  */
-declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<View>>;
+declare const Accordion: {
+    ({ ...others }: AccordionProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default Accordion;

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

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

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Dev } from '../../objects/facets/Dev';
+import { Dev } from "../../objects";
 /**
  * Accordion Interface
  */

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { AccordionBodyProps } from '../../../components/accordion/body/AccordionBodyProps';
+import * as React from "react";
+import { AccordionBodyProps } from "./AccordionBodyProps";
 /**
  * Accordion Body Component
  * @param children {React.ReactNode} Children for Accordion body
@@ -7,5 +7,5 @@ import { AccordionBodyProps } from '../../../components/accordion/body/Accordion
  * @param className {string} Additionnal CSS Classes
  * @param testId {string} Test Id for Test Integration
  */
-declare const AccordionBody: React.ForwardRefExoticComponent<AccordionBodyProps & React.RefAttributes<HTMLDivElement>>;
+declare const AccordionBody: ({ children, className, testId, ...others }: AccordionBodyProps) => React.JSX.Element;
 export default AccordionBody;

package/lib/components/accordion/body/AccordionBody.js

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Accordion Body Component
  * @param children {React.ReactNode} Children for Accordion body
@@ -10,11 +10,13 @@ import { hashClass } from '../../../helpers/hashClassesHelpers';
  * @param className {string} Additionnal CSS Classes
  * @param testId {string} Test Id for Test Integration
  */
-var AccordionBody = React.forwardRef(function (_a, ref) {
+var AccordionBody = function (_a) {
     var children = _a.children, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "className", "testId"]);
-    return (React.createElement("div", __assign({ ref: ref, "data-accordion-body": true, "data-testid": testId, className: hashClass(clsx('accordion-body is-clipped', className)) }, others),
-        React.createElement("div", { className: hashClass(clsx('accordion-content')) }, children)));
-});
-AccordionBody.displayName = ComponentName.AccordionBody;
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("div", __assign({ "data-accordion-body": true, "data-testid": testId, className: hashClass(styled, clsx("accordion-body is-clipped", className)) }, others, { onClick: function (e) {
+            e.stopPropagation();
+        } }),
+        React.createElement("div", { className: hashClass(styled, clsx("accordion-content")) }, children)));
+};
 export default AccordionBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2JvZHkvQWNjb3JkaW9uQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7O0dBTUc7QUFDSCxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxVQUNFLEVBQThELEVBQzlELEdBQThCO0lBRDVCLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF4QyxtQ0FBMEMsQ0FBRjtJQUd4QyxPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcseUJBQ2EsSUFBSSxpQkFDWixNQUFNLEVBQ25CLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLDJCQUEyQixFQUFFLFNBQVMsQ0FBQyxDQUFDLElBQzlELE1BQU07UUFFViw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQ2xFLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsYUFBYSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsYUFBYSxDQUFBO0FBQ3ZELGVBQWUsYUFBYSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2JvZHkvQWNjb3JkaW9uQm9keS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBS0Y7SUFKbkIsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSlksbUNBS3RCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsNkRBQ3VCLElBQUksaUJBQ1osTUFBTSxFQUNuQixTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLDJCQUEyQixFQUFFLFNBQVMsQ0FBQyxDQUM3QyxJQUNHLE1BQU0sSUFDVixPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUM7UUFFRCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUN6RCxRQUFRLENBQ0wsQ0FDRixDQUNQLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGFBQWEsQ0FBQSJ9

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

@@ -1,9 +1,12 @@
-import React from 'react';
-import { View } from 'react-native';
-import { AccordionBodyProps } from '../../../components/accordion/body/AccordionBodyProps';
+/// <reference types="react" />
+import { AccordionBodyProps } from "./AccordionBodyProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Accordion Body Component
  * @param children {React.ReactNode} Children for Accordion body
  */
-declare const AccordionBody: React.ForwardRefExoticComponent<AccordionBodyProps & React.RefAttributes<View>>;
+declare const AccordionBody: {
+    ({ children, ...others }: AccordionBodyProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default AccordionBody;

package/lib/components/accordion/body/AccordionBody.native.js

@@ -1,15 +1,18 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import { View } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Accordion Body Component
  * @param children {React.ReactNode} Children for Accordion body
  */
-var AccordionBody = React.forwardRef(function (_a, ref) {
+var AccordionBody = function (_a) {
     var children = _a.children, others = __rest(_a, ["children"]);
-    return (React.createElement(View, __assign({ ref: ref }, others), children));
-});
+    var styles = StyleSheet.create({
+        accordionBody: {},
+    });
+    return (React.createElement(View, __assign({ style: [styles.accordionBody] }, others), children));
+};
 AccordionBody.displayName = ComponentName.AccordionBody;
 export default AccordionBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9ib2R5L0FjY29yZGlvbkJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHbkMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7R0FHRztBQUNILElBQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLFVBQUMsRUFBMkMsRUFBRSxHQUFvQjtJQUEvRCxJQUFBLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBckIsWUFBdUIsQ0FBRjtJQUNwQixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLElBQU0sTUFBTSxHQUN2QixRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxhQUFhLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxhQUFhLENBQUE7QUFDdkQsZUFBZSxhQUFhLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9ib2R5L0FjY29yZGlvbkJvZHkubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7R0FHRztBQUNILElBQU0sYUFBYSxHQUFHLFVBQUMsRUFHRjtJQUZuQixJQUFBLFFBQVEsY0FBQSxFQUNMLE1BQU0sY0FGWSxZQUd0QixDQURVO0lBRVQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixhQUFhLEVBQUUsRUFBRTtLQUNsQixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxhQUFhLENBQUMsSUFBTSxNQUFNLEdBQzVDLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxhQUFhLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxhQUFhLENBQUE7QUFFdkQsZUFBZSxhQUFhLENBQUEifQ==

package/lib/components/accordion/body/AccordionBodyProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Dev } from '../../../objects/facets/Dev';
+import { Dev } from "../../../objects";
 /**
  * Accordion Body Interface
  */

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

@@ -1,2 +1,2 @@
-import AccordionBody from '../../../components/accordion/body/AccordionBody';
+import AccordionBody from './AccordionBody';
 export default AccordionBody;

package/lib/components/accordion/body/index.js

@@ -1,3 +1,3 @@
-import AccordionBody from '../../../components/accordion/body/AccordionBody';
+import AccordionBody from './AccordionBody';
 export default AccordionBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9ib2R5L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sYUFBYSxNQUFNLDJDQUEyQyxDQUFBO0FBRXJFLGVBQWUsYUFBYSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9ib2R5L2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sYUFBYSxNQUFNLGlCQUFpQixDQUFBO0FBRTNDLGVBQWUsYUFBYSxDQUFBIn0=

package/lib/components/accordion/header/AccordionHeader.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { AccordionHeaderProps } from '../../../components/accordion/header/AccordionHeaderProps';
+import * as React from "react";
+import { AccordionHeaderProps } from "./AccordionHeaderProps";
 /**
  * Accordion Header
  * @param className {string} Additionnal CSS Classes
@@ -7,5 +7,5 @@ import { AccordionHeaderProps } from '../../../components/accordion/header/Accor
  * @param testId
  * @param others
  */
-declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLElement>>;
+declare const AccordionHeader: ({ children, className, testId, ...others }: AccordionHeaderProps) => React.JSX.Element;
 export default AccordionHeader;

package/lib/components/accordion/header/AccordionHeader.js

@@ -1,8 +1,8 @@
 import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Accordion Header
  * @param className {string} Additionnal CSS Classes
@@ -10,10 +10,10 @@ import { hashClass } from '../../../helpers/hashClassesHelpers';
  * @param testId
  * @param others
  */
-var AccordionHeader = React.forwardRef(function (_a, ref) {
+var AccordionHeader = function (_a) {
     var children = _a.children, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "className", "testId"]);
-    return (React.createElement("summary", __assign({ ref: ref, "data-accordion-header": true, className: hashClass(clsx('accordion-header', className)), role: 'button', "data-testid": testId }, others), children));
-});
-AccordionHeader.displayName = ComponentName.AccordionHeader;
+    var styled = useTrilogyContext().styled;
+    return (React.createElement("summary", __assign({ "data-accordion-header": true, className: hashClass(styled, clsx("accordion-header", className)), role: 'button' }, others, { "data-testid": testId }), children));
+};
 export default AccordionHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vaGVhZGVyL0FjY29yZGlvbkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7O0dBTUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxVQUNFLEVBQWdFLEVBQ2hFLEdBQTJCO0lBRHpCLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUF4QyxtQ0FBMEMsQ0FBRjtJQUd4QyxPQUFPLENBQ0wsMENBQ0UsR0FBRyxFQUFFLEdBQUcsMkJBQ2UsSUFBSSxFQUMzQixTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUN6RCxJQUFJLEVBQUMsUUFBUSxpQkFDQSxNQUFNLElBQ2YsTUFBTSxHQUVULFFBQVEsQ0FDRCxDQUNYLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUNELGVBQWUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGVBQWUsQ0FBQTtBQUMzRCxlQUFlLGVBQWUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vaGVhZGVyL0FjY29yZGlvbkhlYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7O0dBTUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxVQUFDLEVBS0Y7SUFKckIsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSmMsbUNBS3hCLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsbUVBQ3lCLElBQUksRUFDM0IsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGtCQUFrQixFQUFFLFNBQVMsQ0FBQyxDQUFDLEVBQ2pFLElBQUksRUFBQyxRQUFRLElBQ1QsTUFBTSxtQkFDRyxNQUFNLEtBRWxCLFFBQVEsQ0FDRCxDQUNYLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLGVBQWUsQ0FBQSJ9

package/lib/components/accordion/header/AccordionHeader.native.d.ts

@@ -1,9 +1,12 @@
-import React from 'react';
-import { View } from 'react-native';
-import { AccordionHeaderProps } from '../../../components/accordion/header/AccordionHeaderProps';
+/// <reference types="react" />
+import { AccordionHeaderProps } from "./AccordionHeaderProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Accordion Header
  * @param children {React.ReactNode}
  */
-declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<View>>;
+declare const AccordionHeader: {
+    ({ children }: AccordionHeaderProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default AccordionHeader;

package/lib/components/accordion/header/AccordionHeader.native.js

@@ -1,21 +1,21 @@
-import React from 'react';
-import { StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from "react";
+import { StyleSheet, View } from "react-native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Accordion Header
  * @param children {React.ReactNode}
  */
-var AccordionHeader = React.forwardRef(function (_a, ref) {
+var AccordionHeader = function (_a) {
     var children = _a.children;
     var styles = StyleSheet.create({
         header: {
-            maxWidth: '95%',
-            minWidth: '95%',
-            width: '95%',
+            maxWidth: "95%",
+            minWidth: "95%",
+            width: "95%"
         },
     });
-    return (React.createElement(View, { ref: ref, style: styles.header }, children));
-});
+    return React.createElement(View, { style: styles.header }, children);
+};
 AccordionHeader.displayName = ComponentName.AccordionHeader;
 export default AccordionHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2hlYWRlci9BY2NvcmRpb25IZWFkZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7R0FHRztBQUNILElBQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxFQUFrQyxFQUFFLEdBQW9CO1FBQXRELFFBQVEsY0FBQTtJQUNsRCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE1BQU0sRUFBRTtZQUNOLFFBQVEsRUFBRSxLQUFLO1lBQ2YsUUFBUSxFQUFFLEtBQUs7WUFDZixLQUFLLEVBQUUsS0FBSztTQUNiO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxNQUFNLENBQUMsTUFBTSxJQUNqQyxRQUFRLENBQ0osQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxlQUFlLENBQUE7QUFDM0QsZUFBZSxlQUFlLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2hlYWRlci9BY2NvcmRpb25IZWFkZXIubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUvQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxlQUFlLEdBQUcsVUFBQyxFQUFrQztRQUFoQyxRQUFRLGNBQUE7SUFDakMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixRQUFRLEVBQUUsS0FBSztZQUNmLFFBQVEsRUFBRSxLQUFLO1lBQ2YsS0FBSyxFQUFFLEtBQUs7U0FDYjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsTUFBTSxJQUFHLFFBQVEsQ0FBUSxDQUFBO0FBQ3RELENBQUMsQ0FBQTtBQUVELGVBQWUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGVBQWUsQ0FBQTtBQUUzRCxlQUFlLGVBQWUsQ0FBQSJ9

package/lib/components/accordion/header/AccordionHeaderProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { Dev } from '../../../objects/facets/Dev';
+import { Dev } from '../../../objects';
 /**
  * AccordionHeader Interface
  */

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

@@ -1,2 +1,2 @@
-import AccordionHeader from '../../../components/accordion/header/AccordionHeader';
+import AccordionHeader from './AccordionHeader';
 export default AccordionHeader;

package/lib/components/accordion/header/index.js

@@ -1,3 +1,3 @@
-import AccordionHeader from '../../../components/accordion/header/AccordionHeader';
+import AccordionHeader from './AccordionHeader';
 export default AccordionHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9oZWFkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxlQUFlLE1BQU0sK0NBQStDLENBQUE7QUFFM0UsZUFBZSxlQUFlLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9oZWFkZXIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxlQUFlLE1BQU0sbUJBQW1CLENBQUE7QUFFL0MsZUFBZSxlQUFlLENBQUEifQ==

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

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

package/lib/components/accordion/index.js

@@ -1,5 +1,6 @@
-export { default as Accordion } from '../../components/accordion/Accordion';
-export { default as AccordionBody } from '../../components/accordion/body';
-export { default as AccordionHeader } from '../../components/accordion/header';
-export { default as AccordionItem } from '../../components/accordion/item';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsT0FBTyxJQUFJLFNBQVMsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ3ZFLE9BQU8sRUFBRSxPQUFPLElBQUksYUFBYSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDdEUsT0FBTyxFQUFFLE9BQU8sSUFBSSxlQUFlLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQTtBQUMxRSxPQUFPLEVBQUUsT0FBTyxJQUFJLGFBQWEsRUFBRSxNQUFNLDZCQUE2QixDQUFBIn0=
+import Accordion from './Accordion';
+import AccordionItem from './item';
+import AccordionHeader from './header';
+import AccordionBody from './body';
+export { Accordion, AccordionItem, AccordionHeader, AccordionBody };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxhQUFhLENBQUE7QUFDbkMsT0FBTyxhQUFhLE1BQU0sUUFBUSxDQUFBO0FBQ2xDLE9BQU8sZUFBZSxNQUFNLFVBQVUsQ0FBQTtBQUN0QyxPQUFPLGFBQWEsTUFBTSxRQUFRLENBQUE7QUFFbEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLGFBQWEsRUFBRSxDQUFBIn0=

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

@@ -1,5 +1,5 @@
-import React from 'react';
-import { AccordionItemProps } from '../../../components/accordion/item/AccordionItemProps';
+/// <reference types="react" />
+import { AccordionItemProps } from "./AccordionItemProps";
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
@@ -11,5 +11,5 @@ import { AccordionItemProps } from '../../../components/accordion/item/Accordion
  * @param onOpen {Function} onOpen Accordion Item Function
  * @param onClose {Function} onClose Accordion Item Function
  */
-declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDetailsElement>>;
+declare const AccordionItem: ({ active, className, children, id, onClick, disabled, onClose, onOpen, ...others }: AccordionItemProps) => JSX.Element;
 export default AccordionItem;

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

@@ -1,10 +1,9 @@
-import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { useAccordionItem } from '../../../components/accordion/item/hook/useAccordionItem';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { mergeRefs } from '../../../helpers/mergeRefs';
+import { __assign, __read, __rest } from "tslib";
+import React, { useEffect, useRef, useState } from "react";
+import shortid from "shortid";
+import clsx from "clsx";
+import { hashClass } from "../../../helpers";
+import { useTrilogyContext } from "../../../context";
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
@@ -16,16 +15,38 @@ import { mergeRefs } from '../../../helpers/mergeRefs';
  * @param onOpen {Function} onOpen Accordion Item Function
  * @param onClose {Function} onClose Accordion Item Function
  */
-var AccordionItem = React.forwardRef(function (_a, ref) {
-    var active = _a.active, className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? React.useId() : _b, onClick = _a.onClick, disabled = _a.disabled, onClose = _a.onClose, onOpen = _a.onOpen, others = __rest(_a, ["active", "className", "children", "id", "onClick", "disabled", "onClose", "onOpen"]);
-    var _c = useAccordionItem({
-        active: active,
-        onOpen: onOpen,
-        onClick: onClick,
-        onClose: onClose,
-    }), isActive = _c.isActive, collapsedHeight = _c.collapsedHeight, expandedHeight = _c.expandedHeight, localRef = _c.localRef, handleClick = _c.handleClick;
-    var classes = hashClass(clsx('accordion', className));
-    var ariaProps = {};
+var AccordionItem = function (_a) {
+    var active = _a.active, className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, onClick = _a.onClick, disabled = _a.disabled, onClose = _a.onClose, onOpen = _a.onOpen, others = __rest(_a, ["active", "className", "children", "id", "onClick", "disabled", "onClose", "onOpen"]);
+    var ref = useRef(null);
+    var styled = useTrilogyContext().styled;
+    var _c = __read(useState(active || false), 2), isActive = _c[0], setIsActive = _c[1];
+    var _d = __read(useState(), 2), expandedHeight = _d[0], setExpandedHeight = _d[1];
+    var _e = __read(useState(), 2), collapsedHeight = _e[0], setCollapsedHeight = _e[1];
+    // 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(function () {
+        var _a;
+        var e = ref.current;
+        if (!e) {
+            return;
+        }
+        var floor = Math.floor, abs = Math.abs;
+        var firstChild = (_a = e === null || e === void 0 ? void 0 : e.children[1]) === null || _a === void 0 ? void 0 : _a.firstChild;
+        var expandedInactive = floor(abs(e.clientHeight + (firstChild === null || firstChild === void 0 ? void 0 : firstChild.clientHeight))).toString();
+        var expandedActive = floor(abs(e.clientHeight)).toString();
+        var collapsedInactive = floor(abs(e.clientHeight + 1)).toString();
+        var collapsedActive = floor(abs(e.children[0].clientHeight)).toString();
+        setExpandedHeight(isActive ? expandedActive : expandedInactive);
+        setCollapsedHeight(isActive ? collapsedActive : collapsedInactive);
+    }, [isActive]);
+    useEffect(function () {
+        setIsActive(active || false);
+    }, [active]);
+    var classes = hashClass(styled, clsx("accordion", className));
     var childrenElement;
     if (children) {
         childrenElement = Array.isArray(children)
@@ -37,12 +58,19 @@ var AccordionItem = React.forwardRef(function (_a, ref) {
             })
             : children;
     }
+    var ariaProps = {};
     if (disabled) {
-        ariaProps['tabIndex'] = -1;
-        ariaProps['aria-disabled'] = true;
+        ariaProps["tabIndex"] = -1;
+        ariaProps["aria-disabled"] = true;
     }
-    return (React.createElement("details", __assign({ open: isActive, "data-testid": id, className: classes, ref: mergeRefs([localRef, ref]), id: id, "data-collapsed": collapsedHeight, "data-expanded": expandedHeight, onClick: handleClick }, ariaProps, others), childrenElement));
-});
-AccordionItem.displayName = ComponentName.AccordionItem;
+    return (React.createElement("details", __assign({ open: isActive }, ariaProps, { "data-testid": id, className: classes, ref: ref, id: id }, others, { "data-collapsed": collapsedHeight, "data-expanded": expandedHeight, onClick: function (e) {
+            if (onOpen && !isActive)
+                onOpen(e);
+            if (onClose && isActive)
+                onClose(e);
+            if (onClick)
+                onClick(e);
+        } }), childrenElement));
+};
 export default AccordionItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vQWNjb3JkaW9uSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekIsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sbURBQW1ELENBQUE7QUFDcEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFL0M7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLFVBQ0UsRUFVcUIsRUFDckIsR0FBa0M7SUFWaEMsSUFBQSxNQUFNLFlBQUEsRUFDTixTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixVQUFrQixFQUFsQixFQUFFLG1CQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsS0FBQSxFQUNsQixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBVFgscUZBVUMsQ0FEVTtJQUlMLElBQUEsS0FBdUUsZ0JBQWdCLENBQUM7UUFDNUYsTUFBTSxRQUFBO1FBQ04sTUFBTSxRQUFBO1FBQ04sT0FBTyxTQUFBO1FBQ1AsT0FBTyxTQUFBO0tBQ1IsQ0FBQyxFQUxNLFFBQVEsY0FBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxjQUFjLG9CQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsV0FBVyxpQkFLdEUsQ0FBQTtJQUVGLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDdkQsSUFBTSxTQUFTLEdBQXFELEVBQUUsQ0FBQTtJQUV0RSxJQUFJLGVBQWUsQ0FBQTtJQUNuQixJQUFJLFFBQVEsRUFBRTtRQUNaLGVBQWUsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDLFFBQVEsQ0FBQztZQUN2QyxDQUFDLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxVQUFDLEtBQUssRUFBRSxLQUFhO2dCQUNoQyxPQUFPLEtBQUssQ0FBQyxZQUFZLENBQUMsS0FBMkIsRUFBRTtvQkFDckQsR0FBRyxFQUFFLGtCQUFXLEtBQUssQ0FBRTtvQkFDdkIsUUFBUSxVQUFBO2lCQUNULENBQUMsQ0FBQTtZQUNKLENBQUMsQ0FBQztZQUNKLENBQUMsQ0FBQyxRQUFRLENBQUE7S0FDYjtJQUVELElBQUksUUFBUSxFQUFFO1FBQ1osU0FBUyxDQUFDLFVBQVUsQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFBO1FBQzFCLFNBQVMsQ0FBQyxlQUFlLENBQUMsR0FBRyxJQUFJLENBQUE7S0FDbEM7SUFFRCxPQUFPLENBQ0wsMENBQ0UsSUFBSSxFQUFFLFFBQVEsaUJBQ0QsRUFBRSxFQUNmLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEdBQUcsRUFBRSxTQUFTLENBQUMsQ0FBQyxRQUFRLEVBQUUsR0FBRyxDQUFDLENBQUMsRUFDL0IsRUFBRSxFQUFFLEVBQUUsb0JBQ1UsZUFBZSxtQkFDaEIsY0FBYyxFQUM3QixPQUFPLEVBQUUsV0FBVyxJQUNoQixTQUFTLEVBQ1QsTUFBTSxHQUVULGVBQWUsQ0FDUixDQUNYLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELGFBQWEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLGFBQWEsQ0FBQTtBQUN2RCxlQUFlLGFBQWEsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vQWNjb3JkaW9uSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDMUQsT0FBTyxPQUFPLE1BQU0sU0FBUyxDQUFBO0FBRTdCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQVVGO0lBVG5CLElBQUEsTUFBTSxZQUFBLEVBQ04sU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsVUFBdUIsRUFBdkIsRUFBRSxtQkFBRyxPQUFPLENBQUMsUUFBUSxFQUFFLEtBQUEsRUFDdkIsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsT0FBTyxhQUFBLEVBQ1AsTUFBTSxZQUFBLEVBQ0gsTUFBTSxjQVRZLHFGQVV0QixDQURVO0lBRVQsSUFBTSxHQUFHLEdBQUcsTUFBTSxDQUFxQixJQUFJLENBQUMsQ0FBQTtJQUNwQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUVoQyxJQUFBLEtBQUEsT0FBMEIsUUFBUSxDQUFVLE1BQU0sSUFBSSxLQUFLLENBQUMsSUFBQSxFQUEzRCxRQUFRLFFBQUEsRUFBRSxXQUFXLFFBQXNDLENBQUE7SUFDNUQsSUFBQSxLQUFBLE9BQXNDLFFBQVEsRUFBVSxJQUFBLEVBQXZELGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUFzQixDQUFBO0lBQ3hELElBQUEsS0FBQSxPQUF3QyxRQUFRLEVBQVUs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

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

@@ -1,6 +1,6 @@
-import React from 'react';
-import { View } from 'react-native';
-import { AccordionItemProps } from '../../../components/accordion/item/AccordionItemProps';
+/// <reference types="react" />
+import { AccordionItemProps } from "./AccordionItemProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
@@ -11,5 +11,8 @@ import { AccordionItemProps } from '../../../components/accordion/item/Accordion
  * @param disabled {boolean} Disabled AccordionItem
  * @param children
  */
-declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<View>>;
+declare const AccordionItem: {
+    ({ active, id, onClick, disabled, onOpen, onClose, children, ...others }: AccordionItemProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default AccordionItem;