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

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

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

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.d.ts

@@ -0,0 +1,2 @@
+import AccordionBody from './AccordionBody';
+export default AccordionBody;

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} Additionnal CSS Classes
+ * @param children {React.ReactNode}
+ * @param testId
+ * @param others
+ */
+declare const AccordionHeader: ({ children, className, id, ...others }: AccordionHeaderProps) => React.JSX.Element;
+export default AccordionHeader;

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

@@ -0,0 +1,19 @@
+import { __assign, __rest } from "tslib";
+import * as React from 'react';
+import clsx from 'clsx';
+import { hashClass } from '../../../../helpers';
+import { useTrilogyContext } from '../../../../context';
+/**
+ * Accordion Header
+ * @param className {string} Additionnal CSS Classes
+ * @param children {React.ReactNode}
+ * @param testId
+ * @param others
+ */
+var AccordionHeader = function (_a) {
+    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));
+};
+export default AccordionHeader;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWNjb3JkaW9uSGVhZGVyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9hY2NvcmRpb24vaXRlbS9oZWFkZXIvQWNjb3JkaW9uSGVhZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsRUFBNEQ7SUFBMUQsSUFBQSxRQUFRLGNBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBSyxNQUFNLGNBQXBDLCtCQUFzQyxDQUFGO0lBQ25ELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLE9BQU8sQ0FDTCwwQ0FBUyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxrQkFBa0IsRUFBRSxTQUFTLENBQUMsQ0FBQyxFQUFFLElBQUksRUFBQyxRQUFRLElBQUssTUFBTSxHQUN6RyxRQUFRLENBQ0QsQ0FDWCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxlQUFlLENBQUEifQ==

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

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

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

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

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

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

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

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

package/lib/components/{rows/item/RowsItemPropsDefaults.js → accordion/item/header/AccordionHeaderPropsDefaults.js}

@@ -13,12 +13,11 @@ export default {
       "ReactPortal"
     ]
   },
