@adyen/bento-vue3 1.41.0 → 1.43.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/components.d.ts +4 -0
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-cell/data-grid-cell.vue.d.ts +15 -0
- package/dist/@types/packages/vue2/src/components/data-grid/components/data-grid-row/data-grid-row.vue.d.ts +1 -350
- 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-scroller/use-scroller.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/data-grid/composables/use-selector/use-selector.d.ts +3 -2
- package/dist/@types/packages/vue2/src/components/data-grid/data-grid.types.d.ts +3 -0
- package/dist/@types/packages/vue2/src/components/data-grid/data-grid.vue.d.ts +33 -1
- package/dist/@types/packages/vue2/src/components/date-range-picker/components/date-range-picker-calendar/date-range-picker-calendar.vue.d.ts +7 -0
- package/dist/@types/packages/vue2/src/components/date-range-picker/date-range-picker.vue.d.ts +7 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/components/file-uploader-file-card-animation/file-uploader-file-card-animation.vue.d.ts +24 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/components/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/composables/use-truncated-file-name.d.ts +10 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/file-uploader-file-card.types.d.ts +11 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/file-uploader-file-card.vue.d.ts +63 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/utils/get-file-icon/get-file-icon.d.ts +8 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/utils/get-file-icon-color/get-file-icon-color.d.ts +8 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-file-card/utils/index.d.ts +2 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-restrictions/file-uploader-restrictions.types.d.ts +39 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-restrictions/file-uploader-restrictions.vue.d.ts +68 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/components/file-uploader-restrictions/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/composables/index.d.ts +1 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/composables/use-file-type-list/use-file-type-list.d.ts +11 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/file-uploader.types.d.ts +99 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/file-uploader.vue.d.ts +85 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/index.d.ts +2 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/utils/format-file-size/format-file-size.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/utils/get-file-type/get-file-type.d.ts +8 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/utils/index.d.ts +3 -0
- package/dist/@types/packages/vue2/src/components/file-uploader/utils/read-file/read-file.d.ts +14 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/all-filters-modal.vue.d.ts +277 -37
- package/dist/@types/packages/vue2/src/components/filter-bar/components/all-filters-modal/components/all-filters-modal-button/all-filters-modal-button.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/filter-bar/components/base-filter/base-filter.vue.d.ts +21 -6
- package/dist/@types/packages/vue2/src/components/filter-bar/components/base-filter-button/base-filter-button.vue.d.ts +1 -1
- package/dist/@types/packages/vue2/src/components/filter-bar/components/boolean-filter/boolean-filter.vue.d.ts +30 -6
- package/dist/@types/packages/vue2/src/components/filter-bar/components/date-filter/date-filter.vue.d.ts +30 -6
- package/dist/@types/packages/vue2/src/components/filter-bar/components/date-range-filter/date-range-filter.vue.d.ts +44 -6
- package/dist/@types/packages/vue2/src/components/filter-bar/components/filter-bar-button/filter-bar-button.vue.d.ts +5 -7
- package/dist/@types/packages/vue2/src/components/filter-bar/components/input-filter/input-filter.vue.d.ts +37 -6
- package/dist/@types/packages/vue2/src/components/filter-bar/components/input-with-dropdown-filter/input-with-dropdown-filter.vue.d.ts +8 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/range-filter/range-filter.vue.d.ts +37 -6
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/components/select-filter-button/select-filter-button.vue.d.ts +15 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/components/select-filter-dropdown/select-filter-dropdown.vue.d.ts +15 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/select-filter.props.d.ts +7 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/select-filter.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-avatar-filter/select-avatar-filter.vue.d.ts +24 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-country-filter/select-country-filter.vue.d.ts +9 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-currency-filter/select-currency-filter.vue.d.ts +24 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-payment-method-filter/select-payment-method-filter.vue.d.ts +24 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/components/select-filter/variants/select-tag-filter/select-tag-filter.vue.d.ts +24 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.types.d.ts +4 -0
- package/dist/@types/packages/vue2/src/components/filter-bar/filter-bar.vue.d.ts +274 -30
- package/dist/@types/packages/vue2/src/components/input-field/input-field.vue.d.ts +3 -0
- package/dist/@types/packages/vue2/src/components/input-field-password/index.d.ts +3 -0
- package/dist/@types/packages/vue2/src/components/input-field-password/input-field-password.types.d.ts +77 -0
- package/dist/@types/packages/vue2/src/components/input-field-password/input-field-password.vue.d.ts +90 -0
- package/dist/@types/packages/vue2/src/components/input-field-password/utilities/input-field-password.validation.d.ts +37 -0
- package/dist/@types/packages/vue2/src/components/internal/tooltip/tooltip.vue.d.ts +43 -8
- package/dist/@types/packages/vue2/src/index.d.ts +2 -0
- package/dist/action-bar.js +1 -1
- package/dist/alert.js +1 -1
- package/dist/assets/accordion-item.css +1 -1
- package/dist/assets/action-bar.css +1 -1
- package/dist/assets/base-modal.css +1 -1
- package/dist/assets/card.css +1 -1
- package/dist/assets/data-grid.css +1 -1
- package/dist/assets/date-range-picker.css +1 -1
- package/dist/assets/dialog-page.css +1 -1
- package/dist/assets/file-uploader.css +1 -0
- package/dist/assets/filter-bar.css +1 -1
- package/dist/assets/input-field-password.css +1 -0
- package/dist/assets/input-field.css +1 -1
- package/dist/assets/inspector.css +1 -1
- package/dist/assets/menu.css +1 -1
- package/dist/assets/modal-fullscreen.css +1 -1
- package/dist/assets/popover.css +1 -1
- package/dist/assets/sidepanel.css +1 -1
- package/dist/assets/step.css +1 -1
- package/dist/assets/tooltip.css +1 -1
- package/dist/assets/typography.css +1 -1
- package/dist/button.js +2 -2
- package/dist/card.js +1 -1
- package/dist/checkbox.js +2 -2
- package/dist/chunks/{action-bar.BZIBGja0.js → action-bar.COQrEUYU.js} +5 -5
- package/dist/chunks/{action-bar.BZIBGja0.js.map → action-bar.COQrEUYU.js.map} +1 -1
- package/dist/chunks/{alert.CHddA_lK.js → alert.B9V6kUmo.js} +9 -9
- package/dist/chunks/{alert.CHddA_lK.js.map → alert.B9V6kUmo.js.map} +1 -1
- package/dist/chunks/{base-modal.6IqnDuvf.js → base-modal.ku0lyHOs.js} +2 -2
- package/dist/chunks/{base-modal.6IqnDuvf.js.map → base-modal.ku0lyHOs.js.map} +1 -1
- package/dist/chunks/{button-actions-with-menu.ByYlrFqZ.js → button-actions-with-menu.Bn7Kdx4v.js} +4 -4
- package/dist/chunks/{button-actions-with-menu.ByYlrFqZ.js.map → button-actions-with-menu.Bn7Kdx4v.js.map} +1 -1
- package/dist/chunks/{button-actions.ndsyVgzV.js → button-actions.Bjfo46Q_.js} +2 -2
- package/dist/chunks/{button-actions.ndsyVgzV.js.map → button-actions.Bjfo46Q_.js.map} +1 -1
- package/dist/chunks/{card.B6tMI3KP.js → card.D_XL2TWr.js} +2 -2
- package/dist/chunks/{card.B6tMI3KP.js.map → card.D_XL2TWr.js.map} +1 -1
- package/dist/chunks/{checkbox-group.Zf-GivDW.js → checkbox-group.BUmkYc2R.js} +4 -4
- package/dist/chunks/{checkbox-group.Zf-GivDW.js.map → checkbox-group.BUmkYc2R.js.map} +1 -1
- package/dist/chunks/{checkbox.DdMkyTo5.js → checkbox.L94hTcPY.js} +16 -16
- package/dist/chunks/{checkbox.DdMkyTo5.js.map → checkbox.L94hTcPY.js.map} +1 -1
- package/dist/chunks/{checkmark-circle-fill.ChV7Jy6r.js → checkmark-circle-fill.ClIf1E3H.js} +7 -7
- package/dist/chunks/{checkmark-circle-fill.ChV7Jy6r.js.map → checkmark-circle-fill.ClIf1E3H.js.map} +1 -1
- package/dist/chunks/{code-snippet.Dp_tDJ-S.js → code-snippet.DbUGxmYi.js} +5 -5
- package/dist/chunks/{code-snippet.Dp_tDJ-S.js.map → code-snippet.DbUGxmYi.js.map} +1 -1
- package/dist/chunks/{controls-group.RL8WrYdy.js → controls-group.Dg_YRS1e.js} +2 -2
- package/dist/chunks/{controls-group.RL8WrYdy.js.map → controls-group.Dg_YRS1e.js.map} +1 -1
- package/dist/chunks/{copy.dbbJppdL.js → copy.CnzLQyvJ.js} +2 -2
- package/dist/chunks/{copy.dbbJppdL.js.map → copy.CnzLQyvJ.js.map} +1 -1
- package/dist/chunks/{dashboard-section.BdRXcY4u.js → dashboard-section.YU5gKDEJ.js} +3 -3
- package/dist/chunks/{dashboard-section.BdRXcY4u.js.map → dashboard-section.YU5gKDEJ.js.map} +1 -1
- package/dist/chunks/{dashed-underline.D6ke20Vd.js → dashed-underline.BKfUevuM.js} +3 -3
- package/dist/chunks/{dashed-underline.D6ke20Vd.js.map → dashed-underline.BKfUevuM.js.map} +1 -1
- package/dist/chunks/{data-grid-template.CRxJLJsn.js → data-grid-template.DI27ou71.js} +2 -2
- package/dist/chunks/{data-grid-template.CRxJLJsn.js.map → data-grid-template.DI27ou71.js.map} +1 -1
- package/dist/chunks/data-grid.DgPWs1hH.js +3374 -0
- package/dist/chunks/data-grid.DgPWs1hH.js.map +1 -0
- package/dist/chunks/{date-picker.B6HK0sb2.js → date-picker.DDsfecHp.js} +3 -3
- package/dist/chunks/{date-picker.B6HK0sb2.js.map → date-picker.DDsfecHp.js.map} +1 -1
- package/dist/chunks/{date-range-picker.3iWt1Cd6.js → date-range-picker.DjPmRy0E.js} +205 -202
- package/dist/chunks/date-range-picker.DjPmRy0E.js.map +1 -0
- package/dist/chunks/dot.pQfhaKda.js +29 -0
- package/dist/chunks/dot.pQfhaKda.js.map +1 -0
- package/dist/chunks/{dropdown-tag.ChFJ9l5g.js → dropdown-tag.BKDmDRSv.js} +3 -3
- package/dist/chunks/{dropdown-tag.ChFJ9l5g.js.map → dropdown-tag.BKDmDRSv.js.map} +1 -1
- package/dist/chunks/{dropdown.CMKdLPHi.js → dropdown.DpjMobyf.js} +4 -4
- package/dist/chunks/{dropdown.CMKdLPHi.js.map → dropdown.DpjMobyf.js.map} +1 -1
- package/dist/chunks/{error-message.CmMyB-k9.js → error-message.BYXS0kUN.js} +2 -2
- package/dist/chunks/{error-message.CmMyB-k9.js.map → error-message.BYXS0kUN.js.map} +1 -1
- package/dist/chunks/es6.b4enG1py.js.map +1 -1
- package/dist/chunks/file-uploader.cRbwpcAw.js +1074 -0
- package/dist/chunks/file-uploader.cRbwpcAw.js.map +1 -0
- package/dist/chunks/filter-bar.BwJTrH5U.js +2867 -0
- package/dist/chunks/filter-bar.BwJTrH5U.js.map +1 -0
- package/dist/chunks/{footer-actions.DAlN9pd3.js → footer-actions.DvIVWqWv.js} +2 -2
- package/dist/chunks/{footer-actions.DAlN9pd3.js.map → footer-actions.DvIVWqWv.js.map} +1 -1
- package/dist/chunks/{form-layout-title.w0J-ymMW.js → form-layout-title.BqNDCnLk.js} +2 -2
- package/dist/chunks/{form-layout-title.w0J-ymMW.js.map → form-layout-title.BqNDCnLk.js.map} +1 -1
- package/dist/chunks/{header.DQmnYarZ.js → header.C0NBlBJv.js} +4 -4
- package/dist/chunks/{header.DQmnYarZ.js.map → header.C0NBlBJv.js.map} +1 -1
- package/dist/chunks/index.CWuzEfiV.js +6 -0
- package/dist/chunks/index.CWuzEfiV.js.map +1 -0
- package/dist/chunks/index.lHdwuJAx.js +366 -0
- package/dist/chunks/index.lHdwuJAx.js.map +1 -0
- package/dist/chunks/{info-icon.CNPSAUM6.js → info-icon.CUC0fwLb.js} +2 -2
- package/dist/chunks/{info-icon.CNPSAUM6.js.map → info-icon.CUC0fwLb.js.map} +1 -1
- package/dist/chunks/input-field-password.DxNS4MmO.js +306 -0
- package/dist/chunks/input-field-password.DxNS4MmO.js.map +1 -0
- package/dist/chunks/{input-field.Bk2p3kIb.js → input-field.BQKEQIZd.js} +84 -83
- package/dist/chunks/input-field.BQKEQIZd.js.map +1 -0
- package/dist/chunks/{layout-row.rzhGrBQ3.js → layout-row.DcyZ3DP3.js} +2 -2
- package/dist/chunks/{layout-row.rzhGrBQ3.js.map → layout-row.DcyZ3DP3.js.map} +1 -1
- package/dist/chunks/{listbox-option-tag.58u_cWFs.js → listbox-option-tag.DU_NVK_z.js} +2 -2
- package/dist/chunks/{listbox-option-tag.58u_cWFs.js.map → listbox-option-tag.DU_NVK_z.js.map} +1 -1
- package/dist/chunks/{loading-button.CHujR70I.js → loading-button.CNWhVIPK.js} +10 -10
- package/dist/chunks/{loading-button.CHujR70I.js.map → loading-button.CNWhVIPK.js.map} +1 -1
- package/dist/chunks/{menu.DXVN_WLr.js → menu.BpqOdkxR.js} +3 -3
- package/dist/chunks/{menu.DXVN_WLr.js.map → menu.BpqOdkxR.js.map} +1 -1
- package/dist/chunks/{modal-fullscreen.D96Avr2Q.js → modal-fullscreen.DtgTb1Xh.js} +2 -2
- package/dist/chunks/{modal-fullscreen.D96Avr2Q.js.map → modal-fullscreen.DtgTb1Xh.js.map} +1 -1
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.ylWdiVwQ.js → modal.vue_vue_type_script_setup_true_lang.CjD91zJo.js} +4 -4
- package/dist/chunks/{modal.vue_vue_type_script_setup_true_lang.ylWdiVwQ.js.map → modal.vue_vue_type_script_setup_true_lang.CjD91zJo.js.map} +1 -1
- package/dist/chunks/{pagination.D_4FRHE9.js → pagination.C34l_EYf.js} +2 -2
- package/dist/chunks/{pagination.D_4FRHE9.js.map → pagination.C34l_EYf.js.map} +1 -1
- package/dist/chunks/{popover.HArIkKve.js → popover.D9Zw4w9l.js} +2 -2
- package/dist/chunks/{popover.HArIkKve.js.map → popover.D9Zw4w9l.js.map} +1 -1
- package/dist/chunks/{promo-banner.BRn1iznD.js → promo-banner.CzR9ri5v.js} +2 -2
- package/dist/chunks/{promo-banner.BRn1iznD.js.map → promo-banner.CzR9ri5v.js.map} +1 -1
- package/dist/chunks/{radio-group.D94e5N12.js → radio-group.DIyCKfOQ.js} +4 -4
- package/dist/chunks/{radio-group.D94e5N12.js.map → radio-group.DIyCKfOQ.js.map} +1 -1
- package/dist/chunks/{search-bar.D_4u91te.js → search-bar.Dy0dBek2.js} +3 -3
- package/dist/chunks/{search-bar.D_4u91te.js.map → search-bar.Dy0dBek2.js.map} +1 -1
- package/dist/chunks/{secondary-nav.CQ3aLyrM.js → secondary-nav.DYFnrUIK.js} +3 -3
- package/dist/chunks/{secondary-nav.CQ3aLyrM.js.map → secondary-nav.DYFnrUIK.js.map} +1 -1
- package/dist/chunks/{segmented-control.CueLfseV.js → segmented-control.B5H5Wiyz.js} +2 -2
- package/dist/chunks/{segmented-control.CueLfseV.js.map → segmented-control.B5H5Wiyz.js.map} +1 -1
- package/dist/chunks/{selection-card-group.Du3Cwf47.js → selection-card-group.BY8o4PYF.js} +12 -12
- package/dist/chunks/{selection-card-group.Du3Cwf47.js.map → selection-card-group.BY8o4PYF.js.map} +1 -1
- package/dist/chunks/show.ChPQTrAT.js +64 -0
- package/dist/chunks/show.ChPQTrAT.js.map +1 -0
- package/dist/chunks/{sidepanel.CGbl5x5B.js → sidepanel.BywianGe.js} +2 -2
- package/dist/chunks/{sidepanel.CGbl5x5B.js.map → sidepanel.BywianGe.js.map} +1 -1
- package/dist/chunks/step.Db0UJ8mx.js +264 -0
- package/dist/chunks/step.Db0UJ8mx.js.map +1 -0
- package/dist/chunks/{structured-list-item.CujUEOTK.js → structured-list-item.C_6ju-IY.js} +4 -4
- package/dist/chunks/{structured-list-item.CujUEOTK.js.map → structured-list-item.C_6ju-IY.js.map} +1 -1
- package/dist/chunks/{summary-grid-item-custom.DF9waESp.js → summary-grid-item-custom.FxBnzHzb.js} +4 -4
- package/dist/chunks/{summary-grid-item-custom.DF9waESp.js.map → summary-grid-item-custom.FxBnzHzb.js.map} +1 -1
- package/dist/chunks/{tag.wfnhGWVG.js → tag.xvqrfTwk.js} +2 -2
- package/dist/chunks/{tag.wfnhGWVG.js.map → tag.xvqrfTwk.js.map} +1 -1
- package/dist/chunks/{teleport.L8qFCYpr.js → teleport.CI0k6eaC.js} +9 -9
- package/dist/chunks/teleport.CI0k6eaC.js.map +1 -0
- package/dist/chunks/{textarea.DlPNxnUQ.js → textarea.vAp6HFi9.js} +2 -2
- package/dist/chunks/{textarea.DlPNxnUQ.js.map → textarea.vAp6HFi9.js.map} +1 -1
- package/dist/chunks/{timeline-item.B8VvkDfR.js → timeline-item.ND_EMuwP.js} +5 -5
- package/dist/chunks/{timeline-item.B8VvkDfR.js.map → timeline-item.ND_EMuwP.js.map} +1 -1
- package/dist/chunks/tooltip.BvJoy09y.js +203 -0
- package/dist/chunks/tooltip.BvJoy09y.js.map +1 -0
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.CGpbGgfc.js → tutorial.vue_vue_type_script_setup_true_lang.LBw_ALfS.js} +4 -4
- package/dist/chunks/{tutorial.vue_vue_type_script_setup_true_lang.CGpbGgfc.js.map → tutorial.vue_vue_type_script_setup_true_lang.LBw_ALfS.js.map} +1 -1
- package/dist/chunks/{use-cached-selected-values.DaRzXFIt.js → use-cached-selected-values.BOZK76mN.js} +8 -5
- package/dist/chunks/{use-cached-selected-values.DaRzXFIt.js.map → use-cached-selected-values.BOZK76mN.js.map} +1 -1
- package/dist/chunks/{warning-filled.Dm_HhqzW.js → warning-filled.OUOUbA6k.js} +2 -2
- package/dist/chunks/{warning-filled.Dm_HhqzW.js.map → warning-filled.OUOUbA6k.js.map} +1 -1
- package/dist/code-snippet.js +1 -1
- package/dist/dashboard-template.js +1 -1
- package/dist/dashed-underline.js +1 -1
- package/dist/data-grid-template.js +1 -1
- package/dist/data-grid.js +1 -1
- package/dist/date-picker.js +1 -1
- package/dist/date-range-picker.js +1 -1
- package/dist/dropdown.js +3 -3
- package/dist/file-uploader.js +5 -0
- package/dist/file-uploader.js.map +1 -0
- package/dist/filter-bar.js +1 -1
- package/dist/form-layout.js +1 -1
- package/dist/header.js +1 -1
- package/dist/index.js +228 -219
- package/dist/index.js.map +1 -1
- package/dist/info-icon.js +1 -1
- package/dist/input-field-password.js +10 -0
- package/dist/input-field-password.js.map +1 -0
- package/dist/input-field.js +1 -1
- package/dist/internal.js +7 -7
- package/dist/layout.js +1 -1
- package/dist/menu.js +1 -1
- package/dist/modal-fullscreen.js +1 -1
- package/dist/modal.js +2 -2
- package/dist/pagination.js +1 -1
- package/dist/popover.js +1 -1
- package/dist/promo-banner.js +1 -1
- package/dist/radio-group.js +1 -1
- package/dist/search-bar.js +2 -2
- package/dist/secondary-nav.js +1 -1
- package/dist/segmented-control.js +1 -1
- package/dist/selection-card.js +1 -1
- package/dist/sidepanel.js +1 -1
- package/dist/stepper.js +1 -1
- package/dist/structured-list.js +1 -1
- package/dist/styles/bento-dark.css +98 -34
- package/dist/styles/bento-light.css +98 -34
- package/dist/styles/bento.css +98 -34
- package/dist/styles/legacy.css +106 -42
- package/dist/styles/styleguide.css +98 -34
- package/dist/summary-grid.js +1 -1
- package/dist/tag.js +1 -1
- package/dist/textarea.js +1 -1
- package/dist/timeline.js +1 -1
- package/dist/tutorial.js +1 -1
- package/dist/web-types.json +1 -1
- package/package.json +9 -8
- package/dist/chunks/data-grid.BC2tOBxm.js +0 -3229
- package/dist/chunks/data-grid.BC2tOBxm.js.map +0 -1
- package/dist/chunks/date-range-picker.3iWt1Cd6.js.map +0 -1
- package/dist/chunks/filter-bar.pKcJryD3.js +0 -2898
- package/dist/chunks/filter-bar.pKcJryD3.js.map +0 -1
- package/dist/chunks/index.ChdIlujs.js +0 -248
- package/dist/chunks/index.ChdIlujs.js.map +0 -1
- package/dist/chunks/input-field.Bk2p3kIb.js.map +0 -1
- package/dist/chunks/step.CwuThZ0G.js +0 -285
- package/dist/chunks/step.CwuThZ0G.js.map +0 -1
- package/dist/chunks/teleport.L8qFCYpr.js.map +0 -1
- package/dist/chunks/tooltip.BEl_LdFo.js +0 -188
- package/dist/chunks/tooltip.BEl_LdFo.js.map +0 -1
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
declare const _default: __VLS_WithTemplateSlots<import("../../../../../../../../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.13_typescript@5.6.3_/node_modules/vue-demi").DefineComponent<import("../../../../../../../../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.13_typescript@5.6.3_/node_modules/vue-demi").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
2
|
+
name: string;
|
|
3
|
+
showFileIcon: boolean;
|
|
4
|
+
}>>, {}, {}, {}, {}, import("../../../../../../../../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.13_typescript@5.6.3_/node_modules/vue-demi").ComponentOptionsMixin, import("../../../../../../../../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.13_typescript@5.6.3_/node_modules/vue-demi").ComponentOptionsMixin, {}, string, import("../../../../../../../../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.13_typescript@5.6.3_/node_modules/vue-demi").PublicProps, Readonly<import("../../../../../../../../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.13_typescript@5.6.3_/node_modules/vue-demi").ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
5
|
+
name: string;
|
|
6
|
+
showFileIcon: boolean;
|
|
7
|
+
}>>> & Readonly<{}>, {}, {}, {}, {}, string, import("../../../../../../../../../node_modules/.pnpm/vue-demi@0.14.10_vue@3.5.13_typescript@5.6.3_/node_modules/vue-demi").ComponentProvideOptions, true, {}, any>, {
|
|
8
|
+
default: (_: {}) => any;
|
|
9
|
+
}>;
|
|
10
|
+
export default _default;
|
|
11
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
12
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
13
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
14
|
+
type: import("../../../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
15
|
+
} : {
|
|
16
|
+
type: import("../../../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PropType<T[K]>;
|
|
17
|
+
required: true;
|
|
18
|
+
};
|
|
19
|
+
};
|
|
20
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
21
|
+
new (): {
|
|
22
|
+
$slots: S;
|
|
23
|
+
};
|
|
24
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as FileUploaderFileCardAnimation } from './file-uploader-file-card-animation/file-uploader-file-card-animation.vue';
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { VueInstance } from "../../../../../types";
|
|
2
|
+
import { Ref } from "../../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
|
|
3
|
+
/**
|
|
4
|
+
* Verifies if the content defined is being truncated when it is overflowing the container.
|
|
5
|
+
*
|
|
6
|
+
* @param target Element that contains the text to be truncated
|
|
7
|
+
* @param container Scrollable container that defines the boundaries
|
|
8
|
+
* @returns Boolean indicating whether or not the content will be truncated
|
|
9
|
+
*/
|
|
10
|
+
export declare function useTruncatedFileName(target: Ref<VueInstance>, container: Ref<HTMLElement>): Ref<boolean, boolean>;
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { FileObject, type SupportedFileTypes } from "../../file-uploader.types";
|
|
2
|
+
export interface FileUploaderFileCardProps {
|
|
3
|
+
/**
|
|
4
|
+
* File to be uploaded
|
|
5
|
+
*/
|
|
6
|
+
file: FileObject;
|
|
7
|
+
/**
|
|
8
|
+
* Supported file types message
|
|
9
|
+
*/
|
|
10
|
+
supportedFileTypes?: SupportedFileTypes;
|
|
11
|
+
}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import type { FileUploaderFileCardProps } from './file-uploader-file-card.types';
|
|
2
|
+
/**
|
|
3
|
+
*
|
|
4
|
+
* Individual file items that are listed inside "bento-file-uploader" that can
|
|
5
|
+
* be retried, removed or cancelled as they are being uploaded.
|
|
6
|
+
*
|
|
7
|
+
* @example
|
|
8
|
+
* import { FileUploaderFileCard, FileObject } from './';
|
|
9
|
+
*
|
|
10
|
+
* export default {
|
|
11
|
+
* components: { FileUploaderFileCard },
|
|
12
|
+
* template: `
|
|
13
|
+
* <file-uploader-file-card
|
|
14
|
+
* :file="file"
|
|
15
|
+
* supportedFileTypes="video files, image files"
|
|
16
|
+
* @retry="retryFile(file)"
|
|
17
|
+
* @cancel="removeFile(file)"
|
|
18
|
+
* @remove="removeFile(file)"
|
|
19
|
+
* />
|
|
20
|
+
* `,
|
|
21
|
+
* setup() {
|
|
22
|
+
* const file = ref<FileObject>({
|
|
23
|
+
* id: 'stub-file',
|
|
24
|
+
* type: FileType.AUDIO,
|
|
25
|
+
* data: new File(['blob'], 'File name'),
|
|
26
|
+
* state: FileState.SUCCESS,
|
|
27
|
+
* progress: 99,
|
|
28
|
+
* });
|
|
29
|
+
* }
|
|
30
|
+
* }
|
|
31
|
+
*/
|
|
32
|
+
declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FileUploaderFileCardProps>, {
|
|
33
|
+
supportedFileTypes: any;
|
|
34
|
+
}>>, {}, {}, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {
|
|
35
|
+
cancel: () => void;
|
|
36
|
+
} & {
|
|
37
|
+
remove: () => void;
|
|
38
|
+
} & {
|
|
39
|
+
retry: () => void;
|
|
40
|
+
}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FileUploaderFileCardProps>, {
|
|
41
|
+
supportedFileTypes: any;
|
|
42
|
+
}>>> & Readonly<{
|
|
43
|
+
onCancel?: () => any;
|
|
44
|
+
onRemove?: () => any;
|
|
45
|
+
onRetry?: () => any;
|
|
46
|
+
}>, {
|
|
47
|
+
supportedFileTypes: import("../../file-uploader.types").SupportedFileTypes;
|
|
48
|
+
}, {}, {}, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
|
|
49
|
+
export default _default;
|
|
50
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
51
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
52
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
53
|
+
type: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
54
|
+
} : {
|
|
55
|
+
type: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PropType<T[K]>;
|
|
56
|
+
required: true;
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
type __VLS_WithDefaults<P, D> = {
|
|
60
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
61
|
+
default: D[K];
|
|
62
|
+
} : P[K];
|
|
63
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as FileUploaderFileCard } from './file-uploader-file-card.vue';
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { VueNodeElement } from "../../../../../../types";
|
|
2
|
+
import { type FileObject } from "../../../../file-uploader.types";
|
|
3
|
+
/**
|
|
4
|
+
* Return an icon Vue component that can be used with a given File type @see FileType
|
|
5
|
+
* @param file File object containing a type
|
|
6
|
+
* @returns Icon for the respective type
|
|
7
|
+
*/
|
|
8
|
+
export declare function getFileIcon(file: FileObject): VueNodeElement;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { type FileObject } from "../../../../file-uploader.types";
|
|
2
|
+
/**
|
|
3
|
+
* Returns the color to be used for the icon of a given type.
|
|
4
|
+
*
|
|
5
|
+
* @param file File with a given type
|
|
6
|
+
* @returns Color to be used with their respective file type
|
|
7
|
+
*/
|
|
8
|
+
export declare function getFileIconColor(file: FileObject): "blue" | "green" | "grey" | "orange";
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import type { BentoFileUploaderProps, SupportedFileTypes } from "../../file-uploader.types";
|
|
2
|
+
export interface FileUploaderRestrictionsProps {
|
|
3
|
+
/**
|
|
4
|
+
* Reduces the size of the uploader area.
|
|
5
|
+
*/
|
|
6
|
+
condensed?: BentoFileUploaderProps['condensed'];
|
|
7
|
+
/**
|
|
8
|
+
* Disables the File uploader
|
|
9
|
+
*/
|
|
10
|
+
disabled?: BentoFileUploaderProps['disabled'];
|
|
11
|
+
/**
|
|
12
|
+
* Sets a maximum file count.
|
|
13
|
+
*/
|
|
14
|
+
maxCount?: {
|
|
15
|
+
value: BentoFileUploaderProps['maxCount'];
|
|
16
|
+
error: boolean;
|
|
17
|
+
};
|
|
18
|
+
/**
|
|
19
|
+
* Sets a maximum image size (for image file types only).
|
|
20
|
+
*/
|
|
21
|
+
maxDimensions?: {
|
|
22
|
+
value: BentoFileUploaderProps['maxDimensions'];
|
|
23
|
+
error: boolean;
|
|
24
|
+
};
|
|
25
|
+
/**
|
|
26
|
+
* Sets a maximum file size in Bytes
|
|
27
|
+
*/
|
|
28
|
+
maxSize?: {
|
|
29
|
+
value: BentoFileUploaderProps['maxSize'];
|
|
30
|
+
error: boolean;
|
|
31
|
+
};
|
|
32
|
+
/**
|
|
33
|
+
* Supported file types message
|
|
34
|
+
*/
|
|
35
|
+
supportedFileTypes?: {
|
|
36
|
+
value: SupportedFileTypes;
|
|
37
|
+
error: boolean;
|
|
38
|
+
};
|
|
39
|
+
}
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import type { FileUploaderRestrictionsProps } from './file-uploader-restrictions.types';
|
|
2
|
+
/**
|
|
3
|
+
* List of restrictions defined for "bento-file-uploader".
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* import { FileUploaderRestrictions } from './';
|
|
7
|
+
*
|
|
8
|
+
* export default {
|
|
9
|
+
* components: { FileUploaderRestrictions },
|
|
10
|
+
* template: `
|
|
11
|
+
* <file-uploader-restrictions
|
|
12
|
+
* :maxCount="1"
|
|
13
|
+
* :maxSize="5000"
|
|
14
|
+
* :maxDimensions="{ width: 100, height: 200 }"
|
|
15
|
+
* supportedFileTypes="audio/*,.pdf,.jpg"
|
|
16
|
+
* />
|
|
17
|
+
* `
|
|
18
|
+
* }
|
|
19
|
+
*/
|
|
20
|
+
declare const _default: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FileUploaderRestrictionsProps>, {
|
|
21
|
+
condensed: any;
|
|
22
|
+
disabled: any;
|
|
23
|
+
maxCount: any;
|
|
24
|
+
maxDimensions: any;
|
|
25
|
+
maxSize: any;
|
|
26
|
+
supportedFileTypes: any;
|
|
27
|
+
}>>, {}, {}, {}, {}, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FileUploaderRestrictionsProps>, {
|
|
28
|
+
condensed: any;
|
|
29
|
+
disabled: any;
|
|
30
|
+
maxCount: any;
|
|
31
|
+
maxDimensions: any;
|
|
32
|
+
maxSize: any;
|
|
33
|
+
supportedFileTypes: any;
|
|
34
|
+
}>>> & Readonly<{}>, {
|
|
35
|
+
condensed: import("../..").BentoFileUploaderProps["condensed"];
|
|
36
|
+
disabled: import("../..").BentoFileUploaderProps["disabled"];
|
|
37
|
+
supportedFileTypes: {
|
|
38
|
+
value: import("../../file-uploader.types").SupportedFileTypes;
|
|
39
|
+
error: boolean;
|
|
40
|
+
};
|
|
41
|
+
maxCount: {
|
|
42
|
+
value: import("../..").BentoFileUploaderProps["maxCount"];
|
|
43
|
+
error: boolean;
|
|
44
|
+
};
|
|
45
|
+
maxDimensions: {
|
|
46
|
+
value: import("../..").BentoFileUploaderProps["maxDimensions"];
|
|
47
|
+
error: boolean;
|
|
48
|
+
};
|
|
49
|
+
maxSize: {
|
|
50
|
+
value: import("../..").BentoFileUploaderProps["maxSize"];
|
|
51
|
+
error: boolean;
|
|
52
|
+
};
|
|
53
|
+
}, {}, {}, {}, string, import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
|
|
54
|
+
export default _default;
|
|
55
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
56
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
57
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
58
|
+
type: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
59
|
+
} : {
|
|
60
|
+
type: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PropType<T[K]>;
|
|
61
|
+
required: true;
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
type __VLS_WithDefaults<P, D> = {
|
|
65
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
66
|
+
default: D[K];
|
|
67
|
+
} : P[K];
|
|
68
|
+
};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default as FileUploaderRestrictions } from './file-uploader-restrictions.vue';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './use-file-type-list/use-file-type-list';
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { Ref } from "../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue";
|
|
2
|
+
/**
|
|
3
|
+
* Transforms a list of accepted file types @see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept}
|
|
4
|
+
* into a human readable list of accepted types
|
|
5
|
+
*
|
|
6
|
+
* @param accept String containing a list of unique file type specifiers.
|
|
7
|
+
* @returns String with types transformed to human readable text
|
|
8
|
+
*/
|
|
9
|
+
export declare function useFileTypeList(accept?: Ref<string>): {
|
|
10
|
+
supportedFileTypeList: import("../../../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComputedRef<string>;
|
|
11
|
+
};
|
|
@@ -0,0 +1,99 @@
|
|
|
1
|
+
export type BentoFileUploaderValue = string | Array<string> | File | Array<File>;
|
|
2
|
+
export interface BentoFileUploaderProps {
|
|
3
|
+
/**
|
|
4
|
+
* A string that defines the file types the file input should accept.
|
|
5
|
+
* https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input/file#accept
|
|
6
|
+
*/
|
|
7
|
+
accept?: HTMLInputElement['accept'];
|
|
8
|
+
/**
|
|
9
|
+
* Reduces the size of the uploader area.
|
|
10
|
+
*/
|
|
11
|
+
condensed?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* Descriptive supporting text visbile underneath the label.
|
|
14
|
+
*/
|
|
15
|
+
description?: string;
|
|
16
|
+
/**
|
|
17
|
+
* Disable the radio button (optional).
|
|
18
|
+
*/
|
|
19
|
+
disabled?: boolean;
|
|
20
|
+
/**
|
|
21
|
+
* Renders file-uploader with an error state and the error message beneath the input box
|
|
22
|
+
*/
|
|
23
|
+
errorMessage?: string;
|
|
24
|
+
/**
|
|
25
|
+
* The label of the component.
|
|
26
|
+
*/
|
|
27
|
+
label: string;
|
|
28
|
+
/**
|
|
29
|
+
* Sets a maximum file count. Allows for uploading multiple files.
|
|
30
|
+
*/
|
|
31
|
+
maxCount?: number;
|
|
32
|
+
/**
|
|
33
|
+
* Sets a maximum image size (for image file types only).
|
|
34
|
+
*/
|
|
35
|
+
maxDimensions?: {
|
|
36
|
+
width?: number;
|
|
37
|
+
height?: number;
|
|
38
|
+
};
|
|
39
|
+
/**
|
|
40
|
+
* Sets a maximum file size in Bytes
|
|
41
|
+
*/
|
|
42
|
+
maxSize?: number;
|
|
43
|
+
/**
|
|
44
|
+
* Used to support `v-model`. Doesn't actually set the value of the file uploader.
|
|
45
|
+
*/
|
|
46
|
+
modelValue?: BentoFileUploaderValue;
|
|
47
|
+
/**
|
|
48
|
+
* Sets the field as optional.
|
|
49
|
+
*/
|
|
50
|
+
optional?: boolean;
|
|
51
|
+
/**
|
|
52
|
+
* Sets the field as required.
|
|
53
|
+
*/
|
|
54
|
+
required?: boolean;
|
|
55
|
+
/**
|
|
56
|
+
* Adds a info icon next to the label to display the passed tooltip message.
|
|
57
|
+
*/
|
|
58
|
+
tooltipText?: string;
|
|
59
|
+
}
|
|
60
|
+
/**
|
|
61
|
+
* Private types
|
|
62
|
+
*/
|
|
63
|
+
export declare enum FileState {
|
|
64
|
+
LOADING = "loading",
|
|
65
|
+
ERROR_SIZE = "error-size",
|
|
66
|
+
ERROR_LOAD = "error-load",
|
|
67
|
+
ERROR_DIMENSIONS = "error-dimensions",
|
|
68
|
+
ERROR_TYPE = "error-type",
|
|
69
|
+
SUCCESS = "success"
|
|
70
|
+
}
|
|
71
|
+
export declare enum FileUploaderState {
|
|
72
|
+
DISABLED = "disabled",
|
|
73
|
+
DRAG_OVER = "drag-over",
|
|
74
|
+
ERROR = "error",
|
|
75
|
+
READONLY = "readonly"
|
|
76
|
+
}
|
|
77
|
+
export declare enum FileType {
|
|
78
|
+
TABLE = "table",
|
|
79
|
+
IMAGE = "image",
|
|
80
|
+
VIDEO = "video",
|
|
81
|
+
AUDIO = "audio",
|
|
82
|
+
TEXT = "text",
|
|
83
|
+
PDF = "pdf",
|
|
84
|
+
SLIDES = "slides",
|
|
85
|
+
COMPRESSED = "compressed",
|
|
86
|
+
GENERIC = "generic"
|
|
87
|
+
}
|
|
88
|
+
export interface FileObject {
|
|
89
|
+
id: string;
|
|
90
|
+
data: File;
|
|
91
|
+
state: FileState;
|
|
92
|
+
type: FileType;
|
|
93
|
+
progress: number | null;
|
|
94
|
+
dimensions?: {
|
|
95
|
+
width: number;
|
|
96
|
+
height: number;
|
|
97
|
+
};
|
|
98
|
+
}
|
|
99
|
+
export type SupportedFileTypes = string;
|
|
@@ -0,0 +1,85 @@
|
|
|
1
|
+
import { type BentoFileUploaderProps } from './file-uploader.types';
|
|
2
|
+
/**
|
|
3
|
+
* The file uploader component enables users to upload one or multiple files from their device to our system.
|
|
4
|
+
*
|
|
5
|
+
* @example
|
|
6
|
+
* import { BentoFileUploader, type BentoFileValue } from '@adyen/bento-vue2';
|
|
7
|
+
*
|
|
8
|
+
* export default {
|
|
9
|
+
* components: { BentoFileUploader },
|
|
10
|
+
* template: `
|
|
11
|
+
* <bento-file-uploader
|
|
12
|
+
* accept="image/*,video/*,.pdf,.png"
|
|
13
|
+
* condensed
|
|
14
|
+
* description="Custom supporting text"
|
|
15
|
+
* disabled
|
|
16
|
+
* errorMessage="Custom error message"
|
|
17
|
+
* label="Bento file uploader"
|
|
18
|
+
* :maxCount="1"
|
|
19
|
+
* :maxDimensions="{ width: 200, height: 100 }"
|
|
20
|
+
* :maxSize="1000"
|
|
21
|
+
* v-model="files"
|
|
22
|
+
* multiple
|
|
23
|
+
* :optional="false"
|
|
24
|
+
* required
|
|
25
|
+
* tooltipText="Useful information"
|
|
26
|
+
* />
|
|
27
|
+
* `,
|
|
28
|
+
* setup() {
|
|
29
|
+
* const files = ref<BentoFileValue>()
|
|
30
|
+
* }
|
|
31
|
+
* }
|
|
32
|
+
*/
|
|
33
|
+
declare const _default: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").DefineComponent<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BentoFileUploaderProps>, {
|
|
34
|
+
accept: any;
|
|
35
|
+
description: any;
|
|
36
|
+
errorMessage: any;
|
|
37
|
+
maxCount: number;
|
|
38
|
+
maxDimensions: any;
|
|
39
|
+
maxSize: any;
|
|
40
|
+
modelValue: any;
|
|
41
|
+
tooltipText: any;
|
|
42
|
+
}>>, {}, {}, {}, {}, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentOptionsMixin, {
|
|
43
|
+
change: (value?: FileList) => void;
|
|
44
|
+
} & {
|
|
45
|
+
"update:modelValue": (value?: FileList) => void;
|
|
46
|
+
}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PublicProps, Readonly<import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<BentoFileUploaderProps>, {
|
|
47
|
+
accept: any;
|
|
48
|
+
description: any;
|
|
49
|
+
errorMessage: any;
|
|
50
|
+
maxCount: number;
|
|
51
|
+
maxDimensions: any;
|
|
52
|
+
maxSize: any;
|
|
53
|
+
modelValue: any;
|
|
54
|
+
tooltipText: any;
|
|
55
|
+
}>>> & Readonly<{
|
|
56
|
+
onChange?: (value?: FileList) => any;
|
|
57
|
+
"onUpdate:modelValue"?: (value?: FileList) => any;
|
|
58
|
+
}>, {
|
|
59
|
+
description: string;
|
|
60
|
+
tooltipText: string;
|
|
61
|
+
errorMessage: string;
|
|
62
|
+
modelValue: import("./file-uploader.types").BentoFileUploaderValue;
|
|
63
|
+
accept: HTMLInputElement["accept"];
|
|
64
|
+
maxCount: number;
|
|
65
|
+
maxDimensions: {
|
|
66
|
+
width?: number;
|
|
67
|
+
height?: number;
|
|
68
|
+
};
|
|
69
|
+
maxSize: number;
|
|
70
|
+
}, {}, {}, {}, string, import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").ComponentProvideOptions, true, {}, any>;
|
|
71
|
+
export default _default;
|
|
72
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
73
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
74
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
75
|
+
type: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
76
|
+
} : {
|
|
77
|
+
type: import("../../../../../node_modules/.pnpm/vue@3.5.13_typescript@5.6.3/node_modules/vue").PropType<T[K]>;
|
|
78
|
+
required: true;
|
|
79
|
+
};
|
|
80
|
+
};
|
|
81
|
+
type __VLS_WithDefaults<P, D> = {
|
|
82
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
|
|
83
|
+
default: D[K];
|
|
84
|
+
} : P[K];
|
|
85
|
+
};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Converts size in bytes to a human readable format.
|
|
3
|
+
* For example, it transforms "1000" to "1kB"
|
|
4
|
+
*
|
|
5
|
+
* @param locale App's set locale (e.g. en, es, pt-BR)
|
|
6
|
+
* @param size Size of file
|
|
7
|
+
* @returns Size of file using metrics
|
|
8
|
+
*/
|
|
9
|
+
export declare function formatFileSize(locale: string, size: number): string;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { FileType } from "../../file-uploader.types";
|
|
2
|
+
/**
|
|
3
|
+
* Categorizes the type of a file. Maps all types of text, image, video,
|
|
4
|
+
* audio and documents to an specific category such as "text/*" or "image/*" respectively
|
|
5
|
+
* @param file File to be typed
|
|
6
|
+
* @returns Type category of the file being uploaded
|
|
7
|
+
*/
|
|
8
|
+
export declare function getFileType(file: File): FileType;
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type FileObject } from "../../file-uploader.types";
|
|
2
|
+
/**
|
|
3
|
+
* Process a file to verify if it fulfills the accepted type restrictions defined in "accept",
|
|
4
|
+
* the dimensions for "image/*" types defined by "maxDimensions". The state of the "fileObject" will
|
|
5
|
+
* be updated according to the restrictions or if it was successfully uploaded.
|
|
6
|
+
*
|
|
7
|
+
* @param fileObject File to be processed
|
|
8
|
+
* @param accept HTML MIME types valid for the file to be processed
|
|
9
|
+
* @param maxDimensions Width and height restrictions for "image/*" files
|
|
10
|
+
*/
|
|
11
|
+
export declare function readFile(fileObject: FileObject, accept?: string, maxDimensions?: {
|
|
12
|
+
width?: number;
|
|
13
|
+
height?: number;
|
|
14
|
+
}): void;
|