@eac-arch/ui-kit

Angular UI toolkit library with reusable UX infrastructure components and providers.

Purpose

@eac-arch/ui-kit packages common presentation behaviors used across applications:

• global date format setup for Angular Material
• global loading state and interceptor
• notification/snackbar system
• unsaved changes route guard + dialogs
• confirm-delete dialog
• error dialog service/components

Main Capabilities

• Date formatting : provideGlobalDateFormat, custom DdMmYyyyDateAdapter, helpers.
• Loading UX : LoadingService, LoadingOverlayComponent, loadingInterceptor (X-Skip-Global-Loading supported).
• Notifications : NotificationService, NotificationSnackbarComponent, provideNotifications() bridge to infrastructure-http error notification token.
• Navigation safety : pendingChangesGuard + ConfirmLeaveDialog with UnsavedChanges contract.
• Confirmation UX : ConfirmDeleteDialog and typed dialog data.

Public API

export * from './lib/date-formats';
export * from './lib/loading';
export { NotificationService, provideNotifications } from './lib/notification';
export type { UnsavedChanges } from './lib/pending-changes';
export { pendingChangesGuard, ConfirmLeaveDialog } from './lib/pending-changes';
export { ConfirmDeleteDialog } from './lib/confirm-delete';
export type { ConfirmDeleteDialogData } from './lib/confirm-delete';

Dependencies

• @eac-arch/infrastructure-http
• Angular Material
• Angular core/common
• tslib

Development

From eac-arch-ui-kit:

npm install
npm run build
npm test

Created By

Erick Arostegui Cunza
Enterprise Solutions Architect

Professional Profile:

• LinkedIn: https://www.linkedin.com/in/erick-arostegui-cunza/

Articles:

• Medium: https://medium.com/@scorpius86

Channels and Media:

• Facebook: https://www.facebook.com/Erick.Arostegui.Cunza
• TikTok: https://www.tiktok.com/@erick_arostegui_cunza
• Instagram: https://www.instagram.com/erickarosteguicunza/
• Spotify: https://open.spotify.com/show/2JQxlxcRg7k7cJ1hB52Ge5

Created by Erick Arostegui Cunza.