-  "narrow": {
-    "type": "boolean",
+  "id": {
+    "type": "string",
     "values": [
       "undefined",
-      "false",
-      "true"
+      "string"
     ]
   },
   "className": {

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

@@ -0,0 +1,2 @@
+import AccordionHeader from './AccordionHeader';
+export default AccordionHeader;

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.d.ts

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

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

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

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

@@ -1,4 +1,24 @@
-import React from 'react';
-import { AlertProps } from '../../components/alert/AlertProps';
-declare const _default: React.ForwardRefExoticComponent<AlertProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
+/// <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;

package/lib/components/alert/Alert.js

@@ -1,12 +1,59 @@
-import { __assign, __rest } from "tslib";
+import { __assign, __read, __rest } from "tslib";
 import clsx from 'clsx';
-import React from 'react';
-import { Icon, IconName } from '../../components/icon';
-import { Text, TextLevels } from '../../components/text';
-import { Title, TitleLevels } from '../../components/title';
-import { hashClass } from '../../helpers/hashClassesHelpers';
+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 { 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;
+};
 /**
  * Alert Component
  * @param iconName {IconName} Custom icon
@@ -19,9 +66,10 @@ import { has, is } from '../../services/classify';
  * @param className {string} Additionnal CSS Classes
  * @param testId {string} Test Id for Test Integration
  */
-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 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 iconAlert = React.useMemo(function () {
         var _a;
         if (iconName != null)
@@ -32,13 +80,54 @@ var Alert = function (_a, ref) {
             return IconName.INFOS_CIRCLE;
     }, [iconName, status]);
     if (display) {
-        return (React.createElement("div", __assign({ "data-testid": testId, onClick: onClick && onClick, className: classes, ref: ref }, others),
+        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),
             React.createElement(Icon, { name: iconAlert }),
-            React.createElement("div", { className: hashClass(clsx('body')) },
+            React.createElement("div", { className: hashClass(styled, 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", { ref: ref });
+    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,
+            } })));
 };
-export default React.forwardRef(Alert);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUd6QixPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2xELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDL0UsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUU3Qzs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQ1osRUFBbUgsRUFDbkgsR0FBOEI7SUFENUIsSUFBQSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxTQUFTLGVBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxXQUFXLGlCQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsZUFBYyxFQUFkLE9BQU8sbUJBQUcsSUFBSSxLQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUssTUFBTSxjQUFyRyxxR0FBdUcsQ0FBRjtJQUdyRyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLElBQUksQ0FBQyxPQUFPLEVBQUUsR0FBRyxDQUFDLE1BQU0sQ0FBQyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsa0JBQWtCLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLFFBQVEsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUN4RyxDQUFBO0lBRUQsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQzs7UUFDOUIsSUFBSSxRQUFRLElBQUksSUFBSTtZQUFFLE9BQU8sUUFBUSxDQUFBO2FBQ2hDLElBQUksTUFBTTtZQUFFLE9BQU8sTUFBQSxpQkFBaUIsQ0FBQyxNQUFNLENBQUMsbUNBQUksUUFBUSxDQUFDLFlBQVksQ0FBQTs7WUFDckUsT0FBTyxRQUFRLENBQUMsWUFBWSxDQUFBO0lBQ25DLENBQUMsRUFBRSxDQUFDLFFBQVEsRUFBRSxNQUFNLENBQUMsQ0FBQyxDQUFBO0lBRXRCLElBQUksT0FBTyxFQUFFO1FBQ1gsT0FBTyxDQUNMLHFEQUFrQixNQUFNLEVBQUUsT0FBTyxFQUFFLE9BQU8sSUFBSSxPQUFPLEVBQUUsU0FBUyxFQUFFLE9BQU8sRUFBRSxHQUFHLEVBQUUsR0FBRyxJQUFNLE1BQU07WUFDN0Ysb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxTQUFTLEdBQUk7WUFDekIsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDLENBQUM7Z0JBQ3BDLEtBQUssSUFBSSxPQUFPLEtBQUssQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLG9CQUFDLEtBQUssSUFBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLEdBQUcsSUFBRyxLQUFLLENBQVMsQ0FBQyxDQUFDLENBQUMsS0FBSztnQkFDckcsV0FBVyxJQUFJLE9BQU8sV0FBVyxDQUFDLE9BQU8sRUFBRSxLQUFLLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FDMUQsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxJQUFHLFdBQVcsQ0FBUSxDQUNsRCxDQUFDLENBQUMsQ0FBQyxDQUNGLFdBQVcsQ0FDWixDQUNHLENBQ0YsQ0FDUCxDQUFBO0tBQ0Y7SUFDRCxPQUFPLDZCQUFLLEdBQUcsRUFBRSxHQUFHLEdBQUksQ0FBQTtBQUMxQixDQUFDLENBQUE7QUFFRCxlQUFlLEtBQUssQ0FBQyxVQUFVLENBQUMsS0FBSyxDQUFDLENBQUEifQ==
+export default Alert;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2FsZXJ0L0FsZXJ0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBaUIsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDL0UsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUM1RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxLQUFLLEVBQUUsV0FBVyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFDdkQsT0FBTyxFQUFjLG9CQUFvQixFQUFzQixNQUFNLGNBQWMsQ0FBQTtBQUNuRixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLGNBQWMsTUFBTSxXQUFXLENBQUE7QUFFdEM7OztHQUdHO0FBQ0gsSUFBTSxZQUFZLEdBQTRDLFVBQUMsRUFBb0I7SUFBbEIsSUFBQSxLQUFLLFdBQUEsRUFBSyxNQUFNLGNBQWxCLFNBQW9CLENBQUY7SUFDdkUsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFOUIsSUFBQSxLQUFLLEdBQWtHLEtBQUssTUFBdkcsRUFBRSxRQUFRLEdBQXdGLEtBQUssU0FBN0YsRUFBRSxXQUFXLEdBQTJFLEtBQUssWUFBaEYsRUFBRSxRQUFRLEdBQWlFLEtBQUssU0FBdEUsRUFBRSxNQUFNLEdBQXlELEtBQUssT0FBOUQsRUFBRSxRQUFRLEdBQStDLEtBQUssU0FBcEQsRUFBRSxPQUFPLEdBQXNDLEtBQUssUUFBM0MsRUFBRSxTQUFTLEdBQTJCLEtBQUssVUFBaEMsRUFBRSxFQUFFLEdBQXVCLEtBQUssR0FBNUIsRUFBRSxNQUFNLEdBQWUsS0FBSyxPQUFwQixFQUFFLFFBQVEsR0FBSyxLQUFLLFNBQVYsQ0FBVTtJQUNwSCxJQUFNLFNBQVMsR0FBRyxPQUFPLENBQUMsS0FBSyxDQUFDLENBQUE7SUFFaEMsSUFBTSxXQUFXLEdBQWtCO1FBQ2pDLEdBQUcsRUFBRSxNQUFNLElBQUksQ0FBQztRQUNoQixRQUFRLEVBQUUsT0FBTztLQUNsQixDQUFBO0lBRUQsSUFBTSxjQUFjLEdBQWtCO1FBQ3BDLE1BQU0sRUFBRSxNQUFNLElBQUksQ0FBQztRQUNuQixRQUFRLEVBQUUsT0FBTztLQUNsQixDQUFBO0lBRUQsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLFNBQVMsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxLQUFLLElBQUksRUFBRSxDQUFDLE1BQU0sQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUMzRixDQUFBO0lBRUQsSUFBSSxDQUFDLFNBQVMsRUFBRTtRQUNkLE9BQU8sSUFBSSxDQUFBO0tBQ1o7SUFFRCxJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU8sQ0FDTCxzQ0FDRSxFQUFFLEVBQUUsRUFBRSxFQUNOLEtBQUssRUFDSCxDQUFDLFFBQVEsS0FBSyxvQkFBb0IsQ0FBQyxHQUFHLElBQUksV0FBVyxDQUFDO2dCQUN0RCxDQUFDLFFBQVEsS0FBSyxvQkFBb0IsQ0FBQyxNQUFNLElBQUksY0FBYyxDQUFDO2dCQUM1RCxXQUFXLEVBRWIsT0FBTyxFQUFFLFVBQUMsQ0FBQztnQkFDVCxpREFBaUQ7Z0JBQ2pELE9BQU8sYUFBUCxPQUFPLHVCQUFQLE9BQU8sQ0FBRyxDQUFDLENBQUMsQ0FBQTtnQkFDWixDQUFDLENBQUMsZUFBZSxFQUFFLENBQUE7WUFDckIsQ0FBQyxFQUNELFNBQVMsRUFBRSxPQUFPLElBQ2QsTUFBTSxHQUVULFFBQVEsQ0FDTCxDQUNQLENBQUE7S0FDRjtJQUVELE9BQU8sS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUNiLHNDQUNFLEtBQUssRUFDSCxDQUFDLFFBQVEsS0FBSyxvQkFBb0IsQ0FBQyxHQUFHLElBQUksV0FBVyxDQUFDO1lBQ3RELENBQUMsUUFBUSxLQUFLLG9CQUFvQixDQUFDLE1BQU0sSUFBSSxjQUFjLENBQUM7WUFDNUQsV0FBVyxFQUViLE9BQU8sRUFBRSxVQUFDLENBQUM7WUFDVCxpREFBaUQ7WUFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO1lBQ1osQ0FBQyxDQUFDLGVBQWUsRUFBRSxDQUFBO1FBQ3JCLENBQUMsRUFDRCxTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU07UUFFVCxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQUk7UUFDM0QsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQzVDLEtBQUssSUFBSSxvQkFBQyxLQUFLLElBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxHQUFHLElBQUcsS0FBSyxDQUFTO1lBQ3ZELFdBQVcsSUFBSSxvQkFBQyxJQUFJLFFBQUUsV0FBVyxDQUFRLENBQ3RDO1FBQ0wsUUFBUSxJQUFJLG9CQUFDLElBQUksSUFBQyxPQUFPLEVBQUUsUUFBUSxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQUksQ0FDNUcsQ0FDUCxDQUFDLENBQUMsQ0FBQyxJQUFJLENBQUE7QUFDVixDQUFDLENBQUE7QUFFRDs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFXRjtJQVZYLElBQUEsTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ04sU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLE9BQU8sYUFBQSxFQUNQLGVBQWMsRUFBZCxPQUFPLG1CQUFHLElBQUksS0FBQSxFQUNYLE1BQU0sY0FWSSxpR0FXZCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLE9BQU8sRUFBRSxHQUFHLENBQUMsTUFBTSxDQUFDLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQ3hHLENBQUE7SUFFRCxJQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsT0FBTyxDQUFDOztRQUM5QixJQUFJLFFBQVEsSUFBSSxJQUFJO1lBQUUsT0FBTyxRQUFRLENBQUE7YUFDaEMsSUFBSSxNQUFNO1lBQUUsT0FBTyxNQUFBLGlCQUFpQixDQUFDLE1BQU0sQ0FBQyxtQ0FBSSxRQUFRLENBQUMsWUFBWSxDQUFBOztZQUNyRSxPQUFPLFFBQVEsQ0FBQyxZQUFZLENBQUE7SUFDbkMsQ0FBQyxFQUFFLENBQUMsUUFBUSxFQUFFLE1BQU0sQ0FBQyxDQUFDLENBQUE7SUFFdEIsSUFBSSxPQUFPLEVBQUU7UUFDWCxPQUFPLENBQ0wsc0NBQ0UsRUFBRSxFQUFFLEVBQUUsRUFDTixPQUFPLEVBQUUsVUFBQyxDQUFDO2dCQUNULGlEQUFpRDtnQkFDakQsT0FBTyxhQUFQLE9BQU8sdUJBQVAsT0FBTyxDQUFHLENBQUMsQ0FBQyxDQUFBO2dCQUNaLENBQUMsQ0FBQyxlQUFlLEVBQUUsQ0FBQTtZQUNyQixDQUFDLEVBQ0QsU0FBUyxFQUFFLE9BQU8sSUFDZCxNQUFNO1lBRVYsb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxTQUFTLEdBQUk7WUFDekIsNkJBQUssU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO2dCQUM1QyxLQUFLLElBQUksT0FBTyxLQUFLLENBQUMsT0FBTyxFQUFFLEtBQUssUUFBUSxDQUFDLENBQUMsQ0FBQyxvQkFBQyxLQUFLLElBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxHQUFHLElBQUcsS0FBSyxDQUFTLENBQUMsQ0FBQyxDQUFDLEtBQUs7Z0JBQ3JHLFdBQVcsSUFBSSxPQUFPLFdBQVcsQ0FBQyxPQUFPLEVBQUUsS0FBSyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQzFELG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsVUFBVSxDQUFDLEdBQUcsSUFBRyxXQUFXLENBQVEsQ0FDbEQsQ0FBQyxDQUFDLENBQUMsQ0FDRixXQUFXLENBQ1osQ0FDRyxDQUNGLENBQ1AsQ0FBQTtLQUNGO0lBQ0QsT0FBTyxnQ0FBTyxDQUFBO0FBQ2hCLENBQUMsQ0FBQTtBQUVEOzs7Ozs7R0FNRztBQUNILE1BQU0sQ0FBQyxJQUFNLG9CQUFvQixHQUFHLFVBQUMsRUFBZ0M7UUFBOUIsUUFBUSxjQUFBO0lBQ3ZDLElBQUEsS0FBQSxPQUFrQyxRQUFRLENBQTRCLElBQUksQ0FBQyxJQUFBLEVBQTFFLFlBQVksUUFBQSxFQUFFLGVBQWUsUUFBNkMsQ0FBQTtJQUMzRSxJQUFBLEtBQUEsT0FBMEIsUUFBUSxDQUFDLElBQUksQ0FBQyxJQUFBLEVBQXZDLFFBQVEsUUFBQSxFQUFFLFdBQVcsUUFBa0IsQ0FBQTtJQUM5QyxJQUFNLE9BQU8sR0FBRyxNQUFNLENBQXdDLElBQUksQ0FBQyxDQUFBO0lBRW5FLElBQU0sU0FBUyxHQUFHLFVBQUMsTUFBMEI7UUFDM0MsZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFBO1FBQ3ZCLE1BQU0sQ0FBQyxRQUFRLElBQUksTUFBTSxDQUFDLFFBQVEsR0FBRyxDQUFDLElBQUksV0FBVyxDQUFDLE1BQU0sQ0FBQyxRQUFRLENBQUMsQ0FBQTtRQUN0RSxPQUFPLENBQUMsT0FBTyxJQUFJLFlBQVksQ0FBQyxPQUFPLENBQUMsT0FBTyxDQUFDLENBQUE7SUFDbEQsQ0FBQyxDQUFBO0lBRUQsU0FBUyxDQUFDO1FBQ1IsT0FBTyxDQUFDLE9BQU8sR0FBRyxVQUFVLENBQUM7WUFDM0IsZUFBZSxDQUFDLElBQUksQ0FBQyxDQUFBO1FBQ3ZCLENBQUMsRUFBRSxRQUFRLENBQUMsQ0FBQTtJQUNkLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxZQUFZLGFBQVosWUFBWSx1QkFBWixZQUFZLENBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUV2QyxPQUFPLENBQ0wsb0JBQUMsY0FBYyxDQUFDLFFBQVEsSUFBQyxLQUFLLEVBQUUsRUFBRSxJQUFJLEVBQUUsU0FBUyxFQUFFLElBQUksRUFBRSxjQUFNLE9BQUEsSUFBSSxFQUFKLENBQUksRUFBRTtRQUNsRSxRQUFRO1FBQ1Qsb0JBQUMsWUFBWSxJQUNYLEtBQUssRUFBRTtnQkFDTCxLQUFLLEVBQUUsWUFBWSxhQUFaLFlBQVksdUJBQVosWUFBWSxDQUFFLEtBQUs7Z0JBQzFCLEVBQUUsRUFBRSxZQUFZLGFBQVosWUFBWSx1QkFBWixZQUFZLENBQUUsRUFBRTtnQkFDcEIsV0FBVyxFQUFFLFlBQVksYUFBWixZQUFZLHVCQUFaLFlBQVksQ0FBRSxXQUFXO2dCQUN0QyxRQUFRLEVBQUUsWUFBWSxhQUFaLFlBQVksdUJBQVosWUFBWSxDQUFFLFFBQVE7Z0JBQ2hDLFFBQVEsRUFBRSxZQUFZLGFBQVosWUFBWSx1QkFBWixZQUFZLENBQUUsUUFBUTtnQkFDaEMsTUFBTSxFQUFFLFlBQVksYUFBWixZQUFZLHVCQUFaLFlBQVksQ0FBRSxNQUFNO2dCQUM1QixPQUFPLEVBQUUsWUFBWSxhQUFaLFlBQVksdUJBQVosWUFBWSxDQUFFLE9BQU87Z0JBQzlCLE1BQU0sRUFBRSxZQUFZLGFBQVosWUFBWSx1QkFBWixZQUFZLENBQUUsTUFBTTtnQkFDNUIsUUFBUSxFQUFFLFlBQVksYUFBWixZQUFZLHVCQUFaLFlBQVksQ0FBRSxRQUFRO2dCQUNoQyxNQUFNLEVBQUUsWUFBWSxhQUFaLFlBQVksdUJBQVosWUFBWSxDQUFFLE1BQU07YUFDN0IsR0FDRCxDQUNzQixDQUMzQixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxLQUFLLENBQUEifQ==

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

@@ -1,5 +1,38 @@
-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;
+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;

package/lib/components/alert/Alert.native.js

@@ -1,15 +1,35 @@
 import { __rest } from "tslib";
-import React from 'react';
+import * as React from 'react';
 import { StyleSheet, TouchableOpacity } from 'react-native';
-import { Columns, ColumnsItem } from '../../components/columns';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Icon } from '../../components/icon';
+import { Columns, Column } from '../../components/columns';
 import { Spacer, SpacerSize } from '../../components/spacer';
-import { Text, TextLevels } from '../../components/text';
 import { View } from '../../components/view';
-import { TypographyBold } from '../../objects/Typography/TypographyBold';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import { Text, TextLevels } from '../../components/text';
+import { Title, TitleLevels } from '../../components/title';
 import { getStatusIconName, getStatusStyle } from '../../objects/facets/Status';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import { ToasterAlertPosition } from './AlertProps';
+import { Icon, IconName, IconSize } from '../../components/icon';
+import { TypographyBold } from '../../objects';
+import { ComponentName } from '../../components/enumsComponentsName';
+import ToasterContext from './context';
+import LibToast from 'react-native-toast-message';
+/**
+ * Function call by context for showing toast
+ * @param params {ToasterShowContext}
+ */
+var showToast = function (params) {
+    var position = params.position, duration = params.duration, offset = params.offset, title = params.title, description = params.description, onClick = params.onClick, closable = params.closable, onHide = params.onHide, iconName = params.iconName;
+    LibToast.show({
+        type: 'tomatoToast',
+        position: position || ToasterAlertPosition.BOTTOM,
+        bottomOffset: offset || 10,
+        topOffset: offset || 10,
+        visibilityTime: duration || 5000,
+        onHide: onHide,
+        props: { title: title, description: description, closable: closable, iconName: iconName, alert: alert, onClick: onClick },
+    });
+};
 /**
  * Alert Component
  * @param iconName {IconName} Custom icon
@@ -20,7 +40,7 @@ import { getStatusIconName, getStatusStyle } from '../../objects/facets/Status';
  * @param onClick {Function} onClick Event for all alert
  * @param display {Boolean} Display Alert component
  */
-var Alert = function (_a, ref) {
+var Alert = function (_a) {
     var banner = _a.banner, status = _a.status, 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", "iconName", "title", "description", "onClick", "display"]);
     var _c = getStatusStyle(status), color = _c.color, backgroundColor = _c.backgroundColor;
     var alertView;
@@ -58,23 +78,85 @@ var Alert = function (_a, ref) {
     // eslint-disable-next-line prefer-const
     alertView = (
     // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    React.createElement(View, { style: [styles.container, others.style], ref: ref },
+    React.createElement(View, { style: [styles.container, others.style] },
         React.createElement(Columns, null,
-            React.createElement(ColumnsItem, { size: 1 },
-                React.createElement(Icon, { style: styles.icon, name: iconName ? iconName : getStatusIconName(status) })),
-            React.createElement(ColumnsItem, { size: 11 },
+            React.createElement(Column, { size: 1 },
+                React.createElement(Icon, { name: iconName ? iconName : getStatusIconName(status) })),
+            React.createElement(Column, { size: 11 },
                 React.createElement(Text, { style: styles.containerTitle, level: TextLevels.ONE, typo: TypographyBold.TEXT_WEIGHT_SEMIBOLD }, title),
                 React.createElement(Spacer, { size: SpacerSize.ONE }))),
         description && (React.createElement(Columns, null,
-            React.createElement(ColumnsItem, { size: 1 }),
-            React.createElement(ColumnsItem, { size: 11 }, typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.description }, description)) : (description))))));
+            React.createElement(Column, { size: 1 }),
+            React.createElement(Column, { size: 11 }, typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, style: styles.description }, description)) : (description))))));
     if (onClick && display)
         return (React.createElement(View, null,
             React.createElement(TouchableOpacity, { onPress: onClick, activeOpacity: 0.85 }, alertView)));
     if (!onClick && display)
         return alertView;
