@trilogy-ds/react 0.0.1-beta-143 → 0.0.1-beta-sc-1

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

@@ -1,23 +1,24 @@
 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 React, { useEffect, useRef, useState } from 'react';
+import { Animated, Easing, StyleSheet, TouchableWithoutFeedback, View } from 'react-native';
+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';
 /**
  * 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
  */
-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 AccordionItem = function (_a, ref) {
+    var active = _a.active, id = _a.id, onClick = _a.onClick, disabled = _a.disabled, onOpen = _a.onOpen, onClose = _a.onClose, children = _a.children, others = __rest(_a, ["active", "id", "onClick", "disabled", "onOpen", "onClose", "children"]);
+    var _b = __read(useState(Boolean(typeof active !== 'undefined' ? active : 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 +27,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,7 +55,7 @@ var AccordionItem = function (_a) {
             padding: 10,
             paddingLeft: 10,
             paddingRight: 10,
-            position: "absolute",
+            position: 'absolute',
             bottom: 0,
             borderRadius: 6,
         },
@@ -68,11 +66,11 @@ 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);
-    }, [open]);
+        setIsActive(active || false);
+    }, [active]);
     var toggleListItem = function () {
         if (isActive) {
             Animated.timing(animatedController, {
@@ -93,26 +91,36 @@ var AccordionItem = function (_a) {
         setIsActive(!isActive);
     };
     useEffect(function () {
-        open ? animatedController.setValue(1) : animatedController.setValue(0);
-    }, [open]);
+        active ? animatedController.setValue(1) : animatedController.setValue(0);
+    }, [active]);
+    var isForwardRefComponent = function (element) {
+        return (typeof element === 'object' &&
+            element !== null &&
+            element.$$typeof === Symbol.for('react.forward_ref'));
+    };
+    var getDisplayName = function (component) {
+        var _a;
+        if ((_a = component === null || component === void 0 ? void 0 : component.render) === null || _a === void 0 ? void 0 : _a.displayName)
+            return component.render.displayName;
+        return null;
+    };
     useEffect(function () {
         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":
-                            newChilds.header = child;
-                            break;
-                        case "AccordionBody":
-                            newChilds.body = child;
-                            break;
-                        default:
-                            break;
+                if (React.isValidElement(child) && isForwardRefComponent(child.type)) {
+                    var displayName = getDisplayName(child.type);
+                    if (displayName) {
+                        switch (true) {
+                            case displayName.includes('AccordionHeader'):
+                                newChilds.header = child;
+                                break;
+                            case displayName.includes('AccordionBody'):
+                                newChilds.body = child;
+                                break;
+                            default:
+                                break;
+                        }
                     }
                 }
             });
@@ -120,12 +128,16 @@ 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) {
                         toggleListItem();
+                        if (onOpen && !isActive)
+                            onOpen(e);
+                        if (onClose && isActive)
+                            onClose(e);
                         if (onClick)
                             onClick(e);
                     }
@@ -143,5 +155,5 @@ var AccordionItem = function (_a) {
         React.createElement(Spacer, { size: SpacerSize.TWO })));
 };
 AccordionItem.displayName = ComponentName.AccordionItem;
