@nextui-org/react 1.0.2-alpha.2 → 1.0.2-beta.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/README.md +10 -5
- package/cjs/avatar/avatar-group.js +1 -35
- package/cjs/avatar/avatar-group.styles.js +1 -52
- package/cjs/avatar/avatar.js +1 -75
- package/cjs/avatar/avatar.styles.js +1 -334
- package/cjs/avatar/index.js +1 -22
- package/cjs/backdrop/backdrop.js +1 -137
- package/cjs/backdrop/backdrop.styles.js +1 -119
- package/cjs/backdrop/index.js +1 -16
- package/cjs/button/button-group-context.js +1 -21
- package/cjs/button/button-group.js +1 -81
- package/cjs/button/button-group.styles.js +1 -136
- package/cjs/button/button-icon.js +1 -68
- package/cjs/button/button.js +1 -145
- package/cjs/button/button.styles.js +1 -695
- package/cjs/button/index.js +1 -25
- package/cjs/button/utils.js +1 -27
- package/cjs/card/card.js +1 -117
- package/cjs/card/card.styles.js +1 -267
- package/cjs/card/index.js +1 -24
- package/cjs/checkbox/checkbox-context.js +1 -25
- package/cjs/checkbox/checkbox-group.js +1 -89
- package/cjs/checkbox/checkbox.js +1 -192
- package/cjs/checkbox/checkbox.styles.js +1 -563
- package/cjs/checkbox/index.js +1 -26
- package/cjs/code/code.js +1 -42
- package/cjs/code/code.styles.js +1 -14
- package/cjs/code/index.js +1 -15
- package/cjs/col/col.js +1 -46
- package/cjs/col/col.styles.js +1 -16
- package/cjs/col/index.js +1 -14
- package/cjs/collapse/collapse-context.js +1 -20
- package/cjs/collapse/collapse-group.js +1 -90
- package/cjs/collapse/collapse-icon.js +1 -41
- package/cjs/collapse/collapse.js +1 -190
- package/cjs/collapse/collapse.styles.js +1 -254
- package/cjs/collapse/index.js +1 -22
- package/cjs/container/container.js +1 -91
- package/cjs/container/container.styles.js +1 -45
- package/cjs/container/index.js +1 -14
- package/cjs/css-baseline/css-baseline.js +1 -247
- package/cjs/css-baseline/index.js +1 -11
- package/cjs/divider/divider.js +1 -82
- package/cjs/divider/divider.styles.js +1 -77
- package/cjs/divider/index.js +1 -15
- package/cjs/grid/grid-container.js +1 -60
- package/cjs/grid/grid-item.js +1 -123
- package/cjs/grid/grid.js +1 -29
- package/cjs/grid/grid.styles.js +1 -15
- package/cjs/grid/index.js +1 -18
- package/cjs/image/image.js +1 -150
- package/cjs/image/image.skeleton.js +1 -50
- package/cjs/image/image.styles.js +1 -57
- package/cjs/image/index.js +1 -16
- package/cjs/index.js +1 -435
- package/cjs/input/index.js +1 -30
- package/cjs/input/input-password.js +1 -80
- package/cjs/input/input-props.js +1 -30
- package/cjs/input/input.js +1 -317
- package/cjs/input/input.styles.js +1 -878
- package/cjs/input/password-icon.js +1 -51
- package/cjs/link/icon.js +1 -42
- package/cjs/link/index.js +1 -15
- package/cjs/link/link.js +1 -42
- package/cjs/link/link.styles.js +1 -135
- package/cjs/loading/index.js +1 -24
- package/cjs/loading/loading.js +1 -80
- package/cjs/loading/loading.styles.js +1 -438
- package/cjs/loading/spinner.js +1 -47
- package/cjs/modal/index.js +1 -28
- package/cjs/modal/modal-body.js +1 -62
- package/cjs/modal/modal-close-button.js +1 -49
- package/cjs/modal/modal-context.js +1 -18
- package/cjs/modal/modal-footer.js +1 -69
- package/cjs/modal/modal-header.js +1 -69
- package/cjs/modal/modal-wrapper.js +1 -153
- package/cjs/modal/modal.js +1 -159
- package/cjs/modal/modal.styles.js +1 -243
- package/cjs/modal/use-modal.js +1 -25
- package/cjs/pagination/index.js +1 -19
- package/cjs/pagination/pagination-ellipsis.js +1 -86
- package/cjs/pagination/pagination-highlight.js +1 -52
- package/cjs/pagination/pagination-icon.js +1 -59
- package/cjs/pagination/pagination-item.js +1 -104
- package/cjs/pagination/pagination.js +1 -169
- package/cjs/pagination/pagination.styles.js +1 -361
- package/cjs/progress/index.js +1 -15
- package/cjs/progress/progress.js +1 -101
- package/cjs/progress/progress.styles.js +1 -165
- package/cjs/radio/index.js +1 -24
- package/cjs/radio/radio-context.js +1 -24
- package/cjs/radio/radio-group.js +1 -78
- package/cjs/radio/radio.js +1 -156
- package/cjs/radio/radio.styles.js +1 -240
- package/cjs/row/index.js +1 -14
- package/cjs/row/row.js +1 -54
- package/cjs/row/row.styles.js +1 -25
- package/cjs/snippet/index.js +1 -16
- package/cjs/snippet/snippet-icon.js +1 -52
- package/cjs/snippet/snippet.js +1 -137
- package/cjs/snippet/snippet.styles.js +1 -141
- package/cjs/spacer/index.js +1 -14
- package/cjs/spacer/spacer.js +1 -49
- package/cjs/spacer/spacer.styles.js +1 -24
- package/cjs/switch/index.js +1 -17
- package/cjs/switch/switch.js +1 -142
- package/cjs/switch/switch.styles.js +1 -283
- package/cjs/text/child.js +1 -83
- package/cjs/text/index.js +1 -14
- package/cjs/text/text.js +1 -124
- package/cjs/text/text.styles.js +1 -41
- package/cjs/textarea/index.js +1 -12
- package/cjs/textarea/textarea.js +1 -126
- package/cjs/textarea/utils.js +1 -126
- package/cjs/theme/common.js +1 -490
- package/cjs/theme/dark-theme.js +1 -38
- package/cjs/theme/index.js +1 -31
- package/cjs/theme/light-theme.js +1 -33
- package/cjs/theme/stitches.config.js +1 -88
- package/cjs/theme/theme-context.js +1 -22
- package/cjs/theme/theme-provider.js +1 -115
- package/cjs/theme/types.js +1 -3
- package/cjs/theme/utils.js +1 -113
- package/cjs/tooltip/index.js +1 -17
- package/cjs/tooltip/placement.js +1 -193
- package/cjs/tooltip/tooltip-content.js +1 -135
- package/cjs/tooltip/tooltip.js +1 -141
- package/cjs/tooltip/tooltip.styles.js +1 -159
- package/cjs/use-body-scroll/index.js +1 -12
- package/cjs/use-body-scroll/use-body-scroll.js +1 -77
- package/cjs/use-click-anywhere/index.js +1 -12
- package/cjs/use-click-anywhere/use-click-anywhere.js +1 -19
- package/cjs/use-click-away/index.js +1 -12
- package/cjs/use-click-away/use-click-away.js +1 -23
- package/cjs/use-clipboard/index.js +1 -12
- package/cjs/use-clipboard/use-clipboard.js +1 -57
- package/cjs/use-current-state/index.js +1 -12
- package/cjs/use-current-state/use-current-state.js +1 -28
- package/cjs/use-drip/index.js +1 -12
- package/cjs/use-drip/use-drip.js +1 -38
- package/cjs/use-input/index.js +1 -12
- package/cjs/use-input/use-input.js +1 -32
- package/cjs/use-keyboard/codes.js +1 -104
- package/cjs/use-keyboard/helper.js +1 -35
- package/cjs/use-keyboard/index.js +1 -15
- package/cjs/use-keyboard/use-keyboard.js +1 -76
- package/cjs/use-pagination/index.js +1 -88
- package/cjs/use-portal/index.js +1 -12
- package/cjs/use-portal/use-portal.js +1 -43
- package/cjs/use-real-shape/index.js +1 -12
- package/cjs/use-real-shape/use-real-shape.js +1 -55
- package/cjs/use-resize/index.js +1 -12
- package/cjs/use-resize/use-resize.js +1 -23
- package/cjs/use-ssr/index.js +1 -12
- package/cjs/use-ssr/use-ssr.js +1 -25
- package/cjs/use-theme/index.js +1 -12
- package/cjs/use-theme/use-theme.js +1 -16
- package/cjs/use-warning/index.js +1 -12
- package/cjs/use-warning/use-warning.js +1 -23
- package/cjs/user/index.js +1 -21
- package/cjs/user/user-link.js +1 -46
- package/cjs/user/user.js +1 -63
- package/cjs/user/user.styles.js +1 -56
- package/cjs/utils/assertion.js +1 -42
- package/cjs/utils/clear-icon.js +1 -70
- package/cjs/utils/clsx.js +1 -57
- package/cjs/utils/collections.js +1 -110
- package/cjs/utils/color.js +1 -187
- package/cjs/utils/css-transition.js +1 -76
- package/cjs/utils/deep-merge.js +1 -33
- package/cjs/utils/dimensions.js +1 -10
- package/cjs/utils/dom.js +1 -110
- package/cjs/utils/drip.js +1 -116
- package/cjs/utils/expand.js +1 -109
- package/cjs/utils/icons.js +1 -481
- package/cjs/utils/numbers.js +1 -23
- package/cjs/utils/object.js +1 -40
- package/cjs/utils/prop-types.js +1 -56
- package/cjs/utils/react.js +1 -24
- package/cjs/utils/strings.js +1 -18
- package/cjs/utils/types.d.js +1 -3
- package/cjs/utils/with-defaults.js +1 -13
- package/esm/avatar/avatar-group.js +1 -35
- package/esm/avatar/avatar-group.styles.js +1 -52
- package/esm/avatar/avatar.js +1 -75
- package/esm/avatar/avatar.styles.js +1 -334
- package/esm/avatar/index.js +1 -22
- package/esm/backdrop/backdrop.js +1 -137
- package/esm/backdrop/backdrop.styles.js +1 -119
- package/esm/backdrop/index.js +1 -16
- package/esm/button/button-group-context.js +1 -21
- package/esm/button/button-group.js +1 -81
- package/esm/button/button-group.styles.js +1 -136
- package/esm/button/button-icon.js +1 -68
- package/esm/button/button.js +1 -145
- package/esm/button/button.styles.js +1 -695
- package/esm/button/index.js +1 -25
- package/esm/button/utils.js +1 -27
- package/esm/card/card.js +1 -117
- package/esm/card/card.styles.js +1 -267
- package/esm/card/index.js +1 -24
- package/esm/checkbox/checkbox-context.js +1 -25
- package/esm/checkbox/checkbox-group.js +1 -89
- package/esm/checkbox/checkbox.js +1 -192
- package/esm/checkbox/checkbox.styles.js +1 -563
- package/esm/checkbox/index.js +1 -26
- package/esm/code/code.js +1 -42
- package/esm/code/code.styles.js +1 -14
- package/esm/code/index.js +1 -15
- package/esm/col/col.js +1 -46
- package/esm/col/col.styles.js +1 -16
- package/esm/col/index.js +1 -14
- package/esm/collapse/collapse-context.js +1 -20
- package/esm/collapse/collapse-group.js +1 -90
- package/esm/collapse/collapse-icon.js +1 -41
- package/esm/collapse/collapse.js +1 -190
- package/esm/collapse/collapse.styles.js +1 -254
- package/esm/collapse/index.js +1 -22
- package/esm/container/container.js +1 -91
- package/esm/container/container.styles.js +1 -45
- package/esm/container/index.js +1 -14
- package/esm/css-baseline/css-baseline.js +1 -247
- package/esm/css-baseline/index.js +1 -11
- package/esm/divider/divider.js +1 -82
- package/esm/divider/divider.styles.js +1 -77
- package/esm/divider/index.js +1 -15
- package/esm/grid/grid-container.js +1 -60
- package/esm/grid/grid-item.js +1 -123
- package/esm/grid/grid.js +1 -29
- package/esm/grid/grid.styles.js +1 -15
- package/esm/grid/index.js +1 -18
- package/esm/image/image.js +1 -150
- package/esm/image/image.skeleton.js +1 -50
- package/esm/image/image.styles.js +1 -57
- package/esm/image/index.js +1 -16
- package/esm/index.js +1 -435
- package/esm/input/index.js +1 -30
- package/esm/input/input-password.js +1 -80
- package/esm/input/input-props.js +1 -30
- package/esm/input/input.js +1 -317
- package/esm/input/input.styles.js +1 -878
- package/esm/input/password-icon.js +1 -51
- package/esm/link/icon.js +1 -42
- package/esm/link/index.js +1 -15
- package/esm/link/link.js +1 -42
- package/esm/link/link.styles.js +1 -135
- package/esm/loading/index.js +1 -24
- package/esm/loading/loading.js +1 -80
- package/esm/loading/loading.styles.js +1 -438
- package/esm/loading/spinner.js +1 -47
- package/esm/modal/index.js +1 -28
- package/esm/modal/modal-body.js +1 -62
- package/esm/modal/modal-close-button.js +1 -49
- package/esm/modal/modal-context.js +1 -18
- package/esm/modal/modal-footer.js +1 -69
- package/esm/modal/modal-header.js +1 -69
- package/esm/modal/modal-wrapper.js +1 -153
- package/esm/modal/modal.js +1 -159
- package/esm/modal/modal.styles.js +1 -243
- package/esm/modal/use-modal.js +1 -25
- package/esm/pagination/index.js +1 -19
- package/esm/pagination/pagination-ellipsis.js +1 -86
- package/esm/pagination/pagination-highlight.js +1 -52
- package/esm/pagination/pagination-icon.js +1 -59
- package/esm/pagination/pagination-item.js +1 -104
- package/esm/pagination/pagination.js +1 -169
- package/esm/pagination/pagination.styles.js +1 -361
- package/esm/progress/index.js +1 -15
- package/esm/progress/progress.js +1 -101
- package/esm/progress/progress.styles.js +1 -165
- package/esm/radio/index.js +1 -24
- package/esm/radio/radio-context.js +1 -24
- package/esm/radio/radio-group.js +1 -78
- package/esm/radio/radio.js +1 -156
- package/esm/radio/radio.styles.js +1 -240
- package/esm/row/index.js +1 -14
- package/esm/row/row.js +1 -54
- package/esm/row/row.styles.js +1 -25
- package/esm/snippet/index.js +1 -16
- package/esm/snippet/snippet-icon.js +1 -52
- package/esm/snippet/snippet.js +1 -137
- package/esm/snippet/snippet.styles.js +1 -141
- package/esm/spacer/index.js +1 -14
- package/esm/spacer/spacer.js +1 -49
- package/esm/spacer/spacer.styles.js +1 -24
- package/esm/switch/index.js +1 -17
- package/esm/switch/switch.js +1 -142
- package/esm/switch/switch.styles.js +1 -283
- package/esm/text/child.js +1 -83
- package/esm/text/index.js +1 -14
- package/esm/text/text.js +1 -124
- package/esm/text/text.styles.js +1 -41
- package/esm/textarea/index.js +1 -12
- package/esm/textarea/textarea.js +1 -126
- package/esm/textarea/utils.js +1 -126
- package/esm/theme/common.js +1 -490
- package/esm/theme/dark-theme.js +1 -38
- package/esm/theme/index.js +1 -31
- package/esm/theme/light-theme.js +1 -33
- package/esm/theme/stitches.config.js +1 -88
- package/esm/theme/theme-context.js +1 -22
- package/esm/theme/theme-provider.js +1 -115
- package/esm/theme/types.js +1 -3
- package/esm/theme/utils.js +1 -113
- package/esm/tooltip/index.js +1 -17
- package/esm/tooltip/placement.js +1 -193
- package/esm/tooltip/tooltip-content.js +1 -135
- package/esm/tooltip/tooltip.js +1 -141
- package/esm/tooltip/tooltip.styles.js +1 -159
- package/esm/use-body-scroll/index.js +1 -12
- package/esm/use-body-scroll/use-body-scroll.js +1 -77
- package/esm/use-click-anywhere/index.js +1 -12
- package/esm/use-click-anywhere/use-click-anywhere.js +1 -19
- package/esm/use-click-away/index.js +1 -12
- package/esm/use-click-away/use-click-away.js +1 -23
- package/esm/use-clipboard/index.js +1 -12
- package/esm/use-clipboard/use-clipboard.js +1 -57
- package/esm/use-current-state/index.js +1 -12
- package/esm/use-current-state/use-current-state.js +1 -28
- package/esm/use-drip/index.js +1 -12
- package/esm/use-drip/use-drip.js +1 -38
- package/esm/use-input/index.js +1 -12
- package/esm/use-input/use-input.js +1 -32
- package/esm/use-keyboard/codes.js +1 -104
- package/esm/use-keyboard/helper.js +1 -35
- package/esm/use-keyboard/index.js +1 -15
- package/esm/use-keyboard/use-keyboard.js +1 -76
- package/esm/use-pagination/index.js +1 -88
- package/esm/use-portal/index.js +1 -12
- package/esm/use-portal/use-portal.js +1 -43
- package/esm/use-real-shape/index.js +1 -12
- package/esm/use-real-shape/use-real-shape.js +1 -55
- package/esm/use-resize/index.js +1 -12
- package/esm/use-resize/use-resize.js +1 -23
- package/esm/use-ssr/index.js +1 -12
- package/esm/use-ssr/use-ssr.js +1 -25
- package/esm/use-theme/index.js +1 -12
- package/esm/use-theme/use-theme.js +1 -16
- package/esm/use-warning/index.js +1 -12
- package/esm/use-warning/use-warning.js +1 -23
- package/esm/user/index.js +1 -21
- package/esm/user/user-link.js +1 -46
- package/esm/user/user.js +1 -63
- package/esm/user/user.styles.js +1 -56
- package/esm/utils/assertion.js +1 -42
- package/esm/utils/clear-icon.js +1 -70
- package/esm/utils/clsx.js +1 -57
- package/esm/utils/collections.js +1 -110
- package/esm/utils/color.js +1 -187
- package/esm/utils/css-transition.js +1 -76
- package/esm/utils/deep-merge.js +1 -33
- package/esm/utils/dimensions.js +1 -10
- package/esm/utils/dom.js +1 -110
- package/esm/utils/drip.js +1 -116
- package/esm/utils/expand.js +1 -109
- package/esm/utils/icons.js +1 -481
- package/esm/utils/numbers.js +1 -23
- package/esm/utils/object.js +1 -40
- package/esm/utils/prop-types.js +1 -56
- package/esm/utils/react.js +1 -24
- package/esm/utils/strings.js +1 -18
- package/esm/utils/types.d.js +1 -3
- package/esm/utils/with-defaults.js +1 -13
- package/package.json +8 -3
- package/{cjs → types}/avatar/avatar-group.d.ts +0 -0
- package/{cjs → types}/avatar/avatar-group.styles.d.ts +82 -0
- package/{cjs → types}/avatar/avatar.d.ts +0 -0
- package/{esm → types}/avatar/avatar.styles.d.ts +41 -0
- package/{cjs → types}/avatar/index.d.ts +0 -0
- package/{cjs → types}/backdrop/backdrop.d.ts +1 -1
- package/{cjs → types}/backdrop/backdrop.styles.d.ts +123 -0
- package/{cjs → types}/backdrop/index.d.ts +0 -0
- package/{cjs → types}/button/button-group-context.d.ts +0 -0
- package/{cjs → types}/button/button-group.d.ts +0 -0
- package/{cjs → types}/button/button-group.styles.d.ts +41 -0
- package/{esm → types}/button/button-icon.d.ts +42 -0
- package/{cjs → types}/button/button.d.ts +1 -0
- package/{esm/backdrop/backdrop.styles.d.ts → types/button/button.styles.d.ts} +1286 -898
- package/{cjs → types}/button/index.d.ts +0 -0
- package/{cjs → types}/button/utils.d.ts +0 -0
- package/{cjs → types}/card/card.d.ts +0 -0
- package/{cjs → types}/card/card.styles.d.ts +164 -0
- package/{cjs → types}/card/index.d.ts +0 -0
- package/{cjs → types}/checkbox/checkbox-context.d.ts +0 -0
- package/{cjs → types}/checkbox/checkbox-group.d.ts +0 -0
- package/{cjs → types}/checkbox/checkbox.d.ts +0 -0
- package/{cjs → types}/checkbox/checkbox.styles.d.ts +369 -0
- package/{cjs → types}/checkbox/index.d.ts +0 -0
- package/{cjs → types}/code/code.d.ts +0 -0
- package/{esm → types}/code/code.styles.d.ts +82 -0
- package/{cjs → types}/code/index.d.ts +0 -0
- package/{cjs → types}/col/col.d.ts +0 -0
- package/{cjs → types}/col/col.styles.d.ts +41 -0
- package/{cjs → types}/col/index.d.ts +0 -0
- package/{cjs → types}/collapse/collapse-context.d.ts +0 -0
- package/{cjs → types}/collapse/collapse-group.d.ts +0 -0
- package/{cjs → types}/collapse/collapse-icon.d.ts +0 -0
- package/{esm → types}/collapse/collapse.d.ts +5 -3
- package/{esm → types}/collapse/collapse.styles.d.ts +205 -0
- package/{cjs → types}/collapse/index.d.ts +0 -0
- package/{cjs → types}/container/container.d.ts +0 -0
- package/{cjs → types}/container/container.styles.d.ts +41 -0
- package/{cjs → types}/container/index.d.ts +0 -0
- package/{cjs → types}/css-baseline/css-baseline.d.ts +0 -0
- package/{cjs → types}/css-baseline/index.d.ts +0 -0
- package/{cjs → types}/divider/divider.d.ts +0 -0
- package/{esm → types}/divider/divider.styles.d.ts +82 -0
- package/{cjs → types}/divider/index.d.ts +0 -0
- package/{cjs → types}/grid/grid-container.d.ts +0 -0
- package/{cjs → types}/grid/grid-item.d.ts +0 -0
- package/{cjs → types}/grid/grid.d.ts +0 -0
- package/{cjs → types}/grid/grid.styles.d.ts +82 -0
- package/{cjs → types}/grid/index.d.ts +0 -0
- package/{cjs → types}/image/image.d.ts +0 -0
- package/{cjs → types}/image/image.skeleton.d.ts +0 -0
- package/{esm → types}/image/image.styles.d.ts +123 -0
- package/{cjs → types}/image/index.d.ts +0 -0
- package/{cjs → types}/index.d.ts +0 -0
- package/{cjs → types}/input/index.d.ts +0 -0
- package/{cjs → types}/input/input-password.d.ts +0 -0
- package/{cjs → types}/input/input-props.d.ts +0 -0
- package/{cjs → types}/input/input.d.ts +0 -0
- package/{cjs → types}/input/input.styles.d.ts +451 -0
- package/{cjs → types}/input/password-icon.d.ts +0 -0
- package/{cjs → types}/link/icon.d.ts +0 -0
- package/{cjs → types}/link/index.d.ts +0 -0
- package/{cjs → types}/link/link.d.ts +1 -1
- package/{cjs → types}/link/link.styles.d.ts +83 -1
- package/{cjs → types}/loading/index.d.ts +0 -0
- package/{cjs → types}/loading/loading.d.ts +0 -0
- package/{esm → types}/loading/loading.styles.d.ts +246 -0
- package/{cjs → types}/loading/spinner.d.ts +0 -0
- package/{cjs → types}/modal/index.d.ts +0 -0
- package/{cjs → types}/modal/modal-body.d.ts +0 -0
- package/{cjs → types}/modal/modal-close-button.d.ts +0 -0
- package/{cjs → types}/modal/modal-context.d.ts +0 -0
- package/{cjs → types}/modal/modal-footer.d.ts +0 -0
- package/{cjs → types}/modal/modal-header.d.ts +0 -0
- package/{cjs → types}/modal/modal-wrapper.d.ts +0 -0
- package/{cjs → types}/modal/modal.d.ts +0 -0
- package/{cjs → types}/modal/modal.styles.d.ts +246 -0
- package/{cjs → types}/modal/use-modal.d.ts +0 -0
- package/{cjs → types}/pagination/index.d.ts +0 -0
- package/{cjs → types}/pagination/pagination-ellipsis.d.ts +0 -0
- package/{cjs → types}/pagination/pagination-highlight.d.ts +0 -0
- package/{cjs → types}/pagination/pagination-icon.d.ts +0 -0
- package/{cjs → types}/pagination/pagination-item.d.ts +0 -0
- package/{cjs → types}/pagination/pagination.d.ts +0 -0
- package/{esm → types}/pagination/pagination.styles.d.ts +246 -0
- package/{cjs → types}/progress/index.d.ts +0 -0
- package/{esm → types}/progress/progress.d.ts +1 -1
- package/{esm → types}/progress/progress.styles.d.ts +83 -1
- package/{cjs → types}/radio/index.d.ts +0 -0
- package/{cjs → types}/radio/radio-context.d.ts +0 -0
- package/{cjs → types}/radio/radio-group.d.ts +0 -0
- package/{cjs → types}/radio/radio.d.ts +0 -0
- package/{cjs → types}/radio/radio.styles.d.ts +246 -0
- package/{cjs → types}/row/index.d.ts +0 -0
- package/{cjs → types}/row/row.d.ts +0 -0
- package/{cjs → types}/row/row.styles.d.ts +41 -0
- package/{cjs → types}/snippet/index.d.ts +0 -0
- package/{cjs → types}/snippet/snippet-icon.d.ts +0 -0
- package/{cjs → types}/snippet/snippet.d.ts +0 -0
- package/{esm → types}/snippet/snippet.styles.d.ts +164 -0
- package/{cjs → types}/spacer/index.d.ts +0 -0
- package/{cjs → types}/spacer/spacer.d.ts +0 -0
- package/{cjs → types}/spacer/spacer.styles.d.ts +41 -0
- package/{cjs → types}/switch/index.d.ts +1 -1
- package/{cjs → types}/switch/switch.d.ts +0 -0
- package/{cjs → types}/switch/switch.styles.d.ts +164 -0
- package/{esm → types}/text/child.d.ts +2 -0
- package/{cjs → types}/text/index.d.ts +0 -0
- package/{cjs → types}/text/text.d.ts +3 -3
- package/{cjs → types}/text/text.styles.d.ts +41 -0
- package/{cjs → types}/textarea/index.d.ts +0 -0
- package/{cjs → types}/textarea/textarea.d.ts +0 -0
- package/{cjs → types}/textarea/utils.d.ts +0 -0
- package/{cjs → types}/theme/common.d.ts +76 -0
- package/{cjs → types}/theme/dark-theme.d.ts +10 -0
- package/{cjs → types}/theme/light-theme.d.ts +0 -0
- package/{cjs → types}/theme/stitches.config.d.ts +5411 -4087
- package/{cjs → types}/theme/theme-context.d.ts +0 -0
- package/{cjs → types}/theme/theme-provider.d.ts +0 -0
- package/{cjs → types}/theme/types.d.ts +1 -0
- package/{cjs → types}/theme/utils.d.ts +0 -0
- package/{cjs → types}/tooltip/index.d.ts +0 -0
- package/{cjs → types}/tooltip/placement.d.ts +0 -0
- package/{cjs → types}/tooltip/tooltip-content.d.ts +0 -0
- package/{esm → types}/tooltip/tooltip.d.ts +4 -1
- package/{esm → types}/tooltip/tooltip.styles.d.ts +164 -0
- package/{cjs → types}/use-body-scroll/index.d.ts +0 -0
- package/{cjs → types}/use-body-scroll/use-body-scroll.d.ts +0 -0
- package/{cjs → types}/use-click-anywhere/index.d.ts +0 -0
- package/{cjs → types}/use-click-anywhere/use-click-anywhere.d.ts +0 -0
- package/{cjs → types}/use-click-away/index.d.ts +0 -0
- package/{cjs → types}/use-click-away/use-click-away.d.ts +0 -0
- package/{cjs → types}/use-clipboard/index.d.ts +0 -0
- package/{cjs → types}/use-clipboard/use-clipboard.d.ts +0 -0
- package/{cjs → types}/use-current-state/index.d.ts +0 -0
- package/{cjs → types}/use-current-state/use-current-state.d.ts +0 -0
- package/{cjs → types}/use-drip/index.d.ts +0 -0
- package/{cjs → types}/use-drip/use-drip.d.ts +0 -0
- package/{cjs → types}/use-input/index.d.ts +0 -0
- package/{cjs → types}/use-input/use-input.d.ts +0 -0
- package/{cjs → types}/use-keyboard/codes.d.ts +0 -0
- package/{cjs → types}/use-keyboard/helper.d.ts +0 -0
- package/{cjs → types}/use-keyboard/index.d.ts +0 -0
- package/{cjs → types}/use-keyboard/use-keyboard.d.ts +0 -0
- package/{cjs → types}/use-pagination/index.d.ts +0 -0
- package/{cjs → types}/use-portal/index.d.ts +0 -0
- package/{cjs → types}/use-portal/use-portal.d.ts +0 -0
- package/{cjs → types}/use-real-shape/index.d.ts +0 -0
- package/{cjs → types}/use-real-shape/use-real-shape.d.ts +0 -0
- package/{cjs → types}/use-resize/index.d.ts +0 -0
- package/{cjs → types}/use-resize/use-resize.d.ts +0 -0
- package/{cjs → types}/use-ssr/index.d.ts +0 -0
- package/{cjs → types}/use-ssr/use-ssr.d.ts +0 -0
- package/{cjs → types}/use-theme/index.d.ts +0 -0
- package/{cjs → types}/use-theme/use-theme.d.ts +0 -0
- package/{cjs → types}/use-warning/index.d.ts +0 -0
- package/{cjs → types}/use-warning/use-warning.d.ts +0 -0
- package/{cjs → types}/user/index.d.ts +0 -0
- package/{cjs → types}/user/user-link.d.ts +0 -0
- package/{cjs → types}/user/user.d.ts +0 -0
- package/{cjs → types}/user/user.styles.d.ts +205 -0
- package/{cjs → types}/utils/assertion.d.ts +0 -0
- package/{cjs → types}/utils/clear-icon.d.ts +0 -0
- package/{cjs → types}/utils/clsx.d.ts +0 -0
- package/{cjs → types}/utils/collections.d.ts +0 -0
- package/{cjs → types}/utils/color.d.ts +0 -0
- package/{cjs → types}/utils/css-transition.d.ts +0 -0
- package/{cjs → types}/utils/deep-merge.d.ts +0 -0
- package/{cjs → types}/utils/dimensions.d.ts +0 -0
- package/{cjs → types}/utils/drip.d.ts +41 -0
- package/{cjs → types}/utils/expand.d.ts +0 -0
- package/{cjs → types}/utils/numbers.d.ts +0 -0
- package/{cjs → types}/utils/object.d.ts +0 -0
- package/{cjs → types}/utils/prop-types.d.ts +0 -0
- package/{cjs → types}/utils/with-defaults.d.ts +0 -0
- package/umd/nextui.js +4532 -602
- package/umd/nextui.min.js +1 -1
- package/cjs/avatar/avatar.styles.d.ts +0 -904
- package/cjs/button/button-icon.d.ts +0 -909
- package/cjs/button/button.styles.d.ts +0 -907
- package/cjs/code/code.styles.d.ts +0 -1782
- package/cjs/collapse/collapse.d.ts +0 -41
- package/cjs/collapse/collapse.styles.d.ts +0 -4472
- package/cjs/divider/divider.styles.d.ts +0 -1787
- package/cjs/image/image.styles.d.ts +0 -2676
- package/cjs/loading/loading.styles.d.ts +0 -5356
- package/cjs/pagination/pagination.styles.d.ts +0 -5369
- package/cjs/progress/progress.d.ts +0 -65
- package/cjs/progress/progress.styles.d.ts +0 -1793
- package/cjs/snippet/snippet.styles.d.ts +0 -3570
- package/cjs/text/child.d.ts +0 -21
- package/cjs/theme/ssr-provider.d.ts +0 -7
- package/cjs/theme/ssr-provider.js +0 -51
- package/cjs/tooltip/tooltip.d.ts +0 -56
- package/cjs/tooltip/tooltip.styles.d.ts +0 -3571
- package/esm/avatar/avatar-group.d.ts +0 -13
- package/esm/avatar/avatar-group.styles.d.ts +0 -1785
- package/esm/avatar/avatar.d.ts +0 -21
- package/esm/avatar/index.d.ts +0 -7
- package/esm/backdrop/backdrop.d.ts +0 -37
- package/esm/backdrop/index.d.ts +0 -5
- package/esm/button/button-group-context.d.ts +0 -20
- package/esm/button/button-group.d.ts +0 -34
- package/esm/button/button-group.styles.d.ts +0 -899
- package/esm/button/button.d.ts +0 -30
- package/esm/button/button.styles.d.ts +0 -907
- package/esm/button/index.d.ts +0 -10
- package/esm/button/utils.d.ts +0 -4
- package/esm/card/card.d.ts +0 -23
- package/esm/card/card.styles.d.ts +0 -3575
- package/esm/card/index.d.ts +0 -5
- package/esm/checkbox/checkbox-context.d.ts +0 -13
- package/esm/checkbox/checkbox-group.d.ts +0 -29
- package/esm/checkbox/checkbox.d.ts +0 -58
- package/esm/checkbox/checkbox.styles.d.ts +0 -8054
- package/esm/checkbox/index.d.ts +0 -6
- package/esm/code/code.d.ts +0 -15
- package/esm/code/index.d.ts +0 -5
- package/esm/col/col.d.ts +0 -20
- package/esm/col/col.styles.d.ts +0 -893
- package/esm/col/index.d.ts +0 -5
- package/esm/collapse/collapse-context.d.ts +0 -9
- package/esm/collapse/collapse-group.d.ts +0 -18
- package/esm/collapse/collapse-icon.d.ts +0 -19
- package/esm/collapse/index.d.ts +0 -6
- package/esm/container/container.d.ts +0 -40
- package/esm/container/container.styles.d.ts +0 -896
- package/esm/container/index.d.ts +0 -5
- package/esm/css-baseline/css-baseline.d.ts +0 -9
- package/esm/css-baseline/index.d.ts +0 -1
- package/esm/divider/divider.d.ts +0 -22
- package/esm/divider/index.d.ts +0 -5
- package/esm/grid/grid-container.d.ts +0 -22
- package/esm/grid/grid-item.d.ts +0 -37
- package/esm/grid/grid.d.ts +0 -9
- package/esm/grid/grid.styles.d.ts +0 -1783
- package/esm/grid/index.d.ts +0 -7
- package/esm/image/image.d.ts +0 -29
- package/esm/image/image.skeleton.d.ts +0 -19
- package/esm/image/index.d.ts +0 -5
- package/esm/index.d.ts +0 -79
- package/esm/input/index.d.ts +0 -7
- package/esm/input/input-password.d.ts +0 -98
- package/esm/input/input-props.d.ts +0 -66
- package/esm/input/input.d.ts +0 -18
- package/esm/input/input.styles.d.ts +0 -9854
- package/esm/input/password-icon.d.ts +0 -6
- package/esm/link/icon.d.ts +0 -4
- package/esm/link/index.d.ts +0 -5
- package/esm/link/link.d.ts +0 -43
- package/esm/link/link.styles.d.ts +0 -1788
- package/esm/loading/index.d.ts +0 -7
- package/esm/loading/loading.d.ts +0 -24
- package/esm/loading/spinner.d.ts +0 -17
- package/esm/modal/index.d.ts +0 -8
- package/esm/modal/modal-body.d.ts +0 -45
- package/esm/modal/modal-close-button.d.ts +0 -13
- package/esm/modal/modal-context.d.ts +0 -8
- package/esm/modal/modal-footer.d.ts +0 -24
- package/esm/modal/modal-header.d.ts +0 -24
- package/esm/modal/modal-wrapper.d.ts +0 -24
- package/esm/modal/modal.d.ts +0 -42
- package/esm/modal/modal.styles.d.ts +0 -5362
- package/esm/modal/use-modal.d.ts +0 -11
- package/esm/pagination/index.d.ts +0 -7
- package/esm/pagination/pagination-ellipsis.d.ts +0 -11
- package/esm/pagination/pagination-highlight.d.ts +0 -14
- package/esm/pagination/pagination-icon.d.ts +0 -16
- package/esm/pagination/pagination-item.d.ts +0 -22
- package/esm/pagination/pagination.d.ts +0 -46
- package/esm/progress/index.d.ts +0 -5
- package/esm/radio/index.d.ts +0 -4
- package/esm/radio/radio-context.d.ts +0 -13
- package/esm/radio/radio-group.d.ts +0 -30
- package/esm/radio/radio.d.ts +0 -45
- package/esm/radio/radio.styles.d.ts +0 -5357
- package/esm/row/index.d.ts +0 -5
- package/esm/row/row.d.ts +0 -21
- package/esm/row/row.styles.d.ts +0 -895
- package/esm/snippet/index.d.ts +0 -5
- package/esm/snippet/snippet-icon.d.ts +0 -21
- package/esm/snippet/snippet.d.ts +0 -35
- package/esm/spacer/index.d.ts +0 -5
- package/esm/spacer/spacer.d.ts +0 -41
- package/esm/spacer/spacer.styles.d.ts +0 -894
- package/esm/switch/index.d.ts +0 -5
- package/esm/switch/switch.d.ts +0 -82
- package/esm/switch/switch.styles.d.ts +0 -3576
- package/esm/text/index.d.ts +0 -4
- package/esm/text/text.d.ts +0 -59
- package/esm/text/text.styles.d.ts +0 -894
- package/esm/textarea/index.d.ts +0 -3
- package/esm/textarea/textarea.d.ts +0 -42
- package/esm/textarea/utils.d.ts +0 -13
- package/esm/theme/common.d.ts +0 -1584
- package/esm/theme/dark-theme.d.ts +0 -33
- package/esm/theme/light-theme.d.ts +0 -28
- package/esm/theme/ssr-provider.d.ts +0 -7
- package/esm/theme/ssr-provider.js +0 -51
- package/esm/theme/stitches.config.d.ts +0 -8700
- package/esm/theme/theme-context.d.ts +0 -5
- package/esm/theme/theme-provider.d.ts +0 -14
- package/esm/theme/types.d.ts +0 -75
- package/esm/theme/utils.d.ts +0 -16
- package/esm/tooltip/index.d.ts +0 -6
- package/esm/tooltip/placement.d.ts +0 -39
- package/esm/tooltip/tooltip-content.d.ts +0 -27
- package/esm/use-body-scroll/index.d.ts +0 -3
- package/esm/use-body-scroll/use-body-scroll.d.ts +0 -9
- package/esm/use-click-anywhere/index.d.ts +0 -2
- package/esm/use-click-anywhere/use-click-anywhere.d.ts +0 -2
- package/esm/use-click-away/index.d.ts +0 -2
- package/esm/use-click-away/use-click-away.d.ts +0 -3
- package/esm/use-clipboard/index.d.ts +0 -3
- package/esm/use-clipboard/use-clipboard.d.ts +0 -8
- package/esm/use-current-state/index.d.ts +0 -2
- package/esm/use-current-state/use-current-state.d.ts +0 -8
- package/esm/use-drip/index.d.ts +0 -2
- package/esm/use-drip/use-drip.d.ts +0 -9
- package/esm/use-input/index.d.ts +0 -2
- package/esm/use-input/use-input.d.ts +0 -13
- package/esm/use-keyboard/codes.d.ts +0 -92
- package/esm/use-keyboard/helper.d.ts +0 -3
- package/esm/use-keyboard/index.d.ts +0 -5
- package/esm/use-keyboard/use-keyboard.d.ts +0 -22
- package/esm/use-pagination/index.d.ts +0 -20
- package/esm/use-portal/index.d.ts +0 -2
- package/esm/use-portal/use-portal.d.ts +0 -2
- package/esm/use-real-shape/index.d.ts +0 -2
- package/esm/use-real-shape/use-real-shape.d.ts +0 -9
- package/esm/use-resize/index.d.ts +0 -2
- package/esm/use-resize/use-resize.d.ts +0 -2
- package/esm/use-ssr/index.d.ts +0 -2
- package/esm/use-ssr/use-ssr.d.ts +0 -6
- package/esm/use-theme/index.d.ts +0 -2
- package/esm/use-theme/use-theme.d.ts +0 -3
- package/esm/use-warning/index.d.ts +0 -2
- package/esm/use-warning/use-warning.d.ts +0 -2
- package/esm/user/index.d.ts +0 -6
- package/esm/user/user-link.d.ts +0 -32
- package/esm/user/user.d.ts +0 -35
- package/esm/user/user.styles.d.ts +0 -4456
- package/esm/utils/assertion.d.ts +0 -8
- package/esm/utils/clear-icon.d.ts +0 -16
- package/esm/utils/clsx.d.ts +0 -1
- package/esm/utils/collections.d.ts +0 -12
- package/esm/utils/color.d.ts +0 -28
- package/esm/utils/css-transition.d.ts +0 -27
- package/esm/utils/deep-merge.d.ts +0 -1
- package/esm/utils/dimensions.d.ts +0 -1
- package/esm/utils/drip.d.ts +0 -936
- package/esm/utils/expand.d.ts +0 -20
- package/esm/utils/numbers.d.ts +0 -9
- package/esm/utils/object.d.ts +0 -11
- package/esm/utils/prop-types.d.ts +0 -54
- package/esm/utils/with-defaults.d.ts +0 -3
|
@@ -1,135 +1 @@
|
|
|
1
|
-
"use
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
var _reactDom = require("react-dom");
|
|
11
|
-
|
|
12
|
-
var _usePortal = _interopRequireDefault(require("../use-portal"));
|
|
13
|
-
|
|
14
|
-
var _useResize = _interopRequireDefault(require("../use-resize"));
|
|
15
|
-
|
|
16
|
-
var _cssTransition = _interopRequireDefault(require("../utils/css-transition"));
|
|
17
|
-
|
|
18
|
-
var _useClickAnywhere = _interopRequireDefault(require("../use-click-anywhere"));
|
|
19
|
-
|
|
20
|
-
var _placement = require("./placement");
|
|
21
|
-
|
|
22
|
-
var _clsx = _interopRequireDefault(require("../utils/clsx"));
|
|
23
|
-
|
|
24
|
-
var _tooltip = require("./tooltip.styles");
|
|
25
|
-
|
|
26
|
-
var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
|
|
27
|
-
|
|
28
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
29
|
-
|
|
30
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
31
|
-
|
|
32
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
33
|
-
|
|
34
|
-
const defaultProps = {
|
|
35
|
-
placement: 'top',
|
|
36
|
-
offset: 12,
|
|
37
|
-
className: ''
|
|
38
|
-
};
|
|
39
|
-
const preClass = 'nextui-tooltip';
|
|
40
|
-
|
|
41
|
-
const TooltipContent = ({
|
|
42
|
-
children,
|
|
43
|
-
parent,
|
|
44
|
-
visible,
|
|
45
|
-
offset,
|
|
46
|
-
placement,
|
|
47
|
-
rounded,
|
|
48
|
-
animated,
|
|
49
|
-
className,
|
|
50
|
-
hideArrow,
|
|
51
|
-
css,
|
|
52
|
-
...props
|
|
53
|
-
}) => {
|
|
54
|
-
const el = (0, _usePortal.default)('tooltip');
|
|
55
|
-
const selfRef = (0, _react.useRef)(null);
|
|
56
|
-
const [rect, setRect] = (0, _react.useState)(_placement.defaultTooltipPlacement);
|
|
57
|
-
if (!parent) return null;
|
|
58
|
-
|
|
59
|
-
const updateRect = () => {
|
|
60
|
-
const pos = (0, _placement.getPlacement)(placement, (0, _placement.getRect)(parent), offset);
|
|
61
|
-
setRect(pos);
|
|
62
|
-
};
|
|
63
|
-
|
|
64
|
-
const {
|
|
65
|
-
transform,
|
|
66
|
-
top,
|
|
67
|
-
left,
|
|
68
|
-
right,
|
|
69
|
-
bottom
|
|
70
|
-
} = (0, _react.useMemo)(() => (0, _placement.getIconPlacement)(placement, 5), [placement]);
|
|
71
|
-
(0, _useResize.default)(updateRect);
|
|
72
|
-
(0, _useClickAnywhere.default)(() => updateRect());
|
|
73
|
-
(0, _react.useEffect)(() => {
|
|
74
|
-
updateRect();
|
|
75
|
-
}, [visible]);
|
|
76
|
-
|
|
77
|
-
const preventHandler = event => {
|
|
78
|
-
event.stopPropagation();
|
|
79
|
-
event.nativeEvent.stopImmediatePropagation();
|
|
80
|
-
};
|
|
81
|
-
|
|
82
|
-
const getState = (0, _react.useMemo)(() => {
|
|
83
|
-
return visible ? 'open' : 'closed';
|
|
84
|
-
}, [visible]);
|
|
85
|
-
if (!el) return null;
|
|
86
|
-
return /*#__PURE__*/(0, _reactDom.createPortal)( /*#__PURE__*/(0, _jsxRuntime.jsx)(_cssTransition.default, {
|
|
87
|
-
name: `${preClass}-wrapper`,
|
|
88
|
-
visible: visible,
|
|
89
|
-
enterTime: 20,
|
|
90
|
-
leaveTime: 20,
|
|
91
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.StyledTooltipContent, {
|
|
92
|
-
className: (0, _clsx.default)(`${preClass}-content`, `${preClass}--${getState}`, className),
|
|
93
|
-
"data-state": getState,
|
|
94
|
-
ref: selfRef,
|
|
95
|
-
onClick: preventHandler,
|
|
96
|
-
animated: animated,
|
|
97
|
-
css: {
|
|
98
|
-
left: rect.left,
|
|
99
|
-
top: `calc(${rect.top} + 6px)`,
|
|
100
|
-
transform: rect.transform,
|
|
101
|
-
[`&.${preClass}-wrapper-enter-active`]: {
|
|
102
|
-
opacity: 1,
|
|
103
|
-
top: rect.top
|
|
104
|
-
},
|
|
105
|
-
...css
|
|
106
|
-
},
|
|
107
|
-
...props,
|
|
108
|
-
children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_tooltip.StyledTooltip, {
|
|
109
|
-
role: "tooltip",
|
|
110
|
-
"data-state": getState,
|
|
111
|
-
hideArrow: hideArrow,
|
|
112
|
-
className: (0, _clsx.default)(preClass, {
|
|
113
|
-
[`${preClass}--with-arrow`]: !hideArrow
|
|
114
|
-
}),
|
|
115
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltip.StyledTooltipArrow, {
|
|
116
|
-
className: `${preClass}-arrow`,
|
|
117
|
-
css: {
|
|
118
|
-
left,
|
|
119
|
-
top,
|
|
120
|
-
right,
|
|
121
|
-
bottom,
|
|
122
|
-
transform
|
|
123
|
-
}
|
|
124
|
-
}), children]
|
|
125
|
-
})
|
|
126
|
-
})
|
|
127
|
-
}), el);
|
|
128
|
-
};
|
|
129
|
-
|
|
130
|
-
TooltipContent.toString = () => '.nextui-tooltip-content';
|
|
131
|
-
|
|
132
|
-
var _default = (0, _withDefaults.default)(TooltipContent, defaultProps);
|
|
133
|
-
|
|
134
|
-
exports.default = _default;
|
|
135
|
-
module.exports = exports.default;
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=f(t);if(r&&r.has(e))return r.get(e);var o={},a=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var l in e)if("default"!==l&&Object.prototype.hasOwnProperty.call(e,l)){var n=a?Object.getOwnPropertyDescriptor(e,l):null;n&&(n.get||n.set)?Object.defineProperty(o,l,n):o[l]=e[l]}o.default=e,r&&r.set(e,o);return o}(require("react")),r=require("react-dom"),o=e(require("../use-portal")),a=e(require("../use-resize")),l=e(require("../utils/css-transition")),n=e(require("../use-click-anywhere")),i=require("./placement"),s=e(require("../utils/clsx")),u=require("./tooltip.styles"),c=e(require("../utils/with-defaults")),p=require("react/jsx-runtime");function f(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(f=function(e){return e?r:t})(e)}const d="nextui-tooltip",m=({children:e,parent:c,visible:f,offset:m,placement:v,rounded:w,animated:y,className:h,hideArrow:x,css:q,...b})=>{const g=(0,o.default)("tooltip"),j=(0,t.useRef)(null),[P,O]=(0,t.useState)(i.defaultTooltipPlacement);if(!c)return null;const $=()=>{const e=(0,i.getPlacement)(v,(0,i.getRect)(c),m);O(e)},{transform:M,top:T,left:k,right:N,bottom:S}=(0,t.useMemo)((()=>(0,i.getIconPlacement)(v,5)),[v]);(0,a.default)($),(0,n.default)((()=>$())),(0,t.useEffect)((()=>{$()}),[f]);const _=(0,t.useMemo)((()=>f?"open":"closed"),[f]);return g?(0,r.createPortal)((0,p.jsx)(l.default,{name:`${d}-wrapper`,visible:f,enterTime:20,leaveTime:20,children:(0,p.jsx)(u.StyledTooltipContent,{className:(0,s.default)(`${d}-content`,`${d}--${_}`,h),"data-state":_,ref:j,onClick:e=>{e.stopPropagation(),e.nativeEvent.stopImmediatePropagation()},animated:y,css:{left:P.left,top:`calc(${P.top} + 6px)`,transform:P.transform,[`&.${d}-wrapper-enter-active`]:{opacity:1,top:P.top},...q},...b,children:(0,p.jsxs)(u.StyledTooltip,{role:"tooltip","data-state":_,hideArrow:x,className:(0,s.default)(d,{[`${d}--with-arrow`]:!x}),children:[(0,p.jsx)(u.StyledTooltipArrow,{className:`${d}-arrow`,css:{left:k,top:T,right:N,bottom:S,transform:M}}),e]})})}),g):null};m.toString=()=>".nextui-tooltip-content";var v=(0,c.default)(m,{placement:"top",offset:12,className:""});exports.default=v,module.exports=exports.default;
|
package/cjs/tooltip/tooltip.js
CHANGED
|
@@ -1,141 +1 @@
|
|
|
1
|
-
"use
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _react = _interopRequireWildcard(require("react"));
|
|
9
|
-
|
|
10
|
-
var _withDefaults = _interopRequireDefault(require("../utils/with-defaults"));
|
|
11
|
-
|
|
12
|
-
var _tooltipContent = _interopRequireDefault(require("./tooltip-content"));
|
|
13
|
-
|
|
14
|
-
var _useClickAway = _interopRequireDefault(require("../use-click-away"));
|
|
15
|
-
|
|
16
|
-
var _tooltip = require("./tooltip.styles");
|
|
17
|
-
|
|
18
|
-
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
|
-
|
|
20
|
-
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
21
|
-
|
|
22
|
-
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
23
|
-
|
|
24
|
-
const defaultProps = {
|
|
25
|
-
initialVisible: false,
|
|
26
|
-
hideArrow: false,
|
|
27
|
-
animated: true,
|
|
28
|
-
shadow: true,
|
|
29
|
-
rounded: false,
|
|
30
|
-
trigger: 'hover',
|
|
31
|
-
enterDelay: 0,
|
|
32
|
-
leaveDelay: 0,
|
|
33
|
-
className: '',
|
|
34
|
-
portalClassName: '',
|
|
35
|
-
onVisibleChange: () => {}
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
const Tooltip = ({
|
|
39
|
-
children,
|
|
40
|
-
initialVisible,
|
|
41
|
-
content,
|
|
42
|
-
offset,
|
|
43
|
-
placement,
|
|
44
|
-
portalClassName,
|
|
45
|
-
enterDelay,
|
|
46
|
-
leaveDelay,
|
|
47
|
-
trigger,
|
|
48
|
-
rounded,
|
|
49
|
-
animated,
|
|
50
|
-
shadow,
|
|
51
|
-
className,
|
|
52
|
-
color,
|
|
53
|
-
contentColor,
|
|
54
|
-
onVisibleChange,
|
|
55
|
-
hideArrow,
|
|
56
|
-
css,
|
|
57
|
-
triggerCss,
|
|
58
|
-
onClick,
|
|
59
|
-
visible: customVisible,
|
|
60
|
-
...props
|
|
61
|
-
}) => {
|
|
62
|
-
const timer = (0, _react.useRef)();
|
|
63
|
-
const ref = (0, _react.useRef)(null);
|
|
64
|
-
const [visible, setVisible] = (0, _react.useState)(initialVisible);
|
|
65
|
-
const contentProps = {
|
|
66
|
-
css,
|
|
67
|
-
animated,
|
|
68
|
-
visible,
|
|
69
|
-
shadow,
|
|
70
|
-
offset,
|
|
71
|
-
placement,
|
|
72
|
-
rounded,
|
|
73
|
-
color,
|
|
74
|
-
contentColor,
|
|
75
|
-
hideArrow,
|
|
76
|
-
parent: ref,
|
|
77
|
-
className: portalClassName
|
|
78
|
-
};
|
|
79
|
-
|
|
80
|
-
const changeVisible = nextState => {
|
|
81
|
-
const clear = () => {
|
|
82
|
-
clearTimeout(timer.current);
|
|
83
|
-
timer.current = undefined;
|
|
84
|
-
};
|
|
85
|
-
|
|
86
|
-
const handler = nextState => {
|
|
87
|
-
setVisible(nextState);
|
|
88
|
-
onVisibleChange(nextState);
|
|
89
|
-
clear();
|
|
90
|
-
};
|
|
91
|
-
|
|
92
|
-
clear();
|
|
93
|
-
|
|
94
|
-
if (nextState) {
|
|
95
|
-
timer.current = window.setTimeout(() => handler(true), enterDelay);
|
|
96
|
-
return;
|
|
97
|
-
}
|
|
98
|
-
|
|
99
|
-
timer.current = window.setTimeout(() => handler(false), leaveDelay);
|
|
100
|
-
};
|
|
101
|
-
|
|
102
|
-
const mouseEventHandler = next => {
|
|
103
|
-
trigger === 'hover' && changeVisible(next);
|
|
104
|
-
};
|
|
105
|
-
|
|
106
|
-
const clickEventHandler = () => {
|
|
107
|
-
trigger === 'click' && changeVisible(!visible);
|
|
108
|
-
onClick == null ? void 0 : onClick();
|
|
109
|
-
};
|
|
110
|
-
|
|
111
|
-
(0, _useClickAway.default)(ref, () => trigger === 'click' && changeVisible(false));
|
|
112
|
-
(0, _react.useEffect)(() => {
|
|
113
|
-
if (customVisible === undefined) return;
|
|
114
|
-
changeVisible(customVisible);
|
|
115
|
-
}, [customVisible]);
|
|
116
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_tooltip.StyledTooltipTrigger, {
|
|
117
|
-
ref: ref,
|
|
118
|
-
role: "button",
|
|
119
|
-
tabIndex: -1,
|
|
120
|
-
className: `nextui-tooltip-button ${className}`,
|
|
121
|
-
onClick: clickEventHandler,
|
|
122
|
-
onKeyUp: () => mouseEventHandler(true),
|
|
123
|
-
onMouseEnter: () => mouseEventHandler(true),
|
|
124
|
-
onMouseLeave: () => mouseEventHandler(false),
|
|
125
|
-
onFocus: () => mouseEventHandler(true),
|
|
126
|
-
onBlur: () => mouseEventHandler(false),
|
|
127
|
-
css: { ...triggerCss
|
|
128
|
-
},
|
|
129
|
-
...props,
|
|
130
|
-
children: [children, /*#__PURE__*/(0, _jsxRuntime.jsx)(_tooltipContent.default, { ...contentProps,
|
|
131
|
-
children: content
|
|
132
|
-
})]
|
|
133
|
-
});
|
|
134
|
-
};
|
|
135
|
-
|
|
136
|
-
Tooltip.toString = () => '.nextui-tooltip';
|
|
137
|
-
|
|
138
|
-
var _default = (0, _withDefaults.default)(Tooltip, defaultProps);
|
|
139
|
-
|
|
140
|
-
exports.default = _default;
|
|
141
|
-
module.exports = exports.default;
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=function(e,t){if(!t&&e&&e.__esModule)return e;if(null===e||"object"!=typeof e&&"function"!=typeof e)return{default:e};var r=a(t);if(r&&r.has(e))return r.get(e);var o={},n=Object.defineProperty&&Object.getOwnPropertyDescriptor;for(var i in e)if("default"!==i&&Object.prototype.hasOwnProperty.call(e,i)){var l=n?Object.getOwnPropertyDescriptor(e,i):null;l&&(l.get||l.set)?Object.defineProperty(o,i,l):o[i]=e[i]}o.default=e,r&&r.set(e,o);return o}(require("react")),r=e(require("../utils/with-defaults")),o=e(require("./tooltip-content")),n=e(require("../use-click-away")),i=require("./tooltip.styles"),l=require("react/jsx-runtime");function a(e){if("function"!=typeof WeakMap)return null;var t=new WeakMap,r=new WeakMap;return(a=function(e){return e?r:t})(e)}const u=({children:e,initialVisible:r,content:a,offset:u,placement:s,portalClassName:c,enterDelay:d,leaveDelay:f,trigger:p,rounded:v,animated:b,shadow:h,className:m,color:w,contentColor:y,onVisibleChange:g,hideArrow:x,css:k,triggerCss:j,onClick:C,keepMounted:M,visible:q,...O})=>{const D=(0,t.useRef)(),N=(0,t.useRef)(null),[P,T]=(0,t.useState)(r),V={animated:b,visible:P,css:k,shadow:h,offset:u,placement:s,rounded:v,color:w,contentColor:y,hideArrow:x,parent:N,className:c},_=e=>{const t=()=>{clearTimeout(D.current),D.current=void 0},r=e=>{T(e),g(e),t()};t(),D.current=e?window.setTimeout((()=>r(!0)),d):window.setTimeout((()=>r(!1)),f)},A=e=>{"hover"===p&&_(e)};return(0,n.default)(N,(()=>"click"===p&&!M&&_(!1))),(0,t.useEffect)((()=>{void 0!==q&&_(q)}),[q]),(0,l.jsxs)(i.StyledTooltipTrigger,{ref:N,role:"button",tabIndex:-1,className:`nextui-tooltip-button ${m}`,onClick:()=>{"click"===p&&_(!P),null==C||C()},onKeyUp:()=>A(!0),onMouseEnter:()=>A(!0),onMouseLeave:()=>A(!1),onFocus:()=>A(!0),onBlur:()=>A(!1),css:{...j},...O,children:[e,(0,l.jsx)(o.default,{...V,children:a})]})};u.toString=()=>".nextui-tooltip";var s=(0,r.default)(u,{initialVisible:!1,hideArrow:!1,animated:!0,shadow:!0,rounded:!1,keepMounted:!1,trigger:"hover",enterDelay:0,leaveDelay:0,className:"",portalClassName:"",onVisibleChange:()=>{}});exports.default=s,module.exports=exports.default;
|
|
@@ -1,159 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.StyledTooltipTrigger = exports.StyledTooltipContent = exports.StyledTooltipArrow = exports.StyledTooltip = void 0;
|
|
5
|
-
|
|
6
|
-
var _stitches = require("../theme/stitches.config");
|
|
7
|
-
|
|
8
|
-
const StyledTooltipTrigger = (0, _stitches.styled)('div', {
|
|
9
|
-
width: 'max-content',
|
|
10
|
-
display: 'inherit'
|
|
11
|
-
});
|
|
12
|
-
exports.StyledTooltipTrigger = StyledTooltipTrigger;
|
|
13
|
-
const StyledTooltipArrow = (0, _stitches.styled)('span', {
|
|
14
|
-
display: 'none',
|
|
15
|
-
content: '',
|
|
16
|
-
size: '$5',
|
|
17
|
-
zIndex: '-2',
|
|
18
|
-
background: '$$tooltipColor',
|
|
19
|
-
br: '0px 0px 2px 0px',
|
|
20
|
-
position: 'absolute'
|
|
21
|
-
});
|
|
22
|
-
exports.StyledTooltipArrow = StyledTooltipArrow;
|
|
23
|
-
const StyledTooltip = (0, _stitches.styled)('div', {
|
|
24
|
-
position: 'relative',
|
|
25
|
-
fs: '$xs',
|
|
26
|
-
padding: 0,
|
|
27
|
-
variants: {
|
|
28
|
-
hideArrow: {
|
|
29
|
-
false: {
|
|
30
|
-
[`& ${StyledTooltipArrow}`]: {
|
|
31
|
-
display: 'block'
|
|
32
|
-
}
|
|
33
|
-
}
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
});
|
|
37
|
-
exports.StyledTooltip = StyledTooltip;
|
|
38
|
-
const StyledTooltipContent = (0, _stitches.styled)('div', {
|
|
39
|
-
position: 'absolute',
|
|
40
|
-
width: 'auto',
|
|
41
|
-
padding: '$3 $sm',
|
|
42
|
-
opacity: 0,
|
|
43
|
-
zIndex: '$10',
|
|
44
|
-
br: '$lg',
|
|
45
|
-
'@motion': {
|
|
46
|
-
transition: 'none'
|
|
47
|
-
},
|
|
48
|
-
variants: {
|
|
49
|
-
color: {
|
|
50
|
-
default: {
|
|
51
|
-
$$tooltipColor: '$colors$background',
|
|
52
|
-
bg: '$$tooltipColor'
|
|
53
|
-
},
|
|
54
|
-
primary: {
|
|
55
|
-
$$tooltipColor: '$colors$primary',
|
|
56
|
-
bg: '$$tooltipColor'
|
|
57
|
-
},
|
|
58
|
-
secondary: {
|
|
59
|
-
$$tooltipColor: '$colors$secondary',
|
|
60
|
-
bg: '$$tooltipColor'
|
|
61
|
-
},
|
|
62
|
-
success: {
|
|
63
|
-
$$tooltipColor: '$colors$success',
|
|
64
|
-
bg: '$$tooltipColor'
|
|
65
|
-
},
|
|
66
|
-
warning: {
|
|
67
|
-
$$tooltipColor: '$colors$warning',
|
|
68
|
-
bg: '$$tooltipColor'
|
|
69
|
-
},
|
|
70
|
-
error: {
|
|
71
|
-
$$tooltipColor: '$colors$error',
|
|
72
|
-
bg: '$$tooltipColor'
|
|
73
|
-
},
|
|
74
|
-
invert: {
|
|
75
|
-
$$tooltipColor: '$colors$foreground',
|
|
76
|
-
$$tooltipTextColor: '$colors$background',
|
|
77
|
-
bg: '$$tooltipColor'
|
|
78
|
-
}
|
|
79
|
-
},
|
|
80
|
-
contentColor: {
|
|
81
|
-
default: {
|
|
82
|
-
$$tooltipTextColor: '$colors$text',
|
|
83
|
-
color: '$$tooltipTextColor'
|
|
84
|
-
},
|
|
85
|
-
primary: {
|
|
86
|
-
$$tooltipTextColor: '$colors$primary',
|
|
87
|
-
color: '$$tooltipTextColor'
|
|
88
|
-
},
|
|
89
|
-
secondary: {
|
|
90
|
-
$$tooltipTextColor: '$colors$secondary',
|
|
91
|
-
color: '$$tooltipTextColor'
|
|
92
|
-
},
|
|
93
|
-
success: {
|
|
94
|
-
$$tooltipTextColor: '$colors$success',
|
|
95
|
-
color: '$$tooltipTextColor'
|
|
96
|
-
},
|
|
97
|
-
warning: {
|
|
98
|
-
$$tooltipTextColor: '$colors$warning',
|
|
99
|
-
color: '$$tooltipTextColor'
|
|
100
|
-
},
|
|
101
|
-
error: {
|
|
102
|
-
$$tooltipTextColor: '$colors$error',
|
|
103
|
-
color: '$$tooltipTextColor'
|
|
104
|
-
}
|
|
105
|
-
},
|
|
106
|
-
rounded: {
|
|
107
|
-
true: {
|
|
108
|
-
br: '$pill'
|
|
109
|
-
}
|
|
110
|
-
},
|
|
111
|
-
shadow: {
|
|
112
|
-
true: {
|
|
113
|
-
bs: '$md'
|
|
114
|
-
}
|
|
115
|
-
},
|
|
116
|
-
animated: {
|
|
117
|
-
true: {
|
|
118
|
-
transition: 'opacity 0.25s ease 0s, top 0.25s ease 0s'
|
|
119
|
-
},
|
|
120
|
-
false: {
|
|
121
|
-
transition: 'none'
|
|
122
|
-
}
|
|
123
|
-
}
|
|
124
|
-
},
|
|
125
|
-
compoundVariants: [// color='primary' && contentColor='default'
|
|
126
|
-
{
|
|
127
|
-
color: 'primary',
|
|
128
|
-
contentColor: 'default',
|
|
129
|
-
css: {
|
|
130
|
-
$$tooltipTextColor: '$colors$white'
|
|
131
|
-
}
|
|
132
|
-
}, // color='secondary' && contentColor='default'
|
|
133
|
-
{
|
|
134
|
-
color: 'secondary',
|
|
135
|
-
contentColor: 'default',
|
|
136
|
-
css: {
|
|
137
|
-
$$tooltipTextColor: '$colors$white'
|
|
138
|
-
}
|
|
139
|
-
}, // color='success' && contentColor='default'
|
|
140
|
-
{
|
|
141
|
-
color: 'success',
|
|
142
|
-
contentColor: 'default',
|
|
143
|
-
css: {
|
|
144
|
-
$$tooltipTextColor: '$colors$white'
|
|
145
|
-
}
|
|
146
|
-
}, // color='error' && contentColor='default'
|
|
147
|
-
{
|
|
148
|
-
color: 'error',
|
|
149
|
-
contentColor: 'default',
|
|
150
|
-
css: {
|
|
151
|
-
$$tooltipTextColor: '$colors$white'
|
|
152
|
-
}
|
|
153
|
-
}],
|
|
154
|
-
defaultVariants: {
|
|
155
|
-
color: 'default',
|
|
156
|
-
contentColor: 'default'
|
|
157
|
-
}
|
|
158
|
-
});
|
|
159
|
-
exports.StyledTooltipContent = StyledTooltipContent;
|
|
1
|
+
exports.__esModule=!0,exports.StyledTooltipTrigger=exports.StyledTooltipContent=exports.StyledTooltipArrow=exports.StyledTooltip=void 0;var o=require("../theme/stitches.config");const t=(0,o.styled)("div",{width:"max-content",display:"inherit"});exports.StyledTooltipTrigger=t;const r=(0,o.styled)("span",{display:"none",content:"",size:"$5",zIndex:"-2",background:"$$tooltipColor",br:"0px 0px 2px 0px",position:"absolute"});exports.StyledTooltipArrow=r;const l=(0,o.styled)("div",{position:"relative",fs:"$xs",padding:0,variants:{hideArrow:{false:{[`& ${r}`]:{display:"block"}}}}});exports.StyledTooltip=l;const e=(0,o.styled)("div",{position:"absolute",width:"auto",padding:"$3 $sm",opacity:0,zIndex:"$10",br:"$lg","@motion":{transition:"none"},variants:{color:{default:{$$tooltipColor:"$colors$background",bg:"$$tooltipColor"},primary:{$$tooltipColor:"$colors$primary",bg:"$$tooltipColor"},secondary:{$$tooltipColor:"$colors$secondary",bg:"$$tooltipColor"},success:{$$tooltipColor:"$colors$success",bg:"$$tooltipColor"},warning:{$$tooltipColor:"$colors$warning",bg:"$$tooltipColor"},error:{$$tooltipColor:"$colors$error",bg:"$$tooltipColor"},invert:{$$tooltipColor:"$colors$foreground",$$tooltipTextColor:"$colors$background",bg:"$$tooltipColor"}},contentColor:{default:{$$tooltipTextColor:"$colors$text",color:"$$tooltipTextColor"},primary:{$$tooltipTextColor:"$colors$primary",color:"$$tooltipTextColor"},secondary:{$$tooltipTextColor:"$colors$secondary",color:"$$tooltipTextColor"},success:{$$tooltipTextColor:"$colors$success",color:"$$tooltipTextColor"},warning:{$$tooltipTextColor:"$colors$warning",color:"$$tooltipTextColor"},error:{$$tooltipTextColor:"$colors$error",color:"$$tooltipTextColor"}},rounded:{true:{br:"$pill"}},shadow:{true:{bs:"$md"}},animated:{true:{transition:"opacity 0.25s ease 0s, top 0.25s ease 0s"},false:{transition:"none"}}},compoundVariants:[{color:"primary",contentColor:"default",css:{$$tooltipTextColor:"$colors$white"}},{color:"secondary",contentColor:"default",css:{$$tooltipTextColor:"$colors$white"}},{color:"success",contentColor:"default",css:{$$tooltipTextColor:"$colors$white"}},{color:"error",contentColor:"default",css:{$$tooltipTextColor:"$colors$white"}}],defaultVariants:{color:"default",contentColor:"default"}});exports.StyledTooltipContent=e;
|
|
@@ -1,12 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _useBodyScroll = _interopRequireDefault(require("./use-body-scroll"));
|
|
9
|
-
|
|
10
|
-
var _default = _useBodyScroll.default;
|
|
11
|
-
exports.default = _default;
|
|
12
|
-
module.exports = exports.default;
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("./use-body-scroll")).default;exports.default=r,module.exports=exports.default;
|
|
@@ -1,77 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = void 0;
|
|
5
|
-
|
|
6
|
-
var _react = require("react");
|
|
7
|
-
|
|
8
|
-
const defaultOptions = {
|
|
9
|
-
scrollLayer: false
|
|
10
|
-
};
|
|
11
|
-
const elementStack = new Map();
|
|
12
|
-
|
|
13
|
-
const isIos = () => {
|
|
14
|
-
/* istanbul ignore next */
|
|
15
|
-
if (typeof window === 'undefined' || !window.navigator) return false;
|
|
16
|
-
return /iP(ad|hone|od)/.test(window.navigator.platform);
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
const touchHandler = event => {
|
|
20
|
-
if (event.touches && event.touches.length > 1) return true;
|
|
21
|
-
event.preventDefault();
|
|
22
|
-
return false;
|
|
23
|
-
};
|
|
24
|
-
|
|
25
|
-
const useBodyScroll = (elementRef, options) => {
|
|
26
|
-
/* istanbul ignore next */
|
|
27
|
-
if (typeof document === 'undefined') return [false, t => t];
|
|
28
|
-
const elRef = elementRef || (0, _react.useRef)(document.body);
|
|
29
|
-
const [hidden, setHidden] = (0, _react.useState)(false);
|
|
30
|
-
const safeOptions = { ...defaultOptions,
|
|
31
|
-
...(options || {})
|
|
32
|
-
}; // don't prevent touch event when layer contain scroll
|
|
33
|
-
|
|
34
|
-
const isIosWithCustom = () => {
|
|
35
|
-
if (safeOptions.scrollLayer) return false;
|
|
36
|
-
return isIos();
|
|
37
|
-
};
|
|
38
|
-
|
|
39
|
-
(0, _react.useEffect)(() => {
|
|
40
|
-
if (!elRef || !elRef.current) return;
|
|
41
|
-
const lastOverflow = elRef.current.style.overflow;
|
|
42
|
-
|
|
43
|
-
if (hidden) {
|
|
44
|
-
if (elementStack.has(elRef.current)) return;
|
|
45
|
-
|
|
46
|
-
if (!isIosWithCustom()) {
|
|
47
|
-
elRef.current.style.overflow = 'hidden';
|
|
48
|
-
} else {
|
|
49
|
-
document.addEventListener('touchmove', touchHandler, {
|
|
50
|
-
passive: false
|
|
51
|
-
});
|
|
52
|
-
}
|
|
53
|
-
|
|
54
|
-
elementStack.set(elRef.current, {
|
|
55
|
-
last: lastOverflow
|
|
56
|
-
});
|
|
57
|
-
return;
|
|
58
|
-
} // reset element overflow
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
if (!elementStack.has(elRef.current)) return;
|
|
62
|
-
|
|
63
|
-
if (!isIosWithCustom()) {
|
|
64
|
-
const store = elementStack.get(elRef.current);
|
|
65
|
-
elRef.current.style.overflow = store.last;
|
|
66
|
-
} else {
|
|
67
|
-
document.removeEventListener('touchmove', touchHandler);
|
|
68
|
-
}
|
|
69
|
-
|
|
70
|
-
elementStack.delete(elRef.current);
|
|
71
|
-
}, [hidden, elRef]);
|
|
72
|
-
return [hidden, setHidden];
|
|
73
|
-
};
|
|
74
|
-
|
|
75
|
-
var _default = useBodyScroll;
|
|
76
|
-
exports.default = _default;
|
|
77
|
-
module.exports = exports.default;
|
|
1
|
+
exports.__esModule=!0,exports.default=void 0;var e=require("react");const t={scrollLayer:!1},r=new Map,o=e=>!!(e.touches&&e.touches.length>1)||(e.preventDefault(),!1);var n=(n,u)=>{if("undefined"==typeof document)return[!1,e=>e];const s=n||(0,e.useRef)(document.body),[d,c]=(0,e.useState)(!1),a={...t,...u||{}},l=()=>!a.scrollLayer&&(!("undefined"==typeof window||!window.navigator)&&/iP(ad|hone|od)/.test(window.navigator.platform));return(0,e.useEffect)((()=>{if(!s||!s.current)return;const e=s.current.style.overflow;if(d){if(r.has(s.current))return;return l()?document.addEventListener("touchmove",o,{passive:!1}):s.current.style.overflow="hidden",void r.set(s.current,{last:e})}if(r.has(s.current)){if(l())document.removeEventListener("touchmove",o);else{const e=r.get(s.current);s.current.style.overflow=e.last}r.delete(s.current)}}),[d,s]),[d,c]};exports.default=n,module.exports=exports.default;
|
|
@@ -1,12 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _useClickAnywhere = _interopRequireDefault(require("./use-click-anywhere"));
|
|
9
|
-
|
|
10
|
-
var _default = _useClickAnywhere.default;
|
|
11
|
-
exports.default = _default;
|
|
12
|
-
module.exports = exports.default;
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("./use-click-anywhere")).default;exports.default=r,module.exports=exports.default;
|
|
@@ -1,19 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = void 0;
|
|
5
|
-
|
|
6
|
-
var _react = require("react");
|
|
7
|
-
|
|
8
|
-
const useClickAnyWhere = handler => {
|
|
9
|
-
(0, _react.useEffect)(() => {
|
|
10
|
-
const callback = event => handler(event);
|
|
11
|
-
|
|
12
|
-
document.addEventListener('click', callback);
|
|
13
|
-
return () => document.removeEventListener('click', callback);
|
|
14
|
-
}, [handler]);
|
|
15
|
-
};
|
|
16
|
-
|
|
17
|
-
var _default = useClickAnyWhere;
|
|
18
|
-
exports.default = _default;
|
|
19
|
-
module.exports = exports.default;
|
|
1
|
+
exports.__esModule=!0,exports.default=void 0;var e=require("react");var t=t=>{(0,e.useEffect)((()=>{const e=e=>t(e);return document.addEventListener("click",e),()=>document.removeEventListener("click",e)}),[t])};exports.default=t,module.exports=exports.default;
|
|
@@ -1,12 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _useClickAway = _interopRequireDefault(require("./use-click-away"));
|
|
9
|
-
|
|
10
|
-
var _default = _useClickAway.default;
|
|
11
|
-
exports.default = _default;
|
|
12
|
-
module.exports = exports.default;
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("./use-click-away")).default;exports.default=r,module.exports=exports.default;
|
|
@@ -1,23 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = void 0;
|
|
5
|
-
|
|
6
|
-
var _react = require("react");
|
|
7
|
-
|
|
8
|
-
const useClickAway = (ref, handler) => {
|
|
9
|
-
(0, _react.useEffect)(() => {
|
|
10
|
-
const callback = event => {
|
|
11
|
-
const el = ref.current;
|
|
12
|
-
if (!event || !el || el.contains(event.target)) return;
|
|
13
|
-
handler(event);
|
|
14
|
-
};
|
|
15
|
-
|
|
16
|
-
document.addEventListener('click', callback);
|
|
17
|
-
return () => document.removeEventListener('click', callback);
|
|
18
|
-
}, [ref, handler]);
|
|
19
|
-
};
|
|
20
|
-
|
|
21
|
-
var _default = useClickAway;
|
|
22
|
-
exports.default = _default;
|
|
23
|
-
module.exports = exports.default;
|
|
1
|
+
exports.__esModule=!0,exports.default=void 0;var e=require("react");var t=(t,r)=>{(0,e.useEffect)((()=>{const e=e=>{const o=t.current;e&&o&&!o.contains(e.target)&&r(e)};return document.addEventListener("click",e),()=>document.removeEventListener("click",e)}),[t,r])};exports.default=t,module.exports=exports.default;
|
|
@@ -1,12 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _useClipboard = _interopRequireDefault(require("./use-clipboard"));
|
|
9
|
-
|
|
10
|
-
var _default = _useClipboard.default;
|
|
11
|
-
exports.default = _default;
|
|
12
|
-
module.exports = exports.default;
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("./use-clipboard")).default;exports.default=r,module.exports=exports.default;
|