@adyen/bento-vue3 1.24.0 → 1.26.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.
- package/dist/@types/packages/vue2/src/components/alert/alert.types.d.ts +3 -0
- package/dist/@types/packages/vue2/src/components/alert/alert.vue.d.ts +46 -54
- package/dist/@types/packages/vue2/src/components/card/card.vue.d.ts +86 -179
- package/dist/@types/packages/vue2/src/components/checkbox/checkbox.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/checkbox/components/checkbox-group/checkbox-group.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-cell/data-grid-cell.keys.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-cell/data-grid-cell.types.d.ts +8 -1
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-cell/data-grid-cell.vue.d.ts +7 -4
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-cell-actions/data-grid-cell-actions.types.d.ts +10 -2
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-cell-actions/data-grid-cell-actions.vue.d.ts +6 -2
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-columns/data-grid-columns.types.d.ts +3 -0
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-columns/data-grid-columns.vue.d.ts +8 -6
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-calculate-column-width/use-calculate-column-width.d.ts +26 -11
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-calculate-column-width/use-calculate-column-width.types.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-column-hovering/use-column-hovering.d.ts +18 -6
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-column-reorderer/use-column-reorderer.d.ts +36 -12
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-config-settings/use-config-settings.d.ts +18 -6
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-resizer.d.ts +18 -6
- package/dist/@types/packages/vue2/src/components/data-grid/data-grid.vue.d.ts +19 -53
- package/dist/@types/packages/vue2/src/components/date-picker/date-picker.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/date-range-picker/date-range-picker.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-base-textbox/dropdown-base-textbox.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-default-textbox/dropdown-default-textbox.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-options-container/composables/use-dropdown-options-listbox.d.ts +13 -7
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-options-container/dropdown-options-container.vue.d.ts +14 -14
- package/dist/@types/packages/vue2/src/components/dropdown/components/dropdown-small-textbox/dropdown-small-textbox.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/dropdown/composables/use-display-value.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/dropdown/composables/use-display-value.types.d.ts +3 -24
- package/dist/@types/packages/vue2/src/components/dropdown/dropdown.vue.d.ts +4 -4
- package/dist/@types/packages/vue2/src/components/empty-state/empty-state.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/filter-bar/components/range-filter/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/components/index.d.ts +2 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/components/select-filter-button/select-filter-button.vue.d.ts +148 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/components/select-filter-dropdown/select-filter-dropdown.vue.d.ts +150 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/select-filter.vue.d.ts +28 -27
- package/dist/@types/packages/vue2/src/components/input-field/input-field.vue.d.ts +11 -7
- package/dist/@types/packages/vue2/src/components/internal/checkbox-input/checkbox-input.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/internal/controls-group/controls-group.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/internal/dialog-page/dialog-page.types.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/internal/field-label/field-label.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-chips/listbox-multi-select-chips.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/components/listbox-multi-select-options/listbox-multi-select-options.vue.d.ts +1 -2
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-multi-select/listbox-multi-select.vue.d.ts +45 -9
- package/dist/@types/packages/vue2/src/components/internal/listbox/components/listbox-single-select/listbox-single-select.vue.d.ts +10 -9
- package/dist/@types/packages/vue2/src/components/internal/listbox/composables/use-cached-selected-values/use-cached-selected-values.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/internal/listbox/listbox.vue.d.ts +15 -15
- package/dist/@types/packages/vue2/src/components/internal/radio-input/radio-input.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/menu/components/menu-item-list/menu-item-list.vue.d.ts +3 -2
- package/dist/@types/packages/vue2/src/components/menu/components/menu-list-container/menu-list-container.vue.d.ts +8 -1
- package/dist/@types/packages/vue2/src/components/menu/menu.vue.d.ts +3 -1
- package/dist/@types/packages/vue2/src/components/radio-group/radio-group.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/selection-card/components/selection-card-group/selection-card-group.vue.d.ts +3 -3
- package/dist/@types/packages/vue2/src/components/textarea/textarea.vue.d.ts +2 -2
- package/dist/@types/packages/vue2/src/components/toggle/toggle.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/tutorial/components/tutorial-popover/tutorial-popover.vue.d.ts +20 -0
- package/dist/@types/packages/vue2/src/components/tutorial/tutorial.types.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/tutorial/tutorial.vue.d.ts +22 -2
- package/dist/@types/packages/vue2/src/components/typography/index.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/typography/typography.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/composables/use-click-outside/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/index.d.ts +1 -0
- package/dist/accordion.js +3 -3
- package/dist/action-bar.js +7 -7
- package/dist/alert.js +126 -166
- package/dist/alert.js.map +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/dropdown.css +1 -1
- package/dist/assets/index.css +1 -1
- package/dist/assets/index10.css +1 -1
- package/dist/assets/index11.css +1 -1
- package/dist/assets/index12.css +1 -1
- package/dist/assets/index13.css +1 -1
- package/dist/assets/index14.css +1 -1
- package/dist/assets/index15.css +1 -1
- package/dist/assets/index16.css +1 -1
- package/dist/assets/index17.css +1 -1
- package/dist/assets/index18.css +1 -1
- package/dist/assets/index19.css +1 -1
- package/dist/assets/index2.css +1 -1
- package/dist/assets/index20.css +1 -1
- package/dist/assets/index21.css +1 -1
- package/dist/assets/index22.css +1 -1
- package/dist/assets/index23.css +1 -1
- package/dist/assets/index24.css +1 -1
- package/dist/assets/index25.css +1 -1
- package/dist/assets/index26.css +1 -1
- package/dist/assets/index27.css +1 -1
- package/dist/assets/index28.css +1 -1
- package/dist/assets/index29.css +1 -1
- package/dist/assets/index3.css +1 -1
- package/dist/assets/index30.css +1 -1
- package/dist/assets/index31.css +1 -1
- package/dist/assets/index32.css +1 -1
- package/dist/assets/index33.css +1 -1
- package/dist/assets/index34.css +1 -1
- package/dist/assets/index35.css +1 -1
- package/dist/assets/index36.css +1 -1
- package/dist/assets/index37.css +1 -1
- package/dist/assets/index38.css +1 -1
- package/dist/assets/index39.css +1 -1
- package/dist/assets/index4.css +1 -1
- package/dist/assets/index40.css +1 -1
- package/dist/assets/index41.css +1 -1
- package/dist/assets/index42.css +1 -1
- package/dist/assets/index43.css +1 -1
- package/dist/assets/index44.css +1 -1
- package/dist/assets/index45.css +1 -1
- package/dist/assets/index46.css +1 -1
- package/dist/assets/index47.css +1 -1
- package/dist/assets/index48.css +1 -1
- package/dist/assets/index5.css +1 -1
- package/dist/assets/index6.css +1 -1
- package/dist/assets/index7.css +1 -1
- package/dist/assets/index8.css +1 -1
- package/dist/assets/index9.css +1 -1
- package/dist/assets/{listbox.css → use-cached-selected-values.css} +1 -1
- package/dist/avatar-image.js +1 -1
- package/dist/badge.js +1 -1
- package/dist/button.js +5 -5
- package/dist/card.js +168 -267
- package/dist/card.js.map +1 -1
- package/dist/checkbox.js +6 -6
- package/dist/chunks/{base-button.ab9c947e.js → base-button.e84acf30.js} +2 -2
- package/dist/chunks/{base-button.ab9c947e.js.map → base-button.e84acf30.js.map} +1 -1
- package/dist/chunks/{base-modal.28b5ff83.js → base-modal.29e062d0.js} +7 -7
- package/dist/chunks/{base-modal.28b5ff83.js.map → base-modal.29e062d0.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.305991e5.js → button-actions-with-menu.7fce47a2.js} +4 -4
- package/dist/chunks/{button-actions-with-menu.305991e5.js.map → button-actions-with-menu.7fce47a2.js.map} +1 -1
- package/dist/chunks/{button-actions.ea025810.js → button-actions.642b37de.js} +3 -3
- package/dist/chunks/{button-actions.ea025810.js.map → button-actions.642b37de.js.map} +1 -1
- package/dist/chunks/{button.ce5d1f5e.js → button.60dad578.js} +3 -3
- package/dist/chunks/{button.ce5d1f5e.js.map → button.60dad578.js.map} +1 -1
- package/dist/chunks/{calendar.24a492f1.js → calendar.f38cdab9.js} +5 -5
- package/dist/chunks/{calendar.24a492f1.js.map → calendar.f38cdab9.js.map} +1 -1
- package/dist/chunks/{checkbox-input.99336948.js → checkbox-input.ab758a81.js} +2 -2
- package/dist/chunks/{checkbox-input.99336948.js.map → checkbox-input.ab758a81.js.map} +1 -1
- package/dist/chunks/{checkbox.d0f897e0.js → checkbox.f55ee3a5.js} +4 -4
- package/dist/chunks/{checkbox.d0f897e0.js.map → checkbox.f55ee3a5.js.map} +1 -1
- package/dist/chunks/{checkmark-circle-fill.c45a999d.js → checkmark-circle-fill.f3a69c6a.js} +2 -2
- package/dist/chunks/{checkmark-circle-fill.c45a999d.js.map → checkmark-circle-fill.f3a69c6a.js.map} +1 -1
- package/dist/chunks/{checkmark-small.c79220d9.js → checkmark-small.d7e31e5e.js} +2 -2
- package/dist/chunks/{checkmark-small.c79220d9.js.map → checkmark-small.d7e31e5e.js.map} +1 -1
- package/dist/chunks/{checkmark.eb3c7a06.js → checkmark.87919b24.js} +2 -2
- package/dist/chunks/{checkmark.eb3c7a06.js.map → checkmark.87919b24.js.map} +1 -1
- package/dist/chunks/{chevron-left.4ee92950.js → chevron-left.963d35e9.js} +2 -2
- package/dist/chunks/{chevron-left.4ee92950.js.map → chevron-left.963d35e9.js.map} +1 -1
- package/dist/chunks/{chevron-up.638a9f34.js → chevron-up.05ca20db.js} +2 -2
- package/dist/chunks/{chevron-up.638a9f34.js.map → chevron-up.05ca20db.js.map} +1 -1
- package/dist/chunks/{controls-group.2b31233c.js → controls-group.9e0f17b2.js} +3 -3
- package/dist/chunks/{controls-group.2b31233c.js.map → controls-group.9e0f17b2.js.map} +1 -1
- package/dist/chunks/{copy.9003ed59.js → copy.852d4cb8.js} +4 -4
- package/dist/chunks/{copy.9003ed59.js.map → copy.852d4cb8.js.map} +1 -1
- package/dist/chunks/{cross-circle-fill.1abec1a2.js → cross-circle-fill.81925c7f.js} +2 -2
- package/dist/chunks/{cross-circle-fill.1abec1a2.js.map → cross-circle-fill.81925c7f.js.map} +1 -1
- package/dist/chunks/{cross-small.b85406fe.js → cross-small.9bc6a02f.js} +2 -2
- package/dist/chunks/{cross-small.b85406fe.js.map → cross-small.9bc6a02f.js.map} +1 -1
- package/dist/chunks/{cross.26509efc.js → cross.a60533f6.js} +2 -2
- package/dist/chunks/{cross.26509efc.js.map → cross.a60533f6.js.map} +1 -1
- package/dist/chunks/dialog-page.ea67bb14.js +173 -0
- package/dist/chunks/dialog-page.ea67bb14.js.map +1 -0
- package/dist/chunks/{dropdown-default-textbox.311443a8.js → dropdown-default-textbox.ad5063c2.js} +4 -4
- package/dist/chunks/{dropdown-default-textbox.311443a8.js.map → dropdown-default-textbox.ad5063c2.js.map} +1 -1
- package/dist/chunks/{dropdown.170b43c4.js → dropdown.d8587f36.js} +295 -317
- package/dist/chunks/dropdown.d8587f36.js.map +1 -0
- package/dist/chunks/{error-message.4678cbdc.js → error-message.3fb5573a.js} +3 -3
- package/dist/chunks/{error-message.4678cbdc.js.map → error-message.3fb5573a.js.map} +1 -1
- package/dist/chunks/{fixed-scroller.f09618f2.js → fixed-scroller.59aefd1b.js} +3 -3
- package/dist/chunks/{fixed-scroller.f09618f2.js.map → fixed-scroller.59aefd1b.js.map} +1 -1
- package/dist/chunks/{footer-actions.2efe610e.js → footer-actions.89e68269.js} +4 -4
- package/dist/chunks/{footer-actions.2efe610e.js.map → footer-actions.89e68269.js.map} +1 -1
- package/dist/chunks/{index.1b1646bf.js → index.030c1dd7.js} +212 -191
- package/dist/chunks/index.030c1dd7.js.map +1 -0
- package/dist/chunks/{index.70c91b3b.js → index.07122048.js} +2 -2
- package/dist/chunks/{index.70c91b3b.js.map → index.07122048.js.map} +1 -1
- package/dist/chunks/{index.c41d1bbb.js → index.146f967e.js} +2 -2
- package/dist/chunks/{index.c41d1bbb.js.map → index.146f967e.js.map} +1 -1
- package/dist/chunks/{index.920cc1ee.js → index.5bdebf9d.js} +7 -7
- package/dist/chunks/{index.920cc1ee.js.map → index.5bdebf9d.js.map} +1 -1
- package/dist/chunks/{index.b772214b.js → index.6e0e9d21.js} +3 -3
- package/dist/chunks/{index.b772214b.js.map → index.6e0e9d21.js.map} +1 -1
- package/dist/chunks/{index.44f2aca7.js → index.8be283d5.js} +2 -2
- package/dist/chunks/{index.44f2aca7.js.map → index.8be283d5.js.map} +1 -1
- package/dist/chunks/{index.0d513625.js → index.96cd0d4c.js} +9 -9
- package/dist/chunks/{index.0d513625.js.map → index.96cd0d4c.js.map} +1 -1
- package/dist/chunks/{index.b3cb905c.js → index.9bf04b01.js} +3 -3
- package/dist/chunks/{index.b3cb905c.js.map → index.9bf04b01.js.map} +1 -1
- package/dist/chunks/{index.51fe0fc2.js → index.a3d60e4f.js} +17 -17
- package/dist/chunks/index.a3d60e4f.js.map +1 -0
- package/dist/chunks/{index.c5b58864.js → index.ba3396d3.js} +3 -3
- package/dist/chunks/{index.c5b58864.js.map → index.ba3396d3.js.map} +1 -1
- package/dist/chunks/{index.6987f880.js → index.c8ffede1.js} +7 -7
- package/dist/chunks/{index.6987f880.js.map → index.c8ffede1.js.map} +1 -1
- package/dist/chunks/{info.550f9511.js → info.205b4496.js} +2 -2
- package/dist/chunks/{info.550f9511.js.map → info.205b4496.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.bf77e0c4.js → listbox-option-tag.b6182b2e.js} +3 -3
- package/dist/chunks/{listbox-option-tag.bf77e0c4.js.map → listbox-option-tag.b6182b2e.js.map} +1 -1
- package/dist/chunks/{loading-button.cdc193c6.js → loading-button.0391ad8b.js} +4 -4
- package/dist/chunks/{loading-button.cdc193c6.js.map → loading-button.0391ad8b.js.map} +1 -1
- package/dist/chunks/{payment-method.ea1788f7.js → payment-method.31a68b9b.js} +2 -2
- package/dist/chunks/{payment-method.ea1788f7.js.map → payment-method.31a68b9b.js.map} +1 -1
- package/dist/chunks/{refresh.bd60f6a8.js → refresh.53691839.js} +2 -2
- package/dist/chunks/{refresh.bd60f6a8.js.map → refresh.53691839.js.map} +1 -1
- package/dist/chunks/{search.ade93bda.js → search.4e4ee4dd.js} +2 -2
- package/dist/chunks/{search.ade93bda.js.map → search.4e4ee4dd.js.map} +1 -1
- package/dist/chunks/{tooltip.10210728.js → tooltip.1084d92b.js} +3 -3
- package/dist/chunks/{tooltip.10210728.js.map → tooltip.1084d92b.js.map} +1 -1
- package/dist/chunks/{use-bento-toast-controller.3275a505.js → use-bento-toast-controller.98d8613c.js} +2 -2
- package/dist/chunks/{use-bento-toast-controller.3275a505.js.map → use-bento-toast-controller.98d8613c.js.map} +1 -1
- package/dist/chunks/use-cached-selected-values.852aeafe.js +1537 -0
- package/dist/chunks/use-cached-selected-values.852aeafe.js.map +1 -0
- package/dist/code-snippet.js +7 -7
- package/dist/code-snippet.js.map +1 -1
- package/dist/country.js +2 -2
- package/dist/currency.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1317 -1256
- package/dist/data-grid.js.map +1 -1
- package/dist/date-picker.js +8 -8
- package/dist/date-range-picker.js +2 -2
- package/dist/date.js +1 -1
- package/dist/divider.js +1 -1
- package/dist/dropdown.js +7 -7
- package/dist/empty-state.js +3 -3
- package/dist/filter-bar.js +1260 -1108
- package/dist/filter-bar.js.map +1 -1
- package/dist/focus-trap.js +1 -1
- package/dist/form-layout.js +53 -51
- package/dist/form-layout.js.map +1 -1
- package/dist/header.js +5 -5
- package/dist/index.js +141 -133
- package/dist/index.js.map +1 -1
- package/dist/info-icon.js +4 -4
- package/dist/input-field.js +50 -48
- package/dist/input-field.js.map +1 -1
- package/dist/internal.js +31 -78
- package/dist/internal.js.map +1 -1
- package/dist/link.js +1 -1
- package/dist/loading-indicator.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/modal-fullscreen.js +7 -7
- package/dist/modal.js +6 -6
- package/dist/pagination.js +4 -4
- package/dist/payment-method.js +1 -1
- package/dist/popover.js +1 -1
- package/dist/popper-container.js +1 -1
- package/dist/radio-group.js +112 -112
- package/dist/radio-group.js.map +1 -1
- package/dist/search-bar.js +4 -4
- package/dist/secondary-nav.js +2 -2
- package/dist/segmented-control.js +4 -4
- package/dist/selection-card.js +5 -5
- package/dist/sidepanel.js +64 -62
- package/dist/sidepanel.js.map +1 -1
- package/dist/status.js +2 -2
- package/dist/stepper.js +4 -4
- package/dist/structured-list.js +1 -1
- package/dist/summary-grid.js +3 -3
- package/dist/tabs.js +22 -20
- package/dist/tabs.js.map +1 -1
- package/dist/tag.js +3 -3
- package/dist/textarea.js +4 -4
- package/dist/timeline.js +7 -7
- package/dist/toast.js +5 -5
- package/dist/toggle.js +3 -3
- package/dist/tutorial.js +145 -124
- package/dist/tutorial.js.map +1 -1
- package/dist/typography.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +7 -3
- package/dist/@types/packages/vue2/src/composables/useDynamicImport.d.ts +0 -8
- package/dist/chunks/dialog-page.2c07d294.js +0 -172
- package/dist/chunks/dialog-page.2c07d294.js.map +0 -1
- package/dist/chunks/dropdown.170b43c4.js.map +0 -1
- package/dist/chunks/index.1b1646bf.js.map +0 -1
- package/dist/chunks/index.51fe0fc2.js.map +0 -1
- package/dist/chunks/listbox.b6a1aea2.js +0 -1466
- package/dist/chunks/listbox.b6a1aea2.js.map +0 -1
- /package/dist/@types/packages/{vue2 → core}/src/components/typography/typography.types.d.ts +0 -0
- /package/dist/assets/{cross.css → checkmark-circle-fill.css} +0 -0
package/dist/@types/packages/vue2/src/components/dropdown/composables/use-display-value.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { UseDisplayValueOptions } from './use-display-value.types';
|
|
2
2
|
/**
|
|
3
3
|
* Generates the `displayValue` for the Dropdown based on
|
|
4
4
|
* the selection, the placeholder or it can be empty if there's nothing to show.
|
|
@@ -9,4 +9,4 @@ import { UseDisplayValue } from './use-display-value.types';
|
|
|
9
9
|
* @param options Options needed to calculate the display value based on the type of Dropdown (single, multi, category)
|
|
10
10
|
* @returns The text to be displayed by the dropdown
|
|
11
11
|
*/
|
|
12
|
-
export declare const useDisplayValue:
|
|
12
|
+
export declare const useDisplayValue: ({ items, placeholder, selectedValues }: UseDisplayValueOptions) => import("../../../../../vue3/node_modules/vue").ComputedRef<string>;
|
package/dist/@types/packages/vue2/src/components/dropdown/composables/use-display-value.types.d.ts
CHANGED
|
@@ -1,28 +1,7 @@
|
|
|
1
|
-
import { BentoListboxOptions
|
|
1
|
+
import { BentoListboxOptions } from "../../../types";
|
|
2
2
|
import { Ref } from "../../../../../vue3/node_modules/vue";
|
|
3
|
-
|
|
4
|
-
export interface SingleSelectOptions {
|
|
3
|
+
export interface UseDisplayValueOptions {
|
|
5
4
|
items: Ref<BentoListboxOptions>;
|
|
6
5
|
placeholder: Ref<string>;
|
|
7
|
-
|
|
8
|
-
staticCategories: boolean;
|
|
6
|
+
selectedValues: Ref<BentoListboxOptions>;
|
|
9
7
|
}
|
|
10
|
-
export interface MultiSelectOptions {
|
|
11
|
-
items: Ref<BentoListboxOptions>;
|
|
12
|
-
placeholder: Ref<string>;
|
|
13
|
-
selectedValues: Ref<BentoListboxSelectedValue>;
|
|
14
|
-
}
|
|
15
|
-
export interface CategoryMultiSelectOptions {
|
|
16
|
-
items: Ref<BentoListboxOptions>;
|
|
17
|
-
placeholder: Ref<string>;
|
|
18
|
-
selectedValues: Ref<BentoListboxSelectedValue>;
|
|
19
|
-
}
|
|
20
|
-
interface UseDisplayValueOptions {
|
|
21
|
-
items: Ref<BentoListboxOptions>;
|
|
22
|
-
placeholder: Ref<string>;
|
|
23
|
-
value: Ref<BentoListboxSelectedValue>;
|
|
24
|
-
multiple: Ref<boolean>;
|
|
25
|
-
staticCategories: Ref<boolean>;
|
|
26
|
-
}
|
|
27
|
-
export type UseDisplayValue = (options: UseDisplayValueOptions) => ComputedRef<string>;
|
|
28
|
-
export {};
|
|
@@ -454,18 +454,18 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
|
|
|
454
454
|
placeholder: string;
|
|
455
455
|
size: "DropdownInputDefault" | "DropdownInputSmall" | BentoDropdownSize;
|
|
456
456
|
description: string;
|
|
457
|
-
optional: boolean;
|
|
458
|
-
readonly: boolean;
|
|
459
457
|
tooltipText: string;
|
|
458
|
+
optional: boolean;
|
|
460
459
|
errorMessage: string;
|
|
461
460
|
items: BentoListboxOptions;
|
|
462
461
|
isOptionDisabled: (optionValue: import("../../types").BentoListboxOptionItem) => boolean;
|
|
463
462
|
staticCategories: boolean;
|
|
464
463
|
ariaLabel: string;
|
|
465
|
-
|
|
466
|
-
emptyState: BentoDropdownEmptyStateProps;
|
|
464
|
+
readonly: boolean;
|
|
467
465
|
hasMoreItems: boolean;
|
|
468
466
|
lazyLoadType: "button" | "none" | "automatic" | BentoDropdownLazyLoadType;
|
|
467
|
+
loading: boolean;
|
|
468
|
+
emptyState: BentoDropdownEmptyStateProps;
|
|
469
469
|
virtualScroll: BentoDropdownVirtulisationOptions;
|
|
470
470
|
dynamicFiltering: boolean;
|
|
471
471
|
showSlotContentInMultiple: boolean;
|
|
@@ -134,8 +134,8 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
|
|
|
134
134
|
title: string;
|
|
135
135
|
image: "1-generic-use" | "2-generic-use" | "3-generic-use" | "4-generic-use" | "adding-payment-methods" | "adyen-giving" | "internal-error" | "no-results-found" | "notifications-cleared" | "page-not-found" | "planned-maintenance" | "referrals" | "success" | "upload-files" | "wrong-environment";
|
|
136
136
|
variant: "condensed" | "full-page" | "embedded" | "basic";
|
|
137
|
-
description: string;
|
|
138
137
|
action: BentoButtonActionObject;
|
|
138
|
+
description: string;
|
|
139
139
|
headingEl: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "p" | "span";
|
|
140
140
|
}>, {
|
|
141
141
|
title: (_: {}) => any;
|
package/dist/@types/packages/vue2/src/components/filter-bar/components/range-filter/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as BentoRangeFilter } from './range-filter.vue';
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
import { PropType } from "../../../../../../../../vue3/node_modules/vue";
|
|
2
|
+
import { BentoListboxSelectedValue } from "../../../../../../types";
|
|
3
|
+
import { BentoSelectFilterOptions } from '../../../../filter-bar.types';
|
|
4
|
+
/**
|
|
5
|
+
* The Listbox filter displays a listbox of items
|
|
6
|
+
* passed in the "options.listboxItems" property.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* import { BentoSelectFilter } from '@adyen/bento-vue2';
|
|
10
|
+
*
|
|
11
|
+
* export default {
|
|
12
|
+
* components: { BentoSelectFilter },
|
|
13
|
+
* template: `
|
|
14
|
+
* <bento-select-filter
|
|
15
|
+
* :field="filter.field"
|
|
16
|
+
* :label="filter.label"
|
|
17
|
+
* :options="filter.options"
|
|
18
|
+
* :value="filter.value"
|
|
19
|
+
* @update="updateFilterHandler"
|
|
20
|
+
* >
|
|
21
|
+
* `
|
|
22
|
+
* }
|
|
23
|
+
*/
|
|
24
|
+
declare const _default: __VLS_WithTemplateSlots<import("../../../../../../../../vue3/node_modules/vue").DefineComponent<{
|
|
25
|
+
/**
|
|
26
|
+
* Default value of the filter to reset to.
|
|
27
|
+
*
|
|
28
|
+
*/
|
|
29
|
+
defaultValue: {
|
|
30
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
31
|
+
default: any;
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* Filter name/key referencing the actual property name in the data set.
|
|
35
|
+
* Should be unique per filter bar.
|
|
36
|
+
*/
|
|
37
|
+
field: {
|
|
38
|
+
type: StringConstructor;
|
|
39
|
+
required: true;
|
|
40
|
+
};
|
|
41
|
+
/**
|
|
42
|
+
* Label text to be displayed
|
|
43
|
+
*/
|
|
44
|
+
label: {
|
|
45
|
+
type: StringConstructor;
|
|
46
|
+
required: true;
|
|
47
|
+
};
|
|
48
|
+
/**
|
|
49
|
+
* Renders the base filter's slot content only - leaving out the button and the popover.
|
|
50
|
+
* Used for the allFiltersModal component.
|
|
51
|
+
*/
|
|
52
|
+
onlySlot: {
|
|
53
|
+
type: BooleanConstructor;
|
|
54
|
+
default: boolean;
|
|
55
|
+
};
|
|
56
|
+
/**
|
|
57
|
+
* List of options that are needed to setup the filter
|
|
58
|
+
* Available options:
|
|
59
|
+
* - multiple: If "true", the user will be able to select multiple items.
|
|
60
|
+
* - listboxItems: The option elements to populate the filter with.
|
|
61
|
+
*
|
|
62
|
+
* @default undefined
|
|
63
|
+
*/
|
|
64
|
+
options: {
|
|
65
|
+
type: PropType<BentoSelectFilterOptions>;
|
|
66
|
+
default: any;
|
|
67
|
+
};
|
|
68
|
+
/**
|
|
69
|
+
* Current value of the filter
|
|
70
|
+
*
|
|
71
|
+
* @default undefined
|
|
72
|
+
*/
|
|
73
|
+
value: {
|
|
74
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
75
|
+
default: any;
|
|
76
|
+
};
|
|
77
|
+
}, {}, unknown, {}, {}, import("../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
|
|
78
|
+
input: (value: any) => void;
|
|
79
|
+
} & {
|
|
80
|
+
update: (value: any) => void;
|
|
81
|
+
}, string, import("../../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
|
|
82
|
+
/**
|
|
83
|
+
* Default value of the filter to reset to.
|
|
84
|
+
*
|
|
85
|
+
*/
|
|
86
|
+
defaultValue: {
|
|
87
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
88
|
+
default: any;
|
|
89
|
+
};
|
|
90
|
+
/**
|
|
91
|
+
* Filter name/key referencing the actual property name in the data set.
|
|
92
|
+
* Should be unique per filter bar.
|
|
93
|
+
*/
|
|
94
|
+
field: {
|
|
95
|
+
type: StringConstructor;
|
|
96
|
+
required: true;
|
|
97
|
+
};
|
|
98
|
+
/**
|
|
99
|
+
* Label text to be displayed
|
|
100
|
+
*/
|
|
101
|
+
label: {
|
|
102
|
+
type: StringConstructor;
|
|
103
|
+
required: true;
|
|
104
|
+
};
|
|
105
|
+
/**
|
|
106
|
+
* Renders the base filter's slot content only - leaving out the button and the popover.
|
|
107
|
+
* Used for the allFiltersModal component.
|
|
108
|
+
*/
|
|
109
|
+
onlySlot: {
|
|
110
|
+
type: BooleanConstructor;
|
|
111
|
+
default: boolean;
|
|
112
|
+
};
|
|
113
|
+
/**
|
|
114
|
+
* List of options that are needed to setup the filter
|
|
115
|
+
* Available options:
|
|
116
|
+
* - multiple: If "true", the user will be able to select multiple items.
|
|
117
|
+
* - listboxItems: The option elements to populate the filter with.
|
|
118
|
+
*
|
|
119
|
+
* @default undefined
|
|
120
|
+
*/
|
|
121
|
+
options: {
|
|
122
|
+
type: PropType<BentoSelectFilterOptions>;
|
|
123
|
+
default: any;
|
|
124
|
+
};
|
|
125
|
+
/**
|
|
126
|
+
* Current value of the filter
|
|
127
|
+
*
|
|
128
|
+
* @default undefined
|
|
129
|
+
*/
|
|
130
|
+
value: {
|
|
131
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
132
|
+
default: any;
|
|
133
|
+
};
|
|
134
|
+
}>> & {
|
|
135
|
+
onInput?: (value: any) => any;
|
|
136
|
+
onUpdate?: (value: any) => any;
|
|
137
|
+
}, {
|
|
138
|
+
value: BentoListboxSelectedValue;
|
|
139
|
+
defaultValue: BentoListboxSelectedValue;
|
|
140
|
+
options: BentoSelectFilterOptions;
|
|
141
|
+
onlySlot: boolean;
|
|
142
|
+
}>, Record<NonNullable<string | number>, (_: any) => any>>;
|
|
143
|
+
export default _default;
|
|
144
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
145
|
+
new (): {
|
|
146
|
+
$slots: S;
|
|
147
|
+
};
|
|
148
|
+
};
|
|
@@ -0,0 +1,150 @@
|
|
|
1
|
+
import { PropType } from "../../../../../../../../vue3/node_modules/vue";
|
|
2
|
+
import { BentoListboxSelectedValue } from "../../../../../../types";
|
|
3
|
+
import { BentoSelectFilterOptions } from '../../../../filter-bar.types';
|
|
4
|
+
/**
|
|
5
|
+
* The Listbox filter displays a listbox of items
|
|
6
|
+
* passed in the "options.listboxItems" property.
|
|
7
|
+
*
|
|
8
|
+
* @example
|
|
9
|
+
* import { BentoSelectFilter } from '@adyen/bento-vue2';
|
|
10
|
+
*
|
|
11
|
+
* export default {
|
|
12
|
+
* components: { BentoSelectFilter },
|
|
13
|
+
* template: `
|
|
14
|
+
* <bento-select-filter
|
|
15
|
+
* :field="filter.field"
|
|
16
|
+
* :label="filter.label"
|
|
17
|
+
* :options="filter.options"
|
|
18
|
+
* :value="filter.value"
|
|
19
|
+
* @update="updateFilterHandler"
|
|
20
|
+
* >
|
|
21
|
+
* `
|
|
22
|
+
* }
|
|
23
|
+
*/
|
|
24
|
+
declare const _default: __VLS_WithTemplateSlots<import("../../../../../../../../vue3/node_modules/vue").DefineComponent<{
|
|
25
|
+
/**
|
|
26
|
+
* Default value of the filter to reset to.
|
|
27
|
+
*
|
|
28
|
+
*/
|
|
29
|
+
defaultValue: {
|
|
30
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
31
|
+
default: any;
|
|
32
|
+
};
|
|
33
|
+
/**
|
|
34
|
+
* Filter name/key referencing the actual property name in the data set.
|
|
35
|
+
* Should be unique per filter bar.
|
|
36
|
+
*/
|
|
37
|
+
field: {
|
|
38
|
+
type: StringConstructor;
|
|
39
|
+
required: true;
|
|
40
|
+
};
|
|
41
|
+
/**
|
|
42
|
+
* Label text to be displayed
|
|
43
|
+
*/
|
|
44
|
+
label: {
|
|
45
|
+
type: StringConstructor;
|
|
46
|
+
required: true;
|
|
47
|
+
};
|
|
48
|
+
/**
|
|
49
|
+
* Renders the base filter's slot content only - leaving out the button and the popover.
|
|
50
|
+
* Used for the allFiltersModal component.
|
|
51
|
+
*
|
|
52
|
+
*/
|
|
53
|
+
onlySlot: {
|
|
54
|
+
type: BooleanConstructor;
|
|
55
|
+
default: boolean;
|
|
56
|
+
};
|
|
57
|
+
/**
|
|
58
|
+
* List of options that are needed to setup the filter
|
|
59
|
+
* Available options:
|
|
60
|
+
* - multiple: If "true", the user will be able to select multiple items.
|
|
61
|
+
* - listboxItems: The option elements to populate the filter with.
|
|
62
|
+
*
|
|
63
|
+
* @default undefined
|
|
64
|
+
*/
|
|
65
|
+
options: {
|
|
66
|
+
type: PropType<BentoSelectFilterOptions>;
|
|
67
|
+
default: any;
|
|
68
|
+
};
|
|
69
|
+
/**
|
|
70
|
+
* Current value of the filter
|
|
71
|
+
*
|
|
72
|
+
* @default undefined
|
|
73
|
+
*/
|
|
74
|
+
value: {
|
|
75
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
76
|
+
default: any;
|
|
77
|
+
};
|
|
78
|
+
}, {}, unknown, {}, {}, import("../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
|
|
79
|
+
input: (updatedProps: any) => void;
|
|
80
|
+
} & {
|
|
81
|
+
update: (updatedProps: any) => void;
|
|
82
|
+
}, string, import("../../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
|
|
83
|
+
/**
|
|
84
|
+
* Default value of the filter to reset to.
|
|
85
|
+
*
|
|
86
|
+
*/
|
|
87
|
+
defaultValue: {
|
|
88
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
89
|
+
default: any;
|
|
90
|
+
};
|
|
91
|
+
/**
|
|
92
|
+
* Filter name/key referencing the actual property name in the data set.
|
|
93
|
+
* Should be unique per filter bar.
|
|
94
|
+
*/
|
|
95
|
+
field: {
|
|
96
|
+
type: StringConstructor;
|
|
97
|
+
required: true;
|
|
98
|
+
};
|
|
99
|
+
/**
|
|
100
|
+
* Label text to be displayed
|
|
101
|
+
*/
|
|
102
|
+
label: {
|
|
103
|
+
type: StringConstructor;
|
|
104
|
+
required: true;
|
|
105
|
+
};
|
|
106
|
+
/**
|
|
107
|
+
* Renders the base filter's slot content only - leaving out the button and the popover.
|
|
108
|
+
* Used for the allFiltersModal component.
|
|
109
|
+
*
|
|
110
|
+
*/
|
|
111
|
+
onlySlot: {
|
|
112
|
+
type: BooleanConstructor;
|
|
113
|
+
default: boolean;
|
|
114
|
+
};
|
|
115
|
+
/**
|
|
116
|
+
* List of options that are needed to setup the filter
|
|
117
|
+
* Available options:
|
|
118
|
+
* - multiple: If "true", the user will be able to select multiple items.
|
|
119
|
+
* - listboxItems: The option elements to populate the filter with.
|
|
120
|
+
*
|
|
121
|
+
* @default undefined
|
|
122
|
+
*/
|
|
123
|
+
options: {
|
|
124
|
+
type: PropType<BentoSelectFilterOptions>;
|
|
125
|
+
default: any;
|
|
126
|
+
};
|
|
127
|
+
/**
|
|
128
|
+
* Current value of the filter
|
|
129
|
+
*
|
|
130
|
+
* @default undefined
|
|
131
|
+
*/
|
|
132
|
+
value: {
|
|
133
|
+
type: PropType<BentoListboxSelectedValue>;
|
|
134
|
+
default: any;
|
|
135
|
+
};
|
|
136
|
+
}>> & {
|
|
137
|
+
onInput?: (updatedProps: any) => any;
|
|
138
|
+
onUpdate?: (updatedProps: any) => any;
|
|
139
|
+
}, {
|
|
140
|
+
value: BentoListboxSelectedValue;
|
|
141
|
+
defaultValue: BentoListboxSelectedValue;
|
|
142
|
+
options: BentoSelectFilterOptions;
|
|
143
|
+
onlySlot: boolean;
|
|
144
|
+
}>, Record<NonNullable<string | number>, (_: any) => any>>;
|
|
145
|
+
export default _default;
|
|
146
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
147
|
+
new (): {
|
|
148
|
+
$slots: S;
|
|
149
|
+
};
|
|
150
|
+
};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { PropType } from "../../../../../../vue3/node_modules/vue";
|
|
2
1
|
import { BentoListboxSelectedValue } from "../../../../types";
|
|
3
|
-
import {
|
|
2
|
+
import { BentoSelectFilterOptions } from '../../filter-bar.types';
|
|
3
|
+
import { PropType } from "../../../../../../vue3/node_modules/vue";
|
|
4
4
|
/**
|
|
5
5
|
* The Listbox filter displays a listbox of items
|
|
6
6
|
* passed in the "options.listboxItems" property.
|
|
@@ -21,9 +21,10 @@ import { BentoFilterEvent, BentoSelectFilterOptions } from '../../filter-bar.typ
|
|
|
21
21
|
* `
|
|
22
22
|
* }
|
|
23
23
|
*/
|
|
24
|
-
declare const _default: import("../../../../../../vue3/node_modules/vue").DefineComponent<{
|
|
24
|
+
declare const _default: __VLS_WithTemplateSlots<import("../../../../../../vue3/node_modules/vue").DefineComponent<{
|
|
25
25
|
/**
|
|
26
26
|
* Default value of the filter to reset to.
|
|
27
|
+
*
|
|
27
28
|
*/
|
|
28
29
|
defaultValue: {
|
|
29
30
|
type: PropType<BentoListboxSelectedValue>;
|
|
@@ -47,6 +48,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
|
|
|
47
48
|
/**
|
|
48
49
|
* Renders the base filter's slot content only - leaving out the button and the popover.
|
|
49
50
|
* Used for the allFiltersModal component.
|
|
51
|
+
*
|
|
50
52
|
*/
|
|
51
53
|
onlySlot: {
|
|
52
54
|
type: BooleanConstructor;
|
|
@@ -57,6 +59,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
|
|
|
57
59
|
* Available options:
|
|
58
60
|
* - multiple: If "true", the user will be able to select multiple items.
|
|
59
61
|
* - listboxItems: The option elements to populate the filter with.
|
|
62
|
+
*
|
|
63
|
+
* @default undefined
|
|
60
64
|
*/
|
|
61
65
|
options: {
|
|
62
66
|
type: PropType<BentoSelectFilterOptions>;
|
|
@@ -64,34 +68,21 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
|
|
|
64
68
|
};
|
|
65
69
|
/**
|
|
66
70
|
* Current value of the filter
|
|
71
|
+
*
|
|
72
|
+
* @default undefined
|
|
67
73
|
*/
|
|
68
74
|
value: {
|
|
69
75
|
type: PropType<BentoListboxSelectedValue>;
|
|
70
76
|
default: any;
|
|
71
77
|
};
|
|
72
|
-
}, {
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
isSecondaryButtonDisabled: import("../../../../../../vue3/node_modules/vue").ComputedRef<boolean>;
|
|
78
|
-
listboxFilterId: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
|
|
79
|
-
noResultsMessage: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
|
|
80
|
-
slots: Readonly<{
|
|
81
|
-
[name: string]: import("../../../../../../vue3/node_modules/vue").Slot;
|
|
82
|
-
}>;
|
|
83
|
-
buttonLabel: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
|
|
84
|
-
buttonSecondaryLabel: import("../../../../../../vue3/node_modules/vue").ComputedRef<string>;
|
|
85
|
-
searchTerm: import("../../../../../../vue3/node_modules/vue").Ref<string>;
|
|
86
|
-
clearFilter: () => void;
|
|
87
|
-
closeFilter: () => void;
|
|
88
|
-
onOptionSelected: (selectedValue: BentoListboxSelectedValue) => void;
|
|
89
|
-
openFilter: () => void;
|
|
90
|
-
updateFilter: () => void;
|
|
91
|
-
resetFilter: () => void;
|
|
92
|
-
}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, BentoFilterEvent[], BentoFilterEvent, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
|
|
78
|
+
}, {}, unknown, {}, {}, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
|
|
79
|
+
input: (updatedProps: any) => void;
|
|
80
|
+
} & {
|
|
81
|
+
update: (updatedProps: any) => void;
|
|
82
|
+
}, string, import("../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
|
|
93
83
|
/**
|
|
94
84
|
* Default value of the filter to reset to.
|
|
85
|
+
*
|
|
95
86
|
*/
|
|
96
87
|
defaultValue: {
|
|
97
88
|
type: PropType<BentoListboxSelectedValue>;
|
|
@@ -115,6 +106,7 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
|
|
|
115
106
|
/**
|
|
116
107
|
* Renders the base filter's slot content only - leaving out the button and the popover.
|
|
117
108
|
* Used for the allFiltersModal component.
|
|
109
|
+
*
|
|
118
110
|
*/
|
|
119
111
|
onlySlot: {
|
|
120
112
|
type: BooleanConstructor;
|
|
@@ -125,6 +117,8 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
|
|
|
125
117
|
* Available options:
|
|
126
118
|
* - multiple: If "true", the user will be able to select multiple items.
|
|
127
119
|
* - listboxItems: The option elements to populate the filter with.
|
|
120
|
+
*
|
|
121
|
+
* @default undefined
|
|
128
122
|
*/
|
|
129
123
|
options: {
|
|
130
124
|
type: PropType<BentoSelectFilterOptions>;
|
|
@@ -132,18 +126,25 @@ declare const _default: import("../../../../../../vue3/node_modules/vue").Define
|
|
|
132
126
|
};
|
|
133
127
|
/**
|
|
134
128
|
* Current value of the filter
|
|
129
|
+
*
|
|
130
|
+
* @default undefined
|
|
135
131
|
*/
|
|
136
132
|
value: {
|
|
137
133
|
type: PropType<BentoListboxSelectedValue>;
|
|
138
134
|
default: any;
|
|
139
135
|
};
|
|
140
136
|
}>> & {
|
|
141
|
-
onInput?: (
|
|
142
|
-
onUpdate?: (
|
|
137
|
+
onInput?: (updatedProps: any) => any;
|
|
138
|
+
onUpdate?: (updatedProps: any) => any;
|
|
143
139
|
}, {
|
|
144
140
|
value: BentoListboxSelectedValue;
|
|
145
141
|
defaultValue: BentoListboxSelectedValue;
|
|
146
142
|
options: BentoSelectFilterOptions;
|
|
147
143
|
onlySlot: boolean;
|
|
148
|
-
}
|
|
144
|
+
}>, Record<NonNullable<string | number>, (_: any) => any> & Record<NonNullable<string | number>, (_: any) => any>>;
|
|
149
145
|
export default _default;
|
|
146
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
147
|
+
new (): {
|
|
148
|
+
$slots: S;
|
|
149
|
+
};
|
|
150
|
+
};
|
|
@@ -140,11 +140,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
|
|
|
140
140
|
};
|
|
141
141
|
/**
|
|
142
142
|
* A string specifying the type of control to render.
|
|
143
|
+
* All `input` types are available but only `search`, `text` and `number` are fully supported.
|
|
144
|
+
*
|
|
145
|
+
* If `type` is `search`, use `bento-search-bar` instead.
|
|
143
146
|
*/
|
|
144
147
|
type: {
|
|
145
|
-
type: PropType<
|
|
148
|
+
type: PropType<string>;
|
|
146
149
|
default: BentoInputFieldType;
|
|
147
|
-
validator: (value: BentoInputFieldType) => boolean;
|
|
148
150
|
};
|
|
149
151
|
/**
|
|
150
152
|
* Text displayed as the value of the input-field
|
|
@@ -300,11 +302,13 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
|
|
|
300
302
|
};
|
|
301
303
|
/**
|
|
302
304
|
* A string specifying the type of control to render.
|
|
305
|
+
* All `input` types are available but only `search`, `text` and `number` are fully supported.
|
|
306
|
+
*
|
|
307
|
+
* If `type` is `search`, use `bento-search-bar` instead.
|
|
303
308
|
*/
|
|
304
309
|
type: {
|
|
305
|
-
type: PropType<
|
|
310
|
+
type: PropType<string>;
|
|
306
311
|
default: BentoInputFieldType;
|
|
307
|
-
validator: (value: BentoInputFieldType) => boolean;
|
|
308
312
|
};
|
|
309
313
|
/**
|
|
310
314
|
* Text displayed as the value of the input-field
|
|
@@ -332,18 +336,18 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../vue3/node_mo
|
|
|
332
336
|
"onDropdown-input"?: (selectedValue: BentoListboxSelectedValue) => any;
|
|
333
337
|
}, {
|
|
334
338
|
value: BentoInputFieldValue;
|
|
335
|
-
type:
|
|
339
|
+
type: string;
|
|
336
340
|
required: boolean;
|
|
337
341
|
variant: "default" | "payment-method" | "static-value" | "dropdown" | BentoInputFieldVariant;
|
|
338
342
|
condensed: boolean;
|
|
339
343
|
disabled: boolean;
|
|
340
344
|
error: boolean;
|
|
341
345
|
placeholder: string;
|
|
342
|
-
optional: boolean;
|
|
343
|
-
readonly: boolean;
|
|
344
346
|
tooltipText: string;
|
|
347
|
+
optional: boolean;
|
|
345
348
|
errorMessage: string;
|
|
346
349
|
ariaLabel: string;
|
|
350
|
+
readonly: boolean;
|
|
347
351
|
dropdown: BentoInputDropdownProps;
|
|
348
352
|
ariaHidden: boolean;
|
|
349
353
|
dropdownPosition: "end" | "start" | BentoInputFieldElementPosition;
|
package/dist/@types/packages/vue2/src/components/internal/checkbox-input/checkbox-input.vue.d.ts
CHANGED
|
@@ -171,9 +171,9 @@ declare const _default: import("../../../../../vue3/node_modules/vue").DefineCom
|
|
|
171
171
|
value: string | number;
|
|
172
172
|
disabled: boolean;
|
|
173
173
|
indeterminate: boolean;
|
|
174
|
-
readonly: boolean;
|
|
175
174
|
id: string;
|
|
176
175
|
ariaLabel: string;
|
|
176
|
+
readonly: boolean;
|
|
177
177
|
ariaDescribedby: string;
|
|
178
178
|
hasError: boolean;
|
|
179
179
|
modelValue: CheckboxInputType | CheckboxInputGroupItems;
|
package/dist/@types/packages/vue2/src/components/internal/controls-group/controls-group.vue.d.ts
CHANGED
|
@@ -163,8 +163,8 @@ declare const _default: __VLS_WithTemplateSlots<import("../../../../../vue3/node
|
|
|
163
163
|
form: string;
|
|
164
164
|
disabled: boolean;
|
|
165
165
|
description: string;
|
|
166
|
-
optional: boolean;
|
|
167
166
|
tooltipText: string;
|
|
167
|
+
optional: boolean;
|
|
168
168
|
hideLabel: boolean;
|
|
169
169
|
}>, {
|
|
170
170
|
default: (_: {}) => any;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropType } from "../../../../../../../../../vue3/node_modules/vue";
|
|
2
|
-
import { BentoListboxOptionItem, BentoListboxOptions
|
|
2
|
+
import { BentoListboxOptionItem, BentoListboxOptions } from "../../../../../../../types";
|
|
3
3
|
/**
|
|
4
4
|
* Listbox selected options chips
|
|
5
5
|
*
|
|
@@ -45,7 +45,7 @@ declare const _default: import("../../../../../../../../../vue3/node_modules/vue
|
|
|
45
45
|
required: true;
|
|
46
46
|
};
|
|
47
47
|
}, {}, unknown, {}, {}, import("../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../../../vue3/node_modules/vue").ComponentOptionsMixin, {
|
|
48
|
-
"unselect-item": (value:
|
|
48
|
+
"unselect-item": (value: BentoListboxOptionItem) => void;
|
|
49
49
|
} & {
|
|
50
50
|
"unselect-category": (item: BentoListboxOptionItem) => void;
|
|
51
51
|
}, string, import("../../../../../../../../../vue3/node_modules/vue").VNodeProps & import("../../../../../../../../../vue3/node_modules/vue").AllowedComponentProps & import("../../../../../../../../../vue3/node_modules/vue").ComponentCustomProps, Readonly<import("../../../../../../../../../vue3/node_modules/vue").ExtractPropTypes<{
|
|
@@ -69,7 +69,7 @@ declare const _default: import("../../../../../../../../../vue3/node_modules/vue
|
|
|
69
69
|
};
|
|
70
70
|
}>> & {
|
|
71
71
|
"onUnselect-category"?: (item: BentoListboxOptionItem) => any;
|
|
72
|
-
"onUnselect-item"?: (value:
|
|
72
|
+
"onUnselect-item"?: (value: BentoListboxOptionItem) => any;
|
|
73
73
|
}, {
|
|
74
74
|
isOptionDisabled: (optionValue: BentoListboxOptionItem) => boolean;
|
|
75
75
|
}>;
|
|
@@ -88,10 +88,9 @@ declare const _default: import("../../../../../../../../../vue3/node_modules/vue
|
|
|
88
88
|
'b-listbox-multi-select-options__static-category-option': boolean;
|
|
89
89
|
'b-listbox-multi-select-options__category-option': boolean;
|
|
90
90
|
}>;
|
|
91
|
-
isCategory: (option: BentoListboxOptionItem) => boolean;
|
|
92
91
|
isOptionSelected: (option: any) => boolean;
|
|
93
92
|
shouldShowDescription: (option: BentoListboxOptionItem) => boolean;
|
|
94
|
-
toggleCheckboxSelection: (
|
|
93
|
+
toggleCheckboxSelection: (option: BentoListboxOptionItem) => void;
|
|
95
94
|
selectSearch: (selectedValue: any, option: any) => void;
|
|
96
95
|
BentoListboxEvent: typeof BentoListboxEvent;
|
|
97
96
|
ListboxMultiSelectOptionsEvent: typeof ListboxMultiSelectOptionsEvent;
|