-export default AccordionItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL0FjY29yZGlvbkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLEVBQ0wsUUFBUSxFQUNSLE1BQU0sRUFDTixVQUFVLEVBQ1Ysd0JBQXdCLEVBQ3hCLElBQUksR0FDTCxNQUFNLGNBQWMsQ0FBQTtBQUVyQixPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDekQsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQU9oRTs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxhQUFhLEdBQUcsVUFBQyxFQU9GO0lBTm5CLElBQUEsSUFBSSxVQUFBLEVBQ0osRUFBRSxRQUFBLEVBQ0YsT0FBTyxhQUFBLEVBQ1AsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQU5ZLGlEQU90QixDQURVO0lBRUgsSUFBQSxLQUFBLE9BQTBCLFFBQVEsQ0FDdEMsT0FBTyxDQUFDLE9BQU8sSUFBSSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FDcEQsSUFBQSxFQUZNLFFBQVEsUUFBQSxFQUFFLFdB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
+export default React.forwardRef(AccordionItem);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL0FjY29yZGlvbkl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsd0JBQXdCLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRzNGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUN6RCxPQUFPLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFPcEU7Ozs7Ozs7OztHQVNHO0FBQ0gsSUFBTSxhQUFhLEdBQUcsVUFDcEIsRUFBMkYsRUFDM0YsR0FBb0I7SUFEbEIsSUFBQSxNQUFNLFlBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJFLHdFQUF1RSxDQUFGO0lBRy9ELElBQUEsS0FBQSxPQUEwQixRQUFRLENBQVUsT0FBTyxDQUFDLE9BQU8sTUFBTSxLQUFLLFdBQVcsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsQ0FBQyxJQUFBLEVBQW5HLFFBQVEsUUFBQSxFQUFF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

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

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

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

@@ -14,7 +14,7 @@ export default {
       "ReactNode[]"
     ]
   },
