@trilogy-ds/react 0.0.1-beta-152 → 0.0.1-beta-timepicker

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

@@ -1,11 +1,11 @@
 import * as React from 'react';
-import { AccordionProps } from './AccordionProps';
+import { AccordionProps } from '../../components/accordion/AccordionProps';
 /**
  * Accordion Component
  * @param id
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param children
  * @param others
  */
-declare const Accordion: ({ id, className, children, ...others }: AccordionProps) => React.JSX.Element;
+declare const Accordion: React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>>;
 export default Accordion;

package/lib/components/accordion/Accordion.js

@@ -1,20 +1,22 @@
 import { __assign, __rest } from "tslib";
 import * as React from 'react';
-import clsx from 'clsx';
+import { ComponentName } from '../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../context/index';
 import { hashClass } from '../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
 /**
  * Accordion Component
  * @param id
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param children
  * @param others
  */
-var Accordion = function (_a) {
+var Accordion = React.forwardRef(function (_a, ref) {
     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));
-};
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes }, others), children));
+});
+Accordion.displayName = ComponentName.Accordion;
 export default Accordion;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUV4RDs7Ozs7O0dBTUc7QUFDSCxJQUFNLFNBQVMsR0FBRyxVQUFDLEVBQXNEO0lBQXBELElBQUEsRUFBRSxRQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUM3QyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUMvRCxPQUFPLENBQ0wsc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsT0FBTyxJQUFNLE1BQU0sR0FDeEMsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsU0FBUyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vQWNjb3JkaW9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkI7Ozs7OztHQU1HO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBK0IsVUFBQyxFQUFzQyxFQUFFLEdBQUc7SUFBekMsSUFBQSxFQUFFLFFBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQzVGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFdBQVcsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBRS9ELE9BQU8sQ0FDTCxzQ0FBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ2xELFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUNGLFNBQVMsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFNBQVMsQ0FBQTtBQUMvQyxlQUFlLFNBQVMsQ0FBQSJ9

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

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

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

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

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

@@ -2,7 +2,10 @@
 /**
  * Accordion Interface
  */
+import { View } from 'react-native';
 import { CommonProps } from '../../objects/facets/CommonProps';
 export interface AccordionProps extends CommonProps {
     children: React.ReactNode;
 }
+export type AccordionRef = HTMLDivElement;
+export type AccordionNativeRef = View;

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

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { AccordionItemProps } from './AccordionItemProps';
+import { AccordionItemProps } from '../../../components/accordion/item/AccordionItemProps';
+import React from 'react';
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param id {string} id for accordion item
  * @param onClick {ClickEvent} onClick Event
  * @param disabled {boolean} Disabled AccordionItem
  * @param children {ReactNode}
  */
-declare const AccordionItem: ({ open, className, children, id, onClick, disabled, ...others }: AccordionItemProps) => JSX.Element;
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & React.RefAttributes<HTMLDetailsElement>>;
 export default AccordionItem;

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

@@ -1,21 +1,20 @@
 import { __assign, __rest } from "tslib";
-import React, { useRef } from 'react';
-import shortid from 'shortid';
-import clsx from 'clsx';
-import { hashClass } from '../../../helpers';
+import { ComponentName } from '../../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import React from 'react';
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param id {string} id for accordion item
  * @param onClick {ClickEvent} onClick Event
  * @param disabled {boolean} Disabled AccordionItem
  * @param children {ReactNode}
  */