-    return React.createElement(View, { ref: ref });
+    return React.createElement(View, null);
+};
+/**
+ * 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 var ToasterAlert = function (_a) {
+    var props = _a.props;
+    var title = props.title, description = props.description, iconName = props.iconName, status = props.status, closable = props.closable, onClick = props.onClick;
+    var _b = getStatusStyle(status), color = _b.color, backgroundColor = _b.backgroundColor;
+    var styles = StyleSheet.create({
+        toaster: {
+            padding: 24,
+        },
+        toasterContainer: {
+            borderWidth: 1,
+            borderColor: color,
+            backgroundColor: backgroundColor,
+            padding: 14,
+            borderRadius: 6,
+        },
+        icon: {
+            fontSize: 16,
+            color: color,
+            marginTop: 1.5,
+        },
+    });
+    return (React.createElement(View, { style: styles.toaster },
+        React.createElement(TouchableOpacity, { style: styles.toasterContainer, onPress: onClick },
+            React.createElement(Columns, null,
+                React.createElement(Column, { size: 1 }, iconName && React.createElement(Icon, { name: iconName })),
+                React.createElement(Column, null,
+                    title && React.createElement(Title, { level: TitleLevels.SIX }, title),
+                    description && (React.createElement(React.Fragment, null,
+                        React.createElement(Spacer, { size: SpacerSize.TWO }),
+                        React.createElement(Text, { level: TextLevels.THREE }, description)))),
+                closable && (React.createElement(Column, { size: 1 },
+                    React.createElement(TouchableOpacity, { onPress: function (e) {
+                            LibToast.hide();
+                            closable(e);
+                        } },
+                        React.createElement(Icon, { name: IconName.TIMES, size: IconSize.SMALL }))))))));
+};
+/**
+ * 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 var ToasterAlertProvider = function (_a) {
+    var children = _a.children;
+    var toastConfig = {
+        tomatoToast: ToasterAlert,
+    };
+    return (React.createElement(ToasterContext.Provider, { value: { show: showToast, hide: LibToast.hide } },
+        children,
+        React.createElement(LibToast, { config: toastConfig })));
 };
 Alert.displayName = ComponentName.Alert;
-export default React.forwardRef(Alert);
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hbGVydC9BbGVydC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxnQkFBZ0IsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUczRCxPQUFPLEVBQUUsT0FBTyxFQUFFLFdBQVcsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUNBQXFDLENBQUE7QUFDcEUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFFM0U7Ozs7Ozs7OztHQVNHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsVUFDWixFQUFnRyxFQUNoRyxHQUF3QjtJQUR0QixJQUFBLE1BQU0sWUFBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxlQUFjLEVBQWQsT0FBTyxtQkFBRyxJQUFJLEtBQUEsRUFBSyxNQUFNLGNBQWxGLDhFQUFvRixDQUFGO0lBRzVFLElBQUEsS0FBNkIsY0FB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
+export default Alert;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnQubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9hbGVydC9BbGVydC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQzNELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDdEQsT0FBTyxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBQ3ZELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUMzRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBYyxvQkFBb0IsRUFBc0IsTUFBTSxjQUFjLENBQUE7QUFDbkYsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUMxQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxjQUFjLE1BQU0sV0FBVyxDQUFBO0FBQ3RDLE9BQU8sUUFBUSxNQUFNLDRCQUE0QixDQUFBO0FBR2pEOzs7R0FHRztBQUNILElBQU0sU0FBUyxHQUF1QixVQUFDLE1BQTBCO0lBQ3ZELElBQUEsUUFB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

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

@@ -2,7 +2,8 @@
 import { Clickable } from '../../objects/facets/Clickable';
 import { Accessibility, Dev, StatusProps } from '../../objects/facets';
 import { IconName, IconNameValues } from '../../components/icon/IconNameEnum';
-import { ClickEvent } from "../../events/OnClickEvent";
+import { ClickEvent } from '../../events/OnClickEvent';
+import { CommonProps } from '../../objects/facets/CommonProps';
 export declare enum ToasterAlertPosition {
     TOP = "top",
     BOTTOM = "bottom"
@@ -26,11 +27,10 @@ export interface ToasterStatusProps extends StatusProps, Clickable, Accessibilit
 /**
  * Alert Interface
  */
