@unifylib/ui-lib 1.0.3 → 1.1.3

package/src/lib/components/base-table/base-table.component.scss

@@ -1,31 +1,140 @@
-.baseTable {
-  padding: 20px;
-}
-th.mat-header-cell {
-  text-align: center;
-  font-weight: bold;
-  vertical-align: middle;
-}
-
-.extra-header{
-  text-align: center !important;
-  font-weight: bold;
-  vertical-align: middle !important;
-  border: 1px solid #000000;
-}
-
-.mdc-data-table__header-cell {
-  text-align: center;
-}
-
-@media (max-width: 959px) {
-  .responsive-top-gap {
-    margin-top: 1px;
-  }
-  .baseTable {
-    padding: 20px;
-    margin-inline: 8px;
-    width: max-content;
-  }
-
-}
+
+.flex-row {
+  display: flex;
+  flex-direction: row;
+}
+
+.flex-column {
+  display: flex;
+  flex-direction: column;
+}
+
+.flex-100 {
+  flex: 1 1 100%;
+}
+
+.flex-49 {
+  flex: 0 0 49%;
+}
+
+.flex-50 {
+  flex: 0 0 50%;
+}
+
+.align-start {
+  justify-content: flex-start;
+  align-items: flex-start;
+}
+
+.align-center {
+  justify-content: center;
+  align-items: center;
+}
+
+.align-end {
+  justify-content: flex-end;
+  align-items: flex-end;
+}
+.gap-0 {
+  gap: 0;
+}
+
+.gap-5 {
+  gap: 5px;
+}
+
+.gap-10 {
+  gap: 10px;
+}
+.dataNotFound {
+  display: flex;
+  flex-direction: column;
+  justify-content: center;
+  align-items: center;
+  height: 100%;
+  text-align: center;
+
+  &__icon {
+    color: var(--primary-color-3nd);
+    font-size: 40px;
+    height: 40px;
+    width: 40px;
+    margin-bottom: 8px;
+  }
+
+  &__title {
+    color: #6A6A6A;
+    font-size: 20px;
+    font-weight: 700;
+    margin-bottom: 4px;
+  }
+
+  &__subtitle {
+    color: #6A6A6A;
+    font-size: 20px;
+    font-weight: 400;
+  }
+}
+
+@media (max-width: 960px) {
+  .flex-column-sm {
+    flex-direction: column;
+  }
+
+  .align-center-sm {
+    justify-content: center;
+    align-items: flex-start;
+  }
+}
+.filter-row {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  gap: 12px;
+}
+
+.filter-row app-filter-builder {
+  flex: 1;
+}
+
+.button-group {
+  width: 15%;
+  display: flex;
+  justify-content: flex-end;
+  gap: 8px;
+}
+
+.btn-export {
+
+  height: 44px !important;
+}
+
+.arrow-icon {
+  font-size: 20px;
+  margin-left: 4px;
+}
+
+@media (max-width: 1024px) {
+  .button-group {
+    width: auto;
+  }
+}
+
+@media (max-width: 768px) {
+  .filter-row {
+    flex-direction: column;
+    align-items: stretch;
+  }
+
+  .button-group {
+    width: 100%;
+    justify-content: flex-start;
+  }
+
+  .btn-export {
+    width: 100%;
+  }
+}
+.stateType {
+  font-size: 14px!important;
+}

package/src/lib/components/base-table/base-table.component.spec.ts

@@ -1,25 +1,25 @@
-import {ComponentFixture, TestBed} from '@angular/core/testing';
-
-import {BaseTableComponent} from './base-table.component';
-
-describe('BaseTableComponent', () => {
-  let component: BaseTableComponent;
-  let fixture: ComponentFixture<BaseTableComponent>;
-
-  beforeEach(async () => {
-    await TestBed.configureTestingModule({
-      declarations: [ BaseTableComponent ]
-    })
-    .compileComponents();
-  });
-
-  beforeEach(() => {
-    fixture = TestBed.createComponent(BaseTableComponent);
-    component = fixture.componentInstance;
-    fixture.detectChanges();
-  });
-
-  it('should create', () => {
-    expect(component).toBeTruthy();
-  });
-});
+import {ComponentFixture, TestBed} from '@angular/core/testing';
+
+import {BaseTableComponent} from './base-table.component';
+
+describe('BaseTableComponent', () => {
+  let component: BaseTableComponent;
+  let fixture: ComponentFixture<BaseTableComponent>;
+
+  beforeEach(async () => {
+    await TestBed.configureTestingModule({
+      declarations: [ BaseTableComponent ]
+    })
+    .compileComponents();
+  });
+
+  beforeEach(() => {
+    fixture = TestBed.createComponent(BaseTableComponent);
+    component = fixture.componentInstance;
+    fixture.detectChanges();
+  });
+
+  it('should create', () => {
+    expect(component).toBeTruthy();
+  });
+});