@adyen/bento-vue2 0.4.1 → 0.6.0

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 (60) hide show
  1. package/dist/@types/components/button/button.demo.d.ts +6 -0
  2. package/dist/@types/components/button/button.vue.d.ts +1 -0
  3. package/dist/@types/components/button/components/button-actions/button-actions.vue.d.ts +4 -4
  4. package/dist/@types/components/currency/currency.vue.d.ts +9 -0
  5. package/dist/@types/components/data-grid/components/data-grid-columns/data-grid-columns-types.d.ts +2 -0
  6. package/dist/@types/components/data-grid/components/data-grid-columns/data-grid-columns.vue.d.ts +15 -4
  7. package/dist/@types/components/data-grid/components/data-grid-config-settings/components/data-grid-config-settings-column-row/data-grid-config-settings-column-row.vue.d.ts +8 -9
  8. package/dist/@types/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.types.d.ts +4 -0
  9. package/dist/@types/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue.d.ts +4 -3
  10. package/dist/@types/components/data-grid/composables/useColumnReorderer/useColumnReorderer.d.ts +1 -0
  11. package/dist/@types/components/data-grid/composables/useConfigSettings/useConfigSettings.d.ts +63 -2
  12. package/dist/@types/components/data-grid/data-grid.vue.d.ts +12 -29
  13. package/dist/@types/components/date/date.types.d.ts +1 -0
  14. package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/__test__/date-picker-calendar-day-stub.vue.d.ts +34 -0
  15. package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.types.d.ts +9 -0
  16. package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/date-picker-calendar-day.vue.d.ts +39 -0
  17. package/dist/@types/components/date-picker/components/date-picker-calendar/components/date-picker-calendar-day/index.d.ts +1 -0
  18. package/dist/@types/components/date-picker/components/date-picker-calendar/date-picker-calendar.types.d.ts +8 -0
  19. package/dist/@types/components/date-picker/components/date-picker-calendar/date-picker-calendar.vue.d.ts +121 -0
  20. package/dist/@types/components/date-picker/components/date-picker-calendar/index.d.ts +2 -0
  21. package/dist/@types/components/date-picker/components/date-picker-calendar-container/__test__/date-picker-calendar-container-stub.vue.d.ts +43 -0
  22. package/dist/@types/components/date-picker/components/date-picker-calendar-container/date-picker-calendar-container.types.d.ts +3 -0
  23. package/dist/@types/components/date-picker/components/date-picker-calendar-container/date-picker-calendar-container.vue.d.ts +99 -0
  24. package/dist/@types/components/date-picker/components/date-picker-calendar-container/index.d.ts +1 -0
  25. package/dist/@types/components/date-picker/date-picker.types.d.ts +16 -0
  26. package/dist/@types/components/date-picker/date-picker.vue.d.ts +102 -0
  27. package/dist/@types/components/date-picker/index.d.ts +2 -0
  28. package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +2 -2
  29. package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts +3 -28
  30. package/dist/@types/components/header/header.types.d.ts +4 -0
  31. package/dist/@types/components/header/header.vue.d.ts +66 -0
  32. package/dist/@types/components/header/index.d.ts +1 -0
  33. package/dist/@types/components/internal/base-button/base-button.types.d.ts +15 -0
  34. package/dist/@types/components/internal/base-button/base-button.vue.d.ts +47 -0
  35. package/dist/@types/components/internal/base-button/index.d.ts +2 -0
  36. package/dist/@types/components/menu/components/index.d.ts +2 -0
  37. package/dist/@types/components/menu/components/menu-item/index.d.ts +2 -0
  38. package/dist/@types/components/menu/components/menu-item/menu-item.types.d.ts +12 -0
  39. package/dist/@types/components/menu/components/menu-item/menu-item.vue.d.ts +96 -0
  40. package/dist/@types/components/menu/components/menu-item-list/index.d.ts +1 -0
  41. package/dist/@types/components/menu/components/menu-item-list/menu-item-list.vue.d.ts +56 -0
  42. package/dist/@types/components/menu/components/menu-list-container/menu-list-container.vue.d.ts +2 -0
  43. package/dist/@types/components/menu/components/sub-menu-item-list/sub-menu-item-list.vue.d.ts +41 -0
  44. package/dist/@types/components/menu/index.d.ts +2 -0
  45. package/dist/@types/components/menu/menu.types.d.ts +4 -0
  46. package/dist/@types/components/menu/menu.vue.d.ts +53 -0
  47. package/dist/@types/components/popover/popover.vue.d.ts +10 -0
  48. package/dist/@types/components/tag/tag.types.d.ts +1 -1
  49. package/dist/@types/components/tooltip/tooltip.vue.d.ts +4 -5
  50. package/dist/@types/components.d.ts +6 -2
  51. package/dist/@types/index.d.ts +2 -0
  52. package/dist/@types/utils/ts/currency/currency.d.ts +2 -2
  53. package/dist/index.js +4774 -3678
  54. package/dist/index.js.map +1 -1
  55. package/dist/web-types.json +5296 -0
  56. package/package.json +15 -14
  57. package/dist/@types/components/page-header/components/title-item/title-item.vue.d.ts +0 -22
  58. package/dist/@types/components/page-header/index.d.ts +0 -1
  59. package/dist/@types/components/page-header/page-header.vue.d.ts +0 -22
  60. package/dist/@types/components/tooltip/index.d.ts +0 -1
@@ -0,0 +1,6 @@
1
+ import BentoButton from './button.vue';
2
+ import type { Meta, StoryObj } from '@storybook/vue';
3
+ declare const meta: Meta;
4
+ export default meta;
5
+ type Story = StoryObj<typeof BentoButton>;
6
+ export declare const Secondary: Story;
@@ -28,6 +28,7 @@ declare const _default: import("vue").DefineComponent<{
28
28
  BentoTypographyElement: typeof BentoTypographyElement;
29
29
  BentoTypographyVariant: typeof BentoTypographyVariant;
30
30
  ariaAttributes: import("vue").ComputedRef<{
31
+ 'aria-controls': string;
31
32
  'aria-expanded': Booleanish;
32
33
  }>;
33
34
  conditionalClasses: import("vue").ComputedRef<{
@@ -1,5 +1,5 @@
1
1
  import { PropType } from 'vue';
2
- import { BentoButtonVariant } from '@/components/button';
2
+ import { BentoButtonVariant } from '../../button.types';
3
3
  import { BentoButtonActionsLayout, BentoButtonActionsList } from './button-actions.types';
4
4
  declare const _default: import("vue").DefineComponent<{
5
5
  actions: {
@@ -8,14 +8,14 @@ declare const _default: import("vue").DefineComponent<{
8
8
  };
9
9
  layout: {
10
10
  type: PropType<BentoButtonActionsLayout>;
11
- default: import("@/components/button").BentoButtonActionsLayoutBasic;
11
+ default: import("./button-actions.types").BentoButtonActionsLayoutBasic;
12
12
  validator: (layout: BentoButtonActionsLayout) => boolean;
13
13
  };
14
14
  }, {
15
15
  conditionalClasses: import("vue").ComputedRef<{
16
16
  [x: string]: boolean;
17
17
  }>;
18
- reversedActionsList: import("vue").ComputedRef<import("@/components/button").BentoButtonActionObject[]>;
18
+ reversedActionsList: import("vue").ComputedRef<import("./button-actions.types").BentoButtonActionObject[]>;
19
19
  generateButtonVariantByIndex: (actionIndex: any) => BentoButtonVariant.PRIMARY | BentoButtonVariant.SECONDARY;
20
20
  }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
21
21
  actions: {
@@ -24,7 +24,7 @@ declare const _default: import("vue").DefineComponent<{
24
24
  };
25
25
  layout: {
26
26
  type: PropType<BentoButtonActionsLayout>;
27
- default: import("@/components/button").BentoButtonActionsLayoutBasic;
27
+ default: import("./button-actions.types").BentoButtonActionsLayoutBasic;
28
28
  validator: (layout: BentoButtonActionsLayout) => boolean;
29
29
  };
30
30
  }>>, {
@@ -11,6 +11,10 @@ declare const _default: import("vue").DefineComponent<{
11
11
  type: BooleanConstructor;
12
12
  default: boolean;
13
13
  };
14
+ majorUnits: {
15
+ type: BooleanConstructor;
16
+ default: boolean;
17
+ };
14
18
  }, {
15
19
  formattedCurrency: import("vue").ComputedRef<string>;
16
20
  BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -25,8 +29,13 @@ declare const _default: import("vue").DefineComponent<{
25
29
  type: BooleanConstructor;
26
30
  default: boolean;
27
31
  };
32
+ majorUnits: {
33
+ type: BooleanConstructor;
34
+ default: boolean;
35
+ };
28
36
  }>>, {
29
37
  currency: BentoCurrencyISOCode;
30
38
  shorthand: boolean;
39
+ majorUnits: boolean;
31
40
  }>;
32
41
  export default _default;
@@ -4,6 +4,8 @@ export declare enum DatagridColumnsEvent {
4
4
  COLUMN_RESIZING = "column-resizing",
5
5
  SORT = "sort",
6
6
  SELECT_ALL_ROWS = "select-all-rows",
7
+ COLUMN_MOVE = "column-move",
8
+ COLUMN_UPDATE = "column-update",
7
9
  COLUMN_DRAG_START = "column-dragstart",
8
10
  COLUMN_DRAG_ENTER = "column-dragenter",
9
11
  COLUMN_DRAG_END = "column-dragend",
@@ -2,6 +2,7 @@ import { PropType } from 'vue';
2
2
  import { BentoColumn, BentoDatagridAllItemsSelectedState, BentoDatagridSortByColumn, BentoDatagridSortDirection } from '../../data-grid.types';
3
3
  import { BentoTypographyElement } from '@/components/typography';
4
4
  import { BentoDatagridDraggingColumnState, DatagridColumnsEvent } from './data-grid-columns-types';
5
+ import type { BentoMenuItem } from '@/components/menu/components';
5
6
  declare const _default: import("vue").DefineComponent<{
6
7
  columns: {
7
8
  type: PropType<BentoColumn[]>;
@@ -19,6 +20,10 @@ declare const _default: import("vue").DefineComponent<{
19
20
  type: BooleanConstructor;
20
21
  default: boolean;
21
22
  };
23
+ hasContextualMenuEnabled: {
24
+ type: BooleanConstructor;
25
+ default: boolean;
26
+ };
22
27
  isFrozenColumns: {
23
28
  type: BooleanConstructor;
24
29
  default: boolean;
@@ -47,9 +52,9 @@ declare const _default: import("vue").DefineComponent<{
47
52
  }>;
48
53
  conditionalColumnsClasses: import("vue").ComputedRef<{
49
54
  'b-data-grid-columns--frozen': boolean;
50
- 'b-data-grid-columns--draggable'?: undefined;
55
+ 'b-data-grid-columns--unfrozen'?: undefined;
51
56
  } | {
52
- 'b-data-grid-columns--draggable': boolean;
57
+ 'b-data-grid-columns--unfrozen': boolean;
53
58
  'b-data-grid-columns--frozen'?: undefined;
54
59
  }>;
55
60
  allItemsSelectedCheckboxState: import("vue").Ref<{
@@ -76,9 +81,10 @@ declare const _default: import("vue").DefineComponent<{
76
81
  drop: () => void;
77
82
  dragend: () => void;
78
83
  }>;
84
+ contextualMenuData: import("vue").ComputedRef<(col: BentoColumn) => BentoMenuItem[]>;
79
85
  BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
80
86
  BentoTypographyElement: typeof BentoTypographyElement;
81
- }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (DatagridColumnsEvent.COLUMN_RESIZE | DatagridColumnsEvent.SORT | DatagridColumnsEvent.SELECT_ALL_ROWS | DatagridColumnsEvent.COLUMN_DRAG_START | DatagridColumnsEvent.COLUMN_DRAG_ENTER | DatagridColumnsEvent.COLUMN_DRAG_END | DatagridColumnsEvent.COLUMN_DROP)[], string, Readonly<import("vue").ExtractPropTypes<{
87
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, (DatagridColumnsEvent.COLUMN_RESIZE | DatagridColumnsEvent.SORT | DatagridColumnsEvent.SELECT_ALL_ROWS | DatagridColumnsEvent.COLUMN_MOVE | DatagridColumnsEvent.COLUMN_UPDATE | DatagridColumnsEvent.COLUMN_DRAG_START | DatagridColumnsEvent.COLUMN_DRAG_ENTER | DatagridColumnsEvent.COLUMN_DRAG_END | DatagridColumnsEvent.COLUMN_DROP)[], string, Readonly<import("vue").ExtractPropTypes<{
82
88
  columns: {
83
89
  type: PropType<BentoColumn[]>;
84
90
  required: true;
@@ -95,6 +101,10 @@ declare const _default: import("vue").DefineComponent<{
95
101
  type: BooleanConstructor;
96
102
  default: boolean;
97
103
  };
104
+ hasContextualMenuEnabled: {
105
+ type: BooleanConstructor;
106
+ default: boolean;
107
+ };
98
108
  isFrozenColumns: {
99
109
  type: BooleanConstructor;
100
110
  default: boolean;
@@ -108,10 +118,11 @@ declare const _default: import("vue").DefineComponent<{
108
118
  default: () => any[];
109
119
  };
110
120
  }>>, {
121
+ isFrozenColumns: boolean;
111
122
  draggingColumns: any;
112
123
  hasDraggableColumns: boolean;
113
124
  hasResizableColumns: boolean;
114
- isFrozenColumns: boolean;
125
+ hasContextualMenuEnabled: boolean;
115
126
  allItemsSelectedState: BentoDatagridAllItemsSelectedState;
116
127
  sortBy: BentoDatagridSortByColumn[];
117
128
  }>;
@@ -3,8 +3,8 @@ import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typ
3
3
  import { AdlLabelPosition } from '@/types';
4
4
  import { BentoColumn } from '@/components/data-grid';
5
5
  declare const _default: import("vue").DefineComponent<{
6
- visibleColumns: {
7
- type: PropType<string[]>;
6
+ isColumnVisibilityToggleDisabled: {
7
+ type: BooleanConstructor;
8
8
  required: true;
9
9
  };
10
10
  column: {
@@ -12,23 +12,22 @@ declare const _default: import("vue").DefineComponent<{
12
12
  required: true;
13
13
  };
14
14
  }, {
15
- isColumnVisibilityToggleDisabled: (fieldName: string, isMandatory: boolean) => boolean;
16
15
  isFreezeIconOptionShown: import("vue").Ref<boolean>;
17
- isColumnFrozen: import("vue").Ref<boolean>;
16
+ isColumnFrozen: import("vue").ComputedRef<boolean>;
18
17
  freezeIconConditionalClasses: import("vue").ComputedRef<{
19
18
  "b-data-grid-config-settings-column-row__freeze-icon--frozen": boolean;
20
19
  }>;
21
- isColumnVisible: (fieldName: string) => boolean;
22
- toggleColumnVisibility: (fieldName: string) => void;
20
+ isColumnVisible: import("vue").ComputedRef<boolean>;
21
+ toggleColumnVisibility: () => void;
23
22
  showFreezeIcon: () => void;
24
23
  hideFreezeIcon: () => void;
25
24
  toggleColumnFreeze: () => void;
26
25
  AdlLabelPosition: typeof AdlLabelPosition;
27
26
  BentoTypographyElement: typeof BentoTypographyElement;
28
27
  BentoTypographyVariant: typeof BentoTypographyVariant;
29
- }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("visible-columns" | "updated-column")[], string, Readonly<import("vue").ExtractPropTypes<{
30
- visibleColumns: {
31
- type: PropType<string[]>;
28
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("visible-column" | "updated-column")[], string, Readonly<import("vue").ExtractPropTypes<{
29
+ isColumnVisibilityToggleDisabled: {
30
+ type: BooleanConstructor;
32
31
  required: true;
33
32
  };
34
33
  column: {
@@ -0,0 +1,4 @@
1
+ export declare enum DatagridConfigSettingsEvent {
2
+ CONFIG_SETTINGS = "config-settings",
3
+ UPDATE_COLUMNS = "update:columns"
4
+ }
@@ -3,6 +3,7 @@ import { BentoButtonVariant } from '@/components/button';
3
3
  import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
4
4
  import { AdlLabelPosition } from '@/types';
5
5
  import { BentoColumn } from '../../data-grid.types';
6
+ import { DatagridConfigSettingsEvent } from './data-grid-config-settings.types';
6
7
  declare const _default: import("vue").DefineComponent<{
7
8
  columns: {
8
9
  type: PropType<BentoColumn[]>;
@@ -20,15 +21,15 @@ declare const _default: import("vue").DefineComponent<{
20
21
  searchTerm: import("vue").Ref<string>;
21
22
  isColumnVisibilityFilterShown: import("vue").Ref<boolean>;
22
23
  searchBarRef: any;
23
- columnVisibility: import("vue").ComputedRef<string[]>;
24
24
  setConfigSettingsPanelVisibility: (isVisible: boolean) => void;
25
25
  emitCondensedToggle: (isCompactView: boolean) => void;
26
26
  toggleAllColumnVisibility: (toggleState: boolean) => void;
27
27
  clearAction: () => void;
28
28
  toggleColumnFilter: () => void;
29
- emitVisibleColumns: (visibleColumns: string[]) => void;
29
+ emitVisibleColumns: (updatedColumn: BentoColumn) => void;
30
30
  emitFrozenColumns: (updatedColumn: BentoColumn) => void;
31
31
  onClickOutside: () => void;
32
+ isColumnVisibilityToggleDisabled: (column: BentoColumn) => boolean;
32
33
  AdlLabelPosition: typeof AdlLabelPosition;
33
34
  BentoTypographyElement: typeof BentoTypographyElement;
34
35
  BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -50,7 +51,7 @@ declare const _default: import("vue").DefineComponent<{
50
51
  BOTTOM: import("../../../popper-container").PopperContainerPositionBasic.BOTTOM;
51
52
  LEFT: import("../../../popper-container").PopperContainerPositionBasic.LEFT;
52
53
  };
53
- }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("visible-columns" | "config-settings" | "frozen-columns")[], string, Readonly<import("vue").ExtractPropTypes<{
54
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DatagridConfigSettingsEvent[], string, Readonly<import("vue").ExtractPropTypes<{
54
55
  columns: {
55
56
  type: PropType<BentoColumn[]>;
56
57
  required: true;
@@ -60,4 +60,5 @@ export declare const useColumnReorderer: (columnsRef: MaybeRef<BentoColumn[]>, h
60
60
  drop: () => void;
61
61
  dragover: (e: DragEvent) => void;
62
62
  }>;
63
+ onMoveColumnByOffset: (movingColumn: BentoColumn, offset?: number) => void;
63
64
  };
@@ -2,7 +2,68 @@ import { MaybeRef } from '@/types';
2
2
  import { BentoColumn } from '../../data-grid.types';
3
3
  import type { EmitFn } from 'vue/types/v3-setup-context';
4
4
  export declare const useConfigSettings: (columnsRef: MaybeRef<BentoColumn[]>, emit: EmitFn) => {
5
+ columnSets: import("vue").ComputedRef<({
6
+ columnSet: (BentoColumn | {
7
+ field: string;
8
+ label: string;
9
+ width?: number;
10
+ minWidth?: number;
11
+ flex?: number;
12
+ sortable?: boolean;
13
+ numeric?: boolean;
14
+ infoIconTooltip?: string;
15
+ padding?: {
16
+ left?: boolean;
17
+ right?: boolean;
18
+ };
19
+ overflow?: import("../../data-grid.types").BentoColumnOverflow;
20
+ visible?: boolean;
21
+ mandatory?: boolean;
22
+ frozen?: boolean;
23
+ })[];
24
+ id: string;
25
+ isFrozenColumns: boolean;
26
+ } | {
27
+ columnSet: (BentoColumn | {
28
+ field: string;
29
+ label: string;
30
+ width?: number;
31
+ minWidth?: number;
32
+ flex?: number;
33
+ sortable?: boolean;
34
+ numeric?: boolean;
35
+ infoIconTooltip?: string;
36
+ padding?: {
37
+ left?: boolean;
38
+ right?: boolean;
39
+ };
40
+ overflow?: import("../../data-grid.types").BentoColumnOverflow;
41
+ visible?: boolean;
42
+ mandatory?: boolean;
43
+ frozen?: boolean;
44
+ })[];
45
+ id: string;
46
+ isFrozenColumns?: undefined;
47
+ })[]>;
48
+ sortedColumns: import("vue").ComputedRef<(BentoColumn | {
49
+ field: string;
50
+ label: string;
51
+ width?: number;
52
+ minWidth?: number;
53
+ flex?: number;
54
+ sortable?: boolean;
55
+ numeric?: boolean;
56
+ infoIconTooltip?: string;
57
+ padding?: {
58
+ left?: boolean;
59
+ right?: boolean;
60
+ };
61
+ overflow?: import("../../data-grid.types").BentoColumnOverflow;
62
+ visible?: boolean;
63
+ mandatory?: boolean;
64
+ frozen?: boolean;
65
+ })[]>;
5
66
  onConfigSettingsUpdate: (isCompactView: boolean) => void;
6
- onColumnVisibilityChange: (columnIndexes: string[]) => void;
7
- onColumnFreezeChange: (frozenColumnFields: string[]) => void;
67
+ onConfigSettingsColumnsUpdate: (newColumns: BentoColumn[]) => void;
68
+ onConfigSettingsColumnUpdate: (updatedColumn: BentoColumn) => void;
8
69
  };
@@ -1,4 +1,4 @@
1
- import { PropType, Ref } from 'vue';
1
+ import { PropType } from 'vue';
2
2
  import { BentoColumn, BentoColumnOverflow, BentoDatagridData, BentoDatagridDataItem, BentoDatagridDataItemId, BentoDatagridEvent, BentoDatagridGetDataItemIdFn, BentoDatagridIsDataItemDisabledFn, BentoDatagridSortByColumn, BentoDatagridSortDirection } from './data-grid.types';
3
3
  import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
4
4
  declare const _default: import("vue").DefineComponent<{
@@ -136,7 +136,7 @@ declare const _default: import("vue").DefineComponent<{
136
136
  default: () => any[];
137
137
  };
138
138
  }, {
139
- body: Ref<HTMLDivElement>;
139
+ body: import("vue").Ref<HTMLDivElement>;
140
140
  columnDefs: import("vue").ComputedRef<{
141
141
  width: number;
142
142
  field: string;
@@ -155,29 +155,11 @@ declare const _default: import("vue").DefineComponent<{
155
155
  mandatory?: boolean;
156
156
  frozen?: boolean;
157
157
  }[]>;
158
- sortedColumnsByFreezeState: Ref<{
159
- field: string;
160
- label: string;
161
- width?: number;
162
- minWidth?: number;
163
- flex?: number;
164
- sortable?: boolean;
165
- numeric?: boolean;
166
- infoIconTooltip?: string;
167
- padding?: {
168
- left?: boolean;
169
- right?: boolean;
170
- };
171
- overflow?: BentoColumnOverflow;
172
- visible?: boolean;
173
- mandatory?: boolean;
174
- frozen?: boolean;
175
- }[]>;
176
158
  columnSets: import("vue").ComputedRef<({
177
- columnSet: {
178
- width: number;
159
+ columnSet: (BentoColumn | {
179
160
  field: string;
180
161
  label: string;
162
+ width?: number;
181
163
  minWidth?: number;
182
164
  flex?: number;
183
165
  sortable?: boolean;
@@ -191,14 +173,14 @@ declare const _default: import("vue").DefineComponent<{
191
173
  visible?: boolean;
192
174
  mandatory?: boolean;
193
175
  frozen?: boolean;
194
- }[];
176
+ })[];
195
177
  id: string;
196
178
  isFrozenColumns: boolean;
197
179
  } | {
198
- columnSet: {
199
- width: number;
180
+ columnSet: (BentoColumn | {
200
181
  field: string;
201
182
  label: string;
183
+ width?: number;
202
184
  minWidth?: number;
203
185
  flex?: number;
204
186
  sortable?: boolean;
@@ -212,7 +194,7 @@ declare const _default: import("vue").DefineComponent<{
212
194
  visible?: boolean;
213
195
  mandatory?: boolean;
214
196
  frozen?: boolean;
215
- }[];
197
+ })[];
216
198
  id: string;
217
199
  isFrozenColumns?: undefined;
218
200
  })[]>;
@@ -257,14 +239,14 @@ declare const _default: import("vue").DefineComponent<{
257
239
  allItemsSelected: boolean;
258
240
  isIndeterminate: boolean;
259
241
  };
260
- selectedItems: Ref<BentoDatagridDataItemId[]>;
242
+ selectedItems: import("vue").Ref<BentoDatagridDataItemId[]>;
261
243
  onAllRowSelect: (allItemsSelected: boolean) => void;
262
244
  onRowSelect: () => void;
263
245
  DATAGRID_SELECT_FIELD_NAME: string;
264
246
  onRowClick: (row: BentoDatagridDataItem, event: MouseEvent) => void;
265
247
  onConfigSettingsUpdate: (isCompactView: boolean) => void;
266
- onColumnVisibilityChange: (columnIndexes: string[]) => void;
267
- onColumnFreezeChange: (frozenColumnFields: string[]) => void;
248
+ onConfigSettingsColumnsUpdate: (newColumns: BentoColumn[]) => void;
249
+ onConfigSettingsColumnUpdate: (updatedColumn: BentoColumn) => void;
268
250
  BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
269
251
  BentoTypographyElement: typeof BentoTypographyElement;
270
252
  BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -273,6 +255,7 @@ declare const _default: import("vue").DefineComponent<{
273
255
  onItemsPerPageChange: (itemsPerPage: number) => void;
274
256
  onSearchTermCleared: () => void;
275
257
  onSearchTermInput: (newSearchTerm: any) => void;
258
+ onMoveColumnByOffset: (movingColumn: BentoColumn, offset?: number) => void;
276
259
  draggingColumns: {
277
260
  dragging?: {
278
261
  field: string;
@@ -1,4 +1,5 @@
1
1
  export declare enum BentoDateFormat {
2
+ DAY_OF_MONTH = "d",
2
3
  LONG_WEEKDAY = "EEEE",
3
4
  SHORT_TIME_WITH_PERIOD = "h:mm aa",
4
5
  SHORT_TIME_WITHOUT_PERIOD = "H:mm",
@@ -0,0 +1,34 @@
1
+ import { DatePickerCalendarDayEvent } from '../date-picker-calendar-day.types';
2
+ declare const _default: import("vue").DefineComponent<{
3
+ day: {
4
+ type: DateConstructor;
5
+ required: true;
6
+ };
7
+ selected: {
8
+ type: BooleanConstructor;
9
+ default: boolean;
10
+ };
11
+ disabled: {
12
+ type: BooleanConstructor;
13
+ default: boolean;
14
+ };
15
+ }, {
16
+ DatePickerCalendarDayEvent: typeof DatePickerCalendarDayEvent;
17
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
18
+ day: {
19
+ type: DateConstructor;
20
+ required: true;
21
+ };
22
+ selected: {
23
+ type: BooleanConstructor;
24
+ default: boolean;
25
+ };
26
+ disabled: {
27
+ type: BooleanConstructor;
28
+ default: boolean;
29
+ };
30
+ }>>, {
31
+ disabled: boolean;
32
+ selected: boolean;
33
+ }>;
34
+ export default _default;
@@ -0,0 +1,9 @@
1
+ export declare enum DatePickerCalendarDayClass {
2
+ CURRENT_DAY = "current-day",
3
+ DISABLED = "disabled",
4
+ SELECTED = "selected",
5
+ UNSELECTED = "unselected"
6
+ }
7
+ export declare enum DatePickerCalendarDayEvent {
8
+ CLICK = "click"
9
+ }
@@ -0,0 +1,39 @@
1
+ import { BentoDateFormat } from '@/components/date';
2
+ import { DatePickerCalendarDayEvent } from './date-picker-calendar-day.types';
3
+ declare const _default: import("vue").DefineComponent<{
4
+ day: {
5
+ type: DateConstructor;
6
+ required: true;
7
+ };
8
+ selected: {
9
+ type: BooleanConstructor;
10
+ default: boolean;
11
+ };
12
+ disabled: {
13
+ type: BooleanConstructor;
14
+ default: boolean;
15
+ };
16
+ }, {
17
+ conditionalClasses: import("vue").ComputedRef<{
18
+ [x: string]: boolean;
19
+ }>;
20
+ BentoDateFormat: typeof BentoDateFormat;
21
+ onClick: (selectedDay: Date) => void;
22
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DatePickerCalendarDayEvent[], string, Readonly<import("vue").ExtractPropTypes<{
23
+ day: {
24
+ type: DateConstructor;
25
+ required: true;
26
+ };
27
+ selected: {
28
+ type: BooleanConstructor;
29
+ default: boolean;
30
+ };
31
+ disabled: {
32
+ type: BooleanConstructor;
33
+ default: boolean;
34
+ };
35
+ }>>, {
36
+ disabled: boolean;
37
+ selected: boolean;
38
+ }>;
39
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as DatePickerCalendarDay } from './date-picker-calendar-day.vue';
@@ -0,0 +1,8 @@
1
+ export declare enum DatePickerCalendarEvent {
2
+ INPUT = "input"
3
+ }
4
+ export declare enum DatePickerCalendarFirstDayOfWeek {
5
+ MONDAY = 1,
6
+ SATURDAY = 6,
7
+ SUNDAY = 0
8
+ }
@@ -0,0 +1,121 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoButtonVariant } from '@/components/button';
3
+ import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
4
+ import { DatePickerCalendarEvent, DatePickerCalendarFirstDayOfWeek } from './date-picker-calendar.types';
5
+ declare const _default: import("vue").DefineComponent<{
6
+ firstDayOfWeek: {
7
+ type: PropType<DatePickerCalendarFirstDayOfWeek>;
8
+ default: DatePickerCalendarFirstDayOfWeek;
9
+ validator: (value: DatePickerCalendarFirstDayOfWeek) => boolean;
10
+ };
11
+ isDateDisabled: {
12
+ type: FunctionConstructor;
13
+ default: any;
14
+ };
15
+ month: {
16
+ type: DateConstructor;
17
+ required: true;
18
+ };
19
+ value: {
20
+ type: DateConstructor;
21
+ default: any;
22
+ };
23
+ }, {
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
+ daysOfWeek: import("vue").ComputedRef<string[]>;
89
+ weeksOfMonth: import("vue").ComputedRef<any[]>;
90
+ formattedMonthDate: import("vue").ComputedRef<string>;
91
+ BentoButtonVariant: typeof BentoButtonVariant;
92
+ BentoTypographyElement: typeof BentoTypographyElement;
93
+ BentoTypographyVariant: typeof BentoTypographyVariant;
94
+ isSelectedDate: (day: Date) => boolean;
95
+ showNextMonth: () => void;
96
+ showPreviousMonth: () => void;
97
+ onDayClicked: (selectedDate: Date) => void;
98
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, DatePickerCalendarEvent[], string, Readonly<import("vue").ExtractPropTypes<{
99
+ firstDayOfWeek: {
100
+ type: PropType<DatePickerCalendarFirstDayOfWeek>;
101
+ default: DatePickerCalendarFirstDayOfWeek;
102
+ validator: (value: DatePickerCalendarFirstDayOfWeek) => boolean;
103
+ };
104
+ isDateDisabled: {
105
+ type: FunctionConstructor;
106
+ default: any;
107
+ };
108
+ month: {
109
+ type: DateConstructor;
110
+ required: true;
111
+ };
112
+ value: {
113
+ type: DateConstructor;
114
+ default: any;
115
+ };
116
+ }>>, {
117
+ value: Date;
118
+ firstDayOfWeek: DatePickerCalendarFirstDayOfWeek;
119
+ isDateDisabled: Function;
120
+ }>;
121
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { default as DatePickerCalendar } from './date-picker-calendar.vue';
2
+ export * from './date-picker-calendar.types';