feat(stark-ui): split stark-ui modules in different chunks to reduce …

…bundle size of applications

packages/stark-ui/public_api.ts

@@ -2,6 +2,37 @@
 /**
  * Entry point for all public APIs of this package.
  */
-export * from "./src/stark-ui";
+export * from "@nationalbankbelgium/stark-ui/src/common";
+export * from "@nationalbankbelgium/stark-ui/src/modules/action-bar";
+export * from "@nationalbankbelgium/stark-ui/src/modules/app-data";
+export * from "@nationalbankbelgium/stark-ui/src/modules/app-footer";
+export * from "@nationalbankbelgium/stark-ui/src/modules/app-logo";
+export * from "@nationalbankbelgium/stark-ui/src/modules/app-logout";
+export * from "@nationalbankbelgium/stark-ui/src/modules/app-menu";
+export * from "@nationalbankbelgium/stark-ui/src/modules/app-sidebar";
+export * from "@nationalbankbelgium/stark-ui/src/modules/breadcrumb";
+export * from "@nationalbankbelgium/stark-ui/src/modules/collapsible";
+export * from "@nationalbankbelgium/stark-ui/src/modules/date-picker";
+export * from "@nationalbankbelgium/stark-ui/src/modules/date-range-picker";
+export * from "@nationalbankbelgium/stark-ui/src/modules/date-time-picker";
+export * from "@nationalbankbelgium/stark-ui/src/modules/dialogs";
+export * from "@nationalbankbelgium/stark-ui/src/modules/dropdown";
+export * from "@nationalbankbelgium/stark-ui/src/modules/generic-search";
+export * from "@nationalbankbelgium/stark-ui/src/modules/input-mask-directives";
+export * from "@nationalbankbelgium/stark-ui/src/modules/language-selector";
+export * from "@nationalbankbelgium/stark-ui/src/modules/message-pane";
+export * from "@nationalbankbelgium/stark-ui/src/modules/minimap";
+export * from "@nationalbankbelgium/stark-ui/src/modules/pagination";
+export * from "@nationalbankbelgium/stark-ui/src/modules/pretty-print";
+export * from "@nationalbankbelgium/stark-ui/src/modules/progress-indicator";
+export * from "@nationalbankbelgium/stark-ui/src/modules/restrict-input-directive";
+export * from "@nationalbankbelgium/stark-ui/src/modules/route-search";
+export * from "@nationalbankbelgium/stark-ui/src/modules/session-ui";
+export * from "@nationalbankbelgium/stark-ui/src/modules/slider";
+export * from "@nationalbankbelgium/stark-ui/src/modules/svg-view-box";
+export * from "@nationalbankbelgium/stark-ui/src/modules/table";
+export * from "@nationalbankbelgium/stark-ui/src/modules/toast-notification";
+export * from "@nationalbankbelgium/stark-ui/src/modules/transform-input-directive";
+export * from "@nationalbankbelgium/stark-ui/src/util";
 
 // This file only reexports content of the `src` folder. Keep it that way.

packages/stark-ui/src/common.ts

@@ -1,2 +1 @@
-export * from "./common/store";
-export * from "./common/message";
+export * from "./common/public_api";

packages/stark-ui/src/common/message.ts

@@ -1,3 +1,4 @@
 export * from "./message/message.entity";
 export * from "./message/message.intf";
+export * from "./message/message-collection.entity.intf";
 export * from "./message/message-type.intf";

packages/stark-ui/src/modules/message-pane/entities/message-collection.entity.intf.ts → packages/stark-ui/src/common/message/message-collection.entity.intf.ts

@@ -1,4 +1,4 @@
-import { StarkMessage } from "../../../common/message";
+import { StarkMessage } from "./message.intf";
 
 /**
  * A collection of messages to be displayed in the {@link StarkMessagePaneComponent}

packages/stark-ui/src/common/ng-package.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public_api.ts",
+    "umdModuleIds": {
+      "@nationalbankbelgium/stark-core": "stark.core",
+      "lodash-es/merge": "lodash-es.merge",
+      "lodash-es/uniqueId": "lodash-es.uniqueId"
+    }
+  }
+}

packages/stark-ui/src/common/public_api.ts

@@ -0,0 +1,4 @@
+/* eslint-disable unicorn/filename-case */
+export * from "./message";
+export * from "./store";
+export * from "./translations";

packages/stark-ui/src/common/store.ts

@@ -1 +1,2 @@
+export * from "./store/message-state";
 export * from "./store/stark-ui-application-state";

packages/stark-ui/src/common/store/message-state.ts

@@ -0,0 +1,11 @@
+import { StarkMessageCollection } from "../message";
+
+/**
+ * Defines the part of the state assigned to the {@link StarkMessagePaneModule}
+ */
+export interface StarkMessageState {
+	/**
+	 * State corresponding to the {@link StarkMessagePaneModule}
+	 */
+	messages: StarkMessageCollection;
+}

