@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,57 +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 = require("react");
|
|
9
|
-
|
|
10
|
-
var _usePortal = _interopRequireDefault(require("../use-portal"));
|
|
11
|
-
|
|
12
|
-
var _useWarning = _interopRequireDefault(require("../use-warning"));
|
|
13
|
-
|
|
14
|
-
var _assertion = require("../utils/assertion");
|
|
15
|
-
|
|
16
|
-
const defaultOptions = {
|
|
17
|
-
onError: () => _assertion.__DEV__ && (0, _useWarning.default)('Failed to copy.', 'use-clipboard')
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
const useClipboard = (options = defaultOptions) => {
|
|
21
|
-
const el = (0, _usePortal.default)('clipboard');
|
|
22
|
-
|
|
23
|
-
const copyText = (el, text) => {
|
|
24
|
-
if (!el || !text) return;
|
|
25
|
-
const selection = window.getSelection();
|
|
26
|
-
if (!selection) return;
|
|
27
|
-
el.style.whiteSpace = 'pre';
|
|
28
|
-
el.textContent = text;
|
|
29
|
-
const range = window.document.createRange();
|
|
30
|
-
selection.removeAllRanges();
|
|
31
|
-
range.selectNode(el);
|
|
32
|
-
selection.addRange(range);
|
|
33
|
-
|
|
34
|
-
try {
|
|
35
|
-
window.document.execCommand('copy');
|
|
36
|
-
} catch (e) {
|
|
37
|
-
options.onError && options.onError();
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
selection.removeAllRanges();
|
|
41
|
-
|
|
42
|
-
if (el) {
|
|
43
|
-
el.textContent = '';
|
|
44
|
-
}
|
|
45
|
-
};
|
|
46
|
-
|
|
47
|
-
const copy = (0, _react.useCallback)(text => {
|
|
48
|
-
copyText(el, text);
|
|
49
|
-
}, [el]);
|
|
50
|
-
return {
|
|
51
|
-
copy
|
|
52
|
-
};
|
|
53
|
-
};
|
|
54
|
-
|
|
55
|
-
var _default = useClipboard;
|
|
56
|
-
exports.default = _default;
|
|
57
|
-
module.exports = exports.default;
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=require("react"),t=e(require("../use-portal")),o=e(require("../use-warning")),n=require("../utils/assertion");const a={onError:()=>n.__DEV__&&(0,o.default)("Failed to copy.","use-clipboard")};var u=(e=a)=>{const o=(0,t.default)("clipboard"),n=(0,r.useCallback)((r=>{((r,t)=>{if(!r||!t)return;const o=window.getSelection();if(!o)return;r.style.whiteSpace="pre",r.textContent=t;const n=window.document.createRange();o.removeAllRanges(),n.selectNode(r),o.addRange(n);try{window.document.execCommand("copy")}catch(r){e.onError&&e.onError()}o.removeAllRanges(),r&&(r.textContent="")})(o,r)}),[o]);return{copy:n}};exports.default=u,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 _useCurrentState = _interopRequireDefault(require("./use-current-state"));
|
|
9
|
-
|
|
10
|
-
var _default = _useCurrentState.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-current-state")).default;exports.default=r,module.exports=exports.default;
|
|
@@ -1,28 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = void 0;
|
|
5
|
-
|
|
6
|
-
var _react = require("react");
|
|
7
|
-
|
|
8
|
-
const useCurrentState = initialState => {
|
|
9
|
-
const [state, setState] = (0, _react.useState)(() => {
|
|
10
|
-
return typeof initialState === 'function' ? initialState() : initialState;
|
|
11
|
-
});
|
|
12
|
-
const ref = (0, _react.useRef)(initialState);
|
|
13
|
-
(0, _react.useEffect)(() => {
|
|
14
|
-
ref.current = state;
|
|
15
|
-
}, [state]);
|
|
16
|
-
|
|
17
|
-
const setValue = val => {
|
|
18
|
-
const result = typeof val === 'function' ? val(ref.current) : val;
|
|
19
|
-
ref.current = result;
|
|
20
|
-
setState(result);
|
|
21
|
-
};
|
|
22
|
-
|
|
23
|
-
return [state, setValue, ref];
|
|
24
|
-
};
|
|
25
|
-
|
|
26
|
-
var _default = useCurrentState;
|
|
27
|
-
exports.default = _default;
|
|
28
|
-
module.exports = exports.default;
|
|
1
|
+
exports.__esModule=!0,exports.default=void 0;var e=require("react");var t=t=>{const[r,u]=(0,e.useState)((()=>"function"==typeof t?t():t)),o=(0,e.useRef)(t);(0,e.useEffect)((()=>{o.current=r}),[r]);return[r,e=>{const t="function"==typeof e?e(o.current):e;o.current=t,u(t)},o]};exports.default=t,module.exports=exports.default;
|
package/cjs/use-drip/index.js
CHANGED
|
@@ -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 _useDrip = _interopRequireDefault(require("./use-drip"));
|
|
9
|
-
|
|
10
|
-
var _default = _useDrip.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-drip")).default;exports.default=r,module.exports=exports.default;
|
package/cjs/use-drip/use-drip.js
CHANGED
|
@@ -1,38 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = void 0;
|
|
5
|
-
|
|
6
|
-
var _react = require("react");
|
|
7
|
-
|
|
8
|
-
const useDrip = (initialValue = false, ref) => {
|
|
9
|
-
const [dripVisible, setDripVisible] = (0, _react.useState)(initialValue);
|
|
10
|
-
const [dripX, setDripX] = (0, _react.useState)(0);
|
|
11
|
-
const [dripY, setDripY] = (0, _react.useState)(0);
|
|
12
|
-
|
|
13
|
-
const dripCompletedHandle = () => {
|
|
14
|
-
setDripVisible(false);
|
|
15
|
-
setDripX(0);
|
|
16
|
-
setDripY(0);
|
|
17
|
-
};
|
|
18
|
-
|
|
19
|
-
const clickHandler = event => {
|
|
20
|
-
if (!ref.current) return;
|
|
21
|
-
const rect = ref.current.getBoundingClientRect();
|
|
22
|
-
setDripVisible(true);
|
|
23
|
-
setDripX(event.clientX - rect.left);
|
|
24
|
-
setDripY(event.clientY - rect.top);
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
return {
|
|
28
|
-
visible: dripVisible,
|
|
29
|
-
x: dripX,
|
|
30
|
-
y: dripY,
|
|
31
|
-
onClick: clickHandler,
|
|
32
|
-
onCompleted: dripCompletedHandle
|
|
33
|
-
};
|
|
34
|
-
};
|
|
35
|
-
|
|
36
|
-
var _default = useDrip;
|
|
37
|
-
exports.default = _default;
|
|
38
|
-
module.exports = exports.default;
|
|
1
|
+
exports.__esModule=!0,exports.default=void 0;var e=require("react");var t=(t=!1,r)=>{const[o,u]=(0,e.useState)(t),[n,l]=(0,e.useState)(0),[s,i]=(0,e.useState)(0);return{visible:o,x:n,y:s,onClick:e=>{if(!r.current)return;const t=r.current.getBoundingClientRect();u(!0),l(e.clientX-t.left),i(e.clientY-t.top)},onCompleted:()=>{u(!1),l(0),i(0)}}};exports.default=t,module.exports=exports.default;
|
package/cjs/use-input/index.js
CHANGED
|
@@ -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 _useInput = _interopRequireDefault(require("./use-input"));
|
|
9
|
-
|
|
10
|
-
var _default = _useInput.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-input")).default;exports.default=r,module.exports=exports.default;
|
|
@@ -1,32 +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 _useCurrentState = _interopRequireDefault(require("../use-current-state"));
|
|
9
|
-
|
|
10
|
-
const useInput = initialValue => {
|
|
11
|
-
const [value, setValue, currentRef] = (0, _useCurrentState.default)(initialValue);
|
|
12
|
-
return {
|
|
13
|
-
value,
|
|
14
|
-
setValue,
|
|
15
|
-
currentRef,
|
|
16
|
-
reset: () => setValue(initialValue),
|
|
17
|
-
bindings: {
|
|
18
|
-
value,
|
|
19
|
-
onChange: event => {
|
|
20
|
-
if (typeof event === 'object' && event.target) {
|
|
21
|
-
setValue(event.target.value);
|
|
22
|
-
} else {
|
|
23
|
-
setValue(event);
|
|
24
|
-
}
|
|
25
|
-
}
|
|
26
|
-
}
|
|
27
|
-
};
|
|
28
|
-
};
|
|
29
|
-
|
|
30
|
-
var _default = useInput;
|
|
31
|
-
exports.default = _default;
|
|
32
|
-
module.exports = exports.default;
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=e(require("../use-current-state"));var r=e=>{const[r,u,a]=(0,t.default)(e);return{value:r,setValue:u,currentRef:a,reset:()=>u(e),bindings:{value:r,onChange:e=>{"object"==typeof e&&e.target?u(e.target.value):u(e)}}}};exports.default=r,module.exports=exports.default;
|
|
@@ -1,104 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.KeyMod = exports.KeyCode = void 0;
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* KeyBinding Codes
|
|
8
|
-
* The content of this file is based on the design of the open source project "microsoft/vscode",
|
|
9
|
-
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
10
|
-
*
|
|
11
|
-
* We inherit the KeyMod values from "microsoft/vscode",
|
|
12
|
-
* but use the Browser's KeyboardEvent event implementation, and all values are used only as identification.
|
|
13
|
-
*/
|
|
14
|
-
let KeyCode;
|
|
15
|
-
exports.KeyCode = KeyCode;
|
|
16
|
-
|
|
17
|
-
(function (KeyCode) {
|
|
18
|
-
KeyCode[KeyCode["Unknown"] = 0] = "Unknown";
|
|
19
|
-
KeyCode[KeyCode["Backspace"] = 8] = "Backspace";
|
|
20
|
-
KeyCode[KeyCode["Tab"] = 9] = "Tab";
|
|
21
|
-
KeyCode[KeyCode["Enter"] = 13] = "Enter";
|
|
22
|
-
KeyCode[KeyCode["Shift"] = 16] = "Shift";
|
|
23
|
-
KeyCode[KeyCode["Ctrl"] = 17] = "Ctrl";
|
|
24
|
-
KeyCode[KeyCode["Alt"] = 18] = "Alt";
|
|
25
|
-
KeyCode[KeyCode["PauseBreak"] = 19] = "PauseBreak";
|
|
26
|
-
KeyCode[KeyCode["CapsLock"] = 20] = "CapsLock";
|
|
27
|
-
KeyCode[KeyCode["Escape"] = 27] = "Escape";
|
|
28
|
-
KeyCode[KeyCode["Space"] = 32] = "Space";
|
|
29
|
-
KeyCode[KeyCode["PageUp"] = 33] = "PageUp";
|
|
30
|
-
KeyCode[KeyCode["PageDown"] = 34] = "PageDown";
|
|
31
|
-
KeyCode[KeyCode["End"] = 35] = "End";
|
|
32
|
-
KeyCode[KeyCode["Home"] = 36] = "Home";
|
|
33
|
-
KeyCode[KeyCode["LeftArrow"] = 37] = "LeftArrow";
|
|
34
|
-
KeyCode[KeyCode["UpArrow"] = 38] = "UpArrow";
|
|
35
|
-
KeyCode[KeyCode["RightArrow"] = 39] = "RightArrow";
|
|
36
|
-
KeyCode[KeyCode["DownArrow"] = 40] = "DownArrow";
|
|
37
|
-
KeyCode[KeyCode["Insert"] = 45] = "Insert";
|
|
38
|
-
KeyCode[KeyCode["Delete"] = 46] = "Delete";
|
|
39
|
-
KeyCode[KeyCode["KEY_0"] = 48] = "KEY_0";
|
|
40
|
-
KeyCode[KeyCode["KEY_1"] = 49] = "KEY_1";
|
|
41
|
-
KeyCode[KeyCode["KEY_2"] = 50] = "KEY_2";
|
|
42
|
-
KeyCode[KeyCode["KEY_3"] = 51] = "KEY_3";
|
|
43
|
-
KeyCode[KeyCode["KEY_4"] = 52] = "KEY_4";
|
|
44
|
-
KeyCode[KeyCode["KEY_5"] = 53] = "KEY_5";
|
|
45
|
-
KeyCode[KeyCode["KEY_6"] = 54] = "KEY_6";
|
|
46
|
-
KeyCode[KeyCode["KEY_7"] = 55] = "KEY_7";
|
|
47
|
-
KeyCode[KeyCode["KEY_8"] = 56] = "KEY_8";
|
|
48
|
-
KeyCode[KeyCode["KEY_9"] = 57] = "KEY_9";
|
|
49
|
-
KeyCode[KeyCode["KEY_A"] = 65] = "KEY_A";
|
|
50
|
-
KeyCode[KeyCode["KEY_B"] = 66] = "KEY_B";
|
|
51
|
-
KeyCode[KeyCode["KEY_C"] = 67] = "KEY_C";
|
|
52
|
-
KeyCode[KeyCode["KEY_D"] = 68] = "KEY_D";
|
|
53
|
-
KeyCode[KeyCode["KEY_E"] = 69] = "KEY_E";
|
|
54
|
-
KeyCode[KeyCode["KEY_F"] = 70] = "KEY_F";
|
|
55
|
-
KeyCode[KeyCode["KEY_G"] = 71] = "KEY_G";
|
|
56
|
-
KeyCode[KeyCode["KEY_H"] = 72] = "KEY_H";
|
|
57
|
-
KeyCode[KeyCode["KEY_I"] = 73] = "KEY_I";
|
|
58
|
-
KeyCode[KeyCode["KEY_J"] = 74] = "KEY_J";
|
|
59
|
-
KeyCode[KeyCode["KEY_K"] = 75] = "KEY_K";
|
|
60
|
-
KeyCode[KeyCode["KEY_L"] = 76] = "KEY_L";
|
|
61
|
-
KeyCode[KeyCode["KEY_M"] = 77] = "KEY_M";
|
|
62
|
-
KeyCode[KeyCode["KEY_N"] = 78] = "KEY_N";
|
|
63
|
-
KeyCode[KeyCode["KEY_O"] = 79] = "KEY_O";
|
|
64
|
-
KeyCode[KeyCode["KEY_P"] = 80] = "KEY_P";
|
|
65
|
-
KeyCode[KeyCode["KEY_Q"] = 81] = "KEY_Q";
|
|
66
|
-
KeyCode[KeyCode["KEY_R"] = 82] = "KEY_R";
|
|
67
|
-
KeyCode[KeyCode["KEY_S"] = 83] = "KEY_S";
|
|
68
|
-
KeyCode[KeyCode["KEY_T"] = 84] = "KEY_T";
|
|
69
|
-
KeyCode[KeyCode["KEY_U"] = 85] = "KEY_U";
|
|
70
|
-
KeyCode[KeyCode["KEY_V"] = 86] = "KEY_V";
|
|
71
|
-
KeyCode[KeyCode["KEY_W"] = 87] = "KEY_W";
|
|
72
|
-
KeyCode[KeyCode["KEY_X"] = 88] = "KEY_X";
|
|
73
|
-
KeyCode[KeyCode["KEY_Y"] = 89] = "KEY_Y";
|
|
74
|
-
KeyCode[KeyCode["KEY_Z"] = 90] = "KEY_Z";
|
|
75
|
-
KeyCode[KeyCode["Meta"] = 91] = "Meta";
|
|
76
|
-
KeyCode[KeyCode["F1"] = 112] = "F1";
|
|
77
|
-
KeyCode[KeyCode["F2"] = 113] = "F2";
|
|
78
|
-
KeyCode[KeyCode["F3"] = 114] = "F3";
|
|
79
|
-
KeyCode[KeyCode["F4"] = 115] = "F4";
|
|
80
|
-
KeyCode[KeyCode["F5"] = 116] = "F5";
|
|
81
|
-
KeyCode[KeyCode["F6"] = 117] = "F6";
|
|
82
|
-
KeyCode[KeyCode["F7"] = 118] = "F7";
|
|
83
|
-
KeyCode[KeyCode["F8"] = 119] = "F8";
|
|
84
|
-
KeyCode[KeyCode["F9"] = 120] = "F9";
|
|
85
|
-
KeyCode[KeyCode["F10"] = 121] = "F10";
|
|
86
|
-
KeyCode[KeyCode["F11"] = 122] = "F11";
|
|
87
|
-
KeyCode[KeyCode["F12"] = 123] = "F12";
|
|
88
|
-
KeyCode[KeyCode["NumLock"] = 144] = "NumLock";
|
|
89
|
-
KeyCode[KeyCode["ScrollLock"] = 145] = "ScrollLock";
|
|
90
|
-
KeyCode[KeyCode["Equal"] = 187] = "Equal";
|
|
91
|
-
KeyCode[KeyCode["Minus"] = 189] = "Minus";
|
|
92
|
-
KeyCode[KeyCode["Backquote"] = 192] = "Backquote";
|
|
93
|
-
KeyCode[KeyCode["Backslash"] = 220] = "Backslash";
|
|
94
|
-
})(KeyCode || (exports.KeyCode = KeyCode = {}));
|
|
95
|
-
|
|
96
|
-
let KeyMod;
|
|
97
|
-
exports.KeyMod = KeyMod;
|
|
98
|
-
|
|
99
|
-
(function (KeyMod) {
|
|
100
|
-
KeyMod[KeyMod["CtrlCmd"] = 2048] = "CtrlCmd";
|
|
101
|
-
KeyMod[KeyMod["Shift"] = 1024] = "Shift";
|
|
102
|
-
KeyMod[KeyMod["Alt"] = 512] = "Alt";
|
|
103
|
-
KeyMod[KeyMod["WinCtrl"] = 256] = "WinCtrl";
|
|
104
|
-
})(KeyMod || (exports.KeyMod = KeyMod = {}));
|
|
1
|
+
let E,K;exports.__esModule=!0,exports.KeyMod=exports.KeyCode=void 0,exports.KeyCode=E,function(E){E[E.Unknown=0]="Unknown",E[E.Backspace=8]="Backspace",E[E.Tab=9]="Tab",E[E.Enter=13]="Enter",E[E.Shift=16]="Shift",E[E.Ctrl=17]="Ctrl",E[E.Alt=18]="Alt",E[E.PauseBreak=19]="PauseBreak",E[E.CapsLock=20]="CapsLock",E[E.Escape=27]="Escape",E[E.Space=32]="Space",E[E.PageUp=33]="PageUp",E[E.PageDown=34]="PageDown",E[E.End=35]="End",E[E.Home=36]="Home",E[E.LeftArrow=37]="LeftArrow",E[E.UpArrow=38]="UpArrow",E[E.RightArrow=39]="RightArrow",E[E.DownArrow=40]="DownArrow",E[E.Insert=45]="Insert",E[E.Delete=46]="Delete",E[E.KEY_0=48]="KEY_0",E[E.KEY_1=49]="KEY_1",E[E.KEY_2=50]="KEY_2",E[E.KEY_3=51]="KEY_3",E[E.KEY_4=52]="KEY_4",E[E.KEY_5=53]="KEY_5",E[E.KEY_6=54]="KEY_6",E[E.KEY_7=55]="KEY_7",E[E.KEY_8=56]="KEY_8",E[E.KEY_9=57]="KEY_9",E[E.KEY_A=65]="KEY_A",E[E.KEY_B=66]="KEY_B",E[E.KEY_C=67]="KEY_C",E[E.KEY_D=68]="KEY_D",E[E.KEY_E=69]="KEY_E",E[E.KEY_F=70]="KEY_F",E[E.KEY_G=71]="KEY_G",E[E.KEY_H=72]="KEY_H",E[E.KEY_I=73]="KEY_I",E[E.KEY_J=74]="KEY_J",E[E.KEY_K=75]="KEY_K",E[E.KEY_L=76]="KEY_L",E[E.KEY_M=77]="KEY_M",E[E.KEY_N=78]="KEY_N",E[E.KEY_O=79]="KEY_O",E[E.KEY_P=80]="KEY_P",E[E.KEY_Q=81]="KEY_Q",E[E.KEY_R=82]="KEY_R",E[E.KEY_S=83]="KEY_S",E[E.KEY_T=84]="KEY_T",E[E.KEY_U=85]="KEY_U",E[E.KEY_V=86]="KEY_V",E[E.KEY_W=87]="KEY_W",E[E.KEY_X=88]="KEY_X",E[E.KEY_Y=89]="KEY_Y",E[E.KEY_Z=90]="KEY_Z",E[E.Meta=91]="Meta",E[E.F1=112]="F1",E[E.F2=113]="F2",E[E.F3=114]="F3",E[E.F4=115]="F4",E[E.F5=116]="F5",E[E.F6=117]="F6",E[E.F7=118]="F7",E[E.F8=119]="F8",E[E.F9=120]="F9",E[E.F10=121]="F10",E[E.F11=122]="F11",E[E.F12=123]="F12",E[E.NumLock=144]="NumLock",E[E.ScrollLock=145]="ScrollLock",E[E.Equal=187]="Equal",E[E.Minus=189]="Minus",E[E.Backquote=192]="Backquote",E[E.Backslash=220]="Backslash"}(E||(exports.KeyCode=E={})),exports.KeyMod=K,function(E){E[E.CtrlCmd=2048]="CtrlCmd",E[E.Shift=1024]="Shift",E[E.Alt=512]="Alt",E[E.WinCtrl=256]="WinCtrl"}(K||(exports.KeyMod=K={}));
|
|
@@ -1,35 +1 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.getCtrlKeysByPlatform = exports.getActiveModMap = void 0;
|
|
5
|
-
|
|
6
|
-
var _collections = require("../utils/collections");
|
|
7
|
-
|
|
8
|
-
var _codes = require("./codes");
|
|
9
|
-
|
|
10
|
-
/* istanbul ignore next */
|
|
11
|
-
const getCtrlKeysByPlatform = () => {
|
|
12
|
-
return {
|
|
13
|
-
CtrlCmd: (0, _collections.isMac)() ? 'metaKey' : 'ctrlKey',
|
|
14
|
-
WinCtrl: (0, _collections.isMac)() ? 'ctrlKey' : 'metaKey'
|
|
15
|
-
};
|
|
16
|
-
};
|
|
17
|
-
|
|
18
|
-
exports.getCtrlKeysByPlatform = getCtrlKeysByPlatform;
|
|
19
|
-
|
|
20
|
-
const getActiveModMap = bindings => {
|
|
21
|
-
const modBindings = bindings.filter(item => !!_codes.KeyMod[item]);
|
|
22
|
-
const activeModMap = {
|
|
23
|
-
CtrlCmd: false,
|
|
24
|
-
Shift: false,
|
|
25
|
-
Alt: false,
|
|
26
|
-
WinCtrl: false
|
|
27
|
-
};
|
|
28
|
-
modBindings.forEach(code => {
|
|
29
|
-
const modKey = _codes.KeyMod[code];
|
|
30
|
-
activeModMap[modKey] = true;
|
|
31
|
-
});
|
|
32
|
-
return activeModMap;
|
|
33
|
-
};
|
|
34
|
-
|
|
35
|
-
exports.getActiveModMap = getActiveModMap;
|
|
1
|
+
exports.__esModule=!0,exports.getCtrlKeysByPlatform=exports.getActiveModMap=void 0;var e=require("../utils/collections"),t=require("./codes");exports.getCtrlKeysByPlatform=()=>({CtrlCmd:(0,e.isMac)()?"metaKey":"ctrlKey",WinCtrl:(0,e.isMac)()?"ctrlKey":"metaKey"});exports.getActiveModMap=e=>{const r=e.filter((e=>!!t.KeyMod[e])),o={CtrlCmd:!1,Shift:!1,Alt:!1,WinCtrl:!1};return r.forEach((e=>{const r=t.KeyMod[e];o[r]=!0})),o};
|
|
@@ -1,15 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
|
|
5
|
-
exports.__esModule = true;
|
|
6
|
-
exports.default = void 0;
|
|
7
|
-
|
|
8
|
-
var _useKeyboard = _interopRequireDefault(require("./use-keyboard"));
|
|
9
|
-
|
|
10
|
-
var _codes = require("./codes");
|
|
11
|
-
|
|
12
|
-
exports.KeyMod = _codes.KeyMod;
|
|
13
|
-
exports.KeyCode = _codes.KeyCode;
|
|
14
|
-
var _default = _useKeyboard.default;
|
|
15
|
-
exports.default = _default;
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var r=e(require("./use-keyboard")),o=require("./codes");exports.KeyMod=o.KeyMod,exports.KeyCode=o.KeyCode;var d=r.default;exports.default=d;
|
|
@@ -1,76 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = void 0;
|
|
5
|
-
|
|
6
|
-
var _codes = require("./codes");
|
|
7
|
-
|
|
8
|
-
var _react = require("react");
|
|
9
|
-
|
|
10
|
-
var _helper = require("./helper");
|
|
11
|
-
|
|
12
|
-
const useKeyboard = (handler, keyBindings, options = {}) => {
|
|
13
|
-
const bindings = Array.isArray(keyBindings) ? keyBindings : [keyBindings];
|
|
14
|
-
const {
|
|
15
|
-
disableGlobalEvent = false,
|
|
16
|
-
capture = false,
|
|
17
|
-
stopPropagation = false,
|
|
18
|
-
preventDefault = false,
|
|
19
|
-
event = 'keydown'
|
|
20
|
-
} = options;
|
|
21
|
-
const activeModMap = (0, _helper.getActiveModMap)(bindings);
|
|
22
|
-
const keyCodes = bindings.filter(item => !_codes.KeyMod[item]);
|
|
23
|
-
const {
|
|
24
|
-
CtrlCmd,
|
|
25
|
-
WinCtrl
|
|
26
|
-
} = (0, _helper.getCtrlKeysByPlatform)();
|
|
27
|
-
|
|
28
|
-
const eventHandler = event => {
|
|
29
|
-
if (activeModMap.Shift && !event.shiftKey) return;
|
|
30
|
-
if (activeModMap.Alt && !event.altKey) return;
|
|
31
|
-
if (activeModMap.CtrlCmd && !event[CtrlCmd]) return;
|
|
32
|
-
if (activeModMap.WinCtrl && !event[WinCtrl]) return;
|
|
33
|
-
if (keyCodes.length > 0 && !keyCodes.includes(event.keyCode)) return;
|
|
34
|
-
|
|
35
|
-
if (stopPropagation) {
|
|
36
|
-
event.stopPropagation();
|
|
37
|
-
}
|
|
38
|
-
|
|
39
|
-
if (preventDefault) {
|
|
40
|
-
event.preventDefault();
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
handler && handler(event);
|
|
44
|
-
};
|
|
45
|
-
|
|
46
|
-
(0, _react.useEffect)(() => {
|
|
47
|
-
if (!disableGlobalEvent) {
|
|
48
|
-
document.addEventListener(event, eventHandler);
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
return () => {
|
|
52
|
-
document.removeEventListener(event, eventHandler);
|
|
53
|
-
};
|
|
54
|
-
}, [disableGlobalEvent]);
|
|
55
|
-
|
|
56
|
-
const elementBindingHandler = (elementEventType, isCapture = false) => {
|
|
57
|
-
if (elementEventType !== event) return () => {};
|
|
58
|
-
if (isCapture !== capture) return () => {};
|
|
59
|
-
return e => eventHandler(e);
|
|
60
|
-
};
|
|
61
|
-
|
|
62
|
-
return {
|
|
63
|
-
bindings: {
|
|
64
|
-
onKeyDown: elementBindingHandler('keydown'),
|
|
65
|
-
onKeyDownCapture: elementBindingHandler('keydown', true),
|
|
66
|
-
onKeyPress: elementBindingHandler('keypress'),
|
|
67
|
-
onKeyPressCapture: elementBindingHandler('keypress', true),
|
|
68
|
-
onKeyUp: elementBindingHandler('keyup'),
|
|
69
|
-
onKeyUpCapture: elementBindingHandler('keyup', true)
|
|
70
|
-
}
|
|
71
|
-
};
|
|
72
|
-
};
|
|
73
|
-
|
|
74
|
-
var _default = useKeyboard;
|
|
75
|
-
exports.default = _default;
|
|
76
|
-
module.exports = exports.default;
|
|
1
|
+
exports.__esModule=!0,exports.default=void 0;var e=require("./codes"),t=require("react"),r=require("./helper");var o=(o,n,s={})=>{const a=Array.isArray(n)?n:[n],{disableGlobalEvent:p=!1,capture:d=!1,stopPropagation:l=!1,preventDefault:u=!1,event:y="keydown"}=s,i=(0,r.getActiveModMap)(a),f=a.filter((t=>!e.KeyMod[t])),{CtrlCmd:v,WinCtrl:C}=(0,r.getCtrlKeysByPlatform)(),c=e=>{i.Shift&&!e.shiftKey||i.Alt&&!e.altKey||i.CtrlCmd&&!e[v]||i.WinCtrl&&!e[C]||f.length>0&&!f.includes(e.keyCode)||(l&&e.stopPropagation(),u&&e.preventDefault(),o&&o(e))};(0,t.useEffect)((()=>(p||document.addEventListener(y,c),()=>{document.removeEventListener(y,c)})),[p]);const K=(e,t=!1)=>e!==y||t!==d?()=>{}:e=>c(e);return{bindings:{onKeyDown:K("keydown"),onKeyDownCapture:K("keydown",!0),onKeyPress:K("keypress"),onKeyPressCapture:K("keypress",!0),onKeyUp:K("keyup"),onKeyUpCapture:K("keyup",!0)}}};exports.default=o,module.exports=exports.default;
|
|
@@ -1,88 +1 @@
|
|
|
1
|
-
"
|
|
2
|
-
|
|
3
|
-
exports.__esModule = true;
|
|
4
|
-
exports.default = exports.DOTS = void 0;
|
|
5
|
-
|
|
6
|
-
var _react = require("react");
|
|
7
|
-
|
|
8
|
-
var _numbers = require("../utils/numbers");
|
|
9
|
-
|
|
10
|
-
const DOTS = 'dots';
|
|
11
|
-
exports.DOTS = DOTS;
|
|
12
|
-
|
|
13
|
-
const usePagination = ({
|
|
14
|
-
page,
|
|
15
|
-
total,
|
|
16
|
-
siblings = 1,
|
|
17
|
-
boundaries = 1,
|
|
18
|
-
initialPage = 1,
|
|
19
|
-
onChange
|
|
20
|
-
}) => {
|
|
21
|
-
const [activePage, setActivePage] = (0, _react.useState)(page || initialPage);
|
|
22
|
-
|
|
23
|
-
const onChangeActivePage = newPage => {
|
|
24
|
-
setActivePage(newPage);
|
|
25
|
-
onChange && onChange(newPage);
|
|
26
|
-
};
|
|
27
|
-
|
|
28
|
-
const setPage = (0, _react.useCallback)(pageNumber => {
|
|
29
|
-
if (pageNumber <= 0) {
|
|
30
|
-
onChangeActivePage(1);
|
|
31
|
-
} else if (pageNumber > total) {
|
|
32
|
-
onChangeActivePage(total);
|
|
33
|
-
} else {
|
|
34
|
-
onChangeActivePage(pageNumber);
|
|
35
|
-
}
|
|
36
|
-
}, [total]);
|
|
37
|
-
|
|
38
|
-
const next = () => setPage(activePage + 1);
|
|
39
|
-
|
|
40
|
-
const previous = () => setPage(activePage - 1);
|
|
41
|
-
|
|
42
|
-
const first = () => setPage(1);
|
|
43
|
-
|
|
44
|
-
const last = () => setPage(total);
|
|
45
|
-
|
|
46
|
-
const paginationRange = (0, _react.useMemo)(() => {
|
|
47
|
-
const totalPageNumbers = siblings * 2 + 3 + boundaries * 2;
|
|
48
|
-
|
|
49
|
-
if (totalPageNumbers >= total) {
|
|
50
|
-
return (0, _numbers.range)(1, total);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
const leftSiblingIndex = Math.max(activePage - siblings, boundaries);
|
|
54
|
-
const rightSiblingIndex = Math.min(activePage + siblings, total - boundaries);
|
|
55
|
-
/*
|
|
56
|
-
* We do not want to show dots if there is only one position left
|
|
57
|
-
* after/before the left/right page count as that would lead to a change if our Pagination
|
|
58
|
-
* component size which we do not want
|
|
59
|
-
*/
|
|
60
|
-
|
|
61
|
-
const shouldShowLeftDots = leftSiblingIndex > boundaries + 2;
|
|
62
|
-
const shouldShowRightDots = rightSiblingIndex < total - (boundaries + 1);
|
|
63
|
-
|
|
64
|
-
if (!shouldShowLeftDots && shouldShowRightDots) {
|
|
65
|
-
const leftItemCount = siblings * 2 + boundaries + 2;
|
|
66
|
-
return [...(0, _numbers.range)(1, leftItemCount), DOTS, ...(0, _numbers.range)(total - (boundaries - 1), total)];
|
|
67
|
-
}
|
|
68
|
-
|
|
69
|
-
if (shouldShowLeftDots && !shouldShowRightDots) {
|
|
70
|
-
const rightItemCount = boundaries + 1 + 2 * siblings;
|
|
71
|
-
return [...(0, _numbers.range)(1, boundaries), DOTS, ...(0, _numbers.range)(total - rightItemCount, total)];
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
return [...(0, _numbers.range)(1, boundaries), DOTS, ...(0, _numbers.range)(leftSiblingIndex, rightSiblingIndex), DOTS, ...(0, _numbers.range)(total - boundaries + 1, total)];
|
|
75
|
-
}, [total, siblings, activePage]);
|
|
76
|
-
return {
|
|
77
|
-
range: paginationRange,
|
|
78
|
-
active: activePage,
|
|
79
|
-
setPage,
|
|
80
|
-
next,
|
|
81
|
-
previous,
|
|
82
|
-
first,
|
|
83
|
-
last
|
|
84
|
-
};
|
|
85
|
-
};
|
|
86
|
-
|
|
87
|
-
var _default = usePagination;
|
|
88
|
-
exports.default = _default;
|
|
1
|
+
exports.__esModule=!0,exports.default=exports.DOTS=void 0;var e=require("react"),r=require("../utils/numbers");exports.DOTS="dots";var t=({page:t,total:a,siblings:s=1,boundaries:n=1,initialPage:o=1,onChange:i})=>{const[u,g]=(0,e.useState)(t||o),d=e=>{g(e),i&&i(e)},l=(0,e.useCallback)((e=>{d(e<=0?1:e>a?a:e)}),[a]);return{range:(0,e.useMemo)((()=>{if(2*s+3+2*n>=a)return(0,r.range)(1,a);const e=Math.max(u-s,n),t=Math.min(u+s,a-n),o=e>n+2,i=t<a-(n+1);if(!o&&i){const e=2*s+n+2;return[...(0,r.range)(1,e),"dots",...(0,r.range)(a-(n-1),a)]}if(o&&!i){const e=n+1+2*s;return[...(0,r.range)(1,n),"dots",...(0,r.range)(a-e,a)]}return[...(0,r.range)(1,n),"dots",...(0,r.range)(e,t),"dots",...(0,r.range)(a-n+1,a)]}),[a,s,u]),active:u,setPage:l,next:()=>l(u+1),previous:()=>l(u-1),first:()=>l(1),last:()=>l(a)}};exports.default=t;
|
package/cjs/use-portal/index.js
CHANGED
|
@@ -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 _usePortal = _interopRequireDefault(require("./use-portal"));
|
|
9
|
-
|
|
10
|
-
var _default = _usePortal.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-portal")).default;exports.default=r,module.exports=exports.default;
|
|
@@ -1,43 +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 = require("react");
|
|
9
|
-
|
|
10
|
-
var _useSsr = _interopRequireDefault(require("../use-ssr"));
|
|
11
|
-
|
|
12
|
-
var _collections = require("../utils/collections");
|
|
13
|
-
|
|
14
|
-
const createElement = id => {
|
|
15
|
-
const el = document.createElement('div');
|
|
16
|
-
el.setAttribute('id', id);
|
|
17
|
-
return el;
|
|
18
|
-
};
|
|
19
|
-
|
|
20
|
-
const usePortal = (selectId = (0, _collections.getId)(), getContainer) => {
|
|
21
|
-
const id = `nextui-${selectId}`;
|
|
22
|
-
const {
|
|
23
|
-
isBrowser
|
|
24
|
-
} = (0, _useSsr.default)();
|
|
25
|
-
const [elSnapshot, setElSnapshot] = (0, _react.useState)(isBrowser ? createElement(id) : null);
|
|
26
|
-
(0, _react.useEffect)(() => {
|
|
27
|
-
const customContainer = getContainer ? getContainer() : null;
|
|
28
|
-
const parentElement = customContainer || document.body;
|
|
29
|
-
const hasElement = parentElement.querySelector(`#${id}`);
|
|
30
|
-
const el = hasElement || createElement(id);
|
|
31
|
-
|
|
32
|
-
if (!hasElement) {
|
|
33
|
-
parentElement.appendChild(el);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
setElSnapshot(el);
|
|
37
|
-
}, []);
|
|
38
|
-
return elSnapshot;
|
|
39
|
-
};
|
|
40
|
-
|
|
41
|
-
var _default = usePortal;
|
|
42
|
-
exports.default = _default;
|
|
43
|
-
module.exports = exports.default;
|
|
1
|
+
var e=require("@babel/runtime/helpers/interopRequireDefault");exports.__esModule=!0,exports.default=void 0;var t=require("react"),r=e(require("../use-ssr")),u=require("../utils/collections");const s=e=>{const t=document.createElement("div");return t.setAttribute("id",e),t};var o=(e=(0,u.getId)(),o)=>{const l=`nextui-${e}`,{isBrowser:i}=(0,r.default)(),[n,d]=(0,t.useState)(i?s(l):null);return(0,t.useEffect)((()=>{const e=(o?o():null)||document.body,t=e.querySelector(`#${l}`),r=t||s(l);t||e.appendChild(r),d(r)}),[]),n};exports.default=o,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 _useRealShape = _interopRequireDefault(require("./use-real-shape"));
|
|
9
|
-
|
|
10
|
-
var _default = _useRealShape.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-real-shape")).default;exports.default=r,module.exports=exports.default;
|