chore(toast): renamed types to normal convention

src/toast/ToastProvider.tsx

@@ -5,7 +5,7 @@ import { objectKeys } from "@chakra-ui/utils";
 
 import { isFunction } from "../utils";
 import { ToastController } from "./ToastController";
-import { IToast, useToastState, ToastStateReturn } from "./ToastState";
+import { Toast, useToastState, ToastStateReturn } from "./ToastState";
 
 const DEFAULT_TIMEOUT = 5000;
 const PLACEMENTS = {
@@ -20,12 +20,15 @@ const PLACEMENTS = {
 // let's infer the union types from the placement values instead of hardcoding them
 export type Placements = keyof typeof PLACEMENTS;
 
-interface IToastContext extends ToastStateReturn {
+interface ToastContextState extends ToastStateReturn {
   toastTypes: ToastTypes;
 }
 
-const ToastContext = React.createContext<IToastContext | undefined>(undefined);
+const ToastContext = React.createContext<ToastContextState | undefined>(
+  undefined,
+);
 export const ToastContextProvider = ToastContext.Provider;
+
 export function useToast() {
   const context = React.useContext(ToastContext);
 
@@ -41,15 +44,15 @@ export function useToast() {
 export type ToastTypes = Record<
   string,
   React.FC<
-    Pick<IToast, "content" | "id" | "isVisible"> & {
+    Pick<Toast, "content" | "id" | "isVisible"> & {
       hideToast: ToastStateReturn["hideToast"];
     }
   >
 >;
 
-export type TToastWrapper = (props: any) => React.ReactElement<any>;
+export type ToastWrapper = (props: any) => React.ReactElement<any>;
 
-type IToastProvider = {
+type ToastProviderProps = {
   /**
    * Specify types of toast in an object
    */
@@ -79,10 +82,10 @@ type IToastProvider = {
   /**
    * Wrapper function to enhance the behaviour of ToastController
    */
-  toastWrapper?: TToastWrapper;
+  toastWrapper?: ToastWrapper;
 };
 
-export const ToastProvider: React.FC<IToastProvider> = ({
+export const ToastProvider: React.FC<ToastProviderProps> = ({
   children,
   toastTypes,
   placement: providerPlacement = "bottom-center",

src/toast/ToastState.ts

@@ -4,7 +4,7 @@ import { Placements } from "./ToastProvider";
 
 type StringOrElement = string | React.ReactNode;
 
-export interface IToast {
+export interface Toast {
   /**
    * Unique id for the toast
    */
@@ -37,8 +37,8 @@ export interface IToast {
   isVisible?: boolean;
 }
 
-export type ToastList = Record<string, IToast>;
-export type SortedToastList = Record<Placements, IToast[]>;
+export type ToastList = Record<string, Toast>;
+export type SortedToastList = Record<Placements, Toast[]>;
 
 interface ToastStateProps {
   defaultPlacement?: Placements;
@@ -76,7 +76,7 @@ export const useToastState = ({
       timeout,
       autoDismiss,
       placement = defaultPlacement,
-    }: Partial<Omit<IToast, "isVisible">>) => {
+    }: Partial<Omit<Toast, "isVisible">>) => {
       COUNTER.current = COUNTER.current + 1;
       const id = idProps || `toast-${COUNTER.current}`;
 

src/toast/stories/ToastCSSAnimated.component.tsx

@@ -2,9 +2,9 @@ import React from "react";
 import { CSSTransition } from "react-transition-group";
 
 import { Variants, Placements } from "./Utils.component";
-import { ToastProvider, TToastWrapper } from "renderless-components";
+import { ToastProvider, ToastWrapper } from "renderless-components";
 
-const CSSTransitionAnimationWrapper: TToastWrapper = ({
+const CSSTransitionAnimationWrapper: ToastWrapper = ({
   isVisible,
   children,
 }) => {

src/toast/stories/ToastReactSpring.component.tsx

@@ -2,9 +2,9 @@ import React from "react";
 import { animated, useTransition } from "react-spring";
 
 import { Variants, Placements } from "./Utils.component";
-import { ToastProvider, TToastWrapper } from "renderless-components";
+import { ToastProvider, ToastWrapper } from "renderless-components";
 
-const SpringAnimationWrapper: TToastWrapper = ({
+const SpringAnimationWrapper: ToastWrapper = ({
   placement,
   isVisible,
   children,

src/toast/stories/Utils.component.tsx

@@ -1,6 +1,6 @@
 import React from "react";
 
-import { useToast, Placements as IPlacements } from "renderless-components";
+import { useToast } from "renderless-components";
 
 const randomType = (): string => {
   return ["error", "warning", "success"].splice(Math.random() * 3, 1)[0];
@@ -63,7 +63,7 @@ export const Placements: React.FC = () => {
     "bottom-left",
     "bottom-right",
     "bottom-center",
-  ];
+  ] as const;
 
   return (
     <div>
@@ -75,7 +75,7 @@ export const Placements: React.FC = () => {
               showToast({
                 type: randomType(),
                 content: `This is ${placement}`,
-                placement: placement as IPlacements,
+                placement,
               });
             }}
           >