@cityway/bo-ui 1.0.0 → 1.0.1

package/src/lib/enum/field-type.enum.ts

@@ -0,0 +1,36 @@
+export enum FormFieldTypeEnum {
+    text = 'text',
+    date = 'date',
+    time = 'time',
+    dateTime = 'datetime-local',
+    textarea = 'textarea',
+    select = 'select',
+    radio = 'radio',
+    radioInline = 'radioInline',
+    radioButton = 'radioButton',
+    checkbox = 'checkbox',
+    checkboxInline = 'checkboxInline',
+    checkboxButton = 'checkboxButton',
+    switch = 'switch',
+    switchSmall = 'switchSmall',
+    ngSelect = 'ngSelect',
+    ngSelectMultiple = 'ngSelectMultiple',
+    number = 'number',
+    color = 'color',
+    file = 'file',
+    password = 'password',
+    email = 'email',
+    slider = 'slider',
+    dateToDate = 'dateToDate',
+    datePlusOne = 'datePlusOne',
+    datePlusTwo = 'datePlusTwo',
+    datePlusSeven = 'datePlusSeven',
+    dateComplexe = 'dateComplexe',
+    dateTimeToDateTime = 'dateTimeToDateTime',
+    timeToTime = 'timeToTime'
+}
+
+export interface FormFieldOption {
+  value: string;
+  label: string;
+}

package/src/lib/enum/legend-type.enum.ts

@@ -0,0 +1,5 @@
+export enum LegendTypeEnum {
+  icon = 'icon',
+  badge = 'badge',
+  color = 'color'
+}

package/src/lib/enum/modals.enum.ts

@@ -0,0 +1,6 @@
+export enum ModalsType {
+  delete = 'delete',
+  loader = 'loader',
+  quickSideView = 'quicksideview',
+  custom = 'custom'
+}

package/src/lib/enum/ui-type.enum.ts

@@ -0,0 +1,11 @@
+export enum UiTypeEnum {
+  primary = 'primary',
+  secondary = 'secondary',
+  light = 'light',
+  info = 'info',
+  success = 'success',
+  warning = 'warning',
+  danger = 'danger',
+  link = 'link',
+  dark = 'dark'
+}

package/src/lib/models/ui/custom-list.model.ts

@@ -0,0 +1,14 @@
+
+export interface DataCustomList {
+  label: string;
+  value: any;
+  type?: 'date' | 'boolean' | 'text' | 'html';
+  translateValue?: boolean;
+  context?: any;
+  hideIfEmpty?: boolean;
+}
+
+export interface DataCustomListGroup {
+  title?: string;
+  fields: DataCustomList[];
+}

package/src/lib/models/ui/legend.model.ts

@@ -0,0 +1,17 @@
+
+import { LegendTypeEnum } from "../../enum/legend-type.enum";
+import { UiTypeEnum } from "../../enum/ui-type.enum";
+
+export interface DataLegend {
+  label: string;
+  type: LegendTypeEnum;
+  labelBadge?: string;
+  colorUi?: UiTypeEnum;
+  colorCustom?: string; // code couleur
+  icon?: string;
+}
+
+export interface Legend {
+  title?: string;
+  data: DataLegend[];
+}

package/src/lib/models/ui/table.model.ts

@@ -0,0 +1,33 @@
+import { FormFieldOption, FormFieldTypeEnum } from '../../enum/field-type.enum';
+import { UiTypeEnum } from '../../enum/ui-type.enum';
+// import { IFilter } from '../table/IFilter';
+// import { SortType } from '../table/sort-type';
+
+export interface TableColumn {
+  key: string;
+  label: string;
+  sort?: boolean;
+  filter?: TableFilter;
+}
+
+export interface TableFilter {
+  type: FormFieldTypeEnum;
+  options?: FormFieldOption[];
+  defaultFilter?: boolean;
+  //defaultOrder?: SortType;
+}
+
+export enum ActionOnTableType {
+  add = 'add',
+  exportPage = 'exportPage',
+  exportAll = 'exportAll',
+  custom1 = 'custom1',
+  custom2 = 'custom2',
+}
+
+export interface ActionOnTable {
+  action: ActionOnTableType;
+  type?: UiTypeEnum;
+  label?: string;
+}
+

package/src/lib/services/ui/modals.service.ts

@@ -0,0 +1,47 @@
+import { Injectable } from '@angular/core';
+import { NgbModal, NgbModalRef } from '@ng-bootstrap/ng-bootstrap';
+import { ModalsType } from '../../enum/modals.enum';
+import { ModalsComponent } from '../../components/modals/modals.component';
+
+@Injectable({ providedIn: 'root' })
+export class ModalsService {
+  constructor(private modalService: NgbModal) { }
+
+  openModal(
+    type: ModalsType,
+    config?: Partial<ModalsComponent>,
+    sizeOverride?: 'sm' | 'md' | 'lg' | 'xl' | 'xxl'
+  ): NgbModalRef {
+     const size = sizeOverride ?? this.getModalSizeByType(type);
+    const modalRef = this.modalService.open(ModalsComponent, {
+      centered: true,
+      size,
+      backdrop: type === ModalsType.loader ? 'static' : true,
+      ariaLabelledBy: 'modal-basic-title',
+      keyboard: type !== ModalsType.loader,
+      windowClass: type === ModalsType.quickSideView ? 'quick-view-modal' : null,
+      scrollable: type === ModalsType.quickSideView
+    });
+
+    modalRef.componentInstance.type = type;
+
+    if (config) {
+      Object.assign(modalRef.componentInstance, config);
+    }
+
+    return modalRef;
+  }
+
+  private getModalSizeByType(type: ModalsType): 'sm' | 'md' | 'lg' | 'xl' | 'xxl' {
+    switch (type) {
+      case ModalsType.loader:
+        return 'sm';
+      case ModalsType.delete:
+        return 'md';
+      case ModalsType.quickSideView:
+        return 'lg';
+      default:
+        return 'md';
+    }
+  }
+}

