hotfix(typescript): some angular setups can't handle .forRoot() retur… (#6689)

* hotfix(typescript): some angular setups can't handle .forRoot() returning just module

* 18.1.1

* chore(version): version bumped

Author: lexasq

apps/ngx-bootstrap-docs/src/assets/css/style.scss

@@ -2,7 +2,9 @@
 @import "bs-datepicker";
 
 /* HEADER */
-
+.bs-datepicker-head {
+  width: 150px;
+}
 header {
   padding: 10px 50px 10px 30px;
   height: $header-height;

apps/ngx-bootstrap-docs/src/assets/json/current-version.json

@@ -1,3 +1,3 @@
 {
-  "version": "18.1.0"
+  "version": "18.1.1"
 }

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap-base",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "license": "MIT",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "schematics": "./schematics/src/collection.json",

package.json

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { ModuleWithProviders, NgModule } from '@angular/core';
 
 import { AccordionComponent } from './accordion.component';
 import { AccordionPanelComponent } from './accordion-group.component';
@@ -9,7 +9,10 @@ import { AccordionPanelComponent } from './accordion-group.component';
 })
 export class AccordionModule {
   // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot() {
-    return AccordionModule;
+  static forRoot(): ModuleWithProviders<AccordionModule> {
+    return {
+      ngModule: AccordionModule,
+      providers: []
+    };
   }
 }

src/accordion/accordion.module.ts

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/accordion",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/accordion/package.json

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { ModuleWithProviders, NgModule } from '@angular/core';
 import { AlertComponent } from './alert.component';
 
 @NgModule({
@@ -7,7 +7,10 @@ import { AlertComponent } from './alert.component';
 })
 export class AlertModule {
   // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot() {
-    return AlertModule;
+  static forRoot(): ModuleWithProviders<AlertModule> {
+    return {
+      ngModule: AlertModule,
+      providers: []
+    };
   }
 }

src/alert/alert.module.ts

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/alert",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/alert/package.json

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { ModuleWithProviders, NgModule } from '@angular/core';
 
 import { ButtonCheckboxDirective } from './button-checkbox.directive';
 import { ButtonRadioDirective } from './button-radio.directive';
@@ -10,7 +10,10 @@ import { ButtonRadioGroupDirective } from './button-radio-group.directive';
 })
 export class ButtonsModule {
   // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot() {
-    return ButtonsModule;
+  static forRoot(): ModuleWithProviders<ButtonsModule> {
+    return {
+      ngModule: ButtonsModule,
+      providers: []
+    };
   }
 }

src/buttons/buttons.module.ts

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/buttons",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/buttons/package.json

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { ModuleWithProviders, NgModule } from '@angular/core';
 
 import { CarouselComponent } from './carousel.component';
 import { SlideComponent } from './slide.component';
@@ -9,7 +9,10 @@ import { SlideComponent } from './slide.component';
 })
 export class CarouselModule {
   // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot() {
-    return CarouselModule;
+  static forRoot(): ModuleWithProviders<CarouselModule> {
+    return {
+      ngModule: CarouselModule,
+      providers: []
+    };
   }
 }

src/carousel/carousel.module.ts

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/carousel",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/carousel/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/chronos",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/chronos/package.json

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { ModuleWithProviders, NgModule } from '@angular/core';
 
 import { CollapseDirective } from './collapse.directive';
 
@@ -8,7 +8,10 @@ import { CollapseDirective } from './collapse.directive';
 })
 export class CollapseModule {
   // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot() {
-    return CollapseModule;
+  static forRoot(): ModuleWithProviders<CollapseModule> {
+    return {
+      ngModule: CollapseModule,
+      providers: []
+    };
   }
 }

src/collapse/collapse.module.ts

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/collapse",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/collapse/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/component-loader",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/component-loader/package.json

@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
+import { ModuleWithProviders, NgModule } from '@angular/core';
 
 import { TooltipModule } from 'ngx-bootstrap/tooltip';
 import { TimepickerModule } from 'ngx-bootstrap/timepicker';
