diff --git a/demo-shell/src/app/components/file-view/file-view.component.html b/demo-shell/src/app/components/file-view/file-view.component.html index dd2b065061..936ed69521 100644 --- a/demo-shell/src/app/components/file-view/file-view.component.html +++ b/demo-shell/src/app/components/file-view/file-view.component.html @@ -88,7 +88,7 @@

- + @@ -97,7 +97,7 @@

- + diff --git a/demo-shell/src/app/components/file-view/file-view.component.ts b/demo-shell/src/app/components/file-view/file-view.component.ts index f9ed345b58..5ba62be837 100644 --- a/demo-shell/src/app/components/file-view/file-view.component.ts +++ b/demo-shell/src/app/components/file-view/file-view.component.ts @@ -17,44 +17,18 @@ import { Component, OnInit, ViewEncapsulation } from '@angular/core'; import { ActivatedRoute, PRIMARY_OUTLET, Router } from '@angular/router'; -import { InfoDrawerComponent, InfoDrawerTabComponent, NotificationService, ViewerComponent } from '@alfresco/adf-core'; +import { NotificationService } from '@alfresco/adf-core'; import { - AlfrescoViewerComponent, AllowableOperationsEnum, - ContentMetadataModule, ContentService, FileUploadErrorEvent, - NodeCommentsModule, NodesApiService, - PermissionsEnum, - VersionManagerModule + PermissionsEnum } from '@alfresco/adf-content-services'; import { PreviewService } from '../../services/preview.service'; -import { CommonModule } from '@angular/common'; -import { MatSlideToggleModule } from '@angular/material/slide-toggle'; -import { MatFormFieldModule } from '@angular/material/form-field'; -import { MatInputModule } from '@angular/material/input'; -import { FormsModule } from '@angular/forms'; -import { MatButtonModule } from '@angular/material/button'; @Component({ selector: 'app-file-view', - standalone: true, - imports: [ - CommonModule, - AlfrescoViewerComponent, - ViewerComponent, - InfoDrawerComponent, - InfoDrawerTabComponent, - NodeCommentsModule, - ContentMetadataModule, - MatSlideToggleModule, - MatFormFieldModule, - MatInputModule, - FormsModule, - MatButtonModule, - VersionManagerModule - ], templateUrl: './file-view.component.html', encapsulation: ViewEncapsulation.None }) diff --git a/demo-shell/src/app/components/file-view/file-view.module.ts b/demo-shell/src/app/components/file-view/file-view.module.ts index bbeeec4647..a5ab81a664 100644 --- a/demo-shell/src/app/components/file-view/file-view.module.ts +++ b/demo-shell/src/app/components/file-view/file-view.module.ts @@ -16,7 +16,10 @@ */ import { NgModule } from '@angular/core'; +import { CommonModule } from '@angular/common'; import { Routes, RouterModule } from '@angular/router'; +import { CoreModule, InfoDrawerModule } from '@alfresco/adf-core'; +import { ContentModule, ContentDirectiveModule, VersionManagerModule, ContentMetadataModule } from '@alfresco/adf-content-services'; import { FileViewComponent } from './file-view.component'; const routes: Routes = [ @@ -27,7 +30,20 @@ const routes: Routes = [ ]; @NgModule({ - imports: [RouterModule.forChild(routes), FileViewComponent], + imports: [ + CommonModule, + RouterModule.forChild(routes), + CoreModule, + ContentModule, + InfoDrawerModule, + ContentModule, + ContentDirectiveModule, + ContentMetadataModule, + VersionManagerModule + ], + declarations: [FileViewComponent], exports: [FileViewComponent] }) -export class FileViewModule {} +export class FileViewModule { + +} diff --git a/lib/core/src/lib/core.module.ts b/lib/core/src/lib/core.module.ts index e270502bd9..ed20941b27 100644 --- a/lib/core/src/lib/core.module.ts +++ b/lib/core/src/lib/core.module.ts @@ -19,12 +19,15 @@ import { CommonModule } from '@angular/common'; import { APP_INITIALIZER, NgModule, ModuleWithProviders } from '@angular/core'; import { FormsModule, ReactiveFormsModule } from '@angular/forms'; import { TranslateModule, TranslateLoader, TranslateStore, TranslateService } from '@ngx-translate/core'; + import { MaterialModule } from './material.module'; import { ABOUT_DIRECTIVES } from './about/about.module'; import { CardViewModule } from './card-view/card-view.module'; import { ContextMenuModule } from './context-menu/context-menu.module'; import { DataTableModule } from './datatable/datatable.module'; +import { InfoDrawerModule } from './info-drawer/info-drawer.module'; import { LanguageMenuModule } from './language-menu/language-menu.module'; +import { LoginModule } from './login/login.module'; import { PaginationModule } from './pagination/pagination.module'; import { ToolbarModule } from './toolbar/toolbar.module'; import { ViewerModule } from './viewer/viewer.module'; @@ -37,10 +40,13 @@ import { TemplateModule } from './templates/template.module'; import { ClipboardModule } from './clipboard/clipboard.module'; import { NotificationHistoryModule } from './notifications/notification-history.module'; import { BlankPageModule } from './blank-page/blank-page.module'; + import { DirectiveModule } from './directives/directive.module'; import { PipeModule } from './pipes/pipe.module'; + import { TranslationService } from './translation/translation.service'; import { SortingPickerModule } from './sorting-picker/sorting-picker.module'; +import { IconModule } from './icon/icon.module'; import { TranslateLoaderService } from './translation/translate-loader.service'; import { ExtensionsModule } from '@alfresco/adf-extensions'; import { directionalityConfigFactory } from './common/services/directionality-config-factory'; @@ -62,9 +68,6 @@ import { AdfDateTimeFnsAdapter } from './common/utils/datetime-fns-adapter'; import { AppConfigPipe, StoragePrefixFactory } from './app-config'; import { UnsavedChangesDialogModule } from './dialogs'; import { DynamicChipListModule } from './dynamic-chip-list'; -import { INFO_DRAWER_DIRECTIVES } from './info-drawer'; -import { IconComponent } from './icon'; -import { LOGIN_DIRECTIVES } from './login'; @NgModule({ imports: [ @@ -88,13 +91,13 @@ import { LOGIN_DIRECTIVES } from './login'; FormBaseModule, CommentsModule, CommentListModule, - ...LOGIN_DIRECTIVES, + LoginModule, LanguageMenuModule, - ...INFO_DRAWER_DIRECTIVES, + InfoDrawerModule, DataTableModule, ButtonsMenuModule, TemplateModule, - IconComponent, + IconModule, SortingPickerModule, NotificationHistoryModule, SearchTextModule, @@ -127,15 +130,15 @@ import { LOGIN_DIRECTIVES } from './login'; FormBaseModule, CommentsModule, CommentListModule, - ...LOGIN_DIRECTIVES, + LoginModule, LanguageMenuModule, - ...INFO_DRAWER_DIRECTIVES, + InfoDrawerModule, DataTableModule, TranslateModule, ButtonsMenuModule, TemplateModule, SortingPickerModule, - IconComponent, + IconModule, NotificationHistoryModule, SearchTextModule, BlankPageModule, diff --git a/lib/core/src/lib/info-drawer/info-drawer-layout.component.ts b/lib/core/src/lib/info-drawer/info-drawer-layout.component.ts index de5a2f3d02..7f33a179e3 100644 --- a/lib/core/src/lib/info-drawer/info-drawer-layout.component.ts +++ b/lib/core/src/lib/info-drawer/info-drawer-layout.component.ts @@ -16,12 +16,9 @@ */ import { Component, Directive, Input, ViewEncapsulation } from '@angular/core'; -import { CommonModule } from '@angular/common'; @Component({ selector: 'adf-info-drawer-layout', - standalone: true, - imports: [CommonModule], templateUrl: './info-drawer-layout.component.html', styleUrls: ['./info-drawer-layout.component.scss'], encapsulation: ViewEncapsulation.None, @@ -36,20 +33,6 @@ export class InfoDrawerLayoutComponent { /** * Directive selectors without adf- prefix will be deprecated on 3.0.0 */ -@Directive({ - standalone: true, - selector: '[adf-info-drawer-title], [info-drawer-title]' -}) -export class InfoDrawerTitleDirective {} - -@Directive({ - standalone: true, - selector: '[adf-info-drawer-buttons], [info-drawer-buttons]' -}) -export class InfoDrawerButtonsDirective {} - -@Directive({ - standalone: true, - selector: '[adf-info-drawer-content], [info-drawer-content]' -}) -export class InfoDrawerContentDirective {} +@Directive({ selector: '[adf-info-drawer-title], [info-drawer-title]' }) export class InfoDrawerTitleDirective {} +@Directive({ selector: '[adf-info-drawer-buttons], [info-drawer-buttons]' }) export class InfoDrawerButtonsDirective {} +@Directive({ selector: '[adf-info-drawer-content], [info-drawer-content]' }) export class InfoDrawerContentDirective {} diff --git a/lib/core/src/lib/info-drawer/info-drawer.component.html b/lib/core/src/lib/info-drawer/info-drawer.component.html index 6bc9593ca4..4fff27cf84 100644 --- a/lib/core/src/lib/info-drawer/info-drawer.component.html +++ b/lib/core/src/lib/info-drawer/info-drawer.component.html @@ -2,8 +2,8 @@ {{ 'INFO_DRAWER.ICON' | translate }}

{{ title | translate }}
- - + + diff --git a/lib/core/src/lib/info-drawer/info-drawer.component.stories.ts b/lib/core/src/lib/info-drawer/info-drawer.component.stories.ts index 25b4fb7d3e..17dbcc3238 100644 --- a/lib/core/src/lib/info-drawer/info-drawer.component.stories.ts +++ b/lib/core/src/lib/info-drawer/info-drawer.component.stories.ts @@ -18,7 +18,7 @@ import { Meta, moduleMetadata, Story } from '@storybook/angular'; import { CoreStoryModule } from '../testing/core.story.module'; import { InfoDrawerComponent } from './info-drawer.component'; -import { INFO_DRAWER_DIRECTIVES } from './info-drawer.module'; +import { InfoDrawerModule } from './info-drawer.module'; import { mockTabText, mockCardText } from './mock/info-drawer.mock'; export default { @@ -26,7 +26,7 @@ export default { title: 'Core/Info Drawer/Info Drawer', decorators: [ moduleMetadata({ - imports: [CoreStoryModule, ...INFO_DRAWER_DIRECTIVES] + imports: [CoreStoryModule, InfoDrawerModule] }) ], parameters: { @@ -200,9 +200,10 @@ export default { } } as Meta; -const tabLayoutTemplate: Story = (args: InfoDrawerComponent) => ({ +const tabLayoutTemplate: Story = (args: InfoDrawerComponent) => ({ props: args, - template: ` + template: + `
clear
@@ -222,9 +223,10 @@ const tabLayoutTemplate: Story = (args: InfoDrawerComponent
` }); -const singleLayoutTemplate: Story = (args: InfoDrawerComponent) => ({ +const singleLayoutTemplate: Story = (args: InfoDrawerComponent) => ({ props: args, - template: ` + template: + `
File info
diff --git a/lib/core/src/lib/info-drawer/info-drawer.component.ts b/lib/core/src/lib/info-drawer/info-drawer.component.ts index 8d560e5453..9d8b3b054f 100644 --- a/lib/core/src/lib/info-drawer/info-drawer.component.ts +++ b/lib/core/src/lib/info-drawer/info-drawer.component.ts @@ -15,32 +15,10 @@ * limitations under the License. */ -import { - Component, - ContentChildren, - EventEmitter, - HostListener, - Input, - Output, - QueryList, - TemplateRef, - ViewChild, - ViewEncapsulation -} from '@angular/core'; -import { MatTabChangeEvent, MatTabsModule } from '@angular/material/tabs'; -import { CommonModule } from '@angular/common'; -import { - InfoDrawerButtonsDirective, - InfoDrawerContentDirective, - InfoDrawerLayoutComponent, - InfoDrawerTitleDirective -} from './info-drawer-layout.component'; -import { TranslateModule } from '@ngx-translate/core'; -import { MatIconModule } from '@angular/material/icon'; - +import { Component, ContentChildren, EventEmitter, HostListener, Input, Output, QueryList, TemplateRef, ViewChild, ViewEncapsulation } from '@angular/core'; +import { MatTabChangeEvent } from '@angular/material/tabs'; @Component({ selector: 'adf-info-drawer-tab', - standalone: true, template: '', encapsulation: ViewEncapsulation.None }) @@ -59,17 +37,6 @@ export class InfoDrawerTabComponent { @Component({ selector: 'adf-info-drawer', - standalone: true, - imports: [ - CommonModule, - InfoDrawerLayoutComponent, - TranslateModule, - InfoDrawerTitleDirective, - InfoDrawerButtonsDirective, - InfoDrawerContentDirective, - MatTabsModule, - MatIconModule - ], templateUrl: './info-drawer.component.html', styleUrls: ['./info-drawer.component.scss'], encapsulation: ViewEncapsulation.None, @@ -78,7 +45,7 @@ export class InfoDrawerTabComponent { export class InfoDrawerComponent { /** The title of the info drawer (string or translation key). */ @Input() - title: string | null = null; + title: string|null = null; @Input() icon: string | null = null; diff --git a/lib/core/src/lib/info-drawer/info-drawer.module.ts b/lib/core/src/lib/info-drawer/info-drawer.module.ts index 95022730e0..5ca2bd55ef 100644 --- a/lib/core/src/lib/info-drawer/info-drawer.module.ts +++ b/lib/core/src/lib/info-drawer/info-drawer.module.ts @@ -15,27 +15,41 @@ * limitations under the License. */ +import { CommonModule } from '@angular/common'; import { NgModule } from '@angular/core'; -import { - InfoDrawerLayoutComponent, - InfoDrawerTitleDirective, - InfoDrawerButtonsDirective, - InfoDrawerContentDirective -} from './info-drawer-layout.component'; +import { InfoDrawerLayoutComponent, InfoDrawerTitleDirective, InfoDrawerButtonsDirective, InfoDrawerContentDirective } from './info-drawer-layout.component'; import { InfoDrawerComponent, InfoDrawerTabComponent } from './info-drawer.component'; +import { TranslateModule } from '@ngx-translate/core'; +import { MatIconModule } from '@angular/material/icon'; +import { MatTabsModule } from '@angular/material/tabs'; +import { MatCardModule } from '@angular/material/card'; -export const INFO_DRAWER_DIRECTIVES = [ - InfoDrawerLayoutComponent, - InfoDrawerTabComponent, - InfoDrawerComponent, - InfoDrawerTitleDirective, - InfoDrawerButtonsDirective, - InfoDrawerContentDirective -]; - -/** @deprecated use `INFO_DRAWER_DIRECTIVES` or import standalone components directly */ @NgModule({ - imports: [...INFO_DRAWER_DIRECTIVES], - exports: [...INFO_DRAWER_DIRECTIVES] + imports: [ + CommonModule, + MatTabsModule, + MatIconModule, + MatCardModule, + TranslateModule + ], + declarations: [ + InfoDrawerLayoutComponent, + InfoDrawerTabComponent, + InfoDrawerComponent, + InfoDrawerTitleDirective, + InfoDrawerButtonsDirective, + InfoDrawerContentDirective + ], + exports: [ + InfoDrawerLayoutComponent, + InfoDrawerTabComponent, + InfoDrawerComponent, + InfoDrawerTitleDirective, + InfoDrawerButtonsDirective, + InfoDrawerContentDirective, + MatTabsModule, + MatCardModule, + MatIconModule + ] }) export class InfoDrawerModule {} diff --git a/lib/core/src/lib/login/login.module.ts b/lib/core/src/lib/login/login.module.ts index 8a2e247cc3..642afd75b4 100644 --- a/lib/core/src/lib/login/login.module.ts +++ b/lib/core/src/lib/login/login.module.ts @@ -23,11 +23,21 @@ import { LoginComponent } from './components/login/login.component'; import { LoginFooterDirective } from './directives/login-footer.directive'; import { LoginHeaderDirective } from './directives/login-header.directive'; -export const LOGIN_DIRECTIVES = [LoginComponent, LoginFooterDirective, LoginHeaderDirective, LoginDialogComponent, LoginDialogPanelComponent]; - -/** @deprecated use `LOGIN_DIRECTIVES` or import standalone components directly */ @NgModule({ - imports: [...LOGIN_DIRECTIVES], - exports: [...LOGIN_DIRECTIVES] + imports: [ + LoginComponent, + LoginFooterDirective, + LoginHeaderDirective, + LoginDialogComponent, + LoginDialogPanelComponent + ], + exports: [ + LoginComponent, + LoginFooterDirective, + LoginHeaderDirective, + LoginDialogComponent, + LoginDialogPanelComponent + ] }) -export class LoginModule {} +export class LoginModule { +} diff --git a/lib/process-services/src/lib/task-list/components/task-details/task-details.component.ts b/lib/process-services/src/lib/task-list/components/task-details/task-details.component.ts index a948d0558c..17d73bc382 100644 --- a/lib/process-services/src/lib/task-list/components/task-details/task-details.component.ts +++ b/lib/process-services/src/lib/task-list/components/task-details/task-details.component.ts @@ -22,8 +22,7 @@ import { FormFieldValidator, FormModel, FormOutcomeEvent, - InfoDrawerComponent, - InfoDrawerTabComponent, + InfoDrawerModule, UpdateNotification } from '@alfresco/adf-core'; import { @@ -54,7 +53,6 @@ import { TaskHeaderComponent } from '../task-header/task-header.component'; import { TaskCommentsComponent } from '../../../task-comments'; import { ChecklistComponent } from '../checklist/checklist.component'; import { MatButtonModule } from '@angular/material/button'; -import { MatCardModule } from '@angular/material/card'; @Component({ selector: 'adf-task-details', @@ -64,16 +62,14 @@ import { MatCardModule } from '@angular/material/card'; TranslateModule, TaskFormComponent, AttachFormComponent, + InfoDrawerModule, PeopleSearchComponent, TaskHeaderComponent, PeopleComponent, TaskCommentsComponent, ChecklistComponent, MatDialogModule, - MatButtonModule, - InfoDrawerComponent, - InfoDrawerTabComponent, - MatCardModule + MatButtonModule ], templateUrl: './task-details.component.html', styleUrls: ['./task-details.component.scss'],