packages/stark-ui/src/common/store/stark-ui-application-state.ts

@@ -1,4 +1,4 @@
-import { StarkMessageState } from "../../modules/message-pane/reducers";
+import { StarkMessageState } from "./message-state";
 
 /**
  * Interface defining the shape of the application state of Stark Ui extending Core (i.e., what's stored in Redux by Stark)

packages/stark-ui/src/internal-common.ts

@@ -0,0 +1 @@
+export * from "./internal-common/public_api";

packages/stark-ui/src/internal-common/ng-package.json

@@ -0,0 +1,6 @@
+{
+  "$schema": "../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public_api.ts"
+  }
+}

packages/stark-ui/src/internal-common/public_api.ts

@@ -0,0 +1,2 @@
+/* eslint-disable unicorn/filename-case */
+export * from "./classes/abstract-component";

packages/stark-ui/src/modules/action-bar.ts

@@ -1,2 +1 @@
-export * from "./action-bar/action-bar.module";
-export * from "./action-bar/components";
+export * from "./action-bar/public_api";

packages/stark-ui/src/modules/action-bar/components/action-bar.component.ts

@@ -2,7 +2,7 @@ import { ChangeDetectionStrategy, Component, ElementRef, Inject, Input, OnInit,
 import { StarkActionBarConfig } from "./action-bar-config.intf";
 import { StarkAction, StarkActionBarButtonColor } from "./action.intf";
 import { STARK_LOGGING_SERVICE, StarkLoggingService } from "@nationalbankbelgium/stark-core";
-import { AbstractStarkUiComponent } from "../../../common/classes/abstract-component";
+import { AbstractStarkUiComponent } from "@nationalbankbelgium/stark-ui/src/internal-common";
 
 export type StarkActionBarComponentMode = "full" | "compact";
 

packages/stark-ui/src/modules/action-bar/ng-package.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public_api.ts",
+    "umdModuleIds": {
+      "@nationalbankbelgium/stark-core": "stark.core",
+      "@ngx-translate/core": "ngxTranslate.core"
+    }
+  }
+}

packages/stark-ui/src/modules/action-bar/public_api.ts

@@ -0,0 +1,3 @@
+/* eslint-disable unicorn/filename-case */
+export * from "./action-bar.module";
+export * from "./components";

packages/stark-ui/src/modules/app-data.ts

@@ -1,2 +1 @@
-export * from "./app-data/app-data.module";
-export * from "./app-data/components";
+export * from "./app-data/public_api";

packages/stark-ui/src/modules/app-data/app-data.module.ts

@@ -7,7 +7,7 @@ import { MatTooltipModule } from "@angular/material/tooltip";
 import { StarkAppDataComponent } from "./components";
 import { TranslateModule, TranslateService } from "@ngx-translate/core";
 import { translationsFr } from "./assets/translations/fr";
-import { mergeUiTranslations } from "../../common/translations";
+import { mergeUiTranslations } from "@nationalbankbelgium/stark-ui/src/common";
 import { translationsEn } from "./assets/translations/en";
 import { translationsNl } from "./assets/translations/nl";
 import { StarkLocale } from "@nationalbankbelgium/stark-core";

packages/stark-ui/src/modules/app-data/components/app-data.component.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, ElementRef, Inject, Input, OnInit, Renderer2, ViewEncapsulation } from "@angular/core";
 import { STARK_LOGGING_SERVICE, StarkLoggingService } from "@nationalbankbelgium/stark-core";
-import { AbstractStarkUiComponent } from "../../../common/classes/abstract-component";
+import { AbstractStarkUiComponent } from "@nationalbankbelgium/stark-ui/src/internal-common";
 
 /**
  * @ignore

packages/stark-ui/src/modules/app-data/ng-package.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public_api.ts",
+    "umdModuleIds": {
+      "@nationalbankbelgium/stark-core": "stark.core",
+      "@ngx-translate/core": "ngxTranslate.core"
+    }
+  }
+}

packages/stark-ui/src/modules/app-data/public_api.ts

@@ -0,0 +1,3 @@
+/* eslint-disable unicorn/filename-case */
+export * from "./app-data.module";
+export * from "./components";

packages/stark-ui/src/modules/app-footer.ts

@@ -1,2 +1 @@
-export * from "./app-footer/app-footer.module";
-export * from "./app-footer/components";
+export * from "./app-footer/public_api";

packages/stark-ui/src/modules/app-footer/app-footer.module.ts

@@ -6,7 +6,7 @@ import { StarkAppFooterComponent } from "./components";
 import { translationsEn } from "./assets/translations/en";
 import { translationsFr } from "./assets/translations/fr";
 import { translationsNl } from "./assets/translations/nl";
-import { mergeUiTranslations } from "../../common/translations";
+import { mergeUiTranslations } from "@nationalbankbelgium/stark-ui/src/common";
 
 @NgModule({
 	declarations: [StarkAppFooterComponent],

packages/stark-ui/src/modules/app-footer/ng-package.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public_api.ts",
+    "umdModuleIds": {
+      "@nationalbankbelgium/stark-core": "stark.core",
+      "@ngx-translate/core": "ngxTranslate.core"
+    }
+  }
+}

packages/stark-ui/src/modules/app-footer/public_api.ts

@@ -0,0 +1,3 @@
+/* eslint-disable unicorn/filename-case */
+export * from "./app-footer.module";
+export * from "./components";

packages/stark-ui/src/modules/app-logo.ts

@@ -1,2 +1 @@
-export * from "./app-logo/app-logo.module";
-export * from "./app-logo/components";
+export * from "./app-logo/public_api";

packages/stark-ui/src/modules/app-logo/components/app-logo.component.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, ElementRef, Inject, Input, OnInit, Renderer2, ViewEncapsulation } from "@angular/core";
 import { STARK_LOGGING_SERVICE, STARK_ROUTING_SERVICE, StarkLoggingService, StarkRoutingService } from "@nationalbankbelgium/stark-core";
-import { AbstractStarkUiComponent } from "../../../common/classes/abstract-component";
+import { AbstractStarkUiComponent } from "@nationalbankbelgium/stark-ui/src/internal-common";
 
 /**
  * @ignore

packages/stark-ui/src/modules/app-logo/ng-package.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "../../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public_api.ts",
+    "umdModuleIds": {
+      "@nationalbankbelgium/stark-core": "stark.core"
+    }
+  }
+}

packages/stark-ui/src/modules/app-logo/public_api.ts

@@ -0,0 +1,3 @@
+/* eslint-disable unicorn/filename-case */
+export * from "./app-logo.module";
+export * from "./components";

packages/stark-ui/src/modules/app-logout.ts

@@ -1,2 +1 @@
-export * from "./app-logout/app-logout.module";
-export * from "./app-logout/components";
+export * from "./app-logout/public_api";

packages/stark-ui/src/modules/app-logout/app-logout.module.ts

@@ -8,7 +8,7 @@ import { StarkAppLogoutComponent } from "./components";
 import { translationsEn } from "./assets/translations/en";
 import { translationsFr } from "./assets/translations/fr";
 import { translationsNl } from "./assets/translations/nl";
-import { mergeUiTranslations } from "../../common/translations";
+import { mergeUiTranslations } from "@nationalbankbelgium/stark-ui/src/common";
 
 @NgModule({
 	declarations: [StarkAppLogoutComponent],

packages/stark-ui/src/modules/app-logout/components/app-logout.component.ts

@@ -21,7 +21,7 @@ import {
 	starkSessionLogoutStateName,
 	StarkSessionService
 } from "@nationalbankbelgium/stark-core";
-import { AbstractStarkUiComponent } from "../../../common/classes/abstract-component";
+import { AbstractStarkUiComponent } from "@nationalbankbelgium/stark-ui/src/internal-common";
 
 /**
  * @ignore

packages/stark-ui/src/modules/app-logout/ng-package.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public_api.ts",
+    "umdModuleIds": {
+      "@nationalbankbelgium/stark-core": "stark.core",
+      "@ngx-translate/core": "ngxTranslate.core"
+    }
+  }
+}

packages/stark-ui/src/modules/app-logout/public_api.ts

@@ -0,0 +1,3 @@
+/* eslint-disable unicorn/filename-case */
+export * from "./app-logout.module";
+export * from "./components";

packages/stark-ui/src/modules/app-menu.ts

@@ -1,2 +1 @@
-export * from "./app-menu/app-menu.module";
-export * from "./app-menu/components";
+export * from "./app-menu/public_api";

packages/stark-ui/src/modules/app-menu/components/app-menu-item.component.ts

@@ -22,7 +22,7 @@ import {
 	StarkRoutingService,
 	StarkRoutingTransitionHook
 } from "@nationalbankbelgium/stark-core";
-import { AbstractStarkUiComponent } from "../../../common/classes/abstract-component";
+import { AbstractStarkUiComponent } from "@nationalbankbelgium/stark-ui/src/internal-common";
 import { StarkMenuGroup } from "./app-menu-group.intf";
 
 /**

packages/stark-ui/src/modules/app-menu/components/app-menu.component.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectionStrategy, Component, ElementRef, Inject, Input, OnInit, Renderer2, ViewEncapsulation } from "@angular/core";
 import { STARK_LOGGING_SERVICE, STARK_ROUTING_SERVICE, StarkLoggingService, StarkRoutingService } from "@nationalbankbelgium/stark-core";
-import { AbstractStarkUiComponent } from "../../../common/classes/abstract-component";
+import { AbstractStarkUiComponent } from "@nationalbankbelgium/stark-ui/src/internal-common";
 import { StarkMenuSection } from "./app-menu-section.intf";
 import { StarkMenuConfig } from "./app-menu-config.intf";
 import { StarkMenuGroup } from "./app-menu-group.intf";

packages/stark-ui/src/modules/app-menu/ng-package.json

@@ -0,0 +1,11 @@
+{
+  "$schema": "../../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public_api.ts",
+    "umdModuleIds": {
+      "@nationalbankbelgium/stark-core": "stark.core",
+      "@ngx-translate/core": "ngxTranslate.core",
+      "@uirouter/angular": "uirouter.angular"
+    }
+  }
+}

packages/stark-ui/src/modules/app-menu/public_api.ts

@@ -0,0 +1,3 @@
+/* eslint-disable unicorn/filename-case */
+export * from "./app-menu.module";
+export * from "./components";

packages/stark-ui/src/modules/app-sidebar.ts

@@ -1,3 +1 @@
-export * from "./app-sidebar/app-sidebar.module";
-export * from "./app-sidebar/components";
-export * from "./app-sidebar/services";
+export * from "./app-sidebar/public_api";

packages/stark-ui/src/modules/app-sidebar/components/app-sidebar.component.ts

@@ -10,7 +10,7 @@ import {
 	StarkRoutingTransitionHook
 } from "@nationalbankbelgium/stark-core";
 import { STARK_APP_SIDEBAR_SERVICE, StarkAppSidebarOpenEvent, StarkAppSidebarService } from "../services";
-import { AbstractStarkUiComponent } from "../../../common/classes/abstract-component";
+import { AbstractStarkUiComponent } from "@nationalbankbelgium/stark-ui/src/internal-common";
 
 export type StarkAppSidebarLeftMode = "regular" | "menu" | undefined;
 

packages/stark-ui/src/modules/app-sidebar/ng-package.json

@@ -0,0 +1,9 @@
+{
+  "$schema": "../../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public_api.ts",
+    "umdModuleIds": {
+      "@nationalbankbelgium/stark-core": "stark.core"
+    }
+  }
+}

packages/stark-ui/src/modules/app-sidebar/public_api.ts

@@ -0,0 +1,4 @@
+/* eslint-disable unicorn/filename-case */
+export * from "./app-sidebar.module";
+export * from "./components";
+export * from "./services";

packages/stark-ui/src/modules/breadcrumb.ts

@@ -1,2 +1 @@
-export * from "./breadcrumb/breadcrumb.module";
-export * from "./breadcrumb/components";
+export * from "./breadcrumb/public_api";

packages/stark-ui/src/modules/breadcrumb/components/breadcrumb.component.ts

@@ -19,7 +19,7 @@ import {
 	StarkRoutingService,
 	StarkRoutingTransitionHook
 } from "@nationalbankbelgium/stark-core";
-import { AbstractStarkUiComponent } from "../../../common/classes/abstract-component";
+import { AbstractStarkUiComponent } from "@nationalbankbelgium/stark-ui/src/internal-common";
 
 /**
  * @ignore

packages/stark-ui/src/modules/breadcrumb/ng-package.json

@@ -0,0 +1,10 @@
+{
+  "$schema": "../../../../../node_modules/ng-packagr/ng-package.schema.json",
+  "lib": {
+    "entryFile": "public_api.ts",
+    "umdModuleIds": {
+      "@nationalbankbelgium/stark-core": "stark.core",
+      "@ngx-translate/core": "ngxTranslate.core"
+    }
+  }
+}

packages/stark-ui/src/modules/breadcrumb/public_api.ts

@@ -0,0 +1,3 @@
+/* eslint-disable unicorn/filename-case */
+export * from "./breadcrumb.module";
+export * from "./components";

packages/stark-ui/src/modules/collapsible.ts

@@ -1,2 +1 @@
-export * from "./collapsible/collapsible.module";
-export * from "./collapsible/components";
+export * from "./collapsible/public_api";

packages/stark-ui/src/modules/collapsible/components/collapsible.component.ts

@@ -11,7 +11,7 @@ import {
 	ViewEncapsulation
 } from "@angular/core";
 import { STARK_LOGGING_SERVICE, StarkLoggingService } from "@nationalbankbelgium/stark-core";
-import { AbstractStarkUiComponent } from "../../../common/classes/abstract-component";
+import { AbstractStarkUiComponent } from "@nationalbankbelgium/stark-ui/src/internal-common";
 
 /**
  * @ignore