@nextui-org/react 1.0.1-alpha.7 → 1.0.2-alpha.2
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 +53 -45
- package/avatar/package.json +6 -0
- package/backdrop/package.json +6 -0
- package/button/package.json +6 -0
- package/card/package.json +6 -0
- package/checkbox/package.json +6 -0
- package/cjs/avatar/avatar-group.d.ts +13 -0
- package/cjs/avatar/avatar-group.js +35 -0
- package/cjs/avatar/avatar-group.styles.d.ts +1785 -0
- package/cjs/avatar/avatar-group.styles.js +52 -0
- package/cjs/avatar/avatar.d.ts +21 -0
- package/cjs/avatar/avatar.js +75 -0
- package/cjs/avatar/avatar.styles.d.ts +904 -0
- package/cjs/avatar/avatar.styles.js +334 -0
- package/cjs/avatar/index.d.ts +7 -0
- package/cjs/avatar/index.js +22 -0
- package/cjs/backdrop/backdrop.d.ts +37 -0
- package/cjs/backdrop/backdrop.js +137 -0
- package/cjs/backdrop/backdrop.styles.d.ts +2677 -0
- package/cjs/backdrop/backdrop.styles.js +119 -0
- package/cjs/backdrop/index.d.ts +5 -0
- package/cjs/backdrop/index.js +16 -0
- package/{dist/components → cjs}/button/button-group-context.d.ts +3 -2
- package/cjs/button/button-group-context.js +21 -0
- package/cjs/button/button-group.d.ts +34 -0
- package/cjs/button/button-group.js +81 -0
- package/cjs/button/button-group.styles.d.ts +899 -0
- package/cjs/button/button-group.styles.js +136 -0
- package/cjs/button/button-icon.d.ts +909 -0
- package/cjs/button/button-icon.js +68 -0
- package/cjs/button/button.d.ts +30 -0
- package/cjs/button/button.js +145 -0
- package/cjs/button/button.styles.d.ts +907 -0
- package/cjs/button/button.styles.js +695 -0
- package/cjs/button/index.d.ts +10 -0
- package/cjs/button/index.js +25 -0
- package/{dist/components → cjs}/button/utils.d.ts +2 -2
- package/cjs/button/utils.js +27 -0
- package/cjs/card/card.d.ts +23 -0
- package/cjs/card/card.js +117 -0
- package/cjs/card/card.styles.d.ts +3575 -0
- package/cjs/card/card.styles.js +267 -0
- package/cjs/card/index.d.ts +5 -0
- package/cjs/card/index.js +24 -0
- package/{dist/components → cjs}/checkbox/checkbox-context.d.ts +3 -2
- package/cjs/checkbox/checkbox-context.js +25 -0
- package/cjs/checkbox/checkbox-group.d.ts +29 -0
- package/cjs/checkbox/checkbox-group.js +89 -0
- package/{dist/components → cjs}/checkbox/checkbox.d.ts +21 -10
- package/cjs/checkbox/checkbox.js +192 -0
- package/cjs/checkbox/checkbox.styles.d.ts +8054 -0
- package/cjs/checkbox/checkbox.styles.js +563 -0
- package/cjs/checkbox/index.d.ts +6 -0
- package/cjs/checkbox/index.js +26 -0
- package/cjs/code/code.d.ts +15 -0
- package/cjs/code/code.js +42 -0
- package/cjs/code/code.styles.d.ts +1782 -0
- package/cjs/code/code.styles.js +14 -0
- package/cjs/code/index.d.ts +5 -0
- package/cjs/code/index.js +15 -0
- package/{dist/components → cjs}/col/col.d.ts +5 -7
- package/cjs/col/col.js +46 -0
- package/cjs/col/col.styles.d.ts +893 -0
- package/cjs/col/col.styles.js +16 -0
- package/cjs/col/index.d.ts +5 -0
- package/cjs/col/index.js +14 -0
- package/cjs/collapse/collapse-context.d.ts +9 -0
- package/cjs/collapse/collapse-context.js +20 -0
- package/cjs/collapse/collapse-group.d.ts +18 -0
- package/cjs/collapse/collapse-group.js +90 -0
- package/cjs/collapse/collapse-icon.d.ts +19 -0
- package/cjs/collapse/collapse-icon.js +41 -0
- package/cjs/collapse/collapse.d.ts +41 -0
- package/cjs/collapse/collapse.js +190 -0
- package/cjs/collapse/collapse.styles.d.ts +4472 -0
- package/cjs/collapse/collapse.styles.js +254 -0
- package/cjs/collapse/index.d.ts +6 -0
- package/cjs/collapse/index.js +22 -0
- package/cjs/container/container.d.ts +40 -0
- package/cjs/container/container.js +91 -0
- package/cjs/container/container.styles.d.ts +896 -0
- package/cjs/container/container.styles.js +45 -0
- package/cjs/container/index.d.ts +5 -0
- package/cjs/container/index.js +14 -0
- package/{dist/components → cjs}/css-baseline/css-baseline.d.ts +2 -2
- package/cjs/css-baseline/css-baseline.js +247 -0
- package/{dist/components → cjs}/css-baseline/index.d.ts +0 -0
- package/cjs/css-baseline/index.js +11 -0
- package/cjs/divider/divider.d.ts +22 -0
- package/cjs/divider/divider.js +82 -0
- package/cjs/divider/divider.styles.d.ts +1787 -0
- package/cjs/divider/divider.styles.js +77 -0
- package/cjs/divider/index.d.ts +5 -0
- package/cjs/divider/index.js +15 -0
- package/cjs/grid/grid-container.d.ts +22 -0
- package/cjs/grid/grid-container.js +60 -0
- package/{dist/components/grid/basic-item.d.ts → cjs/grid/grid-item.d.ts} +14 -5
- package/cjs/grid/grid-item.js +123 -0
- package/cjs/grid/grid.d.ts +9 -0
- package/cjs/grid/grid.js +29 -0
- package/cjs/grid/grid.styles.d.ts +1783 -0
- package/cjs/grid/grid.styles.js +15 -0
- package/cjs/grid/index.d.ts +7 -0
- package/cjs/grid/index.js +18 -0
- package/{dist/components → cjs}/image/image.d.ts +17 -15
- package/cjs/image/image.js +150 -0
- package/cjs/image/image.skeleton.d.ts +19 -0
- package/cjs/image/image.skeleton.js +50 -0
- package/cjs/image/image.styles.d.ts +2676 -0
- package/cjs/image/image.styles.js +57 -0
- package/cjs/image/index.d.ts +5 -0
- package/cjs/image/index.js +16 -0
- package/cjs/index.d.ts +79 -0
- package/cjs/index.js +435 -0
- package/cjs/input/index.d.ts +7 -0
- package/cjs/input/index.js +30 -0
- package/cjs/input/input-password.d.ts +98 -0
- package/cjs/input/input-password.js +80 -0
- package/cjs/input/input-props.d.ts +66 -0
- package/cjs/input/input-props.js +30 -0
- package/cjs/input/input.d.ts +18 -0
- package/cjs/input/input.js +317 -0
- package/cjs/input/input.styles.d.ts +9854 -0
- package/cjs/input/input.styles.js +878 -0
- package/cjs/input/password-icon.d.ts +6 -0
- package/cjs/input/password-icon.js +51 -0
- package/{dist/components → cjs}/link/icon.d.ts +0 -0
- package/cjs/link/icon.js +42 -0
- package/cjs/link/index.d.ts +5 -0
- package/cjs/link/index.js +15 -0
- package/cjs/link/link.d.ts +43 -0
- package/cjs/link/link.js +42 -0
- package/cjs/link/link.styles.d.ts +1788 -0
- package/cjs/link/link.styles.js +135 -0
- package/cjs/loading/index.d.ts +7 -0
- package/cjs/loading/index.js +24 -0
- package/{dist/components → cjs}/loading/loading.d.ts +11 -9
- package/cjs/loading/loading.js +80 -0
- package/cjs/loading/loading.styles.d.ts +5356 -0
- package/cjs/loading/loading.styles.js +438 -0
- package/cjs/loading/spinner.d.ts +17 -0
- package/cjs/loading/spinner.js +47 -0
- package/cjs/modal/index.d.ts +8 -0
- package/cjs/modal/index.js +28 -0
- package/cjs/modal/modal-body.d.ts +45 -0
- package/cjs/modal/modal-body.js +62 -0
- package/cjs/modal/modal-close-button.d.ts +13 -0
- package/cjs/modal/modal-close-button.js +49 -0
- package/cjs/modal/modal-context.d.ts +8 -0
- package/cjs/modal/modal-context.js +18 -0
- package/cjs/modal/modal-footer.d.ts +24 -0
- package/cjs/modal/modal-footer.js +69 -0
- package/cjs/modal/modal-header.d.ts +24 -0
- package/cjs/modal/modal-header.js +69 -0
- package/cjs/modal/modal-wrapper.d.ts +24 -0
- package/cjs/modal/modal-wrapper.js +153 -0
- package/cjs/modal/modal.d.ts +42 -0
- package/cjs/modal/modal.js +159 -0
- package/cjs/modal/modal.styles.d.ts +5362 -0
- package/cjs/modal/modal.styles.js +243 -0
- package/cjs/modal/use-modal.d.ts +11 -0
- package/cjs/modal/use-modal.js +25 -0
- package/cjs/pagination/index.d.ts +7 -0
- package/cjs/pagination/index.js +19 -0
- package/cjs/pagination/pagination-ellipsis.d.ts +11 -0
- package/cjs/pagination/pagination-ellipsis.js +86 -0
- package/cjs/pagination/pagination-highlight.d.ts +14 -0
- package/cjs/pagination/pagination-highlight.js +52 -0
- package/cjs/pagination/pagination-icon.d.ts +16 -0
- package/cjs/pagination/pagination-icon.js +59 -0
- package/cjs/pagination/pagination-item.d.ts +22 -0
- package/cjs/pagination/pagination-item.js +104 -0
- package/cjs/pagination/pagination.d.ts +46 -0
- package/cjs/pagination/pagination.js +169 -0
- package/cjs/pagination/pagination.styles.d.ts +5369 -0
- package/cjs/pagination/pagination.styles.js +361 -0
- package/cjs/progress/index.d.ts +5 -0
- package/cjs/progress/index.js +15 -0
- package/cjs/progress/progress.d.ts +65 -0
- package/cjs/progress/progress.js +101 -0
- package/cjs/progress/progress.styles.d.ts +1793 -0
- package/cjs/progress/progress.styles.js +165 -0
- package/cjs/radio/index.d.ts +4 -0
- package/cjs/radio/index.js +24 -0
- package/{dist/components → cjs}/radio/radio-context.d.ts +3 -2
- package/cjs/radio/radio-context.js +24 -0
- package/cjs/radio/radio-group.d.ts +30 -0
- package/cjs/radio/radio-group.js +78 -0
- package/{dist/components → cjs}/radio/radio.d.ts +19 -16
- package/cjs/radio/radio.js +156 -0
- package/cjs/radio/radio.styles.d.ts +5357 -0
- package/cjs/radio/radio.styles.js +240 -0
- package/cjs/row/index.d.ts +5 -0
- package/cjs/row/index.js +14 -0
- package/cjs/row/row.d.ts +21 -0
- package/cjs/row/row.js +54 -0
- package/cjs/row/row.styles.d.ts +895 -0
- package/cjs/row/row.styles.js +25 -0
- package/cjs/snippet/index.d.ts +5 -0
- package/cjs/snippet/index.js +16 -0
- package/{dist/components → cjs}/snippet/snippet-icon.d.ts +5 -2
- package/cjs/snippet/snippet-icon.js +52 -0
- package/cjs/snippet/snippet.d.ts +35 -0
- package/cjs/snippet/snippet.js +137 -0
- package/cjs/snippet/snippet.styles.d.ts +3570 -0
- package/cjs/snippet/snippet.styles.js +141 -0
- package/cjs/spacer/index.d.ts +5 -0
- package/cjs/spacer/index.js +14 -0
- package/cjs/spacer/spacer.d.ts +41 -0
- package/cjs/spacer/spacer.js +49 -0
- package/cjs/spacer/spacer.styles.d.ts +894 -0
- package/cjs/spacer/spacer.styles.js +24 -0
- package/cjs/switch/index.d.ts +5 -0
- package/cjs/switch/index.js +17 -0
- package/cjs/switch/switch.d.ts +82 -0
- package/cjs/switch/switch.js +142 -0
- package/cjs/switch/switch.styles.d.ts +3576 -0
- package/cjs/switch/switch.styles.js +283 -0
- package/cjs/text/child.d.ts +21 -0
- package/cjs/text/child.js +83 -0
- package/cjs/text/index.d.ts +4 -0
- package/cjs/text/index.js +14 -0
- package/{dist/components → cjs}/text/text.d.ts +13 -17
- package/cjs/text/text.js +124 -0
- package/cjs/text/text.styles.d.ts +894 -0
- package/cjs/text/text.styles.js +41 -0
- package/cjs/textarea/index.d.ts +3 -0
- package/cjs/textarea/index.js +12 -0
- package/cjs/textarea/textarea.d.ts +42 -0
- package/cjs/textarea/textarea.js +126 -0
- package/cjs/textarea/utils.d.ts +13 -0
- package/cjs/textarea/utils.js +126 -0
- package/cjs/theme/common.d.ts +1584 -0
- package/cjs/theme/common.js +490 -0
- package/cjs/theme/dark-theme.d.ts +33 -0
- package/cjs/theme/dark-theme.js +38 -0
- package/cjs/theme/index.js +31 -0
- package/cjs/theme/light-theme.d.ts +28 -0
- package/cjs/theme/light-theme.js +33 -0
- package/cjs/theme/ssr-provider.d.ts +7 -0
- package/cjs/theme/ssr-provider.js +51 -0
- package/cjs/theme/stitches.config.d.ts +8700 -0
- package/cjs/theme/stitches.config.js +88 -0
- package/cjs/theme/theme-context.d.ts +5 -0
- package/cjs/theme/theme-context.js +22 -0
- package/cjs/theme/theme-provider.d.ts +14 -0
- package/cjs/theme/theme-provider.js +115 -0
- package/cjs/theme/types.d.ts +75 -0
- package/cjs/theme/types.js +3 -0
- package/cjs/theme/utils.d.ts +16 -0
- package/cjs/theme/utils.js +113 -0
- package/cjs/tooltip/index.d.ts +6 -0
- package/cjs/tooltip/index.js +17 -0
- package/cjs/tooltip/placement.d.ts +39 -0
- package/cjs/tooltip/placement.js +193 -0
- package/cjs/tooltip/tooltip-content.d.ts +27 -0
- package/cjs/tooltip/tooltip-content.js +135 -0
- package/cjs/tooltip/tooltip.d.ts +56 -0
- package/cjs/tooltip/tooltip.js +141 -0
- package/cjs/tooltip/tooltip.styles.d.ts +3571 -0
- package/cjs/tooltip/tooltip.styles.js +159 -0
- package/cjs/use-body-scroll/index.d.ts +3 -0
- package/cjs/use-body-scroll/index.js +12 -0
- package/cjs/use-body-scroll/use-body-scroll.d.ts +9 -0
- package/cjs/use-body-scroll/use-body-scroll.js +77 -0
- package/cjs/use-click-anywhere/index.d.ts +2 -0
- package/cjs/use-click-anywhere/index.js +12 -0
- package/cjs/use-click-anywhere/use-click-anywhere.d.ts +2 -0
- package/cjs/use-click-anywhere/use-click-anywhere.js +19 -0
- package/cjs/use-click-away/index.d.ts +2 -0
- package/cjs/use-click-away/index.js +12 -0
- package/cjs/use-click-away/use-click-away.d.ts +3 -0
- package/cjs/use-click-away/use-click-away.js +23 -0
- package/cjs/use-clipboard/index.d.ts +3 -0
- package/cjs/use-clipboard/index.js +12 -0
- package/{dist/hooks → cjs/use-clipboard}/use-clipboard.d.ts +0 -0
- package/cjs/use-clipboard/use-clipboard.js +57 -0
- package/cjs/use-current-state/index.d.ts +2 -0
- package/cjs/use-current-state/index.js +12 -0
- package/{dist/hooks → cjs/use-current-state}/use-current-state.d.ts +0 -0
- package/cjs/use-current-state/use-current-state.js +28 -0
- package/cjs/use-drip/index.d.ts +2 -0
- package/cjs/use-drip/index.js +12 -0
- package/cjs/use-drip/use-drip.d.ts +9 -0
- package/cjs/use-drip/use-drip.js +38 -0
- package/cjs/use-input/index.d.ts +2 -0
- package/cjs/use-input/index.js +12 -0
- package/cjs/use-input/use-input.d.ts +13 -0
- package/cjs/use-input/use-input.js +32 -0
- package/cjs/use-keyboard/codes.d.ts +92 -0
- package/cjs/use-keyboard/codes.js +104 -0
- package/cjs/use-keyboard/helper.d.ts +3 -0
- package/cjs/use-keyboard/helper.js +35 -0
- package/cjs/use-keyboard/index.d.ts +5 -0
- package/cjs/use-keyboard/index.js +15 -0
- package/cjs/use-keyboard/use-keyboard.d.ts +22 -0
- package/cjs/use-keyboard/use-keyboard.js +76 -0
- package/cjs/use-pagination/index.d.ts +20 -0
- package/cjs/use-pagination/index.js +88 -0
- package/cjs/use-portal/index.d.ts +2 -0
- package/cjs/use-portal/index.js +12 -0
- package/{dist/hooks → cjs/use-portal}/use-portal.d.ts +0 -0
- package/cjs/use-portal/use-portal.js +43 -0
- package/cjs/use-real-shape/index.d.ts +2 -0
- package/cjs/use-real-shape/index.js +12 -0
- package/{dist/hooks → cjs/use-real-shape}/use-real-shape.d.ts +0 -0
- package/cjs/use-real-shape/use-real-shape.js +55 -0
- package/cjs/use-resize/index.d.ts +2 -0
- package/cjs/use-resize/index.js +12 -0
- package/{dist/hooks → cjs/use-resize}/use-resize.d.ts +0 -0
- package/cjs/use-resize/use-resize.js +23 -0
- package/cjs/use-ssr/index.d.ts +2 -0
- package/cjs/use-ssr/index.js +12 -0
- package/{dist/hooks → cjs/use-ssr}/use-ssr.d.ts +0 -0
- package/cjs/use-ssr/use-ssr.js +25 -0
- package/cjs/use-theme/index.d.ts +2 -0
- package/cjs/use-theme/index.js +12 -0
- package/cjs/use-theme/use-theme.d.ts +3 -0
- package/cjs/use-theme/use-theme.js +16 -0
- package/cjs/use-warning/index.d.ts +2 -0
- package/cjs/use-warning/index.js +12 -0
- package/{dist/hooks → cjs/use-warning}/use-warning.d.ts +0 -0
- package/cjs/use-warning/use-warning.js +23 -0
- package/cjs/user/index.d.ts +6 -0
- package/cjs/user/index.js +21 -0
- package/cjs/user/user-link.d.ts +32 -0
- package/cjs/user/user-link.js +46 -0
- package/{dist/components → cjs}/user/user.d.ts +12 -7
- package/cjs/user/user.js +63 -0
- package/cjs/user/user.styles.d.ts +4456 -0
- package/cjs/user/user.styles.js +56 -0
- package/cjs/utils/assertion.d.ts +8 -0
- package/cjs/utils/assertion.js +42 -0
- package/cjs/utils/clear-icon.d.ts +16 -0
- package/cjs/utils/clear-icon.js +70 -0
- package/cjs/utils/clsx.d.ts +1 -0
- package/cjs/utils/clsx.js +57 -0
- package/cjs/utils/collections.d.ts +12 -0
- package/cjs/utils/collections.js +110 -0
- package/{dist → cjs}/utils/color.d.ts +6 -6
- package/cjs/utils/color.js +187 -0
- package/cjs/utils/css-transition.d.ts +27 -0
- package/cjs/utils/css-transition.js +76 -0
- package/cjs/utils/deep-merge.d.ts +1 -0
- package/cjs/utils/deep-merge.js +33 -0
- package/{dist → cjs}/utils/dimensions.d.ts +0 -0
- package/cjs/utils/dimensions.js +10 -0
- package/cjs/utils/dom.js +110 -0
- package/cjs/utils/drip.d.ts +936 -0
- package/cjs/utils/drip.js +116 -0
- package/cjs/utils/expand.d.ts +20 -0
- package/cjs/utils/expand.js +109 -0
- package/cjs/utils/icons.js +481 -0
- package/cjs/utils/numbers.d.ts +9 -0
- package/cjs/utils/numbers.js +23 -0
- package/cjs/utils/object.d.ts +11 -0
- package/cjs/utils/object.js +40 -0
- package/cjs/utils/prop-types.d.ts +54 -0
- package/cjs/utils/prop-types.js +56 -0
- package/cjs/utils/react.js +24 -0
- package/cjs/utils/strings.js +18 -0
- package/cjs/utils/types.d.js +3 -0
- package/{dist → cjs}/utils/with-defaults.d.ts +0 -0
- package/cjs/utils/with-defaults.js +13 -0
- package/code/package.json +6 -0
- package/col/package.json +6 -0
- package/collapse/package.json +6 -0
- package/container/package.json +6 -0
- package/css-baseline/package.json +6 -0
- package/divider/package.json +6 -0
- package/esm/avatar/avatar-group.d.ts +13 -0
- package/esm/avatar/avatar-group.js +35 -0
- package/esm/avatar/avatar-group.styles.d.ts +1785 -0
- package/esm/avatar/avatar-group.styles.js +52 -0
- package/esm/avatar/avatar.d.ts +21 -0
- package/esm/avatar/avatar.js +75 -0
- package/esm/avatar/avatar.styles.d.ts +904 -0
- package/esm/avatar/avatar.styles.js +334 -0
- package/esm/avatar/index.d.ts +7 -0
- package/esm/avatar/index.js +22 -0
- package/esm/backdrop/backdrop.d.ts +37 -0
- package/esm/backdrop/backdrop.js +137 -0
- package/esm/backdrop/backdrop.styles.d.ts +2677 -0
- package/esm/backdrop/backdrop.styles.js +119 -0
- package/esm/backdrop/index.d.ts +5 -0
- package/esm/backdrop/index.js +16 -0
- package/esm/button/button-group-context.d.ts +20 -0
- package/esm/button/button-group-context.js +21 -0
- package/esm/button/button-group.d.ts +34 -0
- package/esm/button/button-group.js +81 -0
- package/esm/button/button-group.styles.d.ts +899 -0
- package/esm/button/button-group.styles.js +136 -0
- package/esm/button/button-icon.d.ts +909 -0
- package/esm/button/button-icon.js +68 -0
- package/esm/button/button.d.ts +30 -0
- package/esm/button/button.js +145 -0
- package/esm/button/button.styles.d.ts +907 -0
- package/esm/button/button.styles.js +695 -0
- package/esm/button/index.d.ts +10 -0
- package/esm/button/index.js +25 -0
- package/esm/button/utils.d.ts +4 -0
- package/esm/button/utils.js +27 -0
- package/esm/card/card.d.ts +23 -0
- package/esm/card/card.js +117 -0
- package/esm/card/card.styles.d.ts +3575 -0
- package/esm/card/card.styles.js +267 -0
- package/esm/card/index.d.ts +5 -0
- package/esm/card/index.js +24 -0
- package/esm/checkbox/checkbox-context.d.ts +13 -0
- package/esm/checkbox/checkbox-context.js +25 -0
- package/esm/checkbox/checkbox-group.d.ts +29 -0
- package/esm/checkbox/checkbox-group.js +89 -0
- package/esm/checkbox/checkbox.d.ts +58 -0
- package/esm/checkbox/checkbox.js +192 -0
- package/esm/checkbox/checkbox.styles.d.ts +8054 -0
- package/esm/checkbox/checkbox.styles.js +563 -0
- package/esm/checkbox/index.d.ts +6 -0
- package/esm/checkbox/index.js +26 -0
- package/esm/code/code.d.ts +15 -0
- package/esm/code/code.js +42 -0
- package/esm/code/code.styles.d.ts +1782 -0
- package/esm/code/code.styles.js +14 -0
- package/esm/code/index.d.ts +5 -0
- package/esm/code/index.js +15 -0
- package/esm/col/col.d.ts +20 -0
- package/esm/col/col.js +46 -0
- package/esm/col/col.styles.d.ts +893 -0
- package/esm/col/col.styles.js +16 -0
- package/esm/col/index.d.ts +5 -0
- package/esm/col/index.js +14 -0
- package/esm/collapse/collapse-context.d.ts +9 -0
- package/esm/collapse/collapse-context.js +20 -0
- package/esm/collapse/collapse-group.d.ts +18 -0
- package/esm/collapse/collapse-group.js +90 -0
- package/esm/collapse/collapse-icon.d.ts +19 -0
- package/esm/collapse/collapse-icon.js +41 -0
- package/esm/collapse/collapse.d.ts +41 -0
- package/esm/collapse/collapse.js +190 -0
- package/esm/collapse/collapse.styles.d.ts +4472 -0
- package/esm/collapse/collapse.styles.js +254 -0
- package/esm/collapse/index.d.ts +6 -0
- package/esm/collapse/index.js +22 -0
- package/esm/container/container.d.ts +40 -0
- package/esm/container/container.js +91 -0
- package/esm/container/container.styles.d.ts +896 -0
- package/esm/container/container.styles.js +45 -0
- package/esm/container/index.d.ts +5 -0
- package/esm/container/index.js +14 -0
- package/esm/css-baseline/css-baseline.d.ts +9 -0
- package/esm/css-baseline/css-baseline.js +247 -0
- package/esm/css-baseline/index.d.ts +1 -0
- package/esm/css-baseline/index.js +11 -0
- package/esm/divider/divider.d.ts +22 -0
- package/esm/divider/divider.js +82 -0
- package/esm/divider/divider.styles.d.ts +1787 -0
- package/esm/divider/divider.styles.js +77 -0
- package/esm/divider/index.d.ts +5 -0
- package/esm/divider/index.js +15 -0
- package/esm/grid/grid-container.d.ts +22 -0
- package/esm/grid/grid-container.js +60 -0
- package/esm/grid/grid-item.d.ts +37 -0
- package/esm/grid/grid-item.js +123 -0
- package/esm/grid/grid.d.ts +9 -0
- package/esm/grid/grid.js +29 -0
- package/esm/grid/grid.styles.d.ts +1783 -0
- package/esm/grid/grid.styles.js +15 -0
- package/esm/grid/index.d.ts +7 -0
- package/esm/grid/index.js +18 -0
- package/esm/image/image.d.ts +29 -0
- package/esm/image/image.js +150 -0
- package/esm/image/image.skeleton.d.ts +19 -0
- package/esm/image/image.skeleton.js +50 -0
- package/esm/image/image.styles.d.ts +2676 -0
- package/esm/image/image.styles.js +57 -0
- package/esm/image/index.d.ts +5 -0
- package/esm/image/index.js +16 -0
- package/esm/index.d.ts +79 -0
- package/esm/index.js +435 -0
- package/esm/input/index.d.ts +7 -0
- package/esm/input/index.js +30 -0
- package/esm/input/input-password.d.ts +98 -0
- package/esm/input/input-password.js +80 -0
- package/esm/input/input-props.d.ts +66 -0
- package/esm/input/input-props.js +30 -0
- package/esm/input/input.d.ts +18 -0
- package/esm/input/input.js +317 -0
- package/esm/input/input.styles.d.ts +9854 -0
- package/esm/input/input.styles.js +878 -0
- package/esm/input/password-icon.d.ts +6 -0
- package/esm/input/password-icon.js +51 -0
- package/esm/link/icon.d.ts +4 -0
- package/esm/link/icon.js +42 -0
- package/esm/link/index.d.ts +5 -0
- package/esm/link/index.js +15 -0
- package/esm/link/link.d.ts +43 -0
- package/esm/link/link.js +42 -0
- package/esm/link/link.styles.d.ts +1788 -0
- package/esm/link/link.styles.js +135 -0
- package/esm/loading/index.d.ts +7 -0
- package/esm/loading/index.js +24 -0
- package/esm/loading/loading.d.ts +24 -0
- package/esm/loading/loading.js +80 -0
- package/esm/loading/loading.styles.d.ts +5356 -0
- package/esm/loading/loading.styles.js +438 -0
- package/esm/loading/spinner.d.ts +17 -0
- package/esm/loading/spinner.js +47 -0
- package/esm/modal/index.d.ts +8 -0
- package/esm/modal/index.js +28 -0
- package/esm/modal/modal-body.d.ts +45 -0
- package/esm/modal/modal-body.js +62 -0
- package/esm/modal/modal-close-button.d.ts +13 -0
- package/esm/modal/modal-close-button.js +49 -0
- package/esm/modal/modal-context.d.ts +8 -0
- package/esm/modal/modal-context.js +18 -0
- package/esm/modal/modal-footer.d.ts +24 -0
- package/esm/modal/modal-footer.js +69 -0
- package/esm/modal/modal-header.d.ts +24 -0
- package/esm/modal/modal-header.js +69 -0
- package/esm/modal/modal-wrapper.d.ts +24 -0
- package/esm/modal/modal-wrapper.js +153 -0
- package/esm/modal/modal.d.ts +42 -0
- package/esm/modal/modal.js +159 -0
- package/esm/modal/modal.styles.d.ts +5362 -0
- package/esm/modal/modal.styles.js +243 -0
- package/esm/modal/use-modal.d.ts +11 -0
- package/esm/modal/use-modal.js +25 -0
- package/esm/pagination/index.d.ts +7 -0
- package/esm/pagination/index.js +19 -0
- package/esm/pagination/pagination-ellipsis.d.ts +11 -0
- package/esm/pagination/pagination-ellipsis.js +86 -0
- package/esm/pagination/pagination-highlight.d.ts +14 -0
- package/esm/pagination/pagination-highlight.js +52 -0
- package/esm/pagination/pagination-icon.d.ts +16 -0
- package/esm/pagination/pagination-icon.js +59 -0
- package/esm/pagination/pagination-item.d.ts +22 -0
- package/esm/pagination/pagination-item.js +104 -0
- package/esm/pagination/pagination.d.ts +46 -0
- package/esm/pagination/pagination.js +169 -0
- package/esm/pagination/pagination.styles.d.ts +5369 -0
- package/esm/pagination/pagination.styles.js +361 -0
- package/esm/progress/index.d.ts +5 -0
- package/esm/progress/index.js +15 -0
- package/esm/progress/progress.d.ts +65 -0
- package/esm/progress/progress.js +101 -0
- package/esm/progress/progress.styles.d.ts +1793 -0
- package/esm/progress/progress.styles.js +165 -0
- package/esm/radio/index.d.ts +4 -0
- package/esm/radio/index.js +24 -0
- package/esm/radio/radio-context.d.ts +13 -0
- package/esm/radio/radio-context.js +24 -0
- package/esm/radio/radio-group.d.ts +30 -0
- package/esm/radio/radio-group.js +78 -0
- package/esm/radio/radio.d.ts +45 -0
- package/esm/radio/radio.js +156 -0
- package/esm/radio/radio.styles.d.ts +5357 -0
- package/esm/radio/radio.styles.js +240 -0
- package/esm/row/index.d.ts +5 -0
- package/esm/row/index.js +14 -0
- package/esm/row/row.d.ts +21 -0
- package/esm/row/row.js +54 -0
- package/esm/row/row.styles.d.ts +895 -0
- package/esm/row/row.styles.js +25 -0
- package/esm/snippet/index.d.ts +5 -0
- package/esm/snippet/index.js +16 -0
- package/esm/snippet/snippet-icon.d.ts +21 -0
- package/esm/snippet/snippet-icon.js +52 -0
- package/esm/snippet/snippet.d.ts +35 -0
- package/esm/snippet/snippet.js +137 -0
- package/esm/snippet/snippet.styles.d.ts +3570 -0
- package/esm/snippet/snippet.styles.js +141 -0
- package/esm/spacer/index.d.ts +5 -0
- package/esm/spacer/index.js +14 -0
- package/esm/spacer/spacer.d.ts +41 -0
- package/esm/spacer/spacer.js +49 -0
- package/esm/spacer/spacer.styles.d.ts +894 -0
- package/esm/spacer/spacer.styles.js +24 -0
- package/esm/switch/index.d.ts +5 -0
- package/esm/switch/index.js +17 -0
- package/esm/switch/switch.d.ts +82 -0
- package/esm/switch/switch.js +142 -0
- package/esm/switch/switch.styles.d.ts +3576 -0
- package/esm/switch/switch.styles.js +283 -0
- package/esm/text/child.d.ts +21 -0
- package/esm/text/child.js +83 -0
- package/esm/text/index.d.ts +4 -0
- package/esm/text/index.js +14 -0
- package/esm/text/text.d.ts +59 -0
- package/esm/text/text.js +124 -0
- package/esm/text/text.styles.d.ts +894 -0
- package/esm/text/text.styles.js +41 -0
- package/esm/textarea/index.d.ts +3 -0
- package/esm/textarea/index.js +12 -0
- package/esm/textarea/textarea.d.ts +42 -0
- package/esm/textarea/textarea.js +126 -0
- package/esm/textarea/utils.d.ts +13 -0
- package/esm/textarea/utils.js +126 -0
- package/esm/theme/common.d.ts +1584 -0
- package/esm/theme/common.js +490 -0
- package/esm/theme/dark-theme.d.ts +33 -0
- package/esm/theme/dark-theme.js +38 -0
- package/esm/theme/index.js +31 -0
- package/esm/theme/light-theme.d.ts +28 -0
- package/esm/theme/light-theme.js +33 -0
- package/esm/theme/ssr-provider.d.ts +7 -0
- package/esm/theme/ssr-provider.js +51 -0
- package/esm/theme/stitches.config.d.ts +8700 -0
- package/esm/theme/stitches.config.js +88 -0
- package/esm/theme/theme-context.d.ts +5 -0
- package/esm/theme/theme-context.js +22 -0
- package/esm/theme/theme-provider.d.ts +14 -0
- package/esm/theme/theme-provider.js +115 -0
- package/esm/theme/types.d.ts +75 -0
- package/esm/theme/types.js +3 -0
- package/esm/theme/utils.d.ts +16 -0
- package/esm/theme/utils.js +113 -0
- package/esm/tooltip/index.d.ts +6 -0
- package/esm/tooltip/index.js +17 -0
- package/esm/tooltip/placement.d.ts +39 -0
- package/esm/tooltip/placement.js +193 -0
- package/esm/tooltip/tooltip-content.d.ts +27 -0
- package/esm/tooltip/tooltip-content.js +135 -0
- package/esm/tooltip/tooltip.d.ts +56 -0
- package/esm/tooltip/tooltip.js +141 -0
- package/esm/tooltip/tooltip.styles.d.ts +3571 -0
- package/esm/tooltip/tooltip.styles.js +159 -0
- package/esm/use-body-scroll/index.d.ts +3 -0
- package/esm/use-body-scroll/index.js +12 -0
- package/esm/use-body-scroll/use-body-scroll.d.ts +9 -0
- package/esm/use-body-scroll/use-body-scroll.js +77 -0
- package/esm/use-click-anywhere/index.d.ts +2 -0
- package/esm/use-click-anywhere/index.js +12 -0
- package/esm/use-click-anywhere/use-click-anywhere.d.ts +2 -0
- package/esm/use-click-anywhere/use-click-anywhere.js +19 -0
- package/esm/use-click-away/index.d.ts +2 -0
- package/esm/use-click-away/index.js +12 -0
- package/esm/use-click-away/use-click-away.d.ts +3 -0
- package/esm/use-click-away/use-click-away.js +23 -0
- package/esm/use-clipboard/index.d.ts +3 -0
- package/esm/use-clipboard/index.js +12 -0
- package/esm/use-clipboard/use-clipboard.d.ts +8 -0
- package/esm/use-clipboard/use-clipboard.js +57 -0
- package/esm/use-current-state/index.d.ts +2 -0
- package/esm/use-current-state/index.js +12 -0
- package/esm/use-current-state/use-current-state.d.ts +8 -0
- package/esm/use-current-state/use-current-state.js +28 -0
- package/esm/use-drip/index.d.ts +2 -0
- package/esm/use-drip/index.js +12 -0
- package/esm/use-drip/use-drip.d.ts +9 -0
- package/esm/use-drip/use-drip.js +38 -0
- package/esm/use-input/index.d.ts +2 -0
- package/esm/use-input/index.js +12 -0
- package/esm/use-input/use-input.d.ts +13 -0
- package/esm/use-input/use-input.js +32 -0
- package/esm/use-keyboard/codes.d.ts +92 -0
- package/esm/use-keyboard/codes.js +104 -0
- package/esm/use-keyboard/helper.d.ts +3 -0
- package/esm/use-keyboard/helper.js +35 -0
- package/esm/use-keyboard/index.d.ts +5 -0
- package/esm/use-keyboard/index.js +15 -0
- package/esm/use-keyboard/use-keyboard.d.ts +22 -0
- package/esm/use-keyboard/use-keyboard.js +76 -0
- package/esm/use-pagination/index.d.ts +20 -0
- package/esm/use-pagination/index.js +88 -0
- package/esm/use-portal/index.d.ts +2 -0
- package/esm/use-portal/index.js +12 -0
- package/esm/use-portal/use-portal.d.ts +2 -0
- package/esm/use-portal/use-portal.js +43 -0
- package/esm/use-real-shape/index.d.ts +2 -0
- package/esm/use-real-shape/index.js +12 -0
- package/esm/use-real-shape/use-real-shape.d.ts +9 -0
- package/esm/use-real-shape/use-real-shape.js +55 -0
- package/esm/use-resize/index.d.ts +2 -0
- package/esm/use-resize/index.js +12 -0
- package/esm/use-resize/use-resize.d.ts +2 -0
- package/esm/use-resize/use-resize.js +23 -0
- package/esm/use-ssr/index.d.ts +2 -0
- package/esm/use-ssr/index.js +12 -0
- package/esm/use-ssr/use-ssr.d.ts +6 -0
- package/esm/use-ssr/use-ssr.js +25 -0
- package/esm/use-theme/index.d.ts +2 -0
- package/esm/use-theme/index.js +12 -0
- package/esm/use-theme/use-theme.d.ts +3 -0
- package/esm/use-theme/use-theme.js +16 -0
- package/esm/use-warning/index.d.ts +2 -0
- package/esm/use-warning/index.js +12 -0
- package/esm/use-warning/use-warning.d.ts +2 -0
- package/esm/use-warning/use-warning.js +23 -0
- package/esm/user/index.d.ts +6 -0
- package/esm/user/index.js +21 -0
- package/esm/user/user-link.d.ts +32 -0
- package/esm/user/user-link.js +46 -0
- package/esm/user/user.d.ts +35 -0
- package/esm/user/user.js +63 -0
- package/esm/user/user.styles.d.ts +4456 -0
- package/esm/user/user.styles.js +56 -0
- package/esm/utils/assertion.d.ts +8 -0
- package/esm/utils/assertion.js +42 -0
- package/esm/utils/clear-icon.d.ts +16 -0
- package/esm/utils/clear-icon.js +70 -0
- package/esm/utils/clsx.d.ts +1 -0
- package/esm/utils/clsx.js +57 -0
- package/esm/utils/collections.d.ts +12 -0
- package/esm/utils/collections.js +110 -0
- package/esm/utils/color.d.ts +28 -0
- package/esm/utils/color.js +187 -0
- package/esm/utils/css-transition.d.ts +27 -0
- package/esm/utils/css-transition.js +76 -0
- package/esm/utils/deep-merge.d.ts +1 -0
- package/esm/utils/deep-merge.js +33 -0
- package/esm/utils/dimensions.d.ts +1 -0
- package/esm/utils/dimensions.js +10 -0
- package/esm/utils/dom.js +110 -0
- package/esm/utils/drip.d.ts +936 -0
- package/esm/utils/drip.js +116 -0
- package/esm/utils/expand.d.ts +20 -0
- package/esm/utils/expand.js +109 -0
- package/esm/utils/icons.js +481 -0
- package/esm/utils/numbers.d.ts +9 -0
- package/esm/utils/numbers.js +23 -0
- package/esm/utils/object.d.ts +11 -0
- package/esm/utils/object.js +40 -0
- package/esm/utils/prop-types.d.ts +54 -0
- package/esm/utils/prop-types.js +56 -0
- package/esm/utils/react.js +24 -0
- package/esm/utils/strings.js +18 -0
- package/esm/utils/types.d.js +3 -0
- package/esm/utils/with-defaults.d.ts +3 -0
- package/esm/utils/with-defaults.js +13 -0
- package/grid/package.json +6 -0
- package/image/package.json +6 -0
- package/input/package.json +6 -0
- package/link/package.json +6 -0
- package/loading/package.json +6 -0
- package/modal/package.json +6 -0
- package/package.json +16 -76
- package/pagination/package.json +6 -0
- package/progress/package.json +6 -0
- package/radio/package.json +6 -0
- package/row/package.json +6 -0
- package/snippet/package.json +6 -0
- package/spacer/package.json +6 -0
- package/switch/package.json +6 -0
- package/text/package.json +6 -0
- package/textarea/package.json +6 -0
- package/tooltip/package.json +6 -0
- package/umd/nextui.js +14059 -0
- package/umd/nextui.min.js +2 -0
- package/umd/nextui.min.js.LICENSE.txt +14 -0
- package/use-body-scroll/package.json +6 -0
- package/use-click-anywhere/package.json +6 -0
- package/use-click-away/package.json +6 -0
- package/use-clipboard/package.json +6 -0
- package/use-current-state/package.json +6 -0
- package/use-drip/package.json +6 -0
- package/use-input/package.json +6 -0
- package/use-keyboard/package.json +6 -0
- package/use-portal/package.json +6 -0
- package/use-real-shape/package.json +6 -0
- package/use-resize/package.json +6 -0
- package/use-ssr/package.json +6 -0
- package/use-theme/package.json +6 -0
- package/use-warning/package.json +6 -0
- package/user/package.json +6 -0
- package/utils/package.json +6 -0
- package/dist/components/avatar/avatar-group.d.ts +0 -17
- package/dist/components/avatar/avatar.d.ts +0 -33
- package/dist/components/avatar/index.d.ts +0 -2
- package/dist/components/button/button-group.d.ts +0 -56
- package/dist/components/button/button-icon.d.ts +0 -17
- package/dist/components/button/button-loading.d.ts +0 -18
- package/dist/components/button/button.d.ts +0 -51
- package/dist/components/button/button.drip.d.ts +0 -20
- package/dist/components/button/index.d.ts +0 -2
- package/dist/components/button/styles.d.ts +0 -40
- package/dist/components/card/card-content.d.ts +0 -13
- package/dist/components/card/card-footer.d.ts +0 -16
- package/dist/components/card/card.d.ts +0 -33
- package/dist/components/card/index.d.ts +0 -2
- package/dist/components/card/styles.d.ts +0 -12
- package/dist/components/checkbox/checkbox-group.d.ts +0 -31
- package/dist/components/checkbox/index.d.ts +0 -5
- package/dist/components/checkbox/styles.d.ts +0 -4
- package/dist/components/code/code.d.ts +0 -17
- package/dist/components/code/index.d.ts +0 -4
- package/dist/components/col/index.d.ts +0 -4
- package/dist/components/container/container.d.ts +0 -39
- package/dist/components/container/index.d.ts +0 -2
- package/dist/components/divider/divider.d.ts +0 -30
- package/dist/components/divider/index.d.ts +0 -2
- package/dist/components/grid/grid-container.d.ts +0 -18
- package/dist/components/grid/grid.d.ts +0 -16
- package/dist/components/grid/index.d.ts +0 -2
- package/dist/components/image/image-browser-https-icon.d.ts +0 -3
- package/dist/components/image/image-browser.d.ts +0 -31
- package/dist/components/image/image.skeleton.d.ts +0 -12
- package/dist/components/image/index.d.ts +0 -2
- package/dist/components/image/styles.d.ts +0 -9
- package/dist/components/index.d.ts +0 -20
- package/dist/components/link/index.d.ts +0 -4
- package/dist/components/link/link.d.ts +0 -39
- package/dist/components/loading/index.d.ts +0 -2
- package/dist/components/loading/spinner.d.ts +0 -16
- package/dist/components/loading/styles.d.ts +0 -18
- package/dist/components/radio/index.d.ts +0 -2
- package/dist/components/radio/radio-description.d.ts +0 -13
- package/dist/components/radio/radio-group.d.ts +0 -33
- package/dist/components/row/index.d.ts +0 -4
- package/dist/components/row/row.d.ts +0 -32
- package/dist/components/snippet/index.d.ts +0 -2
- package/dist/components/snippet/snippet.d.ts +0 -36
- package/dist/components/snippet/styles.d.ts +0 -8
- package/dist/components/spacer/index.d.ts +0 -4
- package/dist/components/spacer/spacer.d.ts +0 -27
- package/dist/components/switch/index.d.ts +0 -2
- package/dist/components/switch/styles.d.ts +0 -6
- package/dist/components/switch/switch.d.ts +0 -50
- package/dist/components/text/child.d.ts +0 -22
- package/dist/components/text/index.d.ts +0 -4
- package/dist/components/user/index.d.ts +0 -2
- package/dist/components/user/user-link.d.ts +0 -16
- package/dist/hooks/index.d.ts +0 -5
- package/dist/hooks/use-theme.d.ts +0 -3
- package/dist/index.d.ts +0 -3
- package/dist/index.js +0 -1
- package/dist/index.min.js +0 -1
- package/dist/theme/common.d.ts +0 -63
- package/dist/theme/dark.d.ts +0 -8
- package/dist/theme/default.d.ts +0 -8
- package/dist/theme/index.d.ts +0 -2
- package/dist/theme/shared.d.ts +0 -4
- package/dist/theme/theme-context.d.ts +0 -4
- package/dist/theme/theme-provider.d.ts +0 -7
- package/dist/theme/types.d.ts +0 -94
- package/dist/theme/utils.d.ts +0 -7
- package/dist/utils/collections.d.ts +0 -4
- package/dist/utils/object.d.ts +0 -5
- package/dist/utils/prop-types.d.ts +0 -37
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* KeyBinding Codes
|
|
3
|
+
* The content of this file is based on the design of the open source project "microsoft/vscode",
|
|
4
|
+
* Copyright (c) Microsoft Corporation. All rights reserved.
|
|
5
|
+
*
|
|
6
|
+
* We inherit the KeyMod values from "microsoft/vscode",
|
|
7
|
+
* but use the Browser's KeyboardEvent event implementation, and all values are used only as identification.
|
|
8
|
+
*/
|
|
9
|
+
export declare enum KeyCode {
|
|
10
|
+
Unknown = 0,
|
|
11
|
+
Backspace = 8,
|
|
12
|
+
Tab = 9,
|
|
13
|
+
Enter = 13,
|
|
14
|
+
Shift = 16,
|
|
15
|
+
Ctrl = 17,
|
|
16
|
+
Alt = 18,
|
|
17
|
+
PauseBreak = 19,
|
|
18
|
+
CapsLock = 20,
|
|
19
|
+
Escape = 27,
|
|
20
|
+
Space = 32,
|
|
21
|
+
PageUp = 33,
|
|
22
|
+
PageDown = 34,
|
|
23
|
+
End = 35,
|
|
24
|
+
Home = 36,
|
|
25
|
+
LeftArrow = 37,
|
|
26
|
+
UpArrow = 38,
|
|
27
|
+
RightArrow = 39,
|
|
28
|
+
DownArrow = 40,
|
|
29
|
+
Insert = 45,
|
|
30
|
+
Delete = 46,
|
|
31
|
+
KEY_0 = 48,
|
|
32
|
+
KEY_1 = 49,
|
|
33
|
+
KEY_2 = 50,
|
|
34
|
+
KEY_3 = 51,
|
|
35
|
+
KEY_4 = 52,
|
|
36
|
+
KEY_5 = 53,
|
|
37
|
+
KEY_6 = 54,
|
|
38
|
+
KEY_7 = 55,
|
|
39
|
+
KEY_8 = 56,
|
|
40
|
+
KEY_9 = 57,
|
|
41
|
+
KEY_A = 65,
|
|
42
|
+
KEY_B = 66,
|
|
43
|
+
KEY_C = 67,
|
|
44
|
+
KEY_D = 68,
|
|
45
|
+
KEY_E = 69,
|
|
46
|
+
KEY_F = 70,
|
|
47
|
+
KEY_G = 71,
|
|
48
|
+
KEY_H = 72,
|
|
49
|
+
KEY_I = 73,
|
|
50
|
+
KEY_J = 74,
|
|
51
|
+
KEY_K = 75,
|
|
52
|
+
KEY_L = 76,
|
|
53
|
+
KEY_M = 77,
|
|
54
|
+
KEY_N = 78,
|
|
55
|
+
KEY_O = 79,
|
|
56
|
+
KEY_P = 80,
|
|
57
|
+
KEY_Q = 81,
|
|
58
|
+
KEY_R = 82,
|
|
59
|
+
KEY_S = 83,
|
|
60
|
+
KEY_T = 84,
|
|
61
|
+
KEY_U = 85,
|
|
62
|
+
KEY_V = 86,
|
|
63
|
+
KEY_W = 87,
|
|
64
|
+
KEY_X = 88,
|
|
65
|
+
KEY_Y = 89,
|
|
66
|
+
KEY_Z = 90,
|
|
67
|
+
Meta = 91,
|
|
68
|
+
F1 = 112,
|
|
69
|
+
F2 = 113,
|
|
70
|
+
F3 = 114,
|
|
71
|
+
F4 = 115,
|
|
72
|
+
F5 = 116,
|
|
73
|
+
F6 = 117,
|
|
74
|
+
F7 = 118,
|
|
75
|
+
F8 = 119,
|
|
76
|
+
F9 = 120,
|
|
77
|
+
F10 = 121,
|
|
78
|
+
F11 = 122,
|
|
79
|
+
F12 = 123,
|
|
80
|
+
NumLock = 144,
|
|
81
|
+
ScrollLock = 145,
|
|
82
|
+
Equal = 187,
|
|
83
|
+
Minus = 189,
|
|
84
|
+
Backquote = 192,
|
|
85
|
+
Backslash = 220
|
|
86
|
+
}
|
|
87
|
+
export declare enum KeyMod {
|
|
88
|
+
CtrlCmd = 2048,
|
|
89
|
+
Shift = 1024,
|
|
90
|
+
Alt = 512,
|
|
91
|
+
WinCtrl = 256
|
|
92
|
+
}
|
|
@@ -0,0 +1,104 @@
|
|
|
1
|
+
"use strict";
|
|
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 = {}));
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
"use strict";
|
|
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;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
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;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export declare type KeyboardOptions = {
|
|
3
|
+
disableGlobalEvent?: boolean;
|
|
4
|
+
stopPropagation?: boolean;
|
|
5
|
+
preventDefault?: boolean;
|
|
6
|
+
capture?: boolean;
|
|
7
|
+
event?: 'keydown' | 'keypress' | 'keyup';
|
|
8
|
+
};
|
|
9
|
+
export declare type KeyboardResult = {
|
|
10
|
+
bindings: {
|
|
11
|
+
onKeyDown: React.KeyboardEventHandler;
|
|
12
|
+
onKeyDownCapture: React.KeyboardEventHandler;
|
|
13
|
+
onKeyPress: React.KeyboardEventHandler;
|
|
14
|
+
onKeyPressCapture: React.KeyboardEventHandler;
|
|
15
|
+
onKeyUp: React.KeyboardEventHandler;
|
|
16
|
+
onKeyUpCapture: React.KeyboardEventHandler;
|
|
17
|
+
};
|
|
18
|
+
};
|
|
19
|
+
export declare type UseKeyboardHandler = (event: React.KeyboardEvent | KeyboardEvent) => void;
|
|
20
|
+
export declare type UseKeyboard = (handler: UseKeyboardHandler, keyBindings: Array<number> | number, options?: KeyboardOptions) => KeyboardResult;
|
|
21
|
+
declare const useKeyboard: UseKeyboard;
|
|
22
|
+
export default useKeyboard;
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
"use strict";
|
|
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;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const DOTS = "dots";
|
|
2
|
+
export interface PaginationParams {
|
|
3
|
+
total: number;
|
|
4
|
+
initialPage?: number;
|
|
5
|
+
page?: number;
|
|
6
|
+
siblings?: number;
|
|
7
|
+
boundaries?: number;
|
|
8
|
+
onChange?: (page: number) => void;
|
|
9
|
+
}
|
|
10
|
+
export declare type PaginationItemParam = number | typeof DOTS;
|
|
11
|
+
declare const usePagination: ({ page, total, siblings, boundaries, initialPage, onChange }: PaginationParams) => {
|
|
12
|
+
range: PaginationItemParam[];
|
|
13
|
+
active: number;
|
|
14
|
+
setPage: (pageNumber: number) => void;
|
|
15
|
+
next: () => void;
|
|
16
|
+
previous: () => void;
|
|
17
|
+
first: () => void;
|
|
18
|
+
last: () => void;
|
|
19
|
+
};
|
|
20
|
+
export default usePagination;
|
|
@@ -0,0 +1,88 @@
|
|
|
1
|
+
"use strict";
|
|
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;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
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;
|
|
File without changes
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
"use strict";
|
|
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;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
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;
|
|
File without changes
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.getRealShape = exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var _react = require("react");
|
|
7
|
+
|
|
8
|
+
const getCSSStyleVal = (str, parentNum) => {
|
|
9
|
+
if (!str) return 0;
|
|
10
|
+
const strVal = str.includes('px') ? +str.split('px')[0] : str.includes('%') ? +str.split('%')[0] * parentNum * 0.01 : str;
|
|
11
|
+
return Number.isNaN(+strVal) ? 0 : +strVal;
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
const getRealShape = el => {
|
|
15
|
+
const defaultShape = {
|
|
16
|
+
width: 0,
|
|
17
|
+
height: 0
|
|
18
|
+
};
|
|
19
|
+
if (!el || typeof window === 'undefined') return defaultShape;
|
|
20
|
+
const rect = el.getBoundingClientRect();
|
|
21
|
+
const {
|
|
22
|
+
width,
|
|
23
|
+
height
|
|
24
|
+
} = window.getComputedStyle(el);
|
|
25
|
+
return {
|
|
26
|
+
width: getCSSStyleVal(`${width}`, rect.width),
|
|
27
|
+
height: getCSSStyleVal(`${height}`, rect.height)
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
|
|
31
|
+
exports.getRealShape = getRealShape;
|
|
32
|
+
|
|
33
|
+
const useRealShape = ref => {
|
|
34
|
+
const [state, setState] = (0, _react.useState)({
|
|
35
|
+
width: 0,
|
|
36
|
+
height: 0
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
const update = () => {
|
|
40
|
+
const {
|
|
41
|
+
width,
|
|
42
|
+
height
|
|
43
|
+
} = getRealShape(ref.current);
|
|
44
|
+
setState({
|
|
45
|
+
width,
|
|
46
|
+
height
|
|
47
|
+
});
|
|
48
|
+
};
|
|
49
|
+
|
|
50
|
+
(0, _react.useEffect)(() => update(), [ref.current]);
|
|
51
|
+
return [state, update];
|
|
52
|
+
};
|
|
53
|
+
|
|
54
|
+
var _default = useRealShape;
|
|
55
|
+
exports.default = _default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _useResize = _interopRequireDefault(require("./use-resize"));
|
|
9
|
+
|
|
10
|
+
var _default = _useResize.default;
|
|
11
|
+
exports.default = _default;
|
|
12
|
+
module.exports = exports.default;
|
|
File without changes
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.default = void 0;
|
|
5
|
+
|
|
6
|
+
var _react = require("react");
|
|
7
|
+
|
|
8
|
+
const useResize = (callback, immediatelyInvoke = true) => {
|
|
9
|
+
(0, _react.useEffect)(() => {
|
|
10
|
+
const fn = () => callback();
|
|
11
|
+
|
|
12
|
+
if (immediatelyInvoke) {
|
|
13
|
+
fn();
|
|
14
|
+
}
|
|
15
|
+
|
|
16
|
+
window.addEventListener('resize', fn);
|
|
17
|
+
return () => window.removeEventListener('resize', fn);
|
|
18
|
+
}, []);
|
|
19
|
+
};
|
|
20
|
+
|
|
21
|
+
var _default = useResize;
|
|
22
|
+
exports.default = _default;
|
|
23
|
+
module.exports = exports.default;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
+
|
|
5
|
+
exports.__esModule = true;
|
|
6
|
+
exports.default = void 0;
|
|
7
|
+
|
|
8
|
+
var _useSsr = _interopRequireDefault(require("./use-ssr"));
|
|
9
|
+
|
|
10
|
+
var _default = _useSsr.default;
|
|
11
|
+
exports.default = _default;
|
|
12
|
+
module.exports = exports.default;
|
|
File without changes
|