-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 AccordionItem = React.forwardRef(function (_a, ref) {
+    var open = _a.open, className = _a.className, children = _a.children, _b = _a.id, id = _b === void 0 ? React.useId() : _b, onClick = _a.onClick, disabled = _a.disabled, others = __rest(_a, ["open", "className", "children", "id", "onClick", "disabled"]);
     var styled = useTrilogyContext().styled;
     var classes = hashClass(styled, clsx('accordion-item', className));
     var ariaProps = {};
@@ -23,7 +22,21 @@ var AccordionItem = function (_a) {
         ariaProps['tabIndex'] = -1;
         ariaProps['aria-disabled'] = true;
     }
-    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));
-};
+    return (React.createElement("details", __assign({ open: open }, ariaProps, { "data-testid": id, className: classes, ref: ref, id: id }, others, { onClick: function (e) {
+            if (disabled) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+            if (onClick && !disabled) {
+                onClick(e);
+            }
+        }, onKeyDown: function (e) {
+            if (disabled) {
+                e.preventDefault();
+                e.stopPropagation();
+            }
+        } }), children));
+});
+AccordionItem.displayName = ComponentName.AccordionItem;
 export default AccordionItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vQWNjb3JkaW9uSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3JDLE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGFBQWEsR0FBRyxVQUFDLEVBUUY7SUFQbkIsSUFBQSxJQUFJLFVBQUEsRUFDSixTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixPQUFPLGFBQUEsRUFDUCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBUFksOERBUXRCLENBRFU7SUFFVCxJQUFNLEdBQUcsR0FBRyxNQUFNLENBQXFCLElBQUksQ0FBQyxDQUFBO0lBQ3BDLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGdCQUFnQixFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFcEUsSUFBTSxTQUFTLEdBQXFELEVBQUUsQ0FBQTtJQUV0RSxJQUFJLFFBQVEsRUFBRTtRQUNaLFNBQVMsQ0FBQyxVQUFVLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQTtRQUMxQixTQUFTLENBQUMsZUFBZSxDQUFDLEdBQUcsSUFBSSxDQUFBO0tBQ2xDO0lBRUQsT0FBTyxDQUNMLDBDQUNFLElBQUksRUFBRSxJQUFJLElBQ04sU0FBUyxtQkFDQSxFQUFFLEVBQ2YsU0FBUyxFQUFFLE9BQU8sRUFDbEIsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxJQUNGLE1BQU0sSUFDVixPQUFPLEVBQUUsVUFBQyxDQUFlLElBQUssT0FBQSxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsRUFBN0IsQ0FBNkIsS0FFMUQsUUFBUSxDQUNELENBQ1gsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsYUFBYSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vQWNjb3JkaW9uSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUNBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxVQUFDLEVBQStFLEVBQUUsR0FBRztJQUFsRixJQUFBLElBQUksVUFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUssTUFBTSxjQUE3RSw4REFBK0UsQ0FBRjtJQUNwRSxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ3BFLElBQU0sU0FBUyxHQUFxRCxFQUFFLENBQUE7SUFFdEUsSUFBSSxRQUFRLEVBQUU7UUFDWixTQUFTLENBQUMsVUFBVSxDQUFDLEdBQUcsQ0FBQyxDQUFDLENBQUE7UUFDMUIsU0FBUyxDQUFDLGVBQWUsQ0FBQyxHQUFHLElBQUksQ0FBQTtLQUNsQztJQUVELE9BQU8sQ0FDTCwwQ0FDRSxJQUFJLEVBQUUsSUFBSSxJQUNOLFNBQVMsbUJBQ0EsRUFBRSxFQUNmLFNBQVMsRUFBRSxPQUFPLEVBQ2xCLEdBQUcsRUFBRSxHQUFHLEVBQ1IsRUFBRSxFQUFFLEVBQUUsSUFDRixNQUFNLElBQ1YsT0FBTyxFQUFFLFVBQUMsQ0FBQztZQUNULElBQUksUUFBUSxFQUFFO2dCQUNaLENBQUMsQ0FBQyxjQUFjLEVBQUUsQ0FBQTtnQkFDbEIsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO2FBQ3BCO1lBQ0QsSUFBSSxPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUU7Z0JBQ3hCLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTthQUNYO1FBQ0gsQ0FBQyxFQUNELFNBQVMsRUFBRSxVQUFDLENBQUM7WUFDWCxJQUFJLFFBQVEsRUFBRTtnQkFDWixDQUFDLENBQUMsY0FBYyxFQUFFLENBQUE7Z0JBQ2xCLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTthQUNwQjtRQUNILENBQUMsS0FFQSxRQUFRLENBQ0QsQ0FDWCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxhQUFhLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxhQUFhLENBQUE7QUFDdkQsZUFBZSxhQUFhLENBQUEifQ==

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

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

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

