@trilogy-ds/react 0.0.1-beta.5 → 0.0.1-beta.50

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

@@ -1,12 +1,11 @@
-import React, { useContext, useEffect, useRef, useState } from 'react';
-import { Animated, Easing, StyleSheet, TouchableWithoutFeedback, View } from 'react-native';
-import { getColorStyle, mixColors, TrilogyColor } from '../../../objects/facets/Color';
-import { hasDisplayName } from './AccordionItem.helper';
-import { IconName } from '../../icon/IconNameEnum';
-import { Spacer, SpacerSize } from '../../spacer';
-import { Icon, IconSize } from '../../icon';
-import { ComponentName } from '../../enumsComponentsName';
-import { AccordionContext } from '../Accordion.native';
+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";
 /**
  * Accordion Item Component
  * @param active {boolean} Active Accordion Item
@@ -18,45 +17,47 @@ import { AccordionContext } from '../Accordion.native';
  * @param children
  */
 const AccordionItem = ({ active, id, onClick, disabled, onOpen, onClose, children, ...others }) => {
-    const [isActive, setIsActive] = useState(Boolean(typeof active !== 'undefined' ? active : false));
+    const [isActive, setIsActive] = useState(Boolean(typeof active !== "undefined" ? active : false));
     const animatedController = useRef(new Animated.Value(0)).current;
     const [bodySectionHeight, setBodySectionHeight] = useState(0);
-    const [childs, setChilds] = useState({ header: undefined, body: undefined });
-    const accordionContextValues = useContext(AccordionContext);
-    const itemColor = accordionContextValues.inverted
-        ? getColorStyle(TrilogyColor.WHITE)
-        : mixColors(TrilogyColor.GREY, -96);
+    const [childs, setChilds] = useState({
+        header: undefined,
+        body: undefined,
+    });
     const styles = StyleSheet.create({
         item: {
-            width: '100%',
+            width: "100%",
             padding: 5,
             borderRadius: 6,
-            backgroundColor: itemColor,
+            backgroundColor: disabled
+                ? getColorStyle(TrilogyColor.DISABLED, 1)
+                : getColorStyle(TrilogyColor.BACKGROUND),
             borderWidth: 1,
-            borderColor: mixColors(TrilogyColor.GREY, -80),
+            borderColor: (disabled && getColorStyle(TrilogyColor.DISABLED, 1)) ||
+                getColorStyle(TrilogyColor.FONT, 1)
         },
         bodyBackground: {
             borderRadius: 6,
-            backgroundColor: itemColor,
-            overflow: 'hidden',
+            backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
+            overflow: "hidden",
         },
         titleContainer: {
-            minWidth: '100%',
-            display: 'flex',
-            flexDirection: 'row',
-            justifyContent: 'space-between',
-            alignItems: 'center',
-            paddingLeft: 5,
+            minWidth: "100%",
+            display: "flex",
+            flexDirection: "row",
+            justifyContent: "space-between",
+            alignItems: "center",
+            paddingLeft: 10,
             paddingRight: 5,
             paddingTop: 5,
             paddingBottom: 5,
-            borderColor: itemColor,
+            borderColor: getColorStyle(TrilogyColor.BACKGROUND),
         },
         bodyContainer: {
             padding: 10,
             paddingLeft: 10,
             paddingRight: 10,
-            position: 'absolute',
+            position: "absolute",
             bottom: 0,
             borderRadius: 6,
         },
@@ -67,7 +68,7 @@ const AccordionItem = ({ active, id, onClick, disabled, onOpen, onClose, childre
     });
     const arrowAngle = animatedController.interpolate({
         inputRange: [0, 1],
-        outputRange: ['0rad', `${Math.PI}rad`],
+        outputRange: ["0rad", `${Math.PI}rad`],
     });
     useEffect(() => {
         setIsActive(active || false);
@@ -99,15 +100,15 @@ const AccordionItem = ({ active, id, onClick, disabled, onOpen, onClose, childre
         if (Array.isArray(children)) {
             children.forEach((child) => {
                 if (child &&
-                    typeof child === 'object' &&
-                    'type' in child &&
-                    typeof child.type === 'function' &&
+                    typeof child === "object" &&
+                    "type" in child &&
+                    typeof child.type === "function" &&
                     hasDisplayName(child.type)) {
                     switch (child.type.displayName) {
-                        case 'AccordionHeader':
+                        case "AccordionHeader":
                             newChilds.header = child;
                             break;
-                        case 'AccordionBody':
+                        case "AccordionBody":
                             newChilds.body = child;
                             break;
                         default:
@@ -120,7 +121,7 @@ const AccordionItem = ({ active, id, onClick, disabled, onOpen, onClose, childre
     }, [children]);
     return (React.createElement(React.Fragment, null,
         React.createElement(View, { style: styles.item },
-            React.createElement(TouchableWithoutFeedback, { style: styles.item, testID: id || '', 
+            React.createElement(TouchableWithoutFeedback, { style: styles.item, testID: id || "", 
                 // eslint-disable-next-line @typescript-eslint/no-explicit-any
                 onPress: (e) => {
                     if (!disabled) {
@@ -136,7 +137,7 @@ const AccordionItem = ({ active, id, onClick, disabled, onOpen, onClose, childre
                 React.createElement(View, { style: styles.titleContainer },
                     childs.header && React.createElement(View, null, childs.header),
                     React.createElement(Animated.View, { style: { transform: [{ rotateZ: arrowAngle }] } },
-                        React.createElement(Icon, { name: IconName.ARROW_DOWN, size: IconSize.SMALLER, color: isActive ? TrilogyColor.SECONDARY : TrilogyColor.GREY_DARK })))),
+                        React.createElement(Icon, { name: IconName.ARROW_DOWN, size: IconSize.SMALLER, color: disabled ? TrilogyColor.DISABLED : TrilogyColor.MAIN })))),
             React.createElement(Animated.View, { style: [styles.bodyBackground, { height: bodyHeight }] },
                 React.createElement(View, { style: styles.bodyContainer, 
                     // eslint-disable-next-line @typescript-eslint/no-explicit-any

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

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.native.js","sourceRoot":"","sources":["../../../../components/accordion/item/AccordionItem.native.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"AccordionItem.native.js","sourceRoot":"","sources":["../../../../components/accordion/item/AccordionItem.native.tsx"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1,71 @@
+import * as React from "react";
+import { render, fireEvent } from "@testing-library/react";
+import { Accordion, AccordionItem, AccordionBody, AccordionHeader, } from "../../index";
+describe("AccordionItem", () => {
+    it("should render correctly", () => {
+        const { getByTestId } = render(React.createElement(Accordion, null,
+            React.createElement(AccordionItem, { id: "accordion-item", active: false },
+                React.createElement(AccordionHeader, { testId: "content" }, "Accordion Header"),
+                React.createElement(AccordionBody, null, " content "))));
+        const accordionItem = getByTestId("accordion-item");
+        expect(accordionItem).toBeInTheDocument();
+        expect(accordionItem).toHaveClass("accordion");
+    });
+    test("should expand and collapse accordion item when clicked", () => {
+        const { getByTestId } = render(React.createElement(Accordion, null,
+            React.createElement(AccordionItem, { id: "accordion", active: true },
+                React.createElement(AccordionHeader, { testId: "header" }, "Accordion Header"),
+                React.createElement(AccordionBody, null, " content "))));
+        const accordionItem = getByTestId("accordion");
+        const header = getByTestId("header");
+        fireEvent.click(header);
+        expect(header).toBeVisible();
+        fireEvent.click(accordionItem);
+    });
+    test("should be disabled", () => {
+        const { getByTestId } = render(React.createElement(Accordion, null,
+            React.createElement(AccordionItem, { id: "accordion", disabled: true },
+                React.createElement(AccordionHeader, { testId: "accordionHeader" }, "Accordion Header"),
+                React.createElement(AccordionBody, null, " content "))));
+        const accordionItem = getByTestId("accordion");
+        fireEvent.click(accordionItem);
+        expect(accordionItem.querySelector("input[type=checkbox]")).toBeFalsy();
+    });
+    test("should execute onOpen function", () => {
+        let isOpen = false;
+        const { getByTestId } = render(React.createElement(Accordion, null,
+            React.createElement(AccordionItem, { active: false, id: "accordion", onOpen: () => (isOpen = true) },
+                React.createElement(AccordionHeader, null, "Accordion Header"),
+                React.createElement(AccordionBody, null, " content "))));
+        const accordionItem = getByTestId("accordion");
+        fireEvent.click(accordionItem);
+        expect(isOpen).toBe(true);
+    });
+    test("should execute onClose function", () => {
+        let isOpen = true;
+        const { getByTestId } = render(React.createElement(Accordion, null,
+            React.createElement(AccordionItem, { active: true, id: "accordion", onClose: () => (isOpen = false) },
+                React.createElement(AccordionHeader, null, "Accordion Header"),
+                React.createElement(AccordionBody, null, " content "))));
+        const accordionItem = getByTestId("accordion");
+        fireEvent.click(accordionItem);
+        expect(isOpen).toBe(false);
+    });
+    test("should have data-collapsed 1", () => {
+        const { getByTestId } = render(React.createElement(Accordion, null,
+            React.createElement(AccordionItem, { active: false, id: "accordion" },
+                React.createElement(AccordionHeader, null, "Accordion Header"),
+                React.createElement(AccordionBody, null, " content "))));
+        const accordionItem = getByTestId("accordion");
+        expect(accordionItem.getAttribute("data-collapsed")).toBe("1");
+    });
+    test("should have data-collapsed 0", () => {
+        const { getByTestId } = render(React.createElement(Accordion, null,
+            React.createElement(AccordionItem, { active: true, id: "accordion" },
+                React.createElement(AccordionHeader, null, "Accordion Header"),
+                React.createElement(AccordionBody, null, " content "))));
+        const accordionItem = getByTestId("accordion");
+        expect(accordionItem.getAttribute("data-collapsed")).toBe("0");
+    });
+});
+//# sourceMappingURL=AccordionItem.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionItem.test.js","sourceRoot":"","sources":["../../../../../components/accordion/item/test/AccordionItem.test.tsx"],"names":[],"mappings":"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"}

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

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

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

@@ -0,0 +1,14 @@
+import * as React from "react";
+import { render } from "@testing-library/react";
+import { Accordion, AccordionItem, AccordionBody, AccordionHeader, } from "../index";
+describe("Accordion", () => {
+    it("should render correctly", () => {
+        const { getByTestId } = render(React.createElement(Accordion, { testId: "accordions" },
+            React.createElement(AccordionItem, null,
+                React.createElement(AccordionHeader, null, "Accordion Header"),
+                React.createElement(AccordionBody, null, " content "))));
+        const accordion = getByTestId("accordions");
+        expect(accordion).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=Accordion.test.js.map

package/lib/components/accordion/test/Accordion.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.test.js","sourceRoot":"","sources":["../../../../components/accordion/test/Accordion.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EACL,SAAS,EACT,aAAa,EACb,aAAa,EACb,eAAe,GAChB,MAAM,UAAU,CAAC;AAElB,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QACjC,MAAM,EAAE,WAAW,EAAE,GAAG,MAAM,CAC5B,oBAAC,SAAS,IAAC,MAAM,EAAE,YAAY;YAC7B,oBAAC,aAAa;gBACZ,oBAAC,eAAe,2BAAmC;gBACnD,oBAAC,aAAa,oBAA0B,CAC1B,CACN,CACb,CAAC;QACF,MAAM,SAAS,GAAG,WAAW,CAAC,YAAY,CAAC,CAAC;QAC5C,MAAM,CAAC,SAAS,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACxC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

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

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { AlertProps } from './AlertProps';
+import { AlertProps, ToasterAlertProps } from "./AlertProps";
 /**
  * Alert Component
  * @param iconName {IconName} Custom icon
@@ -12,5 +12,13 @@ import { AlertProps } from './AlertProps';
  * @param display
  * @param others
  */
-declare const Alert: ({ alert, className, iconClassname, iconName, title, description, onClick, display, testId, ...others }: AlertProps) => JSX.Element;
+declare const Alert: ({ alert, className, iconClassname, iconName, title, description, onClick, display, testId, toaster, ...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 }: ToasterAlertProps) => JSX.Element;
 export default Alert;

package/lib/components/alert/Alert.js

@@ -1,12 +1,57 @@
-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 { useTrilogyContext } from '../../context';
+import clsx from "clsx";
+import * as React from "react";
+import { getAlertClassName, getAlertIconName } from "../../objects";
+import { has, is } from "../../services/classify";
+import { Icon, IconName, IconSize } from "../../components/icon";
+import { Text } 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';
+import { useEffect, useRef, useState } from "react";
+/**
+ * Toaster Component
+ * @param children {React.ReactNode} Custom Toast Content
+ */
+const ToasterAlert = ({ props, ...others }) => {
+    const { styled } = useTrilogyContext();
+    const { title, position, description, iconName, alert, closable, onClick, className, offset, children } = props;
+    const displayed = Boolean(title);
+    const positionTop = {
+        top: offset || 0,
+        position: 'fixed',
+    };
+    const positionBottom = {
+        bottom: offset || 0,
+        position: 'fixed',
+    };
+    const classes = hashClass(styled, clsx('toaster', alert && is(getAlertClassName(alert)), !alert && is('info'), className));
+    if (!displayed) {
+        return null;
+    }
+    if (children) {
+        return (React.createElement("div", { "data-testid": props.testId, style: (position === ToasterAlertPosition.TOP && positionTop) ||
+                (position === ToasterAlertPosition.BOTTOM && positionBottom) ||
+                positionTop, onClick: (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", { "data-testid": props.testId, style: (position === ToasterAlertPosition.TOP && positionTop) ||
+            (position === ToasterAlertPosition.BOTTOM && positionBottom) ||
+            positionTop, onClick: (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 +64,9 @@ import { useTrilogyContext } from '../../context';
  * @param display
  * @param others
  */
-const Alert = ({ alert, className, iconClassname, iconName, title, description, onClick, display, testId, ...others }) => {
+const Alert = ({ alert, className, iconClassname, iconName, title, description, onClick, display, testId, toaster, ...others }) => {
     const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('alert', has('body'), alert && is(getAlertClassName(alert)), className));
+    const classes = hashClass(styled, clsx("alert", has("body"), alert && is(getAlertClassName(alert)), className));
     const iconAlert = React.useMemo(() => {
         var _a;
         if (iconName != null)
@@ -38,11 +83,47 @@ const Alert = ({ alert, className, iconClassname, iconName, title, description,
                 e.stopPropagation();
             }, className: classes, ...others },
             React.createElement(Icon, { className: iconClassname, 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)));
+            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, null, 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 const ToasterAlertProvider = ({ children }) => {
+    const [toasterState, setToasterState] = useState(null);
+    const [duration, setDuration] = useState(5000);
+    const timeRef = useRef(null);
+    const showToast = (params) => {
+        setToasterState(params);
+        params.duration && params.duration > 0 && setDuration(params.duration);
+        timeRef.current && clearTimeout(timeRef.current);
+    };
+    useEffect(() => {
+        timeRef.current = setTimeout(() => {
+            setToasterState(null);
+        }, duration);
+    }, [toasterState, toasterState === null || toasterState === void 0 ? void 0 : toasterState.title]);
+    return (React.createElement(ToasterContext.Provider, { value: { show: showToast, hide: () => null } },
+        children,
+        React.createElement(ToasterAlert, { props: {
+                title: toasterState === null || toasterState === void 0 ? void 0 : toasterState.title,
+                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,
+                alert: toasterState === null || toasterState === void 0 ? void 0 : toasterState.alert,
+                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,
+                testId: toasterState === null || toasterState === void 0 ? void 0 : toasterState.testId,
+            } })));
+};
 export default Alert;
 //# sourceMappingURL=Alert.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../components/alert/Alert.tsx"],"names":[],"mappings":"AAAA,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,iBAAiB,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AACnE,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAA;AACjD,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AACzC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAEjD;;;;;;;;;;;GAWG;AACH,MAAM,KAAK,GAAG,CAAC,EACb,KAAK,EACL,SAAS,EACT,aAAa,EACb,QAAQ,EACR,KAAK,EACL,WAAW,EACX,OAAO,EACP,OAAO,EACP,MAAM,EACN,GAAG,MAAM,EACE,EAAe,EAAE;IAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,CAAC,EAAE,KAAK,IAAI,EAAE,CAAC,iBAAiB,CAAC,KAAK,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAA;IAE/G,MAAM,SAAS,GAAG,KAAK,CAAC,OAAO,CAAC,GAAG,EAAE;;QACnC,IAAI,QAAQ,IAAI,IAAI;YAAE,OAAO,QAAQ,CAAA;aAChC,IAAI,KAAK;YAAE,OAAO,MAAA,gBAAgB,CAAC,KAAK,CAAC,mCAAI,QAAQ,CAAC,YAAY,CAAA;;YAClE,OAAO,QAAQ,CAAC,YAAY,CAAA;IACnC,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,CAAC,CAAA;IAErB,IAAI,OAAO,EAAE;QACX,OAAO,CACL,4CACe,MAAM,EACnB,OAAO,EAAE,CAAC,CAAC,EAAE,EAAE;gBACb,iDAAiD;gBACjD,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,CAAC,CAAC,CAAA;gBACZ,CAAC,CAAC,eAAe,EAAE,CAAA;YACrB,CAAC,EACD,SAAS,EAAE,OAAO,KACd,MAAM;YAEV,oBAAC,IAAI,IAAC,SAAS,EAAE,aAAa,EAAE,IAAI,EAAE,SAAS,GAAI;YACnD,6BAAK,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;gBAC5C,KAAK,IAAI,OAAO,KAAK,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,KAAK,IAAC,KAAK,EAAE,WAAW,CAAC,KAAK,IAAG,KAAK,CAAS,CAAC,CAAC,CAAC,KAAK;gBACvG,WAAW,IAAI,OAAO,WAAW,CAAC,OAAO,EAAE,KAAK,QAAQ,CAAC,CAAC,CAAC,oBAAC,IAAI,QAAE,WAAW,CAAQ,CAAC,CAAC,CAAC,WAAW,CAChG,CACF,CACP,CAAA;KACF;IACD,OAAO,gCAAO,CAAA;AAChB,CAAC,CAAA;AAED,eAAe,KAAK,CAAA"}
+{"version":3,"file":"Alert.js","sourceRoot":"","sources":["../../../components/alert/Alert.tsx"],"names":[],"mappings":"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"}

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

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { AlertProps } from './AlertProps';
-import { ComponentName } from '../enumsComponentsName';
+import * as React from "react";
+import { AlertProps, ToasterAlertProps } from "./AlertProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Alert Component
  * @param iconName {IconName} Custom icon
@@ -14,4 +14,24 @@ declare const Alert: {
     ({ alert, 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 alert {AlertState} 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: ToasterAlertProps;
+}>;
+/**
+ * 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 }: ToasterAlertProps) => JSX.Element;
 export default Alert;