@trilogy-ds/react 0.0.1-beta.9 → 0.0.2-alpha-prompt

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

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

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

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

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { AccordionBodyProps } from './AccordionBodyProps';
+/**
+ * Accordion Body Component
+ * @param children {React.ReactNode} Children for Accordion body
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additional CSS Classes
+ * @param dataId {string} data attribute
+ */
+declare const AccordionBody: React.ForwardRefExoticComponent<AccordionBodyProps & React.RefAttributes<HTMLDivElement>>;
+export default AccordionBody;

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

@@ -0,0 +1,23 @@
+import { __assign, __rest } from "tslib";
+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} Additional CSS Classes
+ * @param dataId {string} data attribute
+ */
+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({ 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvYWNjb3JkaW9uL2l0ZW0vYm9keS9BY2NvcmRpb25Cb2R5LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7R0FNRztBQUNILElBQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLFVBQUMsRUFBc0MsRUFBRSxHQUFHO0lBQXpDLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMzQixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsc0NBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxnQkFBZ0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUMvRCxPQUFPLEVBQUUsVUFBQyxDQUFDO1lBQ1QsQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsYUFBYSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsYUFBYSxDQUFBO0FBQ3ZELGVBQWUsYUFBYSxDQUFBIn0=

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

@@ -0,0 +1,9 @@
+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: React.ForwardRefExoticComponent<AccordionBodyProps & React.RefAttributes<View>>;
+export default AccordionBody;

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

@@ -0,0 +1,18 @@
+import { __assign, __rest } from "tslib";
+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 = React.forwardRef(function (_a, ref) {
+    var children = _a.children, others = __rest(_a, ["children"]);
+    var styles = StyleSheet.create({
+        accordionBody: {},
+    });
+    return (React.createElement(View, __assign({ ref: ref, style: [styles.accordionBody] }, others), children));
+});
+AccordionBody.displayName = ComponentName.AccordionBody;
+export default AccordionBody;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2JvZHkvQWNjb3JkaW9uQm9keS5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHL0M7OztHQUdHO0FBQ0gsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDcEMsVUFBQyxFQUF1QixFQUFFLEdBQUc7SUFBMUIsSUFBQSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJCLFlBQXVCLENBQUY7SUFDcEIsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixhQUFhLEVBQUUsRUFBRTtLQUNsQixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLGFBQWEsQ0FBQyxJQUFNLE1BQU0sR0FDdEQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsYUFBYSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsYUFBYSxDQUFBO0FBRXZELGVBQWUsYUFBYSxDQUFBIn0=

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+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/body/AccordionBodyProps.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uQm9keVByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vaXRlbS9ib2R5L0FjY29yZGlvbkJvZHlQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

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

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

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

@@ -0,0 +1,3 @@
+import AccordionBody from './AccordionBody';
+export default AccordionBody;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2JvZHkvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxhQUFhLE1BQU0saUJBQWlCLENBQUE7QUFFM0MsZUFBZSxhQUFhLENBQUEifQ==

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { AccordionHeaderProps } from './AccordionHeaderProps';
+/**
+ * Accordion Header
+ * @param className {string} Additional CSS Classes
+ * @param children {React.ReactNode}
+ * @param testId
+ * @param others
+ */
+declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<HTMLSourceElement>>;
+export default AccordionHeader;

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

@@ -0,0 +1,21 @@
+import { __assign, __rest } from "tslib";
+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} Additional CSS Classes
+ * @param children {React.ReactNode}
+ * @param testId
+ * @param others
+ */
+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({ 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vaXRlbS9oZWFkZXIvQWNjb3JkaW9uSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7R0FNRztBQUNILElBQU0sZUFBZSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3RDLFVBQUMsRUFBc0MsRUFBRSxHQUFHO0lBQXpDLElBQUEsUUFBUSxjQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUssTUFBTSxjQUFwQywrQkFBc0MsQ0FBRjtJQUMzQixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLENBQ0wsMENBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixFQUFFLEVBQUUsRUFBRSxFQUNOLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUNqRSxJQUFJLEVBQUMsUUFBUSxJQUNULE1BQU0sR0FFVCxRQUFRLENBQ0QsQ0FDWCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxlQUFlLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxlQUFlLENBQUE7QUFDM0QsZUFBZSxlQUFlLENBQUEifQ==

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

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { AccordionHeaderProps } from './AccordionHeaderProps';
+/**
+ * Accordion Header
+ * @param children {React.ReactNode}
+ */
+declare const AccordionHeader: React.ForwardRefExoticComponent<AccordionHeaderProps & React.RefAttributes<View>>;
+export default AccordionHeader;

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

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

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

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

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyUHJvcHMuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2hlYWRlci9BY2NvcmRpb25IZWFkZXJQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiIn0=

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

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

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

@@ -0,0 +1,3 @@
+import AccordionHeader from './AccordionHeader';
+export default AccordionHeader;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2hlYWRlci9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGVBQWUsTUFBTSxtQkFBbUIsQ0FBQTtBQUUvQyxlQUFlLGVBQWUsQ0FBQSJ9

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

@@ -1,3 +1,3 @@
 import AccordionItem from './AccordionItem';
 export default AccordionItem;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2FjY29yZGlvbi9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sYUFBYSxNQUFNLGlCQUFpQixDQUFBO0FBRTNDLGVBQWUsYUFBYSxDQUFBIn0=

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

@@ -1,16 +1,28 @@
-/// <reference types="react" />
-import { AlertProps } from './AlertProps';
+import * as React from '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 alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
+ * @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
  * @param onClick {Function} onClick Event for all alert
- * @param className {string} Additionnal CSS Classes
- * @param iconClassname {string} Additionnal Icon CSS
- * @param display
+ * @param display {Boolean} Display Alert component
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additional CSS Classes
+ * @param testId {string} Test Id for Test Integration
+ * @param markup {string} Title markup (h2 | h3 | h4 | h5 | h6 | p)
+
+ */
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
+/**
+ * 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 onShow {() => void} Fonction appelée lors de l'affichage du toast
+ * @param onHide {() => void} Fonction appelée lors de la fermeture du toast
  * @param others
  */
-declare const Alert: ({ alert, className, iconClassname, iconName, title, description, onClick, display, testId, ...others }: AlertProps) => JSX.Element;
+export declare const ToasterAlertProvider: ({ children }: ToasterStatusProps) => JSX.Element;
 export default Alert;

package/lib/components/alert/Alert.js

@@ -1,48 +1,144 @@
-import clsx from 'clsx';
-import React from 'react';
-import { getAlertClassName, getAlertIconName } from '../../objects';
-import { has, is } from '../../services/classify';
-import { Icon, IconName } from '../icon';
-import { Text } from '../text';
-import { Title, TitleLevels } from '../title';
-import { hashClass } from '../../helpers';
+import { __assign, __read, __rest } from "tslib";
+import { Icon, IconName, IconSize } from '../../components/icon';
+import { Text, TextLevels } from '../../components/text';
+import { Title, TitleLevels } from '../../components/title';
 import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers';
+import { getStatusClassName, getStatusIconName } from '../../objects/facets/Status';
+import { has, is } from '../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
+import { useEffect, useRef, useState } from 'react';
+import { ComponentName } from '../enumsComponentsName';
+import { ToasterAlertFloat, ToasterAlertPosition } from './AlertProps';
+import ToasterContext from './context';
+/**
+ * Toaster Component
+ *
+ * This component displays a toast with various customization options.
+ *
+ * @param {Object} props - Component properties
+ * @param {React.ReactNode} [props.children] - Custom content of the toast
+ * @param {React.ReactNode} [props.toasterChildren] - Optional content of the toast
+ * @param {string} [props.className] - Additional CSS classes
+ * @param {IconName | IconNameValues} [props.iconName] - Name of the icon to display
+ * @param {string | React.ReactNode} [props.title] - Title of the toast
+ * @param {string | React.ReactNode} [props.description] - Description of the toast
+ * @param {ClickEvent} [props.closable] - Function for closing the toast
+ * @param {ToasterAlertPosition} [props.position] - Position of the toast
+ * @param {ToasterAlertFloat} [props.float] - Floating of the toast
+ * @param {number} [props.offset] - Offset from the position
+ * @param {boolean} [props.display] - Indicates whether the toast should be displayed
+ * @param {string} [props.id] - Unique identifier for the toast
+ * @param {string} [props.testId] - Test identifier for test integration
+ * @param {string} [props.status] - Current status of the toast (INFO | SUCCESS | WARNING | ERROR)
+ * @param {string} [props.markup] - Title markup (h2 | h3 | h4 | h5 | h6 | p)
+ * @param {ClickEvent} [props.onClick] - Function called when clicking on the toast
+ * @param {Object} [props.others] - Other additional properties
+ *
+ * @returns {JSX.Element | null} The toast component to display
+ *
+ * @example
+ * <ToasterAlert
+ *   title="Notification"
+ *   description="This is a test notification"
+ *   status="INFO"
+ *   position={ToasterAlertPosition.TOP}
+ *   closable={() => console.log('Toast closed')}
+ * />
+ */
+var ToasterAlert = function (_a) {
+    var title = _a.title, position = _a.position, float = _a.float, description = _a.description, iconName = _a.iconName, status = _a.status, closable = _a.closable, onClick = _a.onClick, className = _a.className, id = _a.id, testId = _a.testId, offset = _a.offset, display = _a.display, children = _a.children, toasterChildren = _a.toasterChildren, markup = _a.markup, others = __rest(_a, ["title", "position", "float", "description", "iconName", "status", "closable", "onClick", "className", "id", "testId", "offset", "display", "children", "toasterChildren", "markup"]);
+    var styled = useTrilogyContext().styled;
+    var positionStyles = __assign(__assign({ position: 'fixed' }, (position === ToasterAlertPosition.BOTTOM ? { bottom: offset || 0 } : { top: offset || 0 })), (float === ToasterAlertFloat.RIGHT ? { right: offset || 0 } : { left: offset || 0 }));
+    var classes = hashClass(styled, clsx('toaster', status && is(getStatusClassName(status)), !status && is('info'), className));
+    return title && display !== false ? (React.createElement("div", __assign({ id: id, style: positionStyles, onClick: function (e) {
+            // eslint-disable-next-line no-unused-expressions
+            onClick === null || onClick === void 0 ? void 0 : onClick(e);
+            e.stopPropagation();
+        }, className: classes, "data-testid": testId }, others), children ? (children) : (React.createElement(React.Fragment, null,
+        iconName && React.createElement(Icon, { name: iconName, size: IconSize.SMALL }),
+        React.createElement("div", { className: hashClass(styled, clsx('body')) },
+            title && (React.createElement(Title, { markup: markup, level: TitleLevels.SIX }, title)),
+            description && React.createElement(Text, null, description),
+            toasterChildren && toasterChildren),
+        closable && (React.createElement(Icon, { onClick: closable, className: 'toaster-close', name: IconName.TIMES, size: IconSize.SMALL })))))) : null;
+};
 /**
  * Alert Component
  * @param iconName {IconName} Custom icon
  * @param title {string} Alert title content
  * @param description {string|ReactNode} Alertt description content
- * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
+ * @param status {StatusState} Status Variant (INFO|SUCCESS|WARNING|ERROR)
  * @param onClick {Function} onClick Event for all alert
- * @param className {string} Additionnal CSS Classes
- * @param iconClassname {string} Additionnal Icon CSS
- * @param display
- * @param others
+ * @param display {Boolean} Display Alert component
+ * - ------------------ WEB PROPERTIES -----------------------
+ * @param className {string} Additional CSS Classes
+ * @param testId {string} Test Id for Test Integration
+ * @param markup {string} Title markup (h2 | h3 | h4 | h5 | h6 | p)
+
  */
-const Alert = ({ alert, className, iconClassname, iconName, title, description, onClick, display, testId, ...others }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('alert', has('body'), alert && is(getAlertClassName(alert)), className));
-    const iconAlert = React.useMemo(() => {
+var Alert = React.forwardRef(function (_a, ref) {
+    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, markup = _a.markup, others = __rest(_a, ["banner", "status", "className", "id", "iconName", "title", "description", "onClick", "display", "markup"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('alert', has('body'), status && is(getStatusClassName(status)), banner && is('banner'), className));
+    var iconAlert = React.useMemo(function () {
         var _a;
         if (iconName != null)
             return iconName;
-        else if (alert)
-            return (_a = getAlertIconName(alert)) !== null && _a !== void 0 ? _a : IconName.INFOS_CIRCLE;
+        else if (status)
+            return (_a = getStatusIconName(status)) !== null && _a !== void 0 ? _a : IconName.INFOS_CIRCLE;
         else
             return IconName.INFOS_CIRCLE;
-    }, [iconName, alert]);
+    }, [iconName, status]);
     if (display) {
-        return (React.createElement("div", { "data-testid": testId, onClick: (e) => {
+        return (React.createElement("div", __assign({ ref: ref, 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 },
-            React.createElement(Icon, { className: iconClassname, name: iconAlert }),
+            }, className: classes }, others),
+            React.createElement(Icon, { name: iconAlert }),
             React.createElement("div", { className: hashClass(styled, clsx('body')) },
-                title && typeof title.valueOf() === 'string' ? React.createElement(Title, { level: TitleLevels.THREE }, title) : title,
-                description && typeof description.valueOf() === 'string' ? React.createElement(Text, null, description) : description)));
+                title && typeof title.valueOf() === 'string' ? (React.createElement(Title, { markup: markup, 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 onShow {() => void} Fonction appelée lors de l'affichage du toast
+ * @param onHide {() => void} Fonction appelée lors de la fermeture du toast
+ * @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 = React.useCallback(function (params) {
+        var _a;
+        setToasterState(params);
+        (_a = params.onShow) === null || _a === void 0 ? void 0 : _a.call(params);
+        params.duration && params.duration > 0 && setDuration(params.duration);
+        timeRef.current && clearTimeout(timeRef.current);
+    }, [timeRef]);
+    useEffect(function () {
+        timeRef.current = setTimeout(function () {
+            var _a;
+            (_a = toasterState === null || toasterState === void 0 ? void 0 : toasterState.onHide) === null || _a === void 0 ? void 0 : _a.call(toasterState);
+            setToasterState(null);
+        }, duration);
+        return function () {
+            timeRef.current && clearTimeout(timeRef.current);
+        };
+    }, [toasterState, toasterState === null || toasterState === void 0 ? void 0 : toasterState.title]);
+    return (React.createElement(ToasterContext.Provider, { value: { show: showToast, hide: function () { return null; } } },
+        children,
+        toasterState && (React.createElement(ToasterAlert, { title: toasterState.title, id: toasterState.id, testId: toasterState.testId, description: toasterState.description, position: toasterState.position, iconName: toasterState.iconName, status: toasterState.status, onClick: toasterState.onClick, closable: toasterState.closable, float: toasterState.float, offset: toasterState.offset, className: toasterState.className, toasterChildren: toasterState.toasterChildren, display: toasterState.display, markup: toasterState.markup }))));
 };
+Alert.displayName = ComponentName.Alert;
 export default Alert;
-//# sourceMappingURL=Alert.js.map
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQy9FLE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBaUIsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBd0IsaUJBQWlCLEVBQUUsb0JBQW9CLEVBQXNCLE1BQU0sY0FBYyxDQUFBO0FBQ2hILE9BQU8sY0FBYyxNQUFNLFdBQVcsQ0FBQTtBQUV0Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtDRztBQUNILElBQU0sWUFBWSxHQUFHLFVBQUMsRUFrQkQ7SUFqQm5CLElBQUEsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FB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

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

@@ -1,17 +1,34 @@
-/// <reference types="react" />
-import { AlertProps } from './AlertProps';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from 'react';
+import { AlertProps, ToasterStatusProps } from './AlertProps';
 /**
  * Alert Component
  * @param iconName {IconName} Custom icon
  * @param title {string} Alert title content
  * @param description {string|ReactNode} Aleert description content
- * @param alert {AlertState} Alert Variant (INFO|SUCCESS|WARNING|ERROR)
+ * @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: {
-    ({ alert, iconName, title, description, onClick, display, ...others }: AlertProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Alert: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<import("react-native").View>>;
+/**
+ * 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;