@ieeesa-npm/presentation 0.5.5 → 0.5.7

package/lib/components/breadcrumb/breadcrumb.component.d.ts

@@ -0,0 +1,52 @@
+import { OnDestroy } from '@angular/core';
+import { Subject } from 'rxjs';
+import { ActivatedRoute, Router } from '@angular/router';
+import { Breadcrumb } from '../../models/breadcrumb.model';
+import * as i0 from "@angular/core";
+/**
+ * Reusable breadcrumb component for displaying and navigating through a hierarchy of pages.
+ * @class BreadcrumbComponent
+ */
+export declare class BreadcrumbComponent implements OnDestroy {
+    private activatedRoute;
+    private router;
+    breadcrumbTexts: any;
+    /**
+     * Initial route for the breadcrumb component.
+     * @type {string}
+     * @default '/'
+     * @memberof BreadcrumbComponent
+     */
+    breadcrumbInitialRoute: string;
+    /**
+     * Initial label for the breadcrumb component.
+     * @type {string}
+     * @default breadcrumbTexts?.breadcrumb?.label?.dashboard
+     * @memberof BreadcrumbComponent
+     */
+    breadcrumbInitialRouteLabel: any;
+    breadcrumbs: Breadcrumb[];
+    destroy$: Subject<boolean>;
+    constructor(activatedRoute: ActivatedRoute, router: Router);
+    /**
+     * Sets up the subscription to router events to update breadcrumbs.
+     * @memberof BreadcrumbComponent
+     */
+    setRouteData(): void;
+    /**
+     * Recursively gets the breadcrumb items for the given route.
+     * @param {ActivatedRoute} route - The activated route.
+     * @param {string} [url=''] - The current URL.
+     * @param {Breadcrumb[]} [breadcrumbs=[]] - The current breadcrumb items.
+     * @return {Breadcrumb[]} - The array of breadcrumb items.
+     * @memberof BreadcrumbComponent
+     */
+    getBreadcrumbs(route: ActivatedRoute, url?: string, breadcrumbs?: Breadcrumb[]): Breadcrumb[];
+    /**
+     * NgOnDestroy performs necessary cleanup tasks, such as unsubscribing from subscription when the component is being destroyed.
+     * @memberof BreadcrumbComponent
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BreadcrumbComponent, "ieeesa-breadcrumb", never, { "breadcrumbInitialRoute": { "alias": "breadcrumbInitialRoute"; "required": false; }; "breadcrumbInitialRouteLabel": { "alias": "breadcrumbInitialRouteLabel"; "required": false; }; }, {}, never, never, true, never>;
+}

package/lib/components/chips/chips.component.d.ts

@@ -146,6 +146,11 @@ export declare class ChipsComponent implements OnInit, OnDestroy {
                 url: string;
             }[];
         };
+        breadcrumb: {
+            label: {
+                dashboard: string;
+            };
+        };
         defaultWelcomeBgColor: string;
     };
     chipsType: typeof ChipsType;

package/lib/components/date-picker/date-picker.component.d.ts

@@ -71,6 +71,8 @@ export declare class DatePickerComponent implements FormField, OnInit {
         minDate: string;
         maxDate: string;
     };
+    minDate: Date | moment.Moment;
+    maxDate: Date | moment.Moment;
     selectedDate: EventEmitter<string>;
     selectedDateRange: EventEmitter<{
         startDate: string;
@@ -125,6 +127,12 @@ export declare class DatePickerComponent implements FormField, OnInit {
      * @memberof DatePickerComponent
      */
     isRequired(): boolean;
+    /**
+     * Sets the updated selected date using datepicker service which will be shown in datepicker header
+     * @param {string} controlName
+     * @memberof DatePickerComponent
+     */
+    onDatePickerOpen(controlName: string): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DatePickerComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "ieeesa-date-picker", never, { "selectedDates": { "alias": "selectedDates"; "required": false; }; "selectedRange": { "alias": "selectedRange"; "required": false; }; "calendarType": { "alias": "calendarType"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isLabelAlignedLeft": { "alias": "isLabelAlignedLeft"; "required": false; }; "datepickerLabel": { "alias": "datepickerLabel"; "required": false; }; "dateRange": { "alias": "dateRange"; "required": false; }; }, { "selectedDate": "selectedDate"; "selectedDateRange": "selectedDateRange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DatePickerComponent, "ieeesa-date-picker", never, { "selectedDates": { "alias": "selectedDates"; "required": false; }; "selectedRange": { "alias": "selectedRange"; "required": false; }; "calendarType": { "alias": "calendarType"; "required": false; }; "formControlName": { "alias": "formControlName"; "required": false; }; "placeholderLabel": { "alias": "placeholderLabel"; "required": false; }; "isDisabled": { "alias": "isDisabled"; "required": false; }; "isLabelAlignedLeft": { "alias": "isLabelAlignedLeft"; "required": false; }; "datepickerLabel": { "alias": "datepickerLabel"; "required": false; }; "dateRange": { "alias": "dateRange"; "required": false; }; "minDate": { "alias": "minDate"; "required": false; }; "maxDate": { "alias": "maxDate"; "required": false; }; }, { "selectedDate": "selectedDate"; "selectedDateRange": "selectedDateRange"; }, never, never, true, never>;
 }

package/lib/models/breadcrumb.model.d.ts

@@ -0,0 +1,6 @@
+import { Params } from "@angular/router";
+export interface Breadcrumb {
+    label: string;
+    params?: Params;
+    url: string;
+}

package/lib/models/date-picker.model.d.ts

@@ -1,4 +1,5 @@
 import { CalendarType } from '../models/calendar.model';
+import * as moment from 'moment';
 export interface DatePicker {
     placeholderLabel?: string;
     selectedDates?: string[];
@@ -10,4 +11,6 @@ export interface DatePicker {
         maxDate: string;
     };
     calendarType: CalendarType;
+    minDate?: Date | moment.Moment;
+    maxDate?: Date | moment.Moment;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ieeesa-npm/presentation",
-  "version": "0.5.5",
+  "version": "0.5.7",
   "peerDependencies": {
     "@angular/common": "^16.1.0",
     "@angular/core": "^16.1.0",
@@ -18,8 +18,8 @@
     "moment": "^2.29.4",
     "rxjs": "~7.8.0",
     "zone.js": "~0.13.0",
-    "@ieeesa-npm/shared-styles": "^0.1.4",
-    "@ieeesa-npm/feature": "^0.3.7"
+    "@ieeesa-npm/shared-styles": "^0.1.5",
+    "@ieeesa-npm/feature": "^0.3.9"
   },
   "dependencies": {
     "tslib": "^2.3.0"

package/public-api.d.ts

@@ -24,6 +24,7 @@ export * from './lib/components/welcome/welcome.component';
 export * from './lib/components/chips/chips.component';
 export * from './lib/components/filter/filter.component';
 export * from './lib/components/data-table/data-table.component';
+export * from './lib/components/breadcrumb/breadcrumb.component';
 export * from './lib/directives/dynamic-form-field/dynamic-form-field.directive';
 export * from './lib/directives/focus-invalid-form-field/focus-invalid-form-field.directive';
 export * from './lib/directives/set-background/set-background.directive';
@@ -54,6 +55,7 @@ export * from './lib/models/chip-option.model';
 export * from './lib/models/paginator-config.model';
 export * from './lib/models/table-actions.model';
 export * from './lib/models/table-schema.model';
+export * from './lib/models/breadcrumb.model';
 export * from './lib/services/datepicker.service';
 export * from './lib/services/form-utility.service';
 export * from './lib/presentation.module';

package/src/lib/assets/constants.json

@@ -82,7 +82,7 @@
   },
   "datePicker": {
     "selectDateLabel": "Select Date",
-    "dateFormatLabel": "DD-MMM-YYYY",
+    "dateFormatLabel": "dd mmm yyyy",
     "startDateLabel": "Start Date",
     "endDateLabel": "End Date"
   },
@@ -187,5 +187,10 @@
       }
     ]
   },
+  "breadcrumb": {
+    "label": {
+      "dashboard": "Dashboard"
+    }
+  },
   "defaultWelcomeBgColor": "#C0DCED"
 }