fix: implement fundamental-styles version 0.11 (#3073)

BREAKING CHANGE: removed select-native, identifier (use Avatar instead), image component (use Avatar instead), dropdown component, replaced image in shellbar user-menu with avatar
SAP · Aug 24, 2020 · 1ce2b1f · 1ce2b1f
1 parent 4955a34
commit 1ce2b1f
Show file tree

Hide file tree

Showing 125 changed files with 140 additions and 1,730 deletions.
diff --git a/NEW_COMPONENT.md b/NEW_COMPONENT.md
@@ -220,7 +220,7 @@ You should see 'Poster' appear in the side navigation under 'Components'. Clicki
 In the library source, open `poster.component.html`, remove the default code and add an image with a placeholder.
 
 ```HTML
-<img src="https://placeimg.com/400/600/nature'"/>
+<img src="http://lorempixel.com/400/600/nature/"/>
 
 ```
 

diff --git a/NEW_PLATFORM_COMPONENT.md b/NEW_PLATFORM_COMPONENT.md
@@ -224,7 +224,7 @@ You should see 'Poster' appear in the side navigation under 'Components'. Clicki
 In the library source, open `poster.component.html`, remove the default code and add an image with a placeholder.
 
 ```HTML
-<img src="https://placeimg.com/400/600/nature'"/>
+<img src="http://lorempixel.com/400/600/nature/"/>
 ```
 
 Now, when you navigate to the Poster docs through the side navigation, you'll see our new Poster component!

diff --git a/apps/docs/src/app/core/api-files.ts b/apps/docs/src/app/core/api-files.ts
@@ -38,7 +38,6 @@ export const API_FILES = {
     checkbox: ['CheckboxComponent'],
     datePicker: ['DatePickerComponent', 'DateFormatParser', 'DateFormatParserDefault', 'FdDate'],
     datetimePicker: ['DatetimePickerComponent', 'FdDateTime', 'DateTimeFormatParser', 'DateTimeFormatParserDefault'],
-    dropdown: ['PopoverDropdownComponent'],
     fileInput: ['FileInputComponent', 'FileSelectDirective', 'FileDragndropDirective'],
     fileUploader: ['FileUploaderComponent', 'FileUploaderSelectDirective', 'FileUploaderDragndropDirective'],
     form: [
@@ -55,8 +54,6 @@ export const API_FILES = {
     globalConfig: [
     ],
     icon: ['IconComponent'],
-    identifier: ['IdentifierComponent'],
-    image: ['ImageComponent'],
     infoLabel: ['InfoLabelComponent'],
     infiniteScroll: ['InfiniteScrollDirective'],
     inlineHelp: ['InlineHelpComponent'],

diff --git a/...rc/app/core/component-docs/avatar/examples/avatar-background-image-example.component.html b/...rc/app/core/component-docs/avatar/examples/avatar-background-image-example.component.html
@@ -1,5 +1,5 @@
-<fd-avatar image="https://placeimg.com/400/400/nature" size="xs"></fd-avatar>
-<fd-avatar image="https://placeimg.com/400/400/nature" size="s"></fd-avatar>
-<fd-avatar image="https://placeimg.com/400/400/nature" size="m"></fd-avatar>
-<fd-avatar image="https://placeimg.com/400/400/nature" size="l"></fd-avatar>
-<fd-avatar image="https://placeimg.com/400/400/nature" size="xl"></fd-avatar>
+<fd-avatar image="http://lorempixel.com/400/400/nature"size="xs"></fd-avatar>
+<fd-avatar image="http://lorempixel.com/400/400/nature"size="s"></fd-avatar>
+<fd-avatar image="http://lorempixel.com/400/400/nature"size="m"></fd-avatar>
+<fd-avatar image="http://lorempixel.com/400/400/nature"size="l"></fd-avatar>
+<fd-avatar image="http://lorempixel.com/400/400/nature"size="xl"></fd-avatar>
diff --git a/apps/docs/src/app/core/component-docs/bar/bar-docs.module.ts b/apps/docs/src/app/core/component-docs/bar/bar-docs.module.ts
@@ -14,7 +14,7 @@ import { BarHeaderExampleComponent } from './examples/bar-header-example.compone
 import { BarPageExampleComponent } from './examples/bar-page-example.component';
 import { BarPageResponsiveExampleComponent } from './examples/bar-page-responsive-example.component';
 import { BarHeaderComponent } from './bar-header/bar-header.component';
-import { BarModule, ImageModule } from '@fundamental-ngx/core';
+import { AvatarModule, BarModule } from '@fundamental-ngx/core';
 import { SharedDocumentationPageModule } from '../../../documentation/shared-documentation-page.module';
 
 const routes: Routes = [
@@ -29,7 +29,7 @@ const routes: Routes = [
 ];
 
 @NgModule({
-    imports: [RouterModule.forChild(routes), SharedDocumentationPageModule, BarModule, ImageModule],
+    imports: [RouterModule.forChild(routes), AvatarModule, SharedDocumentationPageModule, BarModule],
     exports: [RouterModule],
     declarations: [
         BarDocsComponent,

diff --git a/apps/docs/src/app/core/component-docs/bar/examples/bar-default-example.component.html b/apps/docs/src/app/core/component-docs/bar/examples/bar-default-example.component.html
@@ -17,7 +17,7 @@
             Right Section
         </fd-bar-element>
         <fd-bar-element>
-            <fd-image [size]="'s'" [photo]="'https://placeimg.com/400/400/nature'"> </fd-image>
+            <fd-avatar size="xs" image="'http://lorempixel.com/400/400/nature"> </fd-avatar>
         </fd-bar-element>
     </div>
 </div>
diff --git a/apps/docs/src/app/core/component-docs/bar/examples/bar-header-example.component.html b/apps/docs/src/app/core/component-docs/bar/examples/bar-header-example.component.html
@@ -17,7 +17,7 @@
             Right Section
         </fd-bar-element>
         <fd-bar-element>
-            <fd-image [size]="'s'" [photo]="'https://placeimg.com/400/400/nature'"> </fd-image>
+            <fd-avatar size="xs" image="http://lorempixel.com/400/400/nature"> </fd-avatar>
         </fd-bar-element>
     </div>
 </div>
diff --git a/apps/docs/src/app/core/component-docs/bar/examples/bar-page-example.component.html b/apps/docs/src/app/core/component-docs/bar/examples/bar-page-example.component.html
@@ -17,7 +17,7 @@
             Right Section
         </fd-bar-element>
         <fd-bar-element>
-            <fd-image [size]="'s'" [photo]="'https://placeimg.com/400/400/nature'"> </fd-image>
+            <fd-avatar size="xs" image="http://lorempixel.com/400/400/nature"> </fd-avatar>
         </fd-bar-element>
     </div>
 </div>
diff --git a/.../docs/src/app/core/component-docs/bar/examples/bar-page-responsive-example.component.html b/.../docs/src/app/core/component-docs/bar/examples/bar-page-responsive-example.component.html
@@ -17,7 +17,7 @@
             Right Section
         </fd-bar-element>
         <fd-bar-element>
-            <fd-image [size]="'s'" [photo]="'https://placeimg.com/400/400/nature'"> </fd-image>
+            <fd-avatar size="xs" image="http://lorempixel.com/400/400/nature"> </fd-avatar>
         </fd-bar-element>
     </div>
 </div>
diff --git a/apps/docs/src/app/core/component-docs/dropdown/dropdown-docs.component.html b/apps/docs/src/app/core/component-docs/dropdown/dropdown-docs.component.html
diff --git a/apps/docs/src/app/core/component-docs/dropdown/dropdown-docs.component.ts b/apps/docs/src/app/core/component-docs/dropdown/dropdown-docs.component.ts
diff --git a/apps/docs/src/app/core/component-docs/dropdown/dropdown-docs.module.ts b/apps/docs/src/app/core/component-docs/dropdown/dropdown-docs.module.ts
diff --git a/.../docs/src/app/core/component-docs/dropdown/dropdown-header/dropdown-header.component.html b/.../docs/src/app/core/component-docs/dropdown/dropdown-header/dropdown-header.component.html
diff --git a/.../docs/src/app/core/component-docs/dropdown/dropdown-header/dropdown-header.component.scss b/.../docs/src/app/core/component-docs/dropdown/dropdown-header/dropdown-header.component.scss
diff --git a/apps/docs/src/app/core/component-docs/dropdown/dropdown-header/dropdown-header.component.ts b/apps/docs/src/app/core/component-docs/dropdown/dropdown-header/dropdown-header.component.ts
diff --git a/...app/core/component-docs/dropdown/examples/dropdown-contextual-menu-example.component.html b/...app/core/component-docs/dropdown/examples/dropdown-contextual-menu-example.component.html