@hellobetterdigitalnz/betterui 0.0.3-3 → 0.0.3-300

package/README.md

@@ -1,23 +1,23 @@
-# BetterUI
-
-A reusable Rect component library by [Hello Better](https://hellobetterdigital.com).
-
-We at Hello Better builds many web applications using React + Typescript and headless APIs. We make use of Figma design systems and have our own component library that we have shared here. 
-
-## Installation
-
-To install simply use
-
-```
-npm install @hellobetterdigitalnz/betteru
-```
-
-or if you are using yarn 
-
-```
-yarn add @hellobetterdigitalnz/betteru
-```
-
-## Using components
-
-Components are used from the libraries root entry. 
+# BetterUI
+
+A reusable Rect component library by [Hello Better](https://hellobetterdigital.com).
+
+We at Hello Better builds many web applications using React + Typescript and headless APIs. We make use of Figma design systems and have our own component library that we have shared here. 
+
+## Installation
+
+To install simply use
+
+```
+npm install @hellobetterdigitalnz/betteru
+```
+
+or if you are using yarn 
+
+```
+yarn add @hellobetterdigitalnz/betteru
+```
+
+## Using components
+
+Components are used from the libraries root entry. 

package/dist/Components/BetterUIProvider/BetterUIContext.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+
+interface BetterUIContextType {
+    modalStack: ReactNode[];
+    openModal: (modal: React.ReactNode) => void;
+    closeModal: () => void;
+    closeAllModals: () => void;
+}
+declare const BetterUIContext: import('react').Context<BetterUIContextType>;
+export default BetterUIContext;

package/dist/Components/BetterUIProvider/BetterUIProvider.d.ts

@@ -0,0 +1,7 @@
+import { FC, ReactNode } from 'react';
+
+interface BetterUIProviderProps {
+    children: ReactNode;
+}
+declare const BetterUIProvider: FC<BetterUIProviderProps>;
+export default BetterUIProvider;

package/dist/Components/BetterUIProvider/index.d.ts

@@ -0,0 +1,2 @@
+export { default as BetterUIProvider } from './BetterUIProvider.tsx';
+export { default as BetterUIContext } from './BetterUIContext.tsx';

package/dist/Components/DataDisplay/Accordion/Accordion.d.ts

@@ -1,3 +1,4 @@
-import AccordionProps from "./AccordionProps.tsx";
+import { default as AccordionProps } from './AccordionProps.tsx';
+
 declare const Accordion: (props: AccordionProps) => import("react/jsx-runtime").JSX.Element;
 export default Accordion;

package/dist/Components/DataDisplay/Accordion/AccordionContext.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-import AccordionContextInterface from "./AccordionContextInterface.tsx";
-declare const AccordionContext: import("react").Context<AccordionContextInterface>;
+import { default as AccordionContextInterface } from './AccordionContextInterface.tsx';
+
+declare const AccordionContext: import('react').Context<AccordionContextInterface>;
 export default AccordionContext;

package/dist/Components/DataDisplay/Accordion/AccordionItem.d.ts

@@ -1,3 +1,4 @@
-import AccordionItemProps from "./AccordionItemProps.tsx";
+import { default as AccordionItemProps } from './AccordionItemProps.tsx';
+
 declare const AccordionItem: (props: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export default AccordionItem;

package/dist/Components/DataDisplay/Accordion/AccordionItemProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface AccordionItemProps {
     index: string | number;
     title: string;
@@ -6,5 +7,8 @@ interface AccordionItemProps {
     onAfterOpened?: () => void;
     onAfterClosed?: () => void;
     onBeforeClosed?: () => boolean;
+    extraClass?: string;
+    accordionClass?: string;
+    icon?: ReactNode;
 }
 export default AccordionItemProps;

package/dist/Components/DataDisplay/Accordion/AccordionProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface AccordionProps {
     allowMultiple?: boolean;
     children: ReactNode;

package/dist/Components/DataDisplay/Accordion/AccordionProvider.d.ts

@@ -1,3 +1,4 @@
-import AccordionProviderInterface from "./AccordionProviderInterface.tsx";
+import { default as AccordionProviderInterface } from './AccordionProviderInterface.tsx';
+
 declare const AccordionProvider: (props: AccordionProviderInterface) => import("react/jsx-runtime").JSX.Element;
 export default AccordionProvider;

package/dist/Components/DataDisplay/Accordion/AccordionProviderInterface.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface AccordionProviderInterface {
     children: ReactNode;
     allowMultiple?: boolean;

package/dist/Components/DataDisplay/Badge/Badge.d.ts

@@ -1,3 +1,4 @@
-import BadgeProps from "./BadgeProps.tsx";
+import { default as BadgeProps } from './BadgeProps';
+
 declare const Badge: (props: BadgeProps) => import("react/jsx-runtime").JSX.Element;
 export default Badge;

package/dist/Components/DataDisplay/Badge/BadgeProps.d.ts

@@ -1,5 +1,8 @@
 interface BadgeProps {
-    status?: "pending" | "inProgress" | "complete";
+    status?: "pending" | "inProgress" | "complete" | 'draft' | "custom";
     label: string;
+    clickable?: boolean;
+    onClick?: () => void;
+    extraClass?: string;
 }
 export default BadgeProps;

package/dist/Components/DataDisplay/Calendar/Calendar.d.ts

@@ -0,0 +1,4 @@
+import { default as CalendarProps } from './CalendarProps.tsx';
+
+declare const Calendar: (props: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+export default Calendar;

package/dist/Components/DataDisplay/Calendar/CalendarProps.d.ts

@@ -0,0 +1,51 @@
+interface NameValueInterface {
+    label?: string;
+    type?: "primary" | "secondary" | undefined;
+    color?: string;
+    startDay?: any;
+    startTime?: any;
+    timeDuration?: number;
+    monthContent?: {
+        __html?: any;
+        __jsx?: any;
+        __tsx?: any;
+    };
+    dayContent?: {
+        __html?: any;
+        __jsx?: any;
+        __tsx?: any;
+    };
+    weekContent?: {
+        __html?: any;
+        __jsx?: any;
+        __tsx?: any;
+    };
+    bufferTime?: {
+        preBuffer: number;
+        postBuffer: number;
+    };
+    onClick?: (e: any) => {};
+}
+interface NameValueHolidayInterface {
+    label: string;
+    startDay?: any;
+    endDay?: any;
+}
+interface CalendarProps {
+    startOfWeekOn?: "Monday" | "Sunday";
+    events: NameValueInterface[] | any;
+    holidays?: NameValueHolidayInterface[] | any;
+    currentDate?: any;
+    showPublicHolidayDayToggle?: boolean;
+    showPrepTimeToggle?: boolean;
+    showPrepTime?: boolean;
+    viewChangeAction?: boolean;
+    calendarViewActive?: boolean;
+    listViewActive?: boolean;
+    calendarActionOnclick?: () => void;
+    listActionOnclick?: () => void;
+    onDateChange?: (newDate: Date, view: "day" | "week" | "month", startDate: Date, endDate: Date) => void;
+}
+export type { NameValueInterface };
+export type { NameValueHolidayInterface };
+export default CalendarProps;

package/dist/Components/DataDisplay/Calendar/EventModal/EventModal.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+
+interface EventModalProps {
+    title?: string;
+    children?: ReactNode;
+}
+declare const EventModal: (props: EventModalProps) => import("react/jsx-runtime").JSX.Element;
+export default EventModal;

package/dist/Components/DataDisplay/Calendar/Events/CalendarEvent.d.ts

@@ -0,0 +1,4 @@
+import { default as CalendarEventProps } from './CalendarEventProps.tsx';
+
+declare const CalendarEvent: (props: CalendarEventProps) => import("react/jsx-runtime").JSX.Element;
+export default CalendarEvent;

package/dist/Components/DataDisplay/Calendar/Events/CalendarEventProps.d.ts

@@ -0,0 +1,25 @@
+interface CalendarEventProps {
+    key?: any;
+    type?: "primary" | "secondary";
+    label?: string;
+    monthContent?: {
+        __html?: any;
+        __jsx?: any;
+        __tsx?: any;
+    };
+    dayContent?: {
+        __html?: any;
+        __jsx?: any;
+        __tsx?: any;
+    };
+    weekContent?: {
+        __html?: any;
+        __jsx?: any;
+        __tsx?: any;
+    };
+    timeDuration?: string;
+    color?: string;
+    onClick?: (e: any) => {};
+    eventFor?: 'calendar' | 'modal';
+}
+export default CalendarEventProps;

package/dist/Components/DataDisplay/Calendar/Events/MoreEvent/MoreEvent.d.ts

@@ -0,0 +1,4 @@
+import { default as MoreEventProps } from './MoreEventProps.tsx';
+
+declare const MoreEvent: (props: MoreEventProps) => import("react/jsx-runtime").JSX.Element;
+export default MoreEvent;

package/dist/Components/DataDisplay/Calendar/Events/MoreEvent/MoreEventProps.d.ts

@@ -0,0 +1,4 @@
+interface MoreEventProps {
+    count?: number;
+}
+export default MoreEventProps;

package/dist/Components/DataDisplay/Calendar/Events/PrimaryIcon.d.ts

@@ -0,0 +1,2 @@
+declare const PrimaryIcon: () => import("react/jsx-runtime").JSX.Element;
+export default PrimaryIcon;

package/dist/Components/DataDisplay/Calendar/Events/SecondaryIcon.d.ts

@@ -0,0 +1,2 @@
+declare const SecondaryIcon: () => import("react/jsx-runtime").JSX.Element;
+export default SecondaryIcon;

package/dist/Components/DataDisplay/Calendar/MonthlyDayCell.d.ts

@@ -0,0 +1,4 @@
+import { default as MonthlyDayCellProps } from './MonthlyDayCellProps.tsx';
+
+declare const MonthlyDayCell: (props: MonthlyDayCellProps) => import("react/jsx-runtime").JSX.Element;
+export default MonthlyDayCell;

package/dist/Components/DataDisplay/Calendar/MonthlyDayCellProps.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+
+interface MonthlyDayCellProps {
+    children?: ReactNode;
+    className?: string;
+    id?: any;
+    onClick?: () => void;
+}
+export default MonthlyDayCellProps;

package/dist/Components/DataDisplay/Calendar/Views/DayView/DayView.d.ts

@@ -0,0 +1,4 @@
+import { default as DayViewProps } from './DayViewProps.tsx';
+
+declare const DayView: ({ date, events, showPrepTime, holidays }: DayViewProps) => import("react/jsx-runtime").JSX.Element;
+export default DayView;

package/dist/Components/DataDisplay/Calendar/Views/DayView/DayViewProps.d.ts

@@ -0,0 +1,6 @@
+import { default as CalendarProps } from '../../CalendarProps.tsx';
+
+interface DayViewProps extends Omit<CalendarProps, 'calendarActionOnclick' | 'listActionOnclick' | 'showPublicHolidayDayToggle' | 'showPrepTimeToggle'> {
+    date: Date;
+}
+export default DayViewProps;

package/dist/Components/DataDisplay/Calendar/Views/MonthView/MonthView.d.ts

@@ -0,0 +1,4 @@
+import { default as CalendarProps } from '../../CalendarProps.tsx';
+
+declare const MonthView: (props: CalendarProps) => import("react/jsx-runtime").JSX.Element;
+export default MonthView;

package/dist/Components/DataDisplay/Calendar/Views/WeekView/WeekView.d.ts

@@ -0,0 +1,4 @@
+import { default as WeekViewProps } from './WeekViewProps.tsx';
+
+declare const WeekView: ({ events, date, startOfWeekOn, holidays, showPrepTime }: WeekViewProps) => import("react/jsx-runtime").JSX.Element;
+export default WeekView;

package/dist/Components/DataDisplay/Calendar/Views/WeekView/WeekViewProps.d.ts

@@ -0,0 +1,6 @@
+import { default as CalendarProps } from '../../CalendarProps.tsx';
+
+interface WeekViewProps extends Omit<CalendarProps, 'calendarActionOnclick' | 'listActionOnclick' | 'showPublicHolidayDayToggle' | 'showPrepTimeToggle'> {
+    date: Date;
+}
+export default WeekViewProps;

package/dist/Components/DataDisplay/Cards/BannerCard/BannerCard.d.ts

@@ -1,3 +1,4 @@
-import BannerCardInterface from "./BannerCardInterface.tsx";
+import { default as BannerCardInterface } from './BannerCardInterface.tsx';
+
 declare const BannerCard: (props: BannerCardInterface) => import("react/jsx-runtime").JSX.Element;
 export default BannerCard;

package/dist/Components/DataDisplay/Cards/PathwayCard/PathwayCard.d.ts

@@ -1,3 +1,4 @@
-import PathwayCardProps from "./PathwayCardProps";
+import { default as PathwayCardProps } from './PathwayCardProps';
+
 declare const PathwayCard: (props: PathwayCardProps) => import("react/jsx-runtime").JSX.Element;
 export default PathwayCard;

package/dist/Components/DataDisplay/Cards/PathwayCard/PathwayCardProps.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from "react";
+import { default as React, ReactNode } from 'react';
+
 interface PathwayCardProps {
     title: string;
     btnTitle: string;

package/dist/Components/DataDisplay/GanttChart/GanttChart.d.ts

@@ -0,0 +1,15 @@
+
+type GanttTask = {
+    id: string;
+    name: string;
+    start: string;
+    end: string;
+    color?: string;
+    user?: string;
+};
+type GanttChartProps = {
+    tasks?: GanttTask[];
+    onChange?: (tasks: GanttTask[]) => void;
+};
+export default function GanttChart({ tasks: initialTasks, onChange }: GanttChartProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Components/DataDisplay/Media/Media.d.ts

@@ -1,3 +1,4 @@
-import MediaProps from "./MediaProps.tsx";
+import { default as MediaProps } from './MediaProps.tsx';
+
 declare const Media: (props: MediaProps) => import("react/jsx-runtime").JSX.Element;
 export default Media;

package/dist/Components/DataDisplay/Media/MediaProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface MediaProps {
     type?: "image" | "video";
     videoSrc?: string;

package/dist/Components/DataDisplay/Modal/Modal.d.ts

@@ -1,3 +1,4 @@
-import ModalProps from "./ModalProps";
+import { default as ModalProps } from './ModalProps';
+
 declare const Modal: (props: ModalProps) => import("react/jsx-runtime").JSX.Element;
 export default Modal;

package/dist/Components/DataDisplay/Modal/ModalActions.d.ts

@@ -1,2 +1,4 @@
-declare const ModalActions: () => void;
+import { default as ModalActionsProps } from './ModalActionsProps.tsx';
+
+declare const ModalActions: (props: ModalActionsProps) => import("react/jsx-runtime").JSX.Element;
 export default ModalActions;

package/dist/Components/DataDisplay/Modal/ModalActionsLeft.d.ts

@@ -1,2 +1,4 @@
-declare const ModalActionsLeft: () => void;
+import { default as ModalActionsLeftProps } from './ModalActionsLeftProps.tsx';
+
+declare const ModalActionsLeft: (props: ModalActionsLeftProps) => import("react/jsx-runtime").JSX.Element;
 export default ModalActionsLeft;

package/dist/Components/DataDisplay/Modal/ModalActionsLeftProps.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+
+interface ModalActionsLeftProps {
+    children?: ReactNode;
+    extraClass?: string;
+}
+export default ModalActionsLeftProps;

package/dist/Components/DataDisplay/Modal/ModalActionsProps.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+
+interface ModalActionsProps {
+    children?: ReactNode;
+    extraClass?: string;
+}
+export default ModalActionsProps;

package/dist/Components/DataDisplay/Modal/ModalActionsRight.d.ts

@@ -1,2 +1,4 @@
-declare const ModalActionsRight: () => void;
+import { default as ModalActionsRightProps } from './ModalActionsRightProps.tsx';
+
+declare const ModalActionsRight: (props: ModalActionsRightProps) => import("react/jsx-runtime").JSX.Element;
 export default ModalActionsRight;

package/dist/Components/DataDisplay/Modal/ModalActionsRightProps.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+
+interface ModalActionsRightProps {
+    children?: ReactNode;
+    extraClass?: string;
+}
+export default ModalActionsRightProps;

package/dist/Components/DataDisplay/Modal/ModalBody.d.ts

@@ -1,3 +1,4 @@
-import ModalBodyProps from "./ModalBodyProps";
+import { default as ModalBodyProps } from './ModalBodyProps';
+
 declare const ModalBody: (props: ModalBodyProps) => import("react/jsx-runtime").JSX.Element;
 export default ModalBody;

package/dist/Components/DataDisplay/Modal/ModalBodyProps.d.ts

@@ -1,5 +1,7 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface ModalBodyProps {
     children?: ReactNode;
+    extraClass?: string;
 }
 export default ModalBodyProps;

package/dist/Components/DataDisplay/Modal/ModalCurtain.d.ts

@@ -1,2 +1,2 @@
-declare const ModalCurtain: () => void;
+declare const ModalCurtain: () => import("react/jsx-runtime").JSX.Element;
 export default ModalCurtain;

package/dist/Components/DataDisplay/Modal/ModalHeader.d.ts

@@ -1,3 +1,4 @@
-import ModalHeaderProps from "./ModalHeaderProps";
+import { default as ModalHeaderProps } from './ModalHeaderProps';
+
 declare const ModalHeader: (props: ModalHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default ModalHeader;

package/dist/Components/DataDisplay/Modal/ModalHeaderProps.d.ts

@@ -1,7 +1,12 @@
+import { ReactNode } from 'react';
+
 interface ModalHeaderProps {
-    title: string;
+    title?: string;
     extraClass?: string;
     canClose?: boolean;
     canGoBack?: boolean;
+    closeOnclick?: (e: any) => void;
+    canGoBackOnclick?: (e: any) => void;
+    icon?: ReactNode;
 }
 export default ModalHeaderProps;

package/dist/Components/DataDisplay/Modal/ModalProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface ModalProps {
     children?: ReactNode;
     extraClass?: string;

package/dist/Components/DataDisplay/NotificationsBell/NotificationsBell.d.ts

@@ -1,3 +1,4 @@
-import NotificationsBellProps from "./NotificationsBellProps.tsx";
+import { default as NotificationsBellProps } from './NotificationsBellProps.tsx';
+
 declare const NotificationsBell: (props: NotificationsBellProps) => import("react/jsx-runtime").JSX.Element;
 export default NotificationsBell;

package/dist/Components/DataDisplay/NotificationsBell/NotificationsBellProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface NotificationsBellProps {
     children?: ReactNode;
     extraClass?: string;

package/dist/Components/DataDisplay/NotificationsPanel/Notification.d.ts

@@ -1,3 +1,4 @@
-import NotificationProps from "./NotificationProps.tsx";
+import { default as NotificationProps } from './NotificationProps.tsx';
+
 declare const Notification: (props: NotificationProps) => import("react/jsx-runtime").JSX.Element;
 export default Notification;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationProps.d.ts

@@ -4,7 +4,8 @@ interface NotificationProps {
     boldText?: string;
     regularText?: string;
     summaryText?: string;
-    notificatonItemOnClick?: () => void;
-    closeOnClick?: () => void;
+    notificationItemOnClick?: () => void;
+    closeOnClick?: (...args: any[]) => void;
+    read?: boolean;
 }
 export default NotificationProps;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsGroup.d.ts

@@ -1,3 +1,4 @@
-import NotificationsGroupProps from "./NotificationsGroupProps";
+import { default as NotificationsGroupProps } from './NotificationsGroupProps';
+
 declare const NotificationsGroup: ({ children, title }: NotificationsGroupProps) => import("react/jsx-runtime").JSX.Element;
 export default NotificationsGroup;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsGroupProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface NotificationsGroupProps {
     children?: ReactNode;
     title: string;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsGroups.d.ts

@@ -1,3 +1,4 @@
-import NotificationsGroupsProps from "./NotificationsGroupsProps";
+import { default as NotificationsGroupsProps } from './NotificationsGroupsProps';
+
 declare const NotificationsGroups: (props: NotificationsGroupsProps) => import("react/jsx-runtime").JSX.Element;
 export default NotificationsGroups;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsGroupsProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface NotificationsGroupsProps {
     children?: ReactNode;
 }

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsHeader.d.ts

@@ -1,3 +1,4 @@
-import NotificationsHeaderProps from "./NotificationsHeaderProps";
+import { default as NotificationsHeaderProps } from './NotificationsHeaderProps';
+
 declare const NotificationsHeader: (props: NotificationsHeaderProps) => import("react/jsx-runtime").JSX.Element;
 export default NotificationsHeader;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsPanel.d.ts

@@ -1,3 +1,4 @@
-import NotificationsPanelProps from "./NotificationsPanelProps";
+import { default as NotificationsPanelProps } from './NotificationsPanelProps';
+
 declare const NotificationsPanel: ({ children }: NotificationsPanelProps) => import("react/jsx-runtime").JSX.Element;
 export default NotificationsPanel;

package/dist/Components/DataDisplay/NotificationsPanel/NotificationsPanelProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface NotificationsPanelProps {
     children?: ReactNode;
 }

package/dist/Components/DataDisplay/Tab/Tab.d.ts

@@ -1,3 +1,4 @@
-import TabInterface from "./TabProps.tsx";
+import { default as TabInterface } from './TabProps.tsx';
+
 declare const Tab: ({ children, extraClass }: TabInterface) => import("react/jsx-runtime").JSX.Element;
 export default Tab;

package/dist/Components/DataDisplay/Tab/TabBody.d.ts

@@ -1,3 +1,4 @@
-import TabBodyProps from "./TabBodyProps.tsx";
+import { default as TabBodyProps } from './TabBodyProps.tsx';
+
 declare const TabBody: ({ children, extraClass }: TabBodyProps) => import("react/jsx-runtime").JSX.Element;
 export default TabBody;

package/dist/Components/DataDisplay/Tab/TabBodyContent.d.ts

@@ -1,3 +1,4 @@
-import TabBodyContentProps from "./TabBodyContentProps.tsx";
+import { default as TabBodyContentProps } from './TabBodyContentProps.tsx';
+
 declare const TabBodyContent: (props: TabBodyContentProps) => import("react/jsx-runtime").JSX.Element;
 export default TabBodyContent;

package/dist/Components/DataDisplay/Tab/TabBodyContentProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface TabBodyContentProps {
     children: ReactNode;
     tabIndex: any;

package/dist/Components/DataDisplay/Tab/TabBodyProps.d.ts

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface TabBodyProps {
     children: ReactNode;
     extraClass?: string;