@@ -64,7 +64,10 @@ import { BsYearsCalendarViewComponent } from './themes/bs/bs-years-calendar-view
 })
 export class BsDatepickerModule {
   // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot() {
-    return BsDatepickerModule;
+  static forRoot(): ModuleWithProviders<BsDatepickerModule> {
+    return {
+      ngModule: BsDatepickerModule,
+      providers: []
+    };
   }
 }

src/datepicker/bs-datepicker.module.ts

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/datepicker",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/datepicker/package.json

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { ModuleWithProviders, NgModule } from '@angular/core';
 
 import { BsDropdownContainerComponent } from './bs-dropdown-container.component';
 import { BsDropdownMenuDirective } from './bs-dropdown-menu.directive';
@@ -21,7 +21,10 @@ import { BsDropdownDirective } from './bs-dropdown.directive';
 })
 export class BsDropdownModule {
   // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot() {
-    return BsDropdownModule;
+  static forRoot(): ModuleWithProviders<BsDropdownModule> {
+    return {
+      ngModule: BsDropdownModule,
+      providers: []
+    };
   }
 }

src/dropdown/bs-dropdown.module.ts

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/dropdown",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/dropdown/package.json

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { ModuleWithProviders, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 import { FocusTrapDirective } from './focus-trap';
@@ -9,7 +9,10 @@ import { FocusTrapDirective } from './focus-trap';
 })
 export class FocusTrapModule {
   // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot() {
-    return FocusTrapModule;
+  static forRoot(): ModuleWithProviders<FocusTrapModule> {
+    return {
+      ngModule: FocusTrapModule,
+      providers: []
+    };
   }
 }

src/focus-trap/focus-trap.module.ts

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/focus-trap",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/focus-trap/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/locale",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/locale/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/mini-ngrx",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/mini-ngrx/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/modal",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/modal/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/pagination",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/pagination/package.json

@@ -1,5 +1,5 @@
 import { CommonModule } from '@angular/common';
-import { NgModule } from '@angular/core';
+import { ModuleWithProviders, NgModule } from '@angular/core';
 
 import { PagerComponent } from './pager.component';
 import { PaginationComponent } from './pagination.component';
@@ -10,7 +10,10 @@ import { PaginationComponent } from './pagination.component';
 })
 export class PaginationModule {
   // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot() {
-    return PaginationModule;
+  static forRoot(): ModuleWithProviders<PaginationModule> {
+    return {
+      ngModule: PaginationModule,
+      providers: []
+    };
   }
 }

src/pagination/pagination.module.ts

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/popover",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/popover/package.json

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { ModuleWithProviders, NgModule } from '@angular/core';
 import { CommonModule } from '@angular/common';
 
 import { PopoverDirective } from './popover.directive';
@@ -10,7 +10,10 @@ import { PopoverContainerComponent } from './popover-container.component';
 })
 export class PopoverModule {
   // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot() {
-    return PopoverModule;
+  static forRoot(): ModuleWithProviders<PopoverModule> {
+    return {
+      ngModule: PopoverModule,
+      providers: []
+    };
   }
 }

src/popover/popover.module.ts

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/positioning",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/positioning/package.json

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/progressbar",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }

src/progressbar/package.json

@@ -1,4 +1,4 @@
-import { NgModule } from '@angular/core';
+import { ModuleWithProviders, NgModule } from '@angular/core';
 
 import { BarComponent } from './bar.component';
 import { ProgressbarComponent } from './progressbar.component';
@@ -9,7 +9,10 @@ import { ProgressbarComponent } from './progressbar.component';
 })
 export class ProgressbarModule {
   // @deprecated method not required anymore, will be deleted in v19.0.0
-  static forRoot() {
-    return ProgressbarModule;
+  static forRoot(): ModuleWithProviders<ProgressbarModule> {
+    return {
+      ngModule: ProgressbarModule,
+      providers: []
+    };
   }
 }

src/progressbar/progressbar.module.ts

@@ -1,6 +1,6 @@
 {
   "name": "ngx-bootstrap/rating",
-  "version": "18.1.0",
+  "version": "18.1.1",
   "author": "Dmitriy Shekhovtsov <[email protected]>",
   "license": "MIT"
 }