-  "open": {
+  "active": {
     "type": "boolean",
     "values": [
       "undefined",
@@ -29,6 +29,20 @@ export default {
       "OnClickCallback"
     ]
   },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "id": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "disabled": {
     "type": "boolean",
     "values": [
@@ -37,18 +51,18 @@ export default {
       "true"
     ]
   },
-  "id": {
-    "type": "string",
+  "onClose": {
+    "type": "function",
     "values": [
       "undefined",
-      "string"
+      "ClickEvent"
     ]
   },
-  "className": {
-    "type": "string",
+  "onOpen": {
+    "type": "function",
     "values": [
       "undefined",
-      "string"
+      "ClickEvent"
     ]
   }
 };

package/lib/components/accordion/item/hook/useAccordionItem.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+import { OnClickCallback } from '../../../../components/accordion/item/AccordionItemProps';
+import { ClickEvent } from '../../../../events/OnClickEvent';
+interface IParams {
+    active?: boolean;
+    onClick?: OnClickCallback;
+    onClose?: ClickEvent;
+    onOpen?: ClickEvent;
+}
+export declare const useAccordionItem: ({ active, onOpen, onClick, onClose }: IParams) => {
+    isActive: boolean;
+    collapsedHeight: string | undefined;
+    expandedHeight: string | undefined;
+    localRef: React.RefObject<HTMLDetailsElement>;
+    handleClick: (e: React.MouseEvent<HTMLDetailsElement>) => void;
+} | {
+    isActive: boolean | undefined;
+    collapsedHeight?: undefined;
+    expandedHeight?: undefined;
+    localRef?: undefined;
+    handleClick?: undefined;
+};
+export {};

package/lib/components/accordion/item/hook/useAccordionItem.js

@@ -0,0 +1,47 @@
+import { __read } from "tslib";
+import React from 'react';
+export var useAccordionItem = function (_a) {
+    var active = _a.active, onOpen = _a.onOpen, onClick = _a.onClick, onClose = _a.onClose;
+    try {
+        var localRef_1 = React.useRef(null);
+        var _b = __read(React.useState(active || false), 2), isActive_1 = _b[0], setIsActive_1 = _b[1];
+        var _c = __read(React.useState(), 2), expandedHeight = _c[0], setExpandedHeight_1 = _c[1];
+        var _d = __read(React.useState(), 2), collapsedHeight = _d[0], setCollapsedHeight_1 = _d[1];
+        var handleClick = React.useCallback(function (e) {
+            if (onOpen && !isActive_1)
+                onOpen(e);
+            if (onClose && isActive_1)
+                onClose(e);
+            if (onClick)
+                onClick(e);
+        }, [onOpen, onClose, onClick, isActive_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é.
+        React.useEffect(function () {
+            var _a;
+            var e = localRef_1.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_1(isActive_1 ? expandedActive : expandedInactive);
+            setCollapsedHeight_1(isActive_1 ? collapsedActive : collapsedInactive);
+        }, [isActive_1, localRef_1]);
+        React.useEffect(function () {
+            setIsActive_1(active || false);
+        }, [active]);
+        return { isActive: isActive_1, collapsedHeight: collapsedHeight, expandedHeight: expandedHeight, localRef: localRef_1, handleClick: handleClick };
+    }
+    catch (_e) {
+        return { isActive: active };
+    }
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidXNlQWNjb3JkaW9uSXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vaG9vay91c2VBY2NvcmRpb25JdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBWXpCLE1BQU0sQ0FBQyxJQUFNLGdCQUFnQixHQUFHLFVBQUMsRUFBNkM7UUFBM0MsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBO0lBQ2pFLElBQUk7UUFDRixJQUFNLFVBQVEsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFxQixJQUFJLENBQUMsQ0FBQTtRQUVqRCxJQUFBLEtBQUEsT0FBMEIsS0FBSyxDQUFDLFFBQVEsQ0FBVSxNQUFNLElBQUksS0FBSyxDQUFDLElBQUEsRUFBakUsVUFBUSxRQUFBLEVBQUUsYUFBVyxRQUE0QyxDQUFBO1FBQ2xFLElBQUEsS0FBQSxPQUFzQyxLQUFLLENBQUMsUUFBUSxFQUFVLElBQUEsRUFBN0QsY0FBYyxRQUFBLEVBQUUsbUJBQWlCLFFBQTRCLENBQUE7UUFDOUQsSUFBQSxLQUFBLE9BQXdDLEtBQUssQ0FBQyxRQUFRLEVBQVUsSUFBQSxFQUEvRCxlQUFlLFFBQUEsRUFBRSxvQkFBa0IsUUFBNEIsQ0FBQTtRQUV0RSxJQUFNLFdBQVcsR0FBRyxLQUFLLENBQUMsV0FBVyxDQUNuQyxVQUFDLENBQXVDO1lBQ3RDLElBQUksTUFBTSxJQUFJLENBQUMsVUFBUTtnQkFBRSxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUE7WUFDbEMsSUFBSSxPQUFPLElBQUksVUFBUTtnQkFBRSxPQUFPLENBQUMsQ0FBQyxDQUFDLENBQUE7WUFDbkMsSUFBSSxPQUFPO2dCQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUMsQ0FBQTtRQUN6QixDQUFDLEVBQ0QsQ0FBQyxNQUFNLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxVQUFRLENBQUMsQ0FDckMsQ0FBQTtRQUVELDhFQUE4RTtRQUM5RSwyRkFBMkY7UUFDM0YsMEZBQTBGO1FBQzFGLDBGQUEwRjtRQUMxRixnRkFBZ0Y7UUFDaEYsdUVBQXVFO1FBRXZFLEtBQUssQ0FBQyxTQUFTLENBQUM7O1lBQ2QsSUFBTSxDQUFDLEdBQUcsVUFBUSxDQUFDLE9BQU8sQ0FBQTtZQUMxQixJQUFJLENBQUMsQ0FBQztnQkFBRSxPQUFNO1lBRU4sSUFBQSxLQUFLLEdBQVUsSUFBSSxNQUFkLEVBQUUsR0FBRyxHQUFLLElBQUksSUFBVCxDQUFTO1lBQzNCLElBQU0sVUFBVSxHQUFHLE1BQUEsQ0FBQyxhQUFELENBQUMsdUJBQUQsQ0FBQyxDQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsMENBQUUsVUFBeUIsQ0FBQTtZQUM1RCxJQUFNLGdCQUFnQixHQUFHLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFlBQVksSUFBRyxVQUFVLGFBQVYsVUFBVSx1QkFBVixVQUFVLENBQUUsWUFBWSxDQUFBLENBQUMsQ0FBQyxDQUFDLFFBQVEsRUFBRSxDQUFBO1lBQ3pGLElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxHQUFHLENBQUMsQ0FBQyxDQUFDLFlBQVksQ0FBQyxDQUFDLENBQUMsUUFBUSxFQUFFLENBQUE7WUFDNUQsSUFBTSxpQkFBaUIsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxZQUFZLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQTtZQUNuRSxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxRQUFRLEVBQUUsQ0FBQTtZQUN6RSxtQkFBaUIsQ0FBQyxVQUFRLENBQUMsQ0FBQyxDQUFDLGNBQWMsQ0FBQyxDQUFDLENBQUMsZ0JBQWdCLENBQUMsQ0FBQTtZQUMvRCxvQkFBa0IsQ0FBQyxVQUFRLENBQUMsQ0FBQyxDQUFDLGVBQWUsQ0FBQyxDQUFDLENBQUMsaUJBQWlCLENBQUMsQ0FBQTtRQUNwRSxDQUFDLEVBQUUsQ0FBQyxVQUFRLEVBQUUsVUFBUSxDQUFDLENBQUMsQ0FBQTtRQUV4QixLQUFLLENBQUMsU0FBUyxDQUFDO1lBQ2QsYUFBVyxDQUFDLE1BQU0sSUFBSSxLQUFLLENBQUMsQ0FBQTtRQUM5QixDQUFDLEVBQUUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFBO1FBRVosT0FBTyxFQUFFLFFBQVEsWUFBQSxFQUFFLGVBQWUsaUJBQUEsRUFBRSxjQUFjLGdCQUFBLEVBQUUsUUFBUSxZQUFBLEVBQUUsV0FBVyxhQUFBLEVBQUUsQ0FBQTtLQUM1RTtJQUFDLFdBQU07UUFDTixPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sRUFBRSxDQUFBO0tBQzVCO0FBQ0gsQ0FBQyxDQUFBIn0=

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

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

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

@@ -1,3 +1,3 @@
-import AccordionItem from './AccordionItem';
+import AccordionItem from '../../../components/accordion/item/AccordionItem';
 export default AccordionItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sYUFBYSxNQUFNLGlCQUFpQixDQUFBO0FBRTNDLGVBQWUsYUFBYSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sYUFBYSxNQUFNLDJDQUEyQyxDQUFBO0FBRXJFLGVBQWUsYUFBYSxDQUFBIn0=

package/lib/components/alert/Alert.d.ts

@@ -1,24 +1,4 @@
-/// <reference types="react" />
-import { AlertProps, ToasterStatusProps } from './AlertProps';
-/**
- * Alert Component
- * @param iconName {IconName} Custom icon
- * @param title {string} Alert title content
- * @param description {string|ReactNode} Alertt description content
- * @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
- * @param onClick {Function} onClick Event for all alert
- * @param display {Boolean} Display Alert component
- * - ------------------ WEB PROPERTIES -----------------------
- * @param className {string} Additionnal CSS Classes
- * @param testId {string} Test Id for Test Integration
- */
-declare const Alert: ({ banner, status, className, id, iconName, title, description, onClick, display, ...others }: AlertProps) => JSX.Element;
-/**
- * Toaster Alert Provider
- * @param children {React.ReactNode} Custom Toast Content
- * @param duration {number} Duration in MS (Default: 5000)
- * @param offset {number} Offset position margin (Default: 10 dp)
- * @param others
- */
-export declare const ToasterAlertProvider: ({ children }: ToasterStatusProps) => JSX.Element;
-export default Alert;
+import React from 'react';
+import { AlertProps } from '../../components/alert/AlertProps';
+declare const _default: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+export default _default;

package/lib/components/alert/Alert.js

@@ -1,59 +1,12 @@
-import { __assign, __read, __rest } from "tslib";
+import { __assign, __rest } from "tslib";
 import clsx from 'clsx';
-import * as React from 'react';
-import { useEffect, useRef, useState } from 'react';
-import { getStatusClassName, getStatusIconName } from '../../objects/facets/Status';
-import { has, is } from '../../services/classify';
-import { Icon, IconName, IconSize } from '../../components/icon';
+import React from 'react';
+import { Icon, IconName } from '../../components/icon';
 import { Text, TextLevels } from '../../components/text';
 import { Title, TitleLevels } from '../../components/title';
-import { ToasterAlertPosition } from './AlertProps';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import ToasterContext from './context';
-/**
- * Toaster Component
- * @param children {React.ReactNode} Custom Toast Content
- */
-var ToasterAlert = function (_a) {
-    var props = _a.props, others = __rest(_a, ["props"]);
-    var styled = useTrilogyContext().styled;
-    var title = props.title, position = props.position, description = props.description, iconName = props.iconName, status = props.status, closable = props.closable, onClick = props.onClick, className = props.className, id = props.id, offset = props.offset, children = props.children;
-    var displayed = Boolean(title);
-    var positionTop = {
-        top: offset || 0,
-        position: 'fixed',
-    };
-    var positionBottom = {
-        bottom: offset || 0,
-        position: 'fixed',
-    };
-    var classes = hashClass(styled, clsx('toaster', status && is(getStatusClassName(status)), !alert && is('info'), className));
-    if (!displayed) {
-        return null;
-    }
-    if (children) {
-        return (React.createElement("div", __assign({ id: id, style: (position === ToasterAlertPosition.TOP && positionTop) ||
-                (position === ToasterAlertPosition.BOTTOM && positionBottom) ||
-                positionTop, onClick: function (e) {
-                // eslint-disable-next-line no-unused-expressions
-                onClick === null || onClick === void 0 ? void 0 : onClick(e);
-                e.stopPropagation();
-            }, className: classes }, others), children));
-    }
-    return title ? (React.createElement("div", __assign({ style: (position === ToasterAlertPosition.TOP && positionTop) ||
-            (position === ToasterAlertPosition.BOTTOM && positionBottom) ||
-            positionTop, onClick: function (e) {
-            // eslint-disable-next-line no-unused-expressions
-            onClick === null || onClick === void 0 ? void 0 : onClick(e);
-            e.stopPropagation();
-        }, className: classes }, others),
-        iconName && React.createElement(Icon, { name: iconName, size: IconSize.SMALL }),
-        React.createElement("div", { className: hashClass(styled, clsx('body')) },
-            title && React.createElement(Title, { level: TitleLevels.SIX }, title),
-            description && React.createElement(Text, null, description)),
-        closable && React.createElement(Icon, { onClick: closable, className: 'toaster-close', name: IconName.TIMES, size: IconSize.SMALL }))) : null;
-};
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { getStatusClassName, getStatusIconName } from '../../objects/facets/Status';
+import { has, is } from '../../services/classify';
 /**
  * Alert Component
  * @param iconName {IconName} Custom icon
@@ -66,10 +19,9 @@ var ToasterAlert = function (_a) {
  * @param className {string} Additionnal CSS Classes
  * @param testId {string} Test Id for Test Integration
  */
-var Alert = function (_a) {
-    var banner = _a.banner, status = _a.status, className = _a.className, id = _a.id, iconName = _a.iconName, title = _a.title, description = _a.description, onClick = _a.onClick, _b = _a.display, display = _b === void 0 ? true : _b, others = __rest(_a, ["banner", "status", "className", "id", "iconName", "title", "description", "onClick", "display"]);
-    var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('alert', has('body'), status && is(getStatusClassName(status)), banner && is('banner'), className));
+var Alert = function (_a, ref) {
+    var banner = _a.banner, status = _a.status, className = _a.className, iconName = _a.iconName, title = _a.title, description = _a.description, onClick = _a.onClick, _b = _a.display, display = _b === void 0 ? true : _b, testId = _a.testId, others = __rest(_a, ["banner", "status", "className", "iconName", "title", "description", "onClick", "display", "testId"]);
+    var classes = hashClass(clsx('alert', has('body'), status && is(getStatusClassName(status)), banner && is('banner'), className));
     var iconAlert = React.useMemo(function () {
         var _a;
         if (iconName != null)
@@ -80,54 +32,13 @@ var Alert = function (_a) {
             return IconName.INFOS_CIRCLE;
     }, [iconName, status]);
     if (display) {
-        return (React.createElement("div", __assign({ id: id, onClick: function (e) {
-                // eslint-disable-next-line no-unused-expressions
-                onClick === null || onClick === void 0 ? void 0 : onClick(e);
-                e.stopPropagation();
-            }, className: classes }, others),
+        return (React.createElement("div", __assign({ "data-testid": testId, onClick: onClick && onClick, className: classes, ref: ref }, others),
             React.createElement(Icon, { name: iconAlert }),
-            React.createElement("div", { className: hashClass(styled, clsx('body')) },
+            React.createElement("div", { className: hashClass(clsx('body')) },
                 title && typeof title.valueOf() === 'string' ? React.createElement(Title, { level: TitleLevels.SIX }, title) : title,
                 description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO }, description)) : (description))));
     }
-    return React.createElement("div", null);
-};
-/**
- * Toaster Alert Provider
- * @param children {React.ReactNode} Custom Toast Content
- * @param duration {number} Duration in MS (Default: 5000)
- * @param offset {number} Offset position margin (Default: 10 dp)
- * @param others
- */
-export var ToasterAlertProvider = function (_a) {
-    var children = _a.children;
-    var _b = __read(useState(null), 2), toasterState = _b[0], setToasterState = _b[1];
-    var _c = __read(useState(5000), 2), duration = _c[0], setDuration = _c[1];
-    var timeRef = useRef(null);
-    var showToast = function (params) {
-        setToasterState(params);
-        params.duration && params.duration > 0 && setDuration(params.duration);
-        timeRef.current && clearTimeout(timeRef.current);
-    };
-    useEffect(function () {
-        timeRef.current = setTimeout(function () {
-            setToasterState(null);
-        }, duration);
-    }, [toasterState, toasterState === null || toasterState === void 0 ? void 0 : toasterState.title]);
-    return (React.createElement(ToasterContext.Provider, { value: { show: showToast, hide: function () { return null; } } },
-        children,
-        React.createElement(ToasterAlert, { props: {
-                title: toasterState === null || toasterState === void 0 ? void 0 : toasterState.title,
-                id: toasterState === null || toasterState === void 0 ? void 0 : toasterState.id,
-                description: toasterState === null || toasterState === void 0 ? void 0 : toasterState.description,
-                position: toasterState === null || toasterState === void 0 ? void 0 : toasterState.position,
-                iconName: toasterState === null || toasterState === void 0 ? void 0 : toasterState.iconName,
-                status: toasterState === null || toasterState === void 0 ? void 0 : toasterState.status,
-                onClick: toasterState === null || toasterState === void 0 ? void 0 : toasterState.onClick,
-                onHide: toasterState === null || toasterState === void 0 ? void 0 : toasterState.onHide,
-                closable: toasterState === null || toasterState === void 0 ? void 0 : toasterState.closable,
-                offset: toasterState === null || toasterState === void 0 ? void 0 : toasterState.offset,
-            } })));
+    return React.createElement("div", { ref: ref });
 };
-export default Alert;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBaUIsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDL0UsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFjLG9CQUFvQixFQUFzQixNQUFNLGNBQWMsQ0FBQTtBQUNuRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLGNBQWMsTUFBTSxXQUFXLENBQUE7QUFFdEM7OztHQUdHO0FBQ0gsSUFBTSxZQUFZLEdBQTRDLFVBQUMsRUFBb0I7SUFBbEIsSUFBQSxLQUFLLFdBQUEsRUFBSyxNQUFNLGNBQWxCLFNBQW9CLENBQUY7SUFDdkUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFOUIsSUFBQSxLQUFLLEdBQWtHLEtBQUssTUFBdkcsRUFBRSxRQUFRLEdBQXdGLEtBQUssU0FBN0YsRUFBRSxXQUFXLEdBQTJF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
+export default React.forwardRef(Alert);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDL0UsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQ1osRUFBbUgsRUFDbkgsR0FBOEI7SUFENUIsSUFBQSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsZUFBYyxFQUFkLE9BQU8sbUJBQUcsSUFBSSxLQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUFyRyxxR0FBdUcsQ0FBRjtJQUdyRyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLElBQUksQ0FBQyxPQUFPLEVBQUUsR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsa0JBQWtCLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUN4RyxDQUFBO0lBRUQsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQzs7UUFDOUIsSUFBSSxRQUFRLElBQUksSUFBSTtZQUFFLE9BQU8sUUFBUSxDQUFBO2FBQ2hDLElBQUksTUFBTTtZQUFFLE9BQU8sTUFBQSxpQkFBaUIsQ0FBQyxNQUFNLENBQUMsbUNBQUksUUFBUSxDQUFDLFlBQVksQ0FBQTs7WUFDckUsT0FBTyxRQUFRLENBQUMsWUFBWSxDQUFBO0lBQ25DLENBQUMsRUFBRSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFBO0lBRXRCLElBQUksT0FBTyxFQUFFO1FBQ1gsT0FBTyxDQUNMLHFEQUFrQixNQUFNLEVBQUUsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU07WUFDN0Ysb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxTQUFTLEdBQUk7WUFDekIsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ3BDLEtBQUssSUFBSSxPQUFPLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLG9CQUFDLEtBQUssSUFBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLEdBQUcsSUFBRyxLQUFLLENBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSztnQkFDckcsV0FBVyxJQUFJLE9BQU8sV0FBVyxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDMUQsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxJQUFHLFdBQVcsQ0FBUSxDQUNsRCxDQUFDLENBQUMsQ0FBQyxDQUNGLFdBQVcsQ0FDWixDQUNHLENBQ0YsQ0FDUCxDQUFBO0tBQ0Y7SUFDRCxPQUFPLDZCQUFLLEdBQUcsRUFBRSxHQUFHLEdBQUksQ0FBQTtBQUMxQixDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUEifQ==

package/lib/components/alert/Alert.native.d.ts

@@ -1,38 +1,5 @@
-import * as React from 'react';
-import { AlertProps, ToasterStatusProps } from './AlertProps';
-import { ComponentName } from '../../components/enumsComponentsName';
-/**
- * Alert Component
- * @param iconName {IconName} Custom icon
- * @param title {string} Alert title content
- * @param description {string|ReactNode} Aleert description content
- * @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
- * @param info (boolean) Small info alert use it without button and arrow
- * @param onClick {Function} onClick Event for all alert
- * @param display {Boolean} Display Alert component
- */
-declare const Alert: {
-    ({ banner, status, iconName, title, description, onClick, display, ...others }: AlertProps): JSX.Element;
-    displayName: ComponentName;
-};
-/**
- * Ui of the toast
- * @param title {string} Notification title content
- * @param description {string|ReactNode} Notification description content
- * @param iconName {IconName} Custom icon
- * @param status {StatusState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
- * @param onClick {Function} onClick Event for all notification
- * @param closable {Function} onClick Event on cross icon
- */
-export declare const ToasterAlert: React.FC<{
-    props: ToasterStatusProps;
-}>;
-/**
- * Toaster provider
- * @param children {React.ReactNode} Custom Toast Content
- * @param duration {number} Duration in MS (Default: 5000)
- * @param offset {number} Offset position margin (Default: 10 dp)
- * @param others
- */
-export declare const ToasterAlertProvider: ({ children }: ToasterStatusProps) => JSX.Element;
-export default Alert;
+import React from 'react';
+import type { View as ViewType } from 'react-native';
+import { AlertProps } from '../../components/alert/AlertProps';
+declare const _default: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<ViewType>>;
+export default _default;