@adyen/bento-vue2 0.8.0 → 0.8.2

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 (93) hide show
  1. package/dist/@types/components/button/components/loading-button/loading-button.vue.d.ts +1 -1
  2. package/dist/@types/components/data-grid/components/data-grid-columns/data-grid-columns.vue.d.ts +16 -3
  3. package/dist/@types/components/data-grid/composables/useCalculateColumnWidth/useCalculateColumnWidth.d.ts +0 -2
  4. package/dist/@types/components/data-grid/data-grid.vue.d.ts +6 -2
  5. package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/__test__/date-picker-calendar-day-stub.vue.d.ts +15 -4
  6. package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.types.d.ts +15 -4
  7. package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.vue.d.ts +18 -5
  8. package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/index.d.ts +1 -0
  9. package/dist/@types/components/date-picker/components/date-picker-calendar/date-picker-calendar.types.d.ts +11 -1
  10. package/dist/@types/components/date-picker/components/date-picker-calendar/date-picker-calendar.vue.d.ts +42 -71
  11. package/dist/@types/components/date-picker/components/date-picker-calendar-pane/composables/use-range-pane.d.ts +2 -0
  12. package/dist/@types/components/date-picker/components/date-picker-calendar-pane/composables/use-single-pane.d.ts +2 -0
  13. package/dist/@types/components/date-picker/components/date-picker-calendar-pane/date-picker-calendar-pane.types.d.ts +21 -0
  14. package/dist/@types/components/date-picker/components/date-picker-calendar-pane/date-picker-calendar-pane.vue.d.ts +198 -0
  15. package/dist/@types/components/date-picker/components/date-picker-calendar-pane/index.d.ts +1 -0
  16. package/dist/@types/components/date-picker/components/date-picker-calendar-range/date-picker-calendar-range.types.d.ts +5 -0
  17. package/dist/@types/components/date-picker/components/date-picker-calendar-range/date-picker-calendar-range.vue.d.ts +78 -0
  18. package/dist/@types/components/date-picker/components/date-picker-calendar-range/index.d.ts +1 -0
  19. package/dist/@types/components/date-picker/composables/use-date-picker-range-calendar-text.d.ts +2 -0
  20. package/dist/@types/components/date-picker/composables/use-date-picker-single-calendar-text.d.ts +2 -0
  21. package/dist/@types/components/date-picker/date-picker.types.d.ts +19 -11
  22. package/dist/@types/components/date-picker/date-picker.vue.d.ts +62 -15
  23. package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +1 -1
  24. package/dist/@types/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +1 -1
  25. package/dist/@types/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts +16 -1
  26. package/dist/@types/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts +2 -2
  27. package/dist/@types/components/dropdown/components/index.d.ts +1 -0
  28. package/dist/@types/components/dropdown/components/variants/dropdown-avatar/dropdown-avatar.vue.d.ts +20 -0
  29. package/dist/@types/components/dropdown/components/variants/dropdown-country/dropdown-country.vue.d.ts +20 -0
  30. package/dist/@types/components/dropdown/components/variants/dropdown-currency/dropdown-currency.vue.d.ts +20 -0
  31. package/dist/@types/components/dropdown/components/variants/dropdown-payment-method/dropdown-payment-method.vue.d.ts +20 -0
  32. package/dist/@types/components/dropdown/components/variants/dropdown-tag/dropdown-tag.vue.d.ts +20 -0
  33. package/dist/@types/components/dropdown/dropdown.types.d.ts +4 -0
  34. package/dist/@types/components/dropdown/dropdown.vue.d.ts +21 -0
  35. package/dist/@types/components/dropdown/index.d.ts +1 -0
  36. package/dist/@types/components/filter-bar/components/base-filter/base-filter.types.d.ts +7 -0
  37. package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts +36 -15
  38. package/dist/@types/components/filter-bar/components/base-filter/composables/use-base-filter.d.ts +2 -2
  39. package/dist/@types/components/filter-bar/components/boolean-filter/boolean-filter.vue.d.ts +12 -1
  40. package/dist/@types/components/filter-bar/components/date-filter/date-filter.types.d.ts +3 -0
  41. package/dist/@types/components/filter-bar/components/date-filter/date-filter.vue.d.ts +125 -0
  42. package/dist/@types/components/filter-bar/components/date-filter/index.d.ts +1 -0
  43. package/dist/@types/components/filter-bar/components/date-range-filter/date-range-filter.types.d.ts +3 -0
  44. package/dist/@types/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts +217 -0
  45. package/dist/@types/components/filter-bar/components/date-range-filter/index.d.ts +1 -0
  46. package/dist/@types/components/filter-bar/components/input-filter/input-filter.vue.d.ts +12 -1
  47. package/dist/@types/components/filter-bar/components/range-filter/range-filter.vue.d.ts +12 -1
  48. package/dist/@types/components/filter-bar/components/select-filter/select-filter.vue.d.ts +12 -1
  49. package/dist/@types/components/filter-bar/components/select-filter/variants/select-avatar-filter/select-avatar-filter.vue.d.ts +9 -0
  50. package/dist/@types/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts +16 -1
  51. package/dist/@types/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue.d.ts +9 -0
  52. package/dist/@types/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts +9 -0
  53. package/dist/@types/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +16 -1
  54. package/dist/@types/components/filter-bar/filter-bar.types.d.ts +25 -4
  55. package/dist/@types/components/filter-bar/filter-bar.vue.d.ts +4 -0
  56. package/dist/@types/components/info-icon/info-icon.vue.d.ts +13 -1
  57. package/dist/@types/components/input-field/input-field.types.d.ts +18 -3
  58. package/dist/@types/components/input-field/input-field.vue.d.ts +42 -7
  59. package/dist/@types/components/internal/copy/copy.vue.d.ts +13 -1
  60. package/dist/@types/components/internal/grid-layout/index.d.ts +1 -0
  61. package/dist/@types/components/internal/index.d.ts +1 -0
  62. package/dist/@types/components/internal/listbox/components/listbox-option/listbox-option.vue.d.ts +1 -1
  63. package/dist/@types/components/menu/menu.types.d.ts +8 -0
  64. package/dist/@types/components/menu/menu.vue.d.ts +28 -10
  65. package/dist/@types/components/modal/components/base-modal/base-modal.vue.d.ts +35 -1
  66. package/dist/@types/components/modal/components/base-modal/index.d.ts +1 -0
  67. package/dist/@types/components/modal/components/modal-default/modal-default.vue.d.ts +19 -1
  68. package/dist/@types/components/modal/modal.types.d.ts +5 -0
  69. package/dist/@types/components/modal/modal.vue.d.ts +21 -1
  70. package/dist/@types/components/payment-method/payment-method.vue.d.ts +12 -0
  71. package/dist/@types/components/popover/popover.vue.d.ts +11 -1
  72. package/dist/@types/components/search-bar/search-bar.vue.d.ts +87 -21
  73. package/dist/@types/components/summary-grid/components/summary-grid-item/summary-grid-item.vue.d.ts +18 -1
  74. package/dist/@types/components/summary-grid/components/summary-grid-item-amount/summary-grid-item-amount.vue.d.ts +1 -1
  75. package/dist/@types/components/summary-grid/components/summary-grid-item-custom/summary-grid-item-custom.vue.d.ts +1 -1
  76. package/dist/@types/components/summary-grid/components/summary-grid-item-numeric/summary-grid-item-numeric.vue.d.ts +1 -1
  77. package/dist/@types/components/summary-grid/components/summary-grid-item-percentage/summary-grid-item-percentage.vue.d.ts +1 -1
  78. package/dist/@types/components/summary-grid/components/summary-grid-item-text/summary-grid-item-text.vue.d.ts +1 -1
  79. package/dist/@types/components/summary-grid/summary-grid.types.d.ts +1 -1
  80. package/dist/@types/components/tag/tag.types.d.ts +2 -1
  81. package/dist/@types/types/date-format.d.ts +14 -0
  82. package/dist/@types/types/index.d.ts +1 -0
  83. package/dist/@types/utils/ts/truncate.d.ts +1 -0
  84. package/dist/index.js +8420 -7329
  85. package/dist/index.js.map +1 -1
  86. package/dist/web-types.json +595 -183
  87. package/package.json +2 -3
  88. package/dist/@types/components/date-picker/components/date-picker-calendar-container/__test__/date-picker-calendar-container-stub.vue.d.ts +0 -43
  89. package/dist/@types/components/date-picker/components/date-picker-calendar-container/date-picker-calendar-container.types.d.ts +0 -3
  90. package/dist/@types/components/date-picker/components/date-picker-calendar-container/date-picker-calendar-container.vue.d.ts +0 -99
  91. package/dist/@types/components/date-picker/components/date-picker-calendar-container/index.d.ts +0 -1
  92. /package/dist/@types/components/{summary-grid/components → internal}/grid-layout/grid-layout.types.d.ts +0 -0
  93. /package/dist/@types/components/{summary-grid/components → internal}/grid-layout/grid-layout.vue.d.ts +0 -0
@@ -1,5 +1,5 @@
1
1
  import { PropType } from 'vue';
2
- import { BentoButtonVariant } from '@/components/button';
2
+ import { BentoButtonVariant } from '@/components/button/button.types';
3
3
  import { BentoLoadingButtonState } from './loading-button.types';
4
4
  declare const _default: import("vue").DefineComponent<{
5
5
  condensed: {
@@ -3,6 +3,7 @@ import { BentoColumn, BentoDatagridAllItemsSelectedState, BentoDatagridSortByCol
3
3
  import { BentoTypographyElement } from '@/components/typography';
4
4
  import { BentoDatagridDraggingColumnState, DatagridColumnsEvent } from './data-grid-columns-types';
5
5
  import type { BentoMenuItem } from '@/components/menu/components';
6
+ import { BentoButtonVariant } from '@/components/button';
6
7
  declare const _default: import("vue").DefineComponent<{
7
8
  columns: {
8
9
  type: PropType<BentoColumn[]>;
@@ -20,7 +21,11 @@ declare const _default: import("vue").DefineComponent<{
20
21
  type: BooleanConstructor;
21
22
  default: boolean;
22
23
  };
23
- hasContextualMenuEnabled: {
24
+ hasColumnPanel: {
25
+ type: BooleanConstructor;
26
+ default: boolean;
27
+ };
28
+ hasFirstColumnPanelRightAligned: {
24
29
  type: BooleanConstructor;
25
30
  default: boolean;
26
31
  };
@@ -53,8 +58,10 @@ declare const _default: import("vue").DefineComponent<{
53
58
  conditionalColumnsClasses: import("vue").ComputedRef<{
54
59
  'b-data-grid-columns--frozen': boolean;
55
60
  'b-data-grid-columns--unfrozen'?: undefined;
61
+ 'b-data-grid-columns--config-settings-margin'?: undefined;
56
62
  } | {
57
63
  'b-data-grid-columns--unfrozen': boolean;
64
+ 'b-data-grid-columns--config-settings-margin': boolean;
58
65
  'b-data-grid-columns--frozen'?: undefined;
59
66
  }>;
60
67
  allItemsSelectedCheckboxState: import("vue").Ref<{
@@ -82,6 +89,7 @@ declare const _default: import("vue").DefineComponent<{
82
89
  dragend: () => void;
83
90
  }>;
84
91
  contextualMenuData: import("vue").ComputedRef<(col: BentoColumn) => BentoMenuItem[]>;
92
+ BentoButtonVariant: typeof BentoButtonVariant;
85
93
  BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
86
94
  BentoTypographyElement: typeof BentoTypographyElement;
87
95
  BentoPopoverPositions: {
@@ -118,7 +126,11 @@ declare const _default: import("vue").DefineComponent<{
118
126
  type: BooleanConstructor;
119
127
  default: boolean;
120
128
  };
121
- hasContextualMenuEnabled: {
129
+ hasColumnPanel: {
130
+ type: BooleanConstructor;
131
+ default: boolean;
132
+ };
133
+ hasFirstColumnPanelRightAligned: {
122
134
  type: BooleanConstructor;
123
135
  default: boolean;
124
136
  };
@@ -139,7 +151,8 @@ declare const _default: import("vue").DefineComponent<{
139
151
  draggingColumns: any;
140
152
  hasDraggableColumns: boolean;
141
153
  hasResizableColumns: boolean;
142
- hasContextualMenuEnabled: boolean;
154
+ hasColumnPanel: boolean;
155
+ hasFirstColumnPanelRightAligned: boolean;
143
156
  allItemsSelectedState: BentoDatagridAllItemsSelectedState;
144
157
  sortBy: BentoDatagridSortByColumn[];
145
158
  }>;
@@ -24,8 +24,6 @@ export declare const useCalculateColumnWidth: (newColumns: MaybeRef<BentoColumn[
24
24
  frozen?: boolean;
25
25
  }[]>;
26
26
  gridColumnWidthStyle: import("vue").ComputedRef<{
27
- gridTemplateColumns: string;
28
- gridColumnEnd: number;
29
27
  width: string;
30
28
  }>;
31
29
  onColumnWidthOverride: (newColumnWidthOverridesLookup: BentoColumnWidthOverridesLookup) => void;
@@ -202,8 +202,6 @@ declare const _default: import("vue").DefineComponent<{
202
202
  conditionalTitleAttribute: (column: BentoColumn, content: unknown) => string;
203
203
  getRowData: (rowData: unknown) => unknown;
204
204
  gridColumnWidthStyle: import("vue").ComputedRef<{
205
- gridTemplateColumns: string;
206
- gridColumnEnd: number;
207
205
  width: string;
208
206
  }>;
209
207
  conditionalGridClasses: import("vue").ComputedRef<{
@@ -214,6 +212,11 @@ declare const _default: import("vue").DefineComponent<{
214
212
  'b-data-grid__row--row-clicks-enabled': boolean;
215
213
  'b-data-grid__cell--is-re-ordering': boolean;
216
214
  };
215
+ conditionalRowSetClasses: (isFrozenRowSet: boolean) => {
216
+ 'b-data-grid__row-cell-set--frozen': boolean;
217
+ 'b-data-grid__row-cell-set--unfrozen': boolean;
218
+ 'b-data-grid__row-cell-set--config-settings-margin': boolean;
219
+ };
217
220
  conditionalRowCellClasses: (column: BentoColumn) => {
218
221
  [x: string]: boolean;
219
222
  'b-data-grid__cell--padding-left-unset': boolean;
@@ -314,6 +317,7 @@ declare const _default: import("vue").DefineComponent<{
314
317
  drop: () => void;
315
318
  dragover: (e: DragEvent) => void;
316
319
  }>;
320
+ computedColumnPanelAlignment: import("vue").ComputedRef<number>;
317
321
  }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (BentoDatagridEvent.COLUMN_RESIZE | BentoDatagridEvent.SORT | BentoDatagridEvent.SELECT | BentoDatagridEvent.NAVIGATE | BentoDatagridEvent.UPDATE_FILERS | BentoDatagridEvent.ITEMS_PAGE | BentoDatagridEvent.UPDATE_FILTER_SEARCH_TERM | BentoDatagridEvent.FILTER_SEARCH_INPUT | BentoDatagridEvent.FILTER_SEARCH_CLEAR | BentoDatagridEvent.COLUMNS | BentoDatagridEvent.UPDATE_COLUMNS | BentoDatagridEvent.ROW_CLICK)[], string, Readonly<import("vue").ExtractPropTypes<{
318
322
  allowRowClicks: {
319
323
  type: BooleanConstructor;
@@ -4,14 +4,19 @@ declare const _default: import("vue").DefineComponent<{
4
4
  type: DateConstructor;
5
5
  required: true;
6
6
  };
7
- selected: {
7
+ disabled: {
8
8
  type: BooleanConstructor;
9
9
  default: boolean;
10
10
  };
11
- disabled: {
11
+ selected: {
12
12
  type: BooleanConstructor;
13
13
  default: boolean;
14
14
  };
15
+ variant: {
16
+ type: import("vue").PropType<import("../date-picker-calendar-day.types").DatePickerCalendarDayVariant>;
17
+ default: import("../date-picker-calendar-day.types").DatePickerCalendarDayVariant;
18
+ validator: (value: import("../date-picker-calendar-day.types").DatePickerCalendarDayVariant) => boolean;
19
+ };
15
20
  }, {
16
21
  DatePickerCalendarDayEvent: typeof DatePickerCalendarDayEvent;
17
22
  }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
@@ -19,16 +24,22 @@ declare const _default: import("vue").DefineComponent<{
19
24
  type: DateConstructor;
20
25
  required: true;
21
26
  };
22
- selected: {
27
+ disabled: {
23
28
  type: BooleanConstructor;
24
29
  default: boolean;
25
30
  };
26
- disabled: {
31
+ selected: {
27
32
  type: BooleanConstructor;
28
33
  default: boolean;
29
34
  };
35
+ variant: {
36
+ type: import("vue").PropType<import("../date-picker-calendar-day.types").DatePickerCalendarDayVariant>;
37
+ default: import("../date-picker-calendar-day.types").DatePickerCalendarDayVariant;
38
+ validator: (value: import("../date-picker-calendar-day.types").DatePickerCalendarDayVariant) => boolean;
39
+ };
30
40
  }>>, {
31
41
  disabled: boolean;
32
42
  selected: boolean;
43
+ variant: import("../date-picker-calendar-day.types").DatePickerCalendarDayVariant;
33
44
  }>;
34
45
  export default _default;
@@ -1,9 +1,20 @@
1
+ export declare enum DatePickerCalendarDayVariant {
2
+ SINGLE = "single",
3
+ MIDDLE = "middle",
4
+ BEGINNING = "beginning",
5
+ END = "end"
6
+ }
1
7
  export declare enum DatePickerCalendarDayClass {
2
- CURRENT_DAY = "current-day",
3
- DISABLED = "disabled",
8
+ SINGLE = "single",
9
+ MIDDLE = "middle",
10
+ BEGINNING = "beginning",
11
+ END = "end",
4
12
  SELECTED = "selected",
5
- UNSELECTED = "unselected"
13
+ UNSELECTED = "unselected",
14
+ CURRENT_DAY = "current-day",
15
+ DISABLED = "disabled"
6
16
  }
7
17
  export declare enum DatePickerCalendarDayEvent {
8
- CLICK = "click"
18
+ CLICK = "click",
19
+ MOUSE_OVER = "mouseover"
9
20
  }
@@ -1,39 +1,52 @@
1
+ import { PropType } from 'vue';
1
2
  import { BentoDateFormat } from '@/components/date';
2
- import { DatePickerCalendarDayEvent } from './date-picker-calendar-day.types';
3
+ import { DatePickerCalendarDayEvent, DatePickerCalendarDayVariant } from './date-picker-calendar-day.types';
3
4
  declare const _default: import("vue").DefineComponent<{
4
5
  day: {
5
6
  type: DateConstructor;
6
7
  required: true;
7
8
  };
8
- selected: {
9
+ disabled: {
9
10
  type: BooleanConstructor;
10
11
  default: boolean;
11
12
  };
12
- disabled: {
13
+ selected: {
13
14
  type: BooleanConstructor;
14
15
  default: boolean;
15
16
  };
17
+ variant: {
18
+ type: PropType<DatePickerCalendarDayVariant>;
19
+ default: DatePickerCalendarDayVariant;
20
+ validator: (value: DatePickerCalendarDayVariant) => boolean;
21
+ };
16
22
  }, {
17
23
  conditionalClasses: import("vue").ComputedRef<{
18
24
  [x: string]: boolean;
19
25
  }>;
20
26
  BentoDateFormat: typeof BentoDateFormat;
27
+ DatePickerCalendarDayEvent: typeof DatePickerCalendarDayEvent;
21
28
  onClick: (selectedDay: Date) => void;
22
29
  }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DatePickerCalendarDayEvent[], string, Readonly<import("vue").ExtractPropTypes<{
23
30
  day: {
24
31
  type: DateConstructor;
25
32
  required: true;
26
33
  };
27
- selected: {
34
+ disabled: {
28
35
  type: BooleanConstructor;
29
36
  default: boolean;
30
37
  };
31
- disabled: {
38
+ selected: {
32
39
  type: BooleanConstructor;
33
40
  default: boolean;
34
41
  };
42
+ variant: {
43
+ type: PropType<DatePickerCalendarDayVariant>;
44
+ default: DatePickerCalendarDayVariant;
45
+ validator: (value: DatePickerCalendarDayVariant) => boolean;
46
+ };
35
47
  }>>, {
36
48
  disabled: boolean;
37
49
  selected: boolean;
50
+ variant: DatePickerCalendarDayVariant;
38
51
  }>;
39
52
  export default _default;
@@ -1 +1,2 @@
1
1
  export { default as DatePickerCalendarDay } from './date-picker-calendar-day.vue';
2
+ export * from './date-picker-calendar-day.types';
@@ -1,8 +1,18 @@
1
1
  export declare enum DatePickerCalendarEvent {
2
- INPUT = "input"
2
+ INPUT = "input",
3
+ MOUSE_OVER = "mouseover",
4
+ NEXT_MONTH = "nextMonth",
5
+ PREVIOUS_MONTH = "previousMonth"
6
+ }
7
+ export declare enum DatePickerCalendarPosition {
8
+ FIRST = "first",
9
+ LAST = "last",
10
+ MIDDLE = "middle",
11
+ UNIQUE = "unique"
3
12
  }
4
13
  export declare enum DatePickerCalendarFirstDayOfWeek {
5
14
  MONDAY = 1,
6
15
  SATURDAY = 6,
7
16
  SUNDAY = 0
8
17
  }
18
+ export type DatePickerCalendarIsDateDisabled = (date: Date) => boolean;
@@ -1,121 +1,92 @@
1
1
  import { PropType } from 'vue';
2
2
  import { BentoButtonVariant } from '@/components/button';
3
+ import { DatePickerCalendarDayVariant } from './components/date-picker-calendar-day';
3
4
  import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
4
- import { DatePickerCalendarEvent, DatePickerCalendarFirstDayOfWeek } from './date-picker-calendar.types';
5
+ import { DatePickerCalendarEvent, DatePickerCalendarFirstDayOfWeek, DatePickerCalendarIsDateDisabled, DatePickerCalendarPosition } from './date-picker-calendar.types';
5
6
  declare const _default: import("vue").DefineComponent<{
7
+ endDate: {
8
+ type: DateConstructor;
9
+ default: any;
10
+ };
6
11
  firstDayOfWeek: {
7
12
  type: PropType<DatePickerCalendarFirstDayOfWeek>;
8
13
  default: DatePickerCalendarFirstDayOfWeek;
9
14
  validator: (value: DatePickerCalendarFirstDayOfWeek) => boolean;
10
15
  };
11
16
  isDateDisabled: {
12
- type: FunctionConstructor;
17
+ type: PropType<DatePickerCalendarIsDateDisabled>;
13
18
  default: any;
14
19
  };
20
+ isRange: {
21
+ type: BooleanConstructor;
22
+ default: boolean;
23
+ };
15
24
  month: {
16
25
  type: DateConstructor;
17
26
  required: true;
18
27
  };
19
- value: {
28
+ position: {
29
+ type: PropType<DatePickerCalendarPosition>;
30
+ default: DatePickerCalendarPosition;
31
+ validator: (value: DatePickerCalendarPosition) => boolean;
32
+ };
33
+ startDate: {
20
34
  type: DateConstructor;
21
35
  default: any;
22
36
  };
23
37
  }, {
24
- baseDate: import("vue").Ref<{
25
- toString: () => string;
26
- toDateString: () => string;
27
- toTimeString: () => string;
28
- toLocaleString: {
29
- (): string;
30
- (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
31
- (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
32
- };
33
- toLocaleDateString: {
34
- (): string;
35
- (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
36
- (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
37
- };
38
- toLocaleTimeString: {
39
- (): string;
40
- (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
41
- (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
42
- };
43
- valueOf: () => number;
44
- getTime: () => number;
45
- getFullYear: () => number;
46
- getUTCFullYear: () => number;
47
- getMonth: () => number;
48
- getUTCMonth: () => number;
49
- getDate: () => number;
50
- getUTCDate: () => number;
51
- getDay: () => number;
52
- getUTCDay: () => number;
53
- getHours: () => number;
54
- getUTCHours: () => number;
55
- getMinutes: () => number;
56
- getUTCMinutes: () => number;
57
- getSeconds: () => number;
58
- getUTCSeconds: () => number;
59
- getMilliseconds: () => number;
60
- getUTCMilliseconds: () => number;
61
- getTimezoneOffset: () => number;
62
- setTime: (time: number) => number;
63
- setMilliseconds: (ms: number) => number;
64
- setUTCMilliseconds: (ms: number) => number;
65
- setSeconds: (sec: number, ms?: number) => number;
66
- setUTCSeconds: (sec: number, ms?: number) => number;
67
- setMinutes: (min: number, sec?: number, ms?: number) => number;
68
- setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
69
- setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
70
- setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
71
- setDate: (date: number) => number;
72
- setUTCDate: (date: number) => number;
73
- setMonth: (month: number, date?: number) => number;
74
- setUTCMonth: (month: number, date?: number) => number;
75
- setFullYear: (year: number, month?: number, date?: number) => number;
76
- setUTCFullYear: (year: number, month?: number, date?: number) => number;
77
- toUTCString: () => string;
78
- toISOString: () => string;
79
- toJSON: (key?: any) => string;
80
- getVarDate: () => VarDate;
81
- [Symbol.toPrimitive]: {
82
- (hint: "default"): string;
83
- (hint: "string"): string;
84
- (hint: "number"): number;
85
- (hint: string): string | number;
86
- };
87
- }>;
88
38
  daysOfWeek: import("vue").ComputedRef<string[]>;
89
39
  weeksOfMonth: import("vue").ComputedRef<any[]>;
90
40
  formattedMonthDate: import("vue").ComputedRef<string>;
41
+ shouldShowNextMonthButton: import("vue").ComputedRef<boolean>;
42
+ shouldShowPreviousMonthButton: import("vue").ComputedRef<boolean>;
91
43
  BentoButtonVariant: typeof BentoButtonVariant;
92
44
  BentoTypographyElement: typeof BentoTypographyElement;
93
45
  BentoTypographyVariant: typeof BentoTypographyVariant;
46
+ DatePickerCalendarDayVariant: typeof DatePickerCalendarDayVariant;
47
+ DatePickerCalendarEvent: typeof DatePickerCalendarEvent;
94
48
  isSelectedDate: (day: Date) => boolean;
95
49
  showNextMonth: () => void;
96
50
  showPreviousMonth: () => void;
51
+ dayVariant: (day: Date) => DatePickerCalendarDayVariant;
97
52
  onDayClicked: (selectedDate: Date) => void;
98
53
  }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DatePickerCalendarEvent[], string, Readonly<import("vue").ExtractPropTypes<{
54
+ endDate: {
55
+ type: DateConstructor;
56
+ default: any;
57
+ };
99
58
  firstDayOfWeek: {
100
59
  type: PropType<DatePickerCalendarFirstDayOfWeek>;
101
60
  default: DatePickerCalendarFirstDayOfWeek;
102
61
  validator: (value: DatePickerCalendarFirstDayOfWeek) => boolean;
103
62
  };
104
63
  isDateDisabled: {
105
- type: FunctionConstructor;
64
+ type: PropType<DatePickerCalendarIsDateDisabled>;
106
65
  default: any;
107
66
  };
67
+ isRange: {
68
+ type: BooleanConstructor;
69
+ default: boolean;
70
+ };
108
71
  month: {
109
72
  type: DateConstructor;
110
73
  required: true;
111
74
  };
112
- value: {
75
+ position: {
76
+ type: PropType<DatePickerCalendarPosition>;
77
+ default: DatePickerCalendarPosition;
78
+ validator: (value: DatePickerCalendarPosition) => boolean;
79
+ };
80
+ startDate: {
113
81
  type: DateConstructor;
114
82
  default: any;
115
83
  };
116
84
  }>>, {
117
- value: Date;
85
+ position: DatePickerCalendarPosition;
86
+ endDate: Date;
118
87
  firstDayOfWeek: DatePickerCalendarFirstDayOfWeek;
119
- isDateDisabled: Function;
88
+ isDateDisabled: DatePickerCalendarIsDateDisabled;
89
+ isRange: boolean;
90
+ startDate: Date;
120
91
  }>;
121
92
  export default _default;
@@ -0,0 +1,2 @@
1
+ import { UseCalendarPane } from '../date-picker-calendar-pane.types';
2
+ export declare const useRangePane: UseCalendarPane;
@@ -0,0 +1,2 @@
1
+ import { UseCalendarPane } from '../date-picker-calendar-pane.types';
2
+ export declare const useSinglePane: UseCalendarPane;
@@ -0,0 +1,21 @@
1
+ import { Ref, UnwrapNestedRefs } from 'vue';
2
+ export interface DatePickerCalendarPaneRangeDate {
3
+ startDate: Date;
4
+ endDate: Date;
5
+ }
6
+ export type DatePickerCalendarPaneValue = Date | DatePickerCalendarPaneRangeDate;
7
+ interface UseCalendarPaneProps {
8
+ selectedDate: Ref<DatePickerCalendarPaneValue>;
9
+ isDateDisabled?: (date: Date) => boolean;
10
+ }
11
+ export type UseCalendarPane = (propRefs: UseCalendarPaneProps, emit: any) => {
12
+ internalValue: UnwrapNestedRefs<DatePickerCalendarPaneRangeDate>;
13
+ onDateInput: (date: Date) => void;
14
+ onMouseOver: (date: Date) => void;
15
+ };
16
+ export declare enum DatePickerCalendarPaneEvent {
17
+ INPUT = "input",
18
+ START_DATE_SELECTED = "start-date-selected",
19
+ END_DATE_SELECTED = "end-date-selected"
20
+ }
21
+ export {};
@@ -0,0 +1,198 @@
1
+ import { PropType } from 'vue';
2
+ import { DatePickerCalendarPosition } from '../date-picker-calendar';
3
+ import { DatePickerCalendarPaneValue } from './date-picker-calendar-pane.types';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ firstDayOfWeek: {
6
+ type: PropType<import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek>;
7
+ default: import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek;
8
+ validator: (value: import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek) => boolean;
9
+ };
10
+ isDateDisabled: {
11
+ type: PropType<import("../date-picker-calendar").DatePickerCalendarIsDateDisabled>;
12
+ default: any;
13
+ };
14
+ isRange: {
15
+ type: BooleanConstructor;
16
+ default: boolean;
17
+ };
18
+ numberOfMonths: {
19
+ type: NumberConstructor;
20
+ default: number;
21
+ validator: (n: number) => boolean;
22
+ };
23
+ value: {
24
+ type: PropType<DatePickerCalendarPaneValue>;
25
+ default: any;
26
+ };
27
+ }, {
28
+ baseDate: import("vue").Ref<any>;
29
+ conditionalClasses: import("vue").ComputedRef<{
30
+ 'b-date-picker-calendar-pane__range': boolean;
31
+ }>;
32
+ internalValue: {
33
+ startDate: {
34
+ toString: () => string;
35
+ toDateString: () => string;
36
+ toTimeString: () => string;
37
+ toLocaleString: {
38
+ (): string;
39
+ (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
40
+ (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
41
+ };
42
+ toLocaleDateString: {
43
+ (): string;
44
+ (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
45
+ (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
46
+ };
47
+ toLocaleTimeString: {
48
+ (): string;
49
+ (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
50
+ (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
51
+ };
52
+ valueOf: () => number;
53
+ getTime: () => number;
54
+ getFullYear: () => number;
55
+ getUTCFullYear: () => number;
56
+ getMonth: () => number;
57
+ getUTCMonth: () => number;
58
+ getDate: () => number;
59
+ getUTCDate: () => number;
60
+ getDay: () => number;
61
+ getUTCDay: () => number;
62
+ getHours: () => number;
63
+ getUTCHours: () => number;
64
+ getMinutes: () => number;
65
+ getUTCMinutes: () => number;
66
+ getSeconds: () => number;
67
+ getUTCSeconds: () => number;
68
+ getMilliseconds: () => number;
69
+ getUTCMilliseconds: () => number;
70
+ getTimezoneOffset: () => number;
71
+ setTime: (time: number) => number;
72
+ setMilliseconds: (ms: number) => number;
73
+ setUTCMilliseconds: (ms: number) => number;
74
+ setSeconds: (sec: number, ms?: number) => number;
75
+ setUTCSeconds: (sec: number, ms?: number) => number;
76
+ setMinutes: (min: number, sec?: number, ms?: number) => number;
77
+ setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
78
+ setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
79
+ setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
80
+ setDate: (date: number) => number;
81
+ setUTCDate: (date: number) => number;
82
+ setMonth: (month: number, date?: number) => number;
83
+ setUTCMonth: (month: number, date?: number) => number;
84
+ setFullYear: (year: number, month?: number, date?: number) => number;
85
+ setUTCFullYear: (year: number, month?: number, date?: number) => number;
86
+ toUTCString: () => string;
87
+ toISOString: () => string;
88
+ toJSON: (key?: any) => string;
89
+ getVarDate: () => VarDate;
90
+ [Symbol.toPrimitive]: {
91
+ (hint: "default"): string;
92
+ (hint: "string"): string;
93
+ (hint: "number"): number;
94
+ (hint: string): string | number;
95
+ };
96
+ };
97
+ endDate: {
98
+ toString: () => string;
99
+ toDateString: () => string;
100
+ toTimeString: () => string;
101
+ toLocaleString: {
102
+ (): string;
103
+ (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
104
+ (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
105
+ };
106
+ toLocaleDateString: {
107
+ (): string;
108
+ (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
109
+ (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
110
+ };
111
+ toLocaleTimeString: {
112
+ (): string;
113
+ (locales?: string | string[], options?: Intl.DateTimeFormatOptions): string;
114
+ (locales?: Intl.LocalesArgument, options?: Intl.DateTimeFormatOptions): string;
115
+ };
116
+ valueOf: () => number;
117
+ getTime: () => number;
118
+ getFullYear: () => number;
119
+ getUTCFullYear: () => number;
120
+ getMonth: () => number;
121
+ getUTCMonth: () => number;
122
+ getDate: () => number;
123
+ getUTCDate: () => number;
124
+ getDay: () => number;
125
+ getUTCDay: () => number;
126
+ getHours: () => number;
127
+ getUTCHours: () => number;
128
+ getMinutes: () => number;
129
+ getUTCMinutes: () => number;
130
+ getSeconds: () => number;
131
+ getUTCSeconds: () => number;
132
+ getMilliseconds: () => number;
133
+ getUTCMilliseconds: () => number;
134
+ getTimezoneOffset: () => number;
135
+ setTime: (time: number) => number;
136
+ setMilliseconds: (ms: number) => number;
137
+ setUTCMilliseconds: (ms: number) => number;
138
+ setSeconds: (sec: number, ms?: number) => number;
139
+ setUTCSeconds: (sec: number, ms?: number) => number;
140
+ setMinutes: (min: number, sec?: number, ms?: number) => number;
141
+ setUTCMinutes: (min: number, sec?: number, ms?: number) => number;
142
+ setHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
143
+ setUTCHours: (hours: number, min?: number, sec?: number, ms?: number) => number;
144
+ setDate: (date: number) => number;
145
+ setUTCDate: (date: number) => number;
146
+ setMonth: (month: number, date?: number) => number;
147
+ setUTCMonth: (month: number, date?: number) => number;
148
+ setFullYear: (year: number, month?: number, date?: number) => number;
149
+ setUTCFullYear: (year: number, month?: number, date?: number) => number;
150
+ toUTCString: () => string;
151
+ toISOString: () => string;
152
+ toJSON: (key?: any) => string;
153
+ getVarDate: () => VarDate;
154
+ [Symbol.toPrimitive]: {
155
+ (hint: "default"): string;
156
+ (hint: "string"): string;
157
+ (hint: "number"): number;
158
+ (hint: string): string | number;
159
+ };
160
+ };
161
+ };
162
+ calculateOffsetMonth: (offsetMonth: number) => Date;
163
+ calendarPosition: (calendarIndex: number) => DatePickerCalendarPosition;
164
+ onDateInput: (date: Date) => void;
165
+ onMouseOver: (date: Date) => void;
166
+ calculateNextMonths: () => void;
167
+ calculatePreviousMonths: () => void;
168
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
169
+ firstDayOfWeek: {
170
+ type: PropType<import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek>;
171
+ default: import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek;
172
+ validator: (value: import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek) => boolean;
173
+ };
174
+ isDateDisabled: {
175
+ type: PropType<import("../date-picker-calendar").DatePickerCalendarIsDateDisabled>;
176
+ default: any;
177
+ };
178
+ isRange: {
179
+ type: BooleanConstructor;
180
+ default: boolean;
181
+ };
182
+ numberOfMonths: {
183
+ type: NumberConstructor;
184
+ default: number;
185
+ validator: (n: number) => boolean;
186
+ };
187
+ value: {
188
+ type: PropType<DatePickerCalendarPaneValue>;
189
+ default: any;
190
+ };
191
+ }>>, {
192
+ value: DatePickerCalendarPaneValue;
193
+ firstDayOfWeek: import("../date-picker-calendar").DatePickerCalendarFirstDayOfWeek;
194
+ isDateDisabled: import("../date-picker-calendar").DatePickerCalendarIsDateDisabled;
195
+ isRange: boolean;
196
+ numberOfMonths: number;
197
+ }>;
198
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as DatePickerCalendarPane } from './date-picker-calendar-pane.vue';
@@ -0,0 +1,5 @@
1
+ export declare enum DatePickerCalendarRangeEvent {
2
+ INPUT = "input",
3
+ ERROR = "error",
4
+ FORM_DATE = "form-date"
5
+ }