@furystack/shades-common-components 11.0.0 → 12.0.1
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 +443 -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 +326 -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 +364 -430
- 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/click-away-service.spec.js +14 -12
- package/esm/services/click-away-service.spec.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 +283 -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 +338 -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 +7 -8
- 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 +219 -219
- 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 +358 -358
- 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 +433 -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 +287 -283
- 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 +659 -729
- 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.spec.ts +14 -16
- 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 +362 -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 +412 -0
- package/src/services/tree-service.ts +179 -0
- package/src/utils/promisify-animation.ts +7 -1
|
@@ -0,0 +1,152 @@
|
|
|
1
|
+
import { createComponent, flushUpdates } from '@furystack/shades';
|
|
2
|
+
import { describe, expect, it } from 'vitest';
|
|
3
|
+
import { Tooltip } from './tooltip.js';
|
|
4
|
+
describe('Tooltip', () => {
|
|
5
|
+
it('should be defined', () => {
|
|
6
|
+
expect(Tooltip).toBeDefined();
|
|
7
|
+
expect(typeof Tooltip).toBe('function');
|
|
8
|
+
});
|
|
9
|
+
it('should create a tooltip element with default props', () => {
|
|
10
|
+
const el = (createComponent(Tooltip, { title: "Hello" }));
|
|
11
|
+
expect(el).toBeDefined();
|
|
12
|
+
expect(el.tagName?.toLowerCase()).toBe('shade-tooltip');
|
|
13
|
+
});
|
|
14
|
+
it('should render title content inside the popup', async () => {
|
|
15
|
+
const el = (createComponent("div", null,
|
|
16
|
+
createComponent(Tooltip, { title: "My Tooltip" },
|
|
17
|
+
createComponent("span", null, "Trigger"))));
|
|
18
|
+
const tooltip = el.firstElementChild;
|
|
19
|
+
tooltip.updateComponent();
|
|
20
|
+
await flushUpdates();
|
|
21
|
+
const popup = tooltip.querySelector('.tooltip-popup');
|
|
22
|
+
expect(popup.textContent).toContain('My Tooltip');
|
|
23
|
+
});
|
|
24
|
+
it('should set data-placement when placement prop is provided', async () => {
|
|
25
|
+
const el = (createComponent("div", null,
|
|
26
|
+
createComponent(Tooltip, { title: "Tip", placement: "bottom" },
|
|
27
|
+
createComponent("span", null, "Trigger"))));
|
|
28
|
+
const tooltip = el.firstElementChild;
|
|
29
|
+
tooltip.updateComponent();
|
|
30
|
+
await flushUpdates();
|
|
31
|
+
expect(tooltip.getAttribute('data-placement')).toBe('bottom');
|
|
32
|
+
});
|
|
33
|
+
it('should render a tooltip-popup with role="tooltip"', async () => {
|
|
34
|
+
const el = (createComponent("div", null,
|
|
35
|
+
createComponent(Tooltip, { title: "Tip" },
|
|
36
|
+
createComponent("span", null, "Hover me"))));
|
|
37
|
+
const tooltip = el.firstElementChild;
|
|
38
|
+
tooltip.updateComponent();
|
|
39
|
+
await flushUpdates();
|
|
40
|
+
const popup = tooltip.querySelector('.tooltip-popup');
|
|
41
|
+
expect(popup).toBeDefined();
|
|
42
|
+
expect(popup).not.toBeNull();
|
|
43
|
+
expect(popup.getAttribute('role')).toBe('tooltip');
|
|
44
|
+
});
|
|
45
|
+
it('should render the title content inside the popup', async () => {
|
|
46
|
+
const el = (createComponent("div", null,
|
|
47
|
+
createComponent(Tooltip, { title: "Hello World" },
|
|
48
|
+
createComponent("span", null, "Trigger"))));
|
|
49
|
+
const tooltip = el.firstElementChild;
|
|
50
|
+
tooltip.updateComponent();
|
|
51
|
+
await flushUpdates();
|
|
52
|
+
const popup = tooltip.querySelector('.tooltip-popup');
|
|
53
|
+
expect(popup.textContent).toContain('Hello World');
|
|
54
|
+
});
|
|
55
|
+
it('should render an arrow element', async () => {
|
|
56
|
+
const el = (createComponent("div", null,
|
|
57
|
+
createComponent(Tooltip, { title: "Tip" },
|
|
58
|
+
createComponent("span", null, "Trigger"))));
|
|
59
|
+
const tooltip = el.firstElementChild;
|
|
60
|
+
tooltip.updateComponent();
|
|
61
|
+
await flushUpdates();
|
|
62
|
+
const arrow = tooltip.querySelector('.tooltip-arrow');
|
|
63
|
+
expect(arrow).not.toBeNull();
|
|
64
|
+
});
|
|
65
|
+
it('should set data-placement attribute when placement is provided', async () => {
|
|
66
|
+
const el = (createComponent("div", null,
|
|
67
|
+
createComponent(Tooltip, { title: "Tip", placement: "bottom" },
|
|
68
|
+
createComponent("span", null, "Trigger"))));
|
|
69
|
+
const tooltip = el.firstElementChild;
|
|
70
|
+
tooltip.updateComponent();
|
|
71
|
+
await flushUpdates();
|
|
72
|
+
expect(tooltip.getAttribute('data-placement')).toBe('bottom');
|
|
73
|
+
});
|
|
74
|
+
it('should not set data-placement attribute when placement is not provided', async () => {
|
|
75
|
+
const el = (createComponent("div", null,
|
|
76
|
+
createComponent(Tooltip, { title: "Tip" },
|
|
77
|
+
createComponent("span", null, "Trigger"))));
|
|
78
|
+
const tooltip = el.firstElementChild;
|
|
79
|
+
tooltip.updateComponent();
|
|
80
|
+
await flushUpdates();
|
|
81
|
+
expect(tooltip.hasAttribute('data-placement')).toBe(false);
|
|
82
|
+
});
|
|
83
|
+
it('should set data-placement for each valid placement', async () => {
|
|
84
|
+
const placements = ['top', 'bottom', 'left', 'right'];
|
|
85
|
+
for (const placement of placements) {
|
|
86
|
+
const el = (createComponent("div", null,
|
|
87
|
+
createComponent(Tooltip, { title: "Tip", placement: placement },
|
|
88
|
+
createComponent("span", null, "Trigger"))));
|
|
89
|
+
const tooltip = el.firstElementChild;
|
|
90
|
+
tooltip.updateComponent();
|
|
91
|
+
await flushUpdates();
|
|
92
|
+
expect(tooltip.getAttribute('data-placement')).toBe(placement);
|
|
93
|
+
}
|
|
94
|
+
});
|
|
95
|
+
it('should set data-disabled attribute when disabled', async () => {
|
|
96
|
+
const el = (createComponent("div", null,
|
|
97
|
+
createComponent(Tooltip, { title: "Tip", disabled: true },
|
|
98
|
+
createComponent("span", null, "Trigger"))));
|
|
99
|
+
const tooltip = el.firstElementChild;
|
|
100
|
+
tooltip.updateComponent();
|
|
101
|
+
await flushUpdates();
|
|
102
|
+
expect(tooltip.hasAttribute('data-disabled')).toBe(true);
|
|
103
|
+
});
|
|
104
|
+
it('should not set data-disabled attribute when not disabled', async () => {
|
|
105
|
+
const el = (createComponent("div", null,
|
|
106
|
+
createComponent(Tooltip, { title: "Tip" },
|
|
107
|
+
createComponent("span", null, "Trigger"))));
|
|
108
|
+
const tooltip = el.firstElementChild;
|
|
109
|
+
tooltip.updateComponent();
|
|
110
|
+
await flushUpdates();
|
|
111
|
+
expect(tooltip.hasAttribute('data-disabled')).toBe(false);
|
|
112
|
+
});
|
|
113
|
+
it('should set --tooltip-delay CSS variable when delay is provided', async () => {
|
|
114
|
+
const el = (createComponent("div", null,
|
|
115
|
+
createComponent(Tooltip, { title: "Tip", delay: 300 },
|
|
116
|
+
createComponent("span", null, "Trigger"))));
|
|
117
|
+
const tooltip = el.firstElementChild;
|
|
118
|
+
tooltip.updateComponent();
|
|
119
|
+
await flushUpdates();
|
|
120
|
+
expect(tooltip.style.getPropertyValue('--tooltip-delay')).toBe('300ms');
|
|
121
|
+
});
|
|
122
|
+
it('should not set --tooltip-delay CSS variable when delay is 0', async () => {
|
|
123
|
+
const el = (createComponent("div", null,
|
|
124
|
+
createComponent(Tooltip, { title: "Tip", delay: 0 },
|
|
125
|
+
createComponent("span", null, "Trigger"))));
|
|
126
|
+
const tooltip = el.firstElementChild;
|
|
127
|
+
tooltip.updateComponent();
|
|
128
|
+
await flushUpdates();
|
|
129
|
+
expect(tooltip.style.getPropertyValue('--tooltip-delay')).toBe('');
|
|
130
|
+
});
|
|
131
|
+
it('should not set --tooltip-delay CSS variable when delay is not provided', async () => {
|
|
132
|
+
const el = (createComponent("div", null,
|
|
133
|
+
createComponent(Tooltip, { title: "Tip" },
|
|
134
|
+
createComponent("span", null, "Trigger"))));
|
|
135
|
+
const tooltip = el.firstElementChild;
|
|
136
|
+
tooltip.updateComponent();
|
|
137
|
+
await flushUpdates();
|
|
138
|
+
expect(tooltip.style.getPropertyValue('--tooltip-delay')).toBe('');
|
|
139
|
+
});
|
|
140
|
+
it('should render children as trigger content', async () => {
|
|
141
|
+
const el = (createComponent("div", null,
|
|
142
|
+
createComponent(Tooltip, { title: "Tip" },
|
|
143
|
+
createComponent("button", null, "Click me"))));
|
|
144
|
+
const tooltip = el.firstElementChild;
|
|
145
|
+
tooltip.updateComponent();
|
|
146
|
+
await flushUpdates();
|
|
147
|
+
const button = tooltip.querySelector('button');
|
|
148
|
+
expect(button).not.toBeNull();
|
|
149
|
+
expect(button?.textContent).toBe('Click me');
|
|
150
|
+
});
|
|
151
|
+
});
|
|
152
|
+
//# sourceMappingURL=tooltip.spec.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tooltip.spec.js","sourceRoot":"","sources":["../../src/components/tooltip.spec.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/tree/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/tree/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAA;AAC9B,cAAc,WAAW,CAAA"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ChildrenList } from '@furystack/shades';
|
|
2
|
+
import type { FlattenedTreeNode, TreeService } from '../../services/tree-service.js';
|
|
3
|
+
import type { TreeItemState } from './tree.js';
|
|
4
|
+
export type TreeItemProps<T> = {
|
|
5
|
+
item: T;
|
|
6
|
+
treeService: TreeService<T>;
|
|
7
|
+
nodeInfo: FlattenedTreeNode<T>;
|
|
8
|
+
isNew: boolean;
|
|
9
|
+
renderItem: (item: T, state: TreeItemState) => JSX.Element;
|
|
10
|
+
renderIcon?: (item: T, isExpanded: boolean) => JSX.Element;
|
|
11
|
+
onActivate?: (item: T) => void;
|
|
12
|
+
};
|
|
13
|
+
export declare const TreeItem: <T>(props: TreeItemProps<T>, children: ChildrenList) => JSX.Element<any>;
|
|
14
|
+
//# sourceMappingURL=tree-item.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tree-item.d.ts","sourceRoot":"","sources":["../../../src/components/tree/tree-item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAGrD,OAAO,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAGpF,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,WAAW,CAAA;AAE9C,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI;IAC7B,IAAI,EAAE,CAAC,CAAA;IACP,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;IAC3B,QAAQ,EAAE,iBAAiB,CAAC,CAAC,CAAC,CAAA;IAC9B,KAAK,EAAE,OAAO,CAAA;IACd,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,CAAA;IAC1D,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO,CAAA;IAC1D,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;CAC/B,CAAA;AAKD,eAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,CA2I5F,CAAA"}
|
|
@@ -0,0 +1,118 @@
|
|
|
1
|
+
import { createComponent, Shade } from '@furystack/shades';
|
|
2
|
+
import { buildTransition, cssVariableTheme } from '../../services/css-variable-theme.js';
|
|
3
|
+
import { Icon } from '../icons/icon.js';
|
|
4
|
+
import { chevronRight } from '../icons/icon-definitions.js';
|
|
5
|
+
const INDENT_PX = 20;
|
|
6
|
+
const EXPAND_ICON_WIDTH = 20;
|
|
7
|
+
export const TreeItem = Shade({
|
|
8
|
+
shadowDomName: 'shade-tree-item',
|
|
9
|
+
css: {
|
|
10
|
+
display: 'flex',
|
|
11
|
+
alignItems: 'center',
|
|
12
|
+
cursor: 'default',
|
|
13
|
+
userSelect: 'none',
|
|
14
|
+
padding: `${cssVariableTheme.spacing.xs} ${cssVariableTheme.spacing.sm}`,
|
|
15
|
+
gap: '6px',
|
|
16
|
+
transition: buildTransition(['opacity', cssVariableTheme.transitions.duration.fast, 'ease-out'], ['transform', cssVariableTheme.transitions.duration.fast, 'ease-out'], ['background-color', cssVariableTheme.transitions.duration.fast, 'ease'], ['box-shadow', cssVariableTheme.transitions.duration.fast, cssVariableTheme.transitions.easing.easeInOut]),
|
|
17
|
+
borderLeft: '3px solid transparent',
|
|
18
|
+
'&[data-animate-in]': {
|
|
19
|
+
opacity: '0',
|
|
20
|
+
transform: 'translateY(-6px)',
|
|
21
|
+
},
|
|
22
|
+
'&:not([data-selected]):hover': {
|
|
23
|
+
backgroundColor: cssVariableTheme.action.hoverBackground,
|
|
24
|
+
},
|
|
25
|
+
'&[data-selected]': {
|
|
26
|
+
backgroundColor: cssVariableTheme.action.selectedBackground,
|
|
27
|
+
borderLeft: `3px solid ${cssVariableTheme.palette.primary.main}`,
|
|
28
|
+
},
|
|
29
|
+
'&[data-focused]': {
|
|
30
|
+
boxShadow: `0 0 0 2px ${cssVariableTheme.palette.primary.main} inset`,
|
|
31
|
+
},
|
|
32
|
+
},
|
|
33
|
+
render: ({ props, useObservable, useHostProps, useRef, useState }) => {
|
|
34
|
+
const { item, treeService, nodeInfo, isNew, renderItem, renderIcon, onActivate } = props;
|
|
35
|
+
const { level, hasChildren, isExpanded } = nodeInfo;
|
|
36
|
+
const [selection] = useObservable('selection', treeService.selection);
|
|
37
|
+
const [focusedItem] = useObservable('focusedItem', treeService.focusedItem);
|
|
38
|
+
const [isAnimatingIn, setIsAnimatingIn] = useState('isAnimatingIn', isNew);
|
|
39
|
+
if (isNew) {
|
|
40
|
+
requestAnimationFrame(() => {
|
|
41
|
+
requestAnimationFrame(() => setIsAnimatingIn(false));
|
|
42
|
+
});
|
|
43
|
+
}
|
|
44
|
+
const isFocused = focusedItem === item;
|
|
45
|
+
const isSelected = selection.includes(item);
|
|
46
|
+
useHostProps({
|
|
47
|
+
role: 'treeitem',
|
|
48
|
+
'aria-level': (level + 1).toString(),
|
|
49
|
+
'aria-selected': isSelected.toString(),
|
|
50
|
+
...(hasChildren ? { 'aria-expanded': isExpanded.toString() } : {}),
|
|
51
|
+
onclick: (ev) => {
|
|
52
|
+
treeService.handleItemClick(item, ev);
|
|
53
|
+
},
|
|
54
|
+
ondblclick: () => {
|
|
55
|
+
treeService.handleItemDoubleClick(item);
|
|
56
|
+
if (!hasChildren) {
|
|
57
|
+
onActivate?.(item);
|
|
58
|
+
}
|
|
59
|
+
},
|
|
60
|
+
...(isAnimatingIn ? { 'data-animate-in': '' } : {}),
|
|
61
|
+
...(isSelected ? { 'data-selected': '' } : {}),
|
|
62
|
+
...(isFocused ? { 'data-focused': '' } : {}),
|
|
63
|
+
});
|
|
64
|
+
const wrapperRef = useRef('wrapper');
|
|
65
|
+
if (isFocused) {
|
|
66
|
+
queueMicrotask(() => {
|
|
67
|
+
const el = wrapperRef.current;
|
|
68
|
+
if (!el)
|
|
69
|
+
return;
|
|
70
|
+
const scrollContainer = el.closest('shade-tree');
|
|
71
|
+
if (scrollContainer) {
|
|
72
|
+
const hostEl = el.closest('shade-tree-item');
|
|
73
|
+
if (!hostEl)
|
|
74
|
+
return;
|
|
75
|
+
const containerRect = scrollContainer.getBoundingClientRect();
|
|
76
|
+
const itemRect = hostEl.getBoundingClientRect();
|
|
77
|
+
const itemTopInContainer = itemRect.top - containerRect.top;
|
|
78
|
+
const itemBottomInContainer = itemRect.bottom - containerRect.top;
|
|
79
|
+
if (itemTopInContainer < 0) {
|
|
80
|
+
scrollContainer.scrollTo({
|
|
81
|
+
top: scrollContainer.scrollTop + itemTopInContainer,
|
|
82
|
+
behavior: 'smooth',
|
|
83
|
+
});
|
|
84
|
+
}
|
|
85
|
+
else if (itemBottomInContainer > scrollContainer.clientHeight) {
|
|
86
|
+
scrollContainer.scrollTo({
|
|
87
|
+
top: scrollContainer.scrollTop + (itemBottomInContainer - scrollContainer.clientHeight),
|
|
88
|
+
behavior: 'smooth',
|
|
89
|
+
});
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
});
|
|
93
|
+
}
|
|
94
|
+
const state = { isFocused, isSelected, level, hasChildren, isExpanded };
|
|
95
|
+
const handleExpandClick = (ev) => {
|
|
96
|
+
ev.stopPropagation();
|
|
97
|
+
treeService.toggleExpanded(item);
|
|
98
|
+
};
|
|
99
|
+
return (createComponent("span", { ref: wrapperRef, style: { display: 'contents' } },
|
|
100
|
+
createComponent("span", { style: { width: `${level * INDENT_PX}px`, flexShrink: '0' } }),
|
|
101
|
+
createComponent("span", { className: "tree-item-expand", style: {
|
|
102
|
+
width: `${EXPAND_ICON_WIDTH}px`,
|
|
103
|
+
flexShrink: '0',
|
|
104
|
+
display: 'flex',
|
|
105
|
+
alignItems: 'center',
|
|
106
|
+
justifyContent: 'center',
|
|
107
|
+
cursor: hasChildren ? 'pointer' : 'default',
|
|
108
|
+
}, onclick: hasChildren ? handleExpandClick : undefined }, hasChildren ? (createComponent("span", { style: {
|
|
109
|
+
display: 'inline-flex',
|
|
110
|
+
transition: 'transform 0.2s ease',
|
|
111
|
+
transform: isExpanded ? 'rotate(90deg)' : 'rotate(0deg)',
|
|
112
|
+
} },
|
|
113
|
+
createComponent(Icon, { icon: chevronRight, size: 14 }))) : ('')),
|
|
114
|
+
renderIcon && createComponent("span", { className: "tree-item-icon" }, renderIcon(item, isExpanded)),
|
|
115
|
+
createComponent("span", { className: "tree-item-content", style: { flex: '1' } }, renderItem(item, state))));
|
|
116
|
+
},
|
|
117
|
+
});
|
|
118
|
+
//# sourceMappingURL=tree-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tree-item.js","sourceRoot":"","sources":["../../../src/components/tree/tree-item.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import type { ChildrenList, PartialElement } from '@furystack/shades';
|
|
2
|
+
import type { TreeService } from '../../services/tree-service.js';
|
|
3
|
+
export type TreeItemState = {
|
|
4
|
+
isFocused: boolean;
|
|
5
|
+
isSelected: boolean;
|
|
6
|
+
level: number;
|
|
7
|
+
hasChildren: boolean;
|
|
8
|
+
isExpanded: boolean;
|
|
9
|
+
};
|
|
10
|
+
export type TreeProps<T> = {
|
|
11
|
+
rootItems: T[];
|
|
12
|
+
treeService: TreeService<T>;
|
|
13
|
+
renderItem: (item: T, state: TreeItemState) => JSX.Element;
|
|
14
|
+
renderIcon?: (item: T, isExpanded: boolean) => JSX.Element;
|
|
15
|
+
variant?: 'contained' | 'outlined';
|
|
16
|
+
onItemActivate?: (item: T) => void;
|
|
17
|
+
onSelectionChange?: (selected: T[]) => void;
|
|
18
|
+
} & PartialElement<HTMLDivElement>;
|
|
19
|
+
export declare const Tree: <T>(props: TreeProps<T>, children: ChildrenList) => JSX.Element<any>;
|
|
20
|
+
//# sourceMappingURL=tree.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tree.d.ts","sourceRoot":"","sources":["../../../src/components/tree/tree.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAA;AAGrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAA;AAGjE,MAAM,MAAM,aAAa,GAAG;IAC1B,SAAS,EAAE,OAAO,CAAA;IAClB,UAAU,EAAE,OAAO,CAAA;IACnB,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,EAAE,OAAO,CAAA;IACpB,UAAU,EAAE,OAAO,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,SAAS,CAAC,CAAC,IAAI;IACzB,SAAS,EAAE,CAAC,EAAE,CAAA;IACd,WAAW,EAAE,WAAW,CAAC,CAAC,CAAC,CAAA;IAC3B,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,EAAE,aAAa,KAAK,GAAG,CAAC,OAAO,CAAA;IAC1D,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,EAAE,UAAU,EAAE,OAAO,KAAK,GAAG,CAAC,OAAO,CAAA;IAC1D,OAAO,CAAC,EAAE,WAAW,GAAG,UAAU,CAAA;IAClC,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,IAAI,CAAA;IAClC,iBAAiB,CAAC,EAAE,CAAC,QAAQ,EAAE,CAAC,EAAE,KAAK,IAAI,CAAA;CAC5C,GAAG,cAAc,CAAC,cAAc,CAAC,CAAA;AAElC,eAAO,MAAM,IAAI,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,SAAS,CAAC,CAAC,CAAC,EAAE,QAAQ,EAAE,YAAY,KAAK,GAAG,CAAC,OAAO,CAAC,GAAG,CAsFpF,CAAA"}
|
|
@@ -0,0 +1,66 @@
|
|
|
1
|
+
import { createComponent, Shade } from '@furystack/shades';
|
|
2
|
+
import { ObservableValue } from '@furystack/utils';
|
|
3
|
+
import { TreeItem } from './tree-item.js';
|
|
4
|
+
export const Tree = Shade({
|
|
5
|
+
shadowDomName: 'shade-tree',
|
|
6
|
+
css: {
|
|
7
|
+
display: 'block',
|
|
8
|
+
width: '100%',
|
|
9
|
+
overflow: 'auto',
|
|
10
|
+
},
|
|
11
|
+
render: ({ props, useDisposable, useObservable, useHostProps }) => {
|
|
12
|
+
useDisposable('keydown-handler', () => {
|
|
13
|
+
const listener = (ev) => {
|
|
14
|
+
props.treeService.handleKeyDown(ev);
|
|
15
|
+
if (ev.key === 'Enter' && props.treeService.hasFocus.getValue()) {
|
|
16
|
+
const focusedItem = props.treeService.focusedItem.getValue();
|
|
17
|
+
if (focusedItem && props.onItemActivate) {
|
|
18
|
+
props.onItemActivate(focusedItem);
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
};
|
|
22
|
+
window.addEventListener('keydown', listener);
|
|
23
|
+
return { [Symbol.dispose]: () => window.removeEventListener('keydown', listener) };
|
|
24
|
+
});
|
|
25
|
+
if (props.treeService.rootItems.getValue() !== props.rootItems) {
|
|
26
|
+
props.treeService.rootItems.setValue(props.rootItems);
|
|
27
|
+
props.treeService.updateFlattenedNodes();
|
|
28
|
+
}
|
|
29
|
+
const treeInstanceId = useDisposable('treeInstanceId', () => ({
|
|
30
|
+
value: Math.random().toString(36).slice(2),
|
|
31
|
+
[Symbol.dispose]() { },
|
|
32
|
+
}));
|
|
33
|
+
useDisposable('clickAway', () => {
|
|
34
|
+
const listener = (ev) => {
|
|
35
|
+
const isInside = ev
|
|
36
|
+
.composedPath()
|
|
37
|
+
.some((el) => el instanceof HTMLElement && el.dataset.treeInstanceId === treeInstanceId.value);
|
|
38
|
+
if (!isInside) {
|
|
39
|
+
props.treeService.hasFocus.setValue(false);
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
window.addEventListener('click', listener, true);
|
|
43
|
+
return { [Symbol.dispose]: () => window.removeEventListener('click', listener, true) };
|
|
44
|
+
});
|
|
45
|
+
if (props.onSelectionChange) {
|
|
46
|
+
const { onSelectionChange } = props;
|
|
47
|
+
useDisposable('selectionChangeCallback', () => props.treeService.selection.subscribe((newSelection) => {
|
|
48
|
+
onSelectionChange(newSelection);
|
|
49
|
+
}));
|
|
50
|
+
}
|
|
51
|
+
useHostProps({
|
|
52
|
+
'data-variant': props.variant || undefined,
|
|
53
|
+
'data-tree-instance-id': treeInstanceId.value,
|
|
54
|
+
role: 'tree',
|
|
55
|
+
'aria-multiselectable': 'true',
|
|
56
|
+
onclick: () => props.treeService.hasFocus.setValue(true),
|
|
57
|
+
});
|
|
58
|
+
const [flattenedNodes] = useObservable('flattenedNodes', props.treeService.flattenedNodes);
|
|
59
|
+
const previousItemsRef = useDisposable('previousTreeItems', () => new ObservableValue(new Set()));
|
|
60
|
+
const previousItems = previousItemsRef.getValue();
|
|
61
|
+
const currentItems = new Set(flattenedNodes.map((n) => n.item));
|
|
62
|
+
previousItemsRef.setValue(currentItems);
|
|
63
|
+
return (createComponent(createComponent, null, flattenedNodes.map((nodeInfo) => (createComponent(TreeItem, { item: nodeInfo.item, treeService: props.treeService, nodeInfo: nodeInfo, isNew: !previousItems.has(nodeInfo.item), renderItem: props.renderItem, renderIcon: props.renderIcon, onActivate: props.onItemActivate })))));
|
|
64
|
+
},
|
|
65
|
+
});
|
|
66
|
+
//# sourceMappingURL=tree.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tree.js","sourceRoot":"","sources":["../../../src/components/tree/tree.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"tree.spec.d.ts","sourceRoot":"","sources":["../../../src/components/tree/tree.spec.tsx"],"names":[],"mappings":""}
|