@@ -1,12 +1,11 @@
 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";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { Icon, IconSize } from '../../../components/icon';
+import { IconName } from '../../../components/icon/IconNameEnum';
+import { Spacer, SpacerSize } from '../../../components/spacer';
+import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import React, { isValidElement, useEffect, useRef, useState } from 'react';
+import { Animated, Easing, StyleSheet, TouchableWithoutFeedback, View } from 'react-native';
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
@@ -15,9 +14,9 @@ import { ComponentName } from "../../../components/enumsComponentsName";
  * @param disabled {boolean} Disabled AccordionItem
  * @param children
  */
-var AccordionItem = function (_a) {
+var AccordionItem = React.forwardRef(function (_a, ref) {
     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 _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({
@@ -26,27 +25,24 @@ var AccordionItem = function (_a) {
     }), 2), childs = _d[0], setChilds = _d[1];
     var styles = StyleSheet.create({
         item: {
-            width: "100%",
+            width: '100%',
             padding: 5,
             borderRadius: 6,
-            backgroundColor: disabled
-                ? getColorStyle(TrilogyColor.DISABLED_FADE)
-                : getColorStyle(TrilogyColor.BACKGROUND),
+            backgroundColor: disabled ? getColorStyle(TrilogyColor.DISABLED_FADE) : getColorStyle(TrilogyColor.BACKGROUND),
             borderWidth: 1,
-            borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) ||
-                getColorStyle(TrilogyColor.NEUTRAL)
+            borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED_FADE)) || getColorStyle(TrilogyColor.NEUTRAL),
         },
         bodyBackground: {
             borderRadius: 6,
             backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
-            overflow: "hidden",
+            overflow: 'hidden',
         },
         titleContainer: {
-            minWidth: "100%",
-            display: "flex",
-            flexDirection: "row",
-            justifyContent: "space-between",
-            alignItems: "center",
+            minWidth: '100%',
+            display: 'flex',
+            flexDirection: 'row',
+            justifyContent: 'space-between',
+            alignItems: 'center',
             paddingLeft: 10,
             paddingRight: 5,
             paddingTop: 5,
@@ -57,9 +53,11 @@ var AccordionItem = function (_a) {
             padding: 10,
             paddingLeft: 10,
             paddingRight: 10,
-            position: "absolute",
+            position: 'absolute',
             bottom: 0,
             borderRadius: 6,
+            left: 0,
+            right: 0,
         },
     });
     var bodyHeight = animatedController.interpolate({
@@ -68,7 +66,7 @@ var AccordionItem = function (_a) {
     });
     var arrowAngle = animatedController.interpolate({
         inputRange: [0, 1],
-        outputRange: ["0rad", "".concat(Math.PI, "rad")],
+        outputRange: ['0rad', "".concat(Math.PI, "rad")],
     });
     useEffect(function () {
         setIsActive(open || false);
@@ -99,16 +97,15 @@ var AccordionItem = function (_a) {
         var newChilds = {};
         if (Array.isArray(children)) {
             children.forEach(function (child) {
-                if (child &&
-                    typeof child === "object" &&
-                    "type" in child &&
-                    typeof child.type === "function" &&
-                    hasDisplayName(child.type)) {
-                    switch (child.type.displayName) {
-                        case "AccordionHeader":
+                var _a;
+                if (isValidElement(child) && child.type) {
+                    var childType = child.type;
+                    var childName = (childType === null || childType === void 0 ? void 0 : childType.displayName) || ((_a = childType === null || childType === void 0 ? void 0 : childType.render) === null || _a === void 0 ? void 0 : _a.displayName);
+                    switch (childName) {
+                        case 'AccordionHeader':
                             newChilds.header = child;
                             break;
-                        case "AccordionBody":
+                        case 'AccordionBody':
                             newChilds.body = child;
                             break;
                         default:
@@ -120,8 +117,8 @@ var AccordionItem = function (_a) {
         }
     }, [children]);
     return (React.createElement(React.Fragment, null,
-        React.createElement(View, { style: styles.item },
-            React.createElement(TouchableWithoutFeedback, __assign({ style: styles.item, testID: id || "", 
+        React.createElement(View, { style: styles.item, ref: ref },
+            React.createElement(TouchableWithoutFeedback, __assign({ style: styles.item, testID: id || '', 
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 onPress: function (e) {
                     if (!disabled) {
@@ -141,7 +138,7 @@ var AccordionItem = function (_a) {
                         setBodySectionHeight(e.nativeEvent.layout.height);
                     } }, childs.body && React.createElement(View, null, childs.body)))),
         React.createElement(Spacer, { size: SpacerSize.TWO })));
-};
+});
 AccordionItem.displayName = ComponentName.AccordionItem;
 export default AccordionItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL0FjY29yZGlvbkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLEVBQ0wsUUFBUSxFQUNSLE1BQU0sRUFDTixVQUFVLEVBQ1Ysd0JBQXdCLEVBQ3hCLElBQUksR0FDTCxNQUFNLGNBQWMsQ0FBQTtBQUVyQixPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDekQsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQU9oRTs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQU9GO0lBTm5CLElBQUEsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQU5ZLGlEQU90QixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQTBCLFFBQVEsQ0FDdEMsT0FBTyxDQUFDLE9BQU8sSUFBSSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FDcEQsSUFBQSxFQUZNLFFBQVEsUUFBQSxFQUFFLFdB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL0FjY29yZGlvbkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQ3pELE9BQU8sRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssRUFBRSxFQUFFLGNBQWMsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRSxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsd0JBQXdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBUTNGOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLGFBQWEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNwQyxVQUFDLEVBQW9ELEVBQUUsR0FBRztJQUF2RCxJQUFBLElBQUksVUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBbEQsaURBQW9ELENBQUY7SUFDM0MsSUFBQSxLQUFBLE9BQTBCLFFBQVEsQ0FBVSxPQUFPLENBQUMsT0FBTyxJQUFJLEtBQUssV0FBVyxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUssQ0FBQyxDQUFDLElBQUEsRUFBL0YsUUFBUSxRQUFBLEVBQUUsV0FB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

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { View } from 'react-native';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 export type TargetElement = HTMLElement & {
     active?: boolean;
@@ -22,3 +23,5 @@ export interface AccordionItemProps extends CommonProps {
     onClick?: OnClickCallback;
     disabled?: boolean;
 }
+export type AccordionItemRef = HTMLDetailsElement;
+export type AccordionItemNativeRef = View;

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

@@ -4,8 +4,8 @@ import { AccordionBodyProps } from './AccordionBodyProps';
  * Accordion Body Component
  * @param children {React.ReactNode} Children for Accordion body
  * - ------------------ WEB PROPERTIES -----------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param dataId {string} data attribute
  */
-declare const AccordionBody: ({ children, className, id, ...others }: AccordionBodyProps) => React.JSX.Element;
+declare const AccordionBody: React.ForwardRefExoticComponent<AccordionBodyProps & React.RefAttributes<HTMLDivElement>>;
 export default AccordionBody;

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

@@ -1,19 +1,23 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import clsx from 'clsx';
-import { hashClass } from '../../../../helpers';
+import { ComponentName } from '../../../../components/enumsComponentsName';
 import { useTrilogyContext } from '../../../../context';
+import { hashClass } from '../../../../helpers/hashClassesHelpers';
+import clsx from 'clsx';
+import * as React from 'react';
 /**
  * Accordion Body Component
  * @param children {React.ReactNode} Children for Accordion body
  * - ------------------ WEB PROPERTIES -----------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param dataId {string} data attribute
  */
-var AccordionBody = function (_a) {
+var AccordionBody = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, id = _a.id, others = __rest(_a, ["children", "className", "id"]);
     var styled = useTrilogyContext().styled;
-    return (React.createElement("div", __assign({ id: id, className: hashClass(styled, clsx('accordion-body', className)) }, others), children));
-};
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: hashClass(styled, clsx('accordion-body', className)), onClick: function (e) {
+            e.stopPropagation();
+        } }, others), children));
+});
+AccordionBody.displayName = ComponentName.AccordionBody;
 export default AccordionBody;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vYm9keS9BY2NvcmRpb25Cb2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sYUFBYSxHQUFHLFVBQUMsRUFBMEQ7SUFBeEQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQ2pELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxJQUFNLE1BQU0sR0FDckYsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELGVBQWUsYUFBYSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vYm9keS9BY2NvcmRpb25Cb2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7R0FNRztBQUNILElBQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLFVBQUMsRUFBc0MsRUFBRSxHQUFHO0lBQXpDLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMzQixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUMvRCxPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsYUFBYSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsYUFBYSxDQUFBO0FBQ3ZELGVBQWUsYUFBYSxDQUFBIn0=

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

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

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

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

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

@@ -1,9 +1,12 @@
 /// <reference types="react" />
-import { CommonProps } from '../../../../objects/facets/CommonProps';
 import { Dev } from '../../../../objects';
+import { View } from 'react-native';
+import { CommonProps } from '../../../../objects/facets/CommonProps';
 /**
  * Accordion Body Interface
  */
 export interface AccordionBodyProps extends Dev, CommonProps {
     children?: React.ReactNode;
 }
+export type AccordionBodyRef = HTMLDivElement;
+export type AccordionBodyNativeRef = View;

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

@@ -2,10 +2,10 @@ import * as React from 'react';
 import { AccordionHeaderProps } from './AccordionHeaderProps';
 /**
  * Accordion Header
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param children {React.ReactNode}
  * @param testId
  * @param others
  */
-declare const AccordionHeader: ({ children, className, id, ...others }: AccordionHeaderProps) => React.JSX.Element;
+declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLSourceElement>>;
 export default AccordionHeader;

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

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

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

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

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

@@ -1,21 +1,21 @@
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { ComponentName } from "../../../../components/enumsComponentsName";
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
  * Accordion Header
  * @param children {React.ReactNode}
  */
-var AccordionHeader = function (_a) {
+var AccordionHeader = React.forwardRef(function (_a, ref) {
     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, { style: styles.header }, children);
-};
+    return (React.createElement(View, { ref: ref, style: styles.header }, children));
+});
 AccordionHeader.displayName = ComponentName.AccordionHeader;
 export default AccordionHeader;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vaGVhZGVyL0FjY29yZGlvbkhlYWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7O0dBR0c7QUFDSCxJQUFNLGVBQWUsR0FBRyxVQUFDLEVBQWtDO1FBQWhDLFFBQVEsY0FBQTtJQUNqQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE1BQU0sRUFBRTtZQUNOLFFBQVEsRUFBRSxLQUFLO1lBQ2YsUUFBUSxFQUFFLEtBQUs7WUFDZixLQUFLLEVBQUUsS0FBSztTQUNiO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxvQkFBQyxJQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxNQUFNLElBQUcsUUFBUSxDQUFRLENBQUE7QUFDdEQsQ0FBQyxDQUFBO0FBRUQsZUFBZSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsZUFBZSxDQUFBO0FBRTNELGVBQWUsZUFBZSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vaGVhZGVyL0FjY29yZGlvbkhlYWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUcvQzs7O0dBR0c7QUFDSCxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxVQUFDLEVBQVksRUFBRSxHQUFHO1FBQWYsUUFBUSxjQUFBO0lBQ1QsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixNQUFNLEVBQUU7WUFDTixRQUFRLEVBQUUsS0FBSztZQUNmLFFBQVEsRUFBRSxLQUFLO1lBQ2YsS0FBSyxFQUFFLEtBQUs7U0FDYjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLE1BQU0sSUFDakMsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsZUFBZSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsZUFBZSxDQUFBO0FBRTNELGVBQWUsZUFBZSxDQUFBIn0=

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

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import { View } from 'react-native';
 import { CommonProps } from '../../../../objects/facets/CommonProps';
 /**
  * AccordionHeader Interface
@@ -6,3 +7,5 @@ import { CommonProps } from '../../../../objects/facets/CommonProps';
 export interface AccordionHeaderProps extends CommonProps {
     children?: React.ReactNode;
 }
+export type AccordionHeaderRef = HTMLSourceElement;
+export type AccordionHeaderNativeRef = View;