-export interface AlertProps extends StatusProps, Clickable, Accessibility, Dev {
+export interface AlertProps extends StatusProps, Clickable, Accessibility, Dev, CommonProps {
     iconName?: IconName | IconNameValues;
     title?: string | React.ReactNode;
     description?: string | React.ReactNode;
-    className?: string;
     display?: boolean;
     toaster?: boolean;
     banner?: boolean;

package/lib/components/alert/AlertProps.js

@@ -3,4 +3,4 @@ export var ToasterAlertPosition;
     ToasterAlertPosition["TOP"] = "top";
     ToasterAlertPosition["BOTTOM"] = "bottom";
 })(ToasterAlertPosition || (ToasterAlertPosition = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnRQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYWxlcnQvQWxlcnRQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFLQSxNQUFNLENBQU4sSUFBWSxvQkFHWDtBQUhELFdBQVksb0JBQW9CO0lBQzlCLG1DQUFXLENBQUE7SUFDWCx5Q0FBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSFcsb0JBQW9CLEtBQXBCLG9CQUFvQixRQUcvQiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQWxlcnRQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvYWxlcnQvQWxlcnRQcm9wcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFNQSxNQUFNLENBQU4sSUFBWSxvQkFHWDtBQUhELFdBQVksb0JBQW9CO0lBQzlCLG1DQUFXLENBQUE7SUFDWCx5Q0FBaUIsQ0FBQTtBQUNuQixDQUFDLEVBSFcsb0JBQW9CLEtBQXBCLG9CQUFvQixRQUcvQiJ9