@progressio_resources/gravity-design-system 3.6.1 → 3.6.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (22) hide show
  1. package/esm2022/lib/components/gravity-calendar-next/components/day-calendar/day-calendar.component.mjs +56 -14
  2. package/esm2022/lib/components/gravity-calendar-next/components/day-calendar/range-days-calendar.utils.mjs +122 -37
  3. package/esm2022/lib/components/gravity-calendar-next/components/dual-month-calendar/dual-month-calendar.component.mjs +6 -6
  4. package/esm2022/lib/components/gravity-calendar-next/shared/calendar.constants.mjs +9 -3
  5. package/esm2022/lib/components/gravity-calendar-next/shared/calendar.modal.mjs +1 -1
  6. package/esm2022/lib/components/gravity-calendar-next/shared/calendar.utils.mjs +7 -1
  7. package/esm2022/lib/components/gravity-link/gravity-link.component.mjs +2 -2
  8. package/esm2022/lib/components/gravity-text-field/gravity-text-field.component.mjs +60 -4
  9. package/esm2022/lib/layout/gravity-menu/gravity-menu.component.mjs +4 -5
  10. package/fesm2022/progressio_resources-gravity-design-system.mjs +249 -56
  11. package/fesm2022/progressio_resources-gravity-design-system.mjs.map +1 -1
  12. package/lib/components/gravity-calendar-next/components/day-calendar/day-calendar.component.d.ts +17 -2
  13. package/lib/components/gravity-calendar-next/components/day-calendar/range-days-calendar.utils.d.ts +2 -1
  14. package/lib/components/gravity-calendar-next/components/dual-month-calendar/dual-month-calendar.component.d.ts +11 -3
  15. package/lib/components/gravity-calendar-next/components/month-calendar/month-calendar.component.d.ts +8 -0
  16. package/lib/components/gravity-calendar-next/components/year-calendar/year-calendar.component.d.ts +8 -0
  17. package/lib/components/gravity-calendar-next/shared/calendar.constants.d.ts +8 -0
  18. package/lib/components/gravity-calendar-next/shared/calendar.modal.d.ts +1 -1
  19. package/lib/components/gravity-calendar-next/shared/calendar.utils.d.ts +1 -0
  20. package/lib/components/gravity-text-field/gravity-text-field.component.d.ts +2 -1
  21. package/lib/layout/gravity-menu/gravity-menu.component.d.ts +2 -2
  22. package/package.json +1 -1
@@ -1,5 +1,6 @@
1
- import { CalendarAppearance, CalendarConfig, CalendarDate } from "../../shared/calendar.modal";
2
1
  import { changeDate } from '../../shared/calendar.utils';
2
+ import { CalendarAppearance, CalendarConfig, CalendarDate } from "../../shared/calendar.modal";
3
+ import { GravityTextFieldComponent } from "../../../gravity-text-field/gravity-text-field.component";
3
4
  import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
4
5
  import { isPreview, onClearHover, onHoverDay } from "./range-days-calendar.utils";
5
6
  import * as i0 from "@angular/core";
@@ -20,6 +21,10 @@ export declare class DayCalendarComponent implements OnChanges {
20
21
  selectedRage: EventEmitter<CalendarDate>;
21
22
  changeMonthYearResponse: EventEmitter<Date | Date[]>;
22
23
  calendarResponse: EventEmitter<Date[] | Date>;
24
+ endDateField: GravityTextFieldComponent;
25
+ startDateField: GravityTextFieldComponent;
26
+ endDateError: string;
27
+ startDateError: string;
23
28
  showYearCalendar: boolean;
24
29
  showMonthCalendar: boolean;
25
30
  hoveredDay: CalendarDate | null;
@@ -31,11 +36,19 @@ export declare class DayCalendarComponent implements OnChanges {
31
36
  readonly clear: "Clear selection";
32
37
  readonly start_date: "Start date";
33
38
  readonly end_date: "End date";
39
+ readonly select_range: "Select a date range";
40
+ readonly select_date: "Select a date";
41
+ readonly preview_month: "Preview month";
42
+ readonly next_month: "Next month";
34
43
  } | {
35
44
  readonly apply: "Aplicar";
36
45
  readonly clear: "Limpiar selección";
37
46
  readonly start_date: "Fecha inicial";
38
47
  readonly end_date: "Fecha final";
48
+ readonly select_range: "Selecciona un rango de fechas";
49
+ readonly select_date: "Selecciona una fecha";
50
+ readonly preview_month: "Mes anterior";
51
+ readonly next_month: "Mes siguiente";
39
52
  };
40
53
  get monthsList(): string[];
41
54
  get daysList(): string[];
@@ -48,10 +61,12 @@ export declare class DayCalendarComponent implements OnChanges {
48
61
  private getSingleDaySelectionClass;
49
62
  onSelectDay(day: CalendarDate): void;
50
63
  applySelectedDate(): void;
51
- clearSelectedDate(): void;
64
+ clearSelectedDate(clearTarget: 'all' | 'start' | 'end'): void;
65
+ searchDate(date: string, target: 'start' | 'end'): void;
52
66
  handleCalendarResponse(date: Date | Date[], isMonth: boolean): void;
53
67
  handleOnClickDropdownLabel(isMonth: boolean): void;
54
68
  getMonthGrid(): CalendarDate[][];
69
+ onDateKeyup(event: KeyboardEvent, target: 'start' | 'end'): void;
55
70
  protected readonly changeDate: typeof changeDate;
56
71
  protected readonly isPreview: typeof isPreview;
57
72
  protected readonly onHoverDay: typeof onHoverDay;
@@ -3,7 +3,8 @@ import { DayCalendarComponent } from "./day-calendar.component";
3
3
  export declare function isPreview(component: DayCalendarComponent, day: CalendarDate): boolean;
4
4
  export declare function processPreselectedRangeDate(component: DayCalendarComponent): void;
5
5
  export declare function getRangeSelectionClass(component: DayCalendarComponent, day: CalendarDate): string;
6
- export declare function onSelectRageDays(component: DayCalendarComponent, day: CalendarDate): void;
6
+ export declare function onSelectDaysRange(component: DayCalendarComponent, day: CalendarDate): void;
7
7
  export declare function onApplyRageDate(component: DayCalendarComponent): void;
8
8
  export declare function onHoverDay(component: DayCalendarComponent, day: CalendarDate): void;
9
9
  export declare function onClearHover(component: DayCalendarComponent): void;
10
+ export declare function stringToDate(value: string): CalendarDate | null;
@@ -1,7 +1,7 @@
1
- import { CalendarAppearance, CalendarDate } from "../../shared/calendar.modal";
2
1
  import { DayCalendarComponent } from "../day-calendar/day-calendar.component";
2
+ import { CalendarAppearance, CalendarDate } from "../../shared/calendar.modal";
3
3
  import { changeDate } from "../../shared/calendar.utils";
4
- import { onSelectRageDays } from "../day-calendar/range-days-calendar.utils";
4
+ import { onSelectDaysRange } from "../day-calendar/range-days-calendar.utils";
5
5
  import { EventEmitter, OnChanges, SimpleChanges } from '@angular/core';
6
6
  import * as i0 from "@angular/core";
7
7
  export declare class DualMonthCalendarComponent implements OnChanges {
@@ -21,11 +21,19 @@ export declare class DualMonthCalendarComponent implements OnChanges {
21
21
  readonly clear: "Clear selection";
22
22
  readonly start_date: "Start date";
23
23
  readonly end_date: "End date";
24
+ readonly select_range: "Select a date range";
25
+ readonly select_date: "Select a date";
26
+ readonly preview_month: "Preview month";
27
+ readonly next_month: "Next month";
24
28
  } | {
25
29
  readonly apply: "Aplicar";
26
30
  readonly clear: "Limpiar selección";
27
31
  readonly start_date: "Fecha inicial";
28
32
  readonly end_date: "Fecha final";
33
+ readonly select_range: "Selecciona un rango de fechas";
34
+ readonly select_date: "Selecciona una fecha";
35
+ readonly preview_month: "Mes anterior";
36
+ readonly next_month: "Mes siguiente";
29
37
  };
30
38
  get daysList(): string[];
31
39
  get monthsShortList(): string[];
@@ -40,7 +48,7 @@ export declare class DualMonthCalendarComponent implements OnChanges {
40
48
  handlerChangeMonthYearResponse($event: Date | Date[], origin: 'left' | 'right'): void;
41
49
  protected readonly Date: DateConstructor;
42
50
  protected readonly changeDate: typeof changeDate;
43
- protected readonly onSelectRageDays: typeof onSelectRageDays;
51
+ protected readonly onSelectDaysRange: typeof onSelectDaysRange;
44
52
  static ɵfac: i0.ɵɵFactoryDeclaration<DualMonthCalendarComponent, never>;
45
53
  static ɵcmp: i0.ɵɵComponentDeclaration<DualMonthCalendarComponent, "dual-month-calendar", never, { "initDate": { "alias": "initDate"; "required": false; }; "restart": { "alias": "restart"; "required": false; }; "appearance": { "alias": "appearance"; "required": false; }; }, { "clearSelection": "clearSelection"; "calendarResponse": "response"; }, never, never, false, never>;
46
54
  }
@@ -16,11 +16,19 @@ export declare class MonthCalendarComponent implements OnChanges {
16
16
  readonly clear: "Clear selection";
17
17
  readonly start_date: "Start date";
18
18
  readonly end_date: "End date";
19
+ readonly select_range: "Select a date range";
20
+ readonly select_date: "Select a date";
21
+ readonly preview_month: "Preview month";
22
+ readonly next_month: "Next month";
19
23
  } | {
20
24
  readonly apply: "Aplicar";
21
25
  readonly clear: "Limpiar selección";
22
26
  readonly start_date: "Fecha inicial";
23
27
  readonly end_date: "Fecha final";
28
+ readonly select_range: "Selecciona un rango de fechas";
29
+ readonly select_date: "Selecciona una fecha";
30
+ readonly preview_month: "Mes anterior";
31
+ readonly next_month: "Mes siguiente";
24
32
  };
25
33
  get monthsList(): string[];
26
34
  get monthsShortList(): string[];
@@ -16,11 +16,19 @@ export declare class YearCalendarComponent implements OnChanges, OnInit {
16
16
  readonly clear: "Clear selection";
17
17
  readonly start_date: "Start date";
18
18
  readonly end_date: "End date";
19
+ readonly select_range: "Select a date range";
20
+ readonly select_date: "Select a date";
21
+ readonly preview_month: "Preview month";
22
+ readonly next_month: "Next month";
19
23
  } | {
20
24
  readonly apply: "Aplicar";
21
25
  readonly clear: "Limpiar selección";
22
26
  readonly start_date: "Fecha inicial";
23
27
  readonly end_date: "Fecha final";
28
+ readonly select_range: "Selecciona un rango de fechas";
29
+ readonly select_date: "Selecciona una fecha";
30
+ readonly preview_month: "Mes anterior";
31
+ readonly next_month: "Mes siguiente";
24
32
  };
25
33
  trackByYear(_: number, year: number): string;
26
34
  ngOnInit(): void;
@@ -12,11 +12,19 @@ export declare const CALENDAR_I18N: {
12
12
  readonly clear: "Clear selection";
13
13
  readonly start_date: "Start date";
14
14
  readonly end_date: "End date";
15
+ readonly select_range: "Select a date range";
16
+ readonly select_date: "Select a date";
17
+ readonly preview_month: "Preview month";
18
+ readonly next_month: "Next month";
15
19
  };
16
20
  readonly es: {
17
21
  readonly apply: "Aplicar";
18
22
  readonly clear: "Limpiar selección";
19
23
  readonly start_date: "Fecha inicial";
20
24
  readonly end_date: "Fecha final";
25
+ readonly select_range: "Selecciona un rango de fechas";
26
+ readonly select_date: "Selecciona una fecha";
27
+ readonly preview_month: "Mes anterior";
28
+ readonly next_month: "Mes siguiente";
21
29
  };
22
30
  };
@@ -12,7 +12,7 @@ export interface CalendarAppearance {
12
12
  export interface CalendarDate {
13
13
  day: number;
14
14
  weekDay: number;
15
- isToday: boolean;
15
+ isToday?: boolean;
16
16
  inCurrentMonth: boolean;
17
17
  monthYear: CalendarPeriod;
18
18
  }
@@ -3,3 +3,4 @@ export declare function toDate(day: CalendarDate): Date;
3
3
  export declare function getStartDate(date: Date): Date;
4
4
  export declare function changeDate(offset: number, currentDate: Date, isMonth: boolean): Date;
5
5
  export declare function toCalendarDay(date: Date): CalendarDate;
6
+ export declare function dateToString(date: Date): string;
@@ -21,7 +21,7 @@ export declare class GravityTextFieldComponent implements OnInit, OnChanges {
21
21
  iconLeft: string;
22
22
  iconRight: string;
23
23
  autocomplete: string;
24
- inputContentType: 'email' | 'number' | 'password' | 'tel' | 'text';
24
+ inputContentType: 'email' | 'number' | 'password' | 'tel' | 'date' | 'text';
25
25
  placeholder: string;
26
26
  validations: {
27
27
  maxLength?: number;
@@ -41,6 +41,7 @@ export declare class GravityTextFieldComponent implements OnInit, OnChanges {
41
41
  getTextFieldInputFontSize(): string;
42
42
  isNewIcon(iconPosition: 'left' | 'right'): boolean;
43
43
  onKeyDownEvent($event: KeyboardEvent): void;
44
+ formatDateInput(event: any): void;
44
45
  static ɵfac: i0.ɵɵFactoryDeclaration<GravityTextFieldComponent, never>;
45
46
  static ɵcmp: i0.ɵɵComponentDeclaration<GravityTextFieldComponent, "gravity-text-field", never, { "currentLang": { "alias": "currentLang"; "required": false; }; "customInputValue": { "alias": "customInputValue"; "required": false; }; "customState": { "alias": "customState"; "required": false; }; "cypressTag": { "alias": "cypressTag"; "required": false; }; "label": { "alias": "label"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "required": { "alias": "required"; "required": false; }; "supportText": { "alias": "supportText"; "required": false; }; "textFieldType": { "alias": "textFieldType"; "required": false; }; "clickOnLeftIcon": { "alias": "clickOnLeftIcon"; "required": false; }; "clickOnRightIcon": { "alias": "clickOnRightIcon"; "required": false; }; "iconColor": { "alias": "iconColor"; "required": false; }; "iconLeft": { "alias": "iconLeft"; "required": false; }; "iconRight": { "alias": "iconRight"; "required": false; }; "autocomplete": { "alias": "autocomplete"; "required": false; }; "inputContentType": { "alias": "inputContentType"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "validations": { "alias": "validations"; "required": false; }; "size": { "alias": "size"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "leftIconResponse": "clickIconLeft"; "rightIconResponse": "clickIconRight"; "textFieldValueResponse": "response"; }, never, never, false, never>;
46
47
  }
@@ -3,8 +3,8 @@ import { MenuHeader, MenuOption, SecondaryActions, UserInfo } from "../../model/
3
3
  import * as i0 from "@angular/core";
4
4
  export declare class GravityMenuComponent implements AfterViewInit, OnDestroy {
5
5
  logoUrl: string;
6
+ items: MenuHeader[];
6
7
  userInfo: UserInfo[];
7
- items: Array<MenuHeader>;
8
8
  cardButtons: SecondaryActions[];
9
9
  maxCardButtonsPerRow: number;
10
10
  secondaryActions: SecondaryActions[];
@@ -25,5 +25,5 @@ export declare class GravityMenuComponent implements AfterViewInit, OnDestroy {
25
25
  private updateOverflow;
26
26
  getCardButtonsRows(): any[][];
27
27
  static ɵfac: i0.ɵɵFactoryDeclaration<GravityMenuComponent, never>;
28
- static ɵcmp: i0.ɵɵComponentDeclaration<GravityMenuComponent, "gravity-menu", never, { "logoUrl": { "alias": "logoUrl"; "required": false; }; "userInfo": { "alias": "userInfo"; "required": false; }; "items": { "alias": "items"; "required": false; }; "cardButtons": { "alias": "cardButtons"; "required": false; }; "maxCardButtonsPerRow": { "alias": "maxCardButtonsPerRow"; "required": false; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; }; "size": { "alias": "size"; "required": false; }; "mainFooterAction": { "alias": "mainFooterAction"; "required": false; }; }, { "closeMenu": "closeMenu"; }, never, never, false, never>;
28
+ static ɵcmp: i0.ɵɵComponentDeclaration<GravityMenuComponent, "gravity-menu", never, { "logoUrl": { "alias": "logoUrl"; "required": false; }; "items": { "alias": "items"; "required": false; }; "userInfo": { "alias": "userInfo"; "required": false; }; "cardButtons": { "alias": "cardButtons"; "required": false; }; "maxCardButtonsPerRow": { "alias": "maxCardButtonsPerRow"; "required": false; }; "secondaryActions": { "alias": "secondaryActions"; "required": false; }; "size": { "alias": "size"; "required": false; }; "mainFooterAction": { "alias": "mainFooterAction"; "required": false; }; }, { "closeMenu": "closeMenu"; }, never, never, false, never>;
29
29
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progressio_resources/gravity-design-system",
3
3
  "description": "Gravity Design System",
4
- "version": "3.6.1",
4
+ "version": "3.6.3",
5
5
  "license": "SEE LICENSE IN LIBRARY-LICENSE",
6
6
  "peerDependencies": {
7
7
  "@angular/common": "^16.2.12",