refactor(tabws): update tooltip duration property name and simplify constructor duration check

Author: tverney

example/src/main.ts

@@ -51,7 +51,7 @@ export const createMynahUI = (initialData?: MynahUIDataModel): MynahUI => {
     },
     config: {
       maxTabs: 5,
-      maxReachedOverlayDuration: 5000,
+      maxTabsTooltipDuration: 5000,
       noMoreTabsTooltip: 'You can only open five conversation tabs at a time.',
       autoFocus: true,
       tabBarButtons: [

src/components/navigation-tabs.ts

@@ -22,7 +22,7 @@ export interface TabsProps {
   onChange?: (selectedTabId: string) => void;
   noMoreTabsTooltip?: string;
   onBeforeTabRemove?: (tabId: string) => boolean;
-  maxReachedOverlayDuration?: number;
+  maxTabsTooltipDuration?: number;
 }
 export class Tabs {
   render: ExtendedHTMLElement;
@@ -118,7 +118,7 @@ export class Tabs {
         additionalEvents: {
           mouseenter: (e) => {
             if (MynahUITabsStore.getInstance().tabsLength() === Config.getInstance().config.maxTabs) {
-              this.showMaxReachedOverLay(e.currentTarget, this.props.noMoreTabsTooltip ?? Config.getInstance().config.texts.noMoreTabsTooltip, this.props.maxReachedOverlayDuration);
+              this.showMaxReachedOverLay(e.currentTarget, this.props.noMoreTabsTooltip ?? Config.getInstance().config.texts.noMoreTabsTooltip, this.props.maxTabsTooltipDuration);
             }
           },
           mouseleave: () => {

src/components/notification.ts

@@ -30,7 +30,7 @@ export class Notification {
   private readonly props;
 
   constructor (props: NotificationProps) {
-    this.duration = props.duration !== undefined ? props.duration : DEFAULT_TIMEOUT;
+    this.duration = props.duration ?? DEFAULT_TIMEOUT;
     this.type = props.type ?? NotificationType.INFO;
     this.props = props;
   }

src/main.ts

@@ -289,7 +289,7 @@ export class MynahUI {
             this.props.onTabChange(selectedTabId, this.getUserEventId());
           }
         },
-        maxReachedOverlayDuration: Config.getInstance().config.maxReachedOverlayDuration,
+        maxTabsTooltipDuration: Config.getInstance().config.maxTabsTooltipDuration,
         noMoreTabsTooltip: Config.getInstance().config.noMoreTabsTooltip,
         onBeforeTabRemove: (tabId): boolean => {
           if (props.onBeforeTabRemove !== undefined) {

src/static.ts

@@ -431,7 +431,7 @@ export interface ConfigOptions {
   }>;
   tabBarButtons?: TabBarMainAction[];
   maxTabs: number;
-  maxReachedOverlayDuration?: number;
+  maxTabsTooltipDuration?: number;
   noMoreTabsTooltip?: string;
   showPromptField: boolean;
   autoFocus: boolean;