feat(design)!: shard container component (#2655)

BREAKING CHANGE: `DaffContainerModule` has moved to its own package. Update imports to `@daffodil/design/container`
graycoreio · Dec 13, 2023 · ce5a331 · ce5a331
1 parent eba3142
commit ce5a331
Show file tree

Hide file tree

Showing 53 changed files with 84 additions and 121 deletions.
diff --git a/apps/daffio/src/app/api/api.module.ts b/apps/daffio/src/app/api/api.module.ts
@@ -1,8 +1,8 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
-import { DaffContainerModule } from '@daffodil/design';
 import { DaffArticleModule } from '@daffodil/design/article';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioDocsApiRoutingModule } from './api-routing.module';
 import { DaffioApiListModule } from './components/api-list/api-list.module';

diff --git a/apps/daffio/src/app/api/components/api-list/api-list.component.spec.ts b/apps/daffio/src/app/api/components/api-list/api-list.component.spec.ts
@@ -7,7 +7,7 @@ import {
 import { By } from '@angular/platform-browser';
 import { RouterTestingModule } from '@angular/router/testing';
 
-import { DaffContainerModule } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioApiListComponent } from './api-list.component';
 import { DaffioApiReference } from '../../models/api-reference';

diff --git a/apps/daffio/src/app/api/components/api-list/api-list.module.ts b/apps/daffio/src/app/api/components/api-list/api-list.module.ts
@@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
-import { DaffContainerModule } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioApiListComponent } from './api-list.component';
 

diff --git a/...o/src/app/content/home/components/home-callout-platforms/home-callout-platforms.module.ts b/...o/src/app/content/home/components/home-callout-platforms/home-callout-platforms.module.ts
@@ -3,14 +3,13 @@ import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
 import {
-  DaffContainerModule,
   DaffCalloutModule,
   DaffImageModule,
 } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioHomeCalloutPlatformsComponent } from './home-callout-platforms.component';
 
-
 @NgModule({
   imports: [
     CommonModule,

diff --git a/apps/daffio/src/app/content/home/components/home-callout-pwa/home-callout-pwa.module.ts b/apps/daffio/src/app/content/home/components/home-callout-pwa/home-callout-pwa.module.ts
@@ -3,12 +3,12 @@ import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
 import {
-  DaffContainerModule,
   DaffCalloutModule,
   DaffImageModule,
   DaffCardModule,
 } from '@daffodil/design';
 import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioHomeCalloutPwaComponent } from './home-callout-pwa.component';
 

diff --git a/apps/daffio/src/app/content/home/components/home-hero/home-hero.module.ts b/apps/daffio/src/app/content/home/components/home-hero/home-hero.module.ts
@@ -3,11 +3,11 @@ import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
 import {
-  DaffContainerModule,
   DaffHeroModule,
   DaffImageModule,
 } from '@daffodil/design';
 import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioHomeHeroComponent } from './home-hero.component';
 

diff --git a/apps/daffio/src/app/content/not-found/not-found.module.ts b/apps/daffio/src/app/content/not-found/not-found.module.ts
@@ -3,11 +3,9 @@ import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
 
-import {
-  DaffHeroModule,
-  DaffContainerModule,
-} from '@daffodil/design';
+import { DaffHeroModule } from '@daffodil/design';
 import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioNotFoundComponent } from './component/not-found.component';
 import { DaffioNotFoundRoutingModule } from './not-found-routing.module';

diff --git a/apps/daffio/src/app/content/support/support.module.ts b/apps/daffio/src/app/content/support/support.module.ts
@@ -3,11 +3,9 @@ import { NgModule } from '@angular/core';
 import { FormsModule } from '@angular/forms';
 import { RouterModule } from '@angular/router';
 
-import {
-  DaffHeroModule,
-  DaffContainerModule,
-} from '@daffodil/design';
+import { DaffHeroModule } from '@daffodil/design';
 import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioSupportComponent } from './component/support.component';
 import { DaffioSupportRoutingModule } from './support-routing.module';

diff --git a/apps/daffio/src/app/content/why-pwa/components/why-pwa-examples/why-pwa-examples.module.ts b/apps/daffio/src/app/content/why-pwa/components/why-pwa-examples/why-pwa-examples.module.ts
@@ -3,14 +3,13 @@ import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
 import {
-  DaffContainerModule,
   DaffCalloutModule,
   DaffCardModule,
 } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioWhyPwaExamplesComponent } from './why-pwa-examples.component';
 
-
 @NgModule({
   imports: [
     CommonModule,

diff --git a/apps/daffio/src/app/content/why-pwa/components/why-pwa-hero/why-pwa-hero.module.ts b/apps/daffio/src/app/content/why-pwa/components/why-pwa-hero/why-pwa-hero.module.ts
@@ -2,11 +2,9 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
-import {
-  DaffContainerModule,
-  DaffHeroModule,
-} from '@daffodil/design';
+import { DaffHeroModule } from '@daffodil/design';
 import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioWhyPwaHeroComponent } from './why-pwa-hero.component';
 

diff --git a/apps/daffio/src/app/content/why-pwa/components/why-pwa-overview/why-pwa-overview.module.ts b/apps/daffio/src/app/content/why-pwa/components/why-pwa-overview/why-pwa-overview.module.ts
@@ -4,14 +4,13 @@ import { RouterModule } from '@angular/router';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 import {
-  DaffContainerModule,
   DaffCalloutModule,
   DaffCardModule,
 } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioWhyPwaOverviewComponent } from './why-pwa-overview.component';
 
-
 @NgModule({
   imports: [
     CommonModule,

diff --git a/apps/daffio/src/app/content/why-pwa/components/why-pwa-solution/why-pwa-solution.module.ts b/apps/daffio/src/app/content/why-pwa/components/why-pwa-solution/why-pwa-solution.module.ts
@@ -3,10 +3,10 @@ import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
 import {
-  DaffContainerModule,
   DaffCalloutModule,
   DaffListModule,
 } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioWhyPwaSolutionComponent } from './why-pwa-solution.component';
 import { DaffioFeatureComparisonModule } from '../feature-comparison/feature-comparison.module';

diff --git a/apps/daffio/src/app/content/why-pwa/components/why-pwa-stats/why-pwa-stats.module.ts b/apps/daffio/src/app/content/why-pwa/components/why-pwa-stats/why-pwa-stats.module.ts
@@ -4,14 +4,13 @@ import { RouterModule } from '@angular/router';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 import {
-  DaffContainerModule,
   DaffCalloutModule,
   DaffCardModule,
 } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioWhyPwaStatsComponent } from './why-pwa-stats.component';
 
-
 @NgModule({
   imports: [
     CommonModule,

diff --git a/apps/daffio/src/app/core/footer/footer.module.ts b/apps/daffio/src/app/core/footer/footer.module.ts
@@ -11,10 +11,10 @@ import {
   DaffCalloutModule,
   DaffListModule,
   DaffButtonSetModule,
-  DaffContainerModule,
   DaffInputModule,
 } from '@daffodil/design';
 import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioSimpleFooterComponent } from './simple-footer/simple-footer.component';
 import { DaffioSubFooterComponent } from './sub-footer/sub-footer.component';

diff --git a/apps/daffio/src/app/core/footer/simple-footer/simple-footer.component.spec.ts b/apps/daffio/src/app/core/footer/simple-footer/simple-footer.component.spec.ts
@@ -15,7 +15,7 @@ import {
   DaffLogoModule,
   DaffCopyrightModule,
 } from '@daffodil/branding';
-import { DaffContainerModule } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioSimpleFooterComponent } from './simple-footer.component';
 

diff --git a/apps/daffio/src/app/core/header/components/header.module.ts b/apps/daffio/src/app/core/header/components/header.module.ts
@@ -2,10 +2,8 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
-import {
-  DaffNavbarModule,
-  DaffContainerModule,
-} from '@daffodil/design';
+import { DaffNavbarModule } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioHeaderComponent } from './header/header.component';
 import { DaffioHeaderItemDirective } from './header-item/header-item.directive';

diff --git a/apps/daffio/src/app/core/header/components/header/header.component.spec.ts b/apps/daffio/src/app/core/header/components/header/header.component.spec.ts
@@ -5,10 +5,8 @@ import {
 } from '@angular/core/testing';
 import { By } from '@angular/platform-browser';
 
-import {
-  DaffContainerModule,
-  DaffNavbarModule,
-} from '@daffodil/design';
+import { DaffNavbarModule } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioHeaderComponent } from './header.component';
 

diff --git a/apps/daffio/src/app/newsletter/newsletter.module.ts b/apps/daffio/src/app/newsletter/newsletter.module.ts
@@ -1,11 +1,9 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
-import {
-  DaffInputModule,
-  DaffContainerModule,
-} from '@daffodil/design';
+import { DaffInputModule } from '@daffodil/design';
 import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DaffioNewsletterComponent } from './newsletter.component';
 

diff --git a/apps/demo/src/app/cart/cart.module.ts b/apps/demo/src/app/cart/cart.module.ts
@@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
 import { DaffLoadingIconModule } from '@daffodil/design';
-import { DaffContainerModule } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DemoCartRoutingModule } from './cart-routing.module';
 import { CartModule } from './components/cart/cart.module';

diff --git a/apps/demo/src/app/cart/pages/cart-view/cart-view.component.spec.ts b/apps/demo/src/app/cart/pages/cart-view/cart-view.component.spec.ts
@@ -16,10 +16,8 @@ import {
   MockDaffCartFacade,
 } from '@daffodil/cart/state/testing';
 import { DaffCartFactory } from '@daffodil/cart/testing';
-import {
-  DaffContainerModule,
-  DaffLoadingIconModule,
-} from '@daffodil/design';
+import { DaffLoadingIconModule } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { DemoCartViewComponent } from './cart-view.component';
 

diff --git a/apps/demo/src/app/category/pages/category-view/category-view.component.spec.ts b/apps/demo/src/app/category/pages/category-view/category-view.component.spec.ts
@@ -11,10 +11,8 @@ import {
   MockDaffCategoryFacade,
 } from '@daffodil/category/state/testing';
 import { DaffCategoryFactory } from '@daffodil/category/testing';
-import {
-  DaffContainerModule,
-  DaffLoadingIconModule,
-} from '@daffodil/design';
+import { DaffLoadingIconModule } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 import { DaffProduct } from '@daffodil/product';
 import {
   DaffProductFactory,
@@ -25,7 +23,6 @@ import { CategoryViewComponent } from './category-view.component';
 import { ProductGridComponent } from '../../../product/components/product-grid/product-grid.component';
 import { ProductGridModule } from '../../../product/components/product-grid/product-grid.module';
 
-
 describe('CategoryViewComponent', () => {
   let categoryFactory: DaffCategoryFactory;
   let productFactory: DaffProductFactory;

diff --git a/apps/demo/src/app/category/pages/category-view/category-view.module.ts b/apps/demo/src/app/category/pages/category-view/category-view.module.ts
@@ -2,10 +2,8 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
 import { DaffCategoryStateModule } from '@daffodil/category/state';
-import {
-  DaffContainerModule,
-  DaffLoadingIconModule,
-} from '@daffodil/design';
+import { DaffLoadingIconModule } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 import { DaffProductStateModule } from '@daffodil/product/state';
 
 import { CategoryViewComponent } from './category-view.component';

diff --git a/apps/demo/src/app/checkout/checkout.module.ts b/apps/demo/src/app/checkout/checkout.module.ts
@@ -6,8 +6,8 @@ import { StateCheckoutModule } from '@daffodil/checkout';
 import {
   DaffAccordionModule,
   DaffLoadingIconModule,
-  DaffContainerModule,
 } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { CheckoutRoutingModule } from './checkout-routing.module';
 import { DemoCheckoutStateModule } from './checkout-state.module';

diff --git a/apps/demo/src/app/checkout/pages/checkout-view/checkout-view.component.spec.ts b/apps/demo/src/app/checkout/pages/checkout-view/checkout-view.component.spec.ts
@@ -41,9 +41,9 @@ import { DaffAddressFactory } from '@daffodil/core/testing';
 import {
   DaffAccordionModule,
   DaffAccordionItemComponent,
-  DaffContainerModule,
   DaffLoadingIconModule,
 } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { CheckoutViewComponent } from './checkout-view.component';
 import { ShowPaymentView } from '../../actions/payment.actions';

diff --git a/apps/demo/src/app/core/footer/footer.component.spec.ts b/apps/demo/src/app/core/footer/footer.component.spec.ts
@@ -8,10 +8,10 @@ import { RouterTestingModule } from '@angular/router/testing';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 import {
-  DaffContainerModule,
   DaffListModule,
   DaffButtonSetModule,
 } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { FooterComponent } from './footer.component';
 

diff --git a/apps/demo/src/app/core/footer/footer.module.ts b/apps/demo/src/app/core/footer/footer.module.ts
@@ -3,11 +3,9 @@ import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
-import {
-  DaffListModule,
-  DaffContainerModule,
-} from '@daffodil/design';
+import { DaffListModule } from '@daffodil/design';
 import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { FooterComponent } from './footer.component';
 

diff --git a/apps/demo/src/app/newsletter/newsletter.component.spec.ts b/apps/demo/src/app/newsletter/newsletter.component.spec.ts
@@ -6,13 +6,12 @@ import {
 import { ReactiveFormsModule } from '@angular/forms';
 import { By } from '@angular/platform-browser';
 
-import { DaffContainerModule } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 import {
   DaffNewsletterStateTestingModule,
   MockDaffNewsletterFacade,
 } from '@daffodil/newsletter/state/testing';
 
-
 import { NewsletterComponent } from './newsletter.component';
 
 describe('NewsletterComponent', () => {

diff --git a/apps/demo/src/app/newsletter/newsletter.module.ts b/apps/demo/src/app/newsletter/newsletter.module.ts
@@ -2,11 +2,9 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { ReactiveFormsModule } from '@angular/forms';
 
-import {
-  DaffInputModule,
-  DaffContainerModule,
-} from '@daffodil/design';
+import { DaffInputModule } from '@daffodil/design';
 import { DaffButtonModule } from '@daffodil/design/button';
+import { DaffContainerModule } from '@daffodil/design/container';
 import { DaffNewsletterStateModule } from '@daffodil/newsletter/state';
 
 import { NewsletterComponent } from './newsletter.component';

diff --git a/apps/demo/src/app/product/components/product/product.component.spec.ts b/apps/demo/src/app/product/components/product/product.component.spec.ts
@@ -15,15 +15,14 @@ import { RouterTestingModule } from '@angular/router/testing';
 import {
   DaffAccordionModule,
   DaffQtyDropdownModule,
-  DaffContainerModule,
   DaffQtyDropdownComponent,
 } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 import { DaffProduct } from '@daffodil/product';
 import { DaffProductFactory } from '@daffodil/product/testing';
 
 import { ProductComponent } from './product.component';
 
-
 @Component({ template: '<demo-product [product]="productValue" [qty]="qtyValue" (updateQty)="updateQtyFunction($event)"></demo-product>' })
 class WrapperComponent {
   productValue: DaffProduct;

diff --git a/apps/demo/src/app/product/components/product/product.module.ts b/apps/demo/src/app/product/components/product/product.module.ts
@@ -5,14 +5,13 @@ import { NgModule } from '@angular/core';
 import {
   DaffQtyDropdownModule,
   DaffAccordionModule,
-  DaffContainerModule,
   DaffLoadingIconModule,
 } from '@daffodil/design';
+import { DaffContainerModule } from '@daffodil/design/container';
 
 import { ProductComponent } from './product.component';
 import { ImageGalleryModule } from '../../../core/image-gallery/image-gallery.module';
 
-
 @NgModule({
   imports: [
     CommonModule,