@furystack/shades-common-components 11.0.0 → 12.0.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/CHANGELOG.md +430 -0
- package/esm/components/accordion/accordion-item.d.ts +31 -0
- package/esm/components/accordion/accordion-item.d.ts.map +1 -0
- package/esm/components/accordion/accordion-item.js +147 -0
- package/esm/components/accordion/accordion-item.js.map +1 -0
- package/esm/components/accordion/accordion.d.ts +27 -0
- package/esm/components/accordion/accordion.d.ts.map +1 -0
- package/esm/components/accordion/accordion.js +39 -0
- package/esm/components/accordion/accordion.js.map +1 -0
- package/esm/components/accordion/accordion.spec.d.ts +2 -0
- package/esm/components/accordion/accordion.spec.d.ts.map +1 -0
- package/esm/components/accordion/accordion.spec.js +284 -0
- package/esm/components/accordion/accordion.spec.js.map +1 -0
- package/esm/components/accordion/index.d.ts +3 -0
- package/esm/components/accordion/index.d.ts.map +1 -0
- package/esm/components/accordion/index.js +3 -0
- package/esm/components/accordion/index.js.map +1 -0
- package/esm/components/alert.d.ts +21 -0
- package/esm/components/alert.d.ts.map +1 -0
- package/esm/components/alert.js +131 -0
- package/esm/components/alert.js.map +1 -0
- package/esm/components/alert.spec.d.ts +2 -0
- package/esm/components/alert.spec.d.ts.map +1 -0
- package/esm/components/alert.spec.js +177 -0
- package/esm/components/alert.spec.js.map +1 -0
- package/esm/components/app-bar-link.d.ts +22 -2
- package/esm/components/app-bar-link.d.ts.map +1 -1
- package/esm/components/app-bar-link.js +20 -7
- package/esm/components/app-bar-link.js.map +1 -1
- package/esm/components/app-bar-link.spec.js +22 -19
- package/esm/components/app-bar-link.spec.js.map +1 -1
- package/esm/components/app-bar.d.ts +2 -0
- package/esm/components/app-bar.d.ts.map +1 -1
- package/esm/components/app-bar.js +16 -11
- package/esm/components/app-bar.js.map +1 -1
- package/esm/components/app-bar.spec.js +67 -52
- package/esm/components/app-bar.spec.js.map +1 -1
- package/esm/components/avatar.d.ts +2 -0
- package/esm/components/avatar.d.ts.map +1 -1
- package/esm/components/avatar.js +40 -37
- package/esm/components/avatar.js.map +1 -1
- package/esm/components/badge.d.ts +35 -0
- package/esm/components/badge.d.ts.map +1 -0
- package/esm/components/badge.js +68 -0
- package/esm/components/badge.js.map +1 -0
- package/esm/components/badge.spec.d.ts +2 -0
- package/esm/components/badge.spec.d.ts.map +1 -0
- package/esm/components/badge.spec.js +157 -0
- package/esm/components/badge.spec.js.map +1 -0
- package/esm/components/breadcrumb.d.ts +103 -0
- package/esm/components/breadcrumb.d.ts.map +1 -0
- package/esm/components/breadcrumb.js +121 -0
- package/esm/components/breadcrumb.js.map +1 -0
- package/esm/components/breadcrumb.spec.d.ts +2 -0
- package/esm/components/breadcrumb.spec.d.ts.map +1 -0
- package/esm/components/breadcrumb.spec.js +251 -0
- package/esm/components/breadcrumb.spec.js.map +1 -0
- package/esm/components/button-group.d.ts +85 -0
- package/esm/components/button-group.d.ts.map +1 -0
- package/esm/components/button-group.js +290 -0
- package/esm/components/button-group.js.map +1 -0
- package/esm/components/button-group.spec.d.ts +2 -0
- package/esm/components/button-group.spec.d.ts.map +1 -0
- package/esm/components/button-group.spec.js +502 -0
- package/esm/components/button-group.spec.js.map +1 -0
- package/esm/components/button.d.ts +44 -2
- package/esm/components/button.d.ts.map +1 -1
- package/esm/components/button.js +82 -73
- package/esm/components/button.js.map +1 -1
- package/esm/components/button.spec.js +205 -50
- package/esm/components/button.spec.js.map +1 -1
- package/esm/components/card.d.ts +117 -0
- package/esm/components/card.d.ts.map +1 -0
- package/esm/components/card.js +181 -0
- package/esm/components/card.js.map +1 -0
- package/esm/components/card.spec.d.ts +2 -0
- package/esm/components/card.spec.d.ts.map +1 -0
- package/esm/components/card.spec.js +278 -0
- package/esm/components/card.spec.js.map +1 -0
- package/esm/components/carousel.d.ts +50 -0
- package/esm/components/carousel.d.ts.map +1 -0
- package/esm/components/carousel.js +263 -0
- package/esm/components/carousel.js.map +1 -0
- package/esm/components/carousel.spec.d.ts +2 -0
- package/esm/components/carousel.spec.d.ts.map +1 -0
- package/esm/components/carousel.spec.js +677 -0
- package/esm/components/carousel.spec.js.map +1 -0
- package/esm/components/chip.d.ts +23 -0
- package/esm/components/chip.d.ts.map +1 -0
- package/esm/components/chip.js +139 -0
- package/esm/components/chip.js.map +1 -0
- package/esm/components/chip.spec.d.ts +2 -0
- package/esm/components/chip.spec.d.ts.map +1 -0
- package/esm/components/chip.spec.js +142 -0
- package/esm/components/chip.spec.js.map +1 -0
- package/esm/components/circular-progress.d.ts +37 -0
- package/esm/components/circular-progress.d.ts.map +1 -0
- package/esm/components/circular-progress.js +84 -0
- package/esm/components/circular-progress.js.map +1 -0
- package/esm/components/circular-progress.spec.d.ts +2 -0
- package/esm/components/circular-progress.spec.d.ts.map +1 -0
- package/esm/components/circular-progress.spec.js +228 -0
- package/esm/components/circular-progress.spec.js.map +1 -0
- package/esm/components/command-palette/command-palette-input.d.ts +3 -0
- package/esm/components/command-palette/command-palette-input.d.ts.map +1 -1
- package/esm/components/command-palette/command-palette-input.js +17 -9
- package/esm/components/command-palette/command-palette-input.js.map +1 -1
- package/esm/components/command-palette/command-palette-input.spec.js +172 -161
- package/esm/components/command-palette/command-palette-input.spec.js.map +1 -1
- package/esm/components/command-palette/command-palette-manager.spec.js +130 -114
- package/esm/components/command-palette/command-palette-manager.spec.js.map +1 -1
- package/esm/components/command-palette/command-palette-suggestion-list.d.ts +2 -0
- package/esm/components/command-palette/command-palette-suggestion-list.d.ts.map +1 -1
- package/esm/components/command-palette/command-palette-suggestion-list.js +20 -20
- package/esm/components/command-palette/command-palette-suggestion-list.js.map +1 -1
- package/esm/components/command-palette/command-palette-suggestion-list.spec.js +296 -278
- package/esm/components/command-palette/command-palette-suggestion-list.spec.js.map +1 -1
- package/esm/components/command-palette/index.d.ts +2 -0
- package/esm/components/command-palette/index.d.ts.map +1 -1
- package/esm/components/command-palette/index.js +25 -94
- package/esm/components/command-palette/index.js.map +1 -1
- package/esm/components/command-palette/index.spec.js +12 -12
- package/esm/components/command-palette/index.spec.js.map +1 -1
- package/esm/components/context-menu/context-menu-item.d.ts +9 -0
- package/esm/components/context-menu/context-menu-item.d.ts.map +1 -0
- package/esm/components/context-menu/context-menu-item.js +56 -0
- package/esm/components/context-menu/context-menu-item.js.map +1 -0
- package/esm/components/context-menu/context-menu-manager.d.ts +52 -0
- package/esm/components/context-menu/context-menu-manager.d.ts.map +1 -0
- package/esm/components/context-menu/context-menu-manager.js +128 -0
- package/esm/components/context-menu/context-menu-manager.js.map +1 -0
- package/esm/components/context-menu/context-menu-manager.spec.d.ts +2 -0
- package/esm/components/context-menu/context-menu-manager.spec.d.ts.map +1 -0
- package/esm/components/context-menu/context-menu-manager.spec.js +332 -0
- package/esm/components/context-menu/context-menu-manager.spec.js.map +1 -0
- package/esm/components/context-menu/context-menu.d.ts +8 -0
- package/esm/components/context-menu/context-menu.d.ts.map +1 -0
- package/esm/components/context-menu/context-menu.js +79 -0
- package/esm/components/context-menu/context-menu.js.map +1 -0
- package/esm/components/context-menu/context-menu.spec.d.ts +2 -0
- package/esm/components/context-menu/context-menu.spec.d.ts.map +1 -0
- package/esm/components/context-menu/context-menu.spec.js +282 -0
- package/esm/components/context-menu/context-menu.spec.js.map +1 -0
- package/esm/components/context-menu/index.d.ts +4 -0
- package/esm/components/context-menu/index.d.ts.map +1 -0
- package/esm/components/context-menu/index.js +4 -0
- package/esm/components/context-menu/index.js.map +1 -0
- package/esm/components/data-grid/body.spec.js +194 -184
- package/esm/components/data-grid/body.spec.js.map +1 -1
- package/esm/components/data-grid/data-grid-row.d.ts.map +1 -1
- package/esm/components/data-grid/data-grid-row.js +66 -54
- package/esm/components/data-grid/data-grid-row.js.map +1 -1
- package/esm/components/data-grid/data-grid-row.spec.js +127 -95
- package/esm/components/data-grid/data-grid-row.spec.js.map +1 -1
- package/esm/components/data-grid/data-grid.d.ts.map +1 -1
- package/esm/components/data-grid/data-grid.js +17 -16
- package/esm/components/data-grid/data-grid.js.map +1 -1
- package/esm/components/data-grid/data-grid.spec.js +454 -429
- package/esm/components/data-grid/data-grid.spec.js.map +1 -1
- package/esm/components/data-grid/footer.spec.js +215 -203
- package/esm/components/data-grid/footer.spec.js.map +1 -1
- package/esm/components/data-grid/header.d.ts +3 -1
- package/esm/components/data-grid/header.d.ts.map +1 -1
- package/esm/components/data-grid/header.js +42 -30
- package/esm/components/data-grid/header.js.map +1 -1
- package/esm/components/data-grid/header.spec.js +330 -307
- package/esm/components/data-grid/header.spec.js.map +1 -1
- package/esm/components/data-grid/selection-cell.d.ts +2 -0
- package/esm/components/data-grid/selection-cell.d.ts.map +1 -1
- package/esm/components/data-grid/selection-cell.js +2 -7
- package/esm/components/data-grid/selection-cell.js.map +1 -1
- package/esm/components/data-grid/selection-cell.spec.js +45 -36
- package/esm/components/data-grid/selection-cell.spec.js.map +1 -1
- package/esm/components/dialog.d.ts +46 -0
- package/esm/components/dialog.d.ts.map +1 -0
- package/esm/components/dialog.js +178 -0
- package/esm/components/dialog.js.map +1 -0
- package/esm/components/dialog.spec.d.ts +2 -0
- package/esm/components/dialog.spec.d.ts.map +1 -0
- package/esm/components/dialog.spec.js +113 -0
- package/esm/components/dialog.spec.js.map +1 -0
- package/esm/components/divider.d.ts +22 -0
- package/esm/components/divider.d.ts.map +1 -0
- package/esm/components/divider.js +113 -0
- package/esm/components/divider.js.map +1 -0
- package/esm/components/divider.spec.d.ts +2 -0
- package/esm/components/divider.spec.d.ts.map +1 -0
- package/esm/components/divider.spec.js +136 -0
- package/esm/components/divider.spec.js.map +1 -0
- package/esm/components/drawer/drawer-toggle-button.d.ts +36 -0
- package/esm/components/drawer/drawer-toggle-button.d.ts.map +1 -0
- package/esm/components/drawer/drawer-toggle-button.js +94 -0
- package/esm/components/drawer/drawer-toggle-button.js.map +1 -0
- package/esm/components/drawer/drawer-toggle-button.spec.d.ts +2 -0
- package/esm/components/drawer/drawer-toggle-button.spec.d.ts.map +1 -0
- package/esm/components/drawer/drawer-toggle-button.spec.js +306 -0
- package/esm/components/drawer/drawer-toggle-button.spec.js.map +1 -0
- package/esm/components/drawer/index.d.ts +56 -0
- package/esm/components/drawer/index.d.ts.map +1 -0
- package/esm/components/drawer/index.js +172 -0
- package/esm/components/drawer/index.js.map +1 -0
- package/esm/components/drawer/index.spec.d.ts +2 -0
- package/esm/components/drawer/index.spec.d.ts.map +1 -0
- package/esm/components/drawer/index.spec.js +538 -0
- package/esm/components/drawer/index.spec.js.map +1 -0
- package/esm/components/dropdown.d.ts +15 -0
- package/esm/components/dropdown.d.ts.map +1 -0
- package/esm/components/dropdown.js +262 -0
- package/esm/components/dropdown.js.map +1 -0
- package/esm/components/dropdown.spec.d.ts +2 -0
- package/esm/components/dropdown.spec.d.ts.map +1 -0
- package/esm/components/dropdown.spec.js +372 -0
- package/esm/components/dropdown.spec.js.map +1 -0
- package/esm/components/fab.d.ts +10 -1
- package/esm/components/fab.d.ts.map +1 -1
- package/esm/components/fab.js +24 -8
- package/esm/components/fab.js.map +1 -1
- package/esm/components/fab.spec.js +50 -39
- package/esm/components/fab.spec.js.map +1 -1
- package/esm/components/form.d.ts.map +1 -1
- package/esm/components/form.js +9 -7
- package/esm/components/form.js.map +1 -1
- package/esm/components/form.spec.js +209 -199
- package/esm/components/form.spec.js.map +1 -1
- package/esm/components/grid.js +10 -10
- package/esm/components/grid.js.map +1 -1
- package/esm/components/grid.spec.js +109 -85
- package/esm/components/grid.spec.js.map +1 -1
- package/esm/components/icons/icon-definitions.d.ts +140 -0
- package/esm/components/icons/icon-definitions.d.ts.map +1 -0
- package/esm/components/icons/icon-definitions.js +432 -0
- package/esm/components/icons/icon-definitions.js.map +1 -0
- package/esm/components/icons/icon-definitions.spec.d.ts +2 -0
- package/esm/components/icons/icon-definitions.spec.d.ts.map +1 -0
- package/esm/components/icons/icon-definitions.spec.js +59 -0
- package/esm/components/icons/icon-definitions.spec.js.map +1 -0
- package/esm/components/icons/icon-types.d.ts +48 -0
- package/esm/components/icons/icon-types.d.ts.map +1 -0
- package/esm/components/icons/icon-types.js +2 -0
- package/esm/components/icons/icon-types.js.map +1 -0
- package/esm/components/icons/icon.d.ts +56 -0
- package/esm/components/icons/icon.d.ts.map +1 -0
- package/esm/components/icons/icon.js +61 -0
- package/esm/components/icons/icon.js.map +1 -0
- package/esm/components/icons/icon.spec.d.ts +2 -0
- package/esm/components/icons/icon.spec.d.ts.map +1 -0
- package/esm/components/icons/icon.spec.js +224 -0
- package/esm/components/icons/icon.spec.js.map +1 -0
- package/esm/components/icons/index.d.ts +5 -0
- package/esm/components/icons/index.d.ts.map +1 -0
- package/esm/components/icons/index.js +3 -0
- package/esm/components/icons/index.js.map +1 -0
- package/esm/components/image.d.ts +62 -0
- package/esm/components/image.d.ts.map +1 -0
- package/esm/components/image.js +348 -0
- package/esm/components/image.js.map +1 -0
- package/esm/components/image.spec.d.ts +2 -0
- package/esm/components/image.spec.d.ts.map +1 -0
- package/esm/components/image.spec.js +542 -0
- package/esm/components/image.spec.js.map +1 -0
- package/esm/components/index.d.ts +32 -4
- package/esm/components/index.d.ts.map +1 -1
- package/esm/components/index.js +32 -4
- package/esm/components/index.js.map +1 -1
- package/esm/components/inputs/autocomplete.d.ts +2 -0
- package/esm/components/inputs/autocomplete.d.ts.map +1 -1
- package/esm/components/inputs/autocomplete.js +10 -6
- package/esm/components/inputs/autocomplete.js.map +1 -1
- package/esm/components/inputs/autocomplete.spec.js +10 -1
- package/esm/components/inputs/autocomplete.spec.js.map +1 -1
- package/esm/components/inputs/checkbox.d.ts +50 -0
- package/esm/components/inputs/checkbox.d.ts.map +1 -0
- package/esm/components/inputs/checkbox.js +126 -0
- package/esm/components/inputs/checkbox.js.map +1 -0
- package/esm/components/inputs/checkbox.spec.d.ts +2 -0
- package/esm/components/inputs/checkbox.spec.d.ts.map +1 -0
- package/esm/components/inputs/checkbox.spec.js +287 -0
- package/esm/components/inputs/checkbox.spec.js.map +1 -0
- package/esm/components/inputs/index.d.ts +7 -0
- package/esm/components/inputs/index.d.ts.map +1 -1
- package/esm/components/inputs/index.js +7 -0
- package/esm/components/inputs/index.js.map +1 -1
- package/esm/components/inputs/input-number.d.ts +79 -0
- package/esm/components/inputs/input-number.d.ts.map +1 -0
- package/esm/components/inputs/input-number.js +232 -0
- package/esm/components/inputs/input-number.js.map +1 -0
- package/esm/components/inputs/input-number.spec.d.ts +2 -0
- package/esm/components/inputs/input-number.spec.d.ts.map +1 -0
- package/esm/components/inputs/input-number.spec.js +516 -0
- package/esm/components/inputs/input-number.spec.js.map +1 -0
- package/esm/components/inputs/input.d.ts +2 -1
- package/esm/components/inputs/input.d.ts.map +1 -1
- package/esm/components/inputs/input.js +86 -116
- package/esm/components/inputs/input.js.map +1 -1
- package/esm/components/inputs/input.spec.js +461 -427
- package/esm/components/inputs/input.spec.js.map +1 -1
- package/esm/components/inputs/radio-group.d.ts +38 -0
- package/esm/components/inputs/radio-group.d.ts.map +1 -0
- package/esm/components/inputs/radio-group.js +58 -0
- package/esm/components/inputs/radio-group.js.map +1 -0
- package/esm/components/inputs/radio-group.spec.d.ts +2 -0
- package/esm/components/inputs/radio-group.spec.d.ts.map +1 -0
- package/esm/components/inputs/radio-group.spec.js +201 -0
- package/esm/components/inputs/radio-group.spec.js.map +1 -0
- package/esm/components/inputs/radio.d.ts +42 -0
- package/esm/components/inputs/radio.d.ts.map +1 -0
- package/esm/components/inputs/radio.js +134 -0
- package/esm/components/inputs/radio.js.map +1 -0
- package/esm/components/inputs/radio.spec.d.ts +2 -0
- package/esm/components/inputs/radio.spec.d.ts.map +1 -0
- package/esm/components/inputs/radio.spec.js +211 -0
- package/esm/components/inputs/radio.spec.js.map +1 -0
- package/esm/components/inputs/select.d.ts +67 -0
- package/esm/components/inputs/select.d.ts.map +1 -0
- package/esm/components/inputs/select.js +581 -0
- package/esm/components/inputs/select.js.map +1 -0
- package/esm/components/inputs/select.spec.d.ts +2 -0
- package/esm/components/inputs/select.spec.d.ts.map +1 -0
- package/esm/components/inputs/select.spec.js +1009 -0
- package/esm/components/inputs/select.spec.js.map +1 -0
- package/esm/components/inputs/slider.d.ts +66 -0
- package/esm/components/inputs/slider.d.ts.map +1 -0
- package/esm/components/inputs/slider.js +526 -0
- package/esm/components/inputs/slider.js.map +1 -0
- package/esm/components/inputs/slider.spec.d.ts +2 -0
- package/esm/components/inputs/slider.spec.d.ts.map +1 -0
- package/esm/components/inputs/slider.spec.js +812 -0
- package/esm/components/inputs/slider.spec.js.map +1 -0
- package/esm/components/inputs/switch.d.ts +50 -0
- package/esm/components/inputs/switch.d.ts.map +1 -0
- package/esm/components/inputs/switch.js +138 -0
- package/esm/components/inputs/switch.js.map +1 -0
- package/esm/components/inputs/switch.spec.d.ts +2 -0
- package/esm/components/inputs/switch.spec.d.ts.map +1 -0
- package/esm/components/inputs/switch.spec.js +313 -0
- package/esm/components/inputs/switch.spec.js.map +1 -0
- package/esm/components/inputs/text-area.d.ts +2 -0
- package/esm/components/inputs/text-area.d.ts.map +1 -1
- package/esm/components/inputs/text-area.js +13 -21
- package/esm/components/inputs/text-area.js.map +1 -1
- package/esm/components/inputs/text-area.spec.js +171 -156
- package/esm/components/inputs/text-area.spec.js.map +1 -1
- package/esm/components/linear-progress.d.ts +32 -0
- package/esm/components/linear-progress.d.ts.map +1 -0
- package/esm/components/linear-progress.js +79 -0
- package/esm/components/linear-progress.js.map +1 -0
- package/esm/components/linear-progress.spec.d.ts +2 -0
- package/esm/components/linear-progress.spec.d.ts.map +1 -0
- package/esm/components/linear-progress.spec.js +251 -0
- package/esm/components/linear-progress.spec.js.map +1 -0
- package/esm/components/list/index.d.ts +3 -0
- package/esm/components/list/index.d.ts.map +1 -0
- package/esm/components/list/index.js +3 -0
- package/esm/components/list/index.js.map +1 -0
- package/esm/components/list/list-item.d.ts +13 -0
- package/esm/components/list/list-item.d.ts.map +1 -0
- package/esm/components/list/list-item.js +81 -0
- package/esm/components/list/list-item.js.map +1 -0
- package/esm/components/list/list.d.ts +18 -0
- package/esm/components/list/list.d.ts.map +1 -0
- package/esm/components/list/list.js +42 -0
- package/esm/components/list/list.js.map +1 -0
- package/esm/components/list/list.spec.d.ts +2 -0
- package/esm/components/list/list.spec.d.ts.map +1 -0
- package/esm/components/list/list.spec.js +540 -0
- package/esm/components/list/list.spec.js.map +1 -0
- package/esm/components/loader.d.ts +2 -0
- package/esm/components/loader.d.ts.map +1 -1
- package/esm/components/loader.js +18 -10
- package/esm/components/loader.js.map +1 -1
- package/esm/components/loader.spec.js +191 -175
- package/esm/components/loader.spec.js.map +1 -1
- package/esm/components/menu/index.d.ts +3 -0
- package/esm/components/menu/index.d.ts.map +1 -0
- package/esm/components/menu/index.js +3 -0
- package/esm/components/menu/index.js.map +1 -0
- package/esm/components/menu/menu-types.d.ts +27 -0
- package/esm/components/menu/menu-types.d.ts.map +1 -0
- package/esm/components/menu/menu-types.js +22 -0
- package/esm/components/menu/menu-types.js.map +1 -0
- package/esm/components/menu/menu-types.spec.d.ts +2 -0
- package/esm/components/menu/menu-types.spec.d.ts.map +1 -0
- package/esm/components/menu/menu-types.spec.js +103 -0
- package/esm/components/menu/menu-types.spec.js.map +1 -0
- package/esm/components/menu/menu.d.ts +17 -0
- package/esm/components/menu/menu.d.ts.map +1 -0
- package/esm/components/menu/menu.js +240 -0
- package/esm/components/menu/menu.js.map +1 -0
- package/esm/components/menu/menu.spec.d.ts +2 -0
- package/esm/components/menu/menu.spec.d.ts.map +1 -0
- package/esm/components/menu/menu.spec.js +427 -0
- package/esm/components/menu/menu.spec.js.map +1 -0
- package/esm/components/modal.d.ts +3 -2
- package/esm/components/modal.d.ts.map +1 -1
- package/esm/components/modal.js +8 -5
- package/esm/components/modal.js.map +1 -1
- package/esm/components/modal.spec.js +50 -43
- package/esm/components/modal.spec.js.map +1 -1
- package/esm/components/noty-list.d.ts +4 -0
- package/esm/components/noty-list.d.ts.map +1 -1
- package/esm/components/noty-list.js +65 -53
- package/esm/components/noty-list.js.map +1 -1
- package/esm/components/noty-list.spec.js +71 -68
- package/esm/components/noty-list.spec.js.map +1 -1
- package/esm/components/page-container/index.d.ts +54 -0
- package/esm/components/page-container/index.d.ts.map +1 -0
- package/esm/components/page-container/index.js +63 -0
- package/esm/components/page-container/index.js.map +1 -0
- package/esm/components/page-container/index.spec.d.ts +2 -0
- package/esm/components/page-container/index.spec.d.ts.map +1 -0
- package/esm/components/page-container/index.spec.js +217 -0
- package/esm/components/page-container/index.spec.js.map +1 -0
- package/esm/components/page-container/page-header.d.ts +57 -0
- package/esm/components/page-container/page-header.d.ts.map +1 -0
- package/esm/components/page-container/page-header.js +93 -0
- package/esm/components/page-container/page-header.js.map +1 -0
- package/esm/components/page-container/page-header.spec.d.ts +2 -0
- package/esm/components/page-container/page-header.spec.d.ts.map +1 -0
- package/esm/components/page-container/page-header.spec.js +230 -0
- package/esm/components/page-container/page-header.spec.js.map +1 -0
- package/esm/components/page-layout/index.d.ts +83 -0
- package/esm/components/page-layout/index.d.ts.map +1 -0
- package/esm/components/page-layout/index.js +288 -0
- package/esm/components/page-layout/index.js.map +1 -0
- package/esm/components/page-layout/index.spec.d.ts +2 -0
- package/esm/components/page-layout/index.spec.d.ts.map +1 -0
- package/esm/components/page-layout/index.spec.js +637 -0
- package/esm/components/page-layout/index.spec.js.map +1 -0
- package/esm/components/pagination.d.ts +43 -0
- package/esm/components/pagination.d.ts.map +1 -0
- package/esm/components/pagination.js +165 -0
- package/esm/components/pagination.js.map +1 -0
- package/esm/components/pagination.spec.d.ts +2 -0
- package/esm/components/pagination.spec.d.ts.map +1 -0
- package/esm/components/pagination.spec.js +195 -0
- package/esm/components/pagination.spec.js.map +1 -0
- package/esm/components/paper.d.ts +3 -1
- package/esm/components/paper.d.ts.map +1 -1
- package/esm/components/paper.js +11 -9
- package/esm/components/paper.js.map +1 -1
- package/esm/components/paper.spec.js +26 -18
- package/esm/components/paper.spec.js.map +1 -1
- package/esm/components/rating.d.ts +62 -0
- package/esm/components/rating.d.ts.map +1 -0
- package/esm/components/rating.js +201 -0
- package/esm/components/rating.js.map +1 -0
- package/esm/components/rating.spec.d.ts +2 -0
- package/esm/components/rating.spec.d.ts.map +1 -0
- package/esm/components/rating.spec.js +663 -0
- package/esm/components/rating.spec.js.map +1 -0
- package/esm/components/result.d.ts +37 -0
- package/esm/components/result.d.ts.map +1 -0
- package/esm/components/result.js +109 -0
- package/esm/components/result.js.map +1 -0
- package/esm/components/result.spec.d.ts +2 -0
- package/esm/components/result.spec.d.ts.map +1 -0
- package/esm/components/result.spec.js +159 -0
- package/esm/components/result.spec.js.map +1 -0
- package/esm/components/searchable-input-styles.d.ts +8 -0
- package/esm/components/searchable-input-styles.d.ts.map +1 -0
- package/esm/components/searchable-input-styles.js +71 -0
- package/esm/components/searchable-input-styles.js.map +1 -0
- package/esm/components/skeleton.d.ts +2 -0
- package/esm/components/skeleton.d.ts.map +1 -1
- package/esm/components/skeleton.js +19 -6
- package/esm/components/skeleton.js.map +1 -1
- package/esm/components/skeleton.spec.js +103 -95
- package/esm/components/skeleton.spec.js.map +1 -1
- package/esm/components/styles.d.ts.map +1 -1
- package/esm/components/styles.js +14 -13
- package/esm/components/styles.js.map +1 -1
- package/esm/components/styles.spec.js +27 -26
- package/esm/components/styles.spec.js.map +1 -1
- package/esm/components/suggest/index.d.ts.map +1 -1
- package/esm/components/suggest/index.js +24 -85
- package/esm/components/suggest/index.js.map +1 -1
- package/esm/components/suggest/index.spec.js +402 -378
- package/esm/components/suggest/index.spec.js.map +1 -1
- package/esm/components/suggest/suggest-input.d.ts +2 -0
- package/esm/components/suggest/suggest-input.d.ts.map +1 -1
- package/esm/components/suggest/suggest-input.js +10 -8
- package/esm/components/suggest/suggest-input.js.map +1 -1
- package/esm/components/suggest/suggest-input.spec.js +83 -71
- package/esm/components/suggest/suggest-input.spec.js.map +1 -1
- package/esm/components/suggest/suggest-manager.spec.js +102 -92
- package/esm/components/suggest/suggest-manager.spec.js.map +1 -1
- package/esm/components/suggest/suggestion-list.d.ts.map +1 -1
- package/esm/components/suggest/suggestion-list.js +21 -22
- package/esm/components/suggest/suggestion-list.js.map +1 -1
- package/esm/components/suggest/suggestion-list.spec.js +165 -146
- package/esm/components/suggest/suggestion-list.spec.js.map +1 -1
- package/esm/components/tabs.d.ts +18 -2
- package/esm/components/tabs.d.ts.map +1 -1
- package/esm/components/tabs.js +154 -14
- package/esm/components/tabs.js.map +1 -1
- package/esm/components/tabs.spec.js +295 -7
- package/esm/components/tabs.spec.js.map +1 -1
- package/esm/components/timeline.d.ts +53 -0
- package/esm/components/timeline.d.ts.map +1 -0
- package/esm/components/timeline.js +162 -0
- package/esm/components/timeline.js.map +1 -0
- package/esm/components/timeline.spec.d.ts +2 -0
- package/esm/components/timeline.spec.d.ts.map +1 -0
- package/esm/components/timeline.spec.js +209 -0
- package/esm/components/timeline.spec.js.map +1 -0
- package/esm/components/tooltip.d.ts +25 -0
- package/esm/components/tooltip.d.ts.map +1 -0
- package/esm/components/tooltip.js +113 -0
- package/esm/components/tooltip.js.map +1 -0
- package/esm/components/tooltip.spec.d.ts +2 -0
- package/esm/components/tooltip.spec.d.ts.map +1 -0
- package/esm/components/tooltip.spec.js +152 -0
- package/esm/components/tooltip.spec.js.map +1 -0
- package/esm/components/tree/index.d.ts +3 -0
- package/esm/components/tree/index.d.ts.map +1 -0
- package/esm/components/tree/index.js +3 -0
- package/esm/components/tree/index.js.map +1 -0
- package/esm/components/tree/tree-item.d.ts +14 -0
- package/esm/components/tree/tree-item.d.ts.map +1 -0
- package/esm/components/tree/tree-item.js +118 -0
- package/esm/components/tree/tree-item.js.map +1 -0
- package/esm/components/tree/tree.d.ts +20 -0
- package/esm/components/tree/tree.d.ts.map +1 -0
- package/esm/components/tree/tree.js +66 -0
- package/esm/components/tree/tree.js.map +1 -0
- package/esm/components/tree/tree.spec.d.ts +2 -0
- package/esm/components/tree/tree.spec.d.ts.map +1 -0
- package/esm/components/tree/tree.spec.js +427 -0
- package/esm/components/tree/tree.spec.js.map +1 -0
- package/esm/components/typography.d.ts +48 -0
- package/esm/components/typography.d.ts.map +1 -0
- package/esm/components/typography.js +223 -0
- package/esm/components/typography.js.map +1 -0
- package/esm/components/typography.spec.d.ts +2 -0
- package/esm/components/typography.spec.d.ts.map +1 -0
- package/esm/components/typography.spec.js +199 -0
- package/esm/components/typography.spec.js.map +1 -0
- package/esm/components/wizard/index.d.ts +2 -0
- package/esm/components/wizard/index.d.ts.map +1 -1
- package/esm/components/wizard/index.spec.js +70 -56
- package/esm/components/wizard/index.spec.js.map +1 -1
- package/esm/services/click-away-service.d.ts +5 -2
- package/esm/services/click-away-service.d.ts.map +1 -1
- package/esm/services/click-away-service.js +7 -1
- package/esm/services/click-away-service.js.map +1 -1
- package/esm/services/css-variable-theme.d.ts +167 -1
- package/esm/services/css-variable-theme.d.ts.map +1 -1
- package/esm/services/css-variable-theme.js +102 -0
- package/esm/services/css-variable-theme.js.map +1 -1
- package/esm/services/css-variable-theme.spec.js +131 -1
- package/esm/services/css-variable-theme.spec.js.map +1 -1
- package/esm/services/default-dark-theme.d.ts +107 -2
- package/esm/services/default-dark-theme.d.ts.map +1 -1
- package/esm/services/default-dark-theme.js +87 -1
- package/esm/services/default-dark-theme.js.map +1 -1
- package/esm/services/default-light-theme.d.ts +107 -2
- package/esm/services/default-light-theme.d.ts.map +1 -1
- package/esm/services/default-light-theme.js +86 -0
- package/esm/services/default-light-theme.js.map +1 -1
- package/esm/services/index.d.ts +6 -2
- package/esm/services/index.d.ts.map +1 -1
- package/esm/services/index.js +6 -2
- package/esm/services/index.js.map +1 -1
- package/esm/services/layout-service.d.ts +217 -0
- package/esm/services/layout-service.d.ts.map +1 -0
- package/esm/services/layout-service.js +331 -0
- package/esm/services/layout-service.js.map +1 -0
- package/esm/services/layout-service.spec.d.ts +2 -0
- package/esm/services/layout-service.spec.d.ts.map +1 -0
- package/esm/services/layout-service.spec.js +425 -0
- package/esm/services/layout-service.spec.js.map +1 -0
- package/esm/services/list-service.d.ts +31 -0
- package/esm/services/list-service.d.ts.map +1 -0
- package/esm/services/list-service.js +149 -0
- package/esm/services/list-service.js.map +1 -0
- package/esm/services/list-service.spec.d.ts +2 -0
- package/esm/services/list-service.spec.d.ts.map +1 -0
- package/esm/services/list-service.spec.js +254 -0
- package/esm/services/list-service.spec.js.map +1 -0
- package/esm/services/palette-css-vars.d.ts +12 -0
- package/esm/services/palette-css-vars.d.ts.map +1 -0
- package/esm/services/palette-css-vars.js +44 -0
- package/esm/services/palette-css-vars.js.map +1 -0
- package/esm/services/theme-provider-service.d.ts +387 -2
- package/esm/services/theme-provider-service.d.ts.map +1 -1
- package/esm/services/theme-provider-service.js.map +1 -1
- package/esm/services/tree-service.d.ts +61 -0
- package/esm/services/tree-service.d.ts.map +1 -0
- package/esm/services/tree-service.js +149 -0
- package/esm/services/tree-service.js.map +1 -0
- package/esm/services/tree-service.spec.d.ts +2 -0
- package/esm/services/tree-service.spec.d.ts.map +1 -0
- package/esm/services/tree-service.spec.js +307 -0
- package/esm/services/tree-service.spec.js.map +1 -0
- package/esm/utils/promisify-animation.d.ts.map +1 -1
- package/esm/utils/promisify-animation.js +6 -1
- package/esm/utils/promisify-animation.js.map +1 -1
- package/package.json +4 -4
- package/src/components/accordion/accordion-item.tsx +197 -0
- package/src/components/accordion/accordion.spec.tsx +418 -0
- package/src/components/accordion/accordion.tsx +50 -0
- package/src/components/accordion/index.ts +2 -0
- package/src/components/alert.spec.tsx +256 -0
- package/src/components/alert.tsx +186 -0
- package/src/components/app-bar-link.spec.tsx +22 -19
- package/src/components/app-bar-link.tsx +29 -10
- package/src/components/app-bar.spec.tsx +73 -58
- package/src/components/app-bar.tsx +19 -12
- package/src/components/avatar.tsx +46 -47
- package/src/components/badge.spec.tsx +228 -0
- package/src/components/badge.tsx +104 -0
- package/src/components/breadcrumb.spec.tsx +396 -0
- package/src/components/breadcrumb.tsx +188 -0
- package/src/components/button-group.spec.tsx +611 -0
- package/src/components/button-group.tsx +423 -0
- package/src/components/button.spec.tsx +257 -67
- package/src/components/button.tsx +130 -80
- package/src/components/card.spec.tsx +389 -0
- package/src/components/card.tsx +261 -0
- package/src/components/carousel.spec.tsx +894 -0
- package/src/components/carousel.tsx +376 -0
- package/src/components/chip.spec.tsx +200 -0
- package/src/components/chip.tsx +188 -0
- package/src/components/circular-progress.spec.tsx +289 -0
- package/src/components/circular-progress.tsx +145 -0
- package/src/components/command-palette/command-palette-input.spec.tsx +209 -198
- package/src/components/command-palette/command-palette-input.tsx +25 -9
- package/src/components/command-palette/command-palette-manager.spec.ts +132 -117
- package/src/components/command-palette/command-palette-suggestion-list.spec.tsx +348 -330
- package/src/components/command-palette/command-palette-suggestion-list.tsx +22 -20
- package/src/components/command-palette/index.spec.tsx +12 -12
- package/src/components/command-palette/index.tsx +25 -102
- package/src/components/context-menu/context-menu-item.tsx +85 -0
- package/src/components/context-menu/context-menu-manager.spec.ts +478 -0
- package/src/components/context-menu/context-menu-manager.ts +148 -0
- package/src/components/context-menu/context-menu.spec.tsx +352 -0
- package/src/components/context-menu/context-menu.tsx +116 -0
- package/src/components/context-menu/index.ts +3 -0
- package/src/components/data-grid/body.spec.tsx +292 -278
- package/src/components/data-grid/data-grid-row.spec.tsx +165 -140
- package/src/components/data-grid/data-grid-row.tsx +72 -55
- package/src/components/data-grid/data-grid.spec.tsx +743 -718
- package/src/components/data-grid/data-grid.tsx +19 -15
- package/src/components/data-grid/footer.spec.tsx +249 -237
- package/src/components/data-grid/header.spec.tsx +374 -351
- package/src/components/data-grid/header.tsx +58 -39
- package/src/components/data-grid/selection-cell.spec.tsx +46 -45
- package/src/components/data-grid/selection-cell.tsx +2 -6
- package/src/components/dialog.spec.tsx +135 -0
- package/src/components/dialog.tsx +277 -0
- package/src/components/divider.spec.tsx +197 -0
- package/src/components/divider.tsx +147 -0
- package/src/components/drawer/drawer-toggle-button.spec.tsx +374 -0
- package/src/components/drawer/drawer-toggle-button.tsx +124 -0
- package/src/components/drawer/index.spec.tsx +748 -0
- package/src/components/drawer/index.tsx +227 -0
- package/src/components/dropdown.spec.tsx +445 -0
- package/src/components/dropdown.tsx +343 -0
- package/src/components/fab.spec.tsx +51 -40
- package/src/components/fab.tsx +32 -9
- package/src/components/form.spec.tsx +303 -293
- package/src/components/form.tsx +10 -7
- package/src/components/grid.spec.tsx +276 -183
- package/src/components/grid.tsx +10 -10
- package/src/components/icons/icon-definitions.spec.ts +68 -0
- package/src/components/icons/icon-definitions.ts +509 -0
- package/src/components/icons/icon-types.ts +48 -0
- package/src/components/icons/icon.spec.tsx +314 -0
- package/src/components/icons/icon.tsx +111 -0
- package/src/components/icons/index.ts +4 -0
- package/src/components/image.spec.tsx +748 -0
- package/src/components/image.tsx +520 -0
- package/src/components/index.ts +32 -4
- package/src/components/inputs/autocomplete.spec.tsx +10 -1
- package/src/components/inputs/autocomplete.tsx +13 -7
- package/src/components/inputs/checkbox.spec.tsx +377 -0
- package/src/components/inputs/checkbox.tsx +198 -0
- package/src/components/inputs/index.ts +7 -0
- package/src/components/inputs/input-number.spec.tsx +686 -0
- package/src/components/inputs/input-number.tsx +387 -0
- package/src/components/inputs/input.spec.tsx +544 -508
- package/src/components/inputs/input.tsx +91 -132
- package/src/components/inputs/radio-group.spec.tsx +281 -0
- package/src/components/inputs/radio-group.tsx +108 -0
- package/src/components/inputs/radio.spec.tsx +273 -0
- package/src/components/inputs/radio.tsx +199 -0
- package/src/components/inputs/select.spec.tsx +1237 -0
- package/src/components/inputs/select.tsx +775 -0
- package/src/components/inputs/slider.spec.tsx +1020 -0
- package/src/components/inputs/slider.tsx +696 -0
- package/src/components/inputs/switch.spec.tsx +410 -0
- package/src/components/inputs/switch.tsx +218 -0
- package/src/components/inputs/text-area.spec.tsx +186 -171
- package/src/components/inputs/text-area.tsx +13 -19
- package/src/components/linear-progress.spec.tsx +320 -0
- package/src/components/linear-progress.tsx +127 -0
- package/src/components/list/index.ts +2 -0
- package/src/components/list/list-item.tsx +106 -0
- package/src/components/list/list.spec.tsx +817 -0
- package/src/components/list/list.tsx +92 -0
- package/src/components/loader.spec.tsx +220 -204
- package/src/components/loader.tsx +17 -9
- package/src/components/menu/index.ts +2 -0
- package/src/components/menu/menu-types.spec.ts +122 -0
- package/src/components/menu/menu-types.ts +43 -0
- package/src/components/menu/menu.spec.tsx +483 -0
- package/src/components/menu/menu.tsx +326 -0
- package/src/components/modal.spec.tsx +65 -55
- package/src/components/modal.tsx +9 -6
- package/src/components/noty-list.spec.tsx +78 -75
- package/src/components/noty-list.tsx +76 -68
- package/src/components/page-container/index.spec.tsx +274 -0
- package/src/components/page-container/index.tsx +82 -0
- package/src/components/page-container/page-header.spec.tsx +308 -0
- package/src/components/page-container/page-header.tsx +127 -0
- package/src/components/page-layout/index.spec.tsx +882 -0
- package/src/components/page-layout/index.tsx +392 -0
- package/src/components/pagination.spec.tsx +275 -0
- package/src/components/pagination.tsx +249 -0
- package/src/components/paper.spec.tsx +26 -18
- package/src/components/paper.tsx +12 -10
- package/src/components/rating.spec.tsx +866 -0
- package/src/components/rating.tsx +286 -0
- package/src/components/result.spec.tsx +221 -0
- package/src/components/result.tsx +155 -0
- package/src/components/searchable-input-styles.ts +81 -0
- package/src/components/skeleton.spec.tsx +126 -118
- package/src/components/skeleton.tsx +23 -6
- package/src/components/styles.spec.ts +27 -28
- package/src/components/styles.tsx +15 -13
- package/src/components/suggest/index.spec.tsx +611 -587
- package/src/components/suggest/index.tsx +28 -95
- package/src/components/suggest/suggest-input.spec.tsx +95 -81
- package/src/components/suggest/suggest-input.tsx +9 -7
- package/src/components/suggest/suggest-manager.spec.ts +103 -93
- package/src/components/suggest/suggestion-list.spec.tsx +194 -173
- package/src/components/suggest/suggestion-list.tsx +23 -22
- package/src/components/tabs.spec.tsx +369 -7
- package/src/components/tabs.tsx +221 -18
- package/src/components/timeline.spec.tsx +294 -0
- package/src/components/timeline.tsx +221 -0
- package/src/components/tooltip.spec.tsx +223 -0
- package/src/components/tooltip.tsx +155 -0
- package/src/components/tree/index.ts +2 -0
- package/src/components/tree/tree-item.tsx +161 -0
- package/src/components/tree/tree.spec.tsx +677 -0
- package/src/components/tree/tree.tsx +111 -0
- package/src/components/typography.spec.tsx +235 -0
- package/src/components/typography.tsx +292 -0
- package/src/components/wizard/index.spec.tsx +77 -68
- package/src/services/click-away-service.ts +9 -3
- package/src/services/css-variable-theme.spec.ts +169 -1
- package/src/services/css-variable-theme.ts +107 -2
- package/src/services/default-dark-theme.ts +89 -3
- package/src/services/default-light-theme.ts +88 -2
- package/src/services/index.ts +6 -2
- package/src/services/layout-service.spec.ts +535 -0
- package/src/services/layout-service.ts +391 -0
- package/src/services/list-service.spec.ts +364 -0
- package/src/services/list-service.ts +169 -0
- package/src/services/palette-css-vars.ts +46 -0
- package/src/services/theme-provider-service.ts +246 -1
- package/src/services/tree-service.spec.ts +428 -0
- package/src/services/tree-service.ts +179 -0
- package/src/utils/promisify-animation.ts +7 -1
|
@@ -0,0 +1,502 @@
|
|
|
1
|
+
import { Injector } from '@furystack/inject';
|
|
2
|
+
import { createComponent, initializeShadeRoot } from '@furystack/shades';
|
|
3
|
+
import { sleepAsync, usingAsync } from '@furystack/utils';
|
|
4
|
+
import { afterEach, beforeEach, describe, expect, it, vi } from 'vitest';
|
|
5
|
+
import { ButtonGroup, SegmentedControl, ToggleButton, ToggleButtonGroup, } from './button-group.js';
|
|
6
|
+
import { Button } from './button.js';
|
|
7
|
+
describe('ButtonGroup', () => {
|
|
8
|
+
beforeEach(() => {
|
|
9
|
+
document.body.innerHTML = '<div id="root"></div>';
|
|
10
|
+
});
|
|
11
|
+
afterEach(() => {
|
|
12
|
+
document.body.innerHTML = '';
|
|
13
|
+
});
|
|
14
|
+
const renderButtonGroup = async (props = {}, children) => {
|
|
15
|
+
const injector = new Injector();
|
|
16
|
+
const root = document.getElementById('root');
|
|
17
|
+
initializeShadeRoot({
|
|
18
|
+
injector,
|
|
19
|
+
rootElement: root,
|
|
20
|
+
jsxElement: createComponent(ButtonGroup, { ...props }, children),
|
|
21
|
+
});
|
|
22
|
+
await sleepAsync(50);
|
|
23
|
+
return {
|
|
24
|
+
injector,
|
|
25
|
+
group: root.querySelector('shade-button-group'),
|
|
26
|
+
[Symbol.asyncDispose]: () => injector[Symbol.asyncDispose](),
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
describe('rendering', () => {
|
|
30
|
+
it('should render a button group element', async () => {
|
|
31
|
+
await usingAsync(await renderButtonGroup(), async ({ group }) => {
|
|
32
|
+
expect(group).toBeTruthy();
|
|
33
|
+
expect(group.tagName.toLowerCase()).toBe('shade-button-group');
|
|
34
|
+
});
|
|
35
|
+
});
|
|
36
|
+
it('should have role="group"', async () => {
|
|
37
|
+
await usingAsync(await renderButtonGroup(), async ({ group }) => {
|
|
38
|
+
expect(group.getAttribute('role')).toBe('group');
|
|
39
|
+
});
|
|
40
|
+
});
|
|
41
|
+
it('should render children', async () => {
|
|
42
|
+
await usingAsync(await renderButtonGroup({}, [createComponent(Button, null, "First"), createComponent(Button, null, "Second")]), async ({ group }) => {
|
|
43
|
+
const buttons = group.querySelectorAll('button[is="shade-button"]');
|
|
44
|
+
expect(buttons.length).toBe(2);
|
|
45
|
+
});
|
|
46
|
+
});
|
|
47
|
+
});
|
|
48
|
+
describe('orientation', () => {
|
|
49
|
+
it('should default to horizontal orientation', async () => {
|
|
50
|
+
await usingAsync(await renderButtonGroup(), async ({ group }) => {
|
|
51
|
+
expect(group.getAttribute('data-orientation')).toBe('horizontal');
|
|
52
|
+
});
|
|
53
|
+
});
|
|
54
|
+
it('should support vertical orientation', async () => {
|
|
55
|
+
await usingAsync(await renderButtonGroup({ orientation: 'vertical' }), async ({ group }) => {
|
|
56
|
+
expect(group.getAttribute('data-orientation')).toBe('vertical');
|
|
57
|
+
});
|
|
58
|
+
});
|
|
59
|
+
});
|
|
60
|
+
describe('variant', () => {
|
|
61
|
+
it('should not set data-variant when variant is not specified', async () => {
|
|
62
|
+
await usingAsync(await renderButtonGroup(), async ({ group }) => {
|
|
63
|
+
expect(group.getAttribute('data-variant')).toBeNull();
|
|
64
|
+
});
|
|
65
|
+
});
|
|
66
|
+
it('should set data-variant for contained', async () => {
|
|
67
|
+
await usingAsync(await renderButtonGroup({ variant: 'contained' }), async ({ group }) => {
|
|
68
|
+
expect(group.getAttribute('data-variant')).toBe('contained');
|
|
69
|
+
});
|
|
70
|
+
});
|
|
71
|
+
it('should set data-variant for outlined', async () => {
|
|
72
|
+
await usingAsync(await renderButtonGroup({ variant: 'outlined' }), async ({ group }) => {
|
|
73
|
+
expect(group.getAttribute('data-variant')).toBe('outlined');
|
|
74
|
+
});
|
|
75
|
+
});
|
|
76
|
+
});
|
|
77
|
+
describe('color', () => {
|
|
78
|
+
it('should not set data-color when color is not specified', async () => {
|
|
79
|
+
await usingAsync(await renderButtonGroup(), async ({ group }) => {
|
|
80
|
+
expect(group.getAttribute('data-color')).toBeNull();
|
|
81
|
+
});
|
|
82
|
+
});
|
|
83
|
+
it('should set data-color for primary', async () => {
|
|
84
|
+
await usingAsync(await renderButtonGroup({ color: 'primary' }), async ({ group }) => {
|
|
85
|
+
expect(group.getAttribute('data-color')).toBe('primary');
|
|
86
|
+
});
|
|
87
|
+
});
|
|
88
|
+
});
|
|
89
|
+
describe('disabled', () => {
|
|
90
|
+
it('should not set data-disabled when not disabled', async () => {
|
|
91
|
+
await usingAsync(await renderButtonGroup(), async ({ group }) => {
|
|
92
|
+
expect(group.hasAttribute('data-disabled')).toBe(false);
|
|
93
|
+
});
|
|
94
|
+
});
|
|
95
|
+
it('should set data-disabled when disabled', async () => {
|
|
96
|
+
await usingAsync(await renderButtonGroup({ disabled: true }), async ({ group }) => {
|
|
97
|
+
expect(group.hasAttribute('data-disabled')).toBe(true);
|
|
98
|
+
});
|
|
99
|
+
});
|
|
100
|
+
});
|
|
101
|
+
describe('custom styles', () => {
|
|
102
|
+
it('should apply custom styles', async () => {
|
|
103
|
+
await usingAsync(await renderButtonGroup({ style: { gap: '4px' } }), async ({ group }) => {
|
|
104
|
+
expect(group.style.gap).toBe('4px');
|
|
105
|
+
});
|
|
106
|
+
});
|
|
107
|
+
});
|
|
108
|
+
});
|
|
109
|
+
describe('ToggleButtonGroup', () => {
|
|
110
|
+
beforeEach(() => {
|
|
111
|
+
document.body.innerHTML = '<div id="root"></div>';
|
|
112
|
+
});
|
|
113
|
+
afterEach(() => {
|
|
114
|
+
document.body.innerHTML = '';
|
|
115
|
+
});
|
|
116
|
+
const renderToggleGroup = async (props = {}, children) => {
|
|
117
|
+
const injector = new Injector();
|
|
118
|
+
const root = document.getElementById('root');
|
|
119
|
+
initializeShadeRoot({
|
|
120
|
+
injector,
|
|
121
|
+
rootElement: root,
|
|
122
|
+
jsxElement: createComponent(ToggleButtonGroup, { ...props }, children),
|
|
123
|
+
});
|
|
124
|
+
await sleepAsync(100);
|
|
125
|
+
return {
|
|
126
|
+
injector,
|
|
127
|
+
group: root.querySelector('shade-toggle-button-group'),
|
|
128
|
+
[Symbol.asyncDispose]: () => injector[Symbol.asyncDispose](),
|
|
129
|
+
};
|
|
130
|
+
};
|
|
131
|
+
describe('rendering', () => {
|
|
132
|
+
it('should render a toggle button group', async () => {
|
|
133
|
+
await usingAsync(await renderToggleGroup(), async ({ group }) => {
|
|
134
|
+
expect(group).toBeTruthy();
|
|
135
|
+
expect(group.getAttribute('role')).toBe('group');
|
|
136
|
+
});
|
|
137
|
+
});
|
|
138
|
+
it('should render toggle button children', async () => {
|
|
139
|
+
await usingAsync(await renderToggleGroup({}, [
|
|
140
|
+
createComponent(ToggleButton, { value: "a" }, "A"),
|
|
141
|
+
createComponent(ToggleButton, { value: "b" }, "B"),
|
|
142
|
+
createComponent(ToggleButton, { value: "c" }, "C"),
|
|
143
|
+
]), async ({ group }) => {
|
|
144
|
+
const buttons = group.querySelectorAll('button[data-value]');
|
|
145
|
+
expect(buttons.length).toBe(3);
|
|
146
|
+
});
|
|
147
|
+
});
|
|
148
|
+
});
|
|
149
|
+
describe('exclusive mode', () => {
|
|
150
|
+
it('should call onValueChange with clicked value in exclusive mode', async () => {
|
|
151
|
+
const handleChange = vi.fn();
|
|
152
|
+
await usingAsync(await renderToggleGroup({ exclusive: true, value: '', onValueChange: handleChange }, [
|
|
153
|
+
createComponent(ToggleButton, { value: "left" }, "Left"),
|
|
154
|
+
createComponent(ToggleButton, { value: "center" }, "Center"),
|
|
155
|
+
createComponent(ToggleButton, { value: "right" }, "Right"),
|
|
156
|
+
]), async ({ group }) => {
|
|
157
|
+
const centerBtn = group.querySelector('button[data-value="center"]');
|
|
158
|
+
centerBtn.click();
|
|
159
|
+
expect(handleChange).toHaveBeenCalledWith('center');
|
|
160
|
+
});
|
|
161
|
+
});
|
|
162
|
+
it('should deselect in exclusive mode when clicking the already selected value', async () => {
|
|
163
|
+
const handleChange = vi.fn();
|
|
164
|
+
await usingAsync(await renderToggleGroup({ exclusive: true, value: 'center', onValueChange: handleChange }, [
|
|
165
|
+
createComponent(ToggleButton, { value: "left" }, "Left"),
|
|
166
|
+
createComponent(ToggleButton, { value: "center" }, "Center"),
|
|
167
|
+
createComponent(ToggleButton, { value: "right" }, "Right"),
|
|
168
|
+
]), async ({ group }) => {
|
|
169
|
+
const centerBtn = group.querySelector('button[data-value="center"]');
|
|
170
|
+
centerBtn.click();
|
|
171
|
+
expect(handleChange).toHaveBeenCalledWith('');
|
|
172
|
+
});
|
|
173
|
+
});
|
|
174
|
+
});
|
|
175
|
+
describe('multi-select mode', () => {
|
|
176
|
+
it('should add value to selection in multi-select mode', async () => {
|
|
177
|
+
const handleChange = vi.fn();
|
|
178
|
+
await usingAsync(await renderToggleGroup({ value: ['bold'], onValueChange: handleChange }, [
|
|
179
|
+
createComponent(ToggleButton, { value: "bold" }, "B"),
|
|
180
|
+
createComponent(ToggleButton, { value: "italic" }, "I"),
|
|
181
|
+
createComponent(ToggleButton, { value: "underline" }, "U"),
|
|
182
|
+
]), async ({ group }) => {
|
|
183
|
+
const italicBtn = group.querySelector('button[data-value="italic"]');
|
|
184
|
+
italicBtn.click();
|
|
185
|
+
expect(handleChange).toHaveBeenCalledWith(['bold', 'italic']);
|
|
186
|
+
});
|
|
187
|
+
});
|
|
188
|
+
it('should remove value from selection in multi-select mode', async () => {
|
|
189
|
+
const handleChange = vi.fn();
|
|
190
|
+
await usingAsync(await renderToggleGroup({ value: ['bold', 'italic'], onValueChange: handleChange }, [
|
|
191
|
+
createComponent(ToggleButton, { value: "bold" }, "B"),
|
|
192
|
+
createComponent(ToggleButton, { value: "italic" }, "I"),
|
|
193
|
+
createComponent(ToggleButton, { value: "underline" }, "U"),
|
|
194
|
+
]), async ({ group }) => {
|
|
195
|
+
const boldBtn = group.querySelector('button[data-value="bold"]');
|
|
196
|
+
boldBtn.click();
|
|
197
|
+
expect(handleChange).toHaveBeenCalledWith(['italic']);
|
|
198
|
+
});
|
|
199
|
+
});
|
|
200
|
+
});
|
|
201
|
+
describe('selected state', () => {
|
|
202
|
+
it('should mark the selected button with data-selected in exclusive mode', async () => {
|
|
203
|
+
await usingAsync(await renderToggleGroup({ exclusive: true, value: 'center' }, [
|
|
204
|
+
createComponent(ToggleButton, { value: "left" }, "Left"),
|
|
205
|
+
createComponent(ToggleButton, { value: "center" }, "Center"),
|
|
206
|
+
createComponent(ToggleButton, { value: "right" }, "Right"),
|
|
207
|
+
]), async ({ group }) => {
|
|
208
|
+
// Wait for requestAnimationFrame
|
|
209
|
+
await sleepAsync(50);
|
|
210
|
+
const centerBtn = group.querySelector('button[data-value="center"]');
|
|
211
|
+
const leftBtn = group.querySelector('button[data-value="left"]');
|
|
212
|
+
expect(centerBtn.hasAttribute('data-selected')).toBe(true);
|
|
213
|
+
expect(leftBtn.hasAttribute('data-selected')).toBe(false);
|
|
214
|
+
});
|
|
215
|
+
});
|
|
216
|
+
it('should mark multiple selected buttons in multi-select mode', async () => {
|
|
217
|
+
await usingAsync(await renderToggleGroup({ value: ['bold', 'underline'] }, [
|
|
218
|
+
createComponent(ToggleButton, { value: "bold" }, "B"),
|
|
219
|
+
createComponent(ToggleButton, { value: "italic" }, "I"),
|
|
220
|
+
createComponent(ToggleButton, { value: "underline" }, "U"),
|
|
221
|
+
]), async ({ group }) => {
|
|
222
|
+
await sleepAsync(50);
|
|
223
|
+
const boldBtn = group.querySelector('button[data-value="bold"]');
|
|
224
|
+
const italicBtn = group.querySelector('button[data-value="italic"]');
|
|
225
|
+
const underlineBtn = group.querySelector('button[data-value="underline"]');
|
|
226
|
+
expect(boldBtn.hasAttribute('data-selected')).toBe(true);
|
|
227
|
+
expect(italicBtn.hasAttribute('data-selected')).toBe(false);
|
|
228
|
+
expect(underlineBtn.hasAttribute('data-selected')).toBe(true);
|
|
229
|
+
});
|
|
230
|
+
});
|
|
231
|
+
});
|
|
232
|
+
describe('orientation', () => {
|
|
233
|
+
it('should default to horizontal', async () => {
|
|
234
|
+
await usingAsync(await renderToggleGroup(), async ({ group }) => {
|
|
235
|
+
expect(group.getAttribute('data-orientation')).toBe('horizontal');
|
|
236
|
+
});
|
|
237
|
+
});
|
|
238
|
+
it('should support vertical', async () => {
|
|
239
|
+
await usingAsync(await renderToggleGroup({ orientation: 'vertical' }), async ({ group }) => {
|
|
240
|
+
expect(group.getAttribute('data-orientation')).toBe('vertical');
|
|
241
|
+
});
|
|
242
|
+
});
|
|
243
|
+
});
|
|
244
|
+
describe('color', () => {
|
|
245
|
+
it('should set default color CSS variable when no color specified', async () => {
|
|
246
|
+
await usingAsync(await renderToggleGroup(), async ({ group }) => {
|
|
247
|
+
expect(group.style.getPropertyValue('--toggle-color-main')).toBe('var(--shades-theme-text-secondary)');
|
|
248
|
+
});
|
|
249
|
+
});
|
|
250
|
+
it('should set color CSS variable for a palette color', async () => {
|
|
251
|
+
await usingAsync(await renderToggleGroup({ color: 'primary' }), async ({ group }) => {
|
|
252
|
+
expect(group.style.getPropertyValue('--toggle-color-main')).toBe('var(--shades-theme-palette-primary-main)');
|
|
253
|
+
});
|
|
254
|
+
});
|
|
255
|
+
});
|
|
256
|
+
});
|
|
257
|
+
describe('SegmentedControl', () => {
|
|
258
|
+
beforeEach(() => {
|
|
259
|
+
document.body.innerHTML = '<div id="root"></div>';
|
|
260
|
+
});
|
|
261
|
+
afterEach(() => {
|
|
262
|
+
document.body.innerHTML = '';
|
|
263
|
+
});
|
|
264
|
+
const defaultOptions = [
|
|
265
|
+
{ value: 'daily', label: 'Daily' },
|
|
266
|
+
{ value: 'weekly', label: 'Weekly' },
|
|
267
|
+
{ value: 'monthly', label: 'Monthly' },
|
|
268
|
+
];
|
|
269
|
+
const renderSegmented = async (props = {}) => {
|
|
270
|
+
const injector = new Injector();
|
|
271
|
+
const root = document.getElementById('root');
|
|
272
|
+
initializeShadeRoot({
|
|
273
|
+
injector,
|
|
274
|
+
rootElement: root,
|
|
275
|
+
jsxElement: createComponent(SegmentedControl, { options: defaultOptions, ...props }),
|
|
276
|
+
});
|
|
277
|
+
await sleepAsync(50);
|
|
278
|
+
return {
|
|
279
|
+
injector,
|
|
280
|
+
control: root.querySelector('shade-segmented-control'),
|
|
281
|
+
[Symbol.asyncDispose]: () => injector[Symbol.asyncDispose](),
|
|
282
|
+
};
|
|
283
|
+
};
|
|
284
|
+
describe('rendering', () => {
|
|
285
|
+
it('should render a segmented control', async () => {
|
|
286
|
+
await usingAsync(await renderSegmented(), async ({ control }) => {
|
|
287
|
+
expect(control).toBeTruthy();
|
|
288
|
+
expect(control.getAttribute('role')).toBe('radiogroup');
|
|
289
|
+
});
|
|
290
|
+
});
|
|
291
|
+
it('should render all options as buttons', async () => {
|
|
292
|
+
await usingAsync(await renderSegmented(), async ({ control }) => {
|
|
293
|
+
const buttons = control.querySelectorAll('.segmented-option');
|
|
294
|
+
expect(buttons.length).toBe(3);
|
|
295
|
+
});
|
|
296
|
+
});
|
|
297
|
+
it('should render option labels', async () => {
|
|
298
|
+
await usingAsync(await renderSegmented(), async ({ control }) => {
|
|
299
|
+
const buttons = control.querySelectorAll('.segmented-option');
|
|
300
|
+
expect(buttons[0].textContent).toContain('Daily');
|
|
301
|
+
expect(buttons[1].textContent).toContain('Weekly');
|
|
302
|
+
expect(buttons[2].textContent).toContain('Monthly');
|
|
303
|
+
});
|
|
304
|
+
});
|
|
305
|
+
});
|
|
306
|
+
describe('selection', () => {
|
|
307
|
+
it('should mark the selected option with data-selected', async () => {
|
|
308
|
+
await usingAsync(await renderSegmented({ value: 'weekly' }), async ({ control }) => {
|
|
309
|
+
const buttons = control.querySelectorAll('.segmented-option');
|
|
310
|
+
expect(buttons[0].hasAttribute('data-selected')).toBe(false);
|
|
311
|
+
expect(buttons[1].hasAttribute('data-selected')).toBe(true);
|
|
312
|
+
expect(buttons[2].hasAttribute('data-selected')).toBe(false);
|
|
313
|
+
});
|
|
314
|
+
});
|
|
315
|
+
it('should set aria-checked on the selected option', async () => {
|
|
316
|
+
await usingAsync(await renderSegmented({ value: 'daily' }), async ({ control }) => {
|
|
317
|
+
const buttons = control.querySelectorAll('.segmented-option');
|
|
318
|
+
expect(buttons[0].getAttribute('aria-checked')).toBe('true');
|
|
319
|
+
expect(buttons[1].getAttribute('aria-checked')).toBe('false');
|
|
320
|
+
});
|
|
321
|
+
});
|
|
322
|
+
it('should call onValueChange when an option is clicked', async () => {
|
|
323
|
+
const handleChange = vi.fn();
|
|
324
|
+
await usingAsync(await renderSegmented({ value: 'daily', onValueChange: handleChange }), async ({ control }) => {
|
|
325
|
+
const monthlyBtn = control.querySelectorAll('.segmented-option')[2];
|
|
326
|
+
monthlyBtn.click();
|
|
327
|
+
expect(handleChange).toHaveBeenCalledWith('monthly');
|
|
328
|
+
});
|
|
329
|
+
});
|
|
330
|
+
it('should not call onValueChange when clicking the already selected option', async () => {
|
|
331
|
+
const handleChange = vi.fn();
|
|
332
|
+
await usingAsync(await renderSegmented({ value: 'daily', onValueChange: handleChange }), async ({ control }) => {
|
|
333
|
+
const dailyBtn = control.querySelectorAll('.segmented-option')[0];
|
|
334
|
+
dailyBtn.click();
|
|
335
|
+
expect(handleChange).not.toHaveBeenCalled();
|
|
336
|
+
});
|
|
337
|
+
});
|
|
338
|
+
});
|
|
339
|
+
describe('disabled', () => {
|
|
340
|
+
it('should disable all options when disabled', async () => {
|
|
341
|
+
await usingAsync(await renderSegmented({ disabled: true }), async ({ control }) => {
|
|
342
|
+
const buttons = control.querySelectorAll('.segmented-option');
|
|
343
|
+
expect(buttons.length).toBe(3);
|
|
344
|
+
buttons.forEach((btn) => {
|
|
345
|
+
expect(btn.disabled).toBe(true);
|
|
346
|
+
});
|
|
347
|
+
});
|
|
348
|
+
});
|
|
349
|
+
it('should disable individual options', async () => {
|
|
350
|
+
const options = [
|
|
351
|
+
{ value: 'a', label: 'A' },
|
|
352
|
+
{ value: 'b', label: 'B', disabled: true },
|
|
353
|
+
{ value: 'c', label: 'C' },
|
|
354
|
+
];
|
|
355
|
+
await usingAsync(await renderSegmented({ options }), async ({ control }) => {
|
|
356
|
+
const buttons = control.querySelectorAll('.segmented-option');
|
|
357
|
+
expect(buttons[0].disabled).toBe(false);
|
|
358
|
+
expect(buttons[1].disabled).toBe(true);
|
|
359
|
+
expect(buttons[2].disabled).toBe(false);
|
|
360
|
+
});
|
|
361
|
+
});
|
|
362
|
+
it('should not call onValueChange when a disabled option is clicked', async () => {
|
|
363
|
+
const handleChange = vi.fn();
|
|
364
|
+
const options = [
|
|
365
|
+
{ value: 'a', label: 'A' },
|
|
366
|
+
{ value: 'b', label: 'B', disabled: true },
|
|
367
|
+
];
|
|
368
|
+
await usingAsync(await renderSegmented({ options, onValueChange: handleChange }), async ({ control }) => {
|
|
369
|
+
const disabledBtn = control.querySelectorAll('.segmented-option')[1];
|
|
370
|
+
disabledBtn.click();
|
|
371
|
+
expect(handleChange).not.toHaveBeenCalled();
|
|
372
|
+
});
|
|
373
|
+
});
|
|
374
|
+
});
|
|
375
|
+
describe('size', () => {
|
|
376
|
+
it('should not set data-size by default', async () => {
|
|
377
|
+
await usingAsync(await renderSegmented(), async ({ control }) => {
|
|
378
|
+
expect(control.hasAttribute('data-size')).toBe(false);
|
|
379
|
+
});
|
|
380
|
+
});
|
|
381
|
+
it('should set data-size="small" for small size', async () => {
|
|
382
|
+
await usingAsync(await renderSegmented({ size: 'small' }), async ({ control }) => {
|
|
383
|
+
expect(control.getAttribute('data-size')).toBe('small');
|
|
384
|
+
});
|
|
385
|
+
});
|
|
386
|
+
});
|
|
387
|
+
describe('color', () => {
|
|
388
|
+
it('should set default primary color CSS variable', async () => {
|
|
389
|
+
await usingAsync(await renderSegmented(), async ({ control }) => {
|
|
390
|
+
expect(control.style.getPropertyValue('--seg-color-main')).toBe('var(--shades-theme-palette-primary-main)');
|
|
391
|
+
});
|
|
392
|
+
});
|
|
393
|
+
it('should set color CSS variable for a palette color', async () => {
|
|
394
|
+
await usingAsync(await renderSegmented({ color: 'secondary' }), async ({ control }) => {
|
|
395
|
+
expect(control.style.getPropertyValue('--seg-color-main')).toBe('var(--shades-theme-palette-secondary-main)');
|
|
396
|
+
});
|
|
397
|
+
});
|
|
398
|
+
});
|
|
399
|
+
describe('custom styles', () => {
|
|
400
|
+
it('should apply custom styles', async () => {
|
|
401
|
+
await usingAsync(await renderSegmented({ style: { margin: '10px' } }), async ({ control }) => {
|
|
402
|
+
expect(control.style.margin).toBe('10px');
|
|
403
|
+
});
|
|
404
|
+
});
|
|
405
|
+
});
|
|
406
|
+
});
|
|
407
|
+
describe('ToggleButtonGroup edge cases', () => {
|
|
408
|
+
beforeEach(() => {
|
|
409
|
+
document.body.innerHTML = '<div id="root"></div>';
|
|
410
|
+
});
|
|
411
|
+
afterEach(() => {
|
|
412
|
+
document.body.innerHTML = '';
|
|
413
|
+
});
|
|
414
|
+
const renderToggleGroup = async (props = {}, children) => {
|
|
415
|
+
const injector = new Injector();
|
|
416
|
+
const root = document.getElementById('root');
|
|
417
|
+
initializeShadeRoot({
|
|
418
|
+
injector,
|
|
419
|
+
rootElement: root,
|
|
420
|
+
jsxElement: createComponent(ToggleButtonGroup, { ...props }, children),
|
|
421
|
+
});
|
|
422
|
+
await sleepAsync(100);
|
|
423
|
+
return {
|
|
424
|
+
injector,
|
|
425
|
+
group: root.querySelector('shade-toggle-button-group'),
|
|
426
|
+
[Symbol.asyncDispose]: () => injector[Symbol.asyncDispose](),
|
|
427
|
+
};
|
|
428
|
+
};
|
|
429
|
+
it('should handle string value for multi-select (non-array)', async () => {
|
|
430
|
+
const handleChange = vi.fn();
|
|
431
|
+
await usingAsync(await renderToggleGroup({ value: 'bold', onValueChange: handleChange }, [
|
|
432
|
+
createComponent(ToggleButton, { value: "bold" }, "B"),
|
|
433
|
+
createComponent(ToggleButton, { value: "italic" }, "I"),
|
|
434
|
+
]), async ({ group }) => {
|
|
435
|
+
const italicBtn = group.querySelector('button[data-value="italic"]');
|
|
436
|
+
italicBtn.click();
|
|
437
|
+
expect(handleChange).toHaveBeenCalledWith(['bold', 'italic']);
|
|
438
|
+
});
|
|
439
|
+
});
|
|
440
|
+
it('should handle empty value for multi-select', async () => {
|
|
441
|
+
const handleChange = vi.fn();
|
|
442
|
+
await usingAsync(await renderToggleGroup({ value: undefined, onValueChange: handleChange }, [
|
|
443
|
+
createComponent(ToggleButton, { value: "bold" }, "B"),
|
|
444
|
+
]), async ({ group }) => {
|
|
445
|
+
const boldBtn = group.querySelector('button[data-value="bold"]');
|
|
446
|
+
boldBtn.click();
|
|
447
|
+
expect(handleChange).toHaveBeenCalledWith(['bold']);
|
|
448
|
+
});
|
|
449
|
+
});
|
|
450
|
+
it('should handle exclusive mode with array value', async () => {
|
|
451
|
+
const handleChange = vi.fn();
|
|
452
|
+
await usingAsync(await renderToggleGroup({ exclusive: true, value: ['center'], onValueChange: handleChange }, [
|
|
453
|
+
createComponent(ToggleButton, { value: "left" }, "Left"),
|
|
454
|
+
createComponent(ToggleButton, { value: "center" }, "Center"),
|
|
455
|
+
]), async ({ group }) => {
|
|
456
|
+
const leftBtn = group.querySelector('button[data-value="left"]');
|
|
457
|
+
leftBtn.click();
|
|
458
|
+
expect(handleChange).toHaveBeenCalledWith('left');
|
|
459
|
+
});
|
|
460
|
+
});
|
|
461
|
+
it('should not call onValueChange when clicking a disabled button', async () => {
|
|
462
|
+
const handleChange = vi.fn();
|
|
463
|
+
await usingAsync(await renderToggleGroup({ exclusive: true, value: '', onValueChange: handleChange }, [
|
|
464
|
+
createComponent(ToggleButton, { value: "a", disabled: true }, "A"),
|
|
465
|
+
]), async ({ group }) => {
|
|
466
|
+
const btn = group.querySelector('button[data-value="a"]');
|
|
467
|
+
btn.click();
|
|
468
|
+
expect(handleChange).not.toHaveBeenCalled();
|
|
469
|
+
});
|
|
470
|
+
});
|
|
471
|
+
it('should disable all toggle buttons when group disabled is true', async () => {
|
|
472
|
+
await usingAsync(await renderToggleGroup({ disabled: true }, [
|
|
473
|
+
createComponent(ToggleButton, { value: "a" }, "A"),
|
|
474
|
+
createComponent(ToggleButton, { value: "b" }, "B"),
|
|
475
|
+
]), async ({ group }) => {
|
|
476
|
+
await sleepAsync(50);
|
|
477
|
+
const buttons = group.querySelectorAll('button[data-value]');
|
|
478
|
+
buttons.forEach((btn) => {
|
|
479
|
+
expect(btn.hasAttribute('disabled')).toBe(true);
|
|
480
|
+
});
|
|
481
|
+
});
|
|
482
|
+
});
|
|
483
|
+
it('should apply vertical orientation border radius', async () => {
|
|
484
|
+
await usingAsync(await renderToggleGroup({ orientation: 'vertical' }, [
|
|
485
|
+
createComponent(ToggleButton, { value: "a" }, "A"),
|
|
486
|
+
createComponent(ToggleButton, { value: "b" }, "B"),
|
|
487
|
+
]), async ({ group }) => {
|
|
488
|
+
await sleepAsync(50);
|
|
489
|
+
const buttons = group.querySelectorAll('button[data-value]');
|
|
490
|
+
// First button should have top radius
|
|
491
|
+
expect(buttons[0].style.borderRadius).toContain('0 0');
|
|
492
|
+
// Last button should have bottom radius
|
|
493
|
+
expect(buttons[1].style.borderRadius).toContain('0 0');
|
|
494
|
+
});
|
|
495
|
+
});
|
|
496
|
+
it('should apply custom style', async () => {
|
|
497
|
+
await usingAsync(await renderToggleGroup({ style: { gap: '8px' } }), async ({ group }) => {
|
|
498
|
+
expect(group.style.gap).toBe('8px');
|
|
499
|
+
});
|
|
500
|
+
});
|
|
501
|
+
});
|
|
502
|
+
//# sourceMappingURL=button-group.spec.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"button-group.spec.js","sourceRoot":"","sources":["../../src/components/button-group.spec.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,13 +1,55 @@
|
|
|
1
1
|
import type { PartialElement } from '@furystack/shades';
|
|
2
2
|
import type { Palette } from '../services/theme-provider-service.js';
|
|
3
3
|
export type ButtonProps = PartialElement<HTMLButtonElement> & {
|
|
4
|
-
|
|
4
|
+
/**
|
|
5
|
+
* The visual variant of the button.
|
|
6
|
+
* - 'contained': solid background color
|
|
7
|
+
* - 'outlined': border with transparent background
|
|
8
|
+
* - 'text': no background or border (default behavior)
|
|
9
|
+
*/
|
|
10
|
+
variant?: 'contained' | 'outlined' | 'text';
|
|
11
|
+
/** The palette color for the button */
|
|
5
12
|
color?: keyof Palette;
|
|
13
|
+
/**
|
|
14
|
+
* The size of the button.
|
|
15
|
+
* @default 'medium'
|
|
16
|
+
*/
|
|
17
|
+
size?: 'small' | 'medium' | 'large';
|
|
18
|
+
/** When true, applies the error palette color regardless of the `color` prop */
|
|
19
|
+
danger?: boolean;
|
|
20
|
+
/** When true, shows a loading spinner and disables the button */
|
|
21
|
+
loading?: boolean;
|
|
22
|
+
/** An element rendered before the button label */
|
|
23
|
+
startIcon?: JSX.Element;
|
|
24
|
+
/** An element rendered after the button label */
|
|
25
|
+
endIcon?: JSX.Element;
|
|
6
26
|
};
|
|
7
27
|
export declare const Button: (props: Omit<Partial<HTMLButtonElement>, "style"> & {
|
|
8
28
|
style?: Partial<CSSStyleDeclaration>;
|
|
9
29
|
} & {
|
|
10
|
-
|
|
30
|
+
ref?: import("@furystack/shades").RefObject<Element>;
|
|
31
|
+
} & {
|
|
32
|
+
/**
|
|
33
|
+
* The visual variant of the button.
|
|
34
|
+
* - 'contained': solid background color
|
|
35
|
+
* - 'outlined': border with transparent background
|
|
36
|
+
* - 'text': no background or border (default behavior)
|
|
37
|
+
*/
|
|
38
|
+
variant?: "contained" | "outlined" | "text";
|
|
39
|
+
/** The palette color for the button */
|
|
11
40
|
color?: keyof Palette;
|
|
41
|
+
/**
|
|
42
|
+
* The size of the button.
|
|
43
|
+
* @default 'medium'
|
|
44
|
+
*/
|
|
45
|
+
size?: "small" | "medium" | "large";
|
|
46
|
+
/** When true, applies the error palette color regardless of the `color` prop */
|
|
47
|
+
danger?: boolean;
|
|
48
|
+
/** When true, shows a loading spinner and disables the button */
|
|
49
|
+
loading?: boolean;
|
|
50
|
+
/** An element rendered before the button label */
|
|
51
|
+
startIcon?: JSX.Element;
|
|
52
|
+
/** An element rendered after the button label */
|
|
53
|
+
endIcon?: JSX.Element;
|
|
12
54
|
} & Omit<Partial<HTMLElement>, "style">, children?: import("@furystack/shades").ChildrenList) => JSX.Element;
|
|
13
55
|
//# sourceMappingURL=button.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;
|
|
1
|
+
{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../src/components/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAIvD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uCAAuC,CAAA;AAEpE,MAAM,MAAM,WAAW,GAAG,cAAc,CAAC,iBAAiB,CAAC,GAAG;IAC5D;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAA;IAC3C,uCAAuC;IACvC,KAAK,CAAC,EAAE,MAAM,OAAO,CAAA;IACrB;;;OAGG;IACH,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,gFAAgF;IAChF,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,iEAAiE;IACjE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kDAAkD;IAClD,SAAS,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;IACvB,iDAAiD;IACjD,OAAO,CAAC,EAAE,GAAG,CAAC,OAAO,CAAA;CACtB,CAAA;AAqCD,eAAO,MAAM,MAAM;;;;;IA3DjB;;;;;OAKG;cACO,WAAW,GAAG,UAAU,GAAG,MAAM;IAC3C,uCAAuC;YAC/B,MAAM,OAAO;IACrB;;;OAGG;WACI,OAAO,GAAG,QAAQ,GAAG,OAAO;IACnC,gFAAgF;aACvE,OAAO;IAChB,iEAAiE;cACvD,OAAO;IACjB,kDAAkD;gBACtC,GAAG,CAAC,OAAO;IACvB,iDAAiD;cACvC,GAAG,CAAC,OAAO;4GA6MrB,CAAA"}
|