package/src/lib/services/version.service.ts

@@ -0,0 +1,22 @@
+// import { HttpClient } from '@angular/common/http';
+// import { Injectable } from '@angular/core';
+// import { Observable } from 'rxjs';
+// import { map } from 'rxjs/operators';
+// import { Version } from '../models/version';
+
+// @Injectable({
+//   providedIn: 'root'
+// })
+// export class VersionService {
+//   private url = 'assets/version.json';
+
+//   constructor(private http: HttpClient) { }
+
+//   public get() : Observable<Version> {
+//     return this.http.get<Version>(this.url).pipe(
+//       map((version: Version) => {
+//         localStorage.setItem('version', JSON.stringify(version));
+//         return version;
+//       }));
+//   }
+// }

package/src/public-api.ts

@@ -0,0 +1,49 @@
+/*
+ * Public API Surface of bo-ui
+ */
+
+// LIB UI
+//---------------------------------------------------------
+// Layout
+export * from './lib/components/layout/admin-layout/admin-layout.component';
+export * from './lib/components/layout/footer/footer.component';
+export * from './lib/components/layout/header/header.component';
+export * from './lib/components/layout/menu/menu.component';
+export * from './lib/components/layout/sidebar/sidebar.component';
+export * from './lib/components/layout/skip-links/skip-links.component';
+export * from './lib/components/layout/title-breadcrumb/title-breadcrumb.component';
+
+// Lib ui components
+export * from './lib/components/accordions/accordions.component';
+export * from './lib/components/accordions/components/accordions-content.component';
+export * from './lib/components/alert/alert.component';
+export * from './lib/components/badge/badge.component';
+export * from './lib/components/button/button.component';
+export * from './lib/components/card/card.component';
+export * from './lib/components/custom-list/custom-list.component';
+export * from './lib/components/drag-n-drop-list/drag-n-drop-list.component';
+export * from './lib/components/form-field/form-field.component';
+export * from './lib/components/icon/icon.component';
+export * from './lib/components/legend/legend.component';
+export * from './lib/components/loader/loader.component';
+export * from './lib/components/modals/modals.component';
+export * from './lib/components/tab/tab.component';
+export * from './lib/components/tab/components/tab-content.component';
+export * from './lib/components/table/table.component';
+export * from './lib/components/wizard-stepper/wizard-stepper.component';
+export * from './lib/components/wizard-stepper/components/wizard-step.component';
+
+// Lib UI Enum
+export * from './lib/enum/drag-item.enum';
+export * from './lib/enum/field-type.enum';
+export * from './lib/enum/modals.enum';
+export * from './lib/enum/ui-type.enum';
+export * from './lib/enum/legend-type.enum';
+
+// Lib Services
+export * from './lib/services/ui/modals.service';
+
+// Lib Models
+export * from './lib/models/ui/custom-list.model';
+export * from './lib/models/ui/table.model';
+export * from './lib/models/ui/legend.model';

package/tsconfig.lib.json

@@ -0,0 +1,18 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/lib",
+    "declaration": true,
+    "declarationMap": true,
+    "inlineSources": true,
+    "types": []
+  },
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "**/*.spec.ts"
+  ]
+}

package/tsconfig.lib.prod.json

@@ -0,0 +1,11 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "./tsconfig.lib.json",
+  "compilerOptions": {
+    "declarationMap": false
+  },
+  "angularCompilerOptions": {
+    "compilationMode": "partial"
+  }
+}

package/tsconfig.spec.json

@@ -0,0 +1,14 @@
+/* To learn more about Typescript configuration file: https://www.typescriptlang.org/docs/handbook/tsconfig-json.html. */
+/* To learn more about Angular compiler options: https://angular.dev/reference/configs/angular-compiler-options. */
+{
+  "extends": "../../tsconfig.json",
+  "compilerOptions": {
+    "outDir": "../../out-tsc/spec",
+    "types": [
+      "jasmine"
+    ]
+  },
+  "include": [
+    "src/**/*.ts"
+  ]
+}

package/tslint.json

@@ -0,0 +1,17 @@
+{
+  "extends": "../../tslint.json",
+  "rules": {
+    "directive-selector": [
+      true,
+      "attribute",
+      "cw",
+      "camelCase"
+    ],
+    "component-selector": [
+      true,
+      "element",
+      "cw",
+      "kebab-case"
+    ]
+  }
+}