refactor: export every directive as separate bundle (treeshake)

Author: vladjerca

projects/angular/components/src/ui-grid/ui-grid.module.ts

@@ -10,7 +10,7 @@ import { MatMenuModule } from '@angular/material/menu';
 import { MatPaginatorModule } from '@angular/material/paginator';
 import { MatProgressBarModule } from '@angular/material/progress-bar';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import { UiVirtualScrollViewportResizeModule } from '@uipath/angular/directives';
+import { UiVirtualScrollViewportResizeModule } from '@uipath/angular/directives/ui-virtual-scroll-viewport-resize';
 
 import { UiSuggestModule } from '../ui-suggest/ui-suggest.module';
 import { UiGridColumnDirective } from './body/ui-grid-column.directive';

projects/angular/components/src/ui-suggest/models/suggestValue.ts

@@ -1,7 +1,7 @@
 import {
-    VirtualScrollItem,
-    VirtualScrollItemStatus,
-} from '@uipath/angular/directives';
+  VirtualScrollItem,
+  VirtualScrollItemStatus,
+} from '@uipath/angular/directives/ui-virtual-scroll-range-loader';
 
 /**
  * UiSuggest item schema.

projects/angular/components/src/ui-suggest/ui-suggest.component.spec.ts

@@ -1,49 +1,49 @@
 import {
-    Component,
-    ViewChild,
+  Component,
+  ViewChild,
 } from '@angular/core';
 import {
-    async,
-    ComponentFixture,
-    discardPeriodicTasks,
-    fakeAsync,
-    TestBed,
-    tick,
+  async,
+  ComponentFixture,
+  discardPeriodicTasks,
+  fakeAsync,
+  TestBed,
+  tick,
 } from '@angular/core/testing';
 import {
-    FormBuilder,
-    FormGroup,
-    ReactiveFormsModule,
+  FormBuilder,
+  FormGroup,
+  ReactiveFormsModule,
 } from '@angular/forms';
 import { MatInputModule } from '@angular/material/input';
 import { By } from '@angular/platform-browser';
 import { NoopAnimationsModule } from '@angular/platform-browser/animations';
-import { VirtualScrollItemStatus } from '@uipath/angular/directives';
 import {
-    EventGenerator,
-    Key,
+  EventGenerator,
+  Key,
 } from '@uipath/angular/testing';
 
 import * as faker from 'faker';
+import { VirtualScrollItemStatus } from 'projects/angular/directives/ui-virtual-scroll-range-loader/src/public_api';
 import {
-    Observable,
-    of,
+  Observable,
+  of,
 } from 'rxjs';
 import {
-    delay,
-    finalize,
-    map,
-    skip,
-    take,
+  delay,
+  finalize,
+  map,
+  skip,
+  take,
 } from 'rxjs/operators';
 
 import {
-    ISuggestValue,
-    ISuggestValues,
+  ISuggestValue,
+  ISuggestValues,
 } from './models';
 import {
-    generateSuggestionItem,
-    generateSuggetionItemList,
+  generateSuggestionItem,
+  generateSuggetionItemList,
 } from './test';
 import { UiSuggestComponent } from './ui-suggest.component';
 import { UiSuggestModule } from './ui-suggest.module';

projects/angular/components/src/ui-suggest/ui-suggest.component.ts

@@ -2,73 +2,73 @@ import { LiveAnnouncer } from '@angular/cdk/a11y';
 import { ListRange } from '@angular/cdk/collections';
 import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
 import {
-    AfterViewInit,
-    ChangeDetectionStrategy,
-    ChangeDetectorRef,
-    Component,
-    ElementRef,
-    EventEmitter,
-    HostBinding,
-    Input,
-    isDevMode,
-    OnDestroy,
-    OnInit,
-    Optional,
-    Output,
-    Self,
-    ViewChild,
-    ViewEncapsulation,
+  AfterViewInit,
+  ChangeDetectionStrategy,
+  ChangeDetectorRef,
+  Component,
+  ElementRef,
+  EventEmitter,
+  HostBinding,
+  Input,
+  isDevMode,
+  OnDestroy,
+  OnInit,
+  Optional,
+  Output,
+  Self,
+  ViewChild,
+  ViewEncapsulation,
 } from '@angular/core';
 import {
-    FormGroupDirective,
-    NgControl,
-    NgForm,
+  FormGroupDirective,
+  NgControl,
+  NgForm,
 } from '@angular/forms';
 import { ErrorStateMatcher } from '@angular/material/core';
 import { MatFormFieldControl } from '@angular/material/form-field';
-import { VirtualScrollItemStatus } from '@uipath/angular/directives';
+import { VirtualScrollItemStatus } from '@uipath/angular/directives/ui-virtual-scroll-range-loader';
 
 import cloneDeep from 'lodash-es/cloneDeep';
 import isEqual from 'lodash-es/isEqual';
 import {
-    BehaviorSubject,
-    combineLatest,
-    merge,
-    Observable,
-    Subject,
-    Subscription,
+  BehaviorSubject,
+  combineLatest,
+  merge,
+  Observable,
+  Subject,
+  Subscription,
 } from 'rxjs';
 import {
-    debounceTime,
-    delay,
-    distinctUntilChanged,
-    filter,
-    finalize,
-    map,
-    retry,
-    startWith,
-    takeUntil,
-    tap,
+  debounceTime,
+  delay,
+  distinctUntilChanged,
+  filter,
+  finalize,
+  map,
+  retry,
+  startWith,
+  takeUntil,
+  tap,
 } from 'rxjs/operators';
 
 import {
-    ISuggestValue,
-    ISuggestValues,
-    SuggestDirection,
+  ISuggestValue,
+  ISuggestValues,
+  SuggestDirection,
 } from './models';
 import { UI_SUGGEST_ANIMATIONS } from './ui-suggest.animations';
 import { UiSuggestIntl } from './ui-suggest.intl';
 import { UiSuggestMatFormField } from './ui-suggest.mat-form-field';
 import {
-    caseInsensitiveCompare,
-    generateLoadingInitialCollection,
-    inMemorySearch,
-    mapInitialItems,
-    resetUnloadedState,
-    setLoadedState,
-    setPendingState,
-    sortByPriorityAndDirection,
-    toSuggestValue,
+  caseInsensitiveCompare,
+  generateLoadingInitialCollection,
+  inMemorySearch,
+  mapInitialItems,
+  resetUnloadedState,
+  setLoadedState,
+  setPendingState,
+  sortByPriorityAndDirection,
+  toSuggestValue,
 } from './utils';
 
 /**

projects/angular/components/src/ui-suggest/ui-suggest.module.ts

@@ -9,12 +9,10 @@ import { MatInputModule } from '@angular/material/input';
 import { MatListModule } from '@angular/material/list';
 import { MatProgressSpinnerModule } from '@angular/material/progress-spinner';
 import { MatTooltipModule } from '@angular/material/tooltip';
-import {
-    UiAutofocusModule,
-    UiClickOutsideModule,
-    UiNgLetModule,
-    UiVirtualScrollRangeLoaderModule,
-} from '@uipath/angular/directives';
+import { UiAutofocusModule } from '@uipath/angular/directives/ui-autofocus';
+import { UiClickOutsideModule } from '@uipath/angular/directives/ui-click-outside';
+import { UiNgLetModule } from '@uipath/angular/directives/ui-ng-let';
+import { UiVirtualScrollRangeLoaderModule } from '@uipath/angular/directives/ui-virtual-scroll-range-loader';
 
 import { UiSuggestComponent } from './ui-suggest.component';
 

projects/angular/components/src/ui-suggest/utils/items.utils.ts

@@ -1,16 +1,16 @@
 import { isDevMode } from '@angular/core';
-import { VirtualScrollItemStatus } from '@uipath/angular/directives';
+import { VirtualScrollItemStatus } from '@uipath/angular/directives/ui-virtual-scroll-range-loader';
 
 import cloneDeep from 'lodash-es/cloneDeep';
 import sortBy from 'lodash-es/sortBy';
 import { of } from 'rxjs';
 import { map } from 'rxjs/operators';
 
 import {
-    ISuggestValue,
-    ISuggestValueData,
-    ISuggestValues,
-    SuggestDisplayPriority,
+  ISuggestValue,
+  ISuggestValueData,
+  ISuggestValues,
+  SuggestDisplayPriority,
 } from '../models';
 
 /**

projects/angular/directives/package.json renamed to projects/angular/directives/internal/package.json

@@ -0,0 +1 @@
+export * from './ui-format';