@zanichelli/albe-web-components 7.3.3 → 7.3.4
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/LICENSE +21 -21
- package/dist/cjs/{breakpoints-88c4fd6c.js → breakpoints-776c8868.js} +1 -1
- package/dist/cjs/{icons-a9849a41.js → icons-dea2e345.js} +763 -763
- package/dist/cjs/{index-7a9a8430.js → index-677bbad4.js} +317 -317
- package/dist/cjs/index.cjs.js +5 -5
- package/dist/cjs/{utils-305151da.js → utils-3b7e4fdf.js} +94 -94
- package/dist/cjs/{utils-f460d1c0.js → utils-49853b30.js} +75 -75
- package/dist/cjs/z-alert.cjs.entry.js +8 -8
- package/dist/cjs/z-anchor-navigation.cjs.entry.js +42 -42
- package/dist/cjs/z-app-header_11.cjs.entry.js +989 -991
- package/dist/cjs/z-aria-alert.cjs.entry.js +10 -10
- package/dist/cjs/z-avatar.cjs.entry.js +33 -33
- package/dist/cjs/z-body.cjs.entry.js +9 -9
- package/dist/cjs/z-button-sort.cjs.entry.js +42 -42
- package/dist/cjs/z-card.cjs.entry.js +55 -55
- package/dist/cjs/z-carousel.cjs.entry.js +135 -135
- package/dist/cjs/z-chip.cjs.entry.js +29 -29
- package/dist/cjs/z-combobox.cjs.entry.js +190 -190
- package/dist/cjs/z-contextual-menu.cjs.entry.js +35 -35
- package/dist/cjs/z-cover-hero.cjs.entry.js +46 -46
- package/dist/cjs/z-date-picker.cjs.entry.js +164 -164
- package/dist/cjs/z-dragdrop-area_2.cjs.entry.js +129 -129
- package/dist/cjs/z-file-upload.cjs.entry.js +174 -174
- package/dist/cjs/z-file.cjs.entry.js +37 -37
- package/dist/cjs/z-ghost-loading.cjs.entry.js +9 -9
- package/dist/cjs/z-heading.cjs.entry.js +9 -9
- package/dist/cjs/z-info-box.cjs.entry.js +14 -14
- package/dist/cjs/z-info-reveal.cjs.entry.js +54 -54
- package/dist/cjs/z-link.cjs.entry.js +63 -63
- package/dist/cjs/z-logo.cjs.entry.js +15 -15
- package/dist/cjs/z-menu-section.cjs.entry.js +43 -43
- package/dist/cjs/z-menu.cjs.entry.js +108 -108
- package/dist/cjs/z-messages-pocket.cjs.entry.js +36 -36
- package/dist/cjs/z-myz-card-alert.cjs.entry.js +52 -52
- package/dist/cjs/z-myz-card-dictionary.cjs.entry.js +25 -25
- package/dist/cjs/z-myz-card-footer-sections.cjs.entry.js +8 -8
- package/dist/cjs/z-myz-card-footer.cjs.entry.js +58 -58
- package/dist/cjs/z-myz-card-icon.cjs.entry.js +12 -12
- package/dist/cjs/z-myz-card-info.cjs.entry.js +118 -118
- package/dist/cjs/z-myz-card-list.cjs.entry.js +27 -27
- package/dist/cjs/z-myz-card_4.cjs.entry.js +82 -82
- package/dist/cjs/z-myz-list-item.cjs.entry.js +26 -26
- package/dist/cjs/z-myz-list.cjs.entry.js +24 -24
- package/dist/cjs/z-navigation-tab-link.cjs.entry.js +60 -60
- package/dist/cjs/z-navigation-tab.cjs.entry.js +62 -62
- package/dist/cjs/z-navigation-tabs.cjs.entry.js +115 -115
- package/dist/cjs/z-notification.cjs.entry.js +30 -30
- package/dist/cjs/z-otp.cjs.entry.js +30 -30
- package/dist/cjs/z-pagination.cjs.entry.js +219 -219
- package/dist/cjs/z-panel-elem.cjs.entry.js +19 -19
- package/dist/cjs/z-pocket-message.cjs.entry.js +8 -8
- package/dist/cjs/z-pocket_3.cjs.entry.js +102 -102
- package/dist/cjs/z-popover.cjs.entry.js +317 -317
- package/dist/cjs/z-range-picker.cjs.entry.js +331 -331
- package/dist/cjs/z-section-title.cjs.entry.js +22 -22
- package/dist/cjs/z-select.cjs.entry.js +322 -322
- package/dist/cjs/z-skip-to-content.cjs.entry.js +55 -55
- package/dist/cjs/z-slideshow.cjs.entry.js +118 -118
- package/dist/cjs/z-stepper-item.cjs.entry.js +11 -11
- package/dist/cjs/z-stepper.cjs.entry.js +8 -8
- package/dist/cjs/z-table-body.cjs.entry.js +13 -13
- package/dist/cjs/z-table-cell.cjs.entry.js +25 -25
- package/dist/cjs/z-table-empty-box.cjs.entry.js +21 -21
- package/dist/cjs/z-table-expanded-row.cjs.entry.js +8 -8
- package/dist/cjs/z-table-footer.cjs.entry.js +12 -12
- package/dist/cjs/z-table-head.cjs.entry.js +12 -12
- package/dist/cjs/z-table-header-row.cjs.entry.js +11 -11
- package/dist/cjs/z-table-header.cjs.entry.js +71 -71
- package/dist/cjs/z-table-row.cjs.entry.js +32 -32
- package/dist/cjs/z-table-sticky-footer.cjs.entry.js +8 -8
- package/dist/cjs/z-table.cjs.entry.js +69 -69
- package/dist/cjs/z-tag.cjs.entry.js +11 -11
- package/dist/cjs/z-toast-notification-list.cjs.entry.js +45 -45
- package/dist/cjs/z-toast-notification.cjs.entry.js +187 -187
- package/dist/cjs/z-toggle-button.cjs.entry.js +25 -25
- package/dist/cjs/z-toggle-switch.cjs.entry.js +40 -40
- package/dist/cjs/z-tooltip.cjs.entry.js +26 -26
- package/dist/cjs/z-typography.cjs.entry.js +19 -19
- package/dist/cjs/z-visually-hidden.cjs.entry.js +8 -8
- package/dist/collection/beans/index.js +318 -318
- package/dist/collection/components/buttons/z-button/index.js +245 -245
- package/dist/collection/components/buttons/z-button/styles.css +149 -149
- package/dist/collection/components/buttons/z-button-sort/index.js +220 -220
- package/dist/collection/components/buttons/z-button-sort/styles.css +101 -101
- package/dist/collection/components/buttons/z-chip/index.js +155 -155
- package/dist/collection/components/buttons/z-chip/styles.css +138 -138
- package/dist/collection/components/buttons/z-toggle-button/index.js +146 -146
- package/dist/collection/components/buttons/z-toggle-button/styles.css +60 -60
- package/dist/collection/components/buttons/z-toggle-switch/index.js +144 -144
- package/dist/collection/components/buttons/z-toggle-switch/styles.css +104 -104
- package/dist/collection/components/date-picker/styles.css +436 -436
- package/dist/collection/components/date-picker/utils.js +76 -76
- package/dist/collection/components/date-picker/z-date-picker/index.js +295 -295
- package/dist/collection/components/date-picker/z-range-picker/index.js +499 -499
- package/dist/collection/components/file-upload/z-dragdrop-area/index.js +53 -53
- package/dist/collection/components/file-upload/z-dragdrop-area/styles.css +51 -51
- package/dist/collection/components/file-upload/z-file/index.js +131 -131
- package/dist/collection/components/file-upload/z-file/styles.css +23 -23
- package/dist/collection/components/file-upload/z-file-upload/index.js +363 -363
- package/dist/collection/components/file-upload/z-file-upload/styles.css +84 -84
- package/dist/collection/components/icons/icons.js +764 -764
- package/dist/collection/components/icons/z-icon/index.js +114 -114
- package/dist/collection/components/icons/z-icon/styles.css +14 -14
- package/dist/collection/components/index.js +8 -8
- package/dist/collection/components/indicators/z-stepper/index.js +21 -21
- package/dist/collection/components/indicators/z-stepper/styles.css +19 -19
- package/dist/collection/components/indicators/z-stepper-item/index.js +93 -93
- package/dist/collection/components/indicators/z-stepper-item/styles.css +114 -114
- package/dist/collection/components/inputs/z-combobox/index.js +570 -570
- package/dist/collection/components/inputs/z-combobox/styles.css +197 -197
- package/dist/collection/components/inputs/z-input/index.js +764 -764
- package/dist/collection/components/inputs/z-input/styles.css +398 -398
- package/dist/collection/components/inputs/z-input-message/index.js +89 -89
- package/dist/collection/components/inputs/z-input-message/styles.css +48 -48
- package/dist/collection/components/inputs/z-searchbar/index.js +599 -600
- package/dist/collection/components/inputs/z-searchbar/styles.css +185 -185
- package/dist/collection/components/inputs/z-select/index.js +754 -754
- package/dist/collection/components/inputs/z-select/styles.css +123 -123
- package/dist/collection/components/list/z-list/index.js +91 -91
- package/dist/collection/components/list/z-list/styles.css +6 -6
- package/dist/collection/components/list/z-list-element/index.js +508 -508
- package/dist/collection/components/list/z-list-element/styles.css +121 -121
- package/dist/collection/components/list/z-list-group/index.js +175 -175
- package/dist/collection/components/list/z-list-group/styles.css +21 -21
- package/dist/collection/components/list/z-toast-notification-list/index.js +105 -105
- package/dist/collection/components/list/z-toast-notification-list/styles.css +100 -100
- package/dist/collection/components/logo/z-logo/index.js +131 -131
- package/dist/collection/components/logo/z-logo/styles.css +29 -29
- package/dist/collection/components/modal/z-modal/index.js +319 -319
- package/dist/collection/components/modal/z-modal/styles.css +198 -198
- package/dist/collection/components/navigation/tabs/navigation-tab.css +136 -136
- package/dist/collection/components/navigation/tabs/z-navigation-tab/index.js +242 -242
- package/dist/collection/components/navigation/tabs/z-navigation-tab-link/index.js +264 -264
- package/dist/collection/components/navigation/tabs/z-navigation-tabs/index.js +200 -200
- package/dist/collection/components/navigation/tabs/z-navigation-tabs/styles.css +104 -104
- package/dist/collection/components/navigation/z-app-header/index.js +428 -429
- package/dist/collection/components/navigation/z-app-header/index.stories.js +393 -393
- package/dist/collection/components/navigation/z-app-header/styles.css +420 -420
- package/dist/collection/components/navigation/z-link/index.js +317 -317
- package/dist/collection/components/navigation/z-link/styles.css +167 -167
- package/dist/collection/components/navigation/z-menu/index.js +250 -250
- package/dist/collection/components/navigation/z-menu/styles.css +213 -213
- package/dist/collection/components/navigation/z-menu-section/index.js +125 -125
- package/dist/collection/components/navigation/z-menu-section/styles.css +123 -123
- package/dist/collection/components/notification/z-info-box/index.js +85 -85
- package/dist/collection/components/notification/z-info-box/styles.css +23 -23
- package/dist/collection/components/notification/z-notification/index.js +195 -195
- package/dist/collection/components/notification/z-notification/styles.css +114 -114
- package/dist/collection/components/notification/z-toast-notification/index.js +399 -399
- package/dist/collection/components/notification/z-toast-notification/styles.css +254 -254
- package/dist/collection/components/notification/z-tooltip/index.js +157 -157
- package/dist/collection/components/notification/z-tooltip/styles.css +17 -17
- package/dist/collection/components/panel/z-panel-elem/index.js +193 -193
- package/dist/collection/components/panel/z-panel-elem/styles.css +39 -39
- package/dist/collection/components/z-anchor-navigation/index.js +95 -95
- package/dist/collection/components/z-anchor-navigation/styles.css +129 -129
- package/dist/collection/components/z-aria-alert/index.js +39 -39
- package/dist/collection/components/z-avatar/index.js +142 -142
- package/dist/collection/components/z-avatar/styles.css +32 -32
- package/dist/collection/components/z-card/index.js +186 -186
- package/dist/collection/components/z-card/styles.css +206 -206
- package/dist/collection/components/z-carousel/index.js +300 -300
- package/dist/collection/components/z-carousel/styles.css +129 -129
- package/dist/collection/components/z-contextual-menu/index.js +126 -126
- package/dist/collection/components/z-contextual-menu/styles.css +60 -60
- package/dist/collection/components/z-cover-hero/index.js +146 -146
- package/dist/collection/components/z-cover-hero/styles.css +93 -93
- package/dist/collection/components/z-divider/index.js +95 -95
- package/dist/collection/components/z-divider/styles.css +37 -37
- package/dist/collection/components/z-ghost-loading/index.js +18 -18
- package/dist/collection/components/z-ghost-loading/styles.css +34 -34
- package/dist/collection/components/z-info-reveal/index.js +147 -147
- package/dist/collection/components/z-info-reveal/styles.css +103 -103
- package/dist/collection/components/z-offcanvas/index.js +162 -162
- package/dist/collection/components/z-offcanvas/styles.css +182 -182
- package/dist/collection/components/z-pagination/index.js +435 -435
- package/dist/collection/components/z-pagination/styles.css +199 -199
- package/dist/collection/components/z-popover/index.js +513 -513
- package/dist/collection/components/z-popover/styles.css +147 -147
- package/dist/collection/components/z-section-title/index.js +88 -88
- package/dist/collection/components/z-section-title/styles.css +44 -44
- package/dist/collection/components/z-skip-to-content/index.js +139 -139
- package/dist/collection/components/z-skip-to-content/styles.css +80 -80
- package/dist/collection/components/z-table/z-table/index.js +352 -352
- package/dist/collection/components/z-table/z-table/styles.css +115 -115
- package/dist/collection/components/z-table/z-table-body/index.js +23 -23
- package/dist/collection/components/z-table/z-table-body/styles.css +9 -9
- package/dist/collection/components/z-table/z-table-cell/index.js +86 -86
- package/dist/collection/components/z-table/z-table-cell/styles.css +58 -58
- package/dist/collection/components/z-table/z-table-empty-box/index.js +72 -72
- package/dist/collection/components/z-table/z-table-empty-box/styles.css +38 -38
- package/dist/collection/components/z-table/z-table-expanded-row/index.js +39 -39
- package/dist/collection/components/z-table/z-table-expanded-row/styles.css +9 -9
- package/dist/collection/components/z-table/z-table-footer/index.js +22 -22
- package/dist/collection/components/z-table/z-table-footer/styles.css +5 -5
- package/dist/collection/components/z-table/z-table-head/index.js +22 -22
- package/dist/collection/components/z-table/z-table-head/styles.css +5 -5
- package/dist/collection/components/z-table/z-table-header/index.js +238 -238
- package/dist/collection/components/z-table/z-table-header/styles.css +71 -71
- package/dist/collection/components/z-table/z-table-header-row/index.js +41 -41
- package/dist/collection/components/z-table/z-table-header-row/styles.css +13 -13
- package/dist/collection/components/z-table/z-table-row/index.js +92 -92
- package/dist/collection/components/z-table/z-table-row/styles.css +45 -45
- package/dist/collection/components/z-table/z-table-sticky-footer/index.js +21 -21
- package/dist/collection/components/z-table/z-table-sticky-footer/styles.css +11 -11
- package/dist/collection/components/z-tag/index.js +65 -65
- package/dist/collection/components/z-tag/styles.css +46 -46
- package/dist/collection/components/z-visually-hidden/index.js +18 -18
- package/dist/collection/components/z-visually-hidden/styles.css +12 -12
- package/dist/collection/constants/breakpoints.js +3 -3
- package/dist/collection/constants/icons.js +6 -6
- package/dist/collection/deprecated/typography/z-body/index.js +68 -68
- package/dist/collection/deprecated/typography/z-heading/index.js +68 -68
- package/dist/collection/deprecated/typography/z-typography/index.js +91 -91
- package/dist/collection/deprecated/typography/z-typography/styles.css +65 -65
- package/dist/collection/index.js +7 -7
- package/dist/collection/snowflakes/myz/card/z-myz-card/index.js +129 -129
- package/dist/collection/snowflakes/myz/card/z-myz-card/styles.css +44 -44
- package/dist/collection/snowflakes/myz/card/z-myz-card-alert/index.js +151 -151
- package/dist/collection/snowflakes/myz/card/z-myz-card-alert/styles.css +62 -62
- package/dist/collection/snowflakes/myz/card/z-myz-card-body/index.js +22 -22
- package/dist/collection/snowflakes/myz/card/z-myz-card-body/styles.css +13 -13
- package/dist/collection/snowflakes/myz/card/z-myz-card-cover/index.js +93 -93
- package/dist/collection/snowflakes/myz/card/z-myz-card-cover/styles.css +11 -11
- package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/index.js +177 -177
- package/dist/collection/snowflakes/myz/card/z-myz-card-dictionary/styles.css +72 -72
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer/index.js +219 -219
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer/styles.css +182 -182
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/index.js +22 -22
- package/dist/collection/snowflakes/myz/card/z-myz-card-footer-sections/styles.css +20 -20
- package/dist/collection/snowflakes/myz/card/z-myz-card-header/index.js +109 -109
- package/dist/collection/snowflakes/myz/card/z-myz-card-header/styles.css +59 -59
- package/dist/collection/snowflakes/myz/card/z-myz-card-icon/index.js +81 -81
- package/dist/collection/snowflakes/myz/card/z-myz-card-icon/styles.css +69 -69
- package/dist/collection/snowflakes/myz/card/z-myz-card-info/index.js +199 -199
- package/dist/collection/snowflakes/myz/card/z-myz-card-info/styles.css +93 -93
- package/dist/collection/snowflakes/myz/card/z-myz-card-list/index.js +60 -60
- package/dist/collection/snowflakes/myz/card/z-myz-card-list/styles.css +41 -41
- package/dist/collection/snowflakes/myz/list/z-myz-list/index.js +78 -78
- package/dist/collection/snowflakes/myz/list/z-myz-list/styles.css +4 -4
- package/dist/collection/snowflakes/myz/list/z-myz-list-item/index.js +192 -192
- package/dist/collection/snowflakes/myz/list/z-myz-list-item/styles.css +66 -66
- package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/index.js +120 -120
- package/dist/collection/snowflakes/myz/pocket/z-messages-pocket/styles.css +102 -102
- package/dist/collection/snowflakes/myz/pocket/z-pocket/index.js +191 -191
- package/dist/collection/snowflakes/myz/pocket/z-pocket/styles.css +44 -44
- package/dist/collection/snowflakes/myz/pocket/z-pocket-body/index.js +84 -84
- package/dist/collection/snowflakes/myz/pocket/z-pocket-body/styles.css +41 -41
- package/dist/collection/snowflakes/myz/pocket/z-pocket-header/index.js +93 -93
- package/dist/collection/snowflakes/myz/pocket/z-pocket-header/styles.css +27 -27
- package/dist/collection/snowflakes/myz/pocket/z-pocket-message/index.js +22 -22
- package/dist/collection/snowflakes/myz/pocket/z-pocket-message/styles.css +44 -44
- package/dist/collection/snowflakes/myz/z-alert/index.js +47 -47
- package/dist/collection/snowflakes/myz/z-alert/styles.css +28 -28
- package/dist/collection/snowflakes/myz/z-otp/index.js +120 -120
- package/dist/collection/snowflakes/myz/z-otp/styles.css +47 -47
- package/dist/collection/snowflakes/myz/z-slideshow/index.js +180 -180
- package/dist/collection/snowflakes/myz/z-slideshow/styles.css +127 -127
- package/dist/collection/utils/storybook-utils.js +51 -51
- package/dist/collection/utils/utils.js +113 -113
- package/dist/esm/{breakpoints-c386984e.js → breakpoints-14432d05.js} +1 -1
- package/dist/esm/{icons-6cd265c6.js → icons-55b0b113.js} +763 -763
- package/dist/esm/{index-e36ec4a4.js → index-03c01696.js} +317 -317
- package/dist/esm/index.js +5 -5
- package/dist/esm/polyfills/core-js.js +0 -0
- package/dist/esm/polyfills/dom.js +0 -0
- package/dist/esm/polyfills/es5-html-element.js +0 -0
- package/dist/esm/polyfills/index.js +0 -0
- package/dist/esm/polyfills/system.js +0 -0
- package/dist/esm/{utils-9641b4ed.js → utils-a7846d0f.js} +75 -75
- package/dist/esm/{utils-a52a81ba.js → utils-f8eb3944.js} +94 -94
- package/dist/esm/z-alert.entry.js +8 -8
- package/dist/esm/z-anchor-navigation.entry.js +42 -42
- package/dist/esm/z-app-header_11.entry.js +989 -991
- package/dist/esm/z-aria-alert.entry.js +10 -10
- package/dist/esm/z-avatar.entry.js +33 -33
- package/dist/esm/z-body.entry.js +9 -9
- package/dist/esm/z-button-sort.entry.js +42 -42
- package/dist/esm/z-card.entry.js +55 -55
- package/dist/esm/z-carousel.entry.js +135 -135
- package/dist/esm/z-chip.entry.js +29 -29
- package/dist/esm/z-combobox.entry.js +190 -190
- package/dist/esm/z-contextual-menu.entry.js +35 -35
- package/dist/esm/z-cover-hero.entry.js +46 -46
- package/dist/esm/z-date-picker.entry.js +164 -164
- package/dist/esm/z-dragdrop-area_2.entry.js +129 -129
- package/dist/esm/z-file-upload.entry.js +174 -174
- package/dist/esm/z-file.entry.js +37 -37
- package/dist/esm/z-ghost-loading.entry.js +9 -9
- package/dist/esm/z-heading.entry.js +9 -9
- package/dist/esm/z-info-box.entry.js +14 -14
- package/dist/esm/z-info-reveal.entry.js +54 -54
- package/dist/esm/z-link.entry.js +63 -63
- package/dist/esm/z-logo.entry.js +15 -15
- package/dist/esm/z-menu-section.entry.js +43 -43
- package/dist/esm/z-menu.entry.js +108 -108
- package/dist/esm/z-messages-pocket.entry.js +36 -36
- package/dist/esm/z-myz-card-alert.entry.js +52 -52
- package/dist/esm/z-myz-card-dictionary.entry.js +25 -25
- package/dist/esm/z-myz-card-footer-sections.entry.js +8 -8
- package/dist/esm/z-myz-card-footer.entry.js +58 -58
- package/dist/esm/z-myz-card-icon.entry.js +12 -12
- package/dist/esm/z-myz-card-info.entry.js +118 -118
- package/dist/esm/z-myz-card-list.entry.js +27 -27
- package/dist/esm/z-myz-card_4.entry.js +82 -82
- package/dist/esm/z-myz-list-item.entry.js +26 -26
- package/dist/esm/z-myz-list.entry.js +24 -24
- package/dist/esm/z-navigation-tab-link.entry.js +60 -60
- package/dist/esm/z-navigation-tab.entry.js +62 -62
- package/dist/esm/z-navigation-tabs.entry.js +115 -115
- package/dist/esm/z-notification.entry.js +30 -30
- package/dist/esm/z-otp.entry.js +30 -30
- package/dist/esm/z-pagination.entry.js +219 -219
- package/dist/esm/z-panel-elem.entry.js +19 -19
- package/dist/esm/z-pocket-message.entry.js +8 -8
- package/dist/esm/z-pocket_3.entry.js +102 -102
- package/dist/esm/z-popover.entry.js +317 -317
- package/dist/esm/z-range-picker.entry.js +331 -331
- package/dist/esm/z-section-title.entry.js +22 -22
- package/dist/esm/z-select.entry.js +322 -322
- package/dist/esm/z-skip-to-content.entry.js +55 -55
- package/dist/esm/z-slideshow.entry.js +118 -118
- package/dist/esm/z-stepper-item.entry.js +11 -11
- package/dist/esm/z-stepper.entry.js +8 -8
- package/dist/esm/z-table-body.entry.js +13 -13
- package/dist/esm/z-table-cell.entry.js +25 -25
- package/dist/esm/z-table-empty-box.entry.js +21 -21
- package/dist/esm/z-table-expanded-row.entry.js +8 -8
- package/dist/esm/z-table-footer.entry.js +12 -12
- package/dist/esm/z-table-head.entry.js +12 -12
- package/dist/esm/z-table-header-row.entry.js +11 -11
- package/dist/esm/z-table-header.entry.js +71 -71
- package/dist/esm/z-table-row.entry.js +32 -32
- package/dist/esm/z-table-sticky-footer.entry.js +8 -8
- package/dist/esm/z-table.entry.js +69 -69
- package/dist/esm/z-tag.entry.js +11 -11
- package/dist/esm/z-toast-notification-list.entry.js +45 -45
- package/dist/esm/z-toast-notification.entry.js +187 -187
- package/dist/esm/z-toggle-button.entry.js +25 -25
- package/dist/esm/z-toggle-switch.entry.js +40 -40
- package/dist/esm/z-tooltip.entry.js +26 -26
- package/dist/esm/z-typography.entry.js +19 -19
- package/dist/esm/z-visually-hidden.entry.js +8 -8
- package/dist/types/beans/index.d.ts +374 -374
- package/dist/types/components/buttons/z-button/index.d.ts +29 -29
- package/dist/types/components/buttons/z-button-sort/index.d.ts +28 -28
- package/dist/types/components/buttons/z-chip/index.d.ts +20 -20
- package/dist/types/components/buttons/z-toggle-button/index.d.ts +17 -17
- package/dist/types/components/buttons/z-toggle-switch/index.d.ts +17 -17
- package/dist/types/components/date-picker/utils.d.ts +4 -4
- package/dist/types/components/date-picker/z-date-picker/index.d.ts +29 -29
- package/dist/types/components/date-picker/z-range-picker/index.d.ts +42 -42
- package/dist/types/components/file-upload/z-dragdrop-area/index.d.ts +9 -9
- package/dist/types/components/file-upload/z-file/index.d.ts +22 -22
- package/dist/types/components/file-upload/z-file-upload/index.d.ts +52 -52
- package/dist/types/components/icons/icons.d.ts +1362 -1362
- package/dist/types/components/icons/z-icon/index.d.ts +14 -14
- package/dist/types/components/indicators/z-stepper/index.d.ts +6 -6
- package/dist/types/components/indicators/z-stepper-item/index.d.ts +19 -19
- package/dist/types/components/inputs/z-combobox/index.d.ts +71 -71
- package/dist/types/components/inputs/z-input/index.d.ts +86 -86
- package/dist/types/components/inputs/z-input-message/index.d.ts +12 -12
- package/dist/types/components/inputs/z-searchbar/index.d.ts +73 -73
- package/dist/types/components/inputs/z-select/index.d.ts +82 -82
- package/dist/types/components/list/z-list/index.d.ts +15 -15
- package/dist/types/components/list/z-list-element/index.d.ts +95 -95
- package/dist/types/components/list/z-list-group/index.d.ts +28 -28
- package/dist/types/components/list/z-toast-notification-list/index.d.ts +14 -14
- package/dist/types/components/logo/z-logo/index.d.ts +15 -15
- package/dist/types/components/modal/z-modal/index.d.ts +47 -47
- package/dist/types/components/navigation/tabs/z-navigation-tab/index.d.ts +52 -52
- package/dist/types/components/navigation/tabs/z-navigation-tab-link/index.d.ts +60 -60
- package/dist/types/components/navigation/tabs/z-navigation-tabs/index.d.ts +70 -70
- package/dist/types/components/navigation/z-app-header/index.d.ts +143 -143
- package/dist/types/components/navigation/z-link/index.d.ts +40 -40
- package/dist/types/components/navigation/z-menu/index.d.ts +61 -61
- package/dist/types/components/navigation/z-menu-section/index.d.ts +31 -31
- package/dist/types/components/notification/z-info-box/index.d.ts +14 -14
- package/dist/types/components/notification/z-notification/index.d.ts +32 -32
- package/dist/types/components/notification/z-toast-notification/index.d.ts +56 -56
- package/dist/types/components/notification/z-tooltip/index.d.ts +32 -32
- package/dist/types/components/panel/z-panel-elem/index.d.ts +25 -25
- package/dist/types/components/z-anchor-navigation/index.d.ts +39 -39
- package/dist/types/components/z-aria-alert/index.d.ts +6 -6
- package/dist/types/components/z-avatar/index.d.ts +16 -16
- package/dist/types/components/z-card/index.d.ts +44 -44
- package/dist/types/components/z-carousel/index.d.ts +63 -63
- package/dist/types/components/z-contextual-menu/index.d.ts +26 -26
- package/dist/types/components/z-cover-hero/index.d.ts +41 -41
- package/dist/types/components/z-divider/index.d.ts +10 -10
- package/dist/types/components/z-ghost-loading/index.d.ts +3 -3
- package/dist/types/components/z-info-reveal/index.d.ts +29 -29
- package/dist/types/components/z-offcanvas/index.d.ts +27 -27
- package/dist/types/components/z-pagination/index.d.ts +109 -109
- package/dist/types/components/z-popover/index.d.ts +69 -69
- package/dist/types/components/z-section-title/index.d.ts +25 -25
- package/dist/types/components/z-skip-to-content/index.d.ts +21 -21
- package/dist/types/components/z-table/z-table/index.d.ts +48 -48
- package/dist/types/components/z-table/z-table-body/index.d.ts +5 -5
- package/dist/types/components/z-table/z-table-cell/index.d.ts +12 -12
- package/dist/types/components/z-table/z-table-empty-box/index.d.ts +12 -12
- package/dist/types/components/z-table/z-table-expanded-row/index.d.ts +5 -5
- package/dist/types/components/z-table/z-table-footer/index.d.ts +5 -5
- package/dist/types/components/z-table/z-table-head/index.d.ts +5 -5
- package/dist/types/components/z-table/z-table-header/index.d.ts +29 -29
- package/dist/types/components/z-table/z-table-header-row/index.d.ts +6 -6
- package/dist/types/components/z-table/z-table-row/index.d.ts +13 -13
- package/dist/types/components/z-table/z-table-sticky-footer/index.d.ts +6 -6
- package/dist/types/components/z-tag/index.d.ts +13 -13
- package/dist/types/components/z-visually-hidden/index.d.ts +3 -3
- package/dist/types/constants/breakpoints.d.ts +3 -3
- package/dist/types/constants/icons.d.ts +6 -6
- package/dist/types/deprecated/typography/z-body/index.d.ts +9 -9
- package/dist/types/deprecated/typography/z-heading/index.d.ts +9 -9
- package/dist/types/deprecated/typography/z-typography/index.d.ts +11 -11
- package/dist/types/index.d.ts +7 -7
- package/dist/types/snowflakes/myz/card/z-myz-card/index.d.ts +16 -16
- package/dist/types/snowflakes/myz/card/z-myz-card-alert/index.d.ts +19 -19
- package/dist/types/snowflakes/myz/card/z-myz-card-body/index.d.ts +7 -7
- package/dist/types/snowflakes/myz/card/z-myz-card-cover/index.d.ts +12 -12
- package/dist/types/snowflakes/myz/card/z-myz-card-dictionary/index.d.ts +24 -24
- package/dist/types/snowflakes/myz/card/z-myz-card-footer/index.d.ts +34 -34
- package/dist/types/snowflakes/myz/card/z-myz-card-footer-sections/index.d.ts +7 -7
- package/dist/types/snowflakes/myz/card/z-myz-card-header/index.d.ts +19 -19
- package/dist/types/snowflakes/myz/card/z-myz-card-icon/index.d.ts +9 -9
- package/dist/types/snowflakes/myz/card/z-myz-card-info/index.d.ts +36 -36
- package/dist/types/snowflakes/myz/card/z-myz-card-list/index.d.ts +9 -9
- package/dist/types/snowflakes/myz/list/z-myz-list/index.d.ts +11 -11
- package/dist/types/snowflakes/myz/list/z-myz-list-item/index.d.ts +25 -25
- package/dist/types/snowflakes/myz/pocket/z-messages-pocket/index.d.ts +16 -16
- package/dist/types/snowflakes/myz/pocket/z-pocket/index.d.ts +25 -25
- package/dist/types/snowflakes/myz/pocket/z-pocket-body/index.d.ts +12 -12
- package/dist/types/snowflakes/myz/pocket/z-pocket-header/index.d.ts +18 -18
- package/dist/types/snowflakes/myz/pocket/z-pocket-message/index.d.ts +7 -7
- package/dist/types/snowflakes/myz/z-alert/index.d.ts +9 -9
- package/dist/types/snowflakes/myz/z-otp/index.d.ts +17 -17
- package/dist/types/snowflakes/myz/z-slideshow/index.d.ts +30 -30
- package/dist/types/utils/utils.d.ts +24 -24
- package/dist/web-components-library/index.esm.js +1 -1
- package/dist/web-components-library/{p-06b7dad4.entry.js → p-0164ca54.entry.js} +1 -1
- package/dist/web-components-library/{p-047439a1.entry.js → p-04631bc5.entry.js} +1 -1
- package/dist/web-components-library/{p-4367f978.entry.js → p-0afb1436.entry.js} +1 -1
- package/dist/web-components-library/{p-6f5cab30.entry.js → p-0b1de3ce.entry.js} +1 -1
- package/dist/web-components-library/{p-01ba4a7c.entry.js → p-0c3f4eed.entry.js} +1 -1
- package/dist/web-components-library/{p-c9bb584c.entry.js → p-15bb0526.entry.js} +1 -1
- package/{www/build/p-378e3fd3.entry.js → dist/web-components-library/p-1d19e382.entry.js} +1 -1
- package/dist/web-components-library/{p-75da9f5d.entry.js → p-2415d4d8.entry.js} +1 -1
- package/dist/web-components-library/{p-9d57a84c.entry.js → p-25678da1.entry.js} +1 -1
- package/dist/web-components-library/{p-c88ff94b.entry.js → p-32eec10f.entry.js} +1 -1
- package/{www/build/p-d9c98cfd.entry.js → dist/web-components-library/p-356b2fc1.entry.js} +1 -1
- package/dist/web-components-library/{p-0c62a60a.entry.js → p-3d4b8a34.entry.js} +1 -1
- package/dist/web-components-library/{p-10adc1fa.entry.js → p-50bc8152.entry.js} +1 -1
- package/dist/web-components-library/{p-4d4eb6ed.entry.js → p-50d1f5a4.entry.js} +1 -1
- package/dist/web-components-library/{p-1e71778f.entry.js → p-560116ec.entry.js} +1 -1
- package/dist/web-components-library/{p-ecf4117e.entry.js → p-6c9421c6.entry.js} +1 -1
- package/dist/web-components-library/{p-6d377fcb.entry.js → p-70e71580.entry.js} +1 -1
- package/dist/web-components-library/{p-161a4e84.entry.js → p-72c76071.entry.js} +1 -1
- package/dist/web-components-library/{p-98d3c4d6.entry.js → p-75883172.entry.js} +1 -1
- package/dist/web-components-library/{p-d986024a.entry.js → p-79919c84.entry.js} +1 -1
- package/dist/web-components-library/{p-ff18ab96.entry.js → p-802723a9.entry.js} +1 -1
- package/dist/web-components-library/{p-1eaef57d.entry.js → p-8153e216.entry.js} +1 -1
- package/dist/web-components-library/{p-31cb64b3.entry.js → p-825b4767.entry.js} +1 -1
- package/dist/web-components-library/{p-d74090ce.entry.js → p-8272a099.entry.js} +1 -1
- package/dist/web-components-library/{p-3f0cdaa1.entry.js → p-9665df65.entry.js} +1 -1
- package/dist/web-components-library/{p-6736e894.entry.js → p-968d9b80.entry.js} +1 -1
- package/dist/web-components-library/{p-10e036e4.entry.js → p-9c3e91fd.entry.js} +1 -1
- package/dist/web-components-library/{p-0bf3a704.entry.js → p-a8df4340.entry.js} +1 -1
- package/{www/build/p-a481bb97.js → dist/web-components-library/p-ad48bdb5.js} +1 -1
- package/dist/web-components-library/{p-a7249453.entry.js → p-ad664ac3.entry.js} +1 -1
- package/dist/web-components-library/{p-5f5f2463.entry.js → p-b10a244b.entry.js} +1 -1
- package/dist/web-components-library/{p-1c6b0e09.js → p-b301e6e1.js} +1 -1
- package/dist/web-components-library/{p-1b07b435.entry.js → p-b6b122a3.entry.js} +1 -1
- package/dist/web-components-library/{p-1ff146fb.entry.js → p-baabfd0d.entry.js} +1 -1
- package/dist/web-components-library/{p-5c5a2680.entry.js → p-bfd78f08.entry.js} +1 -1
- package/dist/web-components-library/{p-f9f42d17.entry.js → p-c47ec900.entry.js} +1 -1
- package/{www/build/p-27441384.entry.js → dist/web-components-library/p-c655b1c8.entry.js} +1 -1
- package/dist/web-components-library/{p-2c8f6f12.entry.js → p-cf34dfa1.entry.js} +1 -1
- package/dist/web-components-library/{p-dae1376f.entry.js → p-d152fcef.entry.js} +1 -1
- package/dist/web-components-library/{p-c948b900.entry.js → p-d1c86e77.entry.js} +1 -1
- package/dist/web-components-library/{p-84b23d4b.entry.js → p-d2fb8d30.entry.js} +1 -1
- package/{www/build/p-81cad61c.entry.js → dist/web-components-library/p-da923c76.entry.js} +1 -1
- package/dist/web-components-library/{p-fc579135.entry.js → p-e02ecf4c.entry.js} +1 -1
- package/dist/web-components-library/{p-5fa58b99.entry.js → p-e09f95c9.entry.js} +1 -1
- package/dist/web-components-library/{p-1b0f4e52.entry.js → p-e5410351.entry.js} +1 -1
- package/dist/web-components-library/{p-f52100f3.entry.js → p-f0eb6020.entry.js} +1 -1
- package/dist/web-components-library/p-f9d29371.entry.js +1 -0
- package/dist/web-components-library/web-components-library.esm.js +1 -1
- package/package.json +106 -106
- package/react/components.d.ts +90 -90
- package/react/components.js +96 -96
- package/react/index.d.ts +1 -1
- package/react/index.js +13 -13
- package/react/react-component-lib/createComponent.d.ts +10 -10
- package/react/react-component-lib/createComponent.js +97 -97
- package/react/react-component-lib/createOverlayComponent.d.ts +21 -21
- package/react/react-component-lib/createOverlayComponent.js +115 -115
- package/react/react-component-lib/index.d.ts +2 -2
- package/react/react-component-lib/index.js +7 -7
- package/react/react-component-lib/interfaces.d.ts +29 -29
- package/react/react-component-lib/interfaces.js +2 -2
- package/react/react-component-lib/utils/attachProps.d.ts +12 -12
- package/react/react-component-lib/utils/attachProps.js +104 -104
- package/react/react-component-lib/utils/case.d.ts +2 -2
- package/react/react-component-lib/utils/case.js +11 -11
- package/react/react-component-lib/utils/dev.d.ts +2 -2
- package/react/react-component-lib/utils/dev.js +17 -17
- package/react/react-component-lib/utils/index.d.ts +10 -10
- package/react/react-component-lib/utils/index.js +53 -53
- package/readme.md +280 -280
- package/www/build/index.esm.js +1 -1
- package/www/build/{p-06b7dad4.entry.js → p-0164ca54.entry.js} +1 -1
- package/www/build/{p-047439a1.entry.js → p-04631bc5.entry.js} +1 -1
- package/www/build/{p-4367f978.entry.js → p-0afb1436.entry.js} +1 -1
- package/www/build/{p-6f5cab30.entry.js → p-0b1de3ce.entry.js} +1 -1
- package/www/build/{p-01ba4a7c.entry.js → p-0c3f4eed.entry.js} +1 -1
- package/www/build/{p-c9bb584c.entry.js → p-15bb0526.entry.js} +1 -1
- package/{dist/web-components-library/p-378e3fd3.entry.js → www/build/p-1d19e382.entry.js} +1 -1
- package/www/build/{p-75da9f5d.entry.js → p-2415d4d8.entry.js} +1 -1
- package/www/build/{p-9d57a84c.entry.js → p-25678da1.entry.js} +1 -1
- package/www/build/{p-c88ff94b.entry.js → p-32eec10f.entry.js} +1 -1
- package/{dist/web-components-library/p-d9c98cfd.entry.js → www/build/p-356b2fc1.entry.js} +1 -1
- package/www/build/{p-0c62a60a.entry.js → p-3d4b8a34.entry.js} +1 -1
- package/www/build/{p-10adc1fa.entry.js → p-50bc8152.entry.js} +1 -1
- package/www/build/{p-4d4eb6ed.entry.js → p-50d1f5a4.entry.js} +1 -1
- package/www/build/{p-1e71778f.entry.js → p-560116ec.entry.js} +1 -1
- package/www/build/{p-ecf4117e.entry.js → p-6c9421c6.entry.js} +1 -1
- package/www/build/{p-6d377fcb.entry.js → p-70e71580.entry.js} +1 -1
- package/www/build/{p-161a4e84.entry.js → p-72c76071.entry.js} +1 -1
- package/www/build/{p-98d3c4d6.entry.js → p-75883172.entry.js} +1 -1
- package/www/build/{p-d986024a.entry.js → p-79919c84.entry.js} +1 -1
- package/www/build/{p-ff18ab96.entry.js → p-802723a9.entry.js} +1 -1
- package/www/build/{p-1eaef57d.entry.js → p-8153e216.entry.js} +1 -1
- package/www/build/{p-31cb64b3.entry.js → p-825b4767.entry.js} +1 -1
- package/www/build/{p-d74090ce.entry.js → p-8272a099.entry.js} +1 -1
- package/www/build/{p-3f0cdaa1.entry.js → p-9665df65.entry.js} +1 -1
- package/www/build/{p-6736e894.entry.js → p-968d9b80.entry.js} +1 -1
- package/www/build/{p-10e036e4.entry.js → p-9c3e91fd.entry.js} +1 -1
- package/www/build/{p-0bf3a704.entry.js → p-a8df4340.entry.js} +1 -1
- package/{dist/web-components-library/p-a481bb97.js → www/build/p-ad48bdb5.js} +1 -1
- package/www/build/{p-a7249453.entry.js → p-ad664ac3.entry.js} +1 -1
- package/www/build/{p-5f5f2463.entry.js → p-b10a244b.entry.js} +1 -1
- package/www/build/{p-1c6b0e09.js → p-b301e6e1.js} +1 -1
- package/www/build/{p-1b07b435.entry.js → p-b6b122a3.entry.js} +1 -1
- package/www/build/{p-1ff146fb.entry.js → p-baabfd0d.entry.js} +1 -1
- package/www/build/{p-5c5a2680.entry.js → p-bfd78f08.entry.js} +1 -1
- package/www/build/{p-f9f42d17.entry.js → p-c47ec900.entry.js} +1 -1
- package/{dist/web-components-library/p-27441384.entry.js → www/build/p-c655b1c8.entry.js} +1 -1
- package/www/build/{p-2c8f6f12.entry.js → p-cf34dfa1.entry.js} +1 -1
- package/www/build/{p-dae1376f.entry.js → p-d152fcef.entry.js} +1 -1
- package/www/build/{p-c948b900.entry.js → p-d1c86e77.entry.js} +1 -1
- package/www/build/{p-70021fac.js → p-d20434c3.js} +1 -1
- package/www/build/{p-84b23d4b.entry.js → p-d2fb8d30.entry.js} +1 -1
- package/{dist/web-components-library/p-81cad61c.entry.js → www/build/p-da923c76.entry.js} +1 -1
- package/www/build/{p-fc579135.entry.js → p-e02ecf4c.entry.js} +1 -1
- package/www/build/{p-5fa58b99.entry.js → p-e09f95c9.entry.js} +1 -1
- package/www/build/{p-1b0f4e52.entry.js → p-e5410351.entry.js} +1 -1
- package/www/build/{p-f52100f3.entry.js → p-f0eb6020.entry.js} +1 -1
- package/www/build/p-f9d29371.entry.js +1 -0
- package/www/build/web-components-library.esm.js +1 -1
- package/www/index.html +1 -1
- package/www/pages/file-upload.html +258 -258
- package/www/pages/notification.html +299 -299
- package/dist/web-components-library/p-b36fc3db.entry.js +0 -1
- package/www/build/p-b36fc3db.entry.js +0 -1
- /package/dist/web-components-library/{p-bb85c467.js → p-21c3aea0.js} +0 -0
- /package/dist/web-components-library/{p-e1ac5c4e.js → p-dfed050d.js} +0 -0
- /package/dist/web-components-library/{p-d69e14fb.js → p-e35d3552.js} +0 -0
- /package/www/build/{p-bb85c467.js → p-21c3aea0.js} +0 -0
- /package/www/build/{p-e1ac5c4e.js → p-dfed050d.js} +0 -0
- /package/www/build/{p-d69e14fb.js → p-e35d3552.js} +0 -0
|
@@ -1,98 +1,98 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
-
if (k2 === undefined) k2 = k;
|
|
4
|
-
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
-
}) : (function(o, m, k, k2) {
|
|
6
|
-
if (k2 === undefined) k2 = k;
|
|
7
|
-
o[k2] = m[k];
|
|
8
|
-
}));
|
|
9
|
-
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
-
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
-
}) : function(o, v) {
|
|
12
|
-
o["default"] = v;
|
|
13
|
-
});
|
|
14
|
-
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
-
if (mod && mod.__esModule) return mod;
|
|
16
|
-
var result = {};
|
|
17
|
-
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
-
__setModuleDefault(result, mod);
|
|
19
|
-
return result;
|
|
20
|
-
};
|
|
21
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
22
|
-
var t = {};
|
|
23
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
24
|
-
t[p] = s[p];
|
|
25
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
26
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
27
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
28
|
-
t[p[i]] = s[p[i]];
|
|
29
|
-
}
|
|
30
|
-
return t;
|
|
31
|
-
};
|
|
32
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
-
exports.createReactComponent = void 0;
|
|
34
|
-
const react_1 = __importStar(require("react"));
|
|
35
|
-
const utils_1 = require("./utils");
|
|
36
|
-
const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
|
|
37
|
-
if (defineCustomElement !== undefined) {
|
|
38
|
-
defineCustomElement();
|
|
39
|
-
}
|
|
40
|
-
const displayName = utils_1.dashToPascalCase(tagName);
|
|
41
|
-
const ReactComponent = class extends react_1.default.Component {
|
|
42
|
-
constructor(props) {
|
|
43
|
-
super(props);
|
|
44
|
-
this.setComponentElRef = (element) => {
|
|
45
|
-
this.componentEl = element;
|
|
46
|
-
};
|
|
47
|
-
}
|
|
48
|
-
componentDidMount() {
|
|
49
|
-
this.componentDidUpdate(this.props);
|
|
50
|
-
}
|
|
51
|
-
componentDidUpdate(prevProps) {
|
|
52
|
-
utils_1.attachProps(this.componentEl, this.props, prevProps);
|
|
53
|
-
}
|
|
54
|
-
render() {
|
|
55
|
-
const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
|
|
56
|
-
let propsToPass = Object.keys(cProps).reduce((acc, name) => {
|
|
57
|
-
const value = cProps[name];
|
|
58
|
-
if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
|
|
59
|
-
const eventName = name.substring(2).toLowerCase();
|
|
60
|
-
if (typeof document !== 'undefined' && utils_1.isCoveredByReact(eventName)) {
|
|
61
|
-
acc[name] = value;
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
else {
|
|
65
|
-
// we should only render strings, booleans, and numbers as attrs in html.
|
|
66
|
-
// objects, functions, arrays etc get synced via properties on mount.
|
|
67
|
-
const type = typeof value;
|
|
68
|
-
if (type === 'string' || type === 'boolean' || type === 'number') {
|
|
69
|
-
acc[utils_1.camelToDashCase(name)] = value;
|
|
70
|
-
}
|
|
71
|
-
}
|
|
72
|
-
return acc;
|
|
73
|
-
}, {});
|
|
74
|
-
if (manipulatePropsFunction) {
|
|
75
|
-
propsToPass = manipulatePropsFunction(this.props, propsToPass);
|
|
76
|
-
}
|
|
77
|
-
const newProps = Object.assign(Object.assign({}, propsToPass), { ref: utils_1.mergeRefs(forwardedRef, this.setComponentElRef), style });
|
|
78
|
-
/**
|
|
79
|
-
* We use createElement here instead of
|
|
80
|
-
* React.createElement to work around a
|
|
81
|
-
* bug in Vite (https://github.com/vitejs/vite/issues/6104).
|
|
82
|
-
* React.createElement causes all elements to be rendered
|
|
83
|
-
* as <tagname> instead of the actual Web Component.
|
|
84
|
-
*/
|
|
85
|
-
return react_1.createElement(tagName, newProps, children);
|
|
86
|
-
}
|
|
87
|
-
static get displayName() {
|
|
88
|
-
return displayName;
|
|
89
|
-
}
|
|
90
|
-
};
|
|
91
|
-
// If context was passed to createReactComponent then conditionally add it to the Component Class
|
|
92
|
-
if (ReactComponentContext) {
|
|
93
|
-
ReactComponent.contextType = ReactComponentContext;
|
|
94
|
-
}
|
|
95
|
-
return utils_1.createForwardRef(ReactComponent, displayName);
|
|
96
|
-
};
|
|
97
|
-
exports.createReactComponent = createReactComponent;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
3
|
+
if (k2 === undefined) k2 = k;
|
|
4
|
+
Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
|
|
5
|
+
}) : (function(o, m, k, k2) {
|
|
6
|
+
if (k2 === undefined) k2 = k;
|
|
7
|
+
o[k2] = m[k];
|
|
8
|
+
}));
|
|
9
|
+
var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
|
|
10
|
+
Object.defineProperty(o, "default", { enumerable: true, value: v });
|
|
11
|
+
}) : function(o, v) {
|
|
12
|
+
o["default"] = v;
|
|
13
|
+
});
|
|
14
|
+
var __importStar = (this && this.__importStar) || function (mod) {
|
|
15
|
+
if (mod && mod.__esModule) return mod;
|
|
16
|
+
var result = {};
|
|
17
|
+
if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
|
|
18
|
+
__setModuleDefault(result, mod);
|
|
19
|
+
return result;
|
|
20
|
+
};
|
|
21
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
22
|
+
var t = {};
|
|
23
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
24
|
+
t[p] = s[p];
|
|
25
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
26
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
27
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
28
|
+
t[p[i]] = s[p[i]];
|
|
29
|
+
}
|
|
30
|
+
return t;
|
|
31
|
+
};
|
|
32
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
33
|
+
exports.createReactComponent = void 0;
|
|
34
|
+
const react_1 = __importStar(require("react"));
|
|
35
|
+
const utils_1 = require("./utils");
|
|
36
|
+
const createReactComponent = (tagName, ReactComponentContext, manipulatePropsFunction, defineCustomElement) => {
|
|
37
|
+
if (defineCustomElement !== undefined) {
|
|
38
|
+
defineCustomElement();
|
|
39
|
+
}
|
|
40
|
+
const displayName = utils_1.dashToPascalCase(tagName);
|
|
41
|
+
const ReactComponent = class extends react_1.default.Component {
|
|
42
|
+
constructor(props) {
|
|
43
|
+
super(props);
|
|
44
|
+
this.setComponentElRef = (element) => {
|
|
45
|
+
this.componentEl = element;
|
|
46
|
+
};
|
|
47
|
+
}
|
|
48
|
+
componentDidMount() {
|
|
49
|
+
this.componentDidUpdate(this.props);
|
|
50
|
+
}
|
|
51
|
+
componentDidUpdate(prevProps) {
|
|
52
|
+
utils_1.attachProps(this.componentEl, this.props, prevProps);
|
|
53
|
+
}
|
|
54
|
+
render() {
|
|
55
|
+
const _a = this.props, { children, forwardedRef, style, className, ref } = _a, cProps = __rest(_a, ["children", "forwardedRef", "style", "className", "ref"]);
|
|
56
|
+
let propsToPass = Object.keys(cProps).reduce((acc, name) => {
|
|
57
|
+
const value = cProps[name];
|
|
58
|
+
if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
|
|
59
|
+
const eventName = name.substring(2).toLowerCase();
|
|
60
|
+
if (typeof document !== 'undefined' && utils_1.isCoveredByReact(eventName)) {
|
|
61
|
+
acc[name] = value;
|
|
62
|
+
}
|
|
63
|
+
}
|
|
64
|
+
else {
|
|
65
|
+
// we should only render strings, booleans, and numbers as attrs in html.
|
|
66
|
+
// objects, functions, arrays etc get synced via properties on mount.
|
|
67
|
+
const type = typeof value;
|
|
68
|
+
if (type === 'string' || type === 'boolean' || type === 'number') {
|
|
69
|
+
acc[utils_1.camelToDashCase(name)] = value;
|
|
70
|
+
}
|
|
71
|
+
}
|
|
72
|
+
return acc;
|
|
73
|
+
}, {});
|
|
74
|
+
if (manipulatePropsFunction) {
|
|
75
|
+
propsToPass = manipulatePropsFunction(this.props, propsToPass);
|
|
76
|
+
}
|
|
77
|
+
const newProps = Object.assign(Object.assign({}, propsToPass), { ref: utils_1.mergeRefs(forwardedRef, this.setComponentElRef), style });
|
|
78
|
+
/**
|
|
79
|
+
* We use createElement here instead of
|
|
80
|
+
* React.createElement to work around a
|
|
81
|
+
* bug in Vite (https://github.com/vitejs/vite/issues/6104).
|
|
82
|
+
* React.createElement causes all elements to be rendered
|
|
83
|
+
* as <tagname> instead of the actual Web Component.
|
|
84
|
+
*/
|
|
85
|
+
return react_1.createElement(tagName, newProps, children);
|
|
86
|
+
}
|
|
87
|
+
static get displayName() {
|
|
88
|
+
return displayName;
|
|
89
|
+
}
|
|
90
|
+
};
|
|
91
|
+
// If context was passed to createReactComponent then conditionally add it to the Component Class
|
|
92
|
+
if (ReactComponentContext) {
|
|
93
|
+
ReactComponent.contextType = ReactComponentContext;
|
|
94
|
+
}
|
|
95
|
+
return utils_1.createForwardRef(ReactComponent, displayName);
|
|
96
|
+
};
|
|
97
|
+
exports.createReactComponent = createReactComponent;
|
|
98
98
|
//# sourceMappingURL=createComponent.js.map
|
|
@@ -1,21 +1,21 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { OverlayEventDetail } from './interfaces';
|
|
3
|
-
import { StencilReactForwardedRef } from './utils';
|
|
4
|
-
interface OverlayElement extends HTMLElement {
|
|
5
|
-
present: () => Promise<void>;
|
|
6
|
-
dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
|
|
7
|
-
}
|
|
8
|
-
export interface ReactOverlayProps {
|
|
9
|
-
children?: React.ReactNode;
|
|
10
|
-
isOpen: boolean;
|
|
11
|
-
onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
|
|
12
|
-
onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
|
|
13
|
-
onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
|
|
14
|
-
onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
|
|
15
|
-
}
|
|
16
|
-
export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
|
|
17
|
-
create: (options: any) => Promise<OverlayType>;
|
|
18
|
-
}, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
|
|
19
|
-
forwardedRef?: StencilReactForwardedRef<OverlayType>;
|
|
20
|
-
}> & React.RefAttributes<OverlayType>>;
|
|
21
|
-
export {};
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { OverlayEventDetail } from './interfaces';
|
|
3
|
+
import { StencilReactForwardedRef } from './utils';
|
|
4
|
+
interface OverlayElement extends HTMLElement {
|
|
5
|
+
present: () => Promise<void>;
|
|
6
|
+
dismiss: (data?: any, role?: string | undefined) => Promise<boolean>;
|
|
7
|
+
}
|
|
8
|
+
export interface ReactOverlayProps {
|
|
9
|
+
children?: React.ReactNode;
|
|
10
|
+
isOpen: boolean;
|
|
11
|
+
onDidDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
|
|
12
|
+
onDidPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
|
|
13
|
+
onWillDismiss?: (event: CustomEvent<OverlayEventDetail>) => void;
|
|
14
|
+
onWillPresent?: (event: CustomEvent<OverlayEventDetail>) => void;
|
|
15
|
+
}
|
|
16
|
+
export declare const createOverlayComponent: <OverlayComponent extends object, OverlayType extends OverlayElement>(tagName: string, controller: {
|
|
17
|
+
create: (options: any) => Promise<OverlayType>;
|
|
18
|
+
}, customElement?: any) => React.ForwardRefExoticComponent<React.PropsWithoutRef<OverlayComponent & ReactOverlayProps & {
|
|
19
|
+
forwardedRef?: StencilReactForwardedRef<OverlayType>;
|
|
20
|
+
}> & React.RefAttributes<OverlayType>>;
|
|
21
|
+
export {};
|
|
@@ -1,116 +1,116 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
-
});
|
|
10
|
-
};
|
|
11
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
12
|
-
var t = {};
|
|
13
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
14
|
-
t[p] = s[p];
|
|
15
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
16
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
17
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
18
|
-
t[p[i]] = s[p[i]];
|
|
19
|
-
}
|
|
20
|
-
return t;
|
|
21
|
-
};
|
|
22
|
-
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
23
|
-
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
24
|
-
};
|
|
25
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
-
exports.createOverlayComponent = void 0;
|
|
27
|
-
const react_1 = __importDefault(require("react"));
|
|
28
|
-
const react_dom_1 = __importDefault(require("react-dom"));
|
|
29
|
-
const utils_1 = require("./utils");
|
|
30
|
-
const createOverlayComponent = (tagName, controller, customElement) => {
|
|
31
|
-
utils_1.defineCustomElement(tagName, customElement);
|
|
32
|
-
const displayName = utils_1.dashToPascalCase(tagName);
|
|
33
|
-
const didDismissEventName = `on${displayName}DidDismiss`;
|
|
34
|
-
const didPresentEventName = `on${displayName}DidPresent`;
|
|
35
|
-
const willDismissEventName = `on${displayName}WillDismiss`;
|
|
36
|
-
const willPresentEventName = `on${displayName}WillPresent`;
|
|
37
|
-
let isDismissing = false;
|
|
38
|
-
class Overlay extends react_1.default.Component {
|
|
39
|
-
constructor(props) {
|
|
40
|
-
super(props);
|
|
41
|
-
if (typeof document !== 'undefined') {
|
|
42
|
-
this.el = document.createElement('div');
|
|
43
|
-
}
|
|
44
|
-
this.handleDismiss = this.handleDismiss.bind(this);
|
|
45
|
-
}
|
|
46
|
-
static get displayName() {
|
|
47
|
-
return displayName;
|
|
48
|
-
}
|
|
49
|
-
componentDidMount() {
|
|
50
|
-
if (this.props.isOpen) {
|
|
51
|
-
this.present();
|
|
52
|
-
}
|
|
53
|
-
}
|
|
54
|
-
componentWillUnmount() {
|
|
55
|
-
if (this.overlay) {
|
|
56
|
-
this.overlay.dismiss();
|
|
57
|
-
}
|
|
58
|
-
}
|
|
59
|
-
handleDismiss(event) {
|
|
60
|
-
if (this.props.onDidDismiss) {
|
|
61
|
-
this.props.onDidDismiss(event);
|
|
62
|
-
}
|
|
63
|
-
utils_1.setRef(this.props.forwardedRef, null);
|
|
64
|
-
}
|
|
65
|
-
shouldComponentUpdate(nextProps) {
|
|
66
|
-
// Check if the overlay component is about to dismiss
|
|
67
|
-
if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {
|
|
68
|
-
isDismissing = true;
|
|
69
|
-
}
|
|
70
|
-
return true;
|
|
71
|
-
}
|
|
72
|
-
componentDidUpdate(prevProps) {
|
|
73
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
74
|
-
if (this.overlay) {
|
|
75
|
-
utils_1.attachProps(this.overlay, this.props, prevProps);
|
|
76
|
-
}
|
|
77
|
-
if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
|
|
78
|
-
this.present(prevProps);
|
|
79
|
-
}
|
|
80
|
-
if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {
|
|
81
|
-
yield this.overlay.dismiss();
|
|
82
|
-
isDismissing = false;
|
|
83
|
-
/**
|
|
84
|
-
* Now that the overlay is dismissed
|
|
85
|
-
* we need to render again so that any
|
|
86
|
-
* inner components will be unmounted
|
|
87
|
-
*/
|
|
88
|
-
this.forceUpdate();
|
|
89
|
-
}
|
|
90
|
-
});
|
|
91
|
-
}
|
|
92
|
-
present(prevProps) {
|
|
93
|
-
return __awaiter(this, void 0, void 0, function* () {
|
|
94
|
-
const _a = this.props, { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent } = _a, cProps = __rest(_a, ["children", "isOpen", "onDidDismiss", "onDidPresent", "onWillDismiss", "onWillPresent"]);
|
|
95
|
-
const elementProps = Object.assign(Object.assign({}, cProps), { ref: this.props.forwardedRef, [didDismissEventName]: this.handleDismiss, [didPresentEventName]: (e) => this.props.onDidPresent && this.props.onDidPresent(e), [willDismissEventName]: (e) => this.props.onWillDismiss && this.props.onWillDismiss(e), [willPresentEventName]: (e) => this.props.onWillPresent && this.props.onWillPresent(e) });
|
|
96
|
-
this.overlay = yield controller.create(Object.assign(Object.assign({}, elementProps), { component: this.el, componentProps: {} }));
|
|
97
|
-
utils_1.setRef(this.props.forwardedRef, this.overlay);
|
|
98
|
-
utils_1.attachProps(this.overlay, elementProps, prevProps);
|
|
99
|
-
yield this.overlay.present();
|
|
100
|
-
});
|
|
101
|
-
}
|
|
102
|
-
render() {
|
|
103
|
-
/**
|
|
104
|
-
* Continue to render the component even when
|
|
105
|
-
* overlay is dismissing otherwise component
|
|
106
|
-
* will be hidden before animation is done.
|
|
107
|
-
*/
|
|
108
|
-
return react_dom_1.default.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
return react_1.default.forwardRef((props, ref) => {
|
|
112
|
-
return react_1.default.createElement(Overlay, Object.assign({}, props, { forwardedRef: ref }));
|
|
113
|
-
});
|
|
114
|
-
};
|
|
115
|
-
exports.createOverlayComponent = createOverlayComponent;
|
|
1
|
+
"use strict";
|
|
2
|
+
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
|
3
|
+
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
|
4
|
+
return new (P || (P = Promise))(function (resolve, reject) {
|
|
5
|
+
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
|
6
|
+
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
|
7
|
+
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
|
8
|
+
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
|
9
|
+
});
|
|
10
|
+
};
|
|
11
|
+
var __rest = (this && this.__rest) || function (s, e) {
|
|
12
|
+
var t = {};
|
|
13
|
+
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
14
|
+
t[p] = s[p];
|
|
15
|
+
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
16
|
+
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
17
|
+
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
18
|
+
t[p[i]] = s[p[i]];
|
|
19
|
+
}
|
|
20
|
+
return t;
|
|
21
|
+
};
|
|
22
|
+
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
23
|
+
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
24
|
+
};
|
|
25
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
26
|
+
exports.createOverlayComponent = void 0;
|
|
27
|
+
const react_1 = __importDefault(require("react"));
|
|
28
|
+
const react_dom_1 = __importDefault(require("react-dom"));
|
|
29
|
+
const utils_1 = require("./utils");
|
|
30
|
+
const createOverlayComponent = (tagName, controller, customElement) => {
|
|
31
|
+
utils_1.defineCustomElement(tagName, customElement);
|
|
32
|
+
const displayName = utils_1.dashToPascalCase(tagName);
|
|
33
|
+
const didDismissEventName = `on${displayName}DidDismiss`;
|
|
34
|
+
const didPresentEventName = `on${displayName}DidPresent`;
|
|
35
|
+
const willDismissEventName = `on${displayName}WillDismiss`;
|
|
36
|
+
const willPresentEventName = `on${displayName}WillPresent`;
|
|
37
|
+
let isDismissing = false;
|
|
38
|
+
class Overlay extends react_1.default.Component {
|
|
39
|
+
constructor(props) {
|
|
40
|
+
super(props);
|
|
41
|
+
if (typeof document !== 'undefined') {
|
|
42
|
+
this.el = document.createElement('div');
|
|
43
|
+
}
|
|
44
|
+
this.handleDismiss = this.handleDismiss.bind(this);
|
|
45
|
+
}
|
|
46
|
+
static get displayName() {
|
|
47
|
+
return displayName;
|
|
48
|
+
}
|
|
49
|
+
componentDidMount() {
|
|
50
|
+
if (this.props.isOpen) {
|
|
51
|
+
this.present();
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
componentWillUnmount() {
|
|
55
|
+
if (this.overlay) {
|
|
56
|
+
this.overlay.dismiss();
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
handleDismiss(event) {
|
|
60
|
+
if (this.props.onDidDismiss) {
|
|
61
|
+
this.props.onDidDismiss(event);
|
|
62
|
+
}
|
|
63
|
+
utils_1.setRef(this.props.forwardedRef, null);
|
|
64
|
+
}
|
|
65
|
+
shouldComponentUpdate(nextProps) {
|
|
66
|
+
// Check if the overlay component is about to dismiss
|
|
67
|
+
if (this.overlay && nextProps.isOpen !== this.props.isOpen && nextProps.isOpen === false) {
|
|
68
|
+
isDismissing = true;
|
|
69
|
+
}
|
|
70
|
+
return true;
|
|
71
|
+
}
|
|
72
|
+
componentDidUpdate(prevProps) {
|
|
73
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
74
|
+
if (this.overlay) {
|
|
75
|
+
utils_1.attachProps(this.overlay, this.props, prevProps);
|
|
76
|
+
}
|
|
77
|
+
if (prevProps.isOpen !== this.props.isOpen && this.props.isOpen === true) {
|
|
78
|
+
this.present(prevProps);
|
|
79
|
+
}
|
|
80
|
+
if (this.overlay && prevProps.isOpen !== this.props.isOpen && this.props.isOpen === false) {
|
|
81
|
+
yield this.overlay.dismiss();
|
|
82
|
+
isDismissing = false;
|
|
83
|
+
/**
|
|
84
|
+
* Now that the overlay is dismissed
|
|
85
|
+
* we need to render again so that any
|
|
86
|
+
* inner components will be unmounted
|
|
87
|
+
*/
|
|
88
|
+
this.forceUpdate();
|
|
89
|
+
}
|
|
90
|
+
});
|
|
91
|
+
}
|
|
92
|
+
present(prevProps) {
|
|
93
|
+
return __awaiter(this, void 0, void 0, function* () {
|
|
94
|
+
const _a = this.props, { children, isOpen, onDidDismiss, onDidPresent, onWillDismiss, onWillPresent } = _a, cProps = __rest(_a, ["children", "isOpen", "onDidDismiss", "onDidPresent", "onWillDismiss", "onWillPresent"]);
|
|
95
|
+
const elementProps = Object.assign(Object.assign({}, cProps), { ref: this.props.forwardedRef, [didDismissEventName]: this.handleDismiss, [didPresentEventName]: (e) => this.props.onDidPresent && this.props.onDidPresent(e), [willDismissEventName]: (e) => this.props.onWillDismiss && this.props.onWillDismiss(e), [willPresentEventName]: (e) => this.props.onWillPresent && this.props.onWillPresent(e) });
|
|
96
|
+
this.overlay = yield controller.create(Object.assign(Object.assign({}, elementProps), { component: this.el, componentProps: {} }));
|
|
97
|
+
utils_1.setRef(this.props.forwardedRef, this.overlay);
|
|
98
|
+
utils_1.attachProps(this.overlay, elementProps, prevProps);
|
|
99
|
+
yield this.overlay.present();
|
|
100
|
+
});
|
|
101
|
+
}
|
|
102
|
+
render() {
|
|
103
|
+
/**
|
|
104
|
+
* Continue to render the component even when
|
|
105
|
+
* overlay is dismissing otherwise component
|
|
106
|
+
* will be hidden before animation is done.
|
|
107
|
+
*/
|
|
108
|
+
return react_dom_1.default.createPortal(this.props.isOpen || isDismissing ? this.props.children : null, this.el);
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
return react_1.default.forwardRef((props, ref) => {
|
|
112
|
+
return react_1.default.createElement(Overlay, Object.assign({}, props, { forwardedRef: ref }));
|
|
113
|
+
});
|
|
114
|
+
};
|
|
115
|
+
exports.createOverlayComponent = createOverlayComponent;
|
|
116
116
|
//# sourceMappingURL=createOverlayComponent.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
export { createReactComponent } from './createComponent';
|
|
2
|
-
export { createOverlayComponent } from './createOverlayComponent';
|
|
1
|
+
export { createReactComponent } from './createComponent';
|
|
2
|
+
export { createOverlayComponent } from './createOverlayComponent';
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.createOverlayComponent = exports.createReactComponent = void 0;
|
|
4
|
-
var createComponent_1 = require("./createComponent");
|
|
5
|
-
Object.defineProperty(exports, "createReactComponent", { enumerable: true, get: function () { return createComponent_1.createReactComponent; } });
|
|
6
|
-
var createOverlayComponent_1 = require("./createOverlayComponent");
|
|
7
|
-
Object.defineProperty(exports, "createOverlayComponent", { enumerable: true, get: function () { return createOverlayComponent_1.createOverlayComponent; } });
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.createOverlayComponent = exports.createReactComponent = void 0;
|
|
4
|
+
var createComponent_1 = require("./createComponent");
|
|
5
|
+
Object.defineProperty(exports, "createReactComponent", { enumerable: true, get: function () { return createComponent_1.createReactComponent; } });
|
|
6
|
+
var createOverlayComponent_1 = require("./createOverlayComponent");
|
|
7
|
+
Object.defineProperty(exports, "createOverlayComponent", { enumerable: true, get: function () { return createOverlayComponent_1.createOverlayComponent; } });
|
|
8
8
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,29 +1,29 @@
|
|
|
1
|
-
export interface EventEmitter<T = any> {
|
|
2
|
-
emit: (data?: T) => CustomEvent<T>;
|
|
3
|
-
}
|
|
4
|
-
export interface StyleReactProps {
|
|
5
|
-
class?: string;
|
|
6
|
-
className?: string;
|
|
7
|
-
style?: {
|
|
8
|
-
[key: string]: any;
|
|
9
|
-
};
|
|
10
|
-
}
|
|
11
|
-
export interface OverlayEventDetail<T = any> {
|
|
12
|
-
data?: T;
|
|
13
|
-
role?: string;
|
|
14
|
-
}
|
|
15
|
-
export interface OverlayInterface {
|
|
16
|
-
el: HTMLElement;
|
|
17
|
-
animated: boolean;
|
|
18
|
-
keyboardClose: boolean;
|
|
19
|
-
overlayIndex: number;
|
|
20
|
-
presented: boolean;
|
|
21
|
-
enterAnimation?: any;
|
|
22
|
-
leaveAnimation?: any;
|
|
23
|
-
didPresent: EventEmitter<void>;
|
|
24
|
-
willPresent: EventEmitter<void>;
|
|
25
|
-
willDismiss: EventEmitter<OverlayEventDetail>;
|
|
26
|
-
didDismiss: EventEmitter<OverlayEventDetail>;
|
|
27
|
-
present(): Promise<void>;
|
|
28
|
-
dismiss(data?: any, role?: string): Promise<boolean>;
|
|
29
|
-
}
|
|
1
|
+
export interface EventEmitter<T = any> {
|
|
2
|
+
emit: (data?: T) => CustomEvent<T>;
|
|
3
|
+
}
|
|
4
|
+
export interface StyleReactProps {
|
|
5
|
+
class?: string;
|
|
6
|
+
className?: string;
|
|
7
|
+
style?: {
|
|
8
|
+
[key: string]: any;
|
|
9
|
+
};
|
|
10
|
+
}
|
|
11
|
+
export interface OverlayEventDetail<T = any> {
|
|
12
|
+
data?: T;
|
|
13
|
+
role?: string;
|
|
14
|
+
}
|
|
15
|
+
export interface OverlayInterface {
|
|
16
|
+
el: HTMLElement;
|
|
17
|
+
animated: boolean;
|
|
18
|
+
keyboardClose: boolean;
|
|
19
|
+
overlayIndex: number;
|
|
20
|
+
presented: boolean;
|
|
21
|
+
enterAnimation?: any;
|
|
22
|
+
leaveAnimation?: any;
|
|
23
|
+
didPresent: EventEmitter<void>;
|
|
24
|
+
willPresent: EventEmitter<void>;
|
|
25
|
+
willDismiss: EventEmitter<OverlayEventDetail>;
|
|
26
|
+
didDismiss: EventEmitter<OverlayEventDetail>;
|
|
27
|
+
present(): Promise<void>;
|
|
28
|
+
dismiss(data?: any, role?: string): Promise<boolean>;
|
|
29
|
+
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
//# sourceMappingURL=interfaces.js.map
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
|
|
2
|
-
export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
|
|
3
|
-
/**
|
|
4
|
-
* Checks if an event is supported in the current execution environment.
|
|
5
|
-
* @license Modernizr 3.0.0pre (Custom Build) | MIT
|
|
6
|
-
*/
|
|
7
|
-
export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
|
|
8
|
-
export declare const syncEvent: (node: Element & {
|
|
9
|
-
__events?: {
|
|
10
|
-
[key: string]: (e: Event) => any;
|
|
11
|
-
};
|
|
12
|
-
}, eventName: string, newEventHandler?: (e: Event) => any) => void;
|
|
1
|
+
export declare const attachProps: (node: HTMLElement, newProps: any, oldProps?: any) => void;
|
|
2
|
+
export declare const getClassName: (classList: DOMTokenList, newProps: any, oldProps: any) => string;
|
|
3
|
+
/**
|
|
4
|
+
* Checks if an event is supported in the current execution environment.
|
|
5
|
+
* @license Modernizr 3.0.0pre (Custom Build) | MIT
|
|
6
|
+
*/
|
|
7
|
+
export declare const isCoveredByReact: (eventNameSuffix: string) => boolean;
|
|
8
|
+
export declare const syncEvent: (node: Element & {
|
|
9
|
+
__events?: {
|
|
10
|
+
[key: string]: (e: Event) => any;
|
|
11
|
+
};
|
|
12
|
+
}, eventName: string, newEventHandler?: (e: Event) => any) => void;
|