@adyen/bento-vue2 0.4.1 → 0.5.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 (41) 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.vue.d.ts +3 -3
  6. 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
  7. package/dist/@types/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.types.d.ts +4 -0
  8. package/dist/@types/components/data-grid/components/data-grid-config-settings/data-grid-config-settings.vue.d.ts +4 -3
  9. package/dist/@types/components/data-grid/composables/useColumnReorderer/useColumnReorderer.d.ts +1 -0
  10. package/dist/@types/components/data-grid/composables/useConfigSettings/useConfigSettings.d.ts +62 -2
  11. package/dist/@types/components/data-grid/data-grid.vue.d.ts +10 -29
  12. package/dist/@types/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +2 -2
  13. package/dist/@types/components/filter-bar/components/base-filter/base-filter.vue.d.ts +3 -28
  14. package/dist/@types/components/header/header.types.d.ts +4 -0
  15. package/dist/@types/components/header/header.vue.d.ts +66 -0
  16. package/dist/@types/components/header/index.d.ts +1 -0
  17. package/dist/@types/components/internal/base-button/base-button.types.d.ts +15 -0
  18. package/dist/@types/components/internal/base-button/base-button.vue.d.ts +47 -0
  19. package/dist/@types/components/internal/base-button/index.d.ts +2 -0
  20. package/dist/@types/components/menu/components/index.d.ts +2 -0
  21. package/dist/@types/components/menu/components/menu-item/index.d.ts +2 -0
  22. package/dist/@types/components/menu/components/menu-item/menu-item.types.d.ts +11 -0
  23. package/dist/@types/components/menu/components/menu-item/menu-item.vue.d.ts +84 -0
  24. package/dist/@types/components/menu/components/menu-item-list/index.d.ts +1 -0
  25. package/dist/@types/components/menu/components/menu-item-list/menu-item-list.vue.d.ts +49 -0
  26. package/dist/@types/components/menu/index.d.ts +2 -0
  27. package/dist/@types/components/menu/menu.types.d.ts +3 -0
  28. package/dist/@types/components/menu/menu.vue.d.ts +53 -0
  29. package/dist/@types/components/popover/popover.vue.d.ts +10 -0
  30. package/dist/@types/components/tooltip/tooltip.vue.d.ts +4 -5
  31. package/dist/@types/components.d.ts +4 -2
  32. package/dist/@types/index.d.ts +1 -0
  33. package/dist/@types/utils/ts/currency/currency.d.ts +2 -2
  34. package/dist/index.js +3261 -2847
  35. package/dist/index.js.map +1 -1
  36. package/dist/web-types.json +4936 -0
  37. package/package.json +14 -13
  38. package/dist/@types/components/page-header/components/title-item/title-item.vue.d.ts +0 -22
  39. package/dist/@types/components/page-header/index.d.ts +0 -1
  40. package/dist/@types/components/page-header/page-header.vue.d.ts +0 -22
  41. 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;
@@ -47,9 +47,9 @@ declare const _default: import("vue").DefineComponent<{
47
47
  }>;
48
48
  conditionalColumnsClasses: import("vue").ComputedRef<{
49
49
  'b-data-grid-columns--frozen': boolean;
50
- 'b-data-grid-columns--draggable'?: undefined;
50
+ 'b-data-grid-columns--unfrozen'?: undefined;
51
51
  } | {
52
- 'b-data-grid-columns--draggable': boolean;
52
+ 'b-data-grid-columns--unfrozen': boolean;
53
53
  'b-data-grid-columns--frozen'?: undefined;
54
54
  }>;
55
55
  allItemsSelectedCheckboxState: import("vue").Ref<{
@@ -108,10 +108,10 @@ declare const _default: import("vue").DefineComponent<{
108
108
  default: () => any[];
109
109
  };
110
110
  }>>, {
111
+ isFrozenColumns: boolean;
111
112
  draggingColumns: any;
112
113
  hasDraggableColumns: boolean;
113
114
  hasResizableColumns: boolean;
114
- isFrozenColumns: boolean;
115
115
  allItemsSelectedState: BentoDatagridAllItemsSelectedState;
116
116
  sortBy: BentoDatagridSortByColumn[];
117
117
  }>;
@@ -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
+ moveColumnToColumn: (moveColumnField: BentoColumn['field'], toColumnField: BentoColumn['field']) => void;
63
64
  };
@@ -3,6 +3,66 @@ 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
5
  onConfigSettingsUpdate: (isCompactView: boolean) => void;
6
- onColumnVisibilityChange: (columnIndexes: string[]) => void;
7
- onColumnFreezeChange: (frozenColumnFields: string[]) => void;
6
+ onConfigSettingsColumnsUpdate: (newColumns: BentoColumn[]) => void;
7
+ columnSets: import("vue").ComputedRef<({
8
+ columnSet: (BentoColumn | {
9
+ field: string;
10
+ label: string;
11
+ width?: number;
12
+ minWidth?: number;
13
+ flex?: number;
14
+ sortable?: boolean;
15
+ numeric?: boolean;
16
+ infoIconTooltip?: string;
17
+ padding?: {
18
+ left?: boolean;
19
+ right?: boolean;
20
+ };
21
+ overflow?: import("../../data-grid.types").BentoColumnOverflow;
22
+ visible?: boolean;
23
+ mandatory?: boolean;
24
+ frozen?: boolean;
25
+ })[];
26
+ id: string;
27
+ isFrozenColumns: boolean;
28
+ } | {
29
+ columnSet: (BentoColumn | {
30
+ field: string;
31
+ label: string;
32
+ width?: number;
33
+ minWidth?: number;
34
+ flex?: number;
35
+ sortable?: boolean;
36
+ numeric?: boolean;
37
+ infoIconTooltip?: string;
38
+ padding?: {
39
+ left?: boolean;
40
+ right?: boolean;
41
+ };
42
+ overflow?: import("../../data-grid.types").BentoColumnOverflow;
43
+ visible?: boolean;
44
+ mandatory?: boolean;
45
+ frozen?: boolean;
46
+ })[];
47
+ id: string;
48
+ isFrozenColumns?: undefined;
49
+ })[]>;
50
+ sortedColumns: import("vue").ComputedRef<(BentoColumn | {
51
+ field: string;
52
+ label: string;
53
+ width?: number;
54
+ minWidth?: number;
55
+ flex?: number;
56
+ sortable?: boolean;
57
+ numeric?: boolean;
58
+ infoIconTooltip?: string;
59
+ padding?: {
60
+ left?: boolean;
61
+ right?: boolean;
62
+ };
63
+ overflow?: import("../../data-grid.types").BentoColumnOverflow;
64
+ visible?: boolean;
65
+ mandatory?: boolean;
66
+ frozen?: boolean;
67
+ })[]>;
8
68
  };
@@ -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,13 @@ 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;
268
249
  BentoDatagridSortDirection: typeof BentoDatagridSortDirection;
269
250
  BentoTypographyElement: typeof BentoTypographyElement;
270
251
  BentoTypographyVariant: typeof BentoTypographyVariant;
@@ -75,10 +75,10 @@ declare const _default: import("vue").DefineComponent<{
75
75
  ariaAttributes: import("vue").ComputedRef<HTMLAttributes>;
76
76
  selectedValueItems: import("vue").ComputedRef<BentoListboxOptionItem[]>;
77
77
  onCloseDropdown: () => void;
78
- onToggleDropdown: () => void;
78
+ onToggleDropdown: (event: Event) => void;
79
79
  onClearSearch: () => void;
80
80
  onInputEvent: (event: Event) => void;
81
- onSpaceBar: () => void;
81
+ onSpaceBar: (event: Event) => void;
82
82
  hasSlot: (name: string) => boolean;
83
83
  }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, ("input" | "open" | "clear" | "close")[], string, Readonly<import("vue").ExtractPropTypes<{
84
84
  additionalItemsSelected: {
@@ -1,3 +1,4 @@
1
+ import { PropType } from 'vue';
1
2
  import { BentoButtonVariant } from '@/components/button';
2
3
  declare const _default: import("vue").DefineComponent<{
3
4
  appliedFiltersCount: {
@@ -21,20 +22,7 @@ declare const _default: import("vue").DefineComponent<{
21
22
  required: true;
22
23
  };
23
24
  value: {
24
- type: (StringConstructor | {
25
- (arrayLength: number): string[];
26
- (...items: string[]): string[];
27
- new (arrayLength: number): string[];
28
- new (...items: string[]): string[];
29
- isArray(arg: any): arg is any[];
30
- readonly prototype: any[];
31
- from<T>(arrayLike: ArrayLike<T>): T[];
32
- from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
33
- from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
34
- from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
35
- of<T_4>(...items: T_4[]): T_4[];
36
- readonly [Symbol.species]: ArrayConstructor;
37
- })[];
25
+ type: PropType<string | string[]>;
38
26
  default: any;
39
27
  };
40
28
  }, {
@@ -103,20 +91,7 @@ declare const _default: import("vue").DefineComponent<{
103
91
  required: true;
104
92
  };
105
93
  value: {
106
- type: (StringConstructor | {
107
- (arrayLength: number): string[];
108
- (...items: string[]): string[];
109
- new (arrayLength: number): string[];
110
- new (...items: string[]): string[];
111
- isArray(arg: any): arg is any[];
112
- readonly prototype: any[];
113
- from<T>(arrayLike: ArrayLike<T>): T[];
114
- from<T_1, U>(arrayLike: ArrayLike<T_1>, mapfn: (v: T_1, k: number) => U, thisArg?: any): U[];
115
- from<T_2>(iterable: Iterable<T_2> | ArrayLike<T_2>): T_2[];
116
- from<T_3, U_1>(iterable: Iterable<T_3> | ArrayLike<T_3>, mapfn: (v: T_3, k: number) => U_1, thisArg?: any): U_1[];
117
- of<T_4>(...items: T_4[]): T_4[];
118
- readonly [Symbol.species]: ArrayConstructor;
119
- })[];
94
+ type: PropType<string | string[]>;
120
95
  default: any;
121
96
  };
122
97
  }>>, {
@@ -0,0 +1,4 @@
1
+ export declare enum BentoHeaderVariant {
2
+ PAGE = "page",
3
+ COMPONENT = "component"
4
+ }
@@ -0,0 +1,66 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoButtonActionsList } from '@/components/button';
3
+ import { BentoHeaderVariant } from './header.types';
4
+ import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
5
+ declare const _default: import("vue").DefineComponent<{
6
+ variant: {
7
+ type: PropType<BentoHeaderVariant>;
8
+ default: BentoHeaderVariant;
9
+ validator: (value: BentoHeaderVariant) => boolean;
10
+ };
11
+ title: {
12
+ type: StringConstructor;
13
+ required: true;
14
+ };
15
+ infoIconTooltipText: {
16
+ type: StringConstructor;
17
+ default: any;
18
+ };
19
+ actions: {
20
+ type: PropType<BentoButtonActionsList>;
21
+ default: any;
22
+ };
23
+ lastUpdated: {
24
+ type: DateConstructor;
25
+ default: any;
26
+ };
27
+ }, {
28
+ hasSlot: (name: string) => boolean;
29
+ timestamp: import("vue").ComputedRef<import("vue-i18n").default.TranslateResult>;
30
+ typography: import("vue").ComputedRef<{
31
+ el: BentoTypographyElement;
32
+ variant: BentoTypographyVariant;
33
+ medium: boolean;
34
+ large: boolean;
35
+ }>;
36
+ BentoTypographyElement: typeof BentoTypographyElement;
37
+ BentoTypographyVariant: typeof BentoTypographyVariant;
38
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {}, string, Readonly<import("vue").ExtractPropTypes<{
39
+ variant: {
40
+ type: PropType<BentoHeaderVariant>;
41
+ default: BentoHeaderVariant;
42
+ validator: (value: BentoHeaderVariant) => boolean;
43
+ };
44
+ title: {
45
+ type: StringConstructor;
46
+ required: true;
47
+ };
48
+ infoIconTooltipText: {
49
+ type: StringConstructor;
50
+ default: any;
51
+ };
52
+ actions: {
53
+ type: PropType<BentoButtonActionsList>;
54
+ default: any;
55
+ };
56
+ lastUpdated: {
57
+ type: DateConstructor;
58
+ default: any;
59
+ };
60
+ }>>, {
61
+ variant: BentoHeaderVariant;
62
+ actions: BentoButtonActionsList;
63
+ lastUpdated: Date;
64
+ infoIconTooltipText: string;
65
+ }>;
66
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as BentoHeader } from './header.vue';
@@ -0,0 +1,15 @@
1
+ export declare enum BentoBaseButtonPropClass {
2
+ DESTRUCTIVE = "critical",
3
+ ICON_ONLY = "icon-only"
4
+ }
5
+ export declare enum BentoBaseButtonEvent {
6
+ BLUR = "blur",
7
+ CLICK = "click",
8
+ FOCUS = "focus",
9
+ KEYDOWN_ESC = "keydown.esc"
10
+ }
11
+ export declare enum BaseButtonType {
12
+ BUTTON = "button",
13
+ RESET = "reset",
14
+ SUBMIT = "submit"
15
+ }
@@ -0,0 +1,47 @@
1
+ import { PropType } from 'vue';
2
+ import { BentoBaseButtonEvent } from './base-button.types';
3
+ import { BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';
4
+ import { Booleanish } from '@/types';
5
+ declare const _default: import("vue").DefineComponent<{
6
+ disabled: {
7
+ type: BooleanConstructor;
8
+ default: boolean;
9
+ };
10
+ critical: {
11
+ type: BooleanConstructor;
12
+ default: boolean;
13
+ };
14
+ type: {
15
+ type: PropType<"button" | "reset" | "submit">;
16
+ default: string;
17
+ };
18
+ }, {
19
+ BentoTypographyElement: typeof BentoTypographyElement;
20
+ BentoTypographyVariant: typeof BentoTypographyVariant;
21
+ ariaAttributes: import("vue").ComputedRef<{
22
+ 'aria-expanded': Booleanish;
23
+ }>;
24
+ conditionalClasses: import("vue").ComputedRef<{
25
+ [x: string]: boolean;
26
+ }>;
27
+ onClickButton: (e: MouseEvent) => void;
28
+ hasSlot: (name: string) => boolean;
29
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoBaseButtonEvent[], string, Readonly<import("vue").ExtractPropTypes<{
30
+ disabled: {
31
+ type: BooleanConstructor;
32
+ default: boolean;
33
+ };
34
+ critical: {
35
+ type: BooleanConstructor;
36
+ default: boolean;
37
+ };
38
+ type: {
39
+ type: PropType<"button" | "reset" | "submit">;
40
+ default: string;
41
+ };
42
+ }>>, {
43
+ type: "button" | "reset" | "submit";
44
+ disabled: boolean;
45
+ critical: boolean;
46
+ }>;
47
+ export default _default;
@@ -0,0 +1,2 @@
1
+ export { default as BaseButton } from './base-button.vue';
2
+ export * from './base-button.types';
@@ -0,0 +1,2 @@
1
+ export * from './menu-item';
2
+ export * from './menu-item-list';
@@ -0,0 +1,2 @@
1
+ export { default as MenuItem } from './menu-item.vue';
2
+ export * from './menu-item.types';
@@ -0,0 +1,11 @@
1
+ import type { VueNodeElement } from '@/types';
2
+ export interface BentoMenuItem {
3
+ text: string;
4
+ handler: () => void;
5
+ secondaryText?: string;
6
+ disabled?: boolean;
7
+ chevron?: boolean;
8
+ icon?: VueNodeElement;
9
+ critical?: boolean;
10
+ indent?: boolean;
11
+ }
@@ -0,0 +1,84 @@
1
+ import { PropType } from 'vue';
2
+ import type { VueNodeElement } from '@/types';
3
+ import { BentoBaseButtonEvent } from '@/components/internal/base-button';
4
+ declare const _default: import("vue").DefineComponent<{
5
+ text: {
6
+ type: StringConstructor;
7
+ required: true;
8
+ };
9
+ handler: {
10
+ type: PropType<() => void>;
11
+ required: true;
12
+ };
13
+ secondaryText: {
14
+ type: StringConstructor;
15
+ default: any;
16
+ };
17
+ chevron: {
18
+ type: BooleanConstructor;
19
+ default: boolean;
20
+ };
21
+ icon: {
22
+ type: PropType<VueNodeElement>;
23
+ default: any;
24
+ };
25
+ disabled: {
26
+ type: BooleanConstructor;
27
+ default: boolean;
28
+ };
29
+ indent: {
30
+ type: BooleanConstructor;
31
+ default: boolean;
32
+ };
33
+ critical: {
34
+ type: BooleanConstructor;
35
+ default: boolean;
36
+ };
37
+ }, {
38
+ conditionalClasses: import("vue").ComputedRef<{
39
+ 'b-menu-item--critical': boolean;
40
+ 'b-menu-item--indent': boolean;
41
+ }>;
42
+ onClick: () => void;
43
+ }, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, BentoBaseButtonEvent.CLICK[], string, Readonly<import("vue").ExtractPropTypes<{
44
+ text: {
45
+ type: StringConstructor;
46
+ required: true;
47
+ };
48
+ handler: {
49
+ type: PropType<() => void>;
50
+ required: true;
51
+ };
52
+ secondaryText: {
53
+ type: StringConstructor;
54
+ default: any;
55
+ };
56
+ chevron: {
57
+ type: BooleanConstructor;
58
+ default: boolean;
59
+ };
60
+ icon: {
61
+ type: PropType<VueNodeElement>;
62
+ default: any;
63
+ };
64
+ disabled: {
65
+ type: BooleanConstructor;
66
+ default: boolean;
67
+ };
68
+ indent: {
69
+ type: BooleanConstructor;
70
+ default: boolean;
71
+ };
72
+ critical: {
73
+ type: BooleanConstructor;
74
+ default: boolean;
75
+ };
76
+ }>>, {
77
+ disabled: boolean;
78
+ icon: VueNodeElement;
79
+ critical: boolean;
80
+ secondaryText: string;
81
+ chevron: boolean;
82
+ indent: boolean;
83
+ }>;
84
+ export default _default;
@@ -0,0 +1 @@
1
+ export { default as MenuItemList } from './menu-item-list.vue';