@pedidopago/ui 1.5.21 → 1.5.24

package/dist/components/Timeline/styles.d.ts

@@ -1,32 +1,32 @@
-/// <reference types="react" />
-import { GenericStyledProps } from './types';
-export declare const TimelineContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    fullWidth?: boolean | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
-export declare const TimelineItemContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
-export declare const TimelineSeparatorContainer: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TimelineSeparatorLine: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TimelineSeparatorCircle: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & import("react").HTMLAttributes<HTMLDivElement> & {
-    icon?: import("react").ReactNode;
-    circleColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const TimelineItemContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from './types';
+export declare const TimelineContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    fullWidth?: boolean | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {}>;
+export declare const TimelineItemContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
+export declare const TimelineSeparatorContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimelineSeparatorLine: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimelineSeparatorCircle: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & import("react").HTMLAttributes<HTMLDivElement> & {
+    icon?: import("react").ReactNode;
+    circleColor?: import("../..").GlobalColorsProps | (string & {}) | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const TimelineItemContent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Timeline/timeline.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/extend-expect';
+//# sourceMappingURL=timeline.test.d.ts.map

package/dist/components/Timeline/timeline.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"timeline.test.d.ts","sourceRoot":"","sources":["../../../src/components/Timeline/timeline.test.tsx"],"names":[],"mappings":"AAEA,OAAO,yCAAyC,CAAC"}

package/dist/components/Timeline/timeline.test.js

@@ -0,0 +1,152 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom/extend-expect");
+
+var _Icon = _interopRequireDefault(require("../Icon"));
+
+var _ = require(".");
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+describe('Timeline', function () {
+  it('should it render the Timeline component with childrens', function () {
+    var _render = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      })
+    })),
+        container = _render.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should it render the Timeline component with different position', function () {
+    var _render2 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
+      position: "right",
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      })
+    })),
+        container = _render2.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should it render the Timeline component with full width', function () {
+    var _render3 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
+      fullWidth: true,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      })
+    })),
+        container = _render3.container;
+
+    expect(container).toBeInTheDocument();
+  });
+  it('should it render the TimelineSeparator component with an icon', function () {
+    var _render4 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          })
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      })
+    })),
+        container = _render4.container;
+
+    expect(container).toBeInTheDocument();
+    expect(container.querySelector('svg')).toBeInTheDocument();
+  });
+  it('should it render the TimelineSeparator component with an icon and different color in the circle', function () {
+    var _render5 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_.Timeline, {
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          }),
+          circleColor: "primary.default"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      })
+    })),
+        container = _render5.container;
+
+    expect(container).toBeInTheDocument();
+    expect(container.querySelector('svg')).toBeInTheDocument();
+  });
+  it('should it render the Timeline component with multiply childrens', function () {
+    var _render6 = (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.Timeline, {
+      position: "alternate",
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          }),
+          circleColor: "primary.default"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          }),
+          circleColor: "primary.default"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          }),
+          circleColor: "primary.default"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      }), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_.TimelineItem, {
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineSeparator, {
+          icon: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
+            name: "shopping-cart"
+          }),
+          circleColor: "primary.default"
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_.TimelineContent, {
+          title: "Title",
+          description: "Description",
+          date: new Date()
+        })]
+      })]
+    })),
+        container = _render6.container;
+
+    expect(container).toBeInTheDocument();
+  });
+});

package/dist/components/Timeline/types.d.ts

@@ -1,21 +1,21 @@
-import { HTMLAttributes, ReactNode } from 'react';
-import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
-export declare type ITimelineProps = HTMLAttributes<HTMLUListElement> & {
-    position?: 'left' | 'right' | 'alternate';
-    fullWidth?: boolean;
-};
-export declare type ITimelineContentProps = HTMLAttributes<HTMLDivElement> & {
-    title: string;
-    description: string;
-    date?: Date;
-};
-export declare type ITimelineSeparatorProps = HTMLAttributes<HTMLDivElement> & {
-    icon?: ReactNode;
-    circleColor?: GlobalColorsProps | (string & {});
-};
-export declare type GenericStyledProps = {
-    theme?: ExtendThemeProps & {
-        position?: 'left' | 'right' | 'alternate';
-    };
-};
+import { HTMLAttributes, ReactNode } from 'react';
+import { ExtendThemeProps, GlobalColorsProps } from '../../shared/theme/theme.types';
+export declare type ITimelineProps = HTMLAttributes<HTMLUListElement> & {
+    position?: 'left' | 'right' | 'alternate';
+    fullWidth?: boolean;
+};
+export declare type ITimelineContentProps = HTMLAttributes<HTMLDivElement> & {
+    title: string;
+    description: string;
+    date?: Date;
+};
+export declare type ITimelineSeparatorProps = HTMLAttributes<HTMLDivElement> & {
+    icon?: ReactNode;
+    circleColor?: GlobalColorsProps | (string & {});
+};
+export declare type GenericStyledProps = {
+    theme?: ExtendThemeProps & {
+        position?: 'left' | 'right' | 'alternate';
+    };
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Toast/button-example.d.ts

@@ -1,7 +1,7 @@
-/// <reference types="react" />
-import { IToastConfig } from './types';
-declare const ToastButtonExample: ({ buttonText, ...options }: IToastConfig & {
-    buttonText?: String | undefined;
-}) => JSX.Element;
-export default ToastButtonExample;
+/// <reference types="react" />
+import { IToastConfig } from './types';
+declare const ToastButtonExample: ({ buttonText, ...options }: IToastConfig & {
+    buttonText?: String | undefined;
+}) => JSX.Element;
+export default ToastButtonExample;
 //# sourceMappingURL=button-example.d.ts.map

package/dist/components/Toast/components/Toast.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { Toast as IToastProps } from '../types';
-declare const Toast: FC<IToastProps>;
-export default Toast;
+import { FC } from 'react';
+import { Toast as IToastProps } from '../types';
+declare const Toast: FC<IToastProps>;
+export default Toast;
 //# sourceMappingURL=Toast.d.ts.map

package/dist/components/Toast/contexts/ToastProvider.d.ts

@@ -1,6 +1,6 @@
-import { FC } from 'react';
-import { ToastProviderProps } from '../types';
-export declare const ToastContext: import("react").Context<ToastProviderProps>;
-declare const ToastProvider: FC;
-export default ToastProvider;
+/// <reference types="react" />
+import { ToastProviderProps, ToastContextProps } from '../types';
+export declare const ToastContext: import("react").Context<ToastContextProps>;
+declare const ToastProvider: ({ children }: ToastProviderProps) => JSX.Element;
+export default ToastProvider;
 //# sourceMappingURL=ToastProvider.d.ts.map

package/dist/components/Toast/contexts/ToastProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/contexts/ToastProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,EAAE,EAAyB,MAAM,OAAO,CAAC;AAGjE,OAAO,EAA4B,kBAAkB,EAAE,MAAM,UAAU,CAAC;AAExE,eAAO,MAAM,YAAY,6CAA0C,CAAC;AAEpE,QAAA,MAAM,aAAa,EAAE,EAqCpB,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ToastProvider.d.ts","sourceRoot":"","sources":["../../../../src/components/Toast/contexts/ToastProvider.tsx"],"names":[],"mappings":";AAGA,OAAO,EAA4B,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAE3F,eAAO,MAAM,YAAY,4CAAyC,CAAC;AAEnE,QAAA,MAAM,aAAa,iBAAkB,kBAAkB,gBAqCtD,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/dist/components/Toast/hooks/useToast.d.ts

@@ -1,3 +1,3 @@
-declare const useToast: () => (options: import("../types").IToastConfig) => void;
-export default useToast;
+declare const useToast: () => (options: import("../types").IToastConfig) => void;
+export default useToast;
 //# sourceMappingURL=useToast.d.ts.map

package/dist/components/Toast/index.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-declare const ToastContainer: () => JSX.Element;
-export default ToastContainer;
+/// <reference types="react" />
+declare const ToastContainer: () => JSX.Element;
+export default ToastContainer;
 //# sourceMappingURL=index.d.ts.map

package/dist/components/Toast/styles.d.ts

@@ -1,23 +1,23 @@
-/// <reference types="react" />
-import { GenericStyledProps } from '../../@types';
-export declare const StyledToastContainerOverlay: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledToastManagerOverlay: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps & {
-    position: 'top' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'bottom';
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledToastManagerInner: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-export declare const StyledToastComponent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    toastPos?: "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/// <reference types="react" />
+import { GenericStyledProps } from '../../@types';
+export declare const StyledToastContainerOverlay: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledToastManagerOverlay: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps & {
+    position: 'top' | 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'bottom';
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledToastManagerInner: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & GenericStyledProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const StyledToastComponent: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    toastPos?: "bottom" | "top" | "top-left" | "top-right" | "bottom-left" | "bottom-right" | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=styles.d.ts.map

package/dist/components/Toast/toast.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom';
+//# sourceMappingURL=toast.test.d.ts.map

package/dist/components/Toast/toast.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.test.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/toast.test.tsx"],"names":[],"mappings":"AAEA,OAAO,2BAA2B,CAAC"}

package/dist/components/Toast/toast.test.js

@@ -0,0 +1,139 @@
+"use strict";
+
+var _testUtils = require("../../shared/tests/test-utils");
+
+require("@testing-library/jest-dom");
+
+var _buttonExample = _interopRequireDefault(require("./button-example"));
+
+var _ToastProvider = _interopRequireDefault(require("./contexts/ToastProvider"));
+
+var _jsxRuntime = require("react/jsx-runtime");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+var setup = function setup(props) {
+  return (0, _testUtils.render)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_ToastProvider.default, {
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_buttonExample.default, _objectSpread({}, props))
+  }));
+};
+
+describe('Toast', function () {
+  it('should it render the toast on the screen', function () {
+    var container = setup({
+      title: 'Toast Title',
+      content: 'Toast Message',
+      type: 'success'
+    });
+    container.getByText('Show toast').click();
+    expect(container.getByText('Toast Title')).toBeInTheDocument();
+  });
+  it('should it render the toast on position top of the screen', function () {
+    var container = setup({
+      title: 'Toast Title',
+      content: 'Toast Message',
+      type: 'success',
+      position: 'top'
+    });
+    container.getByText('Show toast').click();
+    expect(container.getByText('Toast Title')).toBeInTheDocument();
+  });
+  it('should it render the toast on position top-left of the screen', function () {
+    var container = setup({
+      title: 'Toast Title',
+      content: 'Toast Message',
+      type: 'success',
+      position: 'top-left'
+    });
+    container.getByText('Show toast').click();
+    expect(container.getByText('Toast Title')).toBeInTheDocument();
+  });
+  it('should it render the toast on position top-right of the screen', function () {
+    var container = setup({
+      title: 'Toast Title',
+      content: 'Toast Message',
+      type: 'success',
+      position: 'top-right'
+    });
+    container.getByText('Show toast').click();
+    expect(container.getByText('Toast Title')).toBeInTheDocument();
+  });
+  it('should it render the toast on position bottom of the screen', function () {
+    var container = setup({
+      title: 'Toast Title',
+      content: 'Toast Message',
+      type: 'success',
+      position: 'bottom'
+    });
+    container.getByText('Show toast').click();
+    expect(container.getByText('Toast Title')).toBeInTheDocument();
+  });
+  it('should it render the toast on position bottom-left of the screen', function () {
+    var container = setup({
+      title: 'Toast Title',
+      content: 'Toast Message',
+      type: 'success',
+      position: 'bottom-left'
+    });
+    container.getByText('Show toast').click();
+    expect(container.getByText('Toast Title')).toBeInTheDocument();
+  });
+  it('should it render the toast on position bottom-right of the screen', function () {
+    var container = setup({
+      title: 'Toast Title',
+      content: 'Toast Message',
+      type: 'success',
+      position: 'bottom-right'
+    });
+    container.getByText('Show toast').click();
+    expect(container.getByText('Toast Title')).toBeInTheDocument();
+  });
+  it('should it render the toast on the screen and close it by alert close button', function () {
+    var _container$baseElemen;
+
+    var container = setup({
+      title: 'Toast Title',
+      content: 'Toast Message',
+      type: 'success'
+    });
+    container.getByText('Show toast').click();
+    (_container$baseElemen = container.baseElement.querySelectorAll('svg')[1].parentElement) === null || _container$baseElemen === void 0 ? void 0 : _container$baseElemen.click();
+    setTimeout(function () {
+      expect(container.getByText('Toast Title')).not.toBeInTheDocument();
+    }, 500);
+  });
+  it('should it call the callback provided in onClose prop', function () {
+    var _container$baseElemen2;
+
+    var onClose = jest.fn();
+    var container = setup({
+      title: 'Toast Title',
+      content: 'Toast Message',
+      type: 'success',
+      onClose: onClose
+    });
+    container.getByText('Show toast').click();
+    (_container$baseElemen2 = container.baseElement.querySelectorAll('svg')[1].parentElement) === null || _container$baseElemen2 === void 0 ? void 0 : _container$baseElemen2.click();
+    expect(onClose).toHaveBeenCalled();
+  });
+  it('should it call the callback provided in onClose prop and pass the id', function () {
+    var _container$baseElemen3;
+
+    var onClose = jest.fn();
+    var container = setup({
+      title: 'Toast Title',
+      content: 'Toast Message',
+      type: 'success',
+      onClose: onClose
+    });
+    container.getByText('Show toast').click();
+    (_container$baseElemen3 = container.baseElement.querySelectorAll('svg')[1].parentElement) === null || _container$baseElemen3 === void 0 ? void 0 : _container$baseElemen3.click();
+    expect(onClose).toHaveBeenCalledWith(expect.any(String));
+  });
+});

package/dist/components/Toast/types.d.ts

@@ -1,27 +1,30 @@
-import { ReactNode } from 'react';
-import { IconName } from '../Icon/types';
-export declare type IToastConfig = {
-    title: string;
-    content: ReactNode;
-    position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
-    type?: 'default' | 'success' | 'warning' | 'error' | 'critical';
-    duration?: number;
-    icon?: IconName;
-    onClose?: (id: string) => void;
-};
-export declare type IToastList = {
-    id: string;
-    config: Required<Omit<IToastConfig, 'onClose'>> & {
-        onClose?: (id: string) => void;
-    };
-};
-export declare type Toast = IToastConfig & {
-    toastId: string;
-    close: (id: string) => void;
-};
-export declare type ToastProviderProps = {
-    add: (options: IToastConfig) => void;
-    remove: (id: string) => void;
-    toasts: IToastList[];
-};
+import { ReactNode } from 'react';
+import { IconName } from '../Icon/types';
+export declare type IToastConfig = {
+    title: string;
+    content: ReactNode;
+    position?: 'top' | 'top-left' | 'top-right' | 'bottom' | 'bottom-left' | 'bottom-right';
+    type?: 'default' | 'success' | 'warning' | 'error' | 'critical';
+    duration?: number;
+    icon?: IconName;
+    onClose?: (id: string) => void;
+};
+export declare type IToastList = {
+    id: string;
+    config: Required<Omit<IToastConfig, 'onClose'>> & {
+        onClose?: (id: string) => void;
+    };
+};
+export declare type Toast = IToastConfig & {
+    toastId: string;
+    close: (id: string) => void;
+};
+export declare type ToastContextProps = {
+    add: (options: IToastConfig) => void;
+    remove: (id: string) => void;
+    toasts: IToastList[];
+};
+export declare type ToastProviderProps = {
+    children?: React.ReactNode;
+};
 //# sourceMappingURL=types.d.ts.map

package/dist/components/Toast/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,GAAG,cAAc,CAAC;IACxF,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,GAAG;QAChD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;KAChC,CAAC;CACH,CAAC;AAEF,oBAAY,KAAK,GAAG,YAAY,GAAG;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7B,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,GAAG,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC,oBAAY,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,KAAK,GAAG,UAAU,GAAG,WAAW,GAAG,QAAQ,GAAG,aAAa,GAAG,cAAc,CAAC;IACxF,IAAI,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,UAAU,CAAC;IAChE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAChC,CAAC;AAEF,oBAAY,UAAU,GAAG;IACvB,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,QAAQ,CAAC,IAAI,CAAC,YAAY,EAAE,SAAS,CAAC,CAAC,GAAG;QAChD,OAAO,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;KAChC,CAAC;CACH,CAAC;AAEF,oBAAY,KAAK,GAAG,YAAY,GAAG;IACjC,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;CAC7B,CAAC;AAEF,oBAAY,iBAAiB,GAAG;IAC9B,GAAG,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAC;IACrC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7B,MAAM,EAAE,UAAU,EAAE,CAAC;CACtB,CAAC;AAEF,oBAAY,kBAAkB,GAAG;IAC/B,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B,CAAC"}

package/dist/components/Tooltip/components/TooltipLabel.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-export declare const TooltipLabel: import("react").ForwardRefExoticComponent<import("../types").TooltipProps & {
-    tooltipPositions: {
-        top: number;
-        left: number;
-        transform: string;
-    };
-    isVisible: boolean;
-    setShowTooltip: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-    showLabelModal: boolean;
-    setShowLabelModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
-} & import("react").RefAttributes<HTMLDivElement>>;
+/// <reference types="react" />
+export declare const TooltipLabel: import("react").ForwardRefExoticComponent<import("../types").TooltipProps & {
+    tooltipPositions: {
+        top: number;
+        left: number;
+        transform: string;
+    };
+    isVisible: boolean;
+    setShowTooltip: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+    showLabelModal: boolean;
+    setShowLabelModal: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+} & import("react").RefAttributes<HTMLDivElement>>;
 //# sourceMappingURL=TooltipLabel.d.ts.map

package/dist/components/Tooltip/example.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-export declare function ExampleTooltip(): JSX.Element;
+/// <reference types="react" />
+export declare function ExampleTooltip(): JSX.Element;
 //# sourceMappingURL=example.d.ts.map

package/dist/components/Tooltip/index.d.ts

@@ -1,5 +1,5 @@
-import { FC } from 'react';
-import { TooltipProps } from './types';
-declare const Tooltip: FC<TooltipProps>;
-export default Tooltip;
+import { FC } from 'react';
+import { TooltipProps } from './types';
+declare const Tooltip: FC<TooltipProps>;
+export default Tooltip;
 //# sourceMappingURL